@charset "euc-kr";
@import url(http://kid.chosun.com/2009_renewal/css/article_090818.css);
/*
Chosun.com Media UX Team,Kwon Hyeok-Min 20090813 
*/

/*Reset*/
*{margin:0;padding:0;}
html,body{width:100%;height:100%;}
body{background-color:#fff;*word-break:break-all;-ms-word-break:break-all;}
body,input,button,select{color:#333; font:normal 12px/17px "µ¸¿ò",Dotum,"±¼¸²",Gulim,AppleGothic,Sans-serif;}
h1,h2,h3,h4,h5,h6{font-size:12px;text-align:left;}
img,fieldset,iframe{border:0 none;}
li{list-style:none;}
a{color:#333; text-decoration:none;}
a:hover{color:#333; text-decoration:underline;}
em,address{font-style:normal;}
input,select{vertical-align:middle;}
button,label{cursor:pointer;_cursor /**/:hand;}
hr,legend,caption{display:none;}
select{height:20px;}
@media print{
body{color:#000;}
}

/* Layout Selector */
#wrap{width:100%; text-align:left;}
.gnb{width:970px; margin:0 auto; padding:0 0 10px 0;}
#container{z-index:20; width:970px; margin:0 auto;}
.spot{z-index:10; position:relative; float:left; width:800px; height:222px; background:url(http://kid.chosun.com/2009_renewal/img/spot_bg.jpg) no-repeat;}
.snb{z-index:10; float:left; width:170px; padding-bottom:30px;}
.colgrop{z-index:10; float:left; width:800px;}
#content{z-index:20; float:left; width:532px; margin-right:18px; padding-bottom:20px; overflow-x:hidden;}
.aside{z-index:10; float:left; width:249px; margin-left:1px; padding:0 0 15px 0;}
#footer{z-index:10; width:970px; margin:0 auto;}



.lnb{display:inline; float:left; width:956px; height:35px; padding-left:14px; background:url(http://kid.chosun.com/2009_renewal/img/lnb_bg.gif) repeat-x;}
.lnb li{position:relative;float:left; margin-top:8px; padding:0 17px; background:url(http://kid.chosun.com/2009_renewal/img/lnb_bar.gif) no-repeat right 4px;}

/* Class Selector */
.noBg{background-image:none !important;}
.noLine{border:0 none !important;}
.txtHide{*color:transparent; font:0/0 Sans-serif; overflow:hidden; text-indent:-5000px;}

/* Navigation Selector */
.sideMenu{width:150px; margin-bottom:5px; background:url(http://kid.chosun.com/2009_renewal/img/bx_sidemenu_bg.gif) no-repeat 0 0;}
.sideMenu h3{*color:transparent; font:0/0 Sans-serif; overflow:hidden; text-indent:-5000px;}
.sideMenu h3 a{display:block; width:150px; height:56px;}
.sideMenu dl{margin:0 0 9px 8px; background:url(http://kid.chosun.com/2009_renewal/img/line_img.gif) no-repeat 0 bottom;}
.sideMenu dt{margin:0 0 7px 5px;}
.sideMenu dd{height:34px;}
.sideMenu dd select{width:135px;}

.section_nav{display:inline; float:left; width:142px; margin:0 0 13px 4px; background:url(http://kid.chosun.com/2009_renewal/img/bx_nav_bg.gif) no-repeat 0 0;}
.section_nav ul{float:left; width:100%; padding:5px 0 3px 9px; background:url(http://kid.chosun.com/2009_renewal/img/bx_nav_btm.gif) no-repeat 0 bottom;}
.section_nav li{float:left; padding-bottom:1px; border-bottom:1px solid #eaeff5;}
.section_nav li a{display:block;}

.section_nav2{margin:0 0 5px 14px;}
.section_nav2 li{padding-left:8px; background:url(http://kid.chosun.com/2009_renewal/img/arrow_img.gif) no-repeat 0 4px;}

/* Content */
.section_con1{float:left; width:508px; height:23px; margin-bottom:25px; padding:9px 12px 0; background:url(http://kid.chosun.com/2009_renewal/img/bx_bar_img.gif) no-repeat 0 0;}
.section_con1 dl{float:left;}
.section_con1 dt{float:left; font-weight:bold;}
.section_con1 dd{float:right;}
.section_con1 dd a{padding-left:7px; background:url(http://kid.chosun.com/2009_renewal/img/arrow_img.gif) no-repeat left 2px; color:#777; font-size:11px; letter-spacing:-1px;}
.section_con1 dd a:hover{color:#777; font-size:11px;}

.section_con2{float:left; margin-bottom:25px;}
.section_con2 h4{float:left; width:532px; margin-bottom:6px; font-size:14px;}
.section_con2 dl{float:left; width:532px;}
.section_con2 dt{float:left; width:92px;}
.section_con2 dt img{border:1px solid #d4d4d4;}
.section_con2 dd a{color:#666;}
.section_con2 dd a:hover{color:#666;}

.section_con3{float:left; width:509px; padding:12px 12px 12px 12px; margin-bottom:25px; background:#fffcf1; border:1px solid #ece2d2; border-width:1px 0;}
.section_con3 .bx1{float:left; width:250px; margin-right:9px;}
.section_con3 .bx1 h4{margin-bottom:15px; padding-bottom:5px; border-bottom:3px solid #d0e895;}
.section_con3 .bx2{float:left; width:250px;}
.section_con3 .bx2 h4{margin-bottom:15px; padding-bottom:5px; border-bottom:3px solid #d1b4d7;}
.section_con3 dl{clear:both;}
.section_con3 dt{float:right; width:160px; margin-bottom:2px; font-size:14px; font-weight:bold;}
.section_con3 dd{float:right; width:160px; }
.section_con3 dd a{color:#666; line-height:15px; letter-spacing:-1px;}
.section_con3 dd a:hover{color:#666; line-height:15px; letter-spacing:-1px;}
.section_con3 dd.img{float:left; width:90px; margin-bottom:14px;}
.section_con3 dd.img img{border:1px solid #d6d5d5;}
.section_con3 ul{clear:both;}
.section_con3 li{padding-left:9px; background:url(http://kid.chosun.com/2009_renewal/img/bu_dot.gif) no-repeat 0 5px;}
.section_con3 li a{color:#666;}
.section_con3 li a:hover{color:#666;}

.section_con4{float:left; padding:0 0 0 7px;}
.section_con4 .ul1{float:left; margin-bottom:15px; border-bottom:1px solid #efefef;}
.section_con4 .ul2{float:left; padding:0 0 5px 0; margin-bottom:9px; border-bottom:1px solid #c3c3c3;}
.section_con4 li{float:left; width:518px; height:28px;}
.section_con4 li a{float:left; font-size:14px; font-weight:bold; letter-spacing:-1px;}
.section_con4 li a:hover{float:left; font-size:14px; font-weight:bold; letter-spacing:-1px;}
.section_con4 li span{float:right; color:#888; font-12px;}
.section_con4 p{text-align:right;}

#navi{margin:3px 0 0 0; color:#666;}
#navi a{color:#666;}
#navi a:hover{color:#666;}
#navi .navi{margin-bottom:6px; float:left;}

/* Aside */
.section_banner1{float:left; margin-bottom:10px;}
.section_banner1 li{float:left;}
.section_banner1 img{display:block;}
.section_banner2{float:left;}
.section_banner2 li{float:left; margin-bottom:5px;}
.section_banner2 img{display:block;}

.section_spot{position:absolute; left:39px; top:40px; float:left; width:470px;}
.section_spot dt{float:right; width:310px; margin:15px 0 16px;}
.section_spot dt a{color:#4e59e7; font-size:18px; line-height:21px;}
.section_spot dt a:hover{color:#4e59e7; font-size:18px; line-height:21px;}
.section_spot dd{float:left; width:310px;}
.section_spot .tit_img{width:144px; margin-right:13px; border:1px solid #cbcbcb; background:#fff;}
.section_spot .tit_img img{display:block; margin:5px;}
.section_photonews{position:absolute; left:572px; top:71px;}
.section_photonews dt{margin-bottom:11px;}
.section_photonews dt img{border:1px solid #eee;}
.section_photonews dd{text-align:center;}

.section_notice{clear:both; width:249px;}
.section_notice ul{padding:13px 0 13px 10px; border:1px solid #c9d8e3; border-width:0 1px;}
.section_notice li{padding-left:9px; background:url(http://kid.chosun.com/2009_renewal/img/bu_dot.gif) no-repeat 0 5px;}
.section_notice li.banner{margin-top:10px; padding-left:0; background-image:none;}
.section_notice li.banner img{border:1px solid #dfdfdf;}


.section_aside1{clear:both; width:249px;}
.section_aside1 h4{float:left;}
.section_aside1 ul{float:left; width:237px; padding:13px 0 13px 10px; border:1px solid #c9d8e3; border-width:0 1px;}
.section_aside1 li a{color:#666;}
.section_aside1 li a:hover{color:#666;}
.section_aside1 li a strong{font-size:14px; color:#333;}
.section_aside1 li a:hover strong{font-size:14px; color:#333;}

.section_aside2{clear:both; width:249px;}
.section_aside2 h4{float:left; position:relative; width:249px; height:38px;}
.section_aside2 h4 a{position:absolute; top:14px; right:10px; padding-left:7px; background:url(http://kid.chosun.com/2009_renewal/img/arrow_img.gif) no-repeat left 5px; color:#666; font-size:11px; font-weight:normal; text-decoration:none; letter-spacing:-1px;}
.section_aside2 h4 a:hover{position:absolute; padding-left:7px; background:url(http://kid.chosun.com/2009_renewal/img/arrow_img.gif) no-repeat left 5px; color:#666; font-size:11px; font-weight:normal; text-decoration:underline; letter-spacing:-1px;}
.section_aside2 h4 img{position:absolute;}
.section_aside2 ul{float:left; width:237px; padding:13px 0 0 10px; border:1px solid #c9d8e3; border-width:0 1px;}
.section_aside2 dl{width:227px; margin-bottom:9px; padding-bottom:9px; background:url(http://kid.chosun.com/2009_renewal/img/line_dot.gif) repeat-x 0 bottom;}
.section_aside2 dt{padding-left:8px; background:url(http://kid.chosun.com/2009_renewal/img/bu_dot.gif) no-repeat 0 5px; font-weight:bold;}
.section_aside2 dd a{color:#666;}
.section_aside2 dd a:hover{color:#666;}

.section_aside3{clear:both; width:249px;}
.section_aside3 h4{float:left; position:relative; width:249px; height:38px;}
.section_aside3 h4 a{position:absolute; top:14px; right:10px; padding-left:7px; background:url(http://kid.chosun.com/2009_renewal/img/arrow_img.gif) no-repeat left 5px; color:#666; font-size:11px; font-weight:normal; text-decoration:none; letter-spacing:-2px;}
.section_aside3 h4 a:hover{position:absolute; padding-left:7px; background:url(http://kid.chosun.com/2009_renewal/img/arrow_img.gif) no-repeat left 5px; color:#666; font-size:11px; font-weight:normal; text-decoration:underline; letter-spacing:-2px;}
.section_aside3 h4 img{position:absolute;}
.section_aside3 ul{float:left; width:237px; padding:13px 0 20px 10px; border:1px solid #c9d8e3; border-width:0 1px 1px;}
.section_aside3 .li1{float:left;}
.section_aside3 .li1 dl{float:left; width:118px; margin-bottom:5px;}
.section_aside3 .li1 dt{margin-bottom:4px;}
.section_aside3 .li1 dd{width:110px; text-align:center;} 
.section_aside3 .li1 img{display:block; border:1px solid #cacaca;}
.section_aside3 .li1 a{font-size:11px; font-weight:bold; letter-spacing:-1px;}
.section_aside3 .li1 a:hover{font-size:11px; font-weight:bold; letter-spacing:-1px;}

.section_aside3 .li2{float:left;}
.section_aside3 .li2 dl{width:227px; padding-bottom:15px; margin-bottom:18px; border-bottom:1px solid #ddd;}
.section_aside3 .li2 dd{padding-left:9px; background:url(http://kid.chosun.com/2009_renewal/img/bu_dot.gif) no-repeat left 5px;}
.section_aside3 .li2 .date{color:#888;}

.section_aside3 .li3{float:left;}
.section_aside3 .li3 dl{float:left;}
.section_aside3 .li3 dt{margin-bottom:5px;}
.section_aside3 .li3 dt a{color:#2662a5; font-weight:bold;}
.section_aside3 .li3 dt a:hover{color:#2662a5; font-weight:bold;}
.section_aside3 .li3 dd{position:relative; width:211px; height:18px; padding:4px 0 0 16px; background:#f1ece3 url(http://kid.chosun.com/2009_renewal/img/bu_dot.gif) no-repeat 7px 10px; overflow:hidden;}

.txtroll{position:relative;}
.txtroll a{display:block;}

/* List Area  */
#listarea{ float:left; width:532px; margin:0; padding:0; font-family:Gulim;}

#topguide{width:532px;height:30px;margin:0;padding:0;background:url(http://kid.chosun.com/2009_renewal/img/top_guide.gif) repeat-x;overflow:hidden;}
	#topguide p.btn{float:right;}
	#topguide p.btn img{vertical-align:top;margin:0 0 2px 6px;}
	
.bx_search{float:left; width:532px; height:30px; background:#f5f5f5;}
	.bx_search dt{display:inline; float:left; margin:8px 10px 0 118px;}
	.bx_search .dd1{float:left;}
	.bx_search .dd2{float:right; margin:10px 12px 0 0;}

/* Á¤·Ä ÅÇ */
.order{clear:both; width:532px; margin:20px 0 28px 0; height:30px; background:url(http://image.chosun.com/cs/200806/images/bg_order.gif) repeat-x 0 bottom;}
	.order a:hover{text-decoration:none;}
	.order ul{margin:0;}
	.order ul li{float:left; width:87px; padding:6px 0 4px;text-align:center;}
	.order ul li.deselect{border-top:1px solid #dcdcdc; border-left:1px solid #c3dff5; border-bottom:2px solid #c3dff5; background-color:#e8f3f9;}
	.order ul li.select{border-top:1px solid #dcdcdc; border-left:1px solid #dcdcdc; border-bottom:2px solid #fff; background-color:#fff;}

/* Á¤·Ä ¼¿·ºÆ®¹Ú½º */
.order_select1{float:right; margin:1px 0 0 0; display:inline; position:relative; z-index:3;}
	.order_select1 p{background:url(http://image.chosun.com/cs/200806/images/bg_select.gif) 0 0 no-repeat; color:#333; cursor:pointer; padding:4px 0 0 6px;width:85px;height:20px;}
	.order_select1 ul{background:url(http://image.chosun.com/cs/200806/images/bg_select_view.gif) 0 0 no-repeat; height:50px; margin-top:-4px; width:87px; position:absolute;z-index:4; display:none; padding:5px 0 0 0;}
	.order_select1 ul li{text-align:left; margin:-4px 0 0 7px; display:inline;}
	.order_select1 ul li a{color:#333;font:11px µ¸¿ò;}

/* ¸®½ºÆ® ³»¿ë */
.list{width:511px; clear:both; margin:30px 0 0 10px; padding:0; position:relative;}
#author{margin:3px 0 7px 0; padding:0;}

.list_photo{float:left; margin:0 11px 30px 0; border:1px solid #a6a6a6;}
.list_photo img{display:block; margin:3px; max-width:92px;}
.list dl{margin:0;}
.list dl dt{margin:0 0 5px 0;}
.list dl dd{margin:0; padding:0; line-height:18px; font-family:"Gulim","±¼¸²";}
.author_icon{position:relative; cursor:pointer;}
.author_art_view{position:absolute; top:-25px; left:-11px; width:171px; height:25px; padding:5px 0 0 7px; background:url(http://image.chosun.com/cs/200806/images/bg_baloon.gif) no-repeat; z-index:100;}

/* Fonts */
.basic{ text-decoration:none; color:#333; font-size:13px; line-height:17px; font-family:'Gulim"','±¼¸²'; }
.basic a:link{ text-decoration:none; color:#333; }
.basic a:visited{ text-decoration:none; color:#333; }
.basic a:active{ text-decoration:none; color:#333; }
.basic a:hover{ text-decoration:underline; color:#333; }

.list_tit{text-decoration:none; color:#1a3890; font-size:16px; font-family:"Dotum","µ¸¿ò"; font-weight:bold; letter-spacing:-1px;line-height:20px;}
.list_tit a:link{text-decoration:none; color:#1a3890;}
.list_tit a:visited{text-decoration:none; color:#641974;}
.list_tit a:active{text-decoration:none; color:#1a3890;}
.list_tit a:hover{text-decoration:underline; color:#1a3890;}

.author_txt{color:#898989; font-size:12px; line-height:17px; font-weight:normal; letter-spacing:0;}
.author_txt a:link{text-decoration:none; color:#898989;}
.author_txt a:visited{text-decoration:none; color:#898989;}
.author_txt a:active{text-decoration:none; color:#898989;}
.author_txt a:hover{text-decoration:underline; color:#898989;}

/* Paginate */
.paginate{clear:both; margin:30px 0 40px 0; text-align:center; border-top:1px solid #dcdcdc; padding:14px 0 0 0;}
.paginate a,.paginate strong{position:relative; display:inline-block; margin-right:1px; padding:3px 3px 1px 3px; color:#333; text-decoration:none; border:1px solid #bfbfbf; font:12px/normal Dotum; _width /**/:10px; min-width:7px; background-color:#fff; line-height:10px;}
.paginate strong{color:#c8292a !important; font-weight:bold; border:none; margin-right:1px; padding:3px 3px 1px 3px; border:1px solid #bfbfbf; line-height:10px;}
*:first-child+html .paginate .pre,*:first-child+html .paginate .next{top:0;}
.paginate a:hover{color:#c8292a !important; border:1px solid #aeaeae; text-decoration:none;}
.paginate span img{vertical-align:middle; margin:0 0 2px 0;}
.paginate span a{border:none; background:none; font-size:12px; color:#333; font-weight:normal;}
.paginate span a:hover{border:none; background:none !important; font-size:12px; color:#333; font-weight:normal;}