/*===========================Salse START =============================*/
/* Salse 화면 연출 공통 */
.go_eis, .go_eis .content_top {background:#eaeaea!important; filter:none; font-family:나눔고딕, nanumgothic, 돋움, dotum, AppleGothic, Helvetica, sans-serif;}
.go_eis .content_top {padding:18px 30px 0 30px; border-bottom:0; box-shadow:none;}
.go_eis .go_side {display:none;}
.go_eis .content_page {padding-top:4px; border-bottom:0; box-shadow:none;}
.go_eis .content_top h1 span {font-family:나눔고딕, nanumgothic, 돋움, dotum, AppleGothic, Helvetica, sans-serif; font-weight:100;}
.go_eis header.content_top h1 span.txt {font-size:30px; color:#525151;}
.go_eis .submenu_wrap {padding:0 30px 0 30px;}
.go_eis .eis_wrap {display:inline-block; padding:0 10px; width:49%; box-sizing:border-box;}
.go_eis ul.eis_submenu {display:inline-block; margin-bottom:15px; width:100%; border-bottom:1px solid #dcdcdc; box-sizing:border-box;}
.go_eis ul.eis_submenu li {float:left; margin-right:30px; font-size:14px; color:#525151;}
.go_eis ul.eis_submenu li a {display:inline-block; padding:15px 0 10px;}
.go_eis ul.eis_submenu li.active {border-bottom:1px solid #636363;}
.go_eis ul.eis_submenu li.active a {font-weight:bold;}
.go_eis .tool_bar .optional select {margin-top:-1px; padding:5px;}
.go_eis .tool_bar .optional .wrap_date {margin-top:-2px;}

.eis_chart {float:left; margin-bottom:10px; padding-right:20px; width:100%;}
.chart_tit_wrap {margin-bottom:15px;}
.chart_tit_wrap .ic_eis {float:left; display:inline-block; margin-right:12px; width:39px; height:39px; background:url(../images/ic_eis.png) no-repeat;}
.chart_tit_wrap .tit_wrap {float:left; min-height: 45px;}
.chart_tit_wrap .tit_wrap p.tit {white-space:nowrap; text-overflow:ellipsis; overflow:hidden; font-size:16px; line-height:21px;}
.chart_tit_wrap .tit_wrap p.date {color:#999; white-space:nowrap; text-overflow:ellipsis; overflow:hidden;}
.chart_tit_wrap .optional {margin:5px 0 0 0;}
/*.chart_con_wrap {padding:30px 30px 20px; border:1px solid #dcdcdc; background:#fff; text-align:center;}*/
.chart_con_wrap {border:1px solid #dcdcdc; background:#fff; text-align:center;}
.chart_con_wrap .chart_legend {margin-top:10px;}
.chart_con_wrap .chart_legend li {display:inline-block; padding:7px 12px;}
.chart_con_wrap .chart_legend span.dot_color {display:inline-block; margin-right:2px; width:12px; height:12px; border-radius:12px;}
.chart_con_wrap .chart_legend label.dot_info {margin-top:-2px; font-family:나눔고딕, nanumgothic, 돋움, dotum, AppleGothic, Helvetica, sans-serif; font-size:13px;}

/* .sub_tap {margin-bottom:10px; padding:0 30px; width:100%; height:36px; box-sizing:border-box;} */
/* .sub_tap ul {display:inline-block; width:100%;} */
/* .sub_tap ul li:first-child {border-width:1px 1px 0 1px;} */
/* .sub_tap ul li {float:left; background:#f5f5f5; border:solid #dcdcdc; border-width:1px 1px 1px 0;} */
/* .sub_tap ul li.on {background:#eaeaea; border-color:#bdbdbd;} */
/* .sub_tap ul li a {display:inline-block; padding:10px 20px; font-size:14px; color:#999;} */
/* .sub_tap ul li.on a {font-weight:bold; color:#3b3b3b;} */

/* Salse widget */
.eis_widget {float:left; margin-bottom:20px; padding-right:1%; width:24%;}
.eis_widget.widget_wide {width:74%;}
.eis_widget .tit_wrap,
.eis_widget .con_wrap {padding:20px; border:1px solid #dcdcdc; background:#fff;}
.eis_widget .con_wrap {position:relative; min-height:272px; border-top:0;}
.eis_widget .con_wrap ul.table_tab {position:absolute; top:20px; left:12px;}
.eis_widget .con_wrap ul.table_tab li {float:left; border-left:1px solid #dcdcdc; font-size:12px; font-weight:bold;}
.eis_widget .con_wrap ul.table_tab li:first-child {border-left:0;}
.eis_widget .con_wrap ul.table_tab li span.txt {padding:0 10px; color:#999;}
.eis_widget .con_wrap ul.table_tab li.active span.txt {color:#333;}

.eis_widget .tit_wrap {text-align:center;}
.eis_widget .tit_wrap p.tit {font-size:16px; color:#1da0a7; white-space:nowrap; text-overflow:ellipsis; overflow:hidden;}
.eis_widget .tit_wrap p.date {font-size:12px; color:#525151; white-space:nowrap; text-overflow:ellipsis; overflow:hidden;}

.eis_widget .con_wrap p.desc {margin-bottom:10px; text-align:right;}
.eis_widget table.list_eis_detail tr.table_total td {font-weight:bold;}
.eis_widget .eis_table {overflow-y:auto; max-height:240px;}

/* Salse 화면 layer */
.eis_table {overflow-x:auto;}
.eis_table table.type_normal td span {white-space:nowrap;}

.type_normal.list_eis_detail thead tr th,
.type_normal.list_eis_detail thead tr th:first-child {text-align:center!important; background:#ededed; border-bottom-color:#d4d4d4; text-align:center!important;}
.type_normal.list_eis_detail td:first-child {min-width:70px; text-align:left!important;}
.type_normal.list_eis_detail td {min-width:50px; text-align:right;}

/*#echart_content canvas {left:-28px !important;}*/

/*===========================EIS END =============================*/
/* .go_skin_advanced section.lnb h1 ins.ic {display: none} */
/* .go_skin_advanced section.lnb h1 .txt {margin-left: 10px} */
.ic_ai {display: inline-block; padding: 0 4px; border-radius: 3px; text-align: center; color: #fff; height: 12px; line-height: 13px; font-size: 10px; font-family: "나눔고딕","Nanum Gothic","NanumGothicWebFont","Dotum","돋움","Helvetica","Apple SD Gothic Neo","sans-serif"; font-weight: normal}
.ic_help_cir {display: inline-block; width: 14px; height: 14px; line-height: 14px; border: 1px solid #000; opacity: 0.5; text-align: center; border-radius: 100%; font-size: 12px; font-weight: bold; cursor: pointer}
.ic_help_cir:hover {opacity: 1}
.ic_help_cir.on {color: #2EACB3; border-color: #2EACB3; opacity: 1}
/* section.lnb h1.ai>span.txt, section.lnb h1.ai:hover {cursor: default} */
/* .mail_list td .ic_tag {vertical-align: top; margin: 2px 6px 0 0; border: 2px solid red} */
.mail_list td .ic_ai {vertical-align: top; margin: 5px 2px 0 0}
#readTagWrap .ic_tag {vertical-align: middle; margin: 0 10px 0 0}
#readTagWrap .ic_ai {vertical-align: middle; margin: 0 6px 0 0}
/* span.ic_tag {display: inline-block; position: relative; width: 12px; height: 12px; border-top-left-radius: 3px; border-bottom-left-radius: 3px} */
/* span.ic_tag span.tail_r {border-bottom: 6px solid transparent;border-style: solid;border-top: 6px solid transparent;border-width: 7px 0 7px 6px;right: -7px;top: -1px} */
section.lnb .help_accordion {margin: 0 20px 10px; color: #888}
/* section.lnb h1 span.btn_wrap {right: 10px} */
section.lnb ul.side_depth li p>a .ic_ai {margin: 2px 4px 0 0; vertical-align: middle;}
.ai_high {background: #fa573c; border: 1px solid #fa573c;}
.ai_low {background: #bbb; border: 1px solid #bbb;}
.ai_needreply {background: #03cf5d; border: 1px solid #03cf5d;}
#mail_recommender_menu .ai_needreply {margin-right: 2px !important;}
section.lnb h1 .ic_help_cir {margin: 3px 0 0 4px; vertical-align: top}
header.content_top h1 .ic_ai {vertical-align: middle; margin: 0 0 0 0}

/*DOASSO-1061 [연동표준-설치형] 설치형 알림 메일을 받기 위해 portal.daou.co.kr 커스텀*/
.box_setting .box .module_drop[data-app-name="channel"] {display:none;}
nav.side_menu ul li[data-appname="channel"] {display:none !important;}

/* 내 연차내역 숨김 처리함 */
#myVacationInfo {display: none}

/*============================챗봇 START =============================*/
/* 챗봇 플로팅 버튼 */
.btn_floating_chabot {position: fixed; bottom: 4px; right: 10px; border-radius: 28%; cursor: pointer; z-index: 1000; background: none; transition: all 0.2s ease; z-index: 999;}
.btn_floating_chabot:hover {transform: scale(1.05)}
.btn_floating_chabot img {width: 76px; height: 76px;}
/*============================챗봇 END =============================*/
/*============================GO-46441 선물하기 START =============================*/
.go_skin_advanced .lnb.bottom_fixed {position: fixed; bottom: 8px;}
.go_skin_advanced .lnb.bottom_fixed .side_depth li.setting {width: 249px;}

body.go_skin_advanced .gnb_ecoupon_banner a.btn_layer_x {display: flex; width: 24px; height: 24px; top: 14px; right: 19px; padding: 4px; box-sizing: border-box; border-radius: 4px;}
body.go_skin_advanced .gnb_ecoupon_banner a.btn_layer_x:hover {background-color: rgba(0, 0, 0, 0.05);}
.ecoupon_content {position: relative; min-height: 860px; background: url(../images/img_ecoupon_02.png) no-repeat; background-position-x: left; background-size: cover; text-align: center;}
.ecoupon_content .btn_ecoupon_type {position: absolute; top: 50%; left: 50%; transform: translateX(-50%) translateY(-50%); margin: 0 auto; display: flex; flex-direction: column; width: fit-content; text-align: center; box-sizing: border-box; box-shadow: 0px 20px 100px 0px rgba(0, 0, 0, 0.24); border-radius: 12px;}
.ecoupon_content .btn_ecoupon_type img {width: 640px; border-radius: 12px 12px 0 0;}
.ecoupon_content .btn_ecoupon_type a {width: 100%; display: flex; padding: 20px; align-items: center; background: #1D57B2; justify-content: center; box-sizing: border-box; color: #fff; border-radius: 0 0 12px 12px;}
.ecoupon_content .btn_ecoupon_type a:hover {background: #14499d;}

.go_popup.layer_normal.layer_ecoupon_info .btn_minor_s {position:absolute; bottom: -50px; left: 50%; padding: 4px 12px; transform: translateX(-50%); display: inline-block; color: #fff; background: #111; border-radius: 20px; border: 0;}
.go_popup.layer_normal.layer_ecoupon_info .btn_minor_s:hover {background: #333;}
.go_popup.layer_normal.layer_ecoupon_progress {width: 340px; border-radius: 16px; text-align: center; padding: 50px 0; background: #1d1d1d;}
.go_popup.layer_normal.layer_ecoupon_progress .img_progress {display: inline-block; width: 32px; height: 32px; background: url(../images/img_loader_w.gif) no-repeat;}
.go_popup.layer_normal.layer_ecoupon_progress .txt {margin-top: 16px; font-size: 14px; color: #ddd;}
.go_popup.layer_normal.layer_ecoupon_progress .txt + .txt {margin-top: 0;}