Initial commit
This commit is contained in:
File diff suppressed because one or more lines are too long
File diff suppressed because one or more lines are too long
+6295
File diff suppressed because it is too large
Load Diff
File diff suppressed because one or more lines are too long
File diff suppressed because one or more lines are too long
File diff suppressed because one or more lines are too long
+4422
File diff suppressed because it is too large
Load Diff
+4468
File diff suppressed because it is too large
Load Diff
File diff suppressed because one or more lines are too long
File diff suppressed because one or more lines are too long
File diff suppressed because one or more lines are too long
+2020
File diff suppressed because it is too large
Load Diff
@@ -0,0 +1,318 @@
|
||||
@charset "utf-8";
|
||||
@import url("bootstrap-icons.css");
|
||||
/* CSS Document */
|
||||
/* 김지영(전자SET IT혁신) - 2020.06.08
|
||||
김지영(지원IT그룹) - 2023.02.14
|
||||
|
||||
/* Webfont - 국문_삼성원폰트딕 */
|
||||
@font-face{
|
||||
font-family:'SamsungOneKorean';src:url('../fonts/SamsungOneKorean-400.eot');src:url('../fonts/SamsungOneKorean-400.eot?#iefix') format("embedded-opentype"),url('../fonts/SamsungOneKorean-400.woff2') format("woff2"),url('../fonts/SamsungOneKorean-400.woff') format("woff"),url('../fonts/SamsungOneKorean-400.ttf') format("truetype");font-weight:normal;font-style:normal;}
|
||||
@font-face{font-family:'SamsungOneKorean';src:url('../fonts/SamsungOneKorean-700.eot');src:url('../fonts/SamsungOneKorean-700.eot?#iefix') format("embedded-opentype"),url('../fonts/SamsungOneKorean-700.woff2') format("woff2"),url('../fonts/SamsungOneKorean-700.woff') format("woff"),url('../fonts/SamsungOneKorean-700.ttf') format("truetype");font-weight:bold;font-style:normal;}
|
||||
@font-face{
|
||||
font-family:'SamsungSharpSans';src:url('../fonts/SamsungSharpSansBd.eot');
|
||||
src:url('../fonts/SamsungSharpSansBd.eot?#iefix') format("embedded-opentype"),url('../fonts/SamsungSharpSansBd.woff2') format("woff2"),url('../fonts/SamsungSharpSansBd.woff') format("woff");font-weight:normal;font-style:normal;}
|
||||
|
||||
/* COMMON */
|
||||
body{font-size:14px;font-family:SamsungOneKorean, 돋움;color:#444;background-color:#f8f9fa;}
|
||||
html,body{height:100%;}
|
||||
a{color:#000;text-decoration:none;}
|
||||
a:hover{color:#2880da;text-decoration:underline;}
|
||||
.btn,.form-control,.form-select,.input-group-text{font-size:14px;}
|
||||
small,.tooltip{font-size:12px}
|
||||
input:read-only{outline-width:0;}
|
||||
|
||||
|
||||
/* Layout */
|
||||
.ui--wrapper{position:relative;min-height:100%;height:100%;min-width:1440px;}
|
||||
.ui--section-container{position:relative;min-height:100%;background-color:#fff;border-right:1px solid #e4eaec;border-left:1px solid #e4eaec;}
|
||||
.ui--content-wrapper{padding:20px 50px;background-color:#fff;}
|
||||
.ui--content-heading{margin:-20px -50px 25px -50px;padding:20px 50px;}
|
||||
.ui--footer-container{position:relative;display:flex;height:60px;border-top:1px solid #e4eaec;z-index:109;}
|
||||
/* Layout Variation */
|
||||
.ui--wrapper .ui--section-container{margin:0;padding:56px 0 0 0;}/* [D]padding-top = GNB height */
|
||||
.ui--wrapper .ui--footer-container{margin-top:-60px;}/* [D]margin-top = footer height */
|
||||
.ui--wrapper.ui---lnb .ui--section-container,.ui--wrapper.ui---lnb .ui--footer-container{padding-left:260px}
|
||||
.ui--wrapper.ui---lnb .ui--content-wrapper,.ui--wrapper.ui---lnb .ui--footer-in{padding:20px 50px 20px 30px;}
|
||||
.ui--wrapper.ui---aside .ui--section-container{padding-right:50px;}
|
||||
.ui--wrapper.ui---aside .ui--content-wrapper,.ui--wrapper.ui---aside .ui--footer-in{padding:20px 30px 20px 30px;}
|
||||
.ui--wrapper.ui---footer .ui--section-container{padding-bottom:60px;}
|
||||
.ui--wrapper.ui---aside .ui--content-wrapper .ui--content-heading{padding:20px 30px;margin:-20px -30px 25px -30px;}
|
||||
.ui--wrapper.ui---aside .ui--content-heading ol.breadcrumb{right:30px;}
|
||||
/* LNB Collapsed */
|
||||
.ui---lnb-collapsed .ui--lnb-container{width:50px!important;}
|
||||
.ui---lnb-collapsed .ui--section-container,.ui--wrapper.ui---lnb-collapsed .ui--footer-container{padding-left:50px!important;}
|
||||
.ui---lnb-collapsed .ui--lnb-container .ui--lnb-inner{display:none;}
|
||||
|
||||
/* Footer */
|
||||
.ui--footer-in{padding:0 50px;display:flex;align-items:center;}
|
||||
.ui-footer-confidential{background-color:#b8b8b8;color:#fff;font-size:.8rem;border-radius:0.85rem;padding:0.2rem 0.5rem;}
|
||||
|
||||
/* GNB */
|
||||
.ui--top{z-index:1000;height:56px;min-width:1440px;margin-right:-12px;margin-left:-12px;padding-left:50px;padding-right:50px;}
|
||||
.ui--top .dropdown-menu{padding:1rem 1.2rem 0;}
|
||||
.ui--top .dropdown-menu ul,.ui--top .dropdown-menu li{list-style:none;padding:0;margin:0;text-align:left}
|
||||
.ui--top .dropdown-item ul{margin-bottom:1rem;}
|
||||
.ui--top .nav-link{display:flex;align-items:center;}
|
||||
.ui--top .dropdown-toggle.ui--outlink:after{border:none}
|
||||
.ui--top .dropdown-item, .ui--top .dropdown-item:active{background-color:transparent;}
|
||||
[class*='menu-icon']{vertical-align:middle;}
|
||||
.ui--menu-icon-1{font-size:17px;}
|
||||
.ui--menu-icon-2{font-size:15px;}
|
||||
.ui--menu-icon-3{font-size:14px;}
|
||||
.ui--top .right-container{position:absolute;right:50px;margin-bottom:0;}
|
||||
.ui--top .right-container>li{float:left;position:relative;}
|
||||
.ui--top .right-container>li > a{display:block;padding:0 .4rem;}
|
||||
.ui--top .right-container>li > a,.ui--top .right-container>li .ui--slide{line-height:40px;}
|
||||
.ui--nav-notice> a{position:relative;padding-right:.4rem!important}
|
||||
.ui--nav-notice .badge{position:absolute;top:12px;right:0;padding:.07rem .25rem;font-size:10px;border-radius:.625rem}
|
||||
.ui--notice-off{cursor:default}
|
||||
.ui--notice-off .icon-bell{color:#666}
|
||||
.ui--notice-off .badge{display:none}
|
||||
/* LNB*/
|
||||
.ui--lnb-container{position:absolute;width:260px;height:100%;top:0;left:0;bottom:0;z-index:116;backface-visibility:hidden;border-right:1px solid #e4eaec;transition:width .2s cubic-bezier(.35,0,.25,1),translate .2s cubic-bezier(.35,0,.25,1);}
|
||||
.ui--lnb-container .ui--lnb-inner{margin-top:56px;}
|
||||
.ui--lnb-collapsed-icon{position:absolute;top:80px;right:12px;width:26px;height:26px;justify-content:center;display:flex;align-items:center;}
|
||||
.ui--lnb-container .ui--nav-heading{padding:20px 0 20px 50px;font-size:21px;font-weight:bold;}
|
||||
.ui--sidebar-nav ul,.ui--sidebar-nav li{list-style:none;padding-left:50px;}
|
||||
ul.ui--sidebar-subnav,.ui--sidebar-subnav li{padding-left:10px;}
|
||||
.ui--sidebar-nav{position:relative;list-style:none;padding:0 0 10px 0;}
|
||||
.ui--sidebar-nav.ui--sidebar-subnav.colapse{display:none;}
|
||||
.ui--sidebar-nav.ui--sidebar-subnav.colapse.show{display:block;}
|
||||
.ui--sidebar-nav strong{position:relative;font-weight:normal}
|
||||
.ui--sidebar-nav strong>.ui--btn-sidebar{padding:.175rem .375rem;font-size:11px;position:absolute;top:7px;right:10px;}
|
||||
.ui--sidebar-nav>li>.nav-item, .ui--sidebar-nav>li>strong{position:relative;display:block;padding:10px 20px 10px 0;color:#666666;}
|
||||
.ui--sidebar-nav>li>.nav-item, .ui--sidebar-nav>li>a{position:relative;display:block;padding:10px 20px 10px 0;color:#666666;}
|
||||
.ui--sidebar-subnav>li>.nav-item, .ui--sidebar-subnav>li>a{display:block;position:relative;padding:7px 20px 7px 0;color:#666666;}
|
||||
.ui--sidebar-nav>li.active, .ui--sidebar-nav>li.active>a, .ui--sidebar-nav>li.active>strong a{color:#5f4bb9;}
|
||||
.ui--sidebar-nav>li.active{border-left:3px solid #5f4bb9;background-color:#fff;padding-left:47px;}
|
||||
.ui--sidebar-nav>li.active li{border:none}
|
||||
.ui--sidebar-nav>li.active .ui--sidebar-nav>li.active{padding-left:inherit;}
|
||||
|
||||
/* myMenu */
|
||||
.navbar-nav .ui--addfavor .bi{margin:0 .25rem 0 0;font-size:.75rem;}
|
||||
.ui--content-heading strong .ui--addfavor{display:flex;margin:0 0 0 3px;font-size:.95rem;padding:7px}
|
||||
.ui--addfavor.off{color:inherit;}
|
||||
.ui--addfavor.on{color:#ff9600}
|
||||
|
||||
/* Aside */
|
||||
.ui--aside{position:fixed;top:0;bottom:0;right:0;width:51px;min-height:100%;border-left:1px solid #ccc;border-right:1px solid #e4eaec;background-color:#fff;color:#656565;overflow:none;-webkit-overflow-scrolling:touch;z-index:117;}
|
||||
.ui--aside .ui--aside-inner,.ui--aside .ui--aside-inner ul{margin:0;padding:0;}
|
||||
.ui--aside .ui--aside-inner{margin-top:56px;}
|
||||
.ui--aside .ui--aside-inner li{list-style:none;}
|
||||
.ui--aside-icon{position:relative;}
|
||||
.ui--aside-icon>a{display:flex;height:51px;border-bottom:1px solid #e4eaec;text-decoration:none;font-weight:bold;color:#8c8c8c;}
|
||||
.ui--aside-icon>a:hover{background-color:#f8f8f8;}
|
||||
.ui--aside-icon>a>i,.ui--aside-icon>a>span,.ui--aside-icon>a>div{display:flex;align-items:center;margin:0 auto;}
|
||||
.ui--aside-icon>a>i{font-size:17px;}
|
||||
.ui--aside-icon.active >a,.ui--aside-icon.active >a:hover{background-color:#dee2e6;color:#8b60be;}
|
||||
.ui--aside-icon.active:before{content:"";width:0px;height:0px;position:absolute;border-left:7px solid #666;border-right:7px solid transparent;border-top:7px solid transparent;border-bottom:7px solid transparent;top:17px;left:-1px;}
|
||||
.ui--aside-icon.active:after{content:"";width:0px;height:0px;position:absolute;border-left:7px solid #fff;border-right:7px solid transparent;border-top:7px solid transparent;border-bottom:7px solid transparent;top:17px;left:-2px;z-index:121}
|
||||
.ui--user-last{background-color:#a8a8a8;display:inline-block;width:30px;height:30px;line-height:30px;text-align:center;font-size:15px;color:#fff;border-radius:50%;}
|
||||
.active .ui--user-last{background-color:#8d6bb6;}
|
||||
|
||||
|
||||
/* SUB */
|
||||
.ui--content-heading{position:relative;border-bottom:1px solid #e4eaec;color:#666;}
|
||||
.ui--content-heading strong{font-size:21px;display:flex;align-items:center;}
|
||||
.ui--content-heading ol.breadcrumb{position:absolute;right:50px;top:27px;padding:0}
|
||||
.ui--content-heading small{display:block;font-size:90%;margin-top:.5rem}
|
||||
.ui--search-container{border:1px solid #dcdcdc;background-color:#f4f6f9;padding:.7rem;margin-bottom:25px;}
|
||||
.ui--search-container label.col-form-label{text-align:right;padding-right:5px;color:#777;display:flex;justify-content:right;align-items:center;}
|
||||
.ui--search-container .form-group{margin-bottom:.7rem;}
|
||||
.ui--col-form-radio{display:flex;color:#000;}
|
||||
.ui--col-form-radio .form-check-label{white-space:nowrap;}
|
||||
.ui--list-heading,.ui--form-heading{margin-bottom:10px;}
|
||||
.ui--list-heading .float-end button,.ui--form-heading .float-end button{margin-left:3px;}
|
||||
.ui--form-heading >h4,.ui--form-heading >h5{margin-bottom:0;}
|
||||
.ui--text-total{display:inline-block;padding-top:10px}
|
||||
.ui--text-required{color:#FF0000;margin-left:7px;float:right}
|
||||
.ui--box-tree{border:1px solid #ced4da;border-radius:.25rem;padding:10px;height:calc(100% - 63px);min-height:250px;margin-bottom:15px;}
|
||||
.ui--box-tree .ui--tree{overflow:auto;/*max-height:365px;*/height:100%;}
|
||||
.ui--table th{padding:.5rem .75rem;}
|
||||
.ui--table td{padding:.4rem .75rem;min-height:1.7rem;vertical-align:middle;}
|
||||
.ui--table thead th{text-align:center;vertical-align:middle;}
|
||||
.ui--table.table-bordered thead th{background-color:#f4f6f9;}
|
||||
.ui--table.table-bordered tbody tr:hover{background-color:#EEF1F7;}
|
||||
.ui--table.table-bordered tbody td a{text-decoration:underline;color:#2880da;cursor:pointer;}
|
||||
.ui--table-form th{background-color:#f8f9fa;}
|
||||
.ui--table-form tbody tr:hover{background-color:inherit;}
|
||||
.ui--table-form th{padding:.6rem .7rem}
|
||||
.ui--table-form td{vertical-align:middle;}
|
||||
.ui--table-form-view th,.ui--table-form-view td{border:none;}
|
||||
.ui--table-form-view td{padding-top:.2rem;padding-bottom:.2rem;}
|
||||
|
||||
.ui--button-container{text-align:right;margin-bottom:2rem;}
|
||||
.ui--button-container button{margin-left:5px;}
|
||||
.ui--card-columns .card-img{width:100%;padding-bottom:66.66%;background-color:#f4f6f9;position:relative;}
|
||||
.ui--card-columns .card-img img{position:absolute;left:0;right:0;margin-left:auto;margin-right:auto;height:100%;max-width:100%;}
|
||||
.ui--card-columns .card h4{font-size:1.357rem;display:block;overflow:hidden;white-space:nowrap;text-overflow:ellipsis;}
|
||||
.ui--card-columns{-webkit-column-count:4;-moz-column-count:4;column-count:4;margin-bottom:1rem;}
|
||||
.ui--card-columns .card{margin-bottom:0;border-radius:0;}
|
||||
.ui--view-heading{border-top:1px solid #ddd;border-bottom:1px solid #ddd;padding:1rem 0;}
|
||||
article.ui--viewer{padding:30px 0;min-height:400px;}
|
||||
article.ui--viewer-1{padding:30px 0;}
|
||||
.ui--article-like{padding:1rem;text-align:center;}
|
||||
.ui--article-like button{font-size:18px;box-shadow:none;}
|
||||
.ui--article-like .btn-outline-secondary:hover{background-color:transparent;color:inherit;}
|
||||
.ui--article-like i{color:#cc0000;margin-right:.25rem;}
|
||||
.ui--comment.card h4{font-size:14px;min-height:22px;margin-bottom:.7rem;}
|
||||
.ui--comment.card h4 strong,.ui--comment.card h4 a{margin-right:.5rem;}
|
||||
.ui--comment.card > hr{margin:0;}
|
||||
.ui--comment.card .input-group-append button{min-width:80px;}
|
||||
.ui--comment.card .flex-grow-1{position:relative;}
|
||||
.ui--comment.card .flex-grow-1 p{margin-bottom:.1rem;margin-right:100px;}
|
||||
.ui--comment .card-body.reply{background-color:#f9fbfd}
|
||||
.ui--comment hr.reply{margin-left:20px;margin-right:20px;}
|
||||
.ui--recommand{position:absolute;bottom:0;right:0;}
|
||||
.ui--recomm,.ui--unrecomm{font-size:12px;padding:.15rem .25rem!important;margin-left:2px;}
|
||||
.ui--recomm i,.ui--unrecomm i{font-size:14px;vertical-align:text-bottom;margin-right:3px;}
|
||||
.ui--recomm.on,.ui--recomm:hover{border:1px solid #ff5151;background-color:transparent;color:inherit;}
|
||||
.ui--unrecomm.on,.ui--unrecomm:hover{border:1px solid #02a6eb;background-color:transparent;color:inherit;}
|
||||
.ui--recomm i,.ui--recomm.on{color:#ff5151;}
|
||||
.ui--unrecomm i,.ui--unrecomm.on{color:#02a6eb;}
|
||||
|
||||
.ui--nav-progress li{position:relative;}
|
||||
.ui--nav-progress .nav-link{background-color:#e9ecef;}
|
||||
.ui--nav-progress .nav-link:before{content:'';border-top-width:1.281rem;border-bottom-width:1.281rem;border-left-width:1.281rem;border-top-style:solid;border-bottom-style:solid;border-left-style:solid;border-top-color:transparent;border-bottom-color:transparent;border-left-color:#fff;position:absolute;top:-2px;left:100%;z-index:20;}
|
||||
.ui--nav-progress .nav-link:after{content:'';border-top-width:1.156rem;border-bottom-width:1.156rem;border-left-width:1.156rem;border-top-style:solid;border-bottom-style:solid;border-left-style:solid;border-top-color:transparent;border-bottom-color:transparent;border-left-color:#e9ecef;position:absolute;top:0;left:calc(100% + -2px);z-index:20;}
|
||||
.ui--nav-progress .nav-link.active{background-color:#6a7eb5;}
|
||||
.ui--nav-progress .nav-link.active:after{border-left-color:#6a7eb5;}
|
||||
.ui--nav-progress .nav-link.passed{background-color:#868e96;color:#fff;}
|
||||
.ui--nav-progress .nav-link.passed:after{border-left-color:#868e96;color:#fff;}
|
||||
.ui--nav-progress .nav-item:last-child .nav-link:before,.ui--nav-progress .nav-item:last-child .nav-link:after{border:none;}
|
||||
|
||||
/* button */
|
||||
.btn{white-space:nowrap;}
|
||||
.input-group-append .btn.btn-outline-secondary{padding:.2rem;line-height:1;}
|
||||
.input-group-append .btn.btn-outline-secondary .bi{font-size:20px;}
|
||||
.ui--btn-xs{font-size:13px;padding:.17rem .25rem!important;box-shadow:none;}
|
||||
.ui--btn-xs:hover{color:#6A6BB5}
|
||||
.ui--btn-xs[class*='btn-outline-']:hover{color:#fff;}
|
||||
.ui--btn-xs i{font-size:17px;vertical-align:bottom;margin-right:3px;}
|
||||
[class*='btn-icon-']{background-color:transparent;padding:0;box-shadow:none;border-radius:0;}
|
||||
.ui--btn-icon-mi{line-height:1;padding:.23rem;border-radius:.25rem;}
|
||||
.ui--btn-icon-lg{width:35px;height:35px;line-height:1rem;}
|
||||
.ui--btn-icon-sm{width:21px;height:21px;line-height:1.1rem;}
|
||||
.ui--btn-icon-lg .bi{font-size:28px;color:#999;}
|
||||
.ui--btn-icon-sm .bi{font-size:21px;color:#999;}
|
||||
.ui--btn-icon-sm .bi.ui--bi-xs{font-size:18px;}
|
||||
.ui--btn-icon-sm:hover .bi{color:#6A6BB5;}
|
||||
.ui--btn-icon-xs{width:18px;height:18px;line-height:.5rem;}
|
||||
.ui--btn-icon-xs .bi{font-size:15px;}
|
||||
.ui--btn-apv{background-color:#adb5bd;color:#fff;font-size:13px;padding:.05rem .25rem!important;border-radius:.1rem;}
|
||||
.ui--btn-apv:hover{background-color:#adb5bd;color:#fff;}
|
||||
.ui--btn-apv-outline{border:1px solid #868e96;font-size:13px;padding:.1rem .25rem!important;}
|
||||
.ui--btn-apv-outline:hover{color:#fff;background-color:#868e96;border-color:#868e96;}
|
||||
.ui--btn-apv-outline.on{color:#fff;background-color:#6a7eb5;border-color:#6a7eb5;}
|
||||
.ui--btn-apv-request,.ui--btn-apv-request:hover{background-color:#e3e3e3;color:inherit;cursor:default;}
|
||||
.ui--btn-apv-approve.on{background-color:#338edf;}
|
||||
.ui--btn-apv-agreement.on{background-color:#40b9db;}
|
||||
.ui--btn-apv-notice.on{background-color:#6b7b83;}
|
||||
.ui--btn-apv-after.on{background-color:#435fc4;}
|
||||
|
||||
/* FLOATING BUTTON */
|
||||
.ui--float-position{width:50px;position:fixed;bottom:20px;right:30px;z-index:200;}
|
||||
.ui--position-multi{bottom:80px;right:35px;}
|
||||
.ui--float-position .ui--btn-float{margin-top:10px;}
|
||||
.ui--btn-float{cursor:pointer;width:50px;height:50px;border-radius:100%;text-align:center;line-height:50px}
|
||||
.ui--float-holder .ui--btn-float{width:60px;height:60px;}
|
||||
.ui--float-position .bi, .ui--float-holder .bi{font-size:26px;}
|
||||
.ui--float-option{list-style-type:none;margin:0;position:absolute;bottom:70px;right:-5px;opacity:0;transition:.3s ease;transform:scale(0);transform-origin:75% bottom;}
|
||||
.ui--float-holder:hover + .ui--float-option, .ui--float-option:hover{opacity:1;transform:scale(1)}
|
||||
#goTop{display:none;opacity:0.5;transition:.3s;}
|
||||
#goTop:hover{opacity:1;}
|
||||
|
||||
/* FILE ATTACHMENT */
|
||||
.ui--file-attachment{position:relative;width: 100%;border:1px solid #ced4da;border-radius: .25rem;background-color:#f4f6f9;max-height:300px;margin-bottom:1.5rem;}
|
||||
.ui--file-attachment .message{display:none;position:absolute;top:50%;left:50%;transform:translate(-50%, -50%);font-size:16px;padding-top:50px;}
|
||||
.ui--file-attachment .message .bi{font-size:40px;color:#8B8B8B;position:absolute;top:0;left:50%;transform:translateX(-50%);}
|
||||
.ui--file-button{border-bottom:1px solid #ddd;padding:10px 17px;}
|
||||
.ui--file-button input[type=checkbox]{vertical-align:middle;margin-right:.25rem;}
|
||||
.ui--file-button span{vertical-align:middle;}
|
||||
.ui--file-button .btn{box-shadow:none;}
|
||||
.ui--file-list>ul{max-height:130px;overflow-y:auto;margin-bottom:0;}
|
||||
.ui--file-list>ul{list-style:none;padding:0;margin:0;}
|
||||
.ui--file-list>ul li{position:relative;padding:5px 17px 6px 17px;}
|
||||
.ui--file-list>ul li:hover{background-color:#EBECEF;}
|
||||
.ui--file-list>ul li button.btn{position: absolute;top:5px;right:20px;}
|
||||
.ui--file-list>ul li small{font-size:100%;color:#999;}
|
||||
.ui--file-attachment.active,.ui--file-attachment.drag{min-height:150px;}
|
||||
.ui--file-attachment.active{cursor:pointer;}
|
||||
.ui--file-attachment.active .ui--file-list{display:none}
|
||||
.ui--file-attachment.active .message{display:block;text-align:center;}
|
||||
.ui--file-attachment.drag .message{display:block;opacity:.5;z-index:5;text-align:center;}
|
||||
|
||||
|
||||
/* APPROVAL */
|
||||
.ui--approval-container .input-group{margin-bottom:10px;}
|
||||
.ui--approval-list{border:1px solid #ced4da;border-radius:.25rem;}
|
||||
.ui--approval-list>ul,.ui--approval-list>ul li{list-style:none;margin:0;padding:0;}
|
||||
.ui--approval-list>ul li{position:relative;padding:3px;display:flex;}
|
||||
.ui--approval-list>ul li:hover{background-color:#EBECEF!important;cursor:pointer;}
|
||||
.ui--approval-list>ul li:after{content:'';clear:both;display:block;}
|
||||
.ui--approval-list>ul li.draft:hover,.ui--approval-list>ul li.draft:focus{background-color:transparent!important;cursor:default;}
|
||||
.ui--approval-list>ul li.draft .name{color:#999;}
|
||||
.ui--approval-list>ul li.selected{background-color:#EDE5F7;}
|
||||
.ui--approval-list>ul li.disabled{background-color:#DDD;cursor:default;}
|
||||
.ui--approval-list>ul li.disabled .name{color:#999;}
|
||||
.ui--approval-list>ul li.disabled .apv-flex button{color:#DDD;cursor:default;}
|
||||
.ui--approval-list>ul li.disabled:hover,.ui--approval-list>ul li.disabled:focus{background-color:#DDD!important;}
|
||||
.ui--approval-list>ul li span{display:inline-flex;align-items:center;}
|
||||
.ui--approval-list>ul li .count{width:30px;text-align:center;padding:0 10px;}
|
||||
.ui--approval-button{background-color:#f4f6f9;padding:3px;}
|
||||
.ui--approval-button .ui--apv-flex{margin-left:29px;}
|
||||
.ui--approval-button .btn i,.ui--approval-button .btn em{color:#999}
|
||||
.ui--approval-button .btn:hover i,.ui--approval-button:hover .btn em{color:#6A6BB5}
|
||||
.ui--approval-button span,.ui--approval-button div,.ui--approval-button button{vertical-align:middle;}
|
||||
.ui--approval-button .ui--btn-xs{min-width:65px;padding:.1rem .25rem!important}
|
||||
.ui--approval-button .ui--btn-icon-sm{width:28px;}
|
||||
.ui--apv-flex{display:inline-flex;min-width:210px;margin-right:7px;}
|
||||
.ui--apv-flex .ui--btn-apv,.ui--apv-flex .ui--btn-apv-outline{flex:1 1 auto;margin-left:3px}
|
||||
.ui--apv-flex .ui--btn-apv:first-child{margin-left:0;}
|
||||
.ui--approval-list>ul li .ui--apv-right{display:none;position:absolute;top:5px;right:10px;width:100px;text-align:center;}
|
||||
.ui--approval-list>ul li:hover .ui--apv-right{display:block;}
|
||||
.ui--apv-right .ui--btn-icon-xs .bi{color:#ccc;cursor:default}
|
||||
.ui--apv-right .ui--btn-icon-xs.on .bi{color:#5f4bb9;cursor:pointer;}
|
||||
.ui--approval-title{border:2px solid #ddd;padding:10px;margin-bottom:2rem;}
|
||||
.ui--app-required{background-color:#333;color:#ffc107;border-radius:.2rem;padding:.3rem .5rem;position:absolute;bottom:calc(100% + 9px);left:50%;transform:translateX(-50%);}
|
||||
.ui--app-required i, .ui--app-required em{color:#ffc107!important;}
|
||||
.ui--app-required:before{content:"";width:0px;height:0px;position:absolute;border-left:7px solid transparent;border-right:7px solid transparent;border-top:7px solid #333;border-bottom:7px solid transparent;bottom:-12px;left:calc(50% - 7px);}
|
||||
|
||||
/* LOGIN */
|
||||
.ui--login-wrap{display:flex;align-items:center;text-align:center;}
|
||||
.ui--form-login{width:100%;max-width:330px;padding:15px;margin:auto;}
|
||||
.ui--form-login.login-info{max-width:450px;}
|
||||
.ui--login-wrap header{margin-top:-100px;}
|
||||
.ui--login-wrap .ui--brand-simbol{float:none;width:70px;height:70px;}
|
||||
.ui--login-wrap .brand-text{float:none;margin-left:0;display:block;font-weight:bold;font-size:23px;line-height:1em;}
|
||||
.ui--form-login .form-control{font-size:16px;padding:10px;height:auto; position:relative;}
|
||||
.ui--form-login .form-control:focus{z-index:2;}
|
||||
.ui--form-login.login-info .message{border-bottom:1px solid rgba(0, 0, 0, .1);padding-bottom:.7rem;margin-bottom:2rem;}
|
||||
.form-control.ui--login-id{margin-bottom:-1px;border-bottom-right-radius:0;border-bottom-left-radius:0;}
|
||||
.form-control.ui--login-pass{margin-bottom:10px;border-top-left-radius:0;border-top-right-radius:0;}
|
||||
.ui--login-wrap .ui--footer-container{position:absolute;width:100%;height:auto;display:block;bottom:0;left:0;padding:20px;text-align:center;border-top:1px solid #e4eaec;}
|
||||
.ui--login-wrap .ui--footer-container .text-muted{font-size:13px}
|
||||
|
||||
|
||||
/* MISCELLANEOUS */
|
||||
i[class*='icon-'],i.bi{display:inline-block;font-style:normal;line-height:1;-webkit-font-smoothing:antialiased;color:inherits;}
|
||||
.invalid-feedback{font-size:12px;}
|
||||
.ui--height-100{height:100%;}
|
||||
.ui--slide{color:#d4d4d4;}
|
||||
.ui--blind{overflow:hidden;position:absolute;width:1px;height:1px;}
|
||||
.spinner-border-lg{width:4rem;height:4rem;border:.5em solid currentColor;border-right-color:transparent;}
|
||||
.spinner-grow-lg{width:4rem;height:4rem;}
|
||||
.ghost{opacity: 0.3;background-color:#c7cdd4;cursor:move;}
|
||||
.ghost>a{cursor:move;}
|
||||
.badge{font-size:12px;}
|
||||
.badge[class*='ui--status-']{min-width:70px;color:#fff;font-weight:normal;}
|
||||
.ui--status-primary{background-color:#267ad3;}
|
||||
.ui--status-processing{background-color:#ffc107;color:#444!important;}
|
||||
.ui--status-success{background-color:#3da728;}
|
||||
.ui--status-rejected{background-color:#41a6c3;}
|
||||
.ui--status-secondary{background-color:#6c757d;}
|
||||
.ui--trans-rotate-45{transform:rotate(45deg);}
|
||||
.ui--trans-rotate-90{transform:rotate(90deg);}
|
||||
.ui--trans-rotate-270{transform:rotate(270deg);}
|
||||
.table.table-bordered tbody tr.alert td{background-color:#FFEDED;}
|
||||
.cursor-pointer{cursor:pointer!important;}
|
||||
File diff suppressed because it is too large
Load Diff
@@ -0,0 +1,347 @@
|
||||
@charset "utf-8";
|
||||
/* CSS Document */
|
||||
/* 김지영(전자SET IT혁신) - 2020.06.08
|
||||
김지영(지원IT그룹) - 2023.02.14
|
||||
김지영(지원IT그룹) -2024.04.25
|
||||
*/
|
||||
|
||||
/* GNB */
|
||||
.ui--header{/*background-color:#fff;border-bottom:1px solid #dee2e6;*/padding:0}
|
||||
.ui--top{margin-right:0;margin-left:0;}
|
||||
.ui--top .navbar-brand{width:200px;text-decoration:none!important;}
|
||||
.ui--brand-simbol{display:none;float:left;width:26px;height:26px;margin-right:.3rem;}
|
||||
.ui--top .brand-text{font-family:SamsungSharpSans,SamsungOneKorean;font-size:23px;line-height:1;}
|
||||
.ui--top .nav-item{margin:0 .2rem;}
|
||||
.ui--top .nav-link{min-height:53px;font-weight:bold;text-decoration:none;}
|
||||
.ui--top .nav-item.show:after{content:"";width:100%;height:0px;position:absolute;bottom:-2px;left:0;/*border:2px solid #5f4bb9;*/}
|
||||
.ui--top .nav-item.show .nav-link{color:#5f4bb9;}
|
||||
.ui--top .ui--nav-mymenu.nav-item.show .nav-link{color:inherit;}
|
||||
.ui--top .ui--nav-mymenu.nav-item.show .nav-link .bi{color:#ff9600;}
|
||||
.ui--top .ui--nav-mymenu.nav-item.show .dropdown-menu{border-color:#ffd599;}
|
||||
.ui--top.navbar .dropdown-toggle:after{border:none;}
|
||||
.ui--top.navbar .dropdown-menu{position:fixed!important;top:52px;min-width:auto;margin:0;padding:1.2rem 1.75rem .3rem;box-shadow:0.125rem 0.125rem 0.25rem 1px rgba(0,0,0,.075);border-radius:5px;border:1px solid #dee2e6;font-size:.85rem;}
|
||||
.ui--top.navbar .dropdown-menu:after{content:"";display:block;clear:both;}
|
||||
.ui--top.navbar .dropdown-menu> .dropdown-item:hover,.dropdown-menu> .dropdown-item:active{background-color:inherit;color:inherit;}
|
||||
.ui--top.navbar .dropdown-item{display:inline-block;width:auto;text-align:left;padding-bottom:0;}
|
||||
.ui--top.navbar .dropdown-item>li{float:left;margin:0 0 0 30px;}
|
||||
.ui--top.navbar .dropdown-item>li:first-child{margin:0;}
|
||||
.ui--top.navbar .dropdown-item strong{display:block;margin-bottom:10px;}
|
||||
.container.ui--section-container{min-width:1440px;margin:0 auto;padding:0;}
|
||||
.ui--wrapper.ui---aside.fixed-width .ui--top,.ui--wrapper.ui---aside.fixed-width .ui--footer-container{margin-left:auto;margin-right:auto;max-width:1440px;}
|
||||
.ui--wrapper.ui---aside.fixed-width .ui--top{padding:0;}
|
||||
.ui--wrapper.ui---aside.fixed-width .ui--section-container{max-width:1440px;margin:0 auto;padding-right:inherit}
|
||||
/* GNB 스크롤색전환 */
|
||||
#header-design .brand-text, #header-design .ui--top .nav-link, #header-design .ui--top .right-container>li > a{color:#fff}
|
||||
#header-design.bg-ctrl .brand-text,#header-design.bg-ctrl .ui--top .nav-link,#header-design.bg-ctrl .ui--top .right-container>li > a{color:currentColor}
|
||||
.scroll-bg{background-color:#fff;position:absolute;width:100%;height:100%;opacity:0;transition: all .5s ease;}
|
||||
.bg-ctrl .scroll-bg{box-shadow:.125rem .125rem .25rem 1px rgba(0,0,0,.075);opacity:1;}
|
||||
|
||||
/* Aside */
|
||||
.ui--aside-item{display:none;opacity:0;position:fixed;top:55px;left:auto;right:50px;background-color:#fff;z-index:120;}
|
||||
.ui--aside-item h4{position:relative;}
|
||||
.ui--aside-item .close{position:absolute;top:0;right:0;z-index:200;font-size:.85rem;}
|
||||
.ui--aside-icon.active .ui--aside-item{display:block;opacity:1;transition:opacity .15s linear;animation-name:fadeInOpacity;animation-iteration-count:1;animation-timing-function:ease-in;animation-duration:2s;}
|
||||
|
||||
/* gnb notice */
|
||||
.ui--notice{background-color:#fff;width:772px;height:502px;}
|
||||
.ui--notice h5{background-color: #eee;height:34px;border-bottom:1px solid #ddd;font-size:14px;font-weight:bold;padding:10px 16px;margin-bottom:0;}
|
||||
.ui--notice h5 .close{margin:5px 7px 0 0;}
|
||||
.ui--notice h5 .close .bi{font-size:17px;}
|
||||
.ui--notice-row{height:466px;display:flex;flex-wrap:wrap;}
|
||||
.ui--notice-list{background-color:#f8f9fa;flex: 0 0 277px;max-width:277px;border-right:1px solid #ddd;height:466px;overflow:auto;}
|
||||
.ui--notice-list a{background-color:#f8f9fa;border-bottom:1px solid #ddd;display:block;padding:12px 16px;}
|
||||
.ui--notice-list a.active{background-color:#fff;border-left:2px solid #54c8b9;padding:12px 16px 12px 14px;cursor:default;color:inherit;text-decoration:none;}
|
||||
.ui--notice-contents{flex: 0 0 495px;max-width:495px;height:467px;overflow:auto;}
|
||||
.ui--in-board{padding:2rem;}
|
||||
.ui--notice-list a.notread{font-weight:bold;color:#3da8b0}
|
||||
|
||||
.ui--utility-item{display:none;position:absolute;top:45px;right:0;background:#fff;border-radius:3px;box-shadow: 0 0 3px rgba(86, 96, 117, 0.7);}
|
||||
.ui--utility-item .close{position:absolute;top:0;right:0;z-index:200;font-size:.85rem;}
|
||||
.ui--utility-item.active{display:block;}
|
||||
.ui--utility-item.ui--utility-language ul .ui--utility-item ul li{border-bottom:none;}
|
||||
.ui--utility-item.ui--utility-language ul li>a{display:block;white-space:nowrap;border-radius:3px;padding:7px 15px;}
|
||||
.ui--utility-item.ui--utility-language ul li>a:hover{background-color:#f5f5f5;text-decoration:none;color:inherit}
|
||||
.ui--utility-item.ui--utility-language ul li.selected>a{background-color:#7a93d8;text-decoration:none;cursor:default;color:#fff;}
|
||||
.ui--utility-item.ui--user{border:none;}
|
||||
.ui--utility-item .ui--slide{line-height:inherit!important;}
|
||||
.ui--utility-tooltip{--bs-tooltip-bg:var(--bs-secondary);}
|
||||
.ui--user-last{background-color:#a79dc7;}
|
||||
|
||||
/* user */
|
||||
.ui--user{width:300px;border:1px solid #999;padding:20px;}
|
||||
.ui--user h4{position:absolute;top:15px;right:15px;}
|
||||
.ui--user ul,.ui--user li{margin:0;padding:0;list-style:none;}
|
||||
.ui--btn-logout{font-size:12px;border:1px solid #d4d4d4;padding:.15rem .6rem;margin-top:-3px;margin-left:12px;vertical-align:middle;}
|
||||
.ui--btn-logout:hover{background-color:#f8f8f8;}
|
||||
.ui--btn-contact{display:block;text-align:center;padding:.55rem;background-color:#f8f8f8;border-top:1px solid #ebebeb;}
|
||||
.ui--btn-contact:hover{background-color:#e9ecef;text-decoration:none;}
|
||||
.ui--user-info li:first-child{margin-right:25px;}
|
||||
.ui--user-info .ui--link-user{color:#3263a8;}
|
||||
.ui--user .ui--contact-info{margin:20px -20px -20px -20px!important;}
|
||||
.ui--user .ui--contact-info li:first-child .ui--btn-contact{border-right:1px solid #ebebeb;}
|
||||
/* sitemap */
|
||||
.ui--sitemap-container{height:calc(100vh - 100px);}
|
||||
.ui--sitemap-container .modal-body{padding-top:2rem;overflow-y:auto;}
|
||||
.ui--sitemap-container [class*='col-']{border-left:1px solid #e4eaec;margin-left:-1px;padding:0 0 0 2rem;}
|
||||
.ui--sitemap-container [class*='col-']:first-child{border:none;}
|
||||
.ui--sitemap-container .row{margin-left:0;margin-right:0;}
|
||||
.ui--sitemap-container ul,.sitemap-container li{list-style:none;margin:0;padding:0;}
|
||||
.ui--sitemap-container h4{font-size:28px;margin-top:-1.75rem;margin-bottom:2rem;}
|
||||
.ui--sitemap-container .ui--menu-title{font-size:21px;margin-bottom:20px;color:#9742ec;}
|
||||
.ui--menu-group .ui--menu-list li{padding:5px 0 3px 20px;}
|
||||
.ui--menu-group .ui--menu-list{margin-bottom:20px!important;}
|
||||
.ui--menu-group li:last-child .ui--menu-list{margin-bottom:0!important;}
|
||||
.ui--aside-item.ui--sitemap-container{width:calc(100% - 50px);height:calc(100% - 56px);overflow-y:auto;padding:50px;border:1px solid #999;}
|
||||
.ui--aside-item.ui--sitemap-container .modal-body{padding-top:0rem;}
|
||||
.ui--aside-item.ui--sitemap-container .btn-close{margin-top:-4rem;}
|
||||
/* quick menu */
|
||||
.ui--aside-quick{min-height:100%;height:100%;width:210px;border-right:1px solid #999;border-left:1px solid #999;display:none;}
|
||||
.ui--aside-quick .ui--quick-menu{height:100%;}
|
||||
.ui--aside-quick .ui--quick-menu .ui--quick-list{height:calc(100% - 105px);overflow:auto;}
|
||||
.ui--quick-menu .ui--quick-header{background-color:#8c8c8c;color:#fff;font-weight:bold;padding:10px 32px 10px 10px;height:50px;display:flex;}
|
||||
.ui--quick-menu .ui--quick-header h5{font-size:14px;font-weight:bold;margin-bottom:0;display:flex;align-items:center;padding-left:7px;}
|
||||
.ui--quick-menu .ui--quick-header .ui--button-right{position:absolute;top:13px;right:7px;}
|
||||
.ui--quick-menu .ui--quick-header .btn{width:23px;height:23px;color:#333;padding:0;line-height:1rem;float:left;}
|
||||
.ui--quick-menu .ui--quick-header .btn .bi{font-size:16px;display:flex;justify-content:center;}
|
||||
.ui--quick-menu .ui--quick-header .form-control{background-color:#666;border:1px solid #333;border-radius:0;height:30px;color:#fff;}
|
||||
.ui--quick-menu .ui--quick-header .form-control:focus{box-shadow:0 0 1px 2px #999}
|
||||
.ui--quick-menu .ui--quick-header .form-control::placeholder{color:#BEBEBE;}
|
||||
.ui--quick-menu ul>li{border-bottom:1px solid #dedddf;padding:4px 5px;}
|
||||
.ui--aside-quick.ui--setting{right:259px;border-right:1px solid #dedddf;}
|
||||
.ui--aside-quick.ui--setting .form-control{line-height:1.3;}
|
||||
.ui--quick-list li{position:relative;}
|
||||
.ui--quick-list li>a{display:block;padding:.375rem .75rem;}
|
||||
.ui--quick-list li>.btn{position:absolute;top:7px;right:3px;}
|
||||
.ui--quick-list li>.btn .bi{font-size:16px;color:#999}
|
||||
.ui--quick-list li>.btn:hover .bi{color:#9742ec;}
|
||||
.ui--quick-list li.selected{background-color:#f5f5f5;color:#888;}
|
||||
.ui--quick-list li.selected>a{text-decoration:none;cursor:default;color:inherit;}
|
||||
.ui--quick-list li.selected>.btn{display:none;}
|
||||
.ui--quick-list li .bi.bi-grip-vertical{vertical-align:middle;margin:-2px 1px 0 -4px;}
|
||||
/* language */
|
||||
.ui--aside-language{position:absolute;top:0;left:auto;right:50px;border:1px solid #999;}
|
||||
/* timezone */
|
||||
.ui--aside-timezone{position:absolute;top:-100%;left:auto;right:50px;border:1px solid #999;width:570px;padding:20px;}
|
||||
.ui--timezone h4{font-size:21px}
|
||||
.ui--timezone h5{padding:15px;background-color:#f4f6f9;text-align:center;border:1px solid #dcdcdc;font-size:16px;}
|
||||
.ui--timezone li{padding:3px 0;font-size:13px;/*list-style-type: disc!important;margin-left:17px;*/}
|
||||
/*translate*/
|
||||
.ui--translate-target,.ui--translate-result{border:1px solid #ced4da;}
|
||||
.ui--translate-target textarea{padding:20px 30px 20px 20px;}
|
||||
.ui--translate-result textarea{padding:20px;}
|
||||
.ui--translate-target textarea,.ui--translate-result textarea{font-size:16px;outline:none;border:none;background-color:transparent;line-height:1.6;height:500px;}
|
||||
.ui--translate-target textarea:focus,.ui--translate-result textarea:focus{outline:none!important;box-shadow:none;background-color:transparent;}
|
||||
.ui--translate-target{position:relative;margin-right:-.75rem;}
|
||||
.ui--translate-target .ui--btn-icon-mi{position:absolute;top:10px;right:15px;color:#666;}
|
||||
.ui--translate-result{margin-left:-.75rem;background-color:#e9ecef;}
|
||||
/* portal search*/
|
||||
.ui--utility-search{position:relative;}
|
||||
.ui--utility-search input{padding:.75rem 2.5rem .75rem 3rem;font-size:18px;border:2px solid #53c7b8;border-radius:36px;}
|
||||
.ui--utility-search .ui--icon-search{font-size:24px;color:#53c7b8;position:absolute;top:14px;left:14px;}
|
||||
.ui--utility-search .ui--btn-clear{position:absolute;top:10px;right:5px;border-radius:50%}
|
||||
.ui--utility-search .ui--btn-clear:focus{border:2px dotted #53c7b8;}
|
||||
|
||||
/* SUB */
|
||||
.breadcrumb{background-color:transparent;}
|
||||
.breadcrumb-item a{cursor:default;text-decoration:none;color:inherit;}
|
||||
.breadcrumb-item+.breadcrumb-item::before{content:">"}
|
||||
.board-title{position:relative;max-width:0;}
|
||||
.board-title .text-truncate{ max-width: 100%;}
|
||||
.board-title.title-reply .text-truncate{width:calc(100% - 80px);}
|
||||
.board-title.title-reply .btn-replay{position:absolute;top:2px;right:2px;padding:.2rem .3rem .2rem .5rem;border-radius:0;}
|
||||
.col-form-radio{display:flex;align-items:center;margin-top:3px;}
|
||||
|
||||
/* POPUP & MESSAGE BOX */
|
||||
.modal-dialog{max-width:100%;}
|
||||
.modal-header .modal-title{font-size:19px;}
|
||||
.modal-footer .btn{font-size:1rem;}
|
||||
|
||||
/* button */
|
||||
.input-group-append .btn.btn-outline-secondary{padding: .375rem .55rem;}
|
||||
.btn-sm,.btn-lg,.btn-search{box-shadow:0 2px 6px 0 rgba(134,142,150,.3);}
|
||||
.btn-primary{color:#fff;background-color:#6786cd;border-color:#4d6db5;}
|
||||
.btn-primary:hover{background-color:#3263a8;border-color:#00286e;}
|
||||
.btn-secondary{color:#fff;background-color:#868e96;border-color:#868e96;}
|
||||
.btn-group-lg > .btn, .btn-lg{font-size:1rem;padding:.4rem 1rem;}
|
||||
.btn-outline-secondary{border:1px solid #ced4da;}
|
||||
|
||||
/* ADMIN */
|
||||
/* board_add list */
|
||||
.add-list{margin-top:10px;margin-bottom:10px;width:60%}
|
||||
.add-list .list-group .list-group-item:first-child{padding:4px 10px}
|
||||
.add-list .list-group .list-group-item{padding:4px 50px 4px 10px }
|
||||
.add-list .list-group .list-group-item .ui--btn-icon-sm{position:absolute;top:10px;right:16px;}
|
||||
/* board_button checkbox */
|
||||
.btn-checkbox{border:1px solid #ddd;padding:.3rem .5rem;font-size:14px;cursor:pointer}
|
||||
.btn-checkbox:hover{border-color:#0062cc;color:#0062cc;}
|
||||
.btn-checkbox i{font-size:16px;vertical-align:text-bottom;color:#666;}
|
||||
.btn-checkbox:hover i{color:#0062cc;}
|
||||
.btn-checkbox.active{background-color:#ffc107;border-color:#ffc107;}
|
||||
.btn-checkbox.active i{color:inherit;}
|
||||
|
||||
/* MISCELLANEOUS */
|
||||
.invalid-feedback{font-size:12px;}
|
||||
.valid-feedback{position:absolute;top:100%;z-index:5;width:auto;max-width:100%;padding:.25rem.5rem;margin-top:0;font-size:0.87rem;line-height:1.5;color:#fff;background-color:rgba(40,167,69,.8);border-radius:.25rem;}
|
||||
.invalid-feedback{position:absolute;top:100%;z-index:5;width:auto;max-width:100%;padding:.25rem.5rem;margin-top:0;font-size:0.87rem;line-height:1.5;color:#fff;background-color:rgba(220,53,69,.8);border-radius:.25rem;}
|
||||
/*feedback position*/
|
||||
table td{position:relative;}
|
||||
td .valid-feedback,td .invalid-feedback{margin-top:-0.2rem;}
|
||||
[class*='mb-']{position:relative;}
|
||||
.page-item.active .page-link{background-color:#868e96;border-color:#868e96;}
|
||||
/* form */
|
||||
.input-date-in{width:170px;margin:0 auto;display:-ms-inline-flexbox!important;display:inline-flex!important;}
|
||||
|
||||
/* card */
|
||||
.card-img{width:100%;padding-bottom:66.66%;background-color:#f4f6f9;position:relative;}
|
||||
.card-img img{position:absolute;left:0;right:0;margin-left:auto;margin-right:auto;height:100%;max-width:100%;}
|
||||
.card h4{font-size:19px;display:block;overflow:hidden;white-space:nowrap;text-overflow:ellipsis;}
|
||||
.card-columns{margin-bottom:1rem;}
|
||||
.card-columns .card{margin-bottom:0;border-radius:0;}
|
||||
|
||||
/* main */
|
||||
.jumbotron.index-img{margin:-20px -50px 0;border-radius:0}
|
||||
.bg-cover{background-position:center center!important;background-repeat:no-repeat!important;background-size:cover;}
|
||||
.index-img{position:relative;height:530px;display:flex;align-items:center;background-size:cover;background-position:50%;}
|
||||
.index-gradient{background-image:linear-gradient(120deg,#497eca,#d3abf2);opacity:.85;position:absolute;width:100%;height:100%;}
|
||||
.index-img .container{margin-top:-24px;z-index:1;}
|
||||
.index-img .main-text{color:#fff;}
|
||||
.index-img .main-text h1{font-size:55px;font-weight:bold;background: linear-gradient(to left top, #7b4bcd 25%, #0cb19b 75%);-webkit-background-clip: text;-webkit-text-fill-color: transparent;line-height:1em;color:#fff;margin-bottom:1.25rem;}
|
||||
.index-img .main-text strong{font-family:SamsungSharpSans;display:block;font-size:2.5rem;margin-bottom:.5rem;}
|
||||
.index-img .main-text p{font-size:1.25rem;letter-spacing:-.025rem;opacity:.8;}
|
||||
.index-img .main-text p a:hover{color:#5b3a89;}
|
||||
.index-img .main-image img{max-width:450px;}
|
||||
.btn-main-primary,.btn-main-secondary{font-size:16px;font-weight:bold;border-radius:1.143rem;padding-left:1.25rem;padding-right:1.25rem;}
|
||||
.btn-main-primary{background:#3263a8;border:1px solid #3263a8;color:#fff;min-width:130px;}
|
||||
.btn-main-primary:hover{background:#1f559f;border:1px solid #00286e;color:#FFFFFF;}
|
||||
.btn-main-secondary{background:#e1e2f6;border:1px solid #dee2e6;min-width:130px;}
|
||||
.btn-main-secondary:hover{background:#b7bae2;color:#000;border:1px solid #dee2e6;}
|
||||
.link-main{white-space:nowrap;color:currentColor;}
|
||||
.link-main:hover{text-decoration:underline;color:#5b3a89;}
|
||||
.example-card-text{color:#6c74bf;padding:0;}
|
||||
|
||||
/* main contents */
|
||||
.mcontents{padding:60px;margin:0 -50px;}
|
||||
.mcontents .container{margin-left:auto;margin-right:auto;}
|
||||
.mcontents-bg-gray{background-color:#f9fafb;}
|
||||
.mcontents-bg-white{background-color:#fff;}
|
||||
.uppercase{text-transform:uppercase;}
|
||||
.mcontents .section-heading{margin-bottom:2.5rem;}
|
||||
.mcontents .section-heading h4{font-size:36px;}
|
||||
.mcontents .section-heading p{font-size:16px}
|
||||
.mcontents .section-heading2{margin-bottom:1.25rem;}
|
||||
.mcontents .section-heading2 h4{font-size:24px;font-weight:bold;}
|
||||
|
||||
.mcontents.box-welcome-example{width:1000px;margin:-120px auto 0;padding:10px}
|
||||
.box-welcome-example-in{border-radius: 1rem;backdrop-filter: saturate(200%) blur(30px);background-color: hsla(0, 0%, 100%, .8) !important;box-shadow: inset 0 0 1px 1px hsla(0, 0%, 100%, .9), 0 20px 27px 0 rgba(0, 0, 0, .05) !important;}
|
||||
.box-welcome-example hr{position:absolute;right:0;top:0;height:100%;width:1px;background-color:transparent;background-image:linear-gradient(180deg, transparent, rgba(0, 0, 0, .4), transparent);margin:0}
|
||||
.box-card-example{padding:40px 40px 60px}
|
||||
.box-link-example{padding:40px}
|
||||
.statistic-title{font-size:90% !important;margin-bottom:.5rem;}
|
||||
.statistic-content{font-size:250% !important;font-weight:bold; min-height:28px;color:#5f568b;}
|
||||
|
||||
.board-box{margin-right:25px;}
|
||||
.boardlist-view{margin-top:1.875rem}
|
||||
.boardlist-view strong{display:block;margin-bottom:.5rem;}
|
||||
.mcontents-bg-gray .list-group{--bs-list-group-bg:#f9fafb;}
|
||||
|
||||
.main-welcome-text h5{font-size:1.5rem;}
|
||||
.main-welcome-text p{margin-bottom:0;}
|
||||
.example-box-link{background-color:#fff;}
|
||||
.example-box-link a{color:#436db2}
|
||||
.example-box-link:hover{background-color:#7a93d8;cursor:pointer;}
|
||||
.example-box-link:hover h5, .example-box-link:hover p, .example-box-link:hover i.bi, .example-box-link:hover a{color:#fff;}
|
||||
.example-box-link i.bi{color:#436db2}
|
||||
|
||||
.box-card-example h5{font-size:16px;font-weight:bold;line-height:24px;margin-top:15px;margin-bottom:12px}
|
||||
.box-card-example p{margin-bottom:inherit;opacity:.8;}
|
||||
.box-tab-example .nav .nav-item .nav-link{font-size:16px;font-weight:bold;color:#000;text-decoration:none;padding:0 0 3px 0;margin:0 20px;}
|
||||
.box-tab-example .nav .nav-item .nav-link.active{border-bottom:3px solid #436db2;color:#436db2;background-color:inherit;border-radius:0px;}
|
||||
|
||||
.example-card-group{border-top:1px solid #000;padding-top:18px;font-size:16px;font-weight:bold}
|
||||
.example-box-1{background-color:#f8f9fa;padding:25px}
|
||||
.example-box-2{background-color:#dee2e6;padding:20px}
|
||||
.example-box-3{background-color:#777;width:100%;}
|
||||
|
||||
/* Main 하단 웨이브 */
|
||||
.waves{position:relative;width:100%;height:16vh;margin-bottom:-7px;min-height:100px;max-height:150px}
|
||||
.moving-waves>use{animation:f 40s cubic-bezier(.55,.5,.45,.5) infinite}
|
||||
.moving-waves>use:first-child{animation-delay:-2s;animation-duration:11s}
|
||||
.moving-waves>use:nth-child(2){animation-delay:-4s;animation-duration:13s}
|
||||
.moving-waves>use:nth-child(3){animation-delay:-3s;animation-duration:15s}
|
||||
.moving-waves>use:nth-child(4){animation-delay:-4s;animation-duration:20s}
|
||||
.moving-waves>use:nth-child(5){animation-delay:-4s;animation-duration:25s}
|
||||
.moving-waves>use:nth-child(6){animation-delay:-3s;animation-duration:30s}
|
||||
@keyframes f{0%{transform:translate3d(-90px,0,0)}to{transform:translate3d(85px,0,0)}}
|
||||
|
||||
/* icon size */
|
||||
.icon-size-14{font-size:14px;}
|
||||
.icon-size-18{font-size:18px;}
|
||||
.icon-size-24{font-size:24px;}
|
||||
.icon-size-28{font-size:28px;}
|
||||
.icon-size-36{font-size:36px;}
|
||||
.icon-size-40{font-size:40px;}
|
||||
.icon-size-48{font-size:45px;}
|
||||
|
||||
.color-1{color:#2a5294;}
|
||||
.transition-ease-5{transition: all .5s ease;}
|
||||
.sdl-ellipsis{display:block;overflow:hidden;white-space:nowrap;text-overflow:ellipsis;}
|
||||
|
||||
.group-header{position:relative;margin-top:20px;}
|
||||
.group-header h4{font-size:17px;margin-bottom:1.2rem;}
|
||||
.group-header small{position:absolute;top:0;right:0;}
|
||||
.group-header small a{color:#8f97aa;}
|
||||
.list-border .list-group-item{border-width:0 0 1px 0;border-style:solid;border-color:#e1e7f7;border-radius:0;margin-bottom:0;padding:.75rem 0}
|
||||
.list-border .list-group-item a{width:calc(100% - 80px);}
|
||||
.list-border .list-group-item:last-child{border-bottom:none;}
|
||||
.help-box{border-left:1px solid #e1e7f7;flex:0 0 21%;max-width:21%;padding:0 30px;}
|
||||
.help-box ul{list-style:none;margin:0;padding:0;}
|
||||
.help-box li{margin:0;padding:10px;text-align:center}
|
||||
.help-box ul li:first-child{border-bottom:1px solid #e1e7f7}
|
||||
.help-box .text-tell{font-size:21px;margin-bottom:0;white-space:nowrap;}
|
||||
.help-box .itvoc a{display:inline-block;padding:5px;}
|
||||
|
||||
/* LOGIN */
|
||||
.form-login.login-info .file-list > ul{overflow:hidden;}
|
||||
.form-login.login-info .file-list > ul li{border-bottom:1px solid #f7f7f7;}
|
||||
.form-login.login-info .file-list > ul li:last-child{border:none;}
|
||||
.form-login.login-info .file-list > ul li label{display:flex;}
|
||||
|
||||
/* POPUP & MESSAGE BOX */
|
||||
.sdl-wrap{display:flex;align-items:center;}
|
||||
.sdl-center{height:40%;overflow:auto;margin:auto;position:absolute;top:0;left:0;bottom:0;right:0;}
|
||||
.msg-box{margin:0;text-align:left;}
|
||||
.msg-icon{padding:10px;width:80px;float:left}
|
||||
.msg-text{float:left; padding-top:10px;width:calc(100% - 80px);}
|
||||
.msg-text h3{font-size:1.6rem;line-height:2.5rem;}
|
||||
.msg-text h4{font-size:1.3rem;}
|
||||
.msg-text .list-unstyled{margin-top:5px;font-size:15px;}
|
||||
.msg-text .contact{font-size:16px;padding:10px 0;}
|
||||
.msg-text .contact:after{content:'';display:block;clear:both;}
|
||||
.wd-1{width:320px}
|
||||
.wd-2{width:450px}
|
||||
.wd-3{width:600px}
|
||||
.sdl-wrap .ui--footer-container{position:absolute;width:100%;bottom:0;left:0;padding:20px 50px;border-top:1px solid #e4eaec;}
|
||||
.modal-header .modal-title{font-size:19px;}
|
||||
.modal-footer .btn{font-size:1rem;}
|
||||
.privacy{position:absolute;right:50px;top:12px;}
|
||||
.privacy .form-control{width:130px;}
|
||||
.modal-content{border:none;}
|
||||
|
||||
/* REGISTER */
|
||||
.register-wrap .ui--wrapper{min-width:650px;}
|
||||
.register-wrap .ui--top{display:flex;align-items:center;min-width:750px;}
|
||||
.register-wrap .right-container{float:right;margin-left:auto;}
|
||||
.register-wrap .ui--section-container{padding-left:0;padding-right:0;padding-bottom:60px;}
|
||||
.register-wrap .ui--content-heading{margin:-20px -50px 25px;padding:20px 50px;}
|
||||
.register-wrap h4{font-size:18px;}
|
||||
.register-wrap h4 .ui--text-required{font-size:12px;margin-top:7px;}
|
||||
.agree-container .card-header{padding:.5rem 1.25rem;}
|
||||
.agree-container .card-title{margin-bottom:0;font-size:16px;font-weight:bold;}
|
||||
.agree-container h4{font-size:18px;}
|
||||
.agree-container .card-footer{text-align:right;}
|
||||
.agree-container .card-footer .form-check{display:inline-block;}
|
||||
.form-register{width:720px;margin:35px auto 0;}
|
||||
.form-register > .form-horizontal{width:100%;background-color:#fff;padding:20px;border-radius:.25rem;border:1px solid #e4eaec;}
|
||||
.form-register .form-group .ui--text-required{position: absolute;top:10px;right:0;}
|
||||
.find-container{width:400px;margin:5rem auto;}
|
||||
.find-container .tab-content h4 small{display:block;padding-top:.5rem;font-size:12px;}
|
||||
Binary file not shown.
Binary file not shown.
Binary file not shown.
Binary file not shown.
Binary file not shown.
Binary file not shown.
Binary file not shown.
Binary file not shown.
Binary file not shown.
Binary file not shown.
Binary file not shown.
Binary file not shown.
Binary file not shown.
Binary file not shown.
Binary file not shown.
Binary file not shown.
Binary file not shown.
Binary file not shown.
Binary file not shown.
Binary file not shown.
Binary file not shown.
Reference in New Issue
Block a user