@charset "utf-8";

@font-face{
	font-family:"NanumGothic";
	src:url("../font/NanumGothic.eot");
	src:url("../font/NanumGothic.eot?#iefix") format("embedded-opentype"), url("../font/NanumGothic.woff") format("woff"), url("../font/NanumGothic.ttf") format("truetype"), url("../font/NanumGothic.svg#MalgunGothic") format("svg");
	font-weight:normal;
	font-style:normal;
}

/***********************************
	��ư ��Ÿ�� 
***********************************/

.btnStyleBlue, /* �Ķ� ��ư */
.btnStyleBlue:visited{display:inline-block; height:22px; padding:0 0 0 5px; text-align:center; background:transparent url('../images/btn/bt_styleBlueL.png') left top scroll no-repeat; *display:inline; zoom:1; border:none; }
/*.btnStyleBlue:hover{outline:1px dotted #00FF00; cursor:pointer;}*/
.btnStyleBlue span{display:inline-block; height:22px; padding:1px 11px 0 5px; font:bold 11px/22px "NanumGothic"; color:#ffffff; text-align:center; letter-spacing:-1px; vertical-align:middle; background:transparent url('../images/btn/bt_styleBlueR.png') right top scroll no-repeat; *display:inline; zoom:1;}
.btnStyleBlue input[type="submit"]{display:inline-block; height:22px; padding:0 11px 0 5px; font:bold 11px/22px "NanumGothic"; color:#ffffff; text-align:center; letter-spacing:-1px; vertical-align:middle; background:transparent url('../images/btn/bt_styleBlueR.png') right top scroll no-repeat; border:none; *display:inline; zoom:1; cursor:pointer;}

.btnStyleWhite, /* �Ͼ� ��ư */
.btnStyleWhite:visited{display:inline-block; height:22px; padding:0 0 0 5px; text-align:center; background:transparent url('../images/btn/bt_styleWhiteL.png') left top scroll no-repeat; *display:inline; zoom:1; border:none; }
/*.btnStyleWhite:hover{outline:1px dotted #00FF00; cursor:pointer;}*/
.btnStyleWhite span{display:inline-block; height:22px; padding:1px 11px 0 5px; font:bold 11px/22px "NanumGothic"; color:#0099CC; text-align:center; letter-spacing:-1px; vertical-align:middle; background:transparent url('../images/btn/bt_styleWhiteR.png') right top scroll no-repeat; *display:inline; zoom:1;}
.btnStyleWhite input[type="submit"]{display:inline-block; height:22px; padding:0 11px 0 5px; font:bold 11px/22px "NanumGothic"; color:#0099CC; text-align:center; letter-spacing:-1px; vertical-align:middle; background:transparent url('../images/btn/bt_styleWhiteR.png') right top scroll no-repeat; border:none; *display:inline; zoom:1; cursor:pointer;}

.btnStyleGreen, /* �ʷ� ��ư */
.btnStyleGreen:visited{display:inline-block; height:22px; padding:0 0 0 5px; text-align:center; background:transparent url('../images/btn/bt_styleGreenL.png') left top scroll no-repeat; *display:inline; zoom:1; border:none; }
/*.btnStyleGreen:hover{outline:1px dotted #00FF00; cursor:pointer;}*/
.btnStyleGreen span{display:inline-block; height:22px; padding:1px 11px 0 5px; font:bold 11px/22px "NanumGothic"; color:#ffffff; text-align:center; letter-spacing:-1px; vertical-align:middle; background:transparent url('../images/btn/bt_styleGreenR.png') right top scroll no-repeat; *display:inline; zoom:1;}
.btnStyleGreen input[type="submit"]{display:inline-block; height:22px; padding:0 11px 0 5px; font:bold 11px/22px "NanumGothic"; color:#ffffff; text-align:center; letter-spacing:-1px; vertical-align:middle; background:transparent url('../images/btn/bt_styleGreenR.png') right top scroll no-repeat; border:none; *display:inline; zoom:1; cursor:pointer;}

.btnStyleSmallWhite, /* ���� �Ͼ� ��ư */
.btnStyleSmallWhite:visited{display:inline-block; height:20px; padding:0 0 0 5px; text-align:center; background:transparent url('../images/btn/bt_styleSmallWhiteL.png') left top scroll no-repeat; *display:inline; zoom:1; border:none; }
/*.btnStyleSmallWhite:hover{outline:1px dotted #00FF00; cursor:pointer;}*/
.btnStyleSmallWhite span{display:inline-block; height:20px; padding:1px 7px 0 1px; font:normal 11px/20px "NanumGothic"; color:#1DB9B8; text-align:center; letter-spacing:-1px; /*vertical-align:middle;*/ background:transparent url('../images/btn/bt_styleSmallWhiteR.png') right top scroll no-repeat; *display:inline; zoom:1;}
.btnStyleSmallWhite input[type="submit"]{display:inline-block; height:22px; padding:0 11px 0 5px; font:normal 11px/20px "NanumGothic"; color:#1DB9B8; text-align:center; letter-spacing:-1px; vertical-align:middle; background:transparent url('../images/btn/bt_styleSmallWhiteR.png') right top scroll no-repeat; border:none; *display:inline; zoom:1; cursor:pointer;}


.blue_button {
    padding: 0.2ex 0.5em 0.3ex 0.5em;
    min-width: 46px;
    min-height: 22px;
    text-transform: none;
    font-size: 13px;
    font-weight: 600;
    letter-spacing: normal;
    margin: 0;
    border: 1px solid #0099cc;
    text-align: center;
    text-shadow: none;
    border-radius: 3px;
    cursor: pointer;
    color: #fff;
    background-color: #0099cc;
    vertical-align: top;
    outline: 0;
    -webkit-font-smoothing: antialiased;
    font-family: 'Nanum Barun Gothic';
    transition-property: background-color, color;
    transition-duration: 0.2s;
    transition-timing-function: ease-out;
}

    .blue_button:hover {
        background-color: #0079a2;
        border: 1px solid #0079a2;
    }

.white_button {
    padding: 0.2ex 0.5em 0.3ex 0.5em;
    min-width: 46px;
    min-height: 22px;
    text-transform: none;
    font-size: 13px;
    font-weight: 600;
    letter-spacing: normal;
    margin: 0;
    border: 1px solid #0099cc;
    text-align: center;
    text-shadow: none;
    border-radius: 3px;
    cursor: pointer;
    color: #0099cc;
    background-color: #fff;
    vertical-align: top;
    outline: 0;
    -webkit-font-smoothing: antialiased;
    font-family: 'Nanum Barun Gothic';
    transition-property: background-color, color;
    transition-duration: 0.2s;
    transition-timing-function: ease-out;
}

    .white_button:hover {
        background-color: #dff8ff;
    }

.green_button {
    padding: 0.2ex 0.5em 0.3ex 0.5em;
    min-width: 46px;
    min-height: 22px;
    text-transform: none;
    font-size: 13px;
    font-weight: 600;
    letter-spacing: normal;
    margin: 0;
    border: 1px solid #339966;
    text-align: center;
    text-shadow: none;
    border-radius: 3px;
    cursor: pointer;
    color: #fff;
    background-color: #339966;
    vertical-align: top;
    outline: 0;
    -webkit-font-smoothing: antialiased;
    font-family: 'Nanum Barun Gothic';
    transition-property: background-color, color;
    transition-duration: 0.2s;
    transition-timing-function: ease-out;
}

    .green_button:hover {
        background-color: #297e54;
        border: 1px solid #297e54;
    }

.sblue_button {
    padding: 0.1ex 0.5em 0.2ex 0.5em;
    min-width: 46px;
    min-height: 19px;
    text-transform: none;
    font-size: 12px;
    font-weight: 400;
    letter-spacing: normal;
    margin: 0;
    border: 1px solid #00cccc;
    text-align: center;
    text-shadow: none;
    border-radius: 3px;
    cursor: pointer;
    color: #00cccc;
    background-color: #fff;
    vertical-align: top;
    outline: 0;
    -webkit-font-smoothing: antialiased;
    font-family: 'Nanum Barun Gothic';
    transition-property: background-color, color;
    transition-duration: 0.2s;
    transition-timing-function: ease-out;
}

    .sblue_button:hover {
        background-color: #e3ffff;
    }

.left_move_button {
    padding: 0.1ex 0.1em 0.1ex 0.1em;
    text-transform: none;
    font-size: 13px;
    font-weight: 700;
    letter-spacing: normal;
    margin: 3px;
    border: 1px solid #0099cc;
    text-align: center;
    text-shadow: none;
    border-radius: 3px;
    cursor: pointer;
    color: #0099cc;
    background-color: #fff;
    vertical-align: top;
    outline: 0;
    -webkit-font-smoothing: antialiased;
    font-family: '����';
    transition-property: background-color, color;
    transition-duration: 0.2s;
    transition-timing-function: ease-out;
}

    .left_move_button:after {
        content: '<';
    }

    .left_move_button:hover {
        background-color: #dff8ff;
    }

.right_move_button {
    padding: 0.1ex 0.1em 0.1ex 0.1em;
    text-transform: none;
    font-size: 13px;
    font-weight: 700;
    letter-spacing: normal;
    margin: 3px;
    border: 1px solid #0099cc;
    text-align: center;
    text-shadow: none;
    border-radius: 3px;
    cursor: pointer;
    color: #0099cc;
    background-color: #fff;
    vertical-align: top;
    outline: 0;
    -webkit-font-smoothing: antialiased;
    font-family: '����';
    transition-property: background-color, color;
    transition-duration: 0.2s;
    transition-timing-function: ease-out;
}

    .right_move_button:after {
        content: '>';
    }

    .right_move_button:hover {
        background-color: #dff8ff;
    }

/* IE10+ */
@media screen and (-ms-high-contrast: active), (-ms-high-contrast: none) {
    .blue_button {
        padding: 0.3ex 0.5em 0.2ex 0.5em;
    }

    .white_button {
        padding: 0.3ex 0.5em 0.2ex 0.5em;
    }

    .green_button {
        padding: 0.3ex 0.5em 0.2ex 0.5em;
    }

    .sblue_button {
        padding: 0.2ex 0.5em 0.2ex 0.5em;
    }

    .left_move_button {
        margin: 1px 3px;
    }

    .right_move_button {
        margin: 1px 3px;
    }
}