/* ========================================================================== */
/* 1.À§Ä¡,ÇüÅÂ  (display | float | position | top | left)                     */
/* 2.Å©±â       (width | height)                                              */
/* 3.Á¤·Ä       (text-align | vertical-align)                                 */
/* 4.¿©¹é       (margin | padding)                                            */
/* 5.±âÅ¸       (overflow | table-layout | list-style)                        */
/* 6.ÅØ½ºÆ®     (font | line-height | word-spacing | white-space | color)     */
/* 7.¹è°æ       (background)                                                  */
/* 8.º¸´õ       (border)                                                      */
/* ========================================================================== */


/* ========================================================================== */
/* ÅÂ±× ÀçÁ¤ÀÇ                                                                */
/* ========================================================================== */
html, body {
    width   : 100%;
    height  : 100%;
    margin  : 0px;
    padding : 0px;
}

form {
    margin : 0px;
}

img {
    border-width : 0px;
}


/* ========================================================================== */
/* ÆùÆ® Á¤ÀÇ                                                                  */
/* ========================================================================== */
body, table {
    font  : normal 12px dotum;
    color : #686868;
}

input, select, textarea {
    font  : normal 12px dotum;
    color : #232323;
}


/* ========================================================================== */
/* ¸µÅ© Á¤ÀÇ                                                                  */
/* ========================================================================== */
a {
    color           : #686868;
    text-decoration : none;
}

a:hover {
    color           : #000000;
    text-decoration : underline;
}


/* ========================================================================== */
/* ºñÇìºñ¾î Á¤ÀÇ                                                              */
/* ========================================================================== */
label {
    cursor   : pointer;
    behavior : url(/common/htc/label.htc);
}


/* ========================================================================== */
/* »ç¿ëÀÚ Å¬·¡½º Á¤ÀÇ                                                         */
/* ========================================================================== */
/* ¿©¹é - ÓÞ */
.vsl {
    height    : 20px;
    font-size :  0px;
}

/* ¿©¹é - ñé */
.vsm {
    height    : 10px;
    font-size :  0px;
}

/* ¿©¹é - á³ */
.vss {
    height    : 5px;
    font-size : 0px;
}

/* ÅØ½ºÆ®¹Ú½º 1 */
.txtbox1 {
    height      : 20px;
    padding-top : 4px;
    border      : 1px solid #7F9DB9;
}

/* ÅØ½ºÆ®¹Ú½º ÀÐ±âÀü¿ë */
.txtboxr {
    height      : 20px;
    padding-top : 4px;
    background  : #F0F0F0;
    border      : 1px solid #7F9DB9;
}

/* ¼¿·ºÆ®¹Ú½º 1 */
.sltbox1 {
    background : #FFFFFF;
}

/* ¼¿·ºÆ®¹Ú½º ÀÐ±âÀü¿ë */
.sltboxr {
    background : #F0F0F0;
}

/* ÀÌ¹ÌÁö¹öÆ° 1 */
.imgbtn1 {
    cursor : pointer;
}


/*  ¿©¹é    */
.p5   {padding:         5px;}
.p10  {padding:        10px;}
.pl5  {padding-left:    5px;}
.pl10 {padding-left:   10px;}
.pr5  {padding-right:   5px;}
.pr10 {padding-right:  10px;}
.pt5  {padding-top:     5px;}
.pt10 {padding-top:    10px;}
.pb5  {padding-bottom:  5px;}
.pb10 {padding-bottom: 10px;}

.m5   {margin:         5px;}
.m10  {margin:        10px;}
.ml5  {margin-left:    5px;}
.ml10 {margin-left:   10px;}
.mr5  {margin-right:   5px;}
.mr10 {margin-right:  10px;}
.mt5  {margin-top:     5px;}
.mt10 {margin-top:    10px;}
.mb5  {margin-bottom:  5px;}
.mb10 {margin-bottom: 10px;}


.p1   {padding:        2px;}
.pr2  {padding-right:  2px;}
.mb2  {margin-bottom:  2px;}
.pt30 {padding-top:    30px;}

#popWrap {height:auto; overflow:hidden; width:100%}

#popWrap #popHead {clear:both; height:55px; padding:15px 0 10px 10px; background-color:#000; font-weight:bold; overflow:hidden;}
#popWrap #popHead h1 {position:inherit; float:left; color:#ffffff; font-size:20px; font-family:'NanumGothic';}
#popWrap #popHead p {float:right;}
#popWrap #popCont {clear:both; height:auto; padding:10px;}
#popWrap #popCont h2 {margin-bottom:10px; color:#000; font-size:14px;}


.rightMarginS{margin-right: 5px; }
.rightMarginM{margin-right: 10px; }
.rightMarginL{margin-right: 220px; }