/*
html5doctor.com Reset Stylesheet
 v1.6.1
 Last Updated: 2010-09-17
 Author: Richard Clark - http://richclarkdesign.com
 Twitter: @rich_clark
*/

html, body, div, span, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, abbr, address, cite, code, del, dfn, em, img, ins, kbd, q, samp, small, strong, sub, sup, var, b, i, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td,
article, aside, canvas, details, figcaption, figure, footer, header, hgroup, menu, nav, section, summary,
time, mark, audio, video { margin:0; padding:0; border:0; outline:0; font-size:100%; vertical-align:baseline; background:transparent; }
main, article,aside,details,figcaption,figure,footer,header,hgroup,menu,nav,section { display:block; }

/*
 * RemoteView5.x - Base StyleSheet
 * @author firejune(to@firejune.com), Park Jeong Shik (jspark@rsupport.com)
 * @copyright © 2014 RSUPPORT. All rights Reserved.
 */
* { padding: 0; margin: 0; }
html, body { width: 100%; height: 100%; min-height: 500px; min-width: 1300px; }
body {
  color: #272727; font-size: 12px; line-height: 16px; position: relative; background: #F4F5F9;
  -webkit-text-size-adjust: 100%;
  /* for effect */
  /*
	opacity: 0; transition: all 0.3s ease-in-out;
	-webkit-transform: translateZ(200px);
  	-moz-transform: translateZ(200px);
  	transform: translateZ(200px);
  */
}
body.effect {
  transform: translateZ(0); -moz-transform: translateZ(0); -webkit-transform: translateZ(0); opacity: 1;
}

/* Font */
@font-face {
  font-family: loadNANUM;
  src: url('/public/serviceContents/font/NanumGothic.eot');  /* IE9 Compat Modes */
  src: url('/public/serviceContents/font/NanumGothic.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
  url('/public/serviceContents/font/NanumGothic.ttf') format('truetype'); /* Safari, Android, iOS */
  /*url('/font/NanumGothic.svg#NanumGothic') format('svg'); * Legacy iOS */
  src: local(※), url('/public/serviceContents/font/NanumGothic.woff') format('woff'); /* Pretty Modern Browsers */
}

body.ko, body.ko * { font-family: '나눔 고딕', 'NanumGothic', loadNANUM, '맑은 고딕', 'MalgunGothic', sans-serif;  }
body.en { font-family: Verdana,  Arial, sans-serif; }
/* body.ja { font-family: MS PGothic, Arial, sans-serif; font-size: 13px; }  *//* 일본 폰트 기본 사이즈 13px */
body.ja { font-family: 'meiryo', sans-serif; font-size: 13px; }
body.zh-CN, body.zh-TW { font-family: SimSun, Arial, sans-serif; }

a { color: #1c9cf3; text-decoration: none; }
hr { margin: 10px 0; }
img { border:0; vertical-align: middle; }
ul, li, dl { list-style: none; }
pre { display: none; }
button { cursor: pointer; }
input.error, textarea.error, select.error { border: 1px solid #ff4e44 !important; }

/* standard 처리 */
#S #favorite-root { display: none; }
/* #S.remote-pc #toolbar .r-tools { margin: 0 40px 0 0; } */
#S #toolbar .orders { border-right: 0; }
/*
#S aside { display: none; }
#S #wrapper .column.center { left: 0; }
#S.setting #wrapper .column.center { left: 208px; }
#S.stats aside { display: block; }
#S.stats #wrapper .column.center { left: 208px; }
*/

/* header */
#header {
  border-bottom: 1px solid #3da9f5; height: 64px; position: relative;
  background: #ffffff; *z-index: 2500;
}
#header .logo { position: absolute; bottom: 11px; left: 19px; }
#header .logo img { max-width: 165px; max-height: 30px; }

/* top menu */
#top-menu { padding: 7px 5px 0 0; position: absolute; top: 0; right: 0; font-size: 0.917em; color: #97a3b2; }
#gnb { float: left; margin: 2px 7px 0 0; }
#gnb a { display: inline-block; padding: 0 3px; color: #97a3b2; text-decoration: none; }
#gnb a:hover { color: #333; text-decoration: underline; }
#gnb #dropdown-opener {
  margin: 0; padding: 0; width: 18px; height: 15px; background: url(/public/serviceContents/img/common/up-down-gray.png) no-repeat 0 -3px;
  opacity: 0.7; filter: alpha(opacity=70); vertical-align: middle; border: 0; cursor: pointer;
  text-indent: -9999px; *text-indent: 0; *font-size: 0; *line-height: 0;
}
#gnb #dropdown-opener:hover { opacity: 1; filter: alpha(opacity=100); }

#dropdown {
  display: none; position: absolute; top: 34px; right: 82px; border: solid 1px #cdd3db; margin: 0; padding: 0;
  box-shadow: 0px 2px 2px rgba(50, 50, 50, 0.3); background: #fff; z-index: 2501; /* overlay z-index 2500 */
}
#dropdown li { list-style: none; position: relative; *line-height: 12px; }
#dropdown .arrow {
  position: absolute; top: -9px; right: 38px;
  display: inline-block; width: 20px; height: 9px; background: url(/public/serviceContents/img/header/icons.gif) no-repeat 0 -14px;
}
#dropdown .current-account .arrow { background-position: 0 -24px !important; }
#dropdown a {
  display: block; padding: 2px 15px; text-align: center;
  border-bottom: 0; color: #666; text-decoration: none; background: #f3f6fc ;
  *padding-top: 5px; *padding-bottom: 5px; _display: inline-block; _width: 70px;
}
.en #dropdown a { _width: 110px; }
#dropdown li:last-child a { border-bottom: 0; }
#dropdown a:hover { background-color: #3da9f5; color: #fff; }

#dropdown .buynow { background-position: 3px -91px; }
#dropdown a:hover.buynow { background-position: 3px -221px; }

#dropdown .cs { background-position: 5px -117px; }
#dropdown a:hover.cs { background-position: 5px -247px; }

#dropdown .event { background-position: 5px -142px; }
#dropdown a:hover.event { background-position: 5px -272px; }

#dropdown .myinfo { background-position: 4px -168px; }
#dropdown a:hover.myinfo { background-position: 4px -298px; }

#dropdown .signout { background-position: 4px -195px; }
#dropdown a:hover.signout { background-position: 4px -325px; }
.current-account { padding: 2px 10px; color: #3da9f5; background: #fff; display: block; border-bottom: solid 1px #D4DADF; }

/* select language */
#language {
  position: relative; z-index: 2501; /*z-index: 12; */
  float: left; display: inline-block; overflow: hidden;
  margin: 0; padding: 0; line-height: 18px; list-style: none;
  border: 1px solid #cdd3db; background: white;
}
#language li.select {
  padding-left:5px; cursor: pointer; width: 102px;
  background: url(/public/serviceContents/img/common/up-down-gray.png) no-repeat right -1px;
}
#language li.select.active { background-position: right -47px; background-color: #fff; color: #3da9f5;   }
#language li a {
  display:inline-block; padding:0 5px /*!important*/; margin:0 /*!important*/; border-top: solid 1px #cdd3db;
  width: 97px; font-size: 1em /*!important*/; background-image:none /*!important*/;
  line-height:18px /*!important*/; color: #646464;
}
#language li a:hover { background: #f3f6fc /*!important; */}
#language li.ko,
#language li.ja,
#language li.en,
#language li.zh-CN,
#language li.zh-TW { display: none; }

.header-message {
  position: absolute; top: 32px; right: 5px; font-size: 13px;
  height: 28px; line-height: 28px;
}

/**********************************
 			NAVIGATION
 **********************************/
#header .navigation { position: absolute; width: 900px; height: auto; bottom: 0; left: 208px; overflow: hidden;  }
.navigation li,
.navigation a { background: #fff; }
.navigation li { float: left; height: 35px; margin-right: 1px; /*padding-left: 8px; */}
.navigation a {
  color: #717a8b; display: block; padding: 9px 24px 0 24px; height: 22px;
  /*background-position: right;*/ font-size: 1em; font-weight: bold; _float: left;
}
.navigation li:hover,
.navigation li:hover a { color: #333; /* TODO 색상 */ }

body.remote-pc .navigation .remote-pc,
body.liveview .navigation .liveview,
body.user .navigation .user,
body.usergroup .navigation .usergroup,
body.stats .navigation .stats,
body.setting .navigation .setting,
body.apply_form .navigation .apply_form{
  color: #fff; background: #3da9f5;
  border-radius: 4px 4px 0 0 ;
}
body.dashboard .navigation .dashboard a,
body.remote-pc .navigation .remote-pc a,
body.liveview .navigation .liveview a,
body.user .navigation .user a,
body.usergroup .navigation .usergroup a,
body.stats .navigation .stats a,
body.setting .navigation .setting a,
body.apply_form .navigation .apply_form a{
  color: #fff; background: #3da9f5;
  border-radius: 4px 4px 0 0 ;
}

#list-header a { color: #767676;  }
#list-header a:hover, a:active { color: #6eb8dd; }

/* popover */
.popover {
  position: absolute; padding: 15px 20px 20px; background: #fff; z-index: 13;
  border-radius: 6px; border: solid 1px #bbb; box-shadow: 0px 5px 5px 0px rgba(50, 50, 50, 0.3);
}
.popover .arrow {
  position: absolute; top: -9px; left: 30px; display: inline-block; width: 20px; height: 9px;
  background: url(/public/serviceContents/img/header/icons.gif) no-repeat 0 -24px;
}
.popover strong { display: block; margin-bottom: 10px; }

/* NO AGENT POPUP */
.default.popover {
  padding: 0;
  top: 101px; left: 242px;
  border-radius: 0px;
  border: 1px solid #cdd3db;
  font-size: 0.917em; color: #97a3b2;
}
#no-agent.cus-launcher { max-width: 250px; }
#cus-install-noti { max-width: 300px; }
.default.popover .arrow {
  background: url(/public/serviceContents/img/header/popover-arrow.png) no-repeat;
}
.default.popover h3 { display: block; background: #3da9f5; color: #fff; }
.default.popover h3, .default.popover p { padding: 8px 11px; vertical-align: top; }
/*#no-agent i { position: absolute; top: 13px; left: 18px;}*/
.default.popover button {
  position: absolute; top: 9px; right: 9px; width: 12px; height: 12px; border: none;
  background: url(/public/serviceContents/img/header/popover-close.png) no-repeat;
}

/* icon */
i {
  display: inline-block;
  width: 18px; height: 18px; background: url(/public/serviceContents/img/common/icons.gif) no-repeat 0 0;
}
i.exclamation-mark { background-position: 0 0; }
i.help-icon { background: url(/public/serviceContents/img/common/icon-help.gif);}
i.help-icon-blue { background: url(/public/serviceContents/img/common/icon-help-blue.png); }
i.help-icon:hover { cursor: pointer; }
.help-dialog i.help-icon { margin-top: -2px; margin-left: 4px; vertical-align: middle; }

/* message */
.msg-box {
  display: none; position: fixed; top: 0; z-index: 3000;
  color: white; background-color: #2cc368; opacity: 0.8;
  -webkit-box-sizing: border-box; box-sizing: border-box; padding: 0 35px;
  font-size: 17px; line-height: 50px;
  height: 50px; overflow: hidden;
}
.msg-box--expand{
  -webkit-transform: scaleX(0); -ms-transform: scaleX(0); transform: scaleX(0);
  -webkit-transition:-webkit-transform 250ms; transition:-webkit-transform 250ms;
  -o-transition:transform 250ms; transition:transform 250ms;
  transition:transform 250ms, -webkit-transform 250ms;
}
.msg-box--expand-open{-webkit-transform: scaleX(1);-ms-transform: scaleX(1);transform: scaleX(1);}
.msg-box--loading { background: #369ce3;}
.msg-box--warn { color: #717a8b; background: #ffe158;}
.msg-box--error { background: #ff4d45;}
.msg-box a { color: white; border-bottom: 1px solid white; }
.msg-box__err-code{ font-size: 0.9em; color: #ebecf0; }
.msg-box__icon {
  background: url(/public/serviceContents/img/icons/status-success.png);
  width: 25px; height: 25px; vertical-align: middle; margin-right: 10px;
}
.msg-box--warn .msg-box__icon,
.msg-box--error .msg-box__icon { background-image: url(/public/serviceContents/img/icons/status-error.png); }
.msg-box--loading .msg-box__icon {
  background-image: url('/public/serviceContents/img/icons/status-loading.png');
  -webkit-animation: spin 0.8s linear infinite;
  animation: spin 0.8s linear infinite;
}
@-webkit-keyframes spin { 100% { -webkit-transform: rotate(360deg); } }
@keyframes spin { 100% { -webkit-transform: rotate(360deg); transform:rotate(360deg); } }
.msg-box--right-pad{padding-right: 60px;}
.msg-box__close {
  display: none; position: absolute; right: 0; top: 0; bottom: 0; width: 45px;
  font-weight: bold; color: #f0f1f5; border: 0; font-size: 1.1em;
  background: rgba(0, 0, 0, 0.1);
}
.msg-box__close--active { display: inline-block; }

/* popover */
.popover-wrap .popover-target {
  color: black; display: inline-block; position: relative; text-align: left; cursor: pointer; text-decoration: underline;
}
.popover-wrap .popover-target .popover {
  background-color: white; border-radius: 0px; bottom: 28px; position: absolute; width: auto; z-index: 4;
  box-shadow: none; color: black; display: none; padding: 7px 10px; border: 1px solid #959595;

}
.popover-wrap .popover-target.active .popover {
  display: block;
}
.popover-wrap .triangle-icon { position: absolute; bottom: -8px; right: 4px; }

.popover-wrap.right { text-align: right; }
.popover-wrap.right .popover-target .popover {
  font-size: 11px; line-height: 1.2; right: 0; width: 264px; border: 1px solid #1da1df;
}
.popover-wrap.right .dot-content li { padding-left: 10px; }
.popover-wrap.right .dot-content li .dot { position: absolute; left: 8px; }
.popover-wrap.right .popover-target .popover:before { left: inherit; right: 10%; }

/**********************************
 			WRAPPER
 **********************************/
#wrapper {
  position: absolute; top: 65px; bottom: 0; width: 100%;
  _height: expression((document.body.clientHeight - 68) + 'px');
  overflow: hidden;
}

* html #wrapper { min-width: 1000px; width:expression(document.body.clientWidth < 1000 ? '1000px': '100%');}
#wrapper .column { position: absolute; top: 0; }
#wrapper .column.left {
  min-width: 207px; left: 0 !important;
  padding-bottom: 1px; background: #fff; bottom: 0;
}
#wrapper .column.right {
  width: 207px; right: 5px; border: 1px solid #779FAB; border-top: 0;
  background: #F0F4F7; padding-bottom: 1px;
}
#wrapper .column.center {
  left: 207px; right: 0; border: 1px solid #cdd3d6; border-top: 0; bottom: 0;
  padding-bottom: 1px; min-width: 930px;
  _width: expression((document.body.clientWidth > 941 ? document.body.clientWidth - 208 : 733) + 'px') !important;
}

#wrapper .column.center.no-left {
  left: 5px !important;
  /*_width: expression((document.body.clientWidth - 208) + 'px') !important;*/
}
.column.center.no-bottom #contents {
  bottom: 0 !important;
  _height: expression((document.body.clientHeight - 96) + 'px');
}
.subgroup .column.center.no-bottom #contents {
  _height: expression((document.body.clientHeight - 126) + 'px') !important;
}

