@charset "utf-8";

html, body {width:100%; height:100%; background-color:#f4f4f4; font-weight:400; font-family:'Roboto', 'Noto Sans KR', 'Malgun Gothic', sans-serif; color:#444; letter-spacing:-0.06em;}
a {font-weight:400; font-size:100%; font-family:'Roboto', 'Noto Sans KR', sans-serif; color:#444; text-decoration:none; transition:.3s;}
* {box-sizing:border-box; font-family:'Roboto', 'Noto Sans KR', sans-serif;}
body {min-width:280px;}


/* login
------------------------------------------------------ */
#loginWrap { 
	display:flex;
	flex-direction:column;
	width:100%; height:100%;
	border-top:5px solid #0860b9;
	background:#f4f6f9;
}

/* form */
#loginWrap .login-inner { 
	display:flex;
	flex-wrap:wrap;
	align-items:center;
	padding:0 30px;
	width:100%; height:100%;
}
#loginWrap .login-inner .login-form { 
	width:100%;
	text-align:center;
}
#loginWrap .login-inner .logo { 
	margin-bottom:3vh;
}
#loginWrap .login-inner .logo img { 
	height:35px; 
}
#loginWrap .login-inner form { 
	width:100%; 
}
#loginWrap .login-inner ul { 
	width:100%; 
}
#loginWrap .login-inner ul li { 
	position:relative;
	margin:10px 0;	 
}
#loginWrap .login-inner ul li label { 
	position:absolute; top:50%; left:16px;
	z-index:11;
	transform:translateY(-50%);
	width:20px;
	line-height:0;
	text-align:center;
}
#loginWrap .login-inner ul li label img { 
	height:20px; 
}
#loginWrap .login-inner ul li input { 
	padding:0 16px 0 50px;
	width:100%; height:45px;
	border:0 none;
	border-radius:3px;
	background:#fff;
	font-weight:300; font-size:15px;
	color:#444;
}
#loginWrap .login-inner ul li:last-child { 
	margin:20px 0 0; 
}
#loginWrap .login-inner ul li button { 
	width:100%; height:55px;
	border:0 none;
	border-radius:3px;
	background:#0860B9;
	font-weight:300; font-size:18px;
	color:#fff;
}

/* notice */
#loginWrap .login-notice { 
	position:relative;
	flex:0;
	margin-top:auto;
	padding:35px 30px 16px;
	width:100%;
	border-radius:20px 20px 0 0;
	background:#fff;
	box-shadow:0 0 10px rgba(0,0,0,.2);
}
#loginWrap .login-notice:before { 
	content:'';
	position:absolute; top:-20px; left:50%;
	z-index:11;
	margin-left:-20px;
	width:40px; height:40px;
	border-radius:50%;
	background:#70E6F3 url('../images/login/icon_notice.png') no-repeat center center;
	background-size:auto 19px;
}
#loginWrap .login-notice h1 { 
	margin-bottom:20px;
	padding-bottom:11px;
	border-bottom:1px solid #ebebeb;
	font-weight:500; font-size:15px; line-height:1;
	color:#666;
	text-align:center; 
}
#loginWrap .login-notice ul li a { 
	display:block;
	font-weight:300; font-size:14px; line-height:27px;
	color:#666;
}

/* notice popup */
.login-notice-popup { 
	position:fixed; top:0; left:0;
	z-index:9999;
	padding:30px;
	width:100%; height:100%;
	background:rgba(0,0,0,.49);
	display:none;
}
.login-notice-popup .login-notice-popup-box { 
	overflow:hidden;
	position:absolute; top:50%; left:50%;
	transform:translate(-50%,-50%);
	margin:0 auto;
	width:calc(100% - 60px);max-width:375px;
	max-height:calc(100% - 60px);
	border-radius:5px;
	background:#fff;
}
.login-notice-popup .login-notice-popup-inner { 
	padding:25px 25px 75px;
	width:100%; height:calc(100% - 50px);
}
.login-notice-popup .login-notice-popup-inner .subject { 
	margin-bottom:20px;
	padding-bottom:11px;
	border-bottom:1px solid #dadada;
	font-weight:400; font-size:18px; line-height:24px;
	color:#333;
}
.login-notice-popup .login-notice-popup-inner .conts { 
	overflow-x:hidden;
	max-height:calc(100vh - 245px);
	font-weight:300; font-size:15px; line-height:18px;
	color:#444;
	word-break:keep-all; 
}
.login-notice-popup .popup-btn { 
	position:absolute; bottom:0; left:0;
	width:100%;
}
.login-notice-popup .popup-btn button { 
	width:100%; height:50px;
	background:#4DC0EE; 
	font-weight:400; font-size:15px;
	color:#fff;
	text-align:center;
}



/* layout
------------------------------------------------------ */
#wrapper { 
	overflow:hidden;
	display:flex;
	flex-direction:column;
	width:100%; height:100%;
}
#contents { 
	overflow-x:hidden;
	margin-top:55px;
	width:100%; height:100%;
	background:#f4f6f9;
}
#contents.bg-wt { 
	background:#fff; 
}

/* -------- header -------- */
#header { 
	position:fixed; top:0; left:0;
	z-index:99;
	display:flex;
	justify-content:center;
	align-items:center;
	padding:0 10px;
	width:100%; height:55px;
	background:#0860B9;
}
#header h1 a { 
	display:block;
	line-height:0;
}
#header h1 img { 
	height:20px; 
}

#header  .btn-menu { 
	position:absolute; top:50%; right:16px;
	transform:translateY(-50%);
	width:24px; height:16px; 
}
#header  .btn-menu span { 
	position:absolute; right:0;
	width:100%; height:2px;
	border-radius:5px;
	background:#fff;
}
#header  .btn-menu span:nth-child(1) { 
	top:0; 
}
#header  .btn-menu span:nth-child(2) { 
	top:50%;
	margin-top:-1px;
}
#header  .btn-menu span:nth-child(3) { 
	bottom:0; 
}

#header.sub { 
	justify-content:start;	 
}
#header.sub h1 { 
	margin-left:9px; 
}
#header.sub h1 a { 
	display:block;
	width:100%; height:100%;
	font-weight:300; font-size:16px;
	color:#fff;
}
#header.center-mode h1 { 
	margin:auto;
	padding-right:22px;
}
#header.sub .date { 
	font-weight:400; font-size:18px;
	color:#fff;
	letter-spacing:0;
}
#header.sub .date span { 
	margin-left:3px;
	font-weight:300; font-size:12px;	 
}
#header.sub button { 
	padding:0 6px; 
	background:none;
}
#header.sub button img { 
	height:18px; 
}
#header.sub .btn-write ,
#header.sub .btn-search { 
	margin-left:auto; margin-right:44px; 
}
#header.sub .btn-submit ,
#header.sub .btn-del { 
	margin-left:auto;	 
}
#header.sub .btn-submit img { 
	height:14px; 
}
#header.sub .btn-del + .btn-write { 
	margin-right:0; margin-left:3px; 
}
#header.sub .txt-btn { 
	margin-left:auto; margin-right:44px;
	font-weight:300; font-size:14px;
	color:#fff;
}

#header .total-num { 
	margin-left:7px;
	font-size:14px;
	color:#fff;
	letter-spacing:0;
}
#header .total-num strong { 
	font-weight:500;
	color:#45E8B6;
}

/* menu */
.slide-menu { 
	position:fixed; top:0; right:0;
	z-index:999;
	width:100%; height:100%;
	background:rgba(0,0,0,.8);
	display:none;
}
.slide-menu .slide-menu-inner { 
	position:absolute; top:0; right:-100%;
	width:100%; max-width:420px; height:100%;
	background:#fff; 
}
.slide-menu .slide-menu-header { 
	padding:16px;	 
}

