/* General HTML Structure
---------------------------------------------------*/
* {
    padding: 0;
    margin: 0;
}

html, body {
    font-family: Meiryo UI, Verdana, 'Malgun Gothic', Gulim, Geneva, sans-serif; /* 영문과 숫자는 Verdana로 한글은 맑은 고딕으로 표시 */
    _font-family: Meiryo UI,'Malgun Gothic', Verdana, Gulim, Verdana, Geneva, sans-serif; /* IE7 이전 버전을 위한 핵 */
    font-size: 12px;
    color: #333333;
}

/* 기본 링크
---------------------------------------------------*/

a:link {
    color: #333;
    text-decoration: none;
}

a:visited {
    color: #333;
    text-decoration: none;
}

a:hover {
    color: #fea300;
    text-decoration: none;
}

a:active {
    color: #fea300;
    text-decoration: none;
}

/* DIV Frame
---------------------------------------------------*/
#wrapper {
    width: 100%;
    min-width: 960px;
    position: relative;
    min-height: 100%;
}

#header {
    color: #333;
    width: 100%;
    height: 113px;
    background-color: #FFF;
    border-bottom: 5px solid #005dab; /* 메뉴 하단 라인 */
    text-align: center;
}

#gnb {
    width: 960px;
    margin: 0 auto;
}

#gnb strong {
    float: left;
}

#mainlogo {
    float: left;
    margin-top: 28px;
    margin-right: 30px;
    /*
    float: left;
    margin: 20px auto 0 50px;
    margin-left: 0px;
    text-align: center;*/
}

#mainlogo a {
    width: 345px;
    height: 72px;
}

#infologout {
    float: right;
    background-color: #ebf5fe;
    max-width: 400px;
    min-width: 300px;
    border-bottom-left-radius: 7px;
    -moz-border-bottom-left-radius: 7px;
    border-bottom-right-radius: 7px;
    -moz-border-bottom-right-radius: 7px;
    padding: 10px;
}

#infologout div {
    float: right;
    margin-right: 10px;
}
#quannlogo {
    float: right;
    /* margin-top: -40px; */
    margin: -30px 10px 0px 0px;
}

#topmenu {
    position: absolute;
    /*overflow: scroll;*/
    top: 0px;
    float: right;
    margin-left: -50px;
    width: 680px;
    min-height: 10px;
    /*margin-right:-215px;
    margin-left:10px;*/
}

#contentsframe {
    /* 상단 페이지 설명이 전체 가로 폭을 차지하게  */
    width: 100%;
    /*margin-bottom: 10px;*/
}

#contentsframe .licenseCount {
    float: right;
    margin: 4px 10px 5px;
    padding: 0;
}

#contentsframe .licenseCount dt {
    float: left;
}

#contentsframe .licenseCount dd {
    float: left;
    margin: 0 0 0 5px;
    font-weight: 700;
    color: #FEA300
}

#contents {
    /* float: left;
     color: #333;
     margin: 0 0 0 50px;
     padding: 10px 0 0 0;
     width: 1060px; /* 100% 주면 컨텐츠 없어도 가로 스크롤이 생겨버린다 */
    /*display: inline;
    position: reflative;*/

    width: 80%;
    margin: 0 auto;
    padding: 0 50px 0 50px ;
    padding-bottom: 27px;
}

#contentsframe .statusContents,
#contentsframe .supportContents,
#contentsframe .userContents {
    margin-top: 20px;
}

#footer {
    background: url(/assets/images/bt_footer.gif) repeat-x;
    position:fixed;
    height: 27px;
    left: 0;
    right: 0;
    bottom: 0;
}

#footer .container {
    width: 960px;
    margin: auto;
}

#footer .ci {
    float: left;
}

#footer .copyright {
    font-family: Meiryo UI, "돋움";
    font-size: 11px;
    float: right;
    margin: 9px 0px 0px 0px;
    color: #666;
}

#caption {
    /* 상단 페이지 설명  */
    width: auto;
    height: 30px;
    line-height: 30px; /* text 세로 중앙 정렬  */
    padding: 0px 0px 0px 0px;
    font-size: 12px;
    color: #333333;
}

.clear {
    clear: both;
    background: none;
}

.roundrectbox {
    position: relative;
    padding: 15px;
    border: 1px solid #e6f3ff;
    border-radius: 10px;
    font-size: 100%;
    color: #333333;
    background-color: #f3f6fa;
    float: left;
    left: 10%;
    clear: both;
    width: auto;
    display: none;
}


.roundrectbox table {
    border: 1px solid #b1c0d6;
    border-collapse: collapse;
}

.roundrectbox tr {
    height: auto;
}

/*.roundrectbox td {
    padding: 5px;
    border: 1px solid #b1c0d6;
}*/
.roundrectbox td.item {
    background-color: #f5faff;
}

.roundrectbox td.value {
    background-color: #fff;
    color: #005dab;
}

