@charset "utf-8";
/* 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 {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;}
table {width:100%;table-layout:fixed;border-collapse:collapse;}
th, td, textarea {word-wrap:break-word;}
html, body {height:100%;}
body {-webkit-text-size-adjust:none;background-color:#fff;}
body, h1, h2, h3, h4, h5, h6, strong, table, th, td, input, select, textarea, button, a, pre {font-family:'SpoqaR', sans-serif;font-size:1rem;font-weight:normal;color:#666;}

/* root */
:root {
--ColorFont:#666;
--ColorLink:#0d6efd;
--Ci-Navy:#161d49;
--Ci-Sky:#568fd2;
--Ci-Blue:#0e60bf;
--Ci-Gray:#999;
--Ci-Bk:#4d4d4d;
--Ci-Red:#da4453;
--Ci-Green:#2a9b73;
--BadgeGreen:#00ac4e;
--BadgeBk:#112240;
--BadgeRed:#ff4530;
--BadgeGray:#989b9f;
--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;
}

/* skip */
#skip {position:absolute;left:0;top:0;z-index:101;}
#skip a {white-space:nowrap;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;}

/* 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 {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;}
.jc_sb {justify-content:space-between !important;}
.vspace {display:block;clear:both;height:5px;}
.vspace.db {height:10px;}
.ml {margin-left:10px;}
.mls {margin-left:5px;}
.mr {margin-right:10px;}
.mrs {margin-right:5px;}
.mts {margin-top:5px;}
.mt {margin-top: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;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;}
.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>');}

/* font */
.spoqa_l {font-family:SpoqaL;font-weight:bold;}
.spoqa_t {font-family:SpoqaT;font-weight:bold;}

/* layout */
#header {display:flex;align-items:center;z-index:50;position:relative;width:100%;height:100px;background:#fff;}
/* #header::after {content:" ";position:absolute;left:0;bottom:0;width:100%;height:1px;background-color:#d8d9da;} */
#header .logo {text-align:center;flex-shrink:0;width:300px;}
#header .logo a {display:inline-block;}
#header .nav_toggle {display:none;position:absolute;z-index:100;left:30px;top:50%;width:40px;height:40px;border-radius:50%;transform:translateY(-50%);}
#header .nav_toggle .line {position:absolute;left:50%;width:20px;height:2px;margin-left:-9px;background-color:#000;}
#header .nav_toggle .line:nth-child(1) {top:14px;}
#header .nav_toggle .line:nth-child(2) {top:20px;}
#header .nav_toggle .line:nth-child(3) {top:26px;}
#header .nav_toggle.x .line:nth-child(1) {top:50%;transform:rotate(45deg);}
#header .nav_toggle.x .line:nth-child(2) {display:none;}
#header .nav_toggle.x .line:nth-child(3) {top:50%;transform:rotate(-45deg);}
#header .global {flex-grow:1;display:flex;justify-content:space-between;align-items:center;max-width:2100px;margin:0 auto;padding:0 140px;}
.wrap:not(.main) #header .global {justify-content:flex-end;}
#header .search {overflow:hidden;position:relative;}
#header .search .input {float:left;display:flex;width:520px;border-radius:2px;border:4px solid var(--Ci-Sky);transition:width 0.4s ease;}
#header .search select {width:140px;height:47px;border:0;padding-left:15px;font-weight:bold;font-size:14px;}
#header .search input[type="text"] {flex-grow:1;height:47px;border:0;font-size:14px;}
#header .search .enter {float:left;width:55px;height:55px;margin-left:10px;border-radius:2px;background:var(--Ci-Blue) url("../../images/www/common/sch_form_glass.png") no-repeat 50% 50%;}
#header .sch_form .tag {margin-top:7px;}
#header .sch_form .sch_close {display:none;position:relative;line-height:1;margin-left:10px;}
#header .sch_form .sch_close::before {content:"\e5cd";font-family:'Material Icons';font-weight:normal;font-size:30px;color:#fff;}
#header .sch_form .bg {display:none;position:absolute;left:0;top:0;width:100%;height:100%;background:rgba(32, 32, 32, 0.8);}
#header .role {display:flex;align-items:center;}
#header .role .menu {display:flex;align-items:center;}
#header .role .menu li {position:relative;padding:0 15px;}
#header .role .menu li:first-child {padding-left:10px;}
#header .role .menu li + li::before {content:" ";position:absolute;left:0;top:3px;width:1px;height:18px;background-color:#bfc2cd;}
#header .role .menu a {position:relative;display:block;}
#header .role .menu .noti {width:34px;height:24px;background:url("../../images/www/icon/ic_gl_noti.png") no-repeat 50% 50%;}
#header .role .menu .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;}
#header .role .menu .point {display:flex;align-items:center;}
#header .role .point i {text-align:center;width:20px;height:20px;line-height:20px;border-radius:50%;font-size:14px;font-weight:bold;color:#fff;background-color:#2380ec;}
#header .role .point .num {margin-left:5px;font-weight:bold;}
#header .role .acc {display:flex;align-items:center;margin-left:10px;}
#header .role .acc .name, #header .role .acc a {white-space:nowrap;position:relative;line-height:1.4;font-size:17px;font-family:SpoqaT;font-weight:bold;}
#header .role .acc .name + a {margin-left:20px;}
#header .role .acc .name + a::before {content:" ";position:absolute;left:-10px;top:50%;width:1px;height:18px;background-color:#bfc2cd;transform:translateY(-50%);}
#header .role .avatar {overflow:hidden;flex-shrink:0;width:48px;height:48px;margin-left:15px;border-radius:50%;background-color:#f2f2f2;}
#header .role .avatar img {width:100%;height:100%;}
#header .op_sch_form {display:none;}
.wrap:not(.main) #header .op_sch_form {display:block;}
.wrap:not(.main) #header .sch_form {opacity:0;visibility:hidden;width:1px;height:1px;}
.wrap #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:70px;}
#header .sch_form.active .sch_close, #header .sch_form.active .bg  {display:block;}
#header .op_sch_form {position:relative;width:34px;height:34px;margin-right:10px;background:url("../../images/www/common/op_sch_form.png") no-repeat 50% 50%;}
#header .op_sch_form::after {content:" ";position:absolute;right:-10px;top:50%;width:1px;height:18px;background-color:#bfc2cd;transform:translateY(-50%);}
#container {display:flex;}
#contents {min-width:0;flex-grow:1;max-width:2100px;margin:0 auto;padding:30px 140px 100px 140px;}

