/*
* codewizard
* 2014
*/
html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code, del, dfn, em, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var, b, u, i, center, dl, dt, dd, ol, ul, li,
fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td,
article, aside, canvas, details, embed, figure, figcaption, footer, header, hgroup,
menu, nav, output, ruby, section, summary, time, mark, audio, video {
margin: 0px; padding: 0px; border: 0px; font-size: 100%; vertical-align: baseline;
}
article, aside, details, figcaption, figure,
footer, header, hgroup, menu, nav, section {
display: block;
}
legend { display:none; }
ol, ul, nav { list-style: none; }
table { border-collapse: collapse; border-spacing: 0; }
i { font-style:normal; }
html, body { height:100%; }
html {
-webkit-text-size-adjust: 100%;
-ms-text-size-adjust: 100%;
}
img { max-width:100%; height:auto; border:0; }
video,audio,object,embed, iframe { max-width:100%; }
input[type="search"], input[type="submit"] {
-webkit-appearance: none;
-webkit-border-radius: 0px;
}
input[type="search"] {
-webkit-appearance: textfield;
/*box-sizing:content-box;*/
}
input[type="search"]::-webkit-search-decoration,
input[type="search"]::-webkit-search-cancel-button {
-webkit-appearance: none;
/*box-sizing:content-box;*/
}
button,
html input[type="button"],
input[type="reset"],
input[type="submit"] {
-webkit-appearance: button;
cursor: pointer;
}
button[disabled],
html input[disabled] {
cursor: default;
}
* { -webkit-box-sizing:border-box; -moz-box-sizing:border-box; box-sizing:border-box; }
body {
color:#32323A; font-size:13px; font-family:'Nanum Gothic', 'Malgun Gothic', 'Dotum', Arial, sans-serif;
background:#E9EEF4;
}
a { text-decoration:none; -webkit-transition:all 0.3s ease; -moz-transition:all 0.3s ease; -o-transition:all 0.3s ease; -ms-transition:all 0.3s ease; transition:all 0.3s ease; }
a:visited { text-decoration:none; }
a:hover { text-decoration:none; }
a:active { text-decoration:none; }
/* Layout */
#container { position:relative; width:100%; min-height:100%; -webkit-transition:all .3s ease-in-out; -moz-transition:all .3s ease-in-out; -o-transition:all .3s ease-in-out; transition:all .3s ease-in-out; }
#headerWrapper { position:fixed; z-index:101; left:0px; right:0px; top:0px; -webkit-transition:all .3s ease-in-out; -moz-transition:all .3s ease-in-out; -o-transition:all .3s ease-in-out; transition:all .3s ease-in-out; }
#header { position:relative; background:#fff; box-shadow:1px 0 3px rgba(0,0,0,.15); }
#header .hdCtrl { position:absolute; left:0px; top:0px; font-size:0px; white-space:nowrap; }
#header .brand { display:inline-block; width:240px; height:50px; padding:0px 20px; vertical-align:top; }
#header .brand a { color:#fff; font-size:18px; font-weight:bold; line-height:50px; }
#header .menuOpenner { display:inline-block; width:30px; height:30px; margin:10px 0px 0px 10px; color:#50c1e9; font-size:21px; line-height:28px; text-align:center; vertical-align:top; background:#fff; opacity:1; filter:alpha(opacity=100); overflow:hidden; }
#header .menuOpenner:hover{ text-decoration:none; }
#header .menuOpennerOn { opacity:0.6; filter:alpha(opacity=60); }
#header .hdRight { height:50px; padding:0px 20px 0px 0px; font-size:0; text-align:right; line-height:50px; white-space:nowrap; }
.mSideRightOpenner { display:none; }
.userWrap { position:relative; display:inline-block; vertical-align:top; }
.userBox { display:inline-block; height:50px; padding:0px 10px; color:#333; font-size:13px; line-height:50px; vertical-align:top; border-left:1px solid #eee; border-right:1px solid #eee; }
.userBox:hover, .userBox:focus { text-decoration:none; color:#333; background-color:#f6f6f6; }
.userBox .userProfile { display:inline-block; width:40px; height:40px; background:#50c1e9; vertical-align:middle; border-radius:7px; overflow:hidden; }
.userBox i { margin-left:10px; color:#888; }
.userCtrlMenu { display:none; position:absolute; right:0px; min-width:140px; margin-top:10px; padding:10px; font-size:13px; border-radius:5px; background:#fff; box-shadow:0 0px 5px rgba(0,0,0,.15); }
.userCtrlMenu:before { bottom:100%; left:90%; border:solid transparent; content:" "; height:0; width:0; position:absolute; pointer-events:none; border-color:rgba(238,238,238,0); border-bottom-color:#eee; border-width:8px; margin-left: -8px; }
.userCtrlMenu:after { bottom:100%; left:90%; border:solid transparent; content:" "; height:0; width:0; position:absolute; pointer-events:none; border-color:rgba(255,255,255,0); border-bottom-color:#ffffff; border-width:7px; margin-left:-7px; }
.userCtrlMenu li a { display:block; padding:10px; color:#333; line-height:1.3em; text-align:left; border-radius:5px; }
.userCtrlMenu li a i { display:inline-block; width:20px; }
.userCtrlMenu li a:hover, .userCtrlMenu li a:focus { text-decoration:none; background:#eee; }
.userCtrlMenu li a:hover i, .userCtrlMenu li a:focus i { color:#50c1e9; }
.logout { display:inline-block; height:50px; padding:0px 10px; color:#50c1e9; font-size:18px; line-height:50px; vertical-align:top; border-right:1px solid #eee; }
.logout:hover, .logout:focus { text-decoration:none; color:#333; background-color:#f6f6f6; }
.rSidebarBtn { display:inline-block; height:50px; padding:0px 10px; color:#888; font-size:18px; line-height:50px; vertical-align:top; border-right:1px solid #eee; }
.rSidebarBtn:hover, .rSidebarBtn:focus { text-decoration:none; color:#50c1e9; background-color:#f6f6f6; }
.rSidebarBtn .badge { position:absolute; right:21px; top:5px; font-size:10px; line-height:12px; }
.hdNotifications { display:inline-block; height:50px; padding-top:10px; }
.hdNotifications > li { position:relative; display:inline-block; line-height:normal; }
.hdNotifications li a.notif { display:inline-block; position:relative; width:30px; height:28px; margin-right:15px; color:#666; font-size:16px; line-height:25px; text-align:center; border:1px solid #f0f0f8; border-radius:4px; }
.hdNotifications li a.notif .badge { position:absolute; right:-10px; top:-10px; }
.hdNotifications li a.notif:hover { background:#eee; }
.hdNotifications li .notification.dropdown-menu.extended { max-width:320px !important; min-width:160px !important; left:-270px; top:42px; width:300px !important; padding:0px 10px; font-size:12px; box-shadow:0 0px 5px rgba(0,0,0,0.1) !important; border-radius:5px; -webkit-border-radius:5px; background:#fff; border:none; }
/*硫붿씪�뚮┝*/
.hdNotifications .dropdown-menu:after,.hdNotifications .dropdown-menu:before { bottom:100%; left:9%; border:solid transparent; content:" "; height:0; width:0; position:absolute; pointer-events:none; }
.hdNotifications .dropdown-menu:after { border-color:rgba(255,255,255,0); border-bottom-color:#ffffff; border-width:7px; margin-left:-7px; }
.hdNotifications .dropdown-menu:before { border-color:rgba(238,238,238,0); border-bottom-color:#eeeeee; border-width:8px; margin-left:-8px; }
.hdNotifications .dropdown-menu:after,.hdNotifications .dropdown-menu:before { bottom:100%; left:95%; border:solid transparent; content:" "; height:0; width:0; position:absolute; pointer-events:none; }
.hdNotifications .dropdown-menu:after { border-color:rgba(255,255,255,0); border-bottom-color:#ffffff; border-width:7px; margin-left:-7px; }
.hdNotifications .dropdown-menu:before { border-color:rgba(238,238,238,0); border-bottom-color:#eeeeee; border-width:8px; margin-left: -8px; }
.notification li.tt { line-height:40px; }
.notification li a { margin-bottom:10px; padding:10px; background:#f1f2f7; border-radius:5px; }
.notification li a .subject { display:block; position:relative; margin-bottom:2px; }
.notification li a .subject .from { }
.notification li a .subject .time { position:absolute; right:0px; top:0px; }
.notification li a .message { display:block; white-space:nowrap; text-overflow:ellipsis; overflow:hidden; }
/*�곗륫�ъ씠�쒕컮(梨꾪똿)*/
#rightSidebar { position:fixed; right:-240px; top:0px; z-index:1000; width:240px; height:100%; color:#fff; background:#32323a;
-webkit-transition:all .3s ease-in-out;
-moz-transition:all .3s ease-in-out;
-o-transition:all .3s ease-in-out;
transition:all .3s ease-in-out;
}
#rightSidebar a { outline:none; }
.rightSidebarOn { right:0px !important; }
.rightSidebarInner { position:relative; height:100%; overflow:hidden; }
body.rightsideOn { }
body.rightsideOn #container { padding-right:240px; }
body.rightsideOn #headerWrapper { margin-right:240px; }
body.rightsideOn footer { margin-right:240px; }
.daeTalkWrap { position:absolute; z-index:5; left:0px; top:0px; width:100%; height:100%; -webkit-transition:all .3s ease-in-out; -moz-transition:all .3s ease-in-out; -o-transition:all .3s ease-in-out; transition:all .3s ease-in-out; }
.rightSideHd { height:50px; padding:10px; background:#414147; }
.rightSideHd .searchBox { width:100%; height:30px; padding:0px 10px; background:#32323A; border:none; }
.rightSidebody { color:#fff; }
.rightSidebody .connectBox .connectToggle { position:relative; display:block; padding:18px 20px; color:#fff; font-size:15px; text-transform:uppercase; }
.rightSidebody .connectBox .connectToggle .expandIcon { position:absolute; right:20px; top:19px; width:17px; height:17px; font-size:0; background:url('/images/admin/nav-expand.png') no-repeat center top; }
.rightSidebody .connectBox .connectToggleOn .expandIcon { background-position:center bottom; }
/*
.rightSidebody .connectBox a.online { background:#45C9C4; }
.rightSidebody .connectBox a.offline { background:#A48AD4; }
*/
.connectSearch_result { padding-top:10px; }
.connectSec { border-bottom:1px solid #202025; }
.connectSec .chatList { }
.connectSec .chatList li { }
.connectSec .chatList li a { display:block; position:relative; height:70px; padding:15px 15px 0px 80px; color:#fff; }
.connectSec .chatList li a .pic { position:absolute; left:20px; top:10px; width:50px; height:50px; border-radius:5px; color:#fff; font-size:30px; text-align:center; line-height:50px; background:#41cac0; overflow:hidden; }
.connectSec .chatList li a .pic img { min-height:100%; }
.connectSec .chatList li a .chatTitle { display:block; margin-top:-5px; color:#bbb; font-size:11px; }
.connectSec .chatList li a .chatTxt { display:block; font-size:11px; white-space:nowrap; text-overflow:ellipsis; overflow:hidden; }
.connectSec .chatList li a .date { display:block; font-size:11px; color:#bbb; }
.connectSec .chatList li a:hover { background:#202025; }
.connectSec .chatList li a .badge { position:absolute; right:15px; top:10px; font-size:10px; line-height:12px; }
.connectSec .connectList { }
.connectSec .connectList li { }
.connectSec .connectList li a { display:block; position:relative; height:70px; padding:15px 15px 0px 80px; color:#fff; }
.connectSec .connectList li a .pic { position:absolute; left:20px; top:10px; width:50px; height:50px; border-radius:5px; text-align:center; background:#f8f8f8; overflow:hidden; }
.connectSec .connectList li a .pic img { min-height:100%; }
.connectSec .connectList li a .name { display:block; color:#fff; }
.connectSec .connectList li a .name em { color:#bbb; font-size:12px; font-style:normal; }
.connectSec .connectList li a .team { display:block; color:#bbb; font-size:11px; }
.connectSec .connectList li a:hover { background:#202025; }
.connectSec a.chatroom { background:#48cfae; }
.connectSec a.online { background:#50c1e9; }
.connectSec a.offline { background:#22262f; }
.connectOffline { display:none; }
.groupInvateBtn { display:block; position:relative; padding:18px 20px; color:#fff; font-size:15px; }
.groupInvateBtn:hover, .groupInvateBtn:focus { color:#fff; }
.groupInvateBtn i.fa-angle-right { position:absolute; right:20px; top:20px; line-height:21px; }
.daeTalkSelec { position:absolute; z-index:20; left:240px; top:0px; width:100%; height:100%; background:#32323a; -webkit-transition:all .2s ease-in-out; -moz-transition:all .2s ease-in-out; -o-transition:all .2s ease-in-out; transition:all .2s ease-in-out; }
.daeTalkSelec .selecHd { position:relative; z-index:12; padding:40px 10px 10px 10px; background:#414147; }
.daeTalkSelec .selecHd .selecCancelBtn { position:absolute; left:10px; top:10px; }
.daeTalkSelec .selecHd .selecOkBtn { position:absolute; right:10px; top:10px; }
.daeTalkSelec .selecHd .selecUser { padding-top:10px; }
.daeTalkSelec .selecHd .selecUser li { display:inline-block; font-size:12px; }
.daeTalkSelec .groupSelect { }
.daeTalkSelec .groupSelect li { border-bottom:1px solid #202025; }
.daeTalkSelec .groupSelect li label { display:block; position:relative; height:70px; margin:0px; padding:15px 15px 0px 105px; color:#fff; cursor:pointer; }
.daeTalkSelec .groupSelect li label:hover { background:#202025; }
.daeTalkSelec .groupSelect li label .inputCheck { display:none; }
.daeTalkSelec .groupSelect li label .check { position:absolute; left:15px; top:25px; width:20px; height:20px; text-align:center; line-height:20px; border:1px solid #fff; border-radius:50%; overflow:hidden; }
.daeTalkSelec .groupSelect li label .check i { display:none; }
.daeTalkSelec .groupSelect li label .checkOn i { display:inline; }
.daeTalkSelec .groupSelect li label .pic { position:absolute; left:45px; top:10px; width:50px; height:50px; border-radius:5px; text-align:center; background:#f8f8f8; overflow:hidden; }
.daeTalkSelec .groupSelect li label .name { display:block; color:#fff; }
.daeTalkSelec .groupSelect li label .name em { color:#bbb; font-size:12px; font-style:normal; }
.daeTalkSelec .groupSelect li label .team { display:block; color:#bbb; font-size:11px; }
#chatAudio { display:none; }
.daeTalkChat { position:absolute; z-index:10; left:240px; top:0px; width:100%; height:100%; background:#32323a; -webkit-transition:all .2s ease-in-out; -moz-transition:all .2s ease-in-out; -o-transition:all .2s ease-in-out; transition:all .2s ease-in-out; }
.daeTalkChat .chatHd { position:relative; z-index:12; background:#414147; }
.daeTalkChat .chatHd a.chatOut { display:block; position:relative; height:57px; padding-left:30px; color:#fff; font-size:15px; line-height:57px; white-space:nowrap; text-overflow:ellipsis; overflow:hidden; }
.daeTalkChat .chatHd a.chatOut i.fa { position:absolute; left:10px; top:0px; font-size:21px; line-height:57px; }
.daeTalkChat .chatHd .chatOptb { position:absolute; right:10px; top:16px; }
.daeTalkChat .chatHd .chatOptb a { display:inline-block; height:30px; padding:0px 10px; color:#bbb; font-size:13px; line-height:27px; border:1px solid #bbb; border-radius:4px; }
.daeTalkChat .chatHd .chatOptb a:hover { color:#fff; border-color:#fff; }
.daeTalkChat .chatBox { position:relative; z-index:11; height:100%; margin-top:-57px; padding-top:67px; background:#32323a; }
.chatHistory { height:90%; padding-bottom:100px; overflow:auto; }
.chatHistory li { padding:20px 20px 10px 20px; }
.chatHistory li .chat-detail { display:block; position:relative; padding-left:50px; }
.chatHistory li .chat-detail .pic { position:absolute; left:0px; top:0px; width:40px; height:40px; border-radius:3px; overflow:hidden; }
.chatHistory li .chat-detail .pic img { display:block; min-height:100%; }
.chatHistory li .chat-detail .name { display:block; padding-bottom:5px; color:#fff; font-size:11px; line-height:1em; }
.chatHistory li .chat-detail .chat-bubble { display:block; position:relative; width:100%; min-height:40px; padding:10px; color:#333; font-size:12px; line-height:1.4em; word-wrap:break-word; background:#e5e9ec; border-radius:3px; }
.chatHistory li .chat-detail .chat-bubble:after { content:'';position:absolute;border-style:solid;border-width:0px 7px 9px 0;border-color:rgba(0,0,0,0) #e5e9ec;display:block;width:0;z-index:1;left:-7px;top:12px; }
.chatHistory li .chat-detail .date { display:block; padding-top:5px; text-align:right; color:#888; font-size:11px; line-height:1em; }
.chatHistory li .chat-detail .date em { font-style:normal; color:#f1c500; }
.chatHistory li.me .chat-detail .chat-bubble { color:#000; background:#41cac0; }
.chatHistory li.me .chat-detail .chat-bubble:after { left:auto !important; right:-7px; border-width:0px 0px 9px 7px; border-color:rgba(0, 0, 0, 0) #41cac0; }
.chatWrite { position:absolute; z-index:20; left:0px; right:0px; bottom:0px; height:50px; }
.chatWrite .chatWriteInner { position:relative; padding:10px 10px 10px 45px; background:#414147; }
.chatWriteInner .ctrlBox { position:absolute; left:10px; top:10px; width:30px; }
.chatWriteInner .ctrlBox button { display:block; width:30px; height:30px; margin-bottom:5px; padding:0px !important; color:#888; font-size:18px; text-align:center; line-height:30px; }
.chatWriteInner .chatMsg { display:block; width:100%; height:30px; padding:5px; color:#333; border:none; background:#fff; border-radius:3px; }
.chatWriteInner .emoji-wysiwyg-editor { display:block; width:100%; height:65px; padding:5px; color:#333; border:none; background:#fff; border-radius:3px; }
.selecOn .daeTalkWrap { left:-100px !important; }
.selecOn .daeTalkSelec { left:0px !important; }
.chatOn .daeTalkWrap { left:-100px !important; }
.chatOn .daeTalkChat { left:0px !important; }
aside#Lnb { position:fixed; z-index:100; left:0px; top:0px; width:240px; height:100%; padding:70px 10px; background:#32323a; -webkit-transition:all .3s ease-in-out; -moz-transition:all .3s ease-in-out; -o-transition:all .3s ease-in-out; transition:all .3s ease-in-out; }
aside.LnbOn { left:-240px !Important; }
.menu { }
.menu li { margin-bottom:5px; border-radius:5px; overflow:hidden; }
.menu li a { text-decoration:none; outline:none; }
.menu li a.subMenu { display:block; position:relative; padding:18px 10px; color:#aeb2b7; font-size:15px; }
.menu li a.subMenu:hover, .menu li a.subMenu:focus, .menu li.currentMenu a.subMenu { color:#fff; background:#28282e; }
.menu li .sub { display:none; }
.menu li.currentMenu .sub { display:block; }
.menu li .sub a.twoM { display:block; position:relative; padding:13px 20px; color:#aeb2b7; font-size:12px; }
.menu li.subExpand a.subMenu { -webkit-transition:background 0s ease; -moz-transition:background 0s ease; -o-transition:background 0s ease; -ms-transition:background 0s ease; transition:background 0s ease; }
.menu li.subExpand a.subMenu .expandIcon { position:absolute; top:19px; right:20px; width:17px; height:17px; font-size:0px; border-radius:3px; background-image:url('/images/admin/nav-expand.png'); background-repeat:no-repeat; background-position:center top; }
.menu li.subExpandOn { background-color:#28282e; }
.menu li.subExpandOn a.subMenu { color:#fff; background-position:208px -65px; }
.menu li.subExpandOn a.subMenu .expandIcon { background-position:center bottom; }
.menu li.subExpandOn .sub a.currentSub, .menu li.subExpandOn .sub a.twoM:hover, .menu li.subExpandOn .sub a.twoM:focus { color:#50c1e9; background-color:#202025; }
.menu li.subExpandOn a.subMenu i { color:#50c1e9; }
.menu li.mobileSub { display:none; }
.insubWrap .insub { display:none; margin-bottom:5px; /*background:#202025;*/ }
.insubWrap a.twoM .expandIcon { position:absolute; top:14px; right:20px; width:17px; height:17px; font-size:0px; border-radius:3px; background-image:url('/images/admin/nav-expand.png'); background-repeat:no-repeat; background-position:center top; }
.insubWrap .insub li { margin-bottom:0px; }
.insubWrap .insub a { display:block; padding:8px 30px; color:#aeb2b7; font-size:12px; }
.insubWrap .insub a:hover, .insubWrap .insub a:focus, .insubWrap .insub li.On { background:#121215; }
.insubWrapOn .insub { display:block; }
.insubWrapOn a.twoM .expandIcon { background-position:center bottom; }
footer { position:absolute; left:0px; right:0px; bottom:0px; height:50px; padding:0px 20px; color:#bbb; line-height:50px; text-align:right; background:#fff; box-shadow:1px 0 3px rgba(0,0,0,.15); -webkit-transition:all .3s ease-in-out; -moz-transition:all .3s ease-in-out; -o-transition:all .3s ease-in-out; transition:all .3s ease-in-out; }
#Wrapper { padding-left:240px; -webkit-transition:all .3s ease-in-out; -moz-transition:all .3s ease-in-out; -o-transition:all .3s ease-in-out; transition:all .3s ease-in-out; }
.WrapperOn { padding-left:0px !important; }
.contentWrapper { min-height:600px; padding:60px 20px; }
.location { position:relative; padding:7px 10px; color:#737881; font-size:12px; background:#fff; }
.location span.dep { display:inline-block; }
.location > span.dep + span.dep:before { content:"/ "; padding:0px 5px; color:#ccc; }
.location span.dep a { color:#737881; }
.contentContainer { padding:0px 20px 20px; }
.contentNormal { padding:15px 0px; }
/*Guide��*/
.examSection { margin-bottom:30px; }
.example-box { padding:0px; }
.content-box { position:relative; margin-bottom:20px; border:1px solid #ccc; border-radius:2px; }
.highlight { padding:9px 14px; background:#F7F7F9; border:1px dotted #ccc; border-radius:2px; }
.highlight pre code { color:#333; }
.highlight .nt { color:#2F6F9F; }
.highlight .na { color:#4F9FCF; }
.highlight .s { color:#D44950; }
.highlight .c { color:#999; }
.example-code table thead th { border-bottom-width:0px !important; background-color:#e9ecf1; }
.btn-row { margin-bottom:10px; }
.form-horizontal.bucket-form .form-group { margin-bottom:15px; padding-bottom:15px; border-bottom:1px solid #eff2f7; }
.fa-hover a { border-radius: 4px; color: #222222; display: block; height: 32px; line-height: 32px; padding-left: 10px; }
.fa-hover a .fa { width: 32px; font-size: 14px; display: inline-block; text-align: right; margin-right: 10px; }
.fa-hover a:hover { background-color: #1fb5ad; color: #ffffff; text-decoration: none; }
.fa-hover a:hover .fa { font-size: 22px; vertical-align: -3px; }
.fa-hover a:hover .text-muted { color: #bbe2d5; }
/*common style*/
h2, h3 { margin-top:20px; margin-bottom:5px; font-size:16px; font-weight:500; }
h4, h5 { margin-top:10px; margin-bottom:5px; font-size:14px; font-weight:500; }
label { display:inline-block; font-weight:700; margin-bottom:5px; }
/*Core Style*/
.mar_A0 { margin:0px !important; }
.mar_A5 { margin:5px !important; }
.mar_A10 { margin:10px !important; }
.mar_A15 { margin:15px !important; }
.mar_A20 { margin:20px !important; }
.mar_A25 { margin:25px !important; }
.mar_R0 { margin-right:0px !important; }
.mar_R5 { margin-right:5px !important; }
.mar_R10 { margin-right:10px !important; }
.mar_R15 { margin-right:15px !important; }
.mar_R20 { margin-right:20px !important; }
.mar_R25 { margin-right:25px !important; }
.mar_B0 { margin-bottom:0px !important; }
.mar_B5 { margin-bottom:5px !important; }
.mar_B10 { margin-bottom:10px !important; }
.mar_B15 { margin-bottom:15px !important; }
.mar_B20 { margin-bottom:20px !important; }
.mar_B25 { margin-bottom:25px !important; }
.mar_L0 { margin-left:0px !important; }
.mar_L5 { margin-left:5px !important; }
.mar_L10 { margin-left:10px !important; }
.mar_L15 { margin-left:15px !important; }
.mar_L20 { margin-left:20px !important; }
.mar_L25 { margin-left:25px !important; }
.mar_T0 { margin-top:0px !important; }
.mar_T5 { margin-top:5px !important; }
.mar_T10 { margin-top:10px !important; }
.mar_T15 { margin-top:15px !important; }
.mar_T20 { margin-top:20px !important; }
.mar_T25 { margin-top:25px !important; }
.pad_A0 { padding:0px !important; }
.pad_A5 { padding:5px !important; }
.pad_A10 { padding:10px !important; }
.pad_A15 { padding:15px !important; }
.pad_A20 { padding:20px !important; }
.pad_A25 { padding:20px !important; }
.pad_T0 { padding-top:0px !important; }
.pad_T5 { padding-top:5px !important; }
.pad_T10 { padding-top:10px !important; }
.pad_T15 { padding-top:15px !important; }
.pad_T20 { padding-top:20px !important; }
.pad_T25 { padding-top:25px !important; }
.pad_R0 { padding-right:0px !important; }
.pad_R5 { padding-right:5px !important; }
.pad_R10 { padding-right:10px !important; }
.pad_R15 { padding-right:15px !important; }
.pad_R20 { padding-right:20px !important; }
.pad_R25 { padding-right:25px !important; }
.pad_B0 { padding-bottom:0px !important; }
.pad_B5 { padding-bottom:5px !important; }
.pad_B10 { padding-bottom:10px !important; }
.pad_B15 { padding-bottom:15px !important; }
.pad_B20 { padding-bottom:20px !important; }
.pad_B25 { padding-bottom:25px !important; }
.pad_L0 { padding-left:0px !important; }
.pad_L5 { padding-left:5px !important; }
.pad_L10 { padding-left:10px !important; }
.pad_L15 { padding-left:15px !important; }
.pad_L20 { padding-left:20px !important; }
.pad_L25 { padding-left:25px !important; }
.text-center { text-align:center !important; }
.text-left { text-align:left !important; }
.text-right { text-align:right !important; }
.text-justify { text-align:justify !important; }
.font-bold { font-weight:bold !important; }
.font-normal { font-weight:normal !important; }
.text-transform-none { text-transform:none !important; }
.text-transform-upr { text-transform:uppercase !important; }
.text-transform-low { text-transform:lowercase !important; }
.text-transform-cap { text-transform:capitalize !important; }
.font-italic { font-style:italic !important; }
.font-none { font-style:none !important; }
.bg-white { background:#fff !important; }
.bg-azure { color:#fff; background:#41e5c0 !important; }
.bg-blue { color:#fff; background:#99cce3 !important; }
.bg-blue-alt { color:#fff; background:#65a6ff !important; }
.bg-purple { color:#fff; background:#bda4ec !important; }
.bg-yellow { color:#fff; background:#fed65a !important; }
.bg-gray { background:#efefef !important; }
.bg-gray-alt { color:#fff; background:#dedede !important; }
.bg-black { color:#fff; background:#212121 !important; }
.bg-green { color:#fff; background:#aec785 !important; }
.bg-red { color:#fff; background:#ffa991 !important; }
.bg-orange { color:#fff; background:#fa7753 !important; }
.font-gray { color:#C2C2C2 !important; }
.font-gray-dark { color:#828282 !important; }
.font-black { color:#464646 !important; }
.font-blue { color:#1F6DCA !important; }
.font-blue-alt { color:#65A6FF !important; }
.font-azure { color:#41E5C0 !important; }
.font-purple { color:#984DFF !important; }
.font-yellow { color:#FFCC00 !important; }
.font-green { color:#9CD159 !important; }
.font-red { color:#FF5757 !important; }
.font-orange { color:#FA7753 !important; }
.font-white { color:#fff !important; }
.font-size-10 { font-size:10px !important; }
.font-size-11 { font-size:11px !important; }
.font-size-12 { font-size:12px !important; }
.font-size-13 { font-size:13px !important; }
.font-size-14 { font-size:14px !important; }
.font-size-15 { font-size:15px !important; }
.font-size-16 { font-size:16px !important; }
.font-size-17 { font-size:17px !important; }
.font-size-18 { font-size:18px !important; }
.font-size-20 { font-size:20px !important; }
.font-size-23 { font-size:23px !important; }
.font-size-28 { font-size:28px !important; }
.font-size-35 { font-size:35px !important; }
.float-none { float:none !important; }
.float-left { float:left !important; }
.float-right { float:right !important; }
.opacity-100 { opacity:1.0; filter:alpha(opacity=100); }
.opacity-80 { opacity:0.8; filter:alpha(opacity=80); }
.opacity-60 { opacity:0.6; filter:alpha(opacity=60); }
.opacity-30 { opacity:0.3; filter:alpha(opacity=30); }
.display-block { display:block !important; }
.display-inline { display:inline !important; }
.display-inlineblock { display:inline-block !important; }
.center-margin { margin:0 auto; float:none!important; }
.width-reset {width:auto !important; }
/* Data Tables */
.table .progress { margin-bottom:0px; }
/* ...... */
#loginBody { height:100%; color:#fff; background:#303641; }
.login_hd { position:relative; padding:100px 0px; text-align:center; background:#373e4a; -moz-transition:all 550ms ease-in-out;-o-transition:all 550ms ease-in-out;-webkit-transition:all 550ms ease-in-out;transition:all 550ms ease-in-out; }
.login_hd:after { position:absolute; left:50%; bottom:-13px; width:0; height:0; content:""; margin-left:-12.5px; border-width:13px 12.5px 0px; border-style:solid; border-color:#373e4a transparent transparent; -moz-transition:all 550ms ease-in-out;-o-transition:all 550ms ease-in-out;-webkit-transition:all 550ms ease-in-out;transition:all 550ms ease-in-out; }
.login_hd h1 { width:330px; height:150px; margin:0px auto; padding:20px; border-radius:20px; background:lightblue; }
.login_hd h1 strong {width:290px;display:block; height:110px; padding:38px 0px 0px 10px; color:#000; font-size:35px; font-weight:bolder; font-family:Tahoma; line-height:0.9em; text-align:center; vertical-align:middle; background:#fff; border-radius:20px; overflow:hiddden; }
.loginBox { opacity:0; top:-100px; position:relative; width:320px; margin:0px auto; padding:20px 0px; color:#949494; text-align:center; -moz-transition:all 550ms ease-in-out 250ms;-o-transition:all 550ms ease-in-out 250ms;-webkit-transition:all 550ms ease-in-out 250ms;transition:all 550ms ease-in-out 250ms; }
.loginBoxIntro { opacity:1; top:0px; }
.inputGroup { position:relative; margin-top:20px; -moz-transition:all 550ms ease-in-out 250ms;-o-transition:all 550ms ease-in-out;-webkit-transition:all 550ms ease-in-out;transition:all 550ms ease-in-out 250ms; }
.inputGroup label { position:absolute; left:0px; top:13px; width:60px; height:20px; padding:0px 12px; color:#919191; font-size:18px; text-align:center; line-height:20px; border-right:1px solid #454a54; }
.inputGroup .form-control { height:48px; padding:6px 0px 6px 70px; border:1px solid #373e4a; border-radius:3px; background:#373e4a; }
.inputGroup .form-control:focus { border-color:rgba(98, 111, 133, 0.5); }
#resultMsg { display:block; margin-top:20px; color:#fff; text-decoration:underline; }
.loginPbutn { position:relative; display:block; height:48px; margin:20px 0px; padding:15px 20px; color:#919191; font-size:15px; line-height:1.2em; text-align:left; border:1px solid #454a54; border-radius:3px; -moz-transition:all 300ms ease-in-out;-o-transition:all 300ms ease-in-out;-webkit-transition:all 300ms ease-in-out;transition:all 300ms ease-in-out; }
.loginPbutn em { font-style:normal; }
.loginPbutn i { position:absolute; right:20px; top:15px; }
.loginPbutn:hover { color:#919191; background:#373e4a; text-decoration:none; }
.loginBoxIntro .clearfix, .loginBoxIntro .login_ft { position:relative; }
.loginBox .inputGroup, .loginBox .clearfix, .loginBox .login_ft { opacity:0; -moz-transition:all 550ms ease-in-out 250ms;-o-transition:all 550ms ease-in-out 250ms;-webkit-transition:all 550ms ease-in-out 250ms;transition:all 550ms ease-in-out 250ms; }
.loginBoxIntro .inputGroup, .loginBoxIntro .clearfix, .loginBoxIntro .login_ft { opacity:1; }
.loginBoxIntro .inputGroup:nth-child(3) { -moz-transition-delay:350ms;-o-transition-delay:350ms;-webkit-transition-delay:350ms;transition-delay:350ms }
.loginBoxIntro .clearfix { -moz-transition-delay:450ms;-o-transition-delay:450ms;-webkit-transition-delay:450ms;transition-delay:450ms }
/*��щ낫��(硫붿씤)*/
.profileBox { position:relative; min-height:202px; margin-bottom:20px; padding:0px; background:#fff; border-radius:5px; }
.profileBoxInner { position:relative; min-height:146px; padding:20px 20px 20px 150px; }
.profileImg { position:absolute; left:20px; top:0px; right:0px; bottom:0px; width:106px; height:106px; margin:auto 0px; border:3px solid #ccc; border-radius:10px; background:#fff; overflow:hidden; }
.profileImg img { display:block; }
.userInfo { }
.userInfo p { padding:5px 0px; }
.userInfo p i { display:inline-block; width:15px; margin-right:5px; color:#c7cbd4; text-align:center; }
.userInfo p strong { color:#1fb0ab; font-size:15px; }
.userInfo p .link { display:inline-block; width:25px; height:25px; color:#333; font-size:14px; line-height:23px; text-align:center; border-radius:10px; background:rgba(217, 217, 217, .5); }
.userInfo p .link i { width:auto; margin:0px; color:#888; }
.userInfo p .link:hover { background:rgba(80, 193, 233, 1.0); }
.userInfo p .link:hover i { color:#fff; }
#browserCheckBox { display:none; }
.minsetBox { position:relative; min-height:50px; margin-bottom:20px; padding:18px 20px 20px 120px; border-radius:4px; background:#fff; overflow:hidden; }
.minsetBox .minsetIcon { position:absolute; left:0px; top:0px; width:100px; height:100%; color:#fff; font-size:30px; text-align:center; line-height:50px; }
.minsetBox .minsetHistory { color:#767676; font-size:12px; }
.minsetBox .minsetHistory span { display:block; font-size:24px; font-weight:600; font-family:'Open Sans', sans-serif; line-height:1.3em; vertical-align:top; }
.userFavorInfo { position:relative; margin-bottom:20px; *zoom:1; }
.userFavorInfo .infoItem { position:relative; background:#fff; border-radius:4px; cursor:pointer; }
.userFavorInfo .infoItem .cnt { display:block; height:50px; font-size:21px; font-family:"Open sans", sans-self;text-align:center; line-height:50px; border-bottom:1px solid #f8f8f8; background:#d9d9d9; border-top-left-radius:4px; border-top-right-radius:4px; }
.userFavorInfo .infoItem .desc { display:block; height:50px; color:#888; text-align:center; line-height:50px; }
.userFavorInfo .infoItem .detailBox { display:none; position:absolute; z-index:10; left:0px; top:110px; min-width:100%; padding:5px 10px; background:#1fb0ab; border-radius:4px; box-shadow:0px 0px 5px #888; }
.userFavorInfo .infoItem .detailBox li { color:#fff; font-size:11px; line-height:24px; white-space:nowrap; border-bottom:1px dashed #777; }
.userFavorInfo .infoItem .detailBox li:last-child { border-bottom:none; }
.userFavorInfo .infoItem .detailBox .date { display:inline-block; margin-right:10px; }
.userFavorInfo .infoItem .detailBox .type { display:inline-block; }
.myCalendar { min-height:322px; }
.owlCarouselBox { position:relative; margin-bottom:20px; background:#fff; border-radius:4px; overflow:hidden; }
.owlCarouselBox .owlItem { max-height:450px; overflow:hidden; }
.owlCarouselBox .owlItem .thumb { }
.owlCarouselBox .owlItem .thumb img { display:block; }
.owlCarouselBox .owlItem .txt { position:absolute; left:0px; bottom:0px; width:100%; height:70px; padding:10px 0px; color:#a6a6a6; text-align:center; background:rgba(0, 0, 0, 0.7); }
.owlCarouselBox .owlItem .txt strong { display:block; color:#fff; font-size:18px; line-height:1.5em; }
.owlCarouselBox .owl-controls .owl-prev { position:absolute; display:table-cell; vertical-align:middle; left:0px; top:0px; width:50px; height:100%; color:#fff; text-align:center; background:rgba(0, 0, 0, 0.0); opacity:0.0; filter:alpha(opacity=0); }
.owlCarouselBox .owl-controls .owl-next { position:absolute; right:0px; top:0px; width:50px; height:100%; color:#fff; text-align:center; background:rgba(0, 0, 0, 0.0); opacity:0.0; filter:alpha(opacity=0); }
.owlCarouselBox:hover .owl-prev, .owlCarouselBox:hover .owl-next { /* background:rgba(0, 0, 0, 0.4); */ opacity:1.0; filter:alpha(opacity=100); }
.owlCarouselBox .owl-controls .owl-prev div, .owlCarouselBox .owl-controls .owl-next div { position:relative; width:100%; height:100%; }
.owlCarouselBox .owl-controls .owl-prev div i, .owlCarouselBox .owl-controls .owl-next div i { position:absolute; left:0px; top:0px; right:0px; bottom:0px; width:50px; height:50px; font-size:50px; margin:auto; }
.owlCarouselBox .owl-controls .owl-dots { position:absolute; left:0px; bottom:70px; width:100%; height:20px; line-height:20px; text-align:center; }
.owlCarouselBox .owl-controls .owl-dots .owl-dot { display:inline-block; width:10px; height:10px; margin-right:5px; background:#ccc; border-radius:100%; overflow:hidden; }
.owlCarouselBox .owl-controls .owl-dots .owl-dot:last-child { margin-right:0px; }
.owlCarouselBox .owl-controls .owl-dots .active { background:#50c1e9; }
.myDash { border-radius:4px; overflow:hidden; }
.timerBox { position:relative; height:100px; color:#fff; background:#50c1e9; }
.timerBox .date { padding:10px; font-size:21px; font-weight:bold; }
.timerBox .date span { display:block; font-size:13px; }
.timerBox .myPic { position:absolute; z-index:10; left:80%; top:75px; width:50px; height:50px; margin:0px 0px 0px -25px; border:2px solid #fff; border-radius:50%; background:#fff; overflow:hidden; -webkit-transition:all 0.3s ease; -moz-transition:all 0.3s ease; -o-transition:all 0.3s ease; -ms-transition:all 0.3s ease; transition:all 0.3s ease; }
.timerBox .myPic img { display:block; }
.timerBox .myPic:hover { border-radius:0px; }
.timerBox .myName { position:absolute; left:10px; bottom:10px; color:#fff; font-size:12px; }
.timerBox .myName em { font-size:15px; font-weight:bold; font-style:normal; }
.timerBox .timer { position:absolute; right:10px; top:10px; }
.timerBox .timer li { display:inline-block; font-size:30px; font-weight:bold; }
.mystatusInfo { background:#fff; min-height:40px;}
.mystatusCnt { display:block; padding:10px 0px; color:#888; font-size:12px; text-align:center; letter-spacing:-1px; text-decoration:none !important; }
.mystatusCnt .cnt { display:block; color:#767676; font-size:18px; font-family:"Open Sans",�땣ans-serif; font-weight:600; letter-spacing:-1px; }
.vaca_hisBtn, .late_hisBtn { outline:none !important; border-bottom:3px solid #fff; -webkit-transition:all 0.3s ease; -moz-transition:all 0.3s ease; -o-transition:all 0.3s ease; -ms-transition:all 0.3s ease; transition:all 0.3s ease; }
.vaca_hisBtn:hover, .vaca_hisBtn:focus, .vaca_hisBtn.mystatusOn { color:#222227 !important; border-bottom-color:#50c1e9; }
.vaca_hisBtn .cnt { color:#50c1e9; }
.late_hisBtn:hover, .late_hisBtn:focus, .late_hisBtn.mystatusOn { color:#222227 !important; border-bottom-color:#fb6e52; }
.late_hisBtn .cnt { color:#fb6e52; }
.mystatus_history { border-top:1px dashed #ddd; }
.mystatus_history .hisBox { display:none; position:relative; height:125px; padding:10px 10px 31px; overflow:hidden; -webkit-transition:all 0.3s ease; -moz-transition:all 0.3s ease; -o-transition:all 0.3s ease; -ms-transition:all 0.3s ease; transition:all 0.3s ease; }
.mystatus_history .hisBoxOn { height:auto; }
.tabOn_vaca .vacation_history { display:block; }
.tabOn_late .late_history { display:block; }
.mystatus_history .hisBox li { position:relative; height:21px; color:#888; line-height:21px; }
.mystatus_history .hisBox li:hover { background:#f8f8f8; }
.mystatus_history .hisBox li.none { text-align:center; }
.mystatus_history .hisBox li.more { position:absolute; left:0px; bottom:0px; width:100%; height:31px; padding:0px 10px 10px; background:#fff; }
.mystatus_history .hisBox li.more:hover { background:fff; }
.mystatus_history .hisBox li.more .morehisBtn { display:block; width:100%; padding:0px; font-size:11px; border:0px; background:#eee; }
.mystatus_history .hisBox li.more .morehisBtn:hover { background:#ddd; }
.mystatus_history .hisBox li .type { position:absolute; right:0px; }
.myApprovalBox { margin-top:20px; }
.myApprovalBox a { display:block; padding:0.3em 0px; color:#999; text-align:center; border:3px solid #fff; border-radius:10px; background:#eee; overflow:hidden; box-shadow:0px 0px 5px #ccc; -webkit-transition:all 0.3s ease; -moz-transition:all 0.3s ease; -o-transition:all 0.3s ease; -ms-transition:all 0.3s ease; transition:all 0.3s ease; }
.myApprovalBox a em { display:block; color:#50c1e9; font-size:21px; font-weight:bold; font-style:normal; }
.myApprovalBox a:hover { border-color:#50c1e9; background:#fff; }
.myApprovalBox a:hover em { }
.myNote { margin-top:20px; border-radius:4px; background:#fff; overflow:hidden; }
.myNote .tt { padding:10px; color:#fff; font-size:15px; background:#50c1e9; }
.myNoteForm { padding:10px; }
.myNoteForm .opt { margin-top:10px; text-align:right; }
.myNoteList { padding:10px; border-top:1px dashed #ddd; }
.myNoteList li { margin-bottom:10px; }
.myNoteList li:last-child { border-bottom:none; }
.myNoteList li .noteItem { position:relative; padding:10px; border-radius:3px; background:#f3f3f3; }
.myNoteList li .noteItem .noteInfo { color:#999; font-size:11px; text-align:right; vertical-align:middle; }
.myNoteList li .noteItem .noteInfo a { display:inline-block; margin-left:3px; color:#999; }
.myNoteList li .noteItem .noteInfo a:hover { color:#666; }
.myNoteList li .noteItem .noteCont { color:#555; overflow:hidden; }
.myNoteList li.none { color:#50c1e9; text-align:center; line-height:30px; }
.dailygraphBox { padding:10px 15px; border-radius:4px; background:#fff; overflow:hidden; }
.dailygraphBox .tt { color:#afaebc; font-size:15px; text-align:center; }
.dailygraphBox .rank1 { position:relative; padding:15px 100px 5px 0px; color:#3acdc7; font-weight:bold; }
.dailygraphBox .rank1 span { position:absolute; right:0px; top:15px; color:#888; font-size:12px; font-weight:normal; }
.dailygraphBox .rank1 span i { color:#3acdc7; font-size:15px; }
.dashInfoBox { margin-bottom:20px; border-radius:4px; background:#fff; overflow:hidden; }
.dashInfoBox .tt { padding:10px; color:#fff; font-size:15px; font-weight:bold; background:#9972b5; }
.birthList { padding:10px; font-size:0; text-align:center; }
.birthList li { display:inline-block; width:100px; margin-bottom:10px; text-align:center; }
.birthList li .thumb { display:block; width:60px; height:60px; margin:0px auto; text-align:center; border:4px solid #9972b5; border-radius:50%; background:#fff; overflow:hidden; }
.birthList li .thumb img { display:inline-block; vertical-align:middle; }
.birthList li .info { display:block; margin-top:5px; color:#888; font-size:12px; }
.birthList li .info em { display:block; color:#9972b5; }
.birthList li.none { display:block; width:100%; color:#9972b5; font-size:12px; text-align:center; }
.vacationList { padding:10px; }
.vacationList li { padding:3px 0px; font-size:12px; line-height:18px; *zoom:1; }
.vacationList li:after { content:""; clear:both; display:block; }
.vacationList li .person { float:left; }
.vacationList li .range { float:right; color:#9972b5; font-size:11px; }
.vacationList li.none { color:#9972b5; text-align:center; }
.noticeLast { padding:10px; }
.noticeLast li { padding:3px 0px; }
.noticeLast li a { display:block; font-size:12px; line-height:18px; *zoom:1; }
.noticeLast li a:after { content:""; clear:both; display:block; }
.noticeLast li a .title { float:left; white-space:nowrap; overflow:hidden; }
.noticeLast li a .date { float:right; color:#9972b5; font-size:11px; white-space:nowrap; }
.timelineDashTitle { display:none; }
.timelineDash { padding:10px 15px; border-radius:4px; background:#fff; overflow:hidden; }
/* �꾨줈�� */
.teamInfoBox { border-radius:4px; background:#fff; overflow:hidden; }
.teamInfoBox .tt { padding:10px; color:#fff; font-size:15px; font-weight:bold; background:#41cac0; }
.teamList { padding:10px; font-size:0; text-align:center; }
.teamList li { display:inline-block; width:100px; margin-bottom:10px; text-align:center; }
.teamList li a { display:block; }
.teamList li .thumb { display:block; width:60px; height:60px; margin:0px auto; border:4px solid #41cac0; border-radius:50%; background:#fff; overflow:hidden; }
.teamList li .thumb img { display:block; }
.teamList li .info { display:block; margin-top:5px; color:#888; font-size:12px; }
.teamList li .info em { display:block; color:#41cac0; }
.teamList li.none { display:block; width:100%; color:#41cac0; font-size:12px; text-align:center; }
/* �ㅼ틦以꾨윭 */
.drg-event-title { margin-bottom:15px; padding-bottom:10px; color:#767676; font-size:16px; font-weight:300; border-bottom:1px solid #ddd; }
.external-event { display:inline-block !important; margin-bottom:6px !important; margin-right:6px !important; padding:8px !important; font-size:12px; font-weight:normal !important; cursor:move; }
.drp-rmv { margin-top:10px; padding-top:10px; color:#767676; border-top:1px solid #ddd; }
.drp-rmv label { font-size:12px; font-weight:normal; }
/* ��삎�� 硫붾돱 */
.tabGroup { border-bottom:1px solid #e2e2e4; *zoom:1; }
.tabGroup:after { content:""; clear:both; display:block; }
.tabGroup li { float:left; margin-right:-1px; }
.tabGroup li a, .tabGroup li span { display:block; height:34px; padding:0px 20px; line-height:30px; border-top-left-radius:4px; border-top-right-radius:4px; border:1px solid #e2e2e4; border-bottom:none; background:#fff; }
.tabGroup li.active span { color:#fff; background:#1fb5ad; }
.miniFont { font-size:11px; letter-spacing:-1px; }
/*洹쇳깭愿由ы뀒�대툝 �몃쾭硫붾돱*/
.hmemoWrap { position:relative; min-width:30px; min-height:18px; }
.hmemoWrap .hmemo { display:none; }
.hmemoWrap .memoMark { position:absolute; z-index:2; right:-10px; top:50%; width: 0;
height: 0; margin-top:-5px;
border-top: 5px solid transparent;
border-bottom: 5px solid transparent;
border-right:5px solid #FF7979;
}
.hmemoWrap:hover .hmemo { display:block; position:absolute; z-index:10; right:0px; top:-52px; min-width:40px; height:40px; padding:10px; font-size:11px; text-align:left; white-space:nowrap; background:#fff; border:2px solid #FF7979; border-radius:5px; box-shadow:0px 0px 5px #888; }
.hmemoWrap:hover .hmemo:before { top:100%; right:4px; border:solid transparent; content:" "; height:0; width:0; position:absolute; pointer-events:none; border-color:rgba(255,121,121,0); border-top-color:#FF7979; border-width:10px; margin-left: -8px; }
.hmemoWrap:hover .hmemo:after { top:100%; right:7px; border:solid transparent; content:" "; height:0; width:0; position:absolute; pointer-events:none; border-color:rgba(255,255,255,0); border-top-color:#fff; border-width:7px; margin-left:-7px; }
.sortable .panel .panel-heading { cursor: move; }
/*洹쇳깭�좎껌��*/
.applicationForm { margin-bottom:20px; border:1px solid #ddd; border-left:none; border-bottom:none; }
.applicationForm .rowForm { position:relative; min-height:30px; padding:0px 0px 0px 100px; border-left:1px solid #ddd; border-bottom:1px solid #ddd; }
.applicationForm .rowForm .colLabel { position:absolute; left:10px; top:10px; width:100%; }
.applicationForm .rowForm .colCont { padding:10px; border-left:1px solid #ddd; }
.line_approval, .line_agree { height:70px; font-size:0; white-space:nowrap; }
.line_approval li, .line_agree li { position:relative; display:inline-block; width:70px; height:70px; margin-right:-1px; border:1px solid #e0e0e0; overflow:hidden; }
.line_approval li.blank, .line_agree li.blank { cursor:pointer; }
.line_approval li .name, .line_agree li .name { position:absolute; left:0px; bottom:0px; width:100%; color:#555; font-size:11px; text-align:center; line-height:2.0em; }
.line_approval li .nlevel, .line_agree li .nlevel { position:absolute; left:0px; top:0px; width:100%; color:#888; font-size:11px; text-align:center; line-height:2.0em; border-bottom:1px solid #ddd; }
.line_approval li .fa-circle-o, .line_agree li .fa-circle-o { position:absolute; left:0px; top:23px; width:100%; height:24px; color:#e8e8e8; font-size:18px; text-align:center; line-height:34px; }
.line_approval li.confirm .fa-circle-o, .line_agree li.confirm .fa-circle-o { color:#ed5564; }
.line_approval li .orderNo, .line_agree li .orderNo { position:absolute; left:5px; top:4px; width:15px; height:15px; color:red; font-size:11px; text-align:center; line-height:15px; background:#ddd; border-radius:50%; opacity:0.6; filter:alpha(opacity=60); overflow:hidden; }
.table-th-vertical th { vertical-align:middle !important; }
/*�ъ썝由ъ뒪��*/
.memberBox { margin:15px 10px 10px 0px; padding:15px; border:1px solid #ebebeb; border-radius:3px; box-shadow:1px 1px 1px rgba(0, 1, 1, 0.03); -moz-transition:all 300ms ease-in-out;-o-transition:all 300ms ease-in-out;-webkit-transition:all 300ms ease-in-out; transition:all 300ms ease-in-out; }
.memberBox:hover {background:rgba(235,235,235,0.4); box-shadow:1px 1px 1px rgba(0,1,1,0.07); }
.memberBox .proImg { position:relative; width:100%; text-align:center; border:1px solid #ddd; }
.memberBox .proImg img { display:inline-block; max-height:100px; vertical-align:middle; }
.memberBox .memberName { margin:0px 0px 10px 0px; font-size:15px; font-weight:bold; }
.memberBox .memberLevel { color:#666; font-size:13px; font-weight:normal; }
.memberBox .memberDesc { color:#888; font-size:12px; line-height:1.5em; }
.memberBox .memberDesc i.fa { display:inline-block; width:15px; text-align:center; }
.memberBox .memberDesc .link { display:inline-block; width:25px; height:25px; color:#888; font-size:12px; line-height:23px; text-align:center; background:#ddd; border-radius:4px; }
.memberBox .memberDesc .link .fa-kakao { width:25px; height:25px; background:url('/images/admin/icon_kakaostory.png') no-repeat left top; background-size:contain; vertical-align:top; overflow:hidden; }
.memberBox .memberDesc .linkFacebook { color:#fff; background:#3b5998; }
.memberBox .memberDesc .linkGoogleplus { color:#fff; background:#cc3732; }
.memberBox .memberDesc .linkTwitter { color:#fff; background:#55acee; }
.memberBox .memberDesc .linkInstagram { color:#fff; background:#3f729b; }
/*
* 硫붿씪�쒕퉬��
*/
/*Inbox*/
.btn-compose { width:100%; padding:12px 0px; color:#fff; text-align:center; background:#50c1e9; }
.btn-compose:hover,.btn-compose:focus { color:#fff; background:#50bee9; }
.mail-nav { margin:15px -15px 0px; }
.mail-nav > li + li { margin-top:0px; margin-left:0px; }
.mail-nav li a.inboxM { padding:15px; border-top:1px solid #f2f3f6; border-right:3px solid #fff; border-radius:0px; -moz-transition:none;-o-transition:none;-webkit-transition:none; transition:none; }
.mail-nav li a.inboxM em { color:#ff5757; font-weight:bold; font-family:"Open Sans",�땣ans-serif; font-style:normal; }
.mail-nav > li.active > a.inboxM, .mail-nav > li.active > a.inboxM:hover, .mail-nav > li.active > a.inboxM:focus { color:#1fb5ad; border-right:3px solid #1fb5ad; background:#fafafa; }
.mail-nav>li>a.inboxM:hover,.mail-nav>li>a.inboxM:focus { background:#fafafa; color:#1fb5ad; border-right:3px solid #1fb5ad; }
.inboxAlldel { display:inline !important; position:absolute !important; right:10px; top:50%; margin-top:-10px; padding:0.5em 0.8em !important; border-radius:0.25em !important; background-color:#bec3c7 !important; }
.bg-white h4 { color:#a2a2a2; font-size:18px; font-weight:300; }
.gen-case { min-height:32px; }
.mailOption { margin-bottom:10px; *zoom:1; }
.mailOption:after { content:""; clear:both; display:block; }
.mailOption .myAddrSet { float:left; }
.mailOption .chk-all,.mailOption .btn-group a.btn { border:1px solid #e7e7e7; padding:5px 10px; display:inline-block; background:#fcfcfc; color:#888; border-radius:3px !important; -webkit-border-radius:3px !important; vertical-align:top; }
.mailOption .chk-all input[type=checkbox] { margin-top:0; }
.mailOption .btn-group a.all { padding:0; border:none; }
.mail-checkbox { margin-right:10px; }
ul.inbox-pagination { float:right; list-style-type: none; }
ul.inbox-pagination li { float:left; }
.inbox-pagination a.np-btn { margin-left:5px; }
.inbox-pagination li span { display:inline-block; margin-top:7px; margin-right:5px; }
.inbox-pagination a.np-btn { border:1px solid #e7e7e7; padding:5px 15px; display:inline-block; background:#fcfcfc; color:#888; border-radius:3px !important; -webkit-border-radius:3px !important; }
.table-inbox-wrap { margin:0 -15px; }
.mail-checkbox { margin-right:10px; }
.table-inbox { margin:0; }
.table-inbox tr td { padding:12px !important; }
.table-inbox tr td:first-child { width:5%; }
.table-inbox tr td:first-child .icheckbox_minimal { margin-left:15px; }
.table-inbox tr td:hover { cursor:pointer; }
/*.table-inbox tr td .fa-star.inbox-started,.table-inbox tr td .fa-star:hover { color:#f78a09; }*/
.table-inbox tr td .fa.fa-star.On { color:#f78a09; }
.table-inbox tr td .fa-star { color:#d5d5d5; }
.table-inbox tr.unread td { font-weight:600; background:#f7f7f7; }
.table-inbox tr.unread a { color: #32323a; }
.table-inbox tr a { color: #767676; }
/*硫붿씪酉곗뼱*/
.mailTitle { padding:15px 0px 20px; border-top:1px solid #eff2f7; border-bottom:1px solid #eff2f7; }
.mailTitle h4 { margin:0px; font-size:18px; font-weight:300; }
.mailSender { overflow:hidden; }
.mailSender .row { padding:10px 0px; border-bottom:1px solid #eff2f7; }
.mailSender .row .senderList { position:relative; padding-left:80px; color:#828282; }
.mailSender .row .senderList .tt { position:absolute; left:15px; top:0px; }
.senderFileBox { line-height:30px; }
.senderFileBox a { display:inline-block; margin:0px 10px 0px 0px; padding:5px 10px; color:#555; font-size:12px; line-height:1.2em; vertical-align:top; border-radius:4px; background:#ededed; }
.senderFileBox a:hover { text-decoration:underline; }
.mailView { padding:25px 0px; }
/*硫붿씪�곌린*/
.compose-mail { width: 100%; display: inline-block; position: relative; }
.compose-mail .compose-options { color: #979797; cursor: pointer; display: inline-block; font-size: 12px; position: absolute; right: 10px; top: 7px; }
.compose-mail .compose-options a { margin-left:10px; }
.compose-mail input, .compose-mail input:focus { border:none; padding: 0; width: 80%; float: left; }
.compose-mail .form-group { border:1px solid #F2F3F6; display: inline-block; width: 100%; margin-bottom: 0; }
.compose-mail .form-group label { line-height: 34px; width:75px; float: left; padding-left: 5px; margin-bottom: 0; font-weight:normal; }
.compose-editor input { margin-top: 15px; }
.compose-editor { margin:15px 0px; display: inline-block; width: 100%; }
/*�쇰컲寃뚯떆��*/
.boardTopOp { margin-bottom:10px; text-align:right; }
tr.notice { background:#f7f7f7; }
/*�쇰컲寃뚯떆��(酉곗뼱)*/
.boardViewHd { padding-bottom:10px; border-bottom:1px solid #ddd; }
.boardViewHd h2 { line-height:1.4em; }
.boardViewHd h2 .label { padding:0.2em 0.6em 0.3em; font-size:11px; }
.boardViewHd .info { margin-top:15px; color:#888; }
.boardViewHd .info span { margin-right:0px; }
.boardViewHd .info .files { padding-top:5px; }
.boardViewHd .info .files img { vertical-align:middle; }
.boardViewHd .info .files a { display:inline-block; margin:0px 5px; }
.boardViewBody { padding:20px 0px; }
.boardViewFoot { padding:20px 0px; text-align:right; border-top:1px solid #ddd; }
/*媛쒖씤二쇱냼濡�*/
.myAddrBook { width:800px; }
.emailAddrWrap { height:210px; margin-bottom:10px; border:1px solid #ddd; overflow:auto; }
.emailAddrWrap .emailAddrListBox li, .emailAddrWrap .emailAddrselectBox li { padding:8px 10px; border-bottom:1px solid #e8e8e8; }
.emailAddrWrap .emailAddrListBox li:hover, .emailAddrWrap .emailAddrselectBox li:hover { background:#f5f5f5; cursor:pointer; }
.emailAddrWrap .emailAddrselectBox li input { margin-bottom:2px; vertical-align:middle; }
.emailAddrWrap .emailAddrselectBox li span { font-size:12px; }
.myAddrBookAct { padding:10px 0px; text-align:center; }
.selectedAddrBox { position:relative; padding:0px 0px 0px 60px; }
.selectedAddrBox .changeCtrlBox { position:absolute; left:0px; top:50%; margin-top:-25px; }
.selectedAddrBox .changeCtrlBox button { display:block !important; }
.selectedAddrBox .changeCtrlBox button:first-child { margin-bottom:5px; }
.selectedAddrBox .senderBox { width:100%; height:128px; border:1px solid #ddd; }
/*寃곗젣�쇱씤�앹뾽*/
.settlelistBox { min-width:200px; height:370px; border:1px solid #ddd; overflow:auto; }
.settlelistBox a.sel_department, .settlelistBox .sel_staff { display:block; padding:0px 7px; line-height:35px; border-bottom:1px solid #ddd; }
.settlelistBox a.sel_department:hover, .settlelistBox .sel_staff:hover { background:#f7f7f7; }
.settlerSelBox { min-width:250px; height:200px; }
.settlerSelBox h5 { margin:0px; line-height:30px; }
.settlerSelBox .settlerSel { height:370px; border:1px solid #ddd; }
.settlerSelBox .settlerSel .selectItem { padding:0px 7px; line-height:30px; }
.settlerSelBox .settlerSel .selectItem em { font-style:normal; font-weight:bold; }
/*媛쒖씤��꾨씪��*/
.timeAddForm { margin-bottom:30px; }
.timeline-messages h3 { margin-bottom:30px; color:#1fb5ad; font-size:16px; text-transform:uppercase; background:#fff; padding:20px; margin-top:-3px; position:relative; }
.timeline-messages:before { background:rgba(0,0,0,0.05); bottom:0; top:0; width:2px; }
.timeline-messages:before,.msg-time-chat:before,.msg-time-chat .text:before { content:""; left:20px; position:absolute; top:-2px; }
.timeline-messages,.msg-time-chat,.timeline-messages .msg-in,.timeline-messages .msg-out { position:relative; }
.timeline-messages .msg-in .arrow { border-right:8px solid #949496 !important; }
.timeline-messages .msg-in .arrow { border-bottom:8px solid transparent; border-top:8px solid transparent; display:block; height:0; left:-8px; position:absolute; top:25px; width:0; }
.timeline-messages .msg-out .arrow { border-right:8px solid #41cac0 !important; }
.timeline-messages .msg-out .arrow { border-bottom:8px solid transparent; border-top:8px solid transparent; display:block; height:0; left:-8px; position:absolute; top:25px; width:0; }
.msg-time-chat:first-child:before { margin-top:27px; }
.msg-time-chat:before { background:#CCCCCC; border:2px solid #FAFAFA; border-radius:100px; -moz-border-radius:100px; -webkit-border-radius:100px; height:16px; margin:35px 0 0 -7px; width:16px; }
.msg-time-chat:hover:before { background:#41cac0; }
.msg-time-chat:first-child { padding-top:0; }
.message-img { float:left; margin-right:30px; overflow:hidden; }
.message-img img { display:block; height:44px; width:44px; }
.message-body { margin-left:50px; display: inline-block; }
.msg-time-chat .msg-in .text { /*border:1px solid #e3e6ed;*/ /*padding:10px;*/ border-radius:4px; -webkit-border-radius:4px; margin-top:14px; }
.msg-time-chat .msg-in .text .first { background:#949496; padding:10px; color:#fff; float:left; border-radius:4px; -webkit-border-radius:4px; margin-right:5px; width:130px; text-align:right; }
.msg-time-chat .msg-in .text .second { background:#8fd6d6; padding:10px; color:#fff; float:left; border-radius:4px; -webkit-border-radius:4px; }
.msg-time-chat .msg-out .text { border:1px solid #e3e6ed; padding:10px; border-radius:4px; -webkit-border-radius:4px; }
.msg-time-chat p { margin:0; }
.msg-time-chat .attribution { font-size:11px; margin:0px 0 5px; }
.msg-time-chat { overflow:hidden; padding:8px 0; }
.msg-in a,.msg-in a:hover { color:#b64c4c; text-decoration:none; border-radius:4px; -webkit-border-radius:4px; margin-right:10px; font-weight:400; font-size:13px; }
.msg-out a,.msg-out a:hover { color:#288f98; text-decoration:none; border-radius:4px; -webkit-border-radius:4px; margin-right:10px; font-weight:400; font-size:13px; }
/*媛쒖씤二쇱냼濡�*/
.address-nav { margin:15px -15px 0px; }
.address-nav > li + li { margin-top:0px; margin-left:0px; }
.address-nav li a.addrM { padding:15px; border-top:1px solid #f2f3f6; border-radius:0px; -moz-transition:none;-o-transition:none;-webkit-transition:none; transition:none; }
.address-nav li a.addrM em { color:#ff5757; font-weight:bold; font-family:"Open Sans",�땣ans-serif; font-style:normal; }
.address-nav > li.active > a.addrM, .address-nav > li.active > a.addrM:hover, .address-nav > li.active > a.addrM:focus { color:#1fb5ad; background:#fafafa; }
.address-nav>li>a.addrM:hover,.address-nav>li>a.addrM:focus { background:#fafafa; color:#1fb5ad; }
.myGroupBox { padding:10px 0px 15px 0px; }
.myGroup li { position:relative; border-bottom:1px dotted #eee; }
.myGroup li a.name { display:block; height:39px; padding:0px 70px 0px 20px; line-height:39px; }
.myGroup li a.name:hover { background:#fafafa; }
.myGroup li .cnt { font-size:12px; color:#50C1E9; font-weight:bold; }
.myGroup li .opt { display:none; position:absolute; right:10px; top:7px; }
.myGroup li:hover .opt { display:block; }
.myGroup li .opt .btn { color:#888 !important; }
.myGroupForm { position:relative; margin-top:15px; padding:0px 70px 0px 20px; }
.myGroupForm .btn { position:absolute; right:10px; top:0px; }
.btn label { margin-bottom:0px !important; font-weight:normal !important; cursor:pointer; }
.addressSortBox { margin-top:10px; }
.addressSortBox a { display:inline-block; height:25px; padding:0px 7px; font-size:12px; line-height:23px; vertical-align:top; border:1px solid #e5e5e5; border-radius:3px; background:#f8f8f8; }
.addressSortBox a:hover, .addressSortBox a.On { color:#fff; background:#58c9f3; border-color:#58c9f3; }
.addressAddPerson { width:570px; font-size:12px; }
.addressAddPerson .addrRow { position:relative; min-height:27px; margin-bottom:7px; padding-left:100px; border-bottom:1px dotted #ccc; }
.addressAddPerson .addrRow .addrLabel { position:absolute; left:0px; top:0px; line-height:25px; }
.addressAddPerson .addrRow .addrLabel .addrPictureBox { position:relative; width:60px; height:60px; border:1px solid #ccc; border-radius:3px; }
.addressAddPerson .addrRow .addrLabel .addrPictureBox a { display:block; width:58px; height:58px; background:url('/images/admin/nodata.gif') no-repeat center top; }
.addressAddPerson .addrRow .addrLabel .addrPictureBox a .img { display:block; width:58px; height:43px; }
.addressAddPerson .addrRow .addrLabel .addrPictureBox a .img img { display:block; }
.addressAddPerson .addrRow .addrLabel .addrPictureBox a .txt { display:block; height:15px; color:#fff; font-size:10px; line-height:15px; text-align:center; background:rgba(0, 0, 0, 0.5); }
.addressAddPerson .addrRow .addrInput { position:relative; padding-right:50px; }
.addressAddPerson .addrRow .addrInput .formAddRowBtn { position:absolute; right:0px; bottom:9px; padding:2px 7px; color:#888; font-size:10px; background:#fcfcfc; border:1px solid #e7e7e7; border-radius:3px; }
.addressAddPerson .addrRow .addrInput .formAddRowBtn:hover { background:#eee; }
.addressAddPerson .addrRow .addrInput .rowItem { min-height:27px; padding-bottom:7px; }
.addressAddPerson .addrRow .addrInput .rowItem .inputBox { height:27px; padding:5px; line-height:25px; border:1px solid #ccc; border-radius:3px; }
.addressAddPerson .addrRow .addrInput .rowItem .inputBox:focus { border-color:#00a8b3; }
.addressAddPerson .addrRow .addrInput .rowItem .inputArea { width:100%; min-height:50px; padding:5px; line-height:1.3em; border:1px solid #ccc; border-radius:3px; }
.addressAddPerson .addrRow .addrInput .rowItem .inputArea:focus { border-color:#00a8b3; }
.addressAddPerson .addrRow .addrInput .rowItem .form-control { height:27px; padding:0px 5px; font-size:12px; }
.addressAddPerson .addrRow .addrInput .rowItem .btn-sm, .addressAddPerson .addrRow .addrInput .rowItem .btn { height:27px; padding:0px 10px; font-size:12px; line-height:25px; vertical-align:top; }
.addressAddPerson .addrRow .addrInput .rowItem label { font-weight:normal !important; margin-left:5px; margin-bottom:0px !important; }
.addressAddPerson .addrRow .addrInput .rowItem input[type=radio] { vertical-align:top; }
.groupControlBox { position:relative; }
.groupControl { display:none; position:absolute; z-index:10; left:0px; top:28px; width:200px; padding:5px; background:#fff; border:2px solid #58c9f3; border-radius:4px; box-shadow:1px 1px 5px #888; }
.groupControl ul { height:100px; overflow:auto; }
.groupControl ul li { padding:5px 0px; }
.groupControl ul li:hover { background:#f8f8f8; }
.groupControl ul li label { display:block; font-size:11px; line-height:1.5em; white-space:nowrap; }
.groupControl ul li input { vertical-align:top; }
.groupControl .groupControlAdd { padding:7px 0px; white-space:nowrap; }
.groupControl .groupControlAdd .inputBox { width:134px; }
.groupControl .groupControlBb { text-align:center; }
.groupControl .inputBox { height:27px; padding:5px; line-height:25px; border:1px solid #ccc; border-radius:3px; }
.groupControl .inputBox:focus { border-color:#00a8b3; }
.groupControl .btn { height:27px; padding:0px 10px; font-size:12px; line-height:25px; vertical-align:top; }
.addressExportBox { }
.addressExportBox .exportRow { position:relative; min-height:60px; padding:15px 0px 15px 100px; border-bottom:1px solid #e5e5e5; }
.addressExportBox .exportRow .exlabel { position:absolute; left:0px; top:15px; }
.addressExportBox .exportRow .exInput { position:relative; }
.addressExportBox .exportRow .exInput label { font-weight:normal; }
.addressExportBox .exportRow .exInput label input { vertical-align:top; }
.addressExportBox .exportRow .exInput .blockStyle li { padding-bottom:5px; }
.addressExportBox .exportRow .exInput .inlineStyle li { display:inline-block; margin-right:20px; }
.addressExportBox .exportRow .exInput .inlineStyle li label { display:inline-block; }
/*타임라인*/
.myWallWrapper { position:relative; margin-bottom:20px; padding:10px; background:#fff; border-top-left-radius:4px; border-top-right-radius:4px; overflow:hidden; }
.myWallWrapper .coverBox { position:relative; height:350px; overflow:hidden; }
/*
.myWallWrapper .coverBox img { position:absolute; left:0px; top:0px; right:0px; bottom:0px; display:block; width:100%; margin:auto; }
*/
.myWallWrapper .coverBox .cover { position:absolute; left:0px; top:0px; bottom:0px; right:0px; display:flex; justify-content:center; align-items:center; }
.myWallWrapper .coverBox .cover img { display:block; max-width:none; min-width:100%; min-height:350px; max-height:150%; }
.myWallWrapper .myInfo { position:absolute; left:0px; bottom:15px; width:100%; padding:0px 15px; }
.myWallWrapper .coverUpdateBtn { position:absolute; left:15px; top:20px; height:30px; padding:0px 5px; color:#41cac0; line-height:30px; border-radius:3px; opacity:0.7; filter:alpha(opacity=70); -webkit-transition:all 0.3s ease; -moz-transition:all 0.3s ease; -o-transition:all 0.3s ease; -ms-transition:all 0.3s ease; transition:all 0.3s ease; }
.myWallWrapper .coverUpdateBtn i { font-size:21px; }
.myWallWrapper .coverUpdateBtn em { display:none; font-style:normal; }
.myWallWrapper .coverUpdateBtn:hover { color:#fff; background:#000; }
.myWallWrapper .coverUpdateBtn:hover i { font-size:18px; }
.myWallWrapper .coverUpdateBtn:hover em { display:inline; }
.myWallWrapper .myInfo .myPic { display:inline-block; width:150px; height:150px; border:5px solid #fff; border-radius:5px; background:#fff; vertical-align:bottom; overflow:hidden; }
.myWallWrapper .myInfo .myProfile { display:inline-block; margin-left:10px; color:#fff; font-size:18px; font-weight:bold; line-height:1.2em; vertical-align:bottom; text-shadow:0px 0px 3px #000; }
.myWallWrapper .myInfo .myProfile em { color:#f8f8f8; font-size:13px; font-style:normal; }
.myWallWrapper .myInfo .myProfile span { font-size:13px; font-weight:normal; }
.myWallWrapper .coverUpdatecpt { position:absolute; right:15px; bottom:15px; }
.timeWallWrapper { padding:10px; border-radius:4px; background:#fff; overflow:hidden; }
.timelineForm { padding:10px; background:#f8f8f8; }
.timelineForm .picuploadBox { padding-top:10px; }
.timelineForm .picuploadBox a, .timelineForm .picuploadBox .uploaded { position:relative; display:inline-block; width:96px; height:96px; margin-right:5px; color:#dcdee3; font-size:30px; text-align:center; line-height:96px; border:2px dashed #dcdee3; background:#fff; overflow:hidden; }
.timelineForm .picuploadBox a label { cursor:pointer; }
.timelineForm .picuploadBox .uploaded { border:none; }
.timelineForm .picuploadBox .uploaded img { min-width:100%; min-height:100%; }
.timelineForm .picuploadBox .uploaded #mentionFileDeleteBtn { display:none; position:absolute; left:0px; top:0px; width:100%; height:100%; color:#fff; text-align:center; line-height:96px; text-shadow:0px 0px 3px #ccc; cursor:pointer; }
.timelineForm .picuploadBox .uploaded #mentionFileDeleteBtn * { cursor:pointer; }
.timelineForm .mentionOpt { position:relative; padding:10px 0px 0px 100px; }
.timelineForm .mentionOpt .mentionFileBtn { position:absolute; left:0px; top:10px; }
.timeLineSort { margin-top:20px; }
.timeLineSort span { color:#bbb; }
.timeLineSort em { margin:0px 5px; }
.timeLineSort .On { color:#6d84b4; }
.timeLineWrapper { margin-top:10px; border-top:1px solid #d8d9df; }
.timelineWall { position:relative; min-height:100px; padding:20px 0px 20px 120px; border-bottom:1px solid #d8d9df; }
.timelineWall:last-child { border-bottom:none; }
.timelineWall .proPic { position:absolute; left:0px; top:20px; width:80px; height:80px; border-radius:5px; background:#f8f8f8; overflow:hidden; }
.timelineWall .proPic img { display:block; }
.timelineWall .wall { padding:10px; border-radius:4px; background:#f8f8f8; }
.timelineWall .wall:before { content:""; position:absolute; left:100px; top:0px; width:1px; height:100%; background:#d8d9df; }
.timelineWall .wall:after { content:""; position:absolute; left:100px; top:40px; width:16px; height:16px; margin:-8px 0px 0px -8px; border:3px solid #fff; border-radius:50%; background:#bbb; }
.wallTeam .wall:after { background:#41cac0; } /*�怨듦컻*/
.wallScret .wall:after { background:#ff6c60; } /*�섎쭔蹂닿린*/
.timelineWall .wall .write_info { padding-bottom:5px; color:#888; font-size:12px; border-bottom:1px dotted #ddd; }
.timelineWall .wall .write_info .writer { color:#555; }
.timelineWall .wall .write_info .writer em { font-style:normal; }
.timelineWall .wall .write_info .date { }
.timelineWall .wall .write_info .open { margin-right:5px; }
.timelineWall .wall .wallCont { padding:10px 0px; font-size:14px; }
.timelineWall .wall .wallCont a { display:block; }
.timelineWall .wall .cmt { color:#888; font-size:12px; }
.timelineWall .wall .cmt .cmtInfo { display:inline-block; margin-left:10px; padding:0px 5px; color:#6d84b4; }
.timelineWall .wall .cmt .cmtInfo:hover { background:#e8e8e8; }
.timelineWall .wall .cmt .cmtInfo span:first-child { margin-right:5px; }
.timelineWall .wall a { color:#6d84b4; }
.timelineWall .wall a:hover { text-decoration:underline; }
.wallcmtWrap { display:none; padding:10px 10px; }
.wallcmtForm { position:relative; min-height:60px; padding:10px 0px 10px 50px; }
.wallcmtForm .proImg { position:absolute; left:0px; top:10px; width:40px; height:40px; overflow:hidden; }
.wallcmtForm .proImg img { display:block; }
.wallcmtForm .form-control { height:40px; }
.wallcmt { position:relative; min-height:60px; padding:10px 40px 10px 50px; }
.wallcmt .ctrlBox { position:absolute; right:0px; top:10px; }
.wallcmt .ctrlBox a { color:#A0A4B0; font-size:12px; vertical-align:top; }
.wallcmt .ctrlBox a:hover { color:#888E9B; }
.wallcmt .proImg { position:absolute; left:0px; top:10px; width:40px; height:40px; overflow:hidden; }
.wallcmt .proImg img { display:block; }
.wallcmt .cmtTxt { font-size:12px; }
.wallcmt .cmtTxt .cmtName { display:block; color:#3b5998; font-weight:bold; cursor:pointer; }
.wallcmt .cmtTxt .cmtName em { font-weight:normal; font-style:normal; }
.wallcmt .cmtTxt .comment { padding:3px 0px; }
.wallcmt .cmtfeed { color:#888; font-size:12px; }
.wallcmt .cmtfeed a { color:#6d84b4; }
.wallcmt .cmtfeed a:hover { text-decoration:underline; }
.wallcmt .cmtfeed .cmtInfo { display:inline-block; margin-left:10px; padding:0px 5px; color:#6d84b4; }
.wallcmt .cmtfeed .cmtInfo:hover { background:#e8e8e8; }
.videoWrapper { position:relative; padding-bottom: 56.25%; /* 16:9 */ padding-top: 25px; height: 0; margin-top:0.5em; }
.videoWrapper iframe { position:absolute; left:0; top:0; width:100%; height:100%; }
.photoWrapper { position:relative; margin-top:0.5em; overflow:hidden; }
.photoWrapper .photoInner { min-height:50px; margin:auto; overflow:hidden; *zoom:1; }
.photoWrapper .photoInner:after {content:""; clear:both; display:block; }
.photoWrapper .photoInner .photoItem { min-width:150px; min-height:150px; max-height:400px; }
.photoWrapper .photoInner .photoItem a { display:block; height:100%; max-height:395px; text-align:center; border:1px solid rgba(0, 0, 0, 0.0980392); background:#fff; overflow:hidden; }
.photoWrapper .photoInner .photoItem a img { display:inline-block; vertical-align:top; }
.photoWrapper .photoInner .row { margin-left:-5px; margin-right:-5px; }
.photoGrid { }
.photoGrid .photoItem { padding:5px; }
.photoGrid_1 .photoItem a { display:inline-block !important; max-width:100%; }
.photoGrid_1 .photoItem.hImg a img { max-height:390px; }
.photoGrid_2 .photoItem a { height:200px !important; }
.photoGrid_2 .photoItem.hImg a { height:auto !important; }
.photoGrid_2 .photoItem.hImg a img { width:100%; }
.photoGrid_2 .photoItem.wImg a img { max-width:none; height:100%; }
.photoGrid_3 .photoItem .ff_img { height:320px; overflow:hidden; }
.photoGrid_3 .photoItem .ff_img a img { max-width:none; min-height:100%; }
.photoGrid_3 .photoItem .ff_img.wImg a img { min-width:100%; }
.photoGrid_3 .photoItem .etc_img { height:155px; margin-bottom:10px; overflow:hidden; }
.photoGrid_3 .photoItem .etc_img:last-child { margin-bottom:0px; }
.photoGrid_3 .photoItem .etc_img.hImg a img { width:100%; }
.photoGrid_3 .photoItem .etc_img.wImg a img { max-width:none; min-width:100%; min-height:100%; }
.photoGrid_4 .row .photoItem { height:160px; }
.photoGrid_4 .row .photoItem.wImg a img { max-width:none; min-width:100%; min-height:100%; }
.photoGrid_4 .row .photoItem.hImg a img { min-width:100%; margin-top:0px; }
.photoGrid_5 .photoItem a { height:160px !important; }
.photoGrid_5 .photoItem.wImg a img { max-width:none; min-width:100%; height:100%; }
.photoGrid_5 .photoItem.hImg a img { min-width:100%; margin-top:-80px; }
/*
.photoWrapper .pic_2 { max-height:400px; }
.photoWrapper .photoItem { max-height:400px; }
.photoWrapper .pic_2 .photoItem { max-height:200px; margin-bottom:3px; overflow:hidden; }
.photoWrapper .pic_2 .photoItem:last-child { margin-bottom:0px; }
.photoWrapper .pic_3 .photoItem { float:left; width:30%; margin:0px 1.888% 3px 0px; vertical-align:top; overflow:hidden; }
.photoWrapper .pic_3 .photoItem:first-child { width:68%; height:320px; }
.photoWrapper .pic_3 .photoItem:nth-child(2) { max-height:158px; margin-right:0px; }
.photoWrapper .pic_3 .photoItem:nth-child(3) { max-height:158px; margin-right:0px; }
.photoWrapper .pic_4 .photoItem { float:left; width:30%; margin:0px 3px 3px 0px; vertical-align:top; overflow:hidden; }
.photoWrapper .pic_4 .photoItem:first-child { width:69%; height:360px; }
.photoWrapper .pic_4 .photoItem:first-child a { height:100%; }
.photoWrapper .pic_4 .photoItem:first-child img { max-width:none; height:100%; }
.photoWrapper .pic_4 .photoItem:nth-child(2) { max-height:119px; margin-right:0px; }
.photoWrapper .pic_4 .photoItem:nth-child(3) { max-height:119px; margin-right:0px; }
.photoWrapper .pic_4 .photoItem:nth-child(4) { max-height:118px; margin-right:0px; }
*/
/*슬라이드박스*/
.promBox { display:none; margin-bottom:20px; padding:10px; background:#fff; border-radius:5px; overflow:hidden; }
.owl-controls .owl-nav { }
.owl-controls .owl-dots { position:absolute; left:0px; bottom:10px; width:100%; height:40px; text-align:center; }
.owl-controls .owl-dots .owl-dot { display:inline-block; padding:0px 3px; line-height:40px; }
.owl-controls .owl-dots .owl-dot span { display:inline-block; width:10px; height:10px; border-radius:50%; background:#fff; overflow:hidden; box-shadow:0px 0px 2px #888; }
.owl-controls .owl-dots .active span { background:#50C1E9; }
/* �댄똻 */
.tooltip { white-space:nowrap; }
/*泥댄겕諛뺤뒪*/
.checkStyle { display:inline-block; position:relative; width:18px; height:18px; vertical-align:middle; background:#fff url('/images/admin/minimal.png') no-repeat 0px 0px; cursor:pointer; }
.checkStyle:hover { background-position:-20px 0px; }
.checkStyleChecked { background-position:-40px 0px !important; }
.checkStyle input { width:18px; height:18px; opacity:0; filter:alpha(opacity=0); }
/***
* Bootstrap Reset
*/
/*anchor*/
a {
color: #32323A;
}
a:hover {
color: #222227;
}
/*panel*/
.panel {
border: none;
box-shadow: none;
}
.panel-heading {
border-color:#eff2f7 ;
font-size: 13px;
font-weight: 400;
background: #fafafa;
text-transform: uppercase;
padding: 15px;
}
.panel-heading * { text-transform:none; }
.panel-title {
color: #32323A;
font-size: 14px;
font-weight: 400;
margin-bottom: 0;
margin-top: 0;
font-family: 'Open Sans', sans-serif;
}
.panel-primary .tools a {
color: #fff;
}
/*label*/
.label {
padding: 0.5em 0.8em;
}
.label-default {
background-color: #a1a1a1;
}
.label-primary {
background-color: #59ace2;
}
.label-success {
background-color: #78cd51;
}
.label-info {
background-color: #58c9f3;
}
.label-warning {
background-color: #FCB322;
}
.label-danger {
background-color: #FF6C60;
}
.label-inverse {
background-color: #344860;
}
/*text color*/
.text-danger {
color: #FF6C60;
}
.text-muted {
color: #a1a1a1;
}
.text-primary {
color: #59ace2;
}
.text-warning {
color: #FCB322;
}
.text-success {
color: #A9D86E;
}
.text-info {
color: #8175c7;
}
/*modal*/
.modal-content {
box-shadow: none;
border: none;
}
.modal-header {
background: #FAFAFA;
color: #333;
border-radius: 5px 5px 0 0;
-webkit-border-radius: 5px 5px 0 0;
/*border-bottom: none;*/
}
.modal-header .close {
margin-top: 0;
}
/*text input*/
.form-control {
border: 1px solid #e2e2e4;
box-shadow: none;
color: #888;
}
.form-control:focus, #focusedInput {
border: 1px solid #00A8B3;
box-shadow: none;
}
.form-horizontal .control-label {
font-weight: 300;
font-size: 14px;
}
input, textarea, select, button {
outline: none !important;
}
/*list*/
ul {
padding-left: 0;
}
/*button*/
.btn-default {
background-color: #bec3c7;
border-color: #bec3c7;
color: #fff;
}
.btn-default:hover, .btn-default:focus, .btn-default:active, .btn-default.active, .open .dropdown-toggle.btn-default {
background-color: #32323a;
border-color: #b0b5b9;
color: #fff;
}
.btn-primary {
background-color: #41cac0;
border-color: #41cac0;
color: #FFFFFF;
}
.btn-primary:hover, .btn-primary:focus, .btn-primary:active, .btn-primary.active, .open .dropdown-toggle.btn-primary {
background-color: #39b2a9;
border-color: #39b2a9;
color: #FFFFFF;
}
.btn-success {
background-color: #78CD51;
border-color: #78CD51;
color: #FFFFFF;
}
.btn-success:hover, .btn-success:focus, .btn-success:active, .btn-success.active, .open .dropdown-toggle.btn-success {
background-color: #6dbb4a;
border-color: #6dbb4a;
color: #FFFFFF;
}
.btn-info {
background-color: #58c9f3;
border-color: #58c9f3;
color: #FFFFFF;
}
.btn-info:hover, .btn-info:focus, .btn-info:active, .btn-info.active, .open .dropdown-toggle.btn-info {
background-color: #53bee6;
border-color: #53BEE6;
color: #FFFFFF;
}
.btn-warning {
background-color: #f1c500;
border-color: #f1c500;
color: #FFFFFF;
}
.btn-warning:hover, .btn-warning:focus, .btn-warning:active, .btn-warning.active, .open .dropdown-toggle.btn-warning {
background-color: #e4ba00;
border-color: #e4ba00;
color: #FFFFFF;
}
.btn-danger {
background-color: #ff6c60;
border-color: #ff6c60;
color: #FFFFFF;
}
.btn-danger:hover, .btn-danger:focus, .btn-danger:active, .btn-danger.active, .open .dropdown-toggle.btn-danger {
background-color: #ec6459;
border-color: #ec6459;
color: #FFFFFF;
}
.btn-white {
box-shadow: none !important;
}
/*Rounded Button*/
.btn-round {
border-radius: 30px;
-webkit-border-radius: 30px;
}
/*badge*/
.badge.bg-primary {
background:#8075c4;
}
.badge.bg-success {
background:#a9d86e;
}
.badge.bg-warning {
background:#FCB322;
}
.badge.bg-important {
background:#ff6c60;
}
.badge.bg-info {
background:#41cac0;
}
.badge.bg-inverse {
background: #2A3542;
}
/*dropdown shadow*/
.btn-group.open .dropdown-toggle, .btn-white.active, .btn:active, .btn.active {
box-shadow: none;
}
/*dropdown select bg*/
.dropdown-menu > li > a:hover, .dropdown-menu > li > a:focus {
background-color: #474752;
color: #FFFFFF;
text-decoration: none;
}
/*split dropdown btn*/
.btn-white {
background-clip: padding-box;
background-color: #FFFFFF;
border-color: rgba(150, 160, 180, 0.3);
box-shadow: 0 -1px 1px rgba(0, 0, 0, 0.05) inset;
}
.alert-icon {
width:40px;
height:40px;
display:inline-block;
-webkit-border-radius:100%;
-moz-border-radius:100%;
border-radius:100%;
}
.alert-icon i {
width:40px;
height:40px;
display:block;
text-align:center;
line-height:40px;
font-size:20px;
color:#fff;
}
.notification-info {
margin-left:56px;
margin-top:-40px;
}
.notification-meta {
margin-bottom:3px;
padding-left: 0;
list-style: none;
}
.notification-info p {
margin:0px;
color:#999;
font-size:12px;
}
.alert-info .alert-icon {
background-color:#99cce3;
}
.alert-danger .alert-icon {
background-color:#fcb1ae;
}
.alert-success .alert-icon {
background-color:#98d7ad;
}
.alert-warning .alert-icon {
background-color:#ffe699;
}
.notification-sender {
color:#414147;
}
.notification-time {
font-style:italic;
color:#999;
}
.alert-info .notification-info a {
color:#45a2c9;
}
.alert-danger .notification-info a {
color:#fb6f6b;
}
.alert-success .notification-info a {
color:#42b663;
}
.alert-warning .notification-info a {
color:#e6cb76;
}
.alert-info.bucket-notification {
background-color:#eef7fd;
}
.alert-danger.bucket-notification {
background-color:#fef3f2;
}
.alert-success.bucket-notification {
background-color:#eef8f8;
}
.alert-warning.bucket-notification {
background-color: #fff7e1;
}
/*breadcrumbs*/
.breadcrumb {
background-color: #fff;
}
/*tab*/
.nav-tabs > li > a {
margin-right: 1px;
}
.panel-heading .nav {
border:medium none;
font-size:13px;
margin:-15px -15px -15px;
}
.tab-bg-dark-navy-blue ul>li>a {
display:block;
padding:20px 15px !important;
}
.tab-bg-dark-navy-blue {
background:#e0e1e7 !important;
border-radius:5px 5px 0 0;
-webkit-border-radius:5px 5px 0 0;
border-bottom:none;
}
.tab-bg-dark-navy-blue li a:hover, .tab-bg-dark-navy-blue li.active a {
border-radius: 0 !important;
background: #fff !important;
color: #1FB5AD !important;
}
.panel-heading .nav>li>a,.panel-heading .nav>li.active>a,.panel-heading .nav>li.active>a:hover,.panel-heading .nav>li.active>a:focus {
border-width:0;
border-radius:0;
}
.panel-heading .nav>li>a {
color:#898989;
}
.panel-heading .nav>li.active>a,.panel-heading .nav>li>a:hover {
color:#1fb5ad;
background:#fff;
}
.panel-heading .nav>li:first-child.active>a,.panel-heading .nav>li:first-child>a:hover {
border-radius:4px 0 0 0 !important;
-webkit-border-radius:4px 0 0 0 !important;
}
/*collapse*/
.panel-default > .panel-heading {
background-color: #FFFFFF;
border-color: #DDDDDD;
color: #797979;
}
/*nav inverse*/
.navbar-inverse {
background-color: #32323A;
border-color: #32323A;
}
.navbar-inverse .navbar-nav > .active > a, .navbar-inverse .navbar-nav > .active > a:hover, .navbar-inverse .navbar-nav > .active > a:focus,
.navbar-inverse .navbar-nav > .open > a, .navbar-inverse .navbar-nav > .open > a:focus{
background-color: #474752;
}
.navbar-inverse .navbar-nav > li a:hover {
color: #fff;
}
.navbar-inverse .navbar-nav > li > ul > li a:hover {
color: #fff;
}
.navbar-inverse .navbar-brand {
color: #FFFFFF;
}
.navbar-inverse .navbar-nav > li > a {
color: #fff;
}
.navbar-inverse .navbar-nav > .dropdown > a .caret {
border-bottom-color: #fff;
border-top-color: #fff;
}
.navbar-inverse .navbar-nav .open .dropdown-menu > li > a {
color: #000;
}
.navbar-inverse .navbar-nav .open .dropdown-menu > li > a:hover {
color: #fff;
}
/*nav justified*/
.nav-justified {
width: auto !important;
}
.nav-justified li:last-child > a:hover, .nav-justified li.active:last-child > a {
border-radius: 0 4px 0 0 !important;
-webkit-border-radius: 0 4px 0 0 !important;
}
/*list group*/
.list-group-item.active, .list-group-item.active:hover, .list-group-item.active:focus {
background-color: #00A8B3;
border-color: #00A8B3;
color: #FFFFFF;
z-index: 2;
}
.list-group-item-heading {
font-weight: 300;
}
/*progress*/
.progress {
box-shadow: none;
background: #f0f2f7;
}
.progress-xs { height:10px; }
/*alert*/
.alert-success, .alert-danger, .alert-info, .alert-warning {
border: none;
}
/*table*/
.table thead > tr > th, .table tbody > tr > th, .table tfoot > tr > th, .table thead > tr > td, .table tbody > tr > td, .table tfoot > tr > td {
padding: 10px;
}
/*pagination*/
.pagination > li > a, .pagination > li > span {
background-color: #EFF2F7;
border: 1px solid #EFF2F7;
float: left;
line-height: 1.42857;
margin-left: 1px;
padding: 6px 12px;
position: relative;
text-decoration: none;
}
.pagination > li > a:hover, .pagination > li > span:hover, .pagination > li > a:focus, .pagination > li > span:focus, .pagination > li.active > a, .pagination > li.active > a:hover {
background-color: #2eb4ad;
border-color: #2eb4ad;
color: #fff;
}
/* star rating */
.rating {
unicode-bidi:bidi-override;
direction:rtl;
font-size:30px;
}
.rating span.star,.rating span.star {
font-family:FontAwesome;
font-weight:normal;
font-style:normal;
display:inline-block;
}
.rating span.star:hover,.rating span.star:hover {
cursor:pointer;
}
.rating span.star:before,.rating span.star:before {
content:"\f006";
padding-right:5px;
color:#BEC3C7;
}
.rating span.star:hover:before,.rating span.star:hover:before,.rating span.star:hover ~ span.star:before,.rating span.star:hover ~ span.star:before {
content:"\f005";
color: #41CAC0;
}
/*carousel*/
.carousel-indicators li {
background:rgba(0,0,0,0.2);
border:none;
transition:background-color 0.25s ease 0s;
-moz-transition:background-color 0.25s ease 0s;
-webkit-transition:background-color 0.25s ease 0s;
}
.carousel-indicators .active {
background:#333;
height:10px;
margin:1px;
width:10px;
}
.carousel-indicators.out {
bottom:0px;
}
.carousel-indicators.out {
bottom:0px;
}
.carousel-control {
color:#999999;
text-shadow:none;
width:45px;
}
.carousel-control i {
display:inline-block;
height:25px;
left:50%;
margin-left:-10px;
margin-top:-10px;
position:absolute;
top:50%;
width:20px;
z-index:5;
}
.carousel-control.left,.carousel-control.right {
background:none;
filter:none;
}
.carousel-control:hover,.carousel-control:focus {
color:#CCCCCC;
opacity:0.9;
text-decoration:none;
}
.carousel-inner h3 {
font-weight:300;
font-size:16px;
margin:0;
}
.carousel-inner {
margin-bottom: 15px;
}
/*--*/
.has-success .form-control:focus, .has-error .form-control:focus, .has-warning .form-control:focus {
box-shadow: none;
}
.panel-group .panel + .panel {
margin-top: 1px;
}
.progress {
border-radius: 50px;
-webkit-border-radius: 50px;
}
.progress-bar {
box-shadow: none;
}
/*date picker*/
.add-on {
float:right !important;
margin-top:-37px !important;
padding:3px !important;
text-align:center !important;
}
.add-on .btn {
padding:9px !important;
}
.daterangepicker .ranges .range_inputs>div:nth-child(2) {
margin-bottom:10px !important;
padding-left:0px !important;
}
.daterangepicker .ranges label {
padding-bottom:0 !important;
padding-top:8px !important;
}
.daterangepicker td.active,.daterangepicker td.active:hover,.datepicker td.active:hover,.datepicker td.active:hover:hover,.datepicker td.active:active,.datepicker td.active:hover:active,.datepicker td.active.active,.datepicker td.active.active:hover,.datepicker td.active.disabled,.datepicker td.active.disabled:hover,.datepicker td.active[disabled],.datepicker td.active[disabled]:hover,.datepicker td span.active:hover,.datepicker td span.active:active,.datepicker td span.active.active,.datepicker td span.active.disabled,.datepicker td span.active[disabled] {
background:#41CAC0 !important;
}
.daterangepicker .calendar th,.daterangepicker .calendar td {
font-family:'Open Sans',sans-serif;
font-weight:300 !important;
text-align:center !important;
white-space:nowrap !important;
}
.daterangepicker td.active,.daterangepicker td.active:hover,.datepicker td.active,.datepicker td.active:hover,.datepicker td span.active {
text-shadow:none !important;
}
.datepicker th.switch {
width:125px !important;
}
.datepicker td span {
height:40px !important;
line-height:40px !important;
}
.bootstrap-timepicker table td input {
border:1px solid #ccc !important;
border-radius:3px !important;
-webkit-border-radius: 3px !important;
}
/*form validation*/
.cmxform .form-group label.error {
display:inline;
margin:5px 0;
color:#B94A48;
font-weight:400;
}
input:focus:invalid:focus,textarea:focus:invalid:focus,select:focus:invalid:focus,.cmxform .form-group input.error,.cmxform .form-group textarea.error {
border-color:#B94A48 !important;
}
#signupForm label.error {
display:inline;
margin:5px 0px;
width:auto;
color:#B94A48;
}
.checkbox,.checkbox:hover,.checkbox:focus {
border: none;
}
/*well*/
.well {
box-shadow: none;
}
.btn-file {
position: relative;
overflow: hidden;
vertical-align: middle;
}
.btn-file > input {
position: absolute;
top: 0;
right: 0;
margin: 0;
font-size: 23px;
cursor: pointer;
opacity: 0;
filter: alpha(opacity=0);
transform: translate(-300px, 0) scale(4);
direction: ltr;
}
.fileupload {
margin-bottom: 9px;
}
.fileupload .uneditable-input {
display: inline-block;
margin-bottom: 0;
vertical-align: middle;
cursor: text;
}
.fileupload .thumbnail {
display: inline-block;
margin-bottom: 5px;
overflow: hidden;
text-align: center;
vertical-align: middle;
}
.fileupload .thumbnail > img {
display: inline-block;
max-height: 100%;
vertical-align: middle;
}
.fileupload .btn {
vertical-align: middle;
}
.fileupload-exists .fileupload-new,
.fileupload-new .fileupload-exists {
display: none;
}
.fileupload-inline .fileupload-controls {
display: inline;
}
.fileupload-new .input-append .btn-file {
-webkit-border-radius: 0 3px 3px 0;
-moz-border-radius: 0 3px 3px 0;
border-radius: 0 3px 3px 0;
}
.thumbnail-borderless .thumbnail {
padding: 0;
border: none;
-webkit-border-radius: 0;
-moz-border-radius: 0;
border-radius: 0;
-webkit-box-shadow: none;
-moz-box-shadow: none;
box-shadow: none;
}
.fileupload-new.thumbnail-borderless .thumbnail {
border: 1px solid #ddd;
}
.control-group.warning .fileupload .uneditable-input {
color: #a47e3c;
border-color: #a47e3c;
}
.control-group.warning .fileupload .fileupload-preview {
color: #a47e3c;
}
.control-group.warning .fileupload .thumbnail {
border-color: #a47e3c;
}
.control-group.error .fileupload .uneditable-input {
color: #b94a48;
border-color: #b94a48;
}
.control-group.error .fileupload .fileupload-preview {
color: #b94a48;
}
.control-group.error .fileupload .thumbnail {
border-color: #b94a48;
}
.control-group.success .fileupload .uneditable-input {
color: #468847;
border-color: #468847;
}
.control-group.success .fileupload .fileupload-preview {
color: #468847;
}
.control-group.success .fileupload .thumbnail {
border-color: #468847;
}
.radio label, .checkbox label { padding-left:0px; }
.form-control[readonly] { background-color:#fff; }
/*** Bootstrap Reset End ***/
/*** Table ***/
.table th { white-space:nowrap; }
.table-responsive { width:100%; margin-bottom:15px; border:!px solid #ddd; overflow-x:auto; overflow-y:hidden; }
@media all and (max-width:767px) {
.table-flip { width:100%; margin-bottom:15px; }
.table-flip table { position:relative; display:block; width:100%; *zoom:1; }
.table-flip table:after { content:""; clear:both; display:block; }
.table-flip table thead { float:left; display:block; }
.table-flip table thead th { display:block; }
.table-flip table tbody { position:relative; display:block; width:auto; font-size:0; white-space:nowrap; overflow-x:scroll; overflow-y:hidden; }
.table-flip table tbody tr { display:inline-block; }
.table-flip table tbody tr td { display:block; font-size:13px; }
.table-flip .table-bordered > thead > tr > th, .table-flip .table-bordered > thead > tr > td { border-bottom-width:1px; border-left-width:0px; }
.table-flip .table-bordered > tbody > tr > td { border-left-width:0px; border-right-width:1px; border-bottom-width:1px; border-top-width:0px; }
}
/*** Table End ***/
/* Responsive */
@media all and (max-width:767px) {
/* 濡쒓렇�� �섏씠吏 */
#loginBody { height:100%; }
.login_hd { padding:20px 0px; }
.login_hd h1 { width:280px; height:100px; padding:10px; }
.login_hd h1 strong { width:260px; height:80px; padding:26px 0px 0px 9px; font-size:27px; letter-spacing:-1px; }
.loginBox { padding:10px 20px; }
#headerWrapper { height:50px; background:#fff; }
#header .brand { width:auto; }
#header .brand a { font-size:15px; }
#header .menuOpenner { margin-left:5px; color:#fff; line-height:30px; background:#50c1e9; }
#header .menuOpennerOn { opacity:1; filter:alpha(opacity=100); color:#50c1e9; background:#fff; }
#header .hdRight { position:absolute; right:0px; top:0px; width:auto; height:50px; padding:0px; white-space:nowrap; }
.mSideRightOpenner { display:none; width:30px; height:30px; margin:10px 0px 0px 0px; color:#50c1e9; font-size:18px; text-align:center; line-height:28px; vertical-align:top; background:#fff; }
.mSideRightOpenner:hover { color:#50c1e9; }
.mSideRight { display:inline-block; position:static; height:50px; }
.mSideRight .userWrap .userBox, .mSideRight .logout { display:none; }
.userCtrlMenu { right:90px; top:50px; margin-top:0px; }
.hdNotifications { padding:12px 0px 0px 10px; }
.hdNotifications > li { vertical-align:top; }
.hdNotifications li a.notif { margin-right:10px; vertical-align:top; }
/*�뚮┝�덉씠��*/
.hdNotifications .dropdown-menu.noti-inbox:after, .hdNotifications .dropdown-menu.noti-inbox:before { left:78%; }
.hdNotifications li .notification.dropdown-menu.extended.noti-inbox { left:-220px; }
.rSidebarBtn { padding:0px 7px; }
.rSidebarBtn .badge { right:2px; }
.menu li a.subMenu { font-size:14px; padding:10px 10px; }
.menu li.subExpand a.subMenu .expandIcon { right:10px; top:50%; margin-top:-8px; }
.menu li .sub a.twoM { padding:8px 20px; }
.menu li.mobileSub { display:block; }
#Wrapper { padding-left:0px !important; }
aside#Lnb { z-index:101; left:-240px; top:50px; padding:10px 10px 100px 10px; }
aside#Lnb.LnbOn { left:0px !important; }
.contentWrapper { padding-left:15px; padding-right:15px; }
/* 梨꾪똿�ъ씠�쒕컮(紐⑤컮�쇱슜) */
body.rightsideOn #container { padding-right:0px; }
body.rightsideOn #headerWrapper { margin-right:0px; }
#rightSidebar { left:100%; top:50px; width:100%; padding-bottom:50px; }
.rightSidebarOn { left:0% !important; }
.daeTalkSelec { left:100%; }
.daeTalkChat { left:100%; }
/*대시보드*/
.timerBox .date { font-size:15px; }
.timerBox .timer li { font-size:27px; }
.timerBox .myName em { font-size:14px; }
.timerBox .myPic { left:80%; top:46px; }
.myNote { margin-bottom:20px; }
.promBox { padding:0px; }
.owl-controls .owl-dots { bottom:0px; height:20px; }
.owl-controls .owl-dots .owl-dot { line-height:20px; }
/*타임라인*/
.timelineDashTitle { display:block; margin:20px 0px 0px; padding:10px; color:#fff; font-size:15px; font-weight:bold; background:#41cac0; border-top-left-radius:4px; border-top-right-radius:4px; }
.timelineDash { margin-bottom:20px; padding:0px 0px 20px; }
.timelineForm .mentionOpt { padding:0px; }
.timelineForm .mentionOpt .mentionFileBtn { top:0px; }
.timeLineSort { padding:0px 10px; }
.timelineWall { padding-left:0px; }
.timelineWall .proPic { left:15px; top:30px; width:40px; height:40px; }
.timelineWall .wall .write_info { padding-left:60px; }
.timelineWall .wall:after, .timelineWall .wall:before { display:none; }
.timelineWall .wall .write_info { min-height:50px; }
.photoWrapper .photoInner .photoItem { height:auto !important; min-height:0% !important; max-height:400px !important; }
.photoWrapper .photoInner .photoItem a { height:auto !important; max-height:400px !important; }
.photoWrapper .photoInner .photoItem a img { min-width:0% !important; width:auto !important; max-width:100% !important; min-height:0% !important; height:auto !important; max-height:auto !important; }
.photoGrid_3 .photoItem .ff_img { height:auto; }
.photoGrid_3 .photoItem .etc_img { height:auto; }
.myWallWrapper { padding:0px; }
.myWallWrapper .coverBox { min-height:100px; height:auto; }
.myWallWrapper .coverBox .cover { position:static; display:block; }
.myWallWrapper .coverBox .cover img { min-width:0%; max-width:100%; min-height:auto; max-height:none; }
.myWallWrapper .myInfo { bottom:10px; padding:0px 10px; }
.myWallWrapper .myInfo .myPic { width:65px; height:65px; }
.timeWallWrapper { padding:0px; }
footer { padding:0px; text-align:center; }
}
/*
* Print ��
*/
.printWrapper { width:800px; padding:15px; background:#fff; }
.printInner { padding-bottom:15px; }
.printInner h1 { position:relative; padding-bottom:15px; font-size:30px; font-weight:bold; text-align:center; }
.printInner h1 .ctrlBoxLeft { position:absolute; left:0px; top:0px; }
.printInner h1 .ctrlBoxRight { position:absolute; right:0px; top:0px; }
.printInner .table-bordered { border-width:2px; border-color:#000; }
.printInner .table-bordered > tbody > tr > th, .printInner .table-bordered > tbody > tr > td { border-color:#000; vertical-align:middle; }
.printInner .line_approval, .printInner .line_agree { height:100px; }
.printInner .line_approval li, .printInner .line_agree li { height:100px; }
.printInner .line_approval li .fa-circle-o, .printInner .line_agree li .fa-circle-o { height:54px; line-height:54px; }
@media print {
body {
-webkit-print-color-adjust: exact;
print-color-adjust: exact;
}
a[href]:after {
content: " (" attr(href) ")";
}
a[href^="#"]:after,
a[href^="javascript"]:after {
content: "";
}
h2, h3 {
page-break-after: avoid;
}
img {
max-width: 100% !important;
}
ul, img {
page-break-inside: avoid;
}
.printWrapper, .printInner { height:100%; page-break-after: auto; }
.printWrapper img { page-break-after: auto; }
.printInner h1 .ctrlBoxLeft, .printInner h1 .ctrlBoxRight { display:none; }
.printInner .table-bordered > tbody > tr > th, .printInner .table-bordered > tbody > tr > td { border-color:#000 !important; }
.printInner * { border-color:#000 !important; }
.printInner .line_approval li, .printInner .line_agree li { height:100px !important; }
.printInner .line_approval li .fa-circle-o, .printInner .line_agree li .fa-circle-o { display:none !important; height:54px !important; color:#fff !important; }
.printInner .line_approval li.confirm .fa-circle-o, .printInner .line_agree li.confirm .fa-circle-o { display:block !important; color:red !important; }
}
.training_list{border:1px solid #ccc;text-align:center;margin-bottom:15px;}
.training_list1{margin:10px;border-radius:5px;height:100px;line-height:100px;}
.training_list1 img{max-width:100%;max-height:100px;}
.training_list2{height:25px;line-height:25px;}
.training_list3{position:absolute}
.open{position:absolute;display:none;border:1px solid #000000;z-index:10;background-color:#FFFFFF}
.open0{height:25px;line-height:25px;background-color:#000;color:#FFF;cursor:move;}
.open1{float:left;margin-left:3px;}
.open2{float:right;margin-right:3px;margin-top:3px;}
#traning_content{width:500px;}
.content{margin:10px;}
.center_nap_2{background-color:rgba(0,0,0,0.8);position:fixed;width:100%;height:100%;top:0;left:0;display:none;z-index:9;}
.overall_box{height:300px;border:1px solid #CCC;text-align:center;}
.overall_box0{height:30px;margin:10px;line-height:30px;background-color:#CCC}
.overall_box1{line-height:30px;}
.overall_box2{position:absolute;}