/********** 공통 start **********/ /* 설문조사 항목 */ table.notice_view td label{ margin:0 35px 0 0;} /* 상단 요약 문구 */ div.text_box {display:block; margin:10px 0 20px 0; padding:10px 0px 10px 0px; width:100%; border:1px solid #cae3e8; background:#f4fcfe;} div.text_box .cr_blue {color:#426eb5;} div.text_box_720px { margin:10px 0 0px 0; padding:10px 10px; width:698px; border:1px solid #cae3e8; background:#f4fcfe;} div.text_box_720px .cr_blue {color:#426eb5;} div.board_box { margin:0px auto 20px auto; padding:15px 2% 15px 2%; width:96%; max-width:708px; border:1px solid #cae3e8; background:#f4fcfe;} div.board_box .cr_blue {color:#426eb5;} div.board_box .margin_t_10 {margin-top:10px !important;} div.board_box ul.list { margin: 0; margin: 0 0 0 0; list-style: none; text-align: left; text-align:justify;} div.board_box ul.list li { margin: 0 0 0 0; padding: 0 0 7px 18px; line-height:1.6em; list-style: none; background: url('/images/syjy/sub/contents_icon_li_1.gif') no-repeat left 6px; } div.board_box_720 { margin:0px auto 20px auto; display:inline-block; padding:15px 2% 15px 2%; width:96%; max-width:688px; border:1px solid #cae3e8; background:#f4fcfe;} div.board_box_720 .cr_blue {color:#426eb5;} div.board_box_720 .margin_t_10 {margin-top:10px !important;} div.board_box_720 ul.list { margin: 0; margin: 0 0 0 0; list-style: none; text-align: left; text-align:justify;} div.board_box_720 ul.list li { margin: 0 0 0 0; padding: 0 0 7px 18px; line-height:1.6em; list-style: none; background: url('/images/syjy/sub/contents_icon_li_1.gif') no-repeat left 6px; } div.board_box_720 ul.list li:last-child {padding-bottom:0 !important;} div.board_box_720 ul.list_info { margin: 0; margin: 0 0 0 0; list-style: none; text-align: left; text-align:justify;} div.board_box_720 ul.list_info li {float:left; width:152px; margin: 0 0 0 0; padding: 0 0 0px 18px; line-height:1.6em; list-style: none; background: url('/images/syjy/sub/contents_icon_li_1.gif') no-repeat left 6px; } div.board_box_720 ul.list_info li:last-child {padding-bottom:0 !important;} /* 병무청상징 */ ul.img {} ul.img li {float:left; padding:10px 10px 0 10px; font-size:0; } /* 사이트맵 */ #site_map { position:relative;} #site_map div.site_map_text {display:block; position:relative; float:left; padding:0 0px 30px 26px; width:220px; } #site_map div.site_map_text h3.h0 {padding:10px 0 12px 0px !important; background:none; font-size:15px; color:#416cba; text-align:center; border-top:2px solid #436db5; border-bottom:1px solid #dedede;} #site_map div.site_map_text ul { margin:15px 0 0 14px;} #site_map div.site_map_text li { padding:0 0 0 14px; background:url('/images/syjy/sub/contents_icon_li_1.gif') no-repeat 0 5px; font-weight:bold;} #site_map div.site_map_text ul ul {position:relative; margin-top:0px !important;} #site_map div.site_map_text ul ul li { padding:0px 0 0 5px; background:url('/images/syjy/sub/icon_li_2.gif') no-repeat 0 10px; font-weight:normal;} /* #site_map ul li span.new_window3 {position:absolute; top:0px; left:102px; margin:0px 0 0 0; background:url('/images/syjy/common/window.gif') no-repeat 0 0; width:8px; height:8px; } */ #site_map ul li span.new_window3 {position:absolute; margin:7px 0 0 3px; background:url('/images/syjy/common/window.gif') no-repeat 0 0; width:8px; height:8px; } /* 링크 공통css */ a.new_window { padding:4px 30px 0 0; background: url('/images/syjy/sub/icon_link.gif') no-repeat right 0; color:#4470bb !important; text-decoration:underline !important;} /* 본인인증 서비스 */ .cb {clear:both;} .name_box {position:relative; text-align:center; border:1px solid #d2d2d2; margin:10px 0 0 0; min-width:320px; border-top:2px solid #436fba; background:url("/images/syjy/common/name_check_top_line3.gif") repeat-x 0 0;} .name_box .nc_name {height:39px; line-height:39px; text-align:center; font-weight:bold; font-size:16px;} .name_box p.nc_txt1 {position:relative; top:0px; padding:15px 20px 5px 20px;} .name_box p.nc_txt2 {position:relative; top:0px; padding:0px 20px 5px 20px; color:#426eb5;} .name_box fieldset {position:relative; top:5px; left:50%; width:320px; margin-left:-150px; padding:0 0 25px 0;} .name_box .fl {float:left;} .name_box .fr {float:right;} .name_box label {font-weight:bold; height:24px; line-height:24px; width:84px; text-align:left; margin:0 10px 0 0; background:url("/images/syjy/common/bullet_01.gif") no-repeat 0 12px; padding:0 0 0 8px;} .name_box li input.finput_01 {float:left !important; background-color:#f6f6f6; border:1px solid #dedede; height:24px; line-height:24px; padding:0 0 0 5px; color:#707070; width:192px !important;} .name_box li input.finput_02 {float:left !important; background-color:#f6f6f6; border:1px solid #dedede; height:24px; line-height:24px; padding:0 0 0 5px; color:#707070; width:80px !important;} .name_box li span.fbullet {font-weight:bold; height:24px; width:94px; text-align:left; line-height:24px; background:url("/images/syjy/common/bullet_01.gif") no-repeat 0 12px; padding:0 0 0 8px;} /* margin-style */ .mt10 {margin-top:10px;} .mr10 {margin-right:10px;} .mb10 {margin-bottom:10px;} .ml10 {margin-left:10px;} /* float */ .fl{ float:left !important;} .fr{ float:right !important;} .fn{ float:none !important;} #catpcha{width:80px; height:40px;} #user_num1 {width:90px; } #user_num2 {width:90px; float:right;} .name_box ul {} .name_box ul li {clear:both; padding:10px 0 10px 0 !important;} /* 본인인증 서비스 .cb {clear:both;} .name_box {position:relative; text-align:center; margin:10px 0 0 0;} .name_box .nc_name {height:39px; line-height:39px; text-align:center; font-weight:bold; font-size:16px;} .name_box p.field_txt {position:relative; top:0px; padding:20px 20px 5px 20px;} .name_box fieldset {position:relative; top:0px; left:50%; width:320px; margin-left:-150px; padding:0 0 10px 0;} .name_box .fl {float:left;} .name_box .fr {float:right;} .name_box label {font-weight:bold; height:24px; line-height:24px; width:84px; text-align:left; margin:0 10px 0 0; background:url("/images/syjy/common/bullet_01.gif") no-repeat 0 12px; padding:0 0 0 8px;} .name_box li {background:none !important;} .name_box li input.finput_01 {float:left !important; background-color:#f6f6f6; border:1px solid #dedede; height:24px; line-height:24px; padding:0 0 0 5px; color:#707070; width:192px !important;} .name_box li input.finput_02 {float:left !important; background-color:#f6f6f6; border:1px solid #dedede; height:24px; line-height:24px; padding:0 0 0 5px; color:#707070; width:80px !important;} .name_box li span.fbullet {font-weight:bold; height:24px; width:94px; text-align:left; line-height:24px; background:url("/images/syjy/common/bullet_01.gif") no-repeat 0 12px; padding:0 0 0 8px;} #user_num1 {width:90px; } #user_num2 {width:90px; float:right;} .name_box ul {} .name_box ul li {clear:both; padding:10px 0 10px 0 !important;} */ /********** 공통 end **********/ /********** PC 와이드 start **********/ @media all and (min-width:1237px){ /* 병역이행일정안내 */ ul.usr_42 {} ul.usr_42 li {float:left; padding:0 7px 0 0;} /* 청장 인사말 */ #introduce { position:relative;} #introduce div.introduce_img { float:left; width:190px;} #introduce div.introduce_text {float:left; margin:0 0 0 20px; width:525px; color:#303030;} #introduce div.introduce_text p strong.strong_text {font-size:20px; color:#4977c4;} #introduce div.introduce_text p strong.strong_text1 {color:#4977c4;} /* 일정 */ #schedule { position:relative; padding-bottom: 20px;} #schedule div.schedule_calender { float:left; width:280px;} #schedule div.schedule_text {float:left; margin:0 0 0 20px; width:435px; color:#303030;} #schedule div.schedule_text p strong.strong_text {font-size:20px; color:#4977c4;} #schedule div.schedule_text p strong.strong_text1 {color:#4977c4;} /* 병역판정검사 안내 동영상 */ #vedio {margin:0px 0 0 0;} div.movie {float:left; position:relative; width:435px;} div.movie_text {float:left; margin:30px 0 30px 0; padding:20px 0px 20px 0px; width:100%; height:240px; border:1px solid #e5e5e5; overflow:auto;} div.movie_text p { padding:7px 20px 7px 20px; line-height:24px;} /* 병무청 정책목표 */ #goals {position:relative; margin:30px 0 0 0; text-align:center;} #goals div.goals_text1 {position:relative; width:100%; height:60px; border-bottom:1px dashed #d7d8dc;} #goals div.goals_text1 img {vertical-align:top;} #goals div.goals_text1 h3 {position:absolute; top:0; left:8px; padding:0 0 0 0 !important; width:92px ; height:42px; background: url('/images/content/usr0000260/usr0000260_bg.png') no-repeat 0px 0px;} #goals div.goals_text1 h3 span {position:absolute; top:7px; left:7px; color:#fff; font-size:14px;} #goals div.goals_text1 p {margin:0 0 0 95px; padding:8px 0 8px 0; width:614px; border:1px solid #cbd2e4; background:#f6f7fb; color:#4e80c9;} #goals div.goals_text2 {position:relative; margin:20px 0 0 0; padding:0 0 20px 0; border-bottom:1px dashed #d7d8dc;} #goals div.goals_text2 h3 {position:absolute; top:25px; left:8px; padding:0 0 0 0 !important; width:92px ; height:42px; background: url('/images/content/usr0000260/usr0000260_bg.png') no-repeat 0px 0px;} #goals div.goals_text2 h3 span {position:absolute; top:6px; left:6px; width:30px; line-height:15px; color:#fff; font-size:14px; } #goals div.goals_text2 ul {margin:0 0 0 95px;} #goals div.goals_text2 li {float:left; margin:0 4px 0 0; padding:18px 10px 18px 9px; width:130px; border:1px solid #cbd2e4; background:#f6f7fb;} #goals div.goals_text3 {position:relative; margin:20px 0 0 0; padding:0 0 20px 0; border-bottom:1px dashed #d7d8dc;} #goals div.goals_text3 h3 {position:absolute; top:60px; left:8px; padding:0 0 0 0 !important; width:92px ; height:42px; background: url('/images/content/usr0000260/usr0000260_bg.png') no-repeat 0px 0px;} #goals div.goals_text3 h3 span {position:absolute; top:6px; left:6px; width:30px; line-height:15px; color:#fff; font-size:14px; } #goals div.goals_ul {margin:0 0 0 95px;} #goals div.goals_text3 ul {float:left; margin:0 4px 0 0; padding:15px 8px 35px 8px; width:133px; height:126px; border:1px solid #cbd2e4;} #goals div.goals_text3 li {padding:0 0 0 10px !important; background: url('/images/syjy/sub/contents_icon_li_1.gif') no-repeat 0px 5px !important;} #goals div.goals_text4 {position:relative; margin:20px 0 0 0; padding:0 0 20px 0; border-bottom:1px dashed #d7d8dc;} #goals div.goals_text4 h3 {position:absolute; top:25px; left:8px; padding:0 0 0 0 !important; width:92px ; height:42px; background: url('/images/content/usr0000260/usr0000260_bg.png') no-repeat 0px 0px;} #goals div.goals_text4 h3 span {position:absolute; top:6px; left:6px; width:30px; line-height:15px; color:#fff; font-size:14px; } #goals div.goals_text4 ul {margin:0 0 0 95px;} #goals div.goals_text4 li {float:left; margin:0 4px 0 0; padding:18px 10px 18px 9px; width:595px; border:1px solid #cbd2e4; background:#f6f7fb;} #goals div.goals_text5 {position:relative; margin:20px 0 0 0; padding:0 0 20px 0; border-bottom:1px dashed #d7d8dc;} #goals div.goals_text5 h3 {position:absolute; top:25px; left:8px; padding:0 0 0 0 !important; width:92px ; height:42px; background: url('/images/content/usr0000260/usr0000260_bg.png') no-repeat 0px 0px;} #goals div.goals_text5 h3 span {position:absolute; top:6px; left:6px; width:30px; line-height:15px; color:#fff; font-size:14px; } #goals div.goals_text5 ul {margin:0 0 0 95px;} #goals div.goals_text5 li {float:left; margin:0 4px 0 0; padding:18px 10px 18px 9px; width:130px; border:1px solid #cbd2e4; background:#f6f7fb;} /* 홍보관메인 */ ul.public { width:103%; display:inline-block; padding:0px 0px 0px 0px; margin:0px 0px 0px -3%;} ul.public li {float:left; margin:0 0 20px 2%; width:31%; height:240px; text-align:center; border:1px solid #dedede; font-size:12px; } ul.public li div { padding:10px 0 10px 0; width:100%; text-align:center; border-bottom:1px solid #dedede; font-weight:bold; background:#f6f7fb; color:#5B70AC;} ul.public li img { border:1px solid #dedede; } ul.public li span { width:190px; text-align:left !important; } /* 지방청 안내 */ div.locate_center {position:relative; width:100%; text-align:center;} /* 조직안내 */ #group_id { position:relative; background:url('/images/content/usr0000262/img1_3.gif') no-repeat center 0; width:750px; height:1500px;} #group_id h3 {background:none; margin:0px !important; padding:0px !important;} #group_id h4 {background:none; margin:0px !important; padding:0px !important;} #group_id h5 {background:none; margin:0px !important; padding:0px !important;} #group_id div.text_group1 {position:absolute; top:10px; left:255px; width:170px ; height:37px; background:#fff; border:2px solid #7d7d7d;} #group_id div.text_group1 h3 a {display:block; text-align: center; padding:5px 0 10px 0; color:#3b3b3b; } #group_id div.text_group2 {position:absolute; top:43px; left:500px; width:170px ; height:37px; background:#fff; border:1px solid #7d7d7d;} #group_id div.text_group2 h4 a {display:block; text-align: center; padding:5px 0 10px 0; color:#3b3b3b; } #group_id div.text_group3 {position:absolute; top:78px; left:255px; width:170px ; height:37px; background:#f6f7fb; border:1px solid #7d7d7d;} #group_id div.text_group3 h4 a {display:block; text-align: center; padding:5px 0 10px 0; color:#3b3b3b; } #group_id div.text_group4 {position:absolute; top:117px; left:500px; width:170px ; height:37px; background:#fff; border:1px solid #7d7d7d;} #group_id div.text_group4 h4 a {display:block; text-align: center; padding:5px 0 10px 0; color:#3b3b3b; } #group_id div.text_group5 {position:absolute; top:190px; left:0px; width:90px; background:#fff; border:1px solid #7d7d7d;} #group_id div.text_group5 h4 a {display:block; text-align: center; padding:30px 0 30px 0; color:#3b3b3b; } #group_id div.text_group6 {position:absolute; top:190px; left:105px; width:134px; height:37px; background:#5082c9; } #group_id div.text_group6 h5 a {display:block; text-align: center; padding:8px 0 10px 30px; color:#fff; } #group_id div.text_group6 ul { margin:10px 0 0 10px;} #group_id div.text_group6 li {padding:0 0 0 14px; background:url('/images/syjy/sub/contents_icon_li_1.gif') no-repeat 0 5px; font-size:12px;} #group_id div.text_group7 {position:absolute; top:190px; left:260px; width:134px; height:37px; background:#5082c9; } #group_id div.text_group7 h5 a {display:block; text-align: center; padding:8px 0 10px 30px; color:#fff; } #group_id div.text_group7 ul { margin:10px 0 0 10px;} #group_id div.text_group7 li {padding:0 0 0 14px; background:url('/images/syjy/sub/contents_icon_li_1.gif') no-repeat 0 5px; font-size:12px;} #group_id div.text_group8 {position:absolute; top:190px; left:410px; width:134px; height:37px; background:#5082c9; } #group_id div.text_group8 h5 a {display:block; text-align: center; padding:8px 0 10px 30px; color:#fff; } #group_id div.text_group8 ul { margin:10px 0 0 10px;} #group_id div.text_group8 li {padding:0 0 0 14px; background:url('/images/syjy/sub/contents_icon_li_1.gif') no-repeat 0 5px; font-size:12px;} #group_id div.text_group9 {position:absolute; top:190px; left:560px; width:134px; height:37px; background:#5082c9;} #group_id div.text_group9 h5 a {display:block; text-align: center; padding:8px 0 10px 30px; color:#fff; } #group_id div.text_group9 ul { margin:10px 0 0 10px;} #group_id div.text_group9 li {padding:0 0 0 14px; background:url('/images/syjy/sub/contents_icon_li_1.gif') no-repeat 0 5px; font-size:12px;} #group_id div.text_group10 {position:absolute; top:375px; left:0px; width:210px; height:37px; background:#f6f6f6; border:1px solid #dedede;} #group_id div.text_group10 h5 a {display:block; top:370px; text-align: center; padding:8px 0 10px 0; color:#3B3B3B; } #group_id div.text_group10 ul { margin:10px 0 10px 10px; display:inline-block;} #group_id div.text_group10 li {float:left; width:40%; padding:0 0 0 14px; background:url('/images/syjy/sub/contents_icon_li_1.gif') no-repeat 0px 5px; font-size:12px;} #group_id div.text_group10 .seoul_li{width:100%; padding:0 0 0 14px; background:url('/images/syjy/sub/contents_icon_li_1.gif') no-repeat 0px 5px; font-size:12px;} #group_id div.text_group10 .seoul_li ul{margin-top:0px;} #group_id div.text_group10 .seoul_li li {width:100%;} #group_id div.text_group11 {position:absolute; top:375px; left:218px; width:115px; height:37px; background:#f6f6f6; border:1px solid #dedede;} #group_id div.text_group11 h5 a {display:block; width:115px; text-align: center; padding:8px 0 10px 0; color:#3B3B3B; } #group_id div.text_group11 ul { margin:10px 0 0 10px;} #group_id div.text_group11 li {padding:0 0 0 14px; background:url('/images/syjy/sub/contents_icon_li_1.gif') no-repeat 0 5px; font-size:12px;} #group_id div.text_group12 {position:absolute; top:375px; left:340px; width:115px; height:37px; background:#f6f6f6; border:1px solid #dedede;} #group_id div.text_group12 h5 a {display:block; width:115px; text-align: center; padding:8px 0 10px 0; color:#3B3B3B; } #group_id div.text_group12 ul { margin:10px 0 0 10px;} #group_id div.text_group12 li {padding:0 0 0 14px; background:url('/images/syjy/sub/contents_icon_li_1.gif') no-repeat 0 5px; font-size:12px;} #group_id div.text_group13 {position:absolute; top:375px; left:463px; width:115px; height:37px; background:#f6f6f6; border:1px solid #dedede;} #group_id div.text_group13 h5 a {display:block; width:115px; text-align: center; padding:8px 0 10px 0; color:#3B3B3B; } #group_id div.text_group13 ul { margin:10px 0 0 10px;} #group_id div.text_group13 li {padding:0 0 0 14px; background:url('/images/syjy/sub/contents_icon_li_1.gif') no-repeat 0 5px; font-size:12px;} #group_id div.text_group14 {position:absolute; top:375px; left:585px; width:115px; height:37px; background:#f6f6f6; border:1px solid #dedede;} #group_id div.text_group14 h5 a {display:block; width:115px; text-align: center; padding:8px 0 10px 0; color:#3B3B3B; } #group_id div.text_group14 ul { margin:10px 0 0 10px;} #group_id div.text_group14 li {padding:0 0 0 14px; background:url('/images/syjy/sub/contents_icon_li_1.gif') no-repeat 0 5px; font-size:12px;} #group_id div.text_group15 {position:absolute; top:810px; left:0px; width:100px; height:37px; background:#f6f6f6; border:1px solid #dedede;} #group_id div.text_group15 h5 a {display:block; width:100px; text-align: center; padding:8px 0 10px 0; color:#3B3B3B; } #group_id div.text_group15 ul { margin:10px 0 0 10px;} #group_id div.text_group15 li {padding:0 0 0 14px; background:url('/images/syjy/sub/contents_icon_li_1.gif') no-repeat 0 5px; font-size:12px;} #group_id div.text_group16 {position:absolute; top:810px; left:108px; width:110px; height:37px; background:#f6f6f6; border:1px solid #dedede;} #group_id div.text_group16 h5 a {display:block; width:110px; text-align: center; padding:8px 0 10px 0; color:#3B3B3B; } #group_id div.text_group16 ul { margin:10px 0 0 10px;} #group_id div.text_group16 li {padding:0 0 0 14px; background:url('/images/syjy/sub/contents_icon_li_1.gif') no-repeat 0 5px; font-size:12px;} #group_id div.text_group17 {position:absolute; top:810px; left:228px; width:110px; height:37px; background:#f6f6f6; border:1px solid #dedede;} #group_id div.text_group17 h5 a {display:block; width:110px; text-align: center; padding:8px 0 10px 0; color:#3B3B3B; } #group_id div.text_group17 ul { margin:10px 0 0 10px;} #group_id div.text_group17 li {padding:0 0 0 14px; background:url('/images/syjy/sub/contents_icon_li_1.gif') no-repeat 0 5px; font-size:12px;} #group_id div.text_group18 {position:absolute; top:810px; left:350px; width:110px; height:37px; background:#f6f6f6; border:1px solid #dedede;} #group_id div.text_group18 h5 a {display:block; width:110px; text-align: center; padding:8px 0 10px 0; color:#3B3B3B; } #group_id div.text_group18 ul { margin:10px 0 0 10px;} #group_id div.text_group18 li {padding:0 0 0 14px; background:url('/images/syjy/sub/contents_icon_li_1.gif') no-repeat 0 5px; font-size:12px;} #group_id div.text_group19 {position:absolute; top:810px; left:470px; width:110px; height:37px; background:#f6f6f6; border:1px solid #dedede;} #group_id div.text_group19 h5 a {display:block; width:110px; text-align: center; padding:8px 0 10px 0; color:#3B3B3B; } #group_id div.text_group19 ul { margin:10px 0 0 10px;} #group_id div.text_group19 li {padding:0 0 0 14px; background:url('/images/syjy/sub/contents_icon_li_1.gif') no-repeat 0 5px; font-size:12px;} #group_id div.text_group20 {position:absolute; top:810px; left:590px; width:110px; height:37px; background:#f6f6f6; border:1px solid #dedede;} #group_id div.text_group20 h5 a {display:block; width:110px; text-align: center; padding:8px 0 10px 0; color:#3B3B3B; } #group_id div.text_group20 ul { margin:10px 0 0 10px;} #group_id div.text_group20 li {padding:0 0 0 14px; background:url('/images/syjy/sub/contents_icon_li_1.gif') no-repeat 0 5px; font-size:12px;} #group_id div.text_group23 {position:absolute; top:1112px; left:0px; width:100px; height:37px; background:#f6f6f6; border:1px solid #dedede;} #group_id div.text_group23 h5 a {display:block; width:100px; text-align: center; padding:8px 0 10px 0; color:#3B3B3B; } #group_id div.text_group23 ul { margin:10px 0 0 10px;} #group_id div.text_group23 li {padding:0 0 0 14px; background:url('/images/syjy/sub/contents_icon_li_1.gif') no-repeat 0 5px; font-size:12px;} #group_id div.text_group21 {position:absolute; top:1112px; left:108px; width:110px; height:37px; background:#f6f6f6; border:1px solid #dedede;} #group_id div.text_group21 h5 a {display:block; width:110px; text-align: center; padding:8px 0 10px 0; color:#3B3B3B; } #group_id div.text_group21 ul { margin:10px 0 0 10px;} #group_id div.text_group21 li {padding:0 0 0 14px; background:url('/images/syjy/sub/contents_icon_li_1.gif') no-repeat 0 5px; font-size:12px;} #group_id div.text_group22 {position:absolute; top:1112px; left:228px; width:110px; height:37px; background:#f6f6f6; border:1px solid #dedede;} #group_id div.text_group22 h5 a {display:block; width:110px; text-align: center; padding:8px 0 10px 0; color:#3B3B3B; } #group_id div.text_group22 ul { margin:10px 0 0 10px;} #group_id div.text_group22 li {padding:0 0 0 14px; background:url('/images/syjy/sub/contents_icon_li_1.gif') no-repeat 0 5px; font-size:12px;} #group_id div.text_group24 {position:absolute; top:1112px; left:350px; width:110px; height:37px; background:#f6f6f6; border:1px solid #dedede;} #group_id div.text_group24 h5 a {display:block; width:110px; text-align: center; padding:8px 0 10px 0; color:#3B3B3B; } #group_id div.text_group24 ul { margin:10px 0 0 10px;} #group_id div.text_group24 li {padding:0 0 0 14px; background:url('/images/syjy/sub/contents_icon_li_1.gif') no-repeat 0 5px; font-size:12px;} #group_id div.text_group25 {position:absolute; top:1112px; left:470px; width:110px; height:37px; background:#f6f6f6; border:1px solid #dedede;} #group_id div.text_group25 h5 a {display:block; width:110px; text-align: center; padding:8px 0 10px 0; color:#3B3B3B; } #group_id div.text_group25 ul { margin:10px 0 0 10px;} #group_id div.text_group25 li {padding:0 0 0 14px; background:url('/images/syjy/sub/contents_icon_li_1.gif') no-repeat 0 5px; font-size:12px;} #group_id div.text_group26 {position:absolute; top:1112px; left:590px; width:110px; height:37px; background:#f6f6f6; border:1px solid #dedede;} #group_id div.text_group26 h5 a {display:block; width:110px; text-align: center; padding:8px 0 10px 0; color:#3B3B3B; } #group_id div.text_group26 ul { margin:10px 0 0 10px;} #group_id div.text_group26 li {padding:0 0 0 14px; background:url('/images/syjy/sub/contents_icon_li_1.gif') no-repeat 0 5px; font-size:12px;} #group_id div.text_group27 {position:absolute; top:1368px; left:0px; width:110px; height:37px; background:#f6f6f6; border:1px solid #dedede;} #group_id div.text_group27 h5 a {display:block; width:110px; text-align: center; padding:8px 0 10px 0; color:#3B3B3B; } #group_id div.text_group27 ul { margin:10px 0 0 10px;} #group_id div.text_group27 li {padding:0 0 0 14px; background:url('/images/syjy/sub/contents_icon_li_1.gif') no-repeat 0 5px; font-size:12px;} #group_id div .ui_li{width:100%; padding:0 0 0 14px; background:url('/images/syjy/sub/contents_icon_li_1.gif') no-repeat 0px 5px; font-size:12px;} #group_id div .ui_li ul{margin-top:0px;} #group_id div .ui_li li {width:100%;} #group_id_new { position:relative; width:670px; height:900px; background: url('/images/content/mma0001001/img_new.gif') no-repeat center 0;} #group_id_new h3 {background:none; margin:0px !important; padding:0px !important;} #group_id_new h4 {background:none; margin:0px !important; padding:0px !important;} #group_id_new h5 {background:none; margin:0px !important; padding:0px !important;} #group_id_new div.people {position:relative; top:0px; left:245px; width:300px; } #group_id_new div.jbc_group_info {position:relative; top:17px; left:0px; width:80px; height:235px; background:#f6f6f6; border:1px solid #dedede;} #group_id_new div.jbc_group_info h5 {display:block; text-align: center; padding: 108px 0 108px 0 !important; color:#3B3B3B;} #group_id_new div.jbc_group {position:absolute; top:110px; left:100px; width:615px; height:235px; border:1px solid #dedede; background: #fff;} #group_id_new div.jbc_group div{position:absolute; width:135px; height:35px; background:#f6f6f6; border:1px solid #dedede; margin: 10px 22px 10px 22px;} #group_id_new div.jbc_group div h5 {text-align: center; padding: 7px 0 7px 0 !important; color:#3B3B3B; letter-spacing:-0.07em; } #group_id_new div.jbc_group div h5 a{display:block;} #group_id_new div.jbc_group .jbc_group_02 {top:0px; left:0px;} #group_id_new div.jbc_group .jbc_group_03 {top:0px; left:145px;} #group_id_new div.jbc_group .jbc_group_04 {top:0px; left:290px;} #group_id_new div.jbc_group .jbc_group_05 {top:0px; left:435px;} #group_id_new div.jbc_group .jbc_group_06 {top:45px; left:0px;} #group_id_new div.jbc_group .jbc_group_07 {top:45px; left:145px;} #group_id_new div.jbc_group .jbc_group_08 {top:45px; left:290px;} #group_id_new div.jbc_group .jbc_group_09 {top:45px; left:435px;} #group_id_new div.jbc_group .jbc_group_10 {top:90px; left:0px;} #group_id_new div.jbc_group .jbc_group_11 {top:90px; left:145px;} #group_id_new div.jbc_group .jbc_group_12 {top:90px; left:290px;} #group_id_new div.jbc_group .jbc_group_13 {top:90px; left:435px;} #group_id_new div.jbc_group .jbc_group_14 {top:135px; left:0px;} #group_id_new div.jbc_group .jbc_group_15 {top:135px; left:145px;} #group_id_new div.jbc_group .jbc_group_21 {top:180px; left:0px;} #group_id_new div.jbc_group .jbc_group_22 {top:135px; left:435px;} #group_id_new div.jbc_group .jbc_group_23 {top:135px; left:290px;} #group_id_new div.jbc_group .jbc_group_31 {top:180px; left:145px;} #group_id_new div.bon_group_info {position:relative; top:38px; left:0px; width:80px; height:220px; background:#f6f7fb; border:1px solid #cbd2e4;} #group_id_new div.bon_group_info h5 {display:block; text-align: center; padding: 90px 0 0px 0 !important; color:#3B3B3B;} #group_id_new div.bon_group {position:absolute; top:367px; left:100px; width:615px; height:220px; border:1px solid #cae3e8; background: #fff;} #group_id_new div.bon_group div{position:absolute; width:93px; height:35px; background:#fff; border:1px solid #7d7d7d; margin: 10px 3px 10px 3px;} #group_id_new div.bon_group div h5 {display:block; text-align: center; padding: 7px 0 7px 0 !important; color:#426eb5; } #group_id_new div.bon_group div h5 a{display:block;} #group_id_new div.bon_group .bon_group_01 {top:0px; left:0px;} #group_id_new div.bon_group .bon_group_02 {top:0px; left:97px;} #group_id_new div.bon_group .bon_group_03 {top:0px; left:194px;} #group_id_new div.bon_group .bon_group_04 {top:0px; left:291px;} #group_id_new div.bon_group .bon_group_05 {top:0px; left:388px; width: 122px;} #group_id_new div.bon_group .bon_group_06 {top:0px; left:514px; } #group_id_new div.bon_group ul { margin: 10px 0 0 0px; background: #f4fcfe; border: 1px solid #cae3e8; text-align: center; min-height: 155px;} #group_id_new div.bon_group li {padding:7px 2px 0 2px; font-size:12px; letter-spacing: -0.10em} #group_id_new div.text_group1 {position:relative; top:50px; left:520px; width:170px ; height:37px; background:#fff; border:1px solid #7d7d7d;} #group_id_new div.text_group1 h4 {text-align: center; padding: 6px 0 6px 0 !important; color:#3b3b3b;} #group_id_new div.text_group1 h4 a {display:block;} #group_id_new div.text_group2 {position: relative; top: 75px; left: 315px; width: 170px; height: 37px; background: #fff; border: 1px solid #7d7d7d;} #group_id_new div.text_group2 h4 {text-align: center; padding: 6px 0 6px 0 !important; color:#3b3b3b;} #group_id_new div.text_group2 h4 a {display:block;} #group_id_new div.text_group3 {position:relative; top:115px; left:520px; width:170px ; height:37px; background:#fff; border:1px solid #7d7d7d;} #group_id_new div.text_group3 h4 {text-align: center; padding: 6px 0 6px 0 !important; color:#3b3b3b;} #group_id_new div.text_group3 h4 a {display:block;} #group_id_new div.text_group4 {position: relative; top: 140px; left: 315px; width: 170px; height: 37px; background: #fff; border: 2px solid #7d7d7d;} #group_id_new div.text_group4 h3 {text-align: center; padding: 6px 0 6px 0 !important; color: #3b3b3b;} #group_id_new div.text_group4 h3 a {display:block;} /* 찾아가시는길(병역판정검사장 )*/ #locate {position:relative;} #locate div.locate_left{float:left;} #locate div.locate_right{float:left; width:415px; } #locate div.locate_right ul li{float:left; width:135px;} #locate div.locate_right1{float:left; width:310px; } #locate div.locate_right1 ul li{float:left; width:110px; padding:0 0 0 20px !important; background: url('/images/syjy/sub/contents_icon_li_1.gif') no-repeat 8px 5px;} #locate div.locate_right2{float:left; width:250px; } #locate div.locate_right2 ul li{ padding:0 0 0 20px !important; background: url('/images/syjy/sub/contents_icon_li_1.gif') no-repeat 8px 5px;} #locate div.locate_left10{position:relative; left:20%;} #locate div.locate_right10{ width:100%; } #locate div.locate_right10 ul li{float:left; width:160px; padding:0 0 0 20px !important; background: url('/images/syjy/sub/contents_icon_li_1.gif') no-repeat 8px 5px;} #locate ul li.on a {color:#436fba; font-weight:bold;} div.locate_box {margin:30px 0 0 0; border-top:2px solid #436db9;} div.locate_box ul {border-bottom:1px solid #dedede;} div.locate_box ul li{float:left; width:180px; padding:5px 0 0 45px !important; background: url('/images/syjy/sub/contents_icon_li_1.gif') no-repeat 28px 10px;} #board {position:relative; margin:30px 0 0 0; width:100%; } #board ul {display:inline; width:100%; margin:0px; } #board ul li.nobg{ background:none;} #board ul div.tabcontent { display:none; width:100%; padding:5px 0 0 0;} /* 게시물 댓글목록 */ table.brd_re_list {width:738px; margin-top:10px; border:1px solid #e6e6e6; background-color:#fafafa;} table.brd_re_list th {background:url("/images/board/th_bar.gif") no-repeat right; color:#3d3d3d; padding:6px 0 8px 0; border-bottom:1px solid #e6e6e6; text-align:left; padding-left:10px} table.brd_re_list th.first {border-bottom:1px solid #e6e6e6; background:none; color:#044c7e;} table.brd_re_list td.title {border-bottom:1px solid #e6e6e6; color:#5b68ce; font-weight:bold;} table.brd_re_list td.reply {text-align:right;} table.brd_re_list th.ctitle {vertical-align:top; padding-top:10px; background:url("/images/board/th_bar.gif") no-repeat -10px 10px;} table.brd_re_list td {border-bottom:1px solid #e6e6e6; text-align:left; padding:6px 5px 6px 15px; line-height:18px;} table.brd_re_list .context {line-height:22px; padding:10px 10px 10px 10px; background:#fff;} table.brd_re_list .back02 {background-color:#fafafa; padding-left:10px; padding-right:10px;} table.brd_re_list .attach_file {line-height:22px} table.brd_re_list td table td {border-bottom:0px solid #e6e6e6; text-align:left; padding:0px;} table.brd_re_list td .mainbox h2 {position:relative; z-index:1; top:0; left:0; font-size:12px;} /* 게시물 댓글작성 */ table.brd_re_write {width:738px; margin-top:40px; margin-bottom:20px; border:1px solid #e6e6e6; background-color:#fafafa;} table.brd_re_write th {background:url("/images/board/th_bar.gif") no-repeat right; color:#3d3d3d; padding:6px 0 8px 0; border-bottom:1px solid #e6e6e6; text-align:left; padding-left:10px} table.brd_re_write th.first {border-bottom:1px solid #e6e6e6; background:none; color:#044c7e;} table.brd_re_write td.title {border-bottom:1px solid #e6e6e6; color:#5b68ce; font-weight:bold;} table.brd_re_write td.reply {text-align:right;} table.brd_re_write th.ctitle {vertical-align:top; padding-top:10px; background:url("/images/board/th_bar.gif") no-repeat -10px 10px;} table.brd_re_write td {border-bottom:1px solid #e6e6e6; text-align:left; padding:6px 5px 6px 15px; line-height:18px;} table.brd_re_write .context {line-height:22px; padding:10px 10px 10px 10px; background:#fff;} table.brd_re_write .back02 {background-color:#fafafa; padding-left:10px; padding-right:10px;} table.brd_re_write .attach_file {line-height:22px} table.brd_re_write td table td {border-bottom:0px solid #e6e6e6; text-align:left; padding:0px;} table.brd_re_write td .mainbox h2 {position:relative; z-index:1; top:0; left:0; font-size:12px;} table.brd_re_write textarea {border:1px solid #cccccc;} /* 모의지원서작성 */ div.apply {position:relative; top:-10px; } div.apply ul li {float:left; padding:20px 20px 0 0px; width:165px; } div.apply ul li a { display:block; width:165px; height:124px; border:1px solid #cbd2e5; text-align:center;} div.apply ul li span {display:block; margin:80px 0 0 0; padding:10px 0 0 0; background:#f6f7fb; border-top:1px solid #cbd2e5; width:100%; height:32px;} div.apply ul li.apply_bg1 a {background:url('/images/content/usr0000226/apply_img1_off.gif') no-repeat center 17px;} div.apply ul li.apply_bg1 a:hover {background:#5082c8 url('/images/content/usr0000226/apply_img1_on.gif') no-repeat center 17px;} div.apply ul li.apply_bg1 a:hover span {background:#5082c8 !important; border:0; color:#fff;} div.apply ul li.apply_bg2 a {background:url('/images/content/usr0000226/apply_img2_off.gif') no-repeat center 25px; margin:0 7px 0 7px !important;} div.apply ul li.apply_bg2 a:hover {background:#5082c8 url('/images/content/usr0000226/apply_img2_on.gif') no-repeat center 25px; } div.apply ul li.apply_bg2 a:hover span {background:#5082c8 !important; border:0; color:#fff;} div.apply ul li.apply_bg3 a {background:url('/images/content/usr0000226/apply_img3_off.gif') no-repeat center 20px; margin:0 7px 0 12px !important;} div.apply ul li.apply_bg3 a:hover {background:#5082c8 url('/images/content/usr0000226/apply_img3_on.gif') no-repeat center 20px;} div.apply ul li.apply_bg3 a:hover span {background:#5082c8 !important; border:0; color:#fff;} div.apply ul li.apply_bg4 a {background:url('/images/content/usr0000226/apply_img4_off.gif') no-repeat center 20px; margin:0 0 0 18px !important;} div.apply ul li.apply_bg4 a:hover {background:#5082c8 url('/images/content/usr0000226/apply_img4_on.gif') no-repeat center 20px;} div.apply ul li.apply_bg4 a:hover span {background:#5082c8 !important; border:0; color:#fff;} div.apply ul li.apply_bg5 a {background:url('/images/content/usr0000226/apply_img5_off.gif') no-repeat center 17px;} div.apply ul li.apply_bg5 a:hover {background:#5082c8 url('/images/content/usr0000226/apply_img5_on.gif') no-repeat center 17px;} div.apply ul li.apply_bg5 a:hover span {background:#5082c8 !important; border:0; color:#fff;} div.apply ul li.apply_bg6 a {background:url('/images/content/usr0000226/apply_img6_off.gif') no-repeat center 17px; margin:0 7px 0 7px !important;} div.apply ul li.apply_bg6 a:hover {background:#5082c8 url('/images/content/usr0000226/apply_img6_on.gif') no-repeat center 17px;} div.apply ul li.apply_bg6 a:hover span {background:#5082c8 !important; border:0; color:#fff;} div.apply ul li.apply_bg7 a {background:url('/images/content/usr0000226/apply_img7_off.gif') no-repeat center 17px; margin:0 7px 0 12px !important;} div.apply ul li.apply_bg7 a:hover {background:#5082c8 url('/images/content/usr0000226/apply_img7_on.gif') no-repeat center 17px;} div.apply ul li.apply_bg7 a:hover span {background:#5082c8 !important; border:0; color:#fff;} /* 스마트 인증서 */ div.smart {position:relative;} div.smart_text1 {float:left; width:251px; height:326px; margin:0 50px 0 0; background:url('/images/content/mma0001004/smart_img1_bg.gif') no-repeat 0 0px;} div.smart_text1 h3 {position:relative; top:5px; background:none !important; text-align:center; } div.smart_text1 ul {padding:100px 0 0 15px; width:225px;} div.smart_text2 {float:left; margin:20px 0 0 0; width:130px; height:283px; background:url('/images/content/mma0001004/smart_img2_bg.gif') no-repeat 0 115px;} div.smart_text2 ul li{ padding:90px 0 0 0;} div.smart_text3 {float:right; width:251px; height:326px; background:url('/images/content/mma0001004/smart_img3_bg.gif') no-repeat 0 0px;} div.smart_text3 h3 {position:relative; top:5px; background:none !important; text-align:center; } div.smart_text3 ul {padding:100px 0 0 15px; width:225px;} /* 병무청 스마트폰 어플 안내 */ #app {position:relative; background:url('/images/content/mma0001006/app_img_bg.jpg') no-repeat 0 0;} #app div.app_img ul {padding:60px 0 0 35px;} #app div.app_img li {float:left; padding:0 0 0 25px;} #app div.app_img p {float:right; position:relative; top:-20px; right:20px;} #app div.app_img ul.app_img_m li img {margin-top:-10px !important;} ul.app_text_img li{float:left; padding:0 5px 10px 0px;} /* 게시물 사이드 메뉴 */ .side_menu_box {float:left; border-top:1px solid #c8c8c8; border-bottom:1px solid #c8c8c8; background-color:#fafafa; clear:both; margin:2px 0 10px 0;} .side_menu_box ul {float:left; margin:15px 0 15px 0;} .side_menu_box ul li {float:left; width:332px; padding:0 10px 0 28px; background:url('/images/syjy/sub/btn_icon.gif') no-repeat 18px 8px; line-height:22px;} .side_menu_box ul li a {} .side_menu_box ul li:first-child {float:none; font-size:17px; margin-bottom:5px;} } /********** PC 와이드 end **********/ /********** PC 표준 start **********/ @media (min-width:757px) and (max-width:1236px) { /* 병역이행일정안내 */ ul.usr_42 {} ul.usr_42 li {float:left; padding:0 7px 0 0;} /* 청장 인사말 */ #introduce { position:relative;} #introduce div.introduce_img { float:left; width:190px;} #introduce div.introduce_text {float:left; margin:0 0 0 20px; width:525px; color:#303030;} #introduce div.introduce_text p strong.strong_text {font-size:20px; color:#4977c4;} #introduce div.introduce_text p strong.strong_text1 {color:#4977c4;} /* 일정 */ #schedule { position:relative; padding-bottom: 20px;} #schedule div.schedule_calender { float:left; width:280px;} #schedule div.schedule_text {float:left; margin:0 0 0 20px; width:435px; color:#303030;} #schedule div.schedule_text p strong.strong_text {font-size:20px; color:#4977c4;} #schedule div.schedule_text p strong.strong_text1 {color:#4977c4;} /* 설문조사 항목 */ table.notice_view td label{ margin:0 35px 0 0;} /* 병무청상징 */ ul.img {} ul.img li {float:left; padding:10px 10px 0 10px; font-size:0; } /* 병역판정검사 안내 동영상 */ div.movie {float:left; position:relative; width:435px;} div.movie_text {float:left; margin:30px 0 30px 0; padding:20px 0px 20px 0px; width:100%; height:240px; border:1px solid #e5e5e5; overflow:auto;} div.movie_text p { padding:7px 20px 7px 20px; line-height:24px;} /* 홍보관메인 */ ul.public { width:103%; display:inline-block; padding:0px 0px 0px 0px; margin:0px 0px 0px -3%;} ul.public li {float:left; margin:0 0 20px 2%; width:31%; height:240px; text-align:center; border:1px solid #dedede; font-size:12px; } ul.public li div { padding:10px 0 10px 0; width:100%; text-align:center; border-bottom:1px solid #dedede; font-weight:bold; background:#f6f7fb; color:#5B70AC;} ul.public li img { border:1px solid #dedede; } ul.public li span { width:190px; text-align:left !important; } /* 지방청 안내 */ div.locate_center {position:relative; width:100%; text-align:center;} /* 병무청 정책목표 */ #goals {position:relative; margin:30px 0 0 0; text-align:center;} #goals div.goals_text1 {position:relative; width:100%; height:60px; border-bottom:1px dashed #d7d8dc;} #goals div.goals_text1 img {vertical-align:top;} #goals div.goals_text1 h3 {position:absolute; top:0; left:8px; padding:0 0 0 0 !important; width:92px ; height:42px; background: url('/images/content/usr0000260/usr0000260_bg.png') no-repeat 0px 0px;} #goals div.goals_text1 h3 span {position:absolute; top:7px; left:7px; color:#fff; font-size:14px;} #goals div.goals_text1 p {margin:0 0 0 95px; padding:8px 0 8px 0; width:614px; border:1px solid #cbd2e4; background:#f6f7fb; color:#4e80c9;} #goals div.goals_text2 {position:relative; margin:20px 0 0 0; padding:0 0 20px 0; border-bottom:1px dashed #d7d8dc;} #goals div.goals_text2 h3 {position:absolute; top:25px; left:8px; padding:0 0 0 0 !important; width:92px ; height:42px; background: url('/images/content/usr0000260/usr0000260_bg.png') no-repeat 0px 0px;} #goals div.goals_text2 h3 span {position:absolute; top:6px; left:6px; width:30px; line-height:15px; color:#fff; font-size:14px; } #goals div.goals_text2 ul {margin:0 0 0 95px;} #goals div.goals_text2 li {float:left; margin:0 4px 0 0; padding:18px 10px 18px 9px; width:130px; border:1px solid #cbd2e4; background:#f6f7fb;} #goals div.goals_text3 {position:relative; margin:20px 0 0 0; padding:0 0 20px 0; border-bottom:1px dashed #d7d8dc;} #goals div.goals_text3 h3 {position:absolute; top:60px; left:8px; padding:0 0 0 0 !important; width:92px ; height:42px; background: url('/images/content/usr0000260/usr0000260_bg.png') no-repeat 0px 0px;} #goals div.goals_text3 h3 span {position:absolute; top:6px; left:6px; width:30px; line-height:15px; color:#fff; font-size:14px; } #goals div.goals_ul {margin:0 0 0 95px;} #goals div.goals_text3 ul {float:left; margin:0 4px 0 0; padding:15px 8px 35px 8px; width:133px; height:126px; border:1px solid #cbd2e4;} #goals div.goals_text3 li {padding:0 0 0 10px !important; background: url('/images/syjy/sub/contents_icon_li_1.gif') no-repeat 0px 5px !important;} #goals div.goals_text4 {position:relative; margin:20px 0 0 0; padding:0 0 20px 0; border-bottom:1px dashed #d7d8dc;} #goals div.goals_text4 h3 {position:absolute; top:25px; left:8px; padding:0 0 0 0 !important; width:92px ; height:42px; background: url('/images/content/usr0000260/usr0000260_bg.png') no-repeat 0px 0px;} #goals div.goals_text4 h3 span {position:absolute; top:6px; left:6px; width:30px; line-height:15px; color:#fff; font-size:14px; } #goals div.goals_text4 ul {margin:0 0 0 95px;} #goals div.goals_text4 li {float:left; margin:0 4px 0 0; padding:18px 10px 18px 9px; width:595px; border:1px solid #cbd2e4; background:#f6f7fb;} #goals div.goals_text5 {position:relative; margin:20px 0 0 0; padding:0 0 20px 0; border-bottom:1px dashed #d7d8dc;} #goals div.goals_text5 h3 {position:absolute; top:25px; left:8px; padding:0 0 0 0 !important; width:92px ; height:42px; background: url('/images/content/usr0000260/usr0000260_bg.png') no-repeat 0px 0px;} #goals div.goals_text5 h3 span {position:absolute; top:6px; left:6px; width:30px; line-height:15px; color:#fff; font-size:14px; } #goals div.goals_text5 ul {margin:0 0 0 95px;} #goals div.goals_text5 li {float:left; margin:0 4px 0 0; padding:18px 10px 18px 9px; width:130px; border:1px solid #cbd2e4; background:#f6f7fb;} /* 조직안내 */ #group_id { position:relative; background:url('/images/content/usr0000262/img1_3.gif') no-repeat center 0; width:750px; height:1500px;} #group_id h3 {background:none; margin:0px !important; padding:0px !important;} #group_id h4 {background:none; margin:0px !important; padding:0px !important;} #group_id h5 {background:none; margin:0px !important; padding:0px !important;} #group_id div.text_group1 {position:absolute; top:10px; left:255px; width:170px ; height:37px; background:#fff; border:2px solid #7d7d7d;} #group_id div.text_group1 h3 a {display:block; text-align: center; padding:5px 0 10px 0; color:#3b3b3b; } #group_id div.text_group2 {position:absolute; top:43px; left:500px; width:170px ; height:37px; background:#fff; border:1px solid #7d7d7d;} #group_id div.text_group2 h4 a {display:block; text-align: center; padding:5px 0 10px 0; color:#3b3b3b; } #group_id div.text_group3 {position:absolute; top:78px; left:255px; width:170px ; height:37px; background:#f6f7fb; border:1px solid #7d7d7d;} #group_id div.text_group3 h4 a {display:block; text-align: center; padding:5px 0 10px 0; color:#3b3b3b; } #group_id div.text_group4 {position:absolute; top:117px; left:500px; width:170px ; height:37px; background:#fff; border:1px solid #7d7d7d;} #group_id div.text_group4 h4 a {display:block; text-align: center; padding:5px 0 10px 0; color:#3b3b3b; } #group_id div.text_group5 {position:absolute; top:190px; left:0px; width:90px; background:#fff; border:1px solid #7d7d7d;} #group_id div.text_group5 h4 a {display:block; text-align: center; padding:30px 0 30px 0; color:#3b3b3b; } #group_id div.text_group6 {position:absolute; top:190px; left:105px; width:134px; height:37px; background:#5082c9; } #group_id div.text_group6 h5 a {display:block; text-align: center; padding:8px 0 10px 30px; color:#fff; } #group_id div.text_group6 ul { margin:10px 0 0 10px;} #group_id div.text_group6 li {padding:0 0 0 14px; background:url('/images/syjy/sub/contents_icon_li_1.gif') no-repeat 0 5px; font-size:12px;} #group_id div.text_group7 {position:absolute; top:190px; left:260px; width:134px; height:37px; background:#5082c9; } #group_id div.text_group7 h5 a {display:block; text-align: center; padding:8px 0 10px 30px; color:#fff; } #group_id div.text_group7 ul { margin:10px 0 0 10px;} #group_id div.text_group7 li {padding:0 0 0 14px; background:url('/images/syjy/sub/contents_icon_li_1.gif') no-repeat 0 5px; font-size:12px;} #group_id div.text_group8 {position:absolute; top:190px; left:410px; width:134px; height:37px; background:#5082c9; } #group_id div.text_group8 h5 a {display:block; text-align: center; padding:8px 0 10px 30px; color:#fff; } #group_id div.text_group8 ul { margin:10px 0 0 10px;} #group_id div.text_group8 li {padding:0 0 0 14px; background:url('/images/syjy/sub/contents_icon_li_1.gif') no-repeat 0 5px; font-size:12px;} #group_id div.text_group9 {position:absolute; top:190px; left:560px; width:134px; height:37px; background:#5082c9;} #group_id div.text_group9 h5 a {display:block; text-align: center; padding:8px 0 10px 30px; color:#fff; } #group_id div.text_group9 ul { margin:10px 0 0 10px;} #group_id div.text_group9 li {padding:0 0 0 14px; background:url('/images/syjy/sub/contents_icon_li_1.gif') no-repeat 0 5px; font-size:12px;} #group_id div.text_group10 {position:absolute; top:375px; left:0px; width:210px; height:37px; background:#f6f6f6; border:1px solid #dedede;} #group_id div.text_group10 h5 a {display:block; top:370px; text-align: center; padding:8px 0 10px 0; color:#3B3B3B; } #group_id div.text_group10 ul { margin:10px 0 10px 10px; display:inline-block;} #group_id div.text_group10 li {float:left; width:40%; padding:0 0 0 14px; background:url('/images/syjy/sub/contents_icon_li_1.gif') no-repeat 0px 5px; font-size:12px;} #group_id div.text_group10 .seoul_li{width:100%; padding:0 0 0 14px; background:url('/images/syjy/sub/contents_icon_li_1.gif') no-repeat 0px 5px; font-size:12px;} #group_id div.text_group10 .seoul_li ul{margin-top:0px;} #group_id div.text_group10 .seoul_li li {width:100%;} #group_id div.text_group11 {position:absolute; top:375px; left:218px; width:115px; height:37px; background:#f6f6f6; border:1px solid #dedede;} #group_id div.text_group11 h5 a {display:block; width:115px; text-align: center; padding:8px 0 10px 0; color:#3B3B3B; } #group_id div.text_group11 ul { margin:10px 0 0 10px;} #group_id div.text_group11 li {padding:0 0 0 14px; background:url('/images/syjy/sub/contents_icon_li_1.gif') no-repeat 0 5px; font-size:12px;} #group_id div.text_group12 {position:absolute; top:375px; left:340px; width:115px; height:37px; background:#f6f6f6; border:1px solid #dedede;} #group_id div.text_group12 h5 a {display:block; width:115px; text-align: center; padding:8px 0 10px 0; color:#3B3B3B; } #group_id div.text_group12 ul { margin:10px 0 0 10px;} #group_id div.text_group12 li {padding:0 0 0 14px; background:url('/images/syjy/sub/contents_icon_li_1.gif') no-repeat 0 5px; font-size:12px;} #group_id div.text_group13 {position:absolute; top:375px; left:463px; width:115px; height:37px; background:#f6f6f6; border:1px solid #dedede;} #group_id div.text_group13 h5 a {display:block; width:115px; text-align: center; padding:8px 0 10px 0; color:#3B3B3B; } #group_id div.text_group13 ul { margin:10px 0 0 10px;} #group_id div.text_group13 li {padding:0 0 0 14px; background:url('/images/syjy/sub/contents_icon_li_1.gif') no-repeat 0 5px; font-size:12px;} #group_id div.text_group14 {position:absolute; top:375px; left:585px; width:115px; height:37px; background:#f6f6f6; border:1px solid #dedede;} #group_id div.text_group14 h5 a {display:block; width:115px; text-align: center; padding:8px 0 10px 0; color:#3B3B3B; } #group_id div.text_group14 ul { margin:10px 0 0 10px;} #group_id div.text_group14 li {padding:0 0 0 14px; background:url('/images/syjy/sub/contents_icon_li_1.gif') no-repeat 0 5px; font-size:12px;} #group_id div.text_group15 {position:absolute; top:810px; left:0px; width:100px; height:37px; background:#f6f6f6; border:1px solid #dedede;} #group_id div.text_group15 h5 a {display:block; width:100px; text-align: center; padding:8px 0 10px 0; color:#3B3B3B; } #group_id div.text_group15 ul { margin:10px 0 0 10px;} #group_id div.text_group15 li {padding:0 0 0 14px; background:url('/images/syjy/sub/contents_icon_li_1.gif') no-repeat 0 5px; font-size:12px;} #group_id div.text_group16 {position:absolute; top:810px; left:108px; width:110px; height:37px; background:#f6f6f6; border:1px solid #dedede;} #group_id div.text_group16 h5 a {display:block; width:110px; text-align: center; padding:8px 0 10px 0; color:#3B3B3B; } #group_id div.text_group16 ul { margin:10px 0 0 10px;} #group_id div.text_group16 li {padding:0 0 0 14px; background:url('/images/syjy/sub/contents_icon_li_1.gif') no-repeat 0 5px; font-size:12px;} #group_id div.text_group17 {position:absolute; top:810px; left:228px; width:110px; height:37px; background:#f6f6f6; border:1px solid #dedede;} #group_id div.text_group17 h5 a {display:block; width:110px; text-align: center; padding:8px 0 10px 0; color:#3B3B3B; } #group_id div.text_group17 ul { margin:10px 0 0 10px;} #group_id div.text_group17 li {padding:0 0 0 14px; background:url('/images/syjy/sub/contents_icon_li_1.gif') no-repeat 0 5px; font-size:12px;} #group_id div.text_group18 {position:absolute; top:810px; left:350px; width:110px; height:37px; background:#f6f6f6; border:1px solid #dedede;} #group_id div.text_group18 h5 a {display:block; width:110px; text-align: center; padding:8px 0 10px 0; color:#3B3B3B; } #group_id div.text_group18 ul { margin:10px 0 0 10px;} #group_id div.text_group18 li {padding:0 0 0 14px; background:url('/images/syjy/sub/contents_icon_li_1.gif') no-repeat 0 5px; font-size:12px;} #group_id div.text_group19 {position:absolute; top:810px; left:470px; width:110px; height:37px; background:#f6f6f6; border:1px solid #dedede;} #group_id div.text_group19 h5 a {display:block; width:110px; text-align: center; padding:8px 0 10px 0; color:#3B3B3B; } #group_id div.text_group19 ul { margin:10px 0 0 10px;} #group_id div.text_group19 li {padding:0 0 0 14px; background:url('/images/syjy/sub/contents_icon_li_1.gif') no-repeat 0 5px; font-size:12px;} #group_id div.text_group20 {position:absolute; top:810px; left:590px; width:110px; height:37px; background:#f6f6f6; border:1px solid #dedede;} #group_id div.text_group20 h5 a {display:block; width:110px; text-align: center; padding:8px 0 10px 0; color:#3B3B3B; } #group_id div.text_group20 ul { margin:10px 0 0 10px;} #group_id div.text_group20 li {padding:0 0 0 14px; background:url('/images/syjy/sub/contents_icon_li_1.gif') no-repeat 0 5px; font-size:12px;} #group_id div.text_group23 {position:absolute; top:1112px; left:0px; width:100px; height:37px; background:#f6f6f6; border:1px solid #dedede;} #group_id div.text_group23 h5 a {display:block; width:100px; text-align: center; padding:8px 0 10px 0; color:#3B3B3B; } #group_id div.text_group23 ul { margin:10px 0 0 10px;} #group_id div.text_group23 li {padding:0 0 0 14px; background:url('/images/syjy/sub/contents_icon_li_1.gif') no-repeat 0 5px; font-size:12px;} #group_id div.text_group21 {position:absolute; top:1112px; left:108px; width:110px; height:37px; background:#f6f6f6; border:1px solid #dedede;} #group_id div.text_group21 h5 a {display:block; width:110px; text-align: center; padding:8px 0 10px 0; color:#3B3B3B; } #group_id div.text_group21 ul { margin:10px 0 0 10px;} #group_id div.text_group21 li {padding:0 0 0 14px; background:url('/images/syjy/sub/contents_icon_li_1.gif') no-repeat 0 5px; font-size:12px;} #group_id div.text_group22 {position:absolute; top:1112px; left:228px; width:110px; height:37px; background:#f6f6f6; border:1px solid #dedede;} #group_id div.text_group22 h5 a {display:block; width:110px; text-align: center; padding:8px 0 10px 0; color:#3B3B3B; } #group_id div.text_group22 ul { margin:10px 0 0 10px;} #group_id div.text_group22 li {padding:0 0 0 14px; background:url('/images/syjy/sub/contents_icon_li_1.gif') no-repeat 0 5px; font-size:12px;} #group_id div.text_group24 {position:absolute; top:1112px; left:350px; width:110px; height:37px; background:#f6f6f6; border:1px solid #dedede;} #group_id div.text_group24 h5 a {display:block; width:110px; text-align: center; padding:8px 0 10px 0; color:#3B3B3B; } #group_id div.text_group24 ul { margin:10px 0 0 10px;} #group_id div.text_group24 li {padding:0 0 0 14px; background:url('/images/syjy/sub/contents_icon_li_1.gif') no-repeat 0 5px; font-size:12px;} #group_id div.text_group25 {position:absolute; top:1112px; left:470px; width:110px; height:37px; background:#f6f6f6; border:1px solid #dedede;} #group_id div.text_group25 h5 a {display:block; width:110px; text-align: center; padding:8px 0 10px 0; color:#3B3B3B; } #group_id div.text_group25 ul { margin:10px 0 0 10px;} #group_id div.text_group25 li {padding:0 0 0 14px; background:url('/images/syjy/sub/contents_icon_li_1.gif') no-repeat 0 5px; font-size:12px;} #group_id div.text_group26 {position:absolute; top:1112px; left:590px; width:110px; height:37px; background:#f6f6f6; border:1px solid #dedede;} #group_id div.text_group26 h5 a {display:block; width:110px; text-align: center; padding:8px 0 10px 0; color:#3B3B3B; } #group_id div.text_group26 ul { margin:10px 0 0 10px;} #group_id div.text_group26 li {padding:0 0 0 14px; background:url('/images/syjy/sub/contents_icon_li_1.gif') no-repeat 0 5px; font-size:12px;} #group_id div.text_group27 {position:absolute; top:1368px; left:0px; width:110px; height:37px; background:#f6f6f6; border:1px solid #dedede;} #group_id div.text_group27 h5 a {display:block; width:110px; text-align: center; padding:8px 0 10px 0; color:#3B3B3B; } #group_id div.text_group27 ul { margin:10px 0 0 10px;} #group_id div.text_group27 li {padding:0 0 0 14px; background:url('/images/syjy/sub/contents_icon_li_1.gif') no-repeat 0 5px; font-size:12px;} #group_id div .ui_li{width:100%; padding:0 0 0 14px; background:url('/images/syjy/sub/contents_icon_li_1.gif') no-repeat 0px 5px; font-size:12px;} #group_id div .ui_li ul{margin-top:0px;} #group_id div .ui_li li {width:100%;} #group_id_new { position:relative; width:720px; height:900px; background: url('/images/content/mma0001001/img_new.gif') no-repeat center 0;} #group_id_new h3 {background:none; margin:0px !important; padding:0px !important;} #group_id_new h4 {background:none; margin:0px !important; padding:0px !important;} #group_id_new h5 {background:none; margin:0px !important; padding:0px !important;} #group_id_new div.people {position:relative; top:0px; left:276px; width:300px; } #group_id_new div.jbc_group_info {position:relative; top:17px; left:0px; width:80px; height:235px; background:#f6f6f6; border:1px solid #dedede;} #group_id_new div.jbc_group_info h5 {display:block; text-align: center; padding: 108px 0 108px 0 !important; color:#3B3B3B;} #group_id_new div.jbc_group {position:absolute; top:110px; left:100px; width:615px; height:235px; border:1px solid #dedede; background: #fff;} #group_id_new div.jbc_group div{position:absolute; width:135px; height:35px; background:#f6f6f6; border:1px solid #dedede; margin: 10px 22px 10px 22px;} #group_id_new div.jbc_group div h5 {text-align: center; padding: 7px 0 7px 0 !important; color:#3B3B3B; letter-spacing:-0.07em; } #group_id_new div.jbc_group div h5 a{display:block;} #group_id_new div.jbc_group .jbc_group_02 {top:0px; left:0px;} #group_id_new div.jbc_group .jbc_group_03 {top:0px; left:145px;} #group_id_new div.jbc_group .jbc_group_04 {top:0px; left:290px;} #group_id_new div.jbc_group .jbc_group_05 {top:0px; left:435px;} #group_id_new div.jbc_group .jbc_group_06 {top:45px; left:0px;} #group_id_new div.jbc_group .jbc_group_07 {top:45px; left:145px;} #group_id_new div.jbc_group .jbc_group_08 {top:45px; left:290px;} #group_id_new div.jbc_group .jbc_group_09 {top:45px; left:435px;} #group_id_new div.jbc_group .jbc_group_10 {top:90px; left:0px;} #group_id_new div.jbc_group .jbc_group_11 {top:90px; left:145px;} #group_id_new div.jbc_group .jbc_group_12 {top:90px; left:290px;} #group_id_new div.jbc_group .jbc_group_13 {top:90px; left:435px;} #group_id_new div.jbc_group .jbc_group_14 {top:135px; left:0px;} #group_id_new div.jbc_group .jbc_group_15 {top:135px; left:145px;} #group_id_new div.jbc_group .jbc_group_21 {top:180px; left:0px;} #group_id_new div.jbc_group .jbc_group_22 {top:135px; left:435px;} #group_id_new div.jbc_group .jbc_group_23 {top:135px; left:290px;} #group_id_new div.jbc_group .jbc_group_31 {top:180px; left:145px;} #group_id_new div.bon_group_info {position:relative; top:38px; left:0px; width:80px; height:220px; background:#f6f7fb; border:1px solid #cbd2e4;} #group_id_new div.bon_group_info h5 {display:block; text-align: center; padding: 90px 0 90px 0 !important; color:#3B3B3B;} #group_id_new div.bon_group {position:absolute; top:367px; left:100px; width:615px; height:220px; border:1px solid #cae3e8; background: #fff;} #group_id_new div.bon_group div{position:absolute; width:93px; height:35px; background:#fff; border:1px solid #7d7d7d; margin: 10px 3px 10px 3px;} #group_id_new div.bon_group div h5 {display:block; text-align: center; padding: 7px 0 7px 0 !important; color:#426eb5; } #group_id_new div.bon_group div h5 a{display:block;} #group_id_new div.bon_group .bon_group_01 {top:0px; left:0px;} #group_id_new div.bon_group .bon_group_02 {top:0px; left:97px;} #group_id_new div.bon_group .bon_group_03 {top:0px; left:194px;} #group_id_new div.bon_group .bon_group_04 {top:0px; left:291px;} #group_id_new div.bon_group .bon_group_05 {top:0px; left:388px; width: 122px;} #group_id_new div.bon_group .bon_group_06 {top:0px; left:514px; } #group_id_new div.bon_group ul { margin: 10px 0 0 0px; background: #f4fcfe; border: 1px solid #cae3e8; text-align: center; min-height: 155px;} #group_id_new div.bon_group li {padding:7px 2px 0 2px; font-size:12px; letter-spacing: -0.10em} #group_id_new div.text_group1 {position:relative; top:45px; left:520px; width:170px ; height:37px; background:#fff; border:1px solid #7d7d7d;} #group_id_new div.text_group1 h4 {text-align: center; padding: 6px 0 6px 0 !important; color:#3b3b3b;} #group_id_new div.text_group1 h4 a {display:block;} #group_id_new div.text_group2 {position: relative; top: 75px; left: 335px; width: 170px; height: 37px; background: #fff; border: 1px solid #7d7d7d;} #group_id_new div.text_group2 h4 {text-align: center; padding: 6px 0 6px 0 !important; color:#3b3b3b;} #group_id_new div.text_group2 h4 a {display:block;} #group_id_new div.text_group3 {position:relative; top:110px; left:520px; width:170px ; height:37px; background:#fff; border:1px solid #7d7d7d;} #group_id_new div.text_group3 h4 {text-align: center; padding: 6px 0 6px 0 !important; color:#3b3b3b;} #group_id_new div.text_group3 h4 a {display:block;} #group_id_new div.text_group4 {position: relative; top: 140px; left: 335px; width: 170px; height: 37px; background: #fff; border: 2px solid #7d7d7d;} #group_id_new div.text_group4 h3 {text-align: center; padding: 6px 0 6px 0 !important; color: #3b3b3b;} #group_id_new div.text_group4 h3 a {display:block;} /* 찾아가시는길(병역판정검사장 )*/ #locate {position:relative;} #locate div.locate_left{float:left;} #locate div.locate_right{float:left; width:415px; } #locate div.locate_right ul li{float:left; width:135px;} #locate div.locate_right1{float:left; width:310px; } #locate div.locate_right1 ul li{float:left; width:110px; padding:0 0 0 20px !important; background: url('/images/syjy/sub/contents_icon_li_1.gif') no-repeat 8px 5px;} #locate div.locate_right2{float:left; width:250px; } #locate div.locate_right2 ul li{ padding:0 0 0 20px !important; background: url('/images/syjy/sub/contents_icon_li_1.gif') no-repeat 8px 5px;} #locate div.locate_left10{position:relative; left:20%;} #locate div.locate_right10{ width:100%; } #locate div.locate_right10 ul li{float:left; width:160px; padding:0 0 0 20px !important; background: url('/images/syjy/sub/contents_icon_li_1.gif') no-repeat 8px 5px;} #locate ul li.on a {color:#436fba; font-weight:bold;} div.locate_box {margin:30px 0 0 0; border-top:2px solid #436db9;} div.locate_box ul {border-bottom:1px solid #dedede;} div.locate_box ul li{float:left; width:180px; padding:5px 0 0 45px !important; background: url('/images/syjy/sub/contents_icon_li_1.gif') no-repeat 28px 10px;} /* 모의지원서작성 */ div.apply {position:relative; top:-10px; } div.apply ul li {float:left; padding:20px 20px 0 0px; width:165px; } div.apply ul li a { display:block; width:165px; height:124px; border:1px solid #cbd2e5; text-align:center;} div.apply ul li span {display:block; margin:80px 0 0 0; padding:10px 0 0 0; background:#f6f7fb; border-top:1px solid #cbd2e5; width:100%; height:32px;} div.apply ul li.apply_bg1 a {background:url('/images/content/usr0000226/apply_img1_off.gif') no-repeat center 17px;} div.apply ul li.apply_bg1 a:hover {background:#5082c8 url('/images/content/usr0000226/apply_img1_on.gif') no-repeat center 17px;} div.apply ul li.apply_bg1 a:hover span {background:#5082c8 !important; border:0; color:#fff;} div.apply ul li.apply_bg2 a {background:url('/images/content/usr0000226/apply_img2_off.gif') no-repeat center 25px; margin:0 7px 0 7px !important;} div.apply ul li.apply_bg2 a:hover {background:#5082c8 url('/images/content/usr0000226/apply_img2_on.gif') no-repeat center 25px; } div.apply ul li.apply_bg2 a:hover span {background:#5082c8 !important; border:0; color:#fff;} div.apply ul li.apply_bg3 a {background:url('/images/content/usr0000226/apply_img3_off.gif') no-repeat center 20px; margin:0 7px 0 12px !important;} div.apply ul li.apply_bg3 a:hover {background:#5082c8 url('/images/content/usr0000226/apply_img3_on.gif') no-repeat center 20px;} div.apply ul li.apply_bg3 a:hover span {background:#5082c8 !important; border:0; color:#fff;} div.apply ul li.apply_bg4 a {background:url('/images/content/usr0000226/apply_img4_off.gif') no-repeat center 20px; margin:0 0 0 18px !important;} div.apply ul li.apply_bg4 a:hover {background:#5082c8 url('/images/content/usr0000226/apply_img4_on.gif') no-repeat center 20px;} div.apply ul li.apply_bg4 a:hover span {background:#5082c8 !important; border:0; color:#fff;} div.apply ul li.apply_bg5 a {background:url('/images/content/usr0000226/apply_img5_off.gif') no-repeat center 17px;} div.apply ul li.apply_bg5 a:hover {background:#5082c8 url('/images/content/usr0000226/apply_img5_on.gif') no-repeat center 17px;} div.apply ul li.apply_bg5 a:hover span {background:#5082c8 !important; border:0; color:#fff;} div.apply ul li.apply_bg6 a {background:url('/images/content/usr0000226/apply_img6_off.gif') no-repeat center 17px; margin:0 7px 0 7px !important;} div.apply ul li.apply_bg6 a:hover {background:#5082c8 url('/images/content/usr0000226/apply_img6_on.gif') no-repeat center 17px;} div.apply ul li.apply_bg6 a:hover span {background:#5082c8 !important; border:0; color:#fff;} div.apply ul li.apply_bg7 a {background:url('/images/content/usr0000226/apply_img7_off.gif') no-repeat center 17px; margin:0 7px 0 12px !important;} div.apply ul li.apply_bg7 a:hover {background:#5082c8 url('/images/content/usr0000226/apply_img7_on.gif') no-repeat center 17px;} div.apply ul li.apply_bg7 a:hover span {background:#5082c8 !important; border:0; color:#fff;} /* 사이트맵 */ #site_map { position:relative;} #site_map div.site_map_text { float:left; padding:0 20px 30px 0; width:220px; } #site_map div.site_map_text h3.h0 { padding-top:12px !important; padding:0 0 12px 0; background:none; font-size:15px; color:#416cba; text-align:center; border-top:2px solid #436db5; border-bottom:1px solid #dedede;} #site_map div.site_map_text ul { margin:15px 0 0 14px;} #site_map div.site_map_text li { padding:0 0 0 14px; background:url('/images/syjy/sub/contents_icon_li_1.gif') no-repeat 0 5px; font-weight:bold;} #site_map div.site_map_text ul ul {margin-top:0px !important;} #site_map div.site_map_text ul ul li { padding:0px 0 0 5px; background:url('/images/syjy/sub/icon_li_2.gif') no-repeat 0 10px; font-weight:normal;} /* 게시물 댓글목록 */ table.brd_re_list {width:738px; margin-top:10px; border:1px solid #e6e6e6; background-color:#fafafa;} table.brd_re_list th {background:url("/images/board/th_bar.gif") no-repeat right; color:#3d3d3d; padding:6px 0 8px 0; border-bottom:1px solid #e6e6e6; text-align:left; padding-left:10px} table.brd_re_list th.first {border-bottom:1px solid #e6e6e6; background:none; color:#044c7e;} table.brd_re_list td.title {border-bottom:1px solid #e6e6e6; color:#5b68ce; font-weight:bold;} table.brd_re_list td.reply {text-align:right;} table.brd_re_list th.ctitle {vertical-align:top; padding-top:10px; background:url("/images/board/th_bar.gif") no-repeat -10px 10px;} table.brd_re_list td {border-bottom:1px solid #e6e6e6; text-align:left; padding:6px 5px 6px 15px; line-height:18px;} table.brd_re_list .context {line-height:22px; padding:10px 10px 10px 10px; background:#fff;} table.brd_re_list .back02 {background-color:#fafafa; padding-left:10px; padding-right:10px;} table.brd_re_list .attach_file {line-height:22px} table.brd_re_list td table td {border-bottom:0px solid #e6e6e6; text-align:left; padding:0px;} table.brd_re_list td .mainbox h2 {position:relative; z-index:1; top:0; left:0; font-size:12px;} /* 게시물 댓글작성 */ table.brd_re_write {width:738px; margin-top:40px; margin-bottom:20px; border:1px solid #e6e6e6; background-color:#fafafa;} table.brd_re_write th {background:url("/images/board/th_bar.gif") no-repeat right; color:#3d3d3d; padding:6px 0 8px 0; border-bottom:1px solid #e6e6e6; text-align:left; padding-left:10px} table.brd_re_write th.first {border-bottom:1px solid #e6e6e6; background:none; color:#044c7e;} table.brd_re_write td.title {border-bottom:1px solid #e6e6e6; color:#5b68ce; font-weight:bold;} table.brd_re_write td.reply {text-align:right;} table.brd_re_write th.ctitle {vertical-align:top; padding-top:10px; background:url("/images/board/th_bar.gif") no-repeat -10px 10px;} table.brd_re_write td {border-bottom:1px solid #e6e6e6; text-align:left; padding:6px 5px 6px 15px; line-height:18px;} table.brd_re_write .context {line-height:22px; padding:10px 10px 10px 10px; background:#fff;} table.brd_re_write .back02 {background-color:#fafafa; padding-left:10px; padding-right:10px;} table.brd_re_write .attach_file {line-height:22px} table.brd_re_write td table td {border-bottom:0px solid #e6e6e6; text-align:left; padding:0px;} table.brd_re_write td .mainbox h2 {position:relative; z-index:1; top:0; left:0; font-size:12px;} table.brd_re_write textarea {border:1px solid #cccccc;} /* 스마트 인증서 */ div.smart {position:relative;} div.smart_text1 {float:left; width:251px; height:326px; margin:0 50px 0 0; background:url('/images/content/mma0001004/smart_img1_bg.gif') no-repeat 0 0px;} div.smart_text1 h3 {position:relative; top:5px; background:none !important; text-align:center; } div.smart_text1 ul {padding:100px 0 0 15px; width:225px;} div.smart_text2 {float:left; margin:20px 0 0 0; width:130px; height:283px; background:url('/images/content/mma0001004/smart_img2_bg.gif') no-repeat 0 115px;} div.smart_text2 ul li{ padding:90px 0 0 0;} div.smart_text3 {float:right; width:251px; height:326px; background:url('/images/content/mma0001004/smart_img3_bg.gif') no-repeat 0 0px;} div.smart_text3 h3 {position:relative; top:5px; background:none !important; text-align:center; } div.smart_text3 ul {padding:100px 0 0 15px; width:225px;} /* 병무청 스마트폰 어플 안내 */ #app {position:relative; background:url('/images/content/mma0001006/app_img_bg.jpg') no-repeat 0 0;} #app div.app_img ul {padding:60px 0 0 35px;} #app div.app_img li {float:left; padding:0 0 0 25px;} #app div.app_img p {float:right; position:relative; top:-20px; right:20px;} ul.app_text_img li{float:left; padding:0 5px 5px 0px;} /* 게시물 사이드 메뉴 */ .side_menu_box {float:left; border-top:1px solid #c8c8c8; border-bottom:1px solid #c8c8c8; background-color:#fafafa; clear:both; margin:2px 0 10px 0;} .side_menu_box ul {float:left; margin:15px 0 15px 0;} .side_menu_box ul li {float:left; width:332px; padding:0 10px 0 28px; background:url('/images/syjy/sub/btn_icon.gif') no-repeat 18px 8px; line-height:22px;} .side_menu_box ul li a {} .side_menu_box ul li:first-child {float:none; font-size:17px; margin-bottom:5px;} } /********** PC 표준 end **********/ /********** 태블릿 start **********/ @media (min-width:0px) and (max-width:756px) { /* 병역이행일정안내 */ ul.usr_42 {width:100%; margin:20px 0 0 0; text-align:left;} ul.usr_42 li { display:inline; width:100%; margin:0 auto; text-align:center;} div.board_box {margin:0px auto 20px auto !important; padding:4% 4% !important; width:90% !important; border:1px solid #cae3e8; background:#f4fcfe;} div.board_box .cr_blue {color:#426eb5;} div.board_box .margin_t_10 {margin-top:10px !important;} div.board_box ul.list { margin: 0; margin: 0 0 0 0; list-style: none; text-align: left; text-align:justify;} div.board_box ul.list li { margin: 0 0 0 0; padding: 0 0 7px 18px; line-height:1.6em; list-style: none; background: url('/images/syjy/sub/contents_icon_li_1.gif') no-repeat left 6px; } div.board_box_720 { margin:0px auto 20px auto !important; display:inline-block; padding:4% 4% !important; width:90% !important; border:1px solid #cae3e8; background:#f4fcfe;} div.board_box_720 .cr_blue {color:#426eb5;} div.board_box_720 .margin_t_10 {margin-top:10px !important;} div.board_box_720 ul.list { margin: 0; margin: 0 0 0 0; list-style: none; text-align: left; text-align:justify;} div.board_box_720 ul.list li { margin: 0 0 0 0; padding: 0 0 7px 18px; line-height:1.6em; list-style: none; background: url('/images/syjy/sub/contents_icon_li_1.gif') no-repeat left 6px; } div.board_box_720 ul.list li:last-child {padding-bottom:0 !important;} div.board_box_720 ul.list_info { margin: 0; margin: 0 0 0 0; list-style: none; text-align: left; text-align:justify;} div.board_box_720 ul.list_info li {float:left; width:152px; margin: 0 0 0 0; padding: 0 0 0px 18px; line-height:1.6em; list-style: none; background: url('/images/syjy/sub/contents_icon_li_1.gif') no-repeat left 6px; } div.board_box_720 ul.list_info li:last-child {padding-bottom:0 !important;} /* 청장 인사말 */ #introduce { position:relative;} #introduce div.introduce_img { width:100%; text-align:center;} #introduce div.introduce_text { margin:0 0 0 0px; width:100%; color:#303030;} #introduce div.introduce_text p strong.strong_text {font-size:20px; color:#4977c4;} #introduce div.introduce_text p strong.strong_text1 {color:#4977c4;} /* 일정 */ #schedule { position:relative; padding-bottom: 20px;} #schedule div.schedule_calender { width:100%; text-align:center;} #schedule div.schedule_text { margin:0 0 0 0px; width:100%; color:#303030; padding-top:20px;} #schedule div.schedule_text p strong.strong_text {font-size:20px; color:#4977c4;} #schedule div.schedule_text p strong.strong_text1 {color:#4977c4;} /* 병무청상징 모바일 */ .width100p { width:100% !important; margin:0 !important;} /* 병역판정검사 안내 동영상 */ div.movie { position:relative; text-align:center; width:100%;} div.movie_text { margin:30px 0 30px 0px; padding:20px 0px 20px 0px; width:100%; height:230px; border:1px solid #e5e5e5; overflow:auto;} div.movie_text p { padding:7px 20px 7px 20px; line-height:24px;} /* 설문조사 항목 */ table.notice_view td label{ margin:0 35px 0 0;} /* 병무청상징 */ ul.img {} ul.img li {float:left; padding:10px 10px 0 10px; font-size:0; } /* 홍보관메인 */ ul.public { width:103%; display:inline-block; padding:0px 0px 0px 0px; margin:0px 0px 0px -3%;} ul.public li {float:left; margin:0 0 20px 2%; width:47%; height:240px; text-align:center; border:1px solid #dedede; font-size:12px; } ul.public li div { padding:10px 0 10px 0; width:100%; text-align:center; border-bottom:1px solid #dedede; font-weight:bold; background:#f6f7fb; color:#5B70AC;} ul.public li img { border:1px solid #dedede; } ul.public li span { width:190px; text-align:left !important; } /* 병무청 정책목표 */ #goals {position:relative; margin:30px 0 0 0; text-align:center; } #goals div.goals_text1 {position:relative; width:100%; height:60px; border-bottom:1px dashed #d7d8dc;} #goals div.goals_text1 img {vertical-align:top;} #goals div.goals_text1 h3 {text-align:left !important; } #goals div.goals_text1 h3 span {color:#000; } #goals div.goals_text1 p {margin:0 0 0 0px; padding:8px 0 8px 0; width:100%; border:1px solid #cbd2e4; background:#f6f7fb; color:#4e80c9;} #goals div.goals_text2 {position:relative; margin:20px 0 0 0; padding:20px 0 20px 0; border-bottom:1px dashed #d7d8dc;} #goals div.goals_text2 h3 {} #goals div.goals_text2 h3 span { color:#000; } #goals div.goals_text2 ul { width:102%; display:inline-block; padding:0px; margin:0px 0px 0px -2%;} #goals div.goals_text2 li { width:48%; float:left; margin:0 0 10px 2%;} #goals div.goals_text2 li span{ height:50px;} #goals div.goals_text2 li span{ padding:18px 10px 18px 9px; border:1px solid #cbd2e4; background:#f6f7fb; display:inline-block;} #goals div.goals_text3 {position:relative; margin:20px 0 0 0; padding:0 0 20px 0; border-bottom:1px dashed #d7d8dc;} #goals div.goals_text3 h3 {} #goals div.goals_text3 h3 span {color:#000; } #goals div.goals_ul { width:102%; display:block; padding:0px; margin:0px 0px 0px -2%;} #goals div.goals_ul .goals_ul_wrap{ width:48%; float:left; margin:0 0 10px 2%;} #goals div.goals_text3 ul { margin:0; padding:24px 10px 24px 10px; display:block; height:160px; border:1px solid #cbd2e4;} #goals div.goals_text3 li {padding:0 0 0 15px !important; background: url('/images/syjy/sub/contents_icon_li_1.gif') no-repeat 0px 5px !important;} #goals div.goals_text4 {position:relative; margin:20px 0 0 0; padding:20px 0 20px 0; border-bottom:1px dashed #d7d8dc;} #goals div.goals_text4 h3 {} #goals div.goals_text4 h3 span { color:#000; } #goals div.goals_text4 ul { width:102%; display:inline-block; padding:0px; margin:0px 0px 0px -2%;} #goals div.goals_text4 li { width:98%; float:left; margin:0 0 10px 2%;} #goals div.goals_text4 li span{ height:50px;} #goals div.goals_text4 li span{ padding:18px 10px 18px 9px; border:1px solid #cbd2e4; background:#f6f7fb; display:inline-block;} #goals div.goals_text5 {position:relative; margin:20px 0 0 0; padding:20px 0 20px 0; border-bottom:1px dashed #d7d8dc;} #goals div.goals_text5 h3 {} #goals div.goals_text5 h3 span { color:#000; } #goals div.goals_text5 ul { width:102%; display:inline-block; padding:0px; margin:0px 0px 0px -2%;} #goals div.goals_text5 li { width:42%; height:60px; float:left; margin:0 0 10px 2%; padding:18px 10px 18px 9px; border:1px solid #cbd2e4; background:#f6f7fb; display:inline-block;} #goals div.goals_text5 li span{ height:50px;} /* 조직안내 모바일 */ #group_id { position:relative; background:url('/images/content/usr0000262/img2.gif') no-repeat center 0; width:100%; } #group_id h3 {background:none; margin:0px !important; padding:0px !important;} #group_id h4 {background:none; margin:0px !important; padding:0px !important;} #group_id h5 {background:none; width:100%; margin:0px !important; padding:0px !important;} #group_id div.text_group1 { width:100%; height:37px; background:#fff; border:2px solid #7d7d7d;} #group_id div.text_group1 h3 a {display:block; text-align: center; padding:5px 0 10px 0; color:#3b3b3b; } #group_id div.text_group2 { margin-top:10px; width:100% ; height:37px; background:#fff; border:1px solid #7d7d7d;} #group_id div.text_group2 h4 a {display:block; text-align: center; padding:5px 0 10px 0; color:#3b3b3b; } #group_id div.text_group3 { margin-top:10px; width:100% ; height:37px; background:#f6f7fb; border:1px solid #7d7d7d;} #group_id div.text_group3 h4 a {display:block; text-align: center; padding:5px 0 10px 0; color:#3b3b3b; } #group_id div.text_group4 { margin-top:10px; width:100% ; height:37px; background:#fff; border:1px solid #7d7d7d;} #group_id div.text_group4 h4 a {display:block; text-align: center; padding:5px 0 10px 0; color:#3b3b3b; } #group_id div.text_group5 { margin-top:10px; width:100%; background:#fff; border:1px solid #7d7d7d;} #group_id div.text_group5 h4 a {display:block; text-align: center; padding:30px 0 30px 0; color:#3b3b3b; } #group_id div.text_group6 { margin-top:10px; width:100%; } #group_id div.text_group6 h5 a {display:block; width:100%; text-align: center; padding:8px 0 10px 0; color:#fff; background:#5082c9;} #group_id div.text_group7 { margin-top:0px; width:100%; clear:both; } #group_id div.text_group7 h5 a {display:block; text-align: center; padding:8px 0 10px 0; color:#fff; background:#5082c9;} #group_id div.text_group8 {margin-top:0px; width:100%; clear:both; } #group_id div.text_group8 h5 a {display:block; text-align: center; padding:8px 0 10px 0; color:#fff; background:#5082c9; } #group_id div.text_group9 {margin-top:0px; width:100%; clear:both; } #group_id div.text_group9 h5 a {display:block; text-align: center; padding:8px 0 10px 0; color:#fff; background:#5082c9; } #group_id div.text_group10 {margin-top:0px; width:100%; } #group_id div.text_group10 h5 a {display:block; text-align: center; padding:8px 0 10px 0; color:#3b3b3b; background:#f6f6f6; border:1px solid #dedede; } #group_id div.text_group11 {margin-top:0px; width:100%; clear:both } #group_id div.text_group11 h5 a {display:block; width:100%; text-align: center; padding:8px 0 10px 0; color:#3b3b3b; background:#f6f6f6; border:1px solid #dedede; } #group_id div.text_group12 {margin-top:0px; width:100%; clear:both; } #group_id div.text_group12 h5 a {display:block; text-align: center; padding:8px 0 10px 0; color:#3b3b3b; background:#f6f6f6; border:1px solid #dedede; } #group_id div.text_group13 {margin-top:0px; width:100%; clear:both; } #group_id div.text_group13 h5 a {display:block; text-align: center; padding:8px 0 10px 0; color:#3b3b3b; background:#f6f6f6; border:1px solid #dedede; } #group_id div.text_group14 {margin-top:0px; width:100%; clear:both;} #group_id div.text_group14 h5 a {display:block; text-align: center; padding:8px 0 10px 0; color:#3b3b3b; background:#f6f6f6; border:1px solid #dedede; } #group_id div.text_group15 {margin-top:0px; width:100%; clear:both; } #group_id div.text_group15 h5 a {display:block; text-align: center; padding:8px 0 10px 0; color:#3b3b3b; background:#f6f6f6; border:1px solid #dedede; } #group_id div.text_group16 {margin-top:0px; width:100%; clear:both; } #group_id div.text_group16 h5 a {display:block; text-align: center; padding:8px 0 10px 0; color:#3b3b3b; background:#f6f6f6; border:1px solid #dedede; } #group_id div.text_group17 {margin-top:0px; width:100%; clear:both; } #group_id div.text_group17 h5 a {display:block; text-align: center; padding:8px 0 10px 0; color:#3b3b3b; background:#f6f6f6; border:1px solid #dedede; } #group_id div.text_group18 {margin-top:0px; width:100%; clear:both;} #group_id div.text_group18 h5 a {display:block; text-align: center; padding:8px 0 10px 0; color:#3b3b3b; background:#f6f6f6; border:1px solid #dedede; } #group_id div.text_group19 {margin-top:0px; width:100%; clear:both;} #group_id div.text_group19 h5 a {display:block; text-align: center; padding:8px 0 10px 0; color:#3b3b3b; background:#f6f6f6; border:1px solid #dedede; } #group_id div.text_group20 {margin-top:0px; width:100%; clear:both;} #group_id div.text_group20 h5 a {display:block; text-align: center; padding:8px 0 10px 0; color:#3b3b3b; background:#f6f6f6; border:1px solid #dedede; } #group_id div.text_group21 {margin-top:0px; width:100%; clear:both;} #group_id div.text_group21 h5 a {display:block; text-align: center; padding:8px 0 10px 0; color:#3b3b3b; background:#f6f6f6; border:1px solid #dedede; } #group_id div.text_group22 {margin-top:0px; width:100%; clear:both;} #group_id div.text_group22 h5 a {display:block; text-align: center; padding:8px 0 10px 0; color:#3b3b3b; background:#f6f6f6; border:1px solid #dedede; } #group_id div.text_group23 {margin-top:0px; width:100%; clear:both;} #group_id div.text_group23 h5 a {display:block; text-align: center; padding:8px 0 10px 0; color:#3b3b3b; background:#f6f6f6; border:1px solid #dedede; } #group_id div.text_group24 {margin-top:0px; width:100%; clear:both;} #group_id div.text_group24 h5 a {display:block; text-align: center; padding:8px 0 10px 0; color:#3b3b3b; background:#f6f6f6; border:1px solid #dedede; } #group_id div.text_group25 {margin-top:0px; width:100%; clear:both;} #group_id div.text_group25 h5 a {display:block; text-align: center; padding:8px 0 10px 0; color:#3b3b3b; background:#f6f6f6; border:1px solid #dedede; } #group_id div.text_group26 {margin-top:0px; width:100%; clear:both;} #group_id div.text_group26 h5 a {display:block; text-align: center; padding:8px 0 10px 0; color:#3b3b3b; background:#f6f6f6; border:1px solid #dedede; } #group_id div.text_group27 {margin-top:0px; width:100%; clear:both;} #group_id div.text_group27 h5 a {display:block; text-align: center; padding:8px 0 10px 0; color:#3b3b3b; background:#f6f6f6; border:1px solid #dedede; } #group_id div.text_group6 ul, #group_id div.text_group7 ul, #group_id div.text_group8 ul, #group_id div.text_group9 ul, #group_id div.text_group10 ul, #group_id div.text_group11 ul, #group_id div.text_group12 ul, #group_id div.text_group13 ul, #group_id div.text_group14 ul, #group_id div.text_group15 ul, #group_id div.text_group16 ul, #group_id div.text_group17 ul, #group_id div.text_group18 ul, #group_id div.text_group19 ul, #group_id div.text_group20 ul, #group_id div.text_group21 ul, #group_id div.text_group22 ul, #group_id div.text_group23 ul, #group_id div.text_group25 ul, #group_id div.text_group26 ul, #group_id div.text_group24 ul { width:100%; margin:10px 0 10px 0px; display:inline-block;} #group_id div.text_group6 li, #group_id div.text_group7 li, #group_id div.text_group8 li, #group_id div.text_group9 li, #group_id div.text_group10 li, #group_id div.text_group11 li, #group_id div.text_group12 li, #group_id div.text_group13 li, #group_id div.text_group14 li, #group_id div.text_group15 li, #group_id div.text_group16 li, #group_id div.text_group17 li, #group_id div.text_group18 li, #group_id div.text_group19 li, #group_id div.text_group20 li, #group_id div.text_group21 li, #group_id div.text_group22 li, #group_id div.text_group23 li, #group_id div.text_group24 li, #group_id div.text_group25 li, #group_id div.text_group26 li, #group_id div.text_group27 li {float:left; width:50%; font-size:12px;} #group_id div.text_group6 li a, #group_id div.text_group7 li a, #group_id div.text_group8 li a, #group_id div.text_group9 li a, #group_id div.text_group10 li a, #group_id div.text_group11 li a, #group_id div.text_group12 li a, #group_id div.text_group13 li a, #group_id div.text_group14 li a, #group_id div.text_group15 li a, #group_id div.text_group16 li a, #group_id div.text_group17 li a, #group_id div.text_group18 li a, #group_id div.text_group19 li a, #group_id div.text_group20 li a, #group_id div.text_group21 li a, #group_id div.text_group22 li a, #group_id div.text_group23 li a, #group_id div.text_group24 li a, #group_id div.text_group25 li a, #group_id div.text_group26 li a, #group_id div.text_group27 li a{ padding:0 0 0 25px; height:15px; background:#fff; background:url('/images/syjy/sub/contents_icon_li_1.gif') no-repeat 10px 5px;} #group_id div.text_group10 .seoul_li_m{width:100%;} #group_id div.text_group10 .seoul_li{width:50%;} #group_id div.text_group10 .seoul_li ul{margin-top:0px;} #group_id div.text_group10 .seoul_li li {width:100%; margin-left:24px;} #group_id div .ui_li_m{width:100%;} #group_id div .ui_li{width:50%;} #group_id div .ui_li ul{margin-top:0px;} #group_id div .ui_li li {width:100%; margin-left:24px;} #group_id_new { position:relative; background:url('/images/content/mma0001001/img2.gif') repeat-y center 0; width:100%; } #group_id_new h3 {background:none; margin:0px !important; padding:0px !important;} #group_id_new h4 {background:none; margin:0px !important; padding:0px !important;} #group_id_new h5 {background:none; width:100%; margin:0px !important; padding:0px !important;} #group_id_new div.people {margin-top:0px; width:100%; text-align: center;} #group_id_new div.people img{margin-left:-7px;} #group_id_new div.jbc_group_info {margin-top:10px; width:100%;} #group_id_new div.jbc_group_info h5 {display:block; text-align: center; padding:8px 0 10px 0; color:#3b3b3b; background:#f6f6f6; border:1px solid #dedede; padding: 7px 0 7px 0 !important;} #group_id_new div.jbc_group {margin-top:10px; width:100%; border:1px solid #dedede; background-color: #fdfdfd;} #group_id_new div.jbc_group div{width:95%; clear:both; background:#f6f6f6; border:1px solid #dedede; margin: 10px 10px 10px 10px;} #group_id_new div.jbc_group div h5 {text-align: center; padding: 7px 0 7px 0 !important; color:#3B3B3B;} #group_id_new div.jbc_group div h5 a{display:block;} #group_id_new div.bon_group_info {margin-top:10px; width:100%;} #group_id_new div.bon_group_info h5 {display:block; text-align: center; padding:8px 0 10px 0; color:#3b3b3b; background:#f6f7fb; border:1px solid #cbd2e4; padding: 7px 0 7px 0 !important;} #group_id_new div.bon_group {margin-top:10px; width:100%; border:1px solid #dedede; background-color: #fdfdfd;} #group_id_new div.bon_group div{width:95%; clear:both; background:#fff; margin: 10px 10px 10px 10px;} #group_id_new div.bon_group div h5 {text-align: center; border:1px solid #5082c9; padding: 7px 0 7px 0 !important; color:#3B3B3B; } #group_id_new div.bon_group div h5 a {display:block;} #group_id_new div.bon_group ul { width:100%; margin:10px 0 10px 0px; display:inline-block; background: #f4fcfe; border: 1px solid #cae3e8; min-height: 50px;} #group_id_new div.bon_group li {float:left; width:50%; font-size:12px; padding-top:5px;} #group_id_new div.bon_group li a{ padding:0 0 0 25px; height:15px; background:#fff; background:url('/images/syjy/sub/contents_icon_li_1.gif') no-repeat 10px 5px;} #group_id_new div.bon_group .ui_li_m{width:100%;} #group_id_new div.bon_group .ui_li{width:50%;} #group_id_new div.bon_group .ui_li ul{margin-top:0px;} #group_id_new div.bon_group .ui_li li {width:100%; margin-left:24px;} #group_id_new div.text_group1 { margin-top:10px; width:100%; height:37px; background:#fff; border:1px solid #7d7d7d;} #group_id_new div.text_group1 h4 a {display:block; text-align: center; padding:5px 0 5px 0; } #group_id_new div.text_group2 { margin-top:10px; width:100% ; height:37px; background:#fff; border:1px solid #7d7d7d;} #group_id_new div.text_group2 h4 a {display:block; text-align: center; padding:5px 0 5px 0; } #group_id_new div.text_group3 { margin-top:10px; width:100% ; height:37px; background:#fff; border:1px solid #7d7d7d;} #group_id_new div.text_group3 h4 a {display:block; text-align: center; padding:5px 0 5px 0; } #group_id_new div.text_group4 { margin-top:10px; width:100% ; height:37px; background:#fff; border:1px solid #7d7d7d;} #group_id_new div.text_group4 h3 a {display:block; text-align: center; padding:5px 0 5px 0; } /* 찾아가시는길(병역판정검사장 )*/ #locate {position:relative; margin:0 0 30px 0;} #locate div.locate_left{position:absolute !important; overflow:hidden !important; height:0 !important; width:0 !important; font-size:0 !important; visibility:hidden !important;} #locate div.locate_right{float:left; width:100%; } #locate div.locate_right ul li{float:left; width:135px;} #locate div.locate_right1{float:left; width:100%; } #locate div.locate_right1 ul li{float:left; width:110px; padding:0 0 0 20px !important; background: url('/images/syjy/sub/contents_icon_li_1.gif') no-repeat 8px 5px;} #locate div.locate_right2{float:left; width:100%; } #locate div.locate_right2 ul li{float:left; width:180px; padding:0 0 0 20px !important; background: url('/images/syjy/sub/contents_icon_li_1.gif') no-repeat 8px 5px;} #locate div.locate_left10{position:relative; left:20%;} #locate div.locate_right10{ width:100%; } #locate div.locate_right10 ul li{float:left; width:160px; padding:0 0 0 20px !important; background: url('/images/syjy/sub/contents_icon_li_1.gif') no-repeat 8px 5px;} #locate ul li.on a {color:#436fba; font-weight:bold;} div.locate_box {margin:30px 0 0 0; border-top:2px solid #436db9;} div.locate_box ul {border-bottom:1px solid #dedede;} div.locate_box ul li{float:left; width:180px; padding:5px 0 0 45px !important; background: url('/images/syjy/sub/contents_icon_li_1.gif') no-repeat 28px 10px;} #board {position:relative; margin:30px 0 0 0; width:100%; } #board ul {display:inline; width:100%; margin:0px; } #board ul li.nobg{ background:none;} #board ul div.tabcontent { display:none; width:100%; padding:5px 0 0 0;} /* 게시물 댓글목록 */ table.brd_re_list {width:100%; min-width:320px; margin-top:10px; border:1px solid #e6e6e6; background-color:#fafafa;} table.brd_re_list th {background:url("/images/board/th_bar.gif") no-repeat right; color:#3d3d3d; padding:6px 0 8px 0; border-bottom:1px solid #e6e6e6; text-align:left; padding-left:10px} table.brd_re_list th.first {border-bottom:1px solid #e6e6e6; background:none; color:#044c7e;} table.brd_re_list td.title {border-bottom:1px solid #e6e6e6; color:#5b68ce; font-weight:bold;} table.brd_re_list td.reply {text-align:right;} table.brd_re_list th.ctitle {vertical-align:top; padding-top:10px; background:url("/images/board/th_bar.gif") no-repeat -10px 10px;} table.brd_re_list td {border-bottom:1px solid #e6e6e6; text-align:left; padding:6px 5px 6px 15px; line-height:18px;} table.brd_re_list .context {line-height:22px; padding:10px 10px 10px 10px; background:#fff;} table.brd_re_list .back02 {background-color:#fafafa; padding-left:10px; padding-right:10px;} table.brd_re_list .attach_file {line-height:22px} table.brd_re_list td table td {border-bottom:0px solid #e6e6e6; text-align:left; padding:0px;} table.brd_re_list td .mainbox h2 {position:relative; z-index:1; top:0; left:0; font-size:12px;} /* 게시물 댓글작성 */ table.brd_re_write {width:100%; min-width:320px; margin-top:40px; margin-bottom:20px; border:1px solid #e6e6e6; background-color:#fafafa;} table.brd_re_write th {background:url("/images/board/th_bar.gif") no-repeat right; color:#3d3d3d; padding:6px 0 8px 0; border-bottom:1px solid #e6e6e6; text-align:left; padding-left:10px} table.brd_re_write th.first {border-bottom:1px solid #e6e6e6; background:none; color:#044c7e;} table.brd_re_write td.title {border-bottom:1px solid #e6e6e6; color:#5b68ce; font-weight:bold;} table.brd_re_write td.reply {text-align:right;} table.brd_re_write th.ctitle {vertical-align:top; padding-top:10px; background:url("/images/board/th_bar.gif") no-repeat -10px 10px;} table.brd_re_write td {border-bottom:1px solid #e6e6e6; text-align:left; padding:6px 5px 6px 15px; line-height:18px;} table.brd_re_write .context {line-height:22px; padding:10px 10px 10px 10px; background:#fff;} table.brd_re_write .back02 {background-color:#fafafa; padding-left:10px; padding-right:10px;} table.brd_re_write .attach_file {line-height:22px} table.brd_re_write td table td {border-bottom:0px solid #e6e6e6; text-align:left; padding:0px;} table.brd_re_write td .mainbox h2 {position:relative; z-index:1; top:0; left:0; font-size:12px;} table.brd_re_write textarea {border:1px solid #cccccc;} /* 본인인증 서비스 */ .name_check_a {margin:10px 0 0 0; border-top:2px solid #436fba; border-left:1px solid #d2d2d2; border-right:1px solid #d2d2d2; background:url("/images/syjy/common/name_check_left_line11.gif") repeat-y 0 0; min-width:320px;} .name_check_a ul.nc {border-bottom:1px solid #d2d2d2;} .name_check_a ul.nc li {background:url("/images/syjy/common/name_check_top_line3.gif") repeat-x 0 0;} .name_check_a ul.nc li.nc_i1 {float:left; width:100%;} .name_check_a ul.nc li.nc_i1 .nc_name {height:39px; line-height:39px; text-align:center; font-weight:bold; font-size:16px;} .name_check_a ul.nc li.nc_i1 .nc_con {padding:80px 20px 0 20px; background:url("/images/syjy/common/name_check_icon02.gif") no-repeat center 19px;} .name_check_a ul.nc li.nc_i1 .nc_btn {text-align:center; margin:20px 0 25px 0;} .name_check_a ul.nc li.nc_i1 .nc_txt1 {padding:10px 20px 0 20px;} .name_check_a ul.nc li.nc_i1 .nc_txt2 {padding:10px 20px 0 20px;} .name_check_a ul.nc li.nc_i2 {float:left; width:100%;} .name_check_a ul.nc li.nc_i2 .nc_name {height:39px; line-height:39px; text-align:center; font-weight:bold; font-size:16px;} .name_check_a ul.nc li.nc_i2 .nc_con {padding:80px 20px 0 20px; background:url("/images/syjy/common/name_check_icon03.gif") no-repeat center 19px;} .name_check_a ul.nc li.nc_i2 .nc_btn {text-align:center; margin:20px 0 25px 0;} .name_check_a ul.nc li.nc_i2 .nc_txt1 {padding:10px 20px 0 20px;} .name_check_a ul.nc li.nc_i2 .nc_txt2 {padding:10px 20px 0 20px;} .name_check_b {margin:10px 0 0 0; border-top:2px solid #436fba; border-left:1px solid #d2d2d2; border-right:1px solid #d2d2d2; background:url("/images/syjy/common/name_check_left_line11.gif") repeat-y 0 0; min-width:320px;} .name_check_b ul.nc {border-bottom:1px solid #d2d2d2;} .name_check_b ul.nc li {background:url("/images/syjy/common/name_check_top_line3.gif") repeat-x 0 0;} .name_check_b ul.nc li.nc_i1 {float:left; width:100%;} .name_check_b ul.nc li.nc_i1 .nc_name {height:39px; line-height:39px; text-align:center; font-weight:bold; font-size:16px;} .name_check_b ul.nc li.nc_i1 .nc_con {padding:80px 20px 0 20px; background:url("/images/syjy/common/name_check_icon02.gif") no-repeat center 19px;} .name_check_b ul.nc li.nc_i1 .nc_btn {text-align:center; margin:20px 0 25px 0;} .name_check_b ul.nc li.nc_i1 .nc_txt1 {padding:10px 20px 0 20px;} .name_check_b ul.nc li.nc_i1 .nc_txt2 {padding:10px 20px 0 20px;} .name_check_b ul.nc li.nc_i2 {float:left; width:100%;} .name_check_b ul.nc li.nc_i2 .nc_name {height:39px; line-height:39px; text-align:center; font-weight:bold; font-size:16px;} .name_check_b ul.nc li.nc_i2 .nc_con {padding:80px 20px 0 20px; background:url("/images/syjy/common/name_check_icon03.gif") no-repeat center 19px;} .name_check_b ul.nc li.nc_i2 .nc_btn {text-align:center; margin:20px 0 25px 0;} .name_check_b ul.nc li.nc_i2 .nc_txt1 {padding:10px 20px 0 20px;} .name_check_b ul.nc li.nc_i2 .nc_txt2 {padding:10px 20px 0 20px;} .name_check_c {clear:both; margin:10px 0 0 0; border-top:2px solid #436fba; border-left:1px solid #d2d2d2; border-right:1px solid #d2d2d2; background:url("/images/syjy/common/name_check_left_line11.gif") repeat-y 0 0; min-width:320px;} .name_check_c ul.nc {border-bottom:1px solid #d2d2d2;} .name_check_c ul.nc li {background:url("/images/syjy/common/name_check_top_line3.gif") repeat-x 0 0;} .name_check_c ul.nc li.nc_i1 {float:left; width:100%;} .name_check_c ul.nc li.nc_i1 .nc_name {height:39px; line-height:39px; text-align:center; font-weight:bold; font-size:16px;} .name_check_c ul.nc li.nc_i1 .nc_con {padding:80px 20px 0 20px; background:url("/images/syjy/common/name_check_icon02.gif") no-repeat center 19px;} .name_check_c ul.nc li.nc_i1 .nc_btn {text-align:center; margin:20px 0 25px 0;} .name_check_c ul.nc li.nc_i2 {float:right; width:100%;} .name_check_c ul.nc li.nc_i2 .nc_name {height:39px; line-height:39px; text-align:center; font-weight:bold; font-size:16px;} .name_check_c ul.nc li.nc_i2 .nc_con {padding:80px 20px 0 20px; background:url("/images/syjy/common/name_check_icon03.gif") no-repeat center 19px;} .name_check_c ul.nc li.nc_i2 .nc_btn {text-align:center; margin:20px 0 25px 0;} .name_check_d {margin:0px 0 0 0; border-top:0px solid #436fba; border-left:0px solid #d2d2d2; border-right:0px solid #d2d2d2; background:url("/images/syjy/common/name_check_left_line11.gif") repeat-y 0 0; min-width:320px;} .name_check_d ul.nc {border-bottom:0px solid #d2d2d2;} .name_check_d ul.nc li {} .name_check_d ul.nc li.nc_i1 {float:left; width:100%;} .name_check_d ul.nc li.nc_i1 .nc_name {height:39px; line-height:39px; text-align:center; font-weight:bold; font-size:16px;} .name_check_d ul.nc li.nc_i1 .nc_con {padding:0px 20px 0 20px; text-align:center; margin:-10px 0 0 0;} .name_check_d ul.nc li.nc_i1 .nc_btn {text-align:center; margin:10px 0 25px 0;} .name_check_d ul.nc li.nc_i1 .nc_txt1 {padding:10px 20px 0 20px;} .name_check_d ul.nc li.nc_i1 .nc_txt2 {padding:10px 20px 0 20px;} .name_check_d ul.nc li.nc_i2 {float:left; width:100%;} .name_check_d ul.nc li.nc_i2 .nc_name {height:39px; line-height:39px; text-align:center; font-weight:bold; font-size:16px;} .name_check_d ul.nc li.nc_i2 .nc_con {padding:0px 20px 0 20px; text-align:center; margin:-10px 0 0 0;} .name_check_d ul.nc li.nc_i2 .nc_btn {text-align:center; margin:10px 0 25px 0;} .name_check_d ul.nc li.nc_i2 .nc_txt1 {padding:10px 20px 0 20px;} .name_check_d ul.nc li.nc_i2 .nc_txt2 {padding:10px 20px 0 20px;} .name_check_e {margin:0px 0 0 0; border-top:0px solid #436fba; border-left:0px solid #d2d2d2; border-right:0px solid #d2d2d2; background:url("/images/syjy/common/name_check_left_line11.gif") repeat-y 0 0; min-width:320px;} .name_check_e ul.nc {border-bottom:0px solid #d2d2d2;} .name_check_e ul.nc li {} .name_check_e ul.nc li.nc_i1 {float:left; width:100%;} .name_check_e ul.nc li.nc_i1 .nc_name {height:39px; line-height:39px; text-align:center; font-weight:bold; font-size:16px;} .name_check_e ul.nc li.nc_i1 .nc_con {padding:0px 20px 0 20px; text-align:center; margin:-10px 0 0 0;} .name_check_e ul.nc li.nc_i1 .nc_btn {text-align:center; margin:10px 0 25px 0;} .name_check_e ul.nc li.nc_i1 .nc_txt1 {padding:10px 20px 0 20px;} .name_check_e ul.nc li.nc_i1 .nc_txt2 {padding:10px 20px 0 20px;} .name_check_e ul.nc li.nc_i2 {float:left; width:100%;} .name_check_e ul.nc li.nc_i2 .nc_name {height:39px; line-height:39px; text-align:center; font-weight:bold; font-size:16px;} .name_check_e ul.nc li.nc_i2 .nc_con {padding:0px 20px 0 20px; text-align:center; margin:-10px 0 0 0;} .name_check_e ul.nc li.nc_i2 .nc_btn {text-align:center; margin:10px 0 25px 0;} .name_check_e ul.nc li.nc_i2 .nc_txt1 {padding:10px 20px 0 20px;} .name_check_e ul.nc li.nc_i2 .nc_txt2 {padding:10px 20px 0 20px;} /* 게시물 사이드 메뉴 */ .side_menu_box {float:left; border-top:1px solid #c8c8c8; border-bottom:1px solid #c8c8c8; background-color:#fafafa; clear:both; margin:2px 0 10px 0;} .side_menu_box ul {float:left; margin:15px 0 15px 0;} .side_menu_box ul li {float:left; width:42%; padding:0 10px 0 28px; background:url('/images/syjy/sub/btn_icon.gif') no-repeat 18px 8px; line-height:22px;} .side_menu_box ul li a {} .side_menu_box ul li:first-child {float:none; font-size:17px; margin-bottom:5px;} /* 비전 체계 */ div.prospect {width:100%; height:1260px; background:url('/images/content/usr0000258/prospect_img_m.jpg') no-repeat center 0;} /* 모의지원서작성 */ div.apply {position:relative; top:-10px;} div.apply ul li {} div.apply ul li a {float:left; margin:20px 21px 0 0px; display:block; width:100%; height:124px; border:1px solid #cbd2e5; text-align:center;} div.apply ul li span {display:block; margin:80px 0 0 0; padding:10px 0 0 0; background:#f6f7fb; border-top:1px solid #cbd2e5; width:100%; height:32px;} div.apply ul li.apply_bg1 a {background:url('/images/content/usr0000226/apply_img1_off.gif') no-repeat center 17px;} div.apply ul li.apply_bg1 a:hover {background:#5082c8 url('/images/content/usr0000226/apply_img1_on.gif') no-repeat center 17px;} div.apply ul li.apply_bg1 a:hover span {background:#5082c8 !important; border:0; color:#fff;} div.apply ul li.apply_bg2 a {background:url('/images/content/usr0000226/apply_img2_off.gif') no-repeat center 25px;} div.apply ul li.apply_bg2 a:hover {background:#5082c8 url('/images/content/usr0000226/apply_img2_on.gif') no-repeat center 25px;} div.apply ul li.apply_bg2 a:hover span {background:#5082c8 !important; border:0; color:#fff;} div.apply ul li.apply_bg3 a {background:url('/images/content/usr0000226/apply_img3_off.gif') no-repeat center 20px;} div.apply ul li.apply_bg3 a:hover {background:#5082c8 url('/images/content/usr0000226/apply_img3_on.gif') no-repeat center 20px;} div.apply ul li.apply_bg3 a:hover span {background:#5082c8 !important; border:0; color:#fff;} div.apply ul li.apply_bg4 a {background:url('/images/content/usr0000226/apply_img4_off.gif') no-repeat center 20px;} div.apply ul li.apply_bg4 a:hover {background:#5082c8 url('/images/content/usr0000226/apply_img4_on.gif') no-repeat center 20px;} div.apply ul li.apply_bg4 a:hover span {background:#5082c8 !important; border:0; color:#fff;} div.apply ul li.apply_bg5 a {background:url('/images/content/usr0000226/apply_img5_off.gif') no-repeat center 17px;} div.apply ul li.apply_bg5 a:hover {background:#5082c8 url('/images/content/usr0000226/apply_img5_on.gif') no-repeat center 17px;} div.apply ul li.apply_bg5 a:hover span {background:#5082c8 !important; border:0; color:#fff;} div.apply ul li.apply_bg6 a {background:url('/images/content/usr0000226/apply_img6_off.gif') no-repeat center 17px;} div.apply ul li.apply_bg6 a:hover {background:#5082c8 url('/images/content/usr0000226/apply_img6_on.gif') no-repeat center 17px;} div.apply ul li.apply_bg6 a:hover span {background:#5082c8 !important; border:0; color:#fff;} div.apply ul li.apply_bg7 a {background:url('/images/content/usr0000226/apply_img7_off.gif') no-repeat center 17px;} div.apply ul li.apply_bg7 a:hover {background:#5082c8 url('/images/content/usr0000226/apply_img7_on.gif') no-repeat center 17px;} div.apply ul li.apply_bg7 a:hover span {background:#5082c8 !important; border:0; color:#fff;} /* 스마트 인증서 */ div.smart {position:relative; width:100%;} div.smart_text1 { width:100%; margin:0 20px 0 0; text-align:center; background:url('/images/content/mma0001004/smart_img1_m.gif') repeat-x center 0; border:1px solid #d2d2d2;} div.smart_text1 h3 {position:relative; top:5px; background:none !important; text-align:center; } div.ul_text {position:relative; width:100%; text-align:left !important;} div.smart_text1 ul {padding:30px 0 20px 20px; } div.smart_text2 { margin:20px 0 0 0; width:100%; height:223px; text-align:center; background:url('/images/content/mma0001004/smart_img2_m.jpg') no-repeat center 25px;} div.smart_text2 ul li{ padding:0px 0 140px 0;} div.smart_text3 { width:100%; margin:0 20px 0 0; background:url('/images/content/mma0001004/smart_img1_m.gif') repeat-x center 0; border:1px solid #d2d2d2;} div.smart_text3 h3 {position:relative; top:5px; background:none !important; text-align:center; } div.ul_text {position:relative; width:100%; text-align:left !important;} div.smart_text3 ul {padding:30px 0 20px 20px; } /* 병무청 스마트폰 어플 안내 */ #app {position:relative; background:url('/images/content/mma0001006/app_img_bg.jpg') no-repeat 0 0; } #app div.app_img { text-align:center !important;} #app div.app_img ul {width:100%; padding:20px 0 0 0;} #app div.app_img li {display:inline; padding:0px 0 0 20px;} ul.app_text_img li{float:left; padding:0 0 5px 5px;} } /********** 태블릿 end **********/ /********** 모바일 start **********/ @media (min-width:0px) and (max-width:496px) { /* 게시물 사이드 메뉴 */ .side_menu_box {float:left; border-top:1px solid #c8c8c8; border-bottom:1px solid #c8c8c8; background-color:#fafafa; clear:both; margin:2px 0 10px 0;} .side_menu_box ul {float:left; margin:15px 0 15px 0;} .side_menu_box ul li {float:left; width:82%; padding:0 10px 0 28px; background:url('/images/syjy/sub/btn_icon.gif') no-repeat 18px 8px; line-height:22px;} .side_menu_box ul li a {} .side_menu_box ul li:first-child {float:none; font-size:17px; margin-bottom:5px;} /* 비전 체계 */ div.prospect {width:100%; height:1260px; background:url('/images/content/usr0000258/prospect_img_m.jpg') no-repeat center 0;} /* 홍보관메인 */ ul.public { width:103%; display:inline-block; padding:0px 0px 0px 0px; margin:0px 0px 0px -3%;} ul.public li {float:left; margin:0 0 20px 2%; width:97%; height:240px; text-align:center; border:1px solid #dedede; font-size:12px; } ul.public li div { padding:10px 0 10px 0; width:100%; text-align:center; border-bottom:1px solid #dedede; font-weight:bold; background:#f6f7fb; color:#5B70AC;} ul.public li img { border:1px solid #dedede; } ul.public li span { width:190px; text-align:left !important; } /* 병무청 정책목표 */ #goals div.goals_text2 li span{ height:100px;} /* 스마트 인증서 */ div.smart {position:relative; width:100%; } div.smart_text1 { width:100%; margin:0 20px 0 0; text-align:center; background:url('/images/content/mma0001004/smart_img1_m.gif') repeat-x center 0; border:1px solid #d2d2d2;} div.smart_text1 h3 {position:relative; top:5px; background:none !important; text-align:center; } div.ul_text {position:relative; width:100%; text-align:left !important;} div.smart_text1 ul {padding:30px 0 20px 20px; } div.smart_text2 { margin:20px 0 0 0; width:100%; height:223px; text-align:center; background:url('/images/content/mma0001004/smart_img2_bg.gif') no-repeat center 65px;} div.smart_text2 ul li{ padding:40px 0 50px 0;} div.smart_text3 { width:100%; margin:0 20px 0 0; background:url('/images/content/mma0001004/smart_img1_m.gif') repeat-x center 0; border:1px solid #d2d2d2;} div.smart_text3 h3 {position:relative; top:5px; background:none !important; text-align:center; } div.ul_text {position:relative; width:100%; text-align:left !important;} div.smart_text3 ul {padding:30px 0 20px 20px; } /* 병무청 스마트폰 어플 안내 */ #app {position:relative; background:url('/images/content/mma0001006/app_img_bg.jpg') no-repeat 0 0; } #app div.app_img { text-align:center !important;} #app div.app_img ul {width:100%; padding:20px 0 0 0;} #app div.app_img li {display:inline; padding:0px 0 0 20px;} ul.app_text_img li{float:left; padding:0 10px 10px 0px;} } /********** 모바일 end **********/ /********** 예외처리 start **********/ @media (min-width:757px) and (max-width:999999px) { .name_check_a {float:left; width:49%; margin:10px 0 0 0; border-top:2px solid #436fba; border-left:1px solid #d2d2d2; border-right:1px solid #d2d2d2; background:url("/images/syjy/common/name_check_left_line11.gif") repeat-y 0 0; min-width:320px;} .name_check_a ul.nc {border-bottom:1px solid #d2d2d2;} .name_check_a ul.nc li {background:url("/images/syjy/common/name_check_top_line3.gif") repeat-x 0 0;} .name_check_a ul.nc li.nc_i1 {float:left; width:100%;} .name_check_a ul.nc li.nc_i1 .nc_name {height:39px; line-height:39px; text-align:center; font-weight:bold; font-size:16px;} .name_check_a ul.nc li.nc_i1 .nc_con {padding:80px 20px 0 20px; background:url("/images/syjy/common/name_check_icon02.gif") no-repeat center 19px;} .name_check_a ul.nc li.nc_i1 .nc_txt1 {padding:10px 20px 0 20px;} .name_check_a ul.nc li.nc_i1 .nc_txt2 {padding:10px 20px 0 20px;} .name_check_a ul.nc li.nc_i1 .nc_btn {text-align:center; margin:20px 0 25px 0;} .name_check_a ul.nc li.nc_i2 {float:right; width:100%;} .name_check_a ul.nc li.nc_i2 .nc_name {height:39px; line-height:39px; text-align:center; font-weight:bold; font-size:16px;} .name_check_a ul.nc li.nc_i2 .nc_con {padding:80px 20px 0 20px; background:url("/images/syjy/common/name_check_icon03.gif") no-repeat center 19px;} .name_check_a ul.nc li.nc_i2 .nc_btn {text-align:center; margin:20px 0 25px 0;} .name_check_a ul.nc li.nc_i2 .nc_txt1 {padding:10px 20px 0 20px;} .name_check_a ul.nc li.nc_i2 .nc_txt2 {padding:10px 20px 0 20px;} .name_check_b {float:right; width:49%; margin:10px 0 0 0; border-top:2px solid #436fba; border-left:1px solid #d2d2d2; border-right:1px solid #d2d2d2; background:url("/images/syjy/common/name_check_left_line11.gif") repeat-y 0 0; min-width:320px;} .name_check_b ul.nc {border-bottom:1px solid #d2d2d2;} .name_check_b ul.nc li {background:url("/images/syjy/common/name_check_top_line3.gif") repeat-x 0 0;} .name_check_b ul.nc li.nc_i1 {float:left; width:100%;} .name_check_b ul.nc li.nc_i1 .nc_name {height:39px; line-height:39px; text-align:center; font-weight:bold; font-size:16px;} .name_check_b ul.nc li.nc_i1 .nc_con {padding:80px 20px 0 20px; background:url("/images/syjy/common/name_check_icon02.gif") no-repeat center 19px;} .name_check_b ul.nc li.nc_i1 .nc_txt1 {padding:10px 20px 0 20px;} .name_check_b ul.nc li.nc_i1 .nc_txt2 {padding:10px 20px 0 20px;} .name_check_b ul.nc li.nc_i1 .nc_btn {text-align:center; margin:20px 0 25px 0;} .name_check_b ul.nc li.nc_i2 {float:right; width:100%;} .name_check_b ul.nc li.nc_i2 .nc_name {height:39px; line-height:39px; text-align:center; font-weight:bold; font-size:16px;} .name_check_b ul.nc li.nc_i2 .nc_con {padding:80px 20px 0 20px; background:url("/images/syjy/common/name_check_icon03.gif") no-repeat center 19px;} .name_check_b ul.nc li.nc_i2 .nc_btn {text-align:center; margin:20px 0 25px 0;} .name_check_b ul.nc li.nc_i2 .nc_txt1 {padding:10px 20px 0 20px;} .name_check_b ul.nc li.nc_i2 .nc_txt2 {padding:10px 20px 0 20px;} .name_check_d {float:left; width:35%; margin:0px 0 20px 60px; border-top:0px solid #436fba; border-left:0px solid #d2d2d2; border-right:0px solid #d2d2d2; background:url("/images/syjy/common/name_check_left_line11.gif") repeat-y 0 0; min-width:300px;} .name_check_d ul.nc {border-bottom:0px solid #d2d2d2;} .name_check_d ul.nc li {} .name_check_d ul.nc li.nc_i1 {float:left; width:100%;} .name_check_d ul.nc li.nc_i1 .nc_name {height:39px; line-height:39px; text-align:center; font-weight:bold; font-size:16px;} .name_check_d ul.nc li.nc_i1 .nc_con {padding:0px 40px 0 40px; margin:-10px 0 0 0;} .name_check_d ul.nc li.nc_i1 .nc_txt1 {padding:10px 20px 0 20px;} .name_check_d ul.nc li.nc_i1 .nc_txt2 {padding:10px 20px 0 20px;} .name_check_d ul.nc li.nc_i1 .nc_btn {text-align:center; margin:0px 0 25px 0;} .name_check_d ul.nc li.nc_i2 {float:right; width:100%;} .name_check_d ul.nc li.nc_i2 .nc_name {height:39px; line-height:39px; text-align:center; font-weight:bold; font-size:16px;} .name_check_d ul.nc li.nc_i2 .nc_con {padding:0px 40px 0 40px; margin:-10px 0 0 0;} .name_check_d ul.nc li.nc_i2 .nc_btn {text-align:center; margin:0px 0 25px 0;} .name_check_d ul.nc li.nc_i2 .nc_txt1 {padding:10px 20px 0 20px;} .name_check_d ul.nc li.nc_i2 .nc_txt2 {padding:10px 20px 0 20px;} .name_check_e {float:right; width:35%; margin:0px 60px 20px 0; border-top:0px solid #436fba; border-left:0px solid #d2d2d2; border-right:0px solid #d2d2d2; background:url("/images/syjy/common/name_check_left_line11.gif") repeat-y 0 0; min-width:300px;} .name_check_e ul.nc {position:relative; left:0px; border-bottom:0px solid #d2d2d2;} .name_check_e ul.nc li {} .name_check_e ul.nc li.nc_i1 {float:left; width:100%;} .name_check_e ul.nc li.nc_i1 .nc_name {height:39px; line-height:39px; text-align:center; font-weight:bold; font-size:16px;} .name_check_e ul.nc li.nc_i1 .nc_con {padding:0px 40px 0 40px; margin:-10px 0 0 0;} .name_check_e ul.nc li.nc_i1 .nc_txt1 {padding:10px 20px 0 20px;} .name_check_e ul.nc li.nc_i1 .nc_txt2 {padding:10px 20px 0 20px;} .name_check_e ul.nc li.nc_i1 .nc_btn {text-align:center; margin:0px 0 25px 0;} .name_check_e ul.nc li.nc_i2 {float:left; width:100%;} .name_check_e ul.nc li.nc_i2 .nc_name {height:39px; line-height:39px; text-align:center; font-weight:bold; font-size:16px;} .name_check_e ul.nc li.nc_i2 .nc_con {padding:0px 40px 0 40px; margin:-10px 0 0 0;} .name_check_e ul.nc li.nc_i2 .nc_btn {text-align:center; margin:0px 0 25px 0;} .name_check_e ul.nc li.nc_i2 .nc_txt1 {padding:10px 20px 0 20px;} .name_check_e ul.nc li.nc_i2 .nc_txt2 {padding:10px 20px 0 20px;} } /********** 예외처리 end **********/