.div_right {
    position: relative;
    padding: 0px 0px 30px 0px;
    font-size: 100%;
    color: #FFFFFF;
    float: left;
    clear: both;
    display: none;
}

.listtable {
    /* 리스트에 사용되는 테이블 헤더  */
    clear: both;
    position: relative;
    top: 5px;
    margin: 0;
    padding: 1px 0 0 0;
    width: auto;
    height: auto;
    border-top: 2px solid #005dab;
    border-bottom: 1px solid #005dab;
}

.listtable table {
    /* white-space: nowrap;   자동 줄바꿈 방지 */
    position: relative;
    top: 0;
    margin: 0;
    border-collapse: collapse;
    table-layout:fixed;

}

.listtable tr {

}

.listtable th {
    font-size: 12px;
    color: #005DAB;
    height: 27px;
    /*text-align: left;*/
    border-bottom: 1px solid #b1c0d6;
    padding: 0 5px 0 5px;
    background-color: #f5faff;
}

.listtable td {
    text-align: center;
    font-size: 12px;
    height: 24px;
    border-top: 1px solid #b1c0d6;
    padding: 2px 10px 2px 10px;
    background-color: #fff;


}

.div_right {
    float: right;
    right: 50%;
}

.pagenum {
    font-weight: bold;
}

/*#wrapper #contentsframe #contents .loading {
    position: fixed;
    top: 10%;
    left: 50%;
    padding: 20px 26px;
    background-color: #fff;
    border: 1px solid #ccc;
    border-radius: 5px;
    margin-top: -21px;
    margin-left: -21px;
}*/
/* HTML Default Tag
---------------------------------------------------------------------------------------
---------------------------------------------------------------------------------------*/

h1 {
    clear: both;
    font-size: 20px;
    color: #005dab;
    margin: 0px;
    margin-bottom: 10px;
    float: left;
}

h2 {
    font-size: 16px;
    color: #005dab;
    margin: 0px;
}

#contents h3 {
    color: #005dab;
    position: relative;
    float: left;
    left: 10%;
    margin-right: 10px;
    clear: both;
}

#contents .select {
    position: relative;
    float: left;
    left: 10%;
    margin-bottom: 10px;
}

img {
    border: none;
}

input.hidden {
}

/*
input[type="text"] {
    font-family: Verdana, 'Malgun Gothic', Gulim, Geneva, sans-serif;  /* 영문과 숫자는 Verdana로 한글은 맑은 고딕으로 표시 */
/* _font-family: 'Malgun Gothic', Verdana, Gulim, Verdana, Geneva, sans-serif;	  /*  IE7 이전 버전을 위한 핵 */
/*   height: 22px;
   line-height:22px;
   vertical-align: middle;		/* IE에서는 line-heihgt와 같이 설정해 주어야 세로 중앙정렬이 적용된다. */
/* font-size: 13px;
 color:#005dab;
 border: 1px solid #b1c0d6;
 background-color: #fff;
}
input[type="password"] {
 font-family: Verdana, 'Malgun Gothic', Gulim, Geneva, sans-serif;  /* 영문과 숫자는 Verdana로 한글은 맑은 고딕으로 표시 */
/*_font-family: 'Malgun Gothic', Verdana, Gulim, Verdana, Geneva, sans-serif;	 /* IE7 이전 버전을 위한 핵 */
/*height: 22px;
font-size: 13px;
color:#005dab;
border: 1px solid #b1c0d6;
background-color: #fff;
}*/
input[type="button"] {
    font-family: Meiryo UI, Verdana, 'Malgun Gothic', Gulim, Geneva, sans-serif; /* 영문과 숫자는 Verdana로 한글은 맑은 고딕으로 표시 */
    _font-family: Meiryo UI, 'Malgun Gothic', Verdana, Gulim, Verdana, Geneva, sans-serif; /* IE7 이전 버전을 위한 핵 */
    height: 22px;
    font-size: 13px;
    color: #005dab;
    border: 1px solid #b1c0d6;
    background-color: #fff;
}

input[type="reset"] {
    font-family: Meiryo UI, Verdana, 'Malgun Gothic', Gulim, Geneva, sans-serif; /* 영문과 숫자는 Verdana로 한글은 맑은 고딕으로 표시 */
    _font-family: Meiryo UI, 'Malgun Gothic', Verdana, Gulim, Verdana, Geneva, sans-serif; /* IE7 이전 버전을 위한 핵 */
    height: 22px;
    font-size: 13px;
    color: #005dab;
    border: 1px solid #b1c0d6;
    background-color: #fff;
}

input[type="radio"] {
    font-family: Meiryo UI, Verdana, 'Malgun Gothic', Gulim, Geneva, sans-serif; /* 영문과 숫자는 Verdana로 한글은 맑은 고딕으로 표시 */
    _font-family: Meiryo UI, 'Malgun Gothic', Verdana, Gulim, Verdana, Geneva, sans-serif; /* IE7 이전 버전을 위한 핵 */
    height: 22px;
    font-size: 13px;
    color: #005dab;
    border: 1px solid #b1c0d6;
    background-color: #fff;
}

