@charset "utf-8";

/* Font Face */
@font-face {
    font-family             : NanumGothic;
    src:local(NanumGothic),
        url("/PSetUp/Fonts/NanumGothic.eot?#iefix") format("embedded-opentype"),
        url("/PSetUp/Fonts/NanumGothic.woff") format("woff"),
        url("/PSetUp/Fonts/NanumGothic.ttf") format("truetype");
    font-style              : normal;
    font-weight             : normal;
    unicode-range           : U+0-10FFFF;
}
@font-face {
    font-family             : MalgunGothic;
    src:local(MalgunGothic),
        url("/PSetUp/Fonts/MalgunGothic.eot?#iefix") format("embedded-opentype"),
        url("/PSetUp/Fonts/MalgunGothic.woff") format("woff"),
        url("/PSetUp/Fonts/MalgunGothic.ttf") format("truetype");
    font-style              : normal;
    font-weight             : normal;
    unicode-range           : U+0-10FFFF;
}

/* Common */
* {
    box-sizing              : border-box; 
    -moz-box-sizing         : border-box;
    -webkit-box-sizing      : border-box;
	margin                  : 0; 
    -webkit-margin-before   : 0; 
    -webkit-margin-end      : 0; 
    -webkit-margin-after    : 0; 
    -webkit-margin-start    : 0;
	padding                 : 0; 
    -webkit-padding-before  : 0; 
    -webkit-padding-end     : 0; 
    -webkit-padding-after   : 0; 
    -webkit-padding-start   : 0;
}

body,h1,h2,h3,h4,h5,h6,ul,ol,li,dl,dt,dd,table,th,td,form,fieldset,legend,input,textarea,button{
    box-sizing              : border-box; 
    -moz-box-sizing         : border-box;
    -webkit-box-sizing      : border-box;
	margin                  : 0; 
    -webkit-margin-before   : 0; 
    -webkit-margin-end      : 0; 
    -webkit-margin-after    : 0; 
    -webkit-margin-start    : 0;
	padding                 : 0; 
    -webkit-padding-before  : 0; 
    -webkit-padding-end     : 0; 
    -webkit-padding-after   : 0; 
    -webkit-padding-start   : 0;
}

body,input,textarea,button,table,label, select {
    font-family             : '돋움',Dotum,'나눔고딕',NanumGothic,'NanumGothicWeb',AppleGothic,sans-serif;
    font-size               : 12px;
    color                   : #4e4e4e;
}

body {
    width                   : 100%; 
    height                  : 100%; 
    _text-align             : left; 
    min-width               : 1px;
}

img,fieldset{
    border                  : 0;
}

ul,ol{
    list-style              : none;
}

em,address{
    font-style              : normal;
}

a {
    text-decoration         : none;
    color                   : #4e4e4e;
}

a:hover,a:active,a:focus{
    text-decoration         : none;
    color                   : #999999;
}


h4 {
    clear                   : both;
    background              : url("/Images/blt.gif") no-repeat 0 4px;
    font-size               : 14px;
    height                  : 24px;
    text-align              : left;
    font-weight             : bold;
    font-size               : 14px;
    color                   : #666;

    padding                 : 5px 18px;
    -webkit-padding-before  : 5px;
    -webkit-padding-end     : 18px;
    -webkit-padding-after   : 5px;
    -webkit-padding-start   : 18px;
}

.container {
    width                   : 100%;
    height                  : 100%;
}

.container .aifa_menu {
    background-color        : #545663;
    width                   : 220px;
    vertical-align          : top;
}

.container .aifa_body {
    padding-left            : 5px;
    padding-right           : 15px;
    -webkit-padding-start   : 5px;
    -webkit-padding-end     : 15px;
}

.container .aifa_body .body_title {
    background-color        : #f4f4f4;
    height                  : 40px;
    line-height             : 40px;

    margin                  : 0;
    -webkit-margin-before   : 0;
    -webkit-margin-end      : 0;
    -webkit-margin-after    : 0;
    -webkit-margin-start    : 0;

    padding                 : 0 0 0 10px;
    -webkit-padding-before  : 0;
    -webkit-padding-end     : 0;
    -webkit-padding-after   : 0;
    -webkit-padding-start   : 10px;
}

.container .aifa_body .body_title .title    {
    font-weight             : bold;
    font-size               : 11pt;
    float                   : left;
    background              : url("/Images/title_bar.gif") left center no-repeat;
    letter-spacing          : -1px;

    padding-left            : 15px;
    -webkit-padding-start   : 15px;
}

.container .aifa_body .body_title .category {
    font-weight             : normal;
    font-size               : 9pt;
    float                   : right;
    letter-spacing          : -1px;
    color                   : #666;

    padding-right           : 15px;
    -webkit-padding-end     : 15px;
}

.container .aifa_body .body_contents {
    padding                 : 0;
    border                  : 0 solid #ccc;

    margin                  : 0;
    -webkit-margin-before   : 0;
    -webkit-margin-end      : 0;
    -webkit-margin-after    : 0;
    -webkit-margin-start    : 0;

    padding                 : 20px 0 20px 0;
    -webkit-padding-before  : 20px;
    -webkit-padding-end     : 0;
    -webkit-padding-after   : 20px;
    -webkit-padding-start   : 0;
}

.layout700  {
    width                   : 700px  !important;
}

.layout800  {
    width                   : 800px  !important;
}

.layout900  {
    width                   : 900px  !important;
}

.layout1000 {
    width                   : 1000px !important;
}

.layout1100 {
    width                   : 1100px !important;
}

.layout1200 {
    width                   : 1200px !important;
}

.layout1300 {
    width                   : 1300px !important;
}

.layout1400 {
    width                   : 1400px !important;
}

.layout1500 {
    width                   : 1500px !important;
}


.rd {
    color                   : #f26f78;
}

.bl {
    color                   : #0071db;
}


/*** login ***/
.bg {
    padding-top             : 200px;
    -webkit-padding-before  : 200px;
    background              : url("/Images/default.gif");
}

.logo {
    position                : absolute;
    background              : url("/Images/aifa_logo.png") no-repeat;
    left                    : 0;
    bottom                  : 0;
    width                   : 230px;
    height                  : 150px;
    z-index                 : -1;
}

#login_box {
    width                   : 400px;
    margin                  : 0 auto;
    background              : #FFF;
    border                  : 1px solid #ddd;
    text-align              : center;
}

.box{
    margin                  : 30px auto;
    width                   : 280px;
}

.radio {
    font-family             : "돋음";
    background-color        : transparent;
    border                  : none;
    vertical-align          : middle;
    display                 : inline-block;
}

.checkbox {
    font-family             : "돋음";
    background-color        : transparent;
    border                  : 0 #D5CED1 solid;
}

.checkbox_01 {
    font-family             : "돋음";
    background-color        : #F7F7F7;
    border                  : 0 #D5CED1 solid;
}

.checkbox_02 {
    font-family             : "돋음";
    background-color        : #FFFFFF;
    border                  : 0 #D5CED1 solid;
}

.copy {
    font-family             : Tahoma, Geneva, sans-serif;
    font-size               : 10px;
    color                   : #666666;
    text-align              : center;
    padding-bottom          : 20px;
    -webkit-padding-after   : 20px;
}

/**** 상단 ****/
.name {
    color                   : #ffffff;
    font-size               : 12px;
}

.top_t01 {
    font-weight             : bold;
}

.cal {
    font-family             : Arial;
}

.cal_week {
    font-weight             : bold;
    font-family             : Arial;
    color                   : #da1111;
}

.top_bold {
    font-weight             : bold;
    font-size               : 12px;
    color                   : #ffffff;
}

.top_none {
    color                   : #ffffff;
}