/* logout */
.slide-menu .logout { 
	margin-bottom:16px; 
}
.slide-menu .logout a { 
	display:flex;
	align-items:center;
	font-size:12px;
}
.slide-menu .logout a img { 
	margin-right:7px;
	height:12px; 
}

/* notice */
.slide-menu .gnb-notice { 
	overflow:hidden;
	position:relative;
	width:100%; height:35px;
	border-radius:30px;
	background:#70E6F3; 
}
.slide-menu .gnb-notice:before { 
	content:'';
	position:absolute; top:50%; left:16px;
	transform:translateY(-50%);
	width:14px; height:15px;
	background:url('../images/common/gnb_notice.png') no-repeat left center;
	background-size:auto 100%;
}
.slide-menu .gnb-notice .swiper-slide { 
	overflow:hidden;
}
.slide-menu .gnb-notice .swiper-slide a { 
	overflow:hidden;
	display:block;
	padding:0 16px 0 38px;
	max-width:100%;
	font-weight:400; font-size:13px; line-height:35px;
	color:#fff;
	text-overflow:ellipsis;
	white-space:nowrap;
}
.slide-menu .gnb-notice .swiper-slide span { 
	margin-right:7px;
}

.slide-menu .slide-menu-quick { 
	display:flex;
	margin-top:16px;
}
.slide-menu .slide-menu-quick li { 
	width:25%;
	text-align:center;
}
.slide-menu .slide-menu-quick li a { 
	display:block;
	line-height:0;
}
.slide-menu .slide-menu-quick li img { 
	height:25px; 
}
.slide-menu .slide-menu-quick li span { 
	display:block;
	margin-top:10px;
	font-weight:400; font-size:13px; line-height:1;
	color:rgba(46,52,57,.85);
}

/* gnb */
.slide-menu .gnb { 
	position:relative;
	padding:14px 0;
	width:100%; height:100%;
	border-top:1px solid #e6e6e6;
	background:#2E3439;
}
.slide-menu .gnb .depth01 { 
	max-width:130px; 
}
.slide-menu .gnb .depth01 > a { 
	display:block;
	padding:0 25px;
	font-weight:300; font-size:18px; line-height:50px;
	color:#fff;
}
.slide-menu .gnb .depth01.on > a {
	background:#F4F4F5;
	font-weight:400;
	color:#2E3439;
}
.slide-menu .gnb .depth02 { 
	overflow-x:hidden;
	position:absolute; top:0; left:130px;
	padding:16px 0;
	width:calc(100% - 130px); height:calc(100% - 165px);
	background:#F4F4F5;
}
.slide-menu .gnb .depth02 > li > a { 
	display:block;
	padding:0 25px;
	font-weight:400; font-size:16px; line-height:42px;
	color:#555;
}
.slide-menu .gnb .depth01 a strong { 
	display:inline-block;
	margin-left:7px;
	font-weight:500; font-size:14px;
	font-family:'Roboto', 'Noto Sans KR', sans-serif;
	color:#0860B9;
	vertical-align:middle;
}
.slide-menu .gnb .depth01.on .depth02 { 
	z-index:999; 
}
.slide-menu .gnb .depth03 { 
	padding:16px 0;
	background:rgba(46,52,57,.07); 
}
.slide-menu .gnb .depth03 a { 
	position:relative;
	display:block;
	padding:0 25px 0 48px;
	font-size:15px; line-height:30px;
	color:#666;
}
.slide-menu .gnb .depth03 a:before { 
	content:'';
	position:absolute; top:50%; left:35px;
	margin-top:-6px;
	width:6px; height:6px;
	border:1px solid rgba(46,52,57,.8); 
	border-width:0 0 1px 1px;
}
.slide-menu .gnb .depth03 a strong { 
	line-height:30px; 
}

.slide-menu .slide-close { 
	position:absolute; top:15px; right:16px;
	width:18px; height:18px;
	font-size:0;
}
.slide-menu .slide-close:before,
.slide-menu .slide-close:after { 
	content:'';
	position:absolute; top:50%; right:0;
	margin-top:-1.5px;
	width:100%; height:3px;
	border-radius:10px;
	background:#D5D6D7
}
.slide-menu .slide-close:before { 
	transform:rotate(-45deg); 
}
.slide-menu .slide-close:after { 
	transform:rotate(45deg); 
}


/* -------- footer -------- */
#footer { 
	position:relative; z-index:999;
	margin-top:auto;
	border-radius:20px 20px 0 0;
	background:#fff;
	box-shadow:0 0 10px rgba(0,0,0,.2);
}
#footer ul { 
	display:flex;
	justify-content:space-between;
	padding:15px 16px 16px;
}
#footer ul li { 
	flex-grow:1;
	width:25%;
	text-align:center;
}
#footer ul li a { 
	display:block;
}
#footer ul li .icon { 
	width:100%; height:27px; 
}
#footer ul li.home .icon { 
	background:url('../images/common/footer_home.png') no-repeat center center;
	background-size:auto 25px;
}
#footer ul li.groupware .icon { 
	background:url('../images/common/footer_groupware.png') no-repeat center center;
	background-size:auto 24px;
}
#footer ul li.mail .icon { 
	background:url('../images/common/footer_mail.png') no-repeat center center;
	background-size:auto 25px;
}
#footer ul li.calendar .icon { 
	background:url('../images/common/footer_calendar.png') no-repeat center center;
	background-size:auto 27px;
}
#footer ul li.cloud .icon { 
	background:url('../images/common/footer_cloud.png') no-repeat center center;
	background-size:auto 25px;
}
#footer ul li.home.on .icon { 
	background:url('../images/common/footer_home_on.png') no-repeat center center;
	background-size:auto 25px;
}
#footer ul li.groupware.on .icon { 
	background:url('../images/common/footer_groupware_on.png') no-repeat center center;
	background-size:auto 24px;
}
#footer ul li.mail.on .icon { 
	background:url('../images/common/footer_mail_on.png') no-repeat center center;
	background-size:auto 25px;
}
#footer ul li.calendar.on .icon { 
	background:url('../images/common/footer_calendar_on.png') no-repeat center center;
	background-size:auto 27px;
}
#footer ul li.cloud.on .icon { 
	background:url('../images/common/footer_cloud_on.png') no-repeat center center;
	background-size:auto 25px;
}
#footer ul li span { 
	display:block;
	margin-top:10px;
	font-weight:400; font-size:12px; line-height:1;
	color:#bbb;
}
#footer ul li.on span { 
	color:#3B71D3;
}



/* main
------------------------------------------------------ */
.main-area { 
	width:100%;
}

/* -------- main-header -------- */
.main-header { 
	position:relative; z-index:1;
	padding:16px;
	background:#0860B9;
}
.main-header:before { 
	content:'';
	position:absolute; top:0; left:50%;
	z-index:-1;
	transform:translateX(-50%);
	width:130%; height:230px;
	border-radius:50%;
	background:#0860B9;
}

/* user */
.user-info { 
	display:flex;
	align-items:center;
	margin-bottom:20px;
}
.user-info .user-photo { 
	overflow:hidden;
	width:50px; height:50px;
	border-radius:50%;
}
.user-info .user-photo img { 
	width:100%; 
}
.user-info .user-name { 
	margin-left:15px;
	color:#fff;
}
.user-info .user-name dt { 
	font-weight:300; font-size:15px; 
}
.user-info .user-name dd { 
	margin-top:5px;
	font-weight:300; font-size:12px;
}

/* alarm */
.alarm-wrap { 
	position:absolute; top:16px; right:16px;
	padding-right:5px;
}
.alarm-wrap.on:after { 
	content:'';
	position:absolute; top:-3px; right:0;
	width:5px; height:5px;
	border-radius:50%;
	background:#E60012;
}
.alarm-wrap img { 
	height:21px; 
}