/*
input[type="checkbox"] {
    font-family: Verdana, 'Malgun Gothic', Gulim, Geneva, sans-serif;  /* 영문과 숫자는 Verdana로 한글은 맑은 고딕으로 표시 */
/* _font-family: 'Malgun Gothic', Verdana, Gulim, Verdana, Geneva, sans-serif;	 /* IE7 이전 버전을 위한 핵 */
/* height: 22px;
 font-size: 13px;
 color:#005dab;
 border: 1px solid #b1c0d6;
 background-color: #fff;
}*/
input[type="file"] {
    font-family: Meiryo UI, Verdana, 'Malgun Gothic', Gulim, Geneva, sans-serif; /* 영문과 숫자는 Verdana로 한글은 맑은 고딕으로 표시 */
    _font-family: Meiryo UI,'Malgun Gothic', Verdana, Gulim, Verdana, Geneva, sans-serif; /* IE7 이전 버전을 위한 핵 */
    height: 22px;
    font-size: 13px;
    color: #005dab;
    border: 1px solid #b1c0d6;
    background-color: #fff;
}

input[type="image"] {
    height: 21px;
    border: none;
}

select {
    font-family: Meiryo UI, Verdana, 'Malgun Gothic', Gulim, Geneva, sans-serif; /* 영문과 숫자는 Verdana로 한글은 맑은 고딕으로 표시 */
    _font-family: Meiryo UI, 'Malgun Gothic', Verdana, Gulim, Verdana, Geneva, sans-serif; /* IE7 이전 버전을 위한 핵 */
    height: 22px;
    line-height: 22px;
    vertical-align: middle; /* IE에서는 line-heihgt와 같이 설정해 주어야 세로 중앙정렬이 적용된다. */
    font-size: 13px;
    color: #005dab;
    border: 1px solid #b1c0d6;
    background-color: #fff;
}

/*input[type="sumit"] { */
/* input 버튼 공통
---------------------------------------------------------------------------------------
---------------------------------------------------------------------------------------*/

.inputbtn {
    font-family: Meiryo UI, Verdana, 'Malgun Gothic', Gulim, Geneva, sans-serif; /* 영문과 숫자는 Verdana로 한글은 맑은 고딕으로 표시 */
    _font-family: Meiryo UI, 'Malgun Gothic', Verdana, Gulim, Verdana, Geneva, sans-serif; /* IE7 이전 버전을 위한 핵 */
    font-size: 12px;

    display: inline;
    vertical-align: middle;
    background: url("/assets/images/license/bt_bg.gif") left 0;
    border: 0;
    color: #eee;
    height: 27px;
    text-decoration: none;
    float: left;
    text-decoration: none;
    padding-left: 10px;
    overflow: hidden;
}

.inputbtn:hover {
    cursor: pointer;
    font-size: 12px;
    vertical-align: middle;
    display: inline;
    background: url("/assets/images/license/bt_bg.gif") left -27px;
    color: #fff;
}

.inputbtn input {
    font-family: Meiryo UI, Verdana, 'Malgun Gothic', Gulim, Geneva, sans-serif; /* 영문과 숫자는 Verdana로 한글은 맑은 고딕으로 표시 */
    _font-family: Meiryo UI, 'Malgun Gothic', Verdana, Gulim, Verdana, Geneva, sans-serif; /* IE7 이전 버전을 위한 핵 */
    font-size: 12px;
    display: inline;
    vertical-align: middle;
    border: 0;
    color: #eee;
    float: left;
    background: url("/assets/images/license/bt_bg.gif") right 0;
    line-height: 160%; /*  버튼 상단과 글자 상단과의 사이 */
    height: 27px;
    padding-right: 10px;
    overflow: hidden
}

.inputbtn input:hover {
    cursor: pointer;
    font-size: 12px;
    display: inline;
    vertical-align: middle;
    background: url("/assets/images/license/bt_bg.gif") right -27px;
    color: #fff;
}

/* CSS MENU 
---------------------------------------------------------------------------------------
---------------------------------------------------------------------------------------*/
/*- Menu Tabs 10--------------------------- */

/*#tabs10 {
    position: absolute;
    float: right;
    width: auto;
    min-width: 750px;
    margin: 80px 0px 0px 395px;
    font-size: 100%;
    /* border-bottom:5px solid #005dab;      메뉴 하단 라인 */
/*   line-height:normal;
}*/
#tabs10 {
    padding-top: 90px;
    float: none;
}

#tabs10 ul {
    margin: 0;
    padding: 10px 0 0 50px;
    list-style: none;
}

#tabs10 li {
    display: inline;
    margin: 0;
    padding: 0;
}

