/* common */
input {margin:1px 0; padding:0 5px 3px; height:26px; border:1px solid #e7eaf2; box-sizing:border-box;}
select {height:26px; margin:1px 0; padding:0 24px 3px 4px; border:1px solid #e7eaf2; box-sizing:border-box; background:#fff url(/manager/images/point_select_0.png) no-repeat 100% 50%;}
textarea {margin:1px 0; padding:5px; border:1px solid #e7eaf2; box-sizing:border-box;}
button {margin:1px 0; padding:0 0 3px; color:#fff; border:0; border-radius:3px; background:#abb9d3; box-sizing:border-box;}

.w-A {width:50px;}
.w-B {width:58px;}
.w-C {width:80px;}
.w-D {width:90px;}
.w-E {width:124px;}
.w-F {width:130px;}
.w-G {width:267px;}
.w-H {width:737px;} /* 가로최대 */
.w-I {width:49%;}
.w-J {width:120px; min-width:120px;}
.w-K {width:60px; min-width:60px;}
.w-L {width:150px; min-width:150px;}
.w-M {width:90px; min-width:90px;}
.w-N {width:680px;}
.w-100 {width:100%;}

.h-A {height:100px;}
.h-B {height:230px;}
.h-C {min-height:66px;}

.button-A {height:26px;margin-left:3px;padding:0 15px;border-radius:3px;}
.button-B {height:22px;padding:0 10px;border-radius:3px;}

/* 기타 */
.fl {float:left;}
.af {content:""; display:block; clear:both;}
.m0 {margin:0;}
.m-A {padding:3.5px 0;}
.mr3 {margin-right:3px;}
.mr10 {margin-right:10px;}
.mr20 {margin-right:20px;}
.ml3 {margin-left:3px;}
.ml10 {margin-left:10px;}
.mb3 {margin-bottom:3px;}
.mb10 {margin-bottom:10px;}
.mb20 {margin-bottom:20px;}
.mb30 {margin-bottom:30px;}
.mt3 {margin-top:3px;}
.mt4 {margin-top:4px;}
.mt10 {margin-top:10px;}
.mt20 {margin-top:20px;}
.mt30 {margin-top:30px;}
.mt50 {margin-top:50px;}
.ta-l {text-align:left;}
.ta-r {text-align:right;}
.ta-c {text-align:center;}
.b0 {border:0;}
.ls0 {letter-spacing:0;}

.color-A {color:#ff6a12;}
.color-B {color:#4285f4;}
.color-C {color:#44b0ba;}
.color-D {color:#5a73c3;}
.color-red {color:#f00;}
.color-blue {color:#00f;}

/* checkbox radio 간격 */
.c_box:after {content:""; display:block; clear:both;}
.c_box p {position:relative; float:left; margin-right:13px;}
.c_box input {opacity:0; margin:-3px 0;}
.c_box label {display:inline-block; margin-left:3px; margin-bottom:3px;}
.c_box label span {position:absolute; left:-4px; top:0; display:block; width:20px; height:20px; background:url(/manager/images/input_box_000.png) no-repeat 0 0; cursor:pointer;}
.c_box input:checked + label span {background:url(/manager/images/input_box_000.png) no-repeat 100% 0;}
.c_box .all.on + label span {background:url(/manager/images/input_box_000.png) no-repeat 100% 0;}
.c_box .part.on + label span {background:url(/manager/images/input_box_000.png) no-repeat 100% 0;}

.r_circle:after {content:""; display:block; clear:both;}
.r_circle p {position:relative; float:left; margin-right:13px;}
.r_circle input {opacity:0; margin:-3px 0;}
.r_circle label {display:inline-block; margin-left:3px; margin-bottom:3px;}
.r_circle label span {position:absolute; left:-4px; top:0; display:block; width:20px; height:20px; background:url(/manager/images/input_box_000.png) no-repeat 0 100%; cursor:pointer;}
.r_circle input:checked + label span {background:url(/manager/images/input_box_000.png) no-repeat 100% 100%;}
.r_circle input:focus + label span {background:url(/manager/images/input_box_000.png) no-repeat 100% 100%;}

/* input_file */
.input_file {position:relative; width:737px; margin:1px 0;}
.input_file:after {content:""; display:block; clear:both;}
.input_file .hidden_file {z-index:1; position:relative; overflow:hidden; width:100%; height:26px;}
.input_file .hidden_file .btn_file {position:absolute; left:0; top:0; width:48px; height:26px; background:#e7eaf2 url(/manager/images/input_file.png) no-repeat 0 0; background-size:contain;}
.input_file .hidden_file input {opacity:0; width:100%;}
.input_file .show_file {position:absolute; left:0; top:0; width:100%; height:26px; padding-left:48px; box-sizing:border-box;}
.input_file .show_file input {width:100%; height:26px; margin:0; border:1px solid #e7eaf2; box-sizing:border-box; color:#777;}

/* 테이블 안 코멘트 */
.comment {display:block; margin-top:3px; font-size:11px; line-height:16px; color:#999;}
.comment i {margin-right:3px; color:#ff9a22; vertical-align:middle;}
.ment {display:block; margin-top:5px; color:#616a87;}

/* 이미지박스 */
.imgbox-A {overflow:hidden; display:inline-block; margin-top:5px;}
.imgbox-A img {max-width:243.8px; border:1px solid #e7eaf2; box-sizing:border-box;}
.imgbox-B {overflow:hidden; display:inline-block; margin-top:5px;}
.imgbox-B img {max-width:454px; border:1px solid #e7eaf2; box-sizing:border-box;}

/* 주석마크 */
.mark {margin:8px 2px; font-size:12px; line-height:1; color:#999;}

/* 최종버튼 */
.complete {text-align:center;}
.complete p button {height:32px; margin:0 2px; padding:0 40px; color:#fff; border:none; background:#616a87;}
.complete p button:hover {background:#29126a;}

/* 온오프버튼 */
.btn_onoff {position:absolute; left:50%; top:7px; transform:translateX(-50%); width:50px;}
.btn_onoff > span {position:absolute; left:0; top:0; display:inline-block; width:50px; height:18px; line-height:19px; text-align:center; border-radius:10px; box-sizing:border-box; cursor:pointer;}
.btn_onoff .btn_off {padding-right:6px; line-height:14px; letter-spacing:0; text-align:right; color:#fff; border:1px solid #abb9d3; background:#abb9d3;}
.btn_onoff .btn_on {display:none; padding-left:8px; line-height:14px; letter-spacing:0; text-align:left; color:#fff; border:1px solid #ff6a12; background:#ff6a12;}
.btn_onoff .dong {position:absolute; left:2px; top:2px; width:14px; height:14px; border:1px solid #fff; border-radius:50%; background:#fff; transition:all 0.3s ease-in;}
.btn_onoff .btn_on.on {display:inline-block;}
.btn_onoff .btn_off.on {display:none;}
.btn_onoff .dong.on {left:34px;}

/* 페이지버튼 */
.page_num {text-align:center;}
.page_num p span {display:inline-block; width:22px; height:22px; *line-height:22px; text-align:center; color:#9baac9; border:1px solid #abb9d3; background:#f0f5fb; box-sizing:border-box; cursor:pointer;}
.page_num p span:hover {color:#8895b5; background:#fff;}
.page_num p span.on {color:#fff; background:#abb9d3;}
.page_num p span i {font-size:15px; line-height:20px;}

/* 아이콘 */
.fa-bookmark {margin:0 5px 1px 0;font-size:13px;vertical-align:middle;}
.fa-calendar-alt {margin-left:3px; font-size:16px; line-height:27px; color:#8895b5; cursor:pointer;}

/* wrap ------------------------------------------------------------------------------------------------------------------------------------ */
#wrap {position:relative; width:100%; background:#f0f5fb;}
#container {width:100%; min-width:1200px;}

/* snb */
.snb {position:absolute; left:0; top:0; width:200px; height:100%; padding-top:60px; background:#8895b5; box-sizing:border-box;}
.snb ul > li > a {position:relative; display:block; width:100%; height:30px; padding:0 20px; line-height:30px; color:#475070; border-bottom:1px solid #616a87; background:#8895b5; box-sizing:border-box; transition:all 0.3s;}
.snb ul > li > a i {position:absolute; right:20px; line-height:30px;}
.snb ul > li > ul > li > a {position:relative; display:block; width:100%; height:30px; padding:0 20px; line-height:30px; color:#fff; border-bottom:1px solid #8895b5; background:#9baac9; box-sizing:border-box; transition:all 0.3s;}
.snb ul > li > ul > li > a:hover {background:#727c9b;}
.snb ul > li > ul > li > a.on {background:#727c9b;}
.snb ul > li > ul > li:last-child > a {border-bottom:0;}

/* snb_services */
.services > dl > dt {position:relative;}
.services > dl > dt > a {display:block; width:100%; height:30px; padding:0 20px; line-height:30px; color:#fff; border-bottom:1px solid #8895b5; background:#9baac9; box-sizing:border-box; transition:all 0.3s;}
.services > dl > dt > a:hover {background:#616a87;}
.services > dl > dt:last-of-type > a {border-bottom:1px solid #8895b5;}
.services > dl > dt > i {position:absolute; right:20px; top:0; line-height:30px; color:#fff; cursor:pointer;}
.services > dl > dt > .xi-plus {opacity:0;}
.services > dl > dt > .xi-minus {opacity:1;}
.services > dl > dt > .xi-plus.on {opacity:1;}
.services > dl > dt > .xi-minus.on {opacity:0;}
.services > dl > dd {display:block;}
.services > dl > dd > p > a {display:block; width:100%; height:30px; padding:0 20px; line-height:30px; color:#fff; border-bottom:1px solid #9baac9; background:#abb9d3; box-sizing:border-box; transition:all 0.3s;}
.services > dl > dd > p > a:hover {background:#616a87;}
.services > dl > dd > p > a:on {background:#616a87;}
.services > dl > dd > p:last-of-type > a {border-bottom:1px solid #8895b5;}

/* content */
.content {width:100%; min-width:1000px; padding:60px 30px 160px 230px; background:#f0f5fb; box-sizing:border-box;}

/* navi */
.navi {width:100%; height:60px; color:#8895b5;}
.navi:after {content:""; display:block; clear:both;}
.navi p {float:left; line-height:60px;}
.navi p a i {margin-bottom:2px; font-size:14px; vertical-align:middle;}
.navi .pNavi a {color:#8895b5;}
.navi .pNavi a:last-of-type {color:#616a87;}

/* include_manager */
.navi .pManager {float:right;}
.navi .pManager span {display:inline-block;}
.navi .pManager .spanOrange {margin-right:2px; color:#ff6a12;}
.navi .pManager .spanOrange i {margin-right:3px; margin-bottom:1px; font-size:14px; vertical-align:middle;}
.navi .pManager .spanBtn {margin-right:10px;}
.navi .pManager .spanBtn a {padding:2px 6px; font-size:12px; color:#fff; border:none; border-radius:3px; background:#ff9a22;}
.navi .pManager .spanPerson i {margin-right:2px; margin-bottom:1px; font-size:16px; vertical-align:middle;}
.navi .pManager .spanInOut a {color:#616a87;}

/* 타이틀 */
.title {position:relative; width:100%;}
.title h2 {margin:0 2px 7px; padding-top:23px; font-size:15px; color:#616a87;}
.title h2 .xi-angle-right {line-height:22px;}

/* 리스트 검색영역 (검색과버튼) */
.search {margin-bottom:10px;}
.search:after {content:""; display:block; clear:both;}
.search .sel {float:left;}
.search .sel li {float:left;}
.search .sel li select {width:100px; height:26px; margin-right:3px; border:1px solid #abb9d3; box-sizing:border-box;}
.search .sel li input {width:267px; height:26px; padding:0 5px 3px; border:1px solid #abb9d3; box-sizing:border-box;}
.search .sel li button {width:60px; height:26px; margin:1px 0; color:#fff; border-radius:0; background:#abb9d3;}
.search .btn {float:right;}
.search .btn button {display:inline-block; width:140px; height:26px; margin:1px 0; line-height:26px; text-align:center; color:#fff; background:#616a87;}
.search .btn button:hover {background:#29126a;}

/* 리스트 검색영역 (종합) */
.search_area {overflow:hidden; position:relative; width:100%; margin-bottom:20px; padding:5px 0; background:#e7eef6;}
.search_area:after {content:""; display:block; clear:both;}
.search_area .area_detail {display:none; width:100%;}
.search_area .area_detail.on {display:block;}
.search_area .xi-bars {display:inline-block;}
.search_area .xi-bars.on {display:none;}
.search_area .xi-close {display:none;}
.search_area .xi-close.on {display:inline-block;}
.search_area .de_open {display:inline-block;}
.search_area .de_open.on {display:none;}
.search_area .de_close {display:none;}
.search_area .de_close.on {display:inline-block;}

.search_area div table tbody tr th {width:110px; padding:0 10px; border-top:1px solid #f0f5fb; box-sizing:border-box;}
.search_area div table tbody tr td {padding:2px 0; border-top:1px solid #f0f5fb;}
.search_area .area_nomal table tbody tr:first-of-type th {border-top:0;}
.search_area .area_nomal table tbody tr:first-of-type td {border-top:0;}
.search_area .area_nomal table tbody tr td:last-child {width:140px; border-top:0;}
.search_area .area_detail table tbody tr td:last-child {width:140px; border-top:0;}
.search_area .area_bottom table tbody tr td:last-child {width:140px; border-top:0;}

.search_area div table tbody tr td input {border:1px solid #abb9d3;}
.search_area div table tbody tr td .input_search {width:50%;}
.search_area div table tbody tr td .fa-calendar-alt {margin-left:3px; font-size:16px; line-height:27px; color:#8895b5; cursor:pointer;}
.search_area div table tbody tr td .fa-calendar-alt:nth-of-type(2) {margin-right:10px;}
.search_area div table tbody tr td select {border:1px solid #abb9d3;}
.search_area div table tbody tr .td_day:after {content:""; display:block; clear:both;}
.search_area div table tbody tr .td_day div {float:left;}
.search_area div table tbody tr .td_day .day_day {margin-top:3px;}
.search_area div table tbody tr .td_day .day_day button {padding:2px 5px 3px; font-size:12px; line-height:1; color:#8895b5; border:1px solid #abb9d3; border-radius:3px; background:#f0f5fb; transition:all 0.3s;}
.search_area div table tbody tr .td_day .day_day button:hover {color:#fff; background:#abb9d3;}
.search_area div table tbody tr .td_day .day_day button.on {color:#fff; background:#abb9d3;}
.search_area div table tbody tr .td_category select {width:20%; max-width:200px;}
.search_area div table tbody tr .td_row {padding:8px 0;}
.search_area div table tbody tr .td_row button {margin:1px 3px 1px 0; padding:0; color:#0028a8; background:none; cursor:pointer;}
.search_area div table tbody tr .td_row button.on {color:#aaa;}

.search_area .area_nomal table tbody tr .td_btn .td_btn_area {overflow:hidden; position:absolute; right:8px; top:8px; width:128px; height:62px;}
.search_area .area_nomal table tbody tr .td_btn .td_btn_area.on {height:130px;}
.search_area .area_nomal table tbody tr .td_btn .td_btn_area:after {content:""; display:block; clear:both;}
.search_area .area_nomal table tbody tr .td_btn .td_btn_area button {float:left; width:60px; height:59px; margin:0 0 4px 4px; border-radius:4px;}
.search_area .area_nomal table tbody tr .td_btn .td_btn_area .search_btn {color:#fff; background:#616a87;}
.search_area .area_nomal table tbody tr .td_btn .td_btn_area .search_btn:hover {background:#38456f;}
.search_area .area_nomal table tbody tr .td_btn .td_btn_area .return_btn {color:#fff; background:#abb9d3;}
.search_area .area_nomal table tbody tr .td_btn .td_btn_area .reset_btn {color:#8895b5; border:1px solid #abb9d3; background:none;}
.search_area .area_nomal table tbody tr .td_btn .td_btn_area button i {margin-bottom:1px; font-size:24px;}

.search_area .area_detail table tbody tr .td_btn .td_btn_area {overflow:hidden; position:absolute; right:8px; top:74px; width:128px; height:62px;}
.search_area .area_detail table tbody tr .td_btn .td_btn_area.on {height:130px;}
.search_area .area_detail table tbody tr .td_btn .td_btn_area:after {content:""; display:block; clear:both;}
.search_area .area_detail table tbody tr .td_btn .td_btn_area button {float:left; width:60px; height:59px; margin:0 0 4px 4px; border-radius:4px;}
.search_area .area_detail table tbody tr .td_btn .td_btn_area .array_btn {color:#8895b5; border:1px solid #abb9d3; background:none;}
.search_area .area_detail table tbody tr .td_btn .td_btn_area .reset_btn {color:#8895b5; border:1px solid #abb9d3; background:none;}
.search_area .area_detail table tbody tr .td_btn .td_btn_area button i {margin-bottom:1px; font-size:24px;}

/* 검색버튼1개만 있을때 */
.search_area .area_nomal table tbody tr .td_btn .td_btn_area_one {overflow:hidden; position:absolute; right:8px; top:8px; width:128px; height:62px;}
.search_area .area_nomal table tbody tr .td_btn .td_btn_area_one:after {content:""; display:block; clear:both;}
.search_area .area_nomal table tbody tr .td_btn .td_btn_area_one button {float:left; width:124px; height:59px; margin:0 0 4px 4px; border-radius:4px;}
.search_area .area_nomal table tbody tr .td_btn .td_btn_area_one .search_btn {color:#fff; background:#616a87;}
.search_area .area_nomal table tbody tr .td_btn .td_btn_area_one .search_btn:hover {background:#38456f;}
.search_area .area_nomal table tbody tr .td_btn .td_btn_area_one button i {margin-bottom:1px; font-size:24px;}

/* 검색버튼3개만 있을때 */
.search_area .area_nomal table tbody tr .td_btn .td_btn_area_three {overflow:hidden; position:absolute; right:8px; top:8px; width:128px; height:62px;}
.search_area .area_nomal table tbody tr .td_btn .td_btn_area_three:after {content:""; display:block; clear:both;}
.search_area .area_nomal table tbody tr .td_btn .td_btn_area_three button {float:left; width:124px; height:59px; margin:0 0 4px 4px; border-radius:4px;}
.search_area .area_nomal table tbody tr .td_btn .td_btn_area_three .search_btn {color:#fff; background:#616a87;}
.search_area .area_nomal table tbody tr .td_btn .td_btn_area_three .search_btn:hover {background:#38456f;}
.search_area .area_nomal table tbody tr .td_btn .td_btn_area_three button i {margin-bottom:1px; font-size:24px;}

.search_area .area_bottom table tbody tr .td_btn .td_btn_area_three {overflow:hidden; position:absolute; right:8px; top:74px; width:128px; height:62px;}
.search_area .area_bottom table tbody tr .td_btn .td_btn_area_three:after {content:""; display:block; clear:both;}
.search_area .area_bottom table tbody tr .td_btn .td_btn_area_three button {float:left; width:60px; height:59px; margin:0 0 4px 4px; border-radius:4px;}
.search_area .area_bottom table tbody tr .td_btn .td_btn_area_three .array_btn {color:#8895b5; border:1px solid #abb9d3; background:none;}
.search_area .area_bottom table tbody tr .td_btn .td_btn_area_three .reset_btn {color:#8895b5; border:1px solid #abb9d3; background:none;}
.search_area .area_bottom table tbody tr .td_btn .td_btn_area_three button i {margin-bottom:1px; font-size:24px;}

/* 리스트 상단영역 */
.list_top {width:100%; margin:5px 10px;}
.list_top:after {content:""; display:block; clear:both;}
.list_top .p_total {float:left; line-height:26px;}
.list_top .p_up {float:right;}
.list_top .p_up button {display:block; width:140px; height:26px; margin:1px 10px 1px 0; line-height:26px; text-align:center; color:#fff; background:#616a87;}
.list_top .p_up button:hover {background:#29126a;}

.list_top .excel {float:right; margin-right:10px;}
.list_top .excel a {display:inline-block; width:140px; height:26px; margin:1px 0; line-height:26px; text-align:center; color:#207347; border:1px solid #207347; border-radius:3px; background:none; box-sizing:border-box;}
.list_top .excel a i {font-size:16px; line-height:24px;}

/* 테이블(인풋) */
.write table tbody tr {border-bottom:1px solid #abb9d3; background:#fff;}
.write table tbody tr:first-child {border-top:3px solid #abb9d3;}
.write table tbody tr th {width:150px; height:46px; padding:10px 15px; line-height:18px; background:#e7eaf2; box-sizing:border-box;}
.write table tbody tr td {padding:8px 15px; box-sizing:border-box;}
.write table tbody tr td:after {content:""; display:block; clear:both;}
.write table tbody tr td.td_w {width:320px;}
.write table tbody tr td img {max-width:100%;}

/* 게시판 */
.board_w {width:940px;}

/* 게시판리스트 */
.board_list {overflow-x:auto; margin-bottom:10px;}
.board_list table thead tr {background:#e7eaf2;}
.board_list table thead tr th {height:34px; padding:0 8px; text-align:center; white-space:pre; border:1px solid #abb9d3; border-left:0; box-sizing:border-box;}
.board_list table thead tr:first-child th {border-top:3px solid #abb9d3;}
.board_list table thead tr th:last-child {border-right:0;}
.board_list table tbody tr {background:#fff;}
.board_list table tbody tr:nth-child(2n) {background:#fbfbfb;}
.board_list table tbody tr:hover {background:#e9e7f6;}
.board_list table tbody tr td {padding:4px 8px; line-height:24px; text-align:center; white-space:pre; border-right:1px; border-bottom:1px; border-style:solid; border-color:#abb9d3; box-sizing:border-box;}
.board_list table tbody tr td:last-child {border-right:0;}
.board_list table tbody tr .td_cbx {width:30px;}
.board_list table tbody tr .td_num {width:65px;}
.board_list table tbody tr .td_tit {text-align:left;}
.board_list table tbody tr .td_tit a {float:left; overflow:hidden; display:inline-block; line-height:24px; max-width:550px; text-overflow:ellipsis;}
.board_list table tbody tr .td_tit a:hover {color:#3f00c0;}
.board_list table tbody tr .td_tit .reply {float:left; margin:-3px 5px 0 0;}
.board_list table tbody tr .td_tit .new {float:left; display:inline-block; margin-top:-2px;}
.board_list table tbody tr .td_tit .new img {margin-left:5px;}
.board_list table tbody tr .td_ilm {width:100px;}
.board_list table tbody tr .td_day {width:100px;}
.board_list table tbody tr .td_btn {width:65px;}
.board_list table tbody tr .td_btn button:hover {background:#38456f;}

/* 리스트 하단영역 */
.list_bottom {margin-bottom:10px;}
.list_bottom:after {content:""; display:block; clear:both;}
.list_bottom .p_remove {float:left;}
.list_bottom .p_remove a {display:inline-block; height:26px; padding:0 15px; line-height:26px; text-align:center; color:#fff; background:#abb9d3;}
.list_bottom .p_remove button {height:26px; padding:0 15px; color:#fff; background:#abb9d3;}
.list_bottom .p_remove button:hover {background:#38456f;}
.list_bottom .p_remove select {height:26px; margin-left:3px; border:1px solid #abb9d3; box-sizing:border-box;}
.list_bottom .p_packview {float:right;}
.list_bottom .p_packview select {width:140px; height:26px; margin-left:3px; border:1px solid #abb9d3; box-sizing:border-box;}

/* 게시판뷰 */
.board_view {overflow-x:auto;}
.board_view table thead tr {background:#e7eaf2;}
.board_view table thead tr th {height:34px; padding:0 8px; text-align:center; white-space:pre; border:1px solid #abb9d3; border-left:0; box-sizing:border-box;}
.board_view table thead tr:first-child th {border-top:3px solid #abb9d3;}
.board_view table thead tr th:last-child {border-right:0;}
.board_view table thead tr .th_tit {overflow:hidden; padding:0 18px; text-align:left; max-width:550px; text-overflow:ellipsis;}
.board_view table thead tr .th_ilm {width:100px;}
.board_view table thead tr .th_day {width:100px;}
.board_view table tbody tr {background:#fff;}
.board_view table tbody tr td {border-bottom:1px solid #abb9d3;}
.board_view table tbody tr td > div {padding:18px; line-height:20px; box-sizing:border-box;}
.board_view table tbody tr td .img {width:100%; padding:0 20px 25px;}
.board_view table tbody tr td .img img {max-width:676px; max-height:676px;}
.board_view table tbody tr td .don {color:#2564c7; cursor:pointer;}
.board_view table tbody tr td .don img {margin-right:5px;}
.board_view table tbody tr td .rea {border-top:1px dashed #abb9d3;}
.board_view table tbody tr td .rea p a {color:#616a87;}
.board_view table tbody tr td .rea p a:hover {color:#3f00c0;}

/* 팝업 (관리자 이메일 등록) */
.inquiry_list {position:relative;}
.inquiry_list .pop_emailup {display:none; position:absolute; left:0; top:0; width:100%; height:100%; background:rgba(240,245,251,0.9);}
.inquiry_list .pop_emailup.on {display:block;}
.inquiry_list .pop_emailup .pop_inn {position:absolute; left:50%; top:100px; transform:translateX(-50%); width:400px; padding:10px; border:2px solid #57607d; background:#fff;}
.inquiry_list .pop_emailup .pop_inn .tit {margin-bottom:7px; font-size:15px; color:#616a87;}
.inquiry_list .pop_emailup .pop_inn table td input {width:100%;}
.inquiry_list .pop_emailup .pop_inn .btn {margin-top:10px; text-align:center;}
.inquiry_list .pop_emailup .pop_inn .btn button {width:70px; height:26px; margin-left:5px;}
.inquiry_list .pop_emailup .pop_inn .btn button:hover {background:#38456f;}
.inquiry_list .pop_emailup .pop_inn .close {position:absolute; right:9px; top:9px; cursor:pointer;}
.inquiry_list .pop_emailup .pop_inn .close i {font-size:15px; color:#57607d; cursor:pointer;}

/* 리스트 */
.list {overflow-x:auto; margin-bottom:10px;}
.list table thead tr {background:#e7eaf2;}
.list table thead tr th {height:34px; padding:0 8px; text-align:center; white-space:pre; border:1px solid #abb9d3; border-left:0; box-sizing:border-box;}
.list table thead tr:first-child th {border-top:3px solid #abb9d3;}
.list table thead tr th:last-child {border-right:0;}

.array1 {display:inline-block; width:20px; height:13px; margin-top:-1px; cursor:pointer; transition:all 0.3s;}
.array1 img {width:10px; height:13px; background:#616a87;} 
.array1:hover img {background:#ff6a12;}

.list table tbody tr {background:#fff;}
.list table tbody tr:nth-child(2n) {background:#fbfbfb;}
.list table tbody tr:hover {background:#e9e7f6;}
.list table tbody tr td {padding:4px 8px; line-height:24px; text-align:center; white-space:pre; border-right:1px; border-bottom:1px; border-style:solid; border-color:#abb9d3; box-sizing:border-box;}
.list table tbody tr td:last-child {border-right:0;}
.list table tbody tr .td_cbx {width:30px;}
.list table tbody tr .td_num {width:65px;}
.list table tbody tr .td_lst {width:70px;}
.list table tbody tr .td_img {width:100px; padding:3px;}
.list table tbody tr .td_img img {width:100%;}
.list table tbody tr .td_tit {text-align:left;}
.list table tbody tr .td_tit a {display:block; overflow:hidden; max-width:700px; text-overflow:ellipsis; white-space:pre;}
.list table tbody tr .td_tit a:hover {color:#3f00c0;}
.list table tbody tr .td_tit .part {font-size:12px; color:#727c9b;}
.list table tbody tr .td_see {width:65px;}
.list table tbody tr .td_see i {cursor:pointer;}
.list table tbody tr .td_see .xi-radiobox-blank {line-height:22px; color:#ff6a12;}
.list table tbody tr .td_see .xi-ban {line-height:22px; color:#ccc;}
.list table tbody tr .td_btn {width:65px;}
.list table tbody tr .td_btn button:hover {background:#38456f;}
.list table tbody tr .td_onf {position:relative;}
.list table tbody tr .td_pri {text-align:right;}
.list table tbody tr .td_non {text-decoration:line-through; color:#f00;}
.list table tbody tr .td_day {width:100px;}
.list table tbody tr .td_term {width:200px;}
.list table tbody .tr_total td {font-weight:bold; background:#e7eef2;}

/* 온라인 쇼핑몰 리스트 */
.online_shop_list {position:relative; width:100%;}
.online_shop_list:after {content:""; display:block; clear:both;}
.online_shop_list ul li {position:relative; float:left; width:140px; height:140px; margin:0 10px 10px 0; text-align:center; line-height:136px; border:1px solid #abb9d3; background:#fff; box-sizing:border-box; cursor:move;}
.online_shop_list ul li img {max-width:100%;}
.online_shop_list ul li .mod {opacity:0; position:absolute; left:0; top:0; width:100%; height:100%; text-align:center; background:rgba(0,0,0,0.2); box-sizing:border-box; transition:all 0.3s;}
.online_shop_list ul li .mod button {height:26px; margin:5px 1px 0; padding:0 15px;}
.online_shop_list ul li .mod button:hover {background:#38456f;}
.online_shop_list ul li:hover .mod {opacity:1;}
.online_shop_list ul .bin {border:1px dashed #abb9d3;}
.online_shop_list ul .bin .btn {opacity:0; position:absolute; left:0; top:0; width:100%; height:100%; text-align:center; background:rgba(255,255,255,0.5); transition:all 0.3s;}
.online_shop_list ul .bin .btn button {height:26px; padding:0 15px;}
.online_shop_list ul .bin .btn button:hover {background:#38456f;}
.online_shop_list ul .bin:hover .btn {opacity:1;}

/* 팝업 (온라인 쇼핑몰 등록) */
.pop_onshopup {display:none; position:absolute; left:0; top:0; width:100%; height:100%; background:rgba(240,245,251,0.9);}
.pop_onshopup.on {display:block;}
.pop_onshopup .inn {position:absolute; left:50%; top:65px; transform:translateX(-50%); width:630px; padding:20px; border:2px solid #57607d; background:#fff;}
.pop_onshopup .inn .tit {margin-bottom:7px; font-size:15px; color:#616a87;}
.pop_onshopup .inn table tr input {width:100%;}
.pop_onshopup .inn table tr .input_file {width:100%;}
.pop_onshopup .inn table tr .hidden_file {width:100%;}
.pop_onshopup .inn table tr .show_file {width:100%;}
.pop_onshopup .inn .btn button {width:70px; height:26px; margin-left:5px;}
.pop_onshopup .inn .btn button:hover {background:#38456f;}
.pop_onshopup .inn .close {position:absolute; right:9px; top:9px; cursor:pointer;}
.pop_onshopup .inn .close i {font-size:15px; color:#57607d; cursor:pointer;}



/* 

카카오알림톡리스트
.kakao_list {position:relative;}
.kakao_list table thead tr {background:#e7eaf2;}
.kakao_list table thead tr th {height:34px; padding:0 8px; text-align:center; white-space:pre; border:1px solid #abb9d3; border-left:0; box-sizing:border-box;}
.kakao_list table thead tr:first-child th {border-top:3px solid #abb9d3;}
.kakao_list table thead tr th:last-child {border-right:0;}
.kakao_list table thead tr .th_cus {background:#e7eef2;}
.kakao_list table tbody tr {background:#fff;}
.kakao_list table tbody tr:nth-child(2n) {background:#fbfbfb;}
.kakao_list table tbody tr:hover {background:#e9e7f6;}
.kakao_list table tbody tr td {padding:4px 8px; line-height:24px; text-align:center; white-space:pre; border-right:1px; border-bottom:1px; border-style:solid; border-color:#abb9d3; box-sizing:border-box;}
.kakao_list table tbody tr td:last-child {border-right:0;}
.kakao_list table tbody tr .td_num {width:65px;}
.kakao_list table tbody tr .td_tit {text-align:left;}
.kakao_list table tbody tr .td_onf {position:relative; overflow:hidden;}
.kakao_list .bin {width:3px; padding:0;}

카카오관리자번호입력
.kakao_list .phoneup {display:none; position:absolute; left:0; top:0; width:100%; height:100%; background:rgba(240,245,251,0.9);}
.kakao_list .phoneup.on {display:block;}
.kakao_list .phoneup .phoneup_inn {position:absolute; left:50%; top:65px; transform:translateX(-50%); width:250px; padding:10px; border:2px solid #57607d; background:#fff;}
.kakao_list .phoneup .phoneup_inn .tit {margin-bottom:7px; font-size:15px; color:#616a87;}
.kakao_list .phoneup .phoneup_inn .phone:after {content:""; display:block; clear:both;}
.kakao_list .phoneup .phoneup_inn .phone .inp {float:left; margin-right:5px;}
.kakao_list .phoneup .phoneup_inn .phone .inp input {width:197px; text-align:center; border:1px solid #abb9d3;}
.kakao_list .phoneup .phoneup_inn .phone .add {float:left;}
.kakao_list .phoneup .phoneup_inn .phone .add:after {content:""; display:block; clear:both;}
.kakao_list .phoneup .phoneup_inn .phone .add p {float:left;}
.kakao_list .phoneup .phoneup_inn .phone .add p i {font-size:24px; line-height:26px; color:#616a87; cursor:pointer;}
.kakao_list .phoneup .phoneup_inn .phone .add p i:hover {color:#38456f;}
.kakao_list .phoneup .phoneup_inn .btn {margin-top:10px; text-align:center;}
.kakao_list .phoneup .phoneup_inn .btn button {width:70px; height:26px; margin-left:5px;}
.kakao_list .phoneup .phoneup_inn .btn button:hover {background:#38456f;}
.kakao_list .phoneup .phoneup_inn .close {position:absolute; right:9px; top:9px; cursor:pointer;}
.kakao_list .phoneup .phoneup_inn .close i {font-size:15px; color:#57607d; cursor:pointer;}

시나리오
.ma { position:relative; width:100%; padding:15px; border:1px solid #616a87; background:#fff; box-sizing:border-box;}
.ma:after { content:""; display:block; clear:both;}

.ma_step { float:left; width:440px; *width:370px; margin-right:15px; padding-bottom:4px; background:#616a87; box-sizing:border-box;}
.ma_step h3 { position:relative; height:40px; padding-left:15px; box-sizing:border-box;}
.ma_step h3 .tit a { line-height:40px; color:#fff;}
.ma_step h3 .tit a img { opacity:0; margin:0 0 5px 5px; transition:all 0.3s;}
.ma_step h3 .tit a:hover img { opacity:1;}
.ma_step h3 .tit .txt { display:none; position:absolute; left:0; top:0; width:100%; padding:7px 13px; box-sizing:border-box;}
.ma_step h3 .tit .txt .txt_in { width:100%; border-bottom:1px solid #9baac9; background:#616a87; box-sizing:border-box;}
.ma_step h3 .tit .txt .txt_in:after { content:""; display:block; clear:both;}
.ma_step h3 .tit .txt .txt_in .txt_in_box { float:left;}
.ma_step h3 .tit .txt .txt_in .txt_in_box input { width:210px; height:22px; padding:0 2px; color:#fff; border:none; background:none;}
.ma_step h3 .tit .txt .txt_in .txt_in_num { float:right; font-size:10px; line-height:24px; color:#9baac9;}

.ma_step ul { display:block; background:#fff;}
.ma_step ul.on { display:none;}
.ma_step ul li .tit { position:relative; height:36px; border-bottom:1px solid #e2e6ef; border-right:1px solid #616a87; border-left:1px solid #616a87; box-sizing:border-box;}
.ma_step ul li .tit:hover { background:#e9e7f6; *border:1px solid #ff6a12; *box-shadow:0 0 2px #ff9a22;}
.ma_step ul li .tit.on { background:#e9e7f6;}
.ma_step ul li .tit .arr i { margin-right:3px; font-size:13px; line-height:36px; color:#616a87;}
.ma_step ul li .tit .arr .xi-minus-square { display:inline-block; cursor:pointer;}
.ma_step ul li .tit .arr .xi-minus-square.on { display:none; cursor:pointer;}
.ma_step ul li .tit .arr .xi-plus-square { display:none; color:#29126a; cursor:pointer;}
.ma_step ul li .tit .arr .xi-plus-square.on { display:inline-block; cursor:pointer;}
.ma_step ul li .tit a { line-height:36px; color:#616a87; transition:all 0.3s;}
.ma_step ul li .tit a img { opacity:0; margin:0 0 5px 5px; transition:all 0.3s;}
.ma_step ul li .tit a:hover { color:#ff6a12;}
.ma_step ul li .tit a:hover img { opacity:1;}
.ma_step ul li .tit .txt { display:none; position:absolute; left:0; top:6px; width:100%; padding-right:10px; box-sizing:border-box;}
.ma_step ul li .tit .txt .txt_in { width:100%;}
.ma_step ul li .tit .txt .txt_in:after { content:""; display:block; clear:both;}
.ma_step ul li .tit .txt .txt_in .txt_in_box { float:left;}
.ma_step ul li .tit .txt .txt_in .txt_in_box input { width:204px; height:22px; margin-left:17px; padding:0 2px; color:#616a87; border:none; background:#f0f5fb;}
.ma_step ul li .tit .txt .txt_in .txt_in_num { float:right; margin-right:3px; font-size:10px; line-height:24px; color:#9baac9;}

.t_pl_1 { padding-left:13px;}
.t_pl_2 { padding-left:31px;}
.t_pl_3 { padding-left:49px;}
.t_pl_4 { padding-left:67px;}
.t_pl_5 { padding-left:85px;}
.t_pl_6 { padding-left:103px;}
.t_pl_7 { padding-left:121px;}
.t_pl_8 { padding-left:139px;}
.t_pl_9 { padding-left:157px;}
.t_pl_10 { padding-left:175px;}

.ma_step ul li .tit .icon { display:none; z-index:20; position:absolute; left:282px; top:23px; width:196px;}
.ma_step ul li .tit .icon:after { content:""; display:block; clear:both;}
.ma_step ul li .tit:hover .icon {display:block;}

.icon p{ float:left;}
.icon p span { width:24px; height:24px; background-image:url(/manager/images/sp_icon.png); background-size:192px 48px; cursor:pointer;}
.icon p .ic { display:inline-block}
.icon p .ic_over { display:none;}
.icon p:hover .ic { display:none}
.icon p:hover .ic_over { display:inline-block}
.ic_1 { background-position:0 0;}
.ic_2 { background-position:168px 0;}
.ic_3 { background-position:144px 0;}
.ic_4 { background-position:120px 0;}
.ic_5 { background-position:96px 0;}
.ic_6 { background-position:72px 0;}
.ic_7 { background-position:48px 0;}
.ic_8 { background-position:24px 0;}
.ic_over_1 { background-position:0 24px;}
.ic_over_2 { background-position:168px 24px;}
.ic_over_3 { background-position:144px 24px;}
.ic_over_4 { background-position:120px 24px;}
.ic_over_5 { background-position:96px 24px;}
.ic_over_6 { background-position:72px 24px;}
.ic_over_7 { background-position:48px 24px;}
.ic_over_8 { background-position:24px 24px;}

시나리오 미리보기
.ma_view { float:left; margin-right:15px;}
.ma_view_win { position:relative; width:270px; padding-bottom:4px; background:#8895b5; box-sizing:border-box;}
.ma_view_win > ul .win_tit { position:relative; height:40px; padding:0 15px; background:#8895b5; box-sizing:border-box;}
.ma_view_win > ul .win_tit a { line-height:40px; color:#fff;}
.ma_view_win > ul .win_tit a img { opacity:0; margin:0 0 5px 5px; transition:all 0.3s;}
.ma_view_win > ul .win_tit a:hover img { opacity:1;}
.ma_view_win > ul .win_tit .txt { display:none; position:absolute; left:0; top:0; width:100%; padding:7px 13px; box-sizing:border-box;}
.ma_view_win > ul .win_tit .txt .txt_in { width:100%; border-bottom:1px solid #d9e1ed; background:#8895b5; box-sizing:border-box;}
.ma_view_win > ul .win_tit .txt .txt_in:after { content:""; display:block; clear:both;}
.ma_view_win > ul .win_tit .txt .txt_in .txt_in_box { float:left;}
.ma_view_win > ul .win_tit .txt .txt_in .txt_in_box input { width:210px; height:22px; padding:0 2px; color:#fff; border:none; background:none;}
.ma_view_win > ul .win_tit .txt .txt_in .txt_in_num { float:right; font-size:10px; line-height:24px; color:#d9e1ed;}

.ma_view_win > ul .win_connect { position:relative; overflow:hidden; width:100%; height:19px; border-right:1px solid #8895b5; border-left:1px solid #8895b5; box-sizing:border-box; cursor:pointer;}
.ma_view_win > ul .win_connect p { z-index:10; position:absolute; left:0; top:0; padding:0 14px 10px; font-size:11px; line-height:20px; color:#7f8ba9; background:#d9e1ed; box-sizing:border-box;}
.ma_view_win > ul .win_connect:hover { overflow:inherit;}

높이 없앴음...
.ma_view_win > ul .win_img { overflow:hidden; position:relative; text-align:center; border-bottom:1px solid #d9e1ed; border-right:1px solid #8895b5; border-left:1px solid #8895b5; box-sizing:border-box;}
.ma_view_win > ul .win_img img { width:100%;}
.ma_view_win > ul .win_img .p_img { display:none; position:absolute; left:0; top:0; width:100%; height:100%; background:rgba(0,0,0,0.3); cursor:pointer;}
.ma_view_win > ul .win_img .p_img span { position:absolute; left:50%; top:50%; transform:translateX(-50%) translateY(-50%); display:block; width:150px; height:30px; line-height:30px; text-align:center; color:#fff; border:1px solid #fff; border-radius:3px; background:rgba(0,0,0,0.3);}
.ma_view_win > ul .win_img .p_file { opacity:0; z-index:5; position:absolute; left:0; top:0; width:100%; height:100%;}
.ma_view_win > ul .win_img .p_file input { width:100%; height:100%; border:0; cursor:pointer;}

.ma_view_win > ul .win_txt { padding:5px 15px 0; border-bottom:1px solid #d9e1ed; border-right:1px solid #8895b5; border-left:1px solid #8895b5; background:#fff; box-sizing:border-box;}
.ma_view_win > ul .win_txt:after { content:""; display:block; clear:both;}
.ma_view_win > ul .win_txt textarea { width:100%; height:147px; padding:2px; border:none;}
.ma_view_win > ul .win_txt p { float:right; font-size:10px; line-height:24px; color:#9baac9;}

.ma_view_win > ul .win_link ul li { position:relative; width:100%; height:36px; line-height:36px; text-align:center; border-bottom:1px solid #d9e1ed; border-right:1px solid #8895b5; border-left:1px solid #8895b5; background:#fff; box-sizing:border-box;}
.ma_view_win > ul .win_link ul li:last-child { border-bottom:0;}
.ma_view_win > ul .win_link ul .li_btn.on { background:#e9e7f6;}
.ma_view_win > ul .win_link ul li a { line-height:36px; color:#616a87; transition:all 0.3s;}
.ma_view_win > ul .win_link ul li a img { display:none; margin:0 0 5px 5px; transition:all 0.3s;}
.ma_view_win > ul .win_link ul li a:hover { color:#ff6a12;}
.ma_view_win > ul .win_link ul li a:hover img { display:inline-block;}
.ma_view_win > ul .win_link ul li .txt { display:none; position:absolute; left:0; top:0; width:100%; padding-right:12px; box-sizing:border-box;}
.ma_view_win > ul .win_link ul li .txt .txt_in { width:100%;}
.ma_view_win > ul .win_link ul li .txt .txt_in:after { content:""; display:block; clear:both;}
.ma_view_win > ul .win_link ul li .txt .txt_in .txt_in_box { float:left;}
.ma_view_win > ul .win_link ul li .txt .txt_in .txt_in_box input { width:210px; height:22px; margin-left:12px; padding:0 3px; color:#616a87; border:none; background:#f0f5fb; box-sizing:border-box;}
.ma_view_win > ul .win_link ul li .txt .txt_in .txt_in_num { float:right; margin-right:3px; font-size:10px; line-height:36px; color:#9baac9;}

.ma_view_win > ul .win_link ul li .icon { display:none; z-index:20; position:absolute; left:257px; top:6px; width:196px;}
.ma_view_win > ul .win_link ul li:hover .icon {display:block;}

.ma_view_win > ul .win_link ul .area_line { height:12px; padding:5px 15px 0; border-right:0; border-left:0; box-sizing:border-box;}
.ma_view_win > ul .win_link ul .area_line a { display:block; border-bottom:1px dashed #8895b5;}
.ma_view_win > ul .win_link ul .area_line .icon { top:-6px;}

.ma_view_win .ma_view_onoff { position:absolute; right:-90px; top:0;}
.ma_view_win .ma_view_onoff p { position:relative; margin-bottom:3px; line-height:20px; color:#616a87; cursor:pointer;}
.ma_view_win .ma_view_onoff p span { display:inline-block; width:45px; height:18px; font-size:11px; line-height:18px; border-radius:9px; box-sizing:border-box;}
.ma_view_win .ma_view_onoff p .v_on { padding-left:8px; text-align:left; color:#fff; border:1px solid #ff6a12; background:#ff6a12;}
.ma_view_win .ma_view_onoff p .v_off { display:none; padding-right:6px; text-align:right; color:#fff; border:1px solid #abb9d3; background:#abb9d3;}
.ma_view_win .ma_view_onoff p .dong { position:absolute; right:3px; top:3px; width:12px; height:12px; border-radius:50%; background:#fff; transition:all 0.3s ease-in;}
.ma_view_win .ma_view_onoff p .v_on.on { display:none;}
.ma_view_win .ma_view_onoff p .v_off.on { display:inline-block;}
.ma_view_win .ma_view_onoff p .dong.on { right:30px;}

.win_img.on { display:none;}
.win_txt.on { display:none;}

시나리오 상세설정
.ma_set { position:absolute; left:0; top:0; width:100%; padding:74px 15px 15px 755px; box-sizing:border-box;}
.ma_set > div { width:100%; min-width:386px; max-width:470px; margin-bottom:15px; border:1px solid #8895b5; box-sizing:border-box;}
.ma_set > div h4 { height:36px; padding:0 15px; line-height:36px; color:#fff; background:#8895b5; box-sizing:border-box;}
.ma_set > div .div_box { *position:relative; padding:5px; background:#fff;}
.ma_set > div .div_box table tbody tr th { width:110px; padding:0 5px; text-align:center; white-space:pre; border:1px solid #abb9d3; box-sizing:border-box;}
.ma_set > div .div_box table tbody tr td { padding:2px 5px; border:1px solid #abb9d3; box-sizing:border-box;}
.ma_set > div .div_btn { padding-bottom:5px; text-align:center; background:#fff;}
.ma_set > div .div_btn button { height:26px; margin:0 1.5px; padding:0 20px; transition:all 0.3s;}
.ma_set > div .div_btn button:hover { background:#8895b5;}

.ma_set_img { display:none;}
.ma_set_txt { display:none;}
.ma_set_btn { display:none;}

.ma_set .input_file { position:relative; width:100%;}
.ma_set .input_file span { float:left; display:block;}
.ma_set .input_file .span_hidden { width:48px; height:26px; margin:1px 0; background:#e7eaf2 url(/manager/images/input_file.png) no-repeat 0 0; background-size:contain;}
.ma_set .input_file .span_hidden input { z-index:10; position:absolute; left:0; top:0; opacity:0; width:100%; height:26px; padding:0; border:0;}
.ma_set .input_file .span_show input { position:absolute; left:0; top:0; width:100%; height:26px; padding:0 5px 0 53px; color:#abb9d3; border:1px solid #e7eaf2; background:none; box-sizing:border-box;}

.ma_set_txt .div_box > p { width:100%; padding:5px 5px 0 5px; border:1px solid #abb9d3; box-sizing:border-box;}
.ma_set_txt .div_box > p:after { content:""; display:block; clear:both;}
.ma_set_txt .div_box > p > textarea { width:100%; height:110px; margin:0; padding:3px; border:0;}
.ma_set_txt .div_box > p > span { display:inline-block; float:right; font-size:10px; line-height:20px; color:#abb9d3; box-sizing:border-box;}

.ma_set_txt .div_emoji .emoji_btn { width:100%;}
.ma_set_txt .div_emoji .emoji_btn:after { content:""; display:block; clear:both;}
.ma_set_txt .div_emoji .emoji_btn p { float:left; width:50%; box-sizing:border-box;}
.ma_set_txt .div_emoji .emoji_btn p a { display:block; width:100%; height:26px; line-height:26px; text-align:center; color:#fff; background:#a0c0d7; transition:all 0.3s;}
.ma_set_txt .div_emoji .emoji_btn p a:hover { background:#72a4c4;}
.ma_set_txt .div_emoji .emoji_btn .p_let { padding-right:1.5px;}
.ma_set_txt .div_emoji .emoji_btn .p_emo { padding-left:1.5px;}
.ma_set_txt .div_emoji > div { padding:0 5px 5px 5px; background:#fff; box-sizing:border-box;}
.ma_set_txt .div_emoji > div ul { padding:4px; border:1px solid #abb9d3; box-sizing:border-box;}
.ma_set_txt .div_emoji > div ul:after { content:""; display:block; clear:both;}
.ma_set_txt .div_emoji > div ul li { float:left; cursor:pointer;}
.ma_set_txt .div_emoji .letters { display:none;}
.ma_set_txt .div_emoji .letters.on { display:block;}
.ma_set_txt .div_emoji .letters ul li a { display:block; height:20px; line-height:21px; margin:1px; padding:0 5px; color:#57607d; border-radius:3px; background:#d0e0eb; box-sizing:border-box;}
.ma_set_txt .div_emoji .letters ul li a:hover { color:#fff; background:#72a4c4;}
.ma_set_txt .div_emoji .emoji { display:none;}
.ma_set_txt .div_emoji .emoji.on { display:block;}
.ma_set_txt .div_emoji .emoji ul li a { display:block; width:25px; height:25px; margin:1px;}
.ma_set_txt .div_emoji .emoji ul li a img { width:100%; transition:all 0.2s;}
.ma_set_txt .div_emoji .emoji ul li a:hover img { width:120%;}

.ma_set_btn .div_sel { padding:5px 5px 0; background:#fff; box-sizing:border-box;}
.ma_set_btn .div_sel table tbody tr th { width:110px; padding:0 5px; text-align:center; white-space:pre; border:1px solid #abb9d3; box-sizing:border-box;}
.ma_set_btn .div_sel table tbody tr td { padding:2px 5px; border:1px solid #abb9d3; box-sizing:border-box;}

달력
.calendar_tit {position:relative;}
.calendar_tit .tit {width:192px; margin:0 auto;}
.calendar_tit .tit:after {content:""; display:block; clear:both;}
.calendar_tit .tit p {float:left; font-size:23px; line-height:23px;}
.calendar_tit .tit p i {font-size:23px; color:#8895b5; cursor:pointer;}
.calendar_tit .tit .this_month {margin:0 10px; cursor:pointer;}
.calendar_tit .tit .this_month select {height:36px; margin-top:-8px; padding:0 5px; font-size:23px; line-height:23px; border:0; background:none; cursor:pointer;}
.calendar_tit .tit .this_month option {font-size:21px; color:#fff; background:#7a9cd3; cursor:pointer;}
.calendar_tit .btn {position:absolute; right:0; top:-3px;}
.calendar_tit .btn button {display:block; width:140px; height:26px; line-height:26px; text-align:center; color:#fff; background:#616a87;}
.calendar_tit .btn button:hover {background:#29126a;}

.calendar table thead tr th {width:14.28%; padding:5px 0 2px; text-align:center; color:#57607d; border:1px solid #abb9d3; background:#e7eaf2; box-sizing:border-box;}
.calendar table thead tr .th_sun {color:#8b566b;}
.calendar table thead tr .th_sat {color:#56848b;}
.calendar table tbody tr td {width:14.28%; border:1px solid #abb9d3; background:#fff; box-sizing:border-box;}
.calendar table tbody tr .td_sun {background:#ede7f2;}
.calendar table tbody tr .td_sat {background:#e7f1f2;}
.calendar table tbody tr .td_off {background:#ede7f2;}
.calendar table tbody tr td > div {min-height:80px; padding:5px 3px 7px; box-sizing:border-box;}
.calendar table tbody tr td > div > span {display:inline-block;}
.calendar table tbody tr td > div .day {width:100%; margin-bottom:7px;}
.calendar table tbody tr td > div .day .day_num {font-size:16px;}
.calendar table tbody tr td > div .day .co_sun {color:#8b566b;}
.calendar table tbody tr td > div .day .co_sat {color:#56848b;}
.calendar table tbody tr td > div .day .co_spe {color:#f10000;}
.calendar table tbody tr td > div .day .day_name {margin-left:5px; font-size:11px; line-height:16px; color:#8895b5;}
.calendar table tbody tr td > div .info {padding:0 7px; box-sizing:border-box;}
.calendar table tbody tr td > div .info p {line-height:18px;}
.calendar table tbody tr td > div .info .info_ok {cursor:pointer;}
.calendar table tbody tr td > div .info .info_no {cursor:pointer;}
.calendar table tbody tr td > div .info .co_che {color:#4285f4;}

카테고리
.category {width:100%;}
.category:after {content:""; display:block; clear:both;}
.category .group {float:left; width:25%; border:3px solid #abb9d3; border-left:0; box-sizing:border-box;}
.category .group:first-child {border-left:3px solid #abb9d3;}
.category .group h3 {font-weight:bold; line-height:30px; text-align:center; color:#fff; background:#abb9d3;}
.category .group h3 i {line-height:30px;}
.category .group .up_btn {padding:10px 0 0; text-align:center; background:#fff;}
.category .group .up_btn button {padding:5px 50px; color:#57607d; border:1px solid rgba(0,0,0,0.1); border-radius:3px; background:#f0f5fb;}
.category .group ul {width:100%; height:200px; padding:10px; overflow-y:scroll; background:#fff; box-sizing:border-box;}
.category .group ul div li {border-bottom:1px solid #abb9d3; box-sizing:border-box;}
.category .group ul div li:first-child {border-top:1px solid #abb9d3;}
.category .group ul div li a {display:block; padding:5px 7px; line-height:18px; box-sizing:border-box; cursor:pointer;}
.category .group ul div li a:hover {background:#f6f6f6;}
.category .group ul div li a.on {background:#e9e7f6;}


	******* min *******
	
	

	상품등록
	.write table tbody tr td .prod_color {display:inline-block;}
	.write table tbody tr td .prod_color:after {content:""; display:block; clear:both;}
	.write table tbody tr td .prod_color p {float:left;}
	.write table tbody tr td .prod_color p i {font-size:24px; line-height:26px; color:#616a87; cursor:pointer;}
	.write table tbody tr td .prod_color p i:hover {color:#38456f;}
	
	상품보기 컬러
	.write table tbody tr .td_color p {display:inline-block; width:16px; height:16px; background:orange;}

	코멘트
	.title h2 .sub_ment {display:inline-block; margin-left:5px; color:#8895b5;}

	리뷰어 보기
	.board_view table tbody tr td .img {padding:20px;}

	리뷰어 회원관리
	.list table tbody tr .hover a:hover {color:#3f00c0;} */