/* ==========================================================================
   common
   ========================================================================== */

body {
  font-family: "Nanum Gothic", sans-serif;
  padding: 0;
  margin: 0;
  color: #555;
  min-width: 1280px;
  overflow-x: auto;
}

.loading_mask{ position:absolute; height:98%;left:15px; right:15px; background-color:#ccc; opacity:0.6; z-index:3000; overflow:hidden; }
.loading_mask .sk-spinner{ width: 80px; height:80px; margin-top: 400px; }

.fa-collapse:before {
  content: "\f147";
}
.fa-collapse.collapsed:before {
  content: "\f196";
}

/* alert */
.alert { text-align: center; margin: 20px; }

/* display
   ========================================================================== */
.inline-block{ display:inline-block; }

/* margin & padding
   ========================================================================== */
.padding_left_0 { padding-left: 0px; }
.padding_top_0 { padding-top: 0px; }
.padding_right_0 { padding-right: 0px; }
.padding_bottom_0 { padding-bottom: 0px; }
.padding_left_3 { padding-left: 3px; }
.padding_side_5{ padding:0 5px; }
.padding_side_15{ padding:0 15px; }
.padding_left_5 { padding: 0 0 0 5px }
.padding_right_5 { padding: 0 5px 0 0 }
.padding_top_5 { padding-top: 5px; }
.padding_top_10{ padding-top:10px;}
.padding_right_10{ padding-right:10px;}
.padding_bottom_10{ padding-bottom:10px;}
.padding_left_10{ padding-left:10px;}
.padding_left_20 { padding-left: 20px; }
.padding_both_10 { padding-left: 10px; padding-right: 10px;}

.padding_10{ padding: 10px; }
.padding_right_20 { padding-right: 20px; }

/* overwrite */
.panel-heading {padding: 10px 5px;}

.margin_left_0 { margin-left: 0px; }
.margin_top_0 { margin-top: 0px; }
.margin_right_0 { margin-right: 0px; }
.margin_bottom_0 { margin-bottom: 0px; }
.margin_left_5 { margin-left: 5px; }
.margin_top_5 { margin-top: 5px; }
.margin_right_5 { margin-right: 5px; }
.margin_bottom_5 { margin-bottom: 5px; }
.margin_top_7 { margin-top: 7px; }
.margin_left_10 { margin-left: 10px; }
.margin_top_10 { margin-top: 10px; }
.margin_right_10 { margin-right: 10px; }
.margin_bottom_10 { margin-bottom: 10px; }
.margin_left_15 { margin-left: 15px; }
.margin_top_15 { margin-top: 15px; }
.margin_right_15 { margin-right: 15px; }
.margin_bottom_15 { margin-bottom: 15px; }
.margin_left_20 { margin-left: 20px; }
.margin_top_20 { margin-top: 20px; }
.margin_right_20 { margin-right: 20px; }
.margin_bottom_20 { margin-bottom: 20px; }
.margin_left_30 { margin-left: 30px; }
.margin_top_30 { margin-top: 30px; }
.margin_right_30 { margin-right: 30px; }
.margin_bottom_30 { margin-bottom: 30px; }
.margin_left_40 { margin-left: 40px; }
.margin_top_40 { margin-top: 40px; }
.margin_right_40 { margin-right: 40px; }
.margin_bottom_40 { margin-bottom: 40px; }
.margin_bottom_50 { margin-bottom: 50px; }

/* width & height
   ========================================================================== */
.width_10 { width: 10px; }
.width_20 { width: 20px; }
.width_30 { width: 30px; }
.width_40 { width: 40px; }
.width_50 { width: 50px; }
.width_80 { width: 80px; }
.width_90 { width: 90px; }
.width_100 { width: 100px; }
.width_120 { width: 120px; }
.width_150 { width: 150px; }
.width_180 { width: 180px; }
.width_200 { width: 200px; }
.width_300 { width: 300px; }
.width_370 { width: 370px; }
.width_400 { width: 400px; }
.width_420 { width: 420px; }
.width_450 { width: 450px; }
.width_500 { width: 500px; }
.width_12_percent { width: 12%; }
.width_14_percent { width: 14%; }
.width_100_percent { width: 100%; }

/* height */
.auto_height { height: auto; }
.height_50 { height: 50px; }
.height_300 { height: 300px; }
.height_320 { height: 320px; }
.height_400 { height: 400px; }

/* text
   ========================================================================== */
@font-face{
  font-family: "Nanum Gothic";
  src:url('fonts/NanumGothic.eot');
  src:url('fonts/NanumGothic.eot?#iefix') format('embedded-opentype'),
  url('fonts/NanumGothic.woff') format('woff'),
  url('fonts/NanumGothic.ttf') format('truetype');
}

.vertical_middle {vertical-align: middle;}

.font-10 {font-size: 10px !important; }
.font-12 {font-size: 12px !important; }
.font-14 {font-size: 14px !important; }

.font-20-important{ font-size: 20px !important; }
.text-primary-important{ color: #1d89cf !important; }
.font_bold { font-weight: bold; }
.font_bolder { font-weight: bolder; }
.font_blue { color: #08298A; }
.font_light_gray { color: #aaa; }
.font_gray { color: #848484; }
.font_dark_gray { color: #282828; }
.font_primary { color: #1ab394; }
.font_success { color: #1c84c6; }
.font_red { color: red; }
.font_green { color: green; }
.help-block { color: #959595; font-size: 12px; }
.no_data { color: #aaa; text-align: center; }
.font_warning { color: #e14430; }
.font_confirmed { color: #46ac46; }

h4, .h4{ font-size: 18px; }

/* icon link color
   ========================================================================== */
a .fa-edit, a .fa-remove, a .fa-search-plus, a .fa-plus {color: #1ab394;}

/* ibox style
   ========================================================================== */
div.ibox.top-border { border-top: 1px solid #e7eaec; }

/* global sidebar
   ========================================================================== */
#main-menu .profile-element .img-circle{ width: 100%; height:100%; }
#main-menu .profile-element .profile_image_wrapper { width: 64px; }

/* global header
   ========================================================================== */
.navbar-top-links li:last-child{ margin-right:0 }
.navbar-top-links li a{ padding:0 }
.navbar-top-links .dropdown-menu li a { padding: 3px 10px; }

#global-header{ height:60px; background: #f3f3f4; border-bottom: 1px solid #ddd;}
#global-header .logo-wrapper{ padding: 20px 10px; float: left; font-weight: bold; font-size: 1.2em; }
#global-header .logo-wrapper > a > img.logo{ padding: 7px 7px 7px 0; }
#global-header .global-nav{ float:right }
#global-header .global-nav:after{ clear:both; }
#global-header .global-nav > .navigation{  }
#global-header .global-nav > .navigation > li{ list-style: none; float:left; }
#global-header .global-nav > .navigation > li.dropdown{ padding: 20px 15px; }
#global-header .global-nav > .navigation > li.dropdown > .dropdown-menu{ width:310px; }
#global-header .global-nav > .navigation > li.global-search { padding: 10px 15px; }
#global-header .global-nav > .navigation > li.global-search > .input-group { width:250px; }
#global-header .global-nav > .navigation > li .count-info > i{ font-size:18px; }
#global-header .global-nav > .navigation > li > .dropdown-messages .media-body { min-height: 38px }
#global-header .global-nav > .navigation > li > .dropdown-messages > li.no-data{ padding:30px; text-align:center; font-weight:bold; }

/* table */
tbody tr td.subquestion { padding-left: 30px; }

/* float */
.left {float: left;}
.right {float: right;}
.clear {clear: both;}

/* background color */
.bg_white { background-color: #fff; }
.bg_light_gray { background-color: #f5f5f6; }

/* tab menu page header */
.tab-menu-header {
  font-size: 20px;
  line-height: 30px;
  padding-left: 5px;
  padding-bottom: 20px;
}

.tab-menu {
  padding-bottom: 10px;
}

/* account > users */
.account_search {
  border:none;
  background: #fff;
  background: rgba(0,0,0,.05);
}

/* page-header */
.page-heading h1.page-header_title{ font-size:24px; margin-bottom:0; display:inline-block; }
.page-heading + .tab-menu{ margin-top: 20px; }
.page-heading > .pull-right.col-xs-12 > .row{ padding-right: 25px; }

.cursor { cursor:pointer; color: #428bca; }
.cursor-pointer {cursor:pointer;}

/* form */
.form-group label {padding-top: 7px;}
.form-group label.label_padding { padding-left: 5px; padding-right: 20px; }
.form-group .radio-inline label {padding-top: 0px;}

/* image */
img.thumbnail {width: 40px; height: 40px;}
img.thumbnail_lg {width: 80px; height: 80px;}
img.fit {max-width: 80%;}
.intervention-list-item img.thumbnail_lg {width: 100%; height: 100%; }

/* pagination */
.pagination span { padding: 6px; }
.pagination .current { color: red; font-weight: bold; }

/* qna */
#receiver-list { margin: 0; padding: 0; height: 100px; border: 1px solid #ccc; }
#receiver-list ul { list-style-type: none; padding: 10px; }
#receiver-list ul li { display: inline; margin-right: 10px; }
#receiver-list ul li i { cursor: pointer; color: #39b3d7; }

/* memo */
.notes .memo-scroll-area > span{ font-size: 12px; }

#widget-memo-list {
  padding:0;
  margin:0;
}
.memo {
  padding: 10px;
  margin-bottom: 20px;
  font-size: 12px;
  background-color: #f5ecce;
}
.memo .memo-by,
.memo .memo-date { line-height: 28px; }
.memo .memo-date { color: #848484; }
.memo .memo-action { text-align:right; }

/* user search */
#preset-range-list .preset-range {
  margin-right: 10px;
}

.highlight {
  color: #0040FF;
  background-color: #F7FE2E;
}

thead > tr > th.sorting { cursor:pointer; }

/* panel */
.panel-heading-controls{ float: right; }
.panel-heading-controls > .btn { margin-top: -5px; }

/*tab*/
#page-wrapper > .row.border-bottom + .tab-menu-header{ margin-top:10px }
.row.wrapper.border-bottom.page-heading + .tabs-container{ margin-top: 10px; }


/* modal */
.modal-width-700{ width: 700px }
.modal-width-800{ width: 800px }
.modal-width-900{ width: 900px }
.modal-width-1000{ width: 70%; height: auto; overflow: hidden;}

.preview-image-show{ display: inline-block; padding: 5px;}
.image-preview img{ max-width: 100%; height: auto; display: inline-block;}

/* toggle */
.chevron-toggle .fa:before {
  content: "\f077";
}
.chevron-toggle.collapsed .fa:before {
  content: "\f078";
}

/* ==========================================================================
   Plugin Customizing
   ========================================================================== */

/* tagsInput
   ========================================================================== */
div.tagsinput *{ font-family: "Nanum Gothic" !important; }



/* 페이지 공통 */
.list-header { margin-bottom: 20px;}

/* 모달 */
.modal .list-wrapper {margin-top: 20px; max-height:500px; overflow:auto;}

/* 사용자 상세보기 - 대시보드 */
.meal-panel .ibox-content{ padding: 15px; }

/* 사용자 상세보기 - 관리목표 */
#user-form .row .col-sm-6 > .form-group, #new_goal .row .col-sm-6 .form-group {
  margin-left:0;
  margin-right:0;
}

/* 사용자 상세보기 - 기록 관리 */
#user_log table {margin-top: 10px; }
#user_log table thead tr { background-color: #f9f9f9; }
#user_log .ibox-title .ibox-tools label { font-weight: normal; padding-left: 2px; padding-right: 18px; }

/* 대시보드
   ========================================================================== */
.ibox-title .label.right{ float: none; }

.intervention-btn-group { padding:10px; margin-bottom: 10px;}
.intervention-list-item ul li { list-style: none; }

ul.list-group{ border-top: 1px solid #e7eaec; }

.list-group-item.no-data{ text-align:center; }
.list-group-item > .row > div.col-xs-7,
.list-group-item > .row > div.col-xs-7 > .user-info-list{ padding:0;}
.list-group-item > .row > div.col-xs-7 > .user-info-list .label-wrapper > span{ padding: 0 15px 0 0; }

.graph-no-data{
  position: absolute;
  left:50%;
  top:50%;
  margin-left: -50px;
  margin-top:-30px;
  font-weight: bold;
  font-size: 16px;
}
#intervention-target { height: 900px; overflow-y: auto; }
#intervention-target .nav-tabs li a[data-toggle='tab'] { padding: 12px; }

.intervention-list .list-wrapper{ padding: 10px }

.progress-wrapper{ padding:0 3px; }
.ibox-content.intervention-list{ height: 900px; overflow: auto; }

/* 인터벤션 */
.social-feed-box.question-box .answer_btn_wrapper{ border-top:1px solid #ddd; padding-top:15px; }
.social-feed-box.question-box .answer_btn_wrapper .btn.btn-danger{ width:200px; }
.social-feed-box.question-box.margin_bottom_0{ border-bottom:0; }
.social-feed-box.question-box .social-avatar > a.window_popup,
.social-feed-box.answer-box .social-avatar > a.pull-left{ overflow: hidden; width:50px; height:50px; display:inline-block; }
.social-feed-box.question-box .media-body{ display:inline-block; }
.social-feed-box.question-message-box { margin-bottom: 0; border-bottom: 0; }
.social-feed-box .attachment{ padding:15px; border-top:1px solid #ddd; }
.social-feed-box .attachment > .image_preview{ width:80px; height:80px; display: inline-block; margin-right:10px; overflow:hidden; }
.social-feed-box .attachment > .image_preview > img.image_thumb_nail{ width:80px; }
.social-feed-box .template{ border-top: 1px solid #ddd; padding:15px; }
.social-feed-box .media-body .schedule{ display:inline-block;margin-top: -25px; margin-left: 20px; }
.social-feed-box .tag-wrapper .label{ font-family: "Nanum Gothic"; font-size:12px; }
.social-feed-box .info { padding:10px; border-top:1px solid #ddd; background-color: #f3fbfb; }
.social-feed-box .info > span { margin-right:10px }
.social-feed-box .info > span:last-child{ margin-right:0; }
.social-feed-box .info > .span-wrapper { display: inline-block; cursor: pointer; }
.social-feed-box .info > .span-wrapper > span { margin-right:10px }
.social-feed-box .info > .span-wrapper > span:last-child{ margin-right:0; }

ul.question-message-choices { list-style-type: none; margin: 0 0 0 20px; padding: 0; }
ul.question-message-choices>li { margin: 0; padding: 0; }

.duty-user-info { padding: 10px; margin-bottom: 15px; }
.duty-user-info.row{ margin-left:0; margin-right:0; }

/* 템플릿 */
.tagsinput{ border: 1px solid #e5e6e7 !important; transition: border-color .15s ease-in-out 0s,box-shadow .15s ease-in-out 0s; }
.tagsinput input{ width: inherit !important; min-width: 350px; }
.preview_image{ width:80px; height:80px; display: inline-block; margin-right:10px; overflow:hidden; }
.preview_image > img { width: 80px; }
.preview_image > .removeImage{
  height: 10px;
  margin-left:60px;
  position: absolute;
  width: 10px;
  cursor: pointer;
  color: #fff;
}
.template-preview{}
.template-preview div.divider { border-top:1px solid #ddd; margin-top: 10px; margin-bottom:10px; }
.template-preview .image-wrapper > img{ width:640px }

/* 가이드라인
   ========================================================================== */
#guideline-detail .col-xs-6 input[type='text'].form-control,
#guideline-detail .col-xs-6 select.form-control { display:inline-block }

.guideline-detail-form .form-group strong { display: block; margin-bottom:10px; }

.guideline-card { padding-top:20px; border-top: 5px solid #E7EAEC; margin-top:20px; }
.section-body .guideline-card:first-child{ border-top:none; }
.guideline-card:first-child { margin-top:0; }
.guideline-card .guideline-header { padding-left: 15px; font-size: 14px; font-weight: bold; min-height:1px; overflow: hidden; }
.guideline-card .guideline-body {background-color:#F3F3F4; padding:15px; margin-top:15px; min-height: 1px; overflow: hidden;}
.guideline-card .guideline-body .table { margin-bottom:0; }
.guideline-card .guideline-body .table thead th{ border-left:none; border-right:none; }
.guideline-card .guideline-body .table tbody td{ background-color: #fff; border-left:none; border-right:none; }
.guideline-card .guideline-body .col-xs-2 .title{ }
.guideline-card .guideline-body .col-xs-2 .apply-count{ padding:10px 10px 0 10px; font-size: 16px;  text-align:center; }
.guideline-card .guideline-body .col-xs-2 .apply-count > a{ color: #fff; font-weight:bold; font-size: 28px; }
.guideline-card .guideline-body .col-xs-2 .updated_date { }
.guideline-card .guideline-footer{ text-align:right; color:#A89C99; }

.guideline-card .guideline-body .widget{ height:109px; }

.modal .guideline-card .guideline-body .col-xs-2 .apply-count{ }
.modal .guideline-card .guideline-body .col-xs-2 .apply-count > .cnt { font-size:26px; }
.modal .guideline-card .guideline-body .col-xs-2 .apply-count > .txt {  }

/* 고위험
   ========================================================================== */
#risk_content .form_inline { display:inline-block; }

/* 앱버전관리
 * ========================================================================== */
#mobile-versions {
  float: left;
  list-style-type: none;
  margin: 0;
  padding: 0;
}
#mobile-versions>li {
  float: left;
  padding-right: 5px;
  position: relative;
  width: 20%;
}
#mobile-versions>.major:after, #mobile-versions>.minor:after {
  bottom: 0;
  content: ".";
  position: absolute;
  right: 0;
  text-align: center;
  width: 5px;
}


/* 유저 상태변경 모달 공통 */
.user_scroll_area {
  height: 200px;
  overflow-y: auto;
  padding: 7px 14px;
  border: 1px solid #ddd;
  border-radius: 7px;
}


.profile_image_wrapper{
  position: relative;
  width: 100%;
}
.profile_image_wrapper:before{
  content: "";
  display: block;
  padding-top: 100%
}

.profile_img_content{
  position:  absolute;
  top: 0;
  left: 0;
  bottom: 0;
  right: 0;
}

/* 정렬 테이블 */
.sortable-table>thead>tr>th>a { color: inherit; }
.sortable-table>thead>tr>th>a.active { color: #08298A; }

.call-category-labels { line-height: 22px; }

/* 안내메시지 승인 상세보기 */
.advmsg_dtl_table {
  width: 100%;
  border-collapse: collapse;
  margin-bottom: 20px;
}
.advmsg_dtl_table td {
  padding: 2px 4px;
  vertical-align: top;
  text-align: left;
}
.advmsg_dtl_table .advmsg_col1 {
  width: 16%;
}
.advmsg_dtl_table .advmsg_col2 {
  width: 14%;
  font-weight: bold;
}
.advmsg_dtl_table .advmsg_col3 {
  width: 20%;
}
.advmsg_dtl_table .advmsg_col4 {
  width: 16%;
  font-weight: bold;
}
.advmsg_dtl_table .advmsg_col5 {
  width: 34%;
}
.advmsg_dtl_table .advmsg_col1 img {
  width: 100%;
}
.advmsg_atch_img {
  max-width: 100%;
  margin-bottom: 10px;
}