#tabs10 a {
    float: left;
    background: url("/assets/images/license/tableft10.gif") no-repeat left top;
    margin: 0;
    padding: 0 0 0 4px;
    text-decoration: none;
}

#tabs10 a span {
    float: left;
    display: block;
    background: url("/assets/images/license/tabright10.gif") no-repeat right top;
    padding: 5px 15px 4px 6px;
    color: #005dab; /*   기본 메뉴 글자 색상 */
}

/* Commented Backslash Hack hides rule from IE5-Mac \*/
#tabs10 a span {
    float: none;
}

/* End IE5-Mac hack */
#tabs10 a:hover span {
    /* 마우스 올렸을 때 글자 색상 */
    color: #FFF;
}

#tabs10 a:hover {
    background-position: 0% -42px;
}

#tabs10 a:hover span {
    background-position: 100% -42px;
}

/*
#tabs10 #m1 a {
	background-position:0% -42px;
} 

#tabs10 #m1 a span {             
	background-position:100% -42px;
	color:#FFF;	
}
*/
/*- Menu 선택 상태 --------------------------- */
body#insert_user #m1 a, body#user_manage #m2 a, body#license_manage #m3 a,
body#user_status_view #m4 a, body#disable_user #m5 a, body#change_passwd #m6 a {
    background-position: 0% -42px;
}

body#insert_user #m1 a span, body#user_manage #m2 a span, body#license_manage #m3 a span,
body#user_status_view #m4 a span, body#disable_user #m5 a span, body#change_passwd #m6 a span {
    background-position: 100% -42px;
    color: #FFF;
}

/* Button 
---------------------------------------------------------------------------------------
---------------------------------------------------------------------------------------*/
/* #btn normal ------------------------------*/
.btn a {
    display: inline;
    vertical-align: middle;
    background: url('/assets/images/license/bt_bg.gif') left 0;
    float: left;
    font: 12px;
    color: #eee;
    padding-left: 10px;
    text-decoration: none;
    height: 27px;
    cursor: pointer;
    margin-right: 5px;
    overflow: hidden
}

.btn a:hover {
    display: inline;
    vertical-align: middle;
    background: url('/assets/images/license/bt_bg.gif') left -27px
}

.btn a span {
    display: inline;
    vertical-align: middle;
    float: left;
    background: url('/assets/images/license/bt_bg.gif') right 0;
    line-height: 205%; /* 버튼 상단과 글자 상단과의 사이 */
    padding-right: 10px;
    height: 27px;
    overflow: hidden
}

.btn a:hover span {
    display: inline;
    vertical-align: middle;
    background: url('/assets/images/license/bt_bg.gif') right -27px;
    color: #fff
}

/* #btn small ------------------------------*/
.btn_sm a {
    display: block;
    background: url('/assets/images/license/bt_sm_bg.gif') left 0;
    float: left;
    font: 11px;
    color: #eee;
    padding-left: 6px;
    text-decoration: none;
    height: 21px;
    cursor: pointer;
    margin-right: 3px;
    overflow: hidden
}

.btn_sm a:hover {
    background: url('/assets/images/license/bt_sm_bg.gif') left -21px
}

.btn_sm a span {
    display: block;
    float: left;
    background: url('/assets/images/license/bt_sm_bg.gif') right 0;
    line-height: 150%; /* 버튼 상단과 글자 상단과의 사이 */
    padding-right: 6px;
    height: 21px;
    overflow: hidden
}

.btn_sm a:hover span {
    background: url('/assets/images/license/bt_sm_bg.gif') right -21px;
    color: #fff
}

/* #btn small yellow ------------------------------*/
.btn_sm_yellow a {
    display: block;
    background: url('/assets/images/license/bt_sm_yellow_bg.gif') left 0;
    float: left;
    font: 11px;
    color: #FFF;
    padding-left: 6px;
    text-decoration: none;
    height: 21px;
    cursor: pointer;
    margin-right: 3px;
    overflow: hidden
}

.btn_sm_yellow a:hover {
    background: url('/assets/images/license/bt_sm_yellow_bg.gif') left -21px
}

.btn_sm_yellow a span {
    display: block;
    float: left;
    background: url('/assets/images/license/bt_sm_yellow_bg.gif') right 0;
    line-height: 150%; /* 버튼 상단과 글자 상단과의 사이 */
    padding-right: 6px;
    height: 21px;
    overflow: hidden
}

.btn_sm_yellow a:hover span {
    background: url('/assets/images/license/bt_sm_yellow_bg.gif') right -21px;
    color: #FFF
}

/* ======================================== 수정 ======================================== */
/* Liense 등록 테이블 */
.tableRequest {
    width: 100%;
}

.tableRequest th {
    font-size: 13px;
    width: 190px;
    background-color: #F4F9FF;
    border: 1px solid #b1c0d6;
    border-right: 0;
    padding: 0 0 0 10px;
    text-align: left;
    color: #005DAB;
    height: 40px;
}