.top_t02 {
    color                   : #db0000;
    font-weight             : bold;
    text-decoration         : underline;
}

.gnb td {
    padding                 : 0 12px;
    -webkit-padding-before  : 0;
    -webkit-padding-end     : 12px;
    -webkit-padding-after   : 0;
    -webkit-padding-start   : 12px;
    font-weight             : bold;
}

.gnb td a {
    color                   : #FFF;
    padding                 : 5px;
    -webkit-padding-before  : 5px;
    -webkit-padding-end     : 5px;
    -webkit-padding-after   : 5px;
    -webkit-padding-start   : 5px;
}

.gnb td a:hover,a:active,a:focus{
    color                   : #1d3751;
}

.path{
    text-align              : right;
    font-size               : 12px;
    font-weight             : normal;
    padding-left            : 580px;
    -webkit-padding-start   : 580px;
}


.top_button {
    float                   : right;
    padding-right           : 20px;
    -webkit-padding-end     : 20px;
}

.top_button span {
    padding-right           : 20px;
    -webkit-padding-end     : 20px;
    color                   : #fff;
    line-height             : 20px;
    display                 : inline;
}


/**** 게시판공지 ****/
table.title {
    width                   : 100%;
    height                  : 40px;
    margin-bottom           : 15px;
    -webkit-margin-after    : 15px;
}

table.title th {
    font-size               : 14px;
    font-weight             : bold;
    text-align              : left;
    background-color        : #f4f4f4;

    padding                 : 5px 10px;
    -webkit-padding-before  : 5px;
    -webkit-padding-end     : 10px;
    -webkit-padding-after   : 5px;
    -webkit-padding-start   : 10px;
}

table.title td {
    font-size               : 11px;
    font-weight             : normal;
    text-align              : right;
    background-color        : #f4f4f4;
    color                   : #565656;

    padding                 : 5px 10px;
    -webkit-padding-before  : 5px;
    -webkit-padding-end     : 10px;
    -webkit-padding-after   : 5px;
    -webkit-padding-start   : 10px;
}


.navi_bold {
    font-size               : 11px;
    color                   : #565656;
    font-weight             : bold;
}

.notice a {
    height                  : 18px;
    color                   : #797979;
}

.notice a:hover {
    height                  : 11px;
    color                   : #ff7000;
}

.tbl_default{
    border                  : 10px solid #eee;
}

table .page_navi {
    font-size               : 9pt;
    font-family             : "돋움",Dotum,sans-serif;
    width                   : 100%;
    margin-top              : 10px;
    -webkit-margin-before   : 10px;
}

table .page_navi a {
    text-decoration         : none;
    vertical-align          : middle;
}

table .page_navi span {
    display                 : inline-block;
    border                  : 1px solid #999;
    color                   : #666;
    min-width               : 20px !important;
    line-height             : 15px;
    font-weight             : bold;
    text-align              : center;
    cursor                  : pointer;

    padding                 : 5px 3px 0 3px;
    -webkit-padding-before  : 5px;
    -webkit-padding-end     : 3px;
    -webkit-padding-after   : 0;
    -webkit-padding-start   : 3px;
}

table .page_navi span.curr_page {
    border                  : 1px solid #ff3300;
    background-color        : #ff6600;
    color                   : #fff;
}

/*
table .page_navi span.prev_page {
    width                   : 30px !important;
    background-color        : #555;
    color                   : #fff;
    font-size               : 8pt;
    height                  : 18px;
    font-weight             : normal;
    border                  : 1px solid #333;
}

table .page_navi span.next_page {
    width                   : 30px !important;
    background-color        : #555;
    color                   : #fff;
    font-size               : 8pt;
    height                  : 18px;
    font-weight             : normal;
    border                  : 1px solid #333;
}
*/

table .page_navi span.prev_page {
    width                   : 35px !important;
    background-color        : #fff;
    color                   : #666;
    font-size               : 9pt;
    line-height             : 130%;
    font-weight             : bold;
    border                  : 0 solid #999;
}

table .page_navi span.next_page {
    width                   : 35px !important;
    background-color        : #fff;
    color                   : #666;
    font-size               : 9pt;
    line-height             : 130%;
    font-weight             : bold;
    border                  : 0 solid #999;
}

/**** 제품텍스트 ****/
.p_t01 {
    font-size               : 11px;
    line-height             : 1.5em;
    color                   : #666666;
    text-align              : left;
}

.p_t02 {
    font-size               : 11px;
    line-height             : 1.5em;
    color                   : #808080;
    text-align              : left;
}

.p_t03 {
    line-height             : 1.5em;
    color                   : #666666;
    font-weight             : bold;
    text-align              : left;
}

.left_menu {
    font-size               : 12px;
    line-height             : 1.5em;
    color                   : #666666;
    font-weight             : bold;
    text-align              : left;
}

.p_t04 {
    font-size               : 12px;
    line-height             : 1.5em;
    color                   : #ff3c00;
    font-weight             : bold;
    text-align              : left;
}

.bgoods_box_r_b {
    border-bottom           : 1px solid #d7d7d7;
    border-right            : 1px solid #d7d7d7;
}

.bgoods_box_b {
    border-bottom           : 1px solid #d7d7d7;
}

.bgoods_box_r {
    border-right            : 1px solid #d7d7d7;
}

.goods_p {
    padding                 : 0 5px 0 7px;
    -webkit-padding-before  : 0;
    -webkit-padding-end     : 5px;
    -webkit-padding-after   : 0;
    -webkit-padding-start   : 7px;
}

/**** 하단 ****/
.foot_t01{
    font-size               : 11px;
    color                   : #fff;
    text-align              : center;
}

.foot_t01 a {
    font-size               : 11px;
    color                   : #fff;
}

.foot_t01 a:hover{
    font-size               : 11px;
    color                   : #fff;
    text-align              : center;
    text-decoration         : underline;
}

.foot_t02 a {
    color                   :  #fc6;
    text-decoration         : none;
}

.foot_t02 a:hover {
    color                   :  #fc6;
    text-decoration         : underline;
}

.search_box {
    background-color        : #d6e8ff;
    border                  : #6393ce 1px solid;
    padding-left            : 5px;
    -webkit-padding-start   : 5px;
    font-size               : 8pt;
    color                   : #7d7c7c;
    width                   : 130px;
    height                  : 20px;
}

.input_gray2 {
    background-color        : #ffffff;
    border-style            : solid;
    border                  : 1px solid #bfbfbf;
    padding-top             : 1px;
    -webkit-padding-before  : 1px;
    padding-left            : 4px;
    -webkit-padding-start   : 4px;
}

/**** 로그인 ****/
.input_gray {
    background-color        : #bebebe;
    border-style            : none;
    color                   : #FFFFFF;
    height                  : 18px;
    font-weight             : bold;
    width                   : 135px;
    height                  : 18px;

    padding-top             : 1px;
    padding-left            : 4px;
    -webkit-padding-before  : 1px;
    -webkit-padding-start   : 4px;
}

.fon_lar {
    font-size               : 11pt;
    font-weight             : bold;
    color                   : #5c6366;
    padding-left            : 20px;
    -webkit-padding-start   : 20px;
}

/**** 마이페이지 ****/
.step {
    font-size               : 8pt;
    color                   : #FFFFFF;
    background-color        : #a7a7a7;
    letter-spacing          : -1px;
    text-align              : center;
    height                  : 30px;
    font-weight             : bold;
    padding-top             : 10px;
    -webkit-padding-before  : 10px;
}

.dot3 {
    background-image        : url(/Images/dot3.gif);
    background-repeat       : repeat-x;
    background-position     : bottom;
}

.dot3 input, .dot3 textarea {
    background-color        : #EEEEEE;
    border-style            : none;
}

