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

/* reset */
html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
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,t
article, aside, canvas, details, embed,
figure, figcaption, footer, header, hgroup,
menu, nav, output, ruby, section, summary,
time, mark, audio, video, input,select,section,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 {overflow-y:scroll;}
body {-webkit-text-size-adjust:none;background-color:var(--lx-body-bg);}
body, h1, h2, h3, h4, h5, h6, strong, table, th, td, input, select, textarea, button, a {font-family:var(--lx-font-family), sans-serif;font-size:1rem;font-weight:400;color:var(--lx-font-color2);}
img:focus, a:focus, div:focus, input:focus, select:focus, button:focus, textarea:focus {outline:var(--lx-focus);}

/* root */
:root {
--lx-focus:2px dotted red !important;
--lx-logo:url("../../images/www/common/logo.png");
--lx-logo-wt:url("../../images/www/common/logo_wt.png");
--lx-logo-width:150px;
--lx-logo-height:60px;
--lx-logo-m:url("../../images/www/common/logo.png");
--lx-logo-width-m:100px;
--lx-logo-height-m:40px;

--lx-font-family:SCoreDream;
--lx-font-l:300; /* Light */
--lx-font-m:500; /* medium */
--lx-font-color:#666; /* dark-#fff */
--lx-font-color2:#666; /* dark-#aaa */
--lx-font-color3:#fff; /* dark-#aaa */
--lx-subj-color:#333; /* dark-#fff */
--lx-subj-color2:#333; /* dark-#aaa */

--lx-body-bg:#fff;
/* --lx-header-top-bg:linear-gradient(to right, #ffca49 0%, #1fc4b1 100%); */
--lx-header-top-bg:#ecf5fe;
--lx-header-top-line:rgba(255, 255, 255, 0.27);
--lx-header-top-line-active:#e7e7e7;
--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:#1878C5; /* marinetech */
--lx-color-ci2:#075697; /* marinetech */
--lx-color-kweco:#0e439a; /* kweco */
--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-ry_blue:#4a64f5;
--lx-color-cerulean:#009be9;
--lx-color-sky:#568fd2;
--lx-color-red:#c32419;
--lx-color-green:#2a9b73;
--lx-color-cyan:#1fc4b1;
--lx-color-orange:#f7b265;
--lx-color-yellow:#f18C14; /* marinetech */
--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;
}

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

--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:500;}
#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 {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-weight:500 !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 !important;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>');}

/* 여백 */
.ng_mt {margin-top:-10px;}
.ng_mt_10 {margin-top:-10px !important;}
.mt_0 {margin-top:0 !important;}
.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_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;}
.mls {margin-left:5px;}
.ml_10, .ml {margin-left:10px !important;}
.ml_20 {margin-left:20px !important;}
.mr_0 {margin-right:0 !important;}
.mrs {margin-right:5px;}
.mr_10, .mr {margin-right:10px !important;}
.mr_20 {margin-right:20px !important;}
.p_0 {padding:0 !important;}
.p_10 {padding:10px !important;}
.p_20 {padding:20px !important;}
.pt_0 {padding-top:0 !important;}
.pb_0 {padding-bottom:0 !important;}
.pl_0 {padding-left:0 !important;}
.pr_0 {padding-right:0 !important;}

/* 스타일 클래스 */
.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 {font-weight:500 !important;}
.fw_bold {font-weight:bold !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;}

/* layout */
.wrap {min-width:1300px;}
.rows {position:relative;width:1300px;margin:0 auto;}
#contents {min-height:600px;}
#container {margin-top:138px;}
#container #contents {width:1300px;margin:0 auto;padding:40px 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;}

/* 헤더 */
#header {position:fixed;z-index:50;left:0;top:0;width:100%;background:var(--lx-nav-bg);}
#header .top {position:relative;background:var(--lx-color-ci2);}
#header .top .rows {display: flex;justify-content:flex-end;}
#header .role {display:flex;align-items:center;position:relative;z-index:1;}
#header .role .acc {margin-left:15px;}
#header .role .acc a {white-space:nowrap;display:inline-block;position:relative;line-height:40px;font-size:13px;color:#fff;}
#header .role a + a {margin-left:20px;}
#header .role a + a::before {content:" ";position:absolute;left:-12px;top:50%;width:1px;height:18px;background-color:#ccc;transform:translateY(-50%);}
#header .role .quick {position:relative;display:flex;align-items:center;height:100%;margin-left:5px;}
#header .role .quick .tog {display:block;line-height:28px;padding:0 10px;border-radius:4px;font-size:13px;color:#fff;background-color:var(--Ci-Green);}
#header .role .acc + .quick {margin-left:15px;}
#header .frm {overflow:hidden;height:98px;}
#header .frm .rows {display:flex;position:relative;}
#header .frm .logo a {display:block;width:var(--lx-logo-width);height:var(--lx-logo-height);background-image:var(--lx-logo);background-position:50% 50%;background-repeat:no-repeat;background-size:cover;}
#header .logo_txt, #header .logo {flex-shrink:0;display:flex;align-items:center;height:98px;margin-right:80px;}
#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 .nav {position:relative;border-bottom:1px solid #e6e6e6;}
#header .nav::before {content:" ";position:absolute;left:0;top:97px;width:100%;height:1px;background-color:#e7e7e7;}

/* GNB */
#gnb {display:flex;justify-content:space-around;flex-grow:1;}
#gnb .noti {width:34px;height:24px;background:url("../../images/www/icon/ic_gl_noti.png") no-repeat 50% 50%;}
#gnb .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;}
#gnb .point {display:flex;align-items:center;}
#gnb > li {text-align:center;position:relative;padding:0;}
#gnb > li > a {position:relative;display:block;height:98px;line-height:98px;font-size:23px;font-weight:500;color:var(--lx-subj-color);}
#gnb > li > ul {padding:10px 5px 20px 5px;}
#gnb > li > ul > li {text-align: center;}
#gnb > li > ul a {display:block;padding:10px 0;font-size:16px;color:var(--lx-font-color2);}
#gnb > li > ul a:hover {text-decoration:underline;text-underline-position:under;color:var(--lx-color-ci);}
#gnb > li > ul ul a {color:#999;}
#gnb > li > ul .em  a {border-top:1px solid #000;}

