/* croe's css updadted.24.04.02*/
/*html-font-css */
/* <link href="https://fonts.googleapis.com/css2?family=Noto+Sans+KR:wght@100;200;300;400;500;600;700;800;900&family=Noto+Serif+KR:wght@100;200;300;400;500;600;700;800;900&display=swap" rel="stylesheet">
/*<link href="https://fonts.googleapis.com/css2?family=Roboto:wght@100..900&display=swap" rel="stylesheet"> 
/* <link rel="stylesheet" href="https://yammi.link/css/croe.2.5.0.css">  */

   

@media (max-width: 768px) {.sm-none {display:none!important;} .sm-center{text-align:center!important; margin:0 auto!important;} }
@media (min-width: 769px) {.md-none {display:none!important;} }

@import url('https://fonts.googleapis.com/css2?family=Noto+Sans+KR:wght@100;200;300;400;500;600;700;800;900&family=Noto+Serif+KR:wght@100;200;300;400;500;600;700;800;900&display=swap');
.notosans {font-family: 'Noto Sans KR', sans-serif!important;}
.notoserif {font-family: 'Noto Serif KR', serif!important;}



.fs-7{ font-size: 7px!important;}
.fs-8 { font-size: 8px!important;}
.fs-9 { font-size: 9px!important;}
.fs-10 { font-size: 10px!important;}
.fs-11 { font-size: 11px!important;}
.fs-12 { font-size: 12px!important;}
.fs-13 {font-size: 12px !important;}
.fs-14 { font-size: 14px!important;}
.fs-15 { font-size: 15px!important;}
.fs-16 { font-size: 16px!important;}
.fs-18 { font-size: 18px!important;}
.fs-20 { font-size: 20px!important;}
.fs-22 { font-size: 22px!important;}
.fs-24 { font-size: 24px!important;}
.fs-25 { font-size: 25px!important;}
.fs-26 { font-size: 26px!important;}
.fs-28 { font-size: 28px!important;}
.fs-30 { font-size: 30px!important;}
.fs-35 { font-size: 35px!important;}
.fs-40 { font-size: 40px!important;}
.fs-50 { font-size: 50px!important;}
.fs-60 { font-size: 60px!important;}
.fs-70 { font-size: 70px!important;}
.fs-80 { font-size: 80px!important;}
.fs-90 { font-size: 90px!important;}
.fs-100 { font-size: 100px!important;}

.rem-03 { font-size: 0.3rem!important;}
.rem-04 { font-size: 0.4rem!important;}
.rem-05 { font-size: 0.5rem!important;}
.rem-06 { font-size: 0.6rem!important;}
.rem-065 { font-size: 0.65rem!important;}
.rem-07 { font-size: 0.7rem!important;}
.rem-075 { font-size: 0.75rem!important;}
.rem-08 { font-size: 0.8rem!important;}
.rem-085 { font-size: 0.85rem!important;}
.rem-09 { font-size: 0.9rem!important;}
.rem-095 { font-size: 0.95rem!important;}
.rem-10 { font-size: 1rem!important;}
.rem-105 { font-size: 1.05rem!important;}
.rem-11 { font-size: 1.1rem!important;}
.rem-115 { font-size: 1.15rem!important;}
.rem-12 { font-size: 1.2rem!important;}
.rem-13 { font-size: 1.3rem!important;}
.rem-14 { font-size: 1.4rem!important;}
.rem-15 { font-size: 1.5rem!important;}
.rem-16 { font-size: 1.6rem!important;}
.rem-17 { font-size: 1.7rem!important;}
.rem-18 { font-size: 1.8rem!important;}
.rem-19 { font-size: 1.9rem!important;}
.rem-20 { font-size: 2rem!important;}
.rem-25 { font-size: 2.5rem!important;}
.rem-30 { font-size: 3rem!important;}

.fw-100 { font-weight: 100!important;}
.fw-200 { font-weight: 200!important;}
.fw-300 { font-weight: 300!important;}
.fw-400 { font-weight: 400!important;}
.fw-500 { font-weight: 500!important;}
.fw-600 { font-weight: 600!important;}
.fw-700 { font-weight: 700!important;}
.fw-800 { font-weight: 800!important;}
.fw-900 { font-weight: 900!important;}

.w-10{width: 10%!important;}
.w-20{width: 20%!important;}
.w-25{width: 25%!important;}
.w-30{width: 30%!important;}
.w-40{width: 40%!important;}
.w-50{width: 50%!important;}
.w-60{width: 60%!important;}
.w-70{width: 70%!important;}
.w-75{width: 75%!important;}
.w-80{width: 80%!important;}
.w-90{width: 90%!important;}

.w20{width: 20px!important;}
.w30{width: 30px!important;}
.w40{width: 40px!important;}
.w50{width: 50px!important;}
.w60{width: 60px!important;}
.w70{width: 70px!important;}
.w80{width: 80px!important;}
.w90{width: 90px!important;}
.w100{width: 100px!important;}
.w150{width: 150px!important;}
.w200{width: 200px!important;}
.w250{width: 250px!important;}
.w300{width: 300px!important;}
.w350{width: 350px!important;}
.w400{width: 400px!important;}
.w450{width: 450px!important;}
.w500{width: 500px!important;}
.w600{width: 600px!important;}
.w700{width: 700px!important;}
.w800{width: 800px!important;}
.w900{width: 900px!important;}

.height10{height:10px!important; width:auto;}
.height20{height:20px!important; width:auto;}
.height30{height:30px!important; width:auto;}
.height40{height:40px!important; width:auto;}
.height50{height:50px!important; width:auto;}
.height60{height:60px!important; width:auto;}
.height70{height:70px!important; width:auto;}
.height80{height:80px!important; width:auto;}
.height90{height:90px!important; width:auto;}
.height100{height:100px!important; width:auto;}
.height150{height:150px!important; width:auto;}
.height200{height:200px!important; width:auto;}
.height250{height:250px!important; width:auto;}
.height300{height:300px!important; width:auto;}
.height350{height:350px!important; width:auto;}
.height400{height:400px!important; width:auto;}
.height450{height:450px!important; width:auto;}
.height500{height:500px!important; width:auto;}
.height500{height:500px!important; width:auto;}
.height600{height:600px!important; width:auto;}
.height700{height:700px!important; width:auto;}
.height800{height:800px!important; width:auto;}
.height800{height:800px!important; width:auto;}


.height-10{height:10%!important; width:auto;}
.height-20{height:20%!important; width:auto;}
.height-30{height:30%!important; width:auto;}
.height-40{height:40%!important; width:auto;}
.height-50{height:50%!important; width:auto;}
.height-60{height:60%!important; width:auto;}
.height-70{height:70%!important; width:auto;}
.height-80{height:80%!important; width:auto;}
.height-90{height:90%!important; width:auto;}
.height-100{height:100%!important; width:auto;}
.height-150{height:150%!important; width:auto;}
.height-200{height:200%!important; width:auto;}

.vh-200 {height: 200vh!important;}
.vh-100 {height: 100vh!important;}
.vh-90 {height: 90vh!important;}
.vh-80 {height: 80vh!important;}
.vh-70 {height: 70vh!important;}
.vh-60 {height: 60vh!important;}
.vh-50 {height: 50vh!important;}
.vh-40 {height: 40vh!important;}
.vh-30 {height: 30vh!important;}
.vh-25 {height: 25vh!important;}
.vh-20 {height: 20vh!important;}
.vh-10 {height: 10vh!important;}

