/* 타이틀(텍스트 타입) */
.tit1 { position: relative; font-size: 1.1rem; font-weight: 700; color: #000; padding-left: 1.1rem; }
.tit1::before { position: absolute; top: 7px; left: 0; background: url('/resource/images/con_com/tit_icon01.png') no-repeat center / contain; width: 0.8rem; height: 0.8rem; content: ""; }
.tit2 { font-size: 1rem; color: #083c94; font-weight: 700; }
.tit3 { font-size: 0.9rem; color: #000; font-weight: 700; }

.tit1 + .tit2,
.tit1 + .tit3,
.tit2 + .tit3 { margin-top: 0.8rem; }
.tit1 + [class^="bu_st"], .tit2 + [class^="bu_st"], .tit3 + [class^="bu_st"],
.tit1 + [class^="list_st"], .tit2 + [class^="list_st"], .tit3 + [class^="list_st"],
.tit1 + [class*="box_"] { margin-top: 0.5rem; }
* + .tit1 { margin-top: 1.5rem; }

/* 블릿 타입 */
[class^="bu_st"] { position: relative; line-height: 1.25rem; font-weight: 600; }
[class^="bu_st"]:before { position: absolute; left: 0; content: ''; }
.bu_st1 { padding-left: 0.6rem; font-size: 0.8rem; color: #3c3b3b; }
.bu_st1::before { top: 0.5rem; width: 0.3rem; height: 0.3rem; border-radius: 0.1rem; background: #c71d22; }
.bu_st2 { padding-left: 0.5rem; font-size: 0.8rem; color: #3c3b3b; }
.bu_st2::before { top: 0.4rem; width: 0.2rem; height: 0.4rem; border-radius: 0.2rem; background: #ffa8b3; transform: rotate(30deg); }
.bu_st3 { padding-left: 0.5rem; font-size: 0.75rem; color: #7d7d7d; }
.bu_st3::before { top: 0.4rem; width: 0.25rem; height: 0.25rem; border-radius: 50%; background: #bebebe; }
.bu_st4 { padding-left: 0.5rem; font-size: 0.75rem; color: #7d7d7d; }
.bu_st4::before { top: 0.5rem; width: 0.3rem; height: 2px; background: #bebebe; }

[class^="bu_st"] + .tit2,
[class^="bu_st"] + .tit3 { margin-top: 0.5rem; }

/* 리스트 : 블릿 타입 */
[class^="list_st"] > li { position: relative; line-height: 1.25rem; font-weight: 600; }
[class^="list_st"] > li:before { position: absolute; left: 0; content: ''; }
.list_st1 > li { padding-left: 0.6rem; font-size: 0.8rem; color: #3c3b3b; }
.list_st1 > li::before { top: 0.4rem; width: 0.3rem; height: 0.3rem; border-radius: 0.1rem; background: #1A80D9; }
.list_st2 > li { padding-left: 0.5rem; font-size: 0.8rem; color: #3c3b3b; }
.list_st2 > li::before { top: 0.4rem; width: 0.2rem; height: 0.4rem; border-radius: 0.2rem; background: #ffa8b3; transform: rotate(30deg); }
.list_st3 > li { padding-left: 0.5rem; font-size: 0.75rem; color: #6e6e6e; }
.list_st3 > li::before { top: 0.4rem; width: 0.25rem; height: 0.25rem; border-radius: 50%; background: #bebebe; }
.list_st4 > li { padding-left: 0.5rem; font-size: 0.75rem; color: #7d7d7d; }
.list_st4 > li::before { top: 0.5rem; width: 0.3rem; height: 2px; background: #bebebe; }

.list_st5 > li { padding-left: 0.6rem; font-size: 0.8rem; color: #3c3b3b; }
.list_st6 > li { padding-left: 0.5rem; font-size: 0.8rem; color: #3c3b3b; }

[class^="list_st"] + .tit2,
[class^="list_st"] + .tit3 { margin-top: 0.5rem; }

/* 리스트 : 순차적 리스트 타입 */
[class^="list_ol"] > li { position: relative; font-size: 0.8rem; color: #3c3b3b; padding-left: 1.4rem; line-height: 1.25rem; font-weight: 600; }
[class^="list_ol"] > li > span.num { position: absolute; top: 0; left: 0; font-size: 0.55rem; text-align: center; line-height: 1rem; font-weight: 700; }
.list_ol1 > li > span.num { width: 1rem; height: 1rem; border-radius: 0.3rem; background: #cc3237; color: #fff; }
.list_ol2 > li > span.num { width: 1rem; height: 1rem; border-radius: 50%; background: #f1f1f1; color: #083c94; }

/* 블릿 : 경고 */
[class^="bu_wnrn"] { position: relative; font-size: 0.8rem; color: #3c3b3b; padding-left: 1.2rem; line-height: 1.25rem; font-weight: 600; }
[class^="bu_wnrn"]::before { position: absolute; top: 0; left: 0; font-family: 'xeicon'; font-size: 0.8rem; }
.bu_wnrn1::before { color: #083c94; content: "\e9aa"; }
.bu_wnrn2::before { color: #e2173d; content: "\e9ab"; }

/* 탭 : 1차 탭 */
.tab_st1 ul { position: relative; font-size: 0; width: calc(100% + 0.8rem); margin-left: -0.4rem; }
.tab_st1 ul > li { display: inline-block; padding: 0.2rem 0.4rem; }
.tab_st1 ul > li > a { display: flex; justify-content: center; align-items: center; width: 100%; height: 3rem; text-align: center; border-radius: 0.5rem; border: 2px solid #ebebeb; padding: 0 1rem; line-height: 1.25rem; font-size: 0.9rem; font-weight: 700; color: #6d6d6d; }
.tab_st1 ul > li > a:hover { border-color: #1979CD; color: #1979CD; }
.tab_st1 ul > li.on > a { border-radius: 0.5rem 4rem 0.5rem 0.5rem; background: #1979CD url('/resource/images/con_com/tab_bg01.png') no-repeat bottom right 2.4rem / contain; color: #fff; border-color: #1979CD; transition: all .5s; }
.tab_st1 ul > li > a { transition: all .2s; -webkit-transition: all .2s; }

/* 탭 :리스트 */
.tab_list { position: relative; background: #f1f1f1; border-radius: 0.5rem; padding: 1rem 2rem; }
.tab_list ul { font-size: 0; }
.tab_list ul > li { display: inline-block; padding: 0.2rem 0; }
.tab_list ul > li a { position: relative; display: block; padding-left: 1.2rem; font-size: 0.85rem; color: #6E6E6E; font-weight: 700; }
.tab_list ul > li a.subTab1::before { position: absolute; top: 2px; left: 0; background: url('/resource/images/con_com/tab_list_bg02.png') no-repeat center; width: 1rem; height: 1rem; border-radius: 50%; content: ""; }
.tab_list ul > li a.subTab2::before { position: absolute; top: 2px; left: 0; background: url('/resource/images/con_com/tab_list_bg03.png') no-repeat center; width: 1rem; height: 1rem; border-radius: 50%; content: ""; }
.tab_list ul > li a.subTab3::before { position: absolute; top: 2px; left: 0; background: url('/resource/images/con_com/tab_list_bg01.png') no-repeat center; width: 1rem; height: 1rem; border-radius: 50%; content: ""; }
.tab_list ul > li a:hover,
.tab_list ul > li.on a { color: #166EBB; }
.tab_list ul > li.on a::before,
.tab_list ul > li.on a:hover::before { background-color: rgba(199, 29, 34, 0.1); }
.tab_list ul > li a { transition: all .2s; -webkit-transition: all .2s; }

.tab_w50 ul > li { width: 50%; }
.tab_w30 ul > li { width: 33.333%; }
.tab_w25 ul > li { width: 25%; }
.tab_w20 ul > li { width: 20%; }
.tab_w16 ul > li { width: 16.666%; }

* + [class*="tab_"] { margin-top: 1.8rem; }
[class*="tab_"] + [class*="tab_"] { margin-top: 1.1rem; }
[class^="tab_"] + [class^="tit"] { margin-top: 1.5rem; }

/* 박스 : 박스 아이콘 타입 */
.box_ico { position: relative; border: 2px solid #1A80D9; border-bottom: none; border-radius: 1rem 1rem 0 0; padding: 1.9rem 2.5rem; line-height: 1.25rem; font-size: 0.8rem; font-weight: 600; }
.box_ico .inner { position: relative; padding-left: 5.85rem; }
.box_ico .inner { display: flex; justify-content: center; }
.box_ico .inner .icon { position: absolute; top: 0; left: 0; display: flex; justify-content: center; align-items: center; width: 4.75rem; height: 4.75rem; border-radius: 50%; background: #fffceb; }
.box_ico img { width: 100%; }

/* 박스 : 박스 기본 타입 */
.box_st { position: relative; background: #f5f5f5; border: 2px solid #e7e7e7; border-radius: 1rem; padding: 1.9rem 2.5rem; line-height: 1.25rem; font-size: 0.8rem; font-weight: 600; }

/* 박스 : 타이틀 */
.box_tit { font-size: 1rem; color: #000; }
.box_tit + p { margin-top: 0.7rem; }

[class*="box_"] + [class*="box_"] { margin-top: 3rem; }

/* 테이블 */
.tbl_st {position: relative; width: 100%; font-size: 0.8rem; font-weight: 600; margin-top: 0.6rem; overflow: hidden; }
.tbl_st table { width: 100%; text-align: center; border-top: 2px solid #083c94; -webkit-overflow-scrolling: touch; word-break: break-all; margin-left: -1px; }
.tbl_st table thead th { font-weight: 700; color: #000; background: #eceef3; border-bottom: 1px solid #b8babe; border-left: 1px solid #b8babe; padding: 0.8rem 0.6rem; }
.tbl_st table tbody th { font-weight: 700; color: #000; background: #f9f9f9; border-bottom: 1px solid #b8babe; border-left: 1px solid #b8babe; padding: 0.8rem 0.6rem; }
.tbl_st table tbody td { color: #6f6e6e; border-bottom: 1px solid #b8babe; border-left: 1px solid #b8babe; padding: 0.8rem 0.6rem; text-align: left; }
.tbl_st table tbody td [class^="btn_"] { padding: 0.4rem 1.3rem; margin: 0; vertical-align: middle; }

/* 버튼 */
.btns { margin-top: 1.5rem; }
[class^="btn_"] {
	position: relative;
	display: inline-block;
	line-height: 1rem;
	font-size: 0.85rem;
	font-weight: 600;
	text-align: center;
	padding: 0.6rem 1.3rem;
	border-radius: 0.5rem;
	transition: all .2s;
	-webkit-transition: all .2s;
	margin: 2px 0;
	vertical-align: middle;
	border-width: 1px;
	border-style: solid;
}
.btn_red { color: #fff; background: #c71d22; }
.btn_yellow { color: #525252; background: #ffc016; }
.btn_blue { color: #fff; background: #083c94; }
.btn_pink { color: #000; background: #fde8ec; border: 2px solid #fde8ec; }
.btn_gray { color: #fff; background: #71777E; }
a.btn_red:hover, a.btn_red:focus,
button.btn_red:hover, button.btn_red:focus { background: #9a0408; }
a.btn_yellow:hover, a.btn_yellow:focus,
button.btn_yellow:hover, button.btn_yellow:focus { background: #f1a003; }
a.btn_blue:hover, a.btn_blue:focus,
button.btn_blue:hover, button.btn_blue:focus { background: #022766; }
a.btn_pink:hover, a.btn_pink:focus,
button.btn_pink:hover, button.btn_pink:focus { color: #c71d22; border-color: #efc6ce; }


[class^="btn_"].outline {
	--outline-btn-color: var(--ka-gray-hex);
	color: var(--outline-btn-color);
	background-color: #fff;
	border: 1px solid var(--outline-btn-color);
}

[class^="btn_"].outline:hover {
	color: #fff;
	background-color: var(--outline-btn-color);
	border: 1px solid var(--outline-btn-color);
}

.outline.btn_red { --outline-btn-color: var(--ka-red-hex); }
.outline.btn_red_light { --outline-btn-color: var(--ka-red-light-hex); }
.outline.btn_yellow { --outline-btn-color: var(--ka-yellow-hex); }
.outline.btn_blue { --outline-btn-color: var(--ka-blue-hex); }
.outline.btn_blue_light { --outline-btn-color: var(--ka-blue-light-hex); }
.outline.btn_pink { --outline-btn-color: var(--ka-pink-hex); }
.outline.btn_gray { --outline-btn-color: var(--ka-gray-hex); }

.btn_blueL { color:#13396d; background:#fff; border:1px solid #396198; }
.btn_blueL:hover, .btn_blueL:focus { background: #f1f5fb; }
.btn_navy { color:#fff; background:#396198; }
.btn_navy:hover, .btn_navy:focus { background: #274b7c; }
.btn_grn { color:#fff; background:#757575; }
.btn_grn:hover, .btn_grn:focus { background: #555; }
.btn_bl { color:#fff; background:#424850; }
.btn_bl:hover, .btn_bl:focus { background: #191e24; }
.btn_mint { color:#fff; background:#367D91; }
.btn_mint:hover, .btn_mint:focus { background: #276678; }
.btn_blueL, .btn_navy, .btn_grn, .btn_bl, .btn_mint { display:inline-block; font-family: 'NotoSans'; min-width: 5.5rem; margin: 0.1rem; padding: 0.62rem 1rem; text-align: center; vertical-align:middle; line-height:1rem; font-size: 0.8rem; border-radius: 2rem; -webkit-transition:all .15s; transition:all .15s; }
[class^="btn_"]:disabled,
[class^="btn_"]:disabled:hover,
[class^="btn_"]:disabled:active {
	border: 1px solid #bbb !important;
	background: #fefefe !important;
	color: #999 !important;
	cursor: default !important;
}

.InpSel_w60 { width: 60% !important; }

[class^="btn_"].icon { position: relative; text-align: left; padding: 0.6rem 2.5rem 0.6rem 1.3rem; }
[class^="btn_"].icon i { position: absolute; top: 50%; right: 1.3rem; font-size: 0.9rem; transform: translateY(-50%); -webkit-transform: translateY(-50%); }

[class^="btn_"].mini { font-size: 0.7rem; padding: 0.4rem 0.8rem; }
[class^="btn_"].icon.mini { padding: 0.4rem 2.2rem 0.4rem 0.8rem; }
[class^="btn_"].icon.mini i { right: 0.8rem; }

[class^="btn_"] + [class^="btn_"] { margin-left: 0.4rem; }

/* 글자색상 */
.pc_white  { color: #fff; }
.pc_red    { color: #c71d22; }
.pc_yellow { color: #ffc016; }
.pc_blue   { color: #083c94; }
.pc_pink   { color: #fde8ec; }
.pc_gray   { color: #71777E; }
.pc_blueL  { color: #13396d; }
.pc_navy   { color: #396198; }
.pc_grn    { color: #757575; }
.pc_bl     { color: #424850; }
.pc_mint   { color: #367D91; }

/* 마진 */
.mgt10 { margin-top: 0.5rem; }
.mgt30 { margin-top: 1.5rem; }/* 20231010 최 추가 */

/* 텍스트 요소 : 강조 타입 */
.Tline_b { text-decoration: underline; }
.font_FB {font-weight:700;}

/* 텍스트 요소 : 링크 타입 */
a[class*="bu_"] { position:relative; display:inline-block; padding-left:1rem; text-decoration: underline; }
a[class*="bu_"]:before { position: absolute; left: 0; top: 0.2rem; font-family: "xeicon"; }
a.bu_mail:before { content:"\ea07"; }

/* 231016추가 */
/* 게시판 View */
.bbs_ViewA { }
.bbs_ViewA .bbsV_tit { background: #f7f7f9; color:#111; border-top:2px solid #333; border-bottom:1px solid #e5e5e5; border-bottom: 1px solid #e7e7e7; padding: 1.4rem 1.7rem; }
.bbs_ViewA .bbsV_tit h3 { font-size: 1.1rem; color: #222; margin-bottom: 1rem; }
.bbs_ViewA .bbsV_data { line-height:0; font-size:0; }
.bbs_ViewA .bbsV_data li {position:relative; display:inline-block; font-size:0.7rem; color: #777; line-height:1.4;  }
.bbs_ViewA .bbsV_data li ~ li { padding-left: 2.2rem; }
.bbs_ViewA .bbsV_data li strong { position: relative; margin-right: 0.5rem; padding-right: 0.5rem; font-size: 0.7rem; color:#333; font-weight:400;  }
.bbs_ViewA .bbsV_data li strong:before {content:""; display:block; position:absolute; right:0; top:4px; width:1px; height: 0.6rem; background:#c8c8c8;}
.bbs_ViewA .bbsV_cont {position:relative; margin: 2rem 0 4rem; padding: 0 1.5rem; color: #333; }
.bbs_ViewA .bbsV_cont p { line-height: 1.8rem; }
.bbs_ViewA .bbsV_cont img {max-width:100%;}
.vodBox { position: relative; padding-bottom: 56.25%; }
.vodBox:has(iframe[src*=".youtube."]) { padding-bottom:0; }
.vodBox iframe[src*=".youtube."] { display:block; position:static; padding:0; aspect-ratio:16 / 9;}

/* 게시판 View 하단 버튼 */
.bbs_View_btn { position: relative; }
.bbs_View_btn .btn_right { position: absolute; top: 0; right: 0; }
[class^="btn_"].like { position: relative; padding-left: 2.5rem; }
[class^="btn_"].like::before { position: absolute; top: 0.7rem; left: 1.2rem; width: 0.85rem; height: 0.85rem; background: url('/resource/images/common/icon_heart.png') no-repeat bottom; content: ""; }
[class^="btn_"].like.on::before { background-position: top; }

/* 댓글 */
.bbsV_answer { margin-top: 2.2rem; }
.bbsV_answer .bbsV_answInfo { position:relative;  }
.bbsV_answer .bbsV_answInfo p { font-weight:600; font-size:1rem; color:#333; margin-bottom: 1rem; }
.bbsV_answer .bbsV_answInfo p strong {color:#1974d0;}
.bbsV_answer .bbsV_answInfo input { font-size: 0.7rem; }
.bbsV_answer .bbsV_answInfo .comment_box { margin-top: 0.5rem; }
.bbsV_answer .bbsV_answInfo .comment_box input { width: calc(100% - 5.6rem); height: 2.8rem; overflow-y: auto; }
.bbsV_answer .bbsV_answInfo .comment_box [class^="btn_"] { width: 5rem; height: 2.8rem; padding: 0.8rem; }

/* 첨부파일 */
.bbsV_atchmnfl1 { font-size:0.75rem; line-height:24px; border-top:1px solid #e7e7e7;}
.bbsV_atchmnfl1 dl {position:relative; padding-left: 7.5rem; border-bottom:1px solid #e7e7e7;}
.bbsV_atchmnfl1 dt {position:absolute; left:0; top:0; width: 7.5rem; height:100%; display:table;  color:#333; font-size: 0.75rem; text-align:center; background:#f7f7f9; font-weight: 600;  }
.bbsV_atchmnfl1 dt span {height:100%; display:table-cell; vertical-align:middle;}
.bbsV_atchmnfl1 dd {padding: 0.6rem 0 0.6rem 1.2rem;}
.bbsV_atchmnfl1 dd ul {}
.bbsV_atchmnfl1 dd ul.bbsV_file li ~ li { margin-top: 0.5rem; }
.bbsV_atchmnfl1 dd ul.bbsV_file li a {display:block; line-height: 1rem; padding-left: 1.5rem; color:#555; white-space:nowrap; text-overflow:ellipsis; overflow:hidden; background:url("/resource/images/con_com/ico_disk.png") no-repeat left ; font-size: 0.7rem;}
.bbsV_atchmnfl1 dd ul.bbsV_file li a:hover, .bbsV_atchmnfl1 dd ul.bbsV_file li a:focus {color:#333; text-decoration:underline; }

.bbsV_atchmnfl1 dd ul.bbsV_downCO li {position:relative; margin:3px 0 0; padding-right:80px; line-height:22px; white-space:nowrap; text-overflow:ellipsis; overflow:hidden;}
.bbsV_atchmnfl1 dd ul.bbsV_downCO li span {margin-right:5px;}
.bbsV_atchmnfl1 dd ul.bbsV_downCO li a {position:absolute; right:10px; top:0; display:block; padding:2px 10px; line-height:18px; font-size:13px; color:#fff; background:#99a3b0;}
.bbsV_atchmnfl1 dd ul.bbsV_downCO li a:hover, .bbsV_atchmnfl1 dd ul.bbsV_downCO li a:focus {text-decoration:underline; background:#747f8c;}

/* 로그인 */
.login-box-wrap {  width:500px; margin:0 auto; }
.login-box-wrap .login_tit{position:relative;margin-bottom:1.5rem;padding-bottom:1.25rem;text-align:center;font-weight:700;font-size:1.1rem;margin-bottom:1.5rem;}
.login-box-wrap .login_tit:before{content:'';position:absolute;bottom:0;left:50%;width:.5rem;height:.5rem;background:#c71d22;border-radius:50%;transform:translateX(-50%);}
.login-box-wrap .login{flex:1;padding:3rem 2rem;border:2px solid #f9e5e9;border-radius:1rem;}
.login-box-wrap .logininput{width:100%;display:flex;flex-direction:column;}
.login-box-wrap .logininput input[type=text],
.login-box-wrap .logininput input[type=password]{display:inline-block;height:2.75rem;padding:0 .5rem;color:#3c3b3b;border:2px solid #e9eaeb;background:#fff;border-radius:.5rem;-webkit-appearance:none;appearance:none;}
.login-box-wrap .logininput input[type=password]{margin-top:.5rem;}
.login-box-wrap .save_chk{margin:.75rem 0;font-size:.75rem;}
.login-box-wrap .save_chk input{transform:translateY(-2px);}
.login-box-wrap .mber_btnEtc{display:flex;align-items:center;justify-content:space-between;gap:0 1rem;margin-top:1.5rem;font-size:.75rem;color:#383838;text-align:center;}
.login-box-wrap .mber_btnEtc > a{position:relative;flex:1;}
.login-box-wrap .mber_btnEtc > a + a{border-left:1px solid #c3c3c3;}
.login-box-wrap .none_member_btn_lst{overflow:hidden;margin:-.25rem;}
.login-box-wrap .none_member_btn_lst > li{float:left;width:50%;padding:.25rem;}
.login-box-wrap .none_member_btn_lst > li.full{width:100%;float:none;clear:both;}
.login-box-wrap .none_member_btn_lst > li.full a{padding:.25rem;}
.login-box-wrap .none_member_btn_lst > li.full a img{width:13rem;max-width:100%;margin:auto;}
.login-box-wrap .none_member_btn_lst > li > a{display:block;padding:.6rem .5rem;background:#f4f8ff;border:2px solid #e5eeff;border-radius:.5rem;text-align:center;font-size:.8rem;color:#000;font-weight:500;}
.login-box-wrap .none_member_btn_lst > li > a.none_member_c1{background:#24a4f4;border-color:#24a4f4;color:#fff;}
.login-box-wrap .none_member_btn_lst > li > a.none_member_c2{background:#01bfad;border-color:#01bfad;color:#fff;}
.login-box-wrap .none_member_btn_lst > li > a.none_member_c3{background:#1c2674;border-color:#1c2674;color:#fff;}
.login-box-wrap .btn_login{position:relative;display:block;line-height:50px;background:#c71d22;border-radius:.5rem;color:#fff;text-align:center;font-weight:500;font-size:.8rem;overflow:hidden;transition:all .3s;cursor:pointer;}
.login-box-wrap .btn_login > span{position:relative;display:inline-block;z-index:1;color:#fff;font-weight:600;letter-spacing:-0.5px;}
.login-box-wrap .btn_login > span i{margin-right:.25rem;}

/* 회원가입 */
.joinArea .step_join{display:flex;justify-content:space-between;align-items:center;gap:0 1rem;margin:1.8rem 0;}
.joinArea .step_join > li{position:relative;display:flex;justify-content:center;flex:1;}
.joinArea .step_join li  a { display:block; width:100%; border:2px solid #ffedee;text-align:center;background:#fff8f8;border-radius:1rem; padding:1rem 0;}
.joinArea .step_join > li > a span{position:relative;display:block;padding-top:4.25rem;color:rgb(0,0,0,.5);font-size:.9rem;font-weight:600;}
.joinArea .step_join > li > a  span:before{content:'';position:absolute;top:0;left:50%;width:3.5rem;height:3.5rem;box-shadow:0 0 .5rem 0 rgba(0,0,0,.15);border-radius:50%;background-color:#fff;background-image:url("/resource/images/con_com/join_icon01.png"); background-repeat:no-repeat;background-size:auto;background-position:center center;transform:translateX(-50%);}
.joinArea .step_join > li:nth-of-type(2) >  a span:before{background-image:url("/resource/images/con_com/join_icon02.png");}
.joinArea .step_join > li a:hover{border:2px solid #c71d22;}
.join_btn {  margin-top:2rem; text-align: center;}


/* 231024추가 */
/* 레이어팝업 */
.popup_wrap { display: none; z-index: 10; }
.popup_wrap::before { position: fixed; top: 0; left: 0; width: 100%; height: 100%; background: rgba(0, 0, 0, 0.5); content: ""; z-index: 1;}
.popup_wrap.on { display: block; }
.layer_popup { position: fixed; top: 50%; left: 50%; transform: translate(-50%, -50%); -webkit-transform: translate(-50%, -50%); min-width: 22.5rem; margin: auto; border: 1px solid #d3d3d3; background: #fff; z-index: 1111; }
.layer_popup .layer_tit { position: relative; background: #396198; padding: 0.9rem 2.5rem 0.9rem 1.4rem; font-size: 1rem; color: #fff; }
.layer_popup .layer_txt { position: relative; max-height: 70vh; min-height: 13.25rem; padding: 1.2rem; overflow-y: auto; }
.layer_popup .layer_txt .box_st1 { padding-left: 1.3rem; line-height: 1.1rem; font-family: 'NotoSans'; }
.layer_popup .layer_txt .box_st1 .tit { position: relative; font-size: 0.8rem; color: #333; margin-bottom: 0.6rem; }
.layer_popup .layer_txt .box_st1 .tit::before { position: absolute; top: 3px; left: -1.3rem; width: 0.8rem; height: 0.75rem; background: url('/resource/images/common/icon_popup.png') no-repeat center / contain; content: ""; }
.layer_popup .layer_txt .box_st1 .txt { font-size: 0.7rem; color: #666; }
.layer_popup .layer_txt .box_st2 { font-size: 0.75rem; color: #333; font-family: 'NotoSans'; }
.layer_popup .pop_colse { position: absolute; top: 0.8rem; right: 1.3rem; color: #fff; }

/* 메인_레이어팝업 */
.m_popup_wrap .layer_popup { border-radius: 0.8rem; overflow: hidden; border: none; }
.m_popup_wrap .layer_tit { padding: 0.7rem 2.5rem 0.7rem 1.4rem; }
.m_popup_wrap .pop_check { font-size: 0.7rem; text-align: right; padding: 0.75rem; }

/* 달력 */
.uiDatepicker button { position: relative; display: inline-block; width: 2.2rem; height: 2.2rem; font-size: 0; background: #fde8ec; border-radius: 0.5rem; vertical-align: middle; margin: 0px 0px 0 4px; }
.uiDatepicker img { position: absolute;top: 0;left: 0; }

/* 이용약관 */
.join_step ul { display: table; table-layout: fixed; width: calc(100% + 2.3rem); margin-left: -1.15rem; }
.join_step li { position: relative; display: table-cell; padding: 0 1.15rem; }
.join_step li ~ li::before { position: absolute; top: 50%; left: -0.2rem; transform: translateY(-50%); -webkit-transform: translateY(-50%); -moz-transform: translateY(-50%); width: 0.55rem; height: 0.5rem; background: url('/resource/images/common/join_step_arra.png') no-repeat center / contain; content: ""; }
.join_step li p { position: relative; display: flex; height: 3.3rem; align-items: center; border: 1px solid #e4e4e4; border-radius: 2rem; border: 1px solid #e4e4e4; border-radius: 2rem; color: #777; font-size: 0.85rem; padding-left: 3.2rem; font-weight: 600; }
.join_step li p::before { position: absolute; top: 0.5rem; left: 0.5rem; width: 2.25rem; height: 2.25rem; line-height: 2.25rem; border-radius: 50%; background: #f3f3f3; color: #777; text-align: center; font-family: 'xeicon'; font-size: 0.7rem; content: "\e928"; }
.join_step li p em { margin-right: 0.2rem; }
/* 이용약관 on */
.join_step li.on p:before { background: #4b82c2; color: #fff; }
.join_step li.on em { color: #0866b0; }
.join_step li.on span { color: #333; }

/* 약관 */
.joinStplat { height: 9.5rem; overflow-y: auto; border: 1px solid #dcdcdc; padding: 1rem 0 1rem 1rem; font-size: 0.7rem; color: #555; font-family: 'NotoSans'; line-height: 1.1rem; margin-bottom: 0.7rem; }
.StplatT1 { font-weight: 600; color: #333; font-size: 0.7rem; color: #333; margin-top: 1.2rem; }
.StplatT1:nth-of-type(1) { margin-top: 0; }
.join_agre { font-size: 0.75rem; color: #555; font-family: 'NotoSans'; }
.join_agre input { margin-right: 0.3rem; }
.join_agre input.agreeFocus:focus { outline: 2px dashed coral; }

/* 가입완료 */
.joinEnd { background: #f7f8fc; border-radius: 0.5rem; padding: 3.25rem 1.5rem 2.8rem; text-align: center; }
.joinEnd .icon { display: flex; justify-content: center; align-items: center; margin: 0 auto 0.9rem; width: 7.1rem; height: 7.1rem; border-radius: 50%; background: #fff; box-shadow: 0 5px 10px rgba(216, 217, 219, 0.75); }
.joinEnd .tit { font-size: 1.5rem; font-weight: 600; color: #1c1c1c; }
.joinEnd .tit em { color: #396198; }
.joinEnd .tit1 { font-size: 1.4rem; font-weight: 600; color: #1c1c1c; }
.joinEnd .tit1 em { color: #396198; }
.joinEnd .txt { color: #444; font-size: 0.8rem; margin: 0.7rem 0 1.5rem; }
.joinEnd .join_btn a { width: 8.5rem; }
.joinEnd .join_btn .join_btn1 { background: #3692a9; }
.joinEnd .join_btn .join_btn2 { background: #396198; }

/* Textarea */
.txtbox{width:100%;}
.txtbox textarea{width:100%; overflow:auto; padding:1rem 1.8rem; border:1px solid #ddd; box-sizing:border-box; font-size: 1rem; font-family: "Noto Sans KR", sans-serif; color:#333; -webkit-appearance: none; appearance: none;}
.txtbox textarea::placeholder {color:#999;opacity: 1; }
.txtbox textarea:-ms-input-placeholder {color:#999;}
.txtbox textarea::-ms-input-placeholder {color:#999;}


@media screen and (max-width:1240px){
	.tab_st1 ul { width: calc(100% + 0.4rem); margin-left: -0.2rem;}
	.tab_st1 ul > li { padding: 0.2rem; }
	.tab_st1 ul > li.on > a { border-radius: 0.5rem 2rem 0.5rem 0.5rem;}

	.tab_list { padding: 1.2rem 1.5rem; }

	.box_ico { padding: 1.5rem; }
	.box_ico .inner { padding-left: 6.25rem; }

	.box_st { padding: 1.5rem; }

	/* 이용약관 */
	.join_step ul { width: calc(100% + 1.9rem); margin-left: -0.8rem;}
	.join_step li { padding: 0 0.8rem; }
	.join_step li p { padding-left: 2.5rem; font-size: 0.8rem; }
	.join_step li p::before { top: 0.85rem; width: 1.6rem; height: 1.6rem; line-height: 1.6rem;}
}

@media screen and (max-width:860px){
  .tab_w16 ul > li { width: 33.333%; }
}

@media screen and (max-width: 768px){
	.box_ico .inner { padding-left: 0; }
	.box_ico .inner .icon { position: relative; top: auto; left: auto; margin: 0 auto 1rem; }

	.tab_w30 ul > li { width: 50%; }
	.tab_w20 ul > li { width: 33.333%; }


	/* 테이블 스크롤 */
	.scroll_gr { width: 100%; overflow-x: auto; }
	.scroll_gr table { width: 768px; }

	/* 231016 추 */
	/* 게시판 View */
	.bbs_ViewA .bbsV_data li { display: block; margin: 0.2rem 0; }
	.bbs_ViewA .bbsV_data li ~ li { padding-left: 0; }

	/* 로그인 */
	.login-box-wrap {  width:100%; }

	/* 이용약관 */
	.join_step ul { width: calc(100% + 0.4rem); margin-left: -0.2rem; }
	.join_step li { padding: 0 0.2rem; text-align: center; }
	.join_step li ~ li::before { display: none; }
	.join_step li p { height: auto; padding: 0.5rem; justify-content: center; flex-direction: column; }
	.join_step li p:before { display: none; }

}

@media screen and (max-width:540px) {
  .InpSel_w100 { width: 100% !important; }
}

@media screen and (max-width: 480px){
  .tab_st1 ul > li { width: 50%; }
}


/* Bootstrap v 5.3 일부 채용. */
.row{--ka-bs-gutter-x:1.5rem;--ka-bs-gutter-y:0;display:flex;flex-wrap:wrap;margin-top:calc(-1 * var(--ka-bs-gutter-y));margin-right:calc(-.5 * var(--ka-bs-gutter-x));margin-left:calc(-.5 * var(--ka-bs-gutter-x))}.row>*{box-sizing:border-box;flex-shrink:0;width:100%;max-width:100%;padding-right:calc(var(--ka-bs-gutter-x) * .5);padding-left:calc(var(--ka-bs-gutter-x) * .5);margin-top:var(--ka-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.33333333%}.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.66666667%}.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{--ka-bs-gutter-x:0}.g-0,.gy-0{--ka-bs-gutter-y:0}.g-1,.gx-1{--ka-bs-gutter-x:0.25rem}.g-1,.gy-1{--ka-bs-gutter-y:0.25rem}.g-2,.gx-2{--ka-bs-gutter-x:0.5rem}.g-2,.gy-2{--ka-bs-gutter-y:0.5rem}.g-3,.gx-3{--ka-bs-gutter-x:1rem}.g-3,.gy-3{--ka-bs-gutter-y:1rem}.g-4,.gx-4{--ka-bs-gutter-x:1.5rem}.g-4,.gy-4{--ka-bs-gutter-y:1.5rem}.g-5,.gx-5{--ka-bs-gutter-x:3rem}.g-5,.gy-5{--ka-bs-gutter-y:3rem}@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.33333333%}.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.66666667%}.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{--ka-bs-gutter-x:0}.g-sm-0,.gy-sm-0{--ka-bs-gutter-y:0}.g-sm-1,.gx-sm-1{--ka-bs-gutter-x:0.25rem}.g-sm-1,.gy-sm-1{--ka-bs-gutter-y:0.25rem}.g-sm-2,.gx-sm-2{--ka-bs-gutter-x:0.5rem}.g-sm-2,.gy-sm-2{--ka-bs-gutter-y:0.5rem}.g-sm-3,.gx-sm-3{--ka-bs-gutter-x:1rem}.g-sm-3,.gy-sm-3{--ka-bs-gutter-y:1rem}.g-sm-4,.gx-sm-4{--ka-bs-gutter-x:1.5rem}.g-sm-4,.gy-sm-4{--ka-bs-gutter-y:1.5rem}.g-sm-5,.gx-sm-5{--ka-bs-gutter-x:3rem}.g-sm-5,.gy-sm-5{--ka-bs-gutter-y:3rem}}@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.33333333%}.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.66666667%}.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{--ka-bs-gutter-x:0}.g-md-0,.gy-md-0{--ka-bs-gutter-y:0}.g-md-1,.gx-md-1{--ka-bs-gutter-x:0.25rem}.g-md-1,.gy-md-1{--ka-bs-gutter-y:0.25rem}.g-md-2,.gx-md-2{--ka-bs-gutter-x:0.5rem}.g-md-2,.gy-md-2{--ka-bs-gutter-y:0.5rem}.g-md-3,.gx-md-3{--ka-bs-gutter-x:1rem}.g-md-3,.gy-md-3{--ka-bs-gutter-y:1rem}.g-md-4,.gx-md-4{--ka-bs-gutter-x:1.5rem}.g-md-4,.gy-md-4{--ka-bs-gutter-y:1.5rem}.g-md-5,.gx-md-5{--ka-bs-gutter-x:3rem}.g-md-5,.gy-md-5{--ka-bs-gutter-y:3rem}}@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.33333333%}.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.66666667%}.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{--ka-bs-gutter-x:0}.g-lg-0,.gy-lg-0{--ka-bs-gutter-y:0}.g-lg-1,.gx-lg-1{--ka-bs-gutter-x:0.25rem}.g-lg-1,.gy-lg-1{--ka-bs-gutter-y:0.25rem}.g-lg-2,.gx-lg-2{--ka-bs-gutter-x:0.5rem}.g-lg-2,.gy-lg-2{--ka-bs-gutter-y:0.5rem}.g-lg-3,.gx-lg-3{--ka-bs-gutter-x:1rem}.g-lg-3,.gy-lg-3{--ka-bs-gutter-y:1rem}.g-lg-4,.gx-lg-4{--ka-bs-gutter-x:1.5rem}.g-lg-4,.gy-lg-4{--ka-bs-gutter-y:1.5rem}.g-lg-5,.gx-lg-5{--ka-bs-gutter-x:3rem}.g-lg-5,.gy-lg-5{--ka-bs-gutter-y:3rem}}@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.33333333%}.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.66666667%}.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{--ka-bs-gutter-x:0}.g-xl-0,.gy-xl-0{--ka-bs-gutter-y:0}.g-xl-1,.gx-xl-1{--ka-bs-gutter-x:0.25rem}.g-xl-1,.gy-xl-1{--ka-bs-gutter-y:0.25rem}.g-xl-2,.gx-xl-2{--ka-bs-gutter-x:0.5rem}.g-xl-2,.gy-xl-2{--ka-bs-gutter-y:0.5rem}.g-xl-3,.gx-xl-3{--ka-bs-gutter-x:1rem}.g-xl-3,.gy-xl-3{--ka-bs-gutter-y:1rem}.g-xl-4,.gx-xl-4{--ka-bs-gutter-x:1.5rem}.g-xl-4,.gy-xl-4{--ka-bs-gutter-y:1.5rem}.g-xl-5,.gx-xl-5{--ka-bs-gutter-x:3rem}.g-xl-5,.gy-xl-5{--ka-bs-gutter-y:3rem}}@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.33333333%}.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.66666667%}.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{--ka-bs-gutter-x:0}.g-xxl-0,.gy-xxl-0{--ka-bs-gutter-y:0}.g-xxl-1,.gx-xxl-1{--ka-bs-gutter-x:0.25rem}.g-xxl-1,.gy-xxl-1{--ka-bs-gutter-y:0.25rem}.g-xxl-2,.gx-xxl-2{--ka-bs-gutter-x:0.5rem}.g-xxl-2,.gy-xxl-2{--ka-bs-gutter-y:0.5rem}.g-xxl-3,.gx-xxl-3{--ka-bs-gutter-x:1rem}.g-xxl-3,.gy-xxl-3{--ka-bs-gutter-y:1rem}.g-xxl-4,.gx-xxl-4{--ka-bs-gutter-x:1.5rem}.g-xxl-4,.gy-xxl-4{--ka-bs-gutter-y:1.5rem}.g-xxl-5,.gx-xxl-5{--ka-bs-gutter-x:3rem}.g-xxl-5,.gy-xxl-5{--ka-bs-gutter-y:3rem}}
.hstack { display: flex; flex-direction: row; align-items: center; align-self: stretch; }
.vstack { display: flex; flex: 1 1 auto; flex-direction: column; align-self: stretch; }
.gap-0 { gap: 0 !important; }
.gap-1 { gap: 0.25rem !important; }
.gap-2 { gap: 0.5rem !important; }
.gap-3 { gap: 1rem !important; }
.gap-4 { gap: 1.5rem !important; }
.gap-5 { gap: 3rem !important; }
.w-100 { width: 100% !important; }

@media (min-width:576px) {
	.hstack-sm { display: flex; flex-direction: row; align-items: center; align-self: stretch; }
	.vstack-sm { display: flex; flex: 1 1 auto; flex-direction: column; align-self: stretch; }
	.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; }
	.w-sm-100 { width: 100% !important; }
}

@media (min-width:768px) {
	.hstack-md { display: flex; flex-direction: row; align-items: center; align-self: stretch; }
	.vstack-md { display: flex; flex: 1 1 auto; flex-direction: column; align-self: stretch; }
	.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; }
	.w-md-100 { width: 100% !important; }
}

@media (min-width:992px) {
	.hstack-lg { display: flex; flex-direction: row; align-items: center; align-self: stretch; }
	.vstack-lg { display: flex; flex: 1 1 auto; flex-direction: column; align-self: stretch; }
	.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; }
	.w-lg-100 { width: 100% !important; }
}

@media (min-width:1200px) {
	.hstack-xl { display: flex; flex-direction: row; align-items: center; align-self: stretch; }
	.vstack-xl { display: flex; flex: 1 1 auto; flex-direction: column; align-self: stretch; }
	.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; }
	.w-xl-100 { width: 100% !important; }
}

@media (min-width:1400px) {
	.hstack-xxl { display: flex; flex-direction: row; align-items: center; align-self: stretch; }
	.vstack-xxl { display: flex; flex: 1 1 auto; flex-direction: column; align-self: stretch; }
	.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; }
	.w-xxl-100 { width: 100% !important; }
}

.row { --ka-bs-gutter-x:1.5rem;--ka-bs-gutter-y:0;display:flex;flex-wrap:wrap;margin-top:calc(-1 * var(--ka-bs-gutter-y));margin-right:calc(-.5 * var(--ka-bs-gutter-x));margin-left:calc(-.5 * var(--ka-bs-gutter-x)) }
.row > * { box-sizing:border-box;flex-shrink:0;width:100%;max-width:100%;padding-right:calc(var(--ka-bs-gutter-x) * .5);padding-left:calc(var(--ka-bs-gutter-x) * .5);margin-top:var(--ka-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.33333333% }
.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.66666667% }
.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 { --ka-bs-gutter-x:0 }
.g-0, .gy-0 { --ka-bs-gutter-y:0 }
.g-1, .gx-1 { --ka-bs-gutter-x:0.25rem }
.g-1, .gy-1 { --ka-bs-gutter-y:0.25rem }
.g-2, .gx-2 { --ka-bs-gutter-x:0.5rem }
.g-2, .gy-2 { --ka-bs-gutter-y:0.5rem }
.g-3, .gx-3 { --ka-bs-gutter-x:1rem }
.g-3, .gy-3 { --ka-bs-gutter-y:1rem }
.g-4, .gx-4 { --ka-bs-gutter-x:1.5rem }
.g-4, .gy-4 { --ka-bs-gutter-y:1.5rem }
.g-5, .gx-5 { --ka-bs-gutter-x:3rem }
.g-5, .gy-5 { --ka-bs-gutter-y:3rem }

@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.33333333% }
	.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.66666667% }
	.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 { --ka-bs-gutter-x:0 }
	.g-sm-0, .gy-sm-0 { --ka-bs-gutter-y:0 }
	.g-sm-1, .gx-sm-1 { --ka-bs-gutter-x:0.25rem }
	.g-sm-1, .gy-sm-1 { --ka-bs-gutter-y:0.25rem }
	.g-sm-2, .gx-sm-2 { --ka-bs-gutter-x:0.5rem }
	.g-sm-2, .gy-sm-2 { --ka-bs-gutter-y:0.5rem }
	.g-sm-3, .gx-sm-3 { --ka-bs-gutter-x:1rem }
	.g-sm-3, .gy-sm-3 { --ka-bs-gutter-y:1rem }
	.g-sm-4, .gx-sm-4 { --ka-bs-gutter-x:1.5rem }
	.g-sm-4, .gy-sm-4 { --ka-bs-gutter-y:1.5rem }
	.g-sm-5, .gx-sm-5 { --ka-bs-gutter-x:3rem }
	.g-sm-5, .gy-sm-5 { --ka-bs-gutter-y:3rem }
}

@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.33333333% }
	.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.66666667% }
	.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 { --ka-bs-gutter-x:0 }
	.g-md-0, .gy-md-0 { --ka-bs-gutter-y:0 }
	.g-md-1, .gx-md-1 { --ka-bs-gutter-x:0.25rem }
	.g-md-1, .gy-md-1 { --ka-bs-gutter-y:0.25rem }
	.g-md-2, .gx-md-2 { --ka-bs-gutter-x:0.5rem }
	.g-md-2, .gy-md-2 { --ka-bs-gutter-y:0.5rem }
	.g-md-3, .gx-md-3 { --ka-bs-gutter-x:1rem }
	.g-md-3, .gy-md-3 { --ka-bs-gutter-y:1rem }
	.g-md-4, .gx-md-4 { --ka-bs-gutter-x:1.5rem }
	.g-md-4, .gy-md-4 { --ka-bs-gutter-y:1.5rem }
	.g-md-5, .gx-md-5 { --ka-bs-gutter-x:3rem }
	.g-md-5, .gy-md-5 { --ka-bs-gutter-y:3rem }
}

@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.33333333% }
	.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.66666667% }
	.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 { --ka-bs-gutter-x:0 }
	.g-lg-0, .gy-lg-0 { --ka-bs-gutter-y:0 }
	.g-lg-1, .gx-lg-1 { --ka-bs-gutter-x:0.25rem }
	.g-lg-1, .gy-lg-1 { --ka-bs-gutter-y:0.25rem }
	.g-lg-2, .gx-lg-2 { --ka-bs-gutter-x:0.5rem }
	.g-lg-2, .gy-lg-2 { --ka-bs-gutter-y:0.5rem }
	.g-lg-3, .gx-lg-3 { --ka-bs-gutter-x:1rem }
	.g-lg-3, .gy-lg-3 { --ka-bs-gutter-y:1rem }
	.g-lg-4, .gx-lg-4 { --ka-bs-gutter-x:1.5rem }
	.g-lg-4, .gy-lg-4 { --ka-bs-gutter-y:1.5rem }
	.g-lg-5, .gx-lg-5 { --ka-bs-gutter-x:3rem }
	.g-lg-5, .gy-lg-5 { --ka-bs-gutter-y:3rem }
}

@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.33333333% }
	.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.66666667% }
	.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 { --ka-bs-gutter-x:0 }
	.g-xl-0, .gy-xl-0 { --ka-bs-gutter-y:0 }
	.g-xl-1, .gx-xl-1 { --ka-bs-gutter-x:0.25rem }
	.g-xl-1, .gy-xl-1 { --ka-bs-gutter-y:0.25rem }
	.g-xl-2, .gx-xl-2 { --ka-bs-gutter-x:0.5rem }
	.g-xl-2, .gy-xl-2 { --ka-bs-gutter-y:0.5rem }
	.g-xl-3, .gx-xl-3 { --ka-bs-gutter-x:1rem }
	.g-xl-3, .gy-xl-3 { --ka-bs-gutter-y:1rem }
	.g-xl-4, .gx-xl-4 { --ka-bs-gutter-x:1.5rem }
	.g-xl-4, .gy-xl-4 { --ka-bs-gutter-y:1.5rem }
	.g-xl-5, .gx-xl-5 { --ka-bs-gutter-x:3rem }
	.g-xl-5, .gy-xl-5 { --ka-bs-gutter-y:3rem }
}

@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.33333333% }
	.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.66666667% }
	.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 { --ka-bs-gutter-x:0 }
	.g-xxl-0, .gy-xxl-0 { --ka-bs-gutter-y:0 }
	.g-xxl-1, .gx-xxl-1 { --ka-bs-gutter-x:0.25rem }
	.g-xxl-1, .gy-xxl-1 { --ka-bs-gutter-y:0.25rem }
	.g-xxl-2, .gx-xxl-2 { --ka-bs-gutter-x:0.5rem }
	.g-xxl-2, .gy-xxl-2 { --ka-bs-gutter-y:0.5rem }
	.g-xxl-3, .gx-xxl-3 { --ka-bs-gutter-x:1rem }
	.g-xxl-3, .gy-xxl-3 { --ka-bs-gutter-y:1rem }
	.g-xxl-4, .gx-xxl-4 { --ka-bs-gutter-x:1.5rem }
	.g-xxl-4, .gy-xxl-4 { --ka-bs-gutter-y:1.5rem }
	.g-xxl-5, .gx-xxl-5 { --ka-bs-gutter-x:3rem }
	.g-xxl-5, .gy-xxl-5 { --ka-bs-gutter-y:3rem }
}

.ms-auto, .mx-auto { margin-left: auto; }
.me-auto, .mx-auto { margin-right: auto; }

@media (min-width:576px) {
	.ms-sm-auto, .mx-sm-auto { margin-left: auto; }
	.me-sm-auto, .mx-sm-auto { margin-right: auto; }
}

@media (min-width:768px) {
	.ms-md-auto, .mx-md-auto { margin-left: auto; }
	.me-md-auto, .mx-md-auto { margin-right: auto; }
}

@media (min-width:992px) {
	.ms-lg-auto, .mx-lg-auto { margin-left: auto; }
	.me-lg-auto, .mx-lg-auto { margin-right: auto; }
}

@media (min-width:1200px) {
	.ms-xl-auto, .mx-xl-auto { margin-left: auto; }
	.me-xl-auto, .mx-xl-auto { margin-right: auto; }
}

@media (min-width:1400px) {
	.ms-xxl-auto, .mx-xxl-auto { margin-left: auto; }
	.me-xxl-auto, .mx-xxl-auto { margin-right: auto; }
}

.hstack > button,
.hstack > [class^="btn_"] {
	padding-left: .125rem;
	padding-right: .125rem;
	margin-left: 0;
	margin-right: 0;
}

.progress {
	--ka-progress-bar-rgb: var(--ka-gray-rgb);
	width: 100%;
	background-color: rgba(var(--ka-progress-bar-rgb), .125);
}

.progress-bar {
	padding: 2px 0;
	background-color: rgba(var(--ka-progress-bar-rgb), .375);
}

.progress.blue {
	--ka-progress-bar-rgb: var(--ka-blue-light-rgb);
}

.progress.pink {
	--ka-progress-bar-rgb: var(--ka-pink-rgb);
}

.progress.red {
	--ka-progress-bar-rgb: var(--ka-red-rgb);
}

.progress.yellow {
	--ka-progress-bar-rgb: var(--ka-yellow-rgb);
}

.progress.green {
	--ka-progress-bar-rgb: var(--ka-green-rgb);
}


.label {
	display: inline-block;
	font-size: .675rem;
	line-height: 1em;
	margin-bottom: .5em;
}

.badge {
	--ka-badge-border-color: #fff;
	--ka-badge-bg-color: var(--ka-gray-hex);
	display: inline-block;
	text-align: center;
	color: white;
	background-color: var(--ka-badge-bg-color);
	font-size: .675rem;
	line-height: 1em;
	padding: 5px 8px;
	margin: 0;
	border: 1px solid var(--ka-badge-bg-color);
}

.badge.gray {
	--ka-badge-bg-color: var(--ka-gray-light-hex);
}

.badge.blue {
	--ka-badge-bg-color: var(--ka-blue-light-hex);
}

.badge.pink {
	--ka-badge-bg-color: var(--ka-pink-hex);
}

.badge.red {
	--ka-badge-bg-color: var(--ka-red-light-hex);
}

.badge.yellow {
	--ka-badge-bg-color: var(--ka-yellow-hex);
	color: var(--ka-gray-dark-hex);
}

.badge.green {
	--ka-badge-bg-color: var(--ka-green-hex);
}

.badge.outline {
	color: var(--ka-badge-bg-color);
	border-color: var(--ka-badge-bg-color);;
	background-color: white;
}

.badge.bar {
	width: auto;
	border-width: 0 0 0 4px;
	background: transparent;
	color: var(--ka-badge-bg-color);
	padding: 1px 0 1px 3px;
	text-align: left;
	min-width: auto;
}



.card {
	--ka-card-box-shadow-color: rgba(0, 0, 0, 0.125);
	display: block;
	width: 100%;
	height: auto;
	line-height: 1em;
	padding: 0;
	border: 1px solid var(--ka-card-box-shadow-color);
	border-radius: .5rem;
	/* box-shadow: 0 0 9px var(--ka-card-box-shadow-color); */
	background: #fff;
	overflow: hidden;
	transform: translate(0, 0);
	transition: transform .25s;
}


/* 마우스 사용 기기일 때. */
@media (pointer: fine) {
}


.card > .card-img {
	--ka-card-img-aspect-ratio: 16 / 9;
	position: relative;
	width: 100%;
	height: auto;
	aspect-ratio: var(--ka-card-img-aspect-ratio);
	overflow: hidden;
}

.card > .card-img > img {
	--ka-card-img-object-position: center center;
	width: 100%;
	height: 100%;
	object-fit: cover;
	object-position: var(--ka-card-img-object-position);
	opacity: 1;
	transition: opacity .25s;
}

.card:hover > .card-img > img {
	opacity: 1;
}

.card > .card-body:has(> .badge) {
	position: relative;
}

.card .card-body {
	--ka-card-body-padding-x: 1rem;
	--ka-card-body-padding-y: 1rem;
	padding: var(--ka-card-body-padding-y) var(--ka-card-body-padding-x);
	position: relative;
}

.card .card-body .badge {
	position: absolute;
	top: calc(var(--ka-card-body-padding-y) + .25rem);
	right: var(--ka-card-body-padding-x);
}

.card .card-title {
	font-size: 1rem;
	font-weight: bold;
	line-height: 1em;
	margin-bottom: 1.05em;
	white-space: nowrap;
	overflow: hidden;
	text-overflow: ellipsis;
}

/* 터치 기기일 때. */
@media (pointer: coarse) {
	.card .card-title {
		overflow-x: auto;
		text-overflow: clip;
		scrollbar-width: thin;
	}
}


.card .btn-set {
	margin-top: 1rem;
}


.lecture-cards .card {
	padding: 1rem;
}

.lecture-cards .card .card-body {
	--ka-card-body-padding-x: 0;
	--ka-card-body-padding-y: 0;
	margin-top: .75rem;
}

.lecture-cards .card .card-body:first-child {
	margin-top: 0;
}

.lecture-cards :has(.progress) {
	margin-top: .25rem;
}


.lecture-cards .btn-set > button {
	flex: 1 1 0;
	display: inline-flex;
	justify-content: center;
	align-items: baseline;
	gap: .125em;
}

.lecture-cards .btn-set > button i {
	display: inline-block;
}

@media (min-width:576px) {
	.lecture-cards .btn-set > button i {
		display: none;
	}
}

@media (min-width:768px) {
	.lecture-cards .btn-set > button i {
		display: inline-block;
	}
}





.accordion .accordion-content {
	--ka-accordion-content-height: 0;
	--ka-accordion-content-display: none;
	display: var(--ka-accordion-content-display);
	box-sizing: border-box;
	height: auto;
	max-height: var(--ka-accordion-content-height);
	overflow: hidden;
	transition: max-height .5s;
}

.accordion .accordion-content.expanded {
	transition: max-height .5s;
}