/* main-quick */
.main-quick { 
	display:flex;
	justify-content:space-between;
}
.main-quick li { 
	flex-grow:1;
	width:20%;
	text-align:center;
}
.main-quick li .num { 
	display:block;
	font-weight:500; font-size:24px; line-height:1;
	color:#fff;
}
.main-quick li .menu-tit { 
	display:block;
	margin-top:10px;
	font-weight:300; font-size:12px; line-height:1;
	color:#fff;
}

/* -------- main-conts -------- */
.main-conts { 
	position:relative; z-index:1;
	margin-top:0; padding:16px;
}
/* commuting-check */
.commuting-check { 
	display:flex;
	border-radius:5px;
	background:#fff;	 
}
.commuting-check .commuting-box { 
	position:relative;
	padding:16px;
	width:50%;
	flex-grow:1;
}
.commuting-check .commuting-box:first-child:before { 
	content:'';
	position:absolute; top:16px; right:0;
	width:1px; height:calc(100% - 32px);
	background:#ebebeb;
}
.commuting-check .commuting-box h1 { 
	font-weight:400; font-size:14px;
	color:#666;
}
.commuting-check .commuting-box p { 
	margin-top:7px;
	font-weight:300; font-size:12px;
	color:#333;
	text-align:center; 
}
.commuting-check .commuting-box p strong { 
	font-weight:700; font-size:24px;
	color:#0860B9;
}
.commuting-check .commuting-box button { 
	margin-top:8px;
	width:100%; height:30px;
	border-radius:20px;
	border:1px solid #70E6F3;
	background:#70E6F3;
	font-weight:300; font-size:13px;
	color:#fff;
}
.commuting-check .commuting-box button[disabled] { 
	border:1px solid #E1E1E1;
	background:none;
	color:#777;
}


/* remaining-wrap */
.remaining-wrap { 
	display:flex;
	margin-top:16px;
	border-radius:5px;
	background:#fff;
}
.remaining-wrap .remaining-box { 
	position:relative;
	padding:13px 16px;
	width:50%;
	flex-grow:1;
}
.remaining-wrap .remaining-box:first-child:before { 
	content:'';
	position:absolute; top:16px; right:0;
	width:1px; height:calc(100% - 26px);
	background:#ebebeb;
}
.remaining-wrap .remaining-box h1 { 
	font-weight:400; font-size:12px;
	color:#666;
}
.remaining-wrap .remaining-box p { 
	font-weight:400; font-size:14px;
	color:#666;
	text-align:right; 
}
.remaining-wrap .remaining-box p strong { 
	font-weight:700; font-size:24px;
	color:#333;
}
.remaining-wrap .remaining-box p span { 
	font-size:13px; 
}


/* main-conts-tit */
.main-conts-tit { 
	display:flex;
	justify-content:space-between;
	align-items:center;
	margin:20px 0 10px;
}
.main-conts-tit h1 { 
	font-weight:500; font-size:18px;
	color:#333;
}
.main-conts-tit a { 
	display:inline-block;
	font-weight:400; font-size:12px;
	color:#999;
}
.main-conts-tit a img { 
	margin-left:7px;
	height:8px; 
}

/* tab */
.main-conts-tab { 
	display:flex;
	margin-bottom:18px;
}
.main-conts-tab li { 
	width:50%;
	text-align:center;
}
.main-conts-tab li a { 
	display:block;
	padding-bottom:10px;
	border-bottom:1px solid #EBEBEB;
	font-weight:300; font-size:14px;
	color:#333;
}
.main-conts-tab li.on a { 
	position:relative;
	font-weight:500;
	color:#0871B9;
}
.main-conts-tab li.on a:before { 
	content:'';
	position:absolute; bottom:-1px; left:0;
	width:100%; height:3px;
	background:#0871B9;
}

/* main-command-wrap */
.main-command-wrap { 
}
.main-command-list { 
	display:none;
}
.main-command-list.on { 
	display:block;
}
.main-command-list .swiper-slide { 
	margin-right:16px;
	width:250px;
	border-radius:5px;
	background:#fff;
}
.main-command-list .swiper-slide a { 
	display:block;
	padding:16px;
}
.main-command-list .swiper-slide .command-header { 
	display:flex; 
}
.main-command-list .swiper-slide .command-header .cate { 
	padding:0 10px;
	border-radius:30px;
	background:#70E6F3;
	font-weight:300; font-size:12px; line-height:24px;
	color:#fff;
}
.main-command-list.sent .swiper-slide .command-header .cate { 
	background:#45E8B6;
}
.main-command-list .swiper-slide .command-header .date { 
	margin-left:10px;
	font-weight:300; font-size:14px; line-height:24px;
	color:#999;
}
.main-command-list .swiper-slide .subject { 
	overflow:hidden;
	display:block;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-line-clamp: 4;
    -webkit-box-orient: vertical;
	margin-top:10px;
	width:100%; height:44px;
	font-weight:400; font-size:16px; line-height:22px;
	color:#333;
}
.main-command-list .swiper-slide .word { 
	overflow:hidden;
	display:block;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-line-clamp: 4;
    -webkit-box-orient: vertical;
	margin-top:10px;
	width:100%; height:72px;
	font-weight:300; font-size:14px; line-height:18px;
	color:#666;
}
.main-command-list .swiper-slide .name { 
	margin-top:20px;
	font-weight:300; font-size:13px; line-height:32px;
	color:#999;
	text-align:right; 
}
.main-command-list .swiper-slide .name .user-photo { 
	overflow:hidden;
	display:inline-block;
	margin-left:10px;
	width:32px; height:32px;
	border-radius:50%;
	border:1px solid #e6e6e6;
	vertical-align:top;
}
.main-command-list .swiper-slide .name .user-photo img { 
	width:100%; 
}


/* notice */
.main-notice-wrap { 
	border-radius:5px; 
	background:#fff;
}
.main-notice-wrap .main-notice-list { 
	border-bottom:1px solid #ebebeb; 
}
.main-notice-wrap .main-notice-list:last-child { 
	border-bottom:0 none; 
}
.main-notice-wrap .main-notice-list a { 
	display:block;
	padding:16px;
	background:url('../images/main/more_arrow.png') no-repeat 95% center;
	background-size:auto 10px;
}
.main-notice-wrap .main-notice-list h1 {		
	overflow:hidden;
	display:block;
	width:100%;
	font-weight:400; font-size:14px;
	color:#333;
	text-overflow:ellipsis;
	white-space:nowrap;
}
.main-notice-wrap .main-notice-list ul { 
	display:flex;
	margin-top:8px;
}
.main-notice-wrap .main-notice-list .date { 
	padding:0 10px;
	border-radius:30px;
	background:#EEF3F8;
	font-weight:400; font-size:12px; line-height:24px;
	color:#666;
}
.main-notice-wrap .main-notice-list .name { 
	margin-left:10px;
	font-weight:300; font-size:12px; line-height:24px;
	color:#666;
}


/* schedule */
.main-schedule-wrap { 
}
.main-schedule-wrap .week { 
	display:flex;
	padding:10px 0 5px;
	border-radius:5px 5px 0 0;
	background:#70E6F3;
}
.main-schedule-wrap .week li { 
	width:14.285%;
	font-weight:300; font-size:11px;
	color:#fff;
	text-align:center;
}
.main-schedule-wrap .week li strong { 
	display:block;
	margin:2px auto 0;
	width:26px; height:26px;
	border-radius:50%;
	font-weight:500; font-size:16px; line-height:26px;
	color:#fff;
	letter-spacing:0.5px;
}
.main-schedule-wrap .week li.on strong { 
	background:#fff;
	color:#70E6F3;
}