#wrapper .column.bottom {
  height: 110px; top: auto; bottom: 0; background-color: #f3f6fc; _width: 100%;
}

#wrapper .toggler { position: absolute; top: 0; height: 100%; z-index: 2; cursor: e-resize; }
#wrapper .toggler.left { left: 204px; width: 10px; }

#contents.lock { opacity: 1; filter:alpha(opacity=100); }
/* .lock { opacity: 0.5; filter:alpha(opacity=50); } */

#copyright {
  padding: 2px 5px 1px; line-height: 12px; position: absolute; bottom: 10px; right: 10px;
  _position: absolute; z-index: 200; font-size: 0.917em;
  font-style: normal;
}
body.stats #copyright,
body.settings #copyright,
body.liveview #copyright { right: 24px; }

#loading {
  display: none; position: absolute; top: 220px; width: 100%; z-index: 3001;
  opacity: 0.8; filter:alpha(opacity=40);
}
#loading p {
  margin: 0 45%; padding: 80px 0 25px; width: 13%; text-align: center; z-index: 2501;
  background: #fff url(/public/serviceContents/img/ui/ajax-loader.gif) no-repeat center 10px;
  font-size: 30px; color: #000; border-radius: 10px;
}

#plugin { background:#e8e8e8; height: 2px; }
#plugin iframe { visibility:hidden; }

/**********************************
 			TOOLBAR
 **********************************/
#toolbar {
  position: relative; height: 27px; overflow: hidden;
  background: #f3f6fc; border-bottom: solid 1px #cdd3d6;
  font-size: 0.917em;
}
#toolbar h1 { display: none; margin-left: 20px; font-size: 12px; font-weight: normal; }
#toolbar img { vertical-align: top; margin-top: 1px;}
#toolbar a { display: inline-block; height: auto; vertical-align: top; zoom: 1; }
#toolbar a#scope { padding-left: 10px; }
#toolbar > a { margin: 0 6px; }
#toolbar .buttons {
  position: absolute; top: 0; left: 0;
  margin: 0 0 0 38px; padding-left: 7px;
  /*width: 323px;*/ height: 28px;
  border-left: 1px solid #cdd3d6;
}
#toolbar .buttons a { margin-right: 7px; }
.hide {
  display: none; overflow: hidden;
  width: 0; height: 0;
}
#toolbar span.group { float: right; padding: 2px 0 3px 0; }
#toolbar span.group a { margin: 0; }
#toolbar span.group img { margin-top: 0; cursor: pointer; }
#toolbar .buttons .div { margin-right: 12px; }
#toolbar .buttons .button.dim,
#toolbar .buttons .dim img { opacity: 0.2; filter:alpha(opacity=20); }
/*#toolbar .buttons #agent { background: url(/public/serviceContents/img/toolbar/icon-agent.png/); }*/
#toolbar .buttons .dim img { background-position: bottom 0; }
#toolbar .line {
  margin-right: 2px !important; padding: 0 7px 8px 0;
  border-right: 1px solid #cdd3d6; height: 100%;
  _background-position: right -3px;
}
#delete-group { margin-right:4px !important; }
#view-zoom img { margin-top:4px !important; }

/* 오른쪽 정렬 툴  */
#toolbar .r-tools { position: absolute; height: 28px; top: 0; right: 0; margin: 0 5px 0 0; /*border-left: 1px solid #cdd3d6;*/ }
#toolbar .r-tools .group { padding: 4px 6px; height: 19px; border-left: 1px solid #cdd3d6;  border-right: 1px solid #cdd3d6;   }
#toolbar .orders {
  position: relative; float: right;
  height: 28px; text-align: center;
  border-right: 1px solid #cdd3d6;
}
#toolbar .orders .sort {
  margin: 4px 6px;
  height: 17px;
  background: #fff;
  border: 1px solid #cdd3d6;
}
#toolbar .orders .dropdown {
  display: inline-block; height: 16px; margin: 0 24px 0 -2px;
  padding: 1px 8px 0 11px;
}
#toolbar div.orders p.sort .dropdown { min-width: 89px; text-align: left; }
#menu-sort { width: 130px !important; margin-left: 1px; margin-top: -1px; border-radius: 0 0 4px 4px; box-shadow: none; }
#menu-sort li { border: none; }
#toolbar .orders .callback { position: absolute; top: 10px; right: 15px; width: 11px; height: 7px; }
#toolbar .orders.DESC .callback { background: url(/public/serviceContents/img/toolbar/up-down.png) no-repeat  0 -14px; }
#toolbar .orders.ASC .callback { background: url(/public/serviceContents/img/toolbar/up-down.png) no-repeat 0 0; }
/* toolbar border exception handing */
.liveview #toolbar .orders { border-left: 1px solid #cdd3d6; border-right: 1px solid #cdd3d6 !important; }
.list #toolbar .r-tools,
.user .icon #toolbar .r-tools,
.usergroup .icon #toolbar .r-tools,
.stats  #toolbar .r-tools { border-left: none; }

#search {
  position: relative; float: right; margin-top: 4px; margin-left: 6px;
  background: #fff;
  border: 1px solid #cdd3d6;
  z-index: 9;
}
#search #search-input {
  position: relative; padding-left: 5px; width: 117px; height: 17px;
}
#search input.text {
  position: absolute; top: 0; left: 0; border: none;
  border-radius: none; padding: 2px 30px 2px 5px;
  width: 86px; height: 13px; font-size: 0.917em;
}
#search input.submit {
  position: absolute;
  font-size: 12px; width: 14px; height: 11px; cursor: pointer;
  background: url(/public/serviceContents/img/toolbar/search.png) no-repeat 0 0;
  border: none;
  margin-left: -1px; top: 3px; right: 5px;
  text-indent: 200px;
}
#search input.submit:hover { color: #444; }

.remote-pc #search #search-input { float: left; }
/* 검색범위  */
#scope {
  float: left; position: relative;
  /*margin: 1px 9px 0 13px;*/
  padding: 1px 10px 0 0; z-index: 10;
  height: 20px;
  background: #fff;
  border-right: 1px solid #cdd3d6;
  /* border-right: solid 1px #333; background: url(/public/serviceContents/img/toolbar/tool-order.gif) no-repeat 0 0;  */
  /* box-shadow: 1px 0 2px #666; */
}
#scope:hover { color: #333; }


#slider {
  border-left: 1px solid #cdd3d6;
}

/* status */
#status {
  position: relative; display: none;
  padding-top: 3px;
  width: 100%; height: 25px; background: #fff; color: #3da9f5;
  text-align: right; overflow: hidden; white-space: nowrap; z-index: 12;
}
#status a { color: #3da9f5; }
#status a.control { position: absolute; top: 3px; left: 8px; cursor: pointer; _top: 6px; }
#status a.control img { margin-top: -2px; }
#status span.history { float: right; margin-right: 10px; width: 85%; overflow: hidden; height: 20px; _margin-top: 2px; }
#status span.history span { color: #6b747e; }
#status .history a { color: #6b747e; }
#status .history strong { color: #3da9f5; }

/* grid list header */
#list-header {
  background: #fff; border-bottom: 1px solid #d5dae2 !important;
  z-index: 12; position: relative; _height: 26px; _margin-right: 1px; *zoom: 1;
  /*background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0.32, #FBFBFB), color-stop(1, #EBEBEB));
	background-image: -o-linear-gradient(bottom, #FBFBFB 32%, #EBEBEB 100%);
	background-image: -moz-linear-gradient(bottom, #FBFBFB 32%, #EBEBEB 100%);
	background-image: -webkit-linear-gradient(bottom, #FBFBFB 32%, #EBEBEB 100%);
	background-image: -ms-linear-gradient(bottom, #FBFBFB 32%, #EBEBEB 100%);
	background-image: linear-gradient(to bottom, #FBFBFB 32%, #EBEBEB 100%);*/
}
#list-header:after { content: ""; display: block; clear: both; }
#list-header li {
  display: inline-block; color: #424242; font-weight: bold; padding: 6px 10px 4px;
  position: relative; float: left;
}
/*#list-header li:hover { background: #f3f6fc; }*/
#list-header li.description { min-width: 60px; }
#list-header .arrow { width: 11px; height: 7px; position: absolute; top: 10px; right: 10px; }
#list-header li.DESC .arrow {
  display: block; background: url(/public/serviceContents/img/common/up-down.png) no-repeat 0 -34px;
}
#list-header li.ASC .arrow {
  display: block; background: url(/public/serviceContents/img/common/up-down.png) no-repeat 0 -3px;
}


/**********************************
 			CONTENTS
 **********************************/
h2.warn {
  width: 100%; position: absolute; text-align: center; margin: 0 auto; color: #888; top: 50%; margin-top:-20px; font-size: 14px;
}
#contents {
  position: absolute; top: 28px; bottom: 135px; left: 0; right: 0; background: #fff;
  overflow: auto; overflow-x: hidden; padding: 0; _width: 100%; _padding: 0;
}
#wrapper.subgroup #contents { padding: 30px 0 0; } /* status|list-header 겹치는 문제로 추가 */
#wrapper .center div.list { _top: 55px; }
body.remote-pc #contents,
body.user #contents { _height: expression((document.body.clientHeight - 210) + 'px'); }

.subgroup #contents { border-top-width: 24px; border-bottom-width: 0; }
body.remote-pc .subgroup #contents,
body.user .subgroup #contents {
  _height: expression((document.body.clientHeight - 234) + 'px');
}
#contents.list { margin-top: 27px; /*padding-top: 3px;*/ }

/*.subgroup #contents table th { background: #679DCB; }*/
body.remote-pc #contents.list,
body.user #contents.list {
  _height: expression((document.body.clientHeight - 240) + 'px');
}
body.remote-pc .subgroup #contents.list,
body.user .subgroup #contents.list {
  _height: expression((document.body.clientHeight - 262) + 'px');
}
.subgroup #contents, .subgroup #detail {
  _width: expression((document.body.clientWidth - 215) + 'px');
}
.subgroup #contents.list { border-top-width: 49px; }
.subgroup .no-bottom #contents { border-bottom-width: 3px; }
.subgroup #status { display: block;  }
.subgroup #list-header { border-top: 1px solid #d5dae2; }

