/* ----------------------------------------------
LAYOUT
------------------------------------------------*/
/* header */
header {width:100%; height:90px; position:relative; background:#000000; overfow:auto; min-width:1366px; z-index:100;}
header h1 a {display:block; width:228px; height:52px; text-indent:-999em; position:absolute; left:15px; top:20px; background:url(/ssw/images/common/logo.png) no-repeat;}
header h1 a.oled_logo {display:block; width:228px; height:50px; text-indent:-999em; position:absolute; left:15px; top:20px; background:url(/ssw/images/oled_only/logo.png) no-repeat;}
header h1 a.master_logo {display:block; width:228px; height:50px; text-indent:-999em; position:absolute; left:15px; top:20px; background:url(/ssw/images/common/logo_master.png) no-repeat;}
header nav { position:absolute; top:0px; left:260px;}
header nav ul { overflow:hidden;}
header nav ul li { float:left;}
header nav ul li strong {display:block; height:90px; line-height:96px; text-align:center; color:#fff; font-size:17px; font-weight:bold;}
header nav ul li a {display:block; height:90px; line-height:90px; text-align:center; color:#6b6b6b; font-size:17px; font-weight:bold; margin:0 10px;}
header nav ul li a:hover{color:#fff;}
header nav ul li a:active {color:#7d2741; background:#000000;}
header nav ul li a.active {color:#e2105f; background:url(/ssw/images/common/header_icon_arrow.png) no-repeat center bottom;}
header nav ul li a.active_one {color:#e2105f;}
header .account {position:absolute;top:0px;right:6px;height: 90px;border-left: 1px solid #2f2f2f;}
header .account .user {display: inline-block;vertical-align: top;height: 74px;padding-top:16px;text-align: left;}
header .account .user strong {display:block; width:137px; height:30px; line-height:30px; color:#6b6b6b; margin:0 15px; font-size:15px; text-overflow:ellipsis; overflow:hidden; white-space:nowrap}
header .account .user span {display:block;width:137px;color:#6b6b6b;margin:0 15px;font-weight:normal;font-size:15px;text-overflow:ellipsis;overflow:hidden;white-space:nowrap;}
header .account .toplink {display: inline-block;padding-top:20px;vertical-align: top;height: 70px;}
header .account .set_menu { position:absolute; top:82px; right:15px; z-index:999; background:#434343; border-radius:2px; min-width:206px; text-align:center;}
header .account .set_menu:before {content:"";position:absolute;top:-10px;left: 50%;margin-left: -5px;border-bottom:10px solid #434343;border-left: 10px solid transparent;border-right: 10px solid transparent;}
header .account .set_menu li {}
header .account .set_menu li a {display:block; color:#fff; font-size:14px; margin:7px; background:#434343; text-align:left; padding:10px 0 10px 10px;}
header .account .set_menu li a:hover {background:#cf0652;}
header .account .set_menu li a:active {background:#530221;}

header .account .toplink a {display: inline-block;vertical-align: top;width:50px;height:50px;margin-right:19px;font-size:15px;text-indent:-999em;cursor:pointer;}
header .account .toplink a.ico_report {background:url(/ssw/images/button/icon_report_n.png)}
header .account .toplink a.ico_report:hover {background:url(/ssw/images/button/icon_report_f.png)}
header .account .toplink a.ico_report:focus {background:url(/ssw/images/button/icon_report_p.png)}
header .account .toplink a.ico_set {background:url(/ssw/images/button/icon_setting_n.png)}
header .account .toplink a.ico_set:hover {background:url(/ssw/images/button/icon_setting_f.png)}
header .account .toplink a.ico_set:focus {background:url(/ssw/images/button/icon_setting_p.png)}
header .account .toplink a.ico_logout {background:url(/ssw/images/button/icon_logout_n.png)}
header .account .toplink a.ico_logout:hover {background:url(/ssw/images/button/icon_logout_f.png)}
header .account .toplink a.ico_logout:focus {background:url(/ssw/images/button/icon_logout_p.png)}

#container_wrap { position:relative; height:100%;}

/* *************** left_side *************** */
#container_wrap #left_side {float:left; width:260px; background:#292929; height:100%; overflow:hidden; position:relative;}
#container_wrap #left_side .filter_box {margin:71px 0 0 10px;}
#container_wrap #left_side .filter_box h2 {margin:0 0 0 5px; padding:0px; font-size:14px; color:#e2e6ea; display:block; height:20px; vertical-align:top; font-weight:normal;}
#container_wrap #left_side .filter_box span {display:block; position:relative; width:240px;}
#container_wrap #left_side .filter_box span input[type=text] {border:2px solid #fff; color:#868686; width:240px; padding-right:36px; height:34px; font-size:14px; line-height:34px; border-radius:16px;}
#container_wrap #left_side .filter_box span input[type=text]:focus {border:2px solid #cf0652;  color:#464646;}
#container_wrap #left_side .filter_box span input[type=submit] { position:absolute; width:18px; height:18px; top:8px; right:14px; background:url(/ssw/images/common/icon_search_n.png) no-repeat; outline:none; cursor:pointer;}
#container_wrap #left_side .filter_box span input[type=submit]:hover {background:url(/ssw/images/common/icon_search_f.png) no-repeat;}
#container_wrap #left_side .filter_box span input[type=submit]:active {background:url(/ssw/images/common/icon_search_p.png) no-repeat;}
#container_wrap #left_side nav {height:496px; padding-right:24px; overflow-y:scroll; overflow-x:hidden; margin:10px 0 20px 0; height:calc(100% - 320px);}
#container_wrap #left_side nav ul {width:235px;}
#container_wrap #left_side nav ul li {position:relative;}
#container_wrap #left_side nav > ul > li.active > a,
#container_wrap #left_side nav > ul > li.active > a:hover,
#container_wrap #left_side nav > ul > li.active > a:focus  {background:#530221; color:#FFF;}
#container_wrap #left_side nav > ul > li.active > a > span,
#container_wrap #left_side nav > ul > li.active > a:hover > span,
#container_wrap #left_side nav > ul > li.active > a:focus > span {padding-right:20px; background: url(/ssw/images/bullet/list_up_p.png) no-repeat right center;}
#container_wrap #left_side nav > ul > li.active > ul {display:block; padding-bottom:10px;}
#container_wrap #left_side nav ul li a {display:block; height:30px; line-height:30px; color:#CCC; text-indent:24px; font-size:15px; font-weight:bold; border-bottom:1px solid #353535;}
#container_wrap #left_side nav ul li a:hover {background:#cf0652; color:#FFF;}
#container_wrap #left_side nav ul li a:active {background:#530221; color:#FFF;}
#container_wrap #left_side nav ul li a span {padding-right:20px; background: url(/ssw/images/bullet/icon_arrow_close_01_n.png) no-repeat right center;}
#container_wrap #left_side nav ul li a:hover span {padding-right:20px; background: url(/ssw/images/bullet/icon_arrow_close_01_f.png) no-repeat right center;}
#container_wrap #left_side nav ul li a:active span {padding-right:20px; background: url(/ssw/images/bullet/list_up_p.png) no-repeat right center;}
#container_wrap #left_side nav ul li ul {display:none; padding:0; margin:0; border-bottom:1px solid #353535;}
#container_wrap #left_side nav ul li .button {}
#container_wrap #left_side nav ul li .button a {color:#ce0a51; font-size:14px; text-decoration:none; text-align:center; display:inline-block; height:30px; line-height:26px; padding:0 14px; font-weight:normal; box-sizing:border-box; border:2px solid transparent; text-indent:0px; margin:6px 0;}
#container_wrap #left_side nav ul li .button a:hover {background:#ce0a51; border:2px solid #ce0a51; color:#FFF; font-weight:bold; border-radius:18px; box-sizing:border-box; text-align:center;}
#container_wrap #left_side nav ul li ul li a {font-weight:normal; color:#919191; border-bottom:0px; padding-left:30px;}
#container_wrap #left_side nav ul li ul li a:hover {background:none; color:#fff;}
#container_wrap #left_side nav ul li ul li a:active {color:#cf0652;}
#container_wrap #left_side nav ul li ul li a span {padding-right:20px; background:none; display:block; width:175px; text-overflow:ellipsis; overflow:hidden; white-space:nowrap; background: url(/ssw/images/bullet/icon_folder_s.png) no-repeat left center !important;}

#container_wrap #left_side nav > ul > li > ul > li {}
#container_wrap #left_side nav > ul > li > ul > li > span {color:#cf0652; margin-left:20px; padding-left:12px; display:block; text-overflow:ellipsis; overflow:hidden; white-space:nowrap; background: url(/ssw/images/bullet/icon_folder_s.png) no-repeat left center;}
#container_wrap #left_side nav > ul > li > ul > li > span.folder {background: url(/ssw/images/bullet/icon_folder_plus.png) no-repeat left center;}
#container_wrap #left_side nav > ul > li > ul > li > span.plus {background: url(/ssw/images/bullet/icon_plus.png) no-repeat left center;}
#container_wrap #left_side nav > ul > li > ul > li > span > input {padding-left:0px; width:170px;}
#container_wrap #left_side nav > ul > li > ul > li > span > input[type=text] {margin-left:10px; text-indent:10px; position:relative; z-index:1;}
#container_wrap #left_side nav > ul > li > ul > li > span > input[readonly] {text-indent:0px;}
#container_wrap #left_side nav > ul > li > ul > li > span > input[readonly]:hover {background:none; color:#fff;}
#container_wrap #left_side nav > ul > li > ul > li.active > span input[readonly] {color:#cf0652;}
#container_wrap #left_side nav > ul > li > ul > li.active > ul {display:block;}
#container_wrap #left_side nav > ul > li > ul > li.active:before {content:""; display:block; width:21px; height:17px; position:absolute; top:6px; right:0px; background:url(/ssw/images/bullet/filter_check.png) no-repeat;}
#container_wrap #left_side nav > ul > li > ul > li.active > input[readonly] {color:#cf0652;}

#container_wrap #left_side nav > ul > li > ul > li > ul > li {font-weight:normal; color:#919191; border-bottom:0px; padding-left:38px; background:url(/ssw/images/bullet/line_folder_open_01.png) no-repeat 27px 0px;}
#container_wrap #left_side nav > ul > li > ul > li > ul > li > span > input {padding-left:0px; width:168px;}
#container_wrap #left_side nav > ul > li > ul > li > ul > li > span {display:block; background:url(/ssw/images/bullet/icon_folder_s.png) no-repeat 6px 8px; padding-left:20px;}
#container_wrap #left_side nav > ul > li > ul > li > ul > li > span.folder {background: url(/ssw/images/bullet/icon_folder_plus.png) no-repeat 6px 8px;}
#container_wrap #left_side nav > ul > li > ul > li > ul > li > span.none {background:none; padding-left:0;}
#container_wrap #left_side nav > ul > li > ul > li > ul > li > span > input[type=text] {margin-left:8px; text-indent:10px; position:relative; z-index:1;}
#container_wrap #left_side nav > ul > li > ul > li > ul > li > span > input[readonly] {text-indent:0px; width:146px;}
#container_wrap #left_side nav > ul > li > ul > li > ul > li > span > input[readonly]:hover {background:none; color:#fff;}
#container_wrap #left_side nav > ul > li > ul > li > ul > li.active > span input[readonly] {color:#cf0652;}
#container_wrap #left_side nav > ul > li > ul > li > ul > li.active:before {content:""; display:block; width:21px; height:17px; position:absolute; top:6px; right:0px; background:url(/ssw/images/bullet/filter_check.png) no-repeat;}
#container_wrap #left_side nav > ul > li > ul > li > ul > li.active > ul {display:block;}
#container_wrap #left_side nav > ul > li > ul > li > ul > li:last-child {background:url(/ssw/images/bullet/line_folder_open_02.png) no-repeat 27px 0px;}
#container_wrap #left_side nav > ul > li > ul > li:last-child > ul > li:last-child {background:url(/ssw/images/bullet/line_folder_open_02.png) no-repeat 27px 0px;}
#container_wrap #left_side nav > ul > li > ul > li:last-child > ul > li:last-child ul {background:none;}

#container_wrap #left_side nav > ul > li > ul > li > ul > li > ul {display:none; background: url(/ssw/images/bullet/line_folder_dot.png) repeat-y 10px 0px;padding-left: 20px;position: relative;margin-left: -21px;}
#container_wrap #left_side nav > ul > li > ul > li > ul > li:last-child > ul:last-child {background:none;}
#container_wrap #left_side nav > ul > li > ul > li > ul > li > ul > li {font-weight:normal; color:#919191; border-bottom:0px; padding-left:22px; background:url(/ssw/images/bullet/line_folder_open_01.png) no-repeat 12px 0px;}
#container_wrap #left_side nav > ul > li > ul > li > ul > li > ul > li > span > input {padding-left:0px; width:146px;}
#container_wrap #left_side nav > ul > li > ul > li > ul > li > ul > li > span {display:block; background:url(/ssw/images/bullet/icon_folder_s.png) no-repeat 6px 8px; padding-left:20px;}
#container_wrap #left_side nav > ul > li > ul > li > ul > li > ul > li > span > input[type=text] {margin-left:8px; text-indent:10px; position:relative; z-index:1;}
#container_wrap #left_side nav > ul > li > ul > li > ul > li > ul > li > span > input[readonly] {text-indent:0px; width:120px; padding:0px;}
#container_wrap #left_side nav > ul > li > ul > li > ul > li > ul > li > span > input[readonly]:hover {background:none; color:#fff;}
#container_wrap #left_side nav > ul > li > ul > li > ul > li > ul > li.active > span input[readonly] {color:#cf0652;}
#container_wrap #left_side nav > ul > li > ul > li > ul > li > ul > li.active:before {content:""; display:block; width:21px; height:17px; position:absolute; top:6px; right:38px; background:url(/ssw/images/bullet/filter_check.png) no-repeat;}
#container_wrap #left_side nav > ul > li > ul > li > ul > li > ul > li:last-child {background:url(/ssw/images/bullet/line_folder_open_02.png) no-repeat 12px 0px;}
#container_wrap #left_side nav > ul > li > ul > li > ul > li > ul > li .close {right:38px;}

#container_wrap #left_side nav ul li .close {width:24px; height:24px; text-indent:-999em; display:block; position:absolute; top:2px; right:0px; background:url(/ssw/images/button/btn_close_01_n.png)#292929 no-repeat; cursor:pointer; border-radius:50%;}
#container_wrap #left_side nav ul li .close:hover  {background:url(/ssw/images/button/btn_close_01_f.png) no-repeat;}
#container_wrap #left_side nav ul li .close:active {background:url(/ssw/images/button/btn_close_01_p.png) no-repeat;}
#container_wrap #left_side nav .keyword_wrap {margin:5px 0 0 15px; width:210px;}
#container_wrap #left_side nav .keyword_wrap .keyword_box { display:block; background:#676767; padding:14px; font-size:12px; color:#FFF; font-weight:normal; margin-bottom:5px; position:relative; overflow:hidden;}
#container_wrap #left_side nav .keyword_wrap .keyword_box strong {color:#CCC; word-break:break-all; display:block;}
#container_wrap #left_side nav .keyword_wrap .keyword_box .close { display:block; width:12px; height:12px; padding:6px; position:absolute; top:0px; right:0px; background:url(/ssw/images/common/icon_close.png) no-repeat 5px 5px; text-indent:-999em;}
#container_wrap #left_side nav .search_list {}
#container_wrap #left_side nav .search_list ul {border-bottom:1px solid #353535; padding-bottom:10px;}
#container_wrap #left_side nav .search_list ul li {display:block; height:30px; line-height:30px; text-indent:20px;}
#container_wrap #left_side nav .search_list ul li a { font-weight:normal; color:#919191; border-bottom:0px; background:none; height:30px; line-height:30px; margin-right:30px;}
#container_wrap #left_side nav .search_list ul li a:hover,
#container_wrap #left_side nav .search_list ul li a:active { background:none;}
#container_wrap #left_side nav .search_list ul li .close {top:3px;}

#container_wrap #left_side nav > ul li ul#platformList1 li span input {text-overflow:ellipsis; overflow:hidden; white-space:nowrap;}

/* left_side input*/
#container_wrap #left_side nav ul li ul li input {font-weight:normal; color:#ce0a51; border:0px; margin-left:20px; width:160px; background:#fff; height:30px; line-height:30px; padding:0 5px; border-radius:20px; cursor:text;}
#container_wrap #left_side nav ul li ul li input[readonly] {font-weight:normal; color:#919191; border:0px; background:transparent; height:30px; line-height:30px; cursor:pointer;}
#container_wrap #left_side nav ul li ul li input[readonly]:hover {}
#container_wrap #left_side nav > ul > li > ul > li.active input[readonly] {}
#container_wrap #left_side nav ul li ul li input[disabled] {font-weight:normal; color:#919191; border:0px; margin-left:10px; margin-right:30px; width:200px; background:transparent; height:30px; line-height:30px; text-overflow:ellipsis; overflow:hidden; white-space:nowrap; cursor:pointer;}
#container_wrap #left_side nav ul li ul li input[disabled]:hover {text-indent:6px; background:none; color:#fff;}
#container_wrap #left_side nav > ul > li > ul > li.active input[disabled] {color:#cf0652;}

/* left_side input edit*/
#container_wrap #left_side nav ul li ul.edit li input[readonly]:hover {background:#3d3d3d; cursor:text;}
#container_wrap #left_side nav ul li ul.edit li input[disabled]:hover {background:#3d3d3d; cursor:text;}
#container_wrap #left_side nav ul li ul li ul {border-top:0; border-bottom:0; display:none;}

#container_wrap #left_side .analytics_navi {padding:57px 0 0 24px;}
#container_wrap #left_side .analytics_navi a {display:block; font-size:18px; font-weight:bold; margin-bottom:26px; color:#CCC;}
#container_wrap #left_side .analytics_navi a:hover {color:#fff;}
#container_wrap #left_side .analytics_navi a:focus {color:#e2105f;}
#container_wrap #left_side .analytics_navi a.active { padding-left:20px; background:url(/ssw/images/bullet/icon_dot_n.png) no-repeat left center;}
#container_wrap #left_side .dashboard_side {padding:57px 15px 0 15px;}
#container_wrap #left_side .dashboard_side h2 {display:block; font-size:14px; color:#e2e6ea; font-style:italic;}
#container_wrap #left_side .dashboard_side ul {display:block; padding-bottom:9px; border-bottom:1px solid #353535;}
#container_wrap #left_side .dashboard_side ul li {display:block; margin-top:18px;}
#container_wrap #left_side .dashboard_side ul li .comp_box {overflow:hidden; display:block;}
#container_wrap #left_side .dashboard_side ul li .comp_box img {width:80px; height:45px; float:left; background:#FFF; border:1px solid #737373; box-sizing:border-box;}
#container_wrap #left_side .dashboard_side ul li .comp_box span { display:table-cell; vertical-align:middle; padding-left:10px; font-size:12px; line-height:20px; color:#cccccc;}
#container_wrap #left_side .dashboard_side ul li .comp_box span strong {display:block; width:140px; font-weight:bold; color:#919191; text-overflow:ellipsis; overflow:hidden; white-space:nowrap;}
#container_wrap #left_side .dashboard_side .goto_editor { display:block; font-size:14px; color:#CCC; text-indent:6px; padding:10px 0; margin-top:10px; background:url(/ssw/images/bullet/dash_bul_n.png) no-repeat right center;}
#container_wrap #left_side .dashboard_side .goto_editor:hover {color:#e2105f; background:url(/ssw/images/bullet/dash_bul_f.png) no-repeat right center;}
#container_wrap #left_side .vr_update { text-align:center; position:absolute; left:0px; bottom:120px; width:100%; font-size:12px; color:#c4c4c4; line-height:30px;}

/* contents */
#container_wrap .contents_wrap  {position:relative; background:#cdcdcd; overflow:hidden; height:100%; }
#container_wrap .contents_wrap .snb {height:57px; line-height:57px; background:#666; position:relative; min-width:1100px; padding-left:20px; white-space: nowrap; overflow: hidden;}
#container_wrap .contents_wrap .snb ul {overflow:hidden; float:left; padding:0 2px 0 0px; white-space:nowrap; display:block;}
#container_wrap .contents_wrap .snb ul li {display:inline-block; margin-left:5px;}
#container_wrap .contents_wrap .snb ul li a {display:block; color:#FFF; height:27px; line-height:27px; padding:0 12px; border:3px solid transparent; border-radius:18px;}
#container_wrap .contents_wrap .snb ul li a:hover {border:3px solid #ff0060; background:#ff0060; padding:0 12px; box-shadow:2px 2px 5px -2px #000;}
#container_wrap .contents_wrap .snb ul li a:active {border:3px solid #cf0652; background:#4d4d4d; color:#b5b5b5; padding:0 12px; box-shadow:2px 2px 5px -2px #000;}
#container_wrap .contents_wrap .snb ul li a.disable {color:#bcbcbc; cursor:default; background:none; border:none; padding:0 15px; box-shadow:0px 0px 0px 0px #000;}
#container_wrap .contents_wrap .snb ul li a.active {border:3px solid #ff0060; background:#ff0060; padding:0 12px; box-shadow:2px 2px 5px -2px #000;}

#container_wrap .contents_wrap #navSnb {float:left; white-space:nowrap;}

#container_wrap .contents_wrap .snb .paging { line-height:34px; margin:10px 20px 0 0;}
#container_wrap .contents_wrap .snb .paging em {}
#container_wrap .contents_wrap .snb .paging span {margin:0 0 0 20px !important; vertical-align:top;}
#container_wrap .contents_wrap .snb .paging span a.ico_next {margin-left:12px;}

/*
 * We are hiding the invisible nav outside the screen
 * so we need to avoid the horizontal scroll
 */
body.okayNav-loaded {overflow-x:hidden;}
.okayNav-header {display:-webkit-flex; display:-ms-flexbox; display:flex; position:fixed; top:0; width:100%; padding:0 15px; flex-direction:row; align-items:center; justify-content:space-between;-webkit-align-items:center; -webkit-flex-direction:row; -webkit-justify-content:space-between; -ms-flex-align:center; -ms-flex-direction:row; -ms-flex-pack:justify;}
.okayNav:not(.loaded) {visibility:hidden; user-select:none;-webkit-user-select:none; -moz-user-select:none; -ms-user-select:none;}
.okayNav ul {float:left; /* We want two navigations - one hidden and one visible */}
.okayNav a {position:relative; z-index:1;}
.okayNav__nav--visible {overflow:hidden; white-space:nowrap;}
.okayNav__nav--visible li {display:inline-block;}
.okayNav__nav--visible a {display:block; padding:15px 15px; transition:color 200ms cubic-bezier(0.55, 0, 0.1, 1);/* Link styling for the visible part of the nav */}
.okayNav__nav--visible:empty ~ .okayNav__menu-toggle {top:0;}
/* Link styling for the off-screen part of the nav */
.okayNav__nav--invisible {position:fixed; top:147px; z-index:999; overflow-y:scroll; background:#666; padding:0px 10px 10px !important; border-radius:0 0 4px 4px; box-shadow: 2px 4px 6px -1px rgba(0,0,0,0.3);}
.okayNav__nav--invisible li {display:block !important;}
.okayNav__nav--invisible li a {}
.okayNav__nav--invisible a {display:block; width:240px; padding:15px; margin:4px 0;}
[dir=rtl] .okayNav__nav--invisible a:first-child {margin-right: 0px !important;}
.okayNav__nav--invisible.nav-left {left:0; transform:translateX(-100%);-webkit-transform:translateX(-100%);}
.okayNav__nav--invisible.nav-right {right:0px; transform:translateX(100%);-webkit-transform:translateX(100%);}
[dir=rtl] .okayNav__nav--invisible.nav-left {left:auto; right:0px;}
[dir=rtl] .okayNav__nav--invisible.nav-right {left:0; right:auto; transform:translateX(-100%); -webkit-transform:translateX(-100%);}
.okayNav__nav--invisible.transition-enabled {transition:-webkit-transform 400ms cubic-bezier(0.55, 0, 0.1, 1); transition:transform 400ms cubic-bezier(0.55, 0, 0.1, 1); transition:transform 400ms cubic-bezier(0.55, 0, 0.1, 1), -webkit-transform 400ms cubic-bezier(0.55, 0, 0.1, 1);}
.okayNav__nav--invisible.nav-open {transform:translateX(0) !important; -webkit-transform:translateX(0) !important;}
/* Kebab icon */
.okayNav__menu-toggle {position:relative; z-index:1; top:20px; float:left; width:40px; height:20px; cursor:pointer; transition:-webkit-transform 400ms cubic-bezier(0.55, 0, 0.1, 1); transition:transform 400ms cubic-bezier(0.55, 0, 0.1, 1); transition:transform 400ms cubic-bezier(0.55, 0, 0.1, 1), -webkit-transform 400ms cubic-bezier(0.55, 0, 0.1, 1);}
.okayNav__menu-toggle.okay-invisible {position:absolute; opacity:0; user-select:none; pointer-events:none;-webkit-user-select:none; -moz-user-select:none; -ms-user-select:none;}
.okayNav__menu-toggle span {display:block; position:absolute; left:0; right:0; width:4px; height:4px; margin:auto; border-radius:50%; pointer-events:none; background:#fff;}
.okayNav__menu-toggle span:nth-child(1) {top:0;}
.okayNav__menu-toggle span:nth-child(2) {top:50%; transform:translateY(-50%);-webkit-transform:translateY(-50%);}
.okayNav__menu-toggle span:nth-child(3) {bottom:0;}
.okayNav__menu-toggle.icon--active {transform:rotate(90deg);/* Kebab icon when off-screen nav is open */-webkit-transform:rotate(90deg);}

/* contents catagory wrap */
#container_wrap .contents_wrap .content_wrap {height:100%; padding:14px; min-width:1070px;}
#container_wrap .contents_wrap .content_wrap_sub {height:100%; padding:0px 0px 14px 0px; min-width:1156px;}
#container_wrap .contents_wrap .content_list {background:#FFF; height:calc(100% - 216px); border-bottom:1px solid #828282; position:relative;}
#container_wrap .contents_wrap .content_analytics {background:#FFF; height:calc(100% - 185px); border-bottom:1px solid #828282;}
#container_wrap .contents_wrap .content_dashboard {background:#FFF; height:calc(100% - 130px); border-bottom:1px solid #828282;}
#container_wrap .contents_wrap .content_analytics_detail {height:calc(100% - 132px);}

.footer_paging { line-height:26px; font-size:12px; margin-top:12px;}
.footer_paging:after{content:"";display:block;clear:both}
.footer_paging .select_item {float:left; color:#4d4d4d; margin-top:4px;}
.footer_paging .select_item em {font-style:normal;}
.footer_paging .paging_wrap {float:right;}
.footer_paging .paging_wrap .paging {float:left;}
.footer_paging .paging_wrap .paging em {font-size:12px; font-style:normal; color:#666666; float:left; margin-top:4px; min-width:90px; text-align:right;}
.footer_paging .paging_wrap .paging span {float:left; margin:0 0 0 20px !important;}
.footer_paging .paging_wrap .paging span a.ico_next {margin-left:12px;}
.footer_paging .paging_wrap .dropdown_box {color:#666; margin-top:4px;}
.footer_paging .paging_wrap .dropdown_box span {display:inline-block; vertical-align:middle;}
.footer_paging .paging_wrap .dropdown_box .page_num a.select_num {margin:0 50px 0 20px}

/* ----------------------------------------------
OLED //
------------------------------------------------*/
header .h_close {display:block; width:50px; height:50px; text-indent:-999em; position:absolute; top:20px; right:20px; border-radius:50%; background:url(/ssw/images/button/h_btn_close_n.png) no-repeat;}
header .h_close:hover {background:url(/ssw/images/button/h_btn_close_f.png) no-repeat;}
header .h_close:active {background:url(/ssw/images/button/h_btn_close_p.png) no-repeat;}