/* BASIC css start */ /* 상단 배너 */ #topBanner { position:relative; overflow:hidden } #topBanner .thmb { width:100%; } #topBanner .thmb img { width:100% } #btBnnrClose { margin-top:-9px; position:absolute; top:50%; right:7px; width:17px; height:17px; text-indent:-9999em; background:url(/design/gooworl102/10276/m/common/btn_bnnr_close.png) 0 0 no-repeat; background-size:17px auto; cursor:pointer; z-index:10 } /* 상단 */ #header { position:relative; width:100%; z-index:100 } #header .headerNav { padding-left:50px; position:relative; height:25px; background:#2c2c2c; z-index:10 } #header .headerNav .book_mark { position:absolute; top:0; left:17px; width:31px; height:31px; text-indent:-9999em; background:url(/design/gooworl102/10276/m/common/book_mark.png) 0 0 no-repeat; background-size:31px auto } #header .headerNav ul li { margin-left:-1px; position:relative; float:left; width:25%; height:25px } #header .headerNav ul li a { display:block; color:#fff; text-align:center; line-height:25px } #header .headerNav ul li .sp_bubble { margin-left:-20px; position:absolute; top:20px; left:50%; font-size:0; text-align:center } #header .headerNav ul li .sp_bubble .arr { display:block; margin-left:-2px; position:absolute; top:-3px; left:50%; width:6px; height:3px; background:url(/design/gooworl102/10276/m/common/arr_bubble_red.png) 0 0 no-repeat; background-size:6px auto; vertical-align:top } #header .headerNav ul li .sp_bubble p { padding:0 3px; font-size:11px; color:#fff; font-weight:bold; border-radius:15px; background:#d72a2a;} #header .headerLnb { position:relative; height:55px; background:#ffffff; border-bottom:1px #bbb solid; } #header .headerLnb .sideMenuOpen { position:absolute; top:15px; left:15px; font-size:25px; color:#4e7e20; cursor:pointer } #header .headerLnb .tlogo { margin:0 50px; padding-top:15px; width:180px } #header .headerLnb .tlogo img { width:180px } #header .headerLnb .searchToggle { position:absolute; top:17px; right:15px; font-size:20px; color:#555; cursor:pointer } #header .searchLy { display:none; position:absolute; top:70px; left:0; width:100%; height:45px; background:#ccc; z-index:100 } #header .searchLy .search {padding:8px 10px; position:relative; text-align:center; } #header .searchLy .search .delete_btn { display:none; position:absolute; top:10px; right:40px; width:30px; height:24px; font-size:18px; color:#adadad; line-height:24px; z-index:10 } #header .searchLy .search input { width:100%; height:29px; border:none; border-radius:15px; outline:none; font-size:13px; } #header .searchLy .search .btn_search { position:absolute; top:12px; right:20px; font-size:20px; color:#666; } #header .searchLy .clearTag { height:200px } #header .menu { padding-left:0px; position:relative; width:100%; height:34px; font-size:14px; background:#fff; border-bottom:1px solid #000; border-top:1px solid #000; z-index:10 } #header .menu ul li { position:relative; float:left; width:22%; height:34px; } #header .menu ul li.bigW { width:28%; } #header .menu ul li a { display:block; color:#000; text-align:center; line-height:34px; } .mask { display:none; position:fixed; top:0; left:0; width:100%; height:100%; background:#000; opacity:0.5; filter:alpha(opacity=50); z-index:990 } #main_Nav { position:relative; overflow:hidden; margin:0px auto; width:100%; background:#fff; /*border-top:1px solid #ddd;*/ } #main_Nav ul { *zoom:1;} #main_Nav ul:after { display:block; clear:both; content:'' } #main_Nav ul li { float:left; width:25%; height:32px; border-bottom:1px solid #ddd; border-right:1px solid #ddd; } #main_Nav ul li.right {width:24%; border-right:none; } #main_Nav ul li a { display:block; text-align:center; padding:7px 0px; } /* 사이드 메뉴 */ #asideMenu { position:fixed; top:0; left:-82%; width:80%; height:100%; box-shadow:-5px 5px 5px 5px #000; background:#222 /*#3f6b00*/; z-index:9999; overflow-y:auto; overflow-x:hidden; } #asideMenu .quick_menu { height:70px; color:#fff; padding:20px 15px;} #asideMenu .quick_menu ul li { margin-left:-1px; width:100%; } #asideMenu .quick_menu ul li.sub1 { margin-left:-1px; clear:both; float:left; width:33.3%; height:80px; text-align:center; } #asideMenu .quick_menu ul li.sub2 { margin-left:-1px; float:left; width:33.3%; height:80px; text-align:center; } #asideMenu .quick_menu ul li a { display:block; padding-top:3px; color:#fff; } #asideMenu .quick_menu ul li a .ico { display:inline-block; width:19px; height:21px; background:url(/design/gooworl102/10276/m/common/sp_side_quick.png) 0 0 no-repeat; background-size:19px auto } #asideMenu .quick_menu ul li a .ico1 { background-position:0 0 } #asideMenu .quick_menu ul li a .ico2 { background-position:0 -21px } #asideMenu .quick_menu ul li a .ico3 { background-position:0 -42px } #asideMenu .quick_menu ul li a .ico4 { background-position:0 -64px } #asideMenu .quick_menu ul li a .tx { display:block } #asideMenu .quick_menu ul li.button {width:25%; float:left; color:#fff; text-align:center; background-color:#333; border:2px solid #bbb; padding:1px 20px; margin:10px 15px 5px 0;} #asideMenu .asideNav { position:relative; overflow:hidden; margin:20px auto; width:95%; background:#fff; border:1px solid #666; } #asideMenu .asideNav ul { *zoom:1;} #asideMenu .asideNav ul:after { display:block; clear:both; content:'' } #asideMenu .asideNav ul li { margin-left:-1px; float:left; width:50%; height:28px; border-top:1px solid #cdcdcd; border-left:1px solid #cdcdcd } #asideMenu .asideNav ul li.title { display:block; padding:6px 0 0 0; color:#fff; background:#666; width:100%; height:26px; margin:0 auto; text-align:center; border:0px;} #asideMenu .asideNav ul li a { display:block; padding:6px 10px } #asideMenu .asideNav ul li.n1 a, #asideMenu .asideNav ul li.n2 a, #asideMenu .asideNav ul li.n3 a { color:#aa3838 } #asideMenu .asideNav ul li.n24 a { color:#29b69d } #asideMenu .asideNav ul li.qNav a { color:#e15454; background:#ffeaea } #asideClose { position:fixed; top:45px; left:-82%; width:40px; height:40px; text-indent:-9999em; background:url(/design/gooworl102/10276/m/common/btn_aside_close.gif) 0 0 no-repeat; background-size:40px auto; cursor:pointer; z-index:9999 } /* BASIC css end */