/* 헤더-메인 */
.main #header {background-color:rgba(0, 0, 0, 0.2);transition:all 0.3s ease;}
.main #header .top {border-bottom:1px solid var(--lx-header-top-line);background:none;}
.main #header .role .acc a {color:#fff;}
.main #header .role a + a::before {background-color:var(--lx-header-top-line);}
.main #gnb > li > a {color:#fff;}
.main #header .frm .logo a {background-image:var(--lx-logo-wt);}
.main #header.active .frm .logo a, .main #header.sticky .frm .logo a {background-image:var(--lx-logo);}
.main #header .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;} */

/* GNB ON */
.main #header.active, .main #header.sticky {background-color:var(--lx-nav-bg);}
#header.active .top, #header.sticky .top {border-bottom-color:var(--lx-header-top-line-active);}
.main #header.sticky .role .acc a, .main #header.active .role .acc a {color:var(--lx-font-color);}
.main #header.sticky .role a + a::before, .main #header.active .role a + a::before {background-color:#ccc;}
#header.active .nav::before, #header.sticky .nav::before {display:block;}
.main .active #gnb > li > a, .main .sticky #gnb > li > a {color:#2b2b2b;}
#header.active #gnb 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%);} */

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

/* 테마 */
#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);}

/* 강의실 바로가기, 모바일에서 별도 처리를 위해 구조가 분리되어 있음 */
.cl_pop {position:relative;z-index:50;}
.cl_pop_list {display:none;position:absolute;right:0;top:-75px;width:300px;padding:15px;border-radius:10px;background-color:var(--lx-box-bg);box-shadow:0 2px 4px rgba(0,0,0,0.3);}
.lg_view .cl_pop_list {display:none;}
.mobile_view .cl_pop {position:relative;z-index:110;}
.mobile_view .cl_pop_list {position:fixed;left:10px;top:50px;}

/* footer */
/* #footer {margin-top:100px;} */
#footer {margin-top:100px;background-color:#f4f6f8;}
.main #footer {margin-top:0;}
#footer .top {background-color:#e6e9ef;}
#footer .rows {position:relative;}
#footer .menu {display:flex;}
#footer .menu li + li {position:relative;}
#footer .menu li + li:before {content:" ";position:absolute;left:0;top:50%;width:1px;height:14px;background-color:#848484;transform:translateY(-50%);}
#footer .menu a {display:block;height:44px;line-height:44px;padding:0 10px;font-size:12px;}
#footer .menu .em a {font-weight:500;color:var(--ColorYellow);}
#footer .menu li:first-child a {padding-left:0;}
#footer address {line-height:1.6;}
#footer address p {opacity:0.8;font-size:14px;font-weight:100;color:#fff;}
#footer .all_menu {background-color:#f5f5f5;}
#footer .all_menu .ct {display:flex;justify-content:center;padding:40px 170px;}
#footer .all_menu .group {text-align:center;flex:1 1 0;}
#footer .all_menu .group + .group {border-left:1px solid var(--lx-box-border);}
#footer .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);}
#footer .all_menu .lab::before {content:" ";position:absolute;left:50%;bottom:0;width:14px;height:2px;margin-left:-7px;background-color:var(--lx-subj-color);}
#footer .all_menu ul li + li {margin-top:5px;}
#footer .all_menu ul a {display:block;line-height:22px;font-size:15px;color:var(--lx-font-color2);}
#footer .end {padding:25px 0;}
#footer .end .logo {margin-right:60px;}
#footer .site + .info {margin-top:20px;}
#footer .info ul {overflow:hidden;}
#footer .info li {float:left;line-height:1.6;font-size:14px;color:#77787a;}
#footer .info li + li {position:relative;}
#footer .info .cb {clear:both;}
#footer .info li:not(:first-child, .cb) {margin-left:15px;}
#footer .info li:not(:first-child, .cb)::before {content:" ";position:absolute;left:-7px;top:50%;width:1px;height:14px;background-color:#848484;transform:translateY(-50%);}
#footer .info .group {width:50%;}
#footer .info .group + .group {margin-left:10px;}
#footer .end .copy {margin-top:10px;font-size:14px;}
#footer .site {display:flex;justify-content:space-between;align-items:center;gap:10px;}
#footer .site_group {display:flex;gap:40px;}
#footer .site_group li {display:flex;align-items:center;gap:10px;}
#footer .site_group .img {width:150px;}
#footer .site_group li:nth-child(2) .img {width:170px;}

