/*member page*/

/*로그인*/
.login { background: #f9f9f9; }
.login .wrap { padding-top: 120px; box-sizing: border-box; }
.login .wrap > .box { width: 610px; margin: 0 auto; padding: 80px 80px 40px; border: 1px solid #eaeaea; box-sizing: border-box; background: #fff; }
.login .top-page .tit { font-size: 24px; text-align: center; line-height: 36px; }
.login .inner { max-width: 360px; margin: 0 auto; }

.frm-group-login .inp-frm { margin-bottom: 12px; }
.frm-group-login .ck-group { margin-bottom: 20px; }
.frm-group-login .ck-group .ck-custom + label .label { color: #666; }
.frm-group-login .btn-custom { width: 100%; font-weight: 700; }

.login .find-link { margin-top: 24px; text-align: center; }
.login .find-link a { font-size: 16px; font-weight: 400; color: #000; line-height: 24px; }

.login .sign-link { display: flex; justify-content: space-between; align-items: center; margin-top: 40px; padding-top: 40px; border-top: 1px solid #eaeaea; box-sizing: border-box; }
.login .sign-link .tit-group .tit { margin-bottom: 8px; font-size: 20px; font-weight: 700; color: #000; line-height: 28px; }
.login .sign-link .tit-group .txt { margin-bottom: 16px; font-size: 14px; font-weight: 400; color: #666; line-height: 20px; }
.login .sign-link .ico { width: 96px; }


/*아이디 및 비밀번호 찾기*/
.find { background: #f9f9f9; }
.find .wrap { padding-top: 120px; box-sizing: border-box; }
.find .wrap > .box { width: 520px; margin: 0 auto; background: #fff; }
.find .wrap > .box .inner { padding: 40px 80px 60px; box-sizing: border-box; }
.find .top-page .tit { font-size: 40px; text-align: center; line-height: 56px; }

.frm-group-find .btn-custom { width: 100%; margin-top: 40px; font-weight: 700; }

.find .list-frm .th { width: 160px; }
.find .list-frm .td { width: calc(100% - 160px); }


/*회원가입 완료*/
.sign-complete { background: #f9f9f9; }
.sign-complete .wrap { padding-top: 120px; box-sizing: border-box; }
.sign-complete .wrap > .box { max-width: 988px; margin: 0 auto; padding: 62px; box-sizing: border-box; background: #fff; }
.sign-complete .top-page .tit { text-align: center; }
.sign-complete .btn-group-center { margin-bottom: 0; }


/* 회원가입 인트로 */
.sign-intro { background: #f9f9f9; }
.sign-intro .wrap { padding-top: 120px; box-sizing: border-box; }
.sign-intro .wrap > .box { max-width: 988px; margin: 0 auto; padding: 62px; box-sizing: border-box; background: #fff; }
.sign-intro .top-page .tit { text-align: center; }
.sign-intro .btn-group-center { margin-bottom: 0; }

.list-sign-type { display: flex; justify-content: center; align-items: center; margin: 0 -12px; }
.list-sign-type li { position: relative; width: 420px; height: 280px; margin: 0 12px; }
.list-sign-type .ico { width: 104px; height: 104px; margin: 0 auto 20px; background: center center no-repeat; background-size: contain; }
.list-sign-type .ico-v1 { background-image: url('/img/member/ico_member_type1.png'); }
.list-sign-type .ico-v2 { background-image: url('/img/member/ico_member_type2.png'); }
.list-sign-type .ico-v3 { background-image: url('/img/member/ico_member_type3.png'); }
.list-sign-type .tit-group { text-align: center; }
.list-sign-type .tit-group .tit { margin-bottom: 8px; font-size: 20px; font-weight: 700; color: #000; line-height: 28px; }
.list-sign-type .tit-group .txt { font-size: 14px; font-weight: 400; color: #666; line-height: 20px; }

.list-sign-type .ck-custom-type { display: none; }
.list-sign-type .ck-custom-type + label { display: flex; flex-direction: column; justify-content: center; align-items: center; width: 100%; height: 100%; padding: 40px 24px; border: 1px solid #eaeaea; border-radius: 8px; box-sizing: border-box; background: #fff; cursor: pointer; }
.list-sign-type .ck-custom-type:checked + label { border: 2px solid #23c7ff; box-sizing: border-box; }
.list-sign-type .ck-custom-type:checked + label .tit-group .tit { color: #23c7ff; }

.list-sign-type .tip-group { position: absolute; top: 6px; right: 6px; }
.list-sign-type .tip-group .btn-tip { width: 40px; height: 40px; border: none; background: url('/img/common/ico_alert2.svg') center center no-repeat; }
.list-sign-type .tip-group .bubble { display: none; position: absolute; top: 42px; left: calc(50% - 74px); width: 148px; padding: 12px; border-radius: 4px; box-sizing: border-box; background: #333; font-size: 12px; font-weight: 400; color: #fff; line-height: 16px; }
.list-sign-type .tip-group .bubble:before { content: ''; display: block; position: absolute; top: -5px; left: 0; right: 0; width: 8px; height: 5px; margin: 0 auto; background: url('/img/ico_triangle1.svg') center center no-repeat; }
.list-sign-type .tip-group .btn-tip:hover + .bubble { display: block; }


/*회원가입*/
.sign { background: #f9f9f9; }
.sign .wrap { padding-top: 120px; box-sizing: border-box; }
.sign .wrap > .box { max-width: 988px; margin: 0 auto; padding: 62px; box-sizing: border-box; background: #fff; }
.sign .top-page .tit { text-align: center; }
.sign .list-frm { border-width: 2px; }
.sign .list-frm .inp-frm { height: 40px; font-size: 14px; }
.sign .list-frm .btn-frm { height: 40px; }
.sign .list-frm .select-custom { height: 40px; font-size: 14px; }
.sign .btn-group-center { margin-bottom: 0; }

/*step*/
.step-group { display: flex; justify-content: center; align-items: center; margin-bottom: 48px; }
.step-group > li { display: flex; flex-direction: column; justify-content: center; align-items: center; position: relative; margin-right: 76px; }
.step-group > li:last-child { margin-right: 0; }
.step-group > li:not(:last-child):after { content: ''; display: block; position: absolute; top: 32px; right: -76px; width: 60px; height: 1px; margin: 0 8px; background: #eaeaea; }
.step-group > li .ico { width: 64px; height: 64px; border-radius: 50%; box-sizing: border-box; background: center center no-repeat; background-size: contain; }
.step-group > li:nth-child(2) .ico { background-image: url('/img/member/ico_step2_sign.svg'); }
.step-group > li:nth-child(3) .ico { background-image: url('/img/member/ico_step3_sign.svg'); }
.step-group > li:nth-child(1).active .ico { background-image: url('/img/member/ico_step1_sign_active.svg'); }
.step-group > li:nth-child(2).active .ico { background-image: url('/img/member/ico_step2_sign_active.svg'); }
.step-group > li:nth-child(3).active .ico { background-image: url('/img/member/ico_step3_sign_active.svg'); }
.step-group > li.complete .ico { background-image: url('/img/member/ico_step_sign_complete1.svg'); }
.step-group > li .tit { margin-top: 12px; font-size: 18px; font-weight: 400; color: #999; line-height: 28px; }
.step-group > li.active .tit { font-weight: 700; color: #000; }


/*회원가입 이용약관*/
.policy-group .box { margin-bottom: 24px; }
.policy-group .box:last-child { margin-bottom: 0; }
.policy-group .ck-group { margin-bottom: 12px; }
.policy-group .ck-custom + label .label { font-size: 16px; line-height: 24px; }
.policy-group .ck-custom + label .custom { margin-right: 8px; }
.policy-group .policy-content { height: 144px; padding: 24px; border: 1px solid #eaeaea; box-sizing: border-box; overflow-y: auto; }
.policy-group .policy-content .tbl { margin-bottom: 20px; }
.policy-group .policy-content .tbl:last-child { margin-bottom: 0; }
.policy-group .policy-content .txt { margin-bottom: 20px; font-size: 14px; font-weight: 400; color: #333; line-height: 20px; }
.policy-group .policy-content .txt:last-child { margin-bottom: 0; }
.policy-group .policy-content .txt p { margin-bottom: 12px; }
.policy-group .policy-content .txt p:last-child { margin-bottom: 0; }
.policy-group .policy-content .txt p.v1 { font-size: 16px; line-height: 24px; }
.policy-group .policy-content .txt-v1 { padding-left: 20px; box-sizing: border-box; }
.policy-group .policy-content .txt-v1 .v1 { position: relative; color: #999; }
.policy-group .policy-content .txt-v1 .v1:before { content: '※'; position: absolute; left: -20px; }


/*개인정보처리방침 및 이용약관*/
.policy { padding-top: 60px; box-sizing: border-box; }
.policy .top-page { margin-bottom: 40px; }
.policy .policy-noti { padding: 32px; border-top: 2px solid #23c7ff; box-sizing: border-box; background: #f9f9f9; font-size: 16px; font-weight: 500; color: #000; line-height: 24px; }
.policy .policy-noti p { margin-bottom: 20px; }
.policy .policy-noti p:last-child { margin-bottom: 0; }
.policy .policy-noti strong { font-weight: 700; color: #23c7ff; }
.policy .policy-content .txt-group { margin-top: 40px; }
.policy .policy-content .box { margin-bottom: 16px; padding: 20px; border: 1px solid #eaeaea; box-sizing: border-box; }
.policy .policy-content .box:last-child { margin-bottom: 0; }
.policy .policy-content .tit { margin-bottom: 16px; font-size: 18px; font-weight: 700; color: #000; line-height: 28px; }
.policy .policy-content .txt { margin-bottom: 16px; font-size: 16px; font-weight: 400; color: #666; line-height: 24px; }
.policy .policy-content .txt:last-child { margin-bottom: 0; }
.policy .policy-content .txt p { margin-bottom: 4px; }
.policy .policy-content .txt p:last-child { margin-bottom: 0; }
.policy .tbl { margin-bottom: 48px; }

.tbl-policy th,
.tbl-policy td { width: 50%; }
.tbl-policy-v1 th,
.tbl-policy-v1 td { width: 33.33% }


/*mypage*/

/*마이 홈*/
.mypage .article-group .article:not(:last-child) { margin-bottom: 40px; }

.dashboard-group { margin-bottom: 12px; }
.dashboard-group .dashboard-info { margin-bottom: 12px; font-size: 14px; font-weight: 400; color: #999; text-align: right; line-height: 20px; }

.list-dashboard { display: flex; align-items: center; margin: -10px -10px 50px; }
.list-dashboard li { width: calc(100% / 4); padding: 10px; box-sizing: border-box; }
.list-dashboard .card { display: flex; flex-direction: column; justify-content: center; align-items: center; height: 160px; border: 1px solid #eaeaea; border-radius: 8px; box-sizing: border-box; }
.list-dashboard .tit { margin-bottom: 16px; font-size: 18px; font-weight: 700; color: #000; text-align: center; line-height: 28px; }
.list-dashboard .num { font-size: 14px; font-weight: 400; color: #959595; text-align: center; line-height: 20px; }
.list-dashboard .num strong { margin-right: 3px; font-size: 40px; color: #23c7ff; }
.list-dashboard .num strong.v1 { color: #bebebe; }


/*마이페이지 > 회원정보 수정*/
.frm-mypage-pw { padding: 100px 0; border: 1px solid #eaeaea; border-top: 2px solid #23c7ff; box-sizing: border-box;; }
.frm-mypage-pw .ico { display: block; margin: 0 auto 68px; zoom: 0.5; }
.frm-mypage-pw .tit-frm { margin-bottom: 40px; font-size: 24px; font-weight: 700; color: #000; text-align: center; line-height: 36px; }
.frm-mypage-pw .tit-frm span { color: #23c7ff; }
.frm-mypage-pw .inp-frm { width: 480px; height: 48px; margin: 0 auto 12px; }
.frm-mypage-pw .btn-custom { width: 480px; margin: 0 auto; }


/*sub page*/

/*홍보영상*/
.media .top-board { border-bottom: none; }
.media .board-content { margin-bottom: 50px; border-color: #dfdfdf; }
.media .board-content .inner { padding-top: 0; }


/*세미나 교육정보 신청하기*/
.frm-group-policy { margin-top: 40px; }
.frm-group-policy .tit-frm { margin-bottom: 20px; font-size: 20px; font-weight: 700; color: #000; line-height: 28px; }
.frm-group-policy .inp-group-policy { height: 256px; margin-bottom: 20px; padding: 24px 20px; border: 1px solid #dfdfdf; border-radius: 8px; box-sizing: border-box; overflow-y: auto; }
.frm-group-policy .inp-group-policy .txt-group { position: relative; margin-bottom: 8px; padding-left: 12px; box-sizing: border-box; }
.frm-group-policy .inp-group-policy .txt-group:last-child { margin-bottom: 0; }
.frm-group-policy .inp-group-policy .txt-group .tit { font-size: 16px; font-weight: 700; color: #000; line-height: 24px; }
.frm-group-policy .inp-group-policy .txt-group .tit:before { content: ''; display: block; position: absolute; top: 9px; left: 0; width: 4px; height: 4px; border-radius: 50%; box-sizing: border-box; background: #000; }
.frm-group-policy .inp-group-policy .txt-group .txt { margin-top: 2px; font-size: 14px; font-weight: 400; color: #666; line-height: 20px; }
.frm-group-policy .ck-custom + label .custom { margin-right: 8px; }
.frm-group-policy .ck-custom + label .label { font-size: 16px; font-weight: 500; line-height: 24px; }


/*통합검색*/
.search .top-page { margin-bottom: 0; padding: 60px 0; box-sizing: border-box; background: url('/img/common/bg_visual1_search.png') center center no-repeat; background-size: cover; }
.search .top-page .tit { margin-bottom: 40px; font-size: 40px; text-align: center; line-height: 56px; }
.search .inp-group-search { width: 800px; margin-bottom: 32px; }
.search .wrap { padding: 60px 0; box-sizing: border-box; }
.search .box { padding: 80px 0; border: 1px solid #eaeaea; border-radius: 8px; box-sizing: border-box; }
.search .inner { max-width: 988px; margin: 0 auto; }
.search .no-data img { width: 108px; margin-bottom: 16px; }

.keyword-group { display: flex; flex-wrap: wrap; justify-content: center; align-items: center; margin: -6px; }
.keyword-group a { display: flex; justify-content: center; align-items: center; height: 40px; margin: 6px; padding: 0 16px; border: 1px solid #000; border-radius: 20px; box-sizing: border-box; background: #fff;  font-size: 16px; font-weight: 400; color: #000; transition: .2s all ease-out; }
.keyword-group a:hover { border-color: #23c7ff; background: #23c7ff; font-weight: 700; color: #fff; }

.list-search-result li { border-bottom: 1px solid #dfdfdf; box-sizing: border-box; }
.list-search-result a { display: block; padding: 24px 20px; box-sizing: border-box; }
.list-search-result .category { margin-bottom: 16px; font-size: 14px; font-weight: 500; color: #666; line-height: 20px; }
.list-search-result .tit { font-size: 24px; font-weight: 700; color: #000; line-height: 36px; }
.list-search-result .txt { display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical; max-height: 48px; line-height: 24px; white-space: normal; overflow: hidden; margin-top: 8px; font-size: 16px; font-weight: 400; color: #666; }
.list-search-result .date { margin-top: 16px; font-size: 14px; font-weight: 400; color: #999; line-height: 20px; }
.list-search-result .highlight { color: #23c7ff; }


/*기업홍보 > 홍보 이미지/영상 등록*/
.list-sortable li { display: flex; align-items: center; border-bottom: 1px solid #eaeaea; box-sizing: border-box; background: #fff; transition: .2s all ease-out; cursor: pointer; }
.list-sortable li:hover { background: #f2fcff; }
.list-sortable .th { padding: 20px 12px; box-sizing: border-box; background: #f9f9f9; font-size: 16px; font-weight: 500; line-height: 24px; color: #000; text-align: center; }
.list-sortable .td { display: flex; justify-content: center; align-items: center; min-height: 84px; padding: 10px; box-sizing: border-box; font-size: 16px; font-weight: 400; color: #000; line-height: 24px; word-break: normal; }
.list-sortable .ico-move { width: 24px; height: 24px; margin-right: 8px; border: 1px solid #dfdfdf; border-radius: 50%; box-sizing: border-box; background: url('/img/common/ico_move1.svg') center center no-repeat; }
.list-sortable .tit { width: calc(100% - 32px); }
.list-sortable .img-group { position: relative; border-radius: 6px; box-sizing: border-box; overflow: hidden; }
.list-sortable .img-group-v1:before { content: ''; position: absolute; width: 100%; height: 100%; background: rgba(0, 0, 0, 0.2); }
.list-sortable .img-group-v1:after { content: ''; position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%) scale(1); -webkit-transform: translate(-50%, -50%) scale(1); -moz-transform: translate(-50%, -50%) scale(1); -ms-transform: translate(-50%, -50%) scale(1); -o-transform: translate(-50%, -50%) scale(1); width: 28px; height: 28px; background: url('/img/ico_play1.svg') center center no-repeat; background-size: contain; }
.list-sortable .img-group .img { display: block; height: 64px; }
.list-sortable .select-custom { width: 120px; height: 32px; padding: 0 26px 0 12px; border-radius: 2px; box-sizing: border-box; background-position: right 6px center; background-size: 20px; font-size: 12px; }

.list-sortable .t-type { width: 20%; }
.list-sortable .td.t-type { justify-content: flex-start; }
.list-sortable .t-content { width: 40%; }
.list-sortable .t-select { width: 20%; }
.list-sortable .t-btn { width: 20%; }

/*기업홍보 > 노출설정*/
.guide-group-biz { margin: 60px 0; }
.guide-group-biz .tit-group { text-align: center; }
.guide-group-biz .tit-group .tit { font-size: 32px; font-weight: 700; color: #000; text-align: center; line-height: 44px; }
.guide-group-biz .tit-group .txt { margin-top: 20px; font-size: 16px; font-weight: 400; color: #000; line-height: 24px; }


/*FAQ*/
.list-faq { border-top: 1px solid #000; box-sizing: border-box; }
.list-faq li { border-bottom: 1px solid #dfdfdf; box-sizing: border-box; }
.list-faq .fold { position: relative; padding: 24px 60px 24px 72px; box-sizing: border-box; cursor: pointer; }
.list-faq .fold:after { content: ''; display: block; position: absolute; top: calc(50% - 14px); right: 0; width: 28px; height: 28px; border: 1px solid #dfdfdf; border-radius: 50%; box-sizing: border-box; background: url('/img/common/ico_arrow_snb1_bottom1.svg') center center no-repeat; transition: .2s all ease-out; }
.list-faq .fold .tit-group:before { content: 'Q'; display: flex; justify-content: center; align-items: center; position: absolute; top: 24px; left: 20px; width: 32px; height: 32px; border-radius: 50%; box-sizing: border-box; background: #eaeaea; font-size: 18px; font-weight: 700; color: #fff; transition: .2s all ease-out; }
.list-faq .fold .tit-group .tit { font-size: 20px; font-weight: 700; color: #000; line-height: 28px; transition: .2s all ease-out; }

.list-faq .unfold { display: none; position: relative; border-top: 1px solid #dfdfdf; box-sizing: border-box; background: #f9f9f9; }
.list-faq .unfold .txt-group { padding: 24px 80px; box-sizing: border-box; }
.list-faq .unfold .txt-group .txt { font-size: 16px; font-weight: 700; color: #333; line-height: 24px; }
.list-faq .unfold .txt-group .txt2 { margin-top: 12px; font-size: 16px; font-weight: 400; color: #333; line-height: 24px; }

.list-faq .fold.active:after { border-color: #23c7ff; background-image: url('/img/common/ico_arrow_snb1_bottom1_active.svg'); background-color: #23c7ff; transform: rotate(180deg); }
.list-faq .fold.active .tit-group:before { background: #0e1727; }
.list-faq .unfold.active { display: block; }


/*오시는 길*/
.location .tab-menu2 { margin-bottom: 50px; }
.location .article-group:not(:last-child) { margin-bottom: 76px; }
.location .top-article { padding-bottom: 0; border-bottom: none; }

/*지도*/
.map-group { position: relative; height: 480px; margin-bottom: 24px; overflow: hidden; }
.map-group .root_daum_roughmap { width: 100% !important; height: 100% !important; }
.map-group .root_daum_roughmap .wrap_map { height: 100% !important; }
.map-group .root_daum_roughmap .wrap_controllers { display: none; }
.map-group .root_daum_roughmap_landing .border1,
.map-group .root_daum_roughmap_landing .border2,
.map-group .root_daum_roughmap_landing .border3,
.map-group .root_daum_roughmap_landing .border4 { display: none; }

.list-map-info { display: flex; align-items: center; position: relative; padding: 28px 40px; border-radius: 12px; box-sizing: border-box; background: #23c7ff; }
.list-map-info li { margin-right: 60px; }
.list-map-info li:last-child { margin-bottom: 0; }
.list-map-info .txt-group { display: flex; position: relative; }
.list-map-info .txt-group .tit { display: flex; margin-right: 28px; font-size: 18px; font-weight: 700; color: #fff; line-height: 28px; }
.list-map-info .txt-group .tit .ico { margin-right: 12px; }
.list-map-info .txt-group .txt { font-size: 18px; font-weight: 400; color: #fff; line-height: 28px; }

.list-location-info li { display: flex; padding: 40px 0; border-bottom: 1px solid #eaeaea; box-sizing: border-box; }
.list-location-info li:last-child { border-bottom: none; }
.list-location-info .img-group { display: flex; justify-content: center; align-items: center; width: 80px; height: 80px; margin-right: 30px; border-radius: 50%; box-sizing: border-box; background: #f9f9f9; }
.list-location-info .img-group img { display: block; }

.list-location-info .location-guide { width: calc(100% - 110px); margin-top: 12px; }
.list-location-info .location-guide .txt-group:not(:last-child) { margin-bottom: 20px; }
.list-location-info .location-guide .txt-group .tit { margin-bottom: 4px; font-size: 18px; font-weight: 400; color: #000; line-height: 28px; }
.list-location-info .location-guide .txt-group .tit:only-child { margin-bottom: 0; }
.list-location-info .location-guide .txt-group .tit strong.v1 { color: #007aff; }
.list-location-info .location-guide .txt-group .txt { margin-bottom: 4px; font-size: 16px; font-weight: 400; color: #666; line-height: 24px; }
.list-location-info .location-guide .txt-group .txt:last-child { margin-bottom: 0; }
.list-location-info .location-guide .txt-group .txt strong { color: #000; }

.list-location-info li.v1 { align-items: center; }
.list-location-info li.v1 .location-guide { margin-top: 0; }


/*마이페이지 > 기업홍보 문의내역*/
.mypage-inquiry-list .tab-menu-group { margin-bottom: 24px; }


/*교육 동영상 상세*/
.slide-video { position: relative; margin-top: 40px; }
.slide-video .swiper { position: relative; padding-bottom: 40px; box-sizing: border-box; }
.slide-video .swiper-slide { position: relative; height: 200px; border: 1px solid #dfdfdf; border-radius: 16px; box-sizing: border-box; transition: .2s box-shadow ease-out; overflow: hidden; }
.slide-video .swiper-slide:hover { border-color: #23c7ff; box-shadow: 12px 12px 20px 0 rgba(0, 106, 129, 0.16); box-sizing: border-box; }
.slide-video .swiper-slide a { display: block; width: 100%; height: 100%; }
.slide-video .swiper-slide .img-group { position: relative; height: 100%; }
.slide-video .swiper-slide .img-group:after { content: ''; display: block; position: absolute; top: 0; left: 0; width: 100%; height: 100%; background: rgba(0, 0, 0, 0.5); transition: .2s all ease-out; }
.slide-video .swiper-slide .tit { position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%) scale(1); -webkit-transform: translate(-50%, -50%) scale(1); -moz-transform: translate(-50%, -50%) scale(1); -ms-transform: translate(-50%, -50%) scale(1); -o-transform: translate(-50%, -50%) scale(1); display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical; width: 100%; max-height: 56px; line-height: 28px; white-space: normal; overflow: hidden; padding: 0 24px; box-sizing: border-box; font-size: 20px; font-weight: 700; color: #fff; text-align: center; transition: .2s all ease-out; }

.slide-video .swiper-slide-active .img-group:after { background: rgba(255, 255, 255, 0.5); }
.slide-video .swiper-slide-active .tit { color: #000; }

.slide-video .slide-tool .navigation-group { display: flex; justify-content: space-between; align-items: center; position: absolute; top: calc(50% - 48px); left: -48px; width: calc(100% + 96px); }
.slide-video .slide-tool .navigation-group .swiper-button-prev,
.slide-video .slide-tool .navigation-group .swiper-button-next { position: static; width: 48px; height: 48px; margin: 0; background: center center no-repeat; background-size: contain; transition: .2s all ease-out; }
.slide-video .slide-tool .navigation-group .swiper-button-prev { background-image: url('/img/common/ico_arrow_slide1_prev1.svg'); }
.slide-video .slide-tool .navigation-group .swiper-button-next { background-image: url('/img/common/ico_arrow_slide1_next1.svg'); }
.slide-video .slide-tool .navigation-group .swiper-button-prev:hover { background-image: url('/img/common/ico_arrow_slide1_prev1_active.svg'); }
.slide-video .slide-tool .navigation-group .swiper-button-next:hover { background-image: url('/img/common/ico_arrow_slide1_next1_active.svg'); }
.slide-video .slide-tool .navigation-group .swiper-button-prev:after,
.slide-video .slide-tool .navigation-group .swiper-button-next:after { display: none; }

/*수정*/
.list-video { display: flex; align-items: center; position: relative; margin-top: 40px; }
.list-video li { position: relative; width: calc(100% / 3); height: 200px; margin-right: 20px; border: 1px solid #dfdfdf; border-radius: 16px; box-sizing: border-box; transition: .2s box-shadow ease-out; overflow: hidden; }
.list-video li:last-child { margin-right: 0; }
.list-video li:hover { border-color: #23c7ff; box-shadow: 12px 12px 20px 0 rgba(0, 106, 129, 0.16); box-sizing: border-box; }
.list-video .card { display: block; width: 100%; height: 100%; }
.list-video .img-group { position: relative; height: 100%; }
.list-video .img-group:after { content: ''; display: block; position: absolute; top: 0; left: 0; width: 100%; height: 100%; background: rgba(0, 0, 0, 0.5); transition: .2s all ease-out; }
.list-video .tit { position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%) scale(1); -webkit-transform: translate(-50%, -50%) scale(1); -moz-transform: translate(-50%, -50%) scale(1); -ms-transform: translate(-50%, -50%) scale(1); -o-transform: translate(-50%, -50%) scale(1); display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical; width: 100%; max-height: 56px; line-height: 28px; white-space: normal; overflow: hidden; padding: 0 24px; box-sizing: border-box; font-size: 20px; font-weight: 700; color: #fff; text-align: center; word-break: break-all; transition: .2s all ease-out; }

.list-video li.active .img-group:after { background: rgba(255, 255, 255, 0.5); }
.list-video li.active .tit { color: #000; }


/*예약하기*/
.item-list .top-page .tit { font-size: 32px; line-height: 44px; }
.item-list .top-page .tit span { color: #23c7ff; }

.list-item li { display: flex; align-items: center; height: 224px; margin-bottom: 16px; border: 1px solid #dfdfdf; border-radius: 20px; box-sizing: border-box; overflow: hidden; transition: .2s all ease-out; }
.list-item .card { display: flex; align-items: center; width: 100%; height: 100%; }
.list-item .item-group { display: flex; align-items: center; width: calc(100% - 148px); height: 100%; padding: 12px 24px 12px 12px; box-sizing: border-box; }
.list-item .img-group { width: 316px; height: 200px; margin-right: 32px; border-radius: 12px; box-sizing: border-box; overflow: hidden; }
.list-item .item-info { width: calc(100% - 348px); }
.list-item .item-info .item-name { font-size: 20px; font-weight: 700; color: #000; line-height: 28px; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
.list-item .item-info .item-desc { display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical; height: 48px; margin-top: 4px; line-height: 24px; white-space: normal; overflow: hidden; font-size: 16px; font-weight: 400; color: #666; }
.list-item .item-info .item-data { margin-top: 16px; }
.list-item .item-info .item-data .txt { display: flex; align-items: center; }
.list-item .item-info .item-data .txt p { position: relative; margin-right: 17px; margin-bottom: 4px; font-size: 14px; font-weight: 400; color: #999; line-height: 20px; }
.list-item .item-info .item-data .txt p:last-child { margin-right: 0; }
.list-item .item-info .item-data .txt p:not(:last-child):after { content: ''; display: block; position: absolute; top: calc(50% - 5px); right: -9px; width: 1px; height: 10px; background: #dfdfdf; }
.list-item .item-info .item-state { display: flex; align-items: center; }
.list-item .item-info .item-state .tit { position: relative; margin-right: 17px; font-size: 14px; font-weight: 400; color: #999; line-height: 20px; }
.list-item .item-info .item-state .tit:not(:last-child):after { content: ''; display: block; position: absolute; top: calc(50% - 5px); right: -9px; width: 1px; height: 10px; background: #dfdfdf; }

.list-item .btn-group { display: flex; justify-content: center; align-items: center; width: 148px; height: 100%; background: #f9f9f9; }
.list-item .btn-group .btn { display: flex; justify-content: center; align-items: center; width: 100px; height: 40px; border: 1px solid #dfdfdf; border-radius: 4px; box-sizing: border-box; background: #fff; font-size: 14px; font-weight: 400; color: #000; transition: .2s all ease-out; }
.list-item .btn-group .btn .ico { width: 20px; height: 20px; margin-right: 4px; background: url('/img/common/ico_calendar1.svg') center center no-repeat; background-size: contain; }

.list-item li:hover { border-color: #23c7ff; box-shadow: 12px 12px 20px 0 rgba(0, 106, 129, 0.16); box-sizing: border-box; }
.list-item li:hover .btn-group .btn { border-color: #23c7ff; background: #23c7ff; color: #fff; }
.list-item li:hover .btn-group .btn .ico { background-image: url('/img/common/ico_calendar2.svg'); }

.list-item li.disabled { border-color: #dfdfdf; box-shadow: none; }
.list-item li.disabled .card { cursor: not-allowed; }
.list-item li.disabled .btn-group .btn { border-color: #eaeaee; background: #f9f9f9; color: #bebebe; }
.list-item li.disabled .btn-group .btn .ico { background-image: url('/img/common/ico_calendar3.svg'); }


/*전체 예약 현황*/
.calendar-group { padding: 24px 16px 16px; border: 1px solid #eaeaea; box-sizing: border-box; }

.calendar-tool { display: flex; justify-content: space-between; align-items: center; margin-bottom: 16px; }
.calendar-tool .tit { font-size: 16px; font-weight: 400; color: #666; line-height: 24px; }
.calendar-tool .btn-group-calendar { display: flex; justify-content: flex-end; align-items: center; margin-left: auto; }
.calendar-tool .btn-group-calendar .btn { display: flex; justify-content: center; align-items: center; width: 72px; margin-right: 4px; height: 32px; border: 1px solid #007aff; border-radius: 4px; box-sizing: border-box; background: #fff; font-size: 14px; font-weight: 400; color: #007aff; transition: .2s all ease-out; }
.calendar-tool .btn-group-calendar .btn:last-child { margin-right: 0; }
.calendar-tool .btn-group-calendar .btn-v1 { border-color: #fd843d; color: #fd843d; }
.calendar-tool .btn-group-calendar .btn-v2 { border-color: #9908cc; color: #9908cc; }
.calendar-tool .btn-group-calendar .btn-v3 { border-color: #38bb7c; color: #38bb7c; }

.calendar-tool .btn-group-calendar .btn:hover,
.calendar-tool .btn-group-calendar .btn.active { background: #007aff; color: #fff; }
.calendar-tool .btn-group-calendar .btn-v1:hover,
.calendar-tool .btn-group-calendar .btn-v1.active { background: #fd843d; }
.calendar-tool .btn-group-calendar .btn-v2:hover,
.calendar-tool .btn-group-calendar .btn-v2.active { background: #9908cc; }
.calendar-tool .btn-group-calendar .btn-v3:hover,
.calendar-tool .btn-group-calendar .btn-v3.active { background: #38bb7c; }

.calendar-tool .btn-group-calendar-v1 .ck-custom-calendar + label { width: auto; min-width: 72px; padding: 0 18px; box-sizing: border-box; }


/*예약 상세 및 변경*/
.model-group { display: block; margin-bottom: 12px; padding: 32px; border: 1px solid #dfdfdf; border-radius: 8px; box-sizing: border-box; }
.model-group:last-child { margin-bottom: 0; }
.model-group .item-info { display: flex; align-items: center; margin-bottom: 24px; padding-bottom: 24px; border-bottom: 1px solid #eaeaea; box-sizing: border-box; }
.model-group .item-info .img-group { width: 104px; height: 66px; margin-right: 24px; border-radius: 12px; box-sizing: border-box; overflow: hidden; }
.model-group .item-info .item-name { width: calc(100% - 128px); font-size: 24px; font-weight: 700; color: #000; line-height: 36px; }
.model-group .item-info .item-name .eng { display: block; margin-top: 4px; font-size: 12px; font-weight: 400; color: #959595; line-height: 16px; }
.model-group .item-data { display: flex; flex-wrap: wrap; margin: -4px; }
.model-group .item-data .txt-group { display: flex; width: 50%; padding: 4px; box-sizing: border-box; }
.model-group .item-data .txt-group-v1 { width: 100%; }
.model-group .item-data .txt-group .tit { width: 80px; font-size: 16px; font-weight: 400; color: #999; line-height: 24px; }
.model-group .item-data .txt-group .txt { width: calc(100% - 80px); font-size: 16px; font-weight: 400; color: #000; line-height: 24px; }

.reserve-group .top-reserve { display: flex; justify-content: space-between; align-items: center; padding-bottom: 20px; box-sizing: border-box; transition: .2s all ease-out; cursor: pointer; }
.reserve-group-v1 .top-reserve { border-bottom: 2px solid #000; box-sizing: border-box; }
.reserve-group .top-reserve .tit { display: flex; align-items: center; font-size: 24px; font-weight: 700; color: #000; line-height: 36px; }
.reserve-group .top-reserve .tit-v1 { font-size: 20px; line-height: 28px; }
.reserve-group .top-reserve .ico-arrow { display: flex; justify-content: center; align-items: center; width: 36px; height: 36px; border: 1px solid #dfdfdf; border-radius: 4px; box-sizing: border-box; }
.reserve-group .top-reserve .ico-arrow img { transition: .2s all ease-out; }
.reserve-group .top-reserve.active .ico-arrow img { transform: rotate(180deg); }
.reserve-group .reserve-content { display: none; }
.reserve-group .reserve-content.active { display: block; }
.reserve-group .reserve-content > .inner { margin-top: 24px; }
.reserve-group .calendar-group { border-radius: 8px; box-sizing: border-box; }

.reserve-group .box { display: flex; justify-content: space-between; margin-top: 24px; }
.reserve-group .box .calendar-container .select-custom { margin-bottom: 12px; }
.reserve-group .box .calendar-group { width: 524px; padding: 24px; box-sizing: border-box; }
.reserve-group .box .calendar-group .full-calendar { padding-bottom: 24px; border-bottom: 1px solid #eaeaea; box-sizing: border-box; }
.reserve-group .box .legend-group { margin-top: 24px; }

.reserve-state-group { display: flex; flex-direction: column; width: calc(100% - 564px); }
.reserve-state-group .tit { margin-bottom: 12px; font-size: 20px; font-weight: 700; color: #000; line-height: 28px; }
.reserve-state-group .box-table { width: 100%; height: 100%; max-height: 625px; margin-bottom: 20px; border: 1px solid #eaeaea; border-top: none; box-sizing: border-box; overflow-x: hidden; overflow-y: auto; }
.reserve-state-group .box-table:last-child { margin-bottom: 0; }
.reserve-state-group .reserve-guide { margin-top: auto; padding: 10px 16px; border: 1px solid #eaeaea; box-sizing: border-box; background: #f9f9f9; }
.reserve-state-group .reserve-guide .txt { position: relative; padding-left: 12px; box-sizing: border-box; font-size: 14px; font-weight: 400; color: #333; line-height: 20px; }
.reserve-state-group .reserve-guide .txt:before { content: ''; position: absolute; top: 9px; left: 0; width: 3px; height: 3px; border-radius: 50%; box-sizing: border-box; background: #000; }

.tbl-reserve { border-collapse: separate; border-spacing: 0; }
.tbl-reserve thead:after { display: none; }
.tbl-reserve tr { border: none; }
.tbl-reserve th,
.tbl-reserve td { height: 52px; padding: 14px 8px; text-align: center; }
.tbl-reserve th { background: #1d6178; border-right: 1px solid #155064; box-sizing: border-box; color: #fff; }
.tbl-reserve td { border-right: 1px solid #eaeaea; border-bottom: 1px solid #eaeaea; box-sizing: border-box; }
.tbl-reserve th:first-child,
.tbl-reserve td:first-child { border-left: none; }
.tbl-reserve th:last-child,
.tbl-reserve td:last-child { border-right: none; }
.tbl-reserve td span { color: #007aff; }
.tbl-reserve .t-nodata .no-data { display: flex; flex-direction: column; justify-content: center; align-items: center; margin: 0; }

.tbl-reserve th:nth-child(1), .tbl-reserve td:nth-child(1) { width: 14.5%; }
.tbl-reserve th:nth-child(2), .tbl-reserve td:nth-child(2) { width: 28.5%; }
.tbl-reserve th:nth-child(3), .tbl-reserve td:nth-child(3) { width: 28.5%; }
.tbl-reserve th:nth-child(4), .tbl-reserve td:nth-child(4) { width: 28.5%; }

.tbl-reserve-v1 th:nth-child(1), .tbl-reserve-v1 td:nth-child(1) { width: 15%; }
.tbl-reserve-v1 th:nth-child(2), .tbl-reserve-v1 td:nth-child(2) { width: 40%; }
.tbl-reserve-v1 th:nth-child(3), .tbl-reserve-v1 td:nth-child(3) { width: 30%; }
.tbl-reserve-v1 th:nth-child(4), .tbl-reserve-v1 td:nth-child(4) { width: 15%; }

.frm-group-policy2 { margin-top: 40px; }
.frm-group-policy2 .tit-frm { margin-bottom: 20px; font-size: 24px; font-weight: 700; color: #000; line-height: 36px; }
.frm-group-policy2 .tit-frm-v1 { font-size: 20px; line-height: 20px; }
.frm-group-policy2 .inp-group-policy { margin-bottom: 20px; padding: 24px 20px; border: 1px solid #eaeaea; border-radius: 8px; box-sizing: border-box; }
.frm-group-policy2 .inp-group-policy .txt-group .txt p { position: relative; margin-bottom: 8px; padding-left: 12px; box-sizing: border-box; font-size: 14px; font-weight: 400; color: #666; line-height: 20px; }
.frm-group-policy2 .inp-group-policy .txt-group .txt p:last-child { margin-bottom: 0; }
.frm-group-policy2 .inp-group-policy .txt-group .txt p:before { content: ''; display: block; position: absolute; top: 8px; left: 0; width: 4px; height: 4px; border-radius: 50%; box-sizing: border-box; background: #666; }
.frm-group-policy2 .inp-group-policy .txt-group .txt p span { color: #000; }
.frm-group-policy2 .inp-group-policy .txt-group .txt a { display: inline-flex; align-items: center; height: 24px; margin-top: 4px; padding: 0 11px; border: 1px solid #dfdfdf; box-sizing: border-box; font-size: 12px; font-weight: 400; color: #000; }
.frm-group-policy2 .ck-custom + label .custom { margin-right: 8px; }
.frm-group-policy2 .ck-custom + label .label { font-size: 16px; font-weight: 500; line-height: 24px; }


/*마이페이지 예약 현황*/
.reserve-data { padding: 32px; border: 1px solid #dfdfdf; border-radius: 8px; box-sizing: border-box; }
.reserve-data .item-state { display: flex; justify-content: space-between; align-items: center; }
.reserve-data .item-state .tit { font-size: 24px; font-weight: 700; color: #000; line-height: 36px; }
.reserve-data .item-data { display: flex; margin-top: 24px; padding-top: 24px; border-top: 1px solid #eaeaea; box-sizing: border-box; }
.reserve-data .item-data .txt-group { display: flex; width: 100%; }
.reserve-data .item-data .txt-group .tit { margin-right: 12px; font-size: 16px; font-weight: 400; color: #999; line-height: 24px; }
.reserve-data .item-data .txt-group .txt { font-size: 16px; font-weight: 400; color: #000; line-height: 24px; }
.reserve-data .state-message { margin-top: 24px; font-size: 16px; font-weight: 400; color: #e84e4e; line-height: 24px; }


/*기업홍보*/
.slide-biz { position: relative; height: 280px; margin-bottom: 60px; }
.slide-biz .swiper { height: 100%; }
.slide-biz .swiper-slide { position: relative; border-radius: 8px; box-sizing: border-box; overflow: hidden; }
.slide-biz .swiper-slide .img-group { height: 100%; }
.slide-biz .swiper-slide .tit-group { position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%) scale(1); -webkit-transform: translate(-50%, -50%) scale(1); -moz-transform: translate(-50%, -50%) scale(1); -ms-transform: translate(-50%, -50%) scale(1); -o-transform: translate(-50%, -50%) scale(1); width: 100%; }
.slide-biz .swiper-slide .tit-group .tit { font-size: 32px; font-weight: 700; color: #fff; text-align: center; line-height: 44px; }
.slide-biz .swiper-slide .tit-group .txt { margin-top: 8px; font-size: 16px; font-weight: 500; color: #fff; text-align: center; line-height: 24px; }

.slide-biz .slide-tool .pagination-group .swiper-pagination { display: flex; justify-content: center; align-items: center; left: 0; right: 0; bottom: 20px; margin: 0 auto; }
.slide-biz .slide-tool .pagination-group .swiper-pagination-bullet { width: 12px; height: 12px; margin: 0 8px; background: #dfdfdf; opacity: 1; }
.slide-biz .slide-tool .pagination-group .swiper-pagination-bullet-active { background: #23c7ff; }

.slide-biz .slide-tool .navigation-group { display: flex; justify-content: space-between; align-items: center; position: absolute; top: calc(50% - 28px); width: 100%; }
.slide-biz .slide-tool .navigation-group .swiper-button-prev,
.slide-biz .slide-tool .navigation-group .swiper-button-next { position: static; width: 56px; height: 56px; margin: 0; background: center center no-repeat rgba(0, 0, 0, 0.4); background-size: contain; transition: .2s all ease-out; }
.slide-biz .slide-tool .navigation-group .swiper-button-prev { background-image: url('/img/ico_arrow_slide1_prev1.svg'); }
.slide-biz .slide-tool .navigation-group .swiper-button-next { background-image: url('/img/ico_arrow_slide1_next1.svg'); }
.slide-biz .slide-tool .navigation-group .swiper-button-prev:after,
.slide-biz .slide-tool .navigation-group .swiper-button-next:after { display: none; }


/*기업홍보 상세*/
.biz-basic { display: flex; margin-bottom: 100px; }

.slide-group-gallery { width: 520px; margin-right: 40px; }
.slide-group-gallery .slide-tool .navigation-group { display: flex; justify-content: space-between; align-items: center; position: absolute; top: calc(50% - 28px); width: 100%; }
.slide-group-gallery .slide-tool .navigation-group .swiper-button-prev,
.slide-group-gallery .slide-tool .navigation-group .swiper-button-next { position: static; width: 30px; height: 56px; margin: 0; background: center center no-repeat rgba(0, 0, 0, 0.4); transition: .2s all ease-out; }
.slide-group-gallery .slide-tool .navigation-group .swiper-button-prev { background-image: url('/img/ico_arrow_slide1_prev1.svg'); }
.slide-group-gallery .slide-tool .navigation-group .swiper-button-next { background-image: url('/img/ico_arrow_slide1_next1.svg'); }
.slide-group-gallery .slide-tool .navigation-group .swiper-button-prev:after,
.slide-group-gallery .slide-tool .navigation-group .swiper-button-next:after { display: none; }

.slide-group-gallery .slide-tool .pagination-group .swiper-pagination { display: flex; justify-content: center; align-items: center; left: 0; right: 0; bottom: 16px; margin: 0 auto; }
.slide-group-gallery .slide-tool .pagination-group .swiper-pagination-bullet { width: 12px; height: 12px; margin: 0 8px; background: #dfdfdf; opacity: 1; }
.slide-group-gallery .slide-tool .pagination-group .swiper-pagination-bullet-active { background: #23c7ff; }

.slide-gallery { position: relative; height: 330px; margin-bottom: 32px; }
.slide-gallery .swiper { height: 100%; }
.slide-gallery .swiper-slide { border-radius: 8px; box-sizing: border-box; overflow: hidden; }
.slide-gallery .swiper-slide .img-group { height: 100%; }
.slide-gallery .swiper-slide .img-group-v1 { cursor: pointer; }
.slide-gallery .swiper-slide .img-group-v1:before { content: ''; position: absolute; width: 100%; height: 100%; background: rgba(0, 0, 0, 0.2); }
.slide-gallery .swiper-slide .img-group-v1:after { content: ''; position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%) scale(1); -webkit-transform: translate(-50%, -50%) scale(1); -moz-transform: translate(-50%, -50%) scale(1); -ms-transform: translate(-50%, -50%) scale(1); -o-transform: translate(-50%, -50%) scale(1); width: 72px; height: 72px; background: url('/img/ico_play1.svg') center center no-repeat; background-size: contain; }

.slide-gallery-thumbs .swiper-slide { position: relative; height: 62px; border-radius: 4px; box-sizing: border-box; overflow: hidden; cursor: pointer; }
.slide-gallery-thumbs .swiper-slide:after { content: ''; display: block; position: absolute; top: 0; left: 0; width: 100%; height: 100%; border: 2px solid transparent; border-radius: 4px; box-sizing: border-box; transition: .2s all ease-out; }
.slide-gallery-thumbs .swiper-slide-thumb-active:after { border-color: #23c7ff; }
.slide-gallery-thumbs .swiper-slide .img-group { position: relative; height: 100%; }
.slide-gallery-thumbs .swiper-slide .img-group-v1:before { content: ''; position: absolute; width: 100%; height: 100%; background: rgba(0, 0, 0, 0.2); }
.slide-gallery-thumbs .swiper-slide .img-group-v1:after { content: ''; position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%) scale(1); -webkit-transform: translate(-50%, -50%) scale(1); -moz-transform: translate(-50%, -50%) scale(1); -ms-transform: translate(-50%, -50%) scale(1); -o-transform: translate(-50%, -50%) scale(1); width: 28px; height: 28px; background: url('/img/ico_play1.svg') center center no-repeat; background-size: contain; }

.biz-info { width: calc(100% - 560px); border: 1px solid #eaeaea; border-radius: 8px; box-sizing: border-box; }
.biz-info > div:not(:last-child) { border-bottom: 1px solid #eaeaea; box-sizing: border-box; }
.biz-info .biz-profile { display: flex; position: relative; padding: 24px; box-sizing: border-box; }
.biz-info .biz-profile .img-group { width: 72px; height: 72px; margin-right: 16px; border: 1px solid #eaeaea; border-radius: 50%; box-sizing: border-box; overflow: hidden; }
.biz-info .biz-profile .tit-group { width: calc(100% - 146px); }
.biz-info .biz-profile .tit-group .biz-name { font-size: 18px; font-weight: 700; color: #000; line-height: 28px; }
.biz-info .biz-profile .tit-group .biz-desc { margin-top: 2px; font-size: 14px; font-weight: 400; color: #666; line-height: 20px; }
.biz-info .biz-profile .ck-group { position: absolute; top: 36px; right: 24px; }
.biz-info .biz-category { display: flex; flex-wrap: wrap; margin: -1px; padding: 24px; box-sizing: border-box; }
.biz-info .biz-category p { display: flex; align-items: center; position: relative; margin-right: 16px; padding: 1px; box-sizing: border-box; font-size: 14px; font-weight: 500; color: #666; line-height: 20px; }
.biz-info .biz-category p:not(:last-child):after { content: ''; display: block; position: absolute; right: -17px; width: 16px; height: 16px; background: url('/img/ico_arrow_right1.svg') center center no-repeat; background-size: contain; }
.biz-info .biz-data { padding: 24px; box-sizing: border-box; }
.biz-info .biz-data .txt-group { display: flex; margin-bottom: 8px; }
.biz-info .biz-data .txt-group:last-child { margin-bottom: 0; }
.biz-info .biz-data .txt-group .tit { width: 136px; font-size: 16px; font-weight: 700; color: #000; line-height: 24px; }
.biz-info .biz-data .txt-group .txt { width: calc(100% - 136px); font-size: 16px; font-weight: 400; color: #333; line-height: 24px; }
.biz-info .biz-data .txt-group .txt span { display: inline-block; position: relative; margin-right: 15px; margin-bottom: 4px; }
.biz-info .biz-data .txt-group .txt span:not(:last-child):after { content: ''; display: inline-block; position: absolute; top: calc(50% - 6px); right: -10px; width: 1px; height: 12px; background: #ccc; }
.biz-info .biz-contact { display: flex; justify-content: space-between; align-items: center; padding: 24px; box-sizing: border-box; }
.biz-info .biz-contact .btn-download { display: flex; justify-content: center; align-items: center; width: calc(100% - 128px); height: 48px; padding: 0 12px; border: 1px solid #dfdfdf; border-radius: 4px; box-sizing: border-box; font-size: 16px; font-weight: 400; color: #000; text-align: center; }
.biz-info .biz-contact .btn-download span { overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
.biz-info .biz-contact .btn-download img { margin-left: 4px; }
.biz-info .biz-contact .btn-inquiry { width: 120px; }

.biz-info .model-profile { padding: 24px; box-sizing: border-box; }
.biz-info .model-profile .model-name { font-size: 22px; font-weight: 700; color: #000; line-height: 32px; }
.biz-info .model-profile .model-name .eng { display: block; margin-top: 4px; font-size: 14px; font-weight: 400; color: #959595; line-height: 20px; }

.biz-info-v1 .biz-data { padding: 32px 24px; box-sizing: border-box; }
.biz-info-v1 .model-profile { padding: 32px 24px; box-sizing: border-box; }

.biz-view .tab-group { padding-top: 40px; box-sizing: border-box; }
.biz-view .tab-group .tab-content3 { margin-top: -246px; padding-top: 246px; box-sizing: border-box; }
.biz-view .introduction-group { margin-top: 40px; }
.biz-view .introduction-group *:not(:last-child) { margin-bottom: 40px; }
.biz-view .introduction-group .txt { font-size: 16px; font-weight: 400; color: #000; line-height: 24px; }
.biz-view .introduction-group .img { display: block; width: 100%; }

.biz-view .product-info { margin-bottom: 40px; padding-bottom: 40px; border-bottom: 1px solid #dfdfdf; box-sizing: border-box; }
.biz-view .product-info .tit { margin-bottom: 8px; font-size: 20px; font-weight: 700; color: #000; line-height: 28px; }
.biz-view .product-info .txt { font-size: 14px; font-weight: 400; color: #666; line-height: 20px; }
.biz-view .product-info .btn-download { display: flex; justify-content: center; align-items: center; width: 180px; height: 32px; margin-top: 20px; border: 1px solid #dfdfdf; border-radius: 4px; box-sizing: border-box; font-size: 14px; font-weight: 400; color: #000; text-align: center; }
.biz-view .product-info .btn-download img { width: 16px; margin-left: 4px; }

.slide-product .swiper-slide { height: 147px; border-radius: 8px; box-sizing: border-box; overflow: hidden; cursor: pointer; }
.slide-product .swiper-slide .img-group { height: 100%; }
.slide-product .swiper-slide .img-group:hover:before { content: ''; position: absolute; width: 100%; height: 100%; background: rgba(0, 0, 0, 0.6); }
.slide-product .swiper-slide .img-group:hover:after { content: ''; position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%) scale(1); -webkit-transform: translate(-50%, -50%) scale(1); -moz-transform: translate(-50%, -50%) scale(1); -ms-transform: translate(-50%, -50%) scale(1); -o-transform: translate(-50%, -50%) scale(1); width: 40px; height: 40px; background: url('/img/ico_zoom1.svg') center center no-repeat; background-size: contain; }

.slide-product .slide-tool { margin-top: 24px; }
.slide-product .slide-tool .pagination-group .swiper-pagination { display: flex; justify-content: center; align-items: center; position: static; }
.slide-product .slide-tool .pagination-group .swiper-pagination-bullet { width: 12px; height: 12px; margin: 0 8px; background: #dfdfdf; opacity: 1; }
.slide-product .slide-tool .pagination-group .swiper-pagination-bullet-active { background: #23c7ff; }


/*ROI 분석 서비스*/
/*공통*/
.roi-info { display: flex; justify-content: space-between; align-items: center; margin-bottom: 60px; padding: 32px 48px; border: 1px solid #dfdfdf; border-radius: 8px; box-sizing: border-box; }
.roi-info .txt-group { margin-right: 100px; }
.roi-info .txt-group .tit { margin-bottom: 16px; font-size: 28px; font-weight: 700; color: #000; line-height: 40px; }
.roi-info .txt-group .tit span { color: #23c7ff; }
.roi-info .txt-group .txt { font-size: 16px; font-weight: 400; color: #333; line-height: 24px; word-break: break-all; }
.roi-info img { display: block; zoom: 0.5; }

.step-group2 { display: flex; align-items: center; position: relative; margin-bottom: 40px; border-radius: 8px; box-sizing: border-box; background: #f5f5f5; overflow: hidden; }
.step-group2:before { content: ''; position: absolute; top: 0; left: 0; height: 100%; border-radius: 0 32px 32px 0; box-shadow: 4px 0 24px 0 rgba(0, 0, 0, 0.1); box-sizing: border-box; background-image: linear-gradient(to right, #bde9ff, #23c7ff 70%); }
.step-group2.step-v1:before { width: calc(100% / 3); }
.step-group2.step-v2:before { width: calc(100% / 3 * 2); }
.step-group2.step-v3:before { width: 100%; border-radius: 8px; }

.step-group2 > li { display: flex; justify-content: center; align-items: center; position: relative; width: 100%; height: 64px; }
.step-group2 .num { display: flex; justify-content: center; align-items: center; width: 28px; height: 28px; margin-right: 8px; border-radius: 50%; box-sizing: border-box; background: #959595; font-size: 14px; font-weight: 700; color: #fff; text-align: center; }
.step-group2 .tit { font-size: 20px; font-weight: 400; color: #959595; line-height: 28px; }

.step-group2 > li.active .num { background: #fff; color: #23c7ff; }
.step-group2 > li.active.complete .num { background: url('/img/ico_step_active.svg') center center no-repeat #fff; color: transparent; }
.step-group2 > li.active .tit { font-weight: 700; color: #fff; }

/*사업비 산정*/
.frm-model .model-info { margin-bottom: 8px; font-size: 14px; font-weight: 400; color: #999; line-height: 20px; }
.frm-model .box { display: flex; align-items: center; padding: 8px 0; box-sizing: border-box; }
.frm-model .box-model { border: 1px solid #eaeaea; border-radius: 4px; box-sizing: border-box; overflow: hidden; }
.frm-model .box-model .top { padding: 8px; background: #f5f5f5; font-size: 14px; font-weight: 400; text-align: center; line-height: 20px; }
.frm-model .btn-add { width: 120px; margin: 12px auto 0; }
.frm-group-model { display: flex; align-items: center; width: 100%; }
.frm-group-model .tit-frm { width: 112px; margin-bottom: 0; padding-left: 20px; box-sizing: border-box; font-size: 16px; font-weight: 700; color: #000; }
.frm-group-model .inp-group-model { width: calc(100% - 112px); padding: 10px 20px; box-sizing: border-box; }

.list-model li { display: flex; align-items: center; height: 56px; margin-top: 8px; padding: 0 20px 0 16px; border: 1px solid #eaeaea; border-radius: 4px; box-sizing: border-box; }
.list-model li:first-child { margin-top: 24px; }
.list-model li > div { display: flex; align-items: center; width: 100%; }
.list-model .tit { position: relative; width: 92px; padding-left: 20px; box-sizing: border-box; font-size: 14px; font-weight: 700; color: #000; line-height: 20px; }
.list-model .tit:before { content: ''; display: block; position: absolute; top: calc(50% - 4px); left: 4px; width: 8px; height: 8px; border-radius: 50%; box-sizing: border-box; background: #23c7ff; }
.list-model .txt { font-size: 14px; font-weight: 400; color: #333; line-height: 20px; }
.list-model .btn-group-s { width: 85px; padding-left: 20px; box-sizing: border-box; }
.list-model .btn-group-s .btn { border-radius: 4px; }

.tbl-expense th,
.tbl-expense td { width: 126px; }
.tbl-expense th:first-child,
.tbl-expense td:first-child { width: 106px; }

.tbl-expense2 th,
.tbl-expense2 td { width: 294px; }
.tbl-expense2 th:first-child,
.tbl-expense2 td:first-child { width: 106px; }

/*지표 입력*/
.roi-service2 .list-frm3:not(:last-child) { margin-bottom: 40px; }

/*경제성 분석 결과*/
.roi-service3 .article:first-child .btn-custom { width: 120px; margin: 24px auto 0; }
.roi-service3 .table-container { margin-bottom: 40px; }
.roi-service3 .table-container .table-group:not(:last-child) { margin-bottom: 40px; }

.tbl-rcm th,
.tbl-rcm td { width: 190px; }
.tbl-rcm th:nth-child(1), .tbl-rcm td:nth-child(1) { width: 124px; padding: 20px 12px; box-sizing: border-box; }
.tbl-rcm th:nth-child(2), .tbl-rcm td:nth-child(2) { width: 104px; }

.tbl-cashflow th,
.tbl-cashflow td { width: 114px; padding: 20px 12px; box-sizing: border-box; }
.tbl-cashflow th:nth-child(1), .tbl-cashflow td:nth-child(1) { width: 76px; }

.tbl-cashflow .total { position: sticky; top: 0; z-index: 1; }
.tbl-cashflow .total:after { content: ''; display: block; position: absolute; top: 0; left: 0; right: 0; width: 100%; height: 1px; margin: 0 auto; background: #000; }
.tbl-cashflow .total th { font-weight: 500; }
.tbl-cashflow .total td .txt-s { font-weight: 700; }

.list-value { display: flex; margin: -10px; }
.list-value li { width: 100%; padding: 10px; box-sizing: border-box; }
.list-value .card { height: 100%; border: 1px solid #dfdfdf; border-radius: 8px; box-sizing: border-box; overflow: hidden; }
.list-value .top { display: flex; justify-content: center; align-items: center; height: 56px; border-bottom: 1px solid #eaeaea; box-sizing: border-box; background: #f9f9f9; font-size: 16px; font-weight: 700; color: #000; text-align: center; }
.list-value .box { padding: 20px 16px; box-sizing: border-box; }
.list-value .txt-group { margin-bottom: 16px; padding-left: 18px; box-sizing: border-box; }
.list-value .txt-group:last-child { margin-bottom: 0; }
.list-value .txt-group .tit { position: relative; font-size: 14px; font-weight: 700; color: #000; line-height: 20px; }
.list-value .txt-group .tit:before { content: ''; display: block; position: absolute; top: 8px; left: -12px; width: 4px; height: 4px; border-radius: 50%; box-sizing: border-box; background: #23c7ff; }
.list-value .txt-group .txt { margin-top: 4px; font-size: 14px; font-weight: 400; color: #333; line-height: 20px; }

.graph-group { margin-top: 40px; }
.graph-group .inner { padding: 40px; border: 1px solid #dfdfdf; border-radius: 8px; box-sizing: border-box; }
.graph-group .tit-graph { margin-bottom: 16px; font-size: 20px; font-weight: 700; color: #000; line-height: 28px; }
.graph-group img { display: block; width: 100%; }


/*소프트웨어 예약*/
.process-group { margin-bottom: 16px; padding: 48px; border: 1px solid #eaeaea; border-radius: 8px; box-sizing: border-box; }
.process-group .top-article { border-bottom: none; }

.list-process { display: flex; flex-wrap: wrap; position: relative; margin: -17px -24px; }
.list-process:after { content: ''; display: block; position: absolute; top: calc(50% - 17px); width: 100%; height: 34px; background: url('/img/img_line1.svg') center center no-repeat; }
.list-process li { position: relative; width: calc(100% / 5); padding: 17px 24px; box-sizing: border-box; }
.list-process li:not(:nth-child(5n)):before { content: ''; display: block; position: absolute; top: calc(50% - 1px); width: 100%; height: 2px; background: #dfdfdf; }
.list-process li:last-child:after { content: ''; display: block; position: absolute; top: calc(50% - 5px); left: 15px; width: 10px; height: 10px; background: url('/img/ico_arrow_process1.svg') center center no-repeat; }
.list-process .card { position: relative; z-index: 1; width: 140px; height: 120px; padding: 16px; border-radius: 8px; box-sizing: border-box; background: #e9f0ff }
.list-process .num { display: flex; justify-content: center; align-items: center; width: 24px; height: 24px; border-radius: 50%; box-sizing: border-box; background: #007aff; font-size: 14px; font-weight: 700; color: #fff; }
.list-process .tit { margin-top: 16px; font-size: 16px; font-weight: 500; color: #000; line-height: 24px; }

.list-process .card-v1 { border-radius: 8px 8px 24px 8px; box-sizing: border-box; background: #007aff; }
.list-process .card-v1 .num { background: #23c7ff; }
.list-process .card-v1 .tit { color: #fff; }
.list-process .card-v2 { background: #666; }
.list-process .card-v2 .num { background: #767676; }
.list-process .card-v2 .tit { color: #fff; }


/*소프트웨어 이용안내*/
.software-info { display: flex; justify-content: space-between; align-items: center; margin-bottom: 60px; padding: 8px 48px; border: 1px solid #dfdfdf; border-radius: 8px; box-sizing: border-box; }
.software-info .txt-group { margin-right: 100px; }
.software-info .txt-group .tit { margin-bottom: 16px; font-size: 28px; font-weight: 700; color: #000; line-height: 40px; }
.software-info .txt-group .txt { font-size: 16px; font-weight: 400; color: #333; line-height: 24px; }
.software-info img { display: block; zoom: 0.5; }

.list-software-guide > li { display: flex; position: relative; margin-bottom: 40px; }
.list-software-guide > li:last-child { margin-bottom: 0; }
.list-software-guide > li:not(:last-child):after { content: ''; display: block; position: absolute; top: 44px; left: 15px; width: 1px; height: calc(100% - 24px); background: #dfdfdf; }
.list-software-guide .num { display: flex; justify-content: center; align-items: center; width: 32px; height: 32px; margin-right: 16px; border-radius: 50%; box-sizing: border-box; background: #23c7ff; font-size: 16px; font-weight: 700; color: #fff; }
.list-software-guide .guide-content { width: calc(100% - 48px); }
.list-software-guide .guide-content .tit { margin-bottom: 18px; font-size: 20px; font-weight: 700; color: #000; line-height: 28px; }
.list-software-guide .guide-content .tit:only-child { margin-bottom: 0; }
.list-software-guide .guide-content .guide-group2 { margin-bottom: 0; }
.list-software-guide .guide-content img { display: block; width: 100%; }
.list-software-guide .guide-content img.m { display: none; }
.list-software-guide .guide-content .txt-group { padding: 20px 40px 20px 20px; border-radius: 8px; box-sizing: border-box; background: #f9f9f9; }
.list-software-guide .guide-content .txt-group p { display: flex; align-items: center; position: relative; margin-bottom: 4px; padding-left: 18px; box-sizing: border-box; font-size: 16px; font-weight: 400; color: #333; line-height: 24px; }
.list-software-guide .guide-content .txt-group p:last-child { margin-bottom: 0; }
.list-software-guide .guide-content .txt-group p:before { content: ''; display: block; position: absolute; top: 9px; left: 6px; width: 4px; height: 4px; border-radius: 50%; box-sizing: border-box; background: #666; }

.csc-info { display: flex; align-items: center; margin-top: 60px; padding: 26px 0; border-radius: 8px; box-sizing: border-box; background: #23c7ff; }
.csc-info .tit { display: flex; align-items: center; width: 244px; height: 64px; padding-left: 40px; border-right: 1px solid rgba(255, 255, 255, 0.3); box-sizing: border-box; font-size: 20px; font-weight: 700; color: #fff; }
.csc-info .tit img { margin-right: 8px; }
.csc-info .csc-content { display: flex; align-items: center; width: calc(100% - 244px); margin: 0 40px; }
.csc-info .csc-content .txt-group { width: 50%; }
.csc-info .csc-content .txt-group p { position: relative; margin-bottom: 4px; padding-left: 18px; box-sizing: border-box; font-size: 16px; font-weight: 500; color: #fff; line-height: 24px; }
.csc-info .csc-content .txt-group p:last-child { margin-bottom: 0; }
.csc-info .csc-content .txt-group p:before { content: ''; display: block; position: absolute; top: 9px; left: 6px; width: 4px; height: 4px; border-radius: 50%; box-sizing: border-box; background: #fff; }


/*시험평가 신청*/
.apply-list .top-info { position: relative; height: 280px; margin-bottom: 60px; border-radius: 8px; box-sizing: border-box; overflow: hidden; }
.apply-list .top-info .img-group { height: 100%; background: url('/img/img_picture1_apply.png') center center no-repeat; background-size: cover; }
.apply-list .top-info .img-group-v1 { background-image: url('/img/img_picture2_apply.png'); }
.apply-list .top-info .tit-group { display: flex; flex-direction: column; justify-content: flex-end; position: absolute; top: 0; left: 0; width: 100%; height: 100%; padding: 40px 60px; box-sizing: border-box; }
.apply-list .top-info .tit-group .tit { margin-bottom: 8px; font-size: 32px; font-weight: 700; color: #fff; line-height: 44px; }
.apply-list .top-info .tit-group .txt { font-size: 16px; font-weight: 500; color: #fff; line-height: 24px; }

.apply-list .board-tool { margin-bottom: 16px; }
.apply-list .board-tool .board-search { justify-content: flex-end; }


/*시험평가 상세*/
.apply-view .test-info .txt { font-size: 16px; font-weight: 400; color: #666; line-height: 24px; }
.apply-view .test-info img { display: block; width: 100%; margin-top: 40px; }
.apply-view .test-info p { position: relative; margin-bottom: 4px; padding-left: 24px; box-sizing: border-box; font-size: 14px; font-weight: 400; color: #000; line-height: 20px; }
.apply-view .test-info p:last-child { margin-bottom: 0; }
.apply-view .test-info p:before { content: ''; display: block; position: absolute; top: 8px; left: 10px; width: 4px; height: 4px; border-radius: 50%; box-sizing: border-box; background: #666; }
.apply-view .test-info p.v1 { font-size: 16px; line-height: 24px; }
.apply-view .test-info p.v1:before { top: 10px; }

.apply-view .list-option { display: flex; flex-wrap: wrap; align-items: center; margin: -4px; }
.apply-view .list-option li { width: calc(100% / 3); padding: 4px; box-sizing: border-box; }
.apply-view .list-option .card { display: flex; justify-content: center; align-items: center; height: 40px; border-radius: 2px; box-sizing: border-box; background: #f5f5f5; font-size: 16px; font-weight: 400; color: #666; text-align: center; }

.apply-view .top-info { padding: 32px; border: 1px solid #dfdfdf; border-radius: 8px; box-sizing: border-box; background: #f2fcff; }
.apply-view .top-info .tit-group { margin-bottom: 24px; }
.apply-view .top-info .tit-group .tit { margin-bottom: 8px; font-size: 24px; font-weight: 700; color: #000; line-height: 36px; }
.apply-view .top-info .tit-group .txt { font-size: 16px; font-weight: 400; color: #666; line-height: 24px; }
.apply-view .top-info .top-data { display: flex; align-items: center; }
.apply-view .top-info .top-data .txt-group { display: flex; margin-right: 24px; }
.apply-view .top-info .top-data .txt-group:last-child { margin-right: 0; }
.apply-view .top-info .top-data .txt-group .tit { margin-right: 12px; font-size: 16px; font-weight: 400; color: #999; line-height: 24px; }
.apply-view .top-info .top-data .txt-group .txt { font-size: 16px; font-weight: 400; color: #000; line-height: 24px; }
.apply-view .top-info .top-data .txt-group .txt.c1 { color: #007aff; }

.post-group { padding: 40px 0; border-bottom: 1px solid #eaeaea; box-sizing: border-box; }
.post-group:last-child { border-bottom: none; }
.post-group .top-post { display: flex; align-items: center; margin-bottom: 10px; }
.post-group .top-post .tit { display: flex; align-items: center; font-size: 18px; font-weight: 700; color: #007aff; line-height: 28px; }
.post-group .top-post .tit img { margin-right: 4px; }
.post-group .box-group { display: inline-flex; flex-direction: column; }
.post-group .box { margin-bottom: 12px; }
.post-group .box:last-child { margin-bottom: 0; }
.post-group .box .inner { display: inline-flex; flex-direction: column; justify-content: flex-start; align-items: flex-start; padding: 24px; border-radius: 8px; box-sizing: border-box; background: #f9f9f9; }
.post-group .box .tit { position: relative; margin-bottom: 12px; padding-left: 12px; box-sizing: border-box; font-size: 16px; font-weight: 700; color: #000; line-height: 24px; }
.post-group .box .tit:before { content: ''; display: block; position: absolute; top: 9px; left: 0; width: 4px; height: 4px; border-radius: 50%; box-sizing: border-box; background: #000; }

.list-picture { display: flex; flex-wrap: wrap; margin: -6px; }
.list-picture li { width: 226px; padding: 6px; box-sizing: border-box; }
.list-picture figure { margin: 0; }
.list-picture figure img { display: block; width: 100%; }
.list-picture figure figcaption { margin-top: 8px; font-size: 16px; font-weight: 400; color: #666; text-align: center; line-height: 24px; }

.post-txt p { position: relative; margin-bottom: 4px; padding-left: 24px; box-sizing: border-box; font-size: 16px; font-weight: 400; color: #000; line-height: 24px; }
.post-txt p:last-child { margin-bottom: 0; }
.post-txt p:before { content: ''; display: block; position: absolute; top: 10px; left: 10px; width: 4px; height: 4px; border-radius: 50%; box-sizing: border-box; background: #666; }


/*소프트웨어 소개*/
.software-intro .top-info { margin-bottom: 40px; }
.software-intro .top-info img { display: block; width: 100%; margin-bottom: 40px; border-radius: 8px; box-sizing: border-box; }
.software-intro .top-info img.m { display: none; }
.software-intro .top-info .txt-group:not(:last-child) { margin-bottom: 60px; }
.software-intro .top-info .txt-group .tit { margin-bottom: 16px; font-size: 32px; font-weight: 700; color: #000; line-height: 44px; }
.software-intro .top-info .txt-group .tit-v1 { color: #23c7ff; }
.software-intro .top-info .txt-group .txt { font-size: 16px; font-weight: 400; color: #666; line-height: 24px; opacity: .8; }
.software-intro .top-info .txt-group .txt p:not(:last-child) { margin-bottom: 24px; }

.solution-group { margin-bottom: 40px; padding: 80px 0; border-radius: 8px; box-sizing: border-box; background: url('/img/img_picture2_software.png') center center no-repeat; background-size: cover; }
.solution-group .top { margin-bottom: 40px; }
.solution-group .top .tit { font-size: 28px; font-weight: 700; color: #fff; text-align: center; line-height: 40px; }

.list-solution { display: flex; justify-content: center; }
.list-solution li { width: 260px; margin: 0 12px; border-radius: 8px; box-sizing: border-box; overflow: hidden; }
.list-solution .tit { display: flex; justify-content: center; align-items: center; height: 68px; background: #23c7ff; font-size: 20px; font-weight: 700; color: #fff; text-align: center; }
.list-solution .tit-v1 { background: #007aff; }
.list-solution .tit-v2 { background: #fd843d; }
.list-solution .txt { height: calc(100% - 68px); padding: 24px 24px 24px 20px; box-sizing: border-box; background: #fff; }
.list-solution .txt p { position: relative; margin-bottom: 8px; padding-left: 8px; box-sizing: border-box; font-size: 14px; font-weight: 400; color: #000; line-height: 20px; word-break: keep-all; }
.list-solution .txt p:last-child { margin-bottom: 0; }
.list-solution .txt p:before { content: ''; display: block; position: absolute; top: 8px; left: 0; width: 2px; height: 2px; border-radius: 50%; box-sizing: border-box; background: #bebebe; }

.advantage-group { padding: 80px; border-radius: 8px; box-sizing: border-box; background: url('/img/img_picture3_software.png') center center no-repeat; background-size: cover; }
.advantage-group .top { margin-bottom: 40px; }
.advantage-group .top img { display: block; width: 186px; margin: 0 auto 12px; mix-blend-mode: multiply; }
.advantage-group .top .tit { font-size: 28px; font-weight: 400; color: #000; text-align: center; line-height: 40px; }

.list-advantage { display: flex; flex-wrap: wrap; align-items: center; margin: -10px; }
.list-advantage li { width: calc(100% / 4); padding: 10px; box-sizing: border-box; }
.list-advantage .card { display: flex; justify-content: center; align-items: center; height: 80px; border-radius: 8px; box-sizing: border-box; background: #c7e2ff; font-size: 16px; font-weight: 700; color: #000; text-align: center; }
.list-advantage li:nth-child(2) .card,
.list-advantage li:nth-child(4) .card,
.list-advantage li:nth-child(5) .card,
.list-advantage li:nth-child(7) .card { background: #fff; }

.list-field { display: flex; margin: 0 -10px; }
.list-field li { width: calc(100% / 4); padding: 0 10px; box-sizing: border-box; }
.list-field .card { height: 100%; }
.list-field .tit { display: flex; justify-content: center; align-items: center; height: 52px; border-radius: 8px 8px 0 0; box-sizing: border-box; background: #007aff; font-size: 18px; font-weight: 700; color: #fff; text-align: center; }
.list-field .txt { height: calc(100% - 52px); padding: 20px; border: 1px solid #eaeaea; border-top: none; border-radius: 0 0 8px 8px; box-sizing: border-box; background: #fff; }
.list-field .txt p { position: relative; margin-bottom: 4px; padding-left: 8px; box-sizing: border-box; font-size: 14px; font-weight: 400; color: #666; line-height: 20px; word-break: keep-all; }
.list-field .txt p:last-child { margin-bottom: 0; }
.list-field .txt p:before { content: ''; display: block; position: absolute; top: 8px; left: 0; width: 2px; height: 2px; border-radius: 50%; box-sizing: border-box; background: #ccc; }

.software-intro .btn-group-center .btn { width: 200px; }


/*모델 상세*/
.model-view .top-article { margin-bottom: 40px; }
.model-view .top-article + .list-frm2 { margin-top: -40px; }

.model-view .introduction-group *:not(:last-child) { margin-bottom: 40px; }
.model-view .introduction-group .txt { font-size: 16px; font-weight: 400; color: #000; line-height: 24px; }
.model-view .introduction-group .img { display: block; width: 100%; }

.list-item-model > li { display: flex; margin-bottom: 24px; border: 1px solid #dfdfdf; border-radius: 8px; box-sizing: border-box; }
.list-item-model > li:last-child { margin-bottom: 0; }
.list-item-model .basic-info { width: 320px; padding: 20px; border-right: 1px solid #dfdfdf; box-sizing: border-box; }
.list-item-model .basic-info .top { display: flex; justify-content: space-between; align-items: center; margin-bottom: 40px; }
.list-item-model .basic-info .top .category { display: flex; justify-content: center; align-items: center; height: 24px; padding: 0 12px; border-radius: 12px; box-sizing: border-box; background: #23c7ff; font-size: 14px; font-weight: 700; color: #fff; }
.list-item-model .basic-info .top .category-v1 { background: #007aff; }
.list-item-model .basic-info .top .num { font-size: 14px; font-weight: 400; color: #959595; text-align: right; }
.list-item-model .basic-info figure { margin: 0; }
.list-item-model .basic-info figure img { display: block; width: 100%; border-radius: 6px; box-sizing: border-box; }
.list-item-model .basic-info figure figcaption { margin-top: 20px; font-size: 18px; font-weight: 700; color: #000; line-height: 28px; }
.list-item-model .basic-info figure figcaption .tit { font-size: 16px; font-weight: 400; color: #959595; line-height: 24px; }
.list-item-model .basic-info figure figcaption .txt { margin-top: 4px; font-size: 18px; font-weight: 700; color: #000; line-height: 28px; }

.list-item-model .basic-info .tit-group .num { margin-bottom: 8px; font-size: 14px; font-weight: 400; color: #959595; line-height: 20px; }
.list-item-model .basic-info .tit-group .tit { font-size: 22px; font-weight: 700; color: #007aff; line-height: 32px; }

.list-item-model .detail-info { width: calc(100% - 320px); padding: 0 20px; box-sizing: border-box; }
.list-item-model .detail-info .tr { display: flex; padding: 20px 0; border-bottom: 1px solid #eaeaea; box-sizing: border-box; }
.list-item-model .detail-info .tr:last-child { border-bottom: none; }
.list-item-model .detail-info .th { width: 142px; font-size: 16px; font-weight: 400; color: #959595; }
.list-item-model .detail-info .td { width: calc(100% - 142px); padding-left: 16px; box-sizing: border-box; font-size: 16px; font-weight: 400; color: #000; line-height: 24px; }
.list-item-model .detail-info .td .txt-group p { position: relative; margin-bottom: 4px; padding-left: 12px; box-sizing: border-box; word-break: keep-all; }
.list-item-model .detail-info .td .txt-group p:last-child { margin-bottom: 0; }
.list-item-model .detail-info .td .txt-group p:before { content: ''; display: block; position: absolute; top: 9px; left: 0; width: 4px; height: 4px; border-radius: 50%; box-sizing: border-box; background: #000; }

.list-item-model .detail-info .td .list-board-file { margin-bottom: 0; }
.list-item-model .detail-info .td .list-board-file li { padding: 8px 16px; box-sizing: border-box; }

.list-item-model .detail-info .no-data { display: flex; flex-direction: column; justify-content: center; height: 318px; margin: 20px 0; border-radius: 8px; box-sizing: border-box; background: #f9f9f9; }
.list-item-model .detail-info .no-data .txt { color: #666; }

.list-before-after { display: flex; }
.list-before-after li { width: calc(100% / 2); margin-right: 20px; padding: 20px; border: 1px solid #dfdfdf; border-radius: 8px; box-sizing: border-box; }
.list-before-after li:last-child { margin-right: 0; }
.list-before-after .tit { font-size: 18px; font-weight: 700; color: #959595; line-height: 28px; }
.list-before-after .tit-v1 { color: #007aff; }
.list-before-after img { display: block; width: 100%; margin-top: 8px; border-radius: 6px; box-sizing: border-box; }

.model-view .video-group { margin-bottom: 40px; padding-bottom: 76px; border-bottom: 1px solid #dfdfdf; box-sizing: border-box; }

.slide-video2 { position: relative; padding: 40px 134px; border-radius: 8px; box-sizing: border-box; background: url('/img/bg_video1.png') center center no-repeat; background-size: cover; }
.slide-video2 .swiper { position: relative; }
.slide-video2 .swiper-slide { position: relative; height: 418px; border-radius: 8px; box-sizing: border-box; overflow: hidden; }
.slide-video2 .swiper-slide .img-group { position: relative; height: 100%; cursor: pointer; }
.slide-video2 .swiper-slide .img-group:before { content: ''; display: block; position: absolute; top: 0; left: 0; width: 100%; height: 100%; background: rgba(0, 0, 0, 0.05); transition: .2s all ease-out; }
.slide-video2 .swiper-slide .img-group:after { content: ''; position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%) scale(1); -webkit-transform: translate(-50%, -50%) scale(1); -moz-transform: translate(-50%, -50%) scale(1); -ms-transform: translate(-50%, -50%) scale(1); -o-transform: translate(-50%, -50%) scale(1); width: 96px; height: 96px; background: url('/img/ico_play2.svg') center center no-repeat; background-size: contain; }

.slide-video2 .slide-tool .navigation-group { display: flex; justify-content: space-between; align-items: center; position: absolute; top: calc(50% - 28px); left: 0; width: 100%; }
.slide-video2 .slide-tool .navigation-group .swiper-button-prev,
.slide-video2 .slide-tool .navigation-group .swiper-button-next { position: static; width: 56px; height: 56px; margin: 0; background: center center no-repeat rgba(0, 0, 0, 0.4); background-size: contain; transition: .2s all ease-out; }
.slide-video2 .slide-tool .navigation-group .swiper-button-prev { background-image: url('/img/ico_arrow_slide1_prev1.svg'); }
.slide-video2 .slide-tool .navigation-group .swiper-button-next { background-image: url('/img/ico_arrow_slide1_next1.svg');; }
.slide-video2 .slide-tool .navigation-group .swiper-button-prev:after,
.slide-video2 .slide-tool .navigation-group .swiper-button-next:after { display: none; }

.slide-video2 .slide-tool .pagination-group .swiper-pagination { display: flex; justify-content: center; align-items: center; left: 0; right: 0; bottom: -36px; margin: 0 auto; }
.slide-video2 .slide-tool .pagination-group .swiper-pagination-bullet { width: 12px; height: 12px; margin: 0 8px; background: #dfdfdf; opacity: 1; }
.slide-video2 .slide-tool .pagination-group .swiper-pagination-bullet-active { background: #23c7ff; }


/*모델 인트로*/
.model-intro .top-article { margin-bottom: 40px; }
.model-intro #article3 .top-article { margin-bottom: 0; }
.model-intro .slide-tab { position: sticky; top: 100px; z-index: 11; margin: 0; padding: 16px 0; box-sizing: border-box; background: #fff; transition: .2s all ease-out; }

.model-intro .top-guide { display: flex; justify-content: space-between; align-items: center; margin: 24px 0 60px; padding: 56px 48px; border: 1px solid #dfdfdf; border-radius: 8px; box-sizing: border-box; }
.model-intro .top-guide .txt-group .txt { margin-bottom: 24px; font-size: 24px; font-weight: 700; color: #000; line-height: 36px; }
.model-intro .top-guide .txt-group .btn-custom { width: 200px; height: 48px; }
.model-intro .top-guide .txt-group .btn-custom img { margin-right: 4px; }
.model-intro .top-guide > img { display: block; zoom: 0.5; }

.model-intro .introduction-group *:not(:last-child) { margin-bottom: 40px; }
.model-intro .introduction-group .txt { font-size: 16px; font-weight: 400; color: #000; line-height: 24px; }
.model-intro .introduction-group .img { display: block; width: 100%; }

.model-intro .slide-product { margin-top: 40px; }
.model-intro .top-frm .tit .dot { display: inline-block; width: 6px; height: 6px; margin: 0 13px 0 9px; border-radius: 50%; box-sizing: border-box; background: #23c7ff; vertical-align: 4px; }
.model-intro .guide-group2 { margin: 16px 0 0; }

.simulation-group { display: flex; align-items: center; height: 388px; }
.simulation-group .video-group { position: relative; width: 668px; height: 100%; margin-right: 20px; border-radius: 8px; box-sizing: border-box; overflow: hidden; }
.simulation-group .video-group video { width: 100%; height: 100%; object-fit: fill; }

.simulation-group .thumb-group { position: relative; width: calc(100% - 688px); height: 100%; }
.simulation-group .thumb-group .slide-tool .pagination-group .swiper-pagination { display: flex; justify-content: center; align-items: center; position: static; }
.simulation-group .thumb-group .slide-tool .pagination-group .swiper-pagination-bullet { width: 12px; height: 12px; margin: 0 8px; background: #dfdfdf; opacity: 1; }
.simulation-group .thumb-group .slide-tool .pagination-group .swiper-pagination-bullet-active { background: #23c7ff; }

.slide-simulation-thumbs { height: 100%; padding: 24px 0; box-sizing: border-box; background: #f9f9f9; }
.slide-simulation-thumbs .swiper { max-height: 100%; }
.slide-simulation-thumbs .swiper-slide { position: relative; width: 162px; height: 92px; margin: 0 auto; border-radius: 8px; box-sizing: border-box; overflow: hidden; cursor: pointer; }
.slide-simulation-thumbs .swiper-slide .img-group { display: block; position: relative; height: 100%; }
.slide-simulation-thumbs .swiper-slide .img-group:before { content: ''; position: absolute; width: 100%; height: 100%; background: rgba(0, 0, 0, 0.5); }
.slide-simulation-thumbs .swiper-slide .img-group:after { content: attr(data-num); position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%) scale(1); -webkit-transform: translate(-50%, -50%) scale(1); -moz-transform: translate(-50%, -50%) scale(1); -ms-transform: translate(-50%, -50%) scale(1); -o-transform: translate(-50%, -50%) scale(1); padding-bottom: 4px; border-bottom: 2px solid transparent; box-sizing: border-box; font-size: 18px; font-weight: 700; color: #fff; text-align: center; }

.slide-simulation-thumbs .swiper-slide.on:after { content: ''; display: block; position: absolute; top: 0; left: 0; width: 100%; height: 100%; border: 2px solid #23c7ff; border-radius: 8px; box-sizing: border-box; transition: .2s all ease-out; }
.slide-simulation-thumbs .swiper-slide.on .img-group:after { border-color: #fff; }

.slide-simulation-thumbs .swiper-scrollbar { background: none; }
.slide-simulation-thumbs .swiper-scrollbar-drag { background: #bebebe; }

/*model-intro_bak.html*/
.slide-group-gallery2 { display: flex; align-items: center; height: 388px; }
.slide-group-gallery2 .slide-tool .pagination-group .swiper-pagination { display: flex; justify-content: center; align-items: center; left: 0; right: 0; bottom: 16px; margin: 0 auto; }
.slide-group-gallery2 .slide-tool .pagination-group .swiper-pagination-bullet { width: 12px; height: 12px; margin: 0 8px; background: #dfdfdf; opacity: 1; }
.slide-group-gallery2 .slide-tool .pagination-group .swiper-pagination-bullet-active { background: #23c7ff; }

.slide-gallery2 { position: relative; width: 668px; height: 100%; margin-right: 20px; }
.slide-gallery2 .swiper { width: 100%; height: 100%; }
.slide-gallery2 .swiper-slide { border-radius: 8px; box-sizing: border-box; overflow: hidden; }
.slide-gallery2 .swiper-slide .video-group { height: 100%; cursor: pointer; }
.slide-gallery2 .swiper-slide .video-group:before { content: ''; position: absolute; width: 100%; height: 100%; background: rgba(0, 0, 0, 0.5); }
.slide-gallery2 .swiper-slide .video-group:after { content: ''; position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%) scale(1); -webkit-transform: translate(-50%, -50%) scale(1); -moz-transform: translate(-50%, -50%) scale(1); -ms-transform: translate(-50%, -50%) scale(1); -o-transform: translate(-50%, -50%) scale(1); width: 96px; height: 96px; background: url('/img/ico_play1.svg') center center no-repeat; background-size: contain; }

.slide-gallery2-thumbs { width: calc(100% - 688px); height: 100%; padding: 24px 0; border-radius: 8px; box-sizing: border-box; background: #f9f9f9; }
.slide-gallery2-thumbs .swiper { height: 100%; }
.slide-gallery2-thumbs .swiper-slide { position: relative; width: 162px; height: 92px; margin: 0 auto; border-radius: 8px; box-sizing: border-box; overflow: hidden; cursor: pointer; }
.slide-gallery2-thumbs .swiper-slide:after { content: ''; display: block; position: absolute; top: 0; left: 0; width: 100%; height: 100%; border: 2px solid transparent; border-radius: 8px; box-sizing: border-box; transition: .2s all ease-out; }
.slide-gallery2-thumbs .swiper-slide-thumb-active:after { border-color: #23c7ff; }
.slide-gallery2-thumbs .swiper-slide .img-group { position: relative; height: 100%; }
.slide-gallery2-thumbs .swiper-slide .img-group:before { content: ''; position: absolute; width: 100%; height: 100%; background: rgba(0, 0, 0, 0.5); }
.slide-gallery2-thumbs .swiper-slide .img-group:after { content: attr(data-num); position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%) scale(1); -webkit-transform: translate(-50%, -50%) scale(1); -moz-transform: translate(-50%, -50%) scale(1); -ms-transform: translate(-50%, -50%) scale(1); -o-transform: translate(-50%, -50%) scale(1); padding-bottom: 4px; border-bottom: 2px solid transparent; box-sizing: border-box; font-size: 18px; font-weight: 700; color: #fff; text-align: center; }
.slide-gallery2-thumbs .swiper-slide-thumb-active .img-group:after { border-color: #fff; }
.slide-gallery2-thumbs .swiper-scrollbar { background: none; }
.slide-gallery2-thumbs .swiper-scrollbar-drag { background: #bebebe; }

.list-item2 li { height: 224px; margin-bottom: 16px; border: 1px solid #dfdfdf; border-radius: 8px; box-sizing: border-box; overflow: hidden; transition: .2s all ease-out; }
.list-item2 .item-group { display: flex; padding: 12px; box-sizing: border-box; }
.list-item2 .img-group { width: 316px; height: 200px; margin-right: 32px; border: 1px solid #dfdfdf; border-radius: 6px; box-sizing: border-box; overflow: hidden; }
.list-item2 .item-info { width: calc(100% - 348px); padding: 14px 0; box-sizing: border-box; }
.list-item2 .item-info .item-name { padding-bottom: 16px; border-bottom: 1px solid #eaeaea; box-sizing: border-box; font-size: 20px; font-weight: 700; color: #000; line-height: 28px; }
.list-item2 .item-info .item-name .eng { display: block; margin-top: 4px; font-size: 12px; font-weight: 400; color: #666; line-height: 16px; }
.list-item2 .item-info .item-data { margin-top: 16px; }
.list-item2 .item-info .item-data .txt-group { display: flex; margin-bottom: 4px; }
.list-item2 .item-info .item-data .txt-group:last-child { margin-bottom: 0; }
.list-item2 .item-info .item-data .txt-group .tit { width: 80px; font-size: 14px; font-weight: 400; color: #999; line-height: 20px; }
.list-item2 .item-info .item-data .txt-group .txt { width: calc(100% - 80px); font-size: 14px; font-weight: 400; color: #000; line-height: 20px; }


/*지원기관 안내*/
.chart-group { margin: 20px 0 80px; }
.chart-group img { display: block; width: 600px; max-width: 100%; margin: 0 auto; }

.list-support li { margin-bottom: 40px; padding: 32px; border: 1px solid #dfdfdf; border-radius: 20px; box-sizing: border-box; }
.list-support li:last-child { margin-bottom: 0; }
.list-support .support-name { display: flex; align-items: center; margin-bottom: 24px; font-size: 20px; font-weight: 700; color: #000; line-height: 28px; }
.list-support .support-name .num { display: flex; justify-content: center; align-items: center; width: 28px; height: 28px; margin-right: 10px; border-radius: 50%; box-sizing: border-box; background: #0e1727; font-size: 16px; font-weight: 500; color: #fff; text-align: center; }
.list-support .support-feature { display: flex; }
.list-support .support-feature .box { width: 100%; margin-right: 20px; padding: 28px 24px; border-radius: 16px; box-sizing: border-box; background: #f9f9f9; }
.list-support .support-feature .box:last-child { margin-right: 0; }
.list-support .support-feature .tit { margin-bottom: 16px; font-size: 14px; font-weight: 500; color: #666; line-height: 20px; }
.list-support .support-feature .txt-group p { position: relative; margin-bottom: 8px; padding-left: 12px; box-sizing: border-box; font-size: 16px; font-weight: 500; color: #000; line-height: 24px; }
.list-support .support-feature .txt-group p:last-child { margin-bottom: 0; }
.list-support .support-feature .txt-group p:before { content: ''; display: block; position: absolute; top: 9px; left: 0; width: 4px; height: 4px; border-radius: 50%; box-sizing: border-box; background: #000; }


/*기술지원 컨설팅*/
.consulting-info { display: flex; justify-content: space-between; align-items: center; margin-bottom: 60px; padding: 32px 48px; border: 1px solid #dfdfdf; border-radius: 8px; box-sizing: border-box; }
.consulting-info .txt-group { margin-right: 100px; }
.consulting-info .txt-group .tit { margin-bottom: 16px; font-size: 28px; font-weight: 700; color: #000; line-height: 40px; }
.consulting-info .txt-group .tit span { color: #23c7ff; }
.consulting-info .txt-group .txt { font-size: 16px; font-weight: 400; color: #333; line-height: 24px; word-break: break-all; }
.consulting-info img { display: block; zoom: 0.5; }

.consulting .table-container .table-group:not(:last-child) { margin-bottom: 40px; }

.list-consulting { display: flex; padding: 56px 48px; border-radius: 8px; box-sizing: border-box; background: #f9f9f9; }
.list-consulting li { display: flex; flex-direction: column; width: 100%; margin-right: 20px; padding: 32px; border-radius: 8px; box-sizing: border-box; background: linear-gradient(to bottom, #0a5bd6 22%, #23c7ff 100%); }
.list-consulting li:nth-child(even) { background: linear-gradient(to bottom, #23c7ff 22%, #0a5bd6 100%); }
.list-consulting .top { display: flex; align-items: center; margin-bottom: 24px; }
.list-consulting .top .num { display: flex; justify-content: center; align-items: center; width: 28px; height: 28px; margin-right: 8px; border-radius: 50%; box-sizing: border-box; background: #fff; font-size: 16px; font-weight: 700; color: #007aff; text-align: center; }
.list-consulting .top .num-v1 { color: #23c7ff; }
.list-consulting .top .tit { width: calc(100% - 36px); font-size: 18px; font-weight: 700; color: #fff; line-height: 28px; }
.list-consulting .box { height: 100%; margin-bottom: 8px; padding: 20px 16px; border-radius: 8px; box-sizing: border-box; background: #fff; }
.list-consulting .box:last-child { margin-bottom: 0; }
.list-consulting .box .tit { margin-bottom: 8px; font-size: 16px; font-weight: 700; color: #000; line-height: 24px; word-break: break-all; }
.list-consulting .box .txt p { position: relative; margin-bottom: 4px; padding-left: 8px; box-sizing: border-box; font-size: 14px; font-weight: 400; color: #666; line-height: 20px; }
.list-consulting .box .txt p:last-child { margin-bottom: 0; }
.list-consulting .box .txt p:before { content: ''; display: block; position: absolute; top: 9px; left: 0; width: 2px; height: 2px; border-radius: 50%; box-sizing: border-box; background: #ccc; }


/*DX기반구축 사업 소개*/
.biz-overview .bg { display: block; width: 100%; border-radius: 8px; box-sizing: border-box; }
.biz-overview .top-info { position: relative; max-width: calc(100% - 80px); margin: -112px auto 80px; padding: 64px 30px 0; border-radius: 8px; box-sizing: border-box; background: #fff; }
.biz-overview .top-info .tit { font-size: 28px; font-weight: 700; color: #000; text-align: center; line-height: 40px; }
.biz-overview .top-info .txt { font-size: 16px; font-weight: 400; color: #333; text-align: center; line-height: 24px; }
.biz-overview .top-info .txt:before { content: ''; display: block; margin: 48px auto; width: 50px; height: 1px; border-bottom: 1px solid #dfdfdf; box-sizing: border-box; transform: rotate(-225deg); }

.biz-process { padding: 64px 28px; border-radius: 16px; box-sizing: border-box; background: url('/img/img_picture1_process.png') center center no-repeat; background-size: cover; }
.biz-process .top { margin-bottom: 40px; }
.biz-process .top .tit { font-size: 24px; font-weight: 700; color: #000; text-align: center; line-height: 36px; }

.list-process-biz { display: flex; justify-content: center; align-items: center; height: 354px; background: url('/img/img_arrow1.svg') center center no-repeat; }
.list-process-biz li { display: flex; flex-direction: column; width: 220px; height: 220px; margin: 0 -10px; padding-top: 32px; border-radius: 50%; box-sizing: border-box; background: #007aff; }
.list-process-biz .num { display: flex; justify-content: center; align-items: center; width: 20px; height: 20px; margin: 0 auto 16px; border-radius: 50%; box-sizing: border-box; background: #fff; font-size: 12px; font-weight: 500; color: #007aff; text-align: center; }
.list-process-biz .tit { margin-bottom: 4px; font-size: 16px; font-weight: 700; color: #fff; text-align: center; line-height: 24px; }
.list-process-biz .txt { font-size: 14px; font-weight: 400; color: #eaeaea; text-align: center; line-height: 20px; }

.biz-support { margin-bottom: 40px; font-size: 16px; font-weight: 400; color: #333; line-height: 24px; word-break: break-all; }
.biz-support strong { color: #000; }

.support-chart { margin-bottom: 40px; padding: 56px 50px; border: 1px solid #dfdfdf; border-radius: 16px; box-sizing: border-box; }
.support-chart .tit { margin-bottom: 24px; padding: 14px 70px; border: 10px solid rgba(255, 255, 255, 0.1); border-radius: 160px; box-sizing: border-box; background: #007aff; font-size: 20px; font-weight: 400; color: #fff; text-align: center; line-height: 28px; }
.support-chart .tit br { display: none; }
.support-chart .txt { width: 570px; height: 194px; margin: 0 auto -50px; padding-top: 70px; box-sizing: border-box; background: url('/img/img_arrow2.svg') center center no-repeat; font-size: 20px; font-weight: 700; color: #007aff; text-align: center; }

.list-feature-support { display: flex; justify-content: center; align-items: center; }
.list-feature-support li { display: flex; justify-content: center; align-items: center; width: 160px; height: 160px; margin: 0 -8px; border: 1px solid #dfdfdf; border-radius: 50%; box-sizing: border-box; font-size: 14px; font-weight: 500; color: #333; text-align: center; line-height: 20px; }

.list-feature-biz { display: flex; flex-wrap: wrap; margin: -10px; }
.list-feature-biz li { width: calc(100% / 2); padding: 10px; box-sizing: border-box; }
.list-feature-biz .card { display: flex; flex-direction: column; height: 100%; min-height: 496px; padding: 32px; border-radius: 16px; box-sizing: border-box; background: #f4f8ff; }
.list-feature-biz .tit-group { display: flex; align-items: center; margin-bottom: 24px; }
.list-feature-biz .tit-group .ico { margin-right: 10px; }
.list-feature-biz .tit-group .tit { width: calc(100% - 42px); font-size: 20px; font-weight: 700; color: #000; line-height: 28px; }
.list-feature-biz .txt-group .tit { margin-bottom: 8px; font-size: 16px; font-weight: 500; color: #000; line-height: 24px; }
.list-feature-biz .txt-group .txt p { position: relative; margin-bottom: 4px; padding-left: 8px; box-sizing: border-box; font-size: 14px; font-weight: 400; color: #666; line-height: 20px; }
.list-feature-biz .txt-group .txt p:last-child { margin-bottom: 0; }
.list-feature-biz .txt-group .txt p:before { content: ''; display: block; position: absolute; top: 10px; left: 0; width: 2px; height: 2px; border-radius: 50%; box-sizing: border-box; background: #ccc; }
.list-feature-biz .img { display: block; width: 100%; margin-top: auto; }
.list-feature-biz .tag-group { display: flex; flex-wrap: wrap; align-items: center; margin-top: 20px; margin-bottom: -4px; }
.list-feature-biz .tag-group div { display: flex; align-items: center; height: 28px; margin-right: 4px; margin-bottom: 4px; padding: 0 12px; border-radius: 4px; box-sizing: border-box; background: #007aff; font-size: 14px; font-weight: 500; color: #fff; }

.list-effect { display: flex; margin: 0 -10px; }
.list-effect li { width: calc(100% / 3); padding: 0 10px; box-sizing: border-box; }
.list-effect li:last-child { margin-right: 0; }
.list-effect .card { height: 100%; border: 1px solid #dfdfdf; border-radius: 8px; box-sizing: border-box; }
.list-effect .tit { display: flex; align-items: center; height: 56px; padding: 0 24px; border-radius: 8px 8px 0 0; box-sizing: border-box; background: #007aff; font-size: 16px; font-weight: 700; color: #fff; text-align: center; }
.list-effect li:nth-child(even) .tit { background: #23c7ff; }
.list-effect .txt-group { height: calc(100% - 56px); padding: 20px; box-sizing: border-box; }
.list-effect .txt-group .img { display: block; width: 100%; margin-bottom: 20px; border-radius: 4px; box-sizing: border-box; }
.list-effect .txt-group .txt p { position: relative; margin-bottom: 8px; padding-left: 10px; box-sizing: border-box; font-size: 16px; font-weight: 500; color: #000; line-height: 24px; word-break: keep-all; }
.list-effect .txt-group .txt p:last-child { margin-bottom: 0; }
.list-effect .txt-group .txt p:before { content: ''; display: block; position: absolute; top: 9px; left: 0; width: 4px; height: 4px; border-radius: 50%; box-sizing: border-box; background: #000; }
.list-effect .txt-group .txt p span { display: block; margin-top: 4px; font-size: 14px; font-weight: 400; color: #666; line-height: 20px; }


/*DX표준공정모델 소개*/
.model-overview .top-info { margin-bottom: 40px; }
.model-overview .top-info .txt { font-size: 16px; font-weight: 400; color: #333; line-height: 24px; word-break: break-all; }

.dx-model-info { display: flex; justify-content: center; align-items: center; padding: 60px 32px; border: 1px solid #eaeaea; border-radius: 12px; box-sizing: border-box; }
.dx-model-info img { display: block; width: 323px; margin: 54px 32px 0; }
.dx-model-info .box { position: relative; width: 268px; height: 238px; border: 2px solid #007aff; border-radius: 16px; box-sizing: border-box; background: #fff; }
.dx-model-info .box:after { content: ''; display: block; position: absolute; top: calc(50% - 113px); right: -45px; z-index: -1; width: 46px; height: 227px; background: url('/img/img_gradation1.svg') center center no-repeat; }
.dx-model-info .box .inner { padding: 32px 24px 30px; box-sizing: border-box; }
.dx-model-info .num { display: flex; justify-content: center; align-items: center; margin-bottom: 16px; width: 32px; height: 32px; border-radius: 50%; box-sizing: border-box; background: #007aff; font-size: 16px; font-weight: 700; color: #fff; text-align: center; }
.dx-model-info .tit { font-size: 18px; font-weight: 700; color: #000; line-height: 28px; }
.dx-model-info .tit span { color: #007aff; }
.dx-model-info .txt { margin-top: 12px; font-size: 12px ;font-weight: 400; color: #959595; line-height: 16px; }

.dx-model-info .box-v1 { border-color: #23c7ff; }
.dx-model-info .box-v1:after { content: ''; display: block; position: absolute; top: calc(50% - 113px); left: -45px; width: 46px; height: 227px; background-image: url('/img/img_gradation2.svg'); }
.dx-model-info .box-v1 .num { background: #23c7ff; }
.dx-model-info .box-v1 .tit span { color: #23c7ff; }

.model-needs { position: relative; margin-bottom: 84px; }
.model-needs .inner { display: flex; flex-wrap: wrap; align-items: center; position: relative; z-index: 1; margin: -6px; }
.model-needs .card { width: calc(100% / 2); padding: 6px; box-sizing: border-box; }
.model-needs .box { height: 326px; border-radius: 12px; box-sizing: border-box; overflow: hidden; }
.model-needs .box .tit { display: flex; justify-content: center; align-items: center; height: 52px; background: #1f3c6d; font-size: 20px; font-weight: 700; color: #fff; text-align: center; }
.model-needs .box img { display: block; width: 100%; height: calc(100% - 52px); }
.model-needs .circle { display: flex; flex-direction: column; justify-content: center; align-items: center; position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%) scale(1); -webkit-transform: translate(-50%, -50%) scale(1); -moz-transform: translate(-50%, -50%) scale(1); -ms-transform: translate(-50%, -50%) scale(1); -o-transform: translate(-50%, -50%) scale(1); width: 210px; height: 210px; outline: 17px solid rgba(0, 122, 255, 0.2); border-radius: 50%; box-sizing: border-box; background: #007aff; }
.model-needs .circle:before { content: ''; display: block; position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%) scale(1); -webkit-transform: translate(-50%, -50%) scale(1); -moz-transform: translate(-50%, -50%) scale(1); -ms-transform: translate(-50%, -50%) scale(1); -o-transform: translate(-50%, -50%) scale(1); width: 100%; width: 284px; height: 284px; border-radius: 50%; box-sizing: border-box; background: rgba(0, 122, 255, 0.1); }
.model-needs .circle .tit { font-size: 24px; font-weight: 700; color: #34f1ff; text-align: center; line-height: 32px; }
.model-needs .circle .txt { font-size: 14px; font-weight: 700; color: #fff; text-align: center; line-height: 20px; }
.model-needs .circle .txt:before { content: ''; display: block; width: 145px; height: 1px; margin: 10px 0; background: rgba(255, 255, 255, 0.2); }
.model-needs .img-arrow { position: absolute; left: 0; right: 0; bottom: -72px; width: 570px; height: 194px; margin: 0 auto; background: url('/img/img_arrow3.svg') center center no-repeat; }

.model-build .top { margin-bottom: 40px; }
.model-build .top .tit { margin-bottom: 8px; font-size: 40px; font-weight: 700; color: #000; text-align: center; line-height: 56px; }
.model-build .top .tit span { color: #007aff; }
.model-build .top .txt { font-size: 22px; font-weight: 400; color: #000; text-align: center; line-height: 32px; }
.model-build .top .txt strong { color: #007aff; }

.model-build .box { border: 1px solid #eaeaea; border-radius: 12px; box-sizing: border-box; overflow: hidden; }
.model-build .box .tit { display: flex; justify-content: center; align-items: center; height: 52px; background: #1f3c6d; font-size: 20px; font-weight: 700; color: #fff; text-align: center; }
.model-build .inner { display: flex; align-items: center; flex-wrap: wrap; padding: 32px 0; box-sizing: border-box; }
.model-build .img-group { width: 50%; padding: 0 32px; border-right: 1px solid #eaeaea; box-sizing: border-box; }
.model-build .img-group:last-child { border: none; }
.model-build .img-group img { display: block; width: 100%;; }


@media only screen and (max-width: 1324px) {
	/*member page*/
	
	/*로그인*/
	.login .container { padding-bottom: 0; }
	.login .wrap { padding: 0; }
	.login .wrap > .box { width: 100%; padding: 56px 20px 150px; border: none; box-sizing: border-box; }
	.login .top-page .tit { font-size: 20px; line-height: 28px; }

	/*아이디 및 비밀번호 찾기*/
	.find { background: #fff; }
	.find .container { padding-bottom: 0; }
	.find .wrap { padding-top: 50px; box-sizing: border-box; }
	.find .wrap > .box { width: 100%; padding: 30px 20px 150px; box-sizing: border-box; }
	.find .wrap > .box .inner { padding: 0; }
	.find .top-page .tit { font-size: 28px; line-height: 40px; }
	.find .tab-menu { margin-bottom: 40px; }
	.frm-group-find .btn-custom { height: 48px; margin-top: 48px; font-weight: 500; }
	
	.find .list-frm .th,
	.find .list-frm .td { width: 100%; }
	
	/*회원가입 인트로*/
	.sign-intro .container { padding-bottom: 0; }
	.sign-intro .wrap { padding-top: 50px; box-sizing: border-box; }
	.sign-intro .wrap > .box { padding: 48px 20px 80px; box-sizing: border-box; }
	.sign-intro .top-page { margin-bottom: 24px; }
	.sign-intro .top-page .txt { margin-top: 4px; font-size: 14px; line-height: 20px; }
	.sign-intro .btn-group-center { margin-top: 48px; }
	.sign-intro .btn-group-center .btn2 { height: 48px; font-size: 16px; font-weight: 500; }
	
	.list-sign-type { display: block; margin: 0; }
	.list-sign-type li { width: 100%; height: auto; margin: 0 0 8px; }
	.list-sign-type li:last-child { margin-bottom: 0; }
	.list-sign-type .ico { width: 72px; height: 72px; margin-bottom: 12px; background-size: contain; }
	.list-sign-type .tit-group .tit { margin-bottom: 4px; font-size: 18px; }
	.list-sign-type .ck-custom-type + label { padding: 24px 24px 32px; box-sizing: border-box; }
	.list-sign-type .tip-group { top: 12px; right: 12px; }
	.list-sign-type .tip-group .btn-tip { width: 28px; height: 28px; background-size: contain; }
	.list-sign-type .tip-group .bubble { top: calc(50% - 44px); left: auto; right: 38px; }
	.list-sign-type .tip-group .bubble:before { top: calc(50% - 2.5px); left: auto; right: -6px; transform: rotate(90deg);}

	/*회원가입*/
	.sign .container { padding-bottom: 0; }
	.sign .wrap { padding-top: 50px; box-sizing: border-box; }
	.sign .wrap > .box { padding: 40px 20px 80px; box-sizing: border-box; }
	.sign .top-page { margin-bottom: 24px; }
	.sign .btn-group-center { margin-top: 48px; }
	.sign .btn-group-center .btn2 { height: 48px; font-size: 16px; font-weight: 500; }
	
	.step-group { margin-bottom: 32px; }
	.step-group > li { margin-right: 40px; }
	.step-group > li:not(:last-child):after { top: 24px; right: -40px; width: 24px; }
	.step-group > li .ico { width: 48px; height: 48px; }
	.step-group > li .tit { margin-top: 4px; font-size: 14px; line-height: 20px; }
	
	/*회원가입 이용약관*/
	.policy-group .tit { margin-bottom: 12px; font-size: 14px; }
	.policy-group .box { margin-bottom: 20px; }
	.policy-group .policy-content { padding: 20px 16px; box-sizing: border-box; }
	.policy-group .policy-content .tbl { margin-bottom: 12px; }
	.policy-group .policy-content .txt { font-size: 14px; }
	
	.policy-group .ck-custom + label .label { font-size: 14px; line-height: 20px; }
	
	/*회원가입 완료*/
	.sign-complete .container { padding-bottom: 0; }
	.sign-complete .wrap { padding-top: 50px; box-sizing: border-box; }
	.sign-complete .wrap > .box { padding: 48px 0 80px; box-sizing: border-box; }
	.sign-complete .top-page { margin-bottom: 24px; }
	.sign-complete .top-page .txt { margin-top: 4px; font-size: 14px; line-height: 20px; }
	.sign-complete .result-message { margin: 0 20px; }
	.sign-complete .btn-group-center { margin-top: 48px; }
	.sign-complete .btn-group-center .btn2 { height: 48px; font-size: 16px; font-weight: 500; }
	
	.sign-complete-v1 { background: #fff; }
	.sign-complete-v1 .container { padding-bottom: 80px; box-sizing: border-box; }

	/*개인정보처리방침 및 이용약관*/
	.policy { padding: 40px 20px; box-sizing: border-box; }
	.policy .top-page { margin-bottom: 24px; }
	.policy .policy-noti { padding: 20px; box-sizing: border-box; font-size: 14px;  line-height: 20px; }
	.policy .policy-noti br { display: none; }
	.policy .policy-content .box { padding: 16px; box-sizing: border-box; }
	.policy .policy-content .tit { margin-bottom: 12px; font-size: 16px; line-height: 24px; }
	.policy .policy-content .txt { margin-bottom: 12px; font-size: 14px; line-height: 20px; }
	
	/*mypage*/
	
	/*마이 홈*/
	.dashboard-group .dashboard-info { text-align: left; }
	
	.list-dashboard { flex-wrap: wrap; margin: -6px -6px 40px; }
	.list-dashboard li { width: calc(100% / 2); padding: 6px; box-sizing: border-box; }
	.list-dashboard .card { height: 100px; }
	.list-dashboard .tit { margin-bottom: 4px; font-size: 12px; line-height: 16px; }
	.list-dashboard .num strong { font-size: 28px; line-height: 40px; }
	
	/*마이페이지 > 회원정보 수정*/
	.frm-mypage-pw { padding: 60px 20px; box-sizing: border-box; }
	.frm-mypage-pw .ico { margin-bottom: 48px; }
	.frm-mypage-pw .tit-frm { margin-bottom: 24px; font-size: 18px; line-height: 28px; }
	.frm-mypage-pw .tit-frm br { display: none; }
	.frm-mypage-pw .inp-frm { width: 100%; height: 40px; margin-bottom: 8px; }
	.frm-mypage-pw .btn-custom { width: 100%; font-size: 14px; }
	
	/*sub page*/
	
	/*세미나 교육정보*/
	.frm-group-policy { margin-top: 24px; }
	.frm-group-policy .tit-frm { margin-bottom: 12px; font-size: 18px; }
	.frm-group-policy .inp-group-policy { height: 248px; margin-bottom: 16px; padding: 20px 16px; box-sizing: border-box; }
	.frm-group-policy .inp-group-policy .txt-group .tit { font-size: 14px; line-height: 20px; }
	.frm-group-policy .inp-group-policy .txt-group .tit:before { top: 8px; }
	.frm-group-policy .inp-group-policy .txt-group .txt { font-size: 12px; line-height: 16px; }
	.frm-group-policy .ck-custom + label .custom { margin-right: 4px; }
	.frm-group-policy .ck-custom + label .label { font-size: 14px; line-height: 20px; }
	
	/*통합검색*/
	.search .wrap { padding: 40px 20px; box-sizing: border-box; }
	.search .top-page { padding: 60px 20px; box-sizing: border-box; background-position-x: 15%; }
	.search .top-page .tit { margin-bottom: 24px; font-size: 28px; line-height: 40px; }
	.search .inp-group-search { margin-bottom: 20px; }
	.search .box { padding: 40px 20px; box-sizing: border-box; }
	
	.keyword-group { margin: -4px; }
	.keyword-group a { height: 32px; margin: 4px; padding: 0 12px; box-sizing: border-box; font-size: 14px; }
	
	.list-search-result a { padding: 20px 0; box-sizing: border-box; }
	.list-search-result .category { margin-bottom: 12px; font-size: 12px; line-height: 16px; }
	.list-search-result .tit { font-size: 18px; line-height: 28px; }
	.list-search-result .txt { max-height: 40px; margin-top: 4px; font-size: 14px; line-height: 20px; }
	.list-search-result .date { margin-top: 20px; font-size: 12px; line-height: 16px; }
	
	.search .no-data img { width: 88px; margin-bottom: 12px; }
	
	/*기업홍보 > 홍보 이미지/영상 등록*/
	.list-sortable { display: none; }
	.list-sortable.js-sortable { display: block; }
	
	.list-sortable li { flex-wrap: wrap; padding: 24px 0; box-sizing: border-box; }
	.list-sortable .td { min-height: auto; padding: 0; }
	.list-sortable .ico-move { width: 100%; height: 24px; margin-right: 0; border: none; border-radius: 2px; box-sizing: border-box; background-color: #f5f5f5; }
	.list-sortable .tit { display: none; }
	.list-sortable .img-group { border-radius: 4px; box-sizing: border-box; }
	.list-sortable .img-group .img { height: 72px; }
	.list-sortable .select-custom { width: 100%; }
	.list-sortable .btn-group-s { display: block; max-width: 128px; margin: 0 auto; }
	.list-sortable .btn-group-s .btn { margin-right: 0; margin-bottom: 8px; }
	.list-sortable .btn-group-s .btn:last-child { margin-bottom: 0; }
	
	.list-sortable .t-type { order: 4; width: 100%; margin-top: 16px; }
	.list-sortable .t-content { order: 1; width: 50%; }
	.list-sortable .t-select { order: 3; width: 100%; margin-top: 16px; }
	.list-sortable .t-btn { order: 2; display: block; width: 50%; }
	
	/*기업홍보 > 노출설정*/
	.guide-group-biz { margin-bottom: 40px; }
	.guide-group-biz .tit-group .tit { font-size: 24px; line-height: 36px; }
	.guide-group-biz .tit-group .txt { margin-top: 16px; font-size: 14px; line-height: 20px; }
	
	/*FAQ*/
	.list-faq .fold { padding: 60px 48px 20px 0; box-sizing: border-box; background-position: right center; }
	.list-faq .fold .tit-group:before { top: 20px; left: 0; }
	.list-faq .fold .tit-group .tit { font-size: 18px; }
	
	.list-faq .unfold .txt-group { padding: 20px; box-sizing: border-box; }
	.list-faq .unfold .txt-group .txt { font-size: 14px; line-height: 20px; }
	.list-faq .unfold .txt-group .txt2 { font-size: 14px; line-height: 20px; }
	
	/*오시는 길*/
	.location .tab-menu2 { margin-bottom: 40px; }
	.location .article-group:not(:last-child) { margin-bottom: 40px; }
	
	.map-group { height: 400px; margin: 0 -20px 24px; }
	
	.list-map-info { display: block; padding: 20px; box-sizing: border-box; }
	.list-map-info li { margin-right: 0; margin-bottom: 16px; }
	.list-map-info li:last-child { margin-bottom: 0; }
	
	.list-map-info .txt-group { display: block; }
	.list-map-info .txt-group .tit { margin-right: 0; margin-bottom: 4px; font-size: 16px; line-height: 24px; }
	.list-map-info .txt-group .tit .ico { width: 20px; margin-right: 4px; }
	.list-map-info .txt-group .txt { font-size: 16px; line-height: 24px; }
	
	.list-location-info li:first-child { padding-top: 24px; box-sizing: border-box; }
	.list-location-info .img-group { display: block; width: auto; height: auto; margin-right: 20px; border-radius: 0; background: none; }
	.list-location-info .img-group img { width: 40px; }
	
	.list-location-info .location-guide { width: calc(100% - 60px); margin-top: 0; }
	.list-location-info .location-guide .txt-group:not(:last-child) { margin-bottom: 16px; }
	.list-location-info .location-guide .txt-group .tit { font-size: 16px; line-height: 24px; }
	.list-location-info .location-guide .txt-group .txt { font-size: 14px; line-height: 20px; }
	
	.list-location-info li.v1 { align-items: flex-start; }
	.list-location-info li.v1:first-child .txt-group { padding-top: 8px; box-sizing: border-box; }
	.list-location-info li.v1 .txt-group .txt { margin-bottom: 8px; }
	
	/*마이페이지 > 기업홍보 문의내역*/
	.mypage-inquiry-list .tab-menu-group { margin-bottom: 12px; }
	
	/*교육 동영상 상세*/
	.slide-video { margin: 40px -20px; }
	.slide-video .swiper { padding: 0 20px; box-sizing: border-box; }
	.slide-video .swiper-slide { width: 284px; height: 180px; }
	.slide-video .swiper-slide-active .tit { font-size: 18px; }
	
	.slide-video .slide-tool .navigation-group { display: none; }

	/*예약하기*/
	.item-list .top-page { margin-bottom: 24px; }
	.item-list .top-page .tit { font-size: 28px; line-height: 40px; }
	
	.list-item li { display: block; height: auto; border-radius: 16px; box-sizing: border-box; }
	.list-item .card { display: block; }
	.list-item .item-group { display: block; width: 100%; padding: 20px; box-sizing: border-box; }
	.list-item .img-group { width: 100%; height: 49.444vw; margin-right: 0; margin-bottom: 24px; }
	.list-item .item-info { width: 100%; }
	.list-item .item-info .item-name { font-size: 18px; }
	.list-item .item-info .item-desc { height: 40px; font-size: 14px; line-height: 20px; }
	.list-item .item-info .item-data { margin-top: 12px; }
	.list-item .item-info .item-data .txt { flex-wrap: wrap; }
	.list-item .item-info .item-state { flex-wrap: wrap; }
	.list-item .item-info .item-data .txt p { margin-right: 9px; }
	.list-item .item-info .item-data .txt p:not(:last-child):after { right: -5px; }
	.list-item .item-info .item-data .txt:first-child p { width: 100%; }
	.list-item .item-info .item-data .txt:first-child p:after { display: none; }
	.list-item .item-info .item-state .tit { margin-right: 9px; }
	.list-item .item-info .item-state .tit:not(:last-child):after { right: -5px; }
	.list-item .item-info .item-state .state .txt { margin-left: 4px; }
	.list-item .btn-group { width: 100%; padding: 12px 24px; box-sizing: border-box; }
	.list-item .btn-group .btn { width: 100%; }
	
	/*전체 예약 현황*/
	.calendar-tool { display: block; margin-bottom: 20px; }
	.calendar-tool .tit { margin-bottom: 12px; font-size: 14px; text-align: center; line-height: 20px; }
	.calendar-tool .btn-group-calendar { flex-wrap: wrap; justify-content: center; margin-left: 0; }
	.calendar-tool .btn-group-calendar .btn { width: 100%; }
	.calendar-tool .btn-group-calendar-v1 .btn { padding: 0; box-sizing: border-box; }
	.calendar-tool .btn-group-calendar .ck-group { margin-bottom: 4px; }
	
	.calendar-group { padding: 16px; border-radius: 8px; box-sizing: border-box; }
	
	/*예약 상세 및 변경*/
	.model-group { padding: 20px; box-sizing: border-box; }
	.model-group .item-info { margin-bottom: 20px; padding-bottom: 20px; box-sizing: border-box; }
	.model-group .item-info .img-group { margin-right: 16px; }
	.model-group .item-info .item-name { width: calc(100% - 120px); font-size: 16px; line-height: 24px; }
	.model-group .item-data { margin: 0; }
	.model-group .item-data .txt-group { width: 100%; margin-bottom: 8px; padding: 0; }
	.model-group .item-data .txt-group:last-child { margin-bottom: 0; }
	.model-group .item-data .txt-group .tit { width: 104px; font-size: 14px; line-height: 20px; }
	.model-group .item-data .txt-group .txt { width: calc(100% - 104px); font-size: 14px; line-height: 20px; }
	
	.reserve-group { margin-bottom: 40px; }
	.reserve-group .top-reserve { padding-bottom: 12px; box-sizing: border-box; }
	.reserve-group .top-reserve .tit { font-size: 18px; }
	.reserve-group .top-reserve .ico-arrow { width: 28px; height: 28px; }
	.reserve-group .top-reserve .ico-arrow img { width: 24px; }
	.reserve-group .calendar-group { width: 100%; padding: 16px; box-sizing: border-box; }
	
	.reserve-group .box { display: block; }
	.reserve-group .box .calendar-container .select-custom { margin-bottom: 8px; }
	.reserve-group .box .calendar-group { width: 100%; margin-right: 0; margin-bottom: 20px; padding: 16px; box-sizing: border-box; }
	.reserve-group .box .calendar-group .full-calendar { padding-bottom: 16px; box-sizing: border-box; }
	.reserve-group .box .legend-group { margin-top: 16px; }
	
	.reserve-state-group { width: 100%; }
	.reserve-state-group .tit { margin-bottom: 12px; font-size: 16px; line-height: 24px; }
	.reserve-state-group .box-table { height: auto; }
	
	.tbl-reserve tbody { height: auto; }
	.tbl-reserve th,
	.tbl-reserve td { width: 25% !important; }
	.tbl-reserve th { height: 48px; }
	.tbl-reserve td { height: 60px; font-size: 12px; line-height: 16px; }
	
	.frm-group-policy2 .tit-frm { margin-bottom: 16px; padding-bottom: 16px; border-bottom: 2px solid #000; box-sizing: border-box; font-size: 18px; line-height: 28px; }
	.frm-group-policy2 .inp-group-policy { margin-bottom: 16px; padding: 16px; box-sizing: border-box; }
	.frm-group-policy2 .inp-group-policy .txt-group .txt p { font-size: 12px; line-height: 16px; }
	.frm-group-policy2 .inp-group-policy .txt-group .txt p:before { top: 6px; }
	.frm-group-policy2 .ck-custom + label .custom { margin-right: 4px; }
	.frm-group-policy2 .ck-custom + label .label { font-size: 14px; line-height: 20px; }
	
	/*마이페이지 예약 현황*/
	.reserve-data { padding: 20px; }
	.reserve-data .item-state .tit { font-size: 18px; line-height: 28px; }
	.reserve-data .item-data { flex-wrap: wrap; margin-top: 20px; padding-top: 20px; box-sizing: border-box; }
	.reserve-data .item-data .txt-group { margin-bottom: 8px; }
	.reserve-data .item-data .txt-group:last-child { margin-bottom: 0; }
	.reserve-data .item-data .txt-group .tit { width: 124px; font-size: 14px; line-height: 20px; }
	.reserve-data .item-data .txt-group .txt { width: calc(100% - 124px); font-size: 14px; line-height: 20px; }
	.reserve-data .state-message { margin-top: 20px; font-size: 14px; line-height: 20px; }
	
	/*기업홍보*/
	.slide-biz { height: 51.282vw; margin: 0 -20px 40px; }
	.slide-biz .swiper-slide { border-radius: 0; }
	.slide-biz .swiper-slide .tit-group .tit { font-size: 24px; line-height: 36px; }
	.slide-biz .swiper-slide .tit-group .txt { margin-top: 4px; font-size: 14px; line-height: 20px; }
	
	.slide-biz .slide-tool .navigation-group { top: calc(50% - 24px); }
	.slide-biz .slide-tool .navigation-group .swiper-button-prev,
	.slide-biz .slide-tool .navigation-group .swiper-button-next { width: 48px; height: 48px; }
	
	/*기업홍보 상세*/
	.biz-view { margin-top: -40px; }
	.biz-basic { display: block; margin-bottom: 40px; }
	
	.slide-group-gallery { width: 100%; margin-right: 0; }
	.slide-group-gallery .slide-tool .navigation-group .swiper-button-prev,
	.slide-group-gallery .slide-tool .navigation-group .swiper-button-next { width: 24px; height: 48px; }
	.slide-gallery { height: 63.333vw; margin: 0 -20px; }
	.slide-gallery .swiper-slide { border-radius: 0; }
	.slide-gallery-thumbs { display: none; }
	
	.biz-info { width: 100%; border: none; border-radius: 0; }
	.biz-info .biz-profile { padding: 24px 0; box-sizing: border-box; }
	.biz-info .biz-profile .img-group { width: 64px; height: 64px; }
	.biz-info .biz-profile .tit-group { width: calc(100% - 130px); }
	.biz-info .biz-profile .tit-group .biz-name { font-size: 16px;  line-height: 24px; }
	.biz-info .biz-profile .tit-group .biz-desc { font-size: 12px; line-height: 16px; }
	.biz-info .biz-profile .ck-group { right: 0; }
	.biz-info .biz-category { padding: 24px 0; box-sizing: border-box; }
	.biz-info .biz-category p { font-size: 12px; line-height: 16px; }
	.biz-info .biz-data { padding: 24px 0; box-sizing: border-box; }
	.biz-info .biz-data .txt-group .tit { width: 80px; font-size: 14px; line-height: 20px; }
	.biz-info .biz-data .txt-group .txt { width: calc(100% - 80px); font-size: 14px; line-height: 20px; }
	.biz-info .biz-contact { padding: 24px 0; box-sizing: border-box; }
	.biz-info .biz-contact .btn-download { width: calc(100% - 108px); }
	.biz-info .biz-contact .btn-inquiry { width: 100px; height: 48px; }
	
	.biz-info .model-profile { padding: 24px 0; box-sizing: border-box; }
	.biz-info .model-profile .model-name { font-size: 16px; line-height: 24px; }
	.biz-info .model-profile .model-name .eng { font-size: 12px; line-height: 16px; }
	
	.biz-info-v1 { border-bottom: 1px solid #dfdfdf; box-sizing: border-box; }
	
	.biz-view .tab-group { padding-top: 0; }
	.biz-view .tab-group .tab-content3 { margin-top: -180px; padding-top: 180px; box-sizing: border-box; }
	.biz-view .introduction-group { margin-top: 16px; }
	.biz-view .introduction-group *:not(:last-child) { margin-bottom: 16px; }
	.biz-view .introduction-group .txt { font-size: 14px; line-height: 20px; }
	
	.biz-view .product-info { margin-bottom: 24px; padding-bottom: 24px; box-sizing: border-box; }
	.biz-view .product-info .tit { margin-bottom: 4px; font-size: 18px; }
	.biz-view .product-info .txt { font-size: 12px; line-height: 16px; }
	.biz-view .product-info .btn-download { width: 100%; margin-top: 16px; }
	
	.slide-product .swiper-slide { height: 27.778vw; }
	.slide-product .slide-tool { margin-top: 16px; }
	
	/*ROI 분석 서비스*/
	/*공통*/
	.roi-info { display: block; margin-bottom: 40px; padding: 32px 20px 20px; box-sizing: border-box; }
	.roi-info .txt-group { width: 100%; margin-right: 0; }
	.roi-info .txt-group .tit { font-size: 20px; line-height: 28px; }
	.roi-info .txt-group .txt { font-size: 14px; line-height: 20px; }
	.roi-info img { width: 140px; margin: 24px auto 0; zoom: 1; }
	
	.step-group2:before { box-shadow: 2px 0 16px 0 rgba(0, 0, 0, 0.1); box-sizing: border-box; background-image: linear-gradient(to right, #bde9ff 0%, #23c7ff 50%); }
	.step-group2 > li { flex-direction: column; align-items: flex-start; height: 54px; padding-left: 12px; box-sizing: border-box; }
	.step-group2 .num { width: 16px; height: 16px; margin-right: 0; margin-bottom: 6px; font-size: 12px; }
	.step-group2 .tit { font-size: 12px; line-height: 16px; }
	
	.step-group2 > li.active.complete .num { background-size: contain; }
	
	/*사업비 산정*/
	.frm-model .model-info { font-size: 12px; line-height: 16px; }
	.frm-model .box { display: block; padding: 20px 16px; box-sizing: border-box; }
	.frm-group-model { display: block; margin-bottom: 16px; }
	.frm-group-model:last-child { margin-bottom: 0; }
	.frm-group-model .tit-frm { width: 100%; margin-bottom: 8px; padding-left: 0; font-size: 14px; font-weight: 500; color: #000; }
	.frm-group-model .inp-group-model { width: 100%; padding: 0; }
	.frm-model .btn-add { width: 100%; }
	
	.list-model li { display: block; height: auto; padding: 20px 16px; box-sizing: border-box; }
	.list-model li > div:not(:last-child) { margin-bottom: 8px; }
	.list-model .btn-group-s { width: 100%; margin-top: 16px; padding-left: 0; }
	
	.tbl-expense th,
	.tbl-expense td { width: 124px; }
	.tbl-expense th:first-child,
	.tbl-expense td:first-child { width: 92px; }
	
	.tbl-expense2 th,
	.tbl-expense2 td { width: 209px; }
	.tbl-expense2 th:first-child,
	.tbl-expense2 td:first-child { width: 92px; }
	
	/*지표 입력*/
	.roi-service2 .list-group .list-frm3 { margin-bottom: 0; }
	.roi-service2 .list-group .list-frm3:not(:first-child) { border-top: none; }
	
	/*경제성 분석 결과*/
	.roi-service3 .article:first-child .btn-custom { width: 100%; margin-top: 16px; }
	.roi-service3 .guide-group2 { margin-bottom: 20px; }
	.roi-service3 .table-container .table-group:not(:last-child) { margin-bottom: 20px; }
	
	.tbl-economic th,
	.tbl-economic td { width: 180px; }
	.tbl-economic td { font-size: 12px; line-height: 16px; }
	
	.tbl-cashflow th,
	.tbl-cashflow td { padding: 14px 12px; box-sizing: border-box; }
	.tbl-cashflow td .txt-s { font-size: 12px; }
	.tbl-cashflow th:nth-child(1), .tbl-cashflow td:nth-child(1) { width: 64px; }
	
	.list-value { display: block; margin: 0; }
	.list-value li { margin-bottom: 16px; padding: 0; }
	.list-value li:last-child { margin-bottom: 0; }
	.list-value .top { height: 48px; font-size: 14px; }
	.list-value .txt-group { margin-bottom: 12px; }
	
	.graph-group { width: calc(100% + 20px); padding-right: 20px; padding-bottom: 12px; box-sizing: border-box; overflow-x: auto; }
	.graph-group .inner { display: inline-block; padding: 20px; box-sizing: border-box; }
	.graph-group .tit-graph { font-size: 18px; line-height: 28px; }
	.graph-group img { width: auto; }
	
	.graph-group {
		scrollbar-arrow-color: #23c7ff;
		scrollbar-base-color: #eaeaea;
		scrollbar-3dlight-color: #eaeaea;
		scrollbar-darkshadow-color: #eaeaea;
		scrollbar-face-color: #23c7ff;
		scrollbar-highlight-color: #eaeaea;
		scrollbar-shadow-color: #eaeaea;
		scrollbar-track-color: #eaeaea;
	}
	.graph-group::-webkit-scrollbar { width: 2px; height: 2px; }
	.graph-group::-webkit-scrollbar-track { background: #eaeaea; }
	.graph-group::-webkit-scrollbar-thumb { width: 2px; height: 2px; border-radius: 0; box-sizing: border-box; background: #23c7ff; }
	
	/*소프트웨어 예약*/
	.list-process:after { background-size: 100% auto; }
	
	/*소프트웨어 이용안내*/
	.software-info { display: block; margin-bottom: 40px; padding: 32px 20px 20px; box-sizing: border-box; }
	.software-info .txt-group { width: 100%; margin-right: 0; }
	.software-info .txt-group .tit { font-size: 20px; line-height: 28px; }
	.software-info .txt-group .tit br { display: none; }
	.software-info .txt-group .txt { font-size: 14px; line-height: 20px; word-break: break-all; }
	.software-info .txt-group .txt br { display: none; }
	.software-info img { width: 140px; margin: 24px auto 0; zoom: 1; }
	
	.list-software-guide .num { width: 24px; height: 24px; margin-right: 8px; font-size: 12px; }
	.list-software-guide .guide-content { width: calc(100% - 32px); }
	.list-software-guide .guide-content .tit { font-size: 16px; line-height: 24px; }
	.list-software-guide .guide-content .tit br { display: none; }
	.list-software-guide .guide-content img { display: none; }
	.list-software-guide .guide-content img.m { display: block; }
	.list-software-guide .guide-content .txt-group { padding: 16px 8px; box-sizing: border-box; }
	.list-software-guide .guide-content .txt-group p { font-size: 14px; line-height: 20px; }
	.list-software-guide .guide-content .txt-group p:before { top: 8px; }
	
	.csc-info { display: block; margin-top: 40px; padding: 0 16px; box-sizing: border-box; }
	.csc-info .tit { width: 100%; height: auto; padding: 24px 0; border: none; border-bottom: 1px solid rgba(255, 255, 255, 0.3); box-sizing: border-box; font-size: 16px; }
	.csc-info .csc-content { display: block; width: 100%; margin: 0; padding: 24px 0; box-sizing: border-box; }
	.csc-info .csc-content .txt-group { width: 100%; }
	.csc-info .csc-content .txt-group:not(:last-child) { margin-bottom: 4px; }
	.csc-info .csc-content .txt-group p { font-size: 14px; line-height: 20px; }
	.csc-info .csc-content .txt-group p:before { top: 8px; }
	
	/*시험평가 신청*/
	.apply-list .top-info { height: auto; margin-bottom: 40px; }
	.apply-list .top-info .img-group { height: 200px; background: url('/img/img_picture1_apply_m.png') center center no-repeat; background-size: cover; }
	.apply-list .top-info .img-group-v1 { background-image: url('/img/img_picture2_apply_m.png'); }
	.apply-list .top-info .tit-group { position: static; padding: 24px; border: 1px solid #eaeaea; border-top: none; border-radius: 0 0 8px 8px; box-sizing: border-box; }
	.apply-list .top-info .tit-group .tit { font-size: 16px; color: #000; line-height: 24px; }
	.apply-list .top-info .tit-group .txt { font-size: 12px; color: #666; line-height: 16px; word-break: break-all;  opacity: .8; }
	.apply-list .top-info .tit-group .txt br { display: none; }
	
	/*시험평가 상세*/
	.apply-view .test-info img { margin-top: 24px; }
	
	.apply-view .list-option { display: block; margin: 0; }
	.apply-view .list-option li { width: 100%; margin-bottom: 8px; padding: 0; }
	.apply-view .list-option li:last-child { margin-bottom: 0; }
	.apply-view .list-option .card { height: 36px; font-size: 14px; }
	
	.apply-view .biz-info .biz-data { padding-bottom: 0; }
	
	.apply-view .top-info { padding: 24px; box-sizing: border-box; }
	.apply-view .top-info .tit-group { margin-bottom: 20px; }
	.apply-view .top-info .tit-group .tit { font-size: 18px; line-height: 28px; }
	.apply-view .top-info .tit-group .txt { font-size: 14px; line-height: 20px; }
	.apply-view .top-info .top-data { display: block; }
	.apply-view .top-info .top-data .txt-group .tit { font-size: 14px; line-height: 20px; }
	.apply-view .top-info .top-data .txt-group .txt { font-size: 14px; line-height: 20px; }
	
	.apply-view .test-info p br { display: none; }
	
	.list-item-model .basic-info figure figcaption .tit { font-size: 14px; line-height: 20px; }
	.list-item-model .basic-info figure figcaption .txt { font-size: 16px; line-height: 24px; }
	
	.post-group { padding: 24px 0; box-sizing: border-box; }
	.post-group .top-post .tit { font-size: 16px; line-height: 24px; }
	.post-group .top-post .tit img { width: 24px; }
	.post-group .box .inner { padding: 20px; box-sizing: border-box; }
	.post-group .box .tit { font-size: 14px; line-height: 20px; }
	.post-group .box .tit:before { top: 8px; }
	
	.post-txt p { font-size: 14px; line-height: 20px; }
	.post-txt p:before { top: 8px; }
	
	.list-picture { display: flex; }
	.list-picture li { width: calc(100% / 2); }
	.list-picture figure figcaption { font-size: 14px; line-height: 20px; }
	
	/*소프트웨어 소개*/
	.software-intro .top-info img { display: none; }
	.software-intro .top-info img.m { display: block; }
	.software-intro .top-info .txt-group:not(:last-child) { margin-bottom: 40px; }
	.software-intro .top-info .txt-group .tit { font-size: 24px; line-height: 36px; }
	.software-intro .top-info .txt-group .txt { font-size: 14px; line-height: 20px; }
	
	.solution-group { padding: 40px 0 30px; box-sizing: border-box; }
	.solution-group .top { margin-bottom: 24px; }
	.solution-group .top .tit { font-size: 20px; line-height: 28px; }
	
	.list-solution { display: block; margin: 0 auto; }
	.list-solution li { width: calc(100% - 60px); margin: 0 auto; margin-bottom: 12px; }
	.list-solution li:last-child { margin-bottom: 0; }
	.list-solution .tit { height: 48px; font-size: 18px; }
	.list-solution .txt { padding: 20px; box-sizing: border-box; }
	.list-solution .txt p { font-size: 12px; line-height: 16px; }
	.list-solution .txt p:before { top: 7px; }
	
	.advantage-group { padding: 40px 30px 30px; box-sizing: border-box; }
	.advantage-group .top { margin-bottom: 24px; }
	.advantage-group .top img { width: 146px; }
	.advantage-group .top .tit { font-size: 20px; line-height: 28px; }
	
	.list-advantage { margin: -2px; }
	.list-advantage li { width: calc(100% / 2); padding: 2px; box-sizing: border-box; }
	.list-advantage .card { height: 48px; background: #c7e2ff !important; font-size: 12px; }
	.list-advantage li:nth-child(2) .card,
	.list-advantage li:nth-child(3) .card,
	.list-advantage li:nth-child(6) .card,
	.list-advantage li:nth-child(7) .card { background: #fff !important; }
	
	.list-field { flex-wrap: wrap; margin: -6px; }
	.list-field li { width: calc(100% / 2); padding: 6px; box-sizing: border-box; }
	.list-field .tit { height: 48px; font-size: 16px; }
	.list-field .txt { padding: 16px; box-sizing: border-box; }
	.list-field .txt p { font-size: 12px; line-height: 16px; }
	.list-field .txt p:before { top: 7px; }
	
	/*모델 상세*/
	.model-view .top-article { margin-bottom: 16px; }
	.model-view .top-article + .list-frm2 { margin-top: -16px; }
	
	.list-item-model > li { display: block; }
	.list-item-model .basic-info { width: 100%; padding: 16px; border-right: none; box-sizing: border-box; }
	.list-item-model .basic-info .top { margin-bottom: 32px; }
	.list-item-model .basic-info .top .category { height: 20px; border-radius: 10px; box-sizing: border-box; font-size: 12px; }
	.list-item-model .basic-info .top .num { font-size: 12px; }
	.list-item-model .basic-info figure figcaption { min-height: 48px; margin-top: 16px; font-size: 16px; line-height: 24px; }
	
	.list-item-model .basic-info .tit-group { display: flex; align-items: center; }
	.list-item-model .basic-info .tit-group .num { margin-right: 8px; margin-bottom: 0; }
	.list-item-model .basic-info .tit-group .tit { font-size: 16px; line-height: 24px; }
	
	.list-item-model .detail-info { width: 100%; padding: 0 16px; border-top: 1px solid #dfdfdf; box-sizing: border-box; }
	.list-item-model .detail-info .tr { padding: 16px 0; box-sizing: border-box; }
	.list-item-model .detail-info .th { width: 64px; font-size: 14px; line-height: 20px; }
	.list-item-model .detail-info .td { width: calc(100% - 64px); font-size: 14px; line-height: 20px; }
	.list-item-model .detail-info .td .txt-group p:before { top: 8px; }
	.list-item-model .detail-info .no-data { height: 300px; }
	.list-item-model .detail-info .no-data .txt { font-size: 14px; line-height: 20px; }
	
	.list-before-after { display: block; }
	.list-before-after li { width: 100%; margin-right: 0; margin-bottom: 12px; padding: 16px; box-sizing: border-box; }
	.list-before-after li:last-child { margin-bottom: 0; }
	.list-before-after .tit { font-size: 14px; line-height: 20px; }
	.list-before-after img { border-radius: 6px; box-sizing: border-box; }
	
	.model-view .video-group { margin-bottom: 0; padding-bottom: 52px; border-bottom: none; box-sizing: border-box; }
	
	.slide-video2 { padding: 0; }
	.slide-video2 .swiper-slide { height: 51.667vw; border-radius: 6px; box-sizing: border-box; }
	.slide-video2 .swiper-slide .img-group:after { width: 64px; height: 64px; }
	.slide-video2 .slide-tool .navigation-group .swiper-button-prev,
	.slide-video2 .slide-tool .navigation-group .swiper-button-next { width: 48px; height: 48px; }
	.slide-video2 .slide-tool .pagination-group .swiper-pagination { bottom: -28px; }
	
	/*모델 인트로*/
	.model-intro .ly-group .ly-r { overflow: visible; }
	.model-intro .top-page { margin-bottom: 0; }
	.model-intro .slide-tab { top: 72px; z-index: 98; margin: 0 -20px; padding-top: 10px; box-sizing: border-box; }
	/*.model-intro .slide-tab .swiper-slide:hover { background: #f5f5f5; font-weight: 400; color: #959595; }*/
	
	.model-intro .top-guide { display: block; padding: 32px 20px 20px; box-sizing: border-box; }
	.model-intro .top-guide .txt-group .txt { margin-bottom: 16px; font-size: 20px; line-height: 28px; }
	.model-intro .top-guide .txt-group .txt br { display: none; }
	.model-intro .top-guide .txt-group .btn-custom { width: 100%; }
	.model-intro .top-guide > img { margin: 48px auto 0; }
	
	.model-intro .slide-product { margin-top: 24px; }
	.model-intro .top-article { margin-bottom: 16px; }
	.model-intro #article3 .top-article { margin-bottom: 0; }
	
	.simulation-group { display: block; height: auto; }
	.simulation-group .video-group { width: 100%; height: 51.667vw; margin-right: 0; border-radius: 6px; box-sizing: border-box; }
	.simulation-group .thumb-group { width: 100%; height: auto; }
	
	.slide-simulation-thumbs { background: none; }
	.slide-simulation-thumbs .swiper-slide { width: 101px; height: 58px; border-radius: 6px; box-sizing: border-box; }
	.slide-simulation-thumbs .swiper-slide.on:after { border-radius: 6px; box-sizing: border-box; }
	.slide-simulation-thumbs .swiper-slide .img-group:after { font-size: 16px; }
	
	/*model-intro_bak.html*/
	.slide-group-gallery2 { display: block; height: auto; }
	.slide-group-gallery2 .slide-tool { margin-top: 16px; }
	.slide-group-gallery2 .slide-tool .pagination-group .swiper-pagination { position: static; transform: none; }
	
	.slide-gallery2 { width: 100%; height: 51.667vw; margin-right: 0; margin-bottom: 24px; }
	.slide-gallery2 .swiper-slide { border-radius: 6px; box-sizing: border-box; }
	.slide-gallery2 .swiper-slide .video-group:after { width: 64px; height: 64px; }
	
	.slide-gallery2-thumbs { width: 100%; height: auto; padding: 0; background: none; }
	.slide-gallery2-thumbs .swiper-slide { width: 101px; height: 58px; margin: 0; border-radius: 6px; box-sizing: border-box; }
	.slide-gallery2-thumbs .swiper-slide:after { border-radius: 6px; box-sizing: border-box; }
	.slide-gallery2-thumbs .swiper-slide .img-group:after { font-size: 16px; }
	
	.list-item2 li { height: auto; margin-bottom: 8px; }
	.list-item2 .item-group { display: block; padding: 20px; box-sizing: border-box; }
	.list-item2 .img-group { width: 100%; height: 49.444vw; margin-right: 0; }
	.list-item2 .item-info { width: 100%; padding: 0; }
	.list-item2 .item-info .item-name { padding: 20px 0; box-sizing: border-box; font-size: 18px; }
	.list-item2 .item-info .item-data .txt-group { margin-bottom: 8px; }
	.list-item2 .item-info .item-data .txt-group .tit { width: 104px; }
	.list-item2 .item-info .item-data .txt-group .txt { width: calc(100% - 104px); }
	
	/*지원기관 안내*/
	.chart-group { margin-bottom: 60px; }
	
	.list-support li { margin-bottom: 24px; padding: 20px; border-radius: 16px; box-sizing: border-box; }
	.list-support .support-name { margin-bottom: 16px; font-size: 16px; line-height: 24px; }
	.list-support .support-name .num { width: 24px; height: 24px; margin-right: 8px; }
	.list-support .support-feature { display: block; }
	.list-support .support-feature .box { margin-right: 0; margin-bottom: 12px; padding: 20px 16px; border-radius: 12px; box-sizing: border-box; }
	.list-support .support-feature .box:last-child { margin-bottom: 0; }
	.list-support .support-feature .tit { margin-bottom: 12px; font-size: 12px; line-height: 16px; }
	.list-support .support-feature .txt-group p { margin-bottom: 4px; font-size: 14px; line-height: 20px; }
	.list-support .support-feature .txt-group p:before { top: 8px; }
	.list-support .support-feature .txt-group p br { display: none; }
	
	/*기술지원 컨설팅*/
	.consulting-info { display: block; margin-bottom: 40px; padding: 32px 20px 20px; box-sizing: border-box; }
	.consulting-info .txt-group { width: 100%; margin-right: 0; }
	.consulting-info .txt-group .tit { font-size: 20px; line-height: 28px; }
	.consulting-info .txt-group .txt { font-size: 14px; line-height: 20px; }
	.consulting-info img { width: 140px; margin: 24px auto 0; zoom: 1; }
	
	.list-consulting { display: block; padding: 32px 20px; box-sizing: border-box; }
	.list-consulting li { margin-right: 0; margin-bottom: 16px; padding: 16px; box-sizing: border-box; }
	.list-consulting li:last-child { margin-bottom: 0; }
	.list-consulting .top { margin-bottom: 12px; }
	.list-consulting .top .num { width: 24px; height: 24px; font-size: 14px; }
	.list-consulting .top .tit { width: calc(100% - 32px); font-size: 16px; line-height: 24px; }
	.list-consulting .box { padding: 16px; box-sizing: border-box; }
	.list-consulting .box .tit { font-size: 14px; line-height: 20px; }
	.list-consulting .box .txt p { font-size: 12px; line-height: 16px; }
	.list-consulting .box .txt p:before { top: 7px; }
	
	/*DX기반구축 사업 소개*/
	.biz-overview .bg { height: 280px; }
	.biz-overview .top-info { max-width: calc(100% - 40px); margin: -83px auto 40px; padding: 32px 20px 0; box-sizing: border-box; }
	.biz-overview .top-info .tit { font-size: 20px; line-height: 28px; }
	.biz-overview .top-info .tit br { display: none; }
	.biz-overview .top-info .txt { font-size: 14px; line-height: 20px; }
	.biz-overview .top-info .txt:before { width: 32px; margin: 32px auto; }
	.biz-overview .top-info .txt p { word-break: normal; }
	.biz-overview .top-info .txt br { display: none; }
	
	.biz-process { padding: 32px 20px; border-radius: 8px; box-sizing: border-box; }
	.biz-process .top { margin-bottom: 32px; }
	.biz-process .top .tit { font-size: 18px; line-height: 28px; }
	
	.list-process-biz { flex-direction: column; width: 280px; height: 824px; margin: 0 auto; background-image: url('/img/img_arrow1_m.svg'); }
	.list-process-biz li { width: 200px; height: 200px; margin: -10px auto; }
	.list-process-biz .num { margin-bottom: 12px; }
	.list-process-biz .tit { font-size: 14px; line-height: 20px; }
	.list-process-biz .txt { font-size: 12px; line-height: 16px; }
	
	.biz-support { margin-bottom: 24px; font-size: 14px; line-height: 20px; }
	
	.support-chart { margin-bottom: 24px; padding: 32px 20px; border-radius: 8px; box-sizing: border-box; }
	.support-chart .tit { margin-bottom: 16px; font-size: 16px; line-height: 24px; }
	.support-chart .txt { width: 320px; max-width: 100%; height: 96px; margin-bottom: -16px; padding-top: 34px; box-sizing: border-box; background-size: contain; font-size: 16px; }
	
	.list-feature-support { flex-wrap: wrap; margin: 5px 0; }
	.list-feature-support li { width: 100px; height: 100px; margin: -6px; padding: 0 12px; box-sizing: border-box; font-size: 12px; line-height: 16px; }
	.list-feature-support br { display: none; }
	
	.list-feature-biz { display: block; margin: 0; }
	.list-feature-biz li { width: 100%; margin-bottom: 12px; padding: 0; }
	.list-feature-biz li:last-child { margin-bottom: 0; }
	.list-feature-biz .card { min-height: auto; padding: 20px; box-sizing: border-box; }
	.list-feature-biz .tit-group { margin-bottom: 16px; }
	.list-feature-biz .tit-group .ico { width: 24px; height: 24px; margin-right: 8px; }
	.list-feature-biz .tit-group .tit { font-size: 16px; line-height: 24px; }
	.list-feature-biz .txt-group .tit { font-size: 14px; line-height: 20px; }
	.list-feature-biz .txt-group .txt p { font-size: 12px; line-height: 16px; }
	.list-feature-biz .txt-group .txt p:before { top: 7px; }
	.list-feature-biz .img { margin-top: 32px; }
	.list-feature-biz .tag-group { margin-top: 12px; }
	.list-feature-biz .tag-group div { height: 24px; font-size: 12px; }
	
	.list-effect { display: block; margin: 0; }
	.list-effect li { width: 100%; margin-bottom: 12px; padding: 0; }
	.list-effect li:last-child { margin-bottom: 0; }
	.list-effect .tit { height: 48px; padding: 0 20px; box-sizing: border-box; }
	.list-effect .txt-group { height: auto; }
	.list-effect .txt-group .txt p { font-size: 14px; line-height: 20px; }
	.list-effect .txt-group .txt p:before { top: 8px; }
	.list-effect .txt-group .txt p span { font-size: 12px; line-height: 16px; }
	
	/*DX표준공정모델 소개*/
	.model-overview .top-info .txt { font-size: 14px; line-height: 20px; }
	
	.dx-model-info { display: block; padding: 20px; box-sizing: border-box; }
	.dx-model-info img { width: 100%; margin: 8.333vw auto 0.833vw; }
	.dx-model-info .box { width: 100%; height: auto; }
	.dx-model-info .box:after { top: auto; left: 0; right: 0; bottom: -10vw; width: 100%; height: 11.111vw; margin: 0 auto; background-image: url('/img/img_gradation1_m.svg'); background-size: cover; }
	.dx-model-info .box .inner { display: flex; flex-direction: column; justify-content: center; align-items: center; padding: 20px; box-sizing: border-box; }
	.dx-model-info .num { margin-bottom: 14px; }
	.dx-model-info .tit { font-size: 16px; text-align: center; line-height: 24px; }
	.dx-model-info .tit br { display: none; }
	.dx-model-info .txt { margin-top: 10px; text-align: center; }
	
	.dx-model-info .box-v1:after { top: -10vw; background-image: url('/img/img_gradation2_m.svg'); }
	
	.model-needs .box { height: auto; border-radius: 4px; box-sizing: border-box; }
	.model-needs .box .tit { height: 44px; font-size: 14px; }
	.model-needs .box img { height: calc(100% - 44px); }
	
	.model-needs .circle { width: 108px; height: 108px; outline-width: 9px; }
	.model-needs .circle:before { width: 148px; height: 148px; }
	.model-needs .circle .tit { font-size: 12px; line-height: 16px; }
	.model-needs .circle .txt { font-size: 10px; font-weight: 400; line-height: 16px; }
	.model-needs .circle .txt:before { width: 80px; margin: 2px auto; }
	.model-needs .img-arrow { bottom: -62px; width: 320px; height: 108px; background-size: contain; }
	
	.model-build .top { margin-bottom: 28px; }
	.model-build .top .tit { margin-bottom: 4px; font-size: 24px; line-height: 36px; }
	.model-build .top .txt { font-size: 14px; line-height: 20px; }
	.model-build .top .txt strong { display: block; }
	
	.model-build .box { border-radius: 4px; }
	.model-build .box .tit { height: 44px; font-size: 14px; }
	.model-build .inner { display: block; padding: 0 20px; box-sizing: border-box; }
	.model-build .img-group { width: 100%; padding: 20px 0; border: none; border-bottom: 1px solid #eaeaea; box-sizing: border-box; }
	.model-build .img-group:last-child { border: none; }
 }


@media only screen and (max-width: 1024px) {
	/*소프트웨어 예약*/
	.process-group { padding: 32px 20px 24px; box-sizing: border-box; }
	
	.list-process { justify-content: center; margin: -10px -7px; }
	.list-process:after { display: none; }
	.list-process li { width: calc(100% / 3); padding: 10px 7px; box-sizing: border-box; }
	.list-process li:last-child { width: 100%; padding-top: 20px; box-sizing: border-box; }
	.list-process li:not(:nth-child(5n)):before { display: none; }
	.list-process li:not(:nth-child(3n)):before { content: ''; display: block; position: absolute; top: calc(50% - 1px); width: 100%; height: 1px; background: #dfdfdf; }
	.list-process li:last-child:before { display: none; }
	
	.list-process li:nth-child(3n - 2):after { content: ''; display: block; position: absolute; left: 0; bottom: -10px; width: 300%; height: 20px; background: url('/img/img_line1.svg') center center no-repeat; background-size: 100% auto; }
	.list-process li:nth-last-child(4):after { background-image: url('/img/img_line2.png'); background-size: 100% 100%; }
	.list-process li:last-child:before { content: ''; display: block; position: absolute; top: 10px; left: 0; right: 0; width: 10px; height: 10px; margin: 0 auto; background: url('/img/ico_arrow_process1_m.svg') center center no-repeat; }
	.list-process li:last-child:after { display: none; }
	
	.list-process .card { width: 100%; height: 100%; margin: 0 auto; padding: 8px; box-sizing: border-box; }
	.list-process li:last-child .card { height: 60px; }
	.list-process .num { width: 16px; height: 16px; font-size: 10px; }
	.list-process .tit { margin-top: 10px; font-size: 12px; line-height: 16px; }
	
	.list-process .card-v1 { border-radius: 8px 8px 16px 8px; box-sizing: border-box; }
}


@media only screen and (max-width: 480px) {
	/*소프트웨어 예약*/
	.list-process li:nth-child(3n - 2):after { background-image: url('/img/img_line1_m.svg'); }
	.list-process li:nth-last-child(4):after { background-image: url('/img/img_line2.png'); background-size: 100% 100%; }
	
	/*지원기관 안내*/
	.chart-group img { content: url('/img/img_chart1_m.png'); }
	
	/*DX기반구축 사업 소개*/
	.biz-process { background-image: url('/img/img_picture1_process_m.png'); }
	
	.support-chart .tit br { display: block; }
	.support-chart .tit { padding: 14px; box-sizing: border-box; }
}