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

html {
    background: #fff;
}


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

/*-- »çÀÌÆ® ¸Þ´º --*/
#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;
    height:15px;
    left: 0px;
    text-indent: 0px;
}

#site-nav .menu1 {
	height: 47px;	
    left: 0px;
    background: url("../images/kai/t_home.gif") no-repeat 0px 0px;
}
#site-nav .menu2 {
	height: 50px;
    left: 0px;
    background: url("../images/kai/t_login.gif") no-repeat 0px 0px;
}
#site-nav .menu3 {
	height: 47px;
    left: 0px;
    background: url("../images/kai/t_sitemap.gif") no-repeat 0px 0px;
}

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


/*-- °¡ÀÌµå ¸Þ´º --*/
#guide-nav {
    float: left;
    position: absolute;
    left: 750px;
	top:75px;

}
#guide-nav li {
    list-style-type: none;
}
#guide-nav .menu1,
#guide-nav .menu2,
#guide-nav .menu3,
#guide-nav .menu4,
#guide-nav .menu5,
#guide-nav .menu6,
#guide-nav .la1,
#guide-nav .la2,
#guide-nav .la3,
#guide-nav .la4,
#guide-nav .la5,
#guide-nav .la6 {
    float:left;
    height:15px;
    left: 0px;
    text-indent: -5000px;
}
#guide-nav .menu1 {
    width: 50px;
    left: 0px;
    background: url("../images/kai/t_guide.gif") no-repeat 0px 2px;
}
#guide-nav .menu2 {
    width: 59px;
    left: 0px;
    background: url("../images/kai/t_mypage.gif") no-repeat 0px 2px;
}
#guide-nav .menu3 {
    width: 59px;
    left: 0px;
    background: url("../images/kai/t_site.gif") no-repeat 0px 2px;
}

#guide-nav .menu4 {
	width: 62px;
    height: 22px;
    left: 0px;
    background: url("../images/kai/t_english.gif") no-repeat 0px 0px;
}
/*
#guide-nav .menu5 {
    width: 39px;
    left: -53px;
    background: url("../images/kai/navi_1_zoomin.gif") no-repeat 0px 0px;
}
#guide-nav .menu6 {
    width: 39px;
    left: -63px;
    background: url("../images/kai/navi_1_zoomout.gif") no-repeat 0px 0px;
}
*/
#guide-nav .la1 {width: 48px;}
#guide-nav .la2 {width: 56px;}
#guide-nav .la3 {width: 55px;}
#guide-nav .la4 {width: 62px;}
/*
#guide-nav .la5 {width: 39px;}
#guide-nav .la6 {width: 39px;}
*/

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

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

    #menu-nav-title-bg {
        background: url("../images/kai/navi_3_titlebg.gif");
        float: left;
        margin: 0px;
        height: 78px;
        width: 223px;
        padding-left:0px;
    }
    /* 1´Ü°è ¸Þ´ºÅ¸ÀÌƲ */
    #menu-nav-title {
        background: url("../images/kai/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", "Arial";
            margin-left:35px;
            margin-top:43px;
    }

    #top-navigation {
        position: relative;
        float:left;
        padding: 0px;
        margin: 0;
        height:80px;
        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:763px;
        top:50px;
        left:0px;
        padding: 0px;
        margin: 0;
        height:30px;
		line-height:14px;
        display: none;
     }
    #top-navigation #depth201 {
        margin-left:0px;
        margin-top:6px;
    }
	#top-navigation #depth201 li {
		}
    #top-navigation #depth202 {
        margin-left:80px;
        margin-top:6px;
    }
	#top-navigation #depth202 li {
		}
    #top-navigation #depth203 {
        margin-left:150px;
        margin-top:6px;
    }
	#top-navigation #depth203 li {
		}
    #top-navigation #depth204 {
        margin-left:350px;
        margin-top:6px;
    }
	#top-navigation #depth204 li {
		}
    #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 6% 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/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/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;*/
}
  


#content {
    background:#fff;
    float:left;
    width:616px;
    padding: 0 12px 0 12px;
    padding-bottom: 40px;
    margin-bottom: 18px;
    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/quick_menu.gif") no-repeat 0px 0px ;
        padding:0px;
        text-align: center;
        font-weight: bold;
        font-size: 90%;
        color:#fff;
		text-indent: -5000px;
    }
    #quick-datas {
/*        background: #fff;  */
        padding:0px;
    }
    #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 #; */
    padding: 0px;
    width: 100%;
	height: 67px;
    }
    #footer_dimmed {
        margin: 0px;
        float:left;
        height: 34px;
        padding: 0px;
        width: 10px;
        }
        #footer_dimmed_img {
        /* ÇÏ´Ü kai ·Î°í */
        /* background: url("/resources/images/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 .menu4,
    #footer_menu .menu5,
    #footer_menu .la1,
    #footer_menu .la2,
    #footer_menu .la3,
    #footer_menu .la4,
    #footer_menu .la5 {
        float:left;
        height:11px;
        left: 0px;
        text-indent: -5000px;
        font-size:0px;
        line-height:0px
	}
    #footer_menu .la1,
    #footer_menu .la2,
    #footer_menu .la3,
    #footer_menu .la4,
    #footer_menu .la5 {
        position:relative;
        left: 0px;
    }
    #footer_menu .menu1 {
        width: 72px;
        height: 16px;
        background: url("/resources/images/footer_menu_privacy.gif") no-repeat 0px 0px;
    }

    #footer_menu .menu2 {
        width: 104px;
        height: 16px;
        background: url("/resources/images/footer_menu_email.gif") no-repeat 0px 0px;
    }

    #footer_menu .menu3 {
        width: 73px;
        height: 16px;
        background: url("/resources/images/footer_menu_qna.gif") no-repeat 0px 0px;
    }

    #footer_menu .menu4 {
        width: 72px;
        height: 16px;
        background: url("/resources/images/footer_menu_map.gif") no-repeat 0px 0px;
    }

    #footer_menu .menu5 {
        width: 83px;
        height: 16px;
        background: url("/resources/images/footer_menu_introduce.gif") no-repeat 0px 0px;
    }
    #footer_menu .la1 {width: 72px;height: 16px;}
    #footer_menu .la2 {width: 104px;height: 16px;}
    #footer_menu .la3 {width: 73px;height: 16px;}
    #footer_menu .la4 {width: 72px;height: 16px;}
    #footer_menu .la5 {width: 73px;height: 16px;}

    #footer_copyright {
        background: url("/resources/images/footer_copyright.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:12px; color:#636363; font-family:"Dotum", "Verdana", "Arial";	margin:0; padding:0; 	line-height:160%;		}
.base td{font-size:12px; color:#636363; font-family:"Dotum", "Verdana", "Arial";	margin:0; padding:0; 	line-height:160%;		}


.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:#383865;}

.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{text-decoration:none;color:#636363;},  a.gr02:hover{text-decoration:none; color: #636363;}  /*ȸ»ö¸µÅ©*/

.org1, a.org:link, a.org1:visited{text-decoration:none;color:#ff4200;}, a.org1: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:"Dotum", "Verdana", "Arial";
    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:"Dotum", "Verdana", "Arial";
    font-size:9pt;
    height: 20px;
    border: 1px solid #333333;
}

.GPMScpMonthNavigation {
    font-family:"Dotum", "Verdana", "Arial";
    font-size:9pt;
    height: 20px;
    border: 1px solid #333333;
 }
 .GPMScpCurrentMonthDate {
    font-family:"Dotum", "Verdana", "Arial";
    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;
}