.main-schedule-list { 
	border-radius:0 0 5px 5px;
	background:#fff;	 
}

.main-schedule-list .main-schedule-box { 
	display:none;
	padding:6px 16px; 
}
.main-schedule-list .main-schedule-box.on { 
	display:block; 
}
.main-schedule-list .main-schedule-box li { 
	display:flex;
	align-items:center;
	margin:10px 0;
	font-weight:500; font-size:14px;
	color:#333;
}
.main-schedule-list .main-schedule-box li.no-data { 
	padding:5vh 0;
	justify-content:center;
	text-align:center;
}
.main-schedule-list .main-schedule-box li div { 
	display:flex;
	align-items:center;
	width:117px;
	font-weight:400; font-size:14px;
}
.main-schedule-list .main-schedule-box li .dot { 
	display:block;
	margin-right:5px;
	width:12px; height:12px;
	border-radius:50%;
}



/* sub
------------------------------------------------------ */
/* -------- sub tab -------- */
.sub-conts-tab { 
	margin-top:-9px;
	display:flex;
	justify-content:center;
	padding:0 16px;
	background:#0860B9;
}
.sub-conts-tab li { 
	position:relative;
	flex-grow:0;
	width:100%;
	text-align:center;
}
.sub-conts-tab li a { 
	display:block;
	font-weight:300; font-size:13px; line-height:40px;
	color:rgba(255,255,255,.7);
}
.sub-conts-tab li.on:after { 
	content:'';
	position:absolute; bottom:0; left:0;
	width:100%; height:3px;
	background:#fff;
}
.sub-conts-tab li.on a { 
	font-weight:500;
	color:#fff;
}

/* search bar */
.search-bar { 
	padding:9px 16px;
	background:#0860B9;
}
.search-bar .search-form { 
	padding:0 10px 0 42px;
	width:100%; height:32px;
	border:0 none;
	border-radius:20px;
	background:#fff url('../images/common/icon_search_bar.png') no-repeat 16px center;
	background-size:auto 18px;
	font-weight:400; font-size:14px;
	color:rgba(34,34,34,.7);
}

/* -------- floating btn -------- */
.floating-btn { 
	position:fixed; bottom:96px; right:16px;
	z-index:99;
	width:56px; height:56px;
	border-radius:50%;
	background:#3DC2FF;
	box-shadow:0 3px 6px rgba(0,0,0,.16);
	font-size:0;
}
.floating-btn.write:before,
.floating-btn.write:after { 
	content:'';
	position:absolute; top:50%; left:50%;
	z-index:111;
	margin-top:-1px; margin-left:-8px;
	width:16px; height:2px;
	background:#fff;
}
.floating-btn.write:after { 
	transform:rotate(-90deg); 
}

.floating-btn.top img { 
	position:absolute; top:50%; left:50%;
	transform:translate(-50%,-50%);
	height:11px;
}

/* -------- action sheet -------- */
.action-sheet-wrap { 
	position:fixed; top:0; left:0;
	z-index:111;
	width:100%; height:100%;
	background:rgba(0,0,0,.15);
	display:none;
}
.action-sheet { 
	position:absolute; bottom:90px; left:5px;
	width:calc(100% - 10px);
}
.action-sheet .select-wrap { 
	border:1px solid #e6e6e6;
	border-radius:10px;
	background:#f2f2f2;
	text-align:center;
}
.action-sheet .select-wrap h1 { 
	border-bottom:1px solid #d1d1d1;
	font-weight:300; font-size:14px; line-height:49px;
	color:#666;
}
.action-sheet .select-wrap .select li a { 
	display:block;
	border-top:1px solid #d1d1d1;
	font-weight:400; font-size:18px; line-height:60px;
	color:#0860B9;
}
.action-sheet .select-wrap .select li:first-child a { 
	border-top:0 none; 
}
.action-sheet .cancel { 
	margin-top:10px;
	border-radius:10px;
	background:#fff;
	text-align:center;
}
.action-sheet .cancel a { 
	display:block; 
	font-weight:500; font-size:18px; line-height:60px;
	color:#3D71E0;
}


/* -------- 전자결재 -------- */
.doc-list { 
	padding:8px 16px; 
}
.doc-list .doc-box { 
	margin:8px 0;
	border-radius:3px;
	background:#fff; 
}
.doc-list .doc-box a { 
	display:block;
	padding:12px 16px;
}
.doc-list .doc-box .doc-tit { 
	overflow:hidden;
	display:block;
	margin-bottom:4px;
	font-weight:300; font-size:14px;  line-height:18px;
	color:#222;
	text-overflow:hidden;
	white-space:nowrap;
}
.doc-list .doc-box ul { 
	display:flex; 
	align-items:center;
}
.doc-list .doc-box ul li {  
	margin-right:10px;
}
.doc-list .doc-box ul .progress {  
	font-size:11px;
}
.doc-list .doc-box ul .complete { 
	color:#5891EE; 
}
.doc-list .doc-box ul .proceeding { 
	color:#6EC2CC; 
}
.doc-list .doc-box ul .return ,
.doc-list .doc-box ul .cancel { 
	color:#FF3B49; 
}
.doc-list .doc-box ul .date {  
	font-size:12px;
	color:#999;
}


/* -------- 결재문서검색 -------- */
.doc-search-wrap { 
	position:relative;
	width:100%; height:100%;
}

.doc-search-wrap .doc-search-box:after { 
	content:'';
	display:block;
	width:100%; height:10px;
	border:1px solid #ebebeb;
	border-width:1px 0;
	background:#F4F6F9;
}
.doc-search-wrap .doc-search-box:last-child:after { 
	display:none; 
}
.doc-search-wrap .search-label { 
	padding:16px 16px 11px;
	border-bottom:1px solid #ebebeb;
	font-weight:400; font-size:14px;
	color:#222;
}
.doc-search-wrap .select-radio { 
	display:flex;
	flex-wrap:wrap;
	padding:10px 16px 8px;	 
}
.doc-search-wrap .select-radio input { 
	display:none; 
}
.doc-search-wrap .select-radio input + label { 
	margin-right:8px; margin-bottom:8px; padding:0 12px;
	border-radius:15px;
	border:1px solid #e6e6e6;
	background:#fff;
	font-weight:300; font-size:14px; line-height:28px;
	color:#222;
}
.doc-search-wrap .select-radio input + label:last-of-type { 
	margin-right:0; 
}
.doc-search-wrap .select-radio input:checked + label { 
	border-color:#70E6F3; 
	background:#70E6F3;
	color:#fff;
}

/* select date */
.select-date { 
	position:relative;
	display:flex; 
}
.select-date:before,
.select-date:after { 
	content:'';
	position:absolute; left:50%;
	width:1px; height:55%;
	background:#DFE8F3;
}
.select-date:before { 
	top:-2px;
	transform:rotate(-20deg);
}
.select-date:after { 
	bottom:-2px; 
	transform:rotate(20deg);
}
.select-date dl { 
	flex-grow:0;
	padding:16px 0 7px;
	width:100%;
	text-align:center;
}
.select-date dl dt { 
	font-weight:300; font-size:12px; line-height:1;
	color:#555;
}
.select-date dl dd input { 
	padding:5px;
	width:100%;
	border:0 none;
	font-weight:500; font-size:20px;
	color:#0860B9;
	text-align:center;
}

/* button */
.doc-search-wrap .btn-wrap { 
	padding:16px;
}
.doc-search-wrap .doc-search { 
	width:100%; height:50px;
	border-radius:3px;
	border:0 none;
	background:#4DC0EE;
	font-weight:300; font-size:16px;
	color:#fff;
}


