/* ------------------------------------------------------- 서브페이지 */
/* 공통 */
.lnb{ width: 100%; height: 44px; border-bottom: 1px solid #e3e3e3; background: #f5f5f5;}
.lnb > ul{ display: flex; gap: 8px; justify-content: end; align-items: center; width: 1200px; margin: 0 auto; height: 100%;}
.lnb > ul > li{ line-height: 14px; color: #6c757d; font-weight: 400;}
.lnb > ul > li.home{ width: 10px; height: 10px; background: url(../../images/common/icon_lnb_home.png) no-repeat 50% 50%;}
.lnb > ul > li.arrow{ width: 14px; height: 14px; background: url(../../images/common/icon_lnb_arrow.png) no-repeat 50% 50%;}

.sub-content{ display: inline-block; width: 1200px; margin: 40px auto 80px;}
.sub-content h2.sub-tit{ padding-bottom: 30px; margin-bottom: 50px; line-height: 54px; text-align: left; font-size: 36px; color: #000; font-weight: 700; letter-spacing: -0.72px; border-bottom: 1px solid #6c757d;}

/* 검색영역 */
.search-wrap{ display: inline-block; width: 100%; margin-bottom: 20px;}
.search-wrap > .total{ float: left;}
.search-wrap > .search-box{ float: right;}
.search-wrap > .right-wrap{ float: right;}
.total{ line-height: 50px; text-align: left; font-size: 18px; color: #54595e; font-weight: 400; letter-spacing: -0.36px;}
.total > span{ margin-left: 4px; color: #001f90; font-weight: 700; letter-spacing: -0.36px;}
.search-box{ position: relative; display: flex; gap: 8px;}
.search-box .input-box{ width: 320px; padding-right: 50px;}
.search-box button.btn-search{ position: absolute; top: 0; right: 10px; width: 44px; height: 50px; border: none; background: url(../../images/sub/btn_search.png) no-repeat 50% 50% transparent;}
.search-wrap > .right-wrap button{ height: 32px;}
.search-wrap .btn-m-filter{ display: none; width: 57px; height: 32px; line-height: 14px; font-size: 12px; color: #222; font-weight: 500; letter-spacing: -0.24px; border-radius: 4px; border: 1px solid #c0c0c0; background: #fff; box-sizing: border-box;}
.search-wrap .btn-m-filter::after{ display: inline-block; width: 12px; height: 12px; content: ''; margin-left: 4px; vertical-align: middle; background: url(../../images/sub/icon_filter.png) no-repeat 50% 50%;}
.search-wrap > .right-wrap .k-dropdown.dropdownlist{ width: 160px; height: 32px;}
.search-wrap > .right-wrap .k-dropdown.dropdownlist .k-input-inner{ padding-right: 0;}
.search-wrap > .right-wrap .k-dropdown.dropdownlist .k-input-button{ padding: 0; width: 32px;}

/* sub-menu-list */
.sub-menu-list{ display: inline-block; float: left; width: 280px; margin-right: 30px;}
.sub-menu-list > h2{ line-height: 24px; text-align: left; font-size: 20px; color: #000; font-weight: 700;}
.sub-menu-list > ul{ display: inline-block; width: 100%; padding: 10px 0; margin-top: 16px; border-top: 1px solid #495057;}
.sub-menu-list > ul > li{ float: left; width: 100%;}
.sub-menu-list > ul > li > a{ display: block; width: 100%; padding: 6px 5px; line-height: 28px; text-align: left; font-size: 16px; color: #343a40; font-weight: 400;}
.sub-menu-list > ul > li > ul.sub-2depth{ display: none; width: 100%; padding: 10px 0; border-top: 1px solid #dee2e6; background: #f8f9fa; box-sizing: border-box;}
.sub-menu-list > ul > li > ul.sub-2depth > li{ float: left; width: 100%; }
.sub-menu-list > ul > li > ul.sub-2depth > li > a{ display: block; width: 100%; padding: 5px 20px; line-height: 28px; text-align: left; font-size: 15px; color: #343a40; font-weight: 400; box-sizing: border-box;}
.sub-search-list.sub-menu-list > ul > li > ul.sub-2depth > li > a{ padding: 0;}
.sub-menu-list > ul > li.on > a{ color: #000; font-weight: 700;}
.sub-menu-list > ul > li.on > ul.sub-2depth{ display: inline-block;}
.sub-menu-list > ul > li > ul.sub-2depth > li.on > a{ color: #000; font-weight: 700;}
.sub-menu-list > ul > li > a > button.btn-aplTp { float: right}
.sub-menu-list > ul > li > a > button.btn-aplTp > i{ background-image: url(../../images/sub/icon_apply_type.png);}


.sub-menu-list > ul + div{ margin-top: 15px;}
.sub-menu-list > div > h2{ line-height: 24px; text-align: left; font-size: 20px; color: #000; font-weight: 700;}
.sub-menu-list > div > ul{ display: inline-block; width: 100%; padding: 10px 0; margin-top: 16px; border-top: 1px solid #495057;}
.sub-menu-list > div > ul > li{ float: left; width: 100%;}
.sub-menu-list > div > ul > li > a{ display: block; width: 100%; padding: 6px 5px; line-height: 28px; text-align: left; font-size: 16px; color: #343a40; font-weight: 400;}
.sub-menu-list > div > ul > li > ul.sub-2depth{ display: none; width: 100%; padding: 10px 0; border-top: 1px solid #dee2e6; background: #f8f9fa; box-sizing: border-box;}
.sub-menu-list > div > ul > li > ul.sub-2depth > li{ float: left; width: 100%; }
.sub-menu-list > div > ul > li > ul.sub-2depth > li > a{ display: block; width: 100%; padding: 5px 20px; line-height: 28px; text-align: left; font-size: 15px; color: #343a40; font-weight: 400; box-sizing: border-box;}
.sub-search-list.sub-menu-list > div > ul > li > ul.sub-2depth > li > a{ padding: 0;}
.sub-menu-list > div > ul > li.on > a{ color: #000; font-weight: 700;}
.sub-menu-list > div > ul > li.on > ul.sub-2depth{ display: inline-block;}
.sub-menu-list > div > ul > li > ul.sub-2depth > li.on > a{ color: #000; font-weight: 700;}

/* sub-menu-3depth */
.sub-menu-3depth > ul{ padding: 0;}
.sub-menu-3depth > ul > li{ border-bottom: 1px solid #ced4da;}
.sub-menu-3depth > ul > li > a{ float: left; position: relative; width: calc(100% - 44px); padding: 25px 20px; line-height: 24px; font-size: 18px; color: #343a40; font-weight: 700;}
.sub-menu-3depth > ul > li.on > a{ text-decoration: underline;}
.sub-menu-3depth > ul > li:hover > a{ text-decoration: underline;}
.sub-menu-3depth > ul > li > button{ float: left; display: inline-block; width: 24px; height: 24px; margin: 25px 20px 20px 0; border: none; background: url(../../images/sub/icon_menu_1depth_up.png) no-repeat 50% 50%;}
.sub-menu-3depth > ul > li.hide > button{ background: url(../../images/sub/icon_menu_1depth_down.png) no-repeat 50% 50%;}
.sub-menu-3depth > ul > li > ul.sub-2depth{ display: inline-block; padding: 16px 0 0; border: none; background: #f5f5f5;}
.sub-menu-3depth > ul > li > ul.sub-2depth > li{ padding: 0 25px; margin-bottom: 12px;}
.sub-menu-3depth > ul > li > ul.sub-2depth > li:last-child{ margin-bottom: 0;}
.sub-menu-3depth > ul > li > ul.sub-2depth > li > a{ float: left; width: calc(100% - 24px); padding: 0; line-height: 21px; font-size: 16px; font-weight: 400; color: #495057; box-sizing: border-box;}
.sub-menu-3depth > ul > li > ul.sub-2depth > li > button{ float: left; display: inline-block; width: 24px; height: 24px; border: none; background: url(../../images/sub/icon_menu_2depth_up.png) no-repeat 50% 50%;}
.sub-menu-3depth > ul > li > ul.sub-2depth > li.hide > button{ display: inline-block; width: 24px; height: 24px; background: url(../../images/sub/icon_menu_2depth_down.png) no-repeat 50% 50%;}
.sub-menu-3depth > ul > li > ul.sub-2depth > li:hover > a{ color: #343a40; font-weight: 700;}
.sub-menu-3depth > ul > li > ul.sub-2depth > li.on > a{ color: #343a40; font-weight: 700;}
.sub-menu-3depth > ul > li > ul.sub-2depth > li.on > ul.sub-3depth{ display: block;}
.sub-menu-3depth > ul > li > ul.sub-2depth > li > ul.sub-3depth{ display: inline-block; width: 100%; padding: 16px 0 20px 15px;}
.sub-menu-3depth > ul > li > ul.sub-2depth > li > ul.sub-3depth > li > a{ display: block; width: 100%; height: 100%; padding-bottom: 12px; line-height: 21px; text-align: left; font-size: 16px; color: #343a40; font-weight: 400;}
.sub-menu-3depth > ul > li > ul.sub-2depth > li > ul.sub-3depth > li > a::before{ display: inline-block; content: ''; width: 4px; height: 4px; vertical-align: middle; margin-right: 10px; border-radius: 100%; background: #495057;}
.sub-menu-3depth > ul > li > ul.sub-2depth > li > ul.sub-3depth > li.on > a{ text-decoration: underline; font-weight: 500;}
.sub-menu-3depth > ul > li > ul.sub-2depth > li > ul.sub-3depth > li:hover > a{ text-decoration: underline; font-weight: 500;}
.sub-menu-3depth > ul > li > ul.sub-2depth > li > ul.sub-3depth > li:last-child > a{ padding-bottom: 0;}

/* sub-search-list */
.sub-search-list{ display: inline-block; float: left; width: 280px; margin-right: 30px;}
.sub-search-list > h2{ line-height: 24px; text-align: left; font-size: 20px; color: #000; font-weight: 700;}
.sub-search-list > h2 > button.m-back{ display: none;}
.sub-search-list > h2 > button.reset{ float: right; line-height: 28px; text-align: right; font-size: 14px; color: #6c757d; font-weight: 400; border: none; background: transparent;}
.sub-search-list > h2 > button.reset > i{ display: inline-block; width: 16px; height: 16px; vertical-align: middle; margin-left: 6px; background: url(../../images/sub/icon_reset.png) no-repeat 50% 50%;}
.sub-search-list > ul{ width: 100%; padding: 10px 0; margin-top: 16px; border-top: 1px solid #495057;}
.sub-search-list > ul > li{ float: left; width: 100%; padding-bottom: 30px; border-bottom: 1px solid #ced4da;}
.sub-search-list > ul > li > a{ display: block; width: 100%; padding: 6px 5px; line-height: 28px; text-align: left; font-size: 16px; color: #343a40; font-weight: 400;}
.sub-search-list > ul > li:last-child{ border-bottom: none;}
.sub-search-list > ul > li > a{ padding: 25px 0 10px; line-height: 40px; text-align: left; font-size: 16px; color: #343a40; font-weight: 700;}
.sub-search-list > ul > li > ul.sub-2depth{ display: inline-block; padding: 0 5px; border-top: none; background: none;}
.sub-search-list > ul > li > ul.sub-2depth > li{ float: left; width: 100%;  padding: 6px 0;}
.sub-search-list > ul > li > ul.sub-2depth > li input[type=checkbox]+label{ line-height: 28px; font-size: 16px; color: #343a40; font-weight: 400;}
.sub-search-list > .btn-wrap{ display: none;}

/* sub-2depth-list */
.sub-2depth-list{ display: inline-block; float: left; width: 280px; margin-right: 30px;}
.sub-2depth-list > h2{ margin-bottom: 30px; line-height: 39px; text-align: left; font-size: 30px; color: #000; font-weight: 600; letter-spacing: -0.6px;}
.sub-2depth-list > ul{ display: flex; gap: 15px; flex-direction: column; width: 100%; padding-top: 30px;}
.sub-2depth-list > ul > li{ width: 100%;}
.sub-2depth-list > ul > li > a{ display: block; width: 100%; padding: 6px 0; line-height: 30px; text-align: left; font-size: 20px; color: #343a40; font-weight: 400; letter-spacing: -0.4px;}
.sub-2depth-list > ul > li.on > a{ color: #000; font-weight: 700; text-decoration: underline;}

/* sub-menu-cont */
.sub-menu-cont{ float: left; width: calc(100% - 310px);}

/* .sch-ctgr-list */
.sch-ctgr-list{ display: inline-block; float: left; width: 280px; margin-right: 30px;}
.sch-ctgr-list > h2{ margin-bottom: 30px; line-height: 39px; text-align: left; font-size: 30px; color: #000; font-weight: 600; letter-spacing: -0.6px;}
.sch-ctgr-list > ul{ display: flex; gap: 15px; flex-direction: column; width: 100%; padding-top: 30px;}
.sch-ctgr-list > ul > li{ width: 100%; }
.sch-ctgr-list > ul > li > a{ display: block; width: 100%; padding: 6px 0; line-height: 30px; text-align: left; font-size: 20px; color: #343a40; font-weight: 400; letter-spacing: -0.4px;}
.sch-ctgr-list > ul > li.on > a{ color: #000; font-weight: 700; text-decoration: underline;}

/* filter-wrap */
.filter-wrap{ display: inline-block; width: 100%; margin-bottom: 40px;}
.filter-wrap .tab-box{ width: 100%; border: 1px solid #a3a3a3; border-bottom: none;}
.filter-wrap .tab-box ul.tab-border{ width: 100%;}
.filter-wrap .tab-box ul.tab-border > li{ flex: none; width: auto; padding: 19.5px 40px; border-bottom: none;}
.filter-wrap .tab-box ul.tab-border > li.on{ border-bottom: 2px solid #001f90;}
.filter-wrap .tab-box ul.category-list{ display: flex; width: 100%; height: 170px; gap: 0 15px; flex-wrap: wrap; padding: 10px 15px; border-top: 1px solid #a3a3a3; box-sizing: border-box; overflow-y: auto;}
.filter-wrap .tab-box ul.category-list::-webkit-scrollbar { width: 8px;}
.filter-wrap .tab-box ul.category-list::-webkit-scrollbar-track { background-color: #F1F1F1; border-radius: 6px; }
.filter-wrap .tab-box ul.category-list::-webkit-scrollbar-thumb { border-radius: 6px; background-color: #ccc; }
.filter-wrap .tab-box ul.category-list > li{ width: calc(20% - 12px); padding: 16px 15px; line-height: 19px; text-align: left; font-size: 15px; color: #343a50; font-weight: 400; letter-spacing: -0.3px;}
.filter-wrap .tab-box ul.category-list > li > a{ font-size: 15px; color: #343a50; font-weight: 400; letter-spacing: -0.3px;}
.filter-wrap .tab-box ul.category-list > li.on{ color: #001f90; font-weight: 600;}
.filter-wrap .tab-box ul.category-list > li.on > a{ color: #001f90; font-weight: 600;}
.filter-wrap .tab-box ul.category-list > li.on::after{ display: inline-block; content: ''; width: 18px; height: 18px; vertical-align: middle; margin-left: 4px; background: url(../../images/sub/icon_checked.png) no-repeat 50% 50%;}
.filter-wrap .filter-box{ display: inline-block; width: 100%; padding: 24px 30px 30px; border: 1px solid #a3a3a3; background: #fcfcfc; box-sizing: border-box;}
.filter-wrap .filter-box > ul{ display: flex; gap: 10px; flex-direction: column;}
.filter-wrap .filter-box > ul > li{ display: flex; align-items: center; width: 100%;}
.filter-wrap .filter-box > ul > li > p{ float: left; width: 100px; line-height: 17px; text-align: left; font-size: 14px; color: #495057; font-weight: 600;}
.filter-wrap .filter-box > ul > li > div{ width: calc(100% - 100px);}
.filter-wrap .filter-box > ul > li > ul.check-list{ float: left; width: calc(100% - 100px); padding: 0 10px; box-sizing: border-box;}
.filter-wrap .filter-box > ul > li > ul.check-list input+label{ line-height: 32px;}
.filter-wrap .filter-box > ul > li > ul.input-list{ float: left; width: calc(100% - 100px); padding: 0 10px; box-sizing: border-box;}
.filter-wrap .filter-box > ul > li > ul.input-list .input-box{ width: 120px;}
.filter-wrap .filter-box > ul > li > ul.filter-list{ display: flex; flex-direction: row; gap: 0 15px; flex-wrap: wrap; width: calc(100% - 100px);}
.filter-wrap .filter-box > ul > li > ul.filter-list > li{ display: inline-block; width: calc(20% - 12px); padding: 16px 0; line-height: 19px; text-align: center; font-size: 15px; color: #343a40; font-weight: 400; letter-spacing: -0.3px; cursor: pointer;}
.filter-wrap .filter-box > ul > li > ul.filter-list > li.on{ color: #001f90; font-weight: 600;}
.filter-wrap .filter-box > ul > li > ul.filter-list > li.on::after{ display: inline-block; content: ''; width: 18px; height: 18px; vertical-align: middle; margin-left: 4px; background: url(../../images/sub/icon_checked.png) no-repeat 50% 50%;}
.filter-wrap .filter-box > ul > li.ver-cert{ flex-direction: column; width: calc(100% + 60px); margin-left: -30px; margin-top: -24px; border-bottom: 1px solid #a3a3a3;}
.filter-wrap .filter-box > ul > li.ver-cert > ul.filter-list{ width: 100%;}
.filter-wrap .filter-box > ul > li.ver-cert > p{ display: none;}
.filter-wrap .filter-box > ul > li.ver-cert > ul.filter-list#clasf_2stepList{ height: 170px; padding: 10px 15px; overflow-y: auto;}
.filter-wrap .filter-box > ul > li.ver-cert > ul.filter-list#clasf_2stepList::-webkit-scrollbar { width: 8px;}
.filter-wrap .filter-box > ul > li.ver-cert > ul.filter-list#clasf_2stepList::-webkit-scrollbar-track { background-color: #F1F1F1; border-radius: 6px; }
.filter-wrap .filter-box > ul > li.ver-cert > ul.filter-list#clasf_2stepList::-webkit-scrollbar-thumb { border-radius: 6px; background-color: #ccc; }
.filter-wrap .filter-box > ul.filter-list{ display: flex; flex-direction: row; gap: 0 15px; flex-wrap: wrap;}
.filter-wrap .filter-box > ul.filter-list > li{ display: inline-block; width: calc(20% - 12px); padding: 16px 0; line-height: 19px; text-align: center; font-size: 15px; color: #343a40; font-weight: 400; letter-spacing: -0.3px; cursor: pointer;}
.filter-wrap .filter-box > ul.filter-list > li.on{ color: #001f90; font-weight: 600;}
.filter-wrap .filter-box > ul.filter-list > li.on::after{ display: inline-block; content: ''; width: 18px; height: 18px; vertical-align: middle; margin-left: 4px; background: url(../../images/sub/icon_checked.png) no-repeat 50% 50%;}
.filter-wrap .filter-box > ul.select-wrap{ flex-direction: row;}
.filter-wrap .filter-box + .search-box{ margin-top: -1px;}
.filter-wrap .search-box{ position: relative; width: 100%; gap: 0;}
.filter-wrap .search-box .search-input{ width: calc(100% - 180px); height: 52px; padding-left: 62px; padding-right: 125px; border-radius: 0; border: 1px solid #a3a3a3; box-sizing: border-box;}
.filter-wrap .search-box::before{ position: absolute; left: 0; top: 0; content:' '; width: 62px; height: 52px; background: url(../../images/sub/icon_sub_search.png) no-repeat 50% 50%;}
.filter-wrap .search-box button.btn-reset{ position: absolute; right: 180px; top: 0; width: 125px; height: 52px; line-height: 28px; text-align: center; font-size: 14px; color: #6c757d; font-weight: 400; border: none; background: none;}
.filter-wrap .search-box button.btn-reset > i{ display: inline-block; width: 16px; height: 16px; margin-top: -3px; margin-left: 4px; vertical-align: middle; background: url(../../images/sub/icon_reset.png) no-repeat 50% 50%;}
.filter-wrap .search-box button.btn-search{ position: unset; width: 180px; height: 52px; line-height: 19px; text-align: center; font-size: 16px; color: #fff; font-weight: 600; letter-spacing: -0.32px; border-radius: 0; border: none; background: #001f90;}
.filter-wrap .tag-box{ display: flex; gap: 10px; flex-wrap: wrap; width: 100%; margin-top: 15px;}
.filter-wrap .tag-box > p{ width: auto; padding: 9px 18px; line-height: 18px; text-align: center; font-size: 14px; color: #6c757d; font-weight: 400; letter-spacing: -0.28px; border-radius: 100px; background: #f5f5f5; cursor: pointer; box-sizing: border-box;}
.filter-wrap .tag-box > p::before{ content: '#';}
.filter-wrap .tag-box > p.on{ color: #212529; font-weight: 500; border: 1px solid #212529;}

/* select-box-wrap */
.multi-select{ position: relative;}
.multi-select > button.multi-select-btn{ width: 100%; height: 40px; padding: 11px 0 11px 15px; line-height: 18px; text-align: left; font-size: 14px; color: #828282; font-weight: 400; letter-spacing: -0.28px; border-radius: 4px; border: 1px solid #c0c0c0; background: #fff; box-sizing: border-box;}
.multi-select > button.multi-select-btn > i{ float: right; display: inline-block; width: 40px; height: 18px; background: url(../../images/sub/icon_dropdownlist18.png) no-repeat 50% 50%;}
.multi-select > .multi-select-wrap{ display: none; position: absolute; top: 46px; left: 0; width: 100%; height: 250px; border-radius: 4px; border: 1px solid #c0c0c0; background: #fff; z-index: 99;}
.multi-select > .multi-select-wrap .first-step{ float: left; width: 230px; height: 100%; border-radius: 4px 0 0 4px; border-right: 1px solid #c0c0c0; overflow-y: auto;}
.multi-select > .multi-select-wrap .first-step::-webkit-scrollbar { width: 8px;}
.multi-select > .multi-select-wrap .first-step::-webkit-scrollbar-track { background-color: #F1F1F1; border-radius: 6px; }
.multi-select > .multi-select-wrap .first-step::-webkit-scrollbar-thumb { border-radius: 6px; background-color: #ccc; }
.multi-select > .multi-select-wrap .first-step > ul{ width: 100%;}
.multi-select > .multi-select-wrap .first-step > ul > li{ float: left; width: 100%; padding: 15px 16px; line-height: 18px; text-align: left; font-size: 14px; color: #828282; font-weight: 400; letter-spacing: -0.28px; box-sizing: border-box; cursor: pointer;}
.multi-select > .multi-select-wrap .first-step > ul > li.on{ line-height: 15px; text-align: left; font-size: 14px; color: #001f90; font-weight: 600; letter-spacing: -0.28px; background: #f5f6fa;}
.multi-select > .multi-select-wrap .second-step{ float: left; width: calc(100% - 230px); height: 100%;}
.multi-select > .multi-select-wrap .second-step > ul{ position: relative; display: flex; gap: 0 15px; width: 100%; height: 100%; flex-wrap: wrap; align-content: flex-start; overflow-y: auto;}
.multi-select > .multi-select-wrap .second-step > ul::-webkit-scrollbar { width: 8px;}
.multi-select > .multi-select-wrap .second-step > ul::-webkit-scrollbar-track { background-color: #F1F1F1; border-radius: 6px; }
.multi-select > .multi-select-wrap .second-step > ul::-webkit-scrollbar-thumb { border-radius: 6px; background-color: #ccc; }
.multi-select > .multi-select-wrap .second-step > ul > li{ width: calc(33.33% - 10px); padding: 15px 16px; line-height: 18px; text-align: left; font-size: 14px; color: #828282; font-weight: 400; letter-spacing: -0.28px; cursor: pointer;}
.multi-select > .multi-select-wrap .second-step > ul > li.on{ color: #001f90; font-weight: 600;}
.multi-select > .multi-select-wrap .second-step > ul > button.btn-close-clasf{ position: absolute; width: 30px; height: 30px; top: 7px; right: 7px; text-indent: -999em; border: none; background: url(../../images/common/btn_dialog_close.png) no-repeat 50% 50%;}

/* tab */
/* tab default */
ul.tab-default{ display: flex; width: 100%; height: 70px; margin-bottom: 30px;}
ul.tab-default > li{ display: flex; flex: 1; justify-content: center; align-items: center; height: 100%; line-height: 21px; text-align: center; font-size: 18px; color: #222; font-weight: 400; letter-spacing: -0.36px; border: 1px solid #dee2e6; background: #fff; cursor: pointer;}
ul.tab-default > li.on{ color: #fff; font-weight: 700; border: none; background: #001f90;}
.tab-content{ display: none;}

/* tab border_blue(default) */
ul.tab-border{ display: flex; width: 100%; height: 60px;}
ul.tab-border > li{ flex: 1; padding: 19.5px 0; line-height: 21px; text-align: center; font-size: 18px; color: #000; font-weight: 400; letter-spacing: -0.36px; cursor: pointer; border-bottom: 1px solid #dee2e6; box-sizing: border-box;}
ul.tab-border > li.on{ color: #001f90; font-weight: 700; border-bottom: 2px solid #001f90;}

/* tab border_black */
ul.tab-border.black > li{ color: #6c757d;}
ul.tab-border.black > li.on{ color: #000; border-bottom: 2px solid #000;}

/* kendo tabstrip */
.k-tabstrip{ border-bottom: 1px solid #dee2e6; background: transparent; box-shadow: none!important;}
.k-tabstrip .k-tabstrip-items-wrapper{ box-shadow: none;}
.k-tabstrip .k-tabstrip-items-wrapper span.k-button{ width: 28px; padding: 0;}
.k-tabstrip .k-tabstrip-items-wrapper span.k-button.k-disabled{ width: 0;}
.k-tabstrip .k-tabstrip-items-wrapper span.k-button .k-button-icon{ display: none;}
.k-tabstrip .k-tabstrip-items-wrapper span.k-button.k-tabstrip-prev{ background: url(../../images/sub/btn_tab_prev.png) no-repeat 50% 50%!important;}
.k-tabstrip .k-tabstrip-items-wrapper span.k-button.k-tabstrip-next{ background: url(../../images/sub/btn_tab_next.png) no-repeat 50% 50%!important;}
.k-tabstrip-items .k-item.k-state-hover{ border-radius: 0; margin-bottom: 0; border: none; background: none;}
.k-tabstrip-items .k-state-hover .k-link{ color: #000; border-radius: 0;}
.k-tabstrip-items .k-item{ border-radius: 0; margin-bottom: 0;}
.k-tabstrip-items .k-link{ border-radius: 0;}
.k-tabstrip-items .k-loading.k-complete{ display: none;}
.k-tabstrip-top>.k-tabstrip-items-wrapper .k-item+.k-item{ margin-left: 0; border: none;}
.k-tabstrip-top>.k-tabstrip-items-wrapper .k-item{ margin-left: 0!important; margin-bottom: 0!important; border-radius: 0;}
.k-tabstrip-top>.k-tabstrip-items-wrapper .k-item.k-state-active{ border-bottom: 2px solid #000;}

.radio-list, .check-list{ display: flex; gap: 20px; align-items: center;}
.input-list{ display: flex; gap: 10px; align-items: center; height: 32px;}
.input-list > li.text{ font-size: 16px; color: #000; font-weight: 400;}

/* 태그 */
.blue{ color: #111d28; background: #cee8ff;}
.beige{ color: #8E0707; background: #FFF3CD;}
.red{ color: #8e0707; background: #ffe9e2;}
.gray{ color: #212529; background: #e9ecef;}
.green{ color: #12412c; background: #dfe8e4;}
.purple{ color: #59359a; background: #e9e2f5;}
.yellow{ color: #8e0707; background: #fff3cd;}

.text-red{ color: #dc3545!important;}

/* 목록이 존재하지 않는 경우 */
.none-data{ display: flex; justify-content: center; align-items: center; width: 100%; height: 240px; border-top: 1px solid #dee2e6; border-bottom: 1px solid #dee2e6;}
.none-data > p{ line-height: 18px; font-size: 15px; color: #6c757d; font-weight: 400; letter-spacing: -0.3px;}

/* ------------------------------------------------------- Utility */
/* 개인정보처리방침 */
.utility-wrap .gray-box{ width: 100%; padding: 22px 28px; margin: 50px 0 60px; line-height: 28px; text-align: left; font-size: 18px; color: #6c757d; font-weight: 400; border-radius: 4px; background: #f8f8f8;}
.utility-wrap .gray-box > a{ color: #6c757d; text-decoration: underline;}
.utility-wrap .text-box{ display: flex; gap: 20px; flex-direction: column; width: 100%; padding: 0 4px; box-sizing: border-box;}
.utility-wrap h3{ line-height: 38px; text-align: left; font-size: 24px; color: #000; font-weight: 600; letter-spacing: -0.48px;}
.utility-wrap p.sub-h3{ line-height: 28px; text-align: left; font-size: 18px; color: #6c757d; font-weight: 400;}
.utility-wrap ul.text-list{ display: flex; gap: 20px; flex-direction: column;}
.utility-wrap ul.text-list > li{ display: flex; gap: 2px; flex-direction: column; width: 100%;}
.utility-wrap ul.text-list > li > h4{ display: flex; gap: 4px; line-height: 28.8px; text-align: left; font-size: 18px; color: #343a40; font-weight: 500; box-sizing: border-box;}
.utility-wrap ul.text-list > li > h4.dot{ position: relative; padding-left: 24px;}
.utility-wrap ul.text-list > li > h4.dot::before{ position: absolute; top: 13px; left: 13px; content: ' '; width: 3px; height: 3px; border-radius: 100%; background: #343a40;}
.utility-wrap ul.text-list > li > h4 a{ color: #343a40; text-decoration: underline;}
.utility-wrap ul.text-list > li > p{ line-height: 25.6px; text-align: left; font-size: 16px; color: #6c757d; font-weight: 400; box-sizing: border-box;}
.utility-wrap ul.text-list > li > .pl-12{ padding-left: 12px;}
.utility-wrap ul.text-list > li > .pl-20{ padding-left: 20px;}
.utility-wrap ul.text-list > li > .pl-22{ padding-left: 22px;}
.utility-wrap ul.text-list > li > .pl-28{ padding-left: 28px;}
.utility-wrap ul.text-list > li > .pl-35{ padding-left: 35px;}
.utility-wrap ul.text-list > li > .pl-40{ padding-left: 40px;}
.utility-wrap ul.text-list > li > .pl-55{ padding-left: 55px;}
.utility-wrap span.bar{ display: block; width: 100%; height: 1px; margin: 60px 0; background: #ced4da;}

/* 회원가입 */
.join-wrap{ position: relative;}

.join-wrap.sub-content h2.sub-tit{ border-bottom: none;}
.join-wrap .step-list{ position: absolute; top: 0; right: 0; display: flex; gap: 15px; padding: 11px 0;}
.join-wrap .step-list > li.step > span{ display: inline-block; width: 32px; height: 32px; margin-right: 12px; line-height: 30px; text-align: center; font-size: 18px; color: #6c757d; font-weight: 500; border-radius: 100%; border: 1px solid #6c757d; box-sizing: border-box;}
.join-wrap .step-list > li.step > p{ display: inline-block; line-height: 32px; text-align: left; font-size: 18px; color: #6c757d; font-weight: 400;}
.join-wrap .step-list > li.step.on > span{ color: #fff; font-weight: 600; background: #000;}
.join-wrap .step-list > li.step.on > p{ color: #000; font-weight: 700;}
.join-wrap .step-list > li.line{ position: relative; width: 70px;}
.join-wrap .step-list > li.line::before{ position: absolute; top: 16px; left: 0; content: ''; width: 100%; height: 1px; background: #ced4da;}

.join-wrap .step-wrap{ display: inline-block; width: 100%;}
.join-wrap .step-wrap .terms-wrap{ width: 100%; margin-bottom :10px; border-radius: 8px; border: 1px solid #ced4da; box-sizing: border-box; overflow: hidden;}
.join-wrap .step-wrap .terms-wrap .check-box{ display: inline-block; width: 100%; padding: 25px 22px; box-sizing: border-box;}
.join-wrap .step-wrap .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;}
.join-wrap .step-wrap .terms-wrap .check-box .checkbox + label > span{ color: #001f90; font-weight: 700;}
.join-wrap .step-wrap .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%;}
.join-wrap .step-wrap .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;}
.join-wrap .step-wrap .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;}
.join-wrap .step-wrap .terms-wrap .terms-cont > h2{ margin-bottom: 2px; line-height: 29px; text-align: left; font-size: 18px; color: #343a40; font-weight: 500;}
.join-wrap .step-wrap .terms-wrap .terms-cont > p+h2{ margin-top: 20px;}
.join-wrap .step-wrap .terms-wrap .terms-cont > h3{ line-height: 29px; text-align :left; font-size: 18px; color: #343a40; font-weight: 500;}
.join-wrap .step-wrap .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;}
.join-wrap .step-wrap .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;}
.join-wrap .step-wrap .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;}
.join-wrap .step-wrap .terms-wrap .terms-cont > p{ line-height: 26px; text-align: left; font-size: 16px; color: #6c757d; font-weight: 400;}
.join-wrap .step-wrap .terms-wrap .terms-cont > p.font-18{ font-size: 18px;}
.join-wrap .step-wrap .terms-wrap .terms-cont > p.font-18+p{ margin-bottom: 20px;}
.join-wrap .step-wrap .terms-wrap .terms-cont > p > span { display: block; width: 100%; padding-left: 22px; box-sizing: border-box;}
.join-wrap .step-wrap .terms-wrap .terms-cont > p > span.pl-35{ padding-left: 35px;}
.join-wrap .step-wrap .terms-wrap .terms-cont > p > span.pl-55{ padding-left: 55px;}
.join-wrap .step-wrap .terms-wrap .terms-cont > span.bar{ display: block; width: 100%; height: 1px; margin: 40px 0; background: #ced4da;}
.join-wrap .step-wrap .terms-wrap .terms-cont > .mb-20{ margin-bottom: 20px;}
.join-wrap .step-wrap .terms-wrap.hide .check-box > button{ transform: rotate(0det);}
.join-wrap .step-wrap .terms-wrap.show .check-box > button{ transform: rotate(180deg);}

.join-wrap .step-wrap ul.join-list{ width: 100%; border-top: 1px solid #000;}
.join-wrap .step-wrap ul.join-list > li{ display: flex; justify-content: start; align-items: center; width: 100%; border-bottom: 1px solid #eee;}
.join-wrap .step-wrap ul.join-list > li > p{ width: 240px; padding: 22px; line-height: 25px; text-align: left; font-size: 18px; color: #000; font-weight: 700; letter-spacing: -0.36px; box-sizing: border-box;}
.join-wrap .step-wrap ul.join-list > li > p > span.ess{ margin-left: 5px; color: #dc3545; font-weight: 400;}
.join-wrap .step-wrap ul.join-list > li > div{ display: flex; flex-wrap: wrap; justify-content: start; align-items: center; gap: 0 10px; width: calc(100% - 240px); padding: 22px; box-sizing: border-box;}
.join-wrap .step-wrap ul.join-list > li > div p.info-text{ width: 100%; margin-top: 10px; line-height: 18px; text-align: left; font-size: 15px; color: #828282; font-weight: 400; letter-spacing: -0.3px;}
.join-wrap .step-wrap ul.join-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;}
.join-wrap .step-wrap ul.join-list > li > div p.caution-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;}
.join-wrap .step-wrap ul.join-list > li > div > button.btn-cert > i{ display: inline-block; width: 18px; height: 18px; margin-top: 0; margin-left: 0; margin-right: 6px; vertical-align: middle; background-repeat: no-repeat; background-position: 50% 50%;}
.join-wrap .step-wrap ul.join-list > li > div > button.cert-phone > i{ background-image: url(../../images/sub/icon_cert_phone.png);}
.join-wrap .step-wrap ul.join-list > li > div > button.cert-ipin > i{ background-image: url(../../images/sub/icon_cert_ipin.png);}
.join-wrap .step-wrap ul.join-list > li > div ul.radio-list{ flex-wrap: wrap; gap: 0 25px;}
.join-wrap .step-wrap ul.join-list > li > div ul.radio-list > li{ height: 48px;}
.join-wrap .step-wrap ul.join-list > li > div ul.radio-list > li .radio + label{ line-height: 48px;}
.join-wrap .step-wrap ul.join-list > li > div.phone-number input.input-box{ width: calc(33.33% - 18px);} 

.join-wrap .step-wrap#step3{ padding: 120px 0; border-top: 1px solid #000; border-bottom: 1px solid #ececec;}
.join-wrap .step-wrap .join-cmplt{ display: flex; flex-direction: column; justify-content: center; align-items: center; width: 100%;}
.join-wrap .step-wrap .join-cmplt > img{ margin-bottom: 35px;}
.join-wrap .step-wrap .join-cmplt > p{ margin-bottom: 20px; line-height: 24px; text-align: center; font-size: 24px; color: #000; font-weight: 500; letter-spacing: -0.48px;}
.join-wrap .step-wrap .join-cmplt > p > span{ font-size: 25px; color: #001f90; font-weight: 700; letter-spacing: -0.5px;}
.join-wrap .step-wrap .join-cmplt > span{ line-height: 17px; text-align: center; font-size: 14px; color: #6c757d; font-weight: 400; letter-spacing: -0.28px;}

.join-wrap .step-wrap .btn-wrap{ margin-top: 50px;}

/* ------------------------------------------------------- 통합검색 */
.main-search-wrap .search-rslt{ width: 100%; padding: 0 0 50px; border-bottom: 1px solid #dee2e6;}
.main-search-wrap .search-rslt > p{ width: 100%; padding-top: 10px; line-height: 30px; text-align: center; font-size: 25px; color: #000; font-weight: 400;}
.main-search-wrap .search-rslt > p > span{ color: #001f90; font-weight: 700;}
.main-search-wrap .search-rslt > p > span::before{ content: '"';}
.main-search-wrap .search-rslt > p > span::after{ content: '"';}
.main-search-wrap .rslt-wrap{ width: 100%; margin-bottom: 80px;}
.main-search-wrap .rslt-wrap#lctrWrap{ margin-top: 50px;}
.main-search-wrap .rslt-wrap.rslt-ctgr-wrap{ border-top: 1px solid #dee2e6;}
.main-search-wrap .rslt-wrap > h3{ width: 100%; margin-bottom: 20px; line-height: 40px; text-align: left; font-size: 25px; color: #000; font-weight: 700; letter-spacing: -0.5px;}
.main-search-wrap .rslt-ctgr-wrap > div{ display: flex; gap: 15px; align-items: start; justify-content: start; width: 100%; padding: 38px 22px; border-bottom: 1px solid #dee2e6; box-sizing: border-box;}
.main-search-wrap .rslt-ctgr-wrap > div > p{ width: 160px; line-height: 29px; text-align: left; font-size: 18px; color: #222; font-weight: 500; letter-spacing: -0.36px;}
.main-search-wrap .rslt-ctgr-wrap > div > ul{ display: flex; flex-wrap: wrap; gap: 10px 15px; width: calc(100% - 175px);}
.main-search-wrap .rslt-ctgr-wrap > div > ul > li > a{ line-height: 26px; text-align: left; font-size: 16px; color: #6c757d; font-weight: 400; text-decoration: underline;}
.main-search-wrap .rslt-brd-wrap > ul{ width: 100%; border-top: 1px solid #dee2e6;}
.main-search-wrap .rslt-brd-wrap > ul > li{ display: flex; gap: 30px; width: 100%; padding: 25px 20px; border-bottom: 1px solid #dee2e6; box-sizing: border-box;}
.main-search-wrap .rslt-brd-wrap > ul > li > a{ display: block; width: 100%; line-height: 21px; text-align: left; font-size: 16px; color: #222; font-weight: 500; letter-spacing: -0.8px; cursor: pointer; overflow: hidden; text-overflow: ellipsis; white-space: nowrap;}
.main-search-wrap .rslt-brd-wrap > ul > li > a:hover{ text-decoration: underline;}
.main-search-wrap .rslt-brd-wrap > ul > li > span{ flex: none; line-height: 18px; text-align: right; font-size: 14px; color: #6c757d; font-weight: 400;}
.main-search-wrap .rslt-lctr-wrap .rslt-lctr-list{ width: 100%; border-top: 1px solid #ced4da;}
.main-search-wrap .rslt-lctr-wrap .rslt-lctr-list div.lctr-box{ display: flex; gap: 40px; align-items: start; width: 100%; padding: 40px 25px; border-bottom: 1px solid #ced4da; box-sizing: border-box; cursor: pointer;}
.main-search-wrap .rslt-lctr-wrap .rslt-lctr-list div.lctr-box .thumbnail{ display: flex; justify-content: center; align-items: center; width: 180px; height: 102px; background-size: cover; background-position: 50% 50%; background-repeat: no-repeat; border-radius: 6px; background-color: #f2f2f2; overflow: hidden;}
.main-search-wrap .rslt-lctr-wrap .rslt-lctr-list div.lctr-box .thumbnail.none{ background-image: url(../../images/common/none_thumbnail_logo.png); background-size: auto; background-color: #f2f2f2;}
.main-search-wrap .rslt-lctr-wrap .rslt-lctr-list div.lctr-box .thumbnail > img{ max-width: 100%; max-height: 100%;}
.main-search-wrap .rslt-lctr-wrap .rslt-lctr-list div.lctr-box .lctr-info{ display: flex; flex-direction: column; width: calc(100% - 220px);}
.main-search-wrap .rslt-lctr-wrap .rslt-lctr-list div.lctr-box .lctr-info > .lctr-tag{ display: flex; gap: 6px; width: 100%; height: auto; padding: 0; border-radius: 0; background: none;}
.main-search-wrap .rslt-lctr-wrap .rslt-lctr-list div.lctr-box .lctr-info > .lctr-tag > span{ display: inline-block; width: auto; height: 24px; padding: 5px 10px; line-height: 14px; font-size: 12px; border-radius: 4px; box-sizing: border-box;}
.main-search-wrap .rslt-lctr-wrap .rslt-lctr-list div.lctr-box .lctr-info > h4{ width: 100%; margin: 15px 0 12px; line-height: 31px; text-align: left; font-size: 22px; color: #212529; font-weight: 600; letter-spacing: -1.1px;}
.main-search-wrap .rslt-lctr-wrap .rslt-lctr-list div.lctr-box .lctr-info > p{ margin-bottom: 18px; line-height: 20px; text-align: left; font-size: 16px; color: #6c757d; font-weight: 400; letter-spacing: -0.32px;}
.main-search-wrap .rslt-lctr-wrap .rslt-lctr-list div.lctr-box .lctr-info > ul{ display: flex; gap: 22px; width: 100%; margin: 0 0 18px;}
.main-search-wrap .rslt-lctr-wrap .rslt-lctr-list div.lctr-box .lctr-info > ul > li{ display: flex;}
.main-search-wrap .rslt-lctr-wrap .rslt-lctr-list div.lctr-box .lctr-info > ul > li::after{ content: ''; display: inline-block; width: 1px; height: 15px; margin-left: 22px; vertical-align: middle; background: #dee2e6;}
.main-search-wrap .rslt-lctr-wrap .rslt-lctr-list div.lctr-box .lctr-info > ul > li:last-child::after{ content: none;}
.main-search-wrap .rslt-lctr-wrap .rslt-lctr-list div.lctr-box .lctr-info > ul > li > span{ margin-right: 20px; line-height: 19px; text-align: left; font-size: 15px; color: #6c757d; font-weight: 500; letter-spacing: -0.3px;}
.main-search-wrap .rslt-lctr-wrap .rslt-lctr-list div.lctr-box .lctr-info > ul > li > p{ line-height: 19px; text-align: left; font-size: 15px; color: #212529; font-weight: 500; letter-spacing: -0.3px;}
.main-search-wrap .rslt-lctr-wrap .rslt-lctr-list div.lctr-box .lctr-info > ul > li > p.price > span{ font-weight: 700;}
.main-search-wrap .rslt-lctr-wrap .rslt-lctr-list div.lctr-box .lctr-info > div{ width: 100%; height: 90px; padding: 18px 25px 20px; border-radius: 6px; background: #f8f8f8; box-sizing: border-box; overflow: hidden;}
.main-search-wrap .rslt-lctr-wrap .rslt-lctr-list div.lctr-box .lctr-info > div > p{ line-height: 26px; text-align: left; font-size: 16px; color: #6c757d; font-weight: 400; letter-spacing: -0.32px; overflow: hidden; text-overflow: ellipsis; display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical; word-wrap:break-word;}
.main-search-wrap .rslt-wrap > button{ width: 200px; margin-top: 30px; line-height: 18px; font-size: 15px; letter-spacing: -0.3px;}
.main-search-wrap .rslt-wrap > button > i.add{ display: inline-block; width: 18px; height: 18px; margin-left: 4px; vertical-align: middle; background: url(../../images/sub/icon_btn_more.png) no-repeat 50% 50%;}
.main-search-wrap .rslt-cert-wrap .rslt-cert-list{ width: 100%; border-top: 1px solid #ced4da;}
.main-search-wrap .rslt-cert-wrap .rslt-cert-list table{ table-layout: fixed;}
.main-search-wrap .rslt-cert-wrap .rslt-cert-list table colgroup{ display: none;}
.main-search-wrap .rslt-cert-wrap .rslt-cert-list div.cert-box{ display: flex; flex-direction: column; gap: 12px; width: 100%; padding: 32px 25px 36px; border-bottom: 1px solid #ced4da; box-sizing: border-box; cursor: pointer;}
.main-search-wrap .rslt-cert-wrap .rslt-cert-list div.cert-box > h4{ line-height: 31px; text-align: left; font-size: 22px; color: #212529; font-weight: 500; letter-spacing: -1.1px;}
.main-search-wrap .rslt-cert-wrap .rslt-cert-list div.cert-box > p{ line-height: 26px; text-align: left; font-size: 16px; color: #6c757d; font-weight: 400; letter-spacing: -0.32px; overflow: hidden; text-overflow: ellipsis; display: -webkit-box; -webkit-line-clamp: 3; -webkit-box-orient: vertical; word-wrap:break-word;}
.main-search-wrap .search-text{ color: #001f90; font-weight: 700;}

/* ------------------------------------------------------- 회사소개 */
.cmpn-main-wrap{ display: flex; gap: 40px; align-items: center; flex-direction: column; width: 100%; padding: 90px 0 50px; background: url(../../images/sub/img_company_main.png) no-repeat 50% 50%; background-size: cover;}
.cmpn-main-wrap > img{ width: auto; margin-bottom: 10px;}
.cmpn-main-wrap > h1{ line-height: 45px; text-align: center; font-size: 40px; color: #bfd8f4; font-weight: 300; letter-spacing: -0.8px; border-bottom: 1px solid #bfd8f4;}
.cmpn-main-wrap > h2{ width: 730px; line-height: 45px; text-align: center; font-size: 32px; color: #dee2e6; font-weight: 400; letter-spacing: -0.64px; word-break: keep-all;}
.cmpn-main-wrap > p{ line-height: 15px; text-align: center; font-size: 12px; color: #fff; font-weight: 600; letter-spacing: 2.88px; opacity: 0.4;}
.cmpn-main-wrap > p > span{ display: block; width: 24px; height: 24px; margin: 10px auto 0; background: url(../../images/sub/icon_scroll_down.png) no-repeat 50% 50%;}
.cmpn-top-wrap{ width: 100%; padding: 70px 0 100px; box-sizing: border-box;}
.cmpn-top-wrap > span{ line-height: 19px; text-align: center; font-size: 16px; color: #2b49b6; font-weight: 600; letter-spacing: 3.36px;}
.cmpn-top-wrap > h2{ margin: 20px auto 40px; line-height: 48px; text-align: center; font-size: 40px; color: #000; font-weight: 600;}
.cmpn-top-wrap > p{ line-height: 38px; text-align: center; font-size: 24px; color: #343a40; font-weight: 400;}
.cmpn-top-wrap > ul{ display: flex; align-items: center; width: 1200px; margin: 60px auto 0;}
.cmpn-top-wrap > ul > li.box{ width: 212px; height: 212px; padding: 16px; border-radius: 100%; border: 1px solid #d3d3d3; box-sizing: border-box;}
.cmpn-top-wrap > ul > li.box.light{ background: rgba(27, 103, 216, 0.2);}
.cmpn-top-wrap > ul > li.box.blue{ background: rgb(27, 103, 216, 0.5);}
.cmpn-top-wrap > ul > li.line{ width: 35px; height: 1px; background: #dee2e6;}
.cmpn-top-wrap > ul > li > div{ display: flex; gap: 14px; flex-direction: column; align-items: center; justify-content: center; width: 180px; height: 180px; border-radius: 100%; background: #fff; box-shadow: 1px 8px 18px rgb(0, 0, 0, 0.05);}
.cmpn-top-wrap > ul > li > div > p{ line-height: 24px; text-align: center; font-size: 20px; color: #212529; font-weight: 800;}
.cmpn-mid-wrap .bg{ width: 100%; padding: 80px; background: #fff;}
.cmpn-mid-wrap .bg.gray{ background: #f5f5f5;}
.cmpn-mid-wrap .bg .cmpn-mid{ display: flex; gap: 50px; width: 1200px; margin: 0 auto;}
.cmpn-mid-wrap .bg .cmpn-mid .cont{ display: flex; flex-direction: column; gap: 40px; justify-content: center; align-items: start; width: 550px;}
.cmpn-mid-wrap .bg .cmpn-mid .cont > h2{ line-height: 38px; text-align: left; font-size: 32px; color: #000; font-weight: 600;}
.cmpn-mid-wrap .bg .cmpn-mid .cont > p{ width: 500px; line-height: 32px; text-align: left; font-size: 20px; color: #6c757d; font-weight: 400; word-break: keep-all;}
.cmpn-vision-wrap{ padding: 80px 0 100px; background: url(../../images/sub/img_company_sub.png) no-repeat 50% 50%; background-size: cover;}
.cmpn-vision-wrap > span{ line-height: 19px; text-align: center; font-size: 16px; color: #81acff; font-weight: 600; letter-spacing: 3.36px;}
.cmpn-vision-wrap > h2{ line-height: 48px; text-align: center; font-size: 40px; color: #fff; font-weight: 600;}
.cmpn-vision-wrap > span.bar{ display: block; width: 50px; height: 1px; margin: 60px auto; background: #6c757d;}
.cmpn-vision-wrap > .mission{ display: flex; flex-direction: column; gap: 40px; align-items: center; margin-bottom: 70px;}
.cmpn-vision-wrap > .mission > h3{ line-height: 39px; text-align: center; font-size: 28px; color: #fafafa; font-weight: 700; letter-spacing: -0.56px;}
.cmpn-vision-wrap > .mission > ul{ display: flex; width: 968px; height: 243px;}
.cmpn-vision-wrap > .mission > ul > li{ flex: 1; display: flex; flex-direction: column; gap: 18px; align-items: center; justify-content: start;}
.cmpn-vision-wrap > .mission > ul > li > div{ width: 130px; height: 130px; border-radius: 100%; line-height: 130px; text-align: center; font-size: 24px; color: #fff; font-weight: 700;}
.cmpn-vision-wrap > .mission > ul > li:first-child > div{ background: #114ff1;}
.cmpn-vision-wrap > .mission > ul > li:nth-child(2) > div{ background: #3071be;}
.cmpn-vision-wrap > .mission > ul > li:last-child > div{ background: #6336e2;}
.cmpn-vision-wrap > .mission > ul > li > p{ width: 260px; line-height: 29px; text-align: center; font-size: 18px; color: #ced4da; font-weight: 400; letter-spacing: -0.36px; word-break: keep-all;}
.cmpn-vision-wrap > .mission > ul > li > span{ line-height: 19px; text-align: center; font-size: 16px; color: #6c757d; font-weight: 800;}
.cmpn-vision-wrap > .strategy{ display: flex; flex-direction: column; gap: 40px; align-items: center;}
.cmpn-vision-wrap > .strategy > h3{ line-height: 39px; text-align: center; font-size: 28px; color: #fafafa; font-weight: 700; letter-spacing: -0.56px;}
.cmpn-vision-wrap > .strategy > ul{ display: flex; flex-wrap: wrap; gap: 39px 46px; width: 1013px;}
.cmpn-vision-wrap > .strategy > ul > li{ display: flex; gap: 18px; flex-direction: column; justify-content: center; align-items: center; width: 307px;}
.cmpn-vision-wrap > .strategy > ul > li > h4{ line-height: 29px; text-align: center; font-size: 24px; color: #fff; font-weight: 700;}
.cmpn-vision-wrap > .strategy > ul > li > p{ width: 265px; line-height: 29px; text-align: center; font-size: 18px; color: #adb5bd; font-weight: 400; letter-spacing: -0.36px; word-break: keep-all;}
.cmpn-vision-wrap > .strategy > ul > li > span{ line-height: 19px; text-align: center; font-size: 16px; color: #6c757d; font-weight: 800;}
.cmpn-orgnz-wrap{ width: 100%; padding: 60px 0 100px; background: #f5f5f5;}
.cmpn-orgnz-wrap > span{ line-height: 19px; text-align: center; font-size: 16px; color: #81acff; font-weight: 600; letter-spacing: 3.36px;}
.cmpn-orgnz-wrap > h2{ margin: 20px 0 60px; line-height: 48px; text-align: center; font-size: 40px; color: #000; font-weight: 600;}
.cmpn-orgnz-wrap > img{ margin: 0 auto;}
.cmpn-orgnz-wrap > img.ver-mb{ display: none;}
.cmpn-map-wrap{ width: 100%; padding: 60px 0 100px;}
.cmpn-map-wrap > span{ line-height: 19px; text-align: center; font-size: 16px; color: #81acff; font-weight: 600; letter-spacing: 3.36px;}
.cmpn-map-wrap > h2{ margin: 20px 0 60px; line-height: 48px; text-align: center; font-size: 40px; color: #000; font-weight: 600;}
.cmpn-map-wrap > div{ display: flex; gap: 60px; width: 1200px; margin: 0 auto;}
.cmpn-map-wrap > div > img{ width: 570px;}
.cmpn-map-wrap > div > div{ width: calc(100% - 630px); height: 350px; padding-top: 36px; border-top: 1px solid #dee2e6; border-bottom: 1px solid #dee2e6; box-sizing: border-box;}
.cmpn-map-wrap > div > div > h3{ line-height: 32px; text-align: left; font-size: 20px; color: #2b49b6; font-weight: 700;}
.cmpn-map-wrap > div > div > ul{ display: flex; flex-direction: column; gap: 12px; justify-content: start; align-items: start; width: 100%; margin-top: 20px;}
.cmpn-map-wrap > div > div > ul > li{ display: flex; gap: 20px; flex-wrap: wrap; width: 100%;}
.cmpn-map-wrap > div > div > ul > li > p{ width: 100px; line-height: 26px; text-align: left; font-size: 16px; color: #adb5bd; font-weight: 600;}
.cmpn-map-wrap > div > div > ul > li > span{ width: calc(100% - 120px); line-height: 26px; text-align: left; font-size: 16px; color: #343a40; font-weight: 400;}
.cmpn-map-wrap > div > div > ul > li > span > strong{ font-weight: 700; color: #212529;}
.cmpn-map-wrap > div > div > ul > li > span > i{ display: inline-block; width: 1px; height: 14px; vertical-align: middle; margin: 0 12px; background: #cdcdcd;}

/* ------------------------------------------------------- 내일배움카드 */
/* 내일배움카드 > 안내 */
.tmrrw-main-wrap{ display: flex; flex-direction: column; width: 100%; padding: 90px 0 50px; text-align: center; background: url(../../images/sub/img_tmrrw_main.png) no-repeat 50% 50%; box-sizing: border-box;}
.tmrrw-main-wrap > h1{ margin-bottom: 40px; line-height: 48px; text-align: center; font-size: 40px; color: #fff; font-weight: 600; letter-spacing: -0.8px;}
.tmrrw-main-wrap > h2{ margin-bottom: 24px; line-height: 39px; text-align: center; font-size: 28px; color: #adb5bd; font-weight: 400; letter-spacing: -0.56px;}
.tmrrw-main-wrap > h2 > span{ font-weight: 700; color: #fff;}
.tmrrw-main-wrap > h3{ margin-bottom: 50px; line-height: 22px; font-size: 16px; color: rgba(255, 255, 255, 0.7); letter-spacing: -0.32px;}
.tmrrw-main-wrap > p{ line-height: 15px; text-align: center; font-size: 12px; color: #fff; font-weight: 600; letter-spacing: 2.88px; opacity: 0.4;}
.tmrrw-main-wrap > p > span{ display: block; width: 24px; height: 24px; margin: 10px auto 0; background: url(../../images/sub/icon_scroll_down.png) no-repeat 50% 50%;}
.tmrrw-top-wrap{ width: 100%; padding: 70px 0 100px; background: #f5f5f5;}
.tmrrw-top-wrap > span{ line-height: 19px; text-align: center; font-size: 16px; color: #2b49b6; letter-spacing: 3.36px; font-weight: 600;}
.tmrrw-top-wrap > h2{ margin: 20px auto 40px; line-height: 48px; text-align: center; font-size: 40px; color: #000; font-weight: 600;}
.tmrrw-top-wrap > p{ width: 410px; margin: 0 auto; line-height: 38px; text-align: center; font-size: 24px; color: #343a40; font-weight: 400;}
.tmrrw-top-wrap > ul{ display: flex; justify-content: space-between; align-items: center; width: 1200px; margin: 40px auto 0;}
.tmrrw-top-wrap > ul > li.box{ display: flex; flex-direction: column; gap: 20px; justify-content: center; align-items: center; width: 100%; max-width: 250px; height: 200px; border-radius: 12px; border: 1px solid #d4d4d4; background: #fff; box-sizing: border-box;}
.tmrrw-top-wrap > ul > li.box > p{ line-height: 24px; text-align: center; font-size: 20px; color: #212529; font-weight: 800;}
.tmrrw-mid-wrap{ display: flex; gap: 40px; flex-direction: column; padding: 70px 0 100px; background: url(../../images/sub/img_tmrrw_sub.png) no-repeat 50% 50%; box-sizing: border-box;}
.tmrrw-mid-wrap > span{ line-height: 19px; text-align: center; font-size: 16px; color: #81acff; letter-spacing: 3.36px; font-weight: 600;}
.tmrrw-mid-wrap > h2{ line-height: 48px; text-align: center; font-size: 40px; color: #fff; font-weight: 600;}
.tmrrw-mid-wrap > p{ line-height: 38px; text-align: center; font-size: 24px; color: #ced4da; font-weight: 400; letter-spacing: -0.48px;}
.tmrrw-mid-wrap > p > span{ display: block; margin-top: 24px; line-height: 25px; text-align: center; font-size: 16px; color: #adb5bd; font-weight: 400; letter-spacing: -0.32px;}
.tmrrw-mid-wrap > span.bar{ width: 50px; height: 1px; margin: 0 auto; background: #6c757d;}
.tmrrw-mid-wrap > .white-box{ display: flex; flex-direction: column; gap: 28px; width: 1120px; padding: 28px 40px 36px; margin: 0 auto; border-radius: 12px; background: #fff;}
.tmrrw-mid-wrap > .white-box > p{ line-height: 24px; text-align: center; font-size: 20px; color: #212529; font-weight: 400; letter-spacing: -0.4px;}
.tmrrw-mid-wrap > .white-box > p > span{ font-weight: 700;}
.tmrrw-mid-wrap > .white-box > span.bar{ display: block; width: 100%; height: 1px; background: #d9d9d9;}
.tmrrw-mid-wrap > .white-box > img{ margin: 0 auto;}
.tmrrw-bot-wrap .bg{ padding: 60px 0; background: #fff;}
.tmrrw-bot-wrap .bg.white{ padding-top: 80px;}
.tmrrw-bot-wrap .bg.gray{ background: #f5f5f5;}
.tmrrw-bot-wrap .bg .cont{ width: 1200px; margin: 0 auto;}
.tmrrw-bot-wrap .bg .cont > h2{ margin-bottom: 20px; line-height: 42px; text-align: left; font-size: 32px; color: #212529; font-weight: 300; letter-spacing: -1.6px;}
.tmrrw-bot-wrap .bg .cont > h3{ margin-bottom: 20px; line-height: 38px; text-align: left; font-size: 24px; color: #000; font-weight: 700; letter-spacing: -0.48px;}
.tmrrw-bot-wrap .bg .cont > h2 > span{ font-weight: 700;}
.tmrrw-bot-wrap .bg .cont > .box{ display: flex; flex-direction: column; gap: 12px; width: 100%; padding: 36px 0 44px; border-top: 1px solid #dee2e6;}
.tmrrw-bot-wrap .bg .cont > .box > h4{ line-height: 32px; text-align: left; font-size: 20px; color: #2b49b6; font-weight: 700;}
.tmrrw-bot-wrap .bg .cont > .box > h5{ margin-top: 8px; line-height: 26px; text-align: left; font-size: 16px; color: #212529; font-weight: 700;}
.tmrrw-bot-wrap .bg .cont > .box > p{ line-height: 32px; text-align: left; font-size: 20px; color: #6c757d; font-weight: 400;}
.tmrrw-bot-wrap .bg .cont > .box > p > span{ display: block; width: 100%; margin-top: 4px; line-height: 24px; text-align: left; font-size: 16px; color: #6c757d; font-weight: 400;}
.tmrrw-bot-wrap .bg .cont > .box > p > span > i.text-blue{ color: #17a2b8; font-weight: 700; font-style: normal;}
.tmrrw-bot-wrap .bg .cont > .box > p > span.flex{ display: flex; gap: 5px;}
.tmrrw-bot-wrap .bg .cont > .box > p > span.flex > i{ font-style: normal;}
.tmrrw-bot-wrap .bg .cont > .box > p.bottom-text{ display: flex; gap: 5px;}
.tmrrw-bot-wrap .bg .cont > .box > p.bottom-text > i{ font-style: normal;}
.tmrrw-bot-wrap .bg .cont > .box > p.bottom-text > span > strong{ font-weight: 400; text-decoration: underline;}
.tmrrw-bot-wrap .bg .cont > .box > ul.sub-text-list{ display: flex; gap: 8px; flex-direction: column;}
.tmrrw-bot-wrap .bg .cont > .box > ul.sub-text-list > li{ display: flex; gap: 8px; width: 100%;}
.tmrrw-bot-wrap .bg .cont > .box > ul.sub-text-list > li > p{ line-height: 26px; text-align: left; font-size: 16px; color: #212529; font-weight: 400;}
.tmrrw-bot-wrap .bg .cont > .box > ul.sub-text-list > li > p::before{ content: ''; display: inline-block; width: 3px; height: 3px; vertical-align: middle; margin: 0 8px; border-radius: 100%; background: #212529;}
.tmrrw-bot-wrap .bg .cont > .box > ul.sub-text-list > li > span{ line-height: 26px; text-align: left; font-size: 16px; color: #6c757d; font-weight: 400;}
.tmrrw-bot-wrap .bg .cont > .box > ul.text-list{ display: flex; flex-direction: column;}
.tmrrw-bot-wrap .bg .cont > .box > ul.text-list > li{ line-height: 32px; text-align: left; font-size: 20px; color: #6c757d; font-weight: 400;}
.tmrrw-bot-wrap .bg .cont > .box > ul.text-list > li > a{ color: #6c757d; text-decoration: underline;}

/* ------------------------------------------------------- 평생교육바우처 */
/* 평생교육바우처 > 평생교육바우처메인 */
.lflng-vchr-main .lflng-info-top{ display: flex; gap: 25px; width: 100%; margin-bottom: 70px;}
.lflng-vchr-main .lflng-info-top .banner{ display: flex; flex-direction: column; width: 800px; height: 320px; padding: 55px 50px; border-radius: 10px; background: url(../../images/sub/bg_lflng_banner.png) no-repeat 50% 50%; box-sizing: border-box;}
.lflng-vchr-main .lflng-info-top .banner > h3{ line-height: 39px; text-align: left; font-size: 30px; color: #fff; font-weight: 300;}
.lflng-vchr-main .lflng-info-top .banner > h3 > strong{ font-weight: 600;}
.lflng-vchr-main .lflng-info-top .banner .btn-wrap{ margin-top: auto;}
.lflng-vchr-main .lflng-info-top .banner .btn-wrap > button{ width: 130px; height: 50px; font-size: 15px; color: #fff; font-weight: 700; letter-spacing: -0.3px; border-radius: 6px; border: 1px solid rgba(255, 255, 255, 0.3); background: transparent; box-sizing: border-box;}
.lflng-vchr-main .lflng-info-top .noti{ width: calc(100% - 825px); height: 320px; padding: 32px 30px; border-radius: 10px; border: 1px solid #ced4da; box-sizing: border-box;}
.lflng-vchr-main .lflng-info-top .noti > h3{ width: 100%; margin-bottom: 24px; line-height: 25px; text-align: left; font-size: 25px; color: #000; font-weight: 700; letter-spacing: -0.5px;}
.lflng-vchr-main .lflng-info-top .noti > h3 > button{ float: right; margin-top: 6px; line-height: 19px; font-size: 15px; color: #828282; font-weight: 400; letter-spacing: -0.3px; border: none; background: none;}
.lflng-vchr-main .lflng-info-top .noti > h3 > button::after{ display: inline-block; content: ''; width: 16px; height: 16px; margin-left: 5px; vertical-align: middle; background: url(../../images/sub/icon_notice_more.png) no-repeat 50% 50%;}
.lflng-vchr-main .lflng-info-top .noti > ul{ display: flex; gap: 30px; flex-direction: column; width: 100%; padding-top: 30px; border-top: 1px solid #828282;}
.lflng-vchr-main .lflng-info-top .noti > ul > li{ display: flex; gap: 30px; width: 100%; cursor: pointer;}
.lflng-vchr-main .lflng-info-top .noti > ul > li > p{ width: 100%; line-height: 21px; text-align: left; font-size: 16px; color: #222; font-weight: 500; letter-spacing: -0.8px; overflow: hidden; text-overflow: ellipsis; white-space: nowrap;}
.lflng-vchr-main .lflng-info-top .noti > ul > li:hover > p{ text-decoration: underline;}
.lflng-vchr-main .lflng-info-top .noti > ul > li > span{ flex: none; line-height: 18px; color: #828282; font-weight: 400; letter-spacing: -0.7px;}
.lflng-vchr-main .sub-content{ margin-bottom: 0;}
.lflng-vchr-main .lflng-ctgr-wrap{ width: 100%;}
.lflng-vchr-main .lflng-ctgr-wrap > ul{ display: flex; flex-wrap: wrap; gap: 15px; justify-content: space-between; width: 1200px; margin: 0 auto;}
.lflng-vchr-main .lflng-ctgr-wrap > ul > li{ display: flex; gap: 10px; align-items: center; justify-content: center; width: calc(20% - 12px); height: 62px; cursor: pointer; background: #f8f8f8;}
.lflng-vchr-main .lflng-ctgr-wrap > ul > li > span{ width: 28px; height: 28px; border-radius: 100%; background-repeat: no-repeat; background-position: 50% 50%;}
.lflng-vchr-main .lflng-ctgr-wrap > ul > li > p{ line-height: 20px; text-align: center; font-size: 16px; color: #222; font-weight: 500; letter-spacing: -0.32px;}
/* .lflng-vchr-main .lflng-ctgr-wrap > ul > li:hover > p{ color: #001f90;} */
.lflng-vchr-main .lflng-ctgr-wrap > ul > li.ctgr1 > span{ background-image: url(../../images/sub/icon_lflng_ctgr1-1.png);}
/* .lflng-vchr-main .lflng-ctgr-wrap > ul > li.ctgr1:hover > span{ background-image: url(../../images/sub/icon_lflng_ctgr1-1_on.png);} */
.lflng-vchr-main .lflng-ctgr-wrap > ul > li.ctgr2 > span{ background-image: url(../../images/sub/icon_lflng_ctgr1-2.png);}
/* .lflng-vchr-main .lflng-ctgr-wrap > ul > li.ctgr2:hover > span{ background-image: url(../../images/sub/icon_lflng_ctgr1-2_on.png);} */
.lflng-vchr-main .lflng-ctgr-wrap > ul > li.ctgr3 > span{ background-image: url(../../images/sub/icon_lflng_ctgr1-3.png);}
/* .lflng-vchr-main .lflng-ctgr-wrap > ul > li.ctgr3:hover > span{ background-image: url(../../images/sub/icon_lflng_ctgr1-3_on.png);} */
.lflng-vchr-main .lflng-ctgr-wrap > ul > li.ctgr4 > span{ background-image: url(../../images/sub/icon_lflng_ctgr1-4.png);}
/* .lflng-vchr-main .lflng-ctgr-wrap > ul > li.ctgr4:hover > span{ background-image: url(../../images/sub/icon_lflng_ctgr1-4_on.png);} */
.lflng-vchr-main .lflng-ctgr-wrap > ul > li.ctgr5 > span{ background-image: url(../../images/sub/icon_lflng_ctgr1-5.png);}
/* .lflng-vchr-main .lflng-ctgr-wrap > ul > li.ctgr5:hover > span{ background-image: url(../../images/sub/icon_lflng_ctgr1-5_on.png);} */
.lflng-vchr-main .lflng-ctgr-wrap > ul > li.ctgr6 > span{ background-image: url(../../images/sub/icon_lflng_ctgr1-6.png);}
/* .lflng-vchr-main .lflng-ctgr-wrap > ul > li.ctgr6:hover > span{ background-image: url(../../images/sub/icon_lflng_ctgr1-6_on.png);} */
.lflng-vchr-main .lflng-ctgr-wrap > ul > li.ctgr7 > span{ background-image: url(../../images/sub/icon_lflng_ctgr1-7.png);}
/* .lflng-vchr-main .lflng-ctgr-wrap > ul > li.ctgr7:hover > span{ background-image: url(../../images/sub/icon_lflng_ctgr1-7_on.png);} */
.lflng-vchr-main .lflng-ctgr-wrap > ul > li.ctgr8 > span{ background-image: url(../../images/sub/icon_lflng_ctgr1-8.png);}
/* .lflng-vchr-main .lflng-ctgr-wrap > ul > li.ctgr8:hover > span{ background-image: url(../../images/sub/icon_lflng_ctgr1-8_on.png);} */
.lflng-vchr-main .lflng-ctgr-wrap > ul > li.ctgr9 > span{ background-image: url(../../images/sub/icon_lflng_ctgr1-9.png);}
/* .lflng-vchr-main .lflng-ctgr-wrap > ul > li.ctgr9:hover > span{ background-image: url(../../images/sub/icon_lflng_ctgr1-9_on.png);} */
.lflng-vchr-main .lflng-ctgr-wrap > ul > li.ctgr10 > span{ background-image: url(../../images/sub/icon_lflng_ctgr1-10.png);}
/* .lflng-vchr-main .lflng-ctgr-wrap > ul > li.ctgr10:hover > span{ background-image: url(../../images/sub/icon_lflng_ctgr1-10_on.png);} */
.lflng-vchr-main .lflng-ctgr-wrap+.sub-content{ margin: 0 0 120px;}
.lflng-vchr-main .lflng-vchr-lctr{ width: 100%; margin-top: 70px;}
.lflng-vchr-main .lflng-vchr-lctr > h3{ width: 100%; margin-bottom: 30px; line-height: 45px; text-align: left; font-size: 28px; color: #000; font-weight: 200; letter-spacing: -0.56px;}
.lflng-vchr-main .lflng-vchr-lctr > h3 > strong{ font-weight: 700;}
.lflng-vchr-main .lflng-vchr-lctr > h3 > button{ float: right; height: 45px; line-height: 19px; text-align: right; font-size: 15px; color: #828282; font-weight: 400; letter-spacing: -0.3px; border: none; background: none;}
.lflng-vchr-main .lflng-vchr-lctr > h3 > button::after{ display: inline-block; content: ''; width: 16px; height: 16px; margin-left: 5px; vertical-align: middle; background: url(../../images/sub/icon_notice_more.png) no-repeat 50% 50%;}
.lflng-vchr-main .lflng-vchr-lctr > ul{ display: flex; gap: 24px; justify-content: start; width: 100%;}
.lflng-vchr-main .lflng-vchr-lctr > ul > li{ display: flex; flex-direction: column; gap: 16px; width: calc(25% - 18px); /*height: 227px;*/ cursor: pointer;}
.lflng-vchr-main .lflng-vchr-lctr > ul > li .thumbnail{ display: flex; justify-content: center; align-items: center; width: 100%; height: 155px; border-radius: 12px; background-repeat: no-repeat; background-position: 50% 50%; background-color: #f2f2f2; overflow: hidden;}
.lflng-vchr-main .lflng-vchr-lctr > ul > li .thumbnail.none{ background-image: url(../../images/common/none_thumbnail_logo.png); background-size: auto; background-color: #f2f2f2;}
.lflng-vchr-main .lflng-vchr-lctr > ul > li .thumbnail > img{ max-width: 100%; max-height: 100%; width: 100%; height: 100%; /*object-fit: cover;*/}
.lflng-vchr-main .lflng-vchr-lctr > ul > li > p{ width: 100%; height: 56px; padding: 0 5px; line-height: 28px; text-align: left; font-size: 18px; color: #6c757d; font-weight: 400; letter-spacing: -0.36px; word-break: keep-all; overflow: hidden; text-overflow: ellipsis; display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical; word-wrap: break-word;}

/* 평생교육바우처 > 평생교육바우처안내 */
.lflng-main-wrap{ display: flex; flex-direction: column; gap: 50px; width: 100%; padding: 90px 0 50px; text-align: center; background: url(../../images/sub/img_lflng_main.png) no-repeat 50% 50%; box-sizing: border-box;}
.lflng-main-wrap > h1{ line-height: 58px; text-align: center; font-size: 48px; color: #fff; font-weight: 600;}
.lflng-main-wrap > h2{ line-height: 48px; font-size: 32px; color: #bfd8f4; font-weight: 300; letter-spacing: -0.64px;}
.lflng-main-wrap > h2 > i{ display: inline-block; line-height: 30px; font-style: normal; border-bottom: 1px solid #bfd8f4;}
.lflng-main-wrap > h2 > span{ display: block; line-height: 28px; text-align: center; font-size: 20px; color: #fff; letter-spacing: -0.4px; text-decoration: none;}
.lflng-main-wrap > img{ margin: 0 auto;}
.lflng-main-wrap > p{ line-height: 15px; text-align: center; font-size: 12px; color: #fff; font-weight: 600; letter-spacing: 2.88px; opacity: 0.4;}
.lflng-main-wrap > p > span{ display: block; width: 24px; height: 24px; margin: 10px auto 0; background: url(../../images/sub/icon_scroll_down.png) no-repeat 50% 50%;}
.lflng-mid-wrap{ margin: 60px 0 80px;}
.lflng-mid-wrap > h2{ line-height: 48px; text-align: center; font-size: 40px; color: #000; font-weight: 600;}
.lflng-mid-wrap > ul{ display: flex; align-items: center; justify-content: space-between; width: 100%; margin-top: 56px;}
.lflng-mid-wrap > ul > li{ display: flex; flex-direction: column; gap: 24px; justify-content: start; align-items: center;}
.lflng-mid-wrap > ul > li.box{ max-width: 282px; margin-bottom: auto;}
.lflng-mid-wrap > ul > li > span.step{ line-height: 16px; text-align: center; font-size: 13px; color: #2b49b6; font-weight: 600; letter-spacing: 2.73px;}
.lflng-mid-wrap > ul > li > h2{ line-height: 29px; text-align: center; font-size: 24px; color: #212529; font-weight: 700;}
.lflng-mid-wrap > ul > li > p{ line-height: 25px; text-align: center; font-size: 18px; color: #343a40; font-weight: 400; letter-spacing: -0.9px;}
.lflng-mid-wrap > ul > li > p > span{ display: block; margin-bottom: 4px; line-height: 22px; color: #868686;}
.lflng-mid-wrap > ul > li > button{ margin-top: 8px; font-size: 12px;}
.lflng-mid-wrap > ul > li > button::after{ display: inline-block; content: ''; width: 12px; height: 12px; vertical-align: middle; margin-left: 4px; background: url(../../images/sub/btn_arrow12.png) no-repeat 50% 50%;}
.lflng-mid-wrap2{ display: flex; gap: 40px; flex-direction: column; padding: 70px 0 100px; background: url(../../images/sub/img_tmrrw_sub.png) no-repeat 50% 50%; box-sizing: border-box;}
.lflng-mid-wrap2 > span{ line-height: 19px; text-align: center; font-size: 16px; color: #81acff; letter-spacing: 3.36px; font-weight: 600;}
.lflng-mid-wrap2 > h2{ line-height: 48px; text-align: center; font-size: 40px; color: #fff; font-weight: 600;}
.lflng-mid-wrap2 > p{ line-height: 38px; text-align: center; font-size: 24px; color: #ced4da; font-weight: 400; letter-spacing: -0.48px;}
.lflng-mid-wrap2 > p > span{ display: block; margin-top: 24px; line-height: 25px; text-align: center; font-size: 16px; color: #adb5bd; font-weight: 400; letter-spacing: -0.32px;}
.lflng-mid-wrap2 > span.bar{ width: 50px; height: 1px; margin: 0 auto; background: #6c757d;}
.lflng-mid-wrap2 > .white-box{ display: flex; flex-direction: column; gap: 28px; width: 1120px; padding: 28px 40px 36px; margin: 0 auto; border-radius: 12px; background: #fff;}
.lflng-mid-wrap2 > .white-box > p{ line-height: 24px; text-align: center; font-size: 20px; color: #212529; font-weight: 400; letter-spacing: -0.4px;}
.lflng-mid-wrap2 > .white-box > p > span{ font-weight: 700;}
.lflng-mid-wrap2 > .white-box > span.bar{ display: block; width: 100%; height: 1px; background: #d9d9d9;}
.lflng-mid-wrap2 > .white-box > img{ margin: 0 auto;}
.lflng-mid-wrap2 .df{ display: flex; align-items: center; justify-content: center; gap: 15px; }
.lflng-mid-wrap2 .df > img{ width: 129px; }
.lflng-mid-wrap2 .df > span{ font-size: 18px; font-weight: bold; line-height: 21.6px; letter-spacing: -0.36px; }
.lflng-bot-wrap{ width: 100%; padding: 60px 0 90px; background: #f5f5f5;}
.lflng-bot-wrap > h2{ line-height: 42px; text-align: center; font-size: 32px; color: #212529; font-weight: 300; letter-spacing: -1.6px;}
.lflng-bot-wrap > h2 > span{ font-weight: 700;}
.lflng-bot-wrap > ul{ display: flex; gap: 20px; width: 1200px; margin: 50px auto;}
.lflng-bot-wrap > ul > li{ display: flex; flex-direction: column; gap: 16px; justify-content: center; align-items: center; width: calc(33.33% - 13.33px); height: 220px; border-radius: 12px; border: 1px solid #d5d5d5; background: #fff; box-sizing: border-box;}
.lflng-bot-wrap > ul > li > img{ margin: 0 auto;}
.lflng-bot-wrap > ul > li > h3{ line-height: 24px; text-align: center; font-size: 20px; color: #212529; font-weight: 800;}
.lflng-bot-wrap > ul > li > p{ line-height: 26px; text-align: center; font-size: 16px; color: #747474; font-weight: 400; letter-spacing: -0.32px;}
.lflng-bot-wrap > ul > li > p > span{ color: #2b49b6; font-weight: 700;}
.lflng-bot-wrap > ul+button{ width: 1200px; font-size: 20px; font-weight: 400;}
.lflng-bot-wrap > ul+button > strong{ font-weight: 700;}
.lflng-bot-wrap > .caution-box{ width: 1200px; margin: 40px auto 0;}
.lflng-bot-wrap > .caution-box > h3{ margin-bottom: 20px; width: 100%; font-size: 24px; font-weight: bold; line-height: 38.4px; letter-spacing: -0.48px; text-align: left; }
.lflng-bot-wrap > .caution-box > ul > li{ display: flex; align-items: center; gap: 40px; padding: 36px 25px; border-top: 1px solid #dee2e6; }
.lflng-bot-wrap > .caution-box > ul > li .icon-area{ position: relative; flex-shrink: 0; display: inline-block; width: 100px; height: 100px; border: 1px solid #d5d5d5; border-radius: 100%; background-color: #fff; }
.lflng-bot-wrap > .caution-box > ul > li .icon-area::before{ content: ""; position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%); width: 52px; height: 52px; background-color: transparent; background-image: url('../../images/sub/icon_lflng_noti.png'); background-repeat: no-repeat; background-size: 216px 146px; }
.lflng-bot-wrap > .caution-box > ul > li:nth-child(3) .icon-area::before{ background-position: -7px -10px; }
.lflng-bot-wrap > .caution-box > ul > li:nth-child(4) .icon-area::before{ background-position: -82px -10px; }
.lflng-bot-wrap > .caution-box > ul > li:nth-child(1) .icon-area::before{ background-position: -157px -83px; }
.lflng-bot-wrap > .caution-box > ul > li:nth-child(2) .icon-area::before{ background-position: -82px -83px; }
.lflng-bot-wrap > .caution-box > ul > li:nth-child(5) .icon-area::before{ background-position: -10px -83px; }
.lflng-bot-wrap > .caution-box > ul > li > div > p{ color: #2b49b6; font-size: 20px; font-weight: bold; letter-spacing: normal; line-height: 32px; text-align: left; word-break: auto-phrase; }
.lflng-bot-wrap > .caution-box > ul > li > div > span{ display: block; margin-top: 12px; color: #6c757d; font-size: 18px; font-weight: normal; line-height: 28.8px;  letter-spacing: normal; text-align: left; word-break: auto-phrase; }

.lflng-edu-lctr .filter-wrap .filter-box.clasf-list{ padding: 10px 15px; border-bottom: none; background: #fff;}
.lflng-edu-lctr .filter-wrap .filter-box.clasf-list > ul.filter-list > li{ padding: 16px 15px; text-align: left;}

/* 20250428 KHJ -- 평생교육이용권 변경에 따른 추가 */
.lflng-cont-box.corpoSys-mid-wrap { padding-top: 0; padding-bottom: 0; background: transparent;}
.lflng-cont-box h3 { margin-bottom: 0; line-height: 39px; text-align: center; font-size: 28px; color: #fafafa; font-weight: 700; letter-spacing: -0.56px;}
.lflng-cont-box h3 span { font-weight: 300;}
.lflng-cont-box .desc-box { color: #adb5bd; font-size: 16px; line-height: 1.6; font-weight: normal; letter-spacing: -0.32px; text-align: center;}
.lflng-cont-box.corpoSys-mid-wrap .desc-box strong { display: block; width: 100%; color: #dc9b35; line-height: 1.6; letter-spacing: -0.32px;}
.lflng-cont-box.corpoSys-mid-wrap .white-box { margin: 25px auto 0 !important;}

.lflng-cont-box.corpoSys-mid-wrap > .white-box.column .cont{ display: flex; align-items: start;}
.lflng-cont-box.corpoSys-mid-wrap > .white-box.column .cont p{ flex-shrink: 0; line-height: 24px; text-align: left; font-size: 20px; color: #212529; font-weight: 700; letter-spacing: -0.4px;}
.lflng-cont-box.corpoSys-mid-wrap > .white-box.column .cont { justify-content: center; align-items: center;}
.lflng-cont-box.corpoSys-mid-wrap > .white-box.column .cont > div { display: flex; align-items: center; width: 100%;}
.lflng-cont-box.corpoSys-mid-wrap > .white-box.column .cont p { width: 350px; padding-top: 0; margin-bottom: 0; text-align: center;}
.lflng-cont-box.corpoSys-mid-wrap > .white-box.column .cont > div > div p { width: 100%; margin-left: 0; text-align: left;}
.lflng-cont-box.corpoSys-mid-wrap > .white-box.column .cont > div > div { position: relative; width: 100%; padding-left: 50px;}
.lflng-cont-box.corpoSys-mid-wrap > .white-box.column .cont > div > div:after { content: ''; display: block; position: absolute; top: 0; left: -16px; width: 1px; height: 30px; background: #d9d9d9;}

/* ------------------------------------------------------- 기업교육 */
/* 기업교육 > 기업교육안내 */
.corpo-main-wrap{ display: flex; flex-direction: column; gap: 40px; width: 100%; padding: 90px 0 50px; text-align: center; background: url(../../images/sub/img_corpo_main.png) no-repeat 50% 50%; box-sizing: border-box;}
.corpo-main-wrap > h1{ line-height: 48px; text-align: center; font-size: 40px; color: #fff; font-weight: 600; letter-spacing: -0.8px;}
.corpo-main-wrap > h2{ line-height: 60px; font-size: 40px; color: #bfd8f4; font-weight: 300; letter-spacing: -0.8px;}
.corpo-main-wrap > h2 > i{ display: inline-block; line-height: 40px; font-style: normal; border-bottom: 1px solid #bfd8f4;}
.corpo-main-wrap > h2 > span{ display: block; margin-top: 40px; line-height: 45px; text-align: center; font-size: 32px; color: #fff; letter-spacing: -0.64px; text-decoration: none;}
.corpo-main-wrap > h3{ line-height: 39px; text-align: center; font-size: 28px; color: #adb5bd; font-weight: 400; letter-spacing: -0.56px;}
.corpo-main-wrap > h3 > span{ color: #f8f9fa; font-weight: 700;}
.corpo-main-wrap > button{ width: 250px; margin: 0 auto; background: #0d6efd;} 
.corpo-main-wrap > p{ line-height: 15px; text-align: center; font-size: 12px; color: #fff; font-weight: 600; letter-spacing: 2.88px; opacity: 0.4;}
.corpo-main-wrap > p > span{ display: block; width: 24px; height: 24px; margin: 10px auto 0; background: url(../../images/sub/icon_scroll_down.png) no-repeat 50% 50%;}
.corpo-main-wrap + ul.tab-border{ width: 1200px; height: 88px; margin: 0 auto;}
.corpo-main-wrap + ul.tab-border > li{ padding: 20px 0; line-height: 40px; font-size: 20px; border-bottom: none;}
.corpo-main-wrap + ul.tab-border > li.on{ border-bottom: 5px solid #001f90;}
.corpo1-top-wrap{ width: 100%; padding: 70px 0 100px; border-top: 1px solid #ced4da; background: #f5f5f5;}
.corpo1-top-wrap > span{ line-height: 19px; text-align: center; font-size: 16px; color: #2b49b6; font-weight: 600; letter-spacing: 3.36px;}
.corpo1-top-wrap > h2{ width: 100%; margin: 20px 0 60px; line-height: 48px; text-align: center; font-size: 40px; color: #000; font-weight: 600;}
.corpo1-top-wrap > h3{ width: 100%; margin: 48px 0 32px; line-height: 47px; text-align: center; font-size: 36px; color: #212529; font-weight: 300; letter-spacing: -1.8px;}
.corpo1-top-wrap > h3 > span{ font-weight: 700;}
.corpo1-top-wrap > p{ margin: 48px auto 0; line-height: 38px; text-align: center; font-size: 24px; color: #212529; font-weight: 500; letter-spacing: -0.48px; text-decoration: underline;}
.corpo1-mid-wrap{ width: 100%; padding: 70px 0 100px; background: url(../../images/sub/img_corpo_sub.png) no-repeat 50% 50%;}
.corpo1-mid-wrap > span{ line-height: 19px; text-align: center; font-size: 16px; color: #81acff; font-weight: 600; letter-spacing: 3.36px;}
.corpo1-mid-wrap > h2{ width: 100%; margin: 20px 0 30px; line-height: 48px; text-align: center; font-size: 40px; color: #fff; font-weight: 600;}
.corpo1-mid-wrap > p{ line-height: 38px; text-align: center; font-size: 24px; color: #ced4da; font-weight: 400; letter-spacing: -0.48px;}
.corpo1-mid-wrap > p > span{ display: block; font-weight: 600; color: #f8f9fa;}
.corpo1-mid-wrap > ul{ position: relative; display: flex; align-items: center; justify-content: space-between; width: 1200px; margin: 60px auto 0;}
/* .corpo1-mid-wrap > ul::before{ position: absolute; content: ''; top: 118px; left: 0; display: inline-block; width: 100%; height: 2px; background: rgba(255, 255, 255, 0.26);} */
.corpo1-mid-wrap > ul > li.box{ width: 240px; height: 240px; padding: 25px; border-radius: 100%; background: rgba(255, 255, 255, 0.26); box-sizing: border-box;}
.corpo1-mid-wrap > ul > li.line{ width: 80px; height: 2px; background: rgba(255, 255, 255, 0.26);}
.corpo1-mid-wrap > ul > li > div{ display: flex; gap: 12px; flex-direction: column; align-items: center; justify-content: center; width: 190px; height: 190px; border-radius: 100%; background: #fff;}
.corpo1-mid-wrap > ul > li > div > p{ line-height: 24px; text-align: center; font-size: 20px; color: #212529; font-weight: 800;}
.corpo1-bot-wrap .bg-wrap{ width: 100%; padding: 80px 0; background: #fff;}
.corpo1-bot-wrap .bg-wrap.gray{ background: #f5f5f5;}
.corpo1-bot-wrap .bg-wrap .cont{ display: flex; gap: 50px; width: 1200px; margin: 0 auto;}
.corpo1-bot-wrap .bg-wrap .cont > img{ width: 600px;}
.corpo1-bot-wrap .bg-wrap .cont > .cont-box{ display: flex; flex-direction: column; justify-content: center; align-items: start; width: calc(100% - 650px);}
.corpo1-bot-wrap .bg-wrap .cont > .cont-box > h3{ width: 100%; margin-bottom: 40px; line-height: 38px; text-align: left; font-size: 32px; color: #000; font-weight: 600;}
.corpo1-bot-wrap .bg-wrap .cont > .cont-box > p{ line-height: 32px; text-align: left; font-size: 20px; color: #6c757d; font-weight: 400;}
.corpo1-bot-wrap .bg-wrap .cont > .cont-box > p > span{ color: #212529; font-weight: 700;}
.corpo1-bot-wrap .bg-wrap .cont > .cont-box > span{ display: block; width: 100%; margin-top: 19px; line-height: 26px; text-align: left; font-size: 16px; color: #2b49b6; font-weight: 700;}
.corpo1-bot-wrap .bg-wrap .cont > .cont-box > button{ margin-top: 50px; line-height: 50px; font-size: 16px;}
.corpo1-bot-wrap .bg-wrap .cont > .cont-box > button::before{ display: inline-block; content: ''; width: 18px; height: 18px; vertical-align: middle; margin-right: 4px; background: url(../../images/sub/icon_download.png) no-repeat 50% 50%;}
.corpo1-bot-wrap .bg-wrap .cont > .cont-box > a{ margin-top: 50px; line-height: 50px; font-size: 16px;}
.corpo1-bot-wrap .bg-wrap .cont > .cont-box > a::before{ display: inline-block; content: ''; width: 18px; height: 18px; vertical-align: middle; margin-right: 4px; background: url(../../images/sub/icon_download.png) no-repeat 50% 50%;}
.corpo-inqr-wrap{ width: 100%; padding: 100px 0 120px;}
.corpo-inqr-wrap .sub-content{ display: flex; gap: 50px; align-items: start;}
.corpo-inqr-wrap .sub-content .tit{ display: flex; flex-direction: column; gap: 20px; width: 260px;}
.corpo-inqr-wrap .sub-content .tit > span{ line-height: 19px; text-align: left; font-size: 16px; color: #2b49b6; font-weight: 600; letter-spacing: 3.36px;}
.corpo-inqr-wrap .sub-content .tit > h2{ line-height: 48px; text-align: left; font-size: 40px; color: #000; font-weight: 600; letter-spacing: -1.6px;}
.corpo-inqr-wrap .sub-content .tit > p{ margin-top: 4px; line-height: 29px; text-align: left; font-size: 18px; color: #6c757d; font-weight: 400; letter-spacing: -0.36px;}
.corpo-inqr-wrap .sub-content .inqr-wrap{ width: calc(100% - 310px);}
.corpo-inqr-wrap .sub-content .inqr-wrap .info-text{ width: 100%; padding: 20px; margin: 16px 0 8px; border-radius: 4px; background: #f8f9fa; box-sizing: border-box;}
.corpo-inqr-wrap .sub-content .inqr-wrap .info-text > p{ width: 100%; margin-bottom: 8px; line-height: 19px; text-align: left; font-size: 16px; color: #6c757d; font-weight: 700;}
.corpo-inqr-wrap .sub-content .inqr-wrap .info-text > span{ display: block; width: 100%; line-height: 21px; text-align: left; font-size: 14px; color: #6c757d; font-weight: 400;}
.corpo-inqr-wrap .sub-content .inqr-wrap .info-text > span::before{ display: inline-block; content: ''; width: 3px; height: 3px; vertical-align: middle; margin: 0 8px; border-radius: 100%; background: #6c757d;}
.corpo-inqr-wrap .sub-content .inqr-wrap input[type=checkbox]+label{ line-height: 32px;}
.corpo-inqr-wrap .sub-content .inqr-wrap .btn-wrap > button{ width: 100%;}

.corpo2-top-wrap{ width: 100%; padding: 70px 100px; background: #f5f5f5;}
.corpo2-top-wrap > span{ line-height: 19px; text-align: center; font-size: 16px; color: #2b49b6; font-weight: 600; letter-spacing: 3.36px;}
.corpo2-top-wrap > h2{ width: 100%; margin: 20px 0 40px; line-height: 48px; text-align: center; font-size: 40px; color: #000; font-weight: 600;}
.corpo2-top-wrap > p{ margin-bottom: 60px; line-height: 38px; text-align: center; font-size: 24px; color: #343a40; font-weight: 400;}
.corpo2-top-wrap > img{ width: 100%; margin: 0 auto;}
.corpo2-top-wrap > img.pc-info-wrap{ max-width: 1200px; margin-bottom: 50px;}
.corpo2-mid-wrap{ width: 100%; padding: 70px 0 100px; background: url(../../images/sub/img_corpo_sub.png) no-repeat 50% 50%;}
.corpo2-mid-wrap > span{ line-height: 19px; text-align: center; font-size: 16px; color: #81acff; font-weight: 600; letter-spacing: 3.36px;}
.corpo2-mid-wrap > h2{ width: 100%; margin: 20px 0 30px; line-height: 48px; text-align: center; font-size: 40px; color: #fff; font-weight: 600;}
.corpo2-mid-wrap > p{ line-height: 38px; text-align: center; font-size: 24px; color: #ced4da; font-weight: 400; letter-spacing: -0.48px;}
.corpo2-mid-wrap > ul{ display: flex; gap: 20px; flex-wrap: wrap; width: 1200px; margin: 60px auto 0;}
.corpo2-mid-wrap > ul > li{ display: flex; flex-direction: column; align-items: center; gap: 16px; width: calc(33.33% - 13.33px); height: 250px; padding: 30px 30px 36px; border-radius: 12px; border: 1px solid #d5d5d5; background: #fff; box-sizing: border-box;}
.corpo2-mid-wrap > ul > li > p{ line-height: 24px; text-align: center; font-size: 20px; color: #212529; font-weight: 800;}
.corpo2-mid-wrap > ul > li > span{ display: block; width: 90%; line-height: 26px; text-align: center; font-size: 16px; color: #747474; font-weight: 400; letter-spacing: -0.32px; word-break: keep-all;}
.corpo2-bot-wrap{ width: 100%; padding: 80px 0 100px; background: #f5f5f5;}
.corpo2-bot-wrap > span{ line-height: 19px; text-align: center; font-size: 16px; color: #2b49b6; font-weight: 600; letter-spacing: 3.36px;}
.corpo2-bot-wrap > h2{ width: 100%; margin: 20px 0 30px; line-height: 48px; text-align: center; font-size: 40px; color: #000 font-weight: 600;}
.corpo2-bot-wrap > p{ line-height: 38px; text-align: center; font-size: 24px; color: #343a40; font-weight: 400; letter-spacing: -0.48px;}
.corpo2-bot-wrap > ul{ display: flex; gap: 30px; flex-wrap: wrap; width: 1200px; margin: 60px auto 0;}
.corpo2-bot-wrap > ul > li{ width: calc(50% - 15px); padding: 28px 40px 34px; border-radius: 9px; background: #fff; box-shadow: 0 4px 25px 0 rgba(0, 0, 0, 0.08); box-sizing: border-box;}
.corpo2-bot-wrap > ul > li > h3{ display: flex; gap : 8px; align-items: center; flex-wrap: wrap; padding-bottom: 24px; line-height: 34px; text-align: left; font-size: 24px; color: #000; font-weight: 800;}
.corpo2-bot-wrap > ul > li > h3 > i{ color: #0d6efd; font-style: normal;}
.corpo2-bot-wrap > ul > li > h3 > span{ margin-left: 4px; font-size: 20px; color: #6c757d; font-weight: 500; letter-spacing: -0.32px;}
.corpo2-bot-wrap > ul > li > ul{ display: flex; flex-direction: column; gap: 4px; width: 100%; padding-top: 24px; border-top: 1px solid #919191;}
.corpo2-bot-wrap > ul > li > ul > li{ position: relative; width: 100%; padding-left: 31px; line-height: 32px; text-align: left; font-size: 20px; color: #767676; font-weight: 500; letter-spacing: -0.4px;}
.corpo2-bot-wrap > ul > li > ul > li::before{ position: absolute; left: 0; top: 4px; display: inline-block; content: ''; width: 24px; height: 24px; background: url(../../images/sub/icon_corpo2_check.png) no-repeat 50% 50%;}

/* 기업교육 > 사업주지원훈련 제도안내 / 기업직업훈련카드 제도안내 */
.corpoSys-main-wrap{ display: flex; flex-direction: column; gap: 40px; width: 100%; padding: 90px 0 50px; text-align: center; background: url(../../images/sub/img_corpoSys_main.png) no-repeat 50% 50% / cover; box-sizing: border-box;}
.corpoSys-main-wrap > h1{ line-height: 48px; text-align: center; font-size: 40px; color: #fff; font-weight: 600; letter-spacing: -0.8px;}
.corpoSys-main-wrap > h2{ line-height: 39px; text-align: center; font-size: 28px; color: #adb5bd; font-weight: 400; letter-spacing: -0.56px;}
.corpoSys-main-wrap > h2 > span{ font-weight: 700; color: #fff;}
.corpoSys-main-wrap > p{ line-height: 15px; text-align: center; font-size: 12px; color: #fff; font-weight: 600; letter-spacing: 2.88px; opacity: 0.4;}
.corpoSys-main-wrap > p > span{ display: block; width: 24px; height: 24px; margin: 10px auto 0; background: url(../../images/sub/icon_scroll_down.png) no-repeat 50% 50%;}
.corpoSys-main-wrap + ul.tab-border{ width: 1200px; height: 88px; margin: 0 auto;}
.corpoSys-main-wrap + ul.tab-border > li{ padding: 20px 0; line-height: 40px; font-size: 20px; border-bottom: none;}
.corpoSys-main-wrap + ul.tab-border > li.on{ border-bottom: 5px solid #001f90;}
.corpoSys-top-wrap{ width: 100%; padding: 70px 0 100px; background: #f5f5f5;}
.corpoSys-top-wrap > span{ line-height: 19px; text-align: center; font-size: 16px; color: #2b49b6; font-weight: 600; letter-spacing: 3.36px;}
.corpoSys-top-wrap > h2{ margin: 20px 0 40px; line-height: 48px; text-align: center; font-size: 40px; color: #000; font-weight: 600;}
.corpoSys-top-wrap > p{ line-height: 38px; text-align: center; font-size: 24px; color: #343a40; font-weight: 400;}
.corpoSys-sec-wrap{ margin: 60px 0 80px;}
.corpoSys-sec-wrap > h2{ line-height: 48px; text-align: center; font-size: 40px; color: #000; font-weight: 600;}
.corpoSys-sec-wrap > ul{ display: flex; align-items: center; justify-content: space-between; width: 100%; margin-top: 56px;}
.corpoSys-sec-wrap > ul > li{ display: flex; flex-direction: column; gap: 24px; justify-content: start; align-items: center;}
.corpoSys-sec-wrap > ul > li.box{ max-width: 282px; margin-bottom: auto;}
.corpoSys-sec-wrap > ul > li > span.step{ line-height: 16px; text-align: center; font-size: 13px; color: #2b49b6; font-weight: 600; letter-spacing: 2.73px;}
.corpoSys-sec-wrap > ul > li > h2{ line-height: 29px; text-align: center; font-size: 24px; color: #212529; font-weight: 700;}
.corpoSys-sec-wrap > ul > li > p{ line-height: 25px; text-align: center; font-size: 18px; color: #343a40; font-weight: 400; letter-spacing: -0.9px;}
.corpoSys-sec-wrap > ul > li > p > span{ display: block; margin-bottom: 4px; line-height: 22px; color: #868686;}
.corpoSys-sec-wrap > ul > li > button{ display: inline-block; margin-top: 8px; font-size: 14px;}
.corpoSys-sec-wrap > ul > li > button::after{ display: inline-block; content: ''; width: 12px; height: 12px; vertical-align: middle; margin-left: 4px; background: url(../../images/sub/btn_arrow12.png) no-repeat 50% 50%;}
.corpoSys-mid-wrap{ width: 100%; padding: 70px 0 100px; background: url(../../images/sub/img_corpoSys_sub.png) no-repeat 50% 50%; box-sizing: border-box;}
.corpoSys-mid-wrap > span.sub-tit{ line-height: 19px; text-align: center; font-size: 16px; color: #81acff; font-weight: 600; letter-spacing: 3.36px;}
.corpoSys-mid-wrap > h1{ margin: 20px 0 30px; line-height: 48px; text-align: center; font-size: 40px; color: #fff; font-weight: 600;}
.corpoSys-mid-wrap > h1 + p{ line-height: 38px; text-align: center; font-size: 24px; color: #ced4da; font-weight: 400; letter-spacing: -0.48px;}
.corpoSys-mid-wrap > span.bar{ display: block; width: 50px; height: 1px; margin: 40px auto; background: #6c757d;}
.corpoSys-mid-wrap > h2{ margin-bottom: 40px; line-height: 39px; text-align: center; font-size: 28px; color: #fafafa; font-weight: 700; letter-spacing: -0.56px;}
.corpoSys-mid-wrap > h2 > span{ font-weight: 300;}
.corpoSys-mid-wrap > h2 > span > i{ display: inline-block; width: 40px; height: 40px; margin: 0 4px; line-height: 40px; text-align: center; font-size: 20px; color: #fff; font-weight: 700; font-style: normal; letter-spacing: -0.4px; vertical-align: middle; border-radius: 100%; background: #2b49b6;}

.corpoSys-mid-wrap > .white-box{ display: flex; width: 1120px; margin: 0 auto; border-radius: 12px; background: #fff; box-sizing: border-box;}
.corpoSys-mid-wrap > .white-box.column{ gap: 23px; flex-direction: column; padding: 28px 40px 36px; margin-bottom: 60px;}
.corpoSys-mid-wrap > .white-box.column .cont{ display: flex; align-items: start;}
.corpoSys-mid-wrap > .white-box.column .cont > p{ width: 200px; padding-top: 6px; line-height: 24px; text-align: left; font-size: 20px; color: #212529; font-weight: 700; letter-spacing: -0.4px;}
.corpoSys-mid-wrap > .white-box.column .cont > div{ width: calc(100% - 200px);}
.corpoSys-mid-wrap > .white-box.column .cont > div > p{ width: 100%; line-height: 32px; text-align: left; font-size: 20px; color: #495057; font-weight: 700;}
.corpoSys-mid-wrap > .white-box.column .cont > div > p > img{ vertical-align: middle; margin: 0 4px;}
.corpoSys-mid-wrap > .white-box.column .cont > div > p > span{ color: #2b49b6; font-weight: 500;}
.corpoSys-mid-wrap > .white-box.column .cont > div > span{ display: block; width: 100%; text-align: left; line-height: 29px; text-align: left; font-size: 18px; color: #6c757d; font-weight: 400; letter-spacing: -0.36px;}
.corpoSys-mid-wrap > .white-box.column .bar{ width: 100%; height: 1px; background: #d9d9d9;}
.corpoSys-mid-wrap > .white-box.row{ flex-direction: row; justify-content: space-between; align-items: center; padding: 28px 100px 32px;}
.corpoSys-mid-wrap > .white-box.row .cont > p{ line-height: 24px; text-align: center; font-size: 20px; color: #212529; font-weight: 700; letter-spacing: -0.4px;}
.corpoSys-mid-wrap > .white-box.row .cont > p > span{ margin-left: 8px; color: #2b49b6; font-weight: 500;}
.corpoSys-mid-wrap > .white-box.row .bar{ width: 1px; height: 32px; background: #d9d9d9;}
.corpoSys-mid-wrap > .white-box.column2{ flex-direction: column; margin-bottom: 60px;}
.corpoSys-mid-wrap > .white-box.column2 .cont{ display: flex; flex-direction: row; justify-content: start; align-items: center; gap: 20px; width: 100%; padding: 28px 32px; box-sizing: border-box;  align-self: stretch; flex-grow: 0;}
.corpoSys-mid-wrap > .white-box.column2 .cont:first-child{ border-bottom: 1px solid #d9d9d9;}
.corpoSys-mid-wrap > .white-box.column2 .cont > i{ display: inline-block; width: 40px; height: 40px; margin: 0 4px; line-height: 40px; text-align: center; font-size: 20px; color: #fff; font-weight: 700; font-style: normal; letter-spacing: -0.4px; vertical-align: middle; border-radius: 100%; background: #2b49b6;}
.corpoSys-mid-wrap > .white-box.column2 .cont > p{ line-height: 32px; text-align: left; font-size: 20px; color: #495057; font-weight: 700;}
.corpoSys-mid-wrap > .white-box.column2 .cont > p > span{ display: block; line-height: 22px; text-align: left; font-size: 14px; color: #6c757d; font-weight: 400; letter-spacing: -0.28px;}
.corpoSys-mid-wrap > .defalut-box{ display: flex; width: 960px; margin: 0 auto; border-radius: 12px; background: transparent; box-sizing: border-box;}
.corpoSys-mid-wrap > .defalut-box.column2{ flex-direction: column; margin-bottom: 0;}
.corpoSys-mid-wrap > .defalut-box.column2 .cont{ display: flex; flex-direction: row; justify-content: start; align-items: center; gap: 20px; width: 100%; padding: 28px 32px; box-sizing: border-box;  align-self: stretch; flex-grow: 0;}
.corpoSys-mid-wrap > .defalut-box.column2 .cont:first-child{ border-bottom: 1px solid #d9d9d9;}
.corpoSys-mid-wrap > .defalut-box.column2 .cont > i{ display: inline-block; width: 40px; height: 40px; margin: 0 4px; line-height: 40px; text-align: center; font-size: 20px; color: #fff; font-weight: 700; font-style: normal; letter-spacing: -0.4px; vertical-align: middle; border-radius: 100%; background: #2b49b6;}
.corpoSys-mid-wrap > .defalut-box.column2 .cont > p{ line-height: 32px; text-align: left; font-size: 20px; color: #495057; font-weight: 700;}
.corpoSys-mid-wrap > .defalut-box.column2 .cont > p > span{ display: block; line-height: 22px; text-align: left; font-size: 14px; color: #6c757d; font-weight: 400; letter-spacing: -0.28px;}
.corpoSys-mid-wrap .desc-box{ color: #adb5bd; font-size: 16px; line-height: 1.6; font-weight: normal; letter-spacing: -0.32px; text-align: center; }
.corpoSys-mid-wrap .desc-box strong{ display: block; width: 100%; color: #dc3545; line-height: 1.6; letter-spacing: -0.32px; }

.corpoSys-mid-wrap > .white-box.column3{ flex-direction: column; padding: 24px 32px 40px;}
.corpoSys-mid-wrap > .white-box.column3 > p{ margin-bottom: 20px; line-height: 24px; text-align: left; font-size: 20px; color: #212529; font-weight: 700; letter-spacing: -0.4px;}
.corpoSys-mid-wrap > .white-box.column3 > span{ display: block; margin-bottom: 40px; line-height: 25px; text-align: left; font-size: 16px; color: #6c757d; font-weight: 500;}
.corpoSys-mid-wrap > .white-box.column3 > span > a{ text-decoration: underline;}
.corpoSys-mid-wrap > p{ margin-top: 28px; line-height: 26px; text-align: center; font-size: 16px; color: #adb5bd; font-weight: 400; letter-spacing: -0.32px;}
.corpoSys-bot-wrap{ width: 100%;}
.corpoSys-bot-wrap .bg{ display: inline-block; width: 100%; padding: 60px 0; margin: 0 auto;}
.corpoSys-bot-wrap .bg:first-child{ padding-top: 80px;}
.corpoSys-bot-wrap .bg:last-child{ padding-bottom: 80px;}
.corpoSys-bot-wrap .bg.gray{ background: #f5f5f5;}
.corpoSys-bot-wrap .bg .cont{ width: 1200px; margin: 0 auto;}
.corpoSys-bot-wrap .bg .cont > h1{ line-height: 42px; text-align: center; font-size: 32px; color: #212529; font-weight: 300; letter-spacing: -1.6px;}
.corpoSys-bot-wrap .bg .cont > h1 > strong{ font-weight: 900; }
.corpoSys-bot-wrap .bg .cont > h2{ padding-bottom: 20px; line-height: 38px; text-align: left; font-size: 24px; color: #000; font-weight: 700; letter-spacing: -0.48px;}
.corpoSys-bot-wrap .bg .cont > .box{ display: flex; flex-direction: column; gap: 12px; width: 100%; padding: 36px 0 44px; border-top: 1px solid #dee2e6;}
.corpoSys-bot-wrap .bg .cont > .box.gap-20{ gap: 20px;}
.corpoSys-bot-wrap .bg .cont > .box > h4{ width: 100%; line-height: 32px; text-align: left; font-size: 20px; color: #2b49b6; font-weight: 700;}
.corpoSys-bot-wrap .bg .cont > .box > p.text{ line-height: 32px; text-align: left; font-size: 20px; color: #6c757d; font-weight: 400;}
.corpoSys-bot-wrap .bg .cont > .box > p.mo-tit::before{ display: none; }
.corpoSys-bot-wrap .bg .cont > .box > p.text+span{ margin-top: -8px;}
.corpoSys-bot-wrap .bg .cont > .box > p.text > a{ text-decoration: underline; }
.corpoSys-bot-wrap .bg .cont > .box > span.sub-text{ line-height: 24px; text-align: left; font-size: 16px; color: #6c757d; font-weight: 400;}
.corpoSys-bot-wrap .bg .cont > .box > span.text-red{ color: #dc3545; /* text-decoration: underline; */}
.corpoSys-bot-wrap .bg .cont > .box > span.sub-text.pl-20{ padding-left: 20px;}
.corpoSys-bot-wrap .bg .cont > .box > span.sub-text.pl-20 > em{ text-decoration: underline; font-style: normal; }
.corpoSys-bot-wrap .bg .cont > .box > ul.dot-list + span.sub-text{ margin-top: 8px;}
.corpoSys-bot-wrap .bg .cont > .box > ul.dot-list{ display: flex; width: 100%; flex-direction: column;}
.corpoSys-bot-wrap .bg .cont > .box > ul.dot-list > li{ position: relative; padding-left: 20px; line-height: 25px; text-align: left; font-size: 16px; color: #212529; font-weight: 400; box-sizing: border-box;}
.corpoSys-bot-wrap .bg .cont > .box > ul.dot-list > li::before{ position: absolute; top: 11px; left: 8px; content: ' '; width: 3px; height: 3px; border-radius: 100%; background: #6c757d;}
.corpoSys-bot-wrap .bg .cont > .box > ul.down-list{ display: flex; gap: 12px; width: 100%; margin-top: 8px;}
.corpoSys-bot-wrap .bg .cont > .box > ul.down-list > li{ line-height: 22.5px; text-align: left; font-size: 15px; color: #343a40; font-weight: 500; letter-spacing: -0.3px; text-decoration: underline; cursor: pointer;}
.corpoSys-bot-wrap .bg .cont > .box > ul.down-list > li > a{ display: inline-block; line-height: 50px;}
.corpoSys-bot-wrap .bg .cont > .box > ul.down-list > li > a > i.down{ width: 18px; height: 18px; vertical-align: middle; margin-top: 0; margin-right: 4px; background-image: url(../../images/sub/icon_download_b.png);}
.corpoSys-bot-wrap .bg .cont > .box > ul.down-list > li > i{ display: inline-block; width: 20px; height: 20px; margin-top: -3px; margin-right: 6px; vertical-align: middle; background: url(../../images/sub/icon_download_b.png) no-repeat 50% 50%;}
.corpoSys-bot-wrap .bg .cont > .box.qna-box button.btn-default > i,
.corpoSys-bot-wrap .bg .cont > .box.qna-box a.btn-default > i{ margin: 0 4px 0 0; }
.corpoSys-bot-wrap .bg .cont > .box.confirm-box{ padding-left: 20px !important; text-indent: -20px; }
.corpoSys-bot-wrap .bg .cont > .box > ul.text-list{ display: flex; gap: 12px; flex-direction: column; width: 100%; padding-left: 0; box-sizing: border-box;}
.corpoSys-bot-wrap .bg .cont > .box > ul.text-list > li{ width: 100%; text-indent: 0;}
.corpoSys-bot-wrap .bg .cont > .box > ul.text-list > li > h5{ padding-top: 4px; margin-bottom: 8px; line-height: 32px; text-align: left; font-size: 20px; color: #2b49b6; font-weight: 700;}
.corpoSys-bot-wrap .bg .cont > .box > ul.text-list > li > p{ line-height: 32px; text-align: left; font-size: 20px; color: #6c757d; font-weight: 400;}
.corpoSys-bot-wrap .bg .cont > .box > ul.text-list > li > p .text-black{ color: #212529;}
.corpoSys-bot-wrap .bg .cont > .box > ul.text-list > li > p.text-flex{ display: flex; gap: 4px; text-indent: 0; }
.corpoSys-bot-wrap .bg .cont > .box > ul.text-list > li > p.text-flex > i{ font-style: normal;}
.corpoSys-bot-wrap .bg .cont > .box > ul.text-list > li > p.flex{ display: flex; gap: 20px;}
.corpoSys-bot-wrap .bg .cont > .box > ul.text-list > li > p > span{ line-height: 32px; text-align: left; font-size: 20px; color: #6c757d; font-weight: 400;}
.corpoSys-bot-wrap .bg .cont > .box > ul.text-list > li > p > span::before{ display: inline-block; content: ''; width: 3px; height: 3px; margin: 0 8px; vertical-align: middle; border-radius: 100%; background: #6c757d;}
.corpoSys-bot-wrap .bg .cont > .box > ul.text-list > li > p > span.text-black::before{ background: #212529;}
.corpoSys-bot-wrap .faq-box{ margin-bottom: 0; }

/* 기업교육 > 기업교육 강의목록 */
.sub-menu-list .search-wrap > .total{ height: 32px;}
.lctr-wrap{ width: 100%;}
.lctr-wrap .category-box{ margin-bottom: 70px;}
.lctr-wrap .category-box .category{ display: inline-block; width: 100%; padding: 12px 10px; border-top: 1px solid #b7b7b7; background: #fafafa; box-sizing: border-box;}
.lctr-wrap .category-box .category > h3{ display: inline-block; float: left; width: auto; line-height: 24px; text-align: left; font-size: 20px; color: #000; font-weight: 600; letter-spacing: -0.4px;}
.lctr-wrap .category-box .category > h3 > p{ display: inline-block; margin-left: 10px; font-size: 16px; color: #6c757d; font-weight: 400; letter-spacing: -0.32px;}
.lctr-wrap .category-box .category > .total{ float: right; height: 24px; line-height: 24px; font-size: 14px;}
.lctr-wrap .category-box .lctr-list{ display: flex; gap: 35px 20px; flex-wrap: wrap; width: 100%; padding: 30px 10px 0; box-sizing: border-box;}
.lctr-wrap .category-box .lctr-list > li{ width: calc(33.33% - 13.4px);}
.lctr-wrap .category-box .lctr-list > li .thumbnail{ display: flex; justify-content: center; align-items: center; width: 100%; height: 155.5px; margin-bottom: 16px; border-radius: 12px; background-repeat: no-repeat; background-position: 50% 50%; background-size: cover; background-color: #f2f2f2; overflow: hidden; cursor: pointer;}
.lctr-wrap .category-box .lctr-list > li .thumbnail.none{ background-image: url(../../images/common/none_thumbnail_logo.png); background-size: auto; background-color: #f2f2f2;}
.lctr-wrap .category-box .lctr-list > li .thumbnail > img{ max-width: 100%; max-height: 100%; width: 100%; height: 100%; /*object-fit: cover;*/ }
.lctr-wrap .category-box .lctr-list > li .tag-wrap{ display: flex; gap: 5px; min-height: 18px; padding: 0 5px; box-sizing: border-box;}
.lctr-wrap .category-box .lctr-list > li .tag-wrap > span{ display: inline-block; width: auto; height: 18px; padding: 3px 6px; line-height: 12px; text-align: center; font-size: 10px; font-weight: 500; border-radius: 3px;}
.lctr-wrap .category-box .lctr-list > li .tag-wrap > span.gray{ color: #212529; background: #e9ecef;}
.lctr-wrap .category-box .lctr-list > li .tag-wrap > span.blue{ color: #111d28; background: #cee8ff;}
.lctr-wrap .category-box .lctr-list > li .tag-wrap > span.beige{ color: #8E0707; background: #FFF3CD;}
.lctr-wrap .category-box .lctr-list > li .tag-wrap > span.green{ color: #12412c; background: #dfe8e4;}
.lctr-wrap .category-box .lctr-list > li .tag-wrap > span.red{ color: #8e0707; background: #ffe9e2;}
.lctr-wrap .category-box .lctr-list > li .tag-wrap > span.yellow{ color: #8e0707; background: #fff3cd;}
.lctr-wrap .category-box .lctr-list > li .tag-wrap > span.purple{ color: #59359a; background: #e9e2f5;}
.lctr-wrap .category-box .lctr-list > li h4{ height: 44px; padding: 0 5px; margin: 12px 0 15px; line-height: 22px; text-align: left; font-size: 18px; color: #222; font-weight: 700; letter-spacing: -0.36px; overflow: hidden; text-overflow: ellipsis; display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical; word-wrap:break-word; cursor: pointer;}
.lctr-wrap .category-box .lctr-list > li > ul{ display: flex; gap: 5px; flex-direction: column; width: 100%; padding: 0 5px;}
.lctr-wrap .category-box .lctr-list > li > ul > li{ width: 100%; }
.lctr-wrap .category-box .lctr-list > li > ul > li > span{ float: left; line-height: 15px; text-align: left; font-size: 12px; color: #6c757d; font-weight: 500; letter-spacing: -0.24px;}
.lctr-wrap .category-box .lctr-list > li > ul > li > i{ float: left; width: 15px; height: 15px; margin-top: -3px; margin-left: 4px; vertical-align: middle;}
.lctr-wrap .category-box .lctr-list > li > ul > li > p{ float: right; width: auto; line-height: 15px; text-align: right; font-size: 12px; color: #343a40; font-weight: 400; letter-spacing: -0.24px;}
.lctr-wrap .category-box .lctr-list > li > ul > li > p.price{ line-height: 19px; font-size: 16px; color: #343a40; font-weight: 400;}
.lctr-wrap .category-box .lctr-list > li > ul > li > p.price.text-red{ font-weight: 700;}
.lctr-wrap .category-box .lctr-list > li > ul > li > p.price > strong{ color: #212529; font-weight: 700;}
.lctr-wrap .category-box .lctr-list > li > ul > li > p.price > s{ margin-right: 5px; line-height: 14.4px; font-size: 12px; color: #adb5bd; font-weight: 400; letter-spacing: -0.24px;}
.lctr-wrap .category-box .lctr-list > li > div.bot{ display: inline-block; width: 100%; padding-top: 15px; margin-top: 15px; border-top: 1px solid #dee2e6;}
.lctr-wrap .category-box .lctr-list > li > div.bot > p{ position: relative; float: left; display: inline-block; line-height: 16px; text-align: left; font-size: 13px; color: #6c757d; font-weight: 400; letter-spacing: -0.26px;}
.lctr-wrap .category-box .lctr-list > li > div.bot > p > i{ display: inline-block; width: 15px; height: 15px; margin-right: 4px; vertical-align: middle; background-repeat: no-repeat; background-position: 50% 50%;}
.lctr-wrap .category-box .lctr-list > li > div.bot > p.hour > i{ background-image: url(../../images/sub/icon_clock.png);}
.lctr-wrap .category-box .lctr-list > li > div.bot > p.star{ padding-left: 10px; margin-left: 10px;}
.lctr-wrap .category-box .lctr-list > li > div.bot > p.star::before{ position: absolute; top: 4px; left: 0; content: ' '; width: 1px; height: 10px; background: #dee2e6;}
.lctr-wrap .category-box .lctr-list > li > div.bot > p.star > i{ background-image: url(../../images/sub/icon_star.png);}
.lctr-wrap .category-box .lctr-list > li > div.bot > p.star > strong{ margin-right: 6px; color: #212529;}

.lctr-wrap .category-box .lctr-list > li > ul > li.help-wrap{ position: relative;}
.lctr-wrap .category-box .lctr-list > li > ul > li.help-wrap > span{ cursor: pointer;}
.lctr-wrap .category-box .lctr-list > li > ul > li > span > i.help{ display: inline-block; width: 15px; height: 15px; margin-left: 3px; vertical-align: middle; background: url(../../images/sub/icon_help.png) no-repeat 50% 50%;}
.lctr-wrap .category-box .lctr-list > li > ul > li.help-wrap .help-box{ display: none; position: absolute; top: -120px; left: 65px; width: 290px; height: 255px; border-radius: 7px; border: 1px solid #dee2e6; background: #fff; box-shadow: 2px 2px 10px rgba(0, 0, 0, 0.15); box-sizing: border-box; z-index: 10;}
.lctr-wrap .category-box .lctr-list > li > ul > li.help-wrap .help-box::before{ position: absolute; top: 0; left: -12px; display: inline-block; content: ''; width: 12px; height: 248px; background: url(../../images/sub/bg_help_box.png) no-repeat 50% 50%;}
.lctr-wrap .category-box .lctr-list > li > ul > li.help-wrap .help-box > .tit{ width: 100%; padding: 10px 12px; line-height: 20px; text-align: left; font-size: 13px; color: #212529; font-weight: 700; letter-spacing: -0.26px; border-radius: 7px 7px 0 0; border-bottom: 1px solid #dee2e6;}
.lctr-wrap .category-box .lctr-list > li > ul > li.help-wrap .help-box > .tit > button{ float: right; width: 20px; height: 20px; border: none; background: url(../../images/sub/btn_close_tooltip.png) no-repeat 50% 50%;}
.lctr-wrap .category-box .lctr-list > li > ul > li.help-wrap .help-box > .cont{ width: 100%; padding: 15px 15px 18px; border-radius: 0 0 7px 7px; box-sizing: border-box;}
.lctr-wrap .category-box .lctr-list > li > ul > li.help-wrap .help-box > .cont > h5{ width: 100%; margin-bottom: 6px; line-height: 17px; text-align: left; font-size: 13px; color: #000; font-weight: 600; letter-spacing: -0.26px;}
.lctr-wrap .category-box .lctr-list > li > ul > li.help-wrap .help-box > .cont > ul{ display: flex; gap: 8px; flex-direction: column; width: 100%; padding: 10px 8px; border-radius: 2px; background: #f8f9fa;}
.lctr-wrap .category-box .lctr-list > li > ul > li.help-wrap .help-box > .cont > ul > li{ width: 100%;}
.lctr-wrap .category-box .lctr-list > li > ul > li.help-wrap .help-box > .cont > ul > li > span{ display: inline-block; float: left; width: calc(100% - 65px); line-height: 15px; text-align: left; font-size: 12px; color: #6c757d; font-weight: 500; letter-spacing: -0.24px;}
.lctr-wrap .category-box .lctr-list > li > ul > li.help-wrap .help-box > .cont > ul > li > p{ float: left; width: 65px; line-height: 15px; text-align: right; font-size: 400; letter-spacing: -0.26px; color: #343a40;}
.lctr-wrap .category-box .lctr-list > li > ul > li.help-wrap .help-box > .cont > ul > li > p > strong{ color: #212529; font-weight: 700;}
.lctr-wrap .category-box .lctr-list > li > ul > li.help-wrap .help-box > .cont > ul + h5{ margin-top: 15px;} 

/* ------------------------------------------------------- 법정의무교육 */
/* 법정의무교육 > 법정의무교육안내 */
.emoji{ display: inline-block; width: 36px; height: 37px; margin: 0 2px; vertical-align: middle; background-repeat: no-repeat; background-position: 50% 50%; background-size: 100%;}
.emoji.twinkle{ background-image: url(../../images/sub/icon_emoji_twinkle.png);}
.emoji.congrate{ background-image: url(../../images/sub/icon_emoji_congrate.png);}
.emoji.clock{ background-image: url(../../images/sub/icon_emoji_clock.png);}
.emoji.shirt{ background-image: url(../../images/sub/icon_emoji_shirt.png);}
.emoji.hat{ background-image: url(../../images/sub/icon_emoji_hat.png);}
.emoji.bag{ background-image: url(../../images/sub/icon_emoji_bag.png);}
.emoji.memo{ background-image: url(../../images/sub/icon_emoji_memo.png);}
.emoji.scale{ background-image: url(../../images/sub/icon_emoji_scale.png);}
.lgl-main-wrap{ width: 100%; padding: 90px 0 50px; background: url(../../images/sub/img_lgl_main.png) no-repeat 50% 50%; box-sizing: border-box;}
.lgl-main-wrap .lgl-main{ display: flex; flex-direction: column; align-items: center; gap: 40px;}
.lgl-main-wrap .lgl-main > h1{ line-height: 48px; text-align: center; font-size: 40px; color: #fff; font-weight: 600; letter-spacing: -0.8px;}
.lgl-main-wrap .lgl-main > h1 > span{ display: block; margin-top: 18px; line-height: 40px; text-align: center; font-size: 40px; color: #bfd8f4; font-weight: 300; letter-spacing: -0.8px; border-bottom: 1px solid #bfd8f4;}
.lgl-main-wrap .lgl-main > p{ line-height: 45px; text-align: center; font-size: 32px; color: #fff; font-weight: 400; letter-spacing: -0.64px;}
.lgl-main-wrap .lgl-main > span{ line-height: 22px; text-align: center; font-size: 16px; color: rgba(255, 255, 255, 0.7); font-weight: 400; letter-spacing: -0.32px;}
.lgl-main-wrap .btn-wrap{ gap: 20px; margin: 50px 0;}
.lgl-main-wrap .btn-wrap > button{ width: 250px;}
.lgl-main-wrap .btn-wrap > button.btn-border{ color: #fff; border-color: rgba(255, 255, 255, 0.42); background: transparent;}
.lgl-main-wrap .btn-wrap > button.btn-border:hover{ border-color: rgba(255, 255, 255, 0.42);}
.lgl-main-wrap .btn-wrap > button.btn-fill{ background: #0d6efd;}
.lgl-main-wrap > p{ line-height: 15px; text-align: center; font-size: 12px; color: #fff; font-weight: 600; letter-spacing: 2.88px; opacity: 0.4;}
.lgl-main-wrap > p > span{ display: block; width: 24px; height: 24px; margin: 10px auto 0; background: url(../../images/sub/icon_scroll_down.png) no-repeat 50% 50%;}
.lgl-mid-wrap{ width: 1200px; margin: 70px auto 100px;}
.lgl-mid-wrap > span.sub-h2{ line-height: 19px; text-align: center; font-size: 16px; color: #2b49b6; font-weight: 600; letter-spacing: 3.36px;}
.lgl-mid-wrap > h2{ width: 100%; margin-top: 20px; line-height: 48px; text-align: center; font-size: 40px; color: #000; font-weight: 600;}
.lgl-mid-wrap .lgl-edu-list{ display: flex; gap: 20px; width: 100%; margin: 60px 0;}
.lgl-mid-wrap .lgl-edu-list .edu-box{ display: flex; flex-direction: column; align-items: start; width: calc(25% - 15px); height: 238px; padding: 30px; border-radius: 12px; border: 1px solid #d5d5d5; box-sizing: border-box;}
.lgl-mid-wrap .lgl-edu-list .edu-box > p{ width: 100%; margin: 20px 0 16px; line-height: 24px; text-align: left; font-size: 20px; color: #212529; font-weight: 800;}
.lgl-mid-wrap .lgl-edu-list .edu-box > span{ line-height: 21px; text-align: left; font-size: 18px; color: #747474; font-weight: 400;}
.lgl-mid-wrap .lgl-event{ width: 100%; padding-top: 50px; border-top: 1px solid #c5c5c5;}
.lgl-mid-wrap .lgl-event > h2{ width: 100%; margin: 22px 0; line-height: 47px; text-align: center; font-size: 36px; color: #212529; font-weight: 300; letter-spacing: -1.8px;}
.lgl-mid-wrap .lgl-event > h2 > strong{ font-weight: 700;}
.lgl-mid-wrap .lgl-event > p{ line-height: 38px; text-align: center; font-size: 24px; color: #6c757d; font-weight: 400; letter-spacing: -0.48px;}
.lgl-mid-wrap .lgl-event > p > span{ display: block; color: #212529; font-weight: 500; text-decoration: underline; text-underline-offset : 5px;}
.lgl-bot-wrap{ width: 100%; padding: 100px 0 120px; background: url(../../images/sub/img_lgl_sub.png) no-repeat 50% 50%; background-size: cover; box-sizing: border-box;}
.lgl-bot-wrap > span.sub-h2{ line-height: 19px; text-align: center; font-size: 16px; color: #81acff; font-weight: 600; letter-spacing: 3.36px;}
.lgl-bot-wrap > h2{ width: 100%; margin-top: 20px; line-height: 48px; text-align: center; font-size: 40px; color: #fff; font-weight: 600;}
.lgl-bot-wrap > p{ width: 100%; margin-top: 30px; line-height: 32px; text-align: center; font-size: 20px; color: #ced4da; font-weight: 400; letter-spacing: -0.4px;}
.lgl-bot-wrap > .price-wrap{ display: flex; gap: 50px; width: 1200px; padding: 0 30px; margin: 60px auto; box-sizing: border-box;}
.lgl-bot-wrap > .price-wrap .edu-box{ width: calc(50% - 25px); height: 560px; padding: 0 43px 40px; border-top: 5px solid #ced4da; background: #fff; box-sizing: border-box;}
.lgl-bot-wrap > .price-wrap .edu-box > h3{ padding: 40px 0; line-height: 44px; text-align: center; font-size: 28px; color: #212529; font-weight: 700; letter-spacing: -1.68px;}
.lgl-bot-wrap > .price-wrap .edu-box > h3 > span{ color: #0d6efd;}
.lgl-bot-wrap > .price-wrap .edu-box > ul{ display: flex; gap: 24px; justify-content: center; flex-direction: column; width: 100%; height: 300px; border-top: 1px solid #e9e9e9; border-bottom: 1px solid #e9e9e9;}
.lgl-bot-wrap > .price-wrap .edu-box > ul > li{ display: flex; justify-content: space-between; width: 100%; padding: 0 20px; box-sizing: border-box;}
.lgl-bot-wrap > .price-wrap .edu-box > ul > li > p{ line-height: 32px; text-align: left; font-size: 20px; color: #495057; font-weight: 500;}
.lgl-bot-wrap > .price-wrap .edu-box > ul > li > p+p{ font-size: 16px; color: #6c757d; font-weight: 400; letter-spacing: -0.64px;}
.lgl-bot-wrap > .price-wrap .edu-box > ul > li .dd-txt{ display: block; color: #fd7e14; font-size: 13px; font-weight: normal; line-height: 15.6px; letter-spacing: -0.39px; text-align: left; }
.lgl-bot-wrap > .price-wrap .edu-box > h4{ padding: 30px 0 20px; line-height: 44px; text-align: center; font-size: 28px; color: #212529; font-weight: 700;}
.lgl-bot-wrap > .step-wrap{ width: 1200px; padding-top: 60px; margin: 0 auto; border-top: 1px solid #495057;}
.lgl-bot-wrap > .step-wrap > h2{ margin-top: 20px; line-height: 47px; text-align: center; font-size: 36px; color: #fff; font-weight: 600; letter-spacing: -1.8px;}
.lgl-bot-wrap > .step-wrap > ul{ display: flex; align-items: center; justify-content: space-between; width: 100%; margin-top: 60px;}
.lgl-bot-wrap > .step-wrap > ul > li.step-box{ display: flex; gap: 20px; flex-direction: column; justify-content: center; align-items: center; width: 250px; height: 200px; border-radius: 12px; background: #fff; box-shadow: 0px 5px 10px rgba(0, 10, 46,)}
.lgl-bot-wrap > .step-wrap > ul > li.step-box > p{ line-height: 24px; text-align: center; font-size: 20px; color: #212529; font-weight: 800;}

/* faq-list */
.faq-bg-wrap{ width: 100%; padding: 100px 0 120px; background: #f5f5f5;}
.faq-wrap{ display: flex; gap: 50px; align-items: start; width: 1200px; margin-left: auto; margin-right: auto;}
.faq-wrap > h2{ width: 260px; line-height: 48px; text-align: left; font-size: 40px; color: #000; font-weight: 600; letter-spacing: -1.6px;}
.faq-wrap > h2 > span{ display: block; margin-bottom: 20px; line-height: 19px; text-align: left; font-size: 16px; color: #2b49b6; font-weight: 600; letter-spacing: 3.36px;}
.faq-wrap > .faq-cont{ width: calc(100% - 310px);}
.faq-list{ display: inline-block; width: 100%; border-top: 1px solid #000;}
.faq-list .faq-box{ float: left; width: 100%; border-bottom: 1px solid #ced4da;}
.faq-list .faq-box .ques{ display: flex; gap: 15px; align-items: center; width: 100%; padding: 20px 25px; box-sizing: border-box;}
.faq-list .faq-box .ques > h3{ width: calc(100% - 49px); line-height: 40px; text-align: left; font-size: 17px; color: #212529; font-weight: 500; letter-spacing: -0.34px;}
.faq-list .faq-box .ques > h3 > span{ float: left; margin-right: 8px; font-size: 22px; font-weight: 700;}
.faq-list .faq-box .ques > button{ width: 34px; height: 34px; border-radius: 100%; border: none; background-repeat: no-repeat; background-position: 50% 50%; background-color: transparent; /* background-color: #dee2e6; */}
.faq-list .faq-box .ques > button:hover{ background-color: #e9ecef;}
.faq-list .faq-box .ques > button.show{ background-image: url(../../images/sub/btn_toggle_show.png);}
.faq-list .faq-box .ques > button.hide{ background-image: url(../../images/sub/btn_toggle_hide.png);}
.faq-list .faq-box .answr{ display: none; flex-wrap: wrap; gap: 8px; align-items: start; width: calc(100% - 40px); padding: 20px; margin: 0 20px 12px; border-radius: 8px; background: #fff; box-sizing: border-box;}
.faq-list .faq-box .answr > span{ float: left; display: block; width: 30px; margin-right: 8px; line-height: 30px; text-align: left; font-size: 22px; color: #001f90; font-weight: 700;}
.faq-list .faq-box .answr > div{ width: calc(100% - 48px); line-height: 22px; text-align: left; font-size: 15px; color: #6c757d; font-weight: 400; letter-spacing: -0.3px;}
.faq-list .faq-box .answr .afq_title1{ display: block; width: 100%;}
.faq-list .faq-box .answr .afq_title2{ display: block; width: 100%;}

/* 문의 폼 */
.form-bg-wrap{ width: 100%; padding: 100px 0 120px; background: #fff;}
.form-wrap{ display: flex; gap: 50px; align-items: start; width: 1200px; margin: 0 auto;}
.form-wrap > h2{ width: 260px; line-height: 48px; text-align: left; font-size: 40px; color: #000; font-weight: 600; letter-spacing: -1.6px;}
.form-wrap > h2 > span{ display: block; margin-bottom: 20px; line-height: 19px; text-align: left; font-size: 16px; color: #2b49b6; font-weight: 600; letter-spacing: 3.36px;}
.form-wrap > .form-cont{ width: calc(100% - 310px);}
ul.contact-form{ width: 100%; border-top: 1px solid #000; background: #fff;}
ul.contact-form > li{ display: flex; align-items: center; width: 100%; border-bottom: 1px solid #eee;}
ul.contact-form > li > p{ width: 130px; padding: 22px; line-height: 24px; text-align: left; font-size: 17px; color: #000; font-weight: 500; letter-spacing: -0.34px; box-sizing: border-box;}
ul.contact-form > li > p > span.ess{ margin-right: 5px; color: #dc3545; font-weight: 400;}
ul.contact-form > li > div{ width: calc(100% - 130px); padding: 22px; box-sizing: border-box;}
.contact-info{ width: 100%; padding: 20px; margin: 16px 0 8px; border-radius: 4px; background: #f8f9fa; box-sizing: border-box;}
.contact-info > p{ line-height: 19px; text-align: left; font-size: 16px; color: #6c757d; font-weight: 700;}
.contact-info > p.first{ line-height: 18px; text-align: left; font-size: 14px; color: #6c757d; font-weight: 500;}
.contact-info > ul{ display: flex; flex-direction: column; width: 100%; margin-top: 8px;}
.contact-info > ul > li{ width: 100%; line-height: 21px; text-align: left; font-size: 14px; color: #6c757d; font-weight: 400;}
.contact-info > ul > li::before{ display: inline-block; content: ''; width: 3px; height: 3px; vertical-align: middle; margin: 0 8px; border-radius: 100%; background: #6c757d;}
.contact-info + input[type=checkbox]+label{ line-height: 32px;}
button.btn-contact{ width: 100%; margin-top: 18px;}

.quote-form-wrap{ width: 100%; padding: 20px 20px 48px; box-sizing: border-box;}
.quote-form-wrap > ul{ display: inline-block; width: 100%;}
.quote-form-wrap > ul > li{ display: flex; align-items: center; float: left; width: 50%;}
.quote-form-wrap > ul > li > p{ float: left; width: 100px; padding: 22px 0 22px 9px; line-height: 25px; text-align: left; font-size: 18px; color: #000; font-weight: 700; letter-spacing: -0.36px; box-sizing: border-box;}
.quote-form-wrap > ul > li > p > span.ess{ margin-right: 5px; line-height: 23px; color: #dc3545; font-weight: 400;}
.quote-form-wrap > ul > li > div{ width: calc(100% - 100px); padding: 22px 0; box-sizing: border-box;}
.quote-form-wrap > ul > li:nth-child(2n+1) > div{ padding-right: 40px;}
.quote-form-wrap > ul > li:nth-child(2n) > div{ padding-right: 20px;}
.quote-form-wrap > ul > li:last-child{ width: 100%; flex-wrap: wrap;}
.quote-form-wrap > ul > li:last-child > div{ padding-right: 20px; padding-bottom: 10px;}
.quote-form-wrap > ul > li > div+p{ width: 100%; padding: 0; padding-left: 100px; line-height: 17px; text-align: left; font-size: 14px; color: #a1a1a1; font-weight: 400; letter-spacing: -0.28px;}
.quote-form-wrap > ul + .btn-wrap{ margin-top: 12px;}
.quote-form-wrap > ul + .btn-wrap .btn-default{ line-height: 40px;}
.quote-form-wrap > .info-text{ width: 100%; padding: 24px 32px; margin-top: 12px; line-height: 24px; text-align: left; font-size: 16px; color: #6c757d; font-weight: 400; border-radius: 12px; background: #fafafa; box-sizing: border-box;}
ul.tab-default.quote-tab > li{ flex-direction: column; }
ul.tab-default.quote-tab > li .sub-desc{ display: block; margin-top: 6px; width: 100%; font-size: 15px; font-weight: 500; font-weight: normal; }

.quote-preview-wrap{ width: 100%; padding: 32px 40px 50px; border-bottom: 1px solid #dbdbdb; background: #f6f6f6; box-sizing: border-box;}
.quote-preview-wrap > h1{ width: 100%; margin-bottom: 10px; line-height: 30px; text-align: left; font-size: 20px; color: #000; font-weight: 600; letter-spacing: -0.4px;}
.quote-preview-wrap > .quote-preview{ width: 100%; padding: 55px; border: 1px solid #ced4da; background: #fff; box-sizing: border-box;}
.quote-preview .title{ display: flex; justify-content: space-between; align-items: center; width: 100%;}
.quote-preview .title > h2{ line-height: 44px; text-align: left; font-size: 34px; color: #000; font-weight: 700; letter-spacing: -0.68px;}
.quote-preview .title > ul{ display: flex; flex-direction: column;}
.quote-preview .title > ul > li{ line-height: 18px; text-align: left; font-size: 13px; color: #6c757d; font-weight: 400; letter-spacing: -0.26px;}
.quote-preview .issued-info{ display: flex; align-items: start; width: 100%; padding: 25px 15px; margin: 40px 0; border-top: 1px solid #e9ecef; border-bottom :1px solid #e9ecef; box-sizing: border-box;}
.quote-preview .issued-info > div{ width: 50%;}
.quote-preview .issued-info > div > h3{ width: 100%; margin-bottom: 20px; line-height: 20px; text-align: left; font-size: 14px; color: #212529; font-weight: 600; letter-spacing: -0.28px;}
.quote-preview .issued-info > div > ul{ display: flex; flex-direction: column; gap: 6px; width: 100%;}
.quote-preview .issued-info > div > ul > li{ display: flex;}
.quote-preview .issued-info > div > ul > li > span{ width: 120px; line-height: 20px; text-align: left; font-size: 13px; color: #6c757d; font-weight: 400; letter-spacing: -0.26px;}
.quote-preview .issued-info > div > ul > li > p{ width: calc(100% - 120px); line-height: 20px; text-align: left; font-size: 13px; color: #212529; font-weight: 400; letter-spacing: -0.26px;}
.quote-preview table.table-column td{ padding: 15px 8px; vertical-align: middle; line-height: 18px; font-size: 12px; color: #495057; font-weight: 400;}
.quote-preview table.table-column td.edu-cost-list > p{ margin-bottom: 8px; line-height: 14px; text-align: left; font-size: 12px; color: #212529; font-weight: 500;}
.quote-preview table.table-column td.edu-cost-list > ul{ display: flex; flex-direction: column;}
.quote-preview table.table-column td.edu-cost-list > ul > li{ width: 100%; text-align: left;}
.quote-preview table.table-column td.discount-cost{ color: #dc3545;}
.quote-preview table.table-column tr.total-tr > td{ padding: 30px 20px;}
.quote-preview table.table-column tr.total-tr > td > h3{ float: left; line-height: 19px; text-align: left; font-size: 15px; color: #212529; font-weight: 500; letter-spacing: -0.3px;}
.quote-preview table.table-column tr.total-tr > td > h3 > span{ font-size: 14px; color: #6c757d; font-weight: 400; letter-spacing: -0.36px;}
.quote-preview table.table-column tr.total-tr > td > p{ float: right; line-height: 19px; text-align: right; font-size: 18px; color: #212529; font-weight: 400; letter-spacing: -0.36px;}
.quote-preview table.table-column tr.total-tr > td > p > strong{ line-height: 24px; font-size: 20px; font-weight: 700; letter-spacing: -0.4px;}
.quote-preview .caution-box{ width: 100%; margin-top: 40px; border-top: 1px solid #adb5bd;}
.quote-preview .caution-box > h2{ width: 100%; padding: 18px 15px; line-height: 17px; text-align: left; font-size: 12px; color: #212529; font-weight: 600; letter-spacing: -0.24px; border-bottom: 1px solid #eee; background: #fafafa; box-sizing: border-box;}
.quote-preview .caution-box > ul{ display: flex; flex-direction: column; width: 100%; padding: 15px 12px 18px; border-bottom: 1px solid #eee; box-sizing: border-box;}
.quote-preview .caution-box > ul > li{ width: 100%; line-height: 18px; text-align: left; font-size: 12px; color: #495057; font-weight: 400;}
.quote-preview-wrap+.btn-wrap{ margin: 0 auto; padding: 20px 10px; background: #f7f7f7;}
.quote-preview-wrap+.btn-wrap > button{ width: 140px; height: 60px;} 

/* ------------------------------------------------------- NCS직업교육 */
/* NCS직업교육 > NCS직업교육 안내 */
.ncs-main-wrap{ display: none;}
.ncs-main1-wrap{ flex-direction: column; gap: 40px; width: 100%; padding: 100px 0 50px; text-align: center; background: url(../../images/sub/img_ncs_main.png) no-repeat 50% 28%; box-sizing: border-box;}
.ncs-main1-wrap > h1{ line-height: 58px; text-align: center; font-size: 48px; color: #fff; font-weight: 600;}
.ncs-main1-wrap > h2 > i{ line-height: 35px; text-align: center; font-size: 32px; font-style: normal; color: #bfd8f4; font-weight: 300; letter-spacing: -0.64px; border-bottom: 1px solid #bfd8f4;}
.ncs-main1-wrap > h2 > span{ display: block; margin-top: 40px; line-height: 34px; text-align: center; font-size: 24px; color: rgba(255, 255, 255, 0.7); font-weight: 400;}
.ncs-main1-wrap > span{ line-height: 34px; text-align: center; font-size: 24px; color: #fff; font-weight: 400; letter-spacing: -0.48px;}
.ncs-main1-wrap > span > strong{ display: block; font-weight: 600;}
.ncs-main1-wrap > p{ line-height: 15px; text-align: center; font-size: 12px; color: #fff; font-weight: 600; letter-spacing: 2.88px; opacity: 0.4;}
.ncs-main1-wrap > p > span{ display: block; width: 24px; height: 24px; margin: 10px auto 0; background: url(../../images/sub/icon_scroll_down.png) no-repeat 50% 50%;}
.ncs-main2-wrap{ flex-direction: column; gap: 40px; width: 100%; padding: 100px 0 50px; text-align: center; background: url(../../images/sub/img_ncs_main2.png) no-repeat 50% 50%; box-sizing: border-box;}
.ncs-main2-wrap > h1{ line-height: 58px; text-align: center; font-size: 48px; color: #fff; font-weight: 600;}
.ncs-main2-wrap > h2 > i{ line-height: 35px; text-align: center; font-size: 32px; font-style: normal; color: #bfd8f4; font-weight: 300; letter-spacing: -0.64px; border-bottom: 1px solid #bfd8f4;}
.ncs-main2-wrap > span{ line-height: 34px; text-align: center; font-size: 24px; color: #fff; font-weight: 400; letter-spacing: -0.48px;}
.ncs-main2-wrap > span > strong{ display: block; font-weight: 600;}
.ncs-main2-wrap > ul{ display: flex; width: 1200px; padding: 28px 20px; margin: 0 auto;}
.ncs-main2-wrap > ul > li{ position: relative; display: flex; flex-direction: column; gap: 20px; justify-content: center; align-items: center; flex: 1;}
.ncs-main2-wrap > ul > li::after{ position: absolute; top: 0; right: 0; display: inline-block; content: ''; width: 1px; height: 100px; background: rgba(255, 255, 255, 0.4);}
.ncs-main2-wrap > ul > li:last-child::after{ content: none;}
.ncs-main2-wrap > ul > li > p{ line-height: 24px; text-align: center; font-size: 20px; color: #fff; font-weight: 800;}
.ncs-main2-wrap > p{ line-height: 15px; text-align: center; font-size: 12px; color: #fff; font-weight: 600; letter-spacing: 2.88px; opacity: 0.4;}
.ncs-main2-wrap > p > span{ display: block; width: 24px; height: 24px; margin: 10px auto 0; background: url(../../images/sub/icon_scroll_down.png) no-repeat 50% 50%;}
.ncs-edu-wrap .edu-bg.gray button.btn-default{ background-color: transparent; }

.ncs-main-wrap + ul.tab-border{ width: 1200px; height: 88px; margin: 0 auto;}
.ncs-main-wrap + ul.tab-border > li{ padding: 20px 0; line-height: 40px; font-size: 20px; border-bottom: none;}
.ncs-main-wrap + ul.tab-border > li.on{ border-bottom: 5px solid #001f90;}
.ncs-edu-wrap{ width: 100%; padding-top: 60px;}
.ncs-edu-wrap .edu-list{ position: unset; display: inline-block; width: 100%; background: #fff;}
.ncs-edu-wrap .edu-list > h2{ display: none;}
.ncs-edu-wrap .edu-list .k-tabstrip-top > .k-tabstrip-items-wrapper,
.ncs-edu-wrap .edu-list .k-tabstrip-top > .k-tabstrip-items-wrapper .k-item.k-state-active{ border-bottom: none; }
.ncs-edu-wrap .edu-list ul{ display: flex; gap: 15px; width: 1200px; margin: 20px auto;}
.ncs-edu-wrap .edu-list ul li{ display: flex; justify-content: center; align-items: center; width: calc(20% - 12px); height: 88px; border-radius: 4px !important; background-repeat: no-repeat !important; background-position: 50% 50% !important; background-size: cover !important; cursor: pointer;}
.ncs-edu-wrap .edu-list ul li p{ width: 100%; line-height: 24px; font-size: 20px; color: #fff; font-weight: 600;}
.ncs-edu-wrap .edu-list ul li:hover p{ text-decoration: underline;}
.ncs-edu-wrap .edu-list ul li:first-child{ background-image: url(../../images/sub/img_ncs1_button1.png);}
.ncs-edu-wrap .edu-list ul li:nth-child(2){ background-image: url(../../images/sub/img_ncs1_button2.png);}
.ncs-edu-wrap .edu-list ul li:nth-child(3){ background-image: url(../../images/sub/img_ncs1_button3.png);}
.ncs-edu-wrap .edu-list ul li:nth-child(4){ background-image: url(../../images/sub/img_ncs1_button4.png);}
.ncs-edu-wrap .edu-list ul li:last-child{ background-image: url(../../images/sub/img_ncs1_button5.png);}
.ncs-edu-wrap .edu-bg#eduCont-1{ margin-top: 60px;}
.ncs-edu-wrap .edu-bg{ width: 100%; padding: 80px 0 100px; background: #fff; box-sizing: border-box;}
.ncs-edu-wrap .edu-bg.gray{ background: #f5f5f5;}
.ncs-edu-wrap .edu-bg .edu-cont{ display: flex; gap: 50px; width: 1200px; margin: 0 auto;}
.ncs-edu-wrap .edu-bg .edu-cont .cont-box{ display: flex; flex-direction: column; align-items: start; justify-content: center; width: calc(100% - 650px);}
.ncs-edu-wrap .edu-bg .edu-cont .cont-box > h2{ margin-bottom: 40px; line-height: 38px; text-align: left; font-size: 32px; color: #000; font-weight: 600;}
.ncs-edu-wrap .edu-bg .edu-cont .cont-box > h2 > i{ display: inline-block; vertical-align: middle; margin-right: 8px;}
.ncs-edu-wrap .edu-bg .edu-cont .cont-box > p{ width: 100%; margin-bottom: 19px; line-height: 32px; text-align: left; font-size: 20px; color: #6c757d; font-weight: 400;}
.ncs-edu-wrap .edu-bg .edu-cont .cont-box > p > span.underline{ color: #212529; text-decoration: underline;}
.ncs-edu-wrap .edu-bg .edu-cont .cont-box > p > span.dot{ display: block; line-height: 25px; text-align: left; font-size: 16px; color: #212529; font-weight: 400;}
.ncs-edu-wrap .edu-bg .edu-cont .cont-box > p > span.dot::before{ display: inline-block; content: ''; width: 3px; height: 3px; margin: 0 7px; vertical-align: middle; border-radius: 100%; background: #212529;}
.ncs-edu-wrap .edu-bg .edu-cont .cont-box > p > span.dot.mt-19{ margin-top: 19px;}
.ncs-edu-wrap .edu-bg .edu-cont .cont-box > p > span.dot.mb-19{ margin-bottom: 19px;}
.ncs-edu-wrap .edu-bg .edu-cont .cont-box > span{ line-height: 32px; text-align: left; font-size: 20px; color: #212529; font-weight: 700;}
.ncs-edu-wrap .edu-bg .edu-cont .cont-box > button{ width: 250px; margin-top: 50px; }
.ncs-edu-wrap .edu-bg .edu-cont .cont-box > button::after{ display: inline-block; content: ''; width: 18px; height: 18px; vertical-align: middle; margin-left: 4px; background: url(../../images/sub/icon_schdl_next.png) no-repeat 50% 50%;}
.ncs-edu-wrap .edu-bg:last-child .edu-cont{ flex-direction: column; gap: 60px;}
.ncs-edu-wrap .edu-bg:last-child .edu-cont .cont-box{ width: 100%;}

.ncs-check-bg{ width: 100%; padding: 80px 0 100px; background: #fff;}
.ncs-check-bg.gray{ background: #f5f5f5;}
.ncs-check-bg.blue{ background: #eef5ff;}
.ncs-check-bg.img{ background: url(../../images/sub/img_ncs_sub.png) no-repeat 50% 50%;}
.ncs-check-bg > span.sub-tit{ line-height: 19px; text-align: center; font-size: 16px; color: #2b49b6; font-weight: 600; letter-spacing: 3.36px;}
.ncs-check-bg.img > span.sub-tit{ color: #81acff; }
.ncs-check-bg > h2{ width: 100%; margin: 32px 0; line-height: 48px; text-align: center; font-size: 40px; color: #000; font-weight: 600; letter-spacing: -0.8px;}
.ncs-check-bg:nth-of-type(2) > h2{ margin-bottom: 90px; }
.ncs-check-bg > h2 > span{ display: block; margin-bottom: 12px; line-height: 24px; text-align: center; font-size: 20px; color: #696969; font-weight: 300; letter-spacing: -1.6px;}
.ncs-check-bg.img > h2{ color: #fff;}
.ncs-check-bg > span.bar{ display: block; width: 50px; height: 1px; margin: 0 auto 32px; background: #6c757d;}
.ncs-check-bg > h3{ margin-bottom: 32px; line-height: 38px; text-align: center; font-size: 24px; color: #6c757d; font-weight: 400; letter-spacing: -0.48px;}
.ncs-check-bg > h3 > span{ display: block; color: #212529; text-decoration: underline;}
.ncs-check-bg > h3+i{ line-height: 22px; font-size: 16px; font-style: normal; color: rgba(131, 131, 131, 0.7); font-weight: 400; letter-spacing: -0.32px;}
.ncs-check-bg > p{ margin-top: 80px; line-height: 39px; text-align: center; font-size: 28px; color: #6c757d; font-weight: 400; letter-spacing: -0.56px;}
.ncs-check-bg > p > span{ display: block; color: #212529; font-weight: 600;}
.ncs-check-bg > ul.img-list{ display: flex; gap: 20px; width: 1200px; margin: 0 auto;}
.ncs-check-bg > ul.img-list > li{ display: flex; flex-direction: column; flex: 1; justify-content: start; align-items: center;}
.ncs-check-bg > ul.img-list > li > img{ margin-bottom: 20px;}
.ncs-check-bg > ul.img-list > li > p{ margin-bottom: 16px; line-height: 24px; text-align: center; font-size: 20px; color: #212529; font-weight: 800;}
.ncs-check-bg > ul.img-list > li > span{ line-height: 22px; text-align: center; font-size: 18px; color: #747474; font-weight: 400;}
.ncs-check-bg > div.rule-wrap{ width: 1200px; margin: 60px auto 0;}
.ncs-check-bg > div.rule-wrap > h4{ line-height: 34px; text-align: center; font-size: 24px; color: #001f90; font-weight: 700; letter-spacing: -0.48px;}
.ncs-check-bg > div.rule-wrap > ul.rule-list{ display: flex; gap: 20px; width: 1200px; margin: 40px auto 0;}
.ncs-check-bg > div.rule-wrap > ul.rule-list > li{ display: flex; flex-direction: column; justify-content: start; align-items: center; flex: 1; height: 180px; padding: 24px 30px 20px; border-radius: 12px; border: 1px solid #d5d5d5; background: #fff; box-sizing: border-box;}
.ncs-check-bg > div.rule-wrap > ul.rule-list > li > img{ margin-bottom: 16px;}
.ncs-check-bg > div.rule-wrap > ul.rule-list > li > p{ line-height: 26px; text-align: center; font-size: 22px; color: #212529; font-weight: 800;}
.ncs-check-bg > div.rule-wrap > ul.rule-list > li > span{ display: block; margin-top: 4px; line-height: 26px; text-align: center; font-size: 22px; color: #747474; font-weight: 400;}
.ncs-check-bg > ul.strong-list{ display: flex; flex-wrap: wrap; gap: 30px; width: 1200px; margin: 60px auto 0;}
.ncs-check-bg > ul.strong-list > li{ width: calc(50% - 15px); height: 217px; padding: 24px 40px 34px; border-radius: 9px; border: 1px solid rgba(0, 0, 0, 0.08); background: #fff; box-sizing: border-box;}
.ncs-check-bg > ul.strong-list > li > h3{ width: 100%; padding-bottom: 24px; margin-bottom: 24px; line-height: 39px; text-align: left; font-size: 28px; color: #000; font-weight: 800; border-bottom: 1px solid rgba(0, 0, 0, 0.08);}
.ncs-check-bg > ul.strong-list > li > h3 > span{ color: #0d6efd;}
.ncs-check-bg > ul.strong-list > li > p{ line-height: 32px; text-align: left; font-size: 20px; color: #767676; font-weight: 500; letter-spacing: -0.4px;}
.ncs-check-bg > ul.strong-list > li > p::before{ display: inline-block; content: ''; width: 24px; height: 24px; vertical-align: middle; margin-right: 7px; background: url(../../images/sub/icon_ncs_text.png) no-repeat 50% 50%;}
.ncs-check-bg > ul.strong-list > li > p+p{ margin-top: 4px;}
.ncs-check-bg > table{ width: 1200px; margin: 28px auto 0; border-collapse: unset; border-spacing: 4px;}
.ncs-check-bg > table tr th{ height: 106px; vertical-align: middle; line-height: 26px; text-align: center; color: #fff;}
.ncs-check-bg > table tr th:first-child{ font-size: 18px; font-weight: 400; background: #848484;}
.ncs-check-bg > table tr th:nth-child(2){ font-size: 24px; font-weight: 600; border: 1px solid #696969; background: #4a4a4a;}
.ncs-check-bg > table tr th:last-child{ font-size: 24px; font-weight: 600; border: 1px solid #696969; background: #001f90;}
.ncs-check-bg > table tr td{ height: 106px; vertical-align: middle; padding: 23px 0; text-align: center;}
.ncs-check-bg > table tr td:first-child{ line-height: 26px; font-size: 14px; color: #fff; font-weight: 500; background: #b9b9b9;}
.ncs-check-bg > table tr td:nth-child(2){ line-height: 26px; font-size: 20px; color: #626a76; font-weight: 500; background: #cbd7e8;}
.ncs-check-bg > table tr td:last-child{ border: 1px solid #98a2bf; background: #fff;}
.ncs-check-bg > table tr td > p{ line-height: 26px; font-size: 20px; color: #323232; font-weight: 600;}
.ncs-check-bg > table tr td > p > span{ color: #2b49b6; font-weight: 800;}
.ncs-check-bg > table tr td > ul{ display: flex; justify-content: center; margin-top: 8px;}
.ncs-check-bg > table tr td > ul > li{ line-height: 25px; font-size: 14px; font-weight: 600; color: #898989;}
.ncs-check-bg > table tr td > ul > li::before{ display: inline-block; content: ''; width: 12px; height: 12px; vertical-align: middle; margin-right: 6px; background: url(../../images/sub/icon_ncs2_check.png) no-repeat 50% 50%;}
.ncs-check-bg > table tr td > ul.flex-type1{ gap: 24px;}
.ncs-check-bg > table tr td > ul.flex-type1 > li{ padding: 0 12px; font-weight: 600;}
.ncs-check-bg > table tr td > ul.flex-type2{ gap: 0px;}
.ncs-check-bg > table tr td > ul.flex-type2 > li{ padding: 0 8px; font-weight: 600; letter-spacing: -0.56px;}
.ncs-check-bg > table tr td > ul.flex-type3{ gap: 0;}
.ncs-check-bg > table tr td > ul.flex-type3 > li { padding: 0 12px; font-weight: 500;}
.ncs-check-bg > .consult{ display: flex; gap: 32px; width: 1200px; margin: 52px auto 0;}
.ncs-check-bg > .consult > div{ display: flex; flex-direction: column; gap: 20px; justify-content: start; align-items: center; width: calc(50% - 16px); height: 330px; padding: 50px 40px; border-radius: 12px; border: 1px solid #cbcbcb; background-repeat: no-repeat; background-size: cover; background-position: 50% 50%; box-sizing: border-box;}
.ncs-check-bg > .consult > div:first-child{ background-image: url(../../images/sub/banner_ncs_01.png); }
.ncs-check-bg > .consult > div:last-child{ background-image: url(../../images/sub/banner_ncs_02.png); }
.ncs-check-bg > .consult > div > h3{ line-height: 29px; text-align: center; font-size: 24px; color: #212529; font-weight: 600; letter-spacing: -0.48px;}
.ncs-check-bg > .consult > div > p{ line-height: 26px; text-align: center; font-size: 16px; color: rgba(0, 0, 0, 0.65); font-weight: 400; letter-spacing: -0.32px;}
.ncs-check-bg > .consult > div > p > span{ display: block; margin-top: 4px; color: rgba(0, 0, 0, 0.91); font-weight: 600;}
.ncs-check-bg.ncs-job-wrap > h2{ margin: 0 auto; line-height: 43px; font-size: 36px; letter-spacing: -0.72px;}
.ncs-check-bg.ncs-job-wrap > ul.ncs-job-list{ display: flex; gap: 20px; flex-wrap: wrap; width: 1200px; padding-bottom: 60px; margin: 60px auto 20px; border-bottom: 1px solid #d1d1d1;}
.ncs-check-bg.ncs-job-wrap > ul.ncs-job-list > li{ display: flex; flex-direction: column; gap: 8px; justify-content: start; align-items: center; width: calc(25% - 15px); height: 150px; padding: 20px 30px; border-radius: 12px; border: 1px solid #d5d5d5; background: #fff; box-sizing: border-box; cursor: pointer;}
.ncs-check-bg.ncs-job-wrap > ul.ncs-job-list > li > p{ line-height: 24px; text-align: center; font-size: 20px; color: #212529; font-weight: 800;}
.ncs-check-bg.ncs-job-wrap > ul.ncs-job-list > li > span{ line-height: 18px; text-align: center; font-size: 15px; color: #747474; font-weight: 400;}
.ncs-check-bg.review{ padding: 70px 0; background: url(../../images/sub/img_ncs_sub2.png) no-repeat 50% 50%;}
.ncs-check-bg.review > span.sub-tit{ color: #bfd8f4;}
.ncs-check-bg.review > h2{ color: #fff;}
.ncs-check-bg.review > img{ margin: 0 auto;}
.ncs-check-bg.review .review-list{ position: relative; width: 100%; height: 320px; margin: 32px auto 0;}
.ncs-check-bg.review .review-list .slick-list{ width: 1208px; margin: 0 auto;}
.ncs-check-bg.review .review-list .review-box{ height: 100%;}
.ncs-check-bg.review .review-list .review-box > h3{ margin-bottom: 24px; line-height: 34px; text-align: center; font-size: 28px; color: rgba(255, 255, 255, 0.9); font-weight: 700;}
.ncs-check-bg.review .review-list .review-box > p{ width: 1048px; margin: 0 auto; line-height: 43px; text-align: center; font-size: 24px; color: rgba(255, 255, 255, 0.7); font-weight: 500; white-space: pre-line; word-break: keep-all;}
.ncs-check-bg.review .review-list .btn-review{ position: absolute; top: 130px; width: 56px; height: 56px; border-radius: 100%; border: none; background-repeat: no-repeat; background-position: 50% 50%; background-color: transparent; }
.ncs-check-bg.review .review-list .btn-review:hover{ background-color: rgba(0, 0, 0, 0.2); transition: all linear 0.25s; }
.ncs-check-bg.review .review-list .btn-review.prev{ left: calc(50% - 660px); background-image: url(../../images/sub/btn_review_prev.png);}
.ncs-check-bg.review .review-list .btn-review.next{ right: calc(50% - 660px); background-image: url(../../images/sub/btn_review_next.png);}

/* NCS직업교육 > NCS직무분류 한눈에 보기 */
.job-clasf-wrap .ncs-banner{ display: flex; gap: 25px; width: 100%;}
.job-clasf-wrap .ncs-banner > div{ display: flex; align-items: center; width: calc(50% - 12.5px); height: 175px; padding: 33px 28px; border-radius: 10px; border: 1px solid #ced4da; box-sizing: border-box;}
.job-clasf-wrap .ncs-banner > div > p{ line-height: 28px; text-align: left; font-size: 22px; color: #000; font-weight: 400; letter-spacing: -1.1px;}
.job-clasf-wrap .ncs-banner > div > p > span{ font-weight: 600;}
.job-clasf-wrap .ncs-banner > div > p > a{ display: block; width: 100%; margin-top: 30px; line-height: 21px; text-align: left; font-size: 14px; color: #6c757d; font-weight: 500; letter-spacing: -0.28px; text-decoration: underline;}
.job-clasf-wrap .ncs-banner > div > p > a::after{ display: inline-block; content: ''; width: 16px; height: 16px; margin-left: 2px; vertical-align: middle; background: url(../../images/sub/icon_btn_more_15.png) no-repeat 50% 50%;}
.job-clasf-wrap .ncs-banner > div > span{ display: inline-block; width: 80px; height: 80px; margin-left: auto; border-radius: 100%; background-repeat: no-repeat; background-position: 50% 50%; background-color: #f8f9fa;}
.job-clasf-wrap .ncs-banner > div.left > span{ background-image: url(../../images/sub/icon_ncs_check.png);}
.job-clasf-wrap .ncs-banner > div.right > span{ background-image: url(../../images/sub/icon_ncs_computer.png);}

.job-clasf-wrap + .bg-gray{ width: 100%; padding: 50px 0 70px; border-bottom: none; background: #f8f8f8;}
.rcmd-list-wrap{ width: 1200px; margin: 0 auto;}
.rcmd-list-wrap > h3{ width: 100%; line-height: 44px; text-align: left; font-size: 28px; color: #000; font-weight: 700; letter-spacing: -0.56px;}
.rcmd-list-wrap > h3 > button{ float: right; height: 44px; line-height: 19px; text-align: right; font-size: 15px; color: #828282; font-weight: 400; letter-spacing: -0.3px; border: none; background: none;}
.rcmd-list-wrap > h3 > button::after{ display: inline-block; content: ''; width: 16px; height: 16px; margin-left: 5px; vertical-align: middle; background: url(../../images/sub/icon_notice_more.png) no-repeat 50% 50%;}
.rcmd-list-wrap ul.rcmd-list{ display: flex; gap: 30px; width: 100%; margin-top: 30px; flex-wrap: wrap; }
.rcmd-list-wrap ul.rcmd-list > li{ width: calc(25% - 22.5px); /*height: 295px;*/ border-radius: 12px; border: 1px solid #cdcdcd; background: #fff; box-sizing: border-box; overflow: hidden; }
.rcmd-list-wrap ul.rcmd-list > li .thumbnail{ display: flex; justify-content: center; align-items: center; float: left; width: 100%; height: 156px; background-repeat: no-repeat; background-position: 50% 50%; background-size: cover; background-color: #f2f2f2; overflow: hidden; box-shadow: 0 0 0 1px #cdcdcd inset; }
.rcmd-list-wrap ul.rcmd-list > li .thumbnail.none{ background-image: url(../../images/common/none_thumbnail_logo.png); background-size: auto; background-color: #f2f2f2;}
.rcmd-list-wrap ul.rcmd-list > li .thumbnail > img{ max-width: 100%; max-height: 100%; width: 100%; height: 100%; /* object-fit: cover; */ cursor: pointer;}
.rcmd-list-wrap ul.rcmd-list > li .info{ float: left; width: 100%; height: 137px; padding: 17px 20px 20px; border-radius: 0 0 12px 12px; background: #fff; box-sizing: border-box; overflow: hidden; cursor: pointer;}
.rcmd-list-wrap ul.rcmd-list > li .info > span{ float: left; line-height: 12px; text-align: left; font-size: 12px; color: #828282; font-weight: 500; letter-spacing: -0.24px;}
.rcmd-list-wrap ul.rcmd-list > li .info > h4{ float: left; width: 100%; height: 50px; margin: 8px 0; line-height: 25px; text-align: left; font-size: 18px; color: #222; font-weight: 700; letter-spacing: -0.36px; overflow: hidden; text-overflow: ellipsis; display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical; word-wrap:break-word;}
.rcmd-list-wrap ul.rcmd-list > li .info > p.price{ float: left; width: 100%; line-height: 24px; text-align: right; font-size: 20px; color: #828282; font-weight: 400; letter-spacing: -0.4px;}
 
.job-clasf-wrap > h3.list-sub-tit{ width: 100%; line-height: 44px; text-align: left; font-size: 25px; color: #000; font-weight: 700; letter-spacing: -0.5px;}
.job-clasf-wrap > h3.list-sub-tit > span{ margin-left: 20px; vertical-align: middle; line-height: 16px; font-size: 14px; color: #54595e; font-weight: 400; letter-spacing: -0.28px;}
.job-clasf-wrap > h3.list-sub-tit > span > strong{ margin: 0 4px; color: #000; font-weight: 700;}
.job-clasf-wrap > h3.list-sub-tit > button{ float: right; height: 44px; line-height: 19px; text-align: right; font-size: 15px; color: #828282; font-weight: 400; letter-spacing: -0.3px; border: none; background: none;}
.job-clasf-wrap > h3.list-sub-tit > button::after{ display: inline-block; content: ''; width: 16px; height: 16px; margin-left: 5px; vertical-align: middle; background: url(../../images/sub/icon_notice_more.png) no-repeat 50% 50%;}
.job-clasf-wrap .clasf-wrap{ width: 100%; margin-top: 15px; margin-bottom: 40px;}
.job-clasf-wrap .clasf-wrap .clasf-box{ width: 100%;}
.job-clasf-wrap .clasf-wrap .clasf-box:last-child{ border-bottom: 1px solid #b7b7b7;}
.job-clasf-wrap .clasf-wrap .clasf-box > h4{ width: 100%; padding: 22px; line-height: 24px; text-align: left; font-size: 20px; color: #000; font-weight: 600; letter-spacing: -0.4px; border-top: 1px solid #b7b7b7; background: #f8f9fa; box-sizing: border-box;}
.job-clasf-wrap .clasf-wrap .clasf-box > h4 > button{ float: right; width: 20px; height: 20px; vertical-align: middle; border: none; background: url(../../images/sub/btn_toggle_hide.svg) no-repeat 50% 50%;}
.job-clasf-wrap .clasf-wrap .clasf-box.hide > h4 > button{ background: url(../../images/sub/btn_toggle_show.svg) no-repeat 50% 50%;}
.job-clasf-wrap .clasf-wrap .clasf-box > ul{ display: flex; gap: 15px; flex-wrap: wrap; justify-content: start; width: 100%; padding: 10px 15px; box-sizing: border-box;}
.job-clasf-wrap .clasf-wrap .clasf-box > ul > li{ width: calc(20% - 12px); padding: 16px 5px; line-height: 19px; text-align: left; font-size: 15px; color: #343a40; font-weight: 400; letter-spacing: -0.3px; box-sizing: border-box; cursor: pointer;}
.job-clasf-wrap .clasf-wrap .clasf-box > ul > li:hover{ color: #001f90; font-weight: 600;}
.job-clasf-wrap .clasf-wrap .clasf-box > ul > li:hover::after{ display: inline-block; content: ''; width: 18px; height: 18px; vertical-align: middle; margin-left: 4px; background: url(../../images/sub/icon_check_blue.png) no-repeat 50% 50%;}
 
/* NCS직업교육 > NCS인정강의 강의목록 */
.ncs-class-wrap .tab-content{ padding-top: 40px;}
.ncs-class-wrap .search-wrap{ display: flex; align-items: center;}
.ncs-class-wrap .search-wrap .right-wrap{ margin-left: auto;}

.pckg-list{ height: 530px;}
.pckg-list .category-box{ width: 100%; padding-top: 38px; margin-bottom: 0; border-top: 1px solid #dee2e6;}
.pckg-list .slick-arrow{ position: absolute; top: -97px; width: 36px; height: 36px; border-radius: 6px; border: 1px solid #c0c0c0; background-size: auto; background-repeat: no-repeat; background-position: center center; background-color: #fff; box-sizing: border-box; text-indent: -999em; }
.pckg-list .slick-arrow.slick-prev{ right: 40px; background-image: url(../../images/sub/btn_slide_prev.png); }
.pckg-list .slick-arrow.slick-next{ right: 0; background-image: url(../../images/sub/btn_slide_next.png); }
.pckg-list .slick-arrow.slick-prev.slick-disabled{ background-image: url(../../images/sub/btn_slide_prev_disabled.png); }
.pckg-list .slick-arrow.slick-next.slick-disabled{ background-image: url(../../images/sub/btn_slide_next_disabled.png); }
.pckg-list .btn-default{ width: 100%; height: 50px; line-height: 50px;  font-size: 16px; font-weight: bold; color: #212529; letter-spacing: -0.32px; border: 1px solid #c0c0c0; border-radius: 6px; background: #fff; text-align: center; }
.pckg-list .btn-point{ color: #001f90; }

.pckg-list .lctr-list{ position: relative; display: flex; gap: 35px 20px; flex-wrap: wrap; width: 100%; padding: 30px 10px 0; box-sizing: border-box;}
.pckg-list .lctr-list .slick-list{ margin: 0 -15px;}
.pckg-list .lctr-list li.slick-slide{ width: calc(33.33% - 13.4px); margin: 0 15px;}
.pckg-list .lctr-list li.slick-slide .thumbnail{ display: flex; justify-content: center; align-items: center; width: 100%; height: 155.5px; margin-bottom: 16px; border-radius: 12px; background-repeat: no-repeat; background-position: 50% 50%; background-size: cover; background-color: #f2f2f2; overflow: hidden; cursor: pointer;}
.pckg-list .lctr-list li.slick-slide .thumbnail.none{ background-image: url(../../images/common/none_thumbnail_logo.png); background-size: auto; background-color: #f2f2f2;}
.pckg-list .lctr-list li.slick-slide .thumbnail > img{ max-width: 100%; max-height: 100%;}
.pckg-list .lctr-list li.slick-slide .tag-wrap{ display: flex; gap: 5px; min-height: 18px; padding: 0 5px; box-sizing: border-box;}
.pckg-list .lctr-list li.slick-slide .tag-wrap > span{ display: inline-block; width: auto; height: 18px; padding: 3px 6px; line-height: 12px; text-align: center; font-size: 10px; font-weight: 500; border-radius: 3px;}
.pckg-list .lctr-list li.slick-slide .tag-wrap > span.gray{ color: #212529; background: #e9ecef;}
.pckg-list .lctr-list li.slick-slide .tag-wrap > span.blue{ color: #111d28; background: #cee8ff;}
.pckg-list .lctr-list li.slick-slide .tag-wrap > span.green{ color: #12412c; background: #dfe8e4;}
.pckg-list .lctr-list li.slick-slide .tag-wrap > span.red{ color: #8e0707; background: #ffe9e2;}
.pckg-list .lctr-list li.slick-slide .tag-wrap > span.yellow{ color: #8e0707; background: #fff3cd;}
.pckg-list .lctr-list li.slick-slide .tag-wrap > span.purple{ color: #59359a; background: #e9e2f5;}
.pckg-list .lctr-list li.slick-slide h4{ height: 44px; padding: 0 5px; margin: 12px 0 15px; line-height: 22px; text-align: left; font-size: 18px; color: #222; font-weight: 700; letter-spacing: -0.36px; overflow: hidden; text-overflow: ellipsis; display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical; word-wrap:break-word; cursor: pointer;}
.pckg-list .lctr-list li.slick-slide > ul{ display: flex; gap: 5px; flex-direction: column; width: 100%; padding: 0 5px;}
.pckg-list .lctr-list li.slick-slide > ul > li{ width: 100%; }
.pckg-list .lctr-list li.slick-slide > ul > li > span{ float: left; line-height: 15px; text-align: left; font-size: 12px; color: #6c757d; font-weight: 500; letter-spacing: -0.24px;}
.pckg-list .lctr-list li.slick-slide > ul > li > i{ float: left; width: 15px; height: 15px; margin-top: -3px; margin-left: 4px; vertical-align: middle;}
.pckg-list .lctr-list li.slick-slide > ul > li > p{ float: right; width: auto; line-height: 15px; text-align: right; font-size: 12px; color: #343a40; font-weight: 400; letter-spacing: -0.24px;}

.pkgIdx-content table.table-column tr th{ font-size: 18px; font-weight: 500; text-align: left;  letter-spacing: -0.36px; line-height: 28.8px; text-align: left; }
.pkgIdx-content .pd-text-left{ text-align: left; }
.pkgIdx-content .pd-font-medium{ font-weight: 500; color: #212529; }

/* ------------------------------------------------------- 자격증 */
/* 자격증 > 전체보기 */
.cert-wrap .category-box .lctr-list > li{ width: calc(25% - 15px);}
.cert-wrap .category-box .lctr-list > li > button.btn-default{ width: 100%; margin-top: 16px;}
.cert-wrap .cert-board-wrap{ display: flex; gap: 20px; width: 100%; margin-bottom: 70px;}
.cert-wrap .cert-board-wrap .cert-board{ width: calc(50% - 10px);}
.cert-wrap .cert-board-wrap .cert-board > h3{ width: 100%; padding: 20px 15px; line-height: 20px; text-align: left; font-size: 20px; color: #000; font-weight: 600; letter-spacing: -0.4px; border-top: 1px solid #b7b7b7; background: #f8f9fa; box-sizing: border-box;}
.cert-wrap .cert-board-wrap .cert-board > h3 > button{ float: right; line-height: 20px; text-align: right; font-size: 15px; color: #828282; font-weight: 400; letter-spacing: 0.3px; border-radius: 0; border: none; background: none;}
.cert-wrap .cert-board-wrap .cert-board > h3 > button > i{ display: inline-block; width: 16px; height: 16px; vertical-align: middle; margin-left: 5px; background: url(../../images/sub/icon_notice_more.png) no-repeat 50% 50%;}
.cert-wrap .cert-board-wrap .cert-board > ul.board-list{ width: 100%; height: 345px;}
.cert-wrap .cert-board-wrap .cert-board > ul.board-list > li{ float: left; width: 100%; padding: 24px 15px; border-bottom: 1px solid #ddd; box-sizing: border-box;}
.cert-wrap .cert-board-wrap .cert-board > ul.board-list > li > p{ float: left; width: calc(100% - 100px); line-height: 20px; text-align: left; font-size: 16px; color: #222; font-weight: 500; letter-spacing: -0.8px;}
.cert-wrap .cert-board-wrap .cert-board > ul.board-list > li > span{ float: left; display: inline-block; width: 100px; line-height: 18px; text-align: right; font-size: 14px; color: #828282; font-weight: 400; letter-spacing: -0.7px;} 

/* 게시판 > 상세 */
.brd-dtl{ margin-bottom: 120px;}
.brd-dtl .tit{ position: relative; display: flex; justify-content: start; gap: 10px; align-items: center; width: 100%; padding: 50px 15px; border-top: 1px solid #000; border-bottom: 1px solid #ced4da; box-sizing: border-box;}
.brd-dtl .tit > h2{ width: calc(100% - 110px); line-height: 42px; text-align: left; font-size: 30px; color: #000; font-weight: 700;}
.brd-dtl .tit > h2 > button.btn-share{ width: 36px; height: 36px; vertical-align: middle; margin-left: 12px; border-radius: 100%; border: 1px solid #c0c0c0; background: url(../../images/sub/btn_share.png) no-repeat 50% 50% #fff;}
.brd-dtl .tit > p{ width: 100px; line-height: 24px; text-align: right; font-size: 17px; color: #6c757d; font-weight: 400; letter-spacing: -0.34px;}
.brd-dtl .tit > .share-tooltip{ display: none; position: absolute; top: 100px; width: 200px; border-radius: 7px; box-shadow: 2px 2px 10px 0 rgba(0, 0, 0, 0.15); background: #fff;}
.brd-dtl .tit > .share-tooltip > h3{ width: 100%; padding: 12px; line-height: 16px; text-align: left; font-size: 13px; color: #212529; font-weight: 600; letter-spacing: -0.26px; box-sizing: border-box;}
.brd-dtl .tit > .share-tooltip > h3 > button{ float :right; width: 20px; height: 20px; border: none; background: url(../../images/sub/btn_close_tooltip.png) no-repeat 50% 50% transparent;}
.brd-dtl .tit > .share-tooltip > ul{ display: flex; flex-direction: column; gap: 12px; width: 100%; padding: 6px 15px 18px; box-sizing: border-box;}
.brd-dtl .tit > .share-tooltip > ul > li{ display: flex; gap: 15px; justify-content: start; align-items: center; width: 100%; cursor: pointer;}
.brd-dtl .tit > .share-tooltip > ul > li > span{ display: block; width: 34px; height: 34px; background-repeat: no-repeat; background-position: center center;}
.brd-dtl .tit > .share-tooltip > ul > li.kakao > span{ background-image: url(../../images/sub/btn_share_kakao.png);}
.brd-dtl .tit > .share-tooltip > ul > li.url > span{ background-image: url(../../images/sub/btn_share_url.png);}
.brd-dtl .tit > .share-tooltip > ul > li > p{ line-height: 19px; text-align: left; font-size: 14px; color: #212529; font-weight: 600; letter-spacing: -0.28px;}
.brd-dtl .cont{ width: 100%; padding: 70px 15px; line-height: normal; text-align: left; font-size: 12px; font-family: Verdana,Geneva,sans-serif; border-bottom: 1px solid #ced4da; box-sizing: border-box;}
.brd-dtl .none-data{ display: flex; justify-content: center; align-items: center; width: 100%; height: 350px; border-top: 1px solid #b7b7b7; border-bottom: 1px solid #dee2e6;}
.brd-dtl .none-data > p{ line-height: 18px; text-align: center; font-size: 15px; color: #6c757d; font-weight: 400; letter-spacing: -0.3px;}
.brd-dtl ul.file-list{ display: flex; gap: 12px; width: 100%; padding: 40px 0 45px; border-bottom: 1px solid #ced4da;}
.brd-dtl ul.file-list > li{ width: 100%; padding: 0 20px;}
.brd-dtl ul.file-list > li > a{ display: block; width: 100%; padding-left: 34px; line-height: 23px; text-align: left; font-size: 18px; color: #222; font-weight: 400; letter-spacing: -0.36px; background: url(../../images/sub/icon_download.png) no-repeat 0 50%; cursor: pointer;}
.brd-dtl ul.file-list > li:hover > a{ text-decoration: underline;}
.brd-dtl .dtl-btn-wrap{ margin-top: 30px;}
.brd-dtl ul.brd-list{ width: 100%; margin-top: 60px; border-top: 1px solid #ced4da;}
.brd-dtl ul.brd-list > li{ width: 100%; height: 84px; border-bottom: 1px solid #ced4da; cursor: pointer;}
.brd-dtl ul.brd-list > li > p{ float: left; display: flex; gap: 10px; justify-content: center; align-items: center; width: 160px; height: 100%; padding: 20px; line-height: 23px; text-align: center; font-size: 18px; color: #212529; font-weight: 600; letter-spacing: -0.36px; background: #fafafa;}
.brd-dtl ul.brd-list > li > p > i{ display: inline-block; width: 24px; height: 24px; background-repeat: no-repeat; background-position: 50% 50%;}
.brd-dtl ul.brd-list > li.prev > p > i{ background-image: url(../../images/sub/icon_brd_prev.png);}
.brd-dtl ul.brd-list > li.next > p > i{ background-image: url(../../images/sub/icon_brd_next.png);}
.brd-dtl ul.brd-list > li.prev.disabled > p > i{ background-image: url(../../images/sub/icon_brd_prev_disabled.png);}
.brd-dtl ul.brd-list > li.next.disabled > p > i{ background-image: url(../../images/sub/icon_brd_next_disabled.png);}
.brd-dtl ul.brd-list > li > div{ float: left; display: flex; gap: 10px; align-items: center; width: calc(100% - 160px); padding: 28px 22px; box-sizing: border-box;}
.brd-dtl ul.brd-list > li > div > p{ max-width: calc(100% - 100px); line-height: 22px; text-align: left; font-size: 18px; color: #6c757d; letter-spacing: -0.36px; overflow: hidden; text-overflow: ellipsis; white-space: nowrap;}
.brd-dtl ul.brd-list > li > div > span{ display: inline-block; width: 90px; margin-left: auto; line-height: 28px; text-align: right; font-size: 16px; color: #6c757d; letter-spacing: -0.32px;}
.brd-dtl ul.brd-list > li.disabled > p{ color: #6c757d; font-weight: 400;}
.brd-dtl ul.brd-list > li.disabled > div{ color: #6c757d;}
.brd-dtl .comment-wrap{ width: 100%;}
.brd-dtl .comment-wrap .enter-wrap{ padding: 30px 25px 34px; box-sizing: border-box;}
.brd-dtl .comment-wrap .enter-wrap > p.user-nm{ width: 100%; margin-bottom: 15px; line-height: 23px; text-align: left; font-size: 18px; color: #000; font-weight: 600; letter-spacing: -0.36px;}
.brd-dtl .comment-wrap .enter-wrap .textarea-wrap{ position: relative; width: 100%;}
.brd-dtl .comment-wrap .enter-wrap .textarea-wrap > textarea{ min-height: 150px; height: auto; padding-bottom: 63px; resize: vertical; overflow-y: auto;}
.brd-dtl .comment-wrap .enter-wrap .textarea-wrap > button.btn-50{ position: absolute; right: 15px; bottom: 15px; min-width: 100px;}
.brd-dtl .comment-wrap .reply-wrap{ width: 100%;}
.brd-dtl .comment-wrap .reply-wrap > h4{ width: 100%; padding: 25px; line-height: 1.3px; text-align: left; font-size: 20px; color: #000; font-weight: 600; letter-spacing: -0.4px; border-top: 1px solid #ced4da; border-bottom: 1px solid #ced4da; background: #fafafa; box-sizing: border-box;}
.brd-dtl .comment-wrap .reply-wrap > h4 > span{ margin-left: 10px; background-image: linear-gradient(118deg, #00278c 5%, #340076 99%); font-size: 20px; font-weight: 700; line-height: 1.3; letter-spacing: -0.4px; text-align: left; -webkit-background-clip: text; background-clip: text; -webkit-text-fill-color: transparent;}
.brd-dtl .comment-wrap .reply-wrap > ul.reply-list{ display: flex; flex-direction: column; width: 100%;}
.brd-dtl .comment-wrap .reply-wrap > ul.reply-list > li{ width: 100%; padding: 25px 30px; border-bottom: 1px solid #ced4da; box-sizing: border-box;}
.brd-dtl .comment-wrap .reply-wrap > ul.reply-list > li > p.reply-nm{ float: left; position: relative; display: inline-block; padding-right: 24px; margin-top: 6px; line-height: 24px; text-align: left; font-size: 16px; color: #212529; font-weight: 400; letter-spacing: -0.32px; background: url(../../images/sub/bg)}
.brd-dtl .comment-wrap .reply-wrap > ul.reply-list > li > p.reply-nm::after{ position: absolute; top: 6px; right: 12px; content: ' '; width: 1px; height: 12px; background: #dee2e6;}
.brd-dtl .comment-wrap .reply-wrap > ul.reply-list > li > span{ float: left; padding-right: 24px; margin-top: 6px; line-height: 24px; text-align: left; font-size: 16px; color: #212529; font-weight: 400; letter-spacing: -0.32px;}
.brd-dtl .comment-wrap .reply-wrap > ul.reply-list > li > button{ float: left;}
.brd-dtl .comment-wrap .reply-wrap > ul.reply-list > li > p.reply-cont{ float: left; width: 100%; margin-top: 15px; line-height: 24px; text-align: left; font-size: 16px; color: #6c757d; font-weight: 400; letter-spacing: -0.32px;}

.cert-dtl .lctr-wrap{ width: 100%; margin-top: 60px;}
.cert-dtl .lctr-wrap > h2{ width: 100%; line-height: 40px; text-align: left; font-size: 25px; color: #000; font-weight: 700; letter-spacing: -0.5px;}
.cert-dtl .lctr-wrap > ul.lctr-list{ width: 100%; margin-top: 15px; border-top: 1px solid #000;}
.cert-dtl .lctr-wrap > ul.lctr-list > li{ float: left; width: 100%; padding: 30px 10px; border-bottom: 1px solid #dee2e6; box-sizing: border-box;}
.cert-dtl .lctr-wrap > ul.lctr-list > li > h3{ width: 100%; margin-bottom: 20px; line-height: 24px; text-align: left; font-size: 20px; color: #212529; letter-spacing: -0.4px; font-weight: 500; cursor: pointer;}
.cert-dtl .lctr-wrap > ul.lctr-list > li > h3:hover{ text-decoration: underline;}
.cert-dtl .lctr-wrap > ul.lctr-list > li > ul{ width: 100%;}
.cert-dtl .lctr-wrap > ul.lctr-list > li > ul > li{ position: relative; float: left; width: auto; padding-right: 20px; margin-right: 20px;}
.cert-dtl .lctr-wrap > ul.lctr-list > li > ul > li::before{ position: absolute; top: 3px; right: 0; content: ' '; width: 1px; height: 12px; background: #dee2e6;}
.cert-dtl .lctr-wrap > ul.lctr-list > li > ul > li:last-child{ padding-right: 0; margin-right: 0;}
.cert-dtl .lctr-wrap > ul.lctr-list > li > ul > li:last-child::before{ content: none;}
.cert-dtl .lctr-wrap > ul.lctr-list > li > ul > li > p{ display: inline-block; margin-right: 15px; line-height: 17px; text-align: left; font-size: 14px; color: #212529; letter-spacing: -0.28px;}
.cert-dtl .lctr-wrap > ul.lctr-list > li > ul > li > span{ line-height: 17px; text-align: left; font-size: 14px; color: #6c757d; font-weight: 400; letter-spacing: -0.28px;}
.cert-dtl .lctr-wrap > ul.lctr-list > li > ul > li > span > strong{ color: #212529; font-weight: 700;}

/* 과정상세 */
.cos-dtl-wrap .tag-wrap{ display: flex; gap: 5px; width: 100%; margin-bottom: 20px;}
.cos-dtl-wrap .tag-wrap > span{ display: inline-block; width: auto; height: 24px; padding: 5px 8px; line-height: 14px; text-align: center; font-size: 12px; color: #111d28; font-weight: 500; border-radius: 3px;}
.cos-dtl-wrap .tag-wrap > span.blue{ color: #111d28; background: #cee8ff;}
.cos-dtl-wrap .tag-wrap > span.red{ color: #8e0707; background: #e9e2f5;}
.cos-dtl-wrap .tag-wrap > span.purple{ color: #59359a; background: #e9e2f5;}
.cos-dtl-wrap .tag-wrap > span.green{ color: #12412c; background: #dfe8e4;}
.cos-dtl-wrap > h2{ line-height: 36px; text-align: left; font-size: 30px; color: #000; font-weight: 700; letter-spacing: -0.6px;}
.cos-dtl-wrap > h2 > button{ float: right; width: 40px; height: 40px; border-radius: 100%; border: 1px solid #c0c0c0; background: url(../../images/sub/icon_cart_off.png) no-repeat 50% 50% #fff;}
.cos-dtl-wrap > h2 > button.on{ background: url(../../images/sub/icon_cart_on.png) no-repeat 50% 50% #fff;}
.cos-dtl-wrap .cos-top{ display: flex; gap: 30px; width: 100%; padding-top: 24px; margin-top: 24px; border-top: 1px solid #343a40;}
.cos-dtl-wrap .cos-top .lctr-wrap{ display: flex; flex-direction: column; gap: 15px; width: 510px;}
.cos-dtl-wrap .cos-top .lctr-wrap .video{ display: flex; justify-content: center; align-items: center; width: 100%; height: 290px; background-repeat: no-repeat; background-position: 50% 50%; background-size: cover; background-color: #fafafa; overflow: hidden;}
.cos-dtl-wrap .cos-top .lctr-wrap .video.thumb-none{ background-image: url(../../images/common/none_thumbnail_logo.png); background-size: auto; background-color: #f2f2f2;}
.cos-dtl-wrap .cos-top .lctr-wrap .video > video{ width: 100%;}
.cos-dtl-wrap .cos-top .lctr-wrap .video > img{ max-width: 100%; max-height: 100%;}
.cos-dtl-wrap .cos-top .lctr-wrap > button{ width: 100%;}
.cos-dtl-wrap .cos-top .lctr-wrap > ul{ display: flex; gap: 0 25px; flex-wrap: wrap; padding: 16px 25px 20px; border-radius: 4px; background: #f8f8f8;}
.cos-dtl-wrap .cos-top .lctr-wrap > ul > li{ width: calc(50% - 12.5px);}
.cos-dtl-wrap .cos-top .lctr-wrap > ul > li > span{ float: left; width: 80px; margin-right: 10px; line-height: 34px; text-align: left; font-size: 14px; color: #6c757d; font-weight: 500; letter-spacing: -0.28px;}
.cos-dtl-wrap .cos-top .lctr-wrap > ul > li > p{ float: left; width: calc(100% - 90px); padding: 8px 0; line-height: 17.5px; text-align: left; font-size: 14px; color: #212529; font-weight: 500; letter-spacing: -0.28px;}
.cos-dtl-wrap .cos-top .lctr-wrap > ul > li > p > i.star{ display: inline-block; width: 18px; height: 18px; margin-top: -3px; vertical-align: middle; background: url(../../images/sub/icon_star.png) no-repeat 50% 50%;}
.cos-dtl-wrap .cos-top .lctr-wrap > ul > li > p > span{ margin: 0 5px; font-size: 15px; font-weight: 700; letter-spacing: -0.3px;}
.cos-dtl-wrap .cos-top .lctr-wrap > ul > li > p > a{ font-weight: 700; text-decoration: underline;}
.cos-dtl-wrap .cos-top .cos-info{ width: calc(100% - 510px);}
.cos-dtl-wrap .cos-top .cos-info > ul.info-list{ display: flex; flex-direction: column; gap: 20px;}
.cos-dtl-wrap .cos-top .cos-info > ul.info-list > li{ display: flex; gap: 10px; width: 100%;}
.cos-dtl-wrap .cos-top .cos-info > ul.info-list > li > span{ width: 120px; line-height: 36px; text-align: left; font-size: 15px; color: #6c757d; font-weight: 500; letter-spacing: -0.3px;}
.cos-dtl-wrap .cos-top .cos-info > ul.info-list > li > p{ width: calc(100% - 130px);}
.cos-dtl-wrap .cos-top .cos-info > ul.info-list > li > div{ display: flex; width: 100%; padding: 10px 0;}
.cos-dtl-wrap .cos-top .cos-info > ul.info-list > li > span+div{ width: calc(100% - 130px); padding: 0;}
.cos-dtl-wrap .cos-top .cos-info > ul.info-list > li > div > p{ padding: 8.5px 0; line-height: 18.8px; text-align: left; font-size: 15px; color: #212529; font-weight: 500; letter-spacing: -0.3px;}
.cos-dtl-wrap .cos-top .cos-info > ul.info-list > li > div > ul.radio-list{ flex-direction: column; gap: 8px; align-items: start;}
.cos-dtl-wrap .cos-top .cos-info > ul.info-list > li > div > ul.radio-list > li{ height: auto;}
.cos-dtl-wrap .cos-top .cos-info > ul.info-list > li > div > ul.radio-list > li input[type=radio]+label{ line-height: 32px;}
.cos-dtl-wrap .cos-top .cos-info > ul.info-list > li > div > ul.radio-list > li span.none-prd{ line-height: 19px; font-size: 15px; letter-spacing: -0.3px;}
.cos-dtl-wrap .cos-top .cos-info > ul.info-list > li > div > ul.radio-list > li span.none-prd::before{ content: ''; display: inline-block; width: 18px; height: 18px; vertical-align: middle; margin-right: 4px; background: url(../../images/sub/icon_alert.png) no-repeat 50% 50%;}
.cos-dtl-wrap .cos-top .cos-info > ul.info-list > li > div > ul.radio-list#edu_term_ul > li input[type=radio]+label{ letter-spacing: -0.5px;}
.cos-dtl-wrap .cos-top .cos-info > ul.info-list > li > div > ul.check-list{ flex-direction: column; gap: 8px; align-items: start;}
.cos-dtl-wrap .cos-top .cos-info > ul.info-list > li > div > ul.check-list > li{ height: 32px;}
.cos-dtl-wrap .cos-top .cos-info > ul.info-list > li > div > ul.check-list > li input[type=checkbox]+label{ line-height: 32px;}
.cos-dtl-wrap .cos-top .cos-info > ul.info-list > li > div.banner{ align-items: center; border-radius: 6px; box-sizing: border-box;}
.cos-dtl-wrap .cos-top .cos-info > ul.info-list > li > div.banner.apply-banner{ padding: 20px; border: 1px solid #dde3f2; background: #f0f6ff;}
.cos-dtl-wrap .cos-top .cos-info > ul.info-list > li > div.banner.apply-banner p{ padding: 0; line-height: 21px; text-align: left; font-size: 16px; color: #343a40; font-weight: 500; letter-spacing: -0.32px;}
.cos-dtl-wrap .cos-top .cos-info > ul.info-list > li > div.banner.apply-banner p > span{ color: #001f90; font-weight: 700;}
.cos-dtl-wrap .cos-top .cos-info > ul.info-list > li > div.banner.apply-banner a{ margin-left: auto; line-height: 15px; font-size: 13px; color: #001f90; font-weight: 600; letter-spacing: -0.26px; text-decoration: underline;}
.cos-dtl-wrap .cos-top .cos-info > ul.info-list > li > div.banner.apply-banner a > i{ display: inline-block; width: 15px; height: 15px; margin-top: -2px; margin-left: 4px; vertical-align: middle; background: url(../../images/sub/icon_apply_banner.png) no-repeat 50% 50%;}
.cos-dtl-wrap .cos-top .cos-info > ul.info-list > li > div.banner.support-banner{ justify-content: end; gap: 5px; padding: 15px 20px; border: 1px solid #dee2e6; background: #fff;}
.cos-dtl-wrap .cos-top .cos-info > ul.info-list > li > div.banner.support-banner > span{ margin-right: auto; line-height: 36px; text-align: left; font-size: 15px; color: #001f90; font-weight: 500; letter-spacing: -0.3px;}
.cos-dtl-wrap .cos-top .cos-info > ul.info-list > li > div.banner.support-banner > span::before{ content: ''; display: inline-block; width: 18px; height: 18px; margin-right: 5px; vertical-align: middle; background: url(../../images/sub/icon_alert_blue.png) no-repeat 50% 50%; background-size: 18px;}
.cos-dtl-wrap .cos-top .cos-info > ul.info-list > li > div.banner.support-banner > p{ width: auto; height: 36px; padding: 10px 15px; line-height: 16px; text-align: left; font-size: 13px; color: #212529; font-weight: 500; letter-spacing: -0.26px; border-radius: 100px; background: #f8f8f8;}
.cos-dtl-wrap .cos-top .cos-info > ul.info-list > li > div.banner.support-banner > p > span{ margin-left: 10px; line-height: 16px; font-size: 13px; color: #343a40; font-weight: 400; letter-spacing: -0.26px;}
.cos-dtl-wrap .cos-top .cos-info > ul.info-list > li > div.banner.support-banner > p > span > strong{ color: #212529; font-weight: 700; letter-spacing: -0.26px;}
.cos-dtl-wrap .cos-top .cos-info > ul.info-list > li > div.flex-wrap{ flex-wrap: wrap;}
.cos-dtl-wrap .cos-top .cos-info > ul.info-list > li > div.flex-wrap > span.sub-text{ display: block; width: 100%; margin-top: 8px; line-height: 20px; text-align: left; color: #6c757d; font-weight: 400;}
.cos-dtl-wrap .cos-top .cos-info > ul.info-list > li > div > button{ min-width: 130px; margin-left: auto;}
.cos-dtl-wrap .cos-top .cos-info > ul.info-list > li > div > button > i{ display: inline-block; width: 15px; height: 15px; margin-left: 4px; vertical-align: middle; background-repeat: no-repeat; background-position: 50% 50%;}
.cos-dtl-wrap .cos-top .cos-info > ul.info-list > li > div > button.btn-stnd > i{ background-image: url(../../images/sub/icon_cmplt_stnd.png);}
.cos-dtl-wrap .cos-top .cos-info > ul.info-list > li > div > button.btn-aplTp > i{ background-image: url(../../images/sub/icon_apply_type.png);}
.cos-dtl-wrap .cos-top .cos-info > ul.info-list > li > div > button.btn-certi > i{ background-image: url(../../images/sub/icon_certi.png);}
.cos-dtl-wrap .cos-top .cos-info > ul.amount-box{ display: flex; flex-direction: column; gap: 8px; width: 100%; padding: 20px 18px; margin: 20px 0; border-radius: 4px; background: #f8f8f8;}
.cos-dtl-wrap .cos-top .cos-info > ul.amount-box li{ display: flex; align-items: center; width: 100%;}
.cos-dtl-wrap .cos-top .cos-info > ul.amount-box li > span{ line-height: 18px; text-align: left; font-size: 15px; color: #6c757d; font-weight: 400; letter-spacing: -0.3px;}
.cos-dtl-wrap .cos-top .cos-info > ul.amount-box li > p{ margin-left: auto; font-size: 16px; color: #343a40; font-weight: 400; letter-spacing: -0.32px;}
.cos-dtl-wrap .cos-top .cos-info > ul.amount-box li > p > strong{ color: #212529; font-weight: 400;}
.cos-dtl-wrap .cos-top .cos-info > ul.amount-box li > p.text-red{ color: #dc3545;}
.cos-dtl-wrap .cos-top .cos-info > ul.amount-box li > p.text-red > strong{ color: #dc3545;}
.cos-dtl-wrap .cos-top .cos-info > ul.amount-box li.total{ padding-top: 15px; margin-top: 6px; line-height: 34px; border-top: 1px solid #dee2e6;}
.cos-dtl-wrap .cos-top .cos-info > ul.amount-box li.total > p{ line-height: 33px; font-size: 20px; color: #495057; letter-spacing: -0.4px;}
.cos-dtl-wrap .cos-top .cos-info > ul.amount-box li.total > p > strong{ line-height: 33px; font-size: 28px; color: #212529; font-weight: 700; letter-spacing: -0.56px;}
.cos-dtl-wrap .cos-top .cos-info > .btn-wrap > button{ width: 100%;}
.cos-dtl-wrap .cos-top .cos-info > .btn-wrap > button > span{ font-size: 16px; font-weight: 500; color: #6c757d; letter-spacing: -0.32px;}
.cos-dtl-wrap .cos-bot{ padding-top: 40px;}
.cos-dtl-wrap .cos-cont-wrap{ width: 100%; padding-top: 60px;}
.cos-dtl-wrap .cos-cont-wrap .cos-cont{ display: flex; gap: 20px; flex-direction: column; width: 100%; margin-bottom: 80px;}
.cos-dtl-wrap .cos-cont-wrap .cos-cont:last-child{ margin-bottom: 0;}
.cos-dtl-wrap .cos-cont-wrap .cos-cont > img.cos-cont-img{ width: auto; max-width: 100%; margin: 0 auto 80px;}
.cos-dtl-wrap .cos-cont-wrap .cos-cont > img.cos-cont-img.mb{ display: none;}
.cos-dtl-wrap .cos-cont-wrap .cos-cont > h3{ line-height: 40px; text-align: left; font-size: 25px; color: #000; font-weight: 700; letter-spacing: -0.5px;}
.cos-dtl-wrap .cos-cont-wrap .cos-cont > ul{ display: inline-block; width: 100%; border-top: 1px solid #dee2e6;}
.cos-dtl-wrap .cos-cont-wrap .cos-cont > ul > li{ display: flex; justify-content: start; align-items: start; gap: 10px; width: 100%; padding: 38px 22px;; border-bottom: 1px solid #dee2e6;}
.cos-dtl-wrap .cos-cont-wrap .cos-cont > ul > li > span{ width: 160px; line-height: 28px; text-align: left; font-size: 18px; color: #000; font-weight: 400; letter-spacing: -0.36px;}
.cos-dtl-wrap .cos-cont-wrap .cos-cont > ul > li > div{ width: calc(100% - 170px);}
.cos-dtl-wrap .cos-cont-wrap .cos-cont > ul > li > div > p{ line-height: 25px; text-align: left; font-size: 16px; color: #6c757d; font-weight: 400;}
.cos-dtl-wrap .cos-cont-wrap .cos-cont > ul > li > div > p.caution{ color: #6c757d;}
/* .cos-dtl-wrap .cos-cont-wrap .cos-cont > ul > li > div > textarea{ padding: 0; border: none; height: auto; line-height: 25px; text-align: left; font-size: 16px; color: #6c757d; font-weight: 400; overflow-y: auto;} */
.cos-dtl-wrap .cos-cont-wrap .cos-cont > ul > li > div > table.table-column{ margin-top: 20px;}
.cos-dtl-wrap .cos-cont-wrap .cos-cont > ul.istr-list > li{ padding: 0; border-bottom: 1px solid #000;}
.cos-dtl-wrap .cos-cont-wrap .cos-cont > ul.istr-list > li:last-child{ border-bottom: 1px solid #dee2e6;}
.cos-dtl-wrap .cos-cont-wrap .cos-cont > ul.istr-list > li > ul{ width: 100%;}
.cos-dtl-wrap .cos-cont-wrap .cos-cont > ul.istr-list > li > ul > li{ display: flex; justify-content: start; align-items: start; gap: 10px; width: 100%; padding: 38px 22px;; border-bottom: 1px solid #dee2e6;}
.cos-dtl-wrap .cos-cont-wrap .cos-cont > ul.istr-list > li > ul > li:last-child{ border-bottom: none;}
.cos-dtl-wrap .cos-cont-wrap .cos-cont > ul.istr-list > li > ul > li > span{ width: 160px; line-height: 28px; text-align: left; font-size: 18px; color: #000; font-weight: 400; letter-spacing: -0.36px;}
.cos-dtl-wrap .cos-cont-wrap .cos-cont > ul.istr-list > li > ul > li > div{ width: calc(100% - 170px);}
.cos-dtl-wrap .cos-cont-wrap .cos-cont > ul.istr-list > li > ul > li > div > p{ line-height: 25px; text-align: left; font-size: 16px; color: #6c757d; font-weight: 400;}
.cos-dtl-wrap .cos-cont-wrap .cos-cont#cosCont3{ gap: 0;}
.cos-dtl-wrap .cos-cont-wrap .cos-cont > h4.lctr-tit{ width: 100%; padding: 25px; margin-top: 20px; line-height: 29px; text-align: left; font-size: 18px; color: #000; font-weight: 400; letter-spacing: -0.36px; border-top: 1px solid #eee; background: #f8f8f8; box-sizing: border-box;}
.cos-dtl-wrap .cos-cont-wrap .cos-cont > ul.lctr-list{ width: 100%;}
.cos-dtl-wrap .cos-cont-wrap .cos-cont > ul.lctr-list > li{ display: flex; padding: 0;}
.cos-dtl-wrap .cos-cont-wrap .cos-cont > ul.lctr-list > li > span.lctr-unit{ width: auto; min-width: 100px; padding: 25px 20px; line-height: 25px; text-align: center; font-size: 16px; color: #6c757d; font-weight: 400; letter-spacing: -0.32px; box-sizing: border-box;}
.cos-dtl-wrap .cos-cont-wrap .cos-cont > ul.lctr-list > li > p{ padding: 25px 20px; line-height: 25px; text-align: left; font-size: 16px; color: 212529; font-weight: 400; letter-spacing: -0.32px;}
.cos-dtl-wrap .cos-cont-wrap .cos-cont > ul.lctr-list > li > span.lctr-time{ width: auto; min-width: 100px; padding: 25px 20px; margin-left: auto; line-height: 25px; text-align: center; font-size: 16px; color: #6c757d; font-weight: 400; letter-spacing: -0.32px; box-sizing: border-box;}
.cos-dtl-wrap .cos-cont-wrap .cos-cont .category-box > ul.lctr-list{ display: flex; gap: 20px 30px; flex-wrap: wrap; padding: 0;}
.cos-dtl-wrap .cos-cont-wrap .cos-cont .category-box > ul.lctr-list > li{ width: calc(25% - 25.5px);}
.cos-dtl-wrap .cos-cont-wrap .cos-cont > .bk-list{ display: flex; flex-direction: column; gap: 10px;}
.cos-dtl-wrap .cos-cont-wrap .cos-cont > .bk-list > .bk-wrap{ display: flex; gap: 0 30px; flex-wrap: wrap; width: 100%; padding: 3px 0; border-top: 1px solid #000;}
.cos-dtl-wrap .cos-cont-wrap .cos-cont > .bk-list > .bk-wrap:first-child{ border-top: none;}
.cos-dtl-wrap .cos-cont-wrap .cos-cont > .bk-list > .bk-wrap .bk-img{ width: 250px; height: 305px; padding: 40px; box-sizing: border-box;}
.cos-dtl-wrap .cos-cont-wrap .cos-cont > .bk-list > .bk-wrap .bk-info{ width: calc(100% - 280px); padding: 30px 0;}
.cos-dtl-wrap .cos-cont-wrap .cos-cont > .bk-list > .bk-wrap .bk-info > h4{ width: 100%; margin-bottom: 30px; line-height: 25px; text-align: left; font-size: 18px; color: #000; font-weight: 500; letter-spacing: -0.36px;}
.cos-dtl-wrap .cos-cont-wrap .cos-cont > .bk-list > .bk-wrap .bk-info > ul{ display: flex; gap: 6px; flex-direction: column; width: 100%; padding: 18px; border-radius: 4px; background: #f8f8f8; box-sizing: border-box;}
.cos-dtl-wrap .cos-cont-wrap .cos-cont > .bk-list > .bk-wrap .bk-info > ul > li{ display: flex; align-items: center; gap: 10px; width: 100%; padding: 3px 0;}
.cos-dtl-wrap .cos-cont-wrap .cos-cont > .bk-list > .bk-wrap .bk-info > ul > li > span{ width: 120px; line-height: 18px; text-align: left; font-size: 14px; color: #6c757d; font-weight: 400; letter-spacing: -0.28px;}
.cos-dtl-wrap .cos-cont-wrap .cos-cont > .bk-list > .bk-wrap .bk-info > ul > li > p{ line-height: 18px; text-align: left; font-size: 14px; color: #6c757d; font-weight: 500; letter-spacing: -0.28px;}
.cos-dtl-wrap .cos-cont-wrap .cos-cont > .bk-list > .bk-wrap .bk-info > ul > li > p > s{ font-weight: 400; color: #dc3545;}
.cos-dtl-wrap .cos-cont-wrap .cos-cont > .bk-list > .bk-wrap .bk-info > ul > li > p.price{ color: #000;}
.cos-dtl-wrap .cos-cont-wrap .cos-cont > .bk-list > .bk-wrap .bk-info > ul > li > p.price > strong{ line-height: 22.5px; font-size: 18px; font-weight: 700; letter-spacing: -0.36px;}
.cos-dtl-wrap .cos-cont-wrap .cos-cont > .bk-list > .bk-wrap .idx-list{ width: 100%; padding: 22px; margin: 0 0 40px; border-top: 1px solid #eee; border-bottom: 1px solid #eee; box-sizing: border-box;}
.cos-dtl-wrap .cos-cont-wrap .cos-cont > .bk-list > .bk-wrap .idx-list > h4{ width: 100%; margin-bottom: 4px; line-height: 27px; text-align: left; font-size: 18px; color: #212529; font-weight: 500;}
.cos-dtl-wrap .cos-cont-wrap .cos-cont > .bk-list > .bk-wrap .idx-list > p{ line-height: 27px; text-align: left; font-size: 16px; color: #6c757d; font-weight: 400;}
.cos-dtl-wrap .cos-cont-wrap .cos-cont > .review-box{ display: flex; align-items: center; gap: 40px; width: 100%; padding: 30px 40px; border-top: 1px solid #e9ecef; border-bottom: 1px solid #e9ecef; box-sizing: border-box;}
.cos-dtl-wrap .cos-cont-wrap .cos-cont > .review-box > .score{ width: 160px;}
.cos-dtl-wrap .cos-cont-wrap .cos-cont > .review-box > .score > p{ width: 100%; margin-bottom: 20px; text-align: center; font-size: 36px; color: #212529; font-weight: 700; letter-spacing: -0.72px;}
.cos-dtl-wrap .cos-cont-wrap .cos-cont > .review-box > .score > ul.star-list{ width: 100%;}
.cos-dtl-wrap .cos-cont-wrap .cos-cont > .review-box > .score > span{ display: block; width: 100%; margin-top: 8px; font-size: 14px; color: #6c757d; font-weight: 400; letter-spacing: -0.28px;}
.cos-dtl-wrap .cos-cont-wrap .cos-cont > .review-box > span.bar{ display: block; width: 1px; height: 90px; background: #e9ecef;}
.cos-dtl-wrap .cos-cont-wrap .cos-cont > .review-box > ul.avg-wrap{ width: 100%;}
.cos-dtl-wrap .cos-cont-wrap .cos-cont > .review-box > ul.avg-wrap > li{ display: flex; gap: 10px; align-items: center; justify-content: start;}
.cos-dtl-wrap .cos-cont-wrap .cos-cont > .review-box > ul.avg-wrap > li > span{ width: 22px; line-height: 27px; text-align: left; font-size: 14px; color: #212529; font-weight: 400; letter-spacing: -0.28px;}
.cos-dtl-wrap .cos-cont-wrap .cos-cont > .review-box > ul.avg-wrap > li > div{ position: relative; width: calc(100% - 32px); height: 8px; border-radius: 100px; background: #e9ecef;}
.cos-dtl-wrap .cos-cont-wrap .cos-cont > .review-box > ul.avg-wrap > li > div > span{ position: absolute; top: 0; left: 0; height: 8px; border-radius: 100px; background: #ffbe0b;}
.cos-dtl-wrap .cos-cont-wrap .cos-cont > .event-wrap{ display: flex; align-items: center; width: 100%; padding: 30px 45px 30px 35px; border-radius: 10px; background: #f8f8f8; box-sizing: border-box;}
.cos-dtl-wrap .cos-cont-wrap .cos-cont > .event-wrap > div{ display: flex; flex-direction: column; justify-content: start; align-items: start;}
.cos-dtl-wrap .cos-cont-wrap .cos-cont > .event-wrap > div > p{ width: 100%; margin-bottom: 10px; line-height: 31px; text-align: left; font-size: 24px; color: #000; font-weight: 600; letter-spacing: -1.2px;}
.cos-dtl-wrap .cos-cont-wrap .cos-cont > .event-wrap > div > span{ line-height: 24px; text-align: left; font-size: 16px; color: #6c757d; font-weight: 400; letter-spacing: -0.32px;}
.cos-dtl-wrap .cos-cont-wrap .cos-cont > .event-wrap > div > span > strong{ color: #212529; font-weight: 600;}
.cos-dtl-wrap .cos-cont-wrap .cos-cont > .event-wrap > button{ margin-left: auto;}
.cos-dtl-wrap .cos-cont-wrap .cos-cont .review-box + .grid-template#reviewList{ border-top: none;}
.cos-dtl-wrap .cos-cont-wrap .cos-cont .event-wrap + .grid-template#reviewList{ border-top: 1px solid #e9ecef;}
.cos-dtl-wrap .cos-cont-wrap .cos-cont .review-td{ padding: 0;}
.cos-dtl-wrap .cos-cont-wrap .cos-cont .review-td > div{ display: flex; gap: 12px 24px; flex-wrap: wrap; width: 100%; padding: 25px; border-bottom: 1px solid #e9ecef; box-sizing: border-box;}
.cos-dtl-wrap .cos-cont-wrap .cos-cont .review-td > div > span.best-tag{ display: inline-block; width: auto; height: 21px; padding: 4px 8px; line-height: 13px; text-align: center; font-size: 11px; color: #664d03; font-weight: 500; border-radius: 3px; background: #fff3cd; box-sizing: border-box;}
.cos-dtl-wrap .cos-cont-wrap .cos-cont .review-td > div > p.name{ line-height: 22.5px; text-align: left; font-size: 15px; color: #212529; font-weight: 400; letter-spacing: -0.3px;}
.cos-dtl-wrap .cos-cont-wrap .cos-cont .review-td > div > ul.score{ display: flex; gap: 3px;}
.cos-dtl-wrap .cos-cont-wrap .cos-cont .review-td > div > div.sbjct-nm{ display: flex; gap: 25px; width: 100%; padding: 15px 25px; border-radius: 6px; background: #fafafa;}
.cos-dtl-wrap .cos-cont-wrap .cos-cont .review-td > div > div.sbjct-nm > span{ line-height: 18px; text-align: left; font-size: 14px; color: #212529; font-weight: 500; letter-spacing: -0.28px;}
.cos-dtl-wrap .cos-cont-wrap .cos-cont .review-td > div > div.sbjct-nm > p{ line-height: 18px; text-align: left; font-size: 14px; color: #6c757d; font-weight: 400; letter-spacing: -0.28px;}
.cos-dtl-wrap .cos-cont-wrap .cos-cont .review-td > div > p.cont{ width: 100%; line-height: 24px; text-align: left; color: #6c757d; font-size: 16px; font-weight: 400; letter-spacing: -0.32px;}
.cos-dtl-wrap .float-bar{ display: flex; gap: 8px; justify-content: end; align-items: center; position: fixed; left: 0; right: 0; bottom: 20px; width: 1200px; height: 90px; padding: 15px 15px 15px 20px; margin: 0 auto; border-radius: 10px; border: 1px solid #f8f9fa; background: #fff; box-shadow: 4px 4px 15px 0 rgba(0, 0, 0, 0.2); box-sizing: border-box; z-index: 99;}
.cos-dtl-wrap .float-bar > h2{ margin-right: auto; line-height: 25px; text-align: left; font-size: 20px; color: #000; font-weight: 700; letter-spacing: -0.4px;}
.cos-dtl-wrap .float-bar > button.btn-cart{ width: 60px; height: 60px; border-radius: 8px; border: 1px solid #c0c0c0; background: url(../../images/sub/icon_cart_off.png) no-repeat 50% 50% #fff; background-size: 20px;}
.cos-dtl-wrap .float-bar > button.btn-cart.on{ background: url(../../images/sub/icon_cart_on.png) no-repeat 50% 50% #fff; background-size: 20px;}
.cos-dtl-wrap .float-bar > button.btn-default{ width: 160px;}

.sub-content-wrap + .cos-sbjct-wrap{ width: 100%; padding: 100px 0 40px; background: #f8f8f8;}
/* .cos-sbjct-list.slick-slider{ overflow: hidden;} */
.cos-sbjct-wrap .cos-sbjct{ position: relative; width: 1200px; margin: 0 auto 80px;}
.cos-sbjct-wrap .cos-sbjct:last-child{ margin-bottom: 0;}
.cos-sbjct-wrap .cos-sbjct > h3{ width: 100%; margin-bottom: 20px; line-height: 40px; text-align: left; font-size: 25px; color: #000; font-weight: 700; letter-spacing: -0.5px;}
.cos-sbjct .sbjct-box{ width: 277px; height: 320px; border-radius: 12px; border: 1px solid #cdcdcd; box-sizing: border-box; cursor: pointer;}
.cos-sbjct .sbjct-box.slick-slide{ margin: 0 15px;}
.cos-sbjct-list .slick-list{ margin: 0 -15px;}
.cos-sbjct-list.not-slide{ display: flex; gap: 30px;}
.cos-sbjct-list.not-slide .cos-sbjct .sbjct-box{ width: calc(25% - 25.5px); cursor: pointer;}
.cos-sbjct .sbjct-box .thumbnail{ position: relative; display: flex; justify-content: center; align-items: center; float: left; width: 100%; height: 155px; border-radius: 12px 12px 0 0; border-bottom: 1px solid #cdcdcd; background-repeat: no-repeat; background-position: 50% 50%; background-size: cover; background-color: #fff; overflow: hidden;}
.cos-sbjct .sbjct-box .thumbnail.none{ background-image: url(../../images/common/none_thumbnail_logo.png); background-size: 60%; background-color: #f2f2f2; background-size: auto;}
.cos-sbjct .sbjct-box .thumbnail > img{ max-width: 100%; max-height: 100%;}
.cos-sbjct .sbjct-box .info-box{ float: left; width: 100%; height: 158px; padding: 18px 20px; border-radius: 0 0 12px 12px; background: #fff; box-sizing: border-box;}
.cos-sbjct .sbjct-box .info-box .tag-wrap{ display: flex; gap: 5px; width: 100%; margin-bottom: 5px; min-height: 18px; box-sizing: border-box;}
.cos-sbjct .sbjct-box .info-box .tag-wrap > span{ display: inline-block; width: auto; height: 18px; padding: 3px 6px; line-height: 12px; text-align: center; font-size: 10px; font-weight: 500; border-radius: 3px;}
.cos-sbjct .sbjct-box .info-box > span{ display: block; width: 100%; line-height: 12px; text-align: left; font-size: 12px; color: #828282; font-weight: 500; letter-spacing: -0.24px;}
.cos-sbjct .sbjct-box .info-box > h4{ width: 100%; height: 50px; margin: 8px 0; line-height: 25px; text-align: left; font-size: 18px; color: #222; font-weight: 700; letter-spacing: -0.36px; overflow: hidden; text-overflow: ellipsis; display: -webkit-box; -webkit-line-clamp: 3; -webkit-box-orient: vertical; word-wrap:break-word;}
.cos-sbjct .sbjct-box .info-box > p{ line-height: 24px; text-align: right; font-size: 20px; color: #828282; font-weight: 400; letter-spacing: -0.4px;}
.cos-sbjct-wrap .cos-sbjct .slick-arrow{ position: absolute; top: -58px; width: 36px; height: 36px; border-radius: 6px; border: 1px solid #c0c0c0; background-size: auto; background-repeat: no-repeat; background-position: center center; background-color: #fff; box-sizing: border-box; text-indent: -999em;}
.cos-sbjct-wrap .cos-sbjct .slick-arrow.slick-prev{ right: 40px; background-image: url(../../images/sub/btn_slide_prev.png);}
.cos-sbjct-wrap .cos-sbjct .slick-arrow.slick-prev.slick-disabled{ background-image: url(../../images/sub/btn_slide_prev_disabled.png);}
.cos-sbjct-wrap .cos-sbjct .slick-arrow.slick-next{ right: 0; background-image: url(../../images/sub/btn_slide_next.png);}
.cos-sbjct-wrap .cos-sbjct .slick-arrow.slick-next.slick-disabled{ background-image: url(../../images/sub/btn_slide_next_disabled.png);}

/* 과정상세_신청유형 팝업 */
#aplTpWindow .popup-content{ display: flex; flex-direction: column; gap: 10px;}
.popup-content .apply-type-box{ width: 100%; border-radius: 8px; border: 1px solid #ced4da; box-sizing: border-box;}
.popup-content .apply-type-box > h2.type-tit{ width: 100%; padding: 22px; line-height: 32px; text-align: left; font-size: 18px; color: #000; font-weight: 700; letter-spacing: -0.36px; border-radius: 8px; background: #fff; box-sizing: border-box;}
.popup-content .apply-type-box > h2.type-tit > button{ float: right; width: 32px; height: 32px; border: none; background: url(../../images/sub/btn_toggle32.png) no-repeat 50% 50% transparent; transform: rotate(180deg);}
.popup-content .apply-type-box > h2.type-tit > button.show{ transform: rotate(0deg);}
.popup-content .apply-type-box > .type-cont{ display: none; width: 100%; padding: 25px 30px 30px; border-radius: 0 0 8px 8px; border-top: 1px solid #ced4da; background: #f8f8f8; box-sizing: border-box;}
.popup-content .apply-type-box > .type-cont > h3{ width: 100%; line-height: 28px; text-align: left; font-size: 18px; color: #000; font-weight: 600; letter-spacing: -0.36px;}
.popup-content .apply-type-box > .type-cont > p{ width: 100%; margin-top: 20px; line-height: 29px; text-align: left; font-size: 18px; color: #343a40; font-weight: 500;}
.popup-content .apply-type-box > .type-cont > span{ display: flex; gap: 4px; width: 100%; margin-top: 2px; line-height: 26px; text-align: left; font-size: 16px; color: #6c757d; font-weight: 400;}

/* 과정상세_수료증 예시 팝업 */
.popup-content.certi-content table.table-column{ margin: 15px 0 25px;}
.popup-content.certi-content img{ width: 100%; margin: 10px auto 15px;}

/* ------------------------------------------------------- 마이페이지 */
/* 마이페이지 > 나의강의실 */
.mypg-class-wrap .tab-content{ padding-top: 50px;}
.mypg-wrap .about-class{ width: 100%;}
.mypg-wrap .about-class .manual{ display: flex; align-items: center; gap: 10px; padding: 0 5px; box-sizing: border-box;}
.mypg-wrap .about-class .manual > p{ line-height: 27px; text-align: left; font-size: 16px; color: #6c757d; font-weight: 400;}
.mypg-wrap .about-class .manual > p > strong{ color: #212529; font-weight: 600;}
.mypg-wrap .about-class .manual > button{ margin-left: auto;}
.mypg-wrap .about-class span.bar{ display: block; width: 100%; height: 1px; padding: 0 5px; margin: 25px 0; border-top: 1px dashed #ced4da; box-sizing: border-box;}
.mypg-wrap .about-class .customer{ display: inline-block; width: 100%; padding: 0 5px; margin-bottom: 30px; box-sizing: border-box;}
.mypg-wrap .about-class .customer > i{ display: inline-block; float: left; width: 34px; height: 34px; margin-right: 12px; vertical-align: middle; background: url(../../images/sub/icon_customer.png) no-repeat 50% 50%;}
.mypg-wrap .about-class .customer > p{ display: inline-block; float: left; line-height: 32px; text-align: left; font-size: 20px; color: #6c757d; font-weight: 400;}
.mypg-wrap .about-class .customer > p > strong{ display: inline-block; margin-left: 20px; color: #212529; font-weight: 700;}
.mypg-wrap .about-class .customer > p > span{ margin-left: 6px; font-size: 15px; font-weight: 400;}
.mypg-wrap .tab-content > h2{ width: 100%; margin-top: 30px; margin-bottom: 15px; line-height: 40px; text-align: left; font-size: 25px; color: #000; font-weight: 700; letter-spacing: -0.5px;}
/* 마이페이지 > 나의강의실 [수강중인강의] */
.mypg-class-wrap td.class-td .class-wait-box{ display: flex; width: 100%; gap: 40px}
.mypg-class-wrap td.class-td .class-wait-box .info{ display: flex; flex-direction: column; gap: 25px; width: calc(100% - 164px);}
.mypg-class-wrap td.class-td .class-wait-box .info > h3{ width: 100%; line-height: 24px; text-align: left; font-size: 20px; color: #212529; font-weight: 600; letter-spacing: -1px;}
.mypg-class-wrap td.class-td .class-wait-box .info > h3 > span{ float: left; display: inline-block; width: auto; height: 26px; vertical-align: middle; padding: 5px 10px; margin-right: 10px; line-height: 16px; font-size: 13px; font-weight: 500; border-radius: 4px; box-sizing: border-box;}
.mypg-class-wrap td.class-td .class-wait-box .info > ul{ width: 100%;}
.mypg-class-wrap td.class-td .class-wait-box .info > ul > li{ display: flex; align-items: center; gap: 22px; float: left; width: auto; margin-right: 23px;}
.mypg-class-wrap td.class-td .class-wait-box .info > ul > li::after{ display: inline-block; content: ''; width: 1px; height: 15px; background: #dee2e6;}
.mypg-class-wrap td.class-td .class-wait-box .info > ul > li:last-child{ margin-right: 0;}
.mypg-class-wrap td.class-td .class-wait-box .info > ul > li:last-child::after{ content: none;}
.mypg-class-wrap td.class-td .class-wait-box .info > ul > li > span{ line-height: 19px; text-align: left; font-size: 15px; color: #6c757d; font-weight: 500; letter-spacing: -0.3px;}
.mypg-class-wrap td.class-td .class-wait-box .info > ul > li > p{ line-height: 19px; text-ailgn: left; font-size: 15px; color: #212529; font-weight: 400; letter-spacing: -0.3px;}
.mypg-class-wrap td.class-td .class-wait-box .button{ display: flex; flex-direction: column; justify-content: center; align-items: center; width: 124px;}

.mypg-class-wrap td.class-td .class-ing-box{ display: flex; flex-direction: column; width: 100%; gap: 30px;}
.mypg-class-wrap td.class-td .class-ing-box .class-info-top{ display: flex; gap: 40px;}
.mypg-class-wrap td.class-td .class-ing-box .class-info-top .left{ display: flex; flex-direction: column; gap: 15px; width: 180px;}
.mypg-class-wrap td.class-td .class-ing-box .class-info-top .left .thumbnail{ display: flex; justify-content: center; align-items: center; width: 100%; height: 100px; border-radius: 6px; background-repeat: no-repeat; background-position: 50% 50%; background-size: cover; background-color: #f2f2f2; overflow: hidden;}
.mypg-class-wrap td.class-td .class-ing-box .class-info-top .left .thumbnail.none{ background-image: url(../../images/common/none_thumbnail_logo.png); background-size: 60%; background-color: #f2f2f2; background-size: auto;}
.mypg-class-wrap td.class-td .class-ing-box .class-info-top .left .thumbnail > img{ max-width: 100%; max-height: 100%; width: 100%; height: 100%; /*object-fit: cover;*/ }
.mypg-class-wrap td.class-td .class-ing-box .class-info-top .left button{ width: 100%;}
.mypg-class-wrap td.class-td .class-ing-box .class-info-top .right{ width: calc(100% - 220px);}
.mypg-class-wrap td.class-td .class-ing-box .class-info-top .right > h3{ width: 100%; margin-bottom: 50px; line-height: 29px; text-align: left; font-size: 24px; color: #212529; font-weight: 600; letter-spacing: -1.2px; overflow: hidden; text-overflow: ellipsis; white-space: nowrap;}
.mypg-class-wrap td.class-td .class-ing-box .class-info-top .right > h3 > span{ float: left; display: inline-block; width: auto; height: 26px; padding: 5px 10px; margin-top: 1.5px; margin-right: 10px; line-height: 16px; text-align: center; font-size: 13px; font-weight: 500; border-radius: 4px; box-sizing: border-box;}
.mypg-class-wrap td.class-td .class-ing-box .class-info-top .right > h3 > p{  line-height: 29px; text-align: left; font-size: 24px; color: #212529; font-weight: 600; letter-spacing: -1.2px; overflow: hidden; text-overflow: ellipsis; white-space: nowrap;}
.mypg-class-wrap td.class-td .class-ing-box .class-info-top .right > ul{ display: flex; gap: 8px 24px; width: 100%; flex-wrap: wrap;}
.mypg-class-wrap td.class-td .class-ing-box .class-info-top .right > ul > li{ display: flex; gap: 22px; align-items: center; padding: 6.5px 0;}
.mypg-class-wrap td.class-td .class-ing-box .class-info-top .right > ul > li > span{ line-height: 19px; text-align: left; font-size: 15px; color: #6c757d; font-weight: 500; letter-spacing: -0.3px;}
.mypg-class-wrap td.class-td .class-ing-box .class-info-top .right > ul > li > div{ display: flex; align-items: center;}
.mypg-class-wrap td.class-td .class-ing-box .class-info-top .right > ul > li > div > p{ line-height: 19px; text-align: left; font-size: 15px; color: #212529; font-weight: 500; letter-spacing: -0.3px;}
.mypg-class-wrap td.class-td .class-ing-box .class-info-top .right > ul > li > div > p > strong{ font-weight: 600;}
.mypg-class-wrap td.class-td .class-ing-box .class-info-top .right > ul > li > div button.btn-review{ margin-left: 15px;}
.mypg-class-wrap td.class-td .class-ing-box .class-info-top .right > ul > li > div.rate-box{ gap: 12px;}
.mypg-class-wrap td.class-td .class-ing-box .class-info-top .right > ul > li > div.rate-box > div{ position: relative; width: 100%; min-width: 190px; height: 16px; border-radius: 100px; background: #dee2e6;}
.mypg-class-wrap td.class-td .class-ing-box .class-info-top .right > ul > li > div.rate-box > div > span{ position: absolute; top: 0; left: 0; display: block; height: 16px; border-radius: 100px; background: #001f90;}
.mypg-class-wrap td.class-td .class-ing-box .class-info-top .right > ul > li > div.rate-box > span{ font-size: 15px; color: #001f90; font-weight: 400;}
.mypg-class-wrap td.class-td .class-ing-box .class-info-top .right > ul > li > div.rate-box > span > strong{ font-weight: 600;}
.mypg-class-wrap td.class-td .class-ing-box .class-info-top .right > ul > li.btn-std-pg{ display: none;}
.mypg-class-wrap td.class-td .class-ing-box .class-info-bot{ width: 100%; min-height: 64px; border-radius: 10px; border: 1px solid #dee2e6; box-sizing: border-box;}
.mypg-class-wrap td.class-td .class-ing-box .class-info-bot > h3{ width: 100%; padding: 16px 25px 0; line-height: 32px; text-align: left; font-size: 18px; color: #000; font-weight: 700; letter-spacing: -0.9px; border-radius: 10px 10px 0 0; box-sizing: border-box;}
.mypg-class-wrap td.class-td .class-ing-box .class-info-bot > h3 > button{ float: right; width: 20px; height: 20px; margin-top: 6px; border: none; background: url(../../images/sub/btn_toggle_hide.svg) no-repeat 50% 50%; cursor: pointer;}
.mypg-class-wrap td.class-td .class-ing-box .class-info-bot.hide > h3 > button{ background: url(../../images/sub/btn_toggle_show.svg) no-repeat 50% 50%;}
.mypg-class-wrap td.class-td .class-ing-box .class-info-bot .my-class-info{ width: 100%; padding-top: 15px; box-sizing: border-box;}
.mypg-class-wrap td.class-td .class-ing-box .class-info-bot .my-class-info > ul{ display: flex; flex-wrap: wrap; gap: 4px 19px; width: calc(100% - 50px); margin: 0 25px;}
.mypg-class-wrap td.class-td .class-ing-box .class-info-bot .my-class-info > ul > li{ display: flex; gap: 20px; align-items: center; padding: 7px 0;}
.mypg-class-wrap td.class-td .class-ing-box .class-info-bot .my-class-info > ul > li::after{ display: inline-block; content: ''; width: 1px; height: 12px; margin: 3px 0; vertical-align: middle; background: #dee2e6;}
.mypg-class-wrap td.class-td .class-ing-box .class-info-bot .my-class-info > ul > li:last-child::after{ content: none;}
.mypg-class-wrap td.class-td .class-ing-box .class-info-bot .my-class-info > ul > li > span{ line-height: 18px; text-align: left; font-size: 14px; color: #212529; font-weight: 500; letter-spacing: -0.28px;}
.mypg-class-wrap td.class-td .class-ing-box .class-info-bot .my-class-info > ul > li > div{ }
.mypg-class-wrap td.class-td .class-ing-box .class-info-bot .my-class-info > ul > li > div > p{ line-height: 18px; text-align: left; font-size: 14px; color: #6c757d; font-weight: 400; letter-spacing: -0.28px;}
.mypg-class-wrap td.class-td .class-ing-box .class-info-bot .my-class-info > ul > li > div > p.score{ color: #212529; font-weight: 400;}
.mypg-class-wrap td.class-td .class-ing-box .class-info-bot .my-class-info > ul > li > div > p > strong{ font-weight: 600;}
.mypg-class-wrap td.class-td .class-ing-box .class-info-bot .my-class-info > ul > li > div > a{ line-height: 18px; font-size: 14px; color: #001f90; font-weight: 400; letter-spacing: -0.28px; text-decoration: underline; cursor: pointer;}
.mypg-class-wrap td.class-td .class-ing-box .class-info-bot .my-class-info > ul > li > div > a > strong{ font-weight: 600;}
.mypg-class-wrap td.class-td .class-ing-box .class-info-bot .my-class-info > ul > li > div > button{ height: 32px; font-size: 12px; color: #001f90; letter-spacing: -0.24px;}
.mypg-class-wrap td.class-td .class-ing-box .class-info-bot .my-class-info > ul > li > div > button::after{ display: inline-block; content: ''; width: 12px; height: 12px; vertical-align: middle; margin-left: 4px; background: url(../../images/sub/icon_arrow_blue.png) no-repeat 50% 50%;}
.mypg-class-wrap td.class-td .class-ing-box .class-info-bot .my-class-info > .button{ display: flex; gap: 8px; justify-content: center; width: 100%; padding: 25px 22px; margin-top: 24px; border-radius: 0 0 10px 10px; border-top: 1px solid #dee2e6; background: #f8f8f8; box-sizing: border-box;}
.mypg-class-wrap td.class-td .class-ing-box .class-info-bot .my-class-info > .button > button{ flex: 1;}

/* 마이페이지 > 나의강의실 [복습중인 강의, 수강이력] */
.mypg-wrap .search-wrap ul.filter{ float: left; display: flex;}
.mypg-wrap .search-wrap ul.filter > li{ width: 94px; height: 50px;}
.mypg-wrap .search-wrap ul.filter > li > input[type=radio]{ display: none;}
.mypg-wrap .search-wrap ul.filter > li > input[type=radio] + label{ display: flex; justify-content: center; align-items: center; width: 100%; height: 100%; font-size: 16px; color: #222; font-weight: 400; letter-spacing: -0.32px; border: 1px solid #dee2e6; border-right: none; box-sizing: border-box; cursor: pointer;}
.mypg-wrap .search-wrap ul.filter > li > input[type=radio]:checked + label{ color: #001f90; font-weight: 600; border: 1px solid #000f90;}
.mypg-wrap .search-wrap ul.filter > li:first-child > input[type=radio] + label{ border-radius: 8px 0 0 8px;}
.mypg-wrap .search-wrap ul.filter > li:last-child > input[type=radio] + label{ border-radius: 0 8px 8px 0; border-right: 1px solid #dee2e6;}
.mypg-wrap .search-wrap ul.filter > li:last-child > input[type=radio]:checked + label{ border-right: 1px solid #000f90;}
.mypg-wrap .search-wrap ul.input-list{ float: right; height: auto;}
.mypg-wrap .search-wrap ul.input-list > li span.k-datepicker.datepicker{ width: 160px!important;}
.mypg-wrap .search-wrap ul.input-list > li button.btn-default{ width: 110px; min-width: 110px; padding: 0;}
.mypg-class-wrap .k-grid.grid-template{ border-top: 1px solid #dee2e6;}
.mypg-class-wrap .k-grid.grid-template tr td.class-td{ padding: 40px 25px; border-bottom: 1px solid #dee2e6;}
.mypg-class-wrap td.class-td .class-box{ display: flex; width: 100%;}
.mypg-class-wrap td.class-td .class-box .info{ display: flex; flex-direction: column; gap: 30px; width: calc(100% - 130px);}
.mypg-class-wrap td.class-td .class-box .info > h3{ line-height: 28px; text-align: left; font-size: 24px; color: #212529; font-weight: 600; letter-spacing: -1.2px;}
.mypg-class-wrap td.class-td .class-box .info > h3 > span{ float: left; display: inline-block; width: auto; height: 26px; vertical-align: middle; padding: 5px 10px; margin-right: 10px; line-height: 16px; font-size: 13px; font-weight: 500; border-radius: 4px; box-sizing: border-box;}
.mypg-class-wrap td.class-td .class-box .info > h3 > span.blue{ color: #111d28; background: #cee8ff;}
.mypg-class-wrap td.class-td .class-box .info > h3 > span.red{ color: #8e0707; background: #ffe9e2;}
.mypg-class-wrap td.class-td .class-box .info > h3 > span.gray{ color: #212529; background: #e9ecef;}
.mypg-class-wrap td.class-td .class-box .info > h3 > span.green{ color: #12412c; background: #dfe8e4;}
.mypg-class-wrap td.class-td .class-box .info > h3 > span.purple{ color: #59359a; background: #e9e2f5;}
.mypg-class-wrap td.class-td .class-box .info > ul{ display: flex; flex-direction: column; gap: 8px; width: 100%;}
.mypg-class-wrap td.class-td .class-box .info > ul > li{ width: 100%;}
.mypg-class-wrap td.class-td .class-box .info > ul > li > span{ float: left; display: block; width: 132px; line-height: 18px; text-align: left; font-size: 15px; color: #6c757d; font-weight: 500; letter-spacing: -0.3px;}
.mypg-class-wrap td.class-td .class-box .info > ul > li > p{ float: left; width: calc(100% - 132px); line-height: 18px; text-align: left; font-size: 15px; color: #212529; font-weight: 500; letter-spacing: -0.3px;}
.mypg-class-wrap td.class-td .class-box .button{ display: flex; flex-direction: column; gap: 8px; justify-content: center; align-items: center; width: 130px;}
.mypg-class-wrap td.class-td .class-box .button > p.stts{ line-height: 34px; text-align: center; font-size: 16px; font-weight: 500;}
.mypg-class-wrap td.class-td .class-box .button > p.stts.text-blue{ color: #2b49b6;}
.mypg-class-wrap td.class-td .class-box .button > p.stts.text-red{ color: #dc3545;}
.mypg-class-wrap td.class-td .class-box .button > p.stts.text-gray{ color: #6c757d;}
.mypg-class-wrap td.class-td .class-box .button > p.score{ line-height: 23px; text-align: center; font-size: 18px; color: #212529; font-weight: 400; letter-spacing: -0.36px;}
.mypg-class-wrap td.class-td .class-box .button > p.score > span{ font-weight: 700;}
.mypg-class-wrap td.class-td ul.button{ display: flex; gap: 8px; width: 100%; margin-top: 30px;}
.mypg-class-wrap td.class-td ul.button > li > button{ width: 148px; height: 44px;}

/* 학습후기 팝업 */
.layer-popup .review-banner{ display: flex; justify-content: start; align-items: center; width: 100%; padding: 25px 30px 26px; border-radius: 10px; background: #f8f8f8; box-sizing: border-box;}
.layer-popup .review-banner > div{ display: flex; flex-direction: column; gap: 10px;}
.layer-popup .review-banner > div > h2{ line-height: 31px; text-align: left; font-size: 24px; color: #000; font-weight: 600; letter-spacing: -1.2px;}
.layer-popup .review-banner > div > p{ line-height: 24px; text-align: left; font-size: 16px; color: #6c757d; font-weight: 400; letter-spacing: -0.32px;}
.layer-popup .review-banner > div > p > span{ color: #212529; font-weight: 600;}
.layer-popup .review-banner > div > span{ display: flex; gap: 4px; line-height: 21px; text-align: left; font-size: 14px; color: #6c757d; font-weight: 400; letter-spacing: -0.28px;}
.layer-popup .review-banner > div > span > strong{ font-weight: 400; text-decoration: underline;}
.layer-popup .review-banner > button{ width: 160px; padding: 0; margin-left: auto;}
.layer-popup .review-banner > button > i{ display: inline-block; width: 18px; height: 18px; vertical-align: middle; margin-left: 2px; background: url(../../images/sub/btn_arrow.png) no-repeat 50% 50%;}
.layer-popup .class-info-wrap{ display: flex; gap: 30px; width: 100%; margin-top: 30px;}
.layer-popup .class-info-wrap .thumbnail{ width: 210px; height: 120px; border-radius: 11px; background-repeat: no-repeat; background-position: 50% 50%; background-size: cover;}
.layer-popup .class-info-wrap .thumbnail.none{ background-image: url(../../images/common/none_thumbnail_logo.png); background-size: 60%; background-color: #f2f2f2;}
.layer-popup .class-info-wrap .class-info{ width: calc(100% - 150px); padding: 4.5px 0;}
.layer-popup .class-info-wrap .class-info > h2{ height: 54px; margin-bottom: 13px; line-height: 27px; text-align: left; font-size: 20px; color: #212529; font-weight: 500; letter-spacing: -0.4px; overflow: hidden; text-overflow: ellipsis; display: -webkit-box; -webkit-line-clamp: 3; -webkit-box-orient: vertical; word-wrap:break-word;}
.layer-popup .class-info-wrap .class-info > ul{ display: flex; flex-direction: column; gap: 6px; width: 100%;}
.layer-popup .class-info-wrap .class-info > ul > li{ width: 100%;}
.layer-popup .class-info-wrap .class-info > ul > li > span{ float: left; width: 75px; line-height: 19px; text-align: left; font-size: 15px; color: #6c757d; font-weight: 500; letter-spacing: -0.3px;}
.layer-popup .class-info-wrap .class-info > ul > li > p{ float: left; width: calc(100% - 75px); line-height: 19px; text-align: left; font-size: 15px; color: #212529; font-weight: 400; letter-spacing: -0.3px;}
.layer-popup .class-info-wrap .class-info > ul > li > p > span{ font-weight: 700;}
.layer-popup .caution-text{ display: flex; flex-direction: column; gap: px; width: 100%; margin: 35px 0; padding: 25px 10px 0; border-top: 1px dashed #ced4da; box-sizing: border-box;}
.layer-popup .caution-text > li{ display: flex; gap: 4px;}
.layer-popup .caution-text > li > p{ line-height: 27px; text-align: left; font-size: 16px; color: #6c757d; font-weight: 400;}
.layer-popup .review-cont-tit{ width: 100%; height: 32px; padding: 3.5px 0; box-sizing: border-box;}
.layer-popup .review-cont-tit > h3{ line-height: 25px; text-align: left; font-size: 20px; color: #212529; font-weight: 600; letter-spacing: -0.4px;}
.layer-popup .review-cont-tit > h3 > img{ vertical-align: middle; margin-left: 20px;}
.layer-popup ul.radio-list{ justify-content: space-between; height: 32px;}
.layer-popup .review-cont{ width: 100%; height: 220px; margin-top: 15px; border-radius: 8px; box-sizing: border-box;}
.layer-popup .review-toggle-wrap{ width: 100%; margin-top: 30px; border-radius: 8px; border: 1px solid #ced4da; box-sizing: border-box; overflow: hidden;}
.layer-popup .review-toggle-wrap > h2{ width: 100%; padding: 22px; line-height: 32px; text-align: left; font-size: 20px; color: #000; font-weight: 600; letter-spacing: -0.4px; border-radius: 8px 8px 0 0; border-bottom :1px solid #f8f8f8; background: #f8f8f8; box-sizing: border-box;}
.layer-popup .review-toggle-wrap > h2 > button{ float: right; width: 32px; height: 32px; border: none; background: url(../../images/sub/btn_toggle32.png) no-repeat 50% 50%; cursor: pointer;}
.layer-popup .review-toggle-wrap.hide > h2 > button{ transform: rotate(180deg);}
.layer-popup .review-toggle-wrap .review-event-wrap{ width: 100%; padding: 25px 30px; box-sizing: border-box;}
.layer-popup .review-toggle-wrap .review-event-wrap > img{ width: 100%;}
.layer-popup .review-toggle-wrap .review-event-wrap > h3{ width: 100%; margin-top: 30px; margin-bottom: 10px; line-height: 29px; text-align: left; font-size: 18px; color: #212529; font-weight: 600;}
.layer-popup .review-toggle-wrap .review-event-wrap > .review-upload-wrap{ position: relative; width: 100%; height: 200px; border-radius: 8px; border: 1px dashed #ced4da; box-sizing: border-box;}
.layer-popup .review-toggle-wrap .review-event-wrap > .review-upload-wrap .file-upload{ height: 100%; border-radius: 8px;}
.layer-popup .review-toggle-wrap .review-event-wrap > .review-upload-wrap .file-upload .k-upload{ height: 100%; border-radius: 8px; border: none;}
.layer-popup .review-toggle-wrap .review-event-wrap > .review-upload-wrap .file-upload .k-dropzone{ justify-content: center; align-items: center; height: 100%; padding: 0; border-radius: 8px; background: none;}
.layer-popup .review-toggle-wrap .review-event-wrap > .review-upload-wrap .file-upload .k-dropzone .k-dropzone-hint{ display: none;}
.layer-popup .review-toggle-wrap .review-event-wrap > .review-upload-wrap .file-upload .k-upload .k-upload-button{ flex-direction: column; justify-content: center; align-items: center; width: 100%; min-width: 100%; height: auto; margin-right: 0; border: none;}
.layer-popup .review-toggle-wrap .review-event-wrap > .review-upload-wrap .file-upload .k-upload .k-upload-button::before{ display: block; position: unset; opacity: 1; content: ''; width: 50px; height: 50px; margin-bottom: 15px; background: url(../../images/sub/img_upload.png) no-repeat 50% 50%;}
.layer-popup .review-toggle-wrap .review-event-wrap > .review-upload-wrap .file-upload .k-upload .k-upload-button:hover{ background: none;}
.layer-popup .review-toggle-wrap .review-event-wrap > .review-upload-wrap .file-upload .k-upload .k-upload-button.k-state-focused{ box-shadow: none;}
.layer-popup .review-toggle-wrap .review-event-wrap > .review-upload-wrap .file-upload .k-upload .k-upload-button > span{ line-height: 25px; text-align: center; font-size: 16px; color: #212529; font-weight: 500;}
.layer-popup .review-toggle-wrap .review-event-wrap > .review-upload-wrap .file-upload .k-upload .k-upload-button > span > strong{ display: block; line-height: 20px; font-size: 13px; color: #6c757d; font-weight: 400;}
.layer-popup .review-toggle-wrap .review-event-wrap > .review-upload-wrap .file-upload .k-dropzone .k-upload-status{ display: none;}
.layer-popup .review-toggle-wrap .review-event-wrap > .review-upload-wrap .image-preview{ position: absolute; top: 0; left: 0; width: 100%; height: 100%; padding: 10px; border-radius: 8px; background-repeat: no-repeat; background-position: 50% 50%; background-size: cover; background-color: #fff; box-sizing: border-box; z-index: 99;}
.layer-popup .review-toggle-wrap .review-event-wrap > .review-upload-wrap .image-preview > button{ float: right; width: 90px; height: 40px; font-size: 16px; color: #fff; font-weight: 500; letter-spacing: -0.32px; border: none; border-radius: 100px; background: rgba(0, 0, 0, 0.4);}
.layer-popup .review-toggle-wrap .review-event-wrap > .review-upload-wrap .image-preview > button::after{ content: ''; display: inline-block; width: 16px; height: 16px; margin-left: 4px; vertical-align: middle; background: url(../../images/sub/btn_delete_w.png) no-repeat 50% 50%;}

/* 마이페이지 > 문의함 */
.mypg-inqr-wrap .tab-content{ padding-top: 50px;}
.mypg-inqr-wrap .search-wrap{ display: flex;}
.mypg-inqr-wrap .search-wrap > button{ margin-left: auto;}
.mypg-inqr-wrap .k-grid.grid-default span{ font-weight: 500;}
.mypg-inqr-wrap .k-grid.grid-default span.black{ color: #212529;}
.mypg-inqr-wrap .k-grid.grid-default span.blue{ color: #001f90;}
/* .mypg-inqr-wrap.brd-dtl .tit > h2 > p{ display: block; width: 100%; margin-bottom: 12px; line-height: 16px; font-size: 16px; color: #001f90; font-weight: 700; letter-spacing: -0.32px;} */

.mypg-inqr-wrap.brd-dtl .tit{ position: relative; justify-content: start; align-items: center; padding: 10px 0 45px;}
.mypg-inqr-wrap.brd-dtl .tit > div > span{ display: block; margin-bottom: 12px; line-height: 16px; text-align: left; font-size: 16px; color: #001f90; font-weight: 700; letter-spacing: -0.32px;}
.mypg-inqr-wrap.brd-dtl .tit > div > h2{ line-height: 42px; text-align: left; font-size: 30px; color: #000; font-weight: 700; letter-spacing: -1.5px;}
.mypg-inqr-wrap.brd-dtl .tit > div > ul{ display: inline-block; width: 100%; margin-top: 18px;}
.mypg-inqr-wrap.brd-dtl .tit > div > ul > li{ float: left; line-height: 16px; text-align: left; font-size: 16px; color: #6c757d; font-weight: 400; letter-spacing: -0.32px;}
.mypg-inqr-wrap.brd-dtl .tit > div > ul > li:last-child::before{ display: inline-block; content: ''; width: 1px; height: 14px; margin: 0 14px; vertical-align: middle; background: #6c757d;}
.mypg-inqr-wrap.brd-dtl .tit > p{ margin-left: auto;}
.mypg-inqr-wrap.brd-dtl .tit > button{ position: absolute; bottom: 15px; right: 0;}

.mypg-inqr-wrap.brd-dtl .answer-wrap .tit{ padding: 50px 15px; border-top: none;}
.mypg-inqr-wrap.brd-dtl .answer-wrap .tit > h2{ color: #001f90;}
.mypg-inqr-wrap.brd-dtl .answer-wrap .tit > h2 > span{ margin-left: 15px; color: #000;}
.mypg-inqr-wrap.brd-dtl .stsft-wrap{ width: 100%; margin-top: 60px;}s
.mypg-inqr-wrap.brd-dtl .stsft-wrap > h2{ width: 100%; padding: 25px 20px; line-height: 30px; text-align: left; font-size: 20px; color: #000; font-weight: 600; letter-spacing: -0.4px; border-top: 1px solid #ced4da; border-bottom: 1px solid #ced4da; background: #f8f9fa; box-sizing: border-box;}
.mypg-inqr-wrap.brd-dtl .stsft-wrap > h2::before{ display: inline-block; content: ''; width: 25px; height: 25px; margin-right: 8px; vertical-align: middle; background: url(../../images/sub/icon_stsft.png) no-repeat 50% 50%;}
.mypg-inqr-wrap.brd-dtl .stsft-wrap > div{ width: 100%; padding: 30px 0; border-bottom: 1px solid #ced4da; box-sizing: border-box;}
.mypg-inqr-wrap.brd-dtl .stsft-wrap > div > p{ line-height: 25px; text-align: left; font-size: 16px; color: #6c757d; font-weight: 400;}
.mypg-inqr-wrap.brd-dtl .stsft-wrap > div > ul.radio-list{ margin-top: 20px;}
.mypg-inqr-wrap.brd-dtl .stsft-wrap > div > ul.radio-list > li input[type="radio"].radio + label{ font-size: 18px;}

/* 마이페이지 > 주문결제내역 */
.mypg-pymt-wrap .info-wrap{ margin-bottom: 25px;}
.mypg-pymt-wrap .pymt-cnt-wrap{ display: flex; gap: 35px; justify-content: start; align-items: center; width: 100%; padding: 22px 25px 25px; margin-bottom: 50px; border-radius: 8px; border: 1px solid #ced4da; box-sizing: border-box;}
.mypg-pymt-wrap .pymt-cnt-wrap > h3{ line-height: 32px; text-align: left; font-size: 20px; color: #000; font-weight: 700; letter-spacing: -0.4px;}
.mypg-pymt-wrap .pymt-cnt-wrap > p{ line-height: 32px; text-align: left; font-size: 20px; color: #000; font-weight: 400; letter-spacing: -0.4px;}
.mypg-pymt-wrap .pymt-cnt-wrap > p > span{ line-height: 30px; text-align: left; font-size: 24px; color: #001f90; font-weight: 700; letter-spacing: -0.48px;}
.mypg-pymt-wrap .pymt-cnt-wrap > button{ margin-left: auto;}
.mypg-pymt-wrap .k-grid.grid-template{ border-top: 1px solid #dee2e6;}
.mypg-pymt-wrap .k-grid.grid-template tr td.pymt-td{ padding: 40px 25px; border-bottom: 1px solid #dee2e6;}
.mypg-pymt-wrap .k-grid.grid-template tr.k-state-selected:hover td.pymt-td{ border-bottom: 1px solid #dee2e6;}
.mypg-pymt-wrap td.pymt-td .pymt-box{ display: flex; flex-wrap: wrap; align-items: center; gap: 20px; width: 100%;}
.mypg-pymt-wrap td.pymt-td .pymt-box .cos-info{ display: flex; flex-direction: column; width: calc(100% - 444px);}
.mypg-pymt-wrap td.pymt-td .pymt-box .cos-info > h3{ line-height: 28px; text-align: left; font-size: 24px; color: #212529; font-weight: 600; letter-spacing: -1.2px; overflow: hidden; text-overflow: ellipsis; white-space: nowrap;}
.mypg-pymt-wrap td.pymt-td .pymt-box .cos-info > h3 > span{ float: left; display: inline-block; width: auto; min-width: 54px; height: 26px; padding: 5px 15.5px; margin-right: 10px; vertical-align: middle; line-height: 16px; text-align: center; font-size: 13px; font-weight: 500; border-radius: 4px; box-sizing: border-box;}
.mypg-pymt-wrap td.pymt-td .pymt-box .cos-info > h3 > span.text-gray{ color: #212529; background: #e9ecef;}
.mypg-pymt-wrap td.pymt-td .pymt-box .cos-info > h3 > span.text-red{ color: #8e0707; background: #ffe9e2;}
.mypg-pymt-wrap td.pymt-td .pymt-box .cos-info > h3 > span.text-blue{ color: #111d28; background: #cee8ff;}
.mypg-pymt-wrap td.pymt-td .pymt-box .cos-info > ul.pkg-list{ width: 100%; padding-left: 64px; margin-top: 8px; box-sizing: border-box;}
.mypg-pymt-wrap td.pymt-td .pymt-box .cos-info > ul.pkg-list > li{ line-height: 27px; text-align: left; font-size: 16px; color: #6c757d; font-weight: 400; letter-spacing: -0.32px;}
.mypg-pymt-wrap td.pymt-td .pymt-box .cos-info > p{ margin-top: 32px; line-height: 18px; text-align: left; font-size: 15px; color: #6c757d; font-weight: 400; letter-spacing: -0.3px;}
.mypg-pymt-wrap td.pymt-td .pymt-box .stts{ display: flex; gap: 15px; flex-direction: column; justify-content: center; align-items: center; width: 130px;}
.mypg-pymt-wrap td.pymt-td .pymt-box .stts > p{ line-height: 23px; font-size: 16px; font-weight: 500;}
.mypg-pymt-wrap td.pymt-td .pymt-box .stts > p.text-gray{ color: #6c757d;}
.mypg-pymt-wrap td.pymt-td .pymt-box .stts > p.text-red{ color: #dc3545;}
.mypg-pymt-wrap td.pymt-td .pymt-box .stts > p.text-blue{ color: #001f90;}
.mypg-pymt-wrap td.pymt-td .pymt-box .stts > span{ line-height: 23px; font-size: 16px; color: #6c757d; font-weight: 400; letter-spacing: -0.32px;}
.mypg-pymt-wrap td.pymt-td .pymt-box .price{ display: flex; flex-direction: column; gap: 15px; justify-content: center; align-items: center; width: 130px;}
.mypg-pymt-wrap td.pymt-td .pymt-box .price > span{ line-height: 23px; font-size: 18px; color: #212529; font-weight: 400; letter-spacing: -0.36px;}
.mypg-pymt-wrap td.pymt-td .pymt-box .price > span > strong{ font-weight: 700;}
.mypg-pymt-wrap td.pymt-td .pymt-box .price > p{ line-height: 23px; font-size: 16px; color: #6c757d; font-weight: 400; letter-spacing: -0.32px;}
.mypg-pymt-wrap td.pymt-td .pymt-box .button{ display: flex; flex-direction: column; gap: 8px; width: 124px;}

/* 교육비 환불규정 팝업 */
.layer-popup#edepRfndRuleWindow .refund-wrap{ width: 100%;}
.layer-popup#edepRfndRuleWindow .refund-wrap > h2{ width: 100%; margin-bottom: 20px; line-height: 32px; text-align: left; font-size: 20px; color: #000; font-weight: 600; letter-spacing: -0.4px;}
.layer-popup#edepRfndRuleWindow .refund-wrap > p.sub-h2{ width: 100%; margin-bottom: 2px; line-height: 28px; text-align: left; font-size: 18px; color: #343a40; font-weight: 500;}
.layer-popup#edepRfndRuleWindow .refund-wrap > p.sub-h2.gray{ color: #6c757d;}
.layer-popup#edepRfndRuleWindow .refund-wrap > p.sub-h2.mb{ margin-bottom: 20px;}
.layer-popup#edepRfndRuleWindow .refund-wrap > p.text{ display: flex; gap: 6px; width: 100%; padding-left: 22px; line-height: 26px; text-align: left; font-size: 16px; color: #6c757d; font-weight: 400; box-sizing: border-box;}
.layer-popup#edepRfndRuleWindow .refund-wrap > p.text strong{ color: #dc3545; font-weight: 500;}
.layer-popup#edepRfndRuleWindow .refund-wrap > p.text strong > i{ text-decoration: underline; font-style: normal;}
.layer-popup#edepRfndRuleWindow .refund-wrap > p.text + p.sub-h2{ margin-top: 20px;}
.layer-popup#edepRfndRuleWindow .refund-wrap > p.sub-text{ display: flex; gap: 6px; width: 100%; padding-left: 46px; line-height: 26px; text-align: left; font-size: 16px; color: #6c757d; font-weight: 400; box-sizing: border-box;}
.layer-popup#edepRfndRuleWindow .refund-wrap > span.bar{ display: block; width: 100%; height: 1px; margin: 40px 0; background: #ced4da;}

/* 마이페이지 > 쿠폰함 */
.mypg-cpn-wrap .tab-content{ padding-top: 50px;}
.mypg-cpn-wrap .k-grid.grid-template{ border-top: 1px solid #dee2e6;}
.mypg-cpn-wrap .k-grid.grid-template tr td.coupon-td{ padding: 40px 25px; border-bottom: 1px solid #dee2e6;}
.mypg-cpn-wrap td.coupon-td .coupon-box{ display: flex; gap: 20px; align-items: center;}
.mypg-cpn-wrap td.coupon-td .coupon-box .info{ width: calc(100% - 264px); max-width: 100%; margin-right: 10px;}
.mypg-cpn-wrap td.coupon-td .coupon-box .info > span{ display: block; width: 100%; margin-bottom: 20px; line-height: 18px; text-align: left; font-size: 15px; color: #212529; font-weight: 700; letter-spacing: -0.3px;}
.mypg-cpn-wrap td.coupon-td .coupon-box .info > h3{ width: 100%; margin-bottom: 32px; line-height: 28px; text-align: left; font-size: 24px; color: #212529; font-weight: 600; letter-spacing: -1.2px;}
.mypg-cpn-wrap td.coupon-td .coupon-box .info > h3 > span{ vertical-align: middle; margin-left: 10px; font-size: 18px; color: #6c757d; font-weight: 400; letter-spacing: -0.36px;}
.mypg-cpn-wrap td.coupon-td .coupon-box .info > p{ line-height: 19px; text-align: left; font-size: 15px; color: #6c757d; font-weight: 400; letter-spacing: -0.3px;}
.mypg-cpn-wrap td.coupon-td .coupon-box .stts{ width: 130px; margin-left: auto;}
.mypg-cpn-wrap td.coupon-td .coupon-box .stts > p{ line-height: 23px; text-align: center; font-size: 16px; font-weight: 400;}
.mypg-cpn-wrap td.coupon-td .coupon-box .stts > p.text-blue{ color: #001f90;}
.mypg-cpn-wrap td.coupon-td .coupon-box .stts > p.text-gray{ color: #6c757d;}
.mypg-cpn-wrap td.coupon-td .coupon-box .button{ width: 124px;}
.mypg-cpn-wrap td.coupon-td .coupon-box .button > button{ width: 100%; height: 44px;}

.layer-popup#targetConfWindow .popup-content > img{ margin: 0 auto 16px;}
.layer-popup#targetConfWindow .popup-content > p{ width: 100%; margin-bottom: 30px; line-height: 33px; text-align: center; font-size: 24px; color: #000; font-weight: 600;} 


/* 마이페이지 > 담은강의 */
.basket-lctr-wrap .list-check{ display: inline-block; width: 100%; margin-bottom: 20px;}
.basket-lctr-wrap .list-check > li{ float: left; line-height: 19px; font-size: 15px; color: #212529; font-weight: 500; letter-spacing: -0.3px; cursor: pointer;}
.basket-lctr-wrap .list-check > li input[type=checkbox] + label{ line-height: 19px; font-size: 15px; color: #212529; font-weight: 500; letter-spacing: -0.3px;}
.basket-lctr-wrap .list-check > li:first-child{ position: relative; padding-right: 12px; margin-right: 12px;}
.basket-lctr-wrap .list-check > li:first-child::before{ position: absolute; top: 3px; right: 0; content: ''; width: 1px; height: 13px; background: #ccc;}
.basket-lctr-wrap .basket-list{ display: inline-block; width: 100%; border-top: 1px solid #000;}
.basket-lctr-wrap .basket-list .lctr-box{ display: flex; gap: 30px; justify-content: start; align-items: center; width: 100%; padding: 28px 10px; border-bottom: 1px solid #dee2e6; box-sizing: border-box;}
.basket-lctr-wrap .basket-list .lctr-box input[type=checkbox] + label{ padding-left: 10px;}
.basket-lctr-wrap .basket-list .lctr-box .thumbnail{ width: 160px; height: 90px; border-radius: 8px; background-repeat: no-repeat; background-position: 50% 50%; background-size: cover;}
.basket-lctr-wrap .basket-list .lctr-box .thumbnail.none{ background-image: url(../../images/common/none_thumbnail_logo.png); background-size: 60%; background-color: #f2f2f2;}
.basket-lctr-wrap .basket-list .lctr-box .lctr-info{ display: flex; gap: 30px; flex-direction: column; justify-content: start; align-items: start; padding: 5px 30px 0 0; box-sizing: border-box;}
.basket-lctr-wrap .basket-list .lctr-box .lctr-info > h3{ line-height: 24px; text-align: left; font-size: 20px; color: #212529; font-weight: 500; letter-spacing: -0.4px; overflow: hidden; white-space: nowrap; text-overflow: ellipsis;}
.basket-lctr-wrap .basket-list .lctr-box .lctr-info > h3:hover{ text-decoration: underline;}
.basket-lctr-wrap .basket-list .lctr-box .lctr-info > ul{ width: 100%;}
.basket-lctr-wrap .basket-list .lctr-box .lctr-info > ul > li{ position: relative; float: left;padding-right: 20px; margin-right: 20px;}
.basket-lctr-wrap .basket-list .lctr-box .lctr-info > ul > li > span{ display: inline-block; margin-right: 15px; line-height: 16px; text-align: left; font-size: 13px; color: #212529; font-weight: 500; letter-spacing: -0.26px;}
.basket-lctr-wrap .basket-list .lctr-box .lctr-info > ul > li > p{ display: inline-block; line-height: 16px; text-align: left; font-size: 13px; color: #6c757d; font-weight: 400; letter-spacing: -0.26px;}
.basket-lctr-wrap .basket-list .lctr-box .lctr-info > ul > li::before{ position: absolute; top: 3px; right: 0; content: ''; width: 1px; height: 12px; background: #dee2e6;}
.basket-lctr-wrap .basket-list .lctr-box .lctr-info > ul > li:last-child{ padding-right: 0; margin-right: 0;}
.basket-lctr-wrap .basket-list .lctr-box .lctr-info > ul > li:last-child::before{ content: none;}

/* 마이페이지 > 회원정보수정 */
.modify-info .tab-content h3.sub-h3{ width: 100%; padding-bottom: 15px; line-height: 36px; text-align: left; font-size: 24px; color: #000; font-weight: 700; letter-spacing: -0.48px;}
.modify-info .tab-content ul.modify-list{ width: 100%; margin-bottom: 30px; border-top: 1px solid #000;}
.modify-info .tab-content ul.modify-list > li{ display: flex; justify-content: start; align-items: center; min-height: 94px; border-bottom: 1px solid #eee;}
.modify-info .tab-content ul.modify-list > 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;}
.modify-info .tab-content ul.modify-list > li > p > img{ margin-right: 5px; vertical-align: middle;}
.modify-info .tab-content ul.modify-list > li > div{ display: flex; align-items: center; width: calc(100% - 160px); padding: 22px; box-sizing: border-box;}
.modify-info .tab-content ul.modify-list > li > div.flex-wrap{ flex-wrap: wrap;}
.modify-info .tab-content ul.modify-list > li > div > p{ line-height: 25px; text-align: left; font-size: 18px; color: #495057; font-weight: 400; letter-spacing: -0.36px;}
.modify-info .tab-content ul.modify-list > li > div > button{ min-width: 100px; margin-left: auto;}
.modify-info .tab-content ul.modify-list > li > div > span.alert-text{ display: none; width: 100%; margin-top: 6px; text-align: left; color: #dc3545; font-weight: 500;}
.modify-info .tab-content ul.modify-list > li > div > span.caution-text{ display: none; width: 100%; margin-top: 6px; text-align: left; color: #dc3545; font-weight: 500;}
.modify-info .tab-content ul.modify-list.sns > li > div{ width: 100%; gap: 15px;}
.modify-info .tab-content ul.modify-list.sns > li > div > span{ line-height: 22px; text-align: left; font-size: 16px; color: #495057; font-weight: 400; letter-spacing: -0.32px;}
.modify-info .tab-content#tabCont2 ul.modify-list > li > p{ width: 180px;}
.modify-info .tab-content#tabCont3 ul.modify-list > li > p{ width: 180px;}
.modify-info .tab-content#tabCont2 ul.modify-list > li > div{ width: calc(100% - 180px);}
.modify-info .tab-content#tabCont3 ul.modify-list > li > div{ width: calc(100% - 180px);}
.modify-info .tab-content .info-box{ width: 100%; padding: 23px 28px; border-radius: 4px; background: #f8f8f8; box-sizing: border-box;}
.modify-info .tab-content .info-box > h4{ width: 100%; margin-bottom: 4px; line-height: 28px; text-align: left; font-size: 18px; color: #212529; font-weight: 600;}
.modify-info .tab-content .info-box > ul{ display: flex; flex-direction: column;}
.modify-info .tab-content .info-box > ul > li{ position: relative; line-height: 25px; padding-left: 20px; text-align: left; font-size: 16px; color: #6c757d; font-weight: 400;}
.modify-info .tab-content .info-box > ul > li::before{ position: absolute; left: 9px; top: 10px; content: ''; width: 3px; height: 3px; border-radius: 100%; background: #6c757d;}
.modify-info .tab-content .info-box > p{ position: relative; display: flex; justify-content: start; align-items: start; padding-left: 20px; line-height: 27px; text-align: left; font-size: 16px; color: #6c757d; font-weight: 400;}
.modify-info .tab-content .info-box > p::before{ position: absolute; top: 0; left: 0; content: '-'; line-height: 25px; font-size: 16px;}
.modify-info .tab-content .info-box > p.text-red{ color: #dc3545; font-weight: 500;}
.modify-info .tab-content .info-box > p.text-red > span{ margin-left: 7px; font-weight: 600; text-decoration: underline;}
.modify-info .tab-content p.caution-text{ width: 100%; padding-left: 24px; margin: 10px 0 30px; line-height: 22px; text-align: left; font-size: 14px; color: #6c757d; font-weight: 500; background: url(../../images/sub/icon_caution.png) no-repeat 0 50%;}
.modify-info .tab-content p.caution-text > span{ font-weight: 600; text-decoration: underline;}
.modify-info .tab-content .btn-wrap{ position: relative;}
.modify-info .tab-content .btn-wrap > button.btn-wtdw{ position: absolute; right: 0; top: 0;}  
/* 비밀번호 확인 팝업 */
.layer-popup#chkPwWindow .popup-content > p{ width: 100%; padding: 5px 0; margin-bottom: 32px; line-height: 28px; text-align: center; font-size: 20px; color: #212529; font-weight: 500; letter-spacing: -0.8px;}
.layer-popup#chkPwWindow .popup-content > ul.popup-table{ width: 100%; border-top: 1px solid #ced4da;}
.layer-popup#chkPwWindow .popup-content > ul.popup-table > li{ display: flex; align-items: center; width: 100%; border-bottom: 1px solid #ced4da; background: #fdfdfd;}
.layer-popup#chkPwWindow .popup-content > ul.popup-table > li > p{ display: flex; justify-content: center; align-items: center; width: 130px; height: 100%; padding: 22px; line-height: 24px; text-align: center; font-size: 17px; color: #000; font-weight: 500; letter-spacing: -0.34px; box-sizing: border-box;}
.layer-popup#chkPwWindow .popup-content > ul.popup-table > li > div{ width: calc(100% - 130px); padding: 25px 20px; border-left: 1px solid #ced4da; background: #fff; box-sizing: border-box;}
.layer-popup#chkPwWindow .popup-content > ul.popup-table > li > div > .alert-text{ width: 100%; margin-top: 10px; line-height: 16px; text-align: left; font-size: 13px; color: #dc3545; font-weight: 400; letter-spacing: -0.26px;}
/* 본인인증 회원으로 전환 팝업 */
.dialog-content#selfCrtfSwitchDialog > p{ margin-bottom: 20px; text-align: left;}
.dialog-content#selfCrtfSwitchDialog > span{ line-height: 28px; text-align: left; font-size: 18px; letter-spacing: -0.36px;}
.dialog-content#selfCrtfSwitchDialog + .k-dialog-buttongroup{ flex-direction: column;}
.dialog-content#selfCrtfSwitchDialog + .k-dialog-buttongroup > button{ width: 100%; min-height: 50px; font-size: 16px; letter-spacing: -0.32px;}
.dialog-content#selfCrtfSwitchDialog + .k-dialog-buttongroup > button::before{ position: unset; content: ''; display: inline-block; width: 18px; height: 18px; margin-right: 5px; vertical-align: middle; opacity: 1;}
.dialog-content#selfCrtfSwitchDialog + .k-dialog-buttongroup > button:first-child::before{ background: url(../../images/sub/icon_cert_phone.png) no-repeat 50% 50%;}
.dialog-content#selfCrtfSwitchDialog + .k-dialog-buttongroup > button:last-child::before{ background: url(../../images/sub/icon_cert_ipin.png) no-repeat 50% 50%;}

/* 결제하기 */
.apply-pymt-wrap h3{ width: 100%; margin-top: 50px; margin-bottom: 15px; line-height: 40px; text-align: left; font-size: 25px; color: #000; font-weight: 700; letter-spacing: -0.5px;}
.apply-pymt-wrap h2+h3{ margin-top: 0;}
.apply-pymt-wrap h3+ul.radio-list{ float: right; margin-top: -55px; margin-bottom: 15px;}
.apply-pymt-wrap h3+ul.radio-list > li input[type="radio"].radio + label{ line-height: 40px;}
.apply-pymt-wrap .class-apply-info{ width: 100%; padding: 28px 20px; line-height: 30px; text-align: left; font-size: 20px; color: #000; font-weight: 700; letter-spacing: -0.4px; border-top: 1px solid #000; border-bottom: 1px solid #ced4da; background: #f8f9fa; box-sizing: border-box;}
.apply-pymt-wrap .class-apply-info::before{ display: inline-block; content: ''; width: 18px; height: 18px; margin-right: 10px; vertical-align: middle; background: url(../../images/sub/icon_sub_tit.png) no-repeat 50% 50%;}
.apply-pymt-wrap .class-apply-info+ul.input-form-det{ border-top: none;}
.apply-pymt-wrap .class-apply-info > p{ display: flex; flex-direction: column; gap: 2px; width: 100%; padding-left: 28px; margin-top: 10px; box-sizing: border-box;}
.apply-pymt-wrap .class-apply-info > p > span{ line-height: 25px; text-align: left; font-size: 18px; color: #495057; font-weight: 400; letter-spacing: -0.36px;}
.apply-pymt-wrap .info-text-wrap{ display: flex; flex-direction: column; width: 100%; padding: 22px 4px 0; box-sizing: border-box;}
.apply-pymt-wrap .info-text-wrap > li{ display: flex; gap: 8px; color: #6c757d;}
.apply-pymt-wrap .info-text-wrap > li > i{ line-height: 27px; text-align: left; font-size: 16px; color: #6c757d; font-weight: 400;}
.apply-pymt-wrap .info-text-wrap > li > p{ line-height: 27px; text-align: left; font-size: 16px; color: #6c757d; font-weight: 400;}
.apply-pymt-wrap .info-text-wrap > li.text-red > i{ color: #dc3545;}
.apply-pymt-wrap .info-text-wrap > li.text-red > p{ color: #dc3545;}
.apply-pymt-wrap .agree-wrap{ display: inline-block; width: 100%; margin-top: 60px; border-top: 1px solid #ced4da; border-bottom: 1px solid #ced4da; box-sizing: border-box;}
.apply-pymt-wrap .agree-wrap > h4{ width: 100%; padding: 25px; line-height: 32px; text-align: left; font-size: 18px; color: #000; font-weight: 700; letter-spacing: -0.36px; border-bottom: 1px solid #ced4da; background: #fafafa; box-sizing: border-box;}
.apply-pymt-wrap .agree-wrap > h4 > span{ margin-right: 4px; color: #001f90;}
.apply-pymt-wrap .agree-wrap .check-box-wrap{ width: 100%; padding: 22px 25px 25px; box-sizing: border-box;}
.apply-pymt-wrap .agree-wrap .check-box-wrap ul.radio-list{ flex-direction: column; gap: 12px; width: 100%;}
.apply-pymt-wrap .agree-wrap .check-box-wrap ul.radio-list > li{ width: 100%;}
.apply-pymt-wrap .agree-wrap .check-box-wrap ul.radio-list input[type=radio]+label{ line-height: 32px;}
.apply-pymt-wrap .agree-wrap .check-box-wrap ul.radio-list input[type="checkbox"].checkbox:disabled + label{ color: #212529; cursor: default;}
.apply-pymt-wrap .agree-wrap .check-box-wrap ul.radio-list input[type="checkbox"].checkbox:disabled + label > i{ background: #fff; cursor: default;}
.apply-pymt-wrap .agree-wrap .check-box-wrap ul.radio-list input[type="checkbox"].checkbox:checked:disabled + label > i{ border: none; background: url(../../images/common/icon_checked.png);}
.apply-pymt-wrap .agree-wrap .check-box-wrap ul.radio-list input[type="checkbox"].checkbox + label > a{ font-size: 15px; color: #495057; text-decoration: underline; cursor: pointer;}

.apply-pymt-wrap ul.input-form > li > p > i.help{ display: inline-block; width: 20px; height: 20px; margin-left: 5px; vertical-align: middle; background: url(../../images/sub/icon_help_20.png) no-repeat 50% 50%;}
.apply-pymt-wrap ul.input-form > li > div.reg-number input.input-box{ width: calc(50% - 14px);}
.apply-pymt-wrap ul.input-form > li > div.phone-number.phone-cert input.phone{ width: calc(33.33% - 69px);}
.apply-pymt-wrap ul.input-form > li > div.phone-number.phone-cert.success input.phone{ width: calc(33.33% - 18px);}
.apply-pymt-wrap ul.input-form > li > div.phone-number.phone-cert .cert-wrap{ display: flex; gap: 10px; flex-wrap: wrap; width: 100%; margin-top: 10px;}
.apply-pymt-wrap ul.input-form > li > div.phone-number.phone-cert .cert-wrap > input.cert-number{ width: calc(100% - 150px);}
.apply-pymt-wrap ul.input-form > li > div.phone-number.phone-cert .cert-wrap > p{ color: #dc3545; font-weight: 500;}
.apply-pymt-wrap ul.input-form > li > div.phone-number.phone-cert .cert-wrap > p.text-blue{ color: #001f90;}
.apply-pymt-wrap ul.input-form > li.help-box-wrap{ position: relative;}
.apply-pymt-wrap ul.input-form > li.help-box-wrap .help-box{ display: none; position: absolute; top: 68px; left: 140px; width: 325px; height: 195px; border-radius: 7px; border: 1px solid #dee2e6; background: #fff; box-shadow: 2px 2px 10px rgba(0, 0, 0, 0.15); box-sizing: border-box; z-index: 10;}
.apply-pymt-wrap ul.input-form > li.help-box-wrap .help-box::before{ position: absolute; top: -12.5px; left: 0; display: inline-block; content: ''; width: 100%; height: 13px; background: url(../../images/sub/bg_help_box2.png) no-repeat 50% 50%;}
.apply-pymt-wrap ul.input-form > li.help-box-wrap .help-box > h2{ margin-bottom: 10px; line-height: 20px; text-align: left; font-size: 16px; color: #212529; font-weight: 600; letter-spacing: -0.32px;}
.apply-pymt-wrap ul.input-form > li.help-box-wrap .help-box > p{ width: 100%; padding: 15px; line-height: 19px; text-align: left; font-size: 14px; color: #6c757d; font-weight: 500; letter-spacing: -0.28px; border-radius: 2px; background: #f8f9fa; box-sizing: border-box;}
.apply-pymt-wrap ul.input-form-det > li > div > p.price > span{ color: #212529; font-weight: 700;}
.apply-pymt-wrap .pymt-info-wrap{ display: flex; gap: 15px; flex-direction: column; width: 100%; padding: 25px 25px 30px; border-radius: 4px; background: #f8f8f8; box-sizing: border-box;}
.apply-pymt-wrap .pymt-info-wrap > p{ display: flex; align-items: center; justify-content: space-between; width: 100%;}
.apply-pymt-wrap .pymt-info-wrap > p > span{ line-height: 25px; text-align: left; font-size: 18px; color: #6c757d; font-weight: 500; letter-spacing: -0.36px;}
.apply-pymt-wrap .pymt-info-wrap > p > span.price{ color: #343a40;}
.apply-pymt-wrap .pymt-info-wrap > p > span.price > strong{ color: #212529;}
.apply-pymt-wrap .pymt-info-wrap > p > span.price.text-red{ color: #dc3545;}
.apply-pymt-wrap .pymt-info-wrap > p.total{ margin-top: 6px; padding-top: 22px; border-top: 1px solid #dee2e6;}
.apply-pymt-wrap .pymt-info-wrap > p.total > span.price{ line-height: 20px; font-size: 20px; color: #495057; letter-spacing: -0.4px;}
.apply-pymt-wrap .pymt-info-wrap > p.total > span.price > strong{ line-height: 33px; font-size: 28px; letter-spacing: -0.56px;}
.apply-pymt-wrap .pymt-how-wrap{ width: 100%; padding: 22px 4px 0; box-sizing: border-box;}
.apply-pymt-wrap .pymt-how-wrap > h3{ width: 100%; margin-bottom: 15px; line-height: 34px; text-align: left; font-size: 18px; color: #000; font-weight: 600; letter-spacing: -0.36px;}
.apply-pymt-wrap .pymt-how-wrap > h3 > i{ display: inline-block; width: 34px; height: 34px; margin-right: 12px; vertical-align: middle; border-radius: 100%; background: url(../../images/sub/icon_alert.png) no-repeat 50% 50% #f8f8f8;}
.apply-pymt-wrap .pymt-how-wrap > ul.radio-list{ float: none; gap: 0; align-items: start; flex-direction: column; width: 100%; margin: 0;}
.apply-pymt-wrap .pymt-how-wrap > p{ margin-bottom: 2px; line-height: 29px; text-align: left; font-size: 18px; color: #212529; font-weight: 500;}
/* .apply-pymt-wrap .pymt-how-wrap > p::before{ display: inline-block; content: ''; width: 5px; height: 5px; margin: 0 10px; vertical-align: middle; border-radius: 100%; background: #212529;} */
.apply-pymt-wrap .pymt-how-wrap > span{ display: block; width: 100%; padding-left: 28px; line-height: 27px; text-align: left; font-size: 16px; color: #6c757d; font-weight: 400; box-sizing: border-box;}
.apply-pymt-wrap .btn-wrap{ margin-top: 50px;}

/* 약관 동의 팝업 */
.popup-content.terms-agree-content .terms-agree-cont{ width: 100%;}
.popup-content.terms-agree-content .terms-agree-cont h2{ line-height: 32px; text-align: left; font-size: 20px; color: #000; font-weight: 600; letter-spacing: -0.4px;}
.popup-content.terms-agree-content .terms-agree-cont p.sub-h2{ line-height: 28px; text-align: left; font-size: 18px; color: #6c757d; font-weight: 400;}
.popup-content.terms-agree-content .terms-agree-cont h2+p.sub-h2{ margin-top: 2px;}
.popup-content.terms-agree-content .terms-agree-cont p.sub-h2+h2{ margin-top: 20px;}
.popup-content.terms-agree-content .terms-agree-cont p.sub-h2+h3{ margin-top: 20px;}
.popup-content.terms-agree-content .terms-agree-cont h3{ line-height: 29px; text-align: left; font-size: 18px; color: #343a40; font-weight: 500;}
.popup-content.terms-agree-content .terms-agree-cont p.sub-h3{ line-height: 25px; text-align: left; font-size: 16px; color: #6c757d; font-weight: 400; box-sizing: border-box;}
.popup-content.terms-agree-content .terms-agree-cont h2+p.sub-h3{ margin-top: 2px;}
.popup-content.terms-agree-content .terms-agree-cont h3+p.sub-h3{ margin-top: 2px;}
.popup-content.terms-agree-content .terms-agree-cont p.sub-h3+h2{ margin-top: 20px;}
.popup-content.terms-agree-content .terms-agree-cont p.sub-h3+h3{ margin-top: 20px;}
.popup-content.terms-agree-content .terms-agree-cont p > a{ text-decoration: underline; cursor: pointer;}
.popup-content.terms-agree-content .terms-agree-cont .mt-20{ margin-top: 20px;}
.popup-content.terms-agree-content .terms-agree-cont .pl-23{ padding-left: 12px;}
.popup-content.terms-agree-content .terms-agree-cont .pl-34{ padding-left: 14px;}
.popup-content.terms-agree-content .terms-agree-cont .pl-46{ padding-left: 46px;}
.popup-content.terms-agree-content .terms-agree-cont .text-red{ color: #dc3545; font-weight: 500;}
.popup-content.terms-agree-content .terms-agree-cont .text-line{ text-decoration: underline;}

/* 추가지원대상 안내 팝업(국민내일배움카드 훈련비 자비부담 경감 또는 면제 대상자 안내) */
.popup-content.add-trgt-content > h2{ width: 100%; margin-bottom: 20px; line-height: 29px; text-align: left; font-size: 18px; color: #6c757d; font-weight: 400;}
.popup-content.add-trgt-content > h3{ width: 100%; line-height: 29px; text-align: left; font-size: 18px; color: #343a40; font-weight: 500;}
.popup-content.add-trgt-content > h3::before{ display: inline-block; content: ''; width: 5px; height: 5px; margin: 0 10px; vertical-align: middle; border-radius: 100%; background: #212529;}
.popup-content.add-trgt-content > p{ display: flex; gap: 4px; line-height: 25px; text-align: left; font-size: 16px; color: #6c757d; font-weight: 400;}
.popup-content.add-trgt-content > p > span.text-red{ color: #dc3545; font-weight: 500;}
.popup-content.add-trgt-content > p > span.text-line{ color: #212529; text-decoration: underline;}
.popup-content.add-trgt-content > table.table-column{ margin-top: 40px;}
.popup-content.add-trgt-content > table.table-column tr td{ vertical-align: middle; color: #495057;}
.popup-content.add-trgt-content > table.table-column tr td span{ display: flex; gap: 4px; width: 100%; margin-top: 4px; line-height: 21px; text-align: left; font-size: 14px; color: #6c757d; font-weight: 400;}
.popup-content.add-trgt-content > table.table-column + span{ display: block; width: 100%; margin-top: 15px; line-height: 25px; text-align: left; font-size: 16px; color: #6c757d; font-weight: 400;} 

/* 결제완료 */
.pymt-wrap h3.input-form-tit{ width: 100%; margin-bottom: 15px; line-height: 40px; text-align: left; font-size: 25px; color: #000; font-weight: 700; letter-spacing: -0.5px;}
.pymt-wrap h3.input-form-tit+ul.input-form-det{ margin-bottom: 60px;}
.pymt-wrap .class-apply-info{ width: 100%; padding: 28px 20px; line-height: 30px; text-align: left; font-size: 20px; color: #000; font-weight: 700; letter-spacing: -0.4px; border-top: 1px solid #000; border-bottom: 1px solid #ced4da; background: #f8f9fa; box-sizing: border-box;}
.pymt-wrap .class-apply-info::before{ display: inline-block; content: ''; width: 18px; height: 18px; margin-right: 10px; vertical-align: middle; background: url(../../images/sub/icon_sub_tit.png) no-repeat 50% 50%;}
.pymt-wrap .class-apply-info+ul.input-form-det{ border-top: none;}
.pymt-wrap .btn-wrap{ margin-top: 50px;}

/* ------------------------------------------------------- 학습하기 */
/* 학습하기 > 과정안내 */
.sbjct-info-wrap .sbjct-info{ display: flex; gap: 50px; width: 100%;}
.sbjct-info-wrap .sbjct-info .thumbnail{ width: 180px; height: 102px; border-radius: 6px; background-repeat: no-repeat; background-position: 50% 50%; background-size: cover;}
.sbjct-info-wrap .sbjct-info .thumbnail.none{ background-image: url(../../images/common/none_thumbnail_logo.png); background-size: 60%; background-color: #f2f2f2; background-size: auto;}
.sbjct-info-wrap .sbjct-info .info{ width: calc(100% - 230px);}
.sbjct-info-wrap .sbjct-info .info > h3{ width: 100%; padding: 2.5px 0; margin-bottom: 8px; line-height: 30px; text-align: left; font-size: 22px; color: #212529; font-weight: 600; letter-spacing: -1.1px; box-sizing: border-box;}
.sbjct-info-wrap .sbjct-info .info > h3 > span{ display: inline-block; width: auto; height: 26px; padding: 5px 10px; line-height: 16px; text-align: center; font-size: 13px; border-radius: 4px;}
.sbjct-info-wrap .sbjct-info .info > p{ width: 100%; margin-bottom: 25px; line-height: 20px; text-align: left; font-size: 16px; color: #6c757d; font-weight: 400; letter-spacing: -0.32px;}
.sbjct-info-wrap .sbjct-info .info > ul{ display: inline-block; width: 100%;}
.sbjct-info-wrap .sbjct-info .info > ul > li{ float: left; margin-right: 20px;}
.sbjct-info-wrap .sbjct-info .info > ul > li > span{ float: left; margin-right: 20px; line-height: 19px; text-align: left; font-size: 15px; color: #6c757d; font-weight: 500; letter-spacing: -0.3px;}
.sbjct-info-wrap .sbjct-info .info > ul > li > p{ float: left; line-height: 19px; text-align: left; font-size: 15px; color: #212529; font-weight: 500; letter-spacing: -0.3px;}
.sbjct-info-wrap .sbjct-info .info > ul > li > p::after{ display: inline-block; content: ''; width: 1px; height: 15px; vertical-align: middle; margin-left: 20px; background: #dee2e6;}
.sbjct-info-wrap .sbjct-info .info > ul > li:last-child{ margin-right: 0;}
.sbjct-info-wrap .sbjct-info .info > ul > li:last-child > p::after{ content: none;}
.sbjct-info-wrap .sbjct-box{ display: inline-block; width: 100%;}
.sbjct-info-wrap .sbjct-box > h4{ width: 100%; margin: 80px 0 20px; line-height: 40px; text-align: left; font-size: 25px; color: #000; letter-spacing: -0.5px;}
.sbjct-info-wrap .sbjct-box > h4 > button{ float: right; line-height: 40px; font-size: 15px; color: #828282; font-weight: 400; letter-spacing: -0.3px; border: none; background: none;}
.sbjct-info-wrap .sbjct-box > h4 > button::after{ display: inline-block; content: ''; width: 16px; height: 16px; vertical-align: middle; margin-left: 5px; background: url(../../images/sub/icon_btn_more_15.png) no-repeat 50% 50%;}
.sbjct-info-wrap .sbjct-box > ul.cont{ width: 100%; border-top: 1px solid #dee2e6;}
.sbjct-info-wrap .sbjct-box > ul.cont > li{ border-bottom: 1px solid #dee2e6; box-sizing: border-box;}
.sbjct-info-wrap .sbjct-box > ul.cont.class-info > li{ display: flex; align-items: start; gap: 10px; padding: 38px 22px;}
.sbjct-info-wrap .sbjct-box > ul.cont.class-info > li > span{ display: inline-block; width: 160px; line-height: 29px; text-align: left; font-size: 18px; color: #000; font-weight: 500; letter-spacing: -0.36px;}
.sbjct-info-wrap .sbjct-box > ul.cont.class-info > li > div{ width: calc(100% - 170px); line-height: 25px; text-align: left; font-size: 16px; color: #6c757d; font-weight: 400;}
.sbjct-info-wrap .sbjct-box > ul.cont.lctr-info > li{ display: flex; flex-direction: column; gap: 25px; padding: 38px 22px;}
.sbjct-info-wrap .sbjct-box > ul.cont.lctr-info > li > h5{ line-height: 29px; text-align: left; font-size: 18px; color: #000; font-weight: 500; letter-spacing: -0.36px;}
.sbjct-info-wrap .sbjct-box > ul.cont.lctr-info > li > ul{ width: 100%;}
.sbjct-info-wrap .sbjct-box > ul.cont.lctr-info > li > ul > li{ float: left; width: 100%; line-height: 25px; text-align: left; font-size: 16px; color: #6c757d; font-weight: 400;}
.sbjct-info-wrap .sbjct-box > ul.cont.sbjct-brd > li{ display: flex; gap: 30px; padding: 20px; cursor: pointer;}
.sbjct-info-wrap .sbjct-box > ul.cont.sbjct-brd > li > p{ line-height: 20px; text-align: left; font-size: 16px; color: #222; font-weight: 500; letter-spacing: -0.8px;}

/* 학습실 > 학습하기 */
.std-plan-wrap .tab-content{ padding-top: 50px;}
.std-plan-wrap .std-info{ display: flex; align-items: center; gap: 30px; width: 100%; padding: 30px 10px; box-sizing: border-box;}
.std-plan-wrap .std-info > .info{ width: calc(100% - 180px);}
.std-plan-wrap .std-info > .info > h3{ width: 100%; line-height: 29px; text-align: left; font-size: 24px; color: #212529; font-weight: 600; letter-spacing: -1.2px; overflow: hidden; text-overflow: ellipsis; white-space: nowrap;}
.std-plan-wrap .std-info > .info > h3 > span{ display: inline-block; width: auto; height: 29px; padding: 6px 10px; margin-right: 15px; vertical-align: middle; line-height: 16px; text-align: center; font-size: 13px; font-weight: 500; border-radius: 4px; box-sizing: border-box;}
.std-plan-wrap .std-info > .info > h3 > span.ing{ color: #001f90; border: 1px solid #9ec5fe;}
.std-plan-wrap .std-info > .info > h3 > span.ing{ color: #001f90; border: 1px solid #9ec5fe;}
.std-plan-wrap .std-info > .info > h3 > span.cmplt{ color: #198754; border: 1px solid #a3cfbb;}
.std-plan-wrap .std-info > .info > h3 > span.n-cmplt{ color: #dc3545; border: 1px solid #f1aeb5;}
.std-plan-wrap .std-info > .info > h3 > span.wait{ color: #212529; border: 1px solid #ced4da;}
.std-plan-wrap .std-info > .info > ul{ display: flex; gap: 4px 0; flex-wrap: wrap; width: 100%; margin-top: 50px;}
.std-plan-wrap .std-info > .info > ul > li{ position: relative; display: flex; align-items: center; gap: 30px; padding: 6.5px 30px;}
.std-plan-wrap .std-info > .info > ul > li::after{ position: absolute; top: 8.5px; right: 0; content :''; display: block; width: 1px; height: 15px; background: #dee2e6;}
.std-plan-wrap .std-info > .info > ul > li:nth-child(3)::after, .std-wrap .std-info > .info > ul > li:last-child::after{ content: none;}
.std-plan-wrap .std-info > .info > ul > li > span{ line-height: 19px; text-align: left; font-size: 15px; color: #6c757d; font-weight: 500; letter-spacing: -0.3px;}
.std-plan-wrap .std-info > .info > ul > li > p{ line-height: 19px; text-align: left; font-size: 15px; color: #212529; font-weight: 500; letter-spacing: -0.3px;}
.std-plan-wrap .std-info > .info > ul > li > p > strong{ color: #000; font-weight: 600;}
.std-plan-wrap .std-info > .info > ul > li > div{ display: flex;}
.std-plan-wrap .std-info > .info > ul > li > div > p{ position: relative; width: 190px; height: 16px; margin: 1.5px 0; border-radius: 100px; background: #dee2e6;}
.std-plan-wrap .std-info > .info > ul > li > div > p > span{ position: absolute; display: inline-block; top: 0; left: 0; height: 16px; border-radius: 100px; background: #001f90;}
.std-plan-wrap .std-info > .info > ul > li > div > span{ margin-left: 12px; line-height: 19px; text-align: left; font-size: 15px; color: #001f90; font-weight: 400; letter-spacing: -0.3px;}
.std-plan-wrap .std-info > .info > ul > li > div > span > strong{ font-weight: 600;}
.std-plan-wrap .std-info > button{ width: 150px;}
.std-plan-wrap .std-info > button::before{ display: inline-block; content: ''; width: 18px; height: 18px; margin-right: 6px; vertical-align: middle; background: url(../../images/sub/icon_play.png) no-repeat 50% 50%; transform: rotate(180deg);}
.std-plan-wrap .std-info > button::before{ transform: rotate(0deg);}
.std-plan-wrap .tab-content > h2{ width: 100%; margin: 80px 0 20px; line-height: 40px; text-align: left; font-size: 25px; color: #000; font-weight: 700; letter-spacing: -0.5px;}
.std-plan-wrap ul.lctr-info{ width: 100%; border-top: 1px solid #dee2e6;}
.std-plan-wrap ul.lctr-info > li{ display: flex; gap: 10px; align-items: start; width: 100%; padding: 38px 22px; border-bottom: 1px solid #dee2e6; box-sizing: border-box;}
.std-plan-wrap ul.lctr-info > li > span{ width: 160px; line-height: 29px; text-align: left; font-size: 18px; color: #000; font-weight: 500; letter-spacing: -0.36px;}
.std-plan-wrap ul.lctr-info > li > span > button{ display: block; margin-top: 15px;}
.std-plan-wrap ul.lctr-info > li > p{ width: calc(100% - 170px); line-height: 26px; text-align: left; font-size: 16px; color: #6c757d; font-weight: 400;}
.std-plan-wrap ul.lctr-info > li > div{ width: calc(100% - 170px); line-height: 26px; text-align: left; font-size: 16px; color: #6c757d; font-weight: 400;}
.std-plan-wrap ul.lctr-info > li > div > p{ line-height: 26px; text-align: left; font-size: 16px; color: #6c757d; font-weight: 400;}
.std-plan-wrap table.table-column{ color: #000; border-top: 1px solid #eee;}
.std-plan-wrap table.table-column tr td:first-child{ background: #f8f8f8;}
.std-plan-wrap table.table-column tr td.det-std-none{ background: #fff;}
.std-plan-wrap table.table-column tr td.det-std-none .none-data{ border: none;}
.std-plan-wrap .idx-text{ display: flex; gap: 25px; align-items: center; width: 100%; padding: 25px; border-top: 1px solid #dee2e6; background: #f8f8f8; box-sizing: border-box;}
.std-plan-wrap .idx-text > p{ line-height: 29px; text-align: left; font-size: 18px; color: #000; font-weight: 500; letter-spacing: -0.3px;}
.std-plan-wrap .idx-text > span{ line-height: 26px; text-align: left; font-size: 16px; color: #6c757d; font-weight: 400; letter-spacing: -0.32px;}
.std-plan-wrap ul.idx-list{ width: 100%; border-top: 1px solid #dee2e6;}
.std-plan-wrap ul.idx-list > li{ display: flex; align-items: center; width: 100%; border-bottom: 1px solid #dee2e6;}
.std-plan-wrap ul.idx-list > li.idx-tit{ background: #f8f8f8;}
.std-plan-wrap ul.idx-list > li.idx-tit > div > p{ text-align: center; word-break: keep-all;}
.std-plan-wrap ul.idx-list > li > div{ flex: auto; padding: 25px 10px; box-sizing: border-box;}
.std-plan-wrap ul.idx-list > li > div:first-child{ width: 62px;}
.std-plan-wrap ul.idx-list > li > div.dept-name{ width: 175px;}
.std-plan-wrap ul.idx-list > li > div:nth-child(3){ width: 150px;}
.std-plan-wrap ul.idx-list > li > div:nth-child(4){ width: 165px;}
.std-plan-wrap ul.idx-list > li > div:nth-child(5){ width: calc(100% - 784px);}
.std-plan-wrap ul.idx-list > li > div:nth-child(6){ width: 115px;}
.std-plan-wrap ul.idx-list > li > div:nth-child(6) > p{ word-break: keep-all;}
.std-plan-wrap ul.idx-list > li > div:last-child{ width: 135px;}
.std-plan-wrap ul.idx-list > li > div > span{ line-height: 26px; text-align: center; font-size: 15px; color: #6c757d; font-weight: 400; letter-spacing: -0.32px;}
.std-plan-wrap ul.idx-list > li > div > p{ line-height: 26px; text-align: left; font-size: 15px; color: #212529; font-weight: 400; letter-spacing: -0.32px;}
.std-plan-wrap ul.idx-list > li > div > button{ width: 95px; height: 44px;}
.std-plan-wrap h3.sub-h3{ width: 100%; margin-bottom: 6px; line-height: 40px; text-align: left; font-size: 25px; color: #000; font-weight: 700; letter-spacing: -0.5px;}
.std-plan-wrap h3.sub-h3 > span{ margin-left: 30px; font-size: 16px; color: #6c757d; font-weight: 400;}
.std-plan-wrap h3.sub-h3 + p{ width: 100%; padding-bottom: 15px; line-height: 26px; text-align: left; font-size: 16px; color: #6c757d; font-weight: 400; border-bottom: 1px solid #000;}
.std-plan-wrap h3.sub-h3 + p > span{ float: right; font-size: 15px; color: #dc3545; font-weight: 500;}
.std-plan-wrap h3.sub-h3 + p > span::before{ display: inline-block; content: ''; width: 20px; height: 20px; vertical-align: middle; margin-right: 6px; background: url(../../images/sub/icon_alert_red.png) no-repeat 50% 50%;}
.std-plan .plan1-box{ width: 100%; padding: 22px 0; margin-bottom: 60px; border-bottom: 1px solid #eee; box-sizing: border-box;}
.std-plan .plan1-box > textarea{ width: calc(100% - 44px); height: 280px; margin: 0 22px 22px;}
.std-plan .plan1-box .email-box{ display: flex; gap: 10px; width: 100%; padding: 22px 22px 0; border-top: 1px solid #eee; box-sizing: border-box;}
.std-plan .plan2-box{ width: 100%; padding: 22px; border-bottom: 1px solid #eee; box-sizing: border-box;}
.std-plan .plan2-box > p{ line-height: 60px; text-align: left; font-size: 18px; color: #495057;font-weight: 400; letter-spacing: -0.36px;}
.std-plan .plan2-box > p > input[type=text]{ width: 80px; margin: 0 10px;}
.std-plan .plan2-box + .btn-wrap{ margin-bottom: 60px;}
.std-plan .plan3-box{ width: 100%;}
.std-plan .plan3-box > ul{ display: flex; width: 100%; flex-wrap: wrap;}
.std-plan .plan3-box > ul > li{ display: flex; flex: 1;}
.std-plan .plan3-box > ul:last-child > li{ width: 100%;}
.std-plan .plan3-box > ul > li > p{ display: flex; align-items: center; width: 140px; padding: 22px; line-height: 25px; text-align: left; font-size: 18px; color: #000; font-weight: 700; letter-spacing: -0.36px; box-sizing: border-box;}
.std-plan .plan3-box > ul > li > div{ display: flex; align-items: center; width: calc(100% - 140px); padding: 22px; box-sizing: border-box;}
.std-plan .plan3-box > ul > li > div > input[type=text]{ width: 100%;}
.std-plan .plan3-box > ul > li > div > p{ line-height: 25px; text-align: left; font-size: 18px; color: #495057; font-weight: 400; letter-spacing: -0.36px;}
.std-plan-wrap ul.attnd-box{ width: 100%;}
.std-plan-wrap ul.attnd-box > li{ display: flex; align-items: center; width: 100%; border-bottom: 1px solid #eee;}
.std-plan-wrap ul.attnd-box > li > span{ width: 190px; padding: 22px; line-height: 25px; text-align: left; font-size: 18px; color: #000; font-weight: 700; letter-spacing: -0.36px; box-sizing: border-box;}
.std-plan-wrap ul.attnd-box > li > div{ width: calc(100% - 190px); padding: 22px; box-sizing: border-box;}
.std-plan-wrap ul.attnd-box > li > div > textarea{ height: 200px;}
.std-plan-wrap ul.attnd-box + .btn-wrap{ margin-bottom: 60px;}
.std-plan-wrap .k-scheduler{ margin-top: -50px; border: none; border-radius: 0; background: none;}
.std-plan-wrap .k-scheduler .k-scheduler-toolbar{ position: relative; height: 36px; padding: 0; margin: 0 0 15px; border: none; background: none;}
.std-plan-wrap .k-scheduler .k-scheduler-toolbar .k-button-group{ gap: 4px; position: absolute; top: 0; right: 0; margin: 0;}
.std-plan-wrap .k-scheduler .k-scheduler-toolbar .k-button-group .k-nav-today{ display: none;}
.std-plan-wrap .k-scheduler .k-scheduler-toolbar .k-button-group .k-icon-button{ width: 36px; height: 36px; border-radius: 6px; border: 1px solid #c0c0c0;}
.std-plan-wrap .k-scheduler .k-scheduler-toolbar .k-button-group .k-icon-button.k-nav-prev{ border-radius: 6px 0 0 6px; background: url(../../images/sub/icon_schdl_prev.png) no-repeat 50% 50%;}
.std-plan-wrap .k-scheduler .k-scheduler-toolbar .k-button-group .k-icon-button.k-nav-next{ border-radius: 0 6px 6px 0; background: url(../../images/sub/icon_schdl_next.png) no-repeat 50% 50%;}
.std-plan-wrap .k-scheduler .k-scheduler-toolbar .k-button-group .k-icon-button .k-icon{ display: none;}
.std-plan-wrap .k-scheduler .k-scheduler-toolbar .k-nav-current{ display: none;}
.std-plan-wrap .k-scheduler .k-scheduler-toolbar .k-scheduler-refresh{ display: none;}
.std-plan-wrap .k-scheduler .k-scheduler-content{ overflow: hidden;}
.std-plan-wrap .k-scheduler .k-scheduler-layout{ border-top: 2px solid #000;}
.std-plan-wrap .k-scheduler .k-scheduler-table th{ height: 60px; padding: 10px; vertical-align: middle; line-height: 19px; font-size: 16px; color: #000; font-weight: 500; border-color: #e8e8e8; background: #f9f9f9; box-sizing: border-box;}
.std-plan-wrap .k-scheduler .k-scheduler-table td{ height: 110px; padding: 8px 12px 15px; text-align: left; box-sizing: border-box;}06
.std-plan-wrap .k-scheduler .k-scheduler-table td.k-today{ background: #f8f9fa;}
.std-plan-wrap .k-scheduler .k-scheduler-table td span.k-nav-day{ font-size: 14px; color: #6c757d; font-weight: 500;}
.std-plan-wrap .k-scheduler .k-scheduler-table td.k-other-month{ color: #eee;}
.std-plan-wrap .k-scheduler .k-event{ height: 60px!important; border: none; background: transparent;}
.std-plan-wrap .k-scheduler .k-event .k-event-actions{ display: none;}
.std-plan-wrap .k-scheduler .k-event .template-container{ padding: 0 12px; box-sizing: border-box;}
.std-plan-wrap .k-scheduler .k-event .template-container > p{ line-height: 20px; text-align: left; font-size: 14px; color: #495057; font-weight: 400;}
.std-plan-wrap .k-scheduler .k-event .template-container > a{ display: block; margin-top: 3px; line-height :18px; text-align: left; font-size: 12px; color: #212529; font-weight: 500; letter-spacing: -0.24px; text-decoration: underline;}

.std-plan-wrap #tabContent4 h3.sub-h3 + p{ border-bottom: none;}
.std-plan-wrap .sub-btn{ display: flex; gap: 8px; justify-content: end; margin-top: -70px; margin-bottom: 30px;}
.std-plan-wrap .sub-btn > button.on{ color: #fff; background: #212529;}
.std-plan-wrap .grid-rank .progress-wrap{ display: flex; gap: 15px; align-items: center; width: 100%;}
.std-plan-wrap .grid-rank .progress-wrap > p{ position: relative; width: 245px; height: 16px; margin: 3.5px 0; border-radius: 100px; background: #dee2e6;}
.std-plan-wrap .grid-rank .progress-wrap > p > span{ position: absolute; top: 0; left: 0; height: 16px; border-radius: 100px; background: #001f90;}
.std-plan-wrap .grid-rank .progress-wrap > span{ display: inline-block; width: calc(100% - 260px); line-height: 23px; text-align: right; font-size: 17px; color: #001f90; font-weight: 400; letter-spacing: -0.34px;}
.std-plan-wrap .grid-rank .progress-wrap > span > strong{ font-size: 18px; font-weight: 600;}
.std-plan-wrap .k-grid.grid-default.grid-rank td .ver-mb > span{ float: left; display: block; width: 90px; margin-right: 20px; line-height: 18px; text-align: left; font-size: 14px; color: #6c757d; font-weight: 500; letter-spacing: -0.28px;}
.std-plan-wrap .k-grid.grid-default.grid-rank td .ver-mb > p{ float: left; width: calc(100% - 110px); line-height: 18px; text-align: left; font-size: 14px; color: #343a40; font-weight: 500; letter-spacing: -0.28px;}

/* 학습실_근거법령 팝업 */
#lawWindow .popup-content > h2{ width: 100%; margin-bottom: 20px; line-height: 32px; text-align: left; font-size: 20px; color: #000; font-weight: 600; letter-spacing: -0.4px;}
#lawWindow .popup-content > p{ width: 100%; margin-bottom: 2px; line-height: 29px; text-align: left; font-size: 18px; color: #343a40; font-weight: 500;}
#lawWindow .popup-content > span{ display: block; width: 100%; line-height: 26px; text-align: left; font-size: 16px; color: #6c757d; font-weight: 400;}
#lawWindow .popup-content > a{ display: block; width: 100%; margin-top: 20px; line-height: 26px; text-align: left; font-size: 16px; color: #6c757d; font-weight: 400; text-decoration: underline;}

/* 학습실_본인인증 팝업 */
#selfCertWindow .cert-box{ width: 100%; margin-top: 30px;}
#selfCertWindow .cert-box > h3{ width: 100%; margin-bottom: 15px; line-height: 32px; text-align: left; font-size: 20px; color: #000; font-weight: 600; letter-spacing: -0.4px;}
#selfCertWindow .cert-box .cert-btn-wrap{ display: flex; gap: 8px; width: 100%;}
#selfCertWindow .cert-box .cert-btn-wrap > button{ width: calc(50% - 4px);}
#selfCertWindow .cert-box .cert-btn-wrap > button::before{ display: inline-block; content: ''; width: 18px; height: 18px; vertical-align: middle; margin-right: 5px;}
#selfCertWindow .cert-box .cert-btn-wrap > button.phone::before{ background: url(../../images/sub/icon_cert_phone.png) no-repeat 50% 50%;}
#selfCertWindow .cert-box .cert-btn-wrap > button.ipin::before{ background: url(../../images/sub/icon_cert_ipin.png) no-repeat 50% 50%;}
#selfCertWindow .cert-box .cert-input-wrap{ display: flex; gap: 8px;}
#selfCertWindow .cert-box .cert-input-wrap > div{ display: flex; gap: 8px; flex-wrap: wrap;}
#selfCertWindow .cert-box .cert-input-wrap > div > p{ width: 100%; line-height: 25px; font-size: 16px; color: #6c757d;}
#selfCertWindow .cert-box .cert-input-wrap > div > input[type=text]{ width: calc(100% - 132px);}
#selfCertWindow .cert-box .cert-input-wrap > div > button{ width: 124px; padding: 0;}
#selfCertWindow .cert-box .cert-input-wrap > button{ box-sizing: border-box;}
#selfCertWindow .cert-box ul.cert-text-wrap{ display: flex; flex-direction: column; gap: 20px;}
#selfCertWindow .cert-box ul.cert-text-wrap > li{ width: 100%;}
#selfCertWindow .cert-box ul.cert-text-wrap > li > p{ width: 100%; margin-bottom: 2px; line-height: 29px; text-align: left; font-size: 18px; color: #343a40; font-weight: 500;}
#selfCertWindow .cert-box ul.cert-text-wrap > li > span{ display: block; width: 100%; padding-left: 12px; line-height: 26px; text-align: left; font-size: 16px; color: #6c757d; font-weight: 400; box-sizing: border-box;}
/* 학습실_독려예약문자 팝업 */
#rsvSmsWindow .popup-content textarea{ height: 200px;}

/* ------------------------------------------------------- 고객센터 */
/* 고객센터 > 이벤트 */
.event-wrap .tab-content{ padding-top: 50px;}
.event-wrap .category-box .lctr-list > li{ width: calc(33.33% - 13.4px);}
.event-wrap .tab-content .w-100{ width: 100%; }

.event-wrap button.btn-lctr-list{ width: calc(100% - 40px); height: 80px; margin: 20px 20px 60px; border-radius: 8px; line-height: 24px; text-align: center; font-size: 24px; color: #212529; font-weight: 700; letter-spacing: -0.48px;}
.event-wrap button.btn-lctr-list > i{ width: 19px; height: 19px; margin-left: 11px; background: url(../../images/sub/icon_btn_more.png) no-repeat 50% 50%;}
.event-wrap .pay-wrap{ width: 100%; padding: 60px 80px; background: #f5f5f5; box-sizing: border-box;}
.event-wrap .pay-wrap > h3{ margin-bottom: 40px; line-height: 48px; font-size: 40px; color: #000; font-weight: 600;}
.event-wrap .pay-wrap > div.level{ display: flex; align-items: center; gap: 16px; width: 100%; height: auto; margin-bottom: 20px; border-radius: 12px; padding: 32px; background: #fff; box-shadow: 4px 32px 32px rgba(0, 0, 0, 0.05); box-sizing: border-box;}
.event-wrap .pay-wrap > div.level:last-child{ margin-bottom: 0;}
.event-wrap .pay-wrap > div.level > h4{ width: 182px; line-height: 44px; text-align: left; font-size: 24px; color: #212529; font-weight: 800;}
.event-wrap .pay-wrap > div.level > h4 > i{ position: relative; display: inline-block; width: 44px; height: 44px; vertical-align: middle; margin-right: 12px; border-radius: 100%;}
.event-wrap .pay-wrap > div.level > h4 > i::before{ position: absolute; top: 6px; left: 6px; content: ''; display: inline-block; width: 32px; height: 32px; border-radius: 100%; background: url(../../images/sub/icon_event_level.png) no-repeat 50% 50%;}
.event-wrap .pay-wrap > div.level > h4 > i.bronze{ background: #e2d3b5;}
.event-wrap .pay-wrap > div.level > h4 > i.bronze::before{ background-color: #c29f5b;}
.event-wrap .pay-wrap > div.level > h4 > i.silver{ background: #dcdcdc;}
.event-wrap .pay-wrap > div.level > h4 > i.silver::before{ background-color: #aeaeae;}
.event-wrap .pay-wrap > div.level > h4 > i.gold{ background: #fae8a8;}
.event-wrap .pay-wrap > div.level > h4 > i.gold::before{ background-color: #f5bf00;}
.event-wrap .pay-wrap > div.level > ul{ display: flex; flex-direction: column; align-items: start; width: 240px;}
.event-wrap .pay-wrap > div.level > ul > li{ line-height: 26px; text-align: left; font-size: 16px; color: #767676; font-weight: 500; letter-spacing: -0.32px;}
.event-wrap .pay-wrap > div.level > ul > li > span{ color: #2b49b6; font-weight: 700;}
.event-wrap .pay-wrap > div.level > ul > li::before{ content: ''; display: inline-block; width: 20px; height: 20px; vertical-align: middle; margin-right: 7px; background: url(../../images/sub/icon_check_event.png) no-repeat 50% 50%;}
.event-wrap .pay-wrap > div.level > p{ width: 120px; line-height: 38px; text-align: left; font-size: 24px; color: #0d6efd; font-weight: 700; letter-spacing: -1.44px;}
.event-wrap .pay-wrap > div.level > button{ margin-left: auto;}
.event-wrap .use-wrap{ padding: 60px 40px 85px; background: url(../../images/sub/bg_event_use.png) no-repeat 50% 50%;}
.event-wrap .use-wrap > h3{ margin-bottom: 60px; line-height: 48px; text-align: center; font-size: 40px; color: #fff; font-weight: 600;}
.event-wrap .use-wrap > ul{ display: flex; justify-content: space-between; align-items: center; width: calc(100% - 26px); margin: 0 13px 53px;}
.event-wrap .use-wrap > ul > li.box{ display: flex; gap: 12px; flex-direction: column; justify-content: center; align-items: center; width: 220px; height: 180px; border-radius: 12px; background: #fff; box-sizing: border-box;}
.event-wrap .use-wrap > ul > li.box > span{ line-height: 16px; text-align: center; font-size: 13px; color: #2b49b6; font-weight: 600; letter-spacing: 2.73px;}
.event-wrap .use-wrap > ul > li.box > p{ line-height: 22px; text-align: center; font-size: 18px; color: #343a40; font-weight: 700; letter-spacing: -0.9px;}
.event-wrap .use-wrap > .use-info-wrap{ width: 100%; padding: 0 20px; border-top: 1px solid rgba(255, 255, 255, 0.29); box-sizing: border-box;}
.event-wrap .use-wrap > .use-info-wrap > h4{ width: 100%; margin-top: 53px; line-height: 24px; text-align: left; font-size: 20px; color: #81acff; font-weight: 600; letter-spacing: -0.8px;}
.event-wrap .use-wrap > .use-info-wrap > ul{ display: flex; flex-direction: column; gap: 15px; width: 100%; margin-top: 25px;}
.event-wrap .use-wrap > .use-info-wrap > ul > li{ display: flex; flex-wrap: wrap; gap: 3px;}
.event-wrap .use-wrap > .use-info-wrap > ul > li > i{ font-style: normal; line-height: 29px; text-align: left; font-size: 18px; color: #ced4da; font-weight: 500;}
.event-wrap .use-wrap > .use-info-wrap > ul > li > p{ line-height: 29px; text-align: left; font-size: 18px; color: #ced4da; font-weight: 500; box-sizing: border-box;}
.event-wrap .use-wrap > .use-info-wrap > ul > li > p.px-8{ padding: 0 8px; line-height: 20px; font-size: 17px;}
.event-wrap .use-wrap > .use-info-wrap > ul > li > p > span{ display: block; width: 100%; margin-top: 4px; line-height: 19px; font-size: 16px; color: #adb5bd; font-weight: 400;}
.event-wrap .use-wrap > .use-info-wrap > ul > li > p > span > strong{ display: block; margin-bottom: 6px; color: #ced4da;}
.event-wrap .use-wrap > .use-info-wrap > ul > li > p > span.mt-15{ margin-top: 15px;}
.event-wrap .use-wrap > .use-info-wrap > ul > li > p > span.mb-15{ margin-bottom: 10px;}
.event-wrap .use-wrap > .use-info-wrap > ul > li > p > span.dot-text{ padding-left: 24px;}
.event-wrap .use-wrap > .use-info-wrap > ul > li > p > span.dot-text::before{ content: ''; display: inline-block; width: 3px; height: 3px; vertical-align: middle; margin-right: 8px; border-radius: 100%; background: #adb5bd;}
/* 고객센터 > FAQ */
.faq-search{ width: 100%; padding: 30px 30px 32px; border-radius: 6px; background: #f8f8f8;}
.faq-search .search-wrap{ position: relative; display: flex; gap: 8px; width: 100%; margin-bottom: 15px;}
.faq-search .search-wrap .dropdownlist{ width: 180px;}
.faq-search .search-wrap .input-box{ width: calc(100% - 188px); padding-right: 64px;}
.faq-search .search-wrap .input-box+button{ position: absolute; top: 0; right: 0; width: 64px; height: 60px; border: none; background: url(../../images/sub/btn_search.png) no-repeat 50% 50% transparent;}
.faq-search .tag-box{ display: flex; gap: 10px; flex-wrap: wrap; width: 100%; margin-top: 15px;}
.faq-search .tag-box > p{ width: auto; padding: 9px 18px; line-height: 18px; text-align: center; font-size: 14px; color: #6c757d; font-weight: 400; letter-spacing: -0.28px; border-radius: 100px; background: #fff; box-sizing: border-box;}
.faq-search .tag-box > p:hover{ color: #212529; font-weight: 500; border: 1px solid #000;}
.faq-search .tag-box > p::before{ content: '#';}
.faq-wrap .k-tabstrip{ margin: 50px 0;}
/* .faq-wrap ul.tab-border{ justify-content: space-between;} */
.faq-wrap ul.tab-border > li{ flex: none; border-bottom: none;}
.faq-box{ width: 100%; margin-bottom: 60px;}
.faq-box > h3{ width: 100%; padding-bottom: 15px; line-height: 40px; text-align: left; font-size: 25px; color: #000; font-weight: 700; letter-spacing: -0.5px; border-bottom: 1px solid #ced4da;}
.faq-box .faq-list{ width: 100%; padding: 0 20px; border-bottom: 1px solid #ced4da; box-sizing: border-box;}
.faq-box .faq-list .ques{ display: flex; gap: 15px; justify-content: start; align-items: start; width: 100%; padding: 25px 5px; box-sizing: border-box;}
.faq-box .faq-list .ques > span{ line-height: 25px; text-align: left; font-size: 28px; color: #000; font-weight: 700;}
.faq-box .faq-list .ques > p{ margin-right: 5px; line-height: 30px; text-align: left; font-size: 20px; color: #000; font-weight: 500; letter-spacing: -0.4px;}
.faq-box .faq-list .ques > p > button.btn-copy{ width: 30px; height: 30px; vertical-align: middle; margin-left: 15px; border-radius: 4px; border: 1px solid #c0c0c0; background: url(../../images/sub/icon_copy.png) no-repeat 50% 50%; box-sizing: border-box;}
.faq-box .faq-list .ques > button{ width: 40px; height: 40px; margin-left: auto; border-radius: 100%; border: none; background: url(../../images/sub/btn_toggle28.svg) no-repeat 50% 50% #e9ecef; transform: rotate(180deg);}
.faq-box .faq-list.open .ques > button{ transform: rotate(0deg);}
.faq-box .faq-list .answer{ display: none; gap: 15px; justify-content: start; align-items: start; width: 100%; padding: 25px; border-radius: 10px; background: #fafafa; box-sizing: border-box;}
.faq-box .faq-list .answer > span{ line-height: 30px; text-align: left; font-size: 28px; color: #001f90; font-weight: 700;}
.faq-box .faq-list .answer > p{ line-height: 25px; text-align: left; font-size: 16px; color: #6c757d; font-weight: 400; letter-spacing: -0.32px;}
.faq-box .faq-list .answer p{ text-align: initial; line-height: 28px; font-size: 18px;}

/* 고객센터 > 수강후기 */
.review-wrap .review-banner{ display: flex; width: 100%; padding: 35px; margin: 50px 0; background: #f8f8f8; box-sizing: border-box;}
.review-wrap .review-banner .content > h3{ margin-bottom: 25px; line-height: 31px; text-align: left; font-size: 24px; color: #000; font-weight: 400; letter-spacing: -1.2px;}
.review-wrap .review-banner .content > h3 > strong{ font-weight: 600;}
.review-wrap .review-banner .content > ul{ display: flex; gap: 4px; flex-direction: column;}
.review-wrap .review-banner .content > ul > li{ width: 100%;}
.review-wrap .review-banner .content > ul > li > span{ display: inline-block; float: left; width: 110px; line-height: 24px; text-align: left; font-size: 16px; color: #212529; font-weight: 600; letter-spacing: -0.32px;}
.review-wrap .review-banner .content > ul > li > p{ float: left; width: calc(100% -110px); line-height: 24px; text-align: left; font-size: 16px; color: #6c757d; font-weight: 400; letter-spacing: -0.32px;}
.review-wrap .review-banner .btn{ display: flex; gap: 8px; flex-direction: column; margin-left: auto;}
.review-wrap .review-banner .btn  > button{ width: 100%;}
.review-wrap .search-wrap > .right-wrap .k-dropdown.dropdownlist{ width: 160px; height: 50px;}
.review-wrap .review-list{ border-top: 1px solid #000;}
.review-wrap .review-list .review-td{ padding: 0;}
.review-wrap .review-list .review-td > div{ display: flex; gap: 12px 24px; flex-wrap: wrap; width: 100%; padding: 25px; border-top: 1px solid #e9ecef; box-sizing: border-box;}
.review-wrap .review-list .review-td > div > span.best-tag{ display: inline-block; width: auto; height: 21px; padding: 4px 8px; line-height: 13px; text-align: center; font-size: 11px; color: #664d03; font-weight: 500; border-radius: 3px; background: #fff3cd; box-sizing: border-box;}
.review-wrap .review-list .review-td > div > p.name{ position: relative; line-height: 22.5px; text-align: left; font-size: 15px; color: #212529; font-weight: 400; letter-spacing: -0.3px;}
.review-wrap .review-list .review-td > div > p.name::after{ display: inline-block; position: absolute; top: 4.5px; right: -11px; content: ''; width: 1px; height: 12px; vertical-align: middle; background: #dee2e6;}
.review-wrap .review-list .review-td > div > ul.score{ display: flex; gap: 3px;}
.review-wrap .review-list .review-td > div > div.sbjct-nm{ display: flex; gap: 25px; width: 100%; padding: 15px 25px; border-radius: 6px; background: #fafafa;}
.review-wrap .review-list .review-td > div > div.sbjct-nm > span{ line-height: 18px; text-align: left; font-size: 14px; color: #212529; font-weight: 500; letter-spacing: -0.28px;}
.review-wrap .review-list .review-td > div > div.sbjct-nm > p{ line-height: 18px; text-align: left; font-size: 14px; color: #6c757d; font-weight: 400; letter-spacing: -0.28px;}
.review-wrap .review-list .review-td > div > p.cont{ width: 100%; line-height: 24px; text-align: left; color: #6c757d; font-size: 400; letter-spacing: -0.32px; cursor: pointer;}
.review-wrap .review-list .review-td > div > p.cont:hover{ text-decoration: underline;}
.brd-dtl .review-wrap .tit{ gap: 18px; align-items: start; padding: 10px 0 45px; flex-wrap: wrap; border-top: none;}
.brd-dtl .review-wrap .tit > h2{ letter-spacing: -1.5px;}
.brd-dtl .review-wrap .tit > ul.star{ position: absolute; top: 10px; right: 0; display: flex; justify-content: end; align-items: center; height: 75px;}
.brd-dtl .review-wrap .tit > p{ width: 100%; line-height: 15px; text-align: left; font-size: 15px; color: #6c757d; font-weight: 400; letter-spacing: -0.3px;}
.brd-dtl .review-wrap .tit > p > span:first-child{ padding-right: 10px; margin-right: 10px; border-right: 1px solid #ebebeb;}
.brd-dtl .review-wrap .sbjct-box{ display: flex; gap: 40px; width: 100%; padding: 40px 25px; border-bottom: 1px solid #ced4da; box-sizing: border-box;}
.brd-dtl .review-wrap .sbjct-box .left{ display: flex; gap: 8px; flex-direction: column; width: 180px;}
.brd-dtl .review-wrap .sbjct-box .left .thumbnail{ width: 100%; height: 102px; margin-bottom: 10px; border-radius: 6px; background-repeat: no-repeat; background-position: 50% 50%; background-size: cover;}
.brd-dtl .review-wrap .sbjct-box .left .thumbnail.none{ background-image: url(../../images/common/none_thumbnail_logo.png); background-size: 60%; background-color: #f2f2f2;}
.brd-dtl .review-wrap .sbjct-box .left button.btn-default{ width: 100%;}
.brd-dtl .review-wrap .sbjct-box .right{ width: calc(100% - 220px);}
.brd-dtl .review-wrap .sbjct-box .right > h3{ width: 100%; margin-bottom: 32px; line-height: 28px; text-align: left; font-size: 24px; color: #212529; font-weight: 600; letter-spacing: -1.2px;}
.brd-dtl .review-wrap .sbjct-box .right > h3 > span{ display: inline-block; width: auto; height: 26px; vertical-align: middle; padding: 5px 10px; margin-right: 10px; line-height: 16px; text-align: center; font-size: 13px; color: #664d03; font-weight: 500; border-radius: 4px; background: #fff3cd; box-sizing: border-box;}
.brd-dtl .review-wrap .sbjct-box .right > ul{ display: flex; gap: 4px; flex-direction: column;}
.brd-dtl .review-wrap .sbjct-box .right > ul > li{ display: flex; width: 100%; padding: 4.5px 0;}
.brd-dtl .review-wrap .sbjct-box .right > ul > li > span{ flex: none; margin-right: 22px; line-height: 19px; text-align: left; font-size: 15px; color: #212529; font-weight: 500; letter-spacing: -0.3px;}
.brd-dtl .review-wrap .sbjct-box .right > ul > li > p{ line-height: 19px; text-align: left; font-size: 15px; color: #6c757d; font-weight: 400; letter-spacing: -0.3px;}
.brd-dtl .review-wrap .sbjct-box .right > ul > li > p.price{ color: #212529;}
.brd-dtl .review-wrap .sbjct-box .right > ul > li > p.price > strong{ font-weight: 600;}
.brd-dtl .review-wrap .sbjct-box .right > ul > li > p.score{ font-weight: 500;}
.brd-dtl .review-wrap .sbjct-box .right > ul > li > p.score > strong{ margin: 0 6px; color: #212529; font-weight: 600;}
.brd-dtl .review-wrap .sbjct-box .right > ul > li > p.score > i{ display: inline-block; width: 15px; height: 15px; vertical-align: middle; background: url(../../images/sub/icon_review_star.png) no-repeat 50% 50%;}
.brd-dtl .review-wrap .sbjct-box .right > ul > li > i.bar{ display: inline-block; width: 1px; height: 15px; margin: 2px 22px; background: #dee2e6;}
.brd-dtl .review-wrap .sbjct-box .right > .sbjct-expl{ width: 100%; padding: 18px 25px; margin-top: 15px; border-radius: 6px; background: #f9f9f9;}
.brd-dtl .review-wrap .sbjct-box .right > .sbjct-expl > p{ line-height: 25px; text-align: left; font-size: 16px; color: #6c757d; font-weight: 400; letter-spacing: -0.32px; overflow: hidden; text-overflow: ellipsis; display: -webkit-box; -webkit-line-clamp: 3; -webkit-box-orient: vertical; word-wrap:break-word;}
.brd-dtl .review-wrap .sbjct-box .right .none-data{ height: 100%;}

/* 고객센터 > 문의하기 */
.sub-content .info-wrap{ width: 100%; padding: 22px 25px; margin-bottom: 50px; border-radius: 4px; background: #f8f8f8;}
.sub-content .info-wrap .info-box{ position: relative; width: 100%;}
.sub-content .info-wrap .info-box > h4{ line-height: 28px; text-align: left; font-size: 18px; color: #212529; font-weight: 600;}
.sub-content .info-wrap .info-box > h4 > i{ display: inline-block; width: 34px; height: 34px; vertical-align: middle; margin-right: 12px; border-radius: 100%; background-repeat: no-repeat; background-position: 50% 50%; background-color: #fff;}
.sub-content .info-wrap .info-box > h4 > i.alert{ background-image: url(../../images/sub/icon_alert.png);}
.sub-content .info-wrap .info-box > h4 > i.msg{ background-image: url(../../images/sub/icon_message.png);}
.sub-content .info-wrap .info-box > h4 > i.card{ background-image: url(../../images/sub/icon_card.png);}
.sub-content .info-wrap .info-box > h4 > button{ float: right; width: 114px; height: 42px; text-align: center; font-size: 15px; color: #343a40; font-weight: 500; letter-spacing: -0.3px; border-radius: 6px; border: 1px solid #c0c0c0; background: #fff;}
.sub-content .info-wrap .info-box > h4 > button > i{ display: inline-block; width: 16px; height: 16px; margin-left: 4px; vertical-align: middle; background: url(../../images/sub/btn_arrow.png) no-repeat 50% 50%;}
.sub-content .info-wrap .info-box > ul{ width: 100%; margin-top: 6px;}
.sub-content .info-wrap .info-box > ul > li{ display: flex; gap: 8px; width: 100%; flex-wrap: wrap;}
.sub-content .info-wrap .info-box > ul > li > i{ line-height: 27px;}
.sub-content .info-wrap .info-box > ul > li > p{ width: calc(100% - 20px); line-height: 27px; text-align: left; font-size: 16px; color: #6c757d; font-weight: 400; word-break: keep-all;}
.sub-content .info-wrap .info-box > ul > li > p > span{ color: #212529; font-weight: 600; text-decoration: underline;}
.sub-content .info-wrap .info-box > ul > li > p > span > a{ color: #212529;}
.sub-content .info-wrap .info-box > ul > li > p > strong{ color: #212529; font-weight: 600;}
.sub-content .info-wrap .info-box > ul > li > p > strong.text-red{ color: #dc3545; font-weight: 500;}
.sub-content .info-wrap .info-box > ul.num-list{ padding-top: 20px; margin-top: 20px; border-top: 1px dashed #ced4da;}
.sub-content .info-wrap .info-box > button{ position: absolute; top: 40px; right: 25px;}
.sub-content .info-wrap span.bar{ display: block; width: 100%; height: 1px; margin: 20px 0; border-top: 1px dashed #ced4da;}

.sub-content ul.input-form{ display: flex; flex-direction: column; width: 100%; border-top: 1px solid #000;}
.sub-content ul.input-form > li{ display: flex; justify-content: start; align-items: center; width: 100%; border-bottom: 1px solid #eee;}
.sub-content ul.input-form > li > p{ width: 190px; padding: 22px; line-height: 25px; text-align: left; font-size: 18px; color: #000; font-weight: 700; letter-spacing: -0.36px; box-sizing: border-box;}
.sub-content ul.input-form > li > p > span.ess{ margin-right: 5px; color: #dc3545; font-weight: 400;}
.sub-content ul.input-form > li > div{ display: flex; flex-wrap: wrap; justify-content: start; align-items: center; gap: 0 10px; width: calc(100% - 190px); padding: 22px; box-sizing: border-box;}
.sub-content ul.input-form > li > div p.info-text{ width: 100%; margin-top: 10px; line-height: 18px; text-align: left; font-size: 15px; color: #828282; font-weight: 400; letter-spacing: -0.3px;}
.sub-content ul.input-form > 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;}
.sub-content ul.input-form > li > div ul.radio-list{ flex-wrap: wrap; gap: 0 25px;}
.sub-content ul.input-form > li > div ul.radio-list > li{ height: 48px;}
.sub-content ul.input-form > li > div ul.radio-list > li .radio + label{ line-height: 48px;}
.sub-content ul.input-form > li > div.phone-number input.input-box{ width: calc(33.33% - 18px);}
.sub-content ul.input-form > li > div > textarea{ height: 200px;}
.sub-content ul.input-form > li > div > ul.input-list{ width: 100%; height: auto;}
.sub-content ul.input-form > li > div > ul.input-list + input[type=checkbox] + label{ margin-top: 10px;}
.sub-content ul.input-form > li > div.address{ gap: 10px;}
.sub-content ul.input-form > li > div.address input.zip-code{ width: 200px;}
.sub-content ul.input-form > li > div.address input.addr{ width: calc(100% - 360px);}
.sub-content ul.input-form > li > div.address button{ width: 140px; padding: 0;}
.sub-content ul.input-form > li > div.address input.addr-det{ width: 100%;}
.sub-content ul.input-form-det{ display: flex; flex-direction: column; width: 100%; border-top: 1px solid #000;}
.sub-content ul.input-form-det > li{ display: flex; justify-content: start; align-items: center; width: 100%; min-height: 105px; border-bottom: 1px solid #eee;}
.sub-content ul.input-form-det > li > p{ width: 190px; padding: 22px; line-height: 25px; text-align: left; font-size: 18px; color: #000; font-weight: 700; letter-spacing: -0.36px; word-break: keep-all; box-sizing: border-box;}
.sub-content ul.input-form-det > li > div{ display: flex; flex-wrap: wrap; justify-content: start; align-items: center; gap: 0 10px; width: calc(100% - 190px); padding: 22px; box-sizing: border-box;}
.sub-content ul.input-form-det > li > div > p{ line-height: 25px; text-align: left; font-size: 18px; color: #495057; font-weight: 400; letter-spacing: -0.36px;}

.inquire-wrap .agree-wrap{ width: 100%; margin-top: 30px;}
.inquire-wrap .agree-wrap .agree-box{ width: 100%; margin-bottom: 10px; border-radius: 8px; border: 1px solid #ced4da; box-sizing: border-box; overflow: hidden;}
.inquire-wrap .agree-wrap .agree-box > h4{ width: 100%; padding: 22px; line-height: 32px; text-align: left; font-size: 18px; color: #000; font-weight: 700; letter-spacing: -0.36px; border-radius: 8px 8px 0 0; background: #fff;}
.inquire-wrap .agree-wrap .agree-box > h4 > button{ float: right; width: 32px; height: 32px; border: none; background: url(../../images/sub/btn_toggle32.png) no-repeat 50% 50% transparent; transform: rotate(180deg);}
.inquire-wrap .agree-wrap .agree-box.show > h4 > button{ transform: rotate(0deg);}
.inquire-wrap .agree-wrap .agree-cont{ display: none; width: 100%; padding: 25px 30px 30px; border-radius: 0 0 8px 8px; border-top: 1px solid #ced4da; background: #f8f8f8; box-sizing: border-box;}
.inquire-wrap .agree-wrap .agree-box.show .agree-cont{ display: block;}
.inquire-wrap .agree-wrap .agree-cont > h5{ width: 100%; line-height: 28px; text-align: left; font-size: 18px; color: #343a40; font-weight: 500;}
.inquire-wrap .agree-wrap .agree-cont > p{ width: 100%; margin-bottom: 30px; line-height: 29px; text-align: left; font-size: 18px; color: #6c757d; font-weight: 400;}
.inquire-wrap .agree-wrap .agree-cont > ul{ display: flex; flex-direction: column; gap: 2px;}
.inquire-wrap .agree-wrap .agree-cont > ul > li{ display: flex; flex-direction: row; gap: 4px; line-height: 25px; text-align: left; font-size: 16px; color: #6c757d; font-weight: 400;}
.inquire-wrap .agree-wrap input[type=checkbox]+label{ margin-top: 5px;}
.inquire-wrap .agree-wrap + .btn-wrap{ margin-top: 30px;} 

/* 고객센터 > 수료증 진위여부 조회 */
.certi-trns-wrap .form-tit{ position: relative; display: inline-block; width: 100%; margin-bottom: 15px;}
.certi-trns-wrap .form-tit > h3{ float: left; line-height: 40px; text-align: left; font-size: 25px; color: #000; font-weight: 700; letter-spacing: -0.5px;}
.certi-trns-wrap .form-tit > button{ float: left; margin-left: 15px;}
.certi-trns-wrap .form-tit > ul.radio-list{ float: right; height: 40px;}
.certi-trns-wrap .form-tit > ul.radio-list > li{ display: flex;}
.certi-trns-wrap .form-tit > ul.radio-list > li > i.icon-question{ display: inline-block; width: 24px; height: 24px; margin-left: 10px; background: url(../../images/sub/icon_question.png) no-repeat 50% 50%; cursor: pointer;}
.certi-trns-wrap .form-tit > .question-box{ display: none; position: absolute; top: 45.5px; right: -140px; width: 304px; height: 192px; padding: 18px 20px; border-radius: 7px; border: 1px solid #dee2e6; background: #fff; box-shadow: 2px 2px 10px 0 rgba(0, 0, 0, 0.15);}
.certi-trns-wrap .form-tit > .question-box:before{ position: absolute; top: -12px; right: 0; content: ''; width: 100%; height: 12px; background: url(../../images/sub/img_question_box.png) no-repeat 0 50%;}
.certi-trns-wrap .form-tit > .question-box > h4{ width: 100%; margin-bottom: 10px; line-height: 20px; text-align: left; font-size: 16px; color: #212529; font-weight: 600; letter-spacing: -0.32px;}
.certi-trns-wrap .form-tit > .question-box > div{ width: 100%; padding: 15px; background: #f8f9fa; box-sizing: border-box;}
.certi-trns-wrap .form-tit > .question-box > div > p{ width: 100%; line-height: 19px; text-align: left; font-size: 14px; color: #6c757d; font-weight: 500; letter-spacing: -0.28px;}
.certi-trns-wrap .form-tit > .question-box > div > span{ display: block; width: 100%; padding-top: 10px; margin-top: 10px; text-align: left; font-size: 14px; color: #6c757d; font-weight: 500; letter-spacing: -0.28px; border-top: 1px dashed #dee2e6;}
.certi-trns-wrap .form-tit > .question-box > div > span::before{ content: ''; display: inline-block; width: 3px; height: 3px; margin: 9px 10px; border-radius: 100%; background: #6c757d;}
.certi-trns-wrap  .alert-text{ line-height: 24px; font-size: 15px; font-weight: 500;}
.certi-trns-wrap  .alert-text::before{ display: inline-block; vertical-align: middle; content: ''; width: 20px; height: 20px; margin-right: 6px; background-repeat: no-repeat; background-position: 50% 50%;}
.certi-trns-wrap  .alert-text.text-blue{ float: right; text-align: right; color: #001f90;}
.certi-trns-wrap  .alert-text.text-blue::before{ background-image: url(../../images/sub/icon_alert_blue.png);}
.certi-trns-wrap  .alert-text.text-red{ float: left; text-align: left; color: #dc3545;}
.certi-trns-wrap  .alert-text.text-red::before{ background-image: url(../../images/sub/icon_alert_red.png);}
.certi-trns-wrap  .info-wrap{ float: left; margin-top :15px;}
.certi-trns-wrap  ul.input-form-det + .form-tit{ margin-top: 60px;} 
.certi-trns-wrap  ul.input-form-det + p{ width: 100%; margin: 30px 0 10px; line-height: 25px; text-align: center; font-size: 18px; color: #000; font-weight: 500;}
.certi-trns-wrap  .alert-text.red + div{ float: left; width: 100%; margin-top: 15px;}

/* 고객센터 > 원격지원 */
.rmt-spt-wrap .rmt-main-wrap{ display: flex; flex-direction: column; justify-content: center; align-items: center; gap: 48px; width: 100%; height: 450px; background: url(../../images/sub/img_rmtSpt_main.png) no-repeat 50% 50%; background-size: cover; box-sizing: border-box;}
.rmt-spt-wrap .rmt-main-wrap > h2{ line-height: 48px; text-align: center; font-size: 40px; color: #fff; font-weight: 600;}
.rmt-spt-wrap .rmt-main-wrap > span{ display: block; width: 60px; height: 60px; border-radius: 100%; background: url(../../images/sub/icon_wifi.png) no-repeat 50% 50% #0d6efd;}
.rmt-spt-wrap .rmt-main-wrap > p{ line-height: 29px; text-align: center; font-size: 18px; color: rgba(255, 255, 255, 0.7); font-weight: 400; letter-spacing: -0.36px;}
.rmt-spt-wrap .rmt-info-wrap{ width: 100%; padding: 60px 0 80px; background: #f5f5f5;}
.rmt-spt-wrap .rmt-info-wrap > h2{ margin-bottom: 24px; line-height: 38px; text-align: center; font-size: 32px; color: #000; font-weight: 600;}
.rmt-spt-wrap .rmt-info-wrap > p{ line-height: 22px; text-align: center; font-size: 16px; color: #6c757d; font-weight: 500; letter-spacing: -0.16px;}
.rmt-spt-wrap .rmt-info-wrap > ul{ display: flex; gap: 20px; flex-wrap: wrap; width: 660px; margin: 40px auto 0;}
.rmt-spt-wrap .rmt-info-wrap > ul > li{ display: flex; flex-direction: column; justify-content: center; align-items: center; gap: 12px; width: calc(50% - 10px); height: 222px; padding: 32px; border-radius: 12px; background: #fff; box-shadow: 4px 32px 43px rgba(0, 0, 0, 0.03);}
.rmt-spt-wrap .rmt-info-wrap > ul > li > h3{ line-height: 22px; text-align: center; font-size: 18px; color: #343a40; font-weight: 700; letter-spacing: -0.9px;}
.rmt-spt-wrap .rmt-info-wrap > ul > li > h3 > span{ margin-right: 4px; font-size: 16px; color: #2b49b6; font-weight: 600;}
.rmt-spt-wrap .rmt-info-wrap > ul > li > p{ line-height: 24px; text-align: center; font-size: 15px; color: #696969; font-weight: 400; letter-spacing: -0.75px; word-break: keep-all;}
.rmt-spt-wrap .rmt-agree-wrap{ display: flex; flex-direction: column; align-items: center; width: 100%; padding: 60px 40px; background: url(../../images/sub/img_rmtSpt_sub.png) no-repeat 50% 50%; background-size: cover; box-sizing: border-box;}
.rmt-spt-wrap .rmt-agree-wrap > h2{ margin-bottom: 32px; line-height: 29px; text-align: center; font-size: 24px; color: #81acff; font-weight: 600; letter-spacing: -0.96px;}
.rmt-spt-wrap .rmt-agree-wrap > p{ width: 545px; margin-bottom: 20px; line-height: 22px; text-align: center; font-size: 16px; color: #adb5bd; font-weight: 400; word-break: keep-all;}
.rmt-spt-wrap .rmt-agree-wrap > span{ line-height: 26px; text-align: center; font-size: 16px; color: #dee2e6; font-weight: 400;}
.rmt-spt-wrap .rmt-agree-wrap > span > strong{ color: #f8f9fa; font-weight: 700;}
.rmt-spt-wrap .rmt-agree-wrap > .btn-wrap{ gap: 16px; margin-top: 40px;}
.rmt-spt-wrap .rmt-agree-wrap > .btn-wrap > a{ width: calc(50% - 8px); height: 60px; line-height: 60px; font-size: 18px; color: #fff; font-weight: 700; letter-spacing: -0.36px; border-radius: 4px; border: none; background: #0d6efd; cursor: pointer;}
.rmt-spt-wrap .rmt-agree-wrap > .btn-wrap > a > i{ display: inline-block; width: 18px; height: 18px; vertical-align: middle; margin-right: 5px;}
.rmt-spt-wrap .rmt-agree-wrap > .btn-wrap > a > i.pc{ background: url(../../images/sub/icon_rmtSpt_pc.png) no-repeat 50% 50%;}
.rmt-spt-wrap .rmt-agree-wrap > .btn-wrap > a > i.mb{ background: url(../../images/sub/icon_rmtSpt_mb.png) no-repeat 50% 50%;}

/* 고객센터 > 환불규정 */
.refund-wrap span.bar{ display: block; width: 100%; height: 1px; margin: 60px 0; background: #ced4da;}
.refund-wrap .refund-box h3{ line-height: 38px; text-align: left; font-size: 24px; color: #000; letter-spacing: -0.48px; font-weight: 600;}
.refund-wrap .refund-box h3.mb-45{ margin-bottom: 45px;}
.refund-wrap .refund-box h3.mb-35{ margin-bottom: 35px;}
.refund-wrap .refund-box h3.mb-30{ margin-bottom: 30px;}
.refund-wrap .refund-box h4{ margin-bottom: 2px; line-height: 29px; text-align: left; font-size: 18px; color: #343a40; font-weight: 500;}
.refund-wrap .refund-box p+h4{ margin-top: 20px;}
.refund-wrap .refund-box p{ display: flex; gap: 3px; line-height: 26px; text-align: left; font-size: 16px; color: #6c757d; font-weight: 400;}
.refund-wrap .refund-box p.mb-20{ margin-bottom: 20px;}
.refund-wrap .refund-box p > i{ font-style: normal;}
.refund-wrap .refund-box table.table-column{ margin-top: 15px;}

/* 모사답안 처리규정 안내 팝업 */
#cpyAnsrPrssWindow .popup-content > p{ width: 100%; margin-bottom: 20px; line-height: 29px; text-align: left; font-size: 18px; color: #6c757d; font-weight: 400;}
#cpyAnsrPrssWindow .popup-content > p > span{ color: #dc3545; font-weight: 500; text-decoration: underline;}
#cpyAnsrPrssWindow .popup-content > ul{ display: flex; flex-direction: column; gap: 20px; width: 100%;}
#cpyAnsrPrssWindow .popup-content > ul > li{ width: 100%;}
#cpyAnsrPrssWindow .popup-content > ul > li > p{ width: 100%; margin-bottom: 2px; line-height: 29px; text-align: left; font-size: 18px; color: #343a40; font-weight: 500;}
#cpyAnsrPrssWindow .popup-content > ul > li > span{ display: block; width: 100%; padding-left: 20px; line-height: 25px; text-align: left; font-size: 16px; color: #6c757d; font-weight: 400; box-sizing: border-box;}

/* 과제제출 팝업 */
.popup-content.hw-content > h3{ width: 100%; margin-top: 30px; line-height: 32px; text-align: left; font-size: 20px; color: #000; font-weight: 600; letter-spacing: -0.4px;}
.popup-content.hw-content > .hw-info{ display: flex; flex-direction: column; gap: 15px; align-items: center; justify-content: center; width: 100%; padding: 30px 22px; margin-top: 15px; border-radius: 6px; border: 1px solid #eee; background: #fff; box-sizing: border-box;}
.popup-content.hw-content > .hw-info > p{ line-height: 25px; text-align: center; font-size: 16px; color: #6c757d; font-weight: 400;}
.popup-content.hw-content > ul.input-form{ margin-top: 15px;}
.popup-content.hw-content > ul.input-form > li > div > textarea{ height: 240px;}

/* 과제결과 팝업 */
.popup-content.hw-content > ul.input-form.hw-rslt > li > div > textarea{ padding: 0; border: none; background: none;}

/* 학습실 > 설문/평가응시 */
.std-tkexm-wrap .tab-content{ padding-top: 50px;}
.std-tkexm-wrap .tkexm-list{ width: 100%; border-top: 1px solid #dee2e6;}
.std-tkexm-wrap .tkexm-list .tkexm-box{ display: flex; align-items: center; gap: 30px; width: 100%; padding: 40px 25px; border-bottom: 1px solid #dee2e6; box-sizing: border-box;}
.std-tkexm-wrap .tkexm-list .tkexm-box .info{ display: flex; flex-direction: column; gap: 32px; width: calc(100% - 180px);}
.std-tkexm-wrap .tkexm-list .tkexm-box .info > h3{ width: 100%; line-height: 35px; text-align: left; font-size: 22px; color: #212529; font-weight: 600; letter-spacing: -0.44px;}
.std-tkexm-wrap .tkexm-list .tkexm-box .info > h3 > span{ display: inline-block; width: auto; height: 29px; padding: 6px 10px; vertical-align: middle; margin-right: 15px; line-height: 16px; text-align: center; font-size: 13px; font-weight: 500; border-radius: 4px;}
.std-tkexm-wrap .tkexm-list .tkexm-box .info > h3 > span.test-type1, .std-tkexm-wrap .tkexm-list .tkexm-box .info > h3 > span.test-type3{ color: #520dc2; background: #e2d9f3;}
.std-tkexm-wrap .tkexm-list .tkexm-box .info > h3 > span.test-type4{ color: #ca6510; background: #ffe5d0;}
.std-tkexm-wrap .tkexm-list .tkexm-box .info > h3 > span.test-type2{ color: #146c43; background: #d1e7dd;}
.std-tkexm-wrap .tkexm-list .tkexm-box .info > h3 > i{ display: inline-block; vertical-align: middle; margin-left: 15px; line-height: 23px; text-align: left; font-size: 18px; color: #6c757d; font-style: normal; font-weight: 400; letter-spacing: -0.36px;}
.std-tkexm-wrap .tkexm-list .tkexm-box .info > p{ line-height: 20px; text-align: left; font-size: 16px; color: #6c757d; font-weight: 400; letter-spacing: -0.32px;}
.std-tkexm-wrap .tkexm-list .tkexm-box .info > p.alert-text{ color: #dc3545; font-weight: 500;}
.std-tkexm-wrap .tkexm-list .tkexm-box .info > p.alert-text::before{ display: inline-block; content: ''; width: 20px; height: 20px; margin-right: 6px; vertical-align: middle; background: url(../../images/sub/icon_alert_red.png) no-repeat 50% 50%;}
.std-tkexm-wrap .tkexm-list .tkexm-box .info > ul.test-info{ display: flex; gap: 22px;}
.std-tkexm-wrap .tkexm-list .tkexm-box .info > ul.test-info > li{ display: flex; gap: 20px; align-items: center;}
.std-tkexm-wrap .tkexm-list .tkexm-box .info > ul.test-info > li::after{ display: inline-block; width: 1px; height: 15px; content: ''; vertical-align: middle; background: #dee2e6;}
.std-tkexm-wrap .tkexm-list .tkexm-box .info > ul.test-info > li:last-child::after{ content: none;}
.std-tkexm-wrap .tkexm-list .tkexm-box .info > ul.test-info > li > span{ line-height: 19px; text-align: left; font-size: 15px; color: #6c757d; font-weight: 500; letter-spacing: -0.3px;}
.std-tkexm-wrap .tkexm-list .tkexm-box .info > ul.test-info > li > p{ line-height: 19px; text-align: left; font-size: 15px; color: #212529; font-weight: 500; letter-spacing: -0.3px;} 
.std-tkexm-wrap .tkexm-list .tkexm-box .info > ul.hw-info{ display: flex; flex-direction: column; gap: 4px;}
.std-tkexm-wrap .tkexm-list .tkexm-box .info > ul.hw-info > li{ display: flex; align-items: center;}
.std-tkexm-wrap .tkexm-list .tkexm-box .info > ul.hw-info > li > i{ display: inline-block; margin-right: 4px; line-height: 20px; text-align: left; font-size: 16px; color: #495057; font-weight: 500; letter-spacing: -0.32px;}
.std-tkexm-wrap .tkexm-list .tkexm-box .info > ul.hw-info > li > p{ margin-right: 10px; line-height: 20px; text-align: left; font-size: 16px; color: #495057; font-weight: 500; letter-spacing: -0.32px;}
.std-tkexm-wrap .tkexm-list .tkexm-box .info > ul.hw-info > li > button{ vertical-align: middle; line-height: 24px; text-align: left; font-size: 16px; color: #212529; font-weight: 500; text-decoration: underline; letter-spacing: -0.32px; border: none; background: none;}
.std-tkexm-wrap .tkexm-list .tkexm-box .info > ul.hw-info > li > button::after{ display: inline-block; content: ''; width: 16px; height: 16px; margin-top: 3px; margin-left: 4px; vertical-align: middle; background: url(../../images/sub/btn_arrow.png) no-repeat 50% 50%;} 
.std-tkexm-wrap .tkexm-list .tkexm-box .btn{ width: 150px;}
.std-tkexm-wrap .tkexm-list .tkexm-box .btn > button{ width: 100%; padding: 0 17px;}

.std-tkexm-wrap .tab-content > h3{ width: 100%; margin-bottom: 15px; line-height: 40px; text-align: left; font-size: 25px; color: #000; font-weight: 700; letter-spacing: -0.5px;}
.std-tkexm-wrap .tab-content > h3 > span{ float: right; line-height: 40px; text-align: right; font-size: 15px; color: #495057; font-weight: 500;}
.std-tkexm-wrap .tab-content > h3 > span::before{ display: inline-block; content: ''; width: 20px; height: 20px; margin-right: 6px; vertical-align: middle; background: url(../../images/sub/icon_alert.png) no-repeat 50% 50%;}
.std-tkexm-wrap .tab-content#tabContent2 .k-grid#testRsltGrid{ margin-bottom: 60px;}
.std-tkexm-wrap .tab-content#tabContent2 .k-grid .btn-default{ min-width: 80px; padding: 0;}
.std-tkexm-wrap .tab-content#tabContent2 .k-grid.grid-default tr td{ padding: 22px 10px;}

.test-guide-cont .content{ padding: 25px 30px; text-align: left; border: 1px solid #ced4da; background: #f8f8f8; border-radius: 6px; }
.test-guide-cont .content h4{ margin-bottom: 4px; padding-left: 20px; text-indent: -20px; color: #6c757d; font-size: 16px; font-weight: normal; line-height: 25.6px;  letter-spacing: normal; word-break: auto-phrase; }
.test-guide-cont .content h4 strong{ color: #dc3545; }
.test-guide-cont .content h4:last-child{ margin-bottom: 0; }
.test-guide-cont .text{ margin-top: 15px; font-weight: 500; }
.test-guide-cont .agree-wrap{ margin-top: 15px; display: flex; justify-content: center; }

/* 학습실 > 학습지원도구 */
.std-spt-wrap .tab-content{ padding-top: 50px;}
.std-spt-wrap .tab-content .search-wrap > button{ float: right;}

/* 학습실 > 학습지원도구(상세) */
.std-brd-det .brd-dtl h2.sub-tit{ margin-bottom: 0;}
.std-brd-det .brd-dtl .tit{ border-top: none;}

.std-dscs-det .brd-dtl .tit{ flex-direction: column; align-items: start; justify-content: start; gap: 18px; padding: 10px 0 45px;}
.std-dscs-det .brd-dtl .tit > h2{ width: 100%;}
.std-dscs-det .brd-dtl .tit > p{ width: 100%; text-align: left;}

/* 학습실 > 학습지원도구(등록) */
.std-brd-reg .brd-reg h2.sub-tit{ margin-bottom: 0;}
.std-brd-reg .brd-reg ul.input-form{ border-top: none;}
.std-brd-reg .brd-reg ul.input-form > li{ min-height: 104px;}
.std-brd-reg .brd-reg ul.input-form > li textarea{ height: 350px;}

/* 학습실 > 학습 문의함 */
.std-inqr-wrap .search-wrap > button{ float: right;}

/* 학습실 > 학습 문의함(상세) */
.std-inqr-det .brd-dtl .tit{ justify-content: start; align-items: center; padding: 10px 0 45px;}
.std-inqr-det .brd-dtl .tit > div > span{ display: block; margin-bottom: 12px; line-height: 16px; text-align: left; font-size: 16px; color: #001f90; font-weight: 700; letter-spacing: -0.32px;}
.std-inqr-det .brd-dtl .tit > div > h2{ line-height: 42px; text-align: left; font-size: 30px; color: #000; font-weight: 700; letter-spacing: -1.5px;}
.std-inqr-det .brd-dtl .tit > div > ul{ width: 100%; margin-top: 18px;}
.std-inqr-det .brd-dtl .tit > div > ul > li{ float: left; line-height: 16px; text-align: left; font-size: 16px; color: #6c757d; font-weight: 400; letter-spacing: -0.32px;}
.std-inqr-det .brd-dtl .tit > div > ul > li:last-child::before{ display: inline-block; content: ''; width: 1px; height: 14px; margin: 0 14px; vertical-align: middle; background: #6c757d;}
.std-inqr-det .brd-dtl .tit > p{ margin-left: auto;}
.std-inqr-det .brd-dtl .ansr-wrap .tit{ padding: 50px 15px;}
.std-inqr-det .brd-dtl .ansr-wrap .tit > h2::before{ content: 'A.'; margin-right: 15px; line-height: 42px; text-align: left; font-size: 36px; color: #001f90; font-weight: 700; letter-spacing: -0.72px;}


@media screen and (max-width: 1199px){
	/* 공통 */
	.lnb > ul{ width: 100%; padding: 0 20px;}
	
	.sub-content{ width: 100%; padding: 0 20px;}
	
	/* sub-menu-list */
	.sub-menu-list{ width: 230px; margin-right: 20px;}
	
	/* sub-2depth-list */
	.sub-2depth-list{ width: 230px; margin-right: 20px;}
	.sub-2depth-list > ul > li > a{ font-size: 18px;}
	
	/* sub-menu-cont */
	.sub-menu-cont{ width: calc(100% - 250px);}
	
	/* sub-2depth-list */
	.sch-ctgr-list{ width: 230px; margin-right: 20px;}
	
	/* ------------------------------------------------------- Utility */
	/* 회원가입 */
	.join-wrap .step-list{ right: 20px;}
	
	/* filter-wrap */
	.filter-wrap .tab-box ul.category-list > li{ width: calc(33.33% - 10px);}
	.filter-wrap .filter-box > ul.filter-list > li{ width: calc(33.33% - 10px);}
	
	
	/* select-box-wrap */
/* 	.multi-select > button.multi-select-btn{ display: none;} */
/* 	.multi-select > .multi-select-wrap{ position: unset; display: block; height: 180px;} */
	
	/* ------------------------------------------------------- 회사소개 */
	.cmpn-top-wrap ul{ justify-content: center; width: 100%; padding: 0 20px;}
	.cmpn-top-wrap > ul > li.box{ width: 180px; height: 180px;}
	.cmpn-top-wrap > ul > li > div{ width: 148px; height: 148px;}
	.cmpn-top-wrap > ul > li > div > p{ font-size: 17px;}
	.cmpn-top-wrap > ul > li.line{ width: 20px;}
	.cmpn-mid-wrap .bg{ padding: 50px;}
	.cmpn-mid-wrap .bg .cmpn-mid{ width: 100%;}
	.cmpn-mid-wrap .bg .cmpn-mid img{ width: 500px;}
	.cmpn-mid-wrap .bg .cmpn-mid .cont{ width: calc(100% - 550px);}
	.cmpn-orgnz-wrap > img.ver-pc{ width: 100%;}
	.cmpn-map-wrap > div{ width: 100%; padding: 0 20px;}
	.cmpn-map-wrap > div > img{ width: 470px;}
	.cmpn-map-wrap > div > div{ width: calc(100% - 530px);}
	
	/* ------------------------------------------------------- 내일배움카드 */
	/* 내일배움카드 > 안내 */
	.tmrrw-top-wrap > ul{ width: calc(100% - 40px); margin: 40px 20px 0;}
	.tmrrw-mid-wrap > .white-box{ width: calc(100% - 72px); margin: 0 36px;}
	.tmrrw-bot-wrap .bg .cont{ width: calc(100% - 40px); margin: 0 20px;}
	
	/* ------------------------------------------------------- 평생교육바우처 */
	/* 평생교육바우처 > 평생교육바우처메인 */
	.lflng-vchr-main .lflng-info-top .banner{ width: 650px;}
	.lflng-vchr-main .lflng-info-top .noti{ width: calc(100% - 675px);}
	.lflng-vchr-main .lflng-ctgr-wrap > ul{ width: 100%;}
	
	.lflng-edu-lctr .filter-wrap .filter-box.clasf-list{ padding: 0;}
	.lflng-edu-lctr .filter-wrap .filter-box.clasf-list > ul{ border: none;}
	
	/* ------------------------------------------------------- 기업교육 */
	/* 기업교육 > 기업교육 강의목록 */
	.lctr-wrap .category-box .lctr-list > li{ width: calc(50% - 10px);}
	
	/* 과정상세 */
	.cos-sbjct-wrap .cos-sbjct{ width: 100%;}
	.cos-dtl-wrap .float-bar{ width: 100%;}
	
	/* ------------------------------------------------------- NCS직업교육 */
	/* NCS직업교육 > NCS직업교육 안내 */
	.ncs-main2-wrap > ul{ width: 100%;}
	.ncs-main-wrap + ul.tab-border{ width: 100%;}
	.ncs-edu-wrap .edu-bg{ padding: 40px 20px 52px;}
	.ncs-edu-wrap .edu-bg .edu-cont{ align-items: center; width: 100%; box-sizing: border-box;}
	.ncs-edu-wrap .edu-bg:last-child .edu-cont{ gap: 16px; }
	.ncs-edu-wrap .edu-bg:last-child .edu-cont > img{ max-width: initial; min-height: 180px }
	.ncs-check-bg > ul.img-list{ width: 100%;}
	.ncs-check-bg > div.rule-wrap{ width: 100%;}
	.ncs-check-bg > div.rule-wrap > ul.rule-list{ width: 100%;}
	.ncs-check-bg > ul.strong-list{ width: calc(100% - 40px); margin: 32px auto 0;}
	.ncs-check-bg > .consult{ width: 100%;}
	.ncs-check-bg > table{ width: calc(100% - 40px); margin: 28px 20px 0;}
	.ncs-check-bg > table tr td > ul{ flex-wrap: wrap;}
	.ncs-check-bg.review .review-list .slick-list{ width: 100%;}
	.ncs-check-bg.review .review-list .review-box > p{ width: 900px;}
	.ncs-check-bg.review .review-list .btn-review.prev{ left: calc(50% - 219px); }
	.ncs-check-bg.review .review-list .btn-review.next{ right: calc(50% - 219px); }
	.ncs-check-bg.ncs-job-wrap > ul.ncs-job-list{ width: 100%;}
	
	/* NCS직업교육 > NCS직무분류 한눈에 보기 */
	.job-clasf-wrap + .bg-gray{ padding: 30px 20px 45px;}
	.rcmd-list-wrap{ width: 100%;}
	
	/* 학습실 > 학습하기 */
	.std-plan-wrap ul.idx-list > li > div:first-child{ width: 52px;}
	.std-plan-wrap ul.idx-list > li > div.dept-name{ width: 175px;}
	.std-plan-wrap ul.idx-list > li > div:nth-child(3){ width: 110px;}
	.std-plan-wrap ul.idx-list > li > div:nth-child(4){ width: 85px;}
	.std-plan-wrap ul.idx-list > li > div:nth-child(5){ width: calc(100% - 702px);}
	.std-plan-wrap ul.idx-list > li > div:nth-child(6){ width: 180px;}
	.std-plan-wrap ul.idx-list > li > div:last-child{ width: 100px;}
	.std-plan-wrap ul.idx-list > li > div > span{ font-size: 14px;}
	.std-plan-wrap ul.idx-list > li > div > p{ font-size: 14px;}
.std-plan-wrap ul.idx-list > li > div > button{ width: 80px; min-width: auto; font-size: 13px;}
}

@media (min-width: 1025px) and (max-width: 1206px){
	/* ------------------------------------------------------- NCS직업교육 */
	/* NCS직업교육 > NCS직업교육 안내 */
	.ncs-edu-wrap .edu-list ul{ width: 100%; }
}

@media screen and (max-width: 1200px){
	/* ------------------------------------------------------- 사업주지원과정 */
	.corpoSys-mid-wrap > .defalut-box{ width: 100%; }
}

@media screen and (max-width: 1024px){
	/* 공통 */
	.lnb > ul{ justify-content: start;}
	
	/* 검색영역 */
	.search-box button.btn-search{ right: 0; width: 40px; height: 40px; background-size: 20px;}
	
	/* sub-menu-list */
	.sub-menu-list{ display: none; position: fixed; left: 0; top: 0; width: 100%; height: 100%; z-index: 999; background: #fff;}
	.sub-menu-list > h2{ position: relative; display: flex; justify-content: center; width: 100%; padding: 0 15px; text-align: center; padding-top: 12px; line-height: 36px; font-size: 18px;}
	.sub-menu-list > h2 > button.m-back{ position: absolute; left: 15px; display: block; margin-right: auto; width: 36px; height: 36px; border: none; background: url(../../images/sub/btn_back_list.png) no-repeat 50% 50%;}
	.sub-menu-list > h2 > button.reset{ margin-left: auto; line-height: 28px; font-size: 12px;}
	.sub-menu-list > ul{ height: calc(100% - 60px); padding: 10px 20px 10px; margin-top: 12px; border-top: 1px solid #495057; overflow-y: auto;}
	.sub-menu-list > ul > li{ padding: 15px 5px; border-bottom: 1px solid #ced4da;}
	.sub-menu-list > ul > li > a{ padding: 6px 5px; line-height: 28px; font-size: 16px;}
	
	/* sub-search-list */
	.sub-search-list{ display: none; position: fixed; left: 0; top: 0; width: 100%; height: 100%; z-index: 999; background: #fff;}
	.sub-search-list > h2{ display: flex; justify-content: center; width: 100%; padding: 0 15px; text-align: center; padding-top: 12px; line-height: 36px; font-size: 18px;}
	.sub-search-list > h2 > button.m-back{ position: unset; display: block; margin-right: auto; width: 36px; height: 36px; border: none; background: url(../../images/sub/btn_back_list.png) no-repeat 50% 50%;}
	.sub-search-list > h2 > button.reset{ margin-left: auto; line-height: 28px; font-size: 12px;}
	.sub-search-list > ul{ height: calc(100% - 60px); padding: 0 20px; margin-top: 12px; border-top: 1px solid #495057; overflow-y: auto;}
	.sub-search-list > ul > li > ul.sub-2depth{ padding: 0 13px;}
	
	/* sub-2depth-list */
	.sub-2depth-list{ display: none;}
	
	/* sub-menu-cont */
	.sub-menu-cont{ width: 100%;}
	
	/* sch-ctgr-list */
	.sch-ctgr-list{ display: none;}
	
	.sub-content h2.sub-tit{ padding-bottom: 22px; margin-bottom: 25px; line-height: 33px; font-size: 22px; letter-spacing: -0.44px;}
	
	/* ------------------------------------------------------- Utility */
	/* 개인정보처리방침 */
	.sub-content.indi-prss-plcy h2.sub-tit{ display: none;}
	.utility-wrap .gray-box{ padding: 15px; margin: 0 0 40px; line-height: 22px; font-size: 14px;}
	.utility-wrap .text-box{ gap: 15px; padding: 0;}
	.utility-wrap h3{ line-height: 32px; font-size: 20px; letter-spacing: -0.4px;}
	.utility-wrap p.sub-h3{ line-height: 22px; font-size: 14px;}
	.utility-wrap ul.text-list{ gap: 15px;}
	.utility-wrap ul.text-list > li > h4{ flex-wrap: wrap; line-height: 26px; font-size: 16px;}
	.utility-wrap ul.text-list > li > h4.dot{ padding-left: 15px;}
	.utility-wrap ul.text-list > li > h4.dot::before{ top: 11px; left: 0;}
	.utility-wrap ul.text-list > li > h4 > span{ display: block;}
	.utility-wrap ul.text-list > li > p{ line-height: 22px; font-size: 14px;}
	.utility-wrap span.bar{ margin: 40px 0;}
	
	/* 회원가입 */
	.join-wrap.sub-content{ margin: 20px 0 80px;}
	.join-wrap.sub-content h2.sub-tit{ display: none;}
	.join-wrap .step-list{ gap: 5px; justify-content: center; position: unset; width: 100%; margin-bottom: 40px;}
	.join-wrap .step-list > li{ flex: 1;}
	.join-wrap .step-list > li.step{ display: flex; flex-direction: column; justify-content: start; align-items: center; gap: 6px;}
	.join-wrap .step-list > li.step > span{ width: 28px; height: 28px; margin-right: 0; line-height: 28px; font-size: 16px;}
	.join-wrap .step-list > li.step > p{ line-height: 19.5px; text-align: center; font-size: 15px; word-break: keep-all;}
	
	.join-wrap .step-wrap .terms-wrap .check-box{ padding: 12px 15px;}
	.join-wrap .step-wrap .terms-wrap .check-box .checkbox + label{ font-size: 16px; letter-spacing: -0.32px; word-break: keep-all;}
	.join-wrap .step-wrap .terms-wrap .terms-cont{ padding: 20px 25px;}
	
	.join-wrap .step-wrap ul.join-list > li{ flex-direction: column; gap: 10px; padding: 15px 12px; box-sizing: border-box;}
	.join-wrap .step-wrap ul.join-list > li > p{ width: 100%; padding: 0; line-height: 22px; font-size: 16px; letter-spacing: -0.32px; word-break: keep-all;}
	.join-wrap .step-wrap ul.join-list > li > p > br{ display: none;}
	.join-wrap .step-wrap ul.join-list > li > div{ width: 100%; padding: 0;}
	.join-wrap .step-wrap ul.join-list > li > div.cert{ flex-wrap: nowrap;}
	.join-wrap .step-wrap ul.join-list > li > div.cert > button{ width: 100%;}
	.join-wrap .step-wrap ul.join-list > li > div ul.radio-list{ gap: 6px; flex-direction: column; align-items: start;}
	.join-wrap .step-wrap ul.join-list > li > div ul.radio-list > li{ height: 32px;}
	.join-wrap .step-wrap ul.join-list > li > div ul.radio-list > li .radio + label{ line-height: 32px;}
	
	.join-wrap .step-wrap#step3{ padding: 60px 0 80px;}
	.join-wrap .step-wrap .join-cmplt > img{ margin-bottom: 30px;}
	.join-wrap .step-wrap .join-cmplt > p{ margin-bottom: 25px; font-size: 20px; letter-spacing: -0.4px;}
	.join-wrap .step-wrap .join-cmplt > p > span{ font-size: 20px; letter-spacing: -0.4px;}
	.join-wrap .step-wrap .join-cmplt > span{ margin-bottom: 10px;}
	
	.join-wrap .step-wrap .btn-wrap{ margin-top: 30px;}
	.join-wrap .step-wrap .btn-wrap > button{ width: 100%;}
	.join-wrap .step-wrap#step3 .btn-wrap > button{ width: auto;}
	
	/* 검색영역 */
	.search-wrap.ver2{ display: flex; flex-direction: column;}
	.search-wrap.ver2 .total{ order: 2; width: 100%;}
	.search-wrap.ver2 .search-box{ order: 1; width: 100%; margin-bottom: 15px;}
	.search-wrap.ver2 .search-box .k-dropdown.dropdownlist{ width: 120px;}
	.search-wrap.ver2 .search-box .input-box{ width: calc(100% - 128px);}
	.search-wrap.ver2 .search-box button{ height: 40px;}
	.search-wrap > .right-wrap{ display: flex; gap: 3px;}
	.search-wrap .btn-m-filter{ display: block;}
	.total{ line-height: 32px; font-size: 15px; letter-spacing: -0.28px;}

	/* filter-wrap */
	.filter-wrap .filter-box{ padding: 16px;}
	.filter-wrap .tab-box ul.category-list{ gap: 0;}
	.filter-wrap .tab-box ul.category-list > li{ width: 50%; padding: 11px 15px; line-height: 18px; font-size: 14px;}
	.filter-wrap .filter-box > ul.filter-list{ gap: 0;}
	.filter-wrap .filter-box > ul.filter-list > li{ width: 50%; padding: 16px 15px; line-height: 18px; text-align: left; font-size: 14px; letter-spacing: -0.28px;}
	.filter-wrap .filter-box > ul > li{ flex-direction: column; gap: 12px;}
	.filter-wrap .filter-box > ul > li > p{ width: 100%; line-height: 17px; font-size: 14px;}
	.filter-wrap .filter-box > ul > li > div{ width: 100%;}
	.filter-wrap .filter-box > ul > li > ul.check-list{ width: 100%;}
	.filter-wrap .filter-box > ul > li > ul.check-list input+label{ font-size: 14px;}
	.filter-wrap .filter-box > ul > li > ul.input-list{ width: 100%; padding: 0;}
	.filter-wrap .filter-box > ul > li > ul.input-list .input-box{ width: 145px;}
	.filter-wrap .filter-box > ul > li > ul.filter-list{ width: 100%;}
	.filter-wrap .filter-box > ul > li.ver-cert{ width: calc(100% + 32px); padding-bottom: 5px; margin-left: -16px; margin-top: -16px;}
	.filter-wrap .filter-box > ul > li.ver-cert ul.tab-border{ gap: 0; width: 100%; padding: 0; margin-left: 0;}
	.filter-wrap .filter-box > ul > li.ver-cert ul.tab-border > li{ width: 50%;}
	.filter-wrap .filter-box > ul > li.ver-cert > ul.filter-list#clasf_2stepList{ gap: 0 6px; padding: 0;}
	.filter-wrap .filter-box > ul > li.ver-cert > ul.filter-list#clasf_2stepList > li{ width: calc(33.33% - 2px);}
	.filter-wrap .search-box::before{ content: none;}
	.filter-wrap .search-box .search-input{ width: 100%; padding-left: 16px; padding-right: 68px;}
	.filter-wrap .search-box button.btn-reset{ display: none;}
	.filter-wrap .search-box button.btn-search{ position: absolute; top: 0; right: 0; width: 52px; height: 52px; text-indent: -999em; background: url(../../images/sub/icon_sub_search.png) no-repeat 50% 50% transparent;}
	
	/* select-box-wrap */
	.multi-select > .multi-select-wrap{ height: 360px;}
	.multi-select > .multi-select-wrap .first-step{ width: 100%; height: 180px; border-bottom: 1px solid #c0c0c0;}
	.multi-select > .multi-select-wrap .first-step > ul > li{ padding: 15px 16px;}
	.multi-select > .multi-select-wrap .second-step{ width: 100%; height: 180px;}
	.multi-select > .multi-select-wrap .second-step > ul{ flex-direction: column; gap: 0;}
	.multi-select > .multi-select-wrap .second-step > ul > li{ width: 100%;}
		
	/* tab */
	/* tab default */
	
	/* tab border_blue(default) */
	ul.tab-border{ gap: 30px; width: calc(100% + 40px); padding: 0 20px; margin-left: -20px; border-bottom: 1px solid #dee2e6;}
	ul.tab-border > li{ flex: none; line-height: 19px; font-size: 16px; letter-spacing: -0.32px; border-bottom: none;}
	ul.tab-border > li.on{ border-bottom: 2px solid #001f90;}
	
	/* tab border_black */
	ul.tab-border.black > li.on{ border-bottom: 2px solid #000;}
	
	.input-list > li.text{ font-size: 14px; letter-spacing: -0.28px;}
	
	/* ------------------------------------------------------- 통합검색 */
	.sub-content.main-search-wrap h2.sub-tit{ margin-top: 25px;}
	.main-search-wrap .search-rslt{ padding: 0 0 40px;}
	.main-search-wrap .search-rslt > p{ line-height: 24px; font-size: 20px;}
	.main-search-wrap .rslt-wrap{ margin-bottom: 40px;}
	.main-search-wrap .rslt-wrap > h3{ margin-bottom: 15px; line-height: 32px; font-size: 20px; letter-spacing: -0.4px;}
	.main-search-wrap .rslt-ctgr-wrap > div{ flex-direction: column; gap: 4px; padding: 24px 10px;}
	.main-search-wrap .rslt-ctgr-wrap > div > p{ width: 100%; line-height: 26px; font-size: 16px; letter-spacing: -0.32px;}
	.main-search-wrap .rslt-ctgr-wrap > div > ul{ width: 100%; gap: 4px 10px;}
	.main-search-wrap .rslt-ctgr-wrap > div > ul > li > a{ line-height: 22px; font-size: 14px;}
	.main-search-wrap .rslt-brd-wrap > ul > li{ gap: 20px; padding: 20px 8px;}
	.main-search-wrap .rslt-brd-wrap > ul > li > a{ line-height: 19px; font-size: 15px; letter-spacing: -0.75px;}
	.main-search-wrap .rslt-brd-wrap > ul > li > span{ font-size: 13px;}
	.main-search-wrap .rslt-lctr-wrap .rslt-lctr-list div.lctr-box{ position: relative; gap: 0; padding: 30px 5px;}
	.main-search-wrap .rslt-lctr-wrap .rslt-lctr-list div.lctr-box .thumbnail{ position: absolute; left: 5px; top: 30px; width: 130px; height: 72px; border-radius: 5px;}
	.main-search-wrap .rslt-lctr-wrap .rslt-lctr-list div.lctr-box .lctr-info{ width: 100%;}
	.main-search-wrap .rslt-lctr-wrap .rslt-lctr-list div.lctr-box .lctr-info > span{ margin-left: 145px;}
	.main-search-wrap .rslt-lctr-wrap .rslt-lctr-list div.lctr-box .lctr-info > h4{ width: calc(100% - 145px); height: 42px; margin: 12px 0 16px 145px; line-height: 21px; font-size: 16px; letter-spacing: -0.32px; text-overflow: ellipsis; overflow: hidden; word-break: break-word; display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical}
	.main-search-wrap .rslt-lctr-wrap .rslt-lctr-list div.lctr-box .lctr-info > ul{ gap: 10px; flex-direction: column; margin: 0 0 15px;}
	.main-search-wrap .rslt-lctr-wrap .rslt-lctr-list div.lctr-box .lctr-info > ul > li > span{ width: 95px; margin-right: 0; line-height: 18px; font-size: 14px; letter-spacing: -0.28px;}
	.main-search-wrap .rslt-lctr-wrap .rslt-lctr-list div.lctr-box .lctr-info > ul > li > p{ width: calc(100% - 95px); line-height: 18px; font-size: 14px; letter-spacing: -0.28px;}
	.main-search-wrap .rslt-lctr-wrap .rslt-lctr-list div.lctr-box .lctr-info > ul > li::after{ content: '';}
	.main-search-wrap .rslt-lctr-wrap .rslt-lctr-list div.lctr-box .lctr-info > div{ height: auto; padding: 16px 20px 18px;}
	.main-search-wrap .rslt-lctr-wrap .rslt-lctr-list div.lctr-box .lctr-info > div > p{ line-height: 22px; font-size: 14px; letter-spacing: -0.28px;}
	.main-search-wrap .rslt-cert-wrap .rslt-cert-list div.cert-box{ padding: 20px 15px;}
	.main-search-wrap .rslt-cert-wrap .rslt-cert-list div.cert-box > h4{ line-height: 22px; font-size: 16px; letter-spacing: -0.32px; overflow: hidden; text-overflow: ellipsis; display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical; word-wrap:break-word;}
	.main-search-wrap .rslt-cert-wrap .rslt-cert-list div.cert-box > p{ max-height: 63px; line-height: 21px; font-size: 14px; letter-spacing: -0.28px;}
	.main-search-wrap .rslt-wrap > button{ width: 140px; height: 40px; margin-top: 20px; font-size: 13px; letter-spacing: -0.26px;}
	.main-search-wrap .rslt-wrap > button > i.add{ width: 16px; height: 16px;}
	.main-search-wrap .rslt-lctr-wrap .rslt-lctr-list div.lctr-box .lctr-info > .lctr-tag{ margin-left: 145px; }
	
	
	/* ------------------------------------------------------- 회사소개 */
	.cmpn-main-wrap{ gap: 16px; padding: 90px 30px 50px;}
	.cmpn-main-wrap > img{ width :139px; margin-bottom: 0;}
	.cmpn-main-wrap > h1{ margin-bottom: 8px; line-height: 22px; font-size: 16px; letter-spacing: -0.8px;}
	.cmpn-main-wrap > h2{ width: 330px; margin-bottom: 34px; line-height: 22px; font-size: 16px; letter-spacing: -0.64px;}
	.cmpn-main-wrap > p{ line-height: 12px; font-size: 10px; letter-spacing: 2.4px;}
	.cmpn-top-wrap{ padding: 32px 20px 50px;}
	.cmpn-top-wrap > span{ line-height: 12px; font-size: 10px; letter-spacing: 2.1px;}
	.cmpn-top-wrap > h2{ margin: 8px 0 12px; line-height: 28px; font-size: 20px; letter-spacing: -1px;}
	.cmpn-top-wrap > p{ line-height: 22px; font-size: 14px; letter-spacing: -0.28px;}
	.cmpn-top-wrap ul{ gap: 4px 0; flex-wrap: wrap; width: 300px; padding: 0; margin: 24px auto 0;}
	.cmpn-top-wrap > ul > li.box{ width: 100px; height: 93px; padding: 0; border: none;}
	.cmpn-top-wrap > ul > li.box.light{ background: none;}
	.cmpn-top-wrap > ul > li.box.blue{ background: none;}
	.cmpn-top-wrap > ul > li.line{ display: none;}
	.cmpn-top-wrap > ul > li > div{ gap: 12px; width: 100%; height: 100%; box-shadow: none;}
	.cmpn-top-wrap > ul > li > div > img{ width: 40px;}
	.cmpn-top-wrap > ul > li > div > p{ line-height: 17px; font-size: 13px; font-weight: 600;}
	.cmpn-mid-wrap .bg{ padding: 40px 20px 52px;}
	.cmpn-mid-wrap .bg .cmpn-mid{ flex-direction: column; gap: 16px; justify-content: center; align-items: center;}
	.cmpn-mid-wrap .bg .cmpn-mid img{ order: 1; width: 100%; max-width: 350px;}
	.cmpn-mid-wrap .bg .cmpn-mid .cont{ order: 2; gap: 12px; width: 100%;}
	.cmpn-mid-wrap .bg .cmpn-mid .cont > h2{ line-height: 24px; font-size: 20px;}
	.cmpn-mid-wrap .bg .cmpn-mid .cont > p{ width: 350px; line-height: 26px; font-size: 16px; letter-spacing: -0.32px;}
	.cmpn-vision-wrap{ padding: 32px 0 40px;}
	.cmpn-vision-wrap > span{ line-height: 12px; font-size: 10px; letter-spacing: 2.1px;}
	.cmpn-vision-wrap > h2{ line-height: 28px; font-size: 20px; letter-spacing: -1px;}
	.cmpn-vision-wrap > span.bar{ margin: 23px auto;}
	.cmpn-vision-wrap > .mission{ gap: 20px; margin-bottom: 50px;}
	.cmpn-vision-wrap > .mission > h3{ line-height: 19px; font-size: 16px;}
	.cmpn-vision-wrap > .mission > ul{ flex-direction: column; gap: 20px; align-items: center; width: 100%; height: auto;}
	.cmpn-vision-wrap > .mission > ul > li{ width: 100%; gap: 10px;}
	.cmpn-vision-wrap > .mission > ul > li > div{ width: 100px; height: 100px; margin-bottom: 8px; line-height: 100px; font-size: 16px;}
	.cmpn-vision-wrap > .mission > ul > li > p{ width: 195px; line-height: 22px; font-size: 14px; letter-spacing: -0.28px;}
	.cmpn-vision-wrap > .mission > ul > li > span{ line-height: 17px; font-size: 14px;}
	.cmpn-vision-wrap > .strategy{ width: 100%; padding: 50px 0 40px; border-top: 1px solid rgba(255, 255, 255, 0.1);}
	.cmpn-vision-wrap > .strategy > h3{ line-height: 19px; font-size: 16px;}
	.cmpn-vision-wrap > .strategy > ul{ flex-wrap: wrap; justify-content: center; gap: 12px 0; width: 326px;}
	.cmpn-vision-wrap > .strategy > ul > li{ gap: 12px; width: 163px; height: 182px; box-sizing: border-box;}
	.cmpn-vision-wrap > .strategy > ul > li > img{ width: 40px;}
	.cmpn-vision-wrap > .strategy > ul > li > h4{ line-height: 17px; font-size: 14px;}
	.cmpn-vision-wrap > .strategy > ul > li > p{ width: 100%; height: 38px; margin: 4px 0; line-height: 19px; font-size: 12px;}
	.cmpn-vision-wrap > .strategy > ul > li > span{ line-height: 16px; font-size: 13px;}
	.cmpn-orgnz-wrap > span{ line-height: 12px; font-size: 10px; letter-spacing: 2.1px;}
	.cmpn-orgnz-wrap > h2{ margin: 8px 0 40px; line-height: 28px; font-size: 20px; letter-spacing: -1px;}
	.cmpn-orgnz-wrap > img.ver-pc{ display: none;}
	.cmpn-orgnz-wrap > img.ver-mb{ display: block;}
	.cmpn-map-wrap{ padding: 30px 20px 60px;}
	.cmpn-map-wrap > span{ line-height: 12px; font-size: 10px; letter-spacing: 2.1px;}
	.cmpn-map-wrap > h2{ margin: 8px 0 40px; line-height: 28px; font-size: 20px; letter-spacing: -1px;}
	.cmpn-map-wrap > div{ flex-direction: column; gap: 40px; align-items: center;}
	.cmpn-map-wrap > div > img{ width: 100%; max-width: 350px;}
	.cmpn-map-wrap > div > div{ width: 100%; height: auto; padding: 34px 0 40px;}
	.cmpn-map-wrap > div > div > h3{ line-height: 26px; font-size: 16px;}
	.cmpn-map-wrap > div > div > ul{ gap: 15px;}
	.cmpn-map-wrap > div > div > ul > li{ gap: 8px;}
	.cmpn-map-wrap > div > div > ul > li > p{ line-height: 22px; font-size: 14px;}
	.cmpn-map-wrap > div > div > ul > li > span{ line-height: 22px; font-size: 14px;}
	
	/* ------------------------------------------------------- 전체강의 */
	.all-edu-lctr .filter-wrap .filter-box{ padding: 0;}
	.all-edu-lctr .filter-wrap .filter-box > ul{ height: 180px; padding: 15px 0; overflow-y: auto;}
	.all-edu-lctr .filter-wrap .filter-box > ul::-webkit-scrollbar { width: 8px;}
	.all-edu-lctr .filter-wrap .filter-box > ul::-webkit-scrollbar-track { background-color: #F1F1F1; border-radius: 6px; }
	.all-edu-lctr .filter-wrap .filter-box > ul::-webkit-scrollbar-thumb { border-radius: 6px; background-color: #ccc; }
	.all-edu-lctr .filter-wrap .filter-box > ul.filter-list > li{ padding: 11px 15px; line-height: 18px; font-size: 14px; letter-spacing: -0.28px;}
	
	/* 과정상세 */
	.cos-dtl-wrap .cos-cont-wrap .cos-cont .category-box{ margin-bottom: 0;}
	.cos-dtl-wrap .cos-cont-wrap .cos-cont .category-box > ul.lctr-list > li{ position: unset; width: calc(50% - 15px);}
	.cos-dtl-wrap .cos-cont-wrap .cos-cont .category-box > ul.lctr-list > li .thumbnail{ position: unset; width: 100%; height: 95px;}
	.cos-dtl-wrap .cos-cont-wrap .cos-cont .category-box > ul.lctr-list > li > h4{ height: 40px; margin: 16px 0 15px; padding-left: 0; line-height: 20px; font-size: 15px; letter-spacing: -0.3px;}
	.cos-dtl-wrap .cos-cont-wrap .cos-cont .category-box > ul.lctr-list > li > ul > li > span{ width: auto;}
	.cos-dtl-wrap .cos-cont-wrap .cos-cont .category-box > ul.lctr-list > li > ul > li > p{ width: auto; margin-left: auto;}
	
	/* ------------------------------------------------------- 내일배움카드 */
	/* 내일배움카드 > 안내 */
	.tmrrw-main-wrap{ padding: 50px 10px 40px;}
	.tmrrw-main-wrap > h1{ margin-bottom: 24px; line-height: 28px; font-size: 20px; letter-spacing: -1px;}
	.tmrrw-main-wrap > h2{ margin-bottom: 16px; line-height: 22px; font-size: 16px; color: rgba(255, 255, 255, 0.71); letter-spacing: -0.64px;}
	.tmrrw-main-wrap > h3{ margin-bottom: 40px; line-height: 17px; font-size: 12px; letter-spacing: -0.24px; color: rgba(255, 255, 255, 0.5);}
	.tmrrw-main-wrap > p{ line-height: 12px; font-size: 10px; letter-spacing: 2.4px;}
	.tmrrw-top-wrap{ padding: 32px 20px 60px;}
	.tmrrw-top-wrap > span{ line-height: 12px; font-size: 10px; letter-spacing: 2.1px;}
	.tmrrw-top-wrap > h2{ margin: 8px auto 12px; line-height: 28px; font-size: 20px; letter-spacing: -1px;}
	.tmrrw-top-wrap > p{ width: 300px; line-height: 22px; font-size: 14px; letter-spacing: -0.28px;}
	.tmrrw-top-wrap > ul{ flex-direction: column; gap: 12px; width: 100%; margin: 24px auto 0;}
	.tmrrw-top-wrap > ul > li.box{ gap: 8px; width: 100%; max-width: 250px; height: 102px;}
	.tmrrw-top-wrap > ul > li.box > img{ width: 36px;}
	.tmrrw-top-wrap > ul > li.box > p{ line-height: 18px; font-size: 15px;}
	.tmrrw-top-wrap > ul > li.arrow > img{ transform: rotate(90deg);}
	.tmrrw-mid-wrap{ gap: 0; padding: 32px 20px 40px;}
	.tmrrw-mid-wrap > span{ line-height: 12px; font-size: 10px; letter-spacing: 2.1px;}
	.tmrrw-mid-wrap > h2{ margin: 8px 0 12px; line-height: 28px; font-size: 20px; letter-spacing: -1px;}
	.tmrrw-mid-wrap > p{ line-height: 20px; font-size: 14px; letter-spacing: -0.28px;}
	.tmrrw-mid-wrap > p > span{ width: 300px; margin: 0 auto; line-height: 17px; font-size: 12px; letter-spacing: -0.24px; word-break: keep-all;}
	.tmrrw-mid-wrap > span.bar{ margin: 23px auto;}
	.tmrrw-mid-wrap > .white-box{ width: calc(100% - 32px); padding: 24px 20px 32px; margin: 0 16px;}
	.tmrrw-mid-wrap > .white-box > p{ width: 250px; margin: 0 auto; line-height: 22px; font-size: 14px; letter-spacing: -0.28px; word-break: keep-all;}
	.tmrrw-bot-wrap .bg{ padding: 32px 20px 40px;}
	.tmrrw-bot-wrap .bg.white{ padding-top: 32px;}
	.tmrrw-bot-wrap .bg .cont{ width: 100%; margin: 0;}
	.tmrrw-bot-wrap .bg .cont > h2{ line-height: 26px; text-align: center; font-size: 20px; letter-spacing: -1px;}
	.tmrrw-bot-wrap .bg .cont > h3{ line-height: 26px; font-size: 16px; letter-spacing: -0.32px;}
	.tmrrw-bot-wrap .bg .cont > .box{ padding: 20px 0 24px;}
	.tmrrw-bot-wrap .bg .cont > .box > h4{ line-height: 26px; font-size: 16px;}
	.tmrrw-bot-wrap .bg .cont > .box > h5{ }
	.tmrrw-bot-wrap .bg .cont > .box > p{ line-height: 22px; font-size: 14px;}
	.tmrrw-bot-wrap .bg .cont > .box > p > span{ margin-top: 8px; line-height: 18px; font-size: 12px;}
	.tmrrw-bot-wrap .bg .cont > .box > p > span > i.text-blue{ display: block;}
	.tmrrw-bot-wrap .bg .cont > .box > p > span.flex{ gap: 3px;}
	.tmrrw-bot-wrap .bg .cont > .box > p.bottom-text{ gap: 3px;}
	.tmrrw-bot-wrap .bg .cont > .box > p.bottom-text > span{ margin-top: 0;}
	.tmrrw-bot-wrap .bg .cont > .box > ul.sub-text-list{ gap: 4px; margin-top: -4px;}
	.tmrrw-bot-wrap .bg .cont > .box > ul.sub-text-list > li > p{ line-height: 19px; font-size: 12px;}
	.tmrrw-bot-wrap .bg .cont > .box > ul.sub-text-list > li > p::before{ width: 2px; height: 2px; margin: 0 6px;}
	.tmrrw-bot-wrap .bg .cont > .box > ul.sub-text-list > li > span{ line-height: 19px; font-size: 12px;}
	.tmrrw-bot-wrap .bg .cont > .box > ul.text-list > li{ line-height: 22px; font-size: 14px;}
	
	/* 내일배움카드 > 강의목록 */
/* 	.tmrrw-edu-lctr .filter-wrap .filter-box{ border: none;} */
/* 	.tmrrw-edu-lctr .filter-wrap .filter-box > ul{ display: none;} */
	
	/* ------------------------------------------------------- 평생교육바우처 */
	/* 평생교육바우처 > 평생교육바우처메인 */
	.lflng-vchr-main .lflng-info-top{ flex-direction: column; gap: 12px 0;}
	.lflng-vchr-main .lflng-info-top .banner{ gap: 20px; width: 100%; min-height: 190px; height: auto; padding: 30px; border-radius: 6px; background-size: cover;}
	.lflng-vchr-main .lflng-info-top .banner > h3{ line-height: 23px; text-align: center; font-size: 18px; border-radius: 6px;}
	.lflng-vchr-main .lflng-info-top .banner .btn-wrap{ gap: 6px; justify-content: center;}
	.lflng-vchr-main .lflng-info-top .banner .btn-wrap > button{ width: calc(50% - 3px); max-width: 142px; height: 40px; font-size: 14px; letter-spacing: -0.28px;}
	.lflng-vchr-main .lflng-info-top .noti{ width: 100%; height: auto; padding: 20px 24px 30px;}
	.lflng-vchr-main .lflng-info-top .noti > h3{ margin-bottom: 10px; line-height: 35px; font-size: 20px; letter-spacing: -0.4px;}
	.lflng-vchr-main .lflng-info-top .noti > ul{ padding-top: 16px;}
	.lflng-vchr-main .lflng-info-top .noti > ul > li{ gap: 20px;}
	.lflng-vchr-main .lflng-info-top .noti > ul > li > p{ line-height: 19px; font-size: 15px; letter-spacing: -0.75px;}
	.lflng-vchr-main .lflng-info-top .noti > ul > li > span{ line-height: 19px; font-size: 13px; letter-spacing: -0.65px;}
	.lflng-vchr-main .lflng-ctgr-wrap{ padding: 0 20px;}
	.lflng-vchr-main .lflng-ctgr-wrap > ul{ flex-wrap: wrap; gap: 10px;}
	.lflng-vchr-main .lflng-ctgr-wrap > ul > li{ width: calc(50% - 5px); height: 58px;}
	.lflng-vchr-main .lflng-ctgr-wrap > ul > li > p{ line-height: 18px; font-size: 14px; letter-spacing: -0.28px; word-break: keep-all;}
	.lflng-vchr-main .lflng-vchr-lctr{ margin-top: 40px;}
	.lflng-vchr-main .lflng-vchr-lctr > h3{ position: relative; padding-right: 70px; line-height: 28px; font-size: 20px; letter-spacing: -0.4px;}
	.lflng-vchr-main .lflng-vchr-lctr > h3 > button{ position: absolute; bottom: 0; right: 0; padding-top: 9.5px; line-height: 16px; font-size: 13px; letter-spacing: -0.26px;}
	.lflng-vchr-main .lflng-vchr-lctr > ul{ gap: 20px 15px; flex-wrap: wrap;}
	.lflng-vchr-main .lflng-vchr-lctr > ul > li{ gap: 15px; width: calc(50% - 15px); /*height: 150px;*/ cursor: pointer;}
	.lflng-vchr-main .lflng-vchr-lctr > ul > li .thumbnail{ height: 95px;}
	.lflng-vchr-main .lflng-vchr-lctr > ul > li > p{ height: 40px; line-height: 20px; font-size: 15px; letter-spacing: -0.3px;}
	/* 평생교육바우처 > 강의목록 */
	.lflng-edu-lctr .filter-wrap .filter-box.clasf-list{ border-bottom: none;}
	.lflng-edu-lctr .filter-wrap .filter-box.clasf-list > ul{ height: 180px; padding: 15px 0; overflow-y: auto;}
	.lflng-edu-lctr .filter-wrap .filter-box.clasf-list > ul::-webkit-scrollbar { width: 8px;}
	.lflng-edu-lctr .filter-wrap .filter-box.clasf-list > ul::-webkit-scrollbar-track { background-color: #F1F1F1; border-radius: 6px; }
	.lflng-edu-lctr .filter-wrap .filter-box.clasf-list > ul::-webkit-scrollbar-thumb { border-radius: 6px; background-color: #ccc; }
	.lflng-edu-lctr .filter-wrap .filter-box.clasf-list > ul.filter-list > li{ padding: 11px 15px; line-height: 18px; font-size: 14px; letter-spacing: -0.28px;}

    .lflng-cont-box h3 { line-height: 22px;}
    .lflng-cont-box h3 span { font-size: 16px; line-height: 22px; letter-spacing: -0.8px;}
    .lflng-cont-box.corpoSys-mid-wrap .white-box { width: 100%; margin: 20px auto 0 !important;}
    .lflng-cont-box.corpoSys-mid-wrap > .white-box.column .cont > div { width: 100%;}


	/* ------------------------------------------------------- 기업교육 */
	/* 기업교육 > 기업교육안내 */
	.corpo-main-wrap{ gap: 0; padding: 50px 10px 40px;}
	.corpo-main-wrap > h1{ line-height: 28px; font-size: 20px; letter-spacing: -1px;}
	.corpo-main-wrap > h2{ margin: 16px auto 40px; line-height: 22px; font-size: 16px; letter-spacing: -0.8px;}
	.corpo-main-wrap > h2 > i{ line-height: 16px;}
	.corpo-main-wrap > h2 > span{ width: 250px; margin-top: 24px; line-height: 22px; font-size: 16px; color: rgba(255, 255, 255, 0.71); letter-spacing: -0.64px; white-space: pre-line; word-break: keep-all;}
	.corpo-main-wrap > h2 > span > br{ display: none;}
	.corpo-main-wrap > h3{ width: 250px; margin: 0 auto 40px; line-height: 22px; font-size: 16px; letter-spacing: -0.64px; word-break: keep-all;}
	.corpo-main-wrap > h3 > br{ display: none;}
	.corpo-main-wrap > button{ display: none;}
	.corpo-main-wrap > p{ line-height: 12px; font-size: 10px; letter-spacing: 2.4px;}
	.corpo-main-wrap + ul.tab-border{ gap: 0; width: 100%; height: 49px; padding: 0; border: none; box-sizing: border-box;}
	.corpo-main-wrap + ul.tab-border > li{ width: 50%; padding: 16px 12px; line-height: 17px; font-size: 14px; letter-spacing: -0.28px; background: #d9d9d9;}
	.corpo-main-wrap + ul.tab-border > li.on{ border-top: 3px solid #2b49b6; border-bottom: none; background: #f5f5f5;}
	.corpo1-top-wrap{ padding: 32px 20px 60px; border: none;}
	.corpo1-top-wrap > span{ line-height: 12px; font-size: 10px; letter-spacing: 2.1px;}
	.corpo1-top-wrap > h2{ margin: 8px 0 24px; line-height: 28px; font-size: 20px; letter-spacing: -1px;}
	.corpo1-top-wrap > h3{ display: none;}
	.corpo1-top-wrap > p{ margin: 24px auto 0; line-height: 22px; font-size: 14px; letter-spacing: -0.28px; word-break: keep-all;}
	.corpo1-mid-wrap{ padding: 32px 20px 40px;}
	.corpo1-mid-wrap > span{ line-height: 12px; font-size: 10px; letter-spacing: 2.1px;}
	.corpo1-mid-wrap > h2{ margin: 8px 0 12px; line-height: 28px; font-size: 20px; letter-spacing: -1px;}
	.corpo1-mid-wrap > p{ width: 195px; margin: 0 auto; line-height: 18px; font-size: 13px; color: #adb5bd; letter-spacing: -0.26px; word-break: keep-all;}
	.corpo1-mid-wrap > p > span{ margin-top: 8px; font-weight: 400; word-break: keep-all;}
	.corpo1-mid-wrap > ul{ justify-content: center; width: 100%; margin: 24px auto 0;}
	.corpo1-mid-wrap > ul > li.box{ width: 87.5px; height: 110px; padding: 0; border-radius: 0; background: none;}
	.corpo1-mid-wrap > ul > li.line{ display: none;}
	.corpo1-mid-wrap > ul > li > div{ width: 100%; height: 100%; border-radius: 0; background: none;}
	.corpo1-mid-wrap > ul > li > div > p{ line-height: 17px; font-size: 13px; color: #fff; font-weight: 600;}
	.corpo1-bot-wrap .bg-wrap{ padding: 40px 20px 52px;}
	.corpo1-bot-wrap .bg-wrap .cont{ flex-direction: column; gap: 16px; align-items: center; width: 100%;}
	.corpo1-bot-wrap .bg-wrap .cont > img{ order: 1; width: 100%; max-width: 365px; margin: 0 auto;}
	.corpo1-bot-wrap .bg-wrap .cont > .cont-box{ order: 2; width: 100%;}
	.corpo1-bot-wrap .bg-wrap .cont > .cont-box > h3{ margin-bottom: 12px; line-height: 24px; font-size: 20px;}
	.corpo1-bot-wrap .bg-wrap .cont > .cont-box > p{ line-height: 26px; font-size: 16px; letter-spacing: -0.32px;}
	.corpo1-bot-wrap .bg-wrap .cont > .cont-box > span{ margin-top: 12px; line-height: 20px; font-size: 14px;}
	.corpo1-bot-wrap .bg-wrap .cont > .cont-box > button{ margin-top: 16px; width: 100%; line-height: 40px;}
	.corpo1-bot-wrap .bg-wrap .cont > .cont-box > a{ margin-top: 16px; width: 100%; line-height: 40px;}
	.corpo-inqr-wrap{ padding: 32px 0 60px;}
	.corpo-inqr-wrap .sub-content{ flex-direction: column; gap: 33px; margin: 0;}
	.corpo-inqr-wrap .sub-content .tit{ gap: 8px; width: 100%;}
	.corpo-inqr-wrap .sub-content .tit > span{ line-height: 12px; text-align: center; font-size: 10px; letter-spacing: 1.2px;}
	.corpo-inqr-wrap .sub-content .tit > h2{ line-height: 28px; text-align: center; font-size: 20px; letter-spacing: -1px;}
	.corpo-inqr-wrap .sub-content .tit > p{ line-height: 19px; text-align: center; font-size: 12px; letter-spacing: -0.24px;}
	.corpo-inqr-wrap .sub-content .inqr-wrap{ width: 100%;}
	.corpo-inqr-wrap .sub-content .inqr-wrap .info-text{ padding: 20px 16px;}
	.corpo-inqr-wrap .sub-content .inqr-wrap input[type=checkbox]+label{ font-size: 14px;}
	
	.corpo2-top-wrap{ padding: 32px 20px 60px;}
	.corpo2-top-wrap > span{ line-height: 12px; font-size: 10px; letter-spacing: 2.1px;}
	.corpo2-top-wrap > h2{ margin: 8px 0 24px; line-height: 28px; font-size: 20px; letter-spacing: -1px;}
	.corpo2-top-wrap > p{ line-height: 22px; font-size: 14px; letter-spacing: -0.28px;}
	.corpo2-top-wrap > .pc-info-wrap{ display: none;}
	.corpo2-top-wrap > .mb-info-wrap{ display: block!important; padding-top: 24px;}
	.corpo2-top-wrap > .mb-info-wrap > h3{ line-height: 26px; text-align: center; font-size: 20px; color: #001f90; font-weight: 500; letter-spacing: -1px;}
	.corpo2-top-wrap > .mb-info-wrap > h3 > span{ display: block; font-weight: 700;}
	.corpo2-top-wrap > .mb-info-wrap > img{ margin: 20px auto;}
	.corpo2-top-wrap > .mb-info-wrap > ul{ display: flex; flex-direction: column; gap: 20px; align-items: center;}
	.corpo2-top-wrap > .mb-info-wrap > ul > li{ display: flex; flex-direction: column; align-items: center; width: 100%;}
	.corpo2-top-wrap > .mb-info-wrap > ul > li > span{ line-height: 21px; text-align: center; font-size: 15px; color: #696969; font-weight: 400; letter-spacing: -0.3px;}
	.corpo2-top-wrap > .mb-info-wrap > ul > li > h4{ line-height: 25px; text-align: center; font-size: 18px; color: #001f90; font-weight: 700; letter-spacing: -0.36px;}
	.corpo2-top-wrap > .mb-info-wrap > ul > li > p{ width: 300px; line-height: 22px; text-align: center; font-size: 16px; color: #6c757d; font-weight: 400; letter-spacing: -0.8px; word-break: keep-all;}
	.corpo2-mid-wrap{ padding: 32px 20px 40px;}
	.corpo2-mid-wrap > span{ line-height: 12px; font-size: 10px; letter-spacing: 2.1px;}
	.corpo2-mid-wrap > h2{ margin: 8px 0 24px; line-height: 28px; font-size: 20px; letter-spacing: -1px;}
	.corpo2-mid-wrap > p{ line-height: 22px; font-size: 14px; letter-spacing: -0.28px;}
	.corpo2-mid-wrap > ul{ flex-direction: column; align-items: center; width: 100%;}
	.corpo2-mid-wrap > ul > li{ gap: 8px; width: 100%; max-width: 270px; height: auto; padding: 20px 16px 24px; border-radius: 8px;}
	.corpo2-mid-wrap > ul > li > img{ width: 27px;}
	.corpo2-mid-wrap > ul > li > p{ line-height: 18px; font-size: 15px;}
	.corpo2-mid-wrap > ul > li > span{ line-height: 17px; font-size: 12px; letter-spacing: -0.6px;}
	.corpo2-bot-wrap{ padding: 40px 20px 52px;}
	.corpo2-bot-wrap > span{ line-height: 12px; font-size: 10px; letter-spacing: 2.1px;}
	.corpo2-bot-wrap > h2{ margin: 8px 0 12px; line-height: 28px; font-size: 20px; letter-spacing: -1px;}
	.corpo2-bot-wrap > p{ width: 250px; margin: 0 auto; line-height: 22px; font-size: 14px; color: #6c757d; letter-spacing: -0.28px; word-break: keep-all;}
	.corpo2-bot-wrap > p > br{ display: none;}
	.corpo2-bot-wrap > ul{ flex-direction: column; align-items: center; gap: 16px; width: 100%;}
	.corpo2-bot-wrap > ul > li{ width: 100%; max-width: 326px; padding: 12px 20px 20px;}
	.corpo2-bot-wrap > ul > li > h3{ padding-bottom: 12px; line-height: 22px; font-size: 16px;}
	.corpo2-bot-wrap > ul > li > h3 > span{ font-size: 10px; letter-spacing: -0.2px;}
	.corpo2-bot-wrap > ul > li > ul{ padding-top: 12px;}
	.corpo2-bot-wrap > ul > li > ul > li{ padding-left: 19px; line-height: 19px; font-size: 12px; letter-spacing: -0.24px;}
	.corpo2-bot-wrap > ul > li > ul > li::before{ top: 2.5px; width: 12px; height: 12px; background-size: 100%;}
	
	/* 기업교육 > 사업주지원훈련 제도안내 / 기업직업훈련카드 제도안내 */
	.corpoSys-main-wrap{ gap: 24px; padding: 50px 10px 40px; background-position: left bottom; box-sizing: border-box;}
	.corpoSys-main-wrap > h1{ line-height: 28px; font-size: 20px; letter-spacing: -1px;}
	.corpoSys-main-wrap > h2{ width: 250px; margin: 0 auto 16px; line-height: 22px; font-size: 16px; letter-spacing: -0.64px; white-space: pre-line; word-break: keep-all;}
	.corpoSys-main-wrap > h2 > br{ display: none;}
	.corpoSys-main-wrap > p{ line-height: 12px; font-size: 10px; letter-spacing: 2.4px;}
	.corpoSys-main-wrap + ul.tab-border{ gap: 0; width: 100%; height: 49px; padding: 0; border: none; box-sizing: border-box;}
	.corpoSys-main-wrap + ul.tab-border > li{ width: 50%; padding: 16px 12px; line-height: 17px; font-size: 14px; letter-spacing: -0.28px; background: #d9d9d9;}
	.corpoSys-main-wrap + ul.tab-border > li.on{ border-top: 3px solid #2b49b6; border-bottom: none; background: #f5f5f5;}
	.corpoSys-top-wrap{ padding: 32px 20px 60px;}
	.corpoSys-top-wrap > span{ line-height: 12px; font-size: 10px; letter-spacing: 2.1px;}
	.corpoSys-top-wrap > h2{ margin: 8px 0 24px; line-height: 28px; font-size: 20px; letter-spacing: -1px;}
	.corpoSys-top-wrap > p{ line-height: 22px; font-size: 14px; letter-spacing: -0.28px;}
	.corpoSys-sec-wrap{ margin: 32px 0 60px;}
	.corpoSys-sec-wrap > h2{ line-height: 28px; font-size: 20px; letter-spacing: -1px;}
	.corpoSys-sec-wrap > ul{ flex-direction: column; gap: 36px; padding: 32px 20px 0; margin-top: 24px; border-top: 1px solid #c5c5c5;}
	.corpoSys-sec-wrap > ul > li{ gap: 12px; justify-content: center; width: 100%;}
	.corpoSys-sec-wrap > ul > li.box{ max-width: 100%;}
	.corpoSys-sec-wrap > ul > li.arrow{ display: none;}
	.corpoSys-sec-wrap > ul > li > h2{ line-height: 24px; font-size: 20px;}
	.corpoSys-sec-wrap > ul > li > p{ line-height: 19px; font-size: 16px; letter-spacing: -0.8px;}
	.corpoSys-sec-wrap > ul > li > p > span{ line-height: 22px; font-size: 18px;}
	.corpoSys-sec-wrap > ul > li > button{ width: 100%; margin-top: 12px;}
	.corpoSys-mid-wrap{ padding: 32px 20px 40px;}
	.corpoSys-mid-wrap > span.sub-tit{ line-height: 12px; font-size: 10px; letter-spacing: 2.1px;}
	.corpoSys-mid-wrap > h1{ margin: 8px 0 16px; line-height: 28px; font-size: 20px; letter-spacing: -1px;}
	.corpoSys-mid-wrap > h1 + p{ line-height: 18px; font-size: 13px; letter-spacing: -0.26px;}
	.corpoSys-mid-wrap > span.bar{ margin: 23px auto;}
	.corpoSys-mid-wrap > h2{ margin-bottom: 20px; line-height: 19px; font-size: 16px;}
	.corpoSys-mid-wrap.corpoSys2-mid-wrap > h2{ width: 200px; margin: 0 auto 20px; line-height: 22.4px;}
	.corpoSys-mid-wrap > h2 > span > i{ width: 24px; height: 24px; line-height: 24px; font-size: 14px;}
	.corpoSys-mid-wrap > p{ width: 218px; margin: 16px auto 0; line-height: 19px; font-size: 12px; letter-spacing: -0.24px; white-space: pre-line; word-break: break-word;}
	.corpoSys-mid-wrap > .white-box{ width: calc(100% - 32px); margin: 0 16px;}
	.corpoSys-mid-wrap > .white-box.column{ padding: 24px 20px 32px;}
	.corpoSys-mid-wrap > .white-box.column, .corpoSys-mid-wrap > .white-box.column2{ margin-bottom: 28px; }
	.corpoSys-mid-wrap > .white-box.column .cont{ flex-direction: column; gap: 9px;}
	.corpoSys-mid-wrap > .white-box.column .cont > p{ width: 100%; padding-top: 0; line-height: 19px; text-align: center; font-size: 16px; letter-spacing: -0.32px;}
	.corpoSys-mid-wrap > .white-box.column .cont > div{ width: 100%;}
	.corpoSys-mid-wrap > .white-box.column .cont > div > p{ margin-bottom: 8px; line-height: 22px; text-align: center; font-size: 14px;}
	.corpoSys-mid-wrap > .white-box.column .cont > div > span{ line-height: 17px; text-align: center; font-size: 12px; letter-spacing: -0.24px;}
	.corpoSys-mid-wrap > .white-box.row{ flex-direction: column; padding: 0 20px 4px;}
	.corpoSys-mid-wrap > .white-box.row .cont{ padding: 20px 0;}
	.corpoSys-mid-wrap > .white-box.row .cont > p{ line-height: 22px; font-size: 14px;}
	.corpoSys-mid-wrap > .white-box.row .bar{ width: 100%; height: 1px;}
	.corpoSys-mid-wrap > .white-box.column2 .cont{ flex-direction: column; align-items: center; gap: 8px;}
	.corpoSys-mid-wrap > .white-box.column2 .cont > i{ width: 24px; height: 24px; line-height: 24px; font-size: 14px;}
	.corpoSys-mid-wrap > .white-box.column2 .cont > p{ width: 240px; line-height: 22px; text-align: center; font-size: 14px;}
	.corpoSys-mid-wrap > .white-box.column2 .cont:first-child > p{ width: 170px; white-space: pre-line; word-break: keep-all;}
	.corpoSys-mid-wrap > .white-box.column2 .cont > span{ line-height: 19px; text-align: center; font-size: 12px; letter-spacing: -0.24px;}
	.corpoSys-mid-wrap > .white-box.column3{ padding: 24px 20px 32px;}
	.corpoSys-mid-wrap > .white-box.column3 > p{ display: none;}
	.corpoSys-mid-wrap > .white-box.column3 > span{ line-height: 19px; font-size: 14px; letter-spacing: -0.28px;}
	.corpoSys-bot-wrap .bg{ padding: 0;}
	.corpoSys-bot-wrap .bg:first-child{ padding-top: 0;}
	.corpoSys-bot-wrap .bg:last-child{ padding-bottom: 0;}
	.corpoSys-bot-wrap .bg .cont{ width: 100%; padding: 32px 20px 40px; box-sizing: border-box;}
	.corpoSys-bot-wrap .bg .cont > h1{ margin-bottom: 20px; line-height: 26px; font-size: 20px; letter-spacing: -1px;}
	.corpoSys-bot-wrap .bg .cont > h2{ line-height: 26px; font-size: 16px; letter-spacing: -0.32px;}
	.corpoSys-bot-wrap .bg .cont > .box{ padding: 20px 0 24px;}
	.corpoSys-bot-wrap .bg .cont > .box:last-child{ padding: 20px 0 16px;}
	.corpoSys-bot-wrap .bg .cont > .box > h4{ line-height: 26px; font-size: 16px;}
	.corpoSys-bot-wrap .bg .cont > .box > p.text{ line-height: 22px; font-size: 16px;}
	.corpoSys-bot-wrap .bg .cont > .box > p.mo-tit{ position: relative; padding-left: 20px; color: #212529; font-size: 12px; font-weight: bold; line-height: 19.2px; }
	.corpoSys-bot-wrap .bg .cont > .box > p.mo-tit::before{ content: ' '; display: inline-block; position: absolute; top: 8px; left: 8px; width: 3px; height: 3px; border-radius: 100%; background: #212529; }
	.corpoSys-bot-wrap .bg .cont > .box > span.sub-text{ margin-top: unset !important; line-height: 18px; font-size: 12px;}
	.corpoSys-bot-wrap .bg .cont > .box > ul.dot-list > li{ margin-top: 8px; line-height: 19px; font-size: 12px;}
	.corpoSys-bot-wrap .bg .cont > .box > ul.dot-list > li:first-child{ margin-top: 0; }
	.corpoSys-bot-wrap .bg .cont > .box > ul.dot-list > li::before{ top: 8px; }
	.corpoSys-bot-wrap .bg .cont > .box.qna-box > ul.dot-list > li::before{ display: none; }
	.corpoSys-bot-wrap .bg .cont > .box.qna-box button,
	.corpoSys-bot-wrap .bg .cont > .box.qna-box a{ min-width: 100%; font-size: 14px; letter-spacing: -0.28px; }
	.corpoSys-bot-wrap .bg .cont > .box.qna-box button.btn-default > i,
	.corpoSys-bot-wrap .bg .cont > .box.qna-box a.btn-default > i{ width: 16px; height: 16px; }
	.corpoSys-bot-wrap .bg .cont > .limit-box > p > span{ display: block; padding-left: 20px; text-indent: -20px; }
	.corpoSys-bot-wrap .bg .cont > .box > ul.down-list{ flex-direction: column; margin-bottom: 4px; }
	.corpoSys-bot-wrap .bg .cont > .box > ul.down-list > li{ width: 100%;}
	.corpoSys-bot-wrap .bg .cont > .box > ul.down-list > li > a{ width: 100%; height: 40px; line-height: 40px; font-size: 14px; letter-spacing: -0.28px; text-align: center; }
	.corpoSys-bot-wrap .bg .cont > .box > ul.down-list > li > a > i.down{ width: 16px; height: 16px; }
	.corpoSys-bot-wrap .bg .cont > .box > ul.text-list{ padding: 0 24px 0 0;}
	.corpoSys-bot-wrap .bg .cont > .box > ul.text-list > li{ padding: 4px 0; text-indent: 0;}
	.corpoSys-bot-wrap .bg .cont > .box > ul.text-list > li > h5{ line-height: 22px; font-size: 14px;}
	.corpoSys-bot-wrap .bg .cont > .box > ul.text-list > li > p{ line-height: 22px; font-size: 14px;}
	.corpoSys-bot-wrap .bg .cont > .box > ul.text-list > li > p.flex{ flex-direction: column; gap: 4px; text-indent: 0;}
	.corpoSys-bot-wrap .bg .cont > .box > ul.text-list > li > p > span{ line-height: 22px; font-size: 14px;}
	.corpoSys-bot-wrap .bg .cont > .box.gap-20{ gap: 12px; }
	
	/* 기업교육 > 기업교육 강의목록 */
	.lctr-wrap .category-box .category{ padding: 15px 8px;}
	.lctr-wrap .category-box .category > h3{ line-height: 22px; font-size: 18px; letter-spacing: -0.36px;}
	.lctr-wrap .category-box .category > h3 > p{ margin-left: 8px; font-size: 13px; letter-spacing: -0.26px;}
	.lctr-wrap .category-box .category > .total{ height: 22px; font-size: 13px;}
	.lctr-wrap .category-box .category > .total > span{ margin: 0 2px;}
	.lctr-wrap .category-box .lctr-list{ gap: 35px 0; padding: 30px 5px;}
	.lctr-wrap .category-box .lctr-list > li{ position: relative; width: 100%;}
	.lctr-wrap .category-box .lctr-list > li .thumbnail{ position: absolute; top: 0; left: 0; width: 130px; height: 72px; margin-bottom: 0; border-radius: 5.6px;}
	.lctr-wrap .category-box .lctr-list > li .thumbnail.none{ background-size: 60%;}
	.lctr-wrap .category-box .lctr-list > li .tag-wrap{ width: 100%; padding-left: 145px; box-sizing: border-box;}
	.lctr-wrap .category-box .lctr-list > li h4{ width: 100%; height: 40px; padding: 0; padding-left: 145px; line-height: 20px; font-size: 16px; letter-spacing: -0.32px;}
	.lctr-wrap .category-box .lctr-list > li > ul > li > span{ width: 115px;}
	.lctr-wrap .category-box .lctr-list > li > ul > li > p{ width: calc(100% - 115px); text-align: left;}
	
	.pckg-list .category-box{ padding-top: 24px; }
	.pckg-list .btn-default{ height: 40px; line-height: 40px; font-size: 14px; letter-spacing: -0.28px; }
	.pckg-list .slick-arrow{ width: 32px; height: 32px; }
	.pckg-list .slick-arrow.slick-prev{ right: 36px; }
	
	/* 과정상세 */
	.cos-dtl-wrap .tag-wrap{ margin-bottom: 15px;}
	.cos-dtl-wrap .tag-wrap > span{ height: 18px; padding: 3px 6px; line-height: 12px; font-size: 10px;}
	.cos-dtl-wrap > h2 > button{ width: 30px; height: 30px; background-size: 15px;}
	.cos-dtl-wrap > h2{ line-height: 28px; font-size: 20px; letter-spacing: -0.4px;}
	.cos-dtl-wrap .cos-top{ flex-direction: column; padding-top: 15px; margin-top: 15px;}
	.cos-dtl-wrap .cos-top .lctr-wrap{ width: 100%;}
	.cos-dtl-wrap .cos-top .lctr-wrap .video{ height: 600px;}
	.cos-dtl-wrap .cos-top .lctr-wrap > button{ height: 40px; border-radius: 6px;}
	.cos-dtl-wrap .cos-top .lctr-wrap > ul{ padding: 10px 18px 12px;}
	.cos-dtl-wrap .cos-top .lctr-wrap > ul > li{ width: 100%;}
	.cos-dtl-wrap .cos-top .lctr-wrap > ul > li > span{ width: 100px; line-height: 32px; font-size: 13px; letter-spacing: -0.26px;}
	.cos-dtl-wrap .cos-top .lctr-wrap > ul > li > p{ width: calc(100% - 110px); line-height: 16px; font-size: 13px; letter-spacing: -0.26px;} 
	.cos-dtl-wrap .cos-top .cos-info{ width: 100%;}
	.cos-dtl-wrap .cos-top .cos-info > ul.info-list{ gap: 15px;}
	.cos-dtl-wrap .cos-top .cos-info > ul.info-list > li > span{ width: 110px; line-height: 18px; font-size: 14px; letter-spacing: -0.28px;}
	.cos-dtl-wrap .cos-top .cos-info > ul.info-list > li > p{ width: calc(100% - 120px);}
	.cos-dtl-wrap .cos-top .cos-info > ul.info-list > li > span+div{ flex-direction: column;}
	.cos-dtl-wrap .cos-top .cos-info > ul.info-list > li > div > p{ padding: 0; font-size: 14px;}
	.cos-dtl-wrap .cos-top .cos-info > ul.info-list > li > div > ul.radio-list > li input[type=radio]+label{ font-size: 14px;}
	.cos-dtl-wrap .cos-top .cos-info > ul.info-list > li > div.banner.apply-banner{ padding: 18px 16px;}
	.cos-dtl-wrap .cos-top .cos-info > ul.info-list > li > div.banner.support-banner{ gap: 8px 5px; justify-content: start; flex-wrap: wrap; padding: 8px 16px 18px; border-radius: 6px;}
	.cos-dtl-wrap .cos-top .cos-info > ul.info-list > li > div.banner.support-banner > span{ width: 100%; height: 36px; line-height: 36px; font-size: 14px; letter-spacing: -0.28px;}
	.cos-dtl-wrap .cos-top .cos-info > ul.info-list > li > div > button{ margin-top: 6px; margin-left: 0; margin-right: auto;}
	.cos-dtl-wrap .cos-top .cos-info > ul.amount-box{ padding: 20px 16px;}
	.cos-dtl-wrap .cos-top .cos-info > ul.amount-box li > span{ width: 120px; font-size: 14px; letter-spacing: -0.28px;}
	.cos-dtl-wrap .cos-top .cos-info > ul.amount-box li > p{ width: calc(100% - 120px); text-align: right; font-size: 15px; letter-spacing: -0.3px;}
	.cos-dtl-wrap .cos-top .cos-info > ul.amount-box li.total > p{ line-height: 29px; text-align: right; font-size: 18px; letter-spacing: -0.36px;}
	.cos-dtl-wrap .cos-top .cos-info > ul.amount-box li.total > p > strong{ line-height: 29px; font-size: 24px; letter-spacing: -0.48px;}
	.cos-dtl-wrap .cos-top .cos-info .btn-wrap{ flex-direction: column;}
	.cos-dtl-wrap .cos-cont-wrap{ padding-top: 40px;}
	.cos-dtl-wrap .cos-cont-wrap .cos-cont{ margin-bottom: 40px;}
	.cos-dtl-wrap .cos-cont-wrap .cos-cont > h3{ line-height: 32px; font-size: 20px; letter-spacing: -0.4px;}
	.cos-dtl-wrap .cos-cont-wrap .cos-cont > img.cos-cont-img{ margin-bottom: 40px;}
	.cos-dtl-wrap .cos-cont-wrap .cos-cont > img.cos-cont-img.pc{ display: none;}
	.cos-dtl-wrap .cos-cont-wrap .cos-cont > img.cos-cont-img.mb{ display: block;}
	.cos-dtl-wrap .cos-cont-wrap .cos-cont > ul > li{ flex-direction: column; gap: 4px; padding: 24px 10px;}
	.cos-dtl-wrap .cos-cont-wrap .cos-cont > ul > li > span{ width: 100%; line-height: 25px; font-size: 16px; letter-spacing: -0.32px;}
	.cos-dtl-wrap .cos-cont-wrap .cos-cont > ul > li > div{ width: 100%;}
	.cos-dtl-wrap .cos-cont-wrap .cos-cont > ul > li > div > p{ line-height: 22px; font-size: 14px;}
	.cos-dtl-wrap .cos-cont-wrap .cos-cont > ul.istr-list > li{ padding: 18px 0;}
	.cos-dtl-wrap .cos-cont-wrap .cos-cont > ul.istr-list > li > ul > li{ gap: 4px; flex-direction: column; padding: 0 15px; border-bottom: none;}
	.cos-dtl-wrap .cos-cont-wrap .cos-cont > ul.istr-list > li > ul > li+li{ margin-top: 15px;}
	.cos-dtl-wrap .cos-cont-wrap .cos-cont > ul.istr-list > li > ul > li > span{ width: 100%; line-height: 21px; font-size: 14px; color: #212529; font-weight: 500;}
	.cos-dtl-wrap .cos-cont-wrap .cos-cont > ul.istr-list > li > ul > li > div{ width: 100%;}
	.cos-dtl-wrap .cos-cont-wrap .cos-cont > ul.istr-list > li > ul > li > div > p{ line-height: 22px; font-size: 13px;}
	.cos-dtl-wrap .cos-cont-wrap .cos-cont > h4.lctr-tit{ padding: 22px 18px; margin-bottom: 0; line-height: 22px; font-size: 16px; letter-spacing: -0.32px;}
	.cos-dtl-wrap .cos-cont-wrap .cos-cont > ul.lctr-list > li{ flex-direction: row; align-items: center; gap: 0;}
	.cos-dtl-wrap .cos-cont-wrap .cos-cont > ul.lctr-list > li > span.lctr-unit{ min-width: 80px; padding: 16px 10px; line-height: 20px; font-size: 14px; letter-spacing: -0.28px;}
	.cos-dtl-wrap .cos-cont-wrap .cos-cont > ul.lctr-list > li > p{ line-height: 21px; font-size: 14px;}
	.cos-dtl-wrap .cos-cont-wrap .cos-cont > ul.lctr-list > li > span.lctr-time{ min-width: 80px; padding: 16px 10px; line-height: 20px; font-size: 14px; letter-spacing: -0.28px;}
	.cos-dtl-wrap .cos-cont-wrap .cos-cont > .bk-list > .bk-wrap{ flex-direction: column; gap: 10px; padding: 0;}
	.cos-dtl-wrap .cos-cont-wrap .cos-cont > .bk-list > .bk-wrap .bk-img{ width: 350px; height: 290px; padding: 0 30px; box-sizing: border-box;}
	.cos-dtl-wrap .cos-cont-wrap .cos-cont > .bk-list > .bk-wrap .bk-img img{ max-width: 100%; max-height: 100%;}
	.cos-dtl-wrap .cos-cont-wrap .cos-cont > .bk-list > .bk-wrap .bk-info{ width: 100%; padding: 0;}
	.cos-dtl-wrap .cos-cont-wrap .cos-cont > .bk-list > .bk-wrap .bk-info > h4{ margin-bottom: 12px; line-height: 22px; font-size: 16px; letter-spacing: -0.32px;}
	.cos-dtl-wrap .cos-cont-wrap .cos-cont > .bk-list > .bk-wrap .bk-info > ul{ gap: 4px; padding: 12px 18px;}
	.cos-dtl-wrap .cos-cont-wrap .cos-cont > .bk-list > .bk-wrap .bk-info > ul > li{ padding: 4px 0;}
	.cos-dtl-wrap .cos-cont-wrap .cos-cont > .bk-list > .bk-wrap .bk-info > ul > li > span{ width: 130px; line-height: 16px; font-size: 13px; letter-spacing: -0.26px;}
	.cos-dtl-wrap .cos-cont-wrap .cos-cont > .bk-list > .bk-wrap .bk-info > ul > li > p{ width: calc(100% - 130px); line-height: 16px; font-size: 13px; letter-spacing: -0.26px;}
	.cos-dtl-wrap .cos-cont-wrap .cos-cont > .bk-list > .bk-wrap .bk-info > ul > li > p.price > strong{ font-size: 16px; letter-spacing: -0.32px;}
	.cos-dtl-wrap .cos-cont-wrap .cos-cont > .bk-list > .bk-wrap .idx-list{ padding: 18px 15px; margin: 30px 0 0;}
	.cos-dtl-wrap .cos-cont-wrap .cos-cont > .bk-list > .bk-wrap .idx-list > h4{ line-height: 21px; font-size: 14px;}
	.cos-dtl-wrap .cos-cont-wrap .cos-cont > .bk-list > .bk-wrap .idx-list > p{ line-height: 22px; font-size: 13px;}
	.cos-dtl-wrap .cos-cont-wrap .cos-cont > .review-box{ flex-direction: column; gap: 20px;}
	.cos-dtl-wrap .cos-cont-wrap .cos-cont > .review-box > .score{ width: 100%;}
	.cos-dtl-wrap .cos-cont-wrap .cos-cont > .review-box > .score > p{ margin-bottom: 4px; font-size: 32px; letter-spacing: -0.64px;}
	.cos-dtl-wrap .cos-cont-wrap .cos-cont > .review-box > .score > span{ margin-top: 8px;}
	.cos-dtl-wrap .cos-cont-wrap .cos-cont > .review-box > span.bar{ width: 100%; height: 1px;}
	.cos-dtl-wrap .cos-cont-wrap .cos-cont > .event-wrap{ padding: 18px 20px;}
	.cos-dtl-wrap .cos-cont-wrap .cos-cont > .event-wrap > div > p{ line-height: 22px; font-size: 17px; letter-spacing: -0.85px;}
	.cos-dtl-wrap .cos-cont-wrap .cos-cont > .event-wrap > div > span{ line-height: 17px; font-size: 12px; letter-spacing: -0.24px;}
	.cos-dtl-wrap .cos-cont-wrap .cos-cont > .event-wrap > button{ width: 30px; min-width: 30px; height: 30px; padding: 0; text-indent: -999em; background: url(../../images/sub/btn_more_arrow.svg) no-repeat 50% 50% #fff;}
	.cos-dtl-wrap .cos-cont-wrap .cos-cont .review-td > div{ padding: 20px 15px;}
	.cos-dtl-wrap .cos-cont-wrap .cos-cont .review-td > div > p.name{ font-size: 14px; letter-spacing: -0.28px;}
	.cos-dtl-wrap .cos-cont-wrap .cos-cont .review-td > div > div.sbjct-nm > span{ line-height: 16px; font-size: 13px; letter-spacing: -0.26px;}
	.cos-dtl-wrap .cos-cont-wrap .cos-cont .review-td > div > div.sbjct-nm > p{ line-height: 16px; font-size: 13px; letter-spacing: -0.26px;}
	.cos-dtl-wrap .cos-cont-wrap .cos-cont .review-td > div > p.cont{ line-height: 21px; font-size: 14px; letter-spacing: -0.28px;}
	.cos-dtl-wrap .float-bar{ bottom: 0; border-radius: 0;}
	.cos-dtl-wrap .float-bar > h2{ display: none;}
	.cos-dtl-wrap .float-bar > button.btn-cart{ width: 50px; height: 50px;}
	.cos-dtl-wrap .float-bar > button.btn-default{ width: 100%; height: 50px;}
	
	.sub-content-wrap + .cos-sbjct-wrap{ padding: 40px 20px 80px;}
	.cos-sbjct-wrap .cos-sbjct > h3{ padding-right: 70px; line-height: 28px; font-size: 20px;}
	.cos-sbjct .sbjct-box{ height: 247px; border-radius: 8px;}
	.cos-sbjct .sbjct-box .thumbnail{ height: 95px; border-radius: 8px 8px 0 0;}
	.cos-sbjct .sbjct-box .info-box{ height: 150px; padding: 15px;}
	.cos-sbjct .sbjct-box .info-box > span{ font-size: 11px; letter-spacing: -0.22px;}
	.cos-sbjct .sbjct-box .info-box > h4{ height: 40px; margin: 8px 0 15px; line-height: 20px; font-size: 15px; letter-spacing: -0.3px;}
	.cos-sbjct .sbjct-box .info-box > p{ line-height: 19px; font-size: 16px; letter-spacing: -0.32px;}
	.cos-sbjct-wrap .cos-sbjct .slick-arrow{ top: -48px; width: 32px; height: 32px;}
	.cos-sbjct-wrap .cos-sbjct .slick-arrow.slick-prev{ right: 36px;}
	
	/* 과정상세_신청유형 팝업 */
	.popup-content .apply-type-box{ border-radius: 6px;}
	.popup-content .apply-type-box > h2.type-tit{ padding: 12px 15px; font-size: 16px; letter-spacing: -0.32px; border-radius: 6px;}
	.popup-content .apply-type-box > .type-cont{ padding: 20px 25px; border-radius: 0 0 6px 6px;}
	.popup-content .apply-type-box > .type-cont > h3{ line-height: 26px; font-size: 16px; letter-spacing: -0.32px;}
	.popup-content .apply-type-box > .type-cont > p{ margin-top: 15px; line-height: 26px; font-size: 16px;}
	.popup-content .apply-type-box > .type-cont > span{ line-height: 22px; font-size: 14px;}
	
	/* ------------------------------------------------------- 평생교육바우처 */
	/* 평생교육바우처 > 평생교육바우처안내 */
	.lflng-main-wrap{ gap: 20px; padding: 60px 10px 40px;}
	.lflng-main-wrap > h1{ line-height: 33px; font-size: 24px; letter-spacing: -1.2px;}
	.lflng-main-wrap > h2{ line-height: 22px; font-size: 16px; letter-spacing: -0.8px;}
	.lflng-main-wrap > h2 > i{ line-height: 25px;}
	.lflng-main-wrap > h2 > span{ margin-top: 20px; line-height: 18px; font-size: 14px; letter-spacing: -0.28px;}
	.lflng-main-wrap > img{ width: 180px;}
	.lflng-main-wrap > p{ line-height: 12px; font-size: 10px; letter-spacing: 2.4px;}
	.lflng-mid-wrap{ margin: 32px 0 60px;}
	.lflng-mid-wrap > h2{ line-height: 28px; font-size: 20px; letter-spacing: -1px;}
	.lflng-mid-wrap > ul{ flex-direction: column; gap: 36px; padding: 32px 20px 0; margin-top: 24px; border-top: 1px solid #c5c5c5;}
	.lflng-mid-wrap > ul > li{ gap: 12px; justify-content: center; width: 100%;}
	.lflng-mid-wrap > ul > li.box{ max-width: 100%;}
	.lflng-mid-wrap > ul > li.arrow{ display: none;}
	.lflng-mid-wrap > ul > li > h2{ line-height: 24px; font-size: 20px;}
	.lflng-mid-wrap > ul > li > p{ line-height: 19px; font-size: 16px; letter-spacing: -0.8px;}
	.lflng-mid-wrap > ul > li > p > span{ line-height: 22px; font-size: 18px;}
	.lflng-mid-wrap > ul > li > button{ width: 100%; margin-top: 12px;}
	.lflng-mid-wrap2{ gap: 0; padding: 32px 20px 40px;}
	.lflng-mid-wrap2 > span{ line-height: 12px; font-size: 10px; letter-spacing: 2.1px;}
	.lflng-mid-wrap2 > h2{ margin: 8px 0 12px; line-height: 28px; font-size: 20px; letter-spacing: -1px;}
	.lflng-mid-wrap2 > p{ line-height: 20px; font-size: 14px; letter-spacing: -0.28px;}
	.lflng-mid-wrap2 > p > span{ width: 332px; margin: 0 auto; line-height: 17px; font-size: 12px; letter-spacing: -0.24px; word-break: keep-all;}
	.lflng-mid-wrap2 > span.bar{ margin: 23px auto;}
	.lflng-mid-wrap2 > .white-box{ width: calc(100% - 32px); padding: 24px 20px 32px; margin: 0 16px;}
	.lflng-mid-wrap2 > .white-box > p{ width: 250px; margin: 0 auto; line-height: 22px; font-size: 14px; letter-spacing: -0.28px; word-break: keep-all;}
	.lflng-bot-wrap{ padding: 32px 20px 60px;}
	.lflng-bot-wrap > h2{ line-height: 26px; font-size: 20px; letter-spacing: -1px;}
	.lflng-bot-wrap > ul{ flex-direction: column; width: 100%; margin: 26px 0 12px;}
	.lflng-bot-wrap > ul > li{ gap: 12px; width: 100%; height: auto; padding: 20px 30px 26px;}
	.lflng-bot-wrap > ul > li > img{ width: 40px;}
	.lflng-bot-wrap > ul > li > h3{ line-height: 19px; font-size: 16px;}
	.lflng-bot-wrap > ul > li > p{ line-height: 20px; font-size: 14px; letter-spacing: -0.28px;}
	.lflng-bot-wrap > ul+button{ width: 100%; height: auto; padding: 12px 25px; line-height: 22px; font-size: 16px; letter-spacing: -0.32px;}
	.lflng-bot-wrap > ul+button > strong{ display: block;}
	.lflng-bot-wrap > .caution-box{ width: 100%; margin: 28px auto 0;}
	.lflng-bot-wrap > .caution-box > h3{ font-size: 16px; line-height: 25.6px; letter-spacing: -0.32px; }
	.lflng-bot-wrap > .caution-box > ul > li{ gap: 18px; padding: 20px 10px; flex-direction: column; }
	.lflng-bot-wrap > .caution-box > ul > li .icon-area{ margin-right: auto; width: 70px; height: 70px; }
	.lflng-bot-wrap > .caution-box > ul > li .icon-area::before{ width: 36px; height: 36px; background-image: url('../../images/sub/icon_lflng_noti_mo.png'); background-size: 168px 112px; }
	.lflng-bot-wrap > .caution-box > ul > li:nth-child(3) .icon-area::before{ background-position: -10px -10px; }
	.lflng-bot-wrap > .caution-box > ul > li:nth-child(5) .icon-area::before{ background-position: -66px -10px; }
	.lflng-bot-wrap > .caution-box > ul > li:nth-child(1) .icon-area::before{ background-position: -124px -66px; }
	.lflng-bot-wrap > .caution-box > ul > li:nth-child(4) .icon-area::before{ background-position: -66px -66px; }
	.lflng-bot-wrap > .caution-box > ul > li:nth-child(2) .icon-area::before{ background-position: -122px -10px; }
	.lflng-bot-wrap > .caution-box > ul > li > div{ width: 100%; }
	.lflng-bot-wrap > .caution-box > ul > li > div > p{ font-size: 16px; line-height: 25.6px; }
	.lflng-bot-wrap > .caution-box > ul > li > div > span{ font-size: 14px; line-height: 22.4px; }

    .lflng-cont-box.corpoSys-mid-wrap > .white-box.column .cont p { width: 250px; margin-left: 0;}
    .lflng-cont-box.corpoSys-mid-wrap > .white-box.column .cont > div > div { padding-left: 20px;}
    .lflng-cont-box.corpoSys-mid-wrap > .white-box.column .cont > div > div:after { left: -7px;}
	
	/* ------------------------------------------------------- 기업교육 */
	/* 기업교육 > 기업교육안내 */
	.corpo-main-wrap{ }
	
	/* ------------------------------------------------------- 법정의무교육 */
	/* 법정의무교육 > 법정의무교육안내 */
	.emoji{ width: 20px; height: 20px;}
	.lgl-main-wrap{ padding: 60px 10px 40px;}
	.lgl-main-wrap .lgl-main{ gap: 0;}
	.lgl-main-wrap .lgl-main > h1{ line-height: 28px; font-size: 20px; letter-spacing: -1px;}
	.lgl-main-wrap .lgl-main > h1 > span{ margin-top: 4px; line-height: 28px; font-size: 20px; letter-spacing: -1px;}
	.lgl-main-wrap .lgl-main > p{ margin: 24px 0 16px; line-height: 20px; font-size: 16px; letter-spacing: -0.64px;}
	.lgl-main-wrap .lgl-main > span{ line-height: 17px; font-size: 12px; letter-spacing: -0.24px;}
	.lgl-main-wrap .btn-wrap{ flex-direction: column; gap: 12px; padding: 0 34px; margin: 40px 0;}
	.lgl-main-wrap .btn-wrap > button{ width: 100%;}
	.lgl-main-wrap > p{ line-height: 12px; font-size: 10px; letter-spacing: 2.4px;}
	.lgl-mid-wrap{ margin: 0;}
	.lgl-mid-wrap{ width: 100%; padding: 32px 20px 60px;}
	.lgl-mid-wrap > span.sub-h2{ line-height: 12px; font-size: 10px; letter-spacing: 2.1px;}
	.lgl-mid-wrap > h2{ margin-top: 8px; line-height: 28px; font-size: 20px; letter-spacing: -1px;}
	.lgl-mid-wrap .lgl-edu-list{ gap: 12px; align-items: Center; flex-direction: column; margin: 24px 0;}
	.lgl-mid-wrap .lgl-edu-list .edu-box{ gap: 8px; align-items: center; justify-content: start; width: 100%; max-width: 318px; height: auto; min-height: 142px; padding: 16px 16px 24px;}
	.lgl-mid-wrap .lgl-edu-list .edu-box > img{ width : 36px;}
	.lgl-mid-wrap .lgl-edu-list .edu-box > p{ margin: 8px 0; line-height: 18px; text-align: center; font-size: 15px;}
	.lgl-mid-wrap .lgl-edu-list .edu-box > span{ width: 170px; line-height: 16px; text-align: center; font-size: 13px; word-break: keep-all;}
	.lgl-mid-wrap .lgl-edu-list .edu-box > span > br{ display: none;}
	.lgl-mid-wrap .lgl-event{ padding-top: 0; border-top: none;}
	.lgl-mid-wrap .lgl-event > h2{ margin: 16px 0; line-height: 26px; font-size: 20px; letter-spacing: -1px;}
	.lgl-mid-wrap .lgl-event > h2 > strong{ display: block;}
	.lgl-mid-wrap .lgl-event > p{ line-height: 22px; font-size: 16px; letter-spacing: -0.32px;}
	.lgl-bot-wrap{ padding: 32px 20px 60px;}
	.lgl-bot-wrap > span.sub-h2{ line-height: 12px; font-size: 10px; letter-spacing: 2.1px;}
	.lgl-bot-wrap > h2{ margin-top: 8px; line-height: 28px; font-size: 20px; letter-spacing: -1px;}
	.lgl-bot-wrap > p{ margin-top: 12px; line-height: 18px; font-size: 13px; letter-spacing: -0.26px;}
	.lgl-bot-wrap > .price-wrap{ flex-direction: column; gap: 24px; align-items: center; width: 100%; padding: 0 20px; margin: 24px 0;}
	.lgl-bot-wrap > .price-wrap .edu-box{ width: 100%; max-width: 310px; height: auto; padding: 24px 8px;}
	.lgl-bot-wrap > .price-wrap .edu-box > h3{ padding: 0 0 20px; line-height: 29px; font-size: 18px; letter-spacing: -1.08px;}
	.lgl-bot-wrap > .price-wrap .edu-box > ul{ padding: 11px 20px 15px;}
	.lgl-bot-wrap > .price-wrap .edu-box > ul > li{ padding: 0 9px;}
	.lgl-bot-wrap > .price-wrap .edu-box > ul > li > p{ line-height: 22px; font-size: 14px; font-weight: 700;}
	.lgl-bot-wrap > .price-wrap .edu-box > ul > li > p+p{ font-size: 12px; letter-spacing: -0.72px; font-weight: 400;}
	.lgl-bot-wrap > .price-wrap .edu-box > ul > li .dd-txt{ font-size: 10px; line-height: 12px; letter-spacing: -0.3px; }
	.lgl-bot-wrap > .price-wrap .edu-box > h4{ padding: 16px 0 8px; line-height: 29px; font-size: 18px;}
	.lgl-bot-wrap > .step-wrap{ width: 100%; padding-top: 20px; margin-top: 24px; border-top: none;}
	.lgl-bot-wrap > .step-wrap > h2{ line-height: 28px; font-size: 20px; letter-spacing: -1px;}
	.lgl-bot-wrap > .step-wrap > ul{ flex-direction: column; gap: 12px; margin-top: 24px;}
	.lgl-bot-wrap > .step-wrap > ul > li.step-box{ gap: 8px; height: auto; padding: 16px 16px 24px;}
	.lgl-bot-wrap > .step-wrap > ul > li.step-box > img{ width: 36px;}
	.lgl-bot-wrap > .step-wrap > ul > li.step-box > p{ line-height: 18px; font-size: 15px;}
	.lgl-bot-wrap > .step-wrap > ul > li.step-arrow > img{ transform: rotate(90deg);}
	
	/* faq-list */
	.faq-bg-wrap{ padding: 32px 20px 60px;}
	.faq-wrap{ flex-direction: column; gap: 32px; width: 100%;}
	.faq-wrap > h2{ width: 100%; line-height: 28px; text-align: center; font-size: 20px; letter-spacing: -1px;}
	.faq-wrap > h2 > span{ margin: 0 auto 8px; line-height: 12px; text-align: center; font-size: 10px; letter-spacing: 2.1px;}
	.faq-wrap > .faq-cont{ width: 100%;}
	.faq-list .faq-box .ques{ gap: 12px; padding: 16px 10px;}
	.faq-list .faq-box .ques > h3{ width: calc(100% - 40px); line-height: 20px; font-size: 14px; letter-spacing: -0.28px;}
	.faq-list .faq-box .ques > h3 > span{ margin-right: 4px; font-size: 20px;}
	.faq-list .faq-box .ques > button{ width: 28px; height: 28px; background-size: 60%;}
	.faq-list .faq-box .answr{ width: 100%; padding: 16px 20px; margin: 0;}
	.faq-list .faq-box .answr > span{ display: none;}
	.faq-list .faq-box .answr > p{ width: 100%; line-height: 21px; font-size: 13px; letter-spacing: -0.26px;}
	
	/* 문의 폼 */
	.form-bg-wrap{ padding: 32px 20px 60px;}
	.form-wrap{ flex-direction: column; gap: 32px; width: 100%; align-items: center;}
	.form-wrap > h2{ width: 100%; line-height: 28px; text-align: center; font-size: 20px; letter-spacing: -1px;}
	.form-wrap > h2 > span{ margin: 0 auto 8px; line-height: 12px; text-align: center; font-size: 10px; letter-spacing: 2.1px;}
	.form-wrap > .form-cont{ width: 100%;}
	ul.contact-form > li{ display: flex; flex-direction: column; gap: 8px;}
	ul.contact-form > li > p{ width: 100%; padding: 20px 0 0; line-height: 21px; text-align: left; font-size: 15px;}
	ul.contact-form > li > div{ width: 100%; padding: 0;}
	ul.contact-form > li > div textarea{ height: 240px;}
	.contact-info{ padding: 20px 16px;}
	.contact-info > p{ line-height: 14px; font-size: 12px;}
	.contact-info > ul > li{ line-height: 18px; font-size: 12px;}
	.contact-info > ul > li::before{ content: none;}
	.contact-info + input[type=checkbox]+label{ font-size: 14px;}
	button.btn-contact{ margin-top: 10px;}
	
	.quote-preview-wrap+.btn-wrap > button{ width: 140px;}
		
	/* ------------------------------------------------------- NCS직업교육 */
	/* NCS직업교육 > NCS직업교육 안내 */
	.ncs-main1-wrap{ gap: 0; padding: 60px 20px 40px;}
	.ncs-main1-wrap > h1{ margin-bottom: 4px; line-height: 28px; font-size: 20px; letter-spacing: -1px;}
	.ncs-main1-wrap > h2{ margin-bottom: 24px;}
	.ncs-main1-wrap > h2 > i{ margin-bottom: 24px; line-height: 24px; font-size: 16px; letter-spacing: -0.8px;}
	.ncs-main1-wrap > h2 > span{ width: 180px; margin: 0 auto; line-height: 19px; font-size: 14px; letter-spacing: -0.28px; white-space: pre-line; word-break: keep-all;}
	.ncs-main1-wrap > h2 > span > br{ display: none;}
	.ncs-main1-wrap > span{ margin-bottom: 40px; line-height: 26px; font-size: 16px; letter-spacing: -0.32px;}
	.ncs-main1-wrap > span > strong{ width: 300px; margin: 0 auto; word-break: keep-all;}
	.ncs-main1-wrap > p{ margin: 0; line-height: 12px; font-size: 10px; letter-spacing: 2.4px;}
	.ncs-main2-wrap{ gap: 20px; padding: 52px 20px 40px;}
	.ncs-main2-wrap > h1{ line-height: 29px; font-size: 24px; letter-spacing: -0.96px;}
	.ncs-main2-wrap > h2 > i{ line-height: 24px; font-size: 16px; letter-spacing: -0.32px;}
	.ncs-main2-wrap > span{ line-height: 20px; font-size: 14px; letter-spacing: -0.28px;}
	.ncs-main2-wrap > span > strong{ width: 240px; margin: 0 auto; white-space: pre-line; word-break: keep-all;}
	.ncs-main2-wrap > ul{ gap: 12px 13px; flex-wrap: wrap; width: 326px; padding: 0; margin: 20px auto;}
	.ncs-main2-wrap > ul > li{ gap: 12px; flex: auto; width: 100px; padding: 12px 0;}
	.ncs-main2-wrap > ul > li::after{ content: none;}
	.ncs-main2-wrap > ul > li > img{ width: 40px;}
	.ncs-main2-wrap > ul > li > p{ line-height: 17px; font-size: 14px;}
	.ncs-main2-wrap > p{ line-height: 12px; font-size: 10px; letter-spacing: 2.4px;}
	
	.ncs-main-wrap + ul.tab-border{ gap: 0; height: 49px; padding: 0; border: none; box-sizing: border-box;}
	.ncs-main-wrap + ul.tab-border > li{ width: 50%; padding: 16px 12px; line-height: 17px; font-size: 14px; letter-spacing: -0.28px; background: #d9d9d9;}
	.ncs-main-wrap + ul.tab-border > li.on{ border-top: 3px solid #2b49b6; border-bottom: none; background: #f5f5f5;}
	.ncs-edu-wrap{ padding-top: 32px;}
	.ncs-edu-wrap .edu-list > h2{ display: block; }
	
	.ncs-edu-wrap .edu-list ul{ width: 100%; }
	.ncs-edu-wrap .edu-list.slide .k-tabstrip{ margin: 28px auto 0; border-bottom: none; }
	.ncs-edu-wrap .edu-list.slide .k-tabstrip-top>.k-tabstrip-items-wrapper .k-item.k-state-active{ border: none; }
	.ncs-edu-wrap .edu-list.slide ul{ justify-content: space-between; align-items: center; gap: 8px; width: auto; padding: 0 10px; margin: 0 auto;}
	.ncs-edu-wrap .edu-list.slide ul li{ width: 108px; height: 60px; flex-shrink: 0; }
	.ncs-edu-wrap .edu-list.slide ul li p{ line-height: 17px; font-size: 14px;}
	.ncs-edu-wrap .edu-list.slide ul li:first-child{ background-image: url(../../images/sub/img_ncs1_button1.png);}
	.ncs-edu-wrap .edu-list.slide ul li:nth-child(2){ background-image: url(../../images/sub/img_ncs1_button2.png);}
	.ncs-edu-wrap .edu-list.slide ul li:nth-child(3){ background-image: url(../../images/sub/img_ncs1_button3.png);}
	.ncs-edu-wrap .edu-list.slide ul li:nth-child(4){ background-image: url(../../images/sub/img_ncs1_button4.png);}
	.ncs-edu-wrap .edu-list.slide ul li:last-child{ background-image: url(../../images/sub/img_ncs1_button5.png);}
	.ncs-edu-wrap .edu-list.slide .k-tabstrip .k-tabstrip-items-wrapper span.k-button.k-tabstrip-prev{ background: url("../../images/sub/icon_slide_left_mo.png") no-repeat center center !important; }
	.ncs-edu-wrap .edu-list.slide .k-tabstrip .k-tabstrip-items-wrapper span.k-button.k-tabstrip-next{ background: url("../../images/sub/icon_slide_right_mo.png") no-repeat center center !important; }
	
	.ncs-edu-wrap .edu-list.fixed .k-tabstrip-top>.k-tabstrip-items-wrapper .k-item.k-state-active{ border-bottom: 2px solid #000; border-left: none; border-top: none; border-right: none; }
	.ncs-edu-wrap .edu-list.fixed .k-tabstrip-items .k-link{ height: fit-content !important; padding: 0 15px; }
	.ncs-edu-wrap .edu-list.fixed .k-tabstrip.k-tabstrip-scrollable>.k-tabstrip-items-wrapper.k-hstack>.k-button{ display: none; }
	.ncs-edu-wrap .edu-list.fixed ul{ display: flex; justify-content: center; gap: 8px; width: 100%; padding: 0 10px; margin: 0; background: rgba(0, 0, 0, 0.75);}
	.ncs-edu-wrap .edu-list.fixed ul li{ display: flex; justify-content: center; align-items: center; width: auto; height: 44px; background: none!important;}
	.ncs-edu-wrap .edu-list.fixed ul li p{ line-height: 44px; font-size: 12px; color: rgba(255, 255, 255, 0.51); letter-spacing: -0.24px;}
	.ncs-edu-wrap .edu-list.fixed ul li.on p{ color: #fff; font-weight: bold; }
	.ncs-edu-wrap .edu-bg#eduCont-1{ margin-top: 50px;}
	.ncs-edu-wrap .edu-bg .edu-cont{ flex-direction: column; gap: 16px;}
	.ncs-edu-wrap .edu-bg .edu-cont > img{ order: 1; width: 100%; max-width: 350px; height: auto; margin: 0 auto;}
	.ncs-edu-wrap .edu-bg .edu-cont .cont-box{ order: 2; width: 100%;}
	.ncs-edu-wrap .edu-bg .edu-cont .cont-box > h2{ padding: 2.5px 8px; margin-bottom: 12px; line-height: 24px; font-size: 20px;}
	.ncs-edu-wrap .edu-bg .edu-cont .cont-box > p{ padding: 0 8px; line-height: 25px; font-size: 16px; letter-spacing: -0.32px;}
	.ncs-edu-wrap .edu-bg .edu-cont .cont-box > p > span.dot{ line-height: 22px; font-size: 14px; letter-spacing: -0.28px;}
	.ncs-edu-wrap .edu-bg .edu-cont .cont-box > span{ line-height: 20px; font-size: 14px;}
	.ncs-edu-wrap .edu-bg .edu-cont .cont-box > button{ width: 100%; margin-top: 16px;}
	
	.ncs-check-bg{ padding: 30px 20px 60px;}
	.ncs-check-bg > span.sub-tit{ line-height: 12px; font-size: 10px; letter-spacing: 2.1px;}
	.ncs-check-bg > h2{ margin: 8px 0 0; line-height: 28px; font-size: 20px; letter-spacing: -1px;}
	.ncs-check-bg:nth-of-type(2) > h2{ margin-bottom: 10px; }
	.ncs-check-bg > h2 > span{ margin-bottom: 8px; line-height: 18px; font-size: 12px; letter-spacing: -0.26px;}
	.ncs-check-bg > span.bar{ margin: 24px auto;}
	.ncs-check-bg:first-child > h3{ margin-bottom: 40px;}
	.ncs-check-bg.last > h3{ margin-bottom: 8px; font-size: 14px; line-height: 19.6px; letter-spacing: -0.28px; }
	.ncs-check-bg > h3 > span{ line-height: 22px; font-size: 14px; letter-spacing: -0.28px;}
	.ncs-check-bg > h3 > span > br:not(.etc){ display: none;}
	.ncs-check-bg > img.ncs-check01-img{ width: 100%; max-width: 600px;}
	.ncs-check-bg > h3+i{ margin-top: -32px; line-height: 14px; font-size: 10px; letter-spacing: -0.2px;}
	.ncs-check-bg > p{ margin-top: 40px; line-height: 20px; font-size: 14px; letter-spacing: -0.28px;}
	.ncs-check-bg > ul.img-list{ flex-direction: column; gap: 0;}
	.ncs-check-bg > ul.img-list > li{ width: 100%; padding: 30px 0;}
	.ncs-check-bg > div.rule-wrap{ margin: 40px auto 0;}
	.ncs-check-bg > div.rule-wrap > h4{ line-height: 21px; font-size: 15px; letter-spacing: -0.3px;}
	.ncs-check-bg > div.rule-wrap > ul.rule-list{ flex-direction: column; width: 270px; margin: 20px auto 0;}
	.ncs-check-bg > div.rule-wrap > ul.rule-list > li{ justify-content: center; width: 270px; height: auto; min-height: 120px; padding: 4px 16px 16px; border-radius: 8px;}
	.ncs-check-bg > div.rule-wrap > ul.rule-list > li > img{ width: 36px; margin-bottom: 8px;}
	.ncs-check-bg > div.rule-wrap > ul.rule-list > li > p{ line-height: 18px; font-size: 15px;}
	.ncs-check-bg > div.rule-wrap > ul.rule-list > li > span{ line-height: 16px; font-size: 13px; letter-spacing: -0.65px;}
	.ncs-check-bg > ul.strong-list{ width: 325px; gap: 16px; margin: 32px auto 0;}
	.ncs-check-bg > ul.strong-list > li{ width: 100%; height: auto; min-height: 126px; padding: 12px 20px 20px 20px;}
	.ncs-check-bg > ul.strong-list > li > h3{ padding-bottom: 12px; margin-bottom: 12px; line-height: 22px; text-align: center; font-size: 16px;}
	.ncs-check-bg > ul.strong-list > li > p{ line-height: 22px; text-align: center; font-size: 14px; letter-spacing: -0.28px;}
	.ncs-check-bg > ul.strong-list > li > p::before{ width: 16px; height: 16px; background-size: 100%;}
	.ncs-check-bg > .consult{ flex-direction: column; gap: 12px; margin: 24px auto 0;}
	.ncs-check-bg > .consult > div{ width: 310px; height: auto; min-height: 290px; padding: 40px; margin: 0 auto; border: 1px solid #cbcbcb;}
	.ncs-check-bg > .consult > div > h3{ line-height: 24px; font-size: 20px; letter-spacing: -0.4px;}
	.ncs-check-bg > .consult > div > p{ line-height: 22px; font-size: 14px; color: rgba(0, 0, 0, 0.65); letter-spacing: -0.28px;}
	.ncs-check-bg > table{ width: 100%; margin: 24px 0 0;}
	.ncs-check-bg > table colgroup col:nth-child(1){ width: 23%; }
	.ncs-check-bg > table colgroup col:nth-child(2){ width: 29%; }
	.ncs-check-bg > table colgroup col:nth-child(3){ width: 48%; }
	.ncs-check-bg > table tr th{ height: 50px;}
	.ncs-check-bg > table tr th:first-child{ line-height: 16px; font-size: 13px; font-weight: 500;}
	.ncs-check-bg > table tr th:nth-child(2){ font-size: 14px; font-weight: 500;}
	.ncs-check-bg > table tr th:last-child{ font-size: 14px; font-weight: 700;}
	.ncs-check-bg > table tr td{ height: auto; padding: 20px 10px;}
	.ncs-check-bg > table tr td:first-child{ line-height: 14px; font-size: 12px;}
	.ncs-check-bg > table tr td:nth-child(2){ line-height: 16px; font-size: 13px; letter-spacing: -0.78px; word-break: keep-all;}
	.ncs-check-bg > table tr td > p{ line-height: 20px; font-size: 14px; word-break: keep-all;}
	.ncs-check-bg > table tr td > ul{ flex-direction: column; margin-top: 12px;}
	.ncs-check-bg > table tr td > ul > li{ line-height: 14px; font-size: 12px; letter-spacing: -0.48px;}
	.ncs-check-bg > table tr td > ul.flex-type1{ gap: 8px;}
	.ncs-check-bg > table tr td > ul.flex-type1 > li{ padding: 0; font-weight: 600;}
	.ncs-check-bg > table tr td > ul.flex-type2{ gap: 8px;}
	.ncs-check-bg > table tr td > ul.flex-type2 > li{ padding: 0; font-weight: 600;}
	.ncs-check-bg > table tr td > ul.flex-type3{ gap: 8px;}
	.ncs-check-bg > table tr td > ul.flex-type3 > li{ padding: 0; font-weight: 500; letter-spacing: -0.48px;}
	.ncs-check-bg.review{ padding: 30px 20px;}
	.ncs-check-bg.review > img{ width: 32px; margin: 24px auto 0;}
	.ncs-check-bg.review .review-list{ margin: 24px auto 0;}
	.ncs-check-bg.review .review-list .review-box > h3{ line-height: 17px; font-size: 14px;}
	.ncs-check-bg.review .review-list .review-box > p{ width: 350px; line-height: 22px; font-size: 14px;}
	.ncs-check-bg.ncs-job-wrap{ padding: 30px 20px 30px;}
	.ncs-check-bg.ncs-job-wrap > h2{ line-height: 28px; font-size: 20px; letter-spacing: -1px;}
	.ncs-check-bg.ncs-job-wrap > ul.ncs-job-list{ gap: 8px; padding-bottom: 30px; margin: 24px auto 0;}
	.ncs-check-bg.ncs-job-wrap > ul.ncs-job-list > li{ width: calc(33.33% - 5.33px); height: 140px; padding: 20px 12px;}
	.ncs-check-bg.ncs-job-wrap > ul.ncs-job-list > li > img{ width: 40px; margin-bottom: 4px;}
	.ncs-check-bg.ncs-job-wrap > ul.ncs-job-list > li > p{ line-height: 19px; font-size: 16px;}
	.ncs-check-bg.ncs-job-wrap > ul.ncs-job-list > li > span{ line-height: 17px; font-size: 14px;}
	.btn-wrap.center{ flex-direction: column; gap: 8px; margin-top: 30px;}
	.btn-wrap.center > button{ width: 100%; max-width: 350px; margin: 0 auto;}
	
	/* NCS직업교육 > NCS직무분류 한눈에 보기 */
	.job-clasf-wrap .ncs-banner{ flex-direction: column; gap: 12px;}
	.job-clasf-wrap .ncs-banner > div{ width: 100%; height: auto; padding: 22px 18px; border-radius: 6px;}
	.job-clasf-wrap .ncs-banner > div > p{ line-height: 22px; font-size: 17px; letter-spacing: -0.85px;}
	.job-clasf-wrap .ncs-banner > div > p > a{ line-height: 18px; font-size: 12px; letter-spacing: -0.24px;}
	.job-clasf-wrap .ncs-banner > div > span{ width: 60px; height: 60px; background-size: 40%;}
	
	.rcmd-list-wrap > h3{ line-height: 32px; font-size: 20px; letter-spacing: -0.4px;}
	.rcmd-list-wrap > h3 > button{ height: 32px;}
	.rcmd-list-wrap ul.rcmd-list{ gap: 20px 15px;}
	.rcmd-list-wrap ul.rcmd-list > li{ width: calc(25% - 12px); /*height: 209px;*/}
	.rcmd-list-wrap ul.rcmd-list > li .thumbnail{ height: 94px;}
	.rcmd-list-wrap ul.rcmd-list > li .info{ height: 113px; padding: 15px;}
	.rcmd-list-wrap ul.rcmd-list > li .info > span{ line-height: 14px; font-size: 11px; letter-spacing: -0.22px;}
	.rcmd-list-wrap ul.rcmd-list > li .info > h4{ height: 40px; line-height: 20px; font-size: 15px; letter-spacing: -0.3px;}
	.rcmd-list-wrap ul.rcmd-list > li .info > p.price{ line-height: 19px; font-size: 16px; letter-spacing: -0.32px;}
	
	.job-clasf-wrap > h3.list-sub-tit{ line-height: 32px; font-size: 20px; letter-spacing: -0.4px;}
	.job-clasf-wrap > h3.list-sub-tit > span{ line-height: 14px; font-size: 12px; letter-spacing: -0.24px;}
	.job-clasf-wrap .clasf-wrap .clasf-box > h4{ padding: 15px; line-height: 22px; font-size: 18px; letter-spacing: -0.36px;}
	.job-clasf-wrap .clasf-wrap .clasf-box > ul{ gap: 0; max-height: 251px; padding: 0; overflow-y: auto;}
	.job-clasf-wrap .clasf-wrap .clasf-box > ul > li{ width: 33.33%; padding: 16px 15px; line-height: 18px; font-size: 14px; letter-spacing: -0.28px;}
	
	.pckg-list{ height: auto;}
	.pckg-list .slick-arrow{ top: -77px;}
	.pckg-list .lctr-list{ height: auto;}
	.pckg-list .lctr-list .slick-list{ margin: 0 -10px;}
	.pckg-list .lctr-list li.slick-slide{ margin: 0 10px;}
	
	/* ------------------------------------------------------- 자격증 */
	/* 자격증 > 전체보기 */
	.cert-wrap .filter-wrap .tab-box ul.tab-border > li{ width: 50%; padding: 19px 10px; line-height: 17px; font-size: 14px;}
	.cert-wrap .filter-wrap .filter-box > ul > li > ul.check-list{ flex-wrap: wrap; gap: 0 20px;}
	/* 자격증 > 시험일정 */
	.cert-exam-wrap .search-wrap.ver2 .search-box .k-dropdown.dropdownlist{ width: 150px;}
	.cert-exam-wrap .search-wrap.ver2 .search-box .input-box{ width: calc(100% - 158px);}
	.brd-mn .cert-exam-wrap .k-grid.grid-default tr{ display: flex; gap: 6px; flex-direction: column;}
	.cert-exam-wrap .k-grid.grid-default td.brd-tit{ width: 100%; margin-bottom: 10px; order: 1;}
	.cert-exam-wrap .k-grid.grid-default td.cert-nm{ order: 2;}
	.cert-exam-wrap .k-grid.grid-default td.cert-dt{ order: 3;}
	.cert-exam-wrap .k-grid.grid-default td.cert-brd-info{ width: 100%;}
	.cert-exam-wrap .k-grid.grid-default td.cert-brd-info .ver-mb > span{ display: inline-block; float: left; width: 110px; line-height: 16px; text-align: left; font-size: 13px; color: #6c757d; font-weight: 400; letter-spacing: -0.26px;}
	.cert-exam-wrap .k-grid.grid-default td.cert-brd-info .ver-mb > p{ display: inline-block; float: left; width: calc(100% - 110px); line-height: 16px; text-align: left; font-size: 13px; color: #343a40; font-weight: 400; letter-spacing: -0.26px;}
	.cert-exam-wrap .k-grid.grid-default td .ver-pc{ display: none;}
	.cert-exam-wrap .k-grid.grid-default td .ver-mb{ display: block!important;}
	.cert-exam-wrap .k-grid.grid-default td.brd-view{ display: none;}
	
	/* 자격증 > 자격증 정보 */
	.cert-info-wrap .search-wrap.ver2 .search-box .k-dropdown.dropdownlist{ width: 150px;}
	.cert-info-wrap .search-wrap.ver2 .search-box .input-box{ width: calc(100% - 158px);}
	.brd-mn .cert-info-wrap .k-grid.grid-default tr{ display: flex; gap: 6px; flex-direction: column;}
	.cert-info-wrap .k-grid.grid-default td.brd-tit{ width: 100%; margin-bottom: 10px; order: 1;}
	.cert-info-wrap .k-grid.grid-default td.cert-nm{ order: 2;}
	.cert-info-wrap .k-grid.grid-default td.cert-dt{ order: 3;}
	.cert-info-wrap .k-grid.grid-default td.cert-brd-info{ width: 100%;}
	.cert-info-wrap .k-grid.grid-default td.cert-brd-info .ver-mb > span{ display: inline-block; float: left; width: 110px; line-height: 16px; text-align: left; font-size: 13px; color: #6c757d; font-weight: 400; letter-spacing: -0.26px;}
	.cert-info-wrap .k-grid.grid-default td.cert-brd-info .ver-mb > p{ display: inline-block; float: left; width: calc(100% - 110px); line-height: 16px; text-align: left; font-size: 13px; color: #343a40; font-weight: 400; letter-spacing: -0.26px;}
	.cert-info-wrap .k-grid.grid-default td .ver-pc{ display: none;}
	.cert-info-wrap .k-grid.grid-default td .ver-mb{ display: block!important;}
	.cert-info-wrap .k-grid.grid-default td.brd-view{ display: none;}
	
	/* ------------------------------------------------------- 마이페이지 */
	/* 마이페이지 > 나의강의실 */
	.mypg-class-wrap .tab-content{ padding-top: 25px;}
	.mypg-wrap .about-class .manual{ flex-direction: column; gap: 12px; align-items: start;}
	.mypg-wrap .about-class .manual > button{ min-width: auto; height: auto; padding: 0; margin-left: 0; text-decoration: underline; border: none; background-color: transparent;}
	.mypg-wrap .about-class span.bar{ margin: 20px 0;}
	.mypg-wrap .about-class .customer{ margin-bottom: 25px;}
	.mypg-wrap .about-class .customer > i{ width: 28px; height: 28px; margin-right: 15px;}
	.mypg-wrap .about-class .customer > p{ line-height: 29px; font-size: 18px;}
	.mypg-wrap .about-class .customer > p > strong{ margin-left: 10px;}
	.mypg-wrap .about-class .customer > p > span{ display: block; margin-left: 0; line-height: 22px; font-size: 13px;}
	.mypg-wrap .tab-content > h2{ margin-top: 40px; margin-bottom: 15px; line-height: 32px; font-size: 20px; letter-spacing: -0.4px;}
	.mypg-class-wrap td.class-td .class-ing-box{ }
	.mypg-class-wrap td.class-td .class-ing-box .class-info-top{ position: relative; width: 100%;}
	.mypg-class-wrap td.class-td .class-ing-box .class-info-top .left{ position: absolute; top: 0; left: 0; width: 130px;}
	.mypg-class-wrap td.class-td .class-ing-box .class-info-top .left .thumbnail{ width: 130px; height: 72px;}
	.mypg-class-wrap td.class-td .class-ing-box .class-info-top .left > button{ display: none;}
	.mypg-class-wrap td.class-td .class-ing-box .class-info-bot .right{ width: 100%;}
	.mypg-class-wrap td.class-td .class-ing-box .class-info-top .right > h3{ height: 72px; padding-left: 0; margin-bottom: 16px; line-height: 22px; font-size: 16px; letter-spacing: -0.32px; box-sizing: border-box;}
	.mypg-class-wrap td.class-td .class-ing-box .class-info-top .right > h3 > span{ float: none; display: block; width: fit-content; height: 18px; padding: 3px 6px; margin: 0 0 12px 145px; line-height: 12px; font-size: 10px;}
	.mypg-class-wrap td.class-td .class-ing-box .class-info-top .right > h3 > p{ width: 100%; height: 44px; padding-left: 145px; line-height: 22px; font-size: 16px; letter-spacing: -0.32px; overflow: hidden; text-overflow: ellipsis; display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical; word-wrap:break-word; white-space: normal; box-sizing: border-box;}
	.mypg-class-wrap td.class-td .class-ing-box .class-info-top .right > ul{ flex-direction: column; gap: 10px;}
	.mypg-class-wrap td.class-td .class-ing-box .class-info-top .right > ul > li{ gap: 20px; padding: 0;}
	.mypg-class-wrap td.class-td .class-ing-box .class-info-top .right > ul > li > span{ width: 90px; line-height: 18px; font-size: 14px; letter-spacing: -0.28px;}
	.mypg-class-wrap td.class-td .class-ing-box .class-info-top .right > ul > li > div{ width: calc(100% - 110px);}
	.mypg-class-wrap td.class-td .class-ing-box .class-info-top .right > ul > li > div > p{ line-height: 18px; font-size: 14px; letter-spacing: -0.28px; color: #343a40;}
	.mypg-class-wrap td.class-td .class-ing-box .class-info-top .right > ul > li > div.rate-box > div{ display: none;}
	.mypg-class-wrap td.class-td .class-ing-box .class-info-top .right > ul > li > div button.btn-review{ width: auto; min-width: auto; height: 34px; font-size: 12px;}
	.mypg-class-wrap td.class-td .class-ing-box .class-info-top .right > ul > li.btn-std-pg{ display: flex;}
	.mypg-class-wrap td.class-td .class-ing-box .class-info-top .right > ul > li.btn-std-pg > button{ width: 100%;}
	.mypg-class-wrap td.class-td .class-ing-box .class-info-bot{ display: none;}
	
	/* 마이페이지 > 나의강의실 [수강중인강의] */
	.mypg-class-wrap td.class-td .class-wait-box{ gap: 16px; flex-direction: column;}
	.mypg-class-wrap td.class-td .class-wait-box .info{ gap: 16px; width: 100%;}
	.mypg-class-wrap td.class-td .class-wait-box .info > h3{ display: flex; flex-direction: column; gap: 12px; line-height: 21px; font-size: 16px; letter-spacing: -0.32px; overflow: hidden; text-overflow: ellipsis; white-space: normal;}
	.mypg-class-wrap td.class-td .class-wait-box .info > h3 > span{ display: block; width: 38px; height: 18px; padding: 3px 6px; margin: 0; line-height: 12px; font-size: 10px; border-radius: 3px;}
	.mypg-class-wrap td.class-td .class-wait-box .info > ul{ display: flex; gap: 10px; flex-direction: column;}
	.mypg-class-wrap td.class-td .class-wait-box .info > ul > li{ gap: 20px; margin: 0;}
	.mypg-class-wrap td.class-td .class-wait-box .info > ul > li::after{ content: none;}
	.mypg-class-wrap td.class-td .class-wait-box .info > ul > li > span{ width: 90px; line-height: 18px; font-size: 14px; letter-spacing: -0.28px;}
	.mypg-class-wrap td.class-td .class-wait-box .info > ul > li > p{ width: calc(100% - 110px); line-height: 18px; text-align: left; font-size: 14px; letter-spacing: -0.28px;}
	.mypg-class-wrap td.class-td .class-wait-box .button{ width: 100%;}
	.mypg-class-wrap td.class-td .class-wait-box .button > button{ width: 100%;}
	
	.mypg-class-wrap .k-grid.grid-template#classIngGrid > table colgroup{ display: none;}
	.mypg-class-wrap .k-grid.grid-template tr td.class-td{ width: 100%;}
	.mypg-class-wrap td.class-td .class-ing-box .class-info-top .right{ width: 100%;}
	.mypg-class-wrap td.class-td .class-ing-box .class-info-top .right > h3{ padding-left: 0; box-sizing: border-box;}
	
	/* 마이페이지 > 나의강의실 [복습중인 강의, 수강이력] */
	.mypg-wrap .search-wrap ul.filter{ width: 100%; margin-bottom: 10px;}
	.mypg-wrap .search-wrap ul.filter > li{ flex: 1; height: 44px;}
	.mypg-wrap .search-wrap ul.filter > li > input[type=radio] + label{ font-size: 14px; letter-spacing: -0.28px;}
	.mypg-wrap .search-wrap ul.input-list{ width: 100%;}
	.mypg-wrap .search-wrap ul.input-list > li:first-child{ width: calc(50% - 10px);}
	.mypg-wrap .search-wrap ul.input-list > li:nth-child(3){ width: calc(50% - 10px);}
	.mypg-wrap .search-wrap ul.input-list > li span.k-datepicker.datepicker{ width: 100%!important; height: 40px; padding: 10px 15px;}
	.mypg-wrap .search-wrap ul.input-list > li button.btn-default{ width: 80px; min-width: 80px; height: 40px;}
	.mypg-wrap .search-wrap ul.input-list > li button.btn-default > span{ display: none;}
	.mypg-class-wrap .k-grid.grid-template tr td.class-td{ padding: 25px 5px;}
	.mypg-class-wrap td.class-td .class-box{ position: relative; display: inline-block;}
	.mypg-class-wrap td.class-td .class-box .info{ gap: 0; width: 100%;}
	.mypg-class-wrap td.class-td .class-box .info > h3{ margin-bottom: 16px; line-height: 21px; font-size: 16px; letter-spacing: -0.32px;}
	.mypg-class-wrap td.class-td .class-box .info > h3 > span{ float: none; display: block; width: fit-content; height: 18px; padding: 3px 6px; margin: 0 0 12px; line-height: 12px; font-size: 10px;}
	.mypg-class-wrap td.class-td .class-box .info > ul{ gap: 10px;}
	.mypg-class-wrap td.class-td .class-box .info > ul > li > span{ width: 110px; font-size: 14px; letter-spacing: -0.28px;}
	.mypg-class-wrap td.class-td .class-box .info > ul > li > p{ width: clac(100% - 110px); font-size: 14px; color: #343a40; letter-spacing: -0.28px;}
	.mypg-class-wrap td.class-td .class-box .button{ width: 100%;}
	.mypg-class-wrap td.class-td .class-box .button .ver-pc{ display: none;}
	.mypg-class-wrap td.class-td .class-box .button .ver-mb{ display: flex; width: 100%; margin-top: 10px;}
	.mypg-class-wrap td.class-td .class-box .button .ver-mb > span{ display: block; width: 110px; line-height: 18px; font-size: 14px; color: #6c757d; letter-spacing: -0.28px;}
	.mypg-class-wrap td.class-td .class-box .button .ver-mb > span+span{ width: calc(100% - 110px); color: #343a40;}
	.mypg-class-wrap td.class-td .class-box .button .ver-mb > span strong{ font-weight: 700;}
	.mypg-class-wrap td.class-td ul.button{ margin-top: 16px;}
	.mypg-class-wrap td.class-td ul.button > li{ width: 100%;}
	.mypg-class-wrap td.class-td ul.button > li > button{ width: 100%;}
	
	/* 진도현황 확인서 팝업 */
	
	/* 학습후기 팝업 */
	.layer-popup .review-banner{ flex-direction: column;}
	
	/* 마이페이지 > 문의함 */
	.mypg-inqr-wrap .tab-content{ padding-top: 25px;}
	.mypg-inqr-wrap .search-wrap{ margin-bottom: 15px;}
	.mypg-inqr-wrap .search-wrap > button{ display: none;}
	.mypg-inqr-wrap .k-grid.grid-default colgroup{ display: none;}
	.mypg-inqr-wrap .k-grid.grid-default .k-grid-header{ display: none;}
	.mypg-inqr-wrap .k-grid.grid-default tr{ position: relative; display: flex; flex-direction: column; width: 100%; padding: 24px 10px; border-bottom: 1px solid #eee; box-sizing: border-box; box-shadow: none;}
	.mypg-inqr-wrap .k-grid.grid-default tr td{ float: left; display: inline-block; width: 100%; padding: 0; border: none;}
	.mypg-inqr-wrap .k-grid.grid-default tr td.inqr-select{ display: none;}
	.mypg-inqr-wrap .k-grid.grid-default tr td.inqr-tit{ order: 2; margin: 12px 0 16px; line-height: 22px; font-size: 16px; color: #212529; font-weight: 500; letter-spacing: -0.32px;}
	.mypg-inqr-wrap .k-grid.grid-default tr td.inqr-date{ order: 3; line-height: 19px; text-align: left!important; font-size: 13px; color: #6c757d; font-weight: 400; letter-spacing: -0.26px;}
	.mypg-inqr-wrap .k-grid.grid-default tr td.inqr-state{ order: 1; line-height: 13px; text-align: left!important; font-size: 13px; color: #001f90; font-weight: 500; letter-spacing: -0.26px;}
	.mypg-inqr-wrap .k-grid.grid-default + .btn-wrap{ display: flex!important;}
	.mypg-inqr-wrap .k-grid.grid-default + .btn-wrap > button{ width: 80px; min-width: 80px; height: 40px; padding: 0; line-height: 17px; font-size: 14px; font-weight: 500;}
	
	.mypg-inqr-wrap.brd-dtl .tit{ padding: 10px 10px 25px;}
	.mypg-inqr-wrap.brd-dtl .tit > div{ width: 100%;}
	.mypg-inqr-wrap.brd-dtl .tit > div > span{ margin-bottom: 10px; line-height: 13px; font-size: 13px; letter-spacing: -0.26px;}
	.mypg-inqr-wrap.brd-dtl .tit > div > h2{ line-height: 28px; font-size: 20px; letter-spacing: -0.4px;}
	.mypg-inqr-wrap.brd-dtl .tit > div > ul{ margin-top: 15px;}
	.mypg-inqr-wrap.brd-dtl .tit > div > ul > li{ line-height: 13px; font-size: 13px; letter-spacing: -0.26px;}
	.mypg-inqr-wrap.brd-dtl .tit > div > ul > li:last-child::before{ height: 13px; background: #ced4da;}
	.mypg-inqr-wrap.brd-dtl .tit > p{ width: 100%; margin-left: 0; line-height: 18px; font-size: 13px; letter-spacing: -0.26px;}
	
	.mypg-inqr-wrap.brd-dtl .answer-wrap .tit{ padding: 25px 10px;}
	.mypg-inqr-wrap.brd-dtl .answer-wrap .tit > h2{}
	.mypg-inqr-wrap.brd-dtl .answer-wrap .tit > h2 > span{ display: block; margin: 0;}
	
	/* 마이페이지 > 주문결제내역 */
	.sub-content.mypg-pymt-wrap .info-wrap{ margin-bottom: 10px;}
	.sub-content.mypg-pymt-wrap .info-wrap .info-box > h4{ padding-right: 100px;}
	.sub-content.mypg-pymt-wrap .info-wrap .info-box > button{ top: 0; right: 0; min-width: auto; height: 34px; padding: 0; line-height: 17px; font-size: 13px; color: #343a40; text-decoration: underline; border: none; background: transparent;}
	.sub-content.mypg-pymt-wrap .info-wrap .info-box > button::after{ display: inline-block; content: ''; width: 14px; height: 14px; vertical-align: middle; margin-left: 4px; background: url(../../images/sub/btn_arrow14.png) no-repeat 50% 50%;}
	.mypg-pymt-wrap .pymt-cnt-wrap{ gap: 20px; padding: 12px 15px; margin-bottom: 10px; border-radius: 4px;}
	.mypg-pymt-wrap .pymt-cnt-wrap > h3{ line-height: 24px; font-size: 16px; letter-spacing: -0.32px;}
	.mypg-pymt-wrap .pymt-cnt-wrap > p{ line-height: 24px; font-size: 16px; letter-spacing: -0.32px;}
	.mypg-pymt-wrap .pymt-cnt-wrap > p > span{ font-size: 20px; letter-spacing: -0.4px;}
	.mypg-pymt-wrap .pymt-cnt-wrap > button{ min-width: 94px; height: 40px;}
	.mypg-pymt-wrap .k-grid.grid-template tr td.pymt-td{ padding: 25px 5px;}
	.mypg-pymt-wrap td.pymt-td .pymt-box{ flex-direction: column; gap: 0;}
	.mypg-pymt-wrap td.pymt-td .pymt-box .cos-info{ width: 100%; margin-bottom: 16px; text-align: left;}
	.mypg-pymt-wrap td.pymt-td .pymt-box .cos-info > h3{ width: 100%; margin-bottom: 16px; line-height: 21px; font-size: 16px; letter-spacing: -0.32px;}
	.mypg-pymt-wrap td.pymt-td .pymt-box .cos-info > h3 > span{ float: none; display: block; width: fit-content; height: 18px; padding: 3px 6px; margin-right: 0; margin-bottom: 12px; line-height: 12px; font-size: 10px;}
	.mypg-pymt-wrap td.pymt-td .pymt-box .cos-info > p{ margin-top: 16px; line-height: 19px; font-size: 13px; letter-spacing: -0.26px;}
	.mypg-pymt-wrap td.pymt-td .pymt-box .stts{ width: 100%;}
	.mypg-pymt-wrap td.pymt-td .pymt-box .stts > .ver-pc{ display: none;}
	.mypg-pymt-wrap td.pymt-td .pymt-box .stts > .ver-mb{ display: block!important;}
	.mypg-pymt-wrap td.pymt-td .pymt-box .stts > p{ width: 100%; line-height: 18px; text-align: left; font-size: 14px; letter-spacing: -0.28px;}
	.mypg-pymt-wrap td.pymt-td .pymt-box .stts > p > span{ display: inline-block; width: 110px; color: #6c757d;}
	.mypg-pymt-wrap td.pymt-td .pymt-box .price{ width: 100%; margin: 10px 0 16px;}
	.mypg-pymt-wrap td.pymt-td .pymt-box .price .ver-pc{ display: none;}
	.mypg-pymt-wrap td.pymt-td .pymt-box .price .ver-mb{ display: block!important;}
	.mypg-pymt-wrap td.pymt-td .pymt-box .price > p{ width: 100%; line-height: 18px; font-size: 14px; letter-spacing: -0.28px; text-align: left; color: #212529;}
	.mypg-pymt-wrap td.pymt-td .pymt-box .price > p > span{ display: inline-block; width: 110px; color: #6c757d;}
	.mypg-pymt-wrap td.pymt-td .pymt-box .price > p > i{ font-style: normal; color: #343a40;}
	.mypg-pymt-wrap td.pymt-td .pymt-box .button{ width: 100%;}
	
	/* 교육비 환불규정 팝업 */
	
	/* 마이페이지 > 쿠폰함 */
	.mypg-cpn-wrap .tab-content{ padding-top: 25px;}
	.mypg-cpn-wrap .k-grid.grid-template tr td.coupon-td{ padding: 25px 5px;}
	.mypg-cpn-wrap td.coupon-td .coupon-box{ flex-direction: column; gap: 16px;}
	.mypg-cpn-wrap td.coupon-td .coupon-box .info{ width: 100%; margin-right: 0;}
	.mypg-cpn-wrap td.coupon-td .coupon-box .info > span{ margin-bottom: 12px; line-height: 13px; font-size: 13px; letter-spacing: -0.26px;}
	.mypg-cpn-wrap td.coupon-td .coupon-box .info > h3{ display: flex; gap: 10px; margin-bottom: 16px; line-height: 21px; font-size: 16px; letter-spacing: -0.32px; overflow: hidden; text-overflow: ellipsis; white-space: nowrap;}
	.mypg-cpn-wrap td.coupon-td .coupon-box .info > h3 > span{ margin: 0; font-size: 13px; letter-spacing: -0.26px;}
	.mypg-cpn-wrap td.coupon-td .coupon-box .info > p{ font-size: 13px; letter-spacing: -0.26px;}
	.mypg-cpn-wrap td.coupon-td .coupon-box .stts{ width: 100%;}
	.mypg-cpn-wrap td.coupon-td .coupon-box .stts > p{ text-align: left; font-size: 14px; letter-spacing: -0.28px;}
	.mypg-cpn-wrap td.coupon-td .coupon-box .button{ width: 100%;}
	
	/* 마이페이지 > 담은강의 */
	.basket-lctr-wrap .basket-list .lctr-box{ position: relative; align-items: start; flex-wrap: wrap; gap: 15px; height: 230px; padding: 30px 5px;}
	.basket-lctr-wrap .basket-list .lctr-box input[type=checkbox] + label{ height: 72px; padding-left: 0; z-index: 11;}
	.basket-lctr-wrap .basket-list .lctr-box .thumbnail{ width: 130px; height: 72px; z-index: 10;}
	.basket-lctr-wrap .basket-list .lctr-box .lctr-info{ position: absolute; top: 30px; left: 0; gap: 16px; width: 100%; padding: 0; padding-left: 40px; z-index: 9;}
	.basket-lctr-wrap .basket-list .lctr-box .lctr-info > h3{ height: 72px; padding: 15px 0 15px 145px; line-height: 21px; font-size: 16px; letter-spacing: -0.32px;}
	.basket-lctr-wrap .basket-list .lctr-box .lctr-info > ul{ display: flex; flex-direction: column; gap: 11px;}
	.basket-lctr-wrap .basket-list .lctr-box .lctr-info > ul > li{ display: flex; padding: 0; margin: 0;}
	.basket-lctr-wrap .basket-list .lctr-box .lctr-info > ul > li > span{ width: 115px;}
	.basket-lctr-wrap .basket-list .lctr-box .lctr-info > ul > li > p{ width: calc(100% - 115px); line-height: 18px; font-size: 14px; color: #343a40; letter-spacing: -0.28px;}
	.basket-lctr-wrap .btn-wrap > button{ width: 100%;}
	
	/* 마이페이지 > 회원정보수정 */
	.modify-info .tab-content h3.sub-h3{ line-height: 32px; font-size: 20px; letter-spacing: -0.4px;}
	.modify-info .tab-content ul.modify-list > li{ flex-direction: column; gap: 10px; width: 100%; padding: 18px 10px; box-sizing: border-box;}
	.modify-info .tab-content ul.modify-list > li > p{ width: 100%; padding: 0; line-height: 22px; font-size: 16px; letter-spacing: -0.32px;}
	.modify-info .tab-content ul.modify-list > li > div{ width: 100%; padding: 0;}
	.modify-info .tab-content ul.modify-list > li > div{ padding-top: 4px;}
	.modify-info .tab-content ul.modify-list > li > div > p{ padding: 5px 0 9px; line-height: 22px; font-size: 16px; letter-spacing: -0.32px;}
	.modify-info .tab-content ul.modify-list > li > div > span.alert-text{ margin-top: 8px;}
	.modify-info .tab-content ul.modify-list > li > div > span.caution-text{ margin-top: 8px;}
	.modify-info .tab-content ul.modify-list.sns > li > div{ gap: 8px; flex-wrap: wrap; padding-top: 0;}
	.modify-info .tab-content ul.modify-list.sns > li > div > img{ width: 20px;}
	.modify-info .tab-content ul.modify-list.sns > li > div > p{ width: calc(100% - 188px); padding: 0; line-height: 22px; font-size: 16px; letter-spacing: -0.32px;}
	.modify-info .tab-content ul.modify-list.sns > li > div > span{ width: 150px; margin-left: auto;}
	.modify-info .tab-content ul.modify-list.sns > li > div > button{ width: 100%; height: 40px; border-radius: 6px; font-size: 14px; letter-spacing: -0.28px;}
	.modify-info .tab-content#tabCont3 ul.modify-list > li > p{ width: 100%;}
	.modify-info .tab-content#tabCont3 ul.modify-list > li > div{ width: 100%;}
	.modify-info .tab-content .info-box{ padding: 18px 20px; border-radius: 0;}
	.modify-info .tab-content .info-box > h4{ margin-bottom: 6px; line-height: 26px; font-size: 16px;}
	.modify-info .tab-content .info-box > p{ flex-wrap: wrap; line-height: 24px; font-size: 14px;}
	.modify-info .tab-content .info-box > p::before{ line-height: 24px; font-size: 14px;}
	.modify-info .tab-content .btn-wrap > button.btn-wtdw{ width: auto; min-width: auto; height: auto; padding: 0; line-height: 20px; font-size: 13px; letter-spacing: -0.26px; border: none; background: transparent;}
	.modify-info .tab-content .btn-wrap > button.btn-fill{ width: 100%; margin-top: 40px;}
	
	/* 결제하기 */
	.apply-pymt-wrap h3{ line-height: 32px; font-size: 20px; letter-spacing: -0.4px;}
	.apply-pymt-wrap .class-apply-info{ padding: 20px 15px; line-height: 24px; font-size: 16px; letter-spacing: -0.32px;}
	.apply-pymt-wrap .class-apply-info::before{ width: 16px; height: 16px; margin-right: 6px;}
	.apply-pymt-wrap .sub-content ul.input-form-det > li{ flex-direction: column; gap: 10px; padding: 18px 10px;}
	.apply-pymt-wrap .sub-content ul.input-form-det > li > p{ width: 100%; padding: 0; line-height: 22px; font-size: 16px; letter-spacing: -0.32px;}
	.apply-pymt-wrap .sub-content ul.input-form-det > li > div{ width: 100%; padding: 0; line-height: 22px; font-size: 16px; letter-spacing: -0.32px;}
	.apply-pymt-wrap .sub-content ul.input-form-det > li > div > p{ padding: 9px 0;}
	.apply-pymt-wrap .agree-wrap{ margin-top: 40px;}
	.apply-pymt-wrap .agree-wrap > h4{ padding: 16px 10px; line-height: 32px; font-size: 16px; letter-spacing: -0.32px;}
	.apply-pymt-wrap .agree-wrap .check-box-wrap{ padding: 20px 10px;}
	.apply-pymt-wrap h3+ul.radio-list > li input[type="radio"].radio + label{ line-height: 32px;}
	.apply-pymt-wrap .pymt-info-wrap > p{ margin-bottom: 9px;}
	.apply-pymt-wrap .pymt-info-wrap > p > span{ line-height: 18px; font-size: 14px; letter-spacing: -0.28px;}
	.apply-pymt-wrap .pymt-info-wrap > p.total{ margin-top: 15px; padding-top: 15px;}
	.apply-pymt-wrap .pymt-info-wrap > p > span{ margin-left: 0; line-height: 18px; font-size: 14px; letter-spacing: -0.28px;}
	.apply-pymt-wrap .pymt-info-wrap > p.total > span.price{ line-height: 20px; font-size: 18px; letter-spacing: -0.36px;}
	.apply-pymt-wrap .pymt-info-wrap > p.total > span.price > strong{ line-height: 29px; font-size: 24px;}
	.apply-pymt-wrap .pymt-how-wrap > h3{ margin-top: 18px; margin-bottom: 6px;}
	
	/* ------------------------------------------------------- 고객센터 */
	/* 게시판 > 목록 */
	.brd-mn .k-grid.grid-default colgroup{ display: none;}
	.brd-mn .k-grid.grid-default .k-grid-header{ display: none;}
	.brd-mn .k-grid.grid-default tr{ position: relative;display: inline-block; width: 100%; padding: 24px 10px; border-bottom: 1px solid #eee; box-sizing: border-box; box-shadow: none;}
	.brd-mn .k-grid.grid-default tr td{ float: left; display: inline-block; padding: 0; border: none;}
	.brd-mn .k-grid.grid-default tr td.brd-num{ display: none;}
	.brd-mn .k-grid.grid-default tr td.brd-tit{ width: 100%; margin-bottom: 15px;}
	.brd-mn .k-grid.grid-default tr td.brd-tit a{ line-height: 22px; font-size: 16px; letter-spacing: -0.32px;}
	.brd-mn .k-grid.grid-default tr td.brd-info{ margin-right: 10px; line-height: 19px; font-size: 13px; color: #6c757d; font-weight: 400;}
	.brd-mn .k-grid.grid-default tr td.brd-info::after{ display: inline-block; content: ''; width: 1px; height: 12px; vertical-align: middle; margin-left: 10px; background: #dee2e6;}
	.brd-mn .k-grid.grid-default tr td.brd-info:last-child{ margin-right: 0;}
	.brd-mn .k-grid.grid-default tr td.brd-info:last-child::after{ content: none;}
	.brd-mn .k-grid.grid-default tr td.brd-nm{ width: auto;}
	.brd-mn .k-grid.grid-default tr td.brd-dt{ width: auto;}
	
	/* 게시판 > 상세 */
	.brd-dtl{ margin-bottom: 80px;}
	.brd-dtl .tit{ flex-direction: column; align-items: start; gap: 15px; padding: 10px 10px 25px;}
	.brd-dtl .tit > h2{ width: 100%; line-height: 28px; font-size: 20px; letter-spacing: -0.4px;}
	.brd-dtl .tit > h2 > button{ width: 30px; height: 30px; margin-left: 10px; background-size: 50%;}
	.brd-dtl .tit > p{ line-height: 18px; text-align: left; font-size: 13px; letter-spacing: -0.26px;}
	.brd-dtl .tit > .share-tooltip{ top: 55px;}
	.brd-dtl .tit > .share-tooltip > h3{ padding: 15px 12px;}
	.brd-dtl .cont{ padding: 40px 10px;}
	.brd-dtl ul.file-list{ gap: 0; padding: 18px 10px;}
	.brd-dtl ul.file-list > li{ padding: 4px 0;}
	.brd-dtl ul.file-list > li > a{ padding-left: 22px; line-height: 17px; font-size: 13px; letter-spacing: -0.26px;}
	.brd-dtl .dtl-btn-wrap{ margin-top: 20px;}
	.brd-dtl ul.brd-list{ margin-top: 35px;}
	.brd-dtl ul.brd-list > li{ height: 58px;}
	.brd-dtl ul.brd-list > li > p{ gap: 8px; width: 100px; padding: 20px 13px; line-height: 18px; font-size: 14px; letter-spacing: -0.28px;}
	.brd-dtl ul.brd-list > li > p > i{ width: 18px; height: 18px; background-size: 100%;}
	.brd-dtl ul.brd-list > li > div{ gap: 0; width: calc(100% - 100px); padding: 15px;}
	.brd-dtl ul.brd-list > li > div > p{ width: calc(100% - 90px); line-height: 28px; font-size: 14px; letter-spacing: -0.28px;}
	.brd-dtl ul.brd-list > li > div > span{ width: 90px; font-size: 14px; letter-spacing: -0.28px;}
	.brd-dtl .comment-wrap .enter-wrap{ padding: 22px 15px 32px;}
	.brd-dtl .comment-wrap .enter-wrap > p.user-nm{ margin-bottom: 12px; line-height: 21px; font-size: 16px; letter-spacing: -0.32px;}
	.brd-dtl .comment-wrap .enter-wrap .textarea-wrap > textarea { min-height: 120px; padding-bottom: 58px;}
	.brd-dtl .comment-wrap .enter-wrap .textarea-wrap > button.btn-50{ right: 10px; bottom: 10px; min-width: 70px;}
	.brd-dtl .comment-wrap .reply-wrap > h4{ padding: 20px 15px; font-size: 16px; letter-spacing: -0.32px;}
	.brd-dtl .comment-wrap .reply-wrap > h4 > span{ margin-left: 8px; font-size: 16px; letter-spacing: -0.32px;}
	.brd-dtl .comment-wrap .reply-wrap > ul.reply-list > li{ padding: 20px;}
	.brd-dtl .comment-wrap .reply-wrap > ul.reply-list > li > p.reply-nm{ padding-right: 20px; margin-top: 7.5px; line-height: 21px; font-size: 14px; letter-spacing: -0.28px;}
	.brd-dtl .comment-wrap .reply-wrap > ul.reply-list > li > p.reply-nm::after{ top: 4.5px;}
	.brd-dtl .comment-wrap .reply-wrap > ul.reply-list > li > span{ padding-right: 15px; margin-top: 7.5px; line-height: 21px; font-size: 14px; letter-spacing: -0.28px;}
	.brd-dtl .comment-wrap .reply-wrap > ul.reply-list > li > p.reply-cont{ line-height: 23px; font-size: 15px; letter-spacing: -0.3px;}
	
	.cert-dtl .lctr-wrap{ margin-top: 40px;}
	.cert-dtl .lctr-wrap > h2{ line-height: 32px; font-size: 20px; letter-spacing: -0.4px;}
	.cert-dtl .lctr-wrap > ul.lctr-list > li{ padding: 24px 10px;}
	.cert-dtl .lctr-wrap > ul.lctr-list > li > h3{ margin-bottom: 16px; line-height: 22px; font-size: 16px; letter-spacing: -0.32px;}
	.cert-dtl .lctr-wrap > ul.lctr-list > li > ul{ display: flex; flex-direction: column; gap: 6px;}
	.cert-dtl .lctr-wrap > ul.lctr-list > li > ul > li{ width: 100%; padding: 0; margin: 0;}
	.cert-dtl .lctr-wrap > ul.lctr-list > li > ul > li::before{ content: none;}
	.cert-dtl .lctr-wrap > ul.lctr-list > li > ul > li > p{ width: 110px; margin-right: 0; line-height: 16px; font-size: 13px; color: #6c757d;}
	.cert-dtl .lctr-wrap > ul.lctr-list > li > ul > li > span{ display: inline-block; width: calc(100% - 110px); line-height: 16px; font-size: 13px; color: #343a40; letter-spacing: -0.26px;}
	
	/* 고객센터 > 이벤트 */
	.event-wrap .tab-content{ padding-top: 25px;}
	.brd-mn .event-wrap .search-box button.btn-search{ height: 40px; background-size: 45%;}
	.brd-mn .event-wrap ul.tab-border{ width: calc(100% + 40px); padding: 0 20px; margin-left: -20px; border-bottom: 1px solid #dee2e6; overflow-x: auto; }
	.brd-mn .event-wrap ul.tab-border > li{ border-bottom: none;}
	.brd-mn .event-wrap ul.tab-border > li.on{ border-bottom: 2px solid #000;}
	.brd-mn .event-wrap .filter-wrap .filter-box{ padding: 16px;}
	.brd-mn .event-wrap .filter-wrap .filter-box > ul.select-wrap{ flex-direction: column;}
	.brd-mn .event-wrap .filter-wrap .search-box button.btn-search{ height: 52px;}
	.brd-mn .event-wrap .k-grid.grid-default tr{ padding-top: 46px;}
	.brd-mn .event-wrap .k-grid.grid-default tr td.brd-tit{ margin-bottom: 0;}
	.brd-mn .event-wrap .k-grid.grid-default tr td.brd-state{ position: absolute; top: 24px; left: 10px; line-height: 13px; font-size: 13px; letter-spacing: -0.26px;}
	.brd-mn .event-wrap .k-grid.grid-default tr td.brd-state > p{ line-height: 13px; font-size: 13px; letter-spacing: -0.26px;}
	.brd-mn .event-wrap .k-grid.grid-default tr td.brd-view{ display: none;}
	
	.event-wrap .tab-content#tabContent2{ width: calc(100% + 40px); margin-left: -20px;}
	.event-wrap .tab-content#tabContent2 .event-img-wrap img{ width: 100%;}
	.event-wrap button.btn-lctr-list{ width: calc(100% - 80px); max-width: 310px; height: 50px; margin: 20px 40px 35px; border-radius: 6px; font-size: 16px; letter-spacing: -0.32px;}
	.event-wrap button.btn-lctr-list > i{ width: 18px; height: 18px; margin-left: 4px; margin-top: -2px;}
	.event-wrap .pay-wrap{ padding: 32px 20px 60px;}
	.event-wrap .pay-wrap > h3{ margin-bottom: 32px; line-height: 28px; font-size: 20px; letter-spacing: -1px;}
	.event-wrap .pay-wrap > div.level{ gap: 15px; flex-direction: column; justify-content: start; align-items: start; padding: 18px 20px 20px; border-radius: 8px;}
	.event-wrap .pay-wrap > div.level > h4{ width: 100%; margin-bottom: 5px; line-height: 40px; font-size: 16px;}
	.event-wrap .pay-wrap > div.level > h4 > i{ width: 40px; height: 40px; margin-right: 10px;}
	.event-wrap .pay-wrap > div.level > h4 > i::before{ width: 28px; height: 28px;}
	.event-wrap .pay-wrap > div.level > ul{ width: 100%;}
	.event-wrap .pay-wrap > div.level > ul > li{ line-height: 22px; font-size: 14px; letter-spacing: -0.28px;}
	.event-wrap .pay-wrap > div.level > p{ width: 100%;}
	.event-wrap .pay-wrap > div.level > button{ width: 100%;}
	.event-wrap .use-wrap{ padding: 32px 20px 60px; background-size: cover;}
	.event-wrap .use-wrap > h3{ margin-bottom: 24px; line-height: 28px; font-size: 20px; letter-spacing: -1px;}
	.event-wrap .use-wrap > ul{ flex-direction: column; gap: 12px; justify-content: start; align-items: center; width: 100%; padding-bottom: 35px; margin: 0;}
	.event-wrap .use-wrap > ul > li.box{ width: 100%; max-width: 220px; height: 147px; padding: 20px; border-radius: 8px;}
	.event-wrap .use-wrap > ul > li.box > img{ width: 40px;}
	.event-wrap .use-wrap > ul > li.box > p{ line-height: 19px; font-size: 16px;}
	.event-wrap .use-wrap > ul > li.arrow > img{ transform: rotate(90deg);}
	.event-wrap .use-wrap > .use-info-wrap{ padding: 10px 12px 0;}
	.event-wrap .use-wrap > .use-info-wrap > h4{ margin-top: 25px; line-height: 29px; font-size: 18px; letter-spacing: -0.36px;}
	.event-wrap .use-wrap > .use-info-wrap > ul{ margin-top: 15px;}
	.event-wrap .use-wrap > .use-info-wrap > ul > li > i{ line-height: 22px; font-size: 14px;}
	.event-wrap .use-wrap > .use-info-wrap > ul > li > p{ line-height: 22px; font-size: 14px;}
	.event-wrap .use-wrap > .use-info-wrap > ul > li > p.px-8{ padding: 0; line-height: 22px; font-size: 14px;}
	.event-wrap .use-wrap > .use-info-wrap > ul > li > p > span{ line-height: 16px; font-size: 12px; letter-spacing: -0.24px;}
	.event-wrap .use-wrap > .use-info-wrap > ul > li > p > span.dot-text{ padding-left: 8px;}
	.event-wrap .use-wrap > .use-info-wrap > ul > li > p > span.mt-15{ line-height: 17px; font-size: 14px;}
	
	
	/* 고객센터 > FAQ */
	.faq-search{ width: calc(100% + 40px); padding: 28px 20px 30px; margin-left: -20px; border-radius: 0;}
	.faq-search .search-wrap{ margin-bottom: 10px;}
	.faq-search .search-wrap .dropdownlist{ width: 120px; height: 40px; border-radius: 4px;}
	.faq-search .search-wrap .input-box{ width: calc(100% - 128px); height: 40px; border-radius: 4px;}
	.faq-search .search-wrap .input-box+button{ width: 48px; height: 40px;}
	.faq-search .tag-box{ gap: 8px 10px;}
	.faq-box > h3{ line-height: 32px; font-size: 20px; letter-spacing: -0.4px;}
	.faq-box .faq-list{ padding: 0 15px;}
	.faq-box .faq-list .ques{ gap: 10px; padding: 20px 0;}
	.faq-box .faq-list .ques > span{ font-size: 24px;}
	.faq-box .faq-list .ques > p{ line-height: 26px; font-size: 17px; letter-spacing: -0.34px;}
	.faq-box .faq-list .ques > button { width: 38px; height: 38px; margin-top: 0; background-size: 55%;}
	.faq-box .faq-list .answer{ padding: 20px; border-radius: 8px;}
	.faq-box .faq-list .answer > span{ font-size: 24px;}
	.faq-box .faq-list .answer > p{ line-height: 22px; font-size: 14px; letter-spacing: -0.28px;}
	
	/* 고객센터 > 수강후기 */
	.review-wrap ul.tab-border > li{ flex: 1;}
	.review-wrap .review-banner{ flex-direction: column; gap: 20px; padding: 18px 20px; margin: 25px 0;}
	.review-wrap .review-banner .content > h3{ margin-bottom: 22px; line-height: 23px; font-size: 18px; letter-spacing: -0.9px;}
	.review-wrap .review-banner .content > h3 > strong{ display: block;}
	.review-wrap .review-banner .content > ul > li > span{ width: 70px; line-height: 20px; font-size: 14px; letter-spacing: -0.28px;}
	.review-wrap .review-banner .content > ul > li > p{ width: calc(100% - 70px); line-height: 20px; font-size: 14px; letter-spacing: -0.28px;}
	.review-wrap .review-banner .btn{ width: 100%; gap: 6px;}
	.review-wrap .review-banner .btn > button{ height: 42px; font-size: 14px;}
	.review-wrap .review-list .review-td > div{ gap: 10px 12px; padding: 20px 15px;}
	.review-wrap .review-list .review-td > div > p.name{ line-height: 21px; font-size: 14px; letter-spacing: -0.28px;}
	.review-wrap .review-list .review-td > div > p.name::after{ position: unset; top: unset; right: unset; margin-left: 11px;}
	.review-wrap .review-list .review-td > div > div.sbjct-nm{ margin-top: 5px;}
	.review-wrap .review-list .review-td > div > div.sbjct-nm > span{ line-height: 16px; font-size: 13px; letter-spacing: -0.26px;}
	.review-wrap .review-list .review-td > div > div.sbjct-nm > p{ line-height: 16px; font-size: 13px; letter-spacing: -0.26px;}
	.review-wrap .review-list .review-td > div > p.cont{ line-height: 21px; font-size: 14px; letter-spacing: -0.28px;}
	
	/* 고객센터 > 문의하기 */
	.sub-content .info-wrap{ padding: 18px 20px 20px;}
	.sub-content .info-wrap .info-box > h4{ line-height: 25px; font-size: 16px;}
	.sub-content .info-wrap .info-box > h4 > button{ height: 32px; width: auto; padding: 0 10px; line-height: 25px; font-size: 13px; letter-spacing: -0.26px;}
	.sub-content .info-wrap .info-box > ul > li > p{ line-height: 24px; font-size: 14px;}
	
	.sub-content ul.input-form > li{ flex-direction: column; padding: 18px 10px;}
	.sub-content ul.input-form > li > p{ width: 100%; padding: 0; margin-bottom: 10px; line-height: 22px; text-align: left; font-size: 16px; letter-spacing: -0.32px;}
	.sub-content ul.input-form > li > p > span.ess{ margin-left: 4px;}
	.sub-content ul.input-form > li > div{ width: 100%; padding: 0;}
	.sub-content ul.input-form > li > div > ul.input-list > li{ flex: 1;}
	.sub-content ul.input-form > li > div > ul.input-list > li.text{ flex: none;}
	.sub-content ul.input-form > li > div ul.radio-list > li{ height: auto;}
	.sub-content ul.input-form > li > div ul.radio-list > li .radio + label{ line-height: 32px;}
	
	/* 고객센터 > 원격지원 */
	.sub-content.rmt-spt-wrap{ margin: 0; padding: 0;}
	.rmt-spt-wrap .rmt-main-wrap{ gap: 40px; height: auto; padding: 48px 30px;}
	.rmt-spt-wrap .rmt-main-wrap > h2{ line-height: 28px; font-size: 20px; letter-spacing: -1px;}
	.rmt-spt-wrap .rmt-main-wrap > span{ width: 40px; height: 40px; background-size: 28px;}
	.rmt-spt-wrap .rmt-main-wrap > p{ line-height: 22px; font-size: 16px; letter-spacing: -0.64px; word-break: keep-all;}
	.rmt-spt-wrap .rmt-info-wrap{ padding: 32px 20px 50px;}
	.rmt-spt-wrap .rmt-info-wrap > h2{ margin-bottom: 16px; line-height: 28px; font-size: 20px; letter-spacing: -1px;}
	.rmt-spt-wrap .rmt-info-wrap > p{ font-size: 14px; letter-spacing: -0.28px; word-break: keep-all;}
	.rmt-spt-wrap .rmt-info-wrap > ul{ flex-direction: column; gap: 12px; width: 100%; max-width: 300px; margin: 24px auto 0; padding: 20px; box-sizing: border-box;}
	.rmt-spt-wrap .rmt-info-wrap > ul > li{ width: 100%; height: auto; min-height: 190px; padding: 24px 40px 32px;}
	.rmt-spt-wrap .rmt-info-wrap > ul > li > img{ width: 44px;}
	.rmt-spt-wrap .rmt-info-wrap > ul > li > h3{ line-height: 22px; font-size: 18px; letter-spacing: -0.9px;}
	.rmt-spt-wrap .rmt-info-wrap > ul > li > p{ line-height: 22px; font-size: 14px; letter-spacing: -0.7px;}
	.rmt-spt-wrap .rmt-agree-wrap{ padding: 40px 10px 52px;}
	.rmt-spt-wrap .rmt-agree-wrap > h2{ margin-bottom: 24px; line-height: 29px; font-size: 18px; letter-spacing: -0.36px;}
	.rmt-spt-wrap .rmt-agree-wrap > p{ width: 100%; max-width: 300px; margin-bottom: 16px; line-height: 20px; font-size: 14px;}
	.rmt-spt-wrap .rmt-agree-wrap > span{ width: 100%; max-width: 300px; line-height: 20px; font-size: 14px;}
	.rmt-spt-wrap .rmt-agree-wrap > .btn-wrap{ display: flex; gap: 12px; margin-top: 36px;}
	.rmt-spt-wrap .rmt-agree-wrap > .btn-wrap > a{ order: 2; width: 100%; max-width: 262px; height: 50px; line-height: 50px; font-size: 16px; letter-spacing: -0.32px;}
	.rmt-spt-wrap .rmt-agree-wrap > .btn-wrap > a+a{ order: 1;}
	
	/* 고객센터 > 환불규정 */
	.refund-wrap span.bar{ margin: 40px 0;}
	.refund-wrap .refund-box h3{ line-height: 32px; font-size: 20px; letter-spacing: -0.4px;}
	.refund-wrap .refund-box h3.mb-45, .refund-wrap .refund-box h3.mb-35, .refund-wrap .refund-box h3.mb-30{ margin-bottom: 15px;}
	.refund-wrap .refund-box h4{ line-height: 26px; font-size: 16px;}
	.refund-wrap .refund-box p+h4{ margin-bottom: 15px;}
	.refund-wrap .refund-box p{ line-height: 22px; font-size: 14px;}
	.refund-wrap .refund-box p.mb-20{ margin-bottom: 15px;}
	.refund-wrap .refund-box table.table-column{ border-top: 1px solid #eee;}


	 
	/* ------------------------------------------------------- 학습실 */
	.sub-2depth-list.sub-std-list{ display: block; width: 100%; margin-bottom: 25px;}
	.sub-2depth-list.sub-std-list > h2{ display: none;}
	.sub-2depth-list.sub-std-list > ul{ display: none;}
	
	/* 학습실 > 학습하기 */
	.std-plan-wrap .tab-content{ padding-top: 25px;}
	.std-plan-wrap .std-info{ flex-direction: column; gap: 20px; padding: 0 5px;}
	.std-plan-wrap .std-info > .info{ width: 100%;}
	.std-plan-wrap .std-info > .info > h3{ display: flex; flex-direction: column; gap: 8px; line-height: 28px; font-size: 20px; color: #222; font-weight: 700; letter-spacing: -0.4px;}
	.std-plan-wrap .std-info > .info > h3 > span{ display: inline-block; width: fit-content; height: 25px; padding: 7px 8px; line-height: 11px; font-size: 10px; border-radius: 3px;}
	.std-plan-wrap .std-info > .info > ul{ flex-direction: column; gap: 10px;}
	.std-plan-wrap .std-info > .info > ul > li{ gap: 25px; width: 100%; padding: 0;}
	.std-plan-wrap .std-info > .info > ul > li:after{ content: none;}
	.std-plan-wrap .std-info > .info > ul > li > span{ width: 90px; font-size: 14px; letter-spacing: -0.28px;}
	.std-plan-wrap .std-info > .info > ul > li > p{ width: calc(100% - 115px); line-height: 18px; font-size: 14px; letter-spacing: -0.28px;}
	.std-plan-wrap .std-info > .info > ul > li > div > p{ display: none;}
	.std-plan-wrap .std-info > .info > ul > li > div > span{ margin-left: 0;}
	.std-plan-wrap .std-info > button{ width: 100%;}
	.std-plan-wrap .tab-content > h2{ margin: 40px 0 15px; line-height: 32px; font-size: 20px; letter-spacing: -0.4px;}
	.std-plan-wrap ul.lctr-info > li{ flex-direction: column; gap: 4px; padding: 24px 10px;}
	.std-plan-wrap ul.lctr-info > li > span{ width: 100%; line-height: 25px; font-size: 16px; letter-spacing: -0.32px;}
	.std-plan-wrap ul.lctr-info > li > p{ width: 100%; line-height: 22px; font-size: 14px;}
	.std-plan-wrap ul.lctr-info > li > div{ width: 100%;}
	.std-plan-wrap ul.lctr-info > li > div > p{ width: 100%; line-height: 22px; font-size: 14px;}
	.std-plan-wrap .idx-text{ flex-direction: column; gap: 6px; justify-content: center; align-items: start; padding: 22px 18px;}
	.std-plan-wrap .idx-text > p{ line-height: 22px; font-size: 16px; letter-spacing: -0.32px;}
	.std-plan-wrap .idx-text > span{ line-height: 20px; font-size: 14px; letter-spacing: -0.28px;}
	.std-plan-wrap ul.idx-list > li > div{ padding: 16px 10px;}
	.std-plan-wrap ul.idx-list > li > div:first-child{ width:60px;}
	.std-plan-wrap ul.idx-list > li > div:nth-child(2){ width: calc(100% - 140px);}
	.std-plan-wrap ul.idx-list > li > div:nth-child(5){ width: 80px;}
	.std-plan-wrap ul.idx-list > li > div:nth-child(3), .std-plan-wrap ul.idx-list > li > div:nth-child(4),.std-plan-wrap ul.idx-list > li > div:nth-child(6), .std-plan-wrap ul.idx-list > li > div:nth-child(7){ display: none;}
	.std-plan-wrap ul.idx-list > li > div > span{ line-height: 20px; font-size: 14px; letter-spacing: -0.28px;}
	.std-plan-wrap ul.idx-list > li > div > p{ line-height: 21px; font-size: 14px;}
	.std-plan-wrap h3.sub-h3{ margin-bottom: 4px; line-height: 32px; font-size: 20px; letter-spacing: -0.4px;}
	.std-plan-wrap h3.sub-h3 + p{ display: inline-block; padding-bottom: 10px; line-height: 20px; font-size: 14px;}
	.std-plan-wrap h3.sub-h3 + p > span{ width: 100%; margin-top: 10px; line-height: 20px; text-align: left; font-size: 14px;}
	.std-plan .plan-box + .btn-wrap > button{ width: 100%;}
	.std-plan .plan1-box{ padding: 18px 0; margin-bottom: 40px;}
	.std-plan .plan1-box > textarea{ width: calc(100% - 20px); height: 200px; margin: 0 10px 18px;}
	.std-plan .plan1-box .email-box{ gap: 8px; padding: 18px 10px 0;}
	.std-plan .plan2-box{ padding: 18px 10px;}
	.std-plan .plan2-box > p{ line-height: 40px; font-size: 16px; letter-spacing: -0.32px;}
	.std-plan .plan2-box + .btn-wrap{ margin-bottom: 40px;}
	.std-plan .plan3-box > ul{ flex-direction: column;}
	.std-plan .plan3-box > ul > li{ flex-direction: column; gap: 10px; width: 100%; padding: 18px 10px; border-bottom: 1px solid #eee;}
	.std-plan .plan3-box > ul > li:last-child{ border-bottom: none;}
	.std-plan .plan3-box > ul:last-child > li:last-child{ border-bottom: 1px solid #eee;}
	.std-plan .plan3-box > ul > li > p{ width: 100%; padding: 0; line-height: 22px; font-size: 16px; letter-spacing: -0.32px;}
	.std-plan .plan3-box > ul > li > p > br{ display: none;}
	.std-plan .plan3-box > ul > li > div{ width :100%; padding: 0;}
	.std-plan-wrap ul.attnd-box > li{ padding: 18px 10px;}
	.std-plan-wrap ul.attnd-box > li > span{ display: none;}
	.std-plan-wrap ul.attnd-box > li > div{ width: 100%; padding: 0;}
	.std-plan-wrap ul.attnd-box + .btn-wrap > button{ width: 100%;}
	.std-plan-wrap .sub-btn{ justify-content: start; margin-top: 0; margin-bottom: 10px;}
	.std-plan-wrap .sub-btn > button{ min-width: 84px; height: 36px; padding: 9px 18px; line-height: 18px; font-size: 14px; letter-spacing: -0.28px;}
	.std-plan-wrap .grid-rank .k-grid-header{ display: none;}
	.std-plan-wrap .k-grid.grid-default.grid-rank colgroup{ display: none;}
	.std-plan-wrap .k-grid.grid-default.grid-rank tr{ display: flex; gap: 10px; flex-direction: column; position: relative; width: 100%; padding: 25px 5px; border-bottom: 1px solid #eee; box-sizing: border-box; box-shadow: none;}
	.std-plan-wrap .k-grid.grid-default.grid-rank td{ padding: 0; text-align: left;border-bottom: none;}
	.std-plan-wrap .k-grid.grid-default.grid-rank td .ver-pc{ display: none;}
	.std-plan-wrap .k-grid.grid-default.grid-rank td .ver-mb{ display: block!important;}
	
	/* 학습실_본인인증 팝업 */
	#selfCertWindow .cert-box{ margin-top: 25px;}
	#selfCertWindow .cert-box > h3{ margin-bottom: 10px; line-height: 29px; font-size: 18px; letter-spacing: -0.36px;}
	#selfCertWindow .cert-box .cert-btn-wrap{ flex-direction: column;}
	#selfCertWindow .cert-box .cert-btn-wrap > button{ width: 100%; box-sizing: border-box;}
	#selfCertWindow .cert-box .cert-input-wrap > input[type=text]{ height: 50px;}
	#selfCertWindow .cert-box ul.cert-text-wrap{ gap: 25px;}
	#selfCertWindow .cert-box ul.cert-text-wrap > li > p{ line-height: 26px; font-size: 16px;}
	#selfCertWindow .cert-box ul.cert-text-wrap > li > span{ padding-left: 10px; line-height: 22px; font-size: 14px;}
	#selfCertWindow .cert-box .cert-input-wrap > div > input[type=text]{ width: calc(100% - 103px);}
	#selfCertWindow .cert-box .cert-input-wrap > div > button{ width: 95px; min-width: 95px; height: 40px;}
	
	/* 학습실 > 설문/평가응시 */
	.std-tkexm-wrap .tab-content{ padding-top: 25px;}
	.std-tkexm-wrap .tkexm-list .tkexm-box{ flex-direction: column; gap: 16px; padding: 25px 0;}
	.std-tkexm-wrap .tkexm-list .tkexm-box .info{ gap: 16px; width: 100%;}
	.std-tkexm-wrap .tkexm-list .tkexm-box .info > h3{ line-height: 20px; font-size: 16px; letter-spacing: -0.32px;}
	.std-tkexm-wrap .tkexm-list .tkexm-box .info > h3 > span{ display: block; width: fit-content; height: 18px; padding: 3px 6px; margin-right: 0; margin-bottom: 12px; line-height: 12px; font-size: 10px; border-radius: 3px;}
	.std-tkexm-wrap .tkexm-list .tkexm-box .info > h3 > i{ font-size: 13px; letter-spacing: -0.26px;}
	.std-tkexm-wrap .tkexm-list .tkexm-box .info > p{ line-height: 19px; font-size: 13px; letter-spacing: -0.26px;}
	.std-tkexm-wrap .tkexm-list .tkexm-box .info > ul.test-info{ flex-direction: column; gap: 10px;}
	.std-tkexm-wrap .tkexm-list .tkexm-box .info > ul.test-info > li{ width: 100%;}
	.std-tkexm-wrap .tkexm-list .tkexm-box .info > ul.test-info > li > span{ width: 110px; line-height: 17px; font-size: 14px; letter-spacing: -0.28px;}
	.std-tkexm-wrap .tkexm-list .tkexm-box .info > ul.test-info > li > p{ width: calc(100% - 110px); line-height: 17px; font-size: 14px; letter-spacing: -0.28px;}
	.std-tkexm-wrap .tkexm-list .tkexm-box .btn{ width: 100%;}
	.std-tkexm-wrap .tkexm-list .tkexm-box .btn > button{ height: 40px; font-size: 14px;}
	.std-tkexm-wrap .tkexm-list .tkexm-box .info > ul.hw-info > li{ flex-wrap: wrap;}
	.std-tkexm-wrap .tkexm-list .tkexm-box .info > ul.hw-info > li > p{ margin-right: 0; line-height: 19px; font-size: 13px; letter-spacing: -0.26px;}
	.std-tkexm-wrap .tkexm-list .tkexm-box .info > ul.hw-info > li > button{ display: block; width: 100%; padding-left: 9px; line-height: 17px; font-size: 13px; letter-spacing: -0.26px;}
	.std-tkexm-wrap .tkexm-list .tkexm-box .info > ul.hw-info > li > button::after{ width: 14px; height: 14px; margin-top: 2px; margin-left: 3px; background-size: 14px;}
	
	.std-tkexm-wrap .tab-content > h3{ margin-bottom: 10px; line-height: 32px; font-size: 20px; letter-spacing: -0.4px;}
	.std-tkexm-wrap .tab-content > h3 > span{ display: block; float: none; width: 100%; margin-top: 15px; line-height: 20px; text-align: left; font-size: 14px;}
	.std-tkexm-wrap .tab-content#tabContent2 .k-grid#testRsltGrid{ margin-bottom: 40px;}
	.std-tkexm-wrap .tab-content#tabContent2 .k-grid .btn-default{ min-width: 50px;}
	
	/* 모사답안 처리규정 안내 팝업 */
	#cpyAnsrPrssWindow .popup-content > p{ line-height: 22px; font-size: 14px;}
	#cpyAnsrPrssWindow .popup-content > ul > li > p{ line-height: 25px; font-size: 16px;}
	#cpyAnsrPrssWindow .popup-content > ul > li > span{ padding-left: 25px; line-height: 22px; font-size: 14px;}
	
	/* 학습실 > 학습지원도구 */
	.std-spt-wrap .tab-content#tabContent2 .k-grid.grid-default tr td.brd-tit{ margin: 12px 0 0;}
	
	/* 학습실 > 학습지원도구(등록) */
	.std-brd-reg .brd-reg ul.input-form > li{ min-height: auto;}
	.std-brd-reg .brd-reg ul.input-form > li textarea{ height: 200px;}
}
@media screen and (max-width: 768px){
	.rcmd-list-wrap ul.rcmd-list > li{ width: calc(50% - 10px); }
}
@media screen and (max-width: 750px){
	/* filter-wrap */
	.filter-wrap .filter-box > ul > li.ver-cert > ul.filter-list#clasf_2stepList{ gap: 0; padding: 0;}
	.filter-wrap .filter-box > ul > li.ver-cert > ul.filter-list#clasf_2stepList > li{ width: 50%; padding: 11px 15px; line-height: 18px; text-align: left; font-size: 14px;}
	
	/* ------------------------------------------------------- NCS직업교육 */
	/* NCS직업교육 > NCS직업교육 안내 */
	.ncs-check-bg.ncs-job-wrap > ul.ncs-job-list > li{ width: calc(50% - 4px);}
	
	/* NCS직업교육 > NCS직무분류 한눈에 보기 */
	.rcmd-list-wrap ul.rcmd-list > li{ width: calc(50% - 7.5px);}
	.job-clasf-wrap .clasf-wrap .clasf-box > ul > li{ width: 100%;}
	
	/* 과정상세 */
	.cos-dtl-wrap .cos-top .lctr-wrap .video{ height: 196px; /*testtype*/ }
}
@media screen and (max-width: 630px){
	.std-plan-wrap .det-std-wrap{ width: 100%; overflow-y: auto;}
	.std-plan-wrap table.table-column{ width: 800px;}
	
	/* ------------------------------------------------------- NCS직업교육 */
	/* NCS직업교육 > NCS직업교육 안내 */
	.ncs-main1-wrap{background-size: auto 100%;}
	 
	/* 학습실 > 설문/평가응시 */
	.k-dialog .dialog-content > img{ margin: 0 auto 15px; width: 50px; height: 50px; }
	.k-dialog .dialog-content > p{ font-size: 20px; line-height: 28px; letter-spacing: normal; }
	.k-dialog .dialog-content > span{ font-size: 16px; line-height: 22.4px; letter-spacing: -0.32px; }
	.test-guide-cont .content{ padding: 20px 25px; }
	.test-guide-cont .content h4{ padding-left: 18px; text-indent: -18px; font-size: 14px; line-height: 22.4px; letter-spacing: normal; }
	.test-guide-cont .agree-wrap input[type="checkbox"].checkbox + label{ font-size: 14px; line-height: 17.5px; }



/*   평생교육이용권  */
    .lflng-cont-box.corpoSys-mid-wrap > .white-box.column .cont > div { flex-direction: column; gap: 9px;}
    .lflng-cont-box.corpoSys-mid-wrap > .white-box.column .cont p { width: 100%; line-height: 19px; text-align: center; font-size: 16px; letter-spacing: -0.32px;}
    .lflng-cont-box.corpoSys-mid-wrap > .white-box.column .cont > div > div:after { display: none;}
	 
}
@media screen and (max-width: 350px){
	/* 회원가입 */
	.join-wrap .step-wrap ul.join-list > li > div.cert{ flex-wrap: wrap;}
	.join-wrap .step-wrap ul.join-list > li > div.cert button+button{ margin-top: 5px;}
	
	/* 마이페이지 > 나의강의실 [수강중인강의] */
	.mypg-class-wrap td.class-td .class-wait-box .info > ul > li{ gap: 10px;}
	.mypg-class-wrap td.class-td .class-wait-box .info > ul > li > span{ width: 70px;}
	.mypg-class-wrap td.class-td .class-wait-box .info > ul > li > p{ width: calc(100% - 80px);}

/*  평생교육이용권   */
    .lflng-cont-box.corpoSys-mid-wrap > .white-box.column .cont > div > div { padding-left: 0;}
}