#wrap{width:100%;margin:0 auto;min-height:100%;min-width:350px;position:relative;word-break:keep-all;height: 100%} /** header **/ #header_top{width:100%;background:#f5f5f5;border-bottom:1px solid #ddd;clear:both;height:40px} #header_top .header_topbox{width:1400px;margin:0 auto} #header_top .header_topbox .header_topl{float:left} #header_top .header_topbox .header_topr{float:right} #header_top .header_topbox .header_topr a{width:120px;border-right:1px solid #ddd;color:#333;;padding-left:45px;text-align:left} #header_top .header_topbox a{padding:10px;text-align:center;height:40px;box-sizing:border-box;display:block;float:left;width:170px} #header_top .header_topbox .btn1{background:#f9bd05;color:#fff} #header_top .header_topbox .btn2{background:#1eb377;color:#fff} #header_top .header_topbox .btn3{background:url(/pages/jepa/img/main/top_iconlogin.png) no-repeat 13px 4px;border-left:1px solid #ddd} #header_top .header_topbox .btn4{background:url(/pages/jepa/img/main/top_iconjoin.png) no-repeat 10px 4px} #header_top .header_topbox .btn5{background:url(/pages/jepa/img/main/top_iconsitemap.png) no-repeat 13px 6px} #header_top .header_topbox .btn6{width:150px; background:#0896d1;color:#fff} #header_top .header_topbox .btn7{width:218px; background:#0643a8;color:#fff} #header{width:1400px;margin:0 auto;padding:29px 0} #menuwrap{text-align:center} #menuwrap h2{overflow:hidden;position:absolute;width:1px;height:1px;font-size:0;line-height:0} #navigation{position:absolute;left:220px;top:-52px;padding:8px 0 0 85px} #navigation li{display:inline;line-height:55px} #navigation li a{font-size: 18px;color:#333;padding:0 20px 27px;font-weight:400;position:relative;box-sizing:border-box;letter-spacing:-.08em;line-height:22px} #navigation li a.last{color:#e6224c} #navigation li a:hover,#navigation li a.on{text-decoration:none;color:#596bd7;border-bottom:8px solid #596bd7;font-weight:700} #navigation li:last-child a span{border-right:none} .pullDown{width:1400px;position:absolute;z-index:9999;height:350px;top:81px;left:50%;margin-left:-743px;padding:0;display:block;background:#454552 no-repeat center top} .pullDown ul li{box-sizing:border-box;width:20%;display:block;float:left;position:relative;padding:0 0 0 20px;margin-bottom:10px;line-height:30px !important} .pullDown ul li a{font-size:14px !important;position:relative;font-weight:400 !important;color:#6d6d6d !important;display:block;text-align:center} .pullDown li ul{position:relative;top:1px;left:0;width:100%;padding-left:0} .pullDown li li{line-height:20px !important;width:auto;height:auto;margin-bottom:0 !important;padding-left:0 !important;clear:both} .pullDown li li a{font-size:13px !important;font-weight:normal !important;color:#666 !important} .pullDown .navi_1150{width:1400px;margin: 0 auto} .pullDown .navi_1150 ul li a {padding:75px 10px 20px !important;color:#fff !important} .pullDown .navi_1150 ul li a span{border-right:none !important;padding:0 10px !important} .pullDown .navi_1150 ul li a:hover{font-weight:bold !important;border-bottom:none !important} .pullDown .navi_1150 ul li a.on{background-color:#363648;color:#fff !important;font-weight:bold !important;border-bottom:none !important} .pullDown .navi_1150 ul li a:hover{background-color:#363648 !important;border-radius:10px} .pullDown .navi_1150 ul li a.blank:after {content:'';position:absolute;background:rgba(0, 0, 0, 0) url("/pages/jepa/img/main/icon_blank.png") no-repeat scroll right top;width:20px;height:20px} .navi_info{float:left;padding:80px 30px 100px 30px;box-sizing:border-box;width:300px;background:#4ea1d3;height:350px} .navi_info h5{font-size:24px;font-weight:300;color:#fff;line-height:32px;padding-bottom:30px;letter-spacing:-1px;font-weight:700} .navi_info p{font-size:14px;color:#ebf4f8;line-height:20px;padding-top:7px} .navigation_s1 ul{float:left;padding:45px 0 0 35px;width:1065px} .navigation_s2 ul{float:left;padding:45px 0 0 35px;width:1065px} .navigation_s2 ul li a{width:387px !important} .navigation_s3 ul{float:left;padding:45px 0 0 35px;width:1065px} .navigation_s3 ul li a{width:387px !important} .navigation_s4 ul{float:left;padding:45px 0 0 35px;width:1065px} .navigation_s4 ul li a{width:387px !important} #navigation_pc{position:relative} #navigation_mobile_wrap{display:none} /* .main_search_btn{position:absolute;right:0;background:url(/pages/jepa/img/main/search.png) no-repeat center top;width:53px;height:49px;top:-43px;opacity:0.3} .main_search_btn:hover{opacity:1} */ .main_search_btn{position:absolute;right:0;top:-43px} .main_search_btn > div{width: 50px;vertical-align: middle;white-space: nowrap;position: relative;} .main_search_btn > div input#search{;position:absolute;right:0;z-index:99;width: 80%;height: 50px;background: #e7e9ec;border: none;font-size: 10pt;float: left;color: #262626;padding-left: 50px;-webkit-border-radius: 5px;-moz-border-radius: 5px; border-radius: 5px;color: #fff; -webkit-transition: width .55s ease-in-out;-moz-transition: width .55s ease-in-out;-ms-transition: width .55s ease-in-out;-o-transition: width .55s ease-in-out;transition: width .55s ease-in-out;} .main_search_btn > div .icon button{border:none;cursor:pointer;z-index:999;position: absolute;left:0;top:0;display:block;width:50px;height:50px;background:url(/pages/jepa/img/main/search.png) no-repeat center top} .main_search_btn > div input#search:focus, .main_search_btn > div input#search:active{outline:none;width: 300px;background:#313f53;padding-left:15px} .main_search_btn > div:hover input#search{width: 300px;background:#313f53;padding-left:15px} .main_search_btn > div:hover .icon{color: #93a2ad;} .main_search_btn > div span button{display:block;height:50px} .main_search_btn > div .icon i{font-size:0} /* header_info */ #header .header_info{position:absolute;right:0;top:7px;width:380px} .newqr{float:left;margin-right:17px;margin-top:10px} /* 전체메뉴버튼 */ .header_fullmenu{padding:24px 0 0 4px;float:left;display:none} .header_fullmenu a.btn_fullmenu{display:block;width:40px;height:36px;overflow:hidden;background:url('../img/main/header_btn_fullmenu.gif') no-repeat} a.btn_fullmenu span{overflow:hidden;position:absolute;width:1px;height:1px;font-size:0;line-height:0} .header_fullmenu_t{padding:10px 0 0 4px;float:left} .header_fullmenu_t a.btn_fullmenu_t{display:block;width:50px;height:40px;position:absolute;top:70px;right:20px;overflow:hidden;background:url('../img/main/header_btn_fullmenu.gif') no-repeat;z-index:9999} a.btn_fullmenu_t span{overflow:hidden;position:absolute;width:1px;height:1px;font-size:0;line-height:0} a.btn_fullmenu_m span{overflow:hidden;position:absolute;width:1px;height:1px;font-size:0;line-height:0} .pop_open_btn a.btn_fullmenu_t{position:absolute;top:90px;display:none} #visual_wrap h2, #main_board h2, #main_popbanwrap h2, #main_jobwrap h2, #main_facebook h2 {overflow:hidden;position:absolute;width:1px ;height:1px;font-size:0} /* main_visual */ #visual_wrap{width:100%} #visual_wrap .visualbox{width:1800px;margin:0 auto;height:666px;position:relative;overflow: hidden;} #visual_wrap .visualbox .visual_tit{font-size:45px;text-align:center;padding:170px 0 40px;color:#fff;font-weight:800} #visual_wrap .visualbox .visual_stit{font-size:16px;color:#fff;text-align:center;line-height:22px;margin-bottom:20px} #visual_wrap .visualbox .visualbtn_view{width:160px;height:43px;border-radius:4px;text-align:center;border:1px solid #fff;color:#fff;margin:0 auto;box-sizing:border-box;padding:13px;display:block} #visual_wrap .visualbox .visualbtn_view:hover{background:#fff;text-decoration:none;color:#333} #visual_wrap .visualbox .visual01{height:666px;background:url(/pages/jepa/img/main/visual01.jpg) no-repeat center top;} #visual_wrap .visualbox .visual02{height:666px;background:url(/pages/jepa/img/main/visual02.jpg) no-repeat center top;} .visualnavi .navi_btn {font-size:15px;position:absolute;top:47%;;display:inline-block;height:40px;margin:auto;padding:0 18px;line-height:40px;color:#fff;font-weight:800;text-transform:uppercase;text-align:center;text-decoration:none;opacity:0.6;z-index: 2} .visualnavi .navi_btn:hover{opacity:1} .visualnavi .navi_btn:after {position:absolute;bottom:0; left:0; display:block; content:""; width:100%; height:3px; background-color:#fff; transform:scale3d(0,1,1); transform-origin:center center; transition:transform .3s;} .visualnavi .navi_btn:hover:after { transform:scale3d(1,1,1);} .visualnavi .btn_prev{left:0} .visualnavi .btn_next{right:0} .visualnavi span.desc{font-size:0} .visualnavi ul{position:absolute;right:200px;top:230px;z-index: 2} .visualnavi ul li{margin-left:7px} .visualnavi ul li:first-child{margin:0} .visualnavi ul li a{margin-bottom:30px;display:block;width:10px;height:10px;border-radius:50%;border:2px solid #fff} .visualnavi ul li a.on{background:#fff} .visualnavi ul li a span{font-size:0} .visualnavi ul li a.navi_playstop{border:none;background:url(/pages/jepa/img/main/navi_playstop.png) no-repeat 0 -25px;width:25px;height:25px;overflow:hidden} .visualnavi ul li a.navi_playstop span{font-size:0;overflow:hidden} .visualnavi ul li a.navi_playstop.stop{background-position:0 0} .visualbox .visual_4btn{position:absolute;bottom:50px;width:900px;margin:0 auto;left:45%;margin-left:-360px;z-index: 2} .visualbox .visual_4btn ul li a{font-size:15px;line-height:19px;box-sizing:border-box;color:#fff;padding-top:90px;float:left;width:170px;height:170px;margin:0 5px;border:1px solid #fff;border-radius:50%;display:block;text-align:center} .visualbox .visual_4btn ul li a.btn1{background:url(/pages/jepa/img/main/visual_4btn01.png) no-repeat center 25px} .visualbox .visual_4btn ul li a.btn2{background:url(/pages/jepa/img/main/visual_4btn02.png) no-repeat center 20px} .visualbox .visual_4btn ul li a.btn3{background:url(/pages/jepa/img/main/visual_4btn03.png) no-repeat center 20px} .visualbox .visual_4btn ul li a.btn4{background:url(/pages/jepa/img/main/visual_4btn04.png) no-repeat center 20px} .visualbox .visual_4btn ul li a.btn5{background:url(/pages/jepa/img/main/visual_4btn05.png) no-repeat center 20px} .visualbox .visual_4btn ul li a.btn6{background:url(/pages/jepa/img/main/visual_4btn06.png) no-repeat center 23px} .visualbox .visual_4btn ul li a:hover{border:7px solid #fff;text-decoration:none} .visualbox .visual_4btn_m{display:none} /* main_board */ #main_board{width:1400px;margin:70px auto;display:table} .main_board_lbox{width:400px;height:425px;background:#d8e0eb;box-sizing:border-box;padding:40px;float:left} .main_board_lbox h3 span{display:block;font-size:14px;font-weight:400;margin-bottom:20px} .main_board_lbox h3 {font-size:21px;line-height:26px} .main_board_lbox p{padding:30px 0;color:#8e8e8e} .main_board_rbox{position:relative;background:#f2f2f2;float:left;width:1000px;height:425px;box-sizing:border-box} .tabmenu .tab{position:absolute;left:-90px;top:40px} .tabmenu .tab a{z-index:2;position:relative;font-size:17px;border:1px solid #ddd;background:#fff;width:180px;box-sizing:border-box;padding:20px;display:block;margin-bottom:10px;box-shadow:3px 3px 20px rgba(0,0,0,0.1);color:#666} .tabmenu .tab a.on{background:#316bcb;color:#fff} .tabmenu .tab a.tab2{top:70px} .tabmenu .tab a.tab3{top:140px} .tabmenu .tab a.tab4{top:210px} .tabmenu .cnt{padding:40px 40px 40px 140px;position:absolute;width:100%} .tabmenu .cnt ul li a{width:50%;box-sizing:border-box;padding:30px;float:left;border-bottom:1px solid #ddd;border-right:1px solid #ddd;color:#333} .tabmenu .cnt ul li:nth-child(2) a{border-right:none} .tabmenu .cnt ul li:nth-child(3) a{border-bottom:none} .tabmenu .cnt ul li:nth-child(4) a{border-right:none;border-bottom:none} .tabmenu .cnt ul li a dt{font-size:18px;overflow:hidden;width:100%;white-space:nowrap;display:block;overflow:hidden; text-overflow:ellipsis;line-height:22px} .tabmenu .cnt ul li a dd{height:58px;overflow:hidden;padding:20px 0;color:#888;box-sizing:border-box;display:block;margin-bottom:20px} .tabmenu .cnt a.more{position:absolute;border:none;width:auto;left:-360px;bottom:105px;font-size:56px;padding:0;color:#959fb6} .tabmenu .cnt a.more:hover{color:#58688c;text-decoration:none} .tabmenu .cnt a.more span{font-size:0;} /* 팝업/배너 */ #main_popbanwrap{background:url(/pages/jepa/img/main/main_wrap_bg.jpg) no-repeat center top;clear:both;padding:70px 0;display:table;width:100%} .main_popbanbox{width:1400px;margin:0 auto} .main_popbanbox > div{float:left} /* 팝업 */ .main_popzone {position:relative;width:396px;height:452px;overflow: hidden} .main_popzone .popcontrol{position:absolute;right:0;bottom:0;width:50px;height:175px;z-index: 2;} .main_popzone .popcontrol a{width:50px;height:50px;display:block;z-index:2} .main_popzone .popcontrol a.popplay{background:#316bcb url(/pages/jepa/img/main/pop_playstop.png) no-repeat 0 -50px;border-bottom:1px solid #83aaea} .main_popzone .popcontrol a.popplay.stop{background-position:0 0} .main_popzone .popcontrol a.prev{background:#316bcb url(/pages/jepa/img/main/pop_btnprev.png) no-repeat center top;border-bottom:1px solid #83aaea} .main_popzone .popcontrol a.next{background:#316bcb url(/pages/jepa/img/main/pop_btnnext.png) no-repeat center top} .main_popzone .popcontrol a:hover{background-color:#1c56b6} .main_popzone .popcontrol a span{font-size:0} .main_popzone .popcontrol li.count{width:50px;height:25px;text-align:center;padding:3px;box-sizing:border-box;font-size:12px;color:#fff;background:#1b458a} .main_popzone .popcontrol li.count span{font-size:0} /* 배너3 */ .main_banner3{margin:0 62px;width:430px } .main_banner3 a{width:100%;display:block;padding:45px 0 45px 240px;box-sizing:border-box;color:#333;font-size:16px;font-weight:500} .main_banner3 a span{display:block;font-size:13px;margin-top:5px;color:#666} .main_banner3 .ban1{background:url(/pages/jepa/img/main/ban_bg01.jpg) no-repeat center top; } .main_banner3 .ban2{background:url(/pages/jepa/img/main/ban_bg02.jpg) no-repeat center top; } .main_banner3 .ban3{background:url(/pages/jepa/img/main/ban_bg03.jpg) no-repeat center top; } /* 배너3 */ .main_banner4{width:450px} .main_banner4 a{width:225px;height:225px;padding:25px;display:block;;box-sizing:border-box;color:#fff;font-size:16px;float:left;font-size:18px;line-height:24px;font-weight:500} .main_banner4 .ban1{background:#a5cf78 url(/pages/jepa/img/main/btn_bg01.png) no-repeat right bottom; } .main_banner4 .ban2{background:#ffc600 url(/pages/jepa/img/main/btn_bg02.png) no-repeat right bottom; } .main_banner4 .ban3{background:#899dff url(/pages/jepa/img/main/btn_bg03.png) no-repeat right bottom; } .main_banner4 .ban4{background:#3c4a59 url(/pages/jepa/img/main/btn_bg04.png) no-repeat right bottom; } .main_banner4 .ban5{background:#71b6bd url(/pages/jepa/img/main/btn_bg05new.png) no-repeat right bottom; } /* 일자리안정자금 */ #main_jobwrap{background:url(/pages/jepa/img/main/main_jobwrap.jpg) no-repeat left top;padding:40px 0 40px 650px;color:#fff} #main_jobwrap h3{font-size:20px} #main_jobwrap p{color:#e2fcff;padding:15px 0} #main_jobwrap dt {width:100px;height:35px;background:#244856;text-align:center;padding:8px;box-sizing:border-box;font-weight:700;float:left;border-radius:5px;margin-right:10px;} #main_jobwrap dd{font-size:24px;padding:8px 0;font-weight:300} #main_jobwrap dd span{font-weight:800} .job_more {position:absolute;left:330px;display:block; height:14px; width:100px; margin:auto;text-transform:uppercase; text-decoration:none;} .job_more span { position:relative; display:block; color:#fff; line-height:14px;font-size:16px;font-weight:600} .job_more .hover { position:absolute; top:7px; left:-4px; display:block; width:0; height:1px; background-color:#a7e6ec; transition:width .25s ease-out; -webkit-transition:width .25s ease-out;-moz-transition:width .25s ease-out;} .job_more .txt:after {display:block; position:absolute; top:50%; right:0; content:""; width:10px; height:10px; margin-top:-5px; background:url(/pages/jepa/img/main/jpb_morebg.png) 0 0 no-repeat;} .job_more:hover .hover { width:100px;} .job_more:hover{text-decoration:none} /* 페이스북 */ #main_facebook{background:#459fe4 url(/pages/jepa/img/main/facebook_bg.png) no-repeat center top;padding:80px 0} .facebook_wrap{width:1400px;margin:0 auto;display:table} .facebook_wrap h3{color:#fff;text-align:center;font-size:30px;font-weight:700} .facebook_wrap > p{color:#fff;text-align:center;padding:20px 0 50px} .facebook_wrap a.main_fb_btn{clear:both;display:block;width:200px;padding:14px;box-sizing:border-box;border:1px solid #fff;color:#fff;margin:30px auto;text-align:center} .facebook_wrap a.main_fb_btn:hover{background:#fff;color:#459fe4;font-weight:600;text-decoration:none} .facebook_li ul li a{height:220px;width:17.8%;float:left;box-sizing:border-box;background:#fff;margin:0 38px 38px 0;box-shadow:3px 3px 20px rgba(0,0,0,0.2)} .facebook_li ul li:nth-child(5n) a{margin-right:0} .facebook_li ul li a > div{float:left;overflow:hidden;height:100%} .facebook_li ul li a > div img{width:100%;height:100%} .facebook_li ul li a > div.txt{display:none;padding:15px;box-sizing:border-box;color:#333;height:200px;overflow:hidden;color:#777;font-weight:300} .facebook_li ul li a > div.img{text-align:center;width:100%} /* footer */ #footer{padding-bottom:150px} #footer_wrap{width:1400px;margin:0 auto;position:relative} #footer_wrap .footer_site{border:1px solid #ddd;padding:20px;box-sizing:border-box;border-top:none;display:inline-block;width:100%} #footer_wrap .footer_site h3, #footer_wrap .footer_site .ban_control, #footer_wrap .footer_site > ul{float:left} #footer_wrap .footer_site ul li a{float:left;margin-right:5px} #footer_wrap .footer_site .ban_control {float:left;margin:15px 30px} #footer_wrap .footer_site .ban_control a{float:left;display:block;width:20px;height:20px;margin-right:5px;overflow:hidden;font-size:0} #footer_wrap .footer_site .ban_control .prev{background:url(/pages/jepa/img/main/ban_control_prev.gif) no-repeat center top} #footer_wrap .footer_site .ban_control .play{background:url(/pages/jepa/img/main/ban_control_play.gif) no-repeat 0 0} #footer_wrap .footer_site .ban_control .stop{background:url(/pages/jepa/img/main/ban_control_play.gif) no-repeat 0 -20px} #footer_wrap .footer_site .ban_control .next{background:url(/pages/jepa/img/main/ban_control_next.gif) no-repeat center top} #footer_wrap .footer_site h3{font-size:16px;font-weight:700;color:#999;padding:15px 0 0} #footer_wrap .footer_site .uok_wrap{max-width:78.5% !important} #footer_wrap .foot_info{border-bottom:3px solid #333;clear:both;padding:30px 0;display:inline-block;width:100%} #footer_wrap .foot_info li a{float:left;padding:0 10px;color:#333;border-right:1px solid #ddd} #footer_wrap .foot_info li:last-child a{border:none} #footer_wrap .foot_info .viewer{float:right;width:220px} #footer_wrap .foot_info .viewer em{float:left;margin-right:10px;font-weight:700;color:#999;padding:3px 0;font-style:normal} #footer_wrap .foot_info .viewer a{border:none;padding:3px} #footer_wrap address{padding:20px 0 10px;color:#888;font-style:normal} #footer_wrap > img{position:absolute;right:0;bottom:10px} #footer_wrap > .foot_count{position:absolute;right:0;bottom:-20px;color:#888} #footer_wrap > .foot_count span{font-weight:600;color:#333;background:#eee;border-radius:4px;padding:4px 10px } .layer_popup img { min-width:400px; } /****** Mobile ******/ @media screen and (max-width:690px){ .layer_popup img { min-width:auto; } .layer_popup { top: 89px !important; width:80%; left: 10% !important; display:none !important; } #header {width: 100%} #header #menuwrap{display: none} #header_top{height:70px} /* 모바일메뉴 */ .pop_open_btn a.btn_fullmenu_t{display:block} #navigation_mobile{position:absolute;width:100%;height:100%;min-height:100%;background:#f2f2f2;right:0;top:140px;z-index:9999;display:none} #navigation_mobile h2{overflow:hidden;position:absolute;width:1px;height:1px;font-size:0;line-height:0} /* #navigation_mobile #navigation_m{padding-top:40px} */ /*#navigation_mobile ul > li > a:hover{color:#fff} #navigation_mobile ul > li > a.on{background:#0f48a1;font-weight:bold;color:#fff} #navigation_mobile ul > li > a.on span{font-size:33px} */ #navigation_mobile .btn_close{z-index:9999;position:absolute;display:block;width:50px;height:50px;background:url(../img/main/mobile_menu_close.png) no-repeat;top:4px;right:0} #navigation_mobile .btn_close span{overflow:hidden;position:absolute;width:1px;height:1px;font-size:0;line-height:0} #navigation_mobile ul > li > a span.planprice{display:block;width:40px;background:url(../img/layout/arrow_updown_m.png) no-repeat;font-size:0} #navigation_mobile li > ul > li > a.blank{background:#1a6bc1 url('../img/layout/blank.png') 105px 4px no-repeat} .navigation_top{background:#efefef;overflow:hidden;height:30px;padding:12px 0 12px 20px;border-bottom:1px solid #999} .navigation_top a.btn_logout{background:#fff;border:1px solid #ddd;color:#222;box-sizing:border-box;padding:0 10px;height:35px;line-height:33px;display:inline-block;text-align:center;margin:-4px 0 0 10px} .navigation_top h4{float:left;padding:0px 10px 0 0} .navigation_top .sns_icon{float:left} .navigation_top .sns_icon li{display:inline} .navigation_top .sns_icon li a{display:block;float:left;width:25px;height:25px;margin:0 3px} .navigation_top .sns_icon li:nth-child(1) a{background:url('../img/layout/header_sns_icon.png') 0 0 no-repeat} .navigation_top .sns_icon li:nth-child(2) a{background:url('../img/layout/header_sns_icon2.png') 0 0 no-repeat} .navigation_top .sns_icon li:nth-child(3) a{background:url('../img/layout/header_sns_icon3.png') 0 0 no-repeat} .navigation_top .sns_icon li:nth-child(4) a{background:url('../img/layout/header_sns_icon4.png') 0 0 no-repeat} .menu_category{width:100%;height:40px;color:#fff;padding:0 0px 0 20px;box-sizing:border-box;line-height:38px;font-size:15px;font-weight:200;background:#182751} #navigation_mobile_wrap{display:block} .navigation_mobile_top{background:#0d4f9b;padding:15px} .navigation_mobile_top a.login{border:1px solid #fff;color:#fff;padding:7px 10px 7px 30px;background:url(../img/main/top_iconlogin2.png) no-repeat left center;border-radius:3px;font-size:13px} .navigation_mobile_top a.search{border:1px solid #fff;color:#fff;padding:7px 10px 7px 30px;background:url(../img/main/top_iconsearch2.png) no-repeat left center;border-radius:3px;font-size:13px} .navigation_mobile_top a.btn3{border:1px solid #fff;color:#fff;padding:7px 10px 7px 30px;background:url(../img/main/top_iconlogin2.png) no-repeat left center;border-radius:3px;font-size:13px} #navigation_m{position:relative} #navigation_m li > a{position:relative;display:block;padding:12px 4%;color:#333;width:40%;background:#f2f2f2;z-index:10;line-height:24px;font-size:16px;border-bottom:1px solid #ddd} #navigation_m li > a span{font-weight:400;word-break:keep-all} #navigation_m > li.active > a{color:#0d4f9b;background:#fff;border-right:0;border-left:5px solid #0d4f9b} #navigation_m > li.active > a span{font-weight:700;color:#0d4f9b} #navigation_m > li.active > a::after{content:'';position:absolute;width:0;height:0;right:0;top:18px;border-right:8px solid #fff;border-bottom:8px solid #fff;border-top:8px solid #fff;border-left:8px solid #0d4f9b } #navigation_m > li .depth2{min-height:384px;;position:absolute;z-index:5;top:0;width:60%;left:40%;transition:all 0.5s; -webkit-transition: all 0.5s;-moz-transition:all 0.5s;opacity:0;background:#fff;padding:25px 10px} #navigation_m > li.active .depth2{left:40%;opacity:1;visibility:visible;} #navigation_m > li .depth2 > li > a{position:relative;display:block;color:#444;font-weight:300;padding:10px;border-bottom:1px solid #ddd;font-size:14px;background:#fff;width:100%} #navigation_m > li .depth2 > li > a br{display:none} #navigation_m > li .depth2 > li.active > a{font-weight:700;color:#4b93dd} #navigation_m > li .depth2 > li > .depth3{display:block; padding:10px; background-color:#c0cfe1} #navigation_m > li .depth2 > li > .depth3 > li > a{display:block; padding:6px; font-size:13px; color:#606575;background:#c0cfe1;width:100%;border:none} #navigation_m > li .depth2 > li > .depth3 > li > a:before{display:inline-block; margin-right:5px;} #navigation_m > li .depth2 > li > .depth3 > li.active > a{font-weight:500;background:#8aa8cc;color:#333} #navigation_m > li .depth2 > li:last-child{padding-bottom:150px} #navigation_m > li:first-child::before{background:#fff;content:'';display:block} #navigation_m > li:last-child::after{background:#fff;content:'';display:block;height:100%;width:50%} #navigation_m li > a span.planprice2{font-size:25px;color:#999;float:right;font-weight:700} #wrap{width:100%} #visual_wrap, #main_board, #main_popbanwrap, #main_jobwrap, #main_facebook {padding:10px;box-sizing:border-box;width:100%} /** header **/ #navigation{display:none} #header_top .header_topbox .header_topl{width:100%} #header_top .header_topbox .header_topr{display:none} #header_top .header_topbox{width:100%} #header_top .header_topbox a{width:33%} /* main_visual */ .visualnavi .navi_btn {top: 37%} #visual_wrap .visualbox{width:100%} #visual_wrap .visualbox .visual_tit{font-size:24px; padding: 99px 0 40px; } #visual_wrap .visualbox .visual_stit{font-size: 15px;; padding:0 40px;box-sizing:border-box} #visual_wrap .visualbox .visual_stit br{display:none} /* .visualnavi ul li a{display:none} .visualbox .visual_4btn{width:100%;left:5px;margin:0} .visualbox .visual_4btn ul li a{width:47%;border-radius:0;margin:1px;height:100px;padding:25px 5px 25px 60px;font-size:13px;} .visualbox .visual_4btn ul li a.btn1{background:url(/pages/jepa/img/main/visual_4btn01.png) no-repeat 10px center / 60px} .visualbox .visual_4btn ul li a.btn2{background:url(/pages/jepa/img/main/visual_4btn02.png) no-repeat 10px center / 60px} .visualbox .visual_4btn ul li a.btn3{background:url(/pages/jepa/img/main/visual_4btn03.png) no-repeat 10px center / 60px} .visualbox .visual_4btn ul li a.btn4{background:url(/pages/jepa/img/main/visual_4btn04.png) no-repeat 10px center / 60px;padding-top:42px} .visualbox .visual_4btn ul li a.btn6{background:url(/pages/jepa/img/main/visual_4btn06.png) no-repeat 10px center / 60px} */ .visualbox .visual_4btn{display:none} .visualnavi ul li a{display:none} .visualbox .visual_4btn_m{display:inline-block;position:absolute;bottom:50px;width:100%;z-index: 2;width:98%;left:2%;margin:0;top: 50%;} .visualbox .visual_4btn_m ul li a{width: 47%;border-radius:0;margin:3px;height: 74px;padding: 25px 5px 25px 60px;font-size: 16px;display: inline-block;float: left;text-align: center;/* font-size: 18px; */color: #fff;/* background-color: #eee; */border-radius: 10px;} .visualbox .visual_4btn_m ul li a.btn1{background: #5e7edbd4 url(/pages/jepa/img/main/new001_icon.png) no-repeat 10px center / 60px;} .visualbox .visual_4btn_m ul li a.btn2{background: #965ccbb8 url(/pages/jepa/img/main/new002_icon.png) no-repeat 10px center / 60px;} .visualbox .visual_4btn_m ul li a.btn3{background: #54b7a0bf url(/pages/jepa/img/main/new003_icon.png) no-repeat 10px center / 60px;} .visualbox .visual_4btn_m ul li a.btn4{background: #e75656bf url(/pages/jepa/img/main/new004_icon.png) no-repeat 10px center / 60px;padding-top: 26px;} .visualbox .visual_4btn_m ul li a.btn5{background: #79c34aab url(/pages/jepa/img/main/new005_icon.png) no-repeat 10px center / 60px;} .visualbox .visual_4btn_m ul li a.btn6{background: #f19d6bc7 url(/pages/jepa/img/main/new006_icon.png) no-repeat 10px center / 60px;} .visualbox .visual_4btn_m ul li a:hover{border:3px solid #fff;text-decoration:none} /* main_board */ #main_board{margin:30px 0} .main_board_lbox{width:100%;height:auto;padding:20px} .main_board_lbox h3 br{display:none} .main_board_lbox p{padding:15px 0 30px} .main_board_rbox{width:100%;height:610px} .main_board_rbox .main_board_li a{width:100%;padding:10px 0;border:none;border-top:1px solid #ddd} .main_board_rbox .main_board_h4{left:0;top:-30px;width:100%} .main_board_rbox .main_board_h4 a{float:left;padding:15px;width:33%;margin-right:1px;font-size:16px;} .main_board_rbox .main_board_li{padding:50px 20px 20px } .main_board_rbox .main_board_li a .board_tit{font-size:16px} .tabmenu .tab{width:100%;position:relative;float:left;left:auto;top:auto;z-index:2} .tabmenu .tab a.tab1{top:0;left:auto;width:100%;margin-bottom: 0;} .tabmenu .tab a.tab2{top:0;left:auto;width:100%;margin-bottom: 0;} .tabmenu .tab a.tab3{top:0;left:auto;width:100%} .tabmenu .tab a.tab4{top:0;left:auto;width:100%} #notice_wrap .wrap{width:50%;float:left} .tabmenu .wrap .cnt{padding:120px 0;left:0;width:100%} .tabmenu .wrap3 .cnt{padding:60px 0;left:0;width:100%} .tabmenu .wrap4 .cnt{padding:60px 0;left:0;width:100%} .tabmenu .cnt ul li a{width:100%;padding:30px 10px 15px;border-right:none} .tabmenu .cnt ul li a dd{height:27px;padding:10px 0;margin-bottom:10px;text-overflow:ellipsis;width:100%;white-space:nowrap;overflow:hidden} .tabmenu .cnt ul li:nth-child(3) a{border-bottom:1px solid #ddd} .tabmenu .cnt a.more{left:auto;top:-75px;right:10px;bottom:auto} .tabmenu .wrap3 .cnt a.more{left:auto;top:-135px;right:10px;bottom:auto} .tabmenu .wrap4 .cnt a.more{left:auto;top:-135px;right:10px;bottom:auto} /* 팝업/배너 */ #main_popbanwrap{background:#e8eef3;padding:30px 10px} .main_popzone{width:350px;height:400px;margin:0 auto;float:none !important;text-align:center} .main_popbanbox{width:100%} .main_popzone .popcontrol{right:0} .main_popzone img{max-width:100%} .main_banner3{margin:20px 0;width:100%} .main_banner3 a{width:33%;float:left;padding:45px 0;text-align:center} .main_banner3 a span{display:none} .main_banner3 .ban3{background:url(/pages/jepa/img/main/ban_bg03.jpg) no-repeat -55px top} .main_banner4{width:100%} .main_banner4 a{width:50%;height:190px} /* 일자리안정자금 */ #main_jobwrap{background:url(/pages/jepa/img/main/main_jobwrapm.jpg) no-repeat left top;padding:120px 10px 50px 100px} .job_more{left:100px;margin-top:24px} #main_jobwrap dd{font-size:16px;line-height:18px;padding:0} /* 페이스북 */ #main_facebook{padding:50px 10px} .facebook_wrap{width:100%} .facebook_li ul li a{width:45%;margin:8px} .facebook_li ul li a > div{height:220px;overflow:hidden} .facebook_li ul li a > div.img{width:100%} .facebook_li ul li a > div img{width:100%} .facebook_li ul li:nth-child(2n) a{margin-right:0} .facebook_li ul li:nth-child(5n) a{margin-right:10px} /* footer */ #footer_wrap{width:100%;padding:10px;box-sizing:border-box} #footer_wrap .footer_site{border:1px solid #ddd} #footer_wrap > .foot_count{bottom:-60px;right:10px;} #footer_wrap > img{bottom:-30px;right:10px} #footer_wrap .foot_info .viewer{margin-top:15px} #footer_wrap .footer_site .ban_control{margin:15px 7px} } /****** Mobile ******/ @media screen and (max-width:590px){ /** header **/ #header_top .header_topbox a{width:50%; font-size:12px;} #header_top .header_topbox .btn6{width:50%;} #header_top .header_topbox .btn7{width:50%;} } /****** Tablet Device ******/ @media screen and (min-width:691px) and (max-width:899px) { #header {width: 100%} #header #menuwrap{display: none} /* 모바일메뉴 */ .pop_open_btn a.btn_fullmenu_t{display:block} .navigation_mobile_bg{position:fixed;width:100%;height:100%;min-height:100%;z-index:9;background:#333;top:0;left:0;opacity:0.7;display:block !important} #navigation_mobile{position:absolute;width:60%;height:100%;min-height:100%;background:#fff;right:0;top:0;z-index:9999;display:none} #navigation_mobile h2{overflow:hidden;position:absolute;width:1px;height:1px;font-size:0;line-height:0} /* #navigation_mobile #navigation_m{padding-top:40px} */ /*#navigation_mobile ul > li > a:hover{color:#fff}*/ #navigation_mobile ul > li > a.on{background:#0f48a1;font-weight:bold;color:#fff} /* #navigation_mobile ul > li > a.on span{font-size:33px} */ #navigation_mobile .btn_close{z-index:9999;position:fixed;display:block;width:50px;height:50px;background:url(../img/main/mobile_menu_close.png) no-repeat;top:0;right:0} #navigation_mobile .btn_close span{overflow:hidden;position:absolute;width:1px;height:1px;font-size:0;line-height:0} #navigation_mobile ul > li > a span.planprice{display:block;width:40px;background:url(../img/layout/arrow_updown_m.png) no-repeat;font-size:0} #navigation_mobile li > ul > li > a.blank{background:#1a6bc1 url('../img/layout/blank.png') 105px 4px no-repeat} .navigation_top{background:#efefef;overflow:hidden;height:30px;padding:12px 0 12px 20px;border-bottom:1px solid #999} .navigation_top a.btn_logout{background:#fff;border:1px solid #ddd;color:#222;box-sizing:border-box;padding:0 10px;height:35px;line-height:33px;display:inline-block;text-align:center;margin:-4px 0 0 10px} .navigation_top h4{float:left;padding:0px 10px 0 0} .navigation_top .sns_icon{float:left} .navigation_top .sns_icon li{display:inline} .navigation_top .sns_icon li a{display:block;float:left;width:25px;height:25px;margin:0 3px} .navigation_top .sns_icon li:nth-child(1) a{background:url('../img/layout/header_sns_icon.png') 0 0 no-repeat} .navigation_top .sns_icon li:nth-child(2) a{background:url('../img/layout/header_sns_icon2.png') 0 0 no-repeat} .navigation_top .sns_icon li:nth-child(3) a{background:url('../img/layout/header_sns_icon3.png') 0 0 no-repeat} .navigation_top .sns_icon li:nth-child(4) a{background:url('../img/layout/header_sns_icon4.png') 0 0 no-repeat} .menu_category{width:100%;height:40px;color:#fff;padding:0 0px 0 20px;box-sizing:border-box;line-height:38px;font-size:15px;font-weight:200;background:#182751} #navigation_mobile_wrap{display:block} .navigation_mobile_top{background:#0d4f9b;padding:15px} .navigation_mobile_top a.login{border:1px solid #fff;color:#fff;padding:7px 10px 7px 30px;background:url(../img/main/top_iconlogin2.png) no-repeat left center;border-radius:3px;font-size:13px;margin-right:3px} .navigation_mobile_top a.search{border:1px solid #fff;color:#fff;padding:7px 10px 7px 30px;background:url(../img/main/top_iconsearch2.png) no-repeat left center;border-radius:3px;font-size:13px} .navigation_mobile_top a.btn3{border:1px solid #fff;color:#fff;padding:7px 10px 7px 30px;background:url(../img/main/top_iconlogin2.png) no-repeat left center;border-radius:3px;font-size:13px} #navigation_m{position:relative;background:#fff;height:100%} #navigation_m li > a{position:relative;display:block;padding:17px 4%;color:#333;width:40%;background:#fff;z-index:10;line-height:24px;font-size:17px;background:#f2f2f2} #navigation_m li > a span{font-weight:400;} #navigation_m > li.active > a{color:#0d4f9b;background:#fff;border-right:0;border-left:5px solid #0d4f9b} #navigation_m > li.active > a span{font-weight:700;color:#0d4f9b} #navigation_m > li.active > a::after{content:'';position:absolute;width:0;height:0;right:0px;top:21px;border-right:8px solid #fff;border-bottom:8px solid #fff;border-top:8px solid #fff;border-left:8px solid #0d4f9b } #navigation_m > li .depth2 > li.active > a{font-weight:700;color:#4b93dd} #navigation_m > li .depth2{height:2000px;padding:20px;height:auto;position:absolute;z-index:5;top:0;width:60%;left:40%;transition:all 0.5s; -webkit-transition: all 0.5s;-moz-transition:all 0.5s;opacity:0;background:#fff } #navigation_m > li.active .depth2{min-height:auto;height:100%;left:40%;opacity:1;visibility:visible;} #navigation_m > li .depth2 > li > a{width:100%;position:relative;display:block;color:#444;font-weight:300;padding:14px 5px;border-bottom:1px solid #ddd;font-size:15px;background:#fff} #navigation_m > li .depth2 > li > .depth3{display:block; padding:10px ; background-color:#c0cfe1} #navigation_m > li .depth2 > li > .depth3 > li > a{width:100%;display:block; padding:6px; font-size:14px; color:#606575;background:#c0cfe1;background:#c0cfe1} #navigation_m > li .depth2 > li > .depth3 > li > a:before{display:inline-block; margin-right:5px;} #navigation_m > li .depth2 > li > .depth3 > li.active > a{font-weight:500;background:#8aa8cc;color:#333} #navigation_m > li:first-child::before{background:#fff;content:'';display:block} #navigation_m > li:last-child::after{background:#fff;content:'';display:block;height:100%;width:50%} #navigation_m li > a span.planprice2{font-size:25px;color:#999;float:right;font-weight:700} #wrap{width:100%} #visual_wrap, #main_board, #main_popbanwrap, #main_jobwrap, #main_facebook {padding:10px;box-sizing:border-box;width:100%} /** header **/ #navigation{display:none} #header_top .header_topbox{width:100%} #header_top .header_topbox a{width:150px;font-size:12px} #header_top .header_topbox .header_topr a{width:105px} #header_top .header_topbox .btn6{width: 163px;} /* main_visual */ #visual_wrap .visualbox{width:100%} #visual_wrap .visualbox .visual_tit{font-size:35px} #visual_wrap .visualbox .visual_stit{padding:0 40px;box-sizing:border-box} #visual_wrap .visualbox .visual_stit br{display:none} .visualnavi ul li a{display:none} /* main_board */ #main_board{margin:30px 0} .main_board_lbox{width:100%;height:auto;padding:20px} .main_board_lbox h3 br{display:none} .main_board_lbox p{padding:15px 0 30px} .main_board_rbox{width:100%;height:540px} .main_board_rbox .main_board_li a{width:100%;padding:10px 0;border:none;border-top:1px solid #ddd} .main_board_rbox .main_board_h4{left:0;top:-30px;width:100%} .main_board_rbox .main_board_h4 a{float:left;padding:15px;width:33%;margin-right:1px;font-size:16px;} .main_board_rbox .main_board_li{padding:50px 20px 20px } .main_board_rbox .main_board_li a .board_tit{font-size:16px} .tabmenu .tab{width:100%;position:relative;float:left;left:auto;top:auto;z-index:2} .tabmenu .tab a.tab1{top:0;left:auto;width:100%} .tabmenu .tab a.tab2{top:0;left:auto;width:100%} .tabmenu .tab a.tab3{top:0;left:auto;width:100%} .tabmenu .tab a.tab4{top:0;left:auto;width:100%} .tabmenu .cnt a.more{left:auto;top:-75px;right:10px;bottom:auto} #notice_wrap .wrap{width:25%;float:left} .tabmenu .cnt{padding:60px 0;left:0;width:100%} .tabmenu .cnt ul li a{width:100%;padding:30px 10px 15px;border-right:none} .tabmenu .cnt ul li a dd{height:27px;padding:10px 0;margin-bottom:10px;text-overflow:ellipsis;width:100%;white-space:nowrap;overflow:hidden} .tabmenu .cnt ul li:nth-child(3) a{border-bottom:1px solid #ddd} /* 팝업/배너 */ #main_popbanwrap{padding:30px 10px;background:#e8eef3} .main_popbanbox{width:100%} .main_popzone{width:48%;margin:0 auto;text-align:center;height:425px;} .main_popzone .popcontrol{right:0} .main_popzone img{max-width:100%;height:425px} .main_banner3{margin:0 0 0 20px ;width:48%} .main_banner3 a{width:100%;float:left;padding:41px 0 41px 55%} .main_banner4{width:100%;padding:40px 0} .main_banner4 a{width:25%;height:190px;font-size:15px;line-height:20px} /* 일자리안정자금 */ #main_jobwrap{padding:130px 0 60px 110px;background:url(/pages/jepa/img/main/main_jobwrapm.jpg) no-repeat left top} .job_more{left:110px;margin-top:20px} /* 페이스북 */ #main_facebook{padding:50px 10px} .facebook_wrap{width:100%} .facebook_li ul li a{width:31%;margin:5px} .facebook_li ul li a > div{height:220px;overflow:hidden} .facebook_li ul li:nth-child(3n) a{margin:5px} .facebook_li ul li:nth-child(5n) a{margin:5px} /* footer */ #footer_wrap{width:100%;padding:10px;box-sizing:border-box} #footer_wrap .footer_site{border:1px solid #ddd} #footer_wrap > .foot_count{bottom:-60px;right:10px;} #footer_wrap > img{bottom:-30px;right:10px} #footer_wrap .foot_info .viewer{margin-top:15px} } /****** Desktop Device ******/ @media screen and (min-width:900px) and (max-width:1150px) { #wrap{width:100%} #visual_wrap, #main_board, #main_popbanwrap, #main_jobwrap, #main_facebook {padding:0 10px;box-sizing:border-box;width:100%} .logo_wrap img{width:180px} #navigation_mobile_wrap{display:none} /** header **/ #header{width:100%;padding:20px 0 80px} #navigation{display:block;right:70px;left:auto;top:0;padding:8px 0 0 0} #navigation li a{font-size:16px;padding:0 13px 26px} #header_top .header_topbox{width:100%} #header_top .header_topbox a{width:150px;font-size:13px} #header_top .header_topbox .header_topr a{width:105px} .main_search_btn{} .main_search_btn > div input#search{width:300px;background:#313f53;padding-left:15px} /* main_visual */ #visual_wrap .visualbox{width:100%} #visual_wrap .visualbox .visual_tit{font-size:35px} #visual_wrap .visualbox .visual_stit{padding:0 40px;box-sizing:border-box} .visualnavi ul li a{display:none} /* main_board */ .main_board_lbox{width:30%;} .main_board_rbox{width:70%;} .main_board_rbox .main_board_h4{position:relative;left:15px;top:20px;width:100%} .main_board_rbox .main_board_h4 a{float:left;width:32%;font-size:16px;padding:15px} .main_board_rbox .main_board_li{padding:100px 30px 30px 10px} .main_board_rbox .main_board_li a{padding:15px} .main_board_rbox .main_board_li a.more{left:-38%} /* 팝업/배너 */ #main_popbanwrap{padding:40px 10px} .main_popbanbox{width:100%} .main_popbanbox > div{width:32%;box-sizing:border-box} .main_popzone{height:398px} .main_popzone img{width:100%;height:398px} .main_popzone .popcontrol{right:0} .main_banner3{margin:0 15px} .main_banner3 a{padding:57px 10px 57px 200px} .main_banner3 a span{display:none} .main_banner4 a{width:50%;height:199px;font-size:16px;padding:20px 10px;background-size:100%} .main_banner4 .ban1{background:#a5cf78 url(/pages/jepa/img/main/btn_bg01.png) no-repeat right bottom / 100%; } .main_banner4 .ban2{background:#ffc600 url(/pages/jepa/img/main/btn_bg02.png) no-repeat right bottom / 100%; } .main_banner4 .ban3{background:#899dff url(/pages/jepa/img/main/btn_bg03.png) no-repeat right bottom / 100%; } .main_banner4 .ban4{background:#3c4a59 url(/pages/jepa/img/main/btn_bg04.png) no-repeat right bottom / 100%; } .main_banner4 .ban5{background:#3c4a59 url(/pages/jepa/img/main/btn_bg05.png) no-repeat right bottom / 100%; } /* 일자리안정자금 */ #main_jobwrap{padding:130px 0 60px 110px;background:#4dc1ce url(/pages/jepa/img/main/main_jobwrapm.jpg) no-repeat left top} .job_more{left:110px;margin-top:20px} /* 페이스북 */ #main_facebook{padding:50px 10px} .facebook_wrap{width:100%} .facebook_li ul li a{width:32%;margin:5px} .facebook_li ul li a > div{height:220px;overflow:hidden} .facebook_li ul li:nth-child(3n) a{margin:5px} .facebook_li ul li:nth-child(5n) a{margin:5px} /* footer */ #footer_wrap{width:100%;padding:10px;box-sizing:border-box} #footer_wrap .footer_site{border:1px solid #ddd} #footer_wrap > .foot_count{bottom:-60px;right:10px;} #footer_wrap > img{bottom:-30px;right:10px} #footer_wrap .foot_info .viewer{margin-top:15px} } /****** Desktop Wide Device ******/ @media screen and (min-width:1151px) and (max-width:1600px){ #wrap{width:100%} #visual_wrap, #main_board, #main_popbanwrap, #main_jobwrap, #main_facebook {padding:10px;box-sizing:border-box;min-width:1400px} /** header **/ #navigation{left:auto;right:138px;} #navigation_mobile_wrap{display:none} /* main_visual */ #visual_wrap .visualbox{width:100%} #visual_wrap .visualbox .visual_tit{font-size:35px} #visual_wrap .visualbox .visual_stit{padding:0 40px;box-sizing:border-box} #visual_wrap .visualbox .visual_stit br{display:none} .visualnavi ul li a{display:none} /* main_board */ .main_board_lbox{width:35%;} .main_board_rbox{width:65%;} /* 팝업/배너 */ #main_popbanwrap{padding:40px 10px} /* 일자리안정자금 */ #main_jobwrap{padding:130px 0 60px 267px;background:#4dc1ce url(/pages/jepa/img/main/main_jobwrapd.jpg) no-repeat left top} .job_more{left:267px;margin-top:20px} /* 페이스북 */ #main_facebook{padding:50px 10px} .facebook_li ul li a{margin:0 25px 25px 0;overflow:hidden} /* footer */ } .depth4 li a{ font-size: 12px !important; background: #fff !important; padding: 10px 13px !important; width: 100% !important; line-height: 8px !important; } .depth4 .active a { background: #ddd !important; } .depth4 li a:hover { background: #ddd !important; }