.tableRequest td {
    background-color: #fff;
    padding: 3px 0;
    border: 1px solid #b1c0d6;
    border-left: 0;
    padding: 0 0 0 10px;
}

.tableRequest2 th {
    font-size: 13px;
    background-color: #F4F9FF;
    border: 0px solid #b1c0d6;
    border-right: 0;
    text-align: left;
    color: #005DAB;
    height: 40px;
}

.tableRequest2 td {
    background-color: #fff;
    border: 0px solid #b1c0d6;
    border-left: 0;
    padding: 0 0 0 10px;
}

#wrapper table input[type=text] {
    border: 1px solid #7aa7d1;
    width: 292px;
    height: 25px;
}

/* 버튼 */
.button {
    display: inline-block;
    text-align: center;
    padding: 0 1em;
    /*padding: 4.5px;*/
    padding: 1px;
    padding-right: 12px;
    padding-left: 12px;
    border: 1px solid #b2b2b2;
    border-radius: 3px;
    /*background-color: #ffffff; */
    background: -webkit-gradient(linear, 0 0, 0 100%, from(#fff), to(#f6f6f6));
    line-height: 25px;
    color: #333333;
}

.smallButton {
    padding: 0 1em;
}

#contentsframe .add {
    float: right;
    margin: -3px 3px 3px 0px;
    height: 27px;
}

#gnb1 {
    background-color: #f3f6fa;
    border: 1px solid #e0f0ff;
}

/* 등록버튼 */
.btnSubmit {
    cursor: hand;
    display: inline-block;
    text-align: center;
    padding: 0 2em;
    border-radius: 3px;
    background: -webkit-gradient(linear, 0 0, 0 100%, from(#fff), to(#f6f6f6));
    line-height: 25px;
    color: #333;
    background-color: white;
    margin: 2px;
    text-transform: uppercase;
    font-family: Meiryo UI, verdana;
    border: 1px solid #b2b2b2;
    line-height: 1.25em;
    /*padding: 7px 20px;*/
    padding: 3px 11px;
    cursor: pointer;
    color: #000;
    text-decoration: none;
    outline-style: none;
    vertical-align: middle;

    /*border-radius: 12px;
    -webkit-border-radius: 12px;
    -moz-border-radius: 12px;*/

    /*-webkit-border-radius: 5em 1em / 5em 1em;*/
    /*-moz-border-radius: 5em 1em / 5em 1em;*/
    /*border-radius: 5em 1em / 5em 1em;*/

    box-shadow: 0px 1px 0px #737373;
    -moz-box-shadow: 0px 1px 0px #737373;
    -webkit-box-shadow: 0px 1px 0px #737373;

}

.btnSubmit:active {
    /*button:focus*/
    outline-style: none;
    -webkit-box-shadow: 0px 2px 0px rgba(255, 254, 255, 0.6), 0px 3px 6px rgba(255, 254, 255, 0.6);
    -moz-box-shadow: 0px 2px 0px rgba(255, 254, 255, 0.6), 0px 3px 6px rgba(255, 254, 255, 0.6);
    box-shadow: 0px 2px 0px rgba(255, 254, 255, 0.6), 0px 3px 6px rgba(255, 254, 255, 0.6);
    position: relative;
    top: 2px;
}

/*START:click*/
.btnSubmit_test:active, .btnSubmit_test:focus {
    color: #000;
    background: -webkit-gradient(linear, 0 0, 100% 0,
    from(#A69520), to(#FFF089));
    background: -moz-linear-gradient(#A69520, #FFF089);
    background: -o-linear-gradient(#A69520, #FFF089);
    background: linear-gradient(left center, #A69520, #FFF089);
}

.alert {
    margin-top: 50px;
    padding: 15px 15px 15px 15px;
    width: auto;
    height: auto;
    border: 1px solid #e6f3ff;
    border-radius: 10px;
    color: #333333;
    background-color: #e3f3b1;
    position: relative;
    left: 10%;

}

.example {
    clear: both;
}

.example h2 {
    margin-bottom: 20px;
}

/* 검색 */
.searchBox fieldset {
    margin: 0;
    padding: 0;
    border: 0;
    min-width: -webkit-min-content;
}

.searchBox .searchWord {
    width: 200px;
    vertical-align: middle;
    border: 1px solid #e0e0e0;
    border-right-color: #fff;
    /*line-height: 0.1em;*/
    padding: 3px;
    /*// height: 23px;*/

}

.searchBox .searchButton {
    width: 21px;
    vertical-align: middle;
    margin-left: -5px;
    border: 1px solid #e0e0e0;
    border-left: 0;
}

/* 사용자 등록 */
.well {
    clear: both;
    border: 1px solid #E0F0FF;
    padding: 9px;
    background-color: #F3F6FA;
    border-top-left-radius: 7px;
    border-top-right-radius: 7px;
    border-bottom-left-radius: 7px;
    border-bottom-right-radius: 7px;
    /*margin: 10px;*/
}

.tableHorizontal {
    width: 100%;
    margin-bottom: 20px;
}

.tableHorizontal th {
    width: 130px;
    font-size: 12px;
    background-color: #F4F9FF;
    border: 1px solid #b1c0d6;
    border-right: 0;
    padding: 0 0 0 10px;
    text-align: left;
    color: #005DAB;
    height: 40px;
}

.tableHorizontal td {
    background-color: #fff;
    padding: 3px 0;
    border: 1px solid #b1c0d6;
    border-left: 0;
    padding: 0 0 0 10px;
}

.tableHorizontal {
    border-collapse: collapse;
}

input[type="checkbox"] {
    vertical-align: middle;
    margin-left: 12px;
}

.hint {
    font-family: Meiryo UI, "돋움";
    font-size: 11px;
    color: #999;
}

/* login */
#login {
    width: 535px;
    border: 1px solid #fff;
    position: absolute;
    top: 50%;
    left: 50%;
    margin-top: -184px;
    margin-left: -268px;
}

#login .logo {
    padding: 36px 0px 16px 0px;
    margin: 0px;
    text-align: center;
    background-color: #eaeaea;
    border-bottom: 5px solid #005dab;
}

#login img.quann_title {
    margin: 0px 0px 10px 20px;
}

#login .content {
    height: 222px;
    background-color: #fff;
}

#login .topPadding {
    background-color: #F3F6FA;
    border-bottom: 1px solid #E0F0FF;
    height: 14px;
}

#login .desc {
    margin-top: 20px;
    text-align: center;
}

#login .inputLogin {
    margin: 20px auto 0px auto;
    width: 360px;
    margin-left: 85px;
}

