@charset "UTF-8";
/* reset */
*{ padding: 0; margin: 0; box-sizing: border-box; -moz-box-sizing: border-box; -webkit-box-sizing: border-box;}

/* ------------------------------------------------------- 공통 */
html,body{ position: relative; width: 100%; height: auto; font-size: 14px; font-family: 'Pretendard'!important;}
ul, ol, li{ list-style: none;}
.for-mo{ display: none; }
.for-pc{ display: block; }
.underline{ font-style: normal; text-decoration: underline; text-underline-offset : 3px; }
.for-mo-tit{ display: inline-block; font-weight: normal; }
.colon{ display: inline-block; }
.mt8{ margin-top: 8px; }
.mt16{ margin-top: 16px; }

/* ------------------------------------------------------- header */
.header-wrap{ position: relative; z-index: 1; width: 100%; border-bottom: 1px solid #ddd; background: transparent;}
.header-wrap .header{ display: flex; justify-content: start; align-items: center; width: 100%; margin: 0 auto; padding: 25px 20px 30px;; box-sizing: border-box;}
.header-wrap .header > h1{ width: 130px; margin-right: 30px;}
.header-wrap .header > .header-search-wrap{ position: relative; width: 390px; height: 50px; border-radius: 100px; border: 1px solid #00278c;}
.header-wrap .header > .header-search-wrap > input[type=text]{ width: 100%; height: 48px; padding-left: 56px; border-radius: 100px; border: none; box-sizing: border-box;}
.header-wrap .header > .header-search-wrap::before{ content: ''; position: absolute; left: 20px; top: 13px; width: 24px; height: 24px; background: url(../../images/common/icon_header_search.png) no-repeat 50% 50%;}
.header-wrap .header > ul.util{ display: flex; gap: 18px; margin-left: auto;}
.header-wrap .header > ul.util > li{ float: left;}
.header-wrap .header > ul.util > li.btn_mSearch{ display: none;}
.header-wrap .header > ul.util > li.btn_mSearch > button{ width: 30px; height: 30px; border: none; background: url(../../images/common/btn_header_search.svg) no-repeat 50% 50% transparent;}
.header-wrap .header > ul.util > li > a{ line-height: 24px; font-size: 16px; color: #828282; font-weight: 400; letter-spacing: -0.32px; text-decoration: none; word-break: keep-all;}
.header-wrap .header > ul.util > li > p{ line-height: 25px; font-size: 18px ;color: #222; font-weight: 400; letter-spacing: -0.36px;}
.header-wrap .header > ul.util > li > p > span{ color: #001f90; font-weight: 700;}

/* ------------------------------------------------------- gnb-box */
.gnb-box{ position: relative; width: 100%;}
.gnb-box .gnb-wrap{ width: 100%;}
.gnb-box .gnb-wrap ul.gnb{ display: flex; justify-content: space-between; width: 100%; padding: 0 20px; margin: 0 auto;}
.gnb-box.corp-gnb .gnb-wrap ul.gnb{ justify-content: center; gap: 230px;}
.gnb-box .gnb-wrap ul.gnb > li{ position: relative; padding: 15px 0 20px;;}
.gnb-box .gnb-wrap ul.gnb > li > a{ display: block; padding: 9px 0; line-height: 24px; text-align: center; font-size: 20px; color: #222; font-weight: 500; letter-spacing: -0.4px; text-decoration: none;}
.gnb-box .gnb-wrap ul.gnb > li:hover > a, .gnb-box .gnb-wrap ul.gnb > li:active > a{ color: #001f90; font-weight: 700;}
.gnb-box .gnb-wrap ul.gnb > li ul{ position: absolute; top: 70px; display: none; align-content: flex-start; flex-direction: column; flex-wrap: wrap; width: 230px; height: auto; text-align: center; z-index: 99; border: 1px solid #ced4da; background: #fff; box-shadow: 0 0 0 0 rgba(0, 0, 0, 0.1), 8px 5px 8px 0 rgba(0, 0, 0, 0.1); box-sizing: border-box;}
.gnb-box .gnb-wrap ul.gnb > li ul > span{ position: absolute; top: -12px; left: 0; content: ''; width: 100%; height: 12px; background: url(../../images/common/img_submenu_box.png) no-repeat 50% 50%;}
.gnb-box .gnb-wrap ul.gnb > li ul li{ display: block; width: 100%; z-index: 99;}
.gnb-box .gnb-wrap ul.gnb > li ul li a{ display: block; width: 100%; padding: 16.5px 15px; line-height: 21px; text-align: left; font-size: 16px; color: #495057; font-weight: 400; letter-spacing: -0.32px; text-decoration: none; background: #fff; box-sizing: border-box;}
.gnb-box .gnb-wrap ul.gnb > li ul li:hover a,
.gnb-box .gnb-wrap ul.gnb > li ul li.active a{ color: #001f90; font-weight: 600; letter-spacing: -0.32px; background: #f5f6fa;}

/* ------------------------------------------------------- mobile-menu */
.mobile-menu-wrap{ display: none; position: fixed; top: 0; right: 0; width: 100%; height: 100%; background: rgba(0,0,0,0.6); z-index: 999; opacity: 0;}
.mobile-menu-wrap > button.btn-close-menu{ float: left; width: 32px; height: 32px; margin: 20px 14px 0; border: none; background: url(../../images/common/btn_close_menu.svg) no-repeat 50% 50% transparent; cursor: pointer;}
.mobile-menu-wrap > .mobile-wrap{ position: absolute; right: -100%; width: calc(100% - 60px); height: 100%; background: #fff;}
.mobile-menu-wrap > .mobile-wrap .mobile-search-wrap{ width: 100%; padding: 12px 15px; background-image: linear-gradient(104deg, #00278c 0%, #340076 102%); box-sizing: border-box;}
.mobile-menu-wrap > .mobile-wrap .mobile-search-wrap > input.input-box{ width: 100%; height: 38px; padding: 0 15px; border-radius: 100px; border: none; background: #fff;}
.mobile-menu-wrap > .mobile-wrap .mobile-menu{ position: relative; width: 100%;}
.mobile-menu-wrap > .mobile-wrap .mobile-menu ul.mobile-gnb{ width: 100%;}
.mobile-menu-wrap > .mobile-wrap .mobile-menu ul.mobile-gnb::before{ position: absolute; top: 0; left: 140px; content: ''; width: 1px; height: 100%; background: #ddd;}
.mobile-menu-wrap > .mobile-wrap .mobile-menu ul.mobile-gnb > li{ width: 140px; padding: 15px; box-sizing: border-box;}
.mobile-menu-wrap > .mobile-wrap .mobile-menu ul.mobile-gnb > li > a{ display: block; width: 100%; height: 100%; line-height: 20px; text-align: left; font-size: 14px; color: #222; font-weight: 400; letter-spacing: -0.28px; text-decoration: none;}
.mobile-menu-wrap > .mobile-wrap .mobile-menu ul.mobile-gnb > li:hover > a{ color: #001f90; font-weight: 700; letter-spacing: -0.28px;}
.mobile-menu-wrap > .mobile-wrap .mobile-menu ul.mobile-gnb > li.on > a{ color: #001f90; font-weight: 700; letter-spacing: -0.28px;}
.mobile-menu-wrap > .mobile-wrap .mobile-menu ul.mobile-gnb > li > ul{ display: none; position: absolute; top: 0; right: 0; width: calc(100% - 140px); height: 100%;}
.mobile-menu-wrap > .mobile-wrap .mobile-menu ul.mobile-gnb > li > ul > li{ width: 100%; padding: 15px;}
.mobile-menu-wrap > .mobile-wrap .mobile-menu ul.mobile-gnb > li > ul > li > a{ display: block; width: 100%; height: 100%; line-height: 20px; text-align: left; font-size: 14px; color: #252525; font-weight: 500; letter-spacing: -0.28px; text-decoration: none;}
.mobile-menu-wrap > .mobile-wrap .mobile-menu ul.mobile-gnb > li > ul > li:hover > a{ color: #000; font-weight: 600;}

/* ------------------------------------------------------- 최근 본 강의 */
.float-menu{ position: fixed; top: 200px; right: 30px; width: 120px; border-radius: 4px; overflow: hidden; z-index: 98;}
.float-menu > h1{ width: 100%; height: 48px; padding: 17px 25px; line-height: 14px; text-align: center; font-size: 14px; color: #fff; font-weight: 700; letter-spacing: -0.28px; border-radius: 4px 4px 0 0; background: #001f90; box-sizing: border-box;}
.float-menu .rcnt-class-box{ display: inline-block; width: 100%; border-radius: 0 0 4px 4px; border: 1px solid #c5c5c5; background: #fff; box-sizing: border-box;}
.float-menu .rcnt-class-box > ul{ display: flex; gap: 10px; flex-direction: column; width: 100%; height: 204px; padding: 12px 13.5px; box-sizing: border-box;}
.float-menu .rcnt-class-box > ul > li{ display: flex; justify-content: center; align-items: center; width: 100%; height: 53px; border-radius: 4px; background-color: #f2f2f2; overflow: hidden;}
.float-menu .rcnt-class-box > ul > li > img{ max-width: 100%; max-height: 100%;}
.float-menu .rcnt-class-box > p{ margin-bottom: 7px; line-height: 16px; text-align: center; font-size: 13px; color: #6c757d; font-weight: 400; letter-spacing: -0.26px;}
.float-menu .rcnt-class-box > p > span{ margin: 0 4px; color: #000; font-weight: 600;}
.float-menu .rcnt-class-box > div{ width: 100%; border-radius: 0 0 4px 4px; border-top: 1px solid #c5c5c5; overflow: hidden;}
.float-menu .rcnt-class-box > div > button{ float: left; width: 50%; height: 25px; text-indent: -999em; border: none; background-color: #fff; background-repeat: no-repeat; background-position: 50% 50%; box-sizing: border-box;}
.float-menu .rcnt-class-box > div > button:first-child{ border-right: 1px solid #c5c5c5; background-image: url(../../images/sub/btn_float_prev.png);}
.float-menu .rcnt-class-box > div > button:last-child{ background-image: url(../../images/sub/btn_float_next.png);}

/* ------------------------------------------------------- footer */
.footer{ display: inline-block; width: 100%; padding: 40px 0; background: #111;}
.footer .footer-wrap{ width: 100%; padding: 0 20px; margin: 0 auto;}
.footer .footer-wrap > h1{ float: left;}
.footer .footer-wrap > ul{ float: right; display: flex; gap: 58px;}
.footer .footer-wrap > ul > li > a{ line-height: 18px; font-size: 18px; color: rgba(255, 255, 255, 0.6); font-weight: 500; letter-spacing: -0.36px;}
.footer .footer-wrap > ul > li:hover > a{ color: #fff; font-weight: 700;}
.footer .footer-info{ display: flex; float: left; width: 100%; min-height: 130px; align-items: center; padding-top: 30px; margin-top: 30px; border-top: 1px solid rgba(255, 255, 255, 0.2);}
.footer .footer-info ul.info-list{ display: flex; flex-direction: column; justify-content: start; gap: 12px;}
.footer .footer-info ul.info-list > li{ text-align: left; line-height: 17.5px; font-size: 14px; color: rgba(255, 255, 255, 0.8);}
.footer .footer-info ul.info-list > li > i{ display: inline-block; width: 1px; height: 12px; margin: 0 12px; background: rgba(255, 255, 255, 0.8);}
.footer .footer-info ul.sns-list{ display: flex; gap: 20px; margin-left: auto;}
.footer .footer-info ul.sns-list > li{ display: flex; justify-content: center; align-items: center; width: 50px; height: 50px; cursor: pointer; }

/* 튜터모집 안내 팝업 */
.tutor-popup{ position: relative; padding: 30px 25px 25px; border-radius: 0; background: #0a58ca;}
.tutor-popup.k-window-content{ padding: 30px 25px 25px;}
.tutor-popup.k-window-content::-webkit-scrollbar { width: 8px;}
.tutor-popup.k-window-content::-webkit-scrollbar-track { background-color: #F1F1F1; border-radius: 6px; }
.tutor-popup.k-window-content::-webkit-scrollbar-thumb { border-radius: 6px; background-color: #ccc; }
.tutor-popup > button{ position: absolute; top: 30px; right: 25px; float: left; width: 32px; height: 32px; border: none; background: url(../../images/common/btn_close_menu.svg) no-repeat 50% 50% transparent; cursor: pointer;}
.tutor-popup > h2{ line-height: 41px; text-align: center; font-size: 34px; color: #fff; font-weight: 700; letter-spacing: -1.7px;}
.tutor-popup > p{ margin: 20px 0 28px; line-height: 24px; text-align: center; font-size: 16px; color: #fff; font-weight: 400; letter-spacing: -0.32px;}
.tutor-popup > div.tutr-content{ width: 100%; height: auto; padding: 25px 28px; border-radius: 10px; border: 2px solid #000; background: #fff; box-sizing: border-box;}
.tutor-popup > div.tutr-content > ul{ display: flex; gap: 25px; flex-direction: column; width: 100%; padding-bottom: 30px; border-bottom: 1px dashed #ced4da;}
.tutor-popup > div.tutr-content > ul > li{ display: flex; align-items: start; gap: 22px; width: 100%;}
.tutor-popup > div.tutr-content > ul > li > p{ width: 100px; height: 35px; padding: 6.5px 0; line-height: 22px; text-align: center; font-size: 14px; color: #fff; font-weight: 600; letter-spacing: -0.28px; border-radius: 100px; background: #0a58ca; box-sizing: border-box;}
.tutor-popup > div.tutr-content > ul > li > span{ width: calc(100% - 122px); padding-top: 5px; line-height: 23px; text-align: left; font-size: 16px; color: #343a40; font-weight: 400; letter-spacing: -0.32px;}
.tutor-popup > div.tutr-content > ul+p{ margin-top: 22px; line-height: 19px; text-align: left; font-size: 14px; color: #6c757d; font-weight: 400; letter-spacing: -0.28px;}

/* 개인정보 수집 및 이용에 대한 안내 팝업 */
.k-window-content.layer-popup .popup-content.indi-info-wrap > div.agree-type-cont{ display: none; max-height: calc(100% - 47px); overflow-y: auto;}
.k-window-content.layer-popup .popup-content.indi-info-wrap > div.agree-type-cont::-webkit-scrollbar { width: 8px;}
.k-window-content.layer-popup .popup-content.indi-info-wrap > div.agree-type-cont::-webkit-scrollbar-track { background-color: #F1F1F1; border-radius: 6px; }
.k-window-content.layer-popup .popup-content.indi-info-wrap > div.agree-type-cont::-webkit-scrollbar-thumb { border-radius: 6px; background-color: #ccc; }

.k-window-content.layer-popup .popup-content.indi-info-wrap > div.agree-type-cont .terms-wrap{ width: 100%; margin-bottom :10px; border-radius: 8px; border: 1px solid #ced4da; box-sizing: border-box; overflow: hidden;}
.k-window-content.layer-popup .popup-content.indi-info-wrap > div.agree-type-cont .terms-wrap .check-box{ display: inline-block; width: 100%; padding: 18px 15px; box-sizing: border-box;}
.k-window-content.layer-popup .popup-content.indi-info-wrap > div.agree-type-cont .terms-wrap .check-box .checkbox + label{ float: left; line-height: 32px; text-align: left; font-size: 18px; color: #000; font-weight: 700; letter-spacing: -0.36px;}
.k-window-content.layer-popup .popup-content.indi-info-wrap > div.agree-type-cont .terms-wrap .check-box .checkbox + label > span{ color: #001f90; font-weight: 700;}
.k-window-content.layer-popup .popup-content.indi-info-wrap > div.agree-type-cont .terms-wrap .check-box > button{ float: right; width: 32px; height: 32px; border: none; background: url(../../images/sub/btn_toggle_hide.png) no-repeat 50% 50%;}
.k-window-content.layer-popup .popup-content.indi-info-wrap > div.agree-type-cont .terms-wrap .terms-cont{ display: none; width: 100%; padding: 25px 30px; border-radius: 0 0 8px 8px; border-top: 1px solid #ced4da; background: #f8f8f8; box-sizing: border-box;}
.k-window-content.layer-popup .popup-content.indi-info-wrap > div.agree-type-cont .terms-wrap .terms-cont > h1{ margin-bottom: 20px; line-height: 29px; text-align: left; font-size: 18px; color: #000; font-weight: 600; letter-spacing: -0.36px;}
.k-window-content.layer-popup .popup-content.indi-info-wrap > div.agree-type-cont .terms-wrap .terms-cont > h2{ margin-bottom: 2px; line-height: 29px; text-align: left; font-size: 18px; color: #343a40; font-weight: 500;}
.k-window-content.layer-popup .popup-content.indi-info-wrap > div.agree-type-cont .terms-wrap .terms-cont > p+h2{ margin-top: 20px;}
.k-window-content.layer-popup .popup-content.indi-info-wrap > div.agree-type-cont .terms-wrap .terms-cont > h3{ line-height: 29px; text-align :left; font-size: 18px; color: #343a40; font-weight: 500;}
.k-window-content.layer-popup .popup-content.indi-info-wrap > div.agree-type-cont .terms-wrap .terms-cont > h3::before{ display: inline-block; content: ''; width: 3px; height: 3px; margin: 0 7px; vertical-align: middle; border-radius: 100%; background: #343a40;}
.k-window-content.layer-popup .popup-content.indi-info-wrap > div.agree-type-cont .terms-wrap .terms-cont > h4{ margin-bottom: 20px; line-height: 29px; text-align: left; font-size: 29px; text-align: left; font-size: 18px; color: #343a40; font-weight: 500;}
.k-window-content.layer-popup .popup-content.indi-info-wrap > div.agree-type-cont .terms-wrap .terms-cont > h4 > span{ display: block; width: 100%; margin-top: 2px; padding-left: 12px; line-height: 26px; text-align: left; font-size: 16px; color: #6c757d; font-weight: 400;}
.k-window-content.layer-popup .popup-content.indi-info-wrap > div.agree-type-cont .terms-wrap .terms-cont > p{ line-height: 26px; text-align: left; font-size: 16px; color: #6c757d; font-weight: 400;}
.k-window-content.layer-popup .popup-content.indi-info-wrap > div.agree-type-cont .terms-wrap .terms-cont > p.font-18{ font-size: 18px;}
.k-window-content.layer-popup .popup-content.indi-info-wrap > div.agree-type-cont .terms-wrap .terms-cont > p.font-18+p{ margin-bottom: 20px;}
.k-window-content.layer-popup .popup-content.indi-info-wrap > div.agree-type-cont .terms-wrap .terms-cont > p > span { display: block; width: 100%; padding-left: 22px; box-sizing: border-box;}
.k-window-content.layer-popup .popup-content.indi-info-wrap > div.agree-type-cont .terms-wrap .terms-cont > p > span.pl-35{ padding-left: 35px;}
.k-window-content.layer-popup .popup-content.indi-info-wrap > div.agree-type-cont .terms-wrap .terms-cont > p > span.pl-55{ padding-left: 55px;}
.k-window-content.layer-popup .popup-content.indi-info-wrap > div.agree-type-cont .terms-wrap .terms-cont > span.bar{ display: block; width: 100%; height: 1px; margin: 40px 0; background: #ced4da;}
.k-window-content.layer-popup .popup-content.indi-info-wrap > div.agree-type-cont .terms-wrap .terms-cont > .mb-20{ margin-bottom: 20px;}
.k-window-content.layer-popup .popup-content.indi-info-wrap > div.agree-type-cont .terms-wrap.hide .check-box > button{ transform: rotate(0det);}
.k-window-content.layer-popup .popup-content.indi-info-wrap > div.agree-type-cont .terms-wrap.show .check-box > button{ transform: rotate(180deg);}

.k-window-content.layer-popup .popup-content .pw-list .info-text{ text-align: left; }
/* kendo */
/* loading */
.k-window .k-loading-mask{ top: 5px; left: 0; right: 0; width: 100%; margin: 0 auto; z-index: 2;}

/* kendo dropdownlist */
.k-dropdown.dropdownlist{ border-color: #ddd;}
.k-picker.dropdownlist, .k-widget.k-picker.dropdownlist{ border-color: #ddd;}
.k-dropdown.dropdownlist:focus{ box-shadow: none;}
.k-dropdown.dropdownlist.k-hover{ border-color: #222; background: #fff;}
.k-dropdown.dropdownlist.k-state-border-down{ box-shadow: none;}
.k-dropdown.dropdownlist.k-state-border-down:focus{ box-shadow: none;}
.k-dropdown.dropdownlist.k-disabled{ background: #fafafa;}
.k-dropdown.dropdownlist.k-disabled .k-input-inner{ color: #c0c0c0;}
.k-dropdown.dropdownlist .k-input-button{ width: 60px; height: 100%; background: url(../../images/common/icon_btn_dropdown.png) no-repeat 50% 50%;}
.k-dropdown.dropdownlist .k-input-button .k-icon{ display: none;}
.dropdown-40{ height: 40px; border-radius: 4px;}
.dropdown-42{ height: 42px; border-radius: 4px;}
.dropdown-50{ height: 50px; border-radius: 6px;}
.dropdown-60{ height: 60px; border-radius: 8px;}
.dropdown-40 .k-input-inner{ font-size: 14px; letter-spacing: -0.28px;}
.dropdown-42 .k-input-inner{ font-size: 14px; letter-spacing: -0.28px;}
.dropdown-50 .k-input-inner{ font-size: 16px; letter-spacing: -0.32px;}
.dropdown-60 .k-input-inner{ font-size: 18px; letter-spacing: -0.36px;}

/* select box */
select.dropdownlist{ position: relative; width: 100%; padding-left: 12px; font-size: 18px; color: #222; letter-spacing: -0.36px; border-radius: 8px; border-color: #ddd; cursor: pointer; appearance: none; outline: 0; background: url(../../images/common/icon_btn_dropdown.png) no-repeat 98% 50%;}
select.dropdownlist::-ms-expand { display: none; }

/* kendo datepicker */
.k-datepicker.datepicker{ border-color: #ced4da;}
.datepicker-40{ height: 40px; font-size: 14px; letter-spacing: -0.28px; padding: 10px 15px; border-radius: 4px;}
.datepicker-50{ height: 50px; font-size: 15px; letter-spacing: -0.3px; padding: 15px 20px; border-radius: 6px;}
.datepicker-60{ height: 60px; font-size: 18px; letter-spacing: -0.36px; padding: 18px 20px; border-radius: 8px;}
.k-datepicker.datepicker .k-input-inner{ height: auto; padding: 0;}
.k-datepicker.datepicker .k-input-button{ width: 24px; height: 20px; background: url(../../images/sub/icon_datepicker.png) no-repeat 50% 50%;}
.k-datepicker.datepicker .k-input-button > .k-icon{ display: none;}

/* kendo datetimepicker */
.k-datetimepicker.datetimepicker{ border-color: #ced4da;}
.k-datetimepicker.datetimepicker.datetimepicker-40{ padding-right: 10px;}
.k-datetimepicker.datetimepicker.datetimepicker-50{ padding-right: 15px;}
.k-datetimepicker.datetimepicker.datetimepicker-60{ padding-right: 15px;}
.datetimepicker-40{ height: 40px; font-size: 14px; letter-spacing: -0.28px; border-radius: 4px;}
.datetimepicker-50{ height: 50px; font-size: 15px; letter-spacing: -0.3px; border-radius: 6px;}
.datetimepicker-60{ height: 60px; font-size: 18px; letter-spacing: -0.36px; border-radius: 8px;}
.k-datetimepicker.datetimepicker .k-input-inner{ height: auto; padding: 0;}
.k-datetimepicker.datetimepicker.datetimepicker-40 .k-input-inner{ padding: 10px 15px;}
.k-datetimepicker.datetimepicker.datetimepicker-50 .k-input-inner{ padding: 15px 20px;}
.k-datetimepicker.datetimepicker.datetimepicker-60 .k-input-inner{ padding: 18px 20px;}
.k-datetimepicker.datetimepicker .k-input-button{ width: auto; height: 100%; padding: 0 5px;}
.k-datetimepicker.datetimepicker .k-input-button > .k-icon{ width: 24px; height: 24px;}
.k-datetimepicker.datetimepicker .k-input-button > .k-icon::before{ width: 24px; height: 24px; padding: 0; content: '';}
.k-datetimepicker.datetimepicker .k-input-button > .k-icon.k-i-clock{ background: url(../../images/sub/icon_datetimepicker.png) no-repeat 50% 50%;}
.k-datetimepicker.datetimepicker .k-input-button > .k-icon.k-i-calendar::before{ background: url(../../images/sub/icon_datepicker.png) no-repeat 50% 50%;}

/* kendo grid */
.k-grid.grid-default{ width: 100%; border: none; border-top: 1px solid #000; border-radius: 0; box-shadow: none;}
.k-grid.grid-default .k-grid-header{ border-radius: 0; background-color: #fafafa;}
.k-grid.grid-default .k-grid-header .k-grid-header-wrap{ border: none;}
.k-grid.grid-default .k-grid-header th.k-header{ padding: 22px; line-height: 25px; font-size: 18px; color: #000; font-weight: 700; letter-spacing: -0.36px; border: none; border-bottom: 1px solid #eee; background: #fafafa;}
.k-grid.grid-default tr:hover{ background: none;}
.k-grid.grid-default tr.k-alt{ background: none;}
.k-grid.grid-default tr.k-state-selected{ background: none; box-shadow: none;}
.k-grid.grid-default tr td{ padding: 22px; line-height: 25px; font-size: 18px; color: #6c757d; letter-spacing: -0.36px; font-weight: 400; border: none; border-bottom: 1px solid #eee;}
.k-grid.grid-default tr td a{ color: #212529; text-decoration: none;}
.k-grid.grid-default tr td:hover a{ text-decoration: underline;}
.k-grid.grid-default tr td span.icon-file{ display: inline-block; width: 24px; height: 24px; vertical-align: middle; margin-left: 10px; background: url(../../images/sub/icon_file.png) no-repeat 50% 50%;}
.k-grid.grid-default td.k-state-selected:hover, .k-grid.grid-default tr.k-state-selected:hover td, .k-grid.grid-default td.k-state-focused{ background: none; box-shadow: none;}
.k-grid-content-expander{ height: 0;}
.k-grid-norecords{ justify-content: center;}
.k-grid-norecords .no-data-cont{ display: flex; align-items: center; height: 100px;}

.k-grid.grid-default .k-grid-pager{ justify-content: center; padding: 30px 0 0; border: none; background: #fff; box-shadow: none;}
.k-grid.grid-default .k-grid-pager .k-pager-info{ position: absolute; right: 0;}
.k-grid.grid-default .k-grid-pager .k-pager-nav{ background-repeat: no-repeat; background-position: center center; background-color: #fff;}
.k-grid.grid-default .k-grid-pager .k-pager-nav > span{ display: none;}
.k-grid.grid-default .k-grid-pager .k-pager-nav:hover{ background-color: #ececec;}
.k-grid.grid-default .k-grid-pager .k-pager-first{ background-image: url(../../images/common/icon_page_first.png);}
.k-grid.grid-default .k-grid-pager .k-pager-first.k-state-disabled{ background-image: url(../../images/common/icon_page_first_disabled.png);}
.k-grid.grid-default .k-grid-pager a:nth-child(2){ background-image: url(../../images/common/icon_page_prev.png);}
.k-grid.grid-default .k-grid-pager a:nth-child(2).k-state-disabled{ background-image: url(../../images/common/icon_page_prev_disabled.png);}
.k-grid.grid-default .k-grid-pager a:nth-child(4){ background-image: url(../../images/common/icon_page_next.png);}
.k-grid.grid-default .k-grid-pager a:nth-child(4).k-state-disabled{ background-image: url(../../images/common/icon_page_next_disabled.png);}
.k-grid.grid-default .k-grid-pager .k-pager-last{ background-image: url(../../images/common/icon_page_end.png);}
.k-grid.grid-default .k-grid-pager .k-pager-last.k-state-disabled{ background-image: url(../../images/common/icon_page_end_disabled.png);}
.k-grid.grid-default .k-pager-wrap .k-link{ width: 34px; height: 34px; padding: 5px; line-height: 30px; text-align: center; font-size: 15px; color: #828282; font-weight: 500; letter-spacing: -0.3px; border-radius: 100%; border: none; box-shadow: none; box-sizing: border-box;}
.k-grid.grid-default .k-pager-wrap .k-link.k-state-selected{ color: #fff; font-weight: bold; background: #0044aa;}
.k-grid.grid-default .k-pager-wrap .k-link.k-state-selected:hover{ color: #fff; font-weight: bold; background: #0044aa;}
.k-grid.grid-default .k-pager-numbers{ gap: 10px; margin: 0 30px;}

/* grid template */
.k-grid.grid-template{ border: none; border-radius: 0; box-shadow: none;}
.k-grid.grid-template .k-grid-header{ display: none;}
.k-grid.grid-template tr td{ border: none;}
.k-grid.grid-template tr.k-state-selected{ border: none; background: none; box-shadow: none!important;}
.k-grid.grid-template tr.k-state-selected:hover{ border: none;}
.k-grid.grid-template tr.k-state-selected:hover td{ border: none; background: none;}
.k-grid.grid-template tr.k-state-selected:hover td.k-state-focused, .k-grid.grid-template tr:hover .k-state-focused.k-state-selected{ border: none; background: none; box-shadow: none!important;}
.k-grid.grid-template tr.k-state-selected td.k-state-focused{ border: none; background: none; box-shadow: none!important;}
.k-grid.grid-template tr td.k-state-focused{ border: none; background: none; box-shadow: none!important;}
.k-grid.grid-template tr:hover{ background: none;}

/* table-column */
table.table-column{ width: 100%; border-top: 1px solid #000;}
table.table-column tr th{ padding: 20px; line-height: 22px; text-align: center; font-size: 16px; color: #000; font-weight: 400; letter-spacing: -0.32px; border-bottom: 1px solid #eee; background: #f8f8f8; box-sizing: border-box;}
table.table-column tr td{ padding: 22px; line-height: 24px; text-align: center; font-size: 16px; color: #6c757d; font-weight: 400; border-bottom: 1px solid #eee; background: #fff; box-sizing: border-box;}
table.table-column tr td input[type=checkbox]+label{ justify-content: center;}

/* kendoDialog */
.k-dialog .k-dialog-close{ top: 13px; right: 12px; width: 28px; height: 28px; padding: 0; border-radius: 0; background: url(../../images/common/btn_dialog_close.png) no-repeat 50% 50%!important;}
.k-dialog .k-dialog-close > span{ display: none;}
.k-dialog .dialog-content{ padding: 53px 30px 30px;}
.k-dialog .dialog-content > img{ display: block; margin: 0 auto 16px;}
.k-dialog .dialog-content > p{ line-height: 33px; text-align: center; font-size: 24px; color: #000; font-weight: 600;}
.k-dialog .dialog-content > p > span{ color: #001f90; font-weight: 700;}
.k-dialog .dialog-content > span{ display: block; margin-top: 10px; line-height: 29px; text-align: center; font-size: 18px; color: #6c757d; font-weight: 400; letter-spacing: -0.36px;}
.k-dialog .k-dialog-buttongroup{ border: none; padding: 0 30px 25px;}
.k-dialog .k-dialog-buttongroup > button{ height: 50px; font-size: 16px; color: #212529; border-radius: 6px; border: 1px solid #c0c0c0; background: #fff;}
.k-dialog .k-dialog-buttongroup > button.k-button-solid-primary{ color: #fff; border: none; background: #001f90;}

.k-dialog .dialog-content.type2{ padding: 25px 30px; }

.k-dialog .k-window-content .info-box{ display: inline-block; width: 100%; padding: 25px; border-radius: 4px; background: #f8f8f8; box-sizing: border-box;}
.k-dialog .k-window-content .info-box > h3{ float: left; line-height: 34px; text-align: left; font-size: 18px; color: #212529; font-weight: 600;}
.k-dialog .k-window-content .info-box > h3 > i{ display: inline-block; width: 34px; height: 34px; vertical-align: middle; margin-right: 12px; border-radius: 100%; background: url(../../images/sub/icon_alert.png) no-repeat 50% 50% #fff;}
.k-dialog .k-window-content .info-box > ul{ float: left; width: 100%; margin-top: 6px;}
.k-dialog .k-window-content .info-box > ul > li{ float: left; display: flex; gap: 8px; width: 100%;}
.k-dialog .k-window-content .info-box > ul > li > p{ line-height: 27px; text-align: left; font-size: 16px; color: #6c757d; font-weight: 400;}
.k-dialog .k-window-content .info-box > ul > li > p > span{ color: #212529; font-weight: 600;}

/* file-upload */
.file-upload{ width: 100%;}
.file-upload .k-upload{ border-radius: 0; box-shadow: none;}
.file-upload .k-dropzone{ justify-content: start; padding: 12px 15px; background: #fafafa;}
.file-upload .k-upload .k-upload-button{ width: 124px; min-width: 124px; height: 50px; padding: 19px 25px; margin-right: 20px; line-height: 19px; text-align: center; font-size: 16px; color: #212529; font-weight: 700; letter-spacing: -0.32px; border-radius: 6px; box-sizing: border-box;}
.file-upload .k-dropzone .k-dropzone-hint{ margin-left: 0; font-size: 18px; color: #212529; font-weight: 400; font-style: normal; letter-spacing: -0.36px;}

/* file-grid */
.k-grid.file-grid{ width: 100%; padding: 22px 0; border-bottom: 1px solid #eee!important;}
.k-grid.file-grid .k-grid-norecords{ padding: 50px 0;}
.k-grid.file-grid tr td.file-td{ width: 100%;}
.k-grid.file-grid tr td.file-td .file-box{ display: flex; justify-content: start; align-items: center; width: 100%; margin-bottom: 4px;}
.k-grid.file-grid tr td.file-td:last-child .file-box{ margin-bottom: 0;}
.k-grid.file-grid tr td.file-td .file-box > i.file-icon{ display: inline-block; width: 24px; height: 24px; margin-right: 10px; background: url(../../images/sub/icon_download.png) no-repeat 50% 50%;}
.k-grid.file-grid tr td.file-td .file-box > p{ line-height: 23px; text-align: left; font-size: 18px; color: #222; font-weight: 400; letter-spacing: -0.36px; cursor: pointer;}
.k-grid.file-grid tr td.file-td .file-box > p:hover{ text-decoration: underline;}
.k-grid.file-grid tr td.file-td .file-box > span{ margin-left: 20px; line-height: 23px; text-align: left; font-size: 18px; color: #222; font-weight: 400; letter-spacing: -0.36px;}
.k-grid.file-grid tr td.file-td .file-box > button{ width: 20px; height: 20px; margin-left: 15px; border: none; background: url(../../images/sub/btn_del_file.png) no-repeat 50% 50%; cursor: pointer;}

/* kendoWindow */
.k-window{ border-radius: 10px; box-shadow: 0 6px 15px 0 rgba(0, 0, 0, 0.05);}
.k-window-titlebar{ padding: 15px 20px!important; border-radius: 10px 10px 0 0; border-bottom: 1px solid #ced4da; background: #fff!important;}
.k-window-title{ line-height: 34px!important; text-align: left; font-size: 20px!important; color: #000; font-weight: 700!important; letter-spacing: -0.4px!important;}
.k-window-titlebar .k-window-action{ width: 34px; height: 34px; padding: 0; background: url(../../images/common/btn_popup_close.png) no-repeat 50% 50%!important; opacity: 1;}
.k-window-titlebar .k-window-action::before{ content: none;}
.k-window-titlebar .k-window-action::after{ content: none;}
.k-window-titlebar .k-window-action > span.k-icon{ display: none;}
.k-window-content.layer-popup{ width: 100%; height: 100%; padding: 0; border-radius: 0 0 10px 10px;}
.k-window-content.layer-popup .popup-content{ width: 100%; height: calc(100% - 90px); padding: 25px 30px; box-sizing: border-box; overflow-y: auto;}
.k-window-content.layer-popup .popup-content::-webkit-scrollbar { width: 8px;}
.k-window-content.layer-popup .popup-content::-webkit-scrollbar-track { background-color: #F1F1F1; border-radius: 6px; }
.k-window-content.layer-popup .popup-content::-webkit-scrollbar-thumb { border-radius: 6px; background-color: #ccc; }
.k-window-content.layer-popup .popup-btn{ display: flex; gap: 8px; justify-content: center; align-items: center; width: 100%; padding: 20px 10px; border-radius: 0; border-top: 1px solid #; background: #f7f7f7; box-sizing: border-box;}
.k-window-content.layer-popup .popup-btn > button{ min-width: 94px; box-sizing: border-box;}

.k-window-content.layer-popup .popup-content > h2.cont-tit{ width: 100%; line-height: 29px; text-align: left; font-size: 18px; color: #000; font-weight: 600; letter-spacing: -0.36px;}
.k-window-content.layer-popup .popup-content > h3.cont-sub-tit{ width: 100%; line-height: 29px; text-align: left; font-size: 16px; color: #343a40; font-weight: 500;}
.k-window-content.layer-popup .popup-content > p.cont-text{ width: 100%; margin-top: 2px; line-height: 25px; text-align: left; font-size: 16px; color: #6c757d; font-weight: 400;}
.k-window-content.layer-popup .popup-content > p.cont-text > strong{ text-decoration: underline; color: #212529; font-weight: 600;}
.k-window-content.layer-popup .popup-content > h2.cont-tit + p.cont-text{ margin-bottom: 25px;}

.k-window-content.layer-popup .popup-content .desc-box{ display: inline-block; margin-top: 10px; width: 100%; padding: 25px; border-radius: 4px; background: #f8f8f8; box-sizing: border-box; }
.k-window-content.layer-popup .popup-content .desc-box > h2.cont-tit{ margin-top: 15px; width: 100%; line-height: 29px; text-align: left; font-size: 18px; color: #000; font-weight: 600; letter-spacing: -0.36px;}
.k-window-content.layer-popup .popup-content .desc-box > h2.cont-tit:first-child{ margin-top: 0; }
.k-window-content.layer-popup .popup-content .desc-box > h3.cont-sub-tit{ width: 100%; line-height: 29px; text-align: left; font-size: 16px; color: #343a40; font-weight: 500;}
.k-window-content.layer-popup .popup-content .desc-box > p.cont-text{ width: 100%; margin-top: 2px; line-height: 25px; text-align: left; font-size: 16px; color: #6c757d; font-weight: 400;}
.k-window-content.layer-popup .popup-content .desc-box > p.cont-text > strong{ text-decoration: underline; color: #212529; font-weight: 600;}
.k-window-content.layer-popup .popup-content .desc-box span.ess{ color: #dc3545; font-weight: 600; }
.k-window-content.layer-popup .popup-content i.alert{ display: inline-block !important; width: 34px; height: 34px; vertical-align: middle; background: url("/images/sub/icon_alert.png") no-repeat center center; }
.k-window-content.layer-popup .popup-content .bottom-info-box{ margin-top: 25px; }
.k-window-content.layer-popup .popup-content .bottom-info-box .cont-sub-tit{ text-align: right; }
.k-window-content.layer-popup .popup-content .bottom-info-box .cont-sub-tit span{ line-height: 27px; text-align: left; font-size: 16px; color: #212529; font-weight: 600; }
.k-window-content.layer-popup .popup-content .bottom-info-box ul.radio-list{ justify-content: flex-end; }

.k-window-content.layer-popup .popup-content .info-box{ display: inline-block; width: 100%; padding: 25px; border-radius: 4px; background: #f8f8f8; box-sizing: border-box;}
.k-window-content.layer-popup .popup-content .info-box > h3{ float: left; line-height: 34px; text-align: left; font-size: 18px; color: #212529; font-weight: 600;}
.k-window-content.layer-popup .popup-content .info-box > h3 > i{ display: inline-block; width: 34px; height: 34px; vertical-align: middle; margin-right: 12px; border-radius: 100%; background: url(../../images/sub/icon_alert.png) no-repeat 50% 50% #fff;}
.k-window-content.layer-popup .popup-content .info-box > ul{ float: left; width: 100%; margin-top: 6px;}
.k-window-content.layer-popup .popup-content .info-box > ul > li{ float: left; display: flex; gap: 8px; width: 100%;}
.k-window-content.layer-popup .popup-content .info-box > ul > li > p{ line-height: 27px; text-align: left; font-size: 16px; color: #6c757d; font-weight: 400;}
.k-window-content.layer-popup .popup-content .info-box > ul > li > p > span{ color: #212529; font-weight: 600;}

.k-window-content.layer-popup .popup-content .info-box + ul.input-form{ margin-top: 30px;}
.k-window-content.layer-popup .popup-content ul.input-form + .info-box{ margin-top: 30px;}
.k-window-content.layer-popup .popup-content ul.input-form{ display: flex; flex-direction: column; width: 100%; border-top: 1px solid #000;}
.k-window-content.layer-popup .popup-content ul.input-form > li{ display: flex; justify-content: start; align-items: center; width: 100%; min-height: 94px; border-bottom: 1px solid #eee; box-sizing: border-box;}
.k-window-content.layer-popup .popup-content ul.input-form > li > p{ width: 160px; padding: 22px; line-height: 25px; text-align: left; font-size: 18px; color: #000; font-weight: 700; letter-spacing: -0.36px; box-sizing: border-box;}
.k-window-content.layer-popup .popup-content ul.input-form > li > p > span.ess{ margin-right: 5px; color: #dc3545; font-weight: 400;}
.k-window-content.layer-popup .popup-content ul.input-form > li > div{ display: flex; flex-wrap: wrap; justify-content: start; align-items: center; gap: 0 10px; width: calc(100% - 160px); padding: 22px; box-sizing: border-box;}
.k-window-content.layer-popup .popup-content ul.input-form > li > div > p{ line-height: 25px; text-align: left; font-size: 18px; color: #495057; font-weight: 400; letter-spacing: -0.36px;}

/* textarea */
textarea{ width: 100%; height: 350px; padding: 20px; line-height: 28px; font-size: 18px; color: #222; font-weight: 400; letter-spacing: -0.36px; border-radius: 8px; border: 1px solid #ddd; box-sizing: border-box!important;}
textarea::placeholder{ color: #c0c0c0;}
textarea:focus{ color: #222; border-color: #222;}
textarea:disabled{ color: #c0c0c0; border-color: #ddd; background: #fafafa;}
.textarea-type2{ background: #f9f9f9; }
.textarea-type2::placeholder{ color: #828282;}

/* input */
/* input[type=text] */
.input-box{ width: 100%; color: #222; font-weight: 400; border: 1px solid #ddd; box-sizing: border-box!important;}
.input-32{ height: 32px; font-size: 14px; letter-spacing: -0.28px; padding: 10px 15px; border-radius: 4px;}
.input-40{ height: 40px; font-size: 14px; letter-spacing: -0.28px; padding: 10px 15px; border-radius: 4px;}
.input-50{ height: 50px; font-size: 15px; letter-spacing: -0.3px; padding: 15px 20px; border-radius: 6px;}
.input-60{ height: 60px; font-size: 18px; letter-spacing: -0.36px; padding: 18px 20px; border-radius: 8px;}
.input-box::placeholder{ color: #c0c0c0;}
.input-box:focus{ color: #222; border-color: #222;}
.input-box:disabled{ color: #c0c0c0; border-color: #ddd; background: #fafafa;}
.input-box2{ background: #f9f9f9; }
.input-box2::placeholder{ color: #828282;}
.price{ text-align: right;}

ul.input-list{ display: flex; justify-content: start; align-items: center;}
ul.input-list.gap-25{ gap: 25px;}
/* input[type=checkbox] */
input[type="checkbox"].checkbox{ display: none;}
input[type="checkbox"].checkbox + label{ display: flex; gap: 8px; align-items: center; line-height: 19px; text-align: left; font-size: 16px; color: #343a40; font-weight: 400; cursor: pointer;}
input[type="checkbox"].checkbox + label > i{ display: inline-block; width: 16px; height: 16px; border-radius: 2px; border: 1px solid #adb5bd; background: #fff; box-sizing: border-box; flex-shrink:0;}
input[type="checkbox"].checkbox:checked + label > i{ border: none; background: url(../../images/common/icon_checked.png);}
input[type="checkbox"].checkbox:disabled + label{ color: #adb5bd;}
input[type="checkbox"].checkbox:disabled + label > i{ border: 1px solid #adb5bd; background: #e9ecef;}

/* input[type=radio] */
input[type="radio"].radio{ display: none;}
input[type="radio"].radio + label{ display: flex; gap: 8px; align-items: center; line-height: 19px; text-align: left; font-size: 16px; color: #343a40; font-weight: 400; cursor: pointer;}
input[type="radio"].radio + label > i{ display: inline-block; width: 16px; height: 16px; border-radius: 100%; border: 1px solid #adb5bd; background: #fff; box-sizing: border-box;}
input[type="radio"].radio:checked + label > i{ border: none;  background: url(../../images/common/icon_radio_checked.png);}
input[type="radio"].radio:disabled + label{ color: #adb5bd;}
input[type="radio"].radio:disabled + label > i{ border: 1px solid #adb5bd; background: #dee2e6;}

/* 버튼 */
/* 기본버튼 default [ fill: 남색 / border: 테두리 / plus: 더보기 정사각형 ]*/
.btn-default{ border-radius: 4px;}
.btn-default > i{ display: inline-block; width: 12px; height: 12px; margin-top: -3px; margin-left: 4px; vertical-align: middle; background-repeat: no-repeat; background-position: 50% 50%;}
.btn-default > i.down{ background-image: url(../../images/sub/btn_download.png);}
.btn-default > i.play{ width: 18px; height: 18px; margin-left: 0; margin-right: 5px; background-image: url(../../images/sub/btn_icon_play.png); background-color: transparent;}
.btn-default > i.extra-link{ width: 18px; height: 18px; background-image: url(../../images/sub/btn_extra_link.png); }
.btn-fill{ color: #fff; border: none; background: #001f90;}
.btn-fill:hover{ background: #00176c;}
.btn-fill:disabled{ color: #c0c0c0; font-weight: 400!important; border: 1px solid #ddd; background: #fafafa;}
.btn-fill:disabled:hover{ background: #fafafa;}
.btn-border{ color: #212529; border: 1px solid #c0c0c0; border-radius: 4px; background: #fff; box-sizing: border-box;}
.btn-border:hover{ border-color: #212529;}
.btn-border:disabled{ color: #c0c0c0; font-weight: 400!important; border-color: #ddd; background: #fafafa;}
.btn-border:disabled:hover{ border-color: #ddd;}
.btn-36{ min-width: 72px; height: 36px; padding: 0 10px; font-size: 12px; font-weight: 500; letter-spacing: -0.24px; border-radius: 4px;}
.btn-40{ min-width: 94px; height: 40px; padding: 0 12px; font-size: 14px; font-weight: 500; letter-spacing: -0.28px; border-radius: 6px;}
.btn-50{ min-width: 124px; height: 50px; padding: 0 25px; font-size: 16px; font-weight: 700; letter-spacing: -0.32px; border-radius: 6px;}
.btn-60{ min-width: 140px; height: 60px; padding: 0 25px; font-size: 17px; font-weight: 700; letter-spacing: -0.34px; border-radius: 8px;}
.btn-plus{ width: 40px; height: 40px; border-radius: 4px; background-repeat: no-repeat; background-position: 50% 50%; box-sizing: border-box;}
.btn-plus.fill{ background-image: url(../../images/common/icon_plus_w.png); background-color: #001f90;}
.btn-plus.fill:hover{ background-color: #00176c;}
.btn-plus.fill:disabled{ border: 1px solid #ddd; background-image: url(../../images/common/icon_plus_g.png); background-color: #fafafa;}
.btn-plus.fill:disabled:hover{ background-color: #fafafa;}
.btn-plus.border{ border: 1px solid #c0c0c0; background-image: url(../../images/common/icon_plus_b.png); background-color: #fff;}
.btn-plus.border:hover{ border-color: #212529;}
.btn-plus.border:disabled{ border-color: #ddd;; background-image: url(../../images/common/icon_plus_g.png); background-color: #fafafa;}
.btn-plus.border:disabled:hover{ border-color: #212529;}

/* 둥근버튼 radius [ fill: 남색 / border: 테두리 ]*/
.btn-radius{ border-radius: 100px;}
.btn-radius.btn-40{ padding: 0 10px;}

/* btn-wrap */
.btn-wrap{ display: flex; gap: 10px; width: 100%; margin-top: 20px;}
.btn-wrap.left{ justify-content: start;}
.btn-wrap.center{ justify-content: center;}
.btn-wrap.right{ justify-content: end;}

/* 더보기 버튼 */
.btn-more-wrap{ width: 100%; margin-top: 40px;}
.btn-more{ width: 200px; height: 48px;}
.btn-more::after{ display: inline-block; content: ''; width: 18px; height: 18px; margin-left: 4px; vertical-align: middle; background: url(../../images/sub/icon_btn_more.png) no-repeat 50% 50%;}

/* 비밀번호 변경 팝업 */
#pwChngWindow.layer-popup ul.pw-list{ display: flex; flex-direction: column; gap: 20px; width: 100%; margin-top: 30px;}
#pwChngWindow.layer-popup ul.pw-list > li{ width: 100%;}
#pwChngWindow.layer-popup ul.pw-list > li > p{ width: 100%; margin-bottom: 15px; line-height: 25px; text-align: left; font-size: 18px; color: #000; font-weight: 700; letter-spacing: -0.36px;}
#pwChngWindow.layer-popup ul.pw-list > li > div{ display: flex; flex-direction: column; gap: 10px;}
#pwChngWindow.layer-popup ul.pw-list > li > div > span.alert-text{ line-height: 18px; text-align: left; font-size: 18px; color: #dc3545; font-weight: 400; letter-spacing: -0.3px;}
#pwChngWindow.layer-popup ul.pw-list > li > div p.alert-text{ display: none; width: 100%; margin-top: 4px; line-height: 18px; text-align: left; font-size: 15px; color: #dc3545; font-weight: 400; letter-spacing: -0.3px;}

/* 개인정보 수집 및 이용안내 팝업 */
#indiInfoClctWindow.layer-popup .editor-wrap{ width: 100%; overflow-y: auto;}
#indiInfoClctWindow.layer-popup .editor-wrap::-webkit-scrollbar { width: 8px;}
#indiInfoClctWindow.layer-popup .editor-wrap::-webkit-scrollbar-track { background-color: #F1F1F1; border-radius: 6px; }
#indiInfoClctWindow.layer-popup .editor-wrap::-webkit-scrollbar-thumb { border-radius: 6px; background-color: #ccc; }
#indiInfoClctWindow.layer-popup ul.radio-list{ justify-content: center; margin-top: 15px;}

/* Subpage Common Table Style - default */
.tb-wrap{ width: 80%; overflow-x: auto; white-space: nowrap; }
.sub-common-tb{ position: relative; width: 100%; }
.sub-common-tb .hidden{ position: absolute; top: 0; left: 0; width: 1px; height: 1px; margin: -1px; padding: 0; border: 0; clip: rect(0, 0, 0, 0); overflow: hidden; }
.sub-common-tb tr th{ padding: 25px 22px; color: #000; font-size: 18px; font-weight: bold; line-height: 1.4; letter-spacing: -0.36px; background-color: #fafafa; text-align: center; border-top: 1px solid #eee; border-bottom: 1px solid #eee; }
.sub-common-tb tr td{ padding: 22px; color: #6c757d; font-size: 18px; font-weight: normal;  line-height: 1.6; letter-spacing: -0.36px; text-align: center; border-bottom: 1px solid #eee;}

/* Subpage Common Table Style - blue */
table.tb-blue{ border-bottom: none; }
.tb-blue tr th{ position: relative; padding: 24px 35px; color: #fff; font-size: 20px; font-weight: 600; line-height: 1.6; background-color: #001f90; border: 2px solid transparent !important; border-top: none; border-bottom: none !important; }
.tb-blue tr td{ position: relative; padding: 24px 35px;  color: #6c757d; background-color: #fff; border: 2px solid transparent !important; border-bottom: none; vertical-align: middle;}
.tb-blue tr td:first-child{ color: #212529; font-size: 20px;  font-weight: bold; line-height: 1.6; }
.tb-blue tr td:nth-child(2){ text-align: left; }

@media screen and (min-width: 1200px){
	/* ------------------------------------------------------- header */
	.header-wrap .header{ width: 1200px; padding: 25px 0 30px;}
	
	/* ------------------------------------------------------- gnb-box */
	.gnb-box .gnb-wrap ul.gnb{ width: 1200px; padding: 0;}
	
	/* ------------------------------------------------------- footer */
	.footer .footer-wrap{ width: 1200px; padding: 0;}
}

@media screen and (max-width: 1200px){
	/* Subpage Common Table Style - default */
	.tb-wrap{ width: 100%; }
	.sub-common-tb{table-layout: auto; white-space: normal; min-width: 600px;}
	.sub-common-tb tr th{ padding: 15px; font-size: 14px; font-weight: 500; line-height: 1.4; letter-spacing: -0.28px; border: 1px solid transparent !important; }
	.sub-common-tb tr td{ padding: 15px 10px; font-size: 14px; font-weight: normal; line-height: 1.6; border: 1px solid transparent !important; }

	/* Subpage Common Table Style - blue */
	table.tb-blue{ min-width: 100%; }
	.tb-blue tr td{ font-size: 13px; line-height: 1.2; letter-spacing: -0.78px; }
	.tb-blue tr td:first-child{ font-size: 15px; line-height: 1.2; letter-spacing: -0.84px; }
	
	.sub-common-tb:not(.tb-blue) col:nth-child(3){ width: unset; }

}

@media screen and (max-width: 1024px){
	/* ------------------------------------------------------- header */
	.header-wrap .header{ padding: 12px 15px;}
	.header-wrap .header > h1{ width: 105px; margin-right: 20px;}
	.header-wrap .header > h1 img{ width: 100%;}
	.header-wrap .header > .header-search-wrap{ display: none;}
	.header-wrap .header > ul.util{ gap: 16px; align-items: center;}
	.header-wrap .header > ul.util > li > a{ line-height: 18px; font-size: 12px; letter-spacing: -0.24px;}
	.header-wrap .header > ul.util > li > p{ line-height: 18px; font-size: 12px; letter-spacing: -0.24px;}
	.header-wrap .header > ul.util > li.btn_mSearch{ display: block;}
	
	/* ------------------------------------------------------- gnb-box */
	.gnb-box .gnb-wrap{ overflow: hidden; overflow-x: auto;}
	.gnb-box .gnb-wrap ul.gnb{ display: flex; gap: 0; justify-content: start; width: fit-content; padding: 0 20px;}
	.gnb-box.corp-gnb .gnb-wrap ul.gnb{ width: 100%; justify-content: start; gap: 0;}
	.gnb-box .gnb-wrap ul.gnb > li{ flex: none; padding: 22px 15px;}
	.gnb-box .gnb-wrap ul.gnb > li > a{ position: relative; line-height: 10px; font-size: 14px; letter-spacing: -0.28px;}
	.gnb-box .gnb-wrap ul.gnb > li.on > a::before{ position: absolute; left: 0;  bottom: 0; width: 100%; height: 4px; background: #001f90;}
	.gnb-box .gnb-wrap ul.gnb > li.on > a{ font-weight: 700; color: #001f90;}
	
	/* ------------------------------------------------------- footer */
	.footer{ padding: 0;}
	.footer .footer-wrap{ padding: 0;}
	.footer .footer-wrap > h1{ display: none;}
	.footer .footer-wrap > ul{ float: none; justify-content: center; flex-wrap: wrap; gap: 30px 20px; padding: 28px 0 25px; margin: 0 auto; width: 260px;}
	.footer .footer-wrap > ul > li a{ line-height: 21px; font-size: 14px; letter-spacing: -0.28px;}
	.footer .footer-info{ flex-direction: column; align-items: center; margin-top: 0;}
	.footer .footer-info ul.info-list{ flex-wrap: wrap; gap: 0px; align-items: center; justify-content: center; width: 350px;}
	.footer .footer-info ul.info-list > li{ line-height: 20px; text-align: center; font-size: 12px; letter-spacing: -0.24px;word-wrap: break-word; word-break: keep-all;}
	.footer .footer-info ul.info-list > li > i{ width: 10px; margin: 0; background: none;}
	.footer .footer-info ul.info-list > li:last-child > i:last-child{ display: block; height: 1px;}
	.footer .footer-info ul.sns-list{ justify-content: center; width: 100%; padding: 20px;}
	
	/* ------------------------------------------------------- subpage */
	.for-mo{ display: block; }
	.for-pc{ display: none; }
	.for-mo-tit{ display: block; font-weight: bold; }
	.colon{ display: none; }
	
	/* 튜터모집 안내 팝업 */
	.tutor_popup{ padding: 38px 20px 20px;}
	.tutor_popup.k-window-content{ padding: 38px 20px 20px;}
	.tutor_popup > button{ top: 10px; right: 12px; width: 28px; height: 28px;}
	.tutor-popup > h2{ margin-top: 24px; line-height: 34px; font-size: 33px; letter-spacing: -1.4px;}
	.tutor-popup > p{ margin: 16px 0 22px; line-height: 21px; font-size: 14px; letter-spacing: -0.28px;}
	.tutor-popup > div.tutr-content{ padding: 24px 22px;}
	.tutor-popup > div.tutr-content > ul{ gap: 20px; padding-bottom: 20px;}
	.tutor-popup > div.tutr-content > ul > li{ flex-direction: column; gap: 12px;}
	.tutor-popup > div.tutr-content > ul > li > p{ width: 90px; height: 34px; line-height: 21px; font-size: 13px; letter-spacing: -0.26px;}
	.tutor-popup > div.tutr-content > ul > li > span{ width: 100%; padding-top: 0; line-height: 20px; font-size: 14px; letter-spacing: -0.28px;}
	.tutor-popup > div.tutr-content > ul+p{ margin-top: 20px; line-height: 16px; font-size: 12px; letter-spacing: -0.24px;}
	
	/* 비밀번호 변경 팝업 */
	#pwChngWindow.layer-popup ul.pw-list{ gap: 18px; margin-top: 20px;}
	#pwChngWindow.layer-popup ul.pw-list > li > p{ margin-bottom: 10px; line-height: 22px; font-size: 16px; letter-spacing: -0.32px;}
	#pwChngWindow.layer-popup ul.pw-list > li > div > input{ height: 40px; padding: 10px 15px;}
	
	/* 개인정보 수집 및 이용에 대한 안내 팝업 */
	.k-window-content.layer-popup .popup-content.indi-info-wrap > div.agree-type-cont{ max-height: calc(100% - 65px);}
	.k-window-content.layer-popup .popup-content.indi-info-wrap > div.agree-type-cont .terms-wrap .check-box{ padding: 12px 15px;}
	.k-window-content.layer-popup .popup-content.indi-info-wrap > div.agree-type-cont .terms-wrap .check-box .checkbox + label{ font-size: 16px; letter-spacing: -0.32px; word-break: keep-all;}
	.k-window-content.layer-popup .popup-content.indi-info-wrap > div.agree-type-cont .terms-wrap .terms-cont{ padding: 20px 25px;}
	#indiInfoClctWindow.layer-popup ul.radio-list{ flex-direction: column; gap: 10px; align-items: start; height: auto; padding: 0;}
 	
	/* kendo dropdownlist */
	.dropdown-50{ height: 40px; border-radius: 4px;}
	.dropdown-50 .k-input-inner{ font-size: 14px; letter-spacing: -0.28px;}
	.dropdown-60{ height: 40px; border-radius: 4px;}
	.dropdown-60 .k-input-inner{ font-size: 14px; letter-spacing: -0.28px;}
	
	/* kendo datetimepicker */
	.datetimepicker-50{ height: 40px; font-size: 14px; letter-spacing: -0.28px; border-radius: 4px;}
	.datetimepicker-60{ height: 40px; font-size: 14px; letter-spacing: -0.28px; border-radius: 4px;}
	.k-datetimepicker.datetimepicker.datetimepicker-50 .k-input-inner{ padding: 10px 15px;}
	.k-datetimepicker.datetimepicker.datetimepicker-60 .k-input-inner{ padding: 10px 15px;}
	
	/* kendo grid */
	.k-grid.grid-default .k-grid-header th.k-header{ padding: 18px 0; line-height: 20px; font-size: 14px;}
	.k-grid.grid-default tr td{ padding: 15px 10px; line-height: 21px; font-size: 14px;}
	
	/* kendoWindow */
	.k-window{ border-radius: 0;}
	.k-window-titlebar{ border-radius: 0;}
	.k-window-title{ font-size: 16px!important; letter-spacing: -0.32px!important;}
	.k-window-content.layer-popup{ border-radius: 0;}
	.k-window-content.layer-popup .popup-content{ padding: 20px;}
	
	.k-window-content.layer-popup .popup-content .info-box{ padding: 18px 20px 20px;}
	.k-window-content.layer-popup .popup-content .info-box > h3{ line-height: 26px; font-size: 16px;}
	.k-window-content.layer-popup .popup-content .info-box > ul > li > p{ line-height: 24px; font-size: 14px;}
	
	.k-window-content.layer-popup .popup-content ul.input-form > li{ flex-direction: column; gap: 14px; padding: 18px 10px; min-height: auto;}
	.k-window-content.layer-popup .popup-content ul.input-form > li > p{ width: 100%; padding: 0; line-height: 22px; font-size: 16px; letter-spacing: -0.32px;}
	.k-window-content.layer-popup .popup-content ul.input-form > li > div{ width: 100%; padding: 0;}
	.k-window-content.layer-popup .popup-content ul.input-form > li > div > textarea{ height: 200px;}
	.k-window-content.layer-popup .popup-content ul.input-form > li > div > p{ padding: 9px 0; line-height: 22px; font-size: 16px; letter-spacing: -0.32px;}
	
	/* kendoDialog */
	
	/* file-upload */
	.file-upload .k-dropzone{ padding: 10px 15px; border-radius: 4px;}
	.file-upload .k-upload{ border-radius: 4px;}
	.file-upload .k-upload .k-upload-button{ width: 94px; min-width: 94px; height: 40px; padding: 19px 12px; line-height: 17px; font-size: 14px; letter-spacing: -0.28px;}
	.file-upload .k-dropzone .k-dropzone-hint{ font-size: 14px;}
	
	/* textarea */
	textarea{ height: 200px; padding: 10px; line-height: 21px; font-size: 14px; letter-spacing: -0.28px; border-radius: 3px;}
	
	/* input */
	/* input[type=text] */
	.input-50{ height: 40px; font-size: 14px; letter-spacing: -0.28px; padding: 10px 15px; border-radius: 4px;}
	.input-60{ height: 40px; font-size: 14px; letter-spacing: -0.28px; padding: 10px 15px; border-radius: 4px;}
	
	/* 버튼 */
	.btn-wrap{ margin-top: 15px;}
	.btn-60{ min-width: 94px; height: 40px; padding: 0 12px; font-size: 14px; font-weight: 500; letter-spacing: -0.28px; border-radius: 6px;}
	
	/* table-column */
	table.table-column tr th{ padding: 18px; line-height: 20px; font-size: 14px; letter-spacing: -0.28px;}
	table.table-column tr td{ padding: 15px 10px; line-height: 21px; font-size: 14px;}
	
	/* ------------------------------------------------------- 최근 본 강의 */
	.float-menu{ display: none;}
}
@media screen and (max-width: 390px){
	.header-wrap .header{ padding: 12px 10px;}
	.header-wrap .header > h1{ width: 95px;}
	.header-wrap .header > ul.util{ gap: 10px;}
	
	.gnb-box .gnb-wrap ul.gnb > li{ padding: 18px 10px;}
}