.fon_sma {
    font-weight             : bold;
    color                   : #5c6366;
    padding-left            : 20px;
    -webkit-padding-start   : 20px;
}



/**** 상품소개 ****/
.list_box {
    padding-left            : 7px;
    -webkit-padding-start   : 7px;
    background              : #FFFFFF url(/Images/bt.gif) no-repeat 1px 50%;
}

.list_s01 {
    font-weight             : bold;
    color                   : #646464;
    text-align              : left;
    padding                 : 0 0 0 7px;
    -webkit-padding-before  : 0;
    -webkit-padding-end     : 0;
    -webkit-padding-after   : 0;
    -webkit-padding-start   : 7px;
}

/**** 사이트맵 ****/
.sm_txt {
    background              : #ffffff url(/Images/line_bg.jpg) no-repeat 0px 90%;
    font-family             : tahoma,"돋움";
    font-size               : 11px;
    color                   : #afafaf;
    line-height             : 1.8em;
}

.sm_txt a:hover {
    color                   : #8aaf00;
}

.sm_s {
    background              : #ffffff url(/Images/bt1.jpg) no-repeat 0px 75%;
    font-family             : tahoma, "돋움";
    font-size               : 13px;
    font-weight             : bold;
    color                   : #727272;

    padding                 : 10px 0 0 7px;
    -webkit-padding-before  : 10px;
    -webkit-padding-end     : 0;
    -webkit-padding-after   : 0;
    -webkit-padding-start   : 7px;

}



/**** 제품소개 ****/
.g_buy {
    font:bold 11px;
    height                  : 30px;
    width                   : 130px;
    color                   : #9e9e9e;
    background              : #FFFFFF url(/Images/bl.gif) no-repeat 5px 50%;
    letter-spacing          : -0.1em;

    padding                 : 3px 0 0 15px;
    -webkit-padding-before  : 3px;
    -webkit-padding-end     : 0;
    -webkit-padding-after   : 0;
    -webkit-padding-start   : 15px;
}

.fon_fom {
    line-height             : 32px;
    color                   : #808080;
}

.goods_s {
    font-size               : 11pt;
    font-weight             : bold;
    color                   : #ff9933;
    padding-left            : 10px;
    -webkit-padding-start   : 10px;
}



/**** 상품평****/
.re_txt01{
    height                  : 18px;
    color                   : #666;
    background              : #FFFFFF url(/Images/new_bg.gif) no-repeat 5px 50%;
    letter-spacing          : -0.1em;

    padding                 : 3px 0 0 15px;
    -webkit-padding-before  : 3px;
    -webkit-padding-end     : 0;
    -webkit-padding-after   : 0;
    -webkit-padding-start   : 15px;
}

.re_txt02{
    font:bold 12px;
    color                   : #c78e05;
    letter-spacing          : -0.1em;
    text-decoration         : underline;
}

.tbl_right_01 {
    padding-left            : 14px;
    text-align              : left;
    border-bottom           : 1px solid #e1e1e1;
}

.tbl_left_01 {
    text-align              : center;
    border-right            : 1px solid #e1e1e1;
    border-bottom           : 1px solid #e1e1e1;
}

.tbl_left {
    text-align              : center;
    border-right            : 1px solid #e1e1e1;
    border-bottom           : 1px solid #e1e1e1;
    font                    : 11px;
    background              : #ffffff url(/Images/left_name_bg.gif);
}

.tbl_right {
    padding-left            : 14px;
    text-align              : center;
    border-bottom           : 1px solid #e1e1e1;
    font                    : 11px;
    background              : #ffffff url(/Images/left_name_bg.gif);
}

/* 가로형 테이블 */
.horiz {
    width                   : 100%;
    border-top              : 2px solid #333333;
    border-right            : 1px solid #ededed;
    border-bottom           : 1px solid #c3c5c9;
    border-left             : 1px solid #ededed;
    table-layout            : fixed;
}

.horiz tr {
    min-height              : 30px;
}

.horiz th {
    border-top              : 1px solid #ededed;
    border-right            : 1px solid #ededed;
    text-align              : center;
    font-size               : 12px;
    font-weight             : normal;
    letter-spacing          : 0;
    vertical-align          : middle;

    padding                 : 7px 5px 5px 5px;
    -webkit-padding-before  : 7px;
    -webkit-padding-end     : 5px;
    -webkit-padding-after   : 5px;
    -webkit-padding-start   : 5px;
}

.horiz td {
    border-top              : 1px solid #ededed;
    font-size               : 12px;
    color                   : #666;
    text-align              : left;
    vertical-align          : middle;

    padding                 : 7px 5px 5px 5px;
    -webkit-padding-before  : 7px;
    -webkit-padding-end     : 5px;
    -webkit-padding-after   : 5px;
    -webkit-padding-start   : 5px;
}

.horiz .first th, .horiz .first td {
    border-top-color        : #c3c5c9;
}

.horiz .line th, .horiz .line td {
    border-top-color        : #c3c5c9;
}


.horiz th.ttop {
    padding-top             : 5px;
    padding-bottom          : 4px;
    -webkit-padding-before  : 5px;
    -webkit-padding-after   : 4px;
    vertical-align          : top;
}

.horiz th.tbottom {
    padding-top             : 5px;
    padding-bottom          : 4px;
    -webkit-padding-before  : 5px;
    -webkit-padding-after   : 4px;
    vertical-align          : bottom;
}

.horiz th.tmiddle {
    padding-top             : 5px;
    padding-bottom          : 4px;
    -webkit-padding-before  : 5px;
    -webkit-padding-after   : 4px;
    vertical-align          : middle;
}


.horiz th.relay, .horiz td.relay {
    border-left             : 1px solid #ededed;
}

.horiz th.item_title {
    font-weight             : bold;
    background              : #fff;
}

.horiz td a {
    color                   : #547eec;
    font-size               : 12px;
    letter-spacing          : 0;
}

.horiz td a.txt_point {
    letter-spacing          : 0;
    font-weight             : bold;
}

.horiz td span, .horiz td label {
    margin-left             : 0;
    margin-right            : 5px;
    -webkit-margin-start    : 0;
    -webkit-margin-end      : 5px;
    height                  : 16px;
    line-height             : 20px;
    line-height             : 20px\9;
    font-size               : 12px;
    color                   : #666;
}

.horiz td.tleft   {
    padding-left            : 5px;
    padding-right           : 5px;
    -webkit-padding-start   : 5px;
    -webkit-padding-end     : 5px;
    text-align              : left;
}

.horiz td.tright  {
    padding-left            : 5px;
    padding-right           : 5px;
    -webkit-padding-start   : 5px;
    -webkit-padding-end     : 5px;
    text-align              : right;
}

.horiz td.tcenter {
    padding-left            : 5px;
    padding-right           : 5px;
    -webkit-padding-start   : 5px;
    -webkit-padding-end     : 5px;
    text-align              : center;
}

/* 세로형 테이블 */
.verti {
    width                   : 100%;
    border-top              : 2px solid #333333;
    border-bottom           : 1px solid #c3c5c9;
    text-align              : center;
    margin-top              : 5px;
    -webkit-margin-before   : 5px;
    table-layout            : fixed;
}

.verti th {
    overflow                : hidden;
    font-size               : 12px;
    font-weight             : bold;
    color                   : #666;
    border-bottom           : 1px solid #cfcfcf;
    border-left             : 1px solid #dcdcdc;
    background-color        : #f6f6f6;
    padding                 : 8px 5px 5px 5px;
    -webkit-padding-before  : 8px;
    -webkit-padding-end     : 5px;
    -webkit-padding-after   : 5px;
    -webkit-padding-start   : 5px;
}

.verti th.first {
    border-left             : none;
}

.verti th span {
    display                 : block;
    border-left             : 1px solid #fff;
}

