@CHARSET "UTF-8";
/*@font-face { font-family: nanum; src: url(/_resources/fonts/NanumGothic.eot); }*/
/*@font-face { font-family: nanum; src: url(/_resources/fonts/NanumGothic.ttf); }*/


body, table, td, div, span, input, textarea, ul, li, a {
    font-size: 12px; color: #414141;
    font-family: Arial, Helvetica, sans-serif 돋움 ;
}

a {
    text-decoration: none;
}

/*
 * 네이버 나눔고딕 웹폰트 적용
 */
/*.nanumGothic {
    font-family : nanum;
    font-size: 14px;
}
*/
.normalFont {
    font-family: Arial, Helvetica, sans-serif 돋움 ;
    font-size: 12px;
}

/*
 * Dom에 적용될 기본적인 스타일
 */
img { border-style: none; }

button.image {
    background-color: transparent; border-style: none; padding: 0px; cursor: pointer;
    width: auto;
}
button.big { width: 150px; }
.ui-commandbar {
    text-align: right; padding-top: 30px;
}
.ui-commandbar button {
    margin-left: 5px;
}
.ui-list-paging {
    text-align: center; padding: 20px 10px;
}

/* 로고 */
#logo-area { }


/* 로그인,회원가입.. */
#submenus { margin: 0px; padding: 0px; }
#submenus li { list-style: none; padding: 0px; margin: 0px; display: inline; margin-left: 5px; }


/* 카테고리 적용 */
#category-container {
    margin: 0px; padding: 0px; list-style: none;
    border-left: 1px solid #e6e6e6; border-right: 1px solid #e6e6e6;
}
#category-container li {
    margin: 0px; padding: 0px; padding: 5px 10px; border-bottom: 1px solid #e6e6e6;
}
#category-container li a:link, #category-container li a:visited {
    text-decoration: none;
}
.left-banner { margin-top: 1px; }



/*
 * 서브 상단 공통 영역
 */
#common-sub-container {
    text-align: left; height: 46px;
}
#thememenus {
    display: none; position: absolute; width: 548px; background-color: #e7fbd1;
    border-top: 4px solid #86cc3a; border-right: 1px solid #86cc3a; border-bottom: 1px solid #86cc3a; border-left: 1px solid #86cc3a;
}
#thememenus ol {
    margin-top: 20px; margin-right: 10px;
}
#thememenus ol li {
    font-size: 130%; padding: 5px 0px; border-bottom: 1px dotted #999;
}


/* 문서 제목 공통 */
#location {
    width: 720px; height: 33px; text-align: left; border-bottom: 1px solid #DFDFDF;
}
#location h2 {
    margin-bottom: 0px; background: url(/_resources/images/common/sub/bullet.png) 2% 50% no-repeat; padding-left: 40px;   
}

#container-content-body-main {
    width: 720px; padding: 10px 0px 0px 20px; text-align: left !important;
}




/*
 * jquery UI Override
 */
/* Dialog
----------------------------------*/
.ui-dialog { position: absolute; padding: .2em; width: 300px; overflow: hidden; }
.ui-dialog .ui-dialog-titlebar { padding: .3em 1em .3em; position: relative; background: none !important; border-style: none;  }
.ui-dialog .ui-dialog-title { float: left; margin: .1em 16px .2em 0; } 
.ui-dialog .ui-dialog-titlebar-close { position: absolute; right: .3em; top: 50%; width: 19px; margin: -10px 0 0 0; padding: 1px; height: 18px; }
.ui-dialog .ui-dialog-titlebar-close span { display: block; margin: 1px; }
.ui-dialog .ui-dialog-titlebar-close:hover, .ui-dialog .ui-dialog-titlebar-close:focus { padding: 0; }
.ui-dialog .ui-dialog-content { border: 0; padding: .5em 1em; background: none; overflow: auto; zoom: 1; }
.ui-dialog .ui-dialog-buttonpane { text-align: left; border-width: 1px 0 0 0; background-image: none; margin: .5em 0 0 0; padding: .3em 1em .5em .4em; }
.ui-dialog .ui-dialog-buttonpane button { float: right; margin: .5em .4em .5em 0; cursor: pointer; padding: .2em .6em .3em .6em; line-height: 1.4em; width:auto; overflow:visible; }
.ui-dialog .ui-resizable-se { width: 14px; height: 14px; right: 3px; bottom: 3px; }
.ui-draggable .ui-dialog-titlebar { cursor: move; }
