@charset "utf-8";
/* CSS Document */


/*---------------------------------

  LAYOUT

----------------------------------*/
#wrap_login {
    width: 100%;
    position: relative;
    min-height: 100%;
    height: auto !important;
    background: #f9f9f9;
}

.main-wrap {
    display: flex;
    flex-direction: column;
    justify-content: space-between;
    height: 100%;
}

#wrap {
    display: flex;
    flex-direction: column;
    justify-content: space-between;
    width: 100%;
    position: relative;
    /* min-height: 100%; */
    height: auto !important;
    background: url(../_img/bg_left.gif) left top repeat-y;
}

#container {
    clear: both;
    position: relative;
    height: auto !important;
    min-width: 980px;
    max-width: 1920px;
}

#header {
    position: relative;
    width: 100%;
    height: 70px;
    background: #fff;
    padding: 0;
    margin: 0;
}

#header h1 {
    padding: 5px 0 5px 20px;
    margin: 0;
}

#header h1 img {
    vertical-align: top;
}

.topmenu {
    position: absolute;
    top: 6px;
    right: 20px;
}

.topmenu ul {
    height: 20px;
}

.topmenu ul li {
    display: block;
    float: left;
    font-size: 11px;
    padding: 0 10px;
    margin: 0;
    letter-spacing: -0.5px;
    color: #666;
    background: url(../_img/bg_verline.gif) right center no-repeat;
}

.topmenu ul li img {
    vertical-align: middle;
}

.topmenu ul li span {
    color: #1cabf5;
    font-weight: bold;
}

.topmenu ul li:last-child {
    background: none;
    padding-right: 0;
}

.topmenu ul li.dir-size {
    width: 420px;
}

.topmenu ul li.dir-size span.dir-size-title {
    float: left;
    margin-right: 5px;
    vertical-align: middle;
}

.topmenu ul li.dir-size div {
    border: 1px solid #ddd;
    width: 250px;
    height: 18px;
    float: left;
    margin-right: 5px;
}

.topmenu ul li.dir-size div img {
    height: 18px;
}

.topmenu ul li.dir-size div span.dir-size-std {
}

#contents {
    position: relative;
    padding: 30px 20px 60px 20px;
    margin-left: 200px;
    min-width: 740px;
    max-width: 1680px;
    min-height: calc(100vh - 160px);
}

#footer {
    display: flex;
    justify-content: center;
    width: 100%;
    text-align: center;
    clear: both;
    height: 30px;
    background: #fff;
    border-top: solid 1px #ddd;
    line-height: 30px;
    color: #999;
    font-size: 10px;
}

#footer span {
    color: #666;
}


/*---------------------------------

  LOGIN

----------------------------------*/
#loginarea {
    width: 320px;
    height: 270px;
    position: absolute;
    left: 50%;
    top: 50%;
    margin-left: -160px;
    margin-top: -135px;
}

#loginarea h1 {
    font-size: 30px;
    font-weight: bold;
    color: #fff;
    margin: 0 0 0 0;
    padding: 0 0 6px 0;
    line-height: 30px;
    float: left;
    font-family: Arial, 'NanumGothic', '나눔고딕', 'NanumGothicWeb';
}

#loginarea span.r_btn {
    float: right;
    padding: 8px 5px;
}

#loginarea ul {
    margin: 0;
    padding: 0;
}

#loginarea ul li {
    font-family: Arial, 'NanumGothic', '나눔고딕', 'NanumGothicWeb';
    color: #909090;
}

input#ip_id {
    width: 300px;
    height: 46px;
    background: url(../_img/bg_input.png) left top no-repeat;
    border: none;
    padding: 0 10px;
    line-height: 46px;
    font-size: 14px;
    font-family: Arial, 'NanumGothic', '나눔고딕', 'NanumGothicWeb';
    margin: 0 0 12px 0;
    color: #909090;
}

input#ip_id:focus {
    background: url(../_img/bg_input_over.png) left top no-repeat;
    outline: none;
}

input#ip_pw {
    width: 300px;
    height: 46px;
    background: url(../_img/bg_input.png) left top no-repeat;
    border: none;
    padding: 0 10px;
    line-height: 46px;
    font-size: 14px;
    font-family: Arial, 'NanumGothic', '나눔고딕', 'NanumGothicWeb';
    margin: 0 0 10px 0;
    color: #909090;
}

input#ip_pw:focus {
    background: url(../_img/bg_input_over.png) left top no-repeat;
    outline: none;
}

#btn_login {
    width: 320px;
    height: 46px;
    line-height: 46px;
    background: #2d67b2;
    text-align: center;
    color: #fff;
    font-size: 16px;
    display: block;
    margin-top: 15px;
    border-radius: 2px;
}

#loginarea p {
    text-align: center;
    margin-top: 15px;
    color: #909090;
    font-size: 10px;
}


/*---------------------------------

  GNB

----------------------------------*/

#gnb {
    cursor: pointer;
    position: absolute;
    width: 100%;
    height: 40px;
    top: 30px;
    left: 0;
    background: #333645;
}

div#gnb ul {
    min-width: 980px;
    max-width: 1920px;
}

div#gnb ul li {
    float: left;
    padding: 0 50px;
    margin: 0;
    text-align: center;
    background: url(../_img/bg_line.gif) right top repeat-y;
}

div#gnb ul li.on {
    background: #0f94dc;
}

div#gnb ul li.on a {
    color: #fff;
}

div#gnb ul li a {
    color: #bdbec1;
    line-height: 40px;
    display: block;
    font-size: 13px;
    font-weight: bold; /* For IE6 */
}

div#gnb ul li a:hover span {
    color: #fff;
    display: block;
}

/*---------------------------------

  LNB

----------------------------------*/
#leftarea {
    width: 200px;
    height: auto;
    position: absolute;
    left: 0;
    top: 0;
}

#leftarea ul {
    width: 199px;
}

#leftarea ul li {
    width: 199px;
    height: 39px;
    display: block;
    border-bottom: solid 1px #d1d6da;
    line-height: 39px;
    letter-spacing: -0.5px;
    vertical-align: middle;
    text-indent: 15px;
    font-size: 13px;
    background: #eef2f6;
    overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-line-clamp: 1;
    -webkit-box-orient: vertical;
    word-wrap: break-word;
}

#leftarea ul li a {
    color: #6b757d;
    font-weight: bold;
}

#leftarea ul li span {
    display: block;
}

#leftarea ul li.on {
    background: #fff url(../_img/bg_arrow.gif) 180px center no-repeat;
    width: 199px;
    text-indent: 15px;
}

