/************************************************************
    NoLayout & PopupLayout : FORM
************************************************************/
@import url("./core-style.css");

html {
    background: #fff;
}


#home-nav {
    float: left;
    width: 100%;
    padding-top:0px;
    padding-bottom:0px;
/*  background: #F6F6F0;  */
}

/*-- »çÀÌÆ® ¸Þ´º --*/
#site-nav {
    float: left;
    position: absolute;
    left: 816px;
	top:101px;
}
#site-nav li {
    list-style-type:none;
}
#site-nav .menu1,
#site-nav .menu2,
#site-nav .menu3,
#site-nav .la1,
#site-nav .la2,
#site-nav .la3 {
    float:left;
    left: 0px;
    text-indent:0px;
}
#site-nav .menu1 {
    width: 43px;
    left: 47px;
    background: url("../images/kai/eng/menu/t_home.gif") no-repeat 0px 0px;
}
#site-nav .menu2 {
    width: 43px;
    left: 47px;
    background: url("../images/kai/eng/menu/t_login.gif") no-repeat 0px 0px;
}
#site-nav .menu3 {
    width: 53px;
    left: 47px;
    background: url("../images/kai/eng/menu/t_sitemap.gif") no-repeat 0px 0px;
}

#site-nav .la1 {width:43px;height:22px;margin-top:15px;}
#site-nav .la2 {width:53px;height:22px;margin-top:15px;}
#site-nav .la3 {width:43px;height:22px;margin-top:15px;}


/*-- °¡ÀÌµå ¸Þ´º --*/
#guide-nav {
    float: left;
    position: absolute;
    left: 930px;
	top:77px;
}
#guide-nav li {
    list-style-type: none;
}

#guide-nav .menu1,
#guide-nav .la1 {
    float:left;
    height:15px;
    left: 0px;
    text-indent: -5000px;
}

#guide-nav .menu1 {
    width: 57px;
    left: 0px;
	height: 22px;
    background: url("../images/kai/eng/menu/t_korean.gif") no-repeat 0px 0px;
}

#guide-nav .la1 {width: 57px;height:18px;}


#header {
    clear:both;
    background: url("../images/kai/eng/menu/t_bg.jpg") repeat-x 0px 0px;
    height: 181px;
    margin: 0px;
    font-size:74%;
    }
    /*-- »çÀÌÆ® ·Î°í --*/
    #header_logo {
        /*background: url("../images/kai/eng/visual01.jpg") no-repeat;*/
        background: url("/resources/images/kai/eng/menu/t_img.jpg") no-repeat;
        height: 101px;
    }
    #header_logo a {
        float:left;
        text-indent: -5000px;
        width: 200px;
        height: 70px;
    }

    #menu-nav {
        background: url("../images/kai/eng/menu/menu_3_back.gif");
        margin: 0px;
        padding:0px;
        height: 59px;
        width: 880px;
    }

    #menu-nav-title-bg {
        background: url("../images/kai/eng/menu/navi_3_titlebg.gif") ;
        float: left;
        margin: 0px;
        height: 59px;
        width: 223px;
        padding-left:0px;
    }
    /* 1´Ü°è ¸Þ´ºÅ¸ÀÌƲ */
    #menu-nav-title {
        background: url("../images/kai/eng/menu/navi_3_logo.gif") no-repeat;
        float:left;
        height:78px;
        width:223px;
        margin: 0;
        }
        #menu-nav-title div {
            color:#284D86;
            font-size:160%;
            font-weight:bold;
            font-family:dotum, Verdana;
            margin-left:35px;
            margin-top:43px;
    }

    #top-navigation {
        position: relative;
        float:left;
        padding: 0px;
        margin: 0;
        height:59px;
        width: 637px;
    }
    /*ž¸Þ´º À̹ÌÁö ÁÂÃø ¸¶Áø¾øÀÌ Á¤·Ä*/
    /* ºí·ç¸Þ´º
    #top-navigation .depth1 {
        float: left;
        width:637px;
        height:50px;
        margin: 0x;
        padding:0px;
    }*/
    /* ž¸Þ´º ¸ðµÎ Ç÷ÎÆà °´Ã¼·Î ¼±¾ð */
    #top-navigation ul li {
        float:left;
       /*margin:6px;
        margin-left:28px;*/
        font-size:110%;
        font-weight:bold;
        color:#fff;
        padding:0px;
        display:inline;
        list-style-type: none;
    }
    #top-navigation ul li a:link,
    #top-navigation ul li a:visited,
    #top-navigation ul li a:active {
        color:#C7D0DF;
        text-decoration:none;
    }

    #top-navigation #depth201,
    #top-navigation #depth202,
    #top-navigation #depth203,
    #top-navigation #depth204 {
        position: absolute;
        width:730px;
        top:50px;
        left:0px;
        padding: 0px;
        margin: 0;
        height:30px;
        display: none;
    }
    #top-navigation #depth201 {
        margin-left:10px;
        margin-top:6px;
    }
	#top-navigation #depth201 li {
		/* background: url("../images/kai/eng/navi_3_bul.gif") no-repeat 0px 6px ;
		padding-left: 8px;
		padding-right: 10px; */
		}
    #top-navigation #depth202 {
        margin-left:60px;
        margin-top:6px;
    }
	#top-navigation #depth202 li {
		/* background: url("../images/kai/eng/navi_3_bul.gif") no-repeat 0px 6px ;
		padding-left: 8px;
		padding-right: 10px; */
		}
    #top-navigation #depth203 {
        margin-left:220px;
        margin-top:6px;
    }
	#top-navigation #depth203 li {
		/* background: url("../images/kai/eng/navi_3_bul.gif") no-repeat 0px 6px ;
		padding-left: 8px;
		padding-right: 10px; */
		}
    #top-navigation #depth204 {
        margin-left:240px;
        margin-top:6px;
    }
	#top-navigation #depth204 li {
		/* background: url("../images/kai/eng/navi_3_bul.gif") no-repeat 0px 6px ;
		padding-left: 8px;
		padding-right: 10px; */
		}
    #top-navigation ul li ul li {
        float:left;
        margin:0;
        margin-left:6px;
        font-size:90%;
        font-weight:bold;
        color:#fff;
        padding:0px;
        display:inline;
        list-style-type: none;
    }
    #top-navigation ul li ul li a:link,
    #top-navigation ul li ul li a:visited,
    #top-navigation ul li ul li a:active {
        color:#28426C;
        text-decoration:none;
        position:relative;
        float:left;
        height:15px;
}

