@charset "utf-8";

/* BizSpring Insight 2.0 / Kihyun */
/******************************************************/
/**     ____  _      _____            _              **/
/**    / __ )(_)___ / ___/____  _____(_)___  ____ _  **/
/**   / __  / /_  / \__ \/ __ \/ ___/ / __ \/ __ `/  **/
/**  / /_/ / / / /____/ / /_/ / /  / / / / / /_/ /   **/
/** /_____/_/ /___/____/ .___/_/  /_/_/ /_/\__, /    **/
/**                   /_/                 /____/     **/
/**     _____   _______ ____________  ________       **/
/**    /  _/ | / / ___//  _/ ____/ / / /_  __/       **/
/**    / //  |/ /\__ \ / // / __/ /_/ / / /          **/
/**  _/ // /|  /___/ // // /_/ / __  / / /           **/
/** /___/_/ |_//____/___/\____/_/ /_/ /_/ by kihyun  **/
/**                                                  **/
/******************************************************/

/*

	TEST 123 123

*/


/** include bizspringLocalization.jshtml,body{width:100%; min-height:100%;} */
/** include bizspringLocalization.jshtml{overflow-y:scroll; height: 100%}*/
/** include bizspringLocalization.jsbody,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,form,fieldset,p,button{margin:0;padding:0;}*/
/** include bizspringLocalization.js file body,h1,h2,h3,h4,input,button,textarea{color:#898989; font-weight: 300;font-size:12px;font-family: 'Open Sans' , Nanum Gothic, verdana, Helvetica, 굴림,gulim, dotum, 돋움, sans-serif; } */
body{
	background-color:#f2f2f8;
	text-align:center;
	-ms-word-break:break-all;
	*word-break:break-all;
	-webkit-font-smoothing: antialiased;
	-moz-font-smoothing: antialiased;
	-o-font-smoothing: antialiased;
	font-smoothing: antialiased;
	}
