@charset "utf-8";
/*** Fonts style : Start 2017-09-20 ***/
@import url(http://fonts.googleapis.com/earlyaccess/nanumgothic.css); /* font-family:'Nanum Gothic',sans-serif; */
@import url(http://fonts.googleapis.com/earlyaccess/notosanskr.css); /* font-family:'Noto Sans KR',sans-serif; */
/*** Fonts style : End ***/
/*** Reseting style : Start ***/
/* Document style */
html, body {width:100%; height:100%; font-size:12px; background-color:#f3f4f8; margin:0; padding:0;}
* {box-sizing:border-box;}
body {font-family:'Noto Sans KR',sans-serif; line-height:130%; overflow:hidden;}
ul {list-style-type:none; margin:0; padding:0; border:0;}

a {text-decoration:none;}
a:link {color:#333;}
a:visited {color:#333;}
a:hover {color:#009966;}
a:active {color:#09B0A8;}

/* Defaut style */
img, object, embed, video {max-width: 100%;}
form {margin:0; padding:0; outline:none; border:0;}
select, input, textarea {display:inline-block; border:#e6e6e6 solid 1px; color:#666; background-color:#fff; border-radius:3px;}
select[disabled="disabled"], input[disabled="disabled"] {border:none;}
select {padding:5px;}
select[ampmonly="true"] {width:60px !important;}
input {padding:6px;}
input[type="date"] {padding:6px;}
input[type="file"] {margin:0; padding:0; border:0; outline:none; background-color:#dfdfdf; cursor:pointer;}
input[class="timeonly"] {width:30px; text-align:center;}
textarea {padding:6px; line-height:150%; white-space:pre; width:100%; min-height:100px;}
button {padding:6px 8px; border:#e6e6e6 solid 1px; border-radius:3px; color:#666;}
h1, h2, h3, h4, h5, h6 {margin:0; padding:0;}
/*** Reseting style : End ***/

/* 임시 스타일 */
.zi-help-box {width:100%; padding:50px 0; color:#FF3D3D; text-align:center;}

/* space adjustment style */
.clear {clear:both;}
.clear-box {display:inline-block; width:100%; height:100px; clear:both;}
.line-box {width:100%; height:40px; clear:both; border-bottom:#dfdfdf solid 1px; margin-bottom:40px;}
.line-bottom {border-bottom:#dfdfdf solid 1px;}
.align-left {float:left;}
.align-right {float:right !important;}
.align-tleft {text-align:left !important;}
.align-tright {text-align:right;}
.align-tcenter {text-align:center;}
.no-data {padding:50px 0 !important; width:100% !important; text-align:center;}
.no-img {background:url('https://qand.mccander.com/static/images/common_ek/bg_fripic.png') no-repeat center center; background-size:cover;}

/* Box Style */
.zi-posrel-box {position:relative;}
.zi-posabs-box {position:absolute;}
.zi-posfix-box {position:fixed;}
.zi-load-box {border-radius:3px; background-color:#fff;}
.zi-scroll-box {width:100%; height:100%; overflow:hidden; overflow-y:auto;}

/* width style */
.width-100 {width:100% !important;}
.width-90 {width:90% !important;}
.width-80 {width:80% !important;}
.width-70 {width:70% !important;}
.width-60 {width:60% !important;}
.width-50 {width:50% !important;}
.width-40 {width:40% !important;}
.width-30 {width:30% !important;}
.width-20 {width:20% !important;}
.width-10 {width:10% !important;}

/* mouse action style */
#handle, #handle2 {cursor:move;}
.cursor {cursor:pointer;}
.hidden {display:none;}
.block {display:block;}
.scroll-off {overflow:hidden; overflow-y:hidden; overflow-x:hidden;}
.zi-scroll-w-on {overflow:hidden; overflow-x:auto;}
.zi-scroll-h-on {overflow:hidden; overflow-y:auto;}
.ui-datepicker-trigger {cursor:pointer;}
.ms-off {-ms-user-select: none; -moz-user-select: -moz-none; -khtml-user-select: none; -webkit-user-select: none; user-select: none;}

/* background style */
.bg-color-df {background-color:#2b6f46;}
.bg-img-df {background-size:cover; background-position:center center;}
.bg-color-blue {background-color:#edfbff;}
.bg-color-red {background-color:#ffeded;}
.pic {background-position:center center; background-size:cover; background-repeat:no-repeat;}

/* text style */
.color-green1 {color:#06966f;}


/* space style */
.padding-tb50 {padding:50px 0;}
.padding-b5 {padding-bottom:5px;}
.padding-l20 {padding-left:20px;}
.margin-df {margin-bottom:50px;}
.margin-b10 {margin-bottom:10px;}
.margin-b20 {margin-bottom:20px;}
.margin-b33 {margin-bottom:33px;}
.margin-r10p {margin-right:10px;}
.margin-t5 {margin-top:5px;}
.margin-t10 {margin-top:10px;}
.margin-t33 {margin-top:33px;}
.margin-t100 {margin-top:100px !important;}
.margin-tb10p {margin:10px 0;}

/* line style */
.border-df {border:#dfdfdf solid 1px;}

/* box and image style */
.radius-df-img {border-radius:3px;}
.radius-df-box {border-radius:5px;}

/* point style */
.point-01 {background-color:#333; color:#fff000;  text-align:center;}
.point-01 div {padding:5px;}

/*** Background Color Style : Start ***/
/* Basic(Green) Gradation Value */
.zi-grad1 {background:#d6ffe9; background:-webkit-linear-gradient(#32bd74 0%, #d6ffe9 70%); background:-o-linear-gradient(#32bd74 0%, #d6ffe9 70%); background:-moz-linear-gradient(#32bd74 0%, #d6ffe9 70%); background:linear-gradient(#86B298 0%, #d6ffe9 70%);}
.zi-grad2 {background:#47BA75; background:-webkit-linear-gradient(#2A6E45 0%, #3c9f63 30%); background:-o-linear-gradient(#2A6E45 0%, #3c9f63 50%); background:-moz-linear-gradient(#2F7B4D 0%, #3c9f63 50%); background:linear-gradient(#2F7B4D 0%, #3c9f63 50%);}
/* Pastal-Green Gradation Value */
.zi-pg-grad1 {background:#66FFBC; background:-webkit-linear-gradient(#45BF87 0%, #66FFBC 50%); background:-o-linear-gradient(#45BF87 0%, #66FFBC 50%); background:-moz-linear-gradient(#45BF87 0%, #66FFBC 50%); background:linear-gradient(#45BF87 0%, #66FFBC 50%);}
.zi-pg-grad2 {background:#51E3A1; background:-webkit-linear-gradient(#42B882 0%, #51E3A1 20%); background:-o-linear-gradient(#42B882 0%, #51E3A1 20%); background:-moz-linear-gradient(#42B882 0%, #51E3A1 20%); background:linear-gradient(#42B882 0%, #51E3A1 20%);}
/* Sky-Blue Gradation Value */
.zi-sblue-grad1 {background:#bbebff; background:-webkit-linear-gradient(#68d3ff 0%, #bbebff 80%); background:-o-linear-gradient(#68d3ff 0%, #bbebff 80%); background:-moz-linear-gradient(#68d3ff 0%, #bbebff 80%); background:linear-gradient(#68d3ff 0%, #bbebff 80%);}
.zi-sblue-grad2 {background:#7be5ff; background:-webkit-linear-gradient(#66ccff 0%, #7be5ff 50%); background:-o-linear-gradient(#66ccff 0%, #7be5ff 50%); background:-moz-linear-gradient(#66ccff 0%, #7be5ff 50%); background:linear-gradient(#66ccff 0%, #7be5ff 50%);}
/* Grey Gradation Value */
.zi-grey-grad1 {background:#E5E5E5; background:-webkit-linear-gradient(#595959 0%, #E5E5E5 80%); background:-o-linear-gradient(#595959 0%, #E5E5E5 80%); background:-moz-linear-gradient(#595959 0%, #E5E5E5 80%); background:linear-gradient(#595959 0%, #E5E5E5 80%);}
.zi-grey-grad2 {background:#7F7F7F; background:-webkit-linear-gradient(#A6A6A6 0%, #7F7F7F 50%); background:-o-linear-gradient(#A6A6A6 0%, #7F7F7F 50%); background:-moz-linear-gradient(#A6A6A6 0%, #7F7F7F 50%); background:linear-gradient(#A6A6A6 0%, #7F7F7F 50%);}
/*** Background Color Style : End ***/


/*** point group style value ***/
.ptg-00 .data-text, .ptg-01 input[type="text"], .ptg-01 input[type="date"], .ptg-01 input[type="time"], .ptg-01 .data-text, .ptg-01 select {font-weight:bold;}
.ptg-01 .title-text i.axi {color:#FF3D3D !important;}
.ptg-02 .title-text i.axi, .ptg-02 input[type="text"] {color:#FF3D3D !important;}
.ptg-02 input[type="text"] {font-weight:bold;}
.ptg-02 input[class="gd-value"] {color:#0066CC !important; text-align:right; size:11;}

/*** table div style default value ***/
.table-div, .table-ul {margin:0; padding:0;}
.table-div ul {margin:0; padding:0;}
.table-div ul li {float:left; margin:0; padding:0; text-align:center;}
.table-ul {display:block; margin:0; padding:0;}
.table-ul li {display:inline-block; width:100%; margin:0; padding:0;}
.table-ul li .td-div {float:left;}
div[class^="tbg-"] .h1 {font-size:14px; font-weight:bold;}
div[class^="tbg-"] .h1-t {font-size:16px; font-weight:bold; padding-bottom:5px; margin-bottom:5px; border-bottom:#dfdfdf solid 1px;}
div[class^="tbg-"] .h1-t i.axi {margin-right:10px;}
div[class^="tbg-"] .h2 {font-size:12px;}
div[class^="tbg-"] .h2-in {font-size:12px;}
div[class^="tbg-"] .h2-in:before {content:"•"; padding-left:10px; color:#999;}
div[class^="tbg-"] .tab {padding:10px 20px; border:#dfdfdf solid 1px; border-bottom:#fff solid 1px; border-radius:5px 5px 0 0; margin-bottom:-1px; background-color:#fff;}
div[class^="tbg-"] span.big-img {width:360px; height:320px; float:left; display:block; border:#dfdfdf solid 1px; margin:5px;}
div[class^="tbg-"] span.add-img {width:100px; height:100px; float:left; display:block; border:#dfdfdf solid 1px; margin:5px;}
div[class^="tbg-"] .add-file {padding:5px 5px 5px 15px;}
div[class^="tbg-"] .add-file .btn {background-color:#009999; color:#fff; font-size:11px; padding:3px 10px; border-radius:3px; cursor:pointer;}
div[class^="tbg-"] .in-t1 {padding-left:15px !important;}
div[class^="tbg-"] .in-t2 {padding-left:30px !important;}
div[class^="tbg-"] .td-w100 {width:100%; text-align:left;}
div[class^="tbg-"] .td-p-5-0 {padding:5px 0;}
div[class^="tbg-"] .title-text {display:inline-block;}
div[class^="tbg-"] .info-text {display:block; margin-top:5px; color:#999; font-size:12px;}
div[class^="tbg-"] .info-text2 {display:block; margin-top:5px; color:#999; font-size:12px; text-align:center;}
div[class^="tbg-"] span.from-to {margin:0 5px;}
div[class^="tbg-"] span.from {margin-right:5px; color:#999;}
div[class^="tbg-"] span.to {color:#999;}
div[class^="tbg-"] textarea {width:100%; height:100px; resize:vertical; white-space:pre-line;}
div[class^="tbg-"] center {padding:30px 0; color:#06966f;}

/* table ul group style title value */
div.tbg-title {}
div.tbg-title .table-ul {border-bottom:#dfdfdf solid 1px; margin-bottom:10px;}
div.tbg-title .table-ul .tr-li {}
div.tbg-title .table-ul .tr-li .td-div {display:inline-block}
div.tbg-title .table-ul .tr-li .upload-btn {float:right; background-color:#666; border-radius:3px; padding:5px 10px; color:#fff;}
div.tbg-title .table-ul .tr-li .upload-btn:hover {background-color:#333; cursor:pointer;}
div.tbg-title .table-ul .tr-li .upload-btn i.axi {margin-right:5px;}
div.tbg-title .table-ul .tr-li .help-btn {float:right; margin-left:5px; background-color:#666; border-radius:3px; padding:5px; color:#fff;}
div.tbg-title .table-ul .tr-li .help-btn:hover {background-color:#333; cursor:pointer;}
div.tbg-title .table-ul .tr-li .help-btn i.axi {}
div.tbg-title .table-ul .tr-li .help-btn .sb-box-top {width:582px; margin-left:-567px; padding:10px;}
div.tbg-title .table-ul .tr-li .help-btn .sb-box-top:after, div.tbg-title .table-ul .tr-li .help-btn .sb-box-top:before {left:567px;}
/* table ul group style option value */
div.tbg-option {}
div.tbg-option .table-ul {margin-bottom:5px;}
div.tbg-option .table-ul .tr-li {}
div.tbg-option .table-ul .tr-li .td-div {display:inline-block;}
/* table ul group style help value */
div.tbg-help {}
div.tbg-help .table-ul {border:#dfdfdf solid 1px; border-radius:3px; padding:10px;}
div.tbg-help .table-ul .tr-li {}
div.tbg-help .table-ul .tr-li .td-div {padding:3px;}
/* table ul group style help value */
.tbg-view {}
.tbg-view .table-ul .title-box {border-bottom:#dfdfdf solid 1px;}
.tbg-view .table-ul .tr-li {padding:10px;}
.tbg-view .table-ul .tr-li .title-text {width:50px; margin-right:5px;}
.tbg-view .table-ul .tr-li .title-text:before {content:":"; float:right;}
.tbg-view .table-ul .tr-li .title-text i.axi {margin-right:5px;}
/* table div group style grey value */
div.tbg-grey {}
div.tbg-grey .table-div {}
div.tbg-grey .table-div ul {display:inline-block;}
div.tbg-grey .table-div ul li {display:block;}
div.tbg-grey .table-div .tr-ul-head {background-color:#dfdfdf; border:#dfdfdf solid 1px;}
div.tbg-grey .table-div .tr-ul-head .td-li {border-right:#fff solid 1px; padding:10px; font-weight:bold;}
div.tbg-grey .table-div .tr-ul-head .td-li:last-child {border-right:none;}
div.tbg-grey .table-div .tr-ul-body {border-bottom:#dfdfdf solid 1px;}
div.tbg-grey .table-div .tr-ul-body .td-li {border-right:#fff solid 1px; padding:10px;}
div.tbg-grey .table-div .tr-ul-body .td-li:last-child .btn {display:inline-block; padding:5px; border-radius:5px; color:#fff; cursor:pointer; margin:0 3px; font-size:12px;}
div.tbg-grey .table-div .tr-ul-body .td-li:last-child .btn:nth-child(1) {background-color:#999;}
div.tbg-grey .table-div .tr-ul-body .td-li:last-child .btn:nth-child(2) {background-color:#666;}
div.tbg-grey .table-div .tr-ul-body .td-li:last-child .btn:hover {background-color:#000;}

/* table div group style from value */
div.tbg-from {}
div.tbg-from .table-div {}
div.tbg-from .table-div ul {display:inline-block;}
div.tbg-from .table-div ul li {display:block;}
div.tbg-from .table-div .tr-ul-body {width:100%; padding:5px;}
div.tbg-from .table-div .tr-ul-body .td-li i.axi {color:#999;}
div.tbg-from .table-div .tr-ul-body .td-li span.title {min-width:80px; display:inline-block; text-align:left;}
div.tbg-from .table-div .add-box {border:#dfdfdf solid 1px; margin-left:20px;}
div.tbg-from .table-div .add-box .tr-ul-body { padding-left:10px; border-bottom:#dfdfdf solid 1px;}
div.tbg-from .table-div .add-box .tr-ul-body:last-child {border-bottom:none;}
div.tbg-from .table-div .tr-ul-foot {padding:20px 0; margin-top:20px; border-top:#dfdfdf solid 1px;}
div.tbg-from .table-div .tr-ul-foot .td-li {display:block; width:100%; text-align:center;}
div.tbg-from .table-div .tr-ul-foot .td-li-in1 {display:block; width:100%; text-align:center; padding-left:10px;}
div.tbg-from .table-div .tr-ul-foot span.btn {padding:5px 20px;; margin:0 5px; color:#fff; border-radius:3px;}
div.tbg-from .table-div .tr-ul-foot span.btn:first-child {background-color:#999;}
div.tbg-from .table-div .tr-ul-foot span.btn:last-child {background-color:#333;}
div.tbg-from .table-div .tr-ul-foot span.btn:hover {background-color:#000;}
/* table ul group style step value */
div.tbg-step {display:inline-block; width:100%; padding:0 10px;}
div.tbg-step div.line {width:100%; height:1px; background-color:#dfdfdf; margin-top:58px;}
div.tbg-step .tr-ul {text-align:center; margin-top:-49px;}
div.tbg-step .tr-ul .td-li {display:inline-block; padding:10px; margin:10px 20px; background-color:#fff; text-align:center;}
div.tbg-step .tr-ul .td-li .bbox {display:inline-block; width:52px; padding:16px 0; border:#dfdfdf solid 1px; text-align:center; font-size:20px; border-radius:5px;}
div.tbg-step .tr-ul .td-li .text {display:block; margin-top:10px; color:#999;}
div.tbg-step .tr-ul .active .bbox {background-color:#dfdfdf;}
div.tbg-step .tr-ul .active .text {color:#FFA800;}
/* table ul group style step value */
div.tbg-upload {width:100%; border:#dfdfdf solid 1px; padding:20px; background-color:#f6f6f6;}
div.tbg-upload .td-zoom {width:100%; background-color:#fff;}
div.tbg-upload .td-list {width:100%;}
div.tbg-upload .td-list li {width:auto; width:50px; height:50px; margin:10px 10px 0 0; background-size:cover; background-repeat:no-repeat; background-position:center center;}
div.tbg-upload .td-list li:last-child {margin-right:0;}
div.tbg-upload .td-list li i.axi {font-size:52px; color:#999;}
div.tbg-upload .td-list li .del-btn {position:absolute; display:block; width:20px; height:20px; background-color:rgba(0,0,0,0.5); text-align:center; color:#fff;}
div.tbg-upload .td-list li .del-btn:hover {cursor:pointer; background-color:#000;}
/* table ul group style bbs list value */
div.tbg-list {width:100%; border-top:#dfdfdf solid 2px; border-bottom:#dfdfdf solid 2px;}
div.tbg-list ul[class^="table-ul-"] {display:block; width:100%;}
div.tbg-list ul[class^="table-ul-"] .tr-li {display:inline-block; width:100%;}
div.tbg-list ul[class^="table-ul-"] .tr-li .td-div {display:block; float:left; text-align:center;}
div.tbg-list .table-ul-head {border-bottom:#dfdfdf solid 2px; background-color:#f0f0f0;}
div.tbg-list .table-ul-head .tr-li {padding:8px 0 5px 0;}
div.tbg-list .table-ul-head .tr-li .td-div {overflow:hidden;}
div.tbg-list .table-ul-body .tr-li {padding:10px 0 8px 0; border-bottom:#ccc solid 1px;}
div.tbg-list .table-ul-body .tr-li:hover {background-color:#fff;}
div.tbg-list .table-ul-body .tr-li:nth-child(1) {padding-top:10px;}
div.tbg-list .table-ul-body .tr-li:last-child {border-bottom:0;}
div.tbg-list .table-ul-body .tr-li center {padding:20px 0; color:#999;}
div.tbg-list .table-ul-body .tr-li .td-div {}
/* table ul group style bbs paging value */
div.tbg-paging {width:100%; margin-top:20px;}
div.tbg-paging .table-ul {display:block; width:100%;}
div.tbg-paging .table-ul .tr-li {display:inline-block; width:100%; text-align:center;}
div.tbg-paging .table-ul .tr-li .td-span {display:inline-block; cursor:pointer; width:30px; height:30px; border:#dfdfdf solid 1px; padding:6px 0 0 0;}
div.tbg-paging .table-ul .tr-li .td-span:hover {background-color:#dfdfdf;}
/* list type - ul group style - gellery01 */
ul.type-g1 {display:table; width:100%;}
ul.type-g1 li {display:block; float:left; margin:0; position:relative;}
ul.type-g1 li .subject {position:absolute; bottom:0; width:100%; padding:5px; background-color:rgba(0,0,0,0.5); color:#fff;}
ul.type-g1 li .icon-file {position:absolute; top:5px; left:5px;}
/* Loading box */
div.zi-loading-box {height:10px; border-radius:100px; overflow:hidden; margin-bottom:5px;}
div.zi-loading-box span.load-ba {display:block; height:10px; text-align:right; font-size:10px; padding:0 10px;}
div.zi-loading-box span.load-ba {background:url("/application/views/_mcd/files/img/loading-bg.jpg") no-repeat left center;}

/* table ul group style comment style value */
#comment {border:#dfdfdf solid 1px; background-color:#f6f7f9; padding:10px; margin-bottom:20px;}
#comment .tbg-write {}
#comment .tbg-write .table-ul {width:100%;}
#comment .tbg-write .table-ul .tr-li {display:inline-block; width:100%;}
#comment .tbg-write .table-ul .tr-li div[class^="td-div-"] {float:left;}
#comment .tbg-write .table-ul .tr-li .td-div-80 {width:80%;}
#comment .tbg-write .table-ul .tr-li .td-div-80 textarea {height:50px !important;}
#comment .tbg-write .table-ul .tr-li .td-div-20 {width:20%;}
#comment .tbg-write .table-ul .tr-li .td-div-20 span.btn {display:block; height:50px; background-color:#dfdfdf; text-align:center; padding-top:16px;}
#comment .tbg-write .table-ul .tr-li .td-div-20 span.btn:hover {cursor:pointer; background-color:#333; color:#fff;}
#comment .tbg-list  {margin-bottom:10px;}
#comment .tbg-list .table-ul .tr-li {padding-bottom:5px; margin:5px 0; border-bottom:#dfdfdf solid 1px;}
#comment .tbg-list .table-ul .tr-li:last-child {margin-bottom:0; border-bottom:none;}
#comment .tbg-list .table-ul .tr-li span {margin-right:10px;}
#comment .tbg-list .table-ul .tr-li span i.axi {color:#999;}
#comment .tbg-list .table-ul .tr-li .name {font-weight:bold;}
#comment .tbg-list .table-ul .tr-li .date {color:#999;}
#comment .tbg-list .table-ul .tr-li span[class$="-btn"] {font-size:12px; color:#666;}
#comment .tbg-list .table-ul .tr-li span[class$="-btn"]:hover {color:#333; cursor:pointer}
#comment .tbg-list .table-ul .tr-li textarea {height:auto;}
#comment .tbg-list .table-ul .tr-li .comment-text {margin-top:3px;}

/* comment style */
#comment-atype {margin-top:10px;}
#comment-atype .cmt-data {border-bottom:#dfdfdf solid 1px; padding-bottom:10px; margin-bottom:10px;}
#comment-atype .mb-pic {width:40px; height:40px; float:left; margin-right:10px;}
#comment-atype .cmt-info {display:inline-block; width:91%;}
#comment-atype .reply-data {border-left:#dfdfdf solid 3px; padding:10px 0 10px 10px; margin:10px 0;}
#comment-atype .reply-data .mb-pic {width:30px; height:30px;}
#comment-atype .reply-box {width:100%; clear:both; margin-top:10px;}
#comment-atype .reply-box textarea {width:430px; height:30px; resize:none;}
#comment-atype .reply-box button {width:30px; float:right;}
#comment-atype .reply-box button:nth-child(4) {width:50px;}
#comment-atype .mb-nickname {margin-bottom:5px;}
#comment-atype .cmt-text {font-size:13px; margin-bottom:5px;}
#comment-atype .cmt-more-btn {text-align:center;}
#comment-atype .cmt-more-btn:hover {cursor:pointer;}

/*table*/
.zi-table-01 {margin:10px; border:#dfdfdf solid 1px; border-radius:7px; overflow:hidden;}
.zi-table-01 table {margin:0; padding:0; border:0; color:#525252; letter-spacing:-1px;}
.zi-table-01 table td {vertical-align:middle;}
.zi-table-01 table thead {text-align:center; background-color:#f6f7f9;}
.zi-table-01 table thead .title {color:#2a6e45; font-weight:bold;}
.zi-table-01 table thead td {border-bottom:#dfdfdf solid 1px; border-right:#dfdfdf solid 1px; padding:6px 0;}
.zi-table-01 table thead tr td:last-child {border-right:none;}
.zi-table-01 table tbody td {border-right:#dfdfdf solid 1px; padding:10px 3px 0 3px;}
.zi-table-01 table tbody td div {overflow:hidden; white-space:nowrap; text-overflow:ellipsis; width:100%;}
.zi-table-01 table tbody tr td:last-child {border-right:none;}
.zi-table-01 table tbody tr:last-child td {padding:10px 3px;}

/* Paging Style Value */
.paging {text-align:center; display:block; margin-bottom:10px;}
.paging li {display:inline-block; width:30px; height:30px; color:#fff; margin:5px; padding-top:8px;}
.paging li.btn {background-color:#999;}
.paging li.btn:hover {background-color:#333; color:#fff;}
.paging li.btn-at {font-size:14px; border:#dfdfdf solid 1px; border-radius:5px; background-color:#fff; color:#333; padding-top:6px; letter-spacing:-6px; text-align:center; padding:7px; width:30px; height:30px;}
.paging li.btn-at:hover {cursor:pointer; background-color:#333; color:#fff;}

/* button single style */
.btn, span[class$="-btn"], div[class$="-btn"], span[class^="btn-"] {border-radius:3px; -ms-user-select: none; -moz-user-select: -moz-none; -khtml-user-select: none; -webkit-user-select: none; user-select: none;}
.btn-add, .btn-search {padding:5px 10px; background-color:#666; color:#fff;}
.btn-add:hover, .btn-search:hover {cursor:pointer; background-color:#333;}
.btn {color:#999;}
.btn:hover {cursor:pointer; color:#333;}

/** button group style default value **/
div.btg-df {width:100%; text-align:center; padding:20px 0;}
div.btg-df span {display:inline-block;}
div.btg-df .btn {cursor:pointer; padding:5px 20px; color:#fff; border-radius:3px; background-color:#999;}
/* button group style list value */
div.btg-list {width:100%;}
/* button group style view value */
div.btg-view {width:100%; text-align:center; padding:20px 0; background-color:#ccc;}
div.btg-view span {display:inline-block;}
div.btg-view span[class^="btn-"] {cursor:pointer; padding:5px 20px; box-shadow:#999 1px 1px 1px;}
div.btg-view span[class^="btn-"]:hover {box-shadow:none;}
div.btg-view .btn-00 { background-color:#999;}
div.btg-view .btn-01 {background-color:#3399ff; color:#fff;}
div.btg-view .btn-02 {background-color:#0066cc; color:#fff;}
/* button group style1 value */
div.btg-bbs-s1 {margin-bottom:10px;}
div.btg-bbs-s1 span.btn {display:inline-block; background-color:#dfdfdf; border-radius:3px; padding:5px 10px;}
div.btg-bbs-s1 span.btn:hover {background-color:#333; color:#fff; cursor:pointer;}
div.btg-bbs-s1 .comment-title {display:inline-block; padding:5px 0;}
/* button group style layout value - mobile */
div.btg-layout {position:fixed; bottom:50px; right:0;}
div.btg-layout .btn-box {padding-right:10px; height:50px;}
div.btg-layout .style-on {background-color:#fff; border-radius:100px 0 0 100px; box-shadow:#333 0 0 2px;}
div.btg-layout .btn-on {display:inline-block; width:50px; height:50px; background-color:rgba(0,0,0,0.5); border-radius:100%; text-align:center; padding-top:13px;}
div.btg-layout .btn-on i.axi {font-size:20px; color:#fff;}
div.btg-layout .btn-w {padding:5px; margin:0;}
div.btg-layout .btn-w:last-child {border-left:#999 solid 1px;}
/* star rating value */
.satisfaction {margin-top:5px; position:relative;}
.satisfaction .gp {display:inline-block; margin:-10px 0 0 85px; font-size:14px; font-weight:bold;}
.zi-star-avg1a {background:url(../../../_mcd/files/icon/star-avg.png) no-repeat 0 1px; background-size:80px; width:80px; height:18px; position:absolute; margin:-3px 0 0 3px; display:inline-block;}
.zi-star-avg1b {background:url(../../../_mcd/files/icon/star-avg.png) no-repeat 0 -15px; background-size:80px; height:18px;}
.zi-star-avg1b li {margin-bottom:5px; display:table;}
.zi-star-avg1b li:last-child {margin-bottom:0;}
/** sb(Speech bubble) style value **/
/* sb Mouse hover style */
.sb-ms-hover {margin:0;}
.sb-ms-hover:hover {cursor:pointer; position:relative;}
.sb-ms-hover:hover div[class^=sb-box-] {display:block; position:absolute;}
.sb-ms-hover div[class^=sb-box-] {display:none;}
.sb-ms-hover .sb-box-top {margin-top:15px;}
.sb-ms-hover .sb-box-right {margin-right:15px;}
.sb-ms-hover .sb-box-bottom {margin-bottom:15px;}
.sb-ms-hover .sb-box-left {margin-left:15px;}
/* sb common style */
.sb-box-top, .sb-box-right, .sb-bottom-box, .sb-box-left {position:relative; background:#88b7d5; border:1px solid #c2e1f5; border-radius:3px; padding:3px;}
/* sb Top style */
.sb-box-top:after, .sb-box-top:before {bottom:100%; left:50%; border:solid transparent; content:" "; height:0; width:0; position:absolute; pointer-events: none;}
.sb-box-top:after {border-color:rgba(136,183,213,0); border-bottom-color:#88b7d5; border-width:8px; margin-left:-8px;}
.sb-box-top:before {border-color:rgba(194,225,245,0); border-bottom-color:#c2e1f5; border-width:12px; margin-left:-12px;}
/* sb Right style */
.sb-box-right:after, .sb-box-right:before {left: 100%; top:50%;	border:solid transparent; content: " "; height:0; width:0; position:absolute; pointer-events: none;}
.sb-box-right:after {border-color: rgba(136, 183, 213, 0); border-left-color:#88b7d5; border-width: 8px; margin-top: -8px;}
.sb-box-right:before {border-color: rgba(194, 225, 245, 0); border-left-color:#c2e1f5; border-width: 12px; margin-top: -12px;}
/* sb bottom style */
.sb-box-bottom:after, .sb-bottom-box:before {top: 100%;	left: 50%;border: solid transparent;content: " ";height: 0;width: 0;position: absolute;	pointer-events: none;}
.sb-box-bottom:after {border-color: rgba(136, 183, 213, 0);border-top-color: #88b7d5;border-width: 8px;margin-left: -8px;}
.sb-box-bottom:before {border-color: rgba(194, 225, 245, 0);border-top-color: #c2e1f5;border-width: 12px;margin-left: -12px;}
/* sb left style */
.sb-box-left:after, .sb-box-left:before {right:100%; top:50%; border:solid transparent; content:" "; height:0; width:0; position:absolute; pointer-events: none;}
.sb-box-left:after {border-color: rgba(136,183,213,0); border-right-color: #88b7d5; border-width:8px;	 margin-top:-8px;}
.sb-box-left:before {border-color: rgba(194,225,245,0); border-right-color: #c2e1f5;	 border-width:12px; margin-top:-12px;}

/* tip-title style */
.tip-title {color: #900; text-decoration: none;}
.tip-title:hover {color: red; position: relative;}
.tip-title[title]:hover:after {content:attr(title); font-size:14px; padding: 3px 5px; color: #333; position: absolute; right:-100%; top:-90%; white-space: nowrap; z-index: 20px; -moz-border-radius: 5px; -webkit-border-radius: 5px; border-radius: 5px; -moz-box-shadow: 0px 0px 4px #222; -webkit-box-shadow: 0px 0px 4px #222; box-shadow: 0px 0px 4px #222; background-image: -moz-linear-gradient(top, #eeeeee, #cccccc); background-image: -webkit-gradient(linear,left top,left bottom,color-stop(0, #eeeeee),color-stop(1, #cccccc)); background-image: -webkit-linear-gradient(top, #eeeeee, #cccccc); background-image: -moz-linear-gradient(top, #eeeeee, #cccccc); background-image: -ms-linear-gradient(top, #eeeeee, #cccccc); background-image: -o-linear-gradient(top, #eeeeee, #cccccc);
}

 .sltn {-ms-user-select: none; -moz-user-select: -moz-none; -khtml-user-select: none; -webkit-user-select: none; user-select: none;}

/** div pop layout **/
#_mini_layout_ {position:fixed; width:400px; height:500px; top:20%; left:10px; background-color:#f5f5f5; border:#dfdfdf solid 1px; box-shadow:#dfdfdf 0 0 2px; overflow:hidden;}
#_icon_talk_layout_ {position:fixed; width:80px; height:143px; top:200px; left:50%; margin-left:600px;}
#_icon_talk_layout_ .icon-talk {width:100%; height:100%; background:url('../../files/img/mcd_talk.png') no-repeat center center;}
#_talk_layout_ {position:fixed; top:0; left:0; z-index:90000;}
#_talk2_layout_ {position:fixed; top:0; right:0; z-index:80000;}
#_msg_layout_ {position:fixed; right:0; bottom:20px; z-index:90000;}
#_full_layout_ {position:fixed; width:100%; height:100%; top:0; left:0; z-index:100000;}
#_full_layout_ .back-bg {position:absolute; width:100%; height:100%; background-color:rgba(0,0,0,0.5);}
#_full_layout_ .back-bg .close-btn {width:40px; height:40px; display:block; font-size:30px; background-color:#333; color:#fff; text-align:center; overflow:hidden; padding-top:5px; float:right; border-radius:10px;}
#_full_layout_ .view-box {position:absolute; display:inline-block; z-index:1; width:80%; height:80%; left:50%; top:50%; margin:-25% 0 0 -25%;}
#_full_layout_ .view-box img {width:100%;}
#_full_layout_ .confirm-box {width:100%; height:100%; position:relative; z-index:100;}
#_full_layout_ .confirm-box .confirm {width:500px; position:absolute; left:50%; top:50px; margin-left:-250px; background-color:#ccc; border:#999 solid 1px;  padding:20px; border-radius:3px;}
#_full_layout_ .confirm-box .cnf-text {width:100%; min-height:50px; line-height:150%;}
#_full_layout_ .confirm-box button {float:right; margin:0 5px;}
#_edit-area-pop_ {position:fixed; width:100%; height:100%; top:0; left:0; display:none;}
#_edit-area-pop_ .pop-box {width:100%; height:100%; top:0; left:0; background-color:rgba(0,0,0,0.7); overflow-y: scroll; z-index: 100;}
#_edit-area-pop_ .close-btn {position: absolute; padding:10px; top:10px; right:30px; color:#fff; font-size:30px; background-color:rgba(0,0,0,0.5); border-radius:5px;}
#_edit-area-pop_ .close-btn:hover {background-color:#000; color:#FFA800; cursor:pointer;}
#_gd-hos-serach-pop_ {position:fixed; width:100%; height:100%; top:0; left:0;}
#_gd-hos-serach-pop_ .bg {width:100%; height: 100%; background-color:rgba(0,0,0,0.7);}
#_gd-hos-serach-pop_ .cnt-area {position:absolute; top:50%; left:50%; background-color:#fff;}
/* IE 6 does not support max-width so default to width 100% */
.ie6 img {width:100%;}



/* comment style */
.zi-info-area-01 {background-color:#f6f7f9;}
.zi-info-area-01 ul {display:block; width:100%; padding:10px; border-top:#dfdfdf solid 1px; box-sizing:border-box;}
.zi-info-area-01 ul li {display:inline-block; width:100%; box-sizing:border-box;}
.zi-info-area-01 .goodlist-area {}
.zi-info-area-01 .goodlist-area .gl-box {white-space:nowrap; width:100%;}
.zi-info-area-01 .goodlist-area .gl-box span {float:left;}
.zi-info-area-01 .goodlist-area .gl-box .gl-a {}
.zi-info-area-01 .goodlist-area .gl-box .gl-b {}
.zi-info-area-01 .goodlist-area .gl-box .gl-b b {color:#0099FF; }
.zi-info-area-01 .goodlist-area .gl-box .gl-list {position:absolute; display:block; width:100px; background-color:#333; color:#fff; margin:20px 0 0 0; padding:5px; border-radius:3px; box-shadow:#333 0 0 2px;}
.zi-info-area-01 .goodlist-area .gl-box .gl-list dd {width:100%;padding:3px;}
.zi-info-area-01 .goodlist-area .gl-box .gl-list span.on {position:absolute; color:#333; margin-top:-15px;}
.zi-info-area-01 .comment-area {}
.zi-info-area-01 .comment-area li {display:inline-block; width:100%; box-sizing:border-box;}
.zi-info-area-01 .comment-area li.cmt-list {display:none; margin-bottom:10px;}
.zi-info-area-01 .comment-area li span {display:block;}
.zi-info-area-01 .comment-area li span[class^=mb-pic-] {border:#dfdfdf solid 1px;}
.zi-info-area-01 .comment-area li .mb-pic-a {width:38px; height:38px; background-color:#fff; float:left; margin-right:10px;}
.zi-info-area-01 .comment-area li .mb-pic-b {width:28px; height:28px; background-color:#fff; float:left; margin-right:10px;}
.zi-info-area-01 .comment-area li .cmt-text-area {line-height:150%; white-space:pre-line;}
.zi-info-area-01 .comment-area li .date {white-space:nowrap; color:#666;}
.zi-info-area-01 .comment-area li dl {display:inline-block; width:545px;}
.zi-info-area-01 .comment-area li dl dd {width:100%; display:inline-block; margin-bottom:5px;}
.zi-info-area-01 .comment-area li dl dd span {float:left;}
.zi-info-area-01 .comment-area li dl dd:first-child span {margin-right:5px;}
.zi-info-area-01 .comment-area li dl dd:last-child span {margin-right:10px; color:#0099FF;}
.zi-info-area-01 .comment-area li dl dd:last-child span.del {}
.zi-info-area-01 .comment-area li dl dd:last-child span i {margin-right:3px;}
.zi-info-area-01 .comment-area li.cmt-edit {border-top:#dfdfdf solid 1px; padding-top:5px;}
.zi-info-area-01 .comment-area li.cmt-btn-more {padding-left:50px;}
.zi-info-area-01 .comment-area li .text-area {float:left;}
.zi-info-area-01 .comment-area li textarea.cmt-text {width:550px; height:37px; resize:vertical; border:#dfdfdf solid 1px; padding:5px 30px 5px 5px; float:left; overflow-y:scroll;}
.zi-info-area-01 .comment-area li button {float:right; margin:0 !important;}
.zi-info-area-01 .comment-area li .btn-icon {position:absolute; width:38px; height:38px; display:inline-block; float:right; font-size:20px; font-weight:bold; color:#666; margin-left:-45px; padding:8px 5px;}
.zi-info-area-01 .comment-area li .btn-icon:hover {cursor:pointer; color:#0099FF;}
.zi-info-area-01 .reply-area {display:inline-block; width:560px; margin-left:40px; border-left:#dfdfdf solid 3px; }
.zi-info-area-01 .reply-area ul {border-top:none;}
.zi-info-area-01 .reply-area li dl {width:487px;}
.zi-info-area-01 .reply-area li textarea.cmt-text {width:470px; height:28px; resize:none;}
.zi-info-area-01 .reply-area li .btn-icon {padding:3px;}
.zi-info-area-01 .reply-area li .btn-lock {border:#dfdfdf solid 1px; width:28px; height:28px; display:inline-block; float:right; font-size:20px; padding:3px;}
.zi-info-area-01 .reply-area li .btn-lock:hover {cursor:pointer; color:#0099FF;}
.zi-info-area-01 .icon-area {margin-top:10px;}
.zi-info-area-01 .icon-area .icon-list {height:230px; overflow-y:auto;}
.zi-info-area-01 .icon-area .icon-list .icon-box {display:block; width:19%; min-height:100px; margin:0 1% 1% 0; background-color:#fff; float:left; background-position:center center; background-size:contain;}
.zi-info-area-01 .icon-area .icon-list .icon-box:hover {cursor:pointer;}

.zi-info-area-01 .best-cmt-box {}
.zi-info-area-01 .best-cmt-box .best-icon {position:absolute; display:block; width:50px; height:60px; background-color:#FF0000; margin:-10px 0 0 550px;}
.zi-info-area-01 .best-cmt-box .dr-pic {display:block; width:100px; height:100px; float:left; background-position:center center; background-size:cover; margin-right:10px;}
.zi-info-area-01 .best-cmt-box .dr-info-box {display:inline-block;}
.zi-info-area-01 .best-cmt-box .dr-info-box span {margin:3px 0;}
.zi-info-area-01 .best-cmt-box .nickname {font-size:14px; font-weight:bold; margin:0 10px 10px 0 !important; float:left;}
.zi-info-area-01 .best-cmt-box .date {margin-bottom:10px !important;}
.zi-info-area-01 .best-cmt-box .stitle {color:#0099FF; display:inline-block;}
.zi-info-area-01 .best-cmt-box .dr-comment {width:100%; display:inline-block; padding:5px 0;}
.zi-info-area-01 .best-cmt-box .info-area {display:inline-block; width:100%; padding-bottom:5px; border-bottom:#dfdfdf solid 1px; margin-bottom:5px;}
.zi-info-area-01 .best-cmt-box .info-area span {float:left; margin-right:10px; color:#0099FF;}
.zi-info-area-01 .best-cmt-box .dr-pr-box {display:inline-block; width:100%; margin-top:10px !important;}
.zi-info-area-01 .best-cmt-box .dr-pr-btn {padding:10px; background-color:rgba(0,0,0,0.5); display:block; width:100%; text-align:center; color:#fff; margin-top:66px;}
.zi-info-area-01 .best-cmt-box .dr-pr-btn:hover {cursor:pointer; background-color:#000;}
.zi-info-area-01 .best-cmt-box .dr-pr-info {border:#dfdfdf solid 3px; padding:5px; display:inline-block; width:100%; height:150px; overflow-y:auto;}

/* calender style */
.input-calendar {display:inline-block; position:relative;}
.input-calendar input[class^="input-cd-"] {width:150px !important;}
.input-calendar button[class^='btn-'] {width:25px; height:25px; border-radius:100%; border:none; outline:none;}
.input-calendar button[class^='btn-']:hover {cursor:pointer; background-color:#333; color:#fff;}
.input-calendar span.to {display:inline-block; width:10px; text-align:center;}
.input-calendar div[class^='calendar-'] {position:absolute; background-color:#fff; width:323px; z-index:100;}
.input-calendar div.calendar-start {position:absolute; background-color:#fff;}
.input-calendar div.calendar-end {left:170px;}
.input-calendar .calendar-table {border:#dfdfdf solid 1px; text-align:center !important;}
.input-calendar .calendar-table tr {border-bottom:#dfdfdf solid 1px;}
.input-calendar .calendar-table tr td {border-right:#dfdfdf solid 1px; text-align:center !important; width:45px !important; height:45px !important; padding:0 !important; text-transform:uppercase;}
.input-calendar .calendar-table tr td:first-child {color:red;}
.input-calendar .calendar-table tr td:last-child {color:blue;}
.input-calendar .calendar-table thead tr:first-child td {border-right:none !important;}
.input-calendar .calendar-table tbody tr:first-child td {height:25px !important; background-color:#dfdfdf;}
.input-calendar .calendar-table tbody tr td.day:hover {background-color:#dfdfdf; cursor:pointer;}
.input-calendar .calendar-table tbody tr td.active {background-color:#dfdfdf; font-weight:bold; color:green;}
.input-calendar .calendar-table tbody tr td div.today {font-weight:bolder;}

/* mobile screen size style */