#leftarea ul li.on a {
    color: #3596da;
    width: 180px;
    display: block;
    overflow: hidden;
}


/*---------------------------------

  DEFAULT

----------------------------------*/

.clear {
    clear: both;
}

.mt0 {
    margin-top: 0px !important;
}

.mt5 {
    margin-top: 5px !important;
}

.mt4 {
    margin-top: 4px !important;
}

.mt10 {
    margin-top: 10px !important;
}

.mt15 {
    margin-top: 15px !important;
}

.mt19 {
    margin-top: 19px !important;
}

.mt20 {
    margin-top: 20px !important;
}

.mt30 {
    margin-top: 30px !important;
}

.mt50 {
    margin-top: 50px !important;
}

.pt10 {
    padding-top: 10px !important;
}

.pt15 {
    padding-top: 15px !important;
}

.pt20 {
    padding-top: 20px !important;
}

.pt30 {
    padding-top: 30px !important;
}

.pt40 {
    padding-top: 40px !important;
}

.pr15 {
    padding-right: 15px !important;
}

.pb0 {
    padding-bottom: 0 !important;
}

.pb5 {
    padding-bottom: 5px !important;
}

.ml10 {
    margin-left: 10px !important;
}

.ml15 {
    margin-left: 15px !important;
}

.ml20 {
    margin-left: 20px !important;
}

.ml25 {
    margin-left: 25px !important;
}

.ml26 {
    margin-left: 26px !important;
}

.ml30 {
    margin-left: 30px !important;
}

.ml50 {
    margin-left: 50px !important;
}

.ml60 {
    margin-left: 60px !important;
}

.mr5 {
    margin-right: 5px !important;
}

.mr10 {
    margin-right: 10px !important;
}

.mr30 {
    margin-right: 30px !important;
}

.mb5 {
    margin-bottom: 5px !important;
}

.float_r {
    float: right !important;
}

.float_l {
    float: left !important;
}

.txtleft {
    text-align: left;
    padding-right: 3px !important;
}

.txtcenter {
    margin: 0 !important;
    padding: 0 !important;
    text-align: center;
}

.txtright {
    text-align: right;
    padding-right: 3px !important;
}

.ver_middle {
    vertical-align: middle;
}

.ver_top {
    vertical-align: top;
}

.txtbold {
    font-weight: bold;
}

.txt_blue {
    color: #29a5fb;
}

.txt_orange {
    color: #ef870c;
}

.txt_gray {
    color: #878787;
}

a {
    color: #777;
    text-decoration: none;
    background: none;
}

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

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

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

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

a.list_key {
    font-weight: bold;
}

.w5p {
    width: 5% !important;
}

.w10p {
    width: 10% !important;
}

.w20p {
    width: 20% !important;
}

.w30p {
    width: 30% !important;
}

.w40p {
    width: 40% !important;
}

.w50p {
    width: 50% !important;
}

.w60p {
    width: 60% !important;
}

.w70p {
    width: 70% !important;
}

.w75p {
    width: 75% !important;
}

.w80p {
    width: 80% !important;
}

.w90p {
    width: 90% !important;
}

.w95p {
    width: 95% !important;
}

.w98p {
    width: 98%;
}


/*컨텐츠*/
#contents h2 {
    font-size: 14px;
    color: #333;
    padding: 0 0 10px 15px;
    margin: 0;
    line-height: 18px;
    background: url(../_img/icon_bullet.png) left 3px no-repeat;
    border-bottom: solid 1px #ccc;
}

#contents h3 {
    font-size: 12px;
    padding: 5px 0 5px 10px;
    margin: 15px 0 0 0;
    color: #333;
    background: url(../_img/icon_bluetri.png) left center no-repeat;
}

#contents h3.main {
    font-size: 12px;
    padding: 3px 0 3px 10px;
    margin: 0;
    color: #333;
    background: url(../_img/icon_bluetri.png) left center no-repeat;
}

#contents h3.sub_title {
    font-size: 12px;
    padding: 0 0 0 10px;
    margin: 15px 0 0 0;
}

table.list_tb {
    width: 100%;
    border-collapse: 0;
    border-spacing: 0;
    border-top: solid 1px #e5e5e5;
    border-right: solid 1px #e5e5e5;
    margin-top: 15px;
}

table.list_tb caption {
    text-align: left;
    padding-bottom: 5px;
    font-size: 11px;
}

table.list_tb caption span {
    color: #ff5400;
    font-weight: bold;
}

table.list_tb th {
    font-weight: normal;
    border-bottom: solid 1px #e5e5e5;
    border-left: solid 1px #e5e5e5;
    line-height: 18px;
    padding: 5px 0;
    background: #f6f6f6;
}

table.list_tb td {
    text-align: center;
    letter-spacing: -0.5px;
    padding: 6px 2px;
    font-size: 12px;
    color: #333;
    border-bottom: solid 1px #e5e5e5;
    border-left: solid 1px #e5e5e5;
    position: relative;
    word-break: break-all;
}

table.list_tb input, table.list_tb select, table.list_tb textarea {
    padding: 3px 3px;
    font-size: 12px;
    border: solid 1px #c6c6c6;
    color: #666;
    vertical-align: middle;
}

table.list_tb input:focus, table.list_tb select:focus, table.list_tb textarea:focus {
    border: solid 1px #6896d0;
    background: #f5f9ff;
}

table.list_tb td.thumb img {
    max-height: 50px;
}

table.list_tb td img.thumb {
    vertical-align: bottom;
    width: 90px;
}

table.list_tb th.txtleft, table.list_tb td.txtleft {
    text-align: left;
    padding-left: 10px;
}

table.list_tb th.txtright, table.list_tb td.txtright {
    text-align: right;
    padding-right: 10px;
}

table.list_tb td.txtleft a {
    font-weight: bold;
}

table.list_tb td span.cmt_num {
    padding-left: 10px;
    color: #F00;
}

table.list_tb td a {
    color: #333;
    font-weight: bold;
}

table.list_tb td a:hover {
    color: #1c68cb;
    font-weight: bold;
    text-decoration: underline;
}

table.list_tb tr:hover td {
    background: #f4f8ff;
}


table.list_tb td span.pro_img {
    padding-right: 10px;
    float: left;
    width: 50px;
    height: 50px;
    vertical-align: bottom;
}

table.list_tb td span.pro_img img {
    vertical-align: bottom;
    width: 50px;
    height: 50px;
}

/**table.list_tb td a img { position:absolute; left:0;  z-index:10; vertical-align:top;  width:50px; height:50px;}**/