#ctgArea {
    /*border:1px solid #75a4bf;
    padding:8px 4px 8px 4px;*/
    padding-bottom:8px;
    }
    #ctgArea legend {
        color:#1c427f;
        font-size:110%;
        font-weight:bold;
        padding-left: 12px;
        padding-right: 12px;
        border-left:3px solid #75a4bf;
        border-right:3px solid #75a4bf;
        margin-bottom:12px;
        background:#fff;
    }
    #ctgArea span img {
        /*
        padding-top:22px;
        border: 0px solid #F8CDBD;
        padding: 5px;
        padding-right:3px;
        color:#f7581c;
        font-weight:bold;
        background:#f0e198;
        padding-left:10px;
	    background: #f0e198 url(../images/support/bul_orange.gif) no-repeat 8% 50%;
        */
        background: #75A4BF;
        border: 2px solid #75A4BF;
}

/*
#topMenu {
    background: #d9d9d9;
    font-size:74%;
    }
    #topMenuDiv {
        width:100%;
        background: #fff;
    }
    #topMenuNav li {
        float:left;
        list-style-type:none;
        text-align: center;
        padding: 4px;
    }
    #topMenuNav a {
        text-decoration:none;
    }
    #topMenuNav a:hover {
        background: #cdffa1;
    }
    #topMenuNav li.activelink a, #nav li.activelink a:hover {
        background: #000;
        color: #003;
}
*/

#wrap_out {
    padding-top:8px;
    padding-bottom:28px;
    background:#f6f6f0;
    font-size:74%;
}

#wrap {
    width:980px;
}