/* 모바일 메뉴 */
.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:50px;background-color:#f5faff;}
.side_bar .head .tog {width:50px;color:#fff;background-color:var(--lx-color-ci);}
.side_bar .head .gl {flex-grow:1;display:flex;align-items:center;justify-content:center;height:100%;padding:0 10px;}
.side_bar .head .gl li {flex:1 1 0;}
.side_bar .head .gl li + li {margin-left:10px;}
.side_bar .head .gl a, .side_bar .head .gl button {text-align:center;display:block;width:100%;height:32px;line-height:32px;padding:0 10px;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 .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:bold;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;}

/* 탑배너 */
.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:0;top:0;width:30px;height:40px;}
.top_pop .x::before {content:"\e5cd";position:absolute;left:50%;top:50%;font-family:"Material Icons";line-height:1;font-size:24px;color:#fff;transform:translate(-50%, -50%);}

/* 메인 배너, 바로가기 */
.main .visual {height:774px;padding-top:250px;border-bottom-left-radius:90px;border-bottom-right-radius:90px;background:url("../../images/www/common/main_visual.png") no-repeat 50% 50%;background-size:cover;}
.main .visual .cont {display:flex;justify-content:space-between;}
.main .visual .slogan {flex-grow:1;flex-shrink:0;}
.main .main_sd {position:relative;border-radius:20px;box-shadow:0 0 15px 15px rgba(0, 22, 65, 0.1);}
.main .main_sd .viewer {overflow:hidden;width:527px;height:317px;}
.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;font-size:80px;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_sd .control {display:flex;justify-content:center;align-items:center;position:absolute;left:50%;bottom:-40px;transform:translateX(-50%)}
.main .main_sd .control .slick-arrow {position:relative;width:32px;height:32px;}
.main .main_sd .control .slick-arrow::before {font-family:'Material Icons';font-weight:normal;font-size:32px;color:#fff;}
.main .main_sd .control .slick-prev::before {content:"\e408";}
.main .main_sd .control .slick-next::before {content:"\e409";}
.main .main_sd .control .pause {margin:0 5px;color:#fff;}
.main .main_sd .control .pause::before {content:"\e034";}
.main .main_sd .control .off::before {content:"\e037";}
.main .main_sd .slick-dots {position:absolute;right:25px;bottom:20px;}
.main .main_sd .slick-dots .tab {text-align:left;}
.main .main_sd .line_fill {position:relative;height:3px;background:rgba(255, 255, 255, 0.2);}
.main .main_sd .line_fill span {position:absolute;left:0;top:0;width:0;height:100%;background-color: #fff;}
.main .main_sd .indicator .num {line-height:1;font-size:17px;color:#fff;}
.main .main_sd .indicator .total {color:#59e7f1;}
.main .main_sd .slick-dots li {display:none;}
.main .main_sd .slick-dots .slick-active {display:block;}
.main .main_sd .slick-dots .slick-active > button > .line_fill span {animation:slick-progressbar 4s 1;animation-fill-mode:forwards;}
.main .main_sd[data-slick-autoplay-status="N"] .slick-dots .slick-active > button > .line_fill span {animation-play-state:paused;}
.main_sd .slide_item {width:527px;height:317px;padding:35px 220px 0 35px;border-radius:20px;}
.main_sd .slide_item .head {margin-bottom:20px;}
.main_sd .slide_item .title {display:inline-flex;position:relative;line-height:1;padding-right:30px;font-size:28px;font-weight:bold;color:#fff;}
.main_sd .slide_item .title:before {content:"\e315";position:absolute;right:-10px;top:50%;font-family:'Material Icons';font-weight:normal;font-size:40px;transform:translateY(-50%);}
.main_sd .slide_item .desc {overflow:hidden;text-overflow:ellipsis;word-wrap:break-word;word-break:keep-all;display:-webkit-box;-webkit-line-clamp:8;-webkit-box-orient:vertical;line-height:1.55;color:#fff;}
/* overflow:hidden;text-overflow:ellipsis;word-wrap:break-word;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;height:36px;line-height:18px;
max-height:2.8em;line-height:1.4em; */
.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_link {display:flex;justify-content:center;}
.main .sc_link li a {display:block;position:relative;height:110px;padding:20px 20px 0 140px;}
.main .sc_link li + li {border-left:1px solid #e8e8e8;}
.main .sc_link .lab {line-height:1;font-size:23px;font-weight:bold;letter-spacing:-0.5px;color:#333;}
.main .sc_link p {word-break:keep-all;line-height:1.3;margin-top:10px;font-size:14px;letter-spacing:-0.2px;color:#87898d;}
.main .sc_link i {position:absolute;left:30px;top:50%;transform:translateY(-50%);background-repeat:no-repeat;background-position:0 0;background-size:cover;}
.main .sc_link .cert {width:73px;height:63px;background-image:url("../../images/www/icon/sc_link_cert.png");}
.main .sc_link .edu {width:73px;height:64px;background-image:url("../../images/www/icon/sc_link_edu.png");}
.main .sc_link .faq {width:73px;height:73px;background-image:url("../../images/www/icon/sc_link_faq.png");}
.main .sc_link .inquiry {width:74px;height:73px;background-image:url("../../images/www/icon/sc_link_inquiry.png");}

/* 메인 콘텐츠 */
.main .ct_section .board + .ct_group {padding-top:60px;}
.main .ct_section {padding:80px 0;}
.main .ct_section .ct_group + .ct_group {margin-top:60px;}
.main .ct_section.bg {background-color:#f4f6fc;}
.main .ct_section.guide .rows {display:flex;gap:30px;}
.main .ct_section.guide .cols {flex:1 1 0;min-width:0;}
.main .ct_section.guide .ct_head .more {display:block;position:relative;padding-right:15px;color:#333;}
.main .ct_section.guide .ct_head .more::before {content:"\e315";position:absolute;right:-4px;top:50%;font-family:'Material Icons';font-size:20px;color:#8c8d8d;transform:translateY(-50%);}
.main .bann {display:flex;gap:30px;}
.main .bann .item {flex:1 1 auto;height:395px;padding:30px;border-radius:30px;}
.main .bann .ex {background:url("../../images/www/temp/img_guide_bann_01.png") no-repeat 0 0;background-size:cover;}
.main .bann .non_ex {background:url("../../images/www/temp/img_guide_bann_02.png") no-repeat 0 0;background-size:cover;}
.main .bann .item .title {line-height:1;margin-bottom:15px;font-size:30px;font-weight:bold;color:#fff;}
.main .bann .item .desc {margin-bottom:35px;line-height:1.6;color:#fff;}
.main .bann .item .link {text-align:center;display:block;width:145px;height:49px;line-height:45px;border:2px solid #fff;border-radius:24px;font-weight:500;color:#fff;}
.main .post_li {height:395px;padding:0 35px;border-radius:30px;background-color:#fff;}
.main .post_li .link {display:flex;flex-direction:column;justify-content:center;position:relative;height:98.75px;padding:0 100px 0 0;}
.main .post_li .link + .link {border-top:1px solid #e8e8e8;}
.main .post_li .sub {text-overflow:ellipsis;overflow:hidden;white-space:nowrap;font-weight:500;color:#444;}
.main .post_li .desc {text-overflow:ellipsis;overflow:hidden;white-space:nowrap;color:#727272;}
.main .post_li .date {position:absolute;right:0;top:25px;font-size:12px;color:#b0aca8;}

/* 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;}

/* 과정분류 바로가기 */
.cs_group {display:flex;gap:12px;}
.cs_group .item {text-align:center;flex:1 1 0;min-width:0;display:flex;flex-direction:column;justify-content:space-between;padding:15px 10px;border:1px solid var(--lx-box-border);border-radius:20px;font-size:17px;background-color:var(--lx-box-bg);}
.cs_group .item .title {display:flex;align-items:center;justify-content:center;font-weight:bold;color:var(--lx-subj-color);}
.cs_group .item .img {width:80px;height:80px;margin:10px auto;padding:10px;border-radius:25px;background-color:var(--lx-box-bg5);box-shadow: 0px 10px 20px rgba(0, 0, 0, 0.04);}
.cs_group .item .count {font-size:15px;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);}

/* 스크롤 */
/* #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;margin-top:138px;border-bottom:1px solid #ebebeb;}
.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;left:0;top:0;width:50px;height:50px;background-color:var(--lx-color-ci);}
.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 #ebebeb;}
.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 #ebebeb;border-top:0;background:#fff;}
.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.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.2;margin-bottom:30px;font-size:32px;font-weight:700;color:var(--lx-subj-color);}
.ct_head {display:flex;justify-content:space-between;align-items:center;position:relative;margin-bottom:20px;}
.ct_head .ct_title {line-height:1;margin-bottom:0;}
.main .ct_title {font-size:28px;}
.ct_sub_title {line-height:1.2;margin-bottom:20px;font-size:24px;font-weight:700;color:var(--lx-subj-color);}
.ct_sub_title .affix {margin-left:20px;font-size:18px;font-weight:normal;color:#999;}
.ct_sub_title.top_l {margin-top:30px;}
.cs_title {margin-bottom:10px;font-size:20px;font-weight:bold;color:var(--lx-subj-color);}
.cs_title.top {margin-top:30px;}
.cs_title.dtop {margin-top:50px;}
.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);}

/* content box */
.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;}
.hypen_li > li {text-align:left;position:relative;padding-left:15px;}
.hypen_li > li:before {content:"-";position:absolute;left:3px;}
.hypen_li.stick {padding-top:0;}
.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:500;color:#333;}
.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 {margin-bottom:10px;}
.dl_head {padding:10px 15px;border-radius:8px;background-color:var(--lx-boxbox-bg);}
.dl_head .em {font-weight:500;color:var(--lx-color-ci);}
.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 {font-size:15px;color:var(--lx-font-color2);}
.note_box .item_li > li::before {top:8px;}
.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:500;color:#333;}
.note_box.bg {border:0;background-color:#f6f7f8;}
.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;}

/* snippet */
.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:600;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;}
.item_li {text-align:left;width:100%;}
.item_li > li {position:relative;line-height:1.5;padding-left:15px;word-break:keep-all;}
.item_li > li::before {content:" ";position:absolute;left:0;top:10px;width:6px;height:6px;border-radius:50%;background-color:#bebebe;}
.item_li > li + li {margin-top:5px;}
.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:500;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.5;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:500;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:8px;width:5px;height:5px;}
.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 li.ci::before {background-color:var(--lx-color-ci) !important;}
.item_li .ci_red {color:var(--lx-color-red) !important;}
.item_li li.ci_red::before {background-color:var(--lx-color-red) !important;}
.item_li ul, .item_li ol {margin-top:5px;}
.item_num_li {text-align:left;width:100%;}
.item_num_li.stick {padding-top:0;}
.item_num_li > li {position:relative;line-height:1.5;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;}
.ref_li > li {position:relative;line-height:1.5;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:500;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:8px;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;}
.it_tbl.sm .dots_list.dia > li {padding-left:8px;}
.it_tbl.sm .dots_list.dia > li::before {top:7px;}

/* badge */
.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 {background-color:var(--Ci-Blue);}
.tb_tag.sm {height:30px;line-height:29px;padding:0 10px;border-radius:15px;font-size:14px;}

/* 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);}

/* icon */
.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:500;}
.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;}

/* 회원약관 */
.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(--Ci-Blue);}
.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 > .on > a {color:var(--Ci-Blue);background-image:url("../../images/www/common/acord_on.png");}
.terms_li.accord .cont {display:none;padding:20px 15px;border-top:1px solid var(--Ci-Sky);}
.terms_li h4, .terms_li .at_title {margin-bottom:10px;font-size:18px;font-weight:bold;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 .ord {position:absolute;left:0;}
.terms_li ol ul, .terms_li ul ul {padding:5px 0;}
.terms_li .num > li {padding-left:20px;}
.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 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);}
.terms_li .group + .group {margin-top:30px;}

.ag_term {display:flex;align-items:center;padding:10px 15px;}
.ag_term label {margin-left:5px;font-weight:bold;color:#000;}
.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:200px;line-height:1.5;padding:15px;border:1px solid #ddd;font-size:15px;background-color:#fff;}
.termbox.ex {height:auto;}
.termbox.sm {padding:10px;font-size:14px;}
.ag_all {text-align:center;margin-top:15px;padding:15px 0;border-top:1px solid #dfdfdf;}
.ag_all label {font-weight:bold;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:320px;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-family:SpoqaL;font-weight:bold;color:#212121;}
.mb_end .desc {line-height:1.5;margin-top:20px;font-family:SpoqaT;font-size:16px;font-weight:bold;}
.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");}

/* 회원탈퇴 */
.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 {line-height:1.5;}
.w_warning .em {font-family:SpoqaL;font-weight:bold;}

/* 로그인 */
.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: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 .logo {position:absolute;left:50%;bottom:30px;transform:translateX(-50%);width:220px;}
.log_intro .login {display:flex;justify-content:center;align-items:center;width:50%;}
.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:60px;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:60px;line-height:60px;margin-top:15px;padding:0 10px;font-size:18px;color:#fff;background-color:var(--Ci-Blue);}
.log_intro .tester {display:flex;}
.log_intro .tester a {flex:1 1 0;text-align:center;height:60px;line-height:58px;margin-top:15px;padding:0 10px;border:1px solid var(--Ci-Blue);font-size:16px;color:var(--Ci-Blue);font-weight:bold;background-color:#fff;}
.log_intro .tester a + a {margin-left:10px;}
.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%;}
.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:500;}
.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:5px;font-size:18px;font-weight:bold;color:var(--lx-subj-color);}
.event_li .img {overflow:hidden;position:relative;height:0;padding-bottom:47.5%;}
.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);}

/* 게시판 가로형 */
.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:500;}
.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:500;}
.bd_row_li .bd_item .state .red {color:#c32419;}
.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:500;color:#666;}
.li_blank .img {margin-bottom:20px;}
.li_blank .add {margin-top:10px;font-size:16px;color:#666;}

/* 썸네일 유형 */
.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:30px;}
.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%;}
.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:26px;font-size:20px;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:bold;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:15px;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 .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 {position:absolute;top:50%;width:50px;height:50px;border-radius:50%;border:1px solid var(--lx-color-blue);background-color:rgba(255, 255, 255, 0.8);transform:translateY(-50%);}
.edu_li .slick-arrow::before, .edu_live .slick-arrow::before {display:inline-block;line-height:1;font-family:'Material Icons';font-size:36px;color:var(--lx-color-blue);}
.edu_li .slick-prev, .edu_live .slick-prev {left:-75px;}
.edu_li .slick-next, .edu_live .slick-next {right:-75px;}
.edu_li .slick-prev::before, .edu_live .slick-prev::before {content:"\e408";}
.edu_li .slick-next::before, .edu_live .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;margin-bottom:3px;}
.edu_category > span {font-size:15px;color:var(--lx-font-color2);}
.edu_category > span:not(:last-of-type):after {content:'|';margin:0 2px;color:#ccc;}

/* 썸네일없는 유형 */
.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_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:stretch;position:relative;padding:10px;}
.edu_row_li .img {flex-shrink:0;overflow:hidden;position:relative;width:200px;height:112px;}
.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:16px;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:60px;line-height:22px;height:24px;margin-right:5px;padding:0 5px;border:1px solid #ccc;border-radius:2px;font-size:12px;}
.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 {border-color:#aaa;color:#666;background-color:#fff;}
.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;box-shadow:5px 5px 5px 2px #eff1ff;}
.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:17px;font-weight:500;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 .edu_category span {font-size:16px;}
.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:#e0e0e0;}
.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:20px;display:flex;justify-content:space-between;align-items:center;}
.edu_summary .bar a, .edu_summary .bar span {flex:1 1 0;}
.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;margin-right:30px;}
.edu_detail .side {flex-shrink:0;width:380px;}
.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;}
.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:bold;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:bold;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:500;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:500;}

/* 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:500;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:500;}
.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-font-color2);}
.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 {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[readonly], input[readonly="readonly"] {background-color:#f6f6f6;}
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], input[readonly]:not(.k-input-inner), input[readonly="readonly"] {color:#999;background-color:#f6f6f6;}

/* 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 .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 input[type="text"].key {width:340px;padding-right:35px;}
.form_box .c_btn {height:45px;line-height:45px;font-size:16px;}
.form_box .k-input-solid {border-color:#c0c0c0;border-radius:0;}
.form_box .k-datepicker input[type="text"] {height:43px;line-height:43px;}
.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 {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:90px;font-weight:bold;color:var(--lx-subj-color);}
.form_box .ctg_lab .tap {color:var(--lx-font-color2);}
.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:60px;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;}
.tab_set .hidden {display:none;position:absolute;left:0;top:0;width:0;height:0;}
/* 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; */
.ex_ans li input[type="radio"]:checked + label, .ex_ans li input[type="checkbox"]:checked + label {background-color:#fee83c;}
.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_addr .add {margin-top:5px;}
.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_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.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.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:50px;}
.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 12px;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.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;}*/

.lx_btn {text-align:center;vertical-align:middle;display:inline-block;height:40px;line-height:40px;padding:0 15px;border-radius:5px;font-weight:500;color:#fff;background-color:#fff;}
.lx_btn.ry_blue {background-color:var(--lx-color-ry_blue);}
.lx_btn.bk {background-color:#000;}
.lx_btn.bk.line {border:1px solid #000;color:#000;background-color:#fff;}
.lx_btn.md {height:50px;line-height:50px;padding:0 25px;font-size:17px;}
.lx_btn.lg {height:60px;line-height:60px;padding:0 40px;border-radius:8px;font-size:19px;}

/* 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;}
.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;}
.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;}
.b_box.st {padding-top:0;}
.b_box.dtop {padding-top:60px;}
.b_box .c_btn {margin:2px;}
.fb_box {display:flex;margin-top:15px;} /* full box */
.fb_box .c_btn {width:50%;}
.fb_box .c_btn + .c_btn {margin-left:10px;}

/* tab menu */
.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 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);}
.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);}
.cs_tab2 {display:flex;justify-content:center;margin-bottom:20px;}
.cs_tab2 li {position:relative;}
.cs_tab2 li + li::before {content:" ";position:absolute;left:0;top:50%;width:1px;height:16px;background-color:#c4c4c4;transform:translateY(-50%);}
.cs_tab2 a {display:block;margin:0 15px;font-size:22px;}
.cs_tab2 .on a {font-weight:bold;color:var(--lx-color-yellow);border-bottom:2px solid var(--lx-color-yellow);}

/* table */
.tb_yellow {background-color:#ffffe5;}
.tb_link {color:var(--ColorLink);}
.edu_inst {font-size:14px;color:#666;}
.tbl_col .tb_link {color:var(--lx-subj-color);}
.tbl_data.sm .tb_link {font-size:14px;}
.tb_link + i {vertical-align:text-top;}
.tb_note {position:relative;line-height:1.6;margin-top:10px;font-size:14px;letter-spacing:-0.3px;color:var(--Ci-Sky);}
.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);}
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;}
.note_li_bul > li {word-break:keep-all;text-align:left;position:relative;line-height:1.5;padding-left:12px;font-size:15px;color:var(--lx-color-ci);}
.note_li_bul > li::before {content:" ";position:absolute;top:8px;left:0;width:6px;height:6px;border-radius:50%;background:var(--lx-color-ci);}
.note_li_bul .red {color:var(--Ci-Red);}
.note_li_bul .red::before {background:var(--Ci-Red);}

/* 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 {border-bottom:1px solid var(--lx-box-border);background-color:var(--lx-body-bg);}
/* .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 td {font-size:13px;}
.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 .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;}
.tbl_data2 thead::before{position: absolute;z-index:-1;width:100%;height:100%; content: '';border:1px solid var(--lx-box-th-border);border-radius: 15px;background-color:var(--lx-box-bg);}
.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:500;}
.tbl_data2 td {font-size:14px;color:var(--lx-font-color2);}
.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-weight:var(--lx-font-m);color:var(--lx-subj-color);}
.ct_section .tbl_data2 .c_badge2 {margin-right:0;}
.tbl_data2.thead_ci thead::before{top:-2px;border-top:2px solid var(--lx-color-ci);border-bottom:1px solid var(--lx-color-ci);border-left:0;border-right:0;border-radius: 0;background-color:#f7f8f9;}
.tbl_data2.thead_ci th {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.sm th, .tbl_col.sm td {height:40px;font-size:15px;}
.tbl_col.sm td {font-size:14px;}
/* 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;font-size:14px;}
.tbl_row.sm td {font-size:13px;}
.tbl_row.line {border-top:0;}
.tbl_row.line th, .tbl_row.line td {border: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;}

/* 학습목차 */
.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;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;}
.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.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(--Color-Hyper-Link);}
.t_bar .lab {vertical-align:middle;display:inline-block;margin-right:5px;font-weight:bold;color:var(--lx-subj-color);}

/* 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:500;border-color:var(--lx-color-cerulean);border-radius:50%;background-color:var(--lx-color-cerulean);}
.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 {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;font-size:21px;}
.tbl_detail .sub .text {flex-grow:1;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;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:240px;padding:40px;}
.tbl_detail .cont p + p {margin-top:20px;}
.tbl_detail .add_file {border-bottom:0;}
.tbl_detail .info_group {display:flex;justify-content:space-between;}
.tbl_detail .menu {margin-top:10px;}

/* 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 {text-align:center;flex-shrink:0;width:110px;font-weight:var(--lx-font-m);}
.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;}

/* 커스텀 컬러 */
.c_ci {color:var(--lx-color-ci);}
.c_red {color:var(--lx-color-red) !important;}
.c_blue {color:var(--Ci-Blue);}
.c_bk {color:var(--Ci-Bk);}
.c_green {color:var(--ColorGreen);}
.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:500;}
.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:22px;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 90px;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-ci);}
.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";}

/* 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:500;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_wt_thin.png") no-repeat 0 0;background-size:cover;}
.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:48px;}
.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;}
.st_board .course .state .lab {min-width:50px;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-weight:bold; padding-right:27px;}
.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:2px;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 {margin:0 auto;}
.ct_dialog .outer > .top {height:60px;padding:0 30px;border-top-left-radius:10px;border-top-right-radius:10px;background-color:#fff;}
.ct_dialog .outer > .top .bowl {position:relative;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:bold;color:#000;}
.ct_dialog .outer > .top .p_close {position:absolute;right:-9px;top:50%;width:40px;height:40px;background:url("../../images/www/common/p_close_bk.png") no-repeat 50% 50%;transform:translateY(-50%);}
.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%;}
.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 * {font-family:'Spoqa Han Sans';color:#282828;}
.cert_frm .em {margin:0 5px;font-weight:500;}
.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 {position:relative;min-height:33px;padding-left:105px;}
.cert_frm .user li + li {margin-top:15px;}
.cert_frm .user .wide {padding-left:0;font-weight:300;}
.cert_frm .user .lab {position:absolute;left:0;}
.cert_frm .user .val {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%);}

/* 센터소개(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:500;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-family:SpoqaL;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;}

/* 시험안내 */
.ex_place {margin-top:30px;}
.ex_place .lx_map {width:100%;height:500px;}
.map_wrap {overflow:hidden;position:relative;border-radius:20px;background:#f7f8f8;}
.map_wrap .txt {max-width:800px;position:absolute;z-index:20;bottom:20px;right:20px;border-radius:20px;padding:20px;background:#fff;}
.map_wrap .txt dl {display:flex;align-items:center;}
.map_wrap .txt dl + dl {margin-top:20px;}
.map_wrap .txt dt, .map_wrap .txt dd {font-size:16px;}
.map_wrap .txt dt {flex-shrink:0;display:flex;justify-content:space-between;position:relative;width:120px;padding:0 15px 0 40px;color:#222;font-weight:bold;}
.map_wrap .txt dt::before {content:" ";position:absolute;top:-3px;left:0;width:30px;height:30px;border-radius:50%;background:#1878C5 no-repeat 50% 50%;}
.map_wrap .txt .address dt::before {background-image:url("../../images/www/icon/ic_map_pin.svg");}
.map_wrap .txt .tel dt::before {background-image:url("../../images/www/icon/ic_map_tel.svg");}
.map_wrap .txt .fax dt::before {background-image:url("../../images/www/icon/ic_map_fax.svg");}
.map_wrap .txt dt:after {content:" "; position:absolute;top:50%;right:0;width:1px;height:14px;margin-top:-7px;background:#ddd;}
.map_wrap .txt dd {flex-grow:1;padding-left:15px;}
.map_text {padding:20px 0;border-top:#222 1px solid;border-bottom:#ddd 1px solid;}
.map_text dl {display:flex;align-items:center;}
.map_text dl + dl {margin-top:20px;}
.map_text dt {flex-shrink:0;position:relative;line-height:40px;height:40px;width:175px;padding-left:52px;margin-right:20px;border-radius:20px;font-size:16px;font-weight:bold;color:#fff;}
.map_text dt::before {content:" ";position:absolute;top:0;left:20px;height:100%;background:no-repeat 50% 50%;}
.map_text .subway dt {background:#1878C5;}
.map_text .subway dt:before {width:16px; background-image:url("../../images/www/icon/ic_map_subway.svg");}
.map_text .bus dt {background:#1B9D6F;}
.map_text .bus dt:before {width:20px; background-image:url("../../images/www/icon/ic_map_bus.svg");}
.map_text .car dt {background:#F18C14;}
.map_text .car dt:before {width:24px; background-image:url("../../images/www/icon/ic_map_car.svg");}
.map_text dd {flex-grow:1;font-size:15px;color:#444;}

/* 소개 */
/* 소개-공통 */
.intro_section {padding:50px 0;}
.intro_section.bg {background-color:#f7f8f9;}
.intro_section p {word-break:keep-all;line-height:1.6;}
.intro_section .bul_tit {position:relative;margin-bottom:30px;padding-bottom:30px;font-size:26px;font-weight:700;color:#222;}
.intro_section .bul_tit:after {content:" ";position:absolute;bottom:0;left:0;width:60px;height:4px;background-color:var(--lx-color-ci);}
.intro_section .atc_title {margin-bottom:10px;font-size:20px;font-weight:500;color:var(--lx-subj-color);}
.intro_section .ci {color:var(--lx-color-ci);}
.intro_section .step_group + .step_group {margin-top:40px;}

.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.diagram th, .it_tbl.diagram td {border:1px solid #ccc;}
/* .it_tbl.diagram thead {border-bottom:#222 2px solid;} */
.it_tbl .b_left {border-left:1px solid #222 !important;}
.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:600;}
.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:15px;}
.it_tbl.sm td {font-size:14px;}
.it_tbl .high_sky {background-color:#C0FFFF;}
.it_tbl .high_green {background-color:#D2FFD2;}
.it_tbl .high_beige {background-color:#FFF3C2;}
.it_tbl .high_orange {background-color:#FFDACC;}
.it_tbl .txt_sc {font-size:1.1em;}

.thumb_dl_item {display:flex;}
.thumb_dl_item dt {width:53.125%;}
.thumb_dl_item dd {width:46.875%;padding:30px 0 0 80px;}
.thumb_item_li {display:flex;justify-content:space-between;}
.thumb_item_li.top {margin-top:50px;}
.thumb_item_li li {display:flex;flex-direction:column;}
.thumb_item_li .img {text-align:center;}
.thumb_item_li .num {color:#f18C14;font-weight:700;margin:30px 0 10px;}
.thumb_item_li strong {font-size:24px;font-weight:500;color:var(--lx-subj-color);}
.thumb_item_li .desc {line-height:1.5;margin-top:30px;}
.certification .thumb_item_li li {width:390px;}
.law_info .group {padding-bottom:30px;}
.law_info .group + .group {padding-top:30px;border-top:1px solid #ebebeb;}
.law_info .law_link {margin-bottom:20px;}
.law_info .law_link a {display:block;position:relative;width:550px;max-width:100%;padding:5px 25px 5px 10px;border:1px solid var(--lx-color-ci);border-radius:5px;font-size:18px;font-weight:500;color:var(--lx-color-ci);}
.law_info .law_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%);}
.law_info .law_link a:hover {color:#fff;background:var(--lx-color-ci);}
.law_info .law_link a:hover::before {color:#fff;}
.law_info .info {padding-left:15px;}
.law_info .info .item > li + li {margin-top:20px;}
.law_info .info strong {display:block;position:relative;margin-bottom:5px;font-size:18px;color:#444;font-weight:500;}
.law_info .info strong::before {content:" ";position:absolute;top:10px;left:-12px;width:4px;height:4px;background-color:var(--lx-color-ci);border-radius:50%;}
.law_info .info p {position:relative;padding-left:15px;font-weight:300;}
.law_info .info p::before {content:"-";position:absolute;left:5px;top:0;}
.law_info .ord li {counter-increment:list-number;word-break:keep-all;position:relative;line-height:1.5;padding-left:15px;font-weight:300;}
.law_info .ord li::before {content:counter(list-number)".";position:absolute;left:0;}

/* 관리자 메인 레이어 */
.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:500;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:15px;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:#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;}

/* 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);}

/* 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 .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 .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-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;}

/* 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;}
}

@media screen and (max-width:980px) {
/* 관리자 팝업 */
.pop_area {top:140px;}
.pop_area .popup {position:static !important;}
}

/* 1600, 1330, 992, 768, 576~ */
@media screen and (max-width:768px) { /* mobile */
/* 모바일 공통 */
.hd_mo {display:none !important;}
.vs_mo {display:block !important;}
.md_vs {display:block !important;}
.md_wide, .mo_wide {width:100% !important;}

/* 관리자 팝업 */
.pop_area {top:60px;}

/* 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 {margin-top:0;}
#container #contents {padding:80px 20px 0 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;}

/* 로그인 */
.log_intro {display:block;}
.log_intro .visual {flex-direction:column;justify-content:center;align-items:center;width:100%;height:200px;}
.log_intro h1 {order:2;line-height:1.3;font-size:26px;}
.log_intro .logo {order:1;position:static;margin-bottom:10px;transform:none;}
.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:26px;height:26px;}
#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 {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%);}

/* 헤더 */
#header, .main #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 .m_menu {position:absolute;z-index:100;left:12px;top:50%;width:36px;height:36px;transform:translateY(-50%);}
#header .m_menu .line {position:absolute;left:9px;width:20px;height:2px;background-color:var(--lx-color-blue);transition:all 0.3s ease;}
#header .m_menu .line:nth-child(1) {top:9px;}
#header .m_menu .line:nth-child(2) {top:17px;}
#header .m_menu .line:nth-child(3) {top:25px;width:16px;}
#header .logo_txt, #header .logo {height:60px;margin-right:0;}
#header .frm .logo a, .main #header .frm .logo a {width:var(--lx-logo-width-m);height:var(--lx-logo-height-m);background-image:var(--lx-logo-m);}
#header .nav::before {top:59px;}

/* 헤더-메인 */

/* footer */
#footer .menu {justify-content:center;}
#footer .end {flex-direction:column;gap:20px;}
#footer .end .logo {margin:0;}
#footer .site {flex-direction:column;}
#footer .site_group {gap:20px;}
#footer .site_group .lab {font-size:15px;}
#footer .site_group .img {width:130px;}
#footer .site_group li:nth-child(2) .img {width:140px;}
#footer .info ul {text-align:center;display:flex;flex-wrap:wrap;justify-content:center;}
#footer .info li + li:before {display:none;}
#footer .info .cb {width:100%;}
#footer .end .copy {text-align:center;}
#footer .other{position: relative;display: flex;padding-right:0;right:auto;top:auto;transform: translateX(0);margin-top:10px;}
#footer .other .move {position: relative;display: inline-block;}
#footer .all_menu .ct {flex-wrap:wrap;justify-content:inherit;padding:20px 0;}
#footer .all_menu .group, #footer .all_menu .group + .group {flex-grow:0;text-align:center;flex-basis:33.3333%;margin:10px 0;}
#footer .all_menu .lab {height:30px;margin-bottom:10px;padding-bottom:10px;font-size:16px;}
#footer .all_menu .lab::before {left:50%;transform:translateX(-50%);}
#footer .all_menu ul a {font-size:14px;}
#footer .all_menu ul li + li {margin-top:5px;}
#footer .all_menu .group:nth-child(3n+1) {border-left:0;}

/* 메인배너 */
.sch_form {position:static;margin-bottom:20px;}
.sch_form .search {width:360px;height:40px;margin:0 auto;}
.sch_form .search input[type="text"] {padding-right:20px;font-size:16px;}
.sch_form .search .enter {width:50px;height:40px;background-size:20px 20px;}
.main .visual {height:auto;padding:30px 15px 55px 15px;border-bottom-left-radius:45px;border-bottom-right-radius:45px;}
.main .visual .cont {flex-direction:column;align-items:center;}
.main .visual .slogan {text-align:center;margin-bottom:20px;}
.main .slogan .guide {margin-bottom:10px;font-size:18px;}
.main .slogan .title {font-size:40px;}
.main .main_sd .viewer {width:360px;height:225px;}
.main_sd .slide_item {width:360px;height:225px;padding:20px 130px 0 20px;background-size:140px 143px;background-position:right 10px bottom 30px;}
.main_sd .slide_item .head {margin-bottom:5px;}
.main_sd .slide_item .title {padding-right:15px;font-size:18px;}
.main_sd .slide_item .title:before {font-size:24px;}
.main_sd .slide_item .desc {font-size:13px;}
.main .main_sd .indicator .num {font-size:14px;}
.main .main_sd .control {bottom:-35px;}

/* 메인가로배너 */
.main .front_bot .img img {max-width:none;position:absolute;left:50%;top:50%;height:100%;transform:translate(-50%, -50%);}
.main .front_bot .con {font-size:16px;}
.main .front_bot .tit {line-height:30px;font-size:20px;}

/* 과정분류 바로가기 */
.cs_group {flex-wrap:wrap;gap:5px;}
.cs_group .item {flex:auto;width:calc(33.3333% - 3.3333px);}

/* 메인 */
.main .ct_section {padding:40px 0;}
.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 .cs_tab {margin-top:10px;}
.main .sc_link {flex-wrap:wrap;}
.main .sc_link li {width:50%;}
.main .sc_link li:nth-child(odd):not(:first-child) {border-left:0;}
.main .sc_link li:nth-of-type(3), .main .sc_link li:nth-of-type(4) {border-top:1px solid #e8e8e8;}
.main .sc_link li a {text-align:center;height:auto;padding:15px;}
.main .sc_link .lab {font-size:20px;}
.main .sc_link i {display:block;position:static;margin:0 auto 20px auto;transform:none;}
.main .ct_section.guide .rows {flex-direction:column;}
.main .bann {gap: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 {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;}

/* edu_li */
.edu_li.sd {margin:-15px -5px}
.edu_li.sd .slick-slide {padding:15px 5px;}
.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%;}

/* 과정상세 */
.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_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 {margin-right:0;padding-bottom:40px;}
.edu_detail .side {width:100%;}
.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;}

/* 타이틀 */
.cs_title {font-size:17px;}
.ct_title, .p_title {margin-bottom:15px;font-size:24px;}
.ct_sub_title {margin-bottom:10px;font-size:19px;}
.ct_sub_title .affix {display:block;margin:5px 0 0 0;font-size:14px;}
.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;}

/* button */
.c_btn, .bt_new, .bt_del, .bt_modify, .bt_detail, .bt_save {padding:0 10px;font-size:14px;}

/* 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:15px;}
/* .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;}
.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 */
.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 th, .tbl_data.mo_sm td {height:44px;padding:10px 5px;font-size:13px;}
.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_row2.mo_sm th, .tbl_row2.mo_sm td {height:44px;padding:10px 5px;font-size:13px;}
.tbl_col2.mo_sm th, .tbl_col2.mo_sm td {height:44px;padding:10px 5px;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;}

/* 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:4px;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:500;color:var(--ColorGreen);}
.tbl_rps .tbl_col .tb_blank {display:block;width:100%;text-align:center;}

/* data(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;}

/* 디자인 데이터테이블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;}

/* 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 0;}

/* 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;}

/* tab menu */
.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%;}

/* contents */
.p_login .ct {padding:40px;}
.edu_guide {padding:90px 25px 25px 25px;background-position:50% 25px;}

/* 게시판-상세 */
.tbl_detail .sub {font-size:19px;}
.tbl_detail .info {padding-top:5px;}
.tbl_detail .info li {font-size:13px;}
.tbl_detail .info span {line-height:20px;}
.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;}

/* 소개 */
.intro_section {padding:30px 0;}
.intro_section p, .law_info .ord li {font-size:14px;}
.intro_section .bul_tit {font-size:19px;margin-bottom:10px;padding-bottom:10px;}
.intro_section .bul_tit::after {width:30px;height:2px;}
.thumb_dl_item {display:block;}
.thumb_dl_item dt, .thumb_dl_item dd {width:100%;}
.thumb_dl_item dd {padding:20px 0 0 0;}
.thumb_item_li {flex-direction:column;gap:30px;}
.thumb_item_li.top {margin-top:20px;}
.thumb_item_li .num {margin:10px 0 5px 0;}
.thumb_item_li strong {font-size:19px;}
.thumb_item_li .desc {margin-top:10px;}
.certification .thumb_item_li li {width:100%;}
.law_info .law_link a, .law_info .info strong {font-size:16px;}
.it_tbl th, .it_tbl td, .it_tbl tbody th, .it_tbl tbody td {padding:10px;}
.it_tbl th {font-size:14px;}
.it_tbl tbody td {font-size:14px;}
.it_tbl .dots_list.dia > li::before {top:7px;}
.it_tbl .dots_list.dia > li {padding-left:8px;}

/* 시험안내 */
.ex_place .lx_map {height:300px;}
.map_wrap {background:none;}
.map_wrap .txt {position:static;width:100%;border-top-left-radius:0;border-top-right-radius:0;background-color:#f7f8f8;}
.map_text dl {flex-direction:column;align-items:flex-start;}
.map_text dt {margin-bottom:10px;}
}

@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) {
/* 모바일 공통 */
.sm_wide {width:100%;}

/* 레이아웃 */
.rows {padding:0 10px;}
#container #contents {padding:75px 10px 0 10px;}

/* 로그인 */
.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;}

/* 푸터 */
#footer {margin-top:30px;}
#footer .end {flex-direction:column;text-align:center;padding-top:15px;border-top:1px solid rgba(0, 0, 0, .1);}
#footer .info .lab {margin-bottom:5px;}
#footer .info li {font-size:13px;}
#footer .logo {margin-top:15px;}

/* 메인가로배너 */
.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;}
/* .main .bann {flex-direction:column;} */
.main .bann .item {padding:20px 15px;height:280px;background-position:50% 50%;}
.main .bann .item .title {font-size:20px;}
.main .bann .item .desc {margin-bottom:15px;letter-spacing:-1px;font-size:13px;}
.main .post_li {height:auto;padding:0 20px;}
.main .post_li .link {height:90px;padding-right:0;}
.main .post_li .sub, .main .post_li .desc {font-size:15px;}
.main .post_li .date {text-align:right;position:static;margin-top:5px;}

/* 마이페이지 */
.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;}

/* 교육과정-썸네일 */
.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;}

/* 회원가입 */
.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;}

/* snippet */
.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;}
.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:20px;}
.faq_menu dt > a {padding:25px 50px 25px 55px;}
.faq_menu dt > a:before {right:10px;}
.faq_menu dd {padding:25px 25px 25px 65px;}
.faq_menu dd .ans {left:15px;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;}

/* 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%;}
}

@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;}

/* 콤보바 */
.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;}
}

@media screen and (max-width:480px) {
/* common */
.xs_wide {width:100%;}

/* 메인 */
.main .board .card {display:block;}
.main .board .card .lab {width:100%;margin-bottom:10px;font-size:20px;}
.main .board .cols .sd {width:100%;margin-left:0;}

/* 교육과정-썸네일 */
.edu_li .img {padding-bottom:50%;}
.edu_li .sub {height:22px;-webkit-line-clamp:1;}

/* 마이크로러닝 상세 */
.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;}
}