/********************************** Media Queries **********************************/ /* 웹 */ /* min-width:1017px (min-width:757px) and (max-width:1016px) (min-width:497px) and (max-width:756px) (min-width:0px) and (max-width:496px) */ @media (min-width:1017px){ .skip {position:absolute; overflow:hidden; height:0; width:0; font-size:0; visibility:hidden;} .skip_img {position:absolute; overflow:hidden; height:0; width:0; font-size:0; visibility:hidden;} .skip_img1 {position:relative; top:-5px;} .s_bg {position:absolute; overflow:hidden; height:0; width:0; font-size:0; visibility:hidden;} .a_bg {position:absolute; overflow:hidden; height:0; width:0; font-size:0; visibility:hidden;} /* 전체 그룹 */ #wrapper { } .wrap {position:relative; margin:0 auto; width:1000px; } /* 모바일 메뉴 */ .mobileMenu {display:none} .topBtnMobile{display:none} .button_site {display:none} /* 상단 */ #header { position:relative; height:118px;} /* 병무청 홈페이지, 병무민원포탈, 공개/개발포털 */ #top_gnb { position:relative; height:40px;} #top_gnb ul.top_menu { float:left; padding:9px 5px 0 15px;} #top_gnb ul.top_menu li { color:#fff;} #top_gnb ul.top_menu li img{vertical-align : middle; margin-bottom:3px;} /* #top_gnb { position:relative; height:40px;} #top_gnb ul.top_menu { float:left;} #top_gnb ul.top_menu li { float:left; letter-spacing:-0.05em; background:#3e4348; font-weight:normal; border-right:1px solid #2d3136; text-align:center;} #top_gnb ul.top_menu li a { color:#fff; display:block; padding:9px 0 0 0; width:119px; height:31px;} #top_gnb ul.top_menu li.on {background:#fff;} #top_gnb ul.top_menu li.on a { color:#000;} */ /* 메인 검색 */ #top_gnb ul.search { float:left; position:relative; background:#41558a; /* width:277px; */ height:40px; border-right:1px solid #2d3136;} /* #top_gnb ul.search { float:left; position:relative; background:#41558a; width:239px; height:40px; border-right:1px solid #2d3136;} */ #top_gnb ul.search li { float:left; height:40px; } #top_gnb ul.search li input.text { font-family:NanumGothic; margin:7px 0 0 9px; width:173px; height:22px; padding:0 0 2px 8px; border:1px solid #29324f; color:#222222;} #top_gnb ul.search li input.text::-webkit-input-placeholder {color:#222222;} #top_gnb ul.search li input.text:-moz-placeholder {color:#222222;} #top_gnb ul.search li input.text::-moz-placeholder {color:#222222;} #top_gnb ul.search li input.text:-ms-input-placeholder {color:#222222;} #top_gnb ul.search li input.img { width:39px; margin:0 0 0 8px;} /* 메인 네비게이션매뉴 */ #top_gnb ul.gnb {float:right; position:relative; right:0px;} #top_gnb ul.gnb li {float:left;} #top_gnb ul.gnb li a { color:#fff; display:block; padding:9px 15px 0 15px; height:31px;} #top_gnb ul.gnb li.bg { position:relative; top:0px; right:0px; padding:0px 0px 0 0px; width:140px; text-align:center;} #top_gnb ul.gnb li.bg a {padding:0 0 0 0; height:40px;} #top_menu_text { position:absolute; top:40px; right:0px; background:#f6f6f6; width:138px; text-align:left !important; border:1px solid #b8cbcf; display:none; z-index:1000;} #top_menu_text li { float:none !important; letter-spacing:-0.05em; text-align:center;} #top_menu_text li a {color:#535353 !important; height:35px !important; line-height:35px !important;} #top_menu_text li a:hover { background:#e7e7e7;} /* 로고 */ #logo { float:left; margin:10px 0 0 0; position:absolute; top:45px;} /* 메뉴 */ /* mainHead-topmenu */ #nav{ float:right; width:855px; margin:0 auto; padding-top:0px; margin:23px 0 0 0;} #nav>ul{float:right; padding:3px 0 0px 0px; margin:0 0 0 0px; overflow:hidden;} /* 硫붾돱�쇱씤 �믪씠 59�쎌� */ #nav>ul>li{ margin:0 1px 0 20px; text-align:right; font-size:18px; font-weight:normal; float:left; letter-spacing:-0.05em; } #nav>ul>li.on{border-bottom:3px solid #6c7ab9;} #nav>ul>li.on_s{border-bottom:3px solid #6c7ab9} /* #nav>ul>li.on_s{border-bottom:3px solid #bbb; #d5d9dd;} */ #nav>ul>li.new_window1 {background:url('/images/syjy/common/window.gif') no-repeat right center; padding:0 12px 0 0px; margin:0 20px 0 0;} #nav>ul>li.new_window2 {background:url('/images/syjy/common/window.gif') no-repeat right center; padding:0 12px 0 0px; margin:0 -4px 0 0;} #nav>ul>li:first-child{text-align:right;} #nav>ul>li>a{ color:#222; display:inline-block; width:100%;} #nav>ul>li>a:hover{color:#0072bc;} #nav>ul>li.on>a{color:#0072bc; } #nav>ul>li>div{position:absolute; top:96px; left:0; padding:25px 0 0 0; overflow:hidden;background:#fff; z-index:100; border-bottom:1px solid #6c7ab9; display:none; width:100%;} #nav>ul>li>div.on{ display:block;} #nav>ul>li>div>ul{width:100%; min-height:232px;margin:0 auto; background:url("/images/syjy/common/nav_li_bg.gif") 135px top repeat-y #fff; overflow:hidden; padding-bottom:30px; border-top:2px solid #6c7ab9;} #nav>ul>li>div>ul>li{ position:relative; left:145px; width:150px; text-align:left; font-size:14px; font-weight:800; padding-top:24px; padding-left:0px; float:left; vertical-align:top;margin-bottom:20px; letter-spacing: -0.1em;} #nav>ul>li>div>ul>li.f_no29, #nav>ul>li>div>ul>li.f_no30, #nav>ul>li>div>ul>li.f_no31, #nav>ul>li>div>ul>li.f_no32, #nav>ul>li>div>ul>li.f_no33, #nav>ul>li>div>ul>li.f_no34, #nav>ul>li>div>ul>li.f_no35, #nav>ul>li>div>ul>li.f_no36, #nav>ul>li>div>ul>li.f_no37 { float:none !important; padding-top:10px !important; margin-bottom:5px !important;} #nav>ul>li>div>ul>li.clear{ float:none;} #nav>ul>li>div>ul>li>a{color:#333; } #nav>ul>li>div>ul>li>a:hover{color:#004b9d; text-decoration:underline; } #nav>ul>li>div>ul>li>ul{ position:relative; margin-top:10px; width:87%; letter-spacing:-0.12em;} #nav>ul>li>div>ul>li>ul>li{font-size:12px; font-weight:400; margin-bottom:1px; padding-left:0px;} #nav>ul>li>div>ul>li>ul>li>a{color:#666; padding:4px 0; } #nav>ul>li>div>ul>li>ul>li>a:hover{color:#004b9d; font-weight:800;} #nav>ul>li>div>ul>li.menu1_1{ margin:55px 0 0 -150px; padding:0 !important;} #nav>ul>li>div>ul>li.menu1_2{ margin:100px 0 0 -150px; padding:0 !important;} #nav>ul>li>div>ul>li.menu1_3{ margin:140px 0 0 -150px; padding:0 !important;} #nav>ul>li>div>ul>li.menu1_4{ margin:180px 0 0 -150px; padding:0 !important;} #nav>ul>li>div>ul>li.menu1_5{ margin:245px 0 0 -150px; padding:0 !important;} #nav>ul>li>div>ul>li.menu1_6{ margin:285px 0 0 -150px; padding:0 !important;} #nav>ul>li>div>ul>li.menu1_7{ margin:55px 0 0 -150px; padding:0 !important;} #nav>ul>li>div>ul>li.menu1_8{ margin:205px 0 0 -150px; padding:0 !important;} #nav>ul>li>div>ul>li.menu1_9{ margin:335px 0 0 -150px; padding:0 !important;} #nav>ul>li>div>ul>li.menu1_10{ margin:215px 0 0 -150px; padding:0 !important;} #nav>ul>li>div>ul>li.menu1_11{ margin:240px 0 0 -150px; padding:0 !important;} #nav>ul>li>div>ul>li.menu1_12{ margin:205px 0 0 -150px; padding:0 !important;} #nav>ul>li>div>ul>li.menu1_13{ margin:425px 0 0 -150px; /* padding:0 !important; */} #nav>ul>li>div>ul>li.menu1_14{ margin:470px 0 0 -150px; /* padding:0 !important; */} #nav>ul>li>div>ul>li.menu1_15{ margin:590px 0 0 -150px; padding:0 !important; } #nav>ul>li>div>ul>li.menu1_16{ position:absolute; margin:-13px 0 0 595px; } #nav>ul>li>div>ul>li.menu1_17{ position:absolute; margin:230px 0 0 595px; } #nav>ul>li>div>ul>li.menu1_18{ position:absolute; margin:340px 0 0 595px; } #nav>ul>li>div>ul>li.menu2_1{ margin:40px 0 0 -150px; padding:0px !important;} #nav>ul>li>div>ul>li.menu2_2{ margin:-13px 0 0 -5px;} #nav>ul>li>div>ul>li.menu2_3{ margin:120px 0 0 -150px; padding:0px !important;} #nav>ul>li>div>ul>li.menu2_4{ margin:260px 0 0 -150px; padding:0px !important;} #nav>ul>li>div>ul>li.menu2_5{ margin:200px 0 0 -150px; padding:0px !important;} #nav>ul>li>div>ul>li.menu3_1{ margin:110px 0 0 -150px;} #nav>ul>li>div>ul>li.menu3_2{ margin:110px 0 0 -150px;} #nav>ul>li>div>ul>li.menu4_1{ margin:0px 0 0 0;} #nav>ul>li>div>ul>li.menu1{ margin:-585px 0 0 145px;} #nav>ul>li>div>ul>li.menu2{ margin:-380px 0 0 145px;} #nav>ul>li>div>ul>li.menu3{ margin:-330px 0 0 145px; padding:0 !important;} #nav>ul>li>div>ul>li.menu4{ margin:-585px 0 0 295px;} #nav>ul>li>div>ul>li.menu5{ margin:-585px 0 0 445px;} #nav>ul>li>div>ul>li.menu6{ margin:-340px 0 0 445px;} #nav>ul>li>div>ul>li.menu7{ margin:-290px 0 0 445px; padding:0 !important;} #nav>ul>li>div>ul>li.menu8{ margin:-585px 0 0 585px;} #nav>ul>li>div>ul>li.menu9{ margin:-427px 0 0 150px;} #nav>ul>li>div>ul>li.menu10{ margin:-427px 0 0 295px;} #nav>ul>li>div>ul>li.menu11{ margin:-427px 0 0 440px;} #nav>ul>li>div>ul>li.menu12{ margin:-427px 0 0 590px;} #nav>ul>li>div>ul>li.menu14{ margin:80px 0 0 -150px;} #nav>ul>li>div>ul>li.menu16{ margin:80px 0 0 -150px;} #nav>ul>li>div>ul>li.menu17{ margin:0px 0 0 -10px;} #nav>ul>li>div>ul>li.menu19{ padding:10px 0 0 0 !important;} #nav>ul>li>div>ul>li.menu21{ margin:160px 0 0 -150px;} #nav>ul>li>div>ul>li.menu23{ margin:160px 0 0 -150px;} #nav>ul>li>div>ul>li.menu26{ margin:160px 0 0 -150px;} #nav>ul>li>div>ul>li.menu27{ margin:-13px 0 0 0px;} #nav>ul>li>div>ul>li.menu28{ margin:160px 0 0 -150px;} #nav>ul>li>div>ul>li.menu29{ margin:160px 0 0 -150px;} #nav>ul>li>div>ul>li.menu130{ margin:11px 0 0 0px; padding:0 0 0 0 !important;} #nav>ul>li>div>ul>li.menu131{ margin:110px 0 0 -150px;} #nav>ul>li>div>ul>li.menu132{ margin:80px 0 0 -150px;} #nav>ul>li>div>ul>li.menu133{ margin:11px 0 0 0px; padding:0 0 0 0 !important;} #nav>ul>li>div>ul>li.menu134{ margin:110px 0 0 -150px;} #nav ul li span.new_window1 {position:absolute; top:50px; left:102px; margin:-25px 0 0 0; background:url('/images/syjy/common/window.gif') no-repeat 0 0; width:8px; height:8px; display:block;} #nav ul li span.new_window2 {position:absolute; top:70px; left:103px; margin:-25px 0 0 0; background:url('/images/syjy/common/window.gif') no-repeat 0 0; width:8px; height:8px; display:block;} #nav ul li span.new_window3 {position:absolute; top:107px; left:115px; margin:-25px 0 0 0; background:url('/images/syjy/common/window.gif') no-repeat 0 0; width:8px; height:8px; display:block;} #nav ul li span.new_window4 {position:absolute; top:127px; left:115px; margin:-25px 0 0 0; background:url('/images/syjy/common/window.gif') no-repeat 0 0; width:8px; height:8px; display:block;} #nav ul li span.new_window5 {position:absolute; top:221px; left:115px; margin:-25px 0 0 0; background:url('/images/syjy/common/window.gif') no-repeat 0 0; width:8px; height:8px; display:block;} #nav ul li span.new_windowN {margin-left:7px; background:url('/images/syjy/common/window.gif') no-repeat 0 0; width:8px; height:8px; display:inline-block;} /* 2016.07.20 글로벌메뉴 2줄 추가 */ #nav ul li a.line_2 {text-align:center !important;} #nav ul li a.line_2 span {position:relative; top:-9px !important; font-size:15px !important;} /* 푸터 */ footer {clear:both; position:relative; margin:10px auto ; height:116px; } footer div.address_box { float:left; position:relative; top:12px; font-size:13px; line-height:26px;} footer div.day { float:right; position:relative; top:10px; right:0px; width:174px; height:50px; background:#fafafa; border:1px solid #eae9f1;} footer div.day li { padding:4px 5px 4px 10px; border-bottom:1px solid #eae9f1; font-size:11px;} footer div.day li.nobg {border-bottom:0px;} footer div.day li strong { padding:0 30px 0 0; } footer div.day li span { float:right; position:relative; right:5px; } footer div.day li span.red { color:#bd2301;} /* 메인팝업 */ div.layerPopup {position:absolute; z-index:100; background-color:#ffffff; border:1px solid #5e5e5e;} div.layerPopup .layerPopup_top {background:#35456c url("/images/syjy/common/popup_title_bg.gif") 10px center no-repeat; height:32px; line-height:32px; color:#ffffff; cursor:move; text-align:right; padding:0 0px 0 20px;} div.layerPopup .layerPopup_top a {color:#ffffff;} div.layerPopup .layerPopup_top span.Popup_title {position:absolute; left:30px;} div.layerPopup .layerPopup_con {cursor:pointer; padding:0 0 0 0; margin:0 0 0 0;} div.layerPopup .layerPopup_foot {text-align:right; height:32px; line-height:32px; background-color:#e0e0e0; padding:0 20px 0 20px;} div.layerPopup .layerPopup_foot input {vertical-align:middle; margin:0 0 0 10px;} /* 이미지 */ #img_layout {display:inline;} #img_layout>a>img {margin-bottom:20px; box-shadow:-5px 5px 5px #d4d4d4;} #img_layout>a .center_img {margin:0 5px 20px 5px; box-shadow:0px 0px 0px #d4d4d4;} .skip_b {position:absolute !important; overflow:hidden !important; height:0 !important; width:0 !important; font-size:0 !important; visibility:hidden !important;} .skip_bt {position:absolute !important; overflow:hidden !important; height:0 !important; width:0 !important; font-size:0 !important; visibility:hidden !important; display: none !important;} } /* 타블릿 */ @media (min-width:757px) and (max-width:1016px) { .skip {position:absolute; overflow:hidden; height:0; width:0; font-size:0; visibility:hidden;} .s_bg {position:absolute; overflow:hidden; height:0; width:0; font-size:0; visibility:hidden;} .a_bg {position:absolute; overflow:hidden; height:0; width:0; font-size:0; visibility:hidden;} .skip_img1 {position:absolute; overflow:hidden; height:0; width:0; font-size:0; visibility:hidden;} /* 전체 그룹 */ #wrapper { } .wrap {position:relative; margin:0 auto; width:740px; } /* 모바일 메뉴 */ .mobileMenu {display:none} .topBtnMobile{display:none} .button_site {display:none} /* 상단 */ #header { position:relative; height:158px;} /* 병무청 홈페이지, 병무민원포탈, 공개/개발포털 */ #top_gnb { position:relative; height:40px;} #top_gnb ul.top_menu { float:left; padding:9px 5px 0 15px;} #top_gnb ul.top_menu li { color:#fff;} #top_gnb ul.top_menu li img{vertical-align : middle; margin-bottom:3px;} /* #top_gnb { position:relative; height:40px;} #top_gnb ul.top_menu { float:left;} #top_gnb ul.top_menu li { float:left; letter-spacing:-0.05em; background:#3e4348; font-weight:normal; border-right:1px solid #2d3136; text-align:center;} #top_gnb ul.top_menu li a { color:#fff; display:block; padding:9px 0 0 0; width:119px; height:31px;} #top_gnb ul.top_menu li.on {background:#fff;} #top_gnb ul.top_menu li.on a { color:#000;} */ /* 메인 검색 */ #top_gnb ul.search { float:left; position:relative; background:#41558a; width:239px; height:40px; border-right:1px solid #2d3136;} #top_gnb ul.search li { float:left; height:40px; } #top_gnb ul.search li input.text { font-family:NanumGothic; margin:7px 0 0 9px; width:173px; height:22px; padding:0 0 2px 8px; border:1px solid #29324f; color:#222222;} #top_gnb ul.search li input.text::-webkit-input-placeholder {color:#222222;} #top_gnb ul.search li input.text:-moz-placeholder {color:#222222;} #top_gnb ul.search li input.text::-moz-placeholder {color:#222222;} #top_gnb ul.search li input.text:-ms-input-placeholder {color:#222222;} #top_gnb ul.search li input.img { width:39px; margin:0 0 0 8px;} /* 메인 네비게이션매뉴 */ #top_gnb ul.gnb {float:right; position:relative; right:0px; margin:22px 0 0 0;} #top_gnb ul.gnb li {float:left;} #top_gnb ul.gnb li a { color:#3e4347; display:block; padding:4px 0px 3px 0px; margin:0 5px 0 10px;} #top_gnb ul.gnb li.bg { position:absolute !important; top:-62px; right:0px; padding:0px 0px 0 0px; width:140px; text-align:center;} #top_gnb ul.gnb li.bg a {padding:0 0 0 0; height:40px; margin:0 0 0 0;} .s_bg {position:relative !important; overflow:visible !important; height:28px !important; width:auto !important; font-size:14px !important; visibility:inherit !important;} .a_bg {position:relative !important; overflow:visible !important; height:28px !important; width:auto !important; font-size:14px !important; visibility:inherit !important;} #top_gnb ul.gnb li.s_bg { background:#50a8b4; margin:0 10px 0 0;} #top_gnb ul.gnb li.s_bg a { color:#fff; padding:4px 15px 3px 15px; margin:0 0 0 0;} #top_gnb ul.gnb li.a_bg { background:#f04744;} #top_gnb ul.gnb li.a_bg a { color:#fff; padding:4px 15px 3px 15px; margin:0 0 0 0;} #top_menu_text { position:absolute; top:40px; right:0px; background:#f6f6f6; width:138px; text-align:left !important; border:1px solid #b8cbcf; display:none; z-index:1000;} #top_menu_text li { float:none !important; letter-spacing:-0.05em; text-align:center;} #top_menu_text li a {color:#535353 !important; height:35px !important; line-height:35px !important;} #top_menu_text li a:hover { background:#e7e7e7;} /* 로고 */ #logo { float:left; margin:10px 0 0 0;} /* 메뉴 */ /* mainHead-topmenu */ #nav{ float:right; width:740px; margin:0 auto; padding-top:0px; margin:0px 0 0 0;} #nav>ul{float:right; padding:0 0 0px 0px; margin:0px 0 0 0px; overflow:hidden;} /* 硫붾돱�쇱씤 �믪씠 59�쎌� */ #nav>ul>li{ margin:0 17px 0 0px; text-align:left; font-size:17px; font-weight:normal; float:left; letter-spacing:-0.1em; } #nav>ul>li:first-child{text-align:left;} #nav>ul>li>a{ color:#222; display:inline-block; width:100%;} #nav>ul>li>a:hover{color:#0072bc;} #nav>ul>li>div{position:absolute; top:130px; left:0; padding:27px 0 0 0; overflow:hidden;background:#fff; z-index:100; border-bottom:1px solid #6c7ab9; display:none; width:100%;} #nav>ul>li>div.on{ display:block;} #nav>ul>li>div>ul{width:100%; min-height:232px;margin:0 auto; background:url("/images/syjy/common/nav_li_bg.gif") 0px top repeat-y #fff; overflow:hidden; padding-bottom:30px; border-top:2px solid #6c7ab9;} #nav>ul>li>div>ul>li{ position:relative; left:5px; width:150px; text-align:left; font-size:14px; font-weight:800; padding-top:24px; padding-left:0px; float:left; vertical-align:top;margin-bottom:20px; letter-spacing:-0.1em !important;} #nav>ul>li>div>ul>li.f_no29, #nav>ul>li>div>ul>li.f_no30, #nav>ul>li>div>ul>li.f_no31, #nav>ul>li>div>ul>li.f_no32, #nav>ul>li>div>ul>li.f_no33, #nav>ul>li>div>ul>li.f_no34, #nav>ul>li>div>ul>li.f_no35, #nav>ul>li>div>ul>li.f_no36, #nav>ul>li>div>ul>li.f_no37 { float:none !important; padding-top:10px !important; margin-bottom:5px !important;} #nav>ul>li>div>ul>li.clear{ float:none;} #nav>ul>li>div>ul>li>a{color:#333; } #nav>ul>li>div>ul>li>a:hover{color:#004b9d; text-decoration:underline; } #nav>ul>li>div>ul>li>ul{ position:relative; margin-top:10px; width:87%; letter-spacing:-0.12em;} #nav>ul>li>div>ul>li>ul>li{font-size:12px; font-weight:400; margin-bottom:1px; padding-left:0px;} #nav>ul>li>div>ul>li>ul>li>a{color:#666; padding:4px 0; } #nav>ul>li>div>ul>li>ul>li>a:hover{color:#004b9d; font-weight:800;} #nav>ul>li>div>ul>li.menu1_1{ margin:55px 0 0 -150px; padding:0 !important;} #nav>ul>li>div>ul>li.menu1_2{ margin:100px 0 0 -150px; padding:0 !important;} #nav>ul>li>div>ul>li.menu1_3{ margin:140px 0 0 -150px; padding:0 !important;} #nav>ul>li>div>ul>li.menu1_4{ margin:180px 0 0 -150px; padding:0 !important;} #nav>ul>li>div>ul>li.menu1_5{ margin:245px 0 0 -150px; padding:0 !important;} #nav>ul>li>div>ul>li.menu1_6{ margin:285px 0 0 -150px; padding:0 !important;} #nav>ul>li>div>ul>li.menu1_7{ margin:55px 0 0 -150px; padding:0 !important;} #nav>ul>li>div>ul>li.menu1_8{ margin:205px 0 0 -150px; padding:0 !important;} #nav>ul>li>div>ul>li.menu1_9{ margin:335px 0 0 -150px; padding:0 !important;} #nav>ul>li>div>ul>li.menu1_10{ margin:215px 0 0 -150px; padding:0 !important;} #nav>ul>li>div>ul>li.menu1_11{ margin:240px 0 0 -150px; padding:0 !important;} #nav>ul>li>div>ul>li.menu1_12{ margin:205px 0 0 -150px; padding:0 !important;} #nav>ul>li>div>ul>li.menu1_13{ margin:425px 0 0 -150px; /* padding:0 !important; */} #nav>ul>li>div>ul>li.menu1_14{ margin:470px 0 0 -150px; /* padding:0 !important; */} #nav>ul>li>div>ul>li.menu1_15{ margin:590px 0 0 -150px; padding:0 !important; } #nav>ul>li>div>ul>li.menu1_16{ position:absolute; margin:-13px 0 0 595px; } #nav>ul>li>div>ul>li.menu1_17{ position:absolute; margin:230px 0 0 595px; } #nav>ul>li>div>ul>li.menu2_1{ margin:40px 0 0 -150px; padding:0px !important;} #nav>ul>li>div>ul>li.menu2_2{ position:absolute; margin:-13px 0 0 595px;} #nav>ul>li>div>ul>li.menu2_3{ position:absolute; margin:120px 0 0 595px; padding:0px !important;} #nav>ul>li>div>ul>li.menu2_4{ position:absolute; margin:275px 0 0 595px; padding:0px !important;} #nav>ul>li>div>ul>li.menu2_5{ margin:200px 0 0 -150px; padding:0px !important;} #nav>ul>li>div>ul>li.menu3_1{ margin:110px 0 0 -150px;} #nav>ul>li>div>ul>li.menu3_2{ margin:110px 0 0 -150px;} #nav>ul>li>div>ul>li.menu4_1{ margin:0px 0 0 0;} #nav>ul>li>div>ul>li.menu1{ margin:-585px 0 0 150px;} #nav>ul>li>div>ul>li.menu2{ margin:-380px 0 0 150px;} #nav>ul>li>div>ul>li.menu3{ margin:-330px 0 0 150px; padding:0 !important;} #nav>ul>li>div>ul>li.menu4{ margin:-585px 0 0 300px;} #nav>ul>li>div>ul>li.menu5{ margin:-585px 0 0 445px;} #nav>ul>li>div>ul>li.menu6{ margin:-340px 0 0 445px;} #nav>ul>li>div>ul>li.menu7{ margin:-290px 0 0 445px; padding:0 !important;} #nav>ul>li>div>ul>li.menu8{ margin:-585px 0 0 592px;} #nav>ul>li>div>ul>li.menu9{ margin:-427px 0 0 150px;} #nav>ul>li>div>ul>li.menu10{ margin:-427px 0 0 295px;} #nav>ul>li>div>ul>li.menu11{ margin:-427px 0 0 445px;} #nav>ul>li>div>ul>li.menu12{ margin:-427px 0 0 590px;} #nav>ul>li>div>ul>li.menu14{ margin:80px 0 0 -150px;} #nav>ul>li>div>ul>li.menu16{ margin:80px 0 0 -150px;} #nav>ul>li>div>ul>li.menu17{ margin:0px 0 0 3px;} #nav>ul>li>div>ul>li.menu19{ margin:-112px 0 0 599px;} #nav>ul>li>div>ul>li.menu21{ margin:160px 0 0 -150px;} #nav>ul>li>div>ul>li.menu23{ margin:160px 0 0 -150px;} #nav>ul>li>div>ul>li.menu26{ margin:160px 0 0 -150px;} #nav>ul>li>div>ul>li.menu27{ /* top:-55px; left:156px; padding:0 0 0 0 !important; */position: absolute; margin:-13px 0 0 600px;} #nav>ul>li>div>ul>li.menu28{ position: absolute; margin:160px 0 0 600px;} #nav>ul>li>div>ul>li.menu29{ margin:-130px 0 0 600px;} #nav>ul>li>div>ul>li.menu130{ margin:-13px 0 0 -5px;} #nav>ul>li>div>ul>li.menu131{ margin:75px 0 0 -4px;} #nav>ul>li>div>ul>li.menu132{ margin:80px 0 0 -150px; } #nav>ul>li>div>ul>li.menu133{ position:relative; top:-143px; left:149px; padding:0 0 0 0 !important;} #nav>ul>li>div>ul>li.menu134{ margin:-137px 0 0 593px; } #nav ul li span.new_window1 {position:absolute; top:50px; left:102px; margin:-25px 0 0 0; background:url('/images/syjy/common/window.gif') no-repeat 0 0; width:8px; height:8px; display:block;} #nav ul li span.new_window2 {position:absolute; top:70px; left:103px; margin:-25px 0 0 0; background:url('/images/syjy/common/window.gif') no-repeat 0 0; width:8px; height:8px; display:block;} #nav ul li span.new_window3 {position:absolute; top:107px; left:115px; margin:-25px 0 0 0; background:url('/images/syjy/common/window.gif') no-repeat 0 0; width:8px; height:8px; display:block;} #nav ul li span.new_window4 {position:absolute; top:127px; left:115px; margin:-25px 0 0 0; background:url('/images/syjy/common/window.gif') no-repeat 0 0; width:8px; height:8px; display:block;} #nav ul li span.new_window5 {position:absolute; top:221px; left:115px; margin:-25px 0 0 0; background:url('/images/syjy/common/window.gif') no-repeat 0 0; width:8px; height:8px; display:block;} #nav ul li span.new_windowN {margin-left:7px; background:url('/images/syjy/common/window.gif') no-repeat 0 0; width:8px; height:8px; display:inline-block;} /* 2016.07.20 글로벌메뉴 2줄 추가 */ #nav ul li a.line_2 {text-align:center !important;} #nav ul li a.line_2 span {position:relative; top:-9px !important; font-size:15px !important;} /* 푸터 */ #footer_bg {border-top: 1px solid #cbd2e4; margin:20px 0 0 0;} footer {clear:both; position:relative; width:740px; margin:0px auto ; height:116px; } footer div.address_box { position:relative; top:12px !important; float:left; margin:0px 0 0 0 !important; font-size:13px; line-height:26px;} footer div.day { float:right; position:relative; top:10px; right:0px; width:174px; height:50px; background:#fafafa; border:1px solid #e2e2e2;} footer div.day li { padding:4px 5px 4px 10px; border-bottom:1px solid #e2e2e2; font-size:11px;} footer div.day li.nobg {border-bottom:0px;} footer div.day li strong { padding:0 30px 0 0; } footer div.day li span { float:right; position:relative; right:5px; } footer div.day li span.red { color:#bd2301;} /* 사회복무요원 스토리 이미지 */ #img_layout {display:inline;} #img_layout>a>img {margin-bottom:20px; box-shadow:-5px 5px 5px #d4d4d4;} #img_layout>a .center_img {margin:0 5px 20px 5px; box-shadow:0px 0px 0px #d4d4d4;} .skip_t {position:absolute !important; overflow:hidden !important; height:0 !important; width:0 !important; font-size:0 !important; visibility:hidden !important;} .skip_tt {position:absolute !important; overflow:hidden !important; height:0 !important; width:0 !important; font-size:0 !important; visibility:hidden !important; display:none !important;} } /* 스마트폰 공통 */ /* 639 추가 */ @media (min-width:497px) and (max-width:756px) { .skip {position:absolute; overflow:hidden; height:0; width:0; font-size:0; visibility:hidden;} .s_bg {position:absolute; overflow:hidden; height:0; width:0; font-size:0; visibility:hidden;} .a_bg {position:absolute; overflow:hidden; height:0; width:0; font-size:0; visibility:hidden;} .skip_img1 {position:absolute; overflow:hidden; height:0; width:0; font-size:0; visibility:hidden;} /* 전체 그룹 */ body { background:#ffffff !important;} #wrapper { } .wrap { margin:0 auto; width:100%; } /* 최 상단 그룹 */ #mobileTop {width: 100%; height: 40px; background-color: #41558a;} #mobileTop li{padding: 9px 5px 0px 15px; float: left; color:#fff;} #mobileTop li img{vertical-align : middle; margin-bottom : 3px;} /* 메인 검색 */ #top_gnb ul.search { float:left; position:relative; background:#41558a; width:96%; height:40px; top:55px; border-right:1px solid #2d3136; margin:0 2% 0 2%} #top_gnb ul.search li:first-child { float:left; width:85%; height:40px;} /* 검색어 입력란 */ #top_gnb ul.search li { float:right; height:40px; } #top_gnb ul.search li input.text { font-family:NanumGothic; margin:7px 0 0 9px; width:90%; height:22px; padding:0 0 2px 0; border:1px solid #29324f; color:#222222; -webkit-appearacne: none; -webkit-border-radius: 0;} #top_gnb ul.search li input.text::-webkit-input-placeholder {color:#222222;} #top_gnb ul.search li input.text:-moz-placeholder {color:#222222;} #top_gnb ul.search li input.text::-moz-placeholder {color:#222222;} #top_gnb ul.search li input.text:-ms-input-placeholder {color:#222222;} #top_gnb ul.search li input.img { width:39px; margin:0 0 0 8px;} /* 모바일 메뉴 */ .mobileMenu {display:none} .topBtnMobile{display:none} .button_site {position:absolute; z-index:2; top:50px; right:10px; background:none; width:30px; height:30px; border:none; padding:0; margin:0;} .mobileBg{display:none; position:absolute; top:0; left:0; z-index:222; width:100%; height:100%; padding:0; margin:0; background:#000; /* -ms-filter:alpha(opacity=0); -moz-opacity:0; filter:alpha(opacity=0); */ opacity:0;} .mobileBg img{position:absolute; top:0; right:0; z-index:222; width:640px; border:0 none;} .mobileMenu {position:absolute; z-index:333; top:0; right:0; width:260px; height:100%; padding-bottom:0px; background:#f5f9fc !important;} .mobileMenu > div {height:32px; overflow:hidden;} .mobileMenu > div a {display:block; float:left; height:34px; line-height:34px; width:118px; text-align:center; font-size:12px; color:#c9c9c9; background:#2c2928} .mobileMenu > div a + a {display:none;} .mobileMenu > div button {float:right; text-align:right; font-family:NanumGothic; padding:0 10px 0 0; margin:0; height:32px; width:100%; background:#6a747c url(/images/syjy/common/arrow_close.png) no-repeat 84% 55%; background-size:11px 11px; border:none; color:#ffffff;} .mobileMenu > ul ul {display:none} .mobileMenu > ul ul ul {border-bottom:1px solid #c8c8c8;} .mobileMenu > ul > li {border-top:0px solid #cacaca;} .mobileMenu > ul > li a {display:block; font-size:15px; font-weight:bold; min-height:20px; line-height:140%; padding:10px 15px 10px 15px; border-bottom:1px solid #6c7ab9; background:#f5f9fc url(/images/syjy/common/1depth_arrow_plus.png) no-repeat 95% 50%; background-size:9px 15px; color:#4658a7;} .mobileMenu > ul > li.active > a {background:#f5f9fc url(/images/syjy/common/1depth_arrow_displus.png) no-repeat 95% 50%; background-size:15px 9px;} .mobileMenu > ul > li.jbcy a {display:block; font-size:15px; font-weight:bold; min-height:20px; line-height:140%; padding:10px 15px 10px 15px; border-bottom:1px solid #6c7ab9; background:#05736f url(/images/syjy/common/1depth_arrow_plus_jbcy.png) no-repeat 95% 50%; background-size:9px 15px; color:#ffffff;} .mobileMenu > ul > li.jbcy.active > a {background:#05736f url(/images/syjy/common/1depth_arrow_displus_jbcy.png) no-repeat 95% 50%; background-size:15px 9px; color:#ffffff;} .mobileMenu > ul > li.jbcy li a {min-height:20px; line-height:110%; padding:8px 8px 6px 14px; color:#4d4d4d; font-weight:normal; border-bottom:1px solid #cacaca; border-top:0; border-left:1px solid #dadada;} .mobileMenu > ul > li.syjy a {display:block; font-size:15px; font-weight:bold; min-height:20px; line-height:140%; padding:10px 15px 10px 15px; border-bottom:1px solid #6c7ab9; background:#37568f url(/images/syjy/common/1depth_arrow_plus_jbcy.png) no-repeat 95% 50%; background-size:9px 15px; color:#ffffff;} .mobileMenu > ul > li.syjy.active > a {background:#37568f url(/images/syjy/common/1depth_arrow_displus_jbcy.png) no-repeat 95% 50%; background-size:15px 9px; color:#ffffff;} .mobileMenu > ul > li.syjy li a {min-height:20px; line-height:110%; padding:8px 8px 6px 14px; color:#4d4d4d; font-weight:normal; border-bottom:1px solid #cacaca; border-top:0; border-left:1px solid #dadada;} .mobileMenu > ul > li li a {min-height:20px; line-height:110%; padding:8px 8px 6px 14px; color:#4d4d4d; font-weight:normal; border-bottom:1px solid #cacaca; border-top:0; border-left:1px solid #dadada } .mobileMenu > ul > li li.disPlus a {background:#f6f6f6;} .mobileMenu > ul > li li.plus a {background:#f6f6f6 url(/images/syjy/common/2depth_arrow_plus.png) no-repeat 95% 50%; background-size:19px 19px;} .mobileMenu > ul > li li.on > a {color:#4d4d4d; background:#fff;} .mobileMenu > ul > li li.active a {background:#f6f6f6 url(/images/syjy/common/2depth_arrow_displus.png) no-repeat 95% 50%; background-size:19px 19px;} .mobileMenu > ul > li li.active li a {min-height:20px; line-height:110%; padding:10px 8px 0px 23px; font-size:12px; background:#fff url(/images/syjy/common/bullet_01.gif) no-repeat 6% 15px; background-size:2px 2px; color:#4d4d4d;border-top:0; border-bottom:0;} .mobileMenu > ul > li li.active li.active > a {color:#000; font-weight:bold } .mobileMenu > ul > li li li:first-child a{ } .mobileMenu > ul > li li li:last-child a{padding-bottom:10px; background:#fff url(/images/syjy/common/bullet_01.gif) no-repeat 6% 15px;} .mobileMenu > ul > li span.new_windowN {margin-left:7px; background:url('/images/syjy/common/window.gif') no-repeat 0 0; width:8px; height:8px; display:inline-block;} /* 상단 */ #header { height:63px; background:#fff !important;} /* #header { height:63px; background:#fff !important; display:block; position:fixed; z-index:999; top:0;} */ /* 로고 */ #logo { position:absolute; top:45px; left:10px;} /* 병무청 홈페이지, 병무민원포탈, 공개/개발포털 */ #top_gnb ul.gnb {float:right; position:relative; margin:15px 0 0 0; } #top_gnb ul.gnb li {float:left; } #top_gnb ul.gnb li a { color:#3e4347; display:block; } #top_gnb ul.gnb li.bg { position:relative !important; top:0px !important; right:30px !important; padding:0px 20px 0 10px; width:90px; color:#fff; text-align:center; } #top_menu_text { position:absolute; top:30px; right:20px; background:#f6f6f6; width:88px; text-align:left !important; border:1px solid #b8cbcf; display:none; z-index:1000;} #top_menu_text li { float:none !important; letter-spacing:-3px; } #top_menu_text li a {color:#535353 !important; padding:3px 5px 3px 5px; } #top_menu_text li a:hover { background:#e7e7e7;} #m_lnb { float:right; position:absolute; top:15px; left:110px; } /* 메뉴 */ /* mainHead-topmenu */ .nav_m{ position:absolute; top:50px; width:100%;margin:0 auto; padding-top:11px; z-index:98; display:none;} .nav_m>ul{ padding:0 0 22px 0px; margin:0px 0 0 0px; width:100%; overflow:hidden;} /* 硫붾돱�쇱씤 �믪씠 59�쎌� */ .nav_m>ul>li{ width:100%; text-align:left; padding:0px 0 0px 10px; background:#f5f9fc; border-top:1px solid #6c7ab9; font-size:18px; font-weight:normal; } .nav_m>ul>li a { display:block; color:#000; padding:15px 0 15px 10px;} .nav_m>ul>li>div>ul { display:block; width:100% !important; min-height:200px !important; margin:0px 0 0 -10px; background:#fff; border-top:1px solid #cacaca; border-bottom:1px solid #cacaca; font-size:14px !important;} .nav_m>ul>li>div>ul>li { float:left; padding:0px 0 0px 0px !important; width:48% !important; } .nav_m>ul>li>div>ul>li a {} /* 메뉴 */ /* mainHead-topmenu #lnb {position:absolute; top:0px; left:200px; width:800px; height:60px; z-index:600;} #lnb ul {padding:17px 0 0 0px; margin:0;} #lnb ul li {position:relative; float:left; display:inline; margin:0; padding:0 25px 0 0; text-align:center; font-size:18px; letter-spacing:-3px; } #lnb ul li.on a {color:#0282bd;} #lnb ul li.nobg {background:none;} #lnb ul li a:hover {color:#0176d0;} #lnb ul #top1m_first,#lnb ul #top1m_last {background:none;} #lnb ul #top1m_last {padding-left:0px;} .lnb_2depth_bg {position:absolute; left:0; top:96px; height:426px; width:100%; background:#fff; z-index:100; border-bottom:1px solid #d9e0e3;} */ /* mainHead-topmenu-2depth #lnb ul ul {display:none; position:absolute; left:0px; height:400px; padding:40px 0 0 ;margin:0; z-index:1700;} #lnb ul ul li {float:none !important; position:relative; display:inline-block; margin:0 0 0 0px; padding:0 0px 0 0px; z-index:1100; font-weight:normal; background:none; text-align:left; ;} #lnb ul ul li a {display:block; padding:2px 0px 2px 12px; white-space:nowrap; color:#565656 !important; text-decoration:none; white-space:inherit; font-size:13px;} #lnb ul ul li a:hover {color:#ffffff !important; background:#0282bd url('/images/syjy/common/lnb_link_bg.gif') no-repeat left top;} #lnb ul ul li a.on {color:#fff !important; font-weight:bold; height:25px; text-decoration:none; background:url('/images/syjy/common/lnb_li_left_on_bg.gif') no-repeat left 5px;} #lnb ul ul li a.on span {background:url('/images/syjy/common/lnb_li_right_on_bg.gif') no-repeat right 0; height:22px; padding:3px 25px 0 0px;} #lnb div.lnb_close {display:none; position:absolute; left:0px; top:150px; z-index:1000;} */ /* 푸터 */ #footer_bg { background:#585858; color:#fff !important; font-size:12px;} footer {clear:both; position:relative; width:96%; margin:0px auto ; height:123px; } footer div.address_box { float:left; margin:15px 0 0 10px; } .footer_link ul { float:left; width:96%; clear:both} .footer_link li { float:left; padding:10px 0 0 10px;} .skip_t { position:relative !important; overflow:visible !important; height:auto !important; width:auto !important; visibility:visible !important;} .skip_tt { position:relative !important; overflow:visible !important; height:auto !important; width:auto !important; visibility:visible !important;} .skip_m {position:absolute !important; overflow:hidden !important; height:0 !important; width:0 !important; font-size:0 !important; visibility:hidden !important;} .skip_mt {position:absolute !important; overflow:hidden !important; height:0 !important; width:0 !important; font-size:0 !important; visibility:hidden !important; display:none !important;} div.layerPopup {position:absolute !important; overflow:hidden !important; height:0 !important; width:0 !important; font-size:0 !important; visibility:hidden !important;} /* 이미지 */ #img_layout {display:inline;} #img_layout>a>img {margin-bottom:20px; box-shadow:-5px 5px 5px #d4d4d4;} #img_layout>a .center_img {margin:0 5px 20px 5px; box-shadow:0px 0px 0px #d4d4d4;} } @media (min-width:0px) and (max-width:496px) { #mobileTop {width: 100%; height: 40px; background-color: #41558a;} #mobileTop li{padding: 9px 5px 0px 15px; float: left; color:#fff; font-size:10px;} #mobileTop li img{vertical-align : middle; margin-bottom : 3px;} .skip {position:absolute; overflow:hidden; height:0; width:0; font-size:0; visibility:hidden;} .s_bg {position:absolute; overflow:hidden; height:0; width:0; font-size:0; visibility:hidden;} .a_bg {position:absolute; overflow:hidden; height:0; width:0; font-size:0; visibility:hidden;} .skip_img1 {position:absolute; overflow:hidden; height:0; width:0; font-size:0; visibility:hidden;} .top_menu { position:absolute !important; overflow:hidden !important; height:0 !important; width:0 !important; font-size:0 !important; visibility:hidden !important;} /* 전체 그룹 */ body { background:#ffffff !important; min-width:320px;} #wrapper { } .wrap { margin:0 auto; width:100%;} /* 메인 검색 */ #top_gnb ul.search { float:left; position:relative; background:#41558a; width:95%; height:40px; top:55px; border-right:1px solid #2d3136; margin:0 2% 0 2%} #top_gnb ul.search li:first-child { float:left; width:83%; height:40px;} /* 검색어 입력란 */ #top_gnb ul.search li { float:right; height:40px; } #top_gnb ul.search li input.text { font-family:NanumGothic; margin:7px 0 0 9px; width:90%; height:22px; padding:0 0 2px 0; border:1px solid #29324f; color:#222222; -webkit-appearance:none; -webkit-border-radius:0;} #top_gnb ul.search li input.text::-webkit-input-placeholder {color:#222222;} #top_gnb ul.search li input.text:-moz-placeholder {color:#222222;} #top_gnb ul.search li input.text::-moz-placeholder {color:#222222;} #top_gnb ul.search li input.text:-ms-input-placeholder {color:#222222;} #top_gnb ul.search li input.img { width:39px; margin:0 0 0 8px;} /* 모바일 메뉴 */ .mobileMenu {display:none} .topBtnMobile{display:none} /* .button_site {position:absolute; z-index:2; top:15px; right:10px; background:none; width:30px; height:30px; border:none; padding:0; margin:0;} */ .button_site {position:absolute; z-index:2; top:50px; right:10px; background:none; width:30px; height:30px; border:none; padding:0; margin:0;} .mobileBg{display:none; position:absolute; top:0; left:0; z-index:222; width:100%; height:100%; padding:0; margin:0; background:#000; /* -ms-filter:alpha(opacity=0); -moz-opacity:0; filter:alpha(opacity=0); */ opacity:0;} .mobileBg img{position:absolute; top:0; right:0; z-index:222; width:640px; border:0 none;} .mobileMenu {position:absolute; z-index:333; top:0; right:0; width:260px; height:100%; padding-bottom:0px; background:#f5f9fc !important;} .mobileMenu > div {height:32px; overflow:hidden;} .mobileMenu > div a {display:block; float:left; height:34px; line-height:34px; width:118px; text-align:center; font-size:12px; color:#c9c9c9; background:#2c2928} .mobileMenu > div a + a {display:none;} .mobileMenu > div button {float:right; text-align:right; font-family:NanumGothic; padding:0 10px 0 0; margin:0; height:32px; width:100%; background:#6a747c url(/images/syjy/common/arrow_close.png) no-repeat 84% 55%; background-size:11px 11px; border:none; color:#ffffff;} .mobileMenu > ul ul {display:none} .mobileMenu > ul ul ul {border-bottom:1px solid #c8c8c8;} .mobileMenu > ul > li {border-top:0px solid #cacaca;} .mobileMenu > ul > li a {display:block; font-size:15px; font-weight:bold; min-height:20px; line-height:140%; padding:10px 15px 10px 15px; border-bottom:1px solid #6c7ab9; background:#f5f9fc url(/images/syjy/common/1depth_arrow_plus.png) no-repeat 95% 50%; background-size:9px 15px; color:#4658a7;} .mobileMenu > ul > li.active > a {background:#f5f9fc url(/images/syjy/common/1depth_arrow_displus.png) no-repeat 95% 50%; background-size:15px 9px;} .mobileMenu > ul > li.jbcy a {display:block; font-size:15px; font-weight:bold; min-height:20px; line-height:140%; padding:10px 15px 10px 15px; border-bottom:1px solid #6c7ab9; background:#05736f url(/images/syjy/common/1depth_arrow_plus_jbcy.png) no-repeat 95% 50%; background-size:9px 15px; color:#ffffff;} .mobileMenu > ul > li.jbcy.active > a {background:#05736f url(/images/syjy/common/1depth_arrow_displus_jbcy.png) no-repeat 95% 50%; background-size:15px 9px; color:#ffffff;} .mobileMenu > ul > li.jbcy li a {min-height:20px; line-height:110%; padding:8px 8px 6px 14px; color:#4d4d4d; font-weight:normal; border-bottom:1px solid #cacaca; border-top:0; border-left:1px solid #dadada;} .mobileMenu > ul > li.syjy a {display:block; font-size:15px; font-weight:bold; min-height:20px; line-height:140%; padding:10px 15px 10px 15px; border-bottom:1px solid #6c7ab9; background:#37568f url(/images/syjy/common/1depth_arrow_plus_jbcy.png) no-repeat 95% 50%; background-size:9px 15px; color:#ffffff;} .mobileMenu > ul > li.syjy.active > a {background:#37568f url(/images/syjy/common/1depth_arrow_displus_jbcy.png) no-repeat 95% 50%; background-size:15px 9px; color:#ffffff;} .mobileMenu > ul > li.syjy li a {min-height:20px; line-height:110%; padding:8px 8px 6px 14px; color:#4d4d4d; font-weight:normal; border-bottom:1px solid #cacaca; border-top:0; border-left:1px solid #dadada;} .mobileMenu > ul > li li a {min-height:20px; line-height:110%; padding:8px 8px 6px 14px; color:#4d4d4d; font-weight:normal; border-bottom:1px solid #cacaca; border-top:0; border-left:1px solid #dadada } .mobileMenu > ul > li li.disPlus a {background:#f6f6f6;} .mobileMenu > ul > li li.plus a {background:#f6f6f6 url(/images/syjy/common/2depth_arrow_plus.png) no-repeat 95% 50%; background-size:19px 19px;} .mobileMenu > ul > li li.on > a {color:#4d4d4d; background:#fff;} .mobileMenu > ul > li li.active a {background:#f6f6f6 url(/images/syjy/common/2depth_arrow_displus.png) no-repeat 95% 50%; background-size:19px 19px;} .mobileMenu > ul > li li.active li a {min-height:20px; line-height:110%; padding:10px 8px 0px 23px; font-size:12px; background:#fff url(/images/syjy/common/bullet_01.gif) no-repeat 6% 15px; background-size:2px 2px; color:#4d4d4d;border-top:0; border-bottom:0;} .mobileMenu > ul > li li.active li.active > a {color:#000; font-weight:bold } .mobileMenu > ul > li li li:first-child a{ } .mobileMenu > ul > li li li:last-child a{padding-bottom:10px; background:#fff url(/images/syjy/common/bullet_01.gif) no-repeat 6% 15px;} .mobileMenu > ul > li li a {min-height:20px; line-height:110%; padding:8px 8px 6px 14px; color:#4d4d4d; font-weight:normal; border-bottom:1px solid #cacaca; border-top:0; border-left:1px solid #dadada } .mobileMenu > ul > li li.disPlus a {background:#f6f6f6;} .mobileMenu > ul > li li.plus a {background:#f6f6f6 url(/images/syjy/common/2depth_arrow_plus.png) no-repeat 95% 50%; background-size:19px 19px;} .mobileMenu > ul > li li.on > a {color:#4d4d4d; background:#fff;} .mobileMenu > ul > li li.active a {background:#f6f6f6 url(/images/syjy/common/2depth_arrow_displus.png) no-repeat 95% 50%; background-size:19px 19px;} .mobileMenu > ul > li li.active li a {min-height:20px; line-height:110%; padding:10px 8px 0px 23px; font-size:12px; background:#fff url(/images/syjy/common/bullet_01.gif) no-repeat 6% 15px; background-size:2px 2px; color:#4d4d4d;border-top:0; border-bottom:0;} .mobileMenu > ul > li li.active li.active > a {color:#000; font-weight:bold } .mobileMenu > ul > li li li:first-child a{ } .mobileMenu > ul > li li li:last-child a{padding-bottom:10px; background:#fff url(/images/syjy/common/bullet_01.gif) no-repeat 6% 15px;} .mobileMenu > ul > li span.new_windowN {margin-left:7px; background:url('/images/syjy/common/window.gif') no-repeat 0 0; width:8px; height:8px; display:inline-block;} /* 상단 */ #header { height:63px; background:#fff !important;} /* 로고 */ #logo { position:absolute; top:40px; left:10px;} /* 병무청 홈페이지, 병무민원포탈, 공개/개발포털 */ #top_gnb ul.gnb {float:right; position:relative; margin:15px 0 0 0; } #top_gnb ul.gnb li {float:left; } #top_gnb ul.gnb li a { color:#3e4347; display:block; } #top_gnb ul.gnb li.bg { position:relative !important; top:0px !important; right:30px !important; padding:0px 20px 0 10px; width:90px; color:#fff; text-align:center; } #top_menu_text { position:absolute; top:30px; right:20px; background:#f6f6f6; width:88px; text-align:left !important; border:1px solid #b8cbcf; display:none; z-index:1000;} #top_menu_text li { float:none !important; letter-spacing:-3px; } #top_menu_text li a {color:#535353 !important; padding:3px 5px 3px 5px; } #top_menu_text li a:hover { background:#e7e7e7;} #m_lnb { float:right; position:absolute; top:15px; left:110px; } /* 메뉴 */ /* mainHead-topmenu */ .nav_m{ position:absolute; top:50px; width:100%;margin:0 auto; padding-top:11px; z-index:98; display:none;} .nav_m>ul{ padding:0 0 22px 0px; margin:0px 0 0 0px; width:100%; overflow:hidden;} /* 硫붾돱�쇱씤 �믪씠 59�쎌� */ .nav_m>ul>li{ width:100%; text-align:left; padding:0px 0 0px 10px; background:#f5f9fc; border-top:1px solid #6c7ab9; font-size:18px; font-weight:normal; } .nav_m>ul>li a { display:block; color:#000; padding:15px 0 15px 10px;} .nav_m>ul>li>div>ul { display:block; width:100% !important; min-height:200px !important; margin:0px 0 0 -10px; background:#fff; border-top:1px solid #cacaca; border-bottom:1px solid #cacaca; font-size:14px !important;} .nav_m>ul>li>div>ul>li { float:left; padding:0px 0 0px 0px !important; width:48% !important; height:24px !important;} .nav_m>ul>li>div>ul>li a {} /* 메뉴 */ /* mainHead-topmenu #lnb {position:absolute; top:0px; left:200px; width:800px; height:60px; z-index:600;} #lnb ul {padding:17px 0 0 0px; margin:0;} #lnb ul li {position:relative; float:left; display:inline; margin:0; padding:0 25px 0 0; text-align:center; font-size:18px; letter-spacing:-3px; } #lnb ul li.on a {color:#0282bd;} #lnb ul li.nobg {background:none;} #lnb ul li a:hover {color:#0176d0;} #lnb ul #top1m_first,#lnb ul #top1m_last {background:none;} #lnb ul #top1m_last {padding-left:0px;} .lnb_2depth_bg {position:absolute; left:0; top:96px; height:426px; width:100%; background:#fff; z-index:100; border-bottom:1px solid #d9e0e3;} */ /* mainHead-topmenu-2depth #lnb ul ul {display:none; position:absolute; left:0px; height:400px; padding:40px 0 0 ;margin:0; z-index:1700;} #lnb ul ul li {float:none !important; position:relative; display:inline-block; margin:0 0 0 0px; padding:0 0px 0 0px; z-index:1100; font-weight:normal; background:none; text-align:left; ;} #lnb ul ul li a {display:block; padding:2px 0px 2px 12px; white-space:nowrap; color:#565656 !important; text-decoration:none; white-space:inherit; font-size:13px;} #lnb ul ul li a:hover {color:#ffffff !important; background:#0282bd url('/images/syjy/common/lnb_link_bg.gif') no-repeat left top;} #lnb ul ul li a.on {color:#fff !important; font-weight:bold; height:25px; text-decoration:none; background:url('/images/syjy/common/lnb_li_left_on_bg.gif') no-repeat left 5px;} #lnb ul ul li a.on span {background:url('/images/syjy/common/lnb_li_right_on_bg.gif') no-repeat right 0; height:22px; padding:3px 25px 0 0px;} #lnb div.lnb_close {display:none; position:absolute; left:0px; top:150px; z-index:1000;} */ /* 푸터 */ #footer_bg { background:#585858; color:#fff !important; font-size:12px;} footer {clear:both; position:relative; width:100%; margin:20px auto ; height:123px; } footer div.address_box { float:left; margin:15px 0 0 10px; } .footer_link ul { float:left; width:100%; clear:both} .footer_link li { float:left; padding:10px 0 0 10px;} .skip_t { position:relative !important; overflow:visible !important; height:auto !important; width:auto !important; visibility:visible !important;} .skip_tt { position:relative !important; overflow:visible !important; height:auto !important; width:auto !important; visibility:visible !important;} .skip_m {position:absolute !important; overflow:hidden !important; height:0 !important; width:0 !important; font-size:0 !important; visibility:hidden !important;} .skip_mt {position:absolute !important; overflow:hidden !important; height:0 !important; width:0 !important; font-size:0 !important; visibility:hidden !important; display: none !important;} div.layerPopup {position:absolute !important; overflow:hidden !important; height:0 !important; width:0 !important; font-size:0 !important; visibility:hidden !important;} /* 사회복무요원 스토리 이미지 */ #img_layout {display:inline;} #img_layout>a>img {margin-bottom:20px; box-shadow:-5px 5px 5px #d4d4d4;} #img_layout>a .center_img {margin:0 5px 20px 5px; box-shadow:0px 0px 0px #d4d4d4;} } /* Layout */ #accessibility-foot {position:absolute; visibility:hidden; overflow:hidden; width:0; height:0; font-size:0%;} #accessibility {overflow:hidden;position:absolute;width:100%;z-index:1000;} #accessibility a{display:block;overflow:hidden;height:1px;width:1px;margin:0 -1px -1px 0;font-size:0;line-height:0;text-align:center} #accessibility a:focus, #accessibility a:hover, #accessibility a:active {width:auto;height:31px;margin:0;padding:8px 0 0 15px;background:#20262c;font-size:12px;font-weight:700;line-height:2;color:#fff;} .clearfix:after {display:block; clear:both; content:"."; visibility:hidden; height:0;} .clearfix {display: inline-block;} * html .clearfix .clearfix1 {height: 1%;} .clearfix {display: block;} .clearfix1:after {display:block; clear:both; content:""; visibility:hidden; height:0;} .clearfix1 {display: block;} .both {clear:both;} .hide {display:none;} .image {vertical-align:top;} a:focus { z-index:10;} legend {position:absolute; visibility:hidden; overflow:hidden; width:0; height:0; font-size:0%;} caption {/* position:absolute; visibility:hidden;*/ overflow:hidden; width:0; height:0; text-indent: -9999px; /* font-size:0%; */} .skip_tablet {position:absolute; overflow:hidden; height:0; width:0; font-size:0; visibility:hidden;}