@charset "utf-8";

/* 나눔바른고딕 */
@font-face {
  font-family: 'NBGothic';
  font-style: normal;
  src: url('./fonts/NanumBarunGothic.eot');
  src: local('NanumGothic'),
       url('./fonts/NanumBarunGothic.eot?#iefix') format('embedded-opentype'),
       url('./fonts/NanumBarunGothic.woff') format('woff');}
/* 나눔바른고딕-볼드 */
@font-face {
  font-family: 'NBGothicBold';
  font-style: normal;
  src: url('./fonts/NanumBarunGothicBold.eot');
  src: local('NBGothicBold'),
       url('./fonts/NanumBarunGothicBold.eot?#iefix') format('embedded-opentype'),
       url('./fonts/NanumBarunGothicBold.woff') format('woff');}
/* 나눔스퀘어-볼드 */
@font-face {
  font-family: 'NSquareBold';
  font-style: normal;
  src: url('./fonts/nanumsquareb.eot');
  src: local('NSquareBold'),
       url('./fonts/nanumsquareb.eot?#iefix') format('embedded-opentype'),
       url('./fonts/nanumsquareb.woff') format('woff');}

/* reset */
html, body, div, span, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, abbr, address, cite, code, del, dfn, em, img, ins, kdb, q, samp, small, strong, sub, sup, var, b, i, dl, dt, dd, ul, ol, li, form, input, fieldset, label, legend, table, caption, tbody, tfoot, thead, tr, th, td, article, aside, canvas, details, figcaption, figure, footer, header, hgroup, menu, nav, section, summary, time, mark, audio, video {margin:0; padding:0;}
body {width:100%; color:#494949; font-size:14px; font-family:'NBGothic', '나눔바른고딕', '맑은 고딕', Malgun Gothic;}
article,aside,details,figcaption,figure,footer,header,hgroup,menu,nav,section,canvas,video{display:block}
ul, li {list-style: none;}
fieldset, iframe {border:0;}
img {border:0; vertical-align:top;}
fieldset,iframe{border:0 none}
hr {display:none;}
caption, legend {top:-9999px; left: -9999px; font-size: 0px; line-height: 0;}
.hidden {font-size:0; width:0; height:0; line-height:0; position:absolute; left:-9999px;}
 *{-webkit-box-sizing:border-box; -ms-box-sizing:border-box; box-sizing:border-box;}
a{color:inherit; -webkit-transition:all 0.3s ease; -ms-transition:all 0.3s ease; transition:all 0.3s ease;}
table{border-collapse:collapse; border-spacing:0; width:100%;}
button,input,optgroup,select,textarea{outline:none; background-color:#fff;}
button{border:0 none; background-color:transparent; cursor:pointer; overflow:visible}
button[disabled],input[disabled] {cursor:default;}
textarea:focus,input:focus{outline:none;}
textarea {overflow:auto; resize:none; padding:5px; font:normal 14px/1.4 'NBGothic', '나눔바른고딕', '맑은 고딕', Malgun Gothic; border:1px solid #d7dae0;}
textarea:focus {border:1px solid #0288d1;}
::-webkit-input-placeholder {color:#888;}
:-ms-input-placeholder {color:#888;}
::placeholder {color:#888;}

/* 레이아웃 */
#topheader {position:fixed; top:0; left:0; width:100%; height:59px; background:#0289d1; z-index:99;}
#gnb {position:fixed; top:59px; left:0; bottom:0; width:260px; background:#303033;; overflow:auto;}
#container {margin:59px 0 0 260px;}
#container .contents {min-width:1560px; padding:20px 50px 50px 50px; background:#fff;
-webkit-box-shadow: inset 0px 5px 5px 0px rgba(209,209,209,0.5);
-moz-box-shadow: inset 0px 5px 5px 0px rgba(209,209,209,0.5);
box-shadow: inset 0px 5px 5px 0px rgba(209,209,209,0.5);}

/* 탑헤더 */
#topheader > h1 {position:absolute; top: 12px; left: 35px; height: 35px; width: 35px; background: url(../images/favicon.png) no-repeat 0 0; background-size: 35px 35px;}
#topheader > .header_text {position: absolute; top: 16px; left: 80px; color: #fff; font-size: 2em; font-weight: bold;}
#topheader > .login_info {float:right; line-height:59px;}
#topheader > .login_info .memberno {display:inline; color:#fff;}
#topheader > .login_info .memberno:after {content:""; padding-left:13px; background:url('../images/admin/line.png') no-repeat right;}
#topheader > .login_info .memberno a {text-decoration:none;}
#topheader > .login_info .member_last_logon_info {display:inline; color:#fff; padding-left:13px;}
#topheader > .login_info .member_last_logon_info:after {content:""; padding-left:13px; background:url('../images/admin/line.png') no-repeat right;}
#topheader > .login_info .btn_logout {display:inline-block; color:#fff; margin-right:44px;}
/* gnb */
#gnb {font-family:'NBGothicBold'; z-index:1;}
.tab_gnb .tab_con > div.first { display: block;}
.tab_gnb > .tab {width:100%; color:#696a6b; background:#2a2b2e;}
.tab_gnb > .tab li a {float:left; width:50%; height:49px; padding-top:1px; line-height:49px; font-weight:bold; font-size:20px; text-align:center; border-bottom:1px solid #3b3c3e; text-decoration:none;}
.tab_gnb > .tab li.on {color:#0289d1; font-weight:bold;}
.tab_gnb > .tab li.on a {position:relative;}
.tab_gnb > .tab li.on a:after {content:""; position:absolute; left:0; bottom:-1px; width:100%; height:3px; background:#0289d1;}
.tab_gnb > .tab li a:first-child { border-right:1px solid #3b3c3e;}
.tab_gnb > .tab_con {padding-top:40px; background:#2a2b2e;}
.tab_gnb > .tab_con div {display: none;}
.tab_gnb .tab_con .tab_ntwrap > ul {width:100%; overflow:hidden;}
.tab_gnb .tab_ntwrap > ul li {width:100%; margin:0; font-size:15px; color:#939394; background:#2a2b2e; border-bottom:1px solid #303033;}
.tab_gnb .tab_ntwrap > ul li:hover,
.tab_gnb .tab_ntwrap > ul li a.on {background:#4c4c50; color:#fff;}
.tab_gnb .tab_ntwrap > ul li a {width:100%; padding:14px 0 14px 30px; text-overflow: ellipsis; white-space: nowrap; word-wrap: normal; overflow: hidden; text-decoration:none;}
.tab_gnb .tab_ntwrap > ul li > ul {display:none;}
.tab_gnb .tab_ntwrap > ul li.active>a {background: url('../images/admin/close.png') no-repeat center right;}
.tab_gnb .tab_ntwrap > ul a {display: block; cursor: pointer; background: url('../images/admin/open.png') no-repeat center right;}
/* 2depth */
.tab_gnb .tab_ntwrap > ul li ul li a,
.tab_gnb .tab_ntwrap > ul li ul li a:link,
.tab_gnb .tab_ntwrap > ul li ul li a:visited {background:none; background-color:#232324;}
.tab_gnb .tab_ntwrap > ul li ul li a:hover,
.tab_gnb .tab_ntwrap > ul li ul li a.on {color:#05a1f5; background:url('../images/admin/dot1.png') no-repeat 17px 20px; background-color:#232324; transition:none;}

/* 본문스타일 */
.contents h2 {padding:16px 0; color:#0288d1; font-size:22px; letter-spacing:-1px;}
.contents h3 {margin-top:10px; padding:10px 0; color:#7a7a80; font-size:18px; letter-spacing:-1px;}
.contents h2 ~ h3 {margin-top:0;}
.contents .path {margin-bottom:10px; text-align:right; font-size:12px;}
.contents .path a {text-decoration:none;}
section {overflow:hidden;}
/* 목록형 기본 테이블 */
.table_list {border-top:2px solid #d3d5db;}
.table_list th, .table_list td {border:1px solid #d3d5db;}
.table_list th {font-weight:normal; background:#f9f9f9;}
.table_list th, .table_list td {padding:10px; text-align:center;}
.table_list a:link, .table_list a:visited {border-bottom:1px solid #5b5b5e; text-decoration:none;}
.table_list a:hover {color:#0289d1; border-bottom:1px solid #0289d1;}
.table_list tr:hover {background:#f2f9fc;}
.table_list td.total {background:#f9f9f9;}
.table_list td.noData:hover {background:#fff;}
.table_list tr.selectLine {background:#f9f9f9;}
.table_list tr.nonSelectLine,.table_list td.nonSelectLine{background:#fcf5f5; color:#ccc;}
.table_list tr.nonSelectLine a, .table_list tr.nonSelectLine a:hover,.table_list td.nonSelectLine a, .table_list td.nonSelectLine a:hover {border-bottom:none; color:inherit;}
.table_list tr.nonSelectLine a.cause ,.table_list td.nonSelectLine a.cause{color:red;}
/* 입력 상세형 기본 테이블 */
.table_view {border-top:2px solid #d3d5db;}
.table_view th, .table_view td {border:1px solid #d3d5db;}
.table_view th {text-align:left; font-weight:normal; background:#f9f9f9;}
.table_view th, .table_view td {padding:10px 15px; text-align:left;}
.table_view td.subject {background:#f2f9fc;}
.table_view td .scrollBox{width:100%; height:170px; overflow-y:scroll; overflow-x:hidden; border-left:1px solid #eaeaea; border-top:1px solid #eaeaea; border-bottom:1px solid #eaeaea; background:#f6f6f6;}
.table_view td .scrollBox .float{float:left; font-size:11px; font-family:'NBGothic', '나눔바른고딕', '맑은 고딕', Malgun Gothic; }
.table_view td .scrollBox .float a:hover{color:#0abecc; }
.table_view td .scrollBox a {vertical-align: middle;}
.table_view td .scrollBox a:link {border-bottom: none;}
.table_view td .scrollBox img, input {vertical-align: middle;}
.table_view a:link, .table_view a:visited {border-bottom:1px solid #5b5b5e; text-decoration:none;}
.table_view a:hover {color:#0289d1; border-bottom:1px solid #0289d1;}
.table_view a img {border:0 none;}
table .le {text-align:left;}
table .ce {text-align:center;}
table .ri {text-align:right;}
.must span {font-size:0; text-indent:-9999px;}
.must:after {content:"\002A"; margin-left:3px; color:red; font-weight:bold; font-size:20px;}
/* 테이블 상단 버튼영역 */
.table_func {width:100%; height:50px; padding:8px 8px 7px 8px; border:solid #d7dae0; border-width:2px 1px 0 1px; background:#f2f9fc;}
.table_func .left {float:left;}
.table_func .right {float:right;}
.table_view_head {clear:both; width:100%; height:50px; border:solid #d7dae0; border-width:2px 1px 0 1px; background:#fff; line-height:48px;}
.table_view_head h4 {float:left; font-weight:normal; font-size:16px; padding-left:17px;}
.table_view_head h4::before {content:''; background:url('../images/admin/com.png') no-repeat -174px -5px; padding-left:25px;}
.table_view_head > .lay_right {float:right; display:inline-block; margin:13px 10px 0 0; line-height:20px;}
.table_func + .table_view,
.table_func + .table_list,
.table_view_head + .table_view,
.table_view_head + .table_list,
.table_func + .wideTable > .table_list,
.table_view_head + .wideTable > .table_list  {border-top:1px solid #d3d5db;}
.table_view_head .right_text {float: right; padding-right: 17px;}
.ico_calendar {display:inline-block; width:32px; height:32px; background:url('../images/admin/com.png') no-repeat 0 -183px; text-indent:-9999px; line-height:34px; vertical-align:top;}
a:link.ico_calendar {border:0;}
.btn_align {width:18px; height:14px; text-indent:-9999px; cursor:pointer;}
.btn_align.up {background:url('../images/admin/com.png') no-repeat 0 -154px;}
.btn_align.down {background:url('../images/admin/com.png') no-repeat -25px -154px;}
.guide_txt_line {margin:20px 0; text-align:center; font-size:13px;}
.guide_txt_noti {margin:20px 0; text-align:center; font-size:16px; line-height:1.8;}
.guide_txt {margin:10px 0;}
.guide_txt li {text-align:left; line-height:1.6;}
.guide_txt li:before {content:'\204E  '}
.guide_txt_head {margin:0 0 7px 0; font-size:13px;}
.guide_txt_head > p {font-size:12px;}
.guide_txt_head > p > span {margin:0 3px; color:red; font-weight:bold; font-size:15px;}
.listResultNum {margin:8px 0;}
.listResultNum strong,
.listResultNum .succeed {font-weight:bold; color:#0288d1;}
.listResultNum .fail {font-weight:bold; color:#ff0000;}
.listResultNum .succeed:before, .listResultNum .fail:before,
.listResultNum span:before {content:""; border-left:1px solid #ccc; margin:0 10px;}
.line_notUsed {color:#ccc;}
.file_upload_list {margin-top:15px; line-height:1.8;}

/* 버튼 */
button[type="button"].btn {min-width:80px; padding:0 13px; height:32px; line-height:32px; border:1px solid #d7d8e0; border-radius:1px; background:#fff; color:#49494c; font-size:14px; vertical-align:middle;}
button[type="button"].btn.btn_func {border:1px solid #0288d1; color:#fff; background:#0288d1; vertical-align:middle;}
button[type="button"].btn:hover {border:1px solid #5d5e61;}
button[type="button"].btn:disabled {border:1px solid #eee; border-radius:1px; background:#eee; color:#666;}
button[type="button"].btn:hover:disabled {border:1px solid #eee;}
.btnArea {position:relative; width:100%; height:32px; margin:15px 0 20px 0;}
.btnArea > .center {position:absolute; top:50%; left:50%; transform: translate(-50%, -50%);}
.btnArea > .left {position:absolute; top:0; left:0;}
.btnArea > .right {position:absolute; top:0; right:0;}
.btnArea.popupTop {margin:0 0 7px 0;}
.table_view a.btn, .table_list a.btn {border-bottom:1px solid #b0b3b7;}
.table_view a.btn:hover, .table_list a.btn:hover {color:inherit;}
a.btn {display:inline-block; min-width:80px; padding:7px 18px 7px; border:1px solid #b0b3b7; border-radius:1px; background:#fff; font-size:14px; text-decoration:none; text-align:center; vertical-align: middle;}
a.btn.btn_func {border:1px solid #0288d1; color:#fff; background:#0288d1;}
a.btn+a.btn {margin-left:2px;}
a.btn.wide {width:120px;}
a.btn:hover {border:1px solid #5d5e61;}
a.btn.btn_func:hover {border:1px solid #0288d1; color:#a5cae9;}
a.btn.btn_func.disabled {color:#a5cae9; cursor:default;}
/* 테이블안 작은버튼 */
.table_view .btn_small, .table_list .btn_small, .table_list a.btn_min, .table_view a.btn_min {border-bottom:1px solid #d7d8e0;}
.btn_small {display:inline-block; min-width:60px; margin:-4px 0; padding:4px 12px; border:1px solid #d7d8e0; border-radius:1px; background:#f9f9f9; font-size:14px; font-family:'맑은 고딕', Malgun Gothic; color:#49494c; text-decoration:none; text-align:center;}
.btn_small:hover {border:1px solid #5d5e61; color:inherit;}
.btn_small + .btn_small {margin-left:2px;}
/* .btn_small.disabled {border:1px solid #d7d8e0; border-radius:1px; background:#eee; color:#666; cursor:default;} */
.btn_small.btn_func {border:1px solid #0288d1; color:#fff; background:#0288d1;}
.btn_small.btn_func:hover {border:1px solid #0288d1; color:#a5cae9;}
.table_view td .btn_small, .table_list td .btn_small {border-bottom:1px solid #d7d8e0; height:30px; line-height:20px;} /* 0509 추가 */
.table_view td .btn_small:hover, .table_list td .btn_small:hover {color:inherit; border-bottom:1px solid #5d5e61;}
.table_list td .btn_small.btn_func:hover {color:#a5cae9;}
.btn_small.disabled,
.btn_small:disabled {opacity:0.6; cursor:default; border:1px solid #e2e2e2;}
.btn_small.disabled:hover, .btn_small:disabled:hover {cursor:default;}
a.btn_min {display:inline-block; padding:3px; border:1px solid #d7d8e0; border-radius:3px; background:#f9f9f9; font-size:12px; font-family:'맑은 고딕', Malgun Gothic; color:#49494c; text-decoration:none; text-align:center;}
a.btn_min:hover {border:1px solid #5d5e61; color:inherit;}
.btnArea > .right > .btn_small {margin:1px 0 0 0;}
.btn_tag {display:inline-block; margin:2px; padding:3px 6px; border:1px solid #d7d8e0; border-radius:3px; background:#f9f9f9; font-size:12px; font-family:'맑은 고딕', Malgun Gothic; color:#49494c; text-decoration:none; text-align:center;}
.btn_tag:after {content:'\2716'; margin-left:3px;}
.btn_tag:hover {border:1px solid #5d5e61; color:inherit;}
.btn_tag.btn_func {border:1px solid #0288d1; color:#fff; background:#0288d1;}
.btn_tag.btn_func:after {content:''}
.btn_tag.btn_func:hover {border:1px solid #0288d1; color:#a5cae9;}
.table_view .btn_tag.btn_func {border:1px solid #0288d1;}
.table_view_head > .btn_small {line-height:20px;}

/* 폼 */
input {padding:0 5px; border:1px solid #d7dae0; height:32px; font-size:14px; line-height:32px; vertical-align:middle;  -webkit-transition:all 0.3s ease; -ms-transition:all 0.3s ease; transition:all 0.3s ease;}
input[type="number"] {text-align:right;}
input[type="number"].ce {text-align:center;}
input[type="file"] {border:0;}
input[type=text]::-ms-clear {display:none;}
input[type="file"] {height:32px; border-bottom:0;}
input[type="password"] {font-size:20px;}
input:disabled {opacity:0.5;}
button[type="button"] {-webkit-transition:all 0.3s ease; -ms-transition:all 0.3s ease; transition:all 0.3s ease;}
input:focus {border:1px solid #0288d1;}
label.c_on, label.r_on {-webkit-transition:all 0.2s ease; -ms-transition:all 0.2s ease; transition:all 0.2s ease;}
label {cursor:pointer; padding-bottom:0;}
.label_check,
.label_radio    {width:16px; height:16px; padding-left:20px;}
.label_radio    { background: url('../images/admin/ico_radio.png') no-repeat 0 0;} /* radio off */
.label_check    { background: url('../images/admin/ico_checkbox.png') no-repeat 0 0;} /* check off */
.label_check1    { background: url('../images/admin/ico_checkbox.png') no-repeat 0 0;} /* check off */
.label_check2    { background: url('../images/admin/ico_checkbox.png') no-repeat 0 0;} /* check off */
.label_check3    { background: url('../images/admin/ico_checkbox.png') no-repeat 0 0;} /* check off */
label.c_on      { background: url('../images/admin/ico_checkbox.png') no-repeat 0 -20px;} /* check on */
label.r_on      { background: url('../images/admin/ico_radio.png') no-repeat 0 -20px;} /* radio on */
.label_check input,
.label_radio input  {position:absolute; left:-9999px;}
.label_radio+.label_radio, .label_check+.label_check {margin-left:10px;}
.label_radio+input[type="text"] {margin-left:10px;}
.sel {min-width:120px; padding-left:10px; height:32px; border:1px solid #d7d8e0; font-size:14px; vertical-align:middle;}
.sel2 {min-width:95px; padding-left:10px; height:32px; border:1px solid #d7d8e0; font-size:14px; vertical-align:middle;}
.sel3 {min-width:150px; padding-left:10px; height:32px; border:1px solid #d7d8e0; font-size:14px; vertical-align:middle;}
label.c_disabled {background: url('../images/admin/ico_checkbox.png') no-repeat 0 -40px; color:#999; cursor:default;}
label.r_disabled {background: url('../images/admin/ico_radio.png') no-repeat 0 -40px; color:#999; cursor:default;}
.file_input label {position:relative; display:inline-block; vertical-align:middle; overflow:hidden; width:80px; height:32px; background:#999; color:#fff; text-align:center;line-height:32px; font-size:12px; font-family:'맑은 고딕', Malgun Gothic;}
.file_input label input {position:absolute; width:0; height:0; overflow:hidden; border:none;}
.file_input input[type=text] {display:inline-block; width:400px; height:32px; line-height:32px; color:#494949; font-size:12px; border:1px solid #d7dae0; vertical-align:middle;}
.file_input.disabled label {background:#999; color:#fff; opacity:0.5; cursor:default;}

/* common */
.writeEditor {width:100%; margin-top:20px; min-height:250px; border:1px solid #d5d6de;}
.writeEditor > div {padding:20px; line-height:1.5;}
.clear:after{display:block; clear:both; content:'.'; overflow:hidden; visibility:hidden; height:0}
.lay_left {float:left;}
.lay_right {float:right;}
.le {text-align:left;}
.ce {text-align:center;}
.ri {text-align:right;}
.mgtop5 {margin-top:5px;}
.mgtop10 {margin-top:10px;}
.mgtop15 {margin-top:15px;}
.mgtop30 {margin-top:30px;}
.mgl {margin-left:10px;}
.lay_near {margin-left:20px;}
.lay_far {margin-left:50px;}
.mgbot30 {margin-bottom:30px;}
/* datepicker */
.some_class, .datetpicker {background:url('../images/admin/ico_calendar.png') no-repeat right top; cursor:pointer;}
/* contents */
.link_re {line-height:1.8;}
.tooltip {position:relative; display: inline-block;}
.tooltip .tooltiptext {visibility:hidden; width:170px; background-color:#4e4f52; color:#eee; font-size:12px; text-align:left; border-radius:16px; padding:10px 15px; position:absolute;z-index:9; top:150%; right:0; margin-left:-125px; line-height:1.8;}
.tooltip .tooltiptext::after {content: ""; position:absolute; bottom:100%; right:15%; margin-left:35px; border-width:5px; border-style:solid; border-color:transparent transparent #4e4f52 transparent;}
.tooltip.ce .tooltiptext {left:50%; margin-left:-85px;}
.tooltip.ce .tooltiptext::after {right:47%; margin-left:0;}
.tooltip:hover .tooltiptext {visibility:visible;}
.pic_dpimg {display:inline-block; vertical-align:bottom;}
.pic_dpimg > a img, .pic_dpimg > img {vertical-align:middle;}
.pic_dpimg > img + .file_input, .pic_dpimg > a + .file_input,
.pic_dpimg > a.btn  {display:inline-block; margin-left:10px;}
.pic_dpimg + .file_input {display:inline-block; margin-left:0;}
.img_border {border:1px solid #f0f0f0;}
.pic_dpimg > a img {border:1px solid #f0f0f0;}
.pic_dpimg > a img.shop_thumbnail {border:none;}
.txt_file {margin: 5px 0 0 85px; font-size:12px;}
.wideTable {overflow-x:auto;}
.display_on {color:forestGreen;}
.display_off {color:red;}
.eventState {margin-left:20px;}
.eventState i {font-style:normal; font-weight:bold;}
.eventState .ready {color:orange;}
.eventState .ing {color:forestGreen;}
.eventState .over {color:red;}
.admin_auth_list {position:relative;}
.admin_auth_list > ul li {display:inline; margin-right:40px; line-height:1.8;}
.admin_auth_list > ul li::before {content:'- '}
.admin_auth_list > ul li:nth-child(5n):after {margin-right:-40px; content: '\A'; white-space:pre;}
.admin_auth_list > .lay_right {position:absolute; top:50%; right:0; transform:translate(-50%, -50%);}
.fontsm {font-size:smaller;}
.typeCheckList label:nth-child(8n):after {content:'\A'; white-space:pre; line-height:1.8;}
.typeCheckList label:nth-child(9) {margin-left:0;}
.click {cursor:pointer;}

/* 이미지 썸네일목록 */
.content_img_thum li {float:left; width:250px;margin-right:30px; text-align:center;}
.content_img_thum li dl dt {font-weight:bold; line-height:30px;}
.content_img_thum li dl dd {line-height:1.8;}

/* 퀴즈등록 */
.quizBlock_area {padding:15px; border:solid #d3d5db; border-width:1px;}
.quizBlock_area .quizBlock {margin-top:30px;}
.quizBlock_area .quizBlock:first-child {margin-top:15px;}
.quizBlock_area .quizBlock > .btnArea {height:30px; margin:0 0 5px 0;}
.btn_up {display:inline-block; width:30px; height:30px; background:url('../images/admin/com.png') no-repeat -222px -57px; border:1px solid #d7dae0; text-indent:-9999px;}
.btn_down {display:inline-block; width:30px; height:30px; background:url('../images/admin/com.png') no-repeat -266px -57px; border:1px solid #d7dae0; text-indent:-9999px;}
.btn_up:hover, .btn_down:hover {border:1px solid #5d5e61;}
.btn_up:disabled, .btn_down:disabled {opacity:0.6; cursor:default; border:1px solid #e2e2e2;}
.btn_up:disabled:hover, .btn_down:disabled:hover {cursor:default;}
.disabled {color:#ccc;}
.tableSurveyWrap {max-height:372px; overflow:auto;}
.tableSurveyWrap > .table_view {margin-top:-1px; border-top:1px solid #d3d5db;}
.survey_resultNum {padding-bottom:4px;}
.survey_resultNum::before {content:''; background:url('../images/admin/com.png') no-repeat -142px -211px; padding-left:30px; padding-bottom:10px;}
.survey_resultNum.o::before {background-position:-142px -151px;}
.survey_resultNum.x::before {background-position:-142px -181px;}

/* 코드목록*/
.code_column {}
.code_column .codelist_1dep {float:left; width:20%; margin-right:2%;}
.code_column .codelist_2dep {float:left; width:38%; margin-right:2%;}
.code_column .codelist_3dep {float:left; width:38%;}
.code_column .codelist_1dep .tableScroll {height:766px; overflow-y:auto;}
.table_view_head + .tableScroll > .table_list {border-top:1px solid #d3d5db;}

/* Pagination */
.pagination {width:100%; margin:20px; text-align:center;}
.pagination ul {margin:0; padding:0; text-align:center; font-size:14px;}
.pagination li {display:inline;}
.pagination li a {display:inline-block; padding:0 10px; height:30px; text-decoration:none; border:1px solid #fff; border-radius:2px; line-height:28px;}
.pagination li img {vertical-align:middle;}
.pagination  a, .pagination a:visited {}
.pagination a:hover, .pagination a:active {border:1px solid #d5d6de;}
.pagination a.currentpage {margin-left:1px; margin-right:1px; color:#fff; border:1px solid #0288d1; font-weight:bold; background-color:#0288d1;}
.pagination a.first, .pagination a.prev, .pagination a.next, .pagination a.end {width:31px; height:30px; margin-left:-4px; border:1px solid #d5d6de; background:url('../images/admin/com.png') no-repeat; text-indent:-9999px;}
.pagination a.first {border-right:0; border-radius:2px 0 0 2px; background-position:-64px -60px;}
.pagination a.prev {margin-right:20px; border-radius:0 2px 2px 0; background-position:-96px -60px;}
.pagination a.next {margin-left:20px; border-radius:2px 0 0 2px; background-position:-143px -60px;}
.pagination a.end {border-left:0; border-radius:0 2px 2px 0; background-position:-175px -60px;}
.pagination a.first:hover {background-color:#0288d1; background-position:-64px -97px;}
.pagination a.prev:hover {background-color:#0288d1; background-position:-96px -97px;}
.pagination a.next:hover {background-color:#0288d1; background-position:-143px -97px;}
.pagination a.end:hover {background-color:#0288d1; background-position:-175px -97px;}
.table_view td .pagination li a {border:1px solid #fff;}

/* 로그인페이지 */
#loginSection {position:absolute; top:50%; left:50%; width:500px; height:540px; margin:-270px 0 0 -250px; text-align:center;}
#loginSection > h1 {font-size:46px; font-family:NSquareBold; padding-bottom:50px;}
#loginSection input[type="text"], #loginSection input[type="password"] {display:block; margin-bottom:18px; padding-left:45px; border:1px solid #ced1e0; width:500px; height:64px; color:#444; font-size:18px; line-height:64px;}
#loginSection input[type="text"]:focus,
#loginSection input[type="password"]:focus {border:1px solid #0288d1;}
#loginSection .btn_login {width:500px; height:80px; color:#fff; font-size:30px; text-decoration:none; border:0 none; background:#0288d1; cursor:pointer; text-align:center;}
#loginSection input::-webkit-input-placeholder {color:#429ad7; opacity:1;}
#loginSection input:-ms-input-placeholder {color:#429ad7; opacity:1;}
#loginSection input::placeholder {color:#429ad7; opacity:1;}
#loginSection .mylogin_info {margin-top:20px;}
#loginSection .mylogin_info > a {margin-left:20px; padding-left:20px; text-decoration:none; border-left:1px solid #d5d6de;}
#loginSection > ul {margin-top:30px;}
#loginSection > ul li {text-align:left; line-height:1.8;}
#loginSection > ul li:before {content:'\204E  '}
.log_off {padding:5px; line-height:140%; text-align:left; background:#f5f5f5;}
.password_caution {line-height:180%;}
.password_caution h3 {margin:20px 0; font-size:25px; font-family:NSquareBold;}

/* 오류페이지 */
.pageError {position:absolute; top:50%; left:50%; width:660px; height:auto; margin:-275px 0 0 -330px; font-family:NSquareBold; text-align:center; background:url('../images/admin/error.png') no-repeat;}
.pageError h1 {margin-top:176px; padding-top:50px; border-top:2px solid #0288d1; font-size:40px; line-height:1.5; text-align:left;}
.pageError .guide {margin-top:40px; padding-bottom:50px; border-bottom:2px solid #0288d1; color:#349494; font-size:20px; line-height:1.8; text-align:left;}
.pageError .guide span {font-size:0; text-indent:-9999px;}
.pageError .guide .call {color:#0288d1; font-size:28px;}

/* 팝업 */
#popupWrap {position:relative;}
#popupWrap > .title {position:fixed; top:0; left:0; width:100%; height:60px; background:#f2f9fc; z-index:9;}
#popupWrap > .title h2 {padding:20px 0 10px 40px; color:#0288d1; font-size:22px; letter-spacing:-1px;}
#popupWrap > .title .btn_close {float:right; margin:0 30px; width:60px; height:60px; background:url('../images/admin/com.png') no-repeat -63px -155px; text-indent:-9999px;}
#popupWrap .pupupSection {position:absolute; top:60px; left:0; right:0; margin:30px 40px;}
#popupWrap .pupupSection.fixed {padding-bottom:80px;}
#popupWrap .popupFixedBottom {position:fixed; left:0; bottom:0; width:100%; height:62px; background:#fff; z-index:9; -webkit-box-shadow: 0px -5px 13px 0px rgba(209,209,209,0.44);
-moz-box-shadow: 0px -5px 13px 0px rgba(209,209,209,0.44);
box-shadow: 0px -5px 13px 0px rgba(209,209,209,0.44);}
#popupWrap .pupupSection section h3 {padding:0 0 10px 0; color:#7a7a80; font-size:18px; letter-spacing:-1px;}
#popupWrap .pupupSection > section:first-child > h3 {margin-top:0; padding-top:0;}
#popupWrap .pupupSection .tbody_scroll {width:calc(100% + 16px); height:186px; overflow:auto;}
#popupWrap .pupupSection .tbody_scroll > .table_list {margin-top:-1px; border-top:1px solid #d3d5db;}
#popupWrap .pupupSection > section > .listResultNum {margin:0 0 8px 0;}
td.review {padding:20px 15px;}
.view_image {max-width:100%;}
.view_imgList {text-align:center;}
.view_imgList li {display:inline; margin-right:10px;}
.view_imgList li img {width:100px; margin-bottom:10px; border:1px solid #f0f0f0;}
.view_imgList li:nth-child(4n):after {content:'\A'; white-space:pre;}
.view_imgList li:nth-child(4n) {margin-right:0;}
.tableScroll_basic {height:410px; overflow-y:auto;}
.table_func + .tableScroll_basic > .table_list  {border-top:1px solid #d3d5db;}

/* 팝업_당첨자 선별등록 */
.eventWin_column {}
.eventWin_column .list {float:left; width:60%;}
.eventWin_column .btn {float:left; position:relative; width:5%;}
.eventWin_column .select {float:right; width:35%;}
.eventWin_column .select .tableScroll {height:595px; overflow-y:auto;}
.btn_add, .btn_del {position:absolute; left:50%; margin-left:-30%;width:30px; height:30px; border:1px solid #ccc; padding:5px; border-radius:50%;}
.btn_add {top:320px;} .btn_del {top:400px;}
.btn_add:before {content:"\276F ";}
.btn_del:before {content:"\276E ";}
.btn_add > span, .btn_del > span {width:50px; margin-top:10px;display:inline-block; margin-left:-80%;}
.btn_add:hover, .btn_del:hover {border:1px solid #5d5e61;}

/* TreeView */
.treeView {width:100%; height:600px; overflow-y:auto;}
.bonsai, .bonsai > li {margin:0; padding:0; list-style: none; overflow: hidden;}
.bonsai > li {position: relative; padding-left: 1.3em;}
li .thumb {margin: 5px 0 0 -20px; position: absolute; cursor: pointer;}
li.has-children > .thumb:after {content: '\25B6';}
li.has-children.expanded > .thumb:after {content: '\25BC';}
li.collapsed > ol.bonsai {height: 0; overflow: hidden;}
.bonsai .all, .bonsai .none {cursor: pointer;}

/* SHOP */
.regist_guide_ine {margin-top:10px; font-size:12px; color:#666;}
.shop_thumbnail {width:90px; /* 기본라인 border:1px solid #f0f0f0; */ border:0;}
.table_list td a>img  {background:#fff; border-bottom:0;}
.product_writeEditor {/* width:100%; */ margin:-11px -16px -11px -16px; min-height:250px; border:1px solid #d5d6de;}
.product_writeEditor > div {padding:20px; line-height:1.5;}
/* 등록테이블 내부의 테이블 */
.table_view td .table_list, .table_view td .table_view {border-top:1px solid #d3d5db;}
.table_view td .table_list th, .table_view td .table_list td {text-align:center;}
/* 이미지 등록 썸네일 */
.lay_right > .file_input {display:inline-block;}
.lay_right > .file_input label {height:30px; margin-top:-6px;}
.product_detail_img {}
.product_detail_img li {float:left; width:18%; margin:10px 0;}
.product_detail_img li .label_check {display:block; margin:10px auto;}
.product_detail_img li em {display:block; padding-bottom: 5px; font-style:normal; text-align:center;}
.lengthCheck {text-align:right; font-size:12px;}
.lengthCheck strong:after {content:' /'; font-weight:normal;}
.return_info {margin:5px 0 5px;}
.return_info a.btn_small {margin:-4px 0 6px;}
.return_address dt {clear:left; float:left; width:60px; line-height:32px; margin:3px;}
.return_address dd {float:left; margin:3px; line-height:32px;}
.pminus {color:red;}
.csid {font-weight:bold; margin-bottom:5px;}
a.refresh:before {content:'\21BB'; font-weight:bold; font-size:18px;}
a.refresh {display:inline-block; font-size:0;}
.table_list a.refresh {text-decoration:none; border-bottom:none;}

/* 마켓 카테고리 관리 */
.cat_column {}
.cat_column .group {float:left; width:49%; margin-right:2%;}
.cat_column .codelist {float:right; width:49%;}
.cat_column .group .tableScroll {height:766px; overflow-y:auto;}
.cat_column .codelist .tableScroll {height:766px; overflow-y:auto;}
.cat_background {background:#f2f9fc;}

.input_rq{color: red;}

/* 업무이력 */
.work_hist_td {background: #B2C7D9;}
.work_hist_view {overflow-y: scroll; height: 400px;}
.work_hist {position:relative; display:inline-block; margin-bottom: 5px;}
.work_hist span {display:inline-block; padding:10px; color:#000; background:#FFEB33; border-radius:20px;}
.work_hist_reg {font-size: 11px; padding-left: 6px; margin-bottom: 5px;}


/* 파일영역 */
.div_file {height: 100px; overflow-y: scroll}
.btn_file {margin-top: 5px;}

