@charset "utf-8";

/* page-box */
.page-box{display: flex;justify-content: center;flex-wrap: wrap;row-gap: 4px;text-align:center;margin-top:40px;}
.page-box a{display: flex;justify-content: center;align-items: center;width:40px;height:40px;margin-right:4px;background:#fff ;border-radius: 6px;vertical-align: top;border:1px solid #D8DBDF;text-align:center;font-weight: 500;font-size:16px;color:#484A4D;line-height:24px;}
.page-box .page-first{background:#fff url("../images/sub/arr-page-first.svg") 50% 50% no-repeat;}
.page-box .page-prev{background:#fff url("../images/sub/arr-page-prev.svg") 50% 50% no-repeat;}
.page-box .page-next{background:#fff url("../images/sub/arr-page-next.svg") 50% 50% no-repeat;}
.page-box .page-last{background:#fff url("../images/sub/arr-page-last.svg") 50% 50% no-repeat;margin:0;}
.page-box .page-on{background-color:#202020;color:#fff;border-color:#202020;}

/* sub visual */
.sub-visual{position: relative;top:34px;flex-direction:column;z-index:1;margin-bottom: 34px;/* margin:34px 0;transform: translateY(34px); */height:320px;display:flex;gap:16px;align-items:center;justify-content:center;transition: .35s;}
.sub-visual::before{z-index: -1;top:0;position: absolute;display: block;width:100%;transform: scaleX(0.94);border-radius:24px;height: 100%;content: '';transform-origin: center center;animation: subVisuAni 1.5s ease-in-out;}
.sub-visual-member::before{background:#3A4655 url("../images/sub/img-subvisual-member.png")no-repeat;background-size: cover;}
.sub-visual-support::before{background:#33383F url("../images/sub/img-subvisual-support.png")no-repeat;background-size: cover;background-blend-mode: overlay;}
.sub-visual-company::before{background:#2D3947 url("../images/sub/img-subvisual-company.png")no-repeat;background-size: cover;}
.sub-visual-edu::before{background:#3A4655 url("../images/sub/img-subvisual-edu.png")no-repeat;background-size: cover;background-blend-mode: overlay;}
.sub-visual-search::before{background:#2D3947 url("../images/sub/img-subvisual-search.png")no-repeat;background-size: cover;}
.sub-visual-course::before{background:#2D3947 url("../images/sub/img-subvisual-course.png")no-repeat;background-size: cover;}
.sub-visual-mypage::before{background:#3C4652 url("../images/sub/img-subvisual-mypage.png")no-repeat;background-size: cover;background-blend-mode: overlay;}
.sub-visual-school::before{background:#2D3947 url("../images/sub/img-subvisual-school.png")no-repeat;background-size: cover;}
.sub-visual-type::before{background:#2D3947 url("../images/sub/img-subvisual-type.png")no-repeat;background-size: cover;}
.sub-visual-govtrain::before{background:url("../images/sub/img-subvisual-govtrain.png")no-repeat;background-size: cover;}
.sub-visual .title{color:#fff;font-weight: 700;font-size: 44px;line-height: 62px;}
.sub-visual .desc{width: calc(100% - 43px);color:#fff;font-size: 16px;line-height: 24px;text-align: center;}
/* .sub-visual .breadcrumb{justify-content: flex-start;} */

@keyframes subVisuAni{
	0% {
		transform: scaleX(1);
		border-radius: 0;
	}
	100% {
		transform: scaleX(0.94);
		border-radius: 24px;
	}
}
/* breadcrumb */
.breadcrumb{display:flex;align-items:center;justify-content: flex-end;max-width: calc(100% - 43px);flex-wrap:wrap;}
.breadcrumb li{display: flex;align-items: center;color:#fff;font-size:14px;line-height:21px;}
.breadcrumb li::after{display:inline-block;width:19px;height:19px;margin:0 2px;background: url("../images/sub/icon-breadcrumb-arr.svg")no-repeat;background-size: 100%;content:'';}
.breadcrumb li:last-child::after{display:none;}

/* subvisual 없는 */
.breadcrumb2{display:flex;align-items:center;justify-content: flex-start;}
.breadcrumb2 li{display: flex;align-items: center;color:#6A6C70;font-size:14px;line-height:21px;}
.breadcrumb2 li::after{display:inline-block;width:19px;height:19px;margin:0 2px;background: url("../images/sub/icon-breadcrumb-arr-g.svg")no-repeat;content:'';}
.breadcrumb2 li:last-child::after{display:none;}

.submenu-none-top{padding-bottom:40px;border-bottom: 1px solid #212529;}
.submenu-none-top h2{margin:16px 0 0;font-weight: 700;font-size: 40px;line-height: 56px;}

/* sub menu */
.sub-menu{padding-top: 10px;}
.sub-menu ul{display:flex;gap:60px;justify-content:center;}
.sub-menu li a{display:inline-block;padding:15px 0;color:#969EA7;text-align: center;font-size: 18px;font-weight: 700;line-height: 27px;border-bottom:3px solid transparent;}
.sub-menu li.active a{color:#2949B1;border-color:#2949B1;}
.sub-menu .mo-title{position:relative;justify-content: center;display:none;padding:12px;font-size: 16px;font-weight: 700;line-height: 24px;color:#fff;background-color:#012E63;}
.sub-menu .mo-title::after{position:absolute;right:12px;top:50%;transform:translateY(-50%);display:inline-block;width:18px;height:18px;background:url("../images/sub/icon-sub-menu-arr.svg")no-repeat;content:'';transition:transform .3s;}
.sub-menu .mo-title.active::after{transform:rotate(-180deg) translateY(50%);}

/* sub common */
.form-box{padding:32px;box-shadow: 0px 0px 16px 0px rgba(223, 229, 239, 0.5);border-radius:24px;}
.contents{padding:60px 0 80px 0;}
.sub-title-sm{font-weight: 700;font-size: 22px;line-height: 33px;}
.sub-title-bor{padding-bottom:8px;font-weight: 700;font-size: 22px;line-height: 33px;border-bottom:1px solid #202020;}
.sub-title-box-line{display:flex;justify-content:space-between;flex-wrap: wrap;gap: 5px;padding-bottom:8px;align-items:flex-start;border-bottom:1px solid #202020;}
.sub-title-box-line .sub-title-box p{color:#484A4D;}
.sub-title-box-line .sub-title-box .sub-title-bor{border:0;}

/* bor-tab */
.bor-tab{display:flex;}
.bor-tab li{flex:1;}
.bor-tab li a{display:flex;align-items:center;justify-content:center;padding:14px; 0;text-align:center;color:#969EA7;font-size: 16px;font-weight: 700;background-color: #F3F5F9;border:1px solid #D8DBDF;line-height: 24px;}
.bor-tab li.active a{color:#2949B1;background-color: #fff;border-color:#2949B1;box-shadow: 0 0 0 1px #2949B1 inset;}

/* bk-tab */
.bk-tab{display:flex;gap:10px;}
.bk-tab li a{display:flex;align-items:center;justify-content:center;padding:12px 26px;border-radius:53px;text-align:center;color:#9A9EA3;font-size: 18px;font-weight: 700;background-color: #F3F5F9;border:1px solid #D8DBDF;line-height: 27px;}
.bk-tab li.active a{color:#fff;background-color: #202020;border-color:#202020;}
.bk-tab li button{display:flex;align-items:center;justify-content:center;padding:12px 26px;border-radius:53px;text-align:center;color:#9A9EA3;font-size: 18px;font-weight: 700;background-color: #F3F5F9;border:1px solid #D8DBDF;line-height: 27px;}
.bk-tab li button.active{color:#fff;background-color: #202020;border-color:#202020;}


/* tb-top */
.tb-top{display:flex;justify-content:space-between;align-items:center;padding-bottom:16px;border-bottom:1px solid #202020;}
.tb-top .total-num{font-weight: 700;font-size: 18px;line-height: 27px;}
.tb-top-row{display:flex;justify-content:space-between;align-items:center;padding-bottom:16px;border-bottom:1px solid #202020;}
.srch-box-wrap {display:flex;gap:8px;}
.srch-box-wrap .select2-container{width:140px !important;}
.classroom-wrap .select-custom{width:140px !important;}
.bor-srch-box{display:flex;gap:8px;}
.bor-srch-box .select2-container{width:80px !important;}
.bor-srch-box input{width:288px;}
.bor-srch-box button{gap:4px;}

/* col-tb */
.pc-list{display:block;}
.mo-list{display:none;}
.col-tb table{border-top:1px solid #D8DBDF;font-size:16px;line-height:24px;}
.col-tb thead tr{border-bottom:1px solid #D8DBDF;}
.col-tb tr{border-bottom:1px solid #E4E8ED;}
.col-tb th{padding:17.5px 0;font-weight: 700;font-size: 15px;color:#484A4D;line-height: 24px;background: #EEF1F5;}
.col-tb td{padding:11px 10px;height: 70px;text-align:center;font-weight:500;color:#484A4D;font-size: 15px;}
.col-tb .title-line{display:flex;gap:8px;align-items:center;}
.col-tb .title-line p{text-overflow: ellipsis;overflow: hidden;max-width: calc(100% - 52px);font-weight: 700;white-space: nowrap;color:#484A4D;}
.col-tb .col-title-line{display:flex;flex-direction:column;gap:4px;align-items:flex-start;}
.col-tb .col-title-line p{font-weight: 700;font-size: 16px;line-height: 24px;text-align: left;}


.bor-tb table{font-size:15px;line-height:23px;}
.bor-tb thead{border-top: 1px solid #D8DBDF;}
.bor-tb tr{border-bottom:1px solid #D8DBDF;}
.bor-tb th{padding:15.5px 0;border-right: 1px solid #D8DBDF;font-weight: 700;background: #EEF1F5;}
.bor-tb th:last-child{border-right: 0;}
.bor-tb td{padding:16px 10px;border-right: 1px solid #D8DBDF;font-weight:500;text-align:left;color:#6A6C70;}
.bor-tb td:last-child{border-right: 0;}
.bor-tb td.bor-r{border-right: 1px solid #D8DBDF;}

/* 테이블 형태 모바일에서 변경 */
.mo-list{border-top:1px solid #E4E8ED;background-color: #fff;}
.mo-list.mo-list-tb{border-top:0;}
.mo-list li{border-bottom:1px solid #E4E8ED;}
.mo-list li > a{display:flex;flex-direction:column;gap:8px;align-items:flex-start;padding:16px 0;}

.mo-list li .title-line{display:flex;align-items: center;gap: 3px;width: 100%;font-weight:700;font-size: 14px;line-height: 20px;}
.mo-list li .num{font-size:14px;font-weight:500;line-height: 22px;}
.mo-list li .title{max-width:calc(100% - 40px);display:block;text-overflow: ellipsis;white-space: nowrap;font-size: 15px;line-height: 23px;overflow: hidden;font-weight: 700;}
.mo-list li .info{display:flex;flex-wrap: wrap;color:#6A6C70;font-size:14px;line-height:21px;row-gap: 3px;}
.mo-list li .info span{display:flex;align-items:center;gap:4px;}
.mo-list li .info span::after{display:inline-block;width:1.5px;height:10px;margin:0 8px;content:'';background: #D8DBDF;}
.mo-list li .info span:last-child::after{display:none;}
.mo-list li .info span.w-100::after{display:none;}
.mo-list li .btns .btn{flex:1;}

/* title 에 다른거 안붙을때 */
.mo-list.mo-list-100 li .title{max-width:100%;}

/* 형태2 세로*/
.mo-list li .info-col{width: 100%;flex-direction:column;gap: 2px;}
.mo-list li .info-col span::after{display:none;}
.mo-list li .info-col .btn.w-100{margin-top:16px;}

.mo-list li .no-link{display:flex;flex-direction:column;gap:8px;align-items:flex-start;padding:16px 0;}
.mo-list li .no-link .title{max-width:100%;}
.mo-list li .no-link .pds-file{display: flex;align-items: center;justify-content: center;margin-right: 10px;border:1px solid #D8DBDF;}

/* table */
.row-tb table{}
.row-tb table tr{height:80px;border-bottom:1px solid #E4E8ED;}
.row-tb table tr:first-child{border-top:1px solid #E4E8ED;}
.row-tb table th{width:190px;text-align:left;font-size:15px;line-height:24px;font-weight: 700;}
.row-tb table td{width:calc(100% - 190px);padding:16px 10px;}
.row-tb table input{width:100%;max-width:288px;}
.row-tb table .noti-text{color:#484A4D;font-size:14px;line-height:21px;}
.row-tb .select-line{display:flex;gap:8px;}
.row-tb .select-line select:not(.select-sm){width:calc(100% - 208px);}
.row-tb .select-sm{width:200px;}
.row-tb .select-md{width:300px;}

.row-tb table .email-line{display:flex;align-items:center;column-gap:8px;margin-bottom: 8px;}
.row-tb table .email-line span{color:#484A4D;}
/* .row-tb table .email-line2 input,.row-tb table .email-line2 select{width:calc((100% - 28px) / 3) ;} */
.row-tb table .email-line input, .row-tb table .email-line .select2-container {flex: none;width: calc((100% - 173px) / 3) !important;}

.row-tb table .addr{display:flex;flex-direction:column;row-gap:10px;}
.row-tb table .line{display:flex;align-items:center;column-gap:8px;}
.row-tb table .line input{width:calc(100% - 132px);}
.row-tb table .line input[type="checkbox"]{width:20px;}
.row-tb table .addr .line input{width:calc(100% - 134px);}
.row-tb table .addr input{max-width:none;}

.row-tb table .tel-line{display:flex;align-items:center;column-gap:8px;}
.row-tb table .tel-line span{color:#484A4D;font-size: 16px;line-height:24px;}
.row-tb table .tel-line input,.row-tb table .tel-line .select2-container,.row-tb table .tel-line select{max-width: 120px;flex:1;}

.sm-tb{max-height:180px;overflow-y:auto;}
.sm-tb table{background:#F8F9FA;color:#6A6C70;border: 1px solid #E4E8ED;}
.sm-tb tr{height:auto !important;border-bottom:1px solid #E4E8ED;}
.sm-tb th{width:auto !important;padding:10px;font-size:14px !important;line-height:21px !important;text-align:center !important;font-weight:500 !important;}
.sm-tb td{width:auto !important;padding:6px 0 !important;font-size:14px !important;line-height:21px !important;text-align:center !important;}
.sm-tb td .form-radio {justify-content: center;}
.sm-tb td .form-radio label{width:auto;}
.sm-tb td .file-line{display:flex;gap:8px;color:#6A6C70;align-items:center;}
.sm-tb td .btns{justify-content: center;}
.sm-tb td .btns button{width:40px;height:30px;font-size: 13px;line-height: 18px;border-radius: 6px;}
.sm-tb td .nodata-img{border: 0;background: none;}


/* bg 있는 row-tb */
.row-bg-tb table tr{border-bottom:1px solid #E4E8ED !important;height:56px;}
.row-bg-tb table th{width:200px;color:#484A4D;padding:10px 8px;background-color: #EEF1F5;text-align:left;}
.row-bg-tb table td{padding: 11px 8px;font-weight: 500;color:#6A6C70;}

/* faq */
.bg-srch-box{display:flex;align-items:center;justify-content: center;margin-bottom:40px;padding:24px 15px;border-radius:8px;border:1px solid #E4E8ED;background-color: #F3F8FD;}
.bg-srch-box .bor-srch-box {width: 490px;}
.bor-srch-sort{display:flex;gap:8px;margin-bottom:20px;}
.bor-srch-sort li a{display:flex;align-items:center;justify-content:center;padding:12px 16px;border-radius:8px;background-color: #F3F5F9;border:1px solid #D8DBDF;color:#9A9EA3;font-size:16px;line-height:24px;font-weight:700;}
.bor-srch-sort li.active a{background-color: #202020;border-color:#202020;color:#fff;}
.faq-list{display: flex;flex-direction: column;border-top:1px solid #202020;}
.faq-list li{border-bottom: 1px solid #E0E7ED;cursor: pointer;}
/* .faq-list li.open{padding: 0 30px 20px 30px;} */
.faq-list li .icon{display: flex;align-items: center;justify-content: center;width:30px;height:30px;color:#fff;font-family:'Pretendard';border-radius:100%;font-size: 16px;font-weight: 700;line-height: 24px;}
.faq-list li .que .icon{margin-right:15px;background: #F39A00;}
.faq-list li .ans .icon{margin-right:15px;background: #0B3B81;}
.faq-list li .que{position:relative;display:flex;align-items:center;padding:25px 15px;text-align:center;}
.faq-list li .que::after{position:absolute;top:50%;right:19px;transform:translateY(-50%);width:24px;height:24px;background: url("../images/sub/icon-faq-arr.svg")no-repeat 50% 50%;content:'';transition:.3s;}
.faq-list li.open .que::after{transform:translateY(-50%) rotate(-180deg);}
.faq-list li .que .text-box{width:calc(100% - 110px);padding-left: 16px;}
.faq-list li .que .text{font-weight:700;font-size:16px;line-height:24px;text-align: left;}

.faq-list li .ans{display:flex;padding:30px 70px 30px 15px;background-color: #F3F5F9;color:#484A4D;font-weight:500;cursor: auto;}
.faq-list li .ans .text-box{width: calc(100% - 60px);padding-left: 16px;}

/* gallery-list */
.gallery-list{display:grid;gap:30px;margin-top:20px;grid-template-columns: 1fr 1fr 1fr;}
.gallery-list li a{}
.gallery-list li a .img{display:block;height:245px;margin-bottom:16px;border:1px solid #E4E8ED;border-radius:16px;overflow:hidden;}
.gallery-list li a .img img{width:100%;height:100%;object-fit: cover;}
.gallery-list li a .text-box{}
.gallery-list li a .text-box .title{height:48px;margin-bottom:8px;font-weight: 700;font-size: 16px;line-height: 24px;display: -webkit-box;-webkit-line-clamp: 2;-webkit-box-orient: vertical;overflow: hidden;}
.gallery-list li a .text-box .info{display:flex;align-items:center;color:#6A6C70;font-size:14px;line-height:21px;}
.gallery-list li a .text-box .info span{display:flex;align-items:center;gap:4px;}
.gallery-list li a .text-box .info span::after{display:inline-block;width:1.5px;height:10px;margin:0 8px;background-color:#D8DBDF;content:'';}
.gallery-list li a .text-box .info span:last-child::after{display:none;}

/* read */
.empathy-line{display:flex;align-items:center;justify-content:space-between;}
.empathy-line .btn-empathy{display:flex;align-items:center;gap:4px;}
.empathy-line .btn-empathy.active{background-color: #FF7700;color:#fff;}
.empathy-line .btn-empathy.active i{background-image: url("../images/sub/icon-thumb-w.png");}
.read-wrap{overflow:auto;}
.read-wrap .title-box{display:flex;flex-direction:column;row-gap:16px;padding:24px 16px;border-bottom:1px solid #E4E8ED;}
.read-wrap .title-box .title{font-size: 22px;font-weight: 700;line-height: 33px;}
.read-wrap .title-box .info{display:flex;align-items:center;flex-wrap:wrap;font-size:14px;line-height: 21px;color:#6A6C70;font-weight:500;}
.read-wrap .title-box .info span{display:flex;align-items:center;}
.read-wrap .title-box .info span::after{display:inline-block;width:1px;height:10px;margin:0 8px;background:#DBDEE2;content:'';}
.read-wrap .title-box .info span:last-child::after{display:none;}
.read-wrap img{height:auto;width:auto;overflow-x: auto;}

.read-wrap .read-contents{padding:40px 16px;border-bottom:1px solid #E4E8ED;word-break: break-word;overflow: auto;/* color:#484A4D; */}
.read-wrap .read-contents .read-text img{max-width: 100%;height: auto;display: block;}
.read-wrap .read-contents .read-text table {width: 100%;table-layout: fixed;overflow-x: auto;white-space: nowrap;}
.read-wrap .read-contents .read-text table td{word-break: break-word;border:1px solid #E4E8ED;}
.read-wrap .read-contents .read-text table td a{color: #0000ff !important;font-weight: 700;}
.read-wrap .read-contents .read-text table td a span{color: #0000ff !important;}
.read-wrap .file-box{display:flex;gap: 20px;margin-top:24px;align-items: flex-start;padding:12px 16px;border:1px solid #E4E8ED;background-color: #F3F5F9;border-radius:8px;}
.read-wrap .file-box span{display:flex;align-items:center;gap:5px;font-weight: 700;color:#484A4D;font-size:14px;line-height:21px;}
.read-wrap .file-box .list{display:flex;flex-direction:column;width: calc(100% - 110px);}
.read-wrap .file-box a{color:#6A6C70;font-size:14px;line-height:21px;overflow:hidden;white-space: nowrap;text-overflow: ellipsis;word-break: break-all;}
.read-wrap .ans-text-box{padding:40px 16px;}
.read-wrap .ans-text-box .ans-top{display:flex;gap:10px;align-items:center;color:#484A4D;font-size:16px;line-height:24px;margin-bottom:20px;}
.read-wrap .ans-text-box .ans-top .date{color:#6A6C70;font-size:14px;line-height:21px;}
.read-wrap .ans-text-box .ans-text{color:#484A4D;font-size:16px;line-height:24px;}

.read-reply-box{}
.read-reply-box .reply-list{border-top:1px solid #202020;}
.read-reply-box .reply-list li{padding:16px;border-bottom:1px solid #E4E8ED;}
.read-reply-box .reply-list li .name{display:inline-block;margin-bottom:8px;font-weight: 700;font-size: 16px;line-height: 24px;}
.read-reply-box .reply-list li .text{color:#6A6C70;font-size:14px;line-height:21px;}
.read-reply-box .reply-inp{padding: 8px 20px;justify-content: space-between;margin-top:16px;display:flex;border:1px solid #2949B1;border-radius:8px;}
.read-reply-box .reply-inp input{border: 0;width: calc(100% - 100px);padding: 0;}
.read-reply-box .reply-inp .btn{width: 75px;}

.read-list{display:flex;flex-direction:column;margin-top:40px;border-top: 1px solid #E0E7ED;}
.read-list li{display:flex;align-items:center;padding:24px 16px;border-bottom: 1px solid #E0E7ED;}
.read-list li span{display:flex;align-items: center;gap:5px;width:84px;font-weight:700;}
.read-list li a{width: calc(100% - 84px);color:#484A4D;font-weight:500;overflow:hidden;white-space: nowrap;text-overflow: ellipsis;word-break: break-all;}

.read-list li.read-no-list span{color:#9A9EA3;}
.read-list li.read-no-list p{color:#9A9EA3;}

/* write */
.write-wrap .title-line{display:flex;gap:8px;width:100%;}
.write-wrap .title-line input[type="text"],.write-wrap .title-line input[type="password"]{width:calc(100% - 75px);max-width:none;}
.write-wrap .sm-tb{margin-top:16px;}
.write-wrap .noti-box{display: flex;flex-direction: column;gap: 10px;padding:20px 30px;border-radius:15px;background-color: #FEF8F8;color:#434B53;font-weight:500;border:1px solid #FFE3E5;}
.write-wrap .noti-box strong{display:flex;gap:6px;align-items:center;color:#F43C48;font-weight: 700;font-size: 18px;}
.write-wrap .noti-box .form-agree-box{display:flex;gap:15px;flex-wrap:wrap;}
.write-wrap .file-text-line{display:flex;justify-content:space-between;}
.write-wrap .file-text-line .noti-text{margin-top:0;}
.write-wrap .file-text-line .noti-text.text-accent{margin-top:5px;}
.write-wrap .file-text-line .btns{}
.write-wrap .file-text-line .btns button{gap:4px;}
.write-wrap .noti-text{margin-top:8px;}
.write-wrap .row-tb table th{width:130px;}
.write-wrap .row-tb table td{width:calc(100% - 130px);}

.textarea-wrap .cheditor-tb-wrapper{display: flex;flex-wrap: wrap;height: auto !important;}
.textarea-wrap .cheditor-tb-fullscreen{margin: 3px 11px 0 0;}


/* 이용약관, 개인정보처리방침 */
.rule-tab{margin-bottom:40px;}
.rule-wrap{padding:40px 0 40px;border:1px solid #E4E8ED;border-radius:16px;color:#6A6C70;}
.rule-wrap h2{margin-bottom:16px;font-weight: 700;font-size: 22px;line-height: 33px;color:#202020;}
.rule-wrap h3{margin-bottom:20px;color:#2949B1;font-weight: 700;font-size: 18px;line-height: 27px;}
.rule-wrap h4{margin-bottom:8px;font-weight:700;font-size:16px;line-height:24px;color:#FF7700;}
.rule-wrap .scroll-bar{padding: 0 24px;margin-right:6px;max-height:1000px;}
.rule-wrap .box{margin-bottom:40px;}
.rule-wrap .box ul{display:flex;flex-direction:column;gap:8px;}
.rule-wrap .box ul li{}
.rule-wrap .box .indent{margin-left: 15px;}

.privacy-wrap .privacy-top{margin-bottom:20px;}
.privacy-wrap .link-box{padding:24px;background-color: #F8F9FA;border-radius:8px;}
.privacy-wrap .link-box .text-blue{margin-bottom:16px;font-weight:700;font-size:16px;line-height:24px;}
.privacy-wrap .link-box ul{display:flex;flex-direction:column;gap:4px;margin-bottom:16px;}
.privacy-wrap .link-box ul a{color:#6A6C70;}
.privacy-wrap h3{margin-bottom:8px;font-weight:700;font-size:16px;line-height:24px;color:#FF7700;}
.privacy-wrap .box{margin-top:40px;}
.privacy-wrap .box p{margin-bottom:8px;}
.privacy-wrap .box p:last-child{margin-bottom:0;}
.privacy-wrap .box ul{gap:0;}
.privacy-wrap .box li{margin-bottom:20px;}
.privacy-wrap .box li:last-child{margin-bottom:0;}
.privacy-wrap .sm-box li{margin-bottom:0;}
.old-privacy-list{display:flex;flex-direction:column;gap:8px;margin-top:24px;}
.old-privacy-list a{display:flex;align-items:center;gap:8px;padding-left: 10px;color:#484A4D;font-size:16px;line-height:24px;}
.old-privacy-list a::before{display:inline-block;width:4px;height:4px;margin-right:2px;border-radius:100%;background-color: #484A4D;content:'';}
.old-privacy-list a strong{display:flex;gap:4px;align-items:center;color:#202020;font-weight:500;}


/* 환불규정 (주석중)*/
.refund-wrap .box{margin-bottom:16px;}
.refund-wrap h3{margin-bottom:8px;font-weight:700;font-size:16px;line-height:24px;color:#FF7700;}
.refund-wrap .box .indent{row-gap:4px;margin:4px 0 0 15px;}
.refund-wrap .line{display:flex;gap:8px;flex-wrap:wrap;}
.refund-wrap .bg-box{display:flex;width:calc(100% - 22px);gap:8px;margin-bottom:4px;flex-wrap: wrap;align-items: center;padding:16px 24px;background-color: #F8F9FA;color:#484A4D;border:1px solid #E4E8ED;font-weight:700;}
.refund-wrap .bg-box .fraction{position:relative;display:flex;align-items:center;text-align:center;}
.refund-wrap .bg-box .fraction::after{position: absolute;width:100%;height:1px;background-color: #6A6C70;content:'';}

/* 회원가입 */
.agree-top-title{margin-bottom: 50px;text-align: center;font-size:35px;line-height:51px;}
.join-box{margin-bottom:80px;}
.join-box .title-line{display:flex;align-items:center;justify-content:space-between;margin:80px 0 16px;}
.join-box .title-line h3{font-weight: 700;font-size: 20px;line-height: 30px;}
.join-box .title-line span{display:flex;gap:4px;color:#484A4D;font-size:14px;line-height:21px;}
.join-agree-top{display:flex;flex-direction:column;gap:8px;margin-bottom:20px;}
.join-agree-top h3{font-weight: 700;font-size: 24px;line-height: 34px;}
.join-agree-top h4{font-weight: 700;font-size: 24px;line-height: 34px;}
.join-agree-top p{color:#6A6C70;}
.total-agree-box{margin-bottom:30px;padding:15px;border: 1px solid #E4E8ED;border-radius: 10px;}
.total-agree-box.active{border-color:#2949B1;}
.total-agree-box label{display:flex;justify-content:center;}
.total-agree-box.active label{color:#2949B1;}
.agree-line{display:flex;align-items:center;margin-bottom:8px;justify-content:space-between;}
.agree-line h4{font-size:16px;line-height:24px;font-weight:700;color:#484A4D;}
.join-step{display:flex;align-items:center;justify-content:space-between;max-width: 366px;width: 100%;margin:0 auto 40px;}
.join-step li{display: flex;flex-direction: column;align-items: center;position:relative;width:70px;padding:74px 0 0;}
.join-step li strong{color:#7F8186;font-weight:700;font-size:16px;line-height:24px;}
.join-step li.on strong{color:#2881FF;}
.join-step li::after{position:absolute;top:34px;right: -54px;width: 30px;height: 30px;display:block;background: url("../images/sub/icon-join-arr.svg");background-size: 100%;content:'';}
.join-step li:last-child::after{display:none;}
.join-step li:first-child{background:  url("../images/sub/icon-join-01-off.svg")no-repeat 50% 0;background-size: 70px 70px;}
.join-step li:first-child.on{background:  url("../images/sub/icon-join-01-on.svg")no-repeat 50% 0;background-size: 70px 70px;}
.join-step li:nth-child(2){background: url("../images/sub/icon-join-02-off.svg")no-repeat 50% 0;background-size: 70px 70px;}
.join-step li:nth-child(2).on{background:  url("../images/sub/icon-join-02-on.svg")no-repeat 50% 0;background-size: 70px 70px;}
.join-step li:last-child{background: url("../images/sub/icon-join-03-off.svg")no-repeat 50% 0;background-size: 70px 70px;}
.join-step li:last-child.on{background: url("../images/sub/icon-join-03-on.svg")no-repeat 50% 0;background-size: 70px 70px;}
.join-box .rule-wrap{margin-bottom:60px;}
.join-box .rule-wrap:last-child{margin-bottom:0;}
.join-box .rule-wrap .scroll-bar{max-height:274px;}
.join-box .rule-wrap .scroll-bar{max-height:274px;}
.join-certify-type{display:flex;gap:16px;}
.join-certify-type li{flex:1;}
.join-certify-type li label{display:flex;gap:24px;align-items:center;cursor:pointer;padding:16px 24px;border:1px solid #E4E8ED;border-radius:16px;background-color: #F3F8FD;}
.join-certify-type li .text{display:flex;flex-direction:column;gap:8px;width: calc(100% - 144px);}
.join-certify-type li .text strong{font-weight: 700;font-size: 20px;line-height: 30px;display: flex;align-items: center;width: calc(100% - 26px);}
.join-certify-type li.join-certify-01 strong{color:#2881FF;}
.join-certify-type li.join-certify-02 strong{color:#2949B1;}
.join-certify-type li .text p{font-size:14px;line-height:21px;color:#6A6C70;}
.join-certify-type input[type=radio]{width: 20px;height: 21px;margin-right: 6px;cursor:pointer;background-size: 100%;-webkit-appearance: none;-moz-appearance: none;appearance: none;-webkit-print-color-adjust: exact;background-image: url("../images/common/icon-radio-off.svg");background-repeat: no-repeat;}
.join-certify-type input:checked[type=radio]{background-image: url("../images/common/icon-radio-on.svg");}
.join-box .row-tb table select{width:290px;}
.join-box .email-text{margin-top:8px;color: #484A4D;font-size: 14px;line-height: 21px;}

/* 회원가입완료 */
.join-complete{display: flex;align-items: center;flex-direction: column;justify-content: center;gap: 8px;}
.join-complete strong{font-size: 30px;font-weight: 700;line-height: 42px;}
.join-complete p{margin-bottom: 16px;color: #6A6C70;font-size: 16px;line-height: 24px;}

/* 로그인 */
.login-wrap{margin:0 auto;max-width:500px;}
.login-wrap .top-title{margin-bottom:24px;font-weight: 700;font-size: 36px;line-height: 51px;text-align:center;}
.login-box{padding:32px;}
.login-box .inp-line{display:flex;flex-direction:column;gap:8px;}
.login-box .inp-line label{font-weight:700; }
.login-box .inp-line+.inp-line{margin-top:16px;}
.login-box .save-line{display:flex;align-items:center;justify-content:space-between;margin:14px 0 20px;}
.login-box .join-text{margin-top:20px;display:flex;flex-direction:column;gap:8px;color:#484A4D;}

/* 아이디 비번찾기 */
.find-tab{margin-bottom:20px;}
.find-box .form-radio-line{margin-bottom:20px;}
.find-text-box{width:100%;margin: 40px auto 0;max-width: 500px;}
.find-text-box ul{display:flex;flex-direction:column;gap:24px;color:#484A4D;}
.find-text-box .center-box{display:flex;flex-direction:column;gap:4px;padding:24px;border:1px solid #E4E8ED;background-color: #F8F9FA;border-radius:8px;}
.find-text-box .center-box strong{display:flex;align-items:center;gap:8px;padding-bottom:5px;border-bottom:1px solid #E4E8ED;font-weight: 700;font-size: 20px;line-height: 30px;}
.find-text-box .center-box .text-orange{font-weight: 700;font-size: 22px;line-height: 33px;}
.find-text-box .center-box p{color:#6A6C70;font-size:16px;line-height:24px;}
.find-box .noti{color:#484A4D;font-weight: 500;font-size: 14px;line-height: 21px;}
.find-box .line{display:flex;gap:8px;align-items:center;}
.find-box .line span{color: #484A4D;font-size: 16px;line-height: 24px;}
.find-box .email-line input{width:calc((100% - 30px) / 2);}
.find-box .email-num-line{color: #484A4D;}
.find-box .email-num-line input{width:calc((100% - 177px) / 2);}
.find-box .tel-line input,.find-box .tel-line .select2-container{width:calc((100% - 171px) / 3) !important;}
.find-box .tel-line2 input,.find-box .tel-line2 .select2-container{width:calc((100% - 175px) / 3) !important;}
.find-box .tel-num-line input{width: calc(100% - 131px);}
.find-box .btn-lg.w-100{margin-top:20px;}
.find-box #telBox{margin-top:16px;}
.find-box #telBox2{margin-top:16px;}
.find-box #emailBox2{margin-top:16px;}
.find-box .text-secondary{margin-top: 16px;font-weight: 700;font-size: 16px;line-height: 24px;}
.find-box .find-result .top{margin-bottom:20px;text-align:center;font-size:18px;line-height:27px;}
.find-box .find-result .top .text-secondary{font-size:18px;line-height:27px;}
.find-box .find-result .bg-box{display:flex;flex-direction:column;gap:8px;padding:16px;background-color: #F3F8FD;border:1px solid #E4E8ED;border-radius:8px;}

/* 회사소개 - ceo */
.ceo-wrap{position:relative;z-index:1;padding-bottom:60px;}
.ceo-wrap .shape-ceo-01{position:absolute;z-index: -1;left:0;bottom:0;width:338px;height:367px;background: url("../images/sub/shape-ceo-01.png")no-repeat;background-size:100%;}
.ceo-wrap .text-top{display:flex;flex-direction:column;gap:16px;}
.ceo-wrap .text-top em{color:#2881FF;font-weight:700;font-size:22px;line-height:33px;font-family:"Oxanium";}
.ceo-wrap .text-top strong{font-weight: 700;font-size: 40px;line-height: 56px;}
.ceo-wrap .text{margin:50px 0 80px;color:#484A4D;font-size: 16px;line-height: 24px;}
.ceo-wrap .text p+p{margin-top:20px;}
.ceo-wrap .ceo-btm{display:flex;align-items:center;gap:10px;width:100%;justify-content:flex-end;font-size: 18px;line-height: 27px;color:#484A4D;}
.ceo-wrap .ceo-btm strong{font-family: "NanumGangBuJangNimCe";font-weight: 400;font-size: 40px;line-height: 100%;}

/* 회사소개 - ci */
.ci-wrap{}
.ci-wrap .con-box{margin-top:80px;}
.ci-wrap .line-top-box{display:flex;flex-direction:column;gap:8px;margin-bottom:16px;}
.ci-wrap .line-top-box p{color:#484A4D;font-size:14px;line-height:21px;}
.ci-wrap .line-title{display:flex;align-items:center;font-weight: 700;font-size: 22px;line-height: 33px;}
.ci-wrap .line-title::before{display:inline-block;width:3px;height:20px;margin-right:8px;background-color: #2949B1;content:'';}
.ci-wrap .col-img-box{display:flex;gap:24px;margin-top:40px;}
.ci-wrap .col-img-box .col-mark{flex:1;}
.ci-wrap .col-img-box .col-mark h4{margin-bottom:8px;font-size:18px;line-height:27px;font-weight:700;}
.ci-wrap .row-img-box .row-mark{margin-top:40px;}
.ci-wrap .row-img-box .row-mark h4{margin-bottom:8px;font-size:18px;line-height:27px;font-weight:700;}

.ci-wrap .img-box{position:relative;z-index:1;display:flex;align-items:center;justify-content:center;overflow:hidden;border:1px solid #E4E8ED;border-radius:16px;}
.ci-wrap .down-box{margin-top:16px;justify-content: flex-end;}
.ci-wrap .down-box .btn{gap:4px;align-items:center;}
.ci-wrap .down-box i{width:24px;height:24px;}
.ci-wrap .row-type .img-box img:first-of-type{margin-top: 15px;}
.ci-wrap .bg-img-box{min-height:200px;}
.ci-wrap .bg-img-box::before{display:block;position:absolute;z-index:-1;width:100%;height:100%;content:'';background: url("../images/sub/bg-ci.png")no-repeat;}
.ci-wrap .col-type{display:flex;gap:24px;flex-wrap: wrap;}
.ci-wrap .color-box-wrap{display:flex;gap:24px;}
.ci-wrap .color-box-wrap .color-col{flex:1;}
.ci-wrap .color-box-wrap .color-box{display: flex;flex-direction: column;justify-content: flex-end;margin-bottom:16px;height:200px;padding:30px;border-radius:16px;font-size:16px;line-height:24px;}
.ci-wrap .color-box-wrap .color-col .text strong{display:inline-block;margin-bottom:8px;font-weight: 700;font-size: 20px;line-height: 30px;}
.ci-wrap .color-box-wrap .color-col .text p{color:#6A6C70;font-size:14px;line-height:21px;}
.ci-wrap .color-box-wrap .ci-color-box-01 .color-box{background-color: #002d72;color:#809CBD;}
.ci-wrap .color-box-wrap .ci-color-box-01 .text strong{color:#002d72;}
.ci-wrap .color-box-wrap .ci-color-box-02 .color-box{background-color: #ff9e1b;color:#FFF2DD;}
.ci-wrap .color-box-wrap .ci-color-box-02 .text strong{color:#ff9e1b;}
.ci-wrap .color-box-wrap .bi-color-box-01 .color-box{background-color: #002F73;color:#809CBD;}
.ci-wrap .color-box-wrap .bi-color-box-01 .text strong{color:#002F73;}
.ci-wrap .color-box-wrap .bi-color-box-02 .color-box{background-color: #F89C1C;color:#FFF2DD;}
.ci-wrap .color-box-wrap .bi-color-box-02 .text strong{color:#F89C1C;}
/* .ci-wrap .color-box-wrap .color-col-01 .text strong{color:#F89C1C;}
.ci-wrap .color-box-wrap .color-col-02 .text strong{color:#002F73;} */
.ci-wrap .color-box-wrap .color-box dl{display:flex;gap:20px;}
.ci-wrap .color-box-wrap .color-box dt{width:93px;}

/* 회사소개 - 핵심가치 */
.company-top-box{margin-bottom:32px;}
.company-top-box .top-title{margin-bottom:16px;font-weight: 700;font-size: 40px;line-height: 56px;}
.company-top-box .top-title.line-title{}
.company-top-box .top-title.line-title::before{display: inline-block;width: 5px;height: 30px;margin-right: 16px;background-color: #2949B1;content: '';}
.company-top-box .top-text{color:#484A4D;font-size: 16px;line-height: 24px;}
.company-wrap .core-box{display:grid;gap:24px;grid-template-columns: 1fr 1fr;margin-top:40px;}
.company-wrap .core-box li{display: flex;flex-direction: column;justify-content: space-between;align-items: flex-end;gap:8px;padding:24px;border-radius:16px;border:1px solid #CCE2FF;background-color: #EEF6FF;}
.company-wrap .core-box li:nth-child(n+2):nth-child(-n+3){border-color:#E0E3EA;background-color:#F6F8FB ;}
.company-wrap .core-box li h4{width: 100%;color:#013E86;font-weight: 700;font-size: 30px;line-height: 42px;}
.company-wrap .core-box li p{width: 100%;color:#6A6C70;}
.company-wrap .item-box{margin-top:40px;display:flex;flex-direction:column;gap:32px;}
.company-wrap .item-box > li{display:flex;gap:40px;padding:40px;border-radius:16px;background-color: #fff;box-shadow: 0px 0px 15px 0px rgba(0, 0, 0, 0.1);}
.company-wrap .item-box li .img{max-width:335px;overflow:hidden;border-radius:16px;}
.company-wrap .item-box li .img img{height: 100%;width: 100%;}
.company-wrap .item-box li .text-wrap{width: calc(100% - 375px);}
.company-wrap .item-box li .text-wrap .text-top{display:flex;flex-direction:column;gap:4px;margin-bottom:16px;padding-bottom:16px;border-bottom:1px solid #E4E8ED;}
.company-wrap .item-box li .text-wrap .text-top em{color:#F39A00;font-weight: 700;font-size: 14px;line-height:21px;}
.company-wrap .item-box li .text-wrap .text-top strong{font-weight: 700;font-size:30px;line-height:42px;}
.company-wrap .item-box li .text-wrap .text-top p{color:#484A4D;font-size:16px;line-height:24px;}
.company-wrap .item-box li .text-wrap .chk-list{display:flex;gap:20px;}
.company-wrap .item-box li .text-wrap .chk-list .box{flex:1;}
.company-wrap .item-box li .text-wrap .chk-list .box strong{display:flex;align-items:center;gap:4px;margin-bottom:8px;font-weight: 700;font-size: 16px;line-height: 24px;}
.company-wrap .item-box li .text-wrap .chk-list li{position:relative;color:#6A6C70;font-size:14px;line-height:21px;padding-left: 23px;line-height: 21px;}
.company-wrap .item-box li .text-wrap .chk-list li::before{margin-top: 8px;position: absolute;left: 8px;display:inline-block;width:4px;height:4px;border-radius:100%;content:'';background-color: #6A6C70;}

/* 회사소개 - 비전 */
.vision-wrap{}
.vision-wrap .top-title-box{display:flex;flex-direction:column;margin-bottom:60px;}
.vision-wrap .top-title-box em{font-weight: 700;font-size: 20px;line-height: 30px;color:#2881FF;}
.vision-wrap .top-title-box .text1{margin:8px 0 16px;font-weight: 700;color:#fff;font-size:36px;line-height: 51px;}
.vision-wrap .top-title-box .text2{color:#7F8186;font-size: 16px;line-height: 24px;}
.vision-wrap section{overflow:hidden;/* height:100vh; */background-color: #030B19;}
.vision-wrap .sec1{position: relative;height: 100dvh;display: flex;align-items: center;justify-content: center;background-color: #fff;font-weight: 700;font-size: 40px;line-height: 56px;}
.vision-wrap .text-first{color:#2881FF;font-weight: 700;font-size: 140px;line-height: 140px;}
.vision-wrap .text-second {position: absolute;top: 50%;left: 50%;transform: translate(-50%, -50%);display: flex;gap:6px;}
.vision-wrap .text-second span {opacity: 0;transform: translateY(20px);color:#2881FF;font-weight: 700;font-size: 200px;line-height: 140px;display: flex;align-items: center;justify-content: center;}
.vision-wrap .text-second .shape{margin-left:30px;}
.vision-wrap .sec1 .shape-circle{display:block;width:430px;height:430px;background: url("../images/sub/img-vision-sec1-circle.png")no-repeat;    background-size: 100%;}
.vision-wrap .sec1 .circle-left {left: 5%;position: absolute;top: 50%;transform: translateY(-50%);}
.vision-wrap .sec1 .circle-right {right: 5%;position: absolute;top: 50%;transform: translateY(-50%);}
.vision-wrap .sec1 .mo-text{display:none;flex-direction:column;align-items:center;justify-content:center;font-size:45px;color:#2881FF;line-height:63px;font-weight:700;}
.vision-wrap .sec1 .mo-text .text1{display:flex;flex-direction:column;align-items: center;text-align:center;}
.vision-wrap .sec1 .mo-text .text1::after{display:block;width:3px;height:0;background-color: #D7D7D7;content:'';transition: height .6s;}
.vision-wrap .sec1 .mo-text .text1.active::after{height:65px;}
.vision-wrap .sec1 .mo-text .text2 {display:flex;align-items:center;gap:11px;}
.vision-wrap .sec1 .mo-text .text2 .icon-sec1-shape-m{transform:rotate(360deg);}

.vision-wrap .sec2{height: 100dvh;display:flex;align-items:center;justify-content:center;position:relative;color: rgba(255, 255, 255, 0.3);font-weight: 700;font-size: 100px;line-height: 150px;}
.vision-wrap .sec2 .text{position:relative;z-index:3;}
.vision-wrap .sec2 .text .letter {display: inline-block;transform: translateY(20px);}
.vision-wrap .sec2 .text .color-01{color:#fff;}
.vision-wrap .sec2 .text .color-02{color:rgba(255,255,255,0.3);}
.vision-wrap .sec2 .sec2-bg{position: absolute;z-index: 1;}
/* .vision-wrap .sec2::before{display:block;position:absolute;bottom:0;width:1920px;height:980px;content:'';background: url("../images/sub/bg-vision-sec2.png")no-repeat;} */
.vision-wrap .sec3{padding:100px 0;position:relative;z-index:1;}
.vision-wrap .sec3 .mission-list{position:relative;height:615px;}
.vision-wrap .sec3 .mission-list li{opacity: 0;transform: translateY(40px) translateZ(0);backface-visibility: hidden;display: flex;align-items: center;justify-content: center;text-align: center;font-size: 22px;line-height: 33px;font-weight: 700;border-radius:100%;position: absolute;width:200px;height:200px;}
.vision-wrap .sec3::before{display:inline-block;background: url("../images/sub/bg-vision-sec3.png")no-repeat;width:987px;height:521px;position:absolute;bottom:0;left:0;content:'';z-index:-1;}
.vision-wrap .sec3 li:first-child{animation-delay:.1s;left:340px;top:48px;z-index:1;width:520px ;height:520px;color:#B2C7FF;font-size: 40px;line-height: 56px;background: linear-gradient(180deg, rgba(24, 49, 110, 0.5) 0%, rgba(5, 9, 21, 0.5) 100%);}
.vision-wrap .sec3 li:first-child::before{position: absolute;z-index:3;display:inline-block;width:430px;height:430px;border-radius:100%;content:'';background: linear-gradient(180deg, rgba(32, 49, 135, 0.5) 0%, rgba(11, 12, 30, 0.5) 100%);}
.vision-wrap .sec3 li:first-child::after{position: absolute;z-index:2;display:inline-block;width:320px;height:320px;border-radius:100%;content:'';background: linear-gradient(180deg, rgba(54, 95, 200, 0.5) 0%, rgba(25, 29, 81, 0.5) 100%);}
.vision-wrap .sec3 li:first-child strong{position: absolute;z-index: 4;}
.vision-wrap .sec3 li:nth-child(2){animation-delay:.25s;left:65px;top:208px;color:#B2C7FF;background: linear-gradient(180deg, #1C5081 0%, #0F253F 100%);}
.vision-wrap .sec3 li:nth-child(3){animation-delay:.45s;right:65px;top:65px;color:#9ADBC9;background: linear-gradient(180deg, #2F5C54 0%, #1B2332 100%);}
.vision-wrap .sec3 li:last-child{animation-delay:.65s;right:114px;bottom:0;color:#F5BD84;background: linear-gradient(180deg, #A66F42 0%, #533F2E 100%);}

.vision-wrap .sec4{padding-bottom:100px;}
.vision-wrap .sec4 .future-list{display:flex;gap:40px;flex-wrap:wrap;}
.vision-wrap .sec4 .future-list li{display:flex;flex-direction:column;justify-content:center;align-items:center;width: calc((100% - 80px) / 3);border:1px solid #030B19;padding:30px;24px;text-align:center;background: linear-gradient(107.11deg, #1B1D20 2.33%, #3F4046 50.72%, #1B1D20 98.19%);border-radius:20px;transition:border .3s;}
.vision-wrap .sec4 .future-list li:hover{border-color:rgba(255, 255, 255, 0.5);}
.vision-wrap .sec4 .future-list li strong{margin:16px 0 8px;color:#fff;font-size:24px;line-height:34px;font-weight:700;}
.vision-wrap .sec4 .future-list li p{color:#9A9EA3;font-size:16px;line-height:24px;}

/* 회사소개 - 연혁 */
.history-wrap .bor-tab{margin-bottom:80px;}
.history-wrap .no-con .history-list{padding-top: 24px;margin-top:82px;}
.history-wrap .year-top{display:flex;gap:16px;align-items:center;margin-bottom:16px;font-weight: 700;font-size: 36px;line-height: 51px;}
.history-wrap .history-con{position:relative;}
.history-wrap .history-con .history-swiper{height:210px;margin-bottom:60px;width: 100%;overflow: hidden;}
.history-wrap .history-con .history-swiper .swiper{height:100%;/* width: 1200px; */margin: 0 !important;overflow: visible !important;}
.history-wrap .history-con .history-swiper li{border:1px solid #E4E8ED;border-radius:16px;overflow:hidden;}
.history-wrap .history-con .history-swiper li img{width:100%;height:100%;}
.history-wrap .history-con .bk-tab-wrap{position:absolute;top:337px;}
.history-wrap .history-con .bk-tab-wrap.no-tab{top:80px;}
.history-list{display:flex;flex-direction:column;margin-top:140px;}
.history-list dl{display:flex;gap:8px;padding:20px 0;border-bottom:1px solid #E4E8ED;}
.history-list dt{flex-shrink: 0;width:80px;font-size:18px;line-height:27px;font-weight:700;}
.history-list dd{color:#484A4D;}
.history-list dd p{margin-left: 13px;text-indent: -13px;}
.history-list dd p::before{display:inline-block;margin:0 10px 3px 0;width:4px;height:4px;border-radius:100%;background-color:#484A4D;content:'';}
.history-list dd .text-yellow{}

/* 고객센터 - locatoin */
.location-box+.location-box{margin:80px 0 0;}
.location-box {display:flex;align-items:center;gap:72px;justify-content:space-between;}
.location-box .lf{}
.location-box .lf .title-box{display:flex;flex-direction:column;gap:8px;padding-bottom:16px;border-bottom:1px solid #E4E8ED;}
.location-box .lf .title-box strong{font-weight: 700;font-size: 24px;line-height: 34px;}
.location-box .lf .title-box em{color:#F39A00;font-weight:700;}
.location-box .lf dl{display:flex;flex-direction:column;gap:8px;padding:16px 0;}
.location-box .lf dl dt{display:flex;gap:4px;align-items:center;font-size:18px;line-height:27px;font-weight:700;}
.location-box .lf dl dd{color:#484A4D;}
.location-box .lf dl .line-2{background-color: #0FB800;color:#fff;}
.location-box .map{width:100%;max-width:600px;border-radius:16px;border:1px solid #E4E8ED;overflow:hidden;}
.location-box .root_daum_roughmap .wrap_controllers{display:none;}
.location-box .root_daum_roughmap .map_border{border:0 !important;background:none !important;}
.location-box .section_address{display:none;}

/* 교육일정 */
.schedule-top {display:flex;justify-content:space-between;align-items:center;margin:60px 0 20px;}
.schedule-top .schedule-month{display:flex;gap:16px;color:#484A4D;font-weight: 700;font-size: 30px;line-height: 42px;}
.schedule-top select{width:200px;height:48px;}
.schedule-list{border-top:1px solid #202020;}
.schedule-list li{display:flex;align-items:center;justify-content:space-between;padding:16px;border-bottom:1px solid #E0E7ED;}
.schedule-list li .lf-text{display:flex;flex-direction:column;align-items:flex-start;width: calc(100% - 200px);}
.schedule-list li .lf-text .title{margin:4px 0 8px;font-size:16px;line-height:24px;font-weight:700;}
.schedule-list li .lf-text .period{color:#6A6C70;font-size:14px;line-height:21px;}
.schedule-list li .btn-md{width:140px;}

/* 통합검색 */
.total-view-srch{display:flex;align-items:center;justify-content:center;flex-wrap:wrap;}
.total-view-srch .srch-top{font-weight: 700;font-size: 24px;line-height: 34px;width:100%;text-align:center;}
.total-view-srch .srch-wrap{display:flex;justify-content: center;gap:8px;margin:16px 0 40px;padding:24px 15px;width:100%;background-color: #F3F8FD;border:1px solid #E4E8ED;border-radius:8px;}
.total-view-srch .srch-wrap input{width:100%;max-width:400px;}
.total-view-srch .srch-wrap .btn{gap:4px;flex-shrink:0;}
.total-view-box+.total-view-box{margin-top:60px;}
.total-view-box .list-top{display:flex;align-items:center;gap:8px;padding-bottom:16px;font-weight: 700;font-size: 18px;line-height: 27px;padding-bottom:16px;border-bottom:1px solid #202020;}
.total-view-box .total-view-list li{border-bottom:1px solid #E4E8ED;}
.total-view-box .total-view-list li a{display:flex;gap:16px;align-items:center;padding:24px 0;}
.total-view-box .total-view-list .img{position:relative;width:280px;height:210px;overflow:hidden;border-radius:16px;border:1px solid #E4E8ED;}
.total-view-box .total-view-list .img img{width:100%;height:100%;}
.total-view-box .total-view-list .img .badge-line{position:absolute;top:10px;left:10px;width:calc(100% - 20px);display:flex;gap:4px;align-items:center;}
.total-view-box .total-view-list .text-box{width:calc(100% - 296px);}
.total-view-box .total-view-list li .cate-line{display:flex;align-items:center;margin-bottom:8px;color:#2949B1;font-weight: 700;font-size: 12px;line-height: 18px;}
/* .total-view-box .total-view-list li .cate-line span::after{display:inline-block;margin:0 4px;width:1.5px;height:10px;background-color:rgba(93, 160, 255, 0.4);content:'';}
.total-view-box .total-view-list li .cate-line span:last-child::after{display:none;} */
.total-view-box .total-view-list .text-box .title{font-weight: 700;font-size: 16px;line-height: 24px;}
.total-view-box .total-view-list .text-box .text{margin:8px 0;color:#6A6C70;font-size: 13px;line-height: 19px;display: -webkit-box;-webkit-line-clamp: 2;-webkit-box-orient: vertical;overflow: hidden;}
.total-view-box .total-view-list .text-box .period{display:flex;gap:2px;align-items:center;color:#6A6C70;font-size: 13px;line-height: 19px;}
.total-view-box .total-view-list .nodata-img{margin-top:16px;}

/* 윤리경영 인터넷제보 */
.ethics-wrap{}
.ethics-wrap .bor-tab{margin-bottom:80px;}
.ethics-wrap .ethics-top h4{font-weight: 700;font-size: 30px;line-height: 42px;}
.ethics-wrap .ethics-top >div{margin: 16px 0 24px;}
.ethics-wrap .ethics-top p{color:#484A4D;}
.ethics-wrap .con-box+.con-box{margin-top:80px;}
.ethics-wrap .top-title{margin-bottom:32px;font-weight: 700;font-size: 40px;line-height: 56px;}
.ethics-wrap .line-title{padding-bottom:16px;display:flex;align-items:center;font-weight: 700;font-size: 22px;line-height: 33px;}
.ethics-wrap .line-title::before{display:inline-block;width:3px;height:20px;margin-right:8px;background-color: #2949B1;content:'';}
.ethics-wrap .line-title-bor{padding-bottom:8px;border-bottom:1px solid #202020;}
.ethics-wrap .ethics-line-top{display: flex;align-items: center;justify-content: space-between;border-bottom: 1px solid #202020;padding-bottom: 8px;}
.ethics-wrap .ethics-line-top .line-title{padding:0;}
.ethics-wrap .system-list{display:flex;gap:40px;}
.ethics-wrap .system-list li{flex: 1;}
.ethics-wrap .system-list strong{display:inline-block;margin:16px 0 8px;font-weight: 700;font-size: 18px;line-height: 27px;}
.ethics-wrap .system-list .text{color:#484A4D;}
.ethics-wrap .protect-list{display:flex;gap:30px;margin-top:16px;}
.ethics-wrap .protect-list li{padding:24px 10px;flex:1;display:flex;flex-direction:column;align-items:center;text-align:center;border-radius:16px;background-color:#EEF7FF;}
.ethics-wrap .protect-list li strong{display:inline-block;margin:16px 0 8px;color:#2881FF;font-weight:700;font-size:18px;line-height:27px;}
.ethics-wrap .protect-list li p{color:#484A4D;font-weight: 500;font-size: 14px;line-height: 21px;}
.ethics-wrap .method-box{display: flex;flex-direction: column;gap: 10px;align-items: flex-start;margin-bottom:16px;padding:52px 40px;position:relative;z-index:1;overflow:hidden;background-color:#012045;color:#BABBBD;border-radius:16px;}
.ethics-wrap .method-box::after{position:absolute;width:360px;height:217px;right:40px;bottom:0;z-index:-1;background:url("../images/sub/bg-ethical-method.png")no-repeat;content:'';background-size: 100%;}
.ethics-wrap .method-box h5{font-weight: 700;font-size: 24px;line-height: 34px;color:#fff;}
.ethics-wrap .method-box .contact-line{display:flex;gap:8px;align-items:center;}
.ethics-wrap .method-box .contact-line span{display:flex;gap:4px;align-items:center;}
.ethics-wrap .method-box .btn{margin-top:12px;}
.ethics-wrap .bg-box{margin-top:16px;padding:24px;background-color: #F3F5F9;border-radius:8px;}
.ethics-wrap .bg-box p{position:relative;padding-left:18px;color:#484A4D;}
.ethics-wrap .bg-box p::before{position:absolute;top: 9px;left: 7px;display:inline-block;margin-right: 9px;background-color: #484A4D;width:4px;height:4px;border-radius:100%;content:'';}
.ethics-wrap .noti-text{color:#484A4D;}
.ethics-wrap .toggle-list{display: flex;flex-direction: column;}
.ethics-wrap .toggle-list li{border-bottom: 1px solid #E0E7ED;cursor: pointer;}
.ethics-wrap .toggle-list .btn-toggle{display:flex;gap:8px;padding:28px 16px;position:relative;}
.ethics-wrap .toggle-list .btn-toggle::after{position:absolute;top:50%;right:19px;transform:translateY(-50%);width:24px;height:24px;background: url("../images/sub/icon-toggle-on.svg")no-repeat 50% 50%;content:'';transition:.3s;background-size: 100%;}
.ethics-wrap .toggle-list li.active .btn-toggle::after{background: url("../images/sub/icon-toggle-off.svg")no-repeat 50% 50%;background-size:100%;}
.ethics-wrap .toggle-list .btn-toggle .badge{background-color: #FFF2CE;color:#FF7700;}
.ethics-wrap .toggle-list .btn-toggle .text{width: calc(100% - 90px);font-size:16px;line-height:24px;font-weight:700;}
.ethics-wrap .toggle-list .togle-box{padding:32px 16px;background-color: #F3F5F9;color:#484A4D;font-size:14px;line-height:21px;}
.ethics-wrap .toggle-list .togle-box >div+div{margin:24px 0 0;}
.ethics-wrap .toggle-list .togle-box strong{margin-bottom:4px;font-weight:700;font-size:15px;line-height:23px;}
.ethics-wrap .toggle-list .togle-box .indent{margin-left:15px;}
.ethics-wrap .toggle-list .togle-dot-box p{position:relative;display:flex;align-items:center;padding-left:18px;}
.ethics-wrap .toggle-list .togle-dot-box p::before{position:absolute;top: 9px;left: 7px;display:inline-block;margin-right: 9px;background-color: #484A4D;width:4px;height:4px;border-radius:100%;content:'';}
.ethics-wrap .agree-top{display:flex;justify-content:space-between;align-items:center;padding-bottom:8px;color:#484A4D;}
.ethics-wrap .agree-top h5{font-size:16px;line-height:24px;}
.ethics-wrap .agree-box{margin-bottom:8px;padding:40px 24px;border:1px solid #E4E8ED;border-radius:16px;color:#6A6C70;}
.ethics-wrap .agree-box >div+div{margin:20px 0 0;}
.ethics-wrap .agree-noti{color:#484A4D;font-size:14px;line-height:21px;}
.ethics-wrap .row-tb table th{width: 130px;}
.ethics-wrap .row-tb table td{width: calc(100% - 130px);}
.ethics-wrap .row-tb .noti-text{margin-top:8px;}
.ethics-wrap .row-tb .w-100{max-width:none;}
.ethics-wrap .row-tb .file-box{display: flex;margin-bottom:10px;position:relative;align-items: center;column-gap: 5px;width: 100%;}
.ethics-wrap .row-tb .file-box input{max-width:none;width:calc(100% - 227px);}
.ethics-wrap .row-tb .file-text{display:flex;align-items:center;font-size:14px;gap:5px;}
.ethics-wrap .row-tb .file-text p{max-width: calc(100% - 67px);text-overflow: ellipsis;white-space: nowrap;overflow: hidden;}
.ethics-wrap .row-tb .file-box .btns button{width:107px;padding: 11px 5px;}
/* .ethics-wrap .row-tb .file-box .btn-file{position:relative;width:140px;height:50px;}
.ethics-wrap .row-tb .file-box .btn-file label{cursor: pointer;position: absolute;left: 0;right: 0;top: 0;bottom: 0;} */

/* 과정 */
.course-wrap{display:flex;justify-content:space-between;}
.lnb-box{width:190px;}
.lnb-box .lnb-top{display:flex;width: 100%;justify-content: space-between;margin-bottom:16px;}
.lnb-box .lnb-top h3{font-weight: 700;font-size: 24px;line-height: 34px;}
.lnb-box .lnb-top .lnb-clse{display:none;}
.lnb-box .lnb-list{}
.lnb-box .lnb-list > li{border-bottom:1px solid #E4E8ED;}
.lnb-box .lnb-list li .dp1-title{position:relative;width:100%;padding:14px 0;display:flex;cursor:pointer;color:#484A4D;font-size:14px;line-height:21px;font-weight:700;}
.lnb-box .lnb-list li .dp1-title::after{position:absolute;right:0;top:50%;transform:translateY(-50%);display:inline-block;width:18px;height:19px;background:url("../images/sub/icon-lnb-arr.svg")no-repeat;content:'';transition:transform .3s;}
.lnb-box .lnb-list li .dp1-title.active::after{transform:rotate(-180deg) translateY(50%);}
.lnb-box .lnb-list li .dp1-title.dp1-arr-no::after{display:none;}
.lnb-box .lnb-list li .dp2-list{display:flex;flex-direction:column;gap:10px;padding:4px 0 14px;}
.lnb-box .lnb-list li .dp2-list li{padding:1.5px 0;}
.mo-lnb-select{display:none;margin-bottom:30px;}
.mo-lnb-select .toggle-lnb{display: flex;align-items:center;justify-content: space-between;padding:13px 12px;width:100%;margin-bottom:8px;border:1px solid #E4E8ED;border-radius:8px;color:#484A4D;font-size:14px;line-height:21px;font-weight:700;}
.mo-lnb-select .cate-box{display:flex;gap:4px;flex-wrap:wrap;}
.mo-lnb-select .cate-del{display:flex;align-items:center;gap:2px;padding:3px 6px;background-color:#DEEDFC;border-radius:4px;color:#2881FF;font-weight:700;font-size:12px;line-height:18px;}

.course-wrap .course-rg{width:892px;}
.course-wrap .filter-box-wrap{margin-bottom:40px;}

/* filter */
.filter-box-wrap{display:flex;flex-wrap:wrap;background-color: #F3F5F9;font-size:14px;line-height:21px;border-radius:10px;padding:16px 24px;}
.filter-box-wrap .filter-box-line{width:100%;}
.filter-box-wrap .filter-box-line .filter-box{width:100%;}
.filter-box-wrap .filter-box{display:flex;gap:15px;align-items: center;width:50%;margin-bottom:16px;}
.filter-box-wrap .filter-box .title{width:80px;font-weight:700;}
.filter-box-wrap .filter-box .filter-list{display:flex;gap:6px;flex-wrap:wrap;width:calc(100% - 95px);}
.filter-box-wrap .filter-box .filter-list li{}
.filter-box-wrap .filter-box .filter-list li a{display:flex;align-items:center;justify-content:center;padding:6.5px 11.5px;color:#484A4D;border:1px solid #D8DBDF;background-color: #fff;border-radius:6px;}
.filter-box-wrap .filter-box .filter-list li.active a{color:#2949B1;border-color:#2949B1;background-color: #EFF7FF;}
.filter-box-wrap .filter-btm-box{display: flex;align-items: center;justify-content: space-between;width: 100%;padding-top: 10px;border-top: 1px solid #E4E8ED;}
.filter-box-wrap .filter-box-line .srch-box{display:flex;gap:8px;width:100%;max-width:332px;}
.filter-box-wrap .filter-box-line .srch-box input{padding: 10px 8px;width:calc(100% - 50px);max-width:300px;border-radius: 6px;}
/* .filter-box-wrap .filter-btm-box .select-custom{width:200px;}
.filter-box-wrap .filter-btm-box .filter-view{display:flex;gap:8px;}
.filter-box-wrap .filter-btm-box .filter-view .btn{padding:6.5px 11.5px;color:#484A4D;border:1px solid #D8DBDF;background-color: #fff;border-radius:6px;font-weight:500;}
.filter-box-wrap .filter-btm-box .filter-view .btn.active{color:#2949B1;border-color:#2949B1;background-color: #EFF7FF;} */
.filter-box-wrap .btns{justify-content: flex-end;width:100%;/* padding-top:10px;border-top:1px solid #E4E8ED; */}
.filter-box-wrap .btns button{gap:4px;width:82px;}
.filter-box-text{margin-top:8px;color:#484A4D;font-size:14px;line-height:21px;}
.course-list-top{margin-bottom:16px;gap:15px;display:flex;justify-content:space-between;}
.course-list-top .chk-list{display:flex;gap:16px;flex-wrap:wrap;row-gap:5px;align-items:center;}
.course-list-top .total-num-box{display:flex;gap:8px;align-items:center;}
.course-list-top .total-num-box .select-custom{width:150px;}
.course-wrap .course-rg .course-list{grid-template-columns: 1fr 1fr 1fr;}

/* 과정상세 */
.course-bread{color: #6A6C70;font-size: 14px;line-height: 21px;max-width: 1224px;margin: 0 auto;padding: 0 12px;display: flex;justify-content: flex-end;margin-bottom: 16px;align-items: center;gap: 2px;}
.course-view-wrap{}
.course-view-wrap .course-top{display:flex;justify-content:space-between;padding-bottom: 60px;}
.course-view-wrap .course-top .lf-wrap{width:600px;}
.course-view-wrap .course-top .lf-wrap .img-box{position:relative;height:450px;border:1px solid #E4E8ED;border-radius:16px;overflow:hidden;}
.course-view-wrap .course-top .lf-wrap .img-box .badge-line{position:absolute;display:flex;gap:6px;top:16px;left:16px;width:calc(100% - 32px);}
.course-view-wrap .course-top .lf-wrap .img-box .badge-line .co-badge{font-size: 13px;line-height: 18px;padding: 5px 10px;}
.course-view-wrap .course-top .lf-wrap .img-box .badge-line i{width:16px;height:16px;}
.course-view-wrap .course-top .lf-wrap .img-box img{width:100%;height:100%;}
.course-view-wrap .course-top .lf-wrap .tag-box{display:flex;gap:8px;flex-wrap:wrap;margin-top:16px;}
.course-view-wrap .course-top .lf-wrap .tag-box span{display:inline-block;padding:2px 6px;border:1px solid #D8DBDF;border-radius:4px;color:#484A4D;font-weight:700;font-size:12px;line-height:18px;}
.course-view-wrap .course-top .lf-wrap .tag-box span::before{display:inline-block;content:'#';color:#484A4D;}
.course-view-wrap .course-top .rg-wrap{width:480px;}
.course-view-wrap .course-top .rg-wrap .badge-top{margin-bottom:8px;display:flex;gap:8px;}
.course-view-wrap .course-top .rg-wrap .badge-top span{display:flex;align-items:center;justify-content:center;font-size:12px;border-radius:6px;line-height:18px;padding:3px 7px;color:#FFFFFF;}
.course-view-wrap .course-top .rg-wrap .badge-top .badge-new{background-color: #FF7700;}
.course-view-wrap .course-top .rg-wrap .badge-top .badge-best{background-color: #2881FF;}
.course-view-wrap .course-top .rg-wrap .badge-top .badge-hot{background-color: #E9323E;}
.course-view-wrap .course-top .rg-wrap .course-title{margin-bottom:16px;font-weight: 700;font-size: 30px;line-height: 42px;}
.course-view-wrap .course-top .rg-wrap .cate-line{display:flex;align-items:center;margin-bottom:24px;color:#2949B1;font-weight: 700;font-size: 14px;line-height: 21px;}
.course-view-wrap .course-top .course-info-box{display: flex;flex-direction: column;gap: 8px;padding:24px;border:1px solid #EEF1F5;border-radius:16px;background-color: #F8F8FB;}
.course-view-wrap .course-top .course-info-box select{width:110px !important;height:40px !important;}
.course-view-wrap .course-top .course-info-box .select2-container--default .select2-selection--single{height:40px !important;border-radius: 6px !important;}
.course-view-wrap .course-top .course-info-box .select2-container--default .select2-selection--single .select2-selection__rendered {padding: 9.5px 8px !important;}
.course-view-wrap .course-top .course-info-box .select2-container--default .select2-selection--single .select2-selection__arrow::after{right: 8px;}
.course-view-wrap .course-top .course-info-box dl{display:flex;align-items:center;justify-content: space-between;gap:17px;height:40px;}
.course-view-wrap .course-top .course-info-box dt{width:97.5px;color:#484A4D;font-weight:700;font-size:14px;line-height:21px;}
.course-view-wrap .course-top .course-info-box dd{color:#484A4D;}
.course-view-wrap .course-top .course-info-box dd.price strong{font-weight: 700;font-size: 20px;line-height: 30px;color:#E9323E;}
.course-view-wrap .course-top .course-info-box dd.price span{color:#6A6C70;font-size:13px;line-height:19px;}
.course-view-wrap .course-top .course-info-box .btns{padding-top:16px;border-top:1px solid #E4E8ED;gap:6px;}
.course-view-wrap .course-top .course-info-box .btns .btn{width:100%;gap: 4px;}
.course-view-wrap .course-top .course-info-box .btns .btn-wish{width:48px;padding: 10px;}


.calendar-box{display:flex;align-items:center;column-gap:4px;color:#484A4D;}
.calendar-box .calendar{display: flex;align-items: center;justify-content: space-between;width:160px;background: #fff;padding:0 8px;border-radius:6px;border:1px solid #D8DBDF;}
.calendar-box .calendar input{width:calc(100% - 23px);padding:10px 0;border:0;}
.calendar-box .calendar button{display: flex;align-items: center;justify-content: center;}

.course-view-wrap .course-tab{position:sticky;top: 134px;z-index:15;background-color: #011630;}
.course-view-wrap .course-tab ul{display:flex;}
.course-view-wrap .course-tab li{}
.course-view-wrap .course-tab li a{display:inline-block;padding:18px 16px;font-weight:700;font-size:16px;line-height:24px;border-bottom:2px solid #011630;color:#969EA7;}
.course-view-wrap .course-tab li.active a{color:#F39A00;border-color:#F39A00;}
.course-view-wrap .course-btm-fix{position:fixed;width:100%;left:0;z-index:99;bottom:0;padding:12px 0;border-top:1px solid #D8DBDF;background-color: #fff;}
.course-view-wrap .course-btm-fix .container{display:flex;gap:24px;justify-content: space-between;}
.course-view-wrap .course-btm-fix .select-line{display: flex;gap: 16px;margin-right:20px;}
.course-view-wrap .course-btm-fix .select-line dl{display:flex;gap:8px;align-items:center;font-size:14px;line-height:21px;}
.course-view-wrap .course-btm-fix .select-line dt{color:#484A4D;font-weight: 700;}
.course-view-wrap .course-btm-fix .select-line dd select{width:90px;}
.course-view-wrap .course-btm-fix .rg{display:flex;gap:24px;align-items:center;}
.course-view-wrap .course-btm-fix .price-box{display:flex;gap:8px;align-items:center;font-size:14px;line-height:21px;}
.course-view-wrap .course-btm-fix .price-box dt{font-weight:700;}
.course-view-wrap .course-btm-fix .price-box strong{color:#E9323E;font-size:16px;line-height:24px;}
.course-view-wrap .course-btm-fix .price-box span{color:#6A6C70;}
.course-view-wrap .course-btm-fix .btn-wish{width:48px;height:48px;padding:0;border:1px solid #D8DBDF;}
.course-view-wrap .course-btm-fix .btn-primary{width:186px;}
.course-view-wrap .course-con{padding-top:60px;}
.course-view-wrap .course-con .top-box{margin-bottom:60px;position:relative; z-index:1;overflow:hidden;padding:24px;background-color: #2881FF;}
.course-view-wrap .course-con .top-box::after{display:inline-block;width:343px;height:132px;right:-49px;position:absolute;z-index: -1;bottom:0;content:'';background:url("../images/sub/bg-course-view-top.png")no-repeat;background-size:100%;}
.course-view-wrap .course-con .top-box .cate{color:#DEEDFC;font-size:16px;line-height:24px;font-weight:700;}
.course-view-wrap .course-con .top-box .title{margin:4px 0 16px;font-weight: 700;font-size: 24px;line-height: 34px;color:#fff;}
.course-view-wrap .course-con .top-box .badge-line{display:flex;gap:8px;flex-wrap:warp;}
.course-view-wrap .course-con .top-box .badge-line span{display:flex;align-items:center;padding:4px 16px;font-weight:700;font-size:16px;line-height:24px;color:#fff;border:1px solid #fff;border-radius:33px;}
.course-view-wrap .course-con .top-box .badge-line .time{gap:4px;background-color: #FFFFFF;color:#2881FF;}
.course-view-wrap .course-con .top-box .manager-box{display:flex;flex-direction:column;gap:8px;margin-top:16px;background-color: #fff;border-radius:16px;padding:24px;}
.course-view-wrap .course-con .top-box .manager-box dl{display:flex;gap:8px;}
.course-view-wrap .course-con .top-box .manager-box dt{width:100px;font-weight:700;}
.course-view-wrap .course-con .top-box .manager-box dd{color:#484A4D;font-weight:500;}
.course-view-wrap .relevant-box{padding:24px 16px;background-color: #F3F8FD;border:1px solid #E4E8ED;border-radius:16px;}
.course-view-wrap .relevant-box .title{margin-bottom:16px;padding-bottom:8px;font-size:22px;line-height:33px;font-weight:700;border-bottom:1px solid #E4E8ED;}
.course-view-wrap .relevant-box .badge-line{display:flex;gap:6px;flex-wrap: wrap;}
.course-view-wrap .relevant-box .badge-line span{display:flex;align-items:center;justify-content:center;border-radius:35px;padding:5px 15px;border:1px solid #D8DBDF;color:#484A4D;background-color: #fff;}
.course-view-wrap .course-con .line-title{display:flex;align-items:center;margin-top:60px;gap:8px;margin-bottom:16px;padding-bottom:7px;font-weight: 700;font-size: 22px;line-height: 33px;border-bottom:1px solid #202020;}
.course-view-wrap .course-con .line-title::before{display:inline-block;width:3px;height:20px;background-color: #2949B1;content:'';}
.course-view-wrap .course-con .col-2-wrap{display:flex;gap:40px;}
.course-view-wrap .course-con .col-2-box{flex:1;}
.course-view-wrap .course-con .col-2-box img{max-width: 100%;height: auto !important;}

/* .course-view-wrap .course-con .dot-list li{position:relative;padding-left:13px;} */
/* .course-view-wrap .course-con .dot-list li::before{position:absolute;top:8px;left:0;width:5px;height:5px;background-color: #202020;content:'';} */
.course-view-wrap .review-list{}
.course-view-wrap .review-list li{padding:16px;border-bottom:1px solid #E4E8ED;}
.course-view-wrap .review-list li .user-nm{display:flex;gap:8px;align-items:center;font-weight: 700;font-size: 16px;line-height: 24px;}
.course-view-wrap .review-list li .text{margin:8px 0;color:#6A6C70;font-size:14px;line-height:21px;}
.course-view-wrap .review-list li .info{display: flex;align-items: center;gap: 4px;color:#6A6C70;font-size:14px;line-height:21px;}
.course-view-wrap .review-list li .info span{display:flex;align-items:center;gap:4px;}
.course-view-wrap .review-list li .info span::after{display:inline-block;width:1.5px;height:10px;margin:0 4px 0 8px;content:'';background: #D8DBDF;}
.course-view-wrap .review-list li .info span:last-child::after{display:none;}
.course-view-wrap .practice-box{display:flex;}
.course-view-wrap .practice-box .badge{margin-bottom:8px;gap: 4px;background-color: #2949B1;color: #fff;display: inline-flex;align-items: center;padding: 2px 6px;font-size: 14px;height: auto;line-height: 21px;}
.course-view-wrap .practice-box .lf{width:304px;padding-right:24px;border-right:1px solid #202020;}
.course-view-wrap .practice-box .practice-content{width: calc(100% - 328px);padding-left:24px;}
.course-view-wrap .practice-box .img{height:210px;margin-bottom:4px;border:1px solid #E4E8ED;border-radius:16px;overflow:hidden;}
.course-view-wrap .practice-box .img img{width:100%;height:100%;}
.course-view-wrap .practice-box .text-box{border-radius:8px;padding:16px;background-color:#606266;font-size:13px;line-height:19px;color:#fff;}
.course-view-wrap .practice-box .text-box .text{display: -webkit-box;-webkit-line-clamp: 3;-webkit-box-orient: vertical;overflow:hidden;}
.course-view-wrap .nps-box-wrap{margin-bottom:100px;}
.course-view-wrap .nps-box-wrap .noti{color:#6A6C70;font-size:14px;line-height:21px;}
.course-view-wrap .nps-box{display:flex;gap:16px;align-items:center;margin:24px 0;}
.course-view-wrap .nps-box .circle{position:relative;width:160px;height:160px;display:flex;align-items:center;justify-content:center;border-radius:100%;background: linear-gradient(117.2deg, #203187 14.91%, #2C8DE9 89.65%);}
.course-view-wrap .nps-box .circle::after{position: absolute;display:inline-block;content:'';width:130px;height:130px;background: rgba(255, 255, 255, 0.2);border-radius:100%;}
.course-view-wrap .nps-box .circle span{color:#fff;font-weight: 700;font-size: 22px;line-height: 33px;}
.course-view-wrap .nps-box .nps-list{display:flex;flex-direction:column;gap:8px;width:400px;}
.course-view-wrap .nps-box .nps-list li{display:flex;align-items:center;justify-content:space-between;width:100%;padding:8px;border-radius:16px;font-size:16px;line-height:24px;}
.course-view-wrap .nps-box .nps-list li:first-child{background-color: #EEF7FF;}
.course-view-wrap .nps-box .nps-list li:first-child p strong{color:#2881FF;}
.course-view-wrap .nps-box .nps-list li:nth-child(2){background-color: #DFF9E0;}
.course-view-wrap .nps-box .nps-list li:nth-child(2) p strong{color:#0FB800;}
.course-view-wrap .nps-box .nps-list li:nth-child(3){background-color: #FFF2CE;}
.course-view-wrap .nps-box .nps-list li:nth-child(3) p strong{color:#FF7700;}
.course-view-wrap .nps-box .nps-list li p{display:flex;align-items:center;gap:8px;}
.course-view-wrap .col-tb th{color:#202020;}
.course-view-wrap .col-tb td{color:#202020;padding:16px;}
.course-view-wrap .col-tb td:first-child{text-align:center;}
.course-view-wrap .col-tb .title{display:flex;gap:4px;align-items:center;}
.course-view-wrap .col-tb .list-box+.list-box{margin-top:16px;}
.course-view-wrap .col-tb ul{color:#484A4D;}
.course-view-wrap .course-view-title{display:flex;align-items:center;margin-top:60px;gap:8px;margin-bottom:16px;padding-bottom:7px;font-weight: 700;font-size: 22px;line-height: 33px;}
.course-view-wrap .course-swiper{position: relative;}
/* .course-view-wrap .course-swiper::before{position: absolute;top: -12px;left: -101%;display: block;width: 100%;height: 114%;content: '';background-color: #FEFEFE;z-index: 4;}
.course-view-wrap .course-swiper::after{position: absolute;top: -12px;right: -101%;display: block;width: 100%;height: 114%;content: '';background-color: #FEFEFE;z-index: 4;} */
/* .course-view-wrap .course-swiper .swiper{padding: 12px;} */
/* .course-view-wrap .course-swiper .swiper-slide{width:280px !important;} */
/* .course-view-wrap .course-swiper .swiper{overflow:visible;} */
.course-view-wrap .course-swiper .course-list li .img-wrap{border:0;}
.course-view-wrap .course-swiper .swiper-button-prev{left: -74px;width:54px;height:55px;background:url("../images/main/icon-swiper-prev-new.svg")no-repeat 50% 50%;background-size:100%;}
.course-view-wrap .course-swiper .swiper-button-next{right: -74px;width:54px;height:55px;background:url("../images/main/icon-swiper-next-new.svg")no-repeat 50% 50%;background-size:100%;}

/* 회원정보관리 */
.modify-box{margin-top:40px;}
.modify-box textarea{height:140px;}
.out-info{display:flex;flex-direction:column;gap:4px;padding:24px 16px;color:#484A4D;background-color: #F3F5F9;border-radius:8px;}
.out-info p{margin-left: 15px;text-indent: -15px;}
.out-info p::before{display:inline-block;width:4px;height:4px;margin:0 8px 5px 0;border-radius:100%;background-color: #484A4D;content:'';}

/* 학습로드맵 */
.school-wrap{}
.school-wrap .school-top {padding-bottom:80px;}
.school-wrap .school-top h3{margin-bottom:24px;font-weight: 700;font-size: 36px;line-height: 51px;}
.school-wrap .school-top .intro-list{margin-bottom:80px;color:#484A4D;font-weight: 500;font-size: 15px;line-height: 23px;}
.school-wrap .school-top .intro-list li{margin-bottom:5px;}
.school-wrap .sm-title{display:flex;gap:8px;align-items:center;padding-bottom:8px;margin-bottom:16px;font-weight: 700;font-size: 24px;line-height: 34px;}
.school-wrap .school-top .sm-title{border-bottom:1px solid #202020;}
.school-wrap .school-top .features-list {display:flex;gap:30px;}
.school-wrap .school-top .features-list li{flex:1;min-height:330px;display:flex;flex-direction:column;gap:16px;align-items:flex-start;padding:24px;background-color: #F2F4F9;border-radius:16px;}
.school-wrap .school-top .features-list li strong{font-weight: 700;font-size: 20px;line-height: 30px;}
.school-wrap .school-top .features-list li p{font-size: 14px;line-height: 21px;color:#484A4D;}
.school-wrap .school-top .features-list-col{flex-direction:column;gap:16px;}
.school-wrap .school-top .features-list-col li{flex-direction:row;min-height: auto;}
.school-wrap .school-top .features-list-col li .text-box{display: flex;gap:8px;flex-direction: column;}
.school-wrap .school-top .features-list-col li .text-box .img-line{display:flex;gap:16px;margin-top:8px;flex-wrap:wrap;}
.school-wrap .school-top .features-list-col li .text-box .img-line img{border:1px solid #ECECEC;}
.school-wrap .mid-banner{padding:108px;color:#fff;font-size:30px;line-height:42px;font-weight:700;text-align:center;}
.school-wrap .school-system{padding:80px 0;background: #313746 url("../images/sub/bg-school-btm.png")no-repeat;background-size: cover;background-attachment: fixed;}
.school-wrap section .sm-title-top{display:flex;flex-direction:column;gap:12px;margin-bottom:24px;}
.school-wrap section .sm-title-top .text1{font-weight: 700;font-size: 16px;line-height: 24px;}
.school-wrap section .sm-title-top .text2{color:#fff;font-weight: 700;font-size: 30px;line-height: 42px;}
.school-wrap .school-course{padding:80px 0;}
.school-wrap .school-course .sm-title-top .text2{color:#202020;}
/* .school-wrap .system-list{display:flex;flex-wrap:wrap;column-gap:26px;row-gap:40px;margin-bottom:120px;}
.school-wrap .system-list >li{width:calc((100% -  78px) / 4);padding:24px;background-color: rgba(255, 255, 255, 0.02);}
.school-wrap .system-list >li strong{display:inline-block;margin-bottom:16px;font-weight: 700;font-size: 22px;line-height: 33px;}
.school-wrap .system-list li > ul{color:#9B9C9F;}
.school-wrap .system-list li > ul li{font-size: 14px;line-height: 21px;}
.school-wrap .system-list li > ul li::before{display:inline-block;width:4px;height:4px;margin-right:8px;background-color: #9B9C9F;content:'';} */
.school-wrap .system-list{padding:24px;border-radius:16px;background: rgba(255, 255, 255, 0.04);}
.school-wrap .system-list dl{display:flex;gap:24px;padding:16px 0;border-bottom:1px solid rgba(255, 255, 255, 0.2);}
.school-wrap .system-list dl:last-child{border:0;}
.school-wrap .system-list dt{width:240px;font-weight: 700;font-size: 18px;line-height: 27px;}
.school-wrap .system-list dd{display:flex;flex-direction:column;gap:8px;flex: 1;}
.school-wrap .system-list dd p{margin-left: 10px;text-indent: -10px;color:#BABBBD;font-size:14px;line-height:21px;}
.school-wrap .system-list dd p::before{display:inline-block;width:4px;height:4px;margin: 0 8px 4px 0;background-color: #BABBBD;content:'';}

.school-wrap .school-course-list{display: flex;gap:16px;flex-wrap:wrap;}
.school-wrap .school-course-list li{display:flex;flex-direction:column;gap:16px;width:calc((100% - 16px) / 2);padding:24px;border-radius:16px;background-color: #fff;} 
.school-wrap .school-course-list li strong{color:#202020;font-size:20px;line-height:30px;font-weight:700;} 
.school-wrap .school-course-list li p{min-height:63px;color:#6A6C70;font-size: 14px;line-height: 21px;} 
.school-wrap .btn-apply{width:280px;}
.school-wrap .btn-center{margin-top:60px;}

.school-wrap .core-top-text{margin-bottom:16px;font-weight:500;color:#484A4D;}
.school-wrap .core-exam-info{margin-bottom:16px;padding:24px;background-color: #EFF7FF;border:1px solid #9CB9D6;border-radius:16px;color:#484A4D;}
.school-wrap .core-exam-info dl{display:flex;flex-direction:column;gap:4px;}
.school-wrap .core-exam-info dl+dl{margin:16px 0 0;}
.school-wrap .core-exam-info dt{display:flex;align-items:center;gap:8px;font-weight:700;}
.school-wrap .core-exam-info dt::before{display:inline-block;width:4px;height:4px;content:'';background-color: #484A4D;border-radius:100%;}
.school-wrap .core-exam-info dd{font-size:14px;line-height:21px;font-weight:500;}
.school-wrap .core-exam-info dd p+p{margin:2px 0 0;}
.school-wrap .core-exam-info dd span{display:block;color:#6A6C70;}
.school-wrap .core-exam-card ul{display:flex;gap:24px;}
.school-wrap .core-exam-card li{flex:1;text-align:center;border-radius:8px;overflow:hidden;}
.school-wrap .core-exam-card .top-title{padding:12px 0;font-weight:700;font-size:18px;line-height:27px;}
.school-wrap .core-exam-card .text-box{display:flex;flex-direction:column;gap:16px;padding:16px;}
.school-wrap .core-exam-card .text-box div{padding-bottom:16px;border-bottom:1px solid #E4E8ED;}
.school-wrap .core-exam-card .text-box div:last-child{padding-bottom:0;border-bottom:0;}
.school-wrap .core-exam-card .text-box div strong{margin-bottom:8px;font-weight:700;}
.school-wrap .core-exam-card .text-box div p{font-size:14px;line-height:21px;font-weight:500;color:#6A6C70;}
.school-wrap .core-exam-card .associate{border:1px solid #EEBE82;}
.school-wrap .core-exam-card .associate .top-title{color:#9D5004;background-color: #FDF2E3;}
.school-wrap .core-exam-card .professional{border:1px solid #ABC881;}
.school-wrap .core-exam-card .professional .top-title{color:#42660C;background-color: #EBF9D4;}
.school-wrap .core-exam-card .expert{border:1px solid #9D9DDA;}
.school-wrap .core-exam-card .expert .top-title{color:#313193;background-color: #EBEBFB;}

.school-wrap-01 section .sm-title-top .text1{color:#A07CFF;}
.school-wrap-01 .system-list{border:1px solid #A07CFF;}
.school-wrap-01 .system-list dt{color:#A07CFF;}
.school-wrap-01 .school-course{background-color: #FBFAFF;}
.school-wrap-01 .school-course .sm-title-top .text1{color:#713CFC;}
.school-wrap-01 .school-course li{border:1px solid #713CFC;}
.school-wrap-01 .btn-apply{background-color: #713CFC;border-color:#713CFC;color:#fff;}

.school-wrap-02 section .sm-title-top .text1{color:#41ADFF;}
.school-wrap-02 .system-list{border:1px solid #41ADFF;}
.school-wrap-02 .system-list dt{color:#41ADFF;}
.school-wrap-02 .school-course{background-color: #F5FBFF;}
.school-wrap-02 .school-course li{border:1px solid #41ADFF;}
.school-wrap-02 .btn-apply{background-color: #41ADFF;border-color:#41ADFF;color:#fff;}

.school-wrap-03 section .sm-title-top .text1{color:#01B99A;}
.school-wrap-03 .system-list{border:1px solid #01B99A;}
.school-wrap-03 .system-list dt{color:#01B99A;}
.school-wrap-03 .school-course{background-color: #F9FFFE;}
.school-wrap-03 .school-course li{border:1px solid #01B99A;}
.school-wrap-03 .btn-apply{background-color: #01B99A;border-color:#01B99A;color:#fff;}

.school-wrap-04 section .sm-title-top .text1{color:#10A5EB;}
.school-wrap-04 .system-list{border:1px solid #10A5EB;}
.school-wrap-04 .system-list dt{color:#10A5EB;}
.school-wrap-04 .school-course{background-color: #F5FCFF;}
.school-wrap-04 .school-course li{border:1px solid #10A5EB;}
.school-wrap-04 .btn-apply{background-color: #10A5EB;border-color:#10A5EB;color:#fff;}

.school-wrap-05 section .sm-title-top .text1{color:#40A1FF;}
.school-wrap-05 .system-list{border:1px solid #40A1FF;}
.school-wrap-05 .system-list dt{color:#40A1FF;}
.school-wrap-05 .school-course{background-color: #F6FBFF;}
.school-wrap-05 .school-course li{border:1px solid #40A1FF;}
.school-wrap-05 .btn-apply{background-color: #40A1FF;border-color:#40A1FF;color:#fff;}

.school-wrap-06 section .sm-title-top .text1{color:#748EFF;}
.school-wrap-06 .features-list{margin-bottom:80px;}
.school-wrap-06 .system-list{border:1px solid #748EFF;}
.school-wrap-06 .system-list dt{color:#748EFF;}
.school-wrap-06 .school-course{background-color:#F5F7FF;}
.school-wrap-06 .school-course li{border:1px solid #748EFF;}
.school-wrap-06 .btn-apply{background-color: #748EFF;border-color:#748EFF;color:#fff;}

.school-wrap-07 section .sm-title-top .text1{color:#C57DED;}
.school-wrap-07 .system-list{border:1px solid #C57DED;}
.school-wrap-07 .system-list dt{color:#C57DED;}
.school-wrap-07 .school-course{background-color:#FDF9FF;}
.school-wrap-07 .school-course li{border:1px solid #C57DED;}
.school-wrap-07 .btn-apply{background-color: #C57DED;border-color:#C57DED;color:#fff;}

.school-wrap-01 .mid-banner{background: #755CDB url("../images/sub/bg-school-mid-01.png")no-repeat;background-blend-mode: overlay;background-size: cover;}
.school-wrap-02 .mid-banner{background: #2A74E8 url("../images/sub/bg-school-mid-02.png")no-repeat;background-blend-mode: overlay;background-size: cover;}
.school-wrap-03 .mid-banner{background: #71EBCF url("../images/sub/bg-school-mid-03.png")no-repeat;background-blend-mode: multiply;background-size: cover;}
.school-wrap-04 .mid-banner{background: #2CA5DE url("../images/sub/bg-school-mid-04.png")no-repeat;background-blend-mode: multiply;background-size: cover;}
.school-wrap-05 .mid-banner{background: #1862D2 url("../images/sub/bg-school-mid-05.png")no-repeat;background-blend-mode: overlay;background-size: cover;}
.school-wrap-06 .mid-banner{background: #7891FF url("../images/sub/bg-school-mid-06.png")no-repeat;background-blend-mode: multiply;background-size: cover;}
.school-wrap-07 .mid-banner{background: #DDB7FF url("../images/sub/bg-school-mid-07.png")no-repeat;background-blend-mode: multiply;background-size: cover;}

.btn-school-array{align-items:center; flex-direction:column; gap:10px;}





/* stroke ani */  
/* .school-wrap .system-list > li{position: relative;transition: background .2s ease-in-out,box-shadow .2s ease-in-out;box-shadow: 0 0 0 1px transparent, 0 2px 4px transparent, 0 12px 24px transparent;z-index: 1;}
.school-wrap .system-list > li i.stroke {content: "";position: absolute;inset: 1px;padding: 1px;--border-size: 1px;--padding: 1px;overflow: hidden;
padding: calc(var(--padding) + 1px);border-radius: 16px;display: inline-block;z-index: 0;-webkit-backface-visibility: hidden;backface-visibility: hidden;perspective: 1000px;transform: translateZ(0);-webkit-mask: linear-gradient(#fff 0 0) content-box,linear-gradient(#fff 0 0);mask: linear-gradient(#fff 0 0) content-box,linear-gradient(#fff 0 0);-webkit-mask-composite: xor;mask-composite: exclude;z-index: -1;border-radius: 16px;}
.school-wrap .system-list li i.stroke::before {content: "";display: block;background: var(--border-bg);width: calc(100% * 1.41421356237);padding-bottom: calc(100% * 1.41421356237);position: absolute;left: 50%;top: 50%;transform: translate(-50%,-50%);border-radius: 100%;z-index: -2;animation: strokeAni 5s linear infinite;}

@keyframes strokeAni {
	0% {transform: translate(-50%,-50%) rotate(360deg)}
	100% {transform: translate(-50%,-50%) rotate(0)}
}
.school-wrap-01 .system-list > li i.stroke {--border-bg: conic-gradient(from 180deg at 50% 50%,#9675ED 0deg, rgba(255, 255, 255, 0.2) 360deg);}
.school-wrap-02 .system-list > li i.stroke {--border-bg: conic-gradient(from 180deg at 50% 50%,#41ADFF 0deg, rgba(255, 255, 255, 0.2) 360deg);}
.school-wrap-03 .system-list > li i.stroke {--border-bg: conic-gradient(from 180deg at 50% 50%,#88DCB6 0deg, rgba(255, 255, 255, 0.2) 360deg);}
.school-wrap-04 .system-list > li i.stroke {--border-bg: conic-gradient(from 180deg at 50% 50%,#4DC6FF 0deg, rgba(255, 255, 255, 0.2) 360deg);}
.school-wrap-05 .system-list > li i.stroke {--border-bg: conic-gradient(from 180deg at 50% 50%,#4D94FF 0deg, rgba(255, 255, 255, 0.2) 360deg);}
.school-wrap-06 .system-list > li i.stroke {--border-bg: conic-gradient(from 180deg at 50% 50%,#6783FF 0deg, rgba(255, 255, 255, 0.2) 360deg);}
.school-wrap-07 .system-list > li i.stroke {--border-bg: conic-gradient(from 180deg at 50% 50%,#C894FF 0deg, rgba(255, 255, 255, 0.2) 360deg);} */

/* 국비지원 */
.govtrain-wrap{}
.govtrain-wrap .btm-gov-center{display:flex;align-items:center;flex-direction:column;gap:10px;margin-top:60px;}
.govtrain-wrap .btm-gov-center p{text-align:center;}
.govtrain-wrap .sub-title{margin-bottom:24px;font-weight: 700;font-size: 30px;line-height: 42px;color:#FFFFFF;}
.govtrain-wrap .item-box+.item-box{margin-top:100px;}
.govtrain-wrap .govtrain-sec-01{padding:80px 0;}
.govtrain-wrap .govtrain-sec-01 .ani-text{margin-bottom:40px;}
.govtrain-wrap .govtrain-sec-01 >.container{display:flex;flex-direction:column;text-align:center;align-items:center;}
.govtrain-wrap .govtrain-sec-01 .text1{font-size: 20px;line-height: 30px;}
.govtrain-wrap .govtrain-sec-01 .text2{display: flex;flex-direction: column;margin:16px 0 24px;font-weight: 700;font-size: 50px;line-height: 70px;}
.govtrain-wrap .govtrain-sec-01 .text3{color:#6A6C70;font-size:16px;line-height:24px;}
.govtrain-wrap .govtrain-sec-01 .logo-box{display: flex;align-items: center;gap: 24px;margin: 0 0 40px;}
.govtrain-wrap .govtrain-sec-02{padding:60px 0;background: url("../images/sub/bg-govtrain1-sec2.png")no-repeat;background-size:cover;}
.govtrain-wrap .govtrain-sec-02 >.container{display:flex;align-items:center;justify-content: space-between;}
.govtrain-wrap .govtrain-sec-02 .lf-text{width: 590px;}
.govtrain-wrap .govtrain-sec-02 .lf-text .title{margin-bottom:24px;font-weight: 700;font-size: 30px;line-height: 42px;}
.govtrain-wrap .govtrain-sec-02 .lf-text .chk-list {display:flex;flex-direction:column;gap:8px;}
.govtrain-wrap .govtrain-sec-02 .lf-text .chk-list li{display:flex;gap:8px;padding:16px;font-size:16px;line-height:24px;background-color: #FFFFFF;border-radius:8px;}
.govtrain-wrap .govtrain-sec-02 .lf-text .chk-list li p{width: calc(100% - 26px);}
.govtrain-wrap .govtrain-sec-02 .lf-text .chk-list li .text-sm{display:inline-block;margin-top:8px;color:#6A6C70;font-size:14px;line-height:21px;}
.govtrain-wrap .govtrain-sec-02 .lf-text .chk-list li .text-sm a{color:#FF7700;text-decoration:underline;}
.govtrain-wrap .govtrain-sec-03{padding:64px 0;}
.govtrain-wrap .govtrain-sec-03 .point-list{display:flex;gap:30px;}
.govtrain-wrap .govtrain-sec-03 .point-list li{flex:1;display:flex;flex-direction:column;align-items:flex-start;padding:24px;background-color: #FFFFFF;border-radius:16px;}
.govtrain-wrap .govtrain-sec-03 .point-list li .badge-point{margin-bottom:16px;border-radius:24px;}
.govtrain-wrap .govtrain-sec-03 .point-list li .text1{font-weight: 700;font-size: 14px;line-height: 21px;}
.govtrain-wrap .govtrain-sec-03 .point-list li .text2{margin:8px 0 16px;font-weight: 700;font-size: 20px;line-height: 30px;}
.govtrain-wrap .govtrain-sec-03 .point-list li .text3{color:#6A6C70;font-size: 14px;line-height: 21px;}
.govtrain-wrap .govtrain-sec-04{padding:80px 0;background-color: #25272E;}
.govtrain-wrap .govtrain-sec-04 .standard-info{border-top:1px solid rgba(255, 255, 255, 0.2);}
.govtrain-wrap .govtrain-sec-04 .standard-info dl{display:flex;align-items: center;padding:24px 0;border-bottom:1px solid rgba(255, 255, 255, 0.2);}
.govtrain-wrap .govtrain-sec-04 .standard-info dt{font-weight:700;width:94px;color:#4D94FF;}
.govtrain-wrap .govtrain-sec-04 .standard-info dd{display:flex;flex-direction:column;gap:4px;color:#BABBBD;}
.govtrain-wrap .govtrain-sec-04 .standard-info dd .dot-text::before{display:inline-block;margin: 0 8px 4px 0;width:4px;height:4px;background-color: #9B9C9F;content:'';}
.govtrain-wrap .govtrain-sec-04 .step-list{display:flex;flex-direction:column;gap:16px;}
.govtrain-wrap .govtrain-sec-04 .step-list li{display:flex;align-items:center;gap:16px;padding:16px;border-radius:8px;background-color: rgba(255, 255, 255, 0.1);}
.govtrain-wrap .govtrain-sec-04 .step-list li .icon{flex-shrink:0;display:flex;align-items:center;justify-content:center;width:54px;height:54px;background: rgba(255, 255, 255, 0.1);border-radius:100%;}
.govtrain-wrap .govtrain-sec-04 .out-text{display:inline-block;margin:10px 0 0 85px;color: #DBFF3B;}
.govtrain-wrap .govtrain-sec-04 .out-text .icon-download-yl{margin: 0 0 2px 5px;}
.govtrain-wrap .govtrain-sec-04 .step-list .step-text{flex: 1;display:flex;flex-direction:column;gap:8px;color:#fff;font-weight:700;}
.govtrain-wrap .govtrain-sec-04 .step-list .step-line{display:flex;align-items:center;gap:4px;color:#BABBBD;flex-wrap:wrap;}
.govtrain-wrap .govtrain-sec-04 .step-list .text-down{display: inline-block;color:#DBFF3B;}
.govtrain-wrap .govtrain-sec-04 .step-list .text-down .icon-download-yl{margin: 0 0 2px 5px;}
.govtrain-wrap .govtrain-sec-05{padding:80px 0;}
.govtrain-wrap .govtrain-sec-05 .top-title-box{margin-bottom:24px;}
.govtrain-wrap .govtrain-sec-05 .top-title-box .title1{margin-bottom:12px;font-size:16px;line-height:24px;font-weight:700;}
.govtrain-wrap .govtrain-sec-05 .top-title-box .title2{font-weight:700;font-size:30px;line-height:42px;}
.govtrain-wrap .govtrain-sec-05 .govt-tab-wrap{}
.govtrain-wrap .govtrain-sec-05 .govt-tab{display:flex;gap:8px;margin-bottom:24px;overflow-x: auto;white-space: nowrap;-webkit-overflow-scrolling: touch;}
.govtrain-wrap .govtrain-sec-05 .govt-tab li a{display:flex;align-items:center;justify-content:center;padding:9px 12px;border-radius:6px;text-align:center;color:#484A4D;font-size: 14px;font-weight: 700;background-color: #fff;border:1px solid #D8DBDF;line-height: 21px;}
.govtrain-wrap .govtrain-sec-05 .govt-tab li.active a{color:#fff;background-color: #202020;border-color:#202020;}
.govtrain-wrap .govtrain-sec-05 .govt-sub-tab{display:flex;flex-direction:row !important;gap:8px;margin-bottom:24px;overflow-x: auto;white-space: nowrap;-webkit-overflow-scrolling: touch;}
.govtrain-wrap .govtrain-sec-05 .govt-sub-tab li{border:0 !important;padding:0 !important;}
.govtrain-wrap .govtrain-sec-05 .govt-sub-tab li a{display:flex;align-items:center;justify-content:center;padding:9px 12px;border-radius:6px;text-align:center;color:#484A4D;font-size: 14px;font-weight: 700;background-color: #fff;border:1px solid #D8DBDF;line-height: 21px;}
.govtrain-wrap .govtrain-sec-05 .govt-sub-tab li.active a{color:#fff;background-color: #2949B1;border-color:#2949B1;}

.govtrain-wrap .govtrain-sec-05 .curriculum-box{padding:24px;background-color: #fff;border-radius:16px;}
.govtrain-wrap .govtrain-sec-05 .curriculum-box ul{display:flex;flex-direction:column;}
.govtrain-wrap .govtrain-sec-05 .curriculum-box li{padding:16px 0;border-bottom:1px solid#E4E8ED;}
.govtrain-wrap .govtrain-sec-05 .curriculum-box li:last-child{border:0;}
.govtrain-wrap .govtrain-sec-05 .curriculum-box li .title{margin-bottom:8px;font-size:16px;line-height:24px;font-weight:700;}
.govtrain-wrap .govtrain-sec-05 .curriculum-box li .desc{color:#6A6C70;}
.govtrain-wrap .govtrain-sec-05 .curriculum-box li .prior{display:flex;gap:2px;border-radius:8px;margin-top:8px;padding:8px;background-color: #F3F5F9;color:#6A6C70;font-size:14px;line-height:21px;}
.govtrain-wrap .govtrain-sec-05 .curriculum-box li .list-box{display:flex;gap:8px;}
.govtrain-wrap .govtrain-sec-05 .curriculum-box li .list-box .badge-ylw{flex-shrink:0;}
.govtrain-wrap .govtrain-sec-05 .curriculum-box li .list-box p{font-size:16px;line-height:24px;font-weight:700;}
.govtrain-wrap .govtrain-sec-05 .curriculum-box li .list-box p span{color:#6A6C70;font-size: 15px;}
.govtrain-wrap .govtrain-sec-05 .support-title{display:flex;align-items:center;margin-bottom:16px;gap:8px;font-size:24px;line-height:34px;font-weight:700;padding-bottom:8px;border-bottom:1px solid #202020;}
.govtrain-wrap .govtrain-sec-05 .support-info{display:flex;flex-direction:column;gap:8px;border-radius:16px;padding:24px;background-color: #fff;}
.govtrain-wrap .govtrain-sec-05 .support-info dl{display:flex;gap:8px;}
.govtrain-wrap .govtrain-sec-05 .support-info dt{width:100px;font-weight:700;}
.govtrain-wrap .govtrain-sec-05 .support-info dd{width:calc(100% - 108px);color:#484A4D;}
.govtrain-wrap .btn-center{margin-top:60px;}
.govtrain-wrap .btn-center .btns .btn{width:280px;gap:4px;}
.govtrain-wrap .btm-gov-center .btns .btn{width:280px;}
.govtrain-wrap .btn-apply{color:#FFFFFF;}

.govtrain-wrap-01 .govtrain-sec-03{background-color: #4D94FF;}
.govtrain-wrap-01 .govtrain-sec-03 .point-list li .badge-point{border:1px solid #2881FF;color:#2881FF;}
.govtrain-wrap-01 .govtrain-sec-03 .point-list li .text1{color:#2881FF;}
.govtrain-wrap-01 .govtrain-sec-04 .standard-info dt{color:#4D94FF;}
.govtrain-wrap-01 .govtrain-sec-04 .step-list .step1 .icon{background-color: #4D94FF;}
.govtrain-wrap-01 .govtrain-sec-04 .step-list .step-text em{color:#4D94FF;}
.govtrain-wrap-01 .govtrain-sec-05{background-color: #F5FAFF;}
.govtrain-wrap-01 .govtrain-sec-05 .top-title-box .title1{color:#2881FF;}
.govtrain-wrap-01 .govtrain-sec-05 .curriculum-box{border:1px solid #4D94FF;}
.govtrain-wrap-01 .govtrain-sec-05 .support-info{border:1px solid #4D94FF;}
.govtrain-wrap-01 .btn-apply{background-color: #2949B1;border:1px solid #2949B1;}

.govtrain-wrap-02 .govtrain-sec-03{background-color: #A07CFF;}
.govtrain-wrap-02 .govtrain-sec-03 .point-list li .badge-point{border:1px solid #713CFC;color:#713CFC;}
.govtrain-wrap-02 .govtrain-sec-03 .point-list li .text1{color:#713CFC;}
.govtrain-wrap-02 .govtrain-sec-04 .standard-info dt{color:#A07CFF;}
.govtrain-wrap-02 .govtrain-sec-04 .step-list .step1 .icon{background-color: #A07CFF;}
.govtrain-wrap-02 .govtrain-sec-04 .step-list .step-text em{color:#A07CFF;}
.govtrain-wrap-02 .govtrain-sec-05{background-color: #F8F5FF;}
.govtrain-wrap-02 .govtrain-sec-05 .top-title-box .title1{color:#713CFC;}
.govtrain-wrap-02 .govtrain-sec-05 .curriculum-box{border:1px solid #A07CFF;}
.govtrain-wrap-02 .govtrain-sec-05 .support-info{border:1px solid #A07CFF;}
.govtrain-wrap-02 .btn-apply{background-color:#713CFC;border:1px solid #713CFC;}

.govtrain-wrap-03 .govtrain-sec-03{background-color: #01CA9F;}
.govtrain-wrap-03 .govtrain-sec-03 .point-list li .badge-point{border:1px solid #03B28C;color:#03B28C;}
.govtrain-wrap-03 .govtrain-sec-03 .point-list li .text1{color:#03B28C;}
.govtrain-wrap-03 .govtrain-sec-04 .standard-info dt{color:#01CA9F;}
.govtrain-wrap-03 .govtrain-sec-04 .step-list .step1 .icon{background-color: #01CA9F;}
.govtrain-wrap-03 .govtrain-sec-04 .step-list .step-text em{color:#01CA9F;}
.govtrain-wrap-03 .govtrain-sec-05{background-color: #F5FBFA;}
.govtrain-wrap-03 .govtrain-sec-05 .top-title-box .title1{color:#03B28C;}
.govtrain-wrap-03 .govtrain-sec-05 .curriculum-box{border:1px solid #01CA9F;}
.govtrain-wrap-03 .govtrain-sec-05 .support-info{border:1px solid #01CA9F;}
.govtrain-wrap-03 .btn-apply{background-color:#01CA9F;border:1px solid #01CA9F; color:#fff;}

.govtrain-wrap-04 .govtrain-sec-03{background-color: #2DA6DE;}
.govtrain-wrap-04 .govtrain-sec-03 .point-list li .badge-point{border:1px solid #038DCE;color:#038DCE;}
.govtrain-wrap-04 .govtrain-sec-03 .point-list li .text1{color:#038DCE;}
.govtrain-wrap-04 .govtrain-sec-04 .standard-info dt{color:#2DA5DE;}
.govtrain-wrap-04 .govtrain-sec-04 .step-list .step1 .icon{background-color: #2DA5DE;}
.govtrain-wrap-04 .govtrain-sec-04 .step-list .step-text em{color:#2DA5DE;}
.govtrain-wrap-04 .govtrain-sec-05{background-color: #F2FBFF;}
.govtrain-wrap-04 .govtrain-sec-05 .top-title-box .title1{color:#038DCE;}
.govtrain-wrap-04 .govtrain-sec-05 .curriculum-box{border:1px solid #2DA5DE;}
.govtrain-wrap-04 .govtrain-sec-05 .support-info{border:1px solid #2DA5DE;}
.govtrain-wrap-04 .btn-apply{background-color:#2DA5DE;border:1px solid #2DA5DE;}

.govtrain-wrap-05 .govtrain-sec-03{background-color: #227AFF;}
.govtrain-wrap-05 .govtrain-sec-03 .point-list li .badge-point{border:1px solid #0464F6;color:#0464F6;}
.govtrain-wrap-05 .govtrain-sec-03 .point-list li .text1{color:#0464F6;}
.govtrain-wrap-05 .govtrain-sec-04 .standard-info dt{color:#227AFF;}
.govtrain-wrap-05 .govtrain-sec-04 .step-list .step1 .icon{background-color: #227AFF;}
.govtrain-wrap-05 .govtrain-sec-04 .step-list .step-text em{color:#227AFF;}
.govtrain-wrap-05 .govtrain-sec-05{background-color: #F4F9FF;}
.govtrain-wrap-05 .govtrain-sec-05 .top-title-box .title1{color:#0464F6;}
.govtrain-wrap-05 .govtrain-sec-05 .curriculum-box{border:1px solid #227AFF;}
.govtrain-wrap-05 .govtrain-sec-05 .support-info{border:1px solid #227AFF;}
.govtrain-wrap-05 .btn-apply{background-color:#227AFF;border:1px solid #227AFF;}

.govtrain-wrap-06 .govtrain-sec-03{background-color: #6C7FFF;}
.govtrain-wrap-06 .govtrain-sec-03 .point-list li .badge-point{border:1px solid #4057EF;color:#4057EF;}
.govtrain-wrap-06 .govtrain-sec-03 .point-list li .text1{color:#4057EF;}
.govtrain-wrap-06 .govtrain-sec-04 .standard-info dt{color:#6C7FFF;}
.govtrain-wrap-06 .govtrain-sec-04 .step-list .step1 .icon{background-color: #6C7FFF;}
.govtrain-wrap-06 .govtrain-sec-04 .step-list .step-text em{color:#6C7FFF;}
.govtrain-wrap-06 .govtrain-sec-05{background-color: #F6F8FF;}
.govtrain-wrap-06 .govtrain-sec-05 .support-info{border:1px solid #6C7FFF;}
.govtrain-wrap-06 .btn-apply{background-color:#6C7FFF;border:1px solid #6C7FFF;}

.govtrain-wrap-07 .govtrain-sec-03{background-color: #B477FF;}
.govtrain-wrap-07 .govtrain-sec-03 .point-list li .badge-point{border:1px solid #8433E6;color:#8433E6;}
.govtrain-wrap-07 .govtrain-sec-03 .point-list li .text1{color:#8433E6;}
.govtrain-wrap-07 .govtrain-sec-04 .standard-info dt{color:#B477FF;}
.govtrain-wrap-07 .govtrain-sec-04 .step-list .step1 .icon{background-color: #B477FF;}
.govtrain-wrap-07 .govtrain-sec-04 .step-list .step-text em{color:#B477FF;}
.govtrain-wrap-07 .govtrain-sec-05{background-color: #FCF9FF;}
.govtrain-wrap-07 .govtrain-sec-05 .top-title-box .title1{color:#8433E6;}
.govtrain-wrap-07 .govtrain-sec-05 .curriculum-box{border:1px solid #B477FF;}
.govtrain-wrap-07 .govtrain-sec-05 .support-info{border:1px solid #B477FF;}
.govtrain-wrap-07 .btn-apply{background-color:#B477FF;border:1px solid #B477FF;}

.govtrain-wrap-08 .govtrain-sec-03{background-color: #4D94FF;}
.govtrain-wrap-08 .govtrain-sec-03 .point-list li .badge-point{border:1px solid #2881FF;color:#2881FF;}
.govtrain-wrap-08 .govtrain-sec-03 .point-list li .text1{color:#2881FF;}
.govtrain-wrap-08 .govtrain-sec-04 .standard-info dt{color:#4D94FF;}
.govtrain-wrap-08 .govtrain-sec-04 .step-list .step1 .icon{background-color: #4D94FF;}
.govtrain-wrap-08 .govtrain-sec-04 .step-list .step-text em{color:#4D94FF;}
.govtrain-wrap-08 .govtrain-sec-05{background-color: #F5FAFF;}
.govtrain-wrap-08 .govtrain-sec-05 .top-title-box .title1{color:#2881FF;}
.govtrain-wrap-08 .govtrain-sec-05 .curriculum-box{border:1px solid #4D94FF;}
.govtrain-wrap-08 .govtrain-sec-05 .support-info{border:1px solid #4D94FF;}
.govtrain-wrap-08 .btn-apply{background-color:#2949B1;border:1px solid #2949B1;}

.govtrain-wrap-09 .govtrain-sec-03{background-color: #227AFF;}
.govtrain-wrap-09 .govtrain-sec-03 .point-list li .badge-point{border:1px solid #0464F6;color:#0464F6;}
.govtrain-wrap-09 .govtrain-sec-03 .point-list li .text1{color:#0464F6;}
.govtrain-wrap-09 .govtrain-sec-04 .standard-info dt{color:#227AFF;}
.govtrain-wrap-09 .govtrain-sec-04 .step-list .step1 .icon{background-color: #227AFF;}
.govtrain-wrap-09 .govtrain-sec-04 .step-list .step-text em{color:#227AFF;}
.govtrain-wrap-09 .govtrain-sec-05{background-color: #F0F7FF;}
.govtrain-wrap-09 .govtrain-sec-05 .top-title-box .title1{color:#0464F6;}
.govtrain-wrap-09 .govtrain-sec-05 .curriculum-box{border:1px solid #227AFF;}
.govtrain-wrap-09 .govtrain-sec-05 .support-info{border:1px solid #227AFF;}
.govtrain-wrap-09 .btn-apply{background-color:#227AFF;border:1px solid #227AFF;}

.govtrain-wrap-10 .govtrain-sec-03{background-color: #02C3C2;}
.govtrain-wrap-10 .govtrain-sec-03 .point-list li .badge-point{border:1px solid #03B2B1;color:#03B2B1;}
.govtrain-wrap-10 .govtrain-sec-03 .point-list li .text1{color:#03B2B1;}
.govtrain-wrap-10 .govtrain-sec-04 .standard-info dt{color:#02C3C2;}
.govtrain-wrap-10 .govtrain-sec-04 .step-list .step1 .icon{background-color: #02C3C2;}
.govtrain-wrap-10 .govtrain-sec-04 .step-list .step-text em{color:#02C3C2;}
.govtrain-wrap-10 .govtrain-sec-05{background-color: #F5FFFF;}
.govtrain-wrap-10 .govtrain-sec-05 .top-title-box .title1{color:#03B2B1;}
.govtrain-wrap-10 .govtrain-sec-05 .curriculum-box{border:1px solid #02C3C2;}
.govtrain-wrap-10 .govtrain-sec-05 .support-info{border:1px solid #02C3C2;}
.govtrain-wrap-10 .btn-apply{background-color:#02C3C2;border:1px solid #02C3C2;}

/* 국비지원 ani */
.fade-up {opacity: 0;transform: translateY(40px);-/* webkit-font-smoothing: antialiased;-moz-osx-font-smoothing: grayscale;backface-visibility: hidden; */}

/* 마이페이지 -메인 */
.my-top-wrap{margin-bottom:60px;display:flex;gap:25px;justify-content:space-between;}
.my-top-wrap .my-box{display:flex;gap:16px;width:calc(100% - 325px);padding:16px;border-radius:16px;box-shadow: 0px 0px 15px 0px #ECEFFB;}
.my-top-wrap .my-box .user-info-box{display:flex;flex-direction:column;width:320px;}
.my-top-wrap .my-box .user-name{display:flex;align-items:center;justify-content:space-between;padding-bottom:8px;margin-bottom:8px;border-bottom:1px solid #E4E8ED;}
.my-top-wrap .my-box .user-info-box dl{display:flex;align-items:center;gap:8px;padding:4px 0;}
.my-top-wrap .my-box .user-info-box dt{display:flex;align-items:center;gap:8px;font-weight:700;}
.my-top-wrap .my-box .company-info{display:flex;gap:8px;width:calc(100% - 336px);}
.my-top-wrap .my-box .company-info li{display:flex;flex-direction:column;align-items:center;justify-content:flex-start;flex:1;text-align: center;background-color: #F3F9FF;padding:16px;border:1px solid #DEEDFC;border-radius:12px;}
.my-top-wrap .my-box .company-info li .title{margin-top:8px;font-weight:700;color:#1B70EA;}
.my-top-wrap .qna-center{width:305px;position:relative;display:block;padding:24px;color:#FFFFFF;border-radius:16px;box-shadow: 0px 0px 15px 0px #ECEFFB;background: linear-gradient(102.85deg, #7161FF 4.58%, #4772FF 102.68%);}
.my-top-wrap .qna-center::after{display:block;position:absolute;right:24px;bottom:0;background: url("../images/sub/icon-my-qna.svg")no-repeat;width:70px;height:70px;content:'';background-size:100%;}
.my-top-wrap .qna-center .text1{display:block;margin-bottom:6px;font-weight: 700;font-size: 18px;line-height: 27px;}
.my-top-wrap .qna-center .text2{font-size: 14px;line-height: 21px;}
.mypage-wrap .con-box{position:relative;}
.mypage-wrap .sub-title-sm{padding-bottom:16px;}
.mypage-wrap .con-box+.con-box{margin-top:60px;}
.mypage-wrap .pick-line{display:flex;gap:8px;align-items:center;padding-bottom:16px;flex-wrap: wrap;row-gap: 5px;}
.mypage-wrap .pick-line .sub-title-sm{padding-bottom:0;}
.mypage-wrap .pick-bg{display:flex;align-items:center;gap:4px;padding:6px 8px;background-color: #F1F1FB;border-radius:8px;color:#5D5BD0;font-size:12px;line-height:18px;}
.mypage-wrap .pick-bg .badge-pick{display:flex;align-items:center;gap:2px;padding:2px 4px;background-color: #713CFC;border-radius:4px;color:#FFFFFF;font-weight:700;font-size:10px;line-height:15px;}
.mypage-wrap .btn-more{display:flex;align-items:center;gap:2px;position:absolute;top:7.5px;right:0;color:#6A6C70;font-size:13px;line-height:19px;font-weight:700;}
.my-course-tab{margin-bottom:40px;}

/* .card-list{display:flex;flex-wrap:wrap;gap:30px;}
.card-list li{width:calc((100% - 60px) / 3);padding:24px;border:1px solid #E4E8ED;box-shadow: 0px 0px 15px 0px #ECEFFB;border-radius:16px;}
.card-list .title{margin:8px 0;font-weight: 700;font-size: 16px;line-height: 24px;display: -webkit-box;-webkit-line-clamp: 2;-webkit-box-orient: vertical;overflow:hidden;}
.card-list .info-col{display:flex;flex-direction:column;gap:2px;margin-bottom:16px;color:#6A6C70;font-size:14px;line-height:21px;}
.card-list .info-col .line{display:flex;gap:4px;align-items:center;}
.card-list .info-col .line span{}
.card-list .info-col .line span::after{display:inline-block;width:1.5px;height:10px;margin:0 4px 0 8px;content:'';background: #D8DBDF;}
.card-list .info-col .line span:last-child::after{display:none;} */
.progress-wrap{display:flex;gap:6px;align-items:center;}
.progress-box{display:flex;align-items:center;column-gap:6px;color:#484A4D;font-size:14px;line-height:21px;}
.progress-box .progress-bar{width:100px;height:8px;border-radius:8px;background-color:#EFF0F3;}
.progress-box .progress-bar .bar{position:relative;display:block;width:auto;height:8px;border-radius:8px;background: linear-gradient(286.75deg, #9951FF 0%, #2881FF 98.27%);}
/* .card-list .btn-delay{font-size:12px;line-height:18px;border-radius:4px;padding:2px 5px;} */

/* 마이페이지 - 수강현황 */
.course-num-list{display:flex;align-items:center;row-gap: 3px;flex-wrap: wrap;}
.course-num-list span{font-size:16px;line-height:24px;font-weight:700;}
.course-num-list span::after{display:inline-block;width:1.5px;height:10px;margin:0 8px;content:'';background: #D8DBDF;}
.course-num-list span:last-child::after{display:none;}
.course-num-list span em{color:#FF7700;}
.my-course-box .select2{width:200px !important;}

/* 마이페이지 - 찜한과정 */
.wish-list{display:flex;flex-direction:column;}
.wish-list li{position:relative;display:flex;justify-content:space-between;align-items:center;padding:24px 34px 24px 0;border-bottom:1px solid #E4E8ED;width: 100%;box-shadow: none;}
.wish-list .lf{display: flex;align-items: center;width:calc(100% - 230px);gap:16px;}
.wish-list li .img-wrap{position:relative;width: 300px;height: 220px;flex-shrink: 0;overflow:hidden;border-radius: 16px;border:1px solid #E4E8ED;}
.wish-list li .img-wrap img{height: 100%;width: 100%;}
.wish-list li .img-wrap .badge-line{position:absolute;display:flex;gap:4px;width:100%;top:10px;left:10px;width:calc(100% - 20px);}
.wish-list li .img-wrap .img-fix-wish{position:absolute;right:10px;bottom:10px;}
.wish-list .lf .text-box{display:flex;flex-direction:column;gap:8px;padding:0 10px;}
.wish-list .lf .text-box .cate-line{display:flex;align-items:center;color:#2949B1;font-weight: 700;font-size: 12px;line-height: 18px;}
.wish-list li .text-box .title{font-weight: 700;font-size: 16px;line-height: 24px;display: -webkit-box;-webkit-line-clamp: 2;-webkit-box-orient: vertical;overflow: hidden;}
.wish-list li .text-box .period{display:flex;align-items:center;gap:2px;font-weight: 500;font-size: 13px;line-height: 19px;color:#6A6C70;}
.wish-list li .text-box .period .icon-calendar-gr{flex-shrink:0;}
.wish-list li .text-box .price{display:flex;gap:5px;align-items:center;color:#6A6C70;font-size:12px;line-height:18px;}
.wish-list li .text-box .price strong{color:#E9323E;font-size:18px;line-height:27px;font-weight:700;}

.wish-list .rg .btn{width:220px;}
.wish-list .btn-clse{position:absolute;top:24px;right:0;}

/* 증명서(수강확인서, 수료증) */
.certifi-wrap{position:relative;margin:0 auto;/* width: 21cm;height: 100vh; */width: 793px; height: 1123px; overflow:hidden;page-break-inside: avoid;background: url("../images/sub/bg-certi.png")no-repeat 50% 50%;background-size:cover;-webkit-print-color-adjust: exact;print-color-adjust: exact;  }
.certifi-wrap .num{margin-bottom:60px;padding:93px 0 0 95px;}
.certifi-wrap .certifi-box{width: 600px;margin: 0 auto;}
.certifi-wrap .certifi-box .top{text-align:center;}
.certifi-wrap .certifi-box .top .top-text{font-size:20px;line-height:30px;}
.certifi-wrap .certifi-box h1{margin:8px 0 24px;font-weight: 700;font-size: 50px;line-height: 70px;}
.certifi-wrap .certifi-box .info-box{display:flex;flex-direction:column;gap:12px;margin:80px 0;font-size:20px;line-height:30px;}
.certifi-wrap .certifi-box .info-box dl{min-height:60px;display:flex;gap:10px;align-items:center;}
.certifi-wrap .certifi-box .info-box dl dt{flex-shrink:0;width:97px;}
.certifi-wrap .certifi-box .info-box dl dt .nbsp{display: inline-block;width: 51px;}
.certifi-wrap .certifi-box .date{margin-bottom:42px;font-size: 26px;line-height: 36px;text-align:center;}
.certifi-wrap .certifi-box .seal{position:relative;z-index:1;display:inline-block;left: 50%;transform: translateX(-50%);font-weight: 700;font-size: 30px;line-height: 42px;text-align:center;}
.certifi-wrap .certifi-box .seal img{position:absolute;z-index:-1;top: -18px;right: -73px;}

@media print {
.certifi-wrap{background: url("../images/sub/bg-certi.png")no-repeat 50% 50%;background-size:cover;-webkit-print-color-adjust:exact;transform: scale(0.999); transform-origin: top left;}
.page:last-child {page-break-after: auto;}
}


/* 마이페이지- 결제하기 */
.payment-wrap{}
.order-view-wrap .con-box+.con-box{margin-top:60px;}
.payment-wrap .con-box+.con-box{margin:60px 0 0;}
.payment-wrap .sub-title-box-line{align-items:center;}
.payment-wrap .total-pay-box{display:flex;align-items:center;gap:8px;flex-wrap: wrap;padding:16px;justify-content: flex-end;background-color: #F3F8FD;}
.payment-wrap .total-pay-box dl{display:flex;gap:8px;align-items:center;font-weight:700;color:#484A4D;}
.payment-wrap .total-pay-box dt{}
.payment-wrap .total-pay-box dd{color:#FF4C58;}
.pay-method-list{display:flex;gap:10px;margin-top:16px;}
.pay-method-list li{flex:1;}
.pay-method-list li .form-radio{display:flex;flex-direction:column;gap:5px;padding:16px;text-align:center;border:1px solid #D8DBDF;border-radius:8px;}
.pay-method-list li .form-radio.active{border-color:#2949B1;}
.payment-wrap .agree-top{margin:60px 0 8px;color:#484A4D;font-weight:700;font-size:16px;line-height:24px;}
.payment-wrap .agree-wrap .rule-box{height:240px;margin-bottom:16px;padding:20px 6px 20px 24px;border:1px solid #E4E8ED;border-radius:16px;}
.payment-wrap .agree-wrap .rule-box .scroll-bar{height:100%;padding:20px 0;margin-right:6px;}
.payment-wrap .agree-wrap .text-box{color:#6A6C70;}
.payment-wrap .agree-wrap .text-box .title{display:inline-block;margin-bottom:8px;font-weight:700;font-size:16px;line-height:24px;color:#FF7700;}
.payment-wrap .agree-wrap .text-box+.text-box{margin-top:24px;}
.payment-wrap .rule-box h4{margin-bottom:16px;font-weight: 700;font-size: 20px;line-height: 30px;}
.payment-wrap .rule-box .dot-list{display: flex;flex-direction: column;row-gap: 4px;}
.payment-wrap .rule-box .dot-list li{display: flex;align-items: flex-start;}
.payment-wrap .rule-box .dot-list li::before{display:inline-block;margin: 9px 6px 0 0;width:5px;height:5px;border-radius:100%;background-color: #6A6C70;content:'';}
.payment-wrap .rule-box .dot-list li p{ width: calc(100% - 11px);}
.payment-wrap .rule-box a{color:#2881FF;text-decoration:underline;}

.payment-wrap .course-agree-box .sub-title-bor{margin-bottom:20px;}
.payment-wrap .course-agree-box .text-box{color:#6A6C70;}
.payment-wrap .course-agree-box .text-box p+p{margin:8px 0 0;}
.payment-wrap .course-agree-box .box-title{display:inline-block;margin-bottom:8px;color:#FF7700;font-weight:700;font-size:16px;line-height:24px;}
.payment-wrap .course-agree-box .text-box+.text-box{margin:40px 0 0;}
.payment-wrap .course-agree-box .text-box .list{display:flex;flex-direction:column;gap:20px;}
.payment-wrap .course-agree-box .col-tb{margin-top:8px;}
.payment-wrap .agree-bg-box{margin-top:40px;padding:24px;background-color: #F3F8FD;color:#6A6C70;border:1px solid #E4E8ED;border-radius:8px;}
.payment-wrap .agree-bg-box .form-check{margin-bottom:16px;}
.payment-wrap .card-num{display:flex;gap:8px;align-items:center;flex-wrap: wrap;}
.payment-wrap .select-custom-md+.select2-container .select2-selection--single{width:200px;}
.payment-wrap .select-custom-md+.select2-container{width:200px !important;}
.payment-wrap .card-num .inp-sm{width:60px;}
.payment-wrap .card-num .inp-last{width:120px;}

.course-type-radio{display:flex;gap:24px;flex-wrap:wrap;margin-top:16px;}
.course-type-radio li{width:calc((100% - 48px) / 3);}
.course-type-radio li >label{display: block;padding:24px;cursor:pointer;min-height:163px;border:1px solid #D8DBDF;border-radius:16px;}
.course-type-radio li.active label{border-color:#2949B1;background-color: #F9FCFF;}
.course-type-radio li strong{display:flex;align-items:center;gap:8px;font-size:16px;line-height:24px;}
.course-type-radio li .top{display:flex;justify-content:space-between;align-items:center;padding-bottom:8px;margin-bottom:10px;border-bottom:1px solid #E4E8ED;}
.course-type-radio li p{color:#6A6C70;font-size:14px;line-height:21px;}
.course-type-radio li input[type=radio]{width: 20px;height: 21px;margin-right: 6px;background-size: 100%;-webkit-appearance: none;-moz-appearance: none;appearance: none;-webkit-print-color-adjust: exact;background-image: url("../images/common/icon-radio-off.svg");background-repeat: no-repeat;}
.course-type-radio li input:checked[type=radio]{background-image: url("../images/common/icon-radio-on.svg");}
.pay-radio li{width:calc((100% - 72px) / 4);}
.pay-radio li >label{min-height:142px;}
.payment-wrap .b-file-nm{display:inline-block;margin-top:8px;color:#484A4D;}
.payment-wrap .w-180{flex: none !important;}
.payment-wrap .tl-auto{table-layout: auto;}
.payment-wrap .row-tb .noti-text{margin-top:8px;}

/* 마이페이지 - 결제완료 */
.payment-complete-top{margin-bottom:60px;display:flex;flex-direction:column;align-items:center;}
.payment-complete-top .text1{margin:16px 0 8px;font-size:20px;line-height:30px;font-weight:700;}
.payment-complete-top .text2{color:#484A4D;}

/* 학습방-메뉴 */
.class-left-menu{width:300px;min-height: 100dvh;/* height: calc(100dvh - 82px); */z-index: 8;overflow: auto;padding:40px 24px 40px 16px;transition:.3s;background-color: #181A27;box-shadow: 4px 0px 10px 0px rgba(0, 0, 0, 0.05);}
.class-left-menu ul{display:flex;flex-direction:column;gap:4px;}
.class-left-menu ul li{}
.class-left-menu ul li a{display:flex;align-items:center;gap:16px;padding:12px 16px;color:#9A9EA3;transition:.3s;border-radius:8px;font-size:18px;line-height:27px;font-weight:700;}
.class-left-menu ul li.active a{background-color: #2949B1;color:#fff;}

/* 학습방 */
.classroom-wrap{display:flex;}
.class-header .btn-class-allmenu{display:none;width:48px;height:48px;}
.class-header .btn-class-allmenu.active i{background: url("../images/sub/icon-class-allmenu-clse.svg");}
.class-header .btn-class-out{display:flex;gap: 4px;align-items: center;}
.classroom-wrap .container{max-width: 1424px;}
.classroom-wrap .sub-title-bor{padding-bottom:16px;}
.classroom-wrap .tb-top .sub-title-bor{border: 0;padding: 0;}
.class-header{padding:14px 60px;z-index:1;position: relative;display:flex;align-items:center;justify-content:space-between;background-color: #fff;box-shadow: 0px 4px 10px 0px rgba(0, 0, 0, 0.05);}
.classroom-wrap .contents{width:calc(100% - 300px);padding:40px 0 80px;background-color: #FEFEFE;}
.classroom-wrap .class-common{padding:54px 0 47px;margin-bottom:60px;background: url("../images/sub/bg-class-common.png");border-radius:16px;background-size:cover;}
.classroom-wrap .class-common .class-top-title{margin-bottom:16px;text-align:center;color:#FFFFFF;font-size:30px;line-height:42px;font-weight:700;}
.classroom-wrap .class-common .info-box{max-width: 800px;margin: 0 auto;display:flex;justify-content:center;padding:16px;background-color: #FFFEFE;border-radius:8px;color:#484A4D;font-size:16px;line-height:24px;}
.classroom-wrap .class-common .info-box dl{flex:1;display:flex;flex-direction:column;gap:2px;align-items:center;text-align:center;border-right:1px solid #E4E8ED;}
.classroom-wrap .class-common .info-box dl:last-of-type{border-right:0;}
.classroom-wrap .class-common .info-box dl dt{font-weight:700;}
.classroom-wrap .con-box+.con-box{margin:70px 0 0;}
.classroom-wrap .col-2-box-wrap{display:flex;gap:60px;}
.classroom-wrap .col-2-box-wrap .sm-box{width: calc((100% - 60px) / 2);position:relative;}
.classroom-wrap .col-2-box-wrap .sm-box li{border-bottom:1px solid #E0E7ED;}
.classroom-wrap .col-2-box-wrap .sm-box li a{display:flex;align-items:center;justify-content:space-between;padding:16px 8px;color:#484A4D;}
.classroom-wrap .col-2-box-wrap .sm-box li a p{max-width: calc(100% - 100px);overflow:hidden;white-space: nowrap;text-overflow: ellipsis;}
.classroom-wrap .col-2-box-wrap .sm-box .btn-more{flex:1;display:flex;align-items:center;gap:2px;position:absolute;top:7px;right:0;color:#6A6C70;font-size:13px;line-height:19px;font-weight:700;}
.classroom-wrap .lecture-tb {}
.classroom-wrap .lecture-tb .th-date{width: 192px;font-weight:700;}
.classroom-wrap .lecture-tb th{width:120px;font-weight:400;}
.classroom-wrap .lecture-tb th strong{display: block;}
.classroom-wrap .lecture-tb td{text-align:left}
.classroom-wrap .lecture-tb td.td-class-time{padding:0;}
.classroom-wrap .lecture-tb td.td-date{text-align:center;}
.classroom-wrap .lecture-tb .class-time-box-wrap{position:relative;height:160px;}
.classroom-wrap .lecture-tb .class-time-box{position:absolute;padding: 4px;background-color: #F3F8FD;border: 1px solid #E4E8ED;}
.classroom-wrap .lecture-tb .class-time-box .class-time{font-weight: 700;font-size: 14px;line-height: 21px;}
.classroom-wrap .lecture-tb .class-info{padding: 5px;font-size: 12px;line-height: 18px;margin-top: 5px;border:1px solid #E4E8ED;background-color: #fff;}


.classroom-wrap .row-bg-tb table tr {height: auto;}
.classroom-wrap .row-tb .bl-sm-tb{max-width:600px;}
.classroom-wrap .row-tb .bl-sm-tb thead th{padding:8px;font-size:14px;line-height:21px;border:1px solid #9CB9D6;border-left:0;text-align:center;background-color: #DEEDFC;}
.classroom-wrap .row-tb .bl-sm-tb thead th:last-child{border-right:0;}
.classroom-wrap .row-tb .bl-sm-tb td{border-right:1px solid #E4E8ED;}
.classroom-wrap .row-tb .bl-sm-tb td:last-child{border-right:0;}
.classroom-wrap .row-tb .dot-line{display: flex;font-size:14px;line-height:21px;gap: 3px;}
.classroom-wrap .row-tb .dot-line+.dot-line{margin-top:4px;}
.classroom-wrap .row-tb .dot-line .text{width: calc(100% - 86px);}
.classroom-wrap .row-tb .dot-line::before{display:inline-block;margin:8px 5px 0 0;border-radius:100%;width:5px;height:5px;background-color: #6A6C70;content:'';}
.classroom-wrap .row-tb .file-box input{flex:1;width:auto;max-width:none;}
.classroom-wrap .row-tb .file-box ..btn-outline-primary{flex-shrink:0;}
.classroom-wrap .class-list{}
.classroom-wrap .class-list li{display:flex;align-items:center;justify-content:space-between;padding:16px;border-bottom:1px solid #E4E8ED;}
.classroom-wrap .class-list li.total{background-color:#F3F8FD;flex-direction:column;align-items:flex-start;gap:8px;}
.classroom-wrap .class-list li.total .info{margin:0;}
.classroom-wrap .class-list .lf-text{display:flex;flex-direction:column;align-items:flex-start;}
.classroom-wrap .class-list .title{display:inline-block;margin:4px 0 8px;font-weight:700;}
.classroom-wrap .class-list .info{display:flex;color:#6A6C70;font-size:14px;line-height:21px;}
.classroom-wrap .class-list .info .progress-box span{color:#6A6C70;}
.classroom-wrap .class-list .info .progress-box::after{display:inline-block;margin:0 8px;width:1px;height:10px;background-color:#DBDEE2;content:'';}
.classroom-wrap .class-list .info .progress-box span::after{display:none;}
.classroom-wrap .class-list .info span{display:flex;align-items:center;}
.classroom-wrap .class-list .info span::after{display:inline-block;margin:0 8px;width:1px;height:10px;background-color:#DBDEE2;content:'';}
.classroom-wrap .class-list .info span:last-child::after{display:none;}
.classroom-wrap .lecture-list .title-line{display: flex;gap: 8px;margin:0 0 6px;}
.classroom-wrap .lecture-list .title-line .title{margin:0;}
.classroom-wrap .lecture-list .lf-text{gap: 2px;}
.classroom-wrap .read-wrap{border-top:1px solid #212529;}
.classroom-wrap .bg-red-box{margin-top:24px;color:#484A4D;font-size:14px;line-height:21px;border-radius:8px;padding:16px;background-color: #FDF2F3;}
.classroom-wrap .bg-red-box .text+.text{margin-top:16px;}
.classroom-wrap .bg-red-box .title{margin-bottom:10px;display:flex;align-items:center;gap:6px;color:#FF4C58;font-weight:700;}
.classroom-wrap .og-box{margin-top:16px;padding:16px;border:1px solid #FF7700;border-radius:8px;}
.classroom-wrap .og-box .text{margin-top:8px;color:#484A4D;}
.classroom-wrap .gray-box{margin-top:16px;padding:16px;border:1px solid #7F8186;border-radius:8px;}
.classroom-wrap .gray-box .text{margin-top:8px;color:#484A4D;}
.classroom-wrap .cont-top{display:flex;align-items:center;gap:8px;justify-content:center;margin-bottom:40px;font-weight:700;font-size:18px;line-height:27px;padding:16px;border:1px solid #2881FF;border-radius:8px;background-color: #EEF7FF;}
.classroom-wrap .class-view-box{margin-top:16px;padding:40px 24px;background-color: #fff;border:1px solid #E4E8ED;border-radius:16px;}
.classroom-wrap .class-view-box .evalu-result{display:flex;align-items: center;}
.classroom-wrap .class-view-box .evalu-result strong{font-size:18px;line-height:27px;font-weight:700;display:flex;align-items: center;gap: 8px;}
.classroom-wrap .class-view-box .view-top{text-align: center;}
.classroom-wrap .class-view-box .view-top .title{margin:24px 0;font-weight: 700;font-size: 22px;line-height: 33px;}
.classroom-wrap .class-view-box .view-top-left{padding-bottom:16px;margin-bottom:16px;border-bottom:1px solid #E4E8ED;}
.classroom-wrap .class-view-box .view-top-left .title{font-weight: 700;font-size: 18px;line-height: 27px;}
.classroom-wrap .class-view-box .view-top-left .text{margin-top:16px;color:#484A4D;}

.classroom-wrap .class-view-box .view-contents{color:#484A4D;}
.classroom-wrap .view-info-box{display:flex;align-items:center;justify-content:center;margin-bottom:24px;row-gap: 3px;flex-wrap: wrap;padding:16px;color:#484A4D;border-radius:8px;background-color: #F3F8FD;}
.classroom-wrap .view-info-box .line{display: flex;align-items: center;gap:4px;flex-wrap:wrap;}
.classroom-wrap .view-info-box .line::after{display:inline-block;margin:0 8px 0 4px;width:1px;height:10px;background-color:#DBDEE2;content:'';}
.classroom-wrap .view-info-box .line:last-child::after{display:none;}
.classroom-wrap .view-info-box .line span{display:flex;align-items:center;gap:4px;text-align: left;}

.classroom-wrap .view-info-box-col{display:flex;flex-direction:column;flex-wrap: wrap;row-gap:8px;padding:16px;color:#484A4D;border-radius:8px;background-color: #F3F8FD;}
.classroom-wrap .view-info-box-col span{display:flex;align-items:center;gap:4px;flex-shrink: 0;}
.classroom-wrap .view-info-box-col span:nth-child(2){flex:1;}

.classroom-wrap .class-view-box .line{display:flex;gap: 4px;align-items: center;    width: 100%;}
.classroom-wrap .class-view-box .line .flie-text{display:flex;align-items: center;gap: 4px;flex: 1;max-width: calc(100% - 54px);}
.classroom-wrap .class-view-box .line .file-image{line-height: 1;font-size: 16px;}
.classroom-wrap .class-view-box .line a{display:inline-block;white-space: normal;max-width: calc(100% - 23px);color:#484A4D;}
.classroom-wrap .class-view-box .line a:hover{text-decoration:underline;}
.classroom-wrap .class-view-box .line .badge{display:inline-flex;flex: 0 0 auto;}

.classroom-wrap .survey-list{margin-top:16px;display:flex;flex-direction:column;gap:16px;padding:24px 16px;border:1px solid #E4E8ED;border-radius:16px;}
.classroom-wrap .survey-list li{padding-bottom:16px;border-bottom:1px solid #E4E8ED;}
.classroom-wrap .survey-list li:last-child{border-bottom:0;}
.classroom-wrap .survey-list li .survey-q {display:flex;gap:8px;margin-bottom:16px;}
.classroom-wrap .survey-list li .survey-q .num{display:inline-block;padding:2px 4px;text-align:center;font-family:'Pretendard';border-radius:28px;min-width:40px;color:#FFFFFF;background-color: #0B3B81;font-size:16px;font-weight:700;line-height:24px;}
.classroom-wrap .survey-list li .survey-q .title{font-size:16px;line-height:24px;font-weight:700;}
.classroom-wrap .survey-list li .survey-a .line{display:flex;flex-direction:column;gap:8px;}
.classroom-wrap .survey-list li .tutor-nm{margin-top:16px;}
.classroom-wrap .survey-list li textarea{height:100px;}


/* 추가 survey */
.survey-wrap .top-title{margin-bottom:30px;font-weight: 700;font-size: 35px;line-height: 34px;text-align:center;}
.survey-wrap .survey-title{font-size:17px;font-weight:700;line-height:25px;}
.survey-wrap .view-info-box{padding:15px;border:1px solid #2881FF;background-color: #EEF7FF;border-radius:8px;}
.survey-wrap .view-info-box .row-line{display: flex;flex-direction: column;gap: 5px;font-size: 14px;background: #fff;border-radius: 5px;padding: 8px;margin: 15px 0;}
.survey-wrap .survey-list{margin-top:16px;display:flex;flex-direction:column;gap:16px;padding:24px 16px;border:1px solid #E4E8ED;border-radius:16px;}
.survey-wrap .survey-list li{padding-bottom:16px;border-bottom:1px solid #E4E8ED;}
.survey-wrap .survey-list li:last-child{border-bottom:0;}
.survey-wrap .survey-list li .survey-q {display:flex;gap:8px;align-items: flex-start;margin-bottom:16px;}
.survey-wrap .survey-list li .survey-q .num{display:inline-block;padding:2px 4px;text-align:center;font-family:'Pretendard';border-radius:28px;min-width:40px;color:#FFFFFF;background-color: #0B3B81;font-size:16px;font-weight:700;line-height:24px;}
.survey-wrap .survey-list li .survey-q .title{font-size:16px;line-height:24px;font-weight:700;}
.survey-wrap .survey-list li .survey-a .line{display:flex;flex-direction:column;gap:8px;}
.survey-wrap .survey-list li .tutor-nm{margin-top:16px;}
.survey-wrap .survey-list li textarea{height:100px;}


/* @@@@@@@@@추가된 학습시간 @@@@@@@*/
.class-tooltip-wrap{position:relative;}
.class-tooltip-box{position: absolute;bottom: 35px;left: 50%;transform: translate(-50% ,-5px);background-color: #BEE0FF;border-radius: 6px;padding: 10px;width: 163px;font-size: 14px;line-height: 21px;opacity:0;pointer-events: none;transition:.3s;}
.class-tooltip-box::after{position:absolute;bottom:-11px;left: 50%;transform: translateX(-50%);display:block;width:17px;height:13px;background: url("../images/sub/icon-class-polygon-b.png")no-repeat;content:'';}
.class-tooltip-box dl{display: flex;gap: 5px;}
.class-tooltip-box dl dt{font-weight: 700;}
.class-tooltip-toggle:hover + .class-tooltip-box {opacity:1;transform: translate(-50% ,0);}


/* 사업소개 */
.biz-contents{padding:60px 0 0;}
.biz-wrap{}
.biz-wrap .dot-list{display:flex;flex-direction:column;gap:4px;}
.biz-wrap .dot-list li{display:flex;align-items:flex-start;color:#6A6C70;font-size:14px;line-height:21px;font-weight:500;}
.biz-wrap .dot-list li::before{display:inline-block;margin-top: 8.5px;width:4px;height:4px;margin-right:8px;flex-shrink: 0;border-radius:100%;background-color: #6A6C70;content:'';}
.biz-top-com{margin-bottom:80px;}
.biz-top-com .top-title{margin-bottom:32px;font-weight: 700;font-size: 40px;line-height: 56px;}
.biz-top-box{margin-bottom:80px;}
.biz-top-box .sub-top-title{margin-bottom:16px;font-weight: 700;font-size: 30px;line-height: 42px;}
.biz-top-box .sub-top-text{margin-bottom:24px;color:#484A4D;}
.biz-wrap .con-title-box{display:flex;flex-direction:column;gap:12px;margin-bottom:40px;}
.biz-wrap .con-title-box .con-title{font-size:16px;font-weight:700;line-height:24px;}
.biz-wrap .con-title-box .con-text{font-size:30px;line-height:42px;font-weight:700;}

.biz-wrap .sub-text{color:#484A4D;font-size:16px;line-height:24px;font-weight:500;}
.biz-wrap .lg-title{font-weight: 700;font-size: 36px;line-height: 51px;}

/* 사업소개/ 체계수립 */
.biz-sytem-wrap .sec-system-01{padding:80px 0;background: linear-gradient(180deg, #FFFFFF 0%, #DFF3FF 48.08%, #A2CAFF 100%);}
.biz-sytem-wrap .sec-system-01 .container{display: flex;flex-direction: column;align-items: center;justify-content: center;text-align:center;}
.biz-sytem-wrap .sec-system-01 .sub-text{margin-bottom: 24px;}
.biz-sytem-wrap .sec-system-01 .lg-title{margin-bottom: 60px;}
.biz-wrap .system-list{display:flex;gap:24px;flex-wrap:wrap;}
.biz-wrap .system-list > li{width:calc((100% - 24px)  / 2);height:187px;display:flex;justify-content:space-between;padding:24px;border:1px solid #BCDBFF;background-color: #EEF6FF;border-radius:8px;}
.biz-wrap .system-list > li:nth-child(2),.biz-wrap .system-list > li:nth-child(3){border-color:#E0E3EA;background-color: #F6F9FD;}
.biz-wrap .system-list > li .lf-text{display:flex;flex-direction:column;gap:16px;}
.biz-wrap .system-list > li .lf-text .title{display:flex;align-items:center;gap:6px;font-size:18px;line-height:27px;font-weight:700;}
.biz-sytem-wrap .sec-system-02{padding:100px 0;}

.biz-sytem-wrap .sec-roadmap{padding:40px 0 80px;background: linear-gradient(180deg, #FFFFFF 0%, #F5FAFF 100%);}
.biz-sytem-wrap .sec-roadmap .container{display: flex;flex-direction: column;align-items: center;justify-content: center;}
.biz-sytem-wrap .sec-roadmap .lg-title{margin:24px 0 16px;text-align:center;}
.biz-sytem-wrap .sec-roadmap .sub-text{text-align:center;}
.biz-sytem-wrap .roadmap-list{display:flex;gap:24px;flex-wrap:wrap;margin-top:60px;}
.biz-sytem-wrap .roadmap-list > li{width:calc((100% - 24px)  / 2);height:272px;padding:24px;border:1px solid #A07CFF;border-radius:16px;}
.biz-sytem-wrap .roadmap-list > li:first-child{background-color: #FAF8FF;}
.biz-sytem-wrap .roadmap-list > li:nth-child(2){border-color:#EB7470;background-color: #FFFAFA;}
.biz-sytem-wrap .roadmap-list > li:nth-child(3){border-color:#2881FF;background-color: #EDF4FF;}
.biz-sytem-wrap .roadmap-list > li:nth-child(4){border-color:#59BF00;background-color: #F9FDF2;}
.biz-sytem-wrap .roadmap-list .sm-title{display:inline-block;margin-bottom:8px;color:#A07CFF;font-size:16px;line-height:24px;font-weight:700;}
.biz-sytem-wrap .roadmap-list .title{margin-bottom:16px;font-size:20px;line-height:30px;font-weight:700;}
.biz-sytem-wrap .roadmap-list > li:nth-child(2) .sm-title{color:#EB7470;}
.biz-sytem-wrap .roadmap-list > li:nth-child(3) .sm-title{color:#2881FF;}
.biz-sytem-wrap .roadmap-list > li:nth-child(4) .sm-title{color:#59BF00;}

/* 사업소개/과정개발 */
.biz-process-wrap{}
.biz-process-wrap .sec-off-01{padding:80px 0;background: linear-gradient(359.03deg, #002B6D 0.85%, #0957CF 99.19%);}
.biz-process-wrap .sec-off-01>.container{display: flex;flex-direction: column;gap:30px;align-items: center;justify-content: center;}
.biz-process-wrap .sec-off-01 .lg-title{text-shadow: 0 0px 20px #5B8FFF;color: #D3E7FE;text-align:center;}
.biz-process-wrap .sec-off-01 .logo-box{display: grid;grid-template-columns: 1fr 1fr 1fr 1fr;gap: 60px;flex-wrap: wrap;max-width: 820px;justify-content: center;margin: 0 auto;}
.biz-process-wrap .sec-off-02{padding:100px 0;background-color: #FBFDFF;}
.biz-process-wrap .step-list-box{display:grid;gap:24px;grid-template-columns: 1fr 1fr 1fr 1fr;}
.biz-process-wrap .step-list-box+.step-list-box{margin:60px 0 0;}
.biz-process-wrap .step-list-box .step-box{flex:1;}
.biz-process-wrap .step-list-box .title{display:flex;gap:8px;align-items:center;margin-bottom:8px;padding:16px;color:#fff;font-size:16px;line-height:24px;font-weight:700;background-color: #013E86;border-radius:8px;}
.biz-process-wrap .step-list-box .title em{display:flex;align-items:center;justify-content:center;padding:3px 7px;background-color: #FFFFFF;font-size:12px;line-height:18px;font-weight:700;border-radius:999px;color:#013E86;}
.biz-process-wrap .step-list-box .item-box{display:flex;align-items:center;gap:16px;border:1px solid #C1D0F8;border-radius:8px;padding:12px 16px;background-color: #EAF2FF;color:#484A4D;font-weight:700;}
.biz-process-wrap .step-list-box .item-box+.item-box{margin:16px 0 0;}
.biz-process-wrap .step-list-box .item-box i{flex-shrink:0;}
.biz-process-wrap .step-list-box-learn .title{background-color: #2881FF;}
.biz-process-wrap .step-list-box-learn .title em{color:#2881FF;}
.biz-process-wrap .step-list-box-learn .item-box{border:1px solid #BCDBFF;background-color: #EEF6FF;}

.biz-process-wrap .sec-learning-01{padding:80px 0;background: linear-gradient(180deg, #122036 0%, #122C5C 100%);}
.biz-process-wrap .sec-learning-01>.container{display: flex;flex-direction: column;gap:60px;align-items: center;justify-content: center;}
.biz-process-wrap .sec-learning-01 .lg-title{margin-bottom:24px;text-shadow: 0 0px 20px #5B8FFF;color: #D3E7FE;text-align:center;}
.biz-process-wrap .sec-learning-01 .sub-text{color: #A5B3C9;text-align:center;}
.biz-process-wrap .sec-learning-01 .intro-box-wrap{display:flex;gap:40px;flex-wrap:wrap;}
.biz-process-wrap .sec-learning-01 .intro-box-wrap .intro-box{flex:1;padding:24px;border-radius:8px;background-color:rgba(255, 255, 255, 0.1);}
.biz-process-wrap .sec-learning-01 .intro-box-wrap .title{margin-bottom:12px;display:flex;align-items:flex-start;gap:4px;color:#fff;font-weight: 700;font-size: 18px;line-height: 27px;}
.biz-process-wrap .sec-learning-01 .intro-box-wrap .title i{flex-shrink:0;margin-top:3.5px;}
.biz-process-wrap .sec-learning-01 .intro-box-wrap .text{color:#9CB9D6;font-size:14px;line-height:21px;font-weight:500;}
.biz-process-wrap .sec-learning-02{padding:100px 0;background-color: #FBFDFF;}
.biz-process-wrap .sec-learning-02 .card-wrap{position: relative;}
.biz-process-wrap .sec-learning-02 .card-box{display:flex;align-items: center;justify-content: center;position: relative;max-width: 1234px;width:100%;margin: 0 auto;padding: 40px 0;overflow: hidden;}
.biz-process-wrap .sec-learning-02 .card-inner{display: block;position: relative;width: 336px;height: 320px;margin: 0 auto;touch-action: pan-y;}
.biz-process-wrap .sec-learning-02 .card-item{ position: absolute;left: 0;top: 0;transform-origin: 50% calc(5560px / 2);transition: transform 0.45s cubic-bezier(.22,.61,.36,1);transition-duration: 0.45s;width:336px;height:320px;background: #fff;overflow: hidden;border-radius: 24px;box-shadow: 0px 0px 10px 0px #E5EEF8;}

.biz-process-wrap .sec-learning-02 .card-btn-prev{position:absolute;z-index: 5;top:50%;transform:translateY(-50%);left: -94px;width:54px;height:55px;background:url("../images/main/icon-swiper-prev-new.svg")no-repeat 50% 50%;background-size:100%;}
.biz-process-wrap .sec-learning-02 .card-btn-next{position:absolute;z-index: 5;top:50%;transform:translateY(-50%);right: -94px;width:54px;height:55px;background:url("../images/main/icon-swiper-next-new.svg")no-repeat 50% 50%;background-size:100%;}

.biz-process-wrap .sec-learning-02 .card-wrap .top{display: flex;align-items: center;gap: 12px;padding:20px 16px;border-bottom:1px solid #E4E8ED;border-radius:24px 24px 0 0;} 
.biz-process-wrap .sec-learning-02 .card-wrap .top .text{display:flex;flex-direction:column;gap:4px;}
.biz-process-wrap .sec-learning-02 .card-wrap .top .text strong{color: #fff;font-size: 22px;line-height: 33px;font-weight: 700;}
.biz-process-wrap .sec-learning-02 .card-wrap .top .text p{font-size: 14px;line-height: 21px;color: #EFF0F3;}
.biz-process-wrap .sec-learning-02 .card-wrap .text-box{padding:24px 20px;background-color: #fff;} 
.biz-process-wrap .sec-learning-02 .card-wrap .text-box dt{display:flex;flex-direction:column;gap:2px;}
.biz-process-wrap .sec-learning-02 .card-wrap .text-box dt strong{display:flex;align-items:center;gap:4px;margin-bottom:16px;font-size:18px;line-height:27px;font-weight:700;}
.biz-process-wrap .sec-learning-02 .card-wrap .text-box dt span{font-size:14px;line-height:21px;font-weight:500;}
.biz-process-wrap .sec-learning-02 .color-01 .top{background-color: #2949B1;} 
.biz-process-wrap .sec-learning-02 .color-02 .top{background-color: #885DF9;} 
.biz-process-wrap .sec-learning-02 .color-03 .top{background-color: #2CC09E;} 
.biz-process-wrap .sec-learning-02 .color-04 .top{background-color: #3A8BFF;} 
.biz-process-wrap .sec-learning-02 .color-05 .top{background-color: #013E86;} 
.biz-process-wrap .sec-learning-02 .color-06 .top{background-color: #5540A1;} 

/* 사업소개/bpo */
.biz-bpo-wrap{background: linear-gradient(180deg, #FFFFFF 0%, #F5FAFF 100%);}
.biz-bpo-wrap .sec-bpo-01{}
.biz-bpo-wrap .sec-bpo-01 >.container{display: flex;flex-direction: column;gap:24px;align-items: center;justify-content: center;text-align:center;}
.biz-bpo-wrap .sec-bpo-01 >.container img{margin-bottom:36px;}
.biz-bpo-wrap .sec-bpo-02{padding:120px 0 100px;}
.biz-bpo-wrap .sec-bpo-02 .bpo-step-list{display:grid;gap:24px;grid-template-columns: 1fr 1fr 1fr 1fr;margin-bottom:60px;}
.biz-bpo-wrap .sec-bpo-02 .bpo-step-list > li{border-radius:8px;overflow:hidden;border:1px solid #2881FF;}
.biz-bpo-wrap .sec-bpo-02 .bpo-step-list > li .title{display:flex;align-items:center;justify-content:space-between;padding:12px 16px;color:#fff;background-color: #2881FF;font-weight: 700;font-size: 16px;line-height: 24px;}
.biz-bpo-wrap .sec-bpo-02 .bpo-step-list > li .title em{padding:3px 7px;background-color: #fff;color:#2881FF;font-size:12px;line-height:18px;font-weight:700;border-radius:999px;}
.biz-bpo-wrap .sec-bpo-02 .bpo-step-list > li .title span{display:flex;align-items:center;gap:8px;}
.biz-bpo-wrap .sec-bpo-02 .bpo-step-list > li .box{height:215px;padding:16px;background-color: #fff;}
.biz-bpo-wrap .sec-bpo-02 .bpo-step-list .dot-list{gap:8px;width:100%;height:100%;}
.biz-bpo-wrap .sec-bpo-02 .bpo-step-list .dot-list li{flex-wrap:wrap;color: #484A4D;}
.biz-bpo-wrap .sec-bpo-02 .bpo-step-list .dot-list li::before{color: #484A4D;}
.biz-bpo-wrap .sec-bpo-02 .bpo-step-list .dot-list li span{margin:4px 0 0 12px;width: 100%;display: inline-block;color: #6A6C70;font-size: 13px;line-height: 19px;}
.biz-bpo-wrap .sec-bpo-02 .img-list{display:grid;grid-template-columns: 1fr 1fr 1fr;gap:24px;}
.biz-bpo-wrap .sec-bpo-02 .img-list .img{margin-bottom:16px;border:1px solid #B2CDE8;border-radius:8px;overflow:hidden;}
.biz-bpo-wrap .sec-bpo-02 .img-list .img img{width: 100%;}
.biz-bpo-wrap .sec-bpo-02 .img-list .title{display:flex;align-items:center;gap:8px;color:#484A4D;font-size:16px;line-height:24px;font-weight:700;}

/* 사업소개/솔루션 */
.biz-solution-wrap{}
.biz-solution-wrap .sub-text{font-size:15px;line-height:23px;}
.biz-solution-wrap .sec-solution-01{padding:80px 0;background:url("../images/sub/bg-biz-solution-off-sec1.png")no-repeat 0 50%;background-size:cover;}
.biz-solution-wrap .sec-solution-01 >.container{display:flex;flex-direction:column;}
.biz-solution-wrap .sec-solution-01 .lg-title{margin-bottom:24px;text-align:center;}
.biz-solution-wrap .sec-solution-01 .chk-list{display: flex;flex-direction: column;gap: 8px;max-width: 872px;margin: 0 auto;}
.biz-solution-wrap .sec-solution-01 .chk-list li{display: flex;align-items: flex-start;gap: 8px;font-size: 16px;line-height: 24px;color: #484A4D;}
.biz-solution-wrap .sec-solution-01 .chk-list li i{margin-top:3px;}
.biz-solution-wrap .sec-solution-02{padding:100px 0;background: linear-gradient(180deg, #FFFFFF 0%, #F5FAFF 100%);}
.biz-solution-wrap .sec-solution-02 .point-box-wrap{display:flex;gap:24px;margin-bottom:24px;}
.biz-solution-wrap .sec-solution-02 .point-box{flex:1;display:flex;flex-direction:column;align-items:center;gap:8px;padding:16px;border-radius:8px;text-align:center;background-color: #013E86;color:#fff;font-weight: 700;font-size: 16px;line-height: 24px;}
.biz-solution-wrap .sec-solution-02 .point-box em{padding:3px 7px;background-color: #fff;border-radius:999px;color:#013E86;font-size:12px;line-height:18px;font-weight:700;}
.biz-solution-wrap .sec-solution-02 .features-list{display:flex;gap:24px;}
.biz-solution-wrap .sec-solution-02 .features-list > li{flex:1;border-radius:8px;overflow:hidden;border:1px solid #0097DF;}
.biz-solution-wrap .sec-solution-02 .features-list .color-02{border-color:#2881FF;}
.biz-solution-wrap .sec-solution-02 .features-list .color-03{border-color:#2949B1;}
.biz-solution-wrap .sec-solution-02 .features-list .top{display: flex;flex-direction: column;gap: 4px;align-items: center;font-size: 16px;line-height: 24px;text-align: center;font-weight: 700;padding:12px;}
.biz-solution-wrap .sec-solution-02 .features-list .top span{font-size:14px;line-height:21px;font-weight:500;}
.biz-solution-wrap .sec-solution-02 .features-list .color-01 .top{background-color: #E0F5FF;color:#0097DF;}
.biz-solution-wrap .sec-solution-02 .features-list .color-02 .top{background-color: #E3EEFF;color:#2881FF;}
.biz-solution-wrap .sec-solution-02 .features-list .color-03 .top{background-color: #EAEFFF;color:#2949B1;}
.biz-solution-wrap .sec-solution-02 .features-list .box{display:flex;flex-direction:column;gap:16px;height: 100%;padding:0 16px;background-color: #fff;}
.biz-solution-wrap .sec-solution-02 .features-list .box li{display:flex;flex-direction:column;gap:8px;align-items: center;padding:16px 0;text-align: center;border-bottom:1px solid #E4E8ED;}
.biz-solution-wrap .sec-solution-02 .features-list .box li:last-child{border-bottom:0;}
.biz-solution-wrap .sec-solution-02 .features-list .box li .title{font-weight:700;}
.biz-solution-wrap .sec-solution-02 .features-list .box li .dot-text{position: relative;padding-left: 12px;color:#6A6C70;font-size:14px;line-height:21px;text-align:center;font-weight:500;}
.biz-solution-wrap .sec-solution-02 .features-list .box li .dot-text::before{display:inline-block;position:absolute;top:8.5px;left:0;width:4px;height:4px;margin-right:8px;flex-shrink: 0;border-radius:100%;background-color: #6A6C70;content:'';}

.biz-solution-wrap .sec-solution2-01{padding:40px 0 100px;}
.biz-solution-wrap .sec-solution2-01 .step-list-wrap{display:grid;gap:24px;margin-bottom:24px;grid-template-columns: 1fr 1fr 1fr 1fr;}
.biz-solution-wrap .sec-solution2-01 .step-list{display:flex;flex-direction:column;gap:12px;}
.biz-solution-wrap .sec-solution2-01 .step-box{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:4px;padding:16px;border-radius:8px;}
.biz-solution-wrap .sec-solution2-01 .step-box .step{display:inline-block;margin-bottom:4px;padding:3px 7px;color:#fff;font-size:12px;line-height:18px;font-weight:700;border-radius:999px;}
.biz-solution-wrap .sec-solution2-01 .step-box strong{font-weight:700;font-size:16px;line-height:24px;}
.biz-solution-wrap .sec-solution2-01 .step-box span{font-size:14px;line-height:21px;font-weight:500;}
.biz-solution-wrap .sec-solution2-01 .step-box-01{border:1px solid #02A287;background-color: #E9F9F6;color:#02A287;}
.biz-solution-wrap .sec-solution2-01 .step-box-01 .step{background-color: #02A287;}
.biz-solution-wrap .sec-solution2-01 .step-box-02{border:1px solid #0097DF;background-color: #E0F5FF;color:#0097DF;}
.biz-solution-wrap .sec-solution2-01 .step-box-02 .step{background-color: #0097DF;}
.biz-solution-wrap .sec-solution2-01 .step-box-03{border:1px solid #2881FF;background-color: #E3EEFF;color:#2881FF;}
.biz-solution-wrap .sec-solution2-01 .step-box-03 .step{background-color: #2881FF;}
.biz-solution-wrap .sec-solution2-01 .step-box-04{border:1px solid #2949B1;background-color: #EAEFFF;color:#2949B1;}
.biz-solution-wrap .sec-solution2-01 .step-box-04 .step{background-color: #2949B1;}
.biz-solution-wrap .sec-solution2-01 .step-con{display:flex;flex-direction:column;gap:16px;padding:16px;border:1px solid #E4E8ED;border-radius:8px;}
.biz-solution-wrap .sec-solution2-01 .step-con .bg-box{padding:16px 14px;background-color:#F3F5F9;border-radius:8px;}
.biz-solution-wrap .sec-solution2-01 .step-con .bg-box strong{display: flex;align-items: center;gap: 4px;margin-bottom: 8px;}

.biz-solution-wrap .sec-solution2-01 .bg-color-box{display:flex;justify-content:center;gap:8px;padding:16px;border-radius:8px;background-color:#F1F1FB;border:1px solid #713CFC;color:#713CFC;font-size:16px;line-height:24px;font-weight:700;}
.biz-solution-wrap .sec-solution2-02{padding:100px 0;background-color: #F6F9FF;}
.biz-solution-wrap .sec-solution2-02 .bg-color-box{margin-bottom:24px;display:flex;justify-content:center;gap:8px;padding:16px;border-radius:8px;background-color:#EAEFFF;border:1px solid #2949B1;color:#2949B1;font-size:16px;line-height:24px;font-weight:700;}
.biz-solution-wrap .sec-solution2-02 .step-box-wrap{display:flex;gap:24px;}
.biz-solution-wrap .sec-solution2-02 .step-box-wrap .step{display:flex;flex-direction:column;gap:8px;align-items:center;justify-content:center;width:101px;padding:16px;border:1px solid #FF7700;border-radius:8px;background-color: #FFF8F3;font-size:16px;line-height:24px;font-weight:700;}
.biz-solution-wrap .sec-solution2-02 .step-box-wrap .step em{color:#FF7700;font-size:12px;line-height:18px;}
.biz-solution-wrap .sec-solution2-02 .step-box-wrap .text-box{flex: 1;padding:24px;border:1px solid #E9EBF2;border-radius:8px;background-color: #fff;}
.biz-solution-wrap .sec-solution2-02 .step-box-wrap .text-box .text-secondary{display:flex;gap:4px;align-items:center;font-size:14px;line-height:21px;}
.biz-solution-wrap .sec-solution2-02 .step-box-wrap .text-box >ul{display:flex;flex-direction:column;gap:24px;}
.biz-solution-wrap .sec-solution2-02 .step-box-wrap .text-box .title{display:flex;gap:4px;margin-bottom:8px;color:#484A4D;font-size:16px;line-height:24px;font-weight:700;}
.biz-solution-wrap .sec-solution2-02 .step-box-wrap .text-box .num{display:flex;align-items:center;justify-content:center;background-color:#013E86;width:24px;height:24px;border-radius:100%;color:#FFFFFF;font-size:12px;line-height:18px;font-weight:700;}
.biz-solution-wrap .sec-solution2-02 .step-box-wrap .text-box .dot-list{flex-direction: row;flex-wrap: wrap;gap: 0;margin-bottom: 8px;}
.biz-solution-wrap .sec-solution2-02 .step-box-wrap .text-box .dot-list2 li{width: 50%;}


/* 공통 ani */
.reveal {opacity: 0;transform: translateY(35px);transition: opacity 0.6s ease-out, transform 0.6s ease-out;}
.reveal.is-visible {opacity: 1;transform: translateY(0);}






/* ----------------------------------media 1200px-------------------*/
@media (max-width: 1200px) { 

/* 과정 상세  */
.course-view-wrap .course-top {gap: 15px;}
.course-view-wrap .course-btm-fix .container{gap:15px;}
.course-btm-fix .calendar-box .calendar {width: 120px;}
.course-view-wrap .course-swiper{overflow: hidden;}
.course-view-wrap .course-swiper .swiper-button-prev{left:0;}
.course-view-wrap .course-swiper .swiper-button-next{right:0;}

/* 학습방 */
.class-left-menu {width: 250px;}
.classroom-wrap .contents{width: calc(100% - 250px);}
.classroom-wrap .class-common {padding: 54px 15px 47px;}
.classroom-wrap .class-common .class-top-title {font-size: 26px;line-height: 36px;}
.classroom-wrap .class-common .info-box{width: calc(100% - 30px);}
.classroom-wrap .col-2-box-wrap {gap: 30px;}
.classroom-wrap .col-2-box-wrap .sm-box {width: calc((100% - 30px) / 2);}

.sub-menu ul {gap: 46px;}

}

/* ----------------------------------media 1024px-------------------*/
@media (max-width: 1024px) { 
.form-box {padding: 20px 15px;}
.contents {padding: 40px 0 60px;min-height:400px;}


/* sub menu */
.sub-menu{padding-top: 40px;margin: 0px 0 24px;position:relative;}
.sub-menu .mo-title{display:flex;}
.sub-menu ul{display:none;flex-direction:column;gap:0;position: absolute;top: 88px;width: 100%;z-index: 99;background: #fff;}
.sub-menu ul.open{display:flex;}
.sub-menu ul li{border-bottom: 1px solid #E4E8ED;}
.sub-menu ul li a{display:flex;align-items:center;justify-content:center;padding:10.5px 15px;background-color:#FFFFFF;border-radius:0;color:#9A9EA3;font-size:16px;line-height:24px;font-weight:700;}
.sub-menu li.active a{color:#9A9EA3;border:0;}
/* .sub-menu ul li.active a{background: #fff;color: #969EA7;border-radius: 0;} */

.sub-title{font-size: 18px;line-height: 26px;}
.sub-title-sm{font-size: 18px;line-height: 26px;}
.sub-title-bor{font-size: 18px;line-height: 26px;}

/* sub visual */
.sub-visual {text-align: center;height: 200px;top:24px;gap: 8px;margin-bottom:24px;}
.sub-visual .title {font-size: 30px;line-height: 42px;}
.sub-visual .desc {font-size: 13px;line-height: 19px;}
.sub-visual-company::before {background-position: 54% 0;}
.sub-visual-course::before {background-position: 50% 0;}
.sub-visual-type::before {background-position-x: 100%;}

/* subvisual 없는 */
.submenu-none-top {padding-bottom: 15px;}
.submenu-none-top h2 {margin: 8px 0 0;font-size: 23px;line-height: 30px;}

/* bor-tab */
.bor-tab li a{height: 100%;padding: 9.5px 10px;font-size: 14px;line-height: 21px;}

/* bk-tab */
.bk-tab{gap:8px;}
.bk-tab li a{padding: 7px 14px;line-height: 24px;font-size: 15px;border-radius: 40px;}
.bk-tab li button{padding: 7px 14px;line-height: 24px;font-size: 15px;border-radius: 40px;}

/* 회원가입 */
.join-agree-top h3 {font-size: 22px;line-height: 36px;}
.join-agree-top h4{font-size: 22px;line-height: 36px;}
.join-step {max-width: 274px;}
.join-step li{width: 56px;padding:62px 0 0;background-size:100% !important;}
.join-step li strong{font-size: 15px;line-height: 23px;}
.join-step li::after {right: -42px;width: 25px;height: 25px;}

.join-certify-type{flex-wrap:wrap;}
.join-certify-type li{flex:auto;}
.join-certify-type li label {gap: 15px;padding: 16px 15px;border-radius:13px;}
.join-certify-type li label i{width:70px;height:70px;}
.join-certify-type li .text {gap: 5px;width: calc(100% - 85px);}
.join-certify-type li .text strong {font-size: 18px;line-height: 26px;}

.agree-top-title{margin-bottom: 30px;font-size: 24px;line-height: 36px;}
.join-box {margin-bottom: 60px;}
.join-box .title-line {flex-wrap: wrap;row-gap: 8px;margin: 60px 0 15px;}
.agree-line{flex-wrap: wrap;justify-content: flex-end;row-gap: 10px;}
.agree-line h4{width:100%;}
.agree-line h5{width:100%;}
.join-box .title-line h3 {font-size: 18px;line-height: 29px;}
.join-complete strong {font-size: 22px;line-height: 36px;}
.join-box .rule-wrap {margin-bottom: 40px;padding: 20px 0 20px;}


/* 로그인 */
.login-wrap .top-title {margin-bottom: 20px;font-size: 22px;line-height: 36px;}
.login-box {padding: 20px 15px;}

/* 아이디 비번 찾기 */
.find-text-box{font-size: 14px;}
.find-text-box .center-box {padding: 20px 15px;}
.find-text-box .center-box strong {font-size: 18px;line-height: 28px;}
.find-text-box .center-box .text-orange {font-size: 20px;line-height: 28px;}
.find-text-box .center-box p {font-size: 15px;line-height: 23px;}
.find-box .find-result .top {font-size: 16px;line-height: 23px;}
.find-box .email-num-line {flex-wrap:wrap;}
.find-box .email-num-line input {width: calc((100% - 31px) / 2);}
.find-box .email-num-line .btn{width:100%;}
.find-box .tel-line{flex-wrap:wrap;}
.find-box .tel-num-line input{width: calc(100% - 108px);}
.find-box .tel-line input,.find-box .tel-line .select2-container{width:calc((100% - 43px) / 3) !important;}
.find-box .tel-line .btn{width:100%}
.find-box #emailBox2 .text-secondary {margin-top: 10px;font-size: 14px;line-height: 21px;}


/* 개인정보처리방침 */
.rule-wrap {font-size: 14px;line-height: 22px;}
.rule-wrap h2 {margin-bottom: 13px;font-size: 16px;line-height: 24px;}
.rule-wrap h3 {margin-bottom: 15px;font-size: 15px;line-height: 23px;}
.rule-wrap h4 {margin-bottom: 6px;font-size: 15px;line-height: 23px;}
.rule-wrap .scroll-bar {padding: 0 15px;}
.privacy-wrap .link-box {padding: 12px;}
.privacy-wrap .link-box .text-blue {margin-bottom: 10px;font-size: 15px;line-height: 23px;}
.privacy-wrap .link-box ul {gap: 3px;font-size: 14px;line-height: 22px;}
.privacy-wrap h3 {margin-bottom: 6px;font-size: 15px;line-height: 23px;}
.privacy-wrap .box {margin-top: 20px;}
.rule-wrap .box {margin-bottom: 20px;}

/* col-tb */
.tb-top{flex-direction: column;align-items: flex-start;gap: 6px;padding-bottom: 10px;}
.tb-top .total-num{font-size: 16px;line-height: 24px;}
.tb-top-row{padding-bottom:10px;}
.bg-srch-box{margin-bottom:20px;padding: 15px 10px;}
.bor-srch-box{width:100%;}
.bor-srch-box input{width:calc(100% - 168px);}
.bor-srch-box2 input{width: calc(100% - 80px);}
.bg-srch-box .bor-srch-box input{width: calc(100% - 82px);}
.pc-list{display:none;}
.mo-list{display:block;}

/* bor-tb */
.bor-tb table {font-size: 14px;line-height: 21px;}
.bor-tb th {padding: 8px 0;font-size: 14px;line-height: 22px;}
.bor-tb td {padding:8px;}


/* row-tb */
.row-tb table tr{display: flex;flex-direction: column;height:auto;}
.row-tb table th{width:100%;padding-top: 10px;font-size: 15px;line-height: 23px;}
.row-tb table td{width:100%;padding:10px 0;}
.row-tb table .line{flex-wrap:wrap;row-gap:8px;}
.row-tb table .line input{width:100%;max-width:none;}
.row-tb table .line.line2 input[type="text"],.row-tb table .line.line2 input[type="email"],.row-tb table .line.line2 input[type="tel"] {width: calc(100% - 82px);}
.row-tb table .email-line{flex-wrap:wrap;row-gap:8px;}
.row-tb table .email-line input{flex: none;width: calc((100% - 31px) / 2) !important;;}
.row-tb table .email-line .select2-container{width: calc(100% - 82px) !important;}
.row-tb table input{max-width:none;}
.row-tb table .tel-line input, .row-tb table .tel-line select {flex: auto;max-width: none}
.join-box .row-tb table select{width:100%;flex: auto;}
.row-tb table .tel-line input, .row-tb table .tel-line .select2-container,.row-tb table .tel-line select {max-width: 120px !important;flex:none;width: calc((100% - 46px) / 3) !important;}

/* bg 있는 row-tb */
.row-bg-tb table tr{display: flex;flex-direction: column;flex-wrap: wrap;height:auto;border:0 !important;}
.row-bg-tb table th{width:100%;padding:10px 8px;}
.row-bg-tb table td{padding: 10px 8px;border-bottom: 1px solid #E4E8ED !important;}

/* 교육일정 */
.schedule-top {margin:40px 0 10px;flex-wrap: wrap;row-gap: 10px;}
.schedule-top .schedule-month{gap:8px;font-size: 18px;line-height: 26px;}
.schedule-top select{width:200px;}
.schedule-list li{flex-wrap: wrap;row-gap: 10px;padding: 15px 0;}
.schedule-list li .lf-text{width: 100%;}
.schedule-list li .lf-text .title {font-size: 15px;line-height: 22px;}
.schedule-list li .btn-md{width:100%;}

/* 과정 리스트 */
.filter-box-wrap{padding: 16px 15px;}
.filter-box-wrap .filter-box{gap:0;width:100%;margin-bottom: 10px;font-size: 13px;line-height: 20px;}
.filter-box-wrap .filter-box .filter-list{gap: 3px;width: calc(100% - 66px);}
.filter-box-wrap .filter-box .title{width:66px;}
.filter-box-wrap .filter-box .filter-list li a{padding: 4.5px 10.5px;}
.filter-box-wrap .calendar-box{flex-wrap: wrap;width: calc(100% - 66px);gap:3px;}
.filter-box-wrap .calendar-box input{padding: 6px 0;}
.filter-box-wrap .filter-box-line .srch-box{display:flex;gap:6px;width: calc(100% - 66px);}
.filter-box-wrap .filter-box-line .srch-box input{padding: 6px 0;width:calc(100% - 50px);max-width:300px;border-radius: 6px;}

.course-wrap{flex-wrap: wrap;padding: 0;}
.course-list-top{flex-wrap:wrap;gap:15px;}
.course-list-top .chk-list{width:100%;}
.course-wrap .course-rg {width:100%;padding: 0 16px;}

.lnb-box{position: fixed;background: #fff;z-index: 999;bottom: -100%;transition:.3s;border-radius: 16px 16px 0 0;width: 100%;margin: 0;width:100%;}
.lnb-box.active{bottom:0;}
.lnb-box .lnb-top{margin:0;padding: 13.5px 20px;border-bottom: 1px solid #E4E8ED;}
.lnb-box .lnb-top h3{font-size: 18px;line-height: 27px;}
.lnb-box .lnb-top .lnb-clse{display:inline-block;}
.lnb-box .lnb-list{height:364px;overflow:auto;padding: 20px 20px 30px;}
.lnb-box .lnb-list li .dp1-title{padding: 10px 0;}
.lnb-box .lnb-list li .dp2-list{flex-direction:row;flex-wrap:wrap;row-gap: 5px;}
.lnb-box .lnb-list li .dp2-list .form-check label{font-size: 14px;line-height: 21px;}
.mo-lnb-select{display:block;}

/* 과정상세 */
.course-view-wrap .course-con {padding-top: 40px;}
.course-view-wrap .course-tab {top: 61px;}
.course-view-wrap .course-tab ul{padding: 0 10px;overflow-x: auto;white-space: nowrap;-webkit-overflow-scrolling: touch;}
.course-view-wrap .course-tab .container ul::-webkit-scrollbar {display: none; }
.course-view-wrap .course-tab li {flex: 0 0 auto;}
.course-view-wrap .course-tab li a{white-space: nowrap;padding: 10px 16px;}
.course-view-wrap .course-top{gap: 20px;flex-wrap: wrap;justify-content: center;}
.course-view-wrap .course-top .lf-wrap{max-width:430px;}
.course-view-wrap .course-top .lf-wrap .img-box{height:335px;}
.course-view-wrap .course-top .lf-wrap .img-box .badge-line {top: 10px;left: 10px;width: calc(100% - 20px);}
.course-view-wrap .course-top .lf-wrap .tag-box {gap: 5px;margin-top: 10px;}
.course-view-wrap .course-top .rg-wrap{width:100%;}
.course-view-wrap .course-top .rg-wrap .badge-top {gap: 4px;margin-bottom: 5px;}
.course-view-wrap .course-top .rg-wrap .course-title{font-size: 17px;line-height: 26px;margin-bottom: 8px;}
.course-view-wrap .course-top .course-info-box{padding:20px 15px;gap:8px;}
.course-view-wrap .course-top .course-info-box .btns .btn-wish {width: 40px;padding: 6px;}
.course-view-wrap .course-btm-fix{padding: 8px 0;}
.course-view-wrap .course-btm-fix .price-box dt {display:none;}
.course-view-wrap .course-btm-fix .select-line{display:none;}
.course-view-wrap .course-btm-fix .rg {width: 100%;justify-content: space-between;}
.course-view-wrap .course-btm-fix .btns{width:auto;}
.course-view-wrap .course-btm-fix .btn-wish {width: 40px;height: 40px;}
.course-view-wrap .course-btm-fix .price-box span {font-size: 12px;line-height: 18px;}

.course-view-wrap .relevant-box {padding: 20px 10px;}
.course-view-wrap .relevant-box .title{margin-bottom:8px;padding-bottom: 5px;font-size: 17px;line-height: 26px;}
.course-view-wrap .relevant-box .badge-line {gap: 3px;}
.course-view-wrap .relevant-box .badge-line span{font-size:12px;padding: 1px 10px;border-radius: 27px;}
.course-view-wrap .course-con .top-box {padding: 12px;}
.course-view-wrap .course-con .top-box::after {width: 90px;height: 78px;right: 13px;}
.course-view-wrap .course-con .top-box .title {margin: 0 0 8px;font-size: 16px;line-height: 26px;}
.course-view-wrap .course-con .top-box .cate {font-size: 14px;line-height: 21px;}
.course-view-wrap .course-con .top-box .badge-line {gap: 3px;}
.course-view-wrap .course-con .top-box .badge-line span {padding: 2px 9px;font-size: 12px;line-height: 19px;border-radius: 25px;}
.course-view-wrap .course-con .top-box .manager-box{margin-top:10px;padding:16px;}
.course-view-wrap .course-con .top-box .manager-box dl{font-size: 14px;line-height: 21px;}
.course-view-wrap .course-con .top-box .manager-box dt{width:72px;flex-shrink: 0;}
.course-view-wrap .course-con .top-box .manager-box dd{word-break: break-word;}

.course-view-wrap .course-con .line-title {margin-top: 40px;gap: 6px;margin-bottom: 8px;padding-bottom: 5px;font-size: 17px;line-height: 26px;}
.course-view-wrap .course-view-title{margin-top: 40px;gap: 6px;margin-bottom: 8px;padding-bottom: 5px;font-size: 18px;line-height: 26px;}
.course-view-wrap .course-con .col-2-wrap {gap: 20px;}
.course-view-wrap .review-list li {padding: 10px 0;}
.course-view-wrap .review-list li .user-nm {font-size: 15px;line-height: 23px;}
.course-view-wrap .review-list li .text {margin: 5px 0;font-size: 13px;line-height: 19px;}
.course-view-wrap .nps-box-wrap {margin-bottom: 60px;}
.course-view-wrap .nps-box .nps-list{width: calc(100% - 176px);}
/* .course-view-wrap .col-tb col{width:auto !important;} */
.course-view-wrap .col-tb td{padding:8px;font-size: 14px;line-height: 21px;}
.course-view-wrap .col-tb .title strong{width: calc(100% - 14px);}
.course-view-wrap .practice-box .lf{width:50%;padding-right: 8px;}
.course-view-wrap .practice-box .badge {margin-bottom: 5px;}
.course-view-wrap .practice-box .practice-content{width:50%;padding-left: 8px;}
.course-view-wrap .practice-box .text-box{height:90px;}
.course-view-wrap .course-swiper .swiper-button-prev{/* margin-top:-75px; */width: 30px;height: 31px;}
.course-view-wrap .course-swiper .swiper-button-next {/* margin-top:-75px; */width: 30px;height: 31px;}

/* 학습로드맵 */
.school-wrap .school-top h3 {margin-bottom: 8px;font-size: 22px;line-height: 36px;}
.school-wrap .sm-title{font-size: 20px;line-height: 27px;}
.school-wrap .school-top .intro-list{font-size: 14px;line-height: 21px;margin-bottom: 60px;}
.school-wrap .school-top .features-list{flex-wrap:wrap;gap: 20px;}
.school-wrap .school-top .features-list li{width: 100%;flex:none;min-height: auto;padding: 15px;gap: 8px;}
.school-wrap .school-top .features-list li i{width: 65px;height: 65px;flex-shrink: 0;}
.school-wrap .school-top .features-list li strong{font-size: 16px;line-height: 24px;}
.school-wrap .school-top .features-list li strong br{display:none;}
.school-wrap .mid-banner {padding: 50px 15px;font-size: 18px;line-height: 26px;}
.school-wrap section .sm-title-top .text2 {font-size: 20px;line-height: 34px;}
.school-wrap .system-list {padding:12px;margin-bottom: 60px;}
.school-wrap .system-list dl{padding: 10px 0;gap:10px;}
.school-wrap .system-list dt{font-size: 15px;line-height: 23px;width:85px;}
.school-wrap .school-course-list{}
.school-wrap .school-course-list li {width:100%;gap: 8px;padding: 15px 10px;}
.school-wrap .school-course-list li strong {font-size: 16px;line-height: 24px;}
.school-wrap .school-course-list li p{min-height:auto;}
.school-wrap .school-system {padding: 60px 0;}

/* 국비지원 */
.govtrain-wrap .sub-title{margin-bottom: 20px;font-size: 22px;line-height: 33px;}
.govtrain-wrap .govtrain-sec-01{padding: 60px 0;}
.govtrain-wrap .govtrain-sec-01 img{max-height: 200px;}
.govtrain-wrap .govtrain-sec-01 .text1{font-size: 16px;line-height: 26px;}
.govtrain-wrap .govtrain-sec-01 .text2{font-size: 24px;line-height: 42px;}
.govtrain-wrap .govtrain-sec-01 .text3 {font-size: 15px;line-height: 23px;}
.govtrain-wrap .govtrain-sec-01 .logo-box{flex-direction:column;gap:10px;align-items:center;}
.govtrain-wrap .govtrain-sec-01 .logo-box img{height: 40px;}
.govtrain-wrap .govtrain-sec-02 {padding: 60px 0;}
.govtrain-wrap .govtrain-sec-02 >.container{flex-direction:column;gap:10px;align-items:center;}
.govtrain-wrap .govtrain-sec-02 .lf-text {width: 100%;}
.govtrain-wrap .govtrain-sec-02 .lf-text .title {margin-bottom: 20px;font-size: 22px;line-height: 33px;}
.govtrain-wrap .govtrain-sec-02 .lf-text .chk-list li{padding: 10px;font-size: 15px;line-height: 23px;}
.govtrain-wrap .govtrain-sec-02 .lf-text .chk-list .icon-govt-chk {margin-top: 2px;}
.govtrain-wrap .govtrain-sec-02 .rg-img{width:200px;}
.govtrain-wrap .govtrain-sec-03{padding:60px 0;}
.govtrain-wrap .govtrain-sec-03 .point-list{flex-direction:column;gap:15px;}
.govtrain-wrap .govtrain-sec-03 .point-list li{padding:15px 12px;}
.govtrain-wrap .govtrain-sec-03 .point-list li .badge-point {margin-bottom: 8px;}
.govtrain-wrap .govtrain-sec-03 .point-list li .text2 {margin: 3px 0 8px;font-size: 16px;line-height: 26px;}
.govtrain-wrap .govtrain-sec-04{padding:60px 0;}
.govtrain-wrap .govtrain-sec-04 .step-list li {padding: 15px 12px;gap: 10px;}
.govtrain-wrap .govtrain-sec-04 .step-list li .icon {width: 40px;height: 40px;}
.govtrain-wrap .govtrain-sec-04 .out-text{margin-left:60px;}
.govtrain-wrap .govtrain-sec-04 .step-list .step-text{gap: 5px;}
.govtrain-wrap .govtrain-sec-04 .standard-info dl{padding:12px 0;}
.govtrain-wrap .govtrain-sec-04 .standard-info dt {width: 80px;flex-shrink: 0;}
.govtrain-wrap .item-box+.item-box {margin-top: 60px;}
.govtrain-wrap .govtrain-sec-05 .top-title-box .title1 {margin-bottom: 5px;font-size: 15px;line-height: 23px;}
.govtrain-wrap .govtrain-sec-05 .top-title-box .title2{margin-bottom: 20px;font-size: 22px;line-height: 33px;}
.govtrain-wrap .govtrain-sec-05 .curriculum-box {padding: 15px 12px;}
.govtrain-wrap .govtrain-sec-05 .support-info{padding:15px 12px;}
.govtrain-wrap .govtrain-sec-05 .support-info dt {width: 70px;}
.govtrain-wrap .govtrain-sec-05 .support-info dd { width: calc(100% - 78px);}
.govtrain-wrap .govtrain-sec-05 .support-title{font-size: 17px;line-height: 27px;}
.govtrain-wrap .govtrain-sec-05 .curriculum-box li {padding: 13px 0;}
.govtrain-wrap .govtrain-sec-05 .curriculum-box li .title {margin-bottom: 5px;font-size: 15px;line-height: 23px;}
.govtrain-wrap .govtrain-sec-05 .curriculum-box li .desc{font-size: 14px;line-height: 21px;}
.govtrain-wrap .govtrain-sec-05 .curriculum-box li .list-box p {font-size: 15px;line-height: 23px;}
.govtrain-wrap .btn-center {margin-top: 40px;}
.govtrain-wrap .btn-center .btns{gap:8px;flex-wrap:wrap;justify-content: center;}
.govtrain-wrap .btm-gov-center .btns{gap:8px;flex-wrap:wrap;justify-content: center;}


/* 고객센터- 찾아오시는길 */
.location-box {gap: 20px;flex-direction: column;}
.location-box .lf {width: 100%;}
.location-box .lf .title-box {gap: 5px;padding-bottom: 8px;}
.location-box .lf .title-box strong{font-size: 20px;line-height: 27px;}
.location-box .lf dl{padding:10px 0;}
.location-box .lf dl dt {font-size: 16px;line-height: 25px;}
.location-box+.location-box {margin: 60px 0 0;}
.location-box .map{height:300px;}
.location-box .root_daum_roughmap_landing{width:100% !important;}

/* 회사소개 */
.company-top-box .top-title {margin-bottom: 8px;font-size: 22px;line-height: 33px;}

/* 회사소개 - ceo */
.ceo-wrap .shape-ceo-01{width:241px;height:260px;}
.ceo-wrap .text-top{gap:8px;}
.ceo-wrap .text-top em{font-size:18px;line-height:28px;}
.ceo-wrap .text-top strong{font-size: 22px;line-height:33px;}
.ceo-wrap .text{margin:40px 0 60px;font-size: 15px;line-height: 23px;}
.ceo-wrap .ceo-btm{gap:8px;font-size: 15px;line-height: 24px;}
.ceo-wrap .ceo-btm strong{font-size: 40px;}

/* 회사소개 - ci */
.ci-wrap .con-box {margin-top: 60px;}
.company-top-box .top-title.line-title::before {width: 4px;height: 24px;margin-right: 10px;}
.ci-wrap .color-box-wrap .color-box{margin-bottom: 8px;padding:15px;font-size:14px;line-height:21px;height:155px;}
.ci-wrap .color-box-wrap .color-box dt {width: 50px;}
.ci-wrap .color-box-wrap .color-col .text strong {margin-bottom: 3px;font-size: 18px;line-height: 28px;}
.ci-wrap .line-title{font-size: 18px;line-height: 28px;}
.ci-wrap .line-title::before{margin-right: 5px;}

/* 회사소개 -비전 */
.vision-wrap .top-title-box{margin-bottom:30px;}
.vision-wrap .top-title-box em{font-size:18px;line-height:28px;}
.vision-wrap .top-title-box .text1{font-size: 22px;line-height:37px;}
.vision-wrap .top-title-box .text2{font-size: 15px;line-height:23px;}
.vision-wrap .sec1{height:auto;padding:120px 0;}
.vision-wrap .sec1 .pc-text{display:none;}
.vision-wrap .sec1 .mo-text{display:flex;}
.vision-wrap .sec1 .shape-circle {width: 170px;height: 170px;}
.vision-wrap .sec1 .circle-left {left: -85px;}
.vision-wrap .sec1 .circle-right {right: -85px;}
.vision-wrap .sec2{font-size: 45px;line-height: 63px;text-align: center;height:auto;padding:200px 0;}
.vision-wrap .sec2 .sec2-bg{transform:scale(2.5) !important;}
.vision-wrap .sec2 .text{max-width:290px;}
.vision-wrap .sec2 .text .letter{display:inline;}
.vision-wrap .sec3::before{display:none;}
.vision-wrap .sec3 .mission-list{height:auto;display: flex;flex-wrap:wrap;justify-content:center;gap: 13px;align-items: center;}
.vision-wrap .sec3 .mission-list li{position:static;width:150px !important;height:150px;font-size: 18px;line-height: 27px;}
.vision-wrap .sec3 li:first-child{font-size: 18px;line-height: 27px;}
.vision-wrap .sec3 li:first-child::before{display:none;}
.vision-wrap .sec3 li:first-child::after{display:none;}
.vision-wrap .sec4 .future-list{gap:8px;}
.vision-wrap .sec4 .future-list li{padding:15px 10px;width: calc((100% - 8px) / 2);justify-content: flex-start;}
.vision-wrap .sec4 .future-list li i{width: 60px;height: 60px;}
.vision-wrap .sec4 .future-list li strong {margin: 10px 0 5px;font-size: 15px;line-height: 23px;}
.vision-wrap .sec4 .future-list li p {font-size: 13px;line-height: 20px;}

/* 회사소개 - 연혁 */
.history-wrap .bor-tab {margin-bottom: 40px;}
.history-wrap .year-top{gap: 8px;font-size: 22px;line-height: 30px;}
.history-wrap .history-con .bk-tab-wrap{height: 40px;position: absolute;top: 307px;width: 100%;}
.history-wrap .history-con .bk-tab {overflow-x: auto;white-space: nowrap;-webkit-overflow-scrolling: touch;}
.history-wrap .history-con .bk-tab li{flex: 0 0 auto;}
.history-wrap .history-con .history-swiper {margin-bottom: 30px;}
.history-wrap .history-con .history-swiper li{width:auto;}
.history-list {margin-top: 112px;}

/* 회사소개 -핵심가치 */
.company-wrap .core-box{display:grid;gap:8px;margin-top:40px;}
.company-wrap .core-box li{gap:4px;padding:15px;border-radius:12px}
.company-wrap .core-box li h4{font-size: 18px;line-height: 26px;}
.company-wrap .core-box li p{font-size: 14px;line-height: 21px;}
.company-wrap .core-box i{width:58px;height:58px;}
.company-wrap .item-box > li{flex-direction: column;gap: 30px;align-items: center;padding: 20px;border-radius: 13px;}
.company-wrap .item-box li .text-wrap .text-top strong{font-size: 20px;line-height: 29px;}
.company-wrap .item-box li .text-wrap{width:100%;}
.company-wrap .item-box li .text-wrap .chk-list{flex-wrap:wrap;gap:12px;}
.company-wrap .item-box li .text-wrap .chk-list .box{flex:none;width:100%;}
.company-wrap .item-box li .text-wrap .chk-list .box strong{font-size:15px;line-height:23px;}
.company-wrap .item-box li .text-wrap .chk-list li{padding-left: 14px;line-height: 21px;font-size: 14px;}
.company-wrap .item-box li .text-wrap .chk-list li::before{left: 6px;width: 3px;height: 3px;}

/* 통합검색 */
.total-view-srch .srch-top {font-size: 17px;line-height: 27px;}
.total-view-box .total-view-list li a{flex-wrap:wrap;justify-content: center;}
.total-view-box .total-view-list .text-box{width:100%;}
.total-view-srch .srch-wrap{padding:15px 10px;}

/* bor-srch-sort */
.bor-srch-sort{flex-wrap:wrap;gap: 6px;}
.bor-srch-sort li a{padding: 8.5px 11.5px;font-size: 14px;line-height: 21px;border-radius: 6px;}

/* write */
.sm-tb table{border-top: 0;border-bottom: 0;}
.write-wrap .sm-tb colgroup{display:none;}
.write-wrap .sm-tb thead{display:none;}
.write-wrap .sm-tb tr{justify-content: flex-end;flex-wrap: wrap;flex-direction:row;width:100%;}
.write-wrap .sm-tb tr td:first-child{width: 30px !important;}
.write-wrap .sm-tb tr td:nth-of-type(2){width: calc(100% - 31px) !important;}
.write-wrap .sm-tb tr td{text-align: left !important;padding: 8px 8px !important;}
.write-wrap .sm-tb tr td:first-child.td-nodata{width: 100% !important;}

.write-wrap .row-tb .select-line{flex-wrap:wrap;}
.write-wrap .row-tb .select2-container{width:100% !important;}
.write-wrap .row-tb table th{width:100%;}
.write-wrap .row-tb table td{width:100%;}
.write-wrap .file-text-line{flex-wrap: wrap;gap: 8px;}

/* read */
.read-wrap .title-box{padding: 15px 0;row-gap: 8px;}
.read-wrap .title-box .title{font-size: 15px;line-height: 23px;}
.read-wrap .read-contents {padding: 25px 0;}
.read-wrap .ans-text-box {padding: 25px 0;}
.read-wrap .file-box{padding: 10px;gap: 15px;}

.read-list li {padding: 15px 0;font-size: 14px;line-height: 21px;}
.read-list li span {width: 70px;}
.read-list li a{width: calc(100% - 70px);}
.read-list li.read-no-list p {width: calc(100% - 70px);}
.read-wrap .ans-text-box .ans-top{margin-bottom:10px;}
.read-wrap .ans-text-box .ans-text {font-size: 14px;line-height: 21px;}

/* gallery  */
.gallery-list{gap:15px;grid-template-columns: 1fr 1fr;column-gap:8px;}
.gallery-list li a .img{margin-bottom: 8px;}
.gallery-list li a .text-box .info{flex-wrap:wrap;}
.gallery-list li a .text-box .title{height:46px;font-size: 15px;line-height: 23px;}


/* faq */
.faq-list li .que {padding: 15px 10px;}
.faq-list li .icon{width: 25px;height: 25px;font-size: 14px;line-height: 19px;}
.faq-list li .que .icon{margin-right:10px;}
.faq-list li .ans {padding: 15px 10px;}
.faq-list li .ans .icon{margin-right:10px;}
.faq-list li .que .text-box {padding-left: 0;width: calc(100% - 57px);}
.faq-list li .que .text {font-size: 14px;line-height: 21px;}
.faq-list li .ans .text-box {padding-left: 0;width: calc(100% - 35px);font-size: 14px;line-height: 21px;}
.faq-list li .que::after {right: 0px;}


/* 윤리경영 인터넷제보 */
.ethics-wrap .top-title {margin-bottom: 20px;font-size: 28px;line-height: 40px;}
.ethics-wrap .bor-tab {margin-bottom: 30px;}
.ethics-wrap .con-box+.con-box {margin-top: 60px;}
.ethics-wrap .ethics-top h4{font-size: 20px;line-height: 28px;}
.ethics-wrap .ethics-top >div{margin: 8px 0 20px;}
.ethics-wrap .ethics-top p {font-size: 14px;line-height: 21px;}
.ethics-wrap .ethics-line-top{flex-wrap:wrap;gap:5px;}
.ethics-wrap .system-list{flex-wrap:wrap;gap:15px;}
.ethics-wrap .system-list li{flex:none;width:100%;}
.ethics-wrap .system-list strong{margin: 10px 0 5px;font-size: 16px;line-height: 24px;}
.ethics-wrap .system-list .text {font-size: 14px;line-height: 21px;}
.ethics-wrap .line-title{font-size: 18px;line-height: 28px;}
.ethics-wrap .line-title::before{margin-right: 5px;}
.ethics-wrap .protect-list{flex-wrap:wrap;gap: 15px;}
.ethics-wrap .protect-list li{flex:none;width:100%;}
.ethics-wrap .protect-list li strong{margin: 10px 0 6px;font-size: 15px;line-height: 24px;}
.ethics-wrap .protect-list li i{width:55px;height:55px;}
.ethics-wrap .bg-box{padding: 15px;font-size: 14px;line-height: 21px;}
.ethics-wrap .bg-box p{padding-left: 8px;}
.ethics-wrap .bg-box p::before {width: 3px;height: 3px;left: 0px;}
.ethics-wrap .method-box{padding: 20px 15px 96px;line-height: 21px;font-size: 14px;border-radius: 13px;}
.ethics-wrap .method-box h5{font-size: 18px;line-height: 28px;}
.ethics-wrap .method-box .contact-line{flex-wrap: wrap;gap: 3px;}
.ethics-wrap .method-box::after {width: 200px;height: 125px;right: 6px;}
.ethics-wrap .noti-text {font-size: 14px;line-height: 21px;}
.ethics-wrap .row-tb table th{width:100%;}
.ethics-wrap .row-tb table td{width:100%;}
.ethics-wrap .agree-top{flex-wrap: wrap;row-gap: 8px;}
.ethics-wrap .agree-box{padding: 20px 12px;font-size: 14px;line-height: 21px;}
.ethics-wrap .agree-box >div+div{margin: 10px 0 0;}
.ethics-wrap .toggle-list .btn-toggle{gap: 8px;padding: 15px 0px;}
.ethics-wrap .toggle-list .btn-toggle .text{width: calc(100% - 74px);font-size: 14px;line-height: 21px;}
.ethics-wrap .toggle-list .btn-toggle::after{width:16px;height:16px;right: 0px;}
.ethics-wrap .toggle-list .togle-box{padding: 15px 10px;font-size: 14px;line-height: 21px;}
.ethics-wrap .toggle-list .togle-box >div+div {margin: 15px 0 0;}
.ethics-wrap .toggle-list .togle-dot-box p{padding-left: 9px;}
.ethics-wrap .toggle-list .togle-dot-box p::before{left: 0;margin-right: 9px;width: 3px;height: 3px;}
.ethics-wrap .toggle-list .togle-box strong {font-size: 14px;line-height: 21px;}
.ethics-wrap .row-tb .file-box{flex-wrap: wrap;row-gap: 5px;}
.ethics-wrap .row-tb .file-box input{width: 100%;height:40px;}
.ethics-wrap .row-tb .file-box .btns{width:100%;justify-content: flex-end;}
.ethics-wrap .row-tb .file-box .btns button {width:auto;padding: 8px 5px;}

/* 마이페이지 */
.mypage-wrap .sub-title-sm {padding-bottom: 8px;}

/* 마이페이지 - 메인 */
.my-top-wrap{flex-wrap: wrap;gap: 15px;}
.my-top-wrap .my-box{width:100%;}
.my-top-wrap .qna-center{width:100%;}
/* .card-list{gap:15px;}
.card-list li {width: calc((100% - 15px) / 2);padding: 15px;} */

/* 마이페이지 - 찜한과정 */
.wish-list .lf{width:calc(100% - 164px);}
.wish-list .rg .btn {width: 150px;}

/* 마이페이지- 수강현황 */
.course-num-list span {font-size: 15px;line-height: 22px;}

/* 학습방 */
.classroom-wrap .srch-box-wrap{flex-direction: column;width: 100%;}
.classroom-wrap .select-custom{width: 100% !important;}
.classroom-wrap .bor-srch-box input{width: calc(100% - 80px);}
.class-header {padding: 12px;}
.class-header .logo{width: 130px;}
.class-header .btns{width: auto;}
.class-header .btn-class-allmenu{display:flex;width:40px;height:40px;}
.class-left-menu{position: fixed;top: 64px;left: 0;width:0;height: calc(100dvh - 64px);visibility:hidden;z-index: 9;}
.class-left-menu.active{width: 100%;padding: 20px 12px 40px;visibility: visible;transition: width .3s;}
.class-left-menu ul li a {gap: 8px;padding: 10px 8px;font-size: 16px;line-height: 24px;}
.class-left-menu ul li a i {width: 24px;height: 24px;}
.classroom-wrap .contents {width: 100%;padding: 20px 0 60px;}
.classroom-wrap .con-box+.con-box {margin: 40px 0 0;}
.classroom-wrap .sub-title-bor{padding-bottom:8px;font-size: 18px;line-height: 26px;}
.classroom-wrap .col-2-box-wrap .sm-box .btn-more{top:0;}
.classroom-wrap .class-common {padding: 24px 10px 30px;margin-bottom: 40px;}
.classroom-wrap .class-common .class-top-title {font-size: 17px;line-height: 26px;margin-bottom: 10px;}
.classroom-wrap .class-common .info-box{width:100%;flex-direction: column;font-size: 14px;line-height: 21px;padding: 10px;gap: 5px;}
.classroom-wrap .class-common .info-box dl{flex-direction: row;flex: none;gap: 8px;border-right: 0;}
.classroom-wrap .col-2-box-wrap .sm-box li a{padding: 10px 0px;font-size: 14px;line-height: 21px;}
.classroom-wrap .col-2-box-wrap .sm-box li a p{max-width: calc(100% - 84px);}

.classroom-wrap .class-list li{flex-wrap: wrap;padding:8px 0;}
.classroom-wrap .class-list .lf-text{width:100%;}
.classroom-wrap .class-list .title {margin: 4px 0 6px;}
.classroom-wrap .class-list .info{flex-wrap:wrap;margin-bottom:10px;}
.classroom-wrap .class-list .btn-sm{width:100%;}
.classroom-wrap .class-list li.total {padding: 8px;}

.classroom-wrap .lecture-list .title-line{flex-wrap: wrap;gap: 4px;}
.classroom-wrap .lecture-list .info{margin:0;}
.classroom-wrap .lecture-list .lf-text{margin-bottom:8px;}

.classroom-wrap .cont-top{margin-bottom: 30px;flex-wrap: wrap;row-gap: 3px;font-size: 15px;column-gap:5px;padding: 10px;line-height: 23px;}
.classroom-wrap .class-view-box {padding: 15px 10px;}
.classroom-wrap .class-view-box .view-top .title {margin: 15px 0;font-size: 17px;line-height: 25px;}
.classroom-wrap .view-info-box{flex-direction: column;align-items: flex-start;padding: 13px 8px;font-size: 14px;line-height: 21px;}
.classroom-wrap .view-info-box .line{width: 100%;}
.classroom-wrap .view-info-box .line span:nth-child(2){max-width: calc(100% - 102px);}
.classroom-wrap .view-info-box .line::after{display:none;}
.classroom-wrap .class-view-box .view-contents{font-size:14px;line-height:21px;}
.classroom-wrap .bg-red-box {padding: 13px 8px;}
.classroom-wrap .bg-red-box .text+.text {margin-top: 8px;}
.classroom-wrap .class-view-box .view-top-left .title {font-size: 15px;line-height: 26px;}
.classroom-wrap .class-view-box .view-top-left .text {margin-top: 8px;font-size:14px;line-height:21px;}
.classroom-wrap .view-info-box-col {padding: 13px 8px;font-size: 14px;line-height: 21px;row-gap: 4px;}
.classroom-wrap .class-view-box .line a {max-width: calc(100% - 37px);}
.classroom-wrap .survey-list{padding:15px 10px;}
.classroom-wrap .survey-list li .survey-q{margin-bottom: 10px;}
.classroom-wrap .survey-list li .survey-q .num{border-radius: 25px;min-width: 36px;font-size: 14px;line-height: 21px;}
.classroom-wrap .survey-list li .survey-q .title{width: calc(100% - 47px);font-size: 14px;line-height: 21px;}
.classroom-wrap .og-box{padding:8px;margin-top:10px;font-size: 14px;line-height: 21px;}
.classroom-wrap .gray-box{padding:8px;margin-top:10px;font-size: 14px;line-height: 21px;}

.classroom-wrap .row-tb .bl-sm-tb{max-width:none;}
.classroom-wrap .row-tb .bl-sm-tb tr{display: table-row;}
.classroom-wrap .row-tb .bl-sm-tb tr td{text-align:center;}
.classroom-wrap .class-view-box .evalu-result strong {font-size: 15px;line-height: 24px;}

/* 마이페이지 - 결제하기 */
.payment-wrap .con-box+.con-box {margin: 40px 0 0;}
.payment-wrap .total-pay-box {gap: 5px;row-gap: 2px;padding: 12px;}
.course-type-radio{gap: 8px;}
.course-type-radio li{width:calc((100% - 8px) / 2);}
.course-type-radio li >label{height: 100%;padding: 12px;min-height: auto;}
.course-type-radio li strong{gap: 5px;font-size: 15px;line-height: 23px;}
.course-type-radio li strong i{width:28px;height:28px;}
.payment-wrap .agree-top {margin: 40px 0 8px;font-size: 15px;line-height: 23px;}
.payment-wrap .agree-wrap .rule-box{margin-bottom: 8px;height: 200px;padding: 10px 6px 10px 10px;font-size: 14px;line-height: 21px;}
.payment-wrap .agree-wrap .rule-box .scroll-bar{padding:10px 0;}
.payment-wrap .agree-wrap .text-box+.text-box {margin-top: 10px;}
.payment-wrap .agree-wrap .text-box .title {margin-bottom: 0;font-size: 15px;line-height: 23px;}
.payment-wrap .rule-box h4 {margin-bottom: 10px;font-size: 16px;line-height: 26px;}
.payment-wrap .rule-box .dot-list{row-gap: 0px;}
.payment-wrap .rule-box .dot-list li::before {width: 4px;height: 4px;}

.payment-wrap .course-agree-box .box-title {margin-bottom: 5px;font-size: 15px;line-height: 23px;}
.payment-wrap .course-agree-box .text-box+.text-box {margin: 20px 0 0;}
.payment-wrap .course-agree-box .text-box p+p{margin:0;}
.payment-wrap .agree-bg-box {margin-top: 20px;padding: 12px;}
.payment-wrap .agree-bg-box .form-check {margin-bottom: 8px;}
.payment-wrap .course-agree-box .col-tb col{display:none;}
.payment-wrap .course-agree-box .col-tb td{font-size: 14px;line-height: 21px;}

/* 사업소개 */
.biz-contents{padding:40px 0 0;}
/* 사업소개/체계수립 */
.biz-sytem-wrap .roadmap-list > li{height:302px;}

/* 사업소개/과정개발 */
.biz-process-wrap .sec-off-01 .logo-box{gap:24px;}
.biz-process-wrap .sec-learning-02 .card-item{transform-origin: center center;}

/* 사업소개/bpo */
.biz-process-wrap .sec-learning-02 .card-btn-prev{display:none;}
.biz-process-wrap .sec-learning-02 .card-btn-next{display:none;}
.biz-bpo-wrap .sec-bpo-02 .bpo-step-list{grid-template-columns: 1fr 1fr;gap:16px;}
.biz-bpo-wrap .sec-bpo-02 .img-list{gap:16px;}

/* 사업소개 /솔루션 */
.biz-solution-wrap .sec-solution-01{background-position-x: 50%;}
.biz-solution-wrap .sec-solution2-01 .step-list-wrap{grid-template-columns: 1fr 1fr;}
.biz-solution-wrap .sec-solution2-01 .bg-color-box{flex-direction: column;align-items: center;text-align: center;}
.biz-solution-wrap .sec-solution2-02 .bg-color-box{flex-direction: column;align-items: center;text-align: center;}
.biz-solution-wrap .sec-solution2-02 .step-box-wrap{flex-direction: column;align-items: center;justify-content: center;}
.biz-solution-wrap .sec-solution2-02 .step-box-wrap .step{width:100%;}
.biz-solution-wrap .sec-solution2-02 .step-box-wrap .text-box{width:100%;}
.biz-solution-wrap .sec-solution2-02 .step-box-wrap .text-box .dot-list2 li{width:100%;}
.icon-biz-dot-arr{transform: rotate(90deg);}

}

/* ----------------------------------media 768px-------------------*/
@media (max-width: 768px) { 

/* breadcrumb */
.breadcrumb li{font-size: 13px;line-height: 19px;}
.breadcrumb li::after{width: 17px;height: 17px;margin:0;}

/* sub-visual */
.sub-visual{height:220px;}
.sub-visual .title {font-size: 28px;line-height: 39px;}

/* 회사소개 - ci */
.ci-wrap .bg-img-box {min-height: 200px;}
.ci-wrap .bg-img-box img{max-width:80%;}
.ci-wrap .col-img-box{flex-wrap:wrap;}
.ci-wrap .col-img-box .col-mark{flex: none;width: 100%;}
.ci-wrap .row-type .img-box{flex-direction:column;gap:10px;padding:15px 10px;}
.ci-wrap .row-type .img-box img:first-of-type{margin:0;height:33px;}
.ci-wrap .color-box-wrap{flex-wrap:wrap;}
.ci-wrap .color-box-wrap .color-col{flex:none;width:100%;}

/* 회사소개 - 연혁 */
.history-wrap .history-con .bk-tab-wrap{top:287px;}
.history-wrap .history-con .history-swiper{height:190px;}
/* .history-wrap .history-con .history-swiper .swiper{width:600px;} */
.history-list dl{padding: 10px 0;}
.history-list dt {width: 60px;font-size: 15px;line-height: 23px;}
.history-list dd{font-size:14px;line-height:21px;}
.history-list dd p::before {margin: 0 6px 3px 0;}


/* 마이페이지 */
.my-top-wrap .my-box{flex-wrap:wrap;padding: 13px;border-radius: 13px;}
.my-top-wrap .my-box .user-info-box{width:100%;gap: 0}
.my-top-wrap .my-box .user-info-box dl{gap: 5px;padding: 2px 0;font-size: 13px;line-height: 20px;}
.my-top-wrap .my-box .user-info-box dt {gap: 5px;}
.my-top-wrap .my-box .user-info-box dt i{width:25px;height:25px;}
.my-top-wrap .my-box .company-info{width:100%;}
.my-top-wrap .my-box .company-info li{justify-content: flex-start;padding: 10px 5px;font-size: 13px;line-height: 18px;}
.my-top-wrap .my-box .company-info li .title {margin-top: 5px;}
.my-top-wrap .my-box .company-info li i{width:41px;height:40px;}
.my-top-wrap .qna-center::after{width:55px;height:55px;right: 15px;}
.my-top-wrap .qna-center{padding: 13px;border-radius: 13px;}
.my-top-wrap .qna-center .text1{font-size: 16px;line-height: 24px;}
.my-top-wrap .qna-center .text2 {font-size: 13px;line-height: 20px;}

.card-list li {width: 100%;}


/* 찜한과정 */
.wish-list li{padding: 15px 0px;flex-direction: column;}
.wish-list .lf{width:100%;row-gap: 5px;flex-direction: column;align-items: flex-start;}
.wish-list li .img-wrap{/* width:100%; */}
.wish-list .lf .text-box{padding:5px 10px 10px;gap:3px;}
.wish-list li .text-box .title{font-size:14px;line-height:21px;}
.wish-list li .text-box .price strong {font-size: 16px;line-height: 24px;}
.wish-list li .rg{width:100%;}
.wish-list li .rg .btn{width:100%;}
.wish-list .btn-clse{top:10px;}

/* 학습방 */
.classroom-wrap .col-2-box-wrap {gap: 20px;flex-wrap:wrap;}
.classroom-wrap .col-2-box-wrap .sm-box{width:100%;}

/* 과정리스트 */
.course-wrap .course-rg .course-list {grid-template-columns: 1fr 1fr;}

.filter-box-wrap .filter-btm-box{flex-wrap:wrap;gap:8px;}
.filter-box-wrap .filter-btm-box .filter-view{gap:3px;}
.filter-box-wrap .filter-btm-box .filter-view .btn{padding:4.5px 10.5px;}

/* 과정상세 */
.course-view-wrap .course-top .lf-wrap .img-box{height:auto;/* max-height:254px; */}
.course-view-wrap .course-top .course-info-box dl{flex-wrap:wrap;height:auto;gap:8px;min-height: auto;}
.course-view-wrap .course-top .course-info-box dt{width:70px;}
.course-view-wrap .course-top .course-info-box dd{width:calc(100% - 78px);}
.course-view-wrap .course-top .course-info-box dd.price strong {font-size: 17px;line-height: 26px;}
.course-view-wrap .course-con .col-2-wrap{flex-wrap: wrap;gap:0;}
.course-view-wrap .course-con .col-2-box {flex: none;width: 100%;}
.course-view-wrap .nps-box{flex-wrap: wrap;justify-content: center;margin: 15px 0;}
.course-view-wrap .nps-box .nps-list{width:100%;}
.course-view-wrap .nps-box .circle{width: 120px;height: 120px;}
.course-view-wrap .nps-box .circle span{font-size: 15px;line-height: 20px;}
.course-view-wrap .nps-box .circle::after {width: 90px;height: 90px;}
.course-view-wrap .nps-box .nps-list li {padding: 6px 8px;border-radius: 10px;font-size: 14px;line-height: 21px;}
.course-view-wrap .nps-box .nps-list li p i{width:30px;height:30px;}
.course-view-wrap .practice-box .text-box{padding:8px;height: 80px;}
.course-view-wrap .course-btm-fix .btn-primary {width: 104px;}

/* 결제하기 */
.course-type-radio li {width: 100%;}

/* 사업소개 */
.biz-top-com{margin-bottom:30px;}
.biz-top-com .top-title{margin-bottom: 20px;font-size: 28px;line-height: 40px;}
.biz-top-box {margin-bottom: 40px;}
.biz-top-box .sub-top-title{margin-bottom:8px;font-size:20px;line-height:28px;}
.biz-top-box .sub-top-text{margin-bottom:20px;font-size: 14px;line-height: 21px;}
.biz-wrap .sub-text{font-size: 14px;line-height: 21px;}
.biz-wrap .lg-title{font-size:24px;line-height:34px;}
.biz-wrap .con-title-box{gap:8px;margin-bottom: 30px;}
.biz-wrap .con-title-box .con-text{font-size: 20px;line-height: 30px;}

/* 사업소개/체계수립 */
.biz-sytem-wrap .sec-system-01 {padding: 60px 0;}
.biz-sytem-wrap .sec-system-02{padding:80px 0;}
.biz-sytem-wrap .sec-system-01 .sub-text{margin-bottom:18px;}
.biz-wrap .system-list > li{width:100%;min-height: 150px;height:auto;}
.biz-wrap .system-list > li .lf-text{gap:8px;width: calc(100% - 70px);}
.biz-wrap .system-list > li [class^=icon-biz-system1-sec2-]{width:60px;height:60px;}
.biz-sytem-wrap .roadmap-list>li{width:100%;}

/* 사업소개/과정개발 */
.biz-process-wrap .sec-learning-01{padding:60px 0;}
.biz-process-wrap .step-list-box{gap:16px;grid-template-columns: 1fr;}
.biz-process-wrap .sec-off-01 .logo-top{width: 183px;height: auto;}
.biz-process-wrap .sec-off-01 .logo-box{grid-template-columns: 1fr 1fr 1fr;}
.biz-process-wrap .sec-off-01 .logo-box img{max-height: 35px;}
.biz-process-wrap .sec-learning-01 .intro-box-wrap{gap:20px;}
.biz-process-wrap .sec-learning-01 .intro-box-wrap .intro-box{flex:none;width:100%;}
.biz-process-wrap .sec-learning-02{padding:40px 0 80px;}



/* 사업소개/bpo */
.biz-bpo-wrap .sec-bpo-02 .bpo-step-list{grid-template-columns: 1fr;}
.biz-bpo-wrap .sec-bpo-02 .img-list{grid-template-columns: 1fr;}
.biz-bpo-wrap .sec-bpo-02 .img-list .img {margin-bottom: 8px;}

/* 사업소개 /솔루션 */
.biz-solution-wrap .sec-solution-02 .point-box-wrap{flex-direction:column;gap:16px;}
.biz-solution-wrap .sec-solution-02 .features-list{flex-direction:column;gap: 16px;}
.biz-solution-wrap .sec-solution-02 .features-list > li{flex:none;}
.biz-solution-wrap .sec-solution2-01{padding:80px 0;}
.biz-solution-wrap .sec-solution2-01 .step-list-wrap{grid-template-columns: 1fr;}
.biz-solution-wrap .sec-solution2-02{padding:80px 0;}

/* 학습로드맵 */
.school-wrap .core-exam-info {padding: 24px 16px;}
.school-wrap .core-exam-card ul{flex-wrap:wrap;gap:16px;}
.school-wrap .core-exam-card li{flex:none;width:100%;}
.school-wrap .core-exam-card .top-title{padding:8px 0;font-size:16px;line-height:25px;}
.school-wrap .core-exam-card .text-box{gap:8px;padding:12px;}
.school-wrap .core-exam-card .text-box div{padding-bottom:12px;}
.school-wrap .core-exam-card .text-box div strong{margin-bottom:8px;font-weight:700;}
.school-wrap .core-exam-card .text-box div p{font-size:14px;line-height:21px;font-weight:500;color:#6A6C70;}
.school-wrap .core-exam-card .text-box div p br{display:none;}

}

/* ----------------------------------media 500px-------------------*/
@media (max-width: 500px) { 
.d-sm-none{display:none;}

/* 회사소개 - 연혁 */
/* .history-wrap .history-con .history-swiper li{width: calc(100% - 60px);} */
.history-wrap .bor-tab li a{padding: 9.5px 3px;}
.company-wrap .core-box li p{min-height: 63px;}

/* gallery */
.gallery-list li{width:100%;}
.gallery-list li a .img{height: 170px;}
.gallery-list li a .text-box .title {height: auto;}

/* 과정상세 */
.course-view-wrap .practice-box .img {height: 114px;border-radius: 8px;}


}