/* -------- 문서상세보기 -------- */
.doc-view { 
	 
}
.doc-view .doc-box { 
	 
}
.doc-view .doc-box:after { 
	content:'';
	display:block;
	width:100%; height:10px;
	border:1px solid #ebebeb;
	border-width:1px 0;
	background:#F4F6F9;
}
.doc-view .doc-box:last-child:after { 
	display:none; 
}

/* 타이틀 */
.doc-view .doc-view-header { 
	padding-top:16px;
	text-align:center;	 
}
.doc-view .doc-view-header .progress { 
	margin-bottom:2px; 
}
.doc-view .doc-view-header .progress span { 
	display:inline-block;
	padding:0 10px;
	border-radius:25px;
	font-weight:300; font-size:12px; line-height:21px;
	color:#fff;
}
.doc-view .doc-view-header .progress .complete { 
	background:#5891EE; 
}
.doc-view .doc-view-header .progress .proceeding { 
	background:#6EC2CC; 
}
.doc-view .doc-view-header .progress .return ,
.doc-view .doc-view-header .progress .cancel { 
	background:#FF3B49; 
}
.doc-view .doc-view-header .doc-tit { 
	font-weight:400; font-size:24px;
	color:#0860B9;
}
.doc-view .doc-view-header .doc-info { 
	display:flex;
	justify-content:center;
	margin:8px 0 16px;
}
.doc-view .doc-view-header .doc-info li { 
	position:relative;
	padding:0 11px;
	font-weight:400; font-size:14px;
	color:rgba(46,52,57,.7);
}
.doc-view .doc-view-header .doc-info li:after { 
	content:'';
	position:absolute; top:50%; right:0;
	margin-top:-5.5px;
	width:1px; height:11px;
	background:rgba(46,52,57,.5);
}
.doc-view .doc-view-header .doc-info li:last-child:after { 
	display:none; 
}

/* 결재라인 */
.approval-list { 
	border-top:1px solid #DFE8F3;
	text-align:center;
}
.approval-list .approval-inner { 
	display:inline-block;	 
}
.approval-list .approval-line { 
	display:flex;
	margin:20px 0;
}
.approval-list .approval-box { 
	width:82px;
}
.approval-list .approval-box .approval-tit { 
	display:inline-block;
	margin-bottom:9px; padding:0 9px;
	min-width:51px;
	border-radius:3px;
	font-weight:300; font-size:12px; line-height:21px;
	color:#fff;
}
.approval-list .approval-box.writer .approval-tit { 
	background:rgba(46,52,57,.3);
}
.approval-list .approval-box.approver .approval-tit { 
	background:#70E6F3;
}
.approval-list .approval-box.collaborator .approval-tit { 
	background:#45E8B6;
}
.approval-list .approval-box .user-photo { 
	position:relative;
	margin:0 auto;
	width:52px;
}
.approval-list .approval-box .user-photo div { 
	overflow:hidden;
	margin:0 auto;
	width:52px; height:52px;
	border-radius:50%;
	border:1px solid #ebebeb;
}
.approval-list .approval-box .user-photo img { 
	width:100%; 
}
.approval-list .approval-box .name { 
	display:block;
	margin-top:5px;
	font-weight:300; font-size:13px;
	color:#666;
}
.approval-list .approval-box.completed .user-photo div { 
	border-color:#FB315C; 
}
.approval-list .approval-box.completed .completed-txt { 
	position:absolute; top:0; right:-4px;
	width:20px; height:20px;
	border-radius:50%;
	background:#FB315C url('../images/member/checkmark.png') no-repeat center center;
	background-size:auto 10px;
	font-size:0;
}


.doc-write .approval-list { 
	padding:10px 16px 0;
	border-top:0 none;
	border-bottom:1px solid #ebebeb;
	font-size:0;
}
.doc-write .approval-list .approval-label { 
	display:inline-block;
	width:70px;
	text-align:left;
	vertical-align:middle;
}
.doc-write .approval-list .approval-label h1 { 
	margin:10px 0;
	font-weight:300; font-size:12px; line-height:131px;
	color:#555;
}
.doc-write .approval-list .approval-inner { 
	display:inline-block;
	width:calc(100% - 70px); 
	vertical-align:middle;
}
.doc-write .approval-list .approval-line { 
	margin:10px 0;	 
}
.doc-write .approval-list .btn-remove { 
	position:relative;
	margin-top:5px; margin-left:2px;
	width:20px; height:20px;
	background:none;
	font-size:0;
}
.doc-write .approval-list .btn-remove:before,
.doc-write .approval-list .btn-remove:after { 
	content:'';
	position:absolute; top:50%; left:50%;
	margin-left:-5.5px; margin-top:-0.5px;
	width:11px; height:1px;
	background:#999;
}
.doc-write .approval-list .btn-remove:before { 
	transform:rotate(45deg); 
}
.doc-write .approval-list .btn-remove:after { 
	transform:rotate(-45deg); 
}

/* 결재로그 */
.doc-view .approval-log { 
	border-top:1px solid #ebebeb;
}
.doc-view .approval-log h1 { 
	display:flex;
	align-items:center;
	justify-content:end;
	padding:0 16px;
	font-weight:300; font-size:14px; line-height:39px;
	color:#777;
}
.doc-view .approval-log .approval-log-btn { 
	display:block;
	margin-left:8px;
}
.doc-view .approval-log .approval-log-btn img { 
	display:inline-block;
	height:20px; 
	vertical-align:middle;
}
.doc-view .approval-log .approval-log-btn .on { 
	display:none; 
}
.doc-view .approval-log h1.on .approval-log-btn .off { 
	display:none; 
}
.doc-view .approval-log h1.on .approval-log-btn .on { 
	display:inline-block; 
}
.doc-view .approval-log .approval-log-list { 
	display:none;
	padding:12px 16px; 
	border-top:1px solid #ebebeb;
	text-align:left;
}
.doc-view .approval-log h1.on + .approval-log-list { 
	display:block; 
}
.doc-view .approval-log .approval-log-list li { 
	font-weight:300; font-size:14px; line-height:30px;
	color:#333;
}
.doc-view .approval-log .approval-log-list li span { 
	color:#999; 
}
.doc-view .approval-log .approval-log-list li strong { 
	font-weight:400;
	color:#FF3B49; 
}

/* 문서상세 */
.doc-view-detail { 
}
.doc-view-detail dl { 
	display:flex;
	flex-wrap:wrap;
	flex-shrink:0;
	padding:16px; 
}
.doc-view-detail dl dt,
.doc-view-detail dl dd { 
	font-weight:400; font-size:14px; line-height:30px;
}
.doc-view-detail dl dt { 
	width:93px;
	color:#999;
}
.doc-view-detail dl dd { 
	width:calc(100% - 93px);
	color:#333;
	font-family:'Noto Sans KR', sans-serif;
}

/* 의견작성 */
.comment-write { 
	padding:16px; 
}
.comment-write label { 
	display:block;
	font-weight:400; font-size:14px; line-height:1;
	color:#999;
}
.comment-write textarea { 
	margin:8px 0 5px; padding:10px;
	width:100%; height:50px;
	border:1px solid #ddd;
	resize:none;
	font-weight:300; font-size:14px;
	color:#666;
}
.comment-write button { 
	width:100%; height:35px;
	border-radius:3px;
	background:rgba(46,52,57,.6);
	font-weight:300; font-size:14px;
	color:#fff;
}


/* -------- doc write -------- */
.doc-write { 	 
}

.doc-write .doc-write-box { 
	background:#fff;
}
.doc-write .doc-write-box:after { 
	content:'';
	display:block;
	width:100%; height:10px;
	border:1px solid #ebebeb;
	border-width:1px 0;
	background:#F4F6F9;
}
.doc-write .doc-write-box:nth-last-of-type(2):after { 
	display:none;
}

