/* ----------------------------------------------
Setup Code //
------------------------------------------------*/
* {margin:0px; padding:0px; border:0px;}
html, body {margin:0px; padding:0px; width:100%; height:100%; overflow:hidden; }
body {position:absolute; min-width:1366px;}
body,input,select,textarea{font-family:arial,tahoma;}
li {list-style:none;}
a{color:#000; outline:0; text-decoration:none;} 
a:hover{color:#000;}
a:active {color:#9a9ea2; }
a:focus {text-decoration:none;}
strong {font-weight:bold; }

.inlineblock {display:inline-block; vertical-align:middle;}

.normal {font-weight:normal;}
.txt_center { text-align:center !important;}
.txt_left { text-align:left !important;}
.txt_right { text-align:right !important;}
.fl {float:left !important;}
.fr {float:right !important;}
.fn {float:none !important;}
.clear {clear:both;}
.bg_white {background:#FFF !important;}
.hidden {display:none;}
.ovh_hidden {overflow:hidden !important;}
.c_point { cursor:pointer !important;}
.scroll_y {overflow-y:scroll; overflow-x:hidden;}
.txt_indent_0 {text-indent:0 !important;}

.z_index_01 {z-index:1;}

.restrict {text-overflow:ellipsis; overflow:hidden; white-space:nowrap;}

.fb_xy {display:flex; justify-content:center; align-items:center; /* */ display:-webkit-flex; -webkit-justify-content:center; -webkit-align-items:center; /* */ display: -ms-flexbox; -ms-flex-pack:center; -ms-flex-align: center;}

.fs14 {font-size:14px !important;}
.fwn  {font-weight:normal;}
.fsn  {font-style:normal;}

.pdt10 {padding-top:10px !important;}
.pdt20 {padding-top:20px !important;}
.pdt30 {padding-top:30px !important;}
.pdr0 {padding-right:0px !important;}
.pdl28 {padding-left:28px;}
.pdb30 {padding-bottom:30px !important;}
.pdb66 {padding-bottom:66px !important;}
.mgt5 {margin-top:5px;}
.mgt10 {margin-top:10px !important;}
.mgt15 {margin-top:15px !important;}
.mgt30 {margin-top:30px !important;}
.mgt40 {margin-top:40px !important;}
.mgt60 {margin-top:60px !important;}
.mgb0  {margin-bottom:0px !important;}
.mgb4  {margin-bottom:4px !important;}
.mgb10 {margin-bottom:10px !important;}
.mgb12 {margin-bottom:12px !important;}
.mgb20 {margin-bottom:20px !important;}
.mgb30 {margin-bottom:30px !important;}
.mgb66 {margin-bottom:66px !important;}
.mgl5  {margin-left:5px;}
.mgl10 {margin-left:10px;}
.mgl22 {margin-left:22px;}
.mgl28 {margin-left:28px;}
.mgr14 {margin-right:14px;}
.mgr16 {margin-right:16px;}
.mgr20 {margin-right:20px;}
.mgr28 {margin-right:28px;}
.mgr360{margin-right:360px;}
.mgr440{/*margin-right:440px;*/}
.h100p {height:100%;}
.w100p {width:100%;}
.w120 {width:120px !important;}
.w150 {width:150px !important; font-style:italic}
.w200 {width:200px !important;}
.w206 {width:206px !important;}
.w208 {width:208px !important;}
.w260 {width:260px !important;}
.w300 {width:300px !important;}
.w400 {width:400px !important;}
.w560 {width:560px !important;}


.clearfix:after {content:""; display:block; clear:both}
.uli_inline {font-size:0px; text-align:center;}
.div_inline {font-size:0px; letter-spacing:0px; word-spacing:0px;}
.Required {color:#fd311c; font-size:12px;}

/* Scroll bar style for IE */
html, body  { 
	scrollbar-face-color: #999999;  
	scrollbar-shadow-color: #999999;  
	scrollbar-highlight-color:#999999;  
	scrollbar-3dlight-color: #999999;  
	scrollbar-darkshadow-color: #999999;  
	scrollbar-track-color: #ffffff;  
	scrollbar-arrow-color: #999999;    
}
#left_side {scrollbar-track-color:#292929;}
.detail_second {scrollbar-track-color:#cdcdcd;}
.detail_ccr_body {scrollbar-track-color:#eeeeee;}
.detail_setting_body {scrollbar-track-color:#f2f2f2;}
.frame_width_full {scrollbar-track-color:#000000;}
#time_line_wrap {scrollbar-track-color:#2e2e2e;}
.xScroll {scrollbar-track-color:#222222;}
#account_wrap .account_box .account_content {scrollbar-track-color:#686868;}
.select_list {scrollbar-track-color:#4d4d4d;}
.edit_text_box .edit_text_content.es_box {scrollbar-track-color:#686868;}

/* Scroll bar style for Chrome */
::-webkit-scrollbar {width:21px; height:25px; -webkit-box-shadow: inset 0 0 0px rgba(0,0,0,1);}
::-webkit-scrollbar-corner { background:transparent;}
/* Vertical */
::-webkit-scrollbar-thumb:vertical {background: url('/ssw/images/scroll/scroll_thumb_n.png') repeat-y center center;}
::-webkit-scrollbar-thumb:vertical:hover {background: url('/ssw/images/scroll/scroll_thumb_o.png') repeat-y center center;}
::-webkit-scrollbar-thumb:vertical:active {background: url('/ssw/images/scroll/scroll_thumb_p.png') repeat-y center center;}
::-webkit-scrollbar-button:vertical:start:decrement {display: block; width:25px; height:25px; background: url('/ssw/images/scroll/scroll_btn_up_n.png') no-repeat center center;}
::-webkit-scrollbar-button:vertical:start:decrement:hover { background: url('/ssw/images/scroll/scroll_btn_up_f.png') no-repeat center center;}
::-webkit-scrollbar-button:vertical:start:decrement:active { background: url('/ssw/images/scroll/scroll_btn_up_p.png') no-repeat center center;}
::-webkit-scrollbar-button:vertical:end:increment {display: block; width:25px; height:25px; background: url('/ssw/images/scroll/scroll_btn_down_n.png') no-repeat center center;}
::-webkit-scrollbar-button:vertical:end:increment:hover {background: url('/ssw/images/scroll/scroll_btn_down_f.png') no-repeat center center;}
::-webkit-scrollbar-button:vertical:end:increment:active {background: url('/ssw/images/scroll/scroll_btn_down_p.png') no-repeat center center;}
::-webkit-scrollbar-track:vertical {border-radius: 0px; background: url('/ssw/images/scroll/scroll_track.png') repeat-y center center;}

/* Horizontal */
::-webkit-scrollbar-thumb:horizontal {border-radius: 0px; background:url('/ssw/images/scroll/scroll_thumbv_n.png') repeat-x center center;}
::-webkit-scrollbar-thumb:horizontal:hover {background:url('/ssw/images/scroll/scroll_thumbv_o.png') repeat-x center center;}
::-webkit-scrollbar-thumb:horizontal:active {background:url('/ssw/images/scroll/scroll_thumbv_p.png') repeat-x center center;}
::-webkit-scrollbar-button:horizontal:start:decrement {display: block; width:25px; height:25px; background:url('/ssw/images/scroll/scroll_btn_left_n.png') no-repeat center center;}
::-webkit-scrollbar-button:horizontal:start:decrement:hover { background:url('/ssw/images/scroll/scroll_btn_left_f.png') no-repeat center center;}
::-webkit-scrollbar-button:horizontal:start:decrement:active { background:url('/ssw/images/scroll/scroll_btn_left_p.png') no-repeat center center;}
::-webkit-scrollbar-button:horizontal:end:increment {display: block; width:25px; height:25px; background:url('/ssw/images/scroll/scroll_btn_right_n.png') no-repeat center center;}
::-webkit-scrollbar-button:horizontal:end:increment:hover {background:url('/ssw/images/scroll/scroll_btn_right_f.png') no-repeat center center;}
::-webkit-scrollbar-button:horizontal:end:increment:active {background:url('/ssw/images/scroll/scroll_btn_right_p.png') no-repeat center center;}
::-webkit-scrollbar-track:horizontal {border-radius: 0px; height:25px; background:url('/ssw/images/scroll/scroll_track.png') repeat-y center center;}

/* box_content_align */
.fb_x {display:flex; justify-content:center; display:-ms-flexbox; -ms-flex-pack:center;}
.fb_y {display:flex; align-items:center; display:-ms-flexbox; -ms-flex-align: center;}
.fb_xy {display:flex; justify-content:center; align-items:center; display: -ms-flexbox; -ms-flex-pack:center; -ms-flex-align: center;}
.fb_se {display:flex; justify-content:space-between; display: -ms-flexbox; -ms-flex-pack:justify;}

/* box_item */
.fi_start {align-self:flex-start;}
.fi_end {align-self:flex-end;}
.fi_xy {align-self:center;}

/* New Style for Textarea styling */
textarea {resize:none; font-family:arial,tahoma, Dotum, Gulim, 'Malgun Gothic' !important;}
textarea:disabled {background:#ccc; color:#fff;}
div.popbox li textarea  {outline: none;	border:1px solid; border-color:transparent;	font-family:Arial, sans-serif;}
div.popbox li textarea:focus  {border:1px solid #cf0652;}

/* no_list_contents */
.no_contents { text-align:center; padding:10px 0; color:#ce0a51; font-size:14px;}
.no_list_contents {height:100%; vertical-align:middle; text-align:center;}
.no_list_contents span {position:relative; top:50%; display:inline-block; padding:80px 0 10px 0; color:#464646; margin-top:-54px; font-size:16px; background:url(/ssw/images/page/logo_nolist.png) no-repeat center top;}

/* New Style for Radio label styling */
input[type=radio] {
position:relative;top:2px; margin-right:4px;}

input[type=text] {outline:none; color:#464646; font-size:14px; height:34px; line-height:34px; width:100%; border-radius:18px; border:1px solid #fff; -webkit-transition:all 0.2s ease;transition:all 0.2s ease; padding:0 18px; box-sizing:border-box;}
input[type=text]:focus {border:1px solid #cf0652;}
input[type=text]:focus::-webkit-input-placeholder {color:transparent; opacity:0;}
input[type=text]:disabled {background:#ffffff;	color:#b2b4b8 !important;}
input::-ms-clear {display:none;}
input::-webkit-input-placeholder {color:#a9a9a9 !important; font-size:13px;}
input:-ms-input-placeholder {color:#a9a9a9 !important; font-size:13px;}

input[type=password] {outline:none; color:#2e2e2e; height:33px; line-height:33px; width:100%; border-radius:18px; text-indent:20px; border:1px solid #fff; font-size:13px; -webkit-transition:all 0.2s ease;transition:all 0.2s ease}
input[type=password]:focus {border:1px solid #cf0652;}
input[type=password]:disabled {background:#ffffff; color:#b2b4b8;}

input[readonly]:focus {border:1px solid #fff;}
input[readonly]:focus::-webkit-input-placeholder {opacity:1;}

/* New Style for CheckBox label styling */
input[type=checkbox] {display:none;}
input[type=checkbox] + label {background: url('/ssw/images/form/checkbox_n.png') 0 0px no-repeat; height:30px; width:30px; display:inline-block; cursor:pointer; -webkit-transition:all 0.2s ease;transition:all 0.2s ease}
input[type=checkbox]:checked + label {background: url('/ssw/images/form/checkbox_s.png') 0 0px no-repeat; height:30px; width:30px; display:inline-block; padding: 0 0 0 0px;}
input[type=checkbox][disabled] + label {background: url('/ssw/images/form/checkbox_n.png') 0 0px no-repeat; height:30px; width:30px; display:inline-block; padding: 0 0 0 0px; opacity:0.3;}
input[type=checkbox][disabled] + label.lock {background: url('/ssw/images/form/checkbox_l.png') 0 0px no-repeat; height:30px; width:30px; display:inline-block; padding: 0 0 0 0px; opacity:0.6;}

/* New Style for Radio label styling */
input[type=radio] {display:none;}
input[type=radio] + label {background: url('/ssw/images/btn_radio_n.png') 0px 0px no-repeat; height: 18px;line-height:15px; display:inline-block; padding: 0 10px 0 18px; -webkit-transition:all 0.2s ease;transition:all 0.2s ease}
input[type=radio]:checked + label {background: url('/ssw/images/btn_radio_s.png') 0px 0px no-repeat; height: 18px;line-height:15px; display:inline-block; padding: 0 10px 0 18px;}
input[type=radio][disabled] + label {background: url('/ssw/images/btn_radio_n.png') 0px 0px no-repeat; height: 18px;line-height:15px; display:inline-block; padding: 0 10px 0 18px; opacity:0.3;}

/* label */
.label {position:relative;}
.label label { float:left;}
.label strong { display:inline-block; vertical-align:top; line-height:30px; font-size:12px; color:#464646; margin-left:10px;}

/* switch */
.switch {position:relative; display:inline-block; vertical-align:top; width:58px; height:30px; border-radius:18px; cursor:pointer;}
.switch-input {position:absolute; top:0; left:0; opacity:0;}
.switch-label {position:relative; display:block; height:inherit; font-size:10px; text-transform:uppercase; background:#4d4d4d; border-radius:inherit; font-weight:bold;
  -webkit-transition: 0.15s ease-out;
  -moz-transition: 0.15s ease-out;
  -o-transition: 0.15s ease-out;
  transition: 0.15s ease-out;}
.switch-label:before, .switch-label:after {position:absolute;top: 50%; margin-top:-.5em; line-height:1;
  -webkit-transition: inherit;
  -moz-transition: inherit;
  -o-transition: inherit;
  transition: inherit;}
.switch-label:before {content: attr(data-off); right:9px; color:#b5b5b5;}
.switch-label:after {content: attr(data-on); left:10px; color:#fff; opacity:0;}
.switch-input:checked ~ .switch-label {background:#cf0652;}
.switch-input:checked ~ .switch-label:before {opacity:0;}
.switch-input:checked ~ .switch-label:after {opacity:1;}
.switch-handle {position:absolute; top:5px; left:5px; width:20px; height:20px; background:white; border-radius:10px; 
  -webkit-transition: left 0.15s ease-out;
  -moz-transition: left 0.15s ease-out;
  -o-transition: left 0.15s ease-out;
  transition: left 0.15s ease-out;}
.switch-handle:before {content: ''; position:absolute; top:50%; left:50%; margin:-6px 0 0 -6px; width:12px; height:12px; background:#fff; border-radius:6px;}
.switch-input:checked ~ .switch-handle {left:33px;}

/* switch on */
.switch.on .switch-input:checked ~ .switch-label {background:#cf0652;}
.switch.on .switch-label {background:#cf0652;}
.switch.on .switch-label:after {display:block; opacity:1;}
.switch.on .switch-label:before {display:none;}
.switch.on .switch-handle {left:33px;}

/* switch off */
.switch.off .switch-input:checked ~ .switch-label {background:#4d4d4d;}
.switch.off .switch-label {background:#4d4d4d;}
.switch.off .switch-label:after {display:none;}
.switch.off .switch-label:before {display:block; opacity:1;}
.switch.off .switch-input:checked ~ .switch-handle {left:5px;}

/* switch disable */
.switch.disable .switch-input:checked ~ .switch-label {background:#676767;}
.switch.disable .switch-label {background:#676767;}
.switch.disable .switch-label:before { display:none;}
.switch.disable .switch-input:checked ~ .switch-handle {left:5px;}


/* ----------------------------------------------
notSupport //
------------------------------------------------*/
.notSupport {z-index:9999999999; position:absolute; top:0px; left:0px; right:0px; bottom:0px; background:#000;}
.notSupport .ns_txt {width:480px; height:320px; position:absolute; left:50%; top:50%; margin:-160px 0 0 -240px;}
.notSupport .ns_txt h2 {display:block; width:342px; height:78px; background:url(/ssw/images/common/logo.png) no-repeat; text-indent:-999em; font-size:0px;}
.notSupport .ns_txt h2.master {display:block; width:342px; height:78px; background:url(/ssw/images/common/logo_master.png) no-repeat !important; text-indent:-999em; font-size:0px;}
.notSupport .ns_txt strong {display:block; font-size:15px; color:#FFF; margin-top:26px;}
.notSupport .ns_txt span {display:block; font-size:13px; color:#aaaaaa; margin-top:22px;}
.notSupport .ns_txt span b {display:inline-block; vertical-align:middle; width:15px; height:15px; text-indent:-999em; margin-right:2px;}
.notSupport .ns_txt span b.chrome {background:url(/ssw/images/common/ns_icon_chrome.png) no-repeat; }
.notSupport .ns_txt span b.ie {background:url(/ssw/images/common/ns_icon_ie.png) no-repeat; margin-left:4px;}
.notSupport .ns_txt p {display:block; font-size:11px; color:#5a5959; line-height:17px; margin-top:10px;}