@charset "utf-8";
@font-face {
	font-family: 'Pretendard';
	font-weight: 100;
	src:url(/resources/common/font/Pretendard-Thin.woff2) format("woff2");
}
@font-face {
	font-family: 'Pretendard';
	font-weight: 200;
    src:url(/resources/common/font/Pretendard-ExtraLight.woff2) format("woff2");
}
@font-face {
    font-family: 'Pretendard';
    font-weight: 300;
    src:url(/resources/common/font/Pretendard-Light.woff2) format("woff2");
}
@font-face {
	font-family: 'Pretendard';
	font-weight: 400;
    src:url(/resources/common/font/Pretendard-Regular.woff2) format("woff2");
}
@font-face {
	font-family: 'Pretendard';
	font-weight: 500;
    src:url(/resources/common/font/Pretendard-Medium.woff2) format("woff2");
}
@font-face {
    font-family: 'Pretendard';
    font-weight: 600;
    src:url(/resources/common/font/Pretendard-SemiBold.woff2) format("woff2");
}
@font-face {
	font-family: 'Pretendard';
	font-weight: 700;
    src:url(/resources/common/font/Pretendard-Bold.woff2) format("woff2");
}
@font-face {
    font-family: 'Pretendard';
    font-weight: 800;
    src:url(/resources/common/font/Pretendard-ExtraBold.woff2) format("woff2");
}
@font-face {
	font-family: 'Pretendard';
	font-weight: 900;
    src:url(/resources/common/font/Pretendard-Black.woff2) format("woff2");
}