/*.subgroup._favorite #status { background: #ECBA65; }
.subgroup._favorite #list-header,
.subgroup._favorite #contents,
.subgroup._favorite #detail { border-color: #ECBA65; }

.subgroup._search #status { background: #B8B8B8; }
.subgroup._search #list-header,
.subgroup._search #contents,
._subgroup.search #detail { border-color: #B8B8B8; }*/

/* detail */
#detail {
  color: #6e6e6e; left: 0; right: 0; z-index: 100;
  padding: 10px 0 13px 10px;
  border-top: 1px solid #cdd3d6;
}
#detail .sections { margin: 10px; }
#detail fieldset, #detail p {
  display: block; float: left;
  margin-right: 10px; width: 205px; height: 22px;
  font-size: 0.917em; color: #6b747e; line-height: 20px; overflow: hidden; white-space: nowrap; border: none;
}
#detail .separate { color: #bbb; margin: 0 5px 0 0; }
#detail fieldset span { color: #333; }
#detail fieldset span img { margin-top: -2px; display: inline-block; }
#detail fieldset select { color: #333; height: 20px; border: 1px solid #3da9f5; background: #fff; width: 100px; font-size: 0.917em; }
#detail .editable {
  color: #3da9f5; padding: 2px 4px; line-height: 16px; display: inline-block; max-width: 128px; overflow: hidden; vertical-align: middle;
}
#detail .editable:hover, #detail .editing { background: #fff; border: 1px solid #3da9f5; padding: 0 3px; }
#detail .editing input { border: none; background: transparent; width: 120px; padding: 1px 0; font-size: 12px; }
#detail .editable .empty { font-weight: bold; color:#d04500; }
#detail .panel { border: 1px solid #888; background: #fff; }
#detail fieldset a, #detail p a { text-decoration: underline; }
#detail #info-agent fieldset span {
  display: inline-block; zoom:1; *display:inline; overflow: hidden; text-overflow: ellipsis;
  max-width: 160px; vertical-align: middle;
}

#detail-preview {
  display: none;
}
#detail-title { display: block; margin-bottom: 9px; }

#detail .dropdown {
  display: inline-block;
  position: relative;
  margin-left: 12px; padding: 3px 32px 3px 8px;
  border: 1px solid #cdd3d6;
  background: #fff url(/public/serviceContents/img/common/up-down.png) no-repeat 97px 4px;
  color: #3da9f5;
}
#detail .dropdown:hover {
  background: #fff url(/public/serviceContents/img/common/up-down.png) no-repeat 97px 4px;
}
#detail .dropdown.opened {
  background: #fff url(/public/serviceContents/img/common/up-down.png) no-repeat 97px -26px;
}
#detail fieldset span#description {
  display: inline-block; width: 120px; overflow: hidden;
  text-overflow: ellipsis; white-space: nowrap; vertical-align: top;
}

/* AUTH  */
#tree {
  /*overflow: auto; */overflow-x: hidden; padding: 0; background:#fff; position: absolute;
  top: 29px; bottom: 0; width: 100%;
  _height: expression((document.body.clientHeight - 96) + 'px');
}

#users, #authors { position: relative; overflow: auto; overflow-x: hidden; padding: 0; }
#authors ul li { margin-top: 3px; padding-top: 3px; }

