@charset "utf-8";

/*******************************************
 * 파일명      : main.css
 * 설명        : 차세대나이스 메인
 * 작성자      : 유기옥
 * 작성일      : 2010.07.08
********************************************/

#skipnavigation {left: 110px;position:absolute;top: 3px;width: 200px;z-index: 100;}
#skipnavigation li {position:absolute; float:left;}
#skipnavigation li a {width:110px;position:absolute;top:-150px;height:1px;width:1px;margin-bottom:-1px;overflow:hidden;text-align:center;}
#skipnavigation a:hover, #skipnavigation a:focus, #skipnavigation a:active {position:absolute;top:0;height:auto;width:130px;padding:5px;font-weight:bold;border:solid 1px #01614c;color:#fff;z-index:2;background:#000;}

#wrap {width:100%; height:100%;}
#mainWrap {width:981px; margin:0 auto;}
#header {float:left; position:relative; width:944px; height:49px; padding:10px 0 6px 0;}
#header h1 {float:left; width:194px; height:49px; margin:0 0 0 10px; }
#header h2 {position:absolute;top:30px;left:66px;}
#utilityArea {float:right; padding-right:0; margin-top:15px;}
#utilityArea ul li{float:left;}
#utility {float:left;}
#ctrlText {float:left;}
#ctrlText ul{float:left;}
#ctrlText ul li{padding:0 0 0 3px;}
.hide {overflow:hidden;visibility:hidden;position:absolute;width:0;height:0;font-size:0;line-height:0;}

/* middle */
#middle {clear:both;width:981px; overflow:hidden; position:relative; /*height:486px;*/ padding:0 0 12px 0;}
#flashArea {float:left;position:relative;}
#viewAllbtn {position:absolute; top:12px; left:944px; width:36px; height:84px; cursor:pointer; z-index:99;}
#serviceMenu {position:relative;float:left;width:945px;height:482px; z-index:90;}
#serviceMenu img {display:block;}
#serviceMenu ul {float:left; display:inline;}
#serviceMenu ul li {float:left;}