::selection{background:#42B4EC;color:#222}

/* Chrome, Safari, Edge, Opera */
input::-webkit-outer-spin-button,
input::-webkit-inner-spin-button {
  -webkit-appearance: none;
  margin: 0;
}

/* Firefox  */
input[type='number'] {
  -moz-appearance: textfield;
}

/* common */
* {font-family:'Pretendard',sans-serif;letter-spacing:-1px;font-feature-settings: "tnum";font-weight: 500}
body,html{height:auto;background-color:#fff;overflow: hidden;}
html,body,div,span,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,blockquote,p,address,pre,cite,form,fieldset,table,th,td,legend,label{margin:0;padding:0;border:0;}
input,textarea,select{margin:0;font-size: 12px;color: #343434;border-radius: 5px;}
textarea {resize: none}
input[type=checkbox], input[type=radio]{vertical-align: middle;}

a{color: inherit; text-decoration:none}
a:focus, a:active {outline: none; color: inherit;}

body{line-height:135%;color:#776f67;letter-spacing:0;-webkit-text-size-adjust:none;position: relative}

h1,h2,h3,h4,h5,h6{font-size:100%;font-weight:normal}
fieldset,img,abbr,acronym,label{border:0 none}
legend{display:block;overflow:hidden;position:absolute;top:-1000em;left:0}
blockquote:before,blockquote:after,q:before,q:after{content:''}
ol,ul,dl{list-style:none}
hr{display:none}
fieldset{border:0}
img{vertical-align:top}
address, caption, em, cite {}

/*label{margin-bottom: 1px; font-size: 13px; margin-left: 2px;}*/
label{margin-bottom: 1px; font-size: 11px;}

ol, ul, dl{list-style: none}

strong {font-weight: 700;}

.none{display:none !important}

.flex{
	display: flex !important;
    align-items: center !important;
}

.hand{cursor:pointer !important;}

.white{color: white !important;}
.blue{color: #0081ed !important;}
.light_blue {color: #85c9ff !important;}
.dark_blue {color: #0e3982 !important;}
.red{color: #ff4c5d !important;}
.light_red {color: #ffa2a9 !important;}
.dark_red {color: #860c24 !important;}
.orange{color: darkorange !important;}
.green{color: green !important;}
.purple{color:purple !important;}
.dark_gray{color:#595E67 !important;}
.light_gray{color:#B5B5B5 !important;}
.light_pink{color:#F96593 !important;}
.royal_blue{color:#4678D3 !important;}

:root {
    --gray_0  : #FFFFFF;
    --gray_5  : #F4F5F6;
    --gray_10 : #E6E8EA;
    --gray_20 : #CDD1D5;
    --gray_30 : #B1B8BE;
    --gray_40 : #8A949E;
    --gray_50 : #6D7882;
    --gray_60 : #58616A;
    --gray_70 : #464C53;
    --gray_80 : #33363D;
    --gray_90 : #1E2124;
    --gray_95 : #131416;
    --gray_100: #000000;

    --primary_5 : #EEF4FC;
    --primary_10: #DCE8F9;
    --primary_20: #B7D0F5;
    --primary_30: #8CB5F3;
    --primary_40: #4189F3;
    --primary_50: #166DEE;
    --primary_60: #115AC6;
    --primary_70: #114797;
    --primary_80: #113569;
    --primary_90: #0F2038;
    --primary_95: #0C1522;

    --secondary_5 : #EEF7FC;
    --secondary_10: #DCEFF9;
    --secondary_20: #B7E1F5;
    --secondary_30: #8BD1F3;
    --secondary_40: #4BBAF2;
    --secondary_50: #1B9FE2;
    --secondary_60: #007DBC;
    --secondary_70: #205889;
    --secondary_80: #0E3B63;
    --secondary_90: #082136;
    --secondary_95: #051421;

    --point_5 : #FFF8EF;
    --point_10: #FFF6E3;
    --point_20: #FFE4C4;
    --point_30: #FFCE7B;
    --point_40: #F39C39;
    --point_50: #E76400;
    --point_60: #E74900;
    --point_70: #A8531F;
    --point_80: #6C3F0D;
    --point_90: #492B08;
    --point_95: #2F1C06;
}

.gray     {color: gray !important;}
.gray_0   {color: var(--gray_0  ) !important;}
.gray_5   {color: var(--gray_5  ) !important;}
.gray_10  {color: var(--gray_10 ) !important;}
.gray_20  {color: var(--gray_20 ) !important;}
.gray_30  {color: var(--gray_30 ) !important;}
.gray_40  {color: var(--gray_40 ) !important;}
.gray_50  {color: var(--gray_50 ) !important;}
.gray_60  {color: var(--gray_60 ) !important;}
.gray_70  {color: var(--gray_70 ) !important;}
.gray_80  {color: var(--gray_80 ) !important;}
.gray_90  {color: var(--gray_90 ) !important;}
.gray_95  {color: var(--gray_95 ) !important;}
.gray_100 {color: var(--gray_100) !important;}

.b_gray_0   {background-color: var(--gray_0  ) !important;}
.b_gray_5   {background-color: var(--gray_5  ) !important;}
.b_gray_10  {background-color: var(--gray_10 ) !important;}
.b_gray_20  {background-color: var(--gray_20 ) !important;}
.b_gray_30  {background-color: var(--gray_30 ) !important;}
.b_gray_40  {background-color: var(--gray_40 ) !important;}
.b_gray_50  {background-color: var(--gray_50 ) !important;}
.b_gray_60  {background-color: var(--gray_60 ) !important;}
.b_gray_70  {background-color: var(--gray_70 ) !important;}
.b_gray_80  {background-color: var(--gray_80 ) !important;}
.b_gray_90  {background-color: var(--gray_90 ) !important;}
.b_gray_95  {background-color: var(--gray_95 ) !important;}
.b_gray_100 {background-color: var(--gray_100) !important;}

.primary_5  {color: var(--primary_5 ) !important;}
.primary_10 {color: var(--primary_10) !important;}
.primary_20 {color: var(--primary_20) !important;}
.primary_30 {color: var(--primary_30) !important;}
.primary_40 {color: var(--primary_40) !important;}
.primary_50 {color: var(--primary_50) !important;}
.primary_60 {color: var(--primary_60) !important;}
.primary_70 {color: var(--primary_70) !important;}
.primary_80 {color: var(--primary_80) !important;}
.primary_90 {color: var(--primary_90) !important;}
.primary_95 {color: var(--primary_95) !important;}

.b_primary_5  {background-color: var(--primary_5 ) !important;}
.b_primary_10 {background-color: var(--primary_10) !important;}
.b_primary_20 {background-color: var(--primary_20) !important;}
.b_primary_30 {background-color: var(--primary_30) !important;}
.b_primary_40 {background-color: var(--primary_40) !important;}
.b_primary_50 {background-color: var(--primary_50) !important;}
.b_primary_60 {background-color: var(--primary_60) !important;}
.b_primary_70 {background-color: var(--primary_70) !important;}
.b_primary_80 {background-color: var(--primary_80) !important;}
.b_primary_90 {background-color: var(--primary_90) !important;}
.b_primary_95 {background-color: var(--primary_95) !important;}

.secondary_5  {color: var(--secondary_5 ) !important;}
.secondary_10 {color: var(--secondary_10) !important;}
.secondary_20 {color: var(--secondary_20) !important;}
.secondary_30 {color: var(--secondary_30) !important;}
.secondary_40 {color: var(--secondary_40) !important;}
.secondary_50 {color: var(--secondary_50) !important;}
.secondary_60 {color: var(--secondary_60) !important;}
.secondary_70 {color: var(--secondary_70) !important;}
.secondary_80 {color: var(--secondary_80) !important;}
.secondary_90 {color: var(--secondary_90) !important;}
.secondary_95 {color: var(--secondary_95) !important;}

.b_secondary_5  {background-color: var(--secondary_5 ) !important;}
.b_secondary_10 {background-color: var(--secondary_10) !important;}
.b_secondary_20 {background-color: var(--secondary_20) !important;}
.b_secondary_30 {background-color: var(--secondary_30) !important;}
.b_secondary_40 {background-color: var(--secondary_40) !important;}
.b_secondary_50 {background-color: var(--secondary_50) !important;}
.b_secondary_60 {background-color: var(--secondary_60) !important;}
.b_secondary_70 {background-color: var(--secondary_70) !important;}
.b_secondary_80 {background-color: var(--secondary_80) !important;}
.b_secondary_90 {background-color: var(--secondary_90) !important;}
.b_secondary_95 {background-color: var(--secondary_95) !important;}

.point_5  {color: var(--point_5 ) !important;}
.point_10 {color: var(--point_10) !important;}
.point_20 {color: var(--point_20) !important;}
.point_30 {color: var(--point_30) !important;}
.point_40 {color: var(--point_40) !important;}
.point_50 {color: var(--point_50) !important;}
.point_60 {color: var(--point_60) !important;}
.point_70 {color: var(--point_70) !important;}
.point_80 {color: var(--point_80) !important;}
.point_90 {color: var(--point_90) !important;}
.point_95 {color: var(--point_95) !important;}

.b_point_5  {background-color: var(--point_5 ) !important;}
.b_point_10 {background-color: var(--point_10) !important;}
.b_point_20 {background-color: var(--point_20) !important;}
.b_point_30 {background-color: var(--point_30) !important;}
.b_point_40 {background-color: var(--point_40) !important;}
.b_point_50 {background-color: var(--point_50) !important;}
.b_point_60 {background-color: var(--point_60) !important;}
.b_point_70 {background-color: var(--point_70) !important;}
.b_point_80 {background-color: var(--point_80) !important;}
.b_point_90 {background-color: var(--point_90) !important;}
.b_point_95 {background-color: var(--point_95) !important;}

.fs10 {font-size: 10px !important;}
.fs11 {font-size: 11px !important;}
.fs12 {font-size: 12px !important;}
.fs13 {font-size: 13px !important;}
.fs14 {font-size: 14px !important;}
.fs18 {font-size: 18px !important;}
.fs22 {font-size: 22px !important;}
.fs30 {font-size: 30px !important;}

.bg_red{background-color: red  !important;}
.bg_req{background-color: #FFF0C1 !important;}
.bg_lightgrey{background-color: #ececec !important;}
.bg_lightyellow{background-color: lightyellow !important;}
.bg_lightblue {background-color: #85c9ff !important;}
.bg_lightgreen {background-color: #b3dacd !important;}
.bg_lightred{background-color: #FEEBE9 !important;}

/* 깜빡이는 효과 */
.sparkleImg {
    vertical-align:middle;
    -moz-animation: blink normal 1s infinite ease-in-out;
    -webkit-animation: blink normal 1s infinite ease-in-out;
    -ms-animation: blink normal 1s infinite ease-in-out;
    animation: blink normal 1s infinite ease-in-out;
}
/* 파이어폭스 웹 브라우저 */
@-moz-keyframes blink {
    0% {
        opacity:1;
    }
     50% {
        opacity:0;
    }
    100% {
        opacity:1;
    }
}
/* 크롬 웹 브라우저 */
@-webkit-keyframes blink {
    0% {
        opacity:1;
    }
    50% {
        opacity:0;
    }
    100% {
        opacity:1;
    }
}
/* 인터넷 익스플로러 웹 브라우저 */
@-ms-keyframes blink {
    0% {
        opacity:1;
    }
    50% {
        opacity:0;
    }
    100% {
        opacity:1;
    }
}
/* 기타 웹 브라우저 */
@keyframes blink {
    0% {
        opacity:1;
    }
    50% {
        opacity:0;
    }
    100% {
        opacity:1;
    }
}
@keyframes soft-blink {
    0% {
        opacity: 1;
    }
    50% {
        opacity: 0.4;
    }
    100% {
        opacity: 1;
    }
}

.tip {
    font-size: 11px;
}
.tip.medium {
    font-size: 12px;
}
.tip.big {
    font-size: 14px;
}

.search_box {
	display: flex;
	align-items: center;
	height: 42px;
}

.disabled {
    pointer-events: none;
    opacity: 0.4;
}

.none_event {
    pointer-events: none;
}

.none_select {
    user-select: none;
}

.buttons {
	display: flex;
    padding: 5px 0;
    width: 100%;
    height: 32px;
}

.scheduleBar {
    height: 20px;
    font-size: 13px;
    color: #fff;
    background-color: #e5e5e5;
    -webkit-border-radius: 2px;
    -moz-border-radius: 2px;
    -ms-border-radius: 2px;
    border-radius: 30px;
}

.scheduleBar > .scheduleBar_data {
    width: 0;
    height: 100%;
    position: relative;
    text-align: center;
    background-color: #4189f3;
    -webkit-border-radius: 2px;
    -moz-border-radius: 2px;
    -ms-border-radius: 2px;
    border-radius: 30px;
    font-size: 11px;
}

.scheduleBar_data .schedule_percent {
    width: 30px;
    height: 20px;
    position: absolute;
    right: 0;
    padding: 0 5px;
    background-color: #034bb1;
    -webkit-border-radius: 10px;
    -moz-border-radius: 10px;
    -ms-border-radius: 10px;
    border-radius: 30px;
}

.img_picture {
    width: 120px;
    height: 120px;
}

.sub_title {
    display: flex;
    -ms-flex-align: center;
    align-items: center;
    padding-left: 15px;
    background-color: #e0ebff;
    border-radius: 4px;
    font-weight: bold;
    font-size: 14px;
    height: 30px;
    color: #212529;
}

.sub_title  h1 {
    font-weight: bold;
}

input[type=checkbox]:checked,
input[type=radio]:checked {
    accent-color: #5f6cb1;
}

/************** flex 속성 지정 ***************/
/* 중앙 정렬 */
.flex_center{
    width: 100%;
    height: 100%;
	display: flex;
    justify-content: center;
    align-items: center;
}
/* 가로 기준 정렬 */
.flex_row {display: flex; flex-direction: row}
/* 세로 기준 정렬 */
.flex_column {display: flex; flex-direction: column}
/* 가로 정렬*/
.flex_content_center {justify-content: center}
.flex_content_start {justify-content: start}
.flex_content_end {justify-content: end}
.flex_content_between {justify-content: space-between}
.flex_content_around {justify-content: space-around}
/* 세로 정렬 */
.flex_items_center {align-items: center}
.flex_items_start  {align-items: flex-start}

.flex_wrap {flex-wrap: wrap;}

/******************** 스크롤바 *********************/
body *::-webkit-scrollbar-track-piece {
    -webkit-box-shadow: inset 0 0 6px #bed7fd;
    background-color: #cfe2ff;
}

body *::-webkit-scrollbar-corner {
    -webkit-box-shadow: inset 0 0 6px #d2d2d2;
    background-color: #f5f5f5;
}

body *::-webkit-scrollbar {
    width: 15px;
    height: 15px;
    background-color: #f5f5f5;
}

body *::-webkit-scrollbar-thumb {
    border-radius: 10px;
    background-clip: padding-box;
    border: 2px solid transparent;
    -webkit-box-shadow: inset 0 0 6px #d2d2d2;
    background-color: #80bdff;
}

.h20  {height: 20px;}
.h30  {height: 30px;}
.h80  {height: 80px;}
.h100 {height: 100px;}
.h150 {height: 150px;}
.h280 {height: 280px;}

.w25  {width: 25px;}
.w29  {width: 29px;}
.w30  {width: 30px;}
.w35  {width: 35px;}
.w35  {width: 35px;}
.w40  {width: 40px;}
.w45  {width: 45px;}
.w50  {width: 50px;}
.w55  {width: 55px;}
.w59  {width: 59px;}
.w60  {width: 60px;}
.w65  {width: 65px;}
.w70  {width: 70px;}
.w75  {width: 75px;}
.w80  {width: 80px;}
.w85  {width: 85px;}
.w90  {width: 90px;}
.w95  {width: 95px;}
.w100 {width: 100px;}
.w105 {width: 105px;}
.w110 {width: 110px;}
.w111 {width: 111px;}
.w115 {width: 115px;}
.w120 {width: 120px;}
.w125 {width: 125px;}
.w130 {width: 130px;}
.w135 {width: 135px;}
.w140 {width: 140px;}
.w141 {width: 141px;}
.w145 {width: 145px;}
.w150 {width: 150px;}
.w155 {width: 155px;}
.w159 {width: 159px;}
.w160 {width: 160px;}
.w165 {width: 165px;}
.w170 {width: 170px;}
.w175 {width: 175px;}
.w180 {width: 180px;}
.w185 {width: 185px;}
.w190 {width: 190px;}
.w195 {width: 195px;}
.w200 {width: 200px;}
.w205 {width: 205px;}
.w210 {width: 210px;}
.w214 {width: 214px;}
.w220 {width: 220px;}
.w221 {width: 221px;}
.w228 {width: 228px;}
.w230 {width: 230px;}
.w240 {width: 240px;}
.w245 {width: 245px;}
.w250 {width: 250px;}
.w255 {width: 255px;}
.w260 {width: 260px;}
.w270 {width: 270px;}
.w280 {width: 280px;}
.w281 {width: 281px;}
.w285 {width: 285px;}
.w290 {width: 290px;}
.w295 {width: 295px;}
.w300 {width: 300px;}
.w208 {width: 208px;}
.w310 {width: 310px;}
.w320 {width: 320px;}
.w330 {width: 330px;}
.w340 {width: 340px;}
.w350 {width: 350px;}
.w360 {width: 360px;}
.w370 {width: 370px;}
.w375 {width: 375px;}
.w380 {width: 380px;}
.w385 {width: 385px;}
.w390 {width: 390px;}
.w395 {width: 395px;}
.w400 {width: 400px;}
.w405 {width: 405px;}
.w415 {width: 415px;}
.w420 {width: 420px;}
.w425 {width: 425px;}
.w435 {width: 435px;}
.w440 {width: 440px;}
.w445 {width: 445px;}
.w450 {width: 450px;}
.w460 {width: 460px;}
.w470 {width: 470px;}
.w475 {width: 475px;}
.w480 {width: 480px;}
.w485 {width: 485px;}
.w490 {width: 490px;}
.w495 {width: 495px;}
.w500 {width: 500px;}
.w505 {width: 505px;}
.w510 {width: 510px;}
.w515 {width: 515px;}
.w520 {width: 520px;}
.w530 {width: 530px;}
.w534 {width: 534px;}
.w550 {width: 550px;}
.w565 {width: 565px;}
.w570 {width: 570px;}
.w580 {width: 580px;}
.w585 {width: 585px;}
.w590 {width: 590px;}
.w606 {width: 606px;}
.w610 {width: 610px;}
.w615 {width: 615px;}
.w625 {width: 625px;}
.w645 {width: 645px;}
.w655 {width: 655px;}
.w660 {width: 660px;}
.w665 {width: 665px;}
.w675 {width: 675px;}
.w685 {width: 685px;}
.w700 {width: 700px;}
.w735 {width: 735px;}
.w770 {width: 770px;}
.w869 {width: 869px;}
.w944 {width: 944px;}
.w1011 {width: 1011px;}

.w100p {width: 100%;}

/************** 패딩 ***************/
.pd5  {padding:  5px}
.pd7  {padding:  7px}
.pd10 {padding: 10px}
.pd20 {padding: 20px}

.pdr20 {padding-right: 20px}

/************** 마진 ***************/
.mrgt2  {margin-top:  2px}
.mrgt3  {margin-top:  3px}
.mrgt5  {margin-top:  5px}
.mrgt8  {margin-top:  8px}
.mrgt10 {margin-top: 10px}
.mrgt11 {margin-top: 11px}
.mrgt12 {margin-top: 12px}
.mrgt13 {margin-top: 13px}
.mrgt14 {margin-top: 14px}
.mrgt15 {margin-top: 15px}
.mrgt16 {margin-top: 16px}
.mrgt17 {margin-top: 17px}
.mrgt18 {margin-top: 18px}
.mrgt19 {margin-top: 19px}
.mrgt20 {margin-top: 20px}
.mrgt30 {margin-top: 30px}
.mrgt50 {margin-top: 50px}

.mrgr2  {margin-right:  2px}
.mrgr3  {margin-right:  3px}
.mrgr5  {margin-right:  5px}
.mrgr7  {margin-right:  7px}
.mrgr10 {margin-right: 10px}
.mrgr15 {margin-right: 15px}
.mrgr20 {margin-right: 20px}
.mrgr25 {margin-right: 25px}

.mrgb5  {margin-bottom:  5px}
.mrgb6  {margin-bottom:  6px}
.mrgb8  {margin-bottom:  8px}
.mrgb10 {margin-bottom: 10px}
.mrgb13 {margin-bottom: 13px}
.mrgb15 {margin-bottom: 15px}
.mrgb16 {margin-bottom: 16px}
.mrgb18 {margin-bottom: 18px}
.mrgb20 {margin-bottom: 20px}
.mrgb21 {margin-bottom: 21px}
.mrgb30 {margin-bottom: 30px}


.mrgl2  {margin-left:  2px}
.mrgl3  {margin-left:  3px}
.mrgl5  {margin-left:  5px}
.mrgl10 {margin-left: 10px}
.mrgl13 {margin-left: 13px}
.mrgl15 {margin-left: 15px}
.mrgl18 {margin-left: 18px}
.mrgl19 {margin-left: 19px}
.mrgl20 {margin-left: 20px}
.mrgl25 {margin-left: 25px}
.mrgl30 {margin-left: 30px}
.mrgl33 {margin-left: 33px}

/******************Title******************/
.mini_title {
    display: inline-block;
    padding-top: 4px;
    font-size: 11px;
    font-weight: bold;
    color: #212529;
}

.small_title {
    display: inline-block;
    padding: 4px 0;
    font-size: 14px;
    font-weight: bold;
    color: #212529;
    margin-left: 5px;
}

.title {
    display: inline-block;
    padding: 4px 0;
    font-size: 16px;
    font-weight: bold;
    color: #212529;
}

/************** bor **************/
.bor1  {border: 1px solid #455a64;}

.bortb2 {border-top: 2px solid #455a64;}

.borbb2 {border-bottom: 2px solid #455a64;}

.borb1 {border-bottom: 1px solid #455a64;}
.borb2 {border-bottom: 2px solid #455a64;}

.bortb1 {border-top: 1px solid #455a64;}
.bortg1 {border-top: 1px solid #dee2e6;}
.bortg2 {border-top: 2px solid #dee2e6;}

.borbg1 {border-bottom: 1px solid #dee2e6;}
.borbg2 {border-bottom: 2px solid #dee2e6;}

.borlg1 {border-left: 1px solid #dee2e6;}

.borrg1 {border-right: 1px solid #dee2e6;}
/************** btn **************/

.btn_del_img {
    width: 20px;
    height: 20px;
    top: 5px;
    right: 5px;
    position: absolute;
    border-radius: 50%;
    cursor: pointer;

    background-image: url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" width="15" height="15" viewBox="0 0 17 17" fill="rgb(17, 17, 55, 1)"><path fill-rule="evenodd" clip-rule="evenodd" d="M16.1422 0.585787C15.3611 -0.195262 14.0948 -0.195262 13.3138 0.585786L8.36398 5.53556L3.41421 0.58579C2.63317 -0.195259 1.36684 -0.195259 0.585787 0.58579C-0.195262 1.36684 -0.195262 2.63317 0.585786 3.41422L5.53556 8.36399L0.585834 13.3137C-0.195215 14.0948 -0.195215 15.3611 0.585834 16.1421C1.36688 16.9232 2.63321 16.9232 3.41426 16.1421L8.36398 11.1924L13.3137 16.1421C14.0948 16.9232 15.3611 16.9232 16.1421 16.1421C16.9232 15.3611 16.9232 14.0948 16.1421 13.3137L11.1924 8.36399L16.1422 3.41421C16.9232 2.63317 16.9232 1.36684 16.1422 0.585787Z"/></svg>');
    background-repeat: no-repeat;
    background-position: center left;
    background-size: contain;
    border: 4px solid #0000;
    box-sizing: border-box;
}

.is_bon, .is_mer {
    font-weight: bold;
}

.alt-buttons {
    vertical-align: middle;
    width: 28px;
    height: 28px;
    color: #0081ed;
    cursor: pointer;
    transition: 0.2s ease-in-out
}

.alt-buttons:hover {
    color: #ffa224 !important;
}

.popup_tip_box {
    position: relative;
    margin-right: 5px;
}

.popup_tip_box > .popup_tip  {
    display: none;
    position: absolute;
    bottom: 30px;
    padding: 5px 10px;
    z-index: 10;
    background-color: #FFF0C1;
    font-size: 12px;
    font-weight: bold;
    border-radius: 5px;
    box-shadow: rgba(0, 0, 0, 0.25) 0 0 15px 2px;
}

.popup_tip_box:hover .popup_tip {
    display : block;
}

input::placeholder {
    font-size: 11px;
    color: #776F67;
    letter-spacing: -0.5px;
}

input::-webkit-input-placeholder {
    font-size: 11px;
    color: #776F67;
    letter-spacing: -0.5px;
}

.resizeable > div {
    position: relative;
}

.resizeable > div:not([data-name=""]):not(:last-child)::after {
    content: ' ';
    cursor: ew-resize;
    position: absolute;
    right: -5px;
    height: 100%;
    width: 10px;
    z-index: 3;
}

.resizeable > div:not([data-name=""]):hover::before {
    content: ' ';
    cursor: ew-resize;
    position: absolute;
    border-right: 1px dashed #545fa9;
    right: 0;
    box-sizing: border-box;
    height: 95%;
    z-index: 3;
}


.left {
    display: flex;
    align-items: center;
    margin-right: auto;
}

.right {
    display: flex;
    align-items: center;
    margin-left: auto;
}

.center {
    align-items: center;
    margin: auto;
}

.hidden {
    visibility: hidden;
}

.bold {
    font-weight: bold;
}

.relative {
    position: relative;
}

.absolute {
    position: absolute;
}

.al {
    text-align: left !important;
}

.ar {
    text-align: right !important;
}

.ac {
    text-align: center !important;
}

.underline {
    text-decoration: underline !important;
}

.bon_icon {
    padding: 3px;
    background-color: #5881f3;
    border-radius: 9px;
    color: #ffffff;
    font-size: 12px;
}

.help_icon {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    width: 20px;
    height: 20px;
    border-radius: 50%;
    background-color: #DCEFF9;
    color: #007fff;
    font-size: 12px;
    font-weight: bold;
    cursor: pointer;
}