p.errer span.middle a {font-size:13px !important;} /********************************** Media Queries **********************************/ /* 웹 */ @media (min-width:1017px){ /* 전체 그룹 */ body { background:url('/images/syjy/main/main2_background_bg_blue.gif') repeat-x center 0 ;} #mobileTop {display:none;} /* 모바일 메뉴 */ .mobileMenu {display:none} .topBtnMobile{display:none} .button_site {display:none} /* 선택영역 */ /* 컨텐츠 그룹 */ #secrion { } #secrion #container_box0 { float:left; position:relative; width:215px; height:714px; } #secrion #container_box1 { float:left; position:relative; margin:0 0 0 15px; width:540px; height:820px;} #secrion #container_box2 { float:left; position:relative; margin:0 0 0 15px; width:215px; height:714px; } #secrion #container_box3 { display:none !important; position:absolute; overflow:hidden !important; height:0 !important; width:0 !important; font-size:0 !important; visibility:hidden;} #secrion #container_box4 { float:left; position:relative; margin:5px 0 10px 0; width:1000px;} #secrion #affiliation { margin-right: 0px; } #secrion select { float: left; width: 188px; height: 30px; margin: 0 15px 10px 0; } /* 민원서식 앱 인증서 */ #left_box_group {float:left; position:relative; margin:0 0 15px 0; display:inline; width:213px; height:95px; background:#f6f7fb; border:1px solid #cbd2e4;} #left_box_group ul {display:inline; float:left; position:relative; left:0px; width:215px; margin:0px; } #left_box_group ul li { float:left; z-index:10; background:url('/images/syjy/main/board_more_off.gif') no-repeat 80px 16px;} #left_box_group ul li.on{ border-bottom:3px solid #6c7ab9;} #left_box_group ul li a.nobg{ background:none !important;} #left_box_group ul li img {vertical-align:middle;} #left_box_group ul li span {/* float:left; */ font-size:16px; color:#000; display: inline-block; width:83px; height:26px; padding:10px 10px 7px 10px;} #left_box_group .left_box_text1{} #left_box_group .left_box_text2{background: url('/images/syjy/main/i-counseling-01.png') no-repeat 0px 5px;} #left_box_group .left_box_text2 a{position: relative; left: 26px; display: inline-block; font-size: 14px;} #left_box_group ul div.tabcontent {position: relative; /* top: 44px; */ left:0px; display:block; width:214px; border-top:1px solid #6c7ab9;} #left_box_group ul ul { width: 215px; position:absolute; left:0px !important; padding-top:9px;} #left_box_group ul ul li {width:95px; height:40px; margin-left: 6px;} #left_box_group ul ul li a {position: relative; top: 6px; left: 34px; display: inline-block; font-size:14px;} #left_box_group ul ul li span {float:right; font-size:12px; color:#767676; font-family:Tahoma; margin-top:4px;} /* #left_box_group p a { width:17px !important; height:24px !important; line-height:20px !important; background:none !important; padding:0 0 0 10px !important;} */ #left_box_group .left_box_link01{background: url('/images/syjy/main/i-counseling-02.png') no-repeat 0px 2px; letter-spacing: -0.03em;} #left_box_group .left_box_link01 a{left:36px;} #left_box_group .left_box_link02{background: url('/images/syjy/main/i-counseling-03.png') no-repeat 0px 2px; letter-spacing: -0.04em;} #left_box_group p.mone1 { position:absolute; top:10px; left:80px;} #left_box_group ul ul { width: 215px; position:absolute; left:0px !important; padding-top:9px;} .left_site_group .left_box_link01{background: url('/images/syjy/main/i-counseling-02.png') no-repeat 0px 2px; letter-spacing: -0.03em; width: 95px; height: 40px; display: inline-block;} .left_site_group .left_box_link02{background: url('/images/syjy/main/i-counseling-03.png') no-repeat 0px 2px; letter-spacing: -0.03em; width: 95px; height: 40px; display: inline-block;} .left_site_group div.tabcontent {position: relative; /* top: 44px; */ left:0px; display:block; width:214px;} .left_site_group { float:left; position:relative; width:213px; height:136px; background:#f6f7fb; border:1px solid #cbd2e4; margin-top: 10px;} .left_site_group h2 { padding:13px 0 0 28px; width:116px; height:36px;} .left_site_group h3 { padding: 5px 0px 5px 10px; border-bottom: 1px solid #6c7ab9; background: url('/images/syjy/main/board_more_off.gif') no-repeat 80px center; } .left_site_group ul { padding:0px 0 0 10px;} .left_site_group ul ul { width: 215px; position:absolute; left:0px !important; padding-left: 0;} .left_site_group li { width:100%; height:35px; margin-top:6px;} .left_site_group li a { color:#000000; position:absolute; margin-top: 9px; margin-left:34px; display: inline-block; font-size: 14px;} .left_site_group .right_box_link01{background: none; width: 33px; height: 40px; margin: 8px 15px 0 6px; display: inline-block;} .left_site_group .right_box_link01 a{margin: 0 0 0 0; width: 33px; height: 40px;} .left_site_group .right_box_link02{background: none; width: 33px; height: 40px; margin: 0 15px 0 0; display: inline-block;} .left_site_group .right_box_link02 a{margin: 0 0 0 0; width: 33px; height: 40px;} .left_site_group .right_box_link03{background: none; width: 33px; height: 40px; margin: 0 15px 0 0; display: inline-block;} .left_site_group .right_box_link03 a{margin: 0 0 0 0; width: 33px; height: 40px;} .left_site_group .right_box_link04{background: none; width: 33px; height: 40px; margin: 0 15px 0 0; display: inline-block;} .left_site_group .right_box_link04 a{margin: 0 0 0 0; width: 33px; height: 40px;} .left_site_group .left_site_link04{/* background: url('/images/syjy/main/left/left_img04.png') no-repeat 0px 3px; */} /* .left_site_group .left_site_link05{background: url('/images/syjy/main/left/left_img05.png') no-repeat 0px 3px;} .left_site_group .left_site_link06{background: url('/images/syjy/main/left/left_img06.png') no-repeat 0px 3px;} */ .left_site_group .left_site_link07{/* background: url('/images/syjy/main/left/left_img07.png') no-repeat 0px 3px; */} .left_site_group .left_site_link08{background: url('/images/syjy/main/left/left_img08.png') no-repeat 0px 3px;} .left_site_group .left_site_link09{background: url('/images/syjy/main/left/left_img09.png') no-repeat 0px 3px;} .left_site_group .left_site_link10{background: url('/images/syjy/main/left/left_img10.png') no-repeat 0px 3px;} .left_site_group .left_site_link13{background: url('/images/syjy/main/left/left_img13.png') no-repeat 0px 3px;} .left_site_group .left_site_link14{background: url('/images/syjy/main/left/left_img14.png') no-repeat 0px 3px;} .left_site_group .left_site_link15{background: url('/images/syjy/main/left/left_img15.png') no-repeat 0px 3px;} .left_site_group .left_site_link05 .left_box_link01{background: url('/images/syjy/main/left/left_img05.png') no-repeat 0px 3px;} .left_site_group .left_site_link05 .left_box_link01 a{font-size:11px;} .left_site_group .left_site_link05 .left_box_link02{background: url('/images/syjy/main/left/left_img06.png') no-repeat 0px 3px;} /* 민원포탈 전용 */ .left_site_group_mw { float:left; position:relative; width:213px; height:158px; background:#f6f7fb; border:1px solid #cbd2e4; margin-top: 10px;} .left_site_group_mw h2 { padding:13px 0 0 28px; width:116px; height:36px;} .left_site_group_mw h3 { padding: 5px 0px 5px 10px; border-bottom: 1px solid #6c7ab9; background: url('/images/syjy/main/board_more.gif') no-repeat 80px center; } .left_site_group_mw ul { padding:0px 0 0 10px;} .left_site_group_mw ul ul { width: 215px; position:absolute; left:0px !important; padding-left: 0;} .left_site_group_mw li { width:100%; height:35px; margin-top:3px;} .left_site_group_mw li a { color:#000000; position:absolute; margin-top: 9px; margin-left:37px; display: inline-block; font-size: 14px;} .left_site_group_mw div.tabcontent {position: relative; /* top: 44px; */ left:0px; display:block; width:214px;} .left_site_group_mw .left_site_link01 h3{padding: 0px 0px 0px 0px; border-bottom: 0px solid #41558a; } .left_site_group_mw .left_site_link01{background: url('/images/syjy/main/left/left_img01.png') no-repeat 0px 3px;} .left_site_group_mw .left_site_link02{background: url('/images/syjy/main/left/left_img02.png') no-repeat 0px 3px;} .left_site_group_mw .left_site_link03{background: url('/images/syjy/main/left/left_img03.png') no-repeat 0px 3px;} .left_site_group_mw .left_site_link11{background: url('/images/syjy/main/left/left_img11.png') no-repeat 0px 3px;} .left_site_group_mw div.tabcontent {position: relative; /* top: 44px; */ left:0px; display:block; width:214px;} .left_site_group_mw .left_box_link01{background: url('/images/syjy/main/left/left_img01.png') no-repeat 0px 2px; letter-spacing: -0.03em; width: 95px; height: 40px; display: inline-block;} .left_site_group_mw .left_box_link02{background: url('/images/syjy/main/left/left_img02.png') no-repeat 0px 2px; letter-spacing: -0.03em; width: 95px; height: 40px; display: inline-block;} /* 공개개방 전용 */ .left_site_group_open { float:left; position:relative; width:213px; height:85px; background:#f6f7fb; border:1px solid #cbd2e4; margin-top: 10px;} .left_site_group_open h3 { padding: 5px 0px 5px 10px; border-bottom: 1px solid #6c7ab9; background: url('/images/syjy/main/board_more_off.gif') no-repeat 80px center; } .left_site_group_open ul { padding:0px 0 0 10px;} .left_site_group_open ul ul { width: 215px; position:absolute; left:0px !important; padding-left: 0;} .left_site_group_open li { width:100%; height:37px; margin-top:7px;} .left_site_group_open li a { color:#000000; position:absolute; margin-top: 9px; margin-left:37px; display: inline-block; font-size: 14px;} .left_site_group_open div.tabcontent {position: relative; /* top: 44px; */ left:0px; display:block; width:214px;} .left_site_group_open .left_site_link12{background: url('/images/syjy/main/left/left_img12.png') no-repeat 0px 3px; margin-top:5px;} .left_site_group_open .left_site_link16{background: url('/images/syjy/main/left/left_img16.png') no-repeat 0px 3px; margin-top:5px;} /* 팝업존 */ #pop_group { width:540px; height:355px;} .popup {display:none !important; position:absolute; overflow:hidden !important; height:0 !important; width:0 !important; font-size:0 !important; visibility:hidden; } .popup .img_frame{ position:relative; /* top:19px; */ width:140px; height:240px; overflow:hidden; font-size:0;} .popup .pop_img{ width:10000px; height:121px;} .popup .pop_img li{ float:left; display:inline; width:240px; height:121px;} .popup #pop_chat{background:#f7f7f7; width:240px; height:80px; margin:29px 0 0 0;} #pop_chat div.link_text { margin-left:6px; width:224px; height:76px;} #pop_chat div.link_text p { margin:0 0 0 70px; padding:13px 0 0 0;} #pop_chat div.link_text strong { padding:16px 0 0 0px; font-weight:normal; font-size:14px;} #pop_chat div.link_text a { /* color:#333 !important; */} #pop_chat div.link_text a.link_a { float: left; margin-top: 7px; width: 61px; background: url('/images/syjy/main/m-chatbottak2.gif') no-repeat 0px 1px; height: 70px; text-align: center; font-size: 14px;} #pop_chat div.link_text span {float:left; position:relative; top:2px; width:80px; height:19px; font-size:15px; } #pop_chat div.link_text em { color:#045F5D;} #pop_chat div.link_text dl { width:185px; margin:18px 0 0 20px;} #pop_chat div.link_text span.no1 { float:left; background:url('/images/syjy/main/m-mobi.gif') no-repeat 62px 11px; width:78px; height:19px; font-size:15px; padding:10px 0px 6px 0; margin-left: 5px;} #pop_chat div.link_text span.dd1 {top:11px; left:5px; font-size:16px;} #pop_chat div.link_text span.no2 { float:left; background:url('/images/syjy/main/m-messg.gif') no-repeat 62px 12px; width:78px; height:19px; font-size:15px; padding:6px 0px 6px 0; margin-left: 5px;} #pop_chat div.link_text span.dd2 {top:7px; left:5px; font-size:16px;} .popup_control{ position:absolute; top:0px; } .popup_control li{ float:left; display:inline; /* padding:0 10px 0 0px; */ line-height:0px !important;} #pop_group p { width:240px; margin:29px 0 0 0;} img.image_pop_size {width:240px; height:120px;} #searchField { position:relative; top:11px;} * html #searchField { position:relative; top:-15px;} *:first-child+html #searchField { position:relative; top:-15px;} #searchField select { vertical-align:top; width:205px;} #changeNum {position:absolute; top:5px; left:215px;} /* #pause_pops {position:absolute; top:0px; left:15px;} */ li.next_pop {position:absolute; top:0px; left:33px;} .popup_control .prev_pop {display: block;} .popup_control .prev_pop span {position: absolute; top: 0px; left:0px; width:16px; height: 16px; text-indent: -9999px; cursor: pointer; border:1px solid #d5d6da;} .popup_control .prev_pop span a {width: 16px; height:16px; display: block;} .popup_control .prev_pop span a:focus {border-image: none; width: 16px; height:16px; display: block;} .popup_control .prev_pop span.left {background: url("/images/syjy/main/pop_left.gif") no-repeat center; top: -3px;/* left: 0px; */} .popup_control .next_pop {display: block;} .popup_control .next_pop span {position: absolute; top: 0px; left:0px; width:16px; height: 16px; text-indent: -9999px; cursor: pointer; border:1px solid #d5d6da;} .popup_control .next_pop span a {width: 16px; height:16px; display: block;} .popup_control .next_pop span a:focus {border-image: none; width: 16px; height:16px; display: block;} .popup_control .next_pop span.right {background: url("/images/syjy/main/pop_right.gif") no-repeat center; top:-3px; left: 1px;} .popup_control .pause_pop {position: absolute; left: 17px; top:-3px; width: 16px; height: 16px; overflow: hidden; cursor: pointer; border:1px solid #d5d6da;} .popup_control .pause_pop .pause {background: url("/images/syjy/main/pop_stop.gif") no-repeat center; width:16px; height: 16px; text-indent: -9999em; position: absolute; z-index: 4;} .popup_control .playBtn {position: absolute; left: 17px; top:-3px; width: 16px; height: 16px; overflow: hidden; cursor: pointer; border:1px solid #d5d6da;} .popup_control .playBtn .active.pause {background: url("/images/syjy/main/pop_play.gif") no-repeat center; width:16px; height: 16px; text-indent: -9999em; position: absolute; z-index: 4;} /* 비쥬얼존 이미지 */ .visual_group {float:left; position:absolute; width:160px; height:180px; top:24px;} .visual_group .visual_group_img{ position:relative; /* top:19px; */ width:160px; height:180px; overflow:hidden; font-size:0;} .visual_group .visual_group_img img{ width:100%; height:180px;} #container_box0 div.visual_group_img { height: 118px; } /* 메인 비쥬얼 */ #slides { float:left; width:540px; height:370px;} #slides .bullet { left: 20px; width: 13px; height: 12px; bottom: 30px; overflow: hidden; position: absolute; z-index: 100;} #slides .on.bullet {background-position: -8px 0px;} #slides .focus.bullet {border: 2px solid red; border-image: none;} #slides .event {left: 0px; top: 24px; position: absolute; width:770px; height: 330px;} #slides .event > a {float: left; cursor: default;} #slides .slide_timer {position: absolute; left: 20px; top:-1px; width: 18px; height: 18px; /* overflow: hidden; */ cursor: pointer; border:1px solid #d5d6da; line-height: 0px;} #slides .slide_timer .pause {background: url("/images/syjy/main/pop_stop.gif") no-repeat center; width:18px; height: 18px; text-indent: -9999em; position: absolute; z-index: 4;} #slides .slide_timer .active.pause {background: url("/images/syjy/main/pop_play.gif") no-repeat center;} #featured { overflow: hidden;} div.orbit-wrapper {width: 1px; height: 1px; position: relative;} div.orbit {width: 1px; height: 1px; /* overflow: hidden; */ position: relative; width: 770px; height: 214px;} div.orbit > img {left: 0px; top: 0px; display: none; position: absolute;} div.orbit > a {border: currentColor; border-image: none; left: 0px; top: 0px; line-height: 0; display: none; position: absolute;} .orbit > div {left: 0px; top: 0px; width: 100%; height: 100%; position: absolute;} div.timer {width: 40px; height: 40px; right: 437px; bottom: 10px; overflow: hidden; position: absolute; z-index: 1001; cursor: pointer; opacity: 0.6;} span.rotator { left: -20px; top: 0px; width: 40px; height: 40px; display: block; position: absolute; z-index: 3;} span.mask {top: 0px; width: 20px; height: 40px; right: 0px; overflow: hidden; display: block; position: absolute; z-index: 2;} .orbit-wrapper .orbit-caption {background: rgba(0, 0, 0, 0.6); padding: 7px 0px; width: 100%; text-align: center; right: 0px; bottom: 0px; color: rgb(255, 255, 255); font-size: 13px; position: absolute; z-index: 1000;} div.slider-nav {display: block; /* background: url("/images/syjy/common/noimage_syjy.gif") no-repeat 0px 22px; */ top:-3px;} div.slider-nav span {position: absolute; top:0px; left:0px; width:18px; height: 18px; text-indent: -9999px; cursor: pointer; border:1px solid #d5d6da;} div.slider-nav span a {width: 18px; height:18px; display: block;} div.slider-nav span a:focus {border-image: none; width: 18px; height:18px; display: block;} div.slider-nav span.right {background: url("/images/syjy/main/pop_main_right.gif") no-repeat center; top:2px; left: 39px; line-height: 0px;} div.slider-nav span.left {background: url("/images/syjy/main/pop_main_left.gif") no-repeat center; top:2px; left: 0px; line-height: 0px;} .orbit-bullets {position: absolute; top:2px; right:0px; z-index: 12;} .orbit-bullets li {background: url("/images/syjy/main/pop_bt_off.gif") no-repeat 0px 0px; width: 10px; height: 10px; padding:0 0 0 0; margin:0 0 0 10px; text-indent: -9999px; overflow: hidden; float: left; cursor: pointer;} .orbit-bullets li.active {background: url("/images/syjy/main/pop_bt_on.gif") no-repeat 0px 0px; width: 33px; height: 10px;} .orbit-bullets li.focus {outline: red solid 2px;} .orbit-bullets li.has-thumb {background: none; width: 100px; height: 75px;} .orbit-bullets li.has-thumb.active { background-position: 0px 0px; border-top-color: rgb(0, 0, 0); border-top-width: 2px; border-top-style: solid;} img.img_size {width: 770px; height:330px;} .fontBold{font-weight: bold;} #link_box_group {position:relative; width:540px; height:42px; margin:5px 0 0 0;} #link_box_group #link_box1 {float:left; position:relative; display:inline; width:770px; height:33px;} #link_box_group #link_box1 ul {display:inline; float:left; position:relative; left:0px; width:540px; margin:0px; } #link_box_group #link_box1 ul li { float:left; z-index:10; background:url('/images/syjy/main/board_more_off.gif') no-repeat 116px 3px;} #link_box_group #link_box1 ul li.on{ border-bottom:3px solid #6c7ab9;} #link_box_group #link_box1 ul li span{float: left; font-size: 16px; /* color: #000; */ display: block; width: 115px; height: 22px; padding: 0px 10px 7px 10px;} #link_box_group #link_box1 ul div.tabcontent {position: absolute; top: 31px; left:0px; width: 770px; border-top:1px solid #6c7ab9;} /* 병역판정검사, 군지원, 현역입영, 사회복무, 산업지원, 동원예비군, 국외여행/체제 */ #link1 { position:relative; margin:5px 0 0 0; width:780px; height:185px;} #link2 { display: none; } #link1 li { float:left; border:1px solid #d5d6da; border-right:0px; border-bottom:0px; text-align:center; width:152px; height: 90px; background-color: #f5f9fc;} #link1 li a{display:block; margin:1px; color:#000000} #link1 li a:hover {background-color:#e0ebfa !important;} #link1 li.no1 a {background:#f5f9fc url("/images/syjy/main/link_main_img1.png") no-repeat 45px 10px; padding:65px 0px 7px 0; /* width:89px; */ letter-spacing:-0.05em; } #link1 li.no2 a {background:#f5f9fc url("/images/syjy/main/link_main_img2.png") no-repeat 45px 10px; padding:65px 0px 7px 0; /* width:84px; letter-spacing:-0.05em; */} #link1 li.no3 a {background:#f5f9fc url("/images/syjy/main/link_main_img3.png") no-repeat 45px 10px; padding:65px 0px 7px 0; /* width:84px; letter-spacing:-0.05em; */} /* #link1 li.no4 {border-bottom:1px solid #d5d6da; width:133px;} */ #link1 li.no4 a {background:#f5f9fc url("/images/syjy/main/link_main_img4.png") no-repeat 45px 10px; padding:65px 0px 7px 0; /* width:84px; letter-spacing:-0.05em; */} #link1 li.no5 {border-right:1px solid #d5d6da;} #link1 li.no5 a {background:#f5f9fc url("/images/syjy/main/link_main_img5.png") no-repeat 45px 10px; padding:65px 0px 7px 0; /* width:84px; letter-spacing:-0.05em; */} #link1 li.no6 {border-bottom:1px solid #d5d6da; padding-bottom: 2px;} #link1 li.no6 a {background:#f5f9fc url("/images/syjy/main/link_main_img6.png") no-repeat 45px 10px; padding:63px 0px 7px 0; /* width:84px; letter-spacing:-0.05em; */} #link1 li.no7 {border-bottom:1px solid #d5d6da; padding-bottom: 2px;} #link1 li.no7 a {background:#f5f9fc url("/images/syjy/main/link_main_img7.png") no-repeat 45px 10px; padding:63px 0px 7px 0; /* width:97px; */ letter-spacing:-0.05em; } /* #link1 li.no8 {border-right:1px solid #d5d6da; border-bottom:1px solid #d5d6da; width:133px;} */ #link1 li.no8 {border-bottom:1px solid #d5d6da; padding-bottom: 2px;} #link1 li.no8 a {background:#f5f9fc url("/images/syjy/main/link_main_img8.png") no-repeat 45px 10px; padding:63px 0px 7px 0; /* width:87px; letter-spacing:-0.05em; border-right:1px solid #d5d6da !important; */} #link1 li.no9 {border-bottom:1px solid #d5d6da; padding-bottom: 2px;} #link1 li.no9 a {background:#f5f9fc url("/images/syjy/main/link_main_img9.png") no-repeat 45px 10px; padding:63px 0px 7px 0; /* width:87px; letter-spacing:-0.05em; border-right:1px solid #d5d6da !important; */} #link1 li.no10 {border-right:1px solid #d5d6da; border-bottom:1px solid #d5d6da; padding-bottom: 2px;} #link1 li.no10 a {background:#f5f9fc url("/images/syjy/main/link_main_img10.png") no-repeat 45px 10px; padding:63px 0px 7px 0; /* width:87px; letter-spacing:-0.05em; border-right:1px solid #d5d6da !important; */} /* 소통채널 */ #center_box_group {display:none !important; position:absolute; overflow:hidden; height:0; width:0; font-size:0; visibility:hidden;} #center_box_group ul {display:inline; float:left; position:relative; left:0px; width:240px; margin:0px; } #center_box_group ul li { float:left; z-index:10; background:url('/images/syjy/main/board_more_off.gif') no-repeat 80px 16px;} #center_box_group ul li.on{ border-bottom:3px solid #6c7ab9;} #center_box_group ul li a.nobg{ background:none !important;} #center_box_group ul li img {vertical-align:middle;} #center_box_group ul li span {float:left; font-size:16px; color:#000; display: block; width:95px; height:26px; padding:10px 10px 7px 10px;} #center_box_group .left_box_text1{} #center_box_group .left_box_text2{background: url('/images/syjy/main/link_img7.gif') no-repeat 0px 3px;} #center_box_group .left_box_text2 a{position: relative; left: 32px; display: inline-block; font-size: 16px;} #center_box_group ul div.tabcontent {position: relative; top: 44px; left:0px; display:block; width:240px; border-top:1px solid #6c7ab9;} #center_box_group ul ul { width: 240px; position:absolute; left:0px !important; padding-top:13px;} #center_box_group ul ul li {width:50px; height:40px; margin-left: 10px;} #center_box_group ul ul li a {position: relative; /* top: 9px; left: 40px; */ display: inline-block; /* font-size:16px; */} #center_box_group ul ul li span {float:right; font-size:12px; color:#767676; font-family:Tahoma; margin-top:4px;} #center_box_group p a { width:17px !important; height:24px !important; line-height:20px !important; background:none !important; padding:0 0 0 10px !important;} #center_box_group .right_box_link01{background: none;} #center_box_group .right_box_link02{background: none;} #center_box_group .right_box_link03{background: none;} #center_box_group .right_box_link04{background: none;} #board_box { position:relative; width:540px; height:206px;} /* 소셜 */ #board1 {float:left; position:relative; display:inline; margin:20px 0 0 0; width:238px; height:300px; border:1px solid #e3e3e3;} #board1 ul { position:relative; top:-2px; left:-1px; display:inline; float:left; width:240px; margin:0px; } #board1 ul li { float:left; margin:1px 0 0 0; z-index:10; border-top:1px solid #e3e3e3; border-left:1px solid #e3e3e3; border-right:0; background:#fff; border-bottom:1px solid #e3e3e3;} #board1 ul li:last-child {border-right:1px solid #e3e3e3;} #board1 ul li.on{ border-top:2px solid #37568f; background:#fff; border-bottom:1px solid #fff;} #board1 ul li img {vertical-align:middle;} #board1 ul li a { float: left; display: block; padding:8px 0 8px 0; text-align:center; font-size:13px;} #board1 ul div.tabcontent {position: absolute; top: 32px; left:1px; display:none; width:238px; margin:8px 0 0 0; padding:0px 0 0 0px; height:262px; overflow-x:hidden; background:#fff;} #board1 ul li div.txt { width:221px; height:130px !important;} #board1 #tabs1 #tab1m1 a {width:60px;} #board1 #tabs1 #tab1m2 a {width:75px;} #board1 #tabs1 #tab1m3 a {width:50px;} #board1 #tabs1 #tab1m4 a {width:50px;} #board1 #tab1c1 { display:block ; } #board1 #tab1c1 li{margin:-10px 0 0 0; border:0 !important;} strong.scName a { display:block !important; position:relative; top:15px; left:-25px; width:150px !important; font-size:12px !important;} p.scStory {} p.scStory a {display:block !important; position:relative; top:-20px; left:5px; width:211px !important; text-align:left !important; font-size:13px !important; } span.scTime {display:block !important; /* position:relative; */ top:75px; left:43px; font-size:11px !important; color:#4063D7;} div.text_b { float:left; position:relative; top:20px; width:100%; height:auto !important; font-size:11px;} div.text_b p { float:left; padding:0px 0 0 10px; } div.text_b p img.img_t { position:relative; top:-5px; vertical-align:top !important;} div.text_b p span { margin:0px 0 0 10px; } div.text_t { float:left; margin:20px 0 0 0; width:95% !important; font-size:11px;} div.text_t h3 {} div.text_t p.text a{ float:left; width:100% !important; height:auto !important; text-align:left !important; clear:both;} div.text_t p.text_r { float:right; padding:5px 0 0 20px; background:url("/images/syjy/main/board1_li_bg.gif") no-repeat 0px 5px;} /* 소셜 유투브 */ div.u_text { margin:0 0 0 10px; height:200px !important; text-align:center;} div.u_text a{display:inline-block; width:200px !important; height:150px !important; } div.u_text a img {width:200px;} div.u_text a span {width:200px; display:block; overflow:hidden; white-space:nowrap; text-overflow:ellipsis;} /* 소셜 트위터 */ #tab1c2 iframe {width:238px !important; /* height:262px !important; */ overflow-x:hidden !important;} #tab1c2 {overflow-x:hidden !important; overflow-y:auto !important;} /* 공지/공고, 법령정보, 지방청뉴스, 보도자료 */ #board2 {float:left; position:relative; margin:8px 0 0 0; display:inline; width:540px; height:175px;} #board2 ul {display:inline; float:left; position:relative; left:0px; width:750px; margin:0px; } #board2 ul li { float:left; z-index:10; background:url('/images/syjy/main/board_more_off.gif') no-repeat 116px 5px;} #board2 ul li.on{ border-bottom:3px solid #6c7ab9;} #board2 ul li a.nobg{ background:none !important;} #board2 ul li img {vertical-align:middle;} #board2 ul li a { float:left; font-size:16px; /* color:#000; */ display: block; width:125px; height:37px; line-height:29px; margin:0 0px 0 0px; padding:0 0px 0 10px; background:url('/images/syjy/main/board_li_bg1.gif') no-repeat 0px 5px;} #board2 ul div.tabcontent {position: absolute; top: 39px; left:0px; display:none; width:770px; padding:13px 0 0 0; border-top:1px solid #6c7ab9;} #board2 ul ul { width: 780px; position:relative; top:0px; left:0px !important;} #board2 ul ul li {float:left; display:inline; margin:0 0 0 0 !important; padding:0px 0 6px 0px !important; background:url('/images/syjy/main/board_li_bg.gif') no-repeat 0px 15px; width:770px; border:0; } #board2 ul ul li a { float: left; font-size:1.1em; width:600px !important; height:24px !important; display:block; text-overflow:ellipsis; white-space: nowrap; overflow:hidden; color:#575757; text-align:left !important; background:none !important; letter-spacing: 0px !important;} #board2 ul ul li span {float:right; font-size:12px; color:#767676; font-family:Tahoma; margin-top:4px;} #board2 p a { width:17px !important; height:24px !important; line-height:20px !important; background:none !important; padding:0 0 0 10px !important;} #board2 #tab2c1 { display:block ;} #board2 #tab2m3 a { /* letter-spacing: -0.1em; */} #board2 p.mone1 { position:absolute; top:-38px; left:106px;} #board2 p.mone2 { position:absolute; top:-38px; left:241px;} #board2 p.mone3 { position:absolute; top:-38px; left:376px;} #board2 p.mone4 { position:absolute; top:-38px; left:511px;} /* 링크 */ #link_group {position:relative; display:inline; float:left; margin:32px 0 0 0px; width:538px; height:75px !important; background:#f6f7fb; border:1px solid #cbd2e4; overflow:hidden;} #link2 { position:relative; top:0px; } #link2 h2 { float:left; position:relative; top:15px; left:20px;} #link2 ul { position:relative; top:10px; left:20px; padding-top:15px;} #link2 li { float:left; padding:0 0 0 8px;} #link2 li select { width:152px; height:24px; line-height:24px; border:1px solid #a1a1a1;} #link2 li input {vertical-align:top; } #link2_list ul { position:relative; top:10px; left:20px;} #link2_list li { float:left; padding:10px 0 0 28px;} #link2_list li a{ float:left; height: 33px;} /* 배너 */ #banner {position:relative; display:inline; float:left; margin:22px 0 0 20px; width:480px; height:105px; background:#f2f2f2;} #banner img {vertical-align:top;} #banner ul.list { padding:10px 0 0 20px; height:50px;} #banner ul.list li {float:left; margin-right:6px; border:1px solid #ddd; height:48px;} #banner ul.control .prev {position:absolute; left:5px; top:27px;} #banner ul.control .next {position:absolute; left:464px; top:27px;} #banner span a.more {position:absolute; left:432px; top:36px;} #banner ul.control_2 {position:absolute; top:10px; left:432px;} #banner1 { display:block;} #banner2, #banner3, #banner4 { display:none;} /* 배너 변경 */ #mbanner {position:relative; display:inline; float:left; margin:20px 0 0 0; width:1000px; height:70px !important; background:#f6f7fb; border: 1px solid #cbd2e4; overflow:hidden;} #mbanner div.control {margin-top: 10px;margin-left: 12px;display: inline-block; font-weight: bold;} #mbanner ul.control .b_title {float: left; top: 25px; position: absolute;} #mbanner ul.control .prev {position:absolute; left:5px; top:27px; z-index:10;} #mbanner ul.control .next {position:absolute; /* left:464px; */right:136px; top:27px; z-index:10;} #mbanner ul.control_2 { height: 26px; width: 60px; margin-top: 2px;margin-left: 16px;} #mbanner ul.control_2 li{float:left;} #mbanner div a.more {position:absolute; right:10px; top:36px; z-index:10;} #mbanner .banner .overhidden {position:absolute; z-index:5; top:10px; left:97px;} #mbanner .banner .overhidden ul.list { padding:0px 0 0 0px; height:50px; width:100%;} #mbanner .banner .overhidden ul.list li {float:left; /* margin-right:6px !important; */ height:48px; margin:2px 20px 2px 2px !important; /* border: 1px solid #f0f0f0; */} #mbanner .banner .overhidden ul.list li img {/* border:1px solid #dddddd; */ box-sizing:border-box; width:130px; height:48px;} #mbanner .banner .overhidden ul li {float:left;} .banner_hover:hover { color:#636363; text-decoration:none; } .navi_font ul li a{font-size:15px;} /* 병무민원포탈, 나만의 홈페이지, 국민신문고, 병역사항공개, 신병부대배치조회 */ #link3 { position:relative; width:240px; height:540px; background:#f7f7f7;} #link3 h2 { font-size:15px; letter-spacing:-0.03em;} #link3 p { font-size:11px;} #link3 div.link_text1 { margin-left:12px; background:url('/images/syjy/main/link2_img1.gif') no-repeat; background-position:left center; width:220px; height:76px; border-bottom:1px dashed #b0b0b0;} #link3 div.link_text1 p { margin:0 0 0 70px; padding:13px 0 0 0;} #link3 div.link_text1 strong { padding:16px 0 0 0px; font-weight:normal; font-size:14px;} #link3 div.link_text1 a { color:#333 !important;} #link3 div.link_text1 span { width:127px; letter-spacing:-0.10em; color:#313131 !important; font-size:11px;} #link3 div.link_text1 em { color:#045F5D;} #link3 div.link_text2 { margin-left:12px; background:url('/images/syjy/main/link2_img10.gif') no-repeat; background-position:left center; width:220px; height:76px; border-bottom:1px dashed #b0b0b0;} #link3 div.link_text2 p { margin:0 0 0 70px; padding:13px 0 0 0;} #link3 div.link_text2 strong { padding:16px 0 0 0px; font-weight:normal; font-size:14px; letter-spacing: -1.2px; } #link3 div.link_text2 a { color:#333 !important;} #link3 div.link_text2 span { width:127px; letter-spacing:-0.01em; color:#313131 !important; font-size:11px;} #link3 div.link_text2 em { color:#045F5D;} #link3 div.link_text3 { margin-left:12px; background:url('/images/syjy/main/link2_img2.gif') no-repeat; background-position:left center; width:220px; height:76px; border-bottom:1px dashed #b0b0b0;} #link3 div.link_text3 p { margin:0 0 0 70px; padding:13px 0 0 0;} #link3 div.link_text3 strong { padding:16px 0 0 0px; font-weight:normal; font-size:14px; letter-spacing:-1px;} #link3 div.link_text3 a { color:#333 !important;} #link3 div.link_text3 span { width:127px; letter-spacing:-0.01em; color:#313131 !important; font-size:11px;} #link3 div.link_text3 em { color:#045F5D;} #link3 div.link_text4 { margin-left:12px; background:url('/images/syjy/main/link2_img3.gif') no-repeat; background-position:left center; width:220px; height:76px; border-bottom:1px dashed #b0b0b0;} #link3 div.link_text4 p { margin:0 0 0 70px; padding:13px 0 0 0;} #link3 div.link_text4 strong { padding:16px 0 0 0px; font-weight:normal; font-size:14px;} #link3 div.link_text4 a { color:#333 !important;} #link3 div.link_text4 span { width:127px; letter-spacing:-0.01em; color:#313131 !important; font-size:11px;} #link3 div.link_text4 em { color:#045F5D;} #link3 div.link_text5 { margin-left:12px; background:url('/images/syjy/main/link2_img4.gif') no-repeat; background-position:left center; width:220px; height:76px; border-bottom:1px dashed #b0b0b0;} #link3 div.link_text5 p { margin:0 0 0 70px; padding:13px 0 0 0;} #link3 div.link_text5 strong { padding:16px 0 0 0px; font-weight:normal; font-size:14px;} #link3 div.link_text5 a { color:#333 !important;} #link3 div.link_text5 span { width:127px; letter-spacing:-0.01em; color:#313131 !important; font-size:11px;} #link3 div.link_text5 em { color:#045F5D;} #link3 div.link_text6 { margin-left:12px; background:url('/images/syjy/main/link2_im5.gif') no-repeat; background-position:left center; width:220px; height:76px; border-bottom:1px dashed #b0b0b0;} #link3 div.link_text6 p { margin:0 0 0 70px; padding:13px 0 0 0;} #link3 div.link_text6 strong { padding:16px 0 0 0px; font-weight:normal; font-size:14px;} #link3 div.link_text6 a { color:#333 !important;} #link3 div.link_text6 span { width:127px; letter-spacing:-0.01em; color:#313131 !important; font-size:11px;} #link3 div.link_text6 em { color:#045F5D;} #link3 div.link_text7 { margin-left:12px; background:url('/images/syjy/main/mmafam.gif') no-repeat; background-position:left center; width:220px; height:76px;} #link3 div.link_text7 p { margin:0 0 0 70px; padding:13px 0 0 0;} #link3 div.link_text7 strong { padding:16px 0 0 0px; font-weight:normal; font-size:14px;} #link3 div.link_text7 a { color:#333 !important;} #link3 div.link_text7 span { width:127px; letter-spacing:-0.01em; color:#313131 !important; font-size:11px;} #link3 div.link_text7 em { color:#045F5D;} #link3 dl { width:185px; margin:15px 0 0 20px;} #link3 dt.no1 { float:left; background:url('/images/syjy/main/link2_img6.gif') no-repeat 57px 0px; width:75px; height:19px; font-size:12px; padding:0px 0px 13px 0;} #link3 dd {float:left; position:relative; top:-7px; left:15px; width:110px; height:19px; padding:0 0 13px 0; font-size:19px;} #link3 dt.no2 { float:left; background:url('/images/syjy/main/link2_img7.gif') no-repeat right 0px; width:75px; height:19px; font-size:12px; padding:0 0px 13px 0;} /* 링크 이미지 */ ul.link_img { position:relative; margin:20px 0 0 0;} ul.link_img li { float:left; padding:0 10px 0 0;} ul.link_img li:last-child {padding:0 0 0 0;} /* 소통채널 */ #right_box_group {float:left; position:relative; margin:0 0 15px 0; display:inline; width:213px; height:95px; background:#f6f7fb; border:1px solid #cbd2e4;} #right_box_group ul {display:inline; float:left; position:relative; left:0px; width:215px; margin:0px; } #right_box_group ul li { float:left; z-index:10; background:url('/images/syjy/main/board_more_off.gif') no-repeat 80px 16px;} #right_box_group ul li.on{ border-bottom:3px solid #6c7ab9;} #right_box_group ul li a.nobg{ background:none !important;} #right_box_group ul li img {vertical-align:middle;} #right_box_group ul li span {/* float:left; */ font-size:16px; color:#000; display: inline-block; width:95px; height:26px; padding:10px 10px 7px 10px;} #right_box_group .right_box_text1{} #right_box_group .right_box_text2{background: url('/images/syjy/main/link_img7.gif') no-repeat 0px 3px;} #right_box_group .right_box_text2 a{position: relative; left: 32px; display: inline-block; font-size: 16px;} #right_box_group ul div.tabcontent {position: relative; /* top: 44px; */ left:0px; display:block; width:214px; border-top:1px solid #6c7ab9;} #right_box_group ul ul { width: 215px; position:absolute; left:0px !important; padding-top:9px;} #right_box_group ul ul li {/* width:50px; */ height:40px; margin-left: 16px;} #right_box_group ul ul li a {position: relative; /* top: 9px; left: 40px; */ display: inline-block; /* font-size:16px; */} #right_box_group ul ul li span {float:right; font-size:12px; color:#767676; font-family:Tahoma; margin-top:4px;} #right_box_group p a { width:17px !important; height:24px !important; line-height:20px !important; background:none !important; padding:0 0 0 10px !important;} #right_box_group .right_box_link01{background: none;} #right_box_group .right_box_link02{background: none;} #right_box_group .right_box_link03{background: none;} #right_box_group .right_box_link04{background: none;} #right_site_group { float:left; position:relative; width:213px; height:600px; background:#f6f7fb; border:1px solid #cbd2e4; } #right_site_group h2 { padding:13px 0 0 28px; width:116px; height:36px;} #right_site_group ul { padding:0px 0 0 10px;} #right_site_group li { width:100%; height:46px; margin-top:13px;} #right_site_group li a { color:#656565; position:absolute; margin-top: 9px; margin-left:37px; display: inline-block;} #right_site_group .right_site_link01{background: url('/images/syjy/main/right/right_img01.png') no-repeat 0px 3px;} #right_site_group .right_site_link02{background: url('/images/syjy/main/right/right_img02.png') no-repeat 0px 3px;} #right_site_group .right_site_link03{background: url('/images/syjy/main/right/right_img03.png') no-repeat 0px 3px;} #right_site_group .right_site_link04{background: url('/images/syjy/main/right/right_img04.png') no-repeat 0px 3px;} #right_site_group .right_site_link05{background: url('/images/syjy/main/right/right_img05.png') no-repeat 0px 3px;} #right_site_group .right_site_link06{background: url('/images/syjy/main/right/right_img06.png') no-repeat 0px 3px;} #right_site_group .right_site_link07{background: url('/images/syjy/main/right/right_img07.png') no-repeat 0px 3px;} #right_site_group .right_site_link08{background: url('/images/syjy/main/right/right_img08.png') no-repeat 0px 3px;} #right_site_group .right_site_link09{background: url('/images/syjy/main/right/right_img09.png') no-repeat 0px 3px;} #right_site_group .right_site_link10{background: url('/images/syjy/main/right/right_img10.png') no-repeat 0px 3px;} #link_box_group2 {position:relative; width:740px; height:33px; margin:5px 0 0 0;} #link_box_group2 #link_box2_1 {float:left; position:relative; display:inline; width:740px; height:33px;} #link_box_group2 #link_box2_1 ul {display:inline; float:left; position:relative; left:0px; width:740px; margin:0px; } #link_box_group2 #link_box2_1 ul li { float:left; z-index:10;} #link_box_group2 #link_box2_1 ul li.on{ border-bottom:3px solid #6c7ab9;} #link_box_group2 #link_box2_1 ul li span{float: left; font-size: 16px; color: #000; display: block; width: 95px; height: 22px; padding: 0px 10px 7px 10px;} #link_box_group2 #link_box2_1 ul div.tabcontent {position: absolute; top: 31px; left:0px; width:740px; border-top:1px solid #6c7ab9;} /* 주요사이트 바로가기 */ #important_site {position:relative; width:993px; height:110px; background:#f6f7fb; border:1px solid #cbd2e4; } #important_site h2 { float:left; padding:20px 0 0 28px; width:116px; height:43px;} #important_site ul { padding:5px 0 0 200px;} #important_site li { float:left; padding:3px 3px 0 3px; width:190px;} #important_site li a { color:#656565;} /* 개인정보 보호방침 외 페이지 링크 */ #navi { position:relative; margin:0 auto; width:1000px;} #navi li { float:left; height:44px; line-height:44px; border-left:1px solid #eaedf4; padding:0px 0px 0 0px; width:171px; text-align:center; } #navi li a {display:block;} #navi li a:hover {color:#656565; height:42px; line-height:42px; background-color:#f9fafc; border-top:1px solid #cbd2e4; border-bottom:1px solid #eaedf4;} #navi li.onbg { border-right:1px solid #eaedf4; width:134px;} #navi li.col_blue a {color:#5b72af; font-weight:bold;} #navi li.col_blue_new a {color:#004b9d; font-weight:bold; text-decoration:underline;} #footer_bg {background:url('/images/syjy/sub/footer_bg.gif') repeat-x center 0 ;} #link3_t {position:absolute; overflow:hidden; height:0; width:0; font-size:0; visibility:hidden;} p.errer {position:absolute; top:40px; left:410px;} /* 하단 링크 연결 */ .link_box_list .footer_link_box .footer_atarget {float: left; background: #f6f7fb; width: 194px; height: 35px; margin: 0px 5px 10px 0px; border: 1px solid #cbd2e4;} .link_box_list #affiliation .footer_atarget {float: left; background: #f6f7fb; width: 194px; height: 35px; margin: 0px 0px 10px 0px; border: 1px solid #cbd2e4;} .link_box_list .footer_link_box .list{margin-top: 777px; width: 178px; position: absolute; z-index: 10; background: #fff; display: none; border: 1px solid #cbd2e4; padding: 8px; background: #fff;} .link_box_list .footer_link_box .promotionList{} .link_box_list .footer_link_box .workList{margin-left: 201px;} .link_box_list .footer_link_box .publicList{margin-left: 402px;} .link_box_list .footer_link_box .relatedList{margin-left: 603px; margin-top: 673px;} .link_box_list .footer_link_box .affiliationList{margin-left: 804px; margin-top: 439px;} .link_box_list .footer_link_box li{margin:3px 0px 3px 0px;} .link_box_list .footer_link_box .footer_atarget h3 {padding:7px 0px 5px 10px; display: inline-block; font-size:15px;} .link_box_list .footer_link_box .footer_atarget img {float:right; margin:13px 8px 1px 1px;} .link_box_list .footer_link_box .footer_atarget .listClose {display:none;} .link_box_list .button.link_small .lfCssTablet{display:none;} .link_box_list .button.link_small a {font-size:12px !important; color:#456fbb; white-space:nowrap; /* text-decoration:underline; */ font-weight:bold; padding:1px 22px 1px 9px !important; background:url('/images/syjy/sub/icon_link2.gif') no-repeat right 2px;} } /* 타블릿 가로 */ @media (min-width:757px) and (max-width:1016px) { body { background:url('/images/syjy/main/main2_background_bg_blue.gif') repeat-x center 0 ;} #mobileTop {display:none;} /* 컨텐츠 그룹 */ #secrion { } #secrion #container_box0 { display:none !important; position:absolute; overflow:hidden !important; height:0 !important; width:0 !important; font-size:0 !important; visibility:hidden;} #secrion #container_box1 { position:relative; width:740px; height:680px;} #secrion #container_box2 { display:none !important; position:absolute; overflow:hidden !important; height:0 !important; width:0 !important; font-size:0 !important; visibility:hidden;} #secrion #container_box3 { position:relative; margin:10px 0 0 0; width:740px;} #secrion #container_box4 { position:absolute; overflow:hidden !important; height:0 !important; width:0 !important; font-size:0 !important; visibility:hidden;} /* #secrion select { display: none; } */ #secrion #promotion { margin-left: 0px; } #secrion #affiliation { margin-right: 0px; } #secrion select { float: left; width: 142px; height: 30px; margin: 5px 5px 5px 2px; } /* 민원서식 앱 인증서 */ #left_box_group {float:left; position:relative; margin:0 0 20px 0; display:inline; width:238px; height:95px; background:#f6f7fb; border:1px solid #cbd2e4;} #left_box_group ul {display:inline; float:left; position:relative; left:0px; width:240px; margin:0px; } #left_box_group ul li { float:left; z-index:10; background:url('/images/syjy/main/board_more_off.gif') no-repeat 80px 16px;} #left_box_group ul li.on{ border-bottom:3px solid #6c7ab9;} #left_box_group ul li a.nobg{ background:none !important;} #left_box_group ul li img {vertical-align:middle;} #left_box_group ul li span {/* float:left; */ font-size:16px; color:#000; display: inline-block; width:95px; height:26px; padding:10px 10px 7px 10px;} #left_box_group .left_box_text1{} #left_box_group .left_box_text2{background: url('/images/syjy/main/i-counseling-01.png') no-repeat 2px 5px;} #left_box_group .left_box_text2 a{position: relative; left: 32px; display: inline-block; font-size: 15px;} #left_box_group ul div.tabcontent {position: relative; /* top: 44px; */ left:0px; display:block; width:239px; border-top:1px solid #6c7ab9;} #left_box_group ul ul { width: 240px; position:absolute; left:0px !important; padding-top:9px;} #left_box_group ul ul li {width:105px; height:40px; margin-left: 8px;} #left_box_group ul ul li a {position: relative; top: 9px; left: 40px; display: inline-block; font-size:15px;} #left_box_group ul ul li span {float:right; font-size:12px; color:#767676; font-family:Tahoma; margin-top:4px;} #left_box_group p a { width:17px !important; height:24px !important; line-height:20px !important; background:none !important; padding:0 0 0 10px !important;} #left_box_group .left_box_link01{background: url('/images/syjy/main/i-counseling-02.png') no-repeat 0px 2px;} #left_box_group .left_box_link02{background: url('/images/syjy/main/i-counseling-03.png') no-repeat 0px 2px;} .left_site_group { float:left; position:relative; width:238px; height:631px; background:#f6f7fb; border:1px solid #cbd2e4; } .left_site_group h2 { padding:13px 0 0 28px; width:116px; height:36px;} .left_site_group ul { padding:0px 0 0 15px;} .left_site_group li { width:100%; height:46px; margin-top:15px;} .left_site_group li a { color:#656565; position:absolute; margin-top: 11px; margin-left:50px; display: inline-block;} .left_site_group .left_site_link01{background: url('/images/syjy/main/left/left_img01.png') no-repeat 0px 3px;} .left_site_group .left_site_link02{background: url('/images/syjy/main/left/left_img02.png') no-repeat 0px 3px;} .left_site_group .left_site_link03{background: url('/images/syjy/main/left/left_img03.png') no-repeat 0px 3px;} .left_site_group .left_site_link04{background: url('/images/syjy/main/left/left_img04.png') no-repeat 0px 3px;} .left_site_group .left_site_link05{background: url('/images/syjy/main/left/left_img05.png') no-repeat 0px 3px;} .left_site_group .left_site_link06{background: url('/images/syjy/main/left/left_img06.png') no-repeat 0px 3px;} .left_site_group .left_site_link07{background: url('/images/syjy/main/left/left_img07.png') no-repeat 0px 3px;} .left_site_group .left_site_link08{background: url('/images/syjy/main/left/left_img08.png') no-repeat 0px 3px;} .left_site_group .left_site_link09{background: url('/images/syjy/main/left/left_img09.png') no-repeat 0px 3px;} .left_site_group .left_site_link10{background: url('/images/syjy/main/left/left_img10.png') no-repeat 0px 3px;} /* 팝업존 */ #pop_group { width:740px; height:240px;} .popup {float:left; position:relative; width:240px; height:151px; /* line-height:0px !important; */ background:url('/images/syjy/common/noimage_popupzone.gif') no-repeat 0 19px;} .popup .img_frame{ position:relative; top:19px; width:240px; height:121px; overflow:hidden; font-size:0;} .popup .pop_img{ width:10000px; height:121px;} .popup .pop_img li{ float:left; display:inline; width:240px; height:121px;} .popup #pop_chat{background:#f7f7f7; width:240px; height:80px; margin:29px 0 0 0;} #pop_chat div.link_text { margin-left:6px; width:224px; height:76px;} #pop_chat div.link_text p { margin:0 0 0 70px; padding:13px 0 0 0;} #pop_chat div.link_text strong { padding:16px 0 0 0px; font-weight:normal; font-size:14px;} #pop_chat div.link_text a { /* color:#333 !important; */} #pop_chat div.link_text a.link_a { float: left; margin-top: 7px; width: 61px; background: url('/images/syjy/main/m-chatbottak2.gif') no-repeat 0px 1px; height: 70px; text-align: center; font-size: 14px;} #pop_chat div.link_text span {float:left; position:relative; top:2px; width:80px; height:19px; font-size:15px; } #pop_chat div.link_text em { color:#045F5D;} #pop_chat div.link_text dl { width:185px; margin:18px 0 0 20px;} #pop_chat div.link_text span.no1 { float:left; background:url('/images/syjy/main/m-mobi.gif') no-repeat 62px 11px; width:78px; height:19px; font-size:15px; padding:10px 0px 6px 0; margin-left: 5px;} #pop_chat div.link_text span.dd1 {top:11px; left:5px; font-size:16px;} #pop_chat div.link_text span.no2 { float:left; background:url('/images/syjy/main/m-messg.gif') no-repeat 62px 12px; width:78px; height:19px; font-size:15px; padding:6px 0px 6px 0; margin-left: 5px;} #pop_chat div.link_text span.dd2 {top:7px; left:5px; font-size:16px;} .popup_control{ position:absolute; top:0px;} .popup_control li{ float:left; display:inline; /* padding:0 10px 0 0px; */ line-height:0px !important;} #pop_group p { width:240px; margin:29px 0 0 0;} img.image_pop_size {width:240px; height:120px;} #searchField { position:relative; top:11px;} * html #searchField { position:relative; top:-15px;} *:first-child+html #searchField { position:relative; top:-15px;} #searchField select { vertical-align:top; width:205px;} #changeNum {position:absolute; top:5px; left:215px;} /* #pause_pops {position:absolute; top:0px; left:15px;} */ li.next_pop {position:absolute; top:0px; left:33px;} .popup_control .prev_pop {display: block;} .popup_control .prev_pop span {position: absolute; top:0px; left:0px; width:6px; height: 10px; text-indent: -9999px; cursor: pointer;} .popup_control .prev_pop span a {width: 6px; height:10px; display: block;} .popup_control .prev_pop span a:focus {border-image: none; width: 6px; height:10px; display: block;} .popup_control .prev_pop span.left {background: url("/images/syjy/main/pop_left.gif") no-repeat center; top:0px; /* left: 20px; */} .popup_control .next_pop {display: block;} .popup_control .next_pop span {position: absolute; top:0px; left:0px; width:6px; height: 10px; text-indent: -9999px; cursor: pointer;} .popup_control .next_pop span a {width: 6px; height:10px; display: block;} .popup_control .next_pop span a:focus {border-image: none; width: 6px; height:10px; display: block;} .popup_control .next_pop span.right {background: url("/images/syjy/main/pop_right.gif") no-repeat center; top:0px; /* left: 54px; */} .popup_control .pause_pop {position: absolute; left: 15px; top:0px; width: 10px; height: 10px; overflow: hidden; cursor: pointer;} .popup_control .pause_pop .pause {background: url("/images/syjy/main/pop_stop.gif") no-repeat 0px 0px; width:10px; height: 10px; text-indent: -9999em; position: absolute; z-index: 4;} .popup_control .playBtn {position: absolute; left: 15px; top:0px; width: 10px; height: 10px; overflow: hidden; cursor: pointer;} .popup_control .playBtn .active.pause {background: url("/images/syjy/main/pop_play.gif") no-repeat 0px 0px; width:10px; height: 10px; text-indent: -9999em; position: absolute; z-index: 4;} /* 메인 비쥬얼 */ #slides { float:left; width:500px; height:242px;} #slides .bullet { left: 20px; width: 13px; height: 12px; bottom: 30px; overflow: hidden; position: absolute; z-index: 100;} #slides .on.bullet {background-position: -8px 0px;} #slides .focus.bullet {border: 2px solid red; border-image: none;} #slides .event {left: 260px; top: 19px; position: absolute;} #slides .event > a {float: left; cursor: default;} #slides .slide_timer {position: absolute; left: 36px; top:0px; width: 10px; height: 10px; overflow: hidden; cursor: pointer; } #slides .slide_timer .pause {background: url("/images/syjy/main/pop_stop.gif") no-repeat; width:10px; height: 10px; text-indent: -9999em; position: absolute; z-index: 4;} #slides .slide_timer .active.pause {background: url("/images/syjy/main/pop_play.gif") no-repeat 0px 0px;} #featured { overflow: hidden;} div.orbit-wrapper {width: 1px; height: 1px; position: relative;} div.orbit {width: 1px; height: 1px; overflow: hidden; position: relative; width: 500px; height: 245px;} div.orbit > img {left: 0px; top: 0px; display: none; position: absolute;} div.orbit > a {border: currentColor; border-image: none; left: 0px; top: 0px; line-height: 0; display: none; position: absolute;} .orbit > div {left: 0px; top: 0px; width: 100%; height: 100%; position: absolute;} div.timer {width: 40px; height: 40px; right: 437px; bottom: 10px; overflow: hidden; position: absolute; z-index: 1001; cursor: pointer; opacity: 0.6;} span.rotator { left: -20px; top: 0px; width: 40px; height: 40px; display: block; position: absolute; z-index: 3;} span.mask {top: 0px; width: 20px; height: 40px; right: 0px; overflow: hidden; display: block; position: absolute; z-index: 2;} .orbit-wrapper .orbit-caption {background: rgba(0, 0, 0, 0.6); padding: 7px 0px; width: 100%; text-align: center; right: 0px; bottom: 0px; color: rgb(255, 255, 255); font-size: 13px; position: absolute; z-index: 1000;} div.slider-nav {display: block; background: url("/images/syjy/common/noimage_syjy.gif") no-repeat 20px 19px;} div.slider-nav span {position: absolute; top:0px; left:0px; width:6px; height: 10px; text-indent: -9999px; cursor: pointer;} div.slider-nav span a {width: 6px; height:10px; display: block;} div.slider-nav span a:focus {border-image: none; width: 6px; height:10px; display: block;} div.slider-nav span.right {background: url("/images/syjy/main/pop_right.gif") no-repeat center; top:0px; left: 54px;} div.slider-nav span.left {background: url("/images/syjy/main/pop_left.gif") no-repeat center; top:0px; left: 20px;} .orbit-bullets {position: absolute; top:0px; right:0;} .orbit-bullets li {background: url("/images/syjy/main/pop_bt_off.gif") no-repeat 0px 0px; width: 10px; height: 10px; padding:0 0 0 0; margin:0 0 0 10px; text-indent: -9999px; overflow: hidden; float: left; cursor: pointer;} .orbit-bullets li.active {background: url("/images/syjy/main/pop_bt_on.gif") no-repeat 0px 0px; width: 33px; height: 10px;} .orbit-bullets li.focus {outline: red solid 2px;} .orbit-bullets li.has-thumb {background: none; width: 100px; height: 75px;} .orbit-bullets li.has-thumb.active { background-position: 0px 0px; border-top-color: rgb(0, 0, 0); border-top-width: 2px; border-top-style: solid;} img.img_size {width:480px; height:211px;} #link_box_group {position:relative; width:740px; height:33px; margin:5px 0 0 0;} #link_box_group #link_box1 {float:left; position:relative; display:inline; width:740px; height:33px;} #link_box_group #link_box1 ul {display:inline; float:left; position:relative; left:0px; width:740px; margin:0px; } #link_box_group #link_box1 ul li { float:left; z-index:10; background:url('/images/syjy/main/board_more_off.gif') no-repeat 106px 3px;} #link_box_group #link_box1 ul li.on{ border-bottom:3px solid #6c7ab9;} #link_box_group #link_box1 ul li span{float: left; font-size: 16px; color: #000; display: block; width: 100px; height: 22px; padding: 0px 10px 7px 10px;} #link_box_group #link_box1 ul div.tabcontent {position: absolute; top: 31px; left:0px; width:740px; border-top:1px solid #6c7ab9;} /* 병역판정검사, 군지원, 현역입영, 사회복무, 산업지원, 동원예비군, 국외여행/체제 */ #link1 { display: none; } #link2 { position:relative; margin:5px 0 0 0; width:740px; height:93px; } #link2 li { float:left; border:1px solid #d5d6da; border-right: 0px; text-align:center;} #link2 li a:hover {background-color:#e0ebfa !important;} #link2 li.no1 a { display:block; background:#f5f9fc url("/images/syjy/main/link_main_img1.png") no-repeat 46px 2px; padding:57px 0 13px 0; width:147px; letter-spacing:0em; } #link2 li.no2 a { display:block; background:#f5f9fc url("/images/syjy/main/link_main_img2.png") no-repeat 46px 2px; padding:57px 0 13px 0; width:147px; letter-spacing:0em; } #link2 li.no3 a { display:block; background:#f5f9fc url("/images/syjy/main/link_main_img3.png") no-repeat 46px 2px; padding:57px 0 13px 0; width:147px; letter-spacing:0em; } #link2 li.no4 a { display:block; background:#f5f9fc url("/images/syjy/main/link_main_img4.png") no-repeat 46px 2px; padding:57px 0 13px 0; width:147px; letter-spacing:0em; } #link2 li.no5 a { display:block; background:#f5f9fc url("/images/syjy/main/link_main_img5.png") no-repeat 46px 2px; padding:57px 0 13px 0; width:147px; letter-spacing:0em; border-right:1px solid #d5d6da !important;} #link2 li.no6 a { display:block; background:#f5f9fc url("/images/syjy/main/link_main_img6.png") no-repeat 46px 2px; padding:57px 0 13px 0; width:147px; letter-spacing:0em; } #link2 li.no7 a { display:block; background:#f5f9fc url("/images/syjy/main/link_main_img7.png") no-repeat 46px 2px; padding:57px 0 13px 0; width:147px; letter-spacing:0em; } #link2 li.no8 a { display:block; background:#f5f9fc url("/images/syjy/main/link_main_img8.png") no-repeat 46px 2px; padding:57px 0 13px 0px; width:147px; letter-spacing:0em; } #link2 li.no9 a { display:block; background:#f5f9fc url("/images/syjy/main/link_main_img9.png") no-repeat 46px 2px; padding:57px 0 13px 0px; width:147px; letter-spacing:0em; } #link2 li.no10 a { display:block; background:#f5f9fc url("/images/syjy/main/link_main_img10.png") no-repeat 46px 2px; padding:57px 0 13px 0px; width:147px; letter-spacing:0em; border-right:1px solid #d5d6da !important;} /* 소통채널 */ #center_box_group {float:left; position:relative; margin:20px 0 0 0; display:inline; width:240px; height:186px; /* background:#f6f7fb; border:1px solid #cbd2e4;*/ } #center_box_group ul {display:inline; float:left; position:relative; left:0px; width:240px; margin:0px; } #center_box_group ul li { float:left; z-index:10; background:url('/images/syjy/main/board_more_off.gif') no-repeat 106px 11px;} #center_box_group ul li.on{ border-bottom:3px solid #6c7ab9;} #center_box_group ul li a.nobg{ background:none !important;} #center_box_group ul li img {vertical-align:middle;} #center_box_group ul li span {float:left; font-size:16px; color:#000; display: block; width:100px; height:26px; padding:4px 10px 7px 10px;} #center_box_group .left_box_text1{} #center_box_group .left_box_text2{background: url('/images/syjy/main/link_img7.gif') no-repeat 0px 3px;} #center_box_group .left_box_text2 a{position: relative; left: 32px; display: inline-block; font-size: 16px;} #center_box_group ul div.tabcontent {position: absolute; top: 39px; left:0px; display:block; width:239px; border-top:1px solid #6c7ab9;} #center_box_group ul ul { width: 240px; position :absolute; left:0px !important; padding-top:13px;} #center_box_group ul ul li {width:115px; height:45px; margin-left: 5px; margin-top:10px; background: none;} #center_box_group ul ul li a {position: relative; /* top: 9px; left: 40px; */ display: inline-block; /* font-size:16px; */} #center_box_group ul ul li span {float:right; font-size:12px; color:#767676; font-family:Tahoma; margin-top:4px;} #center_box_group ul ul li p {display: inline-block; margin-left:5px; vertical-align: middle;} #center_box_group p a { width:17px !important; height:24px !important; line-height:20px !important; background:none !important; padding:0 0 0 10px !important;} #center_box_group .right_box_link01{background: none;} #center_box_group .right_box_link02{background: none;} #center_box_group .right_box_link03{background: none;} #center_box_group .right_box_link04{background: none;} #board_box {float:left; position:relative; width:480px; height:206px; /* clear:both; */} /* 소셜 */ #board1 {float:left; position:relative; display:inline; margin:20px 0 0 0; width:238px; height:300px; border:1px solid #e3e3e3;} #board1 ul { position:relative; top:-2px; left:-1px; display:inline; float:left; width:240px; margin:0px; } #board1 ul li { float:left; margin:1px 0 0 0; z-index:10; border-top:1px solid #e3e3e3; border-left:1px solid #e3e3e3; border-right:0; background:#fff; border-bottom:1px solid #e3e3e3;} #board1 ul li:last-child {border-right:1px solid #e3e3e3; } #board1 ul li.on{ border-top:2px solid #37568f; background:#fff; border-bottom:1px solid #fff;} #board1 ul li img {vertical-align:middle;} #board1 ul li a { float: left; display: block; padding:8px 0 8px 0; text-align:center; font-size:13px;} #board1 ul div.tabcontent {position: absolute; top: 32px; left:1px; display:none; width:238px; margin:8px 0 0 0; padding:0px 0 0 0px; height:262px; overflow-x:hidden; background:#fff;} #board1 ul li div.txt { width:221px; height:130px !important;} #board1 #tabs1 #tab1m1 a {width:60px;} #board1 #tabs1 #tab1m2 a {width:75px;} #board1 #tabs1 #tab1m3 a {width:50px;} #board1 #tabs1 #tab1m4 a {width:50px;} #board1 #tab1c1 { display:block ; } #board1 #tab1c1 li{margin:-10px 0 0 0; border:0 !important;} strong.scName a { display:block !important; position:relative; top:15px; left:-25px; width:150px !important; font-size:12px !important;} p.scStory {} p.scStory a {display:block !important; position:relative; top:-20px; left:5px; width:211px !important; text-align:left !important; font-size:13px !important; } span.scTime {display:block !important; /* position:relative; */ top:75px; left:43px; font-size:11px !important; color:#4063D7;} div.text_b { float:left; position:relative; top:20px; width:100%; height:auto !important; font-size:11px;} div.text_b p { float:left; padding:0px 0 0 10px; } div.text_b p img.img_t { position:relative; top:-5px; vertical-align:top !important;} div.text_b p span { margin:0px 0 0 10px; } div.text_t { float:left; margin:20px 0 0 0; width:95% !important; font-size:11px;} div.text_t h3 {} div.text_t p.text a{ float:left; width:100% !important; height:auto !important; text-align:left !important; clear:both;} div.text_t p.text_r { float:right; padding:5px 0 0 20px; background:url("/images/syjy/main/board1_li_bg.gif") no-repeat 0px 5px;} /* 소셜 유투브 */ div.u_text { margin:0 0 0 10px; height:200px !important; text-align:center;} div.u_text a{display:inline-block; width:200px !important; height:150px !important; } div.u_text a img {width:200px;} div.u_text a span {width:200px; display:block; overflow:hidden; white-space:nowrap; text-overflow:ellipsis;} /* 소셜 트위터 */ #tab1c2 iframe {width:238px !important; /* height:262px !important; */ overflow-x:hidden !important;} #tab1c2 {overflow-x:hidden !important; overflow-y:auto !important;} /* 공지/공고, 법령정보, 지방청뉴스, 보도자료 */ #board2 {float:left; position:relative; margin:20px 0 0 20px; display:inline; width:480px; height:175px;} #board2 ul {display:inline; float:left; position:relative; left:0px; width:480px; margin:0px; } #board2 ul li { float:left; z-index:10; background:url('/images/syjy/main/board_more_off.gif') no-repeat 106px 6px;} #board2 ul li.on{ border-bottom:3px solid #6c7ab9;} #board2 ul li a.nobg{ background:none !important;} #board2 ul li img {vertical-align:middle;} #board2 ul li a { float:left; font-size:16px; color:#000; display: block; width:110px; height:37px; line-height:29px; margin:0 0px 0 0px; padding:0 0px 0 10px; background:url('/images/syjy/main/board_li_bg1.gif') no-repeat 0px 5px;} #board2 ul div.tabcontent {position: absolute; top: 39px; left:0px; display:none; width:480px; padding:13px 0 0 0; border-top:1px solid #6c7ab9;} #board2 ul ul { width: 465px; position:relative; top:0px; left:0px !important;} #board2 ul ul li {float:left; display:inline; margin:0 0 0 0 !important; padding:0px 0 6px 0px !important; background:url('/images/syjy/main/board_li_bg.gif') no-repeat 0px 15px; width:480px; border:0; } #board2 ul ul li a { float: left; font-size:1.1em; width:370px !important; height:24px !important; display:block; text-overflow:ellipsis; white-space: nowrap; overflow:hidden; color:#575757; text-align:left !important; background:none !important; letter-spacing: 0px !important;} #board2 ul ul li span {float:right; font-size:12px; color:#767676; font-family:Tahoma; margin-top:4px;} #board2 p a { width:17px !important; height:24px !important; line-height:20px !important; background:none !important; padding:0 0 0 7px !important;} #board2 #tab2c1 { display:block ;} #board2 #tab2m3 a { letter-spacing: -0.1em;} #board2 p.mone1 { position:absolute; top:-38px; left:99px;} #board2 p.mone2 { position:absolute; top:-38px; left:219px;} #board2 p.mone3 { position:absolute; top:-38px; left:339px;} #board2 p.mone4 { position:absolute; top:-38px; left:459px;} #tab2m5{display:none;} /* 배너 */ #banner {position:relative; display:inline; float:left; margin:22px 0 0 20px; width:480px; height:105px; background:#f2f2f2;} #banner img {vertical-align:top;} #banner ul.list { padding:10px 0 0 20px; height:50px;} #banner ul.list li {float:left; margin-right:6px; border:1px solid #ddd; height:48px;} #banner ul.control .prev {position:absolute; left:5px; top:27px;} #banner ul.control .next {position:absolute; left:464px; top:27px;} #banner span a.more {position:absolute; left:432px; top:36px;} #banner ul.control_2 {position:absolute; top:10px; left:432px;} #banner1 { display:block;} #banner2, #banner3, #banner4 { display:none;} /* 배너 변경 */ #mbanner {position:relative; display:inline; float:left; margin:22px 0 0 20px; width:480px; height:105px !important; background:#f2f2f2; overflow:hidden;} #mbanner img {vertical-align:top;} #mbanner ul.control .prev {position:absolute; left:5px; top:27px; z-index:10;} #mbanner ul.control .next {position:absolute; left:464px; top:27px; z-index:10;} #mbanner ul.control_2 {position:absolute; top:10px; left:432px; z-index:10;} #mbanner span a.more {position:absolute; left:432px; top:36px; z-index:10;} #mbanner .banner .overhidden {position:absolute; z-index:5; top:10px; left:20px;} #mbanner .banner .overhidden ul.list { padding:0px 0 0 0px; height:50px; width:100%;} #mbanner .banner .overhidden ul.list li {float:left; margin-right:6px !important; height:48px;} #mbanner .banner .overhidden ul.list li img {border:1px solid #dddddd; box-sizing:border-box; width:130px; height:48px;} /* 링크 */ #mbanner #link2 { position:relative; top:60px; } #mbanner #link2 h2 { float:left; position:relative; top:15px; left:20px;} #mbanner #link2 ul { position:relative; top:10px; left:20px;} #mbanner #link2 li { float:left; padding:0 0 0 5px;} #mbanner #link2 li select { width:152px; height:24px; line-height:24px; border:1px solid #a1a1a1;} #mbanner #link2 li input {vertical-align:top; } #mbanner .banner .overhidden ul li {float:left;} /* 링크 */ #link1 { display: none; } #link2 { position:relative; top:0px; width:757px;} #link2 h2 { float:left; position:relative; top:15px; left:20px;} #link2 ul { position:relative; top:10px; /* left:20px; */} #link2 li { float:left; /* padding:0 0 0 5px; */} #link2 li select { width:152px; height:24px; line-height:24px; border:1px solid #a1a1a1;} #link2 li input {vertical-align:top; } /* 병무민원포탈, 나만의 홈페이지, 국민신문고, 병역사항공개, 신병부대배치조회 */ #link3_t { overflow:visible !important; width:auto !important; visibility:inherit !important;} #link3_t { position:relative !important; margin:20px 0 0 0; width:740px; height:180px !important;} #link3_t h2 { font-size:15px !important;} #link3_t p { font-size:11px !important;} #link3_t div.link_group1 { float:left; background:#f7f7f7; width:235px; height:180px; margin:0 16px 0 0px;} #link3_t div.link_group2 { float:left; background:#f7f7f7; width:235px; height:180px; margin:0 10px 0 0px;} #link3_t div.link_group3 { float:left; background:#f7f7f7; width:235px; height:180px; margin:0 0px 0 6px;} #link3_t div.link_text1 { margin-left:12px; background:url('/images/syjy/main/link2_img1.gif') no-repeat; background-position:left center; width:220px; height:90px; border-bottom:1px dashed #b0b0b0;} #link3_t div.link_text1 h2 { padding:20px 0 0 70px; font-weight:normal;} #link3_t div.link_text1 h2 a { color:#333 !important;} #link3_t div.link_text1 p { padding:0px 0 0 70px; width:127px; letter-spacing:-1.5px; color:#313131 !important;} #link3_t div.link_text1 span { color:#045F5D;} #link3_t div.link_text2 { margin-left:12px; background:url('/images/syjy/main/link2_img10.gif') no-repeat; background-position:left center; width:220px; height:90px;} #link3_t div.link_text2 h2 { padding:20px 0 0 70px; letter-spacing:-0.05em; font-weight:normal;} #link3_t div.link_text2 h2 a { color:#333 !important; font-size: 14px !important;} #link3_t div.link_text2 p { padding:0px 0 0 70px; width:127px; letter-spacing:-1.5px; color:#313131 !important; } #link3_t div.link_text2 span { color:#045F5D;} #link3_t div.link_text3 { margin-left:12px; background:url('/images/syjy/main/link2_img2.gif') no-repeat; background-position:left center; width:220px; height:90px; border-bottom:1px dashed #b0b0b0;} #link3_t div.link_text3 h2 { padding:20px 0 0 70px; font-weight:normal; letter-spacing:-0.1em;} #link3_t div.link_text3 h2 a { color:#333 !important;} #link3_t div.link_text3 p { padding:0px 0 0 70px; width:127px; letter-spacing:-1.5px; color:#313131 !important;} #link3_t div.link_text3 span { color:#045F5D;} #link3_t div.link_text4 { margin-left:12px; background:url('/images/syjy/main/link2_img3.gif') no-repeat; background-position:left center; width:220px; height:90px;} #link3_t div.link_text4 h2 { padding:20px 0 0 70px; font-weight:normal;} #link3_t div.link_text4 h2 a { color:#333 !important;} #link3_t div.link_text4 p { padding:0px 0 0 70px; width:127px; letter-spacing:-1.5px; color:#313131 !important;} #link3_t div.link_text4 span { color:#045F5D;} #link3_t div.link_text5 { margin-left:12px; background:url('/images/syjy/main/link2_img4.gif') no-repeat; background-position:left center; width:220px; height:90px; border-bottom:1px dashed #b0b0b0;} #link3_t div.link_text5 h2 { padding:20px 0 0 70px; font-weight:normal;} #link3_t div.link_text5 h2 a { color:#333 !important;} #link3_t div.link_text5 p { padding:0px 0 0 70px; width:127px; letter-spacing:-1.5px; color:#313131 !important;} #link3_t div.link_text5 span { color:#045F5D;} #link3_t div.link_text6 { margin-left:12px; background:url('/images/syjy/main/link2_im5.gif') no-repeat; background-position:left center; width:220px; height:90px;} #link3_t div.link_text6 h2 { padding:20px 0 0 70px; letter-spacing:-0.05em; font-weight:normal;} #link3_t div.link_text6 h2 a { color:#333 !important;} #link3_t div.link_text6 p { padding:0px 0 0 70px; width:127px; letter-spacing:-1.5px; color:#313131 !important; } #link3_t div.link_text6 span { color:#045F5D;} #link3_t dl { width:185px; margin:15px 0 0 20px;} #link3_t dt.no1 { float:left; background:url('/images/syjy/main/link2_img6.gif') no-repeat right 0px; width:72px; height:19px; font-size:12px; padding:0px 0px 13px 0;} #link3_t dd {float:left; position:relative; top:-7px; left:20px; width:110px; height:19px; padding:0 0 13px 0; font-size:19px;} #link3_t dt.no2 { float:left; background:url('/images/syjy/main/link2_img7.gif') no-repeat right 0px; width:72px; height:19px; font-size:12px; padding:0 0px 13px 0;} /* 링크 이미지 */ ul.link_img { position:relative; margin:25px 0 0 0;} ul.link_img li { float:left; padding:0 3px 0 2px;} /* 소통채널 */ #right_box_group {float:left; position:relative; margin:0 0 20px 0; display:inline; width:238px; height:95px; background:#f6f7fb; border:1px solid #cbd2e4;} #right_box_group ul {display:inline; float:left; position:relative; left:0px; width:240px; margin:0px; } #right_box_group ul li { float:left; z-index:10; background:url('/images/syjy/main/board_more_off.gif') no-repeat 80px 16px;} #right_box_group ul li.on{ border-bottom:3px solid #6c7ab9;} #right_box_group ul li a.nobg{ background:none !important;} #right_box_group ul li img {vertical-align:middle;} #right_box_group ul li span {/* float:left; */ font-size:16px; color:#000; display: inline-block; width:95px; height:26px; padding:10px 10px 7px 10px;} #right_box_group .right_box_text1{} #right_box_group .right_box_text2{background: url('/images/syjy/main/link_img7.gif') no-repeat 0px 3px;} #right_box_group .right_box_text2 a{position: relative; left: 32px; display: inline-block; font-size: 16px;} #right_box_group ul div.tabcontent {position: relative; /* top: 44px; */ left:0px; display:block; width:239px; border-top:1px solid #6c7ab9;} #right_box_group ul ul { width: 240px; position:absolute; left:0px !important; padding-top:9px;} #right_box_group ul ul li {/* width:50px; */ height:40px; margin-left: 21px;} #right_box_group ul ul li a {position: relative; /* top: 9px; left: 40px; */ display: inline-block; /* font-size:16px; */} #right_box_group ul ul li span {float:right; font-size:12px; color:#767676; font-family:Tahoma; margin-top:4px;} #right_box_group p a { width:17px !important; height:24px !important; line-height:20px !important; background:none !important; padding:0 0 0 10px !important;} #right_box_group .right_box_link01{background: none;} #right_box_group .right_box_link02{background: none;} #right_box_group .right_box_link03{background: none;} #right_box_group .right_box_link04{background: none;} #right_site_group { float:left; position:relative; width:238px; height:631px; background:#f6f7fb; border:1px solid #cbd2e4; } #right_site_group h2 { padding:13px 0 0 28px; width:116px; height:36px;} #right_site_group ul { padding:0px 0 0 15px;} #right_site_group li { width:100%; height:46px; margin-top:15px;} #right_site_group li a { color:#656565; position:absolute; margin-top: 11px; margin-left:50px; display: inline-block;} #right_site_group .right_site_link01{background: url('/images/syjy/main/right/right_img01.png') no-repeat 0px 3px;} #right_site_group .right_site_link02{background: url('/images/syjy/main/right/right_img02.png') no-repeat 0px 3px;} #right_site_group .right_site_link03{background: url('/images/syjy/main/right/right_img03.png') no-repeat 0px 3px;} #right_site_group .right_site_link04{background: url('/images/syjy/main/right/right_img04.png') no-repeat 0px 3px;} #right_site_group .right_site_link05{background: url('/images/syjy/main/right/right_img05.png') no-repeat 0px 3px;} #right_site_group .right_site_link06{background: url('/images/syjy/main/right/right_img06.png') no-repeat 0px 3px;} #right_site_group .right_site_link07{background: url('/images/syjy/main/right/right_img07.png') no-repeat 0px 3px;} #right_site_group .right_site_link08{background: url('/images/syjy/main/right/right_img08.png') no-repeat 0px 3px;} #right_site_group .right_site_link09{background: url('/images/syjy/main/right/right_img09.png') no-repeat 0px 3px;} #right_site_group .right_site_link10{background: url('/images/syjy/main/right/right_img10.png') no-repeat 0px 3px;} #link_box_group2 {position:relative; width:740px; height:33px; margin:5px 0 0 0;} #link_box_group2 #link_box2_1 {float:left; position:relative; display:inline; width:740px; height:33px;} #link_box_group2 #link_box2_1 ul {display:inline; float:left; position:relative; left:0px; width:740px; margin:0px; } #link_box_group2 #link_box2_1 ul li { float:left; z-index:10;} #link_box_group2 #link_box2_1 ul li.on{ border-bottom:3px solid #6c7ab9; background:url('/images/syjy/main/board_more_off.gif') no-repeat 106px 7px;} #link_box_group2 #link_box2_1 ul li span{float: left; font-size: 16px; color: #000; display: block; width: 100px; height: 22px; padding: 0px 10px 7px 10px;} #link_box_group2 #link_box2_1 ul div.tabcontent {position: absolute; top: 31px; left:0px; width:740px; border-top:1px solid #6c7ab9;} /* 주요사이트 바로가기 */ #important_site {position:relative; margin:5px 0 0 0; width:738px; height:160px; background:#f6f7fb; border:1px solid #cbd2e4; } #important_site h2 { float:left; padding:20px 0 0 28px; width:116px; height:43px;} #important_site ul { padding:10px 20px 0 20px;} #important_site li { float:left; padding:12px 0 0 0; width:170px; letter-spacing: -0.05em;} #important_site li a { color:#656565;} /* 개인정보 보호방침 외 페이지 링크 */ #navi { position:relative; margin:20px auto; width:740px; font-size:12px;} #navi li { float:left; height:44px; line-height:44px; padding:0px 40px 0 0px; text-align:center; } #navi li a {display:block;} #navi li a:hover { height:42px; line-height:42px; border-top:1px solid #cbd2e4; border-bottom:1px solid #eaedf4;} #navi li.onbg {padding:0px 0px 0 0px;} #navi li.col_blue a {color:#5b72af; font-weight:bold;} #navi li.col_blue_new a {color:#004b9d; font-weight:bold; text-decoration:underline;} #footer_bg {background:url('/images/syjy/sub/footer_bg.gif') repeat-x center 0 ;} p.errer {position:absolute; top:35px; left:415px;} .link_box_list .footer_link_box {margin: 10px 0 0px 0;} .link_box_list .footer_link_box .footer_atarget {float: left; background: #f6f7fb; width: 142px; height: 35px; margin: 0px 5px 10px 0px; border: 1px solid #cbd2e4;} .link_box_list #affiliation .footer_atarget {float: left; background: #f6f7fb; width: 142px; height: 35px; margin: 0px 0px 10px 0px; border: 1px solid #cbd2e4;} .link_box_list .footer_link_box .list{margin-top: -142px; width: 134px; position: absolute; z-index: 10; background: #fff; display: none; border: 1px solid #cbd2e4; padding: 4px; background: #fff;} .link_box_list .footer_link_box .promotionList{} .link_box_list .footer_link_box .workList{margin-left: 149px;} .link_box_list .footer_link_box .publicList{margin-left: 298px; margin-top: -156px;} .link_box_list .footer_link_box .relatedList{margin-left: 447px; margin-top: -274px;} .link_box_list .footer_link_box .affiliationList{margin-left: 596px; margin-top: -480px;} .link_box_list .footer_link_box li{margin:3px 0px 3px 0px;} .link_box_list .footer_link_box .footer_atarget h3 {padding:7px 0px 5px 10px; display: inline-block; font-size:15px;} .link_box_list .footer_link_box .footer_atarget .publicH3 {padding:2px 0px 0px 10px; display: inline-block; font-size:15px; line-height:15px; width:90px;} .link_box_list .footer_link_box .footer_atarget img {float:right; margin:13px 8px 1px 1px;} .link_box_list .footer_link_box .footer_atarget .listClose {display:none;} .link_box_list .button.link_small .lfCssWeb{display:none;} .link_box_list .button.link_small .lfCssTablet {font-size:12px !important; color:#456fbb; white-space:nowrap; /* text-decoration:underline; */ font-weight:bold; padding:1px 18px 1px 0px !important; background:url('/images/syjy/sub/icon_link2.gif') no-repeat right 5px; line-height:13px;} .link_box_list .button.link_small a {font-size:12px !important; color:#456fbb; white-space:nowrap; /* text-decoration:underline; */ font-weight:bold; padding:1px 18px 1px 0px !important; background:url('/images/syjy/sub/icon_link2.gif') no-repeat right 2px;} } /* 타블릿 세로 및 그 이하 공통 @media (max-width :992px) { secrion #container_box1 { } } */ /* 스마트폰 공통 */ @media (min-width:497px) and (max-width:756px) { .top_menu { position:absolute !important; overflow:hidden !important; height:0 !important; width:0 !important; font-size:0 !important; visibility:hidden !important;} /* 컨텐츠 그룹 */ #secrion { /* margin-bottom: 5%; */ } #secrion #container_box0 { position:absolute; overflow:hidden !important; height:0 !important; width:0 !important; font-size:0 !important; visibility:hidden;} #secrion #container_box1 { float:none !important; position:relative; width:94% !important; height:270px; /* top:50px; */ margin:0 3% 0 3% !important;} #secrion #container_box2 { float:none !important; position:relative; margin:0 0 0 0px; width:100% !important; height:675px; } #secrion #container_box3 { position:absolute; overflow:hidden !important; height:0 !important; width:0 !important; font-size:0 !important; visibility:hidden;} #secrion #container_box4 { position:absolute; overflow:hidden !important; height:0 !important; width:0 !important; font-size:0 !important; visibility:hidden;} #secrion select { display: none; } .link_box_list { display: none; } .footer_link_box { display: none; } /* 팝업존 */ #pop_group { width:100%; } .popup {float:none; position:relative; width:100%; margin-top:10px; background:url('/images/syjy/common/noimage_popupzone.gif') no-repeat 0 19px; background-size:100% 100%;} .popup .img_frame{ position:relative; top:19px; width:100%; font-size:0; line-height:0px !important;} .popup .pop_img{ width:100%; padding:45% 0 0 0; overflow:hidden; display:inline-block;} .popup .pop_img li{ top: 0px; width:100%; position:absolute; display:inline-block;} .popup .pop_img li img {width:100% !important; } .popup_control{ position:absolute; top:0px;} .popup_control li{ float:left; display:inline; /* padding:0 10px 0 0px; */ line-height:0px !important;} #pop_group p { width:100%; margin:29px 0 0 0;} #changeNum {position:absolute; top:-6px; right:0px; } /* #pause_pops {position:absolute; top:0px; left:15px;} */ li.next_pop {position:absolute; top:0px; left:33px;} .popup_control .prev_pop {display: block;} .popup_control .prev_pop span {position: absolute; top:0px; left:0px; width:6px; height: 10px; text-indent: -9999px; cursor: pointer;} .popup_control .prev_pop span a {width: 6px; height:10px; display: block;} .popup_control .prev_pop span a:focus {border-image: none; width: 6px; height:10px; display: block;} .popup_control .prev_pop span.left {background: url("/images/syjy/main/pop_left.gif") no-repeat center; top:0px; /* left: 20px; */} .popup_control .next_pop {display: block;} .popup_control .next_pop span {position: absolute; top:0px; left:0px; width:6px; height: 10px; text-indent: -9999px; cursor: pointer;} .popup_control .next_pop span a {width: 6px; height:10px; display: block;} .popup_control .next_pop span a:focus {border-image: none; width: 6px; height:10px; display: block;} .popup_control .next_pop span.right {background: url("/images/syjy/main/pop_right.gif") no-repeat center; top:0px; /* left: 54px; */} .popup_control .pause_pop {position: absolute; left: 15px; top:0px; width: 10px; height: 10px; overflow: hidden; cursor: pointer;} .popup_control .pause_pop .pause {background: url("/images/syjy/main/pop_stop.gif") no-repeat 0px 0px; width:10px; height: 10px; text-indent: -9999em; position: absolute; z-index: 4;} .popup_control .playBtn {position: absolute; left: 15px; top:0px; width: 10px; height: 10px; overflow: hidden; cursor: pointer;} .popup_control .playBtn .active.pause {background: url("/images/syjy/main/pop_play.gif") no-repeat 0px 0px; width:10px; height: 10px; text-indent: -9999em; position: absolute; z-index: 4;} /* 메인 비쥬얼 */ #slides {float:none; width:100%;} #slides .bullet { left: 0px; width: 13px; height: 12px; bottom: 30px; overflow: hidden; position: absolute; z-index: 100;} #slides .on.bullet {background-position: -8px 0px;} #slides .focus.bullet {border: 2px solid red; border-image: none;} #slides div.eventArea {position: relative; margin:77px 0 0 0; width:100%; } #slides .event { width:100%; display:none; overflow: hidden;} #slides .on {display:block;} #slides .event a {float: left; cursor: default; width:100%; margin-top:4px;} #slides .event a img {width:100%; } #slides .img1{ margin-top:-260px;} #div1{ top: 0px; position:relative ;} #div2{ top: 0px; position:absolute ;} #div3{ top: 0px; position:absolute ;} #div4{ top: 0px; position:absolute ;} #div5{ top: 0px; position:absolute ;} #div6{ top: 0px; position:absolute ;} #div7{ top: 0px; position:absolute ;} #div8{ top: 0px; position:absolute ;} #div9{ top: 0px; position:absolute ;} #div10{ top: 0px; position:absolute ;} #div11{ top: 0px; position:absolute ;} #div12{ top: 0px; position:absolute ;} #div13{ top: 0px; position:absolute ;} #div14{ top: 0px; position:absolute ;} #div15{ top: 0px; position:absolute ;} #div16{ top: 0px; position:absolute ;} #div17{ top: 0px; position:absolute ;} #div18{ top: 0px; position:absolute ;} #div19{ top: 0px; position:absolute ;} #div20{ top: 0px; position:absolute ;} #div21{ top: 0px; position:absolute ;} #div22{ top: 0px; position:absolute ;} #div23{ top: 0px; position:absolute ;} #div24{ top: 0px; position:absolute ;} #div25{ top: 0px; position:absolute ;} #div26{ top: 0px; position:absolute ;} #div27{ top: 0px; position:absolute ;} #div28{ top: 0px; position:absolute ;} #div29{ top: 0px; position:absolute ;} #div30{ top: 0px; position:absolute ;} #slides .slide_timer {position: absolute; left: 16px; top:0px; width: 10px; height: 10px; overflow: hidden; cursor: pointer; } #slides .slide_timer .pause {background: url("/images/syjy/main/pop_stop.gif") no-repeat; width:10px; height: 10px; text-indent: -9999em; position: absolute; z-index: 4;} #slides .slide_timer .active.pause {background: url("/images/syjy/main/pop_play.gif") no-repeat 0px 0px;} #featured { overflow: hidden;} div.orbit-wrapper {width: 1px; height: 1px; position: relative;} div.orbit { position:absolute; width: 100%; height:10px; margin-top:-15px; } div.orbit > img {left: 0px; top: 0px; display: none; position: absolute; width: 100%;} div.orbit > a {border: currentColor; border-image: none; left: 0px; top: 0px; line-height: 0; display: none; position: absolute;} .orbit > div {left: 0px; top: 0px; width: 100%; height: 100%; position: absolute;} div.timer {width: 40px; height: 40px; right: 437px; bottom: 10px; overflow: hidden; position: absolute; z-index: 1001; cursor: pointer; opacity: 0.6;} span.rotator { left: -20px; top: 0px; width: 40px; height: 40px; display: block; position: absolute; z-index: 3;} span.mask {top: 0px; width: 20px; height: 40px; right: 0px; overflow: hidden; display: block; position: absolute; z-index: 2;} .orbit-wrapper .orbit-caption {background: rgba(0, 0, 0, 0.6); padding: 7px 0px; width: 100%; text-align: center; right: 0px; bottom: 0px; color: rgb(255, 255, 255); font-size: 13px; position: absolute; z-index: 1000;} div.slider-nav {display: block; background: url("/images/syjy/common/noimage_syjy.gif") no-repeat 20px 19px; background-size:100% 100%;} div.slider-nav span {position: absolute; top:0px; left:0px; width:6px; height: 10px; text-indent: -9999px; cursor: pointer;} div.slider-nav span a {width: 6px; height:10px; display: block;} div.slider-nav span a:focus {border-image: none; width: 6px; height:10px; display: block;} div.slider-nav span.right {background: url("/images/syjy/main/pop_right.gif") no-repeat center; top:0px; left: 34px;} div.slider-nav span.left {background: url("/images/syjy/main/pop_left.gif") no-repeat center; top:0px; left: 0px;} .orbit-bullets {position: absolute; top:0px; right:0;} .orbit-bullets li {background: url("/images/syjy/main/pop_bt_off.gif") no-repeat 0px 0px; width: 10px; height: 10px; padding:0 0 0 0; margin:0 0 0 10px; text-indent: -9999px; overflow: hidden; float: left; cursor: pointer;} .orbit-bullets li.active {background: url("/images/syjy/main/pop_bt_on.gif") no-repeat 0px 0px; width: 33px; height: 10px;} .orbit-bullets li.focus {outline: red solid 2px;} .orbit-bullets li.has-thumb {background: none; width: 100px; height: 75px;} .orbit-bullets li.has-thumb.active {background-position: 0px 0px; border-top-color: rgb(0, 0, 0); border-top-width: 2px; border-top-style: solid;} /* 소셜 */ #board1 {float:left; position:relative; display:inline; margin:3% 0 0 0px; width:100%; height:300px !important; border:1px solid #e3e3e3; box-sizing:border-box;} #board1 ul { position:relative; top:-1px; display:inline; float:left; width:100%; margin:0px; } #board1 ul li{ float:left; margin:1px 0 0 0 !important; background:#fff; z-index:10; border-left:1px solid #e3e3e3; width:25%; background:#f6f7fb; border-bottom:1px solid #e3e3e3; box-sizing:border-box;} #board1 ul li:first-child {border-left:0px solid #e3e3e3;} #board1 ul li.on{ border-top:2px solid #37568f; background:#fff;} #board1 ul li img {vertical-align:middle;} #board1 ul li a.board1_img_bg { float: left; display: block; width:25%; height:30px; padding:8px 38% 0 38%; text-align:center;} #board1 ul div.tabcontent {position: absolute; top: 21px; left:0px; display:none; width:100%; height:238px !important; overflow-x:hidden; margin:20px 0 0 0; padding:20px 0 0 0px; background:#fff;} #tab1c1 { display:block !important;} div.text_b { float:left; position:relative; top:20px; margin:0 0 0 0; width:100%; font-size:11px;} div.text_b p.text_img { float:left; } div.text_b div.text_b1 {float:left; } div.text_b div.text_b1 p { padding:0 0 0 10px;} div.text_b div.text_b1 p strong {color:#4969b6 !important; } div.text_b div.text_b1 span { position:absolute; left:130px; } div.text_b div.text_b1 a {float:left; text-align:left !important; height:50px; padding: 0px 0 0 0px !important;} div.text_t { float:left; margin:20px 0 0 0; width:95% !important; font-size:11px;} div.text_t h3 {} div.text_t p.text a{ float:left; padding:0px !important; width:100% !important; height:auto !important; text-align:left !important; clear:both;} div.text_t p.text_r { float:right; padding:5px 0 0 20px; background:url("/images/syjy/main/board1_li_bg.gif") no-repeat 0px 5px;} /* 페이스북 */ #board1 #tab1c1 { display:block ; } #board1 #tab1c1 li{float:none; margin:-10px 0 0 0; border:0 !important; width:100% !important;} span.pic {float:left !important; } span.pic a { padding:0 0 0 20px !important;} div.txt { background:#fff; width:100% !important;} strong.scName a { display:block !important; position:relative; top:5px; left:30px; padding:10px 0 0 0 !important; width:100% !important; font-size:12px !important;} p.scStory {width:100% !important; padding:10px 5% 0 0 !important;} p.scStory a {display:block !important; position:relative; width:90% !important; padding:10px 4% 0 3% !important; text-align:left !important; font-size:13px !important; } span.scTime {display:block !important; /* position:relative; */ left:75%; width:100% !important; font-size:11px !important; color:#4063D7;} div.text_b { float:left; position:relative; top:20px; width:100%; height:auto !important; font-size:11px;} div.text_b p { float:left; padding:0px 0 0 10px; } div.text_b p img.img_t { position:relative; top:-5px; vertical-align:top !important;} div.text_b p span { margin:0px 0 0 10px; } div.text_t { float:left; margin:20px 0 0 0; width:95% !important; font-size:11px;} div.text_t h3 {} div.text_t p.text a{ float:left; width:100% !important; height:auto !important; text-align:left !important; clear:both;} div.text_t p.text_r { float:right; padding:5px 0 0 20px; background:url("/images/syjy/main/board1_li_bg.gif") no-repeat 0px 5px;} /* 소셜 트위터 */ #tab1c2 iframe {width:100% !important; margin:-20px 0 0 0 !important; height:262px !important; overflow-x:hidden !important;} #tab1c2 {overflow:hidden !important; text-align:center !important;} /* 소셜 유투브 */ #tab1c2 {overflow:hidden !important;} div.u_text { margin:0 0 0 10px; height:auto !important; text-align:center;} div.u_text a{display:inline-block; width:90% !important; height:auto !important; padding:20px 0 0 0; } div.u_text a img {width:100%;} div.u_text a span {width:100%; display:block; overflow:hidden; white-space:nowrap; text-overflow:ellipsis;} /* 소식 정보 */ #board_link {position:relative; width:100% !important; margin-top:5%; font-size:13px; float:left; background-color: #3477cd; margin-bottom: 6px;} #board_link span { font-size: 15px; color: white; font-weight: bold;vertical-align: middle; padding-left: 10px;} #board_link a {position: relative; float: right; top: 4px; height: 20px; right:5px;} /* 공지/공고, 법령정보, 지방청뉴스, 보도자료 */ #board2 {float:left; position:relative; display:inline; width:100% !important; height:220px; box-sizing:border-box; background:#fff; border:1px solid #e0e0e0; overflow:hidden; /* margin-top:5%; */} #board2 ul {display:inline; float:left; position:relative; left:0px; width:100%; margin:0px;} #board2 ul li { float:left; z-index:10; width:25% ; } #board2 ul li.on{ border-bottom:2px solid #6c7ab9; } #board2 ul li a.nobg{ background:none !important;} #board2 ul li img {vertical-align:middle;} #board2 ul li a { float: left; display:inline; height:35px; width:100% !important; padding:10px 0px 0 0px; text-align:center !important; } #tab2m5{display:none;} #board2 ul div.tabcontent {position: absolute; top: 45px; left:0px; display:none; width:100%; padding:15px 0 0 0; border-top:1px solid #6c7ab9;} #board2 ul ul { position:relative; top:0px; left:0px !important; width:100%;} /* #board2 ul ul.board_m li {background:url('/images/syjy/sub/board_m_bg.gif') no-repeat right 15px; } */ #board2 ul ul li {float:left; margin:0 0 0 0 !important; padding:5px 0 0px 4px !important; font-size:14px; width:96%; border:0; } #board2 ul ul li a { float: left; height:24px !important; display:block; width:100% !important; text-overflow:ellipsis; white-space: nowrap; overflow:hidden; color:#575757; text-align:left !important; background:none !important; letter-spacing: 0px !important;} #board2 ul ul li span { font-size:12px; color:#525252; width:100px; margin-top:-2px; } #board2 p a { width:10px !important; background:none !important; } #board2 #tab2c1 { display:block ;} #board2 ul ul li span.m_1 {position:absolute; top:0px; left:5px;} #board2 ul ul li span.m_2 {position:absolute; top:39px; left:5px;} #board2 ul ul li span.m_3 {position:absolute; top:80px; left:5px;} #board2 ul ul li span.m_4 {position:absolute; top:120px; left:5px;} #board2 p.mone1 { position:absolute; top:-36px; left:90px;} #board2 p.mone2 { position:absolute; top:-36px; left:205px;} #board2 p.mone3 { position:absolute; top:-36px; left:320px;} #board2 p.mone4 { position:absolute; top:-36px; left:435px;} /* 병역안내App, 국민신문고, 상담코너, 신병부대배치조회 */ #mlink1 { position:relative; width:100% !important; height:195px !important; margin:5% 0 0 0; font-size:13px; float:left;} #mlink1 #mlink1_1 { /* background-color: #1D838A; */ background-color:#3477cd; margin-bottom:6px; width: 99%;} #mlink1 #mlink1_1 span { font-size: 15px; color: white; font-weight: bold;vertical-align: middle; padding-left: 10px; } #mlink1 li { float:left; border:1px solid #d5d6da; text-align:center; letter-spacing:-0.05em; width:19%; margin:1px;} #mlink1 li a:hover { background-color:#e0ebfa !important; } #mlink1 li.no1 {margin-left:0px;} #mlink1 li.no1 a {display:block; background:#f5f9fc url("/images/syjy/main/link_main_img1.png") no-repeat 50% 0px; padding:53px 0 5px 0; width:100%; letter-spacing:-0.10em; } #mlink1 li.no2 a {display:block; background:#f5f9fc url("/images/syjy/main/link_main_img2.png") no-repeat 50% 0px; padding:53px 0 5px 0; width:100%; letter-spacing:-0.05em; } #mlink1 li.no3 a {display:block; background:#f5f9fc url("/images/syjy/main/link_main_img3.png") no-repeat 50% 0px; padding:53px 0 5px 0; width:100%; letter-spacing:-0.05em; } #mlink1 li.no4 a {display:block; background:#f5f9fc url("/images/syjy/main/link_main_img4.png") no-repeat 50% 0px; padding:53px 0 5px 0; width:100%; letter-spacing:-0.05em; } #mlink1 li.no5 a {display:block; background:#f5f9fc url("/images/syjy/main/link_main_img5.png") no-repeat 50% 0px; padding:53px 0 5px 0; width:100%; letter-spacing:-0.05em; } #mlink1 li.no5 {margin-right:0px;} #mlink1 li.no6 a {display:block; background:#f5f9fc url("/images/syjy/main/link_main_img6.png") no-repeat 50% 0px; padding:53px 0 5px 0; width:100%; letter-spacing:-0.05em; } #mlink1 li.no6 {margin-left:0px;} #mlink1 li.no7 a {display:block; background:#f5f9fc url("/images/syjy/main/link_main_img7.png") no-repeat 50% 0px; padding:53px 0 5px 0; width:100%; letter-spacing:-0.10em; } #mlink1 li.no8 a {display:block; background:#f5f9fc url("/images/syjy/main/link_main_img8.png") no-repeat 50% 0px; padding:53px 0 5px 0; width:100%; letter-spacing:-0.05em;} #mlink1 li.no9 a {display:block; background:#f5f9fc url("/images/syjy/main/link_main_img9.png") no-repeat 50% 0px; padding:53px 0 5px 0; width:100%; letter-spacing:-0.05em;} #mlink1 li.no10 a {display:block; background:#f5f9fc url("/images/syjy/main/link_main_img10.png") no-repeat 50% 0px; padding:53px 0 5px 0; width:100%; letter-spacing:-0.05em;} #mlink1 li.no10 {margin-right:0px;} #link1_m { position:relative; width:100% !important; height:745px !important; /* top:260px; */ margin: 5% 0 5% 0; float:left;} #link1_m h2 { padding:16px 0 0 9px; font-size:16px;} #link1_m p { margin:7px 0 0 10px; font-size:13px;} #link1_m #link1_1{ background-color: #3477cd; margin-bottom: 4px; width: 99%;} #link1_m #link1_1 span { font-size: 15px; color: white; font-weight: bold;vertical-align: middle; padding-left: 10px; } #link1_m ul li { float:left; width:48.9%; height:115px; margin:3px; border-top:1px solid #6c7ab9; border-bottom:1px solid #6c7ab9;} #link1_m ul li.no1 { background:#edf6ff url('/images/syjy/main/mi_img1.gif') no-repeat 100% 95%; margin-left:0px;} #link1_m ul li.no2 { background:#edf6ff url('/images/syjy/main/mi_img2.gif') no-repeat 100% 95%; margin-right:0px;} #link1_m ul li.no3 { background:#edf6ff url('/images/syjy/main/mi_img3.gif') no-repeat 100% 95%; margin-left:0px;} #link1_m ul li.no4 { background:#edf6ff url('/images/syjy/main/mi_img4.gif') no-repeat 100% 95%; margin-right:0px;} #link1_m ul li.no5 { background:#edf6ff url('/images/syjy/main/mi_img5.gif') no-repeat 100% 95%; margin-left:0px;} #link1_m ul li.no6 { background:#edf6ff url('/images/syjy/main/mi_img6.gif') no-repeat 100% 95%; margin-right:0px;} #link1_m ul li.no7 { background:#edf6ff url('/images/syjy/main/mi_img7.gif') no-repeat 100% 95%; margin-left:0px;} #link1_m ul li.no8 { background:#edf6ff url('/images/syjy/main/mi_img8.gif') no-repeat 100% 95%; margin-right:0px;} #link1_m ul li.no9 { background:#edf6ff url('/images/syjy/main/mi_img9.gif') no-repeat 100% 95%; margin-left:0px;} #link1_m ul li.no10 { background:#edf6ff url('/images/syjy/main/mi_img10.png') no-repeat 100% 95%; margin-right:0px;} #link1_m ul li.no11 { background:#edf6ff url('/images/syjy/main/mi_img11.png') no-repeat 100% 95%; margin-right:0px;} #link1_m ul li.no12 { background:#edf6ff url('/images/syjy/main/mi_img12.png') no-repeat 100% 95%; margin-left:0px;} #link1 { position:absolute; overflow:hidden !important; height:0 !important; width:0 !important; font-size:0 !important; visibility:hidden;} #link2 { display: none; } #link3 { position:relative; width:0px !important; height:0px !important; overflow:hidden !important; font-size:0px !important;} .link_img { position:absolute; overflow:hidden !important; height:0 !important; width:0 !important; font-size:0 !important; visibility:hidden;} /* 개인정보 보호방침 외 페이지 링크 */ #navi {width:97%; margin-top:22px; margin-left:16px; margin-bottom:14%;} #navi li { float:left; height:44px; line-height:44px; border:1px solid #eaedf4; padding:0px 0px 0 0px; width:48%; text-align:center; } #navi li a {display:inline;} #navi li a:hover {color:#656565; height:42px; line-height:42px; background-color:#f9fafc; border-top:1px solid #cbd2e4; border-bottom:1px solid #eaedf4;} #navi li.onbg { border-right:1px solid #eaedf4; width:174px;} #navi li.col_blue a {color:#5f78b8; font-weight:bold;} #navi li.m_off {position:absolute !important; overflow:hidden !important; height:0 !important; width:0 !important; font-size:0 !important; visibility:hidden !important;} #footer_bg {/* margin-top: 220px; */} } @media (min-width:0px) and (max-width:496px) { /* 컨텐츠 그룹 */ #secrion {/* margin-bottom:5%; */} #secrion #container_box0 { position:absolute; overflow:hidden !important; height:0 !important; width:0 !important; font-size:0 !important; visibility:hidden;} #secrion #container_box1 { float:none !important; position:relative; width:94% !important; height:270px; /* top:40px; */ margin:0 3% 0 3% !important;} #secrion #container_box2 { float:none !important; position:relative; margin:0 0 0 0px; width:100% !important; height:675px; } #secrion #container_box3 { position:absolute; overflow:hidden !important; height:0 !important; width:0 !important; font-size:0 !important; visibility:hidden;} #secrion #container_box4 { position:absolute; overflow:hidden !important; height:0 !important; width:0 !important; font-size:0 !important; visibility:hidden;} #secrion select { display: none; } .link_box_list { display: none; } .footer_link_box { display: none; } /* 팝업존 */ #pop_group { width:100%; } .popup {float:none; position:relative; margin-top:10px; width:100%; background:url('/images/syjy/common/noimage_popupzone.gif') no-repeat 0 19px; background-size:100% 100%;} .popup .img_frame{ position:relative; top:19px; width:100%; font-size:0; line-height:0px !important;} .popup .pop_img{ width:100%; padding:45% 0 0 0; overflow:hidden; display:inline-block;} .popup .pop_img li{ top: 0px; width:100%; position:absolute; display:inline-block;} .popup .pop_img li img {width:100% !important; } .popup_control{ position:absolute; top:0px;} .popup_control li{ float:left; display:inline; /* padding:0 10px 0 0px; */ line-height:0px !important;} #pop_group p { width:100%; margin:29px 0 0 0;} #changeNum {position:absolute; top:-6px; right:0px; } /* #pause_pops {position:absolute; top:0px; left:15px;} */ li.next_pop {position:absolute; top:0px; left:33px;} .popup_control .prev_pop {display: block;} .popup_control .prev_pop span {position: absolute; top:0px; left:0px; width:6px; height: 10px; text-indent: -9999px; cursor: pointer;} .popup_control .prev_pop span a {width: 6px; height:10px; display: block;} .popup_control .prev_pop span a:focus {border-image: none; width: 6px; height:10px; display: block;} .popup_control .prev_pop span.left {background: url("/images/syjy/main/pop_left.gif") no-repeat center; top:0px; /* left: 20px; */} .popup_control .next_pop {display: block;} .popup_control .next_pop span {position: absolute; top:0px; left:0px; width:6px; height: 10px; text-indent: -9999px; cursor: pointer;} .popup_control .next_pop span a {width: 6px; height:10px; display: block;} .popup_control .next_pop span a:focus {border-image: none; width: 6px; height:10px; display: block;} .popup_control .next_pop span.right {background: url("/images/syjy/main/pop_right.gif") no-repeat center; top:0px; /* left: 54px; */} .popup_control .pause_pop {position: absolute; left: 15px; top:0px; width: 10px; height: 10px; overflow: hidden; cursor: pointer;} .popup_control .pause_pop .pause {background: url("/images/syjy/main/pop_stop.gif") no-repeat 0px 0px; width:10px; height: 10px; text-indent: -9999em; position: absolute; z-index: 4;} .popup_control .playBtn {position: absolute; left: 15px; top:0px; width: 10px; height: 10px; overflow: hidden; cursor: pointer;} .popup_control .playBtn .active.pause {background: url("/images/syjy/main/pop_play.gif") no-repeat 0px 0px; width:10px; height: 10px; text-indent: -9999em; position: absolute; z-index: 4;} /* 메인 비쥬얼 */ #slides {float:none; width:100%;} #slides .bullet { left: 0px; width: 13px; height: 12px; bottom: 30px; overflow: hidden; position: absolute; z-index: 100;} #slides .on.bullet {background-position: -8px 0px;} #slides .focus.bullet {border: 2px solid red; border-image: none;} #slides div.eventArea {position: relative; margin:77px 0 0 0; width:100%; } #slides .event { width:100%; display:none; overflow: hidden;} #slides .on {display:block;} #slides .event a {float: left; cursor: default; width:100%; margin-top:4px;} #slides .event a img {width:100%; } #slides .img1{ margin-top:-260px;} #div1{ top: 0px; position:relative ;} #div2{ top: 0px; position:absolute ;} #div3{ top: 0px; position:absolute ;} #div4{ top: 0px; position:absolute ;} #div5{ top: 0px; position:absolute ;} #div6{ top: 0px; position:absolute ;} #div7{ top: 0px; position:absolute ;} #div8{ top: 0px; position:absolute ;} #div9{ top: 0px; position:absolute ;} #div10{ top: 0px; position:absolute ;} #div11{ top: 0px; position:absolute ;} #div12{ top: 0px; position:absolute ;} #div13{ top: 0px; position:absolute ;} #div14{ top: 0px; position:absolute ;} #div15{ top: 0px; position:absolute ;} #div16{ top: 0px; position:absolute ;} #div17{ top: 0px; position:absolute ;} #div18{ top: 0px; position:absolute ;} #div19{ top: 0px; position:absolute ;} #div20{ top: 0px; position:absolute ;} #div21{ top: 0px; position:absolute ;} #div22{ top: 0px; position:absolute ;} #div23{ top: 0px; position:absolute ;} #div24{ top: 0px; position:absolute ;} #div25{ top: 0px; position:absolute ;} #div26{ top: 0px; position:absolute ;} #div27{ top: 0px; position:absolute ;} #div28{ top: 0px; position:absolute ;} #div29{ top: 0px; position:absolute ;} #div30{ top: 0px; position:absolute ;} #slides .slide_timer {position: absolute; left: 16px; top:0px; width: 10px; height: 10px; overflow: hidden; cursor: pointer; } #slides .slide_timer .pause {background: url("/images/syjy/main/pop_stop.gif") no-repeat; width:10px; height: 10px; text-indent: -9999em; position: absolute; z-index: 4;} #slides .slide_timer .active.pause {background: url("/images/syjy/main/pop_play.gif") no-repeat 0px 0px;} #featured { overflow: hidden;} div.orbit-wrapper {width: 1px; height: 1px; position: relative;} div.orbit { position:absolute; width: 100%; height:10px; margin-top:-15px; } div.orbit > img {left: 0px; top: 0px; display: none; position: absolute; width: 100%;} div.orbit > a {border: currentColor; border-image: none; left: 0px; top: 0px; line-height: 0; display: none; position: absolute;} .orbit > div {left: 0px; top: 0px; width: 100%; height: 100%; position: absolute;} div.timer {width: 40px; height: 40px; right: 437px; bottom: 10px; overflow: hidden; position: absolute; z-index: 1001; cursor: pointer; opacity: 0.6;} span.rotator { left: -20px; top: 0px; width: 40px; height: 40px; display: block; position: absolute; z-index: 3;} span.mask {top: 0px; width: 20px; height: 40px; right: 0px; overflow: hidden; display: block; position: absolute; z-index: 2;} .orbit-wrapper .orbit-caption {background: rgba(0, 0, 0, 0.6); padding: 7px 0px; width: 100%; text-align: center; right: 0px; bottom: 0px; color: rgb(255, 255, 255); font-size: 13px; position: absolute; z-index: 1000;} div.slider-nav {display: block; background: url("/images/syjy/common/noimage_syjy.gif") no-repeat 20px 19px; background-size:100% 100%;} div.slider-nav span {position: absolute; top:0px; left:0px; width:6px; height: 10px; text-indent: -9999px; cursor: pointer;} div.slider-nav span a {width: 6px; height:10px; display: block;} div.slider-nav span a:focus {border-image: none; width: 6px; height:10px; display: block;} div.slider-nav span.right {background: url("/images/syjy/main/pop_right.gif") no-repeat center; top:0px; left: 34px;} div.slider-nav span.left {background: url("/images/syjy/main/pop_left.gif") no-repeat center; top:0px; left: 0px;} .orbit-bullets {position: absolute; top:0px; right:0;} .orbit-bullets li {background: url("/images/syjy/main/pop_bt_off.gif") no-repeat 0px 0px; width: 10px; height: 10px; padding:0 0 0 0; margin:0 0 0 10px; text-indent: -9999px; overflow: hidden; float: left; cursor: pointer;} .orbit-bullets li.active {background: url("/images/syjy/main/pop_bt_on.gif") no-repeat 0px 0px; width: 33px; height: 10px;} .orbit-bullets li.focus {outline: red solid 2px;} .orbit-bullets li.has-thumb {background: none; width: 100px; height: 75px;} .orbit-bullets li.has-thumb.active {background-position: 0px 0px; border-top-color: rgb(0, 0, 0); border-top-width: 2px; border-top-style: solid;} /* 소셜 */ #board1 {float:left; position:relative; display:inline; margin:3% 0 0 0px; width:100%; height:300px !important; border:1px solid #e3e3e3; box-sizing:border-box;} #board1 ul { position:relative; top:-1px; display:inline; float:left; width:100%; margin:0px; } #board1 ul li { float:left; margin:1px 0 0 0 !important; background:#fff; z-index:10; border-left:1px solid #e3e3e3; width:25%; background:#f6f7fb; border-bottom:1px solid #e3e3e3; box-sizing:border-box;} #board1 ul li:first-child {border-left:0px solid #e3e3e3;} #board1 ul li.on{ border-top:2px solid #37568f; background:#fff;} #board1 ul li img {vertical-align:middle;} #board1 ul li a.board1_img_bg { float: left; display: block; width:25%; height:30px; padding:8px 38% 0 38%; text-align:center;} #board1 ul div.tabcontent {position: absolute; top: 21px; left:0px; display:none; width:100%; height:238px !important; margin:20px 0 0 0; padding:20px 0 0 0px; overflow-x:hidden; background:#fff;} #tab1c1 { display:block !important;} div.text_t { float:left; margin:20px 0 0 0; width:95% !important; font-size:11px;} div.text_t h3 {} div.text_t p.text a{ float:left; padding:0px !important; width:100% !important; height:auto !important; text-align:left !important; clear:both;} div.text_t p.text_r { float:right; padding:5px 0 0 20px; background:url("/images/syjy/main/board1_li_bg.gif") no-repeat 0px 5px;} /* 페이스북 */ #board1 #tab1c1 { display:block ; } #board1 #tab1c1 li{float:none; margin:-10px 0 0 0; border:0 !important; width:100% !important;} span.pic {float:left !important; } span.pic a { padding:0 0 0 20px !important;} div.txt { background:#fff; width:100% !important;} strong.scName a { display:block !important; position:relative; top:5px; left:30px; padding:10px 0 0 0 !important; width:100% !important; font-size:12px !important;} p.scStory {width:100% !important; padding:10px 5% 0 0 !important;} p.scStory a {display:block !important; position:relative; width:90% !important; padding:10px 4% 0 3% !important; text-align:left !important; font-size:13px !important; } span.scTime {display:block !important; position:relative; left:60%; width:100% !important; font-size:11px !important; color:#4063D7;} div.text_b { float:left; position:relative; top:20px; width:100%; height:auto !important; font-size:11px;} div.text_b p { float:left; padding:0px 0 0 10px; } div.text_b p img.img_t { position:relative; top:-5px; vertical-align:top !important;} div.text_b p span { margin:0px 0 0 10px; } div.text_t { float:left; margin:20px 0 0 0; width:95% !important; font-size:11px;} div.text_t h3 {} div.text_t p.text a{ float:left; width:100% !important; height:auto !important; text-align:left !important; clear:both;} div.text_t p.text_r { float:right; padding:5px 0 0 20px; background:url("/images/syjy/main/board1_li_bg.gif") no-repeat 0px 5px;} /* 소셜 유투브 */ div.u_text { margin:0 0 0 10px; height:auto !important; text-align:center;} div.u_text a{display:inline-block; width:90% !important; height:auto !important; padding:20px 0 0 0; } div.u_text a img {width:100%;} div.u_text a span {width:100%; display:block; overflow:hidden; white-space:nowrap; text-overflow:ellipsis;} /* 소셜 트위터 */ #tab1c2 iframe {width:100% !important; margin:-20px 0 0 0 !important; height:262px !important; overflow-x:hidden !important;} #tab1c2 {overflow:hidden !important; text-align:center !important;} /* 소식 정보 */ #board_link { position:relative; width:100% !important; margin-top:5%; font-size:13px; float:left; background-color: #3477cd; margin-bottom: 6px;} #board_link span { font-size: 15px; color: white; font-weight: bold;vertical-align: middle; padding-left: 10px; } #board_link a{position: relative; float: right; top: 4px; height: 20px; right:5px;} /* 공지/공고, 법령정보, 지방청뉴스, 보도자료 */ #board2 {float:left; position:relative; /* margin-top:3%; */ display:inline; width:100% !important; height:220px; box-sizing:border-box; background:#fff; border:1px solid #e0e0e0; overflow:hidden; /* margin-top:5%; */} #board2 ul {display:inline; float:left; position:relative; left:0px; width:100%; margin:0px;} #board2 ul li { float:left; z-index:10; width:25% ; } #board2 ul li.on{ border-bottom:2px solid #6c7ab9; } #board2 ul li a.nobg{ background:none !important;} #board2 ul li img {vertical-align:middle;} #board2 ul li a { float: left; display:inline; height:35px; width:100% !important; padding:10px 0px 0 0px; text-align:center !important; } #tab2m5{display:none;} #board2 ul div.tabcontent {position: absolute; top: 45px; left:0px; display:none; width:100%; padding:15px 0 0 0; border-top:1px solid #6c7ab9;} #board2 ul ul { position:relative; top:0px; left:0px !important; width:100%;} /* #board2 ul ul.board_m li {background:url('/images/syjy/sub/board_m_bg.gif') no-repeat right 15px; } */ #board2 ul ul li {float:left; margin:0 0 0 0 !important; padding:5px 0 0px 4px !important; font-size:14px; width:96%; border:0; } #board2 ul ul li a { float: left; height:24px !important; display:block; width:100% !important; text-overflow:ellipsis; white-space: nowrap; overflow:hidden; color:#575757; text-align:left !important; background:none !important; letter-spacing: 0px !important;} #board2 ul ul li span { font-size:12px; color:#525252; width:100px; margin-top:-2px; } #board2 p a { width:10px !important; background:none !important; } #board2 #tab2c1 { display:block ;} #board2 #tab2m3 a { letter-spacing: -0.05em;} #board2 ul ul li span.m_1 {position:absolute; top:0px; left:5px;} #board2 ul ul li span.m_2 {position:absolute; top:39px; left:5px;} #board2 ul ul li span.m_3 {position:absolute; top:80px; left:5px;} #board2 ul ul li span.m_4 {position:absolute; top:120px; left:5px;} #board2 p.mone1 { position:absolute; top:-36px; left:90px;} #board2 p.mone2 { position:absolute; top:-36px; left:205px;} #board2 p.mone3 { position:absolute; top:-36px; left:320px;} #board2 p.mone4 { position:absolute; top:-36px; left:435px;} #mlink1 { position:relative; width:100% !important; height:195px !important; /* top:250px; */ margin:5% 0 0 0; font-size:12px; float:left;} #mlink1 #mlink1_1 {background-color: #3477cd; margin-bottom:6px; width: 99%;} #mlink1 #mlink1_1 span { font-size: 15px; color: white; font-weight: bold;vertical-align: middle; padding-left: 10px; } #mlink1 li { float:left; border:1px solid #d5d6da; text-align:center; letter-spacing:-0.05em; width:19.2%;} #mlink1 li a:hover { background-color:#e0ebfa !important; } #mlink1 li.no1 {margin-left:0px;} #mlink1 li.no1 a {display:block; background:#f5f9fc url("/images/syjy/main/link_main_img1.png") no-repeat 50% 0px; padding:53px 0 5px 0; width:100%; letter-spacing:-0.10em; } #mlink1 li.no2 a {display:block; background:#f5f9fc url("/images/syjy/main/link_main_img2.png") no-repeat 50% 0px; padding:53px 0 5px 0; width:100%; letter-spacing:-0.05em; } #mlink1 li.no3 a {display:block; background:#f5f9fc url("/images/syjy/main/link_main_img3.png") no-repeat 50% 0px; padding:53px 0 5px 0; width:100%; letter-spacing:-0.05em; } #mlink1 li.no4 a {display:block; background:#f5f9fc url("/images/syjy/main/link_main_img4.png") no-repeat 50% 0px; padding:53px 0 5px 0; width:100%; letter-spacing:-0.05em; } #mlink1 li.no5 a {display:block; background:#f5f9fc url("/images/syjy/main/link_main_img5.png") no-repeat 50% 0px; padding:53px 0 5px 0; width:100%; letter-spacing:-0.05em; } #mlink1 li.no5 {margin-right:0px;} #mlink1 li.no6 a {display:block; background:#f5f9fc url("/images/syjy/main/link_main_img6.png") no-repeat 50% 0px; padding:53px 0 5px 0; width:100%; letter-spacing:-0.05em; } #mlink1 li.no6 {margin-left:0px;} #mlink1 li.no7 a {display:block; background:#f5f9fc url("/images/syjy/main/link_main_img7.png") no-repeat 50% 0px; padding:53px 0 5px 0; width:100%; letter-spacing:-0.10em; } #mlink1 li.no8 a {display:block; background:#f5f9fc url("/images/syjy/main/link_main_img8.png") no-repeat 50% 0px; padding:53px 0 5px 0; width:100%; letter-spacing:-0.05em;} #mlink1 li.no9 a {display:block; background:#f5f9fc url("/images/syjy/main/link_main_img9.png") no-repeat 50% 0px; padding:53px 0 5px 0; width:100%; letter-spacing:-0.05em;} #mlink1 li.no10 a {display:block; background:#f5f9fc url("/images/syjy/main/link_main_img10.png") no-repeat 50% 0px; padding:53px 0 5px 0; width:100%; letter-spacing:-0.05em;} #mlink1 li.no10 {margin-right:0px;} /* 병역안내App, 국민신문고, 상담코너, 신병부대배치조회 */ #link1_m { position:relative; width:100% !important; height:850px !important; /* top:220px; */ margin: 5% 0 5% 0; float:left;} #link1_m h2 { padding:16px 0 0 9px; font-size:16px;} #link1_m p { margin:4px 32px 0 10px; font-size:12px;} #link1_m p.pp2{ margin-top:10px; } #link1_m #link1_1{ background-color: #3477cd; margin-bottom: 4px; width: 99%;} #link1_m #link1_1 span { font-size: 15px; color: white; font-weight: bold;vertical-align: middle; padding-left: 10px; } #link1_m ul li { float:left; width:48.7%; height:130px; margin:3px; border-top:1px solid #6c7ab9; border-bottom:1px solid #6c7ab9;} #link1_m ul li.no1 { background:#edf6ff url('/images/syjy/main/mi_img1.gif') no-repeat 100% 95%; margin-left:0px;} #link1_m ul li.no2 { background:#edf6ff url('/images/syjy/main/mi_img2.gif') no-repeat 100% 95%; margin-right:0px;} #link1_m ul li.no3 { background:#edf6ff url('/images/syjy/main/mi_img3.gif') no-repeat 100% 95%; margin-left:0px;} #link1_m ul li.no4 { background:#edf6ff url('/images/syjy/main/mi_img4.gif') no-repeat 100% 95%; margin-right:0px;} #link1_m ul li.no5 { background:#edf6ff url('/images/syjy/main/mi_img5.gif') no-repeat 100% 95%; margin-left:0px;} #link1_m ul li.no6 { background:#edf6ff url('/images/syjy/main/mi_img6.gif') no-repeat 100% 95%; margin-right:0px;} #link1_m ul li.no7 { background:#edf6ff url('/images/syjy/main/mi_img7.gif') no-repeat 100% 95%; margin-left:0px;} #link1_m ul li.no8 { background:#edf6ff url('/images/syjy/main/mi_img8.gif') no-repeat 100% 95%; margin-right:0px;} #link1_m ul li.no9 { background:#edf6ff url('/images/syjy/main/mi_img9.gif') no-repeat 100% 95%; margin-left:0px;} #link1_m ul li.no10 { background:#edf6ff url('/images/syjy/main/mi_img10.png') no-repeat 100% 95%; margin-right:0px;} #link1_m ul li.no11 { background:#edf6ff url('/images/syjy/main/mi_img11.png') no-repeat 100% 95%; margin-right:0px;} #link1_m ul li.no12 { background:#edf6ff url('/images/syjy/main/mi_img12.png') no-repeat 100% 95%; margin-left:0px;} #link1 { position:absolute; overflow:hidden !important; height:0 !important; width:0 !important; font-size:0 !important; visibility:hidden;} #link3 { position:relative; width:0px !important; height:0px !important; overflow:hidden !important; font-size:0px !important;} .link_img { position:absolute; overflow:hidden !important; height:0 !important; width:0 !important; font-size:0 !important; visibility:hidden;} /* 개인정보 보호방침 외 페이지 링크 */ #navi {width:96.5%; margin-top:10px; margin-left:15px; margin-bottom:20%;} #navi li { float:left; height:44px; line-height:44px; border:1px solid #eaedf4; padding:0px 0px 0 0px; width:48%; text-align:center; } #navi li a {display:inline;} #navi li a:hover {color:#656565; height:42px; line-height:42px; background-color:#f9fafc; border-top:1px solid #cbd2e4; border-bottom:1px solid #eaedf4;} #navi li.onbg { border-right:1px solid #eaedf4; width:174px;} #navi li.col_blue a {color:#5f78b8; font-weight:bold;} #navi li.m_off {position:absolute !important; overflow:hidden !important; height:0 !important; width:0 !important; font-size:0 !important; visibility:hidden !important;} #footer_bg {/* margin-top: 240px; */} } /* /IE8 only */