.bg-gray-trans05 { background: rgba(128, 128, 128, 0.05) !important; color: #000; }
.bg-gray-trans10 { background: rgba(128, 128, 128, 0.1) !important; color: #000; }
.bg-gray-trans20 { background: rgba(128, 128, 128, 0.2) !important; color: #000; }
.bg-gray-trans30 { background: rgba(128, 128, 128, 0.3) !important; color: #000; }
.bg-gray-trans40 { background: rgba(128, 128, 128, 0.4) !important; color: #000; }
.bg-gray-trans50 { background: rgba(128, 128, 128, 0.5) !important; color: #fff; }
.bg-gray-trans60 { background: rgba(128, 128, 128, 0.6) !important; color: #fff; }
.bg-gray-trans70 { background: rgba(128, 128, 128, 0.7) !important; color: #fff; }
.bg-gray-trans80 { background: rgba(128, 128, 128, 0.8) !important; color: #fff; }
.bg-gray-trans90 { background: rgba(128, 128, 128, 0.9) !important; color: #fff; }

.bg-white-trans05 { background: rgba(255, 255, 255, 0.05) !important; color: #000; }
.bg-white-trans10 { background: rgba(255, 255, 255, 0.1) !important; color: #000; }
.bg-white-trans20 { background: rgba(255, 255, 255, 0.2) !important; color: #000; }
.bg-white-trans30 { background: rgba(255, 255, 255, 0.3) !important; color: #000; }
.bg-white-trans40 { background: rgba(255, 255, 255, 0.4) !important; color: #000; }
.bg-white-trans50 { background: rgba(255, 255, 255, 0.5) !important; color: #000; }
.bg-white-trans60 { background: rgba(255, 255, 255, 0.6) !important; color: #000; }
.bg-white-trans70 { background: rgba(255, 255, 255, 0.7) !important; color: #000; }
.bg-white-trans80 { background: rgba(255, 255, 255, 0.8) !important; color: #000; }
.bg-white-trans90 { background: rgba(255, 255, 255, 0.9) !important; color: #000; }

/* Gray Colors */
.bg-gray0 { background: #ffffff!important; color: #000; }
.bg-gray1 { background: #f8f8f8!important; color: #000; }
.bg-gray2 { background: #f0f0f0!important; color: #000; }
.bg-gray3 { background: #e8e8e8!important; color: #000; }
.bg-gray4 { background: #e0e0e0!important; color: #000; }
.bg-gray5 { background: #d8d8d8!important; color: #000; }
.bg-gray6 { background: #d0d0d0!important; color: #000; }
.bg-gray7 { background: #c8c8c8!important; color: #000; }
.bg-gray8 { background: #c0c0c0!important; color: #000; }
.bg-gray9 { background: #b8b8b8!important; color: #000; }
.bg-gray10 { background: #b0b0b0!important; color: #000; }
.bg-gray20 { background: #a7aaad!important; color: #fff; }
.bg-gray30 { background: #8c8f94!important; color: #fff; }
.bg-gray40 { background: #646970!important; color: #fff; }
.bg-gray50 { background: #50575e!important; color: #fcfcfc; }
.bg-gray60 { background: #3c434a!important; color: #fff; }
.bg-gray70 { background: #2c3338!important; color: #fff; }
.bg-gray80 { background: #1d2327!important; color: #fff; }
.bg-gray90 { background: #101517!important; color: #fff; }

/* Blue Colors */
.bg-blue0 { background: #f0f6fc!important; color: #000; }
.bg-blue1 { background: #e0eef9!important; color: #000; }
.bg-blue2 { background: #d0e6f6!important; color: #000; }
.bg-blue3 { background: #c0def3!important; color: #000; }
.bg-blue4 { background: #b0d6f0!important; color: #000; }
.bg-blue5 { background: #a0ceec!important; color: #000; }
.bg-blue6 { background: #90c6e9!important; color: #000; }
.bg-blue7 { background: #80bee6!important; color: #000; }
.bg-blue8 { background: #70b6e3!important; color: #000; }
.bg-blue9 { background: #60aee0!important; color: #000; }
.bg-blue10 { background: #50a6dd!important; color: #000; }
.bg-blue20 { background: #72aee6!important; color: #000; }
.bg-blue30 { background: #4f94d4!important; color: #fff; }
.bg-blue40 { background: #3582c4!important; color: #fff; }
.bg-blue50 { background: #2271b1!important; color: #fff; }
.bg-blue60 { background: #135e96!important; color: #fff; }
.bg-blue70 { background: #0a4b78!important; color: #fff; }
.bg-blue80 { background: #043959!important; color: #fff; }
.bg-blue90 { background: #01263a!important; color: #fff; }
.bg-blue100 { background: #00131c!important; color: #fff; }

/* Red Colors */
.bg-red0 { background: #fff0f0!important; color: #000; }
.bg-red1 { background: #ffe0e0!important; color: #000; }
.bg-red2 { background: #ffd0d0!important; color: #000; }
.bg-red3 { background: #ffc0c0!important; color: #000; }
.bg-red4 { background: #ffb0b0!important; color: #000; }
.bg-red5 { background: #ffa0a0!important; color: #000; }
.bg-red6 { background: #ff9090!important; color: #000; }
.bg-red7 { background: #ff8080!important; color: #000; }
.bg-red8 { background: #ff7070!important; color: #000; }
.bg-red9 { background: #ff6060!important; color: #000; }
.bg-red10 { background: #ff5050!important; color: #000; }
.bg-red20 { background: #e64646!important; color: #000; }
.bg-red30 { background: #cc3c3c!important; color: #000; }
.bg-red40 { background: #e65054!important; color: #fff; }
.bg-red50 { background: #d36338!important; color: #fff; }
.bg-red60 { background: #b32d2e!important; color: #fff; }
.bg-red70 { background: #8a2424!important; color: #fff; }
.bg-red80 { background: #691c1c!important; color: #fff; }
.bg-red90 { background: #451313!important; color: #fff; }
.bg-red100 { background: #240a0a!important; color: #fff; }

/* Yellow Colors */
.bg-yellow0 { background: #fcf9e8!important; color: #000; }
.bg-yellow1 { background: #faf7d9!important; color: #000; }
.bg-yellow2 { background: #f8f4ca!important; color: #000; }
.bg-yellow3 { background: #f6f1bb!important; color: #000; }
.bg-yellow4 { background: #f4eeac!important; color: #000; }
.bg-yellow5 { background: #f2eb9d!important; color: #000; }
.bg-yellow6 { background: #f0e88e!important; color: #000; }
.bg-yellow7 { background: #eee57f!important; color: #000; }
.bg-yellow8 { background: #ece270!important; color: #000; }
.bg-yellow9 { background: #eadf61!important; color: #000; }
.bg-yellow10 { background: #e8dc52!important; color: #000; }
.bg-yellow20 { background: #f0c33c!important; color: #000; }
.bg-yellow30 { background: #dba617!important; color: #000; }
.bg-yellow40 { background: #bd8600!important; color: #fff; }
.bg-yellow50 { background: #996800!important; color: #fff; }
.bg-yellow60 { background: #755100!important; color: #fff; }
.bg-yellow70 { background: #614200!important; color: #fff; }
.bg-yellow80 { background: #4a3200!important; color: #fff; }
.bg-yellow90 { background: #362400!important; color: #fff; }
.bg-yellow100 { background: #211600!important; color: #fff; }

/* Green Colors */
.bg-green0 { background: #f0f7f0!important; color: #000; }
.bg-green1 { background: #e5f2e5!important; color: #000; }
.bg-green2 { background: #d9edd9!important; color: #000; }
.bg-green3 { background: #cee8ce!important; color: #000; }
.bg-green4 { background: #c2e3c2!important; color: #000; }
.bg-green5 { background: #b7deb7!important; color: #000; }
.bg-green6 { background: #abd9ab!important; color: #000; }
.bg-green7 { background: #a0d4a0!important; color: #000; }
.bg-green8 { background: #94cf94!important; color: #000; }
.bg-green9 { background: #89ca89!important; color: #000; }
.bg-green10 { background: #7dc57d!important; color: #000; }
.bg-green20 { background: #1ed14b!important; color: #000; }
.bg-green30 { background: #00ba37!important; color: #fff; }
.bg-green40 { background: #00a32a!important; color: #fff; }
.bg-green50 { background: #008a20!important; color: #fff; }
.bg-green60 { background: #007017!important; color: #fff; }
.bg-green70 { background: #005c12!important; color: #fff; }
.bg-green80 { background: #00450c!important; color: #fff; }
.bg-green90 { background: #003008!important; color: #fff; }
.bg-green100 { background: #001c05!important; color: #fff; }


.bg-white{background-color:#fff!important;; color:#000;}
.bg-blue{background-color: #2e81ec!important;; color: #fff;}
.bg-dark{background-color:#202020!important;; color:#fff;}
.bg-gray{background-color: #525252!important;; color: #fff; }
.bg-orange{background-color: #e7af14!important;; color: #fff; }
.bg-red{background-color: #f54646!important;; color: #fff; }

.bg-grayl{background-color: #f1f0f0!important; color: #111111; }
.bg-bluel{background-color: #d4e3ec!important; color: #111111; }
.bg-redl{background-color: #f8e4e4!important; color: #111111; }
.bg-yellowl{background-color: #f2f3d1!important; color: #111111; }


.bg-gray-l {background: linear-gradient( to left, white, #d5d7d9)!important;}
.bg-gray-r {background: linear-gradient( to right, white, #d5d7d9)!important;}
.bg-gray-t {background: linear-gradient( to top, white, #d5d7d9)!important;}
.bg-gray-b {background: linear-gradient( to bottom, white, #d5d7d9)!important;}

.bg-red-l {background: linear-gradient( to left, white, #fbe4e0)!important;}
.bg-red-r {background: linear-gradient( to right, white, #fbe4e0)!important;}
.bg-red-t {background: linear-gradient( to top, white, #fbe4e0)!important;}
.bg-red-b {background: linear-gradient( to bottom, white, #fdc2b7)!important;}

.bg-blue-l{background: linear-gradient( to left, white, #d8eff8 )!important;}
.bg-blue-r{background: linear-gradient( to right, white, #d8eff8 )!important;}
.bg-blue-t{background: linear-gradient( to top, white, #d8eff8 )!important;}
.bg-blue-b{background: linear-gradient( to bottom, white, #9ed8fa )!important;}

.bg-black-l {background: linear-gradient( to left,white, #eaf5f5)!important;}
.bg-black-r {background: linear-gradient( to right,white, #eaf5f5)!important;}
.bg-black-t {background: linear-gradient( to top, white, #eaf5f5)!important;}
.bg-black-b {background: linear-gradient( to bottom, white, #a4a5a5)!important;}

.bg-yellow-l {background: linear-gradient( to left, white, #f0eac1)!important;}
.bg-green-l {background: linear-gradient( to left, white, #92be92 )!important;}
.bg-orange-l {background: linear-gradient( to left, white, #eed0a8 )!important;}

.bg-yellow-r {background: linear-gradient( to right, white, #f8f1bc)!important;}
.bg-green-r {background: linear-gradient( to right, white, #92be92 )!important;}
.bg-orange-r {background: linear-gradient( to right, white, #f8ebda )!important;}

.bg-yellow-t {background: linear-gradient( to top, white, #f0eac1)!important;}
.bg-green-t {background: linear-gradient( to top, white, #92be92 )!important;}
.bg-orange-t {background: linear-gradient( to top, white, #eed0a8 )!important;}

.bg-yellow-b {background: linear-gradient( to bottom, white, #f8f1bc)!important;}
.bg-green-b {background: linear-gradient( to bottom, white, #92be92 )!important;}
.bg-orange-b {background: linear-gradient( to bottom, white, #f8ebda )!important;}

.bg-gray--r {background: linear-gradient( to right, gray,  #f1f1f1 )!important;}
.bg-blue--r {background: linear-gradient( to right, skyblue,  #c4deff )!important;}
.bg-red--r {background: linear-gradient( to right, red,  #f59679 )!important;}
.bg-orange--r {background: linear-gradient( to right, #e7af14,  #f9facb )!important;}


.bg-transparent{background-color:transparent!important;}

.opacity-01 { opacity: 0.1 !important; }
.opacity-015 { opacity: 0.15 !important; }
.opacity-02 { opacity: 0.2 !important; }
.opacity-025 { opacity: 0.25 !important; }
.opacity-03 { opacity: 0.3 !important; }
.opacity-035 { opacity: 0.35 !important; }
.opacity-04 { opacity: 0.4 !important; }
.opacity-045 { opacity: 0.45 !important; }
.opacity-05 { opacity: 0.5 !important; }
.opacity-055 { opacity: 0.55 !important; }
.opacity-06 { opacity: 0.6 !important; }
.opacity-065 { opacity: 0.65 !important; }
.opacity-07 { opacity: 0.7 !important; }
.opacity-075 { opacity: 0.75 !important; }
.opacity-08 { opacity: 0.8 !important; }
.opacity-085 { opacity: 0.85 !important; }
.opacity-09 { opacity: 0.9 !important; }
.opacity-095 { opacity: 0.95 !important; }
.opacity-1 { opacity: 1 !important; }

/* Gray Colors (�ؽ�Ʈ) */
.text-gray1 { color: #f6f7f7!important; }  /* ���� ���� ȸ�� */
.text-gray2 { color: #f0f0f1!important; }
.text-gray3 { color: #dcdcdc!important; }
.text-gray4 { color: #c3c4c7!important; }
.text-gray5 { color: #a7aaad!important; }
.text-gray6 { color: #8c8f94!important; }
.text-gray7 { color: #646970!important; }
.text-gray8 { color: #50575e!important; }
.text-gray9 { color: #3c434a!important; }
.text-gray10 { color: #2c3338!important; }  /* ��ο� ȸ�� */

/* Blue Colors (�ؽ�Ʈ) */
.text-blue1 { color: #f0f6fc!important; }  /* ���� ���� �Ķ��� */
.text-blue2 { color: #c5d9ed!important; }
.text-blue3 { color: #9ec2e6!important; }
.text-blue4 { color: #72aee6!important; }
.text-blue5 { color: #4f94d4!important; }
.text-blue6 { color: #3582c4!important; }
.text-blue7 { color: #2271b1!important; }
.text-blue8 { color: #135e96!important; }
.text-blue9 { color: #0a4b78!important; }
.text-blue10 { color: #00131c!important; }  /* �ſ� ��ο� �Ķ��� */

/* Green Colors (텍스트) */
.text-green1 { color: #f0f7f0 !important; }  /* 가장 밝은 초록 */
.text-green2 { color: #d4ebd4 !important; }
.text-green3 { color: #b8dfb8 !important; }
.text-green4 { color: #9cd39c !important; }
.text-green5 { color: #80c780 !important; }
.text-green6 { color: #64bb64 !important; }
.text-green7 { color: #48af48 !important; }
.text-green8 { color: #2c932c !important; }
.text-green9 { color: #1b771b !important; }
.text-green10 { color: #0a5b0a !important; }  /* 가장 어두운 초록 */

/* �ſ� ��ο� �Ķ��� */


/* Red Colors (�ؽ�Ʈ) */
.text-red1 { color: #fcf0f1!important; }  /* ���� ���� ������ */
.text-red2 { color: #facfd2!important; }
.text-red3 { color: #ffabab!important; }
.text-red4 { color: #f37979!important; }
.text-red5 { color: #f86368!important; }
.text-red6 { color: #e65054!important; }
.text-red7 { color: #d36338!important; }
.text-red8 { color: #b32d2e!important; }
.text-red9 { color: #8a2424!important; }
.text-red10 { color: #240a0a!important; }  /* �ſ� ��ο� ������ */

/* Yellow Colors (�ؽ�Ʈ) */
.text-yellow1 { color: #fcf9e8!important; }  /* ���� ���� ����� */
.text-yellow2 { color: #f5e6ab!important; }
.text-yellow3 { color: #f2d675!important; }
.text-yellow4 { color: #f0c33c!important; }
.text-yellow5 { color: #dba617!important; }
.text-yellow6 { color: #bd8600!important; }
.text-yellow7 { color: #996800!important; }
.text-yellow8 { color: #755100!important; }
.text-yellow9 { color: #614200!important; }
.text-yellow10 { color: #211600!important; }  /* �ſ� ��ο� ����� */
.text-gold { color: #dba617 !important;}

/* Black Colors (�ؽ�Ʈ) */
.text-black1 { color: #f6f6f6!important; }  /* ���� ����� ����� ������ */
.text-black2 { color: #d0d0d0!important; }  /* ���� ������ */
.text-black3 { color: #a8a8a8!important; }
.text-black4 { color: #808080!important; }
.text-black5 { color: #5a5a5a!important; }
.text-black6 { color: #434343!important; }
.text-black7 { color: #2d2d2d!important; }
.text-black8 { color: #1a1a1a!important; }
.text-black9 { color: #0f0f0f!important; }
.text-black10 { color: #000000!important; }  /* ������ ������ */


.text-white{color:#fff!important;}
.text-black{color:#000!important;}
.text-red{color:#f70000!important;}
.text-blue{color:#09365c!important;}
.text-green{color:#063324!important;}
.text-gray{color:#3f3d3d!important;}
.text-yellow{color:#eecc5b!important;}
.text-orange{color:#e6a312!important;}

.text-link{color:#106faf;} .text-link:hover{color:#451313; font-weight:900;}
.underline-none{text-decoration: none!important; }
.underline{text-decoration: underline!important;}
.underline-dot{text-decoration: underline dotted!important;}
.underline-wavy{text-decoration: green wavy underline!important;}


.text-center{text-align:center!important;}
.text-left{text-align:left!important;}
.text-right{text-align:right!important;}
.div-center{margin:0 auto!important;}
.float-left{float:left!important;}
.float-right{float:right!important;}

.word-short {max-width:90%; display: inline-block; overflow:hidden; text-overflow:ellipsis !important;  white-space: nowrap;}
.hash-tag {max-width:90%; display: inline-block; overflow: hidden; text-overflow: ellipsis; white-space: nowrap;}

.line-50 {height: 50px; width: 30px;  margin:0px; padding:0; }
.line-30 {height: 30px; width: 30px; margin:0px; padding:0; }
.line-25 {height: 25px; width: 50px; margin:0px; padding:0; background-color: lightgray;}
.line-20 {height: 20px; width: 50px; margin:0; padding:0; background-color: lightgray;}
.line-15 {height: 15px; width: 50px; margin:0px; padding:0; background-color: lightgray;}
.line-10 {height: 10px; width: 50px; margin:0; padding:0; background-color: lightgray;}
.line-8 {height: 8px; width: 50px; margin:0px; padding:0; background-color: lightgray;}
.line-7 {height: 7px; width: 50px; margin:0px; padding:0; background-color: lightgray;}
.line-5 {height: 5px; width: 50px; margin:0; padding:0; background-color: lightgray;}
.line-4 {height: 4px; width: 50px; margin:0px; padding:0; background-color: lightgray;}
.line-3 {height: 3px; width: 50px; margin:0px; padding:0; background-color: lightgray;}
.line-2 {height: 2px; width: 50px; margin:0px; padding:0; background-color: lightgray;}
.line-1 {height: 1px; width: 50px; margin:0px; padding:0; background-color: lightgray;}

.line-5-red {height: 5px; width: 50px; background-color: #db360d;}
.line-5-blue{height: 5px; width: 50px; background-color: #0c2cb8;}

.outline{border:1px solid #d4d4d4!important; }
.box {padding:5px 10px; border:1px solid #acabab!important; border-radius:5px; }
.box-xs {padding:3px 5px; font-size:8px; border:1px solid #acabab!important; border-radius:5px; }
.box-sm {padding:5px 10px; font-size:12px;  border:1px solid #acabab!important; border-radius:5px; }
.box-md {padding:10px 15px; font-size:14px;  border:1px solid #acabab!important; border-radius:8px; }
.box-lg {padding: 12px 20px; font-size:16px;  border:1px solid #acabab!important; border-radius:10px; }
.box-xl {padding: 15px 30px; font-size:18px;  border:1px solid #acabab!important; border-radius:10px; }

.box-o {padding: 2px; width:20px; height:20px; border:1px solid #acabab!important; border-radius:100%; }


.border-red01 { border: 1px solid rgba(245, 105, 105, 0.1) !important; }
.border-red02 { border: 1px solid rgba(245, 105, 105, 0.2) !important; }
.border-red03 { border: 1px solid rgba(245, 105, 105, 0.3) !important; }
.border-red04 { border: 1px solid rgba(245, 105, 105, 0.4) !important; }
.border-red05 { border: 1px solid rgba(245, 105, 105, 0.5) !important; }
.border-red06 { border: 1px solid rgba(245, 105, 105, 0.6) !important; }
.border-red07 { border: 1px solid rgba(245, 105, 105, 0.7) !important; }
.border-red08 { border: 1px solid rgba(245, 105, 105, 0.8) !important; }
.border-red09 { border: 1px solid rgba(245, 105, 105, 0.9) !important; }
.border-red10 { border: 1px solid rgba(245, 105, 105, 1.0) !important; }

.border-blue01 { border: 1px solid rgba(78, 106, 233, 0.1) !important; }
.border-blue02 { border: 1px solid rgba(78, 106, 233, 0.2) !important; }
.border-blue03 { border: 1px solid rgba(78, 106, 233, 0.3) !important; }
.border-blue04 { border: 1px solid rgba(78, 106, 233, 0.4) !important; }
.border-blue05 { border: 1px solid rgba(78, 106, 233, 0.5) !important; }
.border-blue06 { border: 1px solid rgba(78, 106, 233, 0.6) !important; }
.border-blue07 { border: 1px solid rgba(78, 106, 233, 0.7) !important; }
.border-blue08 { border: 1px solid rgba(78, 106, 233, 0.8) !important; }
.border-blue09 { border: 1px solid rgba(78, 106, 233, 0.9) !important; }
.border-blue10 { border: 1px solid rgba(78, 106, 233, 1.0) !important; }

.border-green01 { border: 1px solid rgba(52, 243, 179, 0.1) !important; }
.border-green02 { border: 1px solid rgba(52, 243, 179, 0.2) !important; }
.border-green03 { border: 1px solid rgba(52, 243, 179, 0.3) !important; }
.border-green04 { border: 1px solid rgba(52, 243, 179, 0.4) !important; }
.border-green05 { border: 1px solid rgba(52, 243, 179, 0.5) !important; }
.border-green06 { border: 1px solid rgba(52, 243, 179, 0.6) !important; }
.border-green07 { border: 1px solid rgba(52, 243, 179, 0.7) !important; }
.border-green08 { border: 1px solid rgba(52, 243, 179, 0.8) !important; }
.border-green09 { border: 1px solid rgba(52, 243, 179, 0.9) !important; }
.border-green10 { border: 1px solid rgba(52, 243, 179, 1.0) !important; }

.border-yellow01 { border: 1px solid rgba(241, 174, 27, 0.1) !important; }
.border-yellow02 { border: 1px solid rgba(241, 174, 27, 0.2) !important; }
.border-yellow03 { border: 1px solid rgba(241, 174, 27, 0.3) !important; }
.border-yellow04 { border: 1px solid rgba(241, 174, 27, 0.4) !important; }
.border-yellow05 { border: 1px solid rgba(241, 174, 27, 0.5) !important; }
.border-yellow06 { border: 1px solid rgba(241, 174, 27, 0.6) !important; }
.border-yellow07 { border: 1px solid rgba(241, 174, 27, 0.7) !important; }
.border-yellow08 { border: 1px solid rgba(241, 174, 27, 0.8) !important; }
.border-yellow09 { border: 1px solid rgba(241, 174, 27, 0.9) !important; }
.border-yellow10 { border: 1px solid rgba(241, 174, 27, 1.0) !important; }

.border-gray01 { border: 1px solid rgba(117, 117, 117, 0.1) !important; }
.border-gray02 { border: 1px solid rgba(117, 117, 117, 0.2) !important; }
.border-gray03 { border: 1px solid rgba(117, 117, 117, 0.3) !important; }
.border-gray04 { border: 1px solid rgba(117, 117, 117, 0.4) !important; }
.border-gray05 { border: 1px solid rgba(117, 117, 117, 0.5) !important; }
.border-gray06 { border: 1px solid rgba(117, 117, 117, 0.6) !important; }
.border-gray07 { border: 1px solid rgba(117, 117, 117, 0.7) !important; }
.border-gray08 { border: 1px solid rgba(117, 117, 117, 0.8) !important; }
.border-gray09 { border: 1px solid rgba(117, 117, 117, 0.9) !important; }
.border-gray10 { border: 1px solid rgba(117, 117, 117, 1.0) !important; }


.border-red10 { border: 1px solid #f56969 !important; } 
.border-blue10 { border: 1px solid #4e6ae9 !important; }
.border-green10 { border: 1px solid #34f3b3 !important; }   
.border-yellow10 { border: 1px solid #f1ae1b !important; }
.border-gray10 { border: 1px solid rgba(109, 109, 109, 0.5) !important; }
/* 기본 테두리 */
.border-0{border: 0px solid #d1d3d3 !important;}
.border-1{border:1px solid #d1d3d3!important; }
.border-2{border:2px solid #d1d3d3!important; }
.border-3{border:3px solid #d1d3d3!important; }

/* 하단 테두리 */
.border-b0 {border-bottom: 0px solid rgb(209, 211, 211) !important;}
.border-b1{border-bottom:1px solid rgb(157, 158, 158)!important; }
.border-b2{border-bottom:2px solid rgb(189, 192, 192)!important; }
.border-b3{border-bottom:3px solid rgb(189, 192, 192)!important; }

/* 상단 테두리 */
.border-t0{border-top:0px solid rgb(189, 192, 192)!important; }
.border-t1{border-top:1px solid rgb(189, 192, 192)!important; }
.border-t2{border-top:2px solid rgb(189, 192, 192)!important; }
.border-t3{border-top:3px solid rgb(189, 192, 192)!important; }

/* 좌측 테두리 */
.border-l0{border-left:0px solid rgb(189, 192, 192)!important; }
.border-l1{border-left:1px solid rgb(189, 192, 192)!important; }
.border-l2{border-left:2px solid rgb(189, 192, 192)!important; }
.border-l3{border-left:3px solid rgb(189, 192, 192)!important; }

/* 우측 테두리 */
.border-r0{border-right:0px solid rgb(189, 192, 192)!important; }
.border-r1{border-right:1px solid rgb(189, 192, 192)!important; }
.border-r2{border-right:2px solid rgb(189, 192, 192)!important; }
.border-r3{border-right:3px solid rgb(189, 192, 192)!important; }

/* 빨간색 테두리 */
.border-red-b1{border-bottom:1px solid #f56969!important; }
.border-red-t1{border-top:1px solid #f56969!important; }
.border-red-l1{border-left:1px solid #f56969!important; }
.border-red-r1{border-right:1px solid #f56969!important; }

/* 파란색 테두리 */
.border-blue-b1{border-bottom:1px solid #4e6ae9!important; }
.border-blue-t1{border-top:1px solid #4e6ae9!important; }
.border-blue-l1{border-left:1px solid #4e6ae9!important; }
.border-blue-r1{border-right:1px solid #4e6ae9!important; }

/* 녹색 테두리 */
.border-green-b1{border-bottom:1px solid #34f3b3!important; }
.border-green-t1{border-top:1px solid #34f3b3!important; }
.border-green-l1{border-left:1px solid #34f3b3!important; } 
.border-green-r1{border-right:1px solid #34f3b3!important; }

/* 노란색 테두리 */
.border-yellow-b1{border-bottom:1px solid #f1ae1b!important; }
.border-yellow-t1{border-top:1px solid #f1ae1b!important; }
.border-yellow-l1{border-left:1px solid #f1ae1b!important; }
.border-yellow-r1{border-right:1px solid #f1ae1b!important; }

/* 회색 테두리 */
.border-gray-b1{border-bottom:1px solid rgba(117, 117, 117, 1.0)!important; }
.border-gray-t1{border-top:1px solid rgba(117, 117, 117, 1.0)!important; }
.border-gray-l1{border-left:1px solid rgba(117, 117, 117, 1.0)!important; }
.border-gray-r1{border-right:1px solid rgba(117, 117, 117, 1.0)!important; }

/* 검은색 테두리 */
.border-black-b1{border-bottom:1px solid #333333 !important; }
.border-black-t1{border-top:1px solid #333333!important; }
.border-black-l1{border-left:1px solid #333333!important; }
.border-black-r1{border-right:1px solid #333333!important; }

.radius-0{border-radius: 0px!important;}
.radius-5{border-radius: 5px!important;}
.radius-10{border-radius: 10px!important;}
.radius-20{border-radius: 20px!important;}
.radius50{border-radius: 50px!important;}
.radius100{border-radius: 100px!important;}
.radius-50{border-radius: 50%!important;}
.radius-60{border-radius: 60%!important;}
.radius-100{border-radius: 100%!important;}
.radius-t10 {border-top-left-radius: 10px !important; border-top-right-radius: 10px !important;}
.radius-b10 {border-bottom-left-radius: 10px !important; border-bottom-right-radius: 10px !important;}

.d-flex {display: flex!important;}
.flex-x-center {display: flex!important; justify-content: center!important; }
.flex-x-end {display: flex!important; justify-content: flex-end!important; }
.flex-x-start {display: flex!important; justify-content: flex-start!important; }
.flex-x-between {display: flex!important; justify-content: space-between!important; }
.flex-center {display: flex; align-items: center!important; justify-content: center!important; }
.flex-y-start {display: flex; align-items: flex-start!important; }
.flex-y-end {display: flex; align-items: flex-end!important; }
.flex-y-center {display: flex; align-items: center!important; }

.absolute {position: absolute; z-index: 1;}
.relative {position: relative; z-index: 1;}
.z-1000 {z-index: 1000;}
.pos-top {position: relative; z-index: 1000;}

.mp-0{margin: 0 !important; padding:0!important;}
.mpy-0{margin-top: 0 !important; margin-bottom:0!important; padding-top:0!important; padding-bottom:0!important;}
.mpx-0{margin-left: 0 !important; margin-right:0!important; padding-left:0!important; padding-right:0!important;}

.mx-0{margin-left: 0px !important; margin-right:0px!important; }
.mx-5{margin-left: 5px !important; margin-right:5px!important; }
.mx-10{margin-left: 10px !important; margin-right:10px!important; }
.mx-12{margin-left: 12px !important; margin-right:12px!important; }
.mx-15 {margin-left: 15px !important; margin-right:15px!important; }
.mx-20{margin-left: 20px !important; margin-right:20px!important; }
.mx-25{margin-left: 25px !important; margin-right:25px!important; }
.mx-30{margin-left: 30px !important; margin-right:30px!important; }
.mx-35{margin-left: 35px !important; margin-right:35px!important; }
.mx-40{margin-left: 40px !important; margin-right:40px!important; }
.mx-50{margin-left: 50px !important; margin-right:50px!important; }
.mx-60{margin-left: 60px !important; margin-right:60px!important; }
.mx-70{margin-left: 70px !important; margin-right:70px!important; }
.mx-80{margin-left: 80px !important; margin-right:80px!important; }
.mx-90{margin-left: 90px !important; margin-right:90px!important; }

.my-0{margin-top: 0px !important; margin-bottom:0px!important; }
.my-5{margin-top: 5px !important; margin-bottom:5px!important; }
.my-10{margin-top: 10px !important; margin-bottom:10px!important; }
.my-12{margin-top: 12px !important; margin-bottom:12px!important; }
.my-15{margin-top: 15px !important; margin-bottom:15px!important; }
.my-20{margin-top: 20px !important; margin-bottom:20px!important; }
.my-25{margin-top: 25px !important; margin-bottom:25px!important; }
.my-30{margin-top: 30px !important; margin-bottom:30px!important; }
.my-35{margin-top: 35px !important; margin-bottom:35px!important; }
.my-40{margin-top: 40px !important; margin-bottom:40px!important; }
.my-50{margin-top: 50px !important; margin-bottom:50px!important; }
.my-60{margin-top: 60px !important; margin-bottom:60px!important; }


.px-5{padding-left:5px!important; padding-right:5px!important;}
.px-10{padding-left:10px!important; padding-right:10px!important;}
.px-12{padding-left:12px!important; padding-right:12px!important;}
.px-15{padding-left:15px!important; padding-right:15px!important;}
.px-20{padding-left:20px!important; padding-right:20px!important;}
.px-25{padding-left:25px!important; padding-right:25px!important;}
.px-30{padding-left:30px!important; padding-right:30px!important;}
.px-35{padding-left:35px!important; padding-right:35px!important;}
.px-40{padding-left:40px!important; padding-right:40px!important;}
.px-50{padding-left:50px!important; padding-right:50px!important;}


.py-5{ padding-top:5px!important; padding-bottom:5px!important;}
.py-10{ padding-top:10px!important; padding-bottom:10px!important;}
.py-12{ padding-top:12px!important; padding-bottom:12px!important;}
.py-15{ padding-top:15px!important; padding-bottom:15px!important;}
.py-20{ padding-top:20px!important; padding-bottom:20px!important;}
.py-10{ padding-top:25px!important; padding-bottom:25px!important;}
.py-30{ padding-top:30px!important; padding-bottom:30px!important;}
.py-10{ padding-top:35px!important; padding-bottom:35px!important;}



.m0{margin: 0 !important; }
.m5{margin: 5px !important; }
.m10{margin: 10px !important; }
.m15{margin: 15px !important; }
.m20{margin: 20px !important; }
.m25{margin: 20px !important; }
.m30{margin: 30px !important; }

.mt0 {margin-top: 0!important;}
.mt5 {margin-top: 5px!important;}
.mt10 {margin-top: 10px!important;}
.mt15 {margin-top: 15px!important;}
.mt20 {margin-top: 20px!important;}
.mt30 {margin-top: 30px!important;}
.mt40 {margin-top: 40px!important;}
.mt50 {margin-top: 50px!important;}
.mt60 {margin-top: 60px!important;}
.mt70 {margin-top: 70px!important;}
.mt80 {margin-top: 80px!important;}
.mt90 {margin-top: 90px!important;}
.mt100 {margin-top: 100px!important;}
.mt150 {margin-top: 150px!important;}
.mt200 {margin-top: 200px!important;}
.mt300 {margin-top: 300px!important;}
.mt400 {margin-top: 400px!important;}
.mt500 {margin-top: 500px!important;}

.mt0- {margin-top: 0px !important;}
.mt1- {margin-top: -1px !important;}
.mt2- {margin-top: -2px !important;}
.mt3- {margin-top: -3px !important;}
.mt4- {margin-top: -4px !important;}
.mt5- {margin-top: -5px !important;}
.mt6- {margin-top: -6px !important;}
.mt7- {margin-top: -7px !important;}
.mt8- {margin-top: -8px !important;}
.mt9- {margin-top: -9px !important;}
.mt10- {margin-top: -10px!important;}
.mt15- {margin-top: -15px!important;}
.mt20- {margin-top: -20px!important;}
.mt25- {margin-top: -25px!important;}
.mt30- {margin-top: -30px!important;}
.mt35- {margin-top: -35px!important;}
.mt40- {margin-top: -40px!important;}
.mt45- {margin-top: -45px!important;}
.mt50- {margin-top: -50px!important;}
.mt55- {margin-top: -55px!important;}
.mt60- {margin-top: -60px!important;}
.mt65- {margin-top: -65px!important;}
.mt70- {margin-top: -70px!important;}
.mt75- {margin-top: -75px!important;}
.mt80- {margin-top: -80px!important;}
.mt85- {margin-top: -85px!important;}
.mt90- {margin-top: -90px!important;}
.mt100- {margin-top: -100px!important;}


.mb0 {margin-bottom: 0!important;}
.mb5 {margin-bottom: 5px!important;}
.mb10 {margin-bottom: 10px!important;}
.mb15 {margin-bottom: 15px!important;}
.mb20 {margin-bottom: 20px!important;}
.mb30 {margin-bottom: 30px!important;}
.mb40 {margin-bottom: 40px!important;}
.mb50 {margin-bottom: 50px!important;}
.mb60 {margin-bottom: 60px!important;}
.mb70 {margin-bottom: 70px!important;}
.mb80 {margin-bottom: 80px!important;}
.mb90 {margin-bottom: 90px!important;}
.mb100 {margin-bottom: 100px!important;}
.mb150 {margin-bottom: 150px!important;}
.mb200 {margin-bottom: 200px!important;}
.mb300 {margin-bottom: 300px!important;}
.mb400 {margin-bottom: 400px!important;}
.mb500 {margin-bottom: 500px!important;}

.ml0 {margin-left: 0!important;}
.ml5 {margin-left: 5px!important;}
.ml10 {margin-left: 10px!important;}
.ml15 {margin-left: 15px!important;}
.ml20 {margin-left: 20px!important;}
.ml30 {margin-left: 30px!important;}
.ml40 {margin-left: 40px!important;}
.ml50 {margin-left: 50px!important;}
.ml60 {margin-left: 60px!important;}
.ml70 {margin-left: 70px!important;}
.ml80 {margin-left: 80px!important;}
.ml90 {margin-left: 90px!important;}
.ml100 {margin-left: 100px!important;}
.ml150 {margin-left: 150px!important;}
.ml200 {margin-left: 200px!important;}
.ml300 {margin-left: 300px!important;}
.ml400 {margin-left: 400px!important;}
.ml500 {margin-left: 500px!important;}

.mr0 {margin-right: 0!important;}
.mr5 {margin-right: 5px!important;}
.mr10 {margin-right: 10px!important;}
.mr15 {margin-right: 15px!important;}
.mr20 {margin-right: 20px!important;}
.mr30 {margin-right: 30px!important;}
.mr40 {margin-right: 40px!important;}
.mr50 {margin-right: 50px!important;}
.mr60 {margin-right: 60px!important;}
.mr70 {margin-right: 70x!important;}
.mr80 {margin-right: 80px!important;}
.mr90 {margin-right: 90px!important;}
.mr100 {margin-right: 100px!important;}
.mr150 {margin-right: 150px!important;}
.mr200 {margin-right: 200px!important;}
.mr300 {margin-right: 300px!important;}
.mr400 {margin-right: 400px!important;}
.mr500 {margin-right: 500px!important;}

.p0{padding: 0 !important; }
.p5{padding: 5px !important; }
.p10{padding: 10px !important; }
.p15{padding: 15px !important; }
.p20{padding: 20px !important; }
.p30{padding: 30px !important; }

.pt0 {padding-top: 0!important;}
.pt5 {padding-top: 5px!important;}
.pt10 {padding-top: 10px!important;}
.pt15 {padding-top: 15px!important;}
.pt20 {padding-top: 20px!important;}
.pt30 {padding-top: 30px!important;}
.pt40 {padding-top: 40px!important;}
.pt50 {padding-top: 50px!important;}
.pt60 {padding-top: 60px!important;}
.pt70 {padding-top: 70px!important;}
.pt80 {padding-top: 80px!important;}
.pt90 {padding-top: 90px!important;}
.pt100 {padding-top: 100px!important;}
.pt150 {padding-top: 150px!important;}
.pt200 {padding-top: 200px!important;}
.pt300 {padding-top: 300px!important;}
.pt400 {padding-top: 400px!important;}
.pt500 {padding-top: 500px!important;}

.pb0 {padding-bottom: 0!important;}
.pb5 {padding-bottom: 5px!important;}
.pb10 {padding-bottom: 10px!important;}
.pb15 {padding-bottom: 15px!important;}
.pb20 {padding-bottom: 20px!important;}
.pb30 {padding-bottom: 30px!important;}
.pb40 {padding-bottom: 40px!important;}
.pb50 {padding-bottom: 10px!important;}
.pb60 {padding-bottom: 15px!important;}
.pb70 {padding-bottom: 20px!important;}
.pb80 {padding-bottom: 30px!important;}
.pb90 {padding-bottom: 40px!important;}
.pb100 {padding-bottom: 100px!important;}
.pb150 {padding-bottom: 150px!important;}
.pb200 {padding-bottom: 200px!important;}
.pb300 {padding-bottom: 300px!important;}
.pb400 {padding-bottom: 400px!important;}
.pb500 {padding-bottom: 500px!important;}

.pl0 {padding-left: 0!important;}
.pl5 {padding-left: 5px!important;}
.pl10 {padding-left: 10px!important;}
.pl15 {padding-left: 15px!important;}
.pl20 {padding-left: 20px!important;}
.pl30 {padding-left: 30px!important;}
.pl40 {padding-left: 40px!important;}
.pl50 {padding-left: 50px!important;}
.pl60 {padding-left: 60px!important;}
.pl70 {padding-left: 70px!important;}
.pl80 {padding-left: 80px!important;}
.pl90 {padding-left: 90px!important;}
.pl100 {padding-left: 100px!important;}
.pl150 {padding-left: 150px!important;}
.pl200 {padding-left: 200px!important;}
.pl300 {padding-left: 300px!important;}
.pl400 {padding-left: 400px!important;}
.pl500 {padding-left: 500px!important;}

.pr0 {padding-right: 0!important;}
.pr5 {padding-right: 5px!important;}
.pr10 {padding-right: 10px!important;}
.pr15 {padding-right: 15px!important;}
.pr20 {padding-right: 20px!important;}
.pr30 {padding-right: 30px!important;}
.pr40 {padding-right: 40px!important;}
.pr50 {padding-right: 50px!important;}
.pr60 {padding-right: 60px!important;}
.pr70 {padding-right: 70px!important;}
.pr80 {padding-right: 80px!important;}
.pr90 {padding-right: 90px!important;}
.pr100 {padding-right: 100px!important;}
.pr150 {padding-right: 150px!important;}
.pr200 {padding-right: 200px!important;}
.pr300 {padding-right: 300px!important;}
.pr400 {padding-right: 400px!important;}
.pr500 {padding-right: 500px!important;}



.spacing-1 {letter-spacing: -1px!important;}
.spacing-2 {letter-spacing: -2px!important;}
.spacing-3 {letter-spacing: -3px!important;}

.lh-07 {line-height:0.7!important;}
.lh-08 {line-height:0.8!important;}
.lh-09 {line-height:0.9!important;}
.lh-10 {line-height:1!important;}
.lh-11 {line-height:1.1!important;}
.lh-12 {line-height:1.2!important;}
.lh-13 {line-height:1.3!important;}
.lh-14 {line-height:1.4!important;}
.lh-15 {line-height:1.5!important;}
.lh-16 {line-height:1.6!important;}
.lh-17 {line-height:1.7!important;}
.lh-18 {line-height:1.8!important;}
.lh-20 {line-height:2!important;}
.lh-25 {line-height:2.5!important;}
.lh-30 {line-height:3!important;}
.lh-35 {line-height:3.5!important;}



.btn7 {padding: 2px 5px !important; border-radius: 50px !important; margin: 1px 0px !important; font-size:7px!important; }      
.btn8 {padding: 2px 7px !important; border-radius: 50px !important; margin: 1px 0px !important; font-size:8px!important; }    
.btn9 {padding: 2px 8px !important; border-radius: 50px !important; margin: 1px 0px !important; font-size:9px!important; }    
.btn10 {padding: 3px 10px !important; border-radius: 50px !important; margin: 1px 0px !important; font-size:10px!important; }    
.btn11 {padding: 3px 12px !important; border-radius: 50px !important; margin: 1px 0px !important; font-size:11px!important; }    
.btn12 {padding: 3px 15px !important; border-radius: 50px !important; margin: 1px 0px !important; font-size:12px!important; }
.btn13 {padding: 3px 15px !important; border-radius: 50px !important; margin: 1px 0px !important; font-size:12px!important; }
.btn14 {padding: 3px 18px !important; border-radius: 50px !important; margin: 1px 0px !important; font-size:14px!important; }
.btn15 {padding: 3px 18px !important; border-radius: 50px !important; margin: 1px 0px !important; font-size:15px!important; }    
.btn16 {padding: 3px 18px !important; border-radius: 50px !important; margin: 1px 0px !important; font-size:16px!important; }
.btn18 {padding: 5px 20px !important; border-radius: 50px !important; margin: 1px 0px !important; font-size:18px!important; }
.btn20 {padding: 5px 20px !important; border-radius: 50px !important; margin: 1px 0px !important; font-size:20px!important; }

.btn-xs {padding: 2px 3px !important; border-radius: 2px !important; margin: 1px 0px !important; font-size:8px!important; }
.btn-8 {padding: 2px 3px !important; border-radius: 2px !important; margin: 1px 0px !important; font-size:8px!important; }    
.btn-9 {padding: 2px 3px !important; border-radius: 2px !important; margin: 1px 0px !important; font-size:9px!important; }    
.btn-10 {padding: 3px 5px !important; border-radius: 3px !important; margin: 1px 0px !important; font-size:10px!important; }    
.btn-11 {padding: 3px 5px !important; border-radius: 5px !important; margin: 1px 0px !important; font-size:11px!important; }    
.btn-12 {padding: 3px 7px !important; border-radius: 5px !important; margin: 1px 0px !important; font-size:12px!important; }
.btn-13 {padding: 3px 7px !important; border-radius: 5px !important; margin: 1px 0px !important; font-size:12px!important; }
.btn-14 {padding: 3px 10px !important; border-radius: 5px !important; margin: 1px 0px !important; font-size:14px!important; }
.btn-15 {padding: 3px 10px !important; border-radius: 5px !important; margin: 1px 0px !important; font-size:15px!important; }    
.btn-16 {padding: 4px 13px !important; border-radius: 5px !important; margin: 1px 0px !important; font-size:16px!important; }
.btn-18 {padding: 5px 14px !important; border-radius: 5px !important; margin: 1px 0px !important; font-size:18px!important; }
.btn-20 {padding: 5px 15px !important; border-radius: 5px !important; margin: 1px 0px !important; font-size:20px!important; }

.btn-gold {background: linear-gradient(45deg, #d4af37, #f2d06b); color: #000; border: none; font-size: 0.75rem; padding: 5px 12px; border-radius: 5px; font-weight: 500; transition: all 0.3s ease;}
.btn-gold:hover {transform: translateY(-2px); box-shadow: 0 4px 8px rgba(212, 175, 55, 0.3);}
.btn-outline-gold {background: transparent; color: #d4af37; border: 0.5px solid #d4af37; font-size: 0.75rem; padding: 5px 12px; border-radius: 5px; font-weight: 400; transition: all 0.3s ease;}
.btn-outline-gold:hover {background: rgba(212, 175, 55, 0.1); transform: translateY(-2px);}

.btn-dark {background: linear-gradient(45deg, #000000, #2a2a2a); color: #fff; border: none; font-size: 0.75rem; padding: 5px 12px; border-radius: 5px; font-weight: 500; transition: all 0.3s ease;}
.btn-dark:hover {transform: translateY(-2px); box-shadow: 0 4px 8px rgba(0, 0, 0, 0.3);}

.btn-gray {background: linear-gradient(45deg, #686666, #8d8c8c); color: #fff; border: none; font-size: 0.75rem; padding: 5px 12px; border-radius: 5px; font-weight: 500; transition: all 0.3s ease;}
.btn-gray:hover {transform: translateY(-2px); box-shadow: 0 4px 8px rgba(104, 102, 102, 0.3);}

.btn-blue {background: linear-gradient(45deg, #3988f0, #92c0fc); color: #fff; border: none; font-size: 0.75rem; padding: 5px 12px; border-radius: 5px; font-weight: 500; transition: all 0.3s ease;}
.btn-blue:hover {transform: translateY(-2px); box-shadow: 0 4px 8px rgba(57, 136, 240, 0.3);}

.btn-light {background: linear-gradient(45deg, #ffffff, #f5f5f5); color: #464444; border: none; font-size: 0.75rem; padding: 5px 12px; border-radius: 5px; font-weight: 500; transition: all 0.3s ease;}
.btn-light:hover {transform: translateY(-2px); box-shadow: 0 4px 8px rgba(255, 255, 255, 0.3);}

.btn-outline-dark {background: transparent; color: #000; border: 1px solid #000; font-size: 0.75rem; padding: 5px 12px; border-radius: 5px; font-weight: 400; transition: all 0.3s ease;}
.btn-outline-dark:hover {background: rgba(0, 0, 0, 0.1); transform: translateY(-2px);}

.btn-outline-gray {background: transparent; color: #686666; border: 1px solid #686666; font-size: 0.75rem; padding: 5px 12px; border-radius: 5px; font-weight: 400; transition: all 0.3s ease;}
.btn-outline-gray:hover {background: rgba(104, 102, 102, 0.1); transform: translateY(-2px);}

.btn-outline-blue {background: transparent; color: #3988f0; border: 1px solid #3988f0; font-size: 0.75rem; padding: 5px 12px; border-radius: 5px; font-weight: 400; transition: all 0.3s ease;}
.btn-outline-blue:hover {background: rgba(57, 136, 240, 0.1); transform: translateY(-2px);}

.btn-outline-light {background: transparent; color: #464444; border: 1px solid #8b8a8a; font-size: 0.75rem; padding: 5px 12px; border-radius: 5px; font-weight: 400; transition: all 0.3s ease;}
.btn-outline-light:hover {background: rgba(255, 255, 255, 0.1); transform: translateY(-2px);}

.button-group {display: flex; justify-content: end; margin-top: 0px; padding-top: 0px;}
.btn-outline-orange {background-color: transparent; border: 1px solid rgb(131, 108, 31)!important; color: #d4af37; font-size: 0.8em; padding: 5px 10px; border-radius: 3px; cursor: pointer; transition: all 0.3s ease; margin: 2px;} 
.btn-outline-orange:hover {background-color: #d4af37; color: #000000;}


.rect-black {background:#080808; color:white; font-size:15px; font-weight: 700; border-radius: 5px; padding:8px 15px;} 
.rect-dark {background:#3d3737; color:white; font-size:15px; font-weight: 700; border-radius: 5px; padding:8px 15px;} 
.rect-red {background:#c46060; color:white; font-size:15px; font-weight: 700; border-radius: 5px; padding:8px 15px;} 
.rect-blue {background:#015eaa; color:white; font-size:15px; font-weight: 700; border-radius: 5px; padding:8px 15px;} 

.rect-gray {background:#808080; color:white; font-size:15px; font-weight: 700; border-radius: 5px; padding:8px 15px;} 
.rect-light {background:#dddcdc; color:#2c2c2c; font-size:15px; font-weight: 700; border-radius: 5px; padding:8px 15px;} 


.title-13 {font-size:13px!important; font-weight:800; letter-spacing: 0; line-height:1.4;}    
.title-14 {font-size:14px!important; font-weight:800; letter-spacing: 0; line-height:1.4;}    
.title-15 {font-size:15px!important; font-weight:800; letter-spacing: 0; line-height:1.4;}    
.title-16 {font-size:16px!important; font-weight:800; letter-spacing: 0; line-height:1.4;}        
.title-18 {font-size:18px!important; font-weight:900; letter-spacing: 0; line-height:1.4;}        
.title-20 {font-size:20px!important; font-weight:900; letter-spacing: 0; line-height:1.4;}        
.title-25 {font-size:25px!important; font-weight:900; letter-spacing: 0; line-height:1.4;}        
.title-30 {font-size:30px!important; font-weight:900; letter-spacing: 0; line-height:1.4;}        
.title-35 {font-size:35px!important; font-weight:900; letter-spacing: 0; line-height:1.4;}        
.title-40 {font-size:40px!important; font-weight:900; letter-spacing: 0; line-height:1.4;}        
.title-50 {font-size:50px!important; font-weight:900; letter-spacing: 0; line-height:1.4;} 

@media(max-width:780px){
.title-13 {font-size:12px!important; font-weight:800; letter-spacing: 0; line-height:1.4;}    
.title-14 {font-size:13px!important; font-weight:800; letter-spacing: 0; line-height:1.4;}    
.title-15 {font-size:14px!important; font-weight:800; letter-spacing: 0; line-height:1.4;}    
.title-16 {font-size:15px!important; font-weight:800; letter-spacing: 0; line-height:1.4;}        
.title-18 {font-size:16px!important; font-weight:900; letter-spacing: 0; line-height:1.4;}        
.title-20 {font-size:18px!important; font-weight:900; letter-spacing: 0; line-height:1.4;}        
.title-25 {font-size:20px!important; font-weight:900; letter-spacing: 0; line-height:1.4;}        
.title-30 {font-size:22px!important; font-weight:900; letter-spacing: 0; line-height:1.4;}        
.title-35 {font-size:25px!important; font-weight:900; letter-spacing: 0; line-height:1.4;}        
.title-40 {font-size:25px!important; font-weight:900; letter-spacing: 0; line-height:1.4;}        
.title-50 {font-size:30px!important; font-weight:900; letter-spacing: 0; line-height:1.4;} 
}

.h1_tl{padding:0px 10px; border-left:8px solid #06217a; font-size:25px;  margin:10px 10px 5px 0px; font-weight:900; line-height:1.4em; color:#000; }
.h2_tl{padding:0px 10px; border-left:8px solid #06217a; font-size:22px;  margin:10px 10px 5px 0px; font-weight:900; line-height:1.4em; color:#000; }
.h3_tl{padding:0px 10px; border-left:8px solid #0d5eaa; font-size:20px;  margin:10px 10px 5px 0px; font-weight:900; line-height:1.2em; color:#333; }
.h4_tl{padding:0px 10px; border-left:8px solid #034769; font-size:18px; margin:10px 10px 5px 0px;  font-weight:900; line-height:1.4em; color:#333; }
.h5_tl{padding:0px 10px; border-left:8px solid #2b2d2e; font-size:17px; margin:10px 10px 5px 0px;  font-weight:900; line-height:1.4em; color:#333; }
.h6_tl{padding:0px 10px; border-left:8px solid #2b2d2e; font-size:16px; margin:10px 10px 5px 0px;  font-weight:900; line-height:1.4em; color:#333; }
.h7_tl{padding:0px 10px; border-left:8px solid #053969; font-size:15px; margin:10px 10px 5px 0px;  font-weight:900; line-height:1.4em; color:#333; }

.h1_t{padding:0px 0px; font-size:25px; margin-bottom:10px; line-height:1.4em; font-weight:900; color:#242222; }
.h2_t{padding:0px 0px; font-size:22px; margin-bottom:10px; line-height:1.4em; font-weight:900; color:#242222; }
.h3_t{padding:0px 0px; font-size:20px; margin-bottom:10px; line-height:1.4em; font-weight:900; color:#333; }
.h4_t{padding:0px 0px; font-size:18px; margin-bottom:10px; line-height:1.4em; font-weight:900; color:#333; }                     
.h5_t{padding:0px 0px; font-size:17px; margin-bottom:10px; line-height:1.4em; font-weight:900; color:#333; }
.h6_t{padding:0px 0px; font-size:16px; margin-bottom:10px; line-height:1.4em; font-weight:900; color:#333; }
.h7_t{padding:0px 0px; font-size:15px; margin-bottom:10px; line-height:1.4em; font-weight:900; color:#333; }

.cont_title_info{font-size:18px; line-height:1.5em; color:#666; overflow:hidden; padding:15px; border:2px solid #ddd; clear:both; margin-bottom:15px; }


@media all and (max-width:768px)
{
    .h1_tl {font-size:22px; padding:5px 15px; border-left:5px solid #2e64fa; }
	.h2_tl {font-size:18px; padding:5px 15px; border-left:5px solid #2e64fa; }
	.h3_tl {font-size:16px; padding:5px 15px; border-left:5px solid #2e64fa; }
    .h4_tl {font-size:14px; padding:5px 15px; border-left:5px solid #2e64fa; }
	.h5_tl,.h6_tl,.h7_tl {font-size:13px; padding:5px 12px; border-left:5px solid #2e64fa; }
	.cont_title_info{font-size:13px; line-height:1.4em; }
	.hash-tag {max-width: 200px; display: inline-block;overflow: hidden; text-overflow: ellipsis; white-space: nowrap;	}	.hd_sch_wr{width:100%!important;}

    
    .sm-w-10 {width:10%!important; height:auto;}
    .sm-w-20 {width:20%!important; height:auto;}
    .sm-w-30 {width:30%!important; height:auto;}
    .sm-w-40 {width:40%!important; height:auto;}
    .sm-w-45 {width:45%!important; height:auto;}

    .sm-w-50 {width:50%!important; height:auto;}
    .sm-w-55 {width:55%!important; height:auto;}
    .sm-w-60 {width:60%!important; height:auto;}
    .sm-w-65 {width:65%!important; height:auto;}
    .sm-w-70 {width:70%!important; height:auto;}
    .sm-w-75 {width:75%!important; height:auto;}
    .sm-w-80 {width:80%!important; height:auto;}
    .sm-w-85 {width:85%!important; height:auto;}
    .sm-w-90 {width:90%!important; height:auto;}
    .sm-w-95 {width:95%!important; height:auto;}
    .sm-w-100 {width:100%!important; height:auto;}

    .sm-w30 {width:30px!important; height:auto;}
    .sm-w40 {width:40px!important; height:auto;}
    .sm-w50 {width:50px!important; height:auto;}
    .sm-w60 {width:60px!important; height:auto;}
    .sm-w80 {width:80px!important; height:auto;}
    .sm-w100 {width:100px!important; height:auto;}
    .sm-w150 {width:150px!important; height:auto;}
    .sm-w200 {width:200px!important; height:auto;}
    .sm-w250 {width:250px!important; height:auto;}

    .sm-w300 {width:300px!important; height:auto;}
    .sm-w350 {width:350px!important; height:auto;}
    .sm-w400 {width:400px!important; height:auto;}
    .sm-w450 {width:450px!important; height:auto;}
    .sm-w500 {width:500px!important; height:auto;}
    .sm-w600 {width:600px!important; height:auto;}

	.sm-fs10 {font-size:10%!important; }
	.sm-fs15 {font-size:15%!important; }
    .sm-fs20 {font-size:20%!important; }
   	.sm-fs25 {font-size:25%!important; }
	.sm-fs30 {font-size:30%!important;}
	.sm-fs35 {font-size:35%!important; }
    .sm-fs40 {font-size:40%!important;}
	.sm-fs45 {font-size:45%!important; }

    .sm-fs50 {font-size:50%!important;}
	.sm-fs55 {font-size:55%!important; }
    .sm-fs60 {font-size:60%!important;}
	.sm-fs65 {font-size:65%!important; }
    .sm-fs70 {font-size:70%!important;}
	.sm-fs75 {font-size:75%!important; }
    .sm-fs80 {font-size:80%!important;}
	.sm-fs85 {font-size:85%!important; }
    .sm-fs86 {font-size:86%!important; }
    .sm-fs87 {font-size:87%!important; }
    .sm-fs88 {font-size:88%!important; }
    .sm-fs89 {font-size:89%!important; }
    .sm-fs90 {font-size:90%!important;}
    .sm-fs91 {font-size:91%!important;}
    .sm-fs92 {font-size:92%!important;}
    .sm-fs93 {font-size:93%!important;}
    .sm-fs94 {font-size:93%!important;}
	.sm-fs95 {font-size:95%!important; }
    .sm-fs96 {font-size:96%!important; }
    .sm-fs97 {font-size:97%!important; }
    .sm-fs98 {font-size:98%!important; }
    .sm-fs99 {font-size:99%!important; }
    .sm-fs100 {font-size:100%!important;}
    .sm-fs105 {font-size:105%!important;}
    .sm-fs110 {font-size:110%!important;}


    .sm-fs-7{ font-size: 7px!important;}
    .sm-fs-8 { font-size: 8px!important;}
    .sm-fs-9 { font-size: 9px!important;}
    .sm-fs-10 { font-size: 10px!important;}
    .sm-fs-12 { font-size: 12px!important;}
    .sm-fs-14 { font-size: 14px!important;}
    .sm-fs-15 { font-size: 15px!important;}
    .sm-fs-16 { font-size: 16px!important;}
    .sm-fs-18 { font-size: 18px!important;}
    .sm-fs-20 { font-size: 20px!important;}
    .sm-fs-22 { font-size: 22px!important;}
    .sm-fs-24 { font-size: 24px!important;}
    .sm-fs-25 { font-size: 25px!important;}
    .sm-fs-26 { font-size: 26px!important;}
    .sm-fs-28 { font-size: 28px!important;}
    .sm-fs-30 { font-size: 30px!important;}
    .sm-fs-35 { font-size: 35px!important;}
    .sm-fs-40 { font-size: 40px!important;}
    .sm-fs-50 { font-size: 50px!important;}
    .sm-fs-60 { font-size: 60px!important;}
    .sm-fs-70 { font-size: 70px!important;}
    .sm-fs-80 { font-size: 80px!important;}
    .sm-fs-90 { font-size: 90px!important;}
    .sm-fs-100 { font-size: 100px!important;}


.sm-height10{height:10px!important; width:auto;}
.sm-height20{height:20px!important; width:auto;}
.sm-height30{height:30px!important; width:auto;}
.sm-height40{height:40px!important; width:auto;}
.sm-height50{height:50px!important; width:auto;}
.sm-height60{height:60px!important; width:auto;}
.sm-height70{height:70px!important; width:auto;}
.sm-height80{height:80px!important; width:auto;}
.sm-height90{height:90px!important; width:auto;}
.sm-height100{height:100px!important; width:auto;}
.sm-height150{height:150px!important; width:auto;}
.sm-height200{height:200px!important; width:auto;}
.sm-height250{height:250px!important; width:auto;}
.sm-height300{height:300px!important; width:auto;}
.sm-height350{height:350px!important; width:auto;}
.sm-height400{height:400px!important; width:auto;}
.sm-height450{height:450px!important; width:auto;}
.sm-height500{height:500px!important; width:auto;}
.sm-height600{height:600px!important; width:auto;}
.sm-height700{height:700px!important; width:auto;}
.sm-height800{height:800px!important; width:auto;}
.sm-height-10{height:10%!important; width:auto;}
.sm-height-20{height:20%!important; width:auto;}
.sm-height-30{height:30%!important; width:auto;}
.sm-height-40{height:40%!important; width:auto;}
.sm-height-50{height:50%!important; width:auto;}
.sm-height-60{height:60%!important; width:auto;}
.sm-height-70{height:70%!important; width:auto;}
.sm-height-80{height:80%!important; width:auto;}
.sm-height-90{height:90%!important; width:auto;}
.sm-height-100{height:100%!important; width:auto;}
.sm-height-150{height:150%!important; width:auto;}
.sm-height-200{height:200%!important; width:auto;}



.sm-lh-09 {line-height:0.9!important;}
.sm-lh-1 {line-height:1!important;}
.sm-lh-11 {line-height:1.1!important;}
.sm-lh-12 {line-height:1.2!important;}
.sm-lh-13 {line-height:1.3!important;}
.sm-lh-14 {line-height:1.4!important;}
.sm-lh-15 {line-height:1.5!important;}
.sm-lh-16 {line-height:1.6!important;}
.sm-lh-17 {line-height:1.7!important;}
.sm-lh-18 {line-height:1.8!important;}
.sm-lh-2 {line-height:2!important;}


.sm-center{text-align:center!important;}
.sm-left{text-align:left!important;}
.sm-right{text-align:right!important;}
.sm-div-center{margin:0 auto!important;}

.sm-mp-0{margin: 0 !important; padding:0!important;}
.sm-mpy-0{margin-top: 0 !important; margin-bottom:0!important; padding-top:0!important; padding-bottom:0!important;}
.sm-mpx-0{margin-left: 0 !important; margin-right:0!important; padding-left:0!important; padding-right:0!important;}


.sm-mx-0{margin-left: 0px !important; margin-right:0px!important; }
.sm-mx-5{margin-left: 5px !important; margin-right:5px!important; }
.sm-mx-10{margin-left: 10px !important; margin-right:10px!important; }
.sm-mx-20{margin-left: 20px !important; margin-right:20px!important; }
.sm-mx-30{margin-left: 30px !important; margin-right:30px!important; }


.sm-my-0{margin-top: 0px !important; margin-bottom:0px!important; }
.sm-my-5{margin-top: 5px !important; margin-bottom:5px!important; }
.sm-my-10{margin-top: 10px !important; margin-bottom:10px!important; }
.sm-my-20{margin-top: 20px !important; margin-bottom:20px!important; }
.sm-my-30{margin-top: 30px !important; margin-bottom:30px!important; }

.sm-px-10{padding-left:5px!important; padding-right:5px!important;}
.sm-px-10{padding-left:10px!important; padding-right:10px!important;}
.sm-px-20{padding-left:20px!important; padding-right:20px!important;}
.sm-px-30{padding-left:30px!important; padding-right:30px!important;}


.sm-py-5{ padding-top:5px!important; padding-bottom:5px!important;}
.sm-py-10{ padding-top:10px!important; padding-bottom:10px!important;}
.sm-py-20{ padding-top:20px!important; padding-bottom:20px!important;}
.sm-py-30{ padding-top:30px!important; padding-bottom:30px!important;}

.sm-m0{margin: 0 !important; }
.sm-m5{margin: 5px !important; }
.sm-m10{margin: 10px !important; }
.sm-m15{margin: 15px !important; }
.sm-m20{margin: 20px !important; }
.sm-m30{margin: 30px !important; }


.sm-mt0 {margin-top: 0!important;}
.sm-mt5 {margin-top: 5px!important;}
.sm-mt10 {margin-top: 10px!important;}
.sm-mt15 {margin-top: 15px!important;}
.sm-mt20 {margin-top: 20px!important;}
.sm-mt30 {margin-top: 30px!important;}
.sm-mt40 {margin-top: 40px!important;}
.sm-mt50 {margin-top: 50px!important;}
.sm-mt60 {margin-top: 60px!important;}
.sm-mt70 {margin-top: 70px!important;}
.sm-mt80 {margin-top: 80px!important;}
.sm-mt90 {margin-top: 90px!important;}
.sm-mt100 {margin-top: 100px!important;}

.sm-mb0 {margin-bottom: 0!important;}
.sm-mb5 {margin-bottom: 5px!important;}
.sm-mb10 {margin-bottom: 10px!important;}
.sm-mb15 {margin-bottom: 15px!important;}
.sm-mb20 {margin-bottom: 20px!important;}
.sm-mb30 {margin-bottom: 30px!important;}
.sm-mb40 {margin-bottom: 40px!important;}
.sm-mb50 {margin-bottom: 50px!important;}
.sm-mb60 {margin-bottom: 60px!important;}
.sm-mb70 {margin-bottom: 70px!important;}
.sm-mb80 {margin-bottom: 80px!important;}
.sm-mb90 {margin-bottom: 90px!important;}

.sm-ml0 {margin-left: 0!important;}
.sm-ml5 {margin-left: 5px!important;}
.sm-ml10 {margin-left: 10px!important;}
.sm-ml15 {margin-left: 15px!important;}
.sm-ml20 {margin-left: 20px!important;}
.sm-ml30 {margin-left: 30px!important;}
.sm-ml40 {margin-left: 40px!important;}
.sm-ml50 {margin-left: 50px!important;}


.sm-mr0 {margin-right: 0!important;}
.sm-mr5 {margin-right: 5px!important;}
.sm-mr10 {margin-right: 10px!important;}
.sm-mr15 {margin-right: 15px!important;}
.sm-mr20 {margin-right: 20px!important;}
.sm-mr30 {margin-right: 30px!important;}
.sm-mr40 {margin-right: 40px!important;}
.sm-mr50 {margin-right: 50px!important;}


.sm-p0{padding: 0 !important; }
.sm-p5{padding: 5px !important; }
.sm-p10{padding: 10px !important; }
.sm-p15{padding: 15px !important; }
.sm-p20{padding: 20px !important; }
.sm-p30{padding: 30px !important; }


.sm-pt0 {padding-top: 0!important;}
.sm-pt5 {padding-top: 5px!important;}
.sm-pt10 {padding-top: 10px!important;}
.sm-pt15 {padding-top: 15px!important;}
.sm-pt20 {padding-top: 20px!important;}
.sm-pt30 {padding-top: 30px!important;}
.sm-pt40 {padding-top: 40px!important;}
.sm-pt50 {padding-top: 50px!important;}
.sm-pt60 {padding-top: 60px!important;}
.sm-pt70 {padding-top: 70px!important;}
.sm-pt80 {padding-top: 80px!important;}
.sm-pt90 {padding-top: 90px!important;}
.sm-pt100 {padding-top: 100px!important;}

.sm-pb0 {padding-bottom: 0!important;}
.sm-pb5 {padding-bottom: 5px!important;}
.sm-pb10 {padding-bottom: 10px!important;}
.sm-pb15 {padding-bottom: 15px!important;}
.sm-pb20 {padding-bottom: 20px!important;}
.sm-pb30 {padding-bottom: 30px!important;}
.sm-pb40 {padding-bottom: 40px!important;}
.sm-pb50 {padding-bottom: 10px!important;}
.sm-pb60 {padding-bottom: 15px!important;}
.sm-pb70 {padding-bottom: 20px!important;}
.sm-pb80 {padding-bottom: 30px!important;}
.sm-pb90 {padding-bottom: 40px!important;}
.sm-pb100 {padding-bottom: 100px!important;}


.sm-pl0 {padding-left: 0!important;}
.sm-pl5 {padding-left: 5px!important;}
.sm-pl10 {padding-left: 10px!important;}
.sm-pl15 {padding-left: 15px!important;}
.sm-pl20 {padding-left: 20px!important;}
.sm-pl30 {padding-left: 30px!important;}
.sm-pl40 {padding-left: 40px!important;}
.sm-pl50 {padding-left: 50px!important;}

.sm-pr0 {padding-right: 0!important;}
.sm-pr5 {padding-right: 5px!important;}
.sm-pr10 {padding-right: 10px!important;}
.sm-pr15 {padding-right: 15px!important;}
.sm-pr20 {padding-right: 20px!important;}
.sm-pr30 {padding-right: 30px!important;}
.sm-pr40 {padding-right: 40px!important;}
.sm-pr50 {padding-right: 50px!important;}

.sm-flex {display: flex!important;}
.sm-flex-x-center {display: flex!important; justify-content: center!important; }
.sm-flex-end {display: flex!important; justify-content: flex-end!important; }
.sm-flex-start {display: flex!important; justify-content: flex-start!important; }
.sm-flex-between {display: flex!important; justify-content: space-between!important; }
.sm-flex-center {display: flex; align-items: center!important; justify-content: center!important; }
.sm-flex-y-start {display: flex; align-items: flex-start!important; }
.sm-flex-y-end {display: flex; align-items: flex-end!important; }
.sm-flex-y-center {display: flex; align-items: center!important; }


.sm-title-13 {font-size:13px!important; font-weight:800; letter-spacing: 0; line-height:1.4;}    
.sm-title-14 {font-size:14px!important; font-weight:800; letter-spacing: 0; line-height:1.4;}    
.sm-title-15 {font-size:15px!important; font-weight:800; letter-spacing: 0; line-height:1.4;}    
.sm-title-16 {font-size:16px!important; font-weight:800; letter-spacing: 0; line-height:1.4;}        
.sm-title-18 {font-size:18px!important; font-weight:900; letter-spacing: 0; line-height:1.4;}        
.sm-title-20 {font-size:20px!important; font-weight:900; letter-spacing: 0; line-height:1.4;}        
.sm-title-25 {font-size:25px!important; font-weight:900; letter-spacing: 0; line-height:1.4;}        
.sm-title-30 {font-size:30px!important; font-weight:900; letter-spacing: 0; line-height:1.4;}        
.sm-title-35 {font-size:35px!important; font-weight:900; letter-spacing: 0; line-height:1.4;}        
.sm-title-40 {font-size:40px!important; font-weight:900; letter-spacing: 0; line-height:1.4;}        
.sm-title-50 {font-size:50px!important; font-weight:900; letter-spacing: 0; line-height:1.4;} 

    .sm-border-0 { border: 0px solid #d1d3d3 !important; }
    .sm-border-1 { border: 1px solid #d1d3d3 !important; }
    .sm-border-2 { border: 2px solid #d1d3d3 !important; }
    .sm-border-3 { border: 3px solid #d1d3d3 !important; }
    .sm-border-b0 { border-bottom: 0px solid rgb(209, 211, 211) !important; }
    .sm-border-b1 { border-bottom: 1px solid rgb(209, 211, 211) !important; }
    .sm-border-b2 { border-bottom: 2px solid rgb(189, 192, 192) !important; }
    .sm-border-b3 { border-bottom: 3px solid rgb(189, 192, 192) !important; }
    .sm-border-t0 { border-top: 0px solid rgb(189, 192, 192) !important; }
    .sm-border-t1 { border-top: 1px solid rgb(189, 192, 192) !important; }
    .sm-border-t2 { border-top: 2px solid rgb(189, 192, 192) !important; }
    .sm-border-t3 { border-top: 3px solid rgb(189, 192, 192) !important; }
    .sm-border-l0 { border-left: 0px solid rgb(189, 192, 192) !important; }
    .sm-border-l1 { border-left: 1px solid rgb(189, 192, 192) !important; }
    .sm-border-l2 { border-left: 2px solid rgb(189, 192, 192) !important; }
    .sm-border-l3 { border-left: 3px solid rgb(189, 192, 192) !important; }
    .sm-border-r0 { border-right: 0px solid rgb(189, 192, 192) !important; }
    .sm-border-r1 { border-right: 1px solid rgb(189, 192, 192) !important; }
    .sm-border-r2 { border-right: 2px solid rgb(189, 192, 192) !important; }
    .sm-border-r3 { border-right: 3px solid rgb(189, 192, 192) !important; }

.sm-radius-t10 {border-top-left-radius: 10px !important; border-top-right-radius: 10px !important;}
.sm-radius-b10 {border-bottom-left-radius: 10px !important; border-bottom-right-radius: 10px !important;}

.sm-bg-white {background-color: #fff!important; color: #000;}
.sm-bg-blue {background-color: #2e81ec!important; color: #fff;}
.sm-bg-dark {background-color: #202020!important; color: #fff;}
.sm-bg-gray {background-color: #525252!important; color: #fff;}
.sm-bg-orange {background-color: #e7af14!important; color: #fff;}
.sm-bg-red {background-color: #f54646!important; color: #fff;}
.sm-bg-grayl {background-color: #f1f0f0!important; color: #111111;}
.sm-bg-bluel {background-color: #d4e3ec!important; color: #111111;}
.sm-bg-redl {background-color: #f8e4e4!important; color: #111111;}
.sm-bg-yellowl {background-color: #f2f3d1!important; color: #111111;}


}

   
#sch_str {float: left; width: 100%; height: 40px;  padding-left: 30px;  border-radius: 30px 0 0 30px;
    background: rgba(235, 234, 231, 0.8); border: 1px solid #a7a3a3;  border-right: 0;
    font-weight: 700; font-size: 16px; color: #000; }


#sch_submit { float: left; width: 60px; height: 40px; border: 1px solid #5f5c5c;
    background: #5f5c5c; color: #fff; border-radius: 0 30px 30px 0; cursor: pointer; font-size: 16px; }


.fullscreen{
    position:relative ;
    background-size: cover;
    background-position: center center;
    width: 100%;
    height: 100%;
  }



  

/*----- Table List eb -----*/

.table-list-eb .table {white-space:nowrap;word-break:keep-all}
.table-list-eb .table .ws-normal {white-space:normal !important}
.table-list-eb .table th {font-weight:700}
.table-list-eb .table>thead>tr>th, .table-list-eb .table>tbody>tr>th, .table-list-eb .table>tfoot>tr>th, .table-list-eb .table>thead>tr>td, .table>tbody>tr>td, .table-list-eb .table>tfoot>tr>td {padding:13px 8px}
.table-list-eb .table thead>tr>th, .table-list-eb .table thead>tr>td {text-align:center}
.table-list-eb .table-bordered>thead>tr>th, .table-list-eb .table-bordered>thead>tr>td {text-align:center}
.table-list-eb thead {border-top:2px solid #454545;background:#F2F2F2}
.table-list-eb tfoot {background:#F2F2F2;border-bottom:2px solid #454545}
.table-list-eb th, .table-list-eb td {vertical-align:middle !important}
.table-list-eb .table .tbd-both {border-left:1px solid #dee2e6;border-right:1px solid #dee2e6}
.table-list-eb .table .tbd-l {border-left:1px solid #dee2e6}
.table-list-eb .table .tbd-r {border-right:1px solid #dee2e6}
.table-list-eb .table .tbd-t {border-top:1px solid #dee2e6}
.table-list-eb .table .tbd-b {border-bottom:1px solid #dee2e6}


.loading-overlay {
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background: rgba(255, 255, 255, 0.7);
  display: flex;
  justify-content: center;
  align-items: center;
  z-index: 1000; /* �ٸ� ��ҵ� ���� ���̵��� z-index ���� */
}

.loading-spinner {
  text-align: center;
}

.loading-spinner p {
  margin-top: 20px; /* ���dzʿ� �ؽ�Ʈ ���� ���� */
  color: #000; /* �ؽ�Ʈ ���� */
  font-size: 1.5em; /* �ؽ�Ʈ ũ�� */
}