/* 공통 */
html , body {background:#e1e5e6;}
.wrapper {min-width:1900px;}
.flex-1 {min-width:0;}
* {letter-spacing:-0.5px;}
*:not(html,body)::-webkit-scrollbar {width:10px; height:4px; background:rgba(136, 136, 136, 0.4); border-radius:30px;}
*:not(html,body)::-webkit-scrollbar-thumb {background:#888; height:4px; border-radius:30px;}
.required {position:relative;}
.required:after {display:inline-block; content:"*"; color:#ff0000; margin-left:2px; position:relative; top:-2px;}
/* 헤더 */
header .header-top {z-index:10000; position:fixed; left:0; top:0; width:100%; min-width:1920px; display:flex; flex-wrap:wrap; justify-content:space-between;}
header .header-top h1 {width:210px;}
header .header-top h1 a img {width:100%; height:100%; object-fit:cover;}
header .header-top .header-user {display:flex; flex-wrap:wrap; align-items:center; background:#D0D2D4; padding-right:25px;}
header .header-top .header-user ul {height:100%; display:flex; flex-wrap:wrap; align-items:center; justify-content:flex-end;}
header .header-top .header-user ul li {margin-right:15px;}
header .header-top .header-user ul li:last-of-type {margin-right:0;}
header .header-top .header-user ul li a {display:flex; flex-wrap:wrap; align-items:center; color:#666666; font-size:14px;}
header .header-top .header-user ul li a:before {display:inline-block; content:""; margin-right:5px; width:22px; height:22px; background-size:cover; background-position:center;}
header .header-top .header-user ul li a:hover {color:#282828;}
header .header-top .header-user ul li.logout a:before {background-image:url('../images/icon_logout.png');}
header .header-top .header-user ul li.user a:before {background-image:url('../images/icon_user.png');}
header .header-top .header-user ul li.help a:before {background-image:url('../images/icon_help.png');}
/*
header .header-bottom {display:flex; flex-wrap:wrap; align-items:center;}
header .header-bottom .header-select {position:relative; width:210px; z-index:100;}
header .header-bottom .header-select button {width:100%; background:#2a89c1; color:#fff; font-size:20px; font-weight:bold; height:55px; display:flex; flex-wrap:wrap; align-items:center; justify-content:center; position:relative;}
header .header-bottom .header-select button:after {border:1px solid #fff; border-width:0 1px 1px 0; position:absolute; right:15px; top:45%; transform:translateY(-50%) rotate(45deg); width:10px; height:10px; content:"";}
header .header-bottom .header-select button:hover {background:#0f80c2;}
header .header-bottom .header-select dl {display:none; position:absolute; left:0; top:55px; width:100%; background:#fff; border:1px solid #ccd0d2;}
header .header-bottom .header-select dl dd {border-bottom:1px solid #ccd0d2;}
header .header-bottom .header-select dl dd:last-of-type {border:0;}
header .header-bottom .header-select dl dd a {display:flex; flex-wrap:wrap; align-items:center; font-size:16px; padding:10px;}
header .header-bottom .header-select dl dd a:hover {background:#697e8f; color:#fff;}
*/
header .header-top .header-category {flex:1; background:#D0D2D4;}
header .header-top .header-category ul {display:flex; flex-wrap:wrap; align-items:center; max-height: 55px; overflow: hidden; transition: max-height 0.3s ease;}
header .header-top .header-category ul:hover {max-height: 500px;}
header .header-top .header-category ul li {width:130px; position:relative;}
header .header-top .header-category ul li:after {position:absolute; right:0; top:50%; transform:translateY(-50%); width:1px; height:calc(100% - 25px); background:#e2e1e1 ; content:"";}
header .header-top .header-category ul li a {height:55px; font-size:18px; color:#666666; background:#D0D2D4; display:flex; flex-wrap:wrap; align-items:center; justify-content:center;}
header .header-top .header-category ul li:hover:after {display:none;}
header .header-top .header-category ul li:hover a {background:#697e8f; color:#fff; font-weight:600; position:relative;}
header .header-top .header-category ul li:hover a:after {position:absolute; left:0; bottom:0; width:100%; height:5px; background:#34afa4; content:"";}
header .header-top .header-category ul li.active:after {display:none;}
header .header-top .header-category ul li.active a {background:#697e8f; color:#fff; font-weight:600; position:relative;}
header .header-top .header-category ul li.active a:after {position:absolute; left:0; bottom:0; width:100%; height:5px; background:#34afa4; content:"";}
header .header-top .header-category.menu-scrollable {position:relative; display:flex; align-items:center; overflow:hidden;}
header .header-top .header-category.menu-scrollable .menu-scroll {flex:1; overflow:hidden;}
header .header-top .header-category.menu-scrollable .menu-scroll ul {display:flex; flex-wrap:nowrap; align-items:center; height:55px; max-height:none; padding:0 34px; overflow-x:auto; overflow-y:hidden; scroll-behavior:smooth; scrollbar-width:none;}
header .header-top .header-category.menu-scrollable .menu-scroll ul:hover {max-height:none;}
header .header-top .header-category.menu-scrollable .menu-scroll ul::-webkit-scrollbar {display:none;}
header .header-top .header-category.menu-scrollable .menu-scroll ul li {flex:0 0 130px; width:130px;}
header .header-top .header-category.menu-scrollable .menu-scroll-btn {position:absolute; top:0; z-index:5; width:34px; height:55px; border:0; background:linear-gradient(90deg, rgba(208,210,212,1) 0%, rgba(208,210,212,0.85) 70%, rgba(208,210,212,0) 100%); color:#55606a; font-size:18px; font-weight:700; cursor:pointer; display:flex; align-items:center; justify-content:center; padding:0;}
header .header-top .header-category.menu-scrollable .menu-scroll-btn.right {right:0; background:linear-gradient(270deg, rgba(208,210,212,1) 0%, rgba(208,210,212,0.85) 70%, rgba(208,210,212,0) 100%);}
header .header-top .header-category.menu-scrollable .menu-scroll-btn.left {left:0;}
header .header-top .header-category.menu-scrollable .menu-scroll-btn.is-hidden {display:none;}
/* 본문공통 */
section {display:flex; flex-wrap:wrap;}
aside {position:fixed; left:0; top:55px; width:210px; background:#092e41; min-height:100%; z-index:10000;}
aside .aside-head ul {display:flex; flex-wrap:wrap; align-items:center;}
aside .aside-head ul li {width:50%;}
aside .aside-head ul li a {font-size:16px; font-weight:500; height:50px; display:flex; flex-wrap:wrap; align-items:center; justify-content:center;}
aside .aside-head ul li a i {margin-right:5px;font-size:17px; } /* lks 추가: font 사이즈 추가함*/
aside .aside-head ul li:first-of-type a {background:#d3d8dc; color:#2d3841;}
aside .aside-head ul li:first-of-type a:hover {background:#c2cbd2;}
aside .aside-head ul li:last-of-type a {background:#026d81; color:#fff;}
aside .aside-head ul li:last-of-type a:hover {background:#0f6170;}
/* lks 추가 시작*/
aside .aside-head ul.selected-tap li:first-of-type a {background:#026d81; color:#fff;}
aside .aside-head ul.selected-tap li:first-of-type a:hover {background:#0f6170;}
aside .aside-head ul.selected-tap li:last-of-type a {background:#d3d8dc; color:#2d3841;}
aside .aside-head ul.selected-tap li:last-of-type a:hover {background:#c2cbd2;}
/* lks 추가 끝*/
aside .aside-body ul li > a {position:relative; font-size:16px; padding:10px 25px; font-weight:500; color:#d9dadc; display:flex; flex-wrap:wrap; align-items:center; border-bottom:1px solid #414b5b;}
aside .aside-body ul li > a.toggle:after {transition:all ease 0.5s; border:1px solid #fff; border-width:0 1px 1px 0; position:absolute; right:15px; top:45%; transform:translateY(-50%) rotate(45deg); width:6px; height:6px; content:"";}
aside .aside-body ul li:hover > a {background:#011e2d; color:#fff;}
aside .aside-body ul li dl {display:none; border-bottom:1px solid #414b5b; padding: 7px 0;}
aside .aside-body ul li dl dd a {font-size:14px; color:#d9dadc; padding:6px 20px 6px 30px; display:flex; flex-wrap:wrap; align-items:center; justify-content:space-between;}
aside .aside-body ul li dl dd a i {font-size:12px; color:#f4f4f5;}/* lks 추가: font 사이즈 변경함*/
aside .aside-body ul li dl dd:hover a {background:#465767; position:relative;}
aside .aside-body ul li dl dd:hover a:before {position:absolute; left:0; top:0; width:3px; height:100%; content:""; background:#7eb1cc;}
aside .aside-body ul li dl dd.active a {background:#465767; position:relative;}
aside .aside-body ul li dl dd.active a:before {position:absolute; left:0; top:0; width:3px; height:100%; content:""; background:#7eb1cc;}
aside .aside-body ul li dl dd a.favorite i {color:#fabd00;}
aside .aside-body ul li.active > a {background:#011e2d; color:#fff;}
aside .aside-body ul li.active > a.toggle:after {transform:translateY(-50%) rotate(-135deg);}
aside .aside-body ul li.active dl {background:#011e2d;}
article {flex:1; min-width:0; padding-left:210px; padding-top:45px; background:#e1e5e6;}
/* ───────── FMS 셸 임베드(dpms 화면 재사용) ─────────
dpms 원본은 자체 헤더(45px)+좌측메뉴(210px)를 전제로 article 에 오프셋 패딩을 준다.
FMS(dfms)는 셸(fms_main)의 iframe 안에 임베드하므로 그 헤더·메뉴가 셸 쪽에 있어
article 의 오프셋 패딩은 불필요한 여백이 된다. 오프셋을 제거하고 dfms 컨텐츠 여백
규격(내부 .head-box padding:20px)에 맞춘다. */
body.fms-embed .wrapper {min-width:0;}
body.fms-embed article {padding-left:0; padding-top:0;}
/* 로그인 */
.login-box {position:relative; height:100vh; background:url('../images/bg_login.jpg') no-repeat center / cover;}
.login-box > .box {display:flex; flex-wrap:wrap; align-items:center; justify-content:center; position:absolute; left:50%; top:50%; transform:translate(-50%,-50%); background:#fff; border-radius:20px; overflow:hidden; width:calc(100% - 80px); height:calc(100% - 80px);}
.login-box > .box form {display:flex; flex-wrap:wrap; align-items:center;}
.login-box > .box form .login-content {padding-left:100px; margin-left:100px; border-left:1px dashed #b0afaf;}
.login-box > .box form .login-content .login-content-title h1 {display:flex; flex-wrap:wrap; align-items:center; justify-content:center;}
.login-box > .box form .login-content .login-content-title h1 b {font-size:50px; font-weight:bold; color:#666465; display:flex; flex-wrap:wrap; align-items:center;}
.login-box > .box form .login-content .login-content-title h1 b:after {display:inline-block; content:""; width:4px; height:4px; background:#666465; border-radius:50%; content:""; margin:0 15px;}
.login-box > .box form .login-content .login-content-title h1 b:last-of-type:after {display:none;}
.login-box > .box form .login-content .login-content-title p {margin:10px 0 0; text-align:center; font-size:16px; color:#666465;}
.login-box > .box form .login-content .login-content-form {margin:40px auto 0; max-width:400px;}
.login-box > .box form .login-content .login-content-form .input-box .box input {height:45px;}
.login-box > .box form .login-content .login-content-form .login-check {display:flex; flex-wrap:wrap; align-items:center; justify-content:center;}
.login-box > .box form .login-content .login-content-form .login-check a {display:flex; flex-wrap:wrap; align-items:center; font-size:16px;}
.login-box > .box form .login-content .login-content-form .login-check a:before {display:inline-block; content:"|"; margin:0 15px; font-size:14px;}
.login-box > .box form .login-content .login-content-form .button-box .btn {height:45px; font-size:18px; font-weight:bold;}
.login-box > .box form .login-content .login-content-form .login-info ul li {margin:0 0 5px; display:flex; flex-wrap:wrap; align-items:center;}
.login-box > .box form .login-content .login-content-form .login-info ul li:last-of-type {margin:0;}
.login-box > .box form .login-content .login-content-form .login-info ul li span {display:flex; flex-wrap:wrap; align-items:center; color:#b3b2b2; font-size:12px;}
.login-box > .box form .login-content .login-content-form .login-info ul li span:after {display:inline-block; content:"|"; margin:0 5px; font-size:10px;}
.login-box > .box form .login-content .login-content-form .login-info ul li span:last-of-type:after {display:none;}
/* 색상 */
.bg-active {background:#4A7DFF; color:#fff !important;}
.bg-black {background:#000; color:#fff !important;}
.bg-green {background:#35afa4; color:#fff !important;}
.bg-green:hover {background:#238d83;}
.bg-navy {background:#697e8f; color:#fff !important;}
.bg-navy:hover {background:#3d4c58;}
.bg-body {background:#e1e5e6;}
.bg-white {background:#ffffff;}
.bg-gray {background:#999; color:#fff !important;}
.bg-gradient {background:linear-gradient(#97d2e0,#6c9dd5);}
.bg-orange {background:#ff9900; color:navy !important;}
.bg-orange:hover {background:#3d4c58;color:#fff !important;}
/* 버튼박스 */
.button-box {display:flex; flex-wrap:wrap; align-items:center;}
.button-box .btn {border-radius:4px; padding:0 15px; height:30px; display:flex; flex-wrap:wrap; align-items:center; justify-content:center;}
.button-box .btn.bg-active:hover {background:#2762F9;}
.button-box .btn.bg-active2:hover {background:#020D14;}
.button-box .btn.disabled {background:#888 !important; color:#eee !important; border-color:#888 !important;}
.box-inner .button-box .btn {height:25px; font-size:13px; padding:0 7px;}
/* 폼 공통 */
.form-message-box {margin:5px 0 0;}
.form-message-box p {line-height:1.3; font-size:14px; font-weight:500;}
.error .form-message-box p {color:#ff0000;}
.success .form-message-box p {color:#4A7DFF;}
/* 인풋박스 */
.input-box {flex:1; position:relative;}
.input-box .box {transition:all ease 0.5s; display:flex; flex-wrap:wrap; align-items:center; background:#fff; border:1px solid #E8EBED; border-radius:4px; overflow:hidden;}
.input-box .box input {flex:1; min-width:0; color:#000000; height:30px; font-size:14px; padding:0 15px; background: rgba(255,255,255, .1);}
.input-box .box input::placeholder {color:#5F6871;}
.input-box .box input[type=file] {position:relative; top:3px;}
.input-box .box textarea {flex:1; min-width:0; color:#000; height:80px; font-size:14px; padding:15px; background:none;}
.input-box .box .box-inner {margin:0 10px; color: #2988C0;}
.input-box .box .box-inner .password-icon {display:block; width:18px; height:18px; font-size:0; background:url('../images/icon_password.svg') no-repeat center / cover;}
.input-box.password .box .box-inner .password-icon {background-image:url('../images/icon_password_off.svg');}
/* .input-box.active .box {border:1px solid #4A7DFF;} */
.input-box.focus .box {border:1px solid #4A7DFF;}
.input-box.disabled .box {background:#f1f1f1;}
.input-box.disabled .box input {color:#333333;}
.input-box.disabled .box input::placeholder {color:#999;}
.input-box.error .box {border-color:#ff0000;}
.input-box.error .box input {color:#ff0000;}
.input-box.error .box input::placeholder {color:#ff0000;}
.input-box.success .box {border-color:#4A7DFF;}
.input-box.success .box input {color:#4A7DFF;}
.input-box.success .box input::placeholder {color:#4A7DFF;}
/* 인풋박스 주민등록번호 */
.input-number-box > div.box {display:flex; flex-wrap:wrap; align-items:center; justify-content:center;}
.input-number-box > div.box span {display:inline-block; font-size:0; width:8px; height:1px; background:#000; margin:0 10px;}
.input-number-box > div.box .front-number {width:calc(50% - 14px); text-align:right;}
.input-number-box > div.box .front-number input {text-align:center; width:100%;}
.input-number-box > div.box .back-number {width:calc(50% - 14px); display:flex; flex-wrap:wrap; align-items:center; justify-content:center;}
.input-number-box > div.box .back-number input {flex:none; text-align:center; padding:0; margin-right:5px; /*min-width:none;*/ width:16px;}
.input-number-box > div.box .back-number sub {width:8px; height:8px; background:#000; border-radius:50%; font-size:0; margin-right:4px;}
.input-number-box > div.box .back-number sub:last-of-type {margin-right:0;}
/* 인풋박스 카드번호 */
.input-card-box .box b {font-size:18px; color:#929292; width:25%; text-align:center;}
.input-card-box .box em {font-size:18px; color:#000; flex:1; min-width:0;}
.input-card-box .box input {padding:0; text-align:center; flex:none; width:25%;}
/* 인풋박스 유효기간 */
.input-card-date-box .box em {font-size:18px; color:#000; flex:1; min-width:0;}
.input-card-date-box .box input {padding:0; text-align:center; flex:none; width:50%;}
/* 셀렉박스 */
.select-box .box {transition:all ease 0.5s; display:flex; flex-wrap:wrap; align-items:center; background:#fff; border:1px solid #E8EBED; border-radius:4px; overflow:hidden;}
.select-box .box select {appearance:none; -webkit-appearance:none; flex:1; min-width:0; color:#333333; height:30px; font-size:14px; padding:0 30px 0 15px; background:url('../images/icon_select.svg') no-repeat 100% center / 24px;}
.select-box .box select option {color:#333;}
.select-box.focus .box {border:1px solid #333333;}
.select-box.focus .box select {color:#333333;}
.select-box.disabled .box {background:#f1f1f1;}
.select-box.disabled .box select {color:#999;}
.select-box.error .box {border-color:#ff0000;}
.select-box.error .box select {color:#ff0000;}
.select-box.success .box {border-color:#4A7DFF;}
.select-box.success .box select {color:#4A7DFF;}
/* 체크박스 */
.check-box .check {position:relative; overflow:hidden;}
.check-box .check label {display:block; position:relative; cursor:pointer; padding-left:23px;}
.check-box .check label p {font-size:16px; color:#000; padding:2px 0;}
.check-box .check label:before {position:absolute; left:0; top:0; width:18px; height:18px; content:"";}
.check-box .check input {position:absolute; left:0; top:0; width:100%; height:100%; opacity:0; cursor:pointer;}
.check-box .check input:checked ~ label p {font-weight:600;}
.check-box .check input[type=checkbox] ~ label:before {background:url('../images/icon_checkbox.svg') no-repeat center / cover;}
.check-box .check input[type=checkbox]:checked ~ label:before {background-image:url('../images/icon_checkbox_on.svg');}
.check-box .check input[type=radio] ~ label:before {background:url('../images/icon_radio.svg') no-repeat center / cover;}
.check-box .check input[type=radio]:checked ~ label:before {background-image:url('../images/icon_radio_on.svg');}
.check-box .check ul {display:table; table-layout:fixed; width:100%; margin:-5px;}
.check-box .check ul li {display:table-cell; padding:5px; position:relative; overflow:hidden;}
.check-box .check ul li label {border:1px solid #eee; border-radius:5px; padding:0; font-size:16px;}
.check-box .check ul li label:before {display:none;}
.check-box .check ul li label p {text-align:center; padding:10px;}
.check-box .check ul li:hover label {border-color:#4A7DFF;}
.check-box .check ul li:hover label p {color:#4A7DFF; font-weight:500;}
.check-box .check ul li input:checked ~ label {border-color:#4A7DFF;}
.check-box .check ul li input:checked ~ label p {color:#4A7DFF;}
.check-box .check ul li.disabled label {background:#eee; border-color:#eee;}
.check-box .check ul li.disabled label p {color:#999; font-weight:400;}
.check-box.disabled .check input[type=checkbox] ~ label:before {background-image:url('../images/icon_checkbox_off.svg');}
.check-box.disabled .check input[type=radio] ~ label:before {background-image:url('../images/icon_radio_off.svg');}
.check-box.disabled .check label p {color:#999;}
/* 타이틀 */
.title-box {background:#fff;}
.title-box h2 {display:flex; flex-wrap:wrap; align-items:center; height:50px; padding-left:20px; font-size:25px; font-weight:600;}
.sub-title-box h3 {display:flex; flex-wrap:wrap; align-items:center; font-size:18px; color:#333; font-weight:500;}
.sub-title-box h3:before {display:inline-block; content:""; width:4px; height:15px; background:#526574; margin-right:5px;}
/*lks 추가*/
.sub-title-box h4 {display:flex; flex-wrap:wrap; align-items:center; font-size:20px; color:#333; font-weight:600;}
/*lks 추가*/
.pop-title-box {background:#fff;}
.pop-title-box h2 {display:flex; flex-wrap:wrap; align-items:center; height:40px; padding-left:20px; font-size:23px; font-weight:400;}
.pop-sub-title-box h3 {display:flex; flex-wrap:wrap; align-items:center; font-size:18px; color:#333; font-weight:500;}
.pop-sub-title-box h3:before {display:inline-block; content:""; width:4px; height:15px; background:#526574; margin-right:5px;}
/* 상단 */
.head-box {display:flex; flex-wrap:wrap; align-items:center; justify-content:space-between; padding:20px;}
/* 컨텐츠 */
.content-box {padding:0 10px 10px;}
/* 검색 */
.search-box {flex:1; min-width:0;}
.search-box form {display:flex; flex-wrap:wrap; align-items:center; justify-content:flex-end;}
.search-box form .form-group {margin-right:30px; display:flex; flex-wrap:wrap; align-items:center;}
.search-box form .form-group:last-of-type {margin-right:0;}
.search-box form .form-group .form-group-title strong {font-size:16px; color:#333333; margin-right:10px;}
.search-box form .form-group .form-group-content {flex:1; min-width:0; display:flex; flex-wrap:wrap; align-items:center;}
/*lks 추가 : 다른 ui css와 충돌 나서 새로 만듬*/
.search-box form .form-group2 {margin-right:30px; display:flex; flex-wrap:wrap; align-items:center;}
.search-box form .form-group2:last-of-type {margin-right:0;}
.search-box form .form-group2 .form-group-title strong {font-size:16px; color:#333; margin-right:10px;}
.search-box form .form-group2 .form-group-content {flex:1; min-width:0; display:flex; flex-wrap:wrap; align-items:center;}
/* 레이어 */
.layer-box {display:flex; flex-wrap:wrap;}
.layer-box .layer {flex:1; background:#fff;}
.layer-box .layer .layer-head {background:#a0afb6; padding:10px; height:50px; display:flex; flex-wrap:wrap; align-items:center; justify-content:space-between;}
.layer-box .layer .layer-head h3 {color:#fff !important;}
/*lks 추가 : 폭이 좁은 타이틀을 위하여 */
.layer-box .layer .layer-head-sm {background:#eaeded; padding:5px; height:40px; display:flex; flex-wrap:wrap; align-items:center; justify-content:space-between;}
.layer-box .layer .layer-head-sm h3 {color:#040303 !important;}
.layer-box .layer .layer-space {display:block; content:""; width:100%; height:20px; background:#e1e5e6;}
/* 테이블 */
.table-box table tr td {padding:5px; background:#fff; border-bottom:1px solid #cdd1d4;}
.table-box table tr:nth-of-type(even) td {background:var(--dpms-row-even,#FBF8F1);} /* 짝수줄 지브라 — 팀규칙 #57(색을 전역 토큰으로 통일) */
.table-box table tr:last-of-type td {background:#eef2f3;}
.table-box table.col {border-top:2px solid #a0afb6;}
.table-box table.col tr th {padding:10px; text-align:center; font-size:15px; font-weight:500; color:#333333; background:#efefef; border-bottom:1px solid #cdd1d4;}
.table-box table.col tr td {background:#fff;}
/* 탭 */
.tab-box {background:#e1e5e6;;}
.tab-box ul {display:flex; flex-wrap:wrap; /*align-items:left;*/ justify-content:left;}
.tab-box ul li a {border:1px solid #b6bfc6; height:50px; min-width:250px; background:#bec7ce; color:#717171; font-size:17px; border-radius:15px 15px 0 0; display:flex; flex-wrap:wrap; align-items:center; justify-content:center;}
.tab-box ul li:hover a {background:#697e8f; border-color:#697e8f; color:#fff; font-weight:500;}
.tab-box ul li.active a {background:#697e8f; border-color:#697e8f; color:#fff; font-weight:500;}
.tab-box.fixed ul {display:table; table-layout:fixed; width:100%;justify-content:flex-start; }
.tab-box.fixed ul li {display:table-cell;}
.tab-box.fixed ul li a {min-width:100%;}
/* lks 추가 시작 */
.tab-box ul li.ui-tabs-active a {background:#697e8f; border-color:#697e8f; color:#fff; font-weight:500;}
.ui-state-active, .ui-widget-content .ui-state-active, .ui-widget-header .ui-state-active, a.ui-button:active
, .ui-button:active, .ui-button.ui-state-active:hover
{ border: 0px solid #003eff; background: #ffffff; font-weight: normal; color: #ffffff; }
.ui-state-default, .ui-widget-content .ui-state-default, .ui-widget-header .ui-state-default
, .ui-button, html .ui-button.ui-state-disabled:hover, html .ui-button.ui-state-disabled:active
{ border: 0px solid #c5c5c5; background: #f6f6f6; font-weight: normal;color: #454545; }
.ui-tabs-nav, .ui-corner-all, .ui-helper-reset, .ui-helper-clearfix, .ui-widget-header
{ justify-content:left; justify-content:flex-start; border: 0px }
/*탭의 간격이 벌어지는 것에 대한 조정*/
.ui-tabs .ui-tabs-nav li { list-style: none; float: left; position: relative; /* top: 0; */
margin: 0 0 0 0;border-bottom-width: 0;padding: 0;white-space: nowrap;}
/*lks 추가 끝*
$('#tabs').removeClass('ui-tabs ui-corner-all ui-widget ui-widget-content ui-tabs-collapsible');
$('#tabs ul').removeClass('ui-tabs-nav ui-corner-all ui-helper-reset ui-helper-clearfix ui-widget-header');
$('#tabs ul li').removeClass('ui-tabs-tab ui-corner-top ui-state-default ui-tab ui-tabs-active ui-state-active');
$('.tab-box ul li:first').addClass('ui-tabs-active');
*/
/* 팝업 */
.popup {display:none; position:fixed; left:0; top:0; width:1920px; height:100%; background:rgba(0,0,0,0.3); z-index:999999;}
.popup > .box {padding:20px; width:800px; position:absolute; left:50%; top:50%; transform:translate(-50%,-50%); background:#fff; box-shadow:0 0 10px rgba(0,0,0,0.16);}
.popup .popup-head {border-bottom:1px solid #eee; padding:0 0 15px; display:flex; flex-wrap:wrap; align-items:center; justify-content:space-between;}
.popup .popup-head strong {display:block; line-height:1.3; text-align:center; font-size:28px; font-weight:bold;}
.popup .popup-head small {display:block; margin:7px 0 0; text-align:center; font-size:18px; color:#686D75; line-height:1.3;}
.popup .popup-head a {width:16px; height:16px; font-size:0; background:url('../images/icon_close.svg') no-repeat center / cover;}
.popup .popup-body {padding:15px 0 0;}
.popup.fixed {display:block;}
.popup.block {display:block; width:100% !important; position:static;}
.popup.block > .box {position:static; transform:none; width:100%;}
/* 아이프레임 */
.iframe-box {padding:20px;}
/* X버튼 */
.clear-btn {
color: #fff;
border: none;
font-size: 16px;
font-weight: bold;
cursor: pointer;
padding: 0;
text-align: center;
transition: background 0.2s, transform 0.1s;
box-shadow: 0 1px 3px rgba(0, 0, 0, 0.2);
position: absolute;
top: -6px;
left: -6px;
width: 18px;
height: 18px;
line-height: 18px;
border-radius: 50%;
background: #d9534f;
}
.clear-btn:hover {
background-color: #c9302c;
transform: scale(1.1);
}
/* 너비가 1900px이하인 기기에서 로그인 정보 표시 부분이 화면에 항상 표시되도록 수정. */
@media only screen and (max-width: 1900px) {
.wrapper {min-width:initial;}
header .header-top {
min-width:initial;
background-color: #D0D2D4;
height: 40px;
}
header .header-top .header-category{
overflow-y: hidden;
-ms-overflow-style: none; /* IE and Edge */
scrollbar-width: none; /* Firefox */
height: 40px;
}
header .header-top .header-category::-webkit-scrollbar {
display: none; /* Chrome, Safari, Opera*/
}
header .header-top .header-category ul{
display: inline-flex;
flex-wrap: initial;
height: 40px;
}
header .header-top .header-category.menu-scrollable .menu-scroll ul{
height: 40px;
padding: 0 28px;
}
header .header-top .header-category.menu-scrollable .menu-scroll-btn{
height: 40px;
width: 28px;
font-size: 16px;
}
header .header-top .header-category.menu-scrollable .menu-scroll ul li a{
height: 40px;
font-size: 16px;
}
header .header-top .header-user{
background-image: linear-gradient(to right, rgba(200,200,200,1), rgba(255,255,255,0.5));
border-top-left-radius: 40px;
border-bottom-left-radius: 40px;
border-left: 1px solid cornflowerblue;
height: 40px;
padding-left: 20px;
}
}