.doc-write .doc-write-select { 
	display:flex;
	align-items:center;
	padding:10px 16px;	
}
.doc-write .doc-write-select h1 { 
	width:90px;
	font-weight:300; font-size:14px;
	color:#555;
	flex-shrink:0;
}
.doc-write .doc-write-select button { 
	width:100%; height:30px;
	border:1px solid #4DC0EE;
	border-radius:3px;
	background:none;
	font-weight:300; font-size:12px;
	color:#4DC0EE;
}

/* doc write form */
.doc-write .doc-write-form .doc-write-form-wrap { 
	 
}
.doc-write .doc-write-form .doc-write-form-wrap > li { 
	display:flex;
	padding:0 16px;
	border-bottom:1px solid #ebebeb; 
}
.doc-write .doc-write-form .doc-write-form-wrap li label:first-child { 
	padding:11px 0;
	width:75px;
	font-weight:300; font-size:12px;
	color:#555;
	flex-shrink:0;
}
.doc-write .doc-write-form .doc-write-form-wrap li input[type="text"] { 
	width:100%; height:41px;
	border:0 none; 
}
.doc-write .doc-write-form .doc-write-form-wrap li textarea { 
	width:100%; height:80px;
	border:0 none;
	resize:none;
}

.doc-write .doc-write-form-wrap li .worker-select { 
	display:flex;
	flex-wrap:wrap;
	align-items:start;
	padding:11px 0;
}

.doc-write .doc-write-form-wrap li .worker-list { 
	display:flex;
	align-items:center;
	flex-wrap:wrap;
	margin-bottom:-10px;
}
.doc-write .doc-write-form-wrap li .worker-list li { 
	display:flex;
	align-items:center;
	margin-right:10px; margin-bottom:10px;
	padding:0 5px 0 11px;
	height:24px;
	border-radius:30px;
	background:#DBF3FC;
	font-weight:400; font-size:14px;
	color:#222;	 
}
.doc-write .doc-write-form-wrap li .worker-list li:last-child { 
	margin-right:0; 
}
.doc-write .doc-write-form-wrap li .worker-list li .btn-remove { 
	position:relative;
	margin-left:2px;
	width:20px; height:20px;
	background:none;
	font-size:0;
}
.doc-write .doc-write-form-wrap li .worker-list li .btn-remove:before,
.doc-write .doc-write-form-wrap li .worker-list li .btn-remove:after { 
	content:'';
	position:absolute; top:50%; left:50%;
	margin-left:-5.5px; margin-top:-0.5px;
	width:11px; height:1px;
	background:#999;
}
.doc-write .doc-write-form-wrap li .worker-list li .btn-remove:before { 
	transform:rotate(45deg); 
}
.doc-write .doc-write-form-wrap li .worker-list li .btn-remove:after { 
	transform:rotate(-45deg); 
}

.doc-write .doc-write-form-wrap li .btn-worker-add { 
	position:relative;
	margin-top:11px; margin-left:auto;
	width:20px; height:20px;
	border-radius:50%;
	border:1px solid #4DC0EE;
	background:none;
	font-size:0;
	flex-shrink:0;
}
.doc-write .doc-write-form-wrap li .btn-worker-add:before ,
.doc-write .doc-write-form-wrap li .btn-worker-add:after { 
	content:'';
	position:absolute; top:50%; left:50%;
	margin-left:-4px; margin-top:-0.5px;
	width:8px; height:1px;
	background:#4DC0EE;
}
.doc-write .doc-write-form-wrap li .btn-worker-add:after { 
	transform:rotate(-90deg); 
}

.doc-write .doc-write-form-wrap li .form-info-txt { 
	margin-top:5px;
	width:100%;
	font-weight:300; font-size:11px;
	color:#aaa;
	letter-spacing:0;
	word-break:keep-all;
}
.doc-write .doc-write-form-wrap li .form-info-txt strong { 
	font-weight:300;
	color:#FB315C;
}

.doc-write .remaining-days { 
	padding:0 16px;
	background:#F4F6F9;
	font-weight:300; font-size:12px; line-height:30px;
	color:#555;
	text-align:right;
}
.doc-write .remaining-days strong { 
	padding-right:5px;
	font-weight:500;
	color:#0860B9; 
}

/* doc write header */
.doc-write .doc-write-header .doc-write-form-wrap > li:last-child { 
	border-bottom:0 none;	 
}
.doc-write .doc-write-header .doc-write-form-wrap li .form-info-txt { 
	display:block; 
}
.doc-write .doc-write-header .doc-write-form-wrap > li .share-wrap { 
	padding:11px 0;	 
}
.doc-write .doc-write-header .doc-write-form-wrap > li .share-wrap input[type="checkbox"] { 
	display:none; 
}
.doc-write .doc-write-header .doc-write-form-wrap > li .share-wrap input[type="checkbox"] + label { 
	display:inline-block;
	font-weight:300; font-size:12px; line-height:16px;
	color:#666;
	vertical-align:top;
}
.doc-write .doc-write-header .doc-write-form-wrap > li .share-wrap input[type="checkbox"] + label:before { 
	content:''; 
	display:inline-block;
	margin-right:7px;
	width:16px; height:16px;
	border:1px solid #ccc;
	box-sizing:border-box;
	vertical-align:top;
}
.doc-write .doc-write-header .doc-write-form-wrap > li .share-wrap input[type="checkbox"]:checked + label:before { 
	border-color:#4DC0EE;
	background:#4DC0EE url('../images/common/checkbox.png') no-repeat center center;
	background-size:auto 9px;
}

/* doc write footer */
.doc-write .doc-write-footer { 
	padding:16px;
}
.doc-write .doc-write-footer .doc-write-msg { 
	font-weight:400; font-size:16px; line-height:1.4;
	color:#222;
	text-align:center; 
}
.doc-write .doc-write-footer .doc-write-name { 
	margin-top:5px;
	font-weight:400; font-size:14px;
	color:#666;
	text-align:right;
}
.doc-write .doc-write-footer button { 
	margin-top:20px;
	width:100%; height:50px;
	border-radius:3px;
	background:#4DC0EE;
	font-weight:300; font-size:16px;
	color:#fff;
}


/* -------- work list -------- */
.work-list { 
	padding:8px 16px; 
}
.work-list .work-list-box { 
	margin:8px 0;
	border-radius:3px;
	background:#fff;
}
.work-list .work-list-box a { 
	display:block;
	padding:12px 16px; 
}
.work-list .work-list-box ul { 
	display:flex;
	align-items:center;
}
.work-list .work-list-box ul li { 
	font-weight:300; font-size:12px;
	color:#999;
	letter-spacing:0;
}
.work-list .work-list-box ul .read { 
	margin-right:7px; padding:5px 10px 0;
	height:20px;
	border-radius:25px;
	background:#70E6F3;
	font-weight:300; font-size:12px; line-height:1;
	color:#fff;
}
.work-list .work-list-box ul .date { 
	margin-left:auto; 
}
.work-list .work-list-box .subject { 
	overflow:hidden;
	display:block;
	margin-top:5px;
	font-weight:300; font-size:13px;
	color:#222;
	letter-spacing:0;
	text-overflow:ellipsis;
	white-space:nowrap;
}
.work-list .work-list-box .subject strong { 
	font-weight:500; 
}


