@charset "UTF-8";

/* kendoGrid */
.k-grid td>.k-checkbox{width: 14px; height: 14px;border-radius: 4px;}

.k-grid { border: 0 !important; } 
.k-grid-header th.k-header { font-size: 14px; text-align: center; vertical-align: middle; } 
.k-grid .k-grid-content tr { border-bottom: 1px solid #D3D8E9; height: 52px; } 
.k-grid td { height: 54px; } 
.k-grid .k-grid-content tr td { font-size: 14px; color: #6A6A6A; text-align: center; border: 0; padding: 0; margin: 0; border-bottom: 1px solid #D3D8E9; } 
.k-grid .k-grid-content tr td button { background-color: #4761DE; font-size: 13px; color: #fff; width: 53px; height: 32px; line-height: 32px; border-radius: 5px; border:0; font-weight: 500; font-family: 'Pretendard'; } 

.subPage .k-grid .k-grid-header { height: 42px; } 
.subPage .k-grid-header th.k-header { border: 0; border-bottom: 1px solid #E4EBF4; } 
.subPage .k-grid-header th.k-header { font-size: 14px; color: #36476F; text-align: center; vertical-align: middle; background-color: #F9FBFC; border-top: 2px solid #4761DE; font-weight: bold; } 
.subPage .k-grid td { height: 30px; font-size: 14px;line-height: 22px; color: #7A7A7A; text-align: center; vertical-align: middle; border: 0; border-bottom: 1px solid #E4EBF4; } 
.subPage .k-grid td.td-point { font-weight: bold; color: #20cb20; } 
.subPage .k-grid td.link-name { color: #6281ff; text-decoration: underline; text-underline-position: under; } 
.subPage .k-grid td.link-name02 { text-decoration: underline; text-underline-position: under; } 
.subPage .k-grid td.td-weight { font-weight: bold; } 
.subPage .k-grid tr { height: 45px; } 
.subPage .k-grid tr td button { background-color: #4761DE; color: #fff; width: 65px; height: 25px; line-height: 25px; border-radius: 5px; border: 0; font-size: 13px; font-weight: 500; font-family: 'Pretendard'; } 
.k-grid-header th.k-header>.k-link { color: #36476F !important; } 
.k-grid .k-icon.k-i-expand , .k-grid .k-icon.k-i-collapse{line-height: 28px;}


@media (max-width: 1400px){
    .k-grid { overflow-x: scroll; } 
}
@media (max-width: 480px){
    .k-grid .k-grid-content tr td { font-size: 13px; } 
    .subPage .k-grid tr td button { width: 60px; height: 25px; line-height: 24px; font-size: 12px; } 
}
@media (max-width: 420px){
    .k-grid .k-grid-content tr td { font-size: 12px; } 
    .subPage .k-grid-header th.k-header { font-size: 13px; } 
    .subPage .k-grid .k-grid-header { height: 35px; } 
    .subPage .k-grid tr { height: 35px; } 
    .subPage .k-grid td { padding: 0 10px; font-size: 12px; word-break: keep-all;} 
}
@media (max-width: 390px){
    .subPage .k-grid tr td button{width: 58px;height: 20px;line-height: 20px;}
}


/* kendoGrid - checkbox */
.k-grid td.k-state-selected:hover, .k-grid tr.k-state-selected:hover td { background-color: #e5e5e5!important } 
.k-grid tr.k-state-selected>td { border-color: #E4EBF4 !important; } 
.k-grid-content tr:last-child>td { padding: 0 10px; } 
.k-checkbox:checked{background-color: #4761DE;}

/* kendoGrid - pager */
.k-grid .k-pager-wrap { white-space: inherit;text-align: center; border: 0 !important; background-color: transparent; display: flex; align-items: center; justify-content: center; padding-top: 25px; } 
.k-grid-pager .k-link, .k-grid-pager .k-link:link { font-size: 14px; color: #6A6A6A; } 
.k-widget.k-grid .k-pager-numbers { display: flex; align-items: center; } 
.k-grid .k-pager-wrap .k-picker{display: none;}
.k-grid-pager{background-color: transparent !important;}
.k-grid .k-grid-pager.k-focus{box-shadow: none !important;}
.k-grid .k-pager-wrap .k-pager-numbers .k-link.k-selected { background-color: #6C80DF !important; color: #fff; border-radius: 100%; width: 30px; height: 30px; line-height: 30px; border:0; } 
.k-grid-pager .k-link, .k-grid-pager .k-link:link{border-radius: 100%;border: 0;background-color: transparent !important;}
.k-grid-pager .k-link, .k-grid-pager .k-link:link:hover{border-radius: 100%;}
.k-pager-info{display: none;}


@media (max-width: 850px){
    .k-grid-pager .k-link, .k-grid-pager .k-link:link{font-size: 13px;}
    .k-grid .k-pager-numbers .k-state-selected{font-size: 13px;}
}

@media (max-width: 420px){
    .k-grid .k-pager-wrap{padding-top: 15px;}
}



/* kendo - DropDownList*/
.k-calendar .k-header{background-color: #6C80DF;}
.k-button-flat-base{color: #fff;}
.k-list-md .k-list-item{padding: 6px 8px !important;}
.k-input-value-text{font-size: 15px;color: #444;}
.k-list-item.k-selected{background-color: #6C80DF !important;}
.k-input-solid{background-color: #F4F4F5;border-radius: 5px; }

/* kendo - DropDownList*/
.k-drop .k-picker {width: 195px; height: 57px;border: 0; margin-right: 14px; font-size: 15px; color: #A9AEB4; padding-left: 15px; } 
.k-drop02 .k-picker { width: 150px !important; height: 40px; margin-right: 0; padding-left: 0; background-color: #F4F4F5 !important; opacity: 1;} 
.k-drop02 .k-picker .k-input-value-text{font-size: 14px;}
.k-drop02 .moreView-popup .k-picker-wrap .k-input {border: 0;height: 40px !important; line-height: 35px !important; color: #2e2e2e; background-color: #f4f4f5; } 
.k-drop02 .moreView-popup .k-state-default>.k-select { line-height: 40px !important; background-color: #f4f4f5; } 


/* kendo - DropDownList */
@media (max-width: 820px){
 .k-drop .k-picker { padding-left: 12px;  width: 150px !important;} 
 }

@media (max-width: 768px) { 
 .k-drop .k-picker { height: 45px !important; } 
 .k-drop02 .k-picker { width: 120px !important; } 
 }
@media (max-width: 480px) { 
 .k-drop .k-picker { width: 120px !important; height: 38px !important; margin-right: 0;padding-left: 5px;} 
 .k-drop .k-picker .k-input { font-size: 14px; } 
 .k-popup .k-list .k-item { font-size: 12px; } 
 .k-list-md .k-list-item{font-size: 12px;}
 .k-input-value-text{font-size: 13px;}
 .k-drop02 .k-picker .k-input-value-text{font-size: 12px;}
}
@media (max-width: 420px){
 .k-drop .k-picker .k-input { font-size: 13px; } 
 }

@media (max-width: 390px){
 .k-drop .k-picker { width: 110px !important; } 
}


/* kenco - monthpicker */
.k-datepicker { width: 150px !important; padding-left: 5px;} 
.k-input-md .k-input-button{border: 0;}
.k-calendar .k-content, .k-calendar .k-content th{text-align: center !important;}
.k-calendar .k-calendar-td.k-selected .k-link{background-color: #6C80DF;}
.k-calendar .k-calendar-td.k-selected.k-hover .k-link, .k-calendar .k-calendar-td.k-selected:hover .k-link{background-color: #6C80DF;}
.k-calendar .k-calendar-view .k-today{color: #4761DE;}
.k-calendar-table{margin-top: 8px;}


/* chart */
.k-chart{margin: 0 auto;}
.k-chart text{font-family: 'Pretendard' !important;}


input[type=text] { background-color: #F4F4F5; border-radius: 5px; height: 57px; border: 0; font-size: 15px; padding-left: 18px; color: #223A4A !important; font-family: 'Pretendard' } 
input[type=password] { background-color: #F4F4F5; border-radius: 5px; height: 57px; border: 0; font-size: 15px; padding-left: 18px; color: #223A4A !important; font-family: 'Pretendard' } 
input[type=password]::placeholder { color: #A9AEB4; font-size: 15px; } 

/* *************************************************************************************************** */

.subPage .m_title { display: flex; align-items: center; justify-content: center; justify-content: center; padding-bottom: 48px; } 
.subPage .m_title h3 { font-size: 28px; color: #4761DE; font-weight: bold; line-height: 33px; } 
.subPage .m_title img { margin: 0 10px; } 

.subPage .manage_cont .cont_top { background-color: #4761DE; border-radius: 20px; padding: 16px 34px; display: flex; align-items: center; justify-content: space-between; } 
.subPage .manage_cont .cont_top .top-tit { display: flex; align-items: center; } 
.subPage .manage_cont .cont_top .top-tit img { margin-right: 15px; } 
.subPage .manage_cont .cont_top .top-tit h4 { font-size: 20px; color: #fff; letter-spacing: -0.9px; font-weight: 600; word-break: keep-all;} 

button{border: 0;font-family: 'Pretendard';background-color: transparent;}

.scrollBar::-webkit-scrollbar {width: 7px; }
.scrollBar::-webkit-scrollbar-thumb {height: 30%; background: #bfc5e3;border-radius: 10px;}
.scrollBar::-webkit-scrollbar-track {background: #EBF0FF;}


@media (max-width: 768px){
    .subPage .m_title h3 { font-size: 26px; } 
}

@media (max-width: 480px) {
    .subPage .m_title { padding-bottom: 40px; } 
    .subPage .manage_cont .cont_top { padding: 12px 34px; } 
    .subPage .manage_cont .cont_top .top-tit img { width: 27px; } 
    .subPage .manage_cont .cont_top .top-tit h4 { font-size: 16px; } 
}

@media (max-width: 420px){
    .subPage .manage_cont .cont_top{padding: 12px 20px;}
    
    .subPage .m_title { padding-bottom: 20px; } 
    .subPage .m_title h3 { font-size: 24px; } 
    .subPage .m_title img { width: 35px; } 
}

@media (max-width: 390px) { 
    input[type=text] { padding-left: 12px; } 
    .subPage .m_title{margin-bottom: 0;}
    .subPage .m_title h3 { font-size: 20px; } 
    .subPage .m_title img { width: 26px; } 
    .subPage .manage_cont .cont_top { padding: 10px 25px; } 
    .subPage .manage_cont .cont_top .top-tit img { width: 23px; margin-right: 10px; } 
    .subPage .manage_cont .cont_top .top-tit h4 { font-size: 16px; } 
}

.subPage .upload-btn { background-color: #6A7480; border-radius: 5px; color: #fff; width: 96px; height: 57px; text-align: center; line-height: 58px; margin-left: 15px; cursor: pointer; font-size: 15px; font-weight: bold; } 
#failUpload-popup { position: fixed; width: 100%; height: 100%; top: 0px; left: 0px; transform: translateX(100%); opacity: 0;z-index: 9999; } 
#failUpload-popup.view { transform: translateX(0%); opacity: 1;} 
#failUpload-popup .box { width: 600px; height: 260px; position: absolute; top: 50%; left: 50%; transform: translate(-50%,-50%); z-index: 2; padding: 5px; transition: width .4s; } 
#failUpload-popup .box .content { width: 100%; height: 100%; background-color: #fff; text-align: center; border-radius: 20px; padding: 65px 44px 38px; } 
#failUpload-popup .bg { position: absolute; width: 100%; height: 100vh; top: 0px; left: 0px; background-color: #000a; z-index: 1; } 

.filebox { display: flex; align-items: center; justify-content: center; } 
.filebox.input-file {display: inline-block;}
.filebox.input-file [type="file"] {position: absolute; width: 1px; height: 1px; padding: 0; margin: -1px; overflow: hidden; clip:rect(0,0,0,0); border: 0;}
.filebox.input-file .file-label {
    display: inline-block;
    background-color: #6A7480;
    border-radius: 5px;
    color: #fff;
    width: 96px;
    height: 57px;
    text-align: center;
    line-height: 58px;
    cursor: pointer;
    font-size: 15px;
    font-weight: bold;
}
.filebox.input-file .file-name {
    display: inline-block;
    font-size: inherit;
    font-family: inherit;
    line-height: normal;
    vertical-align: middle;
    background-color: #F4F4F5;
    border-radius: 5px;
    margin-right: 15px;
    width: 267px !important;
    height: 57px;
    border: 0;
    font-size: 15px;
    padding-left: 15px;

}

.file-focus {outline: 2px solid #000;}

.popupBtn-wrap { display: flex; align-items: center; justify-content: center; cursor: pointer; padding-top: 40px;margin: 0 auto; } 
.popup .popupBtn-wrap .popupBtn { font-size: 16px; color: #fff; background-color: #4761DE; border-radius: 28px; width: 128px; height: 49px; text-align: center; line-height: 49px; } 
.popup .popupBtn-wrap .popup-calcelBtn { margin-left: 16px; background-color: #fff; border: 1px solid #4761DE; color: #6A6A6A; } 


@media (max-width: 700px){
 #failUpload-popup .box { width: 520px; height: 245px; } 
 #failUpload-popup .box .content { padding: 55px 44px 36px; } 
 }
@media (max-width: 550px){
 #failUpload-popup .box { width: 460px; } 
 .filebox .upload-name { width: 225px; } 
 }
@media (max-width: 500px){
 #failUpload-popup .box { width: 398px; height: 207px; } 
 .filebox .upload-name { height: 38px; } 
 .filebox label { height: 38px; line-height: 40px; width: 80px; font-size: 13px; } 
 #failUpload-popup .box .content { padding: 44px 44px 25px; } 
 }
@media (max-width: 480px){
 .popup .popupBtn-wrap .popupBtn { width: 110px; height: 45px; line-height: 47px; font-size: 15px; } 
 }
@media (max-width: 420px){
 #failUpload-popup .box { width: 333px; height: 200px; } 
 .filebox .upload-name { width: 138px; } 
 .popup .popupBtn-wrap .popupBtn { width: 105px; height: 43px; line-height: 45px; font-size: 14px; } 
 }
@media (max-width: 390px){
 #failUpload-popup .box { width: 288px; height: 167px; } 
 #failUpload-popup .box .content { padding: 32px 26px 25px; } 
 .filebox label { font-size: 12px; } 
 .popupBtn-wrap { padding-top: 25px; } 
 .popup .popupBtn-wrap .popupBtn { width: 85px; height: 37px; line-height: 36px; font-size: 13px; } 
 }

#login_pg .login-wrap { padding: 72px 0 85px; } 
#login_pg .login-cont .cont_top { background-color: #EBF0FF; border-radius: 18px; padding: 16px 34px; display: flex; align-items: center; } 
#login_pg .login-cont .cont_top h4 { font-size: 20px; font-weight: 800; margin-left: 15px; } 
#login_pg .login-cont .cont_top img { width: 37px; } 
#login_pg .login-cont .content { display: grid; grid-template-columns: 1fr 450px; grid-gap: 35px; text-align: center; padding: 46px 79px 97px; } 
#login_pg .content .mBox { background-color: #fff; border-radius: 12px; border: 1px solid #EBF0FF; box-shadow: 2px 2px 5px #38465d1f; padding: 40px 24px; width: 100%; } 
#login_pg .content .mBox .imgBox{padding: 15px 0 10px;}
#login_pg .content .mBox{display: flex;flex-direction: column;align-items: center;justify-content: center;}
#login_pg .content .mBox .box-title { margin-bottom: 25px; } 
#login_pg .content .mBox .box-title h4{font-size: 20px; font-weight: bold;}
#login_pg .content .mBox .box-title p { font-size: 16px; color: #6A6A6A; line-height: 22px; font-weight: normal; margin-top: 25px; } 
#login_pg .content .mBox .box-title p span { font-weight: bold; } 
#login_pg .content .member-box .member-cont { display: flex; align-items: flex-start; justify-content: space-between; } 
#login_pg .content .member-box .member-cont .img-wrap img { width: 97px; } 
#login_pg .content .member-box .member-cont .input-wrap { margin: 0 15px 0 34px; } 
#login_pg .content .member-box .member-cont .input-wrap input[type="text"],
#login_pg .content .member-box .member-cont .input-wrap input[type="password"]{ background-color: #E8F0FE;}
#login_pg .content .member-box .member-cont .input-wrap input[type="text"] { width: 100%; height: 50px;} 
#login_pg .content .member-box .member-cont .input-wrap input[type="text"]::placeholder { font-size: 14px; color: #A9AEB4; } 
#login_pg .content .member-box .member-cont .input-wrap input[type="password"] { width: 100%; height: 50px; } 
#login_pg .content .member-box .member-cont .input-wrap input[type="password"]::placeholder { font-size: 14px; color: #A9AEB4; } 
#login_pg .content .member-box .member-cont .input-wrap .id-input { margin-bottom: 10px; } 
#login_pg .content .member-box .member-cont .input-wrap .password-input { margin-bottom: 15px; } 
#login_pg .content .member-box .member-cont .input-wrap .bottom { display: flex; align-items: center; justify-content: space-between; font-size: 13px;} 
#login_pg .content .member-box .member-cont .input-wrap .bottom ul { display: flex; align-items: center; } 
#login_pg .content .member-box .member-cont .input-wrap .bottom ul li input { margin-right: 5px; vertical-align: middle; } 
#login_pg .content .member-box .member-cont .input-wrap .bottom ul.find li.id-find { position: relative; margin-right: 15px; } 
#login_pg .content .member-box .member-cont .input-wrap .bottom ul.find li.id-find:after { position: absolute; content: ''; background-color: #223A4A; width: 1px; height: 100%; top: 0; right: -8px; } 
#login_pg .content .member-box .member-cont .loginBtn { background-color: #4761DE; border: 0; color: #fff; font-size: 20px; font-weight: bold; width: 130px; height: 110px; border-radius: 10px; } 
#login_pg .content .member-box .loginInfo {display: flex;flex-direction: column;align-items: center;justify-content: center; background-color: #F1F3FF; border-radius: 16px; display: flex; align-items: center; justify-content: space-between; padding: 25px 25px; } 
#login_pg .content .member-box .loginInfo .infoTxt { text-align: center; font-size: 14px; color: #757480;line-height: 22px;} 
#login_pg .content .member-box .loginInfo .infoTxt span {display: block; font-size: 16px; font-weight: bold; color: #304D7A;line-height: 22px;padding-bottom: 11px;} 
#login_pg .content .member-box .loginInfo .join-btn {margin: 0 auto; background-color: #394a97; width: 130px; height: 35px; border-radius: 18px;font-size: 18px; color: #fff; font-weight: 500; line-height: 30px;margin-top: 30px; } 
#login_pg .content .Non-member-box .imgBox img { margin: 0 auto; } 
#login_pg .content .Non-member-box .Confirm_btn { cursor: pointer; font-size: 20px; color: #fff; background-color: #4761DE; border-radius: 28px; width: 128px; height: 49px; text-align: center; line-height: 49px; margin: 0 auto; margin-top: 50px; } 

.login .login-btn-wr{width: 100%; display: flex;align-items: flex-start;justify-content: center;margin-top: 30px;}
.login .sns-loginBx, .login .loginInfo{width: 50%;}
.login .sns-loginBx{margin-right: 20px;}
.login button.login_btn {display: flex;align-items: center;justify-content: space-between;width: 100%; height: 60px; border-radius: 8px;padding: 0 30px 0 20px; background-color: #158ECE; border: 1px solid #158ECE; box-shadow: 2px 2px 5px rgba(56,70,93, 12%); } 
.login button.login_btn:not(:last-child){margin-bottom: 15px;}
.login button.login_btn .txt{font-size: 18px; font-weight: 500; color: #fff;}
.login button.login_btn.view { background-color: #fff; color: #158ECE; } 
.login button.login_btn .iconBx{width: 100%;max-width: 60px;min-width: 60px; height: 38px;}
.login button.login_btn .iconBx .icon{display: flex; margin: 0 auto;width: auto;height: 100%;object-fit: contain;object-position: center;}
.login .mtis-login{background-color: #158ECE !important;border-color: #158ECE !important;}
.login .kakao-login{background-color: #FFE300 !important;border-color: #FFE300 !important;}
.login .kakao-login .txt{color: #0A0B0C !important;}
.login .naver-login{background-color: #03CF5D !important;border-color: #03CF5D !important;}
.login .apple-login{background-color: #0C0C0C !important;border-color: #0C0C0C !important;}
.login ul.join_bx { display: flex; align-items: center; justify-content: space-between; margin-top: 120px; } 
.login ul.join_bx li.txt { width: 70%; margin-right: 46px; font-size: 32px; font-weight: 500; color: #666C71; letter-spacing: -0.8px; line-height: 48px; } 
.login ul.join_bx li.btn { width: 30%; } 
.login ul.join_bx span { font-weight: bold; } 
.login ul.join_bx button.join_btn { width: 100%; padding: 30px 0; background-color: #41B0E4; border: 1px solid #41B0E4; border-radius: 20px; box-shadow: 0px 10px 20px #00000029; font-size: 45px; font-weight: 500; color: #fff; } 
.login ul.join_bx button.join_btn.view { background-color: #fff; color: #41B0E4; } 

.login .loginInfo{height: 100%;display: flex;flex-direction: column;align-items: center;justify-content: center;}
.login .sns-tit{position: relative;width: 100%; text-align: center;margin-top: 40px;}
.login .sns-tit::after{
  position: absolute;
  content: '';
  width: 100%;
  height: 1px;
  background-color: #A9AEB5;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  z-index: 1;
}
.login .sns-tit h5{
    position: relative;
    display: inline-block;
    font-size: 14px;
    font-weight: 500;
    color: #A9AEB5;
    line-height: 21px;
    letter-spacing: -0.32px;
    text-align: center;
    background-color: #fff;
    padding: 0 1.1rem;
    z-index: 2;
  }


@media (max-width: 1700px){
 #login_pg .login-cont .content { padding: 46px 49px 97px; } 
 }
@media (max-width: 1300px){
 #login_pg .login-cont .content { padding: 46px 20px 97px; } 
 #login_pg .content .member-box .member-cont .loginBtn { width: 115px; } 
 #login_pg .content .member-box .member-cont .input-wrap { margin: 0 15px 0 20px; } 
 }
 @media (max-width: 1031px){
    #login_pg .login-cont .content {grid-template-columns: 1fr auto; grid-gap: 25px; } 
    #login_pg .content .member-box .member-cont .loginBtn { width: 97px; } 
}
@media (max-width: 1000px){
 #login_pg .content .member-box .member-cont { flex-direction: column; align-items:center; } 
 #login_pg .content .member-box .member-cont .img-wrap { margin-bottom: 20px; } 
 #login_pg .content .member-box .member-cont .input-wrap { margin: 0; } 
 #login_pg .content .member-box .member-cont .loginBtn-wrap { width: 100%; margin-top: 25px; } 
 #login_pg .content .member-box .member-cont .loginBtn { width: 100%; height: 60px; } 
}
 @media (max-width: 960px){
    #login_pg .login-cont .content { grid-template-columns: 1fr; } 
    .login .login-btn-wr{flex-direction: column;margin-top: 25px;}
    .login .sns-loginBx, .login .loginInfo{width: 100%;}
    .login .sns-loginBx{margin-right: 0;}
    .login .loginInfo{margin-top: 20px;}
    .login button.login_btn{justify-content: center;}
    .login button.login_btn .txt{margin-left: 30px;}
}
@media (max-width: 480px){
#login_pg .login-cont .content{padding: 0;}
 #login_pg .content .member-box .member-cont .input-wrap input[type="text"] { height: 45px; } 
 #login_pg .content .member-box .member-cont .input-wrap input[type="password"] { height: 45px; } 
 #login_pg .content .member-box .member-cont .loginBtn { height: 54px; font-size: 18px; } 
 #login_pg .content .Non-member-box .Confirm_btn { font-size: 15px; width: 110px; height: 45px; line-height: 47px; } 
 .login button.login_btn{height: 46px;}
 .login button.login_btn .txt{font-size: 16px;}
 .login button.login_btn .iconBx{min-width: 50px;max-width: 50px;height: 32px;}
 #login_pg .content .Non-member-box .Confirm_btn{margin-top: 35px;}
 #login_pg .content .member-box .loginInfo .join-btn{margin-top: 25px;}
 #login_pg .content .mBox .box-title p, 
 #login_pg .content .member-box .loginInfo .infoTxt{line-height: 18px;}
}
@media (max-width: 420px){
 #login_pg .content .mBox { padding: 46px 20px 35px; } 
 #login_pg .content .mBox .box-title h4{ font-size: 17px; } 
 #login_pg .content .mBox .box-title p { font-size: 12px; } 
 #login_pg .content .member-box .loginInfo .infoTxt { font-size: 11px; line-height: 16px; } 
 #login_pg .content .member-box .loginInfo .join-btn { width: 94px; height: 27px; font-size: 12px; line-height: 29px;} 
 #login_pg .content .Non-member-box .Confirm_btn { font-size: 14px; width: 105px; height: 43px; line-height: 45px; } 
 #login_pg .content .member-box .member-cont .input-wrap input[type="text"]::placeholder { font-size: 12px; } 
 #login_pg .content .member-box .member-cont .input-wrap input[type="text"] { height: 40px; font-size: 12px; } 
 #login_pg .content .member-box .member-cont .input-wrap input[type="password"]::placeholder { font-size: 12px; } 
 #login_pg .content .member-box .member-cont .input-wrap input[type="password"] { height: 40px; font-size: 12px; } 
 #login_pg .content .member-box .member-cont .loginBtn { height: 46px; font-size: 16px; } 
 }
@media (max-width: 400px){
 #login_pg .content .member-box .loginInfo { flex-direction: column; align-items: flex-end; padding: 20px;} 
 #login_pg .content .member-box .loginInfo .join-btn { margin-top: 10px; } 
 .login button.login_btn{justify-content: space-between;}
 .login button.login_btn .txt{margin-left: 0;}
 }


.findPage .find_cont{background-color: #fff;border-radius: 20px;border: 1px solid #DCE5EE;box-shadow: 2px 2px 20px #38465d1f;padding: 75px 0 65px;}
.findPage .find_cont .cont-width{width: 700px;margin: 0 auto;}
.findPage ul.tab-btn-wr{display: grid;grid-template-columns: repeat(2, 1fr);grid-gap: 14px;border-bottom: 3px solid #4761DE;margin-bottom: 37px;}
.findPage ul.tab-btn-wr li{width: 100%;height: 54px;background-color: #EBF0FF; cursor: pointer;text-align: center;border-radius: 20px 20px 0 0; border-top: 1px solid #A5B4FF;border-left: 1px solid #A5B4FF;border-right: 1px solid #A5B4FF;}
.findPage ul.tab-btn-wr li button.idTab-menu{font-weight: bold;font-size: 18px;color: #6A7480; line-height: 54px;width: 100%;height: 100%;}
.findPage ul.tab-btn-wr li.on{background: #4761DE;border-top: 3px solid #87E2E2;border-left: 3px solid #87E2E2;border-right: 3px solid #87E2E2;}
.findPage ul.tab-btn-wr li.on button.idTab-menu{line-height: 52px;color: #fff;}
.findPage .tab-cont .tab-box{display: none;}
.findPage .tab-cont .tab-box.show {display: block;}
.findPage .find_cont h4.tit{font-size: 20px; font-weight: 600; line-height: 24px; letter-spacing: -0.9px; text-align: center;padding-bottom: 40px;}
.findPage .find_cont .Confirm_btn{display: block; cursor: pointer; font-size: 16px;color: #fff;background-color: #4761DE;border-radius: 28px;width: 128px;height: 49px;text-align: center;line-height: 49px;margin: 0 auto;margin-top: 30px;}

.findPage .find_cont .email-wrap .email-flex{display: flex;align-items: center;justify-content: space-between;}
.findPage .find_cont .email-wrap .email-flex li.emailTit{font-size: 16px;line-height: 24px; color: #6A6A6A;font-weight: 600;padding: 0 15px;}
.findPage .find_cont .email-wrap .email-flex ul.email-ul{display: flex;align-items: center;}
.findPage .find_cont .email-wrap ul.input-cont{display: flex;align-items: center;}
.findPage .find_cont .email-wrap ul.input-cont li input[type=text]{width: 195px;}
.findPage .find_cont .email-wrap ul.input-cont li span.at{margin: 0 10px;font-size: 15px;font-weight: 600;}
.findPage .find_cont .email-wrap ul.email-ul li.emailBtn{margin-left: 35px;}
.findPage .find_cont .email-wrap .Confirm_btn{margin-top: 0;}

.findPage .find_cont .cellphone p{font-size: 15px;color: #6A6A6A;text-align: center;line-height: 18px;}
.findPage .find_cont .cellphone p.p_02{padding-top: 50px;}
.findPage .find_cont .cellphone .imgbox img{margin: auto;}

.findPage .find_cont .findtxt{margin-top: 90px; font-size: 13px;line-height: 20px;background-color: #F1F3FF;border-radius: 15px;padding: 15px 25px;}
.findPage .find_cont .findtxt span.point{color: #4761DE;font-weight: 700;margin-right: 4px;font-size: 17px;vertical-align: bottom;}

#findId-popup .box{height: 300px;}
#findId-popup .box .content{padding: 45px 169px 28px;}
#findId-popup.view { transform: translateX(0%); opacity: 1;} 
#findId-popup .content table tr td{font-size: 16px;padding: 12px 15px;}
#findId-popup .content table tr th.infoTit{color: #6A6A6A;font-weight: 600;font-size: 16px}
#findId-popup .content table tr td.infoCont01{color: #4761DE;}
#findId-popup .content table tr td.infoCont02{color: #7c7c7c;}
#findId-popup .popupBtn-wrap{padding-top: 35px;}
#findId-popup h4.pop-tit{font-size: 18px;font-weight: 500;margin-bottom: 35px;}
#findId-popup h4.pop-tit span.point{color: #2a4fff;}


#Change-popup { position: fixed; width: 100%; height: 100%; left: 0; top: 0; background: rgba(0,0,0,0.7); z-index: 10000; overflow: auto; } 
#Change-popup.view { display: none; } 
#Change-popup .popup-position { position: absolute; top: 50%; left:50%; transform: translate(-50%,-50%); } 
#Change-popup .popup-top { background-color: #4761DE; border-radius: 20px 0px; padding: 23px 44px 18px; } 
#Change-popup .popup-top h4 { font-size: 22px; color: #fff; line-height: 33px; text-align: left;} 
#Change-popup .btn-close { position: absolute; cursor: pointer; top: 26px; right: 31px; color: #fff; } 
#Change-popup .popup-cont { background-color: #fff; border-radius: 25px 20px 20px 20px; width: 550px; height: 421px; } 
#Change-popup .popup-cont .content { padding: 30px 44px 38px; } 
#Change-popup .pop-tbWrap{padding: 35px 35px 0;}
#Change-popup .pop-tbWrap table tr th, #Change-popup .pop-tbWrap table tr td{font-size: 16px;font-weight: 600;padding: 10px 0;}
#Change-popup .pop-tbWrap table tr td input[type=password]{height: 50px;}
#Change-popup .popup-cont .content p{font-size: 16px;font-weight: 500;color: #6A6A6A;}
#Change-popup .popup-cont .content .popupBtn-wrap .popup-saveBtn{font-size: 16px;color: #fff;background-color: #4761DE;border-radius: 28px;width: 128px;height: 49px;text-align: center;line-height: 49px;}
#Change-popup .popup-cont .content .popupBtn-wrap .Cancel_btn{margin-right: 16px;background-color: #fff;border: 1px solid #4761DE;color: #6A6A6A;}
    


@media (max-width: 1200px){
    #findId-popup .box .content{padding: 45px 128px 28px;}
}
@media (max-width: 900px){
    .findPage .find_cont .cont-width{width: 640px;}
    .findPage .find_cont .email-wrap ul.input-cont li input[type=text]{width: 166px;}
}
@media (max-width: 800px){
    .findPage .find_cont .cont-width{width: 580px;}
    .findPage .find_cont .email-wrap .email-flex li.emailTit{font-size: 14px;}
    .findPage .find_cont .email-wrap ul.input-cont li input[type=text]{width: 143px;}

    #findId-popup .box .content{padding: 45px 100px 20px;}

    #Change-popup .popup-cont{width: 570px;height: 391px;}
    #Change-popup .popup-top{padding: 17px 30px 14px;}
    #Change-popup .popup-top h4{font-size: 20px;line-height: 28px;}
    #Change-popup .btn-close{top: 19px;}
    #Change-popup .popup-cont .content p{font-size: 16px;}
    #Change-popup .pop-tbWrap{padding: 29px 35px 0;}
    #Change-popup .popupBtn-wrap{padding-top: 30px;}
}
@media (max-width: 650px){
    .findPage ul.tab-btn-wr li button.idTab-menu{font-size: 17px;height: 48px;}
    .findPage .find_cont .cont-width{width: 487px;}
    .findPage .find_cont .email-wrap .email-flex li.emailTit{display: none;}

    #findId-popup .box{width: 450px;height: 280px;}
    #findId-popup .box .content{padding: 45px 61px 20px;}
    #findId-popup h4.pop-tit{margin-bottom: 30px;}
    #findId-popup .popupBtn-wrap{padding-top: 30px;}

    #Change-popup .popup-cont{width: 500px;}
    #Change-popup .popup-cont .content p{font-size: 15px;}
    #Change-popup .pop-tbWrap{padding: 29px 25px 0;}
    #Change-popup .pop-tbWrap table tr td{font-size: 15px;}
    #Change-popup .pop-tbWrap table tr td input[type=password]{width: 170px;}
}
@media (max-width: 620px){
    .findPage .find_cont .cont-width{width: 470px;}
    .findPage .find_cont .email-wrap ul.input-cont li input[type=text]{width: 123px;}
    .findPage .find_cont .email-wrap .email-flex{justify-content: center;}
    .findPage .find_cont .email-wrap .email-flex ul.email-ul{flex-direction: column;}
    .findPage .find_cont .email-wrap .Confirm_btn{margin-top: 35px;}
    .findPage .find_cont .email-wrap ul.email-ul li.emailBtn{margin-left: 0;}

    #findId-popup .box{width: 400px;}
    #findId-popup h4.pop-tit{font-size: 17px;}
    #findId-popup .box .content{padding: 40px 61px 20px;}
    #findId-popup .content table tr td{font-size: 15px;}

    #Change-popup .popup-cont{width: 400px;height: 365px;}
    #Change-popup .popup-top{padding: 13px 25px 11px;}
    #Change-popup .popup-top h4{font-size: 17px;}
    #Change-popup .btn-close{top: 16px;}
    #Change-popup .popup-cont .content{padding: 30px 25px 38px;}
    #Change-popup .popup-cont .content p{font-size: 14px;}
    #Change-popup .pop-tbWrap{padding: 25px 0 0;}
    #Change-popup .pop-tbWrap table tr td{font-size: 14px;}
    #Change-popup .pop-tbWrap table tr td input[type=password]{width: 155px;height: 45px;}

}
@media (max-width: 480px){
    .findPage ul.tab-btn-wr{margin-bottom: 25px;}
    .findPage ul.tab-btn-wr li{height: 40px;}
    .findPage ul.tab-btn-wr li button.idTab-menu{font-size: 15px;line-height: 43px;}
    .findPage ul.tab-btn-wr li.on button.idTab-menu{line-height: 39px;}
    .findPage .find_cont h4.tit{font-size: 18px;padding-bottom: 30px;}
    .findPage .find_cont .email-wrap ul.input-cont li span.at{font-size: 13px;}
    .findPage .find_cont .cont-width{width: 330px;}
    .findPage .find_cont .Confirm_btn{font-size: 15px;width: 110px;height: 45px;line-height: 47px;}
    .findPage .find_cont .findtxt span.point{font-size: 15px;}
    .findPage .find_cont .findtxt{font-size: 12px;line-height: 19px;padding: 10px 15px;}
    .findPage .find_cont .cellphone .imgbox img{width: 69px;}
    .findPage .find_cont .cellphone p{font-size: 14px;}

    #Change-popup .pop-tbWrap table tr td{padding: 10px 5px;}
    #Change-popup .popup-cont .content .popupBtn-wrap .popup-saveBtn{font-size: 15px;width: 110px;height: 45px;line-height: 47px;}
}
@media (max-width: 420px){
    .findPage .find_cont{padding: 45px 0 52px;}
    .findPage ul.tab-btn-wr li button.idTab-menu{font-size: 14px;}
    .findPage .find_cont .cont-width{width: 300px;}
    .findPage .find_cont .findtxt{margin-top: 70px;}
    .findPage .find_cont .Confirm_btn{font-size: 14px;width: 105px;height: 43px;line-height: 45px;}

    #findId-popup .box{width: 330px;height: 266px;}
    #findId-popup .box .content{padding: 35px 30px 20px;}
    #findId-popup h4.pop-tit{font-size: 16px;}
    #findId-popup .content table tr td{font-size: 14px;}

    #Change-popup .popup-top{padding: 13px 20px 11px;}
    #Change-popup .popup-cont{width: 333px;height: 352px;}
    #Change-popup .popup-cont .content{padding: 30px 20px 38px;}
    #Change-popup .popup-cont .content p{font-size: 13px;}
    #Change-popup .pop-tbWrap table tr td input[type=password]{width: 130px;height: 40px;}
    #Change-popup .popup-cont .content .popupBtn-wrap .popup-saveBtn{font-size: 14px;width: 105px;height: 43px;line-height: 45px;}
}
@media (max-width: 390px){
    .findPage ul.tab-btn-wr li button.idTab-menu{font-size: 13px;}
    .findPage .find_cont h4.tit{font-size: 17px;}
    .findPage .find_cont .cont-width{width: 274px;}
    .findPage .find_cont .email-wrap ul.input-cont li input[type=text]{width: 100px;}
    .findPage .find_cont .cellphone p{font-size: 13px;line-height: 22px;}
    .findPage .find_cont .Confirm_btn {font-size: 12px;width: 97px;height: 38px;line-height: 39px;}

    #findId-popup .box{width: 290px;height: 238px;}
    #findId-popup h4.pop-tit{font-size: 15px;}
    #findId-popup .content table tr td{padding: 8px 15px;}

    #Change-popup .popup-cont{width: 288px;height: 335px;}
    #Change-popup .popup-cont .content{padding: 30px 20px 28px;}
    #Change-popup .pop-tbWrap table tr td{font-size: 13px;}
    #Change-popup .popup-cont .content .popupBtn-wrap .popup-saveBtn{font-size: 13px;width: 85px;height: 37px;line-height: 36px;}
}



#join_pg .join_wrap { padding: 72px 0 85px; } 
#join_pg .step { width: 100%; background-color: #fff; border-radius: 18px; border: 1px solid #4761DE; box-shadow: 2px 2px 20px #38465D1F; display: flex; align-items: center; margin-bottom: 36px; } 
#join_pg .step .step_tit { width: 40%; height: 186px; background-color: #4761DE; border-radius: 15px; border: 1px solid #4761DE; box-shadow: 2px 2px 20px #38465D1F; display: flex; align-items: center; padding: 56px 48px; } 
#join_pg .step .step_tit img { margin-right: 35px; } 
#join_pg .step .step_tit .tit_txt { font-size: 17px; font-weight: bold; color: #fff; line-height: 20px; } 
#join_pg .step .step_view { width: 60%; position: relative; margin: 29px 55px 26px; width: 100%; } 
#join_pg .step .step_view:after { position: absolute; content: ''; background-color: #ADB9D9; width: 100%; height: 14px; border-radius: 38px; top: 40%; left: 50%; transform: translate(-50%,-50%); z-index: 1; } 
#join_pg .step .step_view::before { position: absolute; content: ''; background-color: #4761DE; width: 100px; height: 14px; border-radius: 38px; top: 45px; left:0; z-index: 2; } 
#join_pg .step .step_view01::before {width: 100px;}
#join_pg .step .step_view02::before {width: 217px;;}
#join_pg .step .step_view03::before { width: 336px; } 
#join_pg .step .step_view04::before { width: 476px; } 
#join_pg .step .step_view05::before { width: 600px; } 
#join_pg .step .step_view06::before { width: 100%; } 
#join_pg .step .step_view .line_bg { display: flex; align-items: center; justify-content: center; } 
#join_pg .step .step_view ul { margin-right: 30px; z-index: 3; } 
#join_pg .step .step_view ul:last-child { margin-right: 0; } 
#join_pg .step .step_view ul li { font-size: 17px; line-height: 20px; font-weight: bold; text-align: center; } 
#join_pg .step .step_view ul li.imgbox { margin-bottom: 13px; } 
#join_pg .step .step_view .iconBx{background: url('');} 
#join_pg .step .step_view ul li.point_txt { color: #4761DE; } 
#join_pg .step .step_view ul li.txt { color: #7987ad;font-weight: 600; } 

#join_pg .join_cont { background-color: #fff; border-radius: 20px; border: 1px solid #DCE5EE; box-shadow: 2px 2px 20px #38465D1F; } 
#join_pg .join_cont .cont_top { background-color: #EBF0FF; border-radius: 18px; padding: 16px 34px; display: flex; align-items: center; } 
#join_pg .join_cont .cont_top img { width: 35px; } 
#join_pg .join_cont .cont_top img.img02 { width: 80px; } 
#join_pg .join_cont .cont_top img.img03 { width: 30px; } 
#join_pg .join_cont .cont_top img.img04 { width: 40px; } 
#join_pg .join_cont .cont_top img.img05 { width: 30px; } 
#join_pg .join_cont .cont_top h4 { font-size: 20px; font-weight: 600; margin-left: 15px; } 
#join_pg .join_cont .cs_btn { display: flex; align-items: center; justify-content: center; padding-bottom: 77px; cursor: pointer; } 
#join_pg .join_cont .cs_btn .Confirm_btn { font-size: 16px; color: #fff; background-color: #4761DE; border-radius: 28px; width: 128px; height: 49px; text-align: center; line-height: 49px; } 
#join_pg .join_cont .cs_btn .Cancel_btn { margin-left: 16px; background-color: #fff; border: 1px solid #4761DE; color: #6A6A6A; } 
#join_pg input[type=text] { background-color: #F4F4F5; border-radius: 5px; height: 57px; border: 0; font-size: 15px; padding-left: 18px; color: #223A4A; font-family: 'Pretendard'; transition: width .5s; } 
#join_pg input[type=text]::placeholder { color: #A9AEB4; font-size: 15px; } 
#join_pg input[type=password] { background-color: #F4F4F5; border-radius: 5px; height: 57px; border: 0; font-size: 15px; padding-left: 18px; color: #223A4A; font-family: 'Pretendard'; transition: width .5s; } 
#join_pg input[type=password]::placeholder { color: #A9AEB4; font-size: 15px; } 
#join_pg .join_cont .k-grid button.joinSel-btn{margin-left: 50px;}


.join-step .category { background-color: #fff; border-radius: 20px; border: 1px solid #DCE5EE; box-shadow: 2px 2px 20px #38465D1F; } 
.join-step .category .cate-mo { padding: 45px 30px !important; } 
.join-step .join-ct{display: flex;align-items: center;justify-content: center;}
.join-step .join-ct ul{width: 212px;}
.join-step .join-ct ul:not(:last-child){margin-right: 15px;}
.join-step .join-ct ul{background-color: #fff !important;}
.join-step .join-ct ul:nth-child(1):hover{background-color: #158ECE !important;}
.join-step .join-ct ul:nth-child(2):hover{background-color: #FFE300 !important;}
.join-step .join-ct ul:nth-child(3):hover{background-color: #03CF5D !important;}
.join-step .join-ct ul:nth-child(4):hover{background-color: #0C0C0C !important;}
.join-step .join-ct ul:nth-child(4):hover li.txt{color: #fff;}
.join-step .join-ct ul:hover:after { border-color: #4761DE !important} 
.join-step .join-ct img.icon{width: auto !important;}
.join-step .join-ct img.hover-ico{display: none;}
.join-step .join-ct ul:hover img.hover-ico{display: block;}
.join-step .join-ct ul:hover img.basic-ico{display: none;}
.join-step .join-ct ul li.imgbox{width: 100%; display: flex;align-items: center;flex-direction: column;justify-content: center;;}
/* .join-step .join-ct ul:nth-child(1) li.imgbox,
.join-step .join-ct ul:nth-child(3) li.imgbox{margin-top: 15px;} */
.join-step .join-ct ul:nth-child(1) ul li.txt,
.join-step .join-ct ul:nth-child(3) ul li.txt{margin-top: 3px;}
.join-step .join-ct ul li.txt{margin-top: 25px;}

@media (max-width: 890px){
    .join-step .join-ct {
        display: grid;
        grid-template-columns: repeat(2, 1fr);
        grid-gap: 2rem;
        width: fit-content;
        margin: 0 auto;
    }
    .join-step .join-ct ul:not(:last-child){margin-right: 0;}
}

@media (max-width: 640px){
    .join-step .join-ct{grid-template-columns: 1fr;grid-gap: 1rem;margin: auto;width: 100%;}
    .join-step .join-ct ul:not(:last-child){margin-right: 0;}
}
@media (max-width: 430px){
    .join-step .join-ct ul{width: 100%;}
}


.join-step01 .category { background-color: #fff; border-radius: 20px; border: 1px solid #DCE5EE; box-shadow: 2px 2px 20px #38465D1F; } 
.join-step01 .category .cate-mo { padding: 39px 30px 47px; } 
.join-step01 .category-grid { display: grid; grid-template-columns: repeat(5,1fr); grid-gap: 15px; } 
.join-step01 .category .join-txt { padding-top: 43px; font-size: 16px; color: #6A6A6A; line-height: 19px; } 
.join-step01 .category .join-txt span { color: #4761DE; margin-right: 10px; } 
.join-step01 .category ul { position: relative; background-color: #EBF0FF; border-radius: 20px; border: 1px solid #A5B4FF; box-shadow: 2px 2px 5px #38465D1F; padding: 36px 20px 27px; cursor: pointer; height: 193px; box-sizing: border-box; transition: all .8s; } 
.join-step01 .category ul:after { position: absolute; content: ''; top: 0; left: 0; width: 100%; height: 100%; border-radius: 20px; box-sizing: border-box; border: 3px solid transparent; } 
.join-step01 .category ul:hover:after { border: 3px solid #A5B4FF; } 
.join-step01 .category ul:hover { background-color: #87E2E2; transform: translateY(-10px); border:0} 
.join-step01 .category .imgbox{height: 65px;display: flex;}
.join-step01 .category ul li.imgbox img { margin: auto; } 
.join-step01 .category ul li.txt { font-size: 17px; font-weight: bold; color: #111111; text-align: center; line-height: 20px; margin-top: 20px;} 

.join-step01 .joinBx .iconBx{background-repeat: no-repeat; background-position: center;background-size: contain;}
.join-step01 .joinBx .iconBx.icon-pc{width: 127px;height: 64px;}
.join-step01 .joinBx .iconBx.icon-mo{display: none;width: 126px;height: 43px;}

.join-step01 .joinBx-1 .iconBx.icon-pc{background-image: url('../images/sub/ico_step_ntis.png');}
.join-step01 .joinBx-1:hover .iconBx.icon-pc{background-image: url('../images/sub/ico_step_ntis2.png');}
.join-step01 .joinBx-1 .iconBx.icon-mo{background-image: url('../images/sub/ico_step_mtis_mo.png');}
.join-step01 .joinBx-1:hover .iconBx.icon-mo{background-image: url('../images/sub/ico_step_mtis_mo2.png');}

.join-step01 .joinBx-2 .iconBx.icon-pc{background-image: url('../images/sub/ico_step_kakao.png');}
.join-step01 .joinBx-2 .iconBx.icon-mo{background-image: url('../images/sub/ico_step_kakao_mo.png');}

.join-step01 .joinBx-3 .iconBx.icon-pc{background-image: url('../images/sub/ico_step_naver.png');}
.join-step01 .joinBx-3:hover .iconBx.icon-pc{background-image: url('../images/sub/ico_step_naver2.png');}
.join-step01 .joinBx-3 .iconBx.icon-mo{background-image: url('../images/sub/ico_step_naver_mo.png');}
.join-step01 .joinBx-3:hover .iconBx.icon-mo{background-image: url('../images/sub/ico_step_naver_mo2.png');}

.join-step01 .joinBx-4 .iconBx.icon-pc{background-image: url('../images/sub/ico_step_apple.png');}
.join-step01 .joinBx-4:hover .iconBx.icon-pc{background-image: url('../images/sub/ico_step_apple2.png');}
.join-step01 .joinBx-4 .iconBx.icon-mo{background-image: url('../images/sub/ico_step_apple_mo.png');}
.join-step01 .joinBx-4:hover .iconBx.icon-mo{background-image: url('../images/sub/ico_step_apple_mo2.png');}

@media (max-width: 640px){
    .join-step01 .joinBx .iconBx.icon-mo{display: block;}
    .join-step01 .joinBx .iconBx.icon-pc{display: none;}
}


.join-step02 .join_cont .cont-m { padding: 53px 30px 95px; } 
.join-step02 .join_cont .cont-m .cont01 { padding-bottom: 58px; } 
.join-step02 .join_cont .cont-m .cont03{padding-top: 58px;}
.join-step02 .join_cont .cont-m .cont_tit { font-size: 17px; font-weight: bold; color: #111111; margin-bottom: 17px; } 
.join-step02 .join_cont .cont-m .cont_tit span { font-weight: normal; color: #6273a1; } 
.join-step02 .join_cont .cont-m .cont_txt { width: 100%; height: 291px; padding: 7px 8px 13px; background-color: #fff; border-radius: 12px; border: 1px solid #ADB9D9; box-shadow: 2px 2px 5px #38465D1F; } 
.join-step02 .join_cont .cont-m .cont_txt .txt { font-size: 15px; color: #6A6A6A; line-height: 18px; overflow-y: scroll; height: 271px; padding: 23px 22px 32px; } 
.join-step02 .join_cont .cont-m .cont_txt .txt p{line-height: 24px;}
.join-step02 .join_cont .cont-m .cont_txt .txt p.p_02{margin-left: 10px;}
.join-step02 .join_cont .cont-m .cont_txt .txt span { font-weight: bold;line-height: 24px;;} 
.join-step02 .join_cont .cont-m .cont_txt .txt::-webkit-scrollbar { width: 10px;  scrollbar-width: thin;scrollbar-color: gray transparent; } 
.join-step02 .join_cont .cont-m .cont_txt .txt::-webkit-scrollbar-thumb { height: 10%; background-color: #4761DE; border-radius: 12px; } 
.join-step02 .join_cont .cont-m .cont_txt .txt::-webkit-scrollbar-track { background-color: #EBEEF5; border-radius: 12px; } 

.join-step02 .join_cont .cont-m .cont_txt .txt table.txt_tb{margin-top: 8px;}
.join-step02 .join_cont .cont-m .cont_txt .txt table.txt_tb_mo{display: none;}
.join-step02 .join_cont .cont-m .cont_txt .txt table.txt_tb tr th, 
.join-step02 .join_cont .cont-m .cont_txt .txt table.txt_tb tr td{border: 1px solid #cfcfcf;;text-align: center;}
.join-step02 .join_cont .cont-m .cont_txt .txt table.txt_tb tr th{background-color: #EBF0FF;padding: 15px 10px;}
.join-step02 .join_cont .cont-m .cont_txt .txt table.txt_tb_mo tr th{white-space: nowrap;}
.join-step02 .join_cont .cont-m .cont_txt .txt table.txt_tb tr td{padding: 10px}
.join-step02 .join_cont .cont-m .cont_txt .txt table.txt_tb tr td:nth-child(2){text-align: left;}
.join-step02 .join_cont .cont-m .cont_txt .txt table.txt_tb tr td ul{display: flex;flex-direction: column;}
.join-step02 .join_cont .cont-m .cont_txt .txt table.txt_tb tr td ul li{margin-bottom: 8px;}
.join-step02 .join_cont .cont-m .cont_txt .txt table.txt_tb tr td ul li span{font-weight: 600;display: inline-block;line-height: 25px;}

.join-step02 .join_cont .cont-m .agree { margin-top: 15px; display: flex; align-items: center; justify-content: space-between; } 
.join-step02 .join_cont .cont-m .agree .txt { font-size: 16px; color: #6A6A6A; } 
.join-step02 .join_cont .cont-m .agree .radiobox { display: flex; } 
.join-step02 .join_cont .cont-m .agree .radiobox ul { display: flex; align-items: center; } 
.join-step02 .join_cont .cont-m .agree .radiobox ul li.a_txt { margin-right: 16px; font-size: 16px; color: #6A6A6A; } 
.join-step02 .join_cont .cont-m .agree .radiobox ul li input[type=radio] { margin-right: 7px; vertical-align: middle; } 

.join-step03 .cont-m { padding: 55px 0 64px; } 
.join-step03 .cont-m .cont { background-color: #fff; border-radius: 12px; border: 1px solid #EBF0FF; box-shadow: 2px 2px 5px #38465D1F; padding: 54px 29px 44px; width: 378px; height: 477px; margin: auto; } 
.join-step03 .cont-m .cont h4 { font-size: 20px; font-weight: 600; line-height: 24px; letter-spacing: -0.9px; text-align: center; } 
.join-step03 .cont-m .cont .imgbox img { margin: auto; } 
.join-step03 .cont-m .cont p { font-size: 15px; color: #6A6A6A; text-align: center; line-height: 18px; } 
.join-step03 .cont-m .cont p.p_01 { padding: 40px 0 60px; } 
.join-step03 .cont-m .cont p.p_02 { padding-top: 50px; } 

.join-step04 .cont-m .cont { padding: 46px 79px 97px; } 
.join-step04 .cont-m .cont table tr.join_line { border-bottom: 1px dashed #E6E6E6; height: 29px; vertical-align: middle; font-size: 0; } 
.join-step04 .cont-m .cont table.tbl-step04-003 tr:nth-child(5) td { padding-top: 31px; } 
.join-step04 .cont-m .cont table tr th, .join-step04 .cont-m .cont table tr td { font-size: 15px; color: #6A6A6A; font-weight: bold; padding: 8px 15px; } 
.join-step04 .cont-m .cont table tr th.name { width: 155px; vertical-align: top; padding-top: 28px; } 
.join-step04 .cont-m .cont table.tbl-step04-003 tr th.name02 { padding-top: 50px; } 
.join-step04 .cont-m .cont table tr th.name span { font-size: 20px; color: #4761DE; font-weight: normal; margin-left: 10px; } 
.join-step04 .cont-m .cont table tr td.txt-input input[type=text] { width: 484px; } 
.join-step04 .cont-m .cont table tr td.txt-input input[type=password] { width: 484px; } 
.join-step04 .cont-m .cont table tr td.txt-input02 input[type=text] { width: 285px; } 
.join-step04 .cont-m .cont table tr td p { font-size: 11px; color: #6A7480; line-height: 13px; margin-top: 3px; font-weight: 500; } 
.join-step04 .cont-m .cont table tr td p.password-txt { color: #4761DE; } 
.join-step04 .join-btn { background-color: #6A7480; border-radius: 5px; color: #fff; width: 96px; height: 57px; text-align: center; line-height: 58px; margin-left: 15px; cursor: pointer; font-size: 15px; font-weight: bold; } 
.join-step04 .cont-m .cont table tr td .td-flex { display: flex; align-items: flex-start; } 
.join-step04 .cont-m .cont table tr td .td-flex .flexVer02 { display: flex; } 
.join-step04 .cont-m .cont table tr td .td-flex .flex-02 { display: flex; align-items: center; } 
.join-step04 .cont-m .cont table tr td .td-flex select { width: 235px; height: 57px; background-color: #F4F4F5; border-radius: 5px; border: 0; margin-right: 14px; font-size: 15px; color: #A9AEB4; padding-left: 15px; } 
.join-step04 .cont-m .cont table tr td .emeil-input { width: 183px; margin-right: 10px; } 
.join-step04 .cont-m .cont table tr td input[type=text].emeil-input::placeholder { font-size: 15px; } 
.join-step04 .cont-m .cont table tr td .email-span { font-size: 13px; color: #A9AEB4; padding-right: 10px; margin: auto 0; } 
.join-step04 .cont-m .cont table tr td .team-select { width: 220px; } 
.join-step04 .cont-m .cont table tr td .email-select { width: 183px; color: #535D64 !important; font-size: 15px; } 
.join-step04 .cont-m .cont .table-wrap .join-info { font-size: 15px; font-weight: bold; color: #4761DE; padding: 25px 0; border-top: 1px solid #A9AEB4; margin-top: 38px; line-height: 20px; } 

.join-step05 .cont-m { text-align: center; padding-top: 55px; } 
.join-step05 .cont-m h4 { font-size: 24px; padding-bottom: 45px; font-weight: bold; } 
.join-step05 .cont-m .txt { padding-bottom: 46px; } 
.join-step05 .cont-m .txt p { line-height: 24px; } 
.join-step05 .cont-m .txt p.p-01 { padding-bottom: 25px; font-size: 18px; font-weight: 500; } 
.join-step05 .cont-m .txt p.p-02 { color: #6A7480; font-size: 15px; } 
.join-step05 .cont-m .cs_btn .Confirm_btn { display: flex; align-items: center; justify-content: center; } 


.contSearch { margin: 55px 50px; } 
.subPage .searchDefault { border-color:#DCE5EE !important;; } 
.subPage .search-topTxt { font-size: 11px; color: #4761DE; line-height: 13px; font-weight: 500; text-align: right; margin-bottom: 7px; } 
.subPage .searchDefault-flex { display: flex !important; align-items: center; justify-content: space-between; } 
.subPage .searchDefault input[type=text] { background-color: #ededed !important; color: #444; } 
.subPage .searchDefault input[type=text].input-common::placeholder { color: #6A7480 !important; font-size: 15px; } 
.contSearch .cont_tit { font-size: 17px; font-weight: bold; color: #111111; margin-bottom: 30px; } 
.subPage .step04-searchWrap { border: 0 !important; box-shadow: none !important; padding: 0 !important; } 
.subPage .button-right { display: flex; align-items: center; } 


#join-popup { position: fixed; width: 100%; height: 100%; left: 0; top: 0; background: rgba(0,0,0,0.7); z-index: 10000; overflow: auto; } 
#join-popup.view { display: none; } 
#join-popup .popup-position { position: absolute; top: 50%; left:50%; transform: translate(-50%,-50%); } 
#join-popup .popup-top { background-color: #4761DE; border-radius: 20px 0px; padding: 32px 0 24px; } 
#join-popup .popup-top h4 { font-size: 28px; color: #fff; line-height: 33px; text-align: center; } 
#join-popup .popup-cont { background-color: #fff; border-radius: 25px 20px 20px 20px; width: 1080px; height: 596px; } 
#join-popup .popup-cont .content { padding: 40px 44px 38px; } 
#join-popup .btn-close { position: absolute; cursor: pointer; top: 35px; right: 31px; color: #fff; } 
#join-popup .content .cont01 { padding-bottom: 21px; display: flex; align-items: center; justify-content: space-between; } 
#join-popup .content .cont01 .sear_tit { font-size: 15px; font-weight: bold; color: #535D64; margin-right: 27px; } 
#join-popup .content .cont01 ul.search-box { display: flex; align-items: center; margin-right: 43px; } 
#join-popup .content .cont01 ul.search-box li { display: flex; align-items: center; margin-right: 43px; } 

#join-popup table { border-bottom: 1px solid #D3D8E9; } 
#join-popup .k-grid { height: 360px; border: 0; } 
#join-popup .k-grid .k-header { background-color: #EBF0FF; padding:19px 0 15px; border: 0; text-align: center; font-size: 15px; color: #6A7480; font-weight: bold; } 

@media (max-width: 1700px){
    #join_pg .step .step_tit { padding: 35px 40px; } 
    #join_pg .step .step_view04::before { width: 520px !important; } 

    .join-step04 .cont-ver02 .cont table tr td .team-select { width: 150px !important; } 
    .join-step04 .cont-ver02 .cont table tr td.txt-input02 input[type=text] { width: 249px; } 
    .join-step04 .cont-ver02 .cont table tr td .email-select { width: 150px; } 
}
@media (max-width: 1250px){
    #join_pg .step .step_view03::before { width: 360px !important; } 
    #join_pg .step .step_view::before{width: 427px !important;}
}
@media (max-width: 1200px){
    #join_pg .step .step_tit { height: 169px; padding: 35px 25px 30px 30px; } 
    #join_pg .step .step_tit img { width: 70px; margin-right: 25px; } 
    .join-step02 .step .step_tit img { width: 52px !important; } 
    #join_pg .step .step_view ul li.imgbox img { width: 80px; } 
    #join_pg .step .step_view::before { top: 38px;} 
    #join_pg .step .step_view02::before { width: 153px !important; } 
    #join_pg .step .step_view03::before { width: 238px !important; } 
    #join_pg .step .step_view04::before { width: 460px !important; } 
    
    .join-step01 .category ul { height: 170px; padding: 35px 20px; } 
    .join-step01 .category ul li.txt { font-size: 16px; } 

    .join-step04 .cont-ver02 .cont table tr td .emeil-input { width: 157px; } 
    .join-step04 .cont-ver02 .cont table tr td .team-select { width: 106px !important; } 
    .join-step04 .cont-ver02 .cont table tr td .email-select { width: 106px; } 
}

@media (max-width: 1100px){
    #join_pg .step .step_tit { padding:35px 16px 30px 16px; } 
    #join_pg .step .step_view ul { margin-right: 15px; } 
    #join_pg .step .step_view04::before { width: 365px !important; } 
    
    .join-step04 .cont-m .cont { padding: 46px 45px 97px; } 
    .join-step04 .cont-ver02 .cont table tr td { padding: 8px 5px; } 
    .join-step04 .cont-ver02 .cont table tr td .emeil-input { width: 140px; } 
}

@media (max-width: 1024px){
    #join_pg .step .step_tit img { width: 60px; margin-right: 18px; } 
    #join_pg .step .step_tit .tit_txt { font-size: 15px; } 
    #join_pg .step .step_view { margin: 29px 27px 26px; } 
    #join_pg .step .step_view ul li { font-size: 16px; } 
}
@media (max-width: 960px){
    #join_pg .step { flex-direction: column; } 
    #join_pg .step .step_tit { width: 100%; height: 130px; padding: 23px 40px; } 
    #join_pg .step .step_view { margin: 0; padding: 28px 35px; } 
    #join_pg .step .step_view01:after { width: 85%; } 
    #join_pg .step .step_view05::before { width: 529px !important; } 
    #join_pg .step .step_view::before { top: 61px; left: 11px;} 
    #join_pg .step .step_view:after{width: 97%;}
    #join_pg .step .step_view ul { margin-right: 30px; } 
    #join_pg .step .step_view03::before { width: 350px !important; } 
    #join_pg .step .step_view04::before { width: 480px !important; } 

    .join-step01 .category-grid { grid-template-columns: repeat(3,1fr); } 
    .join-step01 .category ul { height: 185px; } 
    .join-step04 .cont-m .cont table tr td { padding: 8px 3px; } 
    .join-step04 .cont-m .cont table tr td .team-select { width: 113px !important; } 
    .join-step04 .cont-m .cont table tr td.txt-input02 input[type=text] { width: 256px; } 
    .join-step04 .cont-m .cont table tr td .emeil-input { width: 136px; } 
    .join-step04 .cont-ver02 .cont table tr td .emeil-input { width: 136px; } 
    .join-step04 .cont-m .cont table tr { display: grid; } 
}

@media (max-width: 900px){
    .join-step04 .cont-m .cont table tr td.txt-input input[type=text] { width: 400px; } 
    .join-step04 .cont-m .cont table tr td.txt-input input[type=password] { width: 400px; } 
    .join-step04 .cont-m .cont table tr td .td-flex02 { flex-direction: column; } 
    .join-step04 .cont-m .cont table tr td .td-flex .flex-02 { margin-top: 8px; } 
    .join-step04 .cont-ver02 .cont table tr td.txt-input02 input[type=text] { width: 400px; } 
    .join-step04 .cont-m .cont table tr td .flex-02 { margin-top: 8px; } 
}
@media (max-width: 850px){
    #join_pg .step .step_view ul { margin-right: 37px; } 
    #join_pg .step .step_tit .tit_txt { font-size: 17px; } 

    #join_pg .step .step_view02::before { width: 200px !important; left: 0;} 
    #join_pg .step .step_view03::before { width: 310px !important; } 
    #join_pg .step .step_view04::before { width: 440px !important; } 
    #join_pg input[type=text] { padding-left: 12px; } 
    #join_pg input[type=text]::placeholder { font-size: 14px; } 
    #join_pg input[type=password] { padding-left: 12px; } 
    #join_pg input[type=password]::placeholder { font-size: 14px; } 
    
    .join-step04 .cont-m .cont { padding: 46px 37px 70px; } 
    .join-step04 .cont-m .cont table tr td.txt-input input[type=text] { width: 350px; } 
    .join-step04 .cont-m .cont table tr td.txt-input input[type=password] { width: 350px; } 
    .join-step04 .cont-m .cont table tr td .team-select { width: 103px !important; } 
    .join-step04 .cont-m .cont table tr td.txt-input02 input[type=text] { width: 216px; } 
    .join-step04 .cont-m .cont table tr td .email-select { width: 140px} 
    .join-step04 .cont-m .cont table tr td .k-picker .k-input { font-size: 14px !important; } 
}
@media (max-width: 820px){
    #join_pg .step .step_view01::before{width: 0;}
}
@media (max-width: 768px){
    #join_pg .step .step_tit img { margin-right: 30px; } 
    #join_pg .step .step_view ul { margin-right: 40px; } 
    #join_pg input[type=text] { height: 45px; } 
    #join_pg input[type=password] { height: 45px; } 

    .join-step04 .cont-m .cont { padding: 46px 30px 50px; } 
    .join-step04 .cont-m .cont table tr th.name { width: 145px; } 
    .join-step04 .join-btn { width: 91px; height: 45px; line-height: 46px; font-size: 14px; } 
}
@media (max-width: 750px){
    #join_pg .step .step_view ul { margin-right: 28px; } 
    #join_pg .step .step_view::before {width: 90px; } 

    #join_pg .step .step_view02::before { width: 240px !important; } 
}
@media (max-width: 700px){
    #join_pg .step .step_view ul { margin-right: 25px; } 
    #join_pg .step .step_view ul { margin-right: 23px; } 
    #join_pg .step .step_view ul li { font-size: 15px; } 
    #join_pg .step .step_view03::before { width: 344px !important; } 

    .join-step04 .cont-m .cont table tr td { font-size: 14px; } 
    .join-step04 .cont-m .cont table tr th.name span { font-size: 15px; margin-left: 3px; } 
}
@media (max-width: 668px){
    .join-step04 .cont-m .cont table tr th.name { width: 160px; }
}

@media (max-width: 650px){
    #join_pg .step .step_view ul li.imgbox img { width: 75px; } 
    #join_pg .step .step_view::before { top: 59px; width: 80px; } 
    #join_pg .step .step_view01::before{width: 50px !important;}
    #join_pg .step .step_view02::before{width: 150px !important;}
    #join_pg .step .step_view03::before{width: 230px !important;}
    #join_pg .step .step_view04::before { width: 329px !important; } 
    #join_pg .step .step_view05::before{width: 432px !important;}
    
    .join-step .category .cate-mo{padding: 50px 30px !important;}
    .join-step01 .category ul {width: 100%; height: auto;display: flex;flex-direction: column; align-items: center;justify-content: space-between; padding: 15px 20px;border-radius: 10px;} 
    .join-step01 .category ul:hover{transform: translateY(0);}
    .join-step01 .category ul:after{border-radius: 15px;}
    .join-step01 .joinBx .iconBx.icon-mo{width: 80%;height: 40px;}
    .join-step01 .category .join-txt { font-size: 15px; padding-top: 15px;} 
    .join-step01 .joinBx .iconBx{width: 126px;height: 52px;}
    .join-step01 .category ul li.txt{margin-top: 10px;}
    .join-step01 .category .imgbox{height: 56px;}
    .join-step01 .category ul li.imgbox img{width: 80%;}

    .join-step02 .join_cont .cont-m .cont_txt .txt{padding: 18px 5px 25px}
}
@media (max-width: 630px){
    #join_pg .step .step_view ul { margin-right: 20px; } 
}
@media (max-width: 610px){
    #join_pg .step .step_view ul { margin-right: 17px; } 
}
@media (max-width: 600px){
    #join_pg .step .step_tit { padding: 23px 30px; justify-content: space-between; } 
    #join_pg .step .step_view { display: none; } 
    #join_pg input[type=text]::placeholder { font-size: 12px; } 
    #join_pg input[type=password]::placeholder { font-size: 12px; } 

    .join-step01 .category-grid { grid-template-columns: repeat(2,1fr); } 
    .join-step02 .step .step_tit img { width: 45px !important; } 
    
    .join-step04 .cont-m .cont table tr th.name { width: 101px; } 
    .join-step04 .cont-m .cont table tr td { font-size: 14px; } 
    .join-step04 .cont-m .cont table tr td p { font-size: 10px; } 
    .join-step04 .cont-m .cont .table-wrap .join-info { font-size: 14px; } 
    .join-step04 .cont-m .cont table tr td .k-picker { margin-right: 5px; } 
    .join-step04 .join-btn { width: 75px; font-size: 13px; } 
    .join-step04 .cont-m .cont table tr th.name { width: 285px; } 
    .join-step04 .cont-m .cont table tr td .k-picker .k-input { font-size: 12px !important; } 
    .join-step04 .cont-m .cont table tr td .team-select { width: 75px !important; } 
    .join-step04 .cont-m .cont table tr td .email-select { width: 80px;} 
}
@media (max-width: 550px) {
    .join-step04 .cont-m .cont table tr td.txt-input input[type=text] { width: 300px; } 
    .join-step04 .cont-m .cont table tr td.txt-input input[type=password] { width: 300px; } 
    .join-step04 .cont-m .cont table tr td.txt-input02 input[type=text] { width: 208px; } 
    .join-step04 .cont-m .cont table tr td .emeil-input { width: 100px; } 

    .join-step05 .cont-m h4 { font-size: 22px; } 
    .join-step05 .cont-m .txt p.p-01 { font-size: 17px; } 
}

 
@media (max-width: 480px){
    #join_pg .step .step_tit { height: 112px; } 
    #join_pg .join_cont .cont_top h4 { font-size: 18px; } 
    #join_pg .join_cont .cont_top img { width: 27px; } 
    #join_pg .join_cont .cont_top img.img02 { width: 70px; } 
    #join_pg .join_cont .cont_top img.img03 { width: 25px; } 
    #join_pg .join_cont .cont_top img.img04 { width: 36px; } 
    #join_pg .join_cont .cont_top img.img05 { width: 25px; } 
    .join-step01 .category .join-txt { font-size: 15px; line-height: 21px; } 

    .join-step02 .join_cont .cont-m .cont_txt .txt table.txt_tb_mo{display: block;}
    .join-step02 .join_cont .cont-m .cont_txt .txt table.txt_tb_mo tr th{font-size: 13px;}
    .join-step02 .join_cont .cont-m .cont_txt .txt table.txt_tb_mo tr td{font-size: 12px;}
    .join-step02 .join_cont .cont-m .cont_txt .txt table.txt_tb_mo tr td ul li span{line-height: 18px;}
    .join-step02 .join_cont .cont-m .cont_txt .txt table.txt_tb_pc{display: none;}
    .join-step02 .join_cont .cont-m .cont_txt p { padding: 16px 13px 25px; font-size: 14px; } 
    .join-step02 .join_cont .cont-m .cont_txt .txt p.p_02{padding:0}
    .join-step02 .join_cont .cont-m .agree .txt { font-size: 15px; } 
    .join-step02 .join_cont .cont-m .agree .radiobox ul li.a_txt { font-size: 15px; } 

    .join-step03 .cont-m .cont { padding: 38px 25px 44px; width: 350px; height: 450px; } 
    .join-step03 .cont-m .cont p.p_01 { padding: 32px 0 50px; } 
    .join-step03 .cont-m .cont .imgbox img { width: 80px; } 
    .join-step03 .cont-m .cont p { font-size: 14px; } 
    .join-step03 .cont-m .cont p.p_02 { padding-top: 50px; } 
    .join-step04 .cont-m .cont { padding: 37px 20px 50px; } 
    .join-step04 .cont-m .cont .table-wrap .join-info { font-size: 12px; padding-top: 28px; line-height: 17px; } 
    #join_pg input[type=text] { height: 35px; font-size: 13px; } 
    #join_pg input[type=password] { height: 35px; font-size: 13px; } 
    
    .join-step04 .cont-m .cont table tr th.name { padding-bottom: 0; } 
    .join-step04 .cont-m .cont table tr td .emeil-input { width: 70px; } 
    .join-step04 .cont-m .cont table tr td .team-select { height: 35px; } 
    .join-step04 .cont-m .cont table tr td .k-picker-wrap .k-select { line-height: 40px !important; } 
    .join-step04 .cont-m .cont table tr td .email-span { padding-right: 5px; } 
    .join-step04 .cont-m .cont table tr td .emeil-input { margin-right: 5px; } 
    .join-step04 .cont-ver02 .cont table tr td .emeil-input { width: 70px; } 
    .join-step04 .cont-m .cont table tr td .email-span { font-size: 11px; } 
    .join-step04 .cont-m .cont table tr td.txt-input input[type=text] { width: 253px; } 
    .join-step04 .cont-m .cont table tr td.txt-input input[type=password] { width: 253px; } 
    .join-step04 .cont-m .cont table.tbl-step04-003 tr td.name02 { padding-top: 37px; } 
    
    .join-step05 .cont-m h4 { font-size: 21px; } 
    .join-step05 .cont-m .txt p.p-01 { font-size: 16px; } 
    .join-step05 .cont-m .txt p.p-01 br.br_mo { display: block; } 
    .join-step05 .cont-m .txt p.p-02 { font-size: 13px; line-height: 20px; } 
    .join-step05 .cont-m .cs_btn .Confirm_btn img { width: 16px; } 

    .join-step04 .join-btn { height: 35px; line-height: 36px; font-size: 12px; width: 62px; } 
    #join_pg .join_cont .cs_btn { padding-bottom: 55px; } 
    #join_pg .join_cont .cs_btn .Confirm_btn { font-size: 15px; width: 110px; height: 45px; line-height: 47px; } 
    #join_pg .join_cont .cs_btn .Cancel_btn { margin-left: 12px; } 
}
@media (max-width: 420px){
    #join_pg input[type=text] { font-size: 12px; } 
    #join_pg input[type=password] { font-size: 12px; } 
    #join_pg .step .step_tit { padding: 18px 20px; height: 100px; } 
    #join_pg .join_cont .cont_top h4 { font-size: 16px; margin-left: 10px; } 
    #join_pg .join_cont .cont_top img { width: 23px; } 
    #join_pg .join_cont .cont_top img.img02 { width: 63px; } 
    #join_pg .step .step_tit .tit_txt { font-size: 15px; } 
    .join-step04 .step .step_tit img { width: 46px !important; } 
    
    .join-step01 .category ul:nth-child(2) li.imgbox img { width: 100px; } 
    .join-step01 .category ul:nth-child(4) li.imgbox img { width: 55px; } 
    .join-step01 .category ul li.txt { font-size: 15px; } 
    .join-step01 .category .join-txt { font-size: 14px; } 
    
    .join-step02 .join_cont .cont-m { padding: 30px 20px 35px; } 
    .join-step02 .join_cont .cont-m .cont_tit { margin-bottom: 10px; font-size: 16px; } 
    .join-step02 .join_cont .cont-m .cont_txt p { padding: 11px 13px 20px; font-size: 13px; } 
    .join-step02 .join_cont .cont-m .agree .txt { font-size: 14px; } 
    .join-step02 .join_cont .cont-m .agree .radiobox ul li.a_txt { font-size: 14px; margin-right: 10px; } 
    
    .join-step03 .cont-m .cont { padding: 28px 20px 32px; width: 285px; height: 359px; } 
    .join-step03 .cont-m .cont h4 { font-size: 18px; } 
    .join-step03 .cont-m .cont p { font-size: 13px; } 
    .join-step03 .cont-m .cont p.p_01 { padding: 20px 0 30px; } 
    .join-step03 .cont-m .cont .imgbox img { width: 60px; } 
    .join-step03 .cont-m .cont p.p_02 { padding-top: 35px; } 
    .join-step03 .cont-m .cont p.p_02 br.br_mo { display: block; } 
    
    .join-step04 .cont-m .cont { padding: 20px 20px 30px; } 
    .join-step04 .cont-m .cont table tr td.txt-input input[type=text] { width: 210px; } 
    .join-step04 .cont-m .cont table tr td.txt-input input[type=password] { width: 210px; } 
    
    .join-step05 .cont-m h4 { font-size: 19px; } 
    .join-step05 .cont-m .txt p { line-height: 21px; } 
    .join-step05 .cont-m .txt p.p-01 { font-size: 15px; } 
    .join-step05 .cont-m .cs_btn .Confirm_btn img { width: 16px; } 
    .join-step05 .step .step_tit img { width: 52px !important; } 

    #join_pg .join_cont .cs_btn .Confirm_btn { font-size: 14px; width: 105px; height: 43px; line-height: 45px; } 
    .myinfo-step02 .join_cont .cs_btn .Confirm_btn { width: 95px !important; } 
}
@media (max-width: 400px){
    .join-step01 .category-grid { grid-template-columns: repeat(1, 1fr); } 
    .join-step01 .category .join-txt { font-size: 13px; line-height: 18px; } 
    .join-step01 .category ul:nth-child(2) li.imgbox img { width: 120px; } 
    .join-step01 .category ul:nth-child(4) li.imgbox img { width: 59px; } 

    .join-step02 .join_cont .cont-m .agree .txt { font-size: 13px; } 
    .join-step02 .join_cont .cont-m .agree .radiobox ul li.a_txt { font-size: 13px; } 

    .join-step03 .cont-m .cont h4 { font-size: 16px; } 
}

@media (max-width: 370px){
    .join-step02 .step .step_tit img { width: 35px !important; } 
    .join-step02 .join_cont .cont-m .agree { flex-direction: column; align-items: flex-end; } 
    .join-step02 .join_cont .cont-m .agree .radiobox { margin-top: 9px; } 

    .join-step04 .cont-m .cont table tr td.txt-input input[type=text] { width: 180px; } 
    .join-step04 .cont-m .cont table tr td.txt-input input[type=password] { width: 180px; } 
    .join-step04 .cont-m .cont table tr td.txt-input02 input[type=text] { width: 190px; } 
    .myinfo-step02 .join_cont .cs_btn .Confirm_btn { width: 80px !important; } 
    .myinfo-step02 .join_cont .cs_btn .Cancel_btn { margin-left: 9px; } 
}


.myPage .my-info-cont .table-box { background-color: #fff; border-radius: 12px; border: 1px solid #EBF0FF; box-shadow: 2px 2px 5px #38465D1F; margin: auto; width: 700px; overflow: hidden; transition: width .6s; } 
.myPage .my-info-cont h4 { font-size: 20px; font-weight: 700; text-align: center; margin-bottom: 40px; } 
.myPage .my-info-cont h4 span { color: #4761DE; } 
.myPage table { text-align: center; vertical-align: middle; width: 100%; padding: 10px; } 
.myPage table tr { border-bottom: 1px solid #D3D8E9 } 
.myPage table tr:last-child { border-bottom: 0 } 
.myPage table tr th, .myPage table tr td { font-size: 15px; color: #6A6A6A; font-weight: bold; padding: 8px 15px; } 
.myPage table tr th.info-tit { width: 120px; height: 54px; background-color: #EBF0FF; border-right: 1px solid #D3D8E9; } 
.myPage table tr th.info-tit02 { border-left: 1px solid #D3D8E9; } 
.myPage table tr td.info-cont { width: 170px; color: #6A6A6A; font-weight: normal; } 
.myPage table tr td.info-cont001 { text-align: left; padding-left: 68px; } 
.myPage .join_cont .cont_top img { width: 25px !important; } 

.myPage .my-info-cont .tableBox-mobile { display: none } 

#join_pg .step .step_viewMyInfo ul { margin-right: 130px; } 
.myinfo-step01 .step .step_view03::before { width: 185px !important; } 
.myinfo-step01 .join_cont .cont_top img, .myinfo-step02 .join_cont .cont_top img { width: 20px !important; } 

#secede-popup.view { transform: translateX(0%); opacity: 1;} 
.cs-popup .box .content02{padding: 45px 44px 35px !important;}
.cs-popup .content02 .popupBtn-wrap{padding-top: 40px;}

.secedePage .cont-m p.p-01 span.idName{color: #2a4fff;}
.secedePage .cs_btn .Confirm_btn a{display: flex;align-items: center;justify-content: space-between;}
.secedePage .cs_btn .Confirm_btn img{margin-right: 8px;}


@media (max-width: 950px){
    .myPage .my-info-cont .table-box { width: 555px; } 
    .myPage table tr td { padding: 5px; } 
    .myPage table tr td.info-tit { width: 111px; } 
    .myPage table tr td.info-cont001 { padding-left: 49px; } 
}
@media (max-width: 768px){
    #join_pg .step .step_viewMyInfo ul { margin-right: 107px; } 
}
@media (max-width: 700px){
    #join_pg .step .step_viewMyInfo ul { margin-right: 80px; } 
}
@media (max-width: 650px){
    .myPage .my-info-cont .tableBox-pc { display: none; } 
    .myPage .my-info-cont .tableBox-mobile { display: block; width: 480px; } 
    .myPage .tableBox-mobile tr td.info-tit { width: 55px; } 
}
@media (max-width: 600px){
    .myPage .my-info-cont .table-box { width: 400px; } 
    .myPage table tr td { font-size: 14px; } 
    .myPage table tr td.info-tit { height: 45px; } 
    .myPage table tr td.info-cont { width: 125px; } 
    .myPage table tr td.info-cont001 { padding-left: 27px; } 
}
@media (max-width: 550px){
    #secede-popup .box{height: 228px;}
}
@media (max-width: 480px){
    .myPage .my-info-cont h4 { font-size: 18px; } 
    .myPage .my-info-cont .table-box { width: 310px; } 
    .myPage table tr td { font-size: 13px; } 
    .myPage table tr td.info-tit { line-height: 22px; width: 75px; height: 38px; } 
    .myPage table tr td.info-tit br.br_mo { display: block; } 
}
@media (max-width: 420px){
    .myPage .my-info-cont h4 { font-size: 17px; } 
    .myPage .my-info-cont .table-box { width: 260px; } 

    #secede-popup .box{height: 210px;}
    .cs-popup .box .content02 {padding: 36px 20px 30px !important;}
    .cs-popup .content02 .popupBtn-wrap{padding-top: 30px;}
}
@media (max-width: 390px){
    #secede-popup .box{height: 192px;}
}


.cs-popup{ position: fixed; width: 100%; height: 100%; top: 0px; left: 0px; transform: translateX(100%); opacity: 0; z-index: 9999; } 
#write-popup.view { transform: translateX(0%); opacity: 1; } 
#private-popup.view { transform: translateX(0%); opacity: 1; } 
.cs-popup .box { width: 600px; height: 240px; position: absolute; top: 50%; left: 50%; transform: translate(-50%,-50%); z-index: 2; padding: 5px; transition: width .4s; } 
.cs-popup .box .content { width: 100%; height: 100%; background-color: #fff; text-align: center; border-radius: 20px; padding: 55px 44px 38px; } 
.cs-popup .bg { position: absolute; width: 100%; height: 100vh; top: 0px; left: 0px; background-color: #000a; z-index: 1; } 
.cs-popup .content p{font-size: 18px;font-weight: 500;line-height: 24px;}
.cs-popup .content p span.point{color: #879CFF ;}
.cs-popup .popupBtn-wrap{padding-top:59px;}

@media (max-width: 700px){
    .cs-popup .box{width: 520px;height: 245px;}
}
@media (max-width: 550px){
    .cs-popup .box{width: 460px;}
}
@media (max-width: 500px){
    .cs-popup .box{width: 398px;height: 207px;}
    .cs-popup .content p{font-size: 16px;}
    .cs-popup .popupBtn-wrap{padding-top: 35px;}
    .cs-popup .popupBtn-wrap .popupBtn{width: 110px;height: 45px;line-height: 47px;font-size: 15px;}
}
@media (max-width: 420px){
    .cs-popup .box{width: 333px;height: 200px;}
    .cs-popup .content p{font-size: 15px;}
}
@media (max-width: 390px){
    .cs-popup .box{width: 288px;height: 167px;}
    .cs-popup .box .content{padding: 46px 20px 29px;}
    .cs-popup .content p{font-size: 14px;}
    .cs-popup .popupBtn-wrap{padding-top: 33px;}
    .cs-popup .popupBtn-wrap .popupBtn{width: 85px;height: 37px;line-height: 36px;font-size: 13px;}
}


.csPage .k-grid tr.notice-fix{background-color: #f5f5f5;}
.csPage .k-grid tr.notice-fix td.fix-tit{font-weight: 600;color: #878787;}


.csPage .cs_cont { background-color: #fff; border-radius: 20px; border: 1px solid #DCE5EE; box-shadow: 2px 2px 20px #38465d1f; margin-bottom: 85px;} 
.csPage .cs_cont h4 { font-size: 20px; font-weight: 600; margin-left: 15px; } 
.csPage .cs_cont .csBtn-wrap { display: flex; align-items: center; justify-content: flex-end; padding-top: 30px; } 
.csPage .cs_cont .csBtn-wrap02 { padding-top: 5px; } 
.csPage .cs_cont .qna-btn { cursor: pointer; font-size: 16px; color: #fff; background-color: #4761DE; border-radius: 28px; width: 128px; height: 49px; text-align: center; line-height: 49px; } 

.csPage .cs_cont .cont_top { background-color: #EBF0FF; border-radius: 18px; padding: 16px 34px; display: flex; align-items: center; } 
.csPage .cs_cont .cont-m { padding: 79px 79px 85px; } 
.subPage .k-grid tr td button.private-btn{background-color: transparent;}

/* list */
.csPage .cs_cont .searchBox { margin-bottom: 15px; display: flex; align-items: center; justify-content: flex-end; } 
.csPage .cs_cont .searchBox .searchSet { background-color: #fafafa; border: 1px solid #DCE5EE; border-radius: 5px; display: flex; } 
.csPage .cs_cont .searchBox .k-picker { width: 100px !important; margin-right: 1px !important; border: 0;box-shadow: none;} 
.csPage .cs_cont .searchBox .k-picker span.k-input-inner{background-color: #fafafa;}
.csPage .cs_cont .searchBox .k-picker .k-input-button{background-color: #fafafa;}
.csPage .cs_cont .searchBox input[type=text] { height: 40px; width: 200px; background-color: #fafafa; margin-right: 1px; font-size: 14px; } 
.csPage .cs_cont .searchBox input[type=text]::placeholder { color: #a9aeb4; font-size: 14px; } 
.csPage .cs_cont .searchBox .searchBtn { background-color: #fafafa; border-radius: 5px; width: 40px; height: 40px; padding: 11px 0; cursor: pointer; } 
.csPage .cs_cont .searchBox .searchBtn img { margin: 0 auto; } 
.csPage .cs_cont .list-wrap .totalInfo { font-size: 14px; color: #6B6B6B; margin-bottom: 8px; font-weight: 500; } 
.csPage .cs_cont .list-wrap .totalInfo span.num { color: #4761DE; } 
.csPage .cs_cont .list-wrap table td { font-weight: 500; } 
.csPage .cs_cont .list-wrap table td span { font-weight: 600; margin-right: 6px; color: #2F55B4; } 
.csPage .cs_cont .list-wrap table td img { width: 26px; margin: 0 auto; } 
.csPage .cs_cont .list-wrap table td.anw-not{color: #a9a9a9;}
.csPage .cs_cont .list-wrap table td.anw-finish{font-weight: bold;color: #787878;}

/* view */
.csPage .cs_cont .view-wrap .view-title { border-top: 2px solid #4761DE; padding: 32px 25px 15px; border-bottom: 1px solid #E4EBF4; } 
.csPage .cs_cont .view-wrap .view-title h2 { font-size: 21px; font-weight: 600; margin-bottom: 42px; } 
.csPage .cs_cont .view-wrap .view-title h2 span { color: #2F55B4; font-weight: bold; margin-right: 3px; } 
.csPage .cs_cont .view-wrap .view-title .titleInfo { display: flex; align-items: center; justify-content: space-between; } 
.csPage .cs_cont .view-wrap .view-title .titleInfo ul { display: flex; align-items: center; } 
.csPage .cs_cont .view-wrap .view-title .titleInfo ul li { font-size: 15px; margin-right: 33px; } 
.csPage .cs_cont .view-wrap .view-title .titleInfo ul li strong { font-weight: bold; margin-right: 9px; } 
.csPage .cs_cont .view-wrap .view-title .titleInfo ul li span { font-weight: normal; color: #6A6A6A; } 
.csPage .cs_cont .view-wrap .view-content { padding: 35px 25px; } 
.csPage .cs_cont .view-wrap .view-content p { font-size: 15px; line-height: 28px; height: 250px; } 
.csPage .cs_cont .view-wrap .view-answer { background-color: #EBF0FF; border-radius: 10px; display: flex; align-items: center; padding: 22px 25px; } 
.csPage .cs_cont .view-wrap .view-answer img { width: 30px; margin-right: 15px; } 
.csPage .cs_cont .view-wrap .view-answer p { font-size: 15px; font-weight: bold; line-height: 19px; } 
.csPage .cs_cont .view-wrap ul.view-pager { padding-top: 45px; } 
.csPage .cs_cont .view-wrap ul.view-pager li { font-size: 15px; display: flex; align-items: center; justify-content: flex-start; padding: 14px 25px; border-bottom: 1px solid #E4EBF4; } 
.csPage .cs_cont .view-wrap ul.view-pager li:first-child { border-top: 1px solid #4761de } 
.csPage .cs_cont .view-wrap ul.view-pager li .pager-tit { display: flex; align-items: center; } 
.csPage .cs_cont .view-wrap ul.view-pager li span { font-weight: 600; } 
.csPage .cs_cont .view-wrap ul.view-pager li img { margin:0 20px 0 10px; } 
.csPage .cs_cont .view-wrap ul.view-pager li a { font-weight: 500; } 

.csPage .cs_cont .view-wrap .file-wrap { font-size: 14px; line-height: 18px; background-color: #fff; border: 1px solid #A5B4FF; border-radius: 12px; font-weight: 600; padding: 5px 8px; } 
.csPage .cs_cont .view-wrap .file-wrap a{display: flex; align-items: center; }
.csPage .cs_cont .view-wrap .file-wrap img { margin-right: 6px; } 
.csPage .cs_cont .view-wrap .file-wrap span { font-weight: normal; margin-left: 5px; } 

/* write */
.csPage .write-tb table { border-top: 2px solid #4761DE; } 
.csPage .write-tb table tr { border-bottom: 1px solid #E4EBF4; padding: 20px 0; } 
.csPage .write-tb table tr td { padding: 15px 0; } 
.csPage .write-tb table tr th.td-tit { text-align: center; font-size: 15px; color: #6A6A6A; font-weight: bold; width: 200px; } 
.csPage .write-tb table tr td.td-cont { text-align: left; display: flex; align-items: center; } 
.csPage .write-tb table tr td.td-cont .k-picker { width: 145px; } 
.csPage .write-tb table tr.td-cont02 td input[type=text] { width: 400px; } 
.csPage .write-tb table tr td input[type=text] { width: 500px; } 
.csPage .write-tb table tr td input[type=text]::placeholder { color: #a9aeb4; } 
.csPage .write-tb table tr td textarea { width: 100%; height: 260px; padding: 20px; font-size: 15px; line-height: 22px; font-family: 'Pretendard'; background-color: #F4F4F5; border-radius: 5px; border: 0; } 
.csPage .write-tb table tr td textarea::placeholder {font-size: 15px; color: #a9aeb4; } 

.csPage .csBtn-wrap .cancel-btn { margin-right: 16px; background-color: #fff; border: 1px solid #4761DE; color: #6A6A6A; } 
/* .k-grid td { overflow: hidden; text-overflow: ellipsis; white-space: nowrap; } */
/* 
.k-grid-header .k-filterable .k-link { width:100%; display:block; overflow:hidden; text-overflow:ellipsis; } */

@media (max-width: 1024px) { 
    /* view */
    .csPage .cs_cont .view-wrap .view-title { padding: 32px 20px 15px; } 
    .csPage .cs_cont .view-wrap .file-wrap { font-size: 13px; } 
    .csPage .cs_cont .view-wrap .view-content { padding: 35px 20px; } 
    .csPage .cs_cont .view-wrap .view-answer { padding: 22px 20px; } 
    .csPage .cs_cont .view-wrap ul.view-pager li { padding: 14px 20px; } 
    /* write */
    .csPage .write-tb table tr th.td-tit { width: 135px; } 
}
@media (max-width: 950px) { 
    /* list */
    .csPage .cs_cont .searchBox .k-picker { width: 89px !important; } 
    .csPage .cs_cont .searchBox input[type=text] { width: 178px; } 
    /* view */
    .csPage .cs_cont .view-wrap .view-title .titleInfo { flex-direction: column; align-items: flex-end; } 
    .csPage .cs_cont .view-wrap .view-title .titleInfo ul li:last-child { margin-right: 0; } 
    .csPage .cs_cont .view-wrap .file-wrap { margin-top: 28px; font-size: 12px; } 
    /* write */
    .csPage .write-tb table tr td input[type=text] { width: 410px; } 
    .csPage .write-tb table tr.td-cont02 td input[type=text] { width: 300px; } 
}
@media (max-width: 820px) { 
    /* list */
    .csPage .cs_cont .list-wrap table td img { width: 23px; } 
    /* write */
    .csPage .write-tb table tr td input[type=text] { width: 316px; } 
    .csPage .write-tb table tr.td-cont02 td input[type=text] { width: 197px; } 
}
@media (max-width: 768px) { 
    /* write */
    .csPage .write-tb table tr td textarea { height: 230px; } 
    .csPage .write-tb table tr td input[type=text] { height: 50px; } 
    .csPage .write-tb table tr td .upload-btn { height: 50px; line-height: 51px; width: 78px; } 
    .csPage .cs_cont .view-wrap .view-title .titleInfo ul li { font-size: 14px; } 
}
@media (max-width: 650px) { 
    /* list */
    .csPage .cs_cont .searchBox .k-picker { width: 83px !important; } 
    .csPage .cs_cont .searchBox input[type=text] { width: 150px; } 
    /* view */
    .csPage .cs_cont .view-wrap .view-answer { padding: 15px 20px; } 
    .csPage .cs_cont .view-wrap .view-answer p { font-size: 13px; } 
    .csPage .cs_cont .view-wrap ul.view-pager li { font-size: 13px; padding: 12px 20px; } 
    /* write */
    .csPage .cs_cont .cont-m { padding: 52px 54px 72px; } 
    .csPage .write-tb table tr th.td-tit { width: 90px; } 
    .csPage .write-tb table tr td input[type=text] { width: 270px; } 
    .csPage .write-tb table tr.td-cont02 td input[type=text] { width: 175px; } 
}
@media (max-width:550px) { 
    /* view */
    .csPage .cs_cont .view-wrap .view-title { padding: 26px 10px 15px; } 
    .csPage .cs_cont .view-wrap .view-title h2 { font-size: 18px; } 
    .csPage .cs_cont .view-wrap .view-content { padding: 35px 10px; } 
    .csPage .cs_cont .view-wrap .view-answer { padding: 22px 10px; } 
    .csPage .cs_cont .view-wrap ul.view-pager li { padding: 14px 10px; } 
    .csPage .cs_cont .view-wrap .view-title .titleInfo ul li strong { margin-right: 4px; } 
    .csPage .cs_cont .view-wrap .view-title .titleInfo ul li span { font-size: 13px; } 
    .csPage .cs_cont .view-wrap .file-wrap { padding: 3px 6px; } 
    .csPage .cs_cont .view-wrap .file-wrap img { margin-right: 5px; width: 15px; } 
    .csPage .cs_cont .view-wrap .view-answer img { width: 25px; } 
}

@media (max-width: 500px) { 
    /* write */
    .csPage .cs_cont .cont-m { padding: 52px 40px 72px; } 
    .csPage .write-tb table tr td { padding: 10px 0; } 
    .csPage .write-tb table tr th.td-tit { font-size: 14px; } 
    .csPage .write-tb table tr td input[type=text] { width: 186px; height: 38px; font-size: 14px; } 
    .csPage .write-tb table tr td input[type=text]::placeholder { font-size: 14px; } 
    .csPage .write-tb table tr td .upload-btn { height: 38px; line-height: 40px; width: 80px; font-size: 13px; } 
    .csPage .write-tb table tr.td-cont02 td input[type=text] { width: 151px; } 
    .csPage .write-tb table tr td textarea { font-size: 14px; } 
    .csPage .write-tb table tr td textarea::placeholder { font-size: 14px; } 
}

@media (max-width: 480px) { 
    .csPage .cs_cont .cont_top{padding: 12px 34px;} 
    .csPage .cs_cont h4{font-size: 18px;}
    .csPage .cs_cont .searchBox input[type=text]{font-size: 13px;}
    .csPage .cs_cont .searchBox input[type=text]::placeholder{font-size: 13px;}
    .csPage .cs_cont .searchBox .k-picker-wrap .k-input{font-size: 13px !important;}
    /* view */
    .csPage .cs_cont .view-wrap .view-title h2 { font-size: 17px; line-height: 26px; } 
    .csPage .cs_cont .view-wrap .view-title .titleInfo ul li { font-size: 13px; margin-right: 16px; } 
    .csPage .cs_cont .view-wrap .view-title .titleInfo ul li span { font-size: 12px; } 
    /* write */
    .csPage .cs_cont .qna-btn { width: 110px; height: 45px; line-height: 47px; font-size: 15px; } 
}
@media (max-width: 420px) {
    .csPage .cs_cont .cont_top{padding: 12px 20px;} 
    .csPage .cs_cont .cont_top img{width: 21px;}
    .csPage .cs_cont .searchBox input[type=text]{width: 136px;height: 35px;padding-left: 12px;}
    .csPage .cs_cont .searchBox .k-picker{width: 71px !important;height: 35px !important;}
    .csPage .cs_cont .searchBox .k-input{height: 35px !important;line-height: 32px !important;}
    .csPage .cs_cont .searchBox .k-state-default>.k-select{line-height: 35px !important;}
    .csPage .cs_cont .searchBox .searchBtn{height: 35px;padding: 8px 0;}

    /* list */
    .csPage .cs_cont .list-wrap .totalInfo{font-size: 13px;}
    /* write */
    .csPage .cs_cont .cont-m { padding: 44px 20px 47px; } 
    .csPage .write-tb table tr td input[type=text] { font-size: 13px; } 
    .csPage .write-tb table tr td input[type=text]::placeholder { font-size: 13px; } 
    .csPage .write-tb table tr td textarea { font-size: 13px; } 
    .csPage .write-tb table tr td textarea::placeholder { font-size: 13px; } 
    .csPage .cs_cont .qna-btn { width: 105px; height: 43px; line-height: 45px !important; font-size: 14px; line-height: 53px; } 
}
@media (max-width: 390px) { 
    .csPage .cs_cont .cont_top img{width: 19px;}
    .csPage .cs_cont h4{font-size: 16px;margin-left: 10px;}
    /* view */
    .csPage .cs_cont .view-wrap .view-title { padding: 23px 0 12px; } 
    .csPage .cs_cont .view-wrap .view-content { padding: 29px 10px; } 
    .csPage .cs_cont .view-wrap .view-answer { padding: 15px 10px; } 
    .csPage .cs_cont .view-wrap ul.view-pager li { padding: 10px; } 
    .csPage .write-tb table tr td .upload-btn { margin-left: 9px; } 
    /* write */
    .csPage .write-tb table tr th.td-tit { font-size: 13px; } 
    .csPage .write-tb table tr td input[type=text] { width: 130px; } 
    .csPage .write-tb table tr td .upload-btn { width: 63px; font-size: 12px; } 
    .csPage .write-tb table tr.td-cont02 td input[type=text] { width: 140px; } 
    .csPage .write-tb table tr td input[type=text] { font-size: 12px; } 
    .csPage .write-tb table tr td input[type=text]::placeholder { font-size: 12px; } 
    .csPage .write-tb table tr td textarea { font-size: 12px; } 
    .csPage .write-tb table tr td textarea::placeholder { font-size: 12px; } 
}

.csPage .que div.que-flex, .csPage .anw div.anw-flex{display: flex;align-items: center;}
.csPage .que:first-child { border-top: 2px solid #4761DE; } 
.csPage .que { position: relative;padding: 17px 0; cursor: pointer; font-size: 16px; border-bottom: 1px solid #E4EBF4; font-weight: 500;}
.csPage .que strong.que-point{display: inline-block; content: 'Q'; font-size: 32px; color: #4761DE; margin: 0 30px}
.csPage .que span.que-tit{margin: 0 30px;line-height: 23px;}
.csPage .que.on span.que-tit { font-weight: bold; color: #4761DE;} 

.csPage .anw { display: none; overflow: hidden;font-size: 15px; background-color: #f4f4f2; padding: 27px 0;} 
.csPage .anw strong.anw-point{display: inline-block; content: 'A'; font-size: 32px;color: #666; margin: 0 30px;}
.csPage .anw span.anw-cont{margin: 0 30px;line-height: 23px;}

.csPage .arrow-wrap { position: absolute; top:50%; right: 20px; transform: translate(0, -50%); } 
.csPage .arrow-wrap  button{width: 35px;height: 35px;;}
.csPage .que .arrow-top { display: none; } 
.csPage .que .arrow-bottom {display: flex; align-items: center;justify-content: flex-end;}
.csPage .que.on .arrow-bottom { display: none; } 
.csPage .que.on .arrow-top {display: flex; align-items: center;justify-content: flex-end;}

@media (max-width: 650px) {
    .csPage .que{font-size: 15px;}
    .csPage .anw{font-size: 14px;}
}
@media (max-width: 550px) {
    .csPage .que{padding: 12px 0;}
    .csPage .anw{padding: 20px 0;}
    .csPage .que strong.que-point, .csPage .anw strong.anw-point{font-size: 29px;margin: 0 0 0 15px;}
}

@media (max-width: 480px) {
    .csPage .que{font-size: 14px;padding: 10px 0;}
    .csPage .anw{font-size: 13px;padding: 15px 0;}
    .csPage .que strong.que-point, .csPage .anw strong.anw-point{font-size: 27px;}
    .csPage .que span.que-cont, .csPage .anw span.anw-cont{line-height: 20px;}
}
@media (max-width: 420px) {
    .csPage .que strong.que-point, .csPage .anw strong.anw-point{margin: 0 20px;font-size: 25px;}
    .csPage .que span.que-tit{margin: 0 10px;}
    .csPage .anw span.anw-cont{margin: 0 30px 0 10px;}
}
@media (max-width: 375px) {
    .csPage .que{font-size: 13px;}
}

/* panelbar - kendo */
.faqlist-wrap{border-top: 2px solid #4761DE;}
.k-panelbar.k-header{border-color: transparent !important;}
.k-panelbar>.k-item>.k-link{border-color: #E4EBF4 !important;}
.k-panelbar>li.k-state-default>.k-link{color: #223A4A;font-size: 16px;padding: 17px 0;cursor: pointer;}
.k-panelbar>li.k-state-default>.k-link:before{display: inline-block;content: 'Q';font-size: 32px;font-weight: bold;color: #4761DE;margin: 0 30px;}
.k-panelbar>li.k-state-default>.k-link span{margin: 0 30px;}
.k-panelbar>li.k-state-default>.k-link.k-state-selected{color: #4761DE !important;font-weight: bold;}
.k-panelbar .k-group>.k-item>.k-link{font-size: 15px;color: #223A4A;padding: 27px 0 !important;}
.k-panelbar .k-group>.k-item>.k-link:before{display: inline-block;content: 'A';font-size: 32px;font-weight: bold;color: #666;margin: 0 30px;}
.k-panelbar .k-group>.k-item>.k-link p{line-height: 24px;margin: 0 30px;}
.k-panelbar .k-panel>li.k-item{background-color: #f4f4f2 !important;}
.k-panelbar>.k-item>.k-link .k-icon{color: #879CFF !important;}
.k-panelbar .k-icon:before{top: -9px !important;}

@media (max-width: 650px) {
    .k-panelbar>li.k-state-default>.k-link{font-size: 15px;}
    .k-panelbar .k-group>.k-item>.k-link{font-size: 14px;}
    
}
@media (max-width: 550px) {
    .k-panelbar>li.k-state-default>.k-link{padding: 12px 0;}
    .k-panelbar .k-group>.k-item>.k-link{padding: 20px 0 !important;}
    .k-panelbar>li.k-state-default>.k-link:before, .k-panelbar .k-group>.k-item>.k-link:before{font-size: 29px;}
}
@media (max-width: 480px) {
    .k-panelbar>li.k-state-default>.k-link{padding: 10px 0;font-size: 14px;line-height: 23px;}
    .k-panelbar .k-group>.k-item>.k-link{padding: 25px 0 !important;font-size: 13px;}
    .k-panelbar .k-group>.k-item>.k-link p{line-height: 22px;}
    .k-panelbar>li.k-state-default>.k-link:before, .k-panelbar .k-group>.k-item>.k-link:before{font-size: 27px;}
}
@media (max-width: 420px) {
    .k-panelbar>li.k-state-default>.k-link:before, .k-panelbar .k-group>.k-item>.k-link:before{font-size: 25px;margin: 0 20px;}
    .k-panelbar>li.k-state-default>.k-link span{margin: 0 10px;}
    .k-panelbar .k-group>.k-item>.k-link p{margin: 0 30px 0 10px;}
}
@media (max-width: 375px) {
    .k-panelbar>li.k-state-default>.k-link{font-size: 13px;}
}

.csPage .btn-wrap .info-btn{width: 175px !important;}

@media (max-width: 480px) {
    .csPage .btn-wrap .info-btn{width: 152px !important;}
}

@media (max-width: 390px) {
    .csPage .btn-wrap .info-btn{width: 140px !important;}
}


.subPage { position: relative; } 
.subPage .tit-path { padding: 23px 0 34px; } 
.subPage .tit-path ul { display: flex; align-items: center; justify-content: flex-start; } 
.subPage .tit-path ul li { font-size: 13px; color: #747474;; } 
.subPage .tit-path ul li:nth-child(2n){ margin: 0 8px; } 
.subPage .tit-path ul li.path-txt { font-weight: bold; } 
.subPage .manageInfo { background-color: #fff; border: 1px solid #4761DE; border-radius: 18px; box-shadow: 2px 2px 20px #38465D1F; padding: 12px 32px; } 
.subPage .manageInfo ul.Infobox { display: grid; grid-template-columns: repeat(4,1fr); grid-gap: 50px; } 
.subPage .manageInfo ul.Infobox li { padding: 12px 0 13px; } 
.subPage .manageInfo ul.Infobox01 { border-bottom: 1px solid #CFDBEB; } 
.subPage .manageInfo ul.Infobox03 { border-top: 1px solid #CFDBEB; } 
.subPage .manageInfo ul.Infobox li ul { display: flex; align-items: center; justify-content: space-between; height: 55px; } 
.subPage .manageInfo ul.Infobox li ul li { font-size: 16px; } 
.subPage .manageInfo ul.Infobox li ul li.cont-tit { color: #6A6A6A; position: relative; } 
.subPage .manageInfo ul.Infobox li ul li.cont-tit:after { position:absolute; content: ''; background-color: #BEBEBE; width: 1px; height: 12px; top: 14px; right: -10px; } 
.subPage .manageInfo ul.Infobox li ul li.cont-txt { color: #1E1E1E; font-weight: bold; position: relative; width: 150px; text-align: right; line-height: 19px; } 
.subPage .manageInfo ul.Infobox li ul li.cont-txt:after { position: absolute; content: ''; background-color: #CFDBEB; width: 1px; height: 100%; top: 0; right: -25px; } 
.subPage .manageInfo ul.Infobox li:last-child ul li.cont-txt:after { display: none; } 

.subPage .manage_cont { background-color: #fff; border: 1px solid #DCE5EE; border-radius: 20px; margin: 37px 0; box-shadow: 2px 2px 20px #38465D1F; } 
.subPage .manage_cont:last-child { margin-bottom: 85px; } 
.subPage .manage-date { font-size: 15px; color: #fff;} 
.subPage .manage_cont .cont-m { padding: 28px 26px 32px; } 
.subPage .manage_cont .cont-m h5 { font-size: 17px; color: #111111; line-height: 20px; font-weight: bold; display: flex; align-items: center; } 
.subPage .manage_cont .cont-m h5 img { margin-right: 7px; } 
.subPage .manage_cont .cont-m .cont-subTit { display: flex; align-items: center; justify-content: space-between; padding-bottom: 8px; } 
.subPage .manage_cont .cont-m .cont-subTit .manage-date { font-size: 15px; color: #6A6A6A; } 
.subPage .manage_cont .cont-m .grid-top { display: flex; align-items: flex-end; justify-content: space-between; padding-bottom: 8px; } 
.subPage .manage_cont .cont-m .moreBtn-wrap { display: flex; align-items: center; justify-content: flex-end; } 
.subPage .manage_cont .cont-m .more-btn { text-align: center; cursor: pointer; font-size: 14px; color: #7A7A7A; background-color: #F9FBFC; border: 1px solid #E4EBF4; border-radius: 8px; width: 84px; height: 24px; line-height: 24px; } 
.subPage .manage_cont .cont-m .more-btn span { vertical-align: text-top; margin-right: 2px; } 
.subPage .manage_cont .cont-m .more-btn:hover { background-color: #747373; color: #F9FBFC; } 
.subPage .down-btn { text-align: center; cursor: pointer; font-size: 14px; color: #767676; background-color: #F9FBFC; width: 126px; height: 24px; line-height: 24px; border-radius: 7px; border: 1px solid #E4EBF4; display: flex; align-items: center; justify-content: space-evenly; } 
.subPage .down-btn img.ico-hover { display: none; } 
.subPage .down-btn:hover { background-color: #747373; color: #fff; } 
.subPage .down-btn:hover img.ico-basic { display: none; } 
.subPage .down-btn:hover img.ico-hover { display: inline-block; } 
.subPage .manage_cont .cont01-info { display: grid; grid-template-columns: repeat(2,1fr); grid-gap: 23px; padding-bottom: 41px; } 
.subPage .manage_cont .cont01-info-grid03 { grid-template-columns: repeat(3,1fr); } 
.subPage .manage_cont .cont01-info-grid04 { grid-template-columns: repeat(4,1fr); grid-gap: 17px; } 
.subPage .manage_cont .infoBox { padding: 10px 23px; box-shadow: 2px 2px 5px #38465D29; border: 1px solid #A5B4FF; border-radius: 16px; background-color: #fff; } 
.subPage .manage_cont .infoBox02 { padding: 15px 23px; } 
.subPage .manage_cont .infoBox03 { background-color: #4761DE; } 
.subPage .manage_cont .infoBox03 ul li.infoTit { color: #fff !important; } 
.subPage .manage_cont .infoBox03 ul li.infoTxt { color: #50EEEE !important; } 
.subPage .manage_cont .infoBox04{background-color: #ebf0ff;}
.subPage .manage_cont .infoBox ul { display: flex; align-items: center; justify-content: space-between; } 
.subPage .manage_cont .infoBox ul.ul-reset { display: inherit; } 
.subPage .manage_cont .infoBox ul a { display: flex; align-items: center; justify-content: space-between; } 
.subPage .manage_cont .infoBox ul li.infoTit { font-size: 17px; color: #353535; font-weight: bold; line-height: 20px; } 
.subPage .manage_cont .infoBox ul li.infoCont { font-size: 40px; font-weight: 800; line-height: 40px; } 
.subPage .manage_cont .infoBox ul li.infoTxt { font-size: 18px; font-weight: 800; color: #4761DE; } 
.subPage .manage_cont .infoBox ul li.infoCont01 { color: #FF0E68; } 
.subPage .manage_cont .infoBox ul li.infoCont02 { color: #724fff; } 
.subPage .manage_cont .infoBox ul li.infoCont span { font-size: 17px; color: #6A6A6A; color: #6A6A6A; line-height: 20px; margin-left: 10px; vertical-align: middle; } 
.subPage .manage_cont .cont01-info-ver02 { background-color: #fff; box-shadow: 2px 2px 20px #38465D29; border: 1px solid #A5B4FF; border-radius: 16px; display: grid; grid-template-columns: repeat(2,1fr); grid-gap: 17px; margin-bottom: 51px; } 
.subPage .manage_cont .cont01-info-ver02-2 { margin-bottom: 0; } 
.subPage .manage_cont .cont01-info-ver02 .info-Box01 { padding: 20px 0 20px 31px; } 
.subPage .manage_cont .cont01-info-ver02 .info-Box02 { padding: 20px 31px 20px 0; } 
.subPage .manage_cont .cont01-info-ver02 .info-Box ul.top { display: flex; align-items: center; justify-content: space-between;position: relative;; padding: 0 20px; } 
/* .subPage .manage_cont .cont01-info-ver02 .info-Box02 ul.top { display: flex; align-items: center; justify-content: space-between; }  */
.subPage .manage_cont .cont01-info-ver02 .info-Box ul a { display: flex; align-items: center; justify-content: space-between; } 
.subPage .manage_cont .cont01-info-ver02 .info-Box ul.top:after { position: absolute; content: ''; width: 380px; top: 23px; left: 93px; border-bottom: 1px dashed #E2E2E2; } 
.subPage .manage_cont .cont01-info-ver02 .info-Box ul.top-after:after { width: 295px; } 
.subPage .manage_cont .cont01-info-ver02 .info-Box ul.top li.infoTit { font-size: 17px; color: #353535; line-height: 20px; font-weight: bold; } 
.subPage .manage_cont .cont01-info-ver02 .info-Box ul.top li.infoCont { font-size: 40px; font-weight: 800; line-height: 47px; } 
.subPage .manage_cont .cont01-info-ver02 .info-Box ul.top li.infoCont01 { color: #278200; } 
.subPage .manage_cont .cont01-info-ver02 .info-Box ul.top li.infoCont02 { color: #2F55B4; } 
.subPage .manage_cont .cont01-info-ver02 .info-Box ul.top li.infoCont span { font-size: 17px; color: #6A6A6A; font-weight: bold; line-height: 20px; vertical-align: middle; margin-left: 10px; } 
.subPage .manage_cont .cont01-info-ver02 .info-Box .mid { display: grid; grid-template-columns: repeat(2,1fr); grid-gap: 17px; padding-top: 15px; } 
.subPage .manage_cont .cont01-info-ver02 .info-Box .mid ul { background-color: #F1F3FF; border-radius: 16px; height: 62px; padding: 0 20px; display: flex; align-items: center; justify-content: space-between; } 
.subPage .manage_cont .cont01-info-ver02 .info-Box .mid ul li.gradeTit { font-size: 19px; line-height: 18px; font-weight: bold; } 
.subPage .manage_cont .cont01-info-ver02 .info-Box .mid ul li.a-gradeTit { color: #4761DE; } 
.subPage .manage_cont .cont01-info-ver02 .info-Box .mid ul li.b-gradeTit { color: #158585; } 
.subPage .manage_cont .cont01-info-ver02 .info-Box .mid ul li.c-gradeTit { color: #a95907; } 
.subPage .manage_cont .cont01-info-ver02 .info-Box .mid ul li.d-gradeTit { color: #eb0057; } 
.subPage .manage_cont .cont01-info-ver02 .info-Box .mid ul li.gradeTit span { font-size: 15px; color: #6A6A6A; } 
.subPage .manage_cont .cont01-info-ver02 .info-Box .mid ul li.num { font-size: 32px; color: #353535; line-height: 37px; font-weight: 800; } 
.subPage .manage_cont .cont01-info-ver02 .info-Box .mid ul li.num span { font-size: 17px; color: #6A6A6A; line-height: 20px; vertical-align: middle; margin-left: 6px; } 
.subPage input[type=text].input-common { background-color: #F4F4F5; border-radius: 5px; width: 210px; height: 57px; border: 0; font-size: 15px; padding-left: 18px; color: #223A4A; font-family: 'Pretendard' } 
.subPage input[type=text].input-common::placeholder { color: #A9AEB4; font-size: 15px; } 
.subPage .sear_tit { font-size: 15px; font-weight: bold; color: #535D64; margin-right: 27px; } 
.confirm-btn { width: 145px; height: 57px; background-color: #4761DE; display: flex; align-items: center; justify-content: space-around; border-radius: 20px; font-size: 15px; color: #fff; font-weight: bold; padding: 0 30px; cursor: pointer; } 
.confirm-btn img { vertical-align: middle; margin-right: 24px; } 

@media (max-width: 768px){
    .confirm-btn { width: 110px; height: 45px; padding: 0 15px; } 
    .confirm-btn img { width: 28px; margin-right: 15px; } 
}
@media (max-width: 640px){
    .subPage .tit-path ul li { font-size: 12px; } 
}
@media (max-width: 420px){
    .subPage .manage_cont .cont-m { padding: 28px 20px 32px; } 
    .subPage .tit-path ul li { font-size: 11px; } 
    .subPage .down-btn { width: 100px; font-size: 12px; } 
}
@media (max-width: 390px){
    .subPage .tit-path ul li { font-size: 10px; } 
    .confirm-btn { width: 95px; height: 38px; font-size: 14px; } 
    .confirm-btn img { width: 19px; } 
    .subPage .down-btn{font-size: 11px;width: 97px;}
}


.tooltip { position: relative; display: block; } 
.tooltip button{color:#fff;}
.tooltip .tooltiptext { display: none; border: 1px solid #DCE5EE; width: 150px; line-height: 20px; font-size: 13px; background-color: #fff; color: #444; text-align: center; border-radius: 6px; padding: 8px 13px; position: absolute; z-index: 1; box-shadow: 2px 2px 5px #38465d1f; } 
.tooltiptext.on{ display: block; } 
.tooltip:hover .tooltiptext { display: block; } 
.tooltip:hover .tooltiptext span { font-weight: bold; } 
.tooltip .tooltiptext::after { content: " "; position: absolute; border-style: solid; border-width: 5px; } 
.tooltip .tooltip-left { top: -14px; right: 108px; } .tooltip .tooltip-left::after { top: 50%; left: 100%; margin-top: -5px; border-color: transparent transparent transparent #fff; } 
.tooltip .tooltip-right { top: -16px; left: 108px; } 
.tooltip .tooltip-right::after { top: 50%; right: 100%; margin-top: -5px; border-color: transparent #fff transparent transparent; } 
.tooltip .tooltip-top { width: 120px; bottom: 150%; left: 50%; margin-left: -60px; } 
.tooltip .tooltip-top::after { top: 100%; left: 50%; margin-left: -5px; border-color: #fff transparent transparent transparent; } 
.tooltip .tooltip-bottom { width: 120px; top: 150%; left: 50%; margin-left: -60px; } 
.tooltip .tooltip-bottom::after { bottom: 100%; left: 50%; margin-left: -5px; border-color: transparent transparent #fff transparent; } 

.manage_cont .cont-m .cont01 { display: grid; grid-template-columns: repeat(3,1fr); grid-gap: 23px; } 
.manage_cont .cont-m .cont01 .contBox { background-color: #EBF0FF; border: 1px solid #A5B4FF; border-radius: 20px; box-shadow: 2px 2px 5px #38465D1F; padding: 18px 20px; } 
.manage_cont .cont01 .cont01-box .cont01-class .grade-tit { display: flex; align-items: center; justify-content:flex-start; } 
.manage_cont .cont01 .cont01-box .cont01-class .grade-tit .standard-btn { cursor: pointer; font-size: 13px; color: #fff; background-color: #5f76e5;font-weight: 500; border-radius: 18px; padding: 4px 10px; line-height: 18px; } 
.manage_cont .cont01 .cont01-box .cont01-class .grade-tit .grade_tip{margin-left: 8px;}
.manage_cont .cont01 .cont01-box .cont01-class .grade-tit .grade_tip img{width: 22px;}
.manage_cont .cont01 .cont01-box .cont01-class .grade-tit .grade_tip .tooltip-right{left: 37px;}
.manage_cont .cont01 .cont01-box .cont01-class .gradeTxt { font-size: 70px; line-height: 82px; font-weight: bold; text-align: center; } 
.manage_cont .cont01 .cont01-box .cont01-class .gradeTxt span { font-size: 15px; color: #6A6A6A; line-height: 18px; display: inline-block; vertical-align: middle; margin-left: 14px; } 
.manage_cont .cont01 .cont01-box .cont01-class .gradeTxt01 { color: #4761DE; } 
.manage_cont .cont01 .cont01-box .cont01-class .gradeTxt02 { color: #158585; } 
.manage_cont .cont01 .cont01-box .cont01-class .gradeTxt03 { color: #a95907; } 
.manage_cont .cont01 .cont01-box .cont01-class .gradeTxt04 { color: #eb0057; } 
.manage_cont .cont01 .cont01-box .cont01-class01 { border-bottom: 2px solid #fff; } 
.manage_cont .cont01 .cont01-box .cont01-class01 .gradeTxt { padding: 32px 0 30px; } 
.manage_cont .cont01 .cont01-box .cont01-class02 { padding-top: 17px; } 
.manage_cont .cont01 .cont01-box .cont01-class02 .gradeTxt { padding-top: 22px; } 
.manage_cont .cont01 .cont01-box .cont01-class02 .gradeInfo { padding-top: 15px; } 
.manage_cont .cont01 .cont01-box .cont01-class02 .gradeInfo table { vertical-align: middle; } 
.manage_cont .cont01 .cont01-box .cont01-class02 .gradeInfo table tr:first-child { border-bottom: 1px solid #D3DCEF; } 
.manage_cont .cont01 .cont01-box .cont01-class02 .gradeInfo table td { font-size: 25px; font-weight: bold; padding: 9px 25px; line-height: 30px; } 
.manage_cont .cont01 .cont01-box .cont01-class02 .gradeInfo table th { font-size: 25px; font-weight: bold; padding: 9px 25px; line-height: 30px; } 
.manage_cont .cont01 .cont01-box .cont01-class02 .gradeInfo table th span { font-size: 15px; color: #6A6A6A; line-height: 18px; vertical-align: middle; } 
.manage_cont .cont01 .cont01-box .cont01-class02 .gradeInfo table th.a-grade { color: #4761DE; } 
.manage_cont .cont01 .cont01-box .cont01-class02 .gradeInfo table th.b-grade { color: #158585; } 
.manage_cont .cont01 .cont01-box .cont01-class02 .gradeInfo table th.c-grade { color: #a95907; } 
.manage_cont .cont01 .cont01-box .cont01-class02 .gradeInfo table th.d-grade { color: #eb0057; } 
.manage_cont .cont01 .cont01-box .cont01-class02 .gradeInfo table td.g-cont { color: #353535; text-align: right; } 
.manage_cont .cont01 .cont01-box .cont01-class02 .gradeInfo table td.g-cont02 { border-right: 1px solid #D3DCEF; } 
.manage_cont .cont01 .cont02-box .cont02-detail #grade-chart text, 
.manage_cont .cont01 .cont02-box .cont02-detail #s-grade-chart text { font-family: 'Pretendard' !important; font-weight: 800 !important; } 
.manage_cont .cont01 .cont02-box .cont02-bottom-txt { display: grid; grid-template-columns: repeat(3,1fr); grid-gap: 10px; padding-top: 10px; } 
.manage_cont .cont01 .cont02-box .ship-bottom-txt { grid-template-columns: repeat(2,1fr); grid-gap: 10px; padding-left: 32px;} 
.manage_cont .cont01 .cont02-box .cont02-bottom-txt ul { display: flex; align-items: center; justify-content: flex-start; } 
.manage_cont .cont01 .cont02-box .cont02-bottom-txt ul li { font-size: 15px; } 
.manage_cont .cont01 .cont02-box .cont02-bottom-txt ul li.cont-tit { color: #6A6A6A; margin-right: 13px; word-break: keep-all;} 
.manage_cont .cont01 .cont02-box .cont02-bottom-txt ul li.cont-txt { color: #353535; font-weight: bold; } 
.manage_cont .cont01 .cont03-detail { padding-top: 15px; } 
.manage_cont .cont01 .cont03-detail-001 { border-bottom: 2px solid #fff; padding: 37px 0 28px; } 
.manage_cont .cont01 .cont03-detail ul { display: flex; align-items: center; } 
.manage_cont .cont01 .cont03-detail ul.emoji { margin-bottom: 20px; } 
.manage_cont .cont01 .cont03-detail ul.txt-second { margin-bottom: 7px; } 
.manage_cont .cont01 .cont03-detail ul li { font-size: 15px; } 
.manage_cont .cont01 .cont03-detail ul li:nth-child(1) { margin-right: 22px; width: 60px; } 
.manage_cont .cont01 .cont03-detail ul li.cont-tit { color: #353535; font-weight: bold; } 
.manage_cont .cont01 .cont03-detail ul li.cont-txt { color: #6A6A6A; } 
.manage_cont .cont01 .cont03-detail ul li.pointTxt { font-size: 20px; font-weight: bold; } 
.manage_cont .cont01 .cont03-detail ul li.good-txt { color: #4761DE; } 
.manage_cont .cont01 .cont03-detail ul li.warning-txt { color: #DF2A5C; } 

.manage_cont .cont02 { padding-top: 54px; } 
.manage_cont .cont02 .cont02-chart { border: 1px solid #E4EBF4; border-radius: 20px;padding:15px 0;} 
.manage_cont .cont02 .cont02-chart #m-grade-chart { margin: 48px auto 20px !important; } 
.manage_cont .cont02 .cont02-chart #m-grade-chart text { font-family: 'Pretendard' !important; } 
.manage_cont .cont02 .cont02-chart #m-grade-chart .k-grid-header th.k-header { font-size:15px; color: #36476F; } 
.manage_cont .cont02 .cont02-grid { padding-top: 20px; } 
.manage_cont .cont02 .cont02-grid .more-btn { margin-bottom: 8px; } 



.manage_total .cont-m { display: grid; grid-template-columns: repeat(3,1fr); grid-gap: 23px; } 
.manage_total .cont-m .chart-wrap { background-color: #fff; border: 1px solid #A5B4FF; border-radius: 20px; box-shadow: 2px 2px 5px #38465d1f; padding: 18px 20px 26px; } 
.manage_total .cont-m .chart-wrap .sub-top { display: flex; align-items: flex-end; justify-content: space-between; } 
.manage_total .cont-m .chart-wrap .sub-top ul.legend { display: flex; align-items: center; } 
.manage_total .cont-m .chart-wrap .sub-top ul.legend li.legend-box { width: 10px; height: 10px; margin-right: 6px; } 
.manage_total .cont-m .chart-wrap .sub-top ul.legend li.le-box-01 { background-color: #ff0000; } 
.manage_total .cont-m .chart-wrap .sub-top ul.legend li.le-box-02 { background-color: #ff9933; } 
.manage_total .cont-m .chart-wrap .sub-top ul.legend li.le-box-03 { background-color: #0033ff; } 
.manage_total .cont-m .chart-wrap .sub-top ul.legend li.category { font-size: 14px; color: #6A6A6A; } 
.manage_total .month-chart #month01-chart text, 
.manage_total .month-chart #month02-chart text, 
.manage_total .month-chart #month03-chart text { font-family: 'Pretendard' !important; } 
.manage_total .month-chart #s-month01-chart text, 
.manage_total .month-chart #s-month02-chart text, 
.manage_total .month-chart #s-month03-chart text { font-family: 'Pretendard' !important; } 


.manage_violation .cont02-gird { display: grid; grid-template-columns: repeat(2,1fr); grid-gap: 23px; } 
.ship_inspectionInfo .cont02-gird { display: grid; grid-template-columns: repeat(3,1fr); grid-gap: 15px; } 
.ship_inspectionInfo .g-contBox { background-color: #fff; box-shadow: 2px 2px 5px #38465D1F; border: 1px solid #A9BCEC; border-radius: 20px; padding: 16px 18px; } 
.ship_inspectionInfo .g-contBox02 { background-color: #F4F6FE; } 
.ship_inspectionInfo .g-contBox02 .k-grid-header th.k-header { background-color: #E7ECFC !important; } 
.ship_inspectionInfo .g-contBox02 .k-grid tbody { background-color: #F4F6FE; } 
.ship_inspectionInfo .cont03-gird { display: grid; grid-template-columns: repeat(4,1fr); grid-gap: 14px; padding-top: 25px; } 
.ship_inspectionInfo .k-grid tr { height: 30px; } 
.ship_inspectionInfo .k-grid td { padding: 3px 10px; } 

.manage_cont01 .cont-infoBox { background-color: #EBF0FF; box-shadow: 2px 2px 20px #38465D29; border: 1px solid #A5B4FF; border-radius: 16px; padding: 10px 15px; margin-bottom: 30px; } 
.manage_cont01 .cont-infoBox ul { display: grid; grid-template-columns: repeat(4,1fr); grid-gap: 70px; border-bottom: 1px solid #CFDBEB; padding: 0 25px; } 
.manage_cont01 .cont-infoBox ul:last-child { border-bottom: none; } 
.manage_cont01 .cont-infoBox ul.gridVer02 { grid-template-columns: repeat(2,1fr); } 
.manage_cont01 .cont-infoBox ul li { font-size: 16px; display: flex; align-items: center; justify-content: space-between; margin: 10px 0; height: 40px; } 
.manage_cont01 .cont-infoBox ul li .infoName { color: #6A6A6A; line-height: 40px; } 
.manage_cont01 .cont-infoBox ul li .infoCont { color: #1E1E1E; font-weight: bold; position: relative; line-height: 40px; } 
.manage_cont01 .cont-infoBox ul li .infoCont:after { position: absolute; content: ''; top: 0; right: -35px; background-color: #CFDBEB; width: 1px; height: 100%; } 
.manage_cont01 .cont-infoBox ul li:last-child .infoCont:after { display: none; } 

.moreView-popup { position: fixed; width: 100%; height: 100%; top: 0px; left: 0px; transform: translateX(100%); opacity: 0; z-index: 9999; } 
.moreView-popup.view { transform: translateX(0%); opacity: 1; } 
.moreView-popup .box { width: 1150px; height: auto; position: absolute; top: 50%; left: 50%; transform: translate(-50%,-50%); z-index: 2; padding: 5px;transition: all .4s;} 
#EPIRBView-popup .box { width: 1350px; } 
.moreView-popup .box .content { width: 100%; height: 100%; background-color: #fff; text-align: center; border-radius: 25px 20px 20px 20px; } 
.moreView-popup .box .content .popGrid-top { display: flex; justify-content: flex-end; } 
.moreView-popup .box .content .down-btn { margin-bottom: 8px; } 
.moreView-popup .bg { position: absolute; width: 100%; height: 100%; top: 0px; left: 0px; background-color: #000a; z-index: 1; } 
.moreView-popup .popup-top { background-color: #4761DE; border-radius: 20px 0px; height: 96px; padding: 0 75px 0 44px; display: flex; align-items: center; justify-content: space-between; } 
.moreView-popup .popup-top h4 { font-size: 28px; color: #fff; line-height: 95px; text-align: center; } 
.moreView-popup .btn-close { position: absolute; cursor: pointer; top: 40px; right: 31px; color: #fff; } 
.moreView-popup .cont-wrap { padding: 39px 44px 38px; } 
.moreView-popup .searchBox { padding-bottom: 39px; display: flex; align-items: center; justify-content: space-between; } 
.moreView-popup .searchBox .k-picker-wrap.k-state-default{width: 150px !important;}
.moreView-popup .name { display: inline-block; font-size: 14px; line-height: 40px; font-weight: bold; color: #535D64; width: 90px; } 

.moreView-popup .select-wrap .picker { margin-bottom: 15px; } 
.moreView-popup .select-wrap .picker02 { margin-bottom: 15px; display: flex; } 
.moreView-popup .select-wrap .picker02 ul { align-items: center !important; } 
.moreView-popup .select-wrap .picker ul { display: flex; align-items: flex-start; justify-content: flex-start; margin-right: 15px; } 
.moreView-popup .select-wrap .picker ul li { margin-right: 27px; } 
.moreView-popup .select-wrap .picker02 ul li { margin-right: 7px; } 
.moreView-popup .select-wrap .picker ul li.bar { margin: 0 8px 0 2px; } 
.moreView-popup .select-wrap .picker ul li input[type="text"] { font-size: 14px; } 
.moreView-popup .select-wrap .picker ul li input[type="text"]::placeholder { color: #a9aeb4; } 
.moreView-popup .select-wrap .secondSelect { display: flex; align-items: center; justify-content: flex-start; } 
.moreView-popup .popuptab-wrap { display: flex; } 
.moreView-popup .popuptab-wrap .year-tab { margin-left: 94px; margin-right: 44px; } 
#recordView-popup .popuptab-wrap .year-tab { margin-right: 36px; } 
.moreView-popup .popuptab ul.popuptab-wrap { display: flex; align-items: center; margin-bottom: 15px; } 
.moreView-popup .year-tab ul.popuptab-wrap .year-tab { margin-left: 73px; } 
.moreView-popup .popuptab ul.popuptab-wrap li { border: 1px solid; margin-right: 8px; border-radius: 5px; cursor: pointer; } 
.moreView-popup .popuptab ul.popuptab-wrap li button{font-size: 15px;width: 70px; height: 40px; line-height: 40px; }
.moreView-popup .popuptab ul.popuptab-wrap li:last-child { margin-right: 0; } 
.moreView-popup .popuptab ul.popuptab-wrap li.year-tabBtn.view { background-color: #7789df; color: #fff } 
.moreView-popup .popuptab ul.popuptab-wrap li.year-tabBtn.view button{color: #fff } 
.moreView-popup .popuptab ul.popuptab-wrap li.month-tabBtn.view { background-color: #374795; color: #fff; } 
.moreView-popup .popuptab ul.popuptab-wrap li.month-tabBtn.view button{color: #fff; } 
.moreView-popup input[type="text"] { border: 0; width: 150px; height: 40px; border-radius: 5px; background-color: #f4f4f5; } 

.subPage .searchWrap { background-color: #fff; box-shadow: 2px 2px 20px #38465D1F; border: 1px solid #4761DE; border-radius: 18px; padding: 20px 35px; display: flex; align-items: center; justify-content: space-between; margin-bottom: 16px; } 
.subPage .searchWrap ul { display: flex; align-items: center; } 
.subPage .searchWrap ul li { display: flex; align-items: center; margin-right: 69px; } 
.subPage .searchWrap ul li select { height: 57px; } 
.subPage .content-wrap { background-color: #fff; box-shadow: 2px 2px 20px #38465D1F; border: 1px solid #DCE5EE; border-radius: 20px; padding: 55px 50px; margin-bottom: 85px; } 
.subPage .content-wrap .k-grid-header th.k-header { text-align: left; padding-left: 43px; height: 36px; background-color: #EBF0FF; border-top: 1px solid #6383D4; color: #454b52; } 
.subPage .content-wrap .k-grid td { text-align: left; padding-left: 43px; height: 37px; color: #6A6A6A; } 
.subPage .content-wrap .k-grid tbody td:first-child { position: relative; font-weight: 600; } 
.subPage .content-wrap .k-grid tbody td:first-child:after { position: absolute; content: ''; top: 15px; right: 0; background-color: #DEE2EE; width: 1px; height: 26px; } 
.subPage .content-wrap .k-grid tr td button { width: 53px; height: 32px; } 
.subPage .searchWrap .ulSearch { display: block; } 
.subPage .searchWrap .ulSearch-box { display: flex; } 
.subPage .searchWrap .ulSearch-box:nth-child(2) li { margin-right: 58px; } 
.subPage .searchWrap .ulSearch-box01 { margin-bottom: 15px; } 
.subPage .searchWrap .ulSearch .sear_tit { width: 68px; } 

.ship002 .search-grid .k-grid tbody td:first-child{font-weight: inherit;}
.ship002 .content-wrap .k-grid-header th.k-header{padding-left: 0;text-align: center;}
.ship002 .content-wrap .k-grid td{padding-left: 0;text-align: center;}
.ship002 .content-wrap .k-grid tbody td:first-child:after{display: none;}
.ship002 .ship_inspectionInfo .cont03-padding{padding-bottom: 35px;}
.ship002 .manage_cont01 .cont-infoBox ul.ship002-grid{grid-template-columns: repeat(5,1fr);}
.ship002 .manage_cont01 .cont-infoBox ul li .infoCont.tooltip{cursor: pointer;}
.ship002 .manage_cont01 .cont-infoBox ul li .infoCont.tooltip button span{font-size: 16px; color: #1E1E1E;line-height: 40px;font-weight: bold;}
.ship002 .manage_cont01 .cont-infoBox ul li .infoCont.tooltip .tooltip-top{width: 150px;font-weight: 500;bottom: 43px;left: -10px;color: #878787;}
.ship002 .manage_cont01 .cont-infoBox ul li .infoCont.tooltip .tooltip-top span{color: #223A4A;}
.ship002 .manage_cont01 .cont-infoBox ul li .infoCont.tooltip .tooltip-top::after{display: none;}

.ship002 .cont-grid .detail-wrap{margin-bottom: 30px;}
.ship002 .cont-grid .flex-wrap{display: flex;align-items: center;justify-content: space-between;border-top: 2px solid #4761DE;}
.ship002 .cont-grid .scroll-wrap{border-top: 2px solid #4761DE;}
.ship002 .cont-grid .detail-wrap table.detail-tb{vertical-align: middle;text-align: center;font-size: 14px;word-break: break-all;}
.ship002 .cont-grid .detail-wrap table.detail-tb01 tr td{border-right: 0 !important;}
.ship002 .cont-grid .detail-wrap table.detail-tb tr th{padding: 14px 20px;border: 1px solid #E4EBF4;background-color: #F9FBFC;font-weight: bold;}
.ship002 .cont-grid .detail-wrap table.detail-tb tr td{padding: 10px 20px;border: 1px solid #E4EBF4;}
.ship002 .cont-grid .detail-wrap table.detail-tb tr td.td-tit{background-color: #F9FBFC;font-weight: bold;}
.ship002 .cont-grid .detail-wrap table.detail-tb button.data-btn{font-size: 13px;font-weight: 600;padding: 6px 20px ;color: #fff;word-break: keep-all; background-color: #4761DE;border: 1px solid #4761DE; border-radius: 18px;text-align: center;}
.ship002 .cont-grid .detail-wrap table.detail-tb button.data-btn:hover{background-color: #fff;color: #4761DE;border: 1px solid #4761DE;}
.ship002 .cont-grid .detail-wrap table.detail-tb button.noData-btn{background-color: #e7ecfc;color: #7A7A7A;cursor:inherit;border: 1px solid #e7ecfc;}
.ship002 .cont-grid .detail-wrap table.detail-tb button.noData-btn:hover{background-color: #e7ecfc;color: #7A7A7A;border: 0;border: 1px solid #e7ecfc;}
.ship002 .cont-grid .detail-wrap table.detail-tb tr td img{width: 100%;}
.ship002 .manage_cont .cont01-info-grid04{grid-template-columns: repeat(5,1fr);}
.ship002 .manage_cont .infoBox02 ul{flex-direction: column;}
.ship002 .manage_cont .infoBox02 ul li.infoTxt{margin-top: 10px;}
.ship002 .ship_inspectionInfo .grid-col{grid-template-columns: 1fr 1fr;}
.ship002 .manage_cont .cont-m .b_box{margin-bottom: 35px;}


.drawing-popup { position: fixed; width: 100%; height: 100%; top: 0px; left: 0px; transform: translateX(100%); opacity: 0;z-index: 9999; } 
.drawing-popup .box { width: 950px; height: auto; position: absolute; top: 50%; left: 50%; transform: translate(-50%,-50%); z-index: 2; padding: 5px; transition: width .4s; } 
.drawing-popup .box .content { width: 100%; height: 100%; background-color: #fff; text-align: center; border-radius: 20px;} 
.drawing-popup .bg { position: absolute; width: 100%; height: 100vh; top: 0px; left: 0px; background-color: #000a; z-index: 1; } 
.drawing-popup .tr-signWrap ul.ul-flex li.li-we{font-weight: bold;}
.drawing-popup .tit-top{border-radius: 20px 0px;height: 70px;background-color: #4761DE;padding-left: 35px;}
.drawing-popup .tit-top h4{font-size: 20px;color: #fff;line-height: 71px;text-align: left;}
.drawing-popup .tit-top .btn-close{position: absolute;cursor: pointer;top: 29px;right: 31px;color: #fff;}
.drawing-popup .draw-wrap {padding: 35px 28px 30px;}
.drawing-popup .draw-wrap .cont_scroll{overflow-y: scroll;background-color: #f7f7f7;padding: 30px 20px 45px;border-radius: 5px;}
.drawing-popup .draw-wrap .cont_scroll::-webkit-scrollbar {width: 6px;}
.drawing-popup .draw-wrap .cont_scroll::-webkit-scrollbar-thumb {height: 30%;background: #a3b3ff;border-radius: 10px;}
.drawing-popup .draw-wrap .cont_scroll::-webkit-scrollbar-track {background: rgba(33, 122, 244, .1);  /*�뒪�겕濡ㅻ컮 �뮮 諛곌꼍 �깋�긽*/}
.drawing-popup .draw-wrap .draw-top{display: flex;align-items: center;justify-content: flex-end;margin-bottom: 8px;}
.drawing-popup .draw-wrap .draw-top02{justify-content: space-between;}
.drawing-popup .draw-wrap .draw-top ul.ship_num{display: flex;align-items: center;}
.drawing-popup .draw-wrap .draw-top ul.ship_num li{font-size: 14px;}
.drawing-popup .draw-wrap .draw-top ul.ship_num li.tit{color: #585858; margin-right: 7px;font-weight: 500;}
.drawing-popup .draw-wrap .draw-top ul.ship_num li.number{background-color: #e7ecfc;border-radius: 4px;padding: 4px 8px;}
.drawing-popup .draw-wrap .draw-top ul.ship_num li.number span{font-weight: 600;color: #4761DE;}
.drawing-popup .draw-wrap .draw-cont{font-size: 15px;width: 100%;height: 420px;}
.drawing-popup .draw-wrap .check_info{padding-bottom: 43px;}
.drawing-popup .draw-wrap .check_info strong.name{display: flex;align-items: center; font-size: 15px;text-align: left;color: #484848;width: 100%;height: 35px;background-color: #EBF0FF;padding: 0 15px;border-bottom: 1px solid #9eafff;}
.drawing-popup .draw-wrap .check_info .k-grid-header th.k-header{border-top: 0;line-height: 21px;font-size: 13px;font-weight: bold;word-break: keep-all;border: 1px solid #e8ebf3;border-right: 0;}
.drawing-popup .draw-wrap .check_info .k-grid .k-grid-header{height: 35px;}
.drawing-popup .draw-wrap .check_info .k-grid table{border-right: 1px solid #e8ebf3;}
.drawing-popup .draw-wrap .check_info .k-grid tr{height: 35px;}
.drawing-popup .draw-wrap .check_info .k-grid td{font-size: 13px;word-break: keep-all;border-color: #e8ebf3;border-left: 1px solid #e8ebf3;}
.drawing-popup .draw-wrap .other_checkBox{padding-top: 35px;}
.drawing-popup .draw-wrap .other_checkBox label.lb_other{display: flex;font-size: 14px;margin-bottom: 8px;font-weight: 600;}
.drawing-popup .draw-wrap .other_checkBox textarea.txtBox{background-color: #F7F7F7; width: 100%;height: 89px;border: 1px solid #e8ebf3;border-radius: 5px;padding: 15px 20px;font-family: 'Pretendard';font-size: 14px;line-height: 23px;}
.drawing-popup .draw-wrap .other_checkBox textarea.txtBox:focus{outline: none;}
.drawing-popup .draw-wrap .fb_safety .pa_bottom{padding-bottom: 45px;}
.drawing-popup .draw-wrap .fb_safety .k-grid table{border-right: 1px solid #e8ebf3;}
.drawing-popup .draw-wrap .fb_safety .k-grid tr{height: 35px;}
.drawing-popup .draw-wrap .fb_safety .k-grid th{text-align: center;border: 1px solid #e8ebf3;background-color: #F4F6FE ;font-weight: bold;word-break: keep-all;font-size: 13px;border-right: 0;border-bottom: 0;}
.drawing-popup .draw-wrap .fb_safety .k-grid td{border-color: #e8ebf3;border-left: 1px solid #e8ebf3; word-break: keep-all;font-size: 13px;}
.drawing-popup .draw-wrap .fb_safety .k-grid td.td_tit{font-weight: 600;background-color: #f9fbfc;color: #707070;}

#draw_01.view { transform: translateX(0%); opacity: 1;} 
#draw_02.view { transform: translateX(0%); opacity: 1;} 
#draw_03.view { transform: translateX(0%); opacity: 1;} 
#draw_04.view { transform: translateX(0%); opacity: 1;} 
#draw_05.view { transform: translateX(0%); opacity: 1;} 
#draw_06.view { transform: translateX(0%); opacity: 1;} 
#draw_07.view { transform: translateX(0%); opacity: 1;} 
#draw_08.view { transform: translateX(0%); opacity: 1;} 
#draw_09.view { transform: translateX(0%); opacity: 1;} 
#draw_10.view { transform: translateX(0%); opacity: 1;} 

#check_01.view { transform: translateX(0%); opacity: 1;} 
#check_02.view { transform: translateX(0%); opacity: 1;} 
#check_03.view { transform: translateX(0%); opacity: 1;} 
#check_04.view { transform: translateX(0%); opacity: 1;} 
#check_05.view { transform: translateX(0%); opacity: 1;} 

@media (max-width: 1200px){
    .ship002 .cont-grid .detail-wrap table.detail-tb tr th{padding: 13px 12px;}
    .ship002 .cont-grid .detail-wrap table.detail-tb tr td{padding: 10px 12px;}
    .ship002 .cont-grid .detail-wrap table.detail-tb button.data-btn{padding: 6px 15px;}
}

@media (max-width: 950px){
    .ship002 .manage_cont .cont01-info-grid04{grid-template-columns: repeat(3,1fr) !important;}
    .ship002 .ship_inspectionInfo .grid-col{grid-template-columns: 1fr;}
    .ship002 .cont-grid .scroll-wrap{width: 100%;overflow-x: auto;white-space: nowrap;}
    .ship002 .cont-grid .scroll-wrap table.detail-tb{width: auto;}
    .ship002 .manage_cont01 .cont-infoBox ul li:nth-child(2) .infoCont:after{display: initial;}
    
    
    .drawing-popup .box{width: 650px;}
    
}

@media (max-width: 768px){
    .ship002 .cont-grid .flex-wrap{flex-direction: column;}
    .ship002 .cont-grid .detail-wrap table.detail-tb01 tr td{border-right: 1px solid #E4EBF4 !important;}
    .ship002 .cont-grid .detail-wrap table.detail-tb02 tr td{border-top: 0;}
    .ship002 .cont-grid .detail-wrap table.detail-tb tr td.td-tit{width: 280px;}
    .ship002 .manage_cont .infoBox02{padding: 10px !important;}

    .drawing-popup .box{width: 600px;}
}

@media (max-width: 700px){
    .ship002 .manage_cont01 .cont-infoBox ul.ship002-grid{grid-template-columns:repeat(3,1fr)}
}
@media (max-width: 620px){
    .drawing-popup .box{width: 500px;}
}
@media (max-width: 550px){
    .ship002 .manage_cont .cont01-info-grid04{grid-template-columns: repeat(2,1fr) !important;}
    .ship002 .cont-grid .detail-wrap table.detail-tb tr td.td-tit{width: 200px;}
    .ship002 .manage_cont01 .cont-infoBox ul.ship002-grid{grid-template-columns: repeat(1,1fr);}
    .ship002 .manage_cont01 .cont-infoBox ul li:nth-child(2) .infoCont:after{display: none;}

    .drawing-popup .box{width: 450px;}
    .drawing-popup .draw-wrap .check_info strong.name{font-size: 13px;height: 28px;}
    .drawing-popup .draw-wrap .draw-top ul.ship_num li{font-size: 12px;}
    .drawing-popup .draw-wrap .other_checkBox label.lb_other{font-size: 13px;margin-bottom: 4px;}
    .drawing-popup .draw-wrap .other_checkBox textarea.txtBox{padding: 11px 15px;height: 67px;}
}

@media (max-width: 480px){
    .ship002 .manage_cont .cont01-info-grid04{grid-template-columns: repeat(1,1fr) !important;}
    .ship002 .manage_cont01 .cont-infoBox ul li .infoCont.tooltip .tooltip-top{width: 125px;bottom: 38px;}
    
    .drawing-popup .box{width: 390px;}
    .drawing-popup .tit-top{padding-left: 25px;}
    .drawing-popup .tit-top .btn-close{right: 25px}
    .drawing-popup .draw-wrap{padding: 35px 25px 30px;}
    .drawing-popup .draw-wrap .draw-cont{font-size: 14px;height: 200px;}

    .subPage .manage_cont .cont-m .grid-top h5{margin-bottom: 0;}
}

@media (max-width: 420px){
    .ship002 .cont-grid .detail-wrap table.detail-tb tr th{font-size: 13px;padding: 8px 12px;}
    .ship002 .cont-grid .detail-wrap table.detail-tb tr td{font-size: 12px;padding: 6px 12px;}
    .ship002 .cont-grid .detail-wrap table.detail-tb tr td.td-tit{font-size: 13px;width: 150px;}
    .ship002 .cont-grid .detail-wrap table.detail-tb button.data-btn{font-size: 12px;padding: 5px 15px;}

    .drawing-popup .box{width: 350px;}
    .drawing-popup .tit-top{height: 60px;}
    .drawing-popup .tit-top h4{font-size: 18px;line-height: 60px;}
    .drawing-popup .tit-top .btn-close{top: 24px;}
    .drawing-popup .draw-wrap .draw-cont{font-size: 13px;}

    .drawing-popup .draw-wrap .check_info .k-grid-header th.k-header{font-size: 12px;}
    .drawing-popup .draw-wrap .check_info .k-grid td{font-size: 12px;}
    .drawing-popup .draw-wrap .fb_safety .k-grid th{font-size: 12px;}
    .drawing-popup .draw-wrap .fb_safety .k-grid td{font-size: 12px;}

    .subPage .tit-path ul li:nth-child(2n){margin: 0 5px;}
}

@media (max-width: 390px){
    .ship002 .cont-grid .detail-wrap table.detail-tb button.data-btn{font-size: 11px;}

    .drawing-popup .box{width: 320px;}
    .drawing-popup .tit-top{height: 55px;}
    .drawing-popup .tit-top h4{font-size: 17px;line-height: 57px;}
    .drawing-popup .tit-top .btn-close{top: 22px;}
}

@media (max-width: 1700px){
    .manage_cont .cont01 .cont01-box .cont01-class02 .gradeInfo table td{padding: 9px 9px}
    .manage_cont .cont01 .cont02-box .cont02-bottom-txt ul li.cont-tit{margin-right: 6px;}
    .subPage .manage_cont .cont01-info-ver02 .info-Box ul.top:after{width: 325px;}
}
@media (max-width: 1300px){
    #EPIRBView-popup .box{width: inherit;}
}
@media (max-width: 1200px){
    .subPage .manageInfo{padding: 12px 26px;}
    .subPage .manageInfo ul.Infobox{grid-template-columns: repeat(2,1fr);grid-gap: 15px;}
    .subPage .manageInfo ul.Infobox01{padding-bottom: 15px;margin-bottom: 15px;}
    .subPage .manageInfo ul.Infobox03{padding: 15px 0;margin-top: 15px;}
    .subPage .manageInfo ul.Infobox li ul{height: 36px;}
    .subPage .manageInfo ul.Infobox li ul li.cont-tit:after{right: -16px;}
    .subPage .manageInfo ul.Infobox li ul li.cont-txt:after{right: -8px;}
    .subPage .manageInfo ul.Infobox li:nth-child(2) ul li.cont-txt::after{display: none;}
    
    .manage_cont .cont-m .cont01{grid-gap: 13px;}
    #grade-chart{height: 220px !important;}
    .manage_cont .cont01 .cont02-box .cont02-bottom-txt{grid-gap: 20px;}
    .manage_cont .cont01 .cont02-box .cont02-bottom-txt ul{flex-direction: column;}
    .manage_cont .cont01 .cont02-box .cont02-bottom-txt ul li.cont-tit{margin-right: 0;}
    .manage_cont .cont01 .cont02-box .cont02-bottom-txt ul li.cont-txt{margin-top: 10px;}
    .manage_cont .cont01 .cont03-detail-001{padding: 15px 0;}
    .manage_cont .cont01 .cont03-detail ul.emoji{margin-bottom: 15px;}
    .manage_cont .cont01 .cont03-detail ul.mo-column{flex-direction: column;align-items: flex-start;}
    .manage_cont .cont01 .cont03-detail ul.txt-second{margin-bottom: 16px;}
    .manage_cont .cont01 .cont03-detail ul li.cont-txt{margin-top: 6px;}
    .manage_cont .cont01 .cont03-detail ul li:nth-child(1){margin-right: 8px;}

    .manage_violation .cont02-gird{grid-template-columns: repeat(1,1fr);}
    .subPage .manage_cont .cont01-info-ver02 .info-Box ul.top:after{width: 275px;}
    .manage_total .cont-m{grid-gap: 13px;}

    .moreView-popup .box{width: 1000px;}
    #EPIRBView-popup .box{width: 1000px;}

}
@media (max-width: 1024px){
    .subPage .manage_cont .cont01-info-ver02 .info-Box ul.top:after{width: 191px;}
}
@media (max-width: 1000px){
    .moreView-popup .box{width: 900px;}
    #EPIRBView-popup .box{width: 900px;}
    #EPIRBView-popup .searchBox{flex-direction: column;align-items: flex-start;}
    #EPIRBView-popup .confirm-btn{align-self: flex-end;}
    #EPIRBView-popup .select-wrap .picker ul li {display: flex;flex-direction: column;align-items: flex-start;}
    #EPIRBView-popup .name{text-align: left;line-height: 31px;}
    #EPIRBView-popup .popuptab-wrap .year-tab{margin-left: 0;margin-right: 29px;}
}
@media (max-width: 930px){
    .tooltip .tooltip-right{right: 108px;left: inherit;}
    .tooltip .tooltip-right::after{left: 100%;right: inherit;}
    .tooltip .tooltiptext::after{transform: rotate(180deg);}
    .manage_cont .cont-m .cont01{grid-template-columns: 1fr}
    .manage_total .cont-m{grid-template-columns: 1fr;}
    .subPage .manage_cont .cont01-info-ver02 .info-Box ul.top:after{width: 146px;}

    .moreView-popup .box{width: 800px;}
    #EPIRBView-popup .box{width: 800px;}
    
    .moreView-popup .popup-top{height: 80px;}
    .moreView-popup .popup-top h4{font-size: 23px;line-height: 40px;}
    .subPage .moreView-popup .manage-date{font-size: 14px;}
    .moreView-popup .btn-close{top: 34px;}
    .moreView-popup .cont-wrap{padding: 28px 32px 20px;}
    .moreView-popup .popuptab ul.popuptab-wrap li button{font-size: 14px;width: 65px;height: 35px;line-height: 33px;}
    .moreView-popup span.k-datepicker{width: 140px !important;}
    .moreView-popup .select-wrap .picker ul li input[type="text"]{font-size: 12px;}
    .moreView-popup .k-picker{width: 140px !important;font-size: 12px;}
    .moreView-popup .searchBox .k-picker-wrap.k-state-default{width: 140px !important;}

    .confirm-btn{width: 110px;height: 51px;padding: 0 23px;font-size: 14px;}
    .confirm-btn img{width: 20px;margin-right: 15px;}
}
@media (max-width: 850px){
    .gradeInfo table td {padding: 16px 17px;}
    .subPage .manage-date{font-size: 14px;}
    .subPage .manage_cont .cont-m .cont-subTit .manage-date{font-size: 14px;}
    .subPage .manage_cont .infoBox{padding: 10px 13px;}
    .subPage .manage_cont .infoBox ul li.infoTit{font-size: 15px;}
    .subPage .manage_cont .infoBox ul li.infoCont{font-size: 28px;}
    .subPage .manage_cont .infoBox ul li.infoCont span{font-size: 15px;margin-left: 0;}
    .subPage .manage_cont .cont01-info-ver02{grid-template-columns: 1fr;grid-gap: 20px;}
    .subPage .manage_cont .cont01-info-ver02 .info-Box01{padding: 20px 20px 0 20px;}
    .subPage .manage_cont .cont01-info-ver02 .info-Box02{padding: 0 20px 20px 20px;}
    .subPage .manage_cont .cont01-info-ver02 .info-Box ul.top:after{width: 436px;}

    .moreView-popup .box{width: 670px;}
    #EPIRBView-popup .box{width: 670px;}
    .moreView-popup .popup-top02{height: 70px;}
    .subPage .moreView-popup .manage-date{font-size: 13px;}
    .moreView-popup .popup-top02 .btn-close{top: 33px;}
    .moreView-popup .cont-wrap {padding: 28px 25px 20px;}
    .moreView-popup .searchBox{padding-bottom: 45px;}
    .moreView-popup .name{font-size: 13px;width: 77px;}
    .moreView-popup .popuptab-wrap .year-tab {margin-left: 82px;margin-right: 37px;}
    .moreView-popup span.k-datepicker{width: 120px !important;}
    .moreView-popup .k-picker{width: 120px !important;;}
    .moreView-popup .popuptab ul.popuptab-wrap li button{font-size: 13px;width: 55px;}
    .moreView-popup .select-wrap .picker ul li{margin-right: 20px;}
    .moreView-popup .popuptab-wrap .year-tab{margin-right: 29px;}
    .moreView-popup .searchBox .k-picker-wrap.k-state-default{width: 120px !important;}
    
    .moreView-popup .select-wrap .picker02{flex-direction: column;}
    .moreView-popup .select-wrap .picker02 ul{align-items: flex-end !important;}
    .moreView-popup .select-wrap .picker02 ul:first-child{margin-bottom: 10px;}
    .moreView-popup .select-wrap .picker ul li.bar{padding: 0 0 10px 0;}
    .moreView-popup input[type="text"]{width: 120px;}

    .subPage .moreView-popup .k-grid td{font-size: 13px;padding: 0;}
    .subPage .down-btn{font-size: 13px;}
    .confirm-btn{width: 102px;height: 42px;padding: 0 16px;}
}
@media (max-width: 768px){
    .subPage .manage_cont .cont01-info-ver02 .info-Box ul.top:after{width: 404px;}
    #EPIRBView-popup .secondSelect ul{flex-wrap: wrap;}
}
@media (max-width: 700px){
    .subPage .manage_cont .cont01-info-ver02 .info-Box ul.top:after{width: 333px;}

    .moreView-popup .box{width: 620px;}
    #EPIRBView-popup .box{width: 620px;}
    .moreView-popup .select-wrap .picker ul li{display: flex;flex-direction: column;}
    .moreView-popup .name{line-height: 28px;text-align: left;}
    .moreView-popup .select-wrap .secondSelect{flex-direction: column;align-items: flex-start;}
    .moreView-popup .popuptab-wrap .year-tab{margin-left: 0;}
    
    .subPage .moreView-popup .k-grid-header th.k-header{font-size: 13px;}
    .subPage .moreView-popup .k-grid td{font-size: 12px;}
}
@media (max-width: 650px){
    .subPage .manage_cont .cont01-info-ver02 .info-Box ul.top:after{width: 291px;}
    .subPage .manage_cont .cont01-info-grid03{grid-template-columns: 1fr;}

    .moreView-popup .popup-top{height: 75px;}
    .moreView-popup .popup-top h4{font-size: 19px;}
    .moreView-popup .box{width: 550px;}
    #EPIRBView-popup .box{width: 434px;}
    .moreView-popup .popuptab-wrap .year-tab{margin-right: 23px;}
    .subPage .k-grid tr td button{font-size: 12px;}

    .moreView-popup .secondSelect .k-picker{width: 118px !important;}

    .confirm-btn{width: 85px;padding: 0 11px;}
}
@media (max-width: 600px){
    .subPage .manage_cont .cont01-info-ver02 .info-Box ul.top:after{width: 243px;}
    .moreView-popup .box{width: 490px;}
    #EPIRBView-popup .box{width: 490px;}
    .moreView-popup .popup-top{padding: 0 63px 0 25px;}
    .subPage .moreView-popup .manage-date{font-size: 12px;}
    .moreView-popup .searchBox{flex-direction: column;align-items: flex-start;}
    .moreView-popup .popuptab ul.popuptab-wrap li button{font-size: 12px;}
    .moreView-popup span.k-datepicker{height: 30px !important;}
    .moreView-popup .k-picker-wrap.k-state-default{height: 30px !important;}
    .moreView-popup .k-picker{height: 30px !important;}
    .k-drop02 .moreView-popup .k-picker-wrap .k-input{height: 30px !important;font-size: 12px;line-height: 27px !important;}
    .moreView-popup .select-wrap .picker ul li input[type="text"]{height: 30px !important;}
    .k-drop02 .moreView-popup .k-state-default>.k-select{line-height: 29px !important;}

    .moreView-popup .secondSelect ul{flex-wrap: wrap;}

    .confirm-btn {width: 104px;padding: 0 16px;;align-self: flex-end;}
}
@media (max-width: 550px){
    
    .subPage .manage_cont .infoBox ul li.infoTxt{font-size: 15px;}
    .moreView-popup .cont-wrap{overflow-x: scroll;height: 500px;}
    .own-height .cont-wrap{height: auto;}
}
@media (max-width: 480px){
    .subPage .manageInfo ul.Infobox{grid-gap: 12px;}
    .subPage .manageInfo ul.Infobox li ul li{font-size: 15px;}
    .subPage .manage-date{font-size: 13px;}
    .subPage .manage_cont .cont02 .cont-subTit{flex-direction: column;align-items: flex-start;}
    .subPage .manage_cont .cont-m h5{font-size: 16px;}
    .subPage .manage_cont .cont-m .cont-subTit .manage-date{font-size: 13px;}
    .subPage .manage_cont .infoBox ul li.infoCont{line-height: 25px;}
    .subPage .manageInfo ul.Infobox{grid-template-columns: 1fr;}
    .subPage .manageInfo ul.Infobox li{padding: 0;}
    .subPage .manageInfo ul.Infobox li ul li.cont-tit:after{top: 2px;}
    .subPage .manageInfo ul.Infobox li ul li.cont-txt:after{display: none;}
    .subPage .manage_cont .cont01-info{grid-gap: 13px;}
    .subPage .manage_cont .infoBox ul li.infoCont{font-size: 25px;}
    .subPage .manage_cont .infoBox ul li.infoCont span{font-size: 13px;}
    
    .subPage .manage_cont .cont01-info-ver02 .info-Box ul.top:after{width: 135px;}
    .subPage .manage_cont .cont01-info-ver02 .info-Box .mid{padding-top: 5px;}
    .subPage .manage_cont .cont01-info-ver02 .info-Box ul.top li.infoTit{font-size: 15px;}
    .subPage .manage_cont .cont01-info-ver02 .info-Box ul.top li.infoCont{font-size: 30px;line-height: 39px;}
    .subPage .manage_cont .cont01-info-ver02 .info-Box ul.top li.infoCont span{font-size: 13px;margin-left: 5px;}
    .subPage .manage_cont .cont01-info-ver02 .info-Box .mid ul{height: 50px;}
    .subPage .manage_cont .cont01-info-ver02 .info-Box .mid ul li.gradeTit{font-size: 16px;}
    .subPage .manage_cont .cont01-info-ver02 .info-Box .mid ul li.num{font-size: 25px;line-height: 29px;}
    .subPage .manage_cont .cont01-info-ver02 .info-Box .mid ul li.gradeTit span{font-size: 14px;}
    .subPage .manage_cont .cont01-info-ver02 .info-Box .mid ul li.num span{font-size: 14px;margin-left: 0;}
    .subPage .manage_cont .cont-m .more-btn{font-size: 13px;}

    .manage_cont .cont01 .cont03-detail ul li{font-size: 13px;line-height: 18px;}
    .manage_cont .cont01 .cont03-detail ul.txt-second{margin-bottom: 10px;}

    .moreView-popup span.k-datepicker{width: 115px !important;}
   
    #shipInfo-grid{width: 1000px;}
    #rating-grid{width: 1400px;}

    .moreView-popup .box{width: 400px;}
    #EPIRBView-popup .box{width: 400px;}
    .moreView-popup .popup-top{align-items: flex-start;justify-content: center;flex-direction: column;}
    .moreView-popup .popup-top h4{font-size: 18px;}
    .moreView-popup .cont-wrap{padding: 18px 20px 20px;}
    .moreView-popup .popuptab-wrap{flex-direction: column;}
    .moreView-popup .popuptab ul.popuptab-wrap{flex-direction: row;margin-bottom: 8px;}
    .subPage .k-grid tr td button{font-size: 11px;}
    .moreView-popup .select-wrap .picker02 ul{flex-direction: initial;justify-content: space-between;}
    .moreView-popup .select-wrap .picker02 ul li{align-self: flex-end;}
    .moreView-popup .select-wrap .picker02 ul li.bar{margin-bottom: 10px;}
    .moreView-popup .select-wrap .picker ul li.bar{margin: 0 6px 0 0;}
    .moreView-popup .searchBox .k-picker-wrap.k-state-default{width: 115px !important;}
    .moreView-popup .secondSelect .k-picker .k-input-value-text{font-size: 12px;}

    .subPage .down-btn{font-size: 12px;width: 110px;}
}
@media (max-width: 420px){
    #rating-grid{width: 850px;}
    .subPage .manage_cont .cont_top{flex-direction: column;align-items: flex-start;}
    .subPage .manage-date{margin-top: 10px;}
    .subPage .manage_cont .cont01-info{grid-template-columns: 1fr;}
    .subPage .manage_cont .cont01-info-ver02 .info-Box ul.top:after{width: 89px;}
    .subPage .manage_cont .cont01-info-ver02 .info-Box .mid{grid-template-columns: 1fr;}
    .subPage .manage_cont .cont-m h5{font-size: 13px;}
    .manage_total .cont-m .chart-wrap .sub-top ul.legend li.category{font-size: 12px;}
    .manage_cont .cont01 .cont03-detail ul li.pointTxt{font-size: 18px;}
    .manage_cont .cont01 .cont01-box .cont01-class .grade-tit .standard-btn{font-size: 12px;}
    .tooltip .tooltiptext{font-size: 12px;line-height: 17px;}

    .subPage .manage_cont .cont01-info-ver02 .info-Box ul.top li.infoTit{font-size: 14px;}

    .moreView-popup .popup-top h4{font-size: 16px;line-height: 21px;text-align: left;}
    .subPage .moreView-popup .manage-date{font-size: 11px;margin-top: 0;}
    .moreView-popup .btn-close img{width: 16px;}
    .moreView-popup .cont-wrap{padding:20px;}
    #popGrade-grid{height: 200px !important;}
    #popdangerList-grid{height: 200px !important;}
    .subPage .moreView-popup .k-grid-header th.k-header{font-size: 12px;}
    .subPage .moreView-popup .k-grid td{font-size: 11px;}
    .moreView-popup .box{width: 360px;}
    #EPIRBView-popup .box{width: 360px;}
    .moreView-popup .name{font-size: 12px;}
    .moreView-popup .popuptab ul.popuptab-wrap li button{height: 29px;line-height: 29px;}
    .ship_inspectionInfo .k-grid td{padding: 3px 1px;}

    .confirm-btn{width: 105px;height: 35px;}
}
@media (max-width: 390px){

    .subPage .moreView-popup .k-grid-header th.k-header{font-size: 11px;}

    .subPage .manage_cont .cont01-info-ver02 .info-Box ul.top:after{width: 37px;}
    .subPage .manage_cont .cont-m .more-btn{font-size: 12px;width: 70px;}
    .subPage .manage_cont .cont-m .cont-subTit h5{font-size: 13px;}
    .subPage .manage_cont .cont-m h5 img{width: 12px;}

}

@media (max-width: 1650px){
    .manage_cont01 .cont-infoBox ul{grid-gap: 20px;padding: 0 12px;}
    .manage_cont01 .cont-infoBox ul li .infoCont:after{right: -11px;}
    .ship_inspectionInfo .cont03-gird{grid-template-columns: repeat(2,1fr);}
}
@media (max-width: 1200px){
    .subPage .manage_cont .infoBox ul li.infoTit{font-size: 15px;}
    .subPage .manage_cont .infoBox ul li.infoTxt{font-size: 16px;}
    .subPage .manage_cont .cont01-info-grid04{grid-gap: 10px;}
    .subPage .manage_cont .infoBox02{padding: 15px 10px;}
    .ship_inspectionInfo .cont02-gird{grid-template-columns: repeat(2,1fr);}
    .ship_inspectionInfo .grid-mo{grid-column: 1 / 3;}

    
}
@media (max-width: 950px){
    .manage_cont01 .cont-infoBox ul{grid-template-columns: repeat(2,1fr);grid-gap: 0;}
    .manage_cont01 .cont-infoBox ul li{margin: 10px;}
    .manage_cont01 .cont-infoBox ul li:nth-child(2) .infoCont:after{display: none;}
    .subPage .manage_cont .cont01-info-grid04{grid-template-columns: repeat(2,1fr);}
    .ship_inspectionInfo .cont02-gird{grid-template-columns: repeat(1,1fr);}
    .ship_inspectionInfo .cont03-gird{grid-template-columns: 1fr;}
    .manage_cont .cont01 .cont01-box .cont01-class02{padding: 17px 0;}
}
@media (max-width: 700px){
    .manage_cont01 .cont-infoBox ul li{font-size: 15px;}
    .ship_inspectionInfo .grid-mo{grid-column: initial;}

}
@media (max-width: 600px){
    .manage_cont01 .cont-infoBox ul{padding: 0;}
    .manage_cont01 .cont-infoBox ul li{font-size: 14px;}
}
@media (max-width: 550px){
    .manage_cont01 .cont-infoBox ul{grid-template-columns: 1fr;}
    .manage_cont01 .cont-infoBox ul.gridVer02{grid-template-columns: 1fr;}
    .manage_cont01 .cont-infoBox ul li{height: 36px;}
    .manage_cont01 .cont-infoBox ul li .infoCont:after{display: none;}
}
@media (max-width: 480px){
    .subPage .manage_cont .infoBox ul li.infoTit{font-size: 14px;}
    .manage_cont01 .cont-infoBox ul li{height: 30px;margin: 8px 10px;}
    .subPage .manage_cont .cont01-info-grid04{grid-template-columns: repeat(1,1fr);}
    #s-rating-grid{width: 600px;}
    
}
@media (max-width: 420px){
    .manage_cont01 .cont-infoBox ul li{font-size: 13px;}
}

@media (max-width: 1100px){
    .subPage .searchWrap ul li { margin-right: 15px; } 
    .subPage .searchWrap .ulSearch-box:nth-child(2) li { margin-right: 15px; } 
    .subPage input[type=text].input-common { width: 170px; } 
    .subPage .searchWrap .k-picker{width: 155px !important;;}
}
@media (max-width: 950px){
    .subPage input[type=text].input-common { width: 154px; } 
    .subPage .searchWrap .k-picker{width: 139px !important;;}
}
@media (max-width: 900px){
    .subPage input[type=text].input-common { width: 130px; } 
    .subPage .searchWrap .k-picker{width: 115px !important;;}
}
@media (max-width: 820px){
    .subPage input[type=text].input-common { width: 165px; } 
    .subPage .searchWrap .k-picker{width: 153px !important; }
    .subPage .searchWrap ul li { flex-direction: column; align-items: flex-start; } 
    .subPage .sear_tit { margin-bottom: 8px; } 
}
@media (max-width: 768px){
    .subPage input[type=text].input-common { height: 45px; } 
    .subPage .content-wrap .k-grid td { padding-left: 27px; } 
    .subPage .searchWrap { align-items: flex-end; } 
}
@media (max-width: 700px){
    .contSearch .k-grid table { width: 600px; overflow-x: scroll; } 
}
@media (max-width: 680px){
    .subPage input[type=text].input-common { width: 120px; } 
    .subPage .searchWrap .k-picker{width: 108px !important;}
    .subPage .searchWrap .join-btn { width: 78px; } 
}
@media (max-width: 600px){
    .subPage .searchWrap { padding: 36px 30px 33px; } 
    .subPage .content-wrap{padding: 50px 30px;}
    .subPage input[type=text].input-common { width: 102px; height: 40px; } 
    .subPage .searchWrap .k-picker{width: 90px !important;height: 40px !important;}
    .subPage .searchWrap .k-picker .k-state-default{height: 40px !important;}
    .subPage .searchWrap .k-input:not(:-webkit-autofill){height: 40px !important;line-height: 38px !important;}
    .subPage .searchWrap .join-btn { font-size: 12px; width: 74px; height: 40px; line-height: 42px; margin-left: 10px; } 
    .contSearch { margin: 55px 30px; } 
    .contSearch .confirm-btn { width: 102px; height: 40px; font-size: 13px; } 
    .contSearch .confirm-btn img { width: 22px; } 
}
@media (max-width: 550px){
    .subPage .searchWrap .join-btn { font-size: 11px; width: 63px; line-height: 42px; margin-left: 8px; } 
}

@media (max-width: 480px){
    .subPage input[type=text].input-common{font-size: 13px;padding-left: 14px;}
    .subPage input[type=text].input-common::placeholder { font-size: 13px; } 
    .subPage .searchWrap .k-picker .k-input-value-text{font-size: 13px;}
    .subPage .searchWrap { padding: 21px 25px 23px; } 
    .subPage .sear_tit { margin-bottom: 5px; font-size: 12px; } 
    .subPage .content-wrap { padding: 30px 25px; } 
    .subPage .content-wrap .k-grid-header th.k-header { padding-left: 20px; } 
    .subPage .content-wrap .k-grid td { padding-left: 20px; } 
    .subPage .searchWrap .join-btn { height: 35px; line-height: 37px; } 
}
@media (max-width: 420px){
    .subPage .searchWrap { padding: 22px 20px; } 
    .subPage .sear_tit { margin-right: 12px; } 
    .contSearch { margin: 40px 20px; } 
    .subPage input[type=text].input-common { width: 76px; } 
    .subPage .searchWrap .k-picker{width: 118px !important;}
    .subPage .searchWrap .join-btn { width: 68px; } 
    .subPage .content-wrap { padding: 30px 20px; } 
    .subPage .content-wrap .k-grid td{padding: 0 5px;}
    .subPage .content-wrap .k-grid tbody td:first-child:after{top: 9px;right: 7px;height: 18px  ;}
    .contSearch .confirm-btn { width: 89px; font-size: 12px; } 
    .contSearch .confirm-btn img { width: 19px; } 
    .searchWrap .confirm-btn{font-size: 12px;width: 105px;}
    .searchWrap .confirm-btn img{width: 17px;}
    
    .m-search .searchWrap{flex-direction: column;}
    .m-search .searchWrap ul{align-self: flex-start;}
    .m-search .searchWrap .ulSearch{align-self: flex-start;}
    .m-search input[type=text].input-common{width: 130px !important;}
    .m-search .confirm-btn{margin-top: 10px;}

}
@media (max-width: 400px){
    .subPage .sear_tit { font-size: 11px; } 
    .subPage input[type=text].input-common { width: 66px; height: 31px;} 
    .subPage .searchWrap .k-picker{height: 31px !important;}
    .subPage .searchWrap .join-btn { width: 53px; height: 31px; line-height: 31px; font-size: 11px; } 
    .subPage .content-wrap .k-grid tr td button{width: 45px;height: 25px;line-height: 19px;}
}
@media (max-width: 380px){
    .moreView-popup .box{width: 310px;}
    #EPIRBView-popup .box{width: 310px;}
    .moreView-popup .select-wrap .picker ul{margin-right: 0;}
    .moreView-popup .select-wrap .picker ul li{margin-right: 10px;}
    
    .confirm-btn img{width: 17px;}
}


.safety-manage .select-topBtn { background-color: #fff; box-shadow: 2px 2px 20px #38465D1F; border: 1px solid #4761DE; border-radius: 18px; padding: 27px 32px; margin-bottom: 58px; } 
.safety-manage .select-topBtn ul { display: grid; grid-template-columns: repeat(7,1fr); grid-gap: 20px; } 
.safety-manage .select-topBtn ul li {background-color: #EBF0FF; box-shadow: 2px 2px 5px #38465D1F; border: 1px solid #A5B4FF; border-radius: 12px; width: 100%; height: 45px; line-height: 45px; cursor: pointer; text-align: center; } 
.safety-manage .select-topBtn ul li button{font-size: 16px;font-weight: bold; color: #1E1E1E;width: 100%;height: 100%;}
.safety-manage .select-topBtn ul li.view { background-color: #4761DE;  } 
.safety-manage .select-topBtn ul li.view button{color: #fff;}
.safety-manage .select-topBtn ul li:hover { background-color: #4761DE; } 
.safety-manage .select-topBtn ul li:hover button{ color: #fff;}

.safety-manage ul.tab-btn { display: flex; align-items: center; justify-content: center; } 
.safety-manage ul.tab-btn li { width: 135px; height: 43px; line-height: 43px; border: 1px solid #4761DE; cursor: pointer; text-align: center; box-shadow: 0px 3px 6px #00000029; } 
.safety-manage ul.tab-btn li button{ font-size: 16px;font-weight: bold;width: 100%;height: 100%;}
.safety-manage ul.tab-btn li.tab-button01 { border-radius: 20px 0 0 20px; } 
.safety-manage ul.tab-btn li.tab-button02 { border-radius: 0 20px 20px 0; } 
.safety-manage ul.tab-btn li.on {background: #4761DE;} 
.safety-manage ul.tab-btn li.on button{color: #fff;}
.safety-manage .tab-cont .tab-box { width: 100%; height: 100%; display: none; } 
.safety-manage .tab-cont .tab-box.show { display: block; } 

.safety-manage .top-infoBox .title-line { display: flex; align-items: center; justify-content: space-between; padding-bottom: 14px; } 
.safety-manage .top-infoBox .title-line h3 { font-size: 24px; color: #4761DE; font-weight: bold; } 
.shipInfo-btn { cursor: pointer; background-color: #EBF0FF; border: 1px solid #4761DE; border-radius: 18px; width: 108px; height: 30px; font-size: 16px; font-weight: bold; color: #4761DE; display: flex; align-items: center; justify-content: center; text-align: center; } 
.shipInfo-btn img { margin-right: 8px; } 

.safety-manage .totalTab .top-infoBox .top-infoCont { background: transparent linear-gradient(180deg, #EBF0FF 0%, #FFFFFF 100%); border-top: 2px solid #4761DE; display: grid; grid-template-columns: repeat(2,1fr); grid-gap:194px; padding: 24px 43px 53px; margin-bottom: 30px; } 
.safety-manage .totalTab .top-infoBox .top-infoCont .infoCont ul { display: flex; align-items: center; justify-content: space-between; } 
.safety-manage .totalTab .top-infoBox .top-infoCont .infoCont ul li.li-txt { color: #6A6A6A; position: relative; } 
.safety-manage .totalTab .top-infoBox .top-infoCont .infoCont ul li.li-txt:after { position: absolute; content: ''; width: 1px; background-color: #BEBEBE; top: 0; right: 0; } 
.safety-manage .totalTab .top-infoBox .top-infoCont .infoCont ul li.li-cont { color: #1E1E1E; font-weight: bold; } 
.safety-manage .totalTab .top-infoBox .top-infoCont ul.leftBox li.li-txt { font-size: 18px; line-height: 21px; } 
.safety-manage .totalTab .top-infoBox .top-infoCont ul.leftBox li.li-txt::after { height: 23px; right: -49px } 
.safety-manage .totalTab .top-infoBox .top-infoCont ul.leftBox li.li-cont { font-size: 30px; line-height: 35px; } 
.safety-manage .totalTab .top-infoBox .top-infoCont .rightBox { display: flex; align-items: center; justify-content: space-between; } 
.safety-manage .totalTab .top-infoBox .top-infoCont .rightBox ul { display: flex; align-items: center; justify-content: space-between; } 
.safety-manage .totalTab .top-infoBox .top-infoCont .rightBox ul li { font-size: 16px; height: 30px; line-height: 30px; margin-bottom: 20px; } 
.safety-manage .totalTab .top-infoBox .top-infoCont .rightBox ul li.li-txt { width: 50px; margin-right: 60px; } 
.safety-manage .totalTab .top-infoBox .top-infoCont .rightBox ul li.li-txt:after { height: 12px; top: 8px; right: -5px; } 
.safety-manage .totalTab .search-line { display: flex; align-items: center; justify-content: flex-end; margin-bottom: 17px; } 
.safety-manage .totalTab .search-line ul.datePicker-box { margin-right: 14px; display: flex; align-items: center; } 
.safety-manage .totalTab .search-line ul.datePicker-box li span.k-datepicker { border-radius: 20px; width: 195px !important; } 
.safety-manage .totalTab .search-line ul.datePicker-box li .k-input { height: 57px !important; } 
.safety-manage .totalTab .search-line ul.datePicker-box li .k-picker-wrap.k-state-default { background-color: #F4F4F5; height: 57px; border-radius: 20px !important; } 
.safety-manage .totalTab .search-line ul.datePicker-box li .k-datepicker .k-input { height: 57px; font-size: 15px; color: #A9AEB4; } 
.safety-manage .totalTab .search-line ul.datePicker-box li .k-input-md .k-input-button {background-color: #f4f4f5 !important; height: 57px; line-height: 57px !important; background: url('../images/sub/ico_calendar.png') no-repeat 63% 50%; width: 50px;} 
.safety-manage .totalTab .search-line ul.datePicker-box li .k-button-md.k-icon-button>.k-button-icon{ opacity: 0; } 
.safety-manage .totalTab .search-line ul.datePicker-box li.date-txt { font-size: 15px; color: #535D64; font-weight: bold; margin-right: 28px; } 

.safety-manage .totalTab .ownPage-grid { display: grid; grid-template-columns: repeat(2,1fr); grid-gap: 23px; } 
.safety-manage .totalTab .accStatus-wrap { display: grid; grid-template-columns: repeat(5,1fr); grid-gap: 16px; margin-bottom: 46px; } 
.safety-manage .totalTab .accStatus-wrap ul.accStatus-box { background-color: #F1F3FF; border-radius: 16px; display: flex; align-items: center; justify-content: space-between; width: 100%; height: 96px; padding: 0 28px 0 24px; } 
.safety-manage .totalTab .accStatus-wrap ul.accStatus-box li { font-size: 15px; color: #6A6A6A; } 
.safety-manage .totalTab .accStatus-wrap ul.accStatus-box li.txt-grid { display: flex; flex-direction: column; justify-content: space-between; } 
.safety-manage .totalTab .accStatus-wrap ul.accStatus-box li .Status-name { margin-bottom: 9px; line-height: 18px; } 
.safety-manage .totalTab .accStatus-wrap ul.accStatus-box li .Status-info{text-align: right;}
.safety-manage .totalTab .accStatus-wrap ul.accStatus-box li .Status-info span.Status-num { font-size: 32px; color: #353535; font-weight: 600; margin-right: 2px; line-height: 37px; vertical-align: middle; } 
.safety-manage .totalTab .ownPage-flex { display: flex; align-items: center; justify-content: space-between; } 
.safety-manage .totalTab .ownPage-flex .donut_chart01 text, .donut_chart02 text { font-weight: bold !important; } 
.safety-manage .totalTab .ownPage-flex .flexCont { background-color: #fff; border: 1px solid #E4EBF4; border-radius: 20px; padding: 22px 18px; margin-right: 18px; } 
.safety-manage .totalTab .ownPage-flex .donutChart-wrap { width: 30%; } 
.safety-manage .totalTab .ownPage-flex .donut_chart h3 { font-size: 20px; color: #353535; font-weight: bold; } 
.safety-manage .totalTab .ownPage-flex .lineChart-wrap { width: 40%; margin-right: 0; padding-bottom: 6px; } 
.safety-manage .totalTab .ownPage-flex .lineChart-wrap h5 { padding-bottom: 27px; } 
.safety-manage .totalTab .ownPage-flex .lineChart-wrap #m_increase_chart text { font-family: 'Pretendard' !important; } 

.safety-manage .totalTab .donutChart-wrap .legend-wrap { display: grid; grid-template-columns: repeat(4,1fr); grid-gap: 15px; padding-top: 28px; } 
.safety-manage .totalTab .donutChart-wrap .legend-wrap ul { display: flex; align-items: center; width: 70px; } 
.safety-manage .totalTab .donutChart-wrap .legend-wrap ul li.colorBox { width: 11px; height: 11px; margin-right: 7px; } 
.safety-manage .totalTab .donutChart-wrap .legend-wrap ul li.color001 { background-color: #5377D1; } 
.safety-manage .totalTab .donutChart-wrap .legend-wrap ul li.color002 { background-color: #879CFF; } 
.safety-manage .totalTab .donutChart-wrap .legend-wrap ul li.color003 { background-color: #C8ADD9; } 
.safety-manage .totalTab .donutChart-wrap .legend-wrap ul li.color004 { background-color: #D98ADF; } 
.safety-manage .totalTab .donutChart-wrap .legend-wrap ul li.color005 { background-color: #DFA48A; } 
.safety-manage .totalTab .donutChart-wrap .legend-wrap ul li.color006 { background-color: #DFA48A; } 
.safety-manage .totalTab .donutChart-wrap .legend-wrap ul li.color007 { background-color: #D85F46; } 
.safety-manage .totalTab .donutChart-wrap .legend-wrap ul li.color008 { background-color: #D0D1D0; } 
.safety-manage .totalTab .donutChart-wrap .legend-wrap ul li.color001-02 { background-color: #FF0E68; } 
.safety-manage .totalTab .donutChart-wrap .legend-wrap ul li.color002-02 { background-color: #1CBFBF; } 
.safety-manage .totalTab .donutChart-wrap .legend-wrap ul li.color003-02 { background-color: #6383D4; } 
.safety-manage .totalTab .donutChart-wrap .legend-wrap ul li.color004-02 { background-color: #6383D4; } 
.safety-manage .totalTab .donutChart-wrap .legend-wrap ul li.color005-02 { background-color: #ADB9D9; } 
.safety-manage .totalTab .donutChart-wrap .legend-wrap ul li.color006-02 { background-color: #DFA48A; } 
.safety-manage .totalTab .donutChart-wrap .legend-wrap ul li.color007-02 { background-color: #FF9933; } 
.safety-manage .totalTab .donutChart-wrap .legend-wrap ul li.color008-02 { background-color: #EE7769; } 
.safety-manage .totalTab .donutChart-wrap .legend-wrap ul li.legend-name { font-size: 12px; color: #6A6A6A; } 
.safety-manage .totalTab .ownPage-grid .grid01 #safeGrade-chart { margin-top: 28px; } 
.safety-manage .totalTab .ownPage-grid .grid01 #safeGrade-chart text { font-family: 'Pretendard' !important; } 

.safety-manage .toGrid-wrap { display: grid; grid-template-columns: 500px 1fr; grid-gap: 26px; } 
.safety-manage .toGrid-wrap h5 { margin-bottom: 7px; } 
.safety-manage .toGrid-wrap .toGrid001 .imgBox img { width: 100%; height: 100%; object-fit: cover; } 
.safety-manage .toGrid-wrap .toGrid002 { display: flex; flex-direction: column; justify-content: space-between; } 
.safety-manage .toGrid-wrap .toGrid002 .k-grid .k-grid-content tr { height: 35px; } 
.safety-manage .toGrid-wrap .toGrid002 .k-grid .k-grid-content td { height: 20px !important; font-size: 13px; } 
.safety-manage .toGrid-wrap .toGrid002 .toGrid002-1 { margin-bottom: 15px; } 
.safety-manage .boGrid-wrap { padding: 35px 0 12px; } 

.safety-manage .cont01-info-ver02 .info-Box .mid-grid { display: grid; grid-template-columns: repeat(2,1fr); grid-gap: 15px; margin-top: 38px; } 
.safety-manage .cont01-info-ver02 .info-Box .mid-grid .mid-box { background-color: #F1F3FF; border-radius: 16px; padding: 22px 20px 10px; } 
.safety-manage .cont01-info-ver02 .info-Box .mid-grid .mid-box ul { display: flex; align-items: center; justify-content: space-between; } 
.safety-manage .cont01-info-ver02 .info-Box .mid-grid ul li.gradeTit { font-size: 19px; line-height: 18px; font-weight: bold; } 
.safety-manage .cont01-info-ver02 .info-Box .mid-grid ul li.a-gradeTit { color: #4761DE; } 
.safety-manage .cont01-info-ver02 .info-Box .mid-grid ul li.b-gradeTit { color: #158585; } 
.safety-manage .cont01-info-ver02 .info-Box .mid-grid ul li.c-gradeTit { color: #a95907; } 
.safety-manage .cont01-info-ver02 .info-Box .mid-grid ul li.d-gradeTit { color: #eb0057; } 
.safety-manage .cont01-info-ver02 .info-Box .mid-grid ul li.gradeTit span { font-size: 15px; color: #6A6A6A; } 
.safety-manage .cont01-info-ver02 .info-Box .mid-grid ul li.num { font-size: 32px; color: #353535; line-height: 37px; font-weight: 800; } 
.safety-manage .cont01-info-ver02 .info-Box .mid-grid ul li.num span { font-size: 17px; color: #6A6A6A; line-height: 20px; vertical-align: middle; margin-left: 6px; } 
.safety-manage .cont01-info-ver02 .info-Box .mid-grid .mid-box .bottom-txt { font-size: 15px; color: #6A6A6A; margin-top: 10px; line-height: 18px; display: flex; align-items: center; justify-content: flex-end; } 
.safety-manage .cont01-info-ver02 .info-Box .mid-grid .mid-box .bottom-txt span { font-size: 15px; display: flex; align-items: center; margin-right: 14px; } 
.safety-manage .cont01-info-ver02 .info-Box .mid-grid .mid-box .bottom-txt span.up-ico { color: #dd002d; } 
.safety-manage .cont01-info-ver02 .info-Box .mid-grid .mid-box .bottom-txt span.down-ico { color: #006cb5; } 
.safety-manage .cont01-info-ver02 .info-Box .mid-grid .mid-box .bottom-txt span img { margin-right: 6px; vertical-align: middle; } 
.safety-manage .cont01-info-ver03 { display: block !important; background-color: #fff !important; box-shadow: none !important; border: 0 !important; } 
.safety-manage .cont01-info-ver03 .tit { font-size: 17px; color: #353535; line-height: 20px; font-weight: bold; position: relative; } 
.safety-manage .cont01-info-ver03 .info-Box .mid-grid { margin-top: 0; } 
.safety-manage .cont01-info-ver03 .info-Box01 { padding: 0 !important; } 
.safety-manage .cont01-info-ver03 .tit:after { position: absolute; content: ''; width: 300px; top: 10px; left: 138px; border-bottom: 1px dashed #E2E2E2; } 
.safety-manage .cont01-info-ver03 .info-Box .mid-grid .mid-box { background-color: #fff; box-shadow: 2px 2px 5px #38465d29; border: 1px solid #A5B4FF; border-radius: 16px; } 

.safety-manage .cont-acc-total h5 { margin-bottom: 7px; } 
.safety-manage .cont-acc-total #total_chart001 text, .safety-manage .cont-acc-total #total_chart002 text, .safety-manage .cont-acc-total #total_chart003 text { font-family: 'Pretendard' !important; } 
.safety-manage #kChart001 text, .safety-manage #kChart002 text, .safety-manage #kChart003 text, .safety-manage #yearAccident-chart text { font-family: 'Pretendard' !important; } 
.safety-manage .manage_cont .infoBox ul li.own-color { color: #4761DE; } 
.safety-manage .cont-m ul.persentInfo { background-color: #EBF0FF; box-shadow: 2px 2px 5px #38465D29; border: 1px solid #A5B4FF; border-radius: 20px; padding: 11px 10px 9px; display: flex; align-items: center; justify-content: flex-start; margin-bottom: 34px; } 
.safety-manage .cont-m ul.persentInfo li { background-color: #fff; border: 1px solid #A5B4FF; border-radius: 20px; font-size: 17px; color: #353535; font-weight: bold; padding: 15px 20px; } 
.safety-manage .cont-m ul.persentInfo li.li-first { margin-right: 8px; } 
.safety-manage .cont-m .chartGrid-wrap { display: grid; grid-template-columns: repeat(2,1fr); grid-gap: 26px; } 
.safety-manage .cont-m .chartGrid-wrap h5 { display: flex; align-items: center; margin-bottom: 10px; } 
.safety-manage .cont-m .chartGrid-wrap h5 img { margin-right: 7px; } 
.safety-manage .cont-m p.source-info { font-size: 15px; color: #7A7A7A; margin-top: 9px; } 
.safety-manage .cont-m .total-chart01-wrap { display: grid; grid-template-columns: repeat(2,1fr); grid-gap: 15px; margin-bottom: 20px; } 



.safety-manage .manageTab .cont-m .moreBtn-wrap { margin-bottom: 8px; } 
.safety-manage .manageTab .cont-m .moreBtn-wrap .registe-btn { margin-right: 7px; display: flex; align-items: center; justify-content: center; } 
.safety-manage .manageTab .cont-m .moreBtn-wrap .registe-btn img { margin-right: 6px; width: 9px; } 
.safety-manage .manageTab .cont-m .moreBtn-wrap .registe-btn img.ico-hover { display: none; } 
.safety-manage .manageTab .cont-m .moreBtn-wrap .registe-btn:hover img.ico-hover { display: inline-block; } 
.safety-manage .manageTab .cont-m .moreBtn-wrap .registe-btn:hover img.ico-basic { display: none; } 
.safety-manage .manageTab .grid-wrapVer02 table { border-top: 2px solid #4761DE; } 
.safety-manage .manageTab .grid-wrapVer02 .k-grid-header th.k-header { border-left: 1px solid #E4EBF4; border-top: 0; } 
.safety-manage .manageTab .grid-wrapVer02 .k-grid tr { border-right: 0 !important; } 



.safety-manage .manageTab .search-line { display: flex; align-items: center; justify-content: flex-end; margin-bottom: 17px; margin-top: 44px;} 
.safety-manage .manageTab .search-line ul.datePicker-box { margin-right: 14px; display: flex; align-items: center; } 
.safety-manage .manageTab .search-line ul.datePicker-box li .k-picker { height: 57px !important; border-radius: 20px !important; width: 165px !important;background-color: #F4F4F5;} 
.safety-manage .manageTab .search-line ul.datePicker-box li .k-picker .k-input{ height: 57px !important; line-height: 57px !important;color: #444;background-color: #F4F4F5;border: 0;} 
.safety-manage .manageTab .search-line ul.datePicker-box li .k-picker .k-state-default {width: 165px; height: 57px; font-size: 15px; color: #A9AEB4; border-radius: 20px;} 
.safety-manage .manageTab .search-line ul.datePicker-box li .k-state-default>.k-select {width: 40px; height: 57px; line-height: 57px !important; background: url('../images/sub/ico_calendar.png') no-repeat #F4F4F5 46% 50%; } 
.safety-manage .manageTab .search-line ul.datePicker-box li .k-state-default>.k-select .k-icon { opacity: 0; } 
.safety-manage .manageTab .search-line ul.datePicker-box li.date-txt { font-size: 15px; color: #535D64; font-weight: bold; margin-right: 28px; } 
.safety-manage .manageTab .search-line ul.datePicker-box li.bar{margin: 0 10px;}


.shipListPopup .select-wrap .ownPage-ul { display: flex; align-items: center; } 
.shipListPopup .select-wrap .ownPage-ul li { display: flex; margin-right: 12px; } 
.shipListPopup .select-wrap .ownPage-ul li .title { font-size: 14px; color: #535D64; line-height: 40px; font-weight: bold; width: 90px; } 
.shipListPopup .select-wrap .ownPage-ul li input[type=text] { font-size: 14px; color: #A9AEB4; } 

.ownpage-pop .popuptab-wrap .year-tab { margin-right: 26px; } 
.ownpage-pop .select-wrap .picker ul li { margin-right: 10px; display: flex;} 

.ownpage-pop .cellBtn-wrap { display: flex; align-items: center; justify-content: flex-end; margin-bottom: 8px; } 
.ownpage-pop .cellBtn-wrap .cell-btn { cursor: pointer; font-size: 14px; color: #7A7A7A; background-color: #F9FBFC; width: 85px; height: 24px; line-height: 24px; border-radius: 12px; border: 1px solid #E4EBF4; display: flex; align-items: center; justify-content: center; } 
.ownpage-pop .cellBtn-wrap .cell-btn:hover { color: #fff; background-color: #879CFF; } 
.ownpage-pop .cellBtn-wrap .cell-btn img { margin-right: 6px; width: 17px; } 
.ownpage-pop .cellBtn-wrap .cell-btn img.ico-hover { display: none; } 
.ownpage-pop .cellBtn-wrap .cell-btn:hover img.ico-hover { display: inline-block; } 
.ownpage-pop .cellBtn-wrap .cell-btn:hover img.ico-basic { display: none; } 
.ownpage-pop .cellBtn-wrap .del-cell-btn { margin-right: 7px; } 

.ownpage-pop .popupBtn { cursor: pointer; background-color: #5c76f3; border-radius: 7px; font-size: 15px; color: #fff; font-weight: bold; padding: 12px 20px; width: 120px; margin: 0 auto; margin-top: 35px; letter-spacing: 2px; } 
.ownpage-pop .popupBtn:hover { background-color: #2b3a83; } 


.ownpage-column .ViewGrid { border-top: 2px solid #4761DE; } 
.ownpage-column .k-grid .k-grid-header { height: 90px !important; } 
.ownpage-column .k-grid-header th.k-header { border-top: 0; border-left: 1px solid #E4EBF4; } 
.ownpage-column .checkbox-kchart { display: flex; align-items: center; height: 45px; } 
.ownpage-column .k-grid-content .k-checkbox-label:before { top: 6px !important; left:3px !important; } 
.ownpage-column .k-grid .k-grid-header .k-checkbox-label.k-no-text { display: contents; } 
.ownpage-column .k-grid-header .k-checkbox-label:before { top:39px !important; left: 19px !important; } 

.ownpage-column02 .k-grid .k-grid-header { height: 134px !important; } 
.ownpage-column02 .k-grid-header .k-checkbox-label:before { top:67px !important; left: 28px !important; } 
.ownpage-column02 .k-grid-content .k-checkbox-label:before { top: 6px !important; left:11px !important; } 

.moreView002 .k-grid { border-top: 2px solid #4761DE !important; } 
.moreView002.k-grid .k-grid-header { height: 90px !important; } 
.moreView002 .k-grid-header th.k-header { border-top: 0; border-left: 1px solid #E4EBF4; } 
.moreView002 .checkbox-kchart { display: flex; align-items: center; height: 45px; } 


.reg-popup .box{width: 950px;}

.reg-wrap{padding: 40px 44px;}
.reg-wrap .tb-wrap{padding: 0 30px;}
.reg-wrap .tb-wrap .reg-tb{border-top: 2px solid #a5b0e3;}
.reg-wrap .tb-wrap .reg-tb tr th{border: 1px solid #bfc5e3;}
.reg-wrap .tb-wrap .reg-tb tr td{font-size: 13px;line-height: 22px;padding: 8px 12px; border: 1px solid #bfc5e3;word-break: keep-all;}
.reg-wrap .tb-wrap .reg-tb tr th.td-title{background-color: #EBF0FF;font-weight: bold;width: 130px;}
.reg-wrap .tb-wrap .reg-tb tr td.td-width{width: 190px;}
.reg-wrap .tb-wrap .reg-tb tr td.pic-width{width: 140px;}
.reg-wrap .tb-wrap .reg-tb tr td.pic-width span.pic-span{color: #7A7A7A;font-weight: 500;}
.reg-wrap .tb-wrap .reg-tb tr td input[type=text]{font-size: 13px;}
.reg-wrap .tb-wrap .reg-tb tr td input[type=text]::placeholder{font-size: 13px;}
.reg-wrap .tb-wrap .reg-tb tr td input[type=text].textBox{width: 100%;}
.reg-wrap .tb-wrap .reg-tb tr td span.k-datepicker{width: 100% !important;}

.reg-wrap .tb-wrap .reg-tb tr td span.k-picker{width: 100% !important;height: 40px;}
.reg-wrap .tb-wrap .reg-tb tr td .k-picker .k-state-default{background-color: #f4f4f5;}
.reg-wrap .tb-wrap .reg-tb tr td .k-picker .k-input{width: 100%;height: 40px;font-size: 13px; line-height: 35px;padding-left: 12px;}
.reg-wrap .tb-wrap .reg-tb tr td .k-state-default>.k-select{line-height: 35px;}


.reg-wrap .btn-wrap{display: flex;align-items: center;justify-content: center;padding-top: 40px;}
.reg-wrap .btn-wrap button.btn{font-size: 16px;color: #fff;background-color: #4761DE;border-radius: 28px;width: 128px;height: 49px;text-align: center;line-height: 49px;}
.reg-wrap .btn-wrap button.cancelBtn{background-color: #fff; margin-right: 15px;border: 1px solid #4761DE;color: #6A6A6A;}

.reg-wrap .tb-wrap .reg-tb-mobile{display: none;}

.reg-wrap .tb-wrap .reg-tb tr td.td-pic{position: relative;}
.insert{position: absolute;top: 15px;width: calc(100% - 24px);height: calc(100% - 26px);}
.insert form.file-form{text-align: left;height: 100%;}
.insert .file-form [type="file"] { position: absolute; width: 1px; height: 1px; padding: 0; margin: -1px; overflow: hidden; clip: rect(0,0,0,0); border: 0; } 
.insert .file-list {height: calc(100% - 8px);overflow: auto;padding: 15px 0 10px;}
.insert .filebox{width: 100%;display: table;text-align: left;display: flex;align-items: center;}
.insert .file-list .filebox p {width: auto; font-size: 12px;line-height: 25px;text-align: left;display: inline-block;overflow: hidden;white-space: nowrap;text-overflow: ellipsis;width: 80%;}
.insert .file-list .filebox .delete svg{color: #ff5353;margin-left: 5px;cursor: pointer;vertical-align: middle;font-size: 14px;}
.insert .input-file-button{ padding: 6px 20px;background-color:#23389d;border-radius: 20px;color: #fff;cursor: pointer;font-weight: 500;}
.insert .input-file-button:hover{background-color: #23389dde;}


#upload-popup { position: fixed; width: 100%; height: 100%; top: 0px; left: 0px; transform: translateX(100%); opacity: 0;z-index: 9999; } 
#upload-popup.view { transform: translateX(0%); opacity: 1;} 
#upload-popup .box { width: 400px; height: 193px; position: absolute; top: 50%; left: 50%; transform: translate(-50%,-50%); z-index: 2; padding: 5px; transition: width .4s; } 
#upload-popup .box .content { width: 100%; height: 100%; background-color: #fff; text-align: center; border-radius: 20px; padding: 50px 44px 30px; } 
#upload-popup .bg { position: absolute; width: 100%; height: 100vh; top: 0px; left: 0px; background-color: #000a; z-index: 1; } 
#upload-popup  .com-txt{font-size: 16px;font-weight: 500;}
#upload-popup .popupBtn-wrap{padding-top: 30px;}

/* .moreView-popup .scroll {overflow-y: scroll;height: 600px;padding-right: 20px;} */
/* .moreView-popup .scrollBar::-webkit-scrollbar-thumb{background: #879CFF;} */
.safety-manage .moreView-popup .more-grid .insert{position: inherit;}
.safety-manage .moreView-popup .more-grid .k-tabstrip>.k-content{margin: 0;padding: 8px 12px 16px;width: 96%;height: 200px; background-color: #ebf0ff;overflow: hidden;border-radius: 8px;border: 0;}
.safety-manage .moreView-popup .more-grid .k-grid .k-detail-row .k-detail-cell{padding: 12px 0 22px;}
.safety-manage .moreView-popup .more-grid .k-grid .k-detail-row .k-detail-cell.k-state-hover{background-color: #fff !important;}
.safety-manage .moreView-popup .more-grid .k-grid tr.k-state-selected{background-color: #EBF0FF !important;}
.safety-manage .moreView-popup .more-grid .k-grid tr.k-alt{background-color: #fff;}
.safety-manage .moreView-popup .more-grid .k-tabstrip-wrapper>.k-tabstrip{background-color: transparent;box-shadow: none;}
.safety-manage .moreView-popup .more-grid .k-grid tr:hover{background-color: #fff !important;}
.k-checkbox{width: 15px;height: 15px;border-radius: 3px;}
.safety-manage .moreView-popup .more-grid .k-checkbox-label:before{border-radius: 4px;left: -12px;}
.safety-manage .moreView-popup .more-grid .k-checkbox+.k-checkbox-label:after{top: 0;left: -19px;width: 15px;height: 15px;}
.safety-manage .moreView-popup .more-grid .k-checkbox.k-checked{border-color: #4761DE;background-color: #4761DE;}
.safety-manage .moreView-popup .more-grid .k-checkbox:checked{border-color: #4761DE;background-color: #4761DE;width: 15px;height: 15px;border-radius: 3px;}

.safety-manage .moreView-popup .more-grid .insert .filebox{justify-content: flex-start;}
.safety-manage .moreView-popup .more-grid .insert .file-list{padding: 15px 10px 10px;}
.safety-manage .moreView-popup .more-grid .insert .file-list .filebox p{width: 24%;}

.safety-manage .moreView-popup .more-grid .k-grid-toolbar{background-color: #eee !important;padding: 13px 17px;text-align: right;display: flex;align-items: center;justify-content: flex-end;}
.safety-manage .moreView-popup .more-grid .k-grid .k-header .k-button{
    font-size: 13px !important;
    color: #7A7A7A !important;
    background-color: #F9FBFC !important;
    border: 1px solid #E4EBF4 !important;
    border-radius: 15px !important;
    width: 86px !important;
    height: 28px !important;
    line-height: 29px !important; 
    margin-left: 8px;
}
.safety-manage .moreView-popup .more-grid .k-grid .k-header .k-button:hover{background-color: #4761DE !important;color: #fff !important;}

.safety-manage .moreView-popup .safty-header .k-grid .k-grid-header{height: 134px !important;}

.safety-manage .manage_cont .down-wrap .grid-top{display: flex;align-self: center;justify-content: flex-end;}
.safety-manage .manage_cont .down-wrap .k-grid tr{height: 35px;}
.safety-manage .manage_cont .down-wrap .k-grid td{padding: 3px 5px;color: #7A7A7A;font-weight: 600;height: 25px;}
.safety-manage .manage_cont .down-wrap .chkbx {display: inline-block;opacity: 1;width: 13px;height: 13px;vertical-align: middle;}
.safety-manage .manage_cont .down-wrap .k-checkbox:checked {border-color: #4761DE;background-color: #4761DE;}


.safety-manage .manage_cont .b-total .grid-top{display: flex;align-self: center;justify-content: flex-end;}
.safety-manage .manage_cont .b-total .k-grid{border-top: 2px solid #4761DE !important;}
.safety-manage .manage_cont .b-total .k-grid tr{height: 35px;}
.safety-manage .manage_cont .b-total .k-grid td{padding: 5px 12px;height: 25px;}
.safety-manage .manage_cont .b-total .k-grid .k-grid-header{height: 90px;}
.safety-manage .manage_cont .b-total .k-grid-header th.k-header { border-left: 1px solid #E4EBF4; border-top: 0; } 
.safety-manage .manage_cont .b-total .k-grid tr { border-right: 0 !important; } 
.safety-manage .manage_cont .b-total .k-grid tbody td:first-child{font-weight: 600;}

@media (max-width: 1100px) {
    .reg-popup .box{width: 850px;}
}

@media (max-width: 930px) {
    .reg-popup .box{width: 750px;}
    .reg-wrap .tb-wrap{padding: 0;}
    .reg-wrap .tb-wrap .reg-tb tr th.td-title{width: 115px;}
    .reg-wrap .tb-wrap .reg-tb tr td.pic-width{width: 125px;}
    .reg-wrap .tb-wrap .reg-tb tr td input[type=text], .reg-wrap .tb-wrap .reg-tb tr td input[type=text]::placeholder{font-size: 12px;}
    .reg-wrap .tb-wrap .reg-tb tr td .k-picker .k-input{font-size: 12px;}
}

@media (max-width: 850px) {
    .safety-manage .manageTab .search-line ul.datePicker-box li .k-picker{width: 155px !important;height: 42px !important;}
    .safety-manage .manageTab .search-line ul.datePicker-box li .k-picker .k-input{height: 42px !important;line-height: 38px !important;}
    .safety-manage .manageTab .search-line ul.datePicker-box li .k-picker .k-state-default{height: 42px !important;}
    .safety-manage .manageTab .search-line ul.datePicker-box li .k-state-default>.k-select{height: 42px;}
    .reg-popup .box{width: 650px;}
    .reg-wrap .tb-wrap .reg-tb{display: none;}
    .reg-wrap .tb-wrap .reg-tb-mobile{display: inline-table;}
    .reg-wrap .tb-wrap .reg-tb tr td.td-pic{height: 185px;}
    .reg-wrap .tb-wrap { max-height: 500px; overflow-y: scroll;padding-right: 15px;}
}

@media (max-width: 650px) {
    .reg-popup .box{width: 550px;}
    .safety-manage .manageTab .search-line{flex-direction: column;align-items: flex-end;}
    .safety-manage .manageTab .search-line .confirm-btn{margin-top: 15px;}
    .safety-manage .manageTab .search-line ul.datePicker-box{margin-right: 0;}
}

@media (max-width: 600px) {
    .reg-popup .box{width: 490px;}
    .reg-wrap .tb-wrap { max-height: 400px;}
    .reg-wrap .tb-wrap .reg-tb tr td{padding: 5px 12px;}
    .reg-wrap .tb-wrap .reg-tb tr td input[type=text]{height: 30px;}
    .reg-wrap .tb-wrap .reg-tb tr td .k-datepicker .k-input{height: 30px !important;}
}

@media (max-width: 480px) {
    .safety-manage .manageTab .search-line ul.datePicker-box li.date-txt{font-size: 14px;margin-right: 15px;}
    .safety-manage .manageTab .search-line ul.datePicker-box li .k-picker{width: 120px !important;}
    .safety-manage .manageTab .search-line ul.datePicker-box li.date-txt{font-size: 13px;margin-right: 10px;}
    .reg-popup .box{width: 400px;}
    .reg-wrap{padding: 30px 25px;}
    .reg-wrap .tb-wrap .reg-tb tr td{font-size: 12px;}
    .insert .input-file-button{padding: 5px 15px;font-size: 12px;}
    .reg-wrap .btn-wrap button.btn{font-size: 15px;line-height: 47px;width: 110px;height: 45px;}
}

@media (max-width: 420px) {
    .reg-popup .box{width: 360px;}
    .safety-manage .moreView-popup .more-grid .k-grid .k-header .k-button{font-size: 12px !important;width: 80px !important;height: 25px !important;}
    .safety-manage .moreView-popup .more-grid .k-grid .k-header .k-button.k-grid-save-changes{margin-top: 5px;}
    .safety-manage .moreView-popup .more-grid .k-grid .k-header .k-button .k-icon{font-size: 12px;}
    .safety-manage .manageTab .search-line ul.datePicker-box li .k-picker .k-state-default{width: 140px;}
    .reg-wrap .btn-wrap button.btn{font-size: 14px;line-height: 45px;width: 105px;height: 43px;}
}

@media (max-width: 390px) {
    .reg-popup .box{width: 310px;}
    .safety-manage .manageTab .search-line ul.datePicker-box li .k-picker .k-state-default{width: 110px;}
    .reg-wrap .btn-wrap{padding-top: 30px;}
    .reg-wrap .btn-wrap button.btn{font-size: 13px;line-height: 36px;width: 85px;height: 37px}
}

@media (max-width: 1100px) {
    .safety-manage .select-topBtn ul{grid-gap: 12px;}
    .safety-manage .totalTab .accStatus-wrap{grid-template-columns: repeat(3,1fr);}

    .subPage .manage_cont_mo .cont01-info-ver02{grid-template-columns: repeat(1,1fr);}
    .subPage .manage_cont_mo .cont01-info-ver02 .info-Box01{padding: 20px 31px 0 31px;}
    .subPage .manage_cont_mo .cont01-info-ver02 .info-Box02{padding: 0 31px 20px 31px;}
    .subPage .manage_cont_mo .cont01-info-ver02 .info-Box ul.top:after{width: 532px;}

    .safety-manage .cont01-info-ver03 .tit:after{display: none;}
    .subPage .manage_cont .infoBox ul li.infoCont{font-size: 34px;}
    .subPage .manage_cont .infoBox ul li.infoCont span{margin-left: 3px;}

}
@media (max-width: 950px) {
    .safety-manage .select-topBtn ul{grid-template-columns: repeat(6,1fr);}
    .safety-manage .totalTab .top-infoBox .top-infoCont{padding: 24px 35px 53px;}
    .safety-manage .totalTab .top-infoBox .top-infoCont .rightBox ul li.li-txt{margin-right: 23px;}
    .subPage .manage_cont_mo .cont01-info-ver02 .info-Box ul.top:after{width: 400px;}
}
@media (max-width: 850px) {
    .safety-manage .totalTab .ownPage-flex{flex-direction: column;}
    .safety-manage .totalTab .ownPage-flex .donutChart-wrap{width: 100%;margin-bottom: 20px;}
    .safety-manage .totalTab .ownPage-flex .flexCont{margin-right: 0;}
    .safety-manage .totalTab .ownPage-flex .lineChart-wrap{width: 100%;}
    .safety-manage .totalTab .ownPage-grid{grid-template-columns: repeat(1,1fr);}
    .subPage .manage_cont_mo .cont01-info-ver02 .info-Box ul.top:after{width: 335px;}
    .safety-manage .cont-m ul.persentInfo li{font-size: 15px;padding: 10px 15px;}
    .safety-manage .cont-m .chartGrid-wrap{grid-template-columns: repeat(1,1fr);}
    .safety-manage .cont-m .chartGrid-wrap .map-wrap .imgBox-Cont img{width: 100%;}
    .safety-manage .cont-m .total-chart01-wrap{grid-template-columns: repeat(1,1fr);}
    .safety-manage .toGrid-wrap{grid-template-columns: repeat(1,1fr);}
    .subPage .manage_cont .infoBox ul li.infoCont{font-size: 30px;}
    .subPage .manage_cont .cont01-info-ver02 .info-Box ul.top li.infoCont{font-size: 34px;}
    .subPage .manage_cont_mo .cont01-info-ver02 .info-Box01{padding: 20px 20px 0 20px;}
    .subPage .manage_cont_mo .cont01-info-ver02 .info-Box02{padding: 0 20px 20px 20px;}
    .safety-manage .totalTab .search-line ul.datePicker-box li span.k-datepicker{width: 155px !important;}
    .safety-manage .totalTab .search-line ul.datePicker-box li .k-picker-wrap.k-state-default{height: 42px !important;}
    .safety-manage .totalTab .search-line ul.datePicker-box li .k-input{height: 42px !important;}
    .safety-manage .totalTab .search-line ul.datePicker-box li .k-input-md .k-input-inner{height: 42px;}
    .safety-manage .totalTab .search-line ul.datePicker-box li .k-input-md .k-input-button{background: url(../images/sub/ico_calendar.png) no-repeat 49% 43%;height: 42px;}
    .safety-manage .totalTab .search-line ul.datePicker-box li .k-datepicker .k-input{font-size: 14px;}
}
@media (max-width: 780px) {
    .safety-manage .select-topBtn ul{grid-template-columns: repeat(5,1fr);}
    .safety-manage .select-topBtn ul li button{font-size: 15px;}
    .safety-manage .totalTab .top-infoBox .top-infoCont{padding: 24px 20px 53px;}
    .safety-manage .totalTab .top-infoBox .top-infoCont ul.leftBox li.li-txt{font-size: 17px;}
    .safety-manage .totalTab .top-infoBox .top-infoCont ul.leftBox li.li-cont{font-size: 28px;}
    .safety-manage .totalTab .top-infoBox .top-infoCont .rightBox ul li{font-size: 15px;}
    .safety-manage .totalTab .top-infoBox .top-infoCont ul.leftBox li.li-txt::after{right: -16px;}
    .safety-manage .totalTab .top-infoBox .top-infoCont{grid-gap: 90px;}
    .safety-manage .totalTab .accStatus-wrap{grid-gap: 12px;}
    .safety-manage .totalTab .accStatus-wrap ul.accStatus-box{padding: 0 15px;}
    .safety-manage .totalTab .accStatus-wrap ul.accStatus-box li .Status-info{font-size: 13px;}
    .safety-manage .totalTab .accStatus-wrap ul.accStatus-box li .Status-name{font-size: 15px;}
    .safety-manage .totalTab .accStatus-wrap ul.accStatus-box li .Status-info span.Status-num{font-size: 22px;}
    .safety-manage .cont01-info-ver02 .info-Box .mid-grid ul li.num{font-size: 28px;}
    .safety-manage .cont01-info-ver02 .info-Box .mid-grid ul li.num span{margin-left: 0;}

    .k-checkbox-label:before{width: 12px !important;height: 12px !important;left: -8px !important;}
    .k-checkbox+.k-checkbox-label:after{width: 12px !important;height: 12px !important;left: -7px !important;}
}
@media (max-width: 700px) {
    .safety-manage .select-topBtn ul li{height: 40px;line-height: 39px;}
    .safety-manage .cont01-info-ver02 .info-Box .mid-grid .mid-box .bottom-txt{font-size: 14px;}
    .subPage .manage_cont .cont01-info-grid03{grid-template-columns: repeat(1,1fr);}
    .safety-manage .totalTab .search-line ul.datePicker-box li span.k-datepicker{width: 170px !important;}
    .subPage .manage_cont_mo .cont01-info-ver02 .info-Box ul.top:after{width: 250px;}
}
@media (max-width: 600px) {
    .safety-manage .select-topBtn{padding: 20px 25px;}
    .safety-manage .select-topBtn ul li button{font-size: 14px;}
    .safety-manage ul.tab-btn li{font-size: 15px;}
    .safety-manage .tab-cont .tab-box{margin-top: 55px;}
    .safety-manage .cont01-info-ver02 .info-Box .mid-grid{grid-template-columns: repeat(1,1fr);margin-top: 25px;}
    .shipInfo-btn{font-size: 14px;}
    .subPage .manage_cont_mo .cont01-info-ver02 .info-Box ul.top:after{width: 160px;top: 18px;}
    .safety-manage .totalTab .accStatus-wrap{grid-template-columns: repeat(2,1fr);}
    .safety-manage .cont01-info-ver02 .info-Box .mid-grid .mid-box{padding: 10px 15px;}
    .safety-manage .totalTab .top-infoBox .top-infoCont{grid-template-columns: repeat(1,1fr);}

    .shipListPopup .select-wrap .ownPage-ul {flex-wrap: wrap;}
    .shipListPopup .select-wrap .ownPage-ul li{margin-bottom: 10px;}
    .shipListPopup .select-wrap .ownPage-ul li input[type=text]{height: 30px;width: 140px;}
    .shipListPopup .select-wrap .ownPage-ul li .k-picker{width: 140px !important}
    .shipListPopup .select-wrap .ownPage-ul li .title{line-height: 25px;}
}
@media (max-width: 480px) {
    .safety-manage ul.tab-btn li{font-size: 14px;width: 120px;}
    .safety-manage .top-infoBox .title-line h3{font-size: 19px;}
    .safety-manage .cont-m ul.persentInfo{flex-direction: column;align-items: flex-start;}
    .safety-manage .cont-m ul.persentInfo li{font-size: 13px;}
    .safety-manage .cont-m ul.persentInfo li:nth-child(2){margin-top: 6px;}
    .safety-manage .cont-m p.source-info{font-size: 14px;}
    .safety-manage .cont01-info-ver03 .tit{font-size: 16px;}
    .safety-manage .cont01-info-ver02 .info-Box .mid-grid .mid-box .bottom-txt span{font-size: 14px;}
    .subPage .manage_cont_mo .cont01-info-ver02 .info-Box ul.top:after{width: 50px;}
    .subPage .manage_cont .cont01-info-ver02 .info-Box ul.top li.infoCont{font-size: 31px;}
    .safety-manage .cont01-info-ver02 .info-Box .mid-grid ul li.num{font-size: 24px;}
    .safety-manage .totalTab .accStatus-wrap ul.accStatus-box li .Status-name{font-size: 14px;}
    .safety-manage .totalTab .donutChart-wrap .legend-wrap{grid-template-columns: repeat(3,1fr);}

    /* .safety-manage .k-grid{overflow: scroll !important;} */
    /* .safety-manage .k-grid{overflow-x: scroll;} */
    /* .safety-manage .k-grid table{width: 600px;} */
    /* .manage_violation .cont02-gird{overflow: hidden;} */
    /* .safety-manage .ownPage-grid .k-grid table{width: initial;} */


    .safety-manage .manageTab .k-grid table{width: 800px;}
    .safety-manage .manageTab .k-grid table#ownPage02-grid008{width: 850px;}
    .safety-manage .manageTab .ownpage-pop .k-grid table {width: 600px;}

    .ownpage-pop .popupBtn{width: 100px;}
    .ownpage-pop .k-grid table{width: 550px;}

    .ownpage-pop .cellBtn-wrap .cell-btn{font-size: 13px;}
    .ownpage-pop .cellBtn-wrap .cell-btn img{width: 15px;}

    .ownpage-column .k-grid-header .k-checkbox-label:before {
        top: 29px !important;
        left: 7px !important;
    }
    .ownpage-column .k-grid-content .k-checkbox-label:before{top: 2px !important;}

    
}
@media (max-width: 420px) {
    .safety-manage .select-topBtn{padding: 13px 12px;}
    .safety-manage .select-topBtn ul{grid-template-columns: repeat(4,1fr);grid-gap: 8px;}
    .subPage .manage_cont .cont01-info-ver02 .info-Box ul.top:after{left: 75px;}
    .safety-manage .totalTab .accStatus-wrap ul.accStatus-box{height: 80px;}
    .safety-manage .totalTab .search-line{align-items: flex-end;}
    .safety-manage .totalTab .accStatus-wrap{grid-template-columns: repeat(1,1fr);}
    .safety-manage .totalTab .search-line ul.datePicker-box li.date-txt{margin-right: 10px;}
    .safety-manage .totalTab .search-line ul.datePicker-box li span.k-datepicker{width: 155px !important;}
    .safety-manage .totalTab .search-line ul.datePicker-box li span.k-datepicker input[type=text]{height: 35px;font-size: 13px;}
    .safety-manage .totalTab .search-line ul.datePicker-box li .k-picker-wrap.k-state-default{height: 37px !important;}
    .safety-manage .totalTab .search-line ul.datePicker-box li .k-input{height: 35px !important;}
    .safety-manage .totalTab .search-line ul.datePicker-box li .k-input-md .k-input-button{height: 35px;}
    .safety-manage .totalTab .search-line ul.datePicker-box li .k-datepicker .k-input{font-size: 13px;}

    .safety-manage .totalTab .top-infoBox .top-infoCont{grid-gap: 55px;}
    .safety-manage .totalTab .top-infoBox .top-infoCont ul.leftBox li.li-txt{font-size: 16px;}
    .safety-manage .totalTab .top-infoBox .top-infoCont ul.leftBox li.li-cont{font-size: 23px;}
    
    .safety-manage .totalTab .search-line ul.datePicker-box li.date-txt{font-size: 14px;}
    .safety-manage .totalTab .top-infoBox .top-infoCont .rightBox ul li{font-size: 14px;}
    .shipInfo-btn{font-size: 13px;width: 96px;}
    .shipInfo-btn img{width: 13px;}
    
    .safety-manage .cont01-info-ver02 .info-Box .mid-grid{margin-top: 12px;}
    .safety-manage .cont01-info-ver02 .info-Box .mid-grid ul li.gradeTit{font-size: 14px;}
    .safety-manage .cont01-info-ver02 .info-Box .mid-grid ul li.gradeTit span{font-size: 14px;}
    .subPage .manage_cont .cont01-info-ver02 .info-Box ul.top li.infoCont{font-size: 22px;}
    .safety-manage .cont01-info-ver02 .info-Box .mid-grid ul li.num{font-size: 20px;}
    .safety-manage .cont01-info-ver02 .info-Box .mid-grid .mid-box .bottom-txt{font-size: 13px;margin-top: 0;}
    .safety-manage .cont01-info-ver02 .info-Box .mid-grid .mid-box .bottom-txt span{font-size: 13px;}
    .shipListPopup .select-wrap .ownPage-ul li .title{font-size: 12px;text-align: left;width: 114px;line-height: 27px;}
    .ownpage-pop .popupBtn{width: 95px;font-size: 14px;}
    
    .ownpage-pop .k-grid table{width: 500px;}
    .ownpage-column .k-grid table{width: 750px;}
    .ownpage-column .k-grid .k-grid-header {height: 69px !important;}
    .ownpage-column .k-grid-content .k-checkbox-label:before{left: 6px !important;}
    .k-checkbox-label:before{width: 11px !important;height: 11px !important;left: -13px !important;}
    .k-checkbox+.k-checkbox-label:after{width: 11px !important;height: 11px !important;left: -12px !important;}
    .ownpage-pop .cellBtn-wrap .cell-btn{font-size: 12px;width: 75px;}
    .ownpage-pop .cellBtn-wrap .cell-btn img{width: 14px;}

}
@media (max-width: 390px) {
    .safety-manage .select-topBtn ul li{height: 32px;line-height: 31px;}
    .safety-manage .select-topBtn ul li button{font-size: 12px;}
    .safety-manage .cont-m p.source-info{font-size: 11px;}
    .safety-manage ul.tab-btn li{width: 108px;height: 39px;line-height: 38px;}
    .safety-manage .totalTab .search-line ul.datePicker-box li.date-txt{font-size: 13px;}
    .safety-manage .cont-m ul.persentInfo li{padding: 7px 10px;}

    .ownpage-column .k-grid-header .k-checkbox-label:before {top: 30px !important;left: 12px !important;}

}


.excellence .ex-wrap{padding: 25px 45px 50px;}
.excellence .ex-wrap .ex-cont02{padding: 28px 0 32px;}
.excellence .ex-wrap .ex-cont03{padding: 8px 0 30px;}
.excellence .cont-m table.view-tb { border-top: 2px solid #4761DE; } 
.excellence .step02-btn{justify-content: space-between !important;}

.excellence .cont-m table tr { border-bottom: 1px solid #E4EBF4; } 
.excellence .cont-m table tr th, .excellence .cont-m table tr td { font-size: 16px; font-weight: bold; height: 60px; padding: 0 25px;; } 
.excellence .cont-m table tr th.td-tit { width: 150px; } 
.excellence .cont-m table tr td.td-cont { padding-left: 0; font-weight: normal; margin-left: 10px; color: #6A6A6A; } 
.excellence .cont-m table tr td.td-cont01 { font-weight: bold; } 
.excellence .cont-m .txt-infoBox { font-size: 15px; line-height: 28px; padding: 25px; } 
.excellence .cont-m .file-wrap { font-size: 14px; line-height: 18px; background-color: #fff; border: 1px solid #A5B4FF; border-radius: 12px; padding: 10px 25px; font-weight: 600; } 
.excellence .cont-m .file-wrap a{display: flex; align-items: center; }
.excellence .cont-m .file-wrap img { margin-right: 6px; } 
.excellence .cont-m .file-wrap span { font-weight: normal; margin-left: 5px; } 
.excellence .btn-wrap { display: flex; align-items: center; justify-content: flex-end; padding-top: 57px; } 
.excellence .btn-wrap02 { justify-content: space-between; } 
.excellence .con-btn { cursor: pointer; font-size: 16px; color: #fff; background-color: #4761DE; border-radius: 28px; width: 128px; height: 49px; text-align: center; line-height: 49px; } 
.excellence .prev-btn { background-color: #fff; border: 1px solid #4761DE; color: #6A6A6A;; } 

#mSelect-popup h5 { text-align: left; margin-bottom: 8px; font-size: 17px; color: #111111; line-height: 20px; font-weight: bold; } 
#mSelect-popup .gridBox01 { padding-bottom: 35px; } 
#mSelect-popup table tr.tr-color td { background-color: #f2f5ff; } 
#mSelect-popup table tr td img { width: 37px; margin: 0 auto;} result
#mSelect-popup table#mSelect-popgrid tr td{height: 80px;}

#sma-mSelect-popup h5 { text-align: left; margin-bottom: 8px; font-size: 17px; color: #111111; line-height: 20px; font-weight: bold; }
#sma-mSelect-popup .gridBox01 { padding-bottom: 35px; }
#sma-mSelect-popup table tr.tr-color td { background-color: #f2f5ff; }
#sma-mSelect-popup table tr td img { width: 37px; margin: 0 auto;} result
#sma-mSelect-popup table#mSelect-popgrid tr td{height: 80px;}


.manage-step ul.steptTit{display: grid;grid-template-columns: repeat(3,1fr);grid-gap: 14px;border-bottom: 3px solid #4761DE;margin-bottom: 17px;}
.manage-step ul.steptTit-ver02{grid-template-columns: repeat(7,1fr);grid-gap: 5px;}
.manage-step ul.steptTit-ver03{grid-template-columns: repeat(10,1fr);grid-gap: 5px;}
.manage-step ul.steptTit-ver04{grid-template-columns: repeat(8,1fr);grid-gap: 5px;}
.manage-step ul.steptTit-ver02 li.steptTit button{font-size: 16px !important;}
.manage-step ul.steptTit-ver02 li.br-tit button{line-height: 21px !important;}
.manage-step ul.steptTit-ver03 li.steptTit{height: 60px !important;}
.manage-step ul.steptTit-ver03 li.steptTit button{font-size: 11px !important;padding-top: 4px;}
.manage-step ul.steptTit-ver03 li.br-tit button{line-height: 16px !important;padding-top: 7px;}
.manage-step ul.steptTit-ver04 li.steptTit button{font-size: 16px !important;}
.manage-step ul.steptTit-ver04 li.br-tit button{line-height: 21px !important;padding-top: 7px;}
.manage-step ul.steptTit-ver05 li.steptTit{height: 75px !important;}
.manage-step ul.steptTit-ver05 li.steptTit button{font-size: 11px !important;}
.manage-step ul.steptTit-ver05 li.br-tit02 button{padding-top: 6px !important;}

.manage-step ul.steptTit li.steptTit {word-break: keep-all; cursor: pointer;text-align: center;border-radius: 20px 20px 0px 0px;background-color: #EBF0FF;border-top: 1px solid #A5B4FF;border-left: 1px solid #A5B4FF;border-right: 1px solid #A5B4FF;width: 100%; height: 54px;}
.manage-step ul.steptTit li.steptTit button{font-size: 18px;color: #6A7480;line-height: 54px;font-weight: bold;width: 100%;height: 100%;}
.manage-step ul.steptTit li.highlight{background: #4761DE;border-top: 3px solid #87E2E2;border-left: 3px solid #87E2E2;border-right: 3px solid #87E2E2;}
.manage-step ul.steptTit li.highlight button{color: #fff;}

@media (max-width: 640px) {
    .manage-step ul.steptTit li.steptTit{height: 46px;}
    .manage-step ul.steptTit li.steptTit button{font-size: 16px;line-height: 46px}
}


.excellence .ex_cont .ex-tb-wrap table.app-tb{border: 2px solid #a5b0e3;}
.excellence .ex_cont .ex-tb-wrap table.tb-center{text-align: center;}

.excellence .ex_cont .ex-tb-wrap table.app-tb caption{font-size: 0;}
.excellence .ex_cont .ex-tb-wrap table.app-tb tr.tr-border{border-bottom: 2px solid #a5b0e3;}
.excellence .ex_cont .ex-tb-wrap table.app-tb tr.tr-height{height: 55px;}
.excellence .ex_cont .ex-tb-wrap table.app-tb tr th{border: 1px solid #bfc5e3;padding: 8px 25px;font-size: 15px;line-height: 22px;word-break: keep-all;text-align: center;}
.excellence .ex_cont .ex-tb-wrap table.app-tb tr th, .excellence .ex_cont .ex-tb-wrap table.app-tb tr td { border: 1px solid #bfc5e3;margin-top: 45px;padding: 8px 25px;font-size: 14px;line-height: 22px;word-break: keep-all;} 
.excellence .ex_cont .ex-tb-wrap table.app-tb tr td.td-width{width: 160px;}
.excellence .ex_cont .ex-tb-wrap table.app-tb tr td.td-width02{width: 653px;}
.excellence .ex_cont .ex-tb-wrap table.app-tb tr td p.p-deco{font-weight: 600;margin-bottom: 10px;}
.excellence .ex_cont .ex-tb-wrap table.app-tb tr td p.p-deco02{margin-bottom: 0;}
.excellence .ex_cont .ex-tb-wrap table.app-tb tr td p.p-deco span.span-deco{color: #4761DE;}
.excellence .ex_cont .ex-tb-wrap table.app-tb tr td span.re-txt{font-weight: 600;}
.excellence .ex_cont .ex-tb-wrap table.app-tb tr th.tb-tit{text-align: center;font-size: 18px;font-weight: bold;background-color: #E1E9F9;padding: 16px 0;border-bottom: 2px solid #a5b0e3;}
.excellence .ex_cont .ex-tb-wrap table.app-tb tr th.td-center, .excellence .ex_cont .ex-tb-wrap table.app-tb tr td.td-center{text-align: center;font-weight: bold;word-break: keep-all;}
.excellence .ex_cont .ex-tb-wrap table.app-tb tr th.td-txt{font-size: 15px; font-weight: bold;padding: 17px 25px 10px;text-align: left;}
.excellence .ex_cont .ex-tb-wrap table.app-tb tr th.td-left{text-align: left;font-weight: 400;}
.excellence .ex_cont .ex-tb-wrap table.app-tb tr td.td-txt{font-size: 15px; font-weight: bold;padding: 17px 25px 10px;}
.excellence .ex_cont .ex-tb-wrap table.app-tb tr td.td-txt02{text-align: center;}
.excellence .ex_cont .ex-tb-wrap table.app-tb tr td.b-name ul li.eng-name{display: flex;align-items: center;}
.excellence .ex_cont .ex-tb-wrap table.app-tb tr td.b-name ul li.eng-name span.engTit{display: inline-block;}
.excellence .ex_cont .ex-tb-wrap table.app-tb tr td.b-name ul li.eng-name input[type=text].eng-input{width: 180px;margin: 0 10px;}
.excellence .ex_cont .ex-tb-wrap table.app-tb tr td input[type=text]{background-color: #fff;color: #223A4A;font-weight: 500; border: 0;width: 100%;height: 20px;padding-left: 0;font-size: 14px;}
.excellence .ex_cont .ex-tb-wrap table.app-tb tr td input[type=text]::placeholder{font-weight: 400;font-size: 14px;}
.excellence .ex_cont .ex-tb-wrap table.app-tb tr td input[type=text]:focus {outline: none;}
.excellence .ex_cont .ex-tb-wrap table.app-tb tr td input[type=text].input-center{text-align: center;}
.excellence .ex_cont .ex-tb-wrap table.app-tb tr td input[type=checkbox]{margin-right: 13px;vertical-align: middle;}
.excellence .ex_cont .ex-tb-wrap table.app-tb tr td input[type=checkbox].chk-center{margin-right: 0;}
.excellence .ex_cont .ex-tb-wrap table.app-tb tr td ul li{line-height: 24px;}
.excellence .ex_cont .ex-tb-wrap table.app-tb tr td ul li.s-name input[type=text]{width: 55px;}
.excellence .ex_cont .ex-tb-wrap table.app-tb tr.tr-signWrap td{text-align: right;line-height: 35px;}
.excellence .ex_cont .ex-tb-wrap table.app-tb tr.tr-signWrap td span.sign{font-size: 13px;color:#c5c5c5;;font-weight: 400;}
.excellence .ex_cont .ex-tb-wrap table.app-tb tr.tr-signWrap td span.e-name{font-weight: bold;}
.excellence .ex_cont .ex-tb-wrap table.app-tb tr.tr-signWrap td span.esquire{font-size: 13px;color:#818080;;font-weight: 400}
.excellence .ex_cont .ex-tb-wrap table.app-tb tr td ul.ul-flex{display: flex;align-items: center;justify-content: flex-end;}
.excellence .ex_cont .ex-tb-wrap table.app-tb tr td ul.ul-flex li{margin-right: 20px;line-height: 48px;font-weight: 500;}
.excellence .ex_cont .ex-tb-wrap table.app-tb tr td ul.ul-flex li:last-child{margin-right: 0;}
.excellence .ex_cont .ex-tb-wrap table.app-tb tr td ul.ul-flex02 li{margin-right: 10px;}
.excellence .ex_cont .guide { margin-top: 55px;padding:25px;background-color: #EBF0FF;border-radius: 20px} 
.excellence .ex_cont .guide h6.g-tit{font-size: 18px;font-weight: 600;}
.excellence .ex_cont .guide .g-cont{font-size: 15px; line-height: 33px; margin-top: 30px;display: inline-block;}
.excellence .ex_cont .guide .g-cont span.ico-cir{font-size: 11px;}
.excellence .ex_cont .guide .g-cont span.line{text-decoration: underline;text-underline-position: under;font-weight: bold;}

.excellence .ex_cont .ex-tb-wrap table.top-tb{border-bottom: 0 !important;}

.excellence .ex_cont .guideLine-wrap{display: flex;align-items: center;justify-content: flex-end;}
.excellence .ex_cont .guideLine-wrap .guide-btn { cursor: pointer; font-weight: 600; font-size: 14px; width: 111px;height: 32px; color: #fff; background-color: #5f76e5; border-radius: 18px; text-align: center;line-height: 33px; margin-bottom: 8px;} 
.excellence .ex_cont .guideLine-wrap .tooltip .tooltiptext{padding: 25px 30px;font-size: 14px;line-height: 27px;width: 900px;text-align: left;}
.excellence .ex_cont .guideLine-wrap .guide-btn .tooltip-left{right: 168px;font-weight: 400;}
.excellence .ex_cont .guideLine-wrap .guide-btn span.tooltip-tit{display: block;margin-bottom: 20px;font-size: 15px;}
.excellence .ex_cont .guideLine-wrap .guide-btn span.subTit{font-weight: 500;}
.excellence .ex_cont .guideLine-wrap .guide-btn span.ico-cir{font-size: 10px;}
.excellence .ex_cont .guideLine-wrap .guide-btn span.line{text-decoration: underline;text-underline-position: under;}
.tooltip .tooltip-left::after{display: none;}


.excellence .ex_cont .step02-gridWrap .k-grid-header-wrap{border-color: transparent;}
.excellence .ex_cont .step02-gridWrap{border-right: 2px solid #a5b0e3 !important;border-left: 2px solid #a5b0e3 !important;}
.ex-ver02 .ex_cont .step02-gridWrap{border-bottom: 2px solid #a5b0e3!important;}
.ex-ver02 .ex_cont .ex-gridWrap{border-bottom: 1px solid #a5b0e3!important;}
.ex-ver02 .ex_cont .ex-tb-wrap table.tb-border{border-top: 1px solid #a5b0e3 !important}

.excellence .ex_cont .step02-gridWrap .k-grid-content{border-bottom: 1px solid #a5b0e3;box-sizing: border-box;}
.excellence .ex_cont .step02-gridWrap .k-grid tr{height: 40px;}
.excellence .ex_cont .step02-gridWrap .k-grid-content td {position: relative;border-right: 1px solid #bfc5e3;height: 40px;font-size: 14px;position:relative;font-weight: 400;background-color: #fff;}
.excellence .ex_cont .step02-gridWrap .k-grid .k-grid-header {height: inherit;border-bottom: 1px solid #bfc5e3;}
.excellence .ex_cont .step02-gridWrap .k-grid-header th.k-header{border-top: 0;border-right: 1px solid #bfc5e3;border-color: #bfc5e3;line-height: 21px;color: #223A4A;}
.excellence .ex_cont .step02-gridWrap .k-checkbox-label:before{left: -12px;}
.excellence .ex_cont .step02-gridWrap .k-checkbox+.k-checkbox-label:after{top: 0;left: -12px;}
.excellence .ex_cont .step02-gridWrap .k-text-center {text-align: center;}
.excellence .ex_cont .step02-gridWrap td .k-checkbox{border-color: #7f7f7f;}
.excellence .ex_cont .step02-gridWrap td input.cont-chkbx02 {display: inline-block;position: inherit; opacity: 1;width: 13px;height: 13px;vertical-align: middle;}
.excellence .ex_cont .step02-gridWrap td .k-checkbox:checked {border-color: #4761DE;background-color: #4761DE;}
.excellence .ex_cont .step02-gridWrap .k-grid tr.k-state-selected>td{border-color: #bfc5e3 !important;background-color: #e9ecff  !important;}


.excellence .ex_cont .step02-gridWrap .k-grid-toolbar{background-color: #fff !important;padding: 13px 17px;text-align: right;display: flex;align-items: center;justify-content: flex-end;}
.excellence .ex_cont .step02-gridWrap .k-grid .k-header .k-button{
    font-size: 13px !important;
    color: #7A7A7A !important;
    background-color: #F9FBFC !important;
    border: 1px solid #E4EBF4 !important;
    border-radius: 15px !important;
    width: 86px !important;
    height: 28px !important;
    line-height: 29px !important; 
}
.excellence .ex_cont .step02-gridWrap .k-grid .k-header .k-button:hover{background-color: #4761DE !important;color: #fff !important;}

.excellence .ex_cont table.app-tb tr td.td-num{text-align: right;width: 150px;}
.excellence .ex_cont table.app-tb tr td input[type=text].txt-input{width: 50px;text-align: right;}


.excellence .ex_cont .ex-tb-wrap table.app-tb tr td ul.chk-flex01{display: flex;align-items: center;justify-content: space-between;}
.excellence .ex_cont .ex-tb-wrap table.app-tb tr td ul.chk-flex01 li input[type=checkbox]{margin-right: 0;}
.excellence .ex_cont .ex-tb-wrap table.app-tb tr td ul.chk-flex02{display: flex;align-items: center;}
.excellence .ex_cont .ex-tb-wrap table.app-tb tr td ul.chk-flex03{display: flex;align-items: flex-start;}
.excellence .ex_cont .ex-tb-wrap table.app-tb tr td ul.agree-wrap{display: flex;align-items: center;justify-content: center;margin-top: 13px;}
.excellence .ex_cont .ex-tb-wrap table.app-tb tr td ul.agree-wrap li{margin-right: 25px;}
.excellence table.app-tb tr td ul.chk-flex01 li,.excellence table.app-tb tr td ul.chk-flex03 li {margin-bottom: 4px;}

.excellence .ex_cont .ex-tb-wrap table.app-tb tr td ul.ul-bottom{margin-left: 20px;}
.excellence .ex_cont .ex-tb-wrap table.app-tb tr td ul.ul-bottom li{display: flex;align-items: center;}
.excellence .ex_cont .ex-tb-wrap table.app-tb tr td ul.ul-bottom li input[type=checkbox]{margin-left: 8px ;}


.excellence .se_cont{margin: 37px 0 16px;}
.excellence .ex_cont .grid-cell-2{padding-bottom: 0;}
.excellence .ex-wrap .ex-cont02-2{padding: 28px 0 0;}
.excellence .exBtn-wrap{padding-top: 25px;}

.excellence .ex-file{background-color: #fff;border: 1px solid #A9BCEC;border-radius: 20px;padding: 15px 45px 50px;box-shadow: 2px 2px 5px #38465d1f; margin-bottom: 85px;}
.excellence .ex-file p.file-info{font-size: 12px;color: #6A7480;line-height: 13px;font-weight: 500;text-align: right;}
.excellence .ex-file p.file-info span{color: #4761DE;font-weight: normal;margin-right: 7px;font-size: 15px;}
.excellence .ex-file ul.file-felx{display: flex;align-items: center;justify-content: center;padding-top: 20px;}
.excellence .ex-file ul.file-felx li{}
.excellence .ex-file ul.file-felx li.file-name{font-size: 15px;color: #6A6A6A;font-weight: bold;margin-right: 27px;}
.excellence .ex-file ul.file-felx li.file-cont input[type=text].fail-open{width: 270px;}
.excellence .ex-file ul.file-felx li button.f-uploadBtn{background-color: #6A7480;border-radius: 5px;color: #fff;width: 96px;height: 57px;text-align: center;line-height: 58px;margin-left: 15px;font-size: 15px;font-weight: bold;}


.excellence .sector-filePopup .box{height: 323px !important;}
.excellence .sector-filePopup .box .content{padding: 0 !important;}
.excellence .sector-filePopup .file-top{border-radius: 20px 0px;height: 70px;background-color: #4761DE;padding-left: 35px;}
.excellence .sector-filePopup .file-top h4{font-size: 20px;color: #fff;line-height: 71px;text-align: left;}
.excellence .sector-filePopup .filebox{padding-top: 55px;}


.excellence .data-input-wrap .k-grid .k-grid-header{height: 42px;}
.excellence .data-input-wrap .bicCol .k-grid-header {height: 150px;}
.excellence .data-input-wrap02 .k-grid .k-grid-header{height: 90px;border-top: 2px solid #4761DE;}
.excellence .data-input-wrap02 .k-grid .k-grid-header th{border-top: none;border: 1px solid #bfc5e3;border-left: 1px solid #bfc5e3;border-bottom: 1px solid #bfc5e3;}
.excellence .data-input-wrap .k-grid-header th.k-header{background-color: #EBF0FF;color: #6A7480;line-height: 18px;}
.excellence .data-input-wrap .k-grid .k-grid-content tr td{font-size: 13px;}



.excellence .sub-tit{display: flex;align-items: flex-end;justify-content: space-between;padding-bottom: 8px}
.excellence .sub-tit h5{font-size: 14px;;line-height: 20px;font-weight: 600;display: flex;align-items: center;}
.excellence .sub-tit button.editBtn{display: flex;align-items: center;justify-content: space-evenly;text-align: center;font-size: 14px;color: #7A7A7A;background-color: #F9FBFC;border: 1px solid #E4EBF4;border-radius: 8px;width: 68px;height: 24px;line-height: 24px;}
.excellence .sub-tit button.editBtn img{}
.excellence .sub-tit button.editBtn img.hover-icon{display: none;}
.excellence .sub-tit button.editBtn:hover img.hover-icon{display: block;}
.excellence .sub-tit button.editBtn:hover img.basic-icon{display: none;}
.excellence .sub-tit button.editBtn:hover{background-color: #4054b1;color: #F9FBFC;}
.excellence .sub-tit button.more-btn{text-align: center;font-size: 14px;color: #7A7A7A;background-color: #F9FBFC;border: 1px solid #E4EBF4;border-radius: 8px;width: 84px;height: 24px;line-height: 24px;}
.excellence .sub-tit button.more-btn span{vertical-align: text-top;margin-right: 2px;}
.excellence .sub-tit button.more-btn:hover{background-color: #879CFF;color: #F9FBFC;}
.excellence .ex-wrap .tit-center{margin-bottom: 20px;}
.excellence .ex-wrap .tit-center h2.h2-center{font-size: 16px;display: flex;align-items: center;justify-content: center;color: #6A7480;}
.excellence .ex-wrap h3.top-title{font-size: 17px;font-weight: bold;display: flex;align-items: center;color: #111111;margin-bottom: 8px;}
.excellence .ex-wrap h3.top-title img{margin-right: 7px;}


.excellence table.app-tb tr td span.ing-info{display: inline-block; background-color: #fff;border: 1px solid #4761DE;border-radius: 20px;color: #6A7480;padding: 8px 30px;font-weight: 500;}
.excellence table.app-tb tr td span.ing-info02{display: inline-block; background-color: #caf7f7;border-radius: 20px;color: #4761de;padding: 8px 30px;font-weight: 500;}
.excellence table.app-tb tr td button.final-btn{font-weight: 600;font-size: 14px;width: 111px;height: 32px;color: #fff;background-color: #4761DE;border-radius: 18px;text-align: center;line-height: 33px;}
.excellence table.app-tb tr td button.final-btn:hover{background-color: #fff;color: #4761DE;border: 1px solid #4761DE;line-height: 25px;}


.excellence p.rating-info{font-size: 15px;color: #6A6A6A;line-height: 18px;margin: 5px 0 37px;display: inline-block;}
.excellence .gradeBox{background: transparent linear-gradient(180deg, #EBF0FF 0%, #FFFFFF 100%) 0% 0% no-repeat padding-box;border-top: 2px solid #4761DE;border-bottom: 2px solid #4761DE;height: 175px;}
.excellence .gradeBox ul.ul-grade{display: flex;align-items: center;justify-content: space-around;height: 100%;padding: 0 45px;} 
.excellence .gradeBox ul.ul-grade li.b-tit{font-size: 22px;font-weight: bold; color: #1E1E1E;line-height: 35px;}  
.excellence .gradeBox ul.ul-grade span.s-color{color: #5377D1;}  
.excellence .gradeBox ul.ul-grade ul.info-flex{display: flex;align-items: center;}  
.excellence .gradeBox ul.ul-grade ul.info-flex li.li-tit{}  
.excellence .gradeBox ul.ul-grade ul.info-flex li.li-img{}  
.excellence .gradeBox ul.ul-grade ul.info-flex li.li-img img{margin-left: 9px;cursor: pointer;width: 29px;}  


.excellence .m-flex-box{background-color: #fff;border: 1px solid #E4EBF4;border-radius: 20px;padding: 22px 18px;}
.excellence .math-wrap .math ul{padding-bottom: 25px;}
.excellence .math-wrap .math ul li{display: flex;align-items: center;justify-content: flex-start;margin-bottom: 20px;}
.excellence .math-wrap .math ul li:last-child{margin-bottom: 0;}
.excellence .math-wrap .math p.p-cont001{padding: 15px 0 20px;}

.excellence table.app-tb tr.tr-color{background-color: #EBF0FF;}
.excellence .ex-tb001 .ex-tb-wrap table.app-tb tr th,
.excellence .ex-tb001 .ex-tb-wrap table.app-tb tr td{padding: 8px 10px;font-size: 13px;}


#app-popup { position: fixed; width: 100%; height: 100%; top: 0px; left: 0px; transform: translateX(100%); opacity: 0;z-index: 9999; } 
#app-popup.view { transform: translateX(0%); opacity: 1;} 
#app-popup .box { width: 800px; height: auto; position: absolute; top: 50%; left: 50%; transform: translate(-50%,-50%); z-index: 2; padding: 5px; transition: width .4s; } 
#app-popup .box .content { width: 100%; height: 100%; background-color: #fff; text-align: center; border-radius: 20px;} 
#app-popup .bg { position: absolute; width: 100%; height: 100vh; top: 0px; left: 0px; background-color: #000a; z-index: 1; } 
#app-popup .tr-signWrap ul.ul-flex li.li-we{font-weight: bold;}
#app-popup .tit-top{border-radius: 20px 0px;height: 70px;background-color: #4761DE;padding-left: 35px;}
#app-popup .tit-top h4{font-size: 20px;color: #fff;line-height: 71px;text-align: left;}
#app-popup .tit-top .btn-close{position: absolute;cursor: pointer;top: 29px;right: 31px;color: #fff;}
#app-popup .ex-tb-wrap{padding: 40px 44px 0;}
#app-popup .popupBtn-wrap{padding: 35px 0 40px;}
#app-popup table.app-tb tr td span.s-we{font-weight: 500;font-size: 13px;}


#answer-popup { position: fixed; width: 100%; height: 100%; top: 0px; left: 0px; transform: translateX(100%); opacity: 0;z-index: 9999; }
#answer-popup.view { transform: translateX(0%); opacity: 1;}
#answer-popup .box { width: 800px; height: auto; position: absolute; top: 50%; left: 50%; transform: translate(-50%,-50%); z-index: 2; padding: 5px; transition: width .4s; }
#answer-popup .box .content { width: 100%; height: 100%; background-color: #fff; text-align: center; border-radius: 20px;}
#answer-popup .bg { position: absolute; width: 100%; height: 100vh; top: 0px; left: 0px; background-color: #000a; z-index: 1; }
#answer-popup .tr-signWrap ul.ul-flex li.li-we{font-weight: bold;}
#answer-popup .tit-top{border-radius: 20px 0px;height: 70px;background-color: #4761DE;padding-left: 35px;}
#answer-popup .tit-top h4{font-size: 20px;color: #fff;line-height: 71px;text-align: left;}
#answer-popup .tit-top .btn-close{position: absolute;cursor: pointer;top: 29px;right: 31px;color: #fff;}
#answer-popup .ex-tb-wrap{padding: 40px 44px 0;}
#answer-popup .popupBtn-wrap{padding: 35px 0 40px;}
#answer-popup table.app-tb tr td span.s-we{font-weight: 500;font-size: 13px;}


.excellence .grade-pop .popupBtn-wrap .popupBtn{width: 107px;height: 40px;line-height: 39px;font-size: 14px;}
.excellence .grade-pop .popupBtn-wrap .popup-calcelBtn{background-color: #4761DE;color: #fff;}
.excellence #admin-low .box{width: 900px;}
.excellence #admin-low.view { transform: translateX(0%); opacity: 1;} 
.excellence #admin-low .adm-scroll{overflow-y: scroll;} 
.excellence #admin-low .adm-scroll .scroll-he{height: 600px;}
.excellence #admin-low .adm-wrap{padding: 60px 44px 30px;}

.excellence #admin-safety .box{width: 678px;}
.excellence #admin-safety.view { transform: translateX(0%); opacity: 1;} 

.excellence .grade-pop .cont{text-align: left;font-size: 11px;font-weight: 500;margin-right: 15px;}
.excellence .grade-pop .cont h3{font-size: 15px;font-weight: bold;margin-bottom: 8px;}
.excellence .grade-pop .cont h5{font-size: 13px;font-weight: 600;line-height: 18px;margin-bottom: 3px;}
.excellence .grade-pop .cont span.b-co{color: #4761DE;}
.excellence .grade-pop .cont1 .i-box{border: 1px solid #a5b0e3;padding: 10px 15px;border-radius: 5px;margin-bottom: 15px;font-size: 13px;;}
.excellence .grade-pop .cont1 .i-box span.default{font-weight: bold;}
.excellence .grade-pop .cont1 .p-bottom{margin-bottom: 8px;}
.excellence .grade-pop .cont1 .p-bottom p{line-height: 18px;}
.excellence .grade-pop .cont2{padding-top: 20px;}
.excellence .grade-pop .cont3{border-top: 1px solid #a5b0e3;margin-top: 18px;padding-top: 8px;}
.excellence .grade-pop .cont3 h6{font-weight: 600;font-size: 14px;margin-bottom: 8px;}
.excellence .grade-pop .cont3 p{line-height: 18px;}
.excellence .grade-pop table.app-tb{text-align: center;vertical-align: middle;}
.excellence .grade-pop table.app-tb tr th, 
.excellence .grade-pop table.app-tb tr td{font-size: 11px !important;padding: 1px 5px !important;}
.excellence .grade-pop table.app-tb tr.tr-color{background-color: #EBF0FF;}
.excellence .grade-pop table.app-tbtr td.td-center{line-height: 18px !important;}


.excellence .ex-tb-wrap .score{font-size: 15px;font-weight: 600;margin-top: 15px;text-align: right;padding-bottom: 15px;border-bottom: 1px dotted #bfc5e3;color: #5377D1;}
.excellence .ex-tb-wrap .score span.s-ratio{font-size: 13px;font-weight: 500;margin-right: 25px;color: #223A4A;}
.excellence .total-score{font-size: 20px;font-weight: bold;text-align: right;}


@media (max-width: 900px) {
    .excellence .cont-m table tr.tr-mo td{font-size: 15px;padding: 0 20px;}
    .excellence .cont-m table tr.tr-mo td.td-tit{width: 135px;}
    .excellence .cont-m table tr.tr-mo td.td-cont{line-height: 21px;}

    .excellence .cont-m .txt-infoBox{padding: 25px 20px;}
    .excellence .manage-date{margin-top: 5px;align-self: flex-end;}
}
@media (max-width: 850px) {
    .excellence .cont-m table tr.tr-mo td.td-cont br.br_mo{display: block;}
    .excellence .manage_cont .cont_top{flex-direction: column;align-items: flex-start;}
    .excellence .cont-m .txt-infoBox{font-size: 14px;}
    .excellence .cont-m .file-wrap{font-size: 13px;}
}
@media (max-width: 670px){
    .subPage .manage_cont .cont_top .top-tit h4{line-height: 29px;}
    .subPage .manage_cont .cont_top .top-tit h4 br.br_mo{display: block;}
    .excellence .cont-m table tr.tr-mo td{font-size: 14px;padding: 0 15px;}
    .excellence .cont-m table tr.tr-mo td.td-tit{width: 120px;}
    .excellence .cont-m table tr.tr-mo td.td-cont{font-size: 13px;line-height: 19px;}
    .excellence .cont-m .file-wrap{padding: 15px;}
}
@media (max-width: 530px) {
    .excellence .cont-m table tr.tr-mo{display: grid;grid-template-columns: 1fr 1fr;padding: 0 20px;border-bottom: 0;}
    .excellence .cont-m table tr.tr-mo td{padding: 0;display: flex;align-items: center;justify-content: flex-start;height: 50px;border-bottom: 1px solid #E4EBF4;}
    .excellence .cont-m table tr.tr-mo td.td-cont{margin-left: 0;}

    .safety-manage .moreView-popup .select-wrap .picker03 ul{flex-wrap: wrap;}

}
@media (max-width: 480px) {
    .excellence .cont-m table tr.tr-mo td{height: 47px;font-size: 13px;}
    .excellence .cont-m .txt-infoBox{font-size: 13px;line-height: 25px;}
    .excellence .con-btn{font-size: 15px;width: 110px;height: 45px;line-height: 47px;}

    #mSelect-grid{width: 1100px;}
    #ex_pg .cont-grid .k-grid {height: 260px !important;}

    #mSelect-popup table tr td img{width: 25px;}
    #mSelect-popgrid{width: 1100px;}
    #mSelect-popup h5{font-size: 15px;margin-bottom: 5px;}
    #mSelect-popup .my-default .k-grid table{width: 600px;}

    
}
@media (max-width: 420px) {
    .excellence .manage_cont .cont_top .top-tit h4{font-size: 16px;line-height: 24px;}
    .excellence .con-btn{font-size: 14px;width: 105px;height: 43px;line-height: 45px;}
    .excellence .cont-m .file-wrap{padding: 7px 15px;}
    .excellence .cont-m .file-wrap{font-size: 12px;}
    .excellence .cont-m .file-wrap img{width: 13px;}
    .excellence .cont-m .file-wrap span{font-size: 11px;}
}
@media (max-width: 380px) {
    .excellence .manage_cont .cont_top .top-tit h4{font-size: 14px;}
    .excellence .manage-date{font-size: 11px;}
}


.manageAdmin .k-grid tr td.defaul01 { color: #4761DE; cursor: pointer; } 
.manageAdmin .k-grid tr td button { width: 75px; line-height: 19px;} 
.manageAdmin .k-grid tr td button.btnVer02 { background-color: #c5c5c5; } 

.adminPopup .popup-top h4 { font-size: 24px; } 
.adminPopup .popup-top h4 span { font-weight: 600; } 
#mAdmin-popup h5 { text-align: left; margin-bottom: 8px; font-size: 17px; color: #111111; line-height: 20px; font-weight: bold; } 
#mAdmin-popup .cont-wrap .popsearch { display: flex; align-items: center; justify-content: space-between; margin-bottom: 40px; } 
#mAdmin-popup .popsearch .search-wrap { display: flex; align-items: center; } 
#mAdmin-popup .popsearch .search-wrap ul { display: flex; align-items: center; } 
#mAdmin-popup .popsearch .search-wrap ul li.name { margin-right: 15px; } 
#mAdmin-popup .popsearch .search-wrap ul:first-child li.name { width: 55px; } 
#mAdmin-popup .popsearch .search-wrap ul li.cont { margin-right: 30px; } 


.manageAdmin .cont-m .adminWrite-tb table { border-top: 2px solid #4761DE; } 
.manageAdmin .cont-m .adminWrite-tb table tr { border-bottom: 1px solid #E4EBF4; } 
.manageAdmin .cont-m .adminWrite-tb table tr th, .manageAdmin .cont-m .adminWrite-tb table tr td { font-size: 16px; font-weight: bold; padding: 15px 20px; text-align: center; } 
.manageAdmin .cont-m .adminWrite-tb table tr td .upload-btn { width: 131px; } 
.manageAdmin .cont-m .adminWrite-tb table tr th.td-tit { padding-right: 15px; color: #6A6A6A; width: 140px; } 
.manageAdmin .cont-m .adminWrite-tb table tr td.td-cont { display: flex; align-items: center; justify-content: space-between; } 
.manageAdmin .cont-m .adminWrite-tb table tr td.td-cont input[type=text] { width: 100%; } 
.manageAdmin .cont-m .adminWrite-tb table tr td.td-dropDown { text-align: left; } 
.manageAdmin .cont-m .adminWrite-tb table tr td.td-left { text-align: left; } 
.manageAdmin .cont-m .adminWrite-tb table tr td span.k-datepicker { width: 100% !important; } 
.manageAdmin .cont-m .adminWrite-tb table tr td .k-picker-wrap.k-state-default { height: 57px; width: 100%; } 
.manageAdmin .cont-m .adminWrite-tb table tr td .k-picker-wrap .k-input { height: 57px !important; } 
.manageAdmin .cont-m .adminWrite-tb table tr td .k-picker-wrap.k-state-default>.k-select { line-height: 57px; } 
.manageAdmin .cont-m .adminWrite-tb table tr td input[type=text]::placeholder { color: #a9aeb4; } 
.manageAdmin .cont-m .adminWrite-tb table tr td textarea { width: 100%; height: 260px; padding: 20px; font-size: 15px; line-height: 22px; font-family: 'Pretendard'; background-color: #F4F4F5; border-radius: 5px; border: 0; } 
.manageAdmin .cont-m .adminWrite-tb table tr td textarea::placeholder { color: #a9aeb4; } 
.manageAdmin .cont-m .adminWrite-tb table tr td ul { display: flex; align-items: center; justify-content: space-between; } 
.manageAdmin .cont-m .adminWrite-tb table tr td ul li.bar { margin: 0 10px; } 
.manageAdmin .cont-m .btn-wrap { display: flex; align-items: center; justify-content: flex-end; padding-top: 30px; } 
.manageAdmin .cont-m .con-btn { cursor: pointer; font-size: 16px; color: #fff; background-color: #4761DE; border-radius: 28px; width: 128px; height: 49px; text-align: center; line-height: 49px; } 

.adm-popup { position: fixed; width: 100%; height: 100%; top: 0px; left: 0px; transform: translateX(100%); opacity: 0;z-index: 9999; } 
.adm-popup .box { width: 900px; height: auto; position: absolute; top: 50%; left: 50%; transform: translate(-50%,-50%); z-index: 2; padding: 5px; transition: width .4s; } 
.adm-popup .box .content { width: 100%; height: 100%; background-color: #fff; text-align: center; border-radius: 20px;} 
.adm-popup .bg { position: absolute; width: 100%; height: 100%; top: 0px; left: 0px; background-color: #000a; z-index: 1; } 
.adm-popup .btn-close{position: absolute; cursor: pointer; top: 27px; right: 31px; color: #fff;}
.adm-popup .tit-top{background-color: #4761DE; border-radius: 20px 0px;height: 65px;padding: 0 75px 0 44px;}
.adm-popup .tit-top h4{font-size: 20px;color: #fff;text-align: left;line-height: 69px;}
.adm-popup .adm-wrap{padding: 35px 44px;}
.adm-popup table tr td input[type=text]{ border: 1px solid #afafaf !important;height: 35px !important;padding-left: 10px !important;font-size: 13px !important;}
.adm-popup table tr td input[type=text]::placeholder{font-size: 12px !important;}
.adm-popup table tr td input[type=text].admPop-input{width: 158px !important;}
.adm-popup table tr td input[type=text].score-input{width: 40px !important;}
.excellence .adm-popup .ex-tb-wrap table.app-tb tr th{font-size: 14px;padding: 6px 10px;}
.excellence .adm-popup .ex-tb-wrap table.app-tb tr td{font-size: 13px;text-align: left;padding: 6px 10px;}

#admin-editpop01.view { transform: translateX(0%); opacity: 1;} 
#admin-editpop02.view { transform: translateX(0%); opacity: 1;} 
#admin-editpop03.view { transform: translateX(0%); opacity: 1;} 
#admin-editpop04.view { transform: translateX(0%); opacity: 1;} 
#admin-editpop05.view { transform: translateX(0%); opacity: 1;} 
#admin-editpop06.view { transform: translateX(0%); opacity: 1;} 

.resultPage .tab-menu{display: flex;align-items: center;justify-content: flex-end;}
.resultPage .tab-menu ul.menu{display: grid;grid-template-columns: repeat(2,1fr);grid-gap: 8px;;}
.resultPage .tab-menu ul.menu li button{width: 100%;height: 100%;}
.resultPage .tab-menu ul.menu li.m-txt{text-align: center;border-radius: 20px 20px 0px 0px;background-color: #EBF0FF; border-top: 1px solid #A5B4FF; border-left: 1px solid #A5B4FF;border-right: 1px solid #A5B4FF;width: 150px;height: 38px;}
.resultPage .tab-menu ul.menu li.m-txt button{font-size: 13px; line-height: 40px;color: #6A7480;font-weight: bold;}
.resultPage .tab-menu ul.menu li.m-current{background: #4761DE;border-top: 3px solid #87E2E2;border-left: 3px solid #87E2E2;border-right: 3px solid #87E2E2;}
.resultPage .tab-menu ul.menu li.m-current button{color: #fff;}

.resultPage .grid-top{display: flex;align-items: center;justify-content: space-between;}
.resultPage .admResult-wrap{border-top: 2px solid #4761DE;}
.resultPage .admResult-wrap .k-grid .k-cell-inner{display: flex;justify-content: center;}
.resultPage .admResult-wrap .k-grid-header th.k-header{border-top: 0;}
.resultPage .admResult-wrap .k-grid .k-grid-header{height: 90px;}
.resultPage .admResult2 .k-grid .k-grid-header{height: 135px !important;}
.resultPage .admResult-wrap .k-grid-header th.k-header{font-size: 10.5px !important;border-left: 1px solid #E4EBF4;}
.resultPage .admResult-wrap .k-grid td{font-size: 10px !important;}
 
.resultPage .data-tab{display: flex;align-items: center;justify-content: flex-end;margin-top: 13px;}
.resultPage .data-tab ul.data-menu{display: flex;align-items: center;justify-content: center;}
.resultPage .data-tab ul.data-menu li button{width: 100%;height: 100%;}
.resultPage .data-tab ul.data-menu li.data-name{width: 81px; height: 29px;  border: 1px solid #5f76e5; font-size: 12px;cursor: pointer;text-align: center;}
.resultPage .data-tab ul.data-menu li.data-name button{line-height: 28px;font-weight: 600;}
.resultPage .data-tab ul.data-menu li.d-name01{border-radius: 20px 0 0 20px;}
.resultPage .data-tab ul.data-menu li.d-name02{border-radius: 0 20px 20px 0;}
.resultPage .data-tab ul.data-menu li.d-current{background: #5f76e5;}
.resultPage .data-tab ul.data-menu li.d-current button{color: #fff;}

.resultPage .k-grid tr:nth-child(1), .resultPage .k-grid tr:nth-child(2){background-color: #ffffcf !important;}
.resultPage .k-grid tr.k-alt:nth-child(2){background-color: #ffffcf !important;}
.resultPage .k-grid tr.k-alt:nth-child(4){background-color: #ffffcf !important;}
.resultPage .k-grid tr:nth-child(3){background-color: #ffffcf !important;}
.resultPage .k-grid tr:nth-child(5){background-color: #ffffcf !important;}


@media (max-width: 1200px) {
    .adminPopup .popup-top h4{font-size: 21px;}
    #mAdmin-popup .popsearch .search-wrap{flex-direction: column;align-items: flex-start}
    #mAdmin-popup .popsearch .search-wrap ul{margin-bottom: 15px;}
    #mAdmin-popup .popsearch .search-wrap ul li.name{text-align: left;}
    #mAdmin-popup .popsearch .search-wrap ul:first-child li.name{width: 90px;}

    .manageAdmin .cont-m .adminWrite-tb table tr th.td-tit{width: 115px;}
    .manageAdmin .cont-m .adminWrite-tb table tr td{padding: 10px 5px;}
}
@media (max-width: 850px) {

    .adminPopup .popup-top h4{line-height: 25px;font-size: 18px;}
    .adminPopup .popup-top h4 br.br_mo{display: block;}
    #mAdmin-popup .popsearch .search-wrap ul li.name{width: 90px;}

    .manageAdmin .cont-m .adminWrite-tb table tr{display: flex;flex-direction: column;border-bottom: 0;padding-top: 13px;}
    .manageAdmin .cont-m .adminWrite-tb table tr td{font-size: 14px;padding: 5px 0;}
    .manageAdmin .cont-m .adminWrite-tb table tr td input[type=text]{font-size: 14px;}
    .manageAdmin .cont-m .adminWrite-tb table tr td input[type=text]::placeholder{font-size: 14px;}
    .manageAdmin .cont-m .adminWrite-tb table tr th.td-tit{font-size: 14px;text-align: left;width: 100px;}
    .manageAdmin .cont-m .adminWrite-tb table tr td textarea{font-size: 14px;}
    .manageAdmin .cont-m .adminWrite-tb table tr td textarea::placeholder{font-size: 14px;}
    .manageAdmin .cont-m .adminWrite-tb table tr td ul{justify-content: flex-start;}
    .manageAdmin .cont-m .adminWrite-tb table tr td span.k-datepicker{font-size: 14px;}
    .manageAdmin .cont-m .con-btn{font-size: 15px;width: 110px;height: 45px;line-height: 47px;}
}
@media (max-width: 600px) {
     #mAdmin-popup input[type="text"]{height: 30px;width: 140px;}
     #mAdmin-popup .k-picker{width: 140px !important;}
     #mAdmin-popup .popsearch .search-wrap ul li.name{width: 100px;}
     #mAdmin-popup .popsearch .search-wrap ul:first-child li.name{width: 100px;}
}
@media (max-width: 480px) {
    .manageAdmin .m_title h3{font-size: 25px;}

    .adminPopup .popup-top h4{font-size: 15px;line-height: 20px;}
    #mAdmin-popup .cont-wrap .popsearch{flex-direction: column;align-items: flex-start;}
    #mAdmin-popup .confirm-btn{align-self: flex-end;margin-top: 10px;}
    #mAdmin-popup .cont-wrap .popsearch{margin-bottom: 45px;}

    .manageAdmin .cont-m .con-btn{font-size: 14px;width: 105px;height: 43px;line-height: 45px;}
    .manageAdmin .cont-m .adminWrite-tb table tr td input[type=text]{font-size: 13px;height: 40px;}
    .manageAdmin .cont-m .adminWrite-tb table tr td input[type=text]::placeholder{font-size: 13px;}
    .manageAdmin .cont-m .adminWrite-tb table tr td textarea{font-size: 13px;padding: 15px;}
    .manageAdmin .cont-m .adminWrite-tb table tr td textarea::placeholder{font-size: 13px;}
    .manageAdmin .cont-m .adminWrite-tb table tr td .upload-btn{font-size: 13px;width: 114px;height: 40px;line-height: 42px;}
    .manageAdmin .cont-m .adminWrite-tb table tr td .k-picker-wrap .k-input{height: 40px !important;}
    .manageAdmin .cont-m .adminWrite-tb table tr td .k-picker-wrap.k-state-default{height: 40px;}
    .manageAdmin .cont-m .adminWrite-tb table tr td .k-picker-wrap.k-state-default>.k-select{line-height: 40px;}

    #admin-grid{width: 1100px;}

}
@media (max-width: 420px) {
    .manageAdmin .m_title h3{font-size: 21px;}

    .safePopup .popup-top h4{font-size: 14px;}
}
@media (max-width: 390px) {

     .adminPopup .popup-top h4{font-size: 13px;}
    

    .manageAdmin .cont-m .adminWrite-tb table tr td.td-tit{font-size: 13px;}
}


.saftyPlan ul.tab-btn { display: grid; grid-template-columns: repeat(4,1fr); grid-gap: 14px; border-bottom: 3px solid #4761DE; } 
.saftyPlan ul.tab-btn li { cursor: pointer;  text-align: center; border-radius: 20px 20px 0px 0px; background-color: #EBF0FF; border-top:1px solid #A5B4FF; border-left:1px solid #A5B4FF; border-right: 1px solid #A5B4FF; width: 100%; height: 54px; } 
.saftyPlan ul.tab-btn li button{font-size: 18px; color: #646D78; line-height: 54px; font-weight: bold;}
.saftyPlan ul.tab-btn li.on { background: #4761DE; border-top: 3px solid #87E2E2; border-left:3px solid #87E2E2; border-right: 3px solid #87E2E2;  } 
.saftyPlan ul.tab-btn li.on button{color: #fff;font-size: 18px;line-height: 50px;}
.saftyPlan .tab-cont .tab-box { width: 100%; height: 100%; display: none; } 
.saftyPlan .tab-cont .tab-box.show { display: block; } 


.saftyPlan .staMain-wrap { background-color: #fff; box-shadow: 2px 2px 20px #38465D1F; border: 1px solid #DCE5EE; border-radius: 20px; padding: 40px 28px 47px; } 
.saftyPlan .staMain-wrap .menu-grid { display: grid; grid-template-columns: repeat(5,1fr); grid-gap: 25px; } 
.saftyPlan .staMain-wrap .staMenu-Box .topImg { height: 81px; } 
.saftyPlan .staMain-wrap .staMenu-Box h3 { font-size: 21px; font-weight: bold; margin-bottom: 24px; color: #6A7480; } 
.saftyPlan .staMain-wrap .staMenu-Box ul li { background-color: #EBF0FF; border-radius: 20px; border: 1px solid #A5B4FF; padding: 0 21px 0 30px; width: 100%; height: 35px; margin-bottom: 10px; transition: all .6s; } 
.saftyPlan .staMain-wrap .staMenu-Box ul li:hover { background-color: #87E2E2; } 
.saftyPlan .staMain-wrap .staMenu-Box ul li a { font-size: 15px; color: #111111; font-weight: 500; display: flex; align-items: center; justify-content: space-between; line-height: 35px; } 

.saftyPlan .bottom-wrap { padding: 20px 0 427px; display: grid; grid-template-columns: repeat(3,1fr); grid-gap: 33px; } 
.saftyPlan .bottom-wrap .triangle { background: url('../images/sub/triangle_bg.png') no-repeat center; width: 100%; height: 130px; display: flex; flex-direction: column; align-items: center; justify-content: space-evenly; transition: all .6s; } 
.saftyPlan .bottom-wrap .triangle .tit { font-size: 18px; text-align: center; font-weight: bold; } 
.saftyPlan .bottom-wrap .triangle:hover .tit { color: #6A7480; } 
.saftyPlan .bottom-wrap .analysis { cursor: pointer; margin-top: 13px; background-color: #fff; padding: 28px 30px; box-shadow: 2px 2px 20px #38465D1F; border: 1px solid #DCE5EE; border-radius: 20px; transition: all .6s; } 
.saftyPlan .bottom-wrap .analysis:hover { background-color: #87E2E2; } 
.saftyPlan .bottom-wrap .analysis a { display: flex; align-items: center; justify-content: space-between; } 
.saftyPlan .bottom-wrap .analysis .imgBox { margin-right: 25px; } 
.saftyPlan .bottom-wrap .analysis .imgBox img.ico-hover { display: none; } 
.saftyPlan .bottom-wrap .analysis:hover .imgBox img.ico-basic { display: none; } 
.saftyPlan .bottom-wrap .analysis:hover .imgBox img.ico-hover { display: block; } 

.saftyPlan .bottom-wrap .analysis .txtBox h3 { font-size: 21px; line-height: 25px; font-weight: bold; } 
.saftyPlan .bottom-wrap .analysis .txtBox p { font-size: 15px; line-height: 18px; margin-top: 17px; font-weight: 500; color: #6A7480; } 
.saftyPlan .bottom-wrap .analysis:hover .txtBox p { color: #223A4A; } 

.saftyPlan .cont-mobile { display: none; } 
.saftyPlan .cont-mobile .staMain-wrap { margin-bottom: 45px; } 
.saftyPlan .cont-mobile .staMain-wrap:first-child { margin-top: 37px; } 
.saftyPlan .cont-mobile .mo-gird02 { display: grid; grid-template-columns: repeat(2,1fr); grid-gap: 20px; } 
.saftyPlan .cont-mobile .bottom-wrap { display: flex; align-items: center; flex-direction: column; padding-bottom: 0; } 

.saftyPlan .k-grid-header th.k-header { line-height: 20px; } 
.saftyPlan #planTab01-chart02 text { font-size: 11px !important; } 
.saftyPlan #planTab01-chart01 text, .saftyPlan #planTab01-chart02 text, .saftyPlan #planTab01-chart03 text, .saftyPlan #planTab01-chart04 text, .saftyPlan #planTab01-chart05 text { font-family: 'Pretendard' !important; } 
.saftyPlan #planTab02-chart01 text, .saftyPlan #planTab02-chart02 text, .saftyPlan #planTab02-chart03 text { font-family: 'Pretendard' !important; } 
.saftyPlan #planTab03-chart01 text, .saftyPlan #planTab03-chart02 text, .saftyPlan #planTab03-chart03 text, .saftyPlan #planTab03-chart04 text { font-family: 'Pretendard' !important; } 
.saftyPlan #planTab04-chart01 text, .saftyPlan #planTab04-chart02 text, .saftyPlan #planTab04-chart03 text, .saftyPlan #planTab04-chart04 text, .saftyPlan #planTab04-chart05 text { font-family: 'Pretendard' !important; } 
.saftyPlan .cont-m .load-date { display: flex; align-items: center; justify-content: flex-start; padding-bottom: 25px; } 
.saftyPlan .cont-m .load-date .k-picker { border-radius: 20px !important; } 
.saftyPlan .cont-m .load-date .k-picker .k-state-default { border-radius: 20px !important; } 
.saftyPlan .cont-m .load-date ul li .k-input-button:hover{box-shadow: none;}
.saftyPlan .cont-m .load-date ul { display: flex; align-items: center; } 
.saftyPlan .cont-m .load-date ul li.bar { margin-right: 12px; } 
.saftyPlan .cont-m .load-date ul li .calendar_pick .k-icon{opacity: 0;}
.saftyPlan .cont-m .load-date ul li .calendar_pick .k-input-button { height: 57px; line-height: 57px !important; background: url('../images/sub/ico_calendar.png') no-repeat 0 50%; } 
.saftyPlan .cont-m .load-date .confirm-btn { margin-left: 13px; } 
.saftyPlan .cont-m .chart-wrap { background-color: #fff; border: 1px solid #E4EBF4; border-radius: 20px; padding: 48px 20px 5px; } 
.saftyPlan .cont-m .chart-wrap .k-chart { height: 220px !important; } 
.saftyPlan .cont-m .grid-wrap { padding-top: 20px; } 
.saftyPlan .cont-m .grid-wrap .grid-top { display: flex; align-items: center; justify-content: flex-end; } 


@media (max-width: 1400px) { 
    .saftyPlan .bottom-wrap { grid-gap: 25px; } 
    .saftyPlan .bottom-wrap .analysis { padding: 25px 20px; } 
    .saftyPlan .bottom-wrap .analysis .imgBox { margin-right: 20px; } 
    .saftyPlan .bottom-wrap .analysis .imgBox img { width: 70px; } 
    .saftyPlan .bottom-wrap .analysis .txtBox h3 { font-size: 18px; } 
    .saftyPlan .bottom-wrap .analysis .txtBox p { font-size: 13px; margin-top: 12px; text-align: center; } 

}
@media (max-width: 1024px) { 
    .saftyPlan .staMain-wrap .menu-grid { grid-gap: 13px; } 
    .saftyPlan .staMain-wrap .staMenu-Box h3 { font-size: 18px; } 
    .saftyPlan .staMain-wrap .staMenu-Box ul li { padding: 0 8px 0 10px; } 
    .saftyPlan .staMain-wrap .staMenu-Box ul li a { font-size: 14px; } 
    .saftyPlan .bottom-wrap .triangle .tit { font-size: 16px; } 
    .saftyPlan .bottom-wrap .analysis { padding: 20px; height: 218px; } 
    .saftyPlan .bottom-wrap .analysis a { flex-direction: column; } 
    .saftyPlan .bottom-wrap .analysis .txtBox { padding-top: 15px; } 
    .saftyPlan .bottom-wrap .analysis .txtBox h3 { text-align: center; } 
}
@media (max-width: 820px) { 
    .saftyPlan ul.tab-btn li button{ font-size: 13px; line-height: 56px; } 
    .saftyPlan ul.tab-btn li.on button{ font-size: 13px; line-height: 56px; } 
}

@media (max-width: 768px) { 
    .saftyPlan .staMain-wrap .staMenu-Box ul li a{font-size: 13px;}
    .saftyPlan .cont-m .load-date .k-picker .k-input-button { height: 45px; line-height: 45px !important; } 
    .saftyPlan .cont-m .load-date .k-picker .k-input-button { height: 35px; line-height: 35px !important; } 
}
@media (max-width: 720px) { 
    .saftyPlan .cont-m-pc { display: none; } 
    .saftyPlan .cont-mobile { display: block; } 
}
@media (max-width: 600px){
    .saftyPlan .cont-m .load-date { flex-direction: column; align-items: flex-end; } 
    .saftyPlan .cont-m .load-date .confirm-btn { margin-top: 10px; } 
    .saftyPlan .cont-m .load-date ul li.bar { margin: 0 6px; } 
 }
@media (max-width: 480px) { 
    .saftyPlan ul.tab-btn { grid-gap: 8px; } 
    .saftyPlan ul.tab-btn li{height: 45px;}
    .saftyPlan ul.tab-btn li button{ font-size: 12px; line-height: 47px;} 
    .saftyPlan ul.tab-btn li.on button{ font-size: 12px; line-height: 47px; } 
    .saftyPlan .cont-m .chart-wrap .k-chart { height: 180px !important; } 
}
@media (max-width: 420px) { 
    .saftyPlan .cont-mobile .staMain-wrap { padding: 30px 20px 37px; } 
    .saftyPlan .cont-mobile .mo-gird02 { grid-gap: 10px; } 

    .saftyPlan ul.tab-btn li{height: 40px;}
    .saftyPlan ul.tab-btn li button{ font-size: 11px;line-height: 42px; } 
    .saftyPlan ul.tab-btn li.on button{ font-size: 11px; line-height: 42px; border-width: 2px; } 
    .saftyPlan .cont-m .chart-wrap { padding: 28px 14px 5px; } 
    .saftyPlan .k-grid-header th.k-header { line-height: 18px; } 
}
@media (max-width: 390px) { 
    .saftyPlan ul.tab-btn { grid-gap: 5px; } 
    .saftyPlan ul.tab-btn li { font-size: 10px; } 
}

.saftyPlan .saftyPlan-cont { padding: 28px 26px 32px; position: relative; } 
.saftyPlan .saftyPlan-cont .top-search { display: flex; align-items: center; justify-content: space-between; padding-bottom: 30px; } 
.saftyPlan .top-search .left-line { display: flex; } 
.saftyPlan .top-search .left-line ul.load-date { display: flex; align-items: center; } 
.saftyPlan .top-search .left-line ul.load-date li label{font-size: 0;}
.saftyPlan .top-search .left-line ul.load-date .k-picker { border: 1px solid #dddee2 !important; border-radius: 20px !important; } 
.saftyPlan .top-search .left-line ul.load-date .k-picker .k-input-button { height: 40px;background: url('../images/sub/ico_calendar.png') no-repeat 0 47%; width: 33px;} 
.saftyPlan .top-search .left-line ul.load-date .k-icon { opacity: 0; } 
.saftyPlan .top-search .left-line ul.load-date li.bar { margin: 0 10px; } 
.saftyPlan .top-search .left-line .check-wrap { display: flex; padding-left: 25px; } 
.saftyPlan .top-search .left-line .check-wrap ul { display: flex; align-items: center; } 
.saftyPlan .top-search .left-line .check-wrap ul li{margin-right: 12px;}
.saftyPlan .top-search .left-line .check-wrap ul li label { font-size: 15px; line-height: 2rem; padding: 0.2em 0.4em; } 
.saftyPlan .top-search .left-line .check-wrap ul li span { vertical-align: middle; cursor: pointer; font-size: 15px;} 
.saftyPlan .top-search .btn-wrap { display: flex; align-items: center; } 
.saftyPlan .top-search .graph-btn { margin-left: 12px; height: 57px; background-color: #879CFF; border-radius: 20px; font-size: 15px; color: #fff; font-weight: bold; padding: 18px 15px; cursor: pointer; } 

.saftyPlan .top-search .left-line .check-wrap ul li [type="radio"] { vertical-align: middle; appearance: none; border: max(2px, 0.1em) solid gray; border-radius: 50%; width: 1.25em; height: 1.25em; transition: border 0.5s ease-in-out; } 
.saftyPlan .top-search .left-line .check-wrap ul li [type="radio"]:checked { border: 0.4em solid #ff8670; } 
.saftyPlan .top-search .left-line .check-wrap ul li [type="radio"]:focus-visible { outline-offset: max(2px, 0.1em); outline: max(2px, 0.1em) dotted tomato; } 
.saftyPlan .top-search .left-line .check-wrap ul li [type="radio"]:hover { box-shadow: 0 0 0 max(4px, 0.2em) lightgray; cursor: pointer; } 
.saftyPlan .top-search .left-line .check-wrap ul li [type="radio"]:disabled { background-color: lightgray; box-shadow: none; opacity: 0.7; cursor: not-allowed; } 
.saftyPlan .top-search .left-line .check-wrap ul li [type="radio"]:disabled + span { opacity: 0.7; cursor: not-allowed; } 
 
.saftyPlan .table-wrap .table-top { display: flex; align-items: center; justify-content: flex-end; margin-bottom: 8px; } 
.saftyPlan .table-wrap table thead th { border-bottom: 1px solid #dde5fb; } 
.saftyPlan .table-wrap table th { background: #EBF0FF; height: 75px; border-right: 1px solid #dde5fb; } 
.saftyPlan .table-wrap table .condition .k-drop .k-picker { background-color: #ededed !important; padding-left: 0 !important; margin-right: 0 !important; } 
.saftyPlan .table-wrap table .condition .k-picker { margin-right: 10px; } 
.saftyPlan .table-wrap table .blank_list .k-picker { background-color: #ededed !important; margin-bottom: 10px; } 
.saftyPlan .table-wrap table .k-state-default { background-color: #d8e2ff !important; border: 1px solid #bfcdf5; } 
.saftyPlan .table-wrap table .k-state-default:hover { background-color: #d8e2ff !important; } 
.saftyPlan .table-wrap table .k-header .k-icon { color: #879CFF; } 
.saftyPlan .table-wrap table td { text-align: center; vertical-align: middle; color: #7d7d7d; border-right: 1px solid #e9e9e9; height: 25px; font-size: 0.938rem; } 
.saftyPlan .table-wrap table th.blank_add{background: #EBF0FF;width: 180px;}
.saftyPlan .table-wrap table .blank_list{display: flex;flex-direction: column;align-items: center;}
.saftyPlan .table-wrap table .blank_list, .saftyPlan .table-wrap table .condition.drag_cont { text-align: center; } 
.saftyPlan .table-wrap table .k-picker { border-radius: 20px !important; } 
.saftyPlan .table-wrap table .k-picker .k-state-default { border-radius: 20px !important; } 
.saftyPlan .table-wrap table tr:nth-child(1), .saftyPlan .table-wrap table tr:nth-child(2n-1) { background: #f3f6f9; } 
.saftyPlan .table-wrap table tbody tr .result_view { height: 500px; min-height: auto; padding: 0 25px; background-color: #f3f6f9;} 
.saftyPlan .table-wrap table tbody tr .result_view .result_text p { font-size: 15px; font-weight: 500;text-align: center; } 
.saftyPlan .table-wrap table tbody .result_view .result_cont .result_table > div { height: 420px; overflow-y: scroll; } 
.saftyPlan .result_table tr:nth-child(2n) { background-color: #fff; } 
.saftyPlan .table-wrap table tbody .result_view .result_cont .result_table table { border: solid 1px #dddee2; vertical-align: middle; text-align: center; border-top: 1px solid #4761DE; } 
.saftyPlan .table-wrap table tbody .result_view .result_cont .result_table table thead th { background-color: #E7ECFC; height: 50px; line-height: 50px; color: #36476F; font-size: 14px; } 
.saftyPlan .table-wrap table tbody .result_view .result_cont .result_table table tr td { font-size: 13px; font-weight: 500; height: 30px; } 
.saftyPlan .barChart-box { padding: 25px; position: relative; } 
.saftyPlan .barChart-box .top-wrap .chart-info { font-size: 14px; color: #6A6A6A; line-height: 19px; } 
.saftyPlan .barChart-box .top-wrap .chart-info span { color: #4761DE; margin-right: 10px; } 
.saftyPlan .barChart-box .result_close { position: absolute; width: 20px; height: 20px; right: 25px; top: 25px; cursor: pointer; z-index: 99; padding: 15px; padding: 15px; } 
.saftyPlan .bar_chart1_1 .result_close::before,
.saftyPlan .bar_chart1_1 .result_close::after { content: ""; display: block; width: 80%; height: 2px; background: #4761DE; transform: rotate(45deg); position: absolute; right: 0; left: 0; top: 0; bottom: 0; margin: auto; transition-duration: 0.4s; } 
.saftyPlan .bar_chart1_1 .result_close::after { transform: rotate(135deg); } 
.saftyPlan .barChart-box .top-wrap { padding: 20px 0; } 
.saftyPlan .bar_chart1_1 { display: none; width: 100%; height: 100%; position: absolute; left: 50%; top: 50%; transform: translate(-50%, -50%); z-index: 98; background-color: #fff; border: 1px solid #DCE5EE; border-radius: 20px; } 
.saftyPlan .bar_chart1_1 #barChart text { font-family: 'Pretendard' !important; } 
.saftyPlan .bar_chart1_1.on { display: block; } 

.saftyPlan table tbody .result_view .result_cont .result_table.on { display: block; } 
.saftyPlan table tbody .result_view .result_cont .result_table { display: none; margin: 0 auto; } 
.saftyPlan .result_text.on { display: none; } 
.saftyPlan .open_table.on { background: #fff !important; color: #058fd3 !important; } 

@media (max-width: 1400px){
    .barChart-box .k-chart { width: 100% !important; height: 100%; } 
}
@media (max-width: 1024px){
    .saftyPlan .top-search .left-line { flex-direction: column; } 
    .saftyPlan .top-search .left-line .check-wrap { padding-left: 0; margin-top: 10px; } 
}
@media (max-width: 900px){
    .saftyPlan table tbody .result_view .result_cont .result_table { overflow-x: scroll; } 
    .saftyPlan table tbody .result_view .result_cont .result_table { width: 526px; overflow-y: scroll;; } 
    .saftyPlan .table-wrap table tbody .result_view .result_cont .result_table > div { overflow-x: auto; white-space: nowrap; width: 900px; } 
}
@media (max-width: 850px){
    .saftyPlan table tbody .result_view .result_cont .result_table { width: 497px; } 
}
@media (max-width: 820px){
    .saftyPlan table tbody .result_view .result_cont .result_table { width: 465px; } 
}
@media (max-width: 700px){
    .saftyPlan table tbody .result_view .result_cont .result_table { width: 415px; } 
}
@media (max-width: 650px){
    .saftyPlan .saftyPlan-cont .top-search { flex-direction: column; align-items: flex-start; } 
    .saftyPlan .top-search .btn-wrap { margin-top: 35px; } 
    .saftyPlan .top-search .graph-btn { height: 45px; padding: 12px 11px; border-radius: 18px; } 
    .saftyPlan .barChart-box .top-wrap .chart-info { padding-top: 25px; } 
    .saftyPlan .table-wrap table thead th { padding: 10px 0; } 
    .saftyPlan .table-wrap table .condition.drag_cont, .saftyPlan .table-wrap table .blank_list { display:flex; align-items: center; justify-content: center; flex-direction: column; } 
    .saftyPlan .table-wrap table .condition .k-picker { margin-right: 0; margin-bottom: 5px; } 
    .saftyPlan .table-wrap table .blank_list { margin: 0 auto; padding: 0 10px; } 
    .saftyPlan table tbody .result_view .result_cont .result_table { width: 300px; } 
}
@media (max-width: 550px){
    .saftyPlan table tbody .result_view .result_cont .result_table { width: 246px; } 
}
@media (max-width: 500px){
    .saftyPlan table tbody .result_view .result_cont .result_table { width: 195px; } 
}
@media (max-width: 480px){
    .saftyPlan .top-search .left-line .check-wrap ul li{margin-right: 8px;}
    .saftyPlan .top-search .left-line .check-wrap ul li label { font-size: 14px; } 
    .saftyPlan .top-search .graph-btn { padding: 15px 11px; } 
    .saftyPlan .top-search .graph-btn img { width: 21px; } 
    .saftyPlan .table-wrap table .k-picker { height: 30px; width: 102px !important; } 
    .saftyPlan .table-wrap table .k-picker-wrap .k-input { font-size: 13px; line-height: 25px !important; height: 30px !important; } 
    .saftyPlan .table-wrap table .k-state-default>.k-select { line-height: 31px !important; } 
    .saftyPlan .table-wrap table tbody tr .result_view { width: 100%; } 
    .saftyPlan .table-wrap table tbody tr .result_view .result_text p { font-size: 13px; } 
    .saftyPlan table tbody .result_view .result_cont .result_table { width: 203px; } 
    .saftyPlan .top-search .left-line .check-wrap ul li span{font-size: 13px;}
}
@media (max-width: 420px){
    .saftyPlan .table-wrap table tbody tr .result_view { padding: 0 10px; } 
    .saftyPlan table tbody .result_view .result_cont .result_table { width: 172px; } 
}
@media (max-width: 400px){
    .saftyPlan table tbody .result_view .result_cont .result_table { width: 154px; } 
}
@media (max-width: 390px){
    .saftyPlan .top-search .graph-btn { height: 38px; padding: 13px 11px; border-radius: 15px; } 
    .saftyPlan .top-search .graph-btn img { width: 18px; } 
}
@media (max-width: 375px){
    .saftyPlan table tbody .result_view .result_cont .result_table { width: 129px; } 
}
@media (max-width: 360px){
    .saftyPlan table tbody .result_view .result_cont .result_table { width: 114px; } 
}

.infoPage .manage_cont .cont-m { padding: 30px 26px 59px; } 
.infoPage .cont-m .toolBox { display: flex; align-items: center; justify-content: space-between; margin-bottom: 15px; } 
.infoPage .cont-m .toolBox ul.search { display: flex; align-items: center; } 
.infoPage .cont-m .toolBox ul.search .k-picker { border: 1px solid #dddee2 !important; border-radius: 20px !important; } 
.infoPage .cont-m .toolBox ul.search .k-picker .k-state-default { border-radius: 20px !important; } 
.infoPage .cont-m .toolBox ul.search li.bar { margin: 0 10px; } 
.infoPage .cont-m .toolBox .sch_btn { cursor: pointer; background-color: #4761DE; margin-left: 10px; width: 48px; height: 40px; padding: 8px 11px; border-radius: 10px; } 
.infoPage .cont-m .toolBox .sch_btn img { width: 23px; } 
.infoPage .cont-m .toolBox .telBtn-wrap { display: flex; align-items: center; } 
.infoPage .cont-m .toolBox .tel-bnt { height: 40px; } 
.infoPage .cont-m .toolBox .tel-bnt button { font-family: 'Pretendard'; margin-right: 10px; font-size: 16px; font-weight: 500; border: 0; border-radius: 10px; background-color: #74767A; color: #fff; width: 140px; height: 40px; } 
.infoPage .cont-m .toolBox .tel-bnt:last-child button { margin-right: 0; } 
.infoPage .cont-m .toolBox .tel-bnt button.on { background-color: #4761DE; } 

.infoPage .info-slider .swiper-slide img { width: 100%; } 
.infoPage .info-slider .swiper-button-prev, .infoPage .info-slider .swiper-button-next { background-color: #fff; width: 37px !important; height: 37px !important; border-radius: 3px; border: solid 1px #d8d8d8; } 
.infoPage .info-slider .swiper-button-prev, .infoPage .info-slider .swiper-button-next { top: 464px !important; } 
.infoPage .info-slider .swiper-button-prev::after, .infoPage .info-slider .swiper-button-next::after { color: #000; font-size: 16px !important; } 
.infoPage .info-slider .swiper-pagination-fraction { font-weight: 600; } 
.infoPage .info-slider .swiper .swiper-pagination-bullet {background-color: #003487 ;margin:8px;width: 14px;height: 14px;}
.infoPage .info-slider .swiper-pagination-bullet.swiper-pagination-bullet-active {background-color: #003487;width:14px;height: 14px;}
.infoPage .info-slider .swiper-horizontal>.swiper-pagination-bullets, .swiper-pagination-bullets.swiper-pagination-horizontal{bottom: 0 !important;}

.infoPage .btn-wrap { display: flex; align-items: center; justify-content: flex-end; margin-top: 25px; } 
.infoPage .btn-wrap .info-btn { display: flex; align-items: center; justify-content: space-around; cursor: pointer; padding: 0 10px; font-size: 15px; color: #7A7A7A; background-color: #edeaea; border: 1px solid #E4EBF4; border-radius: 28px; width: 100px; height: 35px; text-align: center; line-height: 49px; } 
.infoPage .btn-wrap .info-btn:hover { background-color: #003487; color: #fff; } 
.infoPage .btn-wrap .info-btn img.hover_ico{display: none;}
.infoPage .btn-wrap .info-btn:hover img.basic_ico{display: none;}
.infoPage .btn-wrap .info-btn:hover img.hover_ico{display: block;}
.infoPage .btn-wrap .imgDown { margin-left: 16px; } 

@media (max-width: 1400px){
    .infoPage .info-slider .swiper-button-prev, .infoPage .info-slider .swiper-button-next {top: 319px !important;}
    .infoPage .cont-m .toolBox .tel-bnt button { width: 125px; font-size: 15px; } 
}
@media (max-width: 1000px){
    .infoPage .cont-m .toolBox { flex-direction: column; align-items: flex-end; } 

    .infoPage .cont-m .toolBox .telBtn-wrap { margin-top: 15px; } 
}
@media (max-width: 900px){
    .infoPage .info-slider .swiper-button-prev, .infoPage .info-slider .swiper-button-next {top: 265px !important;}
    .infoPage .info-slider .swiper-button-prev, .infoPage .info-slider .swiper-button-next{width: 30px !important;height: 32px !important;}
}
@media (max-width: 600px){
    .infoPage .info-slider .swiper-button-prev, .infoPage .info-slider .swiper-button-next{display: none;}
    .infoPage .cont-m .toolBox ul.search .k-picker { height: 35px; } 
    .infoPage .cont-m .toolBox ul.search .k-picker-md .k-input-inner{ font-size: 13px; line-height: 32px !important; height: 30px;} 
    .infoPage .cont-m .toolBox ul.search .k-picker-wrap .k-input { font-size: 13px; line-height: 32px !important; } 
    .infoPage .cont-m .toolBox ul.search .k-state-default>.k-select { line-height: 34px !important; } 
    .infoPage .cont-m .toolBox .tel-bnt button { width: 95px; font-size: 13px; height: 35px; } 
    .infoPage .cont-m .toolBox .sch_btn { width: 42px; height: 35px; } 
    .infoPage .cont-m .toolBox .sch_btn img { width: 19px; } 
    .infoPage .btn-wrap .info-btn { font-size: 14px; } 
    .infoPage .info-slider .swiper-pagination-bullet.swiper-pagination-bullet-active{width: 11px;height: 11px;}
    .infoPage .info-slider .swiper .swiper-pagination-bullet{width: 11px;height: 11px;margin: 5px;}
}
@media (max-width: 480px){
    .infoPage .btn-wrap { margin-top: 18px; } 
    .infoPage .btn-wrap .info-btn { font-size: 13px; width: 90px; height: 30px; } 
    .infoPage .btn-wrap .info-btn img { width: 11px; } 
    .infoPage .btn-wrap .imgDown img { width: 18px; } 
    .infoPage .info-slider .swiper-pagination-bullet.swiper-pagination-bullet-active{width: 8px;height: 8px;}
    .infoPage .info-slider .swiper .swiper-pagination-bullet{width: 8px;height: 8px;margin: 3px;}
}
@media (max-width: 420px){
    .infoPage .cont-m .toolBox ul.search .k-picker { width: 92px !important; height: 30px !important; } 
    .infoPage .cont-m .toolBox ul.search .k-picker-wrap .k-input { font-size: 12px; line-height: 28px !important; } 
    .infoPage .cont-m .toolBox ul.search .k-state-default>.k-select { line-height: 30px !important; } 
    .infoPage .cont-m .toolBox .tel-bnt button { width: 74px; font-size: 10px; height: 30px; margin-right: 6px; } 
    .infoPage .cont-m .toolBox .sch_btn { width: 35px; height: 30px; margin-left: 5px; } 
    .infoPage .cont-m .toolBox .sch_btn img { width: 15px; } 
    .infoPage .btn-wrap .imgDown { margin-left: 10px; } 
}
@media (max-width: 390px){
    .infoPage .btn-wrap .info-btn { font-size: 12px; width: 78px; height: 25px; } 
    .infoPage .btn-wrap .info-btn img { width: 8px; } 
    .infoPage .btn-wrap .imgDown img { width: 14px; } 
}

.factorPage .fa-cont{background-color: #fff;border: 1px solid #DCE5EE;border-radius: 20px;margin: 37px 0;box-shadow: 2px 2px 20px #38465d1f;}

.factorPage .add_info{padding-bottom: 18px;}
.factorPage .tit_info{text-align: center;font-size: 16px;margin-bottom: 78px;line-height: 22px;color: #747474;}
.factorPage .keyword_wrap{display: flex;align-items: center;justify-content: flex-end;}
.factorPage .keyword_wrap h3{font-size: 16px;color: #606fb5;font-weight: 600;}
.factorPage .keyword_wrap .tooltip{margin-left: 6px;}
.factorPage .keyword_wrap .tooltip img{width: 20px;}
.factorPage .keyword_wrap .tooltip .tooltip-right{top: -27px;left: 40px;}
.factorPage .keyword_wrap .tooltip .tooltip-left{display: none;}
.factorPage .keyword_wrap .tooltip .tooltiptext{width: 220px;}
.factorPage .keyword_wrap .tooltip .tooltip-right::after{display: none;}
.factorPage .add-cont{margin: 7px 0 37px;}

@media (max-width: 1400px){
    .factorPage .keyword_wrap .tooltip .tooltip-right {top: -93px;left: -203px;}
}
@media (max-width: 500px){
    .factorPage .keyword_wrap h3{font-size: 13px;}
    .factorPage .keyword_wrap .tooltip img{width: 17px;}
    .factorPage .tit_info{font-size: 14px;line-height: 20px;margin-bottom: 58px;}
    .factorPage .tit_info br.br_mo{display: inline-block;}
    .factorPage .keyword_wrap .tooltip .tooltip-right{top: -76px;}
    .factorPage .add-cont{margin: 4px 0 37px;}
}

.factorPage .fa-cont ul.tab-btn-wr {display: grid;grid-template-columns: repeat(15,1fr);grid-gap: 11px;  background-color: #EAEDFB;border-radius: 20px;padding: 10px 18px;}
.factorPage .fa-cont ul.tab-btn-wr li {cursor: pointer; background-color: #fff;border: 1px solid #C6CFFB;border-radius: 12px;}
.factorPage .fa-cont ul.tab-btn-wr li button.tabMenu{font-size: 14px;color: #1E1E1E;margin: 0 auto; text-align: center;font-weight: bold;display: flex;flex-direction: column;justify-content: space-between;align-items: center;padding: 6px 0;}
.factorPage .fa-cont ul.tab-btn-wr li button.tabMenu span{height: 28px;display: flex;align-items: center;}
.factorPage .fa-cont ul.tab-btn-wr li:hover{background-color: #4761DE;;}
.factorPage .fa-cont ul.tab-btn-wr li:hover button.tabMenu{color: #fff;}
.factorPage .fa-cont ul.tab-btn-wr li.on {background: #4761DE;}
.factorPage .fa-cont ul.tab-btn-wr li.on button.tabMenu{color: #fff;} 
.factorPage .fa-cont ul.tab-btn-wr li img.btn-img{margin-bottom: 6px;}
.factorPage .fa-cont .tab-cont{padding: 23px 24px 0 30px;}
.factorPage .fa-cont .tab-cont .tab-box {background: #fff;display: none;}
.factorPage .fa-cont .tab-cont .tab-box.show {display: block;}
.factorPage .fa-cont .fa-flex{display: flex;}
.factorPage .fa-cont .fa-flex .left-box{width: 72%;display: flex;flex-direction: column;justify-content: space-between;max-height: 100%;}
.factorPage .fa-cont .fa-flex .left-box .left-imgBox{margin: auto;display: flex;align-items: center;}
.factorPage .fa-cont .fa-flex .left-box .left-imgBox img{width: 1092px;}
.factorPage .fa-cont .fa-flex .result-box{width: 28%;}
.factorPage .fa-cont .fa-flex .result-box .result-top{background-color: #4761DE;border-radius: 20px;padding: 12px 24px;}
.factorPage .fa-cont .fa-flex .result-box .result-top h5{color: #FFFFFF;font-size: 16px;font-weight: bold;}
.factorPage .fa-cont .fa-flex .result-box .result-top h5 span{color: #55EEEE;font-size: 20px;}
.factorPage .fa-cont .fa-flex .result-box table{font-size: 15px;font-weight: 600;text-align: center;}
.factorPage .fa-cont .fa-flex .result-box table caption{font-size: 0;}
.factorPage .fa-cont .fa-flex .result-box table thead tr th{color: #757575;height: 30px;padding: 0 20px;font-weight: 600;}
.factorPage .fa-cont .fa-flex .result-box table tr{border-bottom: 1px solid #CFCFCF;background-color: #fff;}
.factorPage .fa-cont .fa-flex .result-box table tbody tr td{padding: 0 20px;font-weight: 600;height: 45px;}
.factorPage .fa-cont .fa-flex .result-box table tbody tr:last-child{border-bottom: 2px solid #4761DE;}


.factorPage .fa-cont .fa-flex .checks {position: relative;height: 33px;padding: 6px 5px;background-color: #4761DE;border-radius: 28px;width: 228px;}
.factorPage .fa-cont .fa-flex .checks ul{display: flex;align-items: center;justify-content: center;}
.factorPage .fa-cont .fa-flex .checks ul li{margin-right: 8px;}
.factorPage .fa-cont .fa-flex .checks ul li.fa-tooltip-wrap{margin-right: 0;display: flex;align-items: center;}
.factorPage .fa-cont .fa-flex .checks ul li.fa-tooltip-wrap .tooltip .tooltip-right::after{display: none;}
.factorPage .fa-cont .fa-flex .checks ul li.fa-tooltip-wrap .tooltip .tooltip-right {top: -19px;left: 43px;}
.factorPage .fa-cont .fa-flex .checks ul li.fa-tooltip-wrap img{width: 18px;}
.factorPage .fa-cont .fa-flex .checks label {font-size: 13px;color: #fff;margin-right: 10px;vertical-align: middle;font-weight: bold;margin-left: 7px;line-height: 16px;}
.factorPage .fa-cont .fa-flex .checks input[type="radio"] {position: absolute;width: 1px;height: 1px;padding: 0;margin: -1px;overflow: hidden;clip: rect(0, 0, 0, 0);border: 0;}
.factorPage .fa-cont .fa-flex .checks input[type="radio"]+label {display: inline-block;position: relative;padding-left: 25px;cursor: pointer;-webkit-user-select: none;-moz-user-select: none;-ms-user-select: none;}         
.factorPage .fa-cont .fa-flex .checks input[type="radio"]+label:before {content: '';position: absolute;left: 4px;top: 0px;width: 14px;height: 14px;text-align: center;background: #fff;border: 1px solid #cacece;border-radius: 100%;box-shadow: none;}
.factorPage .fa-cont .fa-flex .checks input[type="radio"]:checked+label:before {background: #fff;border-color: #EEFF00;}         
.factorPage .fa-cont .fa-flex .checks input[type="radio"]:checked+label:after {content: '';position: absolute;top: 1px;left: 5px;width: 14px;height: 14px;background: #EEFF00;border-radius: 100%;box-shadow: none;}
.factorPage .fa-cont .fa-flex .checks input[type="radio"]:checked+label:after:focus{border:5px solid;}


.factorPage .fa-cont .fa-flex .drop-list{margin-top: 6px;display: flex;align-items: center;}
.factorPage .fa-cont .fa-flex .drop-list li.bar{margin: 0 5px;font-size: 16px;}
.factorPage .fa-cont .fa-flex .drop-list .k-picker{background-color: #4761DE !important; position: relative;width: 104px !important;height: 33px;border-radius: 28px;}
.factorPage .fa-cont .fa-flex .drop-list .k-picker:after{content: "";position: absolute;top: 8px;right: 13px;color: #fff;background: url('../images/sub/ico_calendar_white.png') no-repeat 50% 0;width: 15px;height: 16px;cursor: pointer;}
.factorPage .fa-cont .fa-flex .drop-list .k-picker .k-button-md.k-icon-button>.k-button-icon{display: none}
.factorPage .fa-cont .fa-flex .drop-list .k-picker .k-input-value-text{color: #fff;font-size: 13px;}

.factorPage .fa-cont .fa-flex .drop-list .k-multiselect{position: relative; width: 190px;border-radius: 28px;font-weight: 500;box-shadow: none;}
/* .factorPage .fa-cont .fa-flex .drop-list .k-multiselect:after {content: "\e108";position: absolute;top: 30%;right: 15px;font-size: 30px;color: #fff;} */
.factorPage .fa-cont .fa-flex .drop-list .k-multiselect:after {content: "";position: absolute;top: 8px;right: -73px;color: #fff;background: url('../images/sub/ico_calendar_white.png') no-repeat 50% 0;width: 99%;height: 30px;cursor: pointer;}
.factorPage .fa-cont .fa-flex .drop-list .k-multiselect.k-state-focused::after{display: none;}
.factorPage .fa-cont .fa-flex .drop-list .k-multiselect-wrap{background-color: #4761DE;border-radius: 28px;padding: 2px 12px;align-items: center;}
.factorPage .fa-cont .fa-flex .drop-list .k-multiselect-wrap .k-input{color: #fff;}
.factorPage .fa-cont .fa-flex .drop-list .k-multiselect .k-button{color: #fff;}
.factorPage .fa-cont .fa-flex .drop-list .k-multiselect .k-button:hover{background-color: #fff;color: #223A4A;}
.factorPage .fa-cont .fa-flex .drop-list .k-multiselect>.k-multiselect-wrap>.k-i-close{color: #fff;}
.factorPage .fa-cont .fa-flex .drop-list .k-multiselect .k-icon{font-size: 14px;}
.factorPage .fa-cont .fa-flex .drop-list .k-multiselect>.k-multiselect-wrap>.k-i-close{top: 8px !important;right: 6px !important;border-radius: 15px;padding: 2.5px 2.5px 3px 3px;background-color: #fff;color: #4761DE;z-index: 1;}


.factorPage .fa-cont .searchBox{margin: 17px 0 15px;;}
.factorPage .fa-cont .searchBox ul.ul-search{display: grid;grid-template-columns: repeat(4,1fr);grid-gap: 9px;}
.factorPage .fa-cont .searchBox ul.ul-search li{}
.factorPage .fa-cont .searchBox ul.ul-search li button.basic{background-color: #EAEDFB; border-radius: 20px;color: #585858;font-size: 14px;font-weight: bold;width: 100%; height: 37px;}
.factorPage .fa-cont .searchBox ul.ul-search li button.basic:hover{background-color: #606fb5;color: #fff;}
.factorPage .fa-cont .searchBox ul.ul-search li button.selected{background-color: #606fb5;color: #fff;}


.factorPage .fa-flex002{display: flex;align-items: flex-start;justify-content: space-between;}
.factorPage .fa-flex002 .node-mobile{display: none;}
.factorPage .node-color{position: relative;margin-top: 15px;}
.factorPage .node-color::before{position: absolute;top: -15px;left: 0;content: '노드 컬럼표'; background-color:#879CFF;border-radius: 28px;width: 119px;padding: 9px 0; font-size: 13px;font-weight: bold;color: #fff;text-align: center;}
.factorPage .node-color ul.ul-color{width: 119px; background-color: #EAEDFB;border: 1px solid #EAEDFB;border-radius: 0px 0px 26px 26px;padding: 30px 10px 16px;}
.factorPage .node-color ul.ul-color li{display: flex;align-items: center;justify-content: space-between;margin-bottom: 8px;}
.factorPage .node-color ul.ul-color li:last-child{margin-bottom: 0;}
.factorPage .node-color ul.ul-color li .circle{font-size: 13px;color: #1E1E1E;font-weight: 600;width: 46px;height: 46px;border-radius: 50%;display: flex;align-items: center;justify-content: center;}
.factorPage .node-color ul.ul-color li .color01{background-color: #d6e25a;}
.factorPage .node-color ul.ul-color li .color02{background-color: #5fc4bf;}
.factorPage .node-color ul.ul-color li .color03{background-color: #896fce;}
.factorPage .node-color ul.ul-color li .color04{background-color: #cc72db;}
.factorPage .node-color ul.ul-color li .color05{background-color: #96d4e9;}
.factorPage .node-color ul.ul-color li .color06{background-color: #3772d1;}

@media (max-width: 1800px){
    .factorPage .fa-cont .fa-flex .detail-content img{width: 100%;}
    .factorPage .fa-flex002 .detail-content img{width: 100%;}
}
@media (max-width: 1200px){
    .factorPage .fa-cont .fa-flex .left-box{width: 56%;}
    .factorPage .fa-cont .fa-flex .result-box{width: 44%;}
    .factorPage .fa-cont .fa-flex .left-box{margin-right: 30px;}
    .factorPage .fa-cont .fa-flex .left-box .left-imgBox img{width: 100%;}
    .factorPage .fa-cont ul.tab-btn-wr{grid-template-columns: repeat(9,1fr);}
}
@media (max-width: 950px){
    .factorPage .fa-cont .fa-flex{flex-direction: column;}
    .factorPage .fa-cont .fa-flex .left-box .left-imgBox{padding-top: 65px;}
    .factorPage .fa-cont .fa-flex .left-box, .factorPage .fa-cont .fa-flex .result-box{width: 100%;}
    .factorPage .fa-cont .fa-flex .left-box{margin-right: 0;margin-bottom: 37px;}
    .factorPage .fa-cont ul.tab-btn-wr{grid-template-columns: repeat(7,1fr);}
    .factorPage .fa-cont .fa-flex .left-box .left-imgBox{margin: 0;}
    .factorPage .fa-cont .fa-flex .left-box .left-imgBox img{width: 100%;}

    .factorPage .node-color::before{width: 110px;}
    .factorPage .node-color ul.ul-color{width: 110px;padding: 25px 10px 11px;}
    .factorPage .node-color ul.ul-color li .circle{width: 40px;height: 40px;font-size: 12px;}

    .factorPage .fa-cont .tab-cont{padding: 23px 24px 51px;}
    .factorPage .fa-cont.fa-cont03{margin: 37px 49px !important;}
    
}
@media (max-width: 768px){
    .factorPage .fa-cont ul.tab-btn-wr li button.tabMenu{font-size: 13px;}
    .factorPage .fa-cont .fa-flex .left-box .left-imgBox{padding-top: 46px;}

    .factorPage .fa-cont.fa-cont03{margin: 37px 30px !important;}
    
}
@media (max-width: 650px){
    .factorPage .fa-cont ul.tab-btn-wr{grid-template-columns: repeat(4,1fr);}
    .factorPage .fa-cont .fa-flex .left-box .left-imgBox{padding-top: 40px;}

}
@media (max-width: 500px){
    .factorPage .fa-flex002{flex-direction: column;}
    .factorPage .node-color{display: none;}
    .factorPage .fa-flex002 .node-mobile{display: block;width: 100%;margin-bottom: 25px;}
    .factorPage .fa-flex002 .node-mobile .ul-color{width: 100%;}
    .factorPage .fa-flex002 .node-mobile::before{width: 100%;}
    .factorPage .fa-flex002 .node-mobile ul.ul-color li .circle{width: 50px;height: 50px;font-size: 13px;}
    .factorPage .fa-cont .fa-flex .checks ul li{margin-right: 0;}
}
@media (max-width: 480px){
    .factorPage .fa-cont .fa-flex .result-box .result-top h5 span{font-size: 18px;}
    .factorPage .fa-cont .fa-flex .result-box .result-top h5{font-size: 15px;}
    .factorPage .fa-cont .fa-flex .result-box .result-top img.arrow-ico{width: 25px;}
    .factorPage .fa-cont .fa-flex .result-box table{font-size: 14px;}
    .factorPage .fa-cont .searchBox{margin: 10px 0 11px;}
    .factorPage .fa-cont .fa-flex .checks ul li.fa-tooltip-wrap .tooltip .tooltiptext{width: 108px;}
    .factorPage .fa-cont .fa-flex .checks ul li.fa-tooltip-wrap .tooltip .tooltip-right{left: 35px;}
    .factorPage .fa-cont .fa-flex .drop-list .k-multiselect{width: 180px;}
    .factorPage .fa-cont .fa-flex .drop-list .k-multiselect-wrap .k-input{font-size: 13px;line-height: 30px;}
    .factorPage .fa-cont .fa-flex .drop-list .k-multiselect:after {content: "";position: absolute;top: 7px;right: -67px}
}
@media (max-width: 450px){
    .factorPage .fa-flex002 .node-mobile ul.ul-color li .circle{width: 45px;height: 45px;font-size: 13px;}
    .factorPage .fa-cont ul.tab-btn-wr li button.tabMenu span{height: 25px;}
}
@media (max-width: 420px){
    .factorPage .fa-cont .fa-flex .checks label{font-size: 12px;}
    .factorPage .fa-cont .fa-flex .result-box table{font-size: 13px;}
    .factorPage .fa-cont .fa-flex .result-box table tr{height: 35px;}
    .factorPage .fa-cont .fa-flex .result-box table tbody tr td{padding: 0 10px;}
    .factorPage .fa-cont .fa-flex .checks ul li{margin-right: 0;}
    .factorPage .fa-cont .fa-flex .checks input[type="radio"]+label:before{width: 12px;height: 12px;}
    .factorPage .fa-cont .fa-flex .checks input[type="radio"]:checked+label:after{width: 12px;height: 12px;}
    .factorPage .fa-cont .searchBox ul.ul-search{grid-gap: 7px;}
    .factorPage .fa-cont .searchBox ul.ul-search li button.basic{font-size: 13px;height: 30px;}
    .factorPage .fa-cont .fa-flex .drop-list .k-picker-wrap .k-input{font-size: 12px;}
    .factorPage .fa-cont .fa-flex .result-box table tbody tr td{height: 35px;}
    .factorPage .fa-cont ul.tab-btn-wr{grid-template-columns: repeat(3,1fr);}

    .factorPage .node-color ul.ul-color{padding: 25px 6px 11px;}
    .factorPage .fa-flex002 .node-mobile ul.ul-color li .circle{width: 40px;height: 40px;font-size: 12px;}
}

@media (max-width: 390px){
    .factorPage .fa-cont ul.tab-btn-wr li button.tabMenu{font-size: 11px;padding: 6px 5px 8px;}
    .factorPage .fa-cont .fa-flex .result-box table{font-size: 12px;}
    .factorPage .fa-cont .fa-flex .result-box table tbody tr td{padding: 0;}
    .factorPage .fa-cont .fa-flex .result-box .result-top h5 span{font-size: 17px;}
    .factorPage .fa-cont .fa-flex .result-box .result-top h5{font-size: 14px;}
    .factorPage .fa-cont .fa-flex .drop-list .k-picker-wrap .k-input{font-size: 11px;}
    .factorPage .fa-cont .searchBox ul.ul-search{grid-gap: 5px;}
    .factorPage .fa-cont .searchBox ul.ul-search li button.basic{font-size: 11px;}

    .factorPage .fa-flex002 .node-mobile ul.ul-color li .circle{font-size: 11px;width: 38px;height: 38px;}
}


.factorPage .fa-cont .keyword-top{background-color: #EAEDFB;border-radius: 20px;display: flex;align-items: center;}
.factorPage .fa-cont .keyword-top .keyword-tit{padding: 15px 25px; background-color: #4761DE;border-radius: 20px;font-size: 20px;color: #4761DE;line-height: 24px;display: flex;align-items: center;color: #fff;font-weight: 600;}
.factorPage .fa-cont .keyword-top .keyword-tit img{margin-right: 15px;}
.factorPage .fa-cont .keyword-cont{padding: 0 28px;}
.factorPage .fa-cont .keyword-cont ul{display: flex;align-items: center;justify-content: flex-start;}
.factorPage .fa-cont .keyword-cont ul li{margin-right: 15px;}
.factorPage .fa-cont .keyword-cont ul li:last-child{margin-right: 0;}
.factorPage .fa-cont .keyword-cont ul li button.keyBtn{padding: 7px 28px 6px; font-size: 16px;color: #1E1E1E;font-weight: bold;background-color: #EAEDFB;border: 1px solid #FFFFFF;border-radius: 16px;box-shadow: 0px 3px 6px #00000029;}
.factorPage .fa-cont .keyword-cont ul li button.keyBtn1:hover{background-color: #F6CF58;}
.factorPage .fa-cont .keyword-cont ul li button.keyBtn2:hover{background-color: #86CE55;}
.factorPage .fa-cont .keyword-cont ul li button.keyBtn3:hover{background-color: #84C5FF;}
.factorPage .fa-cont .keyword-cont ul li button.keyBtn4:hover{background-color: #E9965D;}
.factorPage .fa-cont .keyword-cont ul li button.keyBtn5:hover{background-color: #92B9FF;}
.factorPage .fa-cont .keyword-cont ul li button.keyBtn1.key01-click{background-color: #F6CF58;}
.factorPage .fa-cont .keyword-cont ul li button.keyBtn2.key02-click{background-color: #86CE55;}
.factorPage .fa-cont .keyword-cont ul li button.keyBtn3.key03-click{background-color: #84C5FF;}
.factorPage .fa-cont .keyword-cont ul li button.keyBtn4.key04-click{background-color: #E9965D;}
.factorPage .fa-cont .keyword-cont ul li button.keyBtn5.key05-click{background-color: #92B9FF;}
.factorPage .fa-cont .detail-cont{padding: 61px 30px 89px;}

@media (max-width: 1300px){
    .factorPage .fa-cont .detail-cont img{width: 100%;}
}
@media (max-width: 1200px){
    .factorPage .fa-cont .keyword-cont{padding: 0 20px;}
    .factorPage .fa-cont .keyword-cont ul li button.keyBtn{padding: 7px 19px 6px;}
}
@media (max-width: 1000px){
    .factorPage .fa-cont .keyword-top .keyword-tit{padding: 15px;}
    .factorPage .fa-cont .keyword-cont{padding: 0 15px;}
    .factorPage .fa-cont .keyword-cont ul li{margin-right: 10px;}
    .factorPage .fa-cont .keyword-cont ul li button.keyBtn{font-size: 15px;padding: 7px 15px 6px;}
}
@media (max-width: 910px){
    .factorPage .fa-cont .keyword-top{flex-direction: column;}
    .factorPage .fa-cont .keyword-top .keyword-tit{width: 100%;}
    .factorPage .fa-cont .keyword-cont ul{flex-wrap: wrap;}
    .factorPage .fa-cont .keyword-cont ul{margin-bottom: 15px;}
    .factorPage .fa-cont .keyword-cont ul li button.keyBtn{margin-top: 10px;}
}
@media (max-width: 480px){
    .factorPage .fa-cont .keyword-top{background-color: #fff;}
    .factorPage .fa-cont .keyword-top .keyword-tit{font-size: 18px;padding: 12px 25px;}
    .factorPage .fa-cont .keyword-top .keyword-tit img{width: 27px;}
    .factorPage .fa-cont .keyword-cont{background-color: #EAEDFB;border-radius: 20px;margin: 10px 15px;}
    .factorPage .fa-cont .keyword-cont ul li button.keyBtn{font-size: 14px;padding: 5px 12px;}
}
@media (max-width: 420px){
    .factorPage .fa-cont .detail-cont {padding: 30px 20px 37px;}
    .factorPage .fa-cont .keyword-cont ul li button.keyBtn{font-size: 13px;}
}
@media (max-width: 390px){
    .factorPage .fa-cont .keyword-top .keyword-tit{font-size: 16px;padding: 12px 20px;}
    .factorPage .fa-cont .keyword-top .keyword-tit img{width: 23px;}
    .factorPage .fa-cont .keyword-cont{margin: 8px 10px;}
    .factorPage .fa-cont .keyword-cont ul{margin-bottom: 12px;}
    .factorPage .fa-cont .keyword-cont ul li button.keyBtn{font-size: 12px;padding: 4px 9px;margin-top: 7px;}
}

.factorPage .fa-cont.fa-cont02{margin: 37px 0; box-shadow: none; border:none;}
.factorPage .fa-cont.fa-cont03{margin: 37px 83px;}
.factorPage .fa-cont .detail-wrap{position: relative; display: flex; width:100%;height: 100%;height: 100vh;}
.factorPage .fa-cont .detail-con{position:relative; width:60%; height:100%; margin-right:25px; border-radius:20px; border:1px solid #e9e9e9; background-color: #f5f5f5;}
.factorPage .fa-cont .detail-con02{position:relative; width:40%; height:100%;  border-radius:20px; border:1px solid #e9e9e9; background-color: #f5f5f5;}
.factorPage .fa-cont .detail-con .detail-content{overflow: hidden; display:flex; align-items: center; justify-content: center;}
.factorPage .fa-cont .detail-con02 .detail-content{overflow: hidden; display:flex; align-items: center; justify-content: center;}
.factorPage .node-color{margin-right:25px;}
.factorPage .fa-cont .detail-tit{position:absolute; top:-40px; left:20px; width:120px; background-color: #4761de; border-radius: 30px;}
.factorPage .fa-cont .detail-tit p{color:#fff; font-size:15px; padding:8px 15px; text-align: center; font-weight:600;}

@media (max-width: 480px){
    .factorPage .fa-cont .detail-wrap{flex-direction: column;height: 100%;}
    .factorPage .fa-cont .detail-con{width:100%; margin-top:50px;}
    .factorPage .fa-cont .detail-con02{width:100%; margin-top:70px;}
    .factorPage .fa-cont .detail-tit{left:0px; width:100%;}
    .factorPage .fa-cont .detail-tit p{font-size:14px;}
}


.radioBtn_wrap{display: flex;align-items: center;justify-content: center;margin-bottom: 30px;}
.radio_btn {width: 250px;height : 45px;border: 1px solid #EAE7E7;border-radius: 10px;margin-right: 15px;}
.radio_btn:last-child{margin-right: 0;}
.radio_btn input[type=radio] {display: none;}
.radio_btn label {display: block;border-radius: 10px;margin: 0 auto;text-align: center;height: -webkit-fill-available;line-height: 45px;font-size: 16px;}
/* Checked */
.radio_btn input[type=radio]:checked + label {background: #4761de;color: #fff;cursor: pointer;}
/* Hover */
.radio_btn label:hover {color: #666;}
/* Disabled */
.radio_btn input[type=radio] + label {background: #eee;color: #666;cursor: pointer;}

@media (max-width: 480px){
    .radio_btn{width: 100%;margin-right: 10px;}
    .radio_btn label{font-size: 14px;;}
}



/*  */
.footer_page .txtBox{padding: 39px 82px 47px;}
.footer_page .txtBox h6{font-size: 16px;padding-bottom: 50px;line-height: 22px;}

.termsPage .txtBox ul.txt{padding-bottom: 40px;}
.termsPage .txtBox ul.txt li{padding-bottom: 20px;font-size: 15px;}
.termsPage .txtBox ul.txt li strong.tit{display: inline-block; padding-bottom: 20px;font-size: 16px;margin-bottom: 0;display: flex;align-items: center;}
.termsPage .txtBox ul.txt li strong.tit span.squ{display: inline-block; background-color: #4761de;width: 6px;height: 6px;margin-right: 8px;}
.termsPage .txtBox ul.txt li strong.sub_tit{display: inline-block; margin-bottom: 5px;}
.termsPage .txtBox ul.txt li p{line-height: 20px;margin-bottom: 3px;}
.termsPage .txtBox ul.txt li p.p02{margin-left: 18px;}

.termsPage table.mtis_trems{margin: 8px 0 18px;}
.termsPage table.mtis_trems_mo{display: none;}
.termsPage table.mtis_trems tr th{font-weight: bold;font-size: 14px;background-color: #ebf0ff;}
.termsPage table.mtis_trems tr td{font-size: 13px;}
.termsPage table.mtis_trems tr th,
.termsPage table.mtis_trems tr td{padding: 10px;border:1px solid #b1b1b1;text-align: center;word-break: keep-all;}
.termsPage table.mtis_trems tr td p{text-align: left;}
.termsPage table.mtis_trems span.bold{font-weight: 600;}

.privPage .txtBox h6{padding-bottom: 100px;font-weight: 400;}
.privPage .txtBox .t_content01{padding-bottom: 50px;}
.privPage .txtBox .t_content02{padding-bottom: 130px;}
.privPage .txtBox .t_content h4{font-size: 19px;font-weight: bold;text-align: center;padding-bottom: 22px;color: #5a5a5a;}
.privPage .txtBox span.point{font-weight: 500;color: #4761DE;}

.privPage .txtBox ul.labeling{display: grid;grid-template-columns: repeat(3,1fr);grid-gap: 25px;}
.privPage .txtBox ul.labeling > li{background-color: #fff;box-shadow: 2px 2px 5px #38465D1F;border: 1px solid #A9BCEC;border-radius: 20px;padding: 16px 32px;}
.privPage .txtBox ul.labeling > li .tit{padding-bottom: 40px;}
.privPage .txtBox ul.labeling > li .tit img{margin:0 auto;}
.privPage .txtBox ul.labeling > li .tit span{font-size: 16px;font-weight: bold;display: block;text-align: center;margin-top: 15px;}
.privPage .txtBox ul.labeling > li .cont ul li{font-size: 14px;line-height: 20px;margin-bottom: 18px;}
.privPage .txtBox ul.labeling > li .cont ul li strong{display: block;margin-bottom: 5px;}
.privPage .txtBox ul.labeling > li .cont ul li p{line-height: 20px;}
.privPage .txtBox ul.labeling > li .cont ul li p.p_color{color: #4761DE;font-weight: 500;font-size: 13px;text-align: right;}
.privPage .txtBox ul.labeling > li .cont ul li table.tb tr th,
.privPage .txtBox ul.labeling > li .cont ul li table.tb tr td{padding: 10px;border:1px solid #b1b1b1;word-break: keep-all;font-size: 13px; line-height: 18px;}

.privPage .contents_wrap .cont_wrap{background-color: #fff;box-shadow: 2px 2px 5px #38465D1F;border: 1px solid #A9BCEC;border-radius: 20px;padding: 16px 45px;}
.privPage .contents_wrap .cont_wrap ul.ul_cont li{padding: 15px 20px;display: grid;grid-template-columns: 1fr 1fr;grid-gap: 50px;}
.privPage .contents_wrap .cont_wrap ul.ul_cont li p{font-size: 15px;line-height: 22px;display: inline-block;}


.privPage .priv_wrap ul > li{font-size: 15px;padding-bottom: 130px;}
.privPage .priv_wrap ul > li .tit{display: flex;align-items: center;justify-content: flex-start;padding-bottom: 15px;}
.privPage .priv_wrap ul > li .tit img{width: 40px;margin-right: 13px;}
.privPage .priv_wrap ul > li .tit strong{display: block;font-size: 17px;}
.privPage .priv_wrap ul > li .txt .num{padding-top: 8px;}
.privPage .priv_wrap ul > li .txt p{line-height: 22px;display: block;font-weight: 600;}
.privPage .priv_wrap ul > li .txt p.p_02{padding-left: 10px;font-weight: 400;}
.privPage .priv_wrap ul > li .txt p.p_top{margin: 27px 0 3px; font-size: 14px;font-weight: 400;}
.privPage .priv_wrap ul > li .txt p.p_bottom{margin-top: 8px;font-size: 14px;font-weight: 400;}
.privPage .priv_wrap ul > li .txt p.p_color{color: #4761DE;}
.privPage .priv_wrap ul > li .txt p.p_number{padding-top: 23px;font-size: 14px;}
.privPage .priv_wrap ul > li .txt table.tb01{margin-top: 20px;}
.privPage .priv_wrap ul > li .txt table.tb01_mo{display: none;}
.privPage .priv_wrap ul > li .txt table.tb02_mo{display: none;}
.privPage .priv_wrap ul > li .txt table.tb02_mo tr td{text-align: left;}
.privPage .priv_wrap ul > li .txt table.tb01_mo tr td{text-align: left;}
.privPage .priv_wrap ul > li .txt table.tb03{margin-top: 5px;}
.privPage .priv_wrap ul > li .txt table tr th{font-weight: bold;font-size: 14px;background-color: #ebf0ff;}
.privPage .priv_wrap ul > li .txt table tr td{font-size: 13px;}
.privPage .priv_wrap ul > li .txt table tr th,
.privPage .priv_wrap ul > li .txt table tr td{padding: 10px;border:1px solid #b1b1b1;text-align: center;word-break: keep-all;}
.privPage .priv_wrap ul > li .txt table ul{text-align: left;}
.privPage .priv_wrap ul > li .txt table ul li{padding-bottom: 12px;font-size: 13px;}
.privPage .priv_wrap ul > li .txt table ul li strong{font-weight: 600;}


.privPage .priv_wrap ul.txt02{padding: 20px 0;}
.privPage .priv_wrap ul.txt03{padding:10px 0;}
.privPage .priv_wrap ul.txt02 > li{padding-bottom: 0;}
.privPage .priv_wrap ul.txt02 > li strong{font-weight: 600;display: flex;align-items: center;}
.privPage .priv_wrap ul.txt02 > li strong span.squ{display: inline-block; background-color: #565656;width: 6px;height: 6px;margin-right: 8px;}
.privPage .priv_wrap ul.txt02 > li p{margin-bottom: 2px;font-weight: 400;font-size: 14px;}
.privPage .priv_wrap ul.txt02 > li p.num{margin-left: 10px;padding-top: 0;}


@media (max-width: 820px){
    .footer_page .txtBox {padding: 39px 40px 47px;}
    .privPage .txtBox ul.labeling{grid-template-columns: 1fr;}
    .privPage .contents_wrap .cont_wrap{padding: 16px 10px}
}

@media (max-width: 768px){
    .privPage .priv_wrap ul > li .txt table.tb01{display: none;}
    .privPage .priv_wrap ul > li .txt table.tb01_mo{display: inline-table;}

    .privPage .priv_wrap ul > li .txt table.tb02{display: none;}
    .privPage .priv_wrap ul > li .txt table.tb02_mo{display: inline-table;}
}


@media (max-width: 480px){
    .footer_page .txtBox{padding: 39px 20px 45px;}
    .footer_page .txtBox h6 {font-size: 13px;padding-bottom: 25px;line-height: 20px;}
    
    .privPage .txtBox .t_content01{padding-bottom: 30px;}
    .privPage .txtBox .t_content02{padding-bottom: 70px;}
    .termsPage .txtBox ul.txt{padding-bottom: 18px;}
    .termsPage .txtBox ul.txt li strong.tit{font-size: 14px;padding-bottom: 0;}
    .termsPage .txtBox ul.txt li{font-size: 13px;}
    .termsPage .txtBox ul.txt li p.p02{margin-left: 6px;}
    .termsPage .txtBox ul.txt li strong.tit span.squ{width: 5px;height: 5px;}
    .termsPage table.mtis_trems_mo{display: block;}
    .termsPage table.mtis_trems_pc{display: none;}
    .termsPage table.mtis_trems_mo tr th{width: 110px;}
    .termsPage .m_title img{width: 19px;}

    .privPage .txtBox .t_content h4{font-size: 14px;padding-bottom: 11px;}
    .privPage .txtBox ul.labeling{grid-gap: 10px;}
    .privPage .txtBox ul.labeling > li .cont ul li{font-size: 13px;margin-bottom: 20px;}
    .privPage .txtBox ul.labeling > li .tit span{font-size: 13px;}
    .privPage .txtBox ul.labeling > li .cont ul li table.tb tr th,
    .privPage .txtBox ul.labeling > li .cont ul li table.tb tr td{font-size: 11px;}
    .privPage .txtBox ul.labeling > li .cont ul li table.tb tr th.th_mo{width: 40%;word-break: inherit;}
    .privPage .txtBox ul.labeling > li .cont ul li p.p_color{font-size: 12px;}
    .privPage .contents_wrap .cont_wrap ul.ul_cont li{grid-template-columns: 1fr;padding:6px;grid-gap: 10px;}
    .privPage .contents_wrap .cont_wrap ul.ul_cont li p{font-size: 13px;}

    .privPage .priv_wrap ul > li{padding-bottom: 70px;}
    .privPage .priv_wrap ul > li:last-child{padding-bottom: 0;}
    .privPage .priv_wrap ul > li .tit strong{font-size: 14px;}
    .privPage .priv_wrap ul > li .tit img{width: 30px;margin-right: 5px;}
    .privPage .priv_wrap ul > li{font-size: 13px;}
    .privPage .priv_wrap ul > li .txt p{line-height: 20px;}
    .privPage .priv_wrap ul > li .txt table tr th{font-size: 11px;}
    .privPage .priv_wrap ul > li .txt table tr td{font-size: 11px;}
    .privPage .priv_wrap ul > li .txt table tr td br.br_mo{display: inline-block;}
    .privPage .priv_wrap ul > li .txt table ul li{font-size: 12px;}
    .privPage .priv_wrap ul > li .txt p.p_bottom{font-size: 13px;}
    .privPage .priv_wrap ul.txt02 > li p{font-size: 13px;}
    .privPage .priv_wrap ul > li .txt p.p_number{font-size: 13px;}
    
    .privPage .priv_wrap ul > li .txt table.tb04 tr th,
    .privPage .priv_wrap ul > li .txt table.tb04 tr td{padding:8px 4px}

}

.ma-bo-42{margin-bottom: 42px !important;}
.ma-bo-36{margin-bottom: 36px !important;}
.info-bx{background-color: #fff;box-shadow: 2px 2px 5px #38465d29;border: 1px solid #A5B4FF;border-radius: 16px;padding: 22px 24px}
.info-bx.txtBx{margin-bottom: 28px;}
.info-bx.txtBx p{font-size: 14px;font-weight: 600;color: #353535;line-height: 18px;}
.info-bx.txtBx p.ma-left{margin-left: 13px;}

ul.grid-col-02{display: grid; grid-template-columns: repeat(2,1fr);grid-gap: 15px;margin-bottom: 31px;}
ul.grid-col-02 li{background-color: #F1F3FF;border-radius: 16px;padding: 22px 24px;    box-shadow: 2px 2px 5px #38465d29;}
ul.grid-col-02 .top{position: relative; display: flex;align-items: center;justify-content: space-between;margin-bottom: 22px;}
ul.grid-col-02 .top:after {
    position: absolute;
    content: '';
    width: 60%;
    top: 50%;
    left: 46%;
    transform: translate(-50%,-54%);
    border-bottom: 1px dashed #fff;
}
ul.grid-col-02 .top span.tit{display: inline-block;font-size: 17px;font-weight: bold;color: #353535;}
ul.grid-col-02 .top .num{display: flex;align-items: center;font-size: 17px;font-weight: 500;color: #6A6A6A;}
ul.grid-col-02 .top .num span{font-size: 32px;font-weight: 600;color: #4761DE;margin-right: 23px;}
ul.grid-col-02 .bottom{display: flex;align-items: center;justify-content: flex-end;}
ul.grid-col-02 .bottom .num{display: flex;align-items: center;}
ul.grid-col-02 .bottom .num span{font-size: 15px;font-weight: 500;margin-right: 16px;}
ul.grid-col-02 .bottom .num img.icon{margin-right: 6px;}
ul.grid-col-02 .bottom .num span.up{color: #dd002d;}
ul.grid-col-02 .bottom .num span.down{color: #006cb5;}
ul.grid-col-02 .bottom .tit{font-size: 15px;font-weight: 500;color: #6A6A6A;}


.tt-info{display: flex;align-items: center;}
.tt-info .total{display: flex;align-items: center; margin-right: 18px;font-size: 17px;font-weight: 500;color: #6A6A6A;}
.tt-info .total span{font-size: 32px;font-weight: 600;color: #4761DE;margin-right: 7px;}

.chart-bx{background-color: #fff;border: 1px solid #E4EBF4;padding: 27px 18px 13px;border-radius: 6px;}
.chart-bx.grid-bx{padding: 39px 18px 28px;}

table.row-table{border-top: 2px solid #4761DE;vertical-align: middle;}
table.row-table th, table.row-table td{text-align: center;}
table.row-table th{border-bottom: 1px solid #E4EBF4;font-size: 14px;color: #36476F;font-weight: bold;border-left: 0;}
table.row-table td{font-size: 14px;color: #6A6A6A;}
table.row-table td span{margin-right: 4px;font-weight: 500;}

.sh-wr{margin: 25px 0 20px;height: 88px;display: flex;flex-direction: column;justify-content: flex-end;}
.sh-wr ul.date-bx{display: flex;align-items: center;margin-bottom: 8px;}
.sh-wr ul.date-bx li.bar{margin: 0 7px}
.sh-wr ul.date-bx .k-datepicker{height: 37px;border:0;}
.sh-wr ul.date-bx input[type=text]{height: 37px;font-size: 14px;}
.sh-wr ul.date-bx .k-input-md .k-input-inner{padding: 8px 0 8px 7px}
.sh-wr ul.date-bx .k-input-md .k-input-button {background-color: #f4f4f5 !important; height: 35px; background: url('../images/sub/ico_calendar.png') no-repeat 63% 50%; width: 42px;background-size: 17px;} 
.sh-wr ul.date-bx .k-button-md.k-icon-button>.k-button-icon{ opacity: 0; } 

.sh-wr .chk-bx{display: flex;align-items: center;}
.sh-wr .chk-bx ul.check{background-color: #F4F4F5;border-radius: 6px;display: flex;align-items: center;justify-content: space-between;padding: 12px 14px;margin-right: 4px;}
.sh-wr .chk-bx ul.check:last-child{margin-right: 0;}
.sh-wr .chk-bx ul.check li{margin-right: 17px;font-size: 14px;color: #353535;font-weight: 600;}
.sh-wr .chk-bx ul.check li:last-child{margin-right: 0;}


.check input[type="checkbox"] {
    -webkit-appearance: none;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    position: relative;
    width: 13px;
    height: 13px;
    border-radius: 50px;
    cursor: pointer;
    outline: none !important;
    border: 1px solid #000;
    vertical-align: middle;
    margin-right: 6px;
}
.check input[type="checkbox"]::before {
    content: "\2713";
    position: absolute;
    top: 50%;
    left: 50%;
    overflow: hidden;
    transform: scale(0) translate(-50%, -50%);
    line-height: 1;
    color: #fff;
    font-size: 11px;
    font-weight: bold;
}
.check input[type="checkbox"]:checked {background-color: #000;border: 1px solid #000;color: #fff;}
.check input[type="checkbox"]:checked::before {border-radius: 4px;transform: scale(1) translate(-50%, -50%)}

.sh-wr02{flex-direction: row;justify-content: flex-start;height: auto;}
.sh-wr02 ul.date-bx{margin-bottom: 0;margin-right: 17px;}


@media (max-width: 850px){
    .sh-wr{height: auto;}
}
@media (max-width: 768px){
    ul.grid-col-02{grid-template-columns: 1fr;grid-gap: 11px;}
}
@media (max-width: 640px){
    .sh-wr02{flex-direction: column;}
    .sh-wr02 ul.date-bx{margin-bottom: 8px;margin-right: 0;}
}
@media (max-width: 480px){
    .info-bx{padding:22px 14px}
    .sh-wr{margin: 12px 0 14px;}
    .sh-wr .chk-bx{flex-direction: column;align-items: flex-start;}
    .sh-wr .chk-bx ul.check{margin-bottom: 8px;}
    .sh-wr .chk-bx ul.check:last-child{margin-bottom: 0;}
    ul.grid-col-02 li{padding: 17px 12px;}
    ul.grid-col-02 .top:after{width: 34%;}
    .chart-bx{padding:18px 8px 12px}
    .chart-bx.grid-bx{padding: 18px 8px 8px;}
  
    .tt-info .total{font-size: 14px;margin-right: 8px;}
    .tt-info .total span{font-size: 21px;margin-right: 3px;}
}
@media (max-width: 420px){
    .sh-wr ul.date-bx .k-datepicker{width: 136px !important}
    .info-bx.txtBx p{font-size: 13px;}
    .info-bx.txtBx p.ma-left{margin-left: 0;}
    ul.grid-col-02 .top .num span{margin-right: 8px;font-size: 27px;}
    ul.grid-col-02 .top .num{font-size: 15px;}
    ul.grid-col-02 .bottom .num span{font-size: 13px;margin-right: 11px;}
    ul.grid-col-02 .bottom .tit{font-size: 13px;}
}
@media (max-width: 370px){
    .sh-wr ul.date-bx .k-datepicker{width: 105px !important;}
    ul.grid-col-02 .top:after{width: 14%;}
}


/* 안전투자공시 */
.fw-300{font-weight: 300;}
.fw-400{font-weight: normal;}
.fw-700{font-weight: bold;}
.fw-800{font-weight: 800;}

.safty_04 .pd-box{
    background: #EBF0FF;
    box-shadow: 2px 2px 20px #38465D1F;
    border: 1px solid #DCE5EE;
    border-radius: 20px;
    PADDING: 28px 20px;
    margin-bottom: 24px;
}
.safty_04 .pd-box .bx{display: flex;align-items: flex-start;justify-content: center;}
.safty_04 .pd-box .bx > li{margin-right: 65px;}
.safty_04 .pd-box .bx > li:last-child{margin-right: 0;}
.safty_04 .pd-box .bx h4{font-size: 20px;line-height: 24px;color: #6A6A6A;font-weight: 600;text-align: center;margin-bottom: 17px;}
.safty_04 .pd-box .bx_2{}
.safty_04 .pd-box .bx_2 > li{}
.safty_04 .pd-box .small-bx{background-color: #fff;display: flex;align-items: flex-start;justify-content: center;}
.safty_04 .pd-box .small-bx > li{width: 199px;}
.safty_04 .pd-box .bx-top, .safty_04 .pd-box .bx-cont{font-size: 18px;font-weight: 600;text-align: center;border: 1px solid #7285E5;}
.safty_04 .pd-box .bx-top{color: #6A6A6A;padding: 22px 15px}
.safty_04 .pd-box .bx-cont{min-height: 199px;display: flex;flex-direction: column;align-items: center;justify-content: center;}

.safty_04 .small_bx2 {border-top: 1px solid #7285E5;border-bottom: 1px solid #7285E5;margin: 0 auto;position: relative;z-index: 2;}
.safty_04 .small_bx2 > li{padding: 18px 15px;}
.safty_04 .small_bx2 > li:nth-child(1){border-bottom: 1px solid #7285E5;}
.safty_04 .small_bx2_1 > li{border-left: 1px solid #7285E5;border-right: 1px solid #7285E5;}
.safty_04 .small_bx2_1 > li.flex{display: flex;align-items: center;padding: 0}
.safty_04 .small_bx2_1 > li.flex > div{width: calc(100% / 2);padding: 15px 10px}
.safty_04 .small_bx2_1 > li.flex .bg_b2{border-right: 1px solid #7285E5;}
.safty_04 .small_bx2_1 > li.flex .bg_b3{border-left: 1px solid #7285E5;}
.safty_04 .small_bx2_2 > li{border-right: 1px solid #7285E5;}
.safty_04 .pd-box .bx-cont.bx-cont-rt{align-items: flex-end;position: relative;}
.safty_04 .pd-box .bx-cont.bx-cont-rt::after{
    position: absolute;
    content: '';
    width: 2px;
    height: 100%;
    background-color: #7285E5;
    top: 50%;
    left: 50%;
    transform: translate(-50%,-50%);
    z-index: 1;
}
.safty_04 .pd-box .bx-cont.bx-cont-lf{align-items: flex-start;}

.safty_04 .bg_b1{background-color: #DBE4FF;}
.safty_04 .bg_b2{background-color: #879CFF;color: #fff;}
.safty_04 .bg_b3{background-color: #F5F6FB;}

.safty_04 .pd-box span{display: block;font-size: 16px;font-weight: bold;color: #6A6A6A;margin-top: 24px;text-align: center;}
.safty_04 .pd-txt{font-size: 16px;color: #6A6A6A;line-height: 20px;}
.safty_04 .pd-btm17{padding-bottom: 17px;}
.safty_04 .pd-btm8{padding-bottom: 8px;}

.safty_04 .pd-list{} 
.safty_04 .pd-list > li{margin-left: 87px;line-height: 25px;margin-bottom: 5px;}

.safty_04 .result-wr{
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    z-index: 1000;
}
.safty_04 .result-wr .bg{
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background-color: #000;
    opacity: .4;
    z-index: -1;
}
.safty_04 .result-bx{
    background-color: #fff;
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%,-50%);
    width: 777px;
    height: auto;
    border: 1px solid #DCE5EE;
    box-shadow: 2px 2px 20px #38465D1F;
}

.safty_04 .result-wr .result-inner{padding: 24px 19px;}

.safty_04 .result-wr .scroll{overflow-y: scroll;height: 780px;padding-right: 10px;}
.safty_04 .result-wr .scroll::-webkit-scrollbar {width: 10px;}
.safty_04 .result-wr .scroll::-webkit-scrollbar-thumb {background: #ECECEC;}
.safty_04 .result-wr .scroll::-webkit-scrollbar-track {background: #CCCCCC }

.safty_04 .result-wr .m_title{padding-bottom: 13px;}
.safty_04 .result-wr .m_title h3{font-size: 20px;letter-spacing: -0.8px;}
.safty_04 .result-wr .m_title img{width: 30px;}
.safty_04 .result-wr .result-cont:not(:last-child){padding-bottom: 31px;}
.safty_04 .result-wr h5{font-size: 15px;font-weight: bold;color: #36476F;line-height: normal;margin-bottom: 16px;}
.safty_04 .result-wr p{font-size: 13px;color: #6A6A6A;margin-bottom: 11px;line-height: normal;}
.safty_04 .result-wr p:last-child{margin-bottom: 0;}
.safty_04 .result-wr .bold{font-weight: bold;}
.safty_04 .result-wr .point{color: #4761DE;}
.safty_04 .result-wr .sub-name{display: block; font-size: 14px;font-weight: bold;color: #4761DE;margin-bottom: 20px;}
.safty_04 .result-wr .box:not(:last-child){padding-bottom: 22px;}
.safty_04 .result-wr .bx-tit{display: flex;align-items: center;font-size: 13px;font-weight: bold;color: #6A6A6A;margin-bottom: 8px;}
.safty_04 .result-wr .tit-deco{
    display: inline-block;    
    width: 2px;
    height: 11px;
    background-color: #4761DE;
    margin-right: 5px;
}
.safty_04 .result-wr .grid{display: grid;grid-gap: 10px;}
.safty_04 .result-wr .grid-col-2{grid-template-columns: repeat(2,1fr);}
.safty_04 .result-wr .grid-col-3{grid-template-columns: repeat(3,1fr);}
.safty_04 .result-wr .grid > li{}
.safty_04 .result-wr .grid .name{background-color: #5377D1;font-size: 13px;font-weight: bold;color: #fff;text-align: center;padding: 5px 8px}
.safty_04 .result-wr .grid .data{background-color: #fff;border: 8px solid #ADB9D9;padding: 12px 15px 0 10px}
.safty_04 .result-wr .grid .txt{background-color: #EBF0FF;padding: 8px 12px;font-size: 12px;line-height: normal;color: #6A6A6A;}
.safty_04 .result-wr .grid-col-2 .k-chart{height: 190px;}
.safty_04 .result-wr .grid-col-3 .k-chart{height: 220px;}
.safty_04 .result-wr .k-chart text{font-size: 10px !important;}

.safty_04 table.result-tb{vertical-align: middle;}
.safty_04 table.result-tb thead th{
    background-color: #5377D1;
    padding: 8px 12px;
    font-size: 13px;
    font-weight: bold;
    color: #fff;
    text-align: center;
    border-bottom: 2px solid #fff;
    border-right: 2px solid #fff;
}
.safty_04 table.result-tb thead th:last-child{border-right: 0;}
.safty_04 table.result-tb tbody th, .safty_04 table.result-tb tbody td{
    font-size: 12px;
    color: #6A6A6A;
    text-align: center;
    border: 2px solid #fff;
    padding: 8px 4px;
}
.safty_04 table.result-tb tbody th{
    background-color: #C2CEF2;
    font-weight: bold;
}
.safty_04 table.result-tb tbody td{background-color: #EBF0FF;}
.safty_04 table.result-tb tr:nth-child(2n) td{background-color: #E1E8FF;}




@media (max-width: 1300px){
    .safty_04 .pd-box .bx > li{margin-right: 40px;}
    .safty_04 .pd-box .small-bx > li{width: 150px;}

    .safty_04 .result-bx{width: 90%;}
    .safty_04 .result-wr .scroll{height: 480px;}
}
@media (max-width: 960px){
    .safty_04 .pd-box .small-bx > li{width: 140px;}
    .safty_04 .pd-box .bx-top{padding: 17px 10px;}
    .safty_04 .pd-box .bx-cont{min-height: 169px;}
    .safty_04 .pd-box .bx-top, .safty_04 .pd-box .bx-cont{font-size: 16px;}
    .safty_04 .small_bx2 > li{padding: 10px 8px;}
    .safty_04 .pd-box .bx h4{font-size: 18px;margin-bottom: 12px;}

    .safty_04 .result-wr .result-inner{padding: 20px 10px}
    .safty_04 .pd-box .bx > li{margin-right: 20px;}
}
@media (max-width: 640px){
    .safty_04 .pd-box .bx{flex-direction: column;align-items: center;}
    .safty_04 .pd-box .bx > li{margin-right: 0;margin-bottom: 30px;}
    .safty_04 .pd-box .bx h4{font-size: 16px;margin-bottom: 8px;}
    .safty_04 .pd-box .bx-top, .safty_04 .pd-box .bx-cont{font-size: 14px;}
    .safty_04 .pd-box .bx-top{padding: 12px 8px;}
    .safty_04 .pd-box .bx-cont{min-height: 135px;}
    .safty_04 .pd-box span{font-size: 15px;margin-top: 20px;}
    .safty_04 .pd-txt{font-size: 14px;}
    .safty_04 .pd-list > li{margin-left: 10px;}
    .safty_04 .pd-box .small-bx > li{width: 114px;}

    .safty_04 .result-wr .scroll::-webkit-scrollbar {width: 6px;}
    .safty_04 .result-wr .m_title h3{font-size: 18px;}
    .safty_04 .result-wr .grid{grid-template-columns: 1fr;grid-gap: 15px;}
    .safty_04 .result-wr .tb-wr{overflow-x: scroll;}
    .safty_04 table.result-tb{width: 650px;}
}
@media (max-width: 390px){
    .safty_04 .pd-box span{font-size: 14px;}
}




.sub-title{display: flex;align-items: center;padding-bottom: 20px;}
.sub-title .icon{margin-right: 12px;}
.sub-title h4{font-size: 25px;color: #5876FF;letter-spacing: -1px;line-height: 30px;}
button.report-down{
    display: flex;
    align-items: center;
    justify-content: center;
    background-color: #F9FBFC;
    border: 1px solid #4761DE;
    border-radius: 19px;
    padding: 11px 28px;
    margin-bottom: 14px;
    margin-left: auto;
}
button.report-down .icon{margin-right: 11px;}
button.report-down span{
    display: inline-block;
    font-size: 15px;
    color: #6A6A6A;
}

@media (max-width: 640px){
    .sub-title h4{font-size: 18px;}
    button.report-down{padding: 8px 20px;}
    button.report-down span{font-size: 14px;}
    button.report-down .icon{margin-right: 6px;width: 12px;}
}



.safty_04 .tb-cont{padding: 30px 23px}
.safty_04 .manage-step ul.steptTit{grid-template-columns: repeat(2,1fr);}
.safty_04 .manage-step ul.steptTit li.highlight{
    border-top: 1px solid #A5B4FF;
    border-left: 1px solid #A5B4FF;
    border-right: 1px solid #A5B4FF;
}
.safty_04 .logo-wr{display: grid;grid-template-columns: repeat(5,1fr);grid-gap: 15px 14px;}
.safty_04 .logo-wr > li{background-color: #EBF0FF;border-radius: 20px;padding: 29px 16px 14px;}
.safty_04 .logo-wr .i-top{display: block;font-size: 18px;font-weight: 300;color: #36476F;text-align: center;} 
.safty_04 .logo-wr .i-tit{font-size: 24px;font-weight: 600;color: #36476F;margin-top: 5px;text-align: center;} 
.safty_04 .logo-wr .logoBx{background-color: #fff;padding: 15px; border: 1px solid #E4EBF4;border-radius: 20px;margin-top: 20px;min-height: 75px;display: flex;align-items: center;justify-content: center;}
.safty_04 .logo-wr .logoBx .logo-img{margin: 0 auto}

.safty_04 .page-wr{display: flex;align-items: center;justify-content: center;padding: 36px 0 0;}
.safty_04 .page-wr > li{font-size: 14px;color: #6A6A6A;font-weight: 300;}
.safty_04 .page-wr > li:not(:last-child){margin-right: 15px;}
.safty_04 .page-wr > li.current{font-weight: 600;width: 22px;height: 22px;background-color: #879CFF;color: #fff;display: flex;align-items: center;justify-content: center;border-radius: 100%;}

@media (max-width: 1300px){
    .safty_04 .logo-wr{grid-template-columns: repeat(4,1fr);}
}
@media (max-width: 960px){
    .safty_04 .logo-wr{grid-template-columns: repeat(3,1fr);}
}
@media (max-width: 640px){
    .safty_04 .logo-wr{grid-template-columns: repeat(2,1fr);}
    .safty_04 .logo-wr .i-top{font-size: 16px;}
    .safty_04 .logo-wr .i-tit{font-size: 20px;}
}
@media (max-width: 450px){
    .safty_04 .logo-wr{grid-template-columns: 1fr;}
}




.sty-tb-bx{border-bottom: 2px solid #AFAFAF;padding-bottom: 20px;margin-bottom: 40px;}
.sty-tb-bx p{font-size: 15px;line-height: 18px;color: #7A7A7A;text-align: center;font-weight: 600;padding-top: 7px;}
table.sty-tb{margin-bottom: 13px;}
table.sty-tb thead{border-top: 1px solid #E4EBF4}
table.sty-tb thead tr th{background-color: #EBF0FF;font-size: 17px;font-weight: 600;color: #36476F;padding: 11px 8px;border-top: 2px solid #4761DE; text-align: center;}
table.sty-tb .txt-center{text-align: center;}
table.sty-tb .txt-left{text-align: left;}
table.sty-tb tbody{border-top: 2px solid #CDD7F1;}
table.sty-tb tbody tr th{padding: 12px 13px;}
table.sty-tb tbody tr th, table.sty-tb tbody tr td {border-bottom: 1px solid #E4EBF4;border-left: 1px solid #E4EBF4;}
table.sty-tb tbody tr td{font-size: 15px;color: #7A7A7A;padding: 8px 13px;}
table.sty-tb tbody tr th.top-tit{width: 188px; background-color: #F3F6FF;font-size: 16px;font-weight: 600;text-align: center;color: #36476F;border-right: 1px solid #E4EBF4;border-left: 0;}
table.sty-tb tbody tr .sub-tit{min-width: 120px;word-break: keep-all; background-color: #F9FBFC;font-size: 15px;line-height: 18px; font-weight: 600;color: #7A7A7A;padding: 6px 13px;border-left: 0; border-right: 1px solid #E4EBF4;}
table.sty-tb .bo-rt-none{border-right: 0 !important;}
table.sty-tb .bo-btm{border-bottom: 2px solid #CDD7F1;}
table.sty-tb .bo-top{border-top: 2px solid #CDD7F1;}
table.sty-tb .bg-rt-blue{background-color: #F3F6FF !important;}


.sty-tb-bx label{display: inline-block;word-break: keep-all;line-height: 22px;}
.sty-tb-bx .txtBx{width: 100%;height: 25px;background-color: transparent;border-radius: 0;padding: 0;}
.sty-tb-bx .txtBx.center{text-align: center;}
/* .sty-tb-bx .txtBx.readonly:focus{ outline: none;} */
.sty-tb-bx .txt-area{font-family: 'Pretendard';width: 100%;min-height: 80px;border: 0;resize: none;padding: 10px 5px;}
.sty-tb-bx .txt-area,
.sty-tb-bx .txt-area::placeholder{font-size: 15px;color: #7A7A7A;}

.sty-tb-bx .date{display: flex;align-items: center;justify-content: flex-end;padding-top: 20px;}
.sty-tb-bx .date > li{display: flex;align-items: center;font-size: 15px;line-height: 19px;color: #7A7A7A;margin-right: 10px;}
.sty-tb-bx .date .txtBx{width: 40px;text-align: right;padding-right: 2px;}

.file-popup p.info-txt{font-size: 14px;margin-top: 6px;text-align: left;}
.file-popup .popupBtn-wrap{padding-top: 35px;}

.safty_04 .titleInfo{flex-direction: column; align-items: flex-start !important;justify-content: flex-start !important;}
.safty_04 .file-cont{margin-top: 25px;}
.safty_04 .file-cont .file-wrap{margin-bottom: 5px;}
.safty_04 .file-cont .file-wrap:last-child{margin-bottom: 0;}

.safty_04 .data-step{position: relative; display: flex;align-items: center;justify-content: center;padding-bottom: 26px;z-index: 1;margin: 0 150px;}
.safty_04 .data-step::after{
    position: absolute;
    content: '';
    width: 915px;
    height: 14px;
    background-color: #ADB9D9;
    border-radius: 38px;
    z-index: -2;
}
.safty_04 .data-step::before{
    position: absolute;
    content: '';
    height: 14px;
    background-color: #4761DE;
    border-radius: 38px;
    left: 0;
    z-index: -1;
}
.safty_04 .d-step1::before{width: calc(100% / 5);}
.safty_04 .d-step2::before{width: calc(100% / 3);}
.safty_04 .d-step3::before{width: calc(100% / 2);}
.safty_04 .d-step4::before{width: calc(100% / 1.5);}
.safty_04 .d-step5::before{width: 100%;}

.safty_04 .data-step > li.step{
    display: flex;
    align-items: center;
    justify-content: center;
    background-color: #fff;
    border: 1px solid #ADB9D9;
    border-radius: 32px;
    padding: 16px 23px;
}
.safty_04 .data-step > li.step:not(:last-child){margin-right: 8px;}
.safty_04 .data-step img.icon{margin-right: 7px;}
.safty_04 .data-step img.hover-icon{display: none;}
.safty_04 .data-step span{font-size: 17px;font-weight: bold;color: #4761DE;}

.safty_04 .data-step > li.current{background-color: #4761DE;border-color: #4761DE;}
.safty_04 .data-step > li.current img.basic-icon{display: none;}
.safty_04 .data-step > li.current img.hover-icon{display: inline-block;}
.safty_04 .data-step > li.current span{color: #fff;}

.safty_04 .tooltip{margin-top: 8px;}
.safty_04 .tooltip button{
    background-color: #879CFF;
    border: 1px solid #E4EBF4;
    width: 88px;
    height: 24px;
    font-size: 14px;
    color: #fff;
    text-align: center;
    border-radius: 12px;
}
.safty_04 .tooltip .tooltip-right{top: 0;left: 169px;}
.safty_04 .tooltip .tooltip-right::after{display: none;}
.safty_04 .tooltip .tooltiptext{width: 518px;word-break: keep-all;text-align: left;color: #7A7A7A;font-weight: 400; padding: 21px 23px;background-color: #EBF0FF;border: 1px solid #879CFF;border-radius: 21px;}
.safty_04 .tooltip .tooltiptext span{display: block;padding-bottom: 12px;}
.safty_04 .tooltip span.bx{
    border: 1px solid #bcbcbc;
    border-radius: .5rem;
    padding: 5px;
    font-weight: normal;
    line-height: 20px;
    margin-top: 5px;
}


.safty_04 .btn-wrap{display: flex;align-items: center;justify-content: flex-end;padding-top: 25px;}
.safty_04 .btn-wrap button{
    font-size: 16px;
    border-radius: 29px;
    padding: 15px 27px;
}
.safty_04 .btn-wrap button:not(:last-child){margin-right: 16px;}
.safty_04 .btn-wrap button.buleBtn{background-color: #4761DE;color: #fff;}
.safty_04 .btn-wrap button.wtBtn{background-color: #fff;border: 1px solid #4761DE;color: #6A6A6A;}


table.sty-tb .filebox.input-file{width: 100%;display: flex;align-items: center;justify-content: space-between;}
table.sty-tb .filebox.input-file label.name-label{display: contents}
table.sty-tb .filebox.input-file .file-name{
    background-color: transparent;
    width: 85% !important;
    height: 32px;
    padding-left: 5px;
    font-size: 15px;
    color: #7A7A7A !important;
    font-weight: 500;
}
table.sty-tb .filebox.input-file .file-label{background-color: #4761DE;width: 10%; height: 32px;line-height: 32px;font-size: 13px;}
table.sty-tb .info-txt{font-size: 14px;font-weight: 300;text-align: right;}
table.sty-tb .info-txt span.red{color: #E10000;}

.safty_04 ul.check{display: flex;align-items: center;justify-content: center;padding-top: 20px;}
.safty_04 ul.check > li{font-size: 15px;display: flex;align-items: center;margin-right: 12px;color: #7A7A7A;}
.safty_04 ul.check span.tit{display: inline-block;font-size: 15px;color: #7A7A7A;font-weight: 600;}
.safty_04 .check input[type="checkbox"]{width: 18px;height: 18px;border-radius: 5px;}
.safty_04 .check input[type="checkbox"]:checked{}


.safty_04.saftyPlan .cont-m .chart-wrap{padding: 25px 15px 10px;}
.safty_04.saftyPlan .cont-m .chart-wrap .k-chart{height: 270px !important;}
.safty_04.csPage .cs_cont .cont_top{background-color: #4761DE;color: #fff;}

.safty_04 .input-flex > li{display: flex;align-items: center;justify-content: center;}
.safty_04 .input-flex label{width: 40%;}
.safty_04 .input-flex .txtBx{width: 60%;}

.safty_04 .filebox .info-txt{font-size: 14px;margin-top: 10px;}

.safty_04 .tb-chk{border-width: 1px;border-radius: 3px;width: 16px;height: 16px;}

@media (max-width: 1300px){
    .safty_04 .data-step{margin: 0 50px;}
    .safty_04 .data-step > li.step{flex-direction: column;padding: 8px 32px}
    .safty_04 .data-step img.icon{margin-right: 0;margin-bottom: 5px;width: 22px;height: 22px;}
    .safty_04 .data-step::after{width: 100%;}
    .safty_04 .data-step span{font-size: 16px;}

    table.sty-tb tbody tr th.top-tit{font-size: 15px;}
    table.sty-tb tbody tr .sub-tit{min-width: auto;font-size: 14px;}
    table.sty-tb tbody tr .sub-tit br{display: none;}
    table.sty-tb tbody tr td{font-size: 13px;}
    .sty-tb-bx .txtBx{font-size: 13px;}
}

@media (max-width: 960px){
    .csPage.safty_04 .cs_cont .view-wrap .file-wrap{margin-top: 0;}
}
@media (max-width: 500px){

    .csPage .write-tb table tr.td-cont02 td input[type=text]{width: 60% !important;}
    .safty_04 .filebox.input-file .file-name{width: 58%;}
    .safty_04 .filebox.input-file .file-label{
        height: 38px;
        line-height: 40px;
        width: 30%;
        font-size: 13px;
    }

}



/* **************** */
/* 기관손상사고 예방 자가점검표 */
.scrollLock { overflow: hidden; }
.info-popup{
    position: fixed;
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
    z-index: 9999;
    opacity: 1;
    visibility: visible;
}

.info-popup.view{
    opacity: 0;
    visibility: hidden;
}
.info-popup .top{display: flex;align-items: center;justify-content: space-between;padding-bottom: 22px;margin: 0 10px}
.info-popup .top h4{font-size: 35px;font-weight: 500;}
.info-popup .top span.bold{font-weight: 700;}
.info-popup .box{
    width: 898px;
    height: auto;
    position: absolute;
    background-color: #fff;
    top: 50%;
    left: 50%;
    transform: translate(-50%,-50%); 
    padding: 25px 23px;
    border: 1px solid #707070;
    border-radius: 20px;
    z-index: 1;
}
.info-popup .bg{
    position: absolute;
    width: 100%;
    height: 100%;
    top: 0px;
    left: 0px;
    background-color: #041723cc;
    z-index: -1;
}
.info-popup .box .close{
    position: absolute;
    top: 25px;
    right: 28px;
    width: 40px;
    height: 40px;
    cursor: pointer;
}
.info-popup .box .close span{
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%,-50%) rotate(-45deg);
    width: 31px;
    height: 2px;
    background-color: #B9B9B9;
}
.info-popup .box .close span:nth-child(2){
    transform: translate(-50%,-50%) rotate(45deg);
}

.info-popup .box .content{
    width: 100%;
    height: 100%;
    background-color: white;
}


.info-popup .tb-scoll{overflow-y: scroll;height: 620px;padding-right: 10px;}
.info-popup .tb-scoll::-webkit-scrollbar {width: 12px;}
.info-popup .tb-scoll::-webkit-scrollbar-thumb {background: #ECECEC;}
.info-popup .tb-scoll::-webkit-scrollbar-track {background: #CCCCCC }

.info-popup table thead th{
    background-color: #4761DE;
    border-radius: 10px 10px 0 0;
    padding: 15px 16px;
    text-align: center;
    font-size: 18px;
    color: #fff;
    border-right: 1px solid #fff;
    white-space: nowrap;
}
.info-popup table thead th:last-child{border-right: 0;}
.info-popup table tbody th, .info-popup table tbody td{padding: 16px 11px;border: 2px solid #fff}
.info-popup table tbody th{
    width: 64px;
    font-size: 19px;
    font-weight: bold;
    vertical-align: middle;
    color: #FFFFFF;
    writing-mode: vertical-rl;
    text-orientation: upright;
    text-align: center;
}

.info-popup table .bg_blue{background-color: #007CE9;}
.info-popup table .bg_blue2{background-color: #DBEEFF !important;}
.info-popup table .bg_red{background-color: #E53476;}
.info-popup table .bg_red2{background-color: #FFE6F0 !important;}

.info-popup table tbody td{font-size: 19px;font-weight: 500;color: #223A4A;line-height: 22px;}
.info-popup table tbody td .chk-bx{width: 80px;}
.info-popup table tbody td .chk-bx .tb-chk{width: 23px;height: 23px;}
.info-popup table .pd-none{padding: 1px;}
.info-popup table  img.cont-img{width: 100%;height: 95px;object-fit: contain;object-position: center;;}

.chk-bx{display: flex;align-items: center;justify-content: center;}
.tb-chk {
    -webkit-appearance: none;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    position: relative;
    width: 19px;
    height: 19px;
    cursor: pointer;
    outline: none !important;
    border: 2px solid #ADB9D9;
    vertical-align: middle;
}
.tb-chk::before {
    content: "\2713";
    position: absolute;
    top: 50%;
    left: 50%;
    overflow: hidden;
    transform: scale(0) translate(-50%, -50%);
    line-height: 1;
    color: #fff;
    font-size: 14px;
    font-weight: bold;
}
.tb-chk:checked {background-color: #ADB9D9;border: 1px solid #ADB9D9;color: #fff;}
.tb-chk:checked::before {border-radius: 4px;transform: scale(1) translate(-50%, -50%)}




.info-popup .bg_color1 th{background-color: #1CBFBF;}
.info-popup .bg_color1 td{background-color: #E1F6F6;}
.info-popup .bg_color2 th{background-color: #89A3E3;}
.info-popup .bg_color2 td{background-color: #EBF0FF;}
.info-popup .bg_color3 th{background-color: #F5BA75;}
.info-popup .bg_color3 td{background-color: #F8E8D6;}

.info-popup .tb-btn-wr{padding-top: 18px;}
.info-popup .tb-btn-wr button{
    width: 100%;
    background-color: #4761DE;
    border-radius: 28px;
    font-size: 24px;
    color: #fff;
    text-align: center;
    padding: 12px 10px;
}
.info-popup .flex-btm{display: flex;align-items: center;justify-content: space-between;padding-top: 43px;}
.info-popup .flex-btm .logo{width: 121px;}
.info-popup .flex-btm .txt{position: relative;width: 556px;background-color: #E4EFEF;border-radius: 26px;padding: 16px 35px;}
.info-popup .flex-btm p{font-size: 23px;color: #223A4A;font-weight: bold;text-align: left;text-shadow: -1px 0px  #fff, 0px 1px #fff, 1px 0px  #fff, 0px -1px  #fff;}
.info-popup .flex-btm .red{color: #E21B7F;}
.info-popup .flex-btm .icon{
    position: absolute;
    right: 0;
    top: 50%;
    transform: translateY(-50%);
}

@media (max-width: 1300px){
    .info-popup .tb-scoll{height: 280px;}
}
@media (max-width: 960px){
    .info-popup .box{width: 90%;}
    .info-popup .flex-btm p{font-size: 18px;}
    .info-popup .flex-btm .txt{width: 455px;}
}
@media (max-width: 640px){
    .info-popup .top{padding-bottom: 16px;}
    .info-popup .top h4{font-size: 20px;}
    .info-popup .box .close{top: 8px;right: 8px;;}
    .info-popup .box{padding: 20px 10px}
    .info-popup table thead th{font-size: 13px;padding: 8px 4px;white-space: nowrap;border-radius: 7px 7px 0 0;}
    .info-popup table tbody th, .info-popup table tbody td{padding: 8px 4px;}
    .info-popup table tbody th{font-size: 13px;width: 40px;}
    .info-popup table tbody td{font-size: 13px;line-height: 20px;}
    .info-popup .tb-btn-wr{padding-top: 20px;}
    .info-popup .tb-btn-wr button{font-size: 16px;}
    .info-popup .tb-scoll{padding-right: 4px;}
    .info-popup .tb-scoll::-webkit-scrollbar {width: 5px;}

    .info-popup table tbody td .chk-bx{width: 36px;}
    .info-popup table tbody td .chk-bx .tb-chk{width: 17px;height: 17px;}
    .info-popup table img.cont-img{height: 100%;}

    .info-popup .flex-btm{padding-top: 28px;}
    .info-popup .flex-btm .logo{width: 89px;}
    .info-popup .flex-btm .txt{padding: 8px 12px 8px 20px;width: 62%;}
    .info-popup .flex-btm p{font-size: 15px;line-height: 16px;}
    .info-popup .flex-btm p br.br_mo{display: inline-block;}
    .info-popup .flex-btm .icon{width: 43px;margin-top: -6px;}
}
@media (max-width: 390px){
    .info-popup .flex-btm p{font-size: 14px;}
    .info-popup table tbody td{line-height: 17px;}
}


/* mtis 소개 페이지 */
.safty_04.mtis_intro ul.steptTit{grid-template-columns: repeat(3,1fr);}
.safty_04.mtis_intro ul.steptTit li.br-tit br{display: none;}

.mtis_intro{word-break: keep-all;}
.mtis_intro .flex{display: flex;align-items: center;}
.mtis_intro .blue{color: #4761DE;}
.mtis_intro .bold{font-weight: bold;}
.mtis_intro .fw-400{font-weight: 400;}
.mtis_intro .intro_cont{padding: 42px 0 120px;}
.mtis_intro .pt-20{padding-top: 20px;}

.mtis_intro .it_cont:not(:last-child){padding-bottom: 40px;}
.mtis_intro .it_cont img.cont-mo{display: none;}
.mtis_intro h3.cont-tit{font-size: 20px;font-weight: bold;letter-spacing: -0.8px;color: #4761DE;padding-bottom: 15px;}
.mtis_intro h3.cont-tit .icon{margin-right: 12px;}
.mtis_intro .txt{font-size: 16px;color: #6A6A6A;line-height: 27px;}
.mtis_intro .txt_wr{padding-left: 33px;}
.mtis_intro .txt_wr h4{font-size: 18px;font-weight: bold;color: #292929;}
.mtis_intro .txt_wr h4:not(:last-child){margin-bottom: 10px;}
.mtis_intro ul.txt-bx.fw-400 .icon_tit{font-weight: 400;}
.mtis_intro ul.txt-bx > li{}
.mtis_intro .icon_tit{font-size: 16px;font-weight: bold;color: #6A6A6A;padding-bottom: 10px;line-height: normal;}
.mtis_intro .icon_tit .icon{margin-right: 10px;}
.mtis_intro .icon_tit .pink{
    display: inline-block;
    background-color: #FC9A43;
    color: #fff;
    padding: 3px 2px;
}
.mtis_intro ul.txt_list{padding-left: 25px;padding-bottom: 25px;}
.mtis_intro ul.txt_list2{padding-bottom: 0;}
.mtis_intro ul.txt_list > li{position: relative;margin-left: 20px;}
.mtis_intro ul.txt_list > li::after{
    position: absolute;
    content: '';
    background: url(../images/sub/ico_list2.png) no-repeat center / contain;
    width: 8px;
    height: 8px;
    top: 50%;
    left: -15px;
    transform: translateY(-50%);
    z-index: 1;
}
.mtis_intro ul.txt_list > li.point_none::after{display: none;}

.mtis_intro .rt-box{
    position: relative;
    height: 189px;
    background-color: #fff;
    border-radius: 27px;
    border: 1px solid #4761DE;
    margin: 38px 0 55px;
    box-shadow: 2px 2px 20px #38465D1F;
}
.mtis_intro .rt-box ul.txt_list > li::after{ background: url(../images/sub/ico_list.png) no-repeat center / contain;}
.mtis_intro .rt-box .box_tit{
    position: absolute;
    left: 10px;
    top: -28px;
    background-color: #879CFF;
    border-radius: 30px;
    font-size: 20px;
    color:#fff;
    font-weight: 600;
    letter-spacing: -0.9px;
    padding: 18px 70px;
}
.mtis_intro .rt-box .txt_list, .mtis_intro .rt-box .rgt-bx{width: 50%;height: 100%;}
.mtis_intro .rt-box .txt_list{
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    justify-content: center;
    padding-top: 35px;
    padding-left: 74px;
}
.mtis_intro .rt-box .rgt-bx{
    position: relative;
    width: 50%;
    height: 100%;
    background-color: #F8FAFF;
    justify-content: flex-start;
    overflow: hidden;
    border-radius: 0 27px 27px 0;
    border: 1px solid #A5B4FF;
    padding-left: 88px;
}
.mtis_intro .rt-box .rgt-bx::after{
    position: absolute;
    content: '';
    top: 50%;
    left: 0;
    transform: translateY(-50%);
    background: url(../images/sub/ico_arrow_sq.png) no-repeat center / contain;
    width: 23px;
    height: 35px;
    z-index: 2;

}
.mtis_intro .rt-box .rgt-bx:not(:last-child){margin-bottom: 24px;}
.mtis_intro .rt-box .rgt-bx .icon{margin-right: 25px;}
.mtis_intro .rt-box .rgt-bx span, 
.mtis_intro .rt-box .rgt-bx strong{display: block;font-weight: bold;}
.mtis_intro .rt-box .rgt-bx span{font-size: 16px;color: #6A6A6A;line-height: normal;word-break: keep-all;}
.mtis_intro .rt-box .rgt-bx strong{font-size: 20px;color: #4761DE;margin-top: 10px;}



.mtis_intro .num{
    display: inline-block;
    background-color: #4761DE;
    width: 20px;
    height: 20px;
    border-radius: 100%;
    font-size: 18px;
    font-weight: bold;
    color: #fff;
    text-align: center;
    line-height: 20px;
    margin-right: 13px;
}
.mtis_intro .dt-txt{
    background-color: #F8FAFF;
    border:1px solid #A5B4FF;
    padding: 14px 15px;
    margin-top: 10px;
}
.mtis_intro .dt-txt .icon{margin-right: 5px;}


.mtis_intro .it_cont.it_1  ul.txt_list > li::after{
    background: url(../images/sub/ico_c_list1.png) no-repeat center / contain;
}


.mtis_intro .it_cont.it_2 h3.cont-tit{color: #2D76E3;}
.mtis_intro .it_cont.it_2 .num{background-color: #2D76E3;}
.mtis_intro .it_cont.it_2 .dt-txt{background-color: #F1F6FF;border-color: #6B9AE1;}
.mtis_intro .it_cont.it_2  ul.txt_list > li::after{
    background: url(../images/sub/ico_c_list2.png) no-repeat center / contain;
}

.mtis_intro .it_cont.it_3 h3.cont-tit{color: #1B84EC;}
.mtis_intro .it_cont.it_3 .num{background-color: #1B84EC;}
.mtis_intro .it_cont.it_3 .dt-txt{background-color: #F3F9FF;border-color: #6EA4D9;}
.mtis_intro .it_cont.it_3  ul.txt_list > li::after{
    background: url(../images/sub/ico_c_list3.png) no-repeat center / contain;
}

.mtis_intro .it_cont.it_4 h3.cont-tit{color: #1B9BF1;}
.mtis_intro .it_cont.it_4 .num{background-color: #1B9BF1;}
.mtis_intro .it_cont.it_4 .dt-txt{background-color: #F3FBFF;border-color: #69B2E2;}
.mtis_intro .it_cont.it_4  ul.txt_list > li::after{
    background: url(../images/sub/ico_c_list4.png) no-repeat center / contain;
}

.mtis_intro .it_cont.it_5 h3.cont-tit{color: #16BFE2;}
.mtis_intro .it_cont.it_5 .num{background-color: #16BFE2;}
.mtis_intro .it_cont.it_5 .dt-txt{background-color: #EFFCFF;border-color: #51BDD4;}
.mtis_intro .it_cont.it_5  ul.txt_list > li::after{
    background: url(../images/sub/ico_c_list5.png) no-repeat center / contain;
}
.mtis_intro .info-top{padding-bottom: 15px;}
.mtis_intro .info-top h3.cont-tit{padding-bottom: 0;}
.mtis_intro .info-top p{font-size: 14px;color: #6A6A6A;padding-left: 10px;}
.mtis_intro .info-top .color{
    display: inline-block;
    width: 16px;
    height: 11px;
    background-color: #FC9A43;
    margin: 0 3px
}

.mtis_intro .year_wr{position: relative;}
.mtis_intro .year_wr::after{
    position: absolute;
    content: '';
    width: 1px;
    height: calc(100% - 69px);;
    background-color: #4761DE;
    top: 20px;
    left: 141px;
}
.mtis_intro .year_wr .icon_tit{font-weight: 600 !important;}
.mtis_intro .year_wr ul.txt_list > li{margin-left: 10px;}
.mtis_intro ul.y-list{
    border-bottom: 1px solid #DCE5EE;
    padding: 30px 0;
    display: flex;
    align-items: flex-start;
}
.mtis_intro ul.y-list:nth-child(1){padding: 15px 0 30px;}
.mtis_intro ul.y-list > li:not(:last-child){margin-right: 62px;}
.mtis_intro ul.y-list strong{position: relative; display: inline-block;width: 82px; font-size: 18px;font-weight: bold;}
.mtis_intro ul.y-list strong::after{
    position: absolute;
    content: '';
    background-color: #4761DE;
    border-radius: 100%;
    width: 8px;
    height: 8px;
    top: 50%;
    right: -30px;
    transform: translateY(-50%);
}
.mtis_intro ul.y-list ul.txt-bx{padding-top: 0;}

.mtis_intro .intro_cont3 ul.txt_list{padding-left: 0;}
.mtis_intro .intro_cont3 ul.txt_list > li{margin-left: 15px;}


@media (max-width: 1300px){
    .mtis_intro .rt-box .txt_list{padding-left: 18px;}
    .mtis_intro .rt-box .rgt-bx{padding-left: 40px;padding-right: 20px;}

    .mtis_intro .it_cont img.cont-pc{width: 100%;}
    .mtis_intro .rt-box .rgt-bx .icon{width: 65px;margin-right: 10px;}
    .mtis_intro .rt-box .rgt-bx span{font-size: 15px;}
}
@media (max-width: 960px){
    .mtis_intro ul.txt_list > li{margin-bottom: 8px;}
    .mtis_intro .txt{line-height: 23px;}

    .mtis_intro .rt-box{height: 222px;}
    .mtis_intro .rt-box .txt_list{width: 45%;padding-right: 20px;}
    .mtis_intro .rt-box ul.txt_list > li::after{top: 12px;}

    .mtis_intro .dt-txt{align-items: flex-start;}
    .mtis_intro .dt-txt .icon{margin-top: 6px;}

    .mtis_intro .rt-box .rgt-bx{width: 55%;}

}
@media (max-width: 900px){
    .mtis_intro .rt-box{height: 100%;flex-direction: column;}
    .mtis_intro .rt-box .box_tit{font-size: 18px;padding: 12px 22px;top: -22px;}

    .mtis_intro .rt-box .txt_list, .mtis_intro .rt-box .rgt-bx{width: 100%;}
    .mtis_intro .rt-box .txt_list{padding: 50px 20px 30px;}
    .mtis_intro .rt-box .rgt-bx{flex-direction: column;justify-content: center;border-radius: 0 0 27px 27px;padding: 40px 20px 40px}
    .mtis_intro .rt-box .rgt-bx{border-bottom: 0;border-left: 0;border-right: 0;}
    .mtis_intro .rt-box .rgt-bx .icon{margin-right: 0;margin-bottom: 10px;width: 60px;}
    .mtis_intro .rt-box .rgt-bx span, 
    .mtis_intro .rt-box .rgt-bx strong{text-align: center;}
    .mtis_intro .rt-box .rgt-bx span{font-size: 14px;}
    .mtis_intro .rt-box .rgt-bx strong{font-size: 16px;margin-top: 8px;}
    .mtis_intro .rt-box .rgt-bx::after{
        top: -10px;
        left: 50%;
        transform: translateX(-50%) rotate(90deg);
    }
}
@media (max-width: 640px){
    .mtis_intro .intro_cont{padding: 20px 0 75px;}

    .safty_04.mtis_intro ul.steptTit{grid-gap: 5px;}
    .safty_04.mtis_intro ul.steptTit li.br-tit br{display: block;}
    .safty_04.mtis_intro ul.steptTit li button{font-size: 14px; }
    .safty_04.mtis_intro ul.steptTit li.br-tit button{line-height: 18px !important;}

    .mtis_intro .icon_tit{font-size: 15px;align-items: flex-start;}
    .mtis_intro .icon_tit .icon{
        width: 8px;
        margin-right: 8px;
        height: 16px;
        object-fit: contain;
        object-position: center;
    }
    .mtis_intro .txt{font-size: 15px;}
    .mtis_intro ul.txt_list{padding-left: 10px;}
    .mtis_intro ul.txt_list > li::after{top: 12px;}
    .mtis_intro .rt-box ul.txt_list > li::after{top: 10px;}

    .mtis_intro h3.cont-tit{font-size: 18px;}
    .mtis_intro h3.cont-tit .icon{width: 18px;margin-right: 8px;}
    .mtis_intro .num{font-size: 16px;margin-right: 8px;}

    .mtis_intro .txt_wr{padding-left: 5px;}
    .mtis_intro .txt_wr h4{font-size: 15px;}

    
    
    .mtis_intro .it_cont img.cont-mo{display: block;width: 100%;padding-top: 30px;}
    .mtis_intro .it_cont img.cont-pc{display: none;}

    .mtis_intro .year_wr::after{display: none}
    .mtis_intro ul.y-list{flex-direction: column;align-items: flex-start;padding: 15px 0}
    .mtis_intro ul.y-list:nth-child(1){padding: 15px 0;}
    .mtis_intro ul.y-list strong{margin-right: 0;margin-bottom: 15px;}
    .mtis_intro ul.y-list strong::after{display: none;}

    .mtis_intro .info-top{flex-direction: column;align-items: flex-start;padding-bottom: 25px;}
    .mtis_intro .info-top p{padding-left: 0;padding-top: 12px;}
    .mtis_intro .dt-txt{padding: 8px 12px;}

    
}
@media (max-width: 390px){
    .safty_04.mtis_intro ul.steptTit li button{font-size: 15px;}
    .safty_04.mtis_intro ul.steptTit li.br-tit button{line-height: 17px !important;}
}



/* 어선제원등확인표 */
.shipChk{transform: translateX(0%); opacity: 1;}
.shipChk .box{width: 1200px;}
.shipChk h3{font-size: 18px;text-align: left;color: #4761de; padding-bottom: 10px;padding-left: 12px;}
.shipChk input[type=text].txt-cmn{font-size: 14px;width: 100%;min-width: 80px; height: 30px;padding: 0 10px; text-align: center;; background-color: #fff;border: 1px solid #eee}
.shipChk .k-datepicker{width: 100% !important;height: 30px; background-color: #fff;border: 1px solid #eee;}
.shipChk .k-input-md .k-input-inner, .shipChk .k-picker-md .k-input-inner{height: 30px;background-color: #fff;text-align: center;}
.shipChk .k-grid tr td button{width: auto;background-color: #fff;}
.shipChk .k-button-md.k-icon-button>.k-button-icon{color: #484848;}
.shipChk .draw-wrap .fb_safety .k-grid th{border-bottom: 1px solid #e8ebf3 ;}
.shipChk .check_info .tb-wr:not(:last-child){padding-bottom: 20px;}
.shipChk .k-picker{background-color: #fff !important;width: 100% !important; height: 30px !important;}
.shipChk .flex{display: flex;align-items: center;justify-content: center;}
.shipChk .flex > li{width: 100%;}
.shipChk .flex > li:not(:last-child){margin-right: 10px;}
.shipChk .k-grid td{padding: 8px 12px !important}

@media (max-width: 1300px){
    .shipChk .box{width: 85%;}
}
@media (max-width: 640px){
    .shipChk h3{font-size: 16px;}
    .shipChk input[type=text].txt-cmn{height: 25px;}
    .shipChk .k-datepicker{height: 25px;}
    .shipChk .k-picker{height: 25px !important;}
    .shipChk .k-input-md .k-input-inner, .shipChk .k-picker-md .k-input-inner{height: 25px;font-size: 14px;}
    .shipChk .k-button-md.k-icon-button>.k-button-icon{min-height: 14px;font-size: 14px;}

    .shipChk .k-datepicker{min-width: 110px;}
    .shipChk input[type=text].txt-cmn{min-width: 70px;}

}