@import "common.css";

#BdBg {background:url(../../../_Image/Main/new/bg_body01.jpg) repeat top center;text-align:center;}
#AlBdM #TopPrt {position:relative;width:945px;height:81px;text-align:left;margin-left:25px;}
#BothPrtM {width:995px;height:100%;background:url(../../../_Image/Main/cntbox2_bg2.gif) repeat-y;}
#BothPrtM #CntPrt {float:left;width:898px;background:url(../../../_Image/Main/cntbox2_top2.gif) no-repeat top left;text-align:left;vertical-align:top;padding:16px 25px 0 50px;}
#BothPrtM #CntPrt02 {float:left;width:898px;background:url(../../../_Image/Main/cntbox2_top3.gif) no-repeat top left;text-align:left;vertical-align:top;padding:20px 25px 0 50px;}
html>body #BothPrtM #CntPrt {width:823px;}
#Footer {clear:both;padding:30px 0 60px 25px;}
html>body #Footer {padding-top:34px;}


/*=============== Top Menu ==============*/
td.TpMn {text-align:right;padding:0 10px 0 0;height:34px;}
td.TpMn img.RMgn {margin-right:5px;}

/*=============== Top Login ==============*/
#TpLgn {position:absolute;width:461px;height:193px;top:120px;}
html>body #TpLgn {margin-left:430px;}

/*=============== MAIN ==============*/
div.M1 {float:left;width:209px;}
div.M1 div.MLgn {margin-bottom:146px;}
div.M2 {float:left;width:425;padding:8px 0 0 0px;}
	div.M21 {float:left;width:151px;}
	div.M22 {float:right;width:220px;}
	div.M23 {clear:both;width:379px;}
div.M3 {float:right;width:186px;}

