@charset "utf-8";

/*--- common ---*/ 
*{margin:0;padding:0;font-family:Dotum,"µ¸¿ò",Gulim,"±¼¸²",Helvetica,Apple-Gothic;-webkit-text-size-adjust:none;}
body{background-color:#fff;font-size:14px;line-height:1.25em;color:#333;word-wrap:break-word;word-break:break-all;}
ul,ol,li{list-style:none;}
img,fieldset,button,input{border:none;border:0;}
img,input,select,textarea{vertical-align:middle;}
a{color:#000;text-overflow:ellipsis;-o-text-overflow:ellipsis;text-decoration:none;cursor:pointer;}
address{font-style:normal;}
hr,legend{display:none;}
.hide{visibility:hidden;overflow:hidden;position:absolute;left:-1000em;width:0;height:0;font-size:0;line-height:0;}
h2,h3,strong{font-weight:bold;}

/*--- layout ---*/
#wrap{text-align:left;}
#header{position:relative;}
#content{clear:both;width:100%;background-color:#fff;margin-bottom:35px;}
#footer{clear:both;height:53px;text-align:center;background-color:#f8f8f8;padding:12px 0 35px 0;border-top:1px solid #e1e1e1;}

/*--- header logo ½ºÆ÷Ã÷ ---*/
h1{text-align:center;height:27px;*height:40px;padding-top:13px;overflow:hidden;}
h1 img{vertical-align:top;}

/*--- header searchArea ½ºÆ÷Ã÷ ---*/
#btnOpen{display:block;width:35px;height:30px;background:url(http://image.donga.com/mobile/images/btn_search_open.gif) no-repeat;cursor:pointer;position:absolute;top:10px;_top:10px;left:10px;}
#btnClose{display:block;width:35px;height:30px;background:url(http://image.donga.com/mobile/images/btn_search_close.gif) no-repeat;cursor:pointer;position:absolute;top:10px;left:10px;}
#searchArea{width:100%;height:38px;background:url(http://image.donga.com/mobile/images/bg_search.gif) repeat-x;}
#searchOpen{margin-right:40px;}
#searchArea fieldset{height:29px;padding:5px 4px 4px 10px;}
#searchArea fieldset span{display:block;height:20px;background:#fff url(http://image.donga.com/mobile/images/bg_search_input.gif) repeat-x 0 0;border-left:1px solid #383838;border-right:1px solid #383838;padding:5px 5px 4px 5px;}
#searchArea fieldset input{float:left;width:100%;height:18px;margin-top:2px;outline-style:none;}
#searchSubmit{display:block;width:30px;height:29px;overflow:hidden;background:url(http://image.donga.com/mobile/images/btn_search.gif) no-repeat;cursor:pointer;position:absolute;top:45px;right:10px;}

/*--- header gnb ½ºÆ÷Ã÷ ---*/

#gnbTopMenu{clear:both;width:100%;font-weight:bold;text-align:center;}
#mainGnb{float:left;width:100%;height:35px;background:url(http://image.donga.com/mobile/images/bg_gnb_sports.gif) repeat-x 0 0;}
#mainGnb li{float:left;width:16%;height:35px;white-space:nowrap;}
#mainGnb li a{display:block;height:15px;color:#fff;padding:10px;}
#mainGnb li.on a{background:url(http://image.donga.com/mobile/images/bg_gnb_sports_on.gif) repeat-x 0 0;color:#0c3e89;}
#mainGnb li.first{margin-left:10px;}
#subGnb{float:left;width:100%;height:40px;background-color:#fff;border-bottom:1px solid #2b5eb0;color:#6c6c6c;}
#subGnb li{float:left;width:19%;white-space:nowrap;}
#subGnb li a{display:block;height:14px;padding:13px;}
#subGnb li.on a{color:#0c3e89;}
#subGnb li.first{margin-left:10px;}

/*--- content list --*/
h2{clear:both;height:15px;padding:30px 10px 6px 10px;font-size:1.05em;border-bottom:2px solid #2b5eb0;}
h2.first{clear:both;height:15px;padding:13px 10px 6px 10px;font-size:1.05em;border-bottom:2px solid #2b5eb0;}
.list01{background-color:#e9e9e9;height:190px;}
.list01 p{display:block;width:300px;height:140px;margin-bottom:9px;}
.list01 span{display:block;height:14px;font-size:0.875em;overflow:hidden;}
.list01 strong{display:block;height:16px;font-size:1.125em;margin-bottom:2px; padding:0px 10px;}
.list02{position:relative;width:100%;}
.list02 li{display:inline-block;background:url(http://image.donga.com/mobile/images/bl_arrow.gif) no-repeat 100% 50%;border-bottom:1px solid #dfdfdf;vertical-align:top;} 
.tl{width:100%;height:35px;}
.tl a{display:block;height:6px;padding:10px 31px 13px 10px;overflow:hidden;}
/*--- Ãß°¡½ÃÀÛ --*/
.tl02{width:100%;height:53px;}
.tl02 p.tx{padding:10px 31px 13px 10px;}
.tl02 p.tx strong{display:block;font-weight:normal;}
.tl02 p.tx span{font-size:0.875em;}
/*--- //Ãß°¡³¡ --*/
.pl{width:100%;height:62px;}
.pl p{float:left;width:71px;height:53px;margin:6px 10px;}
.pl span a{display:block;padding:15px 31px 13px 10px;}
/*--- Ãß°¡½ÃÀÛ --*/
.pl02{width:100%;height:62px;}
.pl02 p.pt{float:left;width:71px;height:53px;margin:6px 10px;}
.pl02 p.tx{padding:15px 31px 13px 10px;}
.pl02 p.tx strong{display:block;font-weight:normal;}
.pl02 p.tx span{font-size:0.875em;}
/*--- Ãß°¡³¡ --*/
/*--- Ãß°¡2½ÃÀÛ --*/
.pl03{width:100%;height:85px;}
.pl03 p.pt{float:left;width:71px;height:53px;margin:11px 10px;}
.pl03 p.tx{padding:9px 31px 9px 10px;overflow:hidden;}
.pl03 p.tx strong{display:block;margin-bottom:5px;font-weight:normal;}
.pl03 p.tx span{display:block;height:31px;font-size:0.875em;line-height:15px;color:#7d7d7d;overflow:hidden;}
.pl03 p.tx span a{color:#7d7d7d;}
.pl03 p.tx_search{padding:9px 31px 9px 10px;overflow:hidden;}
.pl03 p.tx_search strong{display:block;height:33px;font-weight:normal;margin-bottom:11px;overflow:hidden;}
.pl03 p.tx_search span{height:29px;font-size:0.875em;line-height:16px;overflow:hidden;}
.pl03 p.tx_search span a{color:#7d7d7d;}
/*--- Ãß°¡2³¡ --*/

/*--- Ãß°¡3½ÃÀÛ --*/
.pl04{width:100%;}
.pl04 p.pt{float:left;width:53px;height:53px;margin:11px 10px;}
.pl04 p.tx{padding:9px 31px 9px 10px;overflow:hidden;}
.pl04 p.tx strong{display:block;margin-bottom:5px;font-weight:normal;}
.pl04 p.tx span{display:block;margin-bottom:5px;font-size:0.875em;line-height:16px;color:#7d7d7d;overflow:hidden;}
.pl04 p.tx span a{color:#7d7d7d;}
/*--- Ãß°¡3³¡ --*/
.plist01{_height:110px;border-bottom:1px solid #e1e1e1;background-color:#e9e9e9;padding:10px 10px 7px 10px;overflow:hidden;}
.plist01 li{float:left;width:33%;text-align:center;}
.plist01 li a{display:block;}
.plist01 li img{width:88px;height:68px;border:1px solid #8f8f8f;text-align:center;margin-bottom:7px;}
.plist01 li span{display:block;font-size:0.875em;line-height:1.25em;}
.mb10{margin-bottom:10px;}
.mb35{margin-bottom:35px;}
.ba4{border-top:1px solid #a4a4a4;}

/*--- button ---*/
#btnGo{clear:both;text-align:center;margin-top:10px;}
#btnGo a{display:inline-block;width:130px;height:15px;color:#fff;padding:5px;background:url(http://image.donga.com/mobile/images/bg_btn.gif) repeat-x;border:1px solid #1d2029;}

/*--- content list view ---*/
h3{clear:both;font-size:1.2em;padding:14px 9px;}
#viewTop{height:35px;padding:0 10px 0 8px;}
.detail{float:left;margin-top:5px;font-size:0.95em;}
.btnGa{float:right;}
#viewArea{clear:both;border-top:1px solid #a4a4a4;border-bottom:1px solid #e1e1e1;padding:10px 10px 25px 10px;line-height:24px;}
#viewArea p{width:300px;height:381px;}
#viewArea table span{color:#7d7d7d;font-size:0.875em;}

/*--- content photo view ---*/
#photoviewArea{border-top:1px solid #a4a4a4;height:306px;background-color:#000;text-align:center;}
.photoviewControl{height:26px;padding:7px 10px;background-color:#f0f0f0;border:1px solid #eaeaea;}
.viewLeft{float:left;}
.viewRight{float:right;}
#Newview{clear:both;border-bottom:1px solid #e1e1e1;line-height:24px;}
.btnNewview{text-align:right;margin-bottom:14px;}

/*--- footer ---*/
#footer p{margin-bottom:8px;}
address{font-style:normal;font-size:0.95em;font-style:normal;color:#666;}

/* ¸¸È­Ãß°¡_20110304ÀÌÈÆ¼® */
.cartoonWrap{padding:10px;}
.cartoonWrap .nav_ct{padding:10px 0px 15px 0px;width:100%;height:27px;text-align:center;border-top:3px solid #1dbaf4;}
.cartoonWrap .nav_ct h1{display:inline;font-size:24px;color:#2b5eb0;line-height:27px;}
.cartoonWrap .nav_ct .btLeft{float:left;width:50px;}
.cartoonWrap .nav_ct .btRght{float:right;width:50px;}
.cartoonWrap .cartoon{padding:10px 0px 10px 0px;text-align:center;}
.cartoonWrap .cartoon .fx{width:100%;}
.cartoonWrap .spot_ct{padding-top:20px;width:100%;}
.cartoonWrap .spot_ct p{text-align:center;line-height:140%;}
.cartoonWrap .spot_ct p a{color:#2b5eb0;text-decoration:underline;}

/* ÃÖÈÆÄ«Å÷ ÅÇ : 20120627 ¾ÈÁßÈ£ */
.cartoonWrap .hoonTab {display:inline-block;width:100%;}
.cartoonWrap .hoonTab li {float:left;width:50%;}
.cartoonWrap .hoonTab li a {display:block;height:29px;line-height:29px;border:1px solid #cacaca;border-bottom:0 none; font-size:14px;font-weight:bold;color:#404040;text-align:center;}
.cartoonWrap .hoonTab li a.on {border:1px solid #1dbaf4;border-bottom:0 none;background:#1dbaf4;color:#fff;}


/*--- È­º¸¸®½ºÆ®--*/
.starList{padding:20px 14px 10px 14px;overflow:hidden; text-align:center;}
.starList li{display:inline;float:left;padding:0px 5px 10px 5px;}
.starList li a{display:block;height:70px;}
.starList li img{width:60px;height:60px;border:1px solid #8f8f8f;text-align:center;margin-bottom:7px;}

/*--È­º¸½æ³×ÀÏºÎºÐ½ÃÀÛ--*/
.imgPhotoWrap {text-align:center;}
.imgPhotoList{display:inline-block;position:relative; padding:12px 3px;}
.imgPhotoList li{display:inline;float:left;padding:12px 3px 12px 3px;}


/*--È­º¸ÀÌ¹ÌÁöºÎºÐ½ÃÀÛ--*/
#imgPhotoviewArea{clear:both;height:306px; background-color:#000; vertical-align:middle;text-align:center;}
#imgPhotoviewArea img{vertical-align:middle;}
#imgPhotoviewArea span{display:inline-block;positiion:relative;height:100%;vertical-align:middle;}

/*--ÀÚµ¿³Ñ±è°ú ½æ³×ÀÏºÎºÐ--*/
.allArea{background-color:#ddd; padding:10px;text-align:center; }
.allArea .textBtn{padding:5px 0px;text-align:right; }
.allArea .imgPhotoList2{display:inline-block;position:relative;}
.allArea .imgPhotoList2 li{display:inline;float:left;padding:10px 2px;}
.allArea .imgPhotoList2 li.photoBtn a{display:block;margin-top:10px;}
.bg01{padding:0 6px 0 3px;}

/*--°ü·ÃÆ÷Åä--*/
.imgPhotoWrap .connectPhoto{text-align:left; padding:15px 5px 5px 10px; font-weight:bold; }
.imgPhotoWrap .imgPhotoList3{display:inline-block; position:relative; }
.imgPhotoWrap .imgPhotoList3 li{display:inline;float:left; padding:5px 3px 15px 3px; }

