/*!
 * humuson.com
 * tms 3.0
 * For details, see http://www.humuson.com
 * 2014.11.17
 */
@import url(./font_googleapi.css);

html{margin:0;padding:0px; width:100%; height:100%; display:inline-block;}

body {
	font-family: "Malgun Gothic", NanumGothic, "Helvetica Neue", Helvetica, Arial, 'Roboto', sans-serif;
  	font-size: 12px;  margin:0px; padding:0px; height:100%; width:100%;

}





header{width:100%; height:60px; background-color:#f4f6f8; position:inherit; z-index:200000;}
nav{width:220px; position:absolute; background-color:#1d1d1d;}
nav1{ height:100%; position:absolute; background-color:#1d1d1d;}
section{ margin-left:220px; background-color:#F0F0F0; height:100%;  padding:0;}

#page-wrapper {

    padding: 15px 15px 0 15px;
    min-height: 568px;
    background-color: #F0F0F0;
	float:left;
	display:table-cell;
	height:100%;
	width:100%;
}
#page-wrapper_main {
    padding: 15px;

    background-color: #ebeef2;
}
.font_eng{font-family: 'Roboto', sans-serif; letter-spacing:0px;}
.pad0{padding:0 !important;}
.pt10{padding-top:10px;}
.pt20{padding-top:20px;}
.pt30{padding-top:30px;}
.p10{padding:10px !important;}
.pb10{padding-bottom:10px;}
.pb20{padding-bottom:20px;}
.pr20{padding-right:20px;}

.line_t{border-top:1px solid #dfdfdf}
.line_r{border-right:1px solid #dfdfdf}
.line_l{border-left:1px solid #dfdfdf}
.line_b{border-bottom:1px solid #dfdfdf}

.mt5{ margin-top:5px !important;}
.mt10{ margin-top:10px !important;}
.mt20{ margin-top:20px !important;}
.mb10{ margin-bottom:10px !important;}
.mb20{ margin-bottom:20px !important;}
.border_none{boarder:0px !important}
.border_top{padding:20px; border-top:1px solid #dfdfdf;}
.line_top{padding:20px 0 0 0; border-top:1px solid #dfdfdf;}
.panel-heading{position:relative;}
.clear{clear:both;}
.input_file{width:80%; height:30px;}

.scroll_h{padding:10px; overflow-y:scroll; height:150px; border:1px solid #dfdfdf; letter-spacing:normal;}
.tree_list{padding:10px; height:500px; border:1px solid #dfdfdf; letter-spacing:normal;}
.tree_list .templateTree{max-height: 440px !important;overflow: auto;}

.date{position:absolute; top:27px; right:20px; font-size:12px;}

.gnb_nav a{
  border-left:1px solid #245e4c;
  color:#fafafa;
}

.mobile_view{ overflow:hidden; border:1px solid #000;}
.mobile_view .header{padding:0px 4px; background:#000000; font-weight:bold; text-align:right;}
.mobile_view .header .txt_sms{color:#FFE500;}
.mobile_view .header .txt_lms{color:#99ff00;}
.mobile_view .header .txt_mms{color:#ccff33;}
.mobile_view .mobile_body{padding:10px; background:#fffee5;height:464px}
.mobile_view .mobile_body .bubble {width:100%;}
.mobile_view .mobile_body .bubble .bubble_header{background:url(../images/bubble_top.png) no-repeat 0 0; overflow:hidden; margin-left:7px; height:15px;]}
.mobile_view .mobile_body .bubble .bubble_conts{ padding:0 15px 0 20px; background:url(../images/bubble_bg.png) repeat-y; overflow-y:scroll; font-weight:bold; height:355px; }
.mobile_view .mobile_body .bubble .bubble_conts_write{ padding:0 15px 0 0px; background:url(../images/bubble_bg.png) repeat-y; height:auto; margin-left:7px;}
.mobile_view .mobile_body .bubble .bubble_conts_write textarea{width:100%; height:379px; border:none; background:none; resize:none; padding-right: 8px;}

.mobile_view .mobile_body .bubble .bubble_footer{position:relative; padding:15px 0 0 0; height:50px; background:url(../images/bubble_bottom.png) no-repeat;}
.mobile_view .mobile_body .bubble .bubble_footer .byte{position:absolute; left:20px;}
.mobile_view .mobile_body .bubble .bubble_footer .byte .real{color:#FF7E00; font-weight:bold;}
.mobile_view .mobile_body .bubble .bubble_footer .btn_rewrite{position:absolute; right:0;}
.mobile_view .mobile_body .bubble .bubble_footer .btn_rewrite .btn{border-radius:10px; background:#8a8a8a; font-size:11px; color:
#ffffff; padding:0 5px}
.mobile_view .mobile_body .bubble .bubble_footer .btn_rewrite a:hover.btn { background:#FF8E00}
.mobile_view .mobile_footer{ margin:10px 0 0 0; padding:10px 20px; background:#ffffff;border:1px solid #000000}
.filename{margin:0px -15px 0 -15px ; padding:10px; border:1px solid #dfdfdf; background:#fafafa;}

/* size variation */
.progress.sm {height: 10px;}
.progress.xs {height: 7px;}


.report{}
.report .target{position:relative;height:40px; overflow:hidden;}
.report .target .right{position:absolute; right:20px;}
.report .target .left{position:absolute; left:20px;}
.report .border_bottom{border-bottom:1px solid #ebeef2;}

.progress-sending {background-color: #245e4c;}

.progress-striped .progress-sending {
  background-image: -webkit-linear-gradient(45deg, rgba(255, 255, 255, .15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, .15) 50%, rgba(255, 255, 255, .15) 75%, transparent 75%, transparent);
  background-image:      -o-linear-gradient(45deg, rgba(255, 255, 255, .15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, .15) 50%, rgba(255, 255, 255, .15) 75%, transparent 75%, transparent);
  background-image:         linear-gradient(45deg, rgba(255, 255, 255, .15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, .15) 50%, rgba(255, 255, 255, .15) 75%, transparent 75%, transparent);
}

.progress-delivered {background-color:#60ca42;}

.progress-striped .progress-delivered {
  background-image: -webkit-linear-gradient(45deg, rgba(255, 255, 255, .15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, .15) 50%, rgba(255, 255, 255, .15) 75%, transparent 75%, transparent);
  background-image:      -o-linear-gradient(45deg, rgba(255, 255, 255, .15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, .15) 50%, rgba(255, 255, 255, .15) 75%, transparent 75%, transparent);
  background-image:         linear-gradient(45deg, rgba(255, 255, 255, .15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, .15) 50%, rgba(255, 255, 255, .15) 75%, transparent 75%, transparent);
}

.progress-open {background-color: #ff920d;}

.progress-striped .progress-open {
  background-image: -webkit-linear-gradient(45deg, rgba(255, 255, 255, .15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, .15) 50%, rgba(255, 255, 255, .15) 75%, transparent 75%, transparent);
  background-image:      -o-linear-gradient(45deg, rgba(255, 255, 255, .15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, .15) 50%, rgba(255, 255, 255, .15) 75%, transparent 75%, transparent);
  background-image:         linear-gradient(45deg, rgba(255, 255, 255, .15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, .15) 50%, rgba(255, 255, 255, .15) 75%, transparent 75%, transparent);
}

.progress-click {background-color: #f84469;}

.progress-striped .progress-click {
  background-image: -webkit-linear-gradient(45deg, rgba(255, 255, 255, .15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, .15) 50%, rgba(255, 255, 255, .15) 75%, transparent 75%, transparent);
  background-image:      -o-linear-gradient(45deg, rgba(255, 255, 255, .15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, .15) 50%, rgba(255, 255, 255, .15) 75%, transparent 75%, transparent);
  background-image:         linear-gradient(45deg, rgba(255, 255, 255, .15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, .15) 50%, rgba(255, 255, 255, .15) 75%, transparent 75%, transparent);
}

.progress-failed {background-color: #868686;}

.progress-striped .progress-failed {
  background-image: -webkit-linear-gradient(45deg, rgba(255, 255, 255, .15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, .15) 50%, rgba(255, 255, 255, .15) 75%, transparent 75%, transparent);
  background-image:      -o-linear-gradient(45deg, rgba(255, 255, 255, .15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, .15) 50%, rgba(255, 255, 255, .15) 75%, transparent 75%, transparent);
  background-image:         linear-gradient(45deg, rgba(255, 255, 255, .15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, .15) 50%, rgba(255, 255, 255, .15) 75%, transparent 75%, transparent);
}

.progress-fail-type {background-color: #c2c2c2;}
.progress-striped .progress-fail-type {
  background-image: -webkit-linear-gradient(45deg, rgba(255, 255, 255, .15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, .15) 50%, rgba(255, 255, 255, .15) 75%, transparent 75%, transparent);
  background-image:      -o-linear-gradient(45deg, rgba(255, 255, 255, .15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, .15) 50%, rgba(255, 255, 255, .15) 75%, transparent 75%, transparent);
  background-image:         linear-gradient(45deg, rgba(255, 255, 255, .15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, .15) 50%, rgba(255, 255, 255, .15) 75%, transparent 75%, transparent);
}


.page_total{position:absolute;}

@media(min-width:768px) {
    #page-wrapper {

        padding: 0 30px 15px 30px;
        border-left: 1px solid #e7e7e7;
		float:left;
		display:inline-table;
    }



    #site-wrap {
        position: inherit;
        margin: 0 0 0 220px;
        padding: 0 30px;
        border-left: 1px solid #e7e7e7;
    }
}
.navbar-brand { text-align:center; background:#f4f6f8;}
.navbar-top-links {margin: 0; padding:0; }

navbar-static-top

.navbar-top-links li {display: inline-block;}
.navbar-top-links li:last-child {margin-right: 15px;}
.navbar-top-links li a {padding:15px 20px; min-height:50px; color:#ffffff;letter-spacing:normal;}

.navbar-top-links .dropdown-menu .user_info{padding:3px 15px; font-size:8pt;}
.navbar-top-links .dropdown-menu .user_info .bar{color:#dddddd; font-size:7pt;}
.navbar-top-links .dropdown-menu .icon_c{color:#acacac}
.navbar-top-links .dropdown-menu li {display: block;}
.navbar-top-links .dropdown-menu li:last-child {margin-right: 0;}
.navbar-top-links .dropdown-menu li a {padding: 3px 15px; min-height: 0; color:#555555; }
.navbar-top-links .dropdown-menu li a div {white-space: normal;}

.navbar-top-links .dropdown-messages,
.navbar-top-links .dropdown-tasks,
.navbar-top-links .dropdown-alerts {width: 310px; min-width: 0;}
.navbar-top-links .dropdown-messages {margin-left: 5px;}
.navbar-top-links .dropdown-tasks {margin-left: -59px;}
.bar-top-links .dropdown-alerts {margin-left: -123px;}

.navbar-top-links .dropdown-user {right: 0; left: auto;}
.icon_branch{width:20px; height:20px; background:url(images/icon.png) no-repeat; background-position:0px 0px; display:block; text-indent:-1000px;
	white-space: nowrap;
	text-indent: -9999em;
	display: inline-block;
	*display: inline; 	zoom: 1;
	*text-indent:0; *font-size:0; *line-height:0; *overflow:hidden
}

.sidebar .sidebar-nav.navbar-collapse {padding-right: 0; padding-left: 0; background-color:#1d1d1d; height:100%;}
.sidebar .sidebar-search {padding: 15px;}
.sidebar .sidebar_title{font-size:15pt; font-weight:bold;}
.sidebar ul li { border-bottom: 1px solid #e7e7e7; }
.sidebar ul li a{color:#ffffff; !important; }
.sidebar ul li a:hover {color:#ffffff !important;}
.sidebar ul li a:focus {color:#ffffff !important;}

.sidebar ul li a.active {color:#ffffff !important; background-color:#245e4c;}
.sidebar .arrow {float: right;}
.sidebar .fa.arrow:before {content: "\f104";}
.sidebar .active>a>.fa.arrow:before {content: "\f107";}
.sidebar .nav-second-level li,
.sidebar .nav-third-level li {
    border-bottom: 0!important;
}
.sidebar .nav-second-level li a {padding-left: 37px; background-color:#1d1d1d; color:#ffffff;}

.sidebar .nav-third-level li a {padding-left: 52px;}

.sidebar .sidebar_title{padding:15px; text-align:center;}

.table-inner {max-width:100%; background-color: transparent;}
.table-inner {width: 100%;}

.table-inner > thead > tr > th,
.table-inner > tbody > tr > th,
.table-inner > tfoot > tr > th,
.table-inner > thead > tr > td,
.table-inner > tbody > tr > td,
.table-inner > tfoot > tr > td {padding:2px 8px; line-height: 1.428571429; vertical-align:middle; border-top:1px solid #e0e0e0; text-align:center; background:#fafafa; }
.table-inner > tbody > tr > td.title
{padding-left:20px; text-align:left;}
h2{position:relative;}
.position_right{position:absolute; top:5px; right:0;}
.position_right1{position:absolute; top:10px; right:0;}

.search_detail{border-top:1px solid #dadada;  background:#fffffff; border:1px solid #000000;}
.search_detail .search_close{position:absolute; top:11px; right:32px; z-index:10;}
.search_group{margin-top:10px; border:1px solid #000000}
.contents{padding:10px; border-top:1px solid #dfdfdf; overflow:hidden;}

@media(min-width:768px) {
    .sidebar {
	z-index: 1;
	position: absolute;
	width: 220px;
	margin-top: 60px;
	height: 1157px;
    }

    .navbar-top-links .dropdown-messages,
    .navbar-top-links .dropdown-tasks,
    .navbar-top-links .dropdown-alerts {
        margin-left: auto;
    }
}

.btn-outline {color: inherit; background-color: transparent; transition: all .5s;}
.btn-primary.btn-outline {color: #245e4c; }
.btn-success.btn-outline {color: #5cb85c;}

.btn-info.btn-outline {color: #5bc0de;}
.btn-warning.btn-outline {color: #f0ad4e;}
.btn-danger.btn-outline {color: #d9534f;}

.btn-primary.btn-outline:hover,
.btn-success.btn-outline:hover,
.btn-info.btn-outline:hover,
.btn-warning.btn-outline:hover,
.btn-danger.btn-outline:hover {
    color: #fff;
}

.chat {margin: 0; padding: 0; list-style: none;}

.chat li {margin-bottom: 10px; padding-bottom: 5px; border-bottom: 1px dotted #999;}

.chat li.left .chat-body {margin-left: 60px;}
.chat li.right .chat-body {margin-right: 60px;}
.chat li .chat-body p {margin: 0;}
.panel .slidedown .glyphicon,
.chat .glyphicon {margin-right: 5px;}

.chat-panel .panel-body {height: 350px; overflow-y: scroll;}

.login-panel {margin-top: 25%;}

.flot-chart {display: block; height: 400px;}

.flot-chart-content {width: 100%; height: 100%;}

table.dataTable thead .sorting,
table.dataTable thead .sorting_asc,
table.dataTable thead .sorting_desc,
table.dataTable thead .sorting_asc_disabled,
table.dataTable thead .sorting_desc_disabled {
    background: 0 0;
}

table.dataTable thead .sorting_asc:after {
    content: "\f0de";
    float: right;
    font-family: fontawesome;
}

table.dataTable thead .sorting_desc:after {
    content: "\f0dd";
    float: right;
    font-family: fontawesome;
}

table.dataTable thead .sorting:after {
    content: "\f0dc";
    float: right;
    font-family: fontawesome;
    color: rgba(50,50,50,.5);
}

.btn-circle {
    width: 30px;
    height: 30px;
    padding: 6px 0;
    border-radius: 15px;
    text-align: center;
    font-size: 12px;
    line-height: 1.428571429;
}

.btn-circle.btn-lg {
    width: 50px;
    height: 50px;
    padding: 10px 16px;
    border-radius: 25px;
    font-size: 18px;
    line-height: 1.33;
}

.btn-circle.btn-xl {
    width: 70px;
    height: 70px;
    padding: 10px 16px;
    border-radius: 35px;
    font-size: 24px;
    line-height: 1.33;
}

.show-grid [class^=col-] {
    padding-top: 10px;
    padding-bottom: 10px;
    border: 1px solid #ddd;
    background-color: #eee!important;
}

.show-grid {margin: 15px 0;}

.huge {font-size: 40px;}

.panel-green {border-color: #5cb85c;}
.panel-green .panel-heading {border-color: #5cb85c; color: #fff; background-color: #5cb85c;}
.panel-green a {color: #5cb85c;}
.panel-green a:hover {color: #3d8b3d;}

.panel-red {border-color: #d9534f;}
.panel-red .panel-heading {border-color: #d9534f; color: #fff; background-color: #d9534f;}
.panel-red a {color: #d9534f;}
.panel-red a:hover {color: #b52b27;}

.panel-yellow {border-color: #f0ad4e;}
.panel-yellow .panel-heading {
    border-color: #f0ad4e;
    color: #fff;
    background-color: #f0ad4e;
}
.panel-yellow a {color: #f0ad4e;}
.panel-yellow a:hover {color: #df8a13;}

#error_page { width:60%; margin:100px auto 0 auto;}
#error_page .logo {margin-bottom:40px;}
#error_page .msg_number{font-size:15em; color:#245e4c; font-weight:bold; line-height:1em; }
#error_page .msg_engtxt{line-height:0.9em; font-size:7em; color:#5e5e5e; }
#error_page .msg_text{padding:30px 0 15px 0; font-size:2em; color:#000000; font-weight:normal; border-bottom:1px solid #dfdfdf;}
#error_page .msg_text_small{padding:10px 0 10px 0; font-size:1.2em;}

/*** TIME LINE ***/
.timeline {position: relative; padding:0px 20px 5px 20px; margin:0; list-style: none; font-size:9pt;}
.timeline:before {content: " "; position: absolute; top:0px; bottom: 0; left:130px; width: 1px; margin-left: -1.5px; background-color:#ccc; }
.timeline > li {position: relative; margin-bottom: 10px;}
.timeline > li:before, .timeline > li:after {content: " "; display: table;}
.timeline > li:after {clear: both;}
.timeline > li:before, .timeline > li:after {content: " "; display: table;}
.timeline > li:after {clear: both;}
.timeline > li > .timeline-panel { float: left; position: relative; width: 73%; padding: 0px;}


.timeline > li > .timeline-badge {z-index: 100; position: absolute; top: 10px; left: 110px; width: 40px; height: 40px;
	margin-left: -20px; border-radius: 50% 50% 50% 50%; text-align: center; font-size: 1.8em; line-height: 38px; color: #fff; background-color: #999999;}
.timeline > li.timeline-inverted > .timeline-panel {background:#fff; margin-left:140px; margin-top:5px}
.timeline > li.timeline-inverted > .timeline-panel:before {right: auto; left: -10px; border-right-width: 10px; border-left-width: 0; }
.timeline > li.timeline-inverted > .timeline-panel:after {right: auto; left: -9px; border-right-width: 9px; border-left-width: 0;}


.timeline-badge.pause {background-color: #ffc000 !important;}
.timeline-badge.target {background-color: #ff9900 !important;}
.timeline-badge.setting {background-color: #ff6600 !important;}
.timeline-badge.send {background-color: #ff3300 !important;}
.timeline-badge.play {background-color: #78b83e !important;}
.timeline-badge.none {background-color: #c3cad4 !important;}

.timeline > li > .timeline-time{position:absolute; top:20px; left:-5px; color:#999999; font-family: 'Roboto', sans-serif; letter-spacing:0px; font-size:10pt}

.timeline-title {margin:0; padding:5px 2px 2px 2px; color:inherit; position:relative; width:98%; white-space:nowrap; overflow:hidden;text-overflow:ellipsis; }
.timeline-body > p, .timeline-body > ul {margin-bottom:0;}
.timeline-body{padding:2px; color:#787878; letter-spacing:normal}
.timeline-body > p + p {margin-top: 5px;}
.timeline-body h5{padding:0 0 5px 0; font-family:tahoma; position:relative;}
.timeline .btn_r{position:absolute; right:15px; top:13px;}
.timeline .red_txt{color:#FF0004;}
.timeline-title .position_right{position:absolute; right:15px; top:10px}

.timeline2 {position:relative; padding:0px 20px 5px 20px; margin:0; list-style: none; font-size:9pt;}
.timeline2:before {content: " "; position: absolute; top:0px; bottom: 0; left:90px; width: 1px; margin-left: -1.5px; background-color:#ccc; }
.timeline2 > li {position: relative; margin-bottom: 10px;}
.timeline2 > li:before, .timeline2 > li:after {content: " "; display: table;}
.timeline2 > li:after {clear: both;}
.timeline2 > li:before, .timeline2 > li:after {content: " "; display: table;}
.timeline2 > li:after {clear: both;}
.timeline2 > li > .timeline-panel {float:left; position:relative; width:80%; padding: 0px;}


.timeline2 > li > .timeline-badge {z-index: 100; position: absolute; top: 10px; left:70px; width: 40px; height: 40px;
	margin-left: -20px; border-radius: 50% 50% 50% 50%; text-align: center; font-size: 1.3em; line-height: 38px; color: #fff; background-color: #999999;}
.timeline2 > li.timeline-inverted > .timeline-panel {background:#fff; margin-left:100px; margin-top:5px}
.timeline2 > li.timeline-inverted > .timeline-panel:before {right: auto; left: -10px; border-right-width: 10px; border-left-width: 0; }
.timeline2 > li.timeline-inverted > .timeline-panel:after {right: auto; left: -9px; border-right-width: 9px; border-left-width: 0;}
.timeline2 > li > .timeline-type{position:absolute; top:20px; left:-5px; color:#999999; font-size:9pt}

.domain{font-family: 'Roboto', sans-serif; letter-spacing:0px; font-size:10pt}
.domain .num1{ margin:0 auto; width:22px;height:22px; color:#ffffff; background:#63c387; border-radius:50%; line-height:22px; font-weight:bold; font-size:10pt;}
.domain .num{ margin:0 auto; width:22px;height:22px; color:#ffffff; background:#c3cad4; border-radius:50%;line-height:22px; font-weight:bold; font-size:10pt;}
.domain .url{font-size:12pt; color:#000000; text-align:left;}
.domain .per{color:#aaaaaa;}

.server_status{margin:0 auto;}

.server_status .name{ position:absolute; top:50px; left:0px; width:170px; color:#767676; font-size:18px; font-family:Tahoma, Geneva, sans-serif;}
.server_status .percent{position:absolute; top:55%; left:0px;  width:170px; color:#000; font-size:24px; font-family:Tahoma, Geneva, sans-serif;}

.server_list{float:left; width:50%;}

.graph{position:relative; margin:0px auto; width:170px; height:170px;text-align:center;}
.graph00{ background:url(../images/graph_0.gif) no-repeat center;}
.graph01{background:url(../images/graph_1.gif) no-repeat center; }
.graph02{background:url(../images/graph_2.gif) no-repeat center;}
.graph03{background:url(../images/graph_3.gif) no-repeat center;}
.graph04{background:url(../images/graph_4.gif) no-repeat center;}
.graph05{background:url(../images/graph_5.gif) no-repeat center;}
.graph06{background:url(../images/graph_6.gif) no-repeat center;}
.graph07{background:url(../images/graph_7.gif) no-repeat center;}
.graph08{background:url(../images/graph_8.gif) no-repeat center;}
.graph09{background:url(../images/graph_9.gif) no-repeat center;}
.graph10{background:url(../images/graph_10.gif) no-repeat center;}


/*** push ***/
.push_list{position:relative; width:878px; overflow:hidden;display:inline-block; }
.box_bg_book{overflow:hidden; margin-bottom:20px}
.box_bg_new{height:94px; background-position:0px -160px; overflow:hidden; margin-bottom:15px;}
.box_bg{height:94px; background-position:0px -254px; overflow:hidden; margin-bottom:15px;}
.push_list .push_list_left{float:left;width:276px; margin:1px; overflow:hidden;}
.push_list .push_list_left th{height:32px; padding-top:2px;}
.push_list .push_list_left td{position:relative; height:30px;}
.push_list .push_list_left td .onoff{position:absolute; top:3px; right:5px; height:30px;}
.push_list .write_date{font-size:11px; font-family:Tahoma, Geneva, sans-serif; text-align:center; color:#999}

.push_list .push_list_right{float:left; margin:1px; width:600px; overflow:hidden;}
.push_list .push_list_right th{padding:4px 0 0 0; height:26px; font-size:11px; color:#999999; background:#f9f9f9;}
.push_list .push_list_right td{height:30px; text-align:center; font-family:Tahoma, Geneva, sans-serif;}
.push_list .box_header{margin:2px 0 0  2px; overflow:hidden; margin:0;background:#f2f2f2; border-bottom:1px solid #dfdfdf; height:31px;}
.push_list .tab_bg_on{float:left; padding:10px 25px 0px 25px; background:#ffffff;height:23px; font-size:12px;border-right:1px solid #dfdfdf;}
.push_list .tab_bg_off{float:left;padding:8px 25px 0px 25px; border-right:1px solid #dfdfdf;height:23px; font-size:12px;color:f9f9f9;}

.push_list .box_body li{ margin-bottom:5px;}
.push_list .box_body{clear:both; margin:0 2px 2px 2px; width:876px; overflow-x:hidden}
.push_list .scroll{height:123px; overflow-y:scroll;}
.push_list .box_body td{padding:9px 15px 6px 15px; border-bottom:1px solid #dfdfdf; line-height:14px;}
.star_and{font-weight:bold; color:#000}
.star_ios{font-weight:bold; color:#F00;}
.color_999{color:#999}
.total_send{font-size:18px; color:#333;}


.push_list .box_header2{width:878px; height:40px; margin:0; overflow:hidden; background:url(../images/push/camp_header_bg.gif) repeat-x;}
.push_list .box_header2 .tab_bg_on{float:left; padding:10px 25px 0px 25px; background:#ffffff;height:40px; font-size:12px;border-right:1px solid #dfdfdf;}
.push_list .box_header2 .tab_bg_off{float:left; padding:8px 25px 0px 25px; border-right:1px solid #dfdfdf; height:40px; font-size:12px;color:#666666; cursor:pointer;}

.push_list .box_body_phone{clear:both; position:relative; margin:10px auto 0 auto; padding:22px 0 0 0; width:320px; height:458px; overflow:hidden; background:url(../images/phone_top.gif) no-repeat top #111204;}
.push_list .box_body_phone .text{color:#ffffff}
.push_list .box_body_status{clear:both; position:relative; margin:10px auto 0 auto; padding:153px 0 0 0; width:320px; height:458px; overflow:hidden; background:url(../images/phone_status.gif) no-repeat top #111204;}
.push_list .box_body_status .app_box{float:left; text-align:left; padding-right:5px; color:#ffffff !important;}
.push_list .box_body_status .app_tit{font-weight:bold; padding:5px 0;  color:#ffffff !important;}
.push_list .box_body_status .app_conts{padding:0 5px 0  0;  color:#ffffff !important;}
.push_list .box_body_ios{clear:both; position:relative; margin:10px auto 0 auto; padding:22px 0 0 0; width:320px; height:458px; overflow:hidden; background:url(../images/phone_ios.gif) no-repeat top #111204;}
.push_list .box_body_ios .app_logo{position:absolute; top:170px; left:30px;}
.push_list .box_body_ios .app_tit{position:absolute; top:170px; left:90px; font-weight:bold; padding:5px 0; color:#FFF}
.push_list .box_body_ios .app_text{position:absolute; top:200px; left:90px; color:#CCC;}

.push_list .push_android{position:absolute; top:20%; left:7%;}

.push_list .box_header_phone{clear:both; margin:0 auto; width:320px; height:25px; overflow:hidden;border-left:1px solid #dfdfdf; border-bottom:1px solid #dfdfdf;}
.push_list .box_header_phone .tab_bg_on{float:left; padding:7px 12px 0 12px; background:#ffffff; height:24px; font-size:12px;border-top:1px solid #dfdfdf; border-right:1px solid #dfdfdf; font-size:11px; font-weight:bold; color:#658b00; }
.push_list .box_header_phone .tab_bg_on a{ color:#658b00;}
.push_list .box_header_phone .tab_bg_off{float:left; background:#f9f9f9;  padding:7px 13px 0 13px; border-top:1px solid #dfdfdf; border-right:1px solid #dfdfdf; border-bottom:1px solid #ccc; height:23px; font-size:12px;color:f9f9f9; font-size:11px;}

.push_list .arrow_left{position:absolute; top:0px; left:0px; width:25px; height:100px; padding-top:250px;}
.push_list .arrow_right{position:absolute; top:0px; right:0px; width:25px; height:100px; padding-top:250px;}

.phone_area{position:relative; width:380px; text-align:center;}
.mobile_bg{padding:52px 16px 0 16px; width:354px; height:604px; background:url(../images/bg_phone.png);}
.mobile_bg textarea{height:481px}
@media(max-width:767px) {
    ul.timeline:before {left:140px;}
    ul.timeline > li > .timeline-panel {width: calc(100% - 150px); width: -moz-calc(100% - 150px); width: -webkit-calc(100% - 90px);}
    ul.timeline > li > .timeline-badge {top: 11px; left: 100px; margin-left: 0; }
    ul.timeline > li > .timeline-panel {float: right;}
    ul.timeline > li > .timeline-panel:before {right: auto; left: -15px; border-right-width: 15px; border-left-width: 0;}
    ul.timeline > li > .timeline-panel:after {right: auto; left: -14px; border-right-width: 14px; border-left-width: 0;}

	ul.timeline2:before {left:140px;}
    ul.timeline2 > li > .timeline-panel {width: calc(100% - 150px); width: -moz-calc(100% - 150px); width: -webkit-calc(100% - 90px);}
    ul.timeline2 > li > .timeline-badge {top: 11px; left: 100px; margin-left: 0; }
    ul.timeline2 > li > .timeline-panel {float: right;}
    ul.timeline2 > li > .timeline-panel:before {right: auto; left: -15px; border-right-width: 15px; border-left-width: 0;}
    ul.timeline2 > li > .timeline-panel:after {right: auto; left: -14px; border-right-width: 14px; border-left-width: 0;}
}



.main_menu_side {
    padding: 0;
}

.bs-docs-sidebar .nav>li>a {
    display: block;
    padding: 4px 6px;
}

.menu_section {
    margin-bottom: 35px;
}

.menu_section h3 {
    padding-left: 23px;
    color: #fff;
    text-transform: uppercase;
    letter-spacing: .5px;
    font-weight: bold;
    font-size: 11px;
    margin-bottom: 0;
    margin-top: 0;
    text-shadow: 1px 1px #000;
}

.menu_section >ul {
    margin-top: 10px;
}
.nav.side-menu> li {
    position: relative;
    display: block;
}

.nav.side-menu> li > a {
    margin-bottom: 6px;
}

.nav.side-menu> li > a:hover {
    color: #F2F5F7 !important;
}

.nav.side-menu>li>a:hover,
.nav>li>a:focus {
    text-decoration: none;
    background: transparent;
}
.nav.child_menu li:hover {
    background-color: rgba(255, 255, 255, 0.06);
}

.nav.child_menu li {
    padding-left: 36px
}

body.nav-md ul.nav.child_menu li:before {
    background: #425668;
    bottom: auto;
    content: "";
    height: 8px;
    left: 23px;
    margin-top: 15px;
    position: absolute;
    right: auto;
    width: 8px;
    z-index: 1;
    -webkit-border-radius: 50%;
    -moz-border-radius: 50%;
    border-radius: 50%;
}

body.nav-md ul.nav.child_menu li:after {
    border-left: 1px solid #425668;
    bottom: 0;
    content: "";
    left: 27px;
    position: absolute;
    top: 0;
}

.nav.side-menu>li>a,
.nav.child_menu>li>a {
    color: #E7E7E7 !important;
    font-weight: 500;
}
body.nav-sm .container.body .left_col {
    width: 70px;
    padding: 0;
    position: fixed;
    height: 100%;
    z-index: 200;
}

.left_col {
    width: 230px;
    padding: 0;
    position: absolute;
    display: flex;
	background-color:#1d1d1d;
}
/* *********  iconts-display  **************************** */

.fontawesome-icon-list .fa-hover a:hover {
    background-color: #ddd;
    color: #fff;
    text-decoration: none;
}

.fontawesome-icon-list .fa-hover a {
    display: block;
    line-height: 32px;
    height: 32px;
    padding-left: 10px;
    border-radius: 4px;
}

.fontawesome-icon-list .fa-hover a:hover .fa {
    font-size: 28px;
    vertical-align: -6px;
}

.fontawesome-icon-list .fa-hover a .fa {
    width: 32px;
    font-size: 16px;
    display: inline-block;
    text-align: right;
    margin-right: 10px;
}

#sidebar-menu .fa {
    width: 26px;
    opacity: .99;
    display: inline-block;
    font-family: FontAwesome;
    font-style: normal;
    font-weight: normal;
    font-size: 18px;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
}
/* *********  /iconts-display  **************************** */
.wrap_con{width:100%; float:left; height:100%;}
#nav_list{float:left;  background-color:#1d1d1d; padding:18px 0; }
#nav_list> li{ cursor:pointer; line-height:45px; font-weight:bold; background-color:#1d1d1d; height:100%; color:white; border-bottom:1px solid #2d2d2d; letter-spacing:0.05em; }
#nav_list> li:hover {background-color:#37B282;}
#nav_list> li:active {background-color:#37B282;}


#nav_list,
#nav_list ul,
#nav_list ul li,
#nav_list ul li a {
  margin: 0;
  padding: 0;
  border: 0;
  display: block;
  width : 100%;
  background-color:#1d1d1d;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
}
#nav_list ul ul {
  display: none;
}
#nav_list > ul > li > a:hover{
  color: #eeeeee;
  background: #37B282;
}
/* #nav_list > ul > li.active > a, */
/* #nav_list > ul > li.open > a */
/* { */
/*   background: #424852; */
/*   color: #ffffff; */
/* }  */
#nav_list ul ul li:hover > a {
  background: #424852;
  color: #ffffff;
}


#nav_list ul ul li.open > a,
#nav_list ul ul li.active-sub > a {
  color: #37B282;
}
.align-right {
  float: right;
}
#nav_list > ul > li > a {
  border-bottom:1px solid #2d2d2d;
  padding: 14px 0px;
  cursor: pointer;
  font-weight: bold;
  text-decoration: none;
  color: #ffffff;
}
#nav_list > ul > li.open > a {
  box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.15), 0 1px 1px rgba(0, 0, 0, 0.15);
  border-bottom: 1px solid #1682ba;
}
.holder {
  width: 0;
  height: 0;
  position: absolute;
  top: 0;
  right: 0;
}
.holder::after,
.holder::before {
  display: block;
  position: absolute;
  content: "";
  width: 6px;
  height: 6px;
  right: 20px;
  z-index: 10;
  -webkit-transform: rotate(-135deg);
  -moz-transform: rotate(-135deg);
  -ms-transform: rotate(-135deg);
  -o-transform: rotate(-135deg);
  transform: rotate(-135deg);
}
.holder::after {
  top: 17px;
  border-top: 2px solid #ffffff;
  border-left: 2px solid #ffffff;
}
.holder::before {
  top: 18px;
  border-top: 2px solid;
  border-left: 2px solid;
  border-top-color: inherit;
  border-left-color: inherit;
}
#nav_list ul ul li a {
  cursor: pointer;
  padding: 10px 20px;
  z-index: 1;
  text-decoration: none;
  font-size: 11px;
  color: #eeeeee;
  padding-left: 60px;
}
#nav_list ul ul ul li a {
  padding-left: 30px;
}
#nav_list ul ul li.has-sub > a::after {
  display: block;
  position: absolute;
  content: "";
  width: 5px;
  height: 5px;
  right: 20px;
  z-index: 10;
  top: 11.5px;
  border-top: 2px solid #eeeeee;
  border-left: 2px solid #eeeeee;
  -webkit-transform: rotate(-135deg);
  -moz-transform: rotate(-135deg);
  -ms-transform: rotate(-135deg);
  -o-transform: rotate(-135deg);
  transform: rotate(-135deg);
}
#nav_list ul ul li.active > a::after,
#nav_list ul ul li.open > a::after,


#nav_list .icon_arrow{margin-right:30px; float:right; width:18px; height:18px;background-image:url(../images/icon_arrow_off.png);}


.bt_gnb{ padding:17px 24px; background-color:#34b180; display:inline-block; float:left;}
.bt_gnb a{background-color:#289A6D;float:left;}
.top_bg{}
.logo{display:inline-block; float:left; margin-left:34px; width:200px;}
.logo2{ float:right; display:inherit; padding-right:30px;}
.pointbg{background-color:#f9fafa;}
.drop_box{ margin-left:0px; float:right; display:inherit; padding-right:25px; padding-left:10px; padding-top:12px; }
.drop_box2{float:left; display:inherit; width:250px; background-color:#313541; }
.channel_bt{ margin-left:0px; float:right; display:inherit; padding-right:10px; padding-top:12px;}
.cn_bt{padding-right:15px;}
.titletxt{color:white; padding:15px 0 0 40px; display:inline-block; float:left; font-weight:bold; font-size:15px;}

.login_form{width:400px; padding:20px; border:1px solid #C1B5B5; border-radius:30px; background:white;}
.login_title{text-align:left; font-size:18px; padding-left:15px; font-weight:bold; margin-bottom:10px;}
.season_bg1{ background-image:url(../images/login_bg1.jpg); background-repeat:no-repeat; background-size:cover; width:100%; height:100%; position:absolute; }
.season_bg2{ background-image:url(../images/login_bg2.jpg); background-repeat:no-repeat; background-size:cover; width:100%; height:100%; position:absolute; }
.season_bg3{ background-image:url(../images/login_bg3.jpg); background-repeat:no-repeat; background-size:cover; width:100%; height:100%; position:absolute; }
.season_bg4{ background-image:url(../images/login_bg4.jpg); background-repeat:no-repeat; background-size:cover; width:100%; height:100%; position:absolute; }

.cp_box{background-color:#f2f6fa; padding:10px; min-width:800px;}
.cp_box .cp_date{color:#274E7C; text-align:left; font-size:14px; font-weight:bold;}
.txt_17{font-size:17px; font-weight:bold; padding-right:10px; background-color:white; border-radius:3px; padding-left:10px;  }
.bt_edit{padding:5px; margin-left:5px; font-size:12px; background:#FFFFFF; border:1px solid #63a4e9; border-radius:3px; color:#63a4e9;  text-decoration:none; float:right;}

.bt_edit:hover{padding:5px; background:#63a4e9; border:1px solid #63a4e9; border-radius:3px; color:#ffffff; float:right;}
.sum{ height:35px; vertical-align:central; padding-left:20px; text-align:right; float:right;}
.sum ul{list-style:disc; color:blue;}
.sum li{display:inline-block; float:left; padding-right:20px; padding-top:8px; list-style:disc;}
.sum li .title{color:#354352; font-size:16px; font-weight:bold; float:left;}
.sum li .num{color:#076ae4; font-weight:bold; font-size:18px; width:100px; text-align:right; float:left; padding-left:5px;}
.sum li .num2{color:#076ae4; font-weight:bold; font-size:18px; width:50px; text-align:right; float:left; padding-left:5px;}


.c_icon_mail_off{background-color:#DFDFDF; padding:8px 7px; margin-right:5px; border-radius:3px;  float:left; }
.c_icon_mail{background-color:#3868c1; padding:8px 7px; margin-right:5px; border-radius:3px;  float:left; }
.c_icon_mail:hover{background-color:#3868c1;border-radius:3px; padding:8px 7px;  margin-right:5px;  float:left; }
.c_icon_mail_s{background-color:#3868c1; padding:4px 6px;}

.c_icon_sms_off{background-color:#DFDFDF; float:left; border-radius:3px; padding:8px 7px; margin:0 5px; }
.c_icon_sms{background-color:#32b16c;  float:left; border-radius:3px;padding:8px 7px;  margin:0 5px; }
.c_icon_sms_off:hover{float:left; border-radius:3px;padding:8px 7px;  margin:0 5px; }
.c_icon_sms_s{background-color:#2ca01c; padding:4px 6px;  }

.c_icon_kakao_off{background-color:#DFDFDF; float:left; border-radius:3px; padding:8px 7px; margin:0 5px; }
/**.c_icon_kakao{background-color:#fdeb1d;  float:left; border-radius:3px;padding:8px 7px;  margin:0 5px; } **/
.c_icon_kakao{background-color:#FFEB00;  float:left; border-radius:3px;padding:8px 7px;  margin:0 5px; }
.c_icon_kakao_off:hover{float:left; border-radius:3px;padding:8px 7px;  margin:0 5px; }
/**.c_icon_kakao_s{background-color:#fdeb1d; padding:4px 6px;  } **/
.c_icon_kakao_s{background-color:#FFEB00; padding:4px 6px;  }

.c_icon_push_off{background-color:#DFDFDF; float:left; border-radius:3px; padding:8px 7px;  margin-right:5px;  margin-left:5px; }
.c_icon_push{background-color:#fecb00;border-radius:3px; float:left; padding:8px 7px;  margin-right:5px; margin-left:5px; }
.c_icon_push_off:hover{border-radius:3px; padding:8px 7px;  margin-right:5px;  margin-left:5px; float:left; }
.c_icon_push_s{background-color:#fecb00; padding:4px 4px;}
.btn-target.on{background-color:#6482AA; color:white;}

.fa-plus.multi{color:white; background:#2D7C01; padding:12px 14px; float:right; border-radius:80px; }
.fa-plus.multi:hover{color:white; background:#1D4C00; padding:12px 14px; float:right; border-radius:80px; cursor: pointer;}

.btn-recepter{cursor:pointer;}
.panel-send1,
.panel-send2{margin-top:20px;}

#campaign_setup_panel{float:left; width:100%;  padding:10px; }


.icon_num{font-size:16px; color:#5CC1F2; width:15px; float:left; padding-top:5px; text-align:right;}
.icon_set{ display:inline-block; height:35px; float:right;}
.locate_bt{ margin-left:50px; }
.locate_bt_delete{ margin-left:5px; }
.box_close_bt{float:right; background-color:#5474A6; color:white; padding:5px 10px; border-radius:3px;}
.box_close_bt:hover{ background-color:#39598B; color:white; border-radius:3px;}
.cp_th{background-color:e3eaf3; border-top:1px solid #326992;}

.new_cp_bt{background:#5d6b71; font-size:12px; border-radius:4px; padding:10px 15px; float:right; color:white; margin-right:20px; }
.new_cp_bt:hover{background:#2F3C55; font-size:12px; border-radius:4px; padding:10px 15px; float:right; color:white; margin-right:20px;}

.cn_box_email{ width:20%; color:hsla(207,5%,48%,1.00);width:17%; height:67%; font-weight:bold; background-color:#ebeef2; text-align:center; vertical-align:central; margin-right:20px; border-radius:10px; padding-top:50px; display:inline-block; font-size:18px;}
.cn_box_email_select{ color:white; font-weight:bold; width:17%; height:67%; background: rgb(132,153,183); /* Old browsers */
background: -moz-linear-gradient(top, rgba(132,153,183,1) 0%, rgba(63,76,107,1) 100%); /* FF3.6-15 */
background: -webkit-linear-gradient(top, rgba(132,153,183,1) 0%,rgba(63,76,107,1) 100%); /* Chrome10-25,Safari5.1-6 */
background: linear-gradient(to bottom, rgba(132,153,183,1) 0%,rgba(63,76,107,1) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#8499b7', endColorstr='#3f4c6b',GradientType=0 ); text-align:center; vertical-align:central; margin-right:20px; border-radius:10px; padding-top:50px; display:inline-block; font-size:18px;}


.cn_box_etc{color:hsla(207,5%,48%,1.00); font-weight:bold;width:17%; height:67%; background-color:#ebeef2; text-align:center; vertical-align:central; margin-right:20px; border-radius:10px; padding-top:50px; display:inline-block; font-size:18px;}
.cn_box_etc:hover{ font-weight:bold; color:white;width:17%; height:67%;  background: rgb(132,153,183); /* Old browsers */
background: -moz-linear-gradient(top, rgba(132,153,183,1) 0%, rgba(63,76,107,1) 100%); /* FF3.6-15 */
background: -webkit-linear-gradient(top, rgba(132,153,183,1) 0%,rgba(63,76,107,1) 100%); /* Chrome10-25,Safari5.1-6 */
background: linear-gradient(to bottom, rgba(132,153,183,1) 0%,rgba(63,76,107,1) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#8499b7', endColorstr='#3f4c6b',GradientType=0 ); text-align:center; vertical-align:central; margin-right:20px; border-radius:10px; padding-top:50px; display:inline-block; font-size:18px;}

.cn_content{width:100%; height:100%; padding-top:12px; padding-bottom:80px;}
.pd30{ align-content:center;  }
.ct_box{ align-content:center; height:300px; width:100%; margin-top:40px;}
.radio_tt{padding-left:20px;}
h5{font-size:14px; font-weight:bold; padding:0px 0 0 20px;}

.sh
.showhide_tab{backgroud:#356da0; border-bottom:2px solid #EFEFEF; color:hsla(0,0%,21%,1.00); padding:10px; width:100%; border-radius:4px; font-weight:bold; font-size:18px;}
.show_content1{padding:30px;}




.cn_wrap{  margin-left:230px; height:100%;  }
.cn_wrap1{  margin-left:220px; height:100%; padding: 0 40px; float:left; width:84%; background:#E7E7E7; padding-bottom:400px;  }

.cn_1{width:260px; min-width:250px; height:420px;  border-radius:5px; display:inline-block; margin-left:20px; background:#fff; padding:0px 0; margin-bottom:160px; }
.cn_logo_bg{ height:100px; border-radius:4px; border:1px solid #D7D7D7; background:white; padding:20px;}
.cn_tt_lg{ font-size:16px;padding:15px 25px 10px 0px; font-weight:bold; color:#A3A3A3;}
.tt_postman{font-size:40px; font-weight:bold; font-family: "Helvetica Neue", Arial,; letter-spacing:-0.01em; background-color:white; padding:5px 0;}
.num_recept_person{font-size:20px; font-weight:bold; padding:10px 0; color:black;}
.cn_list{text-align:left; font-size:13px; line-height:1.8em;  padding:10px; color:#5B5B5B; list-style:square;}
.cn_list .tt{ font-weight:bold; letter-spacing:-0.10em; font-size:13px; }
#header2{width:100%; height:60px; background-color:white;}
.add_mark{float:right; color:#BDBDBD; font-weight:100; text-decoration:underline;}
.cn_bt_bg{background-color:#F1F1F1; width:100%;  padding:25px 25px; margin-bottom:20px;}
.bt_new_site{position:absolute; top:10px; right:60px;}




.type_automail{background-color:hsla(216,52%,59%,1.00); padding:3px 10px; margin-right:10px; color:white; border-radius:30px;}
.type_auto_err{background-color:#0eb412; padding:3px 10px; margin-right:10px; color:white; border-radius:30px;}
.type_autopush{background-color:#34B180; padding:3px 10px; margin-right:10px; color:white; border-radius:30px;}
.type_autosms{background-color:hsla(216,52%,59%,1.00); padding:3px 10px; margin-right:10px; color:white; border-radius:30px;}
.admin_info{ font-size:12px; color:#989898; padding-left:10px; }
.cn_conts{width:100%; margin-bottom:30px; border:1px solid #E5E5E5;}
.pd_20{padding:0 15px;}

.top > .top_txt{background:#efefef; padding:20px; font-size:14px; line-height:1.8em; font-family:nanumgothic; color:hsla(0,0%,20%,1.00); }
.show_content1 .top{}
.show_content1 .bottom{width:100%; padding-top:40px; font-size:13px;}



.locate_bt_multi_write{ float:right; }
.col-lg-6 > .top_title{background:#efefef; padding:20px; width:300px; font-size:14px; line-height:1.8em; font-family:nanumgothic; color:hsla(0,0%,20%,1.00); }
#page-wrapper-multi {

    padding: 15px 15px 0 15px;
    min-height: 568px;

	float:left;
	display:table-cell;


}
.page-wrapper-multi-r{ width:145px; float:right; position:absolute; background:#f1f1f1; display:inline-block; right:15px; top:10px;}
#m_campaign_left{float:left; margin-right:220px; width:75%;  padding:10px; background:#fff; position:relative; max-width:1000px;}
#m_campaign_line_p{position:relative;}

.flow_top{background:#304157; padding:10px; color:white; font-weight:bold;}
.workflow_con_pd{padding:10px; background:#EDEFF5;}
.flow1{background:#fff; padding:10px; margin-top:5px; border-radius:4px;}
.flow2{background:#fff; padding:10px; margin-top:5px; border-radius:4px;}
.flow{padding-top:10px;}
.flow_first{padding-top:0px;}

.work-flow-em{color:white; background:#3868C1; padding:5px; font-size:14px;}
.work-flow-sm{color:white; background:#32b16c; padding:5px; font-size:14px;}
.work-flow-pu{color:white; background:#fecb00; padding:5px; font-size:14px;}
.flow_second{padding-top:20px;}
.detail_workflow{border-top:1px solid #7B7B7B; padding-top:10px; margin-top:10px; padding-bottom:10px;}
.bg_multicp_box{
	padding: 15px;
	background: #ffffff; /* Old browsers */

background: -moz-linear-gradient(top, #ffffff 0%, #f6f6f6 47%, #ededed 100%); /* FF3.6-15 */

background: -webkit-linear-gradient(top, #ffffff 0%,#f6f6f6 47%,#ededed 100%); /* Chrome10-25,Safari5.1-6 */

background: linear-gradient(to bottom, #ffffff 0%,#f6f6f6 47%,#ededed 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */}


.bg_multicp_box1{
	padding: 15px;
	background: #ffffff; /* Old browsers */

background: -moz-linear-gradient(top, #ffffff 0%, #f6f6f6 92%, #ededed 100%); /* FF3.6-15 */

background: -webkit-linear-gradient(top, #ffffff 0%,#f6f6f6 92%,#ededed 100%); /* Chrome10-25,Safari5.1-6 */

background: linear-gradient(to bottom, #ffffff 0%,#f6f6f6 92%,#ededed 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */}

.icon_cn_txt{font-size:11px; font-family:'占쏙옙占쏙옙 占쏙옙占�'; padding-left:5px;}
.btn-default-flow{padding:5px; border:1px solid #D9D9D9; border-radius:3px;}

.panel1_wrap{border-bottom:10px solid #D8D8D8; border-left:10px solid #D8D8D8; width:42px; z-index:2px; position:absolute; height:120px; top:200px; position:absolute;}

.panel2_wrap{border-bottom:10px solid #D8D8D8; border-left:10px solid #D8D8D8; width:43px; z-index:2px; margin-left:50px; position:relative; height:100px; top:0px; position:absolute;}

.panel3_wrap{border-bottom:12px solid #D8D8D8; border-left:12px solid #D8D8D8; width:40px; z-index:2px;  position:absolute; height:540px; top:0px; position:absolute;}

.multi_arrow{z-index:2px; position:absolute; height:50px; top:115px; position:absolute; width:20px; margin-left:35px;}

.multi_arrow2{z-index:2px; position:absolute; height:50px; top:81px; position:absolute; width:20px; margin-left:85px;}

.multi_arrow3{z-index:2px; position:absolute; height:50px; top:520px; position:absolute; width:20px; margin-left:-17px;}

.mc_time_box{padding-top:12px; margin-left:28px;}


.register_site_left{ text-align:left; font-weight:bold; background:#fff; border-bottom:1px solid #DCDCDC; padding:20px 0; font-size:15px;}
.register_site_right{ text-align:left; font-weight:bold; background:#fff; border-bottom:1px solid #DCDCDC; padding:20px 0;}
.site_register_bg{background:#fff; padding:30px; border:1px solid #D3D3D3; border-radius:5px;}
.site_register_bg1{background:#fff; margin:0 30px 30px 30px; padding:30px 30px 80px 30px; border:1px solid #D3D3D3; border-radius:5px;}
.site_app_bg{background:#fff; margin:0 30px; padding:30px;}
.register_account_box{  border:1px solid #E0E0E0; border-left:5px solid #1EB87B; border-radius:3px; padding-top:20px; padding-right:20px;  position:relative; margin-bottom:40px; margin-left:25px;}
.tb_title{text-align:left; border-right:1px solid #E0E0DE;}
.tb_title_r{text-align:left; border-right:1px solid #E0E0DE;border-left:1px solid #E0E0DE;}
.account_box_check{width:20px; float:left; position:absolute; }
.new_account_bt{background:#5d6b71; font-size:12px; border-radius:4px; padding:10px 15px; float:right; color:white; margin-left:5px; }
.new_account_bt:hover, .new_account_bt:active{background:#2F3C55; font-size:12px; border-radius:4px; padding:10px 15px; float:right; color:white; margin-left:5px;  }
.new_account_bt_wrap{float:right; margin-right:30px; margin-top:15px;}
.bt_upload {
  display: inline-block;
  min-width: 15px;
  padding: 8px 44px;
  font-size: 12px;
  margin-bottom:20px;
  font-weight: bold;
  line-height: 1;
  alignment-adjust:central;
  color: #fff;
  text-align: center;
  white-space: nowrap;
  vertical-align: baseline;
  background-color: #929292;

}
.bt_upload:hover, .bt_upload:active {
  display: inline-block;
  min-width: 15px;
  padding: 8px 44px;
  font-size: 12px;
  margin-bottom:20px;
  font-weight: bold;
  line-height: 1;
  alignment-adjust:central;
  color: #fff;
  text-align: center;
  white-space: nowrap;
  vertical-align: baseline;
  background-color: #3E3E3E;

}


.layerpop_left{width:60%; float:left;}
.layerpop_right{width:230px; float:left; margin-left:40px; position:relative;}
.layer_pop_wrap{width:950px;}
.sms_input{ background:#E7DDBA; width:230px; height:150px; top:220px; position:absolute; left:45px; font-weight:bold; font-size:15px; overflow:scroll;}
.talk_input{ background:#fff; width:200px; height:150px; top:200px; position:absolute; left:50px; font-weight:bold; font-size:15px;}
.talk_input2{ background:#fff; width:270px; height:150px; top:150px; left:80px; position:absolute; font-weight:bold; font-size:15px;}
.talk_input3{ background:#fff; width:270px; height:150px; top:100px; left:20px; position:absolute; font-weight:bold; font-size:15px;}
#popup{z-index:5000; position:absolute; top:150px; margin-left:20%;}

.dashboard-badge { width: 40px; height: 40px;
	 border-radius: 50% 50% 50% 50%; text-align: center; font-size: 1.8em; line-height: 38px; color: #fff; background-color: #78b83e; display:inline-block;}
.num_dashboard{font-size:22px; font-weight:bold; margin:0 10px;}
.mark_arise{margin-left:4px; color:#4BA288; font-weight:bold; font-size:16px;}
.mark_down{margin-left:4px; color:blue; font-weight:bold; font-size:16px;}
.result_dashboard{color:gray; font-size:14px; padding-bottom:20px; }
.num_padding{padding-left:80px;}


.alarm_special_letter{ }
.alarm_special_letter th{ color:white; font-weight:bold; font-size:14px; padding:8px; margin-bottom:10px; border-bottom:1px solid #028753; }
.alarm_special_letter td{  padding:20px; background:#fff; }
.alarm_mapping_table_tt{background:hsla(172,92%,15%,1.00); font-weight:bold; font-size:13px;}
.alarm_textbox{ width:80%; height:400px;  margin:0 30px;}
.alarm_sms_textbox{ width:80%; height:50px;  margin:0 30px;}
.alarm_table{background:hsla(0,0%,94%,1.00);}
.alarm_r{float:left; width:35%; background:hsla(0,0%,94%,1.00); padding:30px 0;}
.alarm_l{float:left; width:65%; background:hsla(0,0%,94%,1.00); padding:30px 0;}
.show_content1{padding:30px;}
.layerpop_right_a{width:230px; float:left; position:relative; margin-left:20px;}
.alarm_title{padding-left:20px; font-size:17px; font-weight:bold; font-family:'nanum-gothic'; letter-spacing:-0.05em;}
.alarm_comment{padding:30px;}
.alarm_comment{padding:30px;}
.alarm_sms_bt{ background-color:#5474A6; color:white; padding:5px 10px; border-radius:3px; }
.alarm_sms_bt:hover{ background-color:#39598B; color:white; border-radius:3px;}

.dash_tb9{display:block;}
.dash_tb9 th{border-bottom:2px solid #E9E9E9; border-top:1px solid #green; padding:20px;}
.dash_right_ft{ float:right; font-size:13px; color:hsla(0,0%,63%,1.00); font-style:italic; }
.list_sending{padding:10px; border-top:1px solid #02745A; border-bottom:1px solid #02745A; font-size:14px;}
.list_sending2{padding:10px; border-top:1px solid #C1C1C1;  font-size:14px; background:#f1f1f1; margin:0 10px;}
.list_sending3{padding:10px; border-top:1px solid #C1C1C1;  font-size:14px; background:#f1f1f1; }
.per_big{font-size:26px; font-weight:bold;}
.dash_green_box{background:#1eb87c; color:white; font-weight:bold; font-size:17px; width:18.5%; border-radius:4px; text-align:center; padding:20px 40px; margin:10px 0 10px 10px; display:inline-block; float:left}
.dash_green_box_ft{color:white; font-weight:bold; font-size:17px;}
.dash_gray_box{background:#abb7b7; color:white; font-weight:bold; font-size:17px; width:18.5%; border-radius:4px; text-align:center; padding:20px 40px; margin:10px 0 10px 10px; display:inline-block; float:left;}
.dash_gray_box_ft{color:white; font-weight:bold; font-size:17px;}
.position_left{margin-bottom:20px;}

#nav_side_list{float:left;  background-color:#0e1e42; }
#nav_side_list> li{ cursor:pointer; line-height:55px; background-color:#2C3545; height:100%; color:white; border-bottom:1px solid #4F5766; letter-spacing:0.05em;  padding-left:30px; font-size:13px; font-family:'nanumgothic'; letter-spacing:-0.00em;}
#nav_side_list> li:hover {background-color:#2d3e63;}
#nav_side_list> li:active {background-color:#2d3e63; border:none;}


#nav_side_list> li ul{ cursor:pointer; padding:14px 0 14px 0; color:white; background:#292929; margin-left:-30px; border:none;  }
#nav_side_list> li ul a{  color:white; border:none; }
#nav_side_list> li ul li{ cursor:pointer; padding-left: 30px; color:#9d9d9d;line-height:35px; font-weight:100; font-size:12px; font-family:'nanumgothic';}
#nav_side_list ul{ display:none; width:180px; padding-top:54px;  background-color:#1d1d1d;}
 #nav_side_list, #nav_side_list ul{ list-style:none; margin:0; padding:0;  width:220px;}
 #nav_side_list ul{ padding-left:1em; padding-top:24px; }
#nav_side_list .icon_gnb{padding-left:24px; padding-right:15px; }
#nav_side_list .icon_arrow{margin-right:30px; float:right; width:18px; height:18px;background-image:url(../images/icon_arrow_off.png); margin-top:14px;}

.site_wrap{ padding:0 40px; float:left; width:100%; background:#E4E4E4; padding-bottom:150px; padding-top:20px; min-height: 678px;}
.site_wrap3{ padding:0 40px; height:100%; float:left; width:100%; background:#E4E4E4; padding-bottom:150px; padding-top:20px; min-height: 678px;}

#container{width:100%; height:auto; background:#E7E7E7; margin:0; float:left; position:relative;}


.txt_18{font-size:17px; font-weight:bold;background-color:white; border-radius:3px;  margin-top:20px; padding:5px 10px 10px 10px;  }
.position_right2{position:absolute; top:110px; right:0;}
.position_right3{ margin:10px 0; float:right; font-weight:bold;}

#container_wrap{margin-left:220px; height:auto; background:#E7E7E7; margin:0; float:left; position:relative;}


.condition_td{width:100%;}

.nav_site {
    width: 220px;
    position: absolute;
    height: 100%;
    background-color: #2C3545;
}

.section_site {
    float: left;
    margin-left: 220px;
    background-color: white;
    height: 100%;
    padding: 0;
    position: inherit;
}

.daterange_selector {
	background-color: #ffffff !important;
	cursor: pointer !important;
}

/*04월 06일*/
.site_bt_delete{color:white; padding:5px 10px; border-radius:30px; background-color:#C0C0C0; float:right; margin-top:-8px; margin-right:-7px;}
.site_bt_delete:hover{color:white; padding:5px 10px; border-radius:30px; background-color:#01747E; float:right; margin-top:-8px; margin-right:-7px;}
.ajaxLoadingDiv{float: right; margin: 20px 5px 20px 5px;}

.login_center{position: absolute;left:0px;right:0px;top:0px;bottom:0px;width: 400px;height: 350px;margin: auto;}

.table2 {width: 100%; max-width: 100%; margin-bottom: 20px;}
table2 {background-color: transparent; }
caption {padding-top: 8px; padding-bottom: 8px; color: #777; text-align: left;}
th {text-align:center;}
td {text-align:center;}
.table 2{width: 100%;  max-width: 100%; margin-bottom: 20px;}
.table2 > thead > tr > th,
.table2 > tbody > tr > th,
.table2 > tfoot > tr > th,
.table2 > thead > tr > td,
.table2 > tbody > tr > td,
.table2 > tfoot > tr > td {  padding:3px; line-height: 1.42857143;
  border-top: 1px solid #ddd;}
.table2 > thead > tr > th {vertical-align: bottom; border-bottom: 2px solid #ddd;}
.table2 > caption + thead > tr:first-child > th,
.table2 > colgroup + thead > tr:first-child > th,
.table2 > thead:first-child > tr:first-child > th,
.table2 > caption + thead > tr:first-child > td,
.table2 > colgroup + thead > tr:first-child > td,
.table2 > thead:first-child > tr:first-child > td {
  border-top: 0;
}

.modal-body .tree_list{height:100%}
.tooltip-inner{max-width: 350px;min-width:300px;background-color:#3c3c3c;}
.tooltip-arrow{border-top-color:#3c3c3c;}
.fa-check-circle-o{color:#FF5722;}

/* 친구톡 관련 css */
.ft_send{width: 300px;border-radius: 3px}
.ft_send .ft_head{height: 50px;background: #86abc7;line-height: 50px;font-size: 18px;color: #fff;text-align: center;border-top-left-radius: 3px;border-top-right-radius: 3px}
.ft_send .ft_conts{height: auto;min-height: 380px;background: #c2d9ea;border-bottom-left-radius: 3px;border-bottom-right-radius: 3px;padding: 15px;box-sizing: border-box}
.ft_send .ftc_tit{overflow: hidden}
.ft_send .ftc_tit .ico_profile{display: inline-block;float: left;vertical-align: middle}
.ft_send .ftc_tit span{display: inline-block;float: left;font-size: 12px;color: #444;vertical-align: middle;line-height: 32px;margin-left: 10px}
.ft_send .ftc_group{width: 205px;margin-left: 40px;border-radius: 2px}
.ft_send .ftc_msg{}
.ft_send .ftc_img{width: 205px;height: 130px;display: block}
.ft_send .ftc_txt{background: #fff;padding: 10px;box-sizing: border-box}
.ft_send .ftc_txt textarea{width: 99%;border: none;font-size: 12px;color: #666;line-height: 15px;min-height: 150px;font-weight: normal}
.ft_send .ftc_txt button{margin-top: 10px;width: 100%;border: 1px solid #d8d8d8;background: #fff;border-radius: 2px;font-size: 12px;color: #444;height: 30px}
.ft_send .ftc_byte{margin-top: 6px;font-size: 8px;color: #444;text-align: right}
.ft_send .ftc_txt li{width: 100%;	list-style-type: none;	text-align: center; padding-left:0px;}
.ft_send .ftc_txt ul{padding-left:0px; margin-bottom: 3px;}
.ft_send .ftc_txt li div{margin-top: 10px;width: 100%;border: 1px solid #d8d8d8;background: #fff;border-radius: 2px;height: 30px;padding-top:6px;}
.ui-state-default a{size: 12px;color:#444;}
.kakao_button_delete{color:white; padding:0px 3px; border-radius:30px; background-color:#C0C0C0; float:right; margin-top:-36px; margin-right:-7px; position: relative;}
.kakao_button_delete:hover{color:white; padding:0px 3px; border-radius:30px; background-color:#01747E; float:right; margin-top:-36px; margin-right:-7px; position: relative;}

.bubble_conts_write .sw_img{width: 277px;height: 130px;display: block}
.swFilename{margin:0px -15px 0 -15px ; padding:10px; border:1px solid #dfdfdf; background:#fafafa;}
.ftc_preview .ft_send{width: 354px;margin-top: 24%;border-radius: 3px}
.ftc_preview .ft_send .ftc_group {width: 255px;margin-left: 40px;border-radius: 2px}

.ft_button {width: 80%;	height: 60%; top: 80%; left: 27%;position: absolute;font-weight: bold;font-size: 15px;margin: 0;padding: 0;margin-bottom: 10px;}
.ft_button li {	margin: 1px;padding: 5px;width: 100%;list-style-type: none;	text-align: center;}

.memberTokenCut {max-width:300px; overflow:hidden; text-overflow:ellipsis; white-space:nowrap;}