BODY 
{ 
	font-family:'맑은 고딕', Tahoma, Arial, Helvetica, sans-serif;
	font-size: 12pt; 
	line-height:150%;
    margin:0px; padding:0px;
}

.defaultText 
{
    font-family:'맑은 고딕', Tahoma, Arial, Helvetica, sans-serif;
	font-size: 12pt; 
	line-height:150%;
	font-weight:normal;
}

h1 {
    font-size:16pt;
}

h2 {
    font-size:14pt;
}

h3 {
    font-size:12pt;
}

.pageTitle {
    border-bottom:solid 2px #55739a;
}

.pageTitle span.titleText {
    display:block;background:#55739a;color:white; line-height:50px; width:250px; text-align:center;
}

.pageTitle span.titleText_center {
    display:block;background:#55739a;color:white; line-height:50px; width:250px; text-align:center; margin:0px auto;
}


.TabMenu{
    position:fixed; top:50px; background:#eee; height:50px; width:100%; max-width:760px;z-index:1000
}

.TabMenu .menu_item {
    display:block; float:left;text-align:center;
}

.TabMenu a.item_selected {
    display:inline-block; line-height:45px; text-decoration:none; border-bottom:solid 5px #55739a; color:#000; padding: 0 5%;
}

.TabMenu a.item {
    display:inline-block; line-height:45px; text-decoration:none; border-bottom:solid 5px #eeeeee; color:#999; padding: 0 5%;
}



@media screen and (max-width:360px)
{
    .TabMenu {display:none;}
}



ul {
    padding:0px; margin:0px;
}

li {
    padding:0px; margin:0px; list-style:none;
}

TABLE 
{
	border-collapse:collapse;
	cursor:default;
}

INPUT
{
	vertical-align:middle;
    font-family:'맑은 고딕', Tahoma, Arial, Helvetica, sans-serif;
	font-size: 12pt; 
}

    input[type=text],input[type=tel],input[type=email],input[type=password] {
        width:150px; height:30px;
        border:1px solid #666;
	    background-color:#f0f0f0;
    }


INPUT[type=button],INPUT[type=submit]
{
	border:1px solid #ddd;
    background:#eee;
    /*background:url('/img/bgbtn.png') bottom repeat-x;*/
	font-weight:bold;
    font-family:'맑은 고딕', Tahoma, Arial, Helvetica, sans-serif;
	font-size: 12pt;
    cursor:pointer;
}

    INPUT[type=button] {
        color:#000;
        height:40px;
        line-height:30px;
        font-size:12pt;
    }
    INPUT[type=submit] {
        border-color:#a8b6c0;
        background-color:#a8b6c0;
        color:#fff;
        height:40px;
        line-height:30px;
        font-size:12pt;
    }

    INPUT.btnConfirm {
        background-color:#1eb7b3;
        border:none;
        width:100px;
        height:50px;
        color:#fff;
        font-weight:bold;
    }

    INPUT.btnNextStyle {
        background-color:#007acc;
        background-image:none;
        border:none;
        height:50px;
        color:#fff;
        font-weight:bold;
    }

    INPUT.btnCancel {
        width:100px;
        height:50px;
    }

INPUT[type=checkbox], INPUT[type=radio] {
    width:20px; height:20px;
}

TEXTAREA
{
	border:1px solid #000000;
	background-color:#eee;
	vertical-align:middle;

    font-family:'맑은 고딕', Tahoma, Arial, Helvetica, sans-serif;
	font-size: 12pt; 
}

SELECT 
{
	border:1px solid #000000;
	background-color:#eee;
	vertical-align:middle;
    height : 34px;

    font-family:'맑은 고딕', Tahoma, Arial, Helvetica, sans-serif;
	font-size: 12pt; 
}

a img {
    border:none;
}

.floatL{float:left;}
.floatR{float:right;}
.clear {clear:both;}

.textCenter{text-align:center;}
.textLeft{text-align:left;}
.textRight{text-align:right;}