#login .control-label {
    float: left;
    font-weight: bold;
    margin: 3px 5px 0px 5px;
    width: 60px;
    text-align: right;
    overflow: hidden;
}

#login .controls {
    float: left;
}

#login .controls input[type='text'], #login .controls input[type='password'] {
    width: 100px;
    height: 23px;
    padding: 1px;
    border: 1px solid #abadb3;
}

#login input.controls {
    width: 100px;
    height: 23px;
    padding: 1px;
    border: 1px solid #abadb3;
}

#login .login_button {
    clear: both;
    text-align: center;
    margin-top: 10px;
    margin-left: 20px;

}

#login .login_button input {
    width: 300px;
    height: 47px;
}

#login .link {
    width: 480px;
    margin: 15px auto 0px auto;
    border-top: 1px dashed #999;
    text-align: center;
    padding-top: 15px;
    margin-left: 30px;
}

#login .copyright {
    margin: 0px;
    background-color: #ebecec;
    border-top: 1px solid #bfbfbf;
    height: 21px;
    text-align: center;
}

#login .link a {
    font-size: 11.5px;
    color: #000;
    text-decoration: underline;
}

/* 사용자 수정 */
.hide {
    display: none;
}

.nick {
    float: left;
    max-width: 200px;
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis;
    padding-left: 34px;
    padding-top: 2px;
    color: #fea300;
    font-weight: bold;
    background: url(/assets/images/icon_man.gif) 0px -5px no-repeat;
    height: 20px;
}

.welcome {
    float: left;
    margin-left: 4px;
    margin-top: 2px;
}

.product {
    /*position: absolute;
    left: 450px;
    top: 400px;*/
    display: none;
    /*background-color: white;
    border: 1px solid #333;
    padding: 20px;*/
    font-size: 12px;
    margin-top: 5px;
}

.product_closed {
    font-size: 12px;
    float: right;
    margin: 0px 10px 5px 0px;
}

/* 페이징 */
.pagination {
    width: 100%;
    /*margin: 20px 0;*/
    margin-top: 30px;
    text-align: center;
    padding-bottom: 50px;
}

.pagination ul {
    display: inline-block;
    margin-bottom: 0;
    margin-left: 0;
    -webkit-border-radius: 4px;
    -moz-border-radius: 4px;
    border-radius: 4px;
    *zoom: 1;
    -webkit-box-shadow: 0 1px 2px rgba(0, 0, 0, 0.05);
    -moz-box-shadow: 0 1px 2px rgba(0, 0, 0, 0.05);
    box-shadow: 0 1px 2px rgba(0, 0, 0, 0.05);
}

.pagination ul li {
    display: inline;
}

.pagination ul > li {
    display: inline;
}

.pagination ul > li > a,
.pagination ul > li > span {
    float: left;
    padding: 4px 12px;
    line-height: 20px;
    text-decoration: none;
    background-color: #ffffff;
    border: 1px solid #dddddd;
    border-left-width: 0;
    color: #0088cc;
}

