@font-face {
 font-family: 'NanumSquare';
 src: url(/common/assets/fonts/nanum-square/NanumSquareR.eot);
 src: url(/common/assets/fonts/nanum-square/NanumSquareR_iefix.eot) format('embedded-opentype'),
      url(/common/assets/fonts/nanum-square/NanumSquareR.woff) format('woff'),
      url(/common/assets/fonts/nanum-square/NanumSquareR.ttf) format('truetype');
}
/*나눔스퀘어 적용*/
.steps,a.navbar-brand,.portlet-title-leftctrl,.top-header-logo,.navbar,h1,h2,h3,h4,h5,h6{font-family:'Noto Sans kr',sans-serif; font-weight:500;}
.top-header-logo{font-size:24px;}

/*Custom Helper Class*/
.m5{margin:5px!important;}
.mb0{margin-bottom:0px!important;}
.mb10{margin-bottom:10px!important;}
.mt0{margin-top:0px!important;}
.mt10{margin-top:10px!important;}
.p0{padding:0px!important;}
.p10{padding:10px!important;}
.p15{padding:15px!important;}
.p20{padding:20px!important;}
.border0{border:0px none!important;}

.btnCtrlInTable{float:right;}

/*overlay*/
.overlayDefault{position:relative;}
.overlayWrap{position:absolute;width:100%;background-color: rgba(0,0,0,0.5);height:100%;vertical-align: middle;text-align: center;top:0;left:0;display:none;cursor:wait;z-index:9999;}
.overlayInnerWrap{position:relative;width:100%;height:100%;}
.overlayInnerBox{margin:auto;left:0;right:0;display:inline-block;color:#fff;font-weight: bold;font-size:14px;height:15px;top:50%;transform: translateY(-50%) translateZ(0px);position:absolute;}

.ui-datepicker {z-index:1060!important;}
/*Custom neo-platform Class*/
.dataTables_paginate{text-align: center;}
.vertical-alignment-helper {
    display:table;
    height: 100%;
    width: 100%;
    pointer-events:none; /* This makes sure that we can still click outside of the modal to close it */
}
.vertical-align-center {
    /* To center vertically */
    display: table-cell;
    vertical-align: middle;
    pointer-events:none;
}
.modal-content {
    /* Bootstrap sets the size of the modal in the modal-dialog class, we need to inherit it */
    width:inherit;
    height:inherit;
    /* To center horizontally */
    margin: 0 auto;
    pointer-events: all;
}
.text-danger{color:#FF3C16;font-weight: bold;}
table tr td.searchTD .btn,table tr th.searchTD .btn{margin-top:8px;}
table tr td.searchTD .btn:first-child,table tr th.searchTD .btn:first-child{margin-top:0px;}
.titleTD{background-color: #fcfcfc;font-weight: bold;vertical-align: middle!important;}


.profile-title{color: #4285f4;font-size:28px;}
.profile-subtitle{text-transform: uppercase;color: #1e1e1e;font-size:15px; font-weight:500;}
.profile-subsubtitle{text-transform: uppercase;color: #A8A8A8;font-size:13px;font-weight: 800;margin-bottom: 7px;}
.tbl{border-collapse: collapse;width:100%;display:table;table-layout:fixed;}
.tbl-row{display:table-row;}
.tbl-cell{border:1px solid #d8e2e7;padding:10px;vertical-align: middle;display:table-cell;}
.tbl-cell b{display:block;font-weight:900;}
.panel-body .tbl-cell:first-child{border-left:0px;}
.panel-body .tbl-cell:last-child{border-right:0px;}
.tab-content{border:1px solid #ddd; border-top:0px none;padding:10px;}
/*border-top:3px solid #337ab7;*/
.nav-tabs.nav-justified>li.active>a,.nav-tabs.nav-justified>li.active>a:hover,.nav-tabs.nav-justified>li.active>a:focus{color:#337ab7;font-weight: 900;border-radius:0px;border-top:0px none;}
.nav-tabs>li.active{border-top:3px solid #337ab7;margin-top:0px;}
.nav-tabs>li.active>a,.nav-tabs>li.active>a:hover,.nav-tabs>li.active>a:focus{color:#337ab7;font-weight: 900;border-radius:0px;border-top:0px none;}
.nav-tabs>li>a{color:#777;}
.nav-tabs>li>a{outline:none;border:0px none;border-radius:0px!important;margin-right:0px;margin-left:-1px;}
.nav-tabs>li>a:first-child{margin-left:0px;}

section.dashboard-box{border-collapse: collapse;overflow-y:auto;}
section.dashboard-box header.dashboard-box-header{border:1px solid #ddd;border-bottom:0px none;padding:10px;}
section.dashboard-box div.dashboard-box-content{border:1px solid #ddd;padding:10px;overflow-y:auto;height:250px;}



@media(max-width:768px) {
    .tbl-outer>.tbl-row>.tbl-cell{display:block;border-top:0px none;}
    .tbl-outer>.tbl-row>.tbl-cell:first-child{display:block;border-top:1px solid #d8e2e7;}
}

.portlet-title-outside{min-height:34px;border-bottom:1px solid #ddd;}
.portlet-title-outside .portlet-title-leftctrl{border-radius:25px;border:1px solid #000;padding:4px 20px;float:left;font-weight: bold;font-size:16px;}
.portlet-title-outside .portlet-title-rightctrl{float:right;}
.portlet{background-color: #fff;padding:15px;}
.portlet .portlet-title{min-height:44px;border-bottom:1px solid #ddd;}
.portlet .portlet-title-leftctrl{margin:10px 0px;float:left;font-weight: bold;font-size:16px;;}
.portlet .portlet-title-rightctrl{float:right;}
.portlet .nav-tabs{border-bottom:0px none;}
.portlet .nav-tabs li{border:0px none;}
.portlet .nav-tabs li a,.portlet .nav-tabs li a:hover,.portlet .nav-tabs li a:focus{border:0px none;}
.portlet .nav-tabs li.active a,.portlet .nav-tabs li a:focus{border-bottom:3px solid #337ab7;}
.portlet .nav-tabs li a{border:0px none;}
.portlet .nav-tabs li a:hover{border-bottom:3px solid #86B4DC;background-color: #fff;}
.portlet .tab-content{border:0px none;padding:10px 0px;}

.portlet2{background-color: #fff;padding:15px;border:1px solid #EEEEEE;}
.portlet2 .portlet-title{background-color: #FCFCFC;min-height:44px;border-bottom:1px solid #EEEEEE;border-left:4px solid #0FB7C4;}
.portlet2 .portlet-title small{color:#848484;font-size:13px;}
.portlet2 .portlet-title-leftctrl{margin:10px 15px;float:left;font-weight: bold;font-size:16px;}
.portlet2 .portlet-title-rightctrl{float:right;min-height:42px;line-height:38px;vertical-align: middle;padding:0px 10px;}
.portlet2 .portlet-right-divider{background-color: #fff;float:right;border-left:1px solid #eee;}
.portlet2 .nav-tabs{border-bottom:0px none;}
.portlet2 .nav-tabs li{border:0px none;}
.portlet2 .nav-tabs li a,.portlet2 .nav-tabs li a:hover,.portlet2 .nav-tabs li a:focus{border:0px none;}
.portlet2 .nav-tabs li.active a,.portlet .nav-tabs li a:focus{border-bottom:3px solid #337ab7;}
.portlet2 .nav-tabs li a{border:0px none;}
.portlet2 .nav-tabs li a:hover{border-bottom:3px solid #86B4DC;background-color: #fff;}
.portlet2 .tab-content{border:0px none;padding:10px 0px;}

body,#page-wrapper{background-color: #fff;}
.tab-content{background-color: #fff;}

.breadcrumbs{border-bottom:1px solid #ddd;}
.breadcrumbs h1,.breadcrumbs h2,.breadcrumbs h3,.breadcrumbs h4,.breadcrumbs h5,.breadcrumbs h6{float:left;margin:0;}
.breadcrumbs .breadcrumb{float:right;margin:0;margin-top:10px;background-color: inherit;}


.btn-circle{border-radius:25px!important;}
.btn-group .btn-circle{border-radius:0px!important}
.btn-group .btn-circle:first-child{border-radius:25px 0px 0px 25px!important;}
.btn-group .btn-circle:last-child{border-radius:0px 25px 25px 0px!important;}


.steps-line{
    content: '';
    height: 2px;
    width: 100%;
    position: absolute;
    background-color: #E6E7E9;
    top: 35px;
    z-index: 4;
}
.steps{overflow:hidden;position:relative;}

@media(min-width:992px) {
    .steps .col-md-3{margin-top:-25px;}
}

.step-number{background-color: #fff;position:relative;z-index:5;margin:0 auto;width:50px;height:50px;line-height:46px;vertical-align: middle;text-align: center;color:#777;border-radius:50%!important;background-color: #fff;}
.steps-step1 .step-number{border:3px solid #55D4CD;color:#55D4CD;}
.steps-step1 .profile-title{color:#55D4CD;}
.steps-step2 .step-number{border:3px solid #57C0D3;color:#57C0D3;}
.steps-step2 .profile-title{color:#57C0D3;}
.steps-step3 .step-number{border:3px solid #6298C4;color:#6298C4;}
.steps-step3 .profile-title{color:#6298C4;}
.steps-step4 .step-number{border:3px solid #6D7D97;color:#6D7D97;}
.steps-step4 .profile-title{color:#6D7D97;}

.btn{border-radius:0px!important;}
.btn-success,.btn-info,.btn-primary,.btn-warning,.btn-danger{border:1px solid inherit!important;}
.btn-lg{font-size:15px;}
.text-mute{color:#BDC8CE!important;}
.text-mute2{color:#969696;font-size:13px;}
.table thead tr th{background-color: #fff;border-bottom:0px none;}

.money-big{font-weight:900;font-size:24px;}
/*select.form-control{height:22px;padding:0px 6px;}*/
select.form-control.no-block{vertical-align:middle;display:inline;width:auto;}

/* Neo TOP BAR */
.top-header{min-height:67px;}
.top-header-logo{float:left;display:block;padding:15px 0px;}
.top-header-control{float:right;display:block;margin:15px;}
.navbar{margin-bottom: 10px;}
.navbar-werep-default{border:0px none;color:#fff;background-color: #1e1e1e;border-radius:0px;}
.navbar-werep-default a:focus,.navbar-werep-default a:hover{background-color: #FAFAFC!important;color:#333!important}
.navbar-werep-default a,.navbar-werep-default a:focus,.navbar-werep-default a:hover{color:inherit;}
.navbar-werep-default .dropdown-menu{background-color: #FAFAFC!important;color:#333!important;border:0px none!important;border-radius:0px;}
.navbar-werep-default .dropdown-menu > li > a{padding:8px 15px!important;}
.navbar-werep-default .dropdown-menu > li > a:hover{background-color: #EAEAF2!important;}
.navbar-toggle{margin:11px;}

/* Global Styles */

.huge {
    font-size: 50px;
    line-height: normal;
}

/* Top Navigation */

.top-nav {
    padding: 0 15px;
}

.top-nav>li {
    display: inline-block;
    float: left;
}

.top-nav>li>a {
    padding-top: 15px;
    padding-bottom: 15px;
    line-height: 20px;
    color: #999;
}

.top-nav>li>a:hover,
.top-nav>li>a:focus,
.top-nav>.open>a,
.top-nav>.open>a:hover,
.top-nav>.open>a:focus {
    color: #fff;
    background-color: #000;
}

.top-nav>.open>.dropdown-menu {
    float: left;
    position: absolute;
    margin-top: 0;
    border: 1px solid rgba(0,0,0,.15);
    border-top-left-radius: 0;
    border-top-right-radius: 0;
    background-color: #fff;
    -webkit-box-shadow: 0 6px 12px rgba(0,0,0,.175);
    box-shadow: 0 6px 12px rgba(0,0,0,.175);
}

.top-nav>.open>.dropdown-menu>li>a {
    white-space: normal;
}

ul.message-dropdown {
    padding: 0;
    max-height: 250px;
    overflow-x: hidden;
    overflow-y: auto;
}

li.message-preview {
    width: 275px;
    border-bottom: 1px solid rgba(0,0,0,.15);
}

li.message-preview>a {
    padding-top: 15px;
    padding-bottom: 15px;
}

li.message-footer {
    margin: 5px 0;
}

ul.alert-dropdown {
    width: 200px;
}



/* Flot Chart Containers */

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

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

/* Custom Colored Panels */

.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;http://l2j.co.kr/2615?category=45884
}

.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;
}

/* 로딩중 표시 css*/

.loading_indicator_bg{width:100%; height:100%; position:fixed; top:0px; left:0px; background-image:url("../images/transparents_background.png"); z-index:9999; display:none;}
.loading_indicator{width:90px; position:absolute; top:0px; left:0px; z-index:9999; display:none;font-size:12pt;text-align:center;color:#fff;font-weight:900;}

/*로딩 CSS3 이펙트*/
@-webkit-keyframes enter {
  0% {
    opacity: 0;
    top: -10px;
    }  5% {
    opacity: 1;
    top: 0px;
  }
  50.9% {
    opacity: 1;
    top: 0px;
  }
  55.9% {
    opacity: 0;
    top: 10px;
  }
}
@keyframes enter {
  0% {
    opacity: 0;
    top: -10px;
  }
  5% {
    opacity: 1;
    top: 0px;
  }
  50.9% {
    opacity: 1;
    top: 0px;
  }
  55.9% {
    opacity: 0;
    top: 10px;
  }
}
@-moz-keyframes enter {
  0% {
    opacity: 0;
    top: -10px;
  }
  5% {
    opacity: 1;
    top: 0px;
  }
  50.9% {
    opacity: 1;
    top: 0px;
  }
  55.9% {
    opacity: 0;
    top: 10px;
  }
}

.loader {
  position: absolute;
  left: 50%;
  top: 50%;
  margin-left: -27.5px;
  margin-top: -27.5px;
}

.square {
  background: white;
  width: 15px;
  height: 15px;
  float: left;
  top: -10px;
  margin-right: 5px;
  margin-top: 5px;
  position: relative;
  opacity: 0;
  -webkit-animation: enter 6s infinite;
  animation: enter 6s infinite;
}

.enter {
  top: 0px;
  opacity: 1;
}

.square:nth-child(1) {
  -webkit-animation-delay: 1.8s;
  -moz-animation-delay: 1.8s;
  animation-delay: 1.8s;
}

.square:nth-child(2) {
  -webkit-animation-delay: 2.1s;
  -moz-animation-delay: 2.1s;
  animation-delay: 2.1s;
}

.square:nth-child(3) {
  -webkit-animation-delay: 2.4s;
  -moz-animation-delay: 2.4s;
  animation-delay: 2.4s;
  background: #fdc96f;
}

.square:nth-child(4) {
  -webkit-animation-delay: 0.9s;
  -moz-animation-delay: 0.9s;
  animation-delay: 0.9s;
}

.square:nth-child(5) {
  -webkit-animation-delay: 1.2s;
  -moz-animation-delay: 1.2s;
  animation-delay: 1.2s;
}

.square:nth-child(6) {
  -webkit-animation-delay: 1.5s;
  -moz-animation-delay: 1.5s;
  animation-delay: 1.5s;
}

.square:nth-child(8) {
  -webkit-animation-delay: 0.3s;
  -moz-animation-delay: 0.3s;
  animation-delay: 0.3s;
}

.square:nth-child(9) {
  -webkit-animation-delay: 0.6s;
  -moz-animation-delay: 0.6s;
  animation-delay: 0.6s;
}

.clear {
  clear: both;
}

.last {
  margin-right: 0;
}

.popup_dialog_bg{width:100%; height:100%; position:fixed; top:0px; left:0px; background-image:url("../images/transparents_background.png"); z-index:999; display:none;}
.popup_dialog{width:525px; position:absolute; top:0px; left:0px; background-color:#ffffff; z-index:9999; display:none; border:1px solid #dfdfdf;}
.popup_dialog .title{background-color:#2f3a40; height:57px;}
.popup_dialog .title .left{float:left;}
.popup_dialog .title .left img{margin:20px 0px 0px 15px;}
.popup_dialog .title .right{float:right;}
.popup_dialog .title .right img{margin:24px 15px 0px 0px;}

.popup_dialog .contents {font-size:8pt; color:#35434e;}
.popup_dialog .contents input {font-size:8pt; color:#35434e;}
.popup_dialog .contents .sub_title{margin:18px 15px 0px 15px; height:14px;}
.popup_dialog .contents .sub_contents{margin:8px 15px 8px 15px;}
.popup_dialog .contents .red{color:red;}
.popup_dialog .contents .green{color:#159001;}
.popup_dialog .contents .bottom_small{color:#737373; font-size:8pt; margin:3px 0px 0px 0px;line-height:17px;}


.popup_dialog .contents table tr td {background-color:#ffffff; padding:8px;}
.popup_dialog .contents .table2 td {background-color:#ffffff; padding:5px 10px;}
.popup_dialog .contents .table2 input[type=radio] {margin:-1px 0px 0px 22px;}
.popup_dialog .contents .table2 #adtime2{margin:-1px 0px 0px 32px;}
.popup_dialog .contents .table2 #adtime3{margin:-1px 0px 0px 29px;}
.popup_dialog .contents .sub_table td {text-align:center;}
.popup_dialog .contents .sub_table .text1{color:#b3b3b3;}

.popup_dialog .contents .table3 {margin-top:-1px;}
.popup_dialog .contents .table3 td{background-color:#ffffff; padding:4px 0px;}
.popup_dialog .contents .table3 th{background-color:#ffffff; padding:4px 0px;}

.popup_dialog .ad_object{border:1px solid #cdcdcd; height:111px; margin-top:-1px; width:227px;}
.popup_dialog .ad_object .left{float:left; padding:14px 0 0;}
.popup_dialog .ad_object .left input{margin:8px 0 8px 15px;}
.popup_dialog .ad_object .right{float:right; padding:14px 15px 0 0;}
.popup_dialog .ad_object .right input{margin:8px 0 8px 0;}
.popup_dialog .bottom_btn p{margin:12px 0px 20px 0px; text-align:center;}


.popup_dialog .title_sm{background-color:#2f3a40; height:32px;}
.popup_dialog .title_sm .left{float:left;}
.popup_dialog .title_sm .left img{margin:9px 0px 0px 15px;}
.popup_dialog .title_sm .left p{margin:11px 0px 0px 15px;}
.popup_dialog .title_sm .right{float:right;}
.popup_dialog .title_sm .right img{margin:11px 15px 0px 0px;}

.popup_dialog .sub_contents_for_admanagerInfo{margin:8px 8px 8px 8px;}
.popup_dialog .table_wrapper {margin-top:8px;}
.popup_dialog .table_wrapper #admanagerInfoTable th:first-child {border-left:1px solid #dedede;}
.popup_dialog .table_wrapper #admanagerInfoTable th {color:#36434b;background-color:#fbfbfb;font-weight:bold;font-size:8pt;border:1px solid #dedede;border-left-width:0px;padding:8px 8px;}
.popup_dialog .table_wrapper #admanagerInfoTable td:first-child {border-left:1px solid #dedede;}
.popup_dialog .table_wrapper #admanagerInfoTable td {color:#36434b;font-size:8pt;border:1px solid #dedede;border-left-width:0px;border-top-width:0px;padding:4px 4px;line-height:17px;}
.popup_dialog .table_wrapper #admanagerInfoTable td a {color:#36434b;}
.popup_dialog .table_wrapper #admanagerInfoTable .text-center {text-align:center;}
.popup_dialog .table_wrapper #admanagerInfoTable .toptd {border-top-width:1px;}

.popup_dialog .table_wrapper #admanagerInfoTable .important {font-weight:bold;}
.tab_wrap{padding-left:0;}

@media only screen and (max-width: 640px) {
/*	table{overflow-x:scroll; display:inline-block; width:100% !important;}*/
	.table > thead > tr > th, .table > tbody > tr > th, .table > tfoot > tr > th, .table > thead > tr > td, .table > tbody > tr > td, .table > tfoot > tr > td{
		white-space:nowrap;
	}
	.top-header-control{float:none; text-align:center; margin:0; margin-bottom:10px; padding:10px; background:#f5f5f5; border:1px solid #ddd;}
		.top-header-control button{padding:5px 0;}
	.container{width:100% !important;}
	div.dataTables_wrapper div.dataTables_info{width:100%; text-align:center; margin-top:0 !important; margin-left:0 !important; margin:10px 0;}
	div.dataTables_wrapper div.dataTables_paginate{white-space:inherit !important; width:100%;}
	div.dataTables_wrapper div.dataTables_length label{width:100%;}
	div.dataTables_wrapper div.dataTables_length select{width:100% !important;}
	.btn-sm, .btn-group-sm > .btn{width:100% !important;}
	.btnCtrlInTable{float:none;}
	.btn{width:100%; margin:5px 0;}
	.btnCtrlInTable{margin-right:0 !important;}
/*	#graphContainer_ADQuery, #graphContainer_Click, #graphContainer, #graphContainer_ADFlow, #graphContainer_Conversion, #graphContainer_Conversion2{min-width:100% !important;}*/
	.input-group{width:100%;}
	.btn-group-justified > .btn, .btn-group-justified > .btn-group{display:block; width:100%;}
	.portlet-title-outside .portlet-title-leftctrl{width:100%;}
	.container{border-right:0 !important; border-left:0 !important;}
	.row{padding:0 15px;}
	.btn-xs, .btn-group-xs > .btn{padding:5px 0;}
	.btn-group, .btn-group-vertical{display:block;}
	.portlet-title-outside .portlet-title-rightctrl{width:100%;}
	.modal-dialog{width:100% !important; padding:10px; margin:0 !important;}
	.ui-datepicker-calendar{display:inline-table;}
	.col-xs-1, .col-sm-1, .col-md-1, .col-lg-1, .col-xs-2, .col-sm-2, .col-md-2, .col-lg-2, .col-xs-3, .col-sm-3, .col-md-3, .col-lg-3, .col-xs-4, .col-sm-4, .col-md-4, .col-lg-4, .col-xs-5, .col-sm-5, .col-md-5, .col-lg-5, .col-xs-6, .col-sm-6, .col-md-6, .col-lg-6, .col-xs-7, .col-sm-7, .col-md-7, .col-lg-7, .col-xs-8, .col-sm-8, .col-md-8, .col-lg-8, .col-xs-9, .col-sm-9, .col-md-9, .col-lg-9, .col-xs-10, .col-sm-10, .col-md-10, .col-lg-10, .col-xs-11, .col-sm-11, .col-md-11, .col-lg-11, .col-xs-12, .col-sm-12, .col-md-12, .col-lg-12{padding:0;}
	.navbar{position:absolute; width:100%; left:0; top:70px; z-index:999;}
	.btn-xs, .btn-group-xs > .btn{margin:0;}
	.container .tab{display:table; width:100%;}
		.container .tab a{display:table-cell; width:10%;}
		.container .tab .menu{width:100%;}
	.tab_wrap{padding-left:15px !important;}
}