@charset 'utf-8';

html,body {height:100%;}
.sub_wrap {height:100%;  text-align: center;
    background: #E0F0FF;
    background:url(../../moara/images/login/login5/bg_pattern.jpg) no-repeat 0 0/cover; 
    overflow-x:hidden;
}
.sub_wrap h1 {padding:185px 0 53px;}

.shortcut_list {display:table; width:1486px; margin:0 auto; padding:0;}
.shortcut_list li {display:table-cell; width:25%;}
.shortcut_list li a {position:relative; display:inline-block; width:265px; height:341px; vertical-align:top; color:#8394b0; border:1px dashed #8e9bb3; border-radius:6px; pointer-events:none; background:#3f5170; box-sizing: border-box;}
.shortcut_list li a::before {position:absolute; top:158px; left:50%; margin-left:-46px; display:block; content:' '; width:92px; height:92px; background-repeat:no-repeat; background-position: 0 0;}
.shortcut_list li.m-ta a::before {background-image: url('/page/standard/images/common/ico_moarata_notinstalled.png');}
.shortcut_list li.mota a::before {background-image: url('/page/standard/images/common/ico_daara_notinstalled.png');}
.shortcut_list li.daara a::before {background-image: url('/page/standard/images/common/ico_daara_notinstalled.png');}
.shortcut_list li.talkara a::before {background-image: url('/page/standard/images/common/ico_talkara_notinstalled.png');}
.shortcut_list li.d-as a::before {background-image: url('/page/standard/images/common/ico_doaraas_notinstalled.png');}
.shortcut_list li.d-qa a::before {background-image: url('/page/standard/images/common/ico_doaraqa_notinstalled.png');}


.shortcut_list li a h2 {padding:44px 0 10px; margin:0; font-size:26px;}
.shortcut_list li a p {margin:0;  font-size:15px; letter-spacing: -1px;}
.shortcut_list li a::after {position:absolute; bottom:31px; left:50%; display:inline-block; content:'미설치'; width:77px; height:22px; padding:2px 0 0; margin-left: -38.5px; font-size:13px; font-weight: bold; border-radius:30px; background-color: #32415a;box-sizing: border-box;}
.shortcut_list li.m-ta.on a,
.shortcut_list li.mota.on a,
.shortcut_list li.daara.on a,
.shortcut_list li.talkara.on a,
.shortcut_list li.d-as.on a,
.shortcut_list li.d-qa.on a {color:#fff; pointer-events: auto; box-shadow: 0 0 10px 0 rgba(0, 0, 0, 0.5) !important;}
.shortcut_list li.m-ta.on a::after,
.shortcut_list li.mota.on a::after,
.shortcut_list li.daara.on a::after,
.shortcut_list li.talkara.on a::after,
.shortcut_list li.d-as.on a::after,
.shortcut_list li.d-qa.on a::after {content:none;}

.shortcut_list li.m-ta.on a {border:1px solid #6097FF; background: #6097FF url('/page/standard/images/common/bg_box_doaraqa.jpg') no-repeat 0 0;}
.shortcut_list li.m-ta.on a::before {background-image: url('/page/standard/images/common/ico_moarata.png');}

.shortcut_list li.mota.on a {border:1px solid #7AA8FF; background: #7AA8FF url('/page/standard/images/common/bg_box_doaraas.jpg') no-repeat 0 0;} 
.shortcut_list li.mota.on a::before {background-image: url('/page/standard/images/common/ico_daara.png');}

.shortcut_list li.daara.on a {border:1px solid #a23900 ; background: #f35b09 url('/page/standard/images/common/bg_box_daara.jpg') no-repeat 0 0;}
.shortcut_list li.daara.on a::before {background-image: url('/page/standard/images/common/ico_daara.png');}

.shortcut_list li.talkara.on a {border:1px solid #3B77E8; background: #3B77E8 url('/page/standard/images/common/bg_box_talkara.jpg') no-repeat 0 0;}
.shortcut_list li.talkara.on a::before {background-image: url('/page/standard/images/common/ico_talkara.png');}

.shortcut_list li.d-as.on a {border:1px solid #045579; background: #1074a1 url('/page/standard/images/common/bg_box_doaraas.jpg') no-repeat 0 0;} 
.shortcut_list li.d-as.on a::before {background-image: url('/page/standard/images/common/ico_doaraas.png');}

.shortcut_list li.d-qa.on a {border:1px solid #244FAE; background: #244FAE url('/page/standard/images/common/bg_box_moarata.jpg') no-repeat 0 0;}
.shortcut_list li.d-qa.on a::before {background-image: url('/page/standard/images/common/ico_doaraqa.png');}


/* [treeBox] */
.ub-layout.treeBox {margin-top:5px; min-height:200px;height:200px;padding:10px;border:1px solid #E4E4E4;overflow:auto;}

span.dynatree-empty, span.dynatree-vline, span.dynatree-connector, span.dynatree-expander, span.dynatree-icon, span.dynatree-checkbox, span.dynatree-radio, span.dynatree-drag-helper-img, #dynatree-drop-marker
{background-image: url("../images/common/icons.gif");}
span.dynatree-node a {padding-left:0px;padding-top:2px;font-size:12px;font-family:Dotum;color:#555555;font-weight:normal;}
span.dynatree-active a {background-color:#f2f2f2 !important;color:#3169C6 !important;font-weight:bold;}
span.dynatree-selected a {font-style:normal;color:#3169c6;}
ul.dynatree-container {border:none;padding:0;overflow:hidden;}