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

/* basic */
html, select, body, button, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, img, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, b, u, i, center, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td, article, aside, canvas, details, embed, figure, figcaption, footer, header, hgroup, menu, nav, output, ruby, section, summary, time, mark, audio, video {
  margin: 0;
  padding: 0;
  border: 0;
  font-size: 100%;
  font: inherit;
  vertical-align: baseline;
  outline: none;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  text-decoration:none;
  font-family: Arial, Tahoma, sans-serif;
}
html { height: 101%; overflow-x:hidden; overflow-y:auto;}
body { font-size: 62.5%; line-height:1; font-family: Arial, Tahoma, sans-serif;}
button {cursor:pointer;}
article, aside, details, figcaption, figure, footer, header, hgroup, menu, nav, section { display: block; }
ol, ul { list-style: none; }
input {font-size:10pt; font-family:Arial, Tahoma, sans-serif; padding-left:5px; border:1px solid #c7c7c7; height:20px; margin:0;}

blockquote, q { quotes: none; }
blockquote:before, blockquote:after, q:before, q:after { content: ''; content: none; }
strong { font-weight: bold; }
caption {position:absolute; left:-1000%; top:0; width:1px; height:1px; font-size:0; line-height:0; overflow:hidden;}
img { border: 0; }


/* 마크업은 필요하고 보이지 않게 해야할 때 */
.blind {position:absolute; left:-1000%; top:0; width:1px; height:1px; font-size:0; line-height:0; overflow:hidden;}

/* 본문바로가기 */
#skipmenu {position:relative;  z-index:1000; padding:0; margin:0 auto; width:100%;}
a.skip_navi {position:absolute; display:block; width:100%; left:0; text-align:center; top:-10000px; z-index:500; line-height:2.6; font-size:13pt; padding:0; margin:0;}
a.skip_navi:hover, a.skip_navi:focus, a.skip_navi:active {position:absolute; top:0;  font-weight:bold; color:#fff; background:#3e3e3e; z-index:1000; margin:0; padding:0;}


/* layout */



.main_bg1 { background: url(../../image/ko/user/mbg.png) repeat-y; background-attachment:fixed;}
#admin_wrap {position:relative; overflow:hidden; clear:both;}
#layout_left {width:228px; overflow:hidden; background:#354052; float:left; position:relative; padding:0 0 180px 0;}
#layout_right {width:100%; margin-left:-228px; float:left; background:url(../../image/ko/user/mbg2.png) repeat-x;}
#layout_right .acore_zone {margin:0 0 0 235px; min-width:900px;}

#menu_wrap {clear:both; border-top:1px solid #414f65;} 
#menu_wrap a:link {color:#c9cbcf; font-size:11pt;}
#menu_wrap a:hover {color:#c9cbcf;}
#menu_wrap a:visited {color:#c9cbcf;}
#menu_wrap a:active {color:#c9cbcf;}

.logo {width:228px; height:88px; text-align:center; padding:10px 0; border-bottom:1px solid #2d3747;}
.menu_title {padding:20px 0 10px 15px; font-family:Arial, Helvetica, sans-serif; font-size:9pt; color:#5e769d; font-weight:bold; border-bottom:1px solid #414f65;}

/* 공통 */
.adminIcon {background:url(../../image/ko/user/admin_icon1.png) no-repeat;}

/* basic input size는 추가해서 쓰세요. */
.admin_input {border:1px solid #dfdfdf; height:23px; line-height:23px; padding:4px 2px; margin:0; font-size:9pt; color:#333;}
.input_size80 {width:80px;}
.input_size100 {width:100px;}
.input_size200 {width:200px;}
.input_size250 {width:250px;}
.input_size100p {width:100%;}

/* basic select */
.admin_select {border:1px solid #dfdfdf; padding:7px; font-size:9pt; color:#333;}
.select_size50 {width:50px;}
.select_size80 {width:80px;}
.select_size100 {width:100px;}

/* basic button */
.admin_button {height:32px; line-height:21px; padding:0 10px; font-size:10pt; margin-left:5px; cursor:pointer; font-weight:500;}
.small {height:20px;}

.button_black {background:#424242; color:#fff;}
.button_black:hover {background:#000; color:#fff;}
.button_red {background:#f14f4f; color:#fff;}
.button_red:hover {background:#c42d2d;}
.button_gray {background:#636363; color:#fff;}
.button_gray:hover {background:#3a3a3a;}
.button_pink {background:#e82561; color:#fff;}
.button_pink:hover {background:#a21c45;}
.button_violet {background:#335284; color:#fff;}
.button_violet:hover {background:#152d54;}


/* etc input */
.admin_checkbox {width:15px; height:15px; border:none; margin:0; padding:0; vertical-align:-3px; float:none;}
.admin_radio {border:none; margin:0; padding:0; width:15px; height:15px; vertical-align:-3px; float:none;}
.hidden_input {border:none; background:none; resize:none; float:none; display:inline; margin:0; padding:0; font-size:9pt;}
.hidden_input:focus {border:1px solid #dfdfdf; height:20px; line-height:20px; padding:4px 2px; margin:0; font-size:9pt;}

.admin_textarea {width:100%; border:1px solid #dfdfdf; height:200px;}

/* main menu  */
.Mmenu {clear:both; vertical-align:middle; padding:10px 0 7px 15px; line-height:1.4; border-bottom:1px solid #414f65;}
.Mmenu span {background:url(../../image/ko/user/admin_icon1.png) no-repeat; display:inline-block; width:20px; height:20px; float:left;}
.Mmenu_on {clear:both; vertical-align:middle; padding:10px 0 7px 15px; line-height:1.4; border-bottom:1px solid #414f65;}
.Mmenu_on span {background:url(../../image/ko/user/admin_icon1.png) no-repeat; display:inline-block; width:20px; height:20px; float:left;}
#menu_wrap .Mmenu_on a {color:#fff;}
.Mmenu .icon1 {background-position:0 0;}
.Mmenu_on .icon1_on {background-position:0 -21px;}


/* sub menu */
.SmenuUl {list-style-type:none; margin:0; padding:10px 0 10px 17px;}
.SmenuUl li {clear:both;}
#menu_wrap .SmenuUl li a {font-size:10pt;}
.SmenuUl li span {background:url(../../image/ko/user/admin_icon1.png) no-repeat; background-position:-19px -4px; width:20px; height:20px; display:inline-block; float:left;}
.SmenuUl li span.on {background-position:-19px -24px;}
#menu_wrap .SmenuUl li.on a {color:#5b87ce;}

/* content header */
.admin_header {text-align:right; font-size:10pt; color:#424242; clear:both;}
.admin_header .admin_info {padding:0; line-height:2.0; height:27px;}
.admin_header strong {color:#4068af; padding:0 5px; font-weight:500;}

/* content menu */
.adCont_top {clear:both; height:43px;}
.adCont_top .cont_title {font-size:14pt; color:#303030; font-weight:500; padding:10px 0 0 25px; float:left; display:inline-block;}

.cont_menu {list-style-type:none; margin:0; padding:10px 0 0 15px; float:left; display:inline-block;}
.cont_menu li {float:left; padding:6px 15px; margin:0 10px; display:inline-block;}
.cont_menu li a {font-size:11pt; color:#898989;}
.cont_menu li a:hover { color:#5b87ce;}
.cont_menu li:hover {border-bottom:5px solid #5b87ce;}
.cont_menu li.on {border-bottom:5px solid #5b87ce;}
.cont_menu li.on a {color:#5b87ce;}

/* content */
#content {clear:both; position:relative; padding:15px 25px 30px 25px;}
.cl_top {clear:both; position:relative; height:40px;}
.cl_top .cl_title {font-size:13pt; line-height:18px; font-weight:500;}
.cl_top .cl_title span {display:inline-block; width:19px; height:17px; overflow:hidden; background-position:-42px -1px; vertical-align:-4px;}
.cl_top .cl_nav {position:absolute; right:10px; top:2px; font-size:9pt;}

/* table header */
.adTableHead {background:#f4f4f4; height:50px; overflow:hidden; position:relative; clear:both; }
.adTableHead select,input {float:left; margin-right:5px;}
.adTopLeft {position:absolute; left:15px; top:8px;}
.adTopRight {position:absolute; right:15px; top:8px;}

/* table button*/
.deleteIcon {display:inline-block; background-position:-19px -79px; width:23px; height:20px; vertical-align:-5px;}
.addIcon {display:inline-block; background-position:-38px -79px; width:23px; height:20px; vertical-align:-5px;}
.saveIcon {display:inline-block; background-position:-61px -80px; width:23px; height:20px; vertical-align:-5px;}
.listIcon {display:inline-block; background-position:-81px -80px; width:23px; height:20px; vertical-align:-5px;}

.viewIcon {display:inline-block; background-position:-82px -55px; width:23px; height:20px; text-indent:-999px; overflow:hidden;}

/* table Content */
.adminTable_wrap .tableRightBtn {float:right; padding:0 0 10px 0;}
.adminTable_wrap {clear:both; padding-top:20px;}
.BasicTable_list {clear:both; border-top:3px solid #8f8f8f; width:100%; padding-bottom:10px;}
.BasicTable_list thead th {background:#e8e8e8; font-size:10pt; padding:5px 0; line-height:2.3; text-align:center;}
.BasicTable_list tbody td {border-bottom:1px solid #e1e1e1; font-size:9pt; text-align:center; padding:5px 0;} 
.BasicTable_list tbody td.contentLeft {text-align:left;}
.BasicTable_list tbody tr:hover {background:#f4f4f4;}

/* basic board bottom */
.brd_counter {float:left; font-size:9pt;}
.brd_counter strong {color:#333; font-size:10pt; padding:0 2px;}

/* table page */
.brd_bottom {clear:both; padding:10px 0; width:100%; position:relative; text-align:center; overflow:hidden;}
.brd_bottom strong {display:inline-block; width:20px; line-height:1.5; height:20px; font-size:10pt; border:1px solid #354052; vertical-align:middle; background:#354052; color:#fff;}
.brd_bottom a {font-size:10pt; display:inline-block; line-height:1.5; width:20px; height:20px; vertical-align:middle;  border:1px solid #dcdcdc;background:#eeeeee; color:#797979; cursor:pointer; text-indent:hanging; overflow:hidden;}
.brd_bottom a:hover { background:#354052; color:#fff; cursor:pointer;}
.brd_bottom a.pagemenu_first {text-indent:-45px; background:#eeeeee url(../../image/ko/user/admin_icon1.png) no-repeat; background-position:-121px 0px; overflow:hidden;}
.brd_bottom a.pagemenu_first:hover {text-indent:-45px; background:#eeeeee url(../../image/ko/user/admin_icon1.png) no-repeat; background-position:-121px -20px; overflow:hidden;}
.brd_bottom a.pagemenu_prev {text-indent:-45px; background:#eeeeee url(../../image/ko/user/admin_icon1.png) no-repeat; background-position:-80px 0px; overflow:hidden;}
.brd_bottom a.pagemenu_prev:hover {text-indent:-45px; background:#eeeeee url(../../image/ko/user/admin_icon1.png) no-repeat; background-position:-80px -20px; overflow:hidden;}
.brd_bottom a.pagemenu_next {text-indent:-45px; background:#eeeeee url(../../image/ko/user/admin_icon1.png) no-repeat; background-position:-100px 0px; overflow:hidden;}
.brd_bottom a.pagemenu_next:hover {text-indent:-45px; background:#eeeeee url(../../image/ko/user/admin_icon1.png) no-repeat; background-position:-100px -20px; overflow:hidden;}
.brd_bottom a.pagemenu_last {text-indent:-45px; background:#eeeeee url(../../image/ko/user/admin_icon1.png) no-repeat; background-position:-140px 0px; overflow:hidden;}
.brd_bottom a.pagemenu_last:hover {text-indent:-45px; background:#eeeeee url(../../image/ko/user/admin_icon1.png) no-repeat; background-position:-140px -20px; overflow:hidden;}


.BasicTable_edit {clear:both; width:100%; border-top:3px solid #647899; padding-bottom:20px;}
.BasicTable_edit tbody th {line-height:1.6; padding:10px 0; background:#f0f0f0; vertical-align:middle; font-size:10pt; border-bottom:1px solid #dfdfdf;}
.BasicTable_edit tbody td {line-height:1.6; font-size:9pt; padding:5px; vertical-align:middle; border-bottom:1px solid #dfdfdf;}
.BasicTable_edit tbody td label {padding-left:5px; display:inline-block;}
.BasicTable_edit tbody td input {float:none;}

.popTemList {clear:both;}
.popTemList li {float:left; padding-right:5px;}
.popTemList li span, .popTemList li label {display:block; text-align:center; width:62px;}