.verti th a {
    font-size               : 11px;
    color                   : #547eec;
}

.verti td {
    color                   : #666;
    border-left             : 1px solid #ececec;
    font-size               : 12px;
    min-height              : 35px;
    line-height             : 130%;
    padding                 : 8px 5px 5px 5px;
    -webkit-padding-before  : 8px;
    -webkit-padding-end     : 5px;
    -webkit-padding-after   : 5px;
    -webkit-padding-start   : 5px;
}

.verti td.first {
    border-left             : none;
}

.verti td.no_list {
    border-left             : none;
    height                  : 100px;
    text-align              : center;
}

.verti td a, .verti td a span, .verti td a strong {
    color                   : #547eec;
}

.verti td span.txt_intercept {
    color                   : #ffa500;
}

.verti td span.txt_leave {
    color                   : #dc143c;
}

.verti td a span.member {
    font-weight             : bold;
    text-decoration         : none;
    color                   : #666;
}

.verti td label {
    margin-right            : 0;
    -webkit-margin-end      : 0;
    height                  : 16px;
    line-height             : 18px;
    line-height             : 20px\9;
    font-size               : 11px;
    color                   : #999;
}

.verti td.tleft   {
    padding-left            : 5px;
    padding-right           : 5px;
    -webkit-padding-start   : 5px;
    -webkit-padding-end     : 5px;
    text-align              : left;
}

.verti td.tright  {
    padding-left            : 5px;
    padding-right           : 5px;
    -webkit-padding-start   : 5px;
    -webkit-padding-end     : 5px;
    text-align              : right;
}

.verti td.tcenter {
    padding-left            : 5px;
    padding-right           : 5px;
    -webkit-padding-start   : 5px;
    -webkit-padding-end     : 5px;
    text-align              : center;
}


.verti .list0 {
}

.verti .list1 {
    background              : #f8f8f8;
}

.verti tr.thover {
    background              : #ececec;
}

.verti tfoot th, .verti tfoot td {
    border-top              : 1px solid #c3c5c9;
}


/* 검색 테이블 */
.search {
    width                   : 100%;
    border-top              : 2px solid #333333;
    border-right            : 1px solid #ededed;
    border-bottom           : 1px solid #c3c5c9;
    border-left             : 1px solid #ededed;
    table-layout            : fixed;
}

.search th {
    border-top              : 1px solid #ededed;
    border-right            : 1px solid #ededed;
    text-align              : center;
    font-size               : 12px;
    font-weight             : normal;
    letter-spacing          : -1px;

    padding                 : 5px 5px 5px 5px;
    -webkit-padding-before  : 5px;
    -webkit-padding-end     : 5px;
    -webkit-padding-after   : 5px;
    -webkit-padding-start   : 5px;
}

.search td {
    border-top              : 1px solid #ededed;
    font-size               : 12px;
    color                   : #666;
    text-align              : left;
    vertical-align          : top;

    padding                 : 5px 5px 5px 5px;
    -webkit-padding-before  : 5px;
    -webkit-padding-end     : 5px;
    -webkit-padding-after   : 5px;
    -webkit-padding-start   : 5px;
}

.search .first th, .search .first td {
    border-top-color        : #c3c5c9;
}

.search .line th, .search .line td {
    border-top-color        : #c3c5c9;
}

.search th.relay {
    border-left             : 1px solid #ededed;
}

.search th.item_title {
    font-weight             : bold;
    background              : #fff;
}

.search td a {
    color                   : #547eec;
    font-size               : 11px;
    letter-spacing          : -1px;
}

.search td a.txt_point {
    letter-spacing          : 0;
    font-weight             : bold;
}

.search td span, .search td label {
    margin-left             : 0;
    margin-right            : 5px;
    -webkit-margin-start    : 0;
    -webkit-margin-end      : 5px;
    height                  : 16px;
    line-height             : 20px;
    line-height             : 20px\9;
    font-size               : 12px;
    color                   : #666;
}


/* 프린트형 테이블 */
.print {
    width                   : 100%;
    border-top              : 1px solid #333;
    border-right            : 1px solid #333;
    border-bottom           : 1px solid #333;
    border-left             : 1px solid #333;
    color                   : #333;
}

.print tr {
    height                  : 28px;
}

.print th {
    border-top              : 1px solid #333;
    border-right            : 1px solid #333;
    text-align              : center;
    color                   : #333;
    font-size               : 12px;
    font-weight             : bold;
    letter-spacing          : 0;
    line-height             : 130%;
    background              : none;

    padding                 : 3px 0 2px 0;
    -webkit-padding-before  : 3px;
    -webkit-padding-end     : 0;
    -webkit-padding-after   : 2px;
    -webkit-padding-start   : 0;
}

.print td {
    border-top              : 1px solid #333;
    border-left             : 1px solid #333;
    font-size               : 12px;
    color                   : #333;
    text-align              : center;
    font-weight             : normal;
    line-height             : 130%;

    padding                 : 3px 0 2px 0;
    -webkit-padding-before  : 3px;
    -webkit-padding-end     : 0;
    -webkit-padding-after   : 2px;
    -webkit-padding-start   : 0;
}

.print .first th, .print .first td {
    border-top-color        : #333;
}

.print .line th, .print .line td {
    border-top-color        : #333;
}

.print th.relay, .print td.relay {
    border-left             : 1px solid #333;
}

.print th.item_title {
    font-weight             : bold;
    background              : #fff;
}

.print td a {
    color                   : #333;
    font-size               : 12px;
    letter-spacing          : 0;
}

.print td a.txt_point {
    letter-spacing          : 0;
    font-weight             : bold;
}

.print td span, .print td label {
    margin-left             : 5px;
    margin-right            : 5px;
    -webkit-margin-start    : 5px;
    -webkit-margin-end      : 5px;
    height                  : 16px;
    line-height             : 20px;
    line-height             : 20px\9;
    font-size               : 12px;
    color                   : #666;
}

.print td.tleft   {
    padding-left            : 5px;
    padding-right           : 5px;
    -webkit-padding-start   : 5px;
    -webkit-padding-end     : 5px;
    text-align              : left;
}

.print td.tright  {
    padding-left            : 5px;
    padding-right           : 5px;
    -webkit-padding-start   : 5px;
    -webkit-padding-end     : 5px;
    text-align              : right;
}

.print td.tcenter {
    padding-left            : 5px;
    padding-right           : 5px;
    -webkit-padding-start   : 5px;
    -webkit-padding-end     : 5px;
    text-align              : center;
}


.none_pl {
    padding-left            : 0 !important;
    -webkit-padding-start   : 0;
}

.none_pr {
    padding-right           : 0 !important;
    -webkit-padding-end     : 0;
}

.none_pt {
    padding-top             : 0 !important;
    -webkit-padding-before  : 0;
}

.none_pb {
    padding-bottom          : 0 !important;
    -webkit-padding-after   : 0;
}


.tleft {
    text-align              : left;
}

.tright {
    text-align              : right;
}

.tcenter {
    text-align              : center;
}

.tunderline {
    text-decoration         : underline;
}

.toverline {
    text-decoration         : overline;
}

.tline-through {
    text-decoration         : line-through;
}


.nolne_top {
    border-top              : none;
}

.nolne_right {
    border-right            : none;
}

.nolne_bottom {
    border-bottom           : none;
}

.nolne_left {
    border-left             : none;
}

.nolne {
    border                  : none;
}


#ip {
    font-size               : 11px;
    color                   : #999999;
}


/**** 달력****/
.year {
    font-size               : 24px;
}

