@charset "utf-8";

/* Modal Popup */
.modalPopup{display:none;position:fixed;left:0;top:0;z-index:101;width:100%;height:100vh;background-color:#DEE2E8;}
.modalPopup.is-open{display:block;}
.modalPopup .popup-in{display:flex;align-items:center;flex-direction:column;padding:8rem 0;}
.modalPopup .popup{gap:4rem;width:100%;max-width:100rem;display:flex;flex-direction:column;}
.modalPopup .popup .popup-head .pop-tit{font-size:2.5rem; color: #1d1d1d; font-weight: 600;}
.modalPopup .popup-close{position:absolute; transition:all .3s ease 0s; top:8rem;right:8rem;width: 4.8rem;height: 4.8rem;background:url('../../images/ico_close_48.svg') no-repeat;}
.modalPopup .popup-close:hover{transform:rotate(180deg);}

/* Modal - Sch */
.search-tit{display:flex; align-items:center; margin-bottom:2.4rem; font-weight: 800; justify-content: space-between;}
#searchForm .serchbox{position:relative;}
#searchForm{position:relative; margin-bottom: 2rem;}
#searchForm .searchInput{width:100%;font-size:2rem; font-weight:700; height:8rem;padding:2rem 7rem 2rem 2rem;border:0.1rem solid #717171;border-radius:0.8rem;}
#searchForm .searchInput::placeholder{}
#searchForm .searchButton{position:absolute; top:0; right:0;}
#searchForm .searchButton::before{content:""; display:flex; width:8rem; height:8rem; background: url('../../images/ico_sch_40.svg') no-repeat center;}

.search-list-group{display:flex; gap:5rem; padding-top:5rem; margin-top:5rem; border-top:0.1rem solid #aaa; position:relative;}
.search-list-group::before{content:""; position:absolute; top:5rem; left:50%; width:0.1rem; height:calc(100% - 5rem); border-left:0.1rem dashed #aaa;}
.search-list-group>*{flex:1;}
.search-list-group .tit{margin-bottom:2rem; font-size:2rem; font-weight:700;}
.search-list-group ol,
.search-list-group ul{display:flex;flex-direction:column;gap:1rem;}
.search-list-group li{display:flex;}
.search-list-group a{display:flex; justify-content:space-between; align-items:center;}

.latest-list{position:relative;}
.latest-list li{justify-content:space-between; align-items: center;}
.latest-list li .del{width:2rem; height:2rem; display:block; background:url('../../images/ico_delete_fill.svg') center no-repeat; text-indent:-9999px;}

.search-list-group .top-list ol{counter-reset:rank;}
.search-list-group .top-list ol li{counter-increment:rank;}
.search-list-group .top-list ol li {display: flex; align-items: center; justify-content: space-between; flex-direction: row;}
.search-list-group .top-list ol li::before{content:counter(rank);display:inline-block;width:1.7em;font-weight:700;}

.ranking-state{margin-left: auto;}
.ranking-state{display:flex;align-items:center;gap:0.3rem;font-size:1.6rem;}
.ranking-state.up{color:#2768FF;}
.ranking-state.down{color:#EB003B;}
.ranking-state.keep::before{content:"-";font-size:1.8rem;}
.ranking-state.up::before,
.ranking-state.down::before{content:"";display:inline-block;margin-right:0.2rem;border:solid transparent;}
.ranking-state.up::before{border-width:0 0.5rem 0.6rem;border-bottom-color:#2768FF;}
.ranking-state.down::before{border-width:0.6rem 0.5rem 0;border-top-color:#EB003B;}
.ranking-state.same::before{content:''; width: 0.6rem; height: 0.2rem; background-color:#1e2124;}

.no-empty{height: 100%; display: flex; align-items: center; justify-content: center; display:none;}

.allDelBtn{position:absolute;top:0;right:0;display:inline-flex;align-items:center;gap:0.5rem;padding:0.5rem 1rem;font-size:1.5rem;border-radius:0.5rem;background:#333;color:#fff;transition:background .3s;}
.allDelBtn:hover{background:#000;}
.delBtn:hover i{transition:transform .3s;transform:rotate(180deg);}

.pop-foot-links{display:flex;flex-wrap:wrap;gap: 0.5rem;}
.pop-foot-links>*{flex-basis:calc(25% - 2rem);}
.pop-foot-links a{display:flex;font-size:1.7rem;align-items:center;gap:0.4rem;border-radius:8px;padding: 8px;transition:all .5s ease 0s;}
.pop-foot-links a::before{content:"･";}

/* modal */
.modal-wrap{position: fixed; z-index: 101; left: 50%; transform: translateX(-50%); display:none;}
.modal-wrap.is-open{display:block;}
.modal-dialog{display: flex; align-items: center; justify-content: flex-start; flex-direction: row; position: relative; z-index: 1020; width: 76rem; height: 100%; min-height: 26.4rem; margin: 0 auto; }
.krds-modal .modal-dialog .modal-content{display: flex; align-items: center; justify-content: flex-start; flex-direction: column; position: relative; width: 100%; max-height: 80%; background-color: #ffffff; border-radius: 1.2rem; border: 0.1rem solid #b1b8be; color: #1e2124; outline-color: transparent; transition: outline-color 0.1s; box-shadow: 0 0 0.2rem 0 #00000014, 0 1.6rem 2.4rem 0 #0000001f; }
.krds-modal .modal-dialog .modal-content > *:not(.btn-close){width: 100%; }
.krds-modal .modal-dialog .modal-header{width: 100%; background-color: inherit; border-top-left-radius: inherit; border-top-right-radius: inherit; padding-top: 5.6rem;}
.krds-modal .modal-dialog .modal-header .modal-title{display: flex; padding:0 4rem; overflow: hidden; text-overflow: ellipsis; font-size: 2.4rem; font-weight: 700; }
.krds-modal .modal-dialog .modal-conts{display: flex; align-items: flex-start; justify-content: flex-start; flex-direction: column; position: relative; overflow-y: auto; width: 100%; padding: 1.6rem 4rem 0.8rem; }
.krds-modal .modal-dialog .modal-conts .conts-area{display: flex; align-items: flex-start; justify-content: flex-start; flex-direction: column; gap: 1.6rem; }
.krds-modal .modal-dialog .modal-conts .conts-area > *{width: 100%; }

/* screen display*/
.adjust_display{display: flex; align-items: flex-start; justify-content: flex-start; flex-direction: row; gap: 2.4rem; padding-top: 0.8rem; }
.adjust_display .fieldset{display: flex; align-items: flex-start; justify-content: flex-start; flex-direction: column; gap: 2.4rem; }
.adjust_display .scale-options{min-width: 24rem; }
.adjust_display .form-group{display: flex; align-items: normal; justify-content: flex-start; flex-direction: column; gap: 0.8rem; width: 100%; }
.adjust_display .form-group h3{font-size: 1.5rem; font-weight: 700; color: #131416; margin-bottom: 0.8rem; }
.adjust_display .view-mode-options .krds-form-check{display: flex; align-items: center; justify-content: flex-start; flex-direction: row; }
.adjust_display .view-mode-options .krds-form-check::before{content: ""; width: 12rem; height: 6.4rem; margin-right: 1.6rem; border-radius: 0.8rem; background-repeat: no-repeat; background-position: center; background-size: contain; display: block; }
.adjust_display .view-mode-options .krds-form-check.view-mode-light::before{background-image: url(../../images/img_screen_light.png); }
.adjust_display .view-mode-options .krds-form-check.view-mode-dark::before{background-image: url(../../images/img_screen_dark.png); }
.adjust_display .view-mode-options .krds-form-check.view-mode-default::before{background-image: url(../../images/img_screen_default.png); }
.adjust_display .krds-check-area{display: flex; gap: 2rem; }
.adjust_display .krds-check-area.chk-column{flex-direction: column; }

.krds-modal .modal-dialog .btn-close{position: absolute;top: 3rem;right: 3rem;z-index: 901;}
.krds-btn.icon.medium{width:2.4rem;height:2.4rem;}
.krds-modal .modal-dialog .modal-btn{display: flex;align-items: center;justify-content: flex-end;flex-direction: row;gap:0.8rem;padding:1.6rem 4rem 4rem;}
.svg-icon.ico-popup-close{background: url(../../images/ico_close.svg) center / cover no-repeat;width: 2.1rem;height: 2.1rem;}
.krds-btn.icon.medium .svg-icon{width: 100%;height: 100%;}
.krds-btn.icon .svg-icon{background-color:#1e2124;}

.adjust_display .view-mode-options .krds-form-check{display: flex;align-items: center;justify-content: flex-start;flex-direction: row;}


/* normal*/
.krds-btn {display: inline-flex;align-items: center;justify-content: center;color:#fff;background-color: #2a62f4;border-radius: 0.8rem;cursor: pointer;transition: background-color 0.2s ease;min-width: 7.8rem;}
.krds-btn:hover { background-color: #174cd3; }
.krds-btn.text{background: none; padding:0 !important;}
.krds-btn.tertiary{color: #1e2124; border: 1px solid #58616a; background: transparent;}

/*size*/
.krds-btn.xsmall { font-size: 1.5rem; padding: 4px 1rem; }
.krds-btn.small  { font-size: 1.5rem; padding: 0.6rem 1.4rem; }
.krds-btn.medium {font-size: 1.7rem;padding: 0.8rem 1.6rem;height: 4.8rem;}
.krds-btn.large  { font-size: 1.9rem; padding: 1rem 2rem; }
.krds-btn.xlarge { font-size: 1.9rem; padding: 1.2rem 2.4rem; }

/*icon*/
.svg-icon { display: inline-flex; align-items: center; justify-content: center; }
.svg-icon:after{content:''; display: inline-block; width: 1.2em; height: 1.2em;}
.ico-login-go::after{background: url('../../images/ico_login_certify_go.svg') center no-repeat;}
.ico-sch-plus::after{background: url('../../images/ico_sch_plus.svg') center no-repeat;}


@media all and (max-width: 1023px) {
  .modalPopup .popup{width:92%;}
  .modalPopup .popup-close{width:4rem;height:4rem;background-size:contain;right:1.5rem;}
}

@media all and (max-width: 767px) {
  .pop-foot-links>*{flex-basis:calc(50% - 2rem);}
  .pop-foot-links > li{width:50%;}
  .popup-body{max-height:50rem;overflow:scroll;}
}

@media all and (max-width: 500px) {
  .pop-foot-links>*{flex-basis:calc(100% - 2rem);}
  .pop-foot-links > li{width:100%;}
  .pop-foot-links a{padding-left:0;}
  .modalPopup .popup{gap:2rem;}
  .modalPopup .popup-close{width:3rem;height:3rem;}
}