@charset "utf-8";

/* 버튼 box */
.button_box {position:relative;text-align:center;margin:30px auto 0;clear:both;}
.button_box:after {content:'';clear:both;display:block;}
.button_box.left {text-align:left;}
.button_box.right {text-align:right;}
.button_box.search {margin-top:10px;height:auto;min-height:0;}
.button_box.search .button {min-width:120px;padding:9px 8px 7px;}
.button_box .ableft {position:absolute;left:0;top:0;}
.button_box .abright {position:absolute;right:0;top:0;}

/* 버튼 */
.button {display:inline-block;cursor:pointer;text-align:center;vertical-align:middle;font-size:12px;color:#111;line-height:12px;padding:6px 8px 4px;margin:0 1px;border:solid 1px #d5d5d5;background-color:#fff;box-sizing:border-box;}
.button.black {color:#fff;border-color:#111;background-color:#111;}
.button.gray {color:#666;border-color:#d5d7e0;background-color:#f0f0f0;}
.button.red {color:#fff;border-color:#fc2d1f;background-color:#fc2d1f;}
.button.blue {color:#fff;border-color:#4285f4;background-color:#4285f4;}
.button.orange {color:#fff;border-color:#ff7b47;background-color:#ff7b47;}
.button.green {color:#fff;border-color:#05d585;background-color:#05d585;}
.button.purple {color:#fff;border-color:#9b9dde;background-color:#9b9dde;}
.button.yellow {color:#fff;border-color:#ffb14a;background-color:#ffb14a;}
.button.borderb {color:#4285f4;border-color:#4285f4;}
.button.borderr {color:#fc2d1f;border-color:#fc2d1f;}
.button.borderbk {border-color:#111;}
.button > i {display:inline-block;vertical-align:top;margin-right:7px;background-position:left center;background-repeat:no-repeat;position:relative;}

.buttontext_arrow {position:relative;display:inline-block;vertical-align:top;padding-right:13px;color:#4285f4;text-decoration:underline;text-underline-position:under;}
.buttontext_arrow:hover {text-decoration:underline;}
.buttontext_arrow:after {content:'';position:absolute;right:0;top:50%;transform:translateY(-50%);margin-top:1px;width:6px;height:10px;background:url(../../imgs/back/global/arrow_more_point.png) right center no-repeat;}

.button.large {font-family: 'NanumBarunGothicBold';font-size:16px;line-height:18px;padding:10px 30px;margin:0 4px;min-width:150px;box-shadow: 0px 2px 6px 0px rgba(0, 0, 0, 0.14);}
.button.middle {padding:9px 8px 7px 8px;}

.button.w50 {width:48px;padding-left:0;padding-right:0;}

/* 아이콘추가 */
.button.black .excel {width:13px;height:12px;background-image:url(../../imgs/back/global/icon_buttonblack_excel.png);}
.button.borderb .sms {width:13px;height:12px;background-image:url(../../imgs/back/global/icon_buttonblue_sms.png);}
.button.borderb .email {width:13px;height:12px;background-image:url(../../imgs/back/global/icon_buttonblue_email.png);}
.button .delete {width:12px;height:12px;background-image:url(../../imgs/back/global/icon_button_delete.png);}
.button .close,
.button .open {margin-right:0;margin-left:5px;width:8px;height:12px;}
.button .close:after,
.button .open:after {content:'';width:8px;height:2px;background-color:#000;position:absolute;left:0;top:50%;margin-top:-2px;}
.button .open:before {content:'';width:2px;height:8px;background-color:#000;position:absolute;left:50%;top:1px;margin-left:-1px;}
.button .add,
.button .remove {margin:0;margin-right:5px;width:8px;height:12px;}
.button .remove:after,
.button .add:after {content:'';width:8px;height:2px;background-color:#fff;position:absolute;left:0;top:50%;margin-top:-2px;}
.button .add:before {content:'';width:2px;height:8px;background-color:#fff;position:absolute;left:50%;top:1px;margin-left:-1px;}

/* 아이콘버튼 */
.icon_button {display:inline-block;vertical-align:middle;text-align:left;overflow:hidden;box-sizing:border-box;}
.icon_button i {display:inline-block;vertical-align:top;text-indent:-999em;position:relative;}

.icon_button.move {width:30px;height:30px;border:solid 1px #d5d5d5;background-color:#fff;}
.icon_button.move .up {width:9px;height:1px;margin-left:6px;margin-top:15px;box-shadow: inset 0 0 0 1px;transform: translateY(0) rotate(-90deg);}
.icon_button.move .up:before {content:'';position:absolute;border-style:solid;border-width:3px 0 4px 4px;border-color:transparent;border-left-color:inherit;left:100%;right:auto;top:50%;transform:translateY(-50%)}
.icon_button.move .down {width:9px;height:1px;margin-top:11px;margin-left:-2px;box-shadow: inset 0 0 0 1px;transform: translateY(0) rotate(90deg);}
.icon_button.move .down:before {content:'';position:absolute;border-style:solid;border-width:3px 0 4px 4px;border-color:transparent;border-left-color:inherit;left:100%;right:auto;top:50%;transform:translateY(-50%)}
.icon_button.move .right {width:9px;height:1px;margin-left:8px;margin-top:-7px;box-shadow: inset 0 0 0 1px;transform: translateY(0) rotate(0deg);text-indent:999em;}
.icon_button.move .right:before {content:'';position:absolute;border-style:solid;border-width:3px 0 4px 4px;border-color:transparent;border-left-color:inherit;left:100%;right:auto;top:50%;transform:translateY(-50%)}
.icon_button.move .left {width:9px;height:1px;margin-top:9px;margin-left:12px;box-shadow: inset 0 0 0 1px;transform: translateY(0) rotate(-180deg);}
.icon_button.move .left:before {content:'';position:absolute;border-style:solid;border-width:3px 0 4px 4px;border-color:transparent;border-left-color:inherit;left:100%;right:auto;top:50%;transform:translateY(-50%)}

.icon_button.zoom {width:30px;height:30px;background-color:rgba(0,0,0,0.6);}
.icon_button.zoom i {width:10px;height:10px;border-radius:50%;transform:rotate(-45deg);border:solid 2px #fff;margin:7px 0 0 7px}
.icon_button.zoom i:before,
.icon_button.zoom i:after {content:'';position:absolute;}
.icon_button.zoom i:before {width:2px;height:7px;box-shadow:inset 0 0 0 20px rgb(255, 255, 255);top:11px;left:50%;border-radius:0 1px 1px 0;}
button.icon_button.zoom i {margin-top:-2px;}

.icon_button.delete {width:20px;height:20px;border:solid 1px #e6e6e6;background-color:#fff}
.icon_button.delete i:before,
.icon_button.delete i:after {content:'';position:absolute;background-color:#808080;width:11px;height:1px;transform:rotate(-45deg);top:8.5px; left:4px;}
.icon_button.delete i:after {transform:rotate(45deg);}
.icon_button.delete.black {border-color:#111;background-color:#111;}
.icon_button.delete.black i:before,
.icon_button.delete.black i:after {background-color:#fff;}
.icon_button.delete.small {width:16px;height:16px;}
.icon_button.delete.small i:before,
.icon_button.delete.small i:after {width:9px;height:1px;top:8px;left:3.5px;}
button.icon_button.delete i:before,
button.icon_button.delete i:after {top:7px;}

.icon_button.highlow {width:30px;height:30px;border:solid 1px #d5d5d5;background-color:#f0f0f0;}
.icon_button.highlow i {width:28px;height:28px;background-image:url(../../imgs/back/global/icon_button_arrow.png);background-repeat:no-repeat;}
.icon_button.highlow .highest {background-position:left top;}
.icon_button.highlow .high {background-position:-34px top;}
.icon_button.highlow .low {background-position:-68px top;}
.icon_button.highlow .lowest {background-position:right top;}

.icon_button.circle {width:18px;height:18px;border-radius:9px;background-color:#fff;}
.icon_button.circle.plus {background-color:#4285f4;}
.icon_button.circle.plus i:before,
.icon_button.circle.plus i:after {content:'';position:absolute;background-color:#fff;width:8px;height:2px;top:7.5px;left:5px;}
.icon_button.circle.plus i:after {transform:rotate(90deg);}
.icon_button.circle.minus {background-color:#ccc;}
.icon_button.circle.minus i:before {content:'';position:absolute;background-color:#000;width:8px;height:2px;top:7.5px;left:5px;}

.buttonview {display:inline-block;vertical-align:top;padding-right:12px;color:#666;text-decoration:underline;background-image:url(../../imgs/back/global/arrow_more_gray.png);background-position:right center;background-repeat:no-repeat;}
.buttonview:hover {text-decoration:underline;}
.buttonview + .buttonview {margin-left:6px;}
.buttonview.color_point {background-image:url(../../imgs/back/global/arrow_more_point.png);}