/* button */
.button_area {
    display                 : block;
    height                  : 33px;
    line-height             : 33px;
    text-align              : center;

    margin-top              : 5px !important;
    margin-bottom           : 0;
    -webkit-margin-before   : 5px;
    -webkit-margin-after    : 0;

    padding                 : 0;
    -webkit-padding-before  : 0;
    -webkit-padding-end     : 0;
    -webkit-padding-after   : 0;
    -webkit-padding-start   : 0;
}


.button_area .button_box {
    background-color        : #363d4e;
    color                   : #fff;
    font-weight             : bold;
    border                  : 0;
    cursor                  : pointer;
    overflow                : hidden;
    margin                  : 0;
    -webkit-margin-before   : 0;
    -webkit-margin-end      : 0;
    -webkit-margin-after    : 0;
    -webkit-margin-start    : 0;
    padding                 : 7px 15px 5px 15px;
    -webkit-padding-before  : 5px;
    -webkit-padding-end     : 15px;
    -webkit-padding-after   : 5px;
    -webkit-padding-start   : 15px;
}

.button_area .button_insert {
    background-color        : #4f586d;
}


.button_area .button_box2 {
    width                   : 55px;
    height                  : 25px;
    line-height             : 25px;
    background-color        : #363d4e;
    color                   : #fff;
    font-weight             : bold;
    border                  : 0;
    cursor                  : pointer;
    overflow                : hidden;

    margin                  : 0;
    -webkit-margin-before   : 0;
    -webkit-margin-end      : 0;
    -webkit-margin-after    : 0;
    -webkit-margin-start    : 0;
}

.button_area .button_box3 {
    width                   : 65px;
    height                  : 25px;
    line-height             : 25px;
    background-color        : #363d4e;
    color                   : #fff;
    font-weight             : bold;
    border                  : 0;
    cursor                  : pointer;
    overflow                : hidden;

    margin                  : 0;
    -webkit-margin-before   : 0;
    -webkit-margin-end      : 0;
    -webkit-margin-after    : 0;
    -webkit-margin-start    : 0;
}

.button_area .button_box4 {
    width                   : 75px;
    height                  : 25px;
    line-height             : 25px;
    background-color        : #363d4e;
    color                   : #fff;
    font-weight             : bold;
    border                  : 0;
    cursor                  : pointer;
    overflow                : hidden;

    margin                  : 0;
    -webkit-margin-before   : 0;
    -webkit-margin-end      : 0;
    -webkit-margin-after    : 0;
    -webkit-margin-start    : 0;
}

.button_area .button_box5 {
    width                   : 90px;
    height                  : 25px;
    line-height             : 25px;
    background-color        : #363d4e;
    color                   : #fff;
    font-weight             : bold;
    border                  : 0;
    cursor                  : pointer;
    overflow                : hidden;

    margin                  : 0;
    -webkit-margin-before   : 0;
    -webkit-margin-end      : 0;
    -webkit-margin-after    : 0;
    -webkit-margin-start    : 0;
}


.button_area .no_padding {
    padding-left            : 0 !important;
    padding-right           : 0 !important;
    -webkit-padding-start   : 0;
    -webkit-padding-end     : 0;
}

.btn_ok{
    text-align              : center;
    margin-top              : 10px;
    margin-bottom           : 10px;
    -webkit-margin-before   : 10px;
    -webkit-margin-after    : 10px;
}

.btn_ok2{
    text-align              : center;
    margin-top              : 10px;
    margin-bottom           : 10px;
    -webkit-margin-before   : 10px;
    -webkit-margin-after    : 10px;
}

.btn_both{
    margin                  : 7px 0;
    -webkit-margin-before   : 7px;
    -webkit-margin-end      : 0;
    -webkit-margin-after    : 7px;
    -webkit-margin-start    : 0;
}

.btn_both .fl{
    float                   : left;
}

.btn_both .fr{
    float                   : right;
}

#btnSearch  {
    height                  : 20px;
    line-height             : 22px;
    background-color        : #363d4e;
    color                   : #fff;
    font-weight             : normal;
    font-size               : 9pt;
    border                  : 0;
    cursor                  : pointer;
    overflow                : hidden;

    margin                  : 0;
    -webkit-margin-before   : 0;
    -webkit-margin-end      : 0;
    -webkit-margin-after    : 0;
    -webkit-margin-start    : 0;

    padding                 : 0 5px 0 5px;
    -webkit-padding-before  : 0;
    -webkit-padding-end     : 5px;
    -webkit-padding-after   : 0;
    -webkit-padding-start   : 5px;
}

.list_btn {
    display                 : inline-block;
    text-align              : center;
}

.list_btn .btn_list_view, 
.list_btn .btn_list_modify, 
.list_btn .btn_list_insert, 
.list_btn .btn_list_delete, 
.list_btn .btn_list_login, 
.list_btn .btn_list_button {
    min-width               : 35px;
    height                  : 20px;
    line-height             : 20px;
    background-color        : #ededed;
    border                  : 1px solid #c0c0c0;
    font-size               : 11px;
    color                   : #333;
    text-align              : center;
    cursor                  : pointer;
    font-weight             : normal;
    cursor                  : pointer;

    margin                  : 0;
    -webkit-margin-before   : 0;
    -webkit-margin-end      : 0;
    -webkit-margin-after    : 0;
    -webkit-margin-start    : 0;

    padding                 : 0;
    -webkit-padding-before  : 0;
    -webkit-padding-end     : 0;
    -webkit-padding-after   : 0;
    -webkit-padding-start   : 0;
}


/*
크롬에서 적용되는 css
-webkit-margin-before (margin-top)
-webkit-margin-end    (margin-right)
-webkit-margin-after  (margin-bottom)
-webkit-margin-start  (margin-left)

-webkit-padding-before (padding-top)
-webkit-padding-end    (padding-right)
-webkit-padding-after  (padding-bottom)
-webkit-padding-start  (padding-left)
*/
.list_btn .btn_list_button {
    padding-right           : 2px;
    padding-left            : 2px;
    -webkit-padding-end     : 2px;
    -webkit-padding-start   : 2px;
}


.list_btn .black {
    background-color        : #363d4e;
    border                  : 1px solid #363d4e;
    font-size               : 11px;
    color                   : #ffffff;
}


/* UI Object */
a.btn_big {
    display                 : inline-block;
    background              : url("/Images/bg_btn_default.gif") no-repeat 100% 0;
    font-family             : '나눔고딕',nanumgothic,'돋움',dotum;
    font-size               : 12px;
    color                   : #333;
    line-height             : 26px;
    word-spacing            : -1px;
    text-decoration         : none !important;
    white-space             : nowrap;

    padding-right           : 4px;
    -webkit-padding-end     : 4px;
}

a.btn_big span,a.btn_big strong {
    display                 : block;
    background              : url("/Images/bg_btn_default.gif") no-repeat;

    padding                 : 0 8px 1px 12px;
    -webkit-padding-before  : 0;
    -webkit-padding-end     : 8px;
    -webkit-padding-after   : 1px;
    -webkit-padding-start   : 12px;
}

/* //UI Object */

/* Btn */
a.btn_blue {
    display                 : inline-block;
    background              : url("/Images/bg_btn_blue.gif") no-repeat 100% 0;
    font-family             : '돋움',dotum;
    font-size               : 12px;
    color                   : #fff;
    line-height             : 26px;
    word-spacing            : -1px;
    text-decoration         : none !important;
    white-space             : nowrap;
    width                   : 50px;

    text-align              : center;
    padding-right           : 4px;
    -webkit-padding-end     : 4px;
}

a.btn_big{
    display                 : inline-block;
    background              : url("/Images/bg_btn_default.gif") no-repeat 100% 0;
    font-family             : '나눔고딕',nanumgothic,'돋움',dotum;
    font-size               : 12px;
    color                   : #333;
    line-height             : 26px;
    word-spacing            : -1px;
    text-decoration         : none !important;

    white-space             : nowrap;
    padding-right           : 4px;
    -webkit-padding-end     : 4px;
}