/*=============== Left Part ==============*/
p.Txt {margin:8px 0 7px;color:#333333;}
p.Txt span {font-size:12px;}
p.Txt a {font-weight:bold;color:#333333;}
p.Txt a:visited {color:#8A8A8A;}

div.Box1 {background:url(../../../_Image/Main/m1_box_bg.gif) no-repeat top left;width:189px;padding:12px 9px 0 9px;line-height:130%;margin-top:6px;text-align:justify;color:#555555;}
div.Box1 p {color:#EB473B;margin:5px 0 0;}
html>body div.Box1 {width:171px;}

div.Box2 {background:url(../../../_Image/Main/m1_box2_bg.gif) no-repeat top left;width:189px;padding:15px 10px 0 10px;line-height:130%;font-size:11px;margin-top:20px;text-align:justify;}
div.Box2 div.BtnRt {padding:0;}
html>body div.Box2 {width:169px;}

div.login1 {font-size:12px;color:#666666;margin-top:5px;margin-bottom:2px;text-align:justify;}
div.login2 {font-size:11px;color:#FD3416;text-align:justify;font-weight:bold}
div.login3 {font-size:11px;color:#1794E1;text-align:justify;font-weight:bold}
div.login4 {font-size:11px;color:#7C7C7C;text-align:justify;font-weight:bold}
div.login5 {font-size:11px;color:#666666;margin-top:0px;margin-bottom:0px;text-align:justify;}
p.CsImg {margin:0;word-spacing:5px;}


/*=============== search Part ==============*/
div.M2 div.Top {background:url(../../../_Image/Main/new/bg_search.gif) no-repeat top left;height:69px;padding:11px 0 0px 0;}
div.M2 div.Bottom {clear:both;background:url(../../../_Image/Main/m2_box_bottom.gif) no-repeat bottom left;height:23px;}
div.M2 div.Cont {padding:1px 0 0px 0;}
div.M2 div.Cont02 {padding:15px 0 0px 0;}
div.M2 div.Cont03 {padding:15px 0 0px 0}
div.M2 div.box01 {font-size:11px}

/* ³ªºñ¿ùµå ÅëÇÕ°Ë»ö */
div.M21 div.Box {background:url(../../../_Image/Main/m21_box_bg.gif) no-repeat;width:151px;height:55px;padding:8px 0 0 9px;}
html>body div.M21 div.Box {width:142px;height:47px;}
div.M21 div.Box .SltBx {width:132px;}
div.M21 div.Box .ipt {width:92px;border:1px solid #E2CDB8;}
div.M21 p {margin:10px 0 0 5px;color:#908879;font-size:11px;line-height:130%;}
div.M21 p a {color:#908879;}
div.M21 p a:hover {color:#908879;text-decoration:underline;}

/* Áöµµ°Ë»ö ¼­ºñ½º */
div.M22 div.Box {float:left;background:url(../../../_Image/Main/m22_box_bg.gif) no-repeat;width:220px;height:117px;padding:12px 12px 0 7px;}
html>body div.M22 div.Box {width:201px;height:104px;}
div.M22 div.Box div.Lf img {margin-bottom:10px;}
div.M22 div.Box .SltBx {margin-bottom:4px;}
div.M22 div.Box .ipt {border:1px solid #D6D6D6;}
div.M22 div.Box input {margin:2px 0;}
div.M22 div.Box #Tab1, div.M22 div.Box #Tab2, div.M22 div.Box #Tab3 {float:left;}
div.M22 div.Box div.BtnRt {padding:0;text-align:right;}
div.M22 div.LfPht {float:left;border:1px solid #E5E5E5;padding:3px;width:108px;height:78px;margin-left:5px;}


/*³ªºñ¿ùµå*/
div.M23 {background:url(../../../_Image/Main/new/bg_grey.gif) repeat-y;width:411px}
div.M23 div.Top {clear:both;background:url(../../../_Image/Main/new/bg_greytop.gif) no-repeat top left;height:6px;}
div.M23 div.bottom {clear:both;background:url(../../../_Image/Main/new/bg_greybottom.gif) no-repeat bottom left;height:6px;}
div.M23 div.LfPht {float:center;border:1px solid #E5E5E5;padding:3px;width:88px;height:68px;margin-left:10px;}
div.M23 div.LfPht02 {float:center;background:url(../../../_Image/Main/new/bg_photo.gif) no-repeat;width:118px;height:68px;padding:4px 4px 4 4px;}
html>body div.M23 div.LfPht {width:80px;height:60px;}
div.M23 ul.RtLst {float:right;list-style-type:none;width:262px;margin:3px 5px 0 0;line-height:140%;}
div.M23 ul.RtLst li.Clr1 {line-height:130%;background:url(../../../_Image/Main/new/dot_grey.gif) 8px 3px no-repeat;padding-left:17px;padding-bottom:3px;font-size:12px}
div.M23 ul.RtLst li.Clr2 b {font-size:12px;color:#E49F16;}
div.title {font-size:11px;color:#666666;margin-top:5px;margin-bottom:2px;text-align:center;}

/*¹ÂÁ÷*/
div.M28 {width:186px;margin-top:3px;margin-bottom:4px}
div.M28 div.Top {clear:both;background:url(../../../_Image/Main/new/bg_greytop.gif) no-repeat top left;height:6px;}
div.M28 div.bottom {clear:both;background:url(../../../_Image/Main/new/bg_greybottom.gif) no-repeat bottom left;}
div.M28 div.LfPht {float:center;border:1px solid #E5E5E5;padding:3px;width:88px;height:60px;margin-left:10px;text-align:center;}
div.M28 ul.RtLst {list-style-type:none;width:153px;margin:3px 0px 0 0;line-height:140%;}
div.M28 ul.RtLst02 {list-style-type:none;width:96px;margin:3px 0px 0 0;line-height:140%;}
div.M28 ul.RtLst li.Clr1 {line-height:130%;padding-bottom:2px;font-size:11px;padding-left:17px;}
div.M28 ul.RtLst li.Clr2 b {font-size:12px;color:#E49F16;}

div.M33 {border-top:1px;border-bottom:1px;padding:0px 10 0px;margin-top:7px;font-size:11px;}
div.M33 b {color:#585858;}
div.M33 p {margin:2px 0 0;line-height:130%;}

/*¸®ºä*/
div.M24 {width:189px}
div.M24 div.LfPht {float:left;border:0px solid #E5E5E5;padding:3px;width:88px;height:34px;margin-left:10px;}
div.M24 ul.RtLst {list-style-type:none;width:189px;margin:3px 0px 0 0;line-height:140%;}
div.M24 ul.RtLst li.Clr1 {line-height:130%;background:url(../../../_Image/Main/new/dot_grey02.gif) 8px 3px no-repeat;padding-left:17px;padding-bottom:2px;font-size:12px}
div.M24 ul.RtLst li.Clr2 b {font-size:12px;color:#E49F16;}

/*¼îÇÎ¸ô*/
div.M25 {width:153px;}
div.M25 div.Top {clear:both;background:url(../../../_Image/Main/new/bg_greytop.gif) no-repeat top left;height:6px;}
div.M25 div.bottom {clear:both;background:url(../../../_Image/Main/new/bg_greybottom.gif) no-repeat bottom left;}
div.M25 div.LfPht {float:left;border:1px solid #E5E5E5;padding:3px;width:90px;height:34px;}
div.M25 ul.RtLst {list-style-type:none;width:179px;margin:3px 0px 0 0;line-height:140%;}
div.M25 ul.RtLst02 {list-style-type:none;width:96px;margin:3px 0px 0 0;line-height:140%;}
div.M25 ul.RtLst li.Clr1 {line-height:130%;background:url(../../../_Image/Main/new/dot_grey02.gif) 8px 3px no-repeat;padding-bottom:2px;font-size:12px;padding-left:17px;}
div.M25 ul.RtLst li.Clr2 b {font-size:12px;color:#E49F16;}


/*ÃßÃµÁö½ÄÅåÅå*/
div.M26 {width:189px;padding-left:7px;}
div.M26 div.Top {clear:both;background:url(../../../_Image/Main/new/bg_greytop.gif) no-repeat top left;height:6px;}
div.M26 div.bottom {clear:both;background:url(../../../_Image/Main/new/bg_greybottom.gif) no-repeat bottom left;}
div.M26 div.LfPht {float:left;border:1px solid #E5E5E5;padding:3px;width:90px;height:34px;}
div.M26 ul.RtLst {list-style-type:none;width:179px;margin:3px 0px 0 0;line-height:140%;}
div.M26 ul.RtLst02 {list-style-type:none;width:96px;margin:3px 0px 0 0;line-height:140%;}
div.M26 ul.RtLst li.Clr1 {line-height:130%;background:url(../../../_Image/Main/new/dot_grey02.gif) 8px 3px no-repeat;padding-bottom:2px;font-size:12px;padding-left:17px;}
div.M26 ul.RtLst li.Clr2 b {font-size:12px;color:#E49F16;}

/*=============== Right Part ==============*/
/*¾ÆÀÌ³ªºñ¼Ò½Ä*/
ul.M31 {list-style-type:none;margin-bottom:8px;}
ul.M31 li {line-height:140%;font-size:11px;height:18px;}
ul.M31 li b {color:#FF7901;}

/*ÀÌº¥Æ®*/
div.M32 {margin-bottom:10px;}

/*Game&Education*/
ul.M34 {list-style-type:none;}
ul.M34 li {float:left;margin-bottom:7px;}
ul.M34 div.LfPht {float:left;border:3px solid #E1E1E1;width:48px;height:45px;}
html>body ul.M34 div.LfPht {width:42px;height:39px;}
ul.M34 div.RtTxt {float:right;font-size:11px;width:123px;line-height:130%;}
ul.M34 div.RtTxt b {color:#D92387;}
ul.M34 div.RtTxt span {color:#DF1A4D;}
ul.M34 div.RtTxt a {color:#999999;}
ul.M34 div.RtTxt a:hover {color:#555555;}

div.M3 img.Stit2 {margin:5px 0 7px 0;}

/*footer*/
div.M35 {border-top:1px;border-bottom:1px;padding:0px 0 3 10px;margin-top:3px;font-size:11px;line-height:150%;width:115px}
div.M35 b {color:#585858;}
div.M35 p {margin:2px 0 0;line-height:150%;}

div.M36 {border-top:1px;border-bottom:1px;padding:0px 0 0 10px;margin-top:3px;font-size:12px;line-height:170%;}
div.M36 b {color:#585858;}
div.M36 p {margin:2px 0 0;line-height:180%;}

div.M37 {border-top:1px;border-bottom:1px;padding:0px 10 0px;margin-top:3px;font-size:12px;line-height:180%;}
div.M37 b {color:#585858;}
div.M37 p {margin:2px 0 0;line-height:180%;}
div.M27 li.Clr1 {line-height:130%;background:url(../../../_Image/Main/new/dot_grey02.gif) 8px 3px no-repeat;padding-bottom:2px;font-size:12px;padding-left:17px;}


/*===================================*/
/*=============== BOX ===============*/
div.SrchBx {background:url(/_Image/iNaviFun/Main/music_search_box.gif) no-repeat;width:460px;height:80px;padding:16px 0 0 35px;margin:20px 0 0;}
div.SrchBx input.ipt {background:url(/_Image/iNaviFun/Main/bg_input.gif) no-repeat top left;border:1px solid #F4C6C6;width:267px;height:17px;margin-left:78px;}
div.SrchBx p.Txt {margin:20px 0 0;word-spacing:10px;}

/*=============== FLASH ==============*/
div.MFlsh {position:absolute;top:100px;left:expression((document.body.clientWidth-904)/2);}

/*=============== IMG ==============*/
img.Brd {border:3px solid #E1E1E1;}
img.Brd1 {border:6px solid #E1E1E1;}
img.Stit {margin:0 0 10px 0;}
img.Stit1 {margin:0 0 0px 0;}
img.Stit2 {margin:10px 0 7px 0;}
img.Stit3 {margin:0 0 10px 11px;}
img.Stit4 {margin:20px 0 10px 11px;}
img.Stit5 {margin:23px 0 10px 0;}
img.Stit6 {margin:15px 0 10px 0;}
img.Mgn {margin:20px 0;}
img.Mgn2 {margin:0 0 10px 0;}
/*=============== FORM ===============*/
select.SltBx {behavior: url('../../_Lib/Script/New/selectBox.htc');}

/*=============== COLOR ===============*/
a {color:#666666;}
a:hover {color:#333333;}
a:visited {color:#8A8A8A;}
.Clr1 {color:#CB386E;}
.Clr2 {color:#646DE7;}
.Clr3 {color:#FF7902;}
.Clr4 {color:#BA39E0;}


/*=============== ±ä±Þ¸ðµå ==============*/
#BdBg3 {background:url(../../../_Image/Main/bg_body1.jpg) no-repeat top center;text-align:center;}
#BdBg3 #AlBdM #TopPrt {position:relative;width:945px;height:66px;text-align:left;margin-left:25px;}
#BothPrtM3 {width:995px;height:100%;}
#BothPrtM3 #CntPrt {float:left;width:922px;text-align:left;vertical-align:top;padding:16px 25px 0 26px;background:url(/_Image/null.gif) repeat-y;}
html>body #BothPrtM3 #CntPrt {width:871px;}

/*=============== MAIN - ±ä±Þ¸ðµå ==============*/
div.EM1 {float:left;width:228px;}
div.EM1 div.MLgn {margin-bottom:146px;}
div.EM2 {float:left;width:425;background:url(../../../_Image/null.gif) no-repeat;}
	div.EM21 {float:left;width:189px;}
	div.EM22 {float:right;width:181px;}
	div.EM23 {clear:both;width:425px;}
	div.EM24 {clear:both;width:425px;}
div.EM3 {float:right;width:205px;}

/*=============== Left Part - ±ä±Þ¸ðµå ==============*/
div.EM1 div.Box1 {background:url(../../../_Image/Main/emer_m1_box_bg.gif) no-repeat top left;width:205px;height:176px;padding:18px;margin:0 0 15px;}
html>body div.EM1 div.Box1 {width:169px;height:140px;}
div.EM1 div.Box1 p.Txt {margin:9px 0 7px;}
div.EM1 div.Box1 p.Txt a {font-weight:normal;color:#333333;}

div.EM1 div.Box2 {background:url(../../../_Image/Main/emer_m1_box2_bg.gif) no-repeat top left;width:205px;height:176px;padding:5px;margin-bottom:15px;}
html>body div.EM1 div.Box2 {width:195px;height:166px;}
div.EM1 img.Mgn {margin:3px;}


/*=============== Center Part - ±ä±Þ¸ðµå ==============*/
div.EM2 div.BoxYl {float:left;background:url(../../../_Image/Main/emer_m2_box_bg.gif) no-repeat top left;width:425px;height:232px;padding:20px 20px 0;margin-bottom:15px;}
html>body div.EM2 div.BoxYl {width:385px;height:212px;}
div.EM2 img.Stit2 {margin:5px 0 3px  3px;}
/*³ªºñ¿ùµå ÅëÇÕ°Ë»ö*/
div.EM22 div.Box {background:url(../../../_Image/Main/emer_m21_box_bg.gif) no-repeat top left;width:184px;height:60px;padding:10px 0 5px 9px;margin:5px 0 12px;}
html>body div.EM22 div.Box {width:175px;height:45px;}
div.EM22 div.Box select {width:165px;}
div.EM22 div.Box input {margin-top:3px;}
div.EM22 div.Box input.ipt {width:125px;border:1px solid #E2CDB8;}
/*°Ë»ö¼­ºñ½º*/
div.EM22 div.TabImg {word-spacing:2px;margin-top:5px;}

/*¾ÆÀÌ³ªºñ¿ùµå*/
div.EM23 {clear:both;background:url(../../../_Image/Main/new/bg_world.gif) no-repeat top left;width:410px;padding:10px 0 0px 5px}
html>body div.EM23 {width:410px}

div.EM24 {clear:both;background:url(../../../_Image/Main/new/bg_world03.gif) no-repeat top left;width:414px;height:24;padding:5px 0 0px 0px;}
html>body div.EM24 {width:405px;height:98px;}
div.EM24 ul {list-style-type:none;margin-top:5px;width:380px;}
div.EM24 ul li {background:url(../../../_Image/Main/emer_m24_li_bg.gif) no-repeat bottom left;height:22px;padding:5px 0 3px 16px;clear:both;margin:0;}
div.EM24 ul li span {color:#AEABA3;}
html>body div.EM24 ul li {height:14px;}

/*¾ÆÀÌ³ªºñ¿ùµå*/
div.EM27 {clear:both;background:url(../../../_Image/Main/emer_m2_box4_bg.gif) no-repeat top left;width:425px;height:151px;padding:17px 0 5px 20px;word-spacing:3px;margin-bottom:15px;}
div.EM27 img.Stit {margin:0 0 7px 0;}
div.EM27 div.LfFun {float:left;font-size:11px;color:#555555;width:120px;margin-right:14px;line-height:130%;}
div.EM27 div.LfFun span {color:#EC0191;}
html>body div.EM27 {width:405px;height:134px;}


/*=============== Áö¿ª°Ë»ö°á°ú ==============*/
div.Rslt {background:url(../../../_Image/Main/result_bg.gif) no-repeat top left;width:282px;height:190px;padding:21px 15px 15px 15px;}
html>body div.Rslt {width:252px;height:137px;}
div.Rslt div.Title {float:left;background:url(../../../_Image/Main/bul_02.gif) 0 0 no-repeat;padding-left:14px;}
div.Rslt div.Title span {color:#EE0000;}
div.Rslt div.Btn {float:right;}
div.Rslt div.LyScrl {clear:both;border-top:1px solid #ECADB4;border-bottom:1px solid #ECADB4;width:252px;height:110px;margin-top:7px;}
div.Rslt div.LyScrl li {background:url(../../../_Image/Main/bg_dotline.gif) repeat-x bottom;height:14px;font-size:11px;color:#555555;padding:6px 0 2px 0;}
div.Rslt div.LyScrl li span {color:#FF7E00;}
div.Rslt div.LyScrl li div.LfNum {float:left;width:34px;text-align:center;}
div.Rslt div.LyScrl li div.RtTxt {float:right;width:200px;}