img,fieldset,iframe{border:0 none;}
li{list-style:none;}
input,select,button,textarea { outline: none;vertical-align:middle;}
img{vertical-align:top;}
i,em,address{font-style:normal;}
label,button{cursor:pointer;}
button{margin:0;padding:0;}
button *{position:relative;}
button img{left:-3px;*left:auto;}
html:first-child select{padding-right:6px;height:20px;}
option{padding-right:6px;}
hr{display:none;}
legend{*width:0;}
table{border-spacing:0;/* border-collapse:collapse; */border-collapse:collapse;/* table-layout:fixed; */}
::-moz-selection { background: #EA4C89; color: #fff; text-shadow: none; }
::selection { background: #EA4C89; color: #fff; text-shadow: none; }

/* loader */
.loader {width: 46px; height: 46px; background: url(../images/loader.gif) #2cb7ff no-repeat center center; position: absolute; z-index: 999999; left: 50%; margin-left: -23px; top: 50%; margin-top: -23px; box-shadow: 0px 0px 7px #bdbdbd;}
.loader_back {width: 100%; height: 99999px; background: rgba(255,255,255,0.7); position: fixed; z-index:999998;} 
.loader_modal {width: 100%; height: 99999px; background: rgba(255,255,255,0.7); position: fixed; z-index:999996;}
.basicDialog_back {width: 100%; height: 100%; background: rgba(255,255,255,0.7); position: absolute; z-index:1000;}



/* input set */
input {
	-webkit-appearance:none;
}
select {
	-webkit-appearance:none;
}
input[type="text"]:hover {
	color: #5d5d5d;
}
input[type="password"]:hover {
	color: #5d5d5d;
}

label {
	display: inline-block; 
	margin-right: 20px; 
	padding-top: 0px;
	line-height: 22px;
	/*height: 18px;*/ 
	cursor: pointer;
	word-wrap: break-word;
}
/* 파란색 레이어 create_detail 위에 올라가 있는 label 에 대한 클래스 대응  
.create_deatil label {
	display: inline-block; 
	margin-right: 20px; 
	padding-top: 0px; 
	cursor: pointer;
}
*/
.radios {
	padding-top: 18px; 
	background: url(divider.png) repeat-x 0 0;
}
.label_check .jq_input,
.label_radio .jq_input  { margin-right: 10px; }
/* .label_radio .chzn-container {vertical-align: middle; */
.has-js .label_check,
.has-js .label_radio    { margin-top: 3px; padding-left: 25px; }
.has-js .label_radio    { background: url(../images/radio-off.png) no-repeat; }
.has-js .label_check    { background: url(../images/check-off.png) no-repeat; }
.has-js label.c_on      { background: url(../images/check-on.png) no-repeat; }
.has-js label.r_on      { background: url(../images/radio-on.png) no-repeat; }
.has-js .label_check .jq_input,
.has-js .label_radio .jq_input  { position: absolute; left: -9999px; }

a { color: inherit; text-decoration: none;cursor: pointer;}
a:hover {color: #50b8d9; text-decoration: none;}

.loginpass { padding: 2px 5px; border: 1px solid #eaeaea;background: #fff;}
.textarea_b {width: 664px; height: 100px; border-radius: 5px;background: #fff; outline: none; resize: vertical; color: #898989;
display: inline-block;border: 1px solid #ebebeb;
vertical-align: middle;
-webkit-transition: all 0.1s ease-in;
-ms-transition: all 0.1s ease-in;
transition: all 0.1s ease-in;
position: relative;}

.connectedSortable li {display: block; cursor: move; padding: 4px 15px;border-radius: 13px;background: #50b8d9;color: #fff;border: 1px solid #50b8d9 !important;font-size: 12px; margin-bottom: 5px; font-weight: bold;}
.connectedSortable .ui-sortable-helper {border: 1px dashed #c9c9c9 !important; opacity: .8;}
.connectedSortable .ui-sortable-placeholder {border: 1px dashed #c9c9c9 !important; background: #f2f2f8; opacity: .8; visibility: visible !important;}

.cz_toolbox .ui-slider {background: #54c5ff !important;border: 1px solid #87d6ff; position: relative; display: inline-block; width: 100px; border-radius: 0px; margin-left: 10px; top: 3px;}
.cz_toolbox .ui-slider-handle {background: #fff !important; border: none !important; width: 15px; height: 15px; border-radius: 0px; top: -2px !important;}


/* 제이쿼리 UI 아코디언 대체용 */
.ui-state-active, .ui-widget-content .ui-state-active, .ui-widget-header .ui-state-active {border: 1px solid #87d6ff; border-radius: 0px; background: #54c5ff; color: #fff; font-weight: bold; padding: 4px 6px;}
.ui-accordion .ui-accordion-header {border: 1px solid #87d6ff; border-radius: 0px; background: #54c5ff; color: #fff; padding: 4px 6px; margin-top: 4px;}
.ui-accordion .ui-accordion-content {border: none; border-radius: 0px; border-top: none; border-radius: 0px;background: none; padding: 4px 6px; margin-bottom: 5px;}
.ui-accordion .ui-accordion-content label {margin-right: 6px;}



/* colorset */

.bg_star {background: url(../images/btn_favo_b.png) no-repeat; background-size: 13px 13px;}

/* hight chart 8 파란색 */
.bg_blue {background: #009bd1; color: #fff;}
.bg_lblue {background: #99d7ed;}
.bg_blue2 {background: #4cb9df; color: #006284;}
.t_blue {color: #009bd1;}

/* hight chart 7 어두운 파란색 */
.bg_darkblue {background: #4663ae; color: #fff;}
.bg_ldarkblue {background: #b5c1df;}
.bg_darkblue2 {background: #7d91c6; color: #0c225b;}
.t_darkblue {color: #4663ae;}

/* hight chart 6 보라색 */
.bg_purple {background: #7c469b; color: #fff;}
.bg_lpurple {background: #cbb5d7;}
.bg_purple2 {background: #a37db9; color: #2f0348;}
.t_purple {color: #7c469b;}

/* hight chart 5 밝은 핑크  */
.bg_lightpink {background: #e93f97; color: #fff;}
.bg_llightpink {background: #f6b2d5;}
.bg_lightpink2 {background: #f078b6; color: #600a37;}
.t_lightpink {color: #e93f97;}

/* hight chart 4 핑크  */
.bg_pink {background: #ef055d; color: #fff;}
.bg_lpink {background: #f99bbe;}
.bg_pink2 {background: #f4508d; color: #711538;}
.t_pink {color: #ef055d;}

/* hight chart 3 오렌지 */
.bg_orange {background: #f8753e; color: #fff;}
.bg_lorange {background: #fcc8b2;}
.bg_orange2 {background: #fa9e78; color: #7f3516;}
.t_orange {color: #f8753e;}

/* hight chart 2 노랑  */
.bg_yellow {background: #f3ed2b; color: #000;}
.bg_lyellow {background: #faf8aa;}
.bg_yellow2 {background: #f7f26a; color: #817d0b;}
.t_yellow {color: #e3bc18;}

/* hight chart 1 연두 */
.bg_yellowgreen {background: #cbdb2a; color: #000;}
.bg_lyellowgreen {background: #eaf1aa;}
.bg_yellowgreen2 {background: #dae669; color: #6e7715;}
.t_yellowgreen {color: #acbb1a;}

/* hight chart 0 녹색  */
.bg_green {background: #64bc46; color: #fff;}
.bg_lgreen {background: #c1e4b5;}
.bg_green2 {background: #92d07d; color: #236b0a;}
.t_green {color: #64bc46;}

/* hight chart default */
.bg_default {background: #64bc46; color: #fff;}
.bg_ldefault {background: #c1e4b5;}
.bg_default2 {background: #92d07d; color: #236b0a;}
.t_default {color: #64bc46;}
 

.date_sat {background: #f5fbff;}
.date_sun {background: #fff6f5;}
 
 
/* btn set */
.btn_chart {display: inline-block; width: 25px; height: 16px; background: url(../images/btn_graph_01.png) no-repeat; margin-left: 10px; top: 3px; position: relative; cursor: pointer;}

.detail_search .btn_set {clear: both;padding: 15px 0px; text-align: center;}
.detail_search .btn_set .btn_cancel {color: #fff; background: none; border: none; cursor: pointer;}
.detail_search .btn_set .btn_confirm {background: white; color: #2CB7FF;}

.cz_toolbox .btn_set {clear: both;padding: 15px 0px; text-align: center;}
.cz_toolbox .btn_set .btn_cancel {color: #fff; background: none; border: none; cursor: pointer;}
.cz_toolbox .btn_set .btn_confirm {background: white; color: #2CB7FF;}

.thumb_info .btn_set {clear: both;padding: 15px 0px; text-align: center;}
.thumb_info .btn_set .btn_cancel {color: #fff; background: none; border: none; cursor: pointer;}
.thumb_info .btn_set .btn_confirm {background: white; color: #2CB7FF;}

/*
.bg_blueback .btn_set { clear: both;padding: 15px 0px; text-align: center;}
.bg_blueback .btn_set .btn_cancel {color: #fff; background: none; border: none; cursor: pointer;}
.bg_blueback .btn_set .btn_confirm {background: white; color: #2CB7FF;}
*/
.btn_set { clear: both;padding: 15px 0px; text-align: center;}
.btn_cancel { margin: 0px 3px;padding: 4px 15px; text-decoration: underline;}
.btn_cancel:hover {text-decoration: underline;}
.btn_confirm { margin: 0px 3px; padding: 4px 15px;border-radius: 13px;background: #50b8d9;color: #fff;border: 1px solid #50b8d9 !important; font-size: 12px; cursor: pointer; font-weight: bold;}
.btn_confirm:hover { background: #50b8d9; color: #fff;}
.btn_gray { margin:0px 3px; padding:7px 15px; border-radius:13px; background:#fafafa; border: 1px solid #eaeaea !important; font-size: 12px; cursor: pointer; font-weight: bold;}
.btn_gray:hover { background:#fafafa; }
/*.btn_confirm:hover {color: #fff;}*/

.btn_confirm_s_b { margin: 0px 1px;padding: 2px 4px; border: none; background: #fff; color: #2cb7ff; font-size: 12px; cursor: pointer; border-radius: 0px; }

.story_library_lv .btns_wrap { top:40px !important;}
.story_library_lv .btns_wrap div {height: 20px;}
.story_library_lv .btns_wrap .btn_list_zoom {width: 20px; background: url(../images/btn_zoomin.png) center center no-repeat;}
.story_library_lv .btns_wrap .btn_list_copy {width: 40px; background: url(../images/btn_copy.png) center center no-repeat;}
.story_library_lv .btns_wrap .btn_list_modi {width: 40px; background: url(../images/btn_setting_w.png) center center no-repeat;}
.story_library_lv .btns_wrap .btn_list_del {width: 20px; background: url(../images/btn_close_lg.png) center center no-repeat;}

.cz_toolbox .btns_wrap { top:10px !important; width: 190px; cursor: move; left: 0px; text-align: right;}
.cz_toolbox .btns_wrap div {height: 20px;}
.cz_toolbox .btns_wrap .btn_full {width: 20px; background: url(../images/btn_full_w.png) center center no-repeat;}
.cz_toolbox .btns_wrap .btn_min {width: 20px; background: url(../images/btn_min_w.png) center center no-repeat;}
.cz_toolbox .btns_wrap .btn_setting {width: 20px; background: url(../images/btn_setting_w.png) center center no-repeat;}
.cz_toolbox .btns_wrap .btn_ref {width: 20px; background: url(../images/btn_ref_w.png) center center no-repeat; }

td .btns_wrap {position: relative; top: 50% !important; margin-top: -30px;}
td .btns_wrap .btn_list_zoom {width: 20px; background: url(../images/btn_zoomin.png) center center no-repeat;}
td .btns_wrap .btn_list_zoom:hover {background: url(../images/btn_zoomin_hover.png) center center no-repeat;}

.contents_wrap .btns_wrap { top:23px; z-index: 100;}
.datacard_small .btns_wrap { top:10px;}
.datacard .btns_wrap { top:10px;}

.story_thumb .btns_wrap {top: 10px;}
.story_thumb .btns_wrap .btn_unfavo {background: url(../images/btn_favo.png) center bottom no-repeat;}
.story_thumb .btns_wrap .btn_unfavo:hover {background: url(../images/btn_favo_b.png) 0px 0px no-repeat;}
.story_thumb .btns_wrap .btn_favo {background: url(../images/btn_favo_b.png) center bottom no-repeat;}

.story_list_info dt .btn_unfavo {background: url(../images/btn_favo.png) center bottom no-repeat;}
.story_list_info dt .btn_unfavo:hover {background: url(../images/btn_favo_b.png) 0px 0px no-repeat;}
.story_list_info dt .btn_favo {background: url(../images/btn_favo_b.png) center bottom no-repeat;}


.btns_wrap {position: absolute; right: 10px;}
.btns_wrap div { position: relative; display: inline-block; margin-left: 8px;width: 16px; height: 16px; cursor: pointer; zoom: 1; *display:inline;}

.btns_wrap_left { position: relative; display: inline-block;height: 13px;}
.btns_wrap_left div { position: relative; display: inline-block; margin-top: 0px; margin-left: 3px;width: 15px; height: 15px; cursor: pointer; zoom: 1; *display:inline;}

.btn_delete {background: url(../images/btn_close_gray.png) center bottom no-repeat;}
.btn_delete:hover {background: url(../images/btn_close_black.png) center bottom no-repeat;}
.btn_setting {background: url(../images/btn_setting.png) center bottom no-repeat;}
.btn_setting:hover {background: url(../images/btn_setting_hover.png) center bottom no-repeat;}
.btn_full {background: url(../images/btn_full.png) center bottom no-repeat;}
.btn_full:hover {background: url(../images/btn_full_hover.png) center bottom no-repeat;}
.btn_min {background: url(../images/btn_min.png) center bottom no-repeat;}
.btn_min:hover {background: url(../images/btn_min_hover.png) center bottom no-repeat;}
.btn_logout {background: url(../images/btn_logout_white.png) center center no-repeat;}
.btn_logout:hover {background: url(../images/btn_logout_hover.png) center center no-repeat;}
.btn_gridv {background: url(../images/btn_grid.png) center center no-repeat;}
.btn_gridv:hover {background: url(../images/btn_grid_hover.png) center center no-repeat;}
.btn_listv {background: url(../images/btn_list.png) center center no-repeat;}
.btn_listv:hover {background: url(../images/btn_list_hover.png) center center no-repeat;}

.btn_list_zoom {background: url(../images/btn_zoomin_w.png) center center no-repeat;}
.btn_list_modi {background: url(../images/btn_setting_w.png) center center no-repeat;}
.btn_list_copy {background: url(../images/btn_copy_w.png) center center no-repeat;}
.btn_list_del {background: url(../images/btn_close_w.png) center center no-repeat;}

/* Favorite icon 노란색별 아이콘점 만들어 주셔요. ~ */
.btn_favo {background: url(../images/btn_favo_b.png) center bottom no-repeat;}
.btn_favo:hover {background: url(../images/btn_favo_b.png) center bottom no-repeat;}
.btn_unfavo {background: url(../images/btn_favo.png) center bottom no-repeat;}
.btn_unfavo:hover {background: url(../images/btn_favo_b.png) center bottom no-repeat;}

.datacard_small .btn_favo {background: url(../images/btn_favo_hover.png) center bottom no-repeat;}
.datacard_small .btn_favo:hover {background: url(../images/btn_favo_hover.png) center bottom no-repeat;}
.datacard_small .btn_unfavo {background: url(../images/btn_favo.png) center bottom no-repeat;}
.datacard_small .btn_unfavo:hover {background: url(../images/btn_favo_hover.png) center bottom no-repeat;}

.btn_setting_large {background: url(../images/btn_setting_large.png) center center no-repeat;}
.btn_setting_large:hover {background: url(../images/btn_setting_large_hover.png) center center no-repeat;}
.btn_logout_large {background: url(../images/btn_logout_large.png) center center no-repeat;}
.btn_logout_large:hover {background: url(../images/btn_logout_large_hover.png) center center no-repeat;}


/* Break set */
.break_dot {clear: both; height:20px; background: url(../images/line_w_dot.png) center center repeat-x; margin: 0px 26px;}
.vertical_divider { position: absolute; width:6px;background: url(../images/line_h_dot.png) center center repeat-y;}

.break_dot_w {clear: both; height:20px; background: url(../images/line_w_dot_w.png) center center repeat-x;}
.vertical_divider_w { position: absolute; width:6px;background: url(../images/line_h_dot_w.png) center center repeat-y;}

.slide_divider { position: absolute;background: url(../images/line_h_dot_w.png) center center repeat #eaeaea; cursor: ew-resize;}
.slide_divider:hover { position: absolute;background: url(../images/line_h_dot_w.png) center center repeat #2cb7ff; cursor: ew-resize;}

.clear_fix {clear: both;}

/* Float */
.fl_left {float: left;}

/* tab set */
.tab { position: relative;display: block;overflow-x: hidden; padding-top: 18px; text-align: left; }
.tab ul {min-width: 1500px;}
.tab li {display: inline-block; margin-right: 50px; font-size: 23px; zoom: 1; *display:inline;}
.tab .tab_on {color: #2f2e2e;cursor:Pointer;}
.tab .tab_off {color: #a4a3a2;cursor:Pointer;}

.subtab { position: relative;display: block; padding-top: 3px; text-align: left; }
.subtab li {display: inline-block; margin-right: 35px; font-size: 15px; zoom: 1; *display:inline;}
.subtab .tab_on {color: #2f2e2e;}
.subtab .tab_off {color: #a4a3a2;}

.tab_off:hover {color: #2cb7ff;}

.gnb_tab {height:41px; line-height: 41px;}
.gnb_tab ul {display: inline-block;}
.gnb_tab li { position: relative; display: inline-block; padding: 0px 45px 0px 33px;height:42px;border-right: 1px solid #eaeaea; background: #fff; color: #6b6968; font-size: 18px;}


.create_deatil .tab {margin-bottom: 15px; margin-top: 0px; padding: 10px 0px 10px 15px !important;}
.create_deatil .tab ul {min-width: 300px !important;}
.create_deatil .tab li { color: #fff;font-weight: 500; font-size: 20px;}
.create_deatil .tab .tab_on {color: #2f2e2e;}
.create_deatil .tab a:hover {color: #2f2e2e;}
.create_deatil .subtab {margin-bottom: 15px;}
.create_deatil .subtab li {margin: 1px 10px 1px 0px; padding: 1px 4px 1px 0px;}
.create_deatil .subtab .tab_on {background: #fff; }
.create_deatil .subtab .tab_on a {color: #2cb7ff;}
.create_deatil .subtab a { color: #fff;}
.create_deatil .subtab .tab_off a {color: #fff !important;}
.create_deatil .subtab .tab_off:hover {color: #2f2e2e  !important;}

/* list style */
.list_style1 { position: relative; overflow-x: hidden; margin-top: 10px; color: #2f2e2e;text-align: left; font-size: 18px;}
.mask_white { position: absolute; z-index: 300; width: 49px;background: url(../images/mask_white.png) repeat-y;}
.list_style1 ul {min-width: 1000px;}
.list_style1 li { padding: 5px 0px;line-height: 25px; -webkit-transition: background ease-out 0.4s; -ms-transition: background ease-out 0.4s;}
.list_style1 li:hover {background: #f5f5f5;}
.style1_number { display: inline-block; margin-right: 6px; padding-left: 23px; width: 60px;background: url(../images/bg_profile_gray.png) 5px no-repeat; color: #aeaeae; font-weight: 500; font-size: 23px; zoom: 1;}

.list_style2 { margin-bottom: 10px; color: #2f2e2e;text-align: left; font-size: 13px;}
.list_style2 li { position: relative; overflow: hidden; padding-right: 74px; width: 170px; text-overflow: ellipsis;white-space:nowrap;line-height: 23px;}
.style2_number {position: absolute; right: 0px; display: inline-block; width: 50px;color: #aeaeae; text-align: left; font-weight: 700; font-size: 14px;}

/* typo set */
h1 { display: inline-block; text-align: left; zoom: 1; *display:inline;font-size: 28px; line-height: 28px; color: #3a3a3a; }
h2 {color: #2f2e2e; font-size: 23px;}
h4 {color: #2f2e2e; font-weight: 500; font-size: 17px; line-height: 17px;}
.data1 {color: #2f2e2e; font-size: 30px; line-height: 29px;}
.data2 {font-weight: 700; font-size: 13px; line-height: 12px;}
.t_gray {color:#ababab; }
.t_blue {color: #50b8d9;}
.t_lgray {color: #dbdbe1;}

/* New Style */
.ns_function_btn {background: #fff; color: #5c5c5c; height: 28px; line-height: 28px; padding: 0px 15px; display: inline-block; vertical-align: middle; cursor: pointer;-webkit-transition: background 0.1s ease-in;-ms-transition: background 0.1s ease-in;transition: background 0.1s ease-in; margin-right: 5px; position: relative;}

.ns_function_btn:hover {background: #50b8d9; color: #fff;}
.ns_function_btn:hover a {color: #fff;}
.ns_btnsubmit {background: #50b8d9; color: #fff; border: 1px solid #50b8d9 !important; font-weight: bold;}

.ns_function_btn_active {background: #50b8d9; color: #fff; height: 28px; line-height: 28px; padding: 0px 15px; display: inline-block; vertical-align: middle; cursor: pointer;-webkit-transition: background 0.1s ease-in;-ms-transition: background 0.1s ease-in;transition: background 0.1s ease-in; margin-right: 5px; position: relative;}

.ns_function_textinput {background: #fff; color: #5c5c5c; height: 28px; line-height: 28px; padding: 0px 15px; display: inline-block; vertical-align: middle; cursor: pointer;-webkit-transition: all 0.1s ease-in;-ms-transition: all 0.1s ease-in;transition: all 0.1s ease-in; position: relative;}
 
.ns_function_textinput .icons {position: absolute; right: 10px; top: 4px;}
.ns_function_textinput input {height: 23px; border: none; background: #fff; display: block; position: relative; left: 0px; top: 0px; vertical-align: top; box-sizing: border-box;  width: 80%;}
.ns_function_textinput_rp input {height: 23px; border: none; background: #fff; display: block; position: relative; left: 0px; top: 0px; vertical-align: top; box-sizing: border-box; padding-right: 0px; width: 100%;}
.ns_function_textarea {background: #fff; color: #5c5c5c; padding: 15px; display: inline-block; vertical-align: middle; cursor: text;-webkit-transition: all 0.1s ease-in;-ms-transition: all 0.1s ease-in;transition: all 0.1s ease-in; position: relative;}
.ns_function_textarea textarea {border: none; background: #fff; display: block; position: relative; left: 0px; top: 0px; vertical-align: top; box-sizing: border-box; width: 100%;}

.background_white .ns_function_btn {border: 1px solid #ebebeb; height: 26px; line-height: 26px;}
.background_white .ns_function_btn:hover {background: #50b8d9; color: #fff; border: 1px solid #50b8d9;}
.background_white .ns_function_textinput {border: 1px solid #ebebeb; height: 26px; line-height: 26px; cursor: text;}
.background_white .ns_function_textinput:hover {border: 1px solid #c9c9c9; background: #fff;}
.background_white .ns_function_textarea {border: 1px solid #ebebeb;}
.background_white .ns_function_textarea:hover {border: 1px solid #c9c9c9; background: #fff;}

.moveSegment {background: #50b8d9; color: #fff; opacity: .9 !important;-webkit-box-shadow: 1px 1px 30px rgba(0,0,0,.15);-moz-box-shadow: 1px 1px 30px rgba(0,0,0,.15);box-shadow: 1px 1px 30px rgba(0,0,0,.15)}

.ns_table_box {padding: 10px 15px; height: 100%;}
.ns_table_box .icons {margin-left: 3px;-webkit-transition: all 0.1s ease-in;-ms-transition: all 0.1s ease-in;transition: all 0.1s ease-in;}
.ns_table_box .icons:hover {color: #50b8d9; }

.ns_function_btn_draghere {background: #e7e7ee; color: #5c5c5c; height: 24px; line-height: 24px; font-weight: bold; border: 2px dashed #ababb6; padding: 0px 15px; display: inline-block; vertical-align: middle; cursor: pointer;-webkit-transition: all 0.1s ease-in;-ms-transition: all 0.1s ease-in;transition: all 0.1s ease-in;}
.ns_function_btn_draghere.active {background: #e7e7ee; color: #5c5c5c; height: 24px; line-height: 24px; font-weight: bold; border: 2px dashed #50b8d9; padding: 0px 15px; display: inline-block; vertical-align: middle; cursor: pointer;-webkit-transition: all 0.1s ease-in;-ms-transition: all 0.1s ease-in;transition: all 0.1s ease-in;}

.ns_function_btn_text {display: inline-block; vertical-align: middle;}
.border_radius_for_function {border-radius: 13px;}
.icons {margin-left: 17px; font-size: 15px; line-height: 15px;}
.for_tooltip {margin-left: 4px; vertical-align: middle; color: #dbdadd; cursor: help;}
.for_tooltip:hover {color: #5abcdc;} 
.background_white {background: #fff;}

.ns_function_btn_sublist {display: none; z-index: 100; position: absolute; top: 27px; right: 0px; background: #fff;-webkit-box-shadow: 1px 1px 30px rgba(0,0,0,.15);-moz-box-shadow: 1px 1px 30px rgba(0,0,0,.15);box-shadow: 1px 1px 30px rgba(0,0,0,.15)}
.ns_function_btn_sublist li {display: block;}
.ns_function_btn_sublist li a {display: block; text-align: center; color: #5c5c5c !important;}
.ns_function_btn_sublist li a:hover {background: #aaaab5; color: #fff !important; -webkit-transition: all 0.1s ease-in; transition: all 0.1s ease-in;}
.ns_function_btn:hover .ns_function_btn_sublist {display: block;}

.box_title_right_function .combo_box {padding: 0px 0px 0px 15px !important;}
.background_white .combo_box {background: #fff; color: #5c5c5c; height: 28px; line-height: 28px; padding: 0px 15px; display: inline-block; vertical-align: middle; cursor: pointer; margin-right: 5px; position: relative; margin-top: -3px;}
.background_white .combo_box li:first-child {border-top-left-radius: 13px;border-bottom-left-radius: 13px; border-left: 1px solid #ebebeb;/*border-top: 1px solid #50b8d9; border-bottom: 1px solid #50b8d9;*/}
.background_white .combo_box li:last-child {border-top-right-radius: 13px;border-bottom-right-radius: 13px; /*border-top: 1px solid #50b8d9; border-bottom: 1px solid #50b8d9;*/}
.background_white .combo_box li {float: left; font-size: 12px; padding: 0px 8px;border-top: 1px solid #ebebeb;border-bottom: 1px solid #ebebeb;border-right: 1px solid #ebebeb;-webkit-transition: all 0.1s ease-in;-ms-transition: all 0.1s ease-in;transition: all 0.1s ease-in;}
.background_white .combo_box li:hover {background: #50b8d9; color: #fff;}
.background_white .combo_box .active {background: #50b8d9; color: #fff;/* border: 1px solid #50b8d9; */}

/* funnel chart */
.funnel_wrap {width: 2500px;}
.funnel_step {display: inline-block; position: relative; width: 325px; margin-right: 10px; vertical-align: top;}
.funnel_step_title {display: block; font-size: 20px; color: #50b8d9; margin-bottom: 6px;}
.funnel_detail {position: relative; margin-bottom: 15px;}
.funnel {width: 183px; height: 79px; padding: 10px; background: url(../images/funnel.png) no-repeat; position: relative; color : #fff;}
.funnel_arrow {width: 100px; height: 99px; background: url(../images/funnel_arrow.png) no-repeat center 40px; position: absolute; left: 213px; top: 0px; }
.funnel_data_title {font-size: 12px; color: #d95050; margin-bottom: 5px;}
.funnel_data {font-size: 30px;}
.funnel_data_in {display: inline-block; color: #50b8d9; position: absolute; left: 15px; top: 24px;}
.funnel_data_out {display: inline-block; color: #d95050; position: absolute;left: 25px; top: 60px;}
.funnel_result {width: 99px; height: 74px; padding-top: 25px; background: url(../images/funnel_result.png) center center; position: absolute; left: 213px; top: 0px; color: #fff; text-align: center;}
.funnel_result_number {display: block; font-size: 20px;}
/*.funnel_change {font-size: 12px; display: inline-block; margin-top: 3px;}*/

/* seg set */
/*.seg_wrap {text-align: left; padding: 0px 26px 26px 26px;}*/
.seg_wrap {text-align: left; padding: 0px 26px 18px 26px;}

.seg_wrap .group_dot {vertical-align: middle; margin-right: 5px;}
.seg_wrap .icons {vertical-align: middle; color: #dbdadd;}
.seg_config {background: #fff; border-radius: 5px; margin-top: 18px;}
.seg_contents {padding: 12px 17px; line-height: 40px;}
.seg_contents1 {padding: 12px 0px; line-height: 40px;} 
.create_seg_title {margin-top: 5px; font-size: 12px; font-weight: bold; line-height: 16px;}
.seg_contents label {height: 22px; line-height: 22px; vertical-align: top ;}
.create_setset {display: inline-block; position: relative; height: 22px; line-height: 22px; vertical-align: middle;}
.create_setset_res {display: inline-block; position: relative; height: 22px; line-height: 22px; border-radius: 13px; background: #50b8d9; color: #fff; padding: 0px 10px;}
.create_setset_res .icons {color: #fff;}
.create_setset_res .icons:hover  {color: #fff;}
.seg_contents .ns_function_btn {cursor: move;}

/* box model */
.contents_utility_box .box_title {color: #5c5c5c; font-size: 12px;}
.box_title {height: 44px; line-height: 44px; border-bottom: 1px solid #efeff1; padding: 0px 19px; font-size: 16px; color: #50b8d9; position: relative; text-align: left; border-top-left-radius: 6px; border-top-right-radius: 6px;}
.box_title .ns_function_btn {margin-left: 10px; vertical-align: middle; margin-top: -3px; font-size: 12px;}
.box_title .ns_function_btn_active {margin-left: 10px; vertical-align: middle; margin-top: -3px; font-size: 12px;}
.box_title .ns_function_textinput {vertical-align: middle; margin-top: -3px; font-size: 12px;}
.box_title .chzn-container {vertical-align: middle; margin-top: -3px; font-size: 12px;}
.box_title_right_function {height: 44px; line-height: 44px; position: absolute; right: 15px; top: 0px;}
.box_title_left_function {height: 44px; line-height: 44px; position: absolute; left: 15px; top: 0px;}
.contents_utility_box {margin: 0px 26px; border-radius: 13px;}

/* title set */
.title_wrap { position: relative; text-align: left; /*height: 87px;*/ font-weight: light; padding: 0px 26px;}
.title_wrap h1 {line-height: 87px; margin-right: 15px;}
/* .tlt {width:50%; float:left; white-space:nowrap;} */
.title_wrap .title {padding:10px 0px 30px 0px; font-size:16px; margin-right: 15px;}
.subclasstitle {font-size: 12px; position: ralative; padding-bottom: 20px; margin-top: -23px;}
.search_wrap { position: relative; top: -9px; display: inline-block; margin-left: 15px; padding: 0px 20px;width: 163px; height:30px; background: url(../images/bg_search.png) no-repeat; zoom: 1; *display:inline;}
.btn_search { position: absolute; top:1px; right: 1px;width: 28px; height:28px; background: url(../images/btn_search.png) no-repeat; cursor: pointer;}
.btn_search:hover {background: url(../images/btn_search_hover.png) no-repeat;}

.title_wrap_left_functions {height: 28px; text-align: left; padding: 0px 0px 27px 0px; margin-left: 26px;}
.title_wrap_left_functions .ns_function_btn {margin-right: 13px; margin-right: 0px;}
.title_wrap_right_functions {height: 28px; text-align: right; padding: 32px 0px 27px 0px; position: absolute; right: 26px; top: 0px; text-align: left;}
.title_wrap_right_functions .ns_function_btn {margin-left: 13px; margin-right: 0px;}
.title_wrap_right_functions .chzn-container {margin-left: 13px; margin-right: 0px;} 
.box_title_right_function .ns_function_btn {margin-right: 0px;}
.btn_function_export .ns_function_btn_sublist {width: 130px;}
.btn_function_date .ns_function_btn_sublist  {width: 70px; }

.btn_down { position: absolute; top:1px; right: 1px;width: 28px; height:28px; background: url(../images/btn_down.png) center center no-repeat; cursor: pointer;}
.btn_down:hover {background: url(../images/btn_down_hover.png) center center no-repeat;}

.searchbar {width: 152px; height:28px; border: none; background: none; line-height: normal; line-height: 28px;}

.site_select { position: relative; top: -4px;display: inline-block; margin-left: 7px; padding: 0px 33px 0px 20px; height: 28px; border: 1px solid #eaeaea;  font-size: 14px; line-height: 28px; zoom: 1; *display:inline;}
.site_select .btn_down {position: absolute;top:1px;right: 6px;}

.create_some { position: relative; top: -7px; display: inline-block; margin-left: 7px; padding: 0px 23px 0px 10px; height: 28px;background: #2cb7ff; color: #fff; font-weight: 500;  font-size: 14px; line-height: 28px; zoom: 1; *display:inline;}
.create_some .btn_down { position: absolute; top:1px;right: 1px;background: url(../images/btn_down_w.png) no-repeat center center;}
.create_some .btn_down:hover {background: url(../images/btn_down.png) no-repeat center center;}
.create_some:hover .create_submenu {display: block;}
.create_submenu { position: absolute; left: 0px; z-index: 300; display: none; background: #2cb7ff; font-size: 12px; padding-right: 15px;}
.create_submenu a:hover {color: inherit; text-decoration: underline;}
.create_submenu li { margin-left: 10px; padding-top: 1px; padding-left: 17px;background: url(../images/btn_add.png) no-repeat left center; }
.create_submenu .submenu_del { margin-left: 0px !important; padding-top: 1px; padding-left: 27px;background: url(../images/btn_del.png) no-repeat 10px center #ef055d; }

.detail_search {display: block; top: -10px; background: #fff; position: relative; padding: 5px;  border-radius: 4px; box-shadow: 0px 0px 10px #e4e4e4; margin: 0px 26px;}
.detail_search .dateform {border: 1px solid #fff;}
.detail_search .detail_search_contents {padding: 15px; width: 320px;}
.blue_tri {position: absolute; width: 12px; height: 12px; top: 53px; right: 7px; background: #2cb7ff; -webkit-transform: rotate(45deg); -moz-transform: rotate(45deg); -ms-transform: rotate(45deg); -o-transform: rotate(45deg); tranform: rotate(45deg); tranform: rotate(45deg);}

/* pop */

.ui-draggable_alert {min-width: 330px; padding: 20px 10px 10px 10px !important;
border: 1px solid #eaeaea;
background: #fff;
box-shadow: 0px 0px 10px #e4e4e4;
}

#popup_message {font-size: 23px;}
#popup_title {display: none;}

.create_palette { position: absolute; z-index: 1001;display:none;/* width:100%;*/ height:100%;background-color:#fff;}
.create_some_pop {  z-index: 1001;  padding: 45px;/*  background: #2cb7ff; color: #fff; */}
/* **.create_some_pop table th,td {color: #fff !important; */
.create_some_pop .title_wrap {padding-left: 10px;}
.create_some_pop .title_wrap h1 {/*color: #fff;*/}
/*
.create_some_pop .btn_cancel { margin: 0px 3px;padding: 4px 15px; color: #fff; text-decoration: underline;}
.create_some_pop .btn_cancel:hover {text-decoration: underline;}
.create_some_pop .btn_confirm { margin: 0px 3px;padding: 4px 15px; background: #fff; color: #2cb7ff; font-size: 16px;}
/*.create_some_pop .btn_confirm:hover {color: #2cb7ff;}*/

.pop_background { position: absolute; z-index: 1000; width: 100%; height: 100%;background: #fff; opacity: 0.8;}
.create_some_pop a {/*color: #fff;*/}
.create_contents { margin-top: 3px; text-align: left;}

.trash_contents { float: right; margin: 0px 3px 3px 0px; padding: 6px; width: 100px; height: 100px; background: url(../images/btn_trash.png) #50b8d9 no-repeat center 30px; color: #fff;text-align: left; -webkit-transition: background ease-out 0.1s; -ms-transition: background ease-out 0.1s;}
.trash_contents2 {background: url(../images/btn_trash_hover.png) #50b8d9 no-repeat center 29px;/*box-shadow: 0px 0px 10px #1588c4;*/}
.ui-widget-header {color: #2cb7ff; background: #fff; border: none; padding: 2px 6px;}

.create_contents input[type="text"] {}
.create_contents ::-webkit-input-placeholder {}
/* .create_contents input {display: inline-block; */
/* vertical-align: top; */
/* .name_here { padding: 2px 3px; width: 270px; border: 2px dashed #87d6ff;background: #54c5ff; color: #fff; font-weight: 500; font-size: 13px;} */
.img_star { display: inline-block; width: 17px; height: 17px; border-radius: 50%; vertical-align: middle;}
.blue_text_input { margin-top: -2px; width: 80px; border: 1px solid #87d6ff; border-radius: 0px;background: #54c5ff; color: #fff !important;}
.white_text_input { margin-top: -2px; width: 80px; border: 1px solid #ffffff; border-radius: 0px; }
.blue_text_area { margin-top: -2px; width: 80px; border: 1px solid #87d6ff; border-radius: 0px;background: #54c5ff; color: #fff !important; resize: vertical;}
.color_text {display: inline-block; margin-left: 3px; position: relative; top: -3px;}
.w_text_input { margin-top: -2px; width: 80px; border: 1px solid #eaeaea; border-radius: 0px;background: #fff;  }

.blue_select { margin-left: 4px; padding: 0px 16px 0px 5px; width: 150px; height: 20px; border: 1px solid #fff; border-radius: 0px;background: url(../images/btn_down_w.png) no-repeat 135px center #2cb7ff; color: #fff;}
.blue_mselect { margin-left: 4px; width: 95%; height: 90px; border: 1px solid #fff; border-radius: 0px;background:#2cb7ff; color: #fff;}
.blue_mselect option {padding: 4px 7px;color: #fff;}

    #sortable { margin: 0; padding: 0; list-style-type: none; }
    
    .sortable_background_div {position: absolute; left: 0px; top: 0px; width: 100%; height: 100%; z-index: 0;} 
    
    #sortable li { }
    html>body #sortable li { }
    .ui-state-highlight1 { float: left;  width: 200px; height: 100px; border: 1px dashed #87d6ff !important;background: #54c5ff !important;}

.ceate_sortable li { float: left; margin: 0px 3px 3px 0px; padding: 6px; width: 200px; /*height: 120px;*/ border: 1px solid #ebebeb; border-radius: 13px; cursor: move;-webkit-transition: background ease-out 0.1s; -ms-transition: background ease-out 0.1s;transition: background ease-out 0.1s;}
.ceate_sortable li:hover { border: 1px dashed #ebebeb;}
.ceate_sortable .add_detail {text-align: center; font-weight: 500; line-height: 120px; font-size: 15px;}
.ceate_sortable .add_detail:hover {border: 1px solid #50b8d9; cursor: pointer;background: #50b8d9; color: #fff;}

.create_deatil {position: absolute; top: 50px; left: 50%; z-index: 5000; display:none; margin-left: -350px; width: 700px; padding-bottom: 10px; background: #fff; box-shadow: 0px 0px 10px #e4e4e4;}
.create_deatil .cal_title {}
.create_deatil .cal_title h1 {}
.create_filter { position: relative; display: inline-block; margin: 1px 2px 1px 0px; padding: 1px 24px 1px 4px; border: 1px solid #87d6ff;background: #54c5ff;}
.filter_close {position: absolute; top: 3px; right: 4px; width: 13px; height: 13px; background: url(../images/btn_close_small.png) no-repeat center center;}
.create_deatil .btn_cancel { margin: 0px 3px;padding: 4px 15px; text-decoration: underline;}
.create_deatil .btn_cancel:hover {text-decoration: underline;}
/*.create_deatil .btn_confirm { margin: 0px 3px;padding: 4px 15px; background: #fff; color: #2cb7ff; font-size: 16px;}*/
/*.create_deatil .btn_confirm:hover {color: #2cb7ff;}*/
/*.add_filter { position: relative; margin-top: -2px; padding-left: 8px; width: 532px; height: 20px; border: 1px solid #87d6ff; border-radius: 0px;background: #54c5ff;}*/
/*.add_filter input[type="text"] { width: 490px; height: 16px; border: none;background: #54c5ff;}*/
.add_filter .search_filter {position: absolute; top: 3px; right: 3px; width: 13px; height: 13px; background: url(../images/btn_search_w.png) no-repeat center center;}
.filter_list { position: absolute; top: 19px; left: -1px; z-index: 5001;display:none; padding: 10px; width: 520px; border: 1px solid #eaeaea;
background: #fff;
box-shadow: 0px 0px 10px #e4e4e4;}

/* layout */
.contents_container {  position: relative; margin-left: 120px; padding: 61px 0px; min-width: 1145px;}
.contents_container_overview {margin-left: 0px;}
.contents_wrap {position: relative; text-align: left;}
.contents {position: relative; margin-top: 15px; padding-bottom: 20px; opacity:0;}
.navigation_wrap {margin-bottom: 20px;}
.contents_header {margin-bottom: 5px; height: 20px; position: relative; vertical-align: middle;}
.table_option {position: absolute; right: 0px; top: -1px;}
.contents_qa {margin-bottom: 15px; margin: 0px 26px; margin-bottom: 20px;}
.contents_warn {margin-bottom: 15px; background: rgb(249,81,81); padding: 15px; color: #fff;}
.contents_noti {margin-bottom: 15px; background: rgb(97,194,18); padding: 15px; color: #fff;}

.loginpage_body {
width: 100%; height: 100%;
background: #ffffff; /* Old browsers */
/* IE9 SVG, needs conditional override of 'filter' to 'none' */
background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIxMDAlIiB5Mj0iMTAwJSI+CiAgICA8c3RvcCBvZmZzZXQ9IjAlIiBzdG9wLWNvbG9yPSIjZmZmZmZmIiBzdG9wLW9wYWNpdHk9IjEiLz4KICAgIDxzdG9wIG9mZnNldD0iMTAwJSIgc3RvcC1jb2xvcj0iI2U1ZTVlNSIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgPC9saW5lYXJHcmFkaWVudD4KICA8cmVjdCB4PSIwIiB5PSIwIiB3aWR0aD0iMSIgaGVpZ2h0PSIxIiBmaWxsPSJ1cmwoI2dyYWQtdWNnZy1nZW5lcmF0ZWQpIiAvPgo8L3N2Zz4=);
background: -moz-linear-gradient(-45deg,  #ffffff 0%, #e5e5e5 100%); /* FF3.6+ */
background: -webkit-gradient(linear, left top, right bottom, color-stop(0%,#ffffff), color-stop(100%,#e5e5e5)); /* Chrome,Safari4+ */
background: -webkit-linear-gradient(-45deg,  #ffffff 0%,#e5e5e5 100%); /* Chrome10+,Safari5.1+ */
background: -o-linear-gradient(-45deg,  #ffffff 0%,#e5e5e5 100%); /* Opera 11.10+ */
background: -ms-linear-gradient(-45deg,  #ffffff 0%,#e5e5e5 100%); /* IE10+ */
background: linear-gradient(135deg,  #ffffff 0%,#e5e5e5 100%); /* W3C */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#e5e5e5',GradientType=1 ); /* IE6-8 fallback on horizontal gradient */}
.loginpage_body body {background: transparent;}

.contents_section {margin-bottom: 10px;}

.contents_nav {display: block; margin: 25px 0px 15px 0px; border-bottom: 1px solid #e1e1e1; padding: 0px 26px; text-align: left;}
.contents_nav li {display: inline-block; font-weight: 700; margin-bottom: -1px;padding: 12px 18px; }
.contents_nav .on {background:#f2f2f8; border-top: 4px solid #50b8d9;border-left: 1px solid #e1e1e1;border-right: 1px solid #e1e1e1; border-top-left-radius: 2px;border-top-right-radius: 2px;
background-image: -webkit-gradient(
	linear,
	left top,
	left bottom,
	color-stop(0, #FFFFFF),
	color-stop(1, #F2F2F8)
);
background-image: -o-linear-gradient(bottom, #FFFFFF 0%, #F2F2F8 100%);
background-image: -moz-linear-gradient(bottom, #FFFFFF 0%, #F2F2F8 100%);
background-image: -webkit-linear-gradient(bottom, #FFFFFF 0%, #F2F2F8 100%);
background-image: -ms-linear-gradient(bottom, #FFFFFF 0%, #F2F2F8 100%);
background-image: linear-gradient(to bottom, #FFFFFF 0%, #F2F2F8 100%);

}

.create_deatil .contents_nav .on {background:#fff; border-top: 4px solid #50b8d9;border-left: 1px solid #e1e1e1;border-right: 1px solid #e1e1e1; border-top-left-radius: 2px;border-top-right-radius: 2px;
background-image: -webkit-gradient(
	linear,
	left top,
	left bottom,
	color-stop(0, #FFFFFF),
	color-stop(1, #F2F2F8)
);
background-image: -o-linear-gradient(bottom, #FFFFFF 100%, #F2F2F8 0%);
background-image: -moz-linear-gradient(bottom, #FFFFFF 100%, #F2F2F8 0%);
background-image: -webkit-linear-gradient(bottom, #FFFFFF 100%, #F2F2F8 0%);
background-image: -ms-linear-gradient(bottom, #FFFFFF 100%, #F2F2F8 0%);
background-image: linear-gradient(to bottom, #FFFFFF 100%, #F2F2F8 0%);

} 


.contents_nav .on a {color: #50b8d9;}
.contents_nav .on a:hover {color: #50b8d9;}
.contents_nav .off {/*background: #eaeaea; padding: 4px 10px; */}

.table_nav {display: block; margin: 25px 0px 8px 0px; padding: 0px 26px;}
.table_nav li {display: inline-block;  margin-bottom: -1px;padding: 4px 7px; font-weight: bold;}
.table_nav .on {color: #50b8d9;}

/* gnb */
.gnb_container { position: fixed; width: 100%; height: 45px; min-width: 1280px; background: #e7e7ee; z-index: 10000;}
.gotohome { float: left; padding-right:15px; width: 65px; height: 41px; border-right: 1px solid #eaeaea; border-bottom: 1px solid #eaeaea; background: url(../images/dot_right.png) no-repeat 64px center; text-align: center; font-size: 12px; line-height: 41px; padding-left: 11px;}
.gnb_right {position: absolute; top:0px; right: 7px; padding-top: 12px;}
.site_selector {width: 356px; height: 31px; border: 7px solid #aaaab5; position: absolute; left: 110px; top: 0px; background: #f4f4f4;transition: all ease-out 0.6s; -webkit-transition: all ease-out 0.6s;}
.site_selector:hover {width: 356px; height: 31px; border: 7px solid #383838; position: absolute; left: 110px; top: 0px; background: #222222;}
.site_selector:hover .site_web {background: url(../images/site_web.png) left center no-repeat; padding-left: 25px; margin-left: 10px;}
.site_selector:hover .site_app {background: url(../images/site_app.png) left center no-repeat; padding-left: 25px; margin-left: 10px;}
.site_name {display: block; width: 100%; position: relative; text-align: left; line-height: 31px;}
.site_web {background: url(../images/site_web01.png) left center no-repeat; padding-left: 25px; margin-left: 10px;}
.site_app {background: url(../images/site_app01.png) left center no-repeat; padding-left: 25px; margin-left: 10px;}
/*
.gnb_right_btns {text-align: right; position: absolute; right: 16px; top: 0px;}
.gnb_right_btns li {margin: 0px 14px; height: 45px; line-height: 45px; display: inline-block;}
.gnb_right_btns li a {display: inline-block; width: 100%; height: 100%;}
*/
.gnb_profile { position: absolute; top: 0px; right: 26px; min-width: 110px;height: 45px;  color: #fff;  line-height: 45px; }
.gnb_profile a { display: block; padding: 0px 10px; height: 100%;background: #aaaab5; color: #fff; -webkit-transition: all 0.1s ease-in; transition: all 0.1s ease-in;}
.gnb_profile a:hover { background: #8c8c8c;text-decoration: none;}
.gnb_profile:hover .gnb_profile_submemu {display: block;}
.gnb_profile_submemu { position: absolute; top: 45px; right: 0px;display: none; width: 100%; background: #fff;-webkit-box-shadow: 1px 1px 30px rgba(0,0,0,.15);-moz-box-shadow: 1px 1px 30px rgba(0,0,0,.15);box-shadow: 1px 1px 30px rgba(0,0,0,.15); padding: 0px; -webkit-transition: all 0.1s ease-in; transition: all 0.1s ease-in;-ms-box-shadow: 1px 1px 30px rgba(0,0,0,.15) padding: 0px;-ms-}
.gnb_profile_submemu_list li {display: block; margin: 0px; padding: 0px; width: 100%;}
.gnb_profile_submemu_list li a { display: block;margin: 0px; padding: 0px 10px; /*height: 35px;*/  background: #fff;color: #7a88a4; line-height: 25px;}
.gnb_profile_submemu_list li a:hover {background: #8e97a8; color: #fff;;}

.container_GNB {height: 61px; position: fixed; top: 0px; width: 100%; left: 0px; background: #e7e7ee; z-index: 2002;}
.container_logo {width: 110px; height: 61px; background: #50b8d9; border-right: 8px solid #73c6e1; float: left;}
.container_GNB_nav {height: 60px; border-bottom: 1px solid #dddde5; margin-left: 118px;}
.wrap_GNB_nav {text-align: left;}
.GNB_nav_list {line-height: 60px; display: inline-block; vertical-align: top;}
.GNB_nav_list a {display: block; height: 60px; padding: 0px 40px; font-size: 13px; color: #5c5c5c;}
.GNB_nav_list a:hover {color: #009bd1;}
.wrap_GNB_nav .active {background: #f2f2f8; height: 61px; border-left: 1px solid #dddde5; border-right: 1px solid #dddde5;}
.wrap_GNB_nav .active a { color: #009bd1; border-top: 4px solid #009bd1; height: 56px;}

.container_profile_select {position: absolute; right: 0px; top: 0px; text-align: right; cursor: pointer;}
.wrap_profile_select { padding-top: 10px;margin-right: 25px;}
.container_profile_select .icon-caret-down {position: absolute; right: 0px; top: 0px; height: 60px; width: 20px; display: inline-block; vertical-align: top; line-height: 60px; text-align: center;}
.container_profile_select:hover {color: #5c5c5c;}
.user_profile {}
.selected_profile  {}
.wrap_profile_list {-webkit-box-shadow: 0 0 14px rgba(128,126,125,.15); -moz-box-shadow: 0 0 14px rgba(128,126,125,.15); box-shadow: 0 0 14px rgba(128,126,125,.15);border: solid 1px #dddde5;
width: 369px;background: #fff; cursor: normal; position: fixed; top: 55px; right: 10px;}
.wrap_profile_list_name {height: 63px; padding: 23px 23px 23px 104px; text-align: left;}
.wrap_profile_list_btngroup {margin-top: 6px;}
.GNB_profile_id { margin-top: 10px; display: block;}
.GNB_profile_img {float: left; margin-left: -79px;}
.wrap_profile_list_divide {height: 1px; background: #eaeaea; margin: 0px 23px; margin-bottom: 15px;}
.wrap_profile_list_search {padding: 0px 23px;}
.profile_list {padding: 15px 23px 23px 23px; height: 150px;}
.profile_list ul {text-align: left;}
.profile_list_li {margin-bottom: 4px; line-height: 23px;}
.profile_for_web {background: #7cb6f0; color: #fff; border-radius: 3px; width: 40px; text-align: center; font-weight: bold; display: inline-block; margin-right: 10px;}
.profile_for_app {background: #f7ae72; color: #fff; border-radius: 3px; width: 40px; text-align: center; font-weight: bold; display: inline-block; margin-right: 10px;}


/* paging */
.paging { position: relative;padding: 10px 0px; text-align: center;}
.paging span {display: inline-block; margin: 0px 5px; padding: 1px 6px; zoom: 1; *display: inline;}
.paging_on {background: #50b8d9; color: #fff; border-radius: 100%; font-weight: bold;}
.table_cell .chzn-single {text-align: left;} 

/* admin left */
.admin_navigation {text-align: left;}
.admin_navigation_title {font-size: 15px; font-weight: bold; margin: 20px 0px 10px 10px; display: block; color: #cbcbcb;}
.admin_navigation_1d {padding: 5px 0px;} 
.admin_navigation a {color: #acacac; display: block;}
.admin_navigation a:hover {color: #50b8d9;}
.admin_navigation_list_1d {width: 100%; padding: 0; margin: 0; border-top: 1px solid rgba(255, 255, 255, 0.1); border-bottom: 1px solid rgba(0, 0, 0, 0.1);}
.admin_navigation_list_1d .icons {margin-left: 3px;}
.admin_navigation_list_1d a {width: 100%; display: inline-block; padding: 1em; color: #f2f2f2; border-left: 3px solid transparent; font-size: 14px;transition: all ease-out 0.2s; -webkit-transition: all ease-out 0.2s;}
.admin_navigation_list_1d a:hover {border-left: 3px solid; color: #50b8d9 ;background-color: rgba(255, 255, 255, 0.05);} 
/*.active_admin_navigation_1d {border-left: 3px solid #50b8d9;}*/
.active_admin_navigation {background:#50b8d9; color: #fff; border-radius: 4px;}
.active_admin_navigation a {color: #fff; }
.active_admin_navigation a:hover {color: #fff; }
.admin_navigation_2d {background-color: rgba(255, 255, 255, 0.05);}
.admin_navigation_list_2d {width: 100%; padding: 0; margin: 0; border-top: 1px solid rgba(255, 255, 255, 0.1); border-bottom: 1px solid rgba(0, 0, 0, 0.1);}

.container_setting_main {max-width: 1400px;}
.setting_contents {text-align: left; margin-left: -120px; padding: 26px; display: block;}
.setting_redponsive {width: 430px; display: inline-block; vertical-align: top; margin-bottom:10px;}
.setting_redponsive .wrap_setting_left_list {padding-right: 20px; width: 230px;}
.setting_left {width: 200px; float: left; display: inline-block; vertical-align: top;}
.wrap_setting_contents {display: block; vertical-align: top; padding-left: 230px;} 
.setting_left_list {margin-bottom: 15px; background: #fff; border-radius: 15px; line-height: 30px; padding: 0px 20px;}
.setting_left_list a {display: block; }
.setting_left_list_back {margin-bottom: 15px;  line-height: 30px;  display: inline-block; }
.setting_left_list_back .icon-chevron-sign-left {padding: 0px 10px; background: #dddde5; display: inline-block; line-height: 30px; border-radius: 5px; font-size: 15px; margin-right: 10px;}
.setting_left_list_back a {color: #5c5c5c;}
.wrap_setting_left_list .active {background: #50b8d9;}
.wrap_setting_left_list .active a {color: #fff;}
.setting_nav_title {margin-bottom: 10px; font-size: 20px; line-height: 20px; color: #3a3a3a; display: block; padding-left: 0px;}
.setting_left .setting_nav_title {margin-bottom: 34px; font-size: 25px; line-height: 25px; color: #3a3a3a; display: block; padding-left: 0px;}
.setting_redponsive .chzn-container {margin-bottom: 15px;}
.setting_redponsive .wrap_setting_left_list {border-radius: 15px; margin-bottom:20px; display: inline-block; vertical-align: middle;}
.setting_redponsive .setting_left_list {line-height: 40px; margin-bottom: 15px; background: transparent; line-height: 30px; border-radius: 0px; margin-bottom: 15px; font-size: 15px;}
.setting_redponsive .setting_left_list a {line-height: 20px;}

.setting_lefticon {width: 166px; height: 166px;  border: 1px solid #d5d5df; border-radius: 4px; text-align: center; display: inline-block; vertical-align: top; line-height: 232px; font-size: 15px; font-weight: bold; color: #7e7e8c; transition: all ease-out 0.1s; -webkit-transition: all ease-out 0.1s;}
.setting_left_m0001 .setting_lefticon {background: url(../images/setting_m0001.png) no-repeat center 50px #e1e1ea;} 
.setting_left_m0001:hover .setting_lefticon {background: url(../images/setting_m0001_hover.png) no-repeat center 50px #43aad0; border: 1px solid #43aad0; color: #fff;}
.setting_left_m0002 .setting_lefticon {background: url(../images/setting_m0002.png) no-repeat center 35px #e1e1ea;} 
.setting_left_m0002:hover .setting_lefticon {background: url(../images/setting_m0002_hover.png) no-repeat center 35px #43aad0; border: 1px solid #43aad0; color: #fff;}
.setting_left_m0003 .setting_lefticon {background: url(../images/setting_m0003.png) no-repeat center 40px #e1e1ea;} 
.setting_left_m0003:hover .setting_lefticon {background: url(../images/setting_m0003_hover.png) no-repeat center 40px #43aad0; border: 1px solid #43aad0; color: #fff;}
.setting_left_m0004 .setting_lefticon {background: url(../images/setting_m0004.png) no-repeat center 50px #e1e1ea;} 
.setting_left_m0004:hover .setting_lefticon {background: url(../images/setting_m0004_hover.png) no-repeat center 50px #43aad0; border: 1px solid #43aad0; color: #fff;}
.setting_left_m0005 .setting_lefticon {background: url(../images/setting_m0005.png) no-repeat center 40px #e1e1ea;} 
.setting_left_m0005:hover .setting_lefticon {background: url(../images/setting_m0005_hover.png) no-repeat center 40px #43aad0; border: 1px solid #43aad0; color: #fff;}
.setting_left_m0006 .setting_lefticon {background: url(../images/setting_m0006.png) no-repeat center 50px #e1e1ea;} 
.setting_left_m0006:hover .setting_lefticon {background: url(../images/setting_m0006_hover.png) no-repeat center 50px #43aad0; border: 1px solid #43aad0; color: #fff;}
.setting_left_m0007 .setting_lefticon {background: url(../images/setting_m0007.png) no-repeat center 35px #e1e1ea;} 
.setting_left_m0007:hover .setting_lefticon {background: url(../images/setting_m0007_hover.png) no-repeat center 35px #43aad0; border: 1px solid #43aad0; color: #fff;}
.setting_left_m0008 .setting_lefticon {background: url(../images/setting_m0008.png) no-repeat center 35px #e1e1ea;} 
.setting_left_m0008:hover .setting_lefticon {background: url(../images/setting_m0008_hover.png) no-repeat center 35px #43aad0; border: 1px solid #43aad0; color: #fff;}






/* left */

.contents_submenu {background: #434343; width: 170px; min-height: 100%; position: absolute; left: -52px; top: 61px; z-index: 9;}
.contents_submenu_fold {background: #5f5f5f; width: 8px; position: absolute; right: 0px; top: 0px; height: 100%;transition: all ease-out 0.2s; -webkit-transition: all ease-out 0.2s; }
.contents_submenu_fold:hover {background: #3087dd; cursor: w-resize;}
.contents_submenu_title {height: 35px; color: #fff; font-size: 20px; padding-left: 14px; text-align: left; padding-top: 16px;}
.contents_submenu li {display: block; height: 45px; text-align: left;transition: all ease-out 0.2s; -webkit-transition: all ease-out 0.2s; }
.contents_submenu li:nth-child(odd) {background: #3d3d3d;}
.contents_submenu li:hover {background: #3087dd;}
.contents_submenu li:hover a {color: #fff;}
.contents_submenu li a {display: block; height: 45px; line-height: 45px; padding-left: 40px; text-overflow: ellipsis; width: 123px;  overflow:hidden;white-space : nowrap;}
.contents_submenu .subm_overview {background: url("../images/csubm01.png") no-repeat 14px center;}
.contents_submenu .subm_report {background: url("../images/csubm02.png") no-repeat 14px center;} 
.contents_submenu .active {background: #3087dd;}
.contents_submenu .active a {color: #fff;}
.contents_submenu .subm_overview.active {background: url("../images/csubm01.png") #3087dd no-repeat 14px center; color: #fff;}
.contents_submenu .subm_report.active {background: url("../images/csubm02.png") #3087dd no-repeat 14px center; color: #fff;} 

/***
@media all and (min-width: 1600px) {
	.contents_submenu {left: 110px;}
	.contents_container {margin-left: 280px;}
}

@media all and (max-width: 1280px) {
	.contents_submenu {left: -52px;}
	.contents_container {margin-left: 120px;}
}
***/



.gnb_setting_nav {height: 45px; line-height: 45px; font-size: 16px; padding-left: 15px; text-align: left;}
.gnb_setting_wrap {width: 1005px; height: 365px; position: absolute; top: 50%; margin-top: -187px; left: 50%; margin-left: -502px;}  
.gnb_setting_menu  {width: 1005px; height: 345px; position: relative;}
.gnb_setting_menu li {width: 265px; height: 345px; margin: 0px 35px; float: left; background: #fff; border-radius: 10px; position: relative;}
.gnb_setting_top { border-top-left-radius: 10px; border-top-right-radius: 10px;height: 270px; position: relative;}
.gnb_setting_icon {width: 110px; height: 110px;  border-radius: 50%; position: absolute; left: 50%; margin-left: -55px; top: 50%; margin-top: -55px;transition: all ease-out 0.2s; -webkit-transition: all ease-out 0.2s; } 
.gnb_setting_text {height: 75px; line-height: 75px; text-align: center; font-size: 30px; position: absolute; top: 270px; width: 100%;border-top-left-radius: 10px; border-top-right-radius: 10px;}

.gnb_setting_back {height: 40px; line-height: 40px; clear: both;}

.gnb_setting_contents {position: absolute; width: 1100px; left: 50%; margin-left: -550px; display: none; z-index: 1000; top: 500px; opacity: 0; min-height: 600px;} 

.gnb_setting_m01 {}
.gnb_setting_m01 .gnb_setting_top {background: #69c473;}
.gnb_setting_m01 .gnb_setting_icon { background: url(../images/gnb_m001.png) no-repeat center center;}
/*.gnb_setting_m01:hover .gnb_setting_m01 {background: #fff; -webkit-box-shadow: 1px 1px 30px rgba(0,0,0,.15);-moz-box-shadow: 1px 1px 30px rgba(0,0,0,.15);box-shadow: 1px 1px 30px rgba(0,0,0,.15);} */ 
.gnb_setting_m01:hover .gnb_setting_icon {width: 166px; height: 166px;background: #fff url(../images/gnb_m01.png) no-repeat center center;box-shadow: 0px 0px 10px #e4e4e4; left: 50%; margin-left: -83px; top: 50%; margin-top: -83px;} 
 

.gnb_setting_m02 {}
.gnb_setting_m02 .gnb_setting_top {background: #ff8150;}
.gnb_setting_m02 .gnb_setting_icon {background: url(../images/gnb_m002.png) no-repeat center center;}
.gnb_setting_m02:hover .gnb_setting_icon {width: 166px; height: 166px;background: #fff url(../images/gnb_m02.png) no-repeat center center;box-shadow: 0px 0px 10px #e4e4e4;left: 50%; margin-left: -83px; top: 50%; margin-top: -83px;}

.gnb_setting_m03 {}
.gnb_setting_m03 .gnb_setting_top {background: #ffce57;}
.gnb_setting_m03 .gnb_setting_icon {background: url(../images/gnb_m003.png) no-repeat center center;}
.gnb_setting_m03:hover .gnb_setting_icon {width: 166px; height: 166px;background: #fff url(../images/gnb_m03.png) no-repeat center center;box-shadow: 0px 0px 10px #e4e4e4;left: 50%; margin-left: -83px; top: 50%; margin-top: -83px;}
  
.left_gnb_setting {width: 110px;position: absolute; left: 25px; padding-top: 70px;}

.left_gnb_setting .gnb_setting_m01 .gnb_setting_icon { background: #69c473 url(../images/gnb_m001.png) no-repeat center center;border-radius: 10px; margin-left: 0px; left: 0px; top: 0px; margin-top: 0px; position: relative; margin-bottom: 15px;}
.left_gnb_setting .gnb_setting_m01 .gnb_setting_icon:hover {width: 110px; height: 110px;border-radius: 10px; margin-left: 0px; left: 0px; top: 0px; margin-top: 0px; }

.left_gnb_setting .gnb_setting_m02 .gnb_setting_icon { background: #ff8150 url(../images/gnb_m002.png) no-repeat center center;border-radius: 10px; margin-left: 0px; left: 0px; top: 0px; margin-top: 0px;  position: relative; margin-bottom: 15px;}
.left_gnb_setting .gnb_setting_m02 .gnb_setting_icon:hover {width: 110px; height: 110px;border-radius: 10px; margin-left: 0px; left: 0px; top: 0px; margin-top: 0px; }

.left_gnb_setting .gnb_setting_m03 .gnb_setting_icon { background: #ffce57 url(../images/gnb_m003.png) no-repeat center center;border-radius: 10px; margin-left: 0px; left: 0px; top: 0px; margin-top: 0px;  position: relative; margin-bottom: 15px;}
.left_gnb_setting .gnb_setting_m03 .gnb_setting_icon:hover {width: 110px; height: 110px;border-radius: 10px; margin-left: 0px; left: 0px; top: 0px; margin-top: 0px; }

.left_change_tab {width: 110px; height: 45px; background: #1c1a1a;}
.left_change_tab_nav {width: 100%; height: 45px; position: relative;} 
.left_change_tab_nav li {width: 50%; height: 45px; float: left; cursor: pointer;}
.left_change_tab_nav .active {background: #323232;}

.left_change_tab_nav .left_change_tab_m01 {width: 50%; height: 100%; background: url(../images/tabm01.png) no-repeat center center;}
.left_change_tab_nav .left_change_tab_m01.active {width: 50%; height: 100%; background: url(../images/tabm001.png) #323232 no-repeat center center;}
.left_change_tab_nav .left_change_tab_m01.active:hover {width: 50%; height: 100%; background: url(../images/tabm001.png) #323232 no-repeat center center;}
.left_change_tab_nav .left_change_tab_m01:hover {width: 50%; height: 100%; background: url(../images/tabm001.png) no-repeat center center;}

.left_change_tab_nav .left_change_tab_m02 {width: 50%; height: 100%; background: url(../images/tabm02.png) no-repeat center center;}
.left_change_tab_nav .left_change_tab_m02.active {width: 50%; height: 100%; background: url(../images/tabm002.png) #323232 no-repeat center center;}
.left_change_tab_nav .left_change_tab_m02.active:hover {width: 50%; height: 100%; background: url(../images/tabm002.png) #323232 no-repeat center center;}
.left_change_tab_nav .left_change_tab_m02:hover {width: 50%; height: 100%; background: url(../images/tabm002.png) no-repeat center center;}

.left_container_v3 {width: 110px; background-color: #323232; height: 100%; position: absolute; left: 0px; top: 61px; z-index: 10;zoom: 1; float: left;}
.left_container_v3 nav {width: 110px; height: 100%; background-color: #323232; position: relative; float: left;}
.left_container_v3_nav {width: 110px;}
.left_container_v3_nav li {width: 110px;/* height: 87px;*/ position: relative; color: #7b7b7b;transition: all ease-out 0.2s; -webkit-transition: all ease-out 0.2s;}
.left_container_v3_nav li a {display: block; width: 110px;/*height: 87px;*/ padding: 55px 0px 15px 0px}
.left_container_v3_nav li a:hover {color: #fff;}
.left_container_v3_nav li .left_menu_text {width: 110px;/* position: absolute; top: 62px; left: 0px;*/ text-align: center;}
.left_container_v3_nav .active {background-color: #3087dd; color: #fff;}
.left_container_v3_nav li:hover {background-color: #3087dd; color: #fff;}

.sitelist_container {width: 370px; height: 100%; position: fixed; top: -200px; left: 110px; z-index: -1; background: rgba(56,56,56,.95); opacity: 0; display: none;}
.sitelist_container_title {height: 184px; text-align: left;}
.sitelist_container_title h2 {font-size: 62px; padding-top: 90px; color: #fff; padding-left: 26px;}

.submenu_container {width: 370px; height: 100%; position: fixed; left: -400px; top: 61px; z-index: -1; background: rgba(38, 129, 220, .95);}
.submenu_container_title {min-height: 120px; text-align: left;}
.submenu_container_title h2 {font-size: 45px; padding-top: 30px; color: #fff; padding-left: 26px;}

/* 대시보드 아이콘 */
.left_container_v3_nav .m01 {background: url("../images/v3m001.png") no-repeat center 20px;transition: all ease-out 0.2s; -webkit-transition: all ease-out 0.2s;}
.left_container_v3_nav .m01:hover {background: url("../images/v3m01.png") no-repeat center 20px;}
.left_container_v3_nav .m01.active {background: url("../images/v3m01.png") #3087dd no-repeat center 20px;}

/* 방문행동 아이콘 */
.left_container_v3_nav .m02 {background: url("../images/v3m002.png") no-repeat center 20px;transition: all ease-out 0.2s; -webkit-transition: all ease-out 0.2s;}
.left_container_v3_nav .m02:hover {background: url("../images/v3m02.png") no-repeat center 20px;}
.left_container_v3_nav .m02.active {background: url("../images/v3m02.png") #3087dd no-repeat center 20px;}

/* 유입채널 아이콘 */
.left_container_v3_nav .m03 {background: url("../images/v3m003.png") no-repeat center 20px;transition: all ease-out 0.2s; -webkit-transition: all ease-out 0.2s;}
.left_container_v3_nav .m03:hover {background: url("../images/v3m03.png") no-repeat center 20px;}
.left_container_v3_nav .m03.active {background: url("../images/v3m03.png") #3087dd no-repeat center 20px;}



/* 컨텐츠 아이콘 */
.left_container_v3_nav .m04 {background: url("../images/v3m004.png") no-repeat center 20px;transition: all ease-out 0.2s; -webkit-transition: all ease-out 0.2s;}
.left_container_v3_nav .m04:hover {background: url("../images/v3m04.png") no-repeat center 20px;}
.left_container_v3_nav .m04.active {background: url("../images/v3m04.png") #3087dd no-repeat center 20px;}


/* 이벤트/광고/마케팅  아이콘 */
.left_container_v3_nav .m05 {background: url("../images/v3m005.png") no-repeat center 20px;transition: all ease-out 0.2s; -webkit-transition: all ease-out 0.2s;}
.left_container_v3_nav .m05:hover {background: url("../images/v3m05.png") no-repeat center 20px;}
.left_container_v3_nav .m05.active {background: url("../images/v3m05.png") #3087dd no-repeat center 20px;}

/* 사용자 아이콘 */
.left_container_v3_nav .m06 {background: url("../images/v3m006.png") no-repeat center 20px;transition: all ease-out 0.2s; -webkit-transition: all ease-out 0.2s;}
.left_container_v3_nav .m06:hover {background: url("../images/v3m06.png") no-repeat center 20px;}
.left_container_v3_nav .m06.active {background: url("../images/v3m06.png") #3087dd no-repeat center 20px;}

/* 네비게이션/행동패턴 */
.left_container_v3_nav .m07 {background: url("../images/v3m007.png") no-repeat center 20px;transition: all ease-out 0.2s; -webkit-transition: all ease-out 0.2s;}
.left_container_v3_nav .m07:hover {background: url("../images/v3m07.png") no-repeat center 20px;}
.left_container_v3_nav .m07.active {background: url("../images/v3m07.png") #3087dd no-repeat center 20px;}

/* 접속환경/시스템 아이콘 */
.left_container_v3_nav .m08 {background: url("../images/v3m008.png") no-repeat center 20px;transition: all ease-out 0.2s; -webkit-transition: all ease-out 0.2s;}
.left_container_v3_nav .m08:hover {background: url("../images/v3m08.png") no-repeat center 20px;}
.left_container_v3_nav .m08.active {background: url("../images/v3m08.png") #3087dd no-repeat center 20px;}

/* 커머스 아이콘/주문 성과 */
.left_container_v3_nav .m09 {background: url("../images/v3m009.png") no-repeat center 20px;transition: all ease-out 0.2s; -webkit-transition: all ease-out 0.2s;}
.left_container_v3_nav .m09:hover {background: url("../images/v3m09.png") no-repeat center 20px;}
.left_container_v3_nav .m09.active {background: url("../images/v3m09.png") #3087dd no-repeat center 20px;}

/* 커머스 아이콘/주문 성과 */
.left_container_v3_nav .mc99 {background: url("../images/v3m009.png") no-repeat center 20px;transition: all ease-out 0.2s; -webkit-transition: all ease-out 0.2s;}
.left_container_v3_nav .mc99:hover {background: url("../images/v3m09.png") no-repeat center 20px;}
.left_container_v3_nav .mc99.active {background: url("../images/v3m09.png") #50b8d9 no-repeat center 20px;}

/* 대시보드 아이콘 */
.left_container_v3_nav .m89 {background: url("../images/v3m089.png") no-repeat center 20px;transition: all ease-out 0.2s; -webkit-transition: all ease-out 0.2s;}
.left_container_v3_nav .m89:hover {background: url("../images/v3m89.png") no-repeat center 20px;}
.left_container_v3_nav .m89.active {background: url("../images/v3m89.png") #50b8d9 no-repeat center 20px;}

/* 환경설정 아이콘 */
.left_container_v3_nav .m90 {background: url("../images/v3m090.png") no-repeat center 20px;transition: all ease-out 0.2s; -webkit-transition: all ease-out 0.2s;}
.left_container_v3_nav .m90:hover {background: url("../images/v3m90.png") no-repeat center 20px;}
.left_container_v3_nav .m90.active {background: url("../images/v3m90.png") #3087dd no-repeat center 20px;}



/* 앱스토어 아이콘 */
.left_container_v3_nav .m80 {background: url("../images/v3m080.png") no-repeat center center;transition: all ease-out 0.2s; -webkit-transition: all ease-out 0.2s;}
.left_container_v3_nav .m80:hover {background: url("../images/v3m80.png") no-repeat center center;}
.left_container_v3_nav .m80.active {background: url("../images/v3m80.png") #3087dd no-repeat center center;}

.submenu_wrap {border-top: 1px solid #4f99e3; position: relative;}
.submenu_wrap li {width: 326px; /* height: 57px; */ line-height: 25px; border-bottom: 1px solid #4f99e3; font-size: 17px; font-weight: bold; color: #e5f2ff; padding: 15px 15px 15px 44px; text-align: left;}
.submenu_wrap li a {display: block; width: 100%;/* height: 57px;*/ padding: 0px;}
.subm_overview {background: url(../images/subm01.png) no-repeat 23px 21px;}
.subm_report {background: url(../images/subm02.png) no-repeat 23px 21px;}
.subm_datacard {background: url(../images/subm03.png) no-repeat 23px 21px;}
.subm_app {background: url(../images/site_app.png) no-repeat 23px 21px;}
.subm_web {background: url(../images/site_web.png) no-repeat 23px 21px;}
.subm_app:hover {background: url(../images/site_app.png) #454545 no-repeat 23px 21px;}
.subm_web:hover {background: url(../images/site_web.png) #454545 no-repeat 23px 21px;}

.sitelist_container_wrap {border-top: 1px solid #505050; position: relative;}
.sitelist_container_wrap li {width: 326px; height: 57px; line-height: 57px; border-bottom: 1px solid #505050; font-size: 17px; font-weight: bold; color: #d0d0d0; padding-left: 44px; text-align: left;}
.sitelist_container_wrap li a {display: block; width: 100%; height: 57px;}
.sitelist_container_wrap li a:hover {color: #d0d0d0;}

.group_container {text-align: left;}
.group_container li {height: 42px; line-height: 42px; border-bottom: 1px solid #393939; color: #c6c6c6;}
.group_container li:hover {background: #50b8d9;}
.group_container li a {padding: 0px 0px 0px 10px; width: 100px;}
.group_dot {width: 12px; height: 12px; border-radius: 50%; display: inline-block; vertical-align: middle;}
.table_cell .group_dot {margin-right: 5px;}
.group_text {margin-left: 4px;}

/*#leftNaviTab_basic {visibility: visible;}
#leftNaviTab_custom {visibility: hidden;}
*/
.left_container_v2 {position: fixed; width: 199px; height: 100%; background: #2f2e2e; top: 45px; left: 0px; margin-right: 11px; color: #fff; z-index: 1000;}/* 접혀졌을때 left: -189px, 펼쳐졌을때 left: 0px */
.left_section_01 {height: 123px; background: #009bd1; position: relative;}
.left_title_v2 {height: 57px; line-height: 57px; font-size: 14px; line-height: 57px; font-weight: 100; text-align: left; padding-left: 15px;}
.left_profile_v2 {height: 66px; padding-left: 15px; text-align: left; line-height: 16px;}
.left_profile_v2 img {float: left; margin-right: 7px;}
.left_profile_v2 .left_name {color: #fff;}
.left_v2_dot {width: 11px; height: 21px; background: url(../images/left_v2_dot.png) no-repeat; position: absolute; top: 10px; right: -11px; z-index: 100;}
.left_section_02 {height: 39px;}
.left_section_02 li {height: 39px; float: left; width: 50%; line-height: 39px;}
.left_section_02 li a {display: inline-block; width: 100%; height: 39px; font-weight: 500;}
.left_v2_page_on {}
.left_v2_page_off {background: #6e6e6e; color: #c5c5c5;}

.wrap_left_v2_d1 {margin-top: 22px;}
.wrap_left_v2_d2 {margin-left: 37px; margin-top: 4px;}
.left_v2_d1 {font-size: 14px; width: 199px; display: inline-block; text-align: left; padding: 7px 0px;}
.left_v2_d2 {font-size: 12px; line-height: 20px;}
.left_v2_d1 a:hover {color: #fff;}
.left_v2_d2 a:hover {color: #2cb7ff;}
.left_v2_d2_select {color: #2cb7ff;}

.left_v2_d1_con {width: 100%; padding: 4px 0px; background: url(../images/left_d1_col1.png) no-repeat 173px 8px;}
.left_v2_d1_con:hover {background: #474646 url(../images/left_d1_col1.png) no-repeat 173px 8px;}




.left_v2_d1_nodep {font-size: 14px; width: 199px; display: inline-block; text-align: left; padding: 7px 0px;}
.left_v2_d1_nodep {font-size: 14px; width: 199px; display: inline-block; text-align: left; padding: 7px 0px;}
.left_v2_d1_nodep .left_v2_d1_con {width: 100%; padding: 4px 0px; background: none;}
.left_v2_d1_nodep .left_v2_d1_con:hover {background: #474646;}
.left_v2_d1_nodep a:hover {color: #fff;}



.left_v2_d1_active_nodep {background: none;}
.left_v2_d1_active_nodep .left_v2_d1_con {background:#009bd1 !important;}

.left_v2_d1_active {background: url(../images/left_d1_col2.png) no-repeat 173px 8px;}
.left_v2_d1_active .left_v2_d1_con {background:#009bd1 url(../images/left_d1_col2.png) no-repeat 169px 11px;}


.left_v2_m01 {background: url(../images/left_v2_m01.png) no-repeat 19px 2px; display: inline-block; height: auto; margin-right: 12px; padding-left: 44px;}
.left_v2_m02 {background: url(../images/left_v2_m02.png) no-repeat 19px 2px; display: inline-block; height: auto; margin-right: 12px; padding-left: 44px;}
.left_v2_m03 {background: url(../images/left_v2_m03.png) no-repeat 22px 2px; display: inline-block; height: auto; margin-right: 12px; padding-left: 44px;}
.left_v2_m04 {background: url(../images/left_v2_m04.png) no-repeat 20px 2px; display: inline-block; height: auto; margin-right: 12px; padding-left: 44px;}
.left_v2_m05 {background: url(../images/left_v2_m05.png) no-repeat 20px 2px; display: inline-block; height: auto; margin-right: 12px; padding-left: 44px;}
.left_v2_m06 {background: url(../images/left_v2_m06.png) no-repeat 20px 2px; display: inline-block; height: auto; margin-right: 12px; padding-left: 44px;}

.left_v2_m021 {display: inline-block; height: auto; margin-right: 12px; padding-left: 24px;}
.left_v2_m022 {display: inline-block; height: auto; margin-right: 12px; padding-left: 24px;}
.left_v2_m023 {display: inline-block; height: auto; margin-right: 12px; padding-left: 24px;}
.left_v2_m024 {display: inline-block; height: auto; margin-right: 12px; padding-left: 24px;}
.left_v2_m025 {display: inline-block; height: auto; margin-right: 12px; padding-left: 24px;}

/* left */
.left_container { position: absolute; top:0px; left: 0px;width: 258px; height: 100%; border-right: 1px solid #eaeaea; background: #fafafa; z-index: 1000; display: none;}
.left_head { position: relative; padding-left: 22px;height: 41px; color: #ababab; text-align: left; font-weight: 700; font-size: 16px; line-height: 41px;}
.left_profile {padding: 35px 0px; padding-left: 22px; text-align: left;}
.left_profile_img {float: left; margin-right: 10px;}
.left_name {display: inline-block; color: #414242; vertical-align: top; font-weight: 700; font-size: 13px; line-height: 13px;}
.left_email { display: block; margin-top: 1px; font-weight:400;line-height: 11px;}

.menu_group {display:block !important; background: #2cb7ff; color: #fff; left: -26px; position: relative; width: 263px; margin-top: 10px; font-size: 12px;}
.menu_group li {padding: 0px !important; margin: 0px !important;}

.left_navigation_container {text-align: left;}

.left_navigation li div {display:none; opacity: 0.9;} /* left 로 줄어들었을때 display: block */

.left_btn_home {position: absolute; top: 7px; right: 7px; width: 35px; height: 26px; border: 1px solid #eaeaea; border-radius: 3px; background: url(../images/btn_left_home.png) no-repeat center center; text-indent: -9999px; -webkit-transition: background ease-out 0.4s; -ms-transition: background ease-out 0.4s;}
.left_btn_home:hover {position: absolute; top: 0px; left: 200px; z-index:10000; padding-top: 1px; padding-left: 10px; width: 190px; height: 43px; border: none; border-radius: 0px; background: url(../images/btn_left_home_hover.png) #2f2e2e no-repeat 170px center; color: #fff; text-indent: 0px; font-size: 20px; line-height: 44px;}

.left_btn_infographic {position: absolute; top: 7px; right: 7px; width: 35px; height: 26px; border: 1px solid #eaeaea; border-radius: 3px; background: url(../images/btn_left_infographic.png) no-repeat center center; text-indent: -9999px; -webkit-transition: background ease-out 0.4s; -ms-transition: background ease-out 0.4s;}
.left_btn_infographic:hover {position: absolute; top: 0px; left: 200px; z-index:10000; padding-top: 1px; padding-left: 10px; width: 190px; height: 43px; border: none; border-radius: 0px; background: url(../images/btn_left_infographic_hover.png) #2f2e2e no-repeat 170px center; color: #fff; text-indent: 0px; font-size: 20px; line-height: 44px;}

.left_btn_card {position: absolute; top: 7px; right: 7px; width: 35px; height: 26px; border: 1px solid #eaeaea; border-radius: 3px; background: url(../images/btn_left_card.png) no-repeat center center; text-indent: -9999px; -webkit-transition: background ease-out 0.4s; -ms-transition: background ease-out 0.4s;}
.left_btn_card:hover {position: absolute; top: 0px; left: 200px; z-index:10000; padding-top: 1px; padding-left: 10px; width: 190px; height: 43px; border: none; border-radius: 0px; background: url(../images/btn_left_card_hover.png) #2f2e2e no-repeat 170px center; color: #fff; text-indent: 0px; font-size: 20px; line-height: 44px;}

.left_btn_kpi {position: absolute; top: 7px; right: 7px; width: 35px; height: 26px; border: 1px solid #eaeaea; border-radius: 3px; background: url(../images/btn_left_kpi.png) no-repeat center center; text-indent: -9999px; -webkit-transition: background ease-out 0.4s; -ms-transition: background ease-out 0.4s;}
.left_btn_kpi:hover {position: absolute; top: 0px; left: 200px; z-index:10000; padding-top: 1px; padding-left: 10px; width: 190px; height: 43px; border: none; border-radius: 0px; background: url(../images/btn_left_kpi_hover.png) #2f2e2e no-repeat 176px center; color: #fff; text-indent: 0px; font-size: 20px; line-height: 44px;}

.left_btn_data {position: absolute; top: 7px; right: 7px; width: 35px; height: 26px; border: 1px solid #eaeaea; border-radius: 3px; background: url(../images/btn_left_data.png) no-repeat center center; text-indent: -9999px; -webkit-transition: background ease-out 0.4s; -ms-transition: background ease-out 0.4s;}
.left_btn_data:hover {position: absolute; top: 0px; left: 200px; z-index:10000; padding-top: 1px; padding-left: 10px; width: 190px; height: 43px; border: none; border-radius: 0px; background: url(../images/btn_left_data_hover.png) #2f2e2e no-repeat 170px center; color: #fff; text-indent: 0px; font-size: 20px; line-height: 44px;}

.left_btn_clickzone {position: absolute; top: 7px; right: 7px; width: 35px; height: 26px; border: 1px solid #eaeaea; border-radius: 3px; background: url(../images/btn_left_cz.png) no-repeat center center; text-indent: -9999px; -webkit-transition: background ease-out 0.4s; -ms-transition: background ease-out 0.4s;}
.left_btn_clickzone:hover {position: absolute; top: 0px; left: 200px; z-index:10000; padding-top: 1px; padding-left: 10px; width: 190px; height: 43px; border: none; border-radius: 0px; background: url(../images/btn_left_cz_hover.png) #2f2e2e no-repeat 176px center; color: #fff; text-indent: 0px; font-size: 20px; line-height: 44px;}

.left_btn_setting {position: absolute; top: 7px; right: 7px; width: 35px; height: 26px; border: 1px solid #eaeaea; border-radius: 3px; background: url(../images/btn_left_setting.png) no-repeat center center; text-indent: -9999px; -webkit-transition: background ease-out 0.4s; -ms-transition: background ease-out 0.4s;}
.left_btn_setting:hover {position: absolute; top: 0px; left: 200px; z-index:10000; padding-top: 1px; padding-left: 10px; width: 190px; height: 43px; border: none; border-radius: 0px; background: url(../images/btn_left_setting_hover.png) #2f2e2e no-repeat 170px center; color: #fff; text-indent: 0px; font-size: 20px; line-height: 44px;}

.left_btn_group {position: absolute; top: 7px; right: 7px; width: 35px; height: 26px; border: 1px solid #eaeaea; border-radius: 3px; background: url(../images/btn_left_group.png) no-repeat center center; text-indent: -9999px; -webkit-transition: background ease-out 0.4s; -ms-transition: background ease-out 0.4s;}
.left_btn_group:hover {position: absolute; top: 0px; left: 200px; z-index:10000; padding-top: 1px; padding-left: 10px; width: 190px; height: 43px; border: none; border-radius: 0px; background: url(../images/btn_left_group_hover.png) #2f2e2e no-repeat 170px center; color: #fff; text-indent: 0px; font-size: 20px; line-height: 44px;}

.left_fold { position: absolute; top: 0px; right: 0px;width: 52px; height: 41px; border-left: 1px solid #eaeaea; background: url(../images/btn_fold.png) center center no-repeat; cursor: pointer;}
.left_fold:hover {background: url(../images/btn_fold_hover.png) center center no-repeat;}

.left_navigation { font-weight: 200;font-size: 24px;}
.left_nav_on {width: 236px; border-top:1px solid #eaeaea!important; border-right: 1px solid #fff; border-bottom: 1px solid #eaeaea!important; border-left: 4px solid #2cb7ff!important; background: #fff;color: #2f2e2e;}
.left_navigation li { position: relative;padding: 5px 0px; padding-left:18px; border-top:1px solid #fafafa; border-bottom: 1px solid #fafafa;border-left: 4px solid #fafafa;}
.left_nav_off { }

.left_navigation li:hover .left_nav_drop {display: block !important;}
.left_nav_drop {position: absolute; top: 14px; right: 18px; display: none; width: 12px; height: 12px; background: url(../images/btn_left_drop.png) no-repeat;z-index: 9999; opacity: 1 !important;}
.left_nav_drop:hover .left_nav_dropmenu {display: block;z-index: 9999;}
.left_nav_drop .left_nav_dropmenu {position: absolute; left: 12px; display: none; width: 120px;  background: rgba(0,0,0,0.8); z-index: 9999;}
.left_nav_drop .left_nav_dropmenu ul {padding: 7px 8px; margin-bottom: -3px;}
.left_nav_drop .left_nav_dropmenu li {font-size: 12px; line-height: 15px; margin: 0px; padding: 0px; border-top: none;border-bottom: none;border-left: none;}
.left_nav_drop .left_nav_dropmenu .dropmenu_title {font-weight: bold;color: #fff;}
.left_nav_drop .left_nav_dropmenu li a {color: #fff;}
.left_nav_drop .left_nav_dropmenu li a:hover {color: #2cb7ff;}

/*
.left_nav_drop:hover .left_nav_dropmenu {display: block;}
.left_nav_dropmenu  {position: absolute; top: 14px; right: 18px; display: none; width: 12px; height: 12px; background: url(../images/btn_left_drop.png) no-repeat;}
.left_nav_dropmenu  ul {background: url(../images/overlay_black.png);  width: 150px; padding: 5px; z-index: 500;}
.left_nav_dropmenu  li {font-size: 12px; line-height: 15px; margin: 0px; padding: 0px; border: none;}
.left_nav_dropmenu  li a {color: #fafafa;}

*/

.left_unfold { position: absolute; top: 0px; right: 0px;width: 52px; height: 41px; border-left: 1px solid #eaeaea; background: url(../images/btn_unfold.png) center center no-repeat; cursor: pointer;}
.left_unfold:hover {background: url(../images/btn_unfold_hover.png) center center no-repeat;}

.left_setting {position: absolute; bottom: 0px; right: 0px; width: 50px; text-align: center; display: none;}
.left_setting ul {width: 50px; text-align: center;}
.left_setting li {width: 50px; height: 20px; display:inline-block; margin: 5px 0px; cursor: pointer;}

.left_bottom_setting {position: absolute;  bottom:0px; right: 0px; width: 50px; text-align: center; display: none;}
.left_bottom_setting ul {width: 50px; text-align: center;}
.left_bottom_setting li {width: 50px; height: 20px; display:inline-block; margin: 5px 0px; cursor: pointer;}

.left_nav_sub {font-size: 13px; position: relative; width: 259px; margin-top: 10px;}
.left_nav_sub li {border: none; padding: 2px 0px; padding-left: 22px; position: relative; }
.left_nav_sub li:hover {background: #f0f0f0;}
.left_nav_sub li span {width: 12px; height: 12px; display: inline-block; right: 20px; position: absolute; top: 5px;}

 /* .left_navigation li:hover {width: 236px; */

 /* background: #fff; */

 /* border-top:1px solid #eaeaea; */

 /* border-bottom: 1px solid #eaeaea; */

 /* border-left: 4px solid #2cb7ff; */

 /* border-right: 1px solid #fff; */

/* login form */
.login_form {width: 410px; position: relative; margin: 0px auto; margin-top: 40px;}
.login_form_title {font-size: 35px; padding: 30px 0px; text-align: center; }
.login_form_contents {padding: 20px;border: 1px solid #eaeaea;box-shadow: 0px 0px 10px #e4e4e4;border-radius:10px;}

/* index layout */
.index_row1 {position: relative; margin: 0px 26px;}
.visit_gauge { position: relative; float: left;width:246px; height:227px;}
.visit_gauge h1 {display: inline-block; margin-left: 19px; padding: 0px 19px; background: url(../images/bg_profile_gray.png) left 30px no-repeat; color: #2f2e2e; font-weight: 200;font-size:55px; line-height: 52px;}
.visit_gauge_chart { margin-top:10px;width:246px; height:140px;}
.visit_gauge_remark {top:150px; font-size:14px; font-weight: bold;display: inline-block;}
.index_graph { position: relative; margin-left: 246px; height:227px;}
.index_graph_option { position: relative; margin-left: 246px; height:20px;text-align: right;}
.realtime_data { position: relative; float: left; width:246px; height:227px; text-align: center;}
.realtime_data_title {display: inline-block; text-align: center; font-size: 18px;padding: 0px 19px; }
.realtime_data_num {display: inline-block;text-align: center; padding: 0px 19px; background: url(../images/bg_profile_gray.png) left 30px no-repeat; color: #2f2e2e; font-weight: 200;font-size:55px; line-height: 52px;}
.realtime_row {position: relative; margin-bottom: 15px;}
.graph_remark {/*position: absolute;*/ width: 100%; text-align: center;}

.index_row2 {position: relative; margin: 0px 26px;}
.section1 { float: left;width: 220px; height:151px;}
.section2 { float: right;width: 220px; height:151px;}
.section_vs {width: 100%;}
.section_vs li { position: relative; display: inline-block; margin-top: 30px;width: 49%; zoom: 1;*display:inline; vertical-align:top; }

.section_vs3 {width: 100%;}
.section_vs3 li { position: relative; display: inline-block; margin-top: 30px;width: 32%; zoom: 1;*display:inline; vertical-align:top; }
.section_vs3 .icon_desktop { margin-bottom: 3px; height:47px;background: url(../images/icon_desktop.png) center center no-repeat; text-indent: -9999px;}
.section_vs3 .icon_mobile { margin-bottom: 3px; height:47px;background: url(../images/icon_mobile.png) center center no-repeat; text-indent: -9999px;}
.section_vs3 .icon_doc { margin-bottom: 3px; height:47px;background: url(../images/icon_doc.png) center center no-repeat; text-indent: -9999px;}
.section_vs3 .icon_clock { margin-bottom: 3px; height:47px;background: url(../images/icon_clock.png) center center no-repeat; text-indent: -9999px;}
.section_vs3 .icon_apple { margin-bottom: 3px; height:47px;background: url(../images/icon_apple.png) center center no-repeat; text-indent: -9999px;}
.section_vs3 .icon_android { margin-bottom: 3px; height:47px;background: url(../images/icon_android.png) center center no-repeat; text-indent: -9999px;}
.section_vs3 .icon_phablet { margin-bottom: 3px; height:47px;background: url(../images/icon_phablet.png) center center no-repeat; text-indent: -9999px;}
.section_vs3 .icon_tablet { margin-bottom: 3px; height:47px;background: url(../images/icon_tablet.png) center center no-repeat; text-indent: -9999px;}

.section_vs .icon_desktop { margin-bottom: 3px; height:47px;background: url(../images/icon_desktop.png) center center no-repeat; text-indent: -9999px;}
.section_vs .icon_mobile { margin-bottom: 3px; height:47px;background: url(../images/icon_mobile.png) center center no-repeat; text-indent: -9999px;}
.section_vs .icon_doc { margin-bottom: 3px; height:47px;background: url(../images/icon_doc.png) center center no-repeat; text-indent: -9999px;}
.section_vs .icon_clock { margin-bottom: 3px; height:47px;background: url(../images/icon_clock.png) center center no-repeat; text-indent: -9999px;}

.section_vs .icon_apple { margin-bottom: 3px; height:47px;background: url(../images/icon_apple.png) center center no-repeat; text-indent: -9999px;}
.section_vs .icon_android { margin-bottom: 3px; height:47px;background: url(../images/icon_android.png) center center no-repeat; text-indent: -9999px;}
.section_vs .icon_phablet { margin-bottom: 3px; height:47px;background: url(../images/icon_phablet.png) center center no-repeat; text-indent: -9999px;}
.section_vs .icon_tablet { margin-bottom: 3px; height:47px;background: url(../images/icon_tablet.png) center center no-repeat; text-indent: -9999px;}



.pie_gauge {margin: 0px 230px;height:151px;}
.gauge_4 {width: 100%;height:100%; }
.gauge_4 li { position: relative;  display: inline-block;width: 24%; -webkit-transition: background ease-out 0.4s; -ms-transition: background ease-out 0.4s; zoom: 1; *display:inline;}
.gauge_4_data {margin-top: 50px;}
.gauge_4_data_chart {position:absolute;top:0px; left:50%; z-index:-1; margin-left: -140px;width:280px; height:151px; }



.index_row3 {position: relative; margin: 0px 26px;}
.index_pagelist {margin-right: 640px;}
.section3 { float: right; width: 635px;}
.sec3_col1 { position: relative; float: left; padding-top: 15px;width: 400px;}
.sec3_col2 { position: relative; margin-left: 400px; padding-top: 15px;width: 245px;}

.index_barchart { position: relative; padding: 7px 0px;height:38px;}
.index_barchart_data { position: absolute; top:5px; left: 0px; margin-right: 15px;width: 100px; text-align: right; font-weight:500;}
.index_barchart_data h4 {color: #2f2e2e; font-weight: 500; font-size: 13px; line-height: 17px;}
.index_barchart_graphbg { position: relative; top:0px; left: 115px;width: 203px; height:19px; background: #efefef; *left: 0px;}
.index_barchart_graph { position: absolute; left: 0px; width: 0%;height:19px;}
.index_barchart_avg { position: absolute; top:19px; left: 0px;max-width: 283px; height: 9px;}
.index_barchart_hoverdata {position: absolute; top:7px; left:324px; width: 60px; text-align: left; font-size: 11px;}
.index_barchart_icon {position: absolute; top:3px; left: 105px; z-index: 2; width: 34px; height:34px;}

/* */
.clickzone_wrap {border-left: 26px solid #f2f2f8;}
.clickzone_wrap iframe {display: block; position: relative; border: 4px solid #50b8d9;}
.clickzone_area {background: url(../images/cz_sample.jpg) no-repeat; position: relative;}
.cz_toolbox {position: absolute; width: 230px; right: 15px; top: -40px;background: #fff;box-shadow: 0px 0px 10px #e4e4e4;}
.toolbox_movement {cursor: move; height: 20px; background: #54c5ff; margin: 5px;}
.zone {position: absolute; z-index: 100; background: rgba(44,183,255,.7); color: #fff; font-weight: bold; vertical-align: middle; overflow: hidden; border: none !important;}
.zone_contents {display: inline-block; vertical-align: middle; font-size: 11px; text-shadow: 0px 0px 2px #1695d7; filter: dropshadow(color=#1695d7, offx=0, offy=0); }
.zone_rank {position: absolute; right: 0px; top: 0px; /*background: rgba(255, 255, 255, .9);*/ color: #fff; padding: 1px 3px; font-size: 11px; text-align: right; text-shadow: 0px 0px 2px rgba(0,0,0,.8); filter: dropshadow(color=rgba(0,0,0,.8), offx=0, offy=0); width: 2000px;}
.cz_toolbox_contents {margin-top: 0px; padding: 10px;}
.cz_zone_rank {padding: 10px 10px;}
.cz_zone_rank li {padding: 3px 3px;}
/* .cz_zone_rank li:hover {background: #2897d2;} */
.zone_click {display: block; margin-left: 26px; font-size: 12px; margin-top: 2px;}
.clickzone_tab {background: #2cb7ff; padding: 5px 5px 0px 5px;}
.clickzone_tab li {display: inline-block; padding: 5px 10px; color: #fff;}
.clickzone_tab li a:hover {color: inherit;}
.clickzone_tab .on {background: #fff; color: #2cb7ff;}
.ui-boxer-helper {background: rgba(0,0,0,.6)!important; border: 1px dashed #000 !important;}
.clickzone_area .ui-resizable {position: absolute !important;}
.clickzone_area .ui-state-disabled {opacity: inherit !important;}
.clickzone_noti {position: absolute; width: 100%; top: 100px; z-index: 100; text-align: center; font-size: 25px;}
.zone_report_rank {float: left; height: 40px; width: 70px; font-size: 25px; margin-right: 10px; text-align: left;}
.zone_report_rank_detail {text-align: left;}
.zone_report_chart {width: 350px; margin: 20px 0px; height: 150px;}
.zone_report_data {margin-top: 10px;}
.zone_report_data .create_table_layout2_b th { padding: 2px 3px; height: 17px;color: #fff; text-align: left; background: #54c5ff;; font-weight: 700;}
.zone_report_data .create_table_layout2_b td { padding: 1px 3px; vertical-align: middle;text-align: left; border-bottom: 1px solid #87d6ff;; height: 30px;}
.cz_toolbox_contents .btn_confirm {background: white; color: #2CB7FF;}
/*.zone_report .btn_confirm {background: white; color: #2CB7FF;} */

.zone:hover .zone_report {display: block;}



.zone_report {display: block; position: absolute; width: 350px; right: 0px;  left: 600px; top: 100px; padding: 10px;background: #fff;box-shadow: 0px 0px 10px #e4e4e4;}

/* report */
.report_chart {position: relative; height: 370px;}
.report_chart_col0 {width: 100%; height: 350px; position: relative; display: inline-block;}
.report_chart_col2 {width: 49%; height: 350px; position: relative; display: inline-block;}
.report_chart_col2 .chart_title {position: absolute; left: 10px; top: 20px; z-index: 100; width: 300px; height: 50px;}
.report_chart_col2 .col2_chart_area {width: 100%; height: 350px; position: relative; display: inline-block;}


.report_kpi {margin: 0px 26px 15px 26px; }
.report_kpi table {width: 100%; border-collapse: collapse; border-spacing: 0px;}
.report_kpi table td {width: 20%; text-align: center; padding: 0px;}
.kpi_title {padding-top: 15px; display: block;}
.kpi_data {display: block; font-size: 30px; color: #2f2e2e;}
.kpi_remark {font-size: 11px;}
.kpi_remark strong {font-weight: bold;}
.kpi_contents {border-right: 1px solid #e8e8e8;background: #fff; -webkit-transition: background ease-out 0.1s; -ms-transition: background ease-out 0.1s;}
.kpi_contents:hover {background: #50b8d9; border-right: 1px solid #fff;}
.kpi_contents:hover span {color: #fff;}


.ad_report_wrap {width: 1103px; position: relative; margin: 0px auto;}
.ad_report_chart_row {position: relative;}
.ad_report_chart_arrow {height: 115px;}
.second_arrow {width: 100%; background: url(../images/arrow_second.png) no-repeat 360px center; margin-top: 20px;} 
.ad_report_chart_col2 {display: inline-block; width: 49%;}
.ad_report_chart {width: 420px; height: 290px; position: relative;/* margin-left: 220px;;*/}
.second_ad_report {margin-left: 0px;}
.ad_report_data {position: absolute; width: 270px; z-index: 100;}
.ad_report_chart_value {background: #f2f2f8; color: #505050; border-radius: 50%; position: absolute; width: 160px; height: 160px;/* z-index: 999*/}
.ad_report_chart_value_title {display: block; padding-top: 43px; font-size: 14px;}
.ad_report_chart_value_value {display: block; font-size: 50px; margin-top: -7px;}
.ad_report_arrow_data {position: absolute; text-align: left;}
.arrow_data_cvr {display: block; font-size: 16px; color: #505050; font-weight: bold; padding-left: 5px;}
.arrow_data_value {display: inline-block; font-size: 27px; color: #fff; background: #505050; border-radius: 10px; padding: 0px 4px;}
.ad_report_chart_arrow_left {display: inline-block;width: 47%; height: 115px; position: relative; background: url(../images/arrow_down.png) no-repeat 270px center;}
.ad_report_chart_arrow_right {display: inline-block;width: 52%; height: 115px; position: relative; background: url(../images/arrow_down.png) no-repeat 160px center;}
.arrow_left_10per {background: url(../images/arrow_left_10.png) no-repeat 400px center;}
.arrow_left_20per {background: url(../images/arrow_left_20.png) no-repeat 400px center;}
.arrow_left_30per {background: url(../images/arrow_left_30.png) no-repeat 400px center;}
.arrow_left_40per {background: url(../images/arrow_left_40.png) no-repeat 400px center;}
.arrow_left_50per {background: url(../images/arrow_left_50.png) no-repeat 400px center;}
.arrow_left_60per {background: url(../images/arrow_left_60.png) no-repeat 400px center;}
.arrow_left_70per {background: url(../images/arrow_left_70.png) no-repeat 400px center;}
.arrow_left_80per {background: url(../images/arrow_left_80.png) no-repeat 400px center;}
.arrow_left_90per {background: url(../images/arrow_left_90.png) no-repeat 400px center;}
.arrow_left_100per {background: url(../images/arrow_left_100.png) no-repeat 400px center;}

.arrow_right_10per {background: url(../images/arrow_right_10.png) no-repeat 15px center;}
.arrow_right_20per {background: url(../images/arrow_right_20.png) no-repeat 15px center;}
.arrow_right_30per {background: url(../images/arrow_right_30.png) no-repeat 15px center;}
.arrow_right_40per {background: url(../images/arrow_right_40.png) no-repeat 15px center;}
.arrow_right_50per {background: url(../images/arrow_right_50.png) no-repeat 15px center;}
.arrow_right_60per {background: url(../images/arrow_right_60.png) no-repeat 15px center;}
.arrow_right_70per {background: url(../images/arrow_right_70.png) no-repeat 15px center;}
.arrow_right_80per {background: url(../images/arrow_right_80.png) no-repeat 15px center;}
.arrow_right_90per {background: url(../images/arrow_right_90.png) no-repeat 15px center;}
.arrow_right_100per {background: url(../images/arrow_right_100.png) no-repeat 15px center;}

.report_graph_wrap {height: 180px; position: relative; margin: 0px 26px 0px 26px;}  
.report_graph_wrap span {vertical-align: middle;}
.report_special_graph_wrap { position: relative; margin: 0px 26px; margin-bottom: 20px;}
.funnel_praph {text-align: left; height: 360px; overflow-x: scroll;} 
.funnel_praph path {position: relative;}
.funnel_text {position: absolute; left: 0px; top: 40px; width:350px; text-align: center; color: #295a65;}
.funnel_level_001 {height: 53px;}
.funnel_level_002 {height: 45px;}
.funnel_level_003 {height: 45px;}
.funnel_level_004 {height: 45px;}
.funnel_level_005 {height: 45px;}
.funnel_level_006 {height: 45px;}
.funnel_level_007 {height: 45px;}
.funnel_level_008 {height: 45px;}
.funnel_level_009 {height: 45px;}
.funnel_number {display: block;}

.report_memo_wrap {background: #fff; color: #009bd1; font-size: 11px; display: inline-block; font-weight: 500; margin-bottom: 15px; border-radius: 10px; padding: 0px 10px; cursor: pointer;-webkit-transition: all ease-out 0.1s;-ms-transition: all ease-out 0.1s;}
.report_memo_wrap:hover {background: #009bd1; color: #fff;}
.report_memo_wrap_opened {background: #fff; margin: 0px 26px 15px 26px; border-radius: 6px;}
.report_memo_wrap_opened .memo_title {display: none;}
.report_memo_wrap .box_title {display: none;}
.report_memo_wrap .report_memo {display: none;}

.report_memo_wrap .memo_title {display: block;}
.report_memo_wrap_opened .box_title {display: block;}
.report_memo_wrap_opened .report_memo {display: block;}

.conversion_table_chart {}
.conversion_level {text-align: left; position: relative; margin-bottom: 10px;}
.conversion_pie {/*border: 3px solid #009bd1;*/ width: 100px; height: 100px; border-radius: 50%; display: inline-block; position: relative; text-align: center; line-height: 100px;}
.conversion_value {position: absolute; left: 110px; top: 40px;}
.conversion_down {width: 106px; text-align: center;}
.conversion_value_title {display: block; font-size: 13px; background: #505050; border-radius: 10px; padding: 3px 8px; color: #fff; display: inline-block;}
.conversion_value_sub {font-size: 20px; color: #fff;}

.page_inout {}
.page_inout_chart {display: table; width: 100%; box-sizing: border-box;}
.page_inout_col1 {display: table-cell; vertical-align: top;}
.page_inout_col2 {width: 530px; display: table-cell; vertical-align: top; padding-top: 85px;}
.page_inout_contents {width: 530px; height: 520px; background: url(../images/page_inout.png) no-repeat top center; position: relative;}
.page_out {position: absolute; top: 255px; width: 530px; text-align: center; color: #ee3f3f;}
.page_out_title {font-size: 30px; display: block;}
.page_out_value {font-size: 14px;}
.page_in {position: absolute; top: 0px;width: 530px; }
.page_in_url {position: absolute; top: 45px; left: 83px; color: #fff; width: 300px; word-break:break-all; text-align: left;}
.page_in_title {position: absolute; top: 7px; left: 83px; color: #fff; text-align: left; font-size: 16px; font-weight: bold;}
.page_in_value {position: absolute; top: 100px; left: 100px; color: #fff; text-align: left; font-size: 13px; font-weight: bold;}
.page_in_001 {display: inline-block; background: #fff; border-radius: 13px; margin-right: 10px; padding: 2px 5px; color: #50b8d9;font-weight: normal;}
.page_inout_contents .icons {margin-left: 3px;}
.page_inout_contents .icons:hover {color: #fff;}
.page_inout_bookmark {padding: 10px; color: #50b8d9;}
.page_inout_bookmark_title {display: block; font-size: 20px;}
.page_inout_internal {padding: 10px; color: #388729;}
.page_inout_internal_title {display: block; font-size: 20px;}
.page_in_url .icons { display: inline-block;}

.pathfinder_wrap {display: table; text-align: left;}
.finder {width: 214px; display: table-cell; vertical-align: top;}
.finder_add {width: 30px; display: table-cell; text-align: left; vertical-align: top;}
.finder_add_box {height: 70px; color: #50b8d9; vertical-align: middle; text-align: right; position: relative; margin-bottom: 11px;}
.finder_add_box .icons {margin-left: 0px; font-size: 26px; vertical-align: middle;-webkit-transition: color ease-out 0.1s; -ms-transition: color ease-out 0.1s;transition: color ease-out 0.1s; position: absolute; right: 3px; top: 25px; cursor: pointer;}
.finder_add_box .icons:hover {color: #2d829d;}
.finder_add_box .icon-minus-sign {color: #2d829d;}

.finder_box {width: 199px; height: 40px; position: relative;background: #50b8d9; padding: 15px; color: #fff; text-align: left; margin-bottom: 11px;}
.finder_box_active {background: #2d829d;}
.finder_value {font-weight: bold;}
.finder_btns {position: absolute; right: 10px; bottom: 10px;}
.finder_btns .icons {margin-left: 5px;}
.finder_btns .icons:hover {color: #fff;}

.finder_line {width: 62px; display: table-cell; vertical-align: top;}
.finder_line_wrap {width: 62px;/* height: 81px;*/}
.finder_line_top {width: 62px; height: 70px; background: url(../images/bg_finder_line_top.png) no-repeat center center;}
.finder_line_top_one {width: 62px; height: 70px; background: url(../images/bg_finder_line_top_one.png) no-repeat center center;}
.finder_line_left {width: 37px; height: 70px;}
.finder_line_right {}
.finder_line_bottom {width: 62px; height: 11px; background: url(../images/bg_finder_line_bottom.png) repeat-y center center;}
.finder_line_block {width: 62px; height: 11px; }
.finder_line_middle {width: 62px; height: 70px; background: url(../images/bg_finder_line_middle.png) no-repeat center center;}
.finder_line_end {width: 62px; height: 70px; background: url(../images/bg_finder_line_end.png) no-repeat center center;}

.finder_line_top_left {width: 62px; height: 70px; background: url(../images/bg_finder_line_top_left.png) no-repeat center center;}
.finder_line_left_left {width: 37px; height: 70px;}
.finder_line_right_left {}
.finder_line_bottom_left {width: 62px; height: 11px; background: url(../images/bg_finder_line_bottom_left.png) repeat-y center center;}
.finder_line_block_left {width: 62px; height: 11px; }
.finder_line_middle_left {width: 62px; height: 70px; background: url(../images/bg_finder_line_middle_left.png) no-repeat center center;}
.finder_line_end_left {width: 62px; height: 70px; background: url(../images/bg_finder_line_end_left.png) no-repeat center center;}

.finder_line_atob_left_top {width: 62px; height: 70px; background: url(../images/bg_finder_atob_left_top.png) no-repeat center center;}
.finder_line_atob_left_middle {width: 62px; height: 70px; background: url(../images/bg_finder_atob_left_middle.png) no-repeat center center;}
.finder_line_atob_left_center {width: 62px; height: 70px; background: url(../images/bg_finder_atob_left_center.png) no-repeat center center;}
.finder_line_atob_left_bottom {width: 62px; height: 70px; background: url(../images/bg_finder_atob_left_bottom.png) no-repeat center center;}

.finder_line_atob_right_top {width: 62px; height: 70px; background: url(../images/bg_finder_atob_right_top.png) no-repeat center center;}
.finder_line_atob_right_middle {width: 62px; height: 70px; background: url(../images/bg_finder_atob_right_middle.png) no-repeat center center;}
.finder_line_atob_right_center {width: 62px; height: 70px; background: url(../images/bg_finder_atob_right_center.png) no-repeat center center;}
.finder_line_atob_right_bottom {width: 62px; height: 70px; background: url(../images/bg_finder_atob_right_bottom.png) no-repeat center center;}
.finder_line_atob { background: url(../images/bg_finder_atob_line.png) repeat-x center top;}

.finder_line_atob td {height: 81px;}

.pathfinder_wrap_renew {display: block; text-align: left;}
.pathfinder_container {width: 295px; display: inline-block;}
.pathfinder_wrap_renew .finder {width: 337px; display: inline-block; position: relative; text-align: right;}
.pathfinder_wrap_renew .firstcol_finder {width: 295px; text-align: center;}
.pathfinder_wrap_renew .finder_box {display: inline-block; position: relative;}
.pathfinder_wrap_renew .finder_box_mar {margin: 0px 3px;}
.pathfinder_wrap_renew .finder_add_box {display: inline-block; width: 30px; vertical-align: top;}
.pathfinder_wrap_renew .finder_line {display: inline-block; width: 62px;}
.pathfinder_wrap_renew .finder_child:first-child  {display: inline-block; width: 327px; position: absolute; top: 0px; left: 265px;}
.finder_child  {display: inline-block; width: 327px; position: absolute; top: 0px; left: 327px;}
.finder_child .finder_child  {display: inline-block; width: 327px; position: absolute; top: 0px; left: 327px !important;}
.finder_child_left {display: inline-block; width: 327px; position: absolute; top: 0px; right: 295px;}
.finder_child_left .finder_child_left  {display: inline-block; width: 327px; position: absolute; top: 0px; right: 327px !important;}
.firstcol_finder .finder_child {display: inline-block; width: 327px; position: absolute; top: 0px; left: 295px;}

.overview_container {margin: 0px 26px; color: #9fa4b3;}
.overview_row {clear: both; position: relative; width: 100%; /* overflow: hidden;*/ float: left; margin-bottom: 26px;}
.overview_wrap {float: left; position: relative; /*overflow: hidden;*/ padding-right: 25px; box-sizing: border-box; }

.overview_col4 .overview_wrap {width: 25%;}
.overview_col4 .overview_wrap:last-child {padding-right: 0px;}

.overview_col3 .overview_wrap {width: 33%;}
.overview_col3 .overview_wrap:last-child {width: 34%; padding-right: 0px;}

.overview_coldash .overview_wrap {width: 25%;}
.overview_coldash .overview_wrap:nth-child(2) {width: 50%;}
.overview_coldash .overview_wrap:last-child { padding-right: 0px;} 

.overview_col2 .overview_wrap {width: 50%;}
.overview_col2 .overview_wrap:last-child {padding-right: 0px;}

.overview_col2_left .overview_wrap {width: 25%;}
.overview_col2_left .overview_wrap:last-child {width: 75%; padding-right: 0px;}

.overview_col2_right .overview_wrap {width: 75%;}
.overview_col2_right .overview_wrap:last-child {width: 25%; padding-right: 0px;}

.overview_col1 .overview_wrap {width: 100%;}
.overview_col1 .overview_wrap:last-child {padding-right: 0px;}

.overview_col23 .overview_wrap:nth-child(1) {width: 33%;}
.overview_col23 .overview_wrap:nth-child(2) {width: 67%;padding-right: 0px;}

.overview_row .datagrid_table {margin-bottom: 0px;}

.overview_center_bar {height: 10px; width: 130px; position: relative; display: inline-block; border-radius: 5px;}
.overview_center_bar_left {height: 10px; position: absolute; right: 65px; width: 65px; min-width: 1px;  top: 0px; text-align: right;}
.overview_center_bar_left .overview_center_graph {background: #78d0d0; max-width: 65px; height: 10px; display: inline-block; vertical-align: top; border-top-left-radius: 5px;border-bottom-left-radius: 5px;}
.overview_center_bar_right {height: 10px; position: absolute; left: 65px;  width: 65px; min-width: 1px;  top: 0px; text-align: left;}
.overview_center_bar_right .overview_center_graph {background: #ff786b; max-width: 65px; height: 10px; display: inline-block; vertical-align: top; border-top-right-radius: 5px;border-bottom-right-radius: 5px;}

.overview_right_bar_right {height: 10px; max-width: 110px; position: relative; display: inline-block; background: #ff786b; border-radius: 5px;}
.overview_right_bar_right .overview_right_graph { max-width: 110px; height: 10px; display: inline-block; vertical-align: top; }

.overview_widgetimg {float: left; margin-right: 10px; vertical-align: middle; position: relative; display: inline-block; height: 100%; min-width: 33px; text-align: center;}
.overview_widget_title {font-size: 20px; font-weight: normal; text-align: left; padding-left: 5px;  padding-bottom: 15px;}

.overview_notibox {height: 119px; border-radius: 6px;-webkit-transition: all ease-out 0.1s; -ms-transition: all ease-out 0.1s;transition: all ease-out 0.1s;}
.overview_notibox:hover {box-shadow: 1px 1px 30px rgba(0,0,0,.15)}
.overview_notibox_img {width: 117px; height: 119px; float: left; border-top-left-radius: 6px; border-bottom-left-radius: 6px; display: table-cell; line-height: 119px;}
.overview_notibox_img img {display: inline-block; position: relative; margin: auto 0px; vertical-align: middle;}
.overview_notibox_contents {height: 99px; padding: 10px; margin-left: 117px;}
.overview_notibox_title {font-size: 13px; font-weight: bold;}
.overview_notibox_value {font-size: 28px;}
.notibox_color_001 {background: #7be1e1;}
.notibox_color_002 {background: #ff786b;}
.notibox_color_003 {background: #f8d850;}
.notibox_color_004 {background: #62cff4;}

.overview_large_value {font-size: 20px; font-weight: normal; display: inline-block; height: 20px; vertical-align: middle; line-height: 20px;}
.overview_medium_value {font-size: 15px; font-weight: normal;}
.overview_small_value {font-size: 12px; font-weight: normal; display: inline-block; height: 20px; vertical-align: middle; line-height: 20px;}

.overview_notibox_chart {}
.overview_widgetbox_chart {display: inline-block; width: 170px;}

.overview_widgetbox {height: 119px; border-radius: 6px; text-align: left; margin-bottom: 25px;-webkit-transition: all ease-out 0.1s; -ms-transition: all ease-out 0.1s;transition: all ease-out 0.1s;}
.overview_widgetbox:hover {box-shadow: 1px 1px 30px rgba(0,0,0,.15)}
.overview_widgetbox:last-child {margin-bottom: 0px;}
.overview_widgetbox_img {width: 80px; height: 119px; float: left; border-top-left-radius: 6px; border-bottom-left-radius: 6px; display: table-cell; line-height: 119px; text-align: center;}
.overview_widgetbox_img img {display: inline-block; position: relative; margin: auto 0px; vertical-align: middle;}
.overview_widgetbox_contents {height: 99px; padding: 22px;}
.overview_widgetbox_title {font-size: 16px; font-weight: bold;}
.overview_widgetbox_value {font-size: 28px;}


.overview_dash {border-radius: 6px; text-align: center; margin-bottom: 25px;-webkit-transition: all ease-out 0.1s; -ms-transition: all ease-out 0.1s;transition: all ease-out 0.1s; padding-bottom: 20px;}
.overview_dash:hover {box-shadow: 1px 1px 30px rgba(0,0,0,.15)}
.overview_dash:last-child {margin-bottom: 0px;}


.overview_wrap .icon-star {margin: 0px !important;}

.timetable_circle {border-radius: 50%; background: #aaaab5; display: inline-block}
.timetable_top {background: #ff786b;}
.timetable_week {background: #aaaab5; font-size: 16px; font-weight: bold;}
.timetable_week:last-child {border-bottom-left-radius: 6px;} 
.timetable_week div {color: #fff; }

/*.highcharts-container text:last-child {display: none;;}*/


.datagrid_wrap {text-align: left; border-radius: 6px; margin-bottom: 15px; padding: 0px 26px;}
.datagrid_table {margin-bottom: 15px; border-bottom-left-radius: 6px; border-bottom-right-radius: 6px;}
.search_option {font-size: 12px;}
.search_option .icons {margin-left: 5px; font-size: 10px;}

.grid_setting {display: inline-block; margin-left: 10px; color: #807e7d;-webkit-transition: all ease-out 0.1s; -ms-transition: all ease-out 0.1s;transition: all ease-out 0.1s;}
.grid_setting:hover {color: #50b8d9;}

.grid_charts {display: inline-block;}

.grid_charts_01 span {width: 20px; height: 20px; display: inline-block; background: url(../images/chart01.png) no-repeat center center; margin-top: 3px; -webkit-transition: background ease-out 0.1s; -ms-transition: background ease-out 0.1s;}
.grid_charts_01:hover span {background: url(../images/chart001.png) no-repeat center center;}
.grid_charts_01.active {background: #50b8d9;color: #fff;border: 1px solid #50b8d9;}
.grid_charts_01.active span {width: 20px; height: 20px; display: inline-block; background: url(../images/chart001.png) no-repeat center center; margin-top: 3px; -webkit-transition: background ease-out 0.1s; -ms-transition: background ease-out 0.1s;}

.grid_charts_02 span {width: 20px; height: 20px; display: inline-block; background: url(../images/chart02.png) no-repeat center center; margin-top: 3px; -webkit-transition: background ease-out 0.1s; -ms-transition: background ease-out 0.1s;}
.grid_charts_02:hover span {background: url(../images/chart002.png) no-repeat center center;}
.grid_charts_02.active {background: #50b8d9;color: #fff;border: 1px solid #50b8d9;}
.grid_charts_02.active span {width: 20px; height: 20px; display: inline-block; background: url(../images/chart002.png) no-repeat center center; margin-top: 3px; -webkit-transition: background ease-out 0.1s; -ms-transition: background ease-out 0.1s;}

.grid_charts_03 span {width: 20px; height: 20px; display: inline-block; background: url(../images/chart03.png) no-repeat center center; margin-top: 3px; -webkit-transition: background ease-out 0.1s; -ms-transition: background ease-out 0.1s;}
.grid_charts_03:hover span {background: url(../images/chart003.png) no-repeat center center;} 
.grid_charts_03.active {background: #50b8d9;color: #fff;border: 1px solid #50b8d9;}
.grid_charts_03.active span {width: 20px; height: 20px; display: inline-block; background: url(../images/chart003.png) no-repeat center center; margin-top: 3px; -webkit-transition: background ease-out 0.1s; -ms-transition: background ease-out 0.1s;}

.grid_charts_04 span {width: 20px; height: 20px; display: inline-block; background: url(../images/chart04.png) no-repeat center center; margin-top: 3px; -webkit-transition: background ease-out 0.1s; -ms-transition: background ease-out 0.1s;}
.grid_charts_04:hover span {background: url(../images/chart004.png) no-repeat center center;}
.grid_charts_04.active {background: #50b8d9;color: #fff;border: 1px solid #50b8d9;}
.grid_charts_04.active span {width: 20px; height: 20px; display: inline-block; background: url(../images/chart004.png) no-repeat center center; margin-top: 3px; -webkit-transition: background ease-out 0.1s; -ms-transition: background ease-out 0.1s;}


/* data card */
.datacard { position: relative; /* float: left; margin-right:9px; margin-bottom:9px;  */padding: 10px; width:497px; height:270px; border: 1px solid #eaeaea;background: #fff;}
.datacard:hover {border: 1px solid #d8d8d8; box-shadow: 0px 0px 8px #eaeaea;}
.datacard h1 { display:block; color: #b0afaf; font-weight: 500; font-style: italic;font-size: 15px; line-height: 14px;}
.datacard p {display:none;}
.datacard .card_date {display:block;font-size: 12px;}
.datacard .card_info {display:none;}
.datacard .datacard_chart_large { display: block; margin-top: 10px; width:496px; height:226px;text-align: center;   }
.datacard .datacard_chart_small {position: absolute; bottom:27px; left: 20px; display: none;}

.dualreport_body .contents_container {margin-left: 0px; padding: 0px;} 
.dualreport_wrap {}
.dualreport_head {border-bottom: 1px solid #dddde5; background: #e7e7ee; text-align: left; padding: 15px 20px}
.dual_first_col {width: 50%; position: relative; float: left; border-right: 1px solid #dddde5; z-index: 1;}
.dual_second_col {width: 50%; position: relative; float: left; margin-left: -1px;} 
.dualreport_contents {text-align: left;}
.dual_first_col .dualreport_contents {padding: 20px;}
.dual_second_col .dualreport_contents {padding: 20px;}


 /* isotope item */
 .front .configArea {display:none;}
 .back .configArea {display:block;}
 
 
/**** Isotope CSS3 transitions ****/

.isotope,
.isotope .isotopeItem {
  -webkit-transition-duration: 0.8s;
     -moz-transition-duration: 0.8s;
      -ms-transition-duration: 0.8s;
       -o-transition-duration: 0.8s;
          transition-duration: 0.8s;
}
.isotopeItem {
	padding: 0px 9px 14px 0px;
}
.isotope {
  -webkit-transition-property: height, width;
     -moz-transition-property: height, width;
      -ms-transition-property: height, width;
       -o-transition-property: height, width;
          transition-property: height, width;
}

.isotope .isotopeItem {
  -webkit-transition-property: -webkit-transform, opacity;
     -moz-transition-property:    -moz-transform, opacity;
      -ms-transition-property:     -ms-transform, opacity;
       -o-transition-property:      -o-transform, opacity;
          transition-property:         transform, opacity;
}

/**** disabling Isotope CSS3 transitions ****/

.isotope.no-transition,
.isotope.no-transition .isotopeItem,
.isotope .isotopeItem.no-transition {
  -webkit-transition-duration: 0s;
     -moz-transition-duration: 0s;
      -ms-transition-duration: 0s;
       -o-transition-duration: 0s;
          transition-duration: 0s;
}
 

.datacard_small { position: relative;/* float: left;  margin-right:9px; margin-bottom:9px;*/ padding: 10px;width:235px; height:119px;}
.datacard_small:hover {box-shadow: 0px 0px 8px #b0b0b0;}
.datacard_small h1 { position: absolute; top:10px; left: 10px; display:none; color: inherit; font-weight: 500;font-size: 14px; line-height: 14px;}
.datacard_small p {display:block;}
.datacard_small .card_date {display:none;}
.datacard_small .card_info { position: absolute; top:48px; left: 95px; display:block;font-size: 11px;}
.datacard_small .datacard_chart_large { display: none; margin-top: 10px; width:496px; height:226px;text-align: center; }
.datacard_small .datacard_chart_small {position: absolute; left: 14px; display: inline-block; height: 70px; top: 50%; margin-top: -25px; vertical-align: bottom; line-height: 70px;}
.datacard_small .datacard_chart_small img {display: inline; vertical-align: middle;}

/* infographic */
.datacard_library {margin: 0px 26px; position: relative; text-align: left;}

.story_library {margin: 0px 26px;}
.story_library li { position: relative; display: inline-block; margin: 0px 22px 35px 0px; width: 155px; vertical-align: top;}
.story_list { }
.story_thumb { position: relative;width: 153px; height: 153px; border: 1px solid #eaeaea;-webkit-transition: background ease-out 0.1s; -ms-transition: background ease-out 0.1s; transition: background ease-out 0.1s;}
.story_thumb img {width: 153px; height: 153px;}
.story_thumb:hover .thumb_overlay {opacity: 1;}
.story_thumb:focus .thumb_overlay {opacity: 1;}
.story_thumb:active .thumb_overlay {opacity: 1;}
.thumb_info { position: absolute; top: 0px; left: 153px; z-index: 100; z-index:500; display: none; padding: 5px 8px; min-width: 160px;background: #2cb7ff; color: #fff;}
.story_thumb:hover .thumb_info {opacity: 1;}
.thumb_overlay { position: absolute; opacity: 0; padding-top: 60px; width: 153px; height: 93px;background: url(../images/overlay_black.png); text-align: center;-webkit-transition: background ease-out 0.1s; -ms-transition: background ease-out 0.1s; transition: background ease-out 0.1s;}
.thumb_overlay .thumb_btns { position: relative;display: inline-block; margin: 0px 5px; width: 31px; height: 23px;}
.thumb_overlay ul {position: relative;}
.thumb_list_text {position: absolute; top: 30px; left: 0px; display: none; width: 153px; color: #fff; font-weight: 700;}
.story_list_info dt { padding-top: 9px; padding-bottom: 4px;color: #2F2E2E; font-weight: 500; text-overflow: ellipsis; width: 155px;overflow: hidden;white-space: nowrap;}
.story_list_info dd { text-overflow: ellipsis; width: 155px;overflow: hidden;white-space: nowrap;}
.story_list_info dt div { display: inline-block; margin-right: 5px;width: 16px; height: 16px; vertical-align: bottom;}
.btn_list_zoom:hover .thumb_list_text { left:-20px;display:block;}
.btn_list_copy:hover .thumb_list_text { left:-60px;display:block;}
.btn_list_modi:hover .thumb_list_text { left:-60px;display:block;}
.btn_list_del:hover .thumb_list_text { left:-105px;display:block;}
.detail_info {display: inline-block !important; margin: 0px 20px 0px 0px !important; padding: 0px !important; border: none !important;}
.story_list_info_date {color: #ababab;}
.story_library_lv li { position: relative; display: block; padding: 3px 0px 10px 0px; border-bottom: 1px solid #eaeaea;}

.infographic_container { }
.infographic_list_container { position: relative; float: left; overflow: auto;width: 630px;}
.infographic_wrap { width: 628px;border: 1px solid #eaeaea;}
.infograpgic_cards {position: relative; margin-left: 655px;}
.infographic_info_selector {position: absolute; top: -25px; z-index: 100000;color: #2f2e2e; font-weight: 500; font-size: 16px;}
.infographic {width: 628px;}
.infographic li {position: relative; display: block; text-align: center;}
.infographic_block {border: 1px solid rgba(234, 234, 234, 0);}
.infographic_block:hover {border: 1px dashed rgba(234, 234, 234, 1);}
.btn_del_block { position: absolute !important; top: -10px; right: -17px; z-index: 10;width: 15px; height: 15px; background: url(../images/btn_delinfo.png) no-repeat; cursor: pointer;}
.infographic_block div { position: relative;display: inline-block;  margin: 8px 0px;}
.infographic_block_chart { }
.infographic_block_title {display: block !important; padding-left: 10px; border-left: 3px solid #2cb7ff; color: #2f2e2e; text-align: left; font-size: 30px;}
.infographic_block_title input { width: 95%; border: none; color: #2f2e2e;text-align: left; font-size: 30px;}
.infographic_block_subtitle {display: block !important; padding: 0px 20px; text-align: left; font-weight: 500; font-size: 16px;}
.infographic_block_subtitle input { width: 95%; border: none;text-align: left; font-weight: 500; font-size: 16px;}
.infographic_block_comment { padding: 5px 8px; width: 90%;border: 1px solid #eaeaea; border-radius: 5px; text-align: left;}
.infographic_block_blank {margin: 0px 0px !important;}
.infographic_block_comment textarea { margin: 0px; padding: 0px;width: 100%; height: auto; outline: none; border: none; color: #ababab; text-align: left; resize: vertical;}


.create_info {position: relative; padding: 30px 0px 0px 30px;}
.create_info_vruler {position: absolute; top: 0px; left: 30px; width: 650px; height: 10px; border-left: 1px solid #2cb7ff; background: url(../images/vruler.png) repeat-x;}
.create_info_hruler {position: absolute; top: 30px; left: 0px; width: 10px; height: 100%; border-top: 1px solid #2cb7ff; background: url(../images/hruler.png) repeat-y;}
.create_info_vruler span {position: absolute; top: 6px; display: inline-block; font-size: 11px;}
.create_info_hruler span {position: absolute; left: 6px; display: inline-block; font-size: 11px; -webkit-transform: rotate(90deg); -moz-transform: rotate(90deg); -ms-transform: rotate(90deg); -o-transform: rotate(90deg); tranform: rotate(90deg); tranform: rotate(90deg);}
.create_info .infographic_wrap .infographic li {cursor: move;}


/** include bizspringLocalization.js .ui-dialog {background: #fff; border: none; color: #5c5c5c; font-family: 'Open Sans' , Nanum Gothic, verdana, Helvetica, 굴림,gulim, dotum, 돋움, sans-serif;} */
.ui-dialog-buttonpane {border: none;}
.ui-dialog-buttonset {float: none;}
/** include bizspringLocalization.js .ui-dialog-buttonset button {line-height: 15px; padding: 4px 10px; font-family: 'Open Sans' , Nanum Gothic, verdana, Helvetica, 굴림,gulim, dotum, 돋움, sans-serif;} */
.ui-dialog-buttonset button span {padding: none !important; display: inline !important;}
.ui-dialog-buttonset button:focus span {padding: none;}
.ui-dialog-buttonset button:last-child {text-decoration: underline; background: none; border: none;}
.ui-dialog-buttonset button:first-child {background: #50b8d9;color: #fff;border: 1px solid #50b8d9 !important; border-radius: 15px;}
.ui-button-text-only .ui-button-text {padding: 0px;}
.ui-state-active, .ui-widget-content .ui-state-active, .ui-widget-header .ui-state-active {line-height: 15px; padding: 4px 10px;}
.ui-widget-header {color: #50b8d9; font-size: 20px;}
.ui-datepicker-title {color: #50b8d9; font-size: 15px;}  


/* table set */

.vruler { height: 10px;border-collapse: collapse;}
.vruler td { width: 4px;border-left: 1px solid #eaeaea;}
.vruler .vruler_10 { width: 4px;border-left: 1px solid #a4a4a4;}

.hruler { width: 10px;border-collapse: collapse;}
.hruler td { height: 4px;border-top: 1px solid #eaeaea;}
.hruler .hruler_10 { height: 4px;border-top: 1px solid #a4a4a4;}

.t1 { width: 100%;border-collapse: collapse;}
.t1 th { padding: 4px 0px;color: #414242; text-align: left;}
.t1 td { padding: 4px 0px;text-align: left;}

.table_fixed {position: fixed;top: 0;}

.color_pick {position: relative; margin-left: 5px; padding-bottom: 6px; display: inline-block;}
.color_pick .btn_down {width: 28px; height:28px; background: url(../images/btn_down_w.png) center center no-repeat; cursor: pointer; display: inline-block; right: -24px; top: -6px;}
.color_pick:hover .colorpick_layer {display: block;}
.color_pick span {padding: 0px 5px;border: 1px solid #ebebeb;}
.colorpick_layer {position: absolute; width: 54px; height: 54px; background: #fff; text-align: center; padding: 5px; top: 20px; left: 10px; display: none;}
.nano .colorpick_layer {position: absolute; width: 54px; height: 54px; background: #fff; text-align: center; padding: 5px; top: 20px; left: -35px !important ; display: none; z-index: 999; background : #636363;}
.colorpick_layer span {width: 15px; height: 15px; display: inline-block; padding: 0px; border: none;}

.create_table_layout caption {font-size: 20px; font-weight: 500; margin: 20px 0px 15px 0px; text-align: left;}
.table_header {background: #fafafa;} 

.create_table_layout2 th .table_cell {padding: 2px 30px 2px 0px; height: auto; position: relative; vertical-align: middle;}
.create_table_layout2 th .table_cell .icon-arrow-up {position: absolute; right: 0px; top: 5px;}
.create_table_layout2 th .table_cell .icon-arrow-down {position: absolute; right: 0px; top: 5px;}
.create_table_layout2 td .table_cell img {vertical-align: middle;}
.create_table_layout2 .row_impact {background: #fafafa;}
.create_table_layout2 .base_tr td {border-top:2px solid #e1e1e1;}
.create_table_layout2 .segment_tr td {border-top:2px dashed #e1e1e1;}
.create_table_layout2 .funnel_leave {padding: 0px;  height: 100%;}
.create_table_layout2 .funnel_leave .table_cell {vertical-align: middle; text-align: center; color: #d95050; font-size: 20px; font-weight: bold;}
.create_table_layout2 .funnel_final {padding: 0px;  height: 100%;}
.create_table_layout2 .funnel_final .table_cell {vertical-align: middle; text-align: center; color: #50b8d9; font-size: 20px; font-weight: bold;}
.create_table_layout2 .funnel_change {padding: 0px; vertical-align: middle; text-align: center; color: #fff; height: 100%;}
.create_table_layout2 .funnel_change .table_cell {vertical-align: middle; text-align: center; color: #50b8d9; font-weight: bold;} 
.create_table_layout2 .table_cell .icon-external-link {float: right; line-height: 20px; color: #d4d2d7;}
.create_table_layout2 .table_cell .icon-external-link:hover {color: #50b8d9;}
.create_table_layout2 .table_cell .icon-level-down {float: right; line-height: 20px; color: #d4d2d7;}
.create_table_layout2 .table_cell .icon-level-down:hover {color: #50b8d9;}
.cell_blank {background: #eaeaea;} 

.overview_container .create_table_layout2 td {color: #93939e;}
.th_large_title {font-size: 27px; display: block;}
.th_large_remark {font-size: 20px; display: block; text-align: center;}

.table_cell {padding: 2px 0px; height: auto; position: relative; vertical-align: middle; word-wrap: break-word;}
.table_cell_barchart {max-width: 200px; height: 13px; background: #3087dd; display: inline-block; margin-right: 5px; vertical-align: middle;}
.table_cell_barchart_text {display: inline-block; font-weight: bold; vertical-align: middle;}
.table_cell .icons {margin: 0px 4px;}
.table_cell .url_list li {padding: 5px 0px;display: block; height: 25px;}
.data_sum {text-align: right;}
.data_sum_data {font-size: 20px; font-weight: bold; display: block; margin-bottom: 2px;}
.data_sum_rem {font-size: 11px;}

.option_search_container {padding: 20px; border-bottom: 1px solid #efeff1;}
.option_search_row {background: #fafafa; border-radius: 8px;  border: 1px solid #efeff1; display: block; padding: 8px 10px; width: 780px;z-index: 99;}
.option_search_row .icons {display: inline-block; vertical-align: middle; margin-left: 3px;}
.option_search_row_and {background: #fafafa; border-left: 1px solid #efeff1; border-right: 1px solid #efeff1; border-top: none; border-bottom: none; display: block; padding: 8px 10px; margin-left: 100px; width: 50px; text-align: center; margin-top: -1px; margin-bottom: -1px; font-weight: bold; z-index: 100; position: relative;}


.create_table_layout { width: 100%;border-collapse: collapse; border-spacing: 0px;}
.create_table_layout th {padding: 5px 10px; text-align: left; width: 110px;}
.create_table_layout td {padding: 5px 10px; vertical-align: middle;text-align: left; width: 185px;}
.create_table_layout ol {margin-left: 30px;}
.create_table_layout ol li {list-style-type: decimal; margin-bottom: 10px;}

.create_table_layout0 { width: 100%;border-collapse: collapse; border-spacing: 0px;}
.create_table_layout0 th {padding: 5px 10px; text-align: left; width: 140px;}
.create_table_layout0 td {padding: 5px 10px; vertical-align: middle;text-align: left; border-bottom: none !important; border-right: none !important;}
.create_table_layout0 ol {margin-left: 30px;}
.create_table_layout0 ol li {list-style-type: decimal; margin-bottom: 10px;}

.create_table_layout1 { width: 100%;border-collapse: collapse;}
.create_table_layout1 th { padding: 4px 0px; height: 17px;color: #414242; text-align: left;}
.create_table_layout1 td { padding: 4px 0px; vertical-align: middle;text-align: left;}

.create_table_ul2 {width: 100%; display: table; position:relative; height:71px;}
.create_table_ul2 .ui-sortable-helper {/*top: 0px !important; position: relative !important;*/}
.create_table_ul2 .ui-state-highlight {min-width: 100px; position: relative;}
.create_table_ul2 li {display: table-cell; cursor: move;}
.create_table_ul2 li:last-child {border-right: none;}
.create_table_ul2 .datagrid_addcol {vertical-align: middle; cursor: pointer; text-align: center; width: 120px;}
.create_table_ul2 .datagrid_addcol a {margin-left: 0px;-webkit-transition: all ease-out 0.1s;transition: all ease-out 0.1s;-ms-transition: all ease-out 0.1s; }
.create_table_ul2_head {padding: 8px 10px; color: #414242; text-align: left; background: #fafafa; font-weight: 700; border-bottom: 2px solid #eaeaea; border-right: 1px solid #efeff1; -webkit-transition: background ease-out 0.1s;transition: background ease-out 0.1s;-ms-transition: background ease-out 0.1s; }
.create_table_ul2_body {padding: 5px 10px; text-align: right; border-bottom: 1px solid #efeff1; color: #5c5c5c; border-right: 1px solid #efeff1;}
.create_table_ul2_head .icons {position: absolute; right: 0px;}

.create_table_layout2 { width: 100%;border-collapse: collapse;}
.create_table_layout2 .impact_sum {background :#eaeaea;}
.create_table_layout2 .impact {background :#fafafa;}
.create_table_layout2 th {padding: 8px 10px; color: #414242; text-align: left; background: #fafafa; font-weight: 700; border-bottom: 2px solid #eaeaea; border-right: 1px solid #efeff1; -webkit-transition: background ease-out 0.1s;transition: background ease-out 0.1s;-ms-transition: background ease-out 0.1s;}
.create_table_layout2 th:last-child {padding: 8px 10px; color: #414242; text-align: left; background: #fafafa; font-weight: 700; border-bottom: 2px solid #eaeaea; border-right: none;}
.create_table_layout2 th:hover {background: #eaeaea;}
.create_table_layout2 .sortable {cursor: pointer;}
.create_table_layout2 .sortable .icon-question-sign {display: inline-block; z-index: 100; position: relative;}
.create_table_layout2 .sortable_title {display: block; min-height: 21px; position: absolute; width: 100%; top: 0px; left: 0px; z-index: 99;}
/*
.create_table_layout2 th:hover a {color: #fff;}
.create_table_layout2 th:hover span {color: #fff;}
*/
.create_table_layout2 td {padding: 5px 10px; text-align: right; border-bottom: 1px solid #efeff1; color: #5c5c5c; border-right: 1px solid #efeff1;}
.create_table_layout2 td:last-child {padding: 5px 10px; text-align: right; border-bottom: 1px solid #efeff1; border-right: none;}
.create_table_layout2 .nbt {border-bottom: none;}
.create_table_layout2 .create_table_layout2_title span {padding: 0px 4px;}
/*.create_table_layout2 tr:hover {background: #faf6af; color: #808080;}*/
.create_table_layout2 caption {caption-side: top; text-align: left; margin-bottom: 5px;color: #414242;font-weight: 700;}
.create_table_layout2 .dateform {border: dashed 1px;}
.create_table_layout2 .dateform:hover {border: dashed 1px;}
.create_table_layout2 .dateform:focus {border: dashed 1px;}
.create_table_layout2 .total {background: #fafafa;padding: 5px 10px; height: 35px;color: #414242;  background: #fafafa; font-weight: 700;}
.create_table_layout2 .total_t {background: #fafafa;padding: 5px 10px; height: 35px;color: #414242; text-align: center; background: #fafafa; font-weight: 700;}

.create_table_layout2_b { width: 100%;border-collapse: collapse;}
.create_table_layout2_b th { padding: 6px 3px; height: 17px;color: #fff; text-align: left; background: #54c5ff;; font-weight: 700;}
.create_table_layout2_b td { padding: 5px 3px; vertical-align: middle;text-align: left; border-bottom: 1px solid #87d6ff;; height: 30px;word-break:break-all;}
.create_table_layout2_b .create_table_layout2_title span {padding: 0px 4px;}
.create_table_layout2_b tr:hover {background: #54c5ff;}
.create_table_layout2_b caption {caption-side: top; text-align: left; margin-bottom: 5px;color: #414242;font-weight: 700;}
.create_table_layout2_b .dateform {border: dashed 1px;}
.create_table_layout2_b .dateform:hover {border: dashed 1px;}
.create_table_layout2_b .dateform:focus {border: dashed 1px;}

.create_table_layout3 { width: 100%;border-collapse: collapse;}
.create_table_layout3 th { padding: 6px 3px; height: 17px; color: #414242; text-align: left; background: #fafafa; font-weight: 700; width: 130px;}
.create_table_layout3 td { padding: 5px 3px; vertical-align: middle;text-align: left; border-bottom: 1px solid #eaeaea; height: 30px;}
/*.create_table_layout3 tr:hover {background: #fafafa;}*/
.create_table_layout3 caption {caption-side: top; text-align: left; margin-bottom: 5px;color: #414242;font-weight: 700;}
.create_table_layout3 .dateform {border: dashed 1px;}
.create_table_layout3 .dateform:hover {border: dashed 1px;}
.create_table_layout3 .dateform:focus {border: dashed 1px;}

.create_table_layout_path { width: 100%;border-collapse: collapse;}
.create_table_layout_path td {padding: 0px;}

.retention_green {color: #64bc46; font-size: 12px;}
.retention_red {color: #ff786b; font-size: 12px;}

/* tooltip */
.qua {background: #2cb7ff; padding: 0px 5px; color: #fff; display: inline-block; margin-left: 3px; cursor: help; vertical-align: middle;}
.qua a:hover {color: #fff;}
/*
.create_contents .qua {background: #fff; padding: 0px 5px; color: #2cb7ff; display: inline-block; margin-left: 3px; cursor: help; vertical-align: middle;}
.create_contents .qua a {color: inherit;}
*/
.cz_toolbox_contents .qua {background: #fff; padding: 0px 5px; color: #2cb7ff; display: inline-block; margin-left: 3px; cursor: help; vertical-align: middle;}
.cz_toolbox_contents .qua a {color: inherit;}

.exemple {display: inline-block;}

    .ui-tooltip{
        border: none;
        background: rgba(0,0,0,0.7);
        font-weight: bold;
        color: #fff;
        border-radius: 6px;
        padding: 4px 10px;
        /***text-transform: uppercase;****/
        font-size: 12px;
    }

    .arrow {
        position: absolute;
        bottom: -16px;
        left: 50%;
        overflow: hidden;
        margin-left: -25px;
        width: 50px;
        height: 16px;
    }
    .arrow.top {
        top: -16px;
        bottom: auto;
    }
    /*
    .arrow.left {
        left: 20%;
    }
    */
    .arrow:after {
        position: absolute;
        top: -10px;
        left: 15px;
        width: 15px;
        height: 15px;
        border: none;
        background: rgba(0,0,0,0.7);
        /*box-shadow: 6px 5px 9px -9px black;*/
        content: "";
        -webkit-transform: rotate(45deg);
        -moz-transform: rotate(45deg);
        -ms-transform: rotate(45deg);
        -o-transform: rotate(45deg);
        tranform: rotate(45deg);;
    }
    .arrow.top:after {
        top: auto;
        bottom: -20px;
    }

/* calender */
/* .btn_down:hover .cal {display:block; */
.cal {position: absolute; top: 40px; right: -137px; z-index: 400; display:none; width:700px; height: 300px; border: 1px solid #eaeaea; background: #fff; box-shadow: 0px 0px 10px #e4e4e4; cursor: auto;}
.white_arrow {position: absolute; top: -10px;  right: 147px; z-index: 399; overflow: hidden; width: 40px; height: 10px;}
.white_arrow_inner {position: absolute; top: 3px; right: 1px; width: 15px; height: 15px; border: 1px solid #eaeaea; background: #fff;
        -webkit-transform: rotate(45deg);
        -moz-transform: rotate(45deg);
        -ms-transform: rotate(45deg);
        -o-transform: rotate(45deg);}
.cal_title { position: relative;padding: 10px;text-align: left; line-height:25px;}
.cal_title h1 { display: inline-block; color: #2f2e2e;font-size: 25px; line-height:25px;}
.datepicker {position: relative; display: inline-block; padding-left: 10px; vertical-align: top;}
.dateform { display: inline-block; padding: 8px;width: 90px; height: 12px; border: 1px solid #eaeaea; border-radius: 0px; background: #fff; font-size: 12px;}
.dateform:hover {border: 1px solid #a2a2a2;}
.dateform:focus {border: 1px solid #a2a2a2;}
.cal_contents { position: relative;padding: 28px 15px 0px 15px;}
  
  #datepicker_container { margin-top: 10px;padding: 0px 15px;}
	div.timeframe_calendar {
	  display: inline-block; margin: 0; padding: 0; width: 520px; text-align: center; text-shadow: none; font-weight: 200;}
	
	/* Menu */
	div.timeframe_calendar ul.timeframe_menu { position: absolute; top: 17px;
	  margin: auto; width: 100%;
	  list-style-type: none;
	}
	  div.timeframe_calendar ul.timeframe_menu li {
	    display: inline;
	  }
	    div.timeframe_calendar ul.timeframe_menu li a {
	      display: inline-block;
	      padding: 0px 0 0;
	      width: 15px;
	      height: 30px;
	      text-decoration: none;
	    }
	      div.timeframe_calendar ul.timeframe_menu li a.previous { position: absolute; left: 18px;
	        background: url(../images/btn_left.png) no-repeat; text-indent: -9999px;}
	      div.timeframe_calendar ul.timeframe_menu li a.next { position: absolute;right: 18px;
	        background: url(../images/btn_right.png) no-repeat; text-indent: -9999px;}

	      div.timeframe_calendar ul.timeframe_menu li a.previous:hover {
	        background: url(../images/btn_left_hover.png) no-repeat;}
	      div.timeframe_calendar ul.timeframe_menu li a.next:hover {
	        background: url(../images/btn_right_hover.png) no-repeat;}

div.timeframe_calendar ul.timeframe_menu li a.previous:hover, div.timeframe_calendar ul.timeframe_menu li a.next:hover {
	          /* background: #ccc; */
	        }
	        div.timeframe_calendar ul.timeframe_menu li a.previous:active, div.timeframe_calendar ul.timeframe_menu li a.next:active {
	          background: #aaa;
	        }
	      div.timeframe_calendar ul.timeframe_menu li a.disabled, div.timeframe_calendar ul.timeframe_menu li a.disabled:hover, div.timeframe_calendar ul.timeframe_menu li a.disabled:active {
	        background: #fff;
	        color: #ccc;
	        cursor: default;
	      }
	      div.timeframe_calendar ul.timeframe_menu li a.today{
	        display: none;
	      }
	      div.timeframe_calendar ul.timeframe_menu li a.reset{
	        display: none;
	      }
	        div.timeframe_calendar ul.timeframe_menu li a.today:hover {
	          background: #246744;
	        }
	        div.timeframe_calendar ul.timeframe_menu li a.today:active {
	          background: #024522;
	        }
	      div.timeframe_calendar ul.timeframe_menu li a.previous {
	        /* -webkit-border-top-left-radius:     10px; */
	        /* -moz-border-radius-topleft:         11px; */
	        /* -webkit-border-bottom-left-radius:  10px; */
	        /* -moz-border-radius-bottomleft:      11px; */
	      }
	      div.timeframe_calendar ul.timeframe_menu li a.next {
	        /* -webkit-border-top-right-radius:     10px; */
	        /* -moz-border-radius-topright:         11px; */
	        /* -webkit-border-bottom-right-radius:  10px; */
	        /* -moz-border-radius-bottomright:      11px; */
	      }
	
	/* Calendar*/
	div.timeframe_calendar table {
	  display: inline;
	  display: inline-block;
	  margin: 0px 5px 0px 0px;
	  width: 157px;
	  border-collapse: collapse;
	  word-break: normal;
	  font-size: 11px;
	}
	  /* Month names */
	  div.timeframe_calendar table caption { border-top: none; color: #2f2e2e;
	    caption-side: top; font-size: 25px;
	  }
	  /* Cell sizes */
	  div.timeframe_calendar thead th, div.timeframe_calendar tbody td {
	    margin: 0;
	    /* padding: 2px 2px; */
	    padding: 2px 4px;
	    width: 14px;
	    height: 12px; border-right: 1px solid #f0f0f0;
	    border-bottom: 1px solid #f0f0f0;border-left: 1px solid #f0f0f0;
	    text-align: center; font-weight: 200;
	  }
	  div.timeframe_calendar thead th {border-right: none; border-left: none;}
	  /* Weekday letters */
	  div.timeframe_calendar thead {color: #969595; font-weight: 200 !important;}
	  /* Days */
	  div.timeframe_calendar tbody {
	    width: 157px;
	    background: #fff;
	  }
	    div.timeframe_calendar tbody td {
	      cursor: pointer;
	    }
	      /* Hover states not available in IE */
	      div.timeframe_calendar tbody td.selectable:hover {background-color: #2cb7ff; color: #fff;}
	      div.timeframe_calendar tbody td.selected:hover, div.timeframe_calendar tbody td.stuck:hover {
	        background-color: #676767; color: #fff;
	      }
	      /* Selected states */
	      div.timeframe_calendar tbody td.selected {background-color: #676767; color: #fff;}
	      div.timeframe_calendar tbody td.stuck {
	        background-color: #676767; color: #fff;
	      }
	      /* Range markers */
	      div.timeframe_calendar tbody td.startrange, div.timeframe_calendar tbody td.endrange, div.timeframe_calendar tbody td.startendrange {
	        cursor: col-resize;
	      }
	      div.timeframe_calendar tbody td.startrange {
	        background-image: url(../images/start.png);
	      }
	      div.timeframe_calendar tbody td.endrange {
	        background-image: url(../images/end.png);
	      }
	      div.timeframe_calendar tbody td.startendrange {
	        background-image: url(../images/startend.png);
	      }
	      /* Today */
	      div.timeframe_calendar tbody td.today {
	        background-color: #2cb7ff;
	        color: #eee;
	      }
	        div.timeframe_calendar tbody td.today_selected {
	          background-color: #2cb7ff;
	        }
	        div.timeframe_calendar tbody td.today_stuck {
	          background-color: #2cb7ff;
	        }
	      /* Post/pre-month */
	      div.timeframe_calendar tbody td.beyond {background-color: #ffffff; color: #ffffff; text-indent: -9999px;}
	      div.timeframe_calendar tbody td.beyond_selected { background-color: #ffffff; color: #ffffff;  text-indent: -9999px;}
	      div.timeframe_calendar tbody td.beyond_stuck {background-color: #ffffff; color: #ffffff; text-indent: -9999px;}
	      
	      div.timeframe_calendar tbody td.unselectable {
	        color: #ccc;
	        cursor: default;
	      }
	      /* Clear button */
	      div.timeframe_calendar tbody td span.clear {
	        position: absolute;
	        display: block;
	        width: 0;
	        height: 0;
	        color: transparent;
	      }
	        div.timeframe_calendar tbody td span.clear span {
	          position: relative;
	          top: -18px;
	          left: -18px;
	          display: block;
	          width: 30px;
	          height: 30px;
	          background-image: url(../images/closebox.png);
	          text-indent: -10000px;
	          cursor: pointer;
	        }
	          div.timeframe_calendar tbody td span.clear span.active {
	            background-image: url(../images/closebox_selected.png);
	          }


/** initial setup **/

.nano {
  position : relative;
  width    : 100%;
  height   : 100%;
  overflow : hidden;
}
.nano .content {
  position      : absolute;
  overflow      : scroll;
  overflow-x    : hidden;
  top           : 0;
  right         : 0;
  bottom        : 0;
  left          : 0;
}
.nano .content:focus {
  outline: thin dotted;
}
.nano .content::-webkit-scrollbar {
  visibility: hidden;
}
.has-scrollbar .content::-webkit-scrollbar {
  visibility: visible;
}
.nano > .pane {
  background : rgba(0,0,0,.25);
  position   : absolute;
  width      : 10px;
  right      : 0;
  top        : 0;
  bottom     : 0;
  visibility : hidden\9; /* Target only IE7 and IE8 with this hack */
  opacity    : .01; 
  -webkit-transition    : .2s;
  -moz-transition       : .2s;
  -o-transition         : .2s;
  transition            : .2s;
  -moz-border-radius    : 5px;
  -webkit-border-radius : 5px;  
  border-radius         : 5px;
  z-index: 999;
}
.nano > .pane > .slider {
  background: #444;
  background: rgba(0,0,0,.5);
  position              : relative;
  margin                : 0 1px;
  -moz-border-radius    : 3px;
  -webkit-border-radius : 3px;  
  border-radius         : 3px;
}
.nano:hover > .pane, .pane.active, .pane.flashed {
  visibility : visible\9; /* Target only IE7 and IE8 with this hack */
  opacity    : 0.99;
}

.create_table_layout2 .thumb_img {width:69px; height:69px; float: left; margin-right: 13px; border: 1px solid #dbdbdb; position: relative;}

.main_dashboard_toggle_btn { position: absolute; }


/* custom input set */
.icheckbox_square,.iradio_square {display: inline-block; float: left; margin: 0; margin-right: 5px; padding: 0;width: 22px;height: 22px;border: none;background: url(../images/aero.png) no-repeat; vertical-align: middle;cursor: pointer;-webkit-transition: all 0.1s ease-in;-ms-transition: all 0.1s ease-in; zoom: 1;}
.icheckbox_square {background-position: 0 0;}
.icheckbox_square.hover {background-position: -24px 0;}
.icheckbox_square.checked {background-position: -48px 0;}
.icheckbox_square.disabled {background-position: -72px 0;cursor: default;}
.icheckbox_square.checked.disabled {background-position: -96px 0;}
.iradio_square {background-position: -120px 0;}
.iradio_square.hover {background-position: -144px 0;}
.iradio_square.checked {background-position: -168px 0;}
.iradio_square.disabled {background-position: -192px 0;cursor: default;}
.iradio_square.checked.disabled {background-position: -216px 0;}

/* custom input set Retina support */
@media only screen and (-webkit-min-device-pixel-ratio: 1.5),
       only screen and (-moz-min-device-pixel-ratio: 1.5),
       only screen and (-o-min-device-pixel-ratio: 3/2),
       only screen and (min-device-pixel-ratio: 1.5) {
.icheckbox_square,.iradio_square {background-image: url(aero@2x.png);background-size: 240px 24px;-webkit-background-size: 240px 24px;}}



/**
   realtime dashboard style 
**/
.realtime_Top_Chart {height:227px; }
.realtime_contents_nav { display: block; margin: 10px 0px 10px 0px;  }
.realtime_contents_nav ul { text-align: left; }
.realtime_contents_nav li { left: 25px;  display: inline-block; margin-right: 20px; font-weight: 700;}
.realtime_contents_nav .on {padding: 4px 10px;}
.realtime_contents_nav .on a {color: #fff !important; }
.realtime_contents_nav .off {background: #eaeaea; padding: 4px 10px; }
.realtimeTabBody {position: relative; margin-top: 15px; padding-bottom: 20px; text-align: left; }
 
/* tab 0 */
.realTimeTab0Grid {}
 
/* tab 1 */
.realTimeTab1Grid { }
.realTimeTab1Grid .leftTab{ width:49%; float: left; }
.realTimeTab1Grid .rightTab{ width:49%; float: left;  }

/* tab 2 */
.realTimeTab2Grid { }
.realTimeTab2Grid .leftTab{ width:49%; float: left; }
.realTimeTab2Grid .rightTab{ width:49%; float: left;  }

/* tab 3 */
.realTimeTab3Grid { }

/* tab 4 */ 
.realTimeTab4Grid { }
.realTimeTab4Grid .leftTab{ width:49%; float: left; }
.realTimeTab4Grid .rightTab{ width:49%; float: left;  }

 .realTimedata {margin:0;padding:0;width:100%;} 
.currentVisitDetailRow { position: relative; text-align:left;} 
.currentVisitDetailRow .infoTbl { position: relative; width:100%; height:100%; top:0px;left:0px;}
.currentVisitDetailRow .infoTbl th { padding: 2px 1px; height: 9px;color: #414242; text-align: left; background: #fafafa; font-weight: 700; width:60px;}
.currentVisitDetailRow .infoTbl td { padding: 2px 1px; vertical-align: middle;text-align: left;  height: 9px; padding-left:3px;} 



.realTimeTab1Grid {position: relative; width:100%; height: 100%; text-align:left; padding:5px; }
.realTimeTab2Grid {position: relative; width:100%; height: 100%; text-align:left; padding:5px; }
.realTimeTab3Grid {position: relative; width:100%; height: 100%; text-align:left; padding:5px; }
.realTimeTab4Grid {position: relative; width:100%; height: 100%; text-align:left; padding:5px; }


.blue_ul_point { margin-top: -2px; border: 2px dashed #87d6ff; border-radius: 0px; text-align: left; cursor: pointer; padding:10px } 

.blue_ul_li_point {background: #fff;display: block;overflow: hidden;/*white-space: nowrap*/;position: relative;padding: 5px 8px !important;text-decoration: none;border: 1px solid #ebebeb;/*height: 26px;line-height: 26px*/;cursor: pointer;border-radius: 13px;-webkit-transition: all 0.1s ease-in;-ms-transition: all 0.1s ease-in;transition: all 0.1s ease-in; margin-bottom: 5px; min-width: 15px;}
.blue_ul_li_point:hover {  border: 1px dashed #2f90af; background: #50b8d9; color: #fff; } 

.blue_ul_li_point_for_operator { margin-top: -2px; text-align: center; width: 14px; cursor: pointer; margin-right:4px; }
/*.blue_ul_li_point_for_operator:hover {  border: 2px dashed #87d6ff; background: #2897d2; }*/

/* ETC */ 
.infoLimit  {color:rgb(170,170,170); background-color:rgb(252,252,252); }

/* flag */


.flag-a1-png {
    background: url(../images/sprite.png) no-repeat; width:16px;
    height: 11px;
    background-position: -378px -88px;
}

.flag-a2-png {
    background: url(../images/sprite.png) no-repeat; width:16px;
    height: 11px;
    background-position: -378px -66px;
}

.flag-ad-png {
    background: url(../images/sprite.png) no-repeat; width:16px;
    height: 11px;
    background-position: -378px -44px;
}

.flag-ae-png {
    background: url(../images/sprite.png) no-repeat; width:16px;
    height: 11px;
    background-position: -378px -22px;
}

.flag-af-png {
    background: url(../images/sprite.png) no-repeat; width:16px;
    height: 11px;
    background-position: -380px -0px;
}

.flag-ag-png {
    background: url(../images/sprite.png) no-repeat; width:16px;
    height: 11px;
    background-position: -351px -374px;
}

.flag-ai-png {
    background: url(../images/sprite.png) no-repeat; width:16px;
    height: 11px;
    background-position: -324px -374px;
}

.flag-al-png {
    background: url(../images/sprite.png) no-repeat; width:16px;
    height: 11px;
    background-position: -297px -374px;
}

.flag-am-png {
    background: url(../images/sprite.png) no-repeat; width:16px;
    height: 11px;
    background-position: -270px -374px;
}

.flag-an-png {
    background: url(../images/sprite.png) no-repeat; width:16px;
    height: 11px;
    background-position: -243px -374px;
}

.flag-ao-png {
    background: url(../images/sprite.png) no-repeat; width:16px;
    height: 11px;
    background-position: -216px -374px;
}

.flag-ap-png {
    background: url(../images/sprite.png) no-repeat; width:16px;
    height: 11px;
    background-position: -189px -374px;
}

.flag-aq-png {
    background: url(../images/sprite.png) no-repeat; width:16px;
    height: 11px;
    background-position: -162px -374px;
}

.flag-ar-png {
    background: url(../images/sprite.png) no-repeat; width:16px;
    height: 11px;
    background-position: -135px -374px;
}

.flag-as-png {
    background: url(../images/sprite.png) no-repeat; width:16px;
    height: 11px;
    background-position: -108px -374px;
}

.flag-at-png {
    background: url(../images/sprite.png) no-repeat; width:16px;
    height: 11px;
    background-position: -81px -374px;
}

.flag-au-png {
    background: url(../images/sprite.png) no-repeat; width:16px;
    height: 11px;
    background-position: -54px -374px;
}

.flag-aw-png {
    background: url(../images/sprite.png) no-repeat; width:16px;
    height: 11px;
    background-position: -27px -374px;
}

.flag-ax-png {
    background: url(../images/sprite.png) no-repeat; width:16px;
    height: 11px;
    background-position: -0px -374px;
}

.flag-az-png {
    background: url(../images/sprite.png) no-repeat; width:16px;
    height: 11px;
    background-position: -351px -352px;
}

.flag-ba-png {
    background: url(../images/sprite.png) no-repeat; width:16px;
    height: 11px;
    background-position: -351px -330px;
}

.flag-bb-png {
    background: url(../images/sprite.png) no-repeat; width:16px;
    height: 11px;
    background-position: -351px -308px;
}

.flag-bd-png {
    background: url(../images/sprite.png) no-repeat; width:16px;
    height: 11px;
    background-position: -351px -286px;
}

.flag-be-png {
    background: url(../images/sprite.png) no-repeat; width:16px;
    height: 11px;
    background-position: -351px -264px;
}

.flag-bf-png {
    background: url(../images/sprite.png) no-repeat; width:16px;
    height: 11px;
    background-position: -351px -242px;
}

.flag-bg-png {
    background: url(../images/sprite.png) no-repeat; width:16px;
    height: 11px;
    background-position: -351px -220px;
}

.flag-bh-png {
    background: url(../images/sprite.png) no-repeat; width:16px;
    height: 11px;
    background-position: -351px -198px;
}

.flag-bi-png {
    background: url(../images/sprite.png) no-repeat; width:16px;
    height: 11px;
    background-position: -351px -176px;
}

.flag-bj-png {
    background: url(../images/sprite.png) no-repeat; width:16px;
    height: 11px;
    background-position: -351px -154px;
}

.flag-bl-png {
    background: url(../images/sprite.png) no-repeat; width:16px;
    height: 11px;
    background-position: -351px -132px;
}

.flag-blank-png {
    background: url(../images/sprite.png) no-repeat; width:16px;
    height: 11px;
    background-position: -351px -110px;
}

.flag-blank2-png {
    background: url(../images/sprite.png) no-repeat; width:16px;
    height: 11px;
    background-position: -351px -88px;
}

.flag-bm-png {
    background: url(../images/sprite.png) no-repeat; width:16px;
    height: 11px;
    background-position: -351px -66px;
}

.flag-bn-png {
    background: url(../images/sprite.png) no-repeat; width:16px;
    height: 11px;
    background-position: -351px -44px;
}

.flag-bo-png {
    background: url(../images/sprite.png) no-repeat; width:16px;
    height: 11px;
    background-position: -351px -22px;
}
.flag-bq-png {
    background: url(../images/sprite.png) no-repeat; width:16px;
    height: 11px;
    background-position: -216px -132px;
}

.flag-br-png {
    background: url(../images/sprite.png) no-repeat; width:16px;
    height: 11px;
    background-position: -353px -0px;
}

.flag-bs-png {
    background: url(../images/sprite.png) no-repeat; width:16px;
    height: 11px;
    background-position: -324px -352px;
}

.flag-bt-png {
    background: url(../images/sprite.png) no-repeat; width:16px;
    height: 11px;
    background-position: -297px -352px;
}

.flag-bv-png {
    background: url(../images/sprite.png) no-repeat; width:16px;
    height: 11px;
    background-position: -270px -352px;
}

.flag-bw-png {
    background: url(../images/sprite.png) no-repeat; width:16px;
    height: 11px;
    background-position: -243px -352px;
}

.flag-by-png {
    background: url(../images/sprite.png) no-repeat; width:16px;
    height: 11px;
    background-position: -216px -352px;
}

.flag-bz-png {
    background: url(../images/sprite.png) no-repeat; width:16px;
    height: 11px;
    background-position: -189px -352px;
}

.flag-ca-png {
    background: url(../images/sprite.png) no-repeat; width:16px;
    height: 11px;
    background-position: -162px -352px;
}

.flag-cc-png {
    background: url(../images/sprite.png) no-repeat; width:16px;
    height: 11px;
    background-position: -135px -352px;
}

.flag-cd-png {
    background: url(../images/sprite.png) no-repeat; width:16px;
    height: 11px;
    background-position: -108px -352px;
}

.flag-cf-png {
    background: url(../images/sprite.png) no-repeat; width:16px;
    height: 11px;
    background-position: -81px -352px;
}

.flag-cg-png {
    background: url(../images/sprite.png) no-repeat; width:16px;
    height: 11px;
    background-position: -54px -352px;
}

.flag-ch-png {
    background: url(../images/sprite.png) no-repeat; width: 11px;
    height: 11px;
    background-position: -407px -0px;
}

.flag-ci-png {
    background: url(../images/sprite.png) no-repeat; width:16px;
    height: 11px;
    background-position: -27px -352px;
}

.flag-ck-png {
    background: url(../images/sprite.png) no-repeat; width:16px;
    height: 11px;
    background-position: -0px -352px;
}

.flag-cl-png {
    background: url(../images/sprite.png) no-repeat; width:16px;
    height: 11px;
    background-position: -324px -330px;
}

.flag-cm-png {
    background: url(../images/sprite.png) no-repeat; width:16px;
    height: 11px;
    background-position: -297px -330px;
}

.flag-cn-png {
    background: url(../images/sprite.png) no-repeat; width:16px;
    height: 11px;
    background-position: -270px -330px;
}

.flag-co-png {
    background: url(../images/sprite.png) no-repeat; width:16px;
    height: 11px;
    background-position: -243px -330px;
}

.flag-cr-png {
    background: url(../images/sprite.png) no-repeat; width:16px;
    height: 11px;
    background-position: -216px -330px;
}

.flag-cs-png {
    background: url(../images/sprite.png) no-repeat; width:16px;
    height: 11px;
    background-position: -189px -330px;
}

.flag-cu-png {
    background: url(../images/sprite.png) no-repeat; width:16px;
    height: 11px;
    background-position: -162px -330px;
}

.flag-cv-png {
    background: url(../images/sprite.png) no-repeat; width:16px;
    height: 11px;
    background-position: -135px -330px;
}

.flag-cw-png {
    background: url(../images/sprite.png) no-repeat; width:16px;
    height: 11px;
    background-position: -108px -330px;
}

.flag-cx-png {
    background: url(../images/sprite.png) no-repeat; width:16px;
    height: 11px;
    background-position: -81px -330px;
}

.flag-cy-png {
    background: url(../images/sprite.png) no-repeat; width:16px;
    height: 11px;
    background-position: -54px -330px;
}

.flag-cz-png {
    background: url(../images/sprite.png) no-repeat; width:16px;
    height: 11px;
    background-position: -27px -330px;
}

.flag-de-png {
    background: url(../images/sprite.png) no-repeat; width:16px;
    height: 11px;
    background-position: -0px -330px;
}

.flag-dj-png {
    background: url(../images/sprite.png) no-repeat; width:16px;
    height: 11px;
    background-position: -324px -308px;
}

.flag-dk-png {
    background: url(../images/sprite.png) no-repeat; width:16px;
    height: 11px;
    background-position: -297px -308px;
}

.flag-dm-png {
    background: url(../images/sprite.png) no-repeat; width:16px;
    height: 11px;
    background-position: -270px -308px;
}

.flag-do-png {
    background: url(../images/sprite.png) no-repeat; width:16px;
    height: 11px;
    background-position: -243px -308px;
}

.flag-dz-png {
    background: url(../images/sprite.png) no-repeat; width:16px;
    height: 11px;
    background-position: -216px -308px;
}

.flag-ec-png {
    background: url(../images/sprite.png) no-repeat; width:16px;
    height: 11px;
    background-position: -189px -308px;
}

.flag-ee-png {
    background: url(../images/sprite.png) no-repeat; width:16px;
    height: 11px;
    background-position: -162px -308px;
}

.flag-eg-png {
    background: url(../images/sprite.png) no-repeat; width:16px;
    height: 11px;
    background-position: -135px -308px;
}

.flag-eh-png {
    background: url(../images/sprite.png) no-repeat; width:16px;
    height: 11px;
    background-position: -108px -308px;
}

.flag-er-png {
    background: url(../images/sprite.png) no-repeat; width:16px;
    height: 11px;
    background-position: -81px -308px;
}

.flag-es-png {
    background: url(../images/sprite.png) no-repeat; width:16px;
    height: 11px;
    background-position: -54px -308px;
}

.flag-et-png {
    background: url(../images/sprite.png) no-repeat; width:16px;
    height: 11px;
    background-position: -27px -308px;
}

.flag-eu-png {
    background: url(../images/sprite.png) no-repeat; width:16px;
    height: 11px;
    background-position: -0px -308px;
}

.flag-fam-png {
    background: url(../images/sprite.png) no-repeat; width:16px;
    height: 11px;
    background-position: -324px -286px;
}

.flag-fi-png {
    background: url(../images/sprite.png) no-repeat; width:16px;
    height: 11px;
    background-position: -297px -286px;
}

.flag-fj-png {
    background: url(../images/sprite.png) no-repeat; width:16px;
    height: 11px;
    background-position: -270px -286px;
}

.flag-fk-png {
    background: url(../images/sprite.png) no-repeat; width:16px;
    height: 11px;
    background-position: -243px -286px;
}

.flag-fm-png {
    background: url(../images/sprite.png) no-repeat; width:16px;
    height: 11px;
    background-position: -216px -286px;
}

.flag-fo-png {
    background: url(../images/sprite.png) no-repeat; width:16px;
    height: 11px;
    background-position: -189px -286px;
}

.flag-fr-png {
    background: url(../images/sprite.png) no-repeat; width:16px;
    height: 11px;
    background-position: -162px -286px;
}

.flag-ga-png {
    background: url(../images/sprite.png) no-repeat; width:16px;
    height: 11px;
    background-position: -135px -286px;
}

.flag-gb-png {
    background: url(../images/sprite.png) no-repeat; width:16px;
    height: 11px;
    background-position: -108px -286px;
}

.flag-gd-png {
    background: url(../images/sprite.png) no-repeat; width:16px;
    height: 11px;
    background-position: -81px -286px;
}

.flag-ge-png {
    background: url(../images/sprite.png) no-repeat; width:16px;
    height: 11px;
    background-position: -54px -286px;
}

.flag-gf-png {
    background: url(../images/sprite.png) no-repeat; width:16px;
    height: 11px;
    background-position: -27px -286px;
}

.flag-gg-png {
    background: url(../images/sprite.png) no-repeat; width:16px;
    height: 11px;
    background-position: -0px -286px;
}

.flag-gh-png {
    background: url(../images/sprite.png) no-repeat; width:16px;
    height: 11px;
    background-position: -324px -264px;
}

.flag-gi-png {
    background: url(../images/sprite.png) no-repeat; width:16px;
    height: 11px;
    background-position: -297px -264px;
}

.flag-gl-png {
    background: url(../images/sprite.png) no-repeat; width:16px;
    height: 11px;
    background-position: -270px -264px;
}

.flag-gm-png {
    background: url(../images/sprite.png) no-repeat; width:16px;
    height: 11px;
    background-position: -243px -264px;
}

.flag-gn-png {
    background: url(../images/sprite.png) no-repeat; width:16px;
    height: 11px;
    background-position: -216px -264px;
}

.flag-gp-png {
    background: url(../images/sprite.png) no-repeat; width:16px;
    height: 11px;
    background-position: -189px -264px;
}

.flag-gq-png {
    background: url(../images/sprite.png) no-repeat; width:16px;
    height: 11px;
    background-position: -162px -264px;
}

.flag-gr-png {
    background: url(../images/sprite.png) no-repeat; width:16px;
    height: 11px;
    background-position: -135px -264px;
}

.flag-gs-png {
    background: url(../images/sprite.png) no-repeat; width:16px;
    height: 11px;
    background-position: -108px -264px;
}

.flag-gt-png {
    background: url(../images/sprite.png) no-repeat; width:16px;
    height: 11px;
    background-position: -81px -264px;
}

.flag-gu-png {
    background: url(../images/sprite.png) no-repeat; width:16px;
    height: 11px;
    background-position: -54px -264px;
}

.flag-gw-png {
    background: url(../images/sprite.png) no-repeat; width:16px;
    height: 11px;
    background-position: -27px -264px;
}

.flag-gy-png {
    background: url(../images/sprite.png) no-repeat; width:16px;
    height: 11px;
    background-position: -0px -264px;
}

.flag-hk-png {
    background: url(../images/sprite.png) no-repeat; width:16px;
    height: 11px;
    background-position: -324px -242px;
}

.flag-hm-png {
    background: url(../images/sprite.png) no-repeat; width:16px;
    height: 11px;
    background-position: -297px -242px;
}

.flag-hn-png {
    background: url(../images/sprite.png) no-repeat; width:16px;
    height: 11px;
    background-position: -270px -242px;
}

.flag-hr-png {
    background: url(../images/sprite.png) no-repeat; width:16px;
    height: 11px;
    background-position: -243px -242px;
}

.flag-ht-png {
    background: url(../images/sprite.png) no-repeat; width:16px;
    height: 11px;
    background-position: -216px -242px;
}

.flag-hu-png {
    background: url(../images/sprite.png) no-repeat; width:16px;
    height: 11px;
    background-position: -189px -242px;
}

.flag-id-png {
    background: url(../images/sprite.png) no-repeat; width:16px;
    height: 11px;
    background-position: -162px -242px;
}

.flag-ie-png {
    background: url(../images/sprite.png) no-repeat; width:16px;
    height: 11px;
    background-position: -135px -242px;
}

.flag-il-png {
    background: url(../images/sprite.png) no-repeat; width:16px;
    height: 11px;
    background-position: -108px -242px;
}

.flag-im-png {
    background: url(../images/sprite.png) no-repeat; width:16px;
    height: 11px;
    background-position: -81px -242px;
}

.flag-in-png {
    background: url(../images/sprite.png) no-repeat; width:16px;
    height: 11px;
    background-position: -54px -242px;
}

.flag-io-png {
    background: url(../images/sprite.png) no-repeat; width:16px;
    height: 11px;
    background-position: -27px -242px;
}

.flag-iq-png {
    background: url(../images/sprite.png) no-repeat; width:16px;
    height: 11px;
    background-position: -0px -242px;
}

.flag-ir-png {
    background: url(../images/sprite.png) no-repeat; width:16px;
    height: 11px;
    background-position: -324px -220px;
}

.flag-is-png {
    background: url(../images/sprite.png) no-repeat; width:16px;
    height: 11px;
    background-position: -297px -220px;
}

.flag-it-png {
    background: url(../images/sprite.png) no-repeat; width:16px;
    height: 11px;
    background-position: -270px -220px;
}

.flag-je-png {
    background: url(../images/sprite.png) no-repeat; width:16px;
    height: 11px;
    background-position: -243px -220px;
}

.flag-jm-png {
    background: url(../images/sprite.png) no-repeat; width:16px;
    height: 11px;
    background-position: -216px -220px;
}

.flag-jo-png {
    background: url(../images/sprite.png) no-repeat; width:16px;
    height: 11px;
    background-position: -189px -220px;
}

.flag-jp-png {
    background: url(../images/sprite.png) no-repeat; width:16px;
    height: 11px;
    background-position: -162px -220px;
}

.flag-ke-png {
    background: url(../images/sprite.png) no-repeat; width:16px;
    height: 11px;
    background-position: -135px -220px;
}

.flag-kg-png {
    background: url(../images/sprite.png) no-repeat; width:16px;
    height: 11px;
    background-position: -108px -220px;
}

.flag-kh-png {
    background: url(../images/sprite.png) no-repeat; width:16px;
    height: 11px;
    background-position: -81px -220px;
}

.flag-ki-png {
    background: url(../images/sprite.png) no-repeat; width:16px;
    height: 11px;
    background-position: -54px -220px;
}

.flag-km-png {
    background: url(../images/sprite.png) no-repeat; width:16px;
    height: 11px;
    background-position: -27px -220px;
}

.flag-kn-png {
    background: url(../images/sprite.png) no-repeat; width:16px;
    height: 11px;
    background-position: -0px -220px;
}

.flag-kp-png {
    background: url(../images/sprite.png) no-repeat; width:16px;
    height: 11px;
    background-position: -324px -198px;
}

.flag-kr-png {
    background: url(../images/sprite.png) no-repeat; width:16px;
    height: 11px;
    background-position: -297px -198px;
}

.flag-kw-png {
    background: url(../images/sprite.png) no-repeat; width:16px;
    height: 11px;
    background-position: -270px -198px;
}

.flag-ky-png {
    background: url(../images/sprite.png) no-repeat; width:16px;
    height: 11px;
    background-position: -243px -198px;
}

.flag-kz-png {
    background: url(../images/sprite.png) no-repeat; width:16px;
    height: 11px;
    background-position: -216px -198px;
}

.flag-la-png {
    background: url(../images/sprite.png) no-repeat; width:16px;
    height: 11px;
    background-position: -189px -198px;
}

.flag-lb-png {
    background: url(../images/sprite.png) no-repeat; width:16px;
    height: 11px;
    background-position: -162px -198px;
}

.flag-lc-png {
    background: url(../images/sprite.png) no-repeat; width:16px;
    height: 11px;
    background-position: -135px -198px;
}

.flag-li-png {
    background: url(../images/sprite.png) no-repeat; width:16px;
    height: 11px;
    background-position: -108px -198px;
}

.flag-lk-png {
    background: url(../images/sprite.png) no-repeat; width:16px;
    height: 11px;
    background-position: -81px -198px;
}

.flag-lr-png {
    background: url(../images/sprite.png) no-repeat; width:16px;
    height: 11px;
    background-position: -54px -198px;
}

.flag-ls-png {
    background: url(../images/sprite.png) no-repeat; width:16px;
    height: 11px;
    background-position: -27px -198px;
}

.flag-lt-png {
    background: url(../images/sprite.png) no-repeat; width:16px;
    height: 11px;
    background-position: -0px -198px;
}

.flag-lu-png {
    background: url(../images/sprite.png) no-repeat; width:16px;
    height: 11px;
    background-position: -324px -176px;
}

.flag-lv-png {
    background: url(../images/sprite.png) no-repeat; width:16px;
    height: 11px;
    background-position: -297px -176px;
}

.flag-ly-png {
    background: url(../images/sprite.png) no-repeat; width:16px;
    height: 11px;
    background-position: -270px -176px;
}

.flag-ma-png {
    background: url(../images/sprite.png) no-repeat; width:16px;
    height: 11px;
    background-position: -243px -176px;
}

.flag-mc-png {
    background: url(../images/sprite.png) no-repeat; width:16px;
    height: 11px;
    background-position: -216px -176px;
}

.flag-md-png {
    background: url(../images/sprite.png) no-repeat; width:16px;
    height: 11px;
    background-position: -189px -176px;
}

.flag-me-png {
    background: url(../images/sprite.png) no-repeat; width:16px;
    height: 12px;
    background-position: -29px -0px;
}

.flag-mf-png {
    background: url(../images/sprite.png) no-repeat; width:16px;
    height: 11px;
    background-position: -162px -176px;
}

.flag-mg-png {
    background: url(../images/sprite.png) no-repeat; width:16px;
    height: 11px;
    background-position: -135px -176px;
}

.flag-mh-png {
    background: url(../images/sprite.png) no-repeat; width:16px;
    height: 11px;
    background-position: -108px -176px;
}

.flag-mk-png {
    background: url(../images/sprite.png) no-repeat; width:16px;
    height: 11px;
    background-position: -81px -176px;
}

.flag-ml-png {
    background: url(../images/sprite.png) no-repeat; width:16px;
    height: 11px;
    background-position: -54px -176px;
}

.flag-mm-png {
    background: url(../images/sprite.png) no-repeat; width:16px;
    height: 11px;
    background-position: -27px -176px;
}

.flag-mn-png {
    background: url(../images/sprite.png) no-repeat; width:16px;
    height: 11px;
    background-position: -0px -176px;
}

.flag-mo-png {
    background: url(../images/sprite.png) no-repeat; width:16px;
    height: 11px;
    background-position: -324px -154px;
}

.flag-mp-png {
    background: url(../images/sprite.png) no-repeat; width:16px;
    height: 11px;
    background-position: -297px -154px;
}

.flag-mq-png {
    background: url(../images/sprite.png) no-repeat; width:16px;
    height: 11px;
    background-position: -270px -154px;
}

.flag-mr-png {
    background: url(../images/sprite.png) no-repeat; width:16px;
    height: 11px;
    background-position: -243px -154px;
}

.flag-ms-png {
    background: url(../images/sprite.png) no-repeat; width:16px;
    height: 11px;
    background-position: -216px -154px;
}

.flag-mt-png {
    background: url(../images/sprite.png) no-repeat; width:16px;
    height: 11px;
    background-position: -189px -154px;
}

.flag-mu-png {
    background: url(../images/sprite.png) no-repeat; width:16px;
    height: 11px;
    background-position: -162px -154px;
}

.flag-mv-png {
    background: url(../images/sprite.png) no-repeat; width:16px;
    height: 11px;
    background-position: -135px -154px;
}

.flag-mw-png {
    background: url(../images/sprite.png) no-repeat; width:16px;
    height: 11px;
    background-position: -0px -0px;
}

.flag-mx-png {
    background: url(../images/sprite.png) no-repeat; width:16px;
    height: 11px;
    background-position: -108px -154px;
}

.flag-my-png {
    background: url(../images/sprite.png) no-repeat; width:16px;
    height: 11px;
    background-position: -81px -154px;
}

.flag-mz-png {
    background: url(../images/sprite.png) no-repeat; width:16px;
    height: 11px;
    background-position: -54px -154px;
}

.flag-na-png {
    background: url(../images/sprite.png) no-repeat; width:16px;
    height: 11px;
    background-position: -27px -154px;
}

.flag-nc-png {
    background: url(../images/sprite.png) no-repeat; width:16px;
    height: 11px;
    background-position: -0px -154px;
}

.flag-ne-png {
    background: url(../images/sprite.png) no-repeat; width:16px;
    height: 11px;
    background-position: -324px -132px;
}

.flag-nf-png {
    background: url(../images/sprite.png) no-repeat; width:16px;
    height: 11px;
    background-position: -297px -132px;
}

.flag-ng-png {
    background: url(../images/sprite.png) no-repeat; width:16px;
    height: 11px;
    background-position: -270px -132px;
}

.flag-ni-png {
    background: url(../images/sprite.png) no-repeat; width:16px;
    height: 11px;
    background-position: -243px -132px;
}

.flag-nl-png {
    background: url(../images/sprite.png) no-repeat; width:16px;
    height: 11px;
    background-position: -216px -132px;
}

.flag-no-png {
    background: url(../images/sprite.png) no-repeat; width:16px;
    height: 11px;
    background-position: -189px -132px;
}

.flag-np-png {
    background: url(../images/sprite.png) no-repeat; width:16px;
    height: 11px;
    background-position: -162px -132px;
}

.flag-nr-png {
    background: url(../images/sprite.png) no-repeat; width:16px;
    height: 11px;
    background-position: -135px -132px;
}

.flag-nu-png {
    background: url(../images/sprite.png) no-repeat; width:16px;
    height: 11px;
    background-position: -108px -132px;
}

.flag-nz-png {
    background: url(../images/sprite.png) no-repeat; width:16px;
    height: 11px;
    background-position: -81px -132px;
}

.flag-om-png {
    background: url(../images/sprite.png) no-repeat; width:16px;
    height: 11px;
    background-position: -54px -132px;
}

.flag-pa-png {
    background: url(../images/sprite.png) no-repeat; width:16px;
    height: 11px;
    background-position: -27px -132px;
}

.flag-pe-png {
    background: url(../images/sprite.png) no-repeat; width:16px;
    height: 11px;
    background-position: -0px -132px;
}

.flag-pf-png {
    background: url(../images/sprite.png) no-repeat; width:16px;
    height: 11px;
    background-position: -324px -110px;
}

.flag-pg-png {
    background: url(../images/sprite.png) no-repeat; width:16px;
    height: 11px;
    background-position: -297px -110px;
}

.flag-ph-png {
    background: url(../images/sprite.png) no-repeat; width:16px;
    height: 11px;
    background-position: -270px -110px;
}

.flag-pk-png {
    background: url(../images/sprite.png) no-repeat; width:16px;
    height: 11px;
    background-position: -243px -110px;
}

.flag-pl-png {
    background: url(../images/sprite.png) no-repeat; width:16px;
    height: 11px;
    background-position: -216px -110px;
}

.flag-pm-png {
    background: url(../images/sprite.png) no-repeat; width:16px;
    height: 11px;
    background-position: -189px -110px;
}

.flag-pn-png {
    background: url(../images/sprite.png) no-repeat; width:16px;
    height: 11px;
    background-position: -162px -110px;
}

.flag-pr-png {
    background: url(../images/sprite.png) no-repeat; width:16px;
    height: 11px;
    background-position: -135px -110px;
}

.flag-ps-png {
    background: url(../images/sprite.png) no-repeat; width:16px;
    height: 11px;
    background-position: -108px -110px;
}

.flag-pt-png {
    background: url(../images/sprite.png) no-repeat; width:16px;
    height: 11px;
    background-position: -81px -110px;
}

.flag-pw-png {
    background: url(../images/sprite.png) no-repeat; width:16px;
    height: 11px;
    background-position: -54px -110px;
}

.flag-py-png {
    background: url(../images/sprite.png) no-repeat; width:16px;
    height: 11px;
    background-position: -27px -110px;
}

.flag-qa-png {
    background: url(../images/sprite.png) no-repeat; width:16px;
    height: 11px;
    background-position: -0px -110px;
}

.flag-re-png {
    background: url(../images/sprite.png) no-repeat; width:16px;
    height: 11px;
    background-position: -324px -88px;
}

.flag-ro-png {
    background: url(../images/sprite.png) no-repeat; width:16px;
    height: 11px;
    background-position: -297px -88px;
}

.flag-rs-png {
    background: url(../images/sprite.png) no-repeat; width:16px;
    height: 11px;
    background-position: -270px -88px;
}

.flag-ru-png {
    background: url(../images/sprite.png) no-repeat; width:16px;
    height: 11px;
    background-position: -243px -88px;
}

.flag-rw-png {
    background: url(../images/sprite.png) no-repeat; width:16px;
    height: 11px;
    background-position: -216px -88px;
}

.flag-sa-png {
    background: url(../images/sprite.png) no-repeat; width:16px;
    height: 11px;
    background-position: -189px -88px;
}

.flag-sb-png {
    background: url(../images/sprite.png) no-repeat; width:16px;
    height: 11px;
    background-position: -162px -88px;
}

.flag-sc-png {
    background: url(../images/sprite.png) no-repeat; width:16px;
    height: 11px;
    background-position: -135px -88px;
}

.flag-sd-png {
    background: url(../images/sprite.png) no-repeat; width:16px;
    height: 11px;
    background-position: -108px -88px;
}

.flag-se-png {
    background: url(../images/sprite.png) no-repeat; width:16px;
    height: 11px;
    background-position: -81px -88px;
}

.flag-sg-png {
    background: url(../images/sprite.png) no-repeat; width:16px;
    height: 11px;
    background-position: -54px -88px;
}

.flag-sh-png {
    background: url(../images/sprite.png) no-repeat; width:16px;
    height: 11px;
    background-position: -27px -88px;
}

.flag-si-png {
    background: url(../images/sprite.png) no-repeat; width:16px;
    height: 11px;
    background-position: -0px -88px;
}

.flag-sj-png {
    background: url(../images/sprite.png) no-repeat; width:16px;
    height: 11px;
    background-position: -324px -66px;
}

.flag-sk-png {
    background: url(../images/sprite.png) no-repeat; width:16px;
    height: 11px;
    background-position: -297px -66px;
}

.flag-sl-png {
    background: url(../images/sprite.png) no-repeat; width:16px;
    height: 11px;
    background-position: -270px -66px;
}

.flag-sm-png {
    background: url(../images/sprite.png) no-repeat; width:16px;
    height: 11px;
    background-position: -243px -66px;
}

.flag-sn-png {
    background: url(../images/sprite.png) no-repeat; width:16px;
    height: 11px;
    background-position: -216px -66px;
}

.flag-so-png {
    background: url(../images/sprite.png) no-repeat; width:16px;
    height: 11px;
    background-position: -189px -66px;
}

.flag-sr-png {
    background: url(../images/sprite.png) no-repeat; width:16px;
    height: 11px;
    background-position: -162px -66px;
}
.flag-ss-png {
    background: url(../images/sprite.png) no-repeat; width:16px;
    height: 11px;
    background-position: -378px -110px;
}

.flag-st-png {
    background: url(../images/sprite.png) no-repeat; width:16px;
    height: 11px;
    background-position: -135px -66px;
}

.flag-sv-png {
    background: url(../images/sprite.png) no-repeat; width:16px;
    height: 11px;
    background-position: -108px -66px;
}

.flag-sx-png {
    background: url(../images/sprite.png) no-repeat; width:16px;
    height: 11px;
    background-position: -81px -66px;
}

.flag-sy-png {
    background: url(../images/sprite.png) no-repeat; width:16px;
    height: 11px;
    background-position: -54px -66px;
}

.flag-sz-png {
    background: url(../images/sprite.png) no-repeat; width:16px;
    height: 11px;
    background-position: -27px -66px;
}

.flag-tc-png {
    background: url(../images/sprite.png) no-repeat; width:16px;
    height: 11px;
    background-position: -0px -66px;
}

.flag-td-png {
    background: url(../images/sprite.png) no-repeat; width:16px;
    height: 11px;
    background-position: -324px -44px;
}

.flag-tf-png {
    background: url(../images/sprite.png) no-repeat; width:16px;
    height: 11px;
    background-position: -297px -44px;
}

.flag-tg-png {
    background: url(../images/sprite.png) no-repeat; width:16px;
    height: 11px;
    background-position: -270px -44px;
}

.flag-th-png {
    background: url(../images/sprite.png) no-repeat; width:16px;
    height: 11px;
    background-position: -243px -44px;
}

.flag-tj-png {
    background: url(../images/sprite.png) no-repeat; width:16px;
    height: 11px;
    background-position: -216px -44px;
}

.flag-tk-png {
    background: url(../images/sprite.png) no-repeat; width:16px;
    height: 11px;
    background-position: -189px -44px;
}

.flag-tl-png {
    background: url(../images/sprite.png) no-repeat; width:16px;
    height: 11px;
    background-position: -162px -44px;
}

.flag-tm-png {
    background: url(../images/sprite.png) no-repeat; width:16px;
    height: 11px;
    background-position: -135px -44px;
}

.flag-tn-png {
    background: url(../images/sprite.png) no-repeat; width:16px;
    height: 11px;
    background-position: -108px -44px;
}

.flag-to-png {
    background: url(../images/sprite.png) no-repeat; width:16px;
    height: 11px;
    background-position: -81px -44px;
}

.flag-tr-png {
    background: url(../images/sprite.png) no-repeat; width:16px;
    height: 11px;
    background-position: -54px -44px;
}

.flag-tt-png {
    background: url(../images/sprite.png) no-repeat; width:16px;
    height: 11px;
    background-position: -27px -44px;
}

.flag-tv-png {
    background: url(../images/sprite.png) no-repeat; width:16px;
    height: 11px;
    background-position: -0px -44px;
}

.flag-tw-png {
    background: url(../images/sprite.png) no-repeat; width:16px;
    height: 11px;
    background-position: -324px -22px;
}

.flag-tz-png {
    background: url(../images/sprite.png) no-repeat; width:16px;
    height: 11px;
    background-position: -297px -22px;
}

.flag-ua-png {
    background: url(../images/sprite.png) no-repeat; width:16px;
    height: 11px;
    background-position: -270px -22px;
}

.flag-ug-png {
    background: url(../images/sprite.png) no-repeat; width:16px;
    height: 11px;
    background-position: -243px -22px;
}

.flag-um-png {
    background: url(../images/sprite.png) no-repeat; width:16px;
    height: 11px;
    background-position: -216px -22px;
}

.flag-unknown-png {
    background: url(../images/sprite.png) no-repeat; width:16px;
    height: 11px;
    background-position: -189px -22px;
}

.flag-us-png {
    background: url(../images/sprite.png) no-repeat; width:16px;
    height: 11px;
    background-position: -162px -22px;
}

.flag-uy-png {
    background: url(../images/sprite.png) no-repeat; width:16px;
    height: 11px;
    background-position: -135px -22px;
}

.flag-uz-png {
    background: url(../images/sprite.png) no-repeat; width:16px;
    height: 11px;
    background-position: -108px -22px;
}

.flag-va-png {
    background: url(../images/sprite.png) no-repeat; width:16px;
    height: 11px;
    background-position: -81px -22px;
}

.flag-vc-png {
    background: url(../images/sprite.png) no-repeat; width:16px;
    height: 11px;
    background-position: -54px -22px;
}

.flag-ve-png {
    background: url(../images/sprite.png) no-repeat; width:16px;
    height: 11px;
    background-position: -27px -22px;
}

.flag-vg-png {
    background: url(../images/sprite.png) no-repeat; width:16px;
    height: 11px;
    background-position: -0px -22px;
}

.flag-vi-png {
    background: url(../images/sprite.png) no-repeat; width:16px;
    height: 11px;
    background-position: -326px -0px;
}

.flag-vn-png {
    background: url(../images/sprite.png) no-repeat; width:16px;
    height: 11px;
    background-position: -299px -0px;
}

.flag-vu-png {
    background: url(../images/sprite.png) no-repeat; width:16px;
    height: 11px;
    background-position: -272px -0px;
}

.flag-wf-png {
    background: url(../images/sprite.png) no-repeat; width:16px;
    height: 11px;
    background-position: -245px -0px;
}

.flag-ws-png {
    background: url(../images/sprite.png) no-repeat; width:16px;
    height: 11px;
    background-position: -218px -0px;
}

.flag-xx-png {
    background: url(../images/sprite.png) no-repeat; width:16px;
    height: 11px;
    background-position: -191px -0px;
}

.flag-ye-png {
    background: url(../images/sprite.png) no-repeat; width:16px;
    height: 11px;
    background-position: -164px -0px;
}

.flag-yt-png {
    background: url(../images/sprite.png) no-repeat; width:16px;
    height: 11px;
    background-position: -137px -0px;
}

.flag-za-png {
    background: url(../images/sprite.png) no-repeat; width:16px;
    height: 11px;
    background-position: -110px -0px;
}

.flag-zm-png {
    background: url(../images/sprite.png) no-repeat; width:16px;
    height: 11px;
    background-position: -83px -0px;
}

.flag-zw-png {
    background: url(../images/sprite.png) no-repeat; width:16px;
    height: 11px;
    background-position: -56px -0px;
}
.gnbSetting_favorite_active { margin: 0px;color: #5abcdc; }
.gnbSetting_favorite_unactive { margin: 0px; }
/** admin left **/
.gnb_container_admin { position: fixed; text-align:left; width: 100%; height: 25px; padding:10px; min-width: 1280px; background: #e7e7ee; z-index: 10000;}
.gnb_container_admin .gbn_container_right { display: inline-block; text-align:center; vertical-align:middle; height: 25px; }
.gnb_setting_nav_admin {height: 45px; line-height: 25px; font-size: 16px; padding-left: 5px; text-align: left; display:inline-block;}
.left_container_v3_admin {width: 250px; background-color: #323232; height: 100%; position: absolute; left: 0px; top: 0px; z-index: 10; }
.left_container_v3_admin nav {width: 250px; height: 100%; background-color: #323232; position: relative; float: left;}
.contents_container_admin { position: relative; margin-left: 250px; padding: 0px 0px; min-width: 1145px;}
.contents_wrap_admin  {position: relative; padding: 45px 0px; text-align: left;} 
#leftNaviBtn {cursor: pointer;}
.admin_navi_search {border: 1px solid #acacac; border-radius: 4px; margin: 20px; padding: 2px 20px 2px 3px; position: relative;}
.admin_navi_search input {background: none; border: none; display: block; margin-right: 20px; width: 170px; color: #cbcbcb;}
.admin_navi_search input:hover {color: #cbcbcb;}
.admin_navi_search .icons {position: absolute; right: 7px; top: 4px;}

#schedulerListTable tr:hover { background-color: #50b8d9; font-weight: bold; }

.gnb_center_btns { height: 31px; width:200px; left:500px; border: 7px solid #aaaab5; position: absolute; top: 0px; display:none;  }

.dualScreenLayer { width: 100%; height: 100%; background: rgba(255,255,255,1); position: fixed; z-index:999998; top:0px; display:none;} 
.dualScreenLayer ul { width:100%; }
.dualScreenLayer .leftFrm	{width:50%; height:100%; top:100px; background-color:yellow; display:inline-block;}
.dualScreenLayer .rightFrm	{width:50%; height:100%; top:100px; background-color:red; display:inline-block;}

.testing_wrap {text-align: left; border-radius: 6px; margin-bottom: 15px; padding: 0px 26px;}
.test_category {margin-bottom: 30px;}
.test_category_title {font-size: 20px; margin-bottom: 10px; font-weight: bold; display: block;}
.test_category_list {display: inline-block; background: #fff; border-radius: 5px; margin-right: 5px; margin-top: 5px; padding: 5px 15px;}
.test_list_title {font-weight: bold; margin-right: 7px;}

.menu_left {width: 200px; float: left;background: #50b8d9; border-radius: 6px;}
.menu_left_list {border-bottom: 1px solid rgba(255,255,255,.2)}
.menu_left_list:hover {background: rgba(255,255,255,.1)}
.menu_left_list a {display: block; padding-left: 10px; height: 40px; line-height: 40px; color: #fff; font-weight: bold;}
.test_category_list_ok {background: #5ac435; color: #fff;}
.test_category_list_no {background: #ff786b; color: #fff;}