.tbl_caption{background-color:#EFF1E4; color:#666666; font-weight:bold; text-align:center;padding-top:4px}

IMG        {BORDER:none;}
p,div,span,td {color:#242528; /* font-family:????; */ font-size:12px}
a:link, a:visited{color:#666666; font-size:12px; text-decoration:none}
a:hover, a:active{color:#FF6600;  font-size:12px; text-decoration:underline}


.btn_ok {border:0px solid #02659a; font-size:11px; letter-spacing:-1px;  font-family:dotum; color:#fff; background:url(/jwAdd/images/bg_btn2.gif) repeat-x 0 bottom; height:22px; cursor:pointer;}
.btn_ok2 {border:0px solid #02659a; font-size:14px; letter-spacing:1px;  font-family:dotum; color:#fff; background:url(/jwAdd/images/bg_btn2.gif) repeat-x 0 bottom; height:28px; cursor:pointer;}
.btn_lst {border:1px solid #898989; font-size:11px; letter-spacing:-1px;  font-family:dotum; color:#333; background:url(/jwAdd/images/bg_btn1.gif) repeat-x 0 bottom; height:22px; width:42px; cursor:pointer;}

.tbl_caption2{background-color:#D8DBCE; color:#28352B; font-weight:bold; text-align:center;padding-top:4px}
.tbl_caption3{background-color:#F9FAF5; color:#28352B; font-weight:bold; text-align:center;padding-top:4px}

.tbl_title{font-size:13px; color:#5D5D5D; font-weight:bold;padding-top:5px;padding-left:0px;padding-right:0px;padding-bottom:10px;}
.tbl_title2{font-size:12px; color:#5D5D5D; font-weight:bold;padding-top:5px;padding-left:0px;padding-right:0px;padding-bottom:10px;}
.tbl_menu_sub{font-size:12px;}

.tbl_atitle{color:#525252; font-weight:bold}
.tbl_stitle{background-color:#E1E8F0; color:#666666; font-weight:bold; text-align:center;}
.tbl_ltitle{background-color:#E1E8F0; color:#666666; font-weight:bold; text-align:left;}
.tbl_ntitle{background-color:#F8F8F8; color:#ffffff; text-align:center;}
.tbl_ctitle{background-color:#D9D2C6; color:#666666; text-align:center;}
.tbl_mtitle{background-color:#D9D2C6; color:#ffffff; font-weight:bold; text-align:center;}
.tbl_rtitle{background-color:#ECEDE9; color:#747065; font-weight:bold; text-align:right;padding-right:7px}
.tbl_rtitle2{background-color:#ECEDE9; color:#A86451; font-weight:bold; text-align:right;padding-right:7px}
.tbl_subt{background-color:#F8F8F8; color:#666666; font-weight:bold; text-align:left; padding-left:12px}
.tbl_con{background-color:#FFFFFF; color:#666666; text-align:left; padding-left:12px}
.tbl_line{background-color:#D9D2C6; height:2px}

.tbl_vtitle{background-color:#E8EEED; color:#747065; font-weight:bold;  text-align:right;padding-right:7px}
.tbl_vtitle2{background-color:#E8EEED; color:#A86451; font-weight:bold;  text-align:right;padding-right:7px}


.tbl_through{text-decoration: line-through; color:#F49875;}


.textarea{font-family:Verdana,Tahoma,Arial,????;background-color:#FFFFFF;color:#000000;border: 1px solid #b0b0b0;font-size:9pt;}
select {font-size:12px;font-family:????;}
INPUT { border: expression( (this.type=='image'||this.type=='checkbox'||this.type=='radio') ? '' : '1px solid #b0b0b0' );font-size:9pt;}
textarea { border:1px solid #C0C0C0;font-size:9pt;}
.box { border: 1px solid #b0b0b0;font-size:9pt;}

.keywordbox {border:solid 1px #D4D4D4;font-size:10pt;font-weight:bold;color:#000000;background-color:#EFF3F5;height:20px;ime-mode:active;}


.skin_inp	{border: 1px solid #DBDBDB; background-color: #EEEEEE; padding: 2px 0 0 2px;}
.skin_scroll	{scrollbar-face-color: #DBDBDB; scrollbar-shadow-color: #EEEEEE;
	scrollbar-highlight-color: #DBDBDB;	scrollbar-3dlight-color: #EEEEEE;
	scrollbar-darkshadow-color: #DBDBDB; scrollbar-track-color: #EEEEEE; scrollbar-arrow-color: #FFFFFF;}


body {
	scrollbar-3dlight-color:#819FB6;
	scrollbar-arrow-color:#ffffff;
	scrollbar-base-color:#819FB6;
	scrollbar-darkshadow-color:#FFFFFF;
	scrollbar-face-color:#FFFFFF;
	scrollbar-highlight-color:#FFFFF;
	scrollbar-shadow-color:#819FB6
}

body {
	margin-left: 0px;
	margin-top: 0px;
	margin-right: 0px;
	margin-bottom: 0px;
}

/*********** ??? ???? CSS ************/

/* Anchor Button */
a.button,
a.button span { position:relative; display:inline-block; text-decoration:none !important; background:url("/xe/common/tpl/images/buttonWhite.gif") no-repeat; cursor:pointer; white-space:nowrap; vertical-align:middle; *vertical-align:top;}
a.button { padding:0; background-position:left top; overflow:visible;}
a.button span { left:2px; padding:6px 10px 5px 8px; color:#000; font:12px/12px Sans-serif; background-position:right top;}
/* Large Size */
a.button.large { background-position:left -30px; }
a.button.large span { padding:7px 10px 6px 8px; font:16px/16px Sans-serif; background-position:right -30px;}
/* xLarge Size */
a.button.xLarge { background-position:left -65px; }
a.button.xLarge span { padding:8px 10px 7px 8px; font:20px/20px Sans-serif; background-position:right -65px;}
/* Small Size */
a.button.small { background-position:left -107px; }
a.button.small span { padding:4px 6px 3px 4px; font:11px/11px Sans-serif; background-position:right -107px;}

/* Control Button + Submit Button */
span.button,
span.button button,
span.button input { position:relative; margin:0; display:inline-block; border:0; font:12px Sans-serif; white-space:nowrap; background:url("/xe/common/tpl/images/buttonWhite.gif") no-repeat; vertical-align:middle;}
span.button { padding:0; background-position:left top;}
span.button button,
span.button input { height:23px; left:2px; *top:-1px; _top:0; padding:0 10px 0 8px; line-height:24px; background-position:right top; cursor:pointer; *overflow:visible;}
/* Large Size */
span.button.large { background-position:left -30px;}
span.button.large button,
span.button.large input { height:30px; *top:0; _top:-1px; padding:0 10px 0 8px; font:16px/30px Sans-serif; background-position:right -30px;}
/* xLarge Size */
span.button.xLarge { background-position:left -65px;}
span.button.xLarge button,
span.button.xLarge input { height:35px; padding:0 10px 0 8px; font:20px/36px Sans-serif; background-position:right -65px;}
/* Small Size */
span.button.small { background-position:left -107px;}
span.button.small button,
span.button.small input { height:18px; *top:0; _top:-1px; padding:0 6px 0 4px; font:11px/18px Sans-serif; background-position:right -107px;}

/* Strong Button */
a.button.strong *,
span.button.strong * { font-weight:bold !important;}

/* Icon Add */
a.button .icon { position:relative; border:0; vertical-align:middle;}
span.button .icon { position:relative; left:10px; margin-right:8px; vertical-align:middle;}

/* Color Preset */
a.button.green,
a.button.green span,
span.button.green,
span.button.green button,
span.button.green input { background-image:url("/xe/common/tpl/images/buttonGreen.gif"); color:#fff;}
a.button.black,
a.button.black span,
span.button.black,
span.button.black button,
span.button.black input { background-image:url("/xe/common/tpl/images/buttonBlack.gif"); color:#fff;}
a.button.red,
a.button.red span,
span.button.red,
span.button.red button,
span.button.red input { background-image:url("/xe/common/tpl/images/buttonRed.gif"); color:#fff;}
a.button.blue,
a.button.blue span,
span.button.blue,
span.button.blue button,
span.button.blue input { background-image:url("/xe/common/tpl/images/buttonBlue.gif"); color:#fff;}

/* Offset Debug */
a.button,
span.button{ margin-right:2px;}

/* Button Set */
.buttonSet{ width:16px; height:16px; background-image:url("/xe/common/tpl/images/buttonSet.gif"); background-repeat:no-repeat; border:0; background-color:transparent; vertical-align:middle; display:inline-block; text-decoration:none;}
.buttonSet span{ z-index:-1; font-size:0; line-height:0; visibility:hidden;}
.buttonSet.buttonUp{ background-position:0 0;}
.buttonSet.buttonDown{ background-position:0 -16px;}
.buttonSet.buttonLeft{ background-position:0 -32px;}
.buttonSet.buttonRight{ background-position:0 -48px;}
.buttonSet.buttonInfo{ background-position:0 -64px;}
.buttonSet.buttonCopy{ background-position:0 -80px;}
.buttonSet.buttonSetting{ background-position:0 -96px;}
.buttonSet.buttonActive{ background-position:0 -112px;}
.buttonSet.buttonDisable{ background-position:0 -128px;}
.buttonSet.buttonDelete{ background-position:0 -144px;}
.buttonSet.buttonHomepage{ background-position:0 -160px;}
.buttonSet.buttonBlog{ background-position:0 -176px;}
.buttonSet.buttonCalendar{ background-position:0 -192px;}
.buttonSet.buttonLayoutEditor{ background-position:0 -208px;}
.buttonSet.buttonAddWidget{ background-position:0 -224px;}
.buttonSet.buttonAddContent{ background-position:0 -240px;}

/*********** ??? ???? CSS ************/



/* 20240715 */
tbody.navigation {display: none;}

@media all and (max-width: 768px) {
    * {box-sizing: border-box; font-size: 14px;}
    body {width: 100vw; padding: 5px;}
    table {display: block; width: 100%; border-collapse: collapse; border: none;}
    tr {display: block;}
    table.form_table td {display: block;}
    tbody {display: block;}
    span.mo_br {display: block; padding: 2.5px 0;}

    select {max-width: 100%; font-size: 14px;}
    input {max-width: 100%; font-size: 14px; box-sizing: border-box;}
    input + input {margin-top: 5px;}
    td b {display: inline-block;}
    .tbl_title,
    .tbl_rtitle,
    .tbl_title2,
    .tbl_rtitle2 {font-size: 14px; background: none; padding: 10px 5px 5px 5px; color: #000;}

    span.require {color: red;}

    tbody.section .tbl_title + td,
    tbody.section .tbl_title2 + td,
    tbody.section .tbl_rtitle + td,
    tbody.section .tbl_rtitle2 + td {border-bottom: 1px solid #ccc; padding: 5px 5px 10px 5px;}

    tbody.section table tr:first-of-type > td:first-of-type {border-top: 1px solid #ccc;}

    tbody.section {display: none;}
    tbody.section.section01 {display: block;}
    tbody.section td {width: 100%; text-align: left !important; font-size: 14px; border: none;}
    tbody.navigation {display: block;}
    tbody.navigation .nav {display: flex; justify-content: center; gap: 10px; margin-top: 10px;}
    tbody.navigation a {display: inline-block; padding: 10px 15px; color: #fff; border-radius: 5px; font-weight: bold; text-decoration: none;}
    tbody.navigation a.disable {display: none;}
    tbody.navigation a:hover {font-size: 14px;}
    tbody.navigation a.prev_btn {background-color: #bbb;}
    tbody.navigation a.next_btn {background-color: #299f44;}

    .form_table > tbody > tr > td.tbl_title {display: none;}

    .auth_table td {border-color: #e8e8e8;}
    .auth_table > tbody > tr:first-of-type > td:first-of-type {padding-top: 0 !important;}
}