/* side_bar */
/* .mCSB_scrollTools {opacity:0;}
.mCustomScrollBox:hover > .mCSB_scrollTools {opacity:1;}
.side_nav .mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar {width:6px;background-color:#807e7d !important;} */
.side_bg {position:fixed;width:100%;height:100%;z-index:10;opacity:0;visibility:hidden;background:rgba(0, 0, 0, 0.3);transition:all 0.3s ease;}
.side_nav {position:relative;flex-shrink:0;width:300px;padding-bottom:280px;background:var(--Ci-Navy) url("../../images/www/common/side_nav_deco.png") no-repeat bottom 380px left 0;}
.side_nav .scroll {height:100%;overflow-y:auto;overflow-x:hidden;padding-top:20px;}
.side_nav .group {min-height:60vh;padding:45px 30px 45px 20px;}
.side_nav .nav a {display:block;position:relative;}
.side_nav .nav a + ul {display:none;}
.side_nav .nav .on > a + ul {display:block;}
.side_nav .nav > li + li {margin-top:20px;}
.side_nav .nav > li > a {padding:15px 25px 20px 10px;font-size:20px;font-family:'arita-dotum';font-weight:700;color:#fff;}
.side_nav .nav > li > .opener:after {content:"\e5cf";right:-4px;top:14px;position:absolute;font-family:'Material Icons';font-weight:normal;font-size:30px;color:#fff;transition:transform 0.3s ease;}
.side_nav .nav > li > .sub > li {border-bottom:1px solid #2e345c;}
.side_nav .nav .sub > li > a {padding:10px 25px 10px 20px;font-family:SpoqaT;font-weight:bold;font-size:16px;color:#fff;}
.side_nav .nav .sub ul a {padding:10px 20px 10px 30px;font-size:14px;color:#b6b9ca;}
.side_nav .nav .sub .opener:after {content:"\e145";right:0;top:11px;position:absolute;font-family:'Material Icons';font-weight:normal;font-size:24px;color:#9a9cab;}
.side_nav .nav > .on > .opener:after {transform:rotate(-180deg);}
.side_nav .nav .sub .on .opener:after {content:"\e15b";}
.side_nav .nav .list {padding-bottom:5px;}
.side_nav .nav .list ul a {padding:7px 20px 7px 40px;font-size:13px;}
.side_nav .nav .sub > li > .active, .side_nav .nav .sub ul .active {color:#3ea6ff;}
.side_nav .foot {display:flex;flex-direction:column;justify-content:center;position:absolute;left:0;bottom:0;width:100%;height:280px;padding:0 30px;border-top:1px solid #2d355c;font-size:12px;}
.side_nav .foot .menu a {line-height:1;font-size:14px;font-family:SpoqaT;font-weight:bold;color:#9196a9;}
.side_nav .foot .menu .em a {font-family:SpoqaL;color:yellow;}
.side_nav .foot .menu li + li {margin-top:3px;}
.side_nav .foot address {opacity:0.8;margin-top:20px;color:#7b7d8a;}
.side_nav .foot .copy {opacity:0.8;margin-top:20px;color:#898995;}
.snb_btn {display:flex;flex-direction:column;align-items:center;justify-content:center;position:fixed;left:300px;top:130px;z-index:10;width:50px;height:84px;border-top-right-radius:4px;border-bottom-right-radius:4px;background-color:var(--Ci-Gray);}
.snb_btn .text {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;}
[data-side-status="N"] .side_nav {position:fixed;transform:translateX(-300px);}
[data-side-status="N"] #contents {width:100%;}
[data-side-status="N"] .snb_btn {left:0;}
[data-side-status="N"] .snb_btn i::before {content:"\e5d2";}

/* main */
.ct_section {padding-top:60px;}
.ct_section .ct_group + .ct_group {margin-top:60px;}
.my_section .head {display:flex;align-items:center;justify-content:space-between;margin-bottom:10px;}
.my_section .cols .head {height:43px;margin-bottom:0;}
.my_section .head .title {position:relative;font-size:20px;font-family:'arita-dotum';font-weight:700;color:#000;}
.my_section > .top {display:flex;margin:0 -15px;}
.my_section > .top .cols {min-width:0;flex-shrink:0;width:50%;padding:0 15px;}
.my_section > .top .todo {position:relative;padding-top:43px;}
.my_section .todo .head {position:absolute;left:15px;top:0;width:calc(100% - 30px);}
/* .my_section .todo .head .title {font-family:'Montserrat';font-weight:600;font-size:22px;color:#000;} */
.my_section .todo .current {vertical-align:middle;display:inline-block;margin:0 16px;font-family:'Montserrat';font-weight:700;font-size:16px;color:#000;}
.todo_li {height:100%;padding:20px;border:2px solid #d8d9da;border-radius:5px;}
.todo_li .scroll {height:100%;overflow-y:auto;}
.todo_li .li {display:flex;align-items:center;}
.todo_li .li + .li {margin-top:20px;}
.todo_li .date {flex-shrink:0;display:flex;flex-direction:column;justify-content:center;align-items:center;width:90px;height:52px;border-radius:2px;font-family:'Montserrat';font-weight:600;background-color:#ededed;}
.todo_li .date .month {line-height:1;font-size:20px;font-weight:700;color:#000;}
.todo_li .date .day {padding-top:3px;font-size:12px;color:#999;}
.todo_li .info {min-width:0;flex-grow:1;padding-right:20px;font-size:13px;color:#888;}
.todo_li .info .tap {display:block;font-weight:bold;font-size:14px;}
.todo_li .info p {overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-size:18px;font-family:SpoqaL;font-weight:bold;}
.todo_li .info .sub {color:#000;}
.todo_li .info .end_day {font-family:SpoqaL;font-weight:bold;font-size:12px;color:#000;}
.todo_li .info .day {font-size:14px;}
.todo_li .bar {flex-shrink:0;width:65px;}
.todo_li .bar a {text-align:center;display:block;height:24px;line-height:22px;border:1px solid #666;border-radius:3px;font-size:12px;font-weight:bold;color:#666;}
.my_section .lecture .paging .ic_cl {margin:0 4px;}
.my_section .leader_state {margin-top:30px;}
.leader_state .req_edu .status {display:flex;border-radius:5px;border:2px solid #d8d9da;}
.leader_state .req_edu .th {text-align:center;padding:10px;border-radius:2px;font-size:15px;font-weight:bold;color:#000;background-color:#ededed;}
.leader_state .req_edu .card {flex-grow:1;width:18.75%;}
.leader_state .req_edu .card.wd {width:25%;}
.leader_state .req_edu .card + .card {border-left:1px solid #d8d9da;}
.leader_state .req_edu .info {display:flex;flex-direction:column;justify-content:center;height:125px;padding:10px 15px;}
.leader_state .req_edu .state li {display:flex;justify-content:space-between;align-items:center;}
.leader_state .req_edu .state li + li {margin-top:5px;}
.leader_state .req_edu .state .lab {font-size:15px;font-family:SpoqaL;font-weight:bold;}
.leader_state .req_edu .state .val {font-weight:bold;color:var(--Ci-Blue);}
.leader_state .req_edu .state .link {text-decoration:underline;text-underline-position:under;}
.leader_state .req_edu .agenda {overflow-y:auto;height:115px;padding:10px 15px;}
.leader_state .req_edu .agenda .lab {font-size:14px;font-family:SpoqaL;font-weight:bold;color:var(--Ci-Blue);}
.leader_state .req_edu .agenda .period {font-size:14px;}
.leader_state .req_edu .agenda .item + .item {margin-top:5px;}
.leader_state .req_edu + .req_edu {margin-top:20px;}
.leader_state .part_edu {margin-top:20px;}
.leader_state .part_edu .status {display:flex;padding:15px 5px;border-radius:5px;border: 2px solid #d8d9da;}
.leader_state .part_edu .status_lab {flex-shrink:0;width:60px;padding:32px 0 0 10px;}
.leader_state .part_edu .status_lab span {display:block;font-family:SpoqaL;font-size:14px;font-weight:bold;color:#000;}
.leader_state .part_edu .status_lab span + span {margin-top:3px;}
.leader_state .part_edu .card_group {display:flex;flex-grow:1;}
.leader_state .part_edu .card {flex:1 1 0;padding:0 5px;}
.leader_state .part_edu .box {text-align:center;display:flex;flex-direction:column;align-items:center;height:100%;padding:15px 0;border-radius:2px;background-color:#f5f7f9;}
.leader_state .part_edu .th {line-height:1;font-family:SpoqaL;font-size:15px;font-weight:bold;color:#000;}
.leader_state .part_edu .count {text-decoration:underline;text-underline-position:under;line-height:1;margin-top:5px;font-weight:bold;color:var(--Ci-Blue);}
.my_section .part_state {margin-top:40px;}
.my_section .board {display:flex;margin:30px -15px 0 -15px;}
.my_section .board .cols {min-width:0;flex:1 0 50%;padding:0 15px;}
.my_section .board .qna {flex-basis:50%;}
.my_section .board .card {position:relative;height:60px;padding:0 20px 0 135px;border:1px solid #d8d9da;border-radius:5px;}
.my_section .board .lab {position:absolute;left:20px;top:50%;width:110px;font-family:'Montserrat';font-size:20px;font-weight:600;color:#000;transform:translateY(-50%);}
.my_section .board .sd {height:58px;}
.my_section .board .inner {display:flex;align-items:center;width:100%;height:56px;}
.my_section .board .sub {min-width:0;flex-grow:1;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-size:16px;color:#888;}
.my_section .board .date {margin-left:10px;font-family:'Montserrat';font-size:14px;color:#888;}
.my_section .board .ic_cl {margin-left:7px;}

/* main popup */
.pop_ban {position:fixed;left:0;top:0;width:100%;height:100%;z-index:120;}
.pop_ban .tb {display:flex;justify-content:center;align-items:center;width:100%;height:100%;padding:20px 0;}
.pop_ban .inner {overflow:hidden;width:500px;border-radius:15px;box-shadow:0 0 10px 0 rgba(0, 0, 0, 0.1);}
.pop_ban .head {display:flex;justify-content:space-between;align-items:center;height:70px;padding:0 25px;background-color:var(--Ci-Blue);}
.pop_ban .head .title {flex-grow:1;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;padding:0 0 0 40px;font-size:20px;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 {padding:20px 25px;background-color:#fff;}
.pop_ban .frm p {word-break:keep-all;margin-bottom:10px;letter-spacing:var(--LetterSpacing);color:#333;}
.pop_ban .frm .sub {line-height:1.2;margin-bottom:10px;font-size:19px;font-weight:bold;}
.pop_ban .frm p:not(.sub) {line-height:1.4;font-size:16px;}
.pop_ban .frm .em {text-decoration:underline;text-underline-position:under;font-weight:bold;color:#da4453;}
.pop_ban .viewer {max-height:70vh;overflow-y:auto;min-height:20vh;}
.pop_ban .foot {margin-top:10px;}
.pop_ban .foot label {margin-left:5px;font-size:15px;font-family:SpoqaT;font-weight:bold;color:#6f6f6f;}
.pop_ban.wd {position:static;width:auto;height:auto;}
.pop_ban.wd .tb {display:block;padding:0;}
.pop_ban.wd .inner {width:auto;border-radius:0;box-shadow:none;}

/* quickmenu */
#quickmenu {position:fixed;z-index:20;top:203px;right:10px;transition:right 0.3s ease;}
#quickmenu ul {position:relative;z-index:20;border:1px solid #d8d9da;border-top-left-radius:2px;border-top-right-radius:2px;}
#quickmenu li + li {border-top:1px solid #e9e9e9;}
#quickmenu li a {display:flex;flex-direction:column;justify-content:center;align-items:center;width:83px;height:110px;font-size:14px;font-family:SpoqaL;font-weight:bold;color:#222;background-color:#fff;}
#quickmenu li i {margin-bottom:10px;}
/* #quickmenu .tog {width:100%;height:40px;line-height:40px;border-bottom-left-radius:2px;border-bottom-right-radius:2px;font-size:12px;font-weight:bold;color:#666;background-color:#d8d9da;}
#quickmenu .tog i {vertical-align:middle;display:inline-block;line-height:1;margin-left:5px;}
#quickmenu .tog i::before {content:"\e5cd";line-height:1;font-family:'Material Icons';font-size:16px;color:#666;} */
#quickmenu .tog {position:absolute;z-index:10;left:-20px;top:50%;transform:translateY(-50%);width:40px;height:40px;border-radius:50%;background-color:#d8d9da;}
#quickmenu .tog i {position:absolute;left:1px;top:50%;transform:translateY(-50%);}
#quickmenu.off {right:-70px;}
#quickmenu.off .tog i {transform:translateY(-50%) rotate(-180deg);}

/* lms chanel */
#lms_chanel {min-width:0;flex-grow:1;}
.chanel_header .banner_area {overflow:hidden;position:relative;height:calc((100vw - 300px)/6.2 - 1px);}
.chanel_header .banner_area img {width:100%;}
.chanel_header .header {padding:20px 140px 0 140px;}
.chanel_header .app {display:flex;justify-content:space-between;align-items:center;margin-bottom:20px;}
.chanel_header .app .name {line-height:1.2;font-size:28px;color:#030303;}
.chanel_header .app .count {display:flex;flex-wrap:wrap;font-size:15px;}
.chanel_header .app .count li:not(:last-of-type):after {content:'∙';margin:0 3px;}
.chanel_header .app .btns a {margin-left:5px;}
#lms_chanel .chanel_container {min-height:600px;border-top:1px solid #f1f1f1;}
#lms_chanel .chanel_content {max-width:2100px;margin:0 auto;padding:30px 140px 100px 140px;}
.chanel_header .tabs_line {display:flex;}
.chanel_header .tabs_line > li {text-align:center;}
.chanel_header .tabs_line > li > a {position:relative;display:block;padding:0 25px;line-height:52px;font-size:17px;font-weight:bold;color:#9a9a9a;}
.chanel_header .tabs_line > li.on > a {color:#030303;}
.chanel_header .tabs_line > li.on > a:before {content:" ";position:absolute;left:0;bottom:0;width:100%;height:3px;background-color:#030303;}
.chanel_header .new {text-align:center;display:inline-block;position:relative;top:-2px;right:-5px;width:18px;height:18px;line-height:18px;border-radius:50%;font-family:SpoqaL;font-size:11px;color:#fff;background-color:var(--Ci-Blue);}
.chanel_header .tabs_line.center {justify-content:center;}
.ch_group .ch_bar {margin-bottom:20px;} /* course */
.ch_group .ch_title {font-size:18px;font-weight:bold;color:var(--Ci-Blue);}
.ch_group .cs_bl_title {margin-bottom:0;}
.ch_group + .ch_group {margin-top:20px;padding-top:20px;} /* border-top:1px solid #d8d8d8; */

/* community */
.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;background-color:#fff;}
.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:56.25%;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-family:SpoqaT;font-weight:bold;color:#fff;}
.deb_li .img:hover .img_hover {opacity:1;}
.deb_li .top {margin: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:28px;font-size:16px;font-weight:bold;color:#333;}
.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-family:SpoqaT;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 #ccc;font-size:12px;font-weight:bold;color:#666;}
.deb_li .bar .gray {border-color:#999;color:#fff;background-color:#999;}
.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;}

/* foreword */

/* title */
.c_title {position:relative;margin-bottom:10px;font-family:SpoqaL;font-size:18px;font-weight:bold;color:#000;}
.c_title.top {margin-top:20px;}
.ct_title {line-height:1;margin-bottom:20px;font-size:32px;font-family:'arita-dotum';font-weight:700;color:#000;}
.main .ct_title {font-size:28px;}
.ct_head {position:relative;margin-bottom:15px;}
.ct_head .ct_title {margin-bottom:0;}
.cs_title {margin-bottom:10px;font-size:20px;font-family:'arita-dotum';font-weight:700;color:#000;}
.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-family:'arita-dotum';font-weight:700;color:#000;}
.cs_bl_title::before {content:"\e80c";position:absolute;left:0;top:-1px;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-family:'arita-dotum';font-weight:700;color:#000;}
.cs_sub_title.top {margin-top:20px;}

/* 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 .em {font-family:SpoqaL;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:5px 0;}
.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;}
.order_li, .order_li a {font-size:15px;}
.order_li > li {position:relative;padding-left:20px;}
.order_li .ord {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 #ddd;}
/* .add_file a {position:relative;display:block;padding:15px 15px 15px 55px;border-top:1px solid #ddd;font-size:16px;background:url("../../images/www/icon/ic_attach_file.png") no-repeat 20px 15px;} */
.add_file a {position:relative;display:block;padding:15px 15px 15px 55px;border-top:1px solid #ddd;font-size:16px;}
.add_file.bg {background-color:#f6f7f9;}
.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(--Ci-Blue);transition:background-color .3s ease;}
.p_top:before {content:"\e25a";display:inline-block;line-height:50px;font-family:'Material Icons';font-size:32px;font-weight:normal;color:#fff;}
.e_box {text-align:center;padding:10px;border-radius:5px;border:2px solid #d8d9da;}
.e_box p {padding:15px;background-color:#f5f7f9;}

/* 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.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:18px;line-height:18px;padding:0 5px;margin-right:7px;border-radius:2px;font-size:11px;font-weight:bold;color:#fff;background-color:var(--Ci-Blue);}
.c_badge.going {background-color:var(--BadgeGreen);}
.c_badge.applying {background-color:var(--BadgeBk);}
.c_badge.finish {background-color:var(--BadgeRed);}
.c_badge.gray {background-color:var(--BadgeBk);}
.c_badge.navy {background-color:#313b7c;}
/* offline, micro */
.c_badge.offline {background-color:#dc3545;}
.c_badge.micro {background-color:#3ea6ff;}
.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;}

/* icon */
.m_icon.blue, .m_icon_out.blue {color:var(--Ci-Sky);}
.m_icon.red, .m_icon_out.red {color:var(--Ci-Red);}

/* course */
/* edu_li */
.edu_li.sd, .edu_live.sd {opacity:0;visibility:hidden;transition:opacity 1s ease;}
.edu_li.sd.slick-initialized, .edu_live.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, .edu_live.sd {margin:-15px;}
.edu_li.sd .slick-slide, .edu_live.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 .type .c_badge {margin:0;}
.edu_li .type .c_badge + .c_badge {margin:0 0 0 7px;}
.edu_li .type .c_badge:not(.hash) {flex-shrink:0;}
.edu_li .type .hash {overflow:hidden;text-overflow:ellipsis;white-space:nowrap;background-color:#313b7c;}
.edu_li .sub {overflow:hidden;text-overflow:ellipsis;white-space:nowrap;display:block;line-height:28px;font-size:16px;font-weight:bold;color:#333;}
/* .edu_li .count ul {display:flex;} */
.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 #6c757d;font-size:14px;color:#fff;background-color:#6c757d;}
.edu_li .bar .gray {border-color:var(--Ci-Blue);color:#fff;background-color:var(--Ci-Blue);}
.edu_li .bar a + a {margin-left:10px;}
.edu_li .detail {cursor:pointer;display:none;position:absolute;left:0;top:0;width:100%;height:100%;padding:17px 20px;border-radius:4px;background-color:#27325d;}
.edu_li .detail .scroll {overflow-y:auto;height:100%;}
.edu_li .detail .title {word-break:break-all;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:#2ea6f4;}
.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 #b2b2b2;background-color:#fff;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:#b2b2b2;}
.edu_li .slick-prev, .edu_live .slick-prev {left:-55px;}
.edu_li .slick-next, .edu_live .slick-next {right:-55px;}
.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_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_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_li_view */
/* .edu_li_view.sd {opacity:0;visibility:hidden;transition:opacity 1s ease;}
.edu_li_view.sd.slick-initialized {visibility:visible;opacity:1;}
.edu_li_view {margin:-15px;}
.edu_li_view.sd .slick-slide, .edu_li_view:not(.sd) > div {padding:15px;}
.edu_li_view:not(.sd) {overflow:hidden;}
.edu_li_view .inner {position:relative;}
.edu_li_view .img {overflow:hidden;display:block;position:relative;width:100%;height:0;padding-bottom:56.25%;border-radius:4px;}
.edu_li_view .img img {position:absolute;width:100%;height:100%;}
.edu_li_view .type {position:absolute;left:20px;bottom:20px;z-index:10;}
.edu_li_view .top {padding-top:12px;}
.edu_li_view .sub {overflow:hidden;text-overflow:ellipsis;white-space:nowrap;display:block;line-height:28px;font-size:16px;font-weight:bold;color:#333;}
.edu_li_view .count ul {display:flex;height:24px;}
.edu_li_view .count li + li {margin-left:10px;}
.edu_li_view .count .val {font-size:13px;font-family:SpoqaT;font-weight:bold;color:#717171;}
.edu_li_view .count i::before {font-size:16px;color:#b2b2b2;}
.edu_li_view .count .favorite::before {color:var(--BadgeRed);} */

.edu_li_view.sd {opacity:0;visibility:hidden;transition:opacity 1s ease;margin:-15px;}
.edu_li_view.sd.slick-initialized {visibility:visible;opacity:1;}
.edu_li_view.sd .slick-slide {padding:15px;}
.edu_li_view:not(.sd) .inner {margin-bottom:30px;}
.edu_li_view .inner {position:relative;}
.edu_li_view .img {overflow:hidden;display:block;position:relative;width:100%;height:0;padding-bottom:56.25%;border-radius:4px;}
.edu_li_view .img img {position:absolute;width:100%;}
.edu_li_view .cont .top {margin:5px 0;}
.edu_li_view .type {display:flex;align-items:flex-end;height:24px;}
.edu_li_view .sub {overflow:hidden;text-overflow:ellipsis;white-space:nowrap;display:block;line-height:28px;font-size:16px;font-weight:bold;color:#333;}
/* .edu_li_view .count ul {display:flex;} */
.edu_li_view .count ul {display:flex;}
.edu_li_view .count li {display:flex;align-items:center;}
.edu_li_view .count li + li {margin-left:10px;}
.edu_li_view .count .val {margin-left:5px;line-height:16px;font-size:13px;font-family:SpoqaT;font-weight:bold;color:#717171;}
.edu_li_view .count i::before {font-size:16px;color:#b2b2b2;}
.edu_li_view .count .favorite::before {color:var(--BadgeRed);}
.edu_li_view .bar {display:flex;justify-content:center;margin-top:10px;}
.edu_li_view .bar a, .edu_li_view .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_li_view .bar .gray {border-color:var(--Ci-Blue);color:#fff;background-color:var(--Ci-Blue);}
.edu_li_view .bar a + a {margin-left:10px;}
.edu_li_view .detail {display:none;position:absolute;left:0;top:0;width:100%;height:100%;padding:17px 20px;border-radius:4px;background-color:#27325d;}
.edu_li_view .detail .scroll {overflow-y:auto;height:100%;}
.edu_li_view .detail .title {margin-bottom:20px;font-size:16px;font-weight:bold;color:#fff;}
.edu_li_view .detail .info {font-size:12px;color:#fff;}
.edu_li_view .detail .info .lab {display:inline-block;height:20px;line-height:20px;padding:0 5px;border-radius:2px;background-color:#2ea6f4;}
.edu_li_view .detail .info .val {word-break:keep-all;display:block;padding-top:5px;}
.edu_li_view .detail .info li + li {margin-top:15px;}
.edu_li_view .cont .info {overflow:hidden;}
.edu_li_view .cont .info > span {display:inline-block;font-size:13px;}
.edu_li_view .cont .info > span:not(:last-of-type):after {content:'∙';margin:0 2px 0 5px;}

/* edu_live */
.edu_live {margin:-15px;}
.edu_live:after {content:" ";display:block;clear:both;}
.edu_live > li {float:left;width:25%;padding:15px 20px 25px 15px;}
.edu_live.slide {margin:-15px -20px -25px -15px}
.edu_live.slide .slick-slide {padding:15px 20px 25px 15px;}
.edu_live.slide .slick-arrow {position:absolute;top:40%;width:70px;height:70px;border-radius:50%;background-color:#fff;background-repeat:no-repeat;background-position:50% 50%;box-shadow:10px 20px 20px 0px rgba(0, 0, 0, 0.18);}
.edu_live.slide .slick-prev {left:-7%;background-image:url("../../images/www/icon/ic_review_sd_al.png");}
.edu_live.slide .slick-next {right:-7%;background-image:url("../../images/www/icon/ic_review_sd_ar.png");}
.edu_live .inner {position:relative;border-radius:12px;}
.edu_live:not(.sd) .inner {margin-bottom:30px;}
.edu_live .inner:hover {box-shadow:2px 8px 15px 5px rgb(0 0 0 / 15%);}
.edu_live .sub {outline:none;display:block;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;height:34px;line-height:34px;font-weight:bold;font-size:17px;letter-spacing:-0.3px;color:#212121;}
.edu_live .con {margin-top:-12px;padding:20px;border:1px solid #dfe3eb;border-top:0;border-bottom-right-radius:12px;border-bottom-left-radius:12px;background-color:#fff;}
.edu_live .multi .sub {white-space:normal;word-wrap:break-word;display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:2;height:40px;line-height:20px;}
.edu_live .img {overflow:hidden;display:block;position:relative;width:100%;height:0;padding-bottom:56.25%;border-radius:12px;background-color:#efefef;}
.edu_live .img:before, .edu_live .img:after {content:" ";position:absolute;background-repeat:no-repeat;background-position:0 0;}
.edu_live .img:before {left:-22%;bottom:0;width:120px;height:104px;background-image:url("../../images/www/bg/edu_live_img_left.png");}
.edu_live .img:after {right:-22%;top:0;width:104px;height:120px;background-image:url("../../images/www/bg/edu_live_img_right.png")}
.edu_live .live {text-align:center;position:absolute;left:0;top:50%;z-index:10;width:100%;transform:translateY(-50%);}
.edu_live .live p {font-size:36px;font-weight:bold;color:#212121;}
.edu_live .live.active p {color:#a70638;}
.edu_live .live .enter {margin-top:10px;display:inline-block;line-height:30px;padding:0 20px;font-size:14px;font-weight:300;color:#fff;background-color:#282828;}
.edu_live .img img {position:absolute;left:0;top:0;width:100%;height:100%;transform:scale(1);transition:transform 0.3s ease, opacity 0.1s linear;}
.edu_live .item {overflow:hidden;min-height:35px;padding-top:5px;font-size:14px;color:#3c3c3c;}
.edu_live .item li {line-height:1.3;}
.edu_live .item li + li {margin-top:5px;}
.edu_live .item .lab {text-align:center;vertical-align:middle;display:inline-block;min-width:80px;line-height:24px;margin-right:10px;padding:0 5px;border:1px solid #ccc;border-radius:2px;font-size:12px;}
.edu_live .item .val {vertical-align:middle;display:inline-block;}
.edu_live .bar {overflow:hidden;height:36px;margin-top:10px;}
.edu_live .bar li {float:left;width:calc(50% - 5px);}
.edu_live .bar li:first-child {margin-right:10px;}
.edu_live .bar a, .edu_live .bar span {text-align:center;display:block;height:36px;line-height:36px;padding:0 10px;color:#fff;background-color:var(--Ci-Blue);font-size:14px;color:#fff;}
.edu_live .bar a.wt {line-height:35px;border:1px solid #282728;color:#333;background-color:#fff;}
.edu_live .bar span {color:#666;background-color:#f5f5f5;}
.edu_live .ct .bar {position:absolute;width:calc(100% - 30px);left:15px;bottom:15px;}
.edu_live .con .type {height:26px;}
.edu_live .tag {text-align:center;position:absolute;left:0;top:15px;z-index:20;min-width:60px;height:28px;line-height:28px;padding:0 5px;font-size:12px;font-weight:300;color:#fff;background-color:#f45470;}
.edu_live .tag.green {background-color:#4bbdb2;}
.edu_live .tag.red {background-color:#f45470;}
.edu_live .tag.yellow {background-color:#f2b140;}
.edu_live .tag.blue {background-color:#00589e;}
.edu_live.mc {margin:-15px !important;}

/* course detail */
.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:#f8f8f8;}
.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;width:100%;height:100%;}
.edu_on_detail .cont {flex-grow:1;padding-top:20px;}
.edu_on_detail .cont .sub {font-size:28px;font-family:'arita-dotum';font-weight:700;color:#222;}
.edu_on_detail .cont .desc {margin-top:10px;color:#7d7d7d;}
.edu_on_detail .cont .info {margin:30px 0 40px 0;padding:30px 0;border-top:1px solid #dcdcdc;border-bottom:1px solid #dcdcdc;}
.edu_on_detail .cont .info li {display:flex;line-height:1.5;}
.edu_on_detail .cont .info li + li {margin-top:5px;}
.edu_on_detail .cont .info .lab {flex-shrink:0;width:120px;color:#7d7d7d;}
.edu_on_detail .cont .info .val {color:#222;}
.edu_on_detail .bar {display:flex;justify-content:space-between;align-items:center;}

/* micro detail */
.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:21px;font-family:'arita-dotum';font-weight:700;color:#212121;}
.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 .item {display:inline-block;position:relative;font-size:15px;}
.edu_detail .cont .info_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:#303030;}
.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_tab {padding:30px 0;}
.edu_tab .group + .group {margin-top:50px;}

/* comm_write */
.comm_write {margin-top:15px;} /* hie */
.comm_write .head {margin-bottom:10px;padding-bottom:10px;border-bottom:1px solid #e9e9e9;}
.comm_write .head .count {font-size:18px;color:#212121;}
.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;}
.comm_list .head {margin-bottom:10px;}
.comm_list .head .count {font-size:18px;font-weight:bold;}
.comm_list > ul > li {position:relative;padding:20px 0;border-top:1px solid #e1e1e1;}
.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 {padding-bottom:5px;}
.comm_list > ul > li .top .info {margin-bottom:3px;color:#222;}
.comm_list > ul > li .top .vote {display:block;font-weight:bold;color:#50b4b6;}
.comm_list > ul > li .top .vote.no {color:#f45470;}
.comm_list > ul > li .top .name, .comm_list > ul > li .top .date {vertical-align:middle;display:inline-block;font-size:15px;}
.comm_list > ul > li .top .name {font-weight:bold;color:#212121;}
.comm_list > ul > li .top .date {margin:0 0 0 10px;color:#898989;}
.comm_list > ul > li .ct {line-height:1.5;}
.comm_list .c_rating .material-icons:before {font-size:18px;}
.comm_list .post {text-decoration:underline;}
.comm_list .reply {padding:20px 20px 20px 50px;background-color:#fbfcfd;}
.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 .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;}
.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;}
/* hie */
.comm_list table {border-top:1px solid #d9d9d9;}
.comm_list table td {text-align:center;border-bottom:1px solid #d9d9d9;}
.comm_list pre {white-space:normal;}

/* form */
.ip_gp, .form_box .comb {vertical-align:middle;display:inline-block;}
textarea {width:100%;height:150px;padding:10px;border:1px solid #ccc;border-radius:0;background-color:#f6f9fb;}
select {max-width:100%;height:38px;padding:0 23px 0 8px;border:1px solid #ccc;background:#fff url("../../images/www/common/select_deco.png") no-repeat 100% 50%;color:#777;}
input[type="text"], input[type="password"] {height:38px;padding:0 10px;border:1px solid #ccc;color:#777;}
input[type="text"].wide, input[type="password"].wide, select.wide {width:100% !important;max-width:none !important;}
input[type="date"] {width:160px;height:40px;padding:0 10px;border:1px solid #e1e1e1;color:#777;}
input[type="checkbox"] {-webkit-appearance:none;-moz-appearance:none;appearance:none;width:20px;height:20px;border:1px solid #afafaf;border-radius:0;background-color:#fff;}
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;bottom:-1px;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);}
input[type="radio"] + label {margin-left:2px;}
input[type="checkbox"] + label {position:relative;top:-1px;}
label + input[type="radio"], label + select {margin-left:7px;}
.form_box {margin-bottom:20px;padding:20px;background-color:#f6f6f6;}
.form_box .inner {display:flex;justify-content:end;align-items:center;}
.form_box .count {letter-spacing:var(--LetterSpacing);color:#424242;}
.form_box .count .num {color:var(--Ci-Blue);}
.form_box .key {width:340px;}
.form_box .otp {width:160px;}
.form_box .comb.wd_r {text-align:right;width:100%;}
.form_box select, .form_box input[type="text"] {height:45px;border-color:#c0c0c0;}
.form_box .c_btn {height:45px;line-height:45px;font-size:16px;}
.form_box .lab {vertical-align:middle;display:inline-block;margin-right:5px;font-weight:bold;color:#222;}
.form_box .cols + .cols {margin-left:20px;}
.form_box .cols + .comb {margin-left:3px;}
.form_box .sch_detail {margin-top:10px;}
.form_box .ctg_group {display:flex;align-items:center;}
.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, .form_box .ctg_group + .inner {margin-top:10px;padding-top:10px;border-top:1px solid #ddd;}
.form_box .ctg_box {display:flex;align-items:center;flex-grow:1;}
.form_box .ctg_box .ctg {padding:0 10px 5px 10px;}
.form_box .has_comb .comb {position:relative;padding-right:65px;}
.form_box .has_comb .comb .key {width:100%;}
.form_box .has_comb .comb .enter {position:absolute;right:0;bottom:0;width:60px;}
.form_box .ctg_col {display:flex;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:10px;}
.form_box .enter_bar .c_btn {min-width:60px;}
.form_box .ctg_lab {width:100px;font-weight:bold;color:#222;}
.tab_set .btn {vertical-align:top;display:inline-block;padding:5px 3px 5px 0;}
.tab_set .btn button {display:block;line-height:45px;padding:0 15px;border:1px solid #fff;font-family:SpoqaL;font-weight:bold;background-color:#fff;}
.tab_set .btn button:hover {border-color:var(--Ci-Sky);color:var(--Ci-Sky);}
.tab_set .btn button.selected {border-color:var(--Ci-Sky);color:#fff;background-color:var(--Ci-Sky);}
.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:158px;}
.sch_comb .input input[type="text"] {width:100%;height:48px;line-height:48px;border:0;padding-right:60px;border:2px solid var(--Ci-Bk);}
.sch_comb .input .enter {position:absolute;right:0;top:0;width:60px;height:48px;background:var(--Ci-Bk) url("../../images/www/common/sch_form_glass.png") no-repeat 50% 50%;}
.sch_comb .tog_n {position:absolute;right:0;top:0;}
.sch_comb .tog_n .c_btn {float:left;min-width:74px;height:48px;line-height:48px;}
.sch_comb .tog_n .c_btn + .c_btn {margin-left:5px;}
.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-family:SpoqaT;font-weight:bold;color:#fff;background-color:var(--Ci-Bk);}
.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 0 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-Red);}
.sch_comb .cl_sel {margin-right:10px;}
.sch_comb .cl_sel select {height:48px;border:2px solid var(--Ci-Bk);}
.ip_info {display:flex;align-items:center;}
.ip_info .name {margin-right:15px;}
.ip_info .info {overflow:hidden;}
.ip_info .info li {float:left;margin-right:10px;}
.ip_info .info li::before {content:"∙";}
.ip_addr .add {margin-top:5px;}
.ip_mail .input, .ip_mail .at {display:inline-block;}
.ip_live_type .account {vertical-align:middle;display:inline-block;}

/* 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;}
.c_date .k-picker-wrap {width:110px;}
.c_date .k-picker-wrap .k-input {text-align:center;height:36px;line-height:36px;padding:0;}
.k-i-calendar {margin-top:-1px;}

/* 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_xl {} */

/* icon custom */
.icc {vertical-align:middle;text-align:center;display:inline-block;}
.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;} */

/* button */
.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:38px;line-height:40px;font-size:15px;letter-spacing:var(--LetterSpacing);color:#fff;background-color:var(--Ci-Bk);}
.c_btn.confirm {background-color:var(--Ci-Blue);}
.c_btn.wd {width:100%;}
.c_btn.bk, .bt_new, .bt_modify, .bt_detail {background-color:var(--Ci-Bk);}
.c_btn.red, .bt_del {background-color:var(--Ci-Red);}
.c_btn.blue {background-color:var(--Ci-Blue);}
.c_btn.l_blue {background-color:var(--Ci-Sky);}
.c_btn.tr_gray {color:#666;background-color:var(--Color-Tr-Gray);}
.c_btn.line.blue {text-decoration:none;line-height:38px;color:var(--Ci-Blue);border:1px solid var(--Ci-Blue);background-color:#fff;}

.c_btn.l_gray {background-color:var(--ColorLightGray);}
.c_btn.gray {background-color:var(--ColorGray);}
.c_btn.d_gray {background-color:var(--ColorDarkGray);}
.c_btn.cyan {background-color:var(--ColorCyan);}
.c_btn.l_green {background-color:var(--ColorLightGreen);}
.c_btn.green, .bt_save {background-color:var(--ColorGreen);}
.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 #4d4d4d;color:var(--ColorFont);background-color:#fff;}
.c_btn.wd {padding:0 40px;}
.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:29px;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.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;}*/
.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:30px;}
.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 */
.nav_tabs {margin-bottom:20px;border-bottom:1px solid #cacaca;}
.nav_tabs.top {margin-top:20px;}
.nav_tabs:after {content:" ";clear:both;display:block;}
.nav_tabs > li {overflow:hidden;text-align:center;position:relative;top:1px;float:left;margin-left:-1px;border:1px solid #fff;border-bottom:0;background-color:#fff;}
.nav_tabs > li:first-child {margin-left:0;}
.nav_tabs > li.on {z-index:10;border-color:#cacaca;border-left:1px solid #cacaca;border-right:1px solid #cacaca;}
.nav_tabs > li > a {display:block;line-height:51px;padding:0 12px;font-size:16px;font-family:SpoqaL;font-weight:bold;color:#9a9a9a;background-color:#f6f6f8;}
.nav_tabs > li.on > a {height:52px;color:#222;font-family:SpoqaR;background-color:#fff;}
.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-family:SpoqaL;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-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;}

/* table */
.tb_link {color:var(--ColorLink);}
.tbl_col .tb_link {font-family:SpoqaL;font-weight:bold;color:#333;}
.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.red {color:var(--Ci-Red);}
.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;}

/* 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 #222;}
.tbl_data thead {border-bottom:1px solid #e7e7e7;background-color:#edf2f7;}
.tbl_data th, .tbl_data td {word-break:break-all;text-align:center;height:55px;line-height:1.4;padding:10px 15px;letter-spacing:var(--LetterSpacing);} /* word-break:keep-all; */
.tbl_data th {font-weight:bold;color:#222;}
.tbl_data tbody th {border-bottom:1px solid #e7e7e7;}
.tbl_data tbody .row_th {border-right:1px solid #e7e7e7;background-color:#f8f8f8;}
.tbl_data td {border-bottom:1px solid #e7e7e7;background-color:#fff;}
/* .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.sm .str {font-size:15px;}

/* col */
.tbl_col thead {border-top:2px solid #222;border-bottom:1px solid #222;}
.tbl_col th, .tbl_col td {text-align:center;line-height:1.4;padding:5px 10px;letter-spacing:var(--LetterSpacing);}
.tbl_col thead th {height:54px;}
.tbl_col th {font-size:15px;font-weight:bold;color:#222;}
.tbl_col td {height:60px;border-bottom:1px solid #e7e7e7;}
.tbl_col tr:hover td {background-color:#f8f8f8;}
.tbl_col.sm th, .tbl_col.sm td {height:40px;font-size:15px;}
.tbl_col.sm td {font-size:14px;}
.tbl_li {border:2px solid #e2eaf2;}
.tbl_li.top {margin-top:5px;}
.tbl_li thead th, .tbl_li tbody td {text-align:center;height:36px;line-height:1.4;padding:5px 10px;border:1px solid #e7e7e7;border-top:0;font-size:13px;}
.tbl_li thead th {font-weight:bold;color:#222;}
.tbl_li .bg {background-color:#f6f9fb;}

/* row */
.tbl_row {border-top:2px solid #222;}
.tbl_row th, .tbl_row td {height:58px;padding:10px;border-bottom:1px solid #d9d9d9;}
.tbl_row th {text-align:center;font-size:16px;font-weight:bold;color:#222;background-color:#edf2f7;}
.tbl_row td {text-align:left;letter-spacing:var(--LetterSpacing);background-color:#fff;}
.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_row2 {border:5px solid #e2eaf2;}
.tbl_row2.top {margin-top:20px;}
.tbl_row2 th, .tbl_row2 td {text-align:center;height:60px;padding:10px 15px;border:1px solid #d9d9d9;border-top:0;}
.tbl_row2 th {font-size:16px;font-family:SpoqaL;font-weight:bold;color:#222;background-color:#f6f9fb;}
.tbl_row2 td {letter-spacing:var(--LetterSpacing);}
.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;}
/* join */
.tbl_join.scroll .thead {padding-right:17px;}
.tbl_join .tbody {overflow-y:auto;overflow-x:hidden;max-height:330px;}
.tbl_join .tbody .tbl_data {border-top:0;}

/* index */
.tbl_item {background-color:#f0f0f0;}
.tbl_item th, .tbl_item td {height:50px;padding:5px 10px;}
.tbl_item .group {font-family:SpoqaL;font-weight:bold;color:#222;}
.tbl_item tr:nth-child(odd) {background-color:#f8f8f8;}
.tbl_item .sub {padding-left:25px;}

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

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

/* content box */
.file_box {border:5px solid #e2eaf2;padding:20px;}
.ct_box.top {margin-top:10px;}
.ct_box.bot {margin:0 0 15px 0;}
.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 {word-break:keep-all;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-Sky);}
.ct_box .high {text-decoration:underline;text-underline-position:under;color:#fff;background-color:#098a5a;}
.hypen_li > li {position:relative;padding-left:15px;}
.hypen_li > li:before {content:"-";position:absolute;left:3px;}
.ct_box .p_noti {margin-bottom:0;}
.ct_box .p_noti + ul {margin-top:5px;}
.ct_box .em {color:var(--Ci-Sky);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 {margin-bottom:20px;padding:20px 30px;border:1px solid #dfdfdf;border-radius:8px;}
.note_box .st_text {font-family:SpoqaL;font-weight:bold;font-size:18px;color:#222;}
.note_box .st_text .num {color:var(--Ci-Red);}
.note_box .em {color:var(--Ci-Sky);font-family:SpoqaR;font-weight:bold;}
.note_box .tb_link {font-family:SpoqaR;font-weight:bold;}
.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 {margin-top:20px;}
.note_box.bot {margin-bottom:30px;}
.note_box.sbot {margin-bottom:20px;}
.note_box.bot_s {margin-bottom:10px;}
.note_box .dl_head {padding:10px 15px;border-radius:8px;background-color:#f5f7f9;}
.note_box .dl_head + .item_li, .note_box .dl_head + dl {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 {font-size:15px;}
.note_box .item_li > li::before {top:8px;}
.note_box .radio_li > li:before {top:0;}
.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;}

/* 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 {letter-spacing:var(--LetterSpacing);color:#424242;}
.t_bar .count .num {color:var(--Color-Hyper-Link);}
.t_bar .sel_count select {height:32px;border-color:#c0c0c0;}
.t_bar .lab {vertical-align:middle;display:inline-block;margin-right:5px;font-weight:bold;color:#222;}
.t_bar.ar {display:block;}

/* 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(--Ci-Blue);border-radius:50%;background-color:var(--Ci-Blue);}
.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 #333;border-bottom:1px solid #d9d9d9;background-color:#fff;}
.tbl_detail .top {padding:20px;border-bottom:1px solid #d9d9d9;}
.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:#333;}
.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-family:'arita-dotum';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-family:SpoqaL;font-weight:bold;color:#363636;}
.tbl_detail .info .val {color:#777;}
.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_nav */
.tbl_nav {margin-top:40px;border-top:1px solid #d9d9d9;border-bottom:1px solid #d9d9d9;}
.tbl_nav li + li {border-top:1px solid #d9d9d9;}
.tbl_nav a {display:flex;align-items:center;height:60px;transition:all ease 0.3s;}
.tbl_nav a:hover {background-color:var(--HoverWhite);}
.tbl_nav .lab {text-align:center;flex-shrink:0;width:110px;font-weight:bold;}
.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;}

/* custom color */
.c_red {color:var(--Ci-Red);}
.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;}

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

/* 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 #e7e7e7;}
.faq_menu dl {border-bottom:1px solid #e7e7e7;background-color:#fff;}
.faq_menu dl:last-child {border-bottom:1px solid #e7e7e7;}
.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(--Ci-Blue);}
.faq_menu .sub {line-height:1.4;font-size:17px;letter-spacing:-0.15px;font-weight:700;color:#333;}
.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;border:1px solid var(--Ci-Sky);font-size:24px;font-weight:bold;color:var(--Ci-Sky);}
.faq_menu dt > a:before {content:"\e313";opacity:0.4;position:absolute;right:25px;top:20px;line-height:1;font-family:'Material Icons';font-size:36px;color:#323232;transition:all 0.3s ease;}
.faq_menu .on dt > a:before {opacity:0.8;transform:rotate(180deg);}

/* 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 .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:500;letter-spacing:-0.5px;color:#212121;}
.page_frame .frm_top .nav {display:flex;align-items:flex-end;}
.page_frame .role {display:flex;height:100%;}
.page_frame .role a {display:flex;align-items:center;position:relative;height:100%;padding:0 20px;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 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;}


/* mypage */
.my_status .head {display:flex;justify-content:space-between;align-items:center;height:52px;padding:0 20px;background-color:var(--Ci-Blue);}
.my_status .my {line-height:52px;font-size:16px;color:#fff;}
.my_status .my .name {font-family:SpoqaL;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;border:1px solid #dbdbdb;border-top:0;}
.st_board .group + .group {margin-top:10px;}
.st_board .card {padding:20px;}
.st_board .score {width:33.3333%;}
.st_board .time {width:33.3333%;}
.st_board .head {display:flex;justify-content:space-between;align-items:flex-end;margin-bottom:10px;}
.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 .title {line-height:1; font-size:20px;font-family:SpoqaL;font-weight:bold;color:#000;}
.st_board .score .box {display:flex;justify-content:center;align-items:center;height:90px;border-radius:5px;background-color:#f5f7f9;}
.st_board .score .state {text-align:center;position:relative;flex:1 1 auto;}
.st_board .score .state .lab, .st_board .score .state .val {display:block;}
.st_board .score .state .lab {min-width:50px;font-family:SpoqaL;font-size:15px;font-weight:bold;}
.st_board .score .state .val {font-size:26px;font-weight:bold;color:var(--Ci-Blue);}
.st_board .score .point {text-align:center;font-size:26px;font-weight:bold;color:var(--Ci-Blue);}
.st_board .period {font-size:14px;}
.st_board .diagram {display:flex;align-items: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 .sct + .sct {border-left:1px solid #dbdbdb;}
.dash .section + .section {margin-top:30px;}
.dash .section .cont {padding-top:10px;}
.h_box {position:relative;background-color:#f8f8f8;}
.h_box .title {display:block;position:relative;padding:15px 15px 15px 40px;font-size:18px;font-weight:500;color:#212121;}
.h_box .title:before {content:"\e164";position:absolute;left:10px;top:16px;font-family:'Material Icons';font-size:24px;}
.h_box.tog .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";}
.tbl_data .grade_cell {padding:0;background-color:#f8f8f8;}
.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;}
.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:#ff847c;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;}

/* 검색결과 */
.ts_result + .ts_result {margin-top:40px;}
.ts_result .result {text-align:center;padding:20px;font-size:28px;font-weight:bold;color:#222;background-color:#f6f9fb;}
.ts_result .key, .ts_result .num {font-weight:bold;color:var(--Ci-Red) !important;}
.ts_result .top_bar {display:flex;justify-content:space-between;align-items:flex-end;padding-bottom:10px;border-bottom:2px solid #222;}
.ts_result .top_bar .cs_sub_title {margin-bottom:0;}
.ts_result .section + .section {margin-top:20px;}
.ts_li {padding:15px 0;border-bottom:1px solid #cacaca;}
.ts_li .top .sub {display:block;font-weight:bold;font-size:14px;color:#222;}
.ts_li .top .sort {color:var(--Ci-Blue);}
.ts_li .top .date {vertical-align:middle;display:inline-block;margin-left:10px;font-size:13px;}
.ts_li .info {padding-top:5px;}
.ts_li .info p {font-size:14px;color:#777;}
.ts_li .item {margin-top:5px;padding:10px;font-size:13px;background-color:#f5f7f9;}
.ts_li .blank {font-size:14px;}

/* 월별교육일정 */
#tb_sch table {border-top:2px solid #222;}
#tb_sch thead th {text-align:center;border-left:1px solid #ddd;font-size:13px;font-weight:bold;color:#222;background-color:#edf2f7;}
#tb_sch thead th:first-child {border-left:0;font-size:15px;}
#tb_sch td.tit {background:none;border-right:1px solid #ddd;padding-left:10px;}
#tb_sch td.tit a {font-size:14px;color:var(--ColorLink);}
#tb_sch td {text-align:left;font-size:13px;color:#222;background:url("../../images/www/bg/bg_05.jpg") repeat-x 0 0;}
#tb_sch th, #tb_sch td {height:40px;padding:5px;border-bottom:1px solid #ddd;}
#tb_sch td.on {background-image:url("../../images/www/bg/bg_06.jpg");}

/* contents */
.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 */

/* ct_dialog */
.ct_dialog {position:fixed;left:0;top:0;z-index:110;width:100%;height:100%;background:rgba(0, 0, 0, 0.4);}
.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:70px;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:70px;font-size:23px;font-weight:bold;color:#000;}
.ct_dialog .outer > .top .p_close {display:flex;align-items:center;justify-content:center;position:absolute;right:-9px;top:50%;width:40px;height:40px;transform:translateY(-50%);}
.ct_dialog .outer > .top .p_close::before {content:"\e14c";font-family:'Material Icons';font-weight:normal;font-size:32px;color:#000;}
.ct_dialog .outer > .ct {max-height:80vh;overflow-y:auto;padding:20px 30px 30px 30px;border-bottom-left-radius:10px;border-bottom-right-radius:10px;background-color:#fff;}
.ct_dialog.alert .outer > .top {height:50px;padding:0 20px;}
.ct_dialog.alert .outer > .top .title {line-height:50px;font-size:20px;}
.ct_dialog.alert .outer > .top .bowl {border-bottom:0;}
.ct_dialog.alert .outer > .ct {padding:0 20px 20px 20px;}
.ct_dialog .at_desc {word-break:keep-all;font-size:15px;}
.ct_dialog.wd {position:static;background:none;}
.ct_dialog.wd > .tb {display:block;}
.ct_dialog.wd > .tb > .inner {padding:0;}
.ct_dialog.wd .outer > .top {padding:0;border-radius:0;}
.ct_dialog.wd .outer > .top .bowl {padding:0 20px;}
.ct_dialog.wd .outer > .top .p_close {right:10px;}
.ct_dialog.wd .outer > .ct {max-height:auto;padding:20px;}

/* terms */
.ag_term {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:150px;padding:15px;line-height:1.5;font-size:15px;background-color:#f6f7f9;}
.termbox.ex {height:auto;}
.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-family:SpoqaL;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);}

/* certificate */
.frm_cert {padding:10px 0;}
.cert_frm {position:relative;width:800px;height:1090px;}
.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 span {font-size:22px;}
.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;font-size:34px;font-weight:bold;}
.cert_frm .foot .sign {position:absolute;right:-90px;top:50%;width:70px;height:70px;transform:translateY(-50%);}

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

/* 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-time
fc-list-item-time {dis}
.fc-view .fc-event {border-color:var(--Ci-Sky);}
.fc-view .fc-event, .fc-view .fc-event-dot {background-color:var(--Ci-Sky);}


.datePicker .arrow { background-position:center; background-repeat:no-repeat; width:5%; height:50px; font-size:0 }
.datePicker .arrow.prev { background-image:url(/resv/resources/images/sub/eventArrL.png); float:left; }
.datePicker .arrow.next { background-image:url(/resv/resources/images/sub/eventArrR.png); float:right; }
.datePicker .currYear {letter-spacing:  -1px;font-weight: 500;width:10%;display:inline-block;font-size:20px;text-align:center;line-height:50px;height:50px;}
.datePicker .currYear span { vertical-align:0; }
.datePicker .currYear.map { cursor:pointer; }
.datePicker .currYear.on { margin-top:-5px; margin-bottom:-5px; padding:5px 0; background-color:#f39800; color:white; }
.datePicker .date_picker_ul { display:inline-block; width:80%; text-align:center; }
.datePicker .date_picker_ul ul li {display:inline-block;width:8%;font-size:16px;font-weight: 400;height:50px;position:relative;}
.datePicker .date_picker_ul ul li a {color: #333; letter-spacing:-1px;display:block;position:absolute;top:-5px;right:10%;bottom:-5px;left:10%;line-height:60px;}
.datePicker .date_picker_ul ul li a.on { background-color:#0c4ca3; color:white; }

/* 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 .b_box {display:none;}
}

@media screen and (max-width:1900px) {
}

/* 1600, 992, 768, 576~ */
@media screen and (max-width:1600px) {
/* layout */
#header {position:fixed;height:70px;padding-left:80px;}
#header .logo {width:auto;}
#header .global {justify-content:flex-end;padding:0 40px 0 0;}
#header .op_sch_form {display:block;}
#header .sch_form {opacity:0;visibility:hidden;width:1px;height:1px;}
#header .nav_toggle {display:block;}
.side_nav {position:fixed;top:70px;z-index:30;height:calc(100% - 70px);overflow-y:auto;padding-bottom:0;background-position:bottom -140px left 0;transform:translateX(-300px);transition:all 0.3s ease;}
.side_nav .foot {position:static;}
.side_nav.active {transform:translateX(0);}
.side_bg.active {opacity:1;visibility:visible;}
.snb_btn {display:none;}
#contents {padding:100px 40px 100px 40px;}

/* edu_li */
.edu_li .slick-prev {left:-10px;}
.edu_li .slick-next {right:-10px;}

/* community */
#lms_chanel {padding-top:70px;}
.chanel_header .header {padding:20px 40px 0 40px;}
#lms_chanel .chanel_content {padding:30px 40px 40px 40px;}
}

@media screen and (max-width:1330px) {
}

@media screen and (max-width:1200px) {
/* community */
.chanel_header .banner_area {height:auto;}
}

@media screen and (max-width:1024px) { /* pc 와이드 */
/* 과정상세 */
.edu_on_detail .holder {width:400px;margin-right:20px;}
.edu_on_detail .img {width:300px;height:168px;}
}

@media screen and (max-width:992px) {/* pc 이하 */
/* main */
.my_section > .top {display:block;margin:0;}
.my_section > .top .cols {width:100%;padding:0;}
.my_section > .top .todo {margin-top:30px;}
.my_section .todo .head {width:100%;position:static;}
.todo_li {height:auto;}
.my_section .board {display:block;}
.my_section .board .qna {margin-top:10px;}
.leader_state .req_edu .th {padding:10px 0;font-size:13px;}
.leader_state .req_edu .state .lab, .leader_state .req_edu .state .val {font-size:14px;}
.leader_state .part_edu .th, .leader_state .part_edu .status_lab span {font-size:13px;}
.leader_state .part_edu .count {font-size:14px;}

/* form */
.form_box .ctg_group .ctg {padding:0 5px 5px 5px;}

/* tab menu */
.nav_tabs {margin-bottom:10px;border-bottom:0;}
.nav_tabs > li, .nav_tabs > li.on {border:0;}
.nav_tabs > li.on a:before {content:"\e313";position:absolute;left:0;top:5px;line-height:1;font-family:'Material Icons';font-size:24px;font-weight:normal;color:var(--Ci-Blue);}
.nav_tabs > li > a, .nav_tabs > li.on > a {position:relative;height:32px;line-height:32px;padding:0 10px;font-size:15px;background:none;}
.nav_tabs > li.on a {padding-left:24px;}

/* 과정상세 */
.edu_on_detail > .inner {display:block;}
.edu_on_detail .holder {width:100%;margin-right:0;padding:30px 20px;}
.edu_on_detail .holder .img {width:300px;height:168px;}
.edu_on_detail .cont .info {margin:20px 0;}

/* 마이크로러닝 */
.edu_detail .main {display:block;}
.edu_detail .cont {margin-right:0;}
.edu_detail .side {width:100%;margin-top:40px;}

/* page_frame, cr_manage */
.cr_manage .noti {display:none;}
.cr_manage .role .alert {display:block;}
.cr_manage .frm_top .noti {text-align:right;top:85px;padding-right:15px;}
.cr_manage .frm_top .desc {text-align:left;line-height:1.4;padding:15px;}
.cr_manage .frm_top .desc .time {display:block;margin-right:0;}
.cr_manage .frm_top .noti i {display:none;}
.cr_manage .frm_top .inner {padding-right:180px;}
.page_frame .role .vt {padding-top:0;font-size:0;}
.page_frame .role .vt:before {top:50%;font-size:24px;transform:translate(-50%, -50%);}
.page_frame .role a:not(.x) {min-width:25px;margin-right:10px;border-left:0;}
.role_pop {position:fixed;right:15px;top:85px;}
}

@media screen and (max-width:768px) { /* mobile */
/* common */
.hd_mo {display:none;}
.vs_mo {display:block;}
.md_vs {display:block !important;}
.md_wide, .mo_wide {width:100%;}

/* layout */
#quickmenu {display:none;}
.ctm {min-width:100%;}
.rows, #contents {width:100%;}
#header {height:50px;padding-left:50px;}
#header .logo {width:auto;}
#header .logo a {width:80px;}
#header .nav_toggle {left:10px;width:32px;}
#header .nav_toggle .line {width:18px;}
#header .role .menu li {padding-right:10px;}
#header .role .menu li:first-child {padding-left:5px;}
#header .role .menu .noti {width:24px;}
#header .role .menu .count {width:14px;height:14px;line-height:14px;font-size:11px;}
#header .role .acc {margin-left:0;}
#header .op_sch_form {position:absolute;right:10px;top:50%;width:24px;height:24px;margin-right:0;background-size:18px 18px;transform:translateY(-50%);}
#header .op_sch_form::after {display:none;}
#header .search .input {width:260px;}
#header .search input[type="text"] {height:30px;}
#header .search .enter {width:38px;height:38px;background-size:20px 20px;}
.wrap #header .sch_form.active {height:50px;}
.side_nav {top:50px;height:calc(100% - 50px);}
#contents {padding:60px 10px;}

/* main */
.leader_state .req_edu .status, .leader_state .part_edu .card_group {flex-wrap:wrap;}
.leader_state .req_edu .card {width:33.3333%;}
.leader_state .part_edu .status {padding:10px 5px;}
.leader_state .part_edu .status_lab {display:none;}
.leader_state .part_edu .card {flex-basis:auto;width:33.3333%;margin:5px 0;}
.my_section .head .title, .my_section .board .lab {font-size:18px;}
.my_section .todo .current {margin:3px;font-size:14px;}
.my_section .board {margin:30px 0 0 0;}
.my_section .board .cols {padding:0;}
.leader_state .req_edu .th {font-size:12px;}
.main .ct_title {font-size:22px;}
.ct_section {padding-top:40px;}
.ct_section .ct_group + .ct_group {margin-top:40px;}

/* snippet */
.p_top {right:20px;bottom:20px;width:40px;height:40px;}
.p_top:before {line-height:40px;font-size:28px;}

/* edu_li */
.edu_li .slick-prev {left:5px;}
.edu_li .slick-next {right:5px;}
.edu_li.sd, .edu_live.sd, .edu_li_view.sd {margin:-15px -5px;}
.edu_li.sd .slick-slide, .edu_live.sd .slick-slide, .edu_li_view.sd .slick-slide {padding:15px 5px;}
.edu_li .slick-arrow, .edu_live .slick-arrow {top:40%;width:40px;height:40px;}

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

/* p_frame */
.page_frame {padding-top:50px;}
.page_frame .frm_top {height:50px;}
.page_frame .frm_top .inner {display:flex;justify-content:space-between;padding:0 0 0 15px;}
.page_frame .role a {padding:0 10px;}
.page_frame .frm_top h1 {padding:0;font-size:18px;}
.page_frame .frm_ct {padding:15px;}
.page_frame .frm_top .head.center {justify-content:flex-start;}

/* form */
.form_box {padding:15px;}
.form_box .lab {display:none;}
.form_box select, .form_box input[type="text"], .form_box .c_btn {font-size:14px;}
.form_box .ip_gp, .form_box .key, .form_box select {width:100%;}
.form_box .inner {display:block;}
.form_box .cols {display:flex;}
.form_box .cols .ip_gp {flex:1 1 0;}
.form_box .cols .ip_gp + .ip_gp {margin-left:5px;}
.form_box .cols + .cols {margin:5px 0 0 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 .count {text-align:left;order:2;width:100%;}
.form_box .count + .comb {margin-bottom:5px;}
.form_box .comb {display:block;position:relative;width:100%;padding-right:60px;}
.form_box .ip_gp + .comb, .form_box .cols + .comb {margin:5px 0 0 0;}
.form_box .comb.has_ip {padding-left:105px;} /* only selcet */
.form_box .comb.has_ip .ip_gp {position:absolute;left:0;top:0;width:100px;}
.form_box .comb .c_btn {position:absolute;right:0;top:0;width:55px;padding:0 10px;}
.ip_info {display:block;}
.ip_info .info {margin-top:5px;}

/* 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;}
.cb_bar .add {text-align:right;margin-top:10px;}
.cb_bar .add > a {margin:2px;}
.t_bar .count {font-size:14px;}

/* title */
.ct_title {margin-bottom:20px;font-size:22px;}
.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;}

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

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

/* list */
.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 #e7e7e7;}
.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 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:3px;}
.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):not(.last) {position:relative;padding-right:15px;}
.tbl_rps > .tbl_col td:not(.title):not(.img):not(.org):not(:last-child):not(.last)::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 > .tbl_col td.img ~ td::before {display:none;}
.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;height:auto;padding:0;border-bottom:0;}
.tbl_rps .tbl_data > tbody > tr, .tbl_rps .tbl_data > thead > tr {border-bottom:1px solid #d9d9d9;}
.tbl_rps .tbl_data .th, .tbl_rps .tbl_data .td {padding:10px;}
.tbl_rps .tbl_data .th {flex-shrink:0;text-align:left;display:block;width:30%;font-family:SpoqaL;font-weight:bold;color:#222;background-color:#edf2f7;}
.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;}
.tbl_rps .tbl_data .tb_blank {display:block;text-align:center;width:100%;padding:10px;}

/* 2단 레이아웃 */
.tbl_rps.col_2 .tbl_data > tbody > tr {display:flex;flex-wrap:wrap;}
.tbl_rps.col_2 .tbl_data > tbody > tr > td {width:50%;}
.tbl_rps.col_2 .tbl_data .th {width:45%;}

/* tbl_row */
.tbl_row, .tbl_row tbody, .tbl_row tr, .tbl_row th, .tbl_row td, .tbl_row.sm th, .tbl_row.sm td {display:block;height:auto;}
.tbl_row th {text-align:left;}
.tbl_row td, .tbl_row.al td {padding:15px 0;}
.tbl_row .tbl_li tbody {display:table-row-group;}
.tbl_row .tbl_li td {display:table-cell;}
.tbl_row .tbl_li tr {display:table-row;}

/* tbl detail */
.tbl_detail .top, .tbl_detail .cont {padding:10px;}
.tbl_detail .sub {display:block;font-size:17px;}
.tbl_detail .sub .text {white-space:normal;}
.tbl_detail .sub .tb_tag {display:none;line-height:23px;height:24px;padding:0 12px;border-radius:12px;font-size:14px;}
.tbl_detail .info {justify-content:center;}
.tbl_detail .info li {padding:0 10px;font-size:13px;}

/* paginate */
.paginate {padding-top:15px;}
.paginate a, .paginate span {width:24px;height:24px;line-height:21px;margin:0 2px;font-size:14px;}
.paginate .m_icon::before {font-size:18px;}

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

/* mypage */
.my_status .head{padding:0 13px;}
.my_status .my{font-size:14px;}
.st_board .title{font-size:16px;}
.st_board .score .state .val{font-size:20px;}
.st_board .score .box{flex-wrap: wrap;}
.st_board .diagram .lab, .st_board .diagram .lab + .val {font-size:16px;}
.cg_bar .ct .cs .lab{font-size:13px;}
.dash td .ci_btn {display:block;}

/* 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;font-size:15px;}
.nav_cb .add {position:static;margin-top:10px;}
.nav_cb .add a{width:100%;}

/* 교육이력 */
.edu_gp_box {display:block;}
.edu_gp_box .group {width:100%;}
.edu_gp_box .group + .group {padding:30px 0 0 0;border-left: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;}

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

@media screen and (max-width:640px) {
/* main */

/* 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%;}
.ip_mail .ip_gp {display:flex;}
.ip_mail .input {flex:1 1 0;}
.ip_mail .input input[type="text"] {max-width:100%;}
.ip_mail .at {text-align:center;flex-shrink:0;width:30px;}
.ip_mail select {width:100%;margin-top:5px;}

/* mypage */
.st_board{flex-direction: column;justify-content: space-around}
.st_board .time,
.st_board .score{width:100%;}
.st_board .diagram{justify-content: space-around}
.st_board .diagram .lab + .val{flex-grow: 0;}
.st_board .sct + .sct{border:0; border-top:1px solid #dbdbdb;}

/* community */
.chanel_header .app{flex-direction: column;}
.chanel_header .app .title{text-align: center;}
.chanel_header .app .btns{margin-top:10px;}
}

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

/* button box */
.b_box.jc_sb {text-align:center;display:block;}
.b_box.jc_sb div + div {margin-top:10px;}

/* main popup */
.pop_ban .head {height:50px;}

/* layout */
#header .role .acc .name, #header .role .acc a {font-size:12px;}
#header .role .acc .name,
#header .role .acc .name + a::before{display: none;}

/* snippet */
.note_box {padding:20px;}
.note_box .tab {width:90px;}

/* form */
.form_box .has_comb.col_2 {display:block;}
.sch_comb .search {display:block;}
.sch_comb .cl_sel {margin:0 0 5px 0;}
.sch_comb .sch_btn {padding-right:95px;}
.sch_comb .tog {width:70px;padding:0 10px;font-size:13px;}
.sch_comb .tog i {display:none;}
.sch_comb .tog_n .c_btn {min-width:auto;}
.sch_comb .tog_n .reset {width:40px;padding:0;font-size:0;}
.sch_comb .tog_n .reset:before {content:"\e028";vertical-align:top;line-height:48px;font-family:'Material Icons';font-size:24px;}
.ip_live_time .time, .ip_live_type .account {display:block;margin-top:10px;}
.ip_live_type .account select {width:100%;}

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

/* tab menu */
.nav_tabs_line {justify-content:center;}

/* mypage */
.edu_on_detail .bar {display:block;}
.edu_on_detail .bar .role {display:flex;}
.edu_on_detail .bar .role span, .edu_on_detail .bar .role a {flex:1 1 0;}
.edu_on_detail .bar .role span + a, .edu_on_detail .bar .role span + span, .edu_on_detail .bar .role a + span, .edu_on_detail .bar .role a + a {margin-left:5px;}
.edu_on_detail .bar .ci_btn {justify-content:center;}
.edu_on_detail .bar .role + .ci_btn {margin-top:10px;}

/* community */
.chanel_header .banner_area {height:100px;}
.deb_li > li{width:100%;}

/* contents */
.p_login .ct {padding:25px;}
.p_login .inner {width:100%;}
.p_login .head .guide {padding-top:20px;}
.ag_term input + label:after {content:" ";display:block;}
.ag_term label + input[type="radio"] {margin-left:0;}
.ip_time_ps input[type="text"] {margin:2px;}
}

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

/* form */
input[type="text"].mr + .c_btn {margin:4px 0;}
}