.user.dragging {
  border: 2px solid #2e5d83; padding: 4px 4px 2px 22px;
  border-radius: 4px; color: #2e5d83 !important;
}
.user.drop {
  margin: 0 2px; padding-bottom: 0;
  background-color: #B3D4EF !important; color: #fff; border: 1px solid #2e5d83;
}
/*
.user.ui-selecting { background-color: #ccc; }
.user.ui-selected { cursor: default; background-color: #5B83A5; color: #fff; }
*

/* ui.contextmenu */
.contextmenu, .contextmenu ul {
  position: absolute; z-index: 3001; width: auto; padding: 4px 0; background: #f3f6fc;
  border: 1px solid #CBCBCB; border-radius: 4px; color: #424242;
  box-shadow: 2px 2px 3px rgba(0, 0, 0, 0.3);
}
.contextmenu.sub-button { border-radius: 4px 4px 0 0; box-shadow: none; padding-bottom: 0; }
.contextmenu a { color: #424242; white-space: nowrap; display: block; padding: 3px 24px 2px 8px; }
.contextmenu li {
  border: 1px solid #f3f6fc; border-left: none; border-right: none; _float: left; _clear: both;
}
.contextmenu li.ie7-show { *display: block; zoom: 1; *width: auto; }

.contextmenu .more { padding: 3px 24px 2px 8px; background: url(/public/serviceContents/img/contextmenu/arrow.gif) right 6px no-repeat; position: relative; }
.contextmenu .more:hover { background-image: url(/public/serviceContents/img/contextmenu/arrow-hover.gif); }
.contextmenu li:hover { border-color: #25699F; background-color: #3da9f5; color: #fff; }
.contextmenu li:hover > a { color: #fff; }

.contextmenu .more ul { position: absolute; *margin-left: 4px; *min-width: 130px; }
.contextmenu .seperate { border-top: 1px solid #CBCBCB; border-bottom: 1px solid #fff; line-height: 0; padding: 0; height: 0; _font-size: 0; }
.contextmenu .seperate:hover { border-top: 1px solid #CBCBCB; border-bottom: 1px solid #fff; background: none; }

.contextmenu a .open { display: none; }
.contextmenu a .close { display: inline; }
.contextmenu .collapse .open { display: inline; }
.contextmenu .collapse .close { display: none; }
.contextmenu .hidden { display: none !important; }
.contextmenu .dim { opacity: 0.4; filter:alpha(opacity=40); }
.contextmenu .dim ul { display: none !important; }

body.remote-pc .contextmenu li.user,
body.remote-pc .contextmenu li.liveview,
body.remote-pc .contextmenu li.stats,
body.liveview .contextmenu li.remote-pc,
body.liveview .contextmenu li.user,
body.liveview .contextmenu li.stats,
body.user .contextmenu li.remote-pc,
body.user .contextmenu li.liveview,
body.user .contextmenu li.stats,
body.usergroup .contextmenu li.remote-pc,
body.usergroup .contextmenu li.liveview,
body.usergroup .contextmenu li.stats,
body.stats .contextmenu li.remote-pc,
body.stats .contextmenu li.liveview,
body.stats .contextmenu li.user { display: none; }

body.remote-pc .contextmenu li.remote-pc,
body.liveview .contextmenu li.liveview,
body.user .contextmenu li.user,
body.usergroup .contextmenu li.usergroup,
body.stats .contextmenu li.stats { display: block; }

/* ui.dragable */
/* 서버 에러 유발되어 분리 System.Web.HttpException: A public action method '-moz-grab' was not found EventURL: https://biz.rview.com/Remote/-moz-grab */
.grabbing, .grabbing * { cursor: url(/contents/cursors/grabbing.cur); cursor: -moz-grabbing !important;}
.grabable, .grabable * { cursor: url(/contents/cursors/grab.cur); cursor: -moz-grab !important; }

.dragging { position: absolute; margin: 0; background-color: #fff !important; z-index: 1000; }

/* ui.Selectable */
.ui-selectable-helper { position: absolute; z-index: 10; border: 1px solid #3da9f5 !important; background: rgba(61,169,245, 0.2);  }


/**********************************
 			UI TREE
 **********************************/
#tree { background-color: #f3f6fc; }
#favorite-root { background-color: #fff; }
.tree li {
  list-style: none; margin: 0; padding: 0 0 0 27px; position: relative;
  line-height: 0;/* overflow: hidden;*/ *zoom: 1;
}
.tree li .title a {	color: #3da9f5; }
.tree li .title .action { top: 16px; }
.tree li .text {
  display: inline-block; clear: left;
  margin-right: 5px; padding: 2px 6px 1px 4px; height: 22px;
  overflow: hidden; color: #6b747e;
  line-height: 18px; white-space: nowrap; cursor: pointer;  /* border:solid 1px #f0f1f5; border-radius: 1px; */
}
.tree li .text .label { max-width: 202px; }
.tree li .text .label,
.tree li.doc .text { display: inline-block; height: 22px; }
.tree li .text .label,
.tree li.doc .name { max-width: 225px; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
/*.tree li.doc .name { max-width: 98px; }*/
.tree li div { margin-left: 6px; }

.tree .root { margin: 0 0 0 -13px; padding: 8px 0 0 22px; }
.tree .root.company { o2verflow: auto; }
.tree .root ul { background: none !important; margin-top: 1px;  }
.tree .root ul ul li { /* display: inline-block; */  display: block; }
.tree .hide { display: none; }
.tree .folder,
.tree .doc,
.tree .favorite { margin-left: 0; }

.tree .favorite { background: url(/public/serviceContents/img/tree/ico-favorite.gif) 14px 5px no-repeat; }
.tree #favorite-root div { position: relative; zoom: 1; max-width: 300px;}
/*
.tree .folder.open.lock { background-position: 0 -114px !important; }
.tree .folder.close.lock { background-position: 0 -85px !important; }
*/
.tree .folder > .trigger{background: url(/public/serviceContents/img/tree/ico-group-admin.png) no-repeat 0;}
.tree .folder.open > .trigger{background-position: 0 -53px;}
.tree .folder.close > .trigger{background-position: 0 -24px;}
.tree .folder.empty > .trigger{background-position: 0 3px;}

.tree .folder.lock > .trigger{ background-image: url(/public/serviceContents/img/tree/ico-group.png) }

.tree .doc { background: url(/public/serviceContents/img/icons/d-on-tiny.png) 7px 2px no-repeat;  }
.tree .doc.d-on-remote { background-image: url(/public/serviceContents/img/icons/d-on-remote-tiny.png); }
.tree .doc.d-on { background-image: url(/public/serviceContents/img/icons/d-on-tiny.png); }
.tree .doc.d-off { background-image: url(/public/serviceContents/img/icons/d-off-tiny.png); }
.tree .doc.l-on-remote { background-image: url(/public/serviceContents/img/icons/l-on-remote-tiny.png); }
.tree .doc.l-on { background-image: url(/public/serviceContents/img/icons/l-on-tiny.png); }
.tree .doc.l-off { background-image: url(/public/serviceContents/img/icons/l-off-tiny.png); }
.tree .doc.r-on-remote { background-image: url(/public/serviceContents/img/icons/r-on-remote-tiny.png); }
.tree .doc.r-on { background-image: url(/public/serviceContents/img/icons/r-on-tiny.png); }
.tree .doc.r-off { background-image: url(/public/serviceContents/img/icons/r-off-tiny.png); }
.tree .doc.s-on-remote { background-image: url(/public/serviceContents/img/icons/s-on-remote-tiny.png); }
.tree .doc.s-on { background-image: url(/public/serviceContents/img/icons/s-on-tiny.png); }
.tree .doc.s-off { background-image: url(/public/serviceContents/img/icons/s-off-tiny.png); }

.tree .doc.m-on-remote { background-image: url(/public/serviceContents/img/icons/m-on-remote-tiny.png); }
.tree .doc.m-on { background-image: url(/public/serviceContents/img/icons/m-on-tiny.png); }
.tree .doc.m-off { background-image: url(/public/serviceContents/img/icons/m-off-tiny.png); }
.tree .doc.t-on-remote { background-image: url(/public/serviceContents/img/icons/t-on-remote-tiny.png); }
.tree .doc.t-on { background-image: url(/public/serviceContents/img/icons/t-on-tiny.png); }
.tree .doc.t-off { background-image: url(/public/serviceContents/img/icons/t-off-tiny.png); }
.tree .doc.p-on-remote { background-image: url(/public/serviceContents/img/icons/p-on-remote-tiny.png); }
.tree .doc.p-on { background-image: url(/public/serviceContents/img/icons/p-on-tiny.png); }
.tree .doc.p-off { background-image: url(/public/serviceContents/img/icons/p-off-tiny.png); }
.tree .doc.b-on-remote { background-image: url(/public/serviceContents/img/icons/b-on-remote-tiny.png); }
.tree .doc.b-on { background-image: url(/public/serviceContents/img/icons/b-on-tiny.png); }
.tree .doc.b-off { background-image: url(/public/serviceContents/img/icons/b-off-tiny.png); }
.tree .doc.g-on-remote { background-image: url(/public/serviceContents/img/icons/g-on-remote-tiny.png); }
.tree .doc.g-on { background-image: url(/public/serviceContents/img/icons/g-on-tiny.png); }
.tree .doc.g-off { background-image: url(/public/serviceContents/img/icons/g-off-tiny.png); }

.tree .doc.kvmd-on-remote { background-image: url(/public/serviceContents/img/icons/kvmd-on-remote-tiny.png); }
.tree .doc.kvmd-on { background-image: url(/public/serviceContents/img/icons/kvmd-on-tiny.png); }
.tree .doc.kvmd-off { background-image: url(/public/serviceContents/img/icons/kvmd-off-tiny.png); }
.tree .doc.wold-on-remote { background-image: url(/public/serviceContents/img/icons/wold-on-remote-tiny.png); }
.tree .doc.wold-on { background-image: url(/public/serviceContents/img/icons/wold-on-tiny.png); }
.tree .doc.wold-off { background-image: url(/public/serviceContents/img/icons/wold-off-tiny.png); }
.tree .doc.only-wold-off { background-image: url(/public/serviceContents/img/icons/only-wold-off-tiny.png); }

.tree .license-disabled {
  position: absolute; top: 0; left: 5px; display: inline-block; width: 21px; height: 21px;
  background: url(/public/serviceContents/img/icons/license-disabled-list.png) no-repeat;	/* 이미지 변경 필요 */
}

.tree .folder .ajax { background: url(/public/serviceContents/img/tree/spinner.gif) no-repeat 0 0; height: 16px; display: none; }
.tree .folder .ajax li { display: none; margin: 0;  padding: 0; }
.tree .folder .count,
.tree .favorite .count { color: #3da9f5; padding: 0; vertical-align: top; height: 18px; }

.tree .trigger {
  position: absolute; cursor: pointer; top: 2px; left: -6px; width: 38px; height: 18px;
  _margin-left: -36px; _top: 8px;
}
.doc.dragging { border: 2px solid #2e5d83; padding: 4px 14px 3px 28px; border-radius: 4px; }
.folder.dragging {
  border: 2px solid #2e5d83; padding: 5px 14px 2px 32px; display: block;
  border-radius: 4px; line-height: 6px; height: 18px;
  background: url(/public/serviceContents/img/tree/ico-group.png) no-repeat 0 7px;
}
.folder.dragging div { .margin-top: -6px; }
.doc.dragging ul, .folder.dragging ul { display: none !important; }
.tree .drop > div .text { background-color: #B3D4EF !important; color: #fff; border: 1px solid #2e5d83; padding: 1px 6px 0 4px;}

.tree .active { background-color: #eaeaee; color: #333 !important; font-weight: bold; /*border: solid 1px #fff;*/ }
.tree .active .count { color: #3da9df; }
.activated .tree .active { background-color: #eaeaee; /*border: dotted 1px #d1d1d1; */ color: #333; font-weight: bold; }
.activated .tree .active .count { /* color: #bbb;*/ height: 18px;}

.tree .favorite .editing a { display: none; }
.tree .favorite .editing input { padding: 2px; width: 120px; margin-left: 14px; border: 1px solid #ccc; }
.tree .favorite .editing .action { left: 152px; }

.tree li .action {
  display: inline-block;
  position: absolute; padding: 0 !important;
  /*margin-left: 10px; right: 7px;*/ top: 8px; _top: 16px;
  /*vertical-align: top; margin-top: 9px; */
  width: 11px; height: 11px; cursor: pointer;
}
.tree li div:hover .action {
  background: url(/public/serviceContents/img/common/up-down.png) no-repeat 0 -34px;
}
.tree li .action.opened {
  background: url(/public/serviceContents/img/common/up-down.png) no-repeat 0 -3px !important;
}

/* favorite tree */
#favorite-root {
  margin-left: -6px; padding: 6px 8px;
  border-bottom: 1px solid #cdd3db; _min-width: 300px;
}
#favorite-root li { padding-left: 24px; background: url(/public/serviceContents/img/tree/ico-favorite.png) no-repeat 15px 1px; }
#favorite-root li .active { margin-left: 10px; }
#favorite-root .text { margin-left: 10px; }
#favorite-root #root-menu a { cursor: text; color: #3da9f5; }
#favorite-root #root-menu .text { margin-left: 7px; }
#favorite-root .parent {
  padding-left: 20px; color: #666; margin-left: 0;
  background: url(/public/serviceContents/img/tree/ico-pc.gif) no-repeat 0 1px;
}
#favorite-root .red a,
#favorite-root .orange a,
#favorite-root .yellow a,
#favorite-root .green a,
#favorite-root .violet a { color: #666; }


/* ui.Panel */
.panel-left {
  /* border: solid 1px #848484; border-bottom:solid 1px #707070 !important; */
}
.panel-right {
  color: #5e4400; background: url(/public/serviceContents/img/right_menu_bg.gif) repeat-x;
}
.panel-left, .panel-right {
  position: relative; right: 0; height: 22px;
  background: #f3f6fc; color: #3da9f5; text-align: left; text-transform: uppercase;
  margin-bottom:0;  *min-width: 207px; *zoom: 1;
  padding-top: 5px; padding-left: 19px;
  border-bottom: 1px solid #cdd3db;
}

/* form */
form span.error { color: #C04B61; }
form span.warn { color: orange; }
form span.normal { color: #666; }

/* CSS3 */
.transition {
  transition: all .2s ease-out;
  -webkit-transition: all .2s ease-out;
  -moz-transition: all .2s ease-out;
  -ms-transition: all .2s ease-out;
}

/* ui.Slider */
#slider {
  width: 87px !important; /*float: right !important;*/ margin: 13px 17px !important;
  border: none !important; border-radius: 0 !important;
}
.ui-slider {
  height: 10px !important; position: relative;
  background: url(/public/serviceContents/img/ui/slider-track.png) 0 0 no-repeat !important;
}
.ui-slider-range {
  height: 3px; background: url(/public/serviceContents/img/ui/_slider-track.gif) no-repeat 0 0;
}
.ui-slider-handle {
  position: absolute; z-index: 2; top: -4px; margin-left: 0px; width: 12px !important; height: 12px !important;
  background: url(/public/serviceContents/img/ui/slider-handle.png) 0 50% no-repeat !important; cursor: pointer; border: none !important;
}
/*#slider::before {
	content: '';
	display: inline-block;
	position: absolute;
	top: -2px; left: -12px;
	background: url(/public/serviceContents/img/ui/icon-minus.png);
	width: 7px;
	height: 7px;
  zoom: 1;
}
#slider::after {
	content: '';
	display: inline-block;
	position: absolute;
	top: -2px; left: 90px;
	background: url(/public/serviceContents/img/ui/icon-plus.png);
	width: 7px;
	height: 7px;
  zoom: 1;
}*/
.slider-wrap {
  position: relative;
  float: right;
  border-left: 1px solid #cdd3d6;
}
.plus,
.minus {
  display: inline-block;
  position: absolute;
  width: 7px; height: 7px;
}
.plus {
  background: url(/public/serviceContents/img/ui/icon-plus.png);
  top: 11px; right: 6px;
}
.minus {
  background: url(/public/serviceContents/img/ui/icon-minus.png);
  top: 11px; left: 6px;
}

/**********************************
 			BUTTON
 **********************************/
.buttons .button {
  position: relative;
  top: 4px;
}
.buttons .date-area .button {
  top: 3px;
}
.button {
  border: 1px solid #3da9f5;
  background: #fff;
}
.button,
.button * {
  display: inline-block; margin: 0 !important; padding: 0;
  /*font-size: 0.917em;*/ white-space: nowrap; text-decoration: none !important; overflow: visible;
  /*background: url(/public/serviceContents/img/common/ui-buttons.gif) no-repeat;*/ vertical-align: top; color: #3da9f5;
}

.button { margin-right: 4px; }
.button * { left: 4px; cursor: pointer; _cursor: hand; }

/* Button Size = medium | large | xLarge | small */
.button.medium-left, .button.medium-left *,
.button.medium-right, .button.medium-right *,
.button.medium-center, .button.medium-center *,
.button.medium-round, .button.medium-round * { height: 17px; line-height: 17px; }


.button.medium-round {
  padding: 0 10px 0 6px;
}
.button.medium-left {
}
.button.medium-right { margin-right: 3px;}
.wrap-tool-section {
  display: inline-block; zoom:1; *display:inline; height: 100%;
  border-right: 1px solid #cdd3d6; padding-right: 8px;
}
.button.medium-left.focus,
.button.medium-center.focus,
.button.medium-round.focus,
.button.medium-right.focus {
  background: #3da9f5;
}
.button.medium-left.focus a,
.button.medium-center.focus a,
.button.medium-round.focus a,
.button.medium-right.focus a {
  color: #fff;
}

.button.medium-left { margin-right:-5px !important; }
/*
{background-position:left 0; }
.button.medium-left * { background-position:right top; }
.button.medium-left.focus { background-position:left -54px; }
.button.medium-left.focus * { background-position:right -54px; }
*/

.button.medium-left *,
.button.medium-left.focus *,
.button.medium-right *,
.button.medium-right.focus *,
.button.medium-center *,
.button.medium-center.focus * { padding:0 10px 0 8px; /*color: #3da9f5;*/ }

/*
.button.medium-right { background-position:left -27px; }
.button.medium-right * { background-position:right -27px;}
.button.medium-right.focus { background-position:left -81px; }
.button.medium-right.focus * { background-position:right -81px;}
*/

.button.medium-center { margin-right:-5px !important; }
/*
{background-position:left -27px; }
.button.medium-center * { background-position:right 0px;}
.button.medium-center.focus { background-position:left -81px; }
.button.medium-center.focus * { background-position:right -54px;}
.button.medium-round * { padding:0 10px 0 6px; background-position:right -27px; }
*/

/* button Hover */
.button.focus *,
.button *:hover,
.button *:active,
.button *:focus{ color: _#fff;}

.toggle-sort,
.toggle-sort-ascending { padding:0 6px 0 0 !important;}
.toggle-sort p { background: url(/public/serviceContents/img/toolbar/tool-order.gif) no-repeat 0 -29px !important; }
.toggle-sort-ascending p { background: url(/public/serviceContents/img/toolbar/tool-order.gif) no-repeat 0 -56px !important; }

/* button style */
.btn {
  display: inline-block; *display: inline; *zoom: 1;
  padding: 8px 15px;
  margin-bottom: 0; *margin-left: .3em;
  font-size: 1.083em; line-height: 100%; text-align: center;
  vertical-align: middle; cursor: pointer;
  background: #879fb5; border: 1px solid #70869a; color: #fff;
  border-radius: 3px;
}
.btn:hover, .btn:focus, .btn:active { background: #587087; /*background: #1e82c8;*/ color: #fff; text-decoration: none; } /* anchor tag */
.btn.disabled,
.btn[disabled] {
  background-color: #e1e5e9; color: #9eaab6; border: 1px solid #c1c8d1; opacity: 0.4;
  *background-color: #e1e5e9; cursor: default;
}

/*
* button class type
* default|confirm==submit|danger|close|warning|success|info
*/
.btn.confirm,
.btn[type="submit"] {
  background: #3da9f5; color: #fff; border: 1px solid #1792cc;
}
.btn.confirm:hover, .btn.confirm:focus, .btn.confirm:active,
.btn[type="submit"]:hover, .btn[type="submit"]:focus, .btn[type="submit"]:active {
  background: #1e82c8; color: #fff; text-decoration: none;
}
.btn.default { background: #879fb5; border: 1px solid #70869a; }
.btn.default:hover, .btn.default:focus, .btn.default:active { background: #587087; }
.btn.close {
  background: #272727; border: 1px solid #121212;
}
.btn.close:hover, .btn.close:focus, .btn.close:active { background: #000; }
.btn.danger {
  background: #fe4945; border: 1px solid #e43c38;
}
.btn.danger:hover, .btn.danger:focus, .btn.danger:active { background: #e43c38; /*TODO 색상 정의*/}
.btn.confirm[disabled]:hover, .btn.confirm[disabled]:active, .btn.confirm[disabled]:focus {
  background: #3da9f5;
}
/*
* button size type
* small|large|x-large|
*/
.btn.small { font-size: 0.917em; padding: 6px 20px; }
.btn.large { font-size: 1.083em; padding: 10px 20px; }
.btn.x-large { font-size: 24px; padding: 4px 10px; line-height: 46px; }
.btn.block { display: block; width: 100%; padding-left: 0; padding-right: 0 }
.btn.block + .btn.block { margin-top: 8px }
.btn.small.download { padding: 6px 15px; }

#screen { width: 5px; height: 5px; border: solid 1px #000; position: absolute; top: 0; left: 0; cursor: pointer; z-index: 2000; }
#wrapper.full { top: 0px !important; }
#wrapper .column.full { left: 0px !important;}
.font-red { color: #ff0000 !important; }
.font-sky { color: #3699FF; }
.font-blue { color: #3da9f5; }
.font-sky:hover { color: #3699FF; text-decoration: underline; }
.font-normal { font-weight: normal; }
.font-underline {text-decoration: underline;}

p.circle,
.circle li {
  margin-bottom: 3px; padding-left: 12px;
  background: url(/public/serviceContents/img/common/bull-square-gray-small.gif) no-repeat 3px 8px;
}
.ime-disabled { ime-mode: disabled; }
.hidden { display: none; }

/* form elements */
input[type=text],
input[type=password],
textarea,
select {
  padding: 2px 4px; border: 1px solid #cdd3db; border-radius: 2px;
  transition: border-color ease-in-out .15s, box-shadow ease-in-out .15s;
}

input[type=text]:focus,
input[type=password]:focus,
textarea:focus,
select:focus {
  border-collapse: separate; border-color: #3da9f5; box-shadow: 0 0 5px #3da9f5; outline: none;
}
input[type=text].error:focus,
input[type=password].error:focus,
textarea.error:focus { box-shadow: 0 0 5px #A40000; }

input[type=text].mini,
input[type=password].mini { width: 30px !important; }
input[type=text].small,
input[type=password].small { width: 100px !important; }
input[readonly="readonly"] {
  padding-right: 22px !important;
  background: #D9D9D9 url(/public/serviceContents/img/common/icon-lock.png) no-repeat right 50% !important;
}
input[readonly="readonly"][name="authEmail"] {
  padding: 2px 4px !important;
  background: #D9D9D9 !important;
}
input.large,
select.large,
textarea.large { width: 178px !important; }
input.x-large,
select.x-large,
textarea.x-large { width: 350px !important; }
input.xx-large,
select.xx-large,
textarea.xx-large { width: 450px !important; }
input:-webkit-autofill { background-color: #FAFFBD !important; }

input[type=text].input-group { padding: 7px 8px; }
.btn.input-group-button { margin-top: -2px; }
span.bold { font-weight: bold; }

span.step {
  background: #1081eb; border: 1px solid #1081eb; border-radius: 11px; -moz-border-radius: 11px;
  -webkit-border-radius: 11px; color: #ffffff; display: inline-block; font-size: 14px;
  font-weight: bolder; line-height: 21px; text-align: center;  width: 21px; font-family: 'Nanum Gothic';
}

/**********************************
 			DIALOG
 **********************************/
#dialog-wrap {
  position: fixed; top: 0; left: 0;
  height: 100%; width: 100%;
  *width: auto; overflow-y: auto; z-index: 2501;
  background: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAEAAAABCAYAAAAfFcSJAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAyJpVFh0WE1MOmNvbS5hZG9iZS54bXAAAAAAADw/eHBhY2tldCBiZWdpbj0i77u/IiBpZD0iVzVNME1wQ2VoaUh6cmVTek5UY3prYzlkIj8+IDx4OnhtcG1ldGEgeG1sbnM6eD0iYWRvYmU6bnM6bWV0YS8iIHg6eG1wdGs9IkFkb2JlIFhNUCBDb3JlIDUuMy1jMDExIDY2LjE0NTY2MSwgMjAxMi8wMi8wNi0xNDo1NjoyNyAgICAgICAgIj4gPHJkZjpSREYgeG1sbnM6cmRmPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5LzAyLzIyLXJkZi1zeW50YXgtbnMjIj4gPHJkZjpEZXNjcmlwdGlvbiByZGY6YWJvdXQ9IiIgeG1sbnM6eG1wPSJodHRwOi8vbnMuYWRvYmUuY29tL3hhcC8xLjAvIiB4bWxuczp4bXBNTT0iaHR0cDovL25zLmFkb2JlLmNvbS94YXAvMS4wL21tLyIgeG1sbnM6c3RSZWY9Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC9zVHlwZS9SZXNvdXJjZVJlZiMiIHhtcDpDcmVhdG9yVG9vbD0iQWRvYmUgUGhvdG9zaG9wIENTNiAoV2luZG93cykiIHhtcE1NOkluc3RhbmNlSUQ9InhtcC5paWQ6QUQ0NjRGOTMxOTQ4MTFFOUFCNzg5N0E5QzcwRUJDODciIHhtcE1NOkRvY3VtZW50SUQ9InhtcC5kaWQ6QUQ0NjRGOTQxOTQ4MTFFOUFCNzg5N0E5QzcwRUJDODciPiA8eG1wTU06RGVyaXZlZEZyb20gc3RSZWY6aW5zdGFuY2VJRD0ieG1wLmlpZDpBRDQ2NEY5MTE5NDgxMUU5QUI3ODk3QTlDNzBFQkM4NyIgc3RSZWY6ZG9jdW1lbnRJRD0ieG1wLmRpZDpBRDQ2NEY5MjE5NDgxMUU5QUI3ODk3QTlDNzBFQkM4NyIvPiA8L3JkZjpEZXNjcmlwdGlvbj4gPC9yZGY6UkRGPiA8L3g6eG1wbWV0YT4gPD94cGFja2V0IGVuZD0iciI/PjIOIIMAAAAPSURBVHjaYmBkZJwJEGAAAKcAnfHFAkMAAAAASUVORK5CYII=");
}
#dialog {
  position: absolute; display: inline-block; max-width: 1000px;
  margin: 0 auto; z-index: 3000; background: #fff;
}
#dialog.dialog--fade-in{
  -webkit-animation: dialog--fade-in 0.4s ease;
  animation: dialog--fade-in 0.4s ease;
}
@-webkit-keyframes dialog--fade-in {
  from{opacity: 0.6;}
  to{opacity: 1;}
}
@keyframes dialog--fade-in {
  from{opacity: 0.6;}
  to{opacity: 1;}
}
#dialog.dialog--fade-in-up{
  -webkit-animation: dialog--fade-in-up 0.4s ease;
  animation: dialog--fade-in-up 0.4s ease;
}
@-webkit-keyframes dialog--fade-in-up {
  from{
    -webkit-transform: translateY(-50px);
    transform: translateY(-50px);
    opacity: 0.6;
  }
  to{
    -webkit-transform: translateY(0);
    transform: translateY(0);
    opacity: 1;
  }
}
@keyframes dialog--fade-in-up {
  from{
    -webkit-transform: translateY(-50px);
    transform: translateY(-50px);
    opacity: 0.6;
  }
  to{
    -webkit-transform: translateY(0);
    transform: translateY(0);
    opacity: 1;
  }
}
#dialog.dialog--fade-out-down{
  -webkit-transition: opacity 0.25s ease, -webkit-transform 0.25s ease;
  transition: opacity 0.25s ease, -webkit-transform 0.25s ease;
  -o-transition: opacity 0.25s ease, transform 0.25s ease;
  transition: opacity 0.25s ease, transform 0.25s ease;
  transition: opacity 0.25s ease, transform 0.25s ease, -webkit-transform 0.25s ease;
  -webkit-transform: translateY(50px);
  -ms-transform: translateY(50px);
  transform: translateY(50px);
  opacity: 0;
}
#dialog-close {
  position: absolute; top: 11px; right: 11px;
  display: inline-block; width: 14px; height: 14px; border: 0;
  background: url('/public/serviceContents/img/common/btn-close.png'); z-index: 3001;
}

#overlay {
  position: fixed; top: 0; bottom: 0; z-index: 2500; width: 100%; height: 100%;
  background-color: #fff; opacity: 0.8; filter: alpha(opacity=60);
}
.clearfix:after { content:""; clear: both; display: block; }
#dialog .container { position: relative; min-width: 320px; box-shadow: 0px 3px 1px rgba(105, 106, 109, 0.8); }
#dialog, #dialog .container { border-radius: 3px; }
#dialog.custom-dialog .container { border-radius: 0; }
#dialog .title {
  margin: 0; padding: 11px 35px 7px 19px; color: #fff; font-size: 1.083em; font-weight: bold;
  background: #3da9f5; border-radius: 3px 3px 0 0; line-height: 20px;
}
#dialog .sub-title {
  color: #717a8b; text-align: left; background: #f3f6fc;
  padding: 8px 20px 8px 19px; font-weight: bold; border-top: 1px solid #d9dee6; border-bottom: 1px solid #d9dee6;
}
#dialog .sub-title .btn { margin-top: 5px; }
#dialog form, #dialog .readonly { /*border: solid 1px #A6A6A6; */border-top: 0; padding-top: 15px; }
#dialog form input[type=checkbox],
#dialog form input[type=radio] { vertical-align: top; margin-top: 4px; margin-right: 6px; *margin-top: -3px; }
#dialog .content { padding: 0 18px 15px 18px; min-height: 60px; }
#dialog .content.separate { padding: 0 18px 15px 0px; }
#dialog #create-installer .content { min-height: 30px; }
#dialog .content label.divider { padding: 0; }
#dialog .content.padding-top { padding-top: 20px;}
#dialog .content.exclamation-mark {
  padding-left: 80px; padding-top: 16px;
  background-image: url(/public/serviceContents/img/common/icon-exclamation-mark.png);
  background-repeat: no-repeat;
  background-position: 14px 10px;
}
#dialog .popup-btn-group { text-align: center; padding-top:20px; }
#dialog .btn-box { margin-top: 5px; padding: 14px 15px; text-align: center; border-top: 1px solid #dde1e7;}
#dialog .btn-box .btn { margin: 0 7px; padding: 5px 30px; }
#dialog .btn-box .medium-blue { display: inline-block; margin-right: 5px !important; }
#dialog label { display: inline-block; margin-right: 10px; font-weight: bold; }
#dialog .content table { *width: auto !important; }
#dialog th label { min-width: 140px; *min-width: 100px; color: #3da9f5; line-height: 20px;}
#dialog th { color: #545759; padding-top: 4px; padding-bottom: 4px; vertical-align: top; text-align: left; }
#dialog td { padding: 4px 0; line-height: 20px;}
#dialog #agentGroup table th { color: #3da9f5; }
#dialog #agentGroup table th,
#dialog #agentGroup table td { vertical-align: middle; }
#dialog .table-horizontal td { padding: 5px 12px 6px; }

#dialog label strong { margin-left: 3px; color: #FF0000; }
#dialog textarea,
#dialog select { padding: 2px 4px; width: 265px; font-size: 12px; line-height: 18px; background: #fff; }
#dialog textarea { height: 56px; }

#dialog input[type=text],
#dialog input[type=password] { width: 265px; background: #fff; font-size: 12px; }
#dialog select { width: 275px; height: 22px; padding-left: 0; }

/* dialog content */
#secure-protect { position: relative; width: 382px; }
#secure-protect h4 { font-size: 12px; color: #3da9f5; text-align: center; }
#secure-protect #secure-wrap { position: relative; padding: 30px 29px 8px 120px; }
#secure-protect img { position: absolute; top: 30px; left: 27px; }
#secure-protect p { margin-bottom: 9px; font-weight: bold; color: #545759; }
#dialog #secure-protect input[type=password] { width: 234px; }
#secure-protect .comment { margin-top: 9px; font-weight: normal; }
#dialog #secure-protect .btn-box { border-top: none; }

#dialog .divider {
  padding: 15px 15px 5px 15px; line-height: 20px;
  color: #545759; font-size: 1.083em; font-weight: bold; border-top: 1px solid #dde1e7;
}
#dialog .divider:first-child { border: 0; }
#dialog .divider input { margin-right: 3px; }

/* 그룹추가 */
#dialog #limit-wrap.disabled { opacity: 0.5; filter: alpha(opacity=50); }

/* 다이얼로그 내 테이블 (어드민 에디터로 작성할 경우 테이블 라인 안 보이는 이슈 처리) */
#dialog table tbody td table {
  border-spacing: 0 !important; border-collapse: collapse !important;
  border: 1px solid #000 !important; border-width: 0 1px 1px 0 !important;
}
#dialog table tbody td table td {
  border: 1px solid #000 !important; padding: 5px !important; border-width: 1px 0 0 1px !important;
}

.popup-checkbox { margin-right: 10px; vertical-align: middle; }

/* cus-launcher install */
.download-iframe { width: 0;height: 0; }

/* /account/renew-contact */
#dialog .noti-bottom-text-group { padding: 20px; max-width: 430px; }

/* launcher install */
#dialog .close-popup { text-align: right; padding-right: 20px; padding-bottom: 20px; }

/* cusLauncher run iframe */
iframe.cusLauncherCommand { position: absolute; width: 0; height: 0; margin: 0; border: 0; }

/* cusLauncher dialog */
#dialog .cus-launcher .close-popup { padding-right: 18px; padding-bottom: 14px; font-size: 14px;}
#dialog .cus-launcher .close-popup label { font-weight: normal; }
#dialog .cus-launcher { border-radius: 2px; }
#dialog .cus-launcher .content { padding: 60px 0 0 0; min-height: 300px; }
#dialog .cus-launcher .content:after { content:""; clear: both; display: block; }
#dialog .content.cus-launcher--help--bottom { padding: 50px 0 0 0; min-height: 220px; width: 920px; text-align: center; }
.cus-launcher .emblem { position: absolute; top: 70px; left: 90px; z-index: 4000; }
.cus-launcher-guide { width: 356px; padding-left: 340px; padding-right: 104px; }
.cus-launcher-guide .guide-title {
  margin-top: 22px; margin-bottom: 18px; font-size: 46px; font-weight: normal;
  line-height: 1.1; letter-spacing: -0.06em;
}
.cus-launcher-guide .guide-title span { font-size: 36px; }
html[lang="en"] .cus-launcher-guide .guide-title span { font-size: 30px; }
.cus-launcher-guide .guide-text { margin-left: 8px; font-size: 16px; line-height: 1.3; letter-spacing: 0.02em; }
.cus-launcher .close-btn {
  float: right; margin-top: -30px; margin-right: 30px;
  border: 0; background: none; cursor: pointer; z-index: 4000;
}
#dialog .cus-launcher .cus-launcher-download {
  background: #264974; border: 0; background: linear-gradient(to right, #264974 , #3b69a3); margin-top: 88px; font-size: 25px;
  margin-bottom: 76px; padding-left: 54px; padding-right: 50px; height: 64px; color: white; border-radius: 3px;
}
.cus-launcher-download .btn-name { font-size: 20px; vertical-align: middle; }
.cus-launcher-download .download-icon {
  display: inline-block; vertical-align: middle; background: #ff4d62;
  width:40px; height: 40px; margin-left: 20px; border-radius: 20px;
  background-image: url('/public/serviceContents/img/icons/simple_launcher_download_icon.png');
  background-repeat: no-repeat; background-position: center;
}
.header-message .cus-launcher-download {
  font-weight: bold; margin-right: 14px; margin-left: 4px; letter-spacing: -0.03em;
}
.cus-launcher-guide.fail-help { width: 484px; padding-left: 186px; padding-right: 130px; }
.cus-launcher-guide-fail-help__title {
  margin-top: 6px; margin-bottom: 60px; padding-right: 120px; font-size: 28px;
  letter-spacing: 0.01em; line-height: 1.2; font-weight: normal;
}
.cus-launcher-guide.fail-help .guide-text { padding-right: 12px; }
#dialog .cus-launcher .cus-launcher-download.fail-help { margin-top: 36px; margin-bottom: 40px; }
#dialog .cus-launcher .text-group {
  background: #f2f3f5; padding: 30px 110px 24px 90px; width: 600px; border-top: 1px solid #e8e8e8;
}
.cus-launcher .text-title { font-size: 15px; line-height: 2.6; letter-spacing: 0.04em; }
.cus-launcher .text-group .list { padding-left: 10px; }
.cus-launcher .text-group .list li {
  position: relative; padding-left: 22px; font-size: 13px; letter-spacing: 0.04em;
  margin-bottom: 10px; line-height: 1.3;
}
.cus-launcher .text-group .list span { position: absolute; left: 0; }

/* cuslauncehr-connect-guide */
/* connect-guide - Chrome */
.step-group.one.chrome { position: absolute; top: 138px; left: 97px; }
html[lang="en"] .step-group.one.chrome,
html[lang="zh-CN"] .step-group.one.chrome,
html[lang="zh-TW"] .step-group.one.chrome { top: 137px; left: 117px; }
html[lang="ja"] .step-group.one.chrome { top: 137px; left: 99px; }
.step-group.one.chrome .range {
  position: relative; top: -5px; left: 22px; width: 17px; height: 17px; border: 3px solid #1081eb;
  background: rgba(16, 129, 235, 0.3);
}
.cus-launcher--help--bottom .arrow-top { position: absolute; top: -45px; left: 50%; transform: translate(-50%); }
.cus-launcher--help--bottom .arrow-north-east { position: absolute; top: -74px; left: 140px; }
.cus-launcher--help--bottom .step-group.two.chrome { position: absolute; top: 176px; left: 97px; }
.step-group.two.chrome .range {
  position: relative; top: -4px; left: 123px; width: 220px; height: 34px; border: 3px solid #1081eb;
  background: rgba(16, 129, 235, 0.3);
}
.cus-launcher--help--bottom .permit-motion.chrome { position: absolute; left: 324px; bottom: 62px; }
html[lang="en"] .step-group.two.chrome,
html[lang="zh-CN"] .step-group.two.chrome,
html[lang="zh-TW"] .step-group.two.chrome { left: 86px; }
html[lang="en"] .step-group.two.chrome .range,
html[lang="zh-CN"] .step-group.two.chrome .range,
html[lang="zh-TW"] .step-group.two.chrome .range { left: 128px; width: 231px; }

/* connect-guide - Safari */
.step-group.one.safari { position: absolute; top: 182px; left: 472px; }
.step-group.one.safari .range {
  position: relative; top: -5px; left: 22px; width: 50px; height: 30px; border: 3px solid #1081eb;
  background: rgba(16, 129, 235, 0.3);
}
.cus-launcher--help--bottom .permit-motion.safari { position: absolute; left: 507px; bottom: 86px; }

/* connect-guide - Firefox */
.step-group.one.ff { position: absolute; top: 220px; left: 174px; }
html[lang="en"] .step-group.one.ff,
html[lang="zh-CN"] .step-group.one.ff, html[lang="zh-TW"] .step-group.one.ff { top: 218px; }
html[lang="ja"] .step-group.one.ff { top: 211px; left: 210px; }
.step-group.one.ff .range {
  position: relative; top: -5px; left: 22px; width: 17px; height: 17px; border: 3px solid #1081eb;
  background: rgba(16, 129, 235, 0.3);
}
.cus-launcher--help--bottom .step-group.two.ff { position: absolute; top: 254px; left: 367px; }
html[lang="en"] .step-group.two.ff, html[lang="ja"] .step-group.two.ff,
html[lang="zh-CN"] .step-group.two.ff, html[lang="zh-TW"] .step-group.two.ff{ top: 256px; }
.step-group.two.ff .range {
  position: relative; top: -4px; left: 48px; width: 70px; height: 24px; border: 3px solid #1081eb;
  background: rgba(16, 129, 235, 0.3);
}
.cus-launcher--help--bottom .permit-motion.ff { position: absolute; left: 436px; bottom: -10px; z-index: 100;}

/* connect-guide - IE */
.step-group.one.ie { position: absolute; top: 153px; left: 187px; }
html[lang="en"] .step-group.one.ie,
html[lang="zh-CN"] .step-group.one.ie, html[lang="zh-TW"] .step-group.one.ie { top: 155px; left: 194px; }
html[lang="ja"] .step-group.one.ie { top: 154px; left: 188px; }
.step-group.one.ie .range {
  position: relative; top: -5px; left: 22px; width: 17px; height: 17px; border: 3px solid #1081eb;
  background: rgba(16, 129, 235, 0.3);
}
.cus-launcher--help--bottom .step-group.two.ie { position: absolute; top: 178px; left: 294px; }
html[lang="ja"] .step-group.two.ie { top: 178px; left: 293px; }
html[lang="en"] .step-group.two.ie, html[lang="zh-CN"] .step-group.two.ie,
html[lang="zh-TW"] .step-group.two.ie { top: 180px; left: 293px; }
.step-group.two.ie .range {
  position: relative; top: -4px; left: 48px; width: 70px; height: 24px; border: 3px solid #1081eb;
  background: rgba(16, 129, 235, 0.3);
}
.cus-launcher--help--bottom .permit-motion.ie { position: absolute; left: 363px; bottom: 65px; }

/* connect-guide - Edge */
.step-group.one.edge { position: absolute; top: 182px; left: 472px; }
.step-group.one.edge .range {
  position: relative; top: 10px; left: -48px; width: 90px; height: 34px; border: 3px solid #1081eb;
  background: rgba(16, 129, 235, 0.3);
}
.cus-launcher--help--bottom .permit-motion.edge { position: absolute; left: 458px; bottom: 68px; }

.cus-launcher--help--bottom .cus-launcher--help--guide { width: 920px; }
.cus-launcher--help--guide .guide-title {
  margin-top: 6px; margin-bottom: 18px; font-size: 24px;; font-weight: normal; line-height: 1.1; letter-spacing: -0.04em;
}
.cus-launcher--help--guide .guide-text {
  position: relative; top: calc(50% - 28px); padding-left: 556px; margin-left: 8px; font-size: 16px; line-height: 1.3;
  letter-spacing: 0.02em; transform: translateY(-50%); -webkit-transform: translateY(-50%);
  -ms-transform: translateY(-50%); -moz-transform: translateY(-50%);
}
.cus-launcher--help--bottom__browser-background { position: relative; display: inline-block; margin-top: -38px; width: 683px; text-align: center; height: 320px; }
.cus-launcher--help--bottom__window-img { position:absolute; top:50%; left:50%; transform:translate(-50%, -50%); }
#dialog .cus-launcher--help--bottom .close-popup { padding: 10px; font-size: 13px; }
.cus-launcher-guide--default--help { width: 448px; padding-left: 186px; padding-right: 166px; }
.cus-launcher-guide--default--help .guide-title {
  margin-top: 6px; font-size: 40px; letter-spacing: 0.01em; line-height: 1.2; margin-bottom: 18px; font-weight: normal;
}
.cus-launcher-guide--default--help .guide-text {
  margin-left: 8px; font-size: 16px; line-height: 1.3; letter-spacing: 0.02em; padding-right: 12px;
}

.cus-launcher-notice-wrap { position: relative; background: #f8e59f; margin-top: -4px; border-top: 1px solid #f7cb2b; border-bottom: 1px solid #f7cb2b; }
.cus-launcher-notice-img { position: absolute; top: 50%; left: 20px; transform: translateY(-50%); width: 38px; height: 38px; }
.cus-launcher-notice-text { padding: 20px 280px 20px 80px; text-align: left; font-size: 13px; line-height: 1.5; box-shadow: 0 0 20px rgba(0, 0, 0, 0.35); }
html[lang="en"] .cus-launcher-notice-text { padding: 20px 230px 20px 80px; }
.cus-launcher-notice-btn {
  position: absolute; top: 50%; right: 20px; transform: translateY(-50%);
  background: white; padding: 10px 22px; cursor: pointer;
  font-size: 13px; border: 0; border-radius: 6px;
  box-shadow: 0 1px 10px rgba(0, 0, 0, 0.3);
}


/* email auth dialog */
#dialog[data-type='custom'].email-auth {
  border-radius: 6px;
  overflow: hidden;
  top: 10%;
}

#dialog[data-type='custom'].email-auth .content {
  padding: 40px 50px 8px 50px;
  min-height: 60px;
  text-align: center;
}

#dialog .email-auth__title {
  font-size: 18px;
  margin-bottom: 18px;
}

#dialog .email-auth__desc {
  margin-top: 30px;
  width: 460px;
  padding: 0 15px;
  color: #717171;
  font-size: 13px;
  font-weight: normal;
  line-height: 1.5;
}

html[lang="en"] #dialog .email-auth__desc {
  padding: 0 63px;
}

#dialog .email-auth__list-title {
  font-size: 14px;
  font-weight: bold;
  text-align: left;
  margin-top: 40px;
  margin-bottom: 18px;
}

#dialog .email-auth__list-item__check {
  vertical-align: middle;
  margin-right: 6px;
}

#dialog .email-auth__text-margin {
  margin-bottom: 10px;
  line-height: 14px;
}

#dialog .email-auth__policy-list {
  width: 460px;
  height: 50px;
  border: 1px solid #e7e7e7;
  overflow-x: hidden;
  overflow-y: scroll;
  font-size: 12px;
  letter-spacing: 0;
  padding: 14px;
  margin: 14px 0 15px 0;
}

html[lang="en"] #dialog .email-auth__policy-list {
  width: 556px;
}

#dialog .email-auth__list-item__text {
  vertical-align: middle;
}

#dialog .email-auth__list-item {
  font-size: 13px;
  text-align: left;
  margin-bottom: 6px;
  color: #717171;
}

#dialog .email-auth__divide {
  margin: 28px 0;
  width: 100%;
  height: 1px;
  background: #e8e8e8;
}

