/*!*******************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/css-loader/dist/cjs.js??ruleSet[1].rules[5].rules[0].oneOf[0].use[1]!./node_modules/postcss-loader/dist/cjs.js??ruleSet[1].rules[5].rules[0].oneOf[0].use[2]!./src/assets/css/common.css ***!
  \*******************************************************************************************************************************************************************************************************************/
@import url(http://fonts.googleapis.com/earlyaccess/notosanskr.css);
/*!***********************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/css-loader/dist/cjs.js??ruleSet[1].rules[5].rules[0].oneOf[0].use[1]!./node_modules/postcss-loader/dist/cjs.js??ruleSet[1].rules[5].rules[0].oneOf[0].use[2]!./src/assets/css/common.css (1) ***!
  \***********************************************************************************************************************************************************************************************************************/
@charset "utf-8";
/* Reset */
html {overflow-y:scroll}
body {margin:0;padding:0;font-size:0.75em;height:100%;font-family: 'Noto Sans KR', sans-serif;font-weight:400}
html, h1, h2, h3, h4, h5, h6, form, fieldset, img, dl, dt, dd, p {margin:0;padding:0;border:0}
h1, h2, h3, h4, h5, h6 {font-size:1em}
article, aside, details, figcaption, figure, footer, header, hgroup, menu, nav, section {display:block}
header ul, nav ul, footer ul {margin:0;padding:0;list-style:none}
legend {position:absolute;font-size:0;line-height:0;text-indent:-9999em;overflow:hidden}
label, input, button, select, img {vertical-align:middle}
input, button {margin:0;padding:0;font-size:1em}
button,input[type=button],input[type=submit]{cursor:pointer;}
input[type=text], input[type=password], input[type=submit], input[type=image], button {border-radius:0;-webkit-appearance:none}
textarea, select {font-size:1em;}
textarea {border-radius:0;-webkit-appearance:none}
p {margin:0;padding:0;word-break:break-all}
pre {overflow-x:scroll;font-size:1.1em}
a:link, a:visited {color:inherit;text-decoration:none}
ul,ol,li{list-style:none;padding:0;margin:0;}
input, button, textarea, select {font-family: 'Noto Sans KR', sans-serif; outline: none}
hr {content: '';display:block;padding:0;border:0;margin: 0;}
.clear {clear:both}
.fl {float: left;}
.fr {float: right;}
/*사파리 버튼 초기화*/
input[type="text"], input[type="password"], input[type="button"], input[type="submit"], textarea { -webkit-appearance: none; -webkit-border-radius: 0; }
/*placeholder*/
input::-ms-input-placeholder { font-weight: 400; color: #bbbece; }
input::-webkit-input-placeholder { font-weight: 400; color: #bbbece; }
input::-moz-placeholder { font-weight: 400; color: #bbbece; }
textarea::-ms-input-placeholder { font-weight: 400; color: #bbbece; }
textarea::-webkit-input-placeholder { font-weight: 400; color: #bbbece; }
textarea::-moz-placeholder { font-weight: 400; color: #bbbece; }
/*셀렉트 커스텀*/
select {
    -webkit-appearance: none; /* 화살표 없애기 for chrome*/ /* 화살표 없애기 for firefox*/
    appearance: none; /* 화살표 없애기 공통*/
    background-image: url('btn_arrow_select1.png');
    background-repeat: no-repeat;
    background-position: right center;
    background-size: 12px;
    background-color: #fff;
    cursor: pointer; 
}
select::-ms-expand { display: none; /* 화살표 없애기 for IE10, 11*/ }
/*--------------------------------------------------------------------------------------------------------------------------*/
/*공통 CSS*/
html, body { height: 100%; background: rgb(233 236 241);}
body { background: rgb(233 236 241); }
section { background: rgb(255,255,255);}
.mainsection { height: calc(100% - 64px); background: rgb(233 236 241);}
.wrap { padding: 0 20px 72px; box-sizing: border-box; }
.wrap-v1 { padding: 12px 20px 20px; box-sizing: border-box; }
.wrap-v2 { padding: 0 12% 0 12%; box-sizing: border-box; }
.box-flex { display: flex; flex-direction: column; justify-content: space-between; margin-top:30px;padding-bottom: 0; box-sizing: border-box; }
.box-flex .flex-bottom { margin-top: 50px; padding-bottom: 20px; box-sizing: border-box; }
.box-flex .flex-bottom2 { margin-top: 30%; padding-bottom: 20px; box-sizing: border-box; }
.box-flex .flex-bottom3 { margin-top: 100px; padding-bottom: 20px; box-sizing: border-box; }
.pos { position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%) scale(1); -webkit-transform: translate(-50%, -50%) scale(1); -moz-transform: translate(-50%, -50%) scale(1); -ms-transform: translate(-50%, -50%) scale(1); -o-transform: translate(-50%, -50%) scale(1); width: 100%; }
/*neumorphism style*/
.neumorphism { box-sizing: border-box; background-color: #e9ecf1; }
.neumorphism-v1 { box-shadow: -2px -3px 6px rgba(255, 255, 255, 0.6), 0 3px 6px rgba(0, 0, 0, 0.16); box-sizing: border-box; background-color: #e9ecf1; }
.neumorphism2 { box-sizing: border-box; background-color: #f1f1f1; }
.neumorphism2-v1 { box-shadow: -1px -1px 1px rgba(0, 0, 0, 0.2), inset -1px -1px 1px rgba(255, 255, 255, 0.5); box-sizing: border-box; background-color: #e9ecf1; }
.neumorphism3 { box-shadow: -1px -1px 1px rgba(0, 0, 0, 0.05), inset -1px -1px 1px rgba(255, 255, 255, 0.5); box-sizing: border-box; background-color: #e9ecf1; }
.neumorphism3-v1 { box-shadow: -1px -1px 1px rgba(0, 0, 0, 0.2), inset -1px -1px 1px rgba(255, 255, 255, 0.5); box-sizing: border-box; background-color: #e9ecf1; }
.neumorphism4 { background-color: #fff; border : 1px solid #ededed }
.neumorphism4-v1 { box-shadow: -2px -3px 6px rgba(255, 255, 255, 0.6), 0 3px 6px rgba(0, 0, 0, 0.16); box-sizing: border-box; background-color: #e9ecf1; }
/*button style*/
.btn-basic,
a.btn-basic { display: block; width: 100%; height: 56px; line-height: 56px; border: none; border-radius: 28px !important; box-sizing: border-box; background: #d0d2d5; font-size: 16px; font-weight: 600; color: #7c7f8a; }
.btn-basic2,
a.btn-basic2 { display: inline; width: 30%; height: 26px; margin-top:10px; margin-right: 5px; border: none; border-radius: 5px !important; box-sizing: border-box; background: #e9ecf1; font-size: 13px; font-weight: 600; color: #7c7f8a; }
.btns .btn { margin-bottom: 20px; }
.btns .btn:last-child { margin-bottom: 0; }
.btns-more { display: none; position: absolute; top: 45px; right: 30px; z-index: 1; width: 80px; padding: 5px 0; border-radius: 12px; box-shadow: 0 3px 12px rgba(0, 0, 0, 0.16); box-sizing: border-box; background-color: #e9ecf1; }
.btns-more.active { display: block; }
.btns-more .btn { width: 100%; height: 35px; border: none; background: none; font-size: 12px; font-weight: 600; color: #7c7f8a; }
.btn-basic:active{
    background-color:rgb(229 231 234);
    transform: scale(0.98);
    box-shadow: 3px 2px 22px 1px rgba(0, 0, 0, 0.24);

 }
.btn-basic2:active{
    background-color:rgb(229 231 234);
    transform: scale(0.98);
    box-shadow: 3px 2px 22px 1px rgba(0, 0, 0, 0.24);

 }
a:active{
    background-color:rgb(229 231 234); 
    transform: scale(0.98);
    box-shadow: 3px 2px 22px 1px rgba(0, 0, 0, 0.24);  
 }
.btn-ico-message:active{
    background-color:rgb(229 231 234); 
    transform: scale(0.98);
    box-shadow: 3px 2px 22px 1px rgba(0, 0, 0, 0.24); 
 }
.hd-back :hover{
    opacity: 1;
    background-color:rgb(229 231 234);
    color :rgb(203, 203, 203);
    transform: scaleX(1);
    transition: transform .6s cubic-bezier(.08, .35, .13, 1.02), opacity  
 }
.mygroup-conts:hover{
    opacity: 1;
    background-color:rgb(229 231 234);
    color :rgb(203, 203, 203);
    transform: scaleX(1);
    transition: transform .6s cubic-bezier(.08, .35, .13, 1.02), opacity 
 }
.btn-basic :hover{
  opacity: 1;
  background-color:rgb(229 231 234);
  color :#fff;
  transform: scaleX(1);
  transition: transform .6s cubic-bezier(.08, .35, .13, 1.02), opacity
 }
.list-setting li :hover{
    background-color:rgb(229 231 234); 
    transform: scale(0.98);
    box-shadow: 3px 2px 22px 1px rgba(0, 0, 0, 0.24); 
 }
.list-group .neumorphism:hover{
    opacity: 1;
    background-color:rgb(229 231 234);

    transform: scale(0.98);
    box-shadow: 3px 2px 22px 1px rgba(0, 0, 0, 0.24);
   
 }
/* .hd-close .neumorphism:active{
    background-color:rgb(229 231 234); 
    transform: scale(0.98);
    box-shadow: 3px 2px 22px 1px rgba(0, 0, 0, 0.24);  
   
 } */
.chat-notice .neumorphism:hover{
    opacity: 1;
    background-color:rgb(229 231 234);

    transform: scale(0.98);
    box-shadow: 3px 2px 22px 1px rgba(0, 0, 0, 0.24);
   
 }
.list-profile2 .neumorphism:hover{
    opacity: 1;
    background-color:rgb(229 231 234);

    border-radius: 20px;
    color :#fff;
    transform: scaleX(1);
    transition: transform .6s cubic-bezier(.08, .35, .13, 1.02), opacity
   
 }
.chat-notice:hover{
    opacity: 1;
    background-color:rgb(229 231 234);

    border-radius: 20px;
    color :#fff;
    transform: scaleX(1);
    transition: transform .6s cubic-bezier(.08, .35, .13, 1.02), opacity
 }
.btn-basic:visited{
    background-color:rgb(220 222 226);
 }
/*form style*/
.list-frm > li { margin-bottom: 30px; }
.list-frm > li:last-child { margin-bottom: 0; }
.inp-frm2 { display: block; width: 100%; height: 40px; padding: 0 16px; border: 1px solid #ededed; border-radius:10px;  box-sizing: border-box; background: #fff; font-size: 14px; color: #7c7f8a; }
.inp-frm { display: block; width: 100%; height: 40px; padding: 0 16px; border-radius: 20px !important; box-sizing: border-box; background: #fff; font-size: 14px; color: #7c7f8a;  border: 1px solid #C9CDD4;}
.textarea-frm { display: block; position: relative; width: 100%; height: 260px; border: none; border-radius: 12px !important; box-sizing: border-box; background: #fff; }
.textarea-frm textarea { width: 100%; height: calc(100% - 20px); padding: 12px 16px; border: none; box-sizing: border-box; background: none; resize: none; font-size: 14px; color: #7c7f8a; line-height: 24px; }
.textarea-frm .txt-count { position: absolute; right: 15px; font-size: 14px; color: #bbbece; }
.textarea_sub-frm { display: block; position: relative; width: 100%; height: 150px; border: none; border-radius: 12px !important; box-sizing: border-box; background: #e9ecf1; }
.textarea_sbu-frm textarea { width: 100%; height: calc(100% - 20px); padding: 12px 16px; border: none; box-sizing: border-box; background: none; resize: none; font-size: 14px; color: #7c7f8a; line-height: 24px; }
.textarea_sub-frm .txt-count { position: absolute; right: 15px; bottom: 10px; font-size: 14px; color: #bbbece; }
.centertilt{
    margin-bottom: 5px;
    padding-top: 10px;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    font-size: 16px;
    font-weight: 400;
    color: rgb(124 127 138);
}
.centerupload{ display: flex; justify-content: space-between; align-items: center; margin-top:15px;margin-bottom:15px;}
.centerupload li { position: relative; width:110px; height: 150px; background: url('btn_plus1.png') center center no-repeat #e9ecf1; background-size: 18px; border-radius: 15px; box-sizing: border-box; cursor: pointer; }
.centerupload img { position: absolute; top: 0; left: 0; width: 100%; height: 100%; box-sizing: border-box; border-radius: 15px;  }
/*checkbox & radio button style*/
.ck-custom { display: none; }
.ck-custom + label { display: inline-block; font-size: 14px; color: #7c7f8a; cursor: pointer; }
.ck-custom + label .custom { display: inline-block; width: 20px; height: 20px; margin-right: 12px; border-radius: 2px; box-shadow: -1px -1px 1px rgba(0, 0, 0, 0.2), inset -1px -1px 1px rgba(255, 255, 255, 0.5); box-sizing: border-box; background: url('btn_check1_off.png') center center no-repeat #e9ecf1; background-size: 16px; vertical-align: -5px; cursor: pointer; }
.ck-custom:checked + label .custom { background-image: url('btn_check1_on.png'); }
.ck-custom2 { display: none; }
.ck-custom2 + label { display: inline-block; width: 100%; height: 36px; line-height: 36px; font-size: 14px; font-weight: 600; color: #7c7f8a; cursor: pointer; }
.ck-custom2:checked + label { border-radius: 18px; box-shadow: -3px -3px 3px rgba(0, 0, 0, 0.08), inset -2px -2px 2px rgba(255, 255, 255, 0.5); box-sizing: border-box; background-color: #e9ecf1; }
.ck-custom3 { display: none; }
.ck-custom3 + label { display: block; width: 32px; height: 32px; border-radius: 12px; box-sizing: border-box; background: url('btn_check2_off.png') center center no-repeat; background-size: 16px; }
.ck-custom3:checked + label { background-image: url('btn_check2_on.png'); }
.ck-custom_heart_on { display: none; }
.ck-custom_heart_on + label { display: block; width: 32px; height: 32px; border-radius: 12px; box-sizing: border-box; background: url('btn_check2_on.png') center center no-repeat; background-size: 16px; }
.ck-custom_heart_off { display: none; }
.ck-custom_heart_off + label { display: block; width: 32px; height: 32px; border-radius: 12px; box-sizing: border-box; background: url('btn_check2_off.png') center center no-repeat; background-size: 16px; }
.ck-custom4 { display: none; }
.ck-custom4 + label { display: flex; justify-content: space-between; font-size: 14px; font-weight: 600; color: #7c7f8a; cursor: pointer; }
.ck-custom4 + label .custom { display: inline-block; width: 20px; height: 20px; border-radius: 2px; box-shadow: -1px -1px 1px rgba(0, 0, 0, 0.2), inset -1px -1px 1px rgba(255, 255, 255, 0.5); box-sizing: border-box; background: url('btn_check1_off.png') center center no-repeat #e9ecf1; background-size: 16px; cursor: pointer; }
.ck-custom4:checked + label .custom { background-image: url('btn_check1_on.png'); }
/*file style*/
.btn-upload { display: block; position: relative; width: 100%; height: 56px; line-height: 56px; border: none; border-radius: 28px !important; box-shadow: -6px -6px 6px rgba(255, 255, 255, 0.3), 6px 6px 6px rgba(0, 0, 0, 0.08); box-sizing: border-box; background-color: #e9ecf1; }
.btn-upload label { display: block; width: 100%; height: 100%; font-size: 16px; font-weight: 600; color: #7c7f8a; text-align: center; }
.btn-upload input[type="file"] { position: absolute; top: 0; left: 0; z-index: 1; width: 100%; height: 100%; opacity: 0; cursor: pointer; }
.btn-upload2 { display: block; position: relative; width: 32px; height: 32px; border-radius: 12px; box-shadow: -1px -1px 1px rgba(0, 0, 0, 0.2), inset -1px -1px 1px rgba(255, 255, 255, 0.5); box-sizing: border-box; background: url('btn_plus1.png') center center no-repeat #e9ecf1; background-size: 12px; }
.btn-upload2 label { display: block; width: 100%; height: 100%; }
.btn-upload2 input[type="file"] { position: absolute; top: 0; left: 0; z-index: 1; width: 100%; height: 100%; opacity: 0; cursor: pointer; }
.btn-upload3 { display: block; position: relative; width: 100px; height: 100px; border-radius: 50%; 
    box-shadow: -6px -6px 6px rgba(255, 255, 255, 0.3), 6px 6px 6px rgba(0, 0, 0, 0.08);
     box-sizing: border-box; background: url('ico_user3.png') center center no-repeat #e9ecf1; background-size: 66px; }
.btn-upload3 label { display: block; width: 100%; height: 100%; }
.btn-upload3 input[type="file"] { position: absolute; top: 0; left: 0; z-index: 1; width: 100%; height: 100%; opacity: 0; cursor: pointer; }
.btn-upload3 img { width: 100%; height: 100%; border-radius: 50%; box-sizing: border-box; }
.btn-upload4{display: block;position: relative;width: 55px;height: 55px;border-radius: 12px;box-sizing: border-box;background: url('btn_plus1.png') center center no-repeat #ffffff;background-size: 55px;margin: 30%;}
/* .btn-center { display: block; position: relative;  height: 150px; border-radius: 50%;  box-sizing: border-box; background: url('../img/intro_logo.png') center center no-repeat #e9ecf1; background-size: 200px; }
.btn-center label { display: block; width: 100%; height: 100%; }
.btn-center input[type="file"] { position: absolute; top: 0; left: 0; z-index: 1; width: 100%; height: 100%; opacity: 0; cursor: pointer; }
.btn-center img { width: 100%; height: 100%; border-radius: 50%; box-sizing: border-box; } */
/*text style*/
.tit-group { margin-bottom: 20px; }
.tit-area { display: flex; justify-content: space-between; align-items: center; margin-bottom: 22px; }
.tit-area .btn-more { width: 24px; height: 24px; border: none; border-radius: 8px; box-sizing: border-box; background: url('btn_more1.png') center center no-repeat; background-size: 12px; }
.tit { margin-bottom: 10px; padding-top:10px; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; font-size: 18px; font-weight: 400;  }
.tit2 { margin-bottom: 20px; font-size: 16px; font-weight: 400; color: #7c7f8a; word-break: keep-all; }
.tit3 { font-size: 22px; font-weight: 600; color: #7c7f8a; }
.tit-sub { margin-bottom: 16px; font-size: 14px; color: #bbbece; line-height: 19px; }
.tit-group .tit { margin-bottom: 20px; }
.btn-more { width: 24px; height: 24px; border: none; border-radius: 8px; box-sizing: border-box; background: url('btn_more1.png') center center no-repeat; background-size: 12px; }
/*thumbnail style*/
.thumb { width: 100%; background-position: center center; background-repeat: no-repeat; background-size: cover; }
.thumb2 { width: 100%; background-position: center center; background-repeat: no-repeat; background-size: cover; background: url('btn_more1.png') }
/*modal style*/
.modal-layer2 { display: none; position: fixed; left: 0; right: 0; bottom: 50%; width: calc(80% - 24px); margin: 0 auto; border-radius: 14px; box-sizing: border-box;  top:10%;}
.dim-layer { display: block; position: fixed; _position: fixed; top: 0; left: 0; width: 100%; height: 100%; z-index: 1000; }
.dim-layer2-on { display: block; }
.dim-layer .dimBg { position: absolute; top: 0; left: 0; width: 100%; height: 100%; background: #000; opacity: .01; filter: alpha(opacity=50); }
.dim-layer .modal-layer2 { display: block; }
.dim-layer3 { display: block; position: fixed; _position: fixed; top: 0; left: 0; width: 100%; height: 100%; z-index: 1000; }
.dim-layer3-on { display: block; }
.dim-layer3 .dimBg { position: absolute; top: 0; left: 0; width: 100%; height: 100%; background: rgb(233 236 241); opacity: 1; filter: alpha(opacity=50); }
.dim-layer3 .modal-layer2 { display: block; }
.modal-layer { display: none; position: fixed; left: 0; right: 0; bottom: 50%; width: calc(50% - 24px); margin: 0 auto; border-radius: 14px; box-sizing: border-box; }
.dim-layer { display: block; position: fixed; _position: fixed; top: 0; left: 0; width: 100%; height: 100%; z-index: 1000; }
.dim-layer-on { display: block; }
.dim-layer .dimBg { position: absolute; top: 0; left: 0; width: 100%; height: 100%; background: #000; opacity: .5; filter: alpha(opacity=50); }
.dim-layer .modal-layer { display: block; }
.modal-layer-car { display: none; position: fixed; left: 0; right: 0; bottom: 10%; width: calc(100% - 24px); margin: 0 auto; border-radius: 14px; box-sizing: border-box; }
.dim-layer2 { display: block; position: fixed; _position: fixed; top: 0; left: 0; width: 100%; height: 100%; z-index: 1000; }
.dim-layer2-on { display: block; }
.dim-layer2 .dimBg { position: absolute; top: 0; left: 0; width: 100%; height: 100%; background: #000; opacity: .01; filter: alpha(opacity=50); }
.dim-layer2 .modal-layer2 { display: block; }
.alert-layer { display: block; position: fixed; _position: fixed; top: 0; left: 0; width: 100%; height: 100%; z-index: 1000; }
.alert-layer-on { display: block; }
.alert-layer .dimBg { position: absolute; top: 0; left: 0; width: 100%; height: 100%; background: #000; opacity: .5; filter: alpha(opacity=50); }
.alert-layer .modal-layer { display: block; }
.alert-layer .modal-layer .modal-container { text-align: center; }
.alert-layer .modal-layer2 { display: block; }
.alert-layer .modal-layer2 .modal-container { text-align: center; }
.modal-img img { width: 80px;height:80px;}
.modal-img div { font-size:25px;font-weight: 600;color:#707070;padding-top:20px;}
.modal-msg { height: 80px;padding-top:30px;background: #f30707; color:#fff; font-size:35px; font-weight: bold; text-align: center;border-radius: 20px;}
.modal-msg2 { height: 580px;padding-top:30px;background: #fbfbfb; color:rgb(6, 5, 5); font-size:35px; font-weight: bold; text-align: center;border-radius: 20px;    width: 90%;
    margin-left: 10%; z-index: 9000;}
.modal-container {border-radius: 12px; box-sizing: border-box; }
.modal-container-schedule { padding: 260px 28px 20px; box-sizing: border-box; background: #e9ecf1; }
.modal-container-schedule .btns .btn { width:45%;display:inline-block;margin-bottom: 20px;margin-left: 10px;height: 50px; }
.modal-message { margin-bottom: 37px; font-size: 16px; color: #707070; text-align: center; }
.modal-close { display: block; position: absolute; top: 12px; right: 12px; width: 32px; height: 32px; border: none; border-radius: 12px !important; box-sizing: border-box; background: url('btn_x1.png') center center no-repeat; background-size: 12px; }
.modal-layer-v1 { height: calc(100% - 24px); overflow-y: auto; }
.modal-layer-v1 .modal-container { padding: 16px; }
.modal-layer-v2 { height: calc(100% - 24px); }
.modal-layer-v2 .modal-container { height: 100%; }
/*header style*/
/* .header { display: flex; flex-direction: column; justify-content: center; 
    align-items: center; position: fixed; top: 0; left: 0; z-index: 100; 
    width: 100%; height: 60px; padding: 0 20px; box-sizing: border-box;     
    border-bottom: 1px solid #ededed;}
.hd { display: flex; justify-content: space-between; align-items: center; position: relative; width: 100%; }
.hd .hd-l { display: flex; align-items: center; max-width: 75%; }
.hd .hd-l .hd-tit { max-width: calc(100% - 52px); margin-left: 60px; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
.hd-close { display: block; position: relative; width: 32px; height: 32px; border: none; border-radius: 12px; box-sizing: border-box; background: url('../img/btn_x1.png') center center no-repeat #fff; background-size: 12px; }
.hd .hd-back { display: block; position: relative; width: 32px; height: 32px; border: none; border-radius: 12px; box-sizing: border-box; background: url('../img/btn_back1.png') center center no-repeat #ffffff; background-size: 12px; }
.hd .hd-tit { font-weight: 700; color:#2a2a2a;font-size: 16px;margin-left:60px; }

.registhd .hd-tit{ font-weight: 700; color:#2a2a2a;font-size: 20px;text-align: center; }

.hd-hamburger { display: block; width: 32px; height: 32px; border: 1px solid #ededed; border-radius: 12px; box-sizing: border-box; background: url('../img/btn_hamburger1.png') center center no-repeat #fff; background-size: 12px; }
.hd .hd-hamburger { border:none; margin-left:5px; display: block; width: 32px; height: 32px; border-radius: 12px; box-sizing: border-box; background: url('../img/btn_hamburger1.png') center center no-repeat rgb(251,251,251); background-size: 20px; }
.hd .hd-search {  border:none; margin-left:5px; width: 32px; height: 32px;  border-radius: 12px; box-sizing: border-box; background: url('../img/search.png') center center no-repeat rgb(251,251,251); background-size: 20px; }
.hd .hd-person {  border:none; margin-left:5px; width: 32px; height: 32px;  border-radius: 12px; box-sizing: border-box; background: url('../img/ico_user2.png') center center no-repeat rgb(251,251,251); background-size: 20px; }
.hd .hd-msg {  border:none; margin-left:5px; width: 32px; height: 32px;  border-radius: 12px; box-sizing: border-box; background: url('../img/ico_footer3_off.png') center center no-repeat rgb(251,251,251); background-size: 20px; }
.hd .hd-btn-alarm {  border:none; margin-left:5px; width: 32px; height: 32px;  border-radius: 12px; box-sizing: border-box; background: url('../img/ico_bell1.png') center center no-repeat rgb(251,251,251); background-size: 20px; }

.hd-search {  border:none; margin-left:5px; width: 32px; height: 32px;  border-radius: 12px; box-sizing: border-box; background: url('../img/search.png') center center no-repeat #e9e9e9; background-size: 20px; }


.hd .hd-btns { display: flex; justify-content: flex-end; align-items: center; }
.hd .hd-btns li { margin-left: 20px; }



/*header style*/
/* .hd-close2 { display: block; position: relative; width: 32px; height: 32px; border: none; border-radius: 12px; box-sizing: border-box; background: url('../img/btn_x1.png') center center no-repeat #e9ecf1; background-size: 12px; } */
*/


.header { position: fixed; top: 0; left: 0; z-index: 100; width: 100%; }
.hd {  display: flex; justify-content: space-between; align-items: center; position: relative; height: 50px; padding: 30px 20px; box-sizing: border-box; }
.hd .hd-tit { font-weight: 700; color:#333333;font-size: 18px; font-family: 'PretendardVariableBold'; margin-left:-10% !important; }
.hd .hd-center { font-weight: 700; color:#333333;font-size: 18px;}
.hd-l { display: flex; align-items: center; height: 100%; }
.hd-l .hd-close { position: absolute; top: 0; left: 0; width: 50px; height: 100%; border: none; background: url('ico_close2.png') center center no-repeat; background-size: 18px; }
.hd-l .hd-back { position: absolute; top: 0; left: 0; width: 50px; height: 100%; border: none; background: url('ico_arrow_back1.png') center center no-repeat; background-size: 8px; }
.hd-l .hd-logo { height: 28px; margin-bottom: 5px; }
.hd-r { display: flex; justify-content: flex-end; align-items: center; height: 100%; }
.hd-r .hd-ico { position: relative; height: 40px; margin-right: 10px; border: none; background: none; }
.hd-r .hd-ico:last-child { margin-right: 0; }
.hd-r .hd-ico img { height: 24px; }
.hd-r .hd-ico .count { display: flex; justify-content: center; align-items: center; position: absolute; top: 5px; right: -10px; width: 15px; height: 15px; border-radius: 50%; box-sizing: border-box; background: #ff0000; font-size: 10px; font-weight: 400; color: #fff; }
.hd-blank { height: 30px; }
/* .hd-close { display: block; position: relative; width: 32px; height: 32px; border: none; border-radius: 12px; box-sizing: border-box; background: url('../img/prev.png') center center no-repeat #fff; background-size: 12px; } */
.hd-search {  border:none; margin-left:5px; width: 32px; height: 32px;  border-radius: 12px; box-sizing: border-box; background: url('search.png') center center no-repeat transparent; background-size: 20px; }
.btn-ico { display: block; width: 32px; height: 32px; border: none; border-radius: 12px !important; box-sizing: border-box; background-position: center center; background-repeat: no-repeat;  background-size: 16px; background-color: transparent; }
.btn-ico-coin { background-image: url('ico_coin1.png'); }
.btn-ico-push { background-image: url('ico_bell1.png'); }
.btn-ico-filter { background-image: url('ico_filter1.png'); background-size: 16px; }
.btn-ico-refresh { background-image: url('refresh.png'); background-size: 16px; }
.btn-ico-message { background-image: url('ico_message1.png'); background-size: 16px; }
.btn-ico-call { background-image: url('ic_report.svg'); background-size: 18px; }
.btn-ico-wronguser { background-image: url('wronguser.png'); background-size: 18px; }
.btn-ico-stealth { background-image: url('ic_hide.svg'); background-size: 15px; }
.btn-ico-trash { background-image: url('trash.png'); background-size: 15px; }
.btn-ico-modify { background-image: url('btn_check3_on.png'); background-size: 16px; }
.btn-ico-dollar { background-image: url('dollar.png'); background-size: 16px; }
.btn-ico-plus { background-image: url('plus.png'); background-size: 32px; }
.btn-ico-arrow { background-image: url('btn_arrow_bottom2.png'); }
.btn-ico-more { background-image: url('btn_more1.png'); }
.btn-ico-camera { background-image: url('camera.png'); }
/* .btn-ico-document { background-image: url('../img/ico_document1.png'); }
.btn-ico-group{ background-image: url('../img/intro_logo.png'); background-size: 35px; }
.btn-ico-system{ background-image: url('../img/intro_logo.png'); background-size: 50px; }
.btn-ico-heart{ background-image: url('../img/btn_check2_on.png'); }
.btn-ico-heartoff{ background-image: url('../img/btn_check2_off.png'); }
 */
.btn-ico-plus { background-image: url('ico_plus.png'); }
.btn-ico-delete { background-image: url('close.png'); position: absolute; height: 15px;background-size: cover;width: 15px;margin-left:65px; margin-top:-30px; }
.btn-ico-delete2{ background-image: url('close.png');position: absolute;height: 15px;background-size: cover;width: 15px;margin-top: -160px;z-index: 200;margin-left: 85%;border-radius: 20px;}
.btn-ico-delete3{ background-image: url('close.png');position: absolute;height: 15px;background-size: cover;width: 15px;margin-top: -105px;z-index: 200;margin-left: 85%;border-radius: 20px;}
.btn-ico-delete4{ background-image: url('close.png');position: absolute;height: 15px;background-size: cover;width: 15px;margin-top: -20px;z-index: 200;margin-left: 75%;padding-left: 30p;}
.btn-ico-delete5{ background-image: url('close.png');position: absolute;height: 15px;background-size: cover;width: 15px;z-index: 200;border-radius: 20px;left: 75%;margin-top: -75px;}
.btn-txt { height: 32px; padding: 0 14px; border: none; border-radius: 16px !important; box-sizing: border-box; background: #e9ecf1; font-size: 12px; font-weight: 600; color: #7c7f8a; }
.commonbtn{margin-left: 5px;height: 52px;padding-top: 15px;border-radius: 8px;text-align: center;background: #386aab;border-radius: 8px;}
.commonbtntext{font-style: normal;font-weight: 800;font-size: 17px;line-height: 20px;color: #FFFFFF; background: transparent;}
.registerbtn{margin-left: 5px;height: 42px;padding-top: 15px;border-radius: 8px;text-align: center;border-radius: 8px;background-color: #fff;}
.registerbtntext{font-style: normal;font-weight: 800;font-size: 17px;line-height: 20px;color:#999999; background: transparent;}
.nextbtn{font-size:18px; background: #E03935 0% 0% no-repeat padding-box;color:#fff; width: 100%;height:50px; border-radius:30px; border:none}
.nextbtn2{font-size:18px; background: #DEDEDE 0% 0% no-repeat padding-box;color:#fff; width: 100%;height:50px; border-radius:30px; border:none}
.shopbtn{margin-left: 10%; width: 80%;height: 32px;padding-top: 5px;border-radius: 8px;text-align: center;background: #386aab;border-radius: 8px;}
.shopbtntext{font-style: normal;font-weight: 500;font-size: 17px;line-height: 20px;color: #FFFFFF;}
.adjustbtn{margin-right: 55px;height: 32px;padding-top: 7px;border-radius: 8px;text-align: center;background:#535455d4;border-radius: 8px;width: 30%;margin-left: 63%;}
.adjustbtntext{font-style: normal;font-weight: 900;font-size: 14px;line-height: 20px;color: #cacaca;}
.programtag{background-color: #497ff0;color:#fff;width: 100%;height: 35px;font-size: 12px;font-weight: 600;display: inline-block;margin-right: 20px; border:1px solid #ededed}
.EnableJoin{padding: 5px;text-align: center;font-size: 14px;height: 60px;border: 1px solid rgb(235 235 235);vertical-align: center;border-radius: 5px;}
.DisableJoin{padding: 10px;text-align: center;font-size: 14px;height: 60px;background: rgb(249 249 249);border: 1px solid rgb(235 235 235);vertical-align: center;border-radius: 5px;}
.commonsubEnablebtn{margin-left: 5px;height: 42px;padding-top: 10px;border-radius: 8px;text-align: center;background: #333;border-radius: 8px;width: 48%;display: inline-block;}
.commonsubEnablebtntext{font-style: normal;font-weight: 600;font-size: 14px;line-height: 20px;color: #FFFFFF;}
.commonsubbtn{margin-left: 5px;height: 42px;border:1px solid #e1dede;padding-top: 10px;border-radius: 8px;text-align: center;background: #fff;border-radius: 8px;width: 48%;display: inline-block;}
.commonsubbtntext{font-style: normal;font-weight: 600;font-size: 14px;line-height: 20px;color: #7e7878;}
.commonsubEnablebtn2{margin-left: 5px;height: 30px;padding-top: 5px;border-radius: 8px;text-align: center;background: #333;border-radius: 8px;width: 45%;display: inline-block;}
.commonsubEnablebtntext2{font-style: normal;font-weight: 500;font-size: 12px;line-height: 15px;color: #FFFFFF;}
.commonsubbtn2{margin-left: 5px;height: 30px;border:1px solid #e1dede;padding-top: 5px;border-radius: 8px;text-align: center;background: #fff;border-radius: 8px;width: 45%;display: inline-block;}
.commonsubbtntext2{font-style: normal;font-weight: 500;font-size: 12px;line-height: 15px;color: #000;}
.commonsubEnablebtn4{margin-left: 5px;height: 42px;padding-top: 10px;border-radius: 8px;text-align: center;background: rgb(255 164 66);border-radius: 8px;width: 30%;display: inline-block;}
.commonsubEnablebtntext4{font-style: normal;font-weight: 500;font-size: 14px;line-height: 20px;color: #FFFFFF;}
.commonsubbtn4{margin-left: 5px;height: 42px;border:1px solid #e1dede;padding-top: 10px;border-radius: 8px;text-align: center;background: #fff;border-radius: 8px;width: 30%;display: inline-block;}
.commonsubbtntext4{font-style: normal;font-weight: 500;font-size: 14px;line-height: 20px;color: #7e7878;}
.commonsubEnablebtn3{margin-left: 5px;height: 30px;padding-top: 5px;border-radius: 8px;text-align: center;background: rgb(66, 72, 255);border-radius: 8px;width: 45%;display: inline-block;}
.commonsubEnablebtntext3{font-style: normal;font-weight: 500;font-size: 12px;line-height: 15px;color: #FFFFFF;}
.commonsubbtn3{margin-left: 5px;height: 30px;border:1px solid #e1dede;padding-top: 5px;border-radius: 8px;text-align: center;background: #fff;border-radius: 8px;width: 45%;display: inline-block;}
.commonsubbtntext3{font-style: normal;font-weight: 500;font-size: 12px;line-height: 15px;color: #7e7878;}
.commontemporaryEnablebtn{margin-left: 5px;height: 42px;padding-top: 10px;border-radius: 8px;text-align: center;background: rgb(255 164 66);border-radius: 8px;width: 100%;display: inline-block;}
.commontemporaryEnablebtntext{font-style: normal;font-weight: 500;font-size: 14px;line-height: 20px;color: #FFFFFF;}
.infodata{ width: 100%; height:100%;white-space: pre-wrap; border-radius: 20px; padding:25px;}
.commontemporarybtn{margin-left: 5px;height: 42px;border:1px solid #e1dede;padding-top: 10px;border-radius: 8px;text-align: center;background: #fff;border-radius: 8px;width: 100%;display: inline-block;}
.commontemporarybtntext{font-style: normal;font-weight: 500;font-size: 14px;line-height: 20px;color: #7e7878;}
.progressbarEnable{display:inline-block;border-radius: 10px;width: 10px; height: 10px; background-color: #ffa442;}
.progressbarDisable{display:inline-block;border-radius: 10px;width: 10px; height: 10px; background-color: #ededed;}
.contents{border: 1px solid #ededed; height: 200px;margin:15px;}
.plus{font-size: 50px;
    color: rgb(89 86 86);
    padding: 5px 10px 5px 10px;
    background: rgb(237 237 237);
    width: 10%;
    border-radius: 30px;
    font-weight: 900;}
.topbtn {position: fixed;bottom:  calc(env(safe-area-inset-bottom) + 118px);bottom:  calc(const(safe-area-inset-bottom) + 108px);right: 78px;padding: 10px 10px 10px 10px;background-color: #c9c4bee6;border-radius :20px;z-index: 1002;width: 50px;height: 50px;}
.heartbtn {position: fixed;bottom:  calc(env(safe-area-inset-bottom) + 118px);bottom:  calc(const(safe-area-inset-bottom) + 108px);right: 18px;padding: 10px 10px 10px 10px;background-color: #c9c4bee6;border-radius :20px;z-index: 1002;width: 50px;height: 50px;}
.readybtn {text-align:center;  position: fixed;bottom:  calc(env(safe-area-inset-bottom) + 118px);bottom:  calc(const(safe-area-inset-bottom) + 108px);right: 78px;padding: 17px 15px;background-color: #E03935; color:#fff; border-radius :30px;z-index: 1002;width: 15%;height: 55px; left:80%;}
.readybtn a{font-size: 16px;color: rgb(255 255 255);font-weight: 800;}
.chatbtn {text-align:center;  position: fixed;bottom: calc(env(safe-area-inset-bottom) + 58px);right:18px;padding: 15px 10px 10px 10px;background-color: #272727;border-radius: 30px;z-index: 1002;width: 35%;height: 50px;color: rgb(255 255 255);}
.chatbtn a{font-size: 16px;color: rgb(255 255 255);font-weight: 800;}
.teacher .introMsg {padding:20px 20px 0px;font-size:16px;font-weight: 600; color:#837e7e;}
.teacher ul{padding:40px 40px 0px;}
.teacher ul li{list-style-type :disc;color:#837e7e; font-size: 14px;margin-bottom:15px;}
.teachercontent{font-size: 14px;color: rgb(129 122 122);padding: 10px 0px 0px 10px;border: 1px solid rgb(237 237 237);margin: 20px;min-height: 150px; background-color: #fff;}
.teachercontent textarea{background-color: #fff; border:none; height: 300px; width: 100%;}
.teacherprogramlist{ list-style-type: disk;color: rgb(120 120 120);font-size: 14px;margin-bottom: 20px;}
.header-v1 .hd-l .hd-tit { display: none; }
.header.active { box-shadow: 0 6px 6px rgba(0, 0, 0, 0.08); }
.header.active .hd-l .hd-tit { display: block; }
.header.active .btn-txt { display: none; }
.category-group { padding: 15px 0 10px 5px; box-sizing: border-box; white-space: nowrap; overflow-x: auto; }
.category-group a { display: inline-block; min-width: 60px; height: 35px; line-height: 28px; padding: 0 10px; border: 1px solid transparent; box-sizing: border-box; font-size: 13px; font-weight: 500; color: #959595; text-align: center; letter-spacing: -0.05em; }
.category-group a.active {border-bottom: 3px solid #000; color:#000}
.maininfo{position: absolute;height: 22px;margin-left: 24px;top: 106px;font-style: normal;font-weight: bold;font-size: 26px;line-height: 36px;color: #000000;}
.subinfo{position: absolute;height: 40px;margin-left: 24px;top: 186px;font-style: normal;font-weight: normal;font-size: 14px;line-height: 20px;color: #686C73;}
.context{position: absolute;height: 24px;margin-left:20px;margin-top:30px;margin-bottom:20px;font-style: normal;font-size: 18px;line-height: 24px; color: #000000;background-color: rgb(237 237 237);}
.context2{height: 50px; padding:15px;font-style: normal;font-size: 16px;line-height: 24px; color: rgb(114 114 114);letter-spacing: -0.05em;background-color: rgb(237 237 237); font-weight: 900;}
.product_package{width: 95%;height: 550px;background: #FFFFFF;box-shadow: 0px 8px 40px rgba(0, 0, 0, 0.1);border-radius: 20px; margin-bottom: 10px;}
.pdtitle{width: 300px;font-style: normal;font-weight: 600;font-size: 16px;line-height: 22px;    padding: 10px 0px 10px 0px; color:#484747}
.pduseraddress{width: 256px;font-style: normal;font-weight: normal;color : #898D93;font-size: 15px;line-height: 22px;    padding: 0px 0px 10px 0px;}
.pdprice{width: 166px;font-style: normal;font-weight: normal;margin-left: 20px;font-size: 15px;color : #898D93;line-height: 22px; padding: 0px 0px 10px 0px; }
.recommenditem{font-size:18px; font-weight:600; color:#fff;position:absolute; top:20px; left:20px; z-index:102;}
.recommenditemaddr{font-size:16px; font-weight:600; color:#fff;position:absolute; top:50px; left:20px; z-index:102;}
.recommenditemprice{font-size:16px; font-weight:600; color:#fff;position:absolute; top:80px; left:20px; z-index:102;}
.pdbtn{height: 40px;width: 100%;padding:20px;border-radius: 8px;background: #1388F4;display: inline-block;border-radius: 8px;text-align: center;padding-top:15px; margin-top:20px;}
.pdbtn .text{font-style: normal;font-weight: normal;font-size: 15px;line-height: 18px;color: #fff;}
.pdbtn1{height: 40px;width: 45%;margin-left:20px;border-radius: 8px;background: #F5F6F8;display: inline-block;border-radius: 8px;text-align: center;padding-top:10px;}
.pdbtn1 .text{font-style: normal;font-weight: normal;font-size: 15px;line-height: 18px;color: #000000;}
.pdbtn2{height: 40px;width: 45%;display: inline-block;margin-left:10px;border-radius: 8px;background: #1388F4;border-radius: 8px;text-align: center;padding-top:10px;}
.pdbtn2 .text{font-style: normal;font-weight: normal;font-size: 15px;line-height: 18px;color: #fff;}
.category1{padding-top:20px;margin-left:5px; background-color: #F4F4F5; border-radius:10px;padding-bottom: 10px;}
.category1 .text{text-align: center; height: 40px;font-style: normal;font-weight: 600;font-size: 14px;line-height: 20px;color: #706e6e;}
.category1 > div >  img{height:30px; width:30px;}
.categorytext{margin-top:5px; text-align: center; font-size:13px;}
.category2{width: 102px;margin-top:20px;margin-left:20px;height: 86px;background: #2558AE;box-shadow: 0px 4px 8px rgba(37, 88, 174, 0.25);border-radius: 8px;}
.category2 .text{text-align: center; height: 40px;font-style: normal;font-weight: 600;font-size: 14px;line-height: 20px;color: #FFFFFF;}
.category3{width: 102px;margin-top:20px;margin-left:20px;height: 86px;background: #1AB4AA;box-shadow: 0px 4px 8px rgba(26, 180, 170, 0.25);border-radius: 8px;}
.category3 .text{text-align: center; height: 40px;font-style: normal;font-weight: 600;font-size: 14px;line-height: 20px;color: #FFFFFF;}
.productbtn{
    height: 42px;
    width: 320px;
    left: 0px;
    top: 0px;
    border-radius: 8px;
    text-align: center;
    font-size: 16px;
    padding-top: 12px;
    font-weight: 600;background: #1388F4;
    color:#fff;

}
/*hamburger menu style*/
.m-gnb { display: none; position: fixed; z-index: 99999; top: 0; right: -100%; width: 75%; height: 100%; border-top-left-radius: 20px; box-sizing: border-box; background: #e9ecf1; }
.m-gnb-bg { display: none; position: fixed; z-index: 99998; top: 0; left: 0; width: 100%; height: 100%; background-color: rgba(0, 0, 0, .5); }
.m-gnb .hd { padding: 20px; box-sizing: border-box; }
.m-gnb .m-gnb-conts { height: calc(100% - 72px); padding: 0 20px 20px; box-sizing: border-box; overflow-y: auto; }
.m-gnb .m-gnb-conts .memberdetail {font-size: 12px;margin-bottom:0px;font-weight: 600;color: rgb(112 112 112);padding: 6px;}
/*footer style*/
/* .footer { position: fixed; left: 0; right: 0; bottom: 0; width: 100%; z-index: 100; height: 72px; box-sizing: border-box; background: #fff;background-image: url('../img/bg_gnb_tab_first.png');  padding:25px; } */
/* .footer .ft { display: flex; justify-content: space-around; align-items: center; height: 100%; }
.footer .ft div a { display: block; width: 33.33%; height: 100%; background-position: center center; background-repeat: no-repeat; background-size: 24px; }
.footer .ft div a:nth-child(1) { background-image: url('../img/ico_footer1_off.png'); }
.footer .ft div a:nth-child(2) { background-image: url('../img/ico_footer2_off.png'); }
.footer .ft div a:nth-child(3) { background-image: url('../img/gnb_feed_n.png'); }
.footer .ft div a:nth-child(4) { background-image: url('../img/gnb_certification_n.png'); }
.footer .ft div a:nth-child(5) { background-image: url('../img/ico_footer4_off.png'); }


.footer .ft a:nth-child(1).active { background-image: url('../img/ico_footer1_on.png'); }
.footer .ft a:nth-child(2).active { background-image: url('../img/ico_footer2_on.png'); }
.footer .ft a:nth-child(3).active { background-image: url('../img/gnb_feed_p.png'); }

.footer .ft a:nth-child(4).active { background-image: url('../img/gnb_certification_p.png'); }
.footer .ft a:nth-child(5).active { background-image: url('../img/ico_footer4_on.png'); } */
.footer .ft { display: flex; justify-content: space-around; align-items: center; height: 100%; }
.footer .ft div .img { text-align:center; }
.footer .ft div .img img { width:25px;}
.footer .ft div .text { text-align:center; margin-top:5px; }
.footer .ft div .text .tab-title { font-size:13px;color:#484848;  }
.footer .ft div a:nth-child(1) { background-image: url('ico_footer1_off.png'); }
.footer .ft div a:nth-child(2) { background-image: url('ico_footer2_off.png'); }
.footer .ft div a:nth-child(3) { background-image: url('gnb_feed_n.png'); }
.footer .ft div a:nth-child(4) { background-image: url('gnb_certification_n.png'); }
.footer .ft div a:nth-child(5) { background-image: url('ico_footer4_off.png'); }
.footer .ft a:nth-child(1).active { background-image: url('ico_footer1_on.png'); }
.footer .ft a:nth-child(2).active { background-image: url('ico_footer2_on.png'); }
.footer .ft a:nth-child(3).active { background-image: url('gnb_feed_p.png'); }
.footer .ft a:nth-child(4).active { background-image: url('gnb_certification_p.png'); }
.footer .ft a:nth-child(5).active { background-image: url('ico_footer4_on.png'); }
.alarmcount{
    color: rgb(255 0 0);
    font-size: 40px;
    font-weight: 900;
    text-align: center;
    border-radius: 10px;
    position: relative;
    top: -15px;
    left: 20px;
}
.alarmcount2{color: rgb(255 0 0);font-size: 40px;font-weight: 900;text-align: center;border-radius: 10px;position: absolute;top: -10px;left: 50px;}
.footer2 { position: fixed; left: 0; right: 0; bottom: 0; width: 100%; z-index: 100; height: 80px;border-top: 1px solid rgb(236 236 236); background-color: #fff;  }
/*인트로*/
.intro { height: 100%; background: url('img_logo1.png') center center no-repeat; background-size: 128px; }
/*로그인*/
.login .img-logo { display: block; width: 128px; margin: 0 auto 20px; }
.login .register{position: absolute;width: 45px;height: 16px;left: 295px;top: 58px;font-style: normal;font-weight: normal;font-size: 13px;line-height: 16px;text-align: right;color: #898D93;}
.login .tit-login { margin-bottom: 20px; font-size: 34px; font-weight: 600; color: #fff; text-align: center; font-weight: 600; }
.login .tit-login-desc {width: 100%;height: 54px;font-style: normal;font-weight: normal;font-size: 16px;line-height: 22px;   text-align: center;color: #fff;}
.login-util { display: flex; justify-content: space-between; align-items: center; margin: 30px 0; }
.login-util .ck-custom + label { font-size: 12px; font-weight: 600; color:#7c7f8a }
.login-util .ck-custom + label .custom { vertical-align: -7px; color:#7c7f8a }
/* .login-util .list-util { display: flex; justify-content: flex-end; align-items: center; }
.login-util .list-util li { margin-left: 16px; }
.login-util .list-util a { display: block; width: 24px; height: 24px; border-radius: 8px; box-sizing: border-box; background: center center no-repeat #e9ecf1; background-size: 12px; }
.login-util .list-util li:nth-child(1) a { background-image: url('../img/ico_lock1.png'); }
.login-util .list-util li:nth-child(2) a { background-image: url('../img/ico_user1.png'); } */
.login .flex-bottom { padding-bottom: 40px; box-sizing: border-box; text-align: center; }
.login .btn-basic{ margin-bottom: 30px; }
.login .link-sign { border-bottom: 1px solid #7c7f8a; box-sizing: border-box; font-size: 16px; font-weight: 600; color: #7c7f8a; }
.link-sign:visited{
    color:#6098FF;
}
/*인증*/
.code .inp-frm { text-align: center; }
.code .btn-basic { margin-top: 30px; }
.code #timer { height: 30px; margin: 16px 0; font-size: 16px; font-weight: 600; color: #7c7f8a; text-align: center; }
/*약관 동의*/
.agree .img-logo { display: block; width: 128px; margin: 20px auto 80px; }
.all-agree { margin-bottom: 25px; padding-bottom: 25px; border-bottom: 1px solid #dcdde2; box-sizing: border-box; }
.all-agree .ck-custom + label { font-size: 16px; }
.list-agree li { display: flex; margin-bottom: 20px; }
.list-agree .link-policy { width: calc(100% - 32px); background: url('btn_more1.png') right center no-repeat; background-size: 12px; font-size: 14px; color: #7c7f8a; }
/*기본 프로필*/
.box-gender { display: flex; flex-direction: column; justify-content: center; height: 60px; margin: 20px 0; padding: 12px 16px; border-radius: 30px; box-sizing: border-box; }
.list-gender { display: flex; justify-content: space-between; align-items: center; text-align: center; }
.list-gender li { width: 45%; }
.box-birthday { display: flex; justify-content: space-between; height: 60px; padding: 0 20px; border-radius: 30px; box-sizing: border-box; }
.box-birthday select { width: 25%; padding-right: 20px; border: none; box-sizing: border-box; background-color: transparent; font-size: 14px; font-weight: 600; color: #7c7f8a; text-align-last: center; }
.box-birthday select:first-child { text-align-last: center; }
/*내 사진*/
.list-upload { display: flex; justify-content: space-between; align-items: center; margin-bottom: 40px; }
.list-upload li { position: relative; width: 72px; height: 72px; background: url('btn_plus1.png') center center no-repeat #e9ecf1; background-size: 18px; border-radius: 50%; box-sizing: border-box; cursor: pointer; }
.list-upload img { position: absolute; top: 0; left: 0; width: 100%; height: 100%; border-radius: 50%; box-sizing: border-box; }
.list-upload2 { margin: 20px 40%;}
.list-upload2 li { position: relative; width: 72px; height: 72px; background: url('btn_plus1.png') center center no-repeat #f7f5f2; background-size: 70px; border-radius: 50%; box-sizing: border-box; cursor: pointer; }
.list-upload2 img { position: absolute; top: 0; left: 0; width: 100%; height: 100%; border-radius: 50%; box-sizing: border-box; }
.no_approve{position: absolute;height: 60px;width: 100%;color: rgb(255 255 255);font-size: 18px;background-color: rgb(6 6 6 / 82%);z-index: 200;top: 50px;padding: 20px;text-align: center;}
.schedule_header{border: 1px solid #bdb6b6; width:33%; height: 30px;text-align: center; color:#565050}
.schedule_body{border: 1px solid #bdb6b6;color:#565050; width:33%;height: 40px; padding:10px;text-align: center; font-size:14px;}
/*메인*/
.main .wrap { padding-top: 20px; }
.search-area { display: flex; justify-content: space-between; align-items: center; height: 40px; margin: 0px 20px 0px 20px; padding: 20px; border-radius: 5px; box-sizing: border-box; }
.inp-search { width: 100%; height: 44px; padding-left: 50px; border: none; border-radius: 10px !important; box-sizing: border-box; background: url('search.png') 18px center no-repeat #f5f5f5; background-size: 16px; font-size: 15px; font-weight: 400; color: #000; letter-spacing: -0.05em; }
.list-group { margin-bottom: 5px; }
.list-group > li { margin-bottom: 5px; margin-top:5px;padding: 14px 12px 11px; border-radius: 8px; box-sizing: border-box; cursor: pointer; }
.list-group > li:last-child { margin-bottom: 0; }
.list-group .group-info { margin-bottom: 12px; }
.list-group .group-info li { display: inline-flex; align-items: center; height: 34px; line-height: 24px; padding: 0 8px; border: 1px solid #dcdde2; border-radius: 12px; box-sizing: border-box; font-size: 12px; color: #7c7f8a; }
.list-group .group-info li img { height: 11px; margin-right: 5px; }
.list-group .group-name { padding:10px; height: 45px; font-weight: 600;font-size: 14px;line-height: 20px;color: #000000; }
.list-feed { margin-bottom: 30px; }
.list-feed > li { margin-bottom: 20px; padding: 14px 20px 11px; border-radius: 8px; box-sizing: border-box; cursor: pointer; }
.list-feed > li:last-child { margin-bottom: 0; }
.list-feed .group-info { margin-bottom: 12px; }
.list-feed .group-info li { display: inline-flex; align-items: center; height: 24px; line-height: 24px; padding: 0 8px; border: 1px solid #dcdde2; border-radius: 12px; box-sizing: border-box; font-size: 12px; color: #7c7f8a; }
.list-feed .group-info li img { height: 11px; margin-right: 5px; }
.list-feed .group-name { overflow: hidden; text-overflow: ellipsis; white-space: nowrap; font-size: 14px; color: #7C7F8A; font-weight: 500; }
.list-msg { margin-left:10px; margin-top:5px;}
.list-msg > li { padding-top:10px; padding-left:10px; border-radius: 8px; margin-bottom:20px; box-sizing: border-box; cursor: pointer; }
.list-msg > li:last-child { margin-bottom: 0; }
.list-msg .group-info { margin-bottom: 12px; }
.list-msg .group-info li { display: inline-flex; align-items: center; height: 24px; line-height: 24px; padding: 0 8px; border: 1px solid #dcdde2; border-radius: 12px; box-sizing: border-box; font-size: 12px; color: #7c7f8a; }
.list-msg .group-info li img { height: 11px; margin-right: 5px; }
.list-msg .group-name { overflow: hidden; text-overflow: ellipsis; white-space: nowrap; font-size: 16px;  }
.list-msg .person-name { overflow: hidden; text-overflow: ellipsis; white-space: nowrap; font-size: 15px; color: #707070;}
.list-msg .content{ background: url('ico_message1.png') center center no-repeat; background-size: 20px; width:24px; height: 24px; margin:10px; }
.list-msg .chat-notice-date{ color : #BBBECE; font-size:12px;float:right;}
.readcount{padding-top: 3px;background: rgb(243 62 31);border-radius: 50%;width: 25px;height: 25px;color: rgb(255 255 255);font-weight: 600;margin-top: -6px;text-align:center;}
.my-data .content{ background: url('content.png') center center no-repeat; background-size: 24px; width:24px; height: 24px; margin:10px; margin-left:48%; }
.lettercount{color: rgb(245 239 239);font-size: 14px;font-weight: 900;text-align: center;border-radius: 10px;position: absolute;background: rgb(84 83 83);width: 22px;top: 15px;left: 10px;}
.list-alarm > li { padding-top:10px; padding-left:10px; border-radius: 8px; box-sizing: border-box; cursor: pointer; }
.list-alarm > li:last-child { margin-bottom: 0; }
.list-alarm .group-info { margin-bottom: 12px; }
.list-alarm .group-info li { display: inline-flex; align-items: center; height: 24px; line-height: 24px; padding: 0 8px; border: 1px solid #dcdde2; border-radius: 12px; box-sizing: border-box; font-size: 12px; color: #7c7f8a; }
.list-alarm .group-info li img { height: 11px; margin-right: 5px; }
.list-alarm .group-name { overflow: hidden; text-overflow: ellipsis; white-space: nowrap; font-size: 16px;  color:rgb(69 69 70); }
.list-alarm .person-name { overflow: hidden; text-overflow: ellipsis; white-space: nowrap; font-size: 12px; color: #7c7f8a; margin-top:10px; }
.list-alarm .date{  padding-top:10px;color: #7c7f8a; }
.list-alarm .unread_group-name { overflow: hidden; text-overflow: ellipsis; white-space: nowrap; font-size: 16px; font-weight: 600; color:rgb(69 69 70); }
.list-alarm .unread_person-name { overflow: hidden; text-overflow: ellipsis; white-space: nowrap; font-size: 12px; font-weight: 600; color: #7c7f8a; margin-top:10px; }
.list-alarm .unread_date{  padding-top:10px;color: #7c7f8a; font-weight: 600; }
.list-feed >  { border-radius: 8px; box-sizing: border-box; cursor: pointer; }
.list-feed > li:last-child { margin-bottom: 0; }
.list-feed .group-info { margin-bottom: 12px; }
.list-feed .group-info li { display: inline-flex; align-items: center; height: 24px; line-height: 24px; padding: 0 8px; border: 1px solid #dcdde2; border-radius: 12px; box-sizing: border-box; font-size: 12px; color: #7c7f8a; }
.list-feed .group-info li img { height: 11px; margin-right: 5px; }
.list-feed .group-name { overflow: hidden; text-overflow: ellipsis; white-space: nowrap; font-size: 16px; font-weight: 600; color:rgb(69 69 70);  vertical-align: bottom;}
.list-feed .person-name { overflow: hidden; text-overflow: ellipsis; white-space: nowrap; font-size: 12px; color: #7c7f8a;  }
.list-feed .date{  padding-top:5px;color: #7c7f8a; }
/*모임개설*/
.btn-search { background-image: url('ico_coordinate1.png'); background-size: 12px; }
.group-open .btn-basic { margin-top: 30px; margin-bottom:60px; }
.list-ck-filter { display: flex; flex-wrap: wrap; align-items: center; }
.list-ck-filter li { min-width: 33.33%; margin-bottom: 20px; }
.list-ck-filter .ck-all { width: 100%; }
/*지역검색*/
.region-group { margin-bottom: 20px; border-radius: 12px; box-sizing: border-box; }
.region-group .tit-region { display: flex; justify-content: space-between; align-items: center; height: 56px; padding: 0 16px; box-sizing: border-box; }
.region-group .tit-region .tit2 { margin-bottom: 0; }
.region-group .tit-region .btn-toggle { width: 32px; height: 32px; border: none; border-radius: 12px; box-sizing: border-box; background: url('btn_arrow_bottom1.png') center center no-repeat #e9ecf1; background-size: 12px; }
.list-region { display: flex; flex-wrap: wrap; justify-content: space-between; width: calc(100% - 32px); margin: 3px auto 0; padding: 16px; border-radius: 12px; box-sizing: border-box; }
.list-region li { width: 28%; margin: 8px 0; }
.list-region .btn-basic { height: 32px; line-height: 32px; border-radius: 16px; box-sizing: border-box; font-size: 12px; }
.region-group.active { padding-bottom: 16px; box-sizing: border-box; }
.region-group.active .tit-region .btn-toggle { background-image: url('btn_arrow_top1.png'); }
.region-group.active .list-region { display: flex; }
/*채팅*/
.chat .wrap {  box-sizing: border-box; }
.chat-notice { position: fixed; top: 65px; left: 0; right: 0; z-index: 100;  margin: 0 auto; padding: 8px 16px 10px; border-radius: 12px; box-sizing: border-box; transition: 0.5s all ease; }
.chat-notice .tit-chat-notice { margin-bottom: 8px; font-size: 16px; font-weight: 600; color: #7c7f8a; }
.chat-notice .chat-notice-conts { display: -webkit-box;  -webkit-box-orient: vertical;  line-height: 30px; font-size: 12px; color: #7c7f8a; }
.chat-date {margin-bottom: 40px; text-align: center;margin-top:30px; }
.chat-date span { display: inline-block; height: 24px; line-height: 22px; margin: 0 auto; padding: 0 15px; border: 1px solid #dcdde2; border-radius: 12px; box-sizing: border-box; font-size: 10px; color: #7c7f8a; }
/* .list-chat { margin-top:50px;}
.list-chat li { position: relative; min-height: 75px; margin-bottom: 20px;  border-radius: 12px; box-sizing: border-box; }
.list-chat .ly { width: 100%; margin-bottom: 10px; }
.list-chat .ly:last-child { margin-bottom: 0; }
.list-chat .ly-r { margin-left: auto; }
.list-chat .box-chat { position: relative; border-radius: 12px; box-sizing: border-box; }
.list-chat .box-chat .box-chat-conts { display: flex; margin-bottom: 4px;position: relative;padding: 8px;border-radius: 12px;box-sizing: border-box;}
.list-chat .box-chat .user-info { display: flex; margin-bottom: 4px; }
.list-chat .box-chat .thumb-area { margin-right: 12px; }
.list-chat .box-chat .thumb { width: 40px; height: 40px; border-radius: 12px; box-sizing: border-box; margin-right: 10px; }
.list-chat .box-chat .user-detail { width: calc(100% - 52px); }
.list-chat .box-chat .user-detail .user-name-join {  padding-top:8px; overflow: hidden;   font-size: 12px; font-weight: 600; color: #7c7f8a; }
.list-chat .box-chat .user-detail .user-name { overflow: hidden; text-overflow: ellipsis; white-space: nowrap; font-size: 12px; font-weight: 600; color: #7c7f8a; padding-top:8px; }
.list-chat .box-chat .user-detail .authentication-mark { display: inline-block; height: 20px; line-height: 20px; margin-top: 4px; padding: 0 10px; border-radius: 10px; box-sizing: border-box; background: #bbbece; font-size: 10px; color: #fff; }
.list-chat .box-chat .user-detail .delete-mark { border-radius : 10px; display: inline-block; height: 20px; line-height: 20px; margin-top: 4px; padding: 0 10px; box-sizing: border-box; border: 1px solid rgb(204 201 201);font-size: 10px;  }
.list-chat .box-chat .chat-conts { font-size: 12px; color: #7c7f8a; line-height: 19px; }
.list-chat .box-chat .chat-time { top:12px; font-size: 12px; color: #bbbece; display: inline; margin-left: 5px;position: relative;}
.list-chat .box-chat .chat-time2 { top: 7px; right: 11px; font-size: 12px; color: #bbbece; } */
.list-chat .ly { width: 75%; margin-bottom: 20px; }
.list-chat .ly:last-child { margin-bottom: 0; }
.list-chat .ly-r { margin-left: auto; }
.list-chat .box-chat { position: relative; padding: 8px; border-radius: 12px; box-sizing: border-box; }
.list-chat .box-chat .user-info { display: flex;}
.list-chat .box-chat .thumb-area { margin-right: 12px; }
.list-chat .box-chat .thumb { width: 35px; height: 35px; border-radius: 50px; box-sizing: border-box; }
.list-chat .box-chat .user-detail { width: calc(100% - 52px); }
.list-chat .box-chat .user-detail .user-name {overflow: hidden;text-overflow: ellipsis;white-space: nowrap;font-size: 14px;padding-top: 5px;letter-spacing: 0px;}
.list-chat .box-chat .user-detail .authentication-mark { display: inline-block;font-weight: 600; height: 20px; line-height: 20px;  padding: 0 10px; border-radius: 10px; box-sizing: border-box; background: #BBBECE; font-size: 10px; color: #fff; }
.list-chat .box-chat .chat-conts { font-size: 14px; color:#7C7F8A; line-height: 17px; padding:5px;  }
.list-chat .box-chat .chat-time {  display: inline-block;vertical-align: bottom;font-size: 12px; color: #bbbece; }
.chat-write { display: flex; justify-content: space-between; align-items: center; margin-left:20px; position: fixed; bottom: 9px; width: calc(100% - 40px); padding: 0px 5px; border-radius: 12px; box-sizing: border-box; border:2px solid #ededed}
.chat-write .inp-chat { width: calc(100% - 64px); padding: 0 10px; border: none; box-sizing: border-box; background: none; font-size: 14px; color: #7c7f8a; }
.chat-write .btn-chat { width: 32px; height: 32px; border: none; border-radius: 12px; box-sizing: border-box; background: url('btn_send1.png') center center no-repeat #fff; background-size: 12px; }
@keyframes blink-effect { 50% { opacity: 0; } }
.blink { animation: blink-effect 1s step-end infinite; /* animation-name: blink-effect; animation-duration: 1s; animation-iteration-count:infinite; animation-timing-function:step-end; */ }
.point{background-color: #fff; margin-bottom: 100px;padding:15px;}
.triangle{
	width: 0;
	height: 0;
	border-style: solid;
	border-width: 0 10px 10px 10px;
    border-color: transparent transparent #665d5d85;
    margin-left:10px;
}
.message{
    background-color: rgb(245 245 245);
    border-radius: 5px;
    padding: 15px;
    width: 100%;
    font-size: 13px;
    display: inline-block;
    margin-left: 20%;
    color: rgb(39 39 39);
}
.triangle2{
	width: 0;
	height: 0;
	border-style: solid;
	border-width: 0 10px 10px 10px;
    border-color: transparent transparent #e9e9e78c transparent;
    margin-left:10px;
}
.triangle2_press{
	width: 0;
	height: 0;
	border-style: solid;
	border-width: 0 10px 10px 10px;
    border-color: transparent transparent #edede98c transparent;
    margin-left:10px;

}
.message2{
    background-color: rgb(51 51 51);
    border-radius: 8px;
    padding: 15px;
    font-size: 16px;
    color: rgb(255 255 255);
    text-align: left;
}
.message2_press{
    background-color:#edede98c;
    border-radius:10px;
    padding:10px;
    width: 100%;
    font-size:13px;
    color:rgb(123,121,121);
    text-align: left;
    line-height: inherit;
}
/*feed*/
.feed-area { float:right; display: flex; justify-content: space-between; margin-bottom:10px;align-items: center; height: 20px; padding-right: 12px; border-radius: 20px; box-sizing: border-box; }
.feed-area .inp-feed { width: 100%; height: 100%; padding: 0 16px; border: none; box-sizing: border-box; background: none; font-size: 14px; color: #7c7f8a; }
.feed-area .btn-feed { width: 30px;margin-bottom:5px; height: 30px; border: none; border-radius: 50%; box-sizing: border-box; background: url('ico_plus.png') center center no-repeat; background-size: 25px; }
.feed-area .btn-refresh { width: 30px;margin-bottom:5px; height: 30px; border: none; border-radius: 50%; box-sizing: border-box; background: url('refresh.png') center center no-repeat; background-size: 22px; }
.feed-blank{ border : 1px solid rgb(220 212 212); margin-bottom:10px;}
/*채팅 모바일 메뉴*/
.tit-gnb-chat { margin-bottom: 10px; font-size: 14px; font-weight: 600; color: #707070; }
.list-chat-notice { margin-bottom: 25px; }
.list-chat-notice li { padding: 12px 0; border-bottom: 1px solid #dcdde2; box-sizing: border-box; }
.list-chat-notice li:first-child { padding-top: 0; }
.list-chat-notice .chat-notice-conts { margin-bottom: 7px; display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical; max-height: 40px; line-height: 30px; white-space: normal; overflow: hidden; font-size: 12px; color: #707070; }
.list-chat-notice .chat-notice-date { font-size: 12px; color: #bbbece; }
.list-chat-member li { display: flex; justify-content: space-between; align-items: center; position: relative; padding: 3px 0; box-sizing: border-box; }
.list-chat-member li:last-child { padding-bottom: 0; }
.list-chat-member .member-info { display: flex; margin-bottom: 4px; }
.list-chat-member .thumb-area { margin-right: 12px; }
.list-chat-member .thumb { width: 40px; height: 40px; border-radius: 12px; box-sizing: border-box; }
.list-chat-member .member-name { font-size: 12px; font-weight: 600; color: #7c7f8a; }
.list-chat-member .authentication-mark { display: inline-block; height: 20px; line-height: 20px; margin-top: 4px; padding: 0 10px; border-radius: 10px; box-sizing: border-box; background: #bbbece; font-size: 10px; color: #fff; }
.list-chat-member .btn-more { width: 20px; height: 20px; border: none; border-radius: 8px; box-sizing: border-box; background: url('btn_more2.png') center center no-repeat #e9ecf1; background-size: 3px; }
.list-chat-member li:last-child .btns-more { top: auto; bottom: 35px; }
/*내 교집합*/
.group-view .btn-basic { margin-top: 40px; }
.box-group-detail-group { display: flex; justify-content: space-between; }
.box-group-detail-group .box-group-detail { width: 47.5%; }
.box-group-detail { margin-bottom: 20px; padding: 8px 16px 10px; border-radius: 12px; box-sizing: border-box; }
.box-group-detail .tit-group-detail { margin-bottom: 8px; font-size: 16px; font-weight: 600; color: #7c7f8a; }
.box-group-detail .tit-group-detail-v1 { margin-bottom: 15px; }
.box-group-detail .mygroup-conts { display: -webkit-box; -webkit-line-clamp: 200; -webkit-box-orient: vertical;  line-height: 25px;overflow: hidden; font-size: 12px; color: #7c7f8a; }
.box-group-detail .mygroup-conts-v1 { display: block; max-height: none; line-height: 24px; }
.box-product-detail-product { display: flex; justify-content: space-between; }
.box-product-detail-product .box-product-detail { width: 23%; }
.box-product-detail-product .neumorphism_new .tit-product-detail { margin-bottom: 8px; font-size: 13px; font-weight: 600; color: #7c7f8a; }
.box-product-detail { margin-bottom: 5px; padding: 10px; border-radius: 12px; box-sizing: border-box; }
.box-product-detail img { width:20px; height: 20px; }
.box-product-detail .tit-product-detail { text-align: center; font-size: 14px; font-weight: 600; color: #7c7f8a;}
.box-product-detail .tit-product-detail-v1 { margin-bottom: 15px; }
.neumorphism_new { height:120px; margin-bottom:30px; text-align: center; font-size: 12px; font-weight: 500; color: #7c7f8a;margin-bottom: 15px; padding: 10px; box-sizing: border-box;width: 30%;box-sizing: border-box;background-color: #fff; margin-right:10px;}
.neumorphism_click { height:150px; margin-bottom:30px; text-align: center; font-size: 12px; font-weight: 500; color: #fff;margin-bottom: 15px; padding: 10px; border-radius: 12px; box-sizing: border-box;width: 30%;box-sizing: border-box;background-color: #1388F4;margin-right:10px;}
.neumorphism_new2 { height:40px; margin-bottom:30px; text-align: center; font-size: 12px; font-weight: 500; color: #7c7f8a;margin-bottom: 15px; padding: 10px; border-radius: 12px; box-sizing: border-box;width: 30%;box-sizing: border-box;background-color: #f0f1f3;margin-right:10px;}
.neumorphism_click2 { height:40px; margin-bottom:30px; text-align: center; font-size: 12px; font-weight: 500; color: #fff;margin-bottom: 15px; padding: 10px; border-radius: 12px; box-sizing: border-box;width: 30%;box-sizing: border-box;background-color: #ffa442;margin-right:10px;}
.neumorphism_new3 { height:40px; margin-bottom:30px; text-align: center; font-size: 14px; font-weight: 500; color: #7c7f8a;margin-bottom: 15px; padding: 10px; border-radius: 12px; box-sizing: border-box;width: 45%;box-sizing: border-box;background-color: #f0f1f3;margin-right:10px;}
.neumorphism_click3 { height:40px; margin-bottom:30px; text-align: center; font-size: 14px; font-weight: 500; color: #fff;margin-bottom: 15px; padding: 10px; border-radius: 12px; box-sizing: border-box;width: 45%;box-sizing: border-box;background-color: #ffa442;margin-right:10px;}
.list-tag li { display: inline-block; height: 22px; margin-right: 6px; padding: 0 6px; border: 1px solid #bbbece; border-radius: 10px; box-sizing: border-box; font-size: 10px; color: #bbbece; }
.list-tag li:last-chlid { margin-right: 0; }
.list-member > li { margin: 10px 0; }
.list-member .member-info { display: flex; margin-bottom: 4px; }
.list-member .thumb-area { margin-right: 12px; }
.list-member .thumb { width: 40px; height: 40px; border-radius: 12px; box-sizing: border-box; }
.list-member .member-name { margin-bottom: 3px; font-size: 12px; font-weight: 600; color: #7c7f8a; }
.list-member .authentication-mark { display: inline-block; height: 20px; line-height: 20px; margin-top: 4px; padding: 0 10px; border-radius: 10px; box-sizing: border-box; background: #bbbece; font-size: 10px; color: #fff; }
/*공지*/
.list-notice li { margin-bottom: 20px; padding: 8px 16px; border-radius: 12px; box-sizing: border-box; cursor: pointer; }
.list-notice .notice-conts { margin-bottom: 3px; display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical; max-height: 48px; line-height: 24px; white-space: normal; overflow: hidden; font-size: 14px; color: #7c7f8a; }
.list-notice .notice-date { font-size: 12px; color: #bbbece; text-align: right; }
/*공지 상세*/
.box-notice { margin-bottom: 20px; padding: 8px 16px; border-radius: 12px; box-sizing: border-box; }
.box-notice-v1 { padding: 20px 16px; font-size: 14px; color: #707070; line-height: 24px; }
.box-notice .notice-conts { margin-bottom: 3px; font-size: 14px; color: #7c7f8a; line-height: 24px; }
.box-notice .notice-date { font-size: 12px; color: #bbbece; text-align: right; }
/*모임 가입*/
.entry .textarea-frm { height: 76px; }
/*친구 찾기*/
.friend .wrap { padding-top: 20px;}
.friend .tit-area { margin-bottom: 0; padding: 0 20px; box-sizing: border-box; }
.friend .tit { margin-bottom: 0; color:#7C7F8A; font-size:20px;font-weight: 600;}
.main .tit { margin-bottom: 0; color:#7C7F8A; font-size:20px;font-weight: 600;}
.mypage .tit { margin-bottom: 0; color:#7C7F8A; font-size:20px;font-weight: 600;}
.group-list .tit { margin-bottom: 20px; color:#7C7F8A; font-size:20px;font-weight: 600;}
.list-feed2 { margin-bottom: 10px; padding: 20px; box-sizing: border-box; white-space: nowrap; overflow-y: auto; }
.list-feed2 li { display: inline-block; position: relative; width: 32%; height: 120px; margin-right: 3px;  box-sizing: border-box; background: url('ico_question1.png') center center no-repeat; background-size: 91px; vertical-align: top; cursor: pointer; }
.list-feed2 li:last-child { margin-right: 0; }
.list-feed2 .thumb-area { position: relative; width: 100%; height: 140px;  box-sizing: border-box; }
.list-feed2 .thumb-area:after { content: ''; display: block; position: absolute; top: 0; left: 0; width: 100%; height: 100%; border-radius: 12px; box-sizing: border-box; background: rgba(0, 0, 0, 0.2); }
.list-feed2 .thumb { width: 100%; height: 124px;  box-sizing: border-box; }
.list-profile { margin-bottom: 10px; padding: 10px; box-sizing: border-box; white-space: nowrap; overflow-y: auto; }
.list-profile li { display: inline-block; position: relative;  height: 180px; margin-right: 10px;  box-sizing: border-box;  vertical-align: top; cursor: pointer; }
.list-profile li:last-child { margin-right: 0; }
.list-profile .thumb-area { position: relative; width: 100%; height: 100%;  box-sizing: border-box; }
.list-profile .thumb-area:after { content: ''; display: block; position: absolute; top: 0; left: 0; width: 100%; height: 100%; border-radius: 12px; box-sizing: border-box; background: rgba(0, 0, 0, 0.2); }
.list-profile .thumb { width: 100%; height: 105px;  box-sizing: border-box; border-radius: 20px; }
.list-profile .thumb-area-select { position: relative; width: 100%; height: 100%;  box-sizing: border-box;  border: 3px solid #ff0000;}
.list-profile .thumb-area-select:after { content: ''; display: block; position: absolute; top: 0; left: 0; width: 100%; height: 100%; border-radius: 12px; box-sizing: border-box; background: rgba(0, 0, 0, 0.2); }
.list-profile2 .thumb-area-select { position: relative; width: 100%; height: 100%;  box-sizing: border-box;  border: 5px solid rgb(0 220 255); border-radius: 30px;}
.list-profile2 .thumb-area-select:after { content: ''; display: block; position: absolute; top: 0; left: 0; width: 100%; height: 100%; border-radius: 12px; box-sizing: border-box; background: rgba(0, 0, 0, 0.2); }
.list-profile .user-info { right: 8px; bottom: 28px;  text-align: center; position:absolute;}
.list-profile .user-info .user-name { width: 100%; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; font-size: 16px; color: #FFF; font-weight: 600; }
.list-profile .user-info .user-job-age { text-align: center; font-size: 12px; color: #FFF; }
.list-profile .user-info .user-job { overflow: hidden; text-overflow: ellipsis; white-space: nowrap; font-size: 12px; color: #FFF;}
.list-profile .user-info .division-line { margin: 0 5px; }
.list-profile2 { margin-bottom: 10px; padding: 10px; box-sizing: border-box; white-space: nowrap; overflow-y: auto; }
.list-profile2 li { display: inline-block; height: 140px; margin-right: 25px; padding: 16px 10px 12px; box-sizing: border-box; cursor: pointer;margin-bottom:20px; border-radius:20%;}
.list-profile2 li:last-child { margin-right: 0; }
.list-profile2 .thumb-area { width: 80px; height: 80px; }
.list-profile2 .thumb { width: 80px; height: 80px; border-radius: 30%; box-sizing: border-box; }
.list-profile2 .user-info { text-align: center; }
.list-profile2 .user-info .user-name {  overflow: hidden; text-overflow: ellipsis; white-space: nowrap; font-size: 14px; font-weight: 600; color:#7C7F8A; }
.list-profile2 .user-info .user-job-age { display: flex; justify-content: center; align-items: center; font-size: 12px; color: #BBBECE; }
.list-profile2 .user-info .user-job { overflow: hidden; text-overflow: ellipsis; white-space: nowrap;font-size: 12px; color: #BBBECE;  }
.list-profile2 .user-info .division-line { margin: 0 5px; }
.picture-number{
    color: rgb(255,255,255);
    font-weight: 800;
    top: 30px;
    left: 85%;
    font-weight: 600;
    position: absolute;
    z-index: 30000;
}
.list-profile3 { margin-bottom: 10px; padding: 10px; box-sizing: border-box; white-space: nowrap; overflow-y: auto; }
.list-profile3 li { display: inline-block; width: 60px; height: 140px; margin-right: 13px; padding: 16px 10px 12px; border-radius: 12px; box-sizing: border-box; cursor: pointer; }
.list-profile3 li:last-child { margin-right: 0; }
.list-profile3 .thumb-area { width: 60px; height: 60px; margin: 0 auto 12px;}
.list-profile3 .thumb-area2 { width: 60px; height: 65px; margin: 0 auto 12px;border:2px solid #58b666 }
.list-profile3 .thumb { width: 60px; height: 60px; border-radius: 20px; box-sizing: border-box; }
.list-profile3 .user-info { text-align: center; }
.list-profile3 .user-info .user-name { margin-bottom: 4px; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; font-size: 12px; font-weight: 400; color: #7c7f8a; }
.list-profile3 .user-info .user-job-age { display: flex; justify-content: center; align-items: center; font-size: 12px; color: #bbbece; }
.list-profile3 .user-info .user-job { overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
.list-profile3 .user-info .division-line { margin: 0 5px; }
.modal-conts .tit2 { margin-bottom: 12px; }
.modal-conts .list-ck-filter { margin-bottom: 5px; }
.modal-conts .list-ck-filter:last-child { margin-bottom: 15px; }
/*상대 프로필*/
.user .wrap-v1 { padding-top: 20px; }
.user .tit { margin-bottom: 20px; }
.user-gallery { position: relative; }
.user-gallery .swiper-slide { position: relative; }
.swiper-pagination { left: 0; right: 0; bottom: 15px; }
.swiper-pagination-bullet { width: 12px; height: 12px; margin: 0 4px; background: #e9ecf1; opacity: 1; }
.swiper-pagination-bullet-active { background: #7c7f8a; }
.swiper-container-horizontal>.swiper-pagination-bullets { display: flex; flex-direction: column; justify-content: center;  left: auto; right: 20px; }
.swiper-container-horizontal>.swiper-pagination-bullets .swiper-pagination-bullet { display: block; margin: 5px 0; }
.user-gallery .user-info { position: absolute; right: 16px; bottom: 12px; width: calc(100% - 32px); text-align: right; }
.user-gallery .user-info .user-name { width: 100%; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; font-size: 24px; font-weight: 600; color: #fff; }
.user-gallery .user-info .user-job-age { display: flex; justify-content: flex-end; align-items: center; font-size: 14px; color: #fff; }
.user-gallery .user-info .user-job { overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
.user-gallery .user-info .division-line { margin: 0 5px; }
.list-authentication > li { display: flex; justify-content: space-between; align-items: center; margin-bottom: 20px; padding: 19px 16px; border-radius: 12px; box-sizing: border-box; }
.list-authentication .tit-authentication { width: 25%; font-size: 14px; font-weight: 600; color: #7c7f8a; }
.list-authentication .authentication-conts { width: 25%; font-size: 14px; color: #7c7f8a; text-align: right; }
.list-authentication .authentication-result { width: 25%; font-size: 12px; color: #7c7f8a; text-align: right; }
.list-authentication .authentication-result.inactive { color: #bbbece;; }
.list-authentication .authentication-result img { width: 16px; margin-left: 12px; }
/*메시지 리스트*/
.list-message > li { position: relative; margin-bottom: 20px; padding: 20px 16px; border-radius: 12px; box-sizing: border-box; }
.list-message .message-info { display: flex; cursor: pointer; }
.list-message .thumb-area { margin-right: 12px; }
.list-message .thumb { width: 40px; height: 40px; border-radius: 12px; box-sizing: border-box; }
.list-message .message-conts { position: relative; width: calc(100% - 52px); }
.list-message .message-conts .user-name { margin-bottom: 3px; font-size: 14px; font-weight: 600; color: #707070; }
.list-message .message-conts .message-preview { width: 92%; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; font-size: 14px; color: #707070; }
.list-message .btn-more { position: absolute; top: 20px; right: 12px; width: 20px; height: 20px; border: none; border-radius: 8px; box-sizing: border-box; background: url('btn_more2.png') center center no-repeat #e9ecf1; background-size: 3px; }
/*포인트 충전*/
.my-point { margin-bottom: 48px; text-align: center; }
.my-point .tit-mypoint { margin-bottom: 16px; font-size: 14px; color: #7c7f8a; }
.my-point .mypoint-info { font-size: 24px; font-weight: 600; color: #7c7f8a; }
.list-point li { display: flex; justify-content: space-between; margin-bottom: 20px; padding: 17px 16px; border-radius: 12px; box-sizing: border-box; cursor: pointer; }
.list-point .point-info { font-size: 16px; font-weight: 600; color: #7c7f8a; }
.list-point .point-price { font-size: 16px; color: #7c7f8a; }
/*포인트 내역*/
.list-point-history li { display: flex; justify-content: space-between; padding: 17px 0; border-bottom: 1px solid #dcdde2; box-sizing: border-box; }
.list-point-history li:first-child { border-top: 1px solid #dcdde2; }
.list-point-history .tit-point-history { font-size: 12px; color: #7c7f8a; }
.list-point-history .point-history-conts { font-size: 12px; font-weight: 600; color: #7c7f8a; }
/*더보기*/
.my-info { height:180px; margin-bottom: 30px;background: #fff;box-shadow: 0px 8px 40px rgba(0, 0, 0, 0.1);border-radius: 8px; width:100%; }
.my-info .btn-upload3 { margin: 0 auto 20px; }
.my-info .my-data { text-align: center; }
.my-info .my-data .my-name { position: relative; margin-bottom: 24px; font-size: 14px; font-weight: 600; color: #7c7f8a; }
.my-info .my-data .my-name .btn-ico-modify { position: absolute; right: 0; }
.my-info .my-data .my-email { margin-bottom: 8px; font-size: 14px; color: #7c7f8a; }
.my-info .my-data .my-phone { font-size: 12px; color: #bbbece; }
.my-info2 { height:180px; margin-bottom: 30px;background: #fff;box-shadow: 0px 8px 40px rgba(0, 0, 0, 0.1);border-radius: 8px; width:100%; }
.my-info2 .my-data { text-align: center; }
.my-info2 .my-data .my-name { position: relative; margin-bottom: 24px; font-size: 14px; font-weight: 600; color: #7c7f8a; }
.my-info2 .my-data .my-name .btn-ico-modify { position: absolute; right: 0; }
.my-info2 .my-data .my-email { margin-bottom: 8px; font-size: 12px; color: #7c7f8a; }
.my-info2 .my-data .my-phone { font-size: 12px; color: #bbbece; }
.list-myauthentication > li { display: flex; justify-content: space-between; align-items: center; height: 56px; margin-bottom: 20px; padding: 12px 16px; border-radius: 12px; box-sizing: border-box; }
.list-myauthentication .tit-authentication { width: 25%; font-size: 14px; font-weight: 600; color: #7c7f8a; }
.list-myauthentication .authentication-conts { width: 50%; text-align: right; }
.list-myauthentication .authentication-conts .authentication-info { display: flex; justify-content: flex-end; align-items: center; font-size: 14px; color: #7c7f8a; }
.list-myauthentication .authentication-conts .authentication-info.active { display: none; }
.list-myauthentication .authentication-conts .btn-ico-modify,
.list-myauthentication .authentication-conts .btn-ico-arrow { margin-left: 8px; }
.list-myauthentication .authentication-conts .btn-ico-modify:disabled { box-shadow: none; background-image: url('btn_check3_off.png'); }
.list-myauthentication .authentication-conts .inp-authentication { display: none; width: 120px; height: 32px; padding: 0 12px; border: none; border-radius: 16px; box-sizing: border-box; background: #e9ecf1; font-size: 14px; color: #7c7f8a; }
.list-myauthentication .authentication-conts .inp-authentication.active { display: block; margin: 0 0 0 auto; }
.list-myauthentication .authentication-result { width: 40%; font-size: 12px; color: #7c7f8a; text-align: right; }
.list-myauthentication .authentication-result.inactive { color: #bbbece; }
.list-myauthentication .authentication-result img { width: 16px; margin-left: 12px; }
.list-setting li { display: flex; justify-content: space-between; align-items: center; margin-bottom: 20px; padding: 19px 16px; border-radius: 12px; box-sizing: border-box; cursor: pointer; }
.list-setting .tit-setting { font-size: 14px; font-weight: 600; color: #7c7f8a;}
.list-setting .btn-more { width: 24px; height: 24px; border: none; border-radius: 8px; box-sizing: border-box; background: url('btn_more1.png') center center no-repeat; background-size: 12px; }
.mypage .logout-area { margin: 40px 0; text-align: center; }
.mypage .btn-logout { border-bottom: 1px solid #7c7f8a; box-sizing: border-box; font-size: 14px; font-weight: 600; color: #7c7f8a; }
.nickname-change { display: flex; justify-content: space-between; align-items: center; height: 40px; margin-bottom: 30px; border-radius: 20px; box-sizing: border-box; }
.nickname-change .inp-nickname { width: calc(100% - 36px); height: 100%; padding: 0 16px; border: none; background: none; font-size: 14px; color: #7c7f8a; }
.nickname-change .btn-nickname { height: 32px; margin-right: 4px; padding: 0 14px; border: none; border-radius: 16px; box-sizing: border-box; background: #e9ecf1; font-size: 12px; font-weight: 600; color: #7c7f8a; }
.box-option { height: calc(100% - 80px); margin-bottom: 24px; padding: 17px 20px; border-radius: 12px; box-sizing: border-box; overflow-y: auto; }
.box-option .tit-region { margin-bottom: 26px; font-size: 16px; font-weight: 600; color: #7c7f8a; text-align: center; }
.list-option li { padding: 14px 0; box-sizing: border-box; }
.list-option li:first-child { padding-top: 0; }
.list-option li:last-child { padding-bottom: 0; }
/*인증센터*/
.center .list-chat .ly { width: 85%; }
.center .list-chat .box-chat { padding: 8px 12px 12px 8px; box-sizing: border-box; }
.center .list-chat .box-chat .thumb-area { border-radius: 12px; box-sizing: border-box; }
.center .list-chat .box-chat .thumb { border-radius: 12px; box-sizing: border-box; }
.center .list-chat .box-chat .chat-conts { margin-bottom: 7px; line-height: 24px; }
.center .btns-center { text-align: right; }
.center .btns-center .btn-txt { margin-left: 12px; }
/*자주하는 질문*/
.list-faq li { position: relative; min-height: 80px; margin-bottom: 20px; padding: 16px; border-radius: 12px; box-sizing: border-box; }
.list-faq .tit-faq { font-size: 14px; font-weight: 400; color: #7c7f8a; width:90%; }
.list-faq .btn-toggle { position: absolute; top: 24px; right: 16px; width: 32px; height: 32px; border: none; border-radius: 12px; box-sizing: border-box; background: url('btn_arrow_bottom1.png') center center no-repeat #e9ecf1; background-size: 12px; }
.list-faq .btn-toggle.active { background-image: url('btn_arrow_top1.png'); }
.list-faq .faq-conts { display: block; min-height: 82px; margin-top: 40px; padding: 10px 16px; border-radius: 12px; box-sizing: border-box; font-size: 14px; color: #7c7f8a; line-height: 19px; }
.list-faq .faq-conts.active { display: block; }
/*알림설정*/
.list-push li { display: flex; justify-content: space-between; align-items: center; position: relative; height: 56px; margin-bottom: 20px; padding: 0 16px; border-radius: 12px; box-sizing: border-box; }
.list-push .tit-push { font-size: 16px; font-weight: 600; color: #7c7f8a; }
.list-push .ck-area { position: absolute; top: 10px; right: 12px; }
/* Toggle Button */
.ck-custom5 { -webkit-appearance: none;	-webkit-tap-highlight-color: transparent; position: relative; margin: 10px; border: 0; outline: 0; cursor: pointer; }
/* To create surface of toggle button */
.ck-custom5:after {	content: ''; clear: both; display: inline-block; width: 40px; height: 20px; border-radius: 10px; box-shadow: -1px -1px 1px rgba(0, 0, 0, 0.2), inset -1px -1px 1px rgba(255, 255, 255, 0.5); box-sizing: border-box; background-color: #dcdde2; }
/* Contents before checkbox to create toggle handle */
.ck-custom5:before { content: ''; display: block; position: absolute; top: -6px; left: -10px; width: 28px; height: 28px; border-radius: 50%; box-shadow: 0 -3px 6px rgba(255, 255, 255, 0.5), 0 3px 6px rgba(0, 0, 0, 0.16); background-color: #dcdde2; }
/* Shift the handle to left on check event */
.ck-custom5:checked:before { left: 20px; box-shadow: 0 -3px 6px rgba(255, 255, 255, 0.5), 0 3px 6px rgba(0, 0, 0, 0.16); background: #7c7f8a; }
.ck-custom5:checked:after {	box-shadow: -1px -1px 1px rgba(0, 0, 0, 0.2), inset -1px -1px 1px rgba(255, 255, 255, 0.5); box-sizing: border-box; background-color: #e9ecf1; }
/* Transition for smoothness */
.ck-custom5,
.ck-custom5:before,
.ck-custom5:after,
.ck-custom5:checked:before,
.ck-custom5:checked:after {	transition: ease .3s; -webkit-transition: ease .3s;	-moz-transition: ease .3s; -o-transition: ease .3s; }
.selectable{
    -webkit-user-select : all;
    user-select : all;
}
.line{ margin-bottom: 10px;border: 0.5px solid rgb(229 225 225);}
.complete{
    background-color: #858383; 
    color:#fff; 
    width: 50px; 
    display: inline-block; 
    font-size:10px;
    margin-right: 10px; 
    padding-left:5px;
}
.EnableShippingBtn{width: 30%; padding-top:5px; margin-left:5px; display:inline-block; text-align: center; font-size:14px;background: #1388F4;color: rgb(255 255 255);background-image : inherit !important;}
.DisableShipginBtn{width: 30%; padding-top:5px; margin-left:5px; display:inline-block; text-align: center; font-size:14px;background: #a0a09f;color: rgb(255 255 255);background-image : inherit !important;
}
.loadingWrapper{position: absolute; top:40%; left:45%; color:#e03935; transform: scale(3);z-index: 500; background:transparent}
.trainner{background-color: #fff; padding:10px;}
.trainner .teacherintroduce{font-weight: 600;padding-top: 70px;font-size: 25px;color: rgb(56 55 55);padding: 70px 10px 0px; display: inline-block;font-family: 'PretendardVariableBold';}
.trainner .teachercenter {font-size:15px; text-align: center; color:#FA000C; font-weight: 600; display: contents;}
.trainner .teacherintroduce_text{font-size:16px;padding: 20px 10px;white-space: pre-wrap;  color:#4d4a4a}
.trainner .teacherline{background-color: #ededed;margin-top:30px; height: 5px;}
.trainner .teachersummary{padding: 10px; }
.trainner .teachersummary .label{font-size : 16px;  color :#999999}
.trainner .teachersummary .content{font-size : 16px;  margin-left:10px;}
.store{background-color: #fff; padding:20px;}
.store .storeintroduce{font-weight: 600;font-size: 17px;color: rgb(56 55 55);margin-bottom: 10px;}
.store .storecenter {font-size:15px; color:#a9a6a6; font-weight: 600;}
.store .storeintroduce_text{font-size:15px;  color:#838080;white-space: pre-wrap; }
.store .storeline{background-color: #ededed;margin-top:30px; height: 5px;}
.store .storesummary{padding: 0px 40px 10px 40px; }
.store .storesummary .label{font-size : 14px; font-weight: 800; color :#484848}
.store .storesummary .content{font-size : 14px; color:#838080; margin-left:10px;}
.category{font-weight: 600;font-size: 18px;margin-left: 20px;margin-top: 20px;color: rgb(124 120 120);}
.programtag{text-align: center;display: inline-block;margin-left: -15px;height: 35px;font-size: 14px;margin-top: 10px;padding: 5px;}
.programtag span{display: inline-block;font-size:12px;font-weight: 800;}
.scheduletag{background-color: #377dfbe6; padding:5px; color: #fff;width:80%;height: 30px;font-size: 12px;font-weight: 600;display: inline-block;margin-right: 20px; border:1px solid #ededed}
.scheduletag div{display: inline-block;font-size:11px;font-weight: 800;padding-left:5px;}
.scheduletag div div{background-color: #fbb737e6;width: 25px;padding: 5px 5px 5px 5px;border-radius: 50px;height: 25px;font-size: 14px;position: absolute;left: 80%;font-weight: bolder;}
.program_content{font-size:15px; color:#838080;padding:30px;white-space: pre-wrap; }
.programname{font-size: 16px;margin-top: 10px;color: rgb(94 93 93); font-weight: 900;}
.trainner .expense_content{font-size:15px; color:#838080;margin-left:10%;margin-top:10px; font-family: 'PretendardVariableBold'; }
.trainnerfunc{width: 60px;margin-left:5px;background: #efeff5;border-radius: 15px;}
.trainnerfunc .text{text-align: center; height: 40px;font-style: normal;font-weight: 600;font-size: 12px;line-height: 20px;color: #706e6e;}
.trainnerEnablefunc{width: 60px;margin-left:5px;background: #373737;border-radius: 15px;}
.trainnerEnablefunc .text{text-align: center; height: 40px;font-style: normal;font-weight: 600;font-size: 12px;line-height: 20px;color: #ffffff;}
.applyviewbtn{width: 70px;height: 30px; font-size:12px;vertical-align: text-bottom;margin-left: 5px; display: inline-block;}
.trainingprogram{ padding:15px 15px 0px;}
.teachername{ font-size: 16px;font-weight: 700;overflow: hidden;text-overflow: ellipsis;text-align: left;max-height: 40px;padding: 0px 0px 0px 8px;color: rgb(80 79 79); font-family: 'PretendardVariableBold';}
.teacherprogram{font-size: 13px;overflow: hidden;text-overflow: ellipsis;text-align: left;color: rgb(124 127 138); width:80%}
.teachercenter {font-size: 13px;font-weight: 500;overflow: hidden;text-overflow: ellipsis;text-align: left;padding:0px 0px 0px 8px;color: #565656;font-weight: 600;margin:10px 0px 10px 0px;}
.teachercenter2 {font-size: 14px;font-weight: 500;overflow: hidden;text-overflow: ellipsis;text-align: left;padding:0px 0px 0px 8px;color: #666666;font-weight: 600;margin:5px 0px 0px 0px;}
.teachermember{font-size: 13px; position: absolute;top: 75%;text-align: left; display: flex;}
.proshopintroduce{font-size: 14px;color: rgb(100 96 96);padding: 10px;}
.applywomanprogram{background-color: #d7750ce6;height: 25px;border-radius: 5px;color: rgb(255 255 255);margin: 0px 3px 3px;padding: 5px;font-weight: 900;width: 70%;font-size:14px;}
.applyprogram{background-color: #0c8c24e6;height: 25px;border-radius: 5px;color: rgb(255 255 255);margin: 0px 3px 3px;padding: 5px;font-weight: 900;width: 70%;font-size:14px;}
.inductionprogram{background-color: rgb(55 125 251 / 90%);height: 25px;border-radius: 5px;color: rgb(255 255 255);margin: 0px 3px 3px;padding: 5px;font-weight: 900;width: 70%;font-size:14px;}
.section_main{background-color: #000; height: 100%;}
.section_main .callsection{height: 50px;}
.section_main .callsection button{font-size: 20px;
    background-color: #b2b6bb;
    padding: 10x;
    display: inline-block;
    border: 1px solid #878585;
    height: 50px;
    width: 120px;
    color: #000;}
.section_main .callsection button:active{background-color: #1388F4; color:#fff}
.section_main .callsection .active{background-color: #1388F4; color:#fff}
.section_main .tablesection{margin: 5px 0px 0px 5px;overflow:auto; height: 480px;}
.section_main .tablesection .tableheader{background-color: #646767;color: #000;font-size: 20px;height: 30px;}
.section_main .tablesection .tableheader td{text-align: center;padding-top:5px;}
.section_main .tablesection .tablebody{background-color: #000;color: rgb(209, 204, 204);font-size: 15px;height: 30px;}
.section_main .tablesection .tablebody td{font-size:20px; height: 60px; border-bottom: 1px solid #353131; padding: 5px 0px;line-height: 2;}
.section_main .tablesection .tablebody .tablebtn{width: 100px;height: 50px;color: #7d7979;border-radius: 5px;font-weight: 100;}
.section_main .tablesection .tablebody .expensebtn{width: 100px;height: 50px;color: #f2eb0d;border-radius: 5px;font-weight: 600;background-color: #1f1f1e;}
.section_main .tablesection .tablebody .supplybtn{width: 50px;height: 50px;color: #212020;border-radius: 5px;font-weight: 600;border-radius: 50%;background-color: #f44f13;padding: 3px;}
.section_main .tablesection .tablebody .statusbtn{width: 100px;height: 50px;color: #282727;border-radius: 5px;font-weight: 600;background-color: #f4ed13;}
.section_main .tablesection .tablebody .ordertablebtn{width: 100px;height: 50px;color: #282727;border-radius: 5px;font-weight: 600;background-color: #f4ed13;}
.section_main .tablesection .tablebody .orderdetailbtn{width: 100px;height: 50px;color: #282727;border-radius: 5px;font-weight: 600;background-color: #13f4de;}
.off{   width: 80px; height: 50px; color: #ece9e9; font-weight: 600; background-color: #494d5a; padding: 8px 15px; margin: 10px;}
.on{  width: 80px; height: 50px; color: #ece9e9; font-weight: 600; background-color: #083eee; padding: 8px 30px; margin: 10px;}
.blue{color:#13a5f4}
.section_main .configsection{margin-top: 5px;}
.section_main .configsection button{font-size:20px; background-color: #dcdfe4; padding:10x;  border:1px solid #878585; height: 45px; width:150px;margin-bottom: 10px;color: #5f67a0; float: right;}
.section_main .configsection button:active{background-color: #1388F4; color:#fff}
.section_main .configsection .active{font-size:20px; background-color: #1388F4; padding:10x;  border:1px solid #878585; height: 45px; width:150px;margin-bottom: 10px;color: #f0f1f6; float: right;}



/*!******************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/css-loader/dist/cjs.js??ruleSet[1].rules[6].rules[0].oneOf[0].use[1]!./node_modules/postcss-loader/dist/cjs.js??ruleSet[1].rules[6].rules[0].oneOf[0].use[2]!./node_modules/resolve-url-loader/index.js??ruleSet[1].rules[6].rules[1].use[0]!./node_modules/sass-loader/dist/cjs.js??ruleSet[1].rules[6].rules[1].use[1]!./src/theme/variables.scss ***!
  \******************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************/
.notosanskr-bold-white-20px {
  color: var(--foregroundwhite);
  font-family: var(--font-family-noto_sans_kr);
  font-size: var(--font-size-m);
  font-style: normal;
  font-weight: 700;
}

.notosanskr-bold-white-24px {
  color: var(--foregroundwhite);
  font-family: var(--font-family-noto_sans_kr);
  font-size: var(--font-size-l);
  font-style: normal;
  font-weight: 700;
}

.notosanskr-bold-gallery-24px {
  color: var(--foregroundlight-gray);
  font-family: var(--font-family-noto_sans_kr);
  font-size: var(--font-size-l);
  font-style: normal;
  font-weight: 700;
}

.notosanskr-black-gallery-14px {
  color: var(--foregroundlight-gray);
  font-family: var(--font-family-noto_sans_kr);
  font-size: var(--font-size-xs);
  font-style: normal;
  font-weight: 900;
}

.notosanskr-medium-white-20px {
  color: var(--foregroundwhite);
  font-family: var(--font-family-noto_sans_kr);
  font-size: var(--font-size-m);
  font-style: normal;
  font-weight: 500;
}

.notosanskr-medium-gallery-20px {
  color: var(--foregroundlight-gray);
  font-family: var(--font-family-noto_sans_kr);
  font-size: var(--font-size-m);
  font-style: normal;
  font-weight: 500;
}

.notosanskr-bold-nobel-16px {
  color: var(--foregroundmedium-gray);
  font-family: var(--font-family-noto_sans_kr);
  font-size: var(--font-size-s);
  font-style: normal;
  font-weight: 700;
}

.notosanskr-medium-thunderbird-20px {
  color: var(--primaryred1);
  font-family: var(--font-family-noto_sans_kr);
  font-size: var(--font-size-m);
  font-style: normal;
  font-weight: 500;
}

.notosanskr-bold-white-16px {
  color: var(--foregroundwhite);
  font-family: var(--font-family-noto_sans_kr);
  font-size: var(--font-size-s);
  font-style: normal;
  font-weight: 700;
}

.notosanskr-medium-white-16px {
  color: var(--foregroundwhite);
  font-family: var(--font-family-noto_sans_kr);
  font-size: var(--font-size-s);
  font-style: normal;
  font-weight: 400;
}

.notosanskr-black-white-14px {
  color: var(--foregroundwhite);
  font-family: var(--font-family-noto_sans_kr);
  font-size: var(--font-size-xs);
  font-style: normal;
  font-weight: 900;
}

.notosanskr-bold-nobel-24px {
  color: var(--foregroundmedium-gray);
  font-family: var(--font-family-noto_sans_kr);
  font-size: var(--font-size-l);
  font-style: normal;
  font-weight: 700;
}

.notosanskr-medium-nobel-14px {
  color: var(--foregroundmedium-gray);
  font-family: var(--font-family-noto_sans_kr);
  font-size: var(--font-size-xs);
  font-style: normal;
  font-weight: 500;
}

.notosanskr-bold-gallery-20px {
  color: var(--foregroundlight-gray);
  font-family: var(--font-family-noto_sans_kr);
  font-size: var(--font-size-m);
  font-style: normal;
  font-weight: 700;
}

.inter-normal-cod-gray-12px {
  color: var(--backgroundblack);
  font-family: var(--font-family-inter);
  font-size: var(--font-size-xxs);
  font-style: normal;
  font-weight: 400;
}

.notosanskr-medium-white-16px {
  color: var(--foregroundwhite);
  font-family: var(--font-family-noto_sans_kr);
  font-size: var(--font-size-s);
  font-style: normal;
}

.notosanskr-bold-white-30px {
  color: var(--foregroundwhite);
  font-family: var(--font-family-noto_sans_kr);
  font-size: var(--font-size-xxl);
  font-style: normal;
  font-weight: 700;
}

.notosanskr-medium-cod-gray-16px {
  color: var(--backgroundblack);
  font-family: var(--font-family-noto_sans_kr);
  font-size: var(--font-size-s);
  font-style: normal;
  font-weight: 500;
}

.notosanskr-bold-thunderbird-20px {
  color: var(--primaryred1);
  font-family: var(--font-family-noto_sans_kr);
  font-size: var(--font-size-m);
  font-style: normal;
  font-weight: 700;
}

.notosanskr-bold-valencia-20px {
  color: var(--primaryred2);
  font-family: var(--font-family-noto_sans_kr);
  font-size: var(--font-size-m);
  font-style: normal;
  font-weight: 700;
}

.notosanskr-regular-normal-white-20px {
  color: var(--foregroundwhite);
  font-family: var(--font-family-noto_sans_kr-regular);
  font-size: var(--font-size-m);
  font-style: normal;
  font-weight: 400;
}

.notosanskr-regular-normal-cod-gray-20px {
  color: var(--backgroundblack);
  font-family: var(--font-family-noto_sans_kr-regular);
  font-size: var(--font-size-m);
  font-style: normal;
  font-weight: 400;
}

.notosanskr-bold-gallery-30px {
  color: var(--foregroundlight-gray);
  font-family: var(--font-family-noto_sans_kr);
  font-size: var(--font-size-xxl);
  font-style: normal;
  font-weight: 700;
}

.notosanskr-medium-nobel-20px {
  color: var(--foregroundmedium-gray);
  font-family: var(--font-family-noto_sans_kr);
  font-size: var(--font-size-m);
  font-style: normal;
  font-weight: 500;
}

.notosanskr-medium-pumpkin-20px {
  color: var(--primaryorange);
  font-family: var(--font-family-noto_sans_kr);
  font-size: var(--font-size-m);
  font-style: normal;
  font-weight: 500;
}

.notosanskr-black-white-12px {
  color: var(--foregroundwhite);
  font-family: var(--font-family-noto_sans_kr);
  font-size: var(--font-size-xxs);
  font-style: normal;
  font-weight: 900;
}

.notosanskr-bold-white-14px {
  color: var(--foregroundwhite);
  font-family: var(--font-family-noto_sans_kr);
  font-size: var(--font-size-xs);
  font-style: normal;
  font-weight: 700;
}

.notosanskr-medium-white-26px {
  color: var(--foregroundwhite);
  font-family: var(--font-family-noto_sans_kr);
  font-size: var(--font-size-xl);
  font-style: normal;
  font-weight: 500;
}

.notosanskr-bold-nobel-20px {
  color: var(--foregroundmedium-gray);
  font-family: var(--font-family-noto_sans_kr);
  font-size: var(--font-size-m);
  font-style: normal;
  font-weight: 700;
}
/*!*********************************************************************************************************************************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/css-loader/dist/cjs.js??ruleSet[1].rules[6].rules[0].oneOf[0].use[1]!./node_modules/postcss-loader/dist/cjs.js??ruleSet[1].rules[6].rules[0].oneOf[0].use[2]!./node_modules/resolve-url-loader/index.js??ruleSet[1].rules[6].rules[1].use[0]!./node_modules/sass-loader/dist/cjs.js??ruleSet[1].rules[6].rules[1].use[1]!./src/global.scss ***!
  \*********************************************************************************************************************************************************************************************************************************************************************************************************************************************************************/
/*
 * App Global CSS
 * ----------------------------------------------------------------------------
 * Put style rules here that you want to apply globally. These styles are for
 * the entire app and not just one component. Additionally, this file can be
 * used as an entry point to import other CSS/Sass files to be included in the
 * output CSS.
 * For more information on global stylesheets, visit the documentation:
 * https://ionicframework.com/docs/layout/global-stylesheets
 */
/* Core CSS required for Ionic components to work properly */
html.ios {
  --ion-default-font: -apple-system, BlinkMacSystemFont, "Helvetica Neue", "Roboto", sans-serif;
}
html.md {
  --ion-default-font: "Roboto", "Helvetica Neue", sans-serif;
}
html {
  --ion-font-family: var(--ion-default-font);
}
body {
  background: var(--ion-background-color);
}
body.backdrop-no-scroll {
  overflow: hidden;
}
/**
 * Card style modal needs additional padding on the
 * top of the header. We accomplish this by targeting
 * the first toolbar in the header.
 * Footer also needs this. We do not adjust the bottom
 * padding though because of the safe area.
 */
html.ios ion-modal.modal-card ion-header ion-toolbar:first-of-type,
html.ios ion-modal.modal-sheet ion-header ion-toolbar:first-of-type,
html.ios ion-modal ion-footer ion-toolbar:first-of-type {
  padding-top: 6px;
}
/**
* Card style modal needs additional padding on the
* bottom of the header. We accomplish this by targeting
* the last toolbar in the header.
*/
html.ios ion-modal.modal-card ion-header ion-toolbar:last-of-type,
html.ios ion-modal.modal-sheet ion-header ion-toolbar:last-of-type {
  padding-bottom: 6px;
}
/**
* Add padding on the left and right
* of toolbars while accounting for
* safe area values when in landscape.
*/
html.ios ion-modal ion-toolbar {
  padding-right: calc(var(--ion-safe-area-right) + 8px);
  padding-left: calc(var(--ion-safe-area-left) + 8px);
}
/**
 * Card style modal on iPadOS
 * should only have backdrop on first instance.
 */
@media screen and (min-width: 768px) {
  html.ios ion-modal.modal-card:first-of-type {
    --backdrop-opacity: 0.18;
  }
}
/**
 * Subsequent modals should not have a backdrop/box shadow
 * as it will cause the screen to appear to get progressively
 * darker. With Ionic 6, declarative modals made it
 * possible to have multiple non-presented modals in the DOM,
 * so we could no longer rely on ion-modal:first-of-type.
 * Here we disable the opacity/box-shadow for every modal
 * that comes after the first presented modal.
 *
 * Note: ion-modal:not(.overlay-hidden):first-of-type
 * does not match the first modal to not have
 * the .overlay-hidden class, it will match the
 * first modal in general only if it does not
 * have the .overlay-hidden class.
 * The :nth-child() pseudo-class has support
 * for selectors which would help us here. At the
 * time of writing it does not have great cross browser
 * support.
 *
 * Note 2: This should only apply to non-card and
 * non-sheet modals. Card and sheet modals have their
 * own criteria for displaying backdrops/box shadows.
 */
ion-modal.modal-default:not(.overlay-hidden) ~ ion-modal.modal-default {
  --backdrop-opacity: 0;
  --box-shadow: none;
}
/**
 * This works around a bug in WebKit where the
 * content will overflow outside of the bottom border
 * radius when re-painting. As long as a single
 * border radius value is set on .ion-page, this
 * issue does not happen. We set the top left radius
 * here because the top left corner will always have a
 * radius no matter the platform.
 * This behavior only applies to card modals.
 */
html.ios ion-modal.modal-card .ion-page {
  border-top-left-radius: var(--border-radius);
}
.ion-color-primary {
  --ion-color-base: var(--ion-color-primary, #3880ff) !important;
  --ion-color-base-rgb: var(--ion-color-primary-rgb, 56, 128, 255) !important;
  --ion-color-contrast: var(--ion-color-primary-contrast, #fff) !important;
  --ion-color-contrast-rgb: var(--ion-color-primary-contrast-rgb, 255, 255, 255) !important;
  --ion-color-shade: var(--ion-color-primary-shade, #3171e0) !important;
  --ion-color-tint: var(--ion-color-primary-tint, #4c8dff) !important;
}
.ion-color-secondary {
  --ion-color-base: var(--ion-color-secondary, #3dc2ff) !important;
  --ion-color-base-rgb: var(--ion-color-secondary-rgb, 61, 194, 255) !important;
  --ion-color-contrast: var(--ion-color-secondary-contrast, #fff) !important;
  --ion-color-contrast-rgb: var(--ion-color-secondary-contrast-rgb, 255, 255, 255) !important;
  --ion-color-shade: var(--ion-color-secondary-shade, #36abe0) !important;
  --ion-color-tint: var(--ion-color-secondary-tint, #50c8ff) !important;
}
.ion-color-tertiary {
  --ion-color-base: var(--ion-color-tertiary, #5260ff) !important;
  --ion-color-base-rgb: var(--ion-color-tertiary-rgb, 82, 96, 255) !important;
  --ion-color-contrast: var(--ion-color-tertiary-contrast, #fff) !important;
  --ion-color-contrast-rgb: var(--ion-color-tertiary-contrast-rgb, 255, 255, 255) !important;
  --ion-color-shade: var(--ion-color-tertiary-shade, #4854e0) !important;
  --ion-color-tint: var(--ion-color-tertiary-tint, #6370ff) !important;
}
.ion-color-success {
  --ion-color-base: var(--ion-color-success, #2dd36f) !important;
  --ion-color-base-rgb: var(--ion-color-success-rgb, 45, 211, 111) !important;
  --ion-color-contrast: var(--ion-color-success-contrast, #fff) !important;
  --ion-color-contrast-rgb: var(--ion-color-success-contrast-rgb, 255, 255, 255) !important;
  --ion-color-shade: var(--ion-color-success-shade, #28ba62) !important;
  --ion-color-tint: var(--ion-color-success-tint, #42d77d) !important;
}
.ion-color-warning {
  --ion-color-base: var(--ion-color-warning, #ffc409) !important;
  --ion-color-base-rgb: var(--ion-color-warning-rgb, 255, 196, 9) !important;
  --ion-color-contrast: var(--ion-color-warning-contrast, #000) !important;
  --ion-color-contrast-rgb: var(--ion-color-warning-contrast-rgb, 0, 0, 0) !important;
  --ion-color-shade: var(--ion-color-warning-shade, #e0ac08) !important;
  --ion-color-tint: var(--ion-color-warning-tint, #ffca22) !important;
}
.ion-color-danger {
  --ion-color-base: var(--ion-color-danger, #eb445a) !important;
  --ion-color-base-rgb: var(--ion-color-danger-rgb, 235, 68, 90) !important;
  --ion-color-contrast: var(--ion-color-danger-contrast, #fff) !important;
  --ion-color-contrast-rgb: var(--ion-color-danger-contrast-rgb, 255, 255, 255) !important;
  --ion-color-shade: var(--ion-color-danger-shade, #cf3c4f) !important;
  --ion-color-tint: var(--ion-color-danger-tint, #ed576b) !important;
}
.ion-color-light {
  --ion-color-base: var(--ion-color-light, #f4f5f8) !important;
  --ion-color-base-rgb: var(--ion-color-light-rgb, 244, 245, 248) !important;
  --ion-color-contrast: var(--ion-color-light-contrast, #000) !important;
  --ion-color-contrast-rgb: var(--ion-color-light-contrast-rgb, 0, 0, 0) !important;
  --ion-color-shade: var(--ion-color-light-shade, #d7d8da) !important;
  --ion-color-tint: var(--ion-color-light-tint, #f5f6f9) !important;
}
.ion-color-medium {
  --ion-color-base: var(--ion-color-medium, #92949c) !important;
  --ion-color-base-rgb: var(--ion-color-medium-rgb, 146, 148, 156) !important;
  --ion-color-contrast: var(--ion-color-medium-contrast, #fff) !important;
  --ion-color-contrast-rgb: var(--ion-color-medium-contrast-rgb, 255, 255, 255) !important;
  --ion-color-shade: var(--ion-color-medium-shade, #808289) !important;
  --ion-color-tint: var(--ion-color-medium-tint, #9d9fa6) !important;
}
.ion-color-dark {
  --ion-color-base: var(--ion-color-dark, #222428) !important;
  --ion-color-base-rgb: var(--ion-color-dark-rgb, 34, 36, 40) !important;
  --ion-color-contrast: var(--ion-color-dark-contrast, #fff) !important;
  --ion-color-contrast-rgb: var(--ion-color-dark-contrast-rgb, 255, 255, 255) !important;
  --ion-color-shade: var(--ion-color-dark-shade, #1e2023) !important;
  --ion-color-tint: var(--ion-color-dark-tint, #383a3e) !important;
}
.ion-page {
  left: 0;
  right: 0;
  top: 0;
  bottom: 0;
  display: flex;
  position: absolute;
  flex-direction: column;
  justify-content: space-between;
  contain: layout size style;
  overflow: hidden;
  z-index: 0;
}
/**
 * When making custom dialogs, using
 * ion-content is not required. As a result,
 * some developers may wish to have dialogs
 * that are automatically sized by the browser.
 * These changes allow certain dimension values
 * such as fit-content to work correctly.
 */
ion-modal .ion-page:not(ion-nav .ion-page) {
  position: relative;
  contain: layout style;
  height: 100%;
}
.split-pane-visible > .ion-page.split-pane-main {
  position: relative;
}
ion-route,
ion-route-redirect,
ion-router,
ion-select-option,
ion-nav-controller,
ion-menu-controller,
ion-action-sheet-controller,
ion-alert-controller,
ion-loading-controller,
ion-modal-controller,
ion-picker-controller,
ion-popover-controller,
ion-toast-controller,
.ion-page-hidden,
[hidden] {
  /* stylelint-disable-next-line declaration-no-important */
  display: none !important;
}
.ion-page-invisible {
  opacity: 0;
}
.can-go-back > ion-header ion-back-button {
  display: block;
}
html.plt-ios.plt-hybrid, html.plt-ios.plt-pwa {
  --ion-statusbar-padding: 20px;
}
@supports (padding-top: 20px) {
  html {
    --ion-safe-area-top: var(--ion-statusbar-padding);
  }
}
@supports (padding-top: constant(safe-area-inset-top)) {
  html {
    --ion-safe-area-top: constant(safe-area-inset-top);
    --ion-safe-area-bottom: constant(safe-area-inset-bottom);
    --ion-safe-area-left: constant(safe-area-inset-left);
    --ion-safe-area-right: constant(safe-area-inset-right);
  }
}
@supports (padding-top: env(safe-area-inset-top)) {
  html {
    --ion-safe-area-top: env(safe-area-inset-top);
    --ion-safe-area-bottom: env(safe-area-inset-bottom);
    --ion-safe-area-left: env(safe-area-inset-left);
    --ion-safe-area-right: env(safe-area-inset-right);
  }
}
ion-card.ion-color .ion-inherit-color,
ion-card-header.ion-color .ion-inherit-color {
  color: inherit;
}
.menu-content {
  transform: translate3d(0,  0,  0);
}
.menu-content-open {
  cursor: pointer;
  touch-action: manipulation;
  pointer-events: none;
}
.ios .menu-content-reveal {
  box-shadow: -8px 0 42px rgba(0, 0, 0, 0.08);
}
[dir=rtl].ios .menu-content-reveal {
  box-shadow: 8px 0 42px rgba(0, 0, 0, 0.08);
}
.md .menu-content-reveal {
  box-shadow: 4px 0px 16px rgba(0, 0, 0, 0.18);
}
.md .menu-content-push {
  box-shadow: 4px 0px 16px rgba(0, 0, 0, 0.18);
}
ion-accordion-group.accordion-group-expand-inset > ion-accordion:first-of-type {
  border-top-left-radius: 8px;
  border-top-right-radius: 8px;
}
ion-accordion-group.accordion-group-expand-inset > ion-accordion:last-of-type {
  border-bottom-left-radius: 8px;
  border-bottom-right-radius: 8px;
}
ion-accordion-group > ion-accordion:last-of-type ion-item[slot=header] {
  --border-width: 0px;
}
ion-accordion.accordion-animated > [slot=header] .ion-accordion-toggle-icon {
  transition: 300ms transform cubic-bezier(0.25, 0.8, 0.5, 1);
}
@media (prefers-reduced-motion: reduce) {
  ion-accordion .ion-accordion-toggle-icon {
    /* stylelint-disable declaration-no-important */
    transition: none !important;
  }
}
/**
 * The > [slot="header"] selector ensures that we do
 * not modify toggle icons for any nested accordions. The state
 * of one accordion should not affect any accordions inside
 * of a nested accordion group.
 */
ion-accordion.accordion-expanding > [slot=header] .ion-accordion-toggle-icon,
ion-accordion.accordion-expanded > [slot=header] .ion-accordion-toggle-icon {
  transform: rotate(180deg);
}
ion-accordion-group.accordion-group-expand-inset.md > ion-accordion.accordion-previous ion-item[slot=header] {
  --border-width: 0px;
  --inner-border-width: 0px;
}
ion-accordion-group.accordion-group-expand-inset.md > ion-accordion.accordion-expanding:first-of-type,
ion-accordion-group.accordion-group-expand-inset.md > ion-accordion.accordion-expanded:first-of-type {
  margin-top: 0;
}
ion-input input::-webkit-date-and-time-value {
  text-align: start;
}
/**
 * The .ion-datetime-button-overlay class contains
 * styles that allow any modal/popover to be
 * sized according to the dimensions of the datetime
 * when used with ion-datetime-button.
 */
.ion-datetime-button-overlay {
  --width: fit-content;
  --height: fit-content;
}
/**
 * The grid variant can scale down when inline.
 * When used in a `fit-content` overlay, this causes
 * the overlay to shrink when the month/year picker is open.
 * Explicitly setting the dimensions lets us have a consistently
 * sized grid interface.
 */
.ion-datetime-button-overlay ion-datetime.datetime-grid {
  width: 320px;
  min-height: 320px;
}
/* Basic CSS for apps built with Ionic */
audio,
canvas,
progress,
video {
  vertical-align: baseline;
}
audio:not([controls]) {
  display: none;
  height: 0;
}
b,
strong {
  font-weight: bold;
}
img {
  max-width: 100%;
  border: 0;
}
svg:not(:root) {
  overflow: hidden;
}
figure {
  margin: 1em 40px;
}
hr {
  height: 1px;
  border-width: 0;
  box-sizing: content-box;
}
pre {
  overflow: auto;
}
code,
kbd,
pre,
samp {
  font-family: monospace, monospace;
  font-size: 1em;
}
label,
input,
select,
textarea {
  font-family: inherit;
  line-height: normal;
}
textarea {
  overflow: auto;
  height: auto;
  font: inherit;
  color: inherit;
}
textarea::placeholder {
  padding-left: 2px;
}
form,
input,
optgroup,
select {
  margin: 0;
  font: inherit;
  color: inherit;
}
html input[type=button],
input[type=reset],
input[type=submit] {
  cursor: pointer;
  -webkit-appearance: button;
}
a,
a div,
a span,
a ion-icon,
a ion-label,
button,
button div,
button span,
button ion-icon,
button ion-label,
.ion-tappable,
[tappable],
[tappable] div,
[tappable] span,
[tappable] ion-icon,
[tappable] ion-label,
input,
textarea {
  touch-action: manipulation;
}
a ion-label,
button ion-label {
  pointer-events: none;
}
button {
  border: 0;
  border-radius: 0;
  font-family: inherit;
  font-style: inherit;
  font-feature-settings: inherit;
  font-variant: inherit;
  line-height: 1;
  text-transform: none;
  cursor: pointer;
  -webkit-appearance: button;
}
[tappable] {
  cursor: pointer;
}
a[disabled],
button[disabled],
html input[disabled] {
  cursor: default;
}
button::-moz-focus-inner,
input::-moz-focus-inner {
  padding: 0;
  border: 0;
}
input[type=checkbox],
input[type=radio] {
  padding: 0;
  box-sizing: border-box;
}
input[type=number]::-webkit-inner-spin-button,
input[type=number]::-webkit-outer-spin-button {
  height: auto;
}
input[type=search]::-webkit-search-cancel-button,
input[type=search]::-webkit-search-decoration {
  -webkit-appearance: none;
}
table {
  border-collapse: collapse;
  border-spacing: 0;
}
td,
th {
  padding: 0;
}
* {
  box-sizing: border-box;
  -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
  -webkit-tap-highlight-color: transparent;
  -webkit-touch-callout: none;
}
html {
  width: 100%;
  height: 100%;
  -webkit-text-size-adjust: 100%;
          text-size-adjust: 100%;
}
html:not(.hydrated) body {
  display: none;
}
html.ion-ce body {
  display: block;
}
html.plt-pwa {
  height: 100vh;
}
body {
  -moz-osx-font-smoothing: grayscale;
  -webkit-font-smoothing: antialiased;
  margin-left: 0;
  margin-right: 0;
  margin-top: 0;
  margin-bottom: 0;
  padding-left: 0;
  padding-right: 0;
  padding-top: 0;
  padding-bottom: 0;
  position: fixed;
  width: 100%;
  max-width: 100%;
  height: 100%;
  max-height: 100%;
  /**
   * Because body has position: fixed,
   * it should be promoted to its own
   * layer.
   *
   * WebKit does not always promote
   * the body to its own layer on page
   * load in Ionic apps. Once scrolling on
   * ion-content starts, WebKit will promote
   * body. Unfortunately, this causes a re-paint
   * which results in scrolling being halted
   * until the next user gesture.
   *
   * This impacts the Custom Elements build.
   * The lazy loaded build causes the browser to
   * re-paint during hydration which causes WebKit
   * to promote body to its own layer.
   * In the CE Build, this hydration does not
   * happen, so the additional re-paint does not occur.
   */
  transform: translateZ(0);
  text-rendering: optimizeLegibility;
  overflow: hidden;
  touch-action: manipulation;
  -webkit-user-drag: none;
  -ms-content-zooming: none;
  word-wrap: break-word;
  overscroll-behavior-y: none;
  -webkit-text-size-adjust: none;
          text-size-adjust: none;
}
html {
  font-family: var(--ion-font-family);
}
a {
  background-color: transparent;
  color: var(--ion-color-primary, #3880ff);
}
h1,
h2,
h3,
h4,
h5,
h6 {
  margin-top: 16px;
  margin-bottom: 10px;
  font-weight: 500;
  line-height: 1.2;
}
h1 {
  margin-top: 20px;
  font-size: 26px;
}
h2 {
  margin-top: 18px;
  font-size: 24px;
}
h3 {
  font-size: 22px;
}
h4 {
  font-size: 20px;
}
h5 {
  font-size: 18px;
}
h6 {
  font-size: 16px;
}
small {
  font-size: 75%;
}
sub,
sup {
  position: relative;
  font-size: 75%;
  line-height: 0;
  vertical-align: baseline;
}
sup {
  top: -0.5em;
}
sub {
  bottom: -0.25em;
}
.ion-hide {
  display: none !important;
}
.ion-hide-up {
  display: none !important;
}
.ion-hide-down {
  display: none !important;
}
@media (min-width: 576px) {
  .ion-hide-sm-up {
    display: none !important;
  }
}
@media (max-width: 575.98px) {
  .ion-hide-sm-down {
    display: none !important;
  }
}
@media (min-width: 768px) {
  .ion-hide-md-up {
    display: none !important;
  }
}
@media (max-width: 767.98px) {
  .ion-hide-md-down {
    display: none !important;
  }
}
@media (min-width: 992px) {
  .ion-hide-lg-up {
    display: none !important;
  }
}
@media (max-width: 991.98px) {
  .ion-hide-lg-down {
    display: none !important;
  }
}
@media (min-width: 1200px) {
  .ion-hide-xl-up {
    display: none !important;
  }
}
@media (max-width: 1199.98px) {
  .ion-hide-xl-down {
    display: none !important;
  }
}
/* Optional CSS utils that can be commented out */
.ion-no-padding {
  --padding-start: 0;
  --padding-end: 0;
  --padding-top: 0;
  --padding-bottom: 0;
  padding-left: 0;
  padding-right: 0;
  padding-top: 0;
  padding-bottom: 0;
}
.ion-padding {
  --padding-start: var(--ion-padding, 16px);
  --padding-end: var(--ion-padding, 16px);
  --padding-top: var(--ion-padding, 16px);
  --padding-bottom: var(--ion-padding, 16px);
  padding-left: var(--ion-padding, 16px);
  padding-right: var(--ion-padding, 16px);
  padding-top: var(--ion-padding, 16px);
  padding-bottom: var(--ion-padding, 16px);
}
@supports (margin-inline-start: 0) or (-webkit-margin-start: 0) {
  .ion-padding {
    padding-left: unset;
    padding-right: unset;
    padding-inline-start: var(--ion-padding, 16px);
    padding-inline-end: var(--ion-padding, 16px);
  }
}
.ion-padding-top {
  --padding-top: var(--ion-padding, 16px);
  padding-top: var(--ion-padding, 16px);
}
.ion-padding-start {
  --padding-start: var(--ion-padding, 16px);
  padding-left: var(--ion-padding, 16px);
}
@supports (margin-inline-start: 0) or (-webkit-margin-start: 0) {
  .ion-padding-start {
    padding-left: unset;
    padding-inline-start: var(--ion-padding, 16px);
  }
}
.ion-padding-end {
  --padding-end: var(--ion-padding, 16px);
  padding-right: var(--ion-padding, 16px);
}
@supports (margin-inline-start: 0) or (-webkit-margin-start: 0) {
  .ion-padding-end {
    padding-right: unset;
    padding-inline-end: var(--ion-padding, 16px);
  }
}
.ion-padding-bottom {
  --padding-bottom: var(--ion-padding, 16px);
  padding-bottom: var(--ion-padding, 16px);
}
.ion-padding-vertical {
  --padding-top: var(--ion-padding, 16px);
  --padding-bottom: var(--ion-padding, 16px);
  padding-top: var(--ion-padding, 16px);
  padding-bottom: var(--ion-padding, 16px);
}
.ion-padding-horizontal {
  --padding-start: var(--ion-padding, 16px);
  --padding-end: var(--ion-padding, 16px);
  padding-left: var(--ion-padding, 16px);
  padding-right: var(--ion-padding, 16px);
}
@supports (margin-inline-start: 0) or (-webkit-margin-start: 0) {
  .ion-padding-horizontal {
    padding-left: unset;
    padding-right: unset;
    padding-inline-start: var(--ion-padding, 16px);
    padding-inline-end: var(--ion-padding, 16px);
  }
}
.ion-no-margin {
  --margin-start: 0;
  --margin-end: 0;
  --margin-top: 0;
  --margin-bottom: 0;
  margin-left: 0;
  margin-right: 0;
  margin-top: 0;
  margin-bottom: 0;
}
.ion-margin {
  --margin-start: var(--ion-margin, 16px);
  --margin-end: var(--ion-margin, 16px);
  --margin-top: var(--ion-margin, 16px);
  --margin-bottom: var(--ion-margin, 16px);
  margin-left: var(--ion-margin, 16px);
  margin-right: var(--ion-margin, 16px);
  margin-top: var(--ion-margin, 16px);
  margin-bottom: var(--ion-margin, 16px);
}
@supports (margin-inline-start: 0) or (-webkit-margin-start: 0) {
  .ion-margin {
    margin-left: unset;
    margin-right: unset;
    margin-inline-start: var(--ion-margin, 16px);
    margin-inline-end: var(--ion-margin, 16px);
  }
}
.ion-margin-top {
  --margin-top: var(--ion-margin, 16px);
  margin-top: var(--ion-margin, 16px);
}
.ion-margin-start {
  --margin-start: var(--ion-margin, 16px);
  margin-left: var(--ion-margin, 16px);
}
@supports (margin-inline-start: 0) or (-webkit-margin-start: 0) {
  .ion-margin-start {
    margin-left: unset;
    margin-inline-start: var(--ion-margin, 16px);
  }
}
.ion-margin-end {
  --margin-end: var(--ion-margin, 16px);
  margin-right: var(--ion-margin, 16px);
}
@supports (margin-inline-start: 0) or (-webkit-margin-start: 0) {
  .ion-margin-end {
    margin-right: unset;
    margin-inline-end: var(--ion-margin, 16px);
  }
}
.ion-margin-bottom {
  --margin-bottom: var(--ion-margin, 16px);
  margin-bottom: var(--ion-margin, 16px);
}
.ion-margin-vertical {
  --margin-top: var(--ion-margin, 16px);
  --margin-bottom: var(--ion-margin, 16px);
  margin-top: var(--ion-margin, 16px);
  margin-bottom: var(--ion-margin, 16px);
}
.ion-margin-horizontal {
  --margin-start: var(--ion-margin, 16px);
  --margin-end: var(--ion-margin, 16px);
  margin-left: var(--ion-margin, 16px);
  margin-right: var(--ion-margin, 16px);
}
@supports (margin-inline-start: 0) or (-webkit-margin-start: 0) {
  .ion-margin-horizontal {
    margin-left: unset;
    margin-right: unset;
    margin-inline-start: var(--ion-margin, 16px);
    margin-inline-end: var(--ion-margin, 16px);
  }
}
.ion-float-left {
  float: left !important;
}
.ion-float-right {
  float: right !important;
}
.ion-float-start {
  float: left !important;
}
[dir=rtl] .ion-float-start, :host-context([dir=rtl]) .ion-float-start {
  float: right !important;
}
.ion-float-end {
  float: right !important;
}
[dir=rtl] .ion-float-end, :host-context([dir=rtl]) .ion-float-end {
  float: left !important;
}
@media (min-width: 576px) {
  .ion-float-sm-left {
    float: left !important;
  }

  .ion-float-sm-right {
    float: right !important;
  }

  .ion-float-sm-start {
    float: left !important;
  }
  [dir=rtl] .ion-float-sm-start, :host-context([dir=rtl]) .ion-float-sm-start {
    float: right !important;
  }

  .ion-float-sm-end {
    float: right !important;
  }
  [dir=rtl] .ion-float-sm-end, :host-context([dir=rtl]) .ion-float-sm-end {
    float: left !important;
  }
}
@media (min-width: 768px) {
  .ion-float-md-left {
    float: left !important;
  }

  .ion-float-md-right {
    float: right !important;
  }

  .ion-float-md-start {
    float: left !important;
  }
  [dir=rtl] .ion-float-md-start, :host-context([dir=rtl]) .ion-float-md-start {
    float: right !important;
  }

  .ion-float-md-end {
    float: right !important;
  }
  [dir=rtl] .ion-float-md-end, :host-context([dir=rtl]) .ion-float-md-end {
    float: left !important;
  }
}
@media (min-width: 992px) {
  .ion-float-lg-left {
    float: left !important;
  }

  .ion-float-lg-right {
    float: right !important;
  }

  .ion-float-lg-start {
    float: left !important;
  }
  [dir=rtl] .ion-float-lg-start, :host-context([dir=rtl]) .ion-float-lg-start {
    float: right !important;
  }

  .ion-float-lg-end {
    float: right !important;
  }
  [dir=rtl] .ion-float-lg-end, :host-context([dir=rtl]) .ion-float-lg-end {
    float: left !important;
  }
}
@media (min-width: 1200px) {
  .ion-float-xl-left {
    float: left !important;
  }

  .ion-float-xl-right {
    float: right !important;
  }

  .ion-float-xl-start {
    float: left !important;
  }
  [dir=rtl] .ion-float-xl-start, :host-context([dir=rtl]) .ion-float-xl-start {
    float: right !important;
  }

  .ion-float-xl-end {
    float: right !important;
  }
  [dir=rtl] .ion-float-xl-end, :host-context([dir=rtl]) .ion-float-xl-end {
    float: left !important;
  }
}
.ion-text-center {
  text-align: center !important;
}
.ion-text-justify {
  text-align: justify !important;
}
.ion-text-start {
  text-align: start !important;
}
.ion-text-end {
  text-align: end !important;
}
.ion-text-left {
  text-align: left !important;
}
.ion-text-right {
  text-align: right !important;
}
.ion-text-nowrap {
  white-space: nowrap !important;
}
.ion-text-wrap {
  white-space: normal !important;
}
@media (min-width: 576px) {
  .ion-text-sm-center {
    text-align: center !important;
  }

  .ion-text-sm-justify {
    text-align: justify !important;
  }

  .ion-text-sm-start {
    text-align: start !important;
  }

  .ion-text-sm-end {
    text-align: end !important;
  }

  .ion-text-sm-left {
    text-align: left !important;
  }

  .ion-text-sm-right {
    text-align: right !important;
  }

  .ion-text-sm-nowrap {
    white-space: nowrap !important;
  }

  .ion-text-sm-wrap {
    white-space: normal !important;
  }
}
@media (min-width: 768px) {
  .ion-text-md-center {
    text-align: center !important;
  }

  .ion-text-md-justify {
    text-align: justify !important;
  }

  .ion-text-md-start {
    text-align: start !important;
  }

  .ion-text-md-end {
    text-align: end !important;
  }

  .ion-text-md-left {
    text-align: left !important;
  }

  .ion-text-md-right {
    text-align: right !important;
  }

  .ion-text-md-nowrap {
    white-space: nowrap !important;
  }

  .ion-text-md-wrap {
    white-space: normal !important;
  }
}
@media (min-width: 992px) {
  .ion-text-lg-center {
    text-align: center !important;
  }

  .ion-text-lg-justify {
    text-align: justify !important;
  }

  .ion-text-lg-start {
    text-align: start !important;
  }

  .ion-text-lg-end {
    text-align: end !important;
  }

  .ion-text-lg-left {
    text-align: left !important;
  }

  .ion-text-lg-right {
    text-align: right !important;
  }

  .ion-text-lg-nowrap {
    white-space: nowrap !important;
  }

  .ion-text-lg-wrap {
    white-space: normal !important;
  }
}
@media (min-width: 1200px) {
  .ion-text-xl-center {
    text-align: center !important;
  }

  .ion-text-xl-justify {
    text-align: justify !important;
  }

  .ion-text-xl-start {
    text-align: start !important;
  }

  .ion-text-xl-end {
    text-align: end !important;
  }

  .ion-text-xl-left {
    text-align: left !important;
  }

  .ion-text-xl-right {
    text-align: right !important;
  }

  .ion-text-xl-nowrap {
    white-space: nowrap !important;
  }

  .ion-text-xl-wrap {
    white-space: normal !important;
  }
}
.ion-text-uppercase {
  /* stylelint-disable-next-line declaration-no-important */
  text-transform: uppercase !important;
}
.ion-text-lowercase {
  /* stylelint-disable-next-line declaration-no-important */
  text-transform: lowercase !important;
}
.ion-text-capitalize {
  /* stylelint-disable-next-line declaration-no-important */
  text-transform: capitalize !important;
}
@media (min-width: 576px) {
  .ion-text-sm-uppercase {
    /* stylelint-disable-next-line declaration-no-important */
    text-transform: uppercase !important;
  }

  .ion-text-sm-lowercase {
    /* stylelint-disable-next-line declaration-no-important */
    text-transform: lowercase !important;
  }

  .ion-text-sm-capitalize {
    /* stylelint-disable-next-line declaration-no-important */
    text-transform: capitalize !important;
  }
}
@media (min-width: 768px) {
  .ion-text-md-uppercase {
    /* stylelint-disable-next-line declaration-no-important */
    text-transform: uppercase !important;
  }

  .ion-text-md-lowercase {
    /* stylelint-disable-next-line declaration-no-important */
    text-transform: lowercase !important;
  }

  .ion-text-md-capitalize {
    /* stylelint-disable-next-line declaration-no-important */
    text-transform: capitalize !important;
  }
}
@media (min-width: 992px) {
  .ion-text-lg-uppercase {
    /* stylelint-disable-next-line declaration-no-important */
    text-transform: uppercase !important;
  }

  .ion-text-lg-lowercase {
    /* stylelint-disable-next-line declaration-no-important */
    text-transform: lowercase !important;
  }

  .ion-text-lg-capitalize {
    /* stylelint-disable-next-line declaration-no-important */
    text-transform: capitalize !important;
  }
}
@media (min-width: 1200px) {
  .ion-text-xl-uppercase {
    /* stylelint-disable-next-line declaration-no-important */
    text-transform: uppercase !important;
  }

  .ion-text-xl-lowercase {
    /* stylelint-disable-next-line declaration-no-important */
    text-transform: lowercase !important;
  }

  .ion-text-xl-capitalize {
    /* stylelint-disable-next-line declaration-no-important */
    text-transform: capitalize !important;
  }
}
.ion-align-self-start {
  align-self: flex-start !important;
}
.ion-align-self-end {
  align-self: flex-end !important;
}
.ion-align-self-center {
  align-self: center !important;
}
.ion-align-self-stretch {
  align-self: stretch !important;
}
.ion-align-self-baseline {
  align-self: baseline !important;
}
.ion-align-self-auto {
  align-self: auto !important;
}
.ion-wrap {
  flex-wrap: wrap !important;
}
.ion-nowrap {
  flex-wrap: nowrap !important;
}
.ion-wrap-reverse {
  flex-wrap: wrap-reverse !important;
}
.ion-justify-content-start {
  justify-content: flex-start !important;
}
.ion-justify-content-center {
  justify-content: center !important;
}
.ion-justify-content-end {
  justify-content: flex-end !important;
}
.ion-justify-content-around {
  justify-content: space-around !important;
}
.ion-justify-content-between {
  justify-content: space-between !important;
}
.ion-justify-content-evenly {
  justify-content: space-evenly !important;
}
.ion-align-items-start {
  align-items: flex-start !important;
}
.ion-align-items-center {
  align-items: center !important;
}
.ion-align-items-end {
  align-items: flex-end !important;
}
.ion-align-items-stretch {
  align-items: stretch !important;
}
.ion-align-items-baseline {
  align-items: baseline !important;
}
:root {
  --ion-color-facebook: #3b5998;
  --ion-color-facebook-rgb: 59,89,152;
  --ion-color-facebook-contrast: #ffffff;
  --ion-color-facebook-contrast-rgb: 255,255,255;
  --ion-color-facebook-shade: #344e86;
  --ion-color-facebook-tint: #4f6aa2;
  --ion-color-brightblue: #0852ec;
  --ion-color-brightblue-rgb: 59,89,152;
  --ion-color-brightblue-contrast: #ffffff;
  --ion-color-brightblue-contrast-rgb: 255,255,255;
  --ion-color-brightblue-shade: #344e86;
  --ion-color-brightblue-tint: #4f6aa2;
  --ion-color-google: #cc181e;
  --ion-color-google-rgb: 204,24,30;
  --ion-color-google-contrast: #ffffff;
  --ion-color-google-contrast-rgb: 255,255,255;
  --ion-color-google-shade: #b4151a;
  --ion-color-google-tint: #d12f35;
  --ion-color-twitter: #00aced;
  --ion-color-twitter-rgb: 0,172,237;
  --ion-color-twitter-contrast: #ffffff;
  --ion-color-twitter-contrast-rgb: 255,255,255;
  --ion-color-twitter-shade: #0097d1;
  --ion-color-twitter-tint: #1ab4ef;
}
:root .ion-color-facebook {
  --ion-color-base: var(--ion-color-facebook) !important;
  --ion-color-base-rgb: var(--ion-color-facebook-rgb) !important;
  --ion-color-contrast: var(--ion-color-facebook-contrast) !important;
  --ion-color-contrast-rgb: var(--ion-color-facebook-contrast-rgb) !important;
  --ion-color-shade: var(--ion-color-facebook-shade) !important;
  --ion-color-tint: var(--ion-color-facebook-tint) !important;
}
:root .ion-color-brightblue {
  --ion-color-base: var(--ion-color-brightblue) !important;
  --ion-color-base-rgb: var(--ion-color-brightblue-rgb) !important;
  --ion-color-contrast: var(--ion-color-brightblue-contrast) !important;
  --ion-color-contrast-rgb: var(--ion-color-brightblue-contrast-rgb) !important;
  --ion-color-shade: var(--ion-color-brightblue-shade) !important;
  --ion-color-tint: var(--ion-color-brightblue-tint) !important;
}
:root .ion-color-google {
  --ion-color-base: var(--ion-color-google) !important;
  --ion-color-base-rgb: var(--ion-color-google-rgb) !important;
  --ion-color-contrast: var(--ion-color-google-contrast) !important;
  --ion-color-contrast-rgb: var(--ion-color-google-contrast-rgb) !important;
  --ion-color-shade: var(--ion-color-google-shade) !important;
  --ion-color-tint: var(--ion-color-google-tint) !important;
}
:root .ion-color-twitter {
  --ion-color-base: var(--ion-color-twitter) !important;
  --ion-color-base-rgb: var(--ion-color-twitter-rgb) !important;
  --ion-color-contrast: var(--ion-color-twitter-contrast) !important;
  --ion-color-contrast-rgb: var(--ion-color-twitter-contrast-rgb) !important;
  --ion-color-shade: var(--ion-color-twitter-shade) !important;
  --ion-color-tint: var(--ion-color-twitter-tint) !important;
}
ion-title {
  font-weight: 400;
  letter-spacing: 0.4px;
}
:root {
  --backgroundblack: #0a0a0a;
  --black: #000000;
  --foregrounddark-gray: #252423;
  --foregroundlight-gray: #efefef;
  --foregroundmedium-dark-gray: #323130;
  --foregroundmedium-gray: #b0b0b0;
  --foregroundwhite: #ffffff;
  --primaryorange: #ff7e21;
  --primaryred1: #d7201a;
  --primaryred2: #d44440;
  --primaryred3: #893431;
  --font-size-l: 24px;
  --font-size-m: 20px;
  --font-size-s: 18px;
  --font-size-xl: 26px;
  --font-size-xs: 14px;
  --font-size-xxl: 30px;
  --font-size-xxs: 12px;
  --font-family-inter: "Inter", Helvetica;
  --font-family-noto_sans_kr: "Noto Sans KR", Helvetica;
  --font-family-noto_sans_kr-regular: "Noto Sans KR-Regular", Helvetica;
}
:root h1 > app-text-shell {
  --font-size: 32px;
  --text-shell-line-height: calc(var(--font-size) * 1.2);
  --text-shell-line-color: #CCC;
}
:root h2 > app-text-shell {
  --font-size: 28px;
  --text-shell-line-height: calc(var(--font-size) * 1.2);
  --text-shell-line-color: #DDD;
}
:root h3 > app-text-shell {
  --font-size: 24px;
  --text-shell-line-height: calc(var(--font-size) * 1.2);
  --text-shell-line-color: #DDD;
}
:root h4 > app-text-shell {
  --font-size: 20px;
  --text-shell-line-height: calc(var(--font-size) * 1.2);
  --text-shell-line-color: #DDD;
}
:root h5 > app-text-shell {
  --font-size: 18px;
  --text-shell-line-height: calc(var(--font-size) * 1.2);
  --text-shell-line-color: #DDD;
}

/*# sourceMappingURL=styles.css.map*/