@charset "euc-kr"; /* reset */ *{margin:0;padding:0} body {text-align:center;font-size:0.8em;line-height:1.5em; font-family:"돋움",Dotum,"굴림",Gulim,"Arial","verdana";color:#444;text-decoration:none} input, button, select, input, textarea {color: #444} table {border-spacing:0;border:0 none;border-collapse:collapse;width:100%} table img {vertical-align:middle} a {color: #444;text-decoration:none} img {font:0/0 arial;border:none; vertical-align:middle} ul,ol,dl {list-style-type:none} legend{font-size:0;height:0;line-height:0;overflow:hidden;visibility:hidden;width:0} /*140717수정*/ caption {overflow:hidden; width:0; height:0; font-size:0; line-height:0} /*140717추가*/ fieldset {border:none} fieldset img {vertical-align:middle} textarea {overflow: auto} a:link, a:visited {color:#555;text-decoration:none} a:active {text-decoration:none} a:hover {text-decoration: none} button * {position: relative; margin:0;padding:0;border:none;background:#fff;cursor:pointer;vertical-align:middle;font-size:0} button img {left:-3px} button span {position:absolute;top:0;left:-10000px} hr {position:absolute;top:0;left:-10000000px;height:0;border:none !important;line-height:0} select {height:20px; font-size:90%; font-family:"돋움",Dotum,"굴림",Gulim,"Arial","verdana"; padding: 1px 0 2px; vertical-align:middle} option {padding-right: 6px} html:first-child select {height:20px;padding-right:6px} .png24 {tmp:expression(setPng24(this));} /* png24 투명 버그 해결 */ input {font-size:1em;font-family:Gulim} address, em {font-style:normal} /* skipNavigation */ .skip {position:relative; width:100%; z-index:2; overflow:hidden} .skip dt {display:none;} .skip a {display:block; padding:0 10px; height:1px; overflow:hidden; color:#444; text-align:center; margin-bottom:-1px} .skip a:hover, .skip a:focus, .skip a:active {background:#f2f2f2; border:1px solid #ddd; height:auto; color:#444; font-weight:bold;} /* layout */ body {background:#f4f4f4 url(/design3/image/new_images/bg_top.gif) repeat-x left top} #wrap {position:relative; margin:0 auto} #header {position:relative; width:940px; height:149px; margin:0 auto; text-align:left} /* #container {position:relative;margin:0 auto;width:944px;background:url("/design3/image/new_images/bg_sub_container.gif") no-repeat center top;text-align:left} */ #container {position:relative;margin:0 auto;width:944px;background:#ffffff;text-align:left} #container:after {content:""; display:block; clear:both} #lnb {float:left; width:177px; margin-right:26px;text-align:left; background:url(/design3/image/new_images/bg_lnb.gif) no-repeat 7px top} #nav {float:left; width:177px; margin-right:26px;text-align:left; background:url(/design3/image/new_images/bg_lnb.gif) no-repeat 7px top} #contents {float:left;margin-top:10px;padding-bottom:106px;width:710px} #footer {clear:both;margin:0 auto;padding:0 7px;width:930px;text-align:left;} /* header */ #header h1 {width:450px; padding:27px 0 0 8px; height:63px; font-size:0; line-height:0} #header .srchList {position:absolute; bottom:4px; left:700px; font-size:11px} #header .srchList ul li {float:left; padding-left:14px} #header .srchList ul li span, #header .srchList ul li span a {color:#eeef80} #header .srchList ul li a {color:#ceedff} #header .srchList ul li a:hover {text-decoration:underline} /* topset */ #top_menu {z-index:1000; position:absolute; right:0; top:15px; text-align:right} #top_menu li {float:left; padding-right:7px; background:url(/design3/image/new_images/bl_top_menu.gif) no-repeat right 1px;font-size:0;line-height:0} #top_menu li img {margin:0 0 0 7px; vertical-align:top} #top_menu li.none {background:none; padding-right:0; margin-right:0} /* gnb */ #gnb {margin:0 0 0 7px; position:relative; clear:both; width:900px; min-width:900px; height:60px; margin:0 auto 0} #gnb ul {text-align:left} #gnb li {position:relative; left:0; top:0; line-height:1.2em} #gnb li ul {position:absolute; top:36px; left:0; width:890px; letter-spacing:-1px;} /*메뉴추가로 수정 20170621*/ #gnb li ul.menu02 {left:-60px} /*메뉴추가로 수정 20170621*/ #gnb li ul.menu03 {left:-182px} #gnb li ul.menu04 {width:740px; left:0} #gnb li ul.menu05 {width:870px; left:-210px} #gnb li ul.menu06 {width:750px; left:-180px} #gnb li ul li {margin-right:6px} #gnb li ul li a {padding-right:11px; color:#e7f6ff; background:url(/design3/image/new_images/bl_dotted.gif) no-repeat right 2px} #gnb li ul li a:hover, #gnb li ul li a:focus, #gnb li ul li a:active {color:#fff;font-weight:bold} #gnb li ul li a:visited {color:#e7f6ff} #gnb li {display:inline; margin-right:32px} #gnb li.none a {background:none} #gnb fieldset {z-index:200; position:absolute; top:-5px; right:0; display:block; text-align:right; width:300px;} #gnb fieldset select {float:left; margin:0 2px 0 0; width:102px; height:21px; border:1px solid #ccc;} #gnb fieldset .srhtext {float:left;padding:3px 10px 3px 3px; width:145px; height:13px; border:1px solid #ccc; background:#efefef} #gnb fieldset .srhbtn {z-index:100; position:absolute; top:0px; left:255px; width:56px; height:21px;} /* snb */ #lnb .bgBottom {margin:0 0 0 7px; height:90px; background:url(/design3/image/new_images/bg_lnb.gif) no-repeat left 100%} #lnb h2 {padding:31px 0 54px 17px} #lnb ul {padding:0 0 0 17px} #lnb ul li {padding-left:9px; margin-bottom:5px; background:url(/design3/image/new_images/bl_lnb.gif) no-repeat left 7px} #lnb ul li a {color:#000} #lnb ul li a:hover, #lnb ul li a:focus, #lnb ul li a:active {color:#006ebd !important; font-weight:bold} #lnb ul li a:visited {color:#000; font-weight:normal} #lnb ul li ul {margin:2px 0 0 0; padding:0} #lnb ul li ul li {width:140px; margin-bottom:1px; font-size:11px; background:none} #lnb ul li ul li a {padding-left:8px; display:block; color:#666; background:url(/design3/image/new_images/bl_dot_off.gif) no-repeat left 7px} #lnb ul li ul li a:hover, #lnb ul li ul li a:focus, #lnb ul li ul li a:active {color:#525252 !important; font-weight:bold !important; background:url(/design3/image/new_images/bl_dot_on.gif) no-repeat left 7px} #lnb ul li ul li a:visited {color:#666; font-weight:normal} #nav .bgBottom {margin:0 0 0 7px; height:90px; background:url(/design3/image/new_images/bg_lnb.gif) no-repeat left 100%} #nav h2 {padding:31px 0 54px 17px} #nav ul {padding:0 0 0 17px} #nav ul li {padding-left:9px; margin-bottom:5px; background:url(/design3/image/new_images/bl_lnb.gif) no-repeat left 7px} #nav ul li a {color:#000} #nav ul li a:hover, #nav ul li a:focus, #nav ul li a:active {color:#006ebd !important; font-weight:bold} #nav ul li a:visited {color:#000; font-weight:normal} #nav ul li ul {margin:2px 0 0 0; padding:0} #nav ul li ul li {width:140px; margin-bottom:1px; font-size:11px; background:none} #nav ul li ul li a {padding-left:8px; display:block; color:#666; background:url(/design2/image/new_images/bl_dot_off.gif) no-repeat left 7px} #nav ul li ul li a:hover, #nav ul li ul li a:focus, #nav ul li ul li a:active {color:#525252 !important; font-weight:bold !important; background:url(/design2/image/new_images/bl_dot_on.gif) no-repeat left 7px} #nav ul li ul li a:visited {color:#666; font-weight:normal} /* contents */ #contents .location {width:709px; height:24px; padding-top:16px; margin-bottom:8px; background:url(/design3/image/new_images/bg_location.gif) repeat-x left top; font-size:11px; text-align:right; color:#666} /* quick */ #quick {position:absolute; top:0; right:-100px; margin-top:17px; width:68px; text-align:center; background:#f4f4f4} /*20161111 청년취업지원사업 바로가기로 인한 수정*/ #quick .quickmenu {width:68px; background:url(/design3/image/new_images/bg_quick.gif) no-repeat left top; text-align:center; margin-left:6px; margin-bottom:15px; } #quick .quickmenu strong {display:block; text-align:center; padding:9px 0 19px 0;} #quick .quickmenu ul {margin-right:2px} #quick .quickmenu ul li {margin:0; padding:0; line-height:0} #quick .quickmenu .bgBottom {height:19px; background:url(/design3/image/new_images/bg_quick.gif) no-repeat left 100%} #quick .quickmenu span {display:block; margin-top:15px} #quick a.topBtn {margin:11px 0 0} /* footer */ #footer .menu {position:relative; height:23px; padding-top:11px; background:url(/design3/image/new_images/bg_footer.gif) repeat-x left top} #footer .menu:after {content:""; display:block; clear:both} #footer .menu ul {float:left; margin-left:11px} #footer .menu li {float:left; padding:0 8px; background:url(/design3/image/new_images/bl_footer_menu.gif) no-repeat right 1px} #footer .menu li img {float:left; vertical-align:top} #footer .menu li.bl_viewer {float:left;background:none; padding:0 8px; width:220px;} #footer .menu li.bl_viewer img {float:left} #footer .menu li ul {float:left; display:inline-block; padding-left:8px; margin:-2px 0 0 5px; background:url(/design3/image/new_images/bl_viewer.gif) no-repeat left 4px} #footer .menu li ul li {padding:0 10px 0 0; background:none} #footer .menu fieldset {position:relative; top:-4px; right:12px; text-align:right} #footer .menu fieldset form {display:inline} #footer .menu fieldset input {margin-right:6px; vertical-align:middle} #footer .menu fieldset select {width:126px; height:20px; padding:2px 2px 2px 0; border:1px solid #7f9db9; font-size:12px; margin-right:-2px} #footer .menu fieldset select option a:visited {color:#444} #footer .menu fieldset select option a:hover, a:focus, a:active {color:#7f9db9} #footer .copy {height:56px; margin:0 auto; padding:25px 0 0 10px; font-size:11px} #footer .copy {color:#999; line-height:1.4em} #footer .copy img {float:left; margin-right:20px} #footer .copy address {display:block; margin-top:2px} #footer .copy p {display:block; font-size:10px; font-family:Tahoma} #footer .familySite1 {float:left; margin-left:73px} /* 20150719추가 */ #footer .mark03 {position:absolute; right:180px; bottom:23px} #footer .mark {position:absolute; right:100px; bottom:23px} #footer .mark02 {position:absolute; right:0; bottom:23px} #copyright{clear:both; height:50px; width:930px; margin:0 auto;padding:30px 0 0 10px; font-size:11px} #copyright {font-size:11px} #copyright {color:#999; line-height:1.4em} #copyright div.boxbla{margin-top:-35px;} #copyright div.boxbla img{float:left; margin:13px 20px 0 11px;display:inline;} #copyright .call{position:relative; top:-43px; left:760px; font-weight:bold; color:#ffe930;} #copyright div.boxbla div{padding-top:16px;float:left;width:480px;} #copyright div.boxbla div address{width:480px;} #copyright div.boxbla div span {display:block; font-size:10px; font-family:Tahoma} /* 20160204추가 */ #copyright div.boxbla2{margin-top:-35px; position:relative; top:0; height:80px;padding-top:10px} #copyright div.boxbla2 img {float:left; margin:13px 20px 0 11px;display:inline;} #copyright div.boxbla2 div{padding-top:16px;float:left;width:480px;} #copyright div.boxbla2 div address{width:480px;} #copyright div.boxbla2 div span {display:block; font-size:10px; font-family:Tahoma} /*하단마크추가로인한 수정 20161115*/ ul.markArea {position:absolute; right:20px; top:20px; height:40px; } ul.markArea li {float:left; margin-left:12px;} #copyright div.boxbla2 ul.markArea li a img {margin:0;}