/* -------- work write -------- */
.work-write {  
}
.work-write .work-write-form { 
	 
}
.work-write .work-write-form li { 
	display:flex;
	padding:0 16px;
	border-bottom:1px solid #ebebeb;
}
.work-write .work-write-form li:last-child,
.work-write .work-write-form li:nth-last-child(2) { 
	border-bottom:0 none; 
}
.work-write .work-write-form li label:first-child { 
	padding:13px 0;
	width:75px;
	font-weight:300; font-size:12px;
	color:#555;
	flex-shrink:0;
}
.work-write .work-write-form li input[type="text"] { 
	width:100%; height:47px;
	border:0 none;
}
.work-write .work-write-form li input[type="checkbox"] { 
	display:none; 
}
.work-write .work-write-form li input[type="checkbox"] + label { 
	display:inline-block;
	margin:16px 0 15px;
	font-weight:300; font-size:12px; line-height:16px;
	color:#666;
	vertical-align:top;
}
.work-write .work-write-form li input[type="checkbox"] + label:before { 
	content:''; 
	display:inline-block;
	margin-right:7px;
	width:16px; height:16px;
	border:1px solid #ccc;
	box-sizing:border-box;
	vertical-align:top;
}
.work-write .work-write-form li input[type="checkbox"]:checked + label:before { 
	background:#4DC0EE url('../images/common/checkbox.png') no-repeat center center;
	background-size:auto 9px;
}

.work-write .work-write-form .write-form { 
	border-top:1px solid rgba(34,44,62,.5); 
}
.work-write .work-write-form .write-form textarea { 
	resize:none;
	padding:16px 0;
	width:100%; height:300px;
	border:0 none;
}


/* -------- member search -------- */
.member-search { 
	padding:8px 16px; 
}
.member-search li { 
	margin:8px 0;
	width:100%;
	border-radius:3px;
	background:#fff;
}
.member-search li a { 
	position:relative;
	display:flex;
	padding:12px 16px;
	font-weight:300; font-size:14px;
	color:#666;
	align-items:center;
}
.member-search li a:after { 
	content:'';
	position:absolute; top:0; right:16px;
	width:10px; height:100%;
	background:url('../images/sub/list_more_arrow_off.png') no-repeat center center;
	background-size:auto 18px;
	transition:.3s;
}
.member-search li:hover a:after { 
	background:url('../images/sub/list_more_arrow_on.png') no-repeat center center;
	background-size:auto 18px;
}
.member-search li a .member-img { 
	overflow:hidden;
	margin-right:10px;
	width:32px; height:32px;
	border-radius:50%;
	border:1px solid #ebebeb;
}
.member-search li a .member-img img { 
	width:100%; 
}
.member-search li a strong { 
	margin-right:7px;
	font-weight:500; font-size:16px;
	color:#2E3439; 
}


/* -------- member view -------- */
.member-view { 
	padding:30px 16px; 
}
.member-view .user-photo { 
	position:relative;
	margin-bottom:30px;
	text-align:center;	 
}
.member-view .user-photo div { 
	overflow:hidden;
	margin:0 auto; 
	width:100px; height:100px;
	border-radius:50%;
}
.member-view .user-photo div img { 
	width:100%; 
}
.member-view .user-photo figcaption { 
	margin-top:10px;
	font-weight:500; font-size:20px;
	color:#2E3439; 
}
.member-view .user-photo button { 
	position:absolute; left:50%; top:65px;
	margin-left:22px;
	width:35px; height:35px;
	border-radius:50%;
	background:#0860B9;
	font-size:0;
}
.member-view .user-photo button img { 
	height:14px; 
}
.member-view .user-detail { 
	margin-top:16px;
	padding:20px;
	border-radius:5px;
	background:#fff;
}
.member-view .user-detail:first-child { 
	margin-top:0; 
}
.member-view .user-detail h1 { 
	margin-bottom:10px;
	font-weight:500; font-size:16px;
	color:#333;
}
.member-view .user-detail dl { 
	display:flex;
	flex-wrap:wrap;
}
.member-view .user-detail dt { 
	padding:10px 0;
	width:100px;
	font-weight:400; font-size:14px;
	color:#999;
	flex-shrink:0;
}
.member-view .user-detail dd { 
	padding:10px 0;
	width:calc(100% - 100px);
	font-weight:400; font-size:14px;
	font-family:'Noto Sans KR', sans-serif;
	color:#333;
	letter-spacing:0;
}
.member-view .user-detail dd input[type="text"] ,
.member-view .user-detail dd input[type="password"] { 
	margin:-9px 0; padding:0 10px;
	width:100%; height:36px;
	border:1px solid #E6E6E6;
	font-family:'Noto Sans KR', sans-serif;
}
.member-view .user-detail p { 
	font-weight:400; font-size:13px;
	color:#999;
	word-break:keep-all;
}

.member-view .user-detail .radio-wrap { 
	display:flex;
	margin-bottom:15px;
}
.member-view .user-detail .radio-wrap input { 
	display:none; 
}
.member-view .user-detail .radio-wrap input + label { 
	position:relative;
	margin-left:40px;
	font-weight:400; font-size:14px;
	color:#333;
}
.member-view .user-detail .radio-wrap input + label:first-of-type { 
	margin-left:0; 
}
.member-view .user-detail .radio-wrap input + label:before { 
	content:'';
	display:inline-block;
	margin-right:5px;
	width:16px; height:16px;
	border-radius:50%;
	border:1px solid #707070;
	box-sizing:border-box;
	vertical-align:middle;
}
.member-view .user-detail .radio-wrap input:checked + label:before { 
	border-color:#0860B9; 
}
.member-view .user-detail .radio-wrap input:checked + label:after { 
	content:'';
	position:absolute; top:50%; left:4px;
	margin-top:-2px;
	width:8px; height:8px;
	border-radius:50%;
	background:#0860B9;
}


/* -------- notice list -------- */
.notice-list { 
	padding:8px 16px; 
}
.notice-list .notice-list-box { 
	margin:8px 0;
	border-radius:3px;
	background:#fff;
}
.notice-list .notice-list-box a { 
	display:block;
	padding:12px 16px; 
}
.notice-list .notice-list-box ul { 
	display:flex;
	align-items:center;
}
.notice-list .notice-list-box ul li { 
	font-weight:300; font-size:12px;
	color:#999;
	letter-spacing:0;
}
.notice-list .notice-list-box ul .cate { 
	margin-right:7px; padding:5px 10px 0;
	height:20px;
	border-radius:25px;
	background:#70E6F3;
	font-weight:300; font-size:12px; line-height:1;
	color:#fff;
}
.notice-list .notice-list-box:nth-of-type(even) .cate { 
	background:#45E8B6; 
}
.notice-list .notice-list-box ul .date { 
	margin-left:auto; 
}
.notice-list .notice-list-box .subject { 
	overflow:hidden;
	display:block;
	margin-top:5px;
	font-weight:500; font-size:13px;
	color:#222;
	letter-spacing:0;
	text-overflow:ellipsis;
	white-space:nowrap;
}


/* -------- board list -------- */
.board-list { 
	padding:8px 16px; 
}
.board-list li {  
	margin:8px 0;
	border-radius:3px;
	background:#fff;
}
.board-list li a { 
	display:block;
	padding:12px 16px;
}
.board-list li a .subject { 
	overflow:hidden;
	display:block;
	font-weight:500; font-size:13px; line-height:20px;
	letter-spacing:0;
	text-overflow:ellipsis;
	white-space:nowrap;
}
.board-list li a .subject em { 
	display:inline-block;
	margin-right:7px; padding:5px 10px 0;
	height:20px;
	border-radius:25px;
	background:#70E6F3;
	font-style:normal; font-weight:300; font-size:12px; line-height:1;
	color:#fff;
	
}
.board-list li a .date { 
	display:block; 
	margin-top:5px;
	font-weight:300; font-size:12px;
	color:#999;
	letter-spacing:0;
}