a.btn_big span,a.btn_big strong{
    display                 : block;
    background              : url("/Images/bg_btn_default.gif") no-repeat;
    padding                 : 0 8px 1px 12px;
    -webkit-padding-before  : 0;
    -webkit-padding-end     : 8px;
    -webkit-padding-after   : 1px;
    -webkit-padding-start   : 12px;
}



/*btn_basic*/
a.btn_color{
    display                 : inline-block;
    background              : url("/Images/bg_btn_blue.gif") no-repeat 100% 0;
    color                   : #fff;
    word-spacing            : -1px;
    text-decoration         : none !important;
    white-space             : nowrap;
    line-height             : 19px;

    margin                  : 0 7px;
    -webkit-margin-before   : 0;
    -webkit-margin-end      : 7px;
    -webkit-margin-after    : 0;
    -webkit-margin-start    : 7px;

    padding-right           : 3px;
    -webkit-padding-end     : 3px;
}

a:hover.btn_color{
    color                   : #fff;
}

a.btn_color span,a.btn_color strong{
    display                 : block;
    background              : url("/Images/bg_btn_blue.gif") no-repeat;

    padding                 : 4px 10px 4px 14px;
    -webkit-padding-before  : 4px;
    -webkit-padding-end     : 10px;
    -webkit-padding-after   : 4px;
    -webkit-padding-start   : 14px;
}

a.btn_white{
    display                 : inline-block;
    background              : url("/Images/bg_btn_gray.gif") no-repeat 100% 0;
    color                   : #333;
    word-spacing            : -1px;
    text-decoration         : none !important;
    white-space             : nowrap;
    line-height             : 19px;

    margin                  : 0 7px;
    -webkit-margin-before   : 0;
    -webkit-margin-end      : 7px;
    -webkit-margin-after    : 0;
    -webkit-margin-start    : 7px;

    padding-right           : 3px;
    -webkit-padding-end     : 3px;
}

a.btn_white span,a.btn_white strong{
    display                 : block;
    background              : url("/Images/bg_btn_gray.gif") no-repeat;
    color                   : #555;

    padding                 : 4px 10px 4px 14px;
    -webkit-padding-before  : 4px;
    -webkit-padding-end     : 10px;
    -webkit-padding-after   : 4px;
    -webkit-padding-start   : 14px;
}


a.btn_color2{
    display                 : inline-block;
    background              : url("/Images/bg_btn_blue2.gif") no-repeat 100% 0;
    color                   : #fff;
    word-spacing            : -1px;
    text-decoration         : none !important;
    white-space             : nowrap;
    line-height             : 19px;
    letter-spacing          : -1px;

    margin                  : 0 3px;
    -webkit-margin-before   : 0;
    -webkit-margin-end      : 3px;
    -webkit-margin-after    : 0;
    -webkit-margin-start    : 3px;

    padding-right           : 1px;
    -webkit-padding-end     : 1px;
}

a:hover.btn_color2{
    color                   : #fff;
}

a.btn_color2 span,a.btn_color2 strong{
    display                 : block;
    background              : url("/Images/bg_btn_blue2.gif") no-repeat;

    padding                 : 4px 4px 4px 5px;
    -webkit-padding-before  : 4px;
    -webkit-padding-end     : 4px;
    -webkit-padding-after   : 4px;
    -webkit-padding-start   : 5px;
}

a.btn_white2{
    display                 : inline-block;
    background              : url("/Images/bg_btn_gray2.gif") no-repeat 100% 0;
    color                   : #333;
    word-spacing            : -1px;
    text-decoration         : none !important;
    white-space             : nowrap;
    line-height             : 19px;
    letter-spacing          : -1px;

    margin                  : 0 3px;
    -webkit-margin-before   : 0;
    -webkit-margin-end      : 3px;
    -webkit-margin-after    : 0;
    -webkit-margin-start    : 3px;

    padding-right           : 1px;
    -webkit-padding-end     : 1px;
}

a.btn_white2 span,a.btn_white2 strong{
    display                 : block;
    background              : url("/Images/bg_btn_gray2.gif") no-repeat;
    color                   : #555;

    padding                 : 4px 4px 4px 5px;
    -webkit-padding-before  : 4px;
    -webkit-padding-end     : 4px;
    -webkit-padding-after   : 4px;
    -webkit-padding-start   : 5px;
}


a.btn_navy{
    display                 : inline-block;
    background              : url("/Images/bg_btn_navy.gif") no-repeat 100% 0;
    line-height             : 26px;
    color                   : #fff;
    text-decoration         : none !important;
    white-space             : nowrap;
    word-spacing            : -1px;

    padding-right           : 4px;
    -webkit-padding-end     : 4px;
}

a.btn_navy span,a.btn_navy strong{
    display                 : block;
    background              : url("/Images/bg_btn_navy.gif") no-repeat;

    padding                 : 0 8px 1px 12px;
    -webkit-padding-before  : 0;
    -webkit-padding-end     : 8px;
    -webkit-padding-after   : 1px;
    -webkit-padding-start   : 12px;
}

a.btn_green {
    font-size               : 12px;
    display                 : inline-block;
    background              : url("/Images/bg_btn_green.gif") no-repeat 100% 0;
    line-height             : 26px;
    color                   : #fff;
    text-decoration         : none !important;
    white-space             : nowrap;
    word-spacing            : -1px
    padding-right           : 4px;
    -webkit-padding-end     : 4px;
}

a.btn_green span,a.btn_green strong{
    display                 : block;
    background              : url("/Images/bg_btn_green.gif") no-repeat;

    padding                 : 0 8px 1px 12px;
    -webkit-padding-before  : 0;
    -webkit-padding-end     : 8px;
    -webkit-padding-after   : 1px;
    -webkit-padding-start   : 12px;
}

a.btn_gray{
    display                 : inline-block;
    background              : url("/Images/bg_btn_gray.gif") no-repeat 100% 0;
    line-height             : 26px;
    color                   : #333;
    text-decoration         : none !important;
    white-space             : nowrap;
    word-spacing            : -1px;

    padding-right           : 4px;
    -webkit-padding-end     : 4px;
}

a.btn_gray span,a.btn_gray strong{
    display                 : block;
    background              : url("/Images/bg_btn_gray.gif") no-repeat;

    padding                 : 0 8px 1px 12px;
    -webkit-padding-before  : 0;
    -webkit-padding-end     : 8px;
    -webkit-padding-after   : 1px;
    -webkit-padding-start   : 12px;
}

a.btn_big{
    display                 : inline-block;
    background              : url("/Images/bg_btn_default.gif") no-repeat 100% 0;
    font-family             : 'dotum';
    font-size               : 12px;
    color                   : #444;
    line-height             : 26px;
    word-spacing            : -1px;
    text-decoration         : none !important;
    white-space             : nowrap;

    padding-right           : 4px;
    -webkit-padding-end     : 4px;
}

a.btn_big span, a.btn_big strong{
    display                 : block;
    background              : url("/Images/bg_btn_default.gif") no-repeat;

    padding                 : 1px 8px 0 12px;
    -webkit-padding-before  : 1px;
    -webkit-padding-end     : 8px;
    -webkit-padding-after   : 0;
    -webkit-padding-start   : 12px;
}


