@charset "utf-8";
@import url("design.css");
@import url("kendoui-custom.css");
@import url("editor.css");
@import url("lx_campus.css");

/* reset */
html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre, hr,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
b, u, i, center,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td,
article, aside, canvas, details, embed,
figure, figcaption, footer, header, hgroup,
menu, nav, output, ruby, section, summary,
time, mark, audio, video, input, select, textarea, button {box-sizing:border-box;margin:0;padding:0;border:0;}
article, aside, details, figcaption, figure,
footer, header, hgroup, menu, nav, section {display:block;}
dl, ul, ol, menu, li {list-style:none}
canvas, footer, header, hgroup, menu, nav, section {display:block;}
img, input, select, textarea, button, label {vertical-align:middle;}
textarea {resize:vertical;}
img, video {max-width:100%;}
input[type=text]::-ms-clear {display: none;}
input[type=text], input[type=radio], input[type=password], input[type=number], input[type=date], input[type=tel], input[type=email], select, textarea {-webkit-appearance:none;
-moz-appearance:none;appearance:none;}
select::-ms-expand {display:none;} /* IE 10-11 */
button::-moz-focus-inner {border:0;padding:0;} /* FF */
label, button {background-color:transparent;cursor:pointer}
a {text-decoration:none;}
address, caption, cite, code, dfn, em, i, var {font-style:normal;font-weight:normal}
legend, table caption {white-space:nowrap;width:1px;height:1px;overflow:hidden;border:0;padding:0;clip:rect(0 0 0 0);clip-path:inset(50%);margin:-1px;}
table {width:100%;table-layout:fixed;border-collapse:collapse;}
th, td, textarea {word-wrap:break-word;}
html, body {height:100%;}
body {-webkit-text-size-adjust:none;background-color:var(--lx-body-bg);}
body, h1, h2, h3, h4, h5, h6, p, span, strong, table, th, td, input, select, textarea, button, a {font-family:var(--lx-font-family), sans-serif;font-size:1rem;font-weight:normal;color:#555;}
img:focus, a:focus, div:focus, input:focus, select:focus, button:focus, textarea:focus {outline:var(--lx-focus);}

/* LX-루트 */
:root {
--lx-focus:2px dotted red !important;
/* 로고 */
--lx-logo-width-m:120px;
--lx-logo-height-m:37px;
/* 폰트 */
--lx-font-family:SCoreDream;
--lx-font-l:200; /* Light */
--lx-font-m:600; /* medium */
--lx-font-b:700; /* bold */
--lx-font-color:#666; /* dark-#fff */
--lx-font-color2:#555; /* dark-#aaa */
--lx-font-color3:#fff; /* dark-#aaa */
--lx-subj-color:#333; /* dark-#fff */
--lx-subj-color2:#333; /* dark-#aaa */
--lx-ph-color: #9a9a9a; /* placeholder */
/* 레이아웃 */
--lx-rows-width:1360px;
/* 디자인 공통 */
--lx-nav-deco-width:611px;
--lx-nav-deco-height:311px;
--lx-nav-deco-opacity:0.6;
--lx-footer-bg:#33383f;
/* 디자인 템플릿1 */
--lx-header1-mid-height:100px;
--lx-header1-h1-width:180px;
--lx-header1-frm-height:80px;
--lx-header1-frm-height-m:-80px;
--lx-main-visual1-height:510px;
/* 디자인 템플릿2 */
--lx-header3-h1-width:180px;
--lx-header3-frm-height:80px;
--lx-header3-frm-height-m:-80px;
--lx-main-visual3-height:510px;
/* 디자인 템플릿3 */
--lx-header-h1-width:180px;
--lx-header-frm-height:80px;
--lx-header-frm-height-m:-80px;
--lx-main-visual-height:510px;
--lx-footer-bg:#33383f;

/* lx-헤더2 */
--lx-logo-tp2:url("../../images/www/common/logo.png");
--lx-logo-tp2-wt:url("../../images/www/common/logo_wt.svg");
--lx-logo-width-tp2:150px;
--lx-logo-height-tp2:46px;
--lx-header-top-bg:#ecf5fe;
--lx-header-top-line:rgba(255, 255, 255, 0.27);
--lx-header-top-line-active:#e7e7e7;

--lx-body-bg:#fff;
--lx-header-top-bg:linear-gradient(to right, #ffca49 0%, #1fc4b1 100%);
--lx-nav-bg:#fff;
--lx-nav-border:#d8d9da;
--lx-low-bg:#fff; /* diff cont */
--lx-box-bg:#fff;
--lx-box-bg2:#fff;
--lx-box-bg3:#eee;
--lx-box-bg4:#f9f9f9; /* dark-transparent */
--lx-box-bg5:#fff; /* dark-#aaa */
--lx-boxbox-bg:#f5f7f9; /* dark-#343434 */
--lx-box-lt-border:#ddd; /* light, dark-#3e3e3e */
--lx-box-border:rgba(0, 0, 0, 0.15); /* base, dark-#3e3e3e */
--lx-box-border-bk:#000; /* base, dark-#3e3e3e */
--lx-box-th-border:#ccc;
--lx-box-hover:rgba(0, 0, 0, 0.05);
--lx-box-hover-none:#f8f8f8; /* dark-none */
--lx-box-tp-border:transparent;

--lx-tbl-col-thead:#222;
--lx-tbl-data-th:#edf2f7; /* tbl_row */
--lx-tbl-data-tr:#c0c0c0;
--lx-tbl-data2-th:#f5f5f5;
--lx-tbl-border-color:#e7e7e7;
--lx-tr-hover-color:#f9f9f9;
--lx-tbl-item-bg:#f6f9fb;
--lx-tbl-item-border-color:#e2eaf2;

--lx-form-font-size:15px;
--lx-form-bg:#fff;
--lx-formbox-bg:#f6f6f6;
--lx-form-border:#c0c0c0;
--lx-formbox-border:transparent;
--lx-tabs-bg:#f5f7f9;
--lx-tabs-color:#9a9a9a;
--lx-tabs-border:#fff;
--lx-tabs-on-border:#ccc;

--lx-link:#0d6efd;
--lx-color-base:#252121;
--lx-color-ci:#2a3c66;
--lx-color-ci2:#faa619; /* 4c */
--lx-color-ci3:#4a64f5; /* Royal Blue */
--lx-color-ci4:#ec6608; /* kfsp */
--lx-color-ci5:#20409a; /* navy, kasto */
--lx-color-ci6:#2EA7C0; /* cyan, nikom */
--lx-color-violet:#931f92;
--lx-color-purple:#521b92;
--lx-color-bk:#282828; /* dark-#4d4d4d */
--lx-color-gray:#999; /* dark-#4d4d4d */
--lx-color-blue:#0e60bf;
--lx-color-blue-hover-light:#1278ee;
--lx-color-blue-hover-dark:#0b488f;
--lx-color-ry_blue:#4a64f5;
--lx-color-brown:#897c71;
--lx-color-cerulean:#009be9;
--lx-color-sky:#568fd2;
--lx-color-red:#c32419;
--lx-color-green:#2a9b73;
--lx-color-green-hover-light:#35c391;
--lx-color-green-hover-dark:#1f7355;
--lx-color-cyan:#1fc4b1;
--lx-color-orange:#f7b265;
--lx-color-yellow:#ffa50d;
--lx-color-k-heading:#fafafa;
--lx-color-button:#f5f5f5;

--sb-color-blue:#0e60bf; /* sinbi color */
--sb-color-sky:#5b9bd5; /* lightblue */
--sb-color-yellow:#faa619;
--sb-color-cyan:#1fc4b1;
--sb-color-red:#ff4530;

--Ci-Blue:#0e60bf; /* 0f91d0 */ /* 의료원 컬러 */
--Ci-Pink:#c86ba9; /* 의료원 컬러 */
--Ci-LightPink:#ffb1e6; /* 의료원 컬러 */
--Ci-Purple:#c86ba9;
--Ci-LBlue:#5b9bd5;
--Ci-DBlue:#6b9abe;
--Ci-Cyan:#1fc4b1;
--Ci-Sky:#568fd2; /* 568fd2 */
--Ci-Yellow:#faa619;
--Ci-DYellow:#f7b265; /* 비주얼 v3 컬러 */
--ColorFont:#666;
--ColorLink:#0d6efd;
--Ci-Orange:#f15a21;
--Ci-Navy:#161d49;
--Ci-Gray:#999;
--Ci-Bk:#4d4d4d;
--Ci-Red:#da4453;
--Ci-Green:#2a9b73;
--Ci-LGreen:#8cc650;
--BadgeGreen:#00ac4e;
--BadgeBk:#112240;
--BadgeRed:#ff4530;
--BadgeGray:#989b9f;
--BadgeType:#f35a21;
--BadgeCont:#f9a618;
--BadgeWork:#fdcc0e;
--Color-Hyper-Link:#3ea6ff;
--Color-Tr-Gray:#ececec;
--LetterSpacing:-0.25px;

--ColorGray:#999;
--ColorTitileBk:#2f2f2f;
--ColorDisable:#d3d3d3;
--ColorLightGray:#989b9f;
--ColorDarkGray:#5b5b5b;
--ColorBlue:#167ae0;
--ColorCyan:#31a2a3;
--ColorLime:#439540;
--ColorGreen:#2a9b73;
--ColorPastelGreen:#9cc27b;
--ColorLightGreen:#67a134;
--ColorDarkGreen:#098a5a;
--ColorDarkGreenHover:#04774f;
--ColorYellow:#ffa50d;
--ColorOrange:#f97907;
--ColorRed:#da4453;
--ColorFormBorder:#c0c0c0;
--HoverLightGreen:#55852b;
--HoverDarkGreen:#04774f;
--HoverWhite:#f4f4f4;
/* 교육과정 목록 */
--edu-img-bg:rgba(0,0,0,0.1); /* 과정 썸네일 bg */
--edu_li-items:4; /* edu_li.list */
--edu_li-gap:20px;
}

/* theme */
:root .skin_dark {
--lx-logo:url("../../images/www/common/logo_wt.svg");
--lx-logo-m:url("../../images/www/common/logo_wt.svg"); /* logo_mo_dark */

--lx-font-color:#fff;
--lx-font-color2:#aaa;
--lx-font-color3:#aaa;
--lx-subj-color:#fff;
--lx-subj-color2:#aaa;

--lx-body-bg:#181818;
--lx-header-top-bg:#212121;
--lx-nav-bg:#212121;
--lx-nav-border:rgba(255, 255, 255, 0.1);
--lx-low-bg:#212121;
--lx-box-bg:#343434;
--lx-box-bg2:#212121;
--lx-box-bg3:#212121;
--lx-box-bg4:transparent;
--lx-box-bg5:#aaa;
--lx-boxbox-bg:#343434;
--lx-box-lt-border:#3e3e3e;
--lx-box-border:#3e3e3e;
--lx-box-border-bk:#3e3e3e;
--lx-box-tp-border:#3e3e3e;
--lx-box-th-border:#666;
--lx-box-hover:#4f4f4f; /* 383838, korail */
--lx-box-hover-none:none;

--lx-tbl-col-thead:#666;
--lx-tbl-data-th:#343434;
--lx-tbl-data-tr:#666;
--lx-tbl-data2-th:#343434;
--lx-tbl-border-color:#666;
--lx-tr-hover-color:#f9f9f9;
--lx-tbl-item-bg:#212121;
--lx-tbl-item-border-color:#3e3e3e;

--lx-form-bg:#181818;
--lx-form-border:#909090; /* #666 */
--lx-formbox-bg:none;
--lx-formbox-border:#3e3e3e;
--lx-tabs-color:#9a9a9a;
--lx-tabs-bg:#212121;
--lx-tabs-border:transparent;
--lx-tabs-on-border:#666;

--lx-filter-bk:brightness(0) invert(1);

--lx-link:#3ea6ff;
--lx-color-bk:#4d4d4d;
--lx-color-gray:#4d4d4d;
}

/* skin_dark-header */
.skin_dark #header .search, .skin_dark #header .search input[type="text"] {background:var(--lx-nav-bg);}
.skin_dark #header .nav {border-bottom:0;}
.skin_dark #gnb > li > ul .em a {border-top-color:rgba(255, 255, 255, 0.1);}
.skin_dark #header .m_menu .line {background-color:#fff;}
.skin_dark #header .op_sch_form::before {color:#fff;}

/* skin_dark-main */
.skin_dark .main .ct_section.bg {background-color:var(--lx-low-bg);}
.skin_dark .edu_q_li li {border-color:#3e3e3e;}
.skin_dark #footer .all_menu, .skin_dark #footer .info {background-color:#212121;}

/* skin_dark-table */
.skin_dark .tbl_data2 th, .skin_dark .tbl_data2 .tb_link {font-weight:normal;}

/* skin_dark-edu_li */
.skin_dark .edu_row_li .item .lab {border-color:#666;}
.skin_dark .edu_row_li .btn a, .skin_dark .edu_row_li .btn span, .skin_dark .edu_row_li .btn .gray {border-color:#4d4d4d;color:#fff;background-color:#4d4d4d;}
.skin_dark .edu_row_li .btn .yellow {border-color:var(--Ci-Blue);color:#fff;background-color:var(--Ci-Blue);}
.skin_dark .edu_li .sub {font-weight:normal;}
.skin_dark .edu_li .slick-arrow, .skin_dark .edu_live .slick-arrow {border-color:#3e3e3e;background-color:rgba(52, 52, 52, 0.8);}
.skin_dark .edu_li .slick-arrow::before, .skin_dark .edu_live .slick-arrow::before {color:#fff;}

/* skin_dark-row_list */
.skin_dark .row_list > li > a:hover {background:none;}

/* skin_dark-form_box */
.skin_dark .form_box select, .skin_dark .form_box input[type="text"] {color:#aaa;}
.skin_dark .tab_set .btn button {border-color:#666;color:#aaa;background-color:transparent;}

/* skin_dark-tabs */
.skin_dark .edu_tab > li > a {border-top:transparent;}
.skin_dark .edu_tab > li.on > a {border-bottom:transparent;}

/* skip */
#skip {position:relative;z-index:101;}
#skip a {overflow:hidden;text-align:center;display:block;position:absolute;left:0;top:-3px;width:1px;height:1px;font-weight:var(--lx-font-m);}
#skip a:hover, #skip a:focus, #skip a:active {width:auto;height:auto;top:0px;padding:10px 20px;color:#fff;background:#000;}

/* mobile common */
.vs_mo {display:none !important;}

/* common */
.ac {text-align:center !important;}
.ar {text-align:right !important;}
.al {text-align:left !important;}
a.line, .p_line, .tb_link.line {text-decoration:underline;text-underline-position:under;} /* underline */
.ast, .imp {color:var(--Ci-Red);}
.ast_guide {display:inline-block;font-size:15px;font-weight:normal;letter-spacing:var(--LetterSpacing);color:var(--ColorOrange);} /* asterisk */
.bold {font-family:inherit;font-size:inherit;font-weight:var(--lx-font-m) !important;}
.bold_n {font-family:inherit;font-size:inherit;font-weight:400 !important;}
.ds_ib {vertical-align:middle;display:inline-block;}
.els {overflow:hidden;text-overflow:ellipsis;white-space:nowrap;display:block;} /* ellipsis */
.els_cl {overflow:hidden;text-overflow:ellipsis;word-wrap:break-word;display:-webkit-box;-webkit-box-orient:vertical;} /* line-clamp */
.fl {float:left;}
.fr {float:right;}
.jc_center {justify-content:center !important;}
.jc_start {justify-content:start !important;}
.jc_end {justify-content:end !important;}
.vspace {display:block;clear:both;height:5px;}
.vspace.db {height:10px;}
.vtop, table.vtop th {vertical-align:top;}
.vmid, table.vmid th {vertical-align:middle;}
.vbot, table.vbot th {vertical-align:bottom;}
.sr_only {position:absolute !important;white-space:nowrap;width:1px !important;height:1px !important;overflow:hidden;border:0 !important;padding:0;clip:rect(0 0 0 0);clip-path: inset(50%);margin:-1px;}
.md_vs {display:none !important;}
.c_th {font-size:17px;font-weight:700;color:#2d2d2d;} /* td title */
.mark_cross {background:url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg"><line x1="0" y1="100%" x2="100%" y2="0" stroke="gray" /><line x1="100%" y1="100%" x2="0" y2="0" stroke="gray" /></svg>')}
.mark_slash {background:url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg"><line x1="0" y1="100%" x2="100%" y2="0" stroke="gray" /></svg>');}
.mark_back_slash {background:url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg"><line x1="0" y1="0" x2="100%" y2="100%" stroke="gray" /></svg>');}

/* 스닙핏 */
.li_blank {text-align:center;}
.li_blank.top {margin-top:30px;}
.li_blank.top_l {margin-top:50px;}
.li_blank p {font-size:20px;font-weight:var(--lx-font-m);color:#666;}
.li_blank .img {margin-bottom:20px;}
.li_blank .add {margin-top:10px;font-size:16px;color:#666;}
.preview_img {display:flex;justify-content:center;align-items:center;min-height:805px;}

/* 에러페이지 */
.p_error2 {display:flex;height:100%;align-items:center;justify-content:center;flex-direction:column;}
.p_error2 .ct {max-width:600px;padding:20px;}
.p_error2 h1 {margin-bottom:20px;}
.p_error2 h1 a {display:inline-block;}
.p_error2 .desc {padding:40px 0;border-top:1px solid #ccc;}
.p_error2 h2 {line-height:1.3;margin-bottom:20px;font-size:32px;font-weight:bold;color:var(--lx-subj-color);}
.p_error2 p {line-height:1.4;font-size:22px;}
.p_error2 .help {text-align:center;}
.p_error2 .home {display:inline-block;height:60px;line-height:60px;padding:0 30px;font-size:20px;color:#fff;background-color:var(--lx-color-ci);}

/* 여백 */
.ng_mt {margin-top:-10px;}
.ng_mt_10 {margin-top:-10px !important;}
.mt_0 {margin-top:0 !important;}
.mt_5, .mts {margin-top:5px;}
.mt_10, .mt {margin-top:10px !important;}
.mt_15 {margin-top:15px !important;}
.mt_20 {margin-top:20px !important;}
.mt_30 {margin-top:30px !important;}
.mt_40 {margin-top:40px !important;}
.mt_50 {margin-top:50px !important;}
.mb_0 {margin-bottom:0 !important;}
.mb_5 {margin-bottom:5px !important;}
.mb_10 {margin-bottom:10px !important;}
.mb_15 {margin-bottom:15px !important;}
.mb_20 {margin-bottom:20px !important;}
.mb_30 {margin-bottom:30px !important;}
.mb_40 {margin-bottom:40px !important;}
.mb_50 {margin-bottom:50px !important;}
.ml_0 {margin-left:0 !important;}
.ml_5, .mls {margin-left:5px;}
.ml_10, .ml {margin-left:10px !important;}
.ml_20 {margin-left:20px !important;}
.mr_0 {margin-right:0 !important;}
.mr_5, .mrs {margin-right:5px;}
.mr_10, .mr {margin-right:10px !important;}
.mr_20 {margin-right:20px !important;}
.p_0 {padding:0 !important;}
.p_5 {padding:5px !important;}
.p_10 {padding:10px !important;}
.p_20 {padding:20px !important;}
.pt_0 {padding-top:0 !important;}
.pt_5 {padding-top:10px !important;}
.pt_10 {padding-top:10px !important;}
.pb_0 {padding-bottom:0 !important;}
.pb_5 {padding-bottom:10px !important;}
.pb_10 {padding-bottom:10px !important;}
.pl_0 {padding-left:0 !important;}
.pl_5 {padding-left:5px !important;}
.pl_10 {padding-left:10px !important;}
.pr_0 {padding-right:0 !important;}
.pr_5 {padding-right:5px !important;}
.pr_10 {padding-right:10px !important;}

/* 변환 */
.rotate_45 {transform:rotate(45deg);}
.rotate_90 {transform:rotate(90deg);}
.rotate_180 {transform:rotate(180deg);}

/* 스타일 클래스 */
.border_0 {border:0 !important;}
.st_flex {display:flex;}
.st_jc_sb {justify-content:space-between !important;}
.st_jc_end {justify-content:flex-end !important;}

/* font */
.fw_500, .fw_m {font-weight:var(--lx-font-m);}
.fw_bold, .fw_b {font-weight:bold;}
.lx_font {font-family:var(--lx-font-family) !important;}
.lx_font_sm {font-size:smaller;font-family:var(--lx-font-family) !important;}
.spoqa_l {font-family:SpoqaL;font-weight:bold;}
.spoqa_t {font-family:SpoqaT;font-weight:bold;}
.noto_l {font-family:NotoSL;font-weight:bold;}
.noto_t {font-family:NotoST;font-weight:bold;}

/* 사이트-레이아웃 */
body[class*=open_] {overflow:hidden;}
.wrap {min-width:var(--lx-rows-width);position:relative;}
.wrap.main {min-width:1496px;}
.rows {position:relative;width:var(--lx-rows-width);margin:0 auto;}
#contents {min-height:660px;padding-bottom:100px;}
.main #contents {padding-bottom:0;}
#container #contents {width:var(--lx-rows-width);margin:0 auto;padding:50px 0 100px 0;}
#container #contents.wide {width:100%;padding:0;}

/* 스크롤 */
.st_board .list_frm::-webkit-scrollbar {width:7px;}
.st_board .list_frm::-webkit-scrollbar-thumb {background: #ddd; border-radius: 20px;}
.st_board .list_frm::-webkit-scrollbar-track {background: #f6f6f6;}
.edu_li2 .detail .scroll::-webkit-scrollbar {width:10px;height:10px;}
.edu_li2 .detail .scroll::-webkit-scrollbar-track {background:#fff;border-radius:20px;}
.edu_li2 .detail .scroll::-webkit-scrollbar-thumb {background:#ddd;border-radius:20px;}
.cl_pop .pop_cont::-webkit-scrollbar-thumb {border-radius:20px;background:#ddd;}
.cl_pop .pop_cont::-webkit-scrollbar-track {background:#f6f6f6;}
.cl_pop .pop_cont::-webkit-scrollbar {width:10px;}

/* 디자인 템플릿3 */
/* 메인데코-레이아웃 */
.main3 #contents {padding-bottom:0;}
.main3 .ct_section {position:relative;padding:60px 0;}
.main3 .cs_section {position:relative;margin-top:60px;padding:0;}
.main3 .ct_section + .cs_section {margin-top:0;}
.main3 .ct_section.join {padding:0;}
.main3 .ct_section .ct_group + .ct_group {margin-top:60px;}
.main3 .ct_section.bg {background-color:#fafafa;}
.main3 .ct_section.bg2 {background-color:#f3f4f8;}
/* 메인배너 */
.main_visual3 {position:relative;height:var(--lx-main-visual3-height);}
.main_sd_nav3 {position:absolute;right:0;bottom:0;z-index:10;width:100%;height:80px;padding-right:170px;background:var(--lx-color-ci6);}
.main_sd_nav3 .slick-slide {cursor:pointer;}
.main_sd_nav3 .main_sd_lab {display:flex;align-items:center;justify-content:center;position:relative;height:80px;padding:0 20px;}
.main_sd_nav3 .main_sd_lab span {opacity:0.75;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;position:relative;padding-bottom:4px;font-size:21px;color:#fff;}
.main_sd_nav3 .main_sd_lab::before, .main_sd_nav3 .main_sd_lab::after {content:" ";position:absolute;top:50%;width:1px;height:18px;background-color:rgba(255, 255, 255, 0.4);transform:translateY(-50%);}
.main_sd_nav3 .main_sd_lab::before {left:0;}
.main_sd_nav3 .main_sd_lab::after {right:0;}
.main_sd_nav3 .main_sd_lab span::before {content:" ";position:absolute;left:50%;bottom:0;width:0;height:3px;background-color:#fff;transform:translateX(-50%);transition:width 0.9s ease;}
.main_sd_nav3 .slick-current .main_sd_lab span {opacity:1;font-weight:var(--lx-font-m);}
.main_sd_nav3 .slick-current .main_sd_lab span::before {width:100%;}
.main_sd_nav3 .control {display:flex;align-items:center;justify-content:center;position:absolute;z-index:10;right:0;bottom:0;width:170px;height:80px;gap:10px;}
.main_sd_nav3 .nav {display:flex;align-items:center;gap:10px;margin-right:-10px;}
.main_sd_nav3 .slider_count {display:flex;align-items:center;gap:5px;}
.main_sd_nav3 .slider_count span {font-size:20px;font-weight:300;color:#fff;}
.main_sd_nav3 .slider_count .num {font-weight:bold;}
.main_sd_nav3 .control .slick-arrow {position:relative;}
.main_sd_nav3 .control .slick-arrow::before {font-family:WebComponentsIcons;font-weight:normal;font-size:32px;color:#fff;}
.main_sd_nav3 .control .slick-prev::before {content:"\e016";}
.main_sd_nav3 .control .slick-next::before {content:"\e014";}
.main_sd3 {position:relative;}
.main_sd3 .viewer .rows {display:flex;align-items:center;justify-content:space-between;height:600px;}
.main_sd3 .viewer {opacity:0;visibility:hidden;transition:opacity 1s ease;z-index:10;}
.main_sd3 .viewer.slick-initialized {visibility:visible;opacity:1;}
.main_sd3 .item {height:var(--lx-main-visual3-height);}
.main_sd3 .slide_img {overflow:hidden;display:block;position:relative;height:100%;margin:0 auto;}
.main_sd3 .slide_img img {max-width:none;position:absolute;left:50%;bottom:0;width:1920px;height:100%;transform:translateX(-50%);}
.main_sd3 .control {position:absolute;width:100%;bottom:20%;z-index:10;}
.main_sd3 .control .rows {position:relative;}
.main_sd3 .slick-dots {text-align:center;position:absolute;top:0;z-index:10;width:100%;}
.main_sd3 .slick-dots li {display:inline-block;margin:0 5px;}
.main_sd3 .slick-dots button {display:block;position:relative;width:40px;height:30px;font-size:0;}
.main_sd3 .slick-dots button::before {content:" ";position:absolute;left:0;top:50%;width:100%;height:4px;transform:translateY(-50%);background:#fff;}
.main_sd3 .slick-dots .slick-active button::before {background:#000;}
/* 바로가기 */
.lx_sc_menu3 ul {display:flex;justify-content:space-around;gap:10px;}
.lx_sc_menu3 li a {text-align:center;display:block;width:120px;height:110px;padding:22px 0 0 0;border-radius:20px;background-color:#f8f8fa;}
.lx_sc_menu3 li i {display:block;height:50px;}
.lx_sc_menu3 span {display:block;font-size:16px;font-weight:var(--lx-font-m);letter-spacing:-2px;color:#333;}
/* 게시판 */
.main_board3 {display:flex;gap:40px;}
.main_board3 .post {flex:1 1 0;min-width:0;}
.main_board3 .post_li {height:274px;border-radius:10px;background-color:#fff;}
.main_board3 .post_li .link {display:flex;flex-direction:column;justify-content:center;position:relative;height:90.6px;}
.main_board3 .post_li .link + .link {border-top:1px solid #ccc;}
.main_board3 .post_li .sub {text-overflow:ellipsis;overflow:hidden;white-space:nowrap;font-size:20px;font-weight:var(--lx-font-m);color:#444;}
.main_board3 .post_li .desc {margin-top:10px;text-overflow:ellipsis;overflow:hidden;white-space:nowrap;color:#727272;}
.main_board3 .post_li .date {margin-top:5px;font-size:16px;font-weight:var(--lx-font-m);color:#b0aca8;}
/* 영상배너-슬라이드 */
.main_video_sd {flex-shrink:0;width:380px;}
.main_video_sd .viewer {opacity:0;visibility:hidden;transition:opacity 1s ease;overflow:hidden;border-radius:15px;}
.main_video_sd .viewer a {display:block;position:relative;height:275px;}
.main_video_sd .viewer img {position:absolute;width:100%;height:100%;}
.main_video_sd .control {display:flex;align-items:center;justify-content:center;position:absolute;z-index:10;right:0;bottom:0;height:30px;gap:5px;}
.main_video_sd .slider_count {display:flex;align-items:center;gap:5px;}
.main_video_sd .slider_count span {font-size:16px;color:#666;}
.main_video_sd .slider_count .num {font-weight:var(--lx-font-m);color:#000;}
.main_video_sd .control .slick-arrow {position:relative;}
.main_video_sd .control .slick-arrow::before {font-family:WebComponentsIcons;font-weight:normal;font-size:24px;color:#000;}
.main_video_sd .control .slick-prev::before {content:"\e016";}
.main_video_sd .control .slick-next::before {content:"\e014";}
.main_video_sd .viewer a::before {content:" ";position:absolute;left:0;z-index:10;width:100%;height:100%;background:rgba(0, 0, 0, .3);}
.main_video_sd .viewer a::after {content:" ";position:absolute;left:50%;top:50%;z-index:20;width:61px;height:60px;background:url("../../images/www/temp/home_pr_play.png") no-repeat 0 0;transform:translate(-50%, -50%);}
/* 고객센터 */
.main_customer3 {display:flex;justify-content:space-between;gap:80px;}
.main_customer3 .ct_heading {display:flex;align-items:center;gap:10px;}
.main_customer3 .ct_heading .ct_title {margin-bottom:0;}
.main_customer3 .group {padding-left:55px;background-repeat:no-repeat;background-position:0 50%;}
.main_customer3 .cs {background-image:url("../../images/www/icon/customer3_inq_cs.png");}
.main_customer3 .system {background-image:url("../../images/www/icon/customer3_inq_system.png");}
.main_customer3 .group .lab {font-size:17px;color:#373737;}
.main_customer3 .group .tel {font-size:22px;font-weight:bold;color:#373737;}
/* 헤더 */
#header3 {position:relative;z-index:50;height:120px;}
#header3 .top {position:relative;background:#2339b7;}
#header3 .top .rows {display:flex;justify-content:space-between;}
#header3 .top .site {display:flex;align-items:center;gap:5px;}
#header3 .top .site a {display:inline-flex;height:30px;line-height:26px;padding:0 10px;border:2px solid #fff;border-radius:2em;font-size:13px;color:#fff;}
#header3 .top .site .k-icon {color:inherit;}
#header3 .role {display:flex;align-items:center;gap:20px;position:relative;}
#header3 .role .acc {display:flex;gap:20px;margin-left:10px;}
#header3 .role .acc a {white-space:nowrap;display:inline-block;position:relative;line-height:40px;font-size:13px;color:#fff;}
#header3 .role .acc a span {font-size:inherit;color:inherit;}
#header3 .role a + a::before {content:" ";position:absolute;left:-10px;top:50%;width:1px;height:14px;background-color:rgba(255, 255, 255, 0.5);transform:translateY(-50%);}
#header3 .role .quick, #header3 .role > .link {position:relative;display:flex;align-items:center;gap:7px;height:100%;margin-left:5px;}
#header3 .role .quick a, #header3 .role .quick button, #header .role > .link a, #header .role > .link button {display:block;line-height:28px;padding:0 10px;border-radius:4px;font-size:13px;color:#fff;background-color:var(--lx-color-green);}
#header3 .frm {overflow:hidden;position:absolute;top:40px;width:100%;height:var(--lx-header3-frm-height);}
#header3 .frm .rows {display:flex;position:relative;}
#header3 .nav {position:relative;border-bottom:1px solid #e6e6e6;background-color:#fff;}
#header3 .logo {flex-shrink:0;display:flex;align-items:center;width:var(--lx-header3-h1-width);height:var(--lx-header3-frm-height);margin-right:20px;}
#header3 .logo a {display:block;}
/* 헤더-활성화 */
#header3::before {content:" ";position:absolute;bottom:-19px;width:100%;height:19px;background:url("../../images/www/common/header_shadow.png") repeat-x 0 0;}
#header3::after {content:" ";position:absolute;left:0;bottom:0;width:100%;height:1px;background:#d8d9da;}
/* 헤더-데코 */
#header3 .nav_deco, #header3 .gnb_deco {top:var(--lx-header3-frm-height);height:calc(100% - var(--lx-header3-frm-height));}
#header3 .nav_deco {right:calc(50% + 480px);} /* right=중간점 기준 GNB 공간만큼 빼준 데코 노출영역 */
/* #header3 .nav_deco::before {right:-120px;bottom:-70px;} */
/* 푸터 */
#footer3 {padding:40px 0;background:#16244f;}
#footer3 .rows {display:flex;align-items:center;}
#footer3 .logo {opacity:0.5;width:200px;}
#footer3 .info {flex-grow:1;}
#footer3 .menu {display:flex;gap:20px;}
#footer3 .menu li {position:relative;}
#footer3 .menu li:not(:first-child)::before {content:" ";position:absolute;left:-10px;top:50%;width:1px;height:14px;background-color:#aaa;transform:translateY(-50%);}
#footer3 .menu a {display:block;font-size:13px;color:#9a9a9a;}
#footer3 .menu .em a {color:#fff;}
#footer3 .info .addr {overflow:hidden;}
#footer3 .menu + .addr {margin-top:10px;}
#footer3 .addr li {float:left;line-height:1.7;font-size:13px;color:#9a9a9a;}
#footer3 .addr li .lab {font-size:inherit;color:inherit;}
#footer3 .addr li + li {position:relative;}
#footer3 .addr li:not(:first-child, .cb) {margin-left:16px;}
#footer3 .addr li:not(:first-child, .cb)::before {content:" ";position:absolute;left:-8px;top:50%;width:1px;height:14px;background-color:#aaa;transform:translateY(-50%);}
#footer3 .addr .cb {clear:both;}

/* 디자인 템플릿-공통 */
/* 탑배너 */
.top_pop {background-color:var(--lx-color-blue);}
.top_pop .rows {position:relative;min-height:40px;}
.top_pop .img {display:flex;justify-content:center;width:100%;}
.top_pop .site_link {overflow-x:auto;display:flex;align-items:center;position:relative;height:40px;}
.top_pop .site_link a {white-space:nowrap;display:block;padding:0 22px;font-weight:var(--lx-font-m);font-size:15px;color:#fff;}
.top_pop .site_link li {font-size:15px;color:#fff;}
.top_pop .site_link .em {font-weight:bold;}
.top_pop .site_link li:first-child a {padding-left:10px;}
.top_pop .site_link li + li {margin-left:10px;}
/* .top_pop .site_link::before {content:" ";width:40px;height:40px;position:absolute;left:0;top:0;background:linear-gradient(to right,rgba(14,96,191,0.98) 20%, rgba(14,96,191,0) 80%);} */
.top_pop .x {position:absolute;right:30px;top:50%;width:32px;height:32px;transform:translateY(-50%);}
.top_pop .x::before {content:"\e5cd";position:absolute;left:50%;top:50%;font-family:"Material Icons";line-height:1;font-size:32px;font-weight:normal;color:#fff;transform:translate(-50%, -50%);}
/* 헤더-데코 */
.nav_deco, .gnb_deco {position:absolute;top:var(--lx-header-frm-height);height:calc(100% - var(--lx-header-frm-height));}
.nav_deco {overflow:hidden;width:50%;right:calc(50% + 500px);background:#f3f5fa;} /* right=중간점 기준 GNB 공간만큼 빼준 데코 노출영역 */
.nav_deco::before {opacity:var(--lx-nav-deco-opacity);content:" ";position:absolute;right:-30px;bottom:-110px;width:var(--lx-nav-deco-width);height:var(--lx-nav-deco-height);background:url(../../images/www/common/nav_deco_img.png) no-repeat 0 0;background-size:cover;}
.gnb_deco {width:calc(var(--lx-header-h1-width) + 20px);padding:40px 20px;} /* width=#header-#gnb-etc */
/* 헤더-탑메뉴 */
.top .role {display:flex;align-items:center;gap:10px;position:relative;}
.role .acc {display:flex;gap:20px;}
.role .acc a {white-space:nowrap;display:inline-block;position:relative;line-height:40px;font-size:13px;}
.role .acc a span {font-weight:inherit;font-size:inherit;color:inherit;}
.role .acc a + a::before {content:" ";position:absolute;left:-10px;top:50%;width:1px;height:18px;background-color:#d6d6d6;transform:translateY(-50%);}
/* 인증코드 */
.role .acc .code {white-space:nowrap;display:inline-block;position:relative;line-height:40px;font-size:13px;}
.role .acc .code span {font-weight:inherit;font-size:inherit;color:inherit;}
.role .acc .code + a::before {content:" ";position:absolute;left:-10px;top:50%;width:1px;height:18px;background-color:#d6d6d6;transform:translateY(-50%);}
.role .acc .code .em {font-weight:var(--lx-font-b);color:var(--lx-color-ci2);}
/* gnb */
.frm .gnb, .frm .menu {display:flex;flex-grow:1;margin:0 140px 0 0;}
.frm .gnb > li, .frm .menu > li {flex:1 1 0;text-align:center;position:relative;padding:0;}
.frm .gnb > li > a, .frm .menu > li > a {position:relative;display:block;height:var(--lx-header-frm-height);line-height:var(--lx-header-frm-height);font-size:22px;font-weight:var(--lx-font-m);color:#333;transition:all 0.3s ease;}
.frm .gnb > li > ul, .frm .menu > li > ul {height:calc(100% - var(--lx-header-frm-height));padding:15px 5px 20px 5px;border-left:1px solid #d9e1e8;}
.frm .gnb > li:last-child > ul, .frm .menu > li:last-child > ul {border-right:1px solid #d9e1e8;}
.frm .gnb > li > ul > li, .frm .menu > li > ul > li {text-align: center;}
.frm .gnb > li > ul a, .frm .menu > li > ul a {display:block;padding:5px 0;font-size:16px;color:var(--lx-font-color2);}
.frm .gnb > li > ul a:hover, .frm .menu > li > ul a:hover {text-decoration:underline;text-underline-position:under;color:var(--lx-color-ci);}
/* .frm .gnb > li > ul .em  a {border-top:1px solid #000;} */
.frm .gnb li.on > a, .frm .menu li.on > a {color:var(--lx-color-ci);}
.frm .gnb > li > a::before, .frm .menu > li > a::before {content:" ";position:absolute;z-index:1;left:50%;bottom:0;width:0;height:5px;background-color:var(--lx-color-ci);transform:translateX(-50%);transition:all 0.3s ease;}
.frm .gnb > li.on > a::before, .frm .menu > li.on > a::before {width:90px;}
/* 강의실 바로가기 */
.top .role .quick, .top .role > .link {position:relative;display:flex;align-items:center;gap:7px;height:100%;}
.top .role .quick > button, .top .role > .link a, .top .role > .link button {display:block;position:relative;line-height:28px;padding:0 10px 0 29px;border-radius:4px;font-size:13px;color:#fff;background-color:var(--lx-color-green);}
.top .role .quick .tog::before {content:"\e690";position:absolute;left:10px;top:7px;line-height:1;font-family:WebComponentsIcons;font-size:14px;font-weight:normal;}
.top .role .acc + .quick {margin-left:5px;}
.cl_pop {display:none;position:absolute;z-index:50;right:0;top:40px;width:300px;}
.cl_pop_list {padding:15px;border-radius:10px;background-color:var(--lx-box-bg);box-shadow:0 2px 4px rgba(0,0,0,0.3);}
.cl_pop .rows {display:block !important;width:auto !important;}
.mobile_view .cl_pop {position:relative;z-index:110;}
.mobile_view .cl_pop_list {position:fixed;left:10px;top:50px;}
.edu_q_li {padding:5px;}
.edu_q_li li {border-top:1px solid #eee;padding:3px 0;}
.edu_q_li li:first-child {border-top:0;}
.edu_q_li li:hover {background-color:var(--lx-box-hover);}
.edu_q_li a {display:flex;align-items:center;position:relative;}
.edu_q_li .img {flex-shrink:0;overflow:hidden;position:relative;width:60px;height:34px;background-color:#aaa;}
.edu_q_li .img img {position:absolute;top:50%;width:100%;transform:translateY(-50%);transition:all 0.5s ease;}
.edu_q_li p {flex-grow:1;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;margin-left:10px;padding-right:10px;font-size:12px;}
/* 언어 */
.top .role .link .lang {background-color:var(--lx-color-ci);}
.top .role .link .lang::before {content:" ";position:absolute;left:10px;top:7px;width:15px;height:15px;background:url(../../images/www/common/lang_country.png) no-repeat 0 0;background-size:cover;}
/* 로그아웃 시간연장 */
.role .log_time {height:28px;margin-right:5px;padding:0 10px;border-radius:4px;background-color:var(--lx-color-ry_blue);}
.role .log_time:hover {background-color:var(--lx-color-blue-hover-light);}
.role .log_time span {position:relative;display:block;line-height:28px;padding-left:18px;font-size:13px;color:#fff;}
.role .log_time span::before {content:"\e107";position:absolute;left:0;top:7px;line-height:1;font-family:WebComponentsIcons;font-size:14px;font-weight:normal;}
/* 템플릿 선택 */
.set_temp {display:flex;padding-right:10px;border-right:1px solid #d6d6d6;}
.set_temp a, .set_temp .lab {white-space:nowrap;position:relative;line-height:40px;font-size:15px;font-weight:var(--lx-font-m);color:#000;}
.set_temp a {padding:0 10px;}
.set_temp a + a::before {content:" ";position:absolute;left:0;top:50%;width:1px;height:18px;background-color:#d6d6d6;transform:translateY(-50%);}
.set_temp .on {font-weight:var(--lx-font-b);color:var(--lx-color-ry_blue);}
#header3 .set_temp {border-left:0;border-right-color:rgba(255, 255, 255, 0.5);}
#header3 .set_temp a {color:rgba(255, 255, 255, 0.5);}
#header3 .set_temp a + a::before {height:14px;background-color:rgba(255, 255, 255, 0.5);}
#header3 .set_temp .lab, #header3 .set_temp .on {color:#fff;}
/* 통합검색-버튼 */
.nav .cm_toggle {position:absolute;right:0;top:0;width:var(--lx-header-frm-height);height:var(--lx-header-frm-height);}
.nav .cm_toggle i {display:block;width:100%;height:100%;line-height:var(--lx-header-frm-height);}
.nav .cm_toggle i::before {content:"\e13e";font-family:WebComponentsIcons;font-weight:normal;font-size:28px;color:#000;}
.nav .cm_toggle.open {outline:none;}
/* 전체메뉴-사이트맵 */
.lx_all_menu {display:none;position:fixed;left:0;top:0;z-index:60;width:100%;height:100%;background:#fff;}
.lx_all_menu > .rows {display:flex;flex-direction:column;height:100%;padding:50px 0;}
.lx_all_menu .head {flex-shrink:0;display:flex;align-items:center;justify-content:space-between;height:80px;border-bottom:2px solid #000;}
.lx_all_menu .head .title {line-height:1;font-size:34px;font-weight:var(--lx-font-m);color:#000;}
.lx_all_menu_close {position:relative;width:60px;height:60px;}
.lx_all_menu_close::before, .lx_all_menu_close::after {content:" ";position:absolute;left:10px;top:50%;width:40px;height:3px;margin-top:-2px;background:#000;}
.lx_all_menu_close::before {transform:rotate(-225deg);}
.lx_all_menu_close::after {transform:rotate(-135deg);}
.lx_all_menu .lx_sitemap {overflow-y:auto;height:calc(100% - 80px);padding:30px 10px;}
.lx_sitemap {display:flex;flex-wrap:wrap;gap:30px;}
.lx_sitemap .group {position:relative;width:calc((100% / 4) - (((4 - 1) / 4) * 30px));padding-top:70px;border:1px solid #ddd;border-radius:25px;}
.lx_sitemap .high {display:flex;align-items:center;justify-content:center;position:absolute;left:-1px;top:-1px;width:calc(100% + 2px);height:70px;border-top-left-radius:25px;border-top-right-radius:25px;font-size:24px;color:#fff;background-color:#3941a3;}
.lx_sitemap .group > ul {padding:20px 15px;}
.lx_sitemap .group > ul > li.sub {border-radius:25px;border:1px solid #ddd;background:#fbfbfb;}
.lx_sitemap .group > ul > li + li {margin-top:12px;}
.lx_sitemap .group > ul > li > a {word-wrap:break-word;word-break:keep-all;display:block;position:relative;margin-top:-1px;padding:10px 20px 10px 34px;border:1px solid #ddd;border-radius:25px;font-size:18px;background-color:#fff;}
.lx_sitemap .group > ul > li > a::before {box-sizing:border-box;content:" ";position:absolute;top:17px;left:14px;width:12px;height:12px;border:3px solid #d8e0eb;border-radius:50%;background:var(--lx-color-ci);}
.lx_sitemap .group > ul > li > ul {padding:10px 20px 15px 20px;}
.lx_sitemap .group > ul > li > ul a {word-wrap:break-word;word-break:keep-all;display:block;position:relative;padding-left:14px;font-size:16px;}
.lx_sitemap .group > ul > li > ul a::before {content:" ";position:absolute;left:0;top:8px;width:6px;height:6px;border-radius:50%;background-color:#bebebe;}
.lx_sitemap .group > ul > li > ul a:hover {text-decoration:underline;text-underline-offset:under;}
.lx_sitemap .group > ul > li > ul li + li {margin-top:5px;}
/* 모바일 메뉴 버튼 */
.nav .m_menu {display:none;position:absolute;z-index:100;left:12px;top:50%;width:36px;height:36px;transform:translateY(-50%);}
.nav .m_menu .line {position:absolute;left:9px;width:20px;height:2px;background-color:var(--lx-color-ci);transition:all 0.3s ease;}
.nav .m_menu .line:nth-child(1) {top:9px;}
.nav .m_menu .line:nth-child(2) {top:17px;}
.nav .m_menu .line:nth-child(3) {top:25px;width:16px;}
/* 모바일 메뉴 */
.side_bar {opacity:0;visibility:hidden;cursor:default;position:fixed;left:0;top:0;z-index:100;width:100%;height:100%;background:rgba(0, 0, 0, 0.6);transition:all 0.3s ease;}
.side_bar .inner {visibility:hidden;overflow-y:auto;overflow-x:hidden;width:320px;height:100%;background-color:#fff;transform:translateX(-320px);transition:all 0.3s ease;}
.side_bar.open {opacity:1;visibility:visible;}
.side_bar.open .inner {visibility:visible;transform:translateX(0);}
.side_bar .head {display:flex;justify-content:space-between;height:60px;padding-left:10px;background-color:#f5faff;}
.side_bar .head .tog {width:60px;color:#fff;background-color:var(--lx-color-brown);}
.side_bar .head .gl {flex-grow:1;display:flex;align-items:center;gap:5px;height:100%;}
.side_bar .head .gl li {flex:1 1 0;}
.side_bar .head .gl a, .side_bar .head .gl button {text-align:center;display:block;height:34px;line-height:32px;padding:0 12px;border:1px solid var(--lx-color-blue);border-radius:16px;font-size:13px;color:var(--lx-color-blue);background-color:#fff;}
.side_bar .head .gl .blue {background-color:var(--lx-color-blue);color:#fff;}
.side_bar .head .gl .cyan {border:1px solid var(--lx-color-cyan);background-color:var(--lx-color-cyan);color:#fff;}
.side_bar .head .gl .yellow {border:1px solid #000;background-color:#fedb00;color:#000;}
.side_bar .head .gl .ci {border:1px solid #000;background-color:var(--lx-color-ci);color:#fff;}
.side_bar .nav > li {border-bottom:1px solid var(--lx-box-border);}
.side_bar .nav > li > a {display:block;position:relative;line-height:60px;padding:0 60px 0 20px;font-size:16px;font-weight:var(--lx-font-b);color:#333;}
.side_bar .nav > li > .opener:before {content:"\e313";position:absolute;top:50%;right:10px;line-height:1;margin-top:-15px;font-family:'Material Icons';font-size:30px;font-weight:normal;color:#d8d8d8;transition:all ease 0.3s;}
.side_bar .nav ul {display:none;padding:15px 0;}
.side_bar .nav ul li:last-child {border-bottom:0;}
.side_bar .nav ul li + li {margin-top:15px;}
.side_bar .nav ul a {display:block;position:relative;padding:0 20px 0 30px;font-size:15px;color:#4f4f4f;}
.side_bar .nav ul a::before {content:" ";position:absolute;left:20px;top:9px;width:4px;height:4px;border-radius:50%;background-color:#d8d8d8;}
.side_bar .nav > .on > a {color:#fff;background-color:var(--lx-color-ci);}
.side_bar .nav > .on > .opener:before {transform:rotate(-180deg);color:#fff;}
.side_bar .foot {display:flex;margin-top:55px;border-top:1px solid #e7e7e7;border-bottom:1px solid #e7e7e7;}
.side_bar .foot li {flex:1 1 0;}
.side_bar .foot li a {display:flex;justify-content:center;align-items:center;height:42px;}
.side_bar .foot li + li {border-left:1px solid #e7e7e7;}
/* 모바일 사이트 메뉴 */
.side_bar .mo_home {display:flex;align-items:center;justify-content:center;width:40px;height:100%;}
.side_bar .site {display:flex;background-color:#ececec;}
.side_bar .site li {flex:1 1 0;}
.side_bar .site li a {display:flex;flex-direction:column;align-items:center;justify-content:center;gap:5px;height:70px;}
.side_bar .site li .img {position:relative;height:24px;}
.side_bar .site li + li {border-left:1px solid #ccc;}
.side_bar .site .lab {font-size:12px;letter-spacing:-0.5px;color:#000;}
.side_bar .add_menu .more {position:relative;width:40px;height:100%;}
.side_bar .add_menu .more .m_icon {position:absolute;top:50%;left:50%;width:24px;height:24px;color:#000;transform:translate(-50%, -50%);}
.side_bar .add_menu .menu {display:none;position:absolute;top:50px;right:0;height:auto;padding:10px 15px;border:1px solid #ccc;border-top:0;background-color:#fff;}
.side_bar .add_menu .menu.open {display:block;}
.side_bar .add_menu .menu li a {text-align:left;display:flex;align-items:center;width:100%;line-height:35px;padding:0 15px 0 32px;font-size:14px;}
.side_bar .add_menu .menu li .m_icon {position:absolute;left:0;top:50%;transform:translateY(-50%);font-size:24px;color:#3ea6ff;}
.side_bar .add_menu .menu li .m_icon::before {font-size:24px;}
.side_bar .add_menu .menu li + li {margin:0;}
.side_bar .add_menu .menu a:after {content:" ";position:absolute;top:-1px;right:1px;bottom:0;width:6px;height:6px;margin:auto 0;border:1px solid var(--lx-color-ci);border-width:1px 1px 0 0;transform:rotate(45deg);}
.side_bar .site li .img::before {font-family:WebComponentsIcons;font-weight:normal;font-size:24px;}
.side_bar .site li img {display:none;}
.side_bar .site li:nth-child(1) .img::before {content:"\e034";}
.side_bar .site li:nth-child(2) .img::before {content:"\e64a";}
.side_bar .site li:nth-child(3) .img::before {content:"\e026";}
/* 가로배너 */
.main_wide_ban {height:182px;margin-top:60px;background:url("../../images/www/temp/main_wide_ban_holder.png") no-repeat 50% 0;background-size:cover;}
.main_wide_ban img {height:100%;}
.main_wide_ban a {text-align:center;display:block;}
/* 강의영상 */
.cut_cs_video {position:relative;height:360px;padding-top:160px;}
.cut_cs_video .cont {display:flex;align-items:center;position:relative;height:150px;padding:0 100px;border-radius:75px;background-color:#fef1b1;}
.cut_cs_video .cont .ct_title {position:absolute;left:100px;top:-15px;margin:0;}
.cut_cs_video .cont p {word-break:keep-all;font-size:18px;color:#555;}
.cut_cs_sd {position:absolute;right:0;top:-30px;width:610px;}
.cut_cs_sd .viewer {opacity:0;visibility:hidden;transition:opacity 1s ease;overflow:hidden;position:relative;width:390px;border-radius:50%;}
.cut_cs_sd .viewer::after {content:" ";position:absolute;z-index:20;left:10px;bottom:-1px;width:370px;height:134px;background:url("../../images/www/temp/cut_cs_sd_deco.png") no-repeat 0 0;}
.cut_cs_sd .img_slide {overflow:hidden;height:390px;}
.cut_cs_sd .img_slide a {display:block;position:relative;height:100%;}
.cut_cs_sd .img_slide a::before {content:" ";position:absolute;z-index:10;left:0;width:100%;height:100%;background:rgba(0, 0, 0, .4);}
.cut_cs_sd .img_slide a::after {content:" ";position:absolute;z-index:30;left:50%;top:50%;width:61px;height:60px;background:url("../../images/www/temp/home_pr_play.png") no-repeat 0 0;transform:translate(-50%, -50%);}
.cut_cs_sd .img_slide img {position:absolute;left:50%;top:50%;transform:translate(-50%, -50%);}
.cut_cs_sd .control {display:flex;align-items:center;justify-content:center;position:absolute;z-index:10;right:120px;bottom:65px;height:30px;gap:5px;}
.cut_cs_sd .slider_count {display:flex;align-items:center;gap:5px;}
.cut_cs_sd .slider_count span {font-size:16px;color:#666;}
.cut_cs_sd .slider_count .num {font-weight:var(--lx-font-m);color:#000;}
.cut_cs_sd .control .slick-arrow {position:relative;}
.cut_cs_sd .control .slick-arrow::before {font-family:WebComponentsIcons;font-weight:normal;font-size:24px;color:#000;}
.cut_cs_sd .control .slick-prev::before {content:"\e016";}
.cut_cs_sd .control .slick-next::before {content:"\e014";}
/* 이벤트배너-슬라이드 */
.main_pr_sd {flex-shrink:0;}
.main_pr_sd .viewer {opacity:0;width:440px;visibility:hidden;transition:opacity 1s ease;overflow:hidden;margin:0 auto;border-radius:15px;}
.main_pr_sd .viewer a {display:block;position:relative;height:340px;}
.main_pr_sd .viewer img {position:absolute;width:100%;height:100%;}
.main_pr_sd .control {display:flex;align-items:center;justify-content:center;position:absolute;z-index:10;right:0;bottom:0;height:30px;gap:5px;}
.main_pr_sd .slider_count {display:flex;align-items:center;gap:5px;}
.main_pr_sd .slider_count span {font-size:16px;color:#666;}
.main_pr_sd .slider_count .num {font-weight:var(--lx-font-m);color:#000;}
.main_pr_sd .control .slick-arrow {position:relative;}
.main_pr_sd .control .slick-arrow::before {font-family:WebComponentsIcons;font-weight:normal;font-size:24px;color:#000;}
.main_pr_sd .control .slick-prev::before {content:"\e016";}
.main_pr_sd .control .slick-next::before {content:"\e014";}
.main_pr_sd.video .viewer a::before {content:" ";position:absolute;left:0;z-index:10;width:100%;height:100%;background:rgba(0, 0, 0, .3);}
.main_pr_sd.video .viewer a::after {content:" ";position:absolute;left:50%;top:50%;z-index:20;width:61px;height:60px;background:url("../../images/www/temp/home_pr_play.png") no-repeat 0 0;transform:translate(-50%, -50%);}
/* lx-combine-통합검색 */
.lx_cm_search {position:absolute;left:0;top:119px;z-index:20;width:100%;background-color:#000;}
.lx_cm_search .rows {overflow:hidden;z-index:10;display:flex;align-items:center;height:0;}
.lx_cm_search .cm_close {position:absolute;right:0;top:var(--lx-header-frm-height-m);width:var(--lx-header-frm-height);height:var(--lx-header-frm-height);background-color:#000;}
.lx_cm_search .cm_close i {display:block;width:100%;height:100%;line-height:var(--lx-header-frm-height);}
.lx_cm_search .cm_close i::before {content:"\e14c";position:absolute;top:50%;left:50%;line-height:1;font-family:'Material Icons';font-weight:normal;font-size:28px;color:#fff;transform:translate(-50%, -50%);transition:all 0.5s ease;}
.lx_cm_search .input {position:relative;width:600px;margin:0 auto;}
.lx_cm_search .input input[type="text"] {outline:none;width:100%;height:50px;border:0;border-radius:0;border-bottom:2px solid #fff;font-size:20px;color:#fff;background:none;}
.lx_cm_search .input .enter {position:absolute;right:0;top:50%;padding:5px;transform:translateY(-50%);}
.lx_cm_search .input .enter::before {content:"\e13e";font-family:WebComponentsIcons;font-weight:normal;font-size:28px;color:#fff;}
.lx_cm_overlay {display:none;position:fixed;z-index:10;left:0;top:0;width:100%;height:100%;background:rgba(0, 0, 0, .6);} /* append-js */
.lx_cm_search.active .rows {overflow:visible;height:170px;transition:all .2s ease;}
.lx_cm_search.active .cm_close i::before {transform:translate(-50%, -50%) rotate(180deg);}
/* 푸터 */
#footer {padding:40px 0;background:var(--lx-footer-bg);}
#footer .rows {display:flex;align-items:center;gap:100px;}
/* #footer .logo {opacity:0.5;} */
#footer .info {flex-grow:1;}
#footer .menu {display:flex;gap:20px;}
#footer .menu li {position:relative;}
#footer .menu li:not(:first-child)::before {content:" ";position:absolute;left:-10px;top:50%;width:1px;height:14px;background-color:#aaa;transform:translateY(-50%);}
#footer .menu a {display:block;font-size:13px;color:#9a9a9a;}
#footer .menu .em a {color:#fff;}
#footer .info .addr {overflow:hidden;}
#footer .menu + .addr {margin-top:10px;}
#footer .addr li {float:left;line-height:1.7;font-size:13px;color:#9a9a9a;}
#footer .addr li .lab {font-size:inherit;color:inherit;}
#footer .addr li + li {position:relative;}
#footer .addr li:not(:first-child, .cb) {margin-left:16px;}
#footer .addr li:not(:first-child, .cb)::before {content:" ";position:absolute;left:-8px;top:50%;width:1px;height:14px;background-color:#666;transform:translateY(-50%);}
#footer .addr .cb {clear:both;}
#footer .copy {margin-top:5px;font-size:13px;color:#9a9a9a;}
/* lx-퀵메뉴 */
#quickmenu {position:fixed;z-index:100;top:140px;right:0;width:95px;}
#quickmenu .head {position:relative;background-color:#2a3c66;}
#quickmenu .head a {display:flex;align-items:center;position:relative;height:54px;padding:0 0 0 38px;font-size:13px;color:#fff;}
#quickmenu .head a:before {position:absolute;left:4px;top:11px;content:"\e5cc";font-family:"Material Icons"; line-height:1;font-size:32px;color:#fff;}
#quickmenu.off .head a:before {-webkit-transform:rotate(-180deg);-ms-transform: rotate(-180deg);transform: rotate(-180deg);}
#quickmenu li {border-left:1px solid #f5f6f8;border-right:1px solid #f5f6f8;}
#quickmenu li + li {border-top:1px solid #e9e9e9;}
#quickmenu li a {text-align:center;position:relative;display:flex;align-items:center;justify-content:center;height:50px;line-height:1.2;padding:0 0 0 32px;font-size:12px;color:#555;font-weight:var(--lx-font-m);background-color:#fff;}
#quickmenu .top {text-align:center;display:flex;align-items:center;justify-content:center;height:28px;font-size:11px;color:#f2f2f2;background-color:#2a3c66;}
#quickmenu .top i::before {content:"\e013";font-family:WebComponentsIcons;font-weight:normal;font-size:18px;color:#ccc;}
#quickmenu li a::before {position:absolute;left:12px;top:50%;font-family:WebComponentsIcons;font-weight:normal;font-size:22px;color:#aaa;transform:translateY(-50%);}
#quickmenu li:nth-child(1) a::before {content:"\e690";}
#quickmenu li:nth-child(2) a::before {content:"\e665";}
#quickmenu li:nth-child(3) a::before {content:"\e649";}
#quickmenu li:nth-child(4) a::before {content:"\e401";left:14px;}
#quickmenu li:nth-child(5) a::before {content:"\e900";left:14px;}
#quickmenu li:nth-child(6) a::before {content:"\e10a";left:14px;}
/* #quickmenu li:nth-child(1) a::before {width:22px;height:18px;background-image:url("../../images/www/temp/sc_menu1_01.png")}
#quickmenu li:nth-child(2) a::before {width:22px;height:23px;background-image:url("../../images/www/temp/sc_menu1_02.png")}
#quickmenu li:nth-child(3) a::before {width:18px;height:22px;background-image:url("../../images/www/temp/sc_menu1_03.png")}
#quickmenu li:nth-child(4) a::before {width:18px;height:22px;background-image:url("../../images/www/temp/sc_menu1_04.png")}
#quickmenu li:nth-child(5) a::before {width:21px;height:20px;background-image:url("../../images/www/temp/sc_menu1_05.png")}
#quickmenu li:nth-child(6) a::before {width:20px;height:20px;background-image:url("../../images/www/temp/sc_menu1_06.png")} */

/* 디자인 템플릿1 */
/* 메인-레이아웃 */
.main1 #contents {padding-bottom:0;}
.main1 .ct_section {position:relative;padding:60px 0;}
.main1 .cs_section {position:relative;margin-top:60px;padding:0;}
.main1 .main_sd1 + .cs_section {margin-top:0;padding-top:30px;}
.main1 .ct_section.video + .ct_section {padding-top:0;}
.main1 .ct_section.join {padding:0;}
.main1 .ct_section .board + .ct_group {padding-top:60px;}
.main1 .ct_section .ct_group + .ct_group {margin-top:60px;}
.main1 .ct_section.bg {background-color:#fafafa;}
/* 모바일 메뉴 버튼 */
#header1 .m_menu {left:12px;top:-48px;transform:none;}
/* 메인배너 */
.main_sd1 {position:relative;padding-bottom:75px;}
.main_sd1 .viewer {opacity:0;visibility:hidden;transition:opacity 1s ease;z-index:10;} /* slick 슬라이더 로딩 전 감추기 */
.main_sd1 .item {width:1440px;height:var(--lx-main-visual1-height);}
.main_sd1 .slide_img {overflow:hidden;display:block;position:relative;width:1360px;height:100%;margin:0 auto;border-radius:25px;}
.main_sd1 .slide_img img {max-width:none;position:absolute;left:50%;bottom:0;transform:translateX(-50%);}
.main_sd1 .control {position:absolute;width:100%;left:0;bottom:0;z-index:10;}
.main_sd1 .control .dots {display:flex;align-items:center;justify-content:center;height:75px;}
.main_sd1 .slick-dots {text-align:center;}
.main_sd1 .slick-dots li {vertical-align:middle;display:inline-block;margin:0 10px;}
.main_sd1 .slick-dots button {display:block;position:relative;width:20px;height:20px;border-radius:50%;font-size:0;background-color:#ddd;}
.main_sd1 .slick-dots .slick-active button {background:#999;}
/* 게시판 */
.main_board1 {display:flex;gap:50px;}
.main_board1 .board_group {flex-grow:1;display:flex;flex-direction:column;justify-content:space-between;}
.main_board1 .post_group {display:flex;gap:30px;}
.main_board1 .ct_head {height:40px;margin-bottom:15px;}
.main_board1 .ct_head .title {line-height:1;font-size:28px;font-weight:700;color:#000;}
.main_board1 .more_link {font-size:17px;font-weight:bold;color:#7b7b7b;}
.main_board1 .post {flex:1 1 0;min-width:0;}
.main_board1 .post_li {height:224px;}
.main_board1 .post_li .link {display:flex;align-items:center;justify-content:space-between;position:relative;height:54px;}
.main_board1 .post_li .link:hover .sub {text-decoration:underline;text-underline-position:under;}
.main_board1 .post_li .link + .link {border-top:1px solid #ddd;}
.main_board1 .post_li .sub {text-overflow:ellipsis;overflow:hidden;white-space:nowrap;font-size:16px;color:#555;}
.main_board1 .post_li .date {flex-shrink:0;text-align:right;width:85px;font-size:13px;font-weight:var(--lx-font-m);color:#bbb;}
/* 바로가기 */
.sc_menu1 ul {display:flex;justify-content:space-between;gap:20px;}
.sc_menu1 li a {display:flex;justify-content:center;align-items:center;flex-direction:column;position:relative;width:120px;height:110px;border:2px solid #eee;border-radius:15px;background-color:#fff;}
.sc_menu1 li i {display:block;height:50px;}
.sc_menu1 span {display:block;font-size:17px;font-weight:var(--lx-font-m);letter-spacing:-2px;color:#555;}
.sc_menu1 li a:before {content:" ";position:absolute;width:calc(100% - 4px);height:calc(100% - 4px);left:-1px;top:-1px;border:3px solid var(--lx-color-ci);border-radius:15px;opacity:0;transition:all ease .3s;}
.sc_menu1 li:hover {transform:translateY(-10px);}
.sc_menu1 li:hover a {box-shadow:8px 8px 40px rgb(34, 142, 255, 0.15);}
.sc_menu1 li:hover a:before {opacity:1;}
/* 헤더 */
#header1 {position:relative;z-index:50;height:220px;}
#header1 .top {position:relative;}
#header1 .top::before {content:" ";position:absolute;left:0;bottom:-1px;width:100%;height:1px;background-color:#d6d6d6;}
#header1 .top .rows {display: flex;justify-content:flex-end;}
#header1 .top .rows.sb {justify-content:space-between;}
#header1 .site {display:flex;padding-top:2px;}
#header1 .site a {display:block;line-height:38px;padding:0 20px;border-top-left-radius:8px;border-top-right-radius:8px;font-size:14px;font-weight:var(--lx-font-m);color:#fff;}
#header1 .site .on {color:#000;background-color:#fff;}
#header1 .role {display:flex;align-items:center;gap:10px;position:relative;}
#header1 .acc {display:flex;gap:20px;}
#header1 .acc a {white-space:nowrap;display:inline-block;position:relative;line-height:40px;font-size:13px;}
#header1 .acc a span {font-weight:inherit;font-size:inherit;color:inherit;}
#header1 .acc a + a::before {content:" ";position:absolute;left:-10px;top:50%;width:1px;height:18px;background-color:#d6d6d6;transform:translateY(-50%);}
#header1 .frm {overflow:hidden;position:absolute;top:140px;width:100%;height:var(--lx-header1-frm-height);}
#header1 .frm .rows {display:flex;position:relative;}
#header1 .nav {position:relative;border-bottom:1px solid #e6e6e6;background-color:#fff;}
#header1 .logo {flex-shrink:0;display:flex;align-items:center;}
#header1 .logo a {display:block;}
/* 헤더-활성화 */
#header1::after {content:" ";position:absolute;left:0;bottom:0;width:100%;height:1px;background-color:#d8d9da;}
.main1 #header1::after {display:none;}
.main1 #header1.active::after {display:block;}
#header1::before {content:" ";position:absolute;bottom:-19px;width:100%;height:19px;background:url("../../images/www/common/header_shadow.png") repeat-x 0 0;}
.main1 #header1::before {display:none;}
/* gnb */
#header1 .gnb > li > a {font-size:24px;font-weight:var(--lx-font-b);}
#header1 .gnb > li > ul {height:calc(100% - var(--lx-header1-frm-height));}
/* 헤더-데코 */
#header1 .nav_deco, #header1 .gnb_deco {top:var(--lx-header1-frm-height);height:calc(100% - var(--lx-header1-frm-height));}
#header1 .nav_deco {right:calc(50% + 680px);} /* right=중간점 기준 GNB 공간만큼 빼준 데코 노출영역 */
#header1 .nav_deco::before {right:-120px;bottom:-70px;}
#header1 .gnb_deco {width:calc(var(--lx-header1-h1-width) + 20px);} /* width=#header-#gnb-etc */
/* 헤더-통합검색 */
#header1 .mid .rows {display:flex;align-items:center;justify-content:space-between;height:var(--lx-header1-mid-height);}
.lx_mid_search .input {position:relative;width:660px;height:56px;border:3px solid #0b276c;border-radius:25px;padding-right:66px;}
.lx_mid_search .input input[type="text"] {outline:none;width:100%;height:100%;padding:0 20px;border:0;border-radius:0;font-size:18px;font-weight:var(--lx-font-m);color:#757575;background:none;}
.lx_mid_search .input .enter {position:absolute;right:0;top:0;width:66px;height:50px;}
.lx_mid_search .input .enter::before {content:"\e13e";position:absolute;left:50%;top:50%;font-family:WebComponentsIcons;font-weight:normal;font-size:28px;color:#0b276c;transform:translate(-50%, -50%);}
.lx_mid_search .cm_close {display:none;}
.lx_all_menu_btn {position:relative;width:60px;height:60px;border-radius:50%;background-color:#ecf4f7;}
.lx_all_menu_btn:before, .lx_all_menu_btn:after, .lx_all_menu_btn .line:after {content:" ";position:absolute;right:18px;transition:all 0.3s ease;width:24px;height:3px;background:#0b276c;}
.lx_all_menu_btn:before {top:19px}
.lx_all_menu_btn:after {top:39px;}
.lx_all_menu_btn .line:after {right:25px;width:17px;top:29px;}
#header1 .cm_toggle {display:none;}
#header1 .cm_toggle i::before {color:var(--lx-color-ci);}

/* 메인 콘텐츠 */
.ct_head {position:relative;margin-bottom:25px;display:flex;justify-content:space-between;align-items:center;}
.ct_head .ct_title {line-height:1;margin-bottom:0;}
.ct_head.fix {align-items:flex-end;height:60px;margin-bottom:0;padding-bottom:17px;border-bottom:4px solid #000;}
.ct_head .more_link {position:relative;width:40px;height:40px;border-radius:50%;background-color:var(--lx-color-ci3);}
.ct_head .more_link::before {content:"\e145";position:absolute;left:50%;top:50%;line-height:1;font-family:'Material Icons';font-size:24px;color:#fff;transform:translate(-50%, -50%);}
.main .ct_section, .main .cs_section {position:relative;padding:50px 0;}
.main .cs_section + .cs_section {margin-top:-40px;}
.main .main_sd + .cs_section {margin-top:0;padding-top:30px;}
.main .ct_section.join {padding:0;}
.main .ct_section.stick, .main .ct_section.edu_menu {padding:40px 0;}
.main .ct_section .board + .ct_group {padding-top:60px;}
.main .ct_section .ct_group + .ct_group {margin-top:60px;}
.main .ct_section.bg, .main .ct_section.edu_menu {background-color:#f5f5f5;}
.main .ct_section.bg2 {background-color:#efebe8;}

/* header */
#header {position:relative;z-index:50;height:120px;background:var(--lx-nav-bg);}
#header .top {position:relative;background:var(--lx-header-top-bg);}
/* #header .top {position:relative;background:linear-gradient(to right, #0063cc 0%, #af13c7 100%);} */
#header .top .rows {display: flex;justify-content:flex-end;}
#header .top .rows.sb {justify-content:space-between;}
#header .site {display:flex;padding-top:2px;}
#header .site a {display:block;line-height:38px;padding:0 20px;border-top-left-radius:8px;border-top-right-radius:8px;font-size:14px;font-weight:var(--lx-font-m);color:#fff;}
#header .site .on {color:#000;background-color:#fff;}
#header .role {display:flex;align-items:center;gap:20px;position:relative;}
#header .role .acc {display:flex;gap:20px;}
#header .role .acc a {white-space:nowrap;display:inline-block;position:relative;line-height:40px;font-size:13px;color:#fff;}
#header .role .acc a span {font-size:inherit;color:inherit;}
#header .role a + a::before {content:" ";position:absolute;left:-10px;top:50%;width:1px;height:18px;background-color:#fff;transform:translateY(-50%);}
#header .frm {overflow:hidden;position:absolute;top:40px;width:100%;height:var(--lx-header-frm-height);}
#header .nav {position:relative;border-bottom:1px solid #e6e6e6;background-color:#fff;}
#header .frm .rows {display:flex;position:relative;}
#header .frm .logo a {display:block;}
#header .logo_txt, #header .logo {flex-shrink:0;display:flex;align-items:center;width:var(--lx-header-h1-width);height:var(--lx-header-frm-height);margin-right:20px;}
#header .logo_txt img {height:50px;margin-right:5px;}
#header .logo_txt span {font-size:24px;color:#000;}
#header .frm .global {position: absolute; top:33px; right:20px; display:flex;}
#header .search {overflow:hidden;position:relative; display:flex;width:260px;height:40px;background:#fff;border:2px solid var(--lx-color-cerulean);border-radius:10px;}
#header .search .input {display:flex;align-items:center;flex-grow:1;}
#header .search .x {position:relative;width:24px;height:24px;}
#header .search .x::before {content:"\e5cd";position:absolute;left:50%;top:50%;font-family:"Material Icons";line-height:1;font-size:24px;color:var(--lx-color-cerulean);transform:translate(-50%, -50%);}
#header .search input:not(:valid) + .x {display:none;}
#header .search select {width:140px;height:47px;border:0;padding-left:15px;font-weight:bold;font-size:14px;}
#header .search input[type="text"] {width:100%;height:100%;border:0;font-size:14px;outline:none;}
#header .search .enter {flex-shrink:0;width:35px;height:35px;border-radius:2px;background:url("../../images/www/common/sch_form_glass.png") no-repeat 50% 50%;}
#header .sch_form {position:absolute;right:0;top:17px;}
#header .sch_form .tag {margin-top:7px;}
#header .sch_form .sch_close {display:none;position:relative;line-height:1;margin-left:10px;}
#header .sch_form .sch_close::before {content:"\e5cd";font-family:'Material Icons';font-weight:normal;font-size:30px;color:#fff;}
#header .sch_form .bg {display:none;position:absolute;left:0;top:0;width:100%;height:100%;background:rgba(32, 32, 32, 0.8);}

/* 테마 */
#header .theme {position:relative;z-index:50;margin-left:15px;}
#header .theme button {display:block;line-height:28px;padding:0 10px 0 30px;border-radius:4px;font-size:13px;color:#fff;background-color:var(--Ci-Green);}
.pop_site_theme {display:none;position:absolute;top:28px;right:0;width:135px;padding-top:6px;}
.pop_site_theme ul {padding:15px;border-radius:10px;background-color:var(--lx-box-bg);box-shadow:0 2px 4px rgba(0,0,0,0.3);}
.pop_site_theme li a {display:block;position:relative;border-radius:4px;padding:5px 5px 5px 30px;font-size:13px;}
.pop_site_theme li.on a {background-color:var(--lx-box-hover);}
#header .theme button::before, .pop_site_theme li a::before {content:" ";position:absolute;left:10px;top:50%;width:16px;height:16px;transform:translateY(-50%);}
#header .theme .light::before {filter:var(--lx-filter-bk);background-image:url(../../images/www/icon/theme_light.svg);}
#header .pop_site_theme .light::before {left:8px;}
#header .theme .dark::before {filter:var(--lx-filter-bk);background-image:url(../../images/www/icon/theme_dark.svg);}
#header .theme button[data-pop="set_theme"]::before {filter:brightness(0) invert(1);}

/* 푸터2 */
#footer2 {margin-top:100px;}
#footer2 .top {background-color:#666;}
#footer2 .top .rows {display:flex;justify-content:space-between;}
#footer2 .menu {display:flex;}
#footer2 .menu li + li {position:relative;}
#footer2 .menu li + li:before {content:" ";position:absolute;left:0;top:50%;width:1px;height:14px;background-color:#aaa;transform:translateY(-50%);}
#footer2 .menu a {display:block;height:50px;line-height:50px;padding:0 15px;font-size:16px;color:#ccc;}
#footer2 .menu .em a {font-weight:var(--lx-font-m);color:#fff;}
#footer2 .menu li:first-child a {padding-left:0;}
#footer2 address {line-height:1.6;}
#footer2 address p {opacity:0.8;font-size:14px;font-weight:100;color:#fff;}
#footer2 .all_menu {background-color:#f5f5f5;}
#footer2 .all_menu .ct {display:flex;justify-content:center;padding:40px 170px;}
#footer2 .all_menu .group {text-align:center;flex:1 1 0;}
#footer2 .all_menu .group + .group {border-left:1px solid var(--lx-box-border);}
#footer2 .all_menu .lab {position:relative;height:35px;line-height:1;margin-bottom:15px;font-size:17px;font-weight:var(--lx-font-m);color:var(--lx-subj-color);}
#footer2 .all_menu .lab::before {content:" ";position:absolute;left:50%;bottom:0;width:14px;height:2px;margin-left:-7px;background-color:var(--lx-subj-color);}
#footer2 .all_menu ul li + li {margin-top:5px;}
#footer2 .all_menu ul a {display:block;line-height:22px;font-size:15px;color:var(--lx-font-color2);}
#footer2 .info {padding:30px 0;border-top:1px solid var(--lx-box-tp-border);}
#footer2 .info .top {margin-bottom:20px;}
#footer2 .info .cont {display:flex;color:var(--lx-font-color3);}
#footer2 .info .lab {margin-bottom:10px;font-weight:bold;color:inherit;}
#footer2 .info li {font-size:14px;}
#footer2 .info .group {width:50%;}
#footer2 .info .group + .group {margin-left:10px;}
#footer2 .end {display:flex;justify-content:space-between;align-items:center;margin-top:20px;}
#footer2 .logo {text-align:center;}
#footer2 .addr {display:flex;justify-content:center;flex-wrap:wrap;margin-top:10px;}
#footer2 .addr li {margin:0 10px;font-size:14px;}
#footer2 .site {display:flex;}
#footer2 .site select {flex-grow:1;height:50px;padding-left:15px;border:0;border-radius:0;color:#fff;background-color:#444;background-image:url("../../images/www/common/select_deco_wt.png")}
#footer2 .site button {flex-shrink:0;padding:0 20px;color:#fff;background-color:#000;}
#footer2 .copy {text-align:center;font-size:14px;}

/* 메인배너 */
.main_sd {position:relative;}
.main_sd .viewer .rows {display:flex;align-items:center;justify-content:space-between;height:600px;}
.main_sd .viewer {opacity:0;visibility:hidden;transition:opacity 1s ease;z-index:10;}
.main_sd .viewer.slick-initialized {visibility:visible;opacity:1;}
.main_sd .v1 {background-color:#fecd4d;}
.main_sd .v2 {background-color:#b4dfe5;}
.main_sd .v3 {background-color:#f7b265;}
.main_sd .control {position:absolute;width:100%;bottom:20%;z-index:10;}
.main_sd .control .rows {position:relative;}
.main_sd .slick-dots {text-align:center;position:absolute;top:0;z-index:10;width:100%;}
.main_sd .slick-dots li {display:inline-block;margin:0 5px;}
.main_sd .slick-dots button {display:block;position:relative;width:40px;height:30px;font-size:0;}
.main_sd .slick-dots button::before {content:" ";position:absolute;left:0;top:50%;width:100%;height:4px;transform:translateY(-50%);background:#fff;}
.main_sd .slick-dots .slick-active button::before {background:#000;}
.main_sd .ct {display:flex;flex-direction:column;justify-content:space-between;width:650px;height:250px;}
.main_sd .sub span {overflow:hidden;text-overflow:ellipsis;display:block;line-height:1.2;font-size:60px;font-weight:700;color:#000;letter-spacing:-4px;}
.main_sd .sub .normal {white-space:nowrap;}
.main_sd .sub .em {word-break:keep-all;word-wrap:break-word;display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:2;line-height:1;font-size:52px;color:#fff;}
.main_sd .desc {margin-top:15px;}
.main_sd .desc span {overflow:hidden;text-overflow:ellipsis;display:block;line-height:1.5;font-size:19px;color:#000;letter-spacing:-1px;}
.main_sd .desc .normal {word-break:keep-all;word-wrap:break-word;display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:2;}
.main_sd .desc .em {white-space:nowrap;font-weight:var(--lx-font-m);}
/* .main_sd .bann {opacity:0;}
.main_sd .slick-active .bann {animation-delay:0.3s;animation-name:fadeInUp2;animation-duration:0.8s;animation-fill-mode:forwards;} */
.main_sd .bar {margin-top:30px;}
.main_sd .img {overflow:hidden;max-width:700px;max-height:80%;}
.main_sd .rd_aw_btn {vertical-align:middle;display:inline-block;position:relative;height:70px;line-height:70px;border-radius:35px;padding:0 55px 0 35px;font-weight:var(--lx-font-m);font-size:20px;color:#fff;background-color:#000;}
.main_sd .rd_aw_btn::before {content:" ";position:absolute;right:30px;top:50%;width:13px;height:19px;background:url("../../images/www/icon/rd_aw_wt.png") no-repeat 0 0;transform:translateY(-50%);}
.main_sd .rd_aw_btn.wt {color:var(--Ci-Blue);background-color:#fff;}
.main_sd .rd_aw_btn.wt::before {background-image:url("../../images/www/icon/rd_aw_blue.png");}
/* 메인배너 이미지 */
.main_sd .item {height:var(--lx-main-visual-height);}
.main_sd .slide_img {overflow:hidden;display:block;position:relative;height:100%;margin:0 auto;}
.main_sd .slide_img img {max-width:none;position:absolute;left:50%;bottom:0;width:1920px;height:100%;transform:translateX(-50%);}
/* 메인 deco */
.cs_section .bg_shapes, .ct_section .bg_shapes {overflow:hidden;position:absolute;left:0;top:0;width:100%;height:100%;}
.bg_shapes .deco1 {opacity:0.1;position:absolute;width:500px;height:500px;border:100px solid #4eace9;border-radius:50%;left:50%;bottom:-250px;margin-left:-1265px;}
.bg_shapes .deco2 {opacity:0.1;position:absolute;width:500px;height:500px;border:100px solid #4eace9;border-radius:50%;left:50%;top:-250px;margin-left:-1265px;}
.bg_shapes .deco3 {opacity:0.1;position:absolute;width:1000px;height:1000px;border:300px solid #8dabfb;border-radius:50%;left:50%;bottom:150px;margin-left:500px;}
.bg_shapes .deco1.bot {bottom:-250px;}
.bg_shapes .deco3.bot {bottom:auto;top:-400px;}

/* 메인 게시판 */
.main_board {display:flex;gap:45px;}
.main_board .more_link {font-size:17px;font-weight:bold;color:#7b7b7b;}
.main_board .post {flex:1 1 0;min-width:0;}
.main_board .post_li {height:224px;}
.main_board .post_li .link {display:flex;align-items:center;justify-content:space-between;position:relative;height:56px;}
.main_board .post_li .link:hover .sub {text-decoration:underline;text-underline-position:under;}
.main_board .post_li .link + .link {border-top:1px solid #ccc;}
.main_board .post_li .sub {text-overflow:ellipsis;overflow:hidden;white-space:nowrap;font-size:16px;color:#777;}
.main_board .post_li .date {flex-shrink:0;text-align:right;width:85px;font-size:13px;font-weight:var(--lx-font-m);color:#b0aca8;}
.main_board .customer {flex-shrink:0;width:320px;}
.main_board .customer .cont {display:flex;flex-direction:column;justify-content:center;position:relative;height:224px;padding-left:110px;}
.main_board .customer .cont::before {content:" ";position:absolute;left:0;top:50%;width:100px;height:100px;border-radius:50%;background:#fff url("../../images/www/icon/inq_board_customer.png") no-repeat 50% 50%;transform:translateY(-50%);}
.main_board .customer .title {font-size:24px;font-weight:bold;color:#333;}
.main_board .customer .num {letter-spacing:-2px;font-size:32px;font-weight:bold;color:#333;}
.main_board .customer .note {padding-left:10px;}
.main_board .customer .note li {line-height:1.6;font-size:14px;color:#727272;}

/* 메인 중간 가로배너 */
.main .front {margin-bottom:80px;padding-top:60px;}
.main .front .rows {display: flex; justify-content: space-between;}
.main .front .rows.link {position:relative;z-index:10;margin-top:-120px;}
.main .front .title{color:#fff;font-size:30px;}
.main .front .group{width:305px; height:375px; padding:30px; background:var(--lx-color-cerulean); border-radius:20px;}
.main .front .group .link{margin-top:30px;}
.main .front .group .link > li{padding-bottom:15px;margin-bottom:15px;border-bottom:1px solid rgba(255,255,255,0.3);}
.main .front .group .link > li a{color:#fff;font-size:18px;}
.main .front .shortcut{width:274px;height:370px;padding:30px; background:var(--lx-color-cyan); border-radius:20px;}
.main .front .shortcut .link{display: flex;flex-wrap: wrap;justify-content: space-between;}
.main .front .shortcut li{margin-top:30px; text-align: center;}
.main .front .shortcut a > i{display:block; width:72px; height:65px;}
.main .front .shortcut a span{display:block;color:#fff;margin-top:10px;}
.main .front .shortcut .app{background: url(../../images/www/icon/shortcut_01.png) center no-repeat;}
.main .front .shortcut .task{background: url(../../images/www/icon/shortcut_02.png) center no-repeat;}
.main .front .shortcut .survey{background: url(../../images/www/icon/shortcut_03.png) center no-repeat;}
.main .front .shortcut .cert{background: url(../../images/www/icon/shortcut_04.png) center no-repeat;}
.main .front .card_ban{width:330px;}
.card_ban img {border-radius:20px;}
.card_ban .sd {opacity:0;visibility:hidden;transition:opacity 1s ease;z-index:10;}
.card_ban .sd.slick-initialized {visibility:visible;opacity:1;}
/* .front_bot .viewer {opacity:0;visibility:hidden;transition:opacity 1s ease;z-index:10;}
.front_bot .viewer.slick-initialized {visibility:visible;opacity:1;} */
.main .front .front_bot {position: relative;width:100%;height:240px;border-radius: 20px ;overflow: hidden;}
/* .front_bot .sd {float:left;} */
.main .front_bot .sd {overflow:hidden;border-radius:20px;}
.main .front_bot .banlink {position:relative;float:left;width:50%;height:240px;padding:40px;}
.main .front_bot .img {overflow:hidden;position:absolute;left:0;top:0;width:100%;height:100%;}
.main .front_bot .img::before {content:" ";position:absolute;z-index:10;width:100%;height:100%;background:rgba(9, 27, 44, 0.3);}
.main .front_bot .tit {overflow:hidden;text-overflow:ellipsis;word-break:keep-all;word-wrap:break-word;display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:3;position:relative;z-index:20;line-height:36px;font-size:26px;color:#fff;}
.main .front_bot .con {display:block;overflow:hidden;text-overflow:ellipsis;word-break:keep-all;word-wrap:break-word;display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:2;position:relative;z-index:20;line-height:24px;margin-bottom:5px;font-size:18px;color:#fff;}
.main .front .front_bot > div .btn_app{display:block;margin-top:50px;width:150px;height:45;line-height:45px;text-align: center; color:#fff;border:2px solid #fff;font-size:16px;border-radius: 40px;}
.main .board{display: flex;justify-content: space-between;gap:25px;}
.main .board .cols {display:flex;align-items:center;padding:25px;border:1px solid var(--lx-box-border);border-radius: 20px;background-color:var(--lx-box-bg);}
.main .board .card {min-width:0;width:100%;display:flex;align-items:center;}
.main .board .card .lab {display:flex;align-items:center;width:100px;}
.main .board .card .text {font-size:22px;font-weight:bold;color:var(--lx-subj-color);}
.main .board .ic_cl {margin-left:5px;}
.main .board .ic_cl i::before {vertical-align:top;}
.main .board .inner {display:flex;justify-content: space-between;width:auto;padding:4px 0;}
.main .board .sub {text-overflow: ellipsis;overflow: hidden;white-space: nowrap;color:var(--lx-font-color2);}
.main .board .date {text-align:right;flex-shrink:0;width:100px;color:var(--lx-font-color2);}
.main .board .cols {flex:1 1 0;min-width:0;}
.main .board .sd {margin-left:15px;}
/* .main .board .cols .sd {width:calc(100% - 120px);}
.main .board .cols .lab {width:95px;} */
.main .board .cols .lab {width:100px;}
.main .board .cols .sd {width:calc(100% - 115px);}

/* main_link */
.main_link {display:flex;padding-top:40px;}
.main_link li + li{margin-left:30px;}
.main_link li {text-align: center;width:calc(25% - 13px);border:2px solid #1091d0;border-radius: 5px;box-shadow: 0 3px 6px rgba(0,0,0,0.2);}
.main_link li .tit{display:block;font-weight: bold;margin-top:5px;}
.main_link li + li .tit{margin-top:15px;}
.main_link li a{display: block;width: 100%;height:100%;padding:10px;}
.main_link li a:hover{color:#fff;background: #1091d0;transition: background 0.5s ease;}

/* 메인 카드 배너 */
.main_sc {display:flex;flex-direction:column;gap:10px;position:absolute;top:50%;left:50%;z-index:20;width:300px;transform:translate(410px, -50%);}
.main_sc .sc_card {text-align:center;position:relative;width:240px;border-radius:20px;padding:30px;background:#fff;box-shadow:0 0 20px rgba(0, 0, 0, 0.3);}
.main_sc .sc_card p {line-height:1.5;font-size:14px;color:#777;}
.main_sc .sc_card .lab {position:relative;margin-bottom:10px;font-size:20px;font-weight:var(--lx-font-m);color:#000;}
.main_sc .sc_card .img {display:flex;justify-content:center;align-items:center;width:100px;height:100px;margin:0 auto 10px auto;border-radius:50%;background-color:#eef1f6;}
.main_sc .sc_card .img img {width:60px;}
.main_sc .sc_card:hover, .main_sc .sc_card.active {background:url("../../images/www/bg/bg_sc_card.png") no-repeat 50% 100%;background-size:cover;}
.main_sc .sc_card:hover p, .main_sc .sc_card.active p {color:#fff;}
.main_sc .sc_card:hover .lab, .main_sc .sc_card.active .lab {color:#fff;}
.main_sc .sc_card:hover .img, .main_sc .sc_card.active .img {background-color:#fff;}

/* 메인 카드 배너2 */
.main_sc2 {display:flex;height:100%;gap:24px;}
.main_sc2 .sc_card {text-align:center;position:relative;width:50%;border-radius:20px;padding:30px;background:#fff;box-shadow:0 0 20px rgba(0, 0, 0, 0.3);}
.main_sc2 .sc_card p {line-height:1.5;font-size:14px;color:#777;}
.main_sc2 .sc_card .lab {position:relative;margin-bottom:10px;font-size:20px;font-weight:var(--lx-font-m);color:#000;}
.main_sc2 .sc_card .img {display:flex;justify-content:center;align-items:center;width:100px;height:100px;margin:0 auto 20px auto;border-radius:50%;background-color:#eef1f6;}
.main_sc2 .sc_card .img img {width:60px;}
.main_sc2 .sc_card:hover, .main_sc2 .sc_card.active {background:url("../../images/www/bg/bg_sc_card.png") no-repeat 50% 100%;background-size:cover;}
.main_sc2 .sc_card:hover p, .main_sc2 .sc_card.active p {color:#fff;}
.main_sc2 .sc_card:hover .lab, .main_sc2 .sc_card.active .lab {color:#fff;}
.main_sc2 .sc_card:hover .img, .main_sc2 .sc_card.active .img {background-color:#fff;}

/* 과정분류 */
.cs_group {display:flex;}
.cs_group .item {text-align:center;flex:1 1 0;min-width:0;display:flex;flex-direction:column;justify-content:center;align-items:center;gap:10px;position:relative;min-height:160px;padding:0 10px;}
.cs_group .item::before {content:" ";position:absolute;left:0;top:50%;width:1px;height:110px;background-color:rgba(0, 0, 0, .1);transform:translateY(-50%);}
.cs_group .item:first-child::before {display:none;}
.cs_group .item .title {order:2;display:flex;align-items:center;justify-content:center;font-size:19px;font-weight:var(--lx-font-m);color:var(--lx-subj-color);}
.cs_group .item .img {order:1;display:flex;align-items:center;justify-content:center;width:60px;height:60px;}
.cs_group .item .count {display:none;font-size:16px;font-weight:var(--lx-font-m);color:var(--lx-font-color2);}

/* 과정분류2 */
.cs_group2 {display:flex;flex-wrap:wrap;border-radius:20px;overflow:hidden;background:#fff;box-shadow:0 0 20px rgba(0, 0, 0, 0.3);}
.cs_group2 .item {display:flex;align-items:center;width:33.3333%;min-width:0;padding:15px;font-size:17px;background-color:var(--lx-box-bg);}
.cs_group2 .item .img {flex-shrinK:0;width:60px;height:60px;padding:10px;margin:0 10px;border-radius:25px;background-color:var(--lx-box-bg5);box-shadow: 0px 10px 20px rgba(0, 0, 0, 0.04);}
.cs_group2 .item .info {text-align:center;flex-grow:1;display:flex;flex-direction:column;}
.cs_group2 .item .title {word-break:keep-all;font-weight:bold;color:var(--lx-subj-color);}
.cs_group2 .item .count {display:none;font-size:15px;font-weight:var(--lx-font-m);color:var(--lx-font-color2);}
.cs_group2 .item:hover {background:url("../../images/www/bg/bg_sc_card.png") no-repeat 50% 100%;background-size:cover;}
.cs_group2 .item:hover .title {color:#fff;}
.cs_group2 .item:nth-child(n+4) {border-top:1px solid var(--lx-box-border);}
.cs_group2 .item:not(:nth-child(3n)) {border-right:1px solid var(--lx-box-border);}

/* 과정분류3 */
.cs_group3 {display:flex;flex-wrap:wrap;border-radius:20px;overflow:hidden;border:1px solid var(--lx-box-border);background:#fff;}
.cs_group3 .item {display:flex;align-items:center;width:33.3333%;min-width:0;padding:15px;font-size:17px;background-color:var(--lx-box-bg);}
.cs_group3 .item .img {flex-shrinK:0;width:70px;height:70px;padding:10px;border-radius:25px;background-color:#eef1f6;box-shadow: 0px 10px 20px rgba(0, 0, 0, 0.04);}
.cs_group3 .item .info {text-align:center;flex-grow:1;display:flex;flex-direction:column;}
.cs_group3 .item .title {word-break:keep-all;font-weight:bold;color:var(--lx-subj-color);}
.cs_group3 .item .count {display:none;font-size:15px;font-weight:var(--lx-font-m);color:var(--lx-font-color2);}
.cs_group3 .item:hover {background:url("../../images/www/bg/bg_sc_card.png") no-repeat 50% 100%;background-size:cover;}
.cs_group3 .item:hover .title {color:#fff;}
.cs_group3 .item:nth-child(n+4) {border-top:1px solid var(--lx-box-border);}
.cs_group3 .item:not(:nth-child(3n)) {border-right:1px solid var(--lx-box-border);}

/* 메인 바로가기 링크2 */
.main_sd .edu {background:#f28c0e url("../../images/www/temp/main_sd_bg_edu.png") no-repeat right 15px bottom 20px;}
.main_sd .test {background:#099451 url("../../images/www/temp/main_sd_bg_test.png") no-repeat right 15px bottom 20px;}
.main .sc_link2 {display:flex;justify-content:center;}
.main .sc_link2 li {flex:1 1 0;}
.main .sc_link2 li + li {border-left:1px solid #e8e8e8;}
.main .sc_link2 a {display:flex;flex-direction:column;justify-content:center;position:relative;height:110px;padding:0 20px 0 140px;}
.main .sc_link2 .lab {line-height:1;font-size:23px;font-weight:bold;letter-spacing:-0.5px;color:#333;}
.main .sc_link2 p {word-break:keep-all;line-height:1.3;margin-top:10px;font-size:14px;letter-spacing:-0.2px;color:#87898d;}
.main .sc_link2 i {position:absolute;left:30px;top:50%;transform:translateY(-50%);background-repeat:no-repeat;background-position:0 0;background-size:cover;}
.main .sc_link2 .record i {width:80px;height:68px;background-image:url("../../images/www/icon/ic_sc_link2_01.png");}
.main .sc_link2 .app i {width:80px;height:68px;background-image:url("../../images/www/icon/ic_sc_link2_02.png");}
.main .sc_link2 .edu i {width:103px;height:81px;background-image:url("../../images/www/icon/ic_sc_link2_03.png");}
.main .sc_link2 .inquiry i {width:80px;height:68px;background-image:url("../../images/www/icon/ic_sc_link2_04.png");}
.main .sc_link2 .edu {padding-left:160px;}
.main .sc_link2 .edu i {top:44%;}

/* 퀵메뉴 */
.shortcuts ul {display:flex;justify-content:space-around;gap:10px;}
.shortcuts li a {text-align:center;display:block;margin:0 auto;}
.shortcuts i {display:flex;align-items:center;justify-content:center;position:relative;width:130px;height:130px;border:1px solid var(--lx-box-border);border-radius:50%;background-color:var(--lx-box-bg);}
.shortcuts i img {position:relative;z-index:1;width:60px;height:60px;}
.shortcuts i::before {content:" ";position:absolute;left:50%;top:50%;width:calc(100% - 10px);height:calc(100% - 10px);border-radius:50%;transform:translate(-50%, -50%);background-color:#f7f8f9;}
.shortcuts span {display:block;padding-top:10px;font-size:20px;font-weight:bold;letter-spacing:-2px;color:var(--lx-subj-color);}

/* 메인-카드배너 */
.main_p_sd {position:relative;}
.main_p_sd .viewer .img {overflow:hidden;position:relative;height:235px;}
.main_p_sd .viewer .img img {width:100%;height:100%;object-fit:cover;}
.main_p_sd .control {display:flex;justify-content:center;align-items:center;position:absolute;right:5px;top:-48px;}
.main_p_sd .control .slick-arrow {position:relative;width:26px;height:26px;}
.main_p_sd .control .slick-arrow::before {font-family:'Material Icons';font-weight:normal;font-size:24px;color:#333;}
.main_p_sd .control .slick-prev {margin-right:-5px;}
.main_p_sd .control .slick-next {margin-left:-5px;}
.main_p_sd .control .slick-prev::before {content:"\e408";}
.main_p_sd .control .slick-next::before {content:"\e409";}
.main_p_sd .control .pause {width:26px;height:26px;color:#333;}
.main_p_sd .control .pause::before {content:"\e034";font-size:20px;}
.main_p_sd .control .off::before {content:"\e037";}
.main_p_sd .slick-dots {position:absolute;right:80px;top:-43px;}
.main_p_sd .indicator {font-size:14px;color:#aaa;}
.main_p_sd .indicator .num {font-size:inherit;font-weight:bold;color:#666;}
.main_p_sd .indicator .total {font-size:inherit;color:inherit;}
.main_p_sd .slick-dots li {display:none;}
.main_p_sd .slick-dots .slick-active {display:block;}

@keyframes gradient {
0% {
	background-position:0% 50%;
}
50% {
	background-position:100% 50%;
}
100% {
	background-position:0% 50%;
}
}

/* 서브-레이아웃 */
#container > .layout {display:flex;width:1312px;margin:0 auto;padding:50px 0;}
#container > .layout #contents {flex-grow:1;width:auto;padding:20px 0 30px 30px;}
#side_nav {flex-shrink:0;width:250px;}
#side_nav .head {display:flex;align-items:center;justify-content:center;height:110px;font-size:24px;font-weight:var(--lx-font-m);color:#fff;background:url("../../images/www/common/side_nav_head.png") no-repeat 0 0;background-size:cover;}
#side_nav .menu > li {border:1px solid #ddd;border-top:0;}
#side_nav .menu > li > a {display:block;position:relative;padding:13px 38px 13px 20px;font-size:15px;font-weight:var(--lx-font-m);color:#333;}
#side_nav .menu ul {display:none;padding:15px 25px;}
#side_nav .menu ul a {display:block;position:relative;padding-left:10px;font-size:14px;color:#000;}
#side_nav .menu ul a::before {content:" ";position:absolute;left:0;top:7px;width:4px;height:4px;border-radius:50%;background-color:#ccc;}
#side_nav .menu ul li:not(:first-child) {margin-top:5px;}
#side_nav .menu > li > .child::after {text-align:center;content:"\e313";position:absolute;right:10px;top:10px;padding:2px;border:1px solid #ccc;border-radius:50%;font-family:'Material Icons';font-weight:normal;font-size:16px;color:#aaa;}
#side_nav .menu > li > a.child[data-open=on] {border-bottom:1px solid var(--lx-color-ci);}
#side_nav .menu a[data-open=on], #side_nav .menu a:hover {color:var(--lx-color-ci);}
#side_nav .menu > li > .child[data-open=on]::after {border-color:var(--lx-color-ci);background-color:var(--lx-color-ci);color:#fff;transform:rotate(180deg);}

/* 메인 레이아웃2 */
/* 헤더2 */
#header2 {position:fixed;z-index:50;left:0;top:0;width:100%;background:var(--lx-nav-bg);}
#header2 .top {position:relative;background:var(--lx-color-ci2);}
#header2 .top .rows {display: flex;justify-content:space-between;}
#header2 .site {display:flex;}
#header2 .site a {position:relative;line-height:40px;font-size:13px;color:#ddd;}
#header2 .site .on {color:#fff;}
#header2 .site a + a {margin-left:20px;}
#header2 .site a + a::before {content:" ";position:absolute;left:-10px;top:50%;width:1px;height:18px;background-color:#ccc;transform:translateY(-50%);}
#header2 .role {display:flex;align-items:center;position:relative;z-index:1;}
#header2 .role .acc {margin-left:15px;}
#header2 .role .acc a {white-space:nowrap;display:inline-block;position:relative;line-height:40px;font-size:13px;color:#fff;}
#header2 .role a + a {margin-left:20px;}
#header2 .role a + a::before {content:" ";position:absolute;left:-12px;top:50%;width:1px;height:18px;background-color:#ccc;transform:translateY(-50%);}
#header2 .role .quick {position:relative;display:flex;align-items:center;height:100%;margin-left:5px;}
#header2 .role .quick .tog {display:block;line-height:28px;padding:0 10px;border-radius:4px;font-size:13px;color:#fff;background-color:var(--Ci-Green);}
#header2 .role .acc + .quick {margin-left:15px;}
#header2 .frm {overflow:hidden;height:98px;}
#header2 .frm .rows {display:flex;position:relative;}
#header2 .frm .logo a {display:block;width:var(--lx-logo-width-tp2);height:var(--lx-logo-height-tp2);background-image:var(--lx-logo-tp2);background-position:50% 50%;background-repeat:no-repeat;background-size:cover;}
#header2 .logo_txt, #header2 .logo {flex-shrink:0;display:flex;align-items:center;height:98px;margin-right:80px;}
#header2 .logo_txt img {height:50px;margin-right:5px;}
#header2 .logo_txt span {font-size:24px;color:#000;}
#header2 .frm .global {position: absolute; top:33px; right:20px; display:flex;}
#header2 .nav {position:relative;border-bottom:1px solid #e6e6e6;}
#header2 .nav::before {content:" ";position:absolute;left:0;top:97px;width:100%;height:1px;background-color:#e7e7e7;}

/* GNB2 */
#gnb2 {display:flex;justify-content:space-around;flex-grow:1;}
#gnb2 .noti {width:34px;height:24px;background:url("../../images/www/icon/ic_gl_noti.png") no-repeat 50% 50%;}
#gnb2 .count {overflow:hidden;text-align:center;position:absolute;top:-1px;right:-2px;width:17px;height:17px;line-height:16px;border-radius:50%;font-size:13px;font-weight:bold;color:#fff;background-color:#f7175a;}
#gnb2 .point {display:flex;align-items:center;}
#gnb2 > li {text-align:center;position:relative;padding:0;}
#gnb2 > li > a {position:relative;display:block;height:98px;line-height:98px;font-size:23px;font-weight:var(--lx-font-m);color:var(--lx-subj-color);}
#gnb2 > li > ul {padding:10px 5px 20px 5px;}
#gnb2 > li > ul > li {text-align: center;}
#gnb2 > li > ul a {display:block;padding:10px 0;font-size:16px;color:var(--lx-font-color2);}
#gnb2 > li > ul a:hover {text-decoration:underline;text-underline-position:under;color:var(--lx-color-ci);}
#gnb2 > li > ul ul a {color:#999;}
#gnb2 > li > ul .em  a {border-top:1px solid #000;}

/* 헤더-메인 */
.main #header2 {background-color:rgba(0, 0, 0, 0.2);transition:all 0.3s ease;}
.main #header2 .top {border-bottom:1px solid var(--lx-header-top-line);background:none;}
.main #header2 .role .acc a {color:#fff;}
.main #header2 .role .acc a span {font-size:inherit;color:inherit;}
.main #header2 .role a + a::before, .main #header2 .site a + a::before {background-color:var(--lx-header-top-line);}
.main #gnb2 > li > a {color:#fff;}
.main #header2 .frm .logo a {background-image:var(--lx-logo-tp2-wt);}
.main #header2.active .frm .logo a, .main #header2.sticky .frm .logo a {background-image:var(--lx-logo);}
.main #header2 .nav::before {display:none;}
/* .main #header .nav {border-bottom:0;}
.main #header::after {content:" ";position:absolute;left:0;bottom:0;width:100%;height:1px;background-color:var(--lx-nav-border);}
#header.active .nav {background-color:var(--lx-nav-bg);}
#header::after {content:" ";position:absolute;left:0;bottom:0;width:100%;height:1px;background-color:var(--lx-nav-border);}
.main #header::after {display:none;}
.main #header.active::after {display:block;} */

/* GNB2 ON */
.main #header2.active, .main #header2.sticky {background-color:var(--lx-nav-bg);}
#header2.active .top, #header2.sticky .top {border-bottom-color:var(--lx-header-top-line-active);}
.main #header2.sticky .role .acc a, .main #header2.active .role .acc a,
.main #header2.sticky .site a, .main #header2.active .site a
{color:var(--lx-font-color);}
.main #header2.sticky .site .on, .main #header2.active .site .on {font-weight:var(--lx-font-m);color:#000;}
.main #header2.sticky .role a + a::before, .main #header2.active .role a + a::before,
.main #header2.sticky .site a + a::before, .main #header2.active .site a + a::before
{background-color:#ccc;}
#header2.active .nav::before, #header2.sticky .nav::before {display:block;}
.main .active #gnb2 > li > a, .main .sticky #gnb2 > li > a {color:#2b2b2b;}
#header2.active #gnb2 li.on > a {color:var(--lx-color-ci);}
/* #header.active #gnb > li.on > a::before {content:" ";position:absolute;left:50%;bottom:0;width:70px;height:3px;background-color:var(--lx-color-ci);transform:translateX(-50%);} */

/* 메인 비주얼(템플릿2) */
.main .visual2 {height:774px;padding-top:250px;border-bottom-left-radius:90px;border-bottom-right-radius:90px;background:url("../../images/www/temp/main_visual2.png") no-repeat 50% 50%;background-size:cover;}
.main .visual2 .cont {display:flex;justify-content:space-between;}
.main .visual2 .slogan {flex-grow:1;flex-shrink:0;}
.main .main_sd2 {position:relative;border-radius:20px;box-shadow:0 0 15px 15px rgba(0, 22, 65, 0.2);}
.main .main_sd2 .viewer {overflow:hidden;width:540px;height:330px;}
.main .slogan .guide {display:block;line-height:1;margin-bottom:20px;font-family:ROKAFSlabSerifMedium;font-size:34px;letter-spacing:-0.5px;color:#fff;text-shadow:0 2px 2px rgba(0, 22, 65, 0.1), 0 -2px 2px rgba(0, 22, 65, 0.1);}
.main .slogan .title {line-height:1.2;font-size:60px;font-family:ROKAFSlabSerifMedium;letter-spacing:-1px;color:#fff;text-shadow: 0 3px 5px rgba(0, 22, 65, 0.2), 0 -3px 5px rgba(0, 22, 65, 0.2);}
.main .slogan .desc {line-height:1.4;margin-top:40px;font-size:20px;font-weight:300;color:rgba(255, 255, 255, 0.6);}
.main .main_sd2 .control {display:flex;justify-content:center;align-items:center;position:absolute;right:40px;bottom:-40px;width:103px;height:60px;border-radius:8px;background-color:var(--lx-color-ci);}
.main .main_sd2 .control .slick-arrow {position:relative;width:32px;height:32px;}
.main .main_sd2 .control .slick-arrow::before {font-family:'Material Icons';font-weight:normal;font-size:32px;color:#fff;}
.main .main_sd2 .control .slick-prev::before {content:"\e408";}
.main .main_sd2 .control .slick-next::before {content:"\e409";}
.main .main_sd2 .control .pause {margin:0 5px;color:#fff;}
.main .main_sd2 .control .pause::before {content:"\e034";}
.main .main_sd2 .control .off::before {content:"\e037";}
.main .main_sd2 .slick-dots {text-align:center;position:absolute;bottom:15px;z-index:10;width:100%;}
.main .main_sd2 .slick-dots li {display:inline-block;margin:0 7px;}
.main .main_sd2 .slick-dots button {display:block;position:relative;width:20px;height:20px;border-radius:50%;font-size:0;background:var(--lx-color-ci2);}
.main_sd2 .slick-dots .slick-active button {background:var(--lx-color-ci);}
.main_sd2 .slide_item {overflow:hidden;width:540px;height:330px;border-radius:20px;}

/* 통합검색(템플릿2) */
.op_sch_form {display:none;}
.sch_form2 {position:absolute;right:0;top:-90px;z-index:10;}
.sch_form2 .search {overflow:hidden;position:relative; display:flex;width:525px;height:50px;background:#fff;border-radius:25px;}
.sch_form2 .search .input {display:flex;align-items:center;flex-grow:1;position:relative;}
.sch_form2 .search .x {position:absolute;right:-10px;top:50%;width:24px;height:24px;transform:translateY(-50%);}
.sch_form2 .search .x::before {content:"\e5cd";position:absolute;left:50%;top:50%;font-family:"Material Icons";line-height:1;font-size:24px;color:#f15d15;transform:translate(-50%, -50%);}
.sch_form2 .search input:not(:valid) + .x {display:none;}
.sch_form2 .search select {width:140px;height:47px;border:0;padding-left:15px;font-weight:bold;font-size:14px;}
.sch_form2 .search input[type="text"] {width:100%;height:100%;border:0;padding:0 10px 0 20px;font-size:18px;outline:none;}
.sch_form2 .search input[type="text"]::placeholder {color:#9a9a9a;}
.sch_form2 .search .enter {flex-shrink:0;width:60px;height:50px;border-radius:2px;background:url("../../images/www/common/sch_form2_glass_org.png") no-repeat 50% 50%;}
.sch_form2 .tag {margin-top:7px;}
.sch_form2 .sch_close {display:none;position:relative;line-height:1;margin-left:10px;}
.sch_form2 .sch_close::before {content:"\e5cd";font-family:'Material Icons';font-weight:normal;font-size:30px;color:#fff;}
.sch_form2 .bg {display:none;position:absolute;left:0;top:0;width:100%;height:100%;background:rgba(32, 32, 32, 0.8);}

/* 스크롤 */
/* #side_menu::-webkit-scrollbar {width:7px;}
#side_menu::-webkit-scrollbar-thumb {background: #ddd; border-radius: 20px;}
#side_menu::-webkit-scrollbar-track {background: #f6f6f8;} */

/* side_menu */
#side_menu {position:fixed;right:0;top:0;z-index:60;height:100%;background-color:#029377;transition:right 0.3s ease;}
#side_menu .tog {position:absolute;left:-50px;top:50%;transform:translateY(-50%);}
#side_menu.off {right:-210px;}
/* #side_menu.off .tog i {transform:translateY(-50%) rotate(-180deg);} */
#side_menu .side_wrap{width:210px;text-align: center;padding:58px 20px 0 20px;}
#side_menu .member_info .photo{width:90px;height:90px;margin:0 auto;border-radius: 50%;overflow: hidden;}
#side_menu .r_l_box .menu {display:flex;margin-top:10px;border:1px solid #fff;}
#side_menu .r_l_box .menu a {display:block;padding:5px;color:#fff;font-size:15px;}
#side_menu .r_l_box .menu li {flex:1 1 0;}
#side_menu .r_l_box .menu li + li{border-left:1px solid #fff;}
#side_menu .name_wrap{color:#fff;}
#side_menu .name_wrap .name{font-size:20px;font-weight: bold;}
#side_menu .name_wrap p{font-size:15px;}
#side_menu .s_menu_wrap{margin-top:20px;text-align: left;}
#side_menu .s_menu_wrap li{padding:15px 0;background-repeat: no-repeat; background-position: left center;}
#side_menu .s_menu_wrap li + li{border-top:1px solid #35a790;}
#side_menu .s_menu_wrap li > a {position:relative;padding-left:30px;color:#fff;font-size:15px;}
#side_menu .banner_wrap {margin-top:30px;}
#side_menu .recent_wrap {text-align: left;margin-top:30px;}
#side_menu .recent_wrap .tit{color:#fff;}
#side_menu .recent_wrap .edu_thum{margin-top:10px;}
#side_menu .quick i {position:absolute;left:0;top:0;}
.recent_link {padding:15px 0;border-top:1px solid #35a790;}
.recent_link .lab {text-align:left;position:relative;padding-left:30px;letter-spacing:-1px;color:#fff;font-size:15px;}
.recent_link .lab i {position:absolute;left:0;top:0;}
.edu_recent {display:block;margin-top:15px;}
.edu_recent .inner {position:relative;}
.edu_recent .img {overflow:hidden;display:block;position:relative;width:100%;height:0;border-top-left-radius:5px;border-top-right-radius:5px;padding-bottom:56%;}
.edu_recent .img img {position:absolute;left:0;top:0;width:100%;height:100%;}
.edu_recent .type {display:flex;align-items:flex-end;}
.edu_recent .c_badge.line {height:20px;line-height:18px;padding:0 5px;font-size:11px;}
.edu_recent .sub {overflow:hidden;text-overflow:ellipsis;word-wrap:break-word;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;height:40px;line-height:20px;font-size:13px;font-weight:bold;color:#333;margin:5px 0 0 0;}
.edu_recent .cont {padding:10px;border-bottom-left-radius:10px;border-bottom-right-radius:10px;background-color:#fff;}
.snb_btn {display:flex;flex-direction:column;align-items:center;justify-content:center;position:fixed;left:300px;top:130px;width:50px;height:84px;border-top-left-radius:4px;border-bottom-left-radius:4px;background-color:#029074;}
.snb_btn .text {height:18px;line-height:18px;font-size:12px;font-weight:bold;color:#fff;}
.snb_btn i {width:28px;height:28px;margin-top:10px;border:1px solid #fff;border-radius:50%;}
.snb_btn i::before {content:"\e5cd";line-height:26px;font-family:'Material Icons';font-weight:normal;font-size:16px;color:#fff;}
.off .snb_btn i::before {content:"\e5c4";}
.side_wrap .head {display:none;position:absolute;left:0;top:0;height:50px;}
.side_wrap .head .mo_tog {display:block;width:50px;height:50px;color:#029377;background-color:#fff;}

/* main popup */
.pop_ban {height:100vh;}
.pop_ban .head {display:flex;justify-content:center;align-items:center;height:70px;padding:0 25px;background-color:var(--Ci-Blue);}
.pop_ban .head .title {overflow:hidden;text-overflow:ellipsis;white-space:nowrap;padding:0 0 0 40px;font-size:24px;font-weight:bold;letter-spacing:-0.5px;color:#fff;background:url("../../images/www/common/pop_ban_title.png") no-repeat 0 50%;background-size:32px 24px;}
.pop_ban .head button {position:relative;right:-8px;}
.pop_ban .head button i::before {font-size:32px;color:#fff;}
.pop_ban .frm {height:calc(100% - 115px);padding:30px;background-image:url("../../images/www/bg/bg_logo_top.png"), url("../../images/www/bg/bg_logo_bot.png");background-repeat:no-repeat;background-position:10% 0, 90% 130%;}
.pop_ban .frm .cont {overflow-y:auto;height:100%;}
.pop_ban .cont .tab_title {text-align:center;display:block;}
.pop_ban .cont .tab_title.top {margin-top:20px;}
.pop_ban .cont .tab_title span {display:inline-block;position:relative;padding:10px 30px;font-size:18px;font-family:SpoqaL;font-weight:bold;color:#000;background-color:#ccc;}
.pop_ban .cont .tab_title span::before, .pop_ban .cont .tab_title span::after {content:" ";position:absolute;top:0;width:2px;height:20px;top:50%;transform:translateY(-50%);background-color:#000;}
.pop_ban .cont .tab_title span::before {left:15px;}
.pop_ban .cont .tab_title span::after {right:15px;}
.pop_ban .frm p {word-break:keep-all;margin-bottom:10px;}
.pop_ban .frm .sub {line-height:1.3;margin-bottom:10px;font-size:17px;font-weight:bold;color:#333;}
.pop_ban .frm .sub.bg {padding:10px;background-color:var(--Ci-LBlue);}
.pop_ban .frm .sub .red {color:var(--Ci-Red);}
/* .pop_ban .frm .em {text-decoration:underline;text-underline-position:under;font-weight:bold;color:#da4453;} */
.pop_ban .foot {display:flex;align-items:center;height:45px;padding:0 20px;background-color:#979a9a;}
.pop_ban .foot label {margin-left:5px;font-size:15px;font-family:SpoqaT;font-weight:bold;color:#fff;}
.pop_ban .site {display:flex;align-items:center;justify-content:center;height:50px;margin-top:40px;}
.pop_ban .site a {display:block;height:100%;}
.pop_ban .site li {position:relative;}
.pop_ban .site li + li {margin-left:30px;}
.pop_ban .site li + li::before {content:" ";position:absolute;left:-15px;top:50%;width:1px;height:14px;background-color:#86898e;transform:translateY(-50%);}
.pop_ban .site img {display:block;}
.pop_ban .em_blue {font-family:SpoqaL;font-weight:bold;color:var(--Ci-Blue);}
.pop_ban .em_bold {font-weight:bold;color:#333;}
.pop_ban .em_bold.blue {color:var(--Ci-Blue);}
.pop_ban .new_greeting {text-align:center;margin-top:40px;padding:10px 15px;border-top:5px solid #f9e9d0;border-bottom:5px solid #f9e9d0;font-family:SpoqaL;font-size:20px;font-weight:bold;color:#a38166;background-color:#fefaef;}
.pop_ban .new_greeting span {display:block;line-height:1;font-size:16px;}

/* foreword */
.path_ind {display:none;height:51px;border-bottom:1px solid var(--lx-nav-border);}
.path_ind .path {display:flex;position:relative;padding-left:50px;}
/* .path_ind .path > span, .path_ind .path > a {vertical-align:middle;display:inline-block;position:relative;height:40px;line-height:40px;margin-left:10px;padding-left:13px;font-size:14px;letter-spacing:-0.5px;color:var(--lx-font-color2);}
.path_ind .path > span:before, .path_ind .path > a:before {content:"\e315";position:absolute;left:-7px;top:0;font-family:'Material Icons';font-size:18px;font-weight:normal;color:var(--lx-font-color2);} */
.path_ind .path .home {position:absolute;z-index:60;left:0;top:-1px;width:50px;height:52px;background-color:var(--lx-color-ci2);}
.path_ind .path .home::before {content:"\e88a";position:absolute;left:50%;top:50%;font-family:'Material Icons';font-size:18px;font-weight:normal;color:#fff;transform:translate(-50%, -50%);}
.path_ind .depth {position:relative;width:300px;border-right:1px solid var(--lx-nav-border);}
.path_ind .depth + .depth {margin-left:-1px;}
.path_ind button {text-align:left;position:relative;width:100%;height:50px;padding:0 40px 0 20px;}
.path_ind button::before {content:"\e5c5";position:absolute;right:7px;top:50%;font-family:'Material Icons';font-size:24px;font-weight:normal;transform:translateY(-50%);transition:all 0.3s ease;}
.path_ind .link {display:none;position:absolute;left:0;top:51px;z-index:1;width:calc(100% + 1px);border:1px solid var(--lx-nav-border);border-top:0;background:var(--lx-body-bg);}
.path_ind .link a {display:block;padding:10px 20px;}
.path_ind .link .on a {color:var(--lx-color-ci);}
.path_ind .depth.on button::before {transform:translateY(-50%) rotate(180deg);}

/* title */
/* p_title, c_title3 (구)소스 타이틀 */
.c_title, .c_title3 {position:relative;margin-bottom:10px;font-size:18px;font-weight:bold;color:var(--lx-subj-color);}
.c_title span, .c_title3 span {font-size:inherit;font-weight:inherit;color:inherit;}
.c_title.top, .c_title3.top, .ct_sub_title.top {margin-top:20px;}
.c_title.dtop, .c_title3.dtop, .ct_sub_title.dtop {margin-top:40px;}
.c_title_sm {position:relative;margin-bottom:5px;font-size:16px;font-weight:bold;color:var(--lx-subj-color);}
.c_title_sm.top {margin-top:10px;}
.ct_title, .p_title {line-height:1;margin-bottom:30px;font-size:34px;font-weight:700;color:var(--lx-subj-color);}
/* lx-title */
/* 작은 유형: .sm, ci 컬러: .ci, .ci2 */
.ct_title span {font-family:inherit;font-size:inherit;font-weight:inherit;color:inherit;}
.ct_title .ci {color:var(--lx-color-ci);}
.ct_title .ci2 {color:var(--lx-color-ci2);}
.ct_sub_title {line-height:1;margin-bottom:20px;font-size:24px;font-weight:700;color:var(--lx-subj-color);}
.cs_title {position:relative;line-height:1;margin-bottom:15px;padding-left:24px;font-size:24px;font-weight:bold;color:var(--lx-subj-color);}
.cs_title:after {box-sizing:border-box;content:" ";position:absolute;top:2px;left:0;width:18px;height:18px;border:4px solid #d8e0eb;border-radius:50%;background:var(--lx-color-ry_blue);}
.cs_title.top {margin-top:30px;}
.cs_title.dtop {margin-top:50px;}

/* title-custom */
.ct_bl_title {position:relative;line-height:1;margin-bottom:25px;font-size:30px;font-family:'yg-jalnan';color:var(--lx-subj-color);}
/* .ct_bl_title:before {content:" ";position:absolute;left:0;top:-7px;width:25px;height:20px;background:url("../../images/www/icon/ic_ci_bul.png") no-repeat 0 0;background-size:cover;} */
.ct_bl_title.sm {margin-bottom:15px;font-size:24px;font-weight:700;}
.ct_bl_title span {font-family:inherit;font-size:inherit;font-weight:inherit;color:inherit;}
.ct_bl_title .ci {color:var(--lx-color-ci);}
.ct_bl_title .ci2 {color:var(--lx-color-ci2);}
.ci_bl_title {position:relative;line-height:1;margin-bottom:15px;padding-left:24px;font-size:24px;font-weight:bold;color:var(--lx-subj-color);}
.ci_bl_title:after {box-sizing:border-box;content:" ";position:absolute;top:3px;left:0;width:18px;height:18px;border:4px solid #d8e0eb;border-radius:50%;background:var(--lx-color-ci);}
.ci_bl_title .ci {font-size:inherit;font-family:inherit;font-weight:inherit;color:var(--lx-color-ci);}
.ci_bl_title2 {position:relative;margin-bottom:5px;padding-left:24px;font-size:17px;font-weight:var(--lx-font-m);color:#333;}
.ci_bl_title2::after {box-sizing:border-box;content:" ";position:absolute;top:3px;left:0;width:18px;height:18px;border:4px solid #d8e0eb;border-radius:50%;background:var(--lx-color-ci);}
.cs_bl_title {position:relative;line-height:1.2;margin-bottom:10px;padding-left:30px;font-size:20px;font-weight:bold;color:var(--lx-subj-color);}
.cs_bl_title::before {content:"\e80c";position:absolute;left:0;top:0;line-height:1;font-family:'Material Icons Outlined';font-size:24px;font-weight:normal;color:var(--Ci-Blue);}
.cs_bl_title.top {margin-top:30px;}
.cs_sub_title {position:relative;line-height:1.2;margin-bottom:10px;font-size:19px;font-weight:bold;color:var(--lx-subj-color);}
.cs_sub_title.top {margin-top:20px;}
.cs_sub_title2 {position:relative;margin-bottom:10px;font-size:18px;font-weight:bold;color:var(--Ci-Pink);}
.cs_bl_title2 {position:relative;margin-bottom:10px;padding-left:26px;font-size:18px;font-weight:bold;color:#3679C1;}
.cs_bl_title2:before {content:" ";position:absolute;left:0;top:6px;width:18px;height:18px;background:url(../../images/www/icon/ic_sub_title.png) no-repeat 0 0;}
.ct_alert {margin-bottom:20px;font-size:28px;font-weight:bold;color:var(--lx-color-ci);}

/* 콘텐츠, 디자인 박스 */
.ct_box_li {margin-bottom:20px;padding:15px;border-radius:8px;border:1px solid #dfdfdf;}
.ct_box_li li {position:relative;line-height:1.5;padding-left:15px;word-break:keep-all;}
.ct_box_li li + li {margin-top:5px;}
.ct_box_li li:before {content:" ";position:absolute;left:0;top:8px;width:6px;height:6px;border-radius:50%;background-color:#bebebe;}
.ct_box_li.st {margin:0;}
.ct_box_li2 {margin-bottom:20px;padding:15px;border-radius:5px;background-color:#f5f7f9;}
.ct_box_li2 li {position:relative;line-height:1.6;padding-left:18px;}
.ct_box_li2 li + li {margin-top:5px;}
.ct_box_li2 li:before {content:" ";position:absolute;left:2px;top:9px;width:6px;height:6px;border-radius:50%;background-color:#50b4b6;}

.file_box {border:5px solid #e2eaf2;padding:20px;}
.ct_box.top {margin-top:15px;}
.ct_box.bot {margin-bottom:15px;}
.ct_box li {word-break:keep-all;position:relative;line-height:1.4;}
.ct_box .sm li {font-size:14px;}
.ct_box .red li {color:var(--ColorRed);}
.ct_box li + li {margin-top:3px;}
.ct_box .ref li, .ct_box li.ref {padding-left:18px;}
.ct_box .ref li:before, .ct_box li.ref:before {content:"※";position:absolute;left:0;top:0}
.ct_box.bg {padding:15px;background-color:#f6f9fb;}
.ct_box .chk li {padding-left:28px;font-size:15px;}
.ct_box .chk li:before {content:"\e5ca";position:absolute;left:0;top:-1px;line-height:1;font-family:'Material Icons';font-size:24px;color:#2a9b73;}
.ct_box .radio li {padding-left:30px;}
.ct_box .radio li:before {content:"\e837";position:absolute;left:0;top:0;line-height:1;font-family:'Material Icons Outlined';font-size:24px;font-weight:normal;color:var(--Ci-Blue);}
.ct_box .high {text-decoration:underline;text-underline-position:under;color:#fff;background-color:#098a5a;}
.ct_box .p_noti {margin-bottom:0;}
.ct_box .p_noti + ul {margin-top:5px;}
.ct_box .em {color:var(--Ci-Blue);font-weight:bold;}
.p_noti {position:relative;line-height:1.4;padding-left:28px;font-family:SpoqaL;font-size:18px;font-weight:bold;} /* margin-bottom:10px; */
.p_noti.red {color:red;}
.p_noti i {position:absolute;left:0;top:1px;}
.gd_box {margin-bottom:30px;padding-left:20px;}
.gd_box p {font-size:16px;letter-spacing:var(--LetterSpacing);color:#797979;}

.note_box {padding:20px;border:1px solid var(--lx-box-th-border);border-radius:8px;background-color:var(--lx-box-bg2);}
.note_box.sm {padding:15px;}
.note_box p {word-break:keep-all;line-height:1.5;font-size:15px;}
.note_box p.bot {margin-bottom:10px;}
.note_box p.bot_s {margin-bottom:5px;}
.note_box .st_text {margin-bottom:5px;font-size:17px;font-weight:var(--lx-font-m);color:var(--lx-subj-color);}
.note_box .st_text.top {margin-top:15px;}
.note_box .st_text .num {color:var(--Ci-Red);}
.note_box .flex {display:flex;}
.note_box .tab {width:80px;}
.note_box .badge {display:inline-block;height:30px;line-height:30px;padding:0 15px;border-radius:15px;font-size:15px;color:#fff;background-color:#72869b;}
.note_box.top {margin-top:30px;}
.note_box.stop, .note_box.top_s {margin-top:15px;}
.note_box.top_xs {margin-top:10px;}
.note_box.bot {margin-bottom:30px;}
.note_box.bot_s, .note_box.sbot {margin-bottom:15px;}
.dl_head, p.dl_head {line-height:1.3;padding:10px 15px;border-radius:8px;font-size:17px;background-color:var(--lx-boxbox-bg);}
.bul_head, p.bul_head {position:relative;padding:0 0 10px 24px;border-bottom:1px solid #ccc;font-size:16px;font-weight:var(--lx-font-m);color:#333;}
.bul_head::after {box-sizing:border-box;content:" ";position:absolute;top:3px;left:0;width:18px;height:18px;border:4px solid #d8e0eb;border-radius:50%;background:var(--lx-color-ci);}
.dl_head.ci {color:#fff !important;font-weight:normal;background-color:var(--lx-color-ci);}
.dl_head.ci2 {color:#fff !important;font-weight:normal;background-color:var(--lx-color-ci2);}
.dl_head.ci3 {color:#fff !important;font-weight:normal;background-color:var(--lx-color-ci3);}
.dl_head.ci4 {color:#fff !important;font-weight:normal;background-color:var(--lx-color-ci4);}
.note_box .dl_head + .item_li, .note_box .dl_head + dl, .note_box .item_li + .dl_head {margin-top:10px;}
.note_box dl {display:flex;}
.note_box dl + dl {margin-top:3px;}
.note_box dt {position:relative;flex-shrink:0;width:100px;color:var(--Ci-Sky);font-size:15px;font-weight:bold;}
.note_box dd {flex-grow:1;font-size:15px;}
.note_box .item_li > li, .note_box .radio_li > li, .note_box .item_num_li > li, .note_box .item_ord_li > li {font-size:16px;color:var(--lx-font-color2);}
.note_box .item_li > li::before {top:9px;}
.note_box .radio_li > li:before {top:0;}
.note_box .badge + .item_li, .note_box .badge + .weditor {margin-top:10px;}
.note_box .desc {font-weight:var(--lx-font-m);color:#333;}
.note_box.bg {border:0;background-color:var(--lx-boxbox-bg);}
.note_box.b_line {border:2px solid #000;background-color:var(--lx-boxbox-bg);}
.note_box_group {display:flex;gap:20px;}
.note_box_group.end {align-items:flex-end;}
.note_box_group .note_box {flex:1 1 0;}
.note_box_group + .note_box_group {margin-top:20px;}
.note_box_group .pic_frm {padding:20px;background:#eee;}
.note_box_group.sm {gap:10px;}
.note_box_group.sm .note_box {padding:15px;}
.note_box_group.sm .dl_head {font-size:15px;}
.cnt_item_group {display:flex;align-items:flex-end;gap:20px;}
.cnt_item_group .cnt_item {flex:1 1 0;}
.cnt_item_group .pic_frm {padding:20px;background:#eee;}
.edu_guide {margin-bottom:40px;padding:35px 35px 35px 130px;border-radius:20px;background:#f7f7f7 url("../../images/www/icon/ic_edu_guide.png") no-repeat 50px 50%;}
.edu_guide .desc {font-weight:bold;}

/* 스닙핏 */
.ic_new {text-align:center;display:inline-block;position:relative;top:-2px;width:14px;height:14px;line-height:14px;margin-right:5px;font-size:10px;font-family:'Montserrat';font-weight:var(--lx-font-m);color:#fff;background-color:#f7175a;}
.ic_cl {text-align:center;vertical-align:middle;position:relative;display:inline-block;width:26px;height:26px;border:1px solid #c2c2c2;border-radius:50%;color:#939393;}
.ic_cl i {position:absolute;top:50%;left:50%;transform:translate(-50%, -50%);}
.ic_cl i::before {font-size:18px;}
/* .tool_tip::before {opacity:0;white-space:nowrap;text-align:center;position:absolute;left:50%;bottom:-35px;height:30px;line-height:30px;padding:0 7px;border-radius:2px;font-size:12px;color:#fff;background:#595959;transform:translateX(-50%);transition:all 0.3s ease;}
.tool_tip.like:hover::before {opacity:1;content:"이 동영상이 마음에 듭니다.";} */
.c_rating .view, .c_rating .edit {overflow:hidden;vertical-align:middle;position:relative;display:inline-block;}
.c_rating input[type="radio"] {position:absolute;visibility:hidden;}
.c_rating input[type="radio"] + label {float:right;width:32px;height:32px;}
.c_rating input[type="radio"] + label:before {content:"\e83a";font-size:32px;color:var(--Ci-Sky);}
.c_rating input[type="radio"]:checked ~ label:before {content:"\e838";}
.c_rating input[type="radio"]:checked.half+label:before {content:"\e839";}
.c_rating .view i {float:left;}
.c_rating .view i:before {vertical-align:top;}
.c_rating .ave {vertical-align:middle;display:inline-block;margin-left:5px;font-size:16px;}
.c_rating .ave .grade {color:#fb7b62;}
.c_rating .num {float:left;margin-left:5px;}
.hypen_li > li {text-align:left;position:relative;line-height:1.6;padding-left:15px;}
.hypen_li > li:before {content:"-";position:absolute;left:3px;}
.hypen_li.stick {padding-top:0;}
.hypen_li > li + li {margin-top:5px;}
.num_circle_li {text-align:left;width:100%;}
.num_circle_li > li {position:relative;line-height:1.6;padding-left:18px;word-break:keep-all;}
.num_circle_li > li + li {margin-top:5px;}
.num_circle_li .circle {text-align:center;position:absolute;left:0;top:1px;}
.it_tbl .num_circle_li .circle {top:-1px;}
.item_li {text-align:left;width:100%;}
.item_li > li {position:relative;line-height:1.6;padding-left:12px;word-break:keep-all;font-size:inherit;}
.item_li > li::before {content:" ";position:absolute;left:0;top:9px;width:6px;height:6px;border-radius:50%;background-color:#bebebe;}
.item_li.circle > li::before {top:9px;width:8px;height:8px;border:1px solid #aaa;background-color:#fff;}
.item_li > li + li {margin-top:6px;}
.tbl_row.sm .item_li > li {padding-left:10px;}
.tbl_row.sm .item_li > li::before {top:6px;}
.tbl_row.sm .item_li > li + li {margin-top:3px;}
.item_li li .em {font-weight:bold;}
.item_li.lab > li {display:flex;justify-content:space-between;}
.item_li.lab > li + li {margin-top:10px;}
.item_li.lab .val {font-weight:var(--lx-font-m);color:#222;}
.item_li ul {padding-top:5px;}
.item_li_fl {text-align:left;width:100%;}
.item_li_fl > li {position:relative;line-height:1.6;padding-left:15px;word-break:keep-all;}
.item_li_fl > li::before {content:" ";position:absolute;left:0;top:9px;width:6px;height:6px;border-radius:50%;background-color:#bebebe;}
.item_li_fl > li + li {margin-top:5px;}
.item_li_fl .name {margin-right:12px;font-weight:var(--lx-font-m);color:#222;}
.item_li.sm > li, .item_li.sm > li a {font-size:14px;}
.item_li.sm > li {padding-left:12px;}
.item_li.sm > li::before {top:6px;width:5px;height:5px;}
.item_li.sm > li + li {margin-top:2px;}
.item_li.fl_cc {display:flex;flex-direction:column;align-items:center;}
.item_li > li.blue::before {background-color:var(--Ci-Blue);}
.item_li .ci {color:var(--lx-color-ci) !important;}
.item_li .ci::before {background-color:var(--lx-color-ci) !important;}
.item_li .ci_red {color:var(--lx-color-red) !important;}
.item_li .ci_blue {color:var(--lx-color-blue) !important;}
.item_li li.ci_red::before {background-color:var(--lx-color-red) !important;}
.item_li > li.ref::before {content:"※";position:absolute;left:-4px;top:0;width:auto;height:auto;border-radius:0;background:none !important;}
.item_li ul, .item_li ol {margin-top:5px;}
.item_li .line {text-decoration:underline;text-underline-position:under;}
.item_li_lab {word-break:keep-all;position:relative;line-height:1.6;padding-left:15px;}
.item_li_lab::before {content:" ";position:absolute;left:0;top:8px;width:6px;height:6px;border-radius:50%;background-color:#bebebe;}
.item_num_li {text-align:left;width:100%;}
.item_num_li.stick {padding-top:0;}
.item_num_li > li {position:relative;line-height:1.6;padding-left:25px;word-break:keep-all;}
.item_num_li > li + li {margin-top:5px;}
.item_num_li .num {text-align:center;position:absolute;left:0;top:2px;width:18px;height:18px;line-height:18px;border-radius:50%;font-size:13px;color:#fff;background-color:var(--lx-color-ci);}
.item_num_li li .em {font-weight:bold;}
.item_num_li .ci {font-size:inherit;font-weight:var(--lx-font-m);color:var(--lx-color-ci) !important;}
.item_num_li .item_li, .item_num_li .num_circle_li {margin-top:2px;}
.item_ord_li {text-align:left;width:100%;}
.item_ord_li > li {position:relative;line-height:1.6;padding-left:25px;word-break:keep-all;}
.item_ord_li > li + li {margin-top:5px;}
.item_ord_li .ord {text-align:center;position:absolute;left:0;top:0;color:inherit;font-size:inherit;}
.item_ord_li.md > li {padding-left:20px;font-size:15px;}
.item_ord_li .ci_blue {color:var(--lx-color-blue) !important;}
.ref_li > li {position:relative;line-height:1.6;padding-left:18px;word-break:keep-all;}
.ref_li > li::before {content:"※";position:absolute;left:0;top:0;}
.radio_li > li {word-break:keep-all;position:relative;padding-left:30px;}
.radio_li > li:before {content:"\e837";position:absolute;left:0;top:0;line-height:1;font-family:'Material Icons Outlined';font-size:24px;font-weight:normal;color:var(--Ci-Sky);}
.add_file {position:relative;border-bottom:1px solid var(--lx-box-border);}
.add_file a, .weditor .add_file a {text-decoration:none;position:relative;display:block;padding:15px 15px 15px 55px;border-top:1px solid var(--lx-box-border);font-size:16px;color:inherit;background:url("../../images/www/icon/ic_attach_file.png") no-repeat 20px 15px;}
.add_file.bg {background-color:var(--lx-boxbox-bg);}
.add_file i {position:absolute;left:20px;top:15px;}
.item_dot_li {display:flex;flex-wrap:wrap;}
.item_dot_li li:not(:last-of-type):after {content:'|';margin:0 7px;color:#ccc;}
.p_top {display:none;text-align:center;position:fixed;z-index:10;bottom:40px;right:30px;width:50px;height:50px;border-radius:50%;background-color:var(--lx-color-ci);transition:background-color .3s ease;}
.p_top:before {content:"\e316";display:inline-block;line-height:50px;font-family:'Material Icons';font-size:32px;font-weight:normal;color:#fff;}
.align_li {overflow:hidden;vertical-align:middle;display:inline-block;}
.align_li li {float:left;}
.align_li li + li {margin-left:5px;}
.align_li a {display:block;width:40px;height:40px;background-image:url("../../images/www/icon/ic_sel_list_blue.png");background-repeat:no-repeat;}
.align_li .grid {background-position:0 0;}
.align_li .list {background-position:-41px 0;}
.align_li .on .grid {background-position-y:-40px;}
.align_li .on .list {background-position-y:-40px;}
.ct_blank {text-align:center;padding:20px;border:1px solid var(--lx-box-border);border-radius:10px;font-weight:var(--lx-font-m);font-size:18px;color:var(--lx-font-color2);background-color:var(--lx-box-bg);}
.set_tags {display:flex;flex-wrap:wrap;border:1px solid #d4d4d4;}
.set_tags .tagAdd, .set_tags .addedTag {position:relative;margin:4px;}
.set_tags > li {margin:4px;}
.set_tags .addedTag {border-radius:2px;background-color:#27A2CF;color:#fff;}
.set_tags input, .addedTag {display:block;height:30px;line-height:29px;padding:0 20px 0 5px;border-radius:2px;font-size:13px;}
/* border:1px solid transparent; */
.set_tags .tagAdd input {padding:0 5px;}
.set_tags .tagRemove {cursor:pointer;text-align:center;position:absolute;right:2px;top:0;width:16px;line-height:28px;font-size:16px;}
.dots_list > li {word-break:keep-all;text-align:left;position:relative;padding-left:12px;}
.dots_list > li::before {content:" ";position:absolute;top:9px;left:0;width:4px;height:4px;border-radius:50%;background:var(--lx-color-ci);}
.dots_list.dia > li::before {border-radius:0;transform:rotate(45deg);}
.dots_list.ac_flex {display:flex;flex-direction:column;align-items:center;}
.tbl_row.sm .dots_list > li::before {top:7px;}
.it_tbl.sm .dots_list.dia > li, .tbl_col2.sm .dots_list.dia > li {padding-left:8px;}
.it_tbl.sm .dots_list.dia > li::before, .tbl_col2.sm .dots_list.dia > li::before {top:7px;}
.info_link {margin-bottom:20px;}
.info_link.bot_s {margin-bottom:10px;}
.info_link .lab {display:block;position:relative;padding:5px 25px 5px 10px;border:1px solid #1f2b70;border-radius:5px;font-weight:bold;color:#1f2b70;}
.info_link .lab::before {content:"\e315";position:absolute;top:50%;right:0;font-size:24px;font-family:"Material Icons";line-height:1;color:#1f2b70;transform:translateY(-50%);}
.info_link a:hover {color:#fff;background:#1f2b70;}
.info_link a:hover::before {color:#fff;}
.nt_title {display:flex;position:relative;margin-bottom:20px;}
.nt_title::before {content:" ";position:absolute;z-index:-1;left:0;top:50%;width:100%;height:1px;background-color:var(--lx-color-ry_blue);}
.nt_title .lab {height:50px;line-height:50px;padding:0 20px 0 45px;border-radius:20px;font-size:20px;color:#fff;background-color:var(--lx-color-ry_blue);}
.nt_title.ry_blue {background-color:var(--lx-color-ry_blue);}
.nt_title.red {background-color:var(--lx-color-red);}
.nt_title i {position:absolute;left:17px;top:11px;font-size:24px;font-weight:normal;color:#fff;}
.nt_title.ci::before {background-color:var(--lx-color-ci);}
.nt_title.ci .lab {background-color:var(--lx-color-ci);}
.p_attach {margin-top:10px;font-size:16px;color:#000;} /* 붙임말, 강조 */

/* 스닙핏-목록 */
.ci_bl_li li {position:relative;padding-left:24px;font-family:'yg-jalnan';font-size:20px;font-weight:bold;color:#666;}
.ci_bl_li li::after {box-sizing:border-box;content:" ";position:absolute;top:3px;left:0;width:18px;height:18px;border:4px solid #d8e0eb;border-radius:50%;background:var(--lx-color-ci2);}
.ci_bl_li .ref::after {content:"※";top:0;border:0;background:none;}
.ci_bl_li .ci {font-size:inherit;font-family:inherit;font-weight:inherit;color:var(--lx-color-ci);}
.ci_bl_li li:not(:first-child) {margin-top:10px;}

/* 디자인 테이블 */
.it_tbl table {border-top:#222 2px solid;}
.it_tbl th, .it_tbl td {word-break:keep-all;color:#444; line-height:1.4; padding:20px; border-bottom:#ebebeb 1px solid;}
.it_tbl th {font-size:18px; font-weight:700; text-align:center; background:#f6fbff;}
.it_tbl tbody th,
.it_tbl tbody td {border-right:#ebebeb 1px solid;padding:20px;}
.it_tbl tbody th {font-size:18px;}
.it_tbl tbody td {font-size:16px;}
.it_tbl tbody td.dots_list {padding:30px;}
.it_tbl tbody td strong {color:#222; font-weight:var(--lx-font-m);}
.it_tbl .last {border-right:0;}
.it_tbl .subj {font-size:17px;font-weight:bold;color:#333;background-color:#f5f5f5;}
.it_tbl.sm th, .it_tbl.sm td {padding:10px;}
.it_tbl.sm th {font-size:16px;}
.it_tbl.sm td {font-size:14px;}

/* 배지, 테이블 태그 */
.cs_type {vertical-align:middle;display:inline-block;height:26px;line-height:26px;padding:0 7px;border-radius:2px;font-size:13px;color:#fff;font-weight:300;background-color:#373737;}
.cs_type.bk {background-color:var(--Ci-Bk);}
.cs_type.red {background-color:var(--Ci-Red);}
.cs_type.sky {background-color:var(--Ci-Sky);}
.cs_type.blue {background-color:var(--Ci-Blue);}
.cs_type.navy {background-color:var(--Ci-Navy);}
.c_badge {vertical-align:middle;display:inline-block;height:24px;line-height:24px;min-width:24px;padding:0 7px;margin-right:4px;border-radius:2px;font-size:13px;color:#fff;background-color:var(--Ci-LBlue);}
.c_badge.going, .c_badge.worker, .c_badge.green {background-color:var(--Ci-LGreen);}
.c_badge.applying {background-color:var(--BadgeBk);}
.c_badge.finish, .c_badge.online {background-color:var(--BadgeRed);}
.c_badge.offline {background-color:var(--BadgeBk);}
.c_badge.gray {background-color:var(--BadgeBk);}
.c_badge.purple{background-color:#6e37c3;}
.c_badge.yellow{background-color:var(--Ci-Yellow);}
.c_badge.line {text-decoration:none;line-height:22px;color:#666;border:1px solid #666;border-radius:4px;background:#fff;}
.tb_tag {vertical-align:middle;display:inline-block;height:32px;line-height:31px;padding:0 16px;border-radius:15px;letter-spacing:var(--LetterSpacing);font-size:16px;color:#fff;}
.tb_tag.blue {color:#fff;background-color:var(--Ci-Blue);}
.tb_tag.sm {height:30px;line-height:30px;padding:0 10px;border-radius:15px;font-size:13px;}

/* badge2(해경), 라인 */
.c_badge2 {text-align:center;vertical-align:middle;display:inline-block;min-width:70px;height:24px;line-height:22px;padding:0 7px;margin-right:7px;border:1px solid #666;border-radius:4px;font-size:13px;color:#666;background:transparent;}
.c_badge2.going {border-color:var(--lx-color-green);}
.c_badge2.applying {border-color:var(--lx-color-bk);color:var(--lx-color-bk);}
.c_badge2.finish {border-color:var(--lx-color-red);color:var(--lx-color-red);}
.c_badge2.violet {border-color:var(--lx-color-violet);color:var(--lx-color-violet);}
.c_badge2.purple {border-color:var(--lx-color-purple);color:var(--lx-color-purple);}
.c_badge2.blue {border-color:var(--lx-color-blue);color:var(--lx-color-blue);}
.c_badge2.sky {border-color:var(--lx-color-sky);color:var(--lx-color-sky);}
.c_badge2.gray {border-color:var(--lx-color-gray);color:var(--lx-color-gray);}
.c_badge2.navy {border-color:#313b7c;color:#313b7c;}
.c_badge2.org {border-color: var(--lx-color-orange);color: var(--lx-color-orange);}
.c_badge2.green {border-color:var(--lx-color-green);color:var(--lx-color-green);}
.c_badge2.mint {border-color: #1fc4b1;color: #1fc4b1;}
.c_badge2.red {border-color:var(--lx-color-red);color:var(--lx-color-red);}

/* offline, micro */
.c_badge2.offline {background-color:#dc3545;}
.c_badge2.micro {background-color:#3ea6ff;}

/* 마이크로러닝 badge */
.c_badge.bk {background-color:var(--Ci-Bk);}
.c_badge.blue {background-color:var(--lx-color-sky);}
.c_badge.cyan {background-color:var(--lx-color-cyan);}
.c_badge.red {background-color:var(--lx-color-red);}

/* badge 구분 */
.c_badge.md {height:30px;line-height:30px;padding:0 10px;font-size:14px;}
.c_badge.type {background-color:var(--BadgeType);}
.c_badge.cont {background-color:var(--BadgeCont);}
.c_badge.work {background-color:var(--BadgeWork);}

/* m_icon */
.m_icon.attach_file {transform:rotate(45deg);}
.m_icon.ci, .m_icon_out.ci {color:var(--lx-color-ci);}
.m_icon.blue, .m_icon_out.blue {color:var(--Ci-Blue);}
.m_icon.red, .m_icon_out.red {color:var(--Ci-Red);}

/* 회원가입 */
.step_table {overflow:hidden;padding:50px 0;}
.step_table li {text-align:center;position:relative;float:left;width:25%;}
.step_table li:before, .step_table li:after {content:" ";position:absolute;top:20px;height:2px;}
.step_table li:before {left:0;width:100%;background-color:#eaeaea;}
.step_table li:first-child:after {left:0;width:calc(50% - 20px);background-color:#fff;}
.step_table li:last-child:after {right:0;width:calc(50% - 20px);background-color:#fff;}
.step_table span {display:block;}
.step_table .circle {position:relative;width:40px;height:40px;margin:0 auto 20px auto;border-radius:50%;background-color:#eaeaea;}
.step_table .step {font-size:18px;color:#000;}
.step_table .state {font-size:16px;color:#000;}
.step_table .on .circle {background-color:var(--lx-color-blue);}
.step_table .on .circle:after {transform:translate(-50%, -50%);content:" ";position:absolute;left:50%;top:50%;width:25px;height:25px;border-radius:50%;background-color:#fff;}
.info_li {padding:15px;border-radius:10px;background-color:#f8f8f9;}
.info_li {padding-left:20px;}
.info_li li {position:relative;line-height:1.6;padding-left:13px;font-size:16px;}
.info_li li + li {margin-top:5px;}
.info_li li:before {content:" ";position:absolute;left:0;top:10px;width:4px;height:4px;border-radius:50%;background-color:#ba9d7f;}
.info_li li span {display:inline-block;position:relative;}
.info_li .lab {min-width:70px;margin-right:5px;padding-right:10px;font-family: 'Spoqa Han SansL';font-weight:bold;color:#212121;}
.info_li .lab:before {content:":";position:absolute;right:0;top:0;}
.info_li .wd .val {display:block;}
.join_wrap {background:#f6f7f8;border-radius:10px;padding:40px;}
.mb_guide {text-align:center;width:640px;margin:0 auto;padding:40px;border-radius:10px;background:#fff;}
.mb_guide .title {position:relative;margin:30px 0 25px;padding-bottom:25px;font-size:22px;color:#222;font-weight:var(--lx-font-m);}
.mb_guide .title:after {content:" ";position:absolute;bottom:0;left:50%;width:60px;height:2px;background:#222;transform:translateX(-50%);}
.mb_guide .img {display:flex;align-items:center;justify-content:center;width:120px;height:120px;margin:0 auto;border-radius:50%;background-color:#f6fbff;}
.mb_guide .desc {line-height:1.6;}

/* 회원 */
.member_type {display:flex;justify-content:center;margin-bottom:20px;}
.member_type > li {width:50%;}
.member_type > li .inner {display:block;position:relative;height:100%;padding:40px 160px 40px 40px;border:2px solid var(--lx-color-bk);background-color:#f9f9fa;background-repeat:no-repeat;background-position:right 40px bottom 50%;}
.member_type > li .inner::before {content:" ";position:absolute;right:40px;top:50%;width:70px;height:70px;background-repeat:no-repeat;background-position:0 0;background-size:cover;transform:translateY(-50%);}
.member_type .general .inner::before {background-image:url("../../images/www/icon/ic_member_type_general.png")}
.member_type .career .inner::before {background-image:url("../../images/www/icon/ic_member_type_career.png")}
.member_type > li + li {margin-left:20px;}
.member_type .lab {display:block;line-height:1;margin-bottom:10px;font-size:24px;font-weight:bold;color:#000;}
.member_type .desc {display:flex;align-items:center;font-size:17px;}

/* 회원 레이아웃 */
.lx_member {min-height:100%;padding-bottom:60px;background:url("../../images/www/temp/main_vis_bg4.jpg") no-repeat 50% 50%;background-size:cover;background-attachment:fixed;}
.lx_member .header .rows {display:flex;align-items:center;justify-content:space-between;height:120px;}
.lx_member .header .acc {display:flex;gap:10px;}
.lx_member .header .acc .rd_btn {min-width:100px;}
.lx_member .site a {display:block;width:200px;}
.lx_member .rows > .box {padding:60px;background-color:#fff;border-radius:20px;box-shadow:6px 6px 2px rgba(0, 0, 0, 0.30);}
.lx_member .rows > .box .ct_title {text-align:center;color:#333;}
.mb_end_bar {display:flex;justify-content:space-between;margin-top:30px;}
.lx_member .login_box {overflow:hidden;height:600px;border-radius:20px;background-color:#fff;box-shadow:6px 6px 2px rgba(0, 0, 0, 0.30);}

/* 회원유형 */
.join_type {position:relative;display:flex;justify-content:center;padding:60px 0;}
.join_type .inner {display:flex;flex-direction:column;align-items:center;gap:20px;padding:40px;border-radius:15px;}
.join_type li {width:340px;}
.join_type li:not(:first-child) {border-left:1px dashed #ccc;}
.join_type .img {display:flex;align-items:center;justify-content:center;width:120px;height:120px;margin:0 auto;border-radius:50%;background-color:#edf2f7;}
.join_type .img i {width:60px;height:60px;background-size:cover;}
.join_type .ind i {background-image:url("../../images/www/temp/join_ic_ind.png");}
.join_type .org i {background-image:url("../../images/www/temp/join_ic_org.png");}
.join_type .enter i {background-image:url("../../images/www/temp/join_ic_enter.png");}
.join_type .type {display:flex;flex-direction:column;justify-content:center;height:56px;}
.join_type .title {font-size:24px;font-weight:bold;color:#333;}
.join_type .link {text-align:center;display:block;width:100%;height:60px;line-height:60px;padding:0 20px;font-size:20px;font-weight:var(--lx-font-m);color:#fff;background-color:var(--lx-color-ry_blue);}
.join_type .link.yellow {background-color:#fedb00;}
.join_type .link.sky {background-color:#67b4ff;}
.join_type .link.green {background-color:#138267;}
.member_type {display:flex;justify-content:center;margin-bottom:20px;}
.member_type > li {width:50%;}
.member_type > li .inner {display:block;position:relative;height:100%;padding:40px 160px 40px 40px;border:2px solid var(--lx-color-bk);background-color:#f9f9fa;background-repeat:no-repeat;background-position:right 40px bottom 50%;}
.member_type > li .inner::before {content:" ";position:absolute;right:40px;top:50%;width:70px;height:70px;background-repeat:no-repeat;background-position:0 0;background-size:cover;transform:translateY(-50%);}
.member_type .general .inner::before {background-image:url("../../images/www/icon/ic_member_type_general.png")}
.member_type .career .inner::before {background-image:url("../../images/www/icon/ic_member_type_career.png")}
.member_type > li + li {margin-left:20px;}
.member_type .lab {display:block;line-height:1;margin-bottom:10px;font-size:24px;font-weight:bold;color:#000;}
.member_type .desc {display:flex;align-items:center;font-size:17px;}

/* 본인인증 */
.join_cert {text-align:center;}
.join_cert .top_guide {display:flex;justify-content:center;}
.join_cert .cert_guide {width:760px;margin:0 auto;padding:30px 0;}
.join_cert .cert_guide .type {display:flex;}
.join_cert .cert_guide .type > div {flex:1 1 0;}
.join_cert .cert_guide .joint {border-left:1px dashed #ccc;}
.join_cert .cert_guide .title {position:relative;margin-bottom:20px;font-size:26px;color:#333;font-weight:bold;}
.join_cert .cert_guide .img {display:flex;align-items:center;justify-content:center;width:120px;height:120px;margin:0 auto 20px auto;border-radius:50%;background-color:#edf2f7;}
.join_cert .cert_guide .img i {width:60px;height:60px;background:url("../../images/www/icon/ic_cert_mo.svg") no-repeat 50% 50%;background-size:cover;}
.join_cert .cert_guide .joint .img i {background-image:url("../../images/www/icon/ic_cert_pc.svg");}
.join_cert .cert_guide .desc {line-height:1.6;}
.join_cert .cert_guide .info {margin-top:30px;padding-top:20px;border-top:1px solid #ccc;}
.join_cert .cert_guide .b_box .c_btn {min-width:180px;}

/* 비밀번호 재설정 */
.ip_reset_pw .mb_end_bar {display:flex;flex-direction:column;gap:5px;width:460px;margin:auto;}
.ip_reset_pw .req_input {height:50px;}
.ip_reset_pw .c_btn, .ip_reset_pw .c_btn.lg {height:50px;line-height:50px;}

/* 정보입력 */
.join_type_li {display:flex;flex-wrap:wrap;gap:10px;}

/* 가입완료 */
.mb_step_guide {text-align:center;width:640px;margin:0 auto;padding:40px;border-radius:10px;background:#fff;}
.mb_step_guide .img {display:flex;align-items:center;justify-content:center;width:120px;height:120px;margin:0 auto 20px auto;border-radius:50%;background-color:#edf2f7;}
.mb_step_guide .img .welcome {width:60px;height:59px;background:url("../../images/www/icon/ic_member_welcome.svg") no-repeat 50% 50%;}
.mb_step_guide .title {position:relative;margin:30px 0 25px;padding-bottom:25px;font-size:24px;color:#333;font-weight:var(--lx-font-m);}
.mb_step_guide .title:after {content:" ";position:absolute;bottom:0;left:50%;width:60px;height:2px;background:#222;transform:translateX(-50%);}

/* 회원단계 */
.step_box_li {position:relative;overflow:hidden;margin-bottom:40px;}
.step_box_li ul {display:flex;border:1px solid #ddd}
.step_box_li li {flex:1 1 0;display:flex;align-items:center;justify-content:center;font-size:17px;font-weight:var(--lx-font-m);padding:0 20px 0 40px;box-sizing: border-box;border-left:1px solid #ddd;color:#555;background:#f4f6f7;}
.step_box_li ul li:first-child{border-left:0}
.step_box_li ul li.on {background:var(--lx-color-ci);color:#fff;position: relative;font-weight: 700}
.step_box_li ul li.on .lab, .step_box_li ul li.on .num {color:#fff;font-size: 16px;font-weight: 700}
.step_box_li ul li.on:after {content:''; position:absolute;left:50%;bottom:-1px;margin-left:-11px;border-left: 11px solid transparent;border-right: 11px solid transparent;border-top: 11px solid transparent;border-bottom:11px solid #fff}
.step_box_li:before {content: '';position: absolute;top: 0;left: 0;width: calc(100% - 2px);height: calc(100% - 2px);border: 1px solid #ddd;z-index: 1;}
.step_box_li ul {border: 0}
.step_box_li ul li {position: relative;height: 61px;border: 0;text-align: center}
.step_box_li ul li:before {content: '';position: absolute;top: 0;left: 1px;width: 0px;height: 0px;border-top: 30px solid transparent;border-bottom: 30px solid transparent;border-left: 20px solid #dedede;z-index: 1;}
.step_box_li ul li:after,
.step_box_li ul li.on:after {content: '';position: absolute;bottom: auto;right: auto;top: 0;left: 0;width: 0px;height: 0px;margin-left: 0;border-top: 30px solid transparent;border-bottom: 30px solid transparent;border-left: 20px solid #f4f6f7;z-index: 1}
.step_box_li ul li:first-child:before,
.step_box_li ul li:first-child:after {display: none;}
.step_box_li ul li.on + li:before,
.step_box_li ul li.on + li:after {border-left: 20px solid var(--lx-color-ci);}
.step_box_li .sm li {font-size:14px;}

/* 교육신청 안내 */
/* kasto/common/html/home/02_service_01_training_01_edu_info.html */
.lx_step_item .group {display:flex;gap:20px;}
.lx_step_item .group.vc {align-items:center;}
.lx_step_item .item {flex:1 1 0;display:flex;flex-direction:column;align-items:center;position:relative;padding:20px;border-radius:10px;border:1px solid #ccc;}
.lx_step_item .item::before {position:absolute;z-index:10;font-family:WebComponentsIcons;font-size:36px;color:var(--lx-color-ci2);}
.lx_step_item .item.right::before {content:"\e018";top:50%;right:-25px;transform:translateY(-50%);}
.lx_step_item .item.bottom::before {content:"\e019";left:50%;bottom:-25px;transform:translateX(-50%);}
.lx_step_item .item.blank {border:0;}
.lx_step_item .item .num {display:flex;align-items:center;justify-content:center;position:absolute;left:15px;top:15px;width:36px;height:36px;border-radius:50%;color:#fff;background-color:var(--lx-color-ci);}
.lx_step_item .item .num.green {background-color:var(--lx-color-green);}
.lx_step_item .item .check::before {content:"\e118";font-family:WebComponentsIcons;font-size:18px;}
.lx_step_item .item .img {width:70px;height:80px;}
.lx_step_item .item .lab {text-align:center;font-size:19px;font-weight:var(--lx-font-m);color:var(--lx-color-ci);}
.lx_step_item .item .desc {margin-top:10px;}
.lx_step_item .item .desc li {word-break:keep-all;position:relative;padding-left:12px;font-size:15px;}
.lx_step_item .item .desc li::before {content:" ";position:absolute;left:0;top:9px;width:5px;height:5px;border-radius:50%;background-color:#bebebe;}
.lx_step_item .item .desc li + li {margin-top:5px;}
.lx_step_item .group + .group {margin-top:20px;}
.lx_step_item .item.bg {background-color:#f9f9f9;}

/* 약관동의 */
.ag_term_box {margin-top:10px;}
.ag_term_box .desc {position:relative;}
.ag_term_box .desc.ref {padding-left:19px;}
.ag_term_box .desc.ref::before {content:"※";position:absolute;left:0;}
.ag_term_box .desc.point {padding-left:19px;}
.ag_term_box .desc.point::before {content:"☞";position:absolute;left:0;}
.ag_term_box .desc .em {font-size:inherit;font-weight:var(--lx-font-m);color:#333;}
.ag_term_box .ci, .ag_term_box .ci_4 {font-size:inherit;font-weight:var(--lx-font-m);color:var(--lx-color-ci);}
.ag_term_box .ci_4 {color:var(--lx-color-ci4);}
.ag_term_box .end {margin-top:5px;}
.ag_term_box .ag_group {display:flex;align-items:center;width:100%;}
.ag_term_box .ag_group.one {justify-content:flex-end;}
.ag_term_box .ag_group .group {flex:1 1 0;display:flex;justify-content:center;align-items:flex-end;gap:10px;}
.ag_term_box .ag_group .lab {font-size:17px;font-weight:var(--lx-font-m);color:var(--lx-color-blue);}
.ag_term_box .ag_lab {position:relative;}
.ag_term_box .ag_lab input {position:absolute;left:0;top:5px;}
.ag_term_box .ag_lab label, .ag_term_box .ag_lab p {padding-left:25px;font-size:17px;font-weight:var(--lx-font-m);color:var(--lx-color-blue);}
.ag_term_box .ag_lab p {padding-left:0;}
.ag_term_box.center {display:flex;justify-content:center;}
.ag_term_box.join {margin-top:0;padding:20px;background-color:var(--lx-color-ci);}
.ag_term_box.ci {background-color:var(--lx-color-ci);}
.ag_term_box.blue {background-color:#3261bd;}
.ag_term_box.rd {border-radius:5px;}
.ag_term_box.join .ag_lab label, .ag_term_box.join .ag_lab p {font-size:18px;color:#fff;}
.ag_term_box.join .ag_lab input[type="checkbox"] {border:0;}
.ag_term_box.sm.join {padding:15px;}
.ag_term_box.join.sm .ag_lab label {font-size:15px;}
.terms_group + .terms_group {margin-top:40px;}

/* 회원약관 */
.terms_guide {margin-bottom:25px;}
.terms_guide p {word-break:keep-all;line-height:1.5;}
.terms_guide p + p {margin-top:15px;}
.terms_guide .em {font-weight:bold;color:var(--lx-color-ci);}
.terms_li * {word-break:keep-all;line-height:1.5;}
.terms_li.accord {border-top:2px solid #000;}
.terms_li.accord > li {border-bottom:1px solid #ccc;}
.terms_li.accord > li > a {display:block;padding:20px 15px;font-size:18px;font-weight:bold;color:#333;background:url("../../images/www/common/acord_off.png") no-repeat center right 15px;}
.terms_li.accord .cont {display:none;padding:20px 15px;border-top:1px solid var(--Ci-Sky);}
.terms_li.accord > .on > a {color:var(--Ci-Blue);background-image:url("../../images/www/common/acord_on.png");}
.terms_li.accord li .cont {border-top:1px solid var(--Ci-Blue);}
.terms_li .group + .group {margin-top:30px;}
.terms_li h4, .terms_li .at_title {margin-bottom:10px;font-size:18px;font-weight:var(--lx-font-m);color:#222;}
.terms_li .group + .group {margin-top:30px;}
.terms_li p + ul {padding-top:5px;}
.terms_li ul p {padding-top:5px;}
.terms_li li {position:relative;}
.terms_li .underline {text-decoration:underline;text-underline-position:under;}
.terms_li .ord {position:absolute;left:0;font-size:inherit;font-weight:var(--lx-font-m);}
.terms_li ol ul, .terms_li ul ul {margin:10px 0;}
.terms_li table td ol, .terms_li table td ul {margin:0;padding:0;background:none;}
.terms_li .num > li {padding-left:20px;}
.terms_li .num2 > li {padding-left:30px;} /* 01., 02., 03. .. */
.terms_li .hypen > li, .terms_li .dot > li {padding-left:15px;}
.terms_li .num > li + li, .terms_li .hypen > li + li, .terms_li .dot > li + li {margin-top:5px;}
.terms_li .num ul > li + li {margin-top:3px;}
.terms_li .hypen > li:before {content:"-";position:absolute;left:4px;}
.terms_li .dot > li:before {content:"·";position:absolute;left:4px;}
.terms_li .ko > li {padding-left:25px;}
.terms_li .bracket > li, .terms_li .circle .bracket > li {padding-left:28px;}
.terms_li .circle > li {padding-left:20px;}
.terms_li .num .ord {top:0;}
.terms_li .ko .ord {top:0;}
.terms_li .ast_li > li {padding-left:20px;}
.terms_li .ast_li > li::before {content:"*";}
.terms_li p + p {margin-top:15px;}
.terms_li table, .terms_li ul + p {margin-top:10px;}
.terms_li table + p {margin-top:10px;}
.terms_li th, .terms_li td {text-align:center;padding:5px;border:1px solid #000;font-size:15px;}
.terms_li th {font-weight:bold;color:#222;background-color:#f5f5f5;}
.terms_li .note {position:relative;margin-top:10px;padding-left:15px;font-size:15px;}
.terms_li .note:before {content:"*";position:absolute;left:5px;top:3px;}
.terms_li .link {color:var(--ColorLink);}
.terms_li .paper {color:#222;}
.terms_li .prev_link {text-decoration:underline;text-underline-position:under;font-weight:bold;color:var(--Ci-Blue);}
.m_email .desc {margin-bottom:20px;padding:30px 30px 30px 130px;border:1px solid #dbdbdb;border-radius:10px;background:url("../../images/www/icon/spam.png") no-repeat 40px 50%;}
.m_email .desc p {line-height:1.6;}
.m_email .desc .note {margin-top:10px;padding-top:10px;border-top:1px solid #dedede;}
.m_email .em {font-weight:400;color:#212121;}
.m_email .desc .date {font-size:14px;font-weight:400;color:#0663c3;}
.m_email .at_title {margin-bottom:0;color:var(--ColorBlue);}
.ag_term {display:flex;align-items:center;justify-content:center;padding:15px;}
.ag_term p {font-size:17px;font-weight:var(--lx-font-m);color:#333;}
.ag_term label {margin-left:5px;font-size:17px;font-weight:var(--lx-font-m);color:var(--lx-color-blue);}
.ag_term + .c_title {margin-top:10px;}
.ag_term .c_green {color:var(--ColorGreen);}
.ag_box {padding:15px;border:3px solid var(--ColorPastelGreen);}
.ag_box.top {margin-top:10px;}
.ag_box ul {display:flex;justify-content:center;align-items:center;}
.ag_box li + li {position:relative;margin-left:30px;padding-left:30px;}
.ag_box li + li:before {content:" ";position:absolute;left:0;top:5px;width:1px;height:20px;background-color:#c0c0c0;}
.ag_box .lab {vertical-align:middle;display:inline-block;position:relative;padding-left:13px;}
.ag_box label {position:relative;top:-1px;margin-left:2px;}
.ag_box .lab:before {content:" ";position:absolute;left:0;top:50%;width:6px;height:6px;background-color:#4b7723;transform:translateY(-50%);}
.ag_box .lab + input[type="checkbox"] {margin-left:10px;}
.termbox {overflow-y:auto;height:300px;line-height:1.5;padding:15px;border:1px solid #ddd;background-color:#fff;}
.termbox.ex {height:auto;}
.termbox.sm {padding:10px;font-size:14px;}
.ag_all {text-align:center;margin-top:20px;padding:15px 0;border-top:1px solid #dfdfdf;}
.ag_all label {font-weight:var(--lx-font-m);font-size:19px;color:#000;}
.ag_all input[type="checkbox"] {position:relative;width:18px;height:18px;margin-right:5px;border-color:#212121;}
.mb_end .frm {text-align:center;position:relative;max-width:360px;margin:0 auto;padding-top:100px;}
.mb_end .frm::before {content:" ";position:absolute;top:0;left:50%;width:80px;height:80px;background:url("../../images/www/icon/ic_cp_check.svg") no-repeat 0 0;background-size:cover;transform:translateX(-50%);}
.mb_end .title {font-size:34px;font-weight:var(--lx-font-m);color:#212121;}
.mb_end .desc {line-height:1.5;margin-top:20px;font-size:16px;font-weight:var(--lx-font-m);}
.mb_end .desc p + p {margin-top:10px;}
.mb_end .em {color:#009c88;}
.mb_end .enter {text-align:center;display:block;margin-top:30px;border-radius:2px;height:50px;line-height:50px;font-size:19px;color:#fff;background-color:var(--lx-color-cerulean);}
.termbox .terms_li .group + .group {margin-top:15px;}
.termbox .terms_li p + p {margin-top:10px;}

/* 본인인증 */
.cert_type {display:flex;justify-content:center;}
.cert_type li {width:50%;}
.cert_type li .inner {display:block;padding:40px;border:2px solid var(--lx-color-bk);background-color:#f9f9fa;background-repeat:no-repeat;background-position:right 40px bottom 50%;}
.join_wrap .cert_type li .inner {background-color:#fff;}
.cert_type li + li {margin-left:20px;}
.cert_type .lab {display:block;line-height:1;margin-bottom:5px;font-size:24px;font-weight:bold;color:#000;}
.cert_type .desc {display:flex;align-items:center;font-size:17px;}
.cert_type .phone .inner {background-image:url("../../images/www/icon/ic_cert_type_phone.png");}
.cert_type .ipin .inner {background-image:url("../../images/www/icon/ic_cert_type_ipin.png");}
.cert_type .card .inner {background-image:url("../../images/www/icon/ic_cert_type_card.png");}
.cert_type.col {flex-direction:column;gap:10px;}
.cert_type.col li {width:auto;margin:0;}

/* 회원탈퇴 */
.w_warning {text-align:center;padding:0 15px 15px 15px;border-bottom:1px solid #ccc;font-size:14px;color:#989898;}
.w_warning .icc {display:flex;justify-content:center;align-items:center;width:50px;height:50px;margin:0 auto 10px auto;border-radius:50%;background-color:var(--lx-color-orange);}
.w_warning .icc:before {font-size:40px;color:#fff;}
.w_warning p {word-break:keep-all;line-height:1.5;}
.w_warning p + p {margin-top:10px;}
.w_warning .em {font-weight:bold;color:var(--lx-color-red);}

/* 로그인 */
.log_intro {display:flex;height:100%;}
.log_intro .visual {display:flex;justify-content:center;align-items:center;flex-shrink:0;position:relative;width:50%;padding:20px;
background:radial-gradient(rgba(0, 0, 0, 0.3), rgba(0, 0, 0, 0.4), rgba(0, 0, 0, 0.7)), url("../../images/www/temp/bg_intro_1.jpg") no-repeat 50% 50%;background-size:cover;}
.log_intro h1 {word-break:keep-all;text-align:center;font-size:42px;color:#fff;}
.log_intro h1 span {font-weight:bold;}
.log_intro .login {flex-grow:1;display:flex;justify-content:center;align-items:center;position:relative;width:50%;}
.log_intro .logo {text-align:center;}
.log_intro .logo a {display:block;margin:0 auto;}
.log_intro .logo .slogan {margin-top:5px;font-size:14px;color:#989898;}
/* .log_intro .logo .slogan span {font-size:17px;font-weight:bold;color:#000;} */
.log_intro .login .ct {width:360px;}
.log_intro .head {text-align:center;padding-bottom:20px;}
.log_intro .guide li {word-break:keep-all;line-height:1.3;font-size:22px;font-weight:bold;color:#1a2f74;}
.log_intro .box {position:relative;}
.log_intro .box label {position:absolute;left:0;top:20px;font-size:18px;font-weight:700;color:#212121;}
.log_intro .box input[type="text"], .log_intro .box input[type="password"] {width:100%;height:64px;padding:0 20px 0 50px;border:1px solid #c0c0c0;border-radius:0;font-size:16px;color:#666;}
/* .log_intro .box input:focus {outline:none;border-color:#1a2f74} */
.log_intro .box .m_icon {position:absolute;left:15px;top:50%;height:24px;transform:translateY(-50%);}
.log_intro .box + .box {margin-top:15px;}
.log_intro .enter {text-align:center;display:block;height:64px;line-height:64px;margin-top:15px;padding:0 10px;font-size:18px;font-weight:var(--lx-font-m);color:#fff;background-color:var(--lx-color-ci);}
.log_intro .enter span {color:inherit;}
.log_intro .test_link, .log_intro .tester {display:flex;gap:10px;margin-top:20px;}
.log_intro .test_link a, .log_intro .tester a {flex:1 1 0;text-align:center;height:60px;line-height:58px;padding:0 10px;border:2px solid var(--lx-color-ci);font-size:16px;color:var(--lx-color-ci);font-weight:var(--lx-font-m);background-color:#fff;}
.log_intro .help {margin-top:20px;padding-top:15px;border-top:1px solid #ddd;}
.log_intro .help ul {display:flex;justify-content:space-between;}
.log_intro .help a {display:block;font-size:16px;}
.log_intro .close {position:absolute;top:20px;right:20px;width:30px;height:30px;}
.log_intro .close::before, .log_intro .close::after {content:" ";position:absolute;left:50%;top:50%;width:30px;height:1px;margin-left:-15px;background-color:#222;}
.log_intro .close::before {transform:rotate(45deg);}
.log_intro .close::after {transform:rotate(-45deg);}
.log_intro.wide .login {width:100%;}
.log_intro .visual2 {position:relative;display:flex;justify-content:center;flex-shrink:0;width:50%;}
.log_intro .visual2 h1 {word-break:keep-all;text-align:center;position:absolute;z-index:10;padding:50px 20px;font-size:36px;font-weight:bold;color:#fff;}
.log_intro .visual2 .img {position:absolute;top:0;width:100%;height:100%;background:radial-gradient(rgba(0, 0, 0, 0.3), rgba(0, 0, 0, 0.4), rgba(0, 0, 0, 0.7)), url("../../images/www/temp/bg_intro_1.jpg") no-repeat 50% 50%;background-size:cover;}
.log_intro .intro {display:flex;flex-direction:column;align-items:center;justify-content:center;position:relative;z-index:10;}
.log_intro .intro h1 {word-break:keep-all;text-align:center;font-size:48px;font-weight:var(--lx-font-b);color:#fff;text-shadow:2px 4px 2px rgba(0, 0, 0, 0.4), 0px -5px 20px rgba(255, 255, 255, 0.7);}
.log_intro .intro .desc {font-size:28px;font-weight:var(--lx-font-m);color:var(--lx-color-ci);text-shadow:1px 2px 1px rgba(0, 0, 0, 0.4), 0px -2px 6px rgba(255, 255, 255, 0.7);}


/* lx_exp-로그인 */
.log_intro.lx_exp {overflow:hidden;position:fixed;width:100%;background:rgba(0,0,0,0.9);}
.log_intro.lx_exp .login {z-index:10;}
.log_intro.lx_exp .box input[type="text"], .log_intro.lx_exp .box input[type="password"] {height:70px;border:1px solid #aaa;font-size:18px;color:#fff;background:transparent;}
.log_intro.lx_exp .box .m_icon {color:#fff;}
.log_intro.lx_exp .enter {height:64px;line-height:64px;font-size:19px;font-weight:500;background:var(--lx-color-ry_blue);}
.log_intro.lx_exp .help {border-color:rgba(255, 255, 255, 0.4);}
.log_intro.lx_exp .help a {color:#aaa;}


.p_login {display:flex;flex-direction:column;justify-content:center;align-items:center;width:100%;height:100%;padding:15px;}
.p_login .inner {width:360px;margin:0 auto;}
.p_login .head {text-align:center;}
.p_login .head .guide {word-break:keep-all;padding-top:30px;font-size:20px;font-weight:300;color:#333;}
.p_login .head .guide span {font-weight:var(--lx-font-m);}
.p_login .form {padding:40px 0;}
.p_login .box {position:relative;}
.p_login .box .m_icon {position:absolute;left:15px;top:50%;height:24px;transform:translateY(-50%);}
.p_login .box input[type="text"], .p_login .box input[type="password"] {width:100%;height:54px;padding:0 20px 0 50px;border:1px solid #d7d7d7;font-size:17px;}
.p_login .box select {width:100%;height:54px;padding:0 35px 0 15px;border:1px solid #d7d7d7;font-size:17px;background-image:url("../../images/www/common/select_deco_x2.png");}
.p_login .box + .box {margin-top:15px;}
.p_login .enter {text-align:center;display:block;margin-top:15px;background-color:var(--Ci-Blue);}
.p_login .enter span {display:inline-block;height:54px;line-height:54px;font-size:20px;color:#fff;}
.p_login .save {padding-top:10px;}
.p_login .save label {position:relative;top:-1px;margin-left:5px;font-size:15px;}
.p_login .help {margin-top:20px;padding-top:15px;border-top:1px dashed #ccc;}
.p_login .help ul {display:flex;justify-content:center;}
.p_login .help li + li {position:relative;}
.p_login .help li + li:before {content:" ";position:absolute;left:0;top:6px;width:1px;height:14px;background-color:#c5c5c5;}
.p_login .help a {display:block;padding:0 15px;color:#7c7c7c;}

/* course */
/* edu_li */
/* .edu_li.sd {opacity:0;visibility:hidden;transition:opacity 1s ease;}
.edu_li.sd.slick-initialized {visibility:visible;opacity:1;}
.edu_sd {position:relative;}
.edu_sd .blank {display:flex;flex-direction:column;justify-content:center;align-items:center;height:255px;border:2px solid #d8d9da;border-radius:5px;}
.edu_sd .blank .desc {margin-bottom:15px;font-family:SpoqaL;font-weight:bold;font-size:18px;color:#888;}
.edu_sd .blank .link {display:inline-block;height:40px;line-height:38px;padding:0 50px;border-radius:2px;font-size:13px;font-weight:bold;color:#fff;background-color:#999;}
.edu_li.sd {margin:-15px;}
.edu_li.sd .slick-slide {padding:15px;}
.edu_li:not(.sd) .inner {margin-bottom:30px;}
.edu_li .inner {position:relative;}
.edu_li .img {overflow:hidden;display:block;position:relative;width:100%;height:0;padding-bottom:56.25%;border-radius:4px;}
.edu_li .img img {position:absolute;width:100%;}
.edu_li .cont .top {margin:5px 0;}
.edu_li .type {display:flex;align-items:flex-end;height:24px;}
.edu_li .sub {overflow:hidden;text-overflow:ellipsis;white-space:nowrap;display:block;height:30px;font-size:16px;font-weight:bold;color:#333;}
.edu_li .type + .sub{margin-top:5px;}
.edu_li .inst {display:block;padding:5px 0 0 0;font-family:SpoqaL;font-weight:bold;color:#666;font-size:14px;}
.edu_li .count ul {display:flex;}
.edu_li .count li {display:flex;align-items:center;}
.edu_li .count li + li {margin-left:10px;}
.edu_li .count .val {margin-left:5px;line-height:16px;font-size:13px;font-family:SpoqaT;font-weight:bold;color:#717171;}
.edu_li .count i::before {font-size:16px;color:#b2b2b2;}
.edu_li .count .favorite::before {color:var(--BadgeRed);}
.edu_li .bar {display:flex;justify-content:center;margin-top:10px;}
.edu_li .bar a, .edu_li .bar span {text-align:center;flex:1 1 0;height:40px;line-height:38px;border-radius:2px;border:1px solid #666;font-size:12px;font-weight:bold;color:#666;background:#fff;}
.edu_li .bar .blue{background:var(--Ci-Blue);color:#fff;border-color:var(--Ci-Blue);}
.edu_li .bar .gray {border-color:#999;color:#fff;background-color:#999;}
.edu_li .bar a + a {margin-left:10px;}
.edu_li .detail {display:none;position:absolute;left:0;top:0;width:100%;height:100%;padding:17px 20px;border-radius:4px;background-color:var(--Ci-LGreen);}
.edu_li .detail .scroll {overflow-y:auto;height:100%;}
.edu_li .detail .title {margin-bottom:20px;font-size:16px;font-weight:bold;color:#fff;}
.edu_li .detail .info {font-size:12px;color:#fff;}
.edu_li .detail .info .lab {display:inline-block;height:20px;line-height:20px;padding:0 5px;border-radius:2px;background-color:#679a32;}
.edu_li .detail .info .val {word-break:keep-all;display:block;padding-top:5px;}
.edu_li .detail .info li + li {margin-top:15px;}
.edu_li .slick-arrow {position:absolute;top:50%;width:50px;height:50px;border-radius:50%;border:1px solid #b2b2b2;background-color:#fff;transform:translateY(-50%);}
.edu_li .slick-arrow::before {display:inline-block;line-height:1;font-family:'Material Icons';font-size:36px;color:#b2b2b2;}
.edu_li .slick-prev {left:-55px;}
.edu_li .slick-next {right:-55px;}
.edu_li .slick-prev::before {content:"\e408";}
.edu_li .slick-next::before {content:"\e409";}
.edu_li .cont .info {overflow:hidden;}
.edu_li .cont .info > span {display:inline-block;font-size:13px;}
.edu_li .cont .info > span:not(:last-of-type):after {content:'∙';margin:0 2px 0 5px;} */
.edu_sd {position:relative;}
.edu_sd .blank {display:flex;flex-direction:column;justify-content:center;align-items:center;height:255px;border:2px solid #d8d9da;border-radius:5px;}
.edu_sd .blank .desc {margin-bottom:15px;font-weight:bold;font-size:18px;color:#888;}
.edu_sd .blank .link {display:inline-block;height:40px;line-height:38px;padding:0 50px;border-radius:2px;font-size:13px;font-weight:bold;color:#fff;background-color:#999;}

/* 바로가기 */
.edu_q_li {padding:5px;}
.edu_q_li li {border-top:1px solid #eee;padding:3px 0;}
.edu_q_li li:first-child {border-top:0;}
.edu_q_li li:hover {background-color:var(--lx-box-hover);}
.edu_q_li a {display:flex;align-items:center;}
.edu_q_li .img {flex-shrink:0;overflow:hidden;position:relative;width:60px;height:34px;}
.edu_q_li .img img {position:absolute;top:50%;width:100%;transform:translateY(-50%);}
.edu_q_li p {flex-grow:1;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;margin-left:10px;font-size:12px;}

/* 이벤트 */
.event_li .evt_item {display:block;position:relative;}
.event_li .title {overflow:hidden;text-overflow:ellipsis;white-space:nowrap;height:40px;line-height:40px;margin-top:10px;font-size:19px;font-weight:var(--lx-font-m);color:var(--lx-subj-color);}
.event_li .img {overflow:hidden;position:relative;height:0;border-radius:15px;padding-bottom:77.2%;}
.event_li .img img {position:absolute;top:50%;width:100%;transform:translateY(-50%);}
.event_li .desc {overflow:hidden;text-overflow:ellipsis;white-space:nowrap;color:var(--lx-subj-color);}
.event_li .date {margin-top:5px;font-size:14px;color:var(--lx-font-color2);}
.event_li .inner {margin-bottom:30px;}
.event_li .cont {position:relative;height:50px;padding-right:50px;}
.event_li .state {text-align:center;position:absolute;right:0;bottom:6px;z-index:10;border-radius:50%;width:44px;height:44px;line-height:44px;color:#fff;background-color:var(--lx-color-gray);}
.event_li .state.on {background-color:var(--lx-color-blue);}
.event_detail {font:normal 16px/1.5 var(--lx-font-family), sans-serif;color:var(--lx-subj-color);background-color:var(--lx-body-bg);}

/* 교육과정 */
.edu_tag {display:flex;gap:5px;}
.edu_tag a, .edu_tag span {font-size:15px;color:var(--lx-color-ry_blue);}
.edu_li .edu_tag {margin-top:5px;}
.edu_row_li .edu_tag span, .edu_row_li .edu_tag a {font-size:14px;}

/* 게시판 가로형 */
.b_ic_new {text-align:center;vertical-align:middle;display:inline-block;position:relative;top:-2px;width:18px;height:18px;line-height:18px;border-radius:50%;margin-left:5px;font-size:11px;color:#fff;background-color:#f7175a;}
.row_list {border-top:1px solid var(--lx-box-border);}
.row_list > li > a {display:table;width:100%;border-bottom:1px solid var(--lx-box-border);}
.row_list > li > a:hover {background-color:var(--lx-tr-hover-color);}
.row_list .sub {height:60px;}
.row_list .sub, .row_list .view, .row_list .date {vertical-align:middle;display:table-cell;padding:10px;}
.row_list .sub .text {font-size:16px;color:var(--lx-subj-color);}
.row_list .sub .text:hover {text-decoration:underline;text-underline-position:under;}
.row_list .view {text-align:left;width:100px;font-size:14px;}
.row_list .view::before {content:"\e417";vertical-align:middle;position:relative;top:-1px;margin-right:5px;font-family:"Material Icons";line-height:1;font-size:20px;color:#b2b2b2;}
.row_list .date {flex-shrink:0;text-align:center;width:120px;font-size:14px;}
.bd_row_bar {display:flex;justify-content:space-between;align-items:flex-end;margin-bottom:15px;}
.bd_row_bar.top_l {margin-top:40px;}
.bd_row_bar .info {display:flex;gap:20px;}
.bd_row_bar .info li {position:relative;}
.bd_row_bar .info li:first-child{margin-left:0;}
.bd_row_bar .info li span {font-size:18px;color:#222;}
.bd_row_bar .info li:not(:last-of-type)::before {content:"";position:absolute;right:-11px;top:50%;width:1px;height:16px;background:#888;transform:translateY(-50%);}
.bd_row_bar .info .count {margin-left:5px;color:#b40000;font-weight:var(--lx-font-m);}
.bd_row_bar .comb {display:flex;gap:4px;}
.bd_row_li {border-top:2px solid #222;}
.bd_row_li .bd_item {display:flex;align-items:center;border-bottom:1px solid #cdd1d6;padding:20px;}
.bd_row_li .bd_item .cont {flex-grow:1;}
.bd_row_li .bd_item .cont a {display:block;}
.bd_row_li .bd_item .title {font-size:16px;font-weight:bold;color:#000;}
.bd_row_li .bd_item .title .tag {color:#4a64f5;}
.bd_row_li .bd_item .title .count {color:#c32419;}
.bd_row_li .bd_item .desc {margin-top:5px;font-size:16px;color:#000;}
.bd_row_li .bd_item .info {display:flex;gap:20px;margin-top:20px;}
.bd_row_li .bd_item .info li {position:relative;}
.bd_row_li .bd_item .info span {font-size:14px;color:#888;}
.bd_row_li .bd_item .info li:not(:last-of-type)::after {content:" ";position:absolute;right:-11px;top:50%;width:1px;height:16px;background-color:#888;transform:translateY(-50%);}
.bd_row_li .bd_item .state {flex-shrink:0;display:flex;align-items:center;justify-content:flex-end;width:100px;}
.bd_row_li .bd_item .state .recom {font-size:16px;font-weight:var(--lx-font-m);}
.bd_row_li .bd_item .state .red {color:#c32419;}

/* 썸네일 유형 */
.edu_li.sd {opacity:0;visibility:hidden;transition:opacity 1s ease;margin:-15px;}
.edu_li.sd.slick-initialized {visibility:visible;opacity:1;}
.edu_li.sd .slick-slide {padding:15px;}
.edu_li:not(.sd) .inner {margin-bottom:10px;}
.edu_li.list {display:flex;flex-wrap:wrap;gap:var(--edu_li-gap);}
.edu_li.list > div {width:calc((100% / var(--edu_li-items)) - (((var(--edu_li-items) - 1) / var(--edu_li-items)) * var(--edu_li-gap)));}
.edu_li .inner {position:relative;}
.edu_li .img {overflow:hidden;display:block;position:relative;width:100%;height:0;border-radius:10px;border-top-right-radius:10px;padding-bottom:56%;}
.edu_li .img img {object-fit:cover;position:absolute;width:100%;height:100%;transition:all 0.5s ease;}
.edu_li .img:hover img {transform: scale(1.1);}
.edu_li .type {display:flex;align-items:flex-end;margin-bottom:8px;}
.edu_li .sub {overflow:hidden;text-overflow:ellipsis;word-break:keep-all;word-wrap:break-word;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;height:56px;line-height:27px;font-size:21px;font-weight:var(--lx-font-m);color:var(--lx-subj-color);}
.edu_li .cont {padding:15px 0;border-bottom-left-radius:10px;border-bottom-right-radius:10px;}
.edu_li .count ul {display:flex;}
.edu_li .count li {display:flex;align-items:center;}
.edu_li .count li + li {margin-left:10px;}
.edu_li .count .val {margin-left:5px;line-height:16px;font-size:13px;font-weight:var(--lx-font-m);color:#717171;}
.edu_li .count i::before {font-size:16px;color:#b2b2b2;}
.edu_li .count .favorite.on::before {color:var(--BadgeRed);}
/* .edu_li .item {padding-top:5px;border-top:1px solid #ccc;} */
.edu_li .count_li {display:flex;align-items:center;margin-top:3px;font-size:16px;color:var(--lx-font-color2);}
.edu_li .count_li .group:not(:last-of-type):after {content:'∙';margin:0 3px 0 0;color:var(--lx-font-color2);}
.edu_li .count_li span {color:inherit;font-size:inherit;}
.edu_li .date {padding:10px;border-top:1px solid #ccc;}
.edu_li .date li {display:flex;justify-content:space-between;position:relative;padding-left:20px;font-size:13px;}
.edu_li .date li::before {content:"\e108";position:absolute;left:0;top:2px;line-height:1;font-family:WebComponentsIcons;font-size:16px;color:#ccc;}
.edu_li .date .lab {flex-shrink:0;width:60px;}
.edu_li .bar {display:flex;justify-content:center;margin-top:10px;}
.edu_li .bar a, .edu_li .bar span {text-align:center;flex:1 1 0;height:40px;line-height:38px;border:1px solid #aaa;border-radius:4px;font-size:14px;}
.edu_li .bar span {border-color:#979a9a;color:#fff;background-color:#979a9a;}
.edu_li .bar .blank {border:1px solid #aaa;color:var(--lx-font-color2);background-color:transparent;}
.edu_li .bar .gray {border-color:var(--lx-color-gray);color:#fff;background-color:var(--lx-color-gray);}
.edu_li .bar .blue {border-color:var(--Ci-Blue);background-color: var(--Ci-Blue);color:#fff;}
.edu_li .bar .bk {background-color: #333;color:#fff;border:1px solid #333;}
.edu_li .bar .green {border:0;background-color: var(--Ci-LGreen);color:#fff;}
.edu_li .bar .yellow {border:0;color:#fff;background-color:var(--Ci-Yellow);}
.edu_li .bar .purple, .edu_li .bar .pink {border-color:var(--Ci-Purple);background-color:var(--Ci-Purple);color:#fff;}
.edu_li .bar a + a, .edu_li .bar span + a, .edu_li .bar a + span {margin-left:5px;}
.edu_li .detail {display:none;position:absolute;left:0;top:0;width:100%;height:100%;padding:17px 20px;border-radius:10px;background-color:#87898d;}
.edu_li .detail .scroll {overflow-y:auto;height:100%;}
.edu_li .detail .title {margin-bottom:20px;font-size:16px;font-weight:bold;color:#fff;}
.edu_li .detail .info {font-size:12px;color:#fff;}
.edu_li .detail .info .lab {display:inline-block;height:20px;line-height:20px;padding:0 5px;border-radius:2px;background-color:#535456;}
.edu_li .detail .info .val {word-break:keep-all;display:block;padding-top:5px;}
.edu_li .detail .info li + li {margin-top:15px;}
.edu_li .slick-arrow, .edu_live .slick-arrow, .edu_data_li .slick-arrow {position:absolute;top:50%;width:50px;height:50px;border-radius:50%;border:1px solid var(--lx-color-ci);background-color:rgba(255, 255, 255, 0.8);transform:translateY(-50%);}
.edu_li .slick-arrow::before, .edu_live .slick-arrow::before, .edu_data_li .slick-arrow::before {display:inline-block;line-height:1;font-family:'Material Icons';font-size:36px;color:var(--lx-color-ci);}
.edu_li .slick-prev, .edu_live .slick-prev, .edu_data_li .slick-prev {left:-75px;}
.edu_li .slick-next, .edu_live .slick-next, .edu_data_li .slick-next {right:-75px;}
.edu_li .slick-prev::before, .edu_live .slick-prev::before, .edu_data_li .slick-prev::before {content:"\e408";}
.edu_li .slick-next::before, .edu_live .slick-next::before, .edu_data_li .slick-next::before {content:"\e409";}
/* .edu_on_li .con .type {order:2;display:flex;padding-top:2px;font-size:14px;color:#aaa;color:var(--edu-li-type);}
.edu_on_li .con .type span:not(:last-of-type):after {content:'∙';margin:0 3px 0 4px;color:#aaa;color:var(--edu-li-type);} */
.edu_category {overflow:hidden;text-overflow:ellipsis;white-space:nowrap;display:flex;align-items:center;gap:10px;margin-bottom:3px;}
.edu_category > span {position:relative;font-size:15px;color:var(--lx-color-ci);}
.edu_category > span:not(:last-of-type):after {content:" ";position:absolute;right:-6px;top:4px;width:1px;height:14px;background-color:var(--lx-color-ci);}

/* 썸네일없는 유형 */
.edu_li2.sd {opacity:0;visibility:hidden;transition:opacity 1s ease;}
.edu_li2.sd.slick-initialized {visibility:visible;opacity:1;}
.edu_li2.sd{margin:-15px;}
.edu_li2.sd .slick-slide {margin:15px;}
.edu_li2:not(.sd) .inner {margin-bottom:30px;}
.edu_li2 .inner {position:relative;width:305px;height:265px;padding:20px; border-radius: 20px;border:1px solid #d8d8d8;background-color:#fff;}
.edu_li2 .img {overflow:hidden;display:block;position:relative;width:100%;height:0;padding-bottom:56.25%;border-radius:4px;}
.edu_li2 .img img {position:absolute;width:100%;}
.edu_li2 .cont .top {margin:5px 0;}
.edu_li2 .type {display:flex;align-items:flex-end;margin-bottom:10px;}
.edu_li2 .type .c_badge2 {margin:0;}
.edu_li2 .type .c_badge2 + .c_badge2 {margin:0 0 0 7px;}
.edu_li2 .type .c_badge2:not(.hash) {flex-shrink:0;}
.edu_li2 .type .hash {overflow:hidden;text-overflow:ellipsis;white-space:nowrap;background-color:#313b7c;}
.edu_li2 .sub {overflow:hidden;text-overflow:ellipsis;white-space:nowrap;display:block;font-size:14px;margin-bottom:5px;font-weight:bold;color:#87898d;}
.edu_li2 .tit {overflow:hidden;text-overflow:ellipsis;white-space:nowrap;display:block;line-height:28px;font-size:24px;font-weight:bold;color:#333;}
.edu_li2 .count{margin-top:35px;}
.edu_li2 .count li + li {margin-top:10px;}
.edu_li2 .count li > span{display: block;line-height: 1;}
.edu_li2 .count .val {display:block;line-height:16px;font-size:14px;color:#717171;}
.edu_li2 .count .date{font-weight: 500;margin-bottom:5px; padding-left:20px;background: url(../../images/www/icon/ic_date.png) left center no-repeat;}
.edu_li2 .count i::before {font-size:16px;color:#b2b2b2;}
.edu_li2 .count .favorite::before {color:var(--BadgeRed);}
.edu_li2 .bar {display:flex;justify-content:center;margin-top:10px;}
.edu_li2 .bar a, .edu_li2 .bar span {text-align:center;flex:1 1 0;height:40px;line-height:38px;border-radius:2px;border:1px solid #6c757d;font-size:14px;color:#fff;background-color:#6c757d;}
.edu_li2 .bar .gray {border-color:var(--Ci-Blue);color:#fff;background-color:var(--Ci-Blue);}
.edu_li2 .bar a + a {margin-left:10px;}
.edu_li2 .detail {cursor:pointer;display:none;position:absolute;left:0;top:0;width:100%;height:100%;padding:17px 20px;border-radius:20px;background-color:#2477d5;}
.edu_li2 .detail .scroll {overflow-y:auto;height:100%;}
.edu_li2 .detail .sub {margin-bottom:10px;font-size:14px;font-weight:bold;color:#fff;}
.edu_li2 .detail .title {word-break:break-all;font-size:22px;font-weight:bold;color:#fff;}
.edu_li2 .detail .info {margin-top:25px;font-size:14px;color:#fff;}
.edu_li2 .detail .info .lab {display:inline-block;font-weight: 500;}
.edu_li2 .detail .info .val {word-break:keep-all;display:block;padding-top:5px;}
.edu_li2 .detail .info li + li {margin-top:15px;}
.edu_li2 .detail .bot{margin-top:20px;}
.edu_li2 .detail .bot ul{display: flex;color:#fff;font-size:14px;}
.edu_li2 .detail .bot li strong{font-weight: 500;font-size:14px;color:#fff;}
.edu_li2 .slick-arrow {position:absolute;top:50%;width:50px;height:50px;border-radius:50%;border:1px solid #b2b2b2;background-color:#fff;transform:translateY(-50%);}
.edu_li2 .slick-arrow::before {display:inline-block;line-height:1;font-family:'Material Icons';font-size:36px;color:#b2b2b2;}
.edu_li2 .slick-prev {left:-55px;}
.edu_li2 .slick-next {right:-55px;}
.edu_li2 .slick-prev::before {content:"\e408";}
.edu_li2 .slick-next::before {content:"\e409";}
.edu_li2 .cont .info {overflow:hidden;}
.edu_li2 .cont .info > span {display:inline-block;font-size:13px;}
.edu_li2 .cont .info > span:not(:last-of-type):after {content:'∙';margin:0 2px 0 5px;}
/* .edu_li .hash, .edu_li_view .hash {overflow:hidden;text-overflow:ellipsis;white-space:nowrap;display:block;height:28px;line-height:28px;font-size:14px;} */

/* 자료형 */
.edu_data_li.sd {opacity:0;visibility:hidden;transition:opacity 1s ease;margin:-15px;}
.edu_data_li.sd.slick-initialized {visibility:visible;opacity:1;}
.edu_data_li.sd .slick-slide {padding:15px;}
.edu_data_li:not(.sd) .inner {margin-bottom:30px;}
.edu_data_li.list {display:flex;flex-wrap:wrap;gap:var(--edu_data_li-gap);}
.edu_data_li.list > div {width:calc((100% / var(--edu_data_li-items)) - (((var(--edu_data_li-items) - 1) / var(--edu_data_li-items)) * var(--edu_data_li-gap)));}
.edu_data_li .inner {position:relative;}
.edu_data_li .img {overflow:hidden;display:block;position:relative;width:100%;height:0;border-radius:10px;border-top-right-radius:10px;padding-bottom:56%;}
.edu_data_li .img img {object-fit:cover;position:absolute;width:100%;height:100%;transition:all 0.5s ease;}
.edu_data_li .img:hover img {transform: scale(1.1);}
.edu_data_li .type {display:flex;align-items:flex-end;margin-bottom:8px;}
.edu_data_li .sub {overflow:hidden;text-overflow:ellipsis;word-break:keep-all;word-wrap:break-word;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;height:54px;line-height:26px;font-size:20px;font-weight:var(--lx-font-m);color:var(--lx-subj-color);}
.edu_data_li .cont {padding:15px 0;border-bottom-left-radius:10px;border-bottom-right-radius:10px;}
.edu_data_li .count ul {display:flex;}
.edu_data_li .count li {display:flex;align-items:center;}
.edu_data_li .count li + li {margin-left:10px;}
.edu_data_li .count .val {margin-left:5px;line-height:16px;font-size:13px;font-weight:var(--lx-font-m);color:#717171;}
.edu_data_li .count i::before {font-size:16px;color:#b2b2b2;}
.edu_data_li .count .favorite.on::before {color:var(--BadgeRed);}
/* .edu_data_li .item {padding-top:5px;border-top:1px solid #ccc;} */
.edu_data_li .count_li {display:flex;align-items:center;margin-top:3px;font-size:16px;color:var(--lx-font-color2);}
.edu_data_li .count_li .group:not(:last-of-type):after {content:'∙';margin:0 3px 0 0;color:var(--lx-font-color2);}
.edu_data_li .count_li span {font-size:inherit;color:inherit;}
.edu_data_li .date {padding:10px;border-top:1px solid #ccc;}
.edu_data_li .date li {display:flex;justify-content:space-between;position:relative;padding-left:20px;font-size:13px;}
.edu_data_li .date li::before {content:"\e108";position:absolute;left:0;top:2px;line-height:1;font-family:WebComponentsIcons;font-size:16px;color:#ccc;}
.edu_data_li .date .lab {flex-shrink:0;width:60px;}
.data_tab {text-align:center;position:absolute;left:10px;top:10px;z-index:1;width:55px;height:30px;line-height:30px;border-radius:15px;padding:0 10px;font-size:13px;color:#fff;}
.data_tab.red {background-color:var(--lx-color-red);}
.data_tab.green {background-color:var(--lx-color-green);}
.data_tab.ci {background-color:var(--lx-color-ci);}

/* 가로형 */
.edu_row_li {border-top:1px solid var(--lx-box-th-border);}
.edu_row_li .li {border-bottom:1px solid var(--lx-box-th-border);}
.edu_row_li .inner {display:flex;align-items:center;position:relative;padding:10px;}
.edu_row_li .img {flex-shrink:0;overflow:hidden;position:relative;width:210px;height:120px;background:var(--edu-img-bg);}
.edu_row_li .img img {position:absolute;top:50%;width:100%;transform:translateY(-50%);}
.edu_row_li .type {margin-bottom:5px;}
.edu_row_li .sub {line-height:1.4;font-size:17px;font-weight:bold;color:var(--lx-subj-color);}
.edu_row_li .con {flex-grow:1;padding:0 20px;}
.edu_row_li .item {overflow:hidden;display:flex;flex-wrap:wrap;padding-top:5px;font-size:14px;color:var(--lx-font-color2);}
/* .edu_row_li .item + .item {width:37%;} */
.edu_row_li .item li {display:flex;align-items:center;width:50%;margin:2px 0;}
.edu_row_li .item .lab {text-align:center;flex-shrink:0;width:70px;line-height:28px;height:30px;margin-right:5px;padding:0 5px;border:1px solid #ccc;border-radius:2px;font-size:13px;font-weight:var(--lx-font-m);}
.edu_row_li .item .val {display:flex;gap:4px;font-size:14px;}
.edu_row_li .btn {display:flex;flex-direction:column;align-items:center;justify-content:center;flex-shrink:0;width:130px;border-radius:2px;}
.edu_row_li .btn a + a, .edu_row_li .btn span + a, .edu_row_li .btn a + span {margin-top:10px;}
.edu_row_li .btn a, .edu_row_li .btn span {text-align:center;display:block;min-width:100px;height:36px;line-height:34px;border:1px solid #979a9a;border-radius:2px;padding:0 10px;letter-spacing:-0.23px;font-size:13px;color:#fff;background-color:#979a9a;}
.edu_row_li .btn a, .edu_row_li .btn .blue {border-color:var(--Ci-Blue);color:#fff;background:var(--Ci-Blue);}
.edu_row_li .btn .gray {border-color:#999;background:#999;}
.edu_row_li .btn .purple {border-color:var(--Ci-Purple);color:#fff;background:var(--Ci-Purple);}
.edu_row_li .btn .yellow {border-color:var(--Ci-Yellow);color:#fff;background:var(--Ci-Yellow);}

/* 카드형 가로 */
.card_box_li {margin-bottom:20px;}
.card_box_li .inner {display:flex;position:relative;padding:40px;border:1px solid #ced5de;border-radius:12px;background-color:#fff;}
.card_box_li.active .inner {border-color:#4a64f5;box-shadow:5px 5px 5px 2px #eff1ff;}
.card_box_li .cont {flex-grow:1;}
.card_box_li .state {flex-shrink:0;width:180px;}
.card_box_li .tag {font-size:16px;font-weight:bold;color:#4a64f5;}
.card_box_li .title {font-size:20px;font-weight:bold;color:#000;}
.card_box_li .desc {margin-top:5px;font-size:16px;color:#777;}
.card_box_li .state {display:flex;align-items:center;justify-content:flex-end;}
.card_box_li .state .link {text-align:center;display:inline-block;width:160px;line-height:22px;padding:15px 0;border:1px solid #4a64f5;border-radius:8px;font-size:16px;font-weight:var(--lx-font-m);color:#fff;background-color:#4a64f5;}
.card_box_li .state .link.gray {color:#a7a9ac;background-color:#f4f5f7;border:1px solid #f4f5f7;}
.card_box_li .state .link.wt {color:#a7a9ac;background-color:#fff;border:1px solid #dcdcdc;}
.card_box_li .state .link.red {color:#fff;background-color:#c32419;border:1px solid #c32419;}
.card_box_li .state .link.blue {color:#fff;background-color:#4a64f5;border:1px solid #4a64f5;}
.card_box_li .state .link.bk {background-color:#111;border:1px solid #111;color:#fff;}
.card_box_li .state .link.red.line {background:none;border:1px solid #c32419;color:#c32419;}

/* 과정분류 */
.cs_group_ct {display:flex;padding-top:20px;}
.cs_group_ct .cs_item_li {flex-shrink:0;width:220px;margin-right:40px;}
.cs_group_ct .frm {flex-grow:1;}
.cs_group_ct .frm .t_bar .count {font-size:19px;}
.cs_item_group {border-top:2px solid var(--lx-box-border-bk);}
.cs_item_group + .cs_item_group {margin-top:10px;}
.cs_item_group .tog {position:relative;display:block;padding:10px 40px 10px 10px;border-bottom:1px solid #ccc;font-size:19px;font-weight:bold;color:var(--lx-subj-color);background-color:var(--lx-tbl-item-bg);}
.cs_item_group .tog::before {content:"\e121";position:absolute;right:10px;top:50%;line-height:1;font-family:WebComponentsIcons;transform:translateY(-50%);}
.cs_item_group .tog.off::before {content:"\e11e";}
.cs_item_li .item a {word-break:keep-all;position:relative;display:block;padding:10px 30px 10px 15px;border-bottom:1px solid var(--lx-box-border);font-size:14px;}
.cs_item_li .item a::after {content:"\e315";position:absolute;top:50%;right:5px;font-family:'Material Icons';font-size:24px;color:#aaa;transform:translatey(-50%);}
.cs_item_li .item a:hover {background:var(--lx-box-hover-none);}
.cs_item_li .lab {padding:10px;border-bottom:1px solid var(--lx-box-lt-border);font-size:17px;color:var(--lx-subj-color);font-weight:bold;}
.cs_item_li .type {display:flex;margin-bottom:10px;}
.cs_item_li .type a {flex:1 1 0;display:flex;align-items:center;justify-content:center;height:54px;border:1px solid var(--lx-color-ci);font-size:17px;color:var(--lx-color-ci);}
.cs_item_li .type .on {color:#fff;background-color:var(--lx-color-ci);}

/* (구)과정상세-강의계획서 */
.edu_on_detail .inner {display:flex;}
.edu_on_detail .holder {display:flex;justify-content:center;align-items:center;flex-shrink:0;width:500px;margin-right:50px;background:#f6f6f6;}
.edu_on_detail .img {overflow:hidden;position:relative;width:400px;height:225px;box-shadow:6px 6px 18px 0 rgba(0, 0, 0, 0.16);}
.edu_on_detail .img img {position:absolute;top:50%;width:100%;transform:translateY(-50%);}
.edu_on_detail .cont {flex-grow:1;padding-top:20px;}
.edu_on_detail .cont .sub {font-size:28px;font-weight:bold;color:#222;}
.edu_on_detail .cont .edu_inst {display:block;font-size:20px;color:#222;}
.edu_on_detail .cont .desc {margin-top:10px;color:#7d7d7d;}
.edu_on_detail .cont .info {display:flex;flex-wrap:wrap;margin:30px 0 40px 0;padding:30px 0;border-top:1px solid #dcdcdc;border-bottom:1px solid #dcdcdc;background-color:#f6f7f9;}
.edu_on_detail .cont .info li {width:50%;display:flex;line-height:1.5;}
.edu_on_detail .cont .info .lab {flex-shrink:0;text-align:center;min-width:120px;color:#333;}
.edu_on_detail .cont .info .val {color:#7d7d7d;}
.edu_on_detail .bar {display:flex;justify-content:space-between;align-items:center;}

/* 과정상세 summary */
.edu_ct_info {display:flex;position:relative;}
.edu_ct_info .edu_wrap {order:1;flex-grow:1;}
.edu_ct_info .edu_summary {order:2;flex-shrink:0;align-self:flex-start;position:sticky;top:30px;width:330px;margin-left:40px;}
.edu_summary .vs_mo .title {font-weight:bold;color:var(--lx-subj-color2);}
.edu_ct_info .edu_top {margin-bottom:40px;}
.edu_ct_info .edu_top .title {font-size:32px;font-weight:bold;color:var(--lx-subj-color);}
/* .edu_ct_info .edu_top .edu_category {margin-top:10px;} */
.edu_ct_info .edu_top .note_box {margin-top:10px;}
.edu_tab_ct .group + .group {margin-top:30px;}
.edu_tab_ct .edu_ct {color:var(--lx-font-color2);}
.edu_summary .img {overflow:hidden;position:relative;padding-bottom:56%;border-top-left-radius:10px;border-top-right-radius:10px;background:var(--edu-img-bg);}
.edu_summary .img img {object-fit:cover;position:absolute;width:100%;height:100%;}
.edu_summary > .cont {border:1px solid var(--lx-box-th-border);border-top:0;border-bottom-left-radius:10px;border-bottom-right-radius:10px;background-color:var(--lx-box-bg2);}
.edu_summary .ci_btn {padding:20px 15px;}
.edu_summary .info {padding:20px;border-bottom:1px solid var(--lx-box-th-border);}
.edu_summary .info li {display:flex;line-height:1.5;}
.edu_summary .info li + li {margin-top:5px;}
.edu_summary .info .lab {flex-shrink:0;word-break:keep-all;width:80px;font-size:17px;font-weight:var(--lx-font-m);color:var(--lx-subj-color);}
.edu_summary .info .val {color:var(--lx-font-color2);}
.edu_summary .bar {margin-top:10px;display:flex;justify-content:space-between;align-items:center;}
.edu_summary .bar a, .edu_summary .bar span, .edu_summary .bar .c_btn.md {flex:1 1 0;height:60px;line-height:60px;font-size:18px;}
.edu_summary .bar a + a, .edu_summary .bar a + span {margin-left:5px;}
.edu_summary .edu_alarm {margin-top:10px;border:1px solid var(--lx-box-th-border);border-radius:10px;padding:20px;color:var(--lx-subj-color);background-color:var(--lx-boxbox-bg);}
.edu_ct_info.fixed .edu_summary {position:fixed;top:30px;z-index:100;}

/* 마이크로러닝 상세 */
.edu_detail .main {display:flex;}
.edu_detail .cont {flex-grow:1;}
.edu_detail .side {flex-shrink:0;width:380px;margin-left:30px;}
.edu_detail .cont .viewer {overflow:hidden;position:relative;height:0;padding-bottom:56.25%;}
.edu_detail .cont .viewer iframe, .edu_detail .cont .viewer > div {position:absolute;left:0;top:0;width:100%;height:100%;}
.edu_detail .cont .viewer img {position:absolute;width:100%;height:100%;border-radius:20px;}
.edu_detail .cont .viewer .img img {display:block;}
.edu_detail .cont .viewer video {outline:none;}
.edu_detail .cont .info {position:relative;padding:20px 0;}
.edu_detail .cont .info .tag {display:block;}
.edu_detail .cont .info .tag a {font-style:italic;color:#065fd4;}
.edu_detail .cont .info .sub {line-height:1.4;font-size:24px;font-weight:700;color:var(--lx-subj-color);}
.edu_detail .cont .info .role {display:flex;justify-content:flex-end;}
.edu_detail .cont .info_text {display:flex;justify-content:space-between;align-items:center;margin-top:10px;}
.edu_detail .cont .info_text .text .item {display:inline-block;position:relative;font-size:15px;}
.edu_detail .cont .info_text .text .item:not(:last-of-type):after {content:'∙';margin:0 2px 0 5px;color:var(--Dk-text);}
.edu_vt_li > li + li {margin-top:14px;}
.edu_vt_li .inner {display:flex;align-items:center;}
.edu_vt_li .type {display:block;margin-bottom:5px;font-size:13px;}
.edu_vt_li .sub {overflow:hidden;-webkit-line-clamp:2;line-height:20px;font-size:14px;font-weight:var(--lx-font-m);color:var(--lx-subj-color);}
.edu_vt_li .img {flex-shrink:0;overflow:hidden;position:relative;width:168px;height:94px;margin-right:10px;}
.edu_vt_li .img img {position:absolute;width:100%;height:100%;}
.edu_vt_li .con {width:100%;}
.edu_vt_li .info {overflow:hidden;}
.edu_vt_li .info > span {display:inline-block;font-size:13px;}
.edu_vt_li .info > span:not(:last-of-type):after {content:'∙';margin:0 2px 0 5px;}
.edu_vt_li .name {font-size:13px;}
.edu_detail .edu_tab {padding-top:30px;}
.edu_detail .edu_tab, .edu_on_detail .edu_tab {display:block;}
.edu_detail .edu_tab .group + .group, .edu_on_detail .edu_tab .group + .group {margin-top:30px;}

/* 커뮤니티 */
.deb_group + .deb_group {margin-top:40px;padding-top:40px;border-top:4px solid #f6f6f6;}
.deb_li {margin:-10px;}
.deb_li::after {content:" ";clear:both;display:block;}
.deb_li > li {float:left;width:25%;padding:10px;}
.deb_li > li > .inner {position:relative;}
.deb_li .cover {position:absolute;left:0;top:0;right:0;bottom:0;background:rgba(0, 0, 0, 0.4);}
.deb_li .img {overflow:hidden;display:block;position:relative;width:100%;height:0;padding-bottom:65%;border-radius:4px;}
.deb_li .img img {position:absolute;top:50%;left:0;width:100%;transform:translateY(-50%);}
.deb_li .img_hover {opacity:0;position:absolute;width:100%;height:100%;padding:20px;background:rgba(0,0,0,0.8);transition:all 0.3s ease;}
.deb_li .img_hover .sort {display:block;color:var(--Ci-Sky);font-size:17px;font-weight:bold;margin-bottom:5px;}
.deb_li .img_hover p {overflow:hidden;text-overflow:ellipsis;display:-webkit-box;-webkit-line-clamp:3;-webkit-box-orient:vertical;word-wrap:break-word;line-height:1.4em;max-height:4.2em;font-weight:bold;color:#fff;}
.deb_li .img:hover .img_hover {opacity:1;}
.deb_li .top {margin:10px 0 5px 0;}
.deb_li .type {display:flex;align-items:flex-end;height:24px;}
.deb_li .sub {overflow:hidden;text-overflow:ellipsis;white-space:nowrap;display:block;line-height:30px;font-size:18px;font-weight:bold;color:var(--lx-subj-color);}
.deb_li .info {display:flex;}
.deb_li .info li {display:flex;align-items:center;}
.deb_li .info li + li {margin-left:10px;}
.deb_li .info .val {margin-left:5px;line-height:16px;font-size:13px;font-weight:var(--lx-font-m);color:#717171;}
.deb_li .info i::before {color:#b2b2b2;}
.deb_li .bar {display:flex;justify-content:center;margin-top:10px;}
.deb_li .bar a, .deb_li .bar span {text-align:center;flex:1 1 0;height:40px;line-height:38px;border-radius:2px;border:1px solid var(--lx-box-th-border);font-size:14px;color:var(--lx-font-color2);}
.deb_li .bar .gray {border-color:var(--lx-color-gray);color:#fff;background-color:var(--lx-color-gray);}
.deb_li .bar a + a {margin-left:10px;}

.deb_row_li {border-top:1px solid #c6c6c6;}
.deb_row_li > li {border-bottom:1px solid #c6c6c6;}
.deb_row_li .inner {display:flex;align-items:center;position:relative;padding:10px 0 10px 10px;}
.deb_row_li .inner:hover {box-shadow:0 6px 10px 5px rgba(0, 0, 0, 0.15);}
.deb_row_li .img {flex-shrink:0;overflow:hidden;position:relative;width:140px;height:140px;}
.deb_row_li .img .type {text-align:center;position:absolute;left:0;top:20px;z-index:2;min-width:50px;height:28px;line-height:28px;padding:0 8px 0 4px;border-top-right-radius:15px;border-bottom-right-radius:15px;font-size:13px;color:#fff;background-color:#f45470;}
.deb_row_li .img .type.green {background-color:#8dc979;}
.deb_row_li .img .type.red {background-color:#f45470;}
.deb_row_li .img .type.cyan {background-color:#50b4b6;}
.deb_row_li .img .type.yellow {background-color:#f2b140;}
.deb_row_li .img .type.blue {background-color:#4ea7cb;}
.deb_row_li .img img {position:absolute;width:100%;height:100%;}
.deb_row_li .sub {line-height:1.4;font-size:20px;font-weight:var(--lx-font-m);color:#3c3c3c;}
.deb_row_li .name {font-family:NotoSL;font-weight:bold;padding-top:5px;}
.deb_row_li .con {flex-grow:1;padding:0 20px;background-color:#fff;}
.deb_row_li .con .type {margin-bottom:5px;}
.deb_row_li .item {overflow:hidden;padding-top:10px;font-size:14px;color:#3c3c3c;}
.deb_row_li .item li {float:left;margin-right:15px;}
.deb_row_li .item .lab {text-align:center;vertical-align:middle;display:inline-block;min-width:70px;line-height:24px;margin-right:5px;padding:0 5px;border:1px solid #ccc;border-radius:2px;font-size:13px;}
.deb_row_li .item .val {vertical-align:middle;display:inline-block;}
.deb_row_li .info {margin-top:10px;}
.deb_row_li .info li {display:inline;font-family:NotoSL;font-weight:bold;letter-spacing:-0.3px;color:#af7b3d;}
.deb_row_li .info li:not(:last-of-type):after {content:'∙';margin:0 2px 0 5px;color:#af7b3d;}
.deb_row_li .btn {display:flex;flex-direction:column;align-items:center;flex-shrink:0;width:140px;}
.deb_row_li .btn a + a {margin-top:10px;}
.deb_row_li .btn a, .deb_row_li .btn .ready {text-align:center;display:block;min-width:100px;height:36px;line-height:36px;padding:0 10px;letter-spacing:-0.23px;color:#fff;background-color:#282828;font-size:14px;color:#fff;}
.deb_row_li .btn .ready {background-color:#c84141;}
.deb_row_li .btn .wt {line-height:35px;border:1px solid #282728;color:#333;background-color:#fff;}
.deb_row_li .tag {text-align:center;position:absolute;left:0;top:10px;z-index:2;min-width:50px;height:24px;line-height:24px;padding:0 4px;font-size:13px;font-weight:300;color:#fff;background-color:#f45470;}
.deb_row_li .tag.green {background-color:#4bbdb2;}
.deb_row_li .tag.red {background-color:#f45470;}
.deb_row_li .tag.yellow {background-color:#f2b140;}
.deb_row_li .tag.blue {background-color:#245ded;}

/* ad_set */
.ad_set {background-color:#fff;}
.ad_set .frm {min-width:1280px;}
.ad_set .frm > .top {margin-bottom:10px;padding:10px;border-bottom:1px solid #ccc;background-color:#f5f6f7;}
.ad_set .frm > .top:after {content:" ";clear:both;display:block;}
.ad_set .frm > .top .global {float:right;}
.ad_set .frm:after {content:" ";clear:both;display:block;}
.ad_set .aside {position:relative;z-index:1;float:left;width:240px;padding:10px 10px 20px 10px;}
.ad_set .setting {float:right;width:100%;margin-left:-240px;}
.ad_set .setting > .inner {margin-left:240px;padding:20px 10px;}
.ad_set .setting .title {font-size:18px;}
.ad_set .nav a {display:block;position:relative;padding:10px;font-weight:300;color:#767676;}
.ad_set .nav > li {position:relative;}
.ad_set .nav > li > a {font-size:20px;font-weight:bold;color:#222;}
.ad_set .nav > li > a button {margin:-4px 0 0 10px;}
.ad_set .nav > .on > a:before, .ad_set .nav > li > a:hover:before {content:" ";position:absolute;left:0;top:50%;width:3px;height:20px;margin-top:-10px;background-color:#1d9ced;}
.ad_set .nav > li > ul {display:none;}
.ad_set .nav > li > ul a {padding-left:20px;}
.ad_set .nav > li > ul .on a, .ad_set .nav > li > ul a:hover {font-weight:400;color:#428bca;}
.ad_set .c_title4 {margin-bottom:10px;font-size:20px;color:#767676;}
.st_box {margin-bottom:10px;padding:10px;border:1px solid #b9b9b9;border-radius:4px;background-color:#fff;}
.st_box.last, .st_box.one {margin-bottom:0;}
.st_box.nl {border:0;} /* no line */
.st_box.gray {background-color:#f5f5f5;}
.st_box .top {position:relative;}
.st_box .top:after {content:" ";clear:both;display:block;}
.st_box .top .left {float:left;}
.st_box .top .right {float:right;}
.st_box .ct {margin-top:10px;padding-top:10px;border-top:1px solid #e1e1e1;}
.tbl_col5 {border-top:1px solid #dfdfdf;} /* ad_set only */
.tbl_col5 th, .tbl_col5 td {text-align:center;height:30px;padding:5px;border-left:1px solid #dfdfdf;border-bottom:1px solid #dfdfdf;font-size:13px;font-weight:300;}
.tbl_col5 th {color:#333;background-color:#f5f5f5;}
.tbl_col5 td {border-left:1px solid #dfdfdf;color:#767676;background-color:#fff;}
.tbl_col5 th:first-child, .tbl_col5 td:first-child {border-left:0;}
.tbl_col5 tr:nth-child(even) td {background:#f6f7f8;}
.tbl_col5 td.date {color:#3f8edd;}
.tbl_col5 td a {font-size:13px;font-weight:300;color:#428bca;}
.tbl_col5 td a:hover {text-decoration:underline;}
.tbl_col5 input[type="checkbox"] {width:16px;height:16px;}

/* 커뮤니티 상세 */
.deb_view {margin-bottom:20px;border-top:2px solid var(--lx-tbl-col-thead);border-bottom:1px solid var(--lx-box-th-border);}
.deb_view .top {position:relative;padding:20px;border-bottom:1px solid var(--lx-box-th-border);background:none;}
.deb_view h1, .deb_view .title {line-height:1.3;font-size:21px;font-weight:bold;color:var(--lx-subj-color);}
.deb_view .top .add {text-align:right;padding-top:5px;}
.deb_view .info {display:flex;padding-top:10px;}
.deb_view .info:after {clear:both;display:block;content:" ";}
.deb_view .info li {position:relative;padding:0 15px;font-size:15px;}
.deb_view .info span {vertical-align:middle;display:inline-block;line-height:24px;}
.deb_view .info .lab {margin-right:2px;font-weight:var(--lx-font-m);color:var(--lx-subj-color);}
.deb_view .info .val {color:var(--lx-font-color2);}
.deb_view .info li + li:before {content:" ";position:absolute;left:0;top:5px;width:1px;height:16px;background-color:#d9d9d9;}
.deb_view .info li:first-child {padding-left:0;}
.deb_view .ct {display:flex;position:relative;padding:40px 0;}
.deb_view .holder {display:flex;justify-content:center;align-items:center;flex-shrink:0;width:500px;min-height:260px;margin-right:50px;background:#f8f8f8;}
.deb_view .img {overflow:hidden;position:relative;width:360px;height:200px;box-shadow:6px 6px 18px 0 rgba(0, 0, 0, 0.16);}
.deb_view .img img {position:absolute;top:50%;width:100%;transform:translateY(-50%);}
.deb_view .desc p {line-height:1.6;font-size:16px;letter-spacing:-0.3px;color:var(--lx-font-color2);}
.deb_view .add_file {border-bottom:0;}
/*.deb_view .desc {height:140px;}
.deb_view .desc p {overflow:hidden;text-overflow:ellipsis;word-wrap:break-word;display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:5;min-height:8em;line-height:1.6;font-size:16px;letter-spacing:-0.3px;color:#494949;}*/
.deb_view .bar {overflow:hidden;}
.deb_view .bar .enter {float:left;display:inline-block;height:40px;line-height:40px;padding:0 20px;font-weight:bold;color:#fff;background-color:#5881d2;}
.deb_view .bar .vote {float:right;}
.deb_view .bar .vote span {float:left;height:40px;line-height:40px;padding:0 40px;font-family:'Spoqa Han SansL';font-weight:bold;}
.deb_view .bar .vote .yes {color:#fff;background-color:#00589e;}
.deb_view .bar .vote .no {color:#222;background-color:#b2cde6;}
.deb_report .b_box {text-align:right;padding-top:10px;}
.deb_view .file li {display:inline-block;}
.deb_view .file a {position:relative;display:block;padding:5px 5px 5px 20px;color:#2b65dc;}
.deb_view .file a:before {content:" ";position:absolute;left:0;top:9px;width:15px;height:16px;background:url("../../images/www/icon/ic_file.png");}

/* main_popular */
.main_popular .tbl_col .c_btn{width:100%;border-radius: 0;}
.main_popular .t_date + .t_date{display:block;}
.main_popular .t_date + .t_date::before{display:inline-block;content: "~";}

/* main_board */
.main_board{display: flex;}
.main_board .board_wrap{display:flex;width:calc(50%);}
.main_board .board_wrap + .board_wrap{margin-left:30px;}
.main_board .b_tit{color:#000;font-size:22px;font-weight: bold;margin-bottom:12px;}
.main_board .main_notice{width:100%;}
.main_board .main_notice .board_box > li{width:calc(100%);}
.main_board .main_notice .board_box > li + li{margin-top:13px;}
.main_board .c_type{color:#fff;font-size:13px;margin-right:5px;height:19px;line-height:18px;padding:0 5px;background-color: #f45470;border-radius: 4px;}
/* .main_board .c_type.i_new::after{display:inline-block;content:'N';font-size:10px;color:#fff;height:15px;width:15px;text-align: center; margin-left:5px; background-color: #f15a21;} */
.main_board .con > a{display: flex; align-items: center;width:100%;}
.main_board .con .date{color:#87898d;font-size:15px;}
.main_board .con .tit{width:calc(100% - 140px);color:#333;font-size:15px; word-break: keep-all;white-space: nowrap;text-overflow: ellipsis;overflow: hidden;}
.main_board .con .val{color:#616365;font-size:14px;font-weight: 500;margin-top:12px;height:80px;overflow: hidden;}
.main_board .con li > a{display:block;font-size:15px;width:100%;overflow: hidden;text-overflow: ellipsis;white-space: nowrap;}
.main_board .con li + li{margin-top:12px;}
.main_board .con .b_que li > a::before{content: 'Q.'; font-weight: bold;margin-right:3px;}
.main_board .main_que{width:calc(50% - 15px);}
.main_board .main_que + .main_que{margin-left:30px;}
.main_board .con .b_ref > li > a{padding-left:25px;}
.main_board .con .b_ref > li > .i_b_movie{background: url('../../images/www/icon/i_b_movie.png') left center no-repeat;}
.main_board .con .b_ref > li > .i_b_pdf{background: url('../../images/www/icon/i_b_pdf.png') left center no-repeat;}
.main_board .con .b_ref > li > .i_b_doc{background: url('../../images/www/icon/i_b_doc.png') left center no-repeat;}

/* comm_write */
.comm_write .head {margin-bottom:10px;}
/* .comm_write .head {margin-bottom:10px;padding-bottom:10px;border-bottom:1px solid #e9e9e9;} */
.comm_write .head .count {font-size:18px;font-weight:bold;}
/* .comm_write .head .count .num {color:#f45470;} */
.comm_write .c_title {display:inline-block;margin-bottom:0;}
.comm_write .c_rating {padding-bottom:10px;}
.comm_write .c_rating i {font-size:24px;}
.comm_write .c_rating .ave {font-size:18px;}
.comm_write .regist {overflow:hidden;padding-top:10px;}
.comm_write .regist .c_rating {float:left;padding-bottom:0;}
.comm_write .regist .c_btn {float:right;}
.comm_write .public {overflow:hidden;padding-top:10px;}
.comm_write .public .check {float:left;}
.comm_write .public .check label + input {margin-left:10px;}
.comm_write .public .desc {float:right;}
.comm_write .vote {padding-bottom:15px;}

/* comm_list */
.comm_list {margin-top:30px;border-bottom:1px solid var(--lx-box-lt-border);}
.comm_list .head {margin-bottom:10px;}
.comm_list .head .count {font-size:18px;font-weight:bold;}
.comm_list > ul > li, .comm_list .list {position:relative;padding:20px 0;border-top:1px solid var(--lx-box-lt-border);}
.comm_list > ul > li .photo {display:none;text-align:center;position:absolute;width:80px;left:0;top:15px;}
.comm_list > ul > li .photo .frm {overflow:hidden;width:60px;height:60px;margin:0 auto;border-radius:50%;border:1px solid #bcbcbc;}
.comm_list > ul > li .photo img {width:100%;height:100%;}
.comm_list > ul > li .photo .level {max-width:80px;display:inline-block;margin-top:5px;padding:5px;border-radius:4px;font-size:11px;color:#fff;background-color:#3264c8;}
.comm_list > ul > li .top, .comm_list .list .top {padding-bottom:5px;}
.comm_list > ul > li .top .info, .comm_list .list .top .info {margin-bottom:3px;color:#222;}
.comm_list > ul > li .top .vote {display:block;font-weight:bold;color:var(--Ci-Yellow);}
.comm_list > ul > li .top .vote.no {color:#f45470;}
.comm_list > ul > li .top .name, .comm_list > ul > li .top .date, .comm_list .list .top .name, .comm_list .list .top .date {vertical-align:middle;display:inline-block;font-size:15px;}
.comm_list > ul > li .top .name, .comm_list .list .top .name {font-weight:bold;color:var(--lx-subj-color);}
.comm_list > ul > li .top .date, .comm_list .list .top .date {margin:0 0 0 10px;font-size:14px;color:#888;}
.comm_list > ul > li .ct {line-height:1.5;}
.comm_list .list .regist {margin-top:10px;}
.comm_list .c_rating .material-icons:before {font-size:18px;}
.comm_list .post {text-decoration:underline;}
.comm_list .reply {padding:20px 20px 20px 50px;}
.comm_list .reply:before {content:" ";position:absolute;left:20px;top:25px;width:15px;height:16px;background:url("../../images/www/common/cl_list_depth.png") no-repeat 0 0;}
.comm_list .reply .enter {text-align:right;margin-top:10px;}
.comm_list .reply.write {border-top:0;}
.comm_list .c_rating {padding-bottom:5px;}
.comm_list .menu {display:flex;justify-content:space-between;align-items:center;margin-top:10px;}
.comm_list .add .ci_btn {margin-left:10px;}
.comm_list .add .ci_btn .flex {font-size:14px;}
.comm_list .add .ci_btn .thumb_up_alt::before {font-size:20px;}
/* .comm_list .add .like .m_icon:before {content:"\e87d";vertical-align:middle;display:inline-block;margin:-2px 4px 0 0;font-size:14px;color:var(--Ci-Sky);} */
.comm_list .edit:after {clear:both;display:block;content:" ";}
.comm_list .edit li {position:relative;float:left;}
.comm_list .edit li a {display:block;line-height:24px;padding:0 10px;font-size:14px;color:#000;}
.comm_list .edit li a:before {content:" ";position:absolute;left:0;top:50%;width:1px;height:12px;margin-top:-6px;background-color:#cdcdcd;}
.comm_list .edit li:first-child a {padding-left:0;}
.comm_list .edit li:first-child a:before {display:none;}
.comm_list .tb_blank {text-align:center;padding:50px 0;border-top:1px solid #e1e1e1;font-size:18px;font-weight:var(--lx-font-m);}

/* c_detail(row board) */
.c_detail {padding-bottom:20px;border-top:2px solid var(--lx-tbl-col-thead);border-bottom:1px solid var(--lx-box-th-border);background-color:var(--lx-body-bg);}
.c_detail .top {padding:20px;border-bottom:1px solid #dfdfdf;}
.c_detail .sub {display:block;font-size:19px;font-weight:var(--lx-font-m);color:#333;}
.c_detail .top .sort {vertical-align:middle;display:inline-block;line-height:28px;margin-bottom:8px;padding:0 15px;border-radius:2px;font-size:16px;color:#fff;background-color:#f45470;}
.c_detail .top .sort.green {background-color:var(--Ci-Yellow);}
.c_detail .lock {margin-bottom:10px;}
.c_detail .lock {font-weight:300;color:#222;}
.c_detail .lock input[type="checkbox"] {margin-right:3px;}
.c_detail .lock input[type="checkbox"]:checked + label {color:#1d9ced;}
.c_detail .info {padding-top:8px;}
.c_detail .info:after {clear:both;display:block;content:" ";}
.c_detail .info li {position:relative;float:left;padding:0 10px;}
.c_detail .info li + li:before {content:" ";position:absolute;left:0;top:3px;width:1px;height:10px;background-color:#282728;}
.c_detail .info li:first-child {padding-left:0;}
.c_detail .info li span {display:inline-block;line-height:24px;padding:0 6px 0 7px;font-size:13px;font-weight:bold;}
.c_detail .info .writer, .c_detail .info .left {float:left;}
.c_detail .info .left li {display:inline-block;}
.c_detail .info .mark {float:right;}
.c_detail .info .mark label {min-width:auto;height:24px;line-height:24px;padding-left:22px;background:none;}
.c_detail .info .mark .count {color:#fe8042;}
.c_detail .info .mark button {padding:2px 5px;color:#989898;border:1px solid #dbd8d8;font-size:12px;}
.c_detail .info .mark .favorite:before {margin:-3px 0 0 3px;font-size:14px;}
.c_detail .info .part {position:relative;color:#989898;}
.c_detail .info .writer span:first-child {padding-left:0;}
.c_detail .info .part:before {content:" ";position:absolute;left:0;top:50%;width:1px;height:12px;margin-top:-6px;background-color:#989898;}
.c_detail .con {line-height:1.6;min-height:240px;padding:30px 20px;}
.c_detail .con textarea {min-height:300px;}
.c_detail .con .editor p {padding-bottom:0.3em;}
.c_detail .add_file {position:relative;}
.c_detail .add_file a {position:relative;display:block;padding:15px 15px 15px 40px;border:1px solid #ddd;border-radius:5px;color:#2b65dc;background-color:#f8f8f8;}
.c_detail .add_file a:before {content:" ";position:absolute;left:15px;top:16px;width:16px;height:16px;background:url("../../images/www/icon/ic_f_diskette.png");background-size:cover;}
.c_detail .add_file a + a {margin-top:10px;}
.c_detail.write .sort {margin-bottom:10px;}
.c_detail.write .sort select {width:100%;}
.c_detail.write .sub {position:relative;}
.c_detail.write .sub .name {position:absolute;left:20px;top:18px;}
.c_detail.write .sub input {border-radius:4px;font-size:16px;color:#333;}
.c_detail.write .con {padding:10px 0;}
.c_detail.edit {padding-bottom:0;}
.c_detail.edit .top {padding:10px;}
.c_detail.edit .top input[type="text"] {height:40px;line-height:40px;font-size:18px;}
.c_detail.edit .con {padding:10px;}
.c_detail.edit .add {padding:10px;border:0;background-color:#fff;}
.c_detail .add .note {margin-top:10px;}
.c_detail.edit .group {padding:15px;}
.c_detail.edit .group .lab {padding-bottom:10px;font-weight:bold;color:var(--lx-subj-color);}
.c_detail.edit .group + .group {border-top:1px solid var(--lx-box-th-border);}
.c_detail.edit .group .note_li {padding-top:10px;}
.c_detail.edit .group .note_li li {color:#f45470;}
.c_detail.edit .group select {height:36px;}
.c_detail.edit .group input[type="text"]:not(.k-input):not(.k-input-inner), .c_detail.edit .group .c_btn {height:36px;line-height:36px;}
.c_detail.edit .email input[type="text"] {width:160px;}
.c_detail.edit .group label {font-weight:var(--lx-font-m);}
.c_detail.edit .entry li {display:inline-block;position:relative;padding:0 25px;}
.c_detail.edit .entry li:before {content:" ";position:absolute;left:0;top:50%;width:1px;height:40px;background-color:#ccc;transform:translateY(-50%);}
.c_detail.edit .entry li:first-child {padding-left:0;}
.c_detail.edit .entry li:first-child:before {display:none;}
.c_detail.edit .entry label {display:block;margin-bottom:5px;}
.c_detail.edit .entry input[type="text"] {text-align:right;width:60px;}
.c_detail.edit .entry_total {padding-top:10px;margin-top:10px;border-top:1px dashed #ccc;}
.c_detail.edit .entry_total .title {vertical-align:middle;display:inline-block;margin-right:10px;color:var(--lx-subj-color);}
.c_detail.edit .entry_total .info {vertical-align:middle;display:inline-block;padding:10px 15px;color:var(--lx-subj-color);background-color:#eee;}
.c_detail.top {margin-top:30px;}
.up_img {position:relative;display:inline-block;max-width:270px;margin:10px 0;}
.up_img .del {overflow:hidden;position:absolute;right:10px;top:10px;border-radius:2px;font-size:0;background-color:#f45470;}
.up_img .del:before {content:"\e5cd";font-family:'Material Icons';font-size:24px;color:#fff;}
.up_pimg {position:relative;display:inline-block;max-width:135px;margin:10px 0;} /* 135 * 180 */
.up_pimg .img {display:block;}
.up_pimg .del {text-align:center;overflow:hidden;position:absolute;right:10px;top:10px;width:20px;height:20px;border-radius:2px;font-size:0;background-color:#212121;}
.up_pimg .del:before {content:"\e5cd";line-height:20px;font-family:'Material Icons';font-size:18px;color:#fff;}

/* form placeholer */
input[type="text"]::placeholder, input[type="password"]::placeholder {color:var(--lx-ph-color);}
.ph_light::placeholder {opacity:0.5;}
.ph_circle::placeholder {opacity:0.3;}

/* form */
.ip_gp {vertical-align:middle;display:inline-block;}
textarea {width:100%;height:150px;padding:10px;border:1px solid var(--lx-form-border);border-radius:5px;background-color:var(--lx-tbl-item-bg);}
select {max-width:100%;height:40px;padding:0 23px 0 8px;border:1px solid var(--lx-form-border);border-radius:5px;background:var(--lx-form-bg) url("../../images/www/common/select_deco.png") no-repeat 100% 50%;color:#777;}
input[type="text"]:not(.k-input-inner), input[type="password"], input[type="number"] {height:40px;padding:0 10px;border:1px solid var(--lx-form-border);border-radius:5px;background-color:var(--lx-form-bg);}
input[type="text"].wide, input[type="password"].wide, input[type="number"].wide, select.wide {width:100% !important;max-width:none !important;}
input[type="date"] {width:160px;height:40px;padding:0 10px;border:1px solid #c0c0c0;color:#777;}
input[type="checkbox"] {-webkit-appearance:none;-moz-appearance:none;appearance:none;width:18px;height:18px;border:1px solid #afafaf;border-radius:0;background-color:var(--lx-body-bg);}
input[type="checkbox"]:checked {background:#fff url("../../images/www/common/checkbox_deco.png") no-repeat 50% 50%;background-size:10px auto;}
input[type="radio"] {position:relative;border:1px solid #afafaf;border-radius:50%;height:18px;width:18px;background:#fff;}
input[type="radio"]:checked:after {display:block;content:" ";position:relative;top:3px;left:3px;width:10px;height:10px;border-radius:50%;background-color:var(--Ci-Blue);}
label input[type="radio"] {top:-2px;}
/* input[type="radio"] + label {margin-left:2px;} */
/* input[type="checkbox"] + label {position:relative;top:-1px;} */
label + input[type="radio"], label + label, label + input[type="checkbox"] {margin-left:7px;}
label input[type="radio"] {margin-right:2px;bottom:1px;}
input[readonly]:not(.k-input-inner) {color:#999;background-color:#f6f6f6;}
textarea.sm {height:100px;font-size:13px;}
select.sm {height:30px;font-size:13px;}
input[type="text"].sm:not(.k-input-inner), .input[type="password"].sm, input[type="number"].sm {height:30px;font-size:13px;}
.tbl_row.sm input[type="text"]:not(.k-input-inner), .tbl_row.sm .input[type="password"], .tbl_row.sm input[type="number"],
.tbl_col2.sm input[type="text"]:not(.k-input-inner), .tbl_col2.sm .input[type="password"], .tbl_col2.sm input[type="number"],
.tbl_col2.xs input[type="text"]:not(.k-input-inner), .tbl_col2.xs .input[type="password"], .tbl_col2.xs input[type="number"],
.tbl_data.sm input[type="text"]:not(.k-input-inner), .tbl_data.sm .input[type="password"], .tbl_data.sm input[type="number"]
{height:30px;padding:0 5px;font-size:13px;}
.tbl_row.sm select, .tbl_col2.sm select, .tbl_data.sm select {height:30px;font-size:13px;}
.tbl_col2.xs select {height:30px;padding-right:15px;font-size:12px;background-image:url("../../images/www/common/select_deco_xs.png");}
input[disabled] + label {cursor:default;}

/* input, width */
.wd_xs {width:50px;}
.wd_s {width:70px;}
.wd_sm {width:100px;}
.wd_md {width:100%;max-width:150px;}
.wd_lg {width:100%;max-width:350px;}
.wd_80 {width:80px;}
.mwd_300 {min-width:300px;}
.mw_wd_200 {min-width:200px;}
.mw_wd_lg {width:300px;}
/* .wd_xl {} */

/* 검색 필터 */
.form_box {margin-bottom:20px;padding:20px;border:1px solid var(--lx-formbox-border);background-color:var(--lx-formbox-bg);}
.form_box.sm {padding:10px;}
.form_box.sm select, .form_box.sm input[type="text"], .form_box.sm .c_btn {height:34px;font-size:14px;}
.form_box.font_sm select, .form_box.font_sm input[type="text"] {font-size:14px;} /* 폰트만 sm, 작은 사이즈 */
.form_box.sm .c_btn {line-height:35px;}
.form_box.sm .k-datepicker input[type="text"] {height:32px;line-height:32px;}
.form_box.sm input[type="text"].key {padding:0 25px 0 7px;}
.form_box.sm .inner {flex-wrap:wrap;gap:4px;}
.form_box.sm .cg_row {flex-wrap:wrap;gap:4px;}
.form_box.sm .comb .x {right:2px;}
.form_box.sm .comb .x::before {font-size:20px;}
.form_box .inner {display:flex;justify-content:end;align-items:center;}
.form_box .inner.sb {justify-content:space-between;}
.form_box fieldset {display:flex;align-items:center;}
.form_box .cg_row {display:flex;}
.form_box .cg_row + .comb {margin-top:8px;padding-top:10px;border-top:1px solid var(--lx-box-lt-border);}
.form_box .comb {display:flex;gap:4px;}
.form_box .comb .input {flex-grow:1;position:relative;}
.form_box .comb .x {position:absolute;right:7px;top:50%;width:24px;height:24px;transform:translateY(-50%);}
.form_box .comb .x::before {content:"\e5cd";position:absolute;left:50%;top:50%;font-family:"Material Icons";line-height:1;font-size:24px;color:#282828;transform:translate(-50%, -50%);}
.form_box .comb input:not(:valid) + .x {display:none;}
.form_box .count {letter-spacing:var(--LetterSpacing);color:#424242;}
.form_box .count .num {color:var(--Ci-Blue);}
.form_box .comb.wd_r {text-align:right;width:100%;}
/* .form_box select, .form_box input[type="text"] {height:45px;border-color:var(--lx-form-border);}
.form_box .c_btn {height:45px;line-height:45px;font-size:16px;} */
.form_box input[type="text"].key {width:340px;padding-right:35px;}
.form_box .k-datepicker .k-button-md.k-icon-button .k-i-calendar {position:absolute;top:50%;left:50%;min-height:auto;height:16px;transform:translate(-50%, -50%);}
.form_box .lab {vertical-align:middle;display:inline-block;margin-right:10px;font-weight:var(--lx-font-m);color:var(--lx-subj-color2);}
.form_box .cols_group {display:flex;align-items:center;}
.form_box .cols {display:flex;align-items:center;gap:4px;}
.form_box .cols + .cols, .form_box .cols_group + .cols_group {margin-left:20px;}
.form_box .cols + .comb {margin-left:3px;}
/* .form_box .sch_detail {display:none;} */
.form_box .ctg_group {display:flex;align-items:center;padding:10px 0;}
.form_box .ctg_group.ctg_sub {position:relative;background-color:var(--lx-box-bg3);}
.form_box .ctg_sub .ctg_lab {text-align:center;width:90px;padding-left:20px;position:relative;}
.form_box .ctg_sub .ctg_lab::before {content:"\e315";left:10px;top:50%;position:absolute;line-height:1;font-family:'Material Icons';font-weight:normal;font-size:24px;color:#aaa;transform:translateY(-50%);}
.form_box .ctg_sub .ctg_lab .tap {font-size:15px;}
.form_box .ctg_group .lab {display:block;margin-bottom:5px;font-size:15px;color:#999;}
.form_box .ctg_group select {width:100%;}
.form_box .ctg_group .ctg {flex:1 1 0;padding:0 10px;}
.form_box .ctg_group + .ctg_group:not(.join), .form_box .ctg_group + .inner, .form_box .ctg_group + .ctg_wrap, .form_box .ctg_wrap + .ctg_group {border-top:1px solid var(--lx-box-lt-border);}
.form_box .ctg_group:last-child {border-bottom:1px solid var(--lx-box-lt-border);}
.form_box .ctg_box {display:flex;align-items:center;flex-grow:1;}
.form_box .ctg_box .ctg {padding:0 10px 5px 10px;}
.form_box .ctg_col {display:flex;flex:1 1 0;}
.form_box .ctg_wrap {display:flex;align-items:center;}
.form_box .ctg_wrap .ctg_group {flex:1 1 0;}
.form_tbl .group + .group {margin-top:15px;}
.form_tbl .lab {margin-bottom:10px;font-size:16px;font-family:SpoqaL;font-weight:bold;color:#222;}
.form_tbl input[type="text"] {width:100%;height:50px;border:1px solid rgba(0, 0, 0, .2);border-radius:4px;}
.form_box .enter_bar {text-align:center;padding-top:12px;}
.form_box .enter_bar .c_btn {min-width:100px;}
.form_box .ctg_lab {width:100px;font-weight:bold;color:var(--lx-subj-color);}
.form_box .ctg_lab .tap {color:var(--lx-font-color2);}
.form_box .w_250 {width:250px;}
.form_box .stick {gap:4px;}
.form_box .stick .cols + .cols, .form_box .stick .cols_group + .cols_group {margin:0;}
.tab_set{display: flex;flex-wrap: wrap;gap:4px;}
.tab_set select{width:calc(33% - 20px);}
.tab_set select + select{margin-left:15px;}
/* .ctg .tab_set select{width:calc(33% - 6px);}
.ctg .tab_set select + select{margin-left:15px;} */

/* .tab_set .btn {vertical-align:top;display:inline-block;padding:5px 3px 5px 0;} */
.agency .tab_set .btn {min-width:163px;}
.tab_set .btn button {width:100%;line-height:38px;padding:0 15px;border:1px solid var(--Ci-Blue);font-size:15px;color:var(--Ci-Blue);background-color:#fff;}
/* .tab_set .btn button:hover {border-color:var(--Ci-Blue);color:var(--Ci-Blue);} */
.tab_set .btn button.selected {border-color:var(--Ci-Blue);color:#fff;background-color:var(--Ci-Blue);}
.btn_tag {vertical-align:middle;display:inline-block;height:24px;line-height:24px;margin-right:7px;padding:0 15px;border-radius:12px;font-size:12px;background-color:#ededed;}
.sch_comb .search {display:flex;}
.sch_comb .sch_btn {flex-grow:1;position:relative;padding-right:120px;}
.sch_comb .sch_btn.wide {padding-right:0;}
.sch_comb .input {position:relative;}
.sch_comb .input input[type="text"] {width:100%;height:48px;line-height:48px;border:0;padding-right:80px;border:2px solid var(--Ci-Blue);}
.sch_comb .input .enter {position:absolute;top:50%;right:0;width:48px;height:48px;background:url("../../images/www/icon/ic_search_glass.svg") no-repeat 50% 50%;background-size:24px 24px;transform:translateY(-50%);filter:invert(24%) sepia(100%) saturate(1496%) hue-rotate(196deg) brightness(98%) contrast(92%);}
.sch_comb .tog {text-align:center;position:absolute;right:0;top:0;width:110px;height:48px;line-height:48px;padding:0 30px 0 12px;font-weight:var(--lx-font-m);color:#fff;background-color:var(--Ci-Blue);}
.sch_comb .tog i {position:absolute;top:14px;}
.sch_comb .tog.on i {transform: rotate(180deg);top:12px;}
.sch_comb .btn_tag {line-height:22px;margin:4px;border:1px solid var(--Ci-Blue);color:var(--Ci-Blue);background:none;}
.sch_comb .tag {text-align:center;padding:10px 10px 5px 10px;}
.sch_comb .tag_lab {vertical-align:middle;display:inline-block;height:24px;line-height:24px;margin:4px;padding:0 15px;border-radius:12px;font-size:12px;color:#fff;background-color:var(--Ci-Sky);}
.sch_comb .cl_sel {margin-right:10px;}
.sch_comb .cl_sel select {height:48px;border:2px solid var(--Ci-Bk);}
.sch_comb .input .x {position:absolute;right:40px;width:30px;height:48px;}
.sch_comb .input .x::before {content:"\e5cd";position:absolute;left:50%;top:50%;font-family:"Material Icons";line-height:1;font-size:24px;color:var(--Ci-Blue);transform:translate(-50%, -50%);}
.sch_comb .input input:not(:valid) + .x {display:none;}
.ip_info {display:flex;align-items:center;}
.ip_info .name {margin-right:15px;}
.ip_info .info li {float:left;margin-right:10px;}
.ip_info .info li::before {content:"∙";}
.ip_mail .input {display:inline-block;}
.tb_form .lab {margin-bottom:5px;font-weight:bold;}
.tb_form .group + .group {margin-top:10px;}
.tb_form .cell {padding:10px;background-color:#f6f6f6;}
.tb_form .ip_etc {margin-top:10px;}
.ip_check_lab {text-align:left;position:relative;padding-left:24px;}
.ip_check_lab input[type="checkbox"] {position:absolute;left:0;top:0;}

/* 폼박스2 */
.form_box.ds2 {padding:0;background-color:#fff;}
.form_box.ds2 .sch_detail {margin-top:10px;padding:10px 20px;border-radius:10px;background-color:#f7f8f9;}
.form_box.ds2 .ctg_lab {display:flex;align-items:center;gap:2px;position:relative;font-size:17px;font-weight:bold;}
.form_box.ds2 .ctg_lab::before {content:"\e305";line-height:1;font-family:WebComponentsIcons;font-size:18px;font-weight:normal;}
.form_box.ds2 .ctg_lab.radio::before {content:"\e30a";}
.form_box.ds2 .ctg_group:last-child {border-bottom:0;}
.form_box.ds2 .ctg_group + .ctg_group {border-top:1px solid rgba(0, 0, 0, 0.1);}
.form_box.ds3 {padding:0 20px;border:1px solid #ccc;border-radius:20px;background-color:#fff;}

/* 검색 필터2 */
.tab_set .btn input[type="radio"], .tab_set .btn input[type="checkbox"] {position:absolute;width:1px;height:1px;overflow:hidden;border:0;padding:0;clip:rect(0 0 0 0);clip-path:inset(50%);margin:-1px;}
.tab_set .btn label {display:block;text-align:center;min-width:85px;height:36px;line-height:35px;padding:0 8px;border-radius:4px;border:1px solid #2f5bc1;font-size:14px;font-weight:var(--lx-font-m);color:#28449b;background-color:#e9eef9;}
.tab_set .btn input[type="radio"]:checked + label, .tab_set .btn input[type="checkbox"]:checked + label {border-color:var(--Ci-Blue);color:#fff;background-color:var(--Ci-Blue);}
.dep2.ctg_sub, .dep3.ctg_sub {padding-left:97px;}
.dep2.ctg_sub::before, .dep3.ctg_sub::before {content:" ";position:absolute;left:80px;top:50%;width:15px;height:16px;background:url("../../images/www/common/cl_list_depth.png") no-repeat 0 0;transform:translateY(-50%);}

/* 검색 간소화 */
.lx_srch_box {display:flex;}
.lx_srch_box select {height:40px;}
.lx_srch_box input[type="text"] {height:40px;line-height:40px;padding-right:60px;}
.lx_srch_box .combo {display:flex;gap:4px;}
.lx_srch_box .search {position:relative;}
.lx_srch_box .search .enter {position:absolute;right:1px;top:1px;width:38px;height:38px;background:url("../../images/www/icon/ic_search.svg") no-repeat 50% 50%;}
.lx_srch_box .input_box .x {position:absolute;right:35px;top:50%;width:24px;height:24px;transform:translateY(-50%);}
.lx_srch_box .input_box .x::before {content:"\e5cd";position:absolute;left:50%;top:50%;font-family:"Material Icons";line-height:1;font-size:24px;color:#888;transform:translate(-50%, -50%);}
.lx_srch_box .input_box input:not(:valid) + .x {display:none;}

/* 주소, 폰, 메일, 폼 콤보 */
.ip_combo {display:flex;gap:4px;}
.ip_combo .c_btn {flex-shrink:0;}
.ip_addr {display:flex;flex-direction:column;gap:4px;}
.ip_addr .code {display:flex;gap:4px;}
.ip_addr .addr {display:flex;gap:4px;}
.ip_addr .addr input {flex:1 1 0;}
.ip_ph.top {margin-top:10px;}
.ip_ph input[type="text"] {text-align:center;width:80px;}
.ip_mail .text, .ip_mail .at {vertical-align:middle;display:inline-block;}
.ip_mail input[type="text"] {width:200px;}
.ip_mail input[type="text"].addr {width:300px;}
.ip_mail .at {height:36px;line-height:36px;}
.ip_mail .input {vertical-align:middle;display:inline-block;}
.ip_doc_code {display:flex;gap:4px;}

/* 비밀번호 안전성 */
.pw_safety {position:relative;margin-top:20px;padding:0 0 10px 40px;}
.pw_safety .mark {position:absolute;left:0;top:0;}
.pw_safety .step {max-width:190px;}
.pw_safety .bar {overflow:hidden;position:relative;height:10px;border-radius:5px;background:#efefef;}
.pw_safety .gage {position:absolute;left:0;top:0;height:10px;border-radius:5px;}
.pw_safety .alert {margin-top:7px;font-size:14px;}
.pw_safety .icc.caution {width:30px;height:30px;border-radius:50%;font-size:0;background:#858585;}
.pw_safety .icc.caution::before {line-height:30px;color:#fff;}
.pw_safety .blind {position:absolute;white-space:nowrap;width:1px;height:1px;overflow:hidden;border:0;padding:0;clip:rect(0 0 0 0);clip-path: inset(50%);margin:-1px;}

/* total search */
/* .ts_form {margin-bottom:20px;}
.ts_form .input {position:relative;max-width:600px;margin:0 auto;padding-right:70px;}
.ts_form .input input[type="text"] {height:60px;line-height:60px;border:0;padding-right:56px;border:4px solid var(--Ci-Sky);font-family:SpoqaL;font-weight:bold;font-size:18px;color:#222;}
.ts_form .input .enter {overflow:hidden;position:absolute;right:0;top:0;width:60px;height:60px;font-size:0;background:var(--Ci-Blue) url("../../images/www/common/sch_form_glass.png") no-repeat 50% 50%;} */

/* kendo */
.c_date.k-datepicker {width:auto !important;margin:2px 0;}
.c_date .k-picker-wrap {width:110px;}
.c_date .k-picker-wrap .k-input {text-align:center;height:33px;line-height:33px;padding:0;}
.k-i-calendar {margin-top:-1px;}

/* icon custom */
.icc {vertical-align:middle;text-align:center;display:inline-block;line-height:1;}
.icc.sq {width:40px;height:40px;border-radius:2px;background-color:var(--Ci-Bk);}
.icc.circle {width:40px;height:40px;border-radius:50%;background-color:var(--Ci-Bk);}
/*.icc.red {background-color:#eb7c7c;}*/
.icc.red {background-color:var(--Ci-Red)}
.icc.gray {background-color:var(--Ci-Gray);}
.icc.blue {background-color:var(--Ci-Blue);}
.icc.sq::before, .icc.circle:before {line-height:40px;color:#fff;}
.icc.sm {width:30px;height:30px;}
.icc.sm::before {line-height:30px;}
/* .sq.lg, .circle.lg {} */
/* .sq.sm:before, .circle.sm:before {line-height:24px;font-size:18px;}
.sq.lg:before, .circle.lg:before {line-height:40px;font-size:30px;} */

/* 커스텀 버튼 */
.c_btn, .bt_new, .bt_del, .bt_modify, .bt_detail, .bt_save {text-align:center;vertical-align:middle;display:inline-block;padding:0 15px;border-radius:2px;height:40px;line-height:40px;font-size:15px;letter-spacing:var(--LetterSpacing);color:#fff;background-color:var(--Ci-Bk);}
.lx_separator {vertical-align:middle;display:inline-block;height:36px;width:1px;margin:0 2px;background-color:#ccc;}
.c_btn.ci {background:var(--lx-color-ci);}
.c_btn.ci2 {background:var(--lx-color-ci2);}
.c_btn.ci3 {background:var(--lx-color-ci3);}
.c_btn.violet {background:var(--lx-color-violet);}
.c_btn.purple {background:var(--lx-color-purple);}
.c_btn.bk {background-color:var(--lx-color-bk);}
.c_btn.gray {background-color:var(--lx-color-gray);}
.c_btn.blue {background-color:var(--lx-color-blue);}
.c_btn.d_blue {background-color:var(--lx-color-ry_blue);}
.c_btn.ry_blue {background-color:var(--lx-color-ry_blue);}
.c_btn.cerulean {background-color:var(--lx-color-cerulean);}
.c_btn.red {background-color:var(--lx-color-red);}
.c_btn.green {background-color:var(--lx-color-green);}
.c_btn.cyan {background-color:var(--lx-color-cyan);}
.c_btn.line {text-decoration:none;background:#fff;}
.c_btn.violet.line {color:var(--lx-color-violet);border:1px solid var(--lx-color-violet);}
.c_btn.purple.line {color:var(--lx-color-purple);border:1px solid var(--lx-color-purple);}
.c_btn.bk.line {color:var(--lx-color-bk);border:1px solid var(--lx-color-bk);}
.c_btn.gray.line {color:var(--lx-color-gray);border:1px solid var(--lx-color-gray);}
.c_btn.blue.line {color:var(--lx-color-blue);border:1px solid var(--lx-color-blue);}
.c_btn.cerulean.line {color:var(--lx-color-cerulean);border:1px solid var(--lx-color-cerulean);}
.c_btn.red.line {color:var(--lx-color-red);border:1px solid var(--lx-color-red);}
.c_btn.green.line {color:var(--lx-color-green);border:1px solid var(--lx-color-green);}
.c_btn.cyan.line {color:var(--lx-color-cyan);border:1px solid var(--lx-color-cyan);}

.c_btn.wd {width:100%;}
.c_btn.rd {border-radius:20px;}
.c_btn.l_blue {background-color:var(--Ci-LBlue);}
.c_btn.sky {background-color:var(--Ci-Sky);}
.c_btn.yellow {background-color:var(--Ci-Yellow);}
.c_btn.tr_gray {color:#666;background-color:var(--Color-Tr-Gray);}
.c_btn.line.blue {text-decoration:none;color:var(--Ci-Blue);border:1px solid var(--Ci-Blue);background-color:#fff;}
.c_btn.line.white {text-decoration:none;color:#87898d;border:1px solid #87898d;background-color:#fff;}
.c_btn.gray_line {color:var(--ColorGray);background-color: #fff;border:1px solid var(--ColorGray);}
.c_btn.l_gray {background-color:var(--ColorLightGray);}
.c_btn.d_gray {background-color:var(--ColorDarkGray);}
.c_btn.l_green {background-color:var(--ColorLightGreen);}
.c_btn.d_green {background-color:var(--ColorDarkGreen);}
.c_btn.b_green {line-height:38px;border:1px solid #67a133;color:#67a133;background-color:#fff;} /* border */
.c_btn.b_bk {line-height:38px;border:1px solid var(--ColorBk);color:var(--ColorBk);background-color:#fff;} /* border */
.c_btn.wt {line-height:38px;border:1px solid var(--lx-box-th-border);color:var(--lx-font-color2);background-color:var(--lx-body-bg);}
.c_btn.sm, .bt_new.sm, .bt_del.sm, .bt_modify.sm, .bt_detail.sm, .bt_save.sm {padding:0 8px;height:30px;line-height:31px;font-size:14px;}
.c_btn.sm.b_green {line-height:26px;font-weight:700;}
.c_btn.md, .bt_new.md, .bt_del.md, .bt_modify.md, .bt_detail.md, .bt_save.md {height:50px;line-height:50px;padding:0 25px;font-size:17px;}
.c_btn span, .bt_new span, .bt_del span, .bt_modify span, .bt_detail span, .bt_save span {font-size:inherit;color:inherit;}
.c_btn.lg {height:60px;line-height:60px;padding:0 40px;font-size:17px;}
.c_btn.xl {height:50px;line-height:50px;padding:0 25px;font-size:17px;}
.c_btn.sm.wt {line-height:28px;}
.c_btn.sm.gray_line, .c_btn.sm.gray_line {line-height:28px;}
.c_btn.mid.wt, .c_btn.md.wt {line-height:48px;}
/* .c_btn.l_green:hover {background-color:var(--HoverLightGreen);}
.c_btn.d_green:hover {background-color:var(--HoverDarkGreen);} */
/* .c_btn.wt:hover {background-color:var(--HoverWhite);} */
.c_btn.em {position:relative;text-decoration:underline;text-underline-position:under;}
/*.c_btn.em:before {content:" ";position:absolute;left:-4px;top:-4px;z-index:-1;width:calc(100% + 8px);height:calc(100% + 8px);background-color:#000;}*/
.c_btn.ic {display:inline-flex;align-items:center;justify-content:center;gap:5px;line-height:normal;}
.c_btn.ic.sm {padding:0 8px 0 10px;}
.c_btn.ic.md {padding:0 15px 0 25px;}
.c_btn.ic .m_icon::before {font-size:18px;}
.c_btn.ic.md .m_icon::before, .c_btn.ic.lg .m_icon::before {font-size:24px;}

/* 커스텀 버튼 예외 케이스 */
.tbl_col2.xs .c_btn.sm {padding:0 6px;font-size:12px;}
.tbl_data.sm .c_btn.sm {padding:0 10px;height:24px;line-height:24px;font-size:12px;}

/* LX 버튼 */
.lx_btn {text-align:center;vertical-align:middle;display:inline-block;height:40px;line-height:40px;padding:0 15px;border-radius:5px;font-weight:var(--lx-font-m);color:#fff;background-color:#fff;}
.lx_btn.bk {background-color:#000;}
.lx_btn.bk.line {border:1px solid #000;color:#000;background-color:#fff;}
.btn_unit {display:inline-flex;align-items:center;justify-content:center;gap:5px;position:relative;border-radius:5px;height:50px;border:1px solid #2f5bc1;padding:0 20px;font-size:16px;font-weight:var(--lx-font-m);color:#16398b;background:#e9eef9;}
.btn_unit.ic {padding:0 15px 0 20px;}
.btn_unit.md {height:40px;line-height:38px;padding:0 15px;font-size:15px;}
.btn_unit.md.ic {padding:0 10px 0 15px;}
.btn_unit.lg {height:60px;line-height:58px;padding:0 30px;font-size:17px;}
.btn_unit.lg.ic {padding:0 25px 0 30px;}
.btn_unit.lg .k-icon {font-size:24px;}
.btn_unit span {font-size:inherit;color:inherit;}
.btn_unit .k-i-file-pdf, .btn_unit .k-i-chevron-right {font-size:18px;}
.btn_unit.type1 {border-color:#153074;color:#fff;background:#153074;}
.btn_unit.type2 {border-color:#3261bd;color:#fff;background:#3261bd;}
.btn_unit.type3 {border-color:#008e6f;color:#fff;background:#008e6f;}
.btn_unit_group {display:flex;flex-wrap:wrap;gap:10px;}
.btn_unit_group.sp_5 .btn_unit {width:calc((100% / 5) - (((5 - 1) / 5) * 10px));}
.btn_unit.wide {width:100%;}

/* LX 데이터 정렬 버튼 */
/* kasto/common/html/home/02_business_03_measuring_02_standard_process_01_list.html */
/* .lx_sort_group {vertical-align:middle;display:inline-flex;gap:4px;} */
.lx_sort_order.asc, .lx_sort_order.desc {background-color:var(--lx-color-ci);}
.lx_sort_order.asc .k-i-arrows-swap::before {content:"\e127";font-size:18px;}
.lx_sort_order.desc .k-i-arrows-swap::before {content:"\e128";font-size:18px;}

/* 라운드 버튼 */
.rd_btn {text-align:center;vertical-align:middle;display:inline-block;line-height:48px;height:50px;padding:0 15px;border:2px solid #333;border-radius:25px;font-size:16px;font-weight:var(--lx-font-m);color:#000;}
.rd_btn.yellow {background-color:#fedb00;}
.rd_btn.red {color:#fff;background-color:#ec6608;}
.rd_btn.brown {color:#fff;background-color:#897c71;}
.rd_btn.link {border-color:transparent;background-color:transparent;color:#1a0dab;}
.rd_btn.ic {display:flex;align-items:center;gap:3px;}

/* sns */
.share_li {display:flex;justify-content:center;}
.share_li li + li {margin-left:5px;}
.share_li li a {display:block;width:36px;height:36px;}
.share_li .url {text-align:center;line-height:36px;border-radius:50%;background-color:#3679c1;font-size:14px;font-family:SpoqaL;font-weight:bold;color:#fff;}
.ci_btn {display:flex;align-items:center;}
.ci_btn .item {position:relative;margin-left:10px;}
.ci_btn .flex {display:flex;align-items:center;font-size:15px;} /* combo icon button */
.ci_btn .flex .m_icon, .ci_btn .flex .m_icon_out {position:relative;padding-left:25px;font-size:inherit;color:inherit;}
.ci_btn .flex .m_icon::before, .ci_btn .flex .m_icon_out::before {position:absolute;left:0;top:50%;transform:translateY(-50%);font-size:24px;}
.ci_btn .on .m_icon_out::before {font-family:'Material Icons';}
.ci_btn .count {margin-left:3px;font-size:inherit;}
.ci_btn .flex.on .m_icon::before, .ci_btn .flex.on .m_icon_out::before {color:var(--Ci-Blue);}
.ci_btn .flex .thumb_up_alt::before {font-size:22px;}
.ci_btn .flex .add {padding-left:30px;}
.ci_btn .flex .add::before {width:24px;height:24px;line-height:24px;border:1px solid #666;border-radius:50%;font-size:20px;}
.ci_btn .flex.on .add::before {content:"\e5ca";border:2px solid var(--Ci-Blue);}

/* 툴팁 */
.ci_btn .pop_tooltip {right:0;}
.pop_tooltip {z-index:10;position:absolute;top:30px;min-width:120px;border-radius:10px;background-color:var(--lx-box-bg);box-shadow:0 2px 4px rgba(0, 0, 0, 0.4);}
.pop_tooltip .top {position:relative;padding:0 30px 0 20px;}
.pop_tooltip .title {display:block;line-height:50px;font-weight:bold;font-size:14px;color:var(--lx-subj-color2);}
.pop_tooltip .top .x {position:absolute;right:10px;top:50%;transform:translateY(-50%);}
.pop_tooltip .x .m_icon {display:block;}
.pop_tooltip .x .m_icon::before {font-size:22px;}
.pop_tooltip .cont {padding:0 20px 20px 20px;}

/* .ci_btn {display:flex;}
.ci_btn .m_icon, .ci_btn .m_icon_out {position:relative;padding-left:27px;}
.ci_btn .m_icon::before, .ci_btn .m_icon_out::before {position:absolute;left:0;top:50%;transform:translateY(-50%);}
.ci_btn .on .thumb_up_alt::before {font-family:'Material Icons';}
.ci_btn .on .favorite_border::before {content:"\e87d";}
.ci_btn .count {margin-left:3px;}
.ci_btn .flex + .flex {margin-left:10px;} */

/* button box */
.b_box {display:flex;justify-content:center;padding-top:20px;gap:5px;}
.b_box.st {padding-top:0;}
.b_box.dtop {padding-top:60px;}
.fb_box {display:flex;margin-top:15px;} /* full box */
.fb_box .c_btn {width:50%;}
.fb_box .c_btn + .c_btn {margin-left:10px;}

/* 탭메뉴 */
.ds_tab {display:flex;margin-bottom:20px;border-top:2px solid var(--lx-tbl-col-thead);}
.ds_tab a {flex:1 1 0;text-align:center;position:relative;height:60px;line-height:60px;border-bottom:1px solid var(--lx-box-th-border);font-weight:bold;font-size:18px;color:#9a9a9a;background-color:var(--lx-box-bg4);}
.ds_tab .active {border-bottom:0;color:var(--lx-subj-color);background-color:var(--lx-box-bg2);}
.ds_tab a:before {content:" ";position:absolute;left:0;top:16px;width:1px;height:28px;background-color:var(--lx-box-th-border);}
.ds_tab .active::before {top:0;height:100%;}
.ds_tab .active::after {content:" ";position:absolute;right:-1px;top:0;z-index:5;width:1px;height:100%;background-color:var(--lx-box-th-border);}
.ds_tab a:first-child::before, .ds_tab a:last-child::after {display:none;}
.ds_tab.bot_l {margin-bottom:30px;}
.nav_tabs {display:flex;flex-wrap:wrap;align-items: center; margin-bottom:20px;border-bottom:1px solid var(--lx-tabs-on-border);}
.nav_tabs.top {margin-top:20px;}
.nav_tabs:after {content:" ";clear:both;display:block;}
.nav_tabs > li {text-align:center;position:relative;top:0;border:1px solid var(--lx-tabs-border);border-bottom:0;}
.nav_tabs > li:first-child {margin-left:0;}
.nav_tabs > li.on {top:1px;z-index:10;border-color:var(--lx-tabs-on-border);}
.nav_tabs > li > a {display:block;line-height:51px;padding:0 15px;font-size:18px;font-weight:var(--lx-font-m);color:#9a9a9a;background-color:var(--lx-tabs-bg);}
.nav_tabs > li.on > a {height:52px;color:var(--lx-subj-color);background-color:var(--lx-box-bg2);}
.nav_tabs > li > a span {font-size:inherit;font-weight:inherit;color:inherit;}
.nav_tabs a i {position:relative;top:-2px;margin-right:5px;}
.nav_tabs .new {text-align:center;display:inline-block;position:relative;top:-2px;right:-5px;width:18px;height:18px;line-height:18px;border-radius:50%;font-size:11px;color:#fff;background-color:var(--Ci-Blue);}
.nav_tabs_line {display:flex;margin-bottom:20px;border-bottom:1px solid #cacaca;}
.nav_tabs_line > li {text-align:center;}
.nav_tabs_line > li > a {position:relative;display:block;padding:15px 25px;color:#9a9a9a;font-size:17px;font-family:NotoSR;font-weight:bold;} /* line-height:52px; */
.nav_tabs_line > li.on > a {color:var(--Color-Hyper-Link);}
.nav_tabs_line > li.on > a:before {content:" ";position:absolute;left:0;bottom:0;width:100%;height:2px;background-color:var(--Color-Hyper-Link);}
.nav_tabs_line.center {justify-content:center;}
.nav_cb {position:relative;margin-bottom:20px;}
.nav_cb .nav_tabs {margin-bottom:0;}
.nav_cb .add {position:absolute;right:0;bottom:10px;}
.cs_tab {display:flex;}
.cs_tab li {position:relative;}
.cs_tab li + li::before {content:" ";position:absolute;left:0;top:50%;width:1px;height:16px;background-color:#c4c4c4;transform:translateY(-50%);}
.cs_tab a {display:block;margin:0 15px;font-size:22px;color:var(--lx-tabs-color);}
.cs_tab .on a {font-weight:700;color:var(--lx-color-ci); padding-bottom:5px; border-bottom:2px solid var(--lx-color-ci);}
.cs_tab1 {display:flex;gap:10px;} /* main1 */
.cs_tab1 li {position:relative;}
.cs_tab1 a {display:flex;align-items:center;height:46px;border-radius:20px;padding:0 22px;border:2px solid #f0f0f0;font-size:18px;font-weight:var(--lx-font-m);color:#555;background-color:#f0f0f0;}
.cs_tab1 .on a {border:2px solid #000;font-weight:var(--lx-font-b);color:#000;background-color:#fff;}
.edu_tab {display:flex;align-items:center;margin-bottom:30px;}
.edu_tab.top {margin-top:20px;}
.edu_tab > li {flex:1 1 0;text-align:center;position:relative;top:0;}
.edu_tab > li > a {display:block;line-height:58px;height:60px;padding:0 15px;border-top:1px solid #f6f6f8;border-bottom:1px solid var(--lx-box-th-border);font-size:22px;font-weight:var(--lx-font-m);color:#9a9a9a;background-color:var(--lx-box-bg4);}
.edu_tab > li.on > a {border-top:1px solid var(--lx-box-th-border);border-right:1px solid var(--lx-box-th-border);border-left:1px solid var(--lx-box-th-border);border-bottom-color:#fff;color:var(--lx-subj-color2);background-color:var(--lx-box-bg2);}
.nav_tb {position:sticky;top:-1px;z-index:10;display:flex;margin-bottom:30px;}
.nav_tb > li {flex:1 1 0;}
.nav_tb > li a {text-align:center;display:block;position:relative;height:70px;line-height:70px;border-top:1px solid #c6c6c6;border-left:1px solid #c6c6c6;border-bottom:1px solid #c6c6c6;font-size:20px;font-weight:var(--lx-font-m);background-color:#f9f9f9;}
.nav_tb > li:last-child a {border-right:1px solid #c6c6c6;}
.nav_tb > .on a {border-color:var(--lx-color-ci);color:#fff;background-color:var(--lx-color-ci);}
.nav_tb > .on + li a {border-left-color:var(--lx-color-ci);}
.nav_tb > .on a:before {opacity:0.15;content:" ";position:absolute;right:-14px;bottom:-1px;z-index:10;width:0;height:0;border-bottom:70px solid #000;border-right:13px solid transparent;}
.nav_tb > li:last-child.on a {border-color:var(--lx-color-ci);}
.nav_tb > li:last-child.on a:before {right:auto;left:-13px;border-right:0;border-left:13px solid transparent;}

/* 탭 메뉴 디자인 유형 */
.edu_tab.thick > li > a {border-bottom:2px solid #222;}
.edu_tab.thick > li.on > a {border-width:2px;border-top-color:#222;border-left-color:#222;border-right-color:#222;border-bottom-color:#fff;}
.app_step .edu_tab.thick > li.on > a {border-bottom-color:var(--lx-color-ci);color:#fff;background-color:var(--lx-color-ci);}
.edu_tab.line > li > a {border-top:1px solid #ddd;border-left:1px solid #ddd;}
.edu_tab.line > li:last-child > a {border-right:1px solid #ddd;}
.edu_tab.line > li.on + li > a {border-left:0;}
.edu_tab.sm > li > a {font-size:17px;}

/* table */
.tb_yellow {background-color:#ffffe5;}
.tb_link {font-size:inherit;color:var(--ColorLink);}
.tb_link2 {font-size:inherit;} /* 일반 링크가 아닌 커스텀 디자인 적용시 사용 */
.tb_link.ic {display:inline-flex;align-items:center;gap:5px;}
.tb_link2 * {font-size:inherit;font-weight:inherit;}
.tb_link .fs, .tb_link2 .fs {font-size:0.9em;}
.tb_link2.h_line:hover {text-decoration:underline;text-underline-position:under;}
.edu_inst {font-size:14px;color:#666;}
.tbl_col .tb_link {font-weight:var(--lx-font-m);color:var(--lx-subj-color);}
.tb_link + i {vertical-align:text-top;}
.tb_note {word-break:keep-all;position:relative;line-height:1.6;margin-top:5px;font-size:14px;letter-spacing:-0.3px;color:var(--lx-color-ry_blue);}
.tb_note.md {font-size:16px;}
.tb_note.bot {margin:0 0 5px 0;}
.tb_note.ref::before, .tb_note .ref::before {content:"※";position:absolute;left:0;}
.tb_note.ref, .tb_note .ref {padding-left:15px;}
.tb_note.list li {position:relative;padding-left:10px;}
.tb_note.list li::before {content:" ";position:absolute;left:0;top:10px;width:4px;height:4px;border-radius:50%;background-color:var(--Ci-Sky);}
.tb_note.hypen li {position:relative;padding-left:10px;}
.tb_note.hypen li::before {content:"-";position:absolute;left:0;}
th .sorter {display:inline-block;position:relative;padding-right:10px;font-weight:bold;color:#222;}
th .sorter::after {content:" ";position:absolute;right:0;top:50%;width:6px;height:6px;border-radius:50%;background-color:var(--Ci-Red);transform:translateY(-50%);}
th .sorter.desc, th .sorter.asc {padding-right:20px;}
th .sorter.desc::after, th .sorter.asc::after {display:none;}
th .sorter .arrow {display:none;position:absolute;right:0;top:0;width:24px;height:24px;}
th .sorter .arrow::after {right:0;top:0;position:absolute;line-height:1;font-family:'Material Icons';font-weight:normal;font-size:24px;color:var(--Ci-Red);}
th .sorter.desc .arrow, th .sorter.asc .arrow {display:block;}
th .sorter.desc .arrow::after {content:"\e5c5";}
th .sorter.asc .arrow::after {content:"\e5c7";}
.tbl_data .str_link td, .tbl_data .str_link .tb_link {font-weight:bold;}
.tbl_data .str_link .tb_link {text-decoration:underline;text-underline-position:under;}
/* (구)디자인=tb_note */
.note_li {padding-top:10px;font-size:14px;color:var(--Ci-Sky);}
.note_li .em, .note_li.em {color:var(--Ci-Red);}
.note_li li {position:relative;line-height:1.5;}
.note_li li.hypen, .note_li li.ref {padding-left:15px;}
.note_li li.hypen:before {content:"-";position:absolute;left:5px;top:0;}
.note_li li.ref:before {content:"※";position:absolute;left:0;top:0;}
.note_li.blue li {color:blue;}
.note_li.bot {padding:0 0 10px 0;}
.note_li.st {padding:0;}
.fx_jc_center {display:flex;flex-direction:column;height:100%;justify-content:center;align-items:center;} /* 테이블 내 블록 센터 정렬 */
.tbl_col2 .td_step {padding:0 !important;} /* 컬럼 위에 특정 디자인 적용 */
.tbl_col2 .td_step .ar_r {position:relative;padding:20px;}
.tbl_col2 .td_step .ar_r::before {content:"\e018";position:absolute;right:-15px;top:50%;line-height:1;font-family:WebComponentsIcons;font-size:28px;color:var(--lx-color-ci6);transform:translateY(-50%);}

/* tbl_data_st */
.tbl_data_st th, .tbl_data_st td {text-align:center;height:52px;padding:15px;font-size:14px;color:#666;}
.tbl_data_st th {font-weight:bold;}
.tbl_data_st tbody tr:nth-child(odd) {background-color:#f3f3f3;}

/* data */
.tbl_data {border-top:2px solid var(--lx-tbl-col-thead);}
.tbl_data thead {border-bottom:1px solid var(--lx-box-border);background-color:var(--lx-tbl-data-th);}
.tbl_data th, .tbl_data td {text-align:center;height:55px;line-height:1.4;padding:10px;}
.tbl_data th {font-weight:bold;color:var(--lx-subj-color);}
.tbl_data tbody th {border-bottom:1px solid var(--lx-box-border);}
.tbl_data tbody .row_th {border-right:1px solid #e7e7e7;background-color:#f8f8f8;}
.tbl_data td {word-break:keep-all;border-bottom:1px solid var(--lx-box-border);background-color:var(--lx-body-bg);}
.tbl_data tbody th[scope=row] {font-weight:var(--lx-font-m);background-color:var(--lx-tbl-data-th);}
/* .tbl_data tr:hover td, .tbl_data tbody tr:hover th {background-color:#f8f8f8;} */
.tbl_data.sm th, .tbl_data.sm td {height:40px;font-size:14px;}
.tbl_data.sm th {font-weight:var(--lx-font-m);}
.tbl_data.sm td, .tbl_data.sm .tb_link {font-size:13px;}
.tbl_data.xs th, .tbl_data.xs td {height:40px;padding:5px;font-size:13px;}
.tbl_data.xs td {font-size:12px;}
.tbl_data.xs .tb_link {font-size:12px;}
.termbox .tbl_data th, .termbox .tbl_data td {font-size:14px;}
.tbl_data.line th, .tbl_data.line td {border:1px solid #e7e7e7;border-top:0;}
.tbl_data.line th {border:1px solid #d9d9d9;}
.tbl_data.line thead {border-bottom:0;}
.tbl_data.line_md th, .tbl_data.line_md td {border:1px solid var(--lx-box-border);border-top:0;border-left:0;}
.tbl_data.line_md th:last-child, .tbl_data.line_md td:last-child {border-right:0;}
.tbl_data.line_md thead {border-bottom:0;}
.tbl_data .str {font-size:17px;font-weight:bold;color:#2d2d2d;}
.tbl_data thead.line {border-bottom:0;}
.tbl_data thead.line th {border-left:1px solid var(--lx-box-border);border-bottom:1px solid var(--lx-box-border);}
.tbl_data thead.line .nb {border-left:0;}
.tbl_data tbody .subj {font-size:17px;font-weight:bold;color:var(--lx-subj-color);background-color:var(--lx-tbl-data2-th);}
.tbl_data .nar {padding:10px 5px;}
.tbl_data .nar .td {font-size:15px;}
.tbl_data .cell + .cell {margin-top:5px;}
.tbl_data .cell .warning {font-size:19px;font-weight:bold;color:var(--lx-color-red);}
.tbl_data .cell .m_icon {position:relative;top:-2px;}
.tbl_data .cell .c_red, .tbl_data .cell .c_green, .tbl_data .cell .c_bk {font-size:17px;font-weight:bold;}

/* 집합과정 테이블 */
.tbl_data2 { border-collapse:collapse;}
.tbl_data2 thead {position:relative;border-top:2px solid var(--lx-color-ci5);border-bottom:1px solid var(--lx-color-ci5);background-color:#f7f8f9;}
.tbl_data2 thead tr,
.tbl_data2 thead tr:first-child{border:0;}
.tbl_data2 th,.tbl_data2 td{padding:15px;text-align: center;}
.tbl_data2 th {font-size:16px;font-weight:var(--lx-font-m);color:var(--lx-color-ci5);}
.tbl_data2 td {font-size:15px;color:var(--lx-font-color2);background-color:#fff;}
.tbl_data2 tr{border-bottom:1px solid var(--lx-box-border);}
.tbl_data2 tbody tr:last-child{border-bottom:1px solid var(--lx-box-th-border);}
.tbl_data2 .th{display: none;}
.tbl_data2 .tb_link {font-size:16px;font-weight:var(--lx-font-m);color:var(--lx-subj-color);}
.ct_section .tbl_data2 .c_badge2 {margin-right:0;}
.tbl_data2.off .c_btn.rd {min-width:70px;padding:0 10px;}
.tbl_data2.off .c_badge2 {display:inline-flex;justify-content:center;width:100%;height:auto;line-height:1.3;padding:7px 5px;border:0;color:#fff;background-color:var(--lx-color-ci);}

/* col */
.tbl_col thead {border-top:2px solid var(--lx-tbl-col-thead);border-bottom:1px solid var(--lx-tbl-col-thead);}
.tbl_col th, .tbl_col td {text-align:center;line-height:1.4;font-size:15px;padding:5px 10px;}
.tbl_col thead th {height:54px;}
.tbl_col th {font-size:15px;font-weight:var(--lx-font-m);color:var(--lx-subj-color);}
.tbl_col td {height:60px;color:var(--lx-font-color2);border-bottom:1px solid var(--lx-box-border);}
.tbl_col td span {font-size:inherit;color:inherit;}
.tbl_col.sm th, .tbl_col.sm td {height:40px;font-size:15px;}
.tbl_col.sm td {font-size:14px;}
.tbl_col .top_post .hidden {font-weight:var(--lx-font-m);color:var(--lx-color-ci);}
.tbl_col .top_post td {background-color:#f6f9fb;}

/* row */
.tbl_row {border-top:2px solid var(--lx-tbl-col-thead);}
.tbl_row th, .tbl_row td {height:58px;padding:10px;border-bottom:1px solid var(--lx-box-lt-border);}
.tbl_row th {text-align:center;font-size:16px;font-weight:var(--lx-font-m);color:var(--lx-subj-color);background-color:var(--lx-tbl-data-th);}
.tbl_row td {text-align:left;background-color:var(--lx-body-bg);}
.tbl_row.al th {text-align:left;padding:10px 20px;}
.tbl_row.al td {padding:10px 15px;}
.tbl_row.sm th, .tbl_row.sm td {height:40px;padding:5px;font-size:14px;}
.tbl_row.line {border-top:0;}
.tbl_row.line th, .tbl_row.line td {border:1px solid var(--lx-box-lt-border);}
.tbl_row.line_md th, .tbl_row.line_md td {border:1px solid var(--lx-box-lt-border);}
.tbl_row .b_line th, .tbl_row .b_line td {border-bottom-color:#aaa;}
.tbl_row .mg_right {border-right:1px solid var(--lx-box-lt-border);}
.tbl_row2 {border:5px solid var(--lx-tbl-item-border-color);}
.tbl_row2.top {margin-top:20px;}
.tbl_row2 th, .tbl_row2 td {text-align:center;height:60px;padding:10px 15px;border:1px solid var(--lx-box-lt-border);border-top:0;}
.tbl_row2 th {font-size:16px;font-weight:bold;color:var(--lx-subj-color);background-color:var(--lx-tbl-item-bg);}
.tbl_row2.sm th, .tbl_row2.sm td {height:40px;padding:5px;}
.tbl_row2.sm th {font-size:14px;}
.tbl_row2.sm td {font-size:14px;}

/* it_tbl, 데이터 테이블 */
.tbl_col2 {border-top:#222 2px solid;}
.tbl_col2 th, .tbl_col2 td {word-break:keep-all;text-align:center;color:#444;line-height:1.4;padding:20px;border:1px solid #ccc;background:#fff;}
.tbl_col2 th {font-size:18px;font-weight:bold;background:#f6fbff;}
.tbl_col2 tbody th, .tbl_col2 tbody td {border-right:1px solid #ccc;padding:20px;}
.tbl_col2 tbody th {font-size:18px;}
.tbl_col2 tbody td {font-size:16px;}
.tbl_col2 td a:not(.c_btn):not(.btn_unit) {font-size:inherit;color:inherit;}
.tbl_col2 .tb_link {color:var(--ColorLink);}
.tbl_col2 tbody td.dots_list {padding:30px;}
.tbl_col2 tbody td strong {color:#222;font-weight:var(--lx-font-m);}
.tbl_col2 .last {border-right:0;}
.tbl_col2 .subj {font-size:17px;font-weight:bold;color:#333;background-color:#f5f5f5;}
.tbl_col2.sm th, .tbl_col2.sm td {height:40px;padding:5px;font-size:14px;}
.tbl_col2.sm td span, .tbl_col2.sm td p {font-size:inherit;}
.tbl_col2.xs th, .tbl_col2.xs td {height:40px;padding:5px;font-size:13px;}
.tbl_col2.xs td span {font-size:inherit;}
.tbl_col2.line_md th, .tbl_col2.line_md td {border-top:0;border-left:0;}
.tbl_col2.line_md th:last-child, .tbl_col2.line_md td:last-child {border-right:0;}
.tbl_col2.line_md th.mg_l, .tbl_col2.line_md td.mg_l {border-left:1px solid #ccc;}
.tbl_col2.line_md th.mg_r, .tbl_col2.line_md td.mg_r {border-right:1px solid #ccc;}
.tbl_col2 .high_gray {background-color:#f5f5f5;}
.tbl_col2 .high_sky {background-color:#C0FFFF;}
.tbl_col2 .high_green {background-color:#D2FFD2;}
.tbl_col2 .high_beige {background-color:#FFF3C2;}
.tbl_col2 .high_orange {background-color:#FFDACC;}
.tbl_col2 .txt_sc {font-size:1.1em;}
.tbl_col2 .anno {font-size:0.95em;}
.tbl_col2 .tbl_col2 {border-top:0;}
.tbl_col2 .tbl_col2 th {font-size:14px;font-weight:var(--lx-font-m);}
.tbl_col2 .tbl_col2 th, .tbl_col2 .tbl_col2 td, .tbl_col2 .tbl_col2 th:last-child, .tbl_col2 .tbl_col2 td:last-child {border:1px solid #ccc;}

/* 학습목차 */
.tbl_item {border:5px solid var(--lx-tbl-item-border-color);background-color:var(--lx-tbl-item-bg);}
.tbl_item td {height:60px;padding:10px 15px;border-top:1px solid var(--lx-box-lt-border);}
.tbl_item tr:first-child td {border-top:0;}
.tbl_item .group {font-weight:bold;color:var(--lx-subj-color);}
.tbl_item .sub {padding-left:25px;background-color:var(--lx-body-bg);}

/* tbl_rps */
.tbl_rps .th {display:none;}

/* combo bar */
.cb_bar {display:flex;justify-content:space-between;align-items:flex-end;gap:20px;margin-bottom:15px;}
.cb_bar.right {justify-content:flex-end;}
.cb_bar.top {margin-top:30px;}
.cb_bar .p_noti {margin-bottom:0;}
.cb_bar.tab {display:block;position:relative;}
.cb_bar.tab .add {position:absolute;right:0;top:50%;transform:translateY(-50%);}
.cb_bar .cs_bl_title, .cb_bar .bl_title {margin-bottom:0;}
.cb_bar select {border-color:#c0c0c0;}
.cb_bar.join {justify-content:start;}
.cb_bar .chk_lab {display:flex;align-items:center;gap:5px;}
.cb_bar .chk_lab label {font-weight:bold;color:var(--lx-color-ry_blue);}
.sch_bar {margin-bottom:15px;}
.sch_bar .inner {display:flex;}
.sch_bar .cols {flex:1 0 30%;}
.sch_bar .cols + .comb {margin-left:3px;}
.sch_bar .comb {position:relative;width:100%;padding-right:62px;}
.sch_bar .comb .c_btn {position:absolute;right:0;top:0;}
.sch_bar .comb .key {width:100%;}
.sch_bar .cols select {width:100%;}
.t_bar {display:flex;justify-content:space-between;align-items:flex-end;margin-bottom:10px;}
.t_bar.right {justify-content:flex-end;}
.t_bar.top {margin-top:30px;}
.t_bar .count {color:var(--lx-font-color2);}
.t_bar .count .name, .t_bar .count .em {font-weight:bold;color:var(--lx-subj-color);}
.t_bar .count .num {color:var(--lx-color-ry_blue);}
.t_bar .lab {vertical-align:middle;display:inline-block;margin-right:5px;font-weight:bold;color:var(--lx-subj-color);}
.t_bar .item {display:flex;align-items:flex-end;gap:4px;}
.t_bar .right {display:flex;align-items:center;gap:4px;} /* right 에 메뉴, 요소 모음이 나열될 때 */

/* paginate */
.paginate {padding-top:30px;}
.paginate .inner {display:flex;justify-content:center;}
.paginate a, .paginate span {text-align:center;width:32px;height:32px;line-height:30px;margin:0 4px;border:1px solid transparent;font-size:15px;}
.paginate .on {color:#fff;font-weight:var(--lx-font-m);border-color:var(--lx-color-ci);border-radius:50%;background-color:var(--lx-color-ci);}
.paginate .img {border:1px solid #d6d6d6;background-repeat:no-repeat;background-position:50% 8px;}
.paginate .m_icon {position:relative;}
.paginate .m_icon::before {position:absolute;left:50%;top:50%;transform:translate(-50%, -50%);color:#aaa;}
.paginate .start::before {content:"\eac3";}
.paginate .prev::before {content:"\e314";}
.paginate .next::before {content:"\e315";}
.paginate .end::before {content:"\eac9";}

/* tbl detail */
.tbl_detail {padding-bottom:40px;border-top:2px solid var(--lx-tbl-col-thead);border-bottom:1px solid var(--lx-box-th-border);background-color:var(--lx-body-bg);}
.tbl_detail .top {padding:20px;border-bottom:1px solid var(--lx-box-th-border);}
.tbl_detail .sub {display:flex;align-items:center;gap:10px;font-size:21px;}
.tbl_detail .sub .text {flex-grow:1;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-size:21px;font-weight:bold;color:var(--lx-subj-color);}
.tbl_detail .sub .tb_tag, .tbl_detail .sub .tag {flex-shrink:0;margin-right:10px;}
.tbl_detail .sub .tag {text-align:center;width:32px;height:32px;line-height:32px;border-radius:50%;font-weight:bold;color:#fff;background-color:var(--Ci-Blue);}
.tbl_detail .sub .tag.blue {background-color:var(--Ci-Blue);}
.tbl_detail .sub .tag.green {background-color:var(--Ci-Green);}
.tbl_detail .info {display:flex;padding-top:10px;}
.tbl_detail .info:after {clear:both;display:block;content:" ";}
.tbl_detail .info li {position:relative;padding:0 15px;font-size:15px;}
.tbl_detail .info span {vertical-align:middle;display:inline-block;line-height:24px;}
.tbl_detail .info .lab {margin-right:2px;font-weight:var(--lx-font-m);color:var(--lx-subj-color);}
.tbl_detail .info .val {color:var(--lx-font-color2);}
.tbl_detail .info li + li:before {content:" ";position:absolute;left:0;top:5px;width:1px;height:16px;background-color:#d9d9d9;}
.tbl_detail .info li:first-child {padding-left:0;}
.tbl_detail .cont {line-height:1.6;min-height:300px;padding:40px;}
/* .tbl_detail .cont p + p {margin-top:20px;} */
.tbl_detail .info_group {display:flex;justify-content:space-between;}
.tbl_detail .menu {margin-top:10px;}
.tbl_detail.reply {margin-top:-1px;padding-bottom:0;}
.tbl_detail.reply .cont {background-color:#fafafa;}

/* tbl_nav */
.tbl_nav {margin-top:40px;border-top:1px solid var(--lx-box-th-border);border-bottom:1px solid var(--lx-box-th-border);}
.tbl_nav li + li {border-top:1px solid var(--lx-box-th-border);}
.tbl_nav a {display:flex;align-items:center;height:60px;}
.tbl_nav .lab {flex-shrink:0;text-align:center;position:relative;width:110px;color:var(--lx-subj-color);font-weight:var(--lx-font-m);}
.tbl_nav .lab::before {position:absolute;left:5px;top:50%;line-height:1;font-family:'Material Icons';font-size:24px;font-weight:normal;transform:translateY(-50%);}
.tbl_nav .prev .lab::before {content:"\e5c7";}
.tbl_nav .next .lab::before {content:"\e5c5";}
.tbl_nav p {flex-grow:1;text-overflow:ellipsis;overflow:hidden;white-space:nowrap;}

/* error page */
.p_error {display:flex;align-items:center;justify-content:center;width:100%;height:100%;}
.p_error .inner {text-align:center;}
.p_error h1 {line-height:1.2;padding-top:40px;font-family:NotoSL;font-weight:bold;font-size:28px;color:#002231;}
.p_error h1 span {display:block;margin-top:15px;font-size:19px;color:#83898c;}
.p_error .help {margin-top:40px;}
.p_error .help a {display:inline-block;height:60px;line-height:58px;padding:0 40px;font-size:20px;}

/* margin, padding */
.m_0 {margin:0 !important;}

/* 커스텀 컬러 */
.bg_ci {background-color:var(--lx-color-ci) !important;}
.bg_ci2 {background-color:var(--lx-color-ci2) !important;}
.bg_ci3 {background-color:var(--lx-color-ci3) !important;}
.bg_ci4 {background-color:var(--lx-color-ci4) !important;}
.bg_ci5 {background-color:var(--lx-color-ci5) !important;}
.c_ci {font-size:inherit;color:var(--lx-color-ci) !important;}
.c_ci2 {font-size:inherit;color:var(--lx-color-ci2) !important;}
.c_ci3 {font-size:inherit;color:var(--lx-color-ci3) !important;}
.c_ci4 {font-size:inherit;color:var(--lx-color-ci4) !important;}
.c_red {font-size:inherit;color:var(--lx-color-red) !important;}
.c_blue {font-size:inherit;color:var(--Ci-Blue);}
.c_ry_blue {font-size:inherit;color:var(--lx-color-ry_blue);}
.c_bk {font-size:inherit;color:var(--Ci-Bk);}
.c_green {font-size:inherit;color:var(--ColorGreen);}
.oc_bk {color:#000 !important;} /* 오리지널 컬러 */
.oc_red {color:#ff3300 !important;}
.tbl_data .bc_point_cell {color:#009b4a;background-color:#f1f6e2;}

/* tc_yearly */
.tc_yearly .sort {vertical-align:middle;text-align:center;display:inline-block;min-width:50px;height:24px;line-height:24px;padding:0 5px;border-radius:2px;letter-spacing:-0.25px;font-size:13px;color:#fff;background-color:#282828;}
.tc_yearly .cyan {background-color:var(--ColorCyan);}
.tc_yearly .green {background-color:#2a9b73;}
.tc_yearly .l_green {background-color:#67a134;}
.tc_yearly .gray {background-color:#989b9f;}
.tc_yearly .blue {background-color:#008bc4;}
.tc_yearly .active {color:#212121;background-color:#eff7ff;}
.tc_yearly td.link a {font-size:14px;color:#212121;}
.tc_yearly td.link a:hover {text-decoration:underline;text-underline-position:under;}
.tc_yearly td.link {vertical-align:middle;text-align:left;background-color:#f8f8f8;}
.tc_yearly .subj {text-align:left;font-size:14px;}
.tc_yearly .current {text-align:center;font-size:26px;}
.tc_yearly .edu + .edu {margin-top:5px;}
.tc_yearly thead {border-top:1px solid #000;border-bottom:1px solid #000;}
.tc_yearly th, .tc_yearly td {text-align:center;line-height:1.4;padding:10px;}
.tc_yearly th {height:50px;font-size:17px;font-family:NotoSR;font-weight:bold;color:#212121;}
.tc_yearly td {height:50px;border-bottom:1px solid #bbbecd;border-left:1px solid #bbbecd;letter-spacing:-0.5px;background-color:#fff;}
.tc_yearly th:first-child, .tc_yearly td:first-child {border-left:0;}
.tc_yearly .edu {position:relative;}
.tc_yearly .detail {display:none;position:absolute;left:50%;bottom:calc(100%);width:240px;padding-bottom:5px;transform:translateX(-50%);}
.tc_yearly .edu:hover .detail {display:block;}
.tc_yearly .detail .blank {border:3px solid #e2eaf2;font-size:13px;background-color:#fff;}
.tc_yearly .detail .name {word-break:keep-all;line-height:1.4;padding:10px;border-bottom:1px solid #dfdfdf;color:var(--ColorFont);background-color:#f6f9fb;}
.tc_yearly .detail .info li {display:flex;color:var(--ColorFont);}
.tc_yearly .detail .info li + li {border-top:1px solid #dfdfdf;}
.tc_yearly .detail .info .lab, .tc_yearly .detail .info .date {text-align:center;padding:5px 10px;}
.tc_yearly .detail .info .lab {flex-shrink:0;width:60px;border-right:1px solid #dfdfdf;font-weight:var(--lx-font-m);}
.tc_yearly .detail .info .date {flex-grow:1;}

/* faq */
.faq_menu {border-top:1px solid var(--lx-box-border);}
.faq_menu dl {border-bottom:1px solid var(--lx-box-border);background-color:var(--lx-body-bg);}
.faq_menu dt > a {display:block;position:relative;padding:25px 50px 25px 80px;}
.faq_menu .name {text-align:center;position:absolute;left:35px;top:25px;line-height:1;font-size:24px;font-weight:bold;color:var(--lx-color-ci);}
.faq_menu .sub {line-height:1.4;font-size:17px;letter-spacing:-0.15px;font-weight:bold;color:var(--lx-subj-color);}
.faq_menu dd {display:none;position:relative;line-height:1.6;padding:25px 25px 25px 80px;font-size:16px;background-color:#edf2f7;}
.faq_menu dd .ans {content:" ";text-align:center;position:absolute;left:25px;top:19px;width:36px;height:36px;line-height:34px;font-size:24px;font-weight:bold;color:var(--lx-color-ci2);}
.faq_menu dd p {word-break:keep-all;}
.faq_menu dt > a:before {content:"\e313";opacity:0.7;position:absolute;right:25px;top:50%;transform: translateY(-50%); line-height:1;font-family:'Material Icons';font-size:36px;color:var(--lx-subj-color);transition:all 0.3s ease;}
.faq_menu .on dt > a:before {opacity:1;content:"\e316";}
.faq_menu .em {font-size:inherit;font-weight:var(--lx-font-m);color:#333;}
.faq_menu .faq_note {position:relative;line-height:1.6;font-size:0.94em;color:var(--lx-color-blue);}
.faq_menu .anno_mark {color:var(--lx-color-blue);}
.faq_menu .ci_red {color:var(--lx-color-red) !important;}
.faq_note.ref::before, .faq_note .ref::before {content:"※";position:absolute;left:0;}
.faq_note.ref, .faq_note .ref {padding-left:16px;}

/* p_frame */
.page_frame {padding:70px 0 10px 0;}
.page_frame .frm_top {position:fixed;top:0;z-index:100;width:100%;height:70px;border-bottom:1px solid #ccc;background:#fff;}
.page_frame .frm_top .inner {display:flex;justify-content:space-between;position:relative;height:100%;}
.page_frame .frm_top .head {min-width:0;flex-grow:1;display:flex;align-items:center;height:100%;}
.page_frame .frm_top .head.center {justify-content:center;}
.page_frame .frm_top h1 {overflow:hidden;text-overflow:ellipsis;white-space:nowrap;padding:0 20px;font-size:26px;font-weight:bold;letter-spacing:-0.5px;color:#212121;}
.page_frame .frm_top .menu {display:flex;align-items:center;position:absolute;right:0;top:0;}
.page_frame .frm_top .menu ul {margin-right:20px;}
.page_frame .frm_top .menu li {float:left;margin-left:5px;}
.page_frame .frm_top .menu .x {text-align:center;display:block;position:relative;width:70px;height:69px;line-height:69px;border-left:1px solid #ddd;background-color:#fff;}
.page_frame .frm_top .close {position:absolute;left:50%;top:50%;transform:translate(-50%, -50%);}
.page_frame .frm_top .close:before {color:#000;}

.page_frame .frm_top .noti {text-align:center;position:absolute;width:100%;}
.page_frame .frm_top .desc {display:inline-block;position:relative;line-height:40px;border:1px solid #e1e1e1;padding:0 15px 0 45px;border-radius:18px;font-size:17px;color:#212121;background-color:#f5f5f5;}
.page_frame .frm_top .desc .time {position:relative;margin-right:10px;font-weight:normal;color:#31a2a3;}
.page_frame .frm_top .noti i {position:absolute;left:15px;top:50%;height:24px;transform:translateY(-50%);}
.page_frame .frm_top .noti i:before {color:#31a2a3;}
.page_frame .frm_top .title {overflow:hidden;text-overflow:ellipsis;white-space:nowrap;max-width:800px;height:60px;line-height:60px;margin:0 auto;padding:0 20px;font-size:24px;font-weight:bold;letter-spacing:-0.5px;color:#212121;}
.page_frame .frm_top .nav {display:flex;align-items:flex-end;position:absolute;right:0;top:0;}
.page_frame .role a {text-align:center;float:left;position:relative;min-width:70px;height:70px;padding:0 20px;border-bottom:1px solid #ccc;border-left:1px solid #ccc;font-size:16px;color:#666;background-color:#fff;}
.page_frame .role .vt {padding-top:37px;}
.page_frame .role .vt:before {position:absolute;left:50%;top:8px;line-height:1;font-family:'Material Icons';font-size:32px;font-weight:normal;transform:translateX(-50%);}
.page_frame .role .save {min-width:80px;}
.page_frame .role .save:before {content:"\e161";}
.page_frame .role i {position:absolute;left:50%;top:50%;height:24px;color:#000;transform:translate(-50%, -50%);}
.page_frame .role a:hover, .page_frame .role a:hover i, .page_frame .role .active i {color:var(--Ci-Blue);}
.page_frame .frm_ct {max-width:1400px;margin:0 auto;padding:30px 20px;border-radius:4px;background-color:#fff;}
.page_frame .fwd {position:fixed;top:60px;z-index:100;width:100%;height:30px;padding:0 10px;border-bottom:1px solid #ccc;background-color:#f5f5f5;}
.page_frame .fwd ul {overflow-x:auto;white-space:nowrap;max-width:1300px;margin:0 auto;}
.page_frame .fwd ul:after {content:" ";clear:both;display:block;}
.page_frame .fwd li {position:relative;float:left;line-height:29px;padding:0 10px;font-size:13px;color:#212121;}
.page_frame .fwd li:before {content:" ";position:absolute;left:0;top:50%;width:1px;height:10px;margin-top:-5px;background-color:#fff;}
.page_frame .fwd li:first-child:before {display:none;}
.page_frame .fwd .info {display:flex;justify-content:space-between;max-width:1300px;margin:0 auto;}
.page_frame .fwd .info span {display:inline-block;line-height:30px;font-size:13px;font-weight:bold;color:#000;}
.page_frame .fwd span:not(:last-of-type):after {content:'∙';margin:0 0 0 3px;}
.role_pop {display:none;text-align:left;word-break:keep-all;position:absolute;right:-2px;top:70px;width:300px;padding:15px;border:2px solid #000;font-size:13px;font-family:NotoSL;font-weight:bold;color:var(--ColorFont);background-color:#fff;}
.role_pop .lab {margin-bottom:5px;font-size:15px;color:#222;}
.role_pop .item_li li + li {margin-top:5px;}
.role_pop .item_li span {font-family:NotoSR;text-decoration:underline;text-underline-position:under;}

/* 모바일 app_frame */
.app_frame {max-width:1024px;min-width:303px;margin:0 auto;padding:41px 0 10px 0;background:#fff;}
.app_frame .frm_top {position:fixed;top:0;z-index:10;max-width:1024px;width:100%;height:41px;padding:0 40px 0 40px;border-bottom:1px solid #e5e5e5;background-color:#fff;}
.app_frame .frm_top .title {overflow:hidden;text-overflow:ellipsis;white-space:nowrap;line-height:40px;font-size:18px;font-weight:var(--lx-font-m);color:#000;}
.app_frame .frm_top .x {position:absolute;left:0;top:0;}
.app_frame .frm_top .app_x:before {color:#3e8ddc;}
.app_frame .frm_top .add {position:absolute;right:0;top:0;}
.app_frame .frm_top .more_vert:before {color:#3e8ddc;}
.app_frame .frm_top .menu {display:none;position:absolute;width:160px;right:0;top:32px;padding:5px 10px;border:1px solid #ddd;border-radius:4px;background-color:#fff;box-shadow:0 0 5px #cecece;-webkit-box-shadow:0 0 5px #cecece;-moz-box-shadow:0 0 5px #cecece;}
.app_frame .frm_top .menu li {padding:5px 10px;border-top:1px solid #ddd;}
.app_frame .frm_top .menu li:first-child {border-top:0;}
.app_frame .frm_top .menu a {font-size:13px;color:#3e8ddc;}
.app_frame .frm_top .menu .icc:before {margin:-3px 5px 0 0;font-size:18px;}
.app_frame .frm_ct {padding:20px;}
.app_frame .frm_top .app_x, .app_frame .frm_top .more_vert {display:flex;align-items:center;justify-content:center;width:40px;height:40px;font-size:0;}

/* 출석인증코드 */
.attend_code {display:table;width:100%;height:380px;padding:0 10px;background:#b6b9c3 url("../../images/www/common/qr_bg.png") repeat 0 0;}
.attend_code > div {text-align:center;vertical-align:middle;display:table-cell;width:50%;padding:5px;}
.attend_code .num .code {width:320px;height:70px;line-height:70px;border-width:3px;letter-spacing:-0.1px;font-size:32px;font-weight:bold;}
.attend_code .qr .code {display:inline-block;padding:14px;border:6px solid #1f2b70;background-color:#eee;}
.attend_code .qr .code img {display:block;width:100%;height:100%;}
.call_roll .check_circle {margin:-3px 5px 0 0;}
.attend_code table {max-width:320px;margin:0 auto 20px auto;}
.attend_code th, .attend_code td {text-align:center;height:48px;padding:7px 10px;border:2px solid #dbdbdb;font-size:16px;}
.attend_code th {font-size:18px;color:#fff;background-color:#3462b4;}
.attend_code td {background-color:#fff;}
.attend_code .logo {margin-top:10px;}
.attend_code .num {color:#3462b4;}
.attend_code .info .tch {display:block;padding-top:3px;}
.at_top {text-align:center;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;height:60px;line-height:60px;padding:0 10px;border-top-left-radius:8px;border-top-right-radius:8px;font-size:24px;color:#fff;background-color:#1b1d83;}
.at_bot {height:60px;border-bottom-left-radius:8px;border-bottom-right-radius:8px;background-color:#1b1d83;}

/* custom dialog */
.c_dialog {display:none;position:absolute;left:0;top:0;right:0;bottom:0;z-index:110;}
.c_dialog .mask {position:fixed;z-index:200;width:100%;height:100%;background:rgba(0, 0, 0, 0.4);}
.c_dialog .outer {position:fixed;left:0;top:0;right:0;bottom:0;z-index:210;max-width:90%;min-width:300px;max-height:90%;min-width:100px;margin:auto;padding-top:50px;}
.c_dialog .outer > .top {position:absolute;left:0;top:0;z-index:10;width:100%;height:50px;line-height:50px;padding:0 50px 0 20px;background-color:#0663c3;}
.c_dialog .outer > .top .title {overflow:hidden;text-overflow:ellipsis;white-space:nowrap;position:relative;font-size:20px;font-weight:300;color:#fff;}
.c_dialog .outer > .top .p_close {text-indent:-9999px;overflow:hidden;position:absolute;right:20px;top:12px;width:25px;height:25px;background:url("../../images/www/common/p_close_bk.png") no-repeat 0 0;}
.c_dialog .outer > .ct {overflow-y:auto;-webkit-overflow-scrolling:touch;height:100%;padding:15px;background-color:#fff;}
.c_dialog .cp_title {padding-bottom:15px;font-size:22px;font-weight:400;color:#333;}
.c_dialog .pack {padding:28px 20px;background-color:#ecf0f2;}
.c_dialog .pack p {line-height:1.7;letter-spacing:-0.3px;}
.c_dialog .foot_bar {margin-top:-10px;padding:18px 39px;background-color:#ecf0f2;}
.c_dialog .foot_bar input[type=checkbox] + label {margin-left:5px;font-size:12px;}
.c_dialog .outer.note {width:400px;height:250px;}
.c_dialog .outer.msg {width:600px;}
.c_dialog .outer.non {display:block;position:static;padding:20px;padding-top:0px;}
.c_dialog .outer.non .cp_con {border:none;}
.c_dialog .ct.tight {padding:0;}
.c_dialog .note .b_box .c_btn {padding:0 15px;}

/* 마이페이지 */
.st_board .list_frm .item {display:flex;align-items:center;justify-content:space-between;font-size:15px;}
.st_board .list_frm .item + .item {margin-top:6px;padding-top:6px;border-top:1px solid var(--lx-box-border);}
.st_board .list_frm .info {width:calc(100% - 90px);}
.st_board .list_frm .type {display:block;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;position:relative;font-size:14px;}
.st_board .list_frm .title {overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-size:15px;color:var(--lx-link);}
.st_board .list_frm .date {flex-shrink:0;text-align:right;width:90px;font-size:14px;}
.my_status .head {display:flex;justify-content:space-between;align-items:center;height:52px;padding:0 20px;background-color:var(--Ci-Yellow);}
.my_status .my {line-height:52px;font-size:16px;color:#fff;}
.my_status .my .name {font-weight:bold;}
.my_status .btn {vertical-align:middle;display:inline-block;height:32px;line-height:31px;padding:0 15px;border:1px solid #fff;font-size:14px;font-weight:300;color:#fff;}
.my_status .btn + .btn {margin-left:3px;}
.st_board {display:flex;margin-bottom:40px;}
.st_board .sct {min-width:0;}
.st_board .sct + .sct {flex-grow:1;border-left:1px solid var(--lx-box-th-border);}
.st_board .score {width:33.3333%;}
.st_board .time {width:33.3333%;}
.st_board .course {flex-shrink:0;width:45%;}
.st_board .group + .group {margin-top:10px;}
.st_board .sct:first-child .card {padding-left:0;}
.st_board .sct:last-child .card {padding-right:0;}
.st_board .card {padding:20px 20px 0 20px;}
.st_board .card .blank {display:flex;justify-content:center;align-items:center;height:214px;font-size:19px;font-weight:bold;color:#888;}
.st_board .head {display:flex;justify-content:space-between;align-items:flex-end;margin-bottom:20px;}
.st_board .head.end {margin-bottom:0;}
.st_board .head .val {font-size:20px;font-family:SpoqaL;font-weight:bold;color:var(--Ci-Blue);}
.st_board .head .red {color:#a70638;}
.st_board .head .title {line-height:1; font-size:20px;font-family:SpoqaL;font-weight:bold;color:#000;}
.st_board .head .add_circle_outline::before {font-size:28px;}
.st_board .course .box {display:flex;justify-content:center;align-items:center;}
.st_board .course .state {flex:1 1 0;display:flex;justify-content:space-between;align-items:center;padding:23px 15px;border-radius:0;color:#fff;background:var(--lx-color-sky);}
.st_board .course .task .state {background:var(--lx-color-cyan);}
.st_board .course .state + .state {margin-left:2px;}
.st_board .course .state i::before {font-size:42px;}
.st_board .course .state .val {color:#fff;}
.st_board .course .info {text-align:center;}
.st_board .course .task {margin-top:2px;}
.st_board .course .state .lab, .st_board .course .state .val {display:block;color:inherit;}
.st_board .course .state .lab {min-width:50px;font-size:16px;font-weight:var(--lx-font-m);}
.st_board .course .state .val {font-size:26px;font-weight:bold;}
.st_board .course .point {text-align:center;font-size:26px;font-weight:bold;color:var(--Ci-Blue);}
.st_board .course .task .state:hover {background:var(--lx-color-blue)}
.st_board .period {font-size:14px;}
.st_board .diagram {display:flex;flex-direction:column;justify-content:center;height:90px;}
.st_board .diagram + .diagram {margin-top:5px;}
.st_board .diagram .lab {margin-right:10px;font-size:20px;font-family:SpoqaL;font-weight:bold;color:var(--Ci-Blue);}
.st_board .diagram .bar {flex-grow:1;text-align:center;position:relative;height:24px;background-color:#f3f3f3;}
.st_board .diagram .bar .fill {display:block;height:100%;background-color:rgba(14, 96, 191, 0.5);}
.st_board .diagram .bar .val {position:absolute;left:0;top:0;width:100%;line-height:24px;font-size:14px;color:#000;}
.st_board .diagram .bar .red {color:#a70638;}
.st_board .diagram .lab + .val {text-align:right;flex-grow:1;font-size:20px;font-family:SpoqaL;font-weight:bold;color:#000;}
.st_board .diagram .item {display:flex;}
.dash .section + .section {margin-top:40px;}
.dash .section .cont {padding-top:10px;}
.h_box {position:relative;background-color:#f8f8f8;}
.h_box.flex_sb {display:flex;justify-content:space-between;align-items:center;}
.h_box .func {padding:15px;}
.h_box .func .link {font-weight:bold;color:#212121;}
.h_box .title {display:block;position:relative;padding:15px 15px 15px 45px;font-size:22px;color:var(--lx-subj-color);}
.h_box .title:before {content:"\e80c";position:absolute;left:15px;top:18px;font-family:'Material Icons Outlined';font-size:24px;}
.h_box .dashboard:before {content:"\e871";}
.h_box .notifications_none:before {content:"\e7f5";}
.h_box .rate_review:before {content:"\e560";}
.h_box .live_help:before {content:"\e0c6";}
.h_box .add_circle_outline:before {content:"\e148";}
.h_box .thumb_up_alt:before {content:"\e8dc";}
.h_box .account_circle:before {content:"\e853";}
.h_box .person:before {content:"\e7fd";}

.h_box .title span {position:relative;display:inline-block;font-size:inherit;font-weight:bold;padding-right:27px;color:inherit;}
.h_box.tog .title span:before {content:"\e5c7";position:absolute;right:0;top:3px;font-family:'Material Icons';font-size:24px;color:var(--Ci-Blue);}
.h_box.hd + .cont {display:none;}
.h_box.hd .title span:before {content:"\e5c5";}
.dash .h_box {background-color:var(--lx-tabs-bg);}
.tbl_data .grade_cell {padding:0;background-color:#f8f8f8;}
tr .grade_cell .cs_grade {padding:15px;}
.grade_cell .prog {display:flex;font-weight:bold;}
.grade_cell .prog .lab {margin-right:5px;color:#222;}
.grade_cell .prog .rate {color:var(--Ci-Blue);}
.grade_cell table {margin-top:10px;}
.grade_cell .cell_data {display:flex;justify-content:center;}
.grade_cell .cell_data .my span {color:var(--Ci-Blue);}
.grade_cell .cell_data li:not(:last-of-type):after {content:'|';margin:0 2px 0 5px;}
.grade_cell .cell_data li + li {margin-left:5px;}
.cg_bar {position:relative;height:115px;padding:20px 0 20px 0;}
.cg_bar .ct {display:flex;position:relative;height:100%;}
.cg_bar .ct .cs {flex:1 1 0;position:relative;}
.cg_bar .ct .cs span {display:block;}
.cg_bar .ct .cs .stick {position:absolute;bottom:0;width:30%;left:50%;background-color:var(--Ci-Orange);transform:translateX(-50%);}
.cg_bar .ct .cs .lab {text-align:center;position:absolute;bottom:-30px;width:100%;font-family:SpoqaL;font-size:15px;font-weight:bold;}
.cg_bar .ct .cs .count {text-align:center;position:absolute;left:50%;top:-30px;font-size:18px;font-weight:bold;color:var(--Ci-Blue);transform:translateX(-50%);}
.cg_bar::before {content:" ";position:absolute;left:0;bottom:20px;width:100%;height:1px;background-color:#ccc;}
.edu_gp_box {display:flex;padding:20px;border:1px solid #dbdbdb;}
.edu_gp_box .group {width:50%;padding:0 20px 0 0;}
.edu_gp_box .group + .group {padding:0 0 0 20px;border-left:1px solid #dbdbdb;}
.edu_gp_box .head {display:flex;justify-content:space-between;align-items:center;margin-bottom:10px;}
.edu_gp_box .head .lab {font-weight:bold;color:var(--Ci-Blue);}
.edu_gp_box .head select {height:30px;font-size:14px;border-color:#c0c0c0;}
.dash .info_view {position:relative;padding-right:25px;}
.dash .info_view::before {content:"\e5c5";position:absolute;right:2px;top:0;font-family:'Material Icons';font-size:24px;color:#fff;}
.dash .info_view.on::before {content:"\e5c7";}

/* 시험응시 팝업*/
.c_popup2 {position:fixed;left:0;top:0;z-index:900;display:table;width:100%;height:100%;background:rgba(0, 0, 0, 0.4);}
.c_popup2 > .top .p_close {text-indent:-9999px;overflow:hidden;position:absolute;right:10px;top:14px;width:22px;height:22px;background:url("../../images/www/common/p_close_wt_64@2x.png") no-repeat 0 0;background-size:cover;}
.c_popup2 .inner {display:table-cell;vertical-align:middle;}
.c_popup2 .alert {text-align:center;width:290px;margin:0 auto;padding:20px 10px;border-radius:4px;background-color:#fff;box-shadow:0 0 5px #cecece;-webkit-box-shadow:0 0 5px #cecece;-moz-box-shadow:0 0 5px #cecece;}
.c_popup2 .fixed {position:relative;margin:0 auto;padding:0;border-radius:4px;background-color:#fff;box-shadow:0 0 5px #cecece;-webkit-box-shadow:0 0 5px #cecece;-moz-box-shadow:0 0 5px #cecece;}
.c_popup2 .fixed.mid {width:640px;}
.c_popup2 .fixed.lg {width:768px;}
.c_popup2 .alert .em {font-weight:bold;color:#3f8edd;}
.c_popup2 .alert .desc {color:#333;}
.c_popup2 .alert .b_box {padding-bottom:0;}
.c_popup2 .alert p {font-size:16px;font-weight:bold;} /* loading */
.c_popup2.blank {background:rgba(0, 0, 0, 0.1)}
.c_popup2.blank .page {min-width:300px;margin:0 auto;padding:0;box-shadow:0 0 5px #cecece;-webkit-box-shadow:0 0 5px #cecece;-moz-box-shadow:0 0 5px #cecece;}
.c_popup2.blank .page .guide {text-align:center;font-size:20px;}
.c_popup2.blank .page .guide .icc {margin:-4px 3px 0 0;}
.c_popup2.blank .page .guide .icc:before {font-size:32px;}
.c_popup2.blank .pop_ad2 {background:none;}
.c_popup2.blank .pop_ad2 > .top {padding:10px;border-top-left-radius:5px;border-top-right-radius:5px;}
.c_popup2.blank .pop_ad2 > .ct {padding:15px;border-bottom-left-radius:5px;border-bottom-right-radius:5px;background-color:#fff;}
.bw_box {overflow:hidden;text-align:center;background-color:#fff;} /* exam_info */
.bw_box a {display:block;height:80px;line-height:80px;font-size:28px;letter-spacing:-0.3px;color:#333;}
.bw_box a + a {border-left:1px solid #e8e8e8;}
.bw_box a.on {color:#fff;background-color:#000;}
.bw_box.two a {float:left;width:50%;}
.exam_info {background-color:#fff;}
.exam_info .guide .top {display:flex;align-items:center;justify-content:center;height:80px;background-color:var(--lx-color-blue);}
.exam_info h1 {letter-spacing:-1.4px;;font-size:32px;color:#fff;}
.exam_info .note {text-align:left;width:640px;margin:0 auto;padding:20px;}
.exam_info .note li {position:relative;line-height:1.6;padding-left:15px;font-size:16px;color:#222;}
.exam_info .note li:before {content:" ";position:absolute;left:0;top:9px;width:6px;height:6px;border-radius:50%;background-color:#bebebe;}
.exam_info .note li.red {font-weight:bold;color:red;}
.exam_info .note li.red:before {background-color:red;}
.exam_info .note .em {position:relative;margin-top:10px;padding-left:28px;font-size:16px;font-weight:bold;color:red;}
.exam_info .note .em .icc {position:absolute;left:0;top:1px;}
.exam_info .detail {text-align:left;width:300px;margin:0 auto;padding:45px 0;border-bottom:1px solid #e8e8e8;}
.exam_info .check {text-align:center;padding:10px;border-top:1px solid #ddd;border-bottom:1px solid #ddd;background-color:#e7e7e8;}
.exam_info .check input[type="checkbox"] {margin-right:5px;}
.exam_info .check label {font-family:SpoqaL;font-weight:bold;color:#666;}

/* content */
.fac_upload {margin-top:10px;padding-top:10px;border-top:1px dotted #ccc;}
.fac_upload .lab {font-family:SpoqaL;font-weight:bold;font-size:14px;color:#222;}
.fac_upload .sample_img {display:flex;margin-top:5px;}
.fac_upload .sample_img li + li {margin-left:10px;}

/* popup content */
/* ic_acord_off.png */

/* loader */
.loader {display:none;position:fixed;left:0;top:0;width:100%;height:100%;z-index:200;background:rgba(255, 255, 255, 0.6);}
.loader img {position:absolute;left:50%;top:50%;z-index:210;transform:translate(-50%, -50%);}

/* ct_dialog */
.ct_dialog {position:fixed;left:0;top:0;z-index:110;width:100%;height:100%;background:rgba(0, 0, 0, 0.6);}
.ct_dialog > .tb {display:flex;justify-content:center;align-items:center;width:100%;height:100%;}
.ct_dialog > .tb > .inner {width:100%;padding:10px;}
.ct_dialog .outer {position:relative;margin:0 auto;border-radius:10px;box-shadow:10px 10px 20px rgba(0, 0, 0, .2);}
.ct_dialog .outer > .top {position:relative;height:60px;padding:0 30px;border-top-left-radius:10px;border-top-right-radius:10px;background-color:#fff;}
.ct_dialog .outer > .top .bowl {height:100%;border-bottom:1px solid #dbdbdb;}
.ct_dialog .outer > .top .title {overflow:hidden;text-overflow:ellipsis;white-space:nowrap;position:relative;line-height:60px;font-size:22px;font-weight:600;color:#000;}
.ct_dialog .outer > .top .title span:not(.k-font-icon) {font-size:inherit;font-weight:inherit;color:inherit;}
.ct_dialog .outer > .top .title.ic {display:flex;align-items:center;gap:5px;}
.ct_dialog .outer > .top .title.ic .k-icon {font-size:20px;}
.ct_dialog .outer > .top .p_close {display:flex;align-items:center;justify-content:center;position:absolute;right:30px;top:50%;width:32px;height:32px;transform:translateY(-50%);}
.ct_dialog .outer > .top .p_close::before {content:"\e14c";font-family:'Material Icons';font-weight:normal;font-size:32px;color:#000;}
.ct_dialog .outer > .ct {max-height:80vh;overflow-y:auto;padding:20px 30px 30px 30px;border-bottom-left-radius:10px;border-bottom-right-radius:10px;background-color:#fff;}
.ct_dialog.alert .outer > .top {height:50px;padding:0 20px;}
.ct_dialog.alert .outer > .top .title {line-height:50px;font-size:20px;}
.ct_dialog.alert .outer > .top .bowl {border-bottom:0;}
.ct_dialog.alert .outer > .ct {padding:0 20px 20px 20px;}
.ct_dialog .at_desc {word-break:keep-all;font-size:15px;}
.ct_dialog.wd {position:static;background:none;}
.ct_dialog.wd > .tb {display:block;}
.ct_dialog.wd > .tb > .inner {padding:0;}
.ct_dialog.wd .outer > .top {padding:0;border-radius:0;}
.ct_dialog.wd .outer > .top .bowl {padding:0 20px;}
.ct_dialog.wd .outer > .top .p_close {right:10px;}
.ct_dialog.wd .outer > .ct {max-height:auto;padding:20px;}
.ct_dialog .pop_preview {overflow:hidden;position:relative;height:0;padding-bottom:56.25%;background-color:#000;}
.ct_dialog .pop_preview iframe {position:absolute;width:100%;height:100%;}
/* type2 */
.ct_dialog.type2 .outer > .top {padding:0;}
.ct_dialog.type2 .outer > .top .bowl {padding:0 60px 0 20px;}
.ct_dialog.type2 .outer > .ct {padding:20px 20px 30px 20px;}
.ct_dialog.type2 .outer > .top .p_close {right:20px;}
/* ct_dialog-preview */
.ct_dialog.preview .pop_close {display:flex;align-items:center;justify-content:center;position:absolute;right:-100px;top:0;width:77px;height:77px;background:url("../../images/www/common/pop_preview_close.png");background-size:cover;}
.ct_dialog .pop_preview {overflow:hidden;position:relative;height:0;padding-bottom:56.25%;background-color:#000;}
.ct_dialog .pop_preview iframe {position:absolute;width:100%;height:100%;}

/* new */
/* .cert_frm {position:relative;width:780px;height:1080px;background:#fff url("../../images/www/common/cert_paper.png") no-repeat;}
.cert_frm * {font-family:'궁서', Gungsuh;color:#212121;}
.cert_frm .head {position:relative;padding:80px 0 0 0;height:360px;}
.cert_frm .head .num {padding:0 0 28px 100px;font-size:19px;}
.cert_frm h1 {text-align:center;line-height:1;font-family:serif;font-weight:bold;font-size:60px;}
.cert_frm h1 span {font-family:serif;font-weight:bold;font-size:46px;}
.cert_frm .body {font-size:20px;}
.cert_frm .info {min-height:260px;padding-left:225px;}
.cert_frm .info li {position:relative;margin-top:16px;}
.cert_frm .info li:first-child {margin-top:0;}
.cert_frm .info span {display:inline-block;font-size:26px;}
.cert_frm .info .colon {text-align:center;width:30px;}
.cert_frm .info .sp {width:9px;}
.cert_frm .info .sp2 {width:46px;}
.cert_frm .desc {text-align:center;line-height:1.4;font-size:26px;}
.cert_frm .foot {text-align:center;position:absolute;bottom:145px;left:0;width:100%;padding:0 80px;}
.cert_frm .foot .date {font-size:26px;}
.cert_frm .foot .corp {display:inline-block;position:relative;margin-top:40px;}
.cert_frm .foot .name {position:relative;z-index:10;line-height:1.4;margin-top:30px;font-size:40px;}
.cert_frm .foot .seal {position:absolute;right:-34px;top:-10px;width:79px;height:79px;}
.cert_frm .foot .seal img {width:100%;height:100%;}
.cert_frm .notice {padding:0 40px;}
.cert_frm .notice li {position:relative;padding-left:15px;font-size:14px;letter-spacing:-0.3px;}
.cert_frm .notice li:before {content:"※";position:absolute;left:0;top:0;}
.cert_frm .notice li + li {margin-top:5px;}
.cert_frm.en .head {height:390px;}
.cert_frm.en .user {float:none;width:100%;}
.cert_frm.en .user li {padding-left:100px;}
.cert_frm.en .user .lab {width:94px;}
.cert_frm.en .body {height:380px;}
.cert_frm.en .body .desc {line-height:1.4;}
.cert_frm.en .body .info {height:140px;} */

/* certificate */
.frm_cert {padding:20px;}
.frm_cert .bar {text-align:right;padding-bottom:10px;}
.cert_frm {position:relative;width:800px;height:1090px;background:#fff url("../../images/www/common/cert_paper.png") no-repeat;}
.cert_frm .bg {position:absolute;left:0;top:0;width:100%;height:100%;}
.cert_frm * {color:#282828;}
.cert_frm .em {margin:0 5px;font-weight:var(--lx-font-m);}
.cert_frm .head {position:relative;padding:150px 70px 0 70px;height:300px;}
.cert_frm .head .num {position:absolute;left:70px;top:60px;font-size:17px;}
.cert_frm .head h1 {text-align:center;line-height:1;font-weight:bold;font-size:50px;}
.cert_frm .head .sub {padding-top:5px;font-size:24px;font-weight:bold;}
.cert_frm .body {position:relative;padding:0 70px;font-size:22px;}
.cert_frm .body .desc {clear:both;text-align:center;line-height:1.7;padding:60px 0;font-size:24px;}
.cert_frm .body.fix {height:400px;}
.cert_frm .body.fix .desc {position:absolute;bottom:0;left:0;width:100%;padding:0;}
.cert_frm .body .info {overflow:hidden;}
.cert_frm .body .info.right {float:right;}
.cert_frm .user li {display:flex;min-height:33px;}
.cert_frm .user li + li {margin-top:15px;}
.cert_frm .user .wide {padding-left:0;font-weight:300;}
.cert_frm .user .lab {flex-shrink:0;width:100px;font-weight:bold;}
.cert_frm .user .val {flex-grow:1;font-weight:300;}
.cert_frm .user .sp_2 {display:inline-block;width:40.5px;}
.cert_frm .user .sp_3 {display:inline-block;width:10.1px;}
.cert_frm .foot {text-align:center;position:absolute;bottom:0;left:0;width:100%;height:300px;padding:50px 70px 0 70px;}
.cert_frm .foot .date {font-size:26px;}
.cert_frm .foot .date span + span {margin-left:10px;}
.cert_frm .foot .info {position:absolute;left:0;bottom:140px;width:100%;}
.cert_frm .foot .corp {display:inline-block;position:relative;margin-top:20px;font-size:34px;font-weight:bold;}
.cert_frm .foot .name {position:relative;z-index:10;}
.cert_frm .foot .sign {position:absolute;right:-55px;top:50%;width:69px;height:69px;transform:translateY(-50%);}

/* lx-인용 */
.lx_quote {position:relative;padding:30px;border-radius:20px;background-color:#f2f6fc;font-size:19px;font-style:italic;color:var(--lx-color-ci);}
.lx_quote::before, .lx_quote::after {content:"\e244";position:absolute;font-family:"Material Icons";line-height:1;font-size:48px;color:var(--lx-color-ci2);}
.lx_quote::before {top:-20px;left:-5px;transform:rotate(180deg);}
.lx_quote::after {right:-5px;bottom:-20px;}
.lx_quote p {font-size:inherit;font-weight:var(--lx-font-m);color:#333;}
.lx_quote span {font-size:inherit;font-weight:inherit;color:inherit;}
.lx_quote .name {font-size:13px;color:inherit;}
.lx_quote .ci {color:var(--lx-color-ci);}
.lx_quote .ci2 {color:var(--lx-color-ci2);}

/* lx-소개헤딩 */
.lx_it_heading {margin-bottom:20px;}
.lx_it_title {text-align:center;position:relative;padding:30px 40px 20px 40px;border-radius:40px;border:2px solid #000;background-color:#f5f5f5;}
.lx_it_title.multi {padding:20px 40px;}
.lx_it_title .title {word-break:keep-all;line-height:1.2;border-radius:40px;font-family:'Gmarket Sans';font-size:34px;font-weight:bold;color:#000;}
.lx_it_title .title span, .lx_it_title .sub span {font-family:inherit;font-size:inherit;font-weight:inherit;color:inherit;}
.lx_it_title .sub {word-break:keep-all;font-family:'Gmarket Sans';font-size:22px;font-weight:bold;color:#000;}
.lx_it_title p .ci {color:var(--lx-color-ci);}
.lx_it_title p .ci2 {color:var(--lx-color-ci2);}
.lx_it_title p .red {color:var(--lx-color-red);}
.lx_it_heading .lx_it_join {margin-top:-40px;padding:60px 30px 25px 30px;border:2px solid #000;border-bottom-left-radius:40px;border-bottom-right-radius:40px;background-color:var(--lx-color-brown);}
.lx_it_join * {color:#fff;}

/* 교육소개 */
.lx_intro .heading {text-align:center;padding:40px 0;}
.lx_intro .heading .title {font-size:30px;font-weight:bold;color:var(--lx-subj-color);}
.lx_intro .heading .sub {font-size:24px;font-weight:var(--lx-font-m);color:#aaa;}
.lx_intro .heading2 {margin-bottom:20px;padding:40px 0;}
.lx_intro .heading2 .title {text-align:center;height:80px;line-height:80px;padding:0 40px;border-radius:40px;font-family:'Gmarket Sans';font-size:34px;font-weight:bold;color:#000;border:2px solid #000;background-color:#f5f5f5;}
.lx_intro .heading2 .title span {font-family:inherit;font-size:inherit;font-weight:inherit;color:inherit;}
.lx_intro .heading2 .title .ci {color:var(--lx-color-ci);}
.lx_intro .heading2 .title.multi {height:auto;line-height:1.1;padding:20px 40px;}
.lx_intro.kfsp .ct_bl_title {font-family: 'yg-jalnan';}
.lx_intro .soln > li {display:flex;align-items:center;gap:50px;padding:40px 0;}
.lx_intro .soln > li + li {border-top:1px solid var(--lx-box-border);}
.lx_intro .soln .img {flex-shrink:0;width:200px;}
.lx_intro .soln .cont {flex-grow:1;}
.lx_intro .soln .top {display:flex;align-items:flex-end;gap:10px;margin-bottom:10px;}
.lx_intro .soln .top .num {flex-shrink:0;line-height:1;font-size:34px;font-weight:bold;color:var(--lx-color-ci);}
.lx_intro .soln .top .lab {flex-grow:1;word-break:keep-all;font-size:20px;font-weight:bold;color:var(--lx-subj-color);}
.lx_intro .section + .section {margin-top:40px;}
.lx_intro .t_head {position:relative;margin-bottom:15px;display:flex;align-items:center;gap:15px;}
.lx_intro .t_head .ct_bl_title {margin-bottom:0;}
.ds_box_link {display:flex;}
.ds_box_link a {position:relative;max-width:100%;padding:5px 60px 5px 10px;border:1px solid var(--lx-color-ci);border-radius:5px;font-size:18px;font-weight:var(--lx-font-m);color:var(--lx-color-ci);}
.ds_box_link a::before {content:"\e315";position:absolute;top:50%;right:0;font-size:24px;font-family:"Material Icons";line-height:1;color:var(--lx-color-ci);transform:translateY(-50%);}
.ds_box_link a:hover {color:#fff;background:var(--lx-color-ci);}
.ds_box_link a:hover::before {color:#fff;}
/* 교육안내 */
.lx_lt_intro .intro_img {overflow:hidden;position:relative;height:240px;margin-bottom:60px;border-radius:20px;background:url("../../images/www/temp/lx_lt_intro.png") no-repeat 50% 50%;background-size:cover;}
.lx_lt_intro .intro_img .ct {text-align:center;position:absolute;left:50%;bottom:0;width:80%;padding:30px 30px 20px 30px;border-top-left-radius:10px;border-top-right-radius:10px;background-color:#fff;transform:translateX(-50%);}
.lx_lt_intro .intro_img .desc {word-break:keep-all;font-size:22px;color:#333;}
.lx_lt_intro .intro_img .desc span {font-size:inherit;color:inherit;}
.lx_lt_intro .intro_img .desc .ci {font-size:22px;color:var(--lx-color-ci6);}
.lx_lt_intro .lt_item {display:flex;flex-wrap:wrap;gap:30px;}
.lx_lt_intro .lt_item li {width:calc((100% / 4) - (((4 - 1) / 4) * 30px));transition:all ease .5s;}
.lx_lt_intro .lt_item a {text-align:center;display:flex;flex-direction:column;align-items:center;gap:15px;height:100%;padding:50px 30px;border-radius:20px;background-color:#f8f8fa;}
.lx_lt_intro .lt_item .img {overflow:hidden;position:relative;width:130px;height:130px;border:10px solid var(--lx-color-ci);border-radius:50%;}
.lx_lt_intro .lt_item .lab {font-size:24px;font-weight:var(--lx-font-b);color:#333;}
.lx_lt_intro .lt_item .desc {word-break:keep-all;}
.lx_lt_intro .lt_item img {position:absolute;left:50%;top:50%;transform:translate(-50%, -50%);transition:all ease .3s;}
.lx_lt_intro .lt_item a:hover img {transform:translate(-50%, -50%) scale(1.1);}
.lx_lt_intro .lt_item.col_3 li {width:calc((100% / 3) - (((3 - 1) / 3) * 30px));}

/* 센터소개(nid) */
.center_intro .group + .group {margin-top:30px;}
.intro_card {display:flex;flex-wrap:wrap;margin:0 -15px;}
.intro_card .edu {position:relative;width:50%;padding:0 15px;}
.intro_card .edu .inner {position:relative;height:100%;padding-top:70px;}
.intro_card .edu .tab {text-align:center;display:block;width:100%;height:60px;line-height:60px;margin-bottom:10px;border-radius:8px;font-size:20px;font-weight:bold;color:#fff;}
.intro_card .edu .tab {position:absolute;left:0;top:0;color:#fff;background-color:var(--Ci-Pink);}
.intro_card .edu .info {height:100%;padding:25px;border:1px solid #dfdfdf;border-radius:8px;}
.intro_card .edu .info.vc {display:flex;align-items:center;}
.intro_card .item > li {display:flex;position:relative;line-height:1.5;padding-left:15px;word-break:keep-all;}
.intro_card .item > li::before {content:" ";position:absolute;left:0;top:10px;width:6px;height:6px;border-radius:50%;background-color:var(--Ci-Pink);}
.intro_card .item > li + li {margin-top:10px;}
.intro_card .item .name {width:30%;font-weight:bold;color:var(--Ci-Pink);}
.intro_card .item .link {margin-right:5px;}

/* (구)입력폼 디자인 */
.ip_form {padding:10px;border:1px solid #b9b9b9;border-radius:4px;}
.ip_form dl {display:table;width:100%;padding:10px 0;border-top:1px solid #e6e6e6;}
.ip_form dl:first-child {border-top:0;}
.ip_form dl.last {border-bottom:0;}
.ip_form dt, .ip_form dd {vertical-align:middle;display:table-cell;height:50px;padding:0 10px;font-size:18px;font-weight:300;}
.ip_form dt {width:20%;min-width:160px;font-size:18px;font-weight:var(--lx-font-m);color:#222;}
.ip_form dd {width:80%;}
.ip_form input[type="email"], .ip_form input[type="text"]:not(.datepicker), .ip_form input[type="password"] {height:42px;line-height:42px;padding:0 10px;border-radius:4px;color:#787878;background-color:#f5f5f5;}
.ip_form input.wd_lg {width:300px;}
.ip_form dd select {height:42px;}
.ip_form .c_btn {height:42px;line-height:42px;padding:0 20px;border-radius:4px;font-size:16px;}
.ip_form .note {line-height:1.4;padding-top:5px;font-size:14px;}
.ip_form .pw_safety {position:relative;margin-top:20px;padding:0 0 10px 40px;}
.ip_form .pw_safety .mark {position:absolute;left:0;top:0;}
.ip_form .pw_safety .step {max-width:204px;}
.ip_form .pw_safety .bar {overflow:hidden;position:relative;height:10px;border-radius:5px;background:#efefef;}
.ip_form .pw_safety .gage {position:absolute;left:0;top:0;height:10px;border-radius:5px;}
.ip_form .pw_safety .alert {margin-top:7px;font-size:14px;}
.ip_form .icc.caution {background:#858585;}
.ip_form .phone input[type="text"] {text-align:center;width:80px;}
.ip_form .b_box .c_btn {padding:0 40px;}
.ip_form .stair label {margin-right:10px;}
.ip_form .stair + .stair {margin-top:10px;padding-top:10px;border-top:1px dashed #d1d1d1;}
.ip_form.blank {border:0;}
.ip_form.blank dl {border-bottom:0;}
.ip_form.ch_pw {padding-left:300px;background:url("../../images/www/common/change_pw_deco.jpg") no-repeat 0 10px;}
.ip_form input[type="text"]:not(.datepicker), .ip_form input[type="password"], .ip_form select {margin:2px 0;}
.ip_help {font-weight:bold;color:#ff5932;}
.ip_form .ast_line {vertical-align:middle;display:inline-block;position:relative;margin-left:10px;padding-left:15px;font-size:14px;}
.ip_form .ast_line:before {content:"※";position:absolute;left:0;}
.ip_form.pw {padding:0;}
.ip_form.pw dt {min-width:100px;}
.ip_form.pw dl {padding-bottom:0;}
.ip_form.pw dd {padding:0;}

/* 기업회원 가입하기 */
.cp_join {text-align:center;}
.cp_join .head {margin-bottom:20px;}
.cp_join .logo {position:relative;}
.cp_join .logo_txt {display:flex;align-items:center;justify-content:center;height:50px;}
.cp_join .logo_txt img {height:50px;margin-right:5px;}
.cp_join .logo_txt span {font-size:24px;color:#000;}
.cp_join .cont .desc {margin-bottom:15px;}
.cp_join .chk_agree {text-align:left;padding:10px 15px;border:1px solid #ccc;border-radius:4px;font-size:14px;}
.cp_join .chk_agree .name {font-weight:bold;color:var(--lx-color-blue);}
.cp_join .chk_agree .detail {text-decoration:underline;text-underline-position:under;font-size:14px;}
.cp_join .chk_note {margin-top:5px;font-size:14px;color:#989898;}
.cp_join .link {margin-top:20px;}
.cp_join .link a {text-align:center;display:block;height:50px;line-height:50px;padding:0 10px;border-radius:4px;font-size:17px;color:#fff;background-color:var(--Ci-Blue);}
.cp_join .link a + a {margin-top:10px;}
.cp_join .link .line {text-decoration:none;border:1px solid var(--Ci-Blue);color:var(--Ci-Blue);background-color:#fff;}

/* 관리자 메인 레이어 */
.pop_area {position:fixed;top:80px;left:0;width:100%;z-index:200;}
.pop_area .inner {position:relative;max-width:1300px;margin:0 auto;}
.pop_area .popup {display:flex;flex-direction:column;position:absolute;left:0;top:0;min-width:250px;max-width:500px;border:1px solid rgba(0, 0, 0, 0.08);background-color:#fff;box-shadow: 0 1px 2px 0 rgba(0, 0, 0, 0.3);}
.pop_area .top {flex-shrink:0;height:45px;border-bottom:1px solid rgba(0, 0, 0, 0.08);background-color:var(--lx-color-k-heading);}
.pop_area .top .title {overflow:hidden;text-overflow:ellipsis;white-space:nowrap;line-height:44px;padding:0 10px;font-family:SpoqaL;font-weight:bold;font-size:18px;color:#222;}
.pop_area .weditor {flex-grow:1;padding:20px;}
.pop_area .bar {flex-shrink:0;display:flex;align-items:center;position:relative;height:42px;line-height:42px;padding:0 10px;border-top:1px solid rgba(0, 0, 0, 0.08);background-color:var(--lx-color-k-heading);color:#222;}
.pop_area .bar label {margin-left:8px;font-size:13px;}
.pop_area .bar .close {position:absolute;right:6px;top:50%;width:24px;height:24px;transform:translateY(-50%);}
.pop_area .bar .close::before {content:"\e5cd";position:absolute;left:50%;top:50%;font-family:"Material Icons";line-height:1;font-size:24px;color:#222;transform:translate(-50%, -50%);}
.pop_area .bar .close img {display:block;}
.pop_area.img .weditor {padding:0;}
.pop_area.img .weditor img {max-width:100%;}

/* 관리자 등록 팝업 */
.pop_ad1 .weditor * {font-family:var(--lx-font-family);}
.pop_ad1 {overflow:hidden;height:100%;background:#fff;}
.pop_ad1 > .top {height:45px;background-color:var(--lx-color-blue);}
.pop_ad1 > .top .title {overflow:hidden;text-overflow:ellipsis;white-space:nowrap;height:45px;line-height:45px;padding:0 15px;font-size:17px;font-weight:bold;color:#fff;}
.pop_ad1 > .ct {overflow-y:auto;height:calc(100% - 90px);padding:20px;}
.pop_ad1.img > .ct {height:calc(100% - 45px);padding:0;}
.pop_ad1.img .ct a {display:block;}
.pop_ad1.img .weditor img {max-width:100%;}
/*.pop_ad1.img .ct img {object-fit:cover;position:absolute;width:100%;height:100%;}*/
.pop_ad1 .bar {position:relative;height:45px;padding:0 15px;background-color:var(--lx-color-blue);}
.pop_ad1 .bar label {margin-left:5px;line-height:45px;font-size:13px;font-weight:300;color:#fff;}
.pop_ad1 .bar .close {position:absolute;right:15px;top:50%;width:20px;height:20px;font-size:0;background:url("../../images/www/common/popup_close.png") no-repeat 50% 50%;transform:translateY(-50%);}
.pop_ad1 .bar input[type="checkbox"] {border:0;}
.pop_ad2 {background:#fff;}
.pop_ad2 > .top {position:relative;background-color:var(--lx-color-blue);}
.pop_ad2 > .top .title {overflow:hidden;text-overflow:ellipsis;white-space:nowrap;height:45px;line-height:45px;padding:0 15px;font-size:17px;font-weight:var(--lx-font-m);color:#fff;}
.pop_ad2 > .top .close {text-indent:-9999px;overflow:hidden;position:absolute;right:15px;top:12px;width:22px;height:22px;background:url(../../images/www/common/p_close_wt_64@2x.png) no-repeat 0 0;background-size:cover;}
.pop_ad2 > .ct {padding:20px;}
.pop_ad2 .bar {position:relative;height:45px;padding:0 15px;background-color:var(--lx-color-blue);}
.pop_ad2 .bar label {margin-left:5px;line-height:45px;font-size:13px;font-weight:300;color:#fff;}
.pop_ad2 .bar .close {position:absolute;right:15px;top:12px;width:20px;height:20px;font-size:0;background: url("../../images/www/common/popup_close.png") no-repeat 50% 50%;}

/* 에디터 초기화 */
.weditor {overflow-x:auto;word-wrap:break-word;font-size:1rem;color:var(--lx-font-color);}
.weditor strong {color:inherit;font-size:inherit;font-weight:bold;}
.weditor td {padding:.2em .3em;border:1px solid #ccc;color:#000;font-size:15px;}
.weditor strong * {font-weight:bold;}
.weditor em {font-style:italic;}
.weditor h1, .weditor h2, .weditor h3, .weditor h4, .weditor h5, .weditor h6 {font-weight:bold;color:#000;}
.weditor h1 {font-size:2em;margin:0.67em 0;}
.weditor h2 {font-size:1.5em;margin:0.83em 0;}
.weditor h3 {font-size:1.16em;margin:0.67em 0;}
.weditor h4 {font-size:1em;margin:1.33em 0;}
.weditor h5 {font-size:0.83em;margin:1.67em 0;}
.weditor h6 {font-size:0.7em;margin:2.33em 0;}
.weditor a {text-decoration:underline;color:#065fd4;}
.weditor table {margin-bottom:1em;border:1px solid #ccc;}
.weditor ol {list-style-type:decimal;list-style-position:inside;}
.weditor ul {list-style-type:disc;list-style-position:inside;}
.weditor dl, .weditor menu, .weditor li {list-style:inherit;}
/* .weditor img {max-width:none;} */
.weditor p {padding-bottom:1em;}

/* 에디터 커스텀 디자인 */
.weditor .item_li, .weditor .item_ord_li, .weditor .num_circle_li {list-style:none;}
.weditor .cs_title {padding-bottom:0;} 

/* lx_editor */
.lx_editor {border:2px solid #000;padding:20px;}
.lx_editor_menu button {text-align:center;min-width:30px;padding:0 5px;height:30px;line-height:30px;color:#000;background-color:var(--lx-color-gray);}

/* lib */
/* lightbox2 */
.lightbox_set {display:flex;gap:15px;}
.lightbox_set a {overflow:hidden;width:200px;height:200px;border-radius:10px;border:4px solid #f9f9f9;}
.lightbox_set a:hover {border-color:#fc4c02;}

/* slick */
.slick-arrow.slick-disabled {cursor:default;opacity:0.4;}
.slick-slider {position:relative;display:block;box-sizing:border-box;-webkit-user-select: none;-moz-user-select:none;-ms-user-select:none;user-select:none;-webkit-touch-callout:none;-khtml-user-select:none;-ms-touch-action:pan-y;touch-action:pan-y;-webkit-tap-highlight-color:transparent;}
.slick-list {position:relative;display:block;overflow:hidden;margin:0;padding:0;}
.slick-list:focus {outline:none;}
.slick-list.dragging {cursor:hand;}
.slick-slider .slick-track, .slick-slider .slick-list {-webkit-transform:translate3d(0, 0, 0);-moz-transform:translate3d(0, 0, 0);-ms-transform:translate3d(0, 0, 0);-o-transform:translate3d(0, 0, 0);transform: translate3d(0, 0, 0);}
.slick-track {position:relative;top:0;left:0;display:block;}
.slick-track:before, .slick-track:after {display:table;content:'';}
.slick-track:after {clear:both;}
.slick-loading .slick-track {visibility:hidden;}
.slick-slide {display:none;float:left;height:100%;min-height:1px;}
.slick-slide:focus {outline:none;}
[dir='rtl'] .slick-slide {float:right;}
.slick-slide img {display:inline-block;}
.slick-slide.slick-loading img {display:none;}
.slick-slide.dragging img {pointer-events:none;}
.slick-initialized .slick-slide {display:block;}
.slick-loading .slick-slide {visibility:hidden;}
.slick-vertical .slick-slide {display:block;height:auto;border:1px solid transparent;}
.slick-arrow.slick-hidden {display:none;}
.slick-arrow {overflow:hidden;z-index:10;font-size:0;}
.slick-prev {left:0;}
.slick-next {right:0;}
.slick-slider {opacity:0;visibility:hidden;transition:opacity 1s ease;}
.slick-slider.slick-initialized {visibility:visible;opacity:1;}

/* keyframes */
@keyframes slick-progressbar {
	0% {width:0%;}
	100% {width:100%;}
}

/* bootstrap grid */
.container,
.container-fluid,
.container-xxl,
.container-xl,
.container-lg,
.container-md,
.container-sm {
  width: 100%;
  padding-right: var(--bs-gutter-x, 0.75rem);
  padding-left: var(--bs-gutter-x, 0.75rem);
  margin-right: auto;
  margin-left: auto;
}

@media (min-width: 576px) {
  .container-sm, .container {
    max-width: 540px;
  }
}
@media (min-width: 768px) {
  .container-md, .container-sm, .container {
    max-width: 720px;
  }
}
@media (min-width: 769px) {
  .col-mds-1 {
    flex: 0 0 auto;
    width: 8.33333333%;
  }

  .col-mds-2 {
    flex: 0 0 auto;
    width: 16.66666667%;
  }

  .col-mds-3 {
    flex: 0 0 auto;
    width: 25%;
  }

  .col-mds-4 {
    flex: 0 0 auto;
    width: 33.33333333%;
  }

  .col-mds-5 {
    flex: 0 0 auto;
    width: 41.66666667%;
  }

  .col-mds-6 {
    flex: 0 0 auto;
    width: 50%;
  }

  .col-mds-7 {
    flex: 0 0 auto;
    width: 58.33333333%;
  }

  .col-mds-8 {
    flex: 0 0 auto;
    width: 66.66666667%;
  }

  .col-mds-9 {
    flex: 0 0 auto;
    width: 75%;
  }

  .col-mds-10 {
    flex: 0 0 auto;
    width: 83.33333333%;
  }

  .col-mds-11 {
    flex: 0 0 auto;
    width: 91.66666667%;
  }

  .col-mds-12 {
    flex: 0 0 auto;
    width: 100%;
  }
}
@media (min-width: 992px) {
  .container-lg, .container-md, .container-sm, .container {
    max-width: 960px;
  }
}
@media (min-width: 1200px) {
  .container-xl, .container-lg, .container-md, .container-sm, .container {
    max-width: 1140px;
  }
}
@media (min-width: 1400px) {
  .container-xxl, .container-xl, .container-lg, .container-md, .container-sm, .container {
    max-width: 1320px;
  }
}
.row {
  --bs-gutter-x: 1.5rem;
  --bs-gutter-y: 0;
  display: flex;
  flex-wrap: wrap;
  margin-top: calc(var(--bs-gutter-y) * -1);
  margin-right: calc(var(--bs-gutter-x) * -.5);
  margin-left: calc(var(--bs-gutter-x) * -.5);
}
.row > * {
  flex-shrink: 0;
  width: 100%;
  max-width: 100%;
  padding-right: calc(var(--bs-gutter-x) * .5);
  padding-left: calc(var(--bs-gutter-x) * .5);
  margin-top: var(--bs-gutter-y);
}

.col {
  /* flex: 1 0 0%; */
}

.row-cols-auto > * {
  flex: 0 0 auto;
  width: auto;
}

.row-cols-1 > * {
  flex: 0 0 auto;
  width: 100%;
}

.row-cols-2 > * {
  flex: 0 0 auto;
  width: 50%;
}

.row-cols-3 > * {
  flex: 0 0 auto;
  width: 33.3333333333%;
}

.row-cols-4 > * {
  flex: 0 0 auto;
  width: 25%;
}

.row-cols-5 > * {
  flex: 0 0 auto;
  width: 20%;
}

.row-cols-6 > * {
  flex: 0 0 auto;
  width: 16.6666666667%;
}

@media (min-width: 576px) {
  .col-sm {
    flex: 1 0 0%;
  }

  .row-cols-sm-auto > * {
    flex: 0 0 auto;
    width: auto;
  }

  .row-cols-sm-1 > * {
    flex: 0 0 auto;
    width: 100%;
  }

  .row-cols-sm-2 > * {
    flex: 0 0 auto;
    width: 50%;
  }

  .row-cols-sm-3 > * {
    flex: 0 0 auto;
    width: 33.3333333333%;
  }

  .row-cols-sm-4 > * {
    flex: 0 0 auto;
    width: 25%;
  }

  .row-cols-sm-5 > * {
    flex: 0 0 auto;
    width: 20%;
  }

  .row-cols-sm-6 > * {
    flex: 0 0 auto;
    width: 16.6666666667%;
  }
}
@media (min-width: 768px) {
  .col-md {
    flex: 1 0 0%;
  }

  .row-cols-md-auto > * {
    flex: 0 0 auto;
    width: auto;
  }

  .row-cols-md-1 > * {
    flex: 0 0 auto;
    width: 100%;
  }

  .row-cols-md-2 > * {
    flex: 0 0 auto;
    width: 50%;
  }

  .row-cols-md-3 > * {
    flex: 0 0 auto;
    width: 33.3333333333%;
  }

  .row-cols-md-4 > * {
    flex: 0 0 auto;
    width: 25%;
  }

  .row-cols-md-5 > * {
    flex: 0 0 auto;
    width: 20%;
  }

  .row-cols-md-6 > * {
    flex: 0 0 auto;
    width: 16.6666666667%;
  }
}
@media (min-width: 992px) {
  .col-lg {
    flex: 1 0 0%;
  }

  .row-cols-lg-auto > * {
    flex: 0 0 auto;
    width: auto;
  }

  .row-cols-lg-1 > * {
    flex: 0 0 auto;
    width: 100%;
  }

  .row-cols-lg-2 > * {
    flex: 0 0 auto;
    width: 50%;
  }

  .row-cols-lg-3 > * {
    flex: 0 0 auto;
    width: 33.3333333333%;
  }

  .row-cols-lg-4 > * {
    flex: 0 0 auto;
    width: 25%;
  }

  .row-cols-lg-5 > * {
    flex: 0 0 auto;
    width: 20%;
  }

  .row-cols-lg-6 > * {
    flex: 0 0 auto;
    width: 16.6666666667%;
  }
}
@media (min-width: 1200px) {
  .col-xl {
    flex: 1 0 0%;
  }

  .row-cols-xl-auto > * {
    flex: 0 0 auto;
    width: auto;
  }

  .row-cols-xl-1 > * {
    flex: 0 0 auto;
    width: 100%;
  }

  .row-cols-xl-2 > * {
    flex: 0 0 auto;
    width: 50%;
  }

  .row-cols-xl-3 > * {
    flex: 0 0 auto;
    width: 33.3333333333%;
  }

  .row-cols-xl-4 > * {
    flex: 0 0 auto;
    width: 25%;
  }

  .row-cols-xl-5 > * {
    flex: 0 0 auto;
    width: 20%;
  }

  .row-cols-xl-6 > * {
    flex: 0 0 auto;
    width: 16.6666666667%;
  }
}
@media (min-width: 1400px) {
  .col-xxl {
    flex: 1 0 0%;
  }

  .row-cols-xxl-auto > * {
    flex: 0 0 auto;
    width: auto;
  }

  .row-cols-xxl-1 > * {
    flex: 0 0 auto;
    width: 100%;
  }

  .row-cols-xxl-2 > * {
    flex: 0 0 auto;
    width: 50%;
  }

  .row-cols-xxl-3 > * {
    flex: 0 0 auto;
    width: 33.3333333333%;
  }

  .row-cols-xxl-4 > * {
    flex: 0 0 auto;
    width: 25%;
  }

  .row-cols-xxl-5 > * {
    flex: 0 0 auto;
    width: 20%;
  }

  .row-cols-xxl-6 > * {
    flex: 0 0 auto;
    width: 16.6666666667%;
  }
}
.col-auto {
  flex: 0 0 auto;
  width: auto;
}

.col-1 {
  flex: 0 0 auto;
  width: 8.33333333%;
}

.col-2 {
  flex: 0 0 auto;
  width: 16.66666667%;
}

.col-3 {
  flex: 0 0 auto;
  width: 25%;
}

.col-4 {
  flex: 0 0 auto;
  width: 33.33333333%;
}

.col-5 {
  flex: 0 0 auto;
  width: 41.66666667%;
}

.col-6 {
  flex: 0 0 auto;
  width: 50%;
}

.col-7 {
  flex: 0 0 auto;
  width: 58.33333333%;
}

.col-8 {
  flex: 0 0 auto;
  width: 66.66666667%;
}

.col-9 {
  flex: 0 0 auto;
  width: 75%;
}

.col-10 {
  flex: 0 0 auto;
  width: 83.33333333%;
}

.col-11 {
  flex: 0 0 auto;
  width: 91.66666667%;
}

.col-12 {
  flex: 0 0 auto;
  width: 100%;
}

.offset-1 {
  margin-left: 8.33333333%;
}

.offset-2 {
  margin-left: 16.66666667%;
}

.offset-3 {
  margin-left: 25%;
}

.offset-4 {
  margin-left: 33.33333333%;
}

.offset-5 {
  margin-left: 41.66666667%;
}

.offset-6 {
  margin-left: 50%;
}

.offset-7 {
  margin-left: 58.33333333%;
}

.offset-8 {
  margin-left: 66.66666667%;
}

.offset-9 {
  margin-left: 75%;
}

.offset-10 {
  margin-left: 83.33333333%;
}

.offset-11 {
  margin-left: 91.66666667%;
}

.g-0,
.gx-0 {
  --bs-gutter-x: 0;
}

.g-0,
.gy-0 {
  --bs-gutter-y: 0;
}

.g-1,
.gx-1 {
  --bs-gutter-x: 0.25rem;
}

.g-1,
.gy-1 {
  --bs-gutter-y: 0.25rem;
}

.g-2,
.gx-2 {
  --bs-gutter-x: 0.5rem;
}

.g-2,
.gy-2 {
  --bs-gutter-y: 0.5rem;
}

.g-3,
.gx-3 {
  --bs-gutter-x: 1rem;
}

.g-3,
.gy-3 {
  --bs-gutter-y: 1rem;
}

.g-4,
.gx-4 {
  --bs-gutter-x: 1.5rem;
}

.g-4,
.gy-4 {
  --bs-gutter-y: 1.5rem;
}

.g-5,
.gx-5 {
  --bs-gutter-x: 2rem;
}

.g-5,
.gy-5 {
  --bs-gutter-y: 2rem;
}

@media (max-width: 575px) { /* 575이하, xs추가 */
  .col-xs-auto {
    flex: 0 0 auto;
    width: auto;
  }

  .col-xs-1 {
    flex: 0 0 auto;
    width: 8.33333333%;
  }

  .col-xs-2 {
    flex: 0 0 auto;
    width: 16.66666667%;
  }

  .col-xs-3 {
    flex: 0 0 auto;
    width: 25%;
  }

  .col-xs-4 {
    flex: 0 0 auto;
    width: 33.33333333%;
  }

  .col-xs-5 {
    flex: 0 0 auto;
    width: 41.66666667%;
  }

  .col-xs-6 {
    flex: 0 0 auto;
    width: 50%;
  }

  .col-xs-7 {
    flex: 0 0 auto;
    width: 58.33333333%;
  }

  .col-xs-8 {
    flex: 0 0 auto;
    width: 66.66666667%;
  }

  .col-xs-9 {
    flex: 0 0 auto;
    width: 75%;
  }

  .col-xs-10 {
    flex: 0 0 auto;
    width: 83.33333333%;
  }

  .col-xs-11 {
    flex: 0 0 auto;
    width: 91.66666667%;
  }

  .col-xs-12 {
    flex: 0 0 auto;
    width: 100%;
  }
}

@media (min-width: 576px) {
  .col-sm-auto {
    flex: 0 0 auto;
    width: auto;
  }

  .col-sm-1 {
    flex: 0 0 auto;
    width: 8.33333333%;
  }

  .col-sm-2 {
    flex: 0 0 auto;
    width: 16.66666667%;
  }

  .col-sm-3 {
    flex: 0 0 auto;
    width: 25%;
  }

  .col-sm-4 {
    flex: 0 0 auto;
    width: 33.33333333%;
  }

  .col-sm-5 {
    flex: 0 0 auto;
    width: 41.66666667%;
  }

  .col-sm-6 {
    flex: 0 0 auto;
    width: 50%;
  }

  .col-sm-7 {
    flex: 0 0 auto;
    width: 58.33333333%;
  }

  .col-sm-8 {
    flex: 0 0 auto;
    width: 66.66666667%;
  }

  .col-sm-9 {
    flex: 0 0 auto;
    width: 75%;
  }

  .col-sm-10 {
    flex: 0 0 auto;
    width: 83.33333333%;
  }

  .col-sm-11 {
    flex: 0 0 auto;
    width: 91.66666667%;
  }

  .col-sm-12 {
    flex: 0 0 auto;
    width: 100%;
  }

  .offset-sm-0 {
    margin-left: 0;
  }

  .offset-sm-1 {
    margin-left: 8.33333333%;
  }

  .offset-sm-2 {
    margin-left: 16.66666667%;
  }

  .offset-sm-3 {
    margin-left: 25%;
  }

  .offset-sm-4 {
    margin-left: 33.33333333%;
  }

  .offset-sm-5 {
    margin-left: 41.66666667%;
  }

  .offset-sm-6 {
    margin-left: 50%;
  }

  .offset-sm-7 {
    margin-left: 58.33333333%;
  }

  .offset-sm-8 {
    margin-left: 66.66666667%;
  }

  .offset-sm-9 {
    margin-left: 75%;
  }

  .offset-sm-10 {
    margin-left: 83.33333333%;
  }

  .offset-sm-11 {
    margin-left: 91.66666667%;
  }

  .g-sm-0,
.gx-sm-0 {
    --bs-gutter-x: 0;
  }

  .g-sm-0,
.gy-sm-0 {
    --bs-gutter-y: 0;
  }

  .g-sm-1,
.gx-sm-1 {
    --bs-gutter-x: 0.25rem;
  }

  .g-sm-1,
.gy-sm-1 {
    --bs-gutter-y: 0.25rem;
  }

  .g-sm-2,
.gx-sm-2 {
    --bs-gutter-x: 0.5rem;
  }

  .g-sm-2,
.gy-sm-2 {
    --bs-gutter-y: 0.5rem;
  }

  .g-sm-3,
.gx-sm-3 {
    --bs-gutter-x: 1rem;
  }

  .g-sm-3,
.gy-sm-3 {
    --bs-gutter-y: 1rem;
  }

  .g-sm-4,
.gx-sm-4 {
    --bs-gutter-x: 1.5rem;
  }

  .g-sm-4,
.gy-sm-4 {
    --bs-gutter-y: 1.5rem;
  }

  .g-sm-5,
.gx-sm-5 {
    --bs-gutter-x: 3rem;
  }

  .g-sm-5,
.gy-sm-5 {
    --bs-gutter-y: 3rem;
  }
}
@media (min-width: 768px) {
  .col-md-auto {
    flex: 0 0 auto;
    width: auto;
  }

  .col-md-1 {
    flex: 0 0 auto;
    width: 8.33333333%;
  }

  .col-md-2 {
    flex: 0 0 auto;
    width: 16.66666667%;
  }

  .col-md-3 {
    flex: 0 0 auto;
    width: 25%;
  }

  .col-md-4 {
    flex: 0 0 auto;
    width: 33.33333333%;
  }

  .col-md-5 {
    flex: 0 0 auto;
    width: 41.66666667%;
  }

  .col-md-6 {
    flex: 0 0 auto;
    width: 50%;
  }

  .col-md-7 {
    flex: 0 0 auto;
    width: 58.33333333%;
  }

  .col-md-8 {
    flex: 0 0 auto;
    width: 66.66666667%;
  }

  .col-md-9 {
    flex: 0 0 auto;
    width: 75%;
  }

  .col-md-10 {
    flex: 0 0 auto;
    width: 83.33333333%;
  }

  .col-md-11 {
    flex: 0 0 auto;
    width: 91.66666667%;
  }

  .col-md-12 {
    flex: 0 0 auto;
    width: 100%;
  }

  .offset-md-0 {
    margin-left: 0;
  }

  .offset-md-1 {
    margin-left: 8.33333333%;
  }

  .offset-md-2 {
    margin-left: 16.66666667%;
  }

  .offset-md-3 {
    margin-left: 25%;
  }

  .offset-md-4 {
    margin-left: 33.33333333%;
  }

  .offset-md-5 {
    margin-left: 41.66666667%;
  }

  .offset-md-6 {
    margin-left: 50%;
  }

  .offset-md-7 {
    margin-left: 58.33333333%;
  }

  .offset-md-8 {
    margin-left: 66.66666667%;
  }

  .offset-md-9 {
    margin-left: 75%;
  }

  .offset-md-10 {
    margin-left: 83.33333333%;
  }

  .offset-md-11 {
    margin-left: 91.66666667%;
  }

  .g-md-0,
.gx-md-0 {
    --bs-gutter-x: 0;
  }

  .g-md-0,
.gy-md-0 {
    --bs-gutter-y: 0;
  }

  .g-md-1,
.gx-md-1 {
    --bs-gutter-x: 0.25rem;
  }

  .g-md-1,
.gy-md-1 {
    --bs-gutter-y: 0.25rem;
  }

  .g-md-2,
.gx-md-2 {
    --bs-gutter-x: 0.5rem;
  }

  .g-md-2,
.gy-md-2 {
    --bs-gutter-y: 0.5rem;
  }

  .g-md-3,
.gx-md-3 {
    --bs-gutter-x: 1rem;
  }

  .g-md-3,
.gy-md-3 {
    --bs-gutter-y: 1rem;
  }

  .g-md-4,
.gx-md-4 {
    --bs-gutter-x: 1.5rem;
  }

  .g-md-4,
.gy-md-4 {
    --bs-gutter-y: 1.5rem;
  }

  .g-md-5,
.gx-md-5 {
    --bs-gutter-x: 3rem;
  }

  .g-md-5,
.gy-md-5 {
    --bs-gutter-y: 3rem;
  }
}
@media (min-width: 992px) {
  .col-lg-auto {
    flex: 0 0 auto;
    width: auto;
  }

  .col-lg-1 {
    flex: 0 0 auto;
    width: 8.33333333%;
  }

  .col-lg-2 {
    flex: 0 0 auto;
    width: 16.66666667%;
  }

  .col-lg-3 {
    flex: 0 0 auto;
    width: 25%;
  }

  .col-lg-4 {
    flex: 0 0 auto;
    width: 33.33333333%;
  }

  .col-lg-5 {
    flex: 0 0 auto;
    width: 41.66666667%;
  }

  .col-lg-6 {
    flex: 0 0 auto;
    width: 50%;
  }

  .col-lg-7 {
    flex: 0 0 auto;
    width: 58.33333333%;
  }

  .col-lg-8 {
    flex: 0 0 auto;
    width: 66.66666667%;
  }

  .col-lg-9 {
    flex: 0 0 auto;
    width: 75%;
  }

  .col-lg-10 {
    flex: 0 0 auto;
    width: 83.33333333%;
  }

  .col-lg-11 {
    flex: 0 0 auto;
    width: 91.66666667%;
  }

  .col-lg-12 {
    flex: 0 0 auto;
    width: 100%;
  }

  .offset-lg-0 {
    margin-left: 0;
  }

  .offset-lg-1 {
    margin-left: 8.33333333%;
  }

  .offset-lg-2 {
    margin-left: 16.66666667%;
  }

  .offset-lg-3 {
    margin-left: 25%;
  }

  .offset-lg-4 {
    margin-left: 33.33333333%;
  }

  .offset-lg-5 {
    margin-left: 41.66666667%;
  }

  .offset-lg-6 {
    margin-left: 50%;
  }

  .offset-lg-7 {
    margin-left: 58.33333333%;
  }

  .offset-lg-8 {
    margin-left: 66.66666667%;
  }

  .offset-lg-9 {
    margin-left: 75%;
  }

  .offset-lg-10 {
    margin-left: 83.33333333%;
  }

  .offset-lg-11 {
    margin-left: 91.66666667%;
  }

  .g-lg-0,
.gx-lg-0 {
    --bs-gutter-x: 0;
  }

  .g-lg-0,
.gy-lg-0 {
    --bs-gutter-y: 0;
  }

  .g-lg-1,
.gx-lg-1 {
    --bs-gutter-x: 0.25rem;
  }

  .g-lg-1,
.gy-lg-1 {
    --bs-gutter-y: 0.25rem;
  }

  .g-lg-2,
.gx-lg-2 {
    --bs-gutter-x: 0.5rem;
  }

  .g-lg-2,
.gy-lg-2 {
    --bs-gutter-y: 0.5rem;
  }

  .g-lg-3,
.gx-lg-3 {
    --bs-gutter-x: 1rem;
  }

  .g-lg-3,
.gy-lg-3 {
    --bs-gutter-y: 1rem;
  }

  .g-lg-4,
.gx-lg-4 {
    --bs-gutter-x: 1.5rem;
  }

  .g-lg-4,
.gy-lg-4 {
    --bs-gutter-y: 1.5rem;
  }

  .g-lg-5,
.gx-lg-5 {
    --bs-gutter-x: 3rem;
  }

  .g-lg-5,
.gy-lg-5 {
    --bs-gutter-y: 3rem;
  }
}
@media (min-width: 1200px) {
  .col-xl-auto {
    flex: 0 0 auto;
    width: auto;
  }

  .col-xl-1 {
    flex: 0 0 auto;
    width: 8.33333333%;
  }

  .col-xl-2 {
    flex: 0 0 auto;
    width: 16.66666667%;
  }

  .col-xl-3 {
    flex: 0 0 auto;
    width: 25%;
  }

  .col-xl-4 {
    flex: 0 0 auto;
    width: 33.33333333%;
  }

  .col-xl-5 {
    flex: 0 0 auto;
    width: 41.66666667%;
  }

  .col-xl-6 {
    flex: 0 0 auto;
    width: 50%;
  }

  .col-xl-7 {
    flex: 0 0 auto;
    width: 58.33333333%;
  }

  .col-xl-8 {
    flex: 0 0 auto;
    width: 66.66666667%;
  }

  .col-xl-9 {
    flex: 0 0 auto;
    width: 75%;
  }

  .col-xl-10 {
    flex: 0 0 auto;
    width: 83.33333333%;
  }

  .col-xl-11 {
    flex: 0 0 auto;
    width: 91.66666667%;
  }

  .col-xl-12 {
    flex: 0 0 auto;
    width: 100%;
  }

  .offset-xl-0 {
    margin-left: 0;
  }

  .offset-xl-1 {
    margin-left: 8.33333333%;
  }

  .offset-xl-2 {
    margin-left: 16.66666667%;
  }

  .offset-xl-3 {
    margin-left: 25%;
  }

  .offset-xl-4 {
    margin-left: 33.33333333%;
  }

  .offset-xl-5 {
    margin-left: 41.66666667%;
  }

  .offset-xl-6 {
    margin-left: 50%;
  }

  .offset-xl-7 {
    margin-left: 58.33333333%;
  }

  .offset-xl-8 {
    margin-left: 66.66666667%;
  }

  .offset-xl-9 {
    margin-left: 75%;
  }

  .offset-xl-10 {
    margin-left: 83.33333333%;
  }

  .offset-xl-11 {
    margin-left: 91.66666667%;
  }

  .g-xl-0,
.gx-xl-0 {
    --bs-gutter-x: 0;
  }

  .g-xl-0,
.gy-xl-0 {
    --bs-gutter-y: 0;
  }

  .g-xl-1,
.gx-xl-1 {
    --bs-gutter-x: 0.25rem;
  }

  .g-xl-1,
.gy-xl-1 {
    --bs-gutter-y: 0.25rem;
  }

  .g-xl-2,
.gx-xl-2 {
    --bs-gutter-x: 0.5rem;
  }

  .g-xl-2,
.gy-xl-2 {
    --bs-gutter-y: 0.5rem;
  }

  .g-xl-3,
.gx-xl-3 {
    --bs-gutter-x: 1rem;
  }

  .g-xl-3,
.gy-xl-3 {
    --bs-gutter-y: 1rem;
  }

  .g-xl-4,
.gx-xl-4 {
    --bs-gutter-x: 1.5rem;
  }

  .g-xl-4,
.gy-xl-4 {
    --bs-gutter-y: 1.5rem;
  }

  .g-xl-5,
.gx-xl-5 {
    --bs-gutter-x: 3rem;
  }

  .g-xl-5,
.gy-xl-5 {
    --bs-gutter-y: 3rem;
  }
}
@media (min-width: 1400px) {
  .col-xxl-auto {
    flex: 0 0 auto;
    width: auto;
  }

  .col-xxl-1 {
    flex: 0 0 auto;
    width: 8.33333333%;
  }

  .col-xxl-2 {
    flex: 0 0 auto;
    width: 16.66666667%;
  }

  .col-xxl-3 {
    flex: 0 0 auto;
    width: 25%;
  }

  .col-xxl-4 {
    flex: 0 0 auto;
    width: 33.33333333%;
  }

  .col-xxl-5 {
    flex: 0 0 auto;
    width: 41.66666667%;
  }

  .col-xxl-6 {
    flex: 0 0 auto;
    width: 50%;
  }

  .col-xxl-7 {
    flex: 0 0 auto;
    width: 58.33333333%;
  }

  .col-xxl-8 {
    flex: 0 0 auto;
    width: 66.66666667%;
  }

  .col-xxl-9 {
    flex: 0 0 auto;
    width: 75%;
  }

  .col-xxl-10 {
    flex: 0 0 auto;
    width: 83.33333333%;
  }

  .col-xxl-11 {
    flex: 0 0 auto;
    width: 91.66666667%;
  }

  .col-xxl-12 {
    flex: 0 0 auto;
    width: 100%;
  }

  .offset-xxl-0 {
    margin-left: 0;
  }

  .offset-xxl-1 {
    margin-left: 8.33333333%;
  }

  .offset-xxl-2 {
    margin-left: 16.66666667%;
  }

  .offset-xxl-3 {
    margin-left: 25%;
  }

  .offset-xxl-4 {
    margin-left: 33.33333333%;
  }

  .offset-xxl-5 {
    margin-left: 41.66666667%;
  }

  .offset-xxl-6 {
    margin-left: 50%;
  }

  .offset-xxl-7 {
    margin-left: 58.33333333%;
  }

  .offset-xxl-8 {
    margin-left: 66.66666667%;
  }

  .offset-xxl-9 {
    margin-left: 75%;
  }

  .offset-xxl-10 {
    margin-left: 83.33333333%;
  }

  .offset-xxl-11 {
    margin-left: 91.66666667%;
  }

  .g-xxl-0,
.gx-xxl-0 {
    --bs-gutter-x: 0;
  }

  .g-xxl-0,
.gy-xxl-0 {
    --bs-gutter-y: 0;
  }

  .g-xxl-1,
.gx-xxl-1 {
    --bs-gutter-x: 0.25rem;
  }

  .g-xxl-1,
.gy-xxl-1 {
    --bs-gutter-y: 0.25rem;
  }

  .g-xxl-2,
.gx-xxl-2 {
	--bs-gutter-x: 0.5rem;
  }

  .g-xxl-2,
.gy-xxl-2 {
    --bs-gutter-y: 0.5rem;
  }

  .g-xxl-3,
.gx-xxl-3 {
    --bs-gutter-x: 1rem;
  }

  .g-xxl-3,
.gy-xxl-3 {
    --bs-gutter-y: 1rem;
  }

  .g-xxl-4,
.gx-xxl-4 {
    --bs-gutter-x: 1.5rem;
  }

  .g-xxl-4,
.gy-xxl-4 {
    --bs-gutter-y: 1.5rem;
  }

  .g-xxl-5,
.gx-xxl-5 {
    --bs-gutter-x: 3rem;
  }

  .g-xxl-5,
.gy-xxl-5 {
    --bs-gutter-y: 3rem;
  }
}

@media (min-width: 576px) {
  .float-sm-start {
    float: left !important;
  }

  .float-sm-end {
    float: right !important;
  }

  .float-sm-none {
    float: none !important;
  }

  .d-sm-inline {
    display: inline !important;
  }

  .d-sm-inline-block {
    display: inline-block !important;
  }

  .d-sm-block {
    display: block !important;
  }

  .d-sm-grid {
    display: grid !important;
  }

  .d-sm-table {
    display: table !important;
  }

  .d-sm-table-row {
    display: table-row !important;
  }

  .d-sm-table-cell {
    display: table-cell !important;
  }

  .d-sm-flex {
    display: flex !important;
  }

  .d-sm-inline-flex {
    display: inline-flex !important;
  }

  .d-sm-none {
    display: none !important;
  }

  .flex-sm-fill {
    flex: 1 1 auto !important;
  }

  .flex-sm-row {
    flex-direction: row !important;
  }

  .flex-sm-column {
    flex-direction: column !important;
  }

  .flex-sm-row-reverse {
    flex-direction: row-reverse !important;
  }

  .flex-sm-column-reverse {
    flex-direction: column-reverse !important;
  }

  .flex-sm-grow-0 {
    flex-grow: 0 !important;
  }

  .flex-sm-grow-1 {
    flex-grow: 1 !important;
  }

  .flex-sm-shrink-0 {
    flex-shrink: 0 !important;
  }

  .flex-sm-shrink-1 {
    flex-shrink: 1 !important;
  }

  .flex-sm-wrap {
    flex-wrap: wrap !important;
  }

  .flex-sm-nowrap {
    flex-wrap: nowrap !important;
  }

  .flex-sm-wrap-reverse {
    flex-wrap: wrap-reverse !important;
  }

  .gap-sm-0 {
    gap: 0 !important;
  }

  .gap-sm-1 {
    gap: 0.25rem !important;
  }

  .gap-sm-2 {
    gap: 0.5rem !important;
  }

  .gap-sm-3 {
    gap: 1rem !important;
  }

  .gap-sm-4 {
    gap: 1.5rem !important;
  }

  .gap-sm-5 {
    gap: 3rem !important;
  }

  .justify-content-sm-start {
    justify-content: flex-start !important;
  }

  .justify-content-sm-end {
    justify-content: flex-end !important;
  }

  .justify-content-sm-center {
    justify-content: center !important;
  }

  .justify-content-sm-between {
    justify-content: space-between !important;
  }

  .justify-content-sm-around {
    justify-content: space-around !important;
  }

  .justify-content-sm-evenly {
    justify-content: space-evenly !important;
  }

  .align-items-sm-start {
    align-items: flex-start !important;
  }

  .align-items-sm-end {
    align-items: flex-end !important;
  }

  .align-items-sm-center {
    align-items: center !important;
  }

  .align-items-sm-baseline {
    align-items: baseline !important;
  }

  .align-items-sm-stretch {
    align-items: stretch !important;
  }

  .align-content-sm-start {
    align-content: flex-start !important;
  }

  .align-content-sm-end {
    align-content: flex-end !important;
  }

  .align-content-sm-center {
    align-content: center !important;
  }

  .align-content-sm-between {
    align-content: space-between !important;
  }

  .align-content-sm-around {
    align-content: space-around !important;
  }

  .align-content-sm-stretch {
    align-content: stretch !important;
  }

  .align-self-sm-auto {
    align-self: auto !important;
  }

  .align-self-sm-start {
    align-self: flex-start !important;
  }

  .align-self-sm-end {
    align-self: flex-end !important;
  }

  .align-self-sm-center {
    align-self: center !important;
  }

  .align-self-sm-baseline {
    align-self: baseline !important;
  }

  .align-self-sm-stretch {
    align-self: stretch !important;
  }

  .order-sm-first {
    order: -1 !important;
  }

  .order-sm-0 {
    order: 0 !important;
  }

  .order-sm-1 {
    order: 1 !important;
  }

  .order-sm-2 {
    order: 2 !important;
  }

  .order-sm-3 {
    order: 3 !important;
  }

  .order-sm-4 {
    order: 4 !important;
  }

  .order-sm-5 {
    order: 5 !important;
  }

  .order-sm-last {
    order: 6 !important;
  }

  .m-sm-0 {
    margin: 0 !important;
  }

  .m-sm-1 {
    margin: 0.25rem !important;
  }

  .m-sm-2 {
    margin: 0.5rem !important;
  }

  .m-sm-3 {
    margin: 1rem !important;
  }

  .m-sm-4 {
    margin: 1.5rem !important;
  }

  .m-sm-5 {
    margin: 3rem !important;
  }

  .m-sm-auto {
    margin: auto !important;
  }

  .mx-sm-0 {
    margin-right: 0 !important;
    margin-left: 0 !important;
  }

  .mx-sm-1 {
    margin-right: 0.25rem !important;
    margin-left: 0.25rem !important;
  }

  .mx-sm-2 {
    margin-right: 0.5rem !important;
    margin-left: 0.5rem !important;
  }

  .mx-sm-3 {
    margin-right: 1rem !important;
    margin-left: 1rem !important;
  }

  .mx-sm-4 {
    margin-right: 1.5rem !important;
    margin-left: 1.5rem !important;
  }

  .mx-sm-5 {
    margin-right: 3rem !important;
    margin-left: 3rem !important;
  }

  .mx-sm-auto {
    margin-right: auto !important;
    margin-left: auto !important;
  }

  .my-sm-0 {
    margin-top: 0 !important;
    margin-bottom: 0 !important;
  }

  .my-sm-1 {
    margin-top: 0.25rem !important;
    margin-bottom: 0.25rem !important;
  }

  .my-sm-2 {
    margin-top: 0.5rem !important;
    margin-bottom: 0.5rem !important;
  }

  .my-sm-3 {
    margin-top: 1rem !important;
    margin-bottom: 1rem !important;
  }

  .my-sm-4 {
    margin-top: 1.5rem !important;
    margin-bottom: 1.5rem !important;
  }

  .my-sm-5 {
    margin-top: 3rem !important;
    margin-bottom: 3rem !important;
  }

  .my-sm-auto {
    margin-top: auto !important;
    margin-bottom: auto !important;
  }

  .mt-sm-0 {
    margin-top: 0 !important;
  }

  .mt-sm-1 {
    margin-top: 0.25rem !important;
  }

  .mt-sm-2 {
    margin-top: 0.5rem !important;
  }

  .mt-sm-3 {
    margin-top: 1rem !important;
  }

  .mt-sm-4 {
    margin-top: 1.5rem !important;
  }

  .mt-sm-5 {
    margin-top: 3rem !important;
  }

  .mt-sm-auto {
    margin-top: auto !important;
  }

  .me-sm-0 {
    margin-right: 0 !important;
  }

  .me-sm-1 {
    margin-right: 0.25rem !important;
  }

  .me-sm-2 {
    margin-right: 0.5rem !important;
  }

  .me-sm-3 {
    margin-right: 1rem !important;
  }

  .me-sm-4 {
    margin-right: 1.5rem !important;
  }

  .me-sm-5 {
    margin-right: 3rem !important;
  }

  .me-sm-auto {
    margin-right: auto !important;
  }

  .mb-sm-0 {
    margin-bottom: 0 !important;
  }

  .mb-sm-1 {
    margin-bottom: 0.25rem !important;
  }

  .mb-sm-2 {
    margin-bottom: 0.5rem !important;
  }

  .mb-sm-3 {
    margin-bottom: 1rem !important;
  }

  .mb-sm-4 {
    margin-bottom: 1.5rem !important;
  }

  .mb-sm-5 {
    margin-bottom: 3rem !important;
  }

  .mb-sm-auto {
    margin-bottom: auto !important;
  }

  .ms-sm-0 {
    margin-left: 0 !important;
  }

  .ms-sm-1 {
    margin-left: 0.25rem !important;
  }

  .ms-sm-2 {
    margin-left: 0.5rem !important;
  }

  .ms-sm-3 {
    margin-left: 1rem !important;
  }

  .ms-sm-4 {
    margin-left: 1.5rem !important;
  }

  .ms-sm-5 {
    margin-left: 3rem !important;
  }

  .ms-sm-auto {
    margin-left: auto !important;
  }

  .p-sm-0 {
    padding: 0 !important;
  }

  .p-sm-1 {
    padding: 0.25rem !important;
  }

  .p-sm-2 {
    padding: 0.5rem !important;
  }

  .p-sm-3 {
    padding: 1rem !important;
  }

  .p-sm-4 {
    padding: 1.5rem !important;
  }

  .p-sm-5 {
    padding: 3rem !important;
  }

  .px-sm-0 {
    padding-right: 0 !important;
    padding-left: 0 !important;
  }

  .px-sm-1 {
    padding-right: 0.25rem !important;
    padding-left: 0.25rem !important;
  }

  .px-sm-2 {
    padding-right: 0.5rem !important;
    padding-left: 0.5rem !important;
  }

  .px-sm-3 {
    padding-right: 1rem !important;
    padding-left: 1rem !important;
  }

  .px-sm-4 {
    padding-right: 1.5rem !important;
    padding-left: 1.5rem !important;
  }

  .px-sm-5 {
    padding-right: 3rem !important;
    padding-left: 3rem !important;
  }

  .py-sm-0 {
    padding-top: 0 !important;
    padding-bottom: 0 !important;
  }

  .py-sm-1 {
    padding-top: 0.25rem !important;
    padding-bottom: 0.25rem !important;
  }

  .py-sm-2 {
    padding-top: 0.5rem !important;
    padding-bottom: 0.5rem !important;
  }

  .py-sm-3 {
    padding-top: 1rem !important;
    padding-bottom: 1rem !important;
  }

  .py-sm-4 {
    padding-top: 1.5rem !important;
    padding-bottom: 1.5rem !important;
  }

  .py-sm-5 {
    padding-top: 3rem !important;
    padding-bottom: 3rem !important;
  }

  .pt-sm-0 {
    padding-top: 0 !important;
  }

  .pt-sm-1 {
    padding-top: 0.25rem !important;
  }

  .pt-sm-2 {
    padding-top: 0.5rem !important;
  }

  .pt-sm-3 {
    padding-top: 1rem !important;
  }

  .pt-sm-4 {
    padding-top: 1.5rem !important;
  }

  .pt-sm-5 {
    padding-top: 3rem !important;
  }

  .pe-sm-0 {
    padding-right: 0 !important;
  }

  .pe-sm-1 {
    padding-right: 0.25rem !important;
  }

  .pe-sm-2 {
    padding-right: 0.5rem !important;
  }

  .pe-sm-3 {
    padding-right: 1rem !important;
  }

  .pe-sm-4 {
    padding-right: 1.5rem !important;
  }

  .pe-sm-5 {
    padding-right: 3rem !important;
  }

  .pb-sm-0 {
    padding-bottom: 0 !important;
  }

  .pb-sm-1 {
    padding-bottom: 0.25rem !important;
  }

  .pb-sm-2 {
    padding-bottom: 0.5rem !important;
  }

  .pb-sm-3 {
    padding-bottom: 1rem !important;
  }

  .pb-sm-4 {
    padding-bottom: 1.5rem !important;
  }

  .pb-sm-5 {
    padding-bottom: 3rem !important;
  }

  .ps-sm-0 {
    padding-left: 0 !important;
  }

  .ps-sm-1 {
    padding-left: 0.25rem !important;
  }

  .ps-sm-2 {
    padding-left: 0.5rem !important;
  }

  .ps-sm-3 {
    padding-left: 1rem !important;
  }

  .ps-sm-4 {
    padding-left: 1.5rem !important;
  }

  .ps-sm-5 {
    padding-left: 3rem !important;
  }

  .text-sm-start {
    text-align: left !important;
  }

  .text-sm-end {
    text-align: right !important;
  }

  .text-sm-center {
    text-align: center !important;
  }
}
@media (min-width: 768px) {
  .float-md-start {
    float: left !important;
  }

  .float-md-end {
    float: right !important;
  }

  .float-md-none {
    float: none !important;
  }

  .d-md-inline {
    display: inline !important;
  }

  .d-md-inline-block {
    display: inline-block !important;
  }

  .d-md-block {
    display: block !important;
  }

  .d-md-grid {
    display: grid !important;
  }

  .d-md-table {
    display: table !important;
  }

  .d-md-table-row {
    display: table-row !important;
  }

  .d-md-table-cell {
    display: table-cell !important;
  }

  .d-md-flex {
    display: flex !important;
  }

  .d-md-inline-flex {
    display: inline-flex !important;
  }

  .d-md-none {
    display: none !important;
  }

  .flex-md-fill {
    flex: 1 1 auto !important;
  }

  .flex-md-row {
    flex-direction: row !important;
  }

  .flex-md-column {
    flex-direction: column !important;
  }

  .flex-md-row-reverse {
    flex-direction: row-reverse !important;
  }

  .flex-md-column-reverse {
    flex-direction: column-reverse !important;
  }

  .flex-md-grow-0 {
    flex-grow: 0 !important;
  }

  .flex-md-grow-1 {
    flex-grow: 1 !important;
  }

  .flex-md-shrink-0 {
    flex-shrink: 0 !important;
  }

  .flex-md-shrink-1 {
    flex-shrink: 1 !important;
  }

  .flex-md-wrap {
    flex-wrap: wrap !important;
  }

  .flex-md-nowrap {
    flex-wrap: nowrap !important;
  }

  .flex-md-wrap-reverse {
    flex-wrap: wrap-reverse !important;
  }

  .gap-md-0 {
    gap: 0 !important;
  }

  .gap-md-1 {
    gap: 0.25rem !important;
  }

  .gap-md-2 {
    gap: 0.5rem !important;
  }

  .gap-md-3 {
    gap: 1rem !important;
  }

  .gap-md-4 {
    gap: 1.5rem !important;
  }

  .gap-md-5 {
    gap: 3rem !important;
  }

  .justify-content-md-start {
    justify-content: flex-start !important;
  }

  .justify-content-md-end {
    justify-content: flex-end !important;
  }

  .justify-content-md-center {
    justify-content: center !important;
  }

  .justify-content-md-between {
    justify-content: space-between !important;
  }

  .justify-content-md-around {
    justify-content: space-around !important;
  }

  .justify-content-md-evenly {
    justify-content: space-evenly !important;
  }

  .align-items-md-start {
    align-items: flex-start !important;
  }

  .align-items-md-end {
    align-items: flex-end !important;
  }

  .align-items-md-center {
    align-items: center !important;
  }

  .align-items-md-baseline {
    align-items: baseline !important;
  }

  .align-items-md-stretch {
    align-items: stretch !important;
  }

  .align-content-md-start {
    align-content: flex-start !important;
  }

  .align-content-md-end {
    align-content: flex-end !important;
  }

  .align-content-md-center {
    align-content: center !important;
  }

  .align-content-md-between {
    align-content: space-between !important;
  }

  .align-content-md-around {
    align-content: space-around !important;
  }

  .align-content-md-stretch {
    align-content: stretch !important;
  }

  .align-self-md-auto {
    align-self: auto !important;
  }

  .align-self-md-start {
    align-self: flex-start !important;
  }

  .align-self-md-end {
    align-self: flex-end !important;
  }

  .align-self-md-center {
    align-self: center !important;
  }

  .align-self-md-baseline {
    align-self: baseline !important;
  }

  .align-self-md-stretch {
    align-self: stretch !important;
  }

  .order-md-first {
    order: -1 !important;
  }

  .order-md-0 {
    order: 0 !important;
  }

  .order-md-1 {
    order: 1 !important;
  }

  .order-md-2 {
    order: 2 !important;
  }

  .order-md-3 {
    order: 3 !important;
  }

  .order-md-4 {
    order: 4 !important;
  }

  .order-md-5 {
    order: 5 !important;
  }

  .order-md-last {
    order: 6 !important;
  }

  .m-md-0 {
    margin: 0 !important;
  }

  .m-md-1 {
    margin: 0.25rem !important;
  }

  .m-md-2 {
    margin: 0.5rem !important;
  }

  .m-md-3 {
    margin: 1rem !important;
  }

  .m-md-4 {
    margin: 1.5rem !important;
  }

  .m-md-5 {
    margin: 3rem !important;
  }

  .m-md-auto {
    margin: auto !important;
  }

  .mx-md-0 {
    margin-right: 0 !important;
    margin-left: 0 !important;
  }

  .mx-md-1 {
    margin-right: 0.25rem !important;
    margin-left: 0.25rem !important;
  }

  .mx-md-2 {
    margin-right: 0.5rem !important;
    margin-left: 0.5rem !important;
  }

  .mx-md-3 {
    margin-right: 1rem !important;
    margin-left: 1rem !important;
  }

  .mx-md-4 {
    margin-right: 1.5rem !important;
    margin-left: 1.5rem !important;
  }

  .mx-md-5 {
    margin-right: 3rem !important;
    margin-left: 3rem !important;
  }

  .mx-md-auto {
    margin-right: auto !important;
    margin-left: auto !important;
  }

  .my-md-0 {
    margin-top: 0 !important;
    margin-bottom: 0 !important;
  }

  .my-md-1 {
    margin-top: 0.25rem !important;
    margin-bottom: 0.25rem !important;
  }

  .my-md-2 {
    margin-top: 0.5rem !important;
    margin-bottom: 0.5rem !important;
  }

  .my-md-3 {
    margin-top: 1rem !important;
    margin-bottom: 1rem !important;
  }

  .my-md-4 {
    margin-top: 1.5rem !important;
    margin-bottom: 1.5rem !important;
  }

  .my-md-5 {
    margin-top: 3rem !important;
    margin-bottom: 3rem !important;
  }

  .my-md-auto {
    margin-top: auto !important;
    margin-bottom: auto !important;
  }

  .mt-md-0 {
    margin-top: 0 !important;
  }

  .mt-md-1 {
    margin-top: 0.25rem !important;
  }

  .mt-md-2 {
    margin-top: 0.5rem !important;
  }

  .mt-md-3 {
    margin-top: 1rem !important;
  }

  .mt-md-4 {
    margin-top: 1.5rem !important;
  }

  .mt-md-5 {
    margin-top: 3rem !important;
  }

  .mt-md-auto {
    margin-top: auto !important;
  }

  .me-md-0 {
    margin-right: 0 !important;
  }

  .me-md-1 {
    margin-right: 0.25rem !important;
  }

  .me-md-2 {
    margin-right: 0.5rem !important;
  }

  .me-md-3 {
    margin-right: 1rem !important;
  }

  .me-md-4 {
    margin-right: 1.5rem !important;
  }

  .me-md-5 {
    margin-right: 3rem !important;
  }

  .me-md-auto {
    margin-right: auto !important;
  }

  .mb-md-0 {
    margin-bottom: 0 !important;
  }

  .mb-md-1 {
    margin-bottom: 0.25rem !important;
  }

  .mb-md-2 {
    margin-bottom: 0.5rem !important;
  }

  .mb-md-3 {
    margin-bottom: 1rem !important;
  }

  .mb-md-4 {
    margin-bottom: 1.5rem !important;
  }

  .mb-md-5 {
    margin-bottom: 3rem !important;
  }

  .mb-md-auto {
    margin-bottom: auto !important;
  }

  .ms-md-0 {
    margin-left: 0 !important;
  }

  .ms-md-1 {
    margin-left: 0.25rem !important;
  }

  .ms-md-2 {
    margin-left: 0.5rem !important;
  }

  .ms-md-3 {
    margin-left: 1rem !important;
  }

  .ms-md-4 {
    margin-left: 1.5rem !important;
  }

  .ms-md-5 {
    margin-left: 3rem !important;
  }

  .ms-md-auto {
    margin-left: auto !important;
  }

  .p-md-0 {
    padding: 0 !important;
  }

  .p-md-1 {
    padding: 0.25rem !important;
  }

  .p-md-2 {
    padding: 0.5rem !important;
  }

  .p-md-3 {
    padding: 1rem !important;
  }

  .p-md-4 {
    padding: 1.5rem !important;
  }

  .p-md-5 {
    padding: 3rem !important;
  }

  .px-md-0 {
    padding-right: 0 !important;
    padding-left: 0 !important;
  }

  .px-md-1 {
    padding-right: 0.25rem !important;
    padding-left: 0.25rem !important;
  }

  .px-md-2 {
    padding-right: 0.5rem !important;
    padding-left: 0.5rem !important;
  }

  .px-md-3 {
    padding-right: 1rem !important;
    padding-left: 1rem !important;
  }

  .px-md-4 {
    padding-right: 1.5rem !important;
    padding-left: 1.5rem !important;
  }

  .px-md-5 {
    padding-right: 3rem !important;
    padding-left: 3rem !important;
  }

  .py-md-0 {
    padding-top: 0 !important;
    padding-bottom: 0 !important;
  }

  .py-md-1 {
    padding-top: 0.25rem !important;
    padding-bottom: 0.25rem !important;
  }

  .py-md-2 {
    padding-top: 0.5rem !important;
    padding-bottom: 0.5rem !important;
  }

  .py-md-3 {
    padding-top: 1rem !important;
    padding-bottom: 1rem !important;
  }

  .py-md-4 {
    padding-top: 1.5rem !important;
    padding-bottom: 1.5rem !important;
  }

  .py-md-5 {
    padding-top: 3rem !important;
    padding-bottom: 3rem !important;
  }

  .pt-md-0 {
    padding-top: 0 !important;
  }

  .pt-md-1 {
    padding-top: 0.25rem !important;
  }

  .pt-md-2 {
    padding-top: 0.5rem !important;
  }

  .pt-md-3 {
    padding-top: 1rem !important;
  }

  .pt-md-4 {
    padding-top: 1.5rem !important;
  }

  .pt-md-5 {
    padding-top: 3rem !important;
  }

  .pe-md-0 {
    padding-right: 0 !important;
  }

  .pe-md-1 {
    padding-right: 0.25rem !important;
  }

  .pe-md-2 {
    padding-right: 0.5rem !important;
  }

  .pe-md-3 {
    padding-right: 1rem !important;
  }

  .pe-md-4 {
    padding-right: 1.5rem !important;
  }

  .pe-md-5 {
    padding-right: 3rem !important;
  }

  .pb-md-0 {
    padding-bottom: 0 !important;
  }

  .pb-md-1 {
    padding-bottom: 0.25rem !important;
  }

  .pb-md-2 {
    padding-bottom: 0.5rem !important;
  }

  .pb-md-3 {
    padding-bottom: 1rem !important;
  }

  .pb-md-4 {
    padding-bottom: 1.5rem !important;
  }

  .pb-md-5 {
    padding-bottom: 3rem !important;
  }

  .ps-md-0 {
    padding-left: 0 !important;
  }

  .ps-md-1 {
    padding-left: 0.25rem !important;
  }

  .ps-md-2 {
    padding-left: 0.5rem !important;
  }

  .ps-md-3 {
    padding-left: 1rem !important;
  }

  .ps-md-4 {
    padding-left: 1.5rem !important;
  }

  .ps-md-5 {
    padding-left: 3rem !important;
  }

  .text-md-start {
    text-align: left !important;
  }

  .text-md-end {
    text-align: right !important;
  }

  .text-md-center {
    text-align: center !important;
  }
}
@media (min-width: 992px) {
  .float-lg-start {
    float: left !important;
  }

  .float-lg-end {
    float: right !important;
  }

  .float-lg-none {
    float: none !important;
  }

  .d-lg-inline {
    display: inline !important;
  }

  .d-lg-inline-block {
    display: inline-block !important;
  }

  .d-lg-block {
    display: block !important;
  }

  .d-lg-grid {
    display: grid !important;
  }

  .d-lg-table {
    display: table !important;
  }

  .d-lg-table-row {
    display: table-row !important;
  }

  .d-lg-table-cell {
    display: table-cell !important;
  }

  .d-lg-flex {
    display: flex !important;
  }

  .d-lg-inline-flex {
    display: inline-flex !important;
  }

  .d-lg-none {
    display: none !important;
  }

  .flex-lg-fill {
    flex: 1 1 auto !important;
  }

  .flex-lg-row {
    flex-direction: row !important;
  }

  .flex-lg-column {
    flex-direction: column !important;
  }

  .flex-lg-row-reverse {
    flex-direction: row-reverse !important;
  }

  .flex-lg-column-reverse {
    flex-direction: column-reverse !important;
  }

  .flex-lg-grow-0 {
    flex-grow: 0 !important;
  }

  .flex-lg-grow-1 {
    flex-grow: 1 !important;
  }

  .flex-lg-shrink-0 {
    flex-shrink: 0 !important;
  }

  .flex-lg-shrink-1 {
    flex-shrink: 1 !important;
  }

  .flex-lg-wrap {
    flex-wrap: wrap !important;
  }

  .flex-lg-nowrap {
    flex-wrap: nowrap !important;
  }

  .flex-lg-wrap-reverse {
    flex-wrap: wrap-reverse !important;
  }

  .gap-lg-0 {
    gap: 0 !important;
  }

  .gap-lg-1 {
    gap: 0.25rem !important;
  }

  .gap-lg-2 {
    gap: 0.5rem !important;
  }

  .gap-lg-3 {
    gap: 1rem !important;
  }

  .gap-lg-4 {
    gap: 1.5rem !important;
  }

  .gap-lg-5 {
    gap: 3rem !important;
  }

  .justify-content-lg-start {
    justify-content: flex-start !important;
  }

  .justify-content-lg-end {
    justify-content: flex-end !important;
  }

  .justify-content-lg-center {
    justify-content: center !important;
  }

  .justify-content-lg-between {
    justify-content: space-between !important;
  }

  .justify-content-lg-around {
    justify-content: space-around !important;
  }

  .justify-content-lg-evenly {
    justify-content: space-evenly !important;
  }

  .align-items-lg-start {
    align-items: flex-start !important;
  }

  .align-items-lg-end {
    align-items: flex-end !important;
  }

  .align-items-lg-center {
    align-items: center !important;
  }

  .align-items-lg-baseline {
    align-items: baseline !important;
  }

  .align-items-lg-stretch {
    align-items: stretch !important;
  }

  .align-content-lg-start {
    align-content: flex-start !important;
  }

  .align-content-lg-end {
    align-content: flex-end !important;
  }

  .align-content-lg-center {
    align-content: center !important;
  }

  .align-content-lg-between {
    align-content: space-between !important;
  }

  .align-content-lg-around {
    align-content: space-around !important;
  }

  .align-content-lg-stretch {
    align-content: stretch !important;
  }

  .align-self-lg-auto {
    align-self: auto !important;
  }

  .align-self-lg-start {
    align-self: flex-start !important;
  }

  .align-self-lg-end {
    align-self: flex-end !important;
  }

  .align-self-lg-center {
    align-self: center !important;
  }

  .align-self-lg-baseline {
    align-self: baseline !important;
  }

  .align-self-lg-stretch {
    align-self: stretch !important;
  }

  .order-lg-first {
    order: -1 !important;
  }

  .order-lg-0 {
    order: 0 !important;
  }

  .order-lg-1 {
    order: 1 !important;
  }

  .order-lg-2 {
    order: 2 !important;
  }

  .order-lg-3 {
    order: 3 !important;
  }

  .order-lg-4 {
    order: 4 !important;
  }

  .order-lg-5 {
    order: 5 !important;
  }

  .order-lg-last {
    order: 6 !important;
  }

  .m-lg-0 {
    margin: 0 !important;
  }

  .m-lg-1 {
    margin: 0.25rem !important;
  }

  .m-lg-2 {
    margin: 0.5rem !important;
  }

  .m-lg-3 {
    margin: 1rem !important;
  }

  .m-lg-4 {
    margin: 1.5rem !important;
  }

  .m-lg-5 {
    margin: 3rem !important;
  }

  .m-lg-auto {
    margin: auto !important;
  }

  .mx-lg-0 {
    margin-right: 0 !important;
    margin-left: 0 !important;
  }

  .mx-lg-1 {
    margin-right: 0.25rem !important;
    margin-left: 0.25rem !important;
  }

  .mx-lg-2 {
    margin-right: 0.5rem !important;
    margin-left: 0.5rem !important;
  }

  .mx-lg-3 {
    margin-right: 1rem !important;
    margin-left: 1rem !important;
  }

  .mx-lg-4 {
    margin-right: 1.5rem !important;
    margin-left: 1.5rem !important;
  }

  .mx-lg-5 {
    margin-right: 3rem !important;
    margin-left: 3rem !important;
  }

  .mx-lg-auto {
    margin-right: auto !important;
    margin-left: auto !important;
  }

  .my-lg-0 {
    margin-top: 0 !important;
    margin-bottom: 0 !important;
  }

  .my-lg-1 {
    margin-top: 0.25rem !important;
    margin-bottom: 0.25rem !important;
  }

  .my-lg-2 {
    margin-top: 0.5rem !important;
    margin-bottom: 0.5rem !important;
  }

  .my-lg-3 {
    margin-top: 1rem !important;
    margin-bottom: 1rem !important;
  }

  .my-lg-4 {
    margin-top: 1.5rem !important;
    margin-bottom: 1.5rem !important;
  }

  .my-lg-5 {
    margin-top: 3rem !important;
    margin-bottom: 3rem !important;
  }

  .my-lg-auto {
    margin-top: auto !important;
    margin-bottom: auto !important;
  }

  .mt-lg-0 {
    margin-top: 0 !important;
  }

  .mt-lg-1 {
    margin-top: 0.25rem !important;
  }

  .mt-lg-2 {
    margin-top: 0.5rem !important;
  }

  .mt-lg-3 {
    margin-top: 1rem !important;
  }

  .mt-lg-4 {
    margin-top: 1.5rem !important;
  }

  .mt-lg-5 {
    margin-top: 3rem !important;
  }

  .mt-lg-auto {
    margin-top: auto !important;
  }

  .me-lg-0 {
    margin-right: 0 !important;
  }

  .me-lg-1 {
    margin-right: 0.25rem !important;
  }

  .me-lg-2 {
    margin-right: 0.5rem !important;
  }

  .me-lg-3 {
    margin-right: 1rem !important;
  }

  .me-lg-4 {
    margin-right: 1.5rem !important;
  }

  .me-lg-5 {
    margin-right: 3rem !important;
  }

  .me-lg-auto {
    margin-right: auto !important;
  }

  .mb-lg-0 {
    margin-bottom: 0 !important;
  }

  .mb-lg-1 {
    margin-bottom: 0.25rem !important;
  }

  .mb-lg-2 {
    margin-bottom: 0.5rem !important;
  }

  .mb-lg-3 {
    margin-bottom: 1rem !important;
  }

  .mb-lg-4 {
    margin-bottom: 1.5rem !important;
  }

  .mb-lg-5 {
    margin-bottom: 3rem !important;
  }

  .mb-lg-auto {
    margin-bottom: auto !important;
  }

  .ms-lg-0 {
    margin-left: 0 !important;
  }

  .ms-lg-1 {
    margin-left: 0.25rem !important;
  }

  .ms-lg-2 {
    margin-left: 0.5rem !important;
  }

  .ms-lg-3 {
    margin-left: 1rem !important;
  }

  .ms-lg-4 {
    margin-left: 1.5rem !important;
  }

  .ms-lg-5 {
    margin-left: 3rem !important;
  }

  .ms-lg-auto {
    margin-left: auto !important;
  }

  .p-lg-0 {
    padding: 0 !important;
  }

  .p-lg-1 {
    padding: 0.25rem !important;
  }

  .p-lg-2 {
    padding: 0.5rem !important;
  }

  .p-lg-3 {
    padding: 1rem !important;
  }

  .p-lg-4 {
    padding: 1.5rem !important;
  }

  .p-lg-5 {
    padding: 3rem !important;
  }

  .px-lg-0 {
    padding-right: 0 !important;
    padding-left: 0 !important;
  }

  .px-lg-1 {
    padding-right: 0.25rem !important;
    padding-left: 0.25rem !important;
  }

  .px-lg-2 {
    padding-right: 0.5rem !important;
    padding-left: 0.5rem !important;
  }

  .px-lg-3 {
    padding-right: 1rem !important;
    padding-left: 1rem !important;
  }

  .px-lg-4 {
    padding-right: 1.5rem !important;
    padding-left: 1.5rem !important;
  }

  .px-lg-5 {
    padding-right: 3rem !important;
    padding-left: 3rem !important;
  }

  .py-lg-0 {
    padding-top: 0 !important;
    padding-bottom: 0 !important;
  }

  .py-lg-1 {
    padding-top: 0.25rem !important;
    padding-bottom: 0.25rem !important;
  }

  .py-lg-2 {
    padding-top: 0.5rem !important;
    padding-bottom: 0.5rem !important;
  }

  .py-lg-3 {
    padding-top: 1rem !important;
    padding-bottom: 1rem !important;
  }

  .py-lg-4 {
    padding-top: 1.5rem !important;
    padding-bottom: 1.5rem !important;
  }

  .py-lg-5 {
    padding-top: 3rem !important;
    padding-bottom: 3rem !important;
  }

  .pt-lg-0 {
    padding-top: 0 !important;
  }

  .pt-lg-1 {
    padding-top: 0.25rem !important;
  }

  .pt-lg-2 {
    padding-top: 0.5rem !important;
  }

  .pt-lg-3 {
    padding-top: 1rem !important;
  }

  .pt-lg-4 {
    padding-top: 1.5rem !important;
  }

  .pt-lg-5 {
    padding-top: 3rem !important;
  }

  .pe-lg-0 {
    padding-right: 0 !important;
  }

  .pe-lg-1 {
    padding-right: 0.25rem !important;
  }

  .pe-lg-2 {
    padding-right: 0.5rem !important;
  }

  .pe-lg-3 {
    padding-right: 1rem !important;
  }

  .pe-lg-4 {
    padding-right: 1.5rem !important;
  }

  .pe-lg-5 {
    padding-right: 3rem !important;
  }

  .pb-lg-0 {
    padding-bottom: 0 !important;
  }

  .pb-lg-1 {
    padding-bottom: 0.25rem !important;
  }

  .pb-lg-2 {
    padding-bottom: 0.5rem !important;
  }

  .pb-lg-3 {
    padding-bottom: 1rem !important;
  }

  .pb-lg-4 {
    padding-bottom: 1.5rem !important;
  }

  .pb-lg-5 {
    padding-bottom: 3rem !important;
  }

  .ps-lg-0 {
    padding-left: 0 !important;
  }

  .ps-lg-1 {
    padding-left: 0.25rem !important;
  }

  .ps-lg-2 {
    padding-left: 0.5rem !important;
  }

  .ps-lg-3 {
    padding-left: 1rem !important;
  }

  .ps-lg-4 {
    padding-left: 1.5rem !important;
  }

  .ps-lg-5 {
    padding-left: 3rem !important;
  }

  .text-lg-start {
    text-align: left !important;
  }

  .text-lg-end {
    text-align: right !important;
  }

  .text-lg-center {
    text-align: center !important;
  }
}
@media (min-width: 1200px) {
  .float-xl-start {
    float: left !important;
  }

  .float-xl-end {
    float: right !important;
  }

  .float-xl-none {
    float: none !important;
  }

  .d-xl-inline {
    display: inline !important;
  }

  .d-xl-inline-block {
    display: inline-block !important;
  }

  .d-xl-block {
    display: block !important;
  }

  .d-xl-grid {
    display: grid !important;
  }

  .d-xl-table {
    display: table !important;
  }

  .d-xl-table-row {
    display: table-row !important;
  }

  .d-xl-table-cell {
    display: table-cell !important;
  }

  .d-xl-flex {
    display: flex !important;
  }

  .d-xl-inline-flex {
    display: inline-flex !important;
  }

  .d-xl-none {
    display: none !important;
  }

  .flex-xl-fill {
    flex: 1 1 auto !important;
  }

  .flex-xl-row {
    flex-direction: row !important;
  }

  .flex-xl-column {
    flex-direction: column !important;
  }

  .flex-xl-row-reverse {
    flex-direction: row-reverse !important;
  }

  .flex-xl-column-reverse {
    flex-direction: column-reverse !important;
  }

  .flex-xl-grow-0 {
    flex-grow: 0 !important;
  }

  .flex-xl-grow-1 {
    flex-grow: 1 !important;
  }

  .flex-xl-shrink-0 {
    flex-shrink: 0 !important;
  }

  .flex-xl-shrink-1 {
    flex-shrink: 1 !important;
  }

  .flex-xl-wrap {
    flex-wrap: wrap !important;
  }

  .flex-xl-nowrap {
    flex-wrap: nowrap !important;
  }

  .flex-xl-wrap-reverse {
    flex-wrap: wrap-reverse !important;
  }

  .gap-xl-0 {
    gap: 0 !important;
  }

  .gap-xl-1 {
    gap: 0.25rem !important;
  }

  .gap-xl-2 {
    gap: 0.5rem !important;
  }

  .gap-xl-3 {
    gap: 1rem !important;
  }

  .gap-xl-4 {
    gap: 1.5rem !important;
  }

  .gap-xl-5 {
    gap: 3rem !important;
  }

  .justify-content-xl-start {
    justify-content: flex-start !important;
  }

  .justify-content-xl-end {
    justify-content: flex-end !important;
  }

  .justify-content-xl-center {
    justify-content: center !important;
  }

  .justify-content-xl-between {
    justify-content: space-between !important;
  }

  .justify-content-xl-around {
    justify-content: space-around !important;
  }

  .justify-content-xl-evenly {
    justify-content: space-evenly !important;
  }

  .align-items-xl-start {
    align-items: flex-start !important;
  }

  .align-items-xl-end {
    align-items: flex-end !important;
  }

  .align-items-xl-center {
    align-items: center !important;
  }

  .align-items-xl-baseline {
    align-items: baseline !important;
  }

  .align-items-xl-stretch {
    align-items: stretch !important;
  }

  .align-content-xl-start {
    align-content: flex-start !important;
  }

  .align-content-xl-end {
    align-content: flex-end !important;
  }

  .align-content-xl-center {
    align-content: center !important;
  }

  .align-content-xl-between {
    align-content: space-between !important;
  }

  .align-content-xl-around {
    align-content: space-around !important;
  }

  .align-content-xl-stretch {
    align-content: stretch !important;
  }

  .align-self-xl-auto {
    align-self: auto !important;
  }

  .align-self-xl-start {
    align-self: flex-start !important;
  }

  .align-self-xl-end {
    align-self: flex-end !important;
  }

  .align-self-xl-center {
    align-self: center !important;
  }

  .align-self-xl-baseline {
    align-self: baseline !important;
  }

  .align-self-xl-stretch {
    align-self: stretch !important;
  }

  .order-xl-first {
    order: -1 !important;
  }

  .order-xl-0 {
    order: 0 !important;
  }

  .order-xl-1 {
    order: 1 !important;
  }

  .order-xl-2 {
    order: 2 !important;
  }

  .order-xl-3 {
    order: 3 !important;
  }

  .order-xl-4 {
    order: 4 !important;
  }

  .order-xl-5 {
    order: 5 !important;
  }

  .order-xl-last {
    order: 6 !important;
  }

  .m-xl-0 {
    margin: 0 !important;
  }

  .m-xl-1 {
    margin: 0.25rem !important;
  }

  .m-xl-2 {
    margin: 0.5rem !important;
  }

  .m-xl-3 {
    margin: 1rem !important;
  }

  .m-xl-4 {
    margin: 1.5rem !important;
  }

  .m-xl-5 {
    margin: 3rem !important;
  }

  .m-xl-auto {
    margin: auto !important;
  }

  .mx-xl-0 {
    margin-right: 0 !important;
    margin-left: 0 !important;
  }

  .mx-xl-1 {
    margin-right: 0.25rem !important;
    margin-left: 0.25rem !important;
  }

  .mx-xl-2 {
    margin-right: 0.5rem !important;
    margin-left: 0.5rem !important;
  }

  .mx-xl-3 {
    margin-right: 1rem !important;
    margin-left: 1rem !important;
  }

  .mx-xl-4 {
    margin-right: 1.5rem !important;
    margin-left: 1.5rem !important;
  }

  .mx-xl-5 {
    margin-right: 3rem !important;
    margin-left: 3rem !important;
  }

  .mx-xl-auto {
    margin-right: auto !important;
    margin-left: auto !important;
  }

  .my-xl-0 {
    margin-top: 0 !important;
    margin-bottom: 0 !important;
  }

  .my-xl-1 {
    margin-top: 0.25rem !important;
    margin-bottom: 0.25rem !important;
  }

  .my-xl-2 {
    margin-top: 0.5rem !important;
    margin-bottom: 0.5rem !important;
  }

  .my-xl-3 {
    margin-top: 1rem !important;
    margin-bottom: 1rem !important;
  }

  .my-xl-4 {
    margin-top: 1.5rem !important;
    margin-bottom: 1.5rem !important;
  }

  .my-xl-5 {
    margin-top: 3rem !important;
    margin-bottom: 3rem !important;
  }

  .my-xl-auto {
    margin-top: auto !important;
    margin-bottom: auto !important;
  }

  .mt-xl-0 {
    margin-top: 0 !important;
  }

  .mt-xl-1 {
    margin-top: 0.25rem !important;
  }

  .mt-xl-2 {
    margin-top: 0.5rem !important;
  }

  .mt-xl-3 {
    margin-top: 1rem !important;
  }

  .mt-xl-4 {
    margin-top: 1.5rem !important;
  }

  .mt-xl-5 {
    margin-top: 3rem !important;
  }

  .mt-xl-auto {
    margin-top: auto !important;
  }

  .me-xl-0 {
    margin-right: 0 !important;
  }

  .me-xl-1 {
    margin-right: 0.25rem !important;
  }

  .me-xl-2 {
    margin-right: 0.5rem !important;
  }

  .me-xl-3 {
    margin-right: 1rem !important;
  }

  .me-xl-4 {
    margin-right: 1.5rem !important;
  }

  .me-xl-5 {
    margin-right: 3rem !important;
  }

  .me-xl-auto {
    margin-right: auto !important;
  }

  .mb-xl-0 {
    margin-bottom: 0 !important;
  }

  .mb-xl-1 {
    margin-bottom: 0.25rem !important;
  }

  .mb-xl-2 {
    margin-bottom: 0.5rem !important;
  }

  .mb-xl-3 {
    margin-bottom: 1rem !important;
  }

  .mb-xl-4 {
    margin-bottom: 1.5rem !important;
  }

  .mb-xl-5 {
    margin-bottom: 3rem !important;
  }

  .mb-xl-auto {
    margin-bottom: auto !important;
  }

  .ms-xl-0 {
    margin-left: 0 !important;
  }

  .ms-xl-1 {
    margin-left: 0.25rem !important;
  }

  .ms-xl-2 {
    margin-left: 0.5rem !important;
  }

  .ms-xl-3 {
    margin-left: 1rem !important;
  }

  .ms-xl-4 {
    margin-left: 1.5rem !important;
  }

  .ms-xl-5 {
    margin-left: 3rem !important;
  }

  .ms-xl-auto {
    margin-left: auto !important;
  }

  .p-xl-0 {
    padding: 0 !important;
  }

  .p-xl-1 {
    padding: 0.25rem !important;
  }

  .p-xl-2 {
    padding: 0.5rem !important;
  }

  .p-xl-3 {
    padding: 1rem !important;
  }

  .p-xl-4 {
    padding: 1.5rem !important;
  }

  .p-xl-5 {
    padding: 3rem !important;
  }

  .px-xl-0 {
    padding-right: 0 !important;
    padding-left: 0 !important;
  }

  .px-xl-1 {
    padding-right: 0.25rem !important;
    padding-left: 0.25rem !important;
  }

  .px-xl-2 {
    padding-right: 0.5rem !important;
    padding-left: 0.5rem !important;
  }

  .px-xl-3 {
    padding-right: 1rem !important;
    padding-left: 1rem !important;
  }

  .px-xl-4 {
    padding-right: 1.5rem !important;
    padding-left: 1.5rem !important;
  }

  .px-xl-5 {
    padding-right: 3rem !important;
    padding-left: 3rem !important;
  }

  .py-xl-0 {
    padding-top: 0 !important;
    padding-bottom: 0 !important;
  }

  .py-xl-1 {
    padding-top: 0.25rem !important;
    padding-bottom: 0.25rem !important;
  }

  .py-xl-2 {
    padding-top: 0.5rem !important;
    padding-bottom: 0.5rem !important;
  }

  .py-xl-3 {
    padding-top: 1rem !important;
    padding-bottom: 1rem !important;
  }

  .py-xl-4 {
    padding-top: 1.5rem !important;
    padding-bottom: 1.5rem !important;
  }

  .py-xl-5 {
    padding-top: 3rem !important;
    padding-bottom: 3rem !important;
  }

  .pt-xl-0 {
    padding-top: 0 !important;
  }

  .pt-xl-1 {
    padding-top: 0.25rem !important;
  }

  .pt-xl-2 {
    padding-top: 0.5rem !important;
  }

  .pt-xl-3 {
    padding-top: 1rem !important;
  }

  .pt-xl-4 {
    padding-top: 1.5rem !important;
  }

  .pt-xl-5 {
    padding-top: 3rem !important;
  }

  .pe-xl-0 {
    padding-right: 0 !important;
  }

  .pe-xl-1 {
    padding-right: 0.25rem !important;
  }

  .pe-xl-2 {
    padding-right: 0.5rem !important;
  }

  .pe-xl-3 {
    padding-right: 1rem !important;
  }

  .pe-xl-4 {
    padding-right: 1.5rem !important;
  }

  .pe-xl-5 {
    padding-right: 3rem !important;
  }

  .pb-xl-0 {
    padding-bottom: 0 !important;
  }

  .pb-xl-1 {
    padding-bottom: 0.25rem !important;
  }

  .pb-xl-2 {
    padding-bottom: 0.5rem !important;
  }

  .pb-xl-3 {
    padding-bottom: 1rem !important;
  }

  .pb-xl-4 {
    padding-bottom: 1.5rem !important;
  }

  .pb-xl-5 {
    padding-bottom: 3rem !important;
  }

  .ps-xl-0 {
    padding-left: 0 !important;
  }

  .ps-xl-1 {
    padding-left: 0.25rem !important;
  }

  .ps-xl-2 {
    padding-left: 0.5rem !important;
  }

  .ps-xl-3 {
    padding-left: 1rem !important;
  }

  .ps-xl-4 {
    padding-left: 1.5rem !important;
  }

  .ps-xl-5 {
    padding-left: 3rem !important;
  }

  .text-xl-start {
    text-align: left !important;
  }

  .text-xl-end {
    text-align: right !important;
  }

  .text-xl-center {
    text-align: center !important;
  }
}
@media (min-width: 1400px) {
  .float-xxl-start {
    float: left !important;
  }

  .float-xxl-end {
    float: right !important;
  }

  .float-xxl-none {
    float: none !important;
  }

  .d-xxl-inline {
    display: inline !important;
  }

  .d-xxl-inline-block {
    display: inline-block !important;
  }

  .d-xxl-block {
    display: block !important;
  }

  .d-xxl-grid {
    display: grid !important;
  }

  .d-xxl-table {
    display: table !important;
  }

  .d-xxl-table-row {
    display: table-row !important;
  }

  .d-xxl-table-cell {
    display: table-cell !important;
  }

  .d-xxl-flex {
    display: flex !important;
  }

  .d-xxl-inline-flex {
    display: inline-flex !important;
  }

  .d-xxl-none {
    display: none !important;
  }

  .flex-xxl-fill {
    flex: 1 1 auto !important;
  }

  .flex-xxl-row {
    flex-direction: row !important;
  }

  .flex-xxl-column {
    flex-direction: column !important;
  }

  .flex-xxl-row-reverse {
    flex-direction: row-reverse !important;
  }

  .flex-xxl-column-reverse {
    flex-direction: column-reverse !important;
  }

  .flex-xxl-grow-0 {
    flex-grow: 0 !important;
  }

  .flex-xxl-grow-1 {
    flex-grow: 1 !important;
  }

  .flex-xxl-shrink-0 {
    flex-shrink: 0 !important;
  }

  .flex-xxl-shrink-1 {
    flex-shrink: 1 !important;
  }

  .flex-xxl-wrap {
    flex-wrap: wrap !important;
  }

  .flex-xxl-nowrap {
    flex-wrap: nowrap !important;
  }

  .flex-xxl-wrap-reverse {
    flex-wrap: wrap-reverse !important;
  }

  .gap-xxl-0 {
    gap: 0 !important;
  }

  .gap-xxl-1 {
    gap: 0.25rem !important;
  }

  .gap-xxl-2 {
    gap: 0.5rem !important;
  }

  .gap-xxl-3 {
    gap: 1rem !important;
  }

  .gap-xxl-4 {
    gap: 1.5rem !important;
  }

  .gap-xxl-5 {
    gap: 3rem !important;
  }

  .justify-content-xxl-start {
    justify-content: flex-start !important;
  }

  .justify-content-xxl-end {
    justify-content: flex-end !important;
  }

  .justify-content-xxl-center {
    justify-content: center !important;
  }

  .justify-content-xxl-between {
    justify-content: space-between !important;
  }

  .justify-content-xxl-around {
    justify-content: space-around !important;
  }

  .justify-content-xxl-evenly {
    justify-content: space-evenly !important;
  }

  .align-items-xxl-start {
    align-items: flex-start !important;
  }

  .align-items-xxl-end {
    align-items: flex-end !important;
  }

  .align-items-xxl-center {
    align-items: center !important;
  }

  .align-items-xxl-baseline {
    align-items: baseline !important;
  }

  .align-items-xxl-stretch {
    align-items: stretch !important;
  }

  .align-content-xxl-start {
    align-content: flex-start !important;
  }

  .align-content-xxl-end {
    align-content: flex-end !important;
  }

  .align-content-xxl-center {
    align-content: center !important;
  }

  .align-content-xxl-between {
    align-content: space-between !important;
  }

  .align-content-xxl-around {
    align-content: space-around !important;
  }

  .align-content-xxl-stretch {
    align-content: stretch !important;
  }

  .align-self-xxl-auto {
    align-self: auto !important;
  }

  .align-self-xxl-start {
    align-self: flex-start !important;
  }

  .align-self-xxl-end {
    align-self: flex-end !important;
  }

  .align-self-xxl-center {
    align-self: center !important;
  }

  .align-self-xxl-baseline {
    align-self: baseline !important;
  }

  .align-self-xxl-stretch {
    align-self: stretch !important;
  }

  .order-xxl-first {
    order: -1 !important;
  }

  .order-xxl-0 {
    order: 0 !important;
  }

  .order-xxl-1 {
    order: 1 !important;
  }

  .order-xxl-2 {
    order: 2 !important;
  }

  .order-xxl-3 {
    order: 3 !important;
  }

  .order-xxl-4 {
    order: 4 !important;
  }

  .order-xxl-5 {
    order: 5 !important;
  }

  .order-xxl-last {
    order: 6 !important;
  }

  .m-xxl-0 {
    margin: 0 !important;
  }

  .m-xxl-1 {
    margin: 0.25rem !important;
  }

  .m-xxl-2 {
    margin: 0.5rem !important;
  }

  .m-xxl-3 {
    margin: 1rem !important;
  }

  .m-xxl-4 {
    margin: 1.5rem !important;
  }

  .m-xxl-5 {
    margin: 3rem !important;
  }

  .m-xxl-auto {
    margin: auto !important;
  }

  .mx-xxl-0 {
    margin-right: 0 !important;
    margin-left: 0 !important;
  }

  .mx-xxl-1 {
    margin-right: 0.25rem !important;
    margin-left: 0.25rem !important;
  }

  .mx-xxl-2 {
    margin-right: 0.5rem !important;
    margin-left: 0.5rem !important;
  }

  .mx-xxl-3 {
    margin-right: 1rem !important;
    margin-left: 1rem !important;
  }

  .mx-xxl-4 {
    margin-right: 1.5rem !important;
    margin-left: 1.5rem !important;
  }

  .mx-xxl-5 {
    margin-right: 3rem !important;
    margin-left: 3rem !important;
  }

  .mx-xxl-auto {
    margin-right: auto !important;
    margin-left: auto !important;
  }

  .my-xxl-0 {
    margin-top: 0 !important;
    margin-bottom: 0 !important;
  }

  .my-xxl-1 {
    margin-top: 0.25rem !important;
    margin-bottom: 0.25rem !important;
  }

  .my-xxl-2 {
    margin-top: 0.5rem !important;
    margin-bottom: 0.5rem !important;
  }

  .my-xxl-3 {
    margin-top: 1rem !important;
    margin-bottom: 1rem !important;
  }

  .my-xxl-4 {
    margin-top: 1.5rem !important;
    margin-bottom: 1.5rem !important;
  }

  .my-xxl-5 {
    margin-top: 3rem !important;
    margin-bottom: 3rem !important;
  }

  .my-xxl-auto {
    margin-top: auto !important;
    margin-bottom: auto !important;
  }

  .mt-xxl-0 {
    margin-top: 0 !important;
  }

  .mt-xxl-1 {
    margin-top: 0.25rem !important;
  }

  .mt-xxl-2 {
    margin-top: 0.5rem !important;
  }

  .mt-xxl-3 {
    margin-top: 1rem !important;
  }

  .mt-xxl-4 {
    margin-top: 1.5rem !important;
  }

  .mt-xxl-5 {
    margin-top: 3rem !important;
  }

  .mt-xxl-auto {
    margin-top: auto !important;
  }

  .me-xxl-0 {
    margin-right: 0 !important;
  }

  .me-xxl-1 {
    margin-right: 0.25rem !important;
  }

  .me-xxl-2 {
    margin-right: 0.5rem !important;
  }

  .me-xxl-3 {
    margin-right: 1rem !important;
  }

  .me-xxl-4 {
    margin-right: 1.5rem !important;
  }

  .me-xxl-5 {
    margin-right: 3rem !important;
  }

  .me-xxl-auto {
    margin-right: auto !important;
  }

  .mb-xxl-0 {
    margin-bottom: 0 !important;
  }

  .mb-xxl-1 {
    margin-bottom: 0.25rem !important;
  }

  .mb-xxl-2 {
    margin-bottom: 0.5rem !important;
  }

  .mb-xxl-3 {
    margin-bottom: 1rem !important;
  }

  .mb-xxl-4 {
    margin-bottom: 1.5rem !important;
  }

  .mb-xxl-5 {
    margin-bottom: 3rem !important;
  }

  .mb-xxl-auto {
    margin-bottom: auto !important;
  }

  .ms-xxl-0 {
    margin-left: 0 !important;
  }

  .ms-xxl-1 {
    margin-left: 0.25rem !important;
  }

  .ms-xxl-2 {
    margin-left: 0.5rem !important;
  }

  .ms-xxl-3 {
    margin-left: 1rem !important;
  }

  .ms-xxl-4 {
    margin-left: 1.5rem !important;
  }

  .ms-xxl-5 {
    margin-left: 3rem !important;
  }

  .ms-xxl-auto {
    margin-left: auto !important;
  }

  .p-xxl-0 {
    padding: 0 !important;
  }

  .p-xxl-1 {
    padding: 0.25rem !important;
  }

  .p-xxl-2 {
    padding: 0.5rem !important;
  }

  .p-xxl-3 {
    padding: 1rem !important;
  }

  .p-xxl-4 {
    padding: 1.5rem !important;
  }

  .p-xxl-5 {
    padding: 3rem !important;
  }

  .px-xxl-0 {
    padding-right: 0 !important;
    padding-left: 0 !important;
  }

  .px-xxl-1 {
    padding-right: 0.25rem !important;
    padding-left: 0.25rem !important;
  }

  .px-xxl-2 {
    padding-right: 0.5rem !important;
    padding-left: 0.5rem !important;
  }

  .px-xxl-3 {
    padding-right: 1rem !important;
    padding-left: 1rem !important;
  }

  .px-xxl-4 {
    padding-right: 1.5rem !important;
    padding-left: 1.5rem !important;
  }

  .px-xxl-5 {
    padding-right: 3rem !important;
    padding-left: 3rem !important;
  }

  .py-xxl-0 {
    padding-top: 0 !important;
    padding-bottom: 0 !important;
  }

  .py-xxl-1 {
    padding-top: 0.25rem !important;
    padding-bottom: 0.25rem !important;
  }

  .py-xxl-2 {
    padding-top: 0.5rem !important;
    padding-bottom: 0.5rem !important;
  }

  .py-xxl-3 {
    padding-top: 1rem !important;
    padding-bottom: 1rem !important;
  }

  .py-xxl-4 {
    padding-top: 1.5rem !important;
    padding-bottom: 1.5rem !important;
  }

  .py-xxl-5 {
    padding-top: 3rem !important;
    padding-bottom: 3rem !important;
  }

  .pt-xxl-0 {
    padding-top: 0 !important;
  }

  .pt-xxl-1 {
    padding-top: 0.25rem !important;
  }

  .pt-xxl-2 {
    padding-top: 0.5rem !important;
  }

  .pt-xxl-3 {
    padding-top: 1rem !important;
  }

  .pt-xxl-4 {
    padding-top: 1.5rem !important;
  }

  .pt-xxl-5 {
    padding-top: 3rem !important;
  }

  .pe-xxl-0 {
    padding-right: 0 !important;
  }

  .pe-xxl-1 {
    padding-right: 0.25rem !important;
  }

  .pe-xxl-2 {
    padding-right: 0.5rem !important;
  }

  .pe-xxl-3 {
    padding-right: 1rem !important;
  }

  .pe-xxl-4 {
    padding-right: 1.5rem !important;
  }

  .pe-xxl-5 {
    padding-right: 3rem !important;
  }

  .pb-xxl-0 {
    padding-bottom: 0 !important;
  }

  .pb-xxl-1 {
    padding-bottom: 0.25rem !important;
  }

  .pb-xxl-2 {
    padding-bottom: 0.5rem !important;
  }

  .pb-xxl-3 {
    padding-bottom: 1rem !important;
  }

  .pb-xxl-4 {
    padding-bottom: 1.5rem !important;
  }

  .pb-xxl-5 {
    padding-bottom: 3rem !important;
  }

  .ps-xxl-0 {
    padding-left: 0 !important;
  }

  .ps-xxl-1 {
    padding-left: 0.25rem !important;
  }

  .ps-xxl-2 {
    padding-left: 0.5rem !important;
  }

  .ps-xxl-3 {
    padding-left: 1rem !important;
  }

  .ps-xxl-4 {
    padding-left: 1.5rem !important;
  }

  .ps-xxl-5 {
    padding-left: 3rem !important;
  }

  .text-xxl-start {
    text-align: left !important;
  }

  .text-xxl-end {
    text-align: right !important;
  }

  .text-xxl-center {
    text-align: center !important;
  }
}
@media (min-width: 1200px) {
  .fs-1 {
    font-size: 2.5rem !important;
  }

  .fs-2 {
    font-size: 2rem !important;
  }

  .fs-3 {
    font-size: 1.75rem !important;
  }

  .fs-4 {
    font-size: 1.5rem !important;
  }
}

/* c3 */
table.c3-tooltip {table-layout:auto;}

/* 월별교육일정 */
.fc_calendar .sche_menu {display:flex;position:relative;margin-bottom:20px;border:1px solid #d8d5d5;padding:0 50px;}
.fc_calendar .sche_menu .arrow {position:absolute;top:50%;height:30px;transform:translateY(-50%);}
.fc_calendar .sche_menu .arrow::before {line-height:1;font-family:'Material Icons';font-size:30px;color:#000;}
.fc_calendar .sche_menu .prev {left:10px;}
.fc_calendar .sche_menu .next {right:10px;}
.fc_calendar .sche_menu .prev::before {content:"\e408";}
.fc_calendar .sche_menu .next::before {content:"\e409";}
.fc_calendar .sche_menu .year {flex-shrink:0;text-align:center;width:100px;line-height:50px;font-size:22px;color:var(--Ci-Blue);}
.fc_calendar .sche_menu .year span {font-size:inherit;color:inherit;}
.fc_calendar .sche_menu .month {display:flex;flex-grow:1;text-align:center;}
.fc_calendar .sche_menu .month li {flex:1 1 0;position:relative;height:50px;}
.fc_calendar .sche_menu .month li a {color: #333; letter-spacing:-1px;display:block;position:absolute;top:-5px;right:10%;bottom:-5px;left:10%;line-height:60px;}
.fc_calendar .sche_menu .month li a span {font-size:inherit;color:inherit;}
.fc_calendar .sche_menu .month li .on {color:#fff;background-color:var(--Ci-Blue);}
.fc_calendar .sche_bar {display:flex;justify-content:flex-end;margin-bottom:10px;}
.fc_calendar .sche_bar .tab li {float:left;}
.fc_calendar .sche_bar .tab a {position:relative;display:block;padding:0 10px;font-size:15px;}
.fc_calendar .sche_bar .tab a:before {content:" ";position:absolute;left:0;top:50%;width:1px;height:14px;background-color:#888;transform:translateY(-50%);}
.fc_calendar .sche_bar .tab li:first-child a:before {display:none;}
.fc_calendar .sche_bar .tab .on a {padding-right:25px;color:#000;}
.fc_calendar .sche_bar .tab .on a:after {content:"\e5c5";}
.fc_calendar .sche_bar .tab a:after {position:absolute;right:0;top:0;line-height:1;font-family:'Material Icons';font-size:24px;color:#000;}
.fc_calendar .calendar {position:relative;}
.fc_calendar .legend {display:flex;position:absolute;top:-30px;margin-bottom:10px;}
.fc_calendar .legend li {position:relative;line-height:18px;margin-right:10px;padding-left:35px;font-size:14px;}
.fc_calendar .legend li:before {content:" ";position:absolute;left:0;top:0;width:30px;height:18px;}
.fc_calendar .legend .gray::before {background-color:#909090;}
.fc_calendar .legend .blue::before {background-color:var(--Ci-Blue);}

/* fullcallendar */
.fc-toolbar, .fc-listMonth-view .fc-list-item-time, .fc-day-grid-event .fc-time {display:none;}
.fc-toolbar .fc-center {font-size:0;}
.fc-month-view .fc-head .fc-head-container {border-color:#4d4d4d;}
.fc-unthemed th {text-align:center;line-height:42px;height:42px;border-bottom:none;border-right:none;padding:0;border:none !important;font-size:16px;color:#fff;background:#4d4d4d;}
.fc-unthemed th span {font-size:inherit;color:inherit;}
.fc-other-month {background:#fafafa;}
/* .fc-other-month .fc-day-number {display:none !important}*/
.fc-scroller {height:auto !important;height:auto !important;}
.fc-day-grid-event {border-radius:5px;color:#fff;font-size:13px;}
.fc-day-grid-event.fc-event:hover {color:#fff;}
.fc-day-grid-event .fc-content {padding:3px;}
.fc-event-container a {color:#fff}
.fc-view .fc-event {border-color:var(--Ci-Blue);}
.fc-view .fc-event, .fc-view .fc-event-dot {background-color:var(--Ci-Blue);}
.fc-month-view .fc-title {display:block;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-size:inherit;color:inherit;}
.fc-month-view .fc-title span {font-size:inherit;color:inherit;}

/* (lms-필수) lx_plyr 디자인 */
.lx_plyr_watermark {position:absolute;right:1em;top:1.1em;z-index:10;}
.lx_plyr_watermark .cont {opacity:0.4;display:flex;flex-direction:column;align-items:center;}
.lx_plyr_watermark .deco {display:block;width:101px;height:31px;background:url("../../images/www/common/logo.png") no-repeat 0 0;background-size:cover;}
.lx_plyr_watermark .txt {position:relative;font-family:SCoreDream;font-size:22px;font-weight:bold;color:#1aafff;}
#edu_complete.ct_dialog .top {border-bottom:1px solid #dbdbdb;}
#edu_complete.ct_dialog .top .title {font-weight:600;}
#edu_complete.ct_dialog .edu_complete_note {text-align:center;font-size:17px;font-weight:600;}
#edu_complete.ct_dialog .b_box {margin-top:20px;}
#edu_complete.ct_dialog .b_box .c_btn {min-width:80px;padding:0 10px;}

/* rw */
/* print */
.print_frm {width:780px;margin:0 auto;padding:10px;}
.print_frm .menu_bar {text-align:right;padding:10px 0;}
.print_frm .ct_title {font-size:24px;}
.print_frm .cs_bl_title {font-size:18px;}
.print_frm .cs_bl_title::before {top:-2px;}
.print_frm .cs_bl_title.top {margin-top:20px;}

@media print {
table caption {display:none;}
.print_frm {padding:10px 0;}
.print_frm .menu_bar {display:none;}
.frm_cert {padding:0;}
.frm_cert .bar {display:none;}
}

/* 1600, 1330, 992, 768, 576~ */
@media screen and (max-width:768px) { /* mobile */
/* LX-루트 */
:root {
/* layout */
--lx-rows-width:100%;
--lx-header-h1-width:auto;
--lx-header-frm-height:60px;
--lx-header-frm-height-m:-60px;
/* 디자인 템플릿1 */
--lx-header1-mid-height:60px;
--lx-main-visual1-height:360px;
/* 교육과정 목록 */
--edu_li-items:2; /* edu_li.list */
--edu_li-gap:10px;
}

/* 모바일 공통 */
.hd_mo {display:none !important;}
.vs_mo {display:block !important;}
.md_vs {display:block !important;}
.md_wide, .mo_wide {width:100% !important;}

/* 모바일 여백 */
.mo_mt_0 {margin-top:0 !important;}
.mo_mt_10 {margin-top:10px !important;}
.mo_mt_20 {margin-top:20px !important;}
.mo_mb_0 {margin-bottom:0 !important;}
.mo_mb_10 {margin-bottom:10px !important;}
.mo_mb_20 {margin-bottom:20px !important;}
.mo_ml_0 {margin-left:0 !important;}
.mo_ml_10 {margin-left:10px !important;}
.mo_ml_20 {margin-left:20px !important;}
.mo_mr_0 {margin-right:0 !important;}
.mo_mr_10 {margin-right:10px !important;}
.mo_mr_20 {margin-right:20px !important;}
.mo_p_0 {padding:0 !important;}
.mo_p_10 {padding:10px !important;}
.mo_p_20 {padding:20px !important;}
.mo_pt_0 {padding-top:0 !important;}
.mo_pb_0 {padding-bottom:0 !important;}
.mo_pl_0 {padding-left:0 !important;}
.mo_pr_0 {padding-right:0 !important;}

/* form */
input[type="text"].mo_sm {font-size:14px;height:30px;}

/* input, width */
.mw_wd_200 {min-width:100%;}
.mw_wd_lg {width:100%;}

/* 에디터 초기화 */
.weditor, .weditor td {font-size:13px;}
.weditor p {padding-bottom:0.5em;}
/* .weditor strong * {font-weight:bold;}
.weditor em {font-style:italic;}
.weditor h1, .weditor h2, .weditor h3, .weditor h4, .weditor h5, .weditor h6 {font-weight:bold;color:#000;}
.weditor h1 {font-size:2em;margin:0.67em 0;}
.weditor h2 {font-size:1.5em;margin:0.83em 0;}
.weditor h3 {font-size:1.16em;margin:0.67em 0;}
.weditor h4 {font-size:1em;margin:1.33em 0;}
.weditor h5 {font-size:0.83em;margin:1.67em 0;}
.weditor h6 {font-size:0.7em;margin:2.33em 0;}
.weditor a {text-decoration:underline;color:#00a;}
.weditor table {margin-bottom:1em;border:1px solid #ccc;}
.weditor ol {list-style-type:decimal;list-style-position:inside;}
.weditor ul {list-style-type:disc;list-style-position:inside;}
.weditor dl, .weditor menu, .weditor li {list-style:inherit;}
.weditor img {max-width:none;}
.weditor p {padding-bottom:1em;} */

/* 고정 테이블 */
.fx_box {position:relative;overflow-x:auto;overflow-y:hidden;}
.fx_box.sm > table {min-width:480px;}
.fx_box.md > table {min-width:980px;}
.fx_box.lg > table {min-width:1300px;}

/* 레이아웃 */
.rows {padding:0 20px;}
.rows, #contents, #container #contents {width:100%;}
.wrap {min-width:auto;}
#contents {padding-top:60px;}
#container #contents {padding:80px 20px 40px 20px;}
#container #contents.wide {padding-top:60px;}
[data-top-pop="N"] #header {top:0;}
[data-top-pop="N"] #contents, [data-top-pop="N"] #container {padding-top:60px;}
.path_ind {display:none;}

/* 스닙핏 */
.li_blank p {font-size:15px;}
.li_blank .img {margin-bottom:10px;}
.li_blank.top_l {margin-top:30px;}
.note_box_group {flex-direction:column;gap:10px;}
.item_li > li, .item_li > li a {font-size:14px;} /* sm */
.mo_sm .item_li > li, .mo_sm .item_li > li a {font-size:13px;} /* mo_sm */
.item_li > li {padding-left:12px;}
.item_li > li::before {top:8px;width:5px;height:5px;}
.p_attach.mo_sm {font-size:13px;}

/* 로그인 */
.log_intro {display:block;}
/* .log_intro .visual {flex-direction:column;justify-content:center;align-items:center;width:100%;height:200px;} */
.log_intro .visual, .log_intro .visual2 {display:none;}
.log_intro h1 {order:2;line-height:1.3;font-size:26px;}
.log_intro .login {width:100%;padding-top:30px;}

/* 본인인증 */
.cert_type {display:block;}
.cert_type li {width:100%;}
.cert_type li + li {margin:10px 0 0 0;}

/* 탑배너 */
.top_pop {display:none;position:fixed;top:0;left:0;z-index:100;width:100%;}
.top_pop .rows {padding-right:40px;}
.top_pop .rows::after {content:" ";display:block;position:absolute;right:40px;top:0;width:60px;height:100%;background:linear-gradient(90deg,rgba(40,100,210,0) 30%,rgba(40,100,210,.5) 75%,#2864d2 100%);}
.top_pop .site_link {overflow-x:scroll;padding-right:100px;}
.top_pop .site_link a {white-space:nowrap;padding:0;}
.top_pop .site_link li:first-child a {padding:0;}
.top_pop .site_link li + li {margin-left:20px;}
.top_pop .x {right:5px;}

/* 통합검색 */
#header .sch_form.active .sch_close, #header .sch_form.active .bg {display:block;}
#header .sch_form {opacity:0;visibility:hidden;width:1px;height:1px;}
#header .sch_form.active {opacity:1;visibility:visible;display:flex;justify-content:center;align-items:center;position:absolute;left:0;top:0;z-index:110;width:100%;height:60px;}
#header .sch_form .search {width:300px;height:44px;border-radius:5px;}
#header .search .enter {width:40px;height:40px;}
#header .sch_form .sch_close {display:none;position:relative;line-height:1;margin-left:10px;}
#header .sch_form .sch_close::before {content:"\e5cd";font-family:'Material Icons';font-weight:normal;font-size:30px;color:#fff;}
#header .sch_form .bg {display:none;position:absolute;left:0;top:0;width:100%;height:100%;background:rgba(32, 32, 32, 0.8);}
#header .op_sch_form {display:block;position:absolute;right:12px;top:50%;width:36px;height:36px;transform:translateY(-50%);}
#header .op_sch_form::before {content:"\e8b6";position:absolute;left:50%;top:50%;font-family:"Material Icons";line-height:1;font-size:30px;color:var(--lx-color-blue);transform:translate(-50%, -50%);}

/* lx-combine-통합검색 */
.lx_cm_search {top:60px;}
.lx_cm_search.active .rows {height:120px;padding:0 40px;}
.lx_cm_search .input {width:100%;}

/* header */
#header {position:fixed;width:100%;top:0;height:60px;background:var(--lx-nav-bg);z-index:100;}
#header .top, #header #gnb {display:none;}
#header .frm {position:relative;top:0;height:60px !important;}
#header .frm .rows {justify-content:center;}
#header .nav {height:auto;}
#header .logo_txt, #header .logo {height:60px;margin-right:0;}
#header .frm .logo a {width:var(--lx-logo-width-m);height:var(--lx-logo-height-m);}

/* 메인배너 */
.main_sd .viewer .rows {display:block;padding:20px 0;height:auto;}
.main_sd .ct {width:100%;height:155px;padding:0 20px;}
.main_sd .sub {text-align:center;}
.main_sd .sub span {font-size:30px;letter-spacing:-2px;}
.main_sd .sub .em {margin-bottom:5px;font-size:28px;}
.main_sd .sub .normal {justify-content:center;}
.main_sd .desc {text-align:center;margin-top:10px;}
.main_sd .desc span {font-size:16px;}
.main_sd .bar {text-align:center;margin-top:15px;}
.main_sd .img {text-align:center;position:relative;height:200px;margin:20px auto 0 auto;}
.main_sd .img img {max-height:200px;}
.main_sd .rd_aw_btn {height:50px;line-height:50px;padding:0 40px 0 20px;font-size:16px;}
.main_sd .rd_aw_btn::before {right:15px;}
.main_sd .slick-dots {left:50%;bottom:50px;transform:translateX(-50%);}
.main_sd .slide_img {height:360px;}

/* 디자인 템플릿-공통 */
/* 헤더-데코 */
.nav_deco {display:none;}
/* 모바일 메뉴 */
.nav .m_menu {display:block;}
/* 강의영상 */
.cut_cs_video {height:auto;padding-top:0;}
.cut_cs_video .cont {text-align:center;flex-direction:column;gap:10px;height:auto;padding:0 0 60px 0;background:none;}
.cut_cs_video .cont .ct_title {position:relative;left:0;top:0;z-index:10;}
.cut_cs_video .cont .ct_title::before {content:" ";position:absolute;left:-5px;bottom:-4px;z-index:-1;width:calc(100% + 10px);height:10px;border-radius:5px;background-color:#fef1b1;}
.cut_cs_sd {position:relative;width:100%;top:0;}
.cut_cs_sd .viewer {margin:0 auto;}
.cut_cs_sd .control {bottom:auto;right:auto;top:-50px;left:50%;transform:translateX(-50%);}
/* 이벤트배너-슬라이드 */
.main_pr_sd, .main_pr_sd .viewer {width:100%;}
.main_pr_sd .viewer a {height:0;padding-bottom:77.2%;}
/* 푸터 */
#footer {padding:30px 0;}
#footer .rows {flex-direction:column;gap:20px;}
#footer .menu {flex-wrap:wrap;justify-content:center;}
#footer .copy {text-align:center;}
#footer .addr {display:flex;flex-wrap:wrap;justify-content:center;gap:10px;}
#footer .addr li {float:none;line-height:1.4;}
#footer .addr li:not(:first-child, .cb) {margin:0;}
#footer .addr li:not(:first-child, .cb)::before {display:none;}
/* lx-퀵메뉴 */
#quickmenu {display:none;}
/* 메인 콘텐츠 */
.ct_head {margin-bottom:15px;}

/* 디자인 템플릿1 */
/* 통합검색 */
.lx_all_menu_btn {display:none;}
#header1 .cm_toggle {display:block;top:-60px;}
.lx_mid_search {position:fixed;left:0;top:60px;z-index:20;width:100%;background-color:#000;}
.lx_mid_search .inner {overflow:hidden;display:flex;align-items:center;justify-content:center;height:0;}
.lx_mid_search .input {width:80%;height:auto;border:0;padding-right:0;}
.lx_mid_search .input input[type="text"] {height:50px;border-bottom:2px solid #fff;padding-left:10px;padding-right:51px;color:#fff;}
.lx_mid_search .input .enter {width:46px;height:46px;}
.lx_mid_search .input .enter::before {color:#fff;}
.lx_mid_search .cm_close {position:absolute;right:0;top:var(--lx-header-frm-height-m);width:var(--lx-header-frm-height);height:var(--lx-header-frm-height);background-color:#000;}
.lx_mid_search .cm_close i {display:block;width:100%;height:100%;line-height:var(--lx-header-frm-height);}
.lx_mid_search .cm_close i::before {content:"\e14c";position:absolute;top:50%;left:50%;line-height:1;font-family:'Material Icons';font-weight:normal;font-size:28px;color:#fff;transform:translate(-50%, -50%);transition:all 0.5s ease;}
.lx_mid_search.active .inner {overflow:visible;height:150px;transition:all .2s ease;}
.lx_mid_search.active .cm_close {display:block;}
.lx_mid_search.active .cm_close i::before {transform:translate(-50%, -50%) rotate(180deg);}
/* 헤더 */
#header1 {position:fixed;width:100%;top:0;height:60px;background:var(--lx-nav-bg);z-index:100;}
#header1 .top, #header1 #gnb {display:none;}
#header1 .frm {overflow:visible;position:relative;top:0;height:0;}
#header1 .mid .rows {justify-content:center;}
#header1 .nav {border-bottom:0;}
#header1 .logo {max-width:240px;}
/* 메인-레이아웃 */
.main1 .ct_section {position:relative;padding:30px 0;}
.main1 .cs_section {margin-top:30px;}
/* 메인배너 */
.main_sd1 {padding:0 20px;}
.main_sd1 .item {width:auto;}
.main_sd1 .slide_img {width:calc(100vw - 40px);}
.main_sd1 .control .dots {height:60px;}
/* 게시판 */
.main_board1 {gap:40px;}
.main_board1, .main_board1 .post_group {flex-direction:column;}
.main_board1 .post_li {height:auto;}
.main_board1 .board_group {gap:30px;}
.main_board1 .ct_head .title {font-size:26px;}
/* 바로가기 */
.sc_menu1 ul {flex-wrap:wrap;justify-content:center;gap:10px;}
.sc_menu1 ul li {width:calc((100% / 3) - (((3 - 1) / 3) * 10px));}
.sc_menu1 li a {width:auto;}

/* 과정분류 바로가기 */
.cs_group {flex-wrap:wrap;gap:5px;}
.cs_group .item {flex:auto;width:calc(33.3333% - 3.3333px);}

/* 메인 */
.main .front {padding-top:30px;margin-bottom:0;}
.main .front .rows.link {flex-wrap:wrap;margin-top:-60px;margin-bottom:30px;}
.main .front .group {width:calc(50% - 5px);}
.main .front .title {text-align:center;font-size:26px;}
.main .front .shortcut {width:100%;height:auto;margin-top:10px;}
.main .front .shortcut .link {justify-content:space-around;}
.main .front .card_ban {display:none;}
/* .main .front .card_ban {width:100%;margin:10px 0 0 0;}
.main .front .card_ban img {max-width:none;width:100%;} */
.main .front .front_bot {top:0;height:auto;}
.main .board {display:block;}
.main .board .cols:first-child, .main .board .cols {width:100%;}
.main .board .cols + .cols {margin-top:10px;}
.main .ct_head {flex-direction:column;}
.main .ct_head .cs_tab {margin-top:10px;}

/* 퀵메뉴 */
.shortcuts ul {flex-wrap:wrap;}
.shortcuts i {width:90px;height:90px;}
.shortcuts i img {width:40px;height:40px;}
.shortcuts span {font-size:17px;}

/* 마이페이지 */
.st_board .course .state {flex-direction:column;gap:5px;padding:10px;}
.st_board {display:block;margin-bottom:40px;}
.st_board .course {width:100%;}
.st_board .card {padding:10px 0 0 0;}
.my_status .my{font-size:14px;}
.my_status .btn{padding:0 8px;}
.st_board .time,
.st_board .score {width:100%;}
.st_board .sct + .sct {margin-top:10px;border:0;}
.st_board .list_frm .item {display:block;}
.st_board .list_frm .info {width:100%;}
.st_board .list_frm .type, .st_board .list_frm .title {white-space:normal;}
.st_board .card .blank {height:80px;}
.c_popup2 .inner {padding:10px;}
.c_popup2 .fixed.lg {width:100%;}
.exam_info h1 {font-size:26px;}
.exam_info .guide .top {height:60px;}
.exam_info .note {width:100%;}
.bw_box a {height:60px;line-height:60px;font-size:22px;}

/* 교육 썸네일 목록-2단 레이아웃 */
.edu_li .slick-prev, .edu_live .slick-prev, .edu_data_li .slick-prev {left:0;}
.edu_li .slick-next, .edu_live .slick-next, .edu_data_li .slick-next {right:0;}
.edu_data_li.sd, .edu_li.sd {margin:-15px -5px;}
.edu_data_li.sd .slick-slide, .edu_li.sd .slick-slide {padding:15px 5px;}
.edu_data_li .sub, .edu_li .sub {height:auto;max-height:48px;line-height:24px;font-size:18px;}
.edu_data_li .count_li, .edu_li .count_li {font-size:15px;}

/* edu_li */
.edu_li .slick-prev {left:0;}
.edu_li .slick-next {right:0;}
.edu_sd .edu_li_view{flex-wrap: wrap;}
.edu_sd .edu_li_view > div{width:calc(50% - 10px);margin-top: 20px;}
.edu_sd .edu_li_view > div:nth-child(1),
.edu_sd .edu_li_view > div:nth-child(2){margin-top:0;}
.edu_sd .edu_li_view > div + div{margin-left:0;}
.edu_sd .edu_li_view > div:nth-child(2n){margin-left:20px;}
.edu_li_view .cont{padding:10px;}
.edu_li_view .sub{margin:10px 0;}

/* edu_li2 */
.edu_li2.sd {margin:-15px -5px}
.edu_li2.sd .slick-slide {margin:15px 5px;}
.edu_li2 .slick-prev {left:0;}
.edu_li2 .slick-next {right:0;}
.edu_li2 .inner {width:auto;}

/* 교육과정-가로형 */
.edu_row_li {display:flex;flex-wrap:wrap;}
.edu_row_li > .li {width:50%;}
.edu_row_li .item {padding-top:0;}
.edu_row_li .item li {width:100%;}
.edu_row_li .inner {flex-direction:column;padding:10px 5px;}
.edu_row_li .sub {overflow:hidden;text-overflow:ellipsis;word-break:keep-all;word-wrap:break-word;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;max-height:40px;line-height:20px;font-size:15px;}
.edu_row_li .con {margin-top:10px;padding:0;}
.edu_row_li .btn {flex-direction:row; width:auto;margin-top:10px;justify-content: flex-start}
.edu_row_li .btn a + a, .edu_row_li .btn span + a, .edu_row_li .btn a + span{margin-top:0; margin-left:10px;}
.edu_row_li .img{width:100%;height: 0;padding-bottom:56%;}
.edu_row_li .item .lab,
.edu_row_li .item .val{font-size:11px;line-height: 22px;}
.edu_row_li .btn span,
.edu_row_li .btn a{width:100%;}
.edu_row_li .info {display:block;padding-top:7px;}
.edu_row_li .item, .edu_row_li .item + .item {width:100%;}

/* 게시판 가로형 */
.bd_row_bar {flex-direction:column;align-items:center;gap:10px;}
.bd_row_li .bd_item {flex-direction:column;}
.bd_row_li .bd_item .state {text-align:right;display:block;width:100%;}

/* 카드형 가로 */
.card_box_li .inner {flex-direction:column;gap:15px;padding:20px;}
.card_box_li .state {justify-content:center;width:auto;}
.card_box_li .state .link {width:100%;}
.card_box_li .title {font-size:19px;}

/* 과정상세 */
.edu_summary .vs_mo.top {padding:20px;border-bottom:1px solid var(--lx-box-th-border);border-left:1px solid var(--lx-box-th-border);border-right:1px solid var(--lx-box-th-border);background-color:var(--lx-box-bg2);}
.edu_summary .vs_mo.top .title {font-size:24px;color:var(--lx-subj-color2);}
.edu_summary .vs_mo.top .edu_category {margin:5px 0 0 0;}
.edu_summary .ci_btn {justify-content:center;gap:20px;}
.edu_summary .ci_btn .item {margin:0;}
.edu_ct_info {display:block;}
.edu_ct_info .edu_summary {position:static;width:auto;margin-left:0;}
.edu_ct_info .edu_wrap {margin-top:20px;}
.edu_ct_info .edu_top {margin-bottom:20px;}
.edu_ct_info .edu_top .note_box {margin-top:0;}
.edu_ct_info .edu_viewer {margin-bottom:10px;}

/* (구)과정상세-강의계획서 */
.edu_on_detail .holder {margin-right:0;}
.edu_on_detail .bar {flex-direction: column;}
.edu_on_detail .bar .role + .ci_btn{margin-top:10px;}
.edu_on_detail .cont {padding-top:0;}
.edu_on_detail .cont .sub {font-size:19px;}
.edu_on_detail .cont .info {display:block;margin:10px 0 0 0;padding:15px;}
.edu_on_detail .cont .info li {width:100%;gap:10px;}
.edu_on_detail .cont .info .lab {text-align:left;min-width:0;font-size:14px;}
.edu_on_detail .cont .info .val {font-size:14px;}
.edu_on_detail .cont .edu_inst{font-size:16px;}
.edu_on_detail .img {width:360px;height:205px;}
.edu_on_detail .edu_tab {margin-top:15px;}
.edu_on_detail .edu_tab .group + .group {margin-top:10px;}

/* 마이크로러닝 상세 */
.edu_detail .main {display:block;}
.edu_detail .cont {padding-bottom:40px;}
.edu_detail .side {width:100%;margin-left:0;}
.edu_detail .cont .info {padding:0;border:1px solid var(--lx-box-th-border);border-top:0;border-bottom-left-radius:10px;border-bottom-right-radius:10px;background-color:var(--lx-box-bg2);}
.edu_detail .cont .info .head {padding:20px 20px 0 20px;}
.edu_detail .cont .info_text {display:block;margin-top:5px;}
.edu_detail .cont .info_text .text {padding:0 20px;}
.edu_detail .info_text .ci_btn {justify-content:center;gap:20px;margin-top:20px;padding:20px 15px;border-top:1px solid var(--lx-box-th-border);}

/* 커뮤니티 */
.deb_view .top {padding:15px;}
.deb_view .holder {display:block;width:auto;min-height:0;margin-right:0;}
.deb_view .img {position:relative;left:0;top:0;width:100%;height:0;padding-bottom:50%;box-shadow:none;}
.deb_view .ct {display:block;padding:20px 0;}
.deb_view .info {padding-top:5px;}
.deb_view .info li {font-size:13px;}
.deb_view .desc {margin-top:10px;}

/* 콘텐츠-공통 */
/* 타이틀 */
.ct_title, .p_title {margin-bottom:15px;font-size:26px;}
.cs_title {font-size:17px;}
.bl_title, .bl_title2 {line-height:1.3;margin-bottom:15px;padding-left:15px;font-size:18px;}
.bl_title::before, .bl_title2::before {top:5px;width:8px;height:13px;}
.bl_title .sub, .bl_title2 .sub {display:block;margin-top:5px;line-height:1.3;font-size:16px;}
.cs_bl_title {font-size:18px;}
.ct_alert {margin-bottom:10px;font-size:20px;}

/* 콘텐츠 박스 */
.ct_box_li li {padding-left:12px;font-size:14px;}
.ct_box_li li:before {top:8px;}

/* 커뮤니티 */
#lms_chanel {padding-top:50px;}
.chanel_header .header {padding:20px 10px 0 10px;}
.chanel_header .banner_area {height:140px;}
.chanel_header .banner_area img {position:absolute;left:50%;max-width:none;width:auto;height:100%;transform:translateX(-50%);}
#lms_chanel .chanel_content {padding:30px 10px 40px 10px;}
.deb_li > li{width: 50%;}

/* enter_bar */
.form_box .enter_bar {display:flex;gap:5px;}
.form_box .enter_bar .c_btn {min-width:auto;flex:1 1 0;height:36px;line-height:36px;}

/* main_board */
.main_board{flex-direction: column;}
.main_board .board_wrap{width:100%;margin-bottom:20px;}
.main_board .board_wrap + .board_wrap{margin-left:0;border-top:1px solid #ddd;padding-top:20px;}
.main_board .con li + li{margin-top:8px;}

/* lx-버튼 */
.c_btn, .bt_new, .bt_del, .bt_modify, .bt_detail, .bt_save {padding:0 10px;font-size:14px;}
.rd_btn {min-width:82px;height:34px;line-height:30px;padding:0 10px;border-radius:17px;font-size:15px;}
.rd_btn.ic .m_icon::before {font-size:18px;}

/* p_frame */
.page_frame {min-width:auto;}
.page_frame .role a, .page_frame .role .save {min-width:50px;padding-left:0;padding-right:0;}
.page_frame .frm_top h1 {font-size:20px;}
.page_frame .frm_ct {padding:20px 15px;}
.page_frame .frm_top .inner {display:flex;justify-content:space-between;}
.page_frame .frm_top, .page_frame.st .frm_top {height:50px;} /* page_frame */
.page_frame .frm_top .head {min-width:0;text-align:left;flex-grow:1;}
.page_frame .frm_top .menu {position:static;flex-shrink:0;}
.page_frame .frm_top .menu ul {flex-grow:1;margin-right:10px;}
.page_frame .frm_top .title {height:49px;line-height:49px;font-size:17px;}
.page_frame .fwd {top:50px;}
.page_frame {padding-top:75px;}
.page_frame.st {padding-top:50px;}
.page_frame .frm_ct {padding:10px;}
.page_frame .frm_top .menu .x {width:44px;height:49px;}
.page_frame.state {padding-top:115px;}

/* 검색 필터 */
.form_box {margin-bottom:10px;padding:10px;}
/* .form_box .lab {display:none;} */
.form_box select, .form_box input[type="text"], .form_box .c_btn {height:34px;font-size:14px;}
.form_box .c_btn {line-height:34px;}
.form_box .k-datepicker input[type="text"] {height:32px;line-height:32px;}
.form_box .ip_gp, .form_box input[type="text"].key, .form_box select {width:100%;}
.form_box input[type="text"].key {padding:0 25px 0 7px;}
.form_box .inner {flex-wrap:wrap;gap:4px;}
.form_box .cg_row {flex-wrap:wrap;gap:4px;}
.form_box .comb {width:100%;}
.form_box .comb .x {right:2px;}
.form_box .comb .x::before {font-size:20px;}
/* .form_box .inner, .form_box fieldset {display:block;} */
.form_box .lab {font-size:14px;}
.form_box .cols .lab {display:none;}
.form_box .cols_group {gap:4px;}
.form_box .cols_group .cols + .cols, .form_box .cols_group + .cols_group {margin:0;}
.form_box .ctg_group {display:block;margin:0;}
.form_box .ctg_group .lab {font-size:14px;}
.form_box .ctg_group + .inner {margin-top:5px;}
.form_box .ctg_group.col_2 {display:flex;}
.form_box .ctg_lab {margin-bottom:5px;}
.form_box .ctg_group.ctg_sub {padding-left:15px;}
.form_box .ctg_sub .ctg_lab {text-align:left;width:auto;padding-left:15px;}
.form_box .ctg_sub .ctg_lab::before {left:-8px;}
.form_box .ctg_sub .ctg_lab br {display:none;}
.form_box .ctg_group.ctg_sub::before {left:6px;top:11px;}
.form_box .count {text-align:left;order:2;width:100%;}
.form_box .count + .comb {margin-bottom:5px;}
.form_box .ip_gp + .comb, .form_box .cols + .comb {margin:5px 0 0 0;}
.form_box .comb.has_ip .ip_gp {width:80px;}
.form_box .comb .c_btn {flex-shrink:0;width:50px;padding:0 10px;}
.form_box .ctg_group .ctg{padding:0;}
.form_box .ctg_wrap{align-items: flex-start;flex-direction: column;}
.form_box .ctg_group + .ctg_group{margin-top:10px;}
.form_box .cols_group .w_250 {width:100%;}
.tab_set {width:100%;}
.tab_set select + select{margin:5px 0 0 0;}
.tab_set .btn button {line-height:32px;padding:0 10px;font-size:13px;}
.agency .tab_set .btn {min-width:auto;}

/* combo bar */
.cb_bar {display:block;}
.cb_bar .p_noti + .c_btn {float:right;margin-top:15px;}
.cb_bar .ct_box + .c_btn {margin-top:10px;}
.t_bar .count {font-size:14px;}
.t_bar .sel_count select {font-size:13px;height:30px;}

/* 디자인 팝업 */
.ct_dialog.preview .pop_close {right:0;top:-60px;width:50px;height:50px;}
.ct_dialog .outer > .top {height:50px;padding:0 20px;}
.ct_dialog .outer > .top .title {line-height:50px;font-size:20px;}
.ct_dialog .outer > .ct {padding:20px;}

/* 데이터 테이블-모바일 사이즈 */
.tbl_data.mo_sm .str, .tbl_data.mo_sm .c_th, .tbl_data.mo_sm .tb_link {font-size:13px;}
.tbl_data.mo_sm .c_badge {padding:0 10px;font-size:12px;}
.tbl_data.mo_sm th, .tbl_data.mo_sm td,
.tbl_row2.mo_sm th, .tbl_row2.mo_sm td,
.tbl_col2.mo_sm th, .tbl_col2.mo_sm td,
.tbl_col2.sm th, .tbl_col2.sm td {height:44px;padding:5px 2px;font-size:13px;}
.tbl_item.mo_sm th, .tbl_item.mo_sm td {height:44px;padding:10px;font-size:13px;}
.tbl_row2.mo_sm td .tb_link,
.tbl_col2.mo_sm td .tb_link {font-size:13px;}
.tbl_col2 .td_step .ar_r {padding:0;}
.tbl_col2 .td_step .ar_r::before {display:none;}

/* table */
.tbl_col tr:hover td {background:none;}
td .tb_tag.sm {height:26px;line-height:25px;padding:0 7px;border-radius:13px;font-size:12px;}

/* 모바일 테이블 */
/* 일반 게시판 */
.tbl_rps > .tbl_col {display:block;border-top:2px solid #222;}
.tbl_rps > .tbl_col td.no, .tbl_rps > .tbl_col > thead, .tbl_rps > .tbl_col .hidden {display:none;}
.tbl_rps > .tbl_col > tbody {display:block;}
.tbl_rps > .tbl_col tr {display:flex;flex-wrap:wrap;position:relative;padding:15px 10px;border-bottom:1px solid var(--lx-box-border);}
.tbl_rps > .has_img tr {padding-right:45px;}
.tbl_rps > .tbl_col td {display:inline-block;height:auto;padding:0;border-bottom:0;font-size:13px;}
.tbl_rps > .tbl_col td[colspan]:not(.tb_blank) {display:block;padding-bottom:20px;}
.tbl_rps > .tbl_col th{font-size:13px;}
.tbl_rps > .tbl_col td.blank {display:block;width:100%;padding-bottom:0;}
.tbl_rps > .tbl_col .tb_link {font-size:14px;}
.tbl_rps > .tbl_col td.title {width:100%;padding-bottom:5px;}
.tbl_rps > .tbl_col td.title .lock::before {font-size:20px;}
.tbl_rps > .tbl_col td:not(.title) {vertical-align:middle;}
.tbl_rps > .tbl_col td:not(.title):not(.img):not(.org):not(:last-child) {position:relative;padding-right:15px;}
.tbl_rps > .tbl_col td:not(.title):not(.img):not(.org):not(:last-child)::before {content:" ";display:block;position:absolute;right:6px;top:50%;width:1px;height:12px;background-color:#666;transform:translateY(-50%);}
.tbl_rps > .tbl_col td.img {position:absolute;right:10px;top:50%;transform:translateY(-50%);}
.tbl_rps > .order .ord_1 {order:1;}
.tbl_rps > .order .ord_2 {order:2;}
.tbl_rps > .order .ord_3 {order:3;}
.tbl_rps > .order .ord_4 {order:4;}
.tbl_rps > .order .ord_5 {order:5;}
.tbl_rps > .tbl_col .org {text-align:left;display:block;margin-bottom:5px;}
.tbl_rps > .tbl_col .org div {display:inline-block;height:24px;line-height:22px;padding:0 5px;border:1px solid #bcbcbc;border-radius:2px;font-size:13px;font-weight:var(--lx-font-m);color:var(--ColorGreen);}
.tbl_rps .tbl_col .tb_blank {display:block;width:100%;text-align:center;}

/* 일반 게시판-데이터 테이블 디자인 */
.tbl_rps > .tbl_col2 {display:block;border-top:2px solid #222;}
.tbl_rps > .tbl_col2.sm th, .tbl_rps > .tbl_col2.sm td {padding:0;}
.tbl_rps > .tbl_col2 td.no, .tbl_rps > .tbl_col2 > thead, .tbl_rps > .tbl_col2 .hidden {display:none;}
.tbl_rps > .tbl_col2 > tbody {display:block;}
.tbl_rps > .tbl_col2 tr {display:flex;flex-wrap:wrap;position:relative;padding:15px 10px;border-bottom:1px solid var(--lx-box-border);}
.tbl_rps > .has_img tr {padding-right:45px;}
.tbl_rps > .tbl_col2 td {display:inline-block;height:auto;padding:0;border:0;font-size:13px;}
.tbl_rps > .tbl_col2 td[colspan]:not(.tb_blank) {display:block;padding-bottom:20px;}
.tbl_rps > .tbl_col2 th{font-size:13px;}
.tbl_rps > .tbl_col2 td.blank {display:block;width:100%;padding-bottom:0;}
.tbl_rps > .tbl_col2 .tb_link {font-size:14px;}
.tbl_rps > .tbl_col2 td.title {width:100%;padding:0 0 5px 0;}
.tbl_rps > .tbl_col2 td.title .lock::before {font-size:20px;}
.tbl_rps > .tbl_col2 td:not(.title) {vertical-align:middle;}
.tbl_rps > .tbl_col2 td:not(.title):not(.img):not(.org):not(:last-child) {position:relative;padding:0 15px 0 0;}
.tbl_rps > .tbl_col2 td:not(.title):not(.img):not(.org):not(:last-child)::before {content:" ";display:block;position:absolute;right:6px;top:50%;width:1px;height:12px;background-color:#666;transform:translateY(-50%);}
.tbl_rps > .tbl_col2 td.img {position:absolute;right:10px;top:50%;transform:translateY(-50%);}
.tbl_rps > .order .ord_1 {order:1;}
.tbl_rps > .order .ord_2 {order:2;}
.tbl_rps > .order .ord_3 {order:3;}
.tbl_rps > .order .ord_4 {order:4;}
.tbl_rps > .order .ord_5 {order:5;}
.tbl_rps > .tbl_col2 .org {text-align:left;display:block;margin-bottom:5px;}
.tbl_rps > .tbl_col2 .org div {display:inline-block;height:24px;line-height:22px;padding:0 5px;border:1px solid #bcbcbc;border-radius:2px;font-size:13px;font-weight:var(--lx-font-m);color:var(--ColorGreen);}
.tbl_rps .tbl_col2 .tb_blank {display:block;width:100%;text-align:center;}

/* 데이터테이블(dev) */
.tbl_rps .fx_box.sm > table, .tbl_rps .fx_box.md > table, .tbl_rps .fx_box.lg > table {min-width:0;}
.tbl_rps .tbl_data > thead, .tbl_rps .tbl_data .hidden {display:none;}
.tbl_rps .tbl_data, .tbl_rps .tbl_data > tbody, .tbl_rps .tbl_data > tbody > tr, .tbl_rps .tbl_data > thead > tr {display:block;}
.tbl_rps .tbl_data > tbody > tr > td, .tbl_rps .tbl_data > tbody > tr > th {display:flex;align-items:center;height:auto;padding:0;border-bottom:0;}
.tbl_rps .tbl_data > tbody > tr, .tbl_rps .tbl_data > thead > tr {border-bottom:1px solid var(--lx-tbl-data-tr);}
.tbl_rps .tbl_data > tbody > tr {overflow:hidden;display:flex;flex-wrap:wrap;padding:5px 0;}
.tbl_rps .tbl_data > tbody > tr > td {width:100%;border-bottom:1px solid var(--lx-box-border);}
.tbl_rps .tbl_data > tbody > tr > td:last-child {border-bottom:0;}
.tbl_rps .tbl_data .th, .tbl_rps .tbl_data .td {display:flex;align-items:center;height:100%;padding:10px;font-size:13px;}
.tbl_rps .tbl_data .th {flex-shrink:0;justify-content:center;width:30%;font-weight:var(--lx-font-m);color:var(--lx-subj-color);background-color:var(--lx-tbl-data-th);font-size:13px;}
.tbl_rps .tbl_data .row_th {padding:10px;border-right:0;border-bottom:1px solid #d9d9d9;}
.tbl_rps .tbl_data .td {text-align:left;flex-grow:1;gap:4px;}
.tbl_rps .tbl_data .tb_blank {display:block;text-align:center;width:100%;padding:10px;}
.tbl_rps .tbl_data .td .tb_link, .tbl_rps .tbl_data .td .c_btn.sm {font-size:13px;}
.tbl_rps .tbl_data > tbody > tr > th[scope=row] {justify-content:center;width:100%;padding:10px;font-size:14px;background-color:#eee;}

/* 디자인 데이터테이블2 */
.tbl_rps .tbl_data2 {border-top:1px solid #b4b9c0;border-bottom:1px solid #b4b9c0;}
.tbl_rps .tbl_data2 > thead, .tbl_rps .tbl_data2 .hidden {display:none;}
.tbl_rps .tbl_data2, .tbl_rps .tbl_data2 > tbody, .tbl_rps .tbl_data2 > tbody > tr, .tbl_rps .tbl_data2 > thead > tr {display:block;}
.tbl_rps .tbl_data2 > tbody > tr > td, .tbl_rps .tbl_data2 > tbody > tr > th {display:flex;align-items:center;height:auto;padding:0;border-bottom:0;}
.tbl_rps .tbl_data2 > tbody > tr {overflow:hidden;display:flex;flex-wrap:wrap;border-bottom:1px solid #b4b9c0;padding:15px 0;}
.tbl_rps .tbl_data2 > tbody > tr > td {width:50%;}
.tbl_rps .tbl_data2 .th, .tbl_rps .tbl_data2 .td {height:100%;padding:10px;font-size:13px;}
.tbl_rps .tbl_data2 .th {flex-shrink:0;text-align:center;display:flex;align-items:center;justify-content:center;width:25%;font-weight:var(--lx-font-m);color:var(--lx-subj-color);background-color:var(--lx-tbl-data2-th);font-size:13px;}
.tbl_rps .tbl_data2 .row_th {padding:10px;border-right:0;border-bottom:1px solid #d9d9d9;}
.tbl_rps .tbl_data2 .td {text-align:left;flex-grow:1;display:flex;align-items:center;}
.tbl_rps .tbl_data2 .tb_blank {display:block;text-align:center;width:100%;padding:10px;}
.tbl_rps .tbl_data2 .td br {display:none;}
.main .tbl_data2 .tb_link {font-size:13px;}
.main .tbl_data2 tbody tr:last-child {border:0;}
.skin_dark .tbl_rps .tbl_data2 .subj {background:#212121;}

/* 데이터테이블(dev) 라인 */
.tbl_data.line_md th, .tbl_data.line_md td {border-right:0;}

/* 모바일 테이블 2단 레이아웃 */
.tbl_rps.mo_col_2 .tbl_data > tbody > tr > td {width:50%;}

/* tbl_row */
.tbl_row, .tbl_row tbody, .tbl_row tr, .tbl_row th, .tbl_row td {display:block;height:auto;}
.tbl_row th {text-align:left;}
.tbl_row td, .tbl_row.al td {padding:15px 5px;}

/* 디자인 뷰테이블 */
.tbl_col2.sm th, .tbl_col2.sm td {padding:5px 2px;font-size:14px;}

/* paginate */
.paginate a, .paginate span {width:24px;height:24px;line-height:21px;margin:0 2px;font-size:14px;}
.paginate .m_icon::before {font-size:18px;}

/* 탭메뉴 */
.tabs_line > li > a, .chanel_header .tabs_line > li > a {padding:0 10px;font-size:15px;}
.nav_tabs_line > li > a {padding:10px 15px;font-size:0.8rem;}
.nav_cb {margin-bottom:10px;}
.nav_cb .add {position:static;margin-top:10px;}
.nav_cb .add a {width:100%;}
.nav_tb {top:59px;}
.nav_tb > li a {height:50px;line-height:50px;}
.nav_tb > .on a:before {bottom:-12px;}

/* contents */
.p_login .ct {padding:40px;}
.edu_guide {padding:90px 25px 25px 25px;background-position:50% 25px;}

/* 게시판-상세 */
.tbl_detail .sub, .tbl_detail .sub .text {font-size:19px;}
.tbl_detail .info {padding-top:5px;}
.tbl_detail .info li {padding:0 7px;}
.tbl_detail .info li span {line-height:20px;font-size:13px;}
.tbl_detail .top, .tbl_detail .cont {padding:15px;}
.tbl_detail .cont, .add_file a, .weditor .add_file a {font-size:14px;}

/* 회원가입 */
.termbox {font-size:14px;}
.ag_term {text-align:center;}
.ag_term label {font-size:15px;}

/* 주소, 폰, 메일, 폼 콤보 */
.ip_combo .text {flex-grow:1;}
.ip_mail {display:flex;align-items:center;flex-wrap:wrap;gap:4px;}
.ip_mail .ip_gp {display:flex;}
.ip_mail .input {flex:1 1 0;}
.ip_mail input[type="text"] {flex:1 1 0;}
.ip_mail .at, .ip_mail .wave {display:none;}
.ip_mail select {width:100%;margin-top:5px;}
.ip_doc_code input[type="text"] {flex:1 1 0;min-width:0;}

/* 월별교육일정 */
.fc_calendar .sche_menu {display:block;padding:0;margin-bottom:35px;border:0;}
.fc_calendar .sche_menu .month span, .fc_calendar .sche_bar .tab {display:none;}
.fc_calendar .sche_menu .year {width:auto;line-height:30px;}
.fc_calendar .sche_menu .arrow {top:0;transform:none;}
.fc_calendar .sche_menu .month {margin-top:5px;background-color:#f5f5f5;}
.fc_calendar .sche_menu .month li {height:30px;}
.fc_calendar .sche_menu .month li a {line-height:40px;}
#tb_sch table th {padding:5px 0;font-size:12px;}
#tb_sch td.tit a {font-size:13px;}

/* 디자인 페이지 */
/* 교육소개 */
.lx_intro .heading {padding:20px 0;}
.lx_intro .heading .title {font-size:24px;}
.lx_intro .heading .sub {font-size:18px;}
.lx_intro .soln > li {flex-direction:column;gap:20px;padding:20px 0;}
.lx_intro .soln .top {align-items:flex-start;gap:5px;}
.lx_intro .soln .img {margin-right:0;}
.lx_intro .soln .top .num {font-size:24px;}
.lx_intro .soln .top .lab {font-size:18px;}
.lx_intro .fx_box .tbl_col2.sm th, .tbl_col2.sm td {padding:5px 2px;}
/* 교육안내 */
.lx_lt_intro .intro_img {margin-bottom:20px;}
.lx_lt_intro .intro_img .desc, .lx_lt_intro .intro_img .desc .ci {font-size:18px;}
.lx_lt_intro .lt_item {gap:20px;}
.lx_lt_intro .lt_item li {width:calc((100% / 2) - (((2 - 1) / 2) * 20px));}
.lx_lt_intro .lt_item.col_3 li {width:100%;}
.lx_lt_intro .lt_item a {padding:30px 20px;}
}

@media screen and (max-width:640px) {
/* combo bar */
/* .cb_bar {overflow:hidden;} */
.cb_bar .p_noti {font-size:16px;}
.cb_bar .p_noti i {top:0;}
.cb_bar .p_noti + a {margin-top:10px;}

/* form */
.form_box .ctg_box {flex-wrap:wrap;}
.form_box .ctg_box.col_4 .ctg {flex-shrink:0;flex-basis:50%;}
}

@media screen and (max-width:576px) {
/* LX2-plyr 디자인 */
.lx_plyr_watermark {right:0.5em;top:0.5em;}
.lx_plyr_watermark .txt {font-size:16px;}

/* 모바일 공통 */
.sm_wide {width:100%;}

/* 레이아웃 */
.rows {padding:0 10px;}
#contents {min-height:auto;}
#container #contents {padding:80px 10px 40px 10px;}

/* 디자인 템플릿-공통 */
/* 바로가기 */
.sc_menu1 ul {gap:10px;}
/* 푸터 */
#footer .addr {gap:5px;}

/* 디자인 템플릿1 */
/* 메인배너 */
.main_sd1 {padding:0 10px;}
.main_sd1 .slide_img {width:calc(100vw - 20px);}

/* lx-버튼 */
.c_btn.md {height:40px;line-height:40px;padding:0 15px;font-size:15px;}

/* 로그인 */
.log_intro .tester {flex-wrap:wrap;}
.log_intro .tester a {flex:0 1 auto;width:100%;}
.log_intro .tester a + a {margin:10px 0 0 0;}

/* 비밀번호 재설정 */
.ip_reset_pw .req_input {height:40px;}
.ip_reset_pw .mb_end_bar {width:100% !important;}

/* 메인가로배너 */
.main .front_bot .banlink {display:flex;flex-direction:column;height:185px;padding:20px;}
.main .front_bot .con {margin-bottom:5px;line-height:20px;font-size:14px;}
.main .front_bot .tit {line-height:26px;font-size:17px;font-weight:bold;}

/* 과정분류 바로가기 */
.cs_group .item {font-size:14px;}
.cs_group .item .title {height:30px;}

/* 메인 */
.main .ct_section {padding:20px 0;}
.main .ct_section.stick {padding:10px 0;}
.main .ct_section .ct_group + .ct_group {margin-top:30px;}
.main .front .group {height:265px;padding:20px;}
.main .front .title {font-size:19px;font-weight:bold;}
.main .front .group .link {margin-top:15px;}
.main .front .group .link > li {margin-bottom:10px;padding-bottom:10px;}
.main .front .group .link > li a {font-size:15px;}
.main .front .shortcut {padding:20px;}
.main .front .shortcut li {margin-top:15px;}
.main .front .shortcut .link {justify-content:space-between;}
.main .front .shortcut a span {font-size:15px;}
.main .board .cols {padding:20px;}
.main .board .sub, .main .board .date {font-size:15px;}
.main .ct_title {font-size:22px;}
.ct_head .cs_tab a {margin:0 10px;font-size:17px;}

/* 마이페이지 */
.st_board .course .state .val {font-size:20px;}
.st_board .course .state .lab {font-size:14px;}
.st_board .course .state i::before {font-size:32px;}
.st_board .list_frm .info, .st_board .list_frm .title {min-width:0;}

/* 교육 썸네일 목록-1단 레이아웃 */

/* 교육과정-썸네일 */
.edu_li .cont {padding:10px;}
.edu_li .slick-arrow, .edu_live .slick-arrow {width:40px;height:40px;}
.edu_li .slick-arrow::before, .edu_live .slick-arrow::before {font-size:24px;}
.edu_li .bar a + a, .edu_li .bar span + a, .edu_li .bar a + span {margin-left:5px;}

/* 교육과정-썸네일없음 */
.edu_li2 .slick-arrow {width:40px;height:40px;}
.edu_li2 .slick-arrow::before {font-size:24px;}
.edu_li2 .detail .sub {font-size:13px;}
.edu_li2 .tit, .edu_li2 .detail .title {font-size:18px;}
.edu_li2 .detail .info {margin-top:20px;}
.edu_li2 .count {margin-top:20px;}
.edu_li2 .inner {height:225px;padding:15px;}
.edu_li2 .count .date, .edu_li2 .count .val, .edu_li2 .detail .info {font-size:12px;}

/* 커뮤니티 */
.deb_view .ct {padding:10px 0 20px 0;}

/* 디자인 데이터테이블2 */
.tbl_rps .tbl_data2 > tbody > tr > td {width:100%;}
.tbl_rps .tbl_data2 .subj {background-color:#d1eefd;}

/* 디자인 테이블 */
.tbl_row2.rps, .tbl_row2.rps tbody, .tbl_row2.rps tr, .tbl_row2.rps th, .tbl_row2.rps td {display:block;}
.tbl_row2.rps th, .tbl_row2.rps td {height:auto;padding:10px;}

/* 게시판 가로형 */
.row_list > li > a {display:flex;flex-wrap:wrap;justify-content:space-between;}
.row_list .sub {width:100%;height:auto;}
.row_list .view, .row_list .date {width:auto;padding-top:0;}

/* 게시판-상세 */
.tbl_detail .info .lab {display:none;}
.tbl_detail .cont {padding:10px 0;}

/* 콤보바 */
.t_bar {align-items:flex-start;flex-direction:column;gap:5px;}
.t_bar .sel_count {display:flex;width:100%;gap:5px;}
.t_bar .sel_count select {flex:1 1 auto;}

/* 회원가입 */
.step_table {padding:20px 0;}
.step_table .circle {margin:0 auto 10px auto;}
.step_table .step {font-size:15px;}
.step_table .state {font-size:14px;}

/* 콘텐츠 박스 */
.note_box {padding:20px;}
.note_box .tab {width:90px;}

/* 검색 필터 */
.form_box fieldset {flex-direction:column;width:100%;}
.form_box .cols select {width:100%;}
.form_box .cols_group {width:100%;}
.form_box .cols_group .sel select {width:100%;}
.form_box .cols_group .cols {flex-grow:1;}
.form_box .cols_group.col_2 .sel {width:25%;}
.form_box .cols_group .k-datepicker {flex-grow:1;}
.form_box .inner .sel_op {display:flex;width:100%;}
.form_box .inner .sel_op .c_btn {flex:1 1 0;}
.form_box .comb2 .input {flex-grow:1;}
.form_box .comb2 .c_btn {flex-shrink:0;}
.xs_full .btn {flex:1 1 0;}

/* form */
.sch_comb .search {display:block;}
.sch_comb .cl_sel {margin:0 0 5px 0;}
.sch_comb .sch_btn {padding-right:75px;}
.sch_comb .tog {width:70px;padding:0 10px;font-size:13px;}
.sch_comb .tog i {display:none;}

/* faq */
.faq_menu .name {left:15px;}
.faq_menu dt > a {padding:25px 50px 25px 50px;}
.faq_menu dt > a:before {right:10px;}
.faq_menu dd {padding:25px 25px 25px 50px;}
.faq_menu dd .ans {left:7px;top:15px;}

/* 탭메뉴 */
.ds_tab a {font-size:16px;}
.nav_tabs > li > a {font-size:14px;height:40px;line-height: 40px;padding: 0 10px;}
.nav_tabs > li.on > a{height: 40px;line-height: 40px;}
.edu_tab > li > a {font-size:17px;}
.nav_tabs_line {justify-content:center;}
.nav_tb > li a {display:flex;flex-wrap:wrap;align-items:center;justify-content:center;line-height:1.2;font-size:16px;}

/* contents */
.p_login .ct {padding:25px;}
.p_login .head .guide {padding-top:20px;}

/* 교육과정-가로형 */
.edu_row_li > .li {width:100%;}
.edu_row_li .img {padding-bottom:50%;}

/* 과정상세 */
.edu_summary .vs_mo.top .title {font-size:20px;}

/* 마이크로러닝 상세 */
.edu_detail .cont .info .sub {font-size:20px;}

/* edu_on_detail */
.edu_on_detail .holder{width:100%;padding:40px;}
.edu_on_detail .img{width:100%;height:0;padding-bottom:56%;}

/* 커뮤니티 */
.chanel_header .banner_area {height:100px;}
.deb_li > li{width:100%;}

/* 디자인 페이지 */
/* 교육안내 */
.lx_lt_intro .lt_item {flex-direction:column;gap:20px;}
.lx_lt_intro .lt_item li {width:100%;}
}

@media screen and (max-width:500px) {
  /* main */
  .main .visual + .ct_section.top {margin-top:10px;}
  .main .shortcuts.v1 span {height:auto;font-size:14px;}
  .main .shortcuts.v1 a {height:130px;}
  .main .shortcuts.v1 .multi a {height:130px;}
  .main .shortcuts .multi span {margin-top:4px;}
  .main .shortcuts > div:not(.multi) .img {align-items:center;padding:0 10px;}
  .main .shortcuts .multi .img {height:80px;}

  /* visual */
  .visual .main_search .search_input{flex-direction: column;height:auto;border:0;background:none;}
  .visual .main_search .search_input select{width:100%;border: 1px solid #1091d0;background:#fff;}
  .visual .main_search .search_input .input_wrap{width:100%;height:50px;padding:0;border: 1px solid #1091d0;margin-top:5px;}
  .visual .main_search .search_input .main_btn_search{width:100%;height:45px;line-height: 45px;margin-top:5px;}
  .visual .main_search .search_input .main_btn_search::after{content: '검색'; font-size:18px;font-weight: bold;margin-right:5px;}
  .visual .main_search .search_input .main_btn_search i::before{font-size:28px;}
  .visual .main_search .search_input input[type=text]{padding:0 10px;}

  /* 센터소개(nid) */
  .cs_title{font-size:18px;}

  /* main_link */
  .shortcuts.sd .slick-slide{padding: 8px 10px;}
  .shortcuts.sd{padding:0 10px;}

  /* edu_li */
  .edu_li_view .count li + li{margin-left:5px;}
  .edu_li_view .bar{flex-direction: column;margin-top:5px;}
  .edu_li_view .bar a + a{margin:5px 0 0 0;}
  .edu_li_view .count{display:none;}
  .edu_li_view .sub{font-size:14px;margin:5px 0;}

  /* c_badge */
.c_badge, .c_badge2 {font-size:11px;}
  
  /* edu_guide */
  .edu_guide{font-size:14px;}
  .ct_box .radio li{font-size:14px;}
}

@media screen and (max-width:480px) {
/* LX-루트 */
:root {
/* 교육과정 목록 */
--edu_li-items:1; /* edu_li.list */
}

/* common */
.xs_wide {width:100%;}

/* 메인 */
.main .board .card {display:block;}
.main .board .card .lab {width:100%;margin-bottom:10px;}
.main .board .card .text {font-size:20px;}
.main .board .cols .sd {width:100%;margin-left:0;}

/* 마이크로러닝 상세 */
.edu_detail .cont .info .tag a {font-size:14px;}
.edu_detail .cont .info .sub {font-size:17px;}

/* main_board */
.main_board .con .tit{font-size:15px;}
.main_board .main_que{width:100%;}
.main_board .board_wrap{flex-direction: column}
.main_board .main_que + .main_que{margin-left: 0;margin-top:20px;}

/* 커뮤니티 */
.deb_view .info .lab {display:none;}
.deb_li .img {padding-bottom:55%;}

/* 메인 디자인 팝업 */
.pop_ban .head .title {font-size:19px;}
}