#leftMenu {
    clear:both;
    float:left;
    padding: 0 4px 0 12px;
    width:196px;
    }
    /*
    ÁÂÃø ¸Þ´º
    #left-menu-level-XXXX ·¹º§¿¡ µû¶ó XXXX¸¦ Ãß°¡ Á¤ÀÇÇØÁÖ¸é µÊ.
    */
    #left-menu-level-0 {
        display:none;
    }
    #left-menu-level-1 {
        /*
        background: #859dc7 url("../images/kai/eng/left_m_bul_on.gif") no-repeat 11px 12px ;
        font-weight:bold;
        color:#fff;*/
        margin-bottom:4px;
        /* padding-left:6px;
        padding-top:3px;
        padding-bottom:3px;
        border-top:1px solid #1C427F;
        border-top:1px solid #1C427F;
        border-right:1px solid #ddd;
        border-bottom:1px solid #ddd; */
    }
    /*
    #left-menu-level-1 a {
		padding-left:20px;
        color: #fff;
    }
    #left-menu-level-1 a:link, a:visited, a:active {
        color: #fff;
    }
    #left-menu-level-1 a:hover {
        /*color: #F0B850;*/
    }
    */

    #left-menu-level-2 {
        /*
        background: url("../images/kai/eng/left_sub_bul.gif") no-repeat 13px 10px ;
        border-bottom:1px solid #DEE6E9;
        font-weight:normal;
        padding-left: 26px;
        padding-top:2px;
        padding-bottom:2px;
        color: #315A8A; */
        /*
        border-bottom:1px solid #ddd;
        border-right:1px solid #ddd;*/
        margin-bottom:2px;
    }
    
    /*
    #left-menu-level-2 a:link, a:visited, a:active {
        color: #315A8A;
    }
    #left-menu-level-2 a:hover {
        color: #F0B850;
    }
    */

	/*
    #left-menu-level-2 .activelink a  {
        background: red;
        color: #315A8A;
    }*/

    .dTreeNode a:link,
    .dTreeNode a:visited,
    .dTreeNode a:active {
        text-decoration:none;
    }
    .dTreeNode a:hover {
        /*color: #F0B850;*/
    }
    #left-menu-level-2 .nodeSel {
        font-weight:bold;
        /*color:red;*/
}

#disclaimer {
    position: relative;
    padding-top: 20px;
}
		
#content {
    background:#fff;
    float:left;
    width:616px;
    padding: 0 12px 0 12px;
    padding-bottom: 40px;
    margin-bottom: 10px;
    margin-left: 10px;
    border:1px solid #d6d9cc;
    }
    #sub-title {
        float:left;
        width:100%;
        margin-top: 20px;
        border-bottom:3px solid #ecece5;
    }
    #sub-title label#title {
        float:left;
		/* background: url("../images/kai/title_circle.gif") no-repeat 0px 4px 
		margin-top: 5px;
		padding-left: 18px;; */
        margin-bottom: 4px;
    }

    #sub-title label#location {
        float:right;
        font-weight:normal;
        font-size:100%;
        margin-bottom: 4px;
    }
    #main-content {
        clear:both;
        margin-top:20px;
}

#quickMenu {
    background:#ECECE3;
    padding:6px;
    position:absolute;
    top:180px;
    left:870px;
	width: 101px
    }
    #quick-title {
		background: url("../images/kai/eng/quick_menu.gif") no-repeat 0px 0px ;
        padding:2px;
        text-align: center;
        font-weight: bold;
        font-size: 90%;
        color:#fff;
		text-indent: -5000px;
    }
    #quick-datas {
        background: #fff;
        padding:4px;
    }
    #quick-datas div a:link,
    #quick-datas div a:visited,
    #quick-datas div a:active {
        text-decoration:none;
        color:#727272;
        border-bottom:1px solid #E7E7DE;
}


#footer_top {
    float:left;
    padding-bottom:10px;
    padding-left:827px;
}
#footer {
    clear:both;
    background:#E8E8E8;
/*    border-top: 9px solid #ecece5; */
    padding: 0px;
    width: 100%;
	height: 67px;
    }
    #footer_dimmed {
        margin: 0px;
        float:left;
        height: 34px;
        padding: 0px;
        width: 10px;
        }
        #footer_dimmed_img {
/*            background: url("../images/kai/eng/footer_kai.gif");  */
        height: 57px;
        width: 10px;
        margin: 0px 0px 10px 29px;
        top: 20px;
        float: right;
    }
    #footer_menu {
        position: relative;
        float:left;
        margin: 7px 0 0 0;
        height:11px;
        width:480px;
        padding: 0px;
        text-indent: -1000px;
    }
    #footer_menu li {
        position: relative;
        float:left;
        list-style-type: none;
    }
    #footer_menu .menu1,
    #footer_menu .menu2,
    #footer_menu .menu3,
    #footer_menu .la1,
    #footer_menu .la2,,
    #footer_menu .la3 {
        float:left;
        height:11px;
        left: 0px;
        text-indent: -5000px;
        font-size:0px;
        line-height:0px
	}
    #footer_menu .la1,
    #footer_menu .la2,
    #footer_menu .la3 {
        position:relative;
        left: 0px;
    }
    #footer_menu .menu1 {
        width: 85px;
        height: 15px;
        background: url("/resources/images/kai/eng/footer_disclaimer.gif") no-repeat 0px 0px;
    }

    #footer_menu .menu2 {
        width: 94px;
        height: 15px;
        background: url("/resources/images/kai/eng/footer_contact.gif") no-repeat 0px 0px;
    }

    #footer_menu .menu3 {
        width: 105px;
        height: 15px;
        background: url("/resources/images/kai/eng/footer_about.gif") no-repeat 0px 0px;
    }

    #footer_menu .la1 {width: 85px;height: 15px;}
    #footer_menu .la2 {width: 94px;height: 15px;}
    #footer_menu .la3 {width: 105px;height: 15px;}

    #footer_copyright {
        background: url("/resources/images/kai/eng/footer_copy.gif") no-repeat 0px 6px;
        height: 14px;
        width: 216px;
        margin: 30px 0px 0px -480px;
        float: left;
}