span.btn_edit {
    line-height: 20px;
    height: 20px;
    width: 54px;
    display: inline-block;
    border: solid 1px #ccc;
    font-size: 12px;
    text-align: center;
    color: #999;
}

span.btn_delete {
    line-height: 20px;
    height: 20px;
    width: 54px;
    display: inline-block;
    border: solid 1px #cd6868;
    font-size: 12px;
    color: #cd6868;
    text-align: center;
}

span.btn_search {
    line-height: 24px;
    height: 24px;
    padding: 0 10px 0 22px;
    display: inline-block;
    border: solid 1px #2c6ab6;
    border-radius: 2px;
    font-size: 12px;
    text-align: center;
    background: #4680c7 url(../_img/icon_search.png) 8px 6px no-repeat;
    vertical-align: middle;
    color: #fff;
}

span.btn_view {
    line-height: 20px;
    height: 20px;
    width: 54px;
    display: inline-block;
    border: solid 1px #80b0ec;
    font-size: 12px;
    text-align: center;
    color: #5b94da;
}

span.btn_tb {
    position: absolute;
    right: 20px;
    top: 25px;
    display: inline-block;
    background: #333;
    text-align: center;
    color: #fff;
    font-size: 14px;
    width: 90px;
    height: 30px;
    line-height: 30px;
}

table.setup_tb {
    width: 100%;
    border-collapse: 0;
    border-spacing: 0;
    border-top: solid 2px #333;
}

table.setup_tb th {
    font-weight: normal;
    border-right: solid 1px #ccc;
    border-bottom: solid 1px #ccc;
    padding: 10px 0;
}

table.setup_tb td {
    text-align: left;
    padding: 10px 0 10px 20px;
    font-size: 13px;
    color: #333;
    border-bottom: solid 1px #ccc;
}

table.setup_tb td#editor {
    text-align: left;
    padding: 10px 0 10px 20px;
}

table.setup_tb td#editor span {
    margin: 0;
}

table.setup_tb td dl.set_type1 {
    width: 170px;
}

table.setup_tb td dl.set_type1 dt {
    line-height: 30px;
    width: 100px;
    display: inline-block;
    float: left;
}

table.setup_tb td dl.set_type1 dd {
    text-align: right;
    display: inline-block;
    float: left;
    line-height: 30px;
}

table.setup_tb td dl.set_type1 dd select {
    width: 50px;
}

table.setup_tb td dl.set_type2 {
    width: 500px;
}

table.setup_tb td dl.set_type2 dt {
    line-height: 30px;
    width: 110px;
    display: inline-block;
    float: left;
}

table.setup_tb td dl.set_type2 dt img {
    width: 100px;
    height: 30px;
    vertical-align: bottom;
}

table.setup_tb td dl.set_type2 dd {
    text-align: right;
    display: inline-block;
    float: left;
    line-height: 30px;
}

table.setup_tb td dl.set_type2 dd select {
    width: 50px;
}

table.setup_tb td dl.set_type2 dd span.btn_find {
    line-height: 20px;
    height: 20px;
    width: 54px;
    display: inline-block;
    border: solid 1px #ccc;
    font-size: 12px;
    text-align: center;
    padding: 0;
    margin: 4px 5px;
    clear: both;
}

table.setup_tb tr.bg_gr th, table.setup_tb tr.bg_gr td {
    background: #f7f7f7;
}

td.photoarea img {
    width: 120px;
    height: 90px;
    vertical-align: bottom;
}


table.setup_tb td span {
    font-size: 12px;
    color: #999;
    margin-left: 20px;
}

table.setup_tb td select {
    text-align: center;
    height: 22px;
}

table.setup_tb td input {
    height: 22px;
}

.btn_area_left {
    padding: 10px 0 0 0;
    text-align: left;
    float: left;
}

.table_btnarea {
    padding: 20px 0 0 0;
    text-align: right;
    height: 15px;
    float: right;
}

a.btn_tb_r {
    display: inline-block;
    border: solid 1px #1f272d;
    background: #37414a;
    color: #fff;
    padding: 4px 10px;
    border-radius: 2px;
}

