#top{} .top_box{width:970px;margin:0 auto;position:relative;} #top_bar{height:33px; background:#F6F6F6;_border-bottom:1px solid #CBCBCB;} #top_01{float:right;position:relative;font:normal 12px/33px dotum,돋움,Arial;} #top_01 li{float:left;height:33px;} #top_01 li a{height:33px;padding:0 10px;color:#666;text-decoration:none;} #top_01 li a:hover{color:#1976a9; font-weight:bold;letter-spacing:-1px;} #top_02{position:relative;height:105px;overflow:hidden;} .logo{width:271px;margin:35px auto 0;} #weather_top{position:absolute;width:200px;height:61px;left:0;bottom:0;} #sns_top{position:absolute;width:96px;height:30px;right:0;bottom:5px;background:url(/kookje/images/top/icons_top.png) no-repeat -110px 0;} #sns_top li a{width:32px;height:30px;cursor:pointer;float:left;overflow:hidden;text-indent:-200px;} .search{position:absolute;width:261px;height:39px;right:71px;text-align:right;} .search .quick_search_option {position:relative;float:left;width:60px;height:11px;padding:11px 0 0 20px;letter-spacing:-1px;color:#666} .search #quick_search_list {position:absolute;top:30px;left:20px;height:60px;z-index:100;} .search #quick_search_list ul{width:70px;margin-left:10px;padding-top:5px;background-color:#fff;border:1px solid silver;} .search #quick_search_list li{width:50px;padding:3px 5px 0px 4px; margin:0;text-align:left;} .search .kwd {float:left;width:100px;height:14px;margin:9px 0 0 12px;padding:2px 2px;border:1px solid #ddd;font-size:12px;color:#848383;} .search #search_ok {width:30px;height:39px; background:url(/kookje/images/top/icons_top.png) no-repeat -80px center;border:0;cursor:pointer;} .search .search_arrow {float:left;width:22px;height:39px;background:url(/kookje/images/top/icons_top.png) no-repeat -55px center;} #menu_bar{position:relative;width:970px;height:39px;margin:0 auto;border-top:3px solid #1d83c1;border-bottom:3px double #d6d6d6;} #sub_menu_bar{width:100%;height:30px;background:#fff;border-bottom:1px solid #d6d6d6; width:970px;margin:0 auto;} #sub_menu_bar #inside {float:left;width:880px;height:32px} #menu_bar_w{height:39px;background:url(/kookje/images/top/menu_bg.png);margin:0 auto; border-left:1px solid #000; border-right:1px solid #000;} #sub_menu_bar_w{width:100%;height:32px;border-bottom:1px solid #cacbcd; margin:0 auto; border-left:1px solid #ccc; border-right:1px solid #ccc;} .inside{position:absolute; top:38px;} .inside li{ width:200px;padding-left:20px; letter-spacing:-1px;} .all_view_btn{float:right;border-left:1px solid #d6d6d6;width:70px;height:14px;margin:12px 0;background:url(/kookje/images/top/icons_top.png) right -155px center no-repeat;overflow:hidden;text-indent:-200px;} #all_view{position:absolute; top:25px;width:970px;height:338px;z-index:999;padding-top:14px;} #all_view_top{left:1px; width:970px;height:48px;background:url(/kookje/images/top/all_view_top.gif) no-repeat left top;} #all_view_close{margin-top:18px;margin-left:925px;} #all_view_guide {position:absolute; width:968px;height:338px;background:#fff; border:1px solid #afafaf;border-top:0px;text-align:left;} #all_view ul{float:left;width:940px;height:300px;padding-left:30px;padding-top:20px;} #all_view li{float:left;display:inline;_width:110px;} #all_view dl{padding:0;padding-right:25px;} #all_view dt{padding:0;} #all_view dt a{font-weight:bold;letter-spacing:0px;line-height:1.8em;} .t_black{color:#525252;} .t_red{color:#38a6d8;} #all_view dd{height:20px;padding-left:5px;} #all_view dd a{color:#939393;line-height:1.8em;} #all_view .allView_login{margin-top:100px; padding:5px;width:120px;border:1px solid #d3dbc0; margin-left:20px;} #all_view .allView_login dd{padding-left:5px;background:none;} #all_view .allView_login dd a{color:#000;font-size:11px;text-decoration:underline;} #nav {float:left;font:bold 14px/39px dotum,돋움,Arial;letter-spacing:-1px;} #nav > li {float:left;} #nav > li:first-child {background-image:none;padding-left:0;} #nav > li > a {height:39px;padding:0 20px;display:block;color:#666;text-decoration:none;} #nav > li > a:hover, #nav > li > a.on {background:#ebf7fe;color:#0275c2;font-weight:bold;letter-spacing:-1px;} #nav > li:hover > .subNav01 {display:block;z-index:4;} #nav > li > .subNav01 {width:970px;height:29px;position:absolute;left:0;top:42px;display:none;font:normal 14px/29px '맑은 고딕','malgun gothic',나눔고딕,nanumgothic,dotum,돋움,Arial;color:#666;} #nav > li > .subNav01.on {display:block;float:left;width:100%;z-index:3;} #nav > li > .subNav01 > li {float:left;height:29px;text-align:center;position:static;z-index:2;margin-top:-3px;border-top:3px double #d6d6d6;background:#fff;} #nav > li > .subNav01 > li > a {display:block;height:26px;} /* 뉴스 > 2depth */ #nav > li.news > .subNav01 > li.subNav01_01 > a {width:42px;padding-left:20px;} /* 속보 */ #nav > li.news > .subNav01 > li.subNav01_02 > a {width:65px;} /* 오늘이슈 */ #nav > li.news > .subNav01 > li.subNav01_03 > a {width:42px;} /* 정치 */ #nav > li.news > .subNav01 > li.subNav01_08 > a {width:50px;} /* LIFE */ #nav > li.news > .subNav01 > li.subNav01_09 > a {width:58px;padding-right:420px} /* IT/과학 */ /* 스포츠·연예 > 2depth */ #nav > li.sport-entertainment > .subNav01 > li.subNav01_01 > a {width:84px;padding-left:80px} /* 속보 */ #nav > li.sport-entertainment > .subNav01 > li.subNav01_02 > a {width:42px;} /* 야구 */ #nav > li.sport-entertainment > .subNav01 > li.subNav01_07 > a {width:65px;} /* 국내연예 */ #nav > li.sport-entertainment > .subNav01 > li.subNav01_08 > a {width:65px;} /* 해외연예 */ #nav > li.sport-entertainment > .subNav01 > li.subNav01_11 > a {width:74px;padding-right:100px} /* 볼만한 TV */ /* 주말엔 > 2depth */ #nav > li.weekend > .subNav01 > li.subNav01_01 > a {width:65px;padding-left:190px} /* 커버스토리 */ #nav > li.weekend > .subNav01 > li.subNav01_02 > a {width:82px;} /* 커버스토리 */ #nav > li.weekend > .subNav01 > li.subNav01_03 > a {width:52px;} /* 근교산 */ #nav > li.weekend > .subNav01 > li.subNav01_04 > a {width:96px;} /* 문화생활장터 */ #nav > li.weekend > .subNav01 > li.subNav01_05 > a {width:60px;} /* 맛대맛 */ #nav > li.weekend > .subNav01 > li.subNav01_07 > a {width:52px;padding-right:400px} /* 여행 */ /* 오피니언 > 2depth */ #nav > li.opinion > .subNav01 > li.subNav01_01 > a {width:65px;padding-left:5px} /* 속보 */ #nav > li.opinion > .subNav01 > li.subNav01_02 > a {padding-left:12px;padding-right:12px;} /* 사설 */ #nav > li.opinion > .subNav01 > li.subNav01_03 > a {width:65px;} /* 도청도설 */ #nav > li.opinion > .subNav01 > li.subNav01_05 > a {width:80px;} /* 강강칼럼 */ #nav > li.opinion > .subNav01 > li.subNav01_06 > a {width:80px;} /* 박칼럼 */ #nav > li.opinion > .subNav01 > li.subNav01_07 > a {width:80px;} /* 데스크시각 */ #nav > li.opinion > .subNav01 > li.subNav01_08 > a {width:125px;} /* 뉴스와현장 */ #nav > li.opinion > .subNav01 > li.subNav01_10 > a {width:95px;} /* 옴부즈맨칼럼 */ /* 포동 */ #nav > li.photo-video > .subNav01 > li.subNav01_01 > a {width:72px;padding-left:350px;} /* 동영상 */ #nav > li.photo-video > .subNav01 > li.subNav01_02 > a {width:65px;} /* 포토동영상 */ #nav > li.photo-video > .subNav01 > li.subNav01_03 > a {width:52px;} #nav > li.photo-video > .subNav01 > li.subNav01_05 > a {width:90px;padding-right:180px} /* 사람들 > 2depth */ #nav > li.people > .subNav01 > li.subNav01_01 > a {width:65px;padding-left:110px} /* 전체보기 */ #nav > li.people > .subNav01 > li.subNav01_02 > a {width:42px;} /* 인물 */ #nav > li.people > .subNav01 > li.subNav01_10 > a {width:65px;} /* 본사내방 */ #nav > li.people > .subNav01 > li.subNav01_11 > a {width:65px;} /* 시민기자 */ #nav > li.people > .subNav01 > li.subNav01_12 > a {width:52px;} /* 대학생 */ #nav > li.people > .subNav01 > li.subNav01_14 > a {width:52px;padding-right:230px} /* 스타일 */ #nav > li > .subNav01 > li > a:hover, #nav > li > .subNav01 > li > a.on {font-weight:bold;} /* 2depth > 3depth */ #nav > li > .subNav01 > li > .subNav02 {position:absolute;left:0;top:99px;display:none;z-index:1} #nav > li > .subNav01 > li > .subNav02.on {display:block} #nav > li > .subNav01 > li > .subNav02.gallery01 {left:347px;} #nav > li > .subNav01 > li > .subNav02.gallery02 {left:238px;} #nav > li > .subNav01 > li > .subNav02 > li {float:left;height:35px;line-height:35px;background:url(../images/common/bar_sm_gy.gif) no-repeat 0 center;} #nav > li > .subNav01 > li > .subNav02 > li:first-child {background-image:none;} #nav > li > .subNav01 > li > .subNav02 > li > a {display:block;font-size:12px;color:#000;padding:0 9px;font-weight:normal;} #nav > li > .subNav01 > li > .subNav02 > li > a em {font-weight:bold;color:#f9380c;} #nav > li > .subNav01 > li > .subNav02 > li > a.on {font-weight:bold;color:#3fb2e8;font-size:14px;letter-spacing:-1px} #nav > li > .subNav01 > li > .tabarea {position:absolute;left:10px;top:55px;display:none;z-index:1;width:640px} #nav > li > .subNav01 > li > .tabarea p,#nav > li > .subNav01 > li > .tabarea a {text-align: center;padding:5px 25px 0;font-size:14px !important} #submenu_title{width:669px} .submenu_title_top{height:59px;border-bottom:2px solid #454545;text-indent:15px;font:bold 23px/60px 'malgun gothic','dotum'} .submenu_depth{padding-right:11px;font:normal 12px/74px 'dotum';letter-spacing:-1px} .submenu_title_bottom{width:669px;height:42px;background:#fafafa;border-bottom:1px solid #ddd;} #subtab_title{width:669px;height:65px;} #top_download_box {width:278px;height:22px;padding-top:1px;margin-left:9px;margin-top:10px;text-align:center;background:url(../kookje/images/bg_top_downloadbox.gif) no-repeat left top;} /* width:300px;height:22px*/ .f_downloadBox_top{font-size:11px;color:#74b734;font-family:Dotum;font-weight:bold;letter-spacing:-1px;} /*모바일팝업*/ #mobile{ width:232px; height:236px; border:1px solid #ccc; background:#FFFFFF; z-index:999; position:absolute;top:33px;right:0;} #mobile_main{ width:210px; height:214px; margin:10px;} #mobile_title{ border-bottom:1px solid #ccc; padding:0 0 7px 3px; text-align:left;} #mobile_mountain{ padding-top:10px;} #mobile_kookje{padding-top:15px;} #mobile_web{padding-top:14px;} .mobile_con{ text-align:left; width:150px; margin-left:70px; } .cord_img{ width:60px; height:60px; float:left; border:1px solid #ccc;} .title_01{font-weight:bolder; color:#0fc92e; height:16px;line-height:16px;} .title_02{font-weight:bolder; color:#3fb3e7; height:16px;line-height:16px;} .btn_align{ float:left; margin-right:10px;} .mobile_con_con{ letter-spacing:-1px; line-height:13px; font-size:11px; margin:2px 0;} #mobile_close{ position:absolute; width:15px; height:15px; top:13px; left:203px; cursor:pointer;}