#dialog .email-auth__form-group {
  font-size: 13px;
  text-align: left;
  margin-top: 30px;
  margin-bottom: 26px;
}

#dialog .email-auth__form-group::after {
  content:"";
  clear: both;
  display: block;
}

#dialog .email-auth__form-group__col-sm {
  float: left;
  width: 136px;
  margin: 6px 0;
  font-weight: bold;
  line-height: 1.3;
}

html[lang="en"] #dialog .email-auth__form-group__col-sm {
  width: 220px;
}

#dialog .email-auth__form-group__col-md {
  float: left;
  width: 354px;
}

#dialog input.email-auth__form-group__col-md__input {
  display: inline-block;
  vertical-align: middle;
  padding: 6px 12px;
  width: 212px;
  border: 1px solid #bebebe;
  border-radius: 5px;
  transition: border-color ease-in-out .15s, box-shadow ease-in-out .15s;
  margin-right: 6px;
}

#dialog input.email-auth__form-group__col-md__input[data-type="number"] {
  letter-spacing: 0.4em;
}

#dialog input.email-auth__form-group__col-md__input:focus {
  border-color: #00aefe;
}

#dialog input.email-auth__form-group__col-md__input[disabled] {
  background: #f3f3f3;
  border-color: #c9c9c9;
}