/* View all menu */
#viewAllLayer {z-index:99; position:absolute; top:0; left:0; width:945px; height:290px; background:url('../images/main/bg_allmenu.gif') no-repeat top left;}
#innerWrap {width:945px; margin:25px 0 0 0;}
.menulistWrap {float:left; width:135px;  height:240px; padding:0 0 0 14px; border-right:1px solid #d2d2d2;}
.menulistWrap h3 {margin:0}
.menulistWrap ul {margin:12px 0 0 0;}
.menulistWrap ul li {margin:0 0 6px 0; background:url("../images/main/blt_square1.gif") no-repeat 0 5px; padding:0 0 0 7px; line-height:160%;}
.menulistWrap a:link, .menulistWrap a:visited {color:#666666;text-decoration:none; font-family:'돋움', Dotum; font-size:11px;}
.menulistWrap a:active, .menulistWrap a:hover{color:#666666;text-decoration:underline; font-family:'돋움', Dotum; font-size:11px;}
.menulistWrap2 {float:left; width:150px; padding:0 0 0 14px;}
.menulistWrap2 h3 {margin:0}
.menulistWrap2 ul {margin:12px 0 0 0;}
.menulistWrap2 ul li {margin:0 0 6px 0; background:url("../images/main/blt_square1.gif") no-repeat 0 5px; padding:0 0 0 7px; line-height:160%;}
.menulistWrap2 a:link, .menulistWrap2 a:visited {color:#666666;text-decoration:none; font-family:'돋움', Dotum; font-size:11px;}
.menulistWrap2 a:active, .menulistWrap2 a:hover{color:#666666;text-decoration:underline; font-family:'돋움', Dotum; font-size:11px;}
#btnArea {clear:left; position:absolute;left:452px; top:294px;}
#btnArea a.close {display:block; overflow:hidden; width:50px; height:0; padding-top:14px; background:transparent; text-indent:-3000em; cursor:pointer;}

/* related */
#related {clear:both;overflow:hidden;width:944px;height:50px;background:url('../images/main/related_bg.gif') no-repeat top left;}
#related h2 {float:left; width:116px; height:16px; padding:18px 0 0 20px;}
#related ul {float:left; margin:14px 0 0 0;padding-left:8px;}
#related ul li {float:left; padding:0 0 0 35px;}

/* footer */
#pasFooter {clear:both;float:left;width:945px;height:87px;line-height:100%;font-family:dotum;background:url('/images/main/main_footer_bg.gif') no-repeat top left;}
#pasFooterLogo {float:left;width:160px;padding:15px 0 0 25px;}
#pasCopyright {position:relative;float:left;width:749px;padding-top:10px;font-size:11px;}
#pasFooter img {vertical-align:middle;}
.textEffect1 {font-weight:bold;color:#ff6600;vertical-align:top;}
.textEffect1 a:hover, .textEffect1 a:active, .textEffect1 a:visited, .textEffect1 a:link {font-weight:bold;color:#ff6600;vertical-align:top;}
.textEffect2 {font-weight:bold;color:#ff6600;font-size:6px;vertical-align:top;}
.textEffect3 {color:#ff6600;vertical-align:top;}
.textEffect4 {color:#4c4c4c;vertical-align:top;}
.textlh {line-height:150%;}
.mar_t5 {margin-top:5px;}

/* mainmenu
#mainmenu {position:absolute; width:940px; left:0; background:#000;}
ul.accNavi li.Menu, ul.accNavi li.subMenu {height:0; line-height:0; position:absolute; top:-100px;}
ul.accNavi li.Menu a {display:block; position:absolute; margin-left:-450px; top:-3000px; text-align:center;}
ul.accNavi li.Menu a:hover, ul.accNavi li.Menu a:focus, ul.accNavi li.Menu a:active {position:absolute; z-index:5; color:#ff0; background:#000; width:940px;height:480px;top:100px; border:2px solid #ff0;margin-left:0; padding:200px 0 20px 0;font-weight:bold; font-size:1.6em;line-height:160%;}
ul.accNavi li.subMenu a {display:block; position:absolute; margin-left:-450px; top:-3000px; text-align:center;}
ul.accNavi li.subMenu a:hover, ul.accNavi li.subMenu a:focus, ul.accNavi li.subMenu a:active {position:absolute; z-index:5; color:#fff; background:#000; width:940px;height:480px; top:200px; border:2px solid #ff0; margin-left:0;padding:200px 0 20px 0; font-weight:bold;font-size:1.4em;}
p.skip_menuflash1 {height:0;line-height:0;position:absolute;top:-100px;}
p.skip_menuflash2 {height:0;left:0;line-height:0;position:absolute;top:-100px;}
*/

/* navigation */
#navigation{
	z-index:1;
	clear:both;
}
/* //navigation */

#navigation ul.flash_alt {
        position:absolute;
        left:-9800px;
		top:10px;

    }
    #navigation ul.flash_alt li.flash_alt_li {
        position:absolute;
        width:660px;
        height:50px;
        padding:10px;
        text-align:center;
    }
    #navigation ul.flash_alt li.flash_alt_li a {
        position:absolute;
        left:-9969px;
        background:#898989;
        font-size:1.5em;
        font-weight:bold;
        color:#fff;
        padding:10px;
        text-decoration:underline;
    }
    #navigation ul.flash_alt li.flash_alt_li a:hover,
    #navigation ul.flash_alt li.flash_alt_li a:focus,
    #navigation ul.flash_alt li.flash_alt_li a:active {
        position:absolute;
        left:9999px;
        top:2px;
        width:600px;
    }


    /* flash alt link  edited */
    #navigation ul.flash_in {
		height:200px;
		background:#e9e9e9;
       	float:left;
		margin:0px 0 0 0;
    }
    #navigation ul.flash_in li.flash_in_li_tit {
        padding:5px 0 0 10px ;
        background:#e9e9e9;
    }

	 #navigation ul.flash_in li.flash_in_li_tit a {
        color:#898989;
        font-size:1.0em;
		text-decoration:none;
		font-weight:bold;
    }

	#navigation ul.flash_in li.flash_in_li {
        padding:5px 0 0 10px ;
        background:#e9e9e9;
		font-family:"Dotum";
    }

    #navigation ul.flash_in li.flash_in_li a {
        color:#898989;
        font-size:0.9em;
		text-decoration:none;
    }
	#navigation ul.flash_in li.flash_in_li a:hover,
    #navigation ul.flash_in li.flash_in_li a:focus,
    #navigation ul.flash_in li.flash_in_li a:active {
		text-decoration:underline;
    }
/* // flash alt navigation */