.pagination ul > li > a:hover,
.pagination ul > li > a:focus,
.pagination ul > .active > a,
.pagination ul > .active > span {
    background-color: #f5f5f5;
}

.pagination ul > .active > a,
.pagination ul > .active > span {
    color: #999999;
    cursor: default;
}

.pagination ul > .disabled > span,
.pagination ul > .disabled > a,
.pagination ul > .disabled > a:hover,
.pagination ul > .disabled > a:focus {
    color: #999999;
    cursor: default;
    background-color: transparent;
}

.pagination ul > li:first-child > a,
.pagination ul > li:first-child > span {
    border-left-width: 1px;
    -webkit-border-bottom-left-radius: 4px;
    border-bottom-left-radius: 4px;
    -webkit-border-top-left-radius: 4px;
    border-top-left-radius: 4px;
    -moz-border-radius-bottomleft: 4px;
    -moz-border-radius-topleft: 4px;
}

.pagination ul > li:last-child > a,
.pagination ul > li:last-child > span {
    -webkit-border-top-right-radius: 4px;
    border-top-right-radius: 4px;
    -webkit-border-bottom-right-radius: 4px;
    border-bottom-right-radius: 4px;
    -moz-border-radius-topright: 4px;
    -moz-border-radius-bottomright: 4px;
}

#tabs10 .selected span {
    background-position: 100% -42px;
    color: #FFF;
}

#tabs10 .selected {
    background-position: 0% -42px;
}

.deleteUser {
    margin: 5px 10px;
}

.footer .pull-right {
    float: right;
    text-decoration: none;
    color: #08c;
}

.cause_content {
    position: absolute;
    top: 190px;
    background-color: white;
    border: 1px solid #333;
}

#menu {
    float: left;
    list-style-type: none;
    padding: 0px;
    margin: 30px 0px 0px 30px;
    width: 520px;
}

#menu li {
    float: left;
    padding: 0px;
}

#tabs10 a {
    float: left;
    background: url("/assets/images/license/tableft10.gif") no-repeat left top;
    margin: 0;
    padding: 0 0 0 4px;
    text-decoration: none;
}

#contents .searchBox {
    float: left;
}

.nav {
    margin-bottom: 20px;
    margin-left: 0;
    list-style: none;
}

.nav > li > a {
    display: block;
}

.nav-tabs:before,
.nav-tabs:after {
    display: table;
    line-height: 0;
    content: "";
}

.nav-tabs:after {
    clear: both;
}

.nav-tabs > li {
    float: left;
}

.nav-tabs > li > a {
    padding-right: 12px;
    padding-left: 12px;
    margin-right: 2px;
    line-height: 14px;
}

.nav-tabs {
    border-bottom: 1px solid #ddd;
}

.nav-tabs > li {
    margin-bottom: -1px;
}

.nav-tabs > li > a {
    padding-top: 8px;
    padding-bottom: 8px;
    line-height: 20px;
    border: 1px solid transparent;
    -webkit-border-radius: 4px 4px 0 0;
    -moz-border-radius: 4px 4px 0 0;
    border-radius: 4px 4px 0 0;
}

.nav-tabs > li > a:hover,
.nav-tabs > li > a:focus {
    border-color: #eeeeee #eeeeee #dddddd;
}

.nav-tabs > .active > a,
.nav-tabs > .active > a:hover,
.nav-tabs > .active > a:focus {
    color: #555555;
    cursor: default;
    background-color: #ffffff;
    border: 1px solid #ddd;
    border-bottom-color: transparent;
}

/*

.nav-stacked > li {
    float: none;
}

.nav-stacked > li > a {
    margin-right: 0;
}

.nav-tabs.nav-stacked {
    border-bottom: 0;
}

.nav-tabs.nav-stacked > li > a {
    border: 1px solid #ddd;
    -webkit-border-radius: 0;
    -moz-border-radius: 0;
    border-radius: 0;
}

.nav-tabs.nav-stacked > li:first-child > a {
    -webkit-border-top-right-radius: 4px;
    border-top-right-radius: 4px;
    -webkit-border-top-left-radius: 4px;
    border-top-left-radius: 4px;
    -moz-border-radius-topright: 4px;
    -moz-border-radius-topleft: 4px;
}

.nav-tabs.nav-stacked > li:last-child > a {
    -webkit-border-bottom-right-radius: 4px;
    border-bottom-right-radius: 4px;
    -webkit-border-bottom-left-radius: 4px;
    border-bottom-left-radius: 4px;
    -moz-border-radius-bottomright: 4px;
    -moz-border-radius-bottomleft: 4px;
}

.nav-tabs.nav-stacked > li > a:hover,
.nav-tabs.nav-stacked > li > a:focus {
    z-index: 2;
    border-color: #ddd;
}

.nav-pills.nav-stacked > li > a {
    margin-bottom: 3px;
}

.nav-pills.nav-stacked > li:last-child > a {
    margin-bottom: 1px;
}
/*

.nav-tabs .dropdown-menu {
    -webkit-border-radius: 0 0 6px 6px;
    -moz-border-radius: 0 0 6px 6px;
    border-radius: 0 0 6px 6px;
}

.nav-pills .dropdown-menu {
    -webkit-border-radius: 6px;
    -moz-border-radius: 6px;
    border-radius: 6px;
}

.nav .dropdown-toggle .caret {
    margin-top: 6px;
    border-top-color: #0088cc;
    border-bottom-color: #0088cc;
}

.nav .dropdown-toggle:hover .caret,
.nav .dropdown-toggle:focus .caret {
    border-top-color: #005580;
    border-bottom-color: #005580;
}

/* move down carets for tabs */