#dialog .email-auth__form-group__col-md__btn {
  padding: 5px; width: 100px; height: 28px; vertical-align: middle; background: #00aefe;
  border: 0; border-radius: 5px;
}

#dialog .email-auth__form-group__col-md__btn:hover {
  background: #008bc1;
}

#dialog .email-auth__form-group__col-md__btn[disabled] {
  background: #dbdbdb;
  color: white;
  opacity: 1;
}

#dialog .email-auth__form-group__col-md__desc {
  font-size: 11px;
  margin-top: 6px;
  line-height: 1.6;
  width: 300px;
  color: #717171;
}

html[lang="en"] #dialog .email-auth__form-group__col-md__desc {
  width: 310px;
}

#dialog .email-auth__form-group__col-md__notice {
  color: #00aefe;
  font-weight: bold;
  font-size: 11px;
}

#dialog .email-auth__close-box {
  padding: 11px 30px;
  border-top: 1px solid #e2e2e2;
  background: #f5f5f5;
  color: #717171;
  font-size: 12px;
}

#dialog .email-auth__close-box::after {
  display: block; content: ""; clear: both;
}

#dialog .email-auth__checkbox-wrap__checkbox-wrap {
  float: left;
  vertical-align: middle;
  line-height: 14px;
}

#dialog .email-auth__checkbox-wrap__checkbox {
  display: none;
  font-size: 14px;
  color: #555555;
  vertical-align: middle;
  cursor: pointer;
}

