@charset "utf-8";
@import url('reset.css');

/* 
===============================================================================================
1.	버    전 : main.css
2.	작 성 자 : 선종혁
3.	작 성 일 : 2013. 09. 12
4.	참    고 : 메인 스타일 정의
===============================================================================================
*/

body {background:url("../../common_moffice/img/main/bg_back.jpg") no-repeat center 133px}
#wrapper {background:url("../../common_moffice/img/common/bg_header.gif") repeat-x left top}
#wrap {width:1024px;margin:0 auto;background:url("../../common_moffice/img/main/bg_main.jpg") no-repeat left 133px}
#accessibility {position:absolute;z-index:100;left:0;top:0;width:100%}
#accessibility a {display:block;width:1px;height:1px;margin-bottom:-1px;overflow:hidden;text-align:center;color:#FFFFFF}
#accessibility a:focus, #accessibility a:active {width:100%;height:auto;padding:5px 0;background-color:#3c8200}
#header {position:relative;width:100%;height:133px}
#header .top {width:100%;position:relative;padding:37px 0 32px;overflow:hidden}
#header .top h1 {position:absolute;left:0;top:24px}
#header .top p {position:absolute;left:400px;top:24px;font-size:2.5em;font-weight:900}
#header .top ul {float:right}
#header .top ul li {float:left;padding:0 10px;font-size:11px;font-weight:900;color:#7e7e7e}
#header .top ul li.last {background:none}
#header .top ul li a:hover {text-decoration:underline}
#header .top ul li a:focus {text-decoration:underline}
#header #gnb {position:absolute;left:0;top:84px;width:1024px;padding-bottom:19px}
#header #gnb .menu_box {position:relative;z-index:100;width:1024px}
#header #gnb li.menu {float:left;text-align:center}
#header #gnb li ul {padding-top:10px;visibility:hidden}
#header #gnb li ul li {margin-bottom:3px}
#header #gnb li a {display:block;padding:4px 0 16px;font-weight:900;font-size:18px;color:#5a5a5a}
#header #gnb li a.on {background:url("../../common_moffice/img/common/bullet03.gif") no-repeat center bottom;color:#0a6fb0}
#header #gnb li a:hover {color:#0a6fb0}
#header #gnb ul ul li a {display:inline;padding:0 17px 0 10px;/*background:url("../../common/img/common/bullet02.gif") no-repeat left 8px;*/font-size:13px;color:#ffffff}
#header #gnb ul ul li a:hover {text-decoration:underline;color:#ffffff}
#header #gnb ul ul li a:focus {text-decoration:underline;color:#ffffff}
#container {position:relative;width:1024px;padding:141px 0 127px; *padding-bottom:115px}
#container .txt {position:absolute;right:0;top:50px;padding-right:70px;overflow:hidden;font-size:17px;color:#202020}
#container .txt p {font-family:NanumGothic,"나눔고딕",ng,dotum,"돋움",sans-serif;font-weight:900;text-align:center}
#container .txt .t01 {display:block;font-size:70px;color:#202020;letter-spacing:-3px}
#container .txt .t02 {color:#114f78}
#container .box {width:1024px;clear:both}
#container .notice {position:relative;width:291px}
#container .notice h2 {margin-bottom:11px}
#container .notice ul {height:95px;*height:130px}
#container .notice li {width:100%;overflow:hidden;line-height:19px}
#container .notice li a {float:left;padding-left:8px;background:url("../../common_moffice/img/common/bullet04.gif") no-repeat left 8px;color:#585858}
#container .notice li a:hover {text-decoration:underline}
#container .notice li a:focus {text-decoration:underline}
#container .notice li span {float:right}
#container .notice p {position:absolute;right:0;top:0}
#container .notice p a {padding-right:10px;background:url("../../common_moffice/img/common/bullet05.gif") no-repeat right 7px;color:#585858}
#container .notice p a:hover {text-decoration:underline}
#container .notice p a:focus {text-decoration:underline}
#container .ul01 {width:100%;overflow:hidden}
#container .ul01 li {float:left}
#container .apt_search {position:relative;width:295px;margin-top:53px;overflow:hidden}
#container .apt_search h2 {margin-top:2px;float:left}
#container .apt_search h2 img {vertical-align:bottom}
#container .apt_search div {width:234px;padding:19px 10px 17px;background:url("../../common_moffice/img/main/bg_apt.png") no-repeat left top;float:left}
#container .apt_search div select {display:block;width:151px;height:21px;border:1px solid #a0a0a0}
#container .apt_search div input {position:absolute;right:25px;top:70px}
#footer {padding:12px 0 30px;text-align:center}
#footer .inner_b {width:100%;overflow:hidden}
#footer .inner_b p.img {margin-right:130px;float:left}
#footer .inner_b p.txt {float:left}
#footer .inner_b span {float:right}
.msie8 #header .top {padding-bottom:34px}
.msie7 #header .top {padding-bottom:34px}
.msie7 #container {padding-bottom:218px}
.blind {position:absolute;left:-1000%;top:0;width:1px;height:1px;font-size:0;line-height:0;overflow:hidden}
.ml6 {margin-left:6px}
.mt28 {margin-top:28px}
.mb5 {margin-bottom:5px}
.hdr_on {background:url("../../common_moffice/img/common/bg_header.gif") repeat-x left top !important}
#gnb_layer {
position:absolute;left:0;top:123px;z-index:1;width:100%;height:10px;
background: #0f6ba7; /* Old browsers */
background: -moz-linear-gradient(top,  #0f6ba7 0%, #117bc1 13%, #0e66a0 100%); /* FF3.6+ */
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#0f6ba7), color-stop(13%,#117bc1), color-stop(100%,#0e66a0)); /* Chrome,Safari4+ */
background: -webkit-linear-gradient(top,  #0f6ba7 0%,#117bc1 13%,#0e66a0 100%); /* Chrome10+,Safari5.1+ */
background: -o-linear-gradient(top,  #0f6ba7 0%,#117bc1 13%,#0e66a0 100%); /* Opera 11.10+ */
background: -ms-linear-gradient(top,  #0f6ba7 0%,#117bc1 13%,#0e66a0 100%); /* IE10+ */
background: linear-gradient(to bottom,  #0f6ba7 0%,#117bc1 13%,#0e66a0 100%); /* W3C */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#0f6ba7', endColorstr='#0e66a0',GradientType=0 ); /* IE6-9 */
}