/*
.nav-tabs .dropdown-toggle .caret {
    margin-top: 8px;
}

.nav .active .dropdown-toggle .caret {
    border-top-color: #fff;
    border-bottom-color: #fff;
}

.nav-tabs .active .dropdown-toggle .caret {
    border-top-color: #555555;
    border-bottom-color: #555555;
}

.nav > .dropdown.active > a:hover,
.nav > .dropdown.active > a:focus {
    cursor: pointer;
}

.nav-tabs .open .dropdown-toggle,
.nav-pills .open .dropdown-toggle,
.nav > li.dropdown.open.active > a:hover,
.nav > li.dropdown.open.active > a:focus {
    color: #ffffff;
    background-color: #999999;
    border-color: #999999;
}

.nav li.dropdown.open .caret,
.nav li.dropdown.open.active .caret,
.nav li.dropdown.open a:hover .caret,
.nav li.dropdown.open a:focus .caret {
    border-top-color: #ffffff;
    border-bottom-color: #ffffff;
    opacity: 1;
    filter: alpha(opacity=100);
}*/

.searchBox .searchWord:focus {
    outline: none;
}

.searchBox .searchWord:required {
    outline-style: none
}

/* 자세히 보기 */
.license_request_detail {
    position: absolute;
    /*
        left: 800px;
        top: 120px;
        display: none;*/

    margin: 0 auto;
    margin-left: 300px;
    margin-top: -100px;
    background-color: white;
    border: 1px solid #333;
}

.titlebar {
    display: block;
    font-size: 12px;
    color: #fff;
    height: 20px;
    padding: 7px 5px 3px 10px;
    margin: 0px;
    font-weight: bold;
    background: url(/assets/images/pop_bgtitle.gif);
}

#licenseRequest .licenseInfo {
    width: 100%;
}

#licenseRequest .licenseInfo th {
    width: 160px;
}

.tableHorizontal th {
    background-color: #F4F9FF;
    border: 1px solid #b1c0d6;
    border-right: none;
    padding: 0px 0px 0px 10px;
    text-align: left;
    color: #005DAB;
    height: 40px;
}

.tableHorizontal td {
    background-color: #fff;
    padding: 3px 0px;
    border: 1px solid #b1c0d6;
    border-left: none;
    padding: 0px 0px 0px 10px;
    font-size: 12px;
}

#licenseRequest .tableHorizontal {
    width: 100%;
    margin-bottom: 0px;
}

#licenseRequest .container {
    clear: both;
    border: 1px solid #E0F0FF;
    padding: 9px;
    background-color: #F3F6FA;
    border-top-left-radius: 7px;
    border-top-right-radius: 7px;
    border-bottom-left-radius: 7px;
    border-bottom-right-radius: 7px;
    margin: 10px;
}

.bundle input[type="radio"] {
    vertical-align: middle;
}

.bundle input[value="false"] {
    margin-left: 20px;
}

.bundle span {
    margin-left: 178px;
    color: #999;
}

.wa_detail input[type="radio"] {
    vertical-align: middle;
}

.wa_detail input[value="false"] {
    margin-left: 20px;
}

.wa_detail span {
    margin-left: 215px;
    color: #999;
}

/* 로그 반짝 부분 */
header {
    margin: 0 auto;
    display: block;
    position: relative;
    overflow: hidden;
}

header .sheen {
    height: 60px;
    width: 10px;
    background: rgba(255, 255, 255, 0.5);
    float: left;

    -moz-transform: rotate(20deg);
    -webkit-transform: rotate(20deg);
    -o-transform: rotate(20deg);

    position: absolute;
    left: -30px;
    top: 0px;

    -moz-box-shadow: 0 0 20px #FFF;
    -webkit-box-shadow: 0 0 20px #FFF;
    box-shadow: 0 0 20px #FFF;

    -moz-transition: all 2s ease-in-out;
    -webkit-transition: all 2s ease-in-out;
    -o-transition: all 2s ease-in-out;
    transition: all 2s ease-in-out;
}

header.loaded .sheen {
    left: 350px;
}

/* Button end-------------------------------------------------*/