a.btn_tb_r_red {
    display: inline-block;
    border: solid 1px #fca198;
    background: linear-gradient(to bottom, #fff 0%, #fff6f5 100%);
    color: #ff0000;
    padding: 4px 10px;
    border-radius: 2px;
}

a.btn_tb_r_blue {
    display: inline-block;
    border: solid 1px #66abd7;
    background: linear-gradient(to bottom, #fff 0%, #e5eff6 100%);
    color: #1778b5;
    padding: 4px 10px;
    border-radius: 2px;
}

a.btn_tb_r_grn {
    display: inline-block;
    border: solid 1px #80b980;
    background: linear-gradient(to bottom, #fff 0%, #e1eadc 100%);
    color: #098b09;
    padding: 4px 10px;
    border-radius: 2px;
}

button.btn-add-tr,
button.btn-add-review-tr,
button.btn-add-content-tr {
    display: inline-block;
    border: solid 1px #80b980;
    background: linear-gradient(to bottom, #fff 0%, #e1eadc 100%);
    color: #098b09;
    padding: 4px 10px;
    border-radius: 2px;
    cursor: pointer;
}

button.btn-remove-tr,
button.btn-remove-review-tr,
button.btn-remove-content-tr {
    display: inline-block;
    border: solid 1px #fca198;
    background: linear-gradient(to bottom, #fff 0%, #fff6f5 100%);
    color: #ff0000;
    padding: 4px 10px;
    border-radius: 2px;
    cursor: pointer;
}


.btn_area {
    padding: 15px 0 25px 0;
    text-align: center;
    height: 30px;
}

a.btn_save {
    font-size: 13px;
    color: #fff;
    width: 88px;
    line-height: 28px;
    height: 28px;
    border: solid 1px #2464b8;
    background: #2974d7;
    display: inline-block;
    text-align: center;
    border-radius: 2px;
}

a.btn_save_red {
    background: linear-gradient(to bottom, #fff 0%, #fff6f5 100%);
    color: #ff0000;
    border: solid 1px #fca198;
    border-radius: 2px;
    font-weight: normal;
}

a.btn_save_grn {
    background: linear-gradient(to bottom, #fff 0%, #e1eadc 100%);
    color: #098b09;
    border: solid 1px #80b980;
    border-radius: 2px;
    font-weight: normal;
}

a.btn_save_blue {
    background: linear-gradient(to bottom, #fff 0%, #e5eff6 100%);
    color: #1778b5;
    border: solid 1px #66abd7;
    border-radius: 2px;
    font-weight: normal;
}

a.btn_cancel {
    font-size: 13px;
    color: #fff;
    width: 88px;
    line-height: 28px;
    height: 28px;
    border: solid 1px #2c2c2c;
    background: #4a4a4a;
    display: inline-block;
    text-align: center;
    border-radius: 2px;
}

.search_bar {
    padding: 8px;
    text-align: left;
    border-bottom: solid 1px #ddd;
    background: #f9f9f9;
}

.search_bar select, .bottom_area, .btn_area_left select {
    height: 26px;
    margin-right: 5px;
    border: solid 1px #ccc;
    vertical-align: middle;
}

.search_bar input {
    height: 22px;
    border: solid 1px #bbb;
    vertical-align: middle;
}

.page_list {
    text-align: right;
    margin: 15px 0;
}

.page_list a {
    border: solid 1px #c5c5c5;
    padding: 6px 10px;
    font-weight: bold;
    margin: 0 1px;
}

.page_list a:hover {
    border: solid 1px #5a97e6;
    color: #5a97e6;
}

.page_list a.selected {
    background: #2d68b2;
    border: solid 1px #2d68b2;
    color: #fff;
}

.write_form {
    border-top: solid 2px #333;
    padding: 20px;
    border-bottom: solid 1px #ccc;
}

.write_form dl {
    width: 100%;
}

.write_form dt input {
    width: 90%;
    margin-left: 10px;
    height: 22px;
    float: right;
    vertical-align: middle;
}

.write_form dd {
    padding-top: 20px;
}

.write_form dd textarea {
    width: 100%;
}

.view_form {
    border-top: solid 2px #333;
}

.view_form ul {
    width: 100%;
}

.view_form li {
    border-bottom: solid 1px #ddd;
    display: block;
    position: relative;
}

.view_form li img {
    vertical-align: middle;
}

.view_form li.info_line span {
    padding-right: 10px;
    margin-right: 10px;
    background: url(../_img/bg_verline.gif) right center no-repeat;
    color: #999;
}

.view_form li.info_line {
    padding: 0 15px 10px 10px;
}

.view_form li span.txt_point {
    background: none;
}

.view_form li span.txt_point a {
    color: #39F;
    border-bottom: solid 1px #39F;
}

.view_form li.tit {
    font-size: 15px;
    font-weight: bold;
    border-bottom: none;
    padding: 15px 10px;
}

.view_form li.tit span.edit_area {
    position: absolute;
    right: 20px;
    top: 30px;
    font-size: 12px;
    font-weight: normal;
}

.view_form li.tit span.edit_area a.edit {
    color: #999;
    border: solid 1px #ccc;
    padding: 4px 10px;
    margin-left: 5px;
}

.view_form li.tit span.edit_area a.del {
    color: #cd6868;
    border: solid 1px #cd6868;
    padding: 4px 10px;
    margin-left: 5px;
}

.view_form li p {
    font-size: 14px;
    line-height: 24px;
    padding: 20px;
    text-indent: 0;
    margin-bottom: 60px;
}


.commentarea {
    padding-top: 10px;
}

span.btn_cmt_left {
    background: url(../_img/btn/btn_cmt_left.gif) left top no-repeat;
    height: 24px;
    line-height: 24px;
    width: 10px;
    display: inline-block;
    vertical-align: middle;
    text-indent: 0;
    cursor: pointer;
}

span.btn_cmt {
    background: url(../_img/btn/btn_cmt_right.gif) right top no-repeat;
    padding-right: 10px;
    height: 24px;
    line-height: 24px;
    display: inline-block;
    vertical-align: middle;
    font-size: 12px;
    text-indent: 0;
    cursor: pointer;
}

span.btn_cmt strong {
    color: #ea252c;
}

span.btn_cmt img {
    vertical-align: middle;
}


ul.cmt_list {
    padding: 0;
    display: block;
    margin-bottom: -1px;
}

.cmt_list li {
    background: #f6f7f8;
    border-bottom: solid 1px #e3e3e3;
    padding: 16px 10px;
    position: relative;
    vertical-align: top;
    display: block;
    text-indent: 0;
}

.cmt_list li span.pro_img {
    padding-right: 10px;
    float: left;
    width: 50px;
    height: 50px;
    vertical-align: bottom;
}

.cmt_list li span.pro_img img {
    vertical-align: bottom;
    width: 50px;
    height: 50px;
}

.cmt_list li a img {
    position: absolute;
    left: 10px;
    z-index: 10;
    vertical-align: top;
    width: 50px;
    height: 50px;
}

.cmt_list li dl {
    float: left;
    width: 90%;
    display: block;
    vertical-align: bottom;
}

.cmt_list li dt {
    font-weight: bold;
}

.cmt_list li dt span {
    padding-left: 10px;
    font-weight: normal;
    color: #888d91;
    font-size: 12px;
}

.cmt_list li dt img {
    vertical-align: middle;
    margin-right: 3px;
}

.cmt_list li dd {
    padding-top: 6px;
    font-size: 14px;
    line-height: 22px;
    position: relative;
}

.cmt_list li dd span {
    position: absolute;
    top: -20px;
    right: 0;
    font-size: 12px;
}

.cmt_list li input.insert_txt {
    width: 87%;
    height: 28px;
    border: solid 1px #ccc;
    vertical-align: middle;
}

span.btn_bl {
    background: #6e97bf;
    height: 30px;
    padding: 0 30px;
    line-height: 30px;
    color: #fff;
    font-weight: bold;
    display: inline-block;
    text-align: center;
    vertical-align: middle;
}


ul.cmt_list2 {
    margin-top: 10px;
    border-top: solid 1px #e3e3e3;
    padding: 0;
    display: block;
}

.cmt_list2 li {
    background: #f6f7f8;
    border-bottom: solid 1px #e3e3e3;
    padding: 16px 10px;
    position: relative;
    vertical-align: top;
    display: block;
}

.cmt_list2 li span.pro_img {
    padding-right: 10px;
    float: left;
    width: 50px;
    height: 50px;
    vertical-align: bottom;
}

.cmt_list2 li span.pro_img img {
    vertical-align: bottom;
    width: 50px;
    height: 50px;
}

.cmt_list2 li a img {
    position: absolute;
    left: 10px;
    z-index: 10;
    vertical-align: top;
    width: 50px;
    height: 50px;
}

.cmt_list2 li dl {
    float: left;
    width: 90%;
    display: block;
    vertical-align: bottom;
}

.cmt_list2 li dt {
    font-weight: bold;
}

.cmt_list2 li dt span {
    padding-left: 10px;
    font-weight: normal;
    color: #888d91;
    font-size: 12px;
}

.cmt_list2 li dt img {
    vertical-align: middle;
    margin-right: 3px;
}

.cmt_list2 li dd {
    padding-top: 6px;
    font-size: 14px;
    line-height: 22px;
    position: relative;
}

.cmt_list2 li dd span {
    position: absolute;
    top: -20px;
    right: 0;
    font-size: 12px;
}

.cmt_list2 li input.insert_txt {
    width: 87%;
    height: 28px;
    border: solid 1px #ccc;
    vertical-align: middle;
}

span.btn_bl {
    background: #6e97bf;
    height: 30px;
    padding: 0 30px;
    line-height: 30px;
    color: #fff;
    font-weight: bold;
    display: inline-block;
    text-align: center;
    vertical-align: middle;
}


.btn_area_info {
    padding: 10px 0 25px 0;
    height: 30px;
    text-align: right;
}

span.btn_info_del {
    font-size: 12px;
    color: #fff;
    line-height: 30px;
    height: 30px;
    text-align: center;
    margin-right: 3px;
    display: inline-block;
    background: #e34a4a;
    color: #fff;
    padding: 0 20px;
}

span.btn_info_basic {
    font-size: 12px;
    color: #fff;
    line-height: 30px;
    height: 30px;
    text-align: center;
    margin-right: 3px;
    display: inline-block;
    background: #aaa;
    color: #fff;
    padding: 0 20px;
}

span.btn_info_send {
    font-size: 12px;
    color: #fff;
    line-height: 30px;
    height: 30px;
    text-align: center;
    margin-right: 3px;
    display: inline-block;
    background: #3c70b3;
    color: #fff;
    padding: 0 20px;
}


/*레이어팝업*/
#layer_pop {
    width: 700px;
    height: 400px;
    background: #fff;
    border: solid 1px #aaa;
    position: absolute;
    top: 50%;
    left: 50%;
    margin-top: -200px;
    margin-left: -350px;
    z-index: 10;
    box-shadow: 0px 0px 10px rgba(0, 0, 0, 0.20);
    -moz-box-shadow: 0px 0px 10px rgba(0, 0, 0, 0.20);
    -webkit-box-shadow: 0px 0px 10px rgba(0, 0, 0, 0.20);
}

#layer_pop h2 {
    padding: 30px 20px 0 20px;
    margin: 0;
}

.popup_con {
    margin: 20px;
    position: relative;
    overflow: auto;
    height: 250px;
}

/* new_add */
.layer {
    display: none;
    position: fixed;
    _position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    z-index: 100;
}

/*.layer .bg {position:absolute; top:0; left:0; width:100%; height:100%; background:#000; opacity:.5; filter:alpha(opacity=50);}*/
.layer .bg {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: url(../_img/common/bg_layer.png);
}

/*.layer .pop-layer {display:block;}*/

.pop-layer {
    display: none;
    position: absolute;
    top: 50%;
    left: 50%;
    height: auto;
    background-color: #fff;
    z-index: 10;
}

.pop-layer .pop-container {
    padding: 20px 25px;
}

.pop-layer p.ctxt {
    color: #666;
    line-height: 25px;
}

.pop-layer .btn-r {
    width: 100%;
    margin: 10px 0 20px;
    padding-top: 10px;
    border-top: 1px solid #DDD;
    text-align: right;
}


span.btn_close {
    position: absolute;
    right: 20px;
    top: 20px;
}

.popup_btn {
    position: absolute;
    width: 100%;
    text-align: center;
    bottom: 30px;
}

ul.navigator {
    position: absolute;
    right: 20px;
    top: 30px;
    display: block;
    height: 22px;
}

ul.navigator li {
    float: left;
    margin-right: 2px;
    line-height: 22px;
    vertical-align: middle;
    letter-spacing: -0.5px;
    padding-right: 10px;
    background: url(../_img/icon_arrow2.gif) right center no-repeat;
}

ul.navigator li.thispage {
    background: none;
    color: #666;
    padding-right: 0;
}

ul.navigator li a {
    color: #9ca1a9;
}

.item_top {
    margin-bottom: 20px;
    border-top: 2px solid #333;
    border-bottom: 1px solid #999;
}

.item_top ul:after {
    content: "";
    display: block;
    clear: both;
}

.item_top li {
    float: left;
}

.item_top li div {
    background: #f1f1f1;
    border: 1px solid #cfcfcf;
    margin: 5px 2px;
    height: 30px;
    line-height: 32px;
    padding: 0 10px;
    cursor: move;
}

.item_top li div:hover {
    background: #4f9dfc;
    color: #fff;
}

.item_contect {
    clear: both;
}

.item_contect table {
    border-top: 2px solid #333;
    background: #ccc;
    border-spacing: 1px;
}

.item_contect table th {
    height: 30px;
    background: #f1f1f1
}

.item_contect table td {
    background: #fff url(../_img/ico_plus.png) no-repeat 50% 50%;
    height: 100px;
}

.item_contect table td:first-child {
    background-image: none;
    text-align: center
}

.item_contect table td.over {
    background: #4f9dfc;
}

.item_contect table td .assigned {
    width: 100%;
    height: 100%;
    line-height: 100px;
    max-width: 600px;
    max-height: 100px;
    text-align: center;
    background: #328efe;
    color: #fff;
    font-weight: bold;
    border: 0 none;
}

.item_contect table td .assigned.trash {
    background-color: #f00;
}

.item_contect table td.bnn_con {
    background-image: none;
    background-color: #f1f1f1;
    text-align: center;
}

.item_contect .etc_info {
    font-size: 11px;
    color: #f00;
    margin-top: 20px;
}

/*마이페이지*/
.myinfo_box {
    background: url(../_img/bg_mypage.jpg) left top no-repeat;
    position: relative;
    height: 356px;
    width: 760px;
    overflow: hidden;
}

.my_photo {
    position: absolute;
    width: 126px;
    height: 126px;
    top: 30px;
    left: 317px;
}

.my_photo span {
    position: absolute;
}

.mynickname {
    position: absolute;
    top: 166px;
    left: 50%;
    margin-left: -125px;
    text-align: center;
    width: 250px;
    color: #fff;
    font-size: 20px;
    font-weight: bold;
}

ul.myinfo {
    padding-top: 205px;
    margin: 0 auto;
    width: 500px;
}

ul.myinfo li {
    float: left;
    color: #fff;
    font-size: 16px;
    padding: 0 20px;
    text-align: center;
}

ul.myranking {
    width: 760px;
    position: absolute;
    top: 277px;
}

ul.myranking li {
    float: left;
    width: 189px;
    padding-right: 1px;
    text-align: center;
}

ul.myranking li dt {
    color: #fff;
    font-size: 13px;
}

ul.myranking li dd {
    color: #fff;
    font-size: 34px;
    line-height: 40px;
}


#layer_pop {
    width: 570px;
    height: auto;
    border: solid 1px #666;
    position: relative;
}

.layer_pop2 {
    width: 800px;
    height: auto;
    border: solid 1px #666;
    position: relative;
}

.pop_contents {
    padding: 28px 20px;
}

.pop_contents h5.tit {
    font-size: 24px;
    line-height: 24px;
    padding: 0 0 15px 0;
    margin: 0;
    border-bottom: solid 2px #5e5e5e;
}

.pop_contents h5.tit_non_bd {
    font-size: 24px;
    line-height: 24px;
    padding: 0 0 15px 0;
    margin: 0;
}

span.btn_close {
    position: absolute;
    right: 20px;
    top: 28px;
}

.pop_contents textarea.modify_txt {
    margin-top: 15px;
    font-size: 14px;
    line-height: 24px;
    width: 95%;
    height: 250px;
    border: solid 1px #dcdcdc;
    padding: 10px;
}

.po_right {
    text-align: right;
    height: 30px;
    padding-top: 10px;
    color: #888d91;
}

.po_right img {
    vertical-align: middle;
    margin: 0 3px;
}

/* new_add */
.layer {
    display: none;
    position: fixed;
    _position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    z-index: 100;
}

/*.layer .bg {position:absolute; top:0; left:0; width:100%; height:100%; background:#000; opacity:.5; filter:alpha(opacity=50);}*/
.layer .bg {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: url(../_img/bg_layer.png);
}

/*.layer .pop-layer {display:block;}*/

.pop-layer {
    display: none;
    position: absolute;
    top: 50%;
    left: 50%;
    height: auto;
    background-color: #fff;
    z-index: 10;
}

.pop-layer .pop-container {
    padding: 20px 25px;
}

.pop-layer p.ctxt {
    color: #666;
    line-height: 25px;
}

.pop-layer .btn-r {
    width: 100%;
    margin: 10px 0 20px;
    padding-top: 10px;
    border-top: 1px solid #DDD;
    text-align: right;
}

.pop-layer.sitemap {
    width: 980px;
}


/*글쓰기테이블*/

table.write_tb {
    width: 100%;
    border-collapse: 0;
    border-spacing: 0;
    border-top: solid 1px #e5e5e5;
    border-right: solid 1px #e5e5e5;
    margin-top: 25px;
}

table.write_tb2 {
    width: 100%;
    border-collapse: 0;
    border-spacing: 0;
    border-top: solid 1px #e5e5e5;
    border-right: solid 1px #e5e5e5;
    margin-top: 0px;
}

table.write_tb th, table.write_tb2 th {
    padding: 5px 0;
    border-bottom: solid 1px #e5e5e5;
    border-left: solid 1px #e5e5e5;
    font-size: 12px;
    background: #f6f6f6;
    font-weight: normal;
    width: 15%;
}

table.write_tb td, table.write_tb2 td {
    padding: 5px 0 5px 10px;
    border-bottom: solid 1px #e5e5e5;
    border-left: solid 1px #e5e5e5;
}

table.write_tb td.center, table.write_tb2 th.center, table.write_tb2 td.center {
    padding: 0;
    border-bottom: solid 1px #e5e5e5;
    border-left: solid 1px #e5e5e5;
    text-align: center;
}

table.write_tb2 th.txtleft, table.write_tb2 td.txtleft {
    text-align: left;
    padding-left: 10px;
}

table.write_tb2 th.txtright, table.write_tb2 td.txtright {
    text-align: right;
    padding-right: 10px;
}

table.write_tb td.content, table.write_tb2 td.content {
    height: 150px;
    vertical-align: top;
}

table.write_tb input, table.write_tb select, table.write_tb textarea, table.write_tb2 input, table.write_tb2 select, table.write_tb2 textarea {
    padding: 3px 3px;
    font-size: 12px;
    border: solid 1px #c6c6c6;
    color: #666;
    vertical-align: middle;
}

table.write_tb input:focus, table.write_tb select:focus, table.write_tb textarea:focus, table.write_tb2 input:focus, table.write_tb2 select:focus, table.write_tb2 textarea:focus {
    border: solid 1px #6896d0;
    background: #f5f9ff;
}

span.btn_zipcode {
    font-size: 12px;
    color: #2d68b2;
    width: 88px;
    line-height: 26px;
    height: 26px;
    border: solid 1px #2d68b2;
    background: #fff;
    display: inline-block;
    text-align: center;
    vertical-align: middle;
}

.w98p {
    width: 98%;
}

.ad_title {
    width: 98%;
}

.ad_file {
    width: 70%
}

.ad_addr {
    width: 80%;
}

.ad_email {
    width: 40%;
}

#no_style,
#no_style tr,
#no_style td {
    margin: 0;
    padding: 0;
    border: 0 none;
}

.no_data {
    text-align: center;
    height: 100px;
}

/*0417-추가*** 0424 수정함****/
a.btn_grn:link {
    background: #6bad1d;
    text-align: center;
    color: #fff;
    padding: 3px 5px 4px 5px;
    margin: 1px 2px;
    border-radius: 2px;
    font-weight: normal;
    display: inline-block;
}

a.btn_grn:hover {
    color: #fff;
}

a.btn_grn:active {
    color: #fff;
}

a.btn_grn:visited {
    color: #fff;
}

a.btn_red:link {
    background: #c71414;
    text-align: center;
    color: #fff;
    padding: 3px 5px 4px 5px;
    margin: 1px 2px;
    border-radius: 2px;
    font-weight: normal;
    display: inline-block;
}

a.btn_red:hover {
    color: #fff;
}

a.btn_red:active {
    color: #fff;
}

a.btn_red:visited {
    color: #fff;
}

table.list_tb td a.btn_grn:hover {
    color: #fff;
    text-decoration: none;
    font-weight: normal;
}

table.list_tb td a.btn_red:hover {
    color: #fff;
    text-decoration: none;
    font-weight: normal;
}

a.btn_sm:link { /*background:#e8e8e8;*/
    background: linear-gradient(to bottom, #fff 0%, #e8e8e8 100%);
    text-align: center;
    color: #000;
    padding: 3px 6px 4px 6px;
    border: solid 1px #ccc;
    border-radius: 2px;
    font-weight: normal;
    display: inline-block;
}

a.btn_sm:hover {
    background: linear-gradient(to bottom, #e8e8e8 0%, #fff 100%);
    color: #000;
    border: solid 1px #878fa9;
}

a.btn_sm:active {
    color: #000;
    border: solid 1px #ccc;
}

a.btn_sm:visited {
    color: #000;
    border: solid 1px #ccc;
}

a.btn_dm:link { /*background:#e8e8e8;*/
    background: linear-gradient(to bottom, #fff 0%, #e8e8e8 100%);
    text-align: center;
    color: #000;
    padding: 3px 10px 4px 10px;
    border: solid 1px #ccc;
    border-radius: 2px;
    font-weight: normal;
    display: inline-block;
    margin: auto;
}

a.btn_dm:hover {
    background: linear-gradient(to bottom, #e8e8e8 0%, #fff 100%);
    color: #000;
    border: solid 1px #878fa9;
}

a.btn_dm:active {
    color: #000;
    border: solid 1px #ccc;
}

a.btn_dm:visited {
    color: #000;
    border: solid 1px #ccc;
}

table.list_tb td a.btn_sm:hover {
    color: #000;
    text-decoration: none;
    font-weight: normal;
    border: solid 1px #878fa9;
}

table.write_tb td a.btn_sm:hover {
    color: #000;
    text-decoration: none;
    font-weight: normal;
    border: solid 1px #878fa9;
}

table.list_tb td a.btn_dm:hover {
    color: #000;
    text-decoration: none;
    font-weight: normal;
    border: solid 1px #878fa9;
}

table.write_tb td a.btn_dm:hover {
    color: #000;
    text-decoration: none;
    font-weight: normal;
    border: solid 1px #878fa9;
}

p.infotxt {
    padding-bottom: 5px;
    color: #de0000;
    font-size: 11px;
}

span.essential {
    color: #de0000;
    font-size: 16px;
    margin-right: 2px;
}

a.btn_add:link {
    background: #fff url(../_img/icon_add.png) 5px center no-repeat;
    text-align: center;
    color: #126ecc;
    padding: 2px 5px 3px 15px;
    border: solid 1px #5b94e3;
    border-radius: 2px;
    font-weight: normal;
    margin-top: 5px;
    display: inline-block;
}

a.btn_add:hover {
    color: #126ecc;
    border: solid 1px #5b94e3;
}

a.btn_add:active {
    color: #126ecc;
    border: solid 1px #5b94e3;
}

a.btn_add:visited {
    color: #126ecc;
    border: solid 1px #5b94e3;
}


/*0424-추가*/
a.btn_dm_red:link { /*background:#e8e8e8;*/
    background: linear-gradient(to bottom, #fff 0%, #fff6f5 100%);
    text-align: center;
    color: #ff0000;
    padding: 3px 10px 4px 10px;
    border: solid 1px #fca198;
    border-radius: 2px;
    font-weight: normal;
    display: inline-block;
}

a.btn_dm_red:hover {
    background: linear-gradient(to bottom, #fff6f5 0%, #fff 100%);
    color: #ff0000;
    border: solid 1px #e63c3c;
}

a.btn_dm_red:active {
    color: #ff0000;
    border: solid 1px #fca198;
}

a.btn_dm_red:visited {
    color: #ff0000;
    border: solid 1px #fca198;
}

table.list_tb td a.btn_dm_red:hover {
    color: #ff0000;
    text-decoration: none;
    font-weight: normal;
    border: solid 1px #e63c3c;
}

table.write_tb td a.btn_dm_red:hover {
    color: #ff0000;
    text-decoration: none;
    font-weight: normal;
    border: solid 1px #e63c3c;
}


a.btn_dm_blue:link { /*background:#e8e8e8;*/
    background: linear-gradient(to bottom, #fff 0%, #e5eff6 100%);
    text-align: center;
    color: #1778b5;
    padding: 3px 10px 4px 10px;
    border: solid 1px #66abd7;
    border-radius: 2px;
    font-weight: normal;
    display: inline-block;
}

a.btn_dm_blue:hover {
    background: linear-gradient(to bottom, #e5eff6 0%, #fff 100%);
    color: #1778b5;
    border: solid 1px #2c8dca;
}

a.btn_dm_blue:active {
    color: #1778b5;
    border: solid 1px #66abd7;
}

a.btn_dm_blue:visited {
    color: #1778b5;
    border: solid 1px #66abd7;
}

table.list_tb td a.btn_dm_blue:hover, table.list_tb_intb td a.btn_dm_blue:hover {
    color: #1778b5;
    text-decoration: none;
    font-weight: normal;
    border: solid 1px #2c8dca;
}

table.write_tb td a.btn_dm_blue:hover {
    color: #1778b5;
    text-decoration: none;
    font-weight: normal;
    border: solid 1px #2c8dca;
}


a.btn_dm_grn:link { /*background:#e8e8e8;*/
    background: linear-gradient(to bottom, #fff 0%, #e1eadc 100%);
    text-align: center;
    color: #098b09;
    padding: 3px 10px 4px 10px;
    border: solid 1px #80b980;
    border-radius: 2px;
    font-weight: normal;
    display: inline-block;
}

a.btn_dm_grn:hover {
    background: linear-gradient(to bottom, #e1eadc 0%, #fff 100%);
    color: #098b09;
    border: solid 1px #0da40d;
}

a.btn_dm_grn:active {
    color: #098b09;
    border: solid 1px #80b980;
}

a.btn_dm_grn:visited {
    color: #098b09;
    border: solid 1px #80b980;
}

table.list_tb td a.btn_dm_grn:hover {
    color: #098b09;
    text-decoration: none;
    font-weight: normal;
    border: solid 1px #0da40d;
}

table.write_tb td a.btn_dm_grn:hover {
    color: #098b09;
    text-decoration: none;
    font-weight: normal;
    border: solid 1px #0da40d;
}

.inout_txt {
    padding: 5px 0 0 0;
    text-align: right;
    height: 15px;
    float: right;
}

ul.num_list li {
    display: inline-block;
    padding: 0 5px;
    color: #666;
}

ul.num_list li:nth-child(1) {
    font-weight: bold;
}

ul.num_list li:nth-child(1) span {
    font-weight: bold;
    color: #e63c3c;
}

ul.num_list li span {
    font-weight: bold;
    color: #2c8dca;
}

p.infotxt_bk {
    padding-bottom: 5px;
    color: #666;
    font-size: 11px;
}

span.essential_bk {
    color: #666;
    font-size: 16px;
    margin-right: 2px;
}

table.write_tb_intb {
    width: 100%;
    border-collapse: 0;
    border-spacing: 0;
    border-top: solid 1px #e5e5e5;
    border-right: solid 1px #e5e5e5;
}

table.write_tb_intb th {
    padding: 5px 0;
    border-bottom: solid 1px #e5e5e5;
    border-left: solid 1px #e5e5e5;
    font-size: 12px;
    background: #f6f6f6;
    font-weight: normal;
}

table.write_tb_intb td {
    padding: 5px;
    border-bottom: solid 1px #e5e5e5;
    border-left: solid 1px #e5e5e5;
}

table.write_tb_intb input, table.write_tb select, table.write_tb textarea {
    padding: 3px 3px;
    font-size: 12px;
    border: solid 1px #c6c6c6;
    color: #666;
    vertical-align: middle;
}

table.write_tb_intb input:focus, table.write_tb select:focus, table.write_tb textarea:focus {
    border: solid 1px #6896d0;
    background: #f5f9ff;
}

table.list_tb_intb {
    width: 100%;
    border-collapse: 0;
    border-spacing: 0;
    border-top: solid 1px #e5e5e5;
    border-right: solid 1px #e5e5e5;
    margin-top: 0;
}

table.list_tb_intb caption {
    text-align: left;
    padding-bottom: 5px;
    font-size: 11px;
}

table.list_tb_intb caption span {
    color: #ff5400;
    font-weight: bold;
}

table.list_tb_intb th {
    font-weight: normal;
    border-bottom: solid 1px #e5e5e5;
    border-left: solid 1px #e5e5e5;
    line-height: 18px;
    padding: 5px 0;
    background: #f6f6f6;
}

table.list_tb_intb td {
    text-align: center;
    letter-spacing: -0.5px;
    padding: 6px 2px;
    font-size: 12px;
    color: #333;
    border-bottom: solid 1px #e5e5e5;
    border-left: solid 1px #e5e5e5;
    position: relative;
    word-break: break-all;
}

table.list_tb_intb input, table.list_tb select, table.list_tb textarea {
    padding: 3px 3px;
    font-size: 12px;
    border: solid 1px #c6c6c6;
    color: #666;
    vertical-align: middle;
}

table.list_tb_intb input:focus, table.list_tb select:focus, table.list_tb textarea:focus {
    border: solid 1px #6896d0;
    background: #f5f9ff;
}

table.list_tb_intb td img.thumb {
    vertical-align: bottom;
    width: 90px;
}

table.list_tb_intb th.txtleft, table.list_tb_intb td.txtleft {
    text-align: left;
    padding-left: 10px;
}

table.list_tb_intb th.right, table.list_tb_intb td.right {
    text-align: right;
    padding-right: 10px;
}

table.list_tb_intb td.txtleft a {
    font-weight: bold;
}

table.list_tb_intb td.txtleftnb {
    text-align: left;
    padding-left: 10px;
}

table.list_tb_intb td span.cmt_num {
    padding-left: 10px;
    color: #F00;
}

table.list_tb_intb td a {
    color: #333;
    font-weight: bold;
}

table.list_tb_intb td a:hover {
    color: #1c68cb;
    font-weight: bold;
    text-decoration: underline;
}

table.list_tb_intb tr:hover td {
    background: #f4f8ff;
}

table.list_tb_intb td span.pro_img {
    padding-right: 10px;
    float: left;
    width: 50px;
    height: 50px;
    vertical-align: bottom;
}

table.list_tb_intb td span.pro_img img {
    vertical-align: bottom;
    width: 50px;
    height: 50px;
}

/*0425 추가*/
a.btn_add_new:link {
    background: #fff url(../_img/icon_arrow3.png) center 30px no-repeat;
    text-align: center;
    color: #2c8dca;
    padding: 10px 15px 25px 15px;
    border: solid 2px #2c8dca;
    border-radius: 2px;
    font-weight: normal;
    margin-top: 5px;
    display: inline-block;
    font-weight: bold;
}

a.btn_add_new:hover {
    color: #126ecc;
    border: solid 1px #5b94e3;
}

a.btn_add_new:active {
    color: #126ecc;
    border: solid 1px #5b94e3;
}

a.btn_add_new:visited {
    color: #126ecc;
    border: solid 1px #5b94e3;
}

div.dashboard {
    clear: both;
    position: relative;
    margin-top: 10px;
}

div.dashboard div.half {
    width: 48%;
    padding: 0 1%;
    float: left;
}

div.dashboard div.half div.left {
    height: 25px;
    width: 46%;
    padding: 0 1%;
    float: left;
    padding: 3px 0 3px 10px;
}

div.dashboard div.half div.right {
    height: 25px;
    width: 46%;
    padding: 0 1%;
    float: right;
    padding: 6px 0 3px 10px;
    text-align: right;
    vertical-align: bottom;
}

div.box-public-layer {
    display: none;
    padding: 10px;
    border: 1px solid #999;
    background-color: #fff;
    border-radius: 5px / 5px;
}

div.box-public-layer-header {
    text-align: right;
    font-weight: bold;
    font-size: 11pt;
}

div.box-public-layer-content {
}

ul.content_tab {
    margin-top: 10px;
}

ul.content_tab li {
    float: left;
    width: 100px;
    height: 25px;
    vertical-align: middle;
    text-align: center;
    border: 1px solid #e5e5e5;
    background-color: #f6f6f6;
    padding-top: 5px;
    border-radius: 7px 7px 0 0;
    margin-right: 3px;
    cursor: pointer;
}

ul.content_tab li.active {
    background-color: #fff;
    font-weight: bold;
}

#ui-datepicker-div {
    display: none;
}

table.basic-upload-box img {
    max-height: 50px;
}

table tr th.essential:before {
    content: "*";
    color: red;
    margin: 0 3px 0 3px;
    font-weight: bold;
}

table tr td b.essential:before {
    content: "*";
    color: red;
    margin: 0 3px 0 3px;
    font-weight: bold;
}

ul.option_group {
    display: flex;
}

ul.option_group li {
    margin-right: 5px;
}

.grecaptcha-badge {
    visibility: hidden;
}

input[type="checkbox"] + label, input[type="radio"] + label {
    margin-left: .3rem;
    cursor: pointer;
}

table.basic-upload-box td {
    text-align: left;
}

dl.file-wrap {
    display: flex;
    flex-wrap: wrap;
    width: 100%;
}

dl.file-wrap dt, dl.file-wrap dd {
    display: flex;
    margin-bottom: .5rem;
}

dl.file-wrap dt {
    font-weight: bold;
    width: 15%;
}

dl.file-wrap dd {
    width: 85%;
}