/* file upload */
fieldset#fileuploadFs {
    padding:5px;
    background-color:#eee;
}
#fileuploadDiv {
    width:100px;
    height:16px;
    overflow:hidden;
    position:relative;
    top:-18px;
    filter:alpha(opacity=0);
    -moz-opacity:0;
}



/*color*/
.base {font-size:11px; color:#636363; font-family:verdana;	margin:0; padding:0; 	line-height:140%;		}
.base td{font-size:11px; color:#636363; font-family:verdana;	margin:0; padding:0; 	line-height:140%;		}

/*color*/
.bu01, a.bu01:link, a.bu01:visited, a.bu01:hover{color:#123F90;}  /*ºí·ç*/
.bu02, a.bu02:link, a.bu02:visited{text-decoration:none;color:#123F90;},  a.bu02:hover{text-decoration:none; color: #ff9000;}  /*ºí·ç¸µÅ©*/
.bu03, a.bu03:link, a.bu03:visited, a.bu03:hover{color:#588526;}  /*±×¸°*/
.bu04, a.bu01:link, a.bu01:visited, a.bu01:hover{color:#1983AC;}  /*ºí·ç2*/

.gr01, a.bu02:link, a.bu02:visited{text-decoration:none;color:#636363;},  a.bu02:hover{text-decoration:none; color: #ff9000;}  /*±×·¹À̸µÅ©*/

.pu01, a.pu01:link, a.pu01:visited, a.pu01:hover{color:#383865; 	font-size:12px; } /*ÆÛÇÃ*/
.gr01, a.gr01:link, a.gr01:visited, a.gr01:hover{color:#666666} /*ȸ»ö*/
.gr02, a.gr02:link, a.gr02:visited, a.gr02:hover{color:#999999}

.org1, a.org:link, a.org:visited, a.org:hover{color:#ff4200;} /*ÁÖȲ»ö*/
.org2, a.org:link, a.org:visited, a.org:hover{color:#877747;} /*ÁÖȲ»ö*/


/* ¿ª´ëÀÓ¿ø Å×À̺í*/
table {border-collapse: collapse;}


table.list {
 width: 100% ;
 border-top: 1px solid #D0D0D0 ;
 border-bottom: 1px solid #D0D0D0;
}

table.list th {
 background-color: #F0F0F0 ;
 border-bottom: 1px solid #D0D0D0;
 height: 25px;

}

table.list th.line{
background-color: #F0F0F0 ;
}

table.list th.line2{
  height: 3px;
}

table.list td {
 border-bottom: 1px solid #D0D0D0;
 text-align: left ;
 padding-left:10px;
 height: 25px;
}


table.list2 {
 width: 100% ;
 border-top: 1px solid #D0D0D0 ;
 border-bottom: 1px solid #D0D0D0;
}

table.list2 th {
 background-color: #F0F0F0 ;
 border-bottom: 1px solid #D0D0D0;
 height: 25px;
 color: #54720F;
}

table.list2 th.lineright {
 border-right: 1px solid #D0D0D0;

}

table.list2 th.line{
background-color: #F0F0F0 ;
}

table.list2 th.line2{
  height: 3px;
}

table.list2 td {
 border-bottom: 1px solid #D0D0D0;
 text-align: center;
 padding-left:10px;
 height: 25px;
}

table.list2 td.a-left {
 text-align: left;
}

table.list2 td.right {
 border-right: 1px solid #D0D0D0;
 text-align: center;
}

table.list2 td.right2 {
 border-right: 1px solid #D0D0D0;
 text-align: left;
 padding-left: 10px;
}

/* ä¿ëÀýÂ÷Å×À̺í */

table.list3 {
 width: 100% ;
 border-top: 2px solid #E9E9DE ;
 border-bottom: 2px solid #E9E9DE;
 background-color: #FBFBF8 ;

}

/* ÅëÇÕ°Ë»öÅ×À̺í*/
table {border-collapse: collapse;}


table.search {
 width: 100% ;
 border-top: 1px solid #B4CCD7 ;
 border-bottom: 1px solid #B4CCD7;
}

table.search th {
 background-color: #F0F5F7 ;
 border-bottom: 2px solid #75A4BF;
 height: 35px;
 padding-left:10px;
 text-align: left;
}

table.search th.line{
background-color: #F0F0F0 ;
}


table.search td.blue {
 border-bottom: 1px solid #D0D0D0;
 text-align: left;
 color: #004A80 ;
 padding-left:10px;
 height: 30px;
}

table.search td.base {
 border-bottom: 1px solid #D0D0D0;
 text-align: left;
 padding-left:10px;
 height: 30px;
}


/*-------------------------------------------------------
 * Calendar Çڵ鸵 CSS
 *------------------------------------------------------- */
.GPMScpYearNavigation {
    text-align:center;
    text-decoration:none;
    color:#666666;
    border: 1px none #999999;
    height: 18px;
    }
.GPMScpDayColumnHeader,
.GPMScpCurrentMonthDateDisabled,
.GPMScpOtherMonthDate,
.GPMScpOtherMonthDateDisabled,
.GPMScpCurrentDate,
.GPMScpCurrentDateDisabled,
.GPMScpTodayText,
.GPMScpTodayTextDisabled,
.GPMScpText {
    font-family:"µ¸¿ò";
    font-size:9pt;
    color: #666666;
}
TD.GPMScpDayColumnHeader {
    text-align:right;
    border-top: 2 solid #CCCCCC;
    border-right: 0 solid #CCCCCC;
    border-bottom: 1 solid #CCCCCC;
    border-left: 0 solid #CCCCCC;
    height: 20px;
    vertical-align: bottom;
    background-color: #E3E3E3;
}
.GPMScpCurrentMonthDate,
.GPMScpOtherMonthDate,
.GPMScpCurrentDate {
    text-align:right;
    text-decoration:none;
}
.GPMScpCurrentMonthDateDisabled,
.GPMScpOtherMonthDateDisabled,
.GPMScpCurrentDateDisabled {
    color:#D0D0D0;
    text-align:right;
    text-decoration:line-through;
}
.GPMScpCurrentMonthDate {
    color:#333333;
}
.GPMScpCurrentDate {
    color: #276183;
    font-weight:normal;
}
.GPMScpOtherMonthDate {
    color:#CCCCCC;
}
TD.GPMScpCurrentDate {
    background-color: #E8EFF7;
    border:1 solid #5C92C2;
    color: #FFFFFF;
}
TD.GPMScpCurrentDateDisabled {
    border-width:1;
    border:solid thin #FFAAAA;
}
TD.GPMScpTodayText,
TD.GPMScpTodayTextDisabled {
    border-top: 2 solid #CCCCCC;
    border-right: 0 solid #CCCCCC;
    border-bottom: 0 solid #CCCCCC;
    border-left: 0 solid #CCCCCC;
    height: 25px;
    vertical-align: bottom;
}
A.GPMScpTodayText,
SPAN.GPMScpTodayTextDisabled {
    height:20px;
}
A.GPMScpTodayText {
    color:#276183;
    font-weight:bold;
}
SPAN.GPMScpTodayTextDisabled {
    color:#D0D0D0;
}
.GPMScpBorder {
    border:3px solid #EFEFEF;
}
.GPMScpMonthNavigation  {
    text-align:center;
    text-decoration:none;
    color:#666666;
    font-weight:normal;
 }
 .GPMScpYearNavigation {
    font-family:"µ¸¿ò";
    font-size:9pt;
    height: 20px;
    border: 1px solid #333333;
}

.GPMScpMonthNavigation {
    font-family:"µ¸¿ò";
    font-size:9pt;
    height: 20px;
    border: 1px solid #333333;
 }
 .GPMScpCurrentMonthDate {
    font-family:"µ¸¿ò";
    font-size:8pt;
 }

 /* tabbed pannel */
div#tabbed a:hover {
    margin:0;
    text-decoration: none;
    }
    #tab a {
        float:left;
        margin-right: 3px;
        text-align: center;
        width: 105px; /* ±ÛÀÚ¼ö Á¦ÇÑ ¤Ð¤Ð */
        padding: 3px 0;
        background: #EAEAEA;
        color: #000;
    }
    div#tab a:hover {
        text-decoration: none;
        background: #CED7E1;
        color: #000;
        margin-right: 3px;
    }
    div#tab a:active {
        color: red;
        background: #fff;
    }
    div#tab a.activelink {
        background: #CED7E1;
        font-weight:bold;
        color: #000;
        border-left:6px solid #fdb36d;
}