@charset 'UTF-8';
/* All Device */
@media all {
    input::placeholder{ font-size: 13px;}
    html * {
        box-sizing: border-box;
        margin: 0;
        padding: 0;
        font-size: 100%;
    }
    ul, li {
        list-style-type: none;
    }
    html, body {
        height: 100%;
    }
    body {
        margin: 0;
        padding: 0;
        font-family: 'Malgun Gothic', arial, sans-serif;
        background-size: 100%;
        font-size: 100%;

        /*background-repeat: no-repeat;
        background-image: url(http://dev.kbsjob.kr/Common/images/bg2.png);*/
        /*background-position: center center;
        -webkit-background-size: cover;
        -moz-background-size: cover;
        -o-background-size: cover;
        background-size: cover;*/
    }
    .fl{float: left;}
    a { text-decoration: none; }

    a:link { color: #236bf8;   }
    a:visited { color: #444;  }
    a:hover { color:#236bf8;  }
    a:active { color: #444;   }
    #wrapper {
        position: relative;
        min-height: 100%;
        background-color: #f2f2f2;
    }
    #header {
        float: left;
        height: 54px;
        line-height: 40px;
        font-size: 0.75em;
        background-color: #323232;
        height: 40px;
        width: 100%;
    }
    .icon{
        padding: 6px 0px 0px 10px;
    }

    .size20{
        height: 20px; width: 20px;


    }
    #title {
        text-align: center;
        color: #000;
        font-size: 3.35em;
        margin-top: 70px;
        font-weight: 700;
    }
    #container {
        padding: 10px;
    }
    #boxwarp {
        width: 100%;
        height: 400px;
        margin: 0 auto;
    }
    #sti {
        font-size: 0.98em;
        text-align: center;
        color: #666;
        padding-top: 7px;
    }
    .dkdlel {
        font-size: 0.85em;
        color: #444;
        margin-top: 3px;
    }
    .btnlogin {
        background-color: #236bf8;
        color: #FFF;
        padding: 10px;
        text-align: center;
        margin-top: 15px;
        font-size: 1.42em;
        border-radius: .25rem;
    }

    .btn_fin{
        background-color: #236bf8;
        color: #FFF;
        padding: 10px;
        text-align: center;
        margin-top: 15px;
        border-radius: .25rem;
        width: 120px;
        font-size: 14px;
        float: left;
    }


    .btn_co{
        background-color: #777;
        color: #FFF;
        padding: 10px;
        text-align: center;
        margin-top: 15px;
        border-radius: .25rem;
        width: 120px;
        font-size: 14px;
        margin-left: 4px;
        float: left;
    }


    #right {
        margin: 20px 0px 0px 0px;
        padding: 20px;
        background-color: #F2F2F2;
        opacity: 0.7;
        width: 100%;
        float: right;
        line-height: 2em;
        color: #FFF;
        font-size: 0.85em;
        height: 210px;
    }
    #inputbox_warp {
        margin: 10px 0px 0px 0px;
        padding: 20px;
        background-color: #000;
        opacity: 0.77;
        width: 100%;
        float: right;
        line-height: 2em;
        height: 150px;
    }
    .mt7{margin-top: 7px;}
    .mg20{margin: 20px;}
    .fr{float: right;}
    .tix_new{   border-bottom: 1px solid rgba(235, 237, 242, 0.8); padding: 20px; font-size: 18px; font-weight: bold;}
    .boxtop{
        margin: 20px; background-color: #F2F2F2; padding: 20px; font-size: 13px; line-height: 1.80em; color:#666;
    }
    .fwb{ font-weight: bold;}
    .po{color:#f45c3e;}
    .tixwarp{
        margin-top: 30px; padding: 10px 0 10px 10px;  font-size: 12px;  color: #444;

    }
    .ml30{margin-left: 30px;}
    .pwt{margin-left: 20px;  font-size: 0.87em;}

    .box {
        height: 46px;
        width: 100%;
        color: #000;
        padding-left: 7px;
        border: 1px solid #FFF;
        font-size: 1.3em;
        -webkit-appearance: none;
        -webkit-box-shadow: none;
        -moz-box-shadow: none;
        box-shadow: none;
        -webkit-border-radius: 0px;
        /*border: 1px solid #337ab7*/
    }
    .box1 {
        height: 46px;
        width: 100%;
        color: #000;
        padding-left: 7px;
        margin-top: 4px;
        border: 1px solid #FFF;
        font-size: 1.3em;
        -webkit-appearance: none;
        -webkit-box-shadow: none;
        -moz-box-shadow: none;
        box-shadow: none;
        -webkit-border-radius: 0px;
    }
    .box3 {
        background-color: #FFF;
        -webkit-box-shadow: none;
        -moz-box-shadow: none;
        box-shadow: none;
        -webkit-border-radius: 0px;
        padding-top: 2px;
    }

    .box_new {
        height: 46px;
        width: 100%;
        color: #000;
        padding-left: 7px;
        border: 1px solid #dfdfdf;
        font-size: 1.3em;
        -webkit-appearance: none;
        -webkit-box-shadow: none;
        -moz-box-shadow: none;
        box-shadow: none;
        -webkit-border-radius: 0px;
        /*border: 1px solid #337ab7*/
    }
    #footer {
        position: absolute;
        bottom: 0;
        width: 100%;
        height: 40px;
        background: #333;
        text-align: center;
        color: #666;
        line-height: 40px;
        font-size: 0.65em;
        /*border-top: 1px solid #dddddd;*/

    }

}