#dialog .email-auth__checkbox-wrap__checkbox + label {
  background-color: white;
  border: 1px solid #cbd2d5;
  box-shadow: 0 1px 2px rgba(0, 0, 0, 0.05), inset 0px -15px 10px -12px rgba(0, 0, 0, 0.05);
  padding: 6px;
  border-radius: 3px;
  display: inline-block;
  position: relative;
  cursor: pointer;
  vertical-align: middle;
  margin-right: 2px;
}

#dialog .email-auth__checkbox-wrap__checkbox + label:active,
#dialog .email-auth__checkbox-wrap__checkbox:checked + label:active {
  box-shadow: 0 1px 2px rgba(0, 0, 0, 0.05), inset 0 1px 3px rgba(0, 0, 0, 0.1);
}

#dialog .email-auth__checkbox-wrap__checkbox:checked + label {
  background-color: #00aefe;
  border: 1px solid #00aefe;
}

#dialog .email-auth__checkbox-wrap__checkbox:checked:hover + label {
  background-color: #008bc1;
  border: 1px solid #008bc1;
}

#dialog .email-auth__checkbox-wrap__checkbox:checked + label:after {
  content: '\2713';
  font-size: 12px;
  font-weight: bolder;
  position: absolute;
  line-height: 12px;
  color: white;
  top: 50%;
  left: 50%;
  transform: translate(-50%,-50%);
}

#dialog .email-auth__checkbox-wrap__checkbox-wrap__text {
  vertical-align: middle;
  cursor: pointer;
  font-weight: normal;
  margin-right: 0;
}

#dialog .email-auth__close-box__button {
  background: transparent;
  color: #717171;
  border: 0;
  font-size: 12px;
  padding: 0;
  float: right;
  vertical-align: middle;
}

#dialog .close-box--top-close {
  position: absolute;
  top: 10px;
  right: 10px;
}

#dialog .email-auth__close-box__button__icon,
#dialog .email-auth__close-box__button__text {
  vertical-align: middle;
}

.wol-device-log { position:relative; }
.wol-device-log #wol-log-download { position: absolute; right: 10px; top: 4px; padding: 5px 10px; }
.wol-log { overflow: auto; max-height: 400px }
/* 에이전트 등록정보 */
#agent-property { position: relative; }
#agent-property.transition  { width: 650px; /*height: 562px;*/ overflow: hidden; font-weight: bold; }
#agent-property.active-agent-options { /*height: 392px; *height: 410px;*/ }
#agent-property .tab { margin-top: -15px; overflow: hidden; }
#agent-property .tab:after { display: block; content: ""; clear: both; }
#agent-property .tab li.active button { border-bottom: 0; }
#agent-property .tab li { float: left; display: inline-block; width: 50%; }
#agent-property .tab button {
  display: block; width: 100%; height: 32px; padding: 5px 10px; border: 1px solid #d9dee6; background: #f3f6fc;
  border-left: 0; font-size: 12px; color: #59647c;
}
#agent-property .tab .active button { background: #fff; color: #3da9f5; font-weight: bold; }
#agent-property .tab li:fitst-child button { border-left: 0; }
#agent-property .tab li:last-child button { border-left: 0; border-right: 0; }

#agent-property .tab-content-wrap { display: none; }
#agent-property .tab-content-wrap.active { display: block !important; color: #545759; }
#agent-property input[type=radio] { margin-right: 2px; vertical-align: top; }

/* WOL 펌웨어 */
#wol-firmware ol { margin: 15px 0 15px 20px; }
#wol-firmware li { margin-bottom: 12px; }

