@charset "utf-8"; /* 영문 layout.css Modnnet Web Design Team (http://www.modnnet.co.kr/) Author : Copyright 2008-0627 by KIM YOUNG HA. All Right Reserved. */ /* 공통스타일 */ .floatleft{float:left;} .floatright{float:right;} .ul_none{padding:0; padding-bottom:20px; margin:0; border:0; list-style:none;} .ul_b20{padding:0; margin:0; margin-bottom:20px; border:0; list-style:none;} .pad_t20{padding-top:20px;} .pad_b20{padding-bottom:20px;} .pad_l20{padding-left:20px;} .green{color:#01AA16; font-weight:bolder;} .b_green{color:#04836c; background-image:url(/images/volunteer/bullet.gif) no-repeat; padding:0 0 0 10px;} .hidden{display:none;} /* 링크클래스 */ .prvod:link, .prvod:visited, .prvod:active{color:#919191; font-weight:bold; text-decoration:none;} .prvod:hover{color:#696969; font-weight:bold; text-decoration:underline;} .photo:link, .photo:visited, .photo:active{color:#696969; font-weight:bold; text-decoration:none; height:127px;} .photo:hover{color:#696969; font-weight:bold; text-decoration:underline;} .banner:link, .banner:visited, .banner:active{color:#C869C1; font-size:11px; text-decoration:none;} .banner:hover{color:#C869C1; font-size:11px; text-decoration:underline;} .blackbold:link, .blackbold:visited, .blackbold:active{color:#666; font-weight:bold; text-decoration:none;} .blackbold:hover{color:#000; font-weight:bold; text-decoration:none;} /* 디데이, 날씨정보, 현재시각 */ #d-day{position:absolute; top:150px; left:40px; width:120px; height:120px; z-index:99;} /* 스킵네비게이션 */ .accessibility, #topmenualt{display:none;} /* 공통 레이아웃 */ #head{width:970px;} #logo{margin:30px 0 0 6px; padding:0; width:234px; height:125px; float:left; display:inline;} #head div.user{float:right; display:inline; width:720px; height:50px; margin:0;} #head div.user ul.menu{float:right; display:inline; margin:0; padding:0; list-style:none;} #head div.user ul.menu li{float:left; display:inline; background:url(/images/common/util_bar.gif) no-repeat 0 0.2em; padding:0.15em 2px 0em 8px; margin:30px 0 0 0} #head div.user ul.menu li.first-child{background:none;} #head div.user ul.menu li.end-child{background:none; margin:0px; padding:0.15em 0 0 0;} #main{float:left; width:970px; height:100%;} #foot{clear:both; position:relative; width:950px; padding:20px 0 0 20px;} #foot div#foot_iaaf{float:left; margin:0 5px 0 0;} #foot div#foot_banner{float:left; margin:0 10px 0 10px;} #foot div#foot_banner ul{float:left; list-style:none; margin:0; padding:0;} #foot div#foot_banner ul li{float:left; margin:0 5px 0 0;} /* 메인메뉴 */ #topmenu{position:absolute; top:55px; left:250px; z-index:10;} ul#topmenu{width:720px; float:left; margin:0; padding:0;} #topmenu li{float:left; display:inline;} #topmenu ul{position:absolute; top:70px; left:0; margin:0; padding:0; display:none; list-style:none;} #topmenu li.menu1 ul{width:700px;} #topmenu li.menu2 ul{width:700px;} /* #topmenu li.menu3 ul{width:700px; left:60px;} */ #topmenu li.menu3 ul{width:700px; left:120px;} #topmenu li.menu4 ul{width:700px; left:205px;} #topmenu li.menu5 ul{width:700px; left:80px;} /*#topmenu li.menu6 ul{width:700px; left:210px;}*/ #topmenu li.menu6 ul{width:700px; left:170px;} #topmenu ul li{background:url(/images/nav/TopMenuSubItem.gif) no-repeat 0 14px;} #topmenu ul li a{display:block; padding:0;} /* 추가할 소스 시작 */ #foot div#foot_banner_su {margin:10px 10px 0 167px;} #foot div#foot_banner_su ul {list-style:none; margin:0; padding:0;} #foot div#foot_banner_su ul li {float:left; margin:0 5px 0 0;} /* 추가할 소스 끝 */ /* 메인인덱스 레이아웃 */ #index_logo{position:absolute; top:30px; left:6px; padding:0; width:234px; height:125px; z-index:99;} #topmenu_index{position:absolute; top:50px; left:250px; z-index:99;} #visual_index{width:970px; height:715px; margin:-40px 0 0 0;} #index_search{position:absolute; top:710px; left:20px; z-index:99; width:390px; height:44px; padding:15px 0 0 10px; background:url(/images/main/bg_search.gif) no-repeat;} #content-area{width:942px; float:left; padding-left:20px;} #index_notice{float:left; width:380px;} #index_news{float:left; width:380px;margin-left:20px;} #index_foreign{float:right; width:140px;padding-top:28px;} /* 공통 서브메인 레이아웃 */ #wrap{position:relative; overflow:hidden; width:970px; background:url(/images/common/sub_bg.jpg) no-repeat;} #wrap_news{position:relative; overflow:hidden; width:970px; background:url(/images/common/sub_bg.jpg) no-repeat;} #wrap_pInfo{position:relative; overflow:hidden; width:970px; background:url(/images/common/sub_bg.jpg) no-repeat;} #rightmenu{position:absolute; top:210px; left:715px; padding:0; margin:0; width:255px; height:169px; z-index:99;} #visual_main{width:970px;} /* 공통 서브 레이아웃 */ #wrap_sub{position:relative; overflow:hidden; width:970px; height:100%; background:url(/images/common/sub_bg.jpg) no-repeat;} #visual_sub{float:right; width:720px;} #leftmenu{float:left; text-align:right; width:157px; height:100%; display:inline; margin-left:20px;} #leftmenu ul{margin:0; padding:0; list-style:none;} #leftmenu ul li{margin:0; padding:0; list-style:none; border-bottom:1px solid #D6D6D6;} #body{ float:right; width:761px;} #subtitle{margin-top:15px;} #location{clear:both; float:right; display:inline; margin:15px 10px 0 0;} #location a.home{background:url(/images/common/locationhome.gif) no-repeat 0 0.3em; padding-left:13px;} #content{padding:5px 0 40px 0;} #content ul{margin:0; padding:0; list-style:none;} #content ul li span{vertical-align:top;} #content p{text-align:justify;} /* 2011대구 메인 */ #intro{position:absolute; top:431px; left:542px; width:394px; height:139px; z-index:12;} #mark{position:absolute; top:580px; left:540px; width:168px; height:72px; z-index:10;} #schedule{position:absolute; top:560px; left:236px; width:198px; height:79px; z-index:10;} #item{position:absolute; top:580px; left:600px; width:290px; height:132px; z-index:10;} #prstar{position:absolute; top:562px; left:700px; width:208px; height:177px; z-index:10;} /* 2011대구 콘텐츠 */ /* 2011대회는-개요 */ #content div#intro_info{width:100%; overflow:hidden;} #content div#intro_info div#pic{float:left; width:325px;} #content div#intro_info div#info_render_container{float:right; width:400px; overflow:hidden;} #content div#intro_info div#info_render_container div#info_render1{width:98%; border:1px solid #D7D7D7;} #content div#intro_info div#info_render_container div#info_render1 ul{margin:10px; padding:0; overflow:hidden;} #content div#intro_info div#info_render_container div#info_render1 ul li{margin:3px 0 0 0; padding:0; overflow:hidden;} #content div#intro_info div#info_render_container div#info_render1 ul li span.title{clear:both; float:left; font-weight:bold; padding:3px; width:80px; color:#fff; background:#045FD7} #content div#intro_info div#info_render_container div#info_render1 ul li span.render_txt{float:right; width:280px;} #content div#intro_info div#info_render_container div#info_render2{padding:10px; width:98%; overflow:hidden;} #content div#intro_info div#info_render_container div#info_render2 p{margin:10px 0 0 0; font-weight:bold; color:#045FD7;} #content div#intro_info div#info_render_container div#info_render2 ul li#no1{padding:0 0 0 15px; background:url(/images/intro/2011/blet_no1.gif) no-repeat 0 0.3em;} #content div#intro_info div#info_render_container div#info_render2 ul li#no2{padding:0 0 0 15px; background:url(/images/intro/2011/blet_no2.gif) no-repeat 0 0.3em;} #content div#intro_info div#info_render_container div#info_render2 ul li#no3{padding:0 0 0 15px; background:url(/images/intro/2011/blet_no3.gif) no-repeat 0 0.3em;} /* 2011대회는-대회이념 */ #content div#ideals_2011{margin:20px 0 0 0; overflow:hidden;} #content div#ideals_2011 dl{float:left; margin:0 padding:0; width:410px; overflow:hidden;} #content div#ideals_2011 dl dt{margin:0 padding:0;} #content div#ideals_2011 dl dd{margin:10px 0 0 0; padding:0;} #content div#ideals_2011 dl dd span{color:#045FD7;} /* 2011대회는-대회목표 */ #content div#objectives_2011{margin:20px 0 0 0; overflow:hidden;} #content div#objectives_2011 dl{float:left; margin:0 padding:0; width:760px; overflow:hidden;} #content div#objectives_2011 dl dt{margin:0 padding:0;} #content div#objectives_2011 dl dd{margin:0; padding:0;} /* 2011대회는-대회슬로건 */ #content div#slogan_2011{margin:20px 0 0 0; overflow:hidden;} #content div#slogan_2011 dl{float:left; margin:0 padding:0; width:760px; overflow:hidden;} #content div#slogan_2011 dl dt{margin:0 padding:0;} #content div#slogan_2011 dl dd{margin:10px 0 0 0; padding:0;} /* 경기종목 */ #content .intro_item_tableft{float:left;} #content .intro_item_tabright{width:468px; float:left;} #content .tabright_area{clear:both; overflow:hidden;} #content .tabright_area ul{} #content .tabright_area ul li{text-align:justify; width:475px; margin:3px 0 0 0; padding:0 0 3px 0; overflow:hidden; border-bottom:1px solid #DEDEDE;} #content .tabright_area ul li span.item_title{float:left; width:100px;} #content .tabright_area ul li span.item_render{float:left; width:365px;} /* 세계선수권대회는 */ #iaaf_tabmenu{width:98%; height:25px;} #iaaf_tabmenu ul{float:left; margin:1px 0 0 0; padding:0; list-style:none;} #iaaf_tabmenu ul li{float:left; margin-right:3px;} #content .nation{clear:both; float:left; width:340px; height:165px; margin:0; padding:14px 0 20px 5px; background:url(/images/intro/iaaf/nation1_bg.gif) no-repeat;} #content .nation .flag{float:left; width:95px;} #content .nation .info{float:right; margin:0; padding:0; list-style:none; width:235px; overflow:hidden;} #content .nation .info li{float:left; width:235px; margin:0; padding:0;} #content .nation .info li span.subject{float:left; width:110px; margin:0; padding:0 0 0 5px; font-weight:bold; background:url(/images/intro/iaaf/ico_subject.gif) no-repeat 0 0.6em;} #content .nation .info li span.date{float:right; width:110px;} #content .nation2{float:left; width:340px; height:165px; margin:0; padding:14px 0 20px 5px; background:url(/images/intro/iaaf/nation2_bg.gif) no-repeat;} #content .nation2 .flag{float:left; width:95px;} #content .nation2 .info{float:right; margin:0; padding:0; list-style:none; width:235px; overflow:hidden;} #content .nation2 .info li{float:left; width:235px; margin:0; padding:0;} #content .nation2 .info li span.subject{float:left; width:110px; margin:0; padding:0 0 0 5px; font-weight:bold; background:url(/images/intro/iaaf/ico_subject.gif) no-repeat 0 0.6em;} #content .nation2 .info li span.date{float:right; width:110px;} #content div#y0302 table{clear:both; width:670px; margin:20px 0 0 0;} #content div#y0302 th{height:30px;} #content div#y0302 td{padding:10px 0 10px 0; text-align:center;} #content div#y0302 .world_record{padding:0 0 0 20px;} #content div#y0302 .world_record li{text-align:left; padding:0 0 0 5px; font-weight:bold; background:url(/images/intro/iaaf/ico_subject.gif) no-repeat 0 0.7em;} #content div#y0302 .topline{border-bottom:2px solid #d8d6d5;} #content div#y0302 .trline{border-bottom:1px solid #d8d6d5;} /* 홍보대사 */ #content div.prstar{position:relative; margin:20px 0 0 0; padding:0 0 10px 0; width:750px; border-bottom:1px solid #DADADA; overflow:hidden;} #content div.prstar .prstar_profile{float:left; margin:5px 0 0 0; padding:0 0 0 5px; background:url(/images/org/org_map/blet_box.gif) no-repeat 0 0.5em;} #content div.prstar ul{margin:0; padding:0; width:100%; list-style:none; background:url(/images/intro/prstar/prstar_bg.jpg) no-repeat right bottom; overflow:hidden;} #content div.prstar ul .backimg{width:312px; height:239px; background:url(/images/intro/prstar/backimg.gif) no-repeat;} #content div.prstar ul .backimg p{margin:18px 0 0 18px; width:273px; height:199px;} #content div.prstar li{float:left;} #content div.prstar p.title{margin:5px 0 0 0; padding:0 0 0 26px; width:100%; height:24px; font-size:14px; font-weight:bold; background:url(/images/intro/prstar/blet_title.gif) no-repeat;} /* 대회참가안내 메인 */ #field{position:absolute; top:432px; left:412px; width:281px; height:129px; z-index:20;} #lodge{position:absolute; top:406px; left:636px; width:292px; height:97px; z-index:10;} #traffic{position:absolute; top:503px; left:636px; width:292px; height:78px; z-index:10;} #ticket{position:absolute; top:590px; left:407px; width:139px; height:119px; z-index:10;} #media{position:absolute; top:590px; left:546px; width:162px; height:119px; z-index:10;} #service{position:absolute; top:590px; left:708px; width:220px; height:119px; z-index:10;} /* 대회참가안내 콘텐츠 */ #field_tabmenu{width:98%; height:25px; border-bottom:1px solid #ddd;} #field_tabmenu ul{float:left; margin:1px 0 0 0; padding:0; list-style:none;} #field_tabmenu ul li{float:left; margin-right:3px;} #lodge_tabmenu{width:98%; height:101px;} #lodge_tabmenu ul{ float:left; margin:0; padding:0; list-style:none;} #lodge_tabmenu ul li{float:left; margin-right:26px;} /* IAAF 메인 */ #IAAF_field{position:absolute; top:190px; left:640px; width:290px; height:136px; z-index:10;} #IAAF_lodge{position:absolute; top:335px; left:470px; width:173px; height:79px; z-index:10;} #IAAF_traffic{position:absolute; top:335px; left:693px; width:173px; height:79px; z-index:10;} /* 재미있는육상 메인 */ #history{position:absolute; top:190px; left:349px; width:308px; height:90px; z-index:10;} #story{position:absolute; top:177px; left:665px; width:267px; height:163px; z-index:10;} #list{position:absolute; top:349px; left:668px; width:270px; height:105px; z-index:10;} /* 재미있는육상 콘텐츠 */ /* 육상용어 */ #voca_tabmenu{width:758px; height:50px; background:url(/images/funSports/voca/tabmenu_bg.gif) no-repeat 0 22px;} #voca_tabmenu ul{float:left; margin:1px 0 0 10px; padding:0; list-style:none;} #voca_tabmenu ul li{float:left; height:21px; margin-right:3px;} .voca_title{color:#FF4700; font-size:15px; font-weight:bold;} .voca_big{color:#696969; font-weight:bold; margin:15px 0 0 0; padding:0 0 0 7px; background:url(/images/funSports/voca/blet_title.gif) no-repeat 0 0.6em;} .voca_small{margin:2px 0 0 0;} /* 육상스타 */ #sports_star{margin-top:40px; width:100%;} #sports_star .photo{width:127px; padding:3px; border:1px solid #dadada;} #sports_star span{padding:0 0 0 20px; color:#0085FC;} #sports_star .title{font-weight:bold; margin:0;} #sports_star .content{text-align:justify; line-height:120%; margin:3px 0 0 0;} #sports_star .bar{height:30px; background:url(/images/funSports/star/bar.gif) repeat-x;} /* 대구가이드 메인 */ #vision{position:absolute; top:199px; left:595px; width:228px; height:79px; z-index:10;} #tour{position:absolute; top:313px; left:594px; width:140px; height:92px; z-index:10;} #culture{position:absolute; top:314px; left:738px; width:198px; height:130px; z-index:10;} /* 홍보자료실 메인 */ #prvod{position:absolute; top:497px; left:390px; z-index:10;} #letter{position:absolute; top:649px; left:398px; z-index:10;} /* 게시판-목록 */ #news_list{width:100%; margin-top:5px;} #news_list .title_left{width:13px; height:30px; background:url(/images/pInfo/board/list/title_left.gif) no-repeat;} #news_list .title_right{width:14px; height:30px; background:url(/images/pInfo/board/list/title_right.gif) no-repeat;} #news_list .title_bar{width:3px; height:30px; background:url(/images/pInfo/board/list/title_bar.gif) no-repeat;} #news_list .title_number, #news_list .title_subject, #news_list .title_writer, #news_list .title_date, #news_list .title_count{background:url(/images/pInfo/board/list/title_bg.gif) repeat-x;} #news_list .number{text-align:center;color:#DC40D0; font-family:verdana; font-size:11px; font-weight:bold;} #news_list .subject{padding:5px;} #news_list .writer{text-align:center;} #news_list .date{text-align:center;} #news_list .cound{text-align:center;} /* 게시판-글보기 */ #news_view{width:100%;} #news_view .top_left{width:10px; height:10px; background:url(/images/pInfo/board/view/box_top_left.gif) no-repeat 0 0.3em;} #news_view .top_right{width:10px; height:10px; background:url(/images/pInfo/board/view/box_top_right.gif) no-repeat 0 0.3em;} #news_view .top_bg{background:url(/images/pInfo/board/view/box_top_bg.gif) repeat-x 0 0.3em;} #news_view .bg_left{background:url(/images/pInfo/board/view/box_left_bg.gif) repeat-y;} #news_view .bg_right{background:url(/images/pInfo/board/view/box_right_bg.gif) repeat-y;} #news_view .bottom_left{width:10px; height:10px; background:url(/images/pInfo/board/view/box_bottom_left.gif) no-repeat;} #news_view .bottom_right{width:10px; height:10px; background:url(/images/pInfo/board/view/box_bottom_right.gif) no-repeat;} #news_view .bottom_bg{background:url(/images/pInfo/board/view/box_bottom_bg.gif) repeat-x;} /* 게시판-글쓰기 */ .news_write{width:100%;} .news_write .top_left{width:10px; height:10px; background:url(/images/pInfo/board/write/box_top_left.gif) no-repeat 0 0.3em;} .news_write .top_right{width:10px; height:10px; background:url(/images/pInfo/board/write/box_top_right.gif) no-repeat 0 0.3em;} .news_write .top_bg{background:url(/images/pInfo/board/write/box_top_bg.gif) repeat-x 0 0.3em;} .news_write .bg_left{background:url(/images/pInfo/board/write/box_left_bg.gif) repeat-y;} .news_write .bg_right{background:url(/images/pInfo/board/write/box_right_bg.gif) repeat-y;} .news_write .bottom_left{width:10px; height:10px; background:url(/images/pInfo/board/write/box_bottom_left.gif) no-repeat;} .news_write .bottom_right{width:10px; height:10px; background:url(/images/pInfo/board/write/box_bottom_right.gif) no-repeat;} .news_write .bottom_bg{background:url(/images/pInfo/board/write/box_bottom_bg.gif) repeat-x;} .news_write .content{background:#FCE0F0;} .news_write .area{padding:5px 0 5px 0;} /* 홍보동영상 */ #prvod_list{width:100%; margin-top:30px;} #prvod_list .vod{width:132px; height:84px; padding:3px; border:1px solid #E4E4E4;} #prvod_list .subject{margin:0; padding:3px;} #prvod_list .writer{margin:0;} /* e-book */ #ebook_list{width:100%; margin-top:30px;} #ebook_list .vod{width:110px; height:88px; padding:3px; border:1px solid #E4E4E4;} #ebook_list .subject{margin:0; padding:3px;} #ebook_list .writer{margin:0;} /* 포토갤러리 게시판-목록 */ #photo_list{width:100%; margin-top:30px;} #photo_list .vod{width:135px; height:105px; padding:3px; border:1px solid #F3BCEF;} #photo_list .subject{margin:0; padding:3px; font-weight:bold; color:#696969} #photo_list .date{margin:0; font-weight:bold; color:#9D9D9D;} /* 포토갤러리 게시판-글보기 */ #photo_view{width:100%;} #photo_view .top_left{width:10px; height:10px; background:url(/images/pInfo/board/view/box_top_left.gif) no-repeat 0 0.3em;} #photo_view .top_right{width:10px; height:10px; background:url(/images/pInfo/board/view/box_top_right.gif) no-repeat 0 0.3em;} #photo_view .top_bg{background:url(/images/pInfo/board/view/box_top_bg.gif) repeat-x 0 0.3em;} #photo_view .bg_left{background:url(/images/pInfo/board/view/box_left_bg.gif) repeat-y;} #photo_view .bg_right{background:url(/images/pInfo/board/view/box_right_bg.gif) repeat-y;} #photo_view .bottom_left{width:10px; height:10px; background:url(/images/pInfo/board/view/box_bottom_left.gif) no-repeat;} #photo_view .bottom_right{width:10px; height:10px; background:url(/images/pInfo/board/view/box_bottom_right.gif) no-repeat;} #photo_view .bottom_bg{background:url(/images/pInfo/board/view/box_bottom_bg.gif) repeat-x;} /* 배너달기 */ #banner_container{overflow:hidden;} #banner_container ul li{margin:30px 0 0 0;} #banner_container ul img{vertical-align:middle;} #banner_container ul li span{padding:0 0 0 30px;} #banner_container p.banner_info{clear:both; float:left; margin:10px 0 0 0; width:96%; text-align:left; font-weight:bold;} #banner_container p.banner_info span{font-weight:bold; color:#f90;} #banner_list{width:100%;} #banner_list p{margin:5px 0 0 0;} /* 조직위원회 메인 */ #org_intro{position:absolute; top:262px; left:331px; width:301px; height:133px; z-index:10;} #org_info{position:absolute; top:258px; left:676px; width:228px; height:137px; z-index:10;} #org_name{position:absolute; top:412px; left:365px; z-index:10;} /* 패밀리사이트 */ #family_site{position:absolute; display:none; width:301px; height:195px; top:-180px; left:680px; z-index:10; background:url(/images/common/family_bg.gif) no-repeat;} #family_site h2{display:inline; margin:10px 0 0 10px; float:left;} #family_site .close{float:right; margin:10px;} #family_site .list{clear:both; margin:0 0 0 15px;} #family_site .list_img{margin:5px 0 0 0;} /* 패밀리사이트 레이어 */ #family_site02{position:absolute; display:none; width:370px; height:140px; top:-130px; left:180px; z-index:10; background:url(/images/common/family_bg02.gif) no-repeat;} #family_site02 h2{display:inline; margin:10px 0 0 10px; float:left;} #family_site02 .close{float:right; margin:10px;} #family_site02 .list{clear:both; margin:0 0 0 15px;} #family_site02 .list_img{margin:5px 0 0 0;} /* 페이징1 */ .pager_container{margin:20px 0 0 0;} .pager{list-style:none; text-align:center; padding:20px 0 0 0; overflow:hidden; white-space:nowrap;} .pager li{display:inline; font-weight:bold;} .pager li *{vertical-align:middle;} .pager li a:link, .pager li a:visited, .pager li a:hover{padding:5px;} .pager li.last-child{border:0 none;} .pager li.first, .pager li.prev, .pager li.next, .pager li.last{border:0 none; margin:0; padding:0;} .pager span.current{font-weight:bold; color:#ff8400;} .pager span.current a:link, .pager span.current a:visited, .pager span.current a:hover{font-weight:bold; color:#ff8400;} .pager span.current2{font-weight:bold; color:#dc40d0;} .pager span.current2 a:link, .pager span.current2 a:visited, .pager span.current2 a:hover{font-weight:bold; color:#dc40d0;}