@import url('Common.css?vd=20190504_001');
@import url('Button.css?vd=20190504_001');
@import url('Recruit.css?vd=20190801_001');

html, body {width:100%;height:100%;margin:0;overflow:hidden;}
#gHeader { position:fixed;top:0;left:0;width:98.4%;height:140px;z-index:100;}
* html #gHeader {position:absolute;left:0;}

#mainbody 
{
    position:absolute;
    overflow:auto;
    width:100%;
    height:100%;
}

#main { position:absolute; PADDING-LEFT:20px; top:112px;}

#footer
{
    padding-top:20px;padding-bottom:20px;
	position:relative;
}

#mainLogo
{
	background:#ffffff;
	width:980px;
	height:50px;
	padding:5px 0 0 25px;
	position:absolute;
	z-index:99;
	vertical-align:middle;
}

#gnbBar
{
    top:63px;
	width:980px;
	left:30px;
	position:absolute;
	z-index:99;
}

.sMenuItem {
    font-size: 13px;
    color: #ffffff;
    font-weight: bold;
    /*line-height: 30px;
    background: #ff6600;*/
}

ul.sMenuItem li {
    padding-left: 30px;
    BACKGROUND: url(/HOME/Images/img/gnb_blue_ver.gif) no-repeat left top;
}

ul.sMenuItem a.static {
    padding-left: 2em;
}

.dMenuItem {
    BACKGROUND: url(/HOME/Images/img/submenu_bg.gif) #f2f2f2 repeat-x left top;
    font-size: 13px;
    line-height: 22px;
    font-weight: normal;
}

#menuDiv {
	width:980px;
	height:62px;
	top:55px;
	left:20px;
	position:absolute;
	z-index:98;
    BACKGROUND: url(/HOME/Images/img/gnb_bg.gif) no-repeat left top;
}

#siteMap
{
	top:40px;
	position:absolute;
	z-index:97;
    padding-left:15px;
	margin-left:10px;
    BACKGROUND: url(/HOME/Images/icon/ico_home.gif) no-repeat left;
}

#siteMap span
{
    height:10px;
    font-size:11px;
    color:#757575;
    z-index:97;
}

#siteMap span a
{
    z-index:97;
	color:#757575;
	text-decoration:none;    
}

#siteMap span a:hover
{
    z-index:97;
	color:#ff5f00;
	text-decoration:none;    
}

#userInfo
{
    width:98%;
	top:38px;
	position:absolute;
    font-size:11px;
    color:#757575;
	text-align:right;
	z-index:97;
}

#mainContents
{
    height:400px;
    background:url(/HOME/Images/img/main_img.gif) no-repeat left bottom;
}

#mainbody #main #contents { WIDTH: 960px; PADDING: 10px 0px 0px 10px;}
#mainbody #main #title {
    BACKGROUND: url(/HOME/Images/img/tit_line.gif) no-repeat left bottom;
    width: 980px;
    height: 35px;
    text-align: left;
}

    #mainbody #main #title .title {
        background: url(/HOME/Images/icon/ico_title.gif) no-repeat left 11px;
        padding: 10px 0 0 20px;
        height: 20px;
        margin-bottom:10px;
        font-size: 14px;
        font-weight: bold;
        color: #006699;
    }
#mainbody #main #title .titico { PADDING-LEFT: 20px; BACKGROUND: url(/HOME/Images/icon/ico_title.gif) no-repeat left top; FLOAT: left; HEIGHT: 22px; FONT-SIZE:14px; COLOR: #004da7; FONT-WEIGHT: bold; }
.titx { MARGIN-LEFT:10px; PADDING-LEFT: 10px; BACKGROUND: url(/HOME/Images/icon/dot03.gif) no-repeat left; height:22px;  FONT-SIZE: 12px; color:#757575}
.titx span.red { color:red;}

    #mainbody #main #contents .title {
        margin-bottom: 3px;
        PADDING-LEFT: 20px;
        BACKGROUND: url(/HOME/Images/icon/ico_subtitle.gif) no-repeat left;
        FLOAT: left;
        height: 16px;
        FONT-SIZE: 12px;
        COLOR: #004da7;
        FONT-WEIGHT: bold;
    }


/******************************************************************
	가이드
*******************************************************************/
.menuGuide {
    width: 100%;
    margin-top: 10px;
    margin-bottom: 10px;
    display: none;
}

.guideBox {
    clear: both;
    overflow: hidden;
    font-size: 1px;
    /*background:url('/CImages/Common/img/guidebox_mleft.gif') repeat-y left top;*/
    background: #FF3300;
    border: 1px solid #FF0000;
    padding: 2px;
    border-radius: 2px;
}

    .guideBox .boxBody {
        padding: 5px 5px 5px 5px;
        border: 1px solid #FF0000;
        background-color: rgb(255, 255, 255)
    }

    .guideBox .guideContent {
        padding: 0px 10px 0px 70px !important;
        background: url('/CImages/Common/img/notice.gif') no-repeat 7px 0px;
        font-size: 12px;
        line-height: 130%;
    }

        .guideBox .guideContent li {
            padding: 0 0 0 10px;
            line-height: 17px;
            background: url('/CImages/Common/img/guide_dot.gif') no-repeat 3px 7px;
        }