@font-face{
	font-family:"NanumSquareNeo";
	font-weight:100;
	src:url(../../assets/fonts/NanumSquareNeo-aLt.eot?#iefix) format("embedded-opentype"),
	url(../../assets/fonts/NanumSquareNeo-aLt.woff2) format("woff2"),
	url(../../assets/fonts/NanumSquareNeo-aLt.woff) format("font-woff"),
	url(../../assets/fonts/NanumSquareNeo-aLt.ttf) format("truetype")
}
 

@font-face{
	font-family:"NanumSquareNeo";
	font-weight:200;
	src:url(../../assets/fonts/NanumSquareNeo-bRg.eot?#iefix) format("embedded-opentype"),
	url(../../assets/fonts/NanumSquareNeo-bRg.woff2) format("woff2"),
	url(../../assets/fonts/NanumSquareNeo-bRg.woff) format("font-woff"),
	url(../../assets/fonts/NanumSquareNeo-bRg.ttf) format("truetype"),
	url(NanumSquareNeo-bRg.otf) format("opentype")
}
@font-face{
	font-family:"NanumSquareNeo";
	font-weight:400;
	src:url(../../assets/fonts/NanumSquareNeo-cBd.eot?#iefix) format("embedded-opentype"),
	url(../../assets/fonts/NanumSquareNeo-cBd.woff2) format("woff2"),
	url(../../assets/fonts/NanumSquareNeo-cBd.woff) format("font-woff"),
	url(../../assets/fonts/NanumSquareNeo-cBd.ttf) format("truetype")
}
@font-face{
	font-family:"NanumSquareNeo";
	font-weight:500;
	src:url(../../assets/fonts/NanumSquareNeo-dEb.eot?#iefix) format("embedded-opentype"),
	url(../../assets/fonts/NanumSquareNeo-dEb.woff2) format("woff2"),
	url(../../assets/fonts/NanumSquareNeo-dEb.woff) format("font-woff"),
	url(../../assets/fonts/NanumSquareNeo-dEb.ttf) format("truetype")
}


@font-face{
	font-family:"NanumSquareNeo";
	font-weight:700;
	src:url(../../assets/fonts/NanumSquareNeo-eHv.eot?#iefix) format("embedded-opentype"),
	url(../../assets/fonts/NanumSquareNeo-eHv.woff2) format("woff2"),
	url(../../assets/fonts/NanumSquareNeo-eHv.woff) format("font-woff"),
	url(../../assets/fonts/NanumSquareNeo-eHv.ttf) format("truetype")
}

:root {
  --dark: #171725;
  --charcoal-grey:#3c4043;
  --pale-grey: #f1f3f9;
  --pale-grey-two: #e6e9f4;
   --blue-grey: #7e84a3;
 --bluey-grey: #9196af;
 
  --dusk: #555474;
  --dusk-hover: #43425d;
  --pinkish-red: #f0142f;
  --sky-blue: #57b8ff;
  --sky-blue-hover:#006CBD;
  --pale-grey-line: #e0e3ec;
  --black:#000;
  --white:#fff; 
  --steel:#868994;



  --we-main: #a1055b;
   --we-main-hover: #600236;
  --we-main-2: #c0056c;
   
  --we-sub-1: #536471;
  --we-sub-1-hover: #293238;

  --we-bg: #f6f7fa;
  --w-bk-46: #464646;
  --w-grey: #767678;
  --w-bk-05: #050505;
  --w-grey-light: #828691;
  --w-bk-66: #666;
  --silver: #cfd9de;
--silver-2: #d7dade;
 
}

/* reset */
html,body{  margin:0px; padding:0px;position: relative;	height: 100%;} 
* {box-sizing:border-box;}
*{-webkit-text-size-adjust:none;} 
 
html {overflow-y:auto; height: 100%; }
body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,form,fieldset,p,button,strong,span,em,iframe,img, textarea,input {margin:0px;padding:0px}
body {width:100%;font-family:'NanumSquareNeo', 'Nanum Gothic', Malgun Gothic, '돋움',dotum,Helvetica,sans-serif;background-size:100% auto; font-weight:400;font-size:14px; background-color: var(--we-bg);line-height:150%;color:#666; letter-spacing:0px; text-align:left;word-break:break-all;-ms-word-break:break-all; -webkit-font-smoothing: antialiased; }
html, h1, h2, h3, h4, h5, h6, form, fieldset, img {margin:0;padding:0;border:0} 
h1, h2, h3, h4, h5, h6 {font-size:1em;}
article, aside, details, figcaption, figure, footer, header, hgroup, menu, nav, section {display:block}

 
legend {position:absolute;margin:0;padding:0;font-size:0;line-height:0;text-indent:-9999em;overflow:hidden}
label, input, button, select, img {vertical-align:middle}
input, button {margin:0;padding:0;font-family: 'NanumSquareNeo', 'Nanum Gothic', "맑은 고딕", Malgun Gothic, '돋움',dotum,Helvetica,sans-serif;font-size:1em; }
button {cursor:pointer; outline:none;}

textarea, select, pre {font-family: 'NanumSquareNeo', 'Nanum Gothic',  "맑은 고딕", Malgun Gothic, '돋움',dotum,Helvetica,sans-serif; font-size:1em; }
select {margin:0; }
p {margin:0;padding:0;word-break:break-all}
hr {display:none}
pre {overflow-x:scroll;font-size:1.1em}
a {text-decoration:none; }
a:link, a:visited {color:#000;text-decoration:none; border:0px; }
a:hover, a:focus, a:active {color:#000;text-decoration:none}
img {border:0px;}
 

li{list-style:none; margin:0px; padding:0px;}

.txtLef {text-align:left !important;}
.txtRig {text-align:right !important;}
.txtCen {text-align:center !important;}
.txtJus {text-align:justify !important;}
.clear {clear:both; content:''; display:block;}

hr.h5 {display:block; border:none; height:5px;margin:0px; padding:0px; font-size:0px;}
hr.h10 {display:block; border:none; height:10px;margin:0px; padding:0px; font-size:0px;}
hr.h15{display:block; border:none; height:15px;margin:0px; padding:0px; font-size:0px;}
hr.h20 {display:block; border:none; height:20px;margin:0px; padding:0px; font-size:0px;}
hr.h30 {display:block; border:none; height:30px;margin:0px; padding:0px; font-size:0px;}
hr.h40 {display:block; border:none; height:40px;margin:0px; padding:0px; font-size:0px;}
hr.h50 {display:block; border:none; height:50px;margin:0px; padding:0px; font-size:0px;}
hr.h60 {display:block; border:none; height:60px;margin:0px; padding:0px; font-size:0px;}
hr.bd { clear:both;display:block; border:none; background:#e8e8e8; height:1px;margin:60px auto; padding:0px; font-size:0px;}
hr.bd2 { clear:both;display:block; border:none; background:#e8e8e8; height:1px;margin:40px auto; padding:0px; font-size:0px;}
hr.line { width:100%;display:block; border:none; background:#888; height:1px;margin:22px auto; padding:0px; font-size:0px;}

*, :after, :before {
  -webkit-box-sizing:border-box;
  -moz-box-sizing:border-box;
  box-sizing:border-box;
}

input[type=text],input[type=password], textarea, select {
outline:none;
}

input[type=text]:focus,input[type=number]:focus,input[type=password]:focus, textarea:focus,select:focus {
-webkit-box-shadow:0 0 8px rgba(4,17,29,0.25);
-moz-box-shadow:0 0 8px rgba(4,17,29,0.25);
box-shadow:0 0 8px rgba(4,17,29,0.25);
border-color:var(--we-sub-1);
background-color:#fff;
-webkit-transition:all 0.30s ease-in-out;
-moz-transition:all 0.30s ease-in-out;
-ms-transition:all 0.30s ease-in-out;
-o-transition:all 0.30s ease-in-out;
}

input::placeholder {color: var(--we-sub-1); font-size:1em; font-weight:300; letter-spacing:0px; }
input::-webkit-input-placeholder { color: var(--we-sub-1);font-size:1em; font-weight:300;letter-spacing:0px; }
input:-ms-input-placeholder  { color: var(--we-sub-1);font-size:1em;  font-weight:300;letter-spacing:0px; }
 
.sound_only {display:inline-block !important;position:absolute;top:0;left:0;width:0;height:0;margin:0 !important;padding:0 !important;font-size:0;line-height:0;border:0 !important;overflow:hidden !important}


::-webkit-scrollbar { width: 8px; }/* 스크롤바의 width */
::-webkit-scrollbar-track { background-color: #f7f7fa; }/* 스크롤바의 전체 배경색 */
::-webkit-scrollbar-thumb {   background:#e3e3ee; }/* 스크롤바 색 */
::-webkit-scrollbar-button { display: none; }
html {scrollbar-width: thin;scrollbar-3dLight-Color: #f7f7fa; scrollbar-arrow-color: #e3e3ee; scrollbar-base-color: #f7f7fa; scrollbar-Face-Color: #e3e3ee; scrollbar-Track-Color: #f7f7fa; scrollbar-DarkShadow-Color: #f7f7fa; scrollbar-Highlight-Color: #f7f7fa; scrollbar-Shadow-Color: #f7f7fa}

caption, th {text-align:left;font-weight:normal;}
legend, caption {overflow:hidden;left:0;top:-5000px;width:0;height:0;font-size:0;line-height:0;display:none;}
 
 
.sound_only {display:inline-block !important;position:absolute;top:0;left:0;width:0;height:0;margin:0 !important;padding:0 !important;font-size:0;line-height:0;border:0 !important;overflow:hidden !important}
 
.totalWrap {min-width:1680px;margin:0 auto; }
.wrap {width:1288px; margin:0 auto;}
 

.totalWrap.main {background:#222425; width:100vw; height:100vh;}

body.ovhidden {overflow-y:hidden !important;}

/* ===== header ===== */
#header {position:fixed; top:0px; left:0px; width:100%;min-width: 1400px;  height:50px;  z-index:99990; background:#fff;  transition: top 0.1s ease-in-out 0s; }

 
#header .navbar {left:0px;position: relative; height:50px; padding:0px 0px;  display: flex; -ms-flex-flow: row nowrap;  flex-flow: row nowrap;     justify-content: space-between; align-items: center;  }
#header .navbar:after {position:absolute; bottom:0px; left:0px; width:100%; height:1px; background-color: #e5e5e5; content:''; display:block; z-index:99991;}
#header .navbar .logo {display:inline-block; padding-left:30px;}
 

#header .navbar .rightbtn {position:relative; height:50px;display: flex; -ms-flex-flow: row nowrap;  flex-flow: row nowrap;  justify-content: flex-end; align-items: center;   }
#header .navbar .rightbtn ul {padding-right:30px; display: flex; -ms-flex-flow: row nowrap;  flex-flow: row nowrap;  justify-content: flex-end; align-items: center;  }
#header .navbar .rightbtn ul li {position:relative; margin-left:10px;}
#header .navbar .rightbtn ul li a{color:  var(--white); font-size:16px; font-weight:200; display:inline-block; padding:0px 36px; line-height:36px; background:var(--we-main); border:1px solid var(--we-main);  border-radius:20px;}
#header .navbar .rightbtn ul li a:hover {color:  var(--white);  background:var(--we-main-hover); border-color:var(--we-main-hover);}
 
#header .navbar .rightbtn .notiA {position:relative;border-left:1px solid #e5e5e5; width:52px; height:50px;display: flex; -ms-flex-flow: row nowrap;  flex-flow: row nowrap;  justify-content: center; align-items: center;  }
#header .navbar .rightbtn .notiA .new {position:absolute; top:50%; left:50%; margin-top:-18px; margin-left:-2px; background:var(--we-main);  color:#fff; font-size:8px; border-radius:10px; min-width:18px; height:18px; padding:0px 4px;display: flex; -ms-flex-flow: row nowrap;  flex-flow: row nowrap;  justify-content: center; align-items: center; }

#header .navbar .rightbtn .userA {border-left:1px solid #e5e5e5;  padding-left:15px;width:auto; padding-right:30px; height:50px;display: flex; -ms-flex-flow: row nowrap;  flex-flow: row nowrap;  justify-content: flex-end; align-items: center;  }
#header .navbar .rightbtn .userA .ic{position:relative;width:28px; height:28px; border-radius:14px; overflow:hidden;   background-color: #e0e3e7;display: flex; -ms-flex-flow: row nowrap;  flex-flow: row nowrap;  justify-content: center; align-items: center; }
#header .navbar .rightbtn .userA .ic:after {position:absolute; top:0px; left:0px; width:100%; height:100%; border:  solid 1px rgba(112, 112, 112, 0.1); content:''; border-radius:14px;  }
#header .navbar .rightbtn .userA .ic img { display: flex; -ms-flex-flow: row nowrap;  flex-flow: row nowrap;  justify-content: center; align-items: center;   width: 100%;    height: 100%;    object-fit: cover;}
#header .navbar .rightbtn .userA .name {font-size:14px;display:inline-block; margin-left:10px; color: var(--w-bk-66);}

#header .navbar .rightbtn a:hover .notiA, #header .navbar .rightbtn a:hover .userA {background:#eceff7;}


 .main #header  {background:transparent;box-shadow:none;height:56px;}
.main #header .navbar:after { display:none; }
.main #header .navbar {height:56px;}
.main #header .navbar .rightbtn  {height:56px;}

.top_bar_fix {box-shadow: rgb(0 0 0 / 7%) 0px 1px 1px, rgb(0 0 0 / 3%) 0px 1px 1px;}
.top_pd_fix {padding-top:50px;}
 .main #header.top_bar_fix {background:#222425;;}


/* ===== footer ===== */
.bottomArea {position:relative;background:transparent; margin:0; padding-left:280px; border:none; }
 
.main .bottomArea {position:fixed; bottom:0px; left:0px; width:100%; height:70px;background:#222425; color:#fff; margin:0; padding-left:0px; border:none; }
.main .bottomArea .wrap {position:relative; width:1288px; margin:0 auto; }
.bottomArea .copyarea .copy { height:24px;font-size:11px; color:var(--bluey-grey);  font-weight:200; display: flex; -ms-flex-flow: row wrap;  flex-flow: row wrap;     justify-content: center; align-items: center;}
.main .bottomArea .copyarea .copy { padding-bottom:0px;color:rgba(255,255,255,0.5); }
.bottomArea .copyarea .mailto {font-size:0.95em;text-align:center;width:100%;padding-top:10px; display: flex; -ms-flex-flow: row wrap;  flex-flow: row wrap;     justify-content: center; align-items: center; }
.bottomArea .copyarea .mailto  a{color:var( --charcoal-grey); opacity:1.0;  height:24px; display: flex; -ms-flex-flow: row wrap;  flex-flow: row wrap;     justify-content: center; align-items: center; }
.bottomArea .copyarea .mailto  a span {font-size:1.1em;display:inline-block; margin-right:10px; opacity:0.8;}
.bottomArea .copyarea .mailto  a:hover,.bottomArea .copyarea .mailto  a:hover span { opacity:0.6;}

.main .bottomArea .copyarea .mailto  a{color:rgba(255,255,255,0.9); }
.main .bottomArea .copyarea .mailto  a span {color:rgba(255,255,255,0.6); }
.main .bottomArea .copyarea .mailto  a:hover, .main .bottomArea .copyarea .mailto  a:hover span {color:#fdacd9;}

/* ===== login ===== */   
.loginWrap { width:100%; height:calc(100vh - 120px);   background:  var(--we-bg);   display: flex; -ms-flex-flow: row wrap;  flex-flow: row wrap;     justify-content: center; align-items: center; flex-direction:column;}
.loginWrap .logoA {display: flex; -ms-flex-flow: row wrap;  flex-flow: row wrap;     justify-content: center; align-items: center;display:none;}
.loginWrap .logoA span {font-size:42px; line-height:1.1; color:var( --charcoal-grey); font-weight:700; display:inline-block; margin-left:20px; }
.loginWrap .loginwr {margin-top:30px; margin-bottom:20px;min-width:440px; background:#fff; padding:50px 50px 50px;  border-radius: 15px;box-shadow: 0 3px 6px 0 rgba(21, 34, 50, 0.09);display: flex; -ms-flex-flow: row wrap;  flex-flow: row wrap;     justify-content: center; align-items: center; flex-direction:column; }
.loginWrap .loginwr .logintitle {font-size:26px; font-weight:700; color: var(--w-bk-46);margin-bottom:20px;}
 .loginWrap  .login_verify_message {    border-bottom:1px solid #d7dade; margin-bottom:10px;padding: 8px 0 12px; color:#b35e8d; word-break:keep-all; line-height:1.3; font-size:0.95em; }
 
.loginWrap .logincont {width:100%;}


.loginWrap .login_formA {padding-left:0px;}

.loginWrap .inpst {	display: block;	width: 100%;	padding: 0 15px;	height: 52px;	border: 1px solid var(--silver);	background: #fff;	border-radius: 4px;	font-size: 16px;	color: #000;	line-height: 50px;	-webkit-transition: all 0.4s ease;	transition: all 0.4s ease;}
.loginWrap .login_etc {    padding:0px;    width: 100%;    display: flex;    -ms-flex-flow: row wrap;    flex-flow: row wrap;    justify-content: center;    align-items: center; flex-direction:column;}
.loginWrap .login_etc .btn_find  {  flex: auto;  display: flex; -ms-flex-flow: row wrap;  flex-flow: row wrap;     justify-content: flex-end; align-items: center;  border: none; letter-spacing:-0.5px;	background:none; padding:5px 0;  font-size: 15px;    color: var(--we-main);     -webkit-transition: all 0.4s ease;    transition: all 0.4s ease;    text-align: center;	 }
.loginWrap .login_etc .btn_find span {  position: relative;  display:inline-block;    line-height: 18px; border-bottom:1px solid var(--white); }
.loginWrap .login_etc .btn_find:hover span {border-color:var(--we-main);}
.loginWrap .login_etc .findinfowr   {   width:100%; display: flex; -ms-flex-flow: row wrap;  flex-flow: row wrap;     justify-content: space-between; align-items: center;  padding:10px 0 15px;}
.loginWrap .login_etc .findinfowr  a.btn_find:first-child {  flex: auto;   justify-content: flex-start; }
.loginWrap .login_etc .guitxt {width:100%; display: flex; -ms-flex-flow: row wrap;  flex-flow: row wrap;     justify-content: center; align-items: center;  position: relative; font-size:14px; line-height:18px; color: #727272;  }
.loginWrap .login_etc .guitxt:before {position:absolute; top:50%; left:0px; width:100%; height:1px; content:''; background:var(--silver-2); }
.loginWrap .login_etc .guitxt span {display:flex; z-index:1; padding:0px 20px; background:#fff;}

.loginWrap .login_etc .btn_join {    display: inline-block;    position: relative;   border: solid 1px var(--we-sub-1);  background-color: var(--we-sub-1);  font-weight:200;font-size: 18px;    color: #fff;    line-height: 48px;  margin-top:20px; padding:0px 40px;   margin-bottom: 0px;    -webkit-transition: all 0.4s ease;    transition: all 0.4s ease;    text-align: center;	border-radius:4px;}
 .loginWrap .login_etc .btn_join:hover {    background-color: var(--we-sub-1-hover) !important;  border-color: var(--we-sub-1-hover) !important; }
.loginWrap .inpst::placeholder {	color: var(--we-sub-1);font-weight:200;	font-size: 17px;}
.loginWrap .inpst:focus {	border-color: var(--we-main) !important;	background-color: #fff !important;}
.loginWrap .inpst:-webkit-autofill {	-webkit-box-shadow: 0 0 0 30px #f7f7f7 inset;	-webkit-text-fill-color: #333;}
.loginWrap .inpst:-webkit-autofill:focus {	-webkit-box-shadow: 0 0 0 30px #fff inset;}
.loginWrap .inpst:-webkit-autofill,
.loginWrap .inpst:-webkit-autofill:hover,
.loginWrap .inpst:-webkit-autofill:focus,
.loginWrap .inpst:-webkit-autofill:active {
	transition: background-color 5000s ease-in-out 0s;
}

.loginWrap .saveinfo {color:#727272;}
.loginWrap input[type="checkbox"].frm_cbox {cursor:pointer; -webkit-appearance: none;  -moz-appearance: none;  -o-appearance: none; appearance: none; outline: none;  box-shadow: none;  width:20px; height: 20px;   border-radius: 4px; margin-right:8px; 	border: 1px solid var(--silver);	 background:url(../images/web/ic_chk_sm.png) center center no-repeat #fff;	 display: inline-flex; -ms-flex-flow: row wrap;  flex-flow: row wrap;     justify-content: flex-start; align-items: center;   -webkit-transition: all 0.10s ease-in-out;-moz-transition: all 0.10s ease-in-out;-ms-transition: all 0.10s ease-in-out;-o-transition: all 0.10s ease-in-out;}
.loginWrap input[type="checkbox"].frm_cbox:hover {border-color:#e2458f !important;}
.loginWrap input[type="checkbox"].frm_cbox:checked {background-color: #e2458f !important;border-color:#e2458f; }


.loginWrap .input_row {	width: 100%;	padding: 7px 0;} 
.loginWrap .btn_submit {    margin-top: 7px;    display: block;  text-align:center;  width: 100%;    height: 52px;    border-radius: 4px;   border: solid 1px var(--we-main);  background-color: var(--we-main);   font-size: 20px;    color: #fff;    line-height: 50px;    font-weight: 400;    letter-spacing: 0;    box-shadow: none !important;    -webkit-appearance: none;    appearance: none;    -webkit-transition: all 0.4s ease;    transition: all 0.4s ease;	cursor:pointer;}
.loginWrap .btn_submit:hover {    background-color: var(--we-main-hover) !important;  border-color: var(--we-main-hover) !important; }

#contents {width:100%; padding-top:50px;display: flex; -ms-flex-flow: row wrap;  flex-flow: row wrap;     justify-content: flex-start; align-items: flex-start; }
.main #contents {padding-top:0px;}


.subcontents {position:relative;width:100%; display: flex; -ms-flex-flow: row wrap;  flex-flow: row wrap;     justify-content: space-between; align-items: flex-start;}
.subcontents:before {position:absolute; left:279px; top:0px; height:100%; width:1px; background:#e4e6e8; content:'';  }
.subcontents .sidearea {position:fixed; left:0px; top:50px;width:280px; padding-bottom:96px;   z-index:2; min-height:calc(100vh - 50px);   display: flex; -ms-flex-flow: row nowrap;  flex-flow: row nowrap;     justify-content: flex-start; align-items: flex-start; flex-direction:column; }
.subcontents .scontent {margin-left:280px;width:calc(100% - 280px);    min-height:calc(100vh - 50px);  display: flex; -ms-flex-flow: row wrap;  flex-flow: row wrap;     justify-content: flex-start; align-items: flex-start; flex-direction:column;}
.subcontents.wide {  justify-content: flex-start;}
.subcontents.wide:before {display:none;}
.subcontents.wide .scontent {margin-left:0px; width:100%;   }

.subcontents .sidearea .sidemenu{ width:100%; padding:50px 0 20px; }
.subcontents .sidearea .sidemenu h2 { color:var( --dark); font-size:18px; font-weight:500;}
.subcontents .sidearea .sidemenu .side_1dul li{padding:4px 0;}
.subcontents .sidearea .sidemenu .side_1dul li .side_1da {width:100%; height:50px;   padding:0px 28px; color: #333;  display: flex; -ms-flex-flow: row wrap;  flex-flow: row wrap;     justify-content: flex-start; align-items: center;}
.subcontents .sidearea .sidemenu .side_1dul li .side_1da strong{font-weight:400;  font-size:18px; line-height:26px; padding-top:2px; display: flex; -ms-flex-flow: row wrap;  flex-flow: row wrap;     justify-content: flex-start; align-items: center;}
.subcontents .sidearea .sidemenu .side_1dul li .side_1da .ic {display:inline-block; width:28px; height:28px; margin-right:20px; }
.subcontents .sidearea .sidemenu .side_1dul li .side_1da .ic.ic_side1 {background:url(../images/web/lm_home.png) center center no-repeat;}
.subcontents .sidearea .sidemenu .side_1dul li .side_1da .ic.ic_side2 {background:url(../images/web/lm_meeting.png) center center no-repeat;}
.subcontents .sidearea .sidemenu .side_1dul li .side_1da .ic.ic_side3 {background:url(../images/web/lm_schedule.png) center center no-repeat;}
.subcontents .sidearea .sidemenu .side_1dul li .side_1da .ic.ic_side4 {background:url(../images/web/lm_conference.png) center center no-repeat;}
.subcontents .sidearea .sidemenu .side_1dul li .side_1da .ic.ic_side5 {background:url(../images/web/lm_network.png) center center no-repeat;}
.subcontents .sidearea .sidemenu .side_1dul li .side_1da .ic.ic_side6 {background:url(../images/web/lm_setting.png) center center no-repeat;}
.subcontents .sidearea .sidemenu .side_1dul li .side_1da .ic.ic_side7 {background:url(../images/web/lm_photo.png) center center no-repeat;}
.subcontents .sidearea .sidemenu .side_1dul li .side_1da:hover, .subcontents .sidearea .sidemenu .side_1dul li .side_1da.on {color:var(--we-main);}
.subcontents .sidearea .sidemenu .side_1dul li .side_1da:hover .ic.ic_side1, .subcontents .sidearea .sidemenu .side_1dul li .side_1da.on .ic.ic_side1 {background:url(../images/web/lm_home_hover.png) center center no-repeat;}
.subcontents .sidearea .sidemenu .side_1dul li .side_1da:hover .ic.ic_side2, .subcontents .sidearea .sidemenu .side_1dul li .side_1da.on .ic.ic_side2 {background:url(../images/web/lm_meeting_hover.png) center center no-repeat;}
.subcontents .sidearea .sidemenu .side_1dul li .side_1da:hover .ic.ic_side3, .subcontents .sidearea .sidemenu .side_1dul li .side_1da.on .ic.ic_side3 {background:url(../images/web/lm_schedule_hover.png) center center no-repeat;}
.subcontents .sidearea .sidemenu .side_1dul li .side_1da:hover .ic.ic_side4, .subcontents .sidearea .sidemenu .side_1dul li .side_1da.on .ic.ic_side4 {background:url(../images/web/lm_conference_hover.png) center center no-repeat;}
.subcontents .sidearea .sidemenu .side_1dul li .side_1da:hover .ic.ic_side5, .subcontents .sidearea .sidemenu .side_1dul li .side_1da.on .ic.ic_side5 {background:url(../images/web/lm_network_hover.png) center center no-repeat;}
.subcontents .sidearea .sidemenu .side_1dul li .side_1da:hover .ic.ic_side6, .subcontents .sidearea .sidemenu .side_1dul li .side_1da.on .ic.ic_side6 {background:url(../images/web/lm_setting_hover.png) center center no-repeat;}
.subcontents .sidearea .sidemenu .side_1dul li .side_1da:hover .ic.ic_side7, .subcontents .sidearea .sidemenu .side_1dul li .side_1da.on .ic.ic_side7 {background:url(../images/web/lm_photo_hover.png) center center no-repeat;}

.subcontents .sidearea .sideadban {width:100%;   margin-top:40px; padding:0px 30px;display: flex; -ms-flex-flow: row wrap;  flex-flow: row wrap;     justify-content: center; align-items: center;}
.subcontents .sidearea .sideadban a{display:block; position:relative; width:100%;}
.subcontents .sidearea .sideadban a:before {position:absolute; top:0px; left:0px; width:100%; height:100%; content:'';   border: solid 1px rgba(112, 112, 112, 0.3);}
.subcontents .sidearea .sideadban a img { display: flex; -ms-flex-flow: row nowrap;  flex-flow: row nowrap;  justify-content: center; align-items: center;   width: 100%;    height: 100%;    object-fit: cover;}

.subcontents .sidearea .sidebotbtn {position:fixed; bottom:0px; left:0px; width:279px; background-color: var(--we-bg); padding:30px;}
.subcontents .sidearea .sidebotbtn .btn_logout { display:block; font-size:14px;  color: var(--w-grey-light); line-height:34px; text-align:center; border-radius: 5px;  border: solid 1px var(--w-grey-light);  background-color: #fff; }
.subcontents .sidearea .sidebotbtn .btn_logout:hover { box-shadow: 0 1px 3px 0 rgba(0, 0, 0, 0.15);border-color:var(--we-main); color:var(--we-main); }
.subcontents .sidearea .sidebotbtn .btn_logout .ic{display:none;}
.subcontents .sidearea .sidebotbtn .btn_logout span{display:inline-block;}
.subcontents .scontent .scont_title {position:relative; width:100%; height:80px; padding:0px 30px;background:#fff; display: flex; -ms-flex-flow: row wrap;  flex-flow: row wrap;     justify-content: space-between; align-items: center;}
.subcontents .scontent .scont_title:after {position:absolute; bottom:0px; left:0px; width:100%; height:1px; content:''; background-color: rgba(126, 132, 163, 0.15); z-index:1;}
.subcontents .scontent .scont_title h1{display:inline-flex; font-weight:500; color: var(--dark); font-size:22px; -ms-flex-flow: row wrap;  flex-flow: row wrap;     justify-content: flex-start; align-items: center;}
.subcontents .scontent .scont_title h1 .summary {display:inline-flex; margin-left:25px;color:#fff; font-size:16px; background:var(--green); border-radius:20px; line-height:36px; padding:0px 20px;}

.subcontents .scontent .scont_body {padding:30px; width:100%; display: flex; -ms-flex-flow: row wrap;  flex-flow: row wrap;     justify-content: flex-start; align-items: flex-start;}


.dis_none {display:none !important;}
.menu_open {display:none;}
.menu_close {display:none;}
#header .navbar .rightbtn .logA {display:none;}