/* table */
.table-default,
.table-horizontal { width: 100%; }
.table-default,
.table-horizontal { margin: 5px 0 20px; border-top: solid 2px #cdd3db; }
.table-default thead th {
  padding: 6px 0; background: #f3f6fc url(/public/serviceContents/img/common/v-line.gif) no-repeat right 50%;
  border-bottom: solid 1px #CCD5DC;

  /*
  background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0.32, #FBFBFB), color-stop(1, #EBEBEB));
  background-image: -o-linear-gradient(bottom, #FBFBFB 32%, #EBEBEB 100%);
  background-image: -moz-linear-gradient(bottom, #FBFBFB 32%, #EBEBEB 100%);
  background-image: -webkit-linear-gradient(bottom, #FBFBFB 32%, #EBEBEB 100%);
  background-image: -ms-linear-gradient(bottom, #FBFBFB 32%, #EBEBEB 100%);
  background-image: linear-gradient(to bottom, #FBFBFB 32%, #EBEBEB 100%);
  */
}
.table-default thead th:last-child,
.table-default thead th.last { background-image: none; }
#dialog-wrap .data-table.table-default { margin-top: -22px; }
.table-default tr.even { background: #eee; }
/* .table-default tbody tr:nth-child(even) { background: #fafafa; } */
.table-default tbody tr:hover { background: #eee; }
/* .table-default.no-hover tr:hover { background: none; } */
.table-default tbody td { padding: 5px 0; line-height: 18px; border-bottom: solid 1px #CCD5DC; text-align: center; }
.table-default tbody td .label {
  display: inline-block; height: 18px; padding: 0 4px !important; line-height: 18px !important;
  vertical-align: middle; text-transform: uppercase; font-size: 90%; color: #FFFFFF !important; border: 0 none !important;
  border-radius: 3px; box-shadow: 0 0 2px #DDDDDD; background-color: #B1B1B1; white-space: nowrap;
}

.table-default a { text-decoration: none !important; }
.table-default a:hover { text-decoration: underline !important; }

.table-horizontal th { padding: 6px 10px; background: #f2f2f2; border-right: solid 1px #CCD5DC; text-align: left; }
.table-horizontal th,
.table-horizontal td { padding-left: 12px; border-bottom: solid 1px #ccd5dc; }
.table-horizontal .border-title { border-left: solid 1px #EEEEF1; }


/* align */
.align-left { text-align: left !important; }
.align-center { text-align: center !important; }
.align-right { text-align: right !important; }

/* common style */
.num-list { margin-left: 20px; }
.num-list li { list-style: decimal; line-height: 18px; }

/* server validation */
.server-msg {
  position: absolute; padding: 3px 10px; border: solid 2px orange; background: #fff2ac; border-radius: 5px;
  cursor: pointer; box-shadow: 3px 3px 4px rgba(50, 50, 50, 0.34); color: #5a3b00; z-index: 2510;
}
.server-msg p { height: 16px; line-height: 16px; white-space: nowrap; font-weight: normal;  }
.server-msg span {
  display: inline-block; position: absolute; left: 10px; bottom: -10px; line-height: 0;
  border-top: 8px solid orange; border-left: 8px solid transparent; border-right: 8px solid transparent;
}

.ui-datepicker { width: 19em !important; }
.ui-datepicker-year { width: 46% !important; }
.ui-datepicker-month { width: 46% !important; }


/* limit ie6 */
#ie6-bar {
  display: none; position: absolute; top: 0; left: 0; margin: 0; padding: 5px 0; background: #AF0025; text-align: center;
  font-weight: bold; font-size: 14px; color: #fff; border-bottom: solid 1px #bbb; z-index: 13;
}
#ie6-bar span { font-weight: normal; display: inline-block; margin: 0 10px; }
#ie6-bar a { font-size: 14px; color: #fff; text-decoration: none; }
#ie6-bar a:hover { text-decoration: underline; }

/* urgency-popup */
/*
#urgency-popup {
  display:none; position: absolute; width: 620px; min-height: 200px; border: 1px solid #666; top: 5px; left: 5px;
	background: #E5E5E5; z-index: 2501;
}
#urgency-popup header { font-size: 14px; border-bottom: solid 1px #bbb; background: #69aeee; color: #fff; padding: 5px 10px; }
#urgency-popup strong { display: block; color: #333; font-size: 14px; }
#urgency-popup .contents {
	line-height: 19px; background: #fff; padding: 25px 15px 15px 15px;
	border-bottom: solid 1px #999;
}
#urgency-popup #today-hide { margin: 2px; }
#urgency-popup footer { text-align: right; font-size: 12px; padding: 4px 5px 4px 0; }
#urgency-popup label { cursor: pointer; }
#urgency-close { padding: 5px; color: #666; text-decoration: none; font-weight: bold; cursor: pointer; }
#urgency-close:hover { text-decoration: underline; }
#urgency-popup ol { margin: 10px 0 10px 25px; }
#urgency-popup li { list-style: decimal !important; }
*/

/* java plugin content */
.plugin-content .plugin-guide { display: none; }
.plugin-content .plugin-guide .contents { height: 400px; overflow: hidden; overflow-y: scroll; }

.align-center p {margin:15px auto;}
.align-center p strong {font-size:14px;}
#waiting { position: absolute; z-index: 3000; color: #000; font-size: 14px; font-weight: bold; text-align: center; padding-top: 10px; }
#waiting img { padding-bottom: 20px; }

/* drop msg style */
.drop-msg-basic {
  font-size: 30px; padding-top: 24px; font-weight: bold; text-align: center;
}
.drop-msg { width: auto; background: #000; }

#dialog .content.password-bulk-execute-form { /*height: auto !important;*/ min-height: 0; /*min-height: auto;*/ }
#dialog .content label { vertical-align: middle; }

/* ui resizable */
#wrapper .column.center { border: none; }
.content-wrap, #toolbar { border-left: 1px solid #cdd3d6; }
#tree, #contents { top: 0; }
.tree-wrap { *min-width: 207px; z-index: 10; }
#toolbar { z-index: 11 }
.tree-wrap, .content-wrap {
  position: absolute;
  bottom: 0;
  width: 100%;
  top: 28px;
}
.ui-resizable-handle { position: absolute; font-size: 0.1px; display: block; }
.ui-resizable-disabled .ui-resizable-handle,
.ui-resizable-autohide .ui-resizable-handle { display: none; }
.ui-resizable-n { cursor: n-resize; height: 7px; width: 100%; top: -5px; left: 0;  }
.ui-resizable-s { cursor: s-resize; height: 7px; width: 100%; bottom: -5px; left: 0; }
.ui-resizable-e { cursor: e-resize; width: 7px; right: 0; top: 0; height: 100%; z-index: 3000 !important; }
.ui-resizable-w { cursor: w-resize; width: 7px; left: -5px; top: 0; height: 100%; }
.ui-resizable-se { cursor: se-resize; width: 12px; height: 12px; right: 1px; bottom: 1px; }
.ui-resizable-sw { cursor: sw-resize; width: 9px; height: 9px; left: -5px; bottom: -5px; }
.ui-resizable-nw { cursor: nw-resize; width: 9px; height: 9px; left: -5px;top: -5px; }
.ui-resizable-ne { cursor: ne-resize; width: 9px; height: 9px; right: -5px; top: -5px; }

.sub-title.assign { margin-bottom: 30px; }
.assign-info { white-space: nowrap; margin: 0; }
.assign-info tbody tr td, .assign-info thead th { padding:4px 14px!important; text-align: left; }
.assign-info thead th { background: #f3f6fc!important; }
.table-border { border-right: 1px solid #cdd3db; }
#dialog .btn-box.close { border-top: 0; margin-top: 30px; } .btn.close.blue { background: #3da9f5; border: 1px solid #1792cc; }
p.dialog-message { margin-bottom: 30px; text-align: center; padding: 0 35px; }
#dialog .content.scroll { max-height: 200px; overflow: auto; padding-bottom: 0; }
#dialog .right-check-box-group { text-align: right; margin-right: 20px; }

/* autocomplete */
.ui-tooltip { padding: 8px; position: absolute; z-index: 9999; max-width: 300px; border-width: 2px; }
.ui-autocomplete.ui-widget-content .ui-state-active,
.ui-autocomplete.ui-widget-content .ui-state-active:hover {
  border:0 !important; background: #1c9cf3; font-weight: normal; color: #ffffff; cursor: pointer;
}
.ui-widget-content { border: 1px solid #dddddd; background: #ffffff; color: #333333; }
.ui-menu { list-style: none; padding: 0; margin: 0; display: block; outline: 0; z-index: 9999;}
.ui-autocomplete { position: absolute; top: 0; left: 0; cursor: default; max-height: 300px; overflow: auto; }
.ui-helper-hidden-accessible {
  border: 0; clip: rect(0 0 0 0); height: 1px; margin: -1px; overflow: hidden; padding: 0; position: absolute; width: 1px;
}
.ui-button{ border: 1px solid #c5c5c5; background: #f6f6f6; font-weight: normal; color: #454545; cursor: pointer; }
.ui-button-icon-only { width: 2em; box-sizing: border-box; text-indent: -9999px; white-space: nowrap; }
.custom-combobox { position: relative; display: inline-block; }
.custom-combobox-toggle {
  position: absolute; top: 0; bottom: 0; margin-left: -24px; padding: 0; border: 0;
  width: 24px; height: 26px; cursor: pointer;
  background: url(/public/serviceContents/img/common/up-down-gray.png) no-repeat 4px 3px;
  background-position-x: 2px\9; background-position-y: 2px\9;
}
@media screen and (-ms-high-contrast: active), (-ms-high-contrast: none) {
  .custom-combobox-toggle { background-position-x: 2px; background-position-y: 4px; }
}
.custom-combobox.ie { margin-bottom: 15px; }
.custom-combobox-input { margin: 0; padding: 5px 30px 5px 10px; width: 260px; }
.ui-menu { width: 300px; overflow: auto; }
.ui-menu-item-wrapper { color: #424242; white-space: nowrap; display: block; padding: 3px 24px 2px 8px; }
.combobox-msg { position: absolute; font-size: 11px; color: #626262;  }


/* 그룹 연결 가능 시간 설정 dialog */
#dialog .group-use-connect-time { margin-top: 20px; min-width: 300px; }
#dialog .group-use-connect-time .border-right { border-right: 1px solid #ccd5dc; }
#dialog .group-use-connect-time select { width: 60px; }
#dialog .group-use-connect-time thead th { background: #f3f6fc;  }
#dialog .group-use-connect-time th,
#dialog .group-use-connect-time td { vertical-align: middle; text-align: center; padding: 4px 12px;  }
#dialog .group-use-connect-time tbody td { padding: 6px 20px; }
#dialog table tbody td table.group-use-connect-time td { border:1px solid #ccd5dc !important; }
#dialog table tbody td table.group-use-connect-time td.week { background: #f3f6fc; }
#dialog .agent-group-connect-time { padding: 0; }
#dialog .connect-time-setting-group {
  position: relative; width: 100%; min-width: 450px; height: 96px; display: block; border: solid 1px #D6D6D6;
  overflow: auto; background: #f3f6fc; padding: 4px 0; margin-bottom: 8px;
}
#dialog .connect-time-setting-group .item {  position: relative; padding: 2px 8px; height: 20px; }
#dialog .connect-time-setting-group .item.active {  border-color: #25699F;  background-color: #3da9f5;  color: #fff; }
#dialog .connect-time-setting-group .item .group-name {
  display: inline-block; max-width: 410px;  overflow: hidden; text-overflow: ellipsis;
  white-space: nowrap; line-height: 20px;
}
#dialog .connect-time-setting-group .item .del { position: absolute; right: 8px; cursor: pointer; }

/* datepicker */
.date-area .ui-button { top: -1px; }
.datepicker {
  width: 65px; border: solid 1px #d9d9d9; background: #fff; color: #3ea9f5;
  cursor: pointer; font-size: 11px;
}
.ui-datepicker .ui-state-default.ui-state-active{background: #bbb!important;}
input[type=text].datepicker { padding: 2px 16px; }
#toolbar input[type=text].datepicker { position: relative; top: 3px;}
.date-area .datepicker-input-wrap { position: relative; }
.date-area label.placeholder { display: none; position: absolute; z-index: 1; color: #aaaaaa; top: 2px; left: 17px; }

/* 다운로드 tooltip */
.down-tooltip {
  display: none; font-size: 12px; border: solid 1px #6da9d4; color: black; padding: 26px 36px 60px 122px;
  line-height: 1.3; position: fixed; background: white; transition: opacity 0.3s 1s, transform 0.3s 1s;
  opacity: 0; transform: translateY(-10px); -webkit-box-shadow: 0px 2px 40px 1px rgba(0,0,0,0.3);
  -moz-box-shadow: 0px 2px 30px 1px rgba(0,0,0,0.3); box-shadow: 0px 2px 30px 1px rgba(0,0,0,0.3);
}
.down-tooltip .close { width: 20px; position: absolute; top: 10px; right: 10px; cursor: pointer; }
.down-tooltip--active { opacity: 1; transform: translateY(0); z-index: 3001; }
.down-tooltip--chrome { left:40px; bottom: 30px; }
.down-tooltip--edge, .down-tooltip--ie { left: 50%; transform: translateX(-50%); bottom: 110px; }
.down-tooltip--safari { padding: 50px 40px 46px 122px; top: 30px; right: 60px; }
.down-tooltip .title { margin-bottom: 6px; font-size: 16px; letter-spacing: 0.04em; color: #666666; }
.down-tooltip .sub-title { font-size: 20px; letter-spacing: 0.04em; color: #333333; }
.down-tooltip .emblem {
  background-image: url(/public/serviceContents/img/icons/simple_launcher_emblem_s.png);
  width: 67px; height: 67px; position: absolute; top: 20px; left: 32px;
}
.down-tooltip--safari .emblem { top: 44px; }
.down-tooltip .arrow {
  background-image: url(/public/serviceContents/img/icons/simple_launcher_down_motion.gif);
  position: absolute; width: 45px; height: 45px;
}
.down-tooltip--chrome .arrow { left: 44px; bottom: 0; }
.down-tooltip--ie .arrow, .down-tooltip--edge .arrow { top: 94px; left: 50%; transform: translateX(-50%); }
.down-tooltip--safari .arrow {
  background-image: url(/public/serviceContents/img/icons/simple_launcher_up_motion.gif);
  top: 0; right: 56px;
}

/* unmask info 다이얼로그 */
#dialog .unmask-info-form__desc{ max-width: 400px; margin-bottom: 10px}
#dialog .unmask-info-form__input-row{display: block; margin-bottom: 5px}
#dialog input[type=text].unmask-info-form__input {
  width: 220px; vertical-align: middle;
  padding: 4px;
  border: 1px solid #cdd3db;
  border-radius: 2px;
  transition: border-color ease-in-out .15s, box-shadow ease-in-out .15s;
}
#dialog .unmask-info-form__btn{padding: 5px; width: 85px; vertical-align: middle}
#dialog .email-change__label{display: inline-block; min-width: 85px;}

html[lang="en"] #dialog .email-change__label{min-width: 165px;}
html[lang="ja"] #dialog .email-change__label{min-width: 100px;}
html[lang="ja"] #dialog .unmask-info-form__btn{width: 100px;}

.toolbar-item{
  display: inline-block; width: 16px; height: 16px;
  cursor: pointer; text-indent: -999px; overflow: hidden;
  background: url(/public/serviceContents/img/users/lock.png) no-repeat center center;
  background-size: contain;
  vertical-align: middle;
}
.toolbar-item--locked{ background-image: url(/public/serviceContents/img/users/lock.png) }
.toolbar-item--around-padding{padding: 3px;}
.toolbar-item--right-pad{ margin-right: 10px; }

label input, label span { vertical-align: middle; }

#dialog .otp-setting-link {
  text-align: center;
}

#dialog .otp-setting-link a+a {
  margin-left: 12px;
}

.simple-ui-link{
  display: inline-block;
  width: 22px; height: 22px;
  margin-left: 5px;
  margin-right: 15px;
}

.simple-ui-link__disabled{
  opacity: 0.5;
  cursor: default;
}

.dialog__body {
  padding: 20px;
}

.dialog__form-group::after {
  content: '';
  clear: both;
  display: block;
}

.dialog__mt-30 {
  margin-bottom: 30px;
}

.dialog__mb-15 {
  margin-bottom: 15px;
}

.dialog__label {
  font-weight: bold;
  line-height: 1.3;
  font-size: 12px;
}

.dialog__float {
  float: left;
  vertical-align: middle;
}

.dialog__form-group__label {
  float: left;
  width: 30%;
  font-weight: bold;
  line-height: 1.3;
  color: #3da9f5;
  font-size: 14px;
  vertical-align: middle;
}

.dialog__form-group__label--width {
  width: 140px;
  margin-bottom: 10px;
}

.dialog__form-group__content {
  float: left;
  width: 70%;
  vertical-align: middle;
}

.dialog__form-group__content--width {
  width: 474px;
}

.dialog__form-group__text {
  font-size: 12px;
}

#dialog .dialog__form-group__input[type=text] {
  padding: 4px 8px;
  width: calc(100% - 20px);
}

#dialog .dialog__form-group__input[disabled] {
  background: #f3f3f3;
  border-color: #c9c9c9;
}

#dialog input[type=text].dialog__date-picker {
  width: 76px;
  color: #272727;
  text-align: center;
}

#dialog .dialog__form-group__textarea {
  width: 460px;
  resize: vertical;
}

.dialog__date-area {
  min-width: 580px;
}

#dialog .time-select, .time-select {
  width: 50px;
  height: 20px;
  margin-left: 0;
  font-size: 11px;
}

.dialog__text-center {
  text-align: center;
}

.dialog__policy-textarea {
  width: 582px;
  margin-top: 10px;
  height: 40px;
  border: 1px solid #e2e2e2;
  padding: 18px 14px;
  overflow-x: hidden;
  overflow-y: auto;
  letter-spacing: 0;
  background: #f6f6f6;
}

#dialog .dialog__checkbox-wrap {
  position: relative;
}

#dialog .dialog__checkbox-wrap__checkbox {
  display: none;
  font-size: 14px;
  color: #555555;
  vertical-align: middle;
  cursor: pointer;
}

#dialog .dialog__checkbox-wrap__checkbox + label {
  background-color: white;
  border: 1px solid #cbd2d5;
  box-shadow: 0 1px 2px rgba(0, 0, 0, 0.05), inset 0px -15px 10px -12px rgba(0, 0, 0, 0.05);
  padding: 6px;
  border-radius: 3px;
  display: inline-block;
  position: relative;
  cursor: pointer;
  vertical-align: middle;
  margin-right: 2px;
}

#dialog .dialog__checkbox-wrap__checkbox + label:active,
#dialog .dialog__checkbox-wrap__checkbox:checked + label:active {
  box-shadow: 0 1px 2px rgba(0, 0, 0, 0.05), inset 0 1px 3px rgba(0, 0, 0, 0.1);
}

#dialog .dialog__checkbox-wrap__checkbox:checked + label {
  background-color: #00aefe;
  border: 1px solid #00aefe;
}

#dialog .dialog__checkbox-wrap__checkbox:checked:hover + label {
  background-color: #008bc1;
  border: 1px solid #008bc1;
}

#dialog .dialog__checkbox-wrap__checkbox:checked + label:after {
  content: '\2713';
  font-size: 12px;
  font-weight: bolder;
  position: absolute;
  line-height: 12px;
  color: white;
  top: 50%;
  left: 50%;
  transform: translate(-50%,-50%);
}

#dialog .dialog__checkbox-wrap__text {
  vertical-align: middle;
  cursor: pointer;
  font-weight: normal;
  margin-right: 0;
}

#dialog #mac-allow-list {
  width: 232px;
  height: 50px;
}