@charset "utf-8";
* { margin: 0; padding: 0; box-sizing: border-box;}
#wrap{ height: 100%; width: 100%; position: absolute; top: 0; left: 0; right: 0; bottom: 0; overflow-y: hidden; overflow-x: auto; background: #f7f7f7;}
html {overflow:auto;}
body {overflow:auto; position: relative; height: 100vh; background: #ffffff; letter-spacing: -0.02em;}
img { max-width: 100%;}

#content{ position: relative;}
#content{ left: 200px; float: left; width: calc(100% - 200px); min-width: 1280px; height: 100%; padding: 0 50px; zoom: 1; z-index: 79; box-sizing: border-box;}
#content .cont_body{ position: relative; width: 100%; padding-top: 25px; z-index: 20; zoom: 1;}
#content .cont_body .title{ position: relative; display: inline-block; line-height: 42px; font-size: 25px; color: #262527; font-weight: 500; letter-spacing: -0.05em; vertical-align: middle;}
#content .cont_body .title .tit_icon{ cursor: pointer; }
#content .cont_body .title .tit_icon > img{ margin-top: -5px; }
#content .cont_body .title01{font-size:16px;font-weight:bold;color:#5a5a5a;}
/*2020 포도나무관리자페이지 수정 KYJ*/
#content .cont_body .tip-wrap { display: inline-block; position: relative; z-index: 2; margin-top: -5px; margin-left: 9.25px; vertical-align: middle;}
#content .cont_body .title_box{ display: none; width: auto; height: auto; white-space: nowrap; padding: 15px 30px 15px 15px; border-radius: 8px; border: 1px solid #E8E8E8; background: #fff; box-shadow: 0 0 7px rgba(0, 0, 0, 0.05), 4px 4px 10px rgba(0, 0, 0, 0.08); box-sizing: border-box; position: absolute; top: 22px; left: 0; z-index: 99; }
#content .cont_body .title_box > span{ position: absolute; top: -18px; left: 35px; }
#content .cont_body .title_box .tit{ font-size: 16px; color: #4549AB; font-weight: 700; margin-bottom: 4px; line-height: 29px;}
#content .cont_body .title_box .px{ font-size: 13px; font-weight: 500; line-height: 20px; color: #757580; letter-spacing: -0.02em;}
#content .cont_body .title_box .px2 .px2_tit{ margin-top: 10px; color: #000; font-weight: 500; letter-spacing: 0px; }
#content .cont_body .title_box table{ width: 100%; margin-top: 5px; border: 1px solid #EBEBEB; }
#content .cont_body .title_box table th{ font-size: 13px; font-weight: 500; color: #8E8E8E; background: #FCFCFC; border-bottom: 1px solid #E8E8E8; text-align: center; line-height: 15px;}
#content .cont_body .title_box table td{ font-size: 13px; font-weight: normal; color: #404040; border: 1px solid #EBEBEB; line-height: 19px;}
#content .cont_body .title_box button { position: absolute; top: 15px; right: 15px; border: 0; background: transparent; box-shadow: none;}
#content .cont_body .title.pd-flex- { display: inline-flex; align-items: center;}
#content .cont_body .title.pd-flex- .tip-wrap { margin-top: 0;}
#content .cont_body .title.pd-flex- .search-wrap { margin-left: 20px;}
#content .cont_body .title.pd-flex- .search-wrap form { display: flex;}
/* 2024 밸류마크 */
.dashboard-head { display: flex; justify-content: space-between; align-items: center;}
.select-box { display: flex; align-items: center; gap: 8px;}

.cont_body-top { margin-bottom: 25px;}
/*.cont_body-top { display: block; margin-bottom: 25px;}*/
.cont_body-top:after { content: ''; display: block; clear: both;}
.cont_body-top > div.table_btn { float: right; text-align: right;}
.cont_body-top > div.table_btn.fl-right { width: auto;}
.cont_body-top .select_wrap { display: inline-block; margin-left: 22.35px;}
.cont_body-top .select_wrap > ul { display: flex; flex-wrap: nowrap;}
.cont_body-top .select_wrap > ul li:first-child { margin-right: 5px;}
.cont_body-top .search-wrap,
.grid-top-box .search-wrap { display: inline-flex; align-items: center; gap: 7px;}
.cont_body-top .search-wrap .k-dropdownlist,
.cont_body-top .search-wrap .k-dropdown { height: 42px; font-size: 14px; font-weight: 500; line-height: 19px; box-sizing: border-box}
.cont_body-top .k-dropdown .k-dropdown-wrap .k-input { line-height: 37px;}
.cont_body-top .k-datepicker,
.grid-top-box .k-datepicker { height: 42px; font-size: 13px; font-weight: 500; line-height: 19px; box-sizing: border-box}
.cont_body-top .k-datepicker .k-picker-wrap .k-input { height: 40px; padding: 8px 0;}
.cont_body-top .k-datepicker .k-picker-wrap .k-select { line-height: 40px;}
.cont_body-top .date-box-wrap .label_text { line-height: 40px;}
.cont_body-top .k-dropdown { height: 42px; font-size: 14px; font-weight: 500; line-height: 19px;}
.cont_body-top .k-dropdown .k-dropdown-wrap .k-input { line-height: 37px;}
.cont_body-top .radio-box-wrap .search-wrap > li { display: inline-flex; gap: 7px; align-items: center;}
.cont_body-top .radio-box-wrap .search-wrap > li > span,
.cont_body-top .radio-box-wrap .search-wrap > li .btn_search { flex-shrink: 0;}
.cont_body-top .radio-box-wrap .search-wrap > li .btn_search { margin: 0;}
.cont_body-top .search-wrap li.text > span{ display: inline-block; flex-shrink: 0; margin-right: 15px; font-size: 14px; font-weight: 500; color: #262527; line-height: 19px; letter-spacing: -0.02em;}

.cont_body-top .search-wrap .flex.gap7 .date-box-wrap { width: 300px;}

.cont_body-top { justify-content: space-between; align-items: center; width: 100%;}
#content .cont_body .title { flex-shrink: 0;}
.cont_body-top.flex > div.table_btn { flex-shrink: 0; width: auto;}
.cont_body-top .radio-box-wrap { display: inline-flex; align-items: center; width: auto; margin-left: 15px;}
.cont_body-topChasu2 { display: flex; justify-content: space-between;}
.cont_body-topChasu2 > div { }
.cont_body-topChasu2 > div.table_btn { width: 85%;}
.cont_body-topChasu2 .search-wrap { margin-left: 20px;}
.cont_body-topChasu2 .search-wrap > li:first-child { flex-shrink: 0;}
.cont_body-topChasu2 .search-wrap .last { display: flex;}

.title2 { display: flex; align-items: center; gap: 8px; margin-bottom: 15px;}

/* 버튼이 많은경우 */
.cont_body-topChasu2.column { flex-direction: column; align-items: flex-start; gap: 10px; margin-bottom: 0;}
.cont_body-topChasu2.column .table_btn { width: 100%; margin-bottom: 10px; text-align: right;}

.cont_body-top2 { margin-bottom: 15px;}
/* 차수관리 상단 */
.cont_body-topChasu { justify-content: flex-start;}
.cont_body-topChasu > div { width: auto;}
.cont_body-topChasu > div.title { /*width: 142px;*/ /*min-width: 125px;*/ margin-right: 20px;}
.cont_body-topChasu > div.table_btn { display: flex; flex-wrap: wrap; justify-content: flex-end; max-width: calc(100% - 180px);}
.cont_body-topChasu > div.table_btn .search-wrap { float: left;}
.cont_body-topChasu > div.table_btn .search-wrap .k-dropdown { height: 42px; font-size: 14px; font-weight: 500; line-height: 19px; box-sizing: border-box}
.cont_body-topChasu > div.table_btn .k-dropdown .k-dropdown-wrap .k-input { line-height: 37px;}
.cont_body-topChasu > div.table_btn .search-wrap li { float: left; padding-left: 7px;}
.cont_body-topChasu > div.table_btn .search-wrap li:first-child { padding-left: 0;}
.cont_body-topChasu > div.table_btn .search-wrap li .k-textbox { border: 1px solid #E8E8E8;}
.cont_body-topChasu > div.table_btn .k-datepicker { height: 42px; font-size: 13px; font-weight: 500; line-height: 19px; box-sizing: border-box}
.cont_body-topChasu > div.table_btn .k-datepicker .k-picker-wrap .k-input { height: 40px;}
.cont_body-topChasu > div.table_btn .k-datepicker .k-picker-wrap .k-select { line-height: 40px;}
.cont_body-topChasu > div.table_btn .date-box-wrap .label_text { line-height: 40px;}
.cont_body-topChasu > div.table_btn .btnBox-wrap { float: right;}
.cont_body-topChasu .search-wrap .k-dropdown { float: left;}
.cont_body-topChasu .search-wrap .date-box-wrap { width: 55%;}

#content .cont_body .px{color:#af5858;font-size:12px;}
#content .cont_body .table_zone{ display: inline-block; width: 100%; min-width: 1100px; }
#content .cont_body .table_tin01{margin-top:15px;display:table;width:100%;}
#content .cont_body .table_tin{position:relative;margin-top:25px;display:table;width:100%;}
#content .cont_body .table_tin ul{float:left;width:100%;}
#content .cont_body .table_tin ul li{float:left;width:47%;}
#content .cont_body .table_tin ul li.line{width:2%;padding:10% 1%;text-align:center;}

/*
*--------------------------------------------*
|                   Header                   |
*--------------------------------------------*
*/
#header{ display: flex; justify-content: space-between; align-items: center; width: 100%; min-width: 1479px; height: 70px; padding-left: 0; background: #fff; border-bottom: 1px solid #EBEBEB; /*box-shadow: 0px 4px 4px rgba(217, 217, 217, 0.5);*/ box-sizing: border-box;}
#header #logo{ display: inline-block; position: relative; width: auto; white-space: nowrap; z-index: 20; padding-left: 16px;}
#header #logo > a{ display: inline-block; height: 100%; padding-left: 20px; line-height: 63px; text-align: left;}
#header #logo > a > img{ display: inline-block; max-width: 100%; vertical-align: middle;}
.logo{ float:left; padding-left: 34px; white-space: nowrap;}
.logo .logo01{ display: table-cell; vertical-align: middle; height: 50px;}
.login_group{ float: right; width: 45px; height: 70px; padding: 15px 0; z-index:99; position: relative; cursor: pointer; box-sizing: border-box;}
.login_group > .login_name { position: relative; width: 45px; height: 45px; line-height: 45px; text-align: center; font-size: 13px; color: #fff; font-weight: 500; letter-spacing: -0.05em; border-radius: 100%; background: var(--primary-500); z-index: 90;}
.login_group .profile_wrap{ position: absolute; top: 38px; right: -20px; display: none; width: 260px; height: auto; padding: 30px 25px; text-align: center; border-radius: 6px; background: #fff; box-shadow: 0 0 7px rgba(0, 0, 0, 0.05), 4px 4px 10px rgba(0, 0, 0, 0.08); box-sizing: border-box; cursor: default; z-index: 80;}
.login_group .profile_wrap { display: none;}
.login_group .profile_wrap.on { display: block;}
.head-login-box:after { content: ''; display: block; clear: both;}
.btn-nt { display: flex; align-items: center; position: absolute; top: 15px; right: 110px; padding: 12px 18px; border: 1px solid #DDDDDD; border-radius: 20px; background: #ffffff; font-size: 14px; font-weight: 500; color: #464CC2; line-height: 12px; letter-spacing: -0.02em;}
.btn-nt .icon.icon-nt-my { width: 16px; height: 16px; margin-right: 5px;}
.profile_wrap .info_name{ width: 100%; margin-bottom: 10px; line-height: 26px; text-align: center; font-size: 18px; color: #25213B; font-weight: bold; letter-spacing: -0.02em;}
.profile_wrap .info_team{ margin-bottom: 5px; line-height: 12px; text-align: center; font-size: 12px; color: #8E8E8E; font-weight: normal; font-family: var(--GmarketSansLight);}
.profile_wrap p.info_role{ line-height: 12px; text-align: center; font-size: 12px; color: #8E8E8E; font-weight: normal; font-family: var(--GmarketSansLight);}
.profile_wrap > ul{ display: inline-block; width: 100%; height: 65px; margin-top: 18px;}
.profile_wrap > ul > li{ float: left; height: 100%; margin-right: 22.5px; cursor: pointer;}
.profile_wrap > ul > li.mypage{ width: 55px;}
.profile_wrap > ul > li.changepw{ width: 66px;}
.profile_wrap > ul > li.logout{ width: 44px; margin-right: 0;}
.profile_wrap > ul > li > span{ display: block; width: 38px; height: 38px; margin: 0 auto 8px; border-radius: 10px;}
.profile_wrap > ul > li.mypage > span{ background: url("../../images/runway/admin/icon_user_mypage.png") no-repeat 50% 50% #f2f3ff;}
.profile_wrap > ul > li.mypage:hover > span{ background: url("../../images/runway/admin/icon_user_mypage_on.png") no-repeat 50% 50% var(--primary-700);}
.profile_wrap > ul > li.changepw > span{ background: url("../../images/runway/admin/icon_user_changepw.png") no-repeat 50% 50% #f2f3ff;}
.profile_wrap > ul > li.changepw:hover > span{ background: url("../../images/runway/admin/icon_user_changepw_on.png") no-repeat 50% 50% var(--primary-700);}
.profile_wrap > ul > li.logout > span{ background: url("../../images/runway/admin/icon_user_logout.png") no-repeat 50% 50% #f2f3ff;}
.profile_wrap > ul > li.logout:hover > span{ background: url("../../images/runway/admin/icon_user_logout_on.png") no-repeat 50% 50% var(--primary-700);}
.profile_wrap > ul > li > p{ width: 100%; line-height: 17px; text-align: center; font-size: 12px; color: #25213b; font-weight: 400; letter-spacing: -0.02em;}

/* head */
.admin-link-box { display: inline-block; margin-left: 15px;}
.admin-link-box > div { display: flex;}
.admin-link-box .select { width: 300px;}
.head-login-box { display: flex; align-items: center; flex-shrink: 0; margin-right: 50px;}
.head-login-box .admin-link-box { width: 100%; margin-right: 10px;}
.head-login-box .admin-link-box #head-admin-move { display: flex;}
.head-login-box .admin-link-box #userpage-button { display: flex; color: white; margin:0; padding: 0.5rem 1rem; font-size: 13px; font-weight: 400; text-align: center; text-decoration: none; width: auto; border: none; border-radius: 4px;}
.head-login-box .admin-link-box #userpage-button > span { display: flex; text-align: center;}
.head-login-box .admin-name-box { width: 100%; text-align: right;}
.head-login-box .admin-name-box .admin-dvs-name { display: block; font-size: 13px; font-weight: 400; color: #555555; line-height: 19px; white-space: nowrap;}
.head-login-box .admin-name-box .admin-name { display: block; font-size: 13px; font-weight: bold; color: #25213B; line-height: 20px; letter-spacing: -0.02em;}
.head-login-box .admin-group { display: flex; width: 100%; margin-left: 30px;}
.head-login-box .admin-group li { min-width: 108px; margin-left: 10px;}
.head-login-box .admin-group li:first-child { margin-left: 0;}
.head-login-box .admin-group li a { display: flex; align-items: center; padding: 10.5px 14px; border-radius: 10px; background: #F8F8F8; font-size: 13px; font-weight: 500; color: #4549AB; line-height: 19px; letter-spacing: -0.02em; white-space: nowrap;}
.head-login-box .admin-group li a span { display: inline-block; flex-shrink: 0; width: 20px; height: 20px; margin-right: 10px;}
.head-login-box .admin-group li.changepw span { background: url("../../images/runway/admin_change_pw.png") no-repeat center;}
.head-login-box .admin-group li.logout span { background: url("../../images/runway/admin_logout_admin.png") no-repeat center;}
.head-login-box .admin-group li.note span { background: url("../../images/runway/admin_my.png") no-repeat center;}
.head-login-box .admin-group li.homeLink span { background: url("../../images/renewal/admin/admin_home.png") no-repeat center;}
.head-login-box .admin-group li a:hover { background: #37396D; color: #FFFFFF;}
.head-login-box .admin-group li.changepw a:hover span { background: url("../../images/runway/admin_change_pw_on.png") no-repeat center;}
.head-login-box .admin-group li.logout a:hover span { background: url("../../images/runway/admin_logout_admin_on.png") no-repeat center;}
.head-login-box .admin-group li.note a:hover span { background: url("../../images/runway/admin_my_on.png") no-repeat center;}
.head-login-box .admin-group li.homeLink a:hover span { background: url("../../images/renewal/admin/admin_home_on.png") no-repeat center;}

.gnb_area{ position: absolute; top: 70px; bottom: 0; float: left; width: 200px; height: 100%; z-index: 999; zoom: 1; border-right: 1px solid #EBEBEB; background: #fff;}
.gnb_area .gnbDivNew{ overflow-y: auto; position: relative; top: 0; bottom: 0; width: 100%; height: 100%; text-align: center; white-space: nowrap; zoom: 1;}
.gnb_area #btnGnb{ position: absolute; right: -18px; top: 45%; z-index: 1001; display: inline-block; width: 36px; height: 36px; border-radius: 100%; border: 1px solid #eee; box-shadow: 2px 2px 5px rgba(0,0,0,0.06); cursor: pointer; box-sizing: border-box;}
.gnb_area #btnGnb.gnb-close{ background: url(/images/runway/admin/icon_gnb_close.png) no-repeat 50% 50% #fff;}
.gnb_area #btnGnb.gnb-open{ background: url(/images/runway/admin/icon_gnb_open.png) no-repeat 50% 50% #fff;}
.gnb_area #btnGnb.gnb-open+.gnbDivNew,
.gnb_area #btnGnb.gnb-open+.gnbDivNew .mCustomScrollBox,
.gnb_area #btnGnb.gnb-open+.gnbDivNew .mCustomScrollBox .mCSB_container { overflow: visible;}
.gnb_area .gnbNew{ display: inline-block; width: 100%; padding-top: 22px; padding-bottom: 80px;}
.gnb_area .gnbNew ul li{ float: left; position: relative; width: 100%; padding-bottom: 0 !important; line-height: 36px; }
.gnb_area .gnbNew ul a { font-family: 'Spoqa Han Sans Neo', sans-serif;}
.gnb_area .gnbNew ul a.depthOne{ display: block; width: 100%; height: 100%; padding-left: 30px; text-align: left; font-size: 14px;
    font-weight: 500; color: var(--black-700); box-sizing: border-box;}
.gnb_area .gnbNew ul li ul.depthTwoUl{ overflow: hidden; display: none; width: 100%; background: #fff; z-index: 1000;}
/* gnb - global고려한 css 추가 - 기존 css는 부분주석처리*/
.gnb_area .gnbNew ul li ul.depthTwoUl > li{ width: 100%; /*height: 40px;*/ height: auto; }
.gnb_area .gnbNew ul li ul.depthTwoUl > li > a{ display: block; width: 100%; height: 100%; padding-left: 50px; /*line-height: 40px;*/ line-height: unset; text-align: left; font-size: 13px; color: #555555; font-weight: 500; letter-spacing: -0.02em; box-sizing: border-box; white-space: normal; }
.gnb_area .gnbNew ul li ul.depthTwoUl > li:hover{ background: var(--primary-100);}
.gnb_area .gnbNew ul li ul.depthTwoUl > li:hover > a{ color: #4549ab; font-weight: 700; background: var(--primary-100);}
.gnb_area .gnbNew ul li ul.depthTwoUl > li.on{ color: #4549ab; font-weight: 700; background: var(--primary-100);}
.gnb_area .gnbNew ul li ul.depthTwoUl > li > a.on { color: #4549ab; font-weight: 700; background: var(--primary-100);}

.gnb_area .gnbNew ul li a.depthOne { position: relative; white-space: normal; }
.gnb_area .gnbNew ul li.on a.depthOne{ font-weight: bold; color: var(--black-800);}
.gnb_area .gnbNew ul li a.depthOne:after { content: attr(data-title); display: none; position: absolute; top: 5px; left: 53px; padding: 10px 16px; border-radius: 10px; background: #37396D; font-size: 14px; font-weight: 500; color: #FFFFFF; line-height: 20px; letter-spacing: -0.02em; text-indent: 0 !important; white-space: nowrap;}
.gnb_area .gnbNew ul li a.depthOne:before { content: ''; display: none; position: absolute; top: 15px; left: 45px; width: 17px; height: 17px; background: url("../../images/runway/admin/menu_arrow.png") no-repeat 0 center;}
.gnb_area .gnb-open+.gnbDivNew ul li a.depthOne:hover:after,
.gnb_area .gnb-open+.gnbDivNew ul li a.depthOne:hover:before { display: block;}

/*
*--------------------------------------------*
|                   Content                  |
*--------------------------------------------*
*/
.table_list{ display: block; border-collapse: collapse;}
.tabular{ width: 100%; border-collapse: collapse;}
.tabular tbody th { width: 150px; min-width: 150px;}
.tabular tbody th span.col-red,
.tabular tbody th.subject > span { display: inline-block; margin-right: 5px; vertical-align: middle;}
.tabular tbody th strong { display: inline-block; width: calc(100% - 20px); vertical-align: top; word-break: keep-all;}
.tabular tbody th a { text-decoration: underline;}
.tabular th { position: relative; padding: 10px 15px; font-size: 14px; font-weight: 500; border-left:1px solid #EBEBEB; border-right: 0; border-bottom:1px solid #EBEBEB; background: #fff; color: #262527; text-align: center;}
.tabular th.pd-bt1,
.k-tabstrip .k-content .tabular tr:first-child th.pd-bt1 { border-top: 1px solid #ebebeb;}
.tabular th label { display: block; margin-bottom: 0; font-size: 14px; font-weight: 500; color: #262527; text-align: center;}
.tabular td{ padding: 10px 15px; text-align: left; border-top: 1px solid #EBEBEB; border-right:1px solid #EBEBEB; border-left:0; border-bottom:1px solid #EBEBEB }
.tabular td.subject{text-align:left; color: #404040;}
.tabular td.subject:first-child{ color: #000; font-weight: bold; }
.tabular td.td01{padding:15px;text-align:center;border-top:1px solid #dfdfdf;border-right:1px solid #dfdfdf;background:#f9f9f9;}
.tabular td.subject01{text-align:left;background:#f9f9f9;}
.tabular.detail-wrap tr:first-child th,
#details .tabular-company tr:first-child td { border-top: 1px solid #EBEBEB;}
#top_change-password-window .tabular th label { text-align: left;}
/*.tabular-edss { border-top: 1px solid var(--white-500);}*/
.tabular-edss tr { border-top: 1px solid var(--white-500);}
.tabular-edss .check-box-wrap li .txt { display: inline-block; margin-left: 10px; margin-right: 10px;}
.tabular-edss td .text { display: inline-block; line-height: 35px;}
.tabular-company th { border-top: 1px solid #EBEBEB;}
.tabular-company th small { display: inline-block; margin-left: 11px;}
.tabular-company td { background: #ffffff;}
.tabular-company td > .txt { display: inline-block; font-size: 14px; font-weight: 500; color: #404040; line-height: 35px; letter-spacing: -0.02em;}
.tabular-company td .tag { display: inline-block; padding: 5px 10px; border: 1px solid var(--primary-500); border-radius: 3px; background: #FFFFFF; font-size: 13px; font-weight: 500; color: var(--primary-600); line-height: 17px; letter-spacing: -0.02em;}
.tabular-company td .btn-logo { margin-left: 0; margin-bottom: 10px;}
.tabular-company td .btn-logo.mt { margin-bottom: 0; margin-top: 10px;}
/* tabular_kendo */
.tabular_kendo thead tr { border-top: 1px solid var(--white-500); border-bottom: 1px solid var(--white-500); border-left: 1px solid var(--white-500);}
.tabular_kendo thead tr th { padding: 13px; border-right: 1px solid var(--white-500); background: #fcfcfc; font-weight: 500; color: #8e8e8e; text-align: center; letter-spacing: -0.02em;}
.tabular_kendo tbody tr td { padding: 13px 15px; line-height: 19px; font-size: 14px; color: #404040; font-weight: 400; letter-spacing: -0.02em; border: 1px solid var(--white-500); border-left: 0; background: #fff; word-break: keep-all;}
.tabular_kendo tbody tr:first-child td { border-top: 0; border-left: 1px solid var(--white-500);}

.table-ul { width: 100%;}
.table-ul > li { display: flex; justify-content: flex-start; align-items: center; width: 100%; padding-top: 10px;}
.table-ul > li:first-child { padding-top: 0;}
.table-ul .cont-tit { width: 70px; margin-right: 20px; font-size: 14px; font-weight: 500; color: #404040; line-height: 35px; letter-spacing: -0.02em;}
.table-ul .cont {}
.table_list01{display:block;border:1px solid #dfdfdf;}
.table_list01 thead th{font-weight:bold;height:39px;border-bottom:1px solid #dfdfdf;background:#ffffff;}
.table_list01 tbody th{text-align:left;padding:15px 25px;background:#ffffff;border:none;}
.table_list01 td{padding:7px 15px;border:none;}
.table_list01 span{color:#f72e2e;}
.table_list02{display:block;margin-top:15px;}
.table_list02 thead th{height:30px;background:#f5f5f6;text-align:center;font-weight:bold;border-right:1px solid #dfdfdf}
.table_list02 td{padding:10px;text-align:center;border-top:1px solid #dfdfdf;border-right:1px solid #dfdfdf}
table.list{border:1px solid #dfdfdf;width:100%;}
table.list01{width:100%;}
.tree_list{border:1px solid #dfdfdf;width:45%;padding:1%;position:absolute;top:180px;bottom:40px;overflow-y:auto;z-index:99}
.table_btn01{ width: 98%; text-align: right; margin-top: 20px;}
.cmpltTabular tr td:first-child { border-left: 1px solid var(--white-500);}
.lctr_tabular { border-bottom: 1px solid #dfdfdf;}

#content .cont_body .tab_menu{width:1105px;margin-top:30px;display:inline-block;}
#content .cont_body .tab_menu ul li{float:left;font-weight:bold;border-top:1px solid #d4d4d4;border-right:1px solid #d4d4d4;text-align:center;line-height:47px;}
#content .cont_body .tab_menu ul li.line{border-left:1px solid #d4d4d4;}
#content .cont_body .tab_menu ul li.on{padding:0 55px;background:#2eb398;color:#ffffff;font-weight:bold;line-height:47px;}
#content .cont_body .tab_menu .tab01{padding:15px 55px;border:none;}
#content .cont_body .tab_menu ul li:hover .tab01{color:#ffffff;background:#2eb398;}
#content .cont_body .tab_box{border:2px solid #2eb398;padding:30px 25px;min-height:65px;width:1051px;line-height:28px;}
#content .cont_body .tab_box span{font-weight:bold;}
#content .cont_body .tab_box1{border:2px solid #2eb398;min-height:65px;width:1101px;}
#content .cont_body #graph_list {position:relative;width:1063px;min-height:487px;margin:0 auto;display:table;margin-top:20px;border:1px solid #dfdfdf;padding:20px;}
#content .cont_body #graph_list #graph_tab { float:right;text-align:center;}
#content .cont_body #graph_list #graph_tab li {float:left;}
#content .cont_body #graph_list #graph_tab li img { display:block;}
#content .cont_body #graph_list #graph_tab li div { position:absolute; top:50px; left:20px; display:block;}

.pop01{z-index:9999;display:none;position:absolute; top:100px; left:20%; background:#ffffff;height:390px;overflow-y:auto;overflow-x:hidden;border:1px solid #d2d2d2;}
.pop01 .layer_cont .layer .close{float:right; margin-top:5px;}
.pop01 .layer_cont{float:left;width:800px;}
.pop01 .layer_cont .layer{float:left;width:760px;background:#f5f5f6;padding:10px 20px;}
.pop01 .layer_cont .layer .layer_title{float:left;font-size:1.1em;color:#555555;}
.pop01 .layer_cont .layer .layer_title ul li{color:#333333;}
.pop01 .layer_cont .layer_text{width:760px;padding:50px 20px 20px;}
.pop01 .layer_cont .layer_text ul{width:760px;}
.pop01 .layer_cont .layer_text ul li{line-height:30px;}
.pop01 .layer_cont .layer_text1{padding:30px 30px 40px 30px;width:830px;}
.pop01 .layer_cont .layer_text1 .title-1{background:url(../images/ico/ico_cir02.gif) no-repeat 0 9px;padding-left:18px;line-height:30px;font-weight:bold;display:inline-block;}
.pop01 .layer_cont .layer_text1 .file{width:500px;border:1px solid #e5e5e5;margin-top:10px;}
.pop01 .layer_cont .layer_text1 .file ul{width:500px;}
.pop01 .layer_cont .layer_text1 .file ul li{display:table;padding:10px;width:460px;}
.pop01 .layer_cont .layer_text1 .file ul li.line{border-top:1px solid #e5e5e5;padding-left:30px;line-height:25px;background:url(../images/ico/ico_rec02.gif) no-repeat 10px 17px;}

.pop02{z-index:9999;display:none;position:absolute; top:100px; left:20%; background:#ffffff;height:240px;overflow-y:auto;overflow-x:hidden;border:1px solid #d2d2d2;}
.pop02 .layer_cont .layer .close{float:right;margin-top:5px;}
.pop02 .layer_cont{float:left;width:500px;}
.pop02 .layer_cont .layer{float:left;width:460px;background:#f5f5f6;padding:10px 20px;}
.pop02 .layer_cont .layer .layer_title{float:left;font-size:1.1em;color:#555555;}
.pop02 .layer_cont .layer .layer_title ul li{color:#333333;}
.pop02 .layer_cont .layer_text{width:460px;padding:50px 20px 20px;}
.pop02 .layer_cont .layer_text ul{width:460px;}
.pop02 .layer_cont .layer_text ul li{line-height:30px;}

.pop03{width:600px;border:1px solid #dcdee1;margin:0 auto;padding:20px 35px 0 35px;}
.pop03 .title01{border-bottom:2px dashed #d3d3d3;padding-top:20px;}
.pop03 .title02{padding:20px 0 20px 0;}
.pop03 .icon_b{background:url(../../images/ico/admin/ico_b01.gif) no-repeat 0 0;color:#656565;font-size:15px;font-weight:bold;font-family:'nanum Gothic';padding-left:22px;}
.pop03 ul{margin:10px 10px;}
.pop03 li{font-size:12px;line-height:25px;}
.pop03 li img{margin:0 10px 10px 0;}
.pop03 .con_blue{font-size:12px;color:#4580ac;font-weight:bold;}
.pop03 .con_bg{background:url(../../images/popup/admin/conbg.gif) no-repeat 20px 15px;height:828px;position:relative;}
.pop03 .box01{padding:53px 0 0 122px;}
.pop03 .box02{font-size:13px;color:#434343;text-align:center;font-weight:bold;padding-top:90px;line-height:17px;}
.pop03 .box03{font-size:11px;line-height:17px;position:absolute;top:270px; left:80px;}
.pop03 .box04{font-size:11px;line-height:17px;position:absolute;top:257px; right:86px;}
.pop03 .box05{font-size:11px;line-height:17px;position:absolute;top:315px; left:123px;}
.pop03 .box06{font-size:11px;line-height:17px;position:absolute;top:315px; right:130px;}
.pop03 .box07{font-size:11px;line-height:17px;position:absolute;top:425px; left:237px;}
.pop03 .box08{font-size:11px;line-height:17px;position:absolute;top:508px; left:237px;}
.pop03 .box09{font-size:13px;color:#434343;text-align:center;font-weight:bold;padding-top:378px;line-height:17px;}
.pop03 .box10{font-size:11px;line-height:17px;position:absolute;top:727px; left:138px;text-align:center;}
.pop03 .box11{font-size:11px;line-height:17px;position:absolute;top:727px; right:150px;text-align:center;}

a.file_btn{padding:6px 10px;border:1px solid #e5e5e5;}
a.file_btn:hover{border:1px solid #bfbfbf;padding:6px 10px;}
span.left02{float:left;}
span.right02{float:right;}

#footer{width:100%;min-width:1200px;background: transparent;text-align:center;font-size:11px;color:#ffffff;position:absolute;bottom:0;}

.orange01{width:20px;background:#f58220;padding:0 10px}
.green01{width:20px;background:#2eb398;padding:0 10px}
.blue01{width:20px;background:#2e82b3;padding:0 10px}

#detail_pane{overflow-x:hidden; overflow-y:hidden; }
#details{ overflow-x: hidden; overflow-y: auto; background: #fff; box-sizing:border-box;}
#details > .title-box { padding: 13px 15px; border-bottom: 1px solid #E8E8E8;}
#details > .title-box strong { display: inline-block; font-size: 18px; font-weight: 500; color: #404040; line-height: 26px;}
#details .company .title-box { padding: 13px 15px; border-bottom: 1px solid #E8E8E8;}
#details .company .title-box strong { display: inline-block; font-size: 18px; font-weight: 500; color: #404040; line-height: 26px;}
#details textarea, .k-window textarea{resize:none; box-sizing:border-box}
#details .k-datepicker, .k-window .k-datepicker{box-sizing:border-box;float:left; align-items: center;}
#details .k-numerictextbox, .k-window .k-numerictextbox{box-sizing:border-box;}
#details .k-textbox, .k-window .k-textbox{ box-sizing: border-box; text-indent: unset; }
#details .k-datetimepicker, .k-window .k-datetimepicker{box-sizing:border-box; align-items: center;}
#details .k-dropdown, .k-window .k-dropdown{box-sizing:border-box;}
#details span.label_text, .k-window span.label_text{ display: inline-block; text-align:center;}
#details span.label_text2, .k-window span.label_text2{ display: inline-block; vertical-align: middle;}
#details .width100{width:100%}
#details .k-textbox { height: 35px;}
#details textarea.k-textbox2 { font-size: 16px;}
#details .tabular td { border-top: 0;}

.table_btn.only-btn-right { display: flex; justify-content: flex-end; gap: 7px; margin-bottom: 10px; cursor: default;}
.input-box { display: flex; justify-content: space-between; align-items: center; gap: 7px;}
.input-box .k-textbox { width: 100%;}
.input-box .btn_input { display: inline-block; margin-left: 0; padding: 8px 16px; border: 1px solid #D1D1D1; border-radius: 3px; background: #FFFFFF; font-family: 'Spoqa Han Sans', sans-serif; font-size: 13px; font-weight: 500; color: #404040; line-height: 17px; letter-spacing: -0.04em; white-space: nowrap;}
.input-box .btn_input:hover { border: 1px solid var(--primary-600); color: var(--primary-600);}
.input-box .btn_input:disabled { background: #F8F8F8; color: #8E8E8E;}
.input-box .btn_input:focus { border: 1px solid #555555; color: #404040;}
.input-box.pd-flex-start { justify-content: start;}

.spliter-title { font-size: 18px; font-weight: 500; color: var(--black-600);}

.k-tabstrip .k-content.cmptMapping-box,
.pd-tabstrip .pd-content.cmptMapping-box { padding: 0 20px; box-sizing: border-box; -webkit-box-sizing: border-box;}
.cmptMapping-box .cmptMapping-top-box { display: flex; justify-content: space-between; padding-top: 20px; padding-bottom: 10px;}
.cmptMapping-box .cmptMapping-top-box.bb1 { border-bottom: 1px solid #E8E8E8;}
.cmptMapping-box .cmptMapping-top-box strong { display: inline-block; font-size: 16px; font-weight: 500; color: #404040; line-height: 35px; letter-spacing: -0.05em;}  /* 실시관리 */
.cmptMapping-box .cmptMapping-top-box strong > span > span { color: var(--primary-600);}
.cmptMapping-box .cmptMapping-top-box.only-btn-right { justify-content: flex-end;}

/* search area */
.grid-searchArea-wrap { box-sizing:border-box;}
.grid-searchArea-wrap * { box-sizing:border-box;}
table.grid-search-area{ width: 100%; border-collapse: collapse; border-spacing: 0; border-top: 0; background: #fff; }
table.grid-search-area tr{ border-top: 1px solid var(--white-500); }
table.grid-search-area th{ padding: 10px; vertical-align: middle; font-size: 14px; font-weight: 500; color: #262527; border-left: 0; border-right: 0; line-height: 19px; letter-spacing: -0.02em;}
table.grid-search-area td{ padding: 10px; border-right: 0; }
table.grid-search-area td.last{ border-right: 0; padding: 10px 0; text-align: left; }
/* 20211105 renewal KHJ */
.grid-search-area { flex-direction: column; margin-bottom: 25px; padding: 25px; border: 1px solid #E8E8E8; border-radius: 5px; background: #ffffff; box-sizing: border-box;}
.grid-search-area .table { width: 100%; margin-bottom: 0;}
.grid-search-area .table tr th,
.grid-search-area .table .div-th { border-top: 0; font-size: 14px; font-weight: 500; color: #262527; line-height: 19px;}
.grid-search-area .table tr th > span,
.grid-search-area .table .div-th > span { display: inline-block; margin-right: 5px;}
.grid-search-area .table tr td,
.grid-search-area .table .div-td { padding: 0; padding-bottom: 10px; border-top: 0;}
.grid-search-area .table tr td .k-dropdown,
.grid-search-area .table .div-td .k-dropdown { border: 1px solid #d1d1d1;}
.grid-search-area .table tr td .radio-box-wrap,
.grid-search-area .table .div-td .radio-box-wrap { display: inline-block;}
.grid-search-area .div-table > ul > li { display: inline-block; width: 24%;}
.grid-search-area .div-table > ul > li.first { width: 100%;}
.grid-search-area .div-table > ul > li:after { content: ''; display: block; clear: both;}
.grid-search-area .div-table .div-th { display: inline-block; float: left; width: 30%; line-height: 35px;}
.grid-search-area .div-table .div-td { display: flex; align-items: center; float: left; width: 70%;}
.grid-search-area .div-table .div-td label { margin-right: 10px; margin-bottom: 0; font-size: 14px; font-weight: 500; color: #262527; line-height: 35px;}
.grid-search-area .div-table > ul > li.first .div-th { width: 76px; margin-right: 36px;}
.grid-search-area .div-table > ul > li.first .div-td { display: flex; text-align: left;}
.grid-search-area .div-table > ul > li.first+li { width: 28.3%;}
.grid-search-area .div-table > ul > li.first+li .div-th { width: 76px; margin-right: 36px;}
.grid-search-area .div-table > ul > li.first+li .div-td { width: 74.3%;}
.grid-search-area .div-table > ul > li.first .date-box-wrap { display: inline-flex; float: none; width: 360px;}
.grid-search-area .div-table > ul > li.first .date-box-wrap .k-datepicker .k-input-button { height: calc(1.4285714286em + 12px);}
.grid-search-area .div-table .pd-l { padding-left: 50px;}
.grid-search-area .div-table .pd-l.last { width: 20%;}
.grid-search-area .div-table .pd-l.last .div-td { width: auto;}
.grid-search-area .clsfcd-jobrsp-row,
.grid-search-area .clsfcd-grade-row { display: inline-block; margin-left: 20px;}
.grid-search-area .k-dropdown,
.grid-search-area .k-textbox { height: 40px;}
.grid-search-area .k-input-inner { height: 38px;}

.grid-search-area .pd-flex-line { margin-top: 10px;}
.grid-search-area .pd-flex-line:nth-of-type(1) { align-items: center; margin-top: 0;}
.grid-search-area .left { display: inline-flex; align-items: center; justify-content: center; gap: 7px; width: 120px; font-size: 13px; font-weight: 500;}
.grid-search-area .left label { display: flex; align-items: center; gap: 7px; font-weight: 500;}
.grid-search-area .right { width: 100%;}
.grid-search-area .date-box-wrap { display: flex; flex-wrap: wrap; width: 100%;}
.grid-search-area select { height: 34px;}
.grid-search-area .k-datepicker .k-input-button { height: auto;}
.grid-search-area .table_btn.only-btn-right { margin-top: 15px; margin-bottom: 0;}
.grid-search-area .date-box-wrap2 { gap: 7px; flex-wrap: nowrap;}
.grid-search-area .date-box-wrap2 .k-dropdownlist { flex-shrink: 0; width: 100px;}
.grid-search-area .date-box-wrap2 .k-datepicker { height: 40px;}
.flex33 { display:flex; flex: 1 1 33.3%; max-width:33.3%;}
.grid-search-area .last { width: 100%; margin-top: 7px;}
.conts-search-area {}

/* 교육통계 검색 */
.grid-search-area.eduStatit .radio-box-wrap { margin-right: 20px;}
.grid-search-area.eduStatit tr th { width: 150px;}
.grid-search-area.eduStatit tr th.pd-l { padding-left: 50px;}

/* date */
.date-box-wrap { display: inline-flex; float: left;}
.date-box-wrap:after { content: ''; display: block; clear: both;}
.date-box-wrap .date-box { }
.date-box-wrap .label_text { display: inline-block; float: left; margin: 0 7px; font-size: 14px; font-weight: 500; color: #404040; line-height: 35px;}
.tabular td .date-box-wrap { display: flex; width: 100%;}
.tabular td .date-box-wrap .date-box { width: 48.7%;}

/* 제목 옆 검색 */
.cont_body-top { margin-bottom: 25px;}
.cont_body-top .title { flex-shrink: 0; position: relative; margin-bottom: 0;
    font-size: 25px;
    color: #262527;
    font-weight: 500;
    letter-spacing: -0.05em;
    vertical-align: middle;}
.cont_body-top .btn_search { flex-shrink: 0; margin-left: 0;}
.cont_body-top > div.table_btn { flex-shrink: 0;}
.cont_body-top > div.table_btn.fl-right { width: auto;}
.cont_body-top .k-textbox { height: 42px;}
.cont_body-top .select_wrap { display: inline-block; margin-left: 22.35px;}
.cont_body-top .select_wrap > ul { display: flex; flex-wrap: nowrap;}
.cont_body-top .select_wrap > ul li:first-child { margin-right: 5px;}
.cont_body-top .search-wrap,
.grid-top-box .search-wrap { display: inline-flex; align-items: center; gap: 7px; width: 100%;}
.cont_body-top .search-wrap .input-box .btn_top { flex-shrink: 0; margin-left: 0;}
.cont_body-top .search-wrap .k-dropdownlist,
.cont_body-top .search-wrap .k-dropdown { height: 42px; font-size: 14px; font-weight: 500; line-height: 19px; box-sizing: border-box}
.cont_body-top .k-dropdown .k-dropdown-wrap .k-input { line-height: 37px;}
.cont_body-top .k-datepicker,
.grid-top-box .k-datepicker { height: 42px; font-size: 13px; font-weight: 500; line-height: 19px; box-sizing: border-box}
.cont_body-top .k-datepicker .k-picker-wrap .k-input { height: 40px; padding: 8px 0;}
.cont_body-top .k-datepicker .k-picker-wrap .k-select { line-height: 40px;}
.cont_body-top .date-box-wrap .label_text { line-height: 40px;}
.cont_body-top .k-dropdown { height: 42px; font-size: 14px; font-weight: 500; line-height: 19px;}
.cont_body-top .k-dropdown .k-dropdown-wrap .k-input { line-height: 37px;}
.cont_body-top .radio-box-wrap .search-wrap > li { display: inline-flex; gap: 7px; align-items: center;}
.cont_body-top .radio-box-wrap .search-wrap > li > span,
.cont_body-top .radio-box-wrap .search-wrap > li .btn_search { flex-shrink: 0;}
.cont_body-top .radio-box-wrap .search-wrap > li .btn_search { margin: 0;}
.cont_body-top .search-wrap li.text > span{ display: inline-block; flex-shrink: 0; margin-right: 15px; font-size: 14px; font-weight: 500; color: #262527; line-height: 19px; letter-spacing: -0.02em;}

.cont_body-top .search-wrap .pd-flex-.pd-gap7 .date-box-wrap { width: 300px;}
/*.cont_body-top .search-wrap .check-box .check { width: 22px; height: 22px;}*/

#content .cont_body .title { flex-shrink: 0;}
.cont_body-top.pd-flex- { display: flex; align-items: center; justify-content: space-between;}
.cont_body-top.pd-flex- > div.table_btn { flex-shrink: 0; width: auto;}
.cont_body-top .radio-box-wrap { display: inline-flex; align-items: center; width: auto; margin-left: 15px;}
.cont_body-topChasu2 { display: flex; justify-content: space-between;}
.cont_body-topChasu2 > div { }
.cont_body-topChasu2 > div.table_btn { width: 85%;}
.cont_body-topChasu2 .search-wrap { margin-left: 20px;}
.cont_body-topChasu2 .search-wrap > li:first-child { flex-shrink: 0;}
.cont_body-topChasu2 .search-wrap .last { display: flex;}


/*
*--------------------------------------------*
|                   Button                   |
*--------------------------------------------*
*/
/*버튼_top기본*/
[class*="btn_"] { display: inline-flex; justify-content: center; align-items: center; gap: 5px; border-radius: 5px; font-size: 14px; font-weight: 500; box-sizing: border-box; cursor: pointer;}
[class*="btn_"]:disabled,
[class*="btn_"]:disabled:hover { border: 1px solid var(--white-600); background: #f8f8f8; color: #8e8e8e; font-weight: 500; cursor: default;}
[class*="btn_"]:focus { border-color: var(--text-gray); color: var(--text-gray);}
[class*="btn-"] { font-size: 14px; font-weight: 500;}

/*2020 포도나무 관리자페이지 버튼*/
/*버튼_top기본*/
.btn_top{ height: 42px; margin-left: 5px; padding: 0 16px; letter-spacing: -1px; border-radius: 5px; border: 1px solid #d1d1d1; background: #fff; box-sizing: border-box; cursor: pointer; }
.btn_top span{ line-height: 40px; text-align: center; font-size: 14px; color: #404040; font-weight: 500; font-family: 'Spoqa Han Sans Neo', sans-serif;}
.btn_top:hover{ box-shadow: 0 0 7px rgba(0, 0, 0, 0.05), 4px 4px 10px rgba(0, 0, 0, 0.08);}
.btn_top:hover span{ color: var(--primary-600); font-weight: 700;}
.btn_top:active{ box-shadow: 0 0 7px rgba(0, 0, 0, 0.05), 4px 4px 10px rgba(0, 0, 0, 0.08);}
.btn_top:active span{ color: var(--primary-600); font-weight: 700;}
.btn_top:disabled{ background: #f8f8f8;}
.btn_top:disabled > span{ color: #8e8e8e;}
.btn_top:disabled:hover{ box-shadow: none;}
.btn_top:disabled:hover > span{ color: #8e8e8e; font-weight: 500;}
.btn_top:disabled:active{ box-shadow: none;}
.btn_top:disabled:active{ color: #8e8e8e; font-weight: 500;}
.btn_top.btn_onl { margin-bottom: 7px;}
/*버튼_inner기본*/
.btn_inner{ display: inline-block; padding: 9px 16px; border: 1px solid #D1D1D1; border-radius: 3px; background: #fff; box-sizing: border-box; cursor: pointer; }
.btn_inner span{ display: block; line-height: 17px; font-size: 13px; color: var(--primary-600); font-weight: 500; }
.btn_inner:hover{ border-color: var(--primary-600);}
.btn_inner:focus { border: 1px solid #555555;}
.btn_inner:focus span { color: #404040;}
.btn_inner:disabled { border: 1px solid #D1D1D1; background: #F8F8F8;}
.btn_inner:disabled span { color: #8E8E8E;}
a.btn_inner{ display: inline-block; }
/*버튼_inner_삭제*/
.btn_inner_del{ height: 27px; min-width: 56px!important; line-height: 27px; font-size: 13px; padding: 0; }
/*버튼_테이블*/
.btn_input{ display: inline-block; padding: 7px 12px; border: 1px solid var(--primary-100); border-radius: 3px; background: var(--primary-100); font-size: 13px; font-weight: 500; color: var(--primary-600); line-height: 17px; text-decoration: none; cursor: pointer;}
.btn_input:hover{ border: 1px solid #D1D1D1; background: #ffffff;}
a.btn_input{ display: inline-block; }
.btn_input:disabled { border: 1px solid #DDDDDD; background: #F8F8F8; color: #8E8E8E; cursor: auto;}
.k-grid .k-grid-content table tr td a.btn_input { color: var(--primary-600);}
/*버튼_bot기본*/
.btn_bot{ min-width: 78px; height: 39px; margin-left: 5px; padding: 0 10px; border-radius: 5px; border: 1px solid #d1d1d1; background: #fff; box-sizing: border-box; cursor: pointer;}
.btn_bot span{ line-height: 38px; text-align: center; font-size: 14px; color: #404040; font-weight: 500; font-family: 'Spoqa Han Sans Neo', sans-serif;}
.btn_bot:hover{ border: none; box-shadow: none; background: #7a7ee8;}
.btn_bot:hover span{ color: #fff; font-weight: 700;}
.btn_bot:focus{ border: 1px solid #555555; box-shadow: none; background: #ffffff;}
.btn_bot:focus span{ color: #404040; font-weight: 500;}
.btn_bot:active{ border: none; box-shadow: none; background: #7a7ee8;}
.btn_bot:active span{ color: #fff; font-weight: 700;}
.btn_bot:disabled{ background: #f8f8f8;}
.btn_bot:disabled span{ color: #8e8e8e;}
.btn_bot:disabled:hover{ background: #f8f8f8;}
.btn_bot:disabled:hover span{ color: #8e8e8e; font-weight: 500;}
.btn_bot:disabled:active{ background: #f8f8f8;}
.btn_bot:disabled:active span{ color: #8e8e8e; font-weight: 500;}
a.btn_bot{ display: inline-block; line-height: 44px; }

.btn-default { min-width: 74px; height: 38px; padding: 0 16px; border: 1px solid var(--btn-line); border-radius: 4px; background: #FFFFFF;}
.btn-default:hover,
.btn-default:active { background: #FFFFFF; font-weight: 700; color: var(--primary-600);}
.btn-default:focus,
.btn-default:active:focus { border: 1px solid #555555; background: #FFFFFF;}
.btn-default:not(:disabled):hover, .btn-default:active { background: #FFFFFF; font-weight: 700; color: var(--primary-600);}

.btn-default.btn-point { border: 1px solid var(--primary-700); background: var(--primary-700); color: #FFFFFF;}
.btn-default.btn-point:hover,
.btn-default.btn-point:active { font-weight: 500;}
.btn-default.btn-point:focus { border: 1px solid var(--primary-700); background: #FFFFFF; color: var(--primary-700);}
.btn-default.btn-point:active { border: 1px solid var(--primary-700); background: var(--primary-700); color: #FFFFFF;}
.btn-point:active,
.btn-point:not(:disabled):hover { border: 1px solid var(--primary-700); background: var(--primary-700); color: #FFFFFF;}

/*버튼_검색*/
.btn_search{ width: 42px; height: 42px; margin-left: 5px; padding: 0; border-radius: 4px; border: 1px solid var(--white-600);  background: #fff;}
.btn_search-small{ width: 39px; height: 39px; margin-left: 5px; padding: 0; border-radius: 4px; border: 1px solid var(--white-600);  background: #fff;}
.btn_search:hover{ border: 1px solid #7A7EE8; background: #FFFFFF;}
.btn_search:hover .icon-search { background-position: -77px -22px;}
.btn_search:disabled { border: 1px solid var(--btn-line); background: #F8F8F8;}
.btn_search:disabled .icon-search { background-position: -130px -22px;}
.btn_search:focus { border: 1px solid #555555; background: #FFFFFF;}
.btn_search:focus .icon-search { background-position: -20px -22px;}

/*버튼_일괄삭제*/
.all_del{ height: 43px; margin-left: 5px; padding-left: 50px; border-radius: 22px; border: 1px solid #5960b9; background: url(/images/runway/admin_del.png) no-repeat 22px 50% #fff; }
.all_del span{ color: #5960b9; }
.all_del:hover{ background: url(/images/runway/admin_del_on.png) no-repeat 22px 50% #5960b9; box-shadow: 3px 3px 3px rgba(0,0,0,0.15); }
.all_del:hover span{ color: #fff; }

/*버튼_하단저장버튼*/
.btn_save{ min-width: 96px; height: 44px; margin-left: 7px; padding: 0 22px; letter-spacing: -1px; border-radius: 22px; border: 1px solid #d4564a; background: transparent; box-sizing: border-box; }
.btn_save span{ font-size: 14px; color: #d4564a; font-weight: 500; }
.btn_save:hover{ background: #ee6e61; }
.btn_save:hover span{ color: #fff; }
/*버튼_검색결과 전체 추가(대상자관리)*/
.btn_sch_all{ margin-right: 5px; padding: 15px 16px; border-radius: 4px; border: 1px solid #404040; background: #ffffff; box-sizing: border-box; }
.btn_sch_all span{ font-size: 14px; font-weight: 500; color: #404040; line-height: 14px; letter-spacing: -0.04em;}
.btn_sch_all .icon-add { width: 15px; height: 14px; margin-left: 7px; background: url("../../images/runway/admin/icon_add.png") no-repeat 0 0; vertical-align: middle;}
/*버튼_추가(대상자관리)*/
.btn_add{ margin-right: 5px; padding: 15px 16px; border-radius: 4px; border: 1px solid #D1D1D1; background: #FFFFFF; box-sizing: border-box; }
.btn_add span{ font-size: 14px; font-weight: 500; color: #FA7C35; line-height: 14px;}
.btn_add .icon-down { width: 15px; height: 14px; margin-left: 7px; background: url("../../images/runway/admin/icon_add_down.png") no-repeat 0 0; vertical-align: middle;}
/*버튼_삭제(대상자관리)*/
.btn_del{ padding: 15px 16px; border-radius: 4px; border: 1px solid #D1D1D1; background: #ffffff; }
.btn_del span{ font-size: 14px; font-weight: 500; color: var(--primary-600); line-height: 14px; letter-spacing: -0.04em;}
.btn_del .icon-up { width: 15px; height: 14px; margin-left: 7px; background: url("../../images/runway/admin/icon_add_up.png") no-repeat 0 0; vertical-align: middle;}
/*팝업하단버튼*/
/* .k-window-content .op_detail_btn { width: auto; border: none; display: table; margin: 0 auto; position: unset; } */
.pop_btn_wrap{ display: table; width: auto; margin: 20px auto 10px; }
.pop_btn_wrap button{ margin-top: -5px; }
/*교육제도 더보기*/
.edss_more{ display: inline-block; height: 42px; vertical-align: middle;}
.btn_edss_more{ display: inline-block; width: 42px; height: 42px; border-radius: 4.25px; border: 1.0625px solid #D1D1D1; background: url("../../images/runway/admin/icon_more.png") no-repeat no-repeat 50% 50% #fff; box-sizing: border-box; cursor: pointer; }
.edss_page_wrap{ display: none; width: 293px; border-radius: 6px; border: 1px solid #E8E8E8; background: #fff; box-shadow: 0 0 7px rgba(0, 0, 0, 0.05), 4px 4px 10px rgba(0, 0, 0, 0.08); box-sizing: border-box; position: absolute; top: 72px; right: -20px; z-index: 100; letter-spacing: -0.02em;}
.edss_page_wrap.open { display: block;}
.edss_page_wrap > span{ position: absolute; top: -17px; right: 35px;}
.edss_page_wrap .edss_more_box { display: flex; flex-direction: row; flex-wrap: wrap; justify-content: space-between; align-items: center;}
.edss_more_box .btn_inner { display: inline-block; margin: 15px 9px 6px 0; padding: 0 10px 2px; border: 1px solid var(--primary-100); border-radius: 4px; background: var(--primary-100); font-size: 12px; font-weight: 500; color: var(--primary-600); line-height: 25px;}
.edss_more_box .btn_inner:hover,
.edss_more_box .btn_inner:active { border: 1px solid #D1D1D1; background: #FFFFFF; color: var(--primary-600);}
.edss_more_box .btn_inner:focus { border: 1px solid #D1D1D1; background: #FFFFFF; color: #404040;}
.edss_page_wrap p{ display: inline-block; padding: 15px; line-height: 25px; text-align: left; font-size: 15px; color: #0D0914; font-weight: 500;}
.edss_page_wrap ul{ width: 100%; height: 100px; }
.edss_page_wrap ul > li{ float: left; width :50%; height: 50px; margin: 0; border-top: 1px solid #e3e3e3; background: #ffffff; box-sizing: border-box; }
.edss_page_wrap ul > li > a{ display: flex; justify-content: space-between; align-items: baseline; width: 100%; height: 100%; padding-left: 15px; padding-right: 19px; line-height: 46px; text-align: left; font-size: 14px; color: #404040; cursor: pointer; letter-spacing: -0.02em;}
.edss_page_wrap ul > li:nth-child(2n){ border-left: 1px solid var(--white-500); }
/*.edss_page_wrap ul > li:hover{ background-image: url(/images/renewal/admin/btn_edss_arrow_on.png); background-color: #5960b9; }*/
.edss_page_wrap ul > li:hover a,
.edss_page_wrap ul > li.active a { font-weight: 500; color: #0D0914; text-decoration: underline;}

.btn_close_detail{ display: inline-block; width: 33px; height: 33px; border:0; background: url(/images/runway/admin/btn_close_detail.png) no-repeat 50% 50% #fff; cursor: pointer; box-sizing: border-box; position: absolute; top: 10px; right: 10px; }

/*Detail*/
.op_detail_btn{ display: flex; justify-content: flex-end; width: 100%; height: 44px; margin-top: 10px; text-align: right; box-sizing: border-box; }
.op_position{ position: absolute; bottom: -1px; right: -1px; width: 100.1%; padding-right: 1px;}
.op_explorer{ height: 54px; margin-top: 0px; padding-top: 10px; background: #f7f7f7; }

.op_btn_st1{ display: inline-block; padding: 7px 12px; border: 1px solid var(--primary-100); background:var(--primary-100); font-size: 13px; font-weight: 500; color: var(--primary-600); line-height: 17px; border-radius: 3px; cursor:pointer}
.op_btn_st1:hover,
.op_btn_st1:active { border: 1px solid #D1D1D1; background: #FFFFFF; color: var(--primary-600);}
.op_btn_st1:focus { border: 1px solid #D1D1D1; background: #FFFFFF; color: #404040;}
.op_btn_st2{height:28px;color:#fff;border-radius:0;border:none;cursor:pointer;display:inline-block;padding:0 10px;margin:0 2px}
.op_btn_st2.st_navy{background:#fff; border: 1px solid #676872; color: #676872; }
.op_btn_st2.st_red{background:#fff; border: 1px solid #676872; color: #676872;}
.pop_btn_wrap .ptree_btn.pt_orange { border: 1px solid #7A7EE8; border-radius: 4px; background: #7A7EE8;}
.pop_btn_wrap .ptree_btn.pt_orange span { border: 0; color: #ffffff;}
.pop_btn_wrap .ptree_btn.pt_orange:hover { background: #7A7EE8; color: #ffffff;}
.pop_btn_wrap .ptree_btn.pt_orange:hover span { color: #ffffff;}

.table_btn ul li{ text-align: right; }
.table_btn2{ display: inline-block; width: 100%; margin: 10px 0; padding-right: 40px; }
.table_btn2 ul li{ text-align: right; }
/*탭안에있는 버튼wrap*/
.btn_inner_wrap{ display: inline-block; width: 100%; margin: 10px auto; }
.btn_inner_wrap .btn_inner{ float: right; }

/* 버튼(리스트) */
.btnBox-wrap { display: flex; justify-content: flex-end;}
.btnBox-wrap .btn-list { margin-left: 7px;}
.btn-list{ display: inline-flex; align-items: center; width: auto; height: 48px; padding: 0 30px; text-align: center; border-radius: 5px; border: 1px solid var(--white-500); background: var(--white); box-sizing: border-box; cursor: pointer;}
.btn-list > span{ line-height: 46px; text-align: center; font-size: 14px; color: var(--black-660);}
.btn-list.btn-point{ border: 1px solid var(--primary-500); background: var(--primary-500);}
.btn-list.btn-point > span{ color: #fff;}
.btn-list.btn-point2{ border: 1px solid var(--primary-700); background: var(--primary-700);}
.btn-list.btn-point2 > span{ font-weight: 700; color: #fff;}
.btn-list:hover{ border: 1px solid var(--primary-700); background: var(--primary-700);}
.btn-list:hover > span{ color: var(--white); font-weight: 700;}
.btn-list:focus{ border: 1px solid var(--white-600); background: var(--white);}
.btn-list:focus > span{ color: var(--black-660); font-weight: 500;}
.btn-list:disabled,
.btn-disabled { border: 1px solid var(--white-600); background: var(--white-400); cursor: auto;}
.btn-list:disabled > span,
.btn-disabled > span { color: var(--gray-200);}

.cont_body-top2 .btnBox-wrap { justify-content: right;}
.btnBox-wrap li { display: inline-block; margin-left: 7px;}
.btn_chg { display: inline-block; width: 29px; height: 30px; margin: 0 20px; border: 0; background: url("../../images/runway/admin/icon_next_step.png") no-repeat 0 0; box-sizing: border-box;}

.table-company .op_btn_st1{ margin-top: 10px;}

.btn-box{ padding: 5px 0;}
/* .ptree_btn.pt_red{ color: #fff;} */
.ptree_btn.pt_red:hover,
.ptree_btn.pt_red:focus,
.ptree_btn.pt_red:active{ border: 1px solid #5d5e67; color: #fff; background: #676872; }

/*
*--------------------------------------------*
|                   Tip                      |
*--------------------------------------------*
*/
/*운영관리_화상강의 Tip박스*/
.tip-box{ display: inline-block; width: calc(100% - 40px); height: auto; padding: 18px 20px; margin: 0 0 20px; border: 1px solid var(--white-500); box-sizing: border-box;}
.tip-box > span{ display: inline-block; float: none; width: 40px; margin-bottom: 10px; padding-bottom: 1px; text-align: center; font-size: 11px; color: #fff; font-weight: bold; letter-spacing: -0.02em; border-radius: 30px; background: #7A7EE8;}
.tip-box > ul{ float: none; /*width: calc(100% - 60px);*/ width: 100%;}
.tip-box > ul > li{ width: 100%; margin-bottom: 8px; text-align: left; line-height: 20px; font-size: 13px; color: #555555; font-weight: 400; letter-spacing: -0.02em; word-break: keep-all;}
.tip-box > ul > li:last-child{ margin-bottom: 0;}
.tip-box > ul > li > span{ display: inline-block; width: auto; height: 22px; padding: 0 8px; margin-right: 5px; text-align: center; line-height: 20px; font-size: 12px; color: #444; font-weight: 400; letter-spacing: -0.02em; border: 1px solid #676872; background: #fff; box-sizing: border-box;}
/* 과정관리 - 이미지 tip박스 */
.schdls table { border-left: 1px solid var(--white-500);}
.schdls .btn_input{ margin-left: 0;}
.schdls .btn-down{ width: 32px; height: 32px; border: 1px solid #D1D1D1; border-radius: 3px; background: #ffffff; text-align: center; cursor: pointer;}
.schdls .btn-down .icon { vertical-align: middle;}
.schdls.k-grid .k-grid-content{ height: auto!important;}
/*#cmptDivWrap #cmpltGrid.k-grid .k-grid-content{ height: auto!important;}*/

/*운영관리_화상강의 출석관리팝업*/
.attend-div-wrap { display: flex; justify-content: space-between;}
#attendMng > div.attend-div{ width: 100%; box-sizing: border-box; }
#attendMng > div#zoomDiv{ padding-right: 9px; padding-left: 25px;}
#attendMng > div#userDiv{ padding-right: 25px; padding-left: 9px;}
#attendMng div.attend-div .title-box { display: flex; justify-content: space-between; align-items: center; margin-bottom: 15px;}
#attendMng div.attend-div .title-box .info-txt { display: flex; align-items: center; width: 48%;}
/*#attendMng div.attend-div .title-box .info-txt .icon { vertical-align: top;}*/
#attendMng div.attend-div .title-box .info-txt span { color: #8E8E8E;}
#attendMng div.attend-div p.attend-tit{ text-align: left; line-height: 27px; font-size: 18px; color: #232323; font-weight: 500; letter-spacing: -0.02em;}
#attendMng div.attend-div p.attend-tit > span{ display: inline-block; float: left; padding: 0 10px; margin-right: 5px; line-height: 26px; text-align: center; font-size: 12px; font-weight: 500; letter-spacing: -0.02em; border-radius: 20px; box-sizing: border-box;}
#attendMng div#zoomDiv p.attend-tit > span{ color: #FA7C35; border: 1px solid #FA7C35;}
#attendMng div#userDiv p.attend-tit > span{ color: var(--primary-500); border: 1px solid var(--primary-500);}
#attendMng input.zoom-radio{ display: none;}
#attendMng input.zoom-radio + label{ /* float: left; */ margin-bottom: 0; text-align: left; font-size: 13px; color: #444; font-weight: 400; letter-spacing: -0.02em;}
#attendMng input.zoom-radio + label > span{ display: inline-block; float: left; width: 18px; height: 18px; margin-right: 10px; border-radius: 100%; border: 1px solid #dadada; background: #fff; box-sizing: border-box;}
#attendMng input.zoom-radio:checked + label > span{ background: url(/images/sub/bg_checked.png) no-repeat 50% 50%;}
#attendMng > div.attend-div .attend-grid{ width: 100%;}
/*#attendMng > div.attend-div .attend-grid.k-grid .k-grid-header{ }*/
/*#attendMng > div.attend-div .attend-grid.k-grid .k-grid-header .k-grid-header-wrap table th{ border: 1px solid #dfdfdf; border-top: none;}*/
/*#attendMng > div.attend-div .attend-grid.k-grid .k-grid-content{ border-bottom: none;}*/
#attendMng > div.attend-div .attend-grid.k-grid .k-grid-content table tr{ background: #fff;}
/*#attendMng > div.attend-div .attend-grid.k-grid .k-grid-content table tr td{ border: 1px solid #dfdfdf; border-top: none;}*/
#attendMng > div.attend-div .attend-grid.k-grid .k-grid-norecords{ height: 350px; line-height: 350px;}

.surv-ansr .not-data-cont,
.survNoRstDiv .not-data-cont { display: flex; flex-direction: column; justify-content: center; width: 100%; height: 100%; text-align: center;}
.surv-ansr .not-data-cont span,
.survNoRstDiv .not-data-cont span { display: block; width: 100%; font-size: 13px; color: #8E8E8E; text-align: center; line-height: 30px; letter-spacing: -0.02em;}

.copy-url{ display: inline-block; width: 32px; height: 32px; margin-left: 5px; border: 1px solid #D1D1D1; border-radius: 3px; background: #ffffff; cursor: pointer;}
.copy-url .icon { vertical-align: middle;}
.icon-copyUrl { width: 21px; height: 21px; background: url("../../images/runway/admin/icon_copy_url.png") no-repeat 0 0;}

/*과정관리_과정정보 이미지파일*/
.img-zone-wrap { display: flex; margin-bottom: 10px;}
.img-zone{ display: inline-block; margin-right: 10px; border-radius: 3px; box-sizing: border-box;}
.img-zone.thumbnail-zone{ width: calc(100% - 20px);}
.img-zone.detail-zone{ width: calc(100% - 20px);}
.img-zone > .img-box{ position: relative; width: 100%; height: 192px; min-height: 192px; line-height: 192px; text-align: center; border-radius: 3px 3px 0 0; border: 1px solid var(--white-500); border-bottom: none; background: #fbfbfb; box-sizing: border-box; overflow: hidden;}
.img-zone > .img-box > img{ display: block; width: 380px; height: 224px; min-height: 100%; margin: 0 auto; line-height: 135px; vertical-align:middle;}
.img-zone > button{ width: 100%; padding: 7px 12px; background: var(--primary-100); line-height: 17px; text-align: center; font-size: 13px; color: var(--primary-600); font-weight: 500; border-radius: 0 0 3px 3px; border: 1px solid var(--primary-100); box-sizing: border-box;}
.img-zone > button:hover{ border: 1px solid #D1D1D1; background: #ffffff;}
.img-zone > button:disabled { border: 1px solid #F8F8F8; background: #F8F8F8;}
.img-zone > button:focus { border: 1px solid #D1D1D1; background: #FFFFFF; color: #404040;}
.empty-img{ position: absolute; top: 50%; width: 100%; text-align: center; background: #fbfbfb; transform: translateY(-50%); -ms-transform: translateY(-50%); -moz-transform: translateY(-50%); -webkit-transform: translateY(-50%); box-sizing: border-box;}
.empty-img > img{ display: block; margin: 0 auto 12px;}
.empty-img > p{ line-height: 20px; font-size: 12px; color: #b0b0b0; font-weight: 400; letter-spacing: -0.02em;}

.img-zone-wrap2 { display: block;}
.img-zone-wrap2 .img-zone.detail-zone { width: 100%; margin-right: 0; margin-bottom: 10px;}
.img-zone-wrap2 .tip-box { width: 100%; margin: 0;}
.img-zone-wrap2 .img-zone > .img-box { height: 224px; min-height: 171px; line-height: 171px;}

.img-tip-box{ margin: 0; height: 170px;}
.img-tip-box.thumb-tip-box{ width: calc(70% - 15px);}
.img-tip-box.detail-tip-box{ width: calc(50% - 15px);}

#original_size_window{ overflow-x: auto; line-height: 560px;}
#original_size_window #originalImg{ display: block; margin: 0 auto;}
#selectImgGrid.k-grid .k-pager-wrap{ background: #fff;}

.info-txt { display: flex;}
.info-txt .icon { margin-right: 5px; vertical-align: middle;}
.info-txt span { display: inline-block; width: calc(100% - 30px); font-size: 13px; font-weight: normal; color: #757580; line-height: 19px; letter-spacing: -0.02em; vertical-align: text-top; word-break: keep-all;}
.info-txt-gray { color: #8E8E8E; line-height: 18px;}
.info-txt-gray.info-txt span { color: #8E8E8E; line-height: 24px;}
.info-txt-box { display: flex; gap: 10px; padding: 15px; border-radius: 5px; background: #F8F9FD;}
.info-txt-rong span { vertical-align: top;}

.cont-tip-box { display: flex; justify-content: flex-start; align-items: flex-start; width: 100%; padding: 20px; border-radius: 5px; background: #F8F9FD; box-sizing: border-box;}
.cont-tip-box .tip-title { position: relative; padding-top: 10px; margin-right: 50px; font-size: 14px; font-weight: 500; color: #0A0B25; line-height: 19px;}
.cont-tip-box .tip-title:after { content: ''; display: inline-block; position: absolute; top: 0; left: 0; width: 14px; height: 2px; background: #0A0B25;}
.cont-tip-box.cmptDiv-tip-box ul li { padding-top: 5px; font-size: 13px; font-weight: normal; color: #555555; line-height: 25px; letter-spacing: -0.02em; word-break: keep-all;}
.cont-tip-box ul li:first-child { padding-top: 0;}
.cont-tip-box.cmptDiv-tip-box ul li > .pd-tag { display: inline-block; margin: 0 5px; padding: 0 8px; border: 1px solid #D1D1D1; border-radius: 3px; background: #FFFFFF; font-size: 12px; font-weight: 500; color: var(--primary-600); line-height: 24px; letter-spacing: -0.02em;}
.cont-tip-box ul li .icon-box,
.cont-tip-box.cmptDiv-tip-box ul li > span.icon-box { padding: 0 4px;}
.cont-tip-box ul li .icon-download { margin-bottom: 4px; vertical-align: middle;}
.cont-tip-box .txt { display: inline-block; margin-left: 7px; font-size: 14px; font-weight: normal; color: #555555; line-height: 20px; letter-spacing: -0.02em; vertical-align: middle;}
.cont-tip-box2 p { width: 100%;}
.cont-tip-box2 .info-txt .icon { margin-top: -3px;}

.tooltip-wrap { display: none; position: absolute; top: 50%; left: 50%; z-index: 2; width: 161px; padding: 17px 15px; border-radius: 8px; background: rgba(0, 0, 0, 0.7); text-align: center; transform: translate(-50%, -50%); -ms-transform: translate(-50%, -50%); -moz-transform: translate(-50%, -50%); -webkit-transform: translate(-50%, -50%);}
.tooltip-wrap img { }
.tooltip-wrap p { margin-top: 10px; font-size: 1.2em; font-weight: 500; color: #FFFFFF; line-height: 24px; letter-spacing: -0.02em;}

/*
*--------------------------------------------*
|                   Tab                      |
*--------------------------------------------*
*/
.content-wrap { position: relative; padding: 20px;}
.content-wrap .btn-search { padding: 5px 16px;}
.content-wrap .content-top-box { display: flex; justify-content: space-between; align-items: center;}
.content-wrap .content-top-box .yearName { display: inline-block; font-family: 'Spoqa Han Sans Neo', sans-serif; font-size: 18px; font-weight: bold; color: #262527; line-height: 23px;}
.content-wrap .content-box { margin-top: 10px; border-top: 1px solid #E8E8E8;}
.content-wrap .content-box .table_btn2 { display: flex; justify-content: space-between; align-items: flex-start; margin-top: 20px; padding-right: 0;}
.content-wrap .content-box .table_btn2 .btn-box,
.content-wrap .content-top-box .btn-box { display: flex; gap: 7px; padding: 0;}
.content-wrap .content-box .table_btn2 .btn-box li {}
.table_btn.only-btn-right { display: flex; justify-content: flex-end; gap: 7px; margin-bottom: 10px;}
.content-wrap .content-top-box.only-btn-right { justify-content: flex-end;}
.content-top-box { padding: 10px 0;}
.content-top-box .search-area { display: flex; justify-content: flex-start; align-items: center;}
.content-top-box .search-area > li { padding-left: 7px;}
.content-top-box .search-area > li:first-child { padding-left: 0;}
.content-top-box .search-area .btn_inner { color: #404040;}
.content-top-box .search-area .btn_inner:hover { color: var(--primary-600);}

.srvBox .content-wrap { box-sizing: border-box;}
/* 소통하기 탭 */
.chat-wrap .k-tabstrip-items { width: 100%;}
.chat-wrap .k-tabstrip-items li.k-item { width: 50%;}
/* 프로필관리 탭 */
.prflMgmt .k-tabstrip-items { width: 100%;}
.prflMgmt .k-tabstrip-items li.k-item { width: 50%;}
/* 팝업 내부 탭 */
.popup-content .k-tabstrip { border: 0;}
.popup-content .k-tabstrip-top>.k-tabstrip-items-wrapper { border-bottom: 1px solid #EBEBEB;}
.popup-content .k-tabstrip .k-content { padding: 20px 0;}
.popup-content .k-tabstrip-items li.k-item { width: auto; border-bottom: 0;}
.popup-content .k-tabstrip-items li.k-item span.k-link { padding: 0 25px; line-height: 54px;}

.tab-content { padding: 15px; box-sizing: border-box;}

/*
*--------------------------------------------*
|                   Badge                    |
*--------------------------------------------*
*/
.pd-badge-tag { display: inline-block; padding: 5px 10px; border: 1px solid var(--primary-500); border-radius: 3px; background: #FFFFFF; font-size: 13px; font-weight: 500; color: var(--primary-600); letter-spacing: -0.02em;}
.pd-badge-tag.disabled { border: 1px solid #EBEBEB; background: #EBEBEB; color: #8E8E8E;}
.pd-badge,
.pd-badge02 { display: inline-block; padding: 5px 10px 6px; border-right: 3px; background: var(--primary-100); font-size: 12px; font-weight: 500; letter-spacing: -2%; color: var(--primary-600);}
.pd-badge.disabled { background: #EBEBEB; color: #8E8E8E;}
.pd-badge02 { background: #EBEBEB; color: #555;}
.pd-badge02.end { background: #FCF0EA; color: #FA7C35;}

.list-box-wrap .list-box { justify-content: center; gap: 20px; padding: 20px; border-radius: 5px; background: #F8F9FD;}
/* 운영관리 - 수강정보 - list box */
.list-box-wrap .list-box { display: flex; justify-content: center; height: auto; padding: 20px; border-radius: 5px; background: #F8F9FD;}
.list-box-wrap .list-box * { box-sizing: border-box;}
.list-box-wrap .list-box > li { width: 100%;}
.list-box-wrap .list-box > li:first-child { padding-left: 0;}
.list-box-wrap .list-box > li .box { display: block; width: 100%; /* height: 90px; */ height: 104px; padding: 19px 10px; border: 1px solid #E8E8E8; border-radius: 15px; background: #FFFFFF; text-align: center; letter-spacing: -0.02em; box-shadow: 2px 2px 6px rgba(0, 0, 0, 0.1);}
.list-box-wrap .list-box > li .box > p { margin-bottom: 5px; font-size: 13px; font-weight: 500; color: #757580; line-height: 22px;}
.list-box-wrap .list-box > li .box > strong { display: inline-block; font-size: 25px; font-weight: bold; color: var(--primary-500); line-height: 100%;}
.list-box-wrap .list-box > li .box > span { display: inline-block; margin-left: 5px; font-size: 13px; font-weight: 500; color: #757580; line-height: 20px; vertical-align: text-bottom;}
.list-box-wrap .list-box > li .box.active { border: 1px solid var(--primary-600); background: var(--primary-600);}
.list-box-wrap .list-box > li .box.active > p { color: #ffffff;}
.list-box-wrap .list-box > li .box.active > strong { color: #FFF7B0;}
.list-box-wrap .list-box > li .box.active > span { color: #FFF7B0;}

/* 설문결과 list box */
.srvBox .list-box-wrap .list-box > li { width: auto;}
.srvBox .list-box-wrap .list-box > li .box { padding: 19px 30px;}

/*
*--------------------------------------------*
|                   Not Data                 |
*--------------------------------------------*
*/
.product .product-img-box .not-img { display: block; position: relative; width: 100%; height: 189px; background: #FCFCFC; text-align: center;}
.product .product-img-box .not-img > span { display: block; position: absolute; top: 50%; width: 100%; font-size: 13px; font-weight: normal; color: #B8B8B8; text-align: center; line-height: 20px; letter-spacing: -0.02em; transform: translateY(-50%); -ms-transform: translateY(-50%); -moz-transform: translateY(-50%); -webkit-transform: translateY(-50%);}

/*
*--------------------------------------------*
|                   Preview                  |
*--------------------------------------------*
*/
#youtubeIframeAreaPre, #youtubePrePlayer {
    height: 100%;
}

#player_preview_window .pdf-wrap-pre {
    overflow: hidden;
    height: 783px;
    border-radius: 10px 10px 0 0;
}

.k-window .k-window-content.preview-window {
    padding: 0 !important;
}

.k-window .k-window-content.preview-window .videoTextarea {
    overflow-y: auto;
    width: 100%;
    height: 50px;
    margin-top: 20px;
    padding: 20px 0;
    border-top: 1px solid #E8E8E8;
    font-size: 16px;
    font-weight: 400;
    color: #666666;
    line-height: 25px;
    letter-spacing: -0.03em;
}

#player_preview_window .popup-content {
    display: block;
    padding: 20px 25px 20px;
    border-top: 1px solid #E8E8E8;
    text-align: left;
}

#player_preview_window .video-cont-box {
    overflow: hidden;
    width: 100%;
}

#player_preview_window .popup-close {
    display: none;
}

#player_preview_window .box-top-box {
    padding: 30px 0 0;
    border-bottom: 0;
}

#player_preview_window .box-top-box .title-box .col {
    margin-bottom: 5px;
    font-weight: 500;
    font-size: 15px;
    color: var(--primary-700);
    line-height: 21px;
    letter-spacing: -0.02em;
}

#player_preview_window .box-top-box .title-box>strong {
    display: block;
    width: 100%;
    margin-bottom: 10px;
    font-size: 22px;
    font-weight: 500;
    color: #121212;
    line-height: 32px;
    letter-spacing: -0.02em;
    word-break: keep-all;
}

#player_preview_window .box-top-box .title-box>img {
    float: right;
    width: 28px;
    height: 28px;
}

#player_preview_window .box-top-box .title-box:after {
    content: '';
    display: block;
    clear: both;
}

#player_preview_window .box-top-box ul:after {
    content: '';
    display: block;
    clear: both;
}

#player_preview_window .box-top-box ul li {
    float: left;
    position: relative;
    padding-left: 15px;
    padding-right: 15px;
}

#player_preview_window .box-top-box ul li:first-child {
    padding-left: 0;
}

#player_preview_window .box-top-box ul li:first-child:after {
    content: '';
    display: block;
    position: absolute;
    top: 6px;
    right: 0;
    width: 1px;
    height: 11px;
    background: #D6D6D6;
}

#player_preview_window .box-top-box ul li span {
    display: inline-block;
    float: left;
    padding-right: 15px;
    font-size: 15px;
    font-weight: 400;
    color: #666666;
    line-height: 22px;
    letter-spacing: -0.02em;
}

#player_preview_window .box-top-box ul li strong {
    display: inline-block;
    float: left;
    font-size: 15px;
    font-weight: 500;
    color: #343434;
    line-height: 22px;
    letter-spacing: -0.02em;
}

.jp-interface .jp-controls button, .jp-interface .jp-toggles button,
.jp-interface .jp-volume-controls button {
    /*-webkit-transition-delay: 0;*/
    /*transition-delay: 0;*/
    -webkit-transition-property: all;
    -webkit-transition-duration: 0.2s;
    -webkit-transition-timing-function: ease-in-out;
    transition-property: all;
    transition-duration: 0.2s;
    transition-timing-function: ease-in-out;
    -webkit-transition: all 0.2s linear;
    transition: all 0.2s linear;
}

.jp-volume-bar {
    overflow: visible !important;
}

.jp-volume-bar .jp-volume-bar-value {
    position: relative;
}

.jp-progress .bullet, .jp-volume-bar .bullet {
    position: absolute;
    content: "";
    top: -5px;
    right: -7px;
    height: 18px;
    width: 18px;
    background: #ffffff;
    border-radius: 50%;
}



/*
*--------------------------------------------*
|                   Upload                   |
*--------------------------------------------*
*/
/* File upload */
.file-button-box { display: flex; align-items: center;}
.file-button-box > .file { width: 100%;}
.file-button-box > .input-box { flex-shrink: 0;}

.noteDetPop .file-template .k-grid-header{ display: none;}
.noteDetPop .file-template .k-grid-norecords .file-empty > p{ padding-bottom: 30px; text-align: center; font-size: 15px; color: #555;}
.noteDetPop .file-template tbody{ display: inline-block; width: 100%; padding: 14px 0;}
.noteDetPop .file-template .file-list{ display: inline-block; width :100%; padding-left: 15px; margin-bottom: 5px; box-sizing: border-box;}
.noteDetPop .file-template tbody tr td { padding: 0;}
.noteDetPop .file-template .file-list:last-child{ margin-bottom: 0;}
.noteDetPop .file-template .file-list .file-icon{ float: left; display: inline-block; width: 18px; height: 29px; margin-right: 10px; background: url(/images/renewal/icon/icon_file.png) no-repeat 50% 50%;}
.noteDetPop .file-template .file-list .file-tit{ display: inline-block; float: left; line-height: 2.9rem; text-align: left; font-size: 1.5rem; color: var(--black-660); letter-spacing: -0.02em; cursor: pointer;}
.noteDetPop .file-template .file-list .file-tit:hover { color: var(--primary-500); text-decoration: underline;}
.noteDetPop .file-template .file-list .file-size{ display: inline-block; float: left; line-height: 2.9rem; margin-left: 20px; font-size: 1.5rem; color: var(--gray-850); letter-spacing: -0.02em;}
.noteDetPop .file-template .file-list .del-file{ display: inline-block; flex-shrink: 0; float: left; width: 16px; height: 29px; margin-left: 15px; background: url(/images/renewal/icon/icon_file_delete.png) no-repeat 50% 50%;}
/* khj */
.noteDetPop .file-template .file-list { display: flex;}
.noteDetPop .player-form-box .file-box .k-dropzone .k-upload-status { display: none;}


/*
*--------------------------------------------*
|                   Popup                    |
*--------------------------------------------*
*/
.popup-content .table_list { display: table; width: 100%;}
.popup-content .table_list > tbody > tr { border-top: 1px solid var(--white-500);}
.popup-content .table_list.tabular tr,
.popup-content .table_list.tabular tr.bt1 { border-top: 1px solid #E8E8E8;}
.popup-content .table_list tr th { border-left: 0; border-bottom: 0;}
.popup-content .table_list tr td { border-top: 0; border-right: 0; border-bottom: 0; text-align: left; word-wrap: break-word; word-break: break-word;}
.popup-content .table_list tr td span.txt { font-size: 14px; color: #404040; line-height: 35px; letter-spacing: -0.02em;}
.popup-content .table_list.table-box { border-bottom: 1px solid #E8E8E8;}
.popup-content .popup-top-box { display: flex; align-items: center; padding-bottom: 20px;}
.popup-content .popup-top-box strong { display: inline-block; font-family: 'Spoqa Han Sans Neo', sans-serif; font-size: 18px; font-weight: bold; color: #262527; line-height: 23px;}
.popup-upload form { width: 100%;}
.popup-content table.list-cont{ width: 100%; border-top: 1px solid #ddd; border-collapse: collapse; }
.popup-content table.list-cont th{ width: 120px; padding: 8px 15px; border-bottom: 1px solid #ddd; border-right: 0; background: #f9f9f9; color: #222222; text-align: left; font-size: 15px; line-height: 2.67; letter-spacing: -0.3px; }
.popup-content table.list-cont td{ min-height: 56px; padding: 8px 15px; border-bottom: 1px solid #ddd; border-left: 0; border-right: 0; background: #fff; font-size: 16px; color: #303030; line-height: 1; letter-spacing: -0.32px; word-break: keep-all; }

/* 과정관리 - 교육제도 관리 추가 팝업 */
#edss-sbj-regist-window{box-sizing:border-box;}
#edss-sbj-regist-window *{box-sizing:border-box}
#edss-sbj-regist-window .k-i-arrow-s{margin-top:-5px}
#edss-sbj-regist-window .cmpt-dic-cont > li > div { width: 89%;}
#edss-sbj-regist-window .cmpt-dic-cont > li > div.step_table{ width: 100%;}
#edss-sbj-regist-window .step_table .teb-step .pdl { padding-left: 75px;}
#edss-sbj-regist-window .step_table table,
#edss-sbj-regist-window .step_table2 table{width:100%;border-collapse:collapse;border-spacing:0;}
#edss-sbj-regist-window .step_table table tr { border-top:1px solid #E8E8E8}
#edss-sbj-regist-window .step_table table tr:first-child { border-top: 0;}
#edss-sbj-regist-window .step_table2 table tr{border-top:1px solid #E8E8E8}
#edss-sbj-regist-window .step_table table.tabular th,
#edss-sbj-regist-window .step_table2 table.tabular th{padding:10px;vertical-align:middle;border-right: 0; font-size: 14px; font-weight: 500; color: #262527; text-align: left; line-height: 19px; letter-spacing: -0.02em;}
#edss-sbj-regist-window .step_table table th { border-left: 0; border-bottom: 0;}
#edss-sbj-regist-window .step_table table th > span,
#edss-sbj-regist-window .step_table2 table th > span { display: inline-block; margin-right: 5px;}
#edss-sbj-regist-window .step_table table td { border-top: 0; border-left: 0; border-right: 0; border-bottom: 0; text-align: left;}
#edss-sbj-regist-window .step_table2 table td{padding:10px;border-right:0}
#edss-sbj-regist-window .step_table2 table td.last{border-right:none;padding: 10px 0;}
#x-jobrsp-row span.k-dropdown,
#x-grade_num-row span.k-dropdown{width:100%}
/* 교육제도 - 직원기준관리 */
div.table_btn .btnBox-wrap .edss_more { margin-left: 5px;}

/* 교육제도 - 이수기준관리 */
.jop-list-wrap > li { border-top: 1px dashed #E8E8E8;}
.jop-list-wrap > li.first { border-top: 0;}
.jop-list-wrap > li.first .check-box label { font-weight: bold;}
.jop-list-wrap > li > .check-box label { margin-left: 0; font-weight: 500;}

/* 20211109 교육통계 khj */
.statistic-box-wrap { width: 100%; padding: 0 0 100px; box-sizing: border-box;}
.statistic-box-wrap > ul > li { position: relative; padding-bottom: 25px;}
.statistic-box-wrap .title-box { display: flex; justify-content: flex-start; align-items: center; margin-bottom: 15px;}
.statistic-box-wrap .title-box .tit { margin-right: 20px; font-family: 'Spoqa Han Sans Neo', sans-serif; font-size: 20px; font-weight: 500; color: #404040; line-height: 38px; letter-spacing: -0.05em;}
.statistic-box-wrap .title-box .btn-default { height: auto; padding: 13px 16px; font-family: 'Spoqa Han Sans Neo', sans-serif; font-size: 13px; font-weight: 500;}
.statistic-box-wrap .title-box .statistic-sel {}
.statistic-box-wrap .cont-box { position: relative; display: flex; justify-content: space-between; gap: 25px;}
.statistic-box-wrap .cont-box.wide-box { flex-direction: column;}
.statistic-box-wrap .cont-box.wide-box > div { width: 100%; margin-bottom: 20px;}
.statistic-box-wrap .cont-box > div { position: relative; width: 100%;}
.statistic-box-wrap .cont-box .statisticLdiv { position: relative; width: 50%; padding: 60px 69px 30px; border: 1px solid #E8E8E8; background: #FFFFFF; box-sizing: border-box;}
.statistic-box-wrap .cont-box .statisticLdiv + .statisticLdiv { margin-right: 0;}
.statistic-box-wrap .cont-box .statisticRdiv.wide-box { flex-shrink: 0; width: 100%;}
.statistic-box-wrap .cont-box .statisticLdiv > p { position: absolute; top: 20px; left: 69px; font-size: 15px; font-weight: 500;}
.statistic-box-wrap .cont-box .flex-box { width: 100%; margin-bottom: 20px;}
.statistic-box .grid-search-area .div-table .div-td { padding-bottom: 0;}
.statistic-box-wrap .not-data-cont { display: flex; flex-direction: column; justify-content: center; width: 100%; height: 100%; text-align: center;}
.statistic-box-wrap .not-data-cont span { display: block; width: 100%; font-size: 13px; color: #8E8E8E; text-align: center; line-height: 30px; letter-spacing: -0.02em;}
.statistic-box-wrap .not-data-cont .statisticLdiv { display: flex; flex-direction: column; justify-content: center; align-items: center; height: 442px; margin-bottom: 0; padding: 0;}
.scroll-box { overflow-y: auto; height: calc(100vh - 190px);}

/* 만족도 */
.statistic-box-wrap .statistic-box2 .statisticLdiv { padding: 30px 69px;}
.statistic-box .surv-wrap{ display: inline-block; width: 100%; padding: 10px 0;}
.statistic-box .surv-wrap:nth-of-type(1) { border-top: 0;}
.statistic-box .surv-wrap .exam-list { align-items: center; margin: 0; padding: 10px 0; border-top: 1px solid var(--white-500);}
.statistic-box .surv-wrap .exam-list:nth-of-type(1) { border-top: 0;}
.statistic-box .surv-wrap > p.surv-qstn{ display: flex; width: 100%; margin-bottom: 5px; line-height: 20px; text-align: left; font-size: 15px;}
.statistic-box .surv-wrap .surv-qstn > span{ display: inline-block; flex-shrink: 0; width: 80px; font-weight: 700; margin-right: 5px; text-align: center;}
.statistic-box .surv-wrap .exam-list .surv-qstn { display: flex; gap: 7px; width: 100%;}
.statistic-box .surv-wrap > p.surv-type{ float: left; width: 85px; line-height: 20px; font-size: 14px;}
.statistic-box .surv-wrap p.surv-sco{ flex-shrink: 0; width: 100px; padding: 6px; line-height: 20px; text-align: center; font-size: 13px; color: #565656; border-radius: 3px; background: #f5f5f5; box-sizing: border-box;}
.statistic-box .surv-wrap .surv-sco-bar{ width: calc(100% - 150px); height: 20px; border-radius: 2px; background: var(--white-500);}
.statistic-box .surv-wrap .surv-sco-bar > span{ float: left; display: inline-block; width: 0; height: 20px; border-radius: 2px; background: var(--primary-500); transition: width ease-in-out .35s; animation: 0.2s linear 0s infinite normal none running progress-bar-stripes;}

/*2020 포도나무관리자페이지 수정 KYJ*/
/*2021 포도나무관리자페이지 수정 KHJ*/
/* 동영상 콘텐츠 */
.k-listview * { box-sizing: border-box;}
.product { display: flex; flex-direction: column; justify-content: space-between; position: relative; width: 272px; height: 397px; padding: 0; border: 1px solid #E8E8E8; background: #ffffff;}
#shareVideoView .product{ width: calc(100% / 4 - 20px); height: 327px; }
.product a { display: block; position: relative; width: 100%; cursor: pointer; text-align: center;}
.product .product-img-box { overflow: hidden; position: relative; width: 100%; min-height: 166px; border-bottom: 1px solid #E8E8E8;}
.product .product-img-box .check-box-wrap.area-custom{ position: absolute; top: 10px; left: 10px;}
.product .product-img-box img {width: 100%; height: 100%; object-fit: cover; border: 0; }
.product .product-img-box > a{ width: 100%; height: 100%; }
.product .product-img-box .not-img { display: block; position: relative; width: 100%; height: 189px; background: #FCFCFC; text-align: center;}
.product .product-img-box .not-img > span { display: block; position: absolute; top: 50%; width: 100%; font-size: 13px; font-weight: normal; color: #B8B8B8; text-align: center; line-height: 20px; letter-spacing: -0.02em; transform: translateY(-50%); -ms-transform: translateY(-50%); -moz-transform: translateY(-50%); -webkit-transform: translateY(-50%);}
.product .product-img-box .not-img .img { display: block; width: 30px; height: 31px; margin: 0 auto 10px; background: url("../../images/runway/admin/no_image.png") no-repeat center center;}
.product .product-img-box .not-img .video { width: 38px; height: 39px; background: url("../../images/runway/admin/icon_lcms_video.png") no-repeat center;}
.product .product-img-box .not-img .youtube { width: 38px; height: 39px; background: url("../../images/runway/admin/icon_lcms_youtube.png") no-repeat center;}
.product .product-img-box .not-img .pdf { width: 38px; height: 39px; background: url("../../images/runway/admin/icon_lcms_pdf.png") no-repeat center;}
.product .v-cont-wrap { padding: 15px;}
.product .v-cont-wrap .v-cont-top { display: flex; justify-content: space-between; align-items: center; margin-bottom: 5px;}
.product .v-cont-wrap .v-cont-top vdate { display: inline-block; font-size: 13px; font-weight: normal; color: #B8B8B8; line-height: 20px; letter-spacing: -0.02em;}
.product .v-cont-wrap .v-cont-top img { width: 20px; height: 20px; border: 0;}
.product .v_tit { /*display: -webkit-box;*/ display: block; overflow: hidden; width: 100%; height: 50px; margin-bottom: 10px; font-size: 16px; font-weight: 500; color: #262527; line-height: 25px; letter-spacing: -0.02em; text-overflow: ellipsis; text-align: left; /*-webkit-line-clamp: 2; -webkit-box-orient: vertical;*/ white-space: nowrap;}
.product videoNo { display: block; font-size: 13px; font-weight: normal; color: #8E8E8E; text-align: left; line-height: 22px; letter-spacing: -0.02em;}
.product .v-cont-wrap .txt { display: block; overflow: hidden; font-size: 13px; font-weight: normal; color: #8E8E8E; text-align: left; line-height: 22px; letter-spacing: -0.02em; text-overflow: ellipsis; white-space: nowrap;}
.product .v-cont-wrap .conts-info > span{ display: block; width: 100%; }
.product .v-btn-wrap { border-top: 1px solid #E8E8E8;}
.product .v-btn-wrap ul { display: flex;}
.product .v-btn-wrap ul li { width: 100%; border-left: 1px solid #E8E8E8;}
.product .v-btn-wrap ul li:first-child { border-left: 0;}
.product .v-btn-wrap ul li .btn { display: block; padding: 16px; font-family: 'Spoqa Han Sans Neo', sans-serif; font-size: 14px; font-weight: 500; color: #404040; line-height: 14px; cursor: pointer; box-sizing: border-box;}
.product .v-btn-wrap ul li .btn:hover,
.product .v-btn-wrap ul li .btn:active { border-radius: 0; background: #7A7EE8; color: #FFFFFF; box-shadow: none; -webkit-box-shadow: none;}

.product func{margin: 0;overflow: hidden;line-height: 1.2em;font-size: 14px;font-weight: normal;text-transform: uppercase;color: #999;}
.product p {visibility: hidden;}
.product:hover p {visibility: visible;position: absolute;width: 150px;height: 150px;top: 0;margin: 0;padding: 0;line-height: 110px;vertical-align: middle;text-align: center;color: #fff;background-color: rgba(0,0,0,0.75);transition: background .2s linear, color .2s linear;-moz-transition: background .2s linear, color .2s linear;-webkit-transition: background .2s linear, color .2s linear;-o-transition: background .2s linear, color .2s linear;}
.k-listview:after {content: ".";display: block;height: 0;clear: both;visibility: hidden;}
.v_n{font-size: 14px; }

.product .v_tit_wrap{ width: 100%; height: 50px; margin: 20px 0; padding: 0; }
.v_tit_wrap .v_tit{ padding: 0 20px; font-size: 17px; line-height: 25px; color: #000; }
.product .v_btn_wrap{ width: 100%; height: 43px; border-radius: 3px; box-sizing: border-box; }
.product .v_btn_wrap a{ float: left; display: block; width: 50%; height: 100%; padding-left: 10px; line-height: 43px; text-align: center; font-size: 14px; color: #6e6e77; border: 1px solid #e3e3e3; box-sizing: border-box; }
.product .v_btn_wrap a:hover{ color: #fff; border: 1px solid #5d5e67; }
.product .v_btn_wrap a.btn_v_edit{ border-radius: 3px 0 0 3px; border-right: 1px solid #e3e3e3; background: url(/images/runway/admin_btn_mod.png) no-repeat 25px 50%; }
.product .v_btn_wrap a.btn_v_edit:hover{ border-right: 1px solid #5d5e67; background-image: url(/images/runway/admin_btn_mod_on.png); background-color: #676872; }
.product .v_btn_wrap a.btn_v_del{ border-left: none; border-radius: 0 3px 3px 0; background: url(/images/runway/admin_btn_del.png) no-repeat 25px 50%; }
.product .v_btn_wrap a.btn_v_del:hover{ background: url(/images/runway/admin_btn_del_on.png) no-repeat 25px 50% #676872; }
.product .date-box { display: flex; justify-content: space-between; align-items: center; width: 100%; padding: 0 20px;}
.product .content-select-list-contB { display: flex; justify-content: space-between; align-items: center; width: 100%; padding: 15px;}
.product .content-select-list-contB > span { flex-shrink: 0;}
.product .content-select-list-contB .btn_input { width: auto;}

.pop-btn-area { display: flex; align-items: center; justify-content: space-between; margin-top: 15px;}
.pop-btn-area > div { display: flex; align-items: center; gap: 7px;}
.pop-btn-area > div [class*="btn_"] { flex-shrink: 0;}
.pop-btn-area .btn_search { width: 42px; height: 42px;}

/* 콘텐츠 등록 팝업 카테고리 */
#video_reg_window #videoContent * { box-sizing: content-box;}

/*
*--------------------------------------------*
|                   Eat                      |
*--------------------------------------------*
*/
.width100{ width: 100%;}

.jp-interface .jp-controls button,
.jp-interface .jp-toggles button,
.jp-interface .jp-volume-controls button {
    /*-webkit-transition-delay: 0;*/
    /*transition-delay: 0;*/
    -webkit-transition-property: all;
    -webkit-transition-duration: 0.2s;
    -webkit-transition-timing-function: ease-in-out;
    transition-property: all;
    transition-duration: 0.2s;
    transition-timing-function: ease-in-out;
    -webkit-transition: all 0.2s linear;
    transition: all 0.2s linear;
}
.jp-volume-bar { overflow: visible !important;}
.jp-volume-bar .jp-volume-bar-value { position: relative;}
.jp-progress .bullet,
.jp-volume-bar .bullet { position: absolute; content: ""; top: -5px; right: -7px; height: 18px; width: 18px; background: #ffffff; border-radius: 50%;}



/*
*--------------------------------------------*
|                   아코디언                   |
*--------------------------------------------*
*/
.accordion-wrap { display: flex; flex-direction: column;}
.accordion-box { border-radius: 10px; border: 1px solid #dbdbdb;}
.accordion-head { display: flex; justify-content: space-between; align-items: center; position: relative; width: 100%; padding: 16px 25px; border-radius: 10px; background: #fff; cursor: pointer;}
.accordion-head.active { }
.accordion-head h3 { display: flex; align-items: center; font-size: 20px; font-weight: 500; color: #000; line-height: 1.7; letter-spacing: -0.6px;}
.accordion-head h3 strong { font-weight: bold; color: var(--primary-500);}
.accordion-body { display: none; border-radius: 0 0 10px 10px;}
.accordion-head.active + .accordion-body { border-top: 1px solid #dbdbdb;}


/*
*--------------------------------------------*
|                   Layout                   |
*--------------------------------------------*
*/
p.sub_tit{ margin-bottom: 5px; line-height: 38px; font-size: 20px; color: #404040; font-weight: 500; letter-spacing: -0.05em;}

/* 결제관리 */
.educationFeeWrap { position: relative;}
.educationFeeWrap .k-chart { height: 100%;}
.educationFeeWrap:before { content: ''; display: block; position: absolute; bottom: 0; left: 0; z-index: 0; width: 100%; height: 50%; background: #f7f7f7;}
.educationFeeWrap:after { content: ''; display: block; clear: both;}
.educationFeeWrap button { position: absolute; top: 0; right: 0;}
.educationFeeWrap ul { display: flex; gap: 35px;}
.educationFeeWrap ul li { width: calc(100% / 4 - 35px);}
.educationFeeWrap ul li .pay-box { flex-direction: column; justify-content: space-between; align-items: flex-start; position: relative; height: 100%; padding: 20px; border-radius: 20px; background-position: 92% 20px; color: #fff; box-sizing: border-box;}
.educationFeeWrap ul li.last-li { width: 34%;}
.pay-complete { background: #e44781 url("../../images/runway/admin/pay_complet.png") no-repeat;}
.pay-wating { background: #835cba url("../../images/runway/admin/pay_wating.png") no-repeat;}
.pay-del { background: #2cc1a5 url("../../images/runway/admin/pay_del.png") no-repeat;}
.pay-chart { background: #46bfeb url("../../images/runway/admin/pay_chart.png") no-repeat;}
.educationFeeWrap ul li span.tag { display: inline-block; padding: 5px 15px; border-radius: 50px; background: rgba(0,0,0,.5); color: #fff; text-align: center;}
.educationFeeWrap .pay-cont { flex-direction: column; justify-content: flex-end; gap: 10px; width: 100%; text-align: right;}
.educationFeeWrap .last-li .pay-cont { width: 50%;}
.educationFeeWrap .last-li .pay-chart-box { float: right; position: relative; width: 50%; height: 100%; padding-top: 10px;}
.pay-cont p { margin: 20px 0 0; font-size: 15px;}
.pay-cont a { font-size: 25px; font-weight: bold; color: #fff; text-decoration: underline;}
.pay-cont > p+p { font-size: 22px; font-weight: bold;}
.pay-cont > p+p span { display: inline-block; margin-left: 10px; font-size: 35px;}
.payPieNote { position: absolute; top: 34%; left: 0; width: 100%; text-align: center;}
.payPieNote .pieChart-tit { font-size: 30px; font-weight: bold; color: #fff;}
.payPieNote .pieChart-subTit { font-size: 13px; color: #fff;}
.title2 { margin-bottom: 20px; font-size: 18px; font-weight: bold; color: #333; text-align: left;}
.action-wrap { display: flex; align-items: center; gap: 7px; width: 100%;}

/* 교육제도 메인 */
.edss_wrap{ display: block; position: relative; top: 50%; width: 100%; text-align: center; box-sizing: border-box; transform: translateY(20%); -ms-transform: translateY(20%); -moz-transform: translateY(20%); -webkit-transform: translateY(20%);}
.edss_wrap * { box-sizing: border-box;}
.edss_wrap ul { display: flex; justify-content: flex-start; align-items: center;}
.edss_wrap ul li { position: relative; padding-left: 27px;}
.edss_wrap ul li:after { content: ''; display: inline-block; position: absolute; top: 50%; left: -12px; z-index: 1; width: 59px; height: 59px; background: url("../../images/runway/admin/icon_next_step_edss.png") no-repeat 0 0; transform: translateY(-50%); -ms-transform: translateY(-50%); -moz-transform: translateY(-50%); -webkit-transform: translateY(-50%);}
.edss_wrap ul li:first-child { padding-left: 0;}
.edss_wrap ul li:first-child:after { display: none;}
.edss_wrap ul li .box { display: flex; flex-direction: column; flex-wrap: nowrap; justify-content: flex-start; align-items: center; width: 379px; height: 539px; padding: 61px 0; border-radius: 20px; background: #FFFFFF; text-align: center; box-shadow: 0 0 7px rgba(0, 0, 0, 0.05), 4px 4px 10px rgba(0, 0, 0, 0.08);}
.edss_wrap ul li .box img { margin-bottom: 65px;}
.edss_wrap ul li .box h3 { margin-bottom: 10px; font-size: 24px; font-weight: 500; color: #0D0914; line-height: 30px;}
.edss_wrap ul li .box p { margin-bottom: 50px; font-size: 14px; font-weight: normal; color: #8E8E8E; line-height: 21px;}
.edss_wrap ul li .box p span { font-weight: 500; color: #0D0914;}
.edss_wrap ul li .box .btn { display: flex; justify-content: center; align-items: center; width: 130px; height: 42px; margin: 0 auto; padding: 11px 0; border: 1px solid #E8E8E8; background: #FFFFFF; border-radius: 30px; font-size: 14px; font-weight: 500; color: #666666; text-align: center; line-height: 20px; letter-spacing: -0.02em;}
.edss_wrap ul li .box .btn .icon { margin-left: 15px;}
.edss_wrap ul li .box .btn:hover,
.edss_wrap ul li .box .btn:active { border: 1px solid #0A0B25; background: #0A0B25; font-weight: bold; color: #FFFFFF;}
.edss_wrap ul li .box .btn:hover .icon,
.edss_wrap ul li .box .btn:active .icon { background: url("../../images/runway/admin/edss_btn_on.png") no-repeat 0 0;}
.edss_wrap ul li.last .box p { margin-bottom: 40px;}
/* 교육제도 - 기준관리 */
.edss-btn-box { padding: 19px 0 0; text-align: right;}
.edss-btn-box .btn_top { min-width: 78px;}
.edss-two-content { padding-bottom: 100px;}
.edss-two-content .info-txt { margin-bottom: 11px;}
/* 과정관리 - 교육제도 hide 검색 */

/* 과정관리 이미지 리스트 박스 */
.selectImgGrid .not-data-cont { position: relative; width: 100%; height: 89%; text-align: center;}
.selectImgGrid .not-data-cont > div { position: absolute; top: 50%; width: 100%; transform: translateY(-50%); -webkit-transform: translateY(-50%); -moz-transform: translateY(-50%); -ms-transform: translateY(-50%);}
.selectImgGrid .not-data-cont > div img { display: block; margin: 0 auto 10px;}
.selectImgGrid .not-data-cont > div span { display: block; width: 100%; font-size: 13px; color: #8E8E8E; text-align: center; line-height: 30px; letter-spacing: -0.02em;}
.product-img { float: left; width: 169.4px; margin: 25px 0 0 25px; padding: 0; border: 1px solid #E8E8E8; background: #ffffff;}
.product-img .product-img-box img { width: auto; max-width: 100%;}
.product-img .v-cont-wrap { height: auto; padding: 15px;}
.product-img .v_tit { visibility: visible;}
/*.product-img .v-btn-wrap { border-top: 1px solid #E8E8E8;}*/
.product-img .v-btn-wrap ul { display: flex;}
.product-img .v-btn-wrap ul li { width: 100%; border-left: 1px solid #E8E8E8;}
.product-img .v-btn-wrap ul li:first-child { border-left: 0;}
.product-img .v-btn-wrap ul li .btn { display: block; padding: 16px; font-family: 'Spoqa Han Sans Neo', sans-serif; font-size: 14px; font-weight: 500; color: #404040; line-height: 14px; cursor: pointer; box-sizing: border-box;}
.product-img .v-btn-wrap ul li .btn:hover,
.product-img .v-btn-wrap ul li .btn:active { border-radius: 0; background: #7A7EE8; color: #FFFFFF; box-shadow: none; -webkit-box-shadow: none;}

.product h3{ max-width: 200px; margin: 18px 0 0; font-size: 15px;}
.product func{ float: right;}
.product img{ display: inline-block; width: 230px; height: 150px; border: 1px solid #e6e6e6;}
.product func font a img{ border: 0;}
.width100{ width: 100%;}
.width60{ width: 60px;}
.step_table .fl-group{ margin-bottom: 10px;}
.step_table .fl-group + p{ line-height: 1.3;}

.tablest{ width: 100%; border: 1px solid #dbdbdb; border-right: 0;}
.tablest tr th{ border-right: 1px solid #dbdbdb; border-bottom: 1px solid #dbdbdb; background: #edf2f6; color: #333333; text-align: center;}
.tablest tr td{ border-right: 1px solid #dbdbdb; border-bottom: 1px solid #dbdbdb; text-align: center;}
.tablest tr th,
.tablest tr td{ padding: 5px;}
.tablest tr:nth-of-type(odd) td{ background: #f5f5f5;}
.table_tin01 .tablest{ width: 500px;}
.px2{ margin: 0 auto 15px;}

.radio-box ul:after{ content: ''; display: block; clear: both;}
.radio-box ul li{ float: left; margin-right: 15px;}
.step_table2{ margin-bottom: 20px;}
/*.teb-step{ display: none;}*/
/*.teb-step.on{ display: block;}*/
#edss-sbj-regist-window .step_table2 .teb-step table{ border-top: 0;}
#edss-sbj-regist-window .step_table2 .teb-step table.step-table{ border-top: 3px solid #4c4c4c;}

.grid-p{ margin-top: 15px;}
.table-directly{ width: 100%;}
.table-directly .k-grid-header{ padding-right: 17px; border-radius: 0; border-top: 3px solid #4c4c4c; background: #edf2f6; border-bottom: none; color: #333; text-align: center;}
.table-directly .k-grid-header .k-grid-header-wrap{ border-color: #dfdfdf; background: #edf2f6; border-right: none;}
.table-directly .k-grid-header .k-grid-header-wrap table tr th{ padding: 0.5em 0.6em 0.4em; border: 1px solid #dbdbdb; border-left: none; background: #edf2f6; vertical-align: middle; text-align: center;}
.table-directly .k-grid-content{ height: 100px; border-bottom: 2px solid #4c4c4c; position: relative; width: 100%; overflow: auto; overflow-x: auto; overflow-y: scroll; zoom: 1; min-height: 0; }
.table-directly .k-grid-content table tr td{ padding: 10px 0.5%; border: 1px solid #dbdbdb; line-height: 1.4em;}
.table-directly .k-grid-content table tr td:first-child{ border-left: none;}

.tab-cont .step_table{ margin: 0; border: 0;}
.tab-cont .step_table.padding-box { padding: 20px 0 0;}
.tab-cont .step_table{ margin: 0; border: 0;}
.tab-cont .step_table.padding-box { padding: 20px 0 0;}

#content .cont_body .table_tin01 .cont-head li{ background: none;}
.cont-head{ width: 100%;}
.cont-head li{ float: left;}
.cont-head li:last-child{ float: right; padding-right: 38px;}
.cont-head:after{ content: ''; display: block; clear: both;}
.color_chip {margin-top: 5px; font-size: 11px; color: #999;}
.ic_circle {display: inline-block; width: 20px; height: 20px; border-radius: 50px; border: 1px solid #dfdfdf; vertical-align: -6px; margin-right: 5px;}
.clr_white {background: #fff;}
.clr_3d4495 {background: #3d4495;}
.clr_2e3341 {background: #2e3341;}
.inp-label { cursor: pointer;}
.youtube-comm { display: block; padding: 10px; background: #fffcb2; font-size: 11px; color: #222; line-height: 1.5; word-break: keep-all;}

/* 운영관리 - 시험지 채점 팝업 */
.test-marking-txt-box:after { content: ''; display: block; clear: both;}
.test-marking-txt-box li { float: left; position: relative; margin-bottom: 10px; padding: 0 10px; font-size: 15px; font-weight: 500; color: #262527; line-height: 19px; letter-spacing: -0.02em;}
.test-marking-txt-box li:after { content: ''; display: inline-block; position: absolute; top: 4px; left: 0; width: 1px; height: 11px; background: #dddddd;}
.test-marking-txt-box li:first-child { padding-left: 0;}
.test-marking-txt-box li:first-child:after { display: none;}
div.test-marking-txt-box > strong { display: block; margin-top: 25px; margin-bottom: 10px; font-size: 15px; font-weight: 500; color: #262527; line-height: 19px; letter-spacing: -0.02em;}

/* renewal 20211029 KHJ */
/* 역량사전 팝업 */
.cmpt-dic-cont { position: relative;}
.cmpt-dic-cont > li { position: relative;}
.cmpt-dic-cont > li:first-child { padding-bottom: 22px;}
.cmpt-dic-cont > li:after { content: ''; display: inline-block; position: absolute; top: 29px; left: 30px; width: 1px; height: 100%; background: #D1D1D1;}
.cmpt-dic-cont > li.last:after { display: none;}
.cmpt-dic-cont > li span.step-tag { display: inline-block; margin-right: 15px; padding: 0 12px; border-radius: 30px; background: var(--primary-100); font-size: 12px; font-weight: 500; color: var(--primary-600); line-height: 30px; letter-spacing: -0.02em;}
.cmpt-dic-cont > li > div { display: inline-block; vertical-align: top;}
.cmpt-dic-cont > li .cmptGroupList { float: none; width: 258px; margin-left: 10px; vertical-align: middle;}
.cmpt-dic-cont > li .k-grid { margin-top: 20px;}
/* 직무관리 역량매핑 */
.k-tabstrip .k-content.cmptMapping-box { padding: 0 20px; box-sizing: border-box; -webkit-box-sizing: border-box;}
.cmptMapping-box .cmptMapping-top-box { display: flex; justify-content: space-between; padding-top: 20px; padding-bottom: 10px;}
.cmptMapping-box .cmptMapping-top-box.bb1 { border-bottom: 1px solid #E8E8E8;}
.cmptMapping-box .cmptMapping-top-box strong { display: inline-block; font-size: 16px; font-weight: 500; color: #404040; line-height: 35px; letter-spacing: -0.05em;}  /* 실시관리 */
.cmptMapping-box .cmptMapping-top-box strong > span > span { color: var(--primary-600);}
.dirPepleSet-wrap.check-box-wrap .k-numerictextbox { margin-left: 20px; margin-right: 7px;}
.cmptMapping-box .cmptMapping-top-box.only-btn-right { justify-content: flex-end;}


/* 방향설정 */
.templine .runSet { display: flex; align-items: center; padding: 13px 15px; border-bottom: 1px solid #E8E8E8; text-align: left;}
.templine .runSet .runSetName strong { display: inline-block; font-size: 18px; font-weight: 500; color: #404040; line-height: 26px;}
.templine .emp-wrap { display: flex; gap: 20px; overflow: auto; height: 100%; padding-left: 20px;}
.templine .emp-wrap:after { content: ''; display: block; clear: both;}
.emp-btn-box { height: 100%;}
.templine .emp-wrap .cmptMapping-box { padding-bottom: 7px;}
.templine .emp-wrap .cmptMapping-top-box.check { padding-left: 12%;}
.templine .emp-wrap .cmptMapping-top-box .check-box label { margin-left: 0;}
.emp-wrap .k-grid tbody button.k-button { min-width: auto;}
.emp-wrap .cmptMapping-box { position: relative;}
.emp-wrap .cmptMapping-box:after { content: ''; display: block; clear: both;}
.btn_chg-box { position: absolute; top: 0; left: 0; width: 12%; height: 100%;}
.btn_chg-box button { position: absolute; top: 50%; left: 50%; z-index: 1; margin: 0; transform: translate(-50%, -33%); -ms-transform: translate(-50%, -33%); -moz-transform: translate(-50%, -33%); -webkit-transform: translate(-50%, -33%);}
.emp-wrap .cmptMapping-box .btn_chg-box+div { float: left; width: 80%; margin-left: 69px;}
/* 과정관리 */
.eduHour-box-wrap { display: flex;}
.eduHour-box-wrap li { padding-left: 20px;}
.eduHour-box-wrap li:first-child { padding-left: 0;}
#details .eduHour-box-wrap span.label_text { display: inline-block; float: none; margin-left: 7px; font-size: 14px; font-weight: normal; color: #404040; line-height: 35px; letter-spacing: -0.02em; vertical-align: middle;}
.eduHour-box-wrap2 li { padding-left: 20px;}
.eduHour-box-wrap2 li:first-child { padding-left: 0;}
.eduHour-box-wrap2 span.label_text { display: inline-block; float: none; margin-left: 7px; font-size: 14px; font-weight: normal; color: #404040; line-height: 35px; letter-spacing: -0.02em; vertical-align: middle;}
#contsSelectMainDiv .k-tabstrip-items li.k-item.k-last { border-right: 1px solid #E8E8E8;}
/*강사, 담당자 목록*/
.list-box{ width: 100%; height: 37px; padding: 3px; border-radius: 3px; border: 1px solid #d1d1d1; box-sizing: border-box;}
.list-box > p{ padding-left: 9px; line-height: 30px; text-align: left; font-size: 13px; color: #8e8e8e; font-weight: 400;}
.list-box > div{ display: inline-block; float: left; width: auto; height: 30px; padding: 0 7px; margin-right: 2px; line-height: 30px; text-align: left; font-size: 12px; color: #fff; font-weight: 500; letter-spacing: -0.02em; border-radius: 2px; background: #7a7ee8;}
.list-box > div > button{ display: inline-block; width: 12px; height: 12px; margin-left: 5px; border: none; background: url("../../images/runway/admin_file_del.png") no-repeat 50% 50%; cursor: pointer;}

/* 차수관리 - 시험 */
.table_wp { margin-bottom: 16px; border: 1px solid #E8E8E8; border-bottom: 0;}
.table_wp.mb0 { margin-bottom: 0;}
.q_add { margin-top: 15px;}
.exam_area-box { margin-bottom: 15px; border: 1px solid #E8E8E8; box-sizing: border-box;}
.exam_area-box * { box-sizing: border-box;}
.exam_area-box .exam_area-topBox { display: flex; justify-content: space-between; padding: 6.5px 10px;}
.exam_area-box .exam_area-topBox .exam-score-txt { display: inline-block; font-size: 13px; font-weight: normal; color: #555555; line-height: 32px; letter-spacing: -0.02em;}
.exam_area-box .exam_area-topBox .exam-score-txt .exam-score { display: inline-block; margin-left: 10px; padding: 5px 10px; border-radius: 3px; background: var(--primary-100); font-size: 12px; font-weight: 500; color: var(--primary-600); line-height: 100%; letter-spacing: -0.02em;}
.exam_area-box .exam_area-topBox .btnBox-wrap { display: flex; justify-content: space-between;}
.exam_area-box .exam_area-topBox .btnBox-wrap > div { display: flex; padding: 0;}
.exam_area-box .exam_area-topBox .btnBox-wrap > .btn-box { margin-right: 5px;}
.exam_area-box .exam_area-topBox .btnBox-wrap .btn_inner { margin-left: 5px; padding: 7px 12px;}
.exam_area-box .exam_area-topBox .btnBox-wrap .btn_inner:hover,
.exam_area-box .exam_area-topBox .btnBox-wrap .btn_inner:active { border: 1px solid var(--primary-600);}
.exam_area-box .exam_area-topBox .btnBox-wrap .btn_inner span { font-size: 12px; font-weight: 500; color: #404040; line-height: 17px;}
.exam_area-box .exam_area-topBox .btnBox-wrap .btn_inner:hover span,
.exam_area-box .exam_area-topBox .btnBox-wrap .btn_inner:active span { color: var(--primary-600);}
.exam_area-box .exam_area-topBox .btnBox-wrap .btn_inner:focus { border: 1px solid #555555;}
.exam_area-box .exam_area-topBox .btnBox-wrap .btn_inner:focus span { color: #404040;}
.exam_area-box .exam_area-topBox .btnBox-wrap .btn-upDown .btn_inner { padding: 6px;}
.exam_area-box .exam_area-contBox .q_cont { padding: 10px; border-top: 1px solid #E8E8E8; border-bottom: 1px solid #E8E8E8;}
.exam_area-box .exam_area-contBox .q_cont .q_tit { margin-bottom: 10px; font-size: 14px; font-weight: 500; color: #404040; line-height: 22px; letter-spacing: -0.02em; word-break: keep-all;}
.exam_area-box .exam_area-contBox .q_cont .q_exam { padding: 10px 15px 0; border-top: 1px dashed #E8E8E8;}
.exam_area-box .exam_area-contBox .q_cont .q_exam label { font-size: 13px; font-weight: normal; color: #404040; line-height: 19px;}
.exam_area-box .exam_area-contBox .q_answer { padding: 6.5px 10px; background: #F8F9FD; font-size: 13px; font-weight: 500; color: #404040; line-height: 32px; letter-spacing: -0.02em; word-break: keep-all;}
/* 문항등록 팝업 */
/*.quiz-wrap * { box-sizing: border-box;}*/
.quiz-wrap .mgmt-box > li { display: flex; align-content: flex-start; padding-bottom: 20px;}
.quiz-wrap .mgmt-box > li > .num { display: inline-block; height: 30px; margin-right: 15px; padding: 0 10px; border-radius: 30px; background: var(--primary-100); font-size: 12px; font-weight: 500; color: var(--primary-600); line-height: 30px; letter-spacing: -0.02em;}
.quiz-wrap .mgmt-box > li > div.box { width: 100%;}
.quiz-wrap .mgmt-box > li > div.box .tit { display: inline-block; margin-bottom: 10px;}
.quiz-wrap .mgmt-box > li > div.box .tit p { display: inline-block; font-size: 16px; font-weight: 500; color: #404040; line-height: 30px; letter-spacing: -0.02em;}
.quiz-wrap .mgmt-box > li > div.box .tit .btn_inner { margin-left: 15px;}
.quiz-wrap .mgmt-box > li > div.box textarea { width: 100%;}
.quiz-wrap .mgmt-box > li .pop_exam_area .item { display: flex; margin-bottom: -1px; padding: 6.5px 10px; border: 1px solid #E8E8E8;}
.quiz-wrap .mgmt-box > li .pop_exam_area .item .k-textbox { margin-left: 7px;}
.quiz-wrap .mgmt-box > li .pop_exam_area .item .k-textbox.first { margin-left: 0;}
.quiz-wrap .mgmt-box > li .pop_exam_area .item .btn_input { flex-shrink: 0; margin-left: 7px;}
.quiz-wrap .mgmt-box > li > div.box .input-box { display: inline-block; overflow: hidden; margin-left: 15px; vertical-align: middle;}
.quiz-wrap .mgmt-box > li > div.box .input-box input { float: left;}
.quiz-wrap .mgmt-box > li > div.box .input-box .txt { float: left;}
/* 차수관리 - 토론 */
.dscs-box { border-bottom: 1px solid #E8E8E8;}


/* 운영관리 - 차시별 진도 현황 */
.pgsView-info-wrap { display: flex; justify-content: space-between; margin-bottom: 20px; padding: 20px; border: 1px solid #E8E8E8; border-radius: 5px;}
.pgsView-info-wrap > .title { width: 40%; font-size: 18px; font-weight: 300; color: #262527; line-height: 24px; letter-spacing: -0.04em;}
.pgsView-info-wrap > .title strong { font-weight: bold; color: var(--primary-600);}
.pgsView-info-wrap > .title b { font-weight: 500;}
.pgsView-info-wrap > .pgsView-info { margin-right: 110px;}
.pgsView-info-wrap > .pgsView-info li { display: flex; justify-content: space-between; align-items: center; width: 100%; padding-top: 5px;}
.pgsView-info-wrap > .pgsView-info li:first-child { padding-top: 0;}
.pgsView-info-wrap > .pgsView-info li .tit { display: inline-block; width: 70px; font-size: 13px; font-weight: 500; color: #555555; text-align: left; line-height: 23px; letter-spacing: -0.02em;}
.pgsView-info-wrap > .pgsView-info li .score { display: inline-block; width: 20%; font-size: 15px; font-weight: 500; color: #262527; text-align: right; line-height: 23px;}
.pgsView-info-wrap > .pgsView-info li .progress-box { display: inline-block; position: relative; width: 207px; height: 10px; border-radius: 22px; background: #F1F1F1;}
.pgsView-info-wrap > .pgsView-info li .progress-box .progressBar { display: inline-block; position: absolute; top: 0; left: 0; z-index: 1; width: 0; height: 10px; border-radius: 22px;}
.pgsView-info-wrap > .pgsView-info li.first .progressBar { background: var(--primary-500);}
.pgsView-info-wrap > .pgsView-info li.two .progressBar { background: #80B430;}
.pgsView-info-wrap > .pgsView-info li.three .progressBar { background: #8B5CD5;}
/* 운영관리 - 과정정보 */
.courseGrid .cmptMapping-top-box { padding-left: 20px; border-bottom: 1px solid var(--white-500);}
/* 설문결과 */
.srvBox .radio-box-wrap { margin-top: 15px; padding-bottom: 5px;}
.srvCd-wrap { border-top: 1px solid #E8E8E8;}
.srvCd-wrap .cmptMapping-box .cmptMapping-top-box { justify-content: flex-start; align-items: center; padding-top: 15px; padding-bottom: 15px; letter-spacing: -0.02em;}
.srvCd-wrap .cmptMapping-box .cmptMapping-top-box .txt { display: inline-block; font-size: 13px; font-weight: normal; color: #757580; line-height: 18px;}
.srvCd-wrap .cmptMapping-box .cmptMapping-top-box .score { display: inline-block; margin: 0 10px; padding: 5px 10px; border-radius: 3px; background: var(--primary-100); font-size: 12px; font-weight: 500; color: var(--primary-600); line-height: 100%;}
.srvCd-wrap .k-grid { border-right: 1px solid var(--white-500);}
.survPreferGrid .qstDiv { padding-bottom: 15px;}
.survPreferGrid .qstDiv .questionTit { display: block; margin-bottom: 15px; padding: 12px 0; border-top: 1px solid #E8E8E8; border-bottom: 1px solid #E8E8E8; font-size: 14px; font-weight: 500; color: #404040; line-height: 22px; letter-spacing: -0.02em;}
.survPreferGrid .qstDiv > p { font-size: 13px; font-weight: normal; color: #404040; line-height: 22px;}
.modulelist,
.moduleNm { display: block; margin-top: 15px; margin-bottom: 20px; line-height: 35px;}
.moduleNm { margin-top: 50px; margin-bottom: 0; font-size: 14px; font-weight: bold; color: #404040; text-decoration: underline;}
.surv-wrap .exam-list { display: flex; gap: 7px; width: 100%; margin-bottom: 7px;}
.surv-wrap .exam-list p:nth-of-type(1) { width: 100px;}
/* 동영상관리 */
.video-txt-box { display: flex; justify-content: flex-start; align-items: center;}
.video-txt-box > span { flex-shrink: 0; width: 231px; font-size: 14px; font-weight: normal; color: #404040; line-height: 35px; letter-spacing: -0.02em;}
.video-txt-box .k-textbox { width: 100%; margin: 0 7px;}
.video-txt-box .btn-default { flex-shrink: 0; height: auto; padding: 9px 16px;}
.videoIdSpan { display: inline-block; font-size: 14px; font-weight: normal; color: #404040; line-height: 35px; letter-spacing: -0.02em;}
#youtubeSupportPopup .logo_img { width: 100%; margin-top: 20px;}
#player_preview_window.k-window .video-wrap,
#player_preview_window.k-window .pdf-wrap { overflow: auto; height: calc(100% - 70px);}
#player_preview_window.k-window .popup-foot { position: absolute;}
#player_preview_window .video-iframe-box { overflow: hidden; height: 400px; border-radius: 10px 10px 0 0;}
#player_preview_window .pdf-wrap { overflow: hidden; height: 783px; border-radius: 10px 10px 0 0;}
#player, .fallback, body, html, iframe {
    overflow: hidden;
    width: 100%;
    height: 100%;
    margin: 0;
    padding: 0;
    background: transparent;
}
.video-cont-box { position: relative;}
.videoTextarea { overflow-y: auto; height: 90px; padding: 20px 0 0; border-top: 1px solid #E8E8E8; font-size: 16px; font-weight: 400; color: #666666; line-height: 25px; letter-spacing: -0.03em;}
.video-layer .popup-content { height: auto; padding: 0 25px 80px;}
.video-layer .box-top-box { padding: 30px 0 27px; border-bottom: 0;}
.video-layer .box-top-box .title-box .col { margin-bottom: 5px; font-weight: 500; font-size: 15px; color: #185ABC; line-height: 21px; letter-spacing: -0.02em;}
.video-layer .box-top-box .title-box > strong { display: inline-block; width: 80%; margin-bottom: 10px; font-size: 22px; font-weight: 500; color: #121212; line-height: 32px; letter-spacing: -0.02em; word-break: keep-all;}
.video-layer .box-top-box .title-box > img { float: right; width: 28px; height: 28px;}
.video-layer .box-top-box .title-box:after { content: ''; display: block; clear: both;}
.video-layer .box-top-box ul:after { content: ''; display: block; clear: both;}
.video-layer .box-top-box ul li { float: left; position: relative; padding-left: 15px; padding-right: 15px;}
.video-layer .box-top-box ul li:first-child { padding-left: 0;}
.video-layer .box-top-box ul li:first-child:after { content: ''; display: block; position: absolute; top: 6px; right: 0; width: 1px; height: 11px; background: #D6D6D6;}
.video-layer .box-top-box ul li span { display: inline-block; float: left; padding-right: 15px; font-size: 15px; font-weight: 400; color: #666666; line-height: 22px; letter-spacing: -0.02em;}
.video-layer .box-top-box ul li strong { display: inline-block; float: left; font-size: 15px; font-weight: 500; color: #343434; line-height: 22px; letter-spacing: -0.02em; }
.video-layer .box-cont { min-height: 50px; padding: 20px 0 30px; border-top: 1px solid var(--white-500);}
.video-layer .box-cont > div { font-size: 15px; font-weight: 500; color: #555555; line-height: 25px; letter-spacing: -0.02em;}
.jp-video-360p { width: 100% !important;}
.video-iframe-box,
.pdf-wrap { height: 563px;}

/* pdf관리 */
.pdfTab .k-tabstrip-wrapper { padding: 0 30px 20px; border: 0;}
.pdfTab .k-tabstrip-items { border-bottom: 1px solid #EBEBEB;}
.pdfTab .k-tabstrip-items li.k-item { width: 106px;}
.pdfTab .tabular.table_list td > span { display: inline-block; font-size: 14px; font-weight: normal; color: #404040; line-height: 35px; letter-spacing: -0.02em;}
.pdfTab .info-txt.mt { margin-top: 20px;}

/* 콘텐츠관리 > 콘텐츠관리 */
#videoLayer_window{ overflow: hidden; border-radius: 10px; }
#videoLayer_window .video-wrap{ overflow-y: scroll; }
#videoLayer_window .popup-foot{ position: fixed; }

/* 회사정보관리 */
.company-top-box .table_btn { padding: 5px 0;}
.company-top-box .table_btn strong { display: inline-block; font-size: 18px; font-weight: bold; color: #25213B; line-height: 28px; letter-spacing: -0.02em;}
.company-top-box .table_btn > .tag { display: inline-block; margin-left: 7px; padding: 5px 10px; border: 1px solid var(--primary-500); border-radius: 3px; background: #FFFFFF; font-size: 13px; font-weight: 500; color: var(--primary-600); line-height: 17px; letter-spacing: -0.02em;}
.title-box.company { margin-top: 21px; margin-bottom: 11px;}
.title-box.company .title { font-size: 20px; font-weight: 500; color: #404040; line-height: 38px; letter-spacing: -0.05em;}
.tabular-company td .micro-info { width: 100%; margin-top: 13.5px; margin-bottom: 10px; padding: 15px; border-radius: 5px; background: #F8F9FD; box-sizing: border-box;}
.tabular-company td > div > .info-txt span { font-weight: 500;}
.tabular-company td > div > .micro-info span { display: block; width: 100%; font-size: 14px; font-weight: normal; color: #555555; line-height: 20px; letter-spacing: -0.02em;}
.sample { display: flex; flex-wrap: wrap;}
.sample li { position: relative; width: 50%; padding: 0 15px 22.5px 0; box-sizing: border-box;}
.sample li:nth-of-type(2n) { padding-left: 15px; padding-right: 0;}
.sample li label img { width: 100%; margin-bottom: 7px;}
.sample li label { font-size: 14px; font-weight: 500; color: #404040; line-height: 35px; letter-spacing: -0.02em;}
.sample li .btn_smp_view { position: absolute; bottom: 22.5px; right: 15px; z-index: 1; padding: 6px 10px;}
#content .cont_body .title-box.company .title { font-size: 20px; font-weight: 500; color: #404040; line-height: 38px;}
.img_desc > strong { display: block; font-size: 18px; font-weight: 500; color: #404040; line-height: 38px;}
.img_desc > img { display: block; margin: 0 auto; max-width: 100%; }
.sample_img { width: 100%;}
/* 기업소개관리 */
.cont_body-topCompany { display: flex; align-items: center; justify-content: flex-start; gap: 20px;}
.menu-list-wrap { display: flex; align-items: center;}
.menu-list-wrap > span { display: inline-block; flex-shrink: 0; margin-right: 15px; font-size: 14px; font-weight: 500; color: #262527; line-height: 19px; letter-spacing: -0.02em;}
/*.menu-list-wrap > .radio-box-wrap { width: 80%;}*/
.menu-list-wrap .radio-box { display: inline-block; flex-shrink: 0; margin-right: 10px;}
.menu-list-wrap .radio-box-wrap > li { display: flex; align-items: center;}
.editor-box { display: flex; align-items: flex-start; gap: 20px; padding: 20px 0;}
.editor-box > label { flex-shrink: 0; width: 120px; font-size: 20px; font-weight: 600;}
/* 사용자관리 */
.user-group-box .cmptMapping-box .cmptMapping-top-box { padding-top: 8px;}
.user-group-box .tabular tr th { border-top: 1px solid #EBEBEB;}
.info-txt .id-check-message { width: 100%;}
.info-txt .id-check-message span { display: inline-block; width: auto;}
.change-password .table_list tr { border-top: 0;}
.change-password .table_list tr th,
.change-password .table_list tr td { padding: 5px 0;}
/* 회사관리 */
.cmptMapping-box.company-box .cmptMapping-top-box { padding-left: 15px;}
.sample.sample2 { display: block; flex-wrap: nowrap; flex-direction: column;}
.sample.sample2 * { box-sizing: border-box;}
.sample2 li { width: 100%; margin: 0; padding-right: 0; padding-bottom: 23.5px;}
.sample2 li:nth-of-type(2n) { padding-left: 0;}

/* kamco 20220223 */
/* 소통하기 */
.chat-wrap { display: flex; width: 100%; height: 99%;}
.chat-wrap > li.first-box { width: 25%;}
.chat-wrap > li.center-box { width: 50%; padding: 0 8px;}
.chat-wrap > li.last-box { width: 22%;}
.chat-wrap > li .box { width: 100%; height: 100%; border: 1px solid #E8E8E8; background: #ffffff;}
.chat-wrap > li .box .box-title { padding: 10px 20px; border-bottom: 1px solid #EBEBEB;}
.chat-wrap > li .box .box-title strong { display: block; font-size: 17px; font-weight: 500; color: #262527; line-height: 35px;}
.chat-wrap > li .box .box-cont,
.chat-cont-box { width: 100%; height: calc(100% - 56px); overflow-y: auto;}
#chatCenterBox { display: flex; -ms-flex-direction: column; flex-direction: column;}
.chat-wrap .non-data-box { position: relative; width: 100%; height: 100%;}
.chat-wrap .non-data-box .group { position: absolute; top: 50%; left: 0; width: 100%; text-align: center; transform: translateY(-50%); -moz-transform: translateY(-50%);}
.chat-wrap .non-data-box .group span { display: block; margin-top: 20px; font-size: 13px; font-weight: normal; color: #8E8E8E; line-height: 19px;}

.message-list { display: flex; -ms-flex: 1 1 auto; flex: 1 1 auto; -ms-flex-direction: column; flex-direction: column; align-items: flex-start; overflow-x: hidden; overflow-y: auto; scroll-behavior: smooth;}
.message-list .message-list-content { width: 100%; padding: 16px 16px;}

.chat-list-wrap li { width: 100%; border-bottom: 1px solid #EBEBEB;}
.chat-list-wrap li a { display: flex; padding: 21px 20px; background: #ffffff;}
.chat-list-wrap li a:hover,
.chat-list-wrap li a:focus, .chat-list-wrap li.active a { background: var(--primary-100);}
.chat-list-wrap li a > img { width: 50px; height: 50px;}
.chat-list-wrap li a .chat-list-cont { width: 82%; padding-left: 15px;}
.chat-list-cont .chat-list-top { display: flex; justify-content: space-between; align-items: center; margin-bottom: 10px;}
.chat-list-cont .chat-list-top strong { display: inline-block; width: auto; font-size: 14px; font-weight: 500; color: #262527; line-height: 17px;}
.chat-list-cont .chat-list-top span { display: inline-block; width: auto; font-size: 12px; font-weight: normal; color: #8E8E8E; text-align: right; line-height: 17px;}
.chat-list-cont p { display: inline-block; float: left; overflow: hidden; width: calc(100% - 20px); font-size: 14px; font-weight: normal; color: #555555; line-height: 16px; white-space: nowrap; text-overflow: ellipsis;}
.chat-list-cont img { display: inline-block; width: 15px; height: 15px; margin-left: 5px; vertical-align: text-top;}
/* 학습자 정보 */
.chat-wrap .profile-img-box { padding-top: 80px; padding-bottom: 50px; text-align: center;}
.chat-wrap .profile-img-box img,
.chat-wrap .profile-img-box .profile-img { width: 120px; height: 120px; margin-bottom: 20px;}
.chat-wrap .profile-img-box .profile-img { border: 1px solid #EBEBEB; border-radius: 50%; background: #F1F1F1;}
.chat-wrap .profile-img-box .profile-name { display: block; font-size: 18px; font-weight: 500; color: #262527; line-height: 24px;}
.chat-wrap .profile-info-box { padding: 0 30px;}
.chat-wrap .profile-info-box .info-box { display: flex; justify-content: space-between; align-items: baseline; margin-bottom: 15px;}
.chat-wrap .profile-info-box .info-box .info-type { display: inline-block; width: 90px; font-size: 13px; font-weight: 500; color: #404040; line-height: 17px;}
.chat-wrap .profile-info-box .info-box > span { display: inline-block; width: calc(100% - 90px); font-size: 13px; font-weight: normal; color: #555555; line-height: 21px; word-break: break-word;}
.chat-wrap .info-box .info-type .icon { width: 18px; height: 18px; margin-right: 8px; vertical-align: middle;}
.chat-wrap .info-box .info-type .icon-name { background: url("../../images/runway/admin/icon_user.png") no-repeat;}
.chat-wrap .info-box .info-type .icon-email { background: url("../../images/runway/admin/icon_email.png") no-repeat;}
.chat-wrap .info-box .info-type .icon-division { background: url("../../images/runway/admin/icon_team.png") no-repeat;}
.chat-wrap .info-box .info-type .icon-phone { background: url("../../images/runway/admin/icon_phone.png") no-repeat;}
.chat-btn-box { padding: 20px;}
.chat-btn-box .btn { display: block; width: 100%; margin-bottom: 10px; padding: 15px; border: 1px solid #DDDDDD; border-radius: 5px; background: #FFFFFF; font-family: 'Spoqa Han Sans Neo', sans-serif; font-size: 14px; font-weight: 500; color: #404040; line-height: 14px; box-sizing: border-box;}

/* 프로필관리 */
.tabstrip-custom { box-sizing: border-box;}
.tabstrip-custom > ul { display: flex; width: 100%; border: 1px solid #E8E8E8; border-bottom: 0; box-sizing: border-box;}
.tabstrip-custom > ul > li { position: relative; width: 100%; height: 55px; border: 0; border-bottom: 1px solid #E8E8E8; text-align:center;vertical-align:top;margin:0;border-radius:0;padding:0;box-sizing:border-box;}
.tabstrip-custom > ul > li:after { content: ''; display: block; position: absolute; bottom: 0; z-index: 1; width: 100%; height: 0; background: var(--primary-500); transition: height ease-in-out .3s; -webkit-transition: height ease-in-out .3s; -moz-transition: height ease-in-out .3s;}
.tabstrip-custom > ul > li a { display: block; width: 100%; height: 100%; line-height:35px;background:#FFFFFF;padding:11px 0; font-size: 15px; font-weight: 500; color: #B8B8B8; box-sizing:border-box; border: 0;}
.tabstrip-custom > ul > li.k-state-active:after,
.tabstrip-custom > ul > li:hover:after { height: 4px;}
.tabstrip-custom > ul > li.k-state-active a,
.tabstrip-custom > ul > li:hover a { color: #262527;}
.tabstrip-custom > div { overflow-y: auto; border: 1px solid #E8E8E8; border-top: 0; background: #ffffff; box-sizing: border-box;}
.tabstrip-custom > div > .tabular th.subject { border-left: 0;}
.tabstrip-custom > div > .tabular td.subject { border-right: 0;}
.tabstrip-custom > div > .tabular tr:first-child td.subject { border-top: 0;}
.prflMgmt.tabstrip-custom > div.cmptMapping-box { padding: 20px;}
.prflMgmt.k-tabstrip { border: 0;}
.prflMgmt.k-tabstrip .k-tabstrip-content { overflow-y: auto;}
.prflMgmt.k-tabstrip .k-tabstrip-content:focus { outline: 0;}
.prflMgmt .inputs-wrap { display: block;}
.prflMgmt .inputs-wrap li { display: inline-block; width: auto;}
.prflMgmt .cmptMapping-box .cmptMapping-top-box { align-items: center;}
.prflMgmt .cmptMapping-box .cmptMapping-top-box .btn-box { padding: 0 0 10px; text-align: right;}
.prflMgmt .cmptMapping-box .input-box span.txt { margin: 0 7px;}
.prflMgmt .cmptMapping-box .cmptMapping-top-box2 { padding-left: 10px; padding-right: 10px; box-sizing: border-box;}
.prflMgmt table.k-editor { box-sizing: border-box;}

/* 쪽지관리 */
.cont_body-topChasu > div.nt-toggle-box { display: flex; align-items: center; position: relative; z-index: 1; width: 207px; height: 42px; padding: 5px; border: 1px solid #E8E8E8; border-radius: 20px;}
.nt-toggle-box input { display: none;}
.nt-toggle-box input + label { display: flex; align-items: center; margin: 0; padding: 9px 13px; font-size: 14px; font-weight: 500; color: #464CC2; line-height: 11px; letter-spacing: -0.02em; transition: color 300ms ease-in-out; cursor: pointer;}
.nt-toggle-box .bg { position: absolute; top: 5px; left: 5px; z-index: -1; width: 96px; height: 32px; border-radius: 20px; background: #464CC2; transition: left 300ms ease-in-out;}
.nt-toggle-box input + label .icon { margin-right: 5px;}
.nt-toggle-box input:checked + label { color: #FFFFFF;}
/*.nt-toggle-box input:checked + label:after { display: block; border-radius: 20px; background: #464CC2;}*/
.nt-toggle-box #nt_grid_all:checked + label:after { display: block; border-radius: 20px; background: #464CC2;}
.nt-toggle-box input:checked + label .icon-nt-all { background: url("../../images/runway/admin/icon_all_on.svg") no-repeat center; background-size: 100%;}
.nt-toggle-box input:checked + label .icon-nt-my { background: url("../../images/runway/admin/icon_my_on.svg") no-repeat center; background-size: 100%;}
.txt-one-line { overflow: hidden; width: 100%; white-space: nowrap; text-overflow: ellipsis;}
.k-counter-container { text-align: right;}
#new_note_window .tabular .btn_inner { margin-left: 0;}
.mail-address-box { display: flex; justify-content: space-between;}
.rcvd_prsn_list { display: inline-block; float: left; max-width: 100%; margin-right: 10px;}
.rcvd_prsn_list:after { content: ''; display: block; clear: both;}
.rcvd_prsn_list li { float: left; font-size: 14px; font-weight: normal; color: #404040; line-height: 24px; letter-spacing: -0.02em;}

/* 주소록검색 */
.attend-div-wrap .btn-box { display: flex; flex-direction: column; justify-content: center; padding: 0 20px;}
.attend-div-wrap .btn-box .btn { width: 40px; height: 40px; padding: 0;}
.attend-div-wrap .btn-box .btn-export { margin-bottom: 20px; background: #ffffff url("../../images/runway/admin_prev_step.png") no-repeat center;}
.attend-div-wrap .btn-box .btn-import { background: #ffffff url("../../images/runway/admin_next_step.png") no-repeat center;}
.attend-div-wrap .title { display: inline-block; margin-bottom: 18px; font-size: 15px; font-weight: 500; color: #262527; line-height: 19px; letter-spacing: -0.02em;}
.attend-div-wrap .title span { display: inline-block; margin-left: 6px; color: #464CC2; line-height: 17px;}
.attend-div-wrap .attend-div .table-head-box { display: flex; justify-content: space-between; align-items: center; margin-top: -10px;}
.attend-div-wrap .attend-div .table-head-box .title { margin-bottom: 0;}
.attend-div-wrap .attend-div .table-head-box .btn_inner { margin-bottom: 10px;}

/* 파일 리스트 */
.file-list-wrap:after { content: ''; display: block; clear: both;}
.file-list-wrap li { float: left; margin-right: 10px;}
.file-list-wrap li a { display: block; position: relative; width: 100%; padding: 0 10px; background: #F8F8F8; font-size: 14px; font-weight: normal; color: #404040; line-height: 29px; letter-spacing: -0.02em; box-sizing: border-box;}
.file-list-wrap li a span { float: right; margin-left: 20px; font-size: 13px; color: #8E8E8E; line-height: 29px;}
.popup-content .table_list.tabular .file-grid tr { border-top: 0;}
.popup-content .tabular .file-grid-upload .k-upload { border: 2px solid #a7a7a7!important;}

/* 차단IP그룹 */
.line-add-box { overflow-y: auto; max-height: 150px;}
.line-add-box li { margin-bottom: 10px;}
.line-add-box .btn_inner { border: 1px solid var(--primary-100); border-radius: 3px; background: var(--primary-100); font-size: 13px; font-weight: 500; color: var(--primary-600);}
.line-add-box .btn_inner:hover { border: 1px solid #D1D1D1; background: #ffffff;}

/* 콘텐츠관리 */
/* lcms 일괄 추가 팝업 */
.popup-content .popup-top-box { display: flex; justify-content: space-between;}
.popup-content .popup-top-box ul:after { content: ''; display: block; clear: both;}
.popup-content .popup-top-box ul li { float: left; margin-left: 10px;}
.popup-content .popup-top-box ul li:first-child { margin-left: 0;}

/* lcms_이러닝과정관리 > 강의관리*/
#lctrIdxGrid.k-grid .k-grid-header th.k-header{ height: 42px; padding: 0; border-left: 1px solid var(--white-500);}
#lctrIdxGrid.k-grid .k-grid-header th.k-header:last-child{ width: 65px;}
#lctrIdxGrid.k-grid .k-grid-content td.table-cell{ border-left: 1px solid var(--white-500); border-bottom: 1px solid var(--white-500);}
#lctrIdxGrid.k-grid .k-grid-content td.table-cell:last-child{ width: 65px;}
#lctrIdxGrid.k-grid .k-grid-content{ border-right: 1px solid var(--white-500);}
#lctrIdxGrid.k-grid .k-grid-content .eduHour-box-wrap{ width: 185px;}
#lctrIdxGrid.k-grid .k-grid-content .radio-box-wrap{ width: 100px;}
#lctrIdxGrid.k-grid .k-grid-content .k-numerictextbox{ width: 60px; height: 35px; border: 1px solid #d1d1d1;}
#lctrIdxGrid.k-grid .k-grid-content .k-numerictextbox input.k-input-inner{ padding-right: 0;}
#lctrIdxGrid.k-grid .k-grid-content span.label_text { display: inline-block; float: none; margin-left: 7px; font-size: 14px; font-weight: normal; color: #404040; line-height: 35px; letter-spacing: -0.02em; vertical-align: middle;}
#lctrIdxGrid.k-grid .k-grid-content button.lctr-row-del{ width: 35px;}
#lctr-save-window .save-cmpt-wrap{ display: inline-block; width: 100%; padding: 20px 0; border-top: 1px solid #ebebeb; border-bottom: 1px solid #ebebeb; box-sizing: border-box;}
#lctr-save-window .save-cmpt-wrap > img{ display: block; margin: 0 auto 10px;}
#lctr-save-window .save-cmpt-wrap > p{ line-height: 27px; text-align: center; font-size: 18px; color: #404040; font-weight: 500; letter-spacing: -0.02em;}
#lctr-save-window .save-cmpt-wrap > p > span{ color: #464cc2;}
#lctr-save-window .similar-wrap{ display: inline-block; width: 100%; padding: 20px 0;}
#lctr-save-window .similar-wrap > p{ line-height: 30px; text-align: left; font-size: 16px; color: #404040; font-weight: 500; letter-spacing: -0.02em;}
#lctr-save-window .similar-wrap > ul{ width: 100%; margin-top: 10px;}
#lctr-save-window .similar-wrap > ul > li{ float: left; width: 100%; height: 24px; padding-left: 15px; margin-bottom: 4px; background: url(/images/runway/admin/icon_list_dot.png) no-repeat 0 50%; box-sizing: border-box;}
#lctr-save-window .similar-wrap > ul > li > p{ line-height: 24px; font-size: 14px; color: #8e8e8e; font-weight: 400; letter-spacing: -0.02em;}
#lctr-save-window .similar-wrap > ul > li > p:first-child{ float: left; width: auto; max-width: 250px; text-align: left; text-overflow: ellipsis; white-space: nowrap; word-wrap: normal; overflow: hidden;}
#lctr-save-window .similar-wrap > ul > li > p:last-child{ float: right; width: 70px; text-align: right; color: #464cc2; font-weight: 500;}
#lctr-save-window .similar-wrap > ul > li > span{ display: inline-block; float: left; height: 24px; margin: 0 10px; background-image: url(/images/runway/admin/icon_repeat_bar.png); background-repeat: repeat-x; background-position: 50% 50%;}
#lctr-save-window .similar-wrap #textBox{ width: 1px; height: 1px; padding: 0; border: none; text-indent: -999em;}
#lctr-save-window .similar-wrap #textBox:focus{ outline: none!important;}

.istrSearch { display: inline-block; margin-left: 10px; vertical-align: middle;}
.istrSearch .btn_search { height: 38px;}

/* ====================== Style 2023 KISA ======================== */
/* 과정관리 */
/* ** 목차정보 ** */
.lctr-list-wrap { display: flex; flex-direction: column; border: 1px solid #cccccc; border-bottom: 0;}
.lctr-list-wrap > li { display: flex; align-items: center; padding: 8px 10px; border-bottom: 1px solid #cccccc;}
.lctr-list-wrap > li.step-01 .lctr-title {}
/*.lctr-list-wrap > li.step-02 .lctr-title { text-indent: 20px;}*/
.lctr-list-wrap > li.step-02 .lctr-title:before { display: inline-block; padding-left: 20px;}
.lctr-list-wrap > li.step-03 .lctr-title:before { display: inline-block; padding-left: 40px;}
/*.lctr-list-wrap > li.step-03 .lctr-title { text-indent: 40px;}*/
.lctr-list-wrap > li .lctr-title { position: relative; width: 150px;  font-size: 14px; font-weight: bold; color: #262527; text-align: left; word-break: break-word;}
.lctr-list-wrap > li .lctr-title:before { content: '';}
.lctr-list-wrap > li .lctr-cont { width: calc(100% - 150px); text-align: left;}

.lctr-list-wrap .btn-box { display: flex; justify-content: flex-end; gap: 7px; padding: 10px 15px; border-top: 1px solid #EBEBEB;}

.hw-list-wrap > li { flex-direction: column; align-items: normal; padding: 0;}
.hw-list-wrap > li .box { padding: 8px 10px;}
.hw-list-wrap > li .hw-cont { width: 100%;}
.hw-list-wrap > li .hw-title { margin-bottom: 5px;}

/* ====================== popup Style 2023 KISA ======================== */
/* 강사관리 */
#istrStar_window .istrStar textarea { word-break: keep-all; word-wrap: break-word; line-height: 24px;}

/* 전화상담관리 */
.k-grid .k-grid-container .bold-qa { display: inline-block; margin-right: 7px; font-weight: bold;}
.k-grid .k-grid-container .bold-q { color: #0a58ca;}
.k-grid .k-grid-container .bold-a { color: #ff0000;}

/* scheduler */
.stdCalendar.k-scheduler {
    border: none;
}

.stdCalendar.k-scheduler .k-scheduler-toolbar {
    overflow: visible;
    height: 40px;
    padding: 0;
    margin-bottom: 20px;
    border: none;
    background: none;
}

.stdCalendar.k-scheduler .k-scheduler-toolbar .k-scheduler-refresh {
    display: none;
}

.stdCalendar.k-scheduler .k-scheduler-toolbar.k-toolbar::before {
    display: none;
}

/*.stdCalendar.k-scheduler .k-scheduler-toolbar .k-nav-current {*/
/*    position: absolute;*/
/*    left: 33px;*/
/*    width: 190px;*/
/*    margin-left: 0;*/
/*}*/

.stdCalendar.k-scheduler .k-scheduler-toolbar .k-nav-current>span.k-icon
{
    display: none;
}

.stdCalendar.k-scheduler .k-scheduler-toolbar .k-nav-current>span {
    width: 190px;
    line-height: 30px;
    text-align: center;
    font-size: 25px;
    color: #35353A;
    font-family: var(--Saira);
    font-weight: 700;
    letter-spacing: -0.02em;
}

.stdCalendar.k-scheduler .k-scheduler-toolbar .k-scheduler-navigation {
    width: 100%;
    margin: 0;
}

.stdCalendar.k-scheduler .k-scheduler-toolbar .k-scheduler-navigation>button>.k-icon
{
    display: none;
}

.stdCalendar.k-scheduler .k-scheduler-toolbar .k-scheduler-navigation>button.k-nav-prev
{
    order: 1;
    top: 0;
    width: 40px;
    height: 40px;
    margin: 0;
    border-radius: 3px;
    border: 1px solid var(--white-600);
    background: url(/images/renewal/icon/btn_prev_month.png) no-repeat 50%
    50% var(--white);
    box-sizing: border-box;
}

.stdCalendar.k-scheduler .k-scheduler-toolbar .k-scheduler-navigation>button.k-nav-next
{
    order: 2;
    position: relative;
    top: 0;
    width: 40px;
    height: 40px;
    margin-left: 0;
    border-radius: 3px;
    border: 1px solid var(--white-600);
    background: url(/images/renewal/icon/btn_next_month.png) no-repeat 50%
    50% var(--white);
    box-sizing: border-box;
}

.stdCalendar.k-scheduler .k-scheduler-toolbar .k-scheduler-navigation>button.k-nav-today
{
    order: 3;
    width: auto;
    height: 40px;
    padding: 0 15px;
    margin-left: 10px;
    line-height: 4rem;
    text-align: center;
    font-size: 1.4rem;
    color: var(--black-660);
    font-weight: 500;
    letter-spacing: -0.02em;
    border-radius: 3px;
    border: 1px solid var(--white-600);
    background: #fff;
    box-sizing: border-box;
}

.stdCalendar.k-scheduler .k-scheduler-layout {
    border-top: 1px solid var(--gray-950);
}

.stdCalendar.k-scheduler .k-scheduler-layout .k-scheduler-header th {
    vertical-align: middle;
    text-align: center;
    font-size: 13px;
    color: var(--black-660);
    font-weight: 700;
    border: 1px solid var(--white-500);
    background: var(--white-100);
}

.stdCalendar.k-scheduler .k-scheduler-layout .k-scheduler-table td {
    padding: 5px;
    text-align: left;
    border-color: var(--white-500);
}

.stdCalendar.k-scheduler .k-scheduler-layout .k-scheduler-table td .k-nav-day
{
    display: inline-block;
    width: 28px;
    height: 28px;
    line-height: 28px;
    text-align: center;
    font-size: 13px;
    color: var(--black-660);
    font-weight: 500;
    font-family: var(--Saira);
}

.stdCalendar.k-scheduler .k-scheduler-layout .k-scheduler-table td.k-today .k-nav-day
{
    color: var(--primary-600);
    font-weight: bold;
}

.stdCalendar.k-scheduler .k-scheduler-layout .k-scheduler-table td.k-today .k-link:after
{
    top: 0;
    left: 0;
    color: var(--white);
}

.stdCalendar.k-scheduler .k-scheduler-layout .k-scheduler-content {
    overflow-y: auto;
}

.stdCalendar.k-scheduler .k-scheduler-layout .k-scheduler-content .k-event
{
    border: none;
    background: none;
    padding-right: 0;
}

.stdCalendar.k-scheduler .k-scheduler-layout .k-scheduler-content .day-template>h3>i.schdl
{
    display: inline-block;
    float: left;
    width: 22px;
    height: 22px;
    margin-right: 10px;
    line-height: 2.2rem;
    text-align: center;
    font-size: 1.1rem;
    font-style: normal;
    color: var(--black-850);
    font-family: var(--MalgunGothic);
    font-weight: 400;
    letter-spacing: -0.02em;
    border-radius: 100%;
}

.stdCalendar.k-scheduler .k-scheduler-layout .k-scheduler-content .day-template>h3>i.schdl.el
{
    background: rgba(146, 117, 243, 0.3);
}

.stdCalendar.k-scheduler .k-scheduler-layout .k-scheduler-content .day-template>h3>i.schdl.live
{
    background: rgba(255, 113, 101, 0.5);
}

.stdCalendar.k-scheduler .k-scheduler-layout .k-scheduler-content .day-template>h3>i.schdl.bl
{
    background: rgba(71, 136, 232, 0.5);
}

.stdCalendar.k-scheduler .k-scheduler-layout .k-scheduler-content .day-template>h3>a
{
    display: inline-block;
    float: left;
    width: calc(100% - 33px);
    height: 23px;
    line-height: 2.3rem;
    text-align: left;
    font-size: 1.3rem;
    color: var(--black-660);
    font-weight: 500;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}
.stdCalendar.k-scheduler .k-scheduler-layout .k-scheduler-content .day-template {
    display: flex;
    flex-direction: column;
    position: relative;
    width: 100%;
    padding: 0 8px 0 30px;
    line-height: 15px;
    margin: 0;
    box-sizing: border-box;
}
.stdCalendar.k-scheduler .k-scheduler-layout .k-scheduler-content .day-template:after {
    content: '';
    display: inline-block;
    position: absolute;
    top: 3px;
    left: 17px;
    width: 8px;
    height: 8px;
    border-radius: 50%;
}
.stdCalendar.k-scheduler .k-scheduler-layout .k-scheduler-content .schdl {
    display: inline-block;
    width: 10px; height: 10px;
    border-radius: 50%;
}

.more-event-popup-wrap {
    overflow: auto;
    width: 222px;
    max-height: 100px;
    padding: 6px 10px;
    border: 1px solid #ccc;
    border-radius: 8px;
    background: #ffffff;
    box-shadow: 0 0 7px rgba(0, 0, 0, 0.05), 4px 4px 10px
    rgba(0, 0, 0, 0.08);
}

.stdCalendar.k-scheduler .k-scheduler-layout .k-scheduler-content .edu-sch-1:after { background: var(--primary-600); color: #ffffff;}
.stdCalendar.k-scheduler .k-scheduler-layout .k-scheduler-content .edu-sch-2:after { border: 1px solid var(--primary-600); background: #f2f2fc; color: #343434;}
/*.stdCalendar.k-scheduler .k-scheduler-layout .k-scheduler-content .edu-sch-1 p { color: #ffffff;}*/
.stdCalendar.k-scheduler .k-scheduler-layout .k-scheduler-content p { color: #343434;}
.stdCalendar.k-scheduler .k-more-events { height: 15px; margin-left: 0; padding: 0; border-radius: 4px; border: 1px solid #ccc; background: #f5f5f5;}
.stdCalendar .more-event-popup-wrap .items { margin-bottom: 7px; padding: 0 10px; border-radius: 3px;}
.k-scheduler .k-scheduler-toolbar .k-button { min-width: auto; border: 1px solid #E8E8E8; background: #FFFFFF; font-size: 13px; font-weight: 500; color: #404040;}
.k-scheduler .k-scheduler-toolbar .k-button:hover,
.k-scheduler .k-scheduler-toolbar .k-button:active { border: 1px solid #D1D1D1; background: #FFFFFF; font-weight: bold; color: var(--primary-600);}

.popup-content .flex-end .btn_inner { margin-left: 0;}

.edu-scheduler-type { display: flex; align-items: center; gap: 7px; position: absolute; right: 49px; top: 13px;}
.edu-scheduler-type li { display: inline-flex; align-items: center; gap: 7px;}
.edu-scheduler-type li i { width: 10px; height: 10px; border-radius: 50%;}
.edu-scheduler-type li.edu-sch-1 i { background: var(--primary-600);}
.edu-scheduler-type li.edu-sch-2 i { border: 1px solid var(--primary-600); background: #f2f2fc;}

/* 문자/이메일 */
.smsEmailViewCont { overflow: auto; height: 387px; padding: 16px;}
.popup-content .table_list.tabular tr .smsEmailViewCont table tr { border: 0;}
.smsEmailViewCont table tr a { text-decoration: underline;}

/* common */
.h3 { font-size: 22px; line-height: 30px;}

.grid-top-box { display: flex; justify-content: space-between; align-items: center; margin-bottom: 7px;}
.grid-top-box button { margin: 0 !important;}
.grid-top-box button.btn_search { margin-left: 5px !important;}
.grid-top-box > div { display: flex; align-items: center; gap: 7px; width: 100%;}
.grid-top-box .label { flex-shrink: 0;}
.grid-top-box > .right { justify-content: flex-end;}
.grid-top-box .date-box-wrap { display: flex; align-items: center;}
.grid-top-box .list-hr p { position: relative; padding-left: 15px;}
.grid-top-box .list-hr p:nth-of-type(1) { padding-left: 0;}
.grid-top-box .list-hr p:after { content: ''; display: block; position: absolute; top: 6px; left: 3px; width: 1px; height: 10px; background: #cccccc;}
.grid-top-box .list-hr p:nth-of-type(1):after { display: none;}
.grid-top-box h3 { display: flex; align-items: center; gap: 5px;}
.grid-top-box .txt-box { flex-shrink: 0; width: auto;}
.grid-top-box2 { font-size: 15px;}
.grid-top-box2 .txt-box p { font-size: 15px;}
.grid-top-box2 .txt-box .btn_ofl { display: flex; gap: 15px;}
.grid-top-box2 .txt-box .btn_ofl p { flex-shrink: 0; position: relative;}
.grid-top-box2 .txt-box .btn_ofl p span { font-weight: bold;}
.grid-top-box2 .txt-box .btn_ofl p:after { content: ''; display: inline-block; position: absolute; top: 3px; left: -8px; width: 1px; height: 17px; background: #ababab;}
.grid-top-box2 .txt-box .btn_ofl p:first-child:after { display: none;}
.grid-top-box2 .txt-box .btn_onl p span { font-weight: bold;}

/* grid drag padding */
.k-grid-md .k-drag-cell > .k-icon { padding-block: 1rem;}

.dash-btn-box { flex-wrap: wrap;}
.dash-btn-box button { margin: 0;}

.line-point-tab{ padding: 0; border: 0;}
.line-point-tab .k-tabstrip-items{ display: flex; width: 100%; margin: 0!important; padding: 0; text-align: center; box-sizing: border-box; border-bottom: 1px solid var(--white-500);}
.line-point-tab .k-tabstrip-items li.k-item{ flex: 0 1 auto; height: 55px; padding: 0; margin-bottom: 0; line-height: 5.5rem; text-align: center; border: none; letter-spacing: -0.03em;}
.line-point-tab .k-tabstrip-items li:last-child{ margin-right: 0;}

.line-point-tab .k-tabstrip-items li:hover span.k-link{ color: var(--primary-700); font-weight: 700;}
.line-point-tab .k-tabstrip-items li.k-state-active{ border-radius: 0; border: none; border-bottom: none;}
.line-point-tab .k-tabstrip-items li.k-state-active span.k-link{ font-size: 1.6rem; color: var(--primary-700); font-weight: 700; border-bottom: 3px solid var(--primary-700);}
.line-point-tab .k-content.k-state-active{ padding: 0; margin: 0; border: none;}

/* 마이페이지 > 나의쪽지함(받은쪽지함) */
#myNotePop .line-point-tab { padding: 0 25px;}
#myNotePop #myNoteWrap.line-point-tab .k-tabstrip-items li.k-item{ width: auto; height: 50px; line-height: 5rem;}
#myNotePop #myNoteWrap.line-point-tab .k-tabstrip-items li.k-item span.k-link{ padding: 0 25px; text-align: center; font-size: 15px; line-height: 50px;}
#myNotePop #myNoteWrap.line-point-tab .k-content{ padding-top: 20px;}
#myNotePop #myNoteWrap .del-note{ float: left; height: 40px; padding: 0 18px;}
#myNotePop #myNoteWrap .send-note{ float: right; height: 40px; padding: 0 18px;}
#myNotePop #myNoteWrap .select-note{ float: left; height: 40px; padding: 0 18px; margin-right: 7px;}
#myNotePop #myNoteWrap .pop-search-wrap{ display: inline-flex; align-items: center; justify-content: center; width: 530px; height: 40px; margin: 0 auto;}
#myNotePop #myNoteWrap .pop-search-wrap > .k-dropdownlist { width: 120px; height: 40px; margin-right: 10px;}
#myNotePop #myNoteWrap .pop-search-wrap > .k-dropdownlist > span > span{ font-size: 14px; color: var(--black-660); font-weight: 400;}
#myNotePop #myNoteWrap .pop-search-wrap > .k-dropdownlist.k-picker .k-input-button{ flex-direction: column; margin: auto 0;}
#myNotePop #myNoteWrap .pop-search-wrap .search-wrap{ position: relative; float: left; width: 350px;}
#myNotePop #myNoteWrap .pop-search-wrap .search-wrap > input{ width: 100%;}
#myNotePop #myNoteWrap .pop-search-wrap .search-wrap > button{ position: absolute; top: 0; right: 0; display: inline-block; width: 40px; height: 40px; cursor: pointer; background: url(/images/renewal/icon/icon_search.png) no-repeat 50% 50%;}
#myNotePop #myNoteWrap .pop-search-wrap .search-wrap > button:focus{ border-radius: 3px; border: 2px solid #000;}
#myNotePop #myNoteWrap .grid-wrap{ float: left; width: 100%; margin-top: 15px; border-top: 1px solid var(--primary-800);}
#myNotePop #myNoteWrap .grid-wrap .popup-grid .popup-grid-chk-th .k-column-title{ margin: 0 auto;}
#myNotePop #myNoteWrap .grid-wrap .popup-grid .k-column-title{ margin: 0 auto;}
#myNotePop #myNoteWrap .grid-wrap .popup-grid input[type=checkbox].check22 + label{ float: none; line-height: 40px;}
#myNotePop #myNoteWrap .grid-wrap .popup-grid input[type=checkbox].check22 + label > span{ float: none; margin: 0; vertical-align: middle;}
#myNotePop #myNoteWrap .grid-wrap .k-grid#ntList tbody td{ color: var(--gray-850);}
#myNotePop #myNoteWrap .grid-wrap .k-grid#ntList tbody td > a{ color: var(--gray-850); text-decoration: none;}
#myNotePop #myNoteWrap .grid-wrap .k-grid#ntList tbody td > a:hover{ text-decoration: underline;}
#myNotePop #myNoteWrap .grid-wrap .k-grid#ntList tbody td .conf-n{ color: var(--black-660); font-weight: 500;}

/* 마이페이지 > 나의쪽지함(쪽지상세_쓰기,읽기,답장) */
.k-window-content > .note-det-list { padding: 0 25px; box-sizing: border-box;}
#noteDetPop label { margin-bottom: 0; font-weight: normal;}
ul.note-det-list{ display: inline-block; width: 100%; overflow-y: auto;}
ul.note-det-list{ display: inline-block; width: 100%; overflow-y: auto;}
ul.note-det-list::-webkit-scrollbar { width: var(--scroll-width); border-radius: var(--scroll-bar-border-radius);}
ul.note-det-list::-webkit-scrollbar-thumb{ background-color: var(--scroll-bar-color); border-radius: var(--scroll-bar-border-radius);}
ul.note-det-list::-webkit-scrollbar-track { background-color: var(--scroll-bar-bg-color); border-radius: var(--scroll-bar-border-radius);}
ul.note-det-list > li{ display: flex; float: left; width: 100%; padding: 10px 10px; border-bottom: 1px solid var(--white-600); box-sizing: border-box;}
ul.note-det-list > li:first-child{ padding: 15px 10px;}
ul.note-det-list > li.file-list { padding: 0 10px 10px;}
ul.note-det-list > li > h2{ padding: 5px 0; line-height: 3.2rem; text-align: left; font-size: 1.8rem; color: var(--black-660); font-weight: 500; letter-spacing: -0.02em;}
ul.note-det-list > li > p{ float: left; width: auto; min-width: 55px; margin-right: 15px; line-height: 32px; text-align: left; font-size: 15px; color: var(--gray-850); font-weight: 400; letter-spacing: -0.02em;}
ul.note-det-list > li > p+div{ float: left; flex: 1;}
ul.note-det-list > li > p+div > input[type=text]{ width: 100%; font-size: 12px;}
ul.note-det-list > li > p+div > ul.receiver-list{ display: inline-block; float: left; width: 100%; }
ul.note-det-list > li > p+div > ul.receiver-list > li{ float: left; width: auto; height: 32px; padding: 0 15px; margin-right: 5px; margin-bottom: 5px; line-height: 3.2rem; font-size: 1.3rem; color: var(--primary-800); font-weight: 400; border-radius: 4px; background: var(--bg-white-gray-4);}
ul.note-det-list > li > p+div > ul.receiver-list > li > textarea{ padding: 20px 10px; line-height: 3rem; font-size: 1.5rem; color: var(--black-660); font-weight: 400; letter-spacing: -0.02em; border: none;}
ul.note-det-list > li > p+div > ul.receiver-list > li > button{ display: inline-block; float: right; width: 16px; height: 32px; margin-left: 5px; background: url(/images/renewal/icon/icon_delete.png) no-repeat 50% 50%;}
ul.note-det-list > li > p+div > button.sch-rcvr{ float: left; width: auto; height: 32px; padding: 0 13px; margin-right: 5px; line-height: 30px; text-align: center; font-size: 13px; color: var(--black-660); font-weight: 400; letter-spacing: -0.02em; border-radius: 3px; border: 1px solid var(--white-600); background: #ffffff; box-sizing: border-box;}
ul.note-det-list > li > ul{ display: inline-block; width: 100%;}
ul.note-det-list > li > ul > li{ float: left; width: 100%; line-height: 3.2rem; text-align: left; font-size: 1.4rem;}
ul.note-det-list > li > ul > li > p{ display: inline-block; float: left; width: auto; margin-right: 15px; color: var(--gray-850); font-weight: 400; letter-spacing: -0.02em;}
ul.note-det-list > li > ul > li > span{ display: inline-block; float: left; width: auto; color: var(--black-660); font-weight: 400; letter-spacing: -0.02em;}
ul.note-det-list > li.file-upload{ border-bottom: none;}
ul.note-det-list > li.file-list #note_file_grid{ width: 100%;}
ul.note-det-list > li.file-list #note_file_grid .k-grid-norecords .file-empty{ width: 100%;}
#note_file_grid.file-template .file-list { padding-left: 0;}
/*#note_file_grid.file-template .k-grid-norecords { position: absolute; top: 0;}*/
#note_file_grid.file-template .k-grid-norecords p { padding-bottom: 0;}
.file-template .k-table-tbody { padding: 0;}

ul.note-det-list > li .noteReadCont { width: 100%; overflow: auto; height: 313px; padding: 20px 10px; font-size: 14px; font-weight: 400; color: #343434; text-align: left; line-height: 30px; letter-spacing: -0.02em;}
#noteDetPop .pop-btn-wrap { justify-content: flex-end; padding: 20px 0;}

/* 마이페이지 > 나의쪽지함(보낸쪽지함) */
#myNotePop #myNoteWrap .grid-wrap .k-grid#sendList tbody td{ color: var(--black-660);}
#myNotePop #myNoteWrap .grid-wrap .k-grid#sendList tbody td > a{ color: var(--black-660);}
#myNotePop #myNoteWrap .grid-wrap .k-grid#sendList tbody td .conf-n{ color: var(--gray-850);}

/* 마이페이지 > 나의쪽지함(주소록관리) */
#myNotePop #myNoteWrap .grid-wrap .k-grid#addrSbjctList .btn-addr-det{ width: auto; height: 35px; padding: 0 10px; line-height: 3.5rem; text-align: center; font-size: 1.4rem; color: var(--black-660); font-weight: 400; letter-spacing: -0.02em; border-radius: 3px; border: 1px solid var(--white-600);}
#myNotePop #myNoteWrap .grid-wrap .k-grid#addrSbjctList .btn-addr-det > i{ display: inline-block; width: 13px; height: 13px; margin-top: -5px; margin-left: 4px; vertical-align: middle; background: url(/images/renewal/icon/icon_addr_sch.png) no-repeat 50% 50%;}

/* 마이페이지 > 쪽지쓰기 받는사람 검색 */
#prsnListPop{ border-radius: 0 0 10px 10px;}
#prsnListPop .prsn-wrap{ display: inline-block; width: 100%; padding: 20px 25px; box-sizing: border-box;}
#prsnListPop .prsn-wrap #rcvPrsnGrid .k-grid-norecords{ justify-content: center; font-size: 14px; color: var(--gray-900);}
#prsnListPop .prsn-wrap .popup-grid input[type=checkbox].check22 + label{ float: none; line-height: 40px;}
#prsnListPop .prsn-wrap .popup-grid input[type=checkbox].check22 + label > span{ float: none; margin: 0; vertical-align: middle;}
#prsnListPop .prsn-wrap .popup-grid .k-cell-inner{ display: block;}
#prsnListPop .prsn-wrap .popup-grid .k-cell-inner .k-link{ display: block; padding: 0;}
#myNotePop .k-link { padding: 0;}
#prsnListPop .pop-btn-wrap{ width: 100%; padding: 13px 0; text-align: right; border-top: 1px solid var(--white-500); background: var(--white-50);}
.pop-btn-wrap { text-align: right;}
.pop-btn-wrap .popup-btn { margin-left: 5px;}

/* 교수별 */
#ques_cont_window .popup-content { overflow-y: auto; height: 620px;}

/* 비디오 */
.play-wrap { overflow: hidden;}
.play-wrap,
#videoIframeArea, .jp-video-360p, .jp-type-single { height: 500px;}
#youtubeIframeArea,
#youtubePlayer { height: 100%;}

/* 차수관리 메시지 보내기 */
ul.receiver-list{ display: inline-block; float: left; width: 100%; }
ul.receiver-list > li{ float: left; width: auto; height: 32px; padding: 0 15px; margin-right: 5px; margin-bottom: 5px; line-height: 3.2rem; font-size: 13px; color: #4C4954; font-weight: 400; border-radius: 4px; background: #F4F2FA;}
ul.receiver-list > li > textarea{ padding: 20px 10px; line-height: 30px; font-size: 15px; color: #343434; font-weight: 400; letter-spacing: -0.02em; border: none;}
ul.receiver-list > li > button{ display: inline-block; float: right; width: 16px; height: 32px; margin-left: 5px; background: url(/images/renewal/icon/icon_delete.png) no-repeat 50% 50%;}
button.sch-rcvr{ float: left; width: auto; height: 32px; padding: 0 13px; margin-right: 5px; line-height: 30px; text-align: center; font-size: 1.3rem; color: #343434; font-weight: 400; letter-spacing: -0.02em; border-radius: 3px; border: 1px solid #DDDDDD; background: #ffffff; box-sizing: border-box;}

/* 이메일/문자 발송현황 */
.msg_window .msg-popup-box { padding: 20px 0; border-top: 1px solid #EBEBEB;}
.msg_window .msg-popup-box > p { font-weight: 400; font-size: 14px; color: #555555; line-height: 24px; letter-spacing: -0.02em;}
.msg_window .msg-popup-box .msg_date { text-align: left;}
.msg_window .msg-popup-box .msg_time { text-align: right;}
.msg_window .msg-popup-box .msg-box { padding: 20px 0;}
.msg_window .msg-popup-box .msg-box > div { padding: 20px; background: #F8F9FD; font-size: 16px; font-weight: 400; text-align: left; color: #262527; line-height: 26px; letter-spacing: -0.02em;}
#email_window table.tabular tbody tr td strong { float: none;}

h4.g_tit { display: inline-block; font-size: 16px; font-weight: 500; color: #404040; line-height: 30px; letter-spacing: -0.02em;}
.tabular .info-txt { display: flex; margin-top: 10px;}
.tabular .drag_Area .info-txt { margin-top: 0; margin-bottom: 10px;}
.drag_Area .k-upload { margin-bottom: 0;}
.info-txt span { display: inline-block; width: calc(100% - 30px); font-size: 13px; font-weight: normal; color: #757580; line-height: 19px; letter-spacing: -0.02em; vertical-align: text-top; word-break: keep-all;}
.info-txt-gray { align-items: center; color: #8E8E8E; line-height: 18px;}
.info-txt-gray.info-txt span { color: #8E8E8E; line-height: 24px;}
.info-txt-box p { word-break: keep-all; word-wrap: break-word;}
.info-txt-box .pd-flex .icon { flex-shrink: 0;}
.info-txt-rong span { vertical-align: top;}

.inputs-wrap { display: flex;}
.inputs-wrap li { display: flex; align-items: center; gap: 7px; width: 100%; padding-left: 10px;}
.inputs-wrap li:first-child { padding-left: 0;}
.inputs-wrap li .txt { display: inline-block; margin-left: 7px;}
.inputs-wrap li .k-input { width: 100%;}
.inputs-wrap li .label_text { flex-shrink: 0;}
.input-box { display: flex; justify-content: space-between; align-items: center;}
.input-box2 .info-txt { display: inline-block; margin-top: 0; margin-left: 21.5px;}
.input-box2 .info-txt span { width: auto; vertical-align: middle;}
.input-box2 .info-txt .icon { margin-right: 5px;}
.input-box2 span.txt { width: 25.2px;}
.input-box2 span.txt,
.input-box span.txt { display: inline-block; flex-shrink: 0; margin-left: 7px; font-size: 14px; font-weight: normal; color: #404040; line-height: 35px; letter-spacing: -0.02em; vertical-align: middle;}
.input-box .k-textbox { width: 100%;}
.input-box .btn_input { display: inline-block; padding: 8px 16px; border: 1px solid #D1D1D1; border-radius: 3px; background: #FFFFFF; font-family: 'Spoqa Han Sans Neo', sans-serif; font-size: 13px; font-weight: 500; color: #404040; line-height: 17px; letter-spacing: -0.04em; white-space: nowrap;}
.input-box .btn_input:hover { border: 1px solid var(--primary-600); color: var(--primary-600);}
.input-box .btn_input:disabled { background: #F8F8F8; color: #8E8E8E;}
.input-box .btn_input:focus { border: 1px solid #555555; color: #404040;}
.k-grid .k-grid-content table tr td .input-box-td { display: flex; justify-content: space-between;}
.k-grid .k-grid-content table tr td .input-box-td .k-textbox { width: 100%;}
.k-grid .k-grid-content table tr td .input-box-td .btn_input { margin-left: 7px;}
.info-btn-box { display: flex; justify-content: space-between; align-items: center;}
.info-btn-box .info-txt { width: 100%;}
.info-btn-box .btn_inner { width: 61px;}
.btn-a { display: inline-flex; align-items: center; text-decoration: underline;}
.btn-a span {}
.radio-box .btn-a { margin-left: 7px;}
.input-box .input-box-box { display: inline-flex; align-items: center; gap: 7px;}
.input-box .input-box-box span { flex-shrink: 0;}
.input-box .list-box { display: flex; flex-wrap: wrap; gap: 3px; height: auto;}
.input-box .list-box > div { margin: 0;}

/* table border none */
.tabular-board tr th,
.tabular-board tr td { padding: 5px 0; border: 0;}
.dtl-list > li { display: flex; gap: 7px; align-items: center; margin-top: 7px;}
.dtl-list > li:first-child { margin-top: 0;}
.dtl-list > li > span { min-width: 50px;}
.dtl-list .input-box { align-items: center; gap: 7px;}
.dtl-list .input-box .btn_input { margin: 0;}
.dtl-list .result-text { font-weight: bold;}

/* switch */
.switch { display: flex; justify-content: space-between; align-items: center; width: 100%; margin-bottom: 7px;}
.k-switch-on .k-switch-track { border-color: var(--primary-600); background-color: var(--primary-600);}

/* select custom */
.selectBox-custom { display: inline-block; position: relative;}
.selectBox-custom .selectBox-label { display: block; overflow: hidden; position: relative; width: 153px; height: 35px; padding: 8px 10px; border: 1px solid #D1D1D1; border-radius: 3px; background: #ffffff url("../../images/runway/admin/icon_select.png") no-repeat 95%; font-size: 13px; font-weight: 500; color: #404040; line-height: 17px; box-sizing: border-box;}
.selectBox-custom .selectBox-label:hover,
.selectBox-custom .selectBox-label:focus { border: 1px solid var(--primary-500);}
.selectBox-custom .optionList { display: none; overflow-x: hidden; overflow-y: auto; position: absolute; left: 0; z-index: 99; width: 100%; max-height: 140px; margin-top: 7px; border: 1px solid #D1D1D1; border-radius: 3px; background: #FFFFFF; box-shadow: 0 0 7px rgba(0, 0, 0, 0.05), 4px 4px 10px rgba(0, 0, 0, 0.08);}
.selectBox-custom .optionList li { padding: 0 10px; font-size: 13px; font-weight: normal; color: #404040; line-height: 35px;}
.selectBox-custom .optionList li:hover { background: var(--primary-500); color: #FFFFFF;}
.selectBox-custom .optionList li.active { background: #F8F6FB;}

.select-col-wrap { display: flex;}
.select-col-wrap li { width: 100%; padding-left: 10px;}
.select-col-wrap li:first-child { padding-left: 0;}

/* date */
.date-box-wrap { display: inline-flex;}
.date-box-wrap:after { content: ''; display: block; clear: both;}
.date-box-wrap .date-box { }
.date-box-wrap .label_text { display: inline-block; float: left; margin: 0 7px; font-size: 14px; font-weight: 500; color: #404040; line-height: 35px;}
.tabular td .date-box-wrap { display: flex; width: 100%;}
.tabular td .date-box-wrap .date-box { width: 48.7%;}
/* select 여러개 */
.flex-box.select-box li { width: 100%; margin-left: 7px;}
.flex-box.select-box li:first-child { margin-left: 0;}

.surv-wrap { position: relative;}
.surv-chart { position: relative;}
.chart-overlay {
    display: none;
    width: 100%;
    height: 100%;
    position: absolute;
    top: 0;
    left: 0;
    text-align: center;
}
.chart-overlay .circle { height: 222px; width: 222px; font-size: 15px; border-radius: 50%; line-height: 225px; margin: 0 auto; cursor: default; border: 1px solid #999; position: relative; top: 10%; background-color: #cccccc;}

.k-overlay { background: rgba(0, 0, 0, .5) !important;}

/* IE10+ */
@media screen and (-ms-high-contrast: active), (-ms-high-contrast: none) {
    .sample.sample2 { display: block;}
    .date-box-wrap { display: block;}
    .date-box-wrap:after { content: ''; display: block; clear: both;}
    .date-box-wrap .date-box { float: left; width: 48%;}
    .date-box-wrap .label_text { float: left;}
    #content .cont_body .tip-wrap { margin-left: 9.25px;}
    #content .cont_body div.title.ie-title { width: 226px;}
    /*#content .cont_body .title.flx-title .tip-wrap { }*/
    .cont_body-top .select_wrap { vertical-align: middle;}
    .cont_body-topChasu > div.table_btn .search-wrap { display: inline-block; width: 100%;}
    .cont_body-topChasu > div.table_btn .search-wrap:after,
    .cont_body-top .search-wrap:after { content: ''; display: block; clear: both;}
    .cont_body-topChasu > div.table_btn .search-wrap li,
    .cont_body-top .search-wrap li { float: left; width: auto; height: 42px;}
    .cont_body-topChasu > div.table_btn .date-box-wrap .date-box,
    .cont_body-top .search-wrap li .date-box-wrap .date-box { width: 46%;}
    .cont_body-topChasu > div.table_btn .btnBox-wrap {}
    .edss_wrap ul li .box .btn { height: auto;}
    .k-grid .k-grid-content table tr td .input-box-td .k-textbox { width: 50%;}
    #cyberContsGrid .k-grid-content table tr td .input-box-td .k-textbox { width: 100%;}
    .k-dropzone .k-upload-status-total { top: auto;}
    .img-zone-wrap { display: block;}
    .img-zone-wrap:after { content: ''; display: block; clear: both;}
    .img-zone-wrap > div { float: left;}
    .img-zone.thumbnail-zone,
    .img-zone.detail-zone { width: calc(50% - 20px);}
    .tip-box { width: calc(50% - 40px);}
    .video-txt-box { display: block;}
    .video-txt-box:after { content: ''; display: block; clear: both;}
    .video-txt-box > span { float: left; width: auto;}
    .video-txt-box > .k-textbox { float: left; width: 150px;}
    .tabular .info-txt { display: block;}
    .sample { display: block;}
    .sample:after { content: ''; display: block; clear: both;}
    .sample li { float: left; width: 49%;}
    .inputs-wrap3 { display: block;}
    .inputs-wrap3:after { content: ''; display: block; clear: both;}
    .inputs-wrap3 li { float: left; width: 32%;}
    .table-ul .cont { width: 85%;}
    .table-ul .cont .info-txt { display: inline-block;}
    .k-datepicker .k-picker-wrap .k-select .k-icon { margin-top: -3px;}
}