/*
a.btn_sml {
    display                 : inline-block;
    padding                 : 0;
    margin                  : 0;
    background              : url(./Images/bg_btn_default.gif") no-repeat 100% -27px;
    letter-spacing          : -1px;
    word-spacing            : -1px;
    text-decoration         : none !important;
    white-space             : nowrap;
}

a.btn_sml span,a.btn_sml strong {
    height                  : 21px;
    display                 : block;
    padding                 : 1px 4px 0 10px;
    background              : url(./Images/bg_btn_default.gif") no-repeat 0 -27px;
    font-family             : 'dotum';
    color                   : #444;
    font-size               : 11px;
    line-height             : 22px;
    overflow                : hidden;
    cursor                  : pointer;
}

*/
a.btn_sml {
    display                 : inline-block;
    min-height              : 20px;
    line-height             : 20px;
    vertical-align          : middle;
    letter-spacing          : -1px;
    word-spacing            : -1px;
    text-decoration         : none !important;
    text-align              : center;
    background-color        : #fff;
    border                  : 1px solid #ccc;
    color                   : #333333 !important;
    font-size               : 8pt;

    padding                 : 0 5px;
    -webkit-padding-before  : 0;
    -webkit-padding-end     : 5px;
    -webkit-padding-after   : 0;
    -webkit-padding-start   : 5px;
}

a.black {
    background-color        : #363d4e;
    border                  : 1px solid #363d4e;
    color                   : #ffffff !important;
}

a.btn_sgreen{
    display                 : inline-block;
    background              : url("/Images/bg_btn_green.gif") no-repeat 100% -27px;
    font-family             : 'dotum';
    font-size               : 11px;
    color                   : #fff;
    line-height             : 21px;
    letter-spacing          : -1px;
    word-spacing            : -1px;
    text-decoration         : none !important;
    white-space             : nowrap;

    padding-right           : 4px;
    -webkit-padding-end     : 4px;
}

a.btn_sgreen span,a.btn_sgreens strong{
    display                 : block;
    background              : url("/Images/bg_btn_green.gif") no-repeat 0 -27px;

    padding                 : 1px 4px 0 8px;
    -webkit-padding-before  : 1px;
    -webkit-padding-end     : 4px;
    -webkit-padding-after   : 0;
    -webkit-padding-start   : 8px;
}


a.btn_zip {
    display                 : inline-block;
    width                   : 72px;
    height                  : 20px;
    line-height             : 20px;
    background              : url("/Images/btn_zip.gif") no-repeat 100% 0;
    border                  : 0;
    text-indent             : -9000px;
    text-decoration         : none !important;
    vertical-align          : middle;

    margin                  : 0;
    -webkit-margin-before   : 0;
    -webkit-margin-end      : 0;
    -webkit-margin-after    : 0;
    -webkit-margin-start    : 0;
}

.inputbox {
    height                  : 20px;
    border-top              : 1px solid #9a9a9a;
    border-right            : 1px solid #d8d8d8;
    border-bottom           : 1px solid #d8d8d8;
    border-left             : 1px solid #9a9a9a;
    font-size               : 12px;
    color                   : #666;
    padding                 : 3px 2px 1px 2px;
    -webkit-padding-before  : 3px;
    -webkit-padding-end     : 2px;
    -webkit-padding-after   : 1px;
    -webkit-padding-start   : 2px;
}


.inputbox_focus {
    height                  : 20px;
    border                  : 2px solid #2d85f2;
    padding                 : 2px 1px 0 1px;
    -webkit-padding-before  : 2px;
    -webkit-padding-end     : 1px;
    -webkit-padding-after   : 0;
    -webkit-padding-start   : 1px;
}

/* .inputfile {
    height                  : 20px;
    margin                  : 0;
    padding                 : 3px 2px 1px 2px;
    border-top              : 1px solid #9a9a9a;
    border-right            : 1px solid #d8d8d8;
    border-bottom           : 1px solid #d8d8d8;
    border-left             : 1px solid #9a9a9a;
    font-size               : 12px;
    color                   : #666;
}
*/
.inputfile {
    height                  : 20px !important;
}

.checkbox {
    vertical-align          : middle;
}

.radio {
    vertical-align          : middle;

    margin                  : 0;
    -webkit-margin-before   : 0;
    -webkit-margin-end      : 0;
    -webkit-margin-after    : 0;
    -webkit-margin-start    : 0;

    padding                 : 0;
    -webkit-padding-before  : 0;
    -webkit-padding-end     : 0;
    -webkit-padding-after   : 0;
    -webkit-padding-start   : 0;
}

.textbox {
    border-top              : 1px solid #9a9a9a;
    border-right            : 1px solid #d8d8d8;
    border-bottom           : 1px solid #d8d8d8;
    border-left             : 1px solid #9a9a9a;
    font-size               : 12px;
    color                   : #666;
    vertical-align          : middle;
    line-height             : 18px;

    padding                 : 3px 2px 1px 2px;
    -webkit-padding-before  : 3px;
    -webkit-padding-end     : 2px;
    -webkit-padding-after   : 1px;
    -webkit-padding-start   : 2px;
}

.textbox_focus {
    border                  : 2px solid #2d85f2;
    padding                 : 2px 1px 0 1px;
    -webkit-padding-before  : 2px;
    -webkit-padding-end     : 1px;
    -webkit-padding-after   : 0;
    -webkit-padding-start   : 1px;
}

/*
select {
    font-family             : '돋움',Dotum,'나눔고딕',NanumGothic,'NanumGothicWeb',AppleGothic,sans-serif;
}

select option {
    padding                 : 2px;
}
*/
.selectbox_focus {
    border-top-width        : 2px; \0/IE10;
    border-top-style        : solid; \0/IE10;
    border-top-color        : #2d85f2; \0/IE10;
    border-right-width      : 2px; \0/IE10;
    border-right-style      : solid; \0/IE10;
    border-right-color      : #2d85f2; \0/IE10;
    border-bottom-width     : 2px; \0/IE10;
    border-bottom-style     : solid; \0/IE10;
    border-bottom-color     : #2d85f2; \0/IE10;
    border-left-width       : 2px; \0/IE10;
    border-left-style       : solid; \0/IE10;
    border-left-color       : #2d85f2; \0/IE10;
}


.selectbox {
    border-top-width        : 1px; \0/IE10;
    border-top-style        : solid; \0/IE10;
    border-top-color        : #9a9a9a; \0/IE10;
    border-right-width      : 1px; \0/IE10;
    border-right-style      : solid; \0/IE10;
    border-right-color      : #d8d8d8; \0/IE10;
    border-bottom-width     : 1px; \0/IE10;
    border-bottom-style     : solid; \0/IE10;
    border-bottom-color     : #d8d8d8; \0/IE10;
    border-left-width       : 1px; \0/IE10;
    border-left-style       : solid; \0/IE10;
    border-left-color       : #9a9a9a; \0/IE10;
    min-height              : 20px; \0/IE10;

    /*	
    line-height             : 20px;
    \0/IE10;
    */
    color                   : #666666;
    /*	-webkit-appearance: none;
    */ /* 네이티브 외형 감추기 */
    -moz-appearance         : none;
    appearance              : none;
}

/*
select {
    height                  : 20px;
    font-size               : 12px;
    color                   : #666;
}

.selectbox {
    border-top              : 1px solid #9a9a9a;
    border-right            : 1px solid #d8d8d8;
    border-bottom           : 1px solid #d8d8d8;
    border-left             : 1px solid #9a9a9a;
    height                  : 20px;
}

.selectbox_focus {
    border                  : 2px solid #2d85f2;
    height                  : 20px;
}

*/
/* Admin Paging */
div.ad_page {
    text-align              : center;
    margin-top              : 10px;
    -webkit-margin-before   : 10px;
}

div.btn_area {
    text-align              : center;
    margin-top              : 15px;
    -webkit-margin-before   : 15px;
}

