@charset "utf-8";
/* LicenseNumber:ekdrh2026 */

/* color/button */
	body{
		--c_basic:#191F28;
		--c_iden:#61A8AB;
		--c_iden2:#363232;
	}
	.c_basic {color:#191F28;}
	.c_iden {color:#61A8AB;}
	.c_iden2 {color:#363232;}
	.btn {font-weight:600; line-height:60px; height:60px; width:240px; border-radius:30px; text-align:center;}
	.btn_widen {color:#fff !important; background:var(--c_iden) !important; border-color:var(--c_iden) !important;}
	.btn_kwg {color:#333D4B !important; background-color:#fff !important; border-color:#E5E8EB !important;}
	.btn_wkk {color:#fff !important; background-color:#191F28 !important; border-color:#191F28 !important;}
	.btn_gwg {color:#6B7684 !important; background-color:#fff !important; border-color:#D1D6DB !important;}
	.btn_auto {width:auto; height:auto; line-height:1;}
	.btn_idenwiden {color:var(--c_iden) !important; background-color:#fff !important; border-color:var(--c_iden) !important;}
	a.more {position:absolute; top:0; right:0; display:block; font-size:18px; color:#6B7684; font-weight:500; line-height:30px; padding-right:28px;}
	a.more:after {content:""; position:absolute; top:50%; right:0; width:24px; aspect-ratio:1/1; transform:translateY(-50%); background:#6B7684; mask:url('/images/arrow_more.svg') no-repeat 50% 50% / contain; -webkit-mask:url('/images/arrow_more.svg') no-repeat 50% 50% / contain; transition:.2s linear;}
	a.more.rela {position:relative;}
	.btns_btm {gap:12px;}
	.btns_btm.mt_board {margin-top:80px;}
	.btns_btm .btn {font-size:18px; line-height:58px; width:100%; border-radius:30px; border:1px solid;}
	.btns_btm .btn_slim {width:200px; margin-top:40px;}
	.btns_btm .btn_short {width:240px;}
/* 노치처리 */
	body.ios_safe {--safe-top:constant(safe-area-inset-top); --safe-bottom:constant(safe-area-inset-bottom); --safe-top:env(safe-area-inset-top); --safe-bottom:env(safe-area-inset-bottom);}

/* 전체공통 */
	* {letter-spacing:-.03em;}
/* header */
	.header {position:fixed; top:0; left:0; width:100%; z-index:100; background:#fff; transition:.2s linear;}
	.header .bg {position:absolute; top:100%; left:0; width:100%; height:0; background:#fff; border-top:#E5E8EB 1px solid; opacity:0; transition:.2s linear;}
	.header .logo {position:absolute; top:0; left:64px; height:100%; font-size:0; display:flex; justify-content:center; align-items:center; z-index:1; transition:none;}
	.header .gnb {display:flex; justify-content:center;}
	.header .gnb .menu {position:relative;}
	.header .gnb .menu > a {display:block; font-size:18px; color:#191F28; font-weight:600; line-height:72px; padding:24px 32px; cursor:pointer;}
	.header .gnb .menu.on > a {color:var(--c_iden);}
	.header .gnb .snb {position:fixed; top:120px; left:50%; width:100vw; padding:5px 0; display:flex; justify-content:center; gap:16px; overflow:hidden; visibility:hidden; opacity:0; pointer-events:none; user-select:none; transform:translate(-50%,-20px); transition:.2s linear;}
	.header .gnb .snb a {display:block; font-size:16px; color:#333D4B; font-weight:500; line-height:30px; padding:24px 16px; text-align:center;}
	.header .gnb .snb a.on {color:var(--c_iden); font-weight:600;}
	.header .header_tools {position:absolute; top:0; right:64px; height:100%; display:flex; align-items:center; gap:4px; z-index:1; transition:.2s linear;}
	.header .header_tools .btns_member {padding-right:20px; display:flex; gap:24px;}
	.header .header_tools .btns_member a,
	.header .header_tools .btns_member button,
	.header .header_tools .btns_member form {position:relative; font-size:16px; color:#4E5968; font-weight:500; line-height:48px;}
	.header .header_tools .btns_member a + a:before,
	.header .header_tools .btns_member a + form:before {content:""; position:absolute; top:50%; left:-13px; width:1px; height:16px; background:#D1D6DB; transform:translateY(-50%);}
	.header .header_tools .btns_member a.login {max-width:90px; white-space:nowrap; overflow:hidden; text-overflow:ellipsis;}
	.header .header_tools .btn {width:48px; aspect-ratio:1/1; background:#333D4B; mask:no-repeat 50% 50%; -webkit-mask:no-repeat 50% 50%; font-size:0;}
	.header .header_tools .btn_cart {mask-image:url('/images/icon_cart.svg'); -webkit-mask-image:url('/images/icon_cart.svg');}
	.header .header_tools .btn_search {mask-image:url('/images/icon_search.svg'); -webkit-mask-image:url('/images/icon_search.svg');}
	.header .header_tools .btn_mypage {mask-image:url('/images/icon_mypage.svg'); -webkit-mask-image:url('/images/icon_mypage.svg');}
	.header.main {padding-top:16px; background:none;}
	.header.main .logo {background:url('/images/logo_w.svg') no-repeat 50% 50% / contain;}
	.header.main .logo img {opacity:0;}
	.header.main .gnb .menu > a {color:#fff;}
	.header.main .header_tools {top:16px; height:calc(100% - 16px);}
	.header.main .header_tools .btns_member button,
	.header.main .header_tools .btns_member a {color:#fff;}
	.header.main .header_tools .btns_member a + a:before,
	.header.main .header_tools .btns_member a + form:before {background:#E5E8EB;}
	.header.main .header_tools .btn {background:#fff;}
	.header.main .gnb .snb {top:136px;}
	.header.fixed {background:#fff; padding-top:0 !important;}
	.header.fixed .logo {background:none;}
	.header.fixed .logo img {opacity:1;}
	.header.fixed .gnb .menu > a {color:#191F28;}
	.header.fixed .gnb .menu.on > a {color:var(--c_iden);}
	.header.fixed .header_tools .btns_member a {color:#4E5968;}
	.header.fixed .header_tools .btns_member a + a:before {background:#D1D6DB;}
	.header.fixed .header_tools .btn {background:#333D4B;}
	.header.fixed.main .gnb .snb {top:120px;}
	.header.fixed.main .header_tools {top:0; height:100%;}
/* footer */
	.footer {position:relative; background:#182233; z-index:30; padding:64px 0 80px; color:#fff; line-height:1.65;}
	.footer .foot_top {padding-bottom:40px; margin-bottom:40px; border-bottom:#ffffff1a 1px solid; align-items:flex-end; gap:64px;}
	.footer .foot_top .flogo {width:214px;}
	.footer .foot_top .txt {width:calc(100% - 214px);}
	.footer .foot_top .txt .name {font-size:18px; font-weight:600; margin-bottom:6px;}
	.footer .foot_top .site_info {display:flex; flex-wrap:wrap; gap:0 12px;}
	.footer .foot_top .site_info div {display:flex; gap:8px; font-size:16px;}
	.footer .foot_top .site_info dt {font-weight:600;}
	.footer .foot_top .site_info dd {color:#B0B8C1;}
	.footer .foot_top .contact_area {background:#ffffff1a; padding:18px 24px; border-radius:4px; white-space:nowrap;}
	.footer .foot_top .contact_area strong {font-weight:600;}
	.footer .foot_top .contact_area p {font-size:15px; font-weight:500;}
	.footer .foot_top .contact_area .time,
	.footer .foot_top .contact_area .tel {align-items:center;}
	.footer .foot_top .contact_area .time {gap:16px; margin-bottom:12px; padding-bottom:12px; border-bottom:#ffffff1a 1px solid;}
	.footer .foot_top .contact_area .time strong {font-size:17px; color:#F2F4F6;}
	.footer .foot_top .contact_area .time p {color:#61A8AB;}
	.footer .foot_top .contact_area .tel {gap:22px;}
	.footer .foot_top .contact_area .tel strong {font-size:20px;}
	.footer .foot_top .contact_area .tel p {color:#B0B8C1;}
	.footer .foot_btm {align-items:center;}
	.footer .foot_btm .left {gap:24px;}
	.footer .foot_btm .left nav {gap:28px;}
	.footer .foot_btm .left a {position:relative; font-size:16px; font-weight:600;}
	.footer .foot_btm .left a strong {color:#61A8AB;}
	.footer .foot_btm .left a + a:before {content:""; position:absolute; top:50%; left:-16px; width:4px; aspect-ratio:1/1; border-radius:50%; transform:translateY(-50%); background:#ffffff1a;}
	.footer .foot_btm .copy {font-size:16px; color:#6B7684;}
	.footer .foot_btm .right {gap:8px;}
	.footer .foot_btm .right a {font-size:16px; color:#fff; font-weight:600; line-height:42px; height:42px; background:#61A8AB; border-radius:21px; padding:0 24px;}
	.quick_menu {position:fixed; bottom:40px; right:40px; width:80px; z-index:1; display:flex; flex-direction:column; align-items:center; gap:8px;}
	.quick_menu button,
	.quick_menu .btn_chat {aspect-ratio:1/1; border-radius:50%;}
	.quick_menu .btn_chat {width:100%; background:#61A8AB; line-height:26px; color:#fff; text-decoration:none;}
	.quick_menu .btn_chat:before {content:""; display:block; width:20px; aspect-ratio:1/1; background:url('/images/icon_chatbot.svg') no-repeat 50% 50% / contain;}
	.quick_menu .gotop {width:64px; background:#fff; font-size:0; box-shadow:#0003 0 0 20px;}
	.quick_menu .gotop:before {content:""; display:block; width:40px; aspect-ratio:1/1; background:#182233; mask:url('/images/icon_gotop.svg') no-repeat 50% 50%; -webkit-mask:url('/images/icon_gotop.svg') no-repeat 50% 50%  ; transition:.2s linear;}

/* sub */
	.container_wrap {font-size:18px; color:#191F28; line-height:1.65; padding-bottom:160px;}
	.container_wrap > .inner {position:relative;}
	.svisual {margin:120px 0; height:360px; background:no-repeat 50% 50% / cover;}
	.svisual .inner {height:100%; justify-content:center;}
	.svisual .location {display:flex; align-items:center; gap:30px;}
	.svisual .location i {width:22px; height:22px; background:url('/images/icon_home.svg') no-repeat 50% 50% / contain;}
	.svisual .location span {position:relative; font-size:15px; color:#F2F4F6; font-weight:500; line-height:1.7;}
	.svisual .location span:before {content:""; position:absolute; top:0; left:-30px; width:30px; height:100%; background:url('/images/arrow_location.svg') no-repeat 50% 50%;}
	.svisual .copy_tit {font-size:48px; color:#fff; font-weight:700; line-height:1.2; margin:32px 0 12px;}
	.svisual .sub_tit {font-size:20px; color:#fff; line-height:1.6;}
	.svisual.g01 {background-image:url('/images/svisual01.avif');}
	.svisual.g02 {background-image:url('/images/svisual02.avif');}
	.svisual.g03 {background-image:url('/images/svisual03.avif');}
	.svisual.g04 {background-image:url('/images/svisual04.avif');}
	.no_svisual_contents {margin-top:120px; padding-top:100px;}

/* 타이틀 */
	.stit {text-align:center; margin-bottom:40px;}
	.stit .h1,
	.stit h1 {font-size:48px; color:#222; line-height:1.42;}
	.stit.slim h1 {font-size:40px; color:inherit; line-height:1.45;}
	.btit {position:relative; margin:60px 0 24px;}
	.btit:first-child {margin-top:0;}
	.btit h1,
	.btit h2 {font-size:32px; font-weight:600; line-height:1.5;}
	.btit .excl {position:absolute; bottom:0; right:0; font-size:17px; font-weight:500;}
	.line_tit {position:relative; font-size:32px; font-weight:600; line-height:1.5; padding-left:21px; display:flex; align-items:center; gap:6px; margin:120px 0 24px;}
	.line_tit:first-child {margin-top:0;}
	.line_tit:before {content:""; position:absolute; top:50%; left:0; width:5px; height:28px; background:var(--c_iden); transform:translateY(-50%);}
	.line_tit span {font-size:22px; color:var(--c_iden); font-weight:500;}
	.line_tit.slim {font-size:20px; line-height:1.3; margin:40px 0 12px;}
	.excl {font-size:16px; color:var(--c_iden);}
	.excl_box {margin-top:24px; gap:2px;}
	.excl_box .excl {font-size:14px; line-height:1.4; margin:0 !important;}
	.excl_box .excl.gray {color:#6B7684;}
	.sub_tit .eng {font-size:20px; color:var(--c_iden); font-weight:600; line-height:1.6; margin-bottom:16px;}
	.sub_tit .sub_copy {font-size:48px; font-weight:700; line-height:1.47;}
/* 탭 */
	.tabs {display:flex; gap:16px; margin-bottom:48px;}
	.tabs a,
	.tabs button {position:relative; display:block; line-height:30px; color:#6B7684; font-weight:500; text-align:center;}
	.tabs a:after,
	.tabs button:after {content:""; position:absolute; bottom:-2px; left:50%; width:0; height:2px; background:var(--c_iden); transform:translateX(-50%); transition:.2s linear;}
	.tabs .on a,
	.tabs .on button {color:var(--c_iden); font-weight:600;}
	.tabs .on a:after,
	.tabs .on button:after {width:100%;}
	.tabs_round_wrap {margin-bottom:40px;}
	.tabs_round {padding:8px; border:#E5E8EB 1px solid; border-radius:38px;}
	.tabs_round a,
	.tabs_round button {display:block; font-size:18px; color:#333D4B; font-weight:500; line-height:60px; width:252px; text-align:center; border-radius:30px;}
	.tabs_round .on a,
	.tabs_round .on button {color:#fff; background:var(--c_iden);}
	.tabs_round.grid li * {width:100%;}
	.tabs_round.slim_tabs a,
	.tabs_round.slim_tabs button {line-height:42px; height:42px;}
	.tabs_line {position:relative; margin-bottom:80px;}
	.tabs_line:after {content:""; position:absolute; bottom:0; left:50%; width:100vw; height:1px; background:#E5E8EB; transform:translateX(-50%);}
	.tabs_line button,
	.tabs_line a {position:relative; display:block; color:#6B7684; font-weight:500; line-height:78px; width:100%; text-align:center; z-index:1;}
	.tabs_line button:after,
	.tabs_line a:after {content:""; position:absolute; bottom:0; left:0; width:0; height:2px; background:var(--c_iden); transition:.2s linear;}
	.tabs_line .on button,
	.tabs_line .on a {color:var(--c_iden);}
	.tabs_line .on button:after,
	.tabs_line .on a:after {width:100%;}
	.tabs_line.w100p:after {width:100%;}
/* 점선목록 */
	.dots_list li {position:relative; padding-left:10px; font-size:14px; color:#6B7684;}
	.dots_list li:before {content:""; position:absolute; top:8px; left:0; width:4px; aspect-ratio:1/1; border-radius:50%; background:#6B7684;}
/* 박스 */
	.gbox {background:#F9FAFB; padding:24px 32px; border-radius:12px;}
/* 체크박스 */
	.check {position:relative; padding:5px 0 5px 36px; line-height:20px; display:block; color:#333D4B;}
	.check input,
	.check i {position:absolute; top:3px; left:0; width:24px; height:24px;}
	.check input {margin:0; /* opacity:0; */}
	.check i {border-radius:2px; border:#D1D6DB 1px solid; background:#fff; transition:.2s linear;}
	.check i:before {content:""; position:absolute; top:0; left:0; width:100%; height:100%; background:#B0B8C1; mask:url('/images/icon_check.svg') no-repeat 50% 50%; -webkit-mask:url('/images/icon_check.svg') no-repeat 50% 50%; transition:.2s linear;}
	.check input:checked + i {background:var(--c_iden); border-color:var(--c_iden);}
	.check input:checked + i:before {background:#fff;}
	.check input[type="radio"] + i,
	.check.radio i {border-radius:50%;}
	.check.radio i:before {top:50%; left:50%; width:12px; height:auto; aspect-ratio:1/1; border-radius:50%; mask:none; -webkit-mask:none; transform:translate(-50%,-50%);}
/* 팝업 */
	.popup,
	.popup .dm {position:fixed; top:0; left:0; width:100%; height:100%;}
	.popup {z-index:101; font-size:16px; color:#191F28; line-height:1.65; visibility:hidden; opacity:0; transition:.3s;}
	.popup.is-active {visibility:visible; opacity:1;}
	.popup .dm {background:#0009;}
	.popup .inbox {position:absolute; top:50%; left:50%; width:740px; max-width:calc(100vw - 40px); max-height:calc(100vh - 40px); background:#fff; border-radius:4px; padding:40px; transform:translate(-50%,-50%);}
	.popup .btn_close {position:absolute; top:40px; right:40px; width:34px; height:34px; background:url('/images/btn_close.svg') no-repeat 50% 50%; font-size:0; z-index:10;}
	.popup .tit {font-size:32px; font-weight:700; line-height:1.5; margin-bottom:32px;}
	.popup .tit.strong {font-weight:600;}
	.popup .tit.after_icon {gap:8px; align-items:center;}
	.popup .tit.after_icon:after {content:""; display:block; width:36px; aspect-ratio:9/5; background:url('/images/icon_logo.svg') no-repeat 50% 50% / contain;}
	.popup .scroll_out {padding:20px 8px 20px 24px; background:#F9FAFB; border:#E5E8EB 1px solid; border-radius:8px; width:100%;}
	.popup .scroll {height:530px; max-height:calc(100vh - 200px); overflow:auto; padding-right:20px; font-size:16px; color:#6B7684;}
	.popup .scroll_out.slim_area {margin-top:32px; border-radius:12px; border:#E5E8EB 1px solid; background:#F9FAFB;}
	.popup .scroll_out.slim_area p {font-size:16px; color:#4E5968;}
	.popup .scroll_out.slim_area p + p {margin-top:12px;}
/* 팝업 - 강사 소개 팝업 - 메인, 강사소개 */
	.popup_instructors .inbox {width:1080px;}
	.popup_instructors .flex {gap:40px; align-items:flex-start;}
	.popup_instructors .imgfit {width:350px; aspect-ratio:350/444; border-radius:12px; background:#61A8AB;}
	.popup_instructors .imgfit img {object-fit:contain;}
	.popup_instructors .txt {width:calc(100% - 390px); padding-top:4px; display:flex; flex-direction:column; align-items:flex-start;}
	.popup_instructors .tit {font-size:32px; line-height:1.5; margin:4px 0 2px;}
	.popup_instructors p {font-size:18px; color:#4E5968;}
	.popup_instructors .scroll_out .scroll {height:258px;}
	.popup_instructors .slide_area .arrow {background:#00000066; border:0;}
	.popup_instructors .slide_area .arrow:before {background:#fff; mask-image:url('/images/arrow_slide_large.svg'); -webkit-mask-image:url('/images/arrow_slide_large.svg')}
	.popup_instructors .slide_area .prev {left:-96px;}
	.popup_instructors .slide_area .next {right:-96px;}
/* 팝업 - 캘린더 */
	.popup_calendar .inbox {width:746px; padding:40px 48px;}
	.popup_calendar .imgfit {height:300px; border-radius:12px;}
	.popup_calendar .pop_slide {overflow:hidden auto; max-height:calc(100vh - 300px);}
	.popup_calendar .scroll_out .scroll {height:234px;}
	.popup_calendar .calendar-popup-info {display:flex; flex-direction:column; gap:4px; margin-top:16px;}
	.popup_calendar .calendar-popup-info div {display:flex; gap:12px;}
	.popup_calendar .calendar-popup-info dt {width:72px; color:#333D4B; font-weight:600;}
	.popup_calendar .calendar-popup-info dd {color:#4E5968;}
	.popup_calendar .btns_btm {margin-top:40px;}
	.popup_calendar .width_normal {width:240px;}
/* 팝업 - 강의 신청 접수 */
	.popup_apply_end .inbox {width:490px; padding:48px 40px;}
	.apply_end:before {content:""; display:block; width:64px; height:64px; background:#61A8AB1A url('/images/icon_apply.svg') no-repeat 50% 50%; border-radius:50%; margin:0 auto 24px;}
	.apply_end .tit {font-size:28px; font-weight:600; margin-bottom:8px;}
	.apply_end .tac p {color:#6B7684;}
	.apply_end .payment_state {align-items:center; margin:24px 0;}
	.apply_end .payment_state strong {color:#333D4B; font-weight:600;}
	.apply_end .payment_state .state {font-size:14px; font-weight:600; line-height:28px; height:28px; padding:0 16px; border-radius:14px; display:flex; align-items:center; gap:4px;}
	.apply_end .payment_state .state:before {content:""; display:block; width:4px; height:4px; border-radius:50%;}
	.apply_end .payment_state .state_unsettled {color:#E7660C; background:#FEF6F1;}
	.apply_end .payment_state .state_unsettled:before {background:#E7660C;}
	.apply_end .excl_area {margin-top:40px;}
	.apply_end .excl_area .excl_ico {margin-bottom:8px;}
/* 팝업 - 회원탈퇴 */
	.popup_secession .inbox {width:490px;}
	.popup_secession .secession_form:before {content:""; display:block; width:64px; height:64px; background:#61A8AB1A url('/images/icon_secession.svg') no-repeat 50% 50% / 50%; border-radius:50%; margin:0 auto 24px;}
	.popup_secession .btns_btm {margin-top:40px;}
/* 팝업 - 수강 신청 취소 */
	.popup_registration_cancel .inbox {width:570px;}
	.popup_registration_cancel .tit {margin-bottom:8px;}
	.popup_registration_cancel .tit:before {content:"!"; display:block; width:64px; height:64px; background:#61A8AB1A; border-radius:50%; margin:0 auto 24px; font-size:40px; color:var(--c_iden); font-weight:700; display:flex; justify-content:center; align-items:center;}
	.popup_registration_cancel p {font-size:18px; color:#6B7684; font-weight:600;}
	.popup_registration_cancel .btns_btm {margin-top:40px;}
/* 강조 - 강의 상세 */
	.excl_ico {position:relative; font-size:15px; color:#E7660C; line-height:26px; padding-left:26px; font-weight:500;}
	.excl_ico:before {content:""; position:absolute; top:4px; left:0; width:18px; aspect-ratio:1/1; border-radius:50%; background:url('/images/icon_excl.svg') no-repeat 50% 50%;}
	.excl_ico.ico_blk {color:#333D4B;}
	.excl_ico.ico_blk:before {background-image:url('/images/icon_excl_blk.svg');}
	.excl_ico.c_iden {color:var(--c_iden);}
	.excl_ico.c_iden:before {background:var(--c_iden); mask:url('/images/icon_excl.svg') no-repeat 50% 50%; -webkit-mask:url('/images/icon_excl.svg') no-repeat 50% 50%;}
/* 화살표 */
	.slide_area {position:relative;}
	.slide_area .arrow {position:absolute; top:50%; width:48px; aspect-ratio:1/1; border-radius:50%; border:#E5E8EB 2px solid; background:#fff; transform:translateY(-50%); z-index:1; font-size:0;}
	.slide_area .arrow:before {content:""; position:absolute; top:0; left:0; width:100%; height:100%; background:#6B7684; mask:url('/images/arrow_slide_c.svg') no-repeat 50% 50%; -webkit-mask:url('/images/arrow_slide_c.svg') no-repeat 50% 50%; transition:.2s linear;}
	.slide_area .next:before {transform:scaleX(-1);}
	.slide_area .swiper-button-disabled {opacity:.5; pointer-events:none; user-select:none;}
/* gap */
	.gap32 {gap:32px;}
/* 테이블 */
	.tbl.mt {margin-top:8px;}
	.tbl.mb {margin-bottom:8px;}
	.tbl th,
	.tbl td {padding:20px 32px; text-align:center;}
	.tbl thead th {color:#333D4B; font-weight:500; background:#61A8AB1A;}
	.tbl tbody th,
	.tbl tbody td {font-size:16px; color:#4E5968; border-bottom:#E5E8EB 1px solid; border-left:#E5E8EB 1px solid; border-right:#E5E8EB 1px solid;}
	.tbl tbody th:first-child,
	.tbl tbody td:first-child {border-left:0;}
	.tbl tbody th:last-child,
	.tbl tbody td:last-child {border-right:0;}

/* ------------------------------ PC Guide ------------------------------ */
@media screen and (max-width:1560px){
/* color/button */
	a.more {font-size:16px;}
	.btn {width:200px;}
	.btns_btm .btn {font-size:16px;}
	.btns_btm .btn_slim {width:180px; margin-top:30px;}
	.btns_btm .btn_short {width:220px;}
/* header */
	.header .logo {left:40px;}
	.header .gnb {padding:0 320px 0 170px;}
	.header .gnb .menu > a {font-size:16px; padding:24px 20px;}
	.header .header_tools {right:40px;}
	.header .header_tools .btns_member {padding-right:16px; gap:20px;}
	.header .header_tools .btns_member a,
	.header .header_tools .btns_member button,
	.header .header_tools .btns_member form {font-size:15px;}
	.header .header_tools .btns_member a + a:before,
	.header .header_tools .btns_member a + form:before {left:-11px; height:14px;}
	.header .header_tools .btn {width:40px;}
/* footer */
	.footer .foot_top {padding-bottom:34px; margin-bottom:34px; gap:40px;}
	.footer .foot_top .flogo {width:200px;}
	.footer .foot_top .txt {width:calc(100% - 200px);}
	.footer .foot_top .txt .name {font-size:16px;}
	.footer .foot_top .site_info {gap:0 10px;}
	.footer .foot_top .site_info div {gap:6px; font-size:15px;}
	.quick_menu {bottom:30px; right:20px; width:70px;}

/* sub */
	.container_wrap {font-size:16px; padding-bottom:140px;}
	.svisual {margin:100px 0; height:320px;}
	.svisual .location {gap:24px;}
	.svisual .location i {width:20px; height:20px;}
	.svisual .location span {font-size:14px;}
	.svisual .location span:before {left:-24px; width:24px;}
	.svisual .copy_tit {font-size:44px; margin:24px 0 10px;}
	.svisual .sub_tit {font-size:18px;}
/* 타이틀 */
	.stit {margin-bottom:32px;}
	.stit .h1,
	.stit h1 {font-size:42px;}
	.stit.slim h1 {font-size:36px;}
	.btit {margin:50px 0 20px;}
	.btit h1,
	.btit h2 {font-size:28px;}
	.btit .excl {font-size:16px;}
	.line_tit {font-size:28px; padding-left:18px; gap:4px; margin:100px 0 20px;}
	.line_tit:before {width:4px; height:24px;}
	.line_tit span {font-size:20px;}
	.line_tit.slim {font-size:18px; margin:30px 0 10px;}
	.excl {font-size:15px;}
	.excl_box {margin-top:20px;}
	.sub_tit .sub_copy {font-size:42px;}
/* 탭 */
	.tabs_round a,
	.tabs_round button {font-size:16px; width:240px;}
/* 팝업 - 강사 소개 팝업 - 메인, 강사소개 */
	.popup_instructors .slide_area .prev {left:10px;}
	.popup_instructors .slide_area .next {right:10px;}
/* 화살표 */
	.slide_area .arrow {width:40px;}
/* gap */
	.gap32 {gap:24px;}
/* 테이블 */
	.tbl tbody th,
	.tbl tbody td {font-size:15px;}
}

/* ------------------------------ Hover ------------------------------ */
@media screen and (min-width:1024px){
/* color/button */
	.btn_widen:hover {background:var(--c_iden2) !important; border-color:var(--c_iden2) !important;}
	.btn_gwg:hover {color:var(--c_iden2) !important; background:#fff !important; border-color:var(--c_iden2) !important;}
	.btn_kgg:hover {color:var(--c_iden) !important; background:#E5E8EB !important; border-color:var(--c_iden) !important;}
	.btn_kwg:hover {color:var(--c_iden) !important; background:#fff !important; border-color:var(--c_iden) !important;}
	.btn_wkk:hover {color:#fff !important; background:#333 !important; border-color:#333 !important;}
	a.more:hover {color:var(--c_iden);}
	a.more:hover:after {background:var(--c_iden);}
/* header */
	.header .gnb .menu:hover > a {color:var(--c_iden);}
	.header .gnb .snb a:hover {color:var(--c_iden); font-weight:600;}
	.header .gnb .menu.focus-visible .snb,
	.header .gnb .menu:hover .snb {visibility:visible; opacity:1; pointer-events:auto; user-select:auto; transform:translate(-50%,0);}
	.header.hover {background:#fff;}
	.header.hover .bg {height:90px; opacity:1;}
	.header.hover .logo {background:none;}
	.header.hover .logo img {opacity:1;}
	.header.hover .gnb .menu > a {color:#191F28;}
	.header.hover .gnb .menu:hover > a {color:var(--c_iden);}
	.header.hover .header_tools .btns_member a {color:#4E5968;}
	.header.hover .header_tools .btns_member a + a:before {background:#D1D6DB;}
	.header.hover .header_tools .btn {background:#333D4B;}
/* footer */
	.quick_menu .gotop:hover {background-color:var(--c_iden);}
	.quick_menu .gotop:hover:before {background:#fff;}
/* sub */
/* 텝 */
	.tabs li:hover a,
	.tabs li:hover button {color:var(--c_iden); font-weight:600;}
	.tabs li:hover a:after,
	.tabs li:hover button:after {width:100%;}
}

/* Hover */
@media screen and (min-width:1024px){
	.btn_secession:hover {color:var(--c_iden);}
}

@media screen and (max-width:1023px){
	input[type="text"], input[type="password"], input[type="date"], input[type="tel"], input[type="search"], select {height:50px;}
/* color/button */
	a.more {font-size:15px;}
	.btn {height:50px; line-height:48px; width:160px;}
	.btns_btm {gap:10px;}
	.btns_btm.mt_board {margin-top:60px;}
	.btns_btm .btn {font-size:15px; line-height:42px; height:44px;}
	.btns_btm .btn_slim {width:160px; margin-top:24px;}
	.btns_btm .btn_short {width:200px;}
/* header */
	.header .inner {position:relative; height:80px;}
	.header .logo {left:40px; width:130px;}
	.header .gnb {position:fixed; top:0; right:-100vw; width:70vw; height:100vh; flex-direction:column; justify-content:flex-start; background:#fff; padding:80px 20px 0 20px; box-shadow:#0000001a 0 0 10px; opacity:0; z-index:2; transition:.2s linear;}
	.header .gnb:before {content:""; position:absolute; top:0; right:100%; width:0; height:100vh; background:#0006; opacity:0; transition:.2s;}
	.header .gnb .menu {border-bottom:#E5E8EB 1px solid;}
	.header .gnb .menu:first-child {border-top:#E5E8EB 1px solid;}
	.header .gnb .menu > a {position:relative; line-height:30px; padding:16px 20px;}
	.header .gnb .menu.inset > a:after {content:""; position:absolute; top:0; right:20px; width:16px; height:100%; background:url('/images/arrow_updown.svg') no-repeat 50% 50% / contain; transform:rotate(180deg); transition:.2s linear;}
	.header .gnb .snb {position:relative; top:0; left:0; width:100%; max-height:0; padding:0; flex-direction:column; gap:0; background:#eaeaea; transform:none !important; transition:.2s linear;}
	.header .gnb .snb a {font-size:15px; line-height:30px; padding:10px 20px; text-align:left;}
	.header .gnb .on .snb,
	.header .gnb .open .snb {max-height:170px; visibility:visible; opacity:1; pointer-events:auto; user-select:auto; padding:16px 0;}
	.header .gnb .menu.on > a:after,
	.header .gnb .menu.open > a:after {transform:rotate(0deg);}
	.header .header_tools {right:72px; z-index:2;}
	.header .header_tools .btns_member {padding-right:12px; gap:16px;}
	.header .header_tools .btns_member a,
	.header .header_tools .btns_member button,
	.header .header_tools .btns_member form {font-size:14px;}
	.header .header_tools .btns_member a + a:before,
	.header .header_tools .btns_member a + form:before {left:-9px; height:12px;}
	.header .header_tools .btn {width:36px; mask-size:22px; -webkit-mask-size:22px;}
	.header .btn_menu {position:absolute; top:0; right:0; width:72px; height:80px; font-size:0; z-index:3; display:block !important;}
	.header .btn_menu span {position:absolute; top:50%; left:50%; width:32px; height:3px; margin-left:-16px; background:#191F28; transition:.2s linear;}
	.header .btn_menu .t {margin-top:-12px;}
	.header .btn_menu .m {margin-top:-1px;}
	.header .btn_menu .b {margin-top:10px;}
	.header.main {padding-top:16px;}
	.header.main .gnb .menu > a {color:#191F28;}
	.header.main .gnb .snb {top:0;}
	.header.main .header_tools {top:0; height:100%;}
	.header.main .btn_menu span {background:#fff;}
	.header.on .gnb {right:0; opacity:1;}
	.header.on .gnb:before {width:30vw; opacity:1;}
	.header.on .btn_menu span {background:#191F28;}
	.header.on .btn_menu .t {margin-top:-1px; transform:rotate(225deg);}
	.header.on .btn_menu .m {width:0;}
	.header.on .btn_menu .b {margin-top:-1px; transform:rotate(-225deg);}
	.header.main.on {padding-top:0;}
	.header.main.on .header_tools .btns_member a {color:#4E5968;}
	.header.main.on .header_tools .btns_member a + a:before {background:#D1D6DB;}
	.header.main.on .header_tools .btn {background:#333D4B;}
	.header.fixed .btn_menu span {background:#191F28;}
	.header.fixed.main .header_tools {top:-100%;}
	.header.fixed.main.on .header_tools {top:0; height:100%;}
/* footer */
	.footer {padding:48px 0 60px;}
	.footer .foot_top {padding-bottom:24px; margin-bottom:24px; gap:20px; flex-direction:column;}
	.footer .foot_top .flogo {width:180px;}
	.footer .foot_top .txt {width:calc(100% - 180px);}
	.footer .foot_top .txt .name {font-size:15px; margin-bottom:4px;}
	.footer .foot_top .site_info div {font-size:14px;}
	.footer .foot_top .contact_area {padding:18px 24px; width:100%; display:flex; justify-content:space-between;}
	.footer .foot_top .contact_area .time {margin-bottom:0; padding-bottom:0; border-bottom:0;}
	.footer .foot_top .contact_area .time strong {font-size:16px;}
	.footer .foot_top .contact_area .tel {gap:20px;}
	.footer .foot_top .contact_area .tel strong {font-size:18px;}
	.footer .foot_btm .left {gap:16px;}
	.footer .foot_btm .left nav {gap:20px;}
	.footer .foot_btm .left a,
	.footer .foot_btm .copy {font-size:14px;}
	.footer .foot_btm .left a + a:before {left:-10px;}
	.footer .foot_btm .right {gap:4px;}
	.footer .foot_btm .right a {font-size:14px; line-height:40px; height:40px; padding:0 16px;}
	.quick_menu {bottom:20px; right:16px; width:60px; gap:4px;}
	.quick_menu .btn_chat:before {width:16px;}
	.quick_menu .gotop {width:50px;}
	.quick_menu .gotop:before {width:30px; mask-size:contain; -webkit-mask-size:contain;}

/* sub */
	.container_wrap {font-size:15px; padding-bottom:100px;}
	.svisual {margin:80px 0; height:280px;}
	.svisual .location {gap:20px;}
	.svisual .location i {width:18px; height:18px;}
	.svisual .location span {font-size:13px;}
	.svisual .location span:before {left:-20px; width:20px;}
	.svisual .copy_tit {font-size:36px; margin:20px 0 8px;}
	.svisual .sub_tit {font-size:16px;}
	.no_svisual_contents {margin-top:80px; padding-top:80px;}
/* 타이틀 */
	.stit {margin-bottom:24px;}
	.stit .h1,
	.stit h1 {font-size:36px;}
	.stit.slim h1 {font-size:32px;}
	.btit {margin:40px 0 16px;}
	.btit h1,
	.btit h2 {font-size:24px;}
	.btit .excl {font-size:15px;}
	.line_tit {font-size:24px; padding-left:16px; margin:80px 0 16px;}
	.line_tit span {font-size:18px;}
	.line_tit.slim {font-size:16px; margin:24px 0 8px;}
	.excl {font-size:14px;}
	.excl_box {margin-top:16px;}
	.excl_box .excl {font-size:13px;}
	.sub_tit .eng {font-size:18px; margin-bottom:12px;}
	.sub_tit .sub_copy {font-size:34px;}
/* 탭 */
	.tabs {gap:12px; margin-bottom:32px;}
	.tabs_round_wrap {margin-bottom:32px;}
	.tabs_round {padding:6px;}
	.tabs_round a,
	.tabs_round button {font-size:15px; width:200px; line-height:50px; height:50px;}
	.tabs_round.slim_tabs a,
	.tabs_round.slim_tabs button {height:36px;}
	.tabs_line {margin-bottom:60px;}
	.tabs_line button,
	.tabs_line a {line-height:60px;}
/* 박스 */
	.gbox {padding:20px 24px; border-radius:10px;}
/* 체크박스 */
	.check {padding-left:32px;}
/* 팝업 */
	.popup {font-size:15px;}
	.popup .inbox {padding:30px;}
	.popup .btn_close {top:30px; right:30px;}
	.popup .tit {font-size:28px; margin-bottom:24px;}
	.popup .scroll_out.slim_area p {font-size:15px;}
	.popup .scroll_out.slim_area p + p {margin-top:10px;}
/* 팝업 - 강사 소개 팝업 - 메인, 강사소개 */
	.popup_instructors .flex {gap:30px;}
	.popup_instructors .tit {font-size:24px;}
	.popup_instructors p {font-size:15px;}
	.popup_instructors .txt > p {height:50px;}
	.popup_instructors .scroll_out .scroll {height:222px;}
/* 팝업 - 캘린더 */
	.popup_calendar .inbox {padding:30px 32px;}
	.popup_calendar .imgfit {height:240px;}
	.popup_calendar .pop_slide {max-height:calc(100vh - 242px);}
	.popup_calendar .scroll_out .scroll {height:220px;}
	/* .popup_calendar .scroll_out .scroll {height:calc(100vh - 556px);} */
	.popup_calendar .btns_btm {margin-top:30px;}
	.popup_calendar .width_normal {width:200px;}
/* 팝업 - 강의 신청 접수 */
	.popup_apply_end .inbox {padding:32px 30px;}
	.apply_end:before {width:56px; height:56px; margin-bottom:20px;}
	.apply_end .tit {font-size:24px; margin-bottom:6px;}
	.apply_end .payment_state {margin:20px 0;}
	.apply_end .excl_area {margin-top:30px;}
/* 팝업 - 회원탈퇴 */
	.popup_secession .secession_form:before {width:56px; height:56px; margin-bottom:20px;}
	.popup_secession .btns_btm {margin-top:30px;}
/* 팝업 - 수강 신청 취소 */
	.popup_registration_cancel .tit:before {width:56px; height:56px; margin-bottom:20px; font-size:32px;}
/* 강조 - 강의 상세 */
	.excl_ico {font-size:14px; padding-left:24px;}
/* 화살표 */
	.slide_area .arrow {width:40px;}
/* gap */
	.gap32 {gap:24px;}
/* 테이블 */
	.tbl.mt {margin-top:6px;}
	.tbl.mb {margin-bottom:6px;}
	.tbl th,
	.tbl td {padding:16px 24px;}
	.tbl tbody th,
	.tbl tbody td {font-size:14px;}
}

@media screen and (max-width:767px){
	.pc_vw {display:none !important;}
	.mo_vw {display:block !important;}
	input[type="text"], input[type="password"], input[type="date"], input[type="tel"], input[type="search"], select {height:44px; padding:0 12px;}
/* color/button */
	a.more {font-size:13px; padding-right:20px;}
	a.more:after {width:16px;}
	.btn {height:40px; line-height:38px; width:120px;}
	.btns_btm {gap:4px;}
	.btns_btm.mt_board {margin-top:30px;}
	.btns_btm .btn {font-size:13px; line-height:38px; height:40px; flex:1 1 auto;}
	.btns_btm .btn_slim {width:120px; margin-top:20px;}
	.btns_btm .btn_short {width:140px;}
/* header */
	.header .inner {height:60px;}
	.header .logo {left:20px; width:100px;}
	.header .gnb {width:90vw; padding:60px 20px 0 20px;}
	.header .gnb .menu > a {font-size:15px; line-height:28px; padding:16px;}
	.header .gnb .snb {gap:4px;}
	.header .gnb .snb a {font-size:14px; line-height:22px; padding:8px 20px;}
	.header .gnb .on .snb,
	.header .gnb .open .snb {max-height:154px; padding:16px 0;}
	.header .header_tools {right:60px; top:-60px; transition:.2s linear;}
	.header .header_tools .btns_member {padding-right:10px; gap:12px;}
	.header .header_tools .btns_member a,
	.header .header_tools .btns_member button,
	.header .header_tools .btns_member form {font-size:13px;}
	.header .header_tools .btns_member a + a:before,
	.header .header_tools .btns_member a + form:before {left:-7px; height:10px;}
	.header .header_tools .btn {width:30px; mask-size:18px; -webkit-mask-size:18px;}
	.header .btn_menu {width:60px; height:60px;}
	.header .btn_menu span {width:24px; height:2px; margin-left:-12px;}
	.header .btn_menu .t {margin-top:-10px;}
	.header .btn_menu .b {margin-top:8px;}
	.header.main {padding-top:12px;}
	.header.main .header_tools {top:-100%;}
	.header.on .gnb:before {width:10vw;}
	.header.on .btn_menu span {width:20px; margin-left:-10px;}
	.header.on .header_tools,
	.header.main.on .header_tools {top:0;}
/* footer */
	.footer {padding:32px 0 40px;}
	.footer .foot_top {padding-bottom:16px; margin-bottom:16px; gap:10px;}
	.footer .foot_top .info_area {flex-direction:column; gap:12px;}
	.footer .foot_top .flogo {width:100%; height:40px;}
	.footer .foot_top .flogo img {max-height:100%;}
	.footer .foot_top .txt {width:100%;}
	.footer .foot_top .txt .name {font-size:14px; margin-bottom:2px;}
	.footer .foot_top .site_info div {gap:4px; font-size:12px;}
	.footer .foot_top .contact_area {padding:12px 20px; flex-direction:column;}
	.footer .foot_top .contact_area p {font-size:14px;}
	.footer .foot_top .contact_area .time {gap:12px; margin-bottom:8px; padding-bottom:8px; border-bottom:#ffffff1a 1px solid;}
	.footer .foot_top .contact_area .time strong {font-size:14px;}
	.footer .foot_top .contact_area .tel {gap:16px;}
	.footer .foot_top .contact_area .tel strong {font-size:16px;}
	.footer .foot_btm {flex-direction:column; gap:16px;}
	.footer .foot_btm .left {gap:8px; flex-direction:column;}
	.footer .foot_btm .left nav {gap:16px;}
	.footer .foot_btm .left a,
	.footer .foot_btm .copy {font-size:13px;}
	.footer .foot_btm .left a + a:before {left:-10px;}
	.footer .foot_btm .right a {font-size:13px; padding:0 12px;}
	.quick_menu {bottom:16px; right:12px; width:50px;}
	.quick_menu .btn_chat {font-size:11px;}
	.quick_menu .btn_chat:before {width:14px;}
	.quick_menu .gotop {width:40px;}
	.quick_menu .gotop:before {width:24px;}
/* sub */
	.container_wrap {font-size:13px; padding-bottom:80px;}
	.svisual {margin:60px 0; height:220px; background-color:#BFBFBF; background-blend-mode:multiply;}
	.svisual .location {gap:16px;}
	.svisual .location i {width:14px; height:14px;}
	.svisual .location span {font-size:12px;}
	.svisual .location span:before {left:-16px; width:16px;}
	.svisual .copy_tit {font-size:24px; margin:16px 0 6px;}
	.svisual .sub_tit {font-size:13px;}
	.svisual.g01 {background-position:70% 50%;}
	.svisual.g02 {background-position:70% 50%;}
	.svisual.g03 {background-position:80% 50%;}
	.svisual.g04 {background-position:75% 50%;}
	.no_svisual_contents {margin-top:60px; padding-top:50px;}
/* 타이틀 */
	.stit {margin-bottom:20px;}
	.stit .h1,
	.stit h1 {font-size:26px;}
	.stit.slim h1 {font-size:22px;}
	.btit {margin:30px 0 12px;}
	.btit h1,
	.btit h2 {font-size:20px;}
	.btit .excl {font-size:13px;}
	.line_tit {font-size:20px; padding-left:12px; margin:60px 0 12px;}
	.line_tit:before {width:3px; height:16px;}
	.line_tit span {font-size:16px;}
	.line_tit.slim {font-size:15px; margin:20px 0 6px;}
	.excl {font-size:13px;}
	.excl_box {margin-top:12px;}
	.excl_box .excl {font-size:12px;}
	.sub_tit .eng {font-size:14px; margin-bottom:8px;}
	.sub_tit .sub_copy {font-size:24px;}
/* 탭 */
	.tabs {gap:10px; margin-bottom:24px;}
	.tabs_round_wrap {margin-bottom:24px;}
	.tabs_round {padding:4px; width:100%;}
	.tabs_round li {width:auto; flex:1 1 25%;}
	.tabs_round a,
	.tabs_round button {font-size:13px; width:100%; line-height:40px; height:40px;}
	.tabs_round.slim_tabs li {width:100%;}
	.tabs_round.slim_tabs a,
	.tabs_round.slim_tabs button {width:100%; line-height:32px; height:32px;}
	.tabs_line {margin-bottom:40px;}
	.tabs_line button,
	.tabs_line a {line-height:50px;}
/* 점선목록 */
	.dots_list li {padding-left:8px; font-size:13px;}
	.dots_list li:before {width:3px;}
/* 박스 */
	.gbox {padding:16px 20px;}
/* 체크박스 */
	.check {padding:2px 0 2px 28px;}
	.check input,
	.check i {top:2px; width:20px; height:20px;}
/* 팝업 */
	.popup {font-size:13px;}
	.popup .inbox {padding:20px;}
	.popup .btn_close {top:20px; right:20px; width:30px; height:30px; background-size:90%;}
	.popup .tit {font-size:20px; margin-bottom:16px;}
	.popup .tit.after_icon {gap:4px;}
	.popup .tit.after_icon:after {width:32px;}
	.popup .scroll_out {padding:16px 4px 16px 20px;}
	.popup .scroll {height:calc(100vh - 166px); padding-right:12px; font-size:13px;}
	.popup .scroll_out.slim_area {margin-top:16px; border-radius:8px;}
	.popup .scroll_out.slim_area p {font-size:13px;}
	.popup .scroll_out.slim_area p + p {margin-top:6px;}
/* 팝업 - 강사 소개 팝업 - 메인, 강사소개 */
	.popup_instructors .flex {gap:16px; flex-direction:column;}
	.popup_instructors .imgfit {width:100%; border-radius:8px; height:200px;}
	.popup_instructors .txt {width:100%; padding:0;}
	.popup_instructors .tit {font-size:18px;}
	.popup_instructors p {font-size:13px;}
	.popup_instructors .txt > p {height:auto;}
	.popup_instructors .scroll_out .scroll {height:calc(100vh - 476px);}
	.popup_instructors .slide_area .arrow {top:100px; transform:none;}
	.popup_instructors .slide_area .arrow:before {mask-size:50%; -webkit-mask-size:50%;}
/* 팝업 - 캘린더 */
	.popup_calendar .inbox {padding:20px;}
	.popup_calendar .imgfit {height:200px; border-radius:8px;}
	.popup_calendar .pop_slide {max-height:calc(100vh - 196px);}
	.popup_calendar .scroll_out .scroll {height:200px;}
	/* .popup_calendar .scroll_out .scroll {height:calc(100vh - 446px);} */
	.popup_calendar .calendar-popup-info {margin-top:12px;}
	.popup_calendar .calendar-popup-info div {gap:8px;}
	.popup_calendar .calendar-popup-info dt {width:60px;}
	.popup_calendar .calendar-popup-info dd {width:calc(100% - 68px);}
	.popup_calendar .btns_btm {margin-top:20px;}
/* 팝업 - 강의 신청 접수 */
	.popup_apply_end .inbox {padding:20px;}
	.apply_end:before {width:48px; height:48px; margin-bottom:16px;}
	.apply_end .tit {font-size:20px; margin-bottom:4px;}
	.apply_end .payment_state {margin:16px 0;}
	.apply_end .payment_state .state {font-size:13px; height:24px; padding:0 12px;}
	.apply_end .excl_area {margin-top:24px;}
	.apply_end .excl_area .excl_ico {margin-bottom:6px;}
/* 팝업 - 회원탈퇴 */
	.popup_secession .secession_form:before {width:48px; height:48px; margin-bottom:16px;}
	.popup_secession .btns_btm {margin-top:24px;}
/* 팝업 - 수강 신청 취소 */
	.popup_registration_cancel .tit {margin-bottom:6px;}
	.popup_registration_cancel .tit:before {width:48px; height:48px; margin-bottom:16px; font-size:24px;}
	.popup_registration_cancel p {font-size:14px;}
	.popup_registration_cancel .btns_btm {margin-top:30px;}

/* 강조 - 강의 상세 */
	.excl_ico {font-size:13px; padding-left:22px;}
	.excl_ico:before {top:3px;}
/* 화살표 */
	.slide_area .arrow {width:34px;}
/* gap */
	.gap32 {gap:20px;}

/* 테이블 */
	.tbl.mt {margin-top:4px;}
	.tbl.mb {margin-bottom:4px;}
	.tbl th,
	.tbl td {padding:12px 16px;}
	.tbl tbody th,
	.tbl tbody td {font-size:13px;}
}