/* -------- board view -------- */
.board-view { 
}
.board-view .board-view-header { 
	padding:16px;
	border-bottom:1px solid #90959E;
}
.board-view .board-view-header h1 { 
	font-weight:500; font-size:16px;
	color:#222;
	letter-spacing:0;
}
.board-view .board-view-header p { 
	margin-top:7px;
	font-weight:300; font-size:14px;
	color:#999;
	letter-spacing:0;
}
.board-view .board-view-conts { 
	padding:16px;
	font-weight:400; font-size:14px;
	color:#666;
}
.board-view .board-view-conts * { 
	word-break:keep-all; 
}


/* -------- setting -------- */
.setting-wrap { 
	 
}
.setting-wrap h1 { 
	display:flex;
	margin:25px 0 8px; padding:0 16px;
	font-weight:400; font-size:11px; 
	color:rgba(46,52,57,.6);
	letter-spacing:0;
}
.setting-wrap h1 span { 
	margin-left:auto; 
}
.setting-wrap h1 span em { 
	font-style:normal;
	color:rgba(0,0,0,.6);
	text-decoration:underline;
}
.setting-wrap ul { 
	background:#fff; 
}
.setting-wrap ul li { 
	position:relative;
	display:flex;
	padding:11px 16px;
	align-items:center;
}
.setting-wrap ul li:after { 
	content:'';
	position:absolute; left:16px; bottom:0;
	width:calc(100% - 16px); height:1px;
	background:#e6e6e6;
}
.setting-wrap ul li:last-child:after { 
	display:none; 
}
.setting-wrap ul li strong { 
	font-weight:400; font-size:15px;
	color:#2E3439;
	letter-spacing:0;
}
.setting-wrap ul li strong span { 
	display:block;
	font-weight:400; font-size:11px;
	color:rgba(46,52,57,.6);
}
.setting-wrap ul li input[type="checkbox"] { 
	display:none;	 
}
.setting-wrap ul li input[type="checkbox"] + label { 
	position:relative;
	margin-left:auto;
	width:40px; height:24px;
	border-radius:30px;
	background:#e1e1e1;
	font-size:0;
	transition:.3s;
}
.setting-wrap ul li input[type="checkbox"] + label:before { 
	content:'';
	position:absolute; top:1px; left:1px;
	width:22px; height:22px;
	border-radius:50%;
	box-sizing:border-box;
	background:#fff;
	transition:.3s;
}
.setting-wrap ul li input[type="checkbox"]:checked + label { 
	background:#70E6F3;
}
.setting-wrap ul li input[type="checkbox"]:checked + label:before { 
	left:17px; 
}


/* -------- version -------- */
.version-wrap { 
	display:flex;
	justify-content:center;
	align-items:center;
	width:100%; height:100%;
}
.version-wrap img { 
	display:block;
	margin:0 auto;
	width:88px;
}
.version-wrap ul { 
	margin-top:20px;
	text-align:center;
}
.version-wrap ul li { 
	font-weight:400; font-size:12px;
	color:#777;
	letter-spacing:0;
}
.version-wrap ul li:last-child { 
	margin-top:7px; 
}
.version-wrap ul li strong { 
	font-weight:500; font-size:16px;
	color:#2E3439;
}
.version-wrap p { 
	margin:20px auto 0;
}
.version-wrap p button { 
	width:100px; height:36px;
	border-radius:5px;
	background:#70E6F3;
	font-weight:300; font-size:15px;
	color:#fff;
}


/* -------- scheduler day -------- */
.scheduler-controller { 
	display:flex;
	align-items:center;
	margin-left:auto; 
}
.scheduler-controller .btn-today { 
	margin-left:5px;
	color:#fff; 
}
.scheduler-day { 
	 
}
.scheduler-day .scheduler-week { 
	background:#0860B9; 
}
.scheduler-day .scheduler-week ul { 
	display:flex;
	justify-content:space-between;
}
.scheduler-day .scheduler-week ul li { 
	width:calc(100% / 7);
	flex-shrink:0;
	letter-spacing:0;
	text-align:center;
}
.scheduler-day .scheduler-week ul li a { 
	display:block;
	padding-top:1px;
	padding-bottom:7px;
}
.scheduler-day .scheduler-week ul li span { 
	display:block;
	font-weight:300; font-size:11px;
	color:#fff;
}
.scheduler-day .scheduler-week ul li strong { 
	display:inline-block;
	margin-top:3px;
	width:26px; height:26px;
	border-radius:50%;
	background:#0860B9;
	font-weight:500; font-size:16px; line-height:26px;
	color:#fff;
}
.scheduler-day .scheduler-week ul li.on strong { 
	background:#fff;
	color:#0860B9;
}

.scheduler-day-list { 
	padding:8px 16px; 
}
.scheduler-day-list li { 
	margin:8px 0;
	font-weight:500; font-size:14px;
	color:#333;
	letter-spacing:-.25px; 
}
.scheduler-day-list li a { 
	display:flex; 
	align-items:center;
	padding:11px 12px;
	border-radius:3px;
	background:#fff;
	letter-spacing:0; 
}
.scheduler-day-list li a div { 
	display:flex; 
	align-items:center;
	width:117px;
}
.scheduler-day-list li a .dot { 
	display:block;
	margin-right:5px;
	width:12px; height:12px;
	border-radius:50%;
}


/* -------- scheduler detail -------- */
.scheduler-detail {  
}
.scheduler-detail .scheduler-detail-header { 
	padding:12px 16px;
	border-bottom:1px solid #ebebeb; 
}
.scheduler-detail .scheduler-detail-header h1 { 
	display:flex;
	align-items:center;
	margin-bottom:5px;
	font-weight:500; font-size:16px;
	color:#222;
	letter-spacing:0;
}
.scheduler-detail .scheduler-detail-header h1 div {  
	margin-right:5px;
	width:12px; height:12px;
	border-radius:50%;
}
.scheduler-detail dl { 
	display:flex;
	flex-wrap:wrap;
}
.scheduler-detail dl dt,
.scheduler-detail dl dd { 
	line-height:30px; 
	letter-spacing:0;
}
.scheduler-detail dl dt { 
	width:64px;
	font-weight:300; font-size:12px;
	color:#555;
}
.scheduler-detail dl dd { 
	width:calc(100% - 64px);
	font-weight:400; font-size:14px;
	font-family:'Noto Sans KR', sans-serif;
	color:#2E3439;
}
.scheduler-detail .scheduler-detail-header dl dd { 
	line-height:22px; 
}
.scheduler-detail .scheduler-detail-conts { 
	padding:12px 16px; 
}


/* -------- scheduler list -------- */
.scheduler-list { 
	 
}
.scheduler-list h1 { 
	display:flex;
	margin:25px 0 8px; padding:0 16px;
	font-weight:400; font-size:11px; 
	color:rgba(46,52,57,.6);
	letter-spacing:0;
}
.scheduler-list ul { 
	background:#fff; 
}
.scheduler-list ul li { 
	position:relative;
	display:flex;
	padding:10px 16px;
	min-height:45px;
	align-items:center;
}
.scheduler-list ul li:after { 
	content:'';
	position:absolute; left:16px; bottom:0;
	width:calc(100% - 16px); height:1px;
	background:#e6e6e6;
}
.scheduler-list ul li:last-child:after { 
	display:none; 
}
.scheduler-list ul li input[type="checkbox"] { 
	display:none; 
}
.scheduler-list ul li input[type="checkbox"] + label { 
	display:flex;
	align-items:center;
	font-weight:400; font-size:15px; line-height:18px;
	color:#2E3439;
}
.scheduler-list ul li input[type="checkbox"] + label:before { 
	content:'';
	display:inline-block;
	margin-right:7px;
	width:18px; height:18px;
	border-radius:50%;
	box-sizing:border-box;
	border:1px solid #3D85C6;
}
.scheduler-list ul li button { 
	margin-left:auto;
	background:none;
}
.scheduler-list ul li button img { 
	height:21px; 
}