div.btn_area .btn_list,
div.btn_area .btn_submit,
div.btn_area .btn_delete,
div.btn_area .btn_copy,s
div.btn_area .btn_back,
div.btn_area .btn_close,
div.btn_area .btn_modify,
div.btn_area .btn_insert,
div.btn_area .btn_save,
div.btn_area .btn_print,
div.btn_area #button1 {
    width                   : 44px;
    height                  : 33px;
    border                  : none;
    background              : url('/Images/bg_button1.gif') no-repeat;
    overflow                : hidden;
    color                   : #333333;
    font-family             : dotum, 돋움;
    font-weight             : bold;

    text-align              : center;
    vertical-align          : top;
    letter-spacing          : -1px;
    font-size               : 12px;
    padding-top             : 1px;
    -webkit-padding-before  : 1px;
    cursor                  : pointer;
}

div.btn_area #button2 {
    width                   : 80px;
    height                  : 33px;
    border                  : none;
    background              : url('/Images/bg_button2.gif') no-repeat;
    overflow                : hidden;
    color                   : #333333;
    font-family             : dotum, 돋움;
    font-weight             : bold;

    text-align              : center;
    vertical-align          : top;
    letter-spacing          : -1px;
    font-size               : 12px;
    padding-top             : 1px;
    -webkit-padding-before  : 1px;
    cursor                  : pointer;
}


div.btn_area #button3 {
    width                   : 100px;
    height                  : 33px;
    border                  : none;
    background              : url('/Images/bg_button3.gif') no-repeat;
    overflow                : hidden;
    color                   : #333333;
    font-family             : dotum, 돋움;
    font-weight             : bold;

    text-align              : center;
    vertical-align          : top;
    letter-spacing          : -1px;
    font-size               : 12px;
    padding-top             : 1px;
    -webkit-padding-before  : 1px;
    cursor                  : pointer;
}


div.btn_area a {
    display                 : inline-block;
    background              : url("/Images/bg_button.gif") no-repeat 100% 0;
    letter-spacing          : 0;
    word-spacing            : 0;
    white-space             : nowrap;

    padding                 : 0 10px 0 0;
    -webkit-padding-before  : 0;
    -webkit-padding-end     : 10px;
    -webkit-padding-after   : 0;
    -webkit-padding-start   : 0;
}

div.btn_area span, div.btn_area strong{
    height                  : 33px;
    display                 : inline-block;
    background              : url("/Images/bg_button.gif") no-repeat 0 0;
    font-family             : dotum, 돋움;
    color                   : #333;
    font-weight             : bold;
    font-size               : 12px;
    line-height             : 33px;
    cursor                  : pointer;

    padding                 : 0 0 0 10px;
    -webkit-padding-before  : 0;
    -webkit-padding-end     : 0;
    -webkit-padding-after   : 0;
    -webkit-padding-start   : 10px;
}


.btn_area25 a {
    height                  : 25px;
    overflow                : hidden;
    display                 : inline-block;
    background              : url("/Images/bg_button.gif") no-repeat 100% -33px;
    letter-spacing          : 0;
    word-spacing            : 0;
    white-space             : nowrap;

    padding                 : 0 10px 0 0;
    -webkit-padding-before  : 0;
    -webkit-padding-end     : 10px;
    -webkit-padding-after   : 0;
    -webkit-padding-start   : 0;
}

.btn_area25 span, .btn_area25 strong{
    height                  : 25px;
    display                 : inline-block;
    background              : url("/Images/bg_button.gif") no-repeat 0 -33px;
    font-family             : dotum, 돋움;
    color                   : #666;
    font-weight             : bold;
    font-size               : 12px;
    line-height             : 25px;
    cursor                  : pointer;
    overflow                : hidden;
    letter-spacing          : -1px;

    padding                 : 0 0 0 10px;
    -webkit-padding-before  : 0;
    -webkit-padding-end     : 0;
    -webkit-padding-after   : 0;
    -webkit-padding-start   : 10px;
}


div.btn_area20 a {
    display                 : inline-block;
    background              : url("/Images/bg_button.gif") no-repeat 100% -58px;
    letter-spacing          : 0;
    word-spacing            : 0;
    white-space             : nowrap;

    padding                 : 0 10px 0 0;
    -webkit-padding-before  : 0;
    -webkit-padding-end     : 10px;
    -webkit-padding-after   : 0;
    -webkit-padding-start   : 0;
}

div.btn_area20 span, div.btn_area20 strong{
    height                  : 20px;
    display                 : inline-block;
    background              : url("/Images/bg_button.gif") no-repeat 0 -58px;
    font-family             : dotum, 돋움;
    color                   : #333;
    font-weight             : normal;
    font-size               : 11px;
    line-height             : 23px;
    cursor                  : pointer;
    overflow                : hidden;
    letter-spacing          : -1px;

    padding                 : 0 0 0 10px;
    -webkit-padding-before  : 0;
    -webkit-padding-end     : 0;
    -webkit-padding-after   : 0;
    -webkit-padding-start   : 10px;
}


a.btn_button25 {
    display                 : inline-block;
    background              : url("/Images/bg_button.gif") no-repeat 100% -33px;
    letter-spacing          : 0;
    word-spacing            : 0;
    white-space             : nowrap;

    padding                 : 0 10px 0 0;
    -webkit-padding-before  : 0;
    -webkit-padding-end     : 10px;
    -webkit-padding-after   : 0;
    -webkit-padding-start   : 0;
}

a.btn_button25 span, a.btn_button25 strong{
    height                  : 25px;
    display                 : inline-block;
    background              : url("/Images/bg_button.gif") no-repeat 0 -33px;
    font-family             : dotum, 돋움;
    color                   : #666;
    font-weight             : bold;
    font-size               : 12px;
    line-height             : 25px;
    cursor                  : pointer;
    overflow                : hidden;
    letter-spacing          : -1px;

    padding                 : 0 0 0 10px;
    -webkit-padding-before  : 0;
    -webkit-padding-end     : 0;
    -webkit-padding-after   : 0;
    -webkit-padding-start   : 10px;
}


a.btn_button20 {
    display                 : inline-block;
    background              : url("/Images/bg_button.gif") no-repeat 100% -58px;
    letter-spacing          : 0;
    word-spacing            : 0;
    white-space             : nowrap;

    padding                 : 0 10px 0 0;
    -webkit-padding-before  : 0;
    -webkit-padding-end     : 10px;
    -webkit-padding-after   : 0;
    -webkit-padding-start   : 0;
}

a.btn_button20 span, a.btn_button20 strong{
    height                  : 20px;
    display                 : inline-block;
    background              : url("/Images/bg_button.gif") no-repeat 0 -58px;
    font-family             : dotum, 돋움;
    color                   : #333;
    font-weight             : normal;
    font-size               : 11px;
    line-height             : 22px;
    cursor                  : pointer;
    overflow                : hidden;
    letter-spacing          : -1px;

    padding                 : 0 0 0 10px;
    -webkit-padding-before  : 0;
    -webkit-padding-end     : 0;
    -webkit-padding-after   : 0;
    -webkit-padding-start   : 10px;
}

.form_head {
    height                  : 30px;
}

.form_head .title {
    float                   : left;
    line-height             : 25px;
    font-size               : 11pt;
    font-weight             : bold;
    letter-spacing          : -1px;
    background              : url("/Images/icon_circle.gif") no-repeat left center;

    padding-left            : 15px;
    -webkit-padding-start   : 15px;
}

.form_head .button {
    float                   : right;
    line-height             : 25px;
    vertical-align          : middle;
}

span.msg {
    font-size               : 9pt;
    color                   : #999;
}

span.red {
    color                   : #ff3300 !important;
}

.disabled {
    background-color        : #efefef;
}

.loading {
    background              : url("/Images/icon_fading_64x64.gif") 50% 50% no-repeat;
}


/* 강제로 페이지 바꿈 */
.breakhere {
    page-break-before:always;
}

@media print {
    .btn_area, .prn_none {
        display                 : none;
    }
}