span.listhead {
    display:inline-block; background:#808080;color:white; min-width:20px;height:20px; line-height:20px;text-align:center; font-size:12px; border-radius:5px;
}

ul.pager {
    margin:10px auto;text-align:center;
}
    
    ul.pager li.btn, ul.pager li.pagenum, ul.pager li.currentPagenum {
        list-style:none;margin:3px; cursor:default;display:inline;
    }

        ul.pager li a {
            text-decoration:none;
        }

        ul.pager li.pagenum {
            padding-left:10px;
            padding-right:10px;
        }

            ul.pager li.pagenum a.SelectedPageNum {
                font-weight:bold;color:red;
            }

            ul.pager li.pagenum a.NormalPageNum {
                font-weight:normal;color:black;
            }

        ul.pager li.currentPagenum {
            padding-left:10px;
            padding-right:10px;
            font-weight:bold;
            background-color:#999; color:white;
            
        }

        ul.pager li.currentPagenum a {
            color:white;
        }

        ul.pager li.btn {
            text-align:center; width:40px;
        }
            ul.pager li.btn img {
                width:24px;height:28px; vertical-align:middle;
            }

        ul.pager li.clear {
           clear:both;
        }





ul.defaultList {
    border-top:solid 2px #999; border-bottom:solid 2px #999; margin-top:20px;
}

ul.defaultList li {
    min-height:50px; border-bottom:solid 1px #999; padding:10px;
}

table.tblList {
    border-collapse:collapse;
}


    table.tblList th {
        background-color:#f7f7f7;
        border:solid 1px #cacaca;
        padding-top:10px;
        padding-bottom:10px;
        color:#59616a;
    }

    table.tblList td {
        background-color:white;
        border:solid 1px #cacaca;
        padding:10px;
        text-align:center;
        color:#646464;
    }

table.tblRead {
    border-collapse:collapse;
}


    table.tblRead th {
        background-color:#f7f7f7;
        border:solid 1px #cacaca;
        padding-top:5px;
        padding-bottom:5px;
        color:#59616a;
    }

    table.tblRead td {
        background-color:white;
        border:solid 1px #cacaca;
        padding:5px;
        color:#646464;
    }

ul.LiTable{
        border-top:solid 1px #cacaca;
        border-bottom:solid 1px #cacaca;
        border-right:solid 1px #cacaca;
    }

    ul.LiTable li.tr {
        border-bottom:solid 1px #cacaca;
        background-color:white;
    }

    ul.LiTable li.trTitle {
        border-bottom:solid 1px #cacaca;
        border-left:solid 1px #cacaca;
        background-color:#f7f7f7;
        color:#59616a;
        font-weight:bold;
        line-height:40px;
        text-align:center;
    }

    ul.LiTable li.tr div.th {
        background-color:#f7f7f7;
        border-left:solid 1px #cacaca;
        border-right:solid 1px #cacaca;
        color:#59616a;
        font-weight:bold;
        float:left;
        line-height:50px;
        height:50px;
        
        width:25%;
        text-align:center;

        text-overflow:ellipsis;
        white-space:nowrap;
        overflow:hidden;
    }

    ul.LiTable li.tr div.td {
            
        float:left;
        color:#333333;
        margin-left:5px;
        width:70%;
        line-height:50px;
        height:50px;

        text-overflow:ellipsis;
        white-space:nowrap;
        overflow:hidden;
    }

div.divPopup {
    position:absolute;width:300px; height:400px; background:white; border:solid 1px #000;display:none; z-index:20;
}
    div.divPopup .popuphead {
        background:#ededed; margin:0px; text-align:center; line-height:50px;
    }
    div.divPopup div.popupbody {
        padding:0px 20px;
    }


#divButtonList {
        margin-top:20px;margin-bottom:20px;
    }
    #divButtonList li.left {
        float:left;width:20%;height:50px; margin-left:2%;
    }
    #divButtonList li.right {
        float:right;width:20%;height:50px;text-align:right;margin-right:2%;
    }