@charset "utf-8";
.align_left{text-align: left!important;;}
.align_right{text-align: right!important;;}
.align_center{text-align: center!important;;}
.center{text-align: center!important;;}
.bd_none{border: 0!important;}
.bd_top_bold{border-top:8px solid var(--AJGrey50);}
.bd_bottom_bold{border-bottom:8px solid var(--AJGrey50);}
.bd_top{border-top:1px solid var(--AJGrey50);}
.bd_bottom{border-bottom:1px solid var(--AJGrey50);}
.pd0{padding:0!important}
.m0{margin:0!important}

.mt0{margin-top:0px!important;}
.mb0{margin-bottom:0px!important;}
.pt0{padding-top:0px!important;}
.pb0{padding-bottom:0px!important;}
.mt4{margin-top:4px!important;}
.mb4{margin-bottom:4px!important;}
.pt4{padding-top:4px!important;}
.pb4{padding-bottom:4px!important;}
.mt8{margin-top:8px!important;}
.mb8{margin-bottom:8px!important;}
.pt8{padding-top:8px!important;}
.pb8{padding-bottom:8px!important;}
.mt12{margin-top:12px!important;}
.mb12{margin-bottom:12px!important;}
.pt12{padding-top:12px!important;}
.pb12{padding-bottom:12px!important;}
.mt16{margin-top:16px!important;}
.mb16{margin-bottom:16px!important;}
.pt16{padding-top:16px!important;}
.pb16{padding-bottom:16px!important;}
.mt20{margin-top:20px!important;}
.mb20{margin-bottom:20px!important;}
.pt20{padding-top:20px!important;}
.pb20{padding-bottom:20px!important;}
.mt24{margin-top:24px!important;}
.mb24{margin-bottom:24px!important;}
.pt24{padding-top:24px!important;}
.pb24{padding-bottom:24px!important;}
.mt32{margin-top:32px!important;}
.mb32{margin-bottom:32px!important;}
.pt32{padding-top:32px!important;}
.pb32{padding-bottom:32px!important;}
.mt36{margin-top:36px!important;}
.mb36{margin-bottom:36px!important;}
.pt36{padding-top:36px!important;}
.pb36{padding-bottom:36px!important;}
.mt40{margin-top:40px!important;}
.mb40{margin-bottom:40px!important;}
.pt40{padding-top:40px!important;}
.pb40{padding-bottom:40px!important;}
.mt50{margin-top:50px!important;}
.mb50{margin-bottom:50px!important;}
.pt50{padding-top:50px!important;}
.pb50{padding-bottom:50px!important;}
.mt60{margin-top:60px!important;}
.mb60{margin-bottom:60px!important;}
.pt60{padding-top:60px!important;}
.pb60{padding-bottom:60px!important;}

.mr0{margin-right:0px!important;}
.ml0{margin-left:0px!important;}
.pr0{padding-right:0px!important;}
.pl0{padding-left:0px!important;}
.mr4{margin-right:4px!important;}
.ml4{margin-left:4px!important;}
.pr4{padding-right:4px!important;}
.pl4{padding-left:4px!important;}
.mr8{margin-right:8px!important;}
.ml8{margin-left:8px!important;}
.pr8{padding-right:8px!important;}
.pl8{padding-left:8px!important;}
.mr12{margin-right:12px!important;}
.ml12{margin-left:12px!important;}
.pr12{padding-right:12px!important;}
.pl12{padding-left:12px!important;}
.mr16{margin-right:16px!important;}
.ml16{margin-left:16px!important;}
.pr16{padding-right:16px!important;}
.pl16{padding-left:16px!important;}
.mr20{margin-right:20px!important;}
.ml20{margin-left:20px!important;}
.pr20{padding-right:20px!important;}
.pl20{padding-left:20px!important;}
.mr24{margin-right:24px!important;}
.ml24{margin-left:24px!important;}
.pr24{padding-right:24px!important;}
.pl24{padding-left:24px!important;}
.mr32{margin-right:32px!important;}
.ml32{margin-left:32px!important;}
.pr32{padding-right:32px!important;}
.pl32{padding-left:32px!important;}
.mr36{margin-right:36px!important;}
.ml36{margin-left:36px!important;}
.pr36{padding-right:36px!important;}
.pl36{padding-left:36px!important;}
.mr40{margin-right:40px!important;}
.ml40{margin-left:40px!important;}
.pr40{padding-right:40px!important;}
.pl40{padding-left:40px!important;}
.mr50{margin-right:50px!important;}
.ml50{margin-left:50px!important;}
.pr50{padding-right:50px!important;}
.pl50{padding-left:50px!important;}
.mr60{margin-right:60px!important;}
.ml60{margin-left:60px!important;}
.pr60{padding-right:60px!important;}
.pl60{padding-left:60px!important;}

.bold{font-weight: 700!important;}
.semibold{font-weight: 600!important;}
.medium{font-weight: 500!important;}
.normal{font-weight: 400!important;}
.size22{font-size: 22px;letter-spacing: -0.4px;line-height: 150%;}
.size20{font-size: 20px;letter-spacing: -0.4px;line-height: 150%;}
.size18{font-size: 18px;letter-spacing: -0.4px;line-height: 150%;}
.size16{font-size: 16px!important;}
.size14{font-size: 14px!important;}
.size13{font-size: 13px!important;}
.size12{font-size: 12px!important;}

h1{font-size: 20px;letter-spacing: -0.4px;line-height: 150%;font-weight: 500;}
h2{font-size: 18px;letter-spacing: -0.4px;line-height: 150%;font-weight: 500;}
h3{font-size: 16px;letter-spacing: -0.2px;line-height: 130%;font-weight: 500;}

.c_submit{color: var(--AJRed)!important;}
.c_blue{color: var(--AJDeepBule)!important;}
.c_lightgray{color: var(--AJGrey200)!important;}
.c_gray{color: var(--AJGrey300)!important;}
.c_deepgray{color: var(--AJGrey500)!important;}
.c_dark{color: var(--AJPurple800)!important;}
.c_black{color: var(--AJBlack)!important;}
.c_purple{color: var(--AJPurple500)!important;}
.c_red{color: var(--AJRed)!important;}
.c_white{color: var(--AJGrey50)!important;}

.ir span,caption{position: relative; display: block; width: 0; height: 0; margin: 0; padding: 0; overflow: hidden; visibility: hidden; line-height: 0; font-size: 0;  text-indent:-9999px; z-index: -1;}
.not_scroll{position: fixed;overflow: hidden;width: 100%;height: 100%;}
.not_scroll #wrap {position: relative;top: 0;z-index: 0;}
.hide{display:none!important}
.none{display:none}
.display-none{display:none!important}
.show{display:block!important}
.max{width: 100%!important}
.full{width: 100%!important;}
.pd_side{padding-left: 20px;padding-right: 20px;}
.flex_start{display: flex;justify-content: flex-start;align-items: center}
.flex_between{display: flex;align-items: center;justify-content:space-between}
.flex_end{display: flex;align-items: center;justify-content:flex-end}
.flex_center{display: flex;align-items: center;justify-content:center}
.bg_white{background: #fff!important}
.bg_gray{background-color: var(--AJGrey50);}
.text_link{display: flex;align-items: center;}
.text_link i{margin-left: 2px;}

.loading{display: block;background-color: #fff;text-align: center;padding:50px 0}
.loading:after{content: "";display: inline-block;width: 50px;height: 50px;border: 5px solid rgba(0,0,0,.1);border-radius: 50%;border-top-color: #aaa;animation: spin 1s ease-in-out infinite;-webkit-animation: spin 1s ease-in-out infinite;}
@keyframes spin {
    to { -webkit-transform: rotate(360deg); }
}
@-webkit-keyframes spin {
    to { -webkit-transform: rotate(360deg); }
}
.success_text{font-size: 12px;padding-left: 16px;padding-top: 5px;color: var(--AJDeepBule);}
.fail_text{font-size: 12px;padding-left: 16px;padding-top: 5px;color: var(--AJRed);}
.text_absolute{position: relative;}
.text_absolute > *{position: absolute;left: 0;top: 0;}
/* scrollbar */
body::-webkit-scrollbar, aside::-webkit-scrollbar, .layer_wrap::-webkit-scrollbar, main::-webkit-scrollbar{width: 2px;}
body::-webkit-scrollbar-track, aside::-webkit-scrollbar-track, .layer_wrap::-webkit-scrollbar-track, main::-webkit-scrollbar-track {background-color: transparent;}
body::-webkit-scrollbar-thumb, aside::-webkit-scrollbar-thumb, .layer_wrap::-webkit-scrollbar-thumb, main::-webkit-scrollbar-thumb {border-radius: 3px;background-color: var(--AJGrey200);}
body::-webkit-scrollbar-button, aside::-webkit-scrollbar-button, .layer_wrap::-webkit-scrollbar-button, main::-webkit-scrollbar-button {width: 0;height: 0;}
body::moz-scrollbar, aside::moz-scrollbar, .layer_wrap::moz-scrollbar, main::moz-scrollbar {scrollbar-width: thin;scrollbar-color: gray transparent;}
/* Layout */
body{background-color: #fff;overflow: hidden;overflow-x:hidden;overflow-y: scroll;}
#wrap{width: 100%;min-height: 100%;}
#wrap .container{position: relative;width: 100%;max-width: 768px;background-color: #fff;margin: 0 auto;padding-top:calc(env(safe-area-inset-top) + 50px);padding-top: calc(constant(safe-area-inset-top) + 50px);}
#wrap .container header{position: fixed;left:50%;top:0;width: 100%;;max-width: 768px;transform: translateX(-50%);background-color: var(--AJWhite);z-index: 10;}
#wrap .container header{ height: calc(env(safe-area-inset-top) + 50px);height: calc(constant(safe-area-inset-top) + 50px); padding-top: env(safe-area-inset-top); padding-top: constant(safe-area-inset-top);}
#wrap .container header .header_inner{width: 100%}
#wrap .container .btn_fixed_bottom{position: fixed;left:50%;bottom:0;width: 100%;;max-width: 768px;transform: translateX(-50%);z-index: 10;background-color: var(--AJWhite);}
/* header */
header{height: 50px;}
header .header_inner{display:flex;align-items: center;justify-content: space-between;height: 100%;padding: 0 20px;box-shadow: 0 0 0 0 rgba(0,0,0,0.1);transition: all ease 0.2s;}
header .header_inner .btn_left{margin-right: 10px;height: 24px;}
header .header_inner h1{font-size: 18px;font-weight: 500;margin-right: auto}
header .header_inner h1 span{font-size: 16px;padding-left: 10px;color: #888;}
header .header_inner .btn_right{margin-left: auto;}
/* footer */
footer{background-color: var(--AJGrey50);padding: 16px 20px 32px;}
footer ul{display: flex;justify-content: flex-start;align-items: center;margin-bottom: 32px;}
footer ul li + li{margin-left: 8px;}
footer div span{display: block;font-size: 12px;margin-top: 6px;}
footer p{font-size: 12px;margin-top: 40px;}
.btn_top{position: fixed;right: 24px;bottom: -100px;transition: all cubic-bezier(0.8, 0, 0.5, 1) 0.4s;z-index: 11;}
.btn_top.active{bottom: 20px;}
.btn_top.active.hasFixedbtn{bottom: 90px;}
/* 사이드메뉴 */
.aside_wrap{display:none;position:fixed;top:0;left:0;right:0;padding-left:0%;width:100%;height:100vh;z-index:101;overflow:hidden;-webkit-overflow-scrolling:touch;}
.aside_wrap .aside_bg{display: none;position:fixed;width:100%;height:100%;background-color:rgba(0,0,0,0.8);top: 0;bottom: 0;right: 10%;left: 0;z-index: 1;}
.aside_wrap aside{display: block;position:relative;top:0;right:-100%;height: 100vh;-webkit-overflow-scrolling:touch;transition: right cubic-bezier(0.8, 0, 0.5, 1) 0.4s;background:#fff;z-index: 2;overflow-y: scroll;}
.aside_wrap.open aside{right:0;}
.aside_wrap aside .aside_inner{height: 100%;}
.aside_wrap aside .aside_inner .aside_top{padding: 15px 20px 11px;display: flex;justify-content: space-between;align-items: center;}
.aside_wrap aside .aside_inner .login_info{padding: 40px 20px 32px;}
.aside_wrap aside .aside_inner  .center_list li a{position: relative;}
.aside_wrap aside .aside_inner  .center_list li a .badge{position: absolute;left: 50%;transform: translateX(-50%);bottom: -25px;width: 110px;padding: 0;}
.aside_wrap aside .aside_inner  .center_list li a .badge:after{content: '';display: block;width: 9px;height: 6px;background: url(/static/img/mobile/icon_tail.png); background-size: 9px 6px;}
.aside_wrap aside .aside_inner  .center_list li a .badge:after{position: absolute;left: 50px;margin-left: -2px;top: -6px;}
.aside_wrap aside .aside_inner .board_list{padding: 0 20px;}
.aside_wrap aside .aside_inner .board_list li a{padding: 4px 16px;}
/* 파일다운로드 */
.file_group{display: flex;vertical-align: middle;justify-content: space-between; position: relative;align-items: center;padding: 4px 0 0;cursor: pointer}
.file_group input{width: 100%;cursor: pointer}
/* 에디터 */
.ql-editor ol{padding-left: 0;}
.ql-editor *{line-height: 1.5}
/* 입력폼 */
.form_group{position:relative;}
.form_group .form_text{width: 100%;height: 64px;border: 1px solid var(--AJGrey50); border-radius:8px;padding: 0 12px;background-color: transparent;box-sizing: border-box;font-size: 14px;color: var(--AJPurple800);position: relative;z-index: 1;}
.form_group textarea.form_text{width: 100%;height: 180px;border: 1px solid var(--AJGrey50); border-radius:8px;padding:16px;background-color: transparent;box-sizing: border-box;font-size: 16px;color: var(--AJPurple800);}
.form_group .form_text::-webkit-inner-spin-button{appearance: none;-moz-appearance: none; -webkit-appearance: none;}
.form_group .form_text:focus{border-color:var(--AJPurple500); padding-top:10px; outline:none;}
.form_group textarea.form_text:focus{border-color:var(--AJPurple500); padding-top:16px; outline:none;}
.form_group .form_text:focus::placeholder{opacity:0;}
.form_group .form_icon{position: absolute;right: 6px;top: 50%;transform: translateY(-50%);padding: 5px;z-index: 1;}
.form_group .form_reset,.form_group .form_del,.form_group .form_remove{display: none;}
.form_group .toggle_password + .form_reset{right:40px;}

.form_group .form_label{position: absolute;left: 16px;top: 28px;z-index: 1;color: var(--AJGrey200);font-size:12px;transition: transform 150ms ease-out, font-size 150ms ease-out;opacity:0;font-size: 20px;z-index: 0;}
.form_group.focused .form_label,
.form_group.fixed .form_label,
.form_group.disabled .form_label ,
.form_group.readonly .form_label { opacity:1; transform: translate(0px, -100%); font-size: 12px; color: var(--AJGrey200)}
.form_group.focused .form_text,
.form_group.fixed .form_text,
.form_group.disabled .form_text,
.form_group.readonly .form_text{padding-top: 18px;border-color:var(--AJPurple500); }
.form_group.focused textarea.form_text,
.form_group.fixed textarea.form_text,
.form_group.disabled textarea.form_text,
.form_group.readonly textarea.form_text{padding-top: 18px;border-color:var(--AJPurple500); }
.form_group.fixed .form_reset{display: block;}
.form_group.fixed .form_remove{display: block;}
.form_group.focused .form_text[type="password"],.form_group.fixed .form_text[type="password"],.form_group.disabled .form_text[type="password"]{font:small-caption;font-size: 16px;letter-spacing: 5px;}
.form_group.fail.focused .form_text,
.form_group.fail.fixed .form_text,
.form_group.fail.disabled .form_text{border-color:var(--AJRed); }
.form_group.disabled .form_text{border-color: var(--AJGrey50);background-color: var(--AJGrey50);}
.form_group.readonly .form_text{border-color: var(--AJGrey50);}

.form_group select.form_text{color: var(--AJGrey200);font-size:14px;}
.form_group.focused select,
.form_group.fixed select{color: #262135;font-size:16px;}

.form_group.active{padding-right: 60px;}
.form_group.active .form_reset{display: none;}
.form_group.active .form_remove{display: none;}
.form_group.active .form_del{display: block;}
.form_group.active .form_{display: block;}

.form_group.search_bar{border-bottom: 1px solid var(--AJPurple500);display: flex;justify-content: space-between;align-items: center;}
.form_group.search_bar .form_text{height: 42px;border: none;border-radius: 0;padding: 0 4px;}
.form_group.search_bar .form_reset{position: relative;top: 0;transform: none;margin-left: auto;right: 0;}
.form_group.search_bar .form_search{height: 34px;padding: 5px;margin-left: 0;}
.search_bar.focused .form_text,
.search_bar.fixed .form_text,
.search_bar.disabled .form_text{padding-top: 0;border-color:var(--AJPurple500); }
/* input */
span.selection{width: auto;}
.form_group.selection{position:relative;display:inline-block;width: 100%;height:48px;z-index: 1;border: 1px solid var(--AJGrey300);background: transparent;border-radius: 8px;}
.form_group.selection:after{content:"";position:absolute;right:16px;top: 50%;transform:translateY(-50%);display:block; width:12px; height:7px;background: url(/static/img/mobile/icon_select.png) no-repeat;background-size: 12px 7px; z-index: 0;}
.form_group.selection .form_text{position: relative;border:0;width:100%;height:100%;line-height: 48px;padding:0 16px;padding-right: 25px;z-index: 1;background: transparent;}
.form_group.selection .form_text::-ms-expand {display: none;}
.form_group.selection.focused .form_text, .form_group.selection.fixed .form_text, .form_group.selection.disabled .form_text{padding-top: 0;}
.form_group.selection.focused select, .form_group.selection.fixed select{font-size: 14px;}

.selection_wrap{display: flex;justify-content: space-between;align-items: center;}
.selection_wrap .selection{width: 60%;}
.selection_wrap .selection:first-child{width: calc(40% - 8px);margin-right: 8px;}

.form_group_daterange{display: flex;justify-content: space-between;align-items: center;}
.form_group_daterange .form_group{width: 48%;}
.form_group_daterange > i {text-align: center;font-size: 18px;font-weight: 600;}

.form_select{position: relative;display: block;border-bottom: 1px solid var(--AJPurple500);}
.form_select:after{content:"";position:absolute;right:4px;top: 50%;transform:translateY(-50%);display:block; width:24px; height:24px;background: url(/static/img/mobile/icon_selection.png) no-repeat;background-size: 24px 24px; z-index: 0;}
.form_select select,.form_select input{height: 42px;width: 100%;position: relative;z-index: 1;background: transparent;}

.checks{vertical-align: middle;position: relative;display: inline-block;}
.checks input[type="checkbox"]{height: 20px;background: none;vertical-align:middle;border:0;background:none;padding: 0 0 0 20px;width:1px;height: 1px;margin:0;-webkit-appearance: none;-moz-appearance: none; appearance: none;}
.checks input[type="checkbox"]:before{content: '';position:absolute;left:4px;top:4px;display:block; width:12px; height:12px;transform: scale(1.5); background-color:var(--AJPurple800);border-radius: 3px;box-sizing: border-box;opacity: 0;transition: all ease 0.3s;}
.checks input[type="checkbox"]:after{content:"";position:absolute;left:0;top:0;display:block; width:20px; height:20px;border: 1px solid var(--AJPurple800);border-radius: 3px;box-sizing: border-box;}
.checks span{line-height: 20px;padding-left: 5px;}
.checks input:checked[type="checkbox"]::before{opacity: 1;transform: scale(1);}

.checks input[type="radio"]{height: 20px;background: none;vertical-align:middle;border:0;background:none;padding: 0 0 0 20px;width:1px;height: 1px;margin:0;-webkit-appearance: none;-moz-appearance: none; appearance: none;}
.checks input[type="radio"]:before{content: '';position:absolute;left:4px;top:4px;display:block; width:12px; height:12px;transform: scale(1.5); background-color:var(--AJPurple800);border-radius: 3px;box-sizing: border-box;opacity: 0;transition: all ease 0.3s;}
.checks input[type="radio"]:after{content:"";position:absolute;left:0;top:0;display:block; width:20px; height:20px;border: 1px solid var(--AJPurple800);border-radius: 3px;box-sizing: border-box;}
.checks input:checked[type="radio"]::before{opacity: 1;transform: scale(1);}
.checks.disabled input::after{background-color: var(--AJGrey50)}

.label_box{position: relative;display: flex; justify-content:flex-start; align-items:center;padding:8px;background: var(--AJGrey10);border-radius: 8px;}
.label_box label{position: relative;flex-grow: 1; display: flex;justify-content: center;align-items: center;padding-left: 5px;margin-left: 5px;}

.label_box label:first-child{padding-left: 0;margin-left: 0;}
.label_box input{position: absolute;width: 1px;height: 1px;padding: 0;margin: -1px;overflow: hidden;clip: rect(0,0,0,0);}
.label_box span{position: relative;flex-grow: 1; line-height: 36px;padding:0 8px;text-align: center;border-radius:6px;color: var(--AJGrey300);border: 1px solid var(--AJGrey10);cursor: pointer;font-size: 16px;}
.label_box input:checked + span {background-color:var(--AJWhite);border-color: var(--AJPurple800);color: var(--AJPurple800);}

.category_box label{margin: 0;padding: 0;margin-left: 4px;padding-left: 4px;}
.category_box label:first-child{margin-left: 0;}
.category_box label::before{height: 64px;}
.category_box label span{font-size: 12px;font-weight: 400;text-align: center;line-height: 130%;padding: 4px 0 8px;}
.category_box label span b{font-size: 16px;font-weight: 500;display: block;}
.category_box label span em{display: block;}
.category_box label span i{transition: all cubic-bezier(0.8, 0, 0.5, 1) 0.4s;}
.category_box input:checked + span i{background-position-y: -36px;}
.category_box input:checked + span em b{font-weight: 700;color: var(--AJPurple800);}
.category_box.card_black label::before{display: none;}
.category_box.card_black label span{border: none;}
.category_box.card_black label span em b{font-size: 14px;font-weight: 400;color:var(--AJGrey50);}
.category_box.card_black label span em span{font-size: 16px;margin-top: 4px;;padding: 0;}
.category_box.card_black label span em span strong{font-size: 18px;font-weight: 600;color:var(--AJGrey50);}

.label_btn_wrap{display: flex;justify-content:flex-start;align-items: center;}
.label_btn + .label_btn{margin-left: 8px;}
.label_btn{height: 32px;padding: 0 12px;font-size: 12px; border-radius: 16px;border: 1px solid var(--AJGrey100);display: flex;justify-content: center;align-items: center;}
.label_btn i{margin-left: 8px;}
.label_btn.active{color: var(--AJGrey50);background-color: var(--AJPurple800);border-color: var(--AJPurple800);}
.label_btn.active .icon_cube{background-position-y: -16px}
.label_btn.active .icon_calendar{background-position-y: -16px}
/* input file */
.filebox_wrap{display: flex;justify-content: space-between;align-items: center;flex-wrap: wrap;}
.filebox_wrap .filebox{margin-bottom: 16px;}
.filebox{position: relative;width: 48%;z-index: 1;background-color: var(--AJGrey10);border-radius: 8px;overflow: hidden;}
.filebox::after{content: '';display: block;padding-bottom: 70%;}
.filebox a.btn_del{display: none;position: absolute;right: 4px;top: 5px;width: 24px;height: 24px;padding: 0px;z-index: 3;}
.filebox label.view_file{overflow: hidden;position: absolute;display: block;text-align: center;width: 100%;height: 100%;z-index: 2;}
.filebox input[type="file"] { /* 파일 필드 숨기기 */ position: absolute; width: 1px; height: 1px; padding: 0; margin: -1px; overflow: hidden; clip:rect(0,0,0,0); border: 0; }
.filebox img{display: block;position: absolute;left: 50%;top: 50%;width: 100%;transform: translate(-50%,-50%);z-index: 1;}
.filebox .file_guide{text-align: center;position: absolute;z-index: 1;left: 50%;top: 50%;transform: translate(-50%,-50%);width:100%}
.filebox .file_guide p{font-weight: 500;color: var(--AJGrey300);font-size: 16px;margin-top: 12px;}
.filebox .file_guide p span{display: block;font-size: 12px;font-weight: 400;color: var(--AJGrey200);}
.filebox .file_guide i.icon_plus{width: 24px;height: 24px;}
.filebox.ready a.btn_del{display: block;}
.filebox.ready img{display: block;}
.filebox.ready .file_guide{display: none;}
.filebox.width_size img{height: 100%;width:auto}
/* Badge */
.badge{display: inline-block;font-size: 13px;line-height: 25px;padding: 0 10px;border-radius: 8px;}
.badge_small{display: inline-block;font-size: 12px;line-height: 20px;padding: 0 5px;border-radius: 4px;}
.badge_red{background: rgba(233, 35, 52, 0.15);color: var(--AJRed);}
.badge_blue{background: rgba(13, 0, 255, 0.2);color: var(--AJDeepBule);}
.badge_gray{background: rgba(108, 96, 153, 0.2);color: var(--AJPurple500);}
/* 테이블 */
table{font-size: 12px;}
table th{font-weight: 700;background: #f8f8f8;border: 1px solid #eee;line-height: 36px;}
table td{padding: 5px;border: 1px solid #eee;}
/* 레이어팝업 */
.layer_wrap{display:none;position:fixed;overflow-y: auto; top:0;width:100%;height:100%;z-index:100;color:#363636;-webkit-overflow-scrolling:touch;}
.layer_wrap .layer_bg{position:fixed;left: 0;top: 0;right: 0;bottom: 0;width:100%;height:100%;background-color:rgba(54,54,54,0.8);z-index: 0;display: block;}
.layer_wrap .layer_bg_none{opacity: 0}
.layer_wrap .popLayer_view{display: none;z-index: 1; position: absolute;width: 90%;;left:50%; top:50%;letter-spacing: -1px;background-color: #fff;border-radius:16px}
.layer_wrap .popLayer_view .popLayer_content{padding:20px;}
.layer_wrap .popLayer_view h2{position: relative;height: 50px;text-align: left;padding: 0px;font-size: 16px;font-weight: bold;}
.layer_wrap .bottomLayer_view{display: none;width: 100%;max-width:768px; z-index: 1; position: absolute;left:50%; bottom:0;transform: translateX(-50%); letter-spacing: -1px;margin-bottom: -100vh;border-radius: 0;transition: all ease 0.5s;border-radius:16px 16px 0 0}
.layer_wrap .bottomLayer_view .popLayer_content{max-height: 75vh; position: relative;padding:0px 20px 20px;margin-top: 50px;background-color: #fff;;box-shadow:rgba(0,0,0,.15) 0 2px 5px;overflow-y: auto;}
.layer_wrap .bottomLayer_view  h2{position: absolute;left: 0;top: 0;width: 100%;height: 50px;text-align: left;padding: 0px;font-size: 16px;font-weight: bold;background-color: #fff;z-index: 1;}
.layer_wrap .bottomLayer_view  h2{padding: 0 20px;display: flex;justify-content: space-between;align-items: center;}
.layer_wrap .bottomLayer_view .btn_wrap.btn_fixed_bottom{padding: 20px;position: absolute;left: 0;bottom: 0;}
.layer_wrap .bottomLayer_view .popLayer_content_inner{position: relative;padding-bottom:60px;}
.layer_wrap .bottomLayer_view .popLayer_content_inner .btn_wrap.btn_fixed_bottom{position: fixed;left: 0;bottom: 0;}
.layer_wrap .bottomLayer_view .popLayer_content_inner .btn_wrap.btn_fixed_toggle{padding: 20px 0 0;}
/* 전체레이어팝업 */
.layer_wrap .fullLayer_view{display: none;width: 100%;height: 100%;z-index: 1; position: absolute;left:0; top:0;right:0;bottom:0;margin-bottom: 0;letter-spacing: -1px;border-radius: 0;overflow: hidden;}
.layer_wrap .fullLayer_view .popLayer_content{height: 100%;overflow: scroll}
.layer_wrap .fullLayer_view .bg_none{background: none;}
.layer_wrap .fullLayer_view .popLayer_content a.btn_close{position: absolute;right:15px;top: 15px;display: block;width: 24px;height: 24px;z-index: 2;}
/* 로딩레이어팝업 */
.loadingLayer_wrap{display:none;position:fixed;overflow-y: scroll; top:0;width:100%;height:100vh;z-index:101;}
.loadingLayer_wrap .layer_bg{position:absolute;left: 0;top: 0;right: 0;bottom: 0;width:100%;height:100vh;background-color:rgba(0,0,0,0.8);}
.loadingLayer_wrap .popLayer_view{display: none;z-index: 1; position: absolute;;left:50%; top:50%;margin-bottom: 50px;letter-spacing: -1px;}
.loadingLayer_wrap .popLayer_view .loading{display: block;text-align: center;padding:50px 0;background: transparent;}
.loadingLayer_wrap .popLayer_view .loading:after{content: "";display: inline-block;width: 50px;height: 50px;border: 5px solid #eee;border-radius: 50%;border-top-color: #ed1c24;animation: spin 1s ease-in-out infinite;-webkit-animation: spin 1s ease-in-out infinite;}
@keyframes spin {
    to { -webkit-transform: rotate(360deg); }
}
@-webkit-keyframes spin {
    to { -webkit-transform: rotate(360deg); }
}
/* LIST */
ul.asset_list li{border: 1px solid var(--AJGrey500);border-radius: 8px;padding: 12px 16px;cursor: pointer}
ul.asset_list li + li{margin-top: 20px;}
ul.asset_list li .list_title{position: relative;cursor: pointer;}
ul.asset_list li .list_title .badge{font-size: 12px;line-height: 20px;margin-bottom: 8px;}
ul.asset_list li .list_title strong{display: block;font-weight: 500;font-size: 16px;}
ul.asset_list li .list_content > .sub_title{color: var(--AJPurple500);}
ul.asset_list li .list_content > div{margin-top: 4px;}
ul.asset_list li .list_content > div p{display: flex;justify-content: flex-start;align-items: flex-start;font-size: 13px;}
ul.asset_list li .list_content > div p em{color: var(--AJPurple500);padding-left: 8px;}
ul.asset_list li .list_content > div p i{height: 8px;margin: 0 8px;border-left:1px solid var(--AJGrey100);margin-top: 3px;}
ul.asset_list li .list_content > div p + p{margin-top: 2px;}
ul.asset_list li.folding_list .list_content{display: none;}
ul.asset_list li.folding_list.active .list_content{display: block;}
ul.asset_list li.folding_list .list_title:after{position: absolute;right: 0;top: 2px;content: '';display: block;width: 16px;height: 16px;background: url(/static/img/mobile/icon_folding.png);background-size: cover;transition:transform ease 0.3s;transform: rotate(0);}
ul.asset_list li.folding_list.active .list_title:after{transform: rotate(180deg);}
ul.asset_list li.list_none{border: none;}

ul.service_list li{background-color: var(--AJGrey50);border-radius: 8px;padding:20px 16px}
ul.service_list li + li{margin-top: 16px;}
ul.service_list li a{display: flex;justify-content: space-between;align-items: center;}
ul.service_list li.bg_none{background: transparent;}

ul.center_list{display: flex;justify-content:space-around;align-items: flex-start;}
ul.center_list li{width: 33%;}
ul.center_list.each4 li{width: 25%;}
ul.center_list li a{display: block;margin: 0 auto;width: 100%;text-align: center;padding: 4px;}
ul.center_list li a strong{display: block;}

ul.board_list li{padding:12px 0;border-bottom: 1px solid var(--AJGrey50);}
ul.board_list li a{position: relative;display: flex;justify-content: space-between;align-items: center;width: 100%;}
ul.board_list li a div{width:100%}
ul.board_list li a div strong{font-size: 16px;font-weight: 500;display: flex;justify-content:flex-start;align-items: flex-start;overflow: hidden;}
ul.board_list li a div strong .badge,ul.board_list li a div strong .badge_small{margin-right: 8px;}
ul.board_list li a div strong span{width:90%;font-weight: 500;overflow: hidden;text-overflow: ellipsis;white-space: nowrap;-webkit-box-orient: vertical;}
ul.board_list li a div p{font-size: 12px;color: var(--AJGrey300);}
ul.board_list li a i{position: absolute;right: 0;top: 50%;transform: translateY(-50%);}

ul.select_list li + li{margin-top: 16px;}
ul.select_list li label{display: block;}
ul.select_list li label input{width:1px;height: 1px;margin:0;-webkit-appearance: none;-moz-appearance: none; appearance: none;position: absolute;left: 0;top: 0;}
ul.select_list li label span{display: block;padding: 12px 16px;border: 1px solid var(--AJGrey50);border-radius: 8px;}
ul.select_list li label input:checked + span{border-color: var(--AJGrey500);}

ul.title_list li+ li{margin-top: 24px;}
ul.title_list li{border: 1px solid var(--AJGrey500);border-radius: 8px;padding: 12px 16px;}
ul.title_list li strong{font-size: 16px;font-weight: 500;}
ul.title_list li p{font-size: 13px;color: var(--AJGrey500);margin-top: 4px;}

ul.as_step_list{position: relative;display: flex;justify-content:stretch;align-items: center;}
ul.as_step_list:before{content: '';display: block;position: absolute;left: 0;bottom: 0;width: 100%;height: 10px;background-color: var(--AJPurple800);border-radius: 2px;z-index: 1;}
ul.as_step_list:after{content: '';display: block;position: absolute;left: 0;bottom: 0;width: 100%;height: 10px;background-color: var(--AJGrey100);border-radius: 2px;}
ul.as_step_list li{position: relative;flex-grow: 1;text-align: center;padding-bottom: 20px;}
ul.as_step_list li i{width: 20px;height: 20px;display: inline-block;border-radius: 10px;background-color: var(--AJGrey100);color: var(--AJGrey50);text-align: center;}
ul.as_step_list li span{display: block;color: var(--AJGrey300);font-size: 12px;}
ul.as_step_list.step1::before{width: 20%;}
ul.as_step_list.step1 li:nth-child(1) i{background-color: var(--AJPurple800);color: var(--AJGrey50);}
ul.as_step_list.step1 li:nth-child(1) span{color:var(--AJPurple800);}
ul.as_step_list.step2::before{width: 40%;}
ul.as_step_list.step2 li:nth-child(-n+2) i{background-color: var(--AJPurple800);color: var(--AJGrey50);}
ul.as_step_list.step2 li:nth-child(-n+2) span{color:var(--AJPurple800);}
ul.as_step_list.step3::before{width: 60%;}
ul.as_step_list.step3 li:nth-child(-n+3) i{background-color: var(--AJPurple800);color: var(--AJGrey50);}
ul.as_step_list.step3 li:nth-child(-n+3) span{color:var(--AJPurple800);}
ul.as_step_list.step4::before{width: 80%;}
ul.as_step_list.step4 li:nth-child(-n+4) i{background-color: var(--AJPurple800);color: var(--AJGrey50);}
ul.as_step_list.step4 li:nth-child(-n+4) span{color:var(--AJPurple800);}
ul.as_step_list.step5::before{width: 100%;}
ul.as_step_list.step5 li:nth-child(-n+5) i{background-color: var(--AJPurple800);color: var(--AJGrey50);}
ul.as_step_list.step5 li:nth-child(-n+5) span{color:var(--AJPurple800);}
ul.as_step_list.each3.step1::before{width: 33%;}
ul.as_step_list.each3.step2::before{width: 66%;}
ul.as_step_list.each3.step3::before{width: 100%;}
ul.as_step_list.each4.step1::before{width: 25%;}
ul.as_step_list.each4.step2::before{width: 50%;}
ul.as_step_list.each4.step3::before{width: 75%;}
ul.as_step_list.each4.step4::before{width: 100%;}

.list_none{text-align: center;padding: 40px 0!important;border: 0!important;}
.list_none i{display: block;margin: 0 auto;width: 180px;height: 180px;background: url(/static/img/mobile/img_list_none.png) no-repeat;background-size: 50% 50%!important;background-position: center center}
.list_none strong{display: block;font-size: 20px;font-weight: 500;margin-top: 32px;margin-bottom: 16px;margin-top: 4px;}
/* card */
.card_black{background-color: var(--AJPurple800);border-radius: 8px;padding: 12px 16px;}
.card_black > strong{display: block;font-size: 16px;font-weight: 500;color: var(--AJWhite);}
.card_black > div{display: flex;justify-content: flex-start;align-items: center;margin-top: 2px;}
.card_black > div span{color: var(--AJGrey100);margin: 0 8px;}
.card_black > div span:first-child{margin-left: 0;}
.card_black > p{font-size: 13px;margin-top: 4px;display: flex;justify-content: flex-start;align-items: center;}
.card_black > p span{color: var(--AJGrey200);margin: 0 8px;}
.card_black > p em{color: var(--AJGrey300);}
.card_black i.stick{border-left: 1px solid var(--AJGrey100);width: 1px;height: 8px;}
/* swiper */
.swiper-container-horizontal{overflow: hidden;}
/* 버튼 */
.btn_wrap{position: relative;text-align: center;width: 100%;}
.btn_wrap.btn_fixed_bottom{padding: 12px 20px 20px;}
.btn_both{display: flex;justify-content: space-between;align-items: center;}
.btn_both > a{width: 69%;}
.btn_both > a:first-child{width: calc(31% - 10px);}
.btn_vertical{display: flex;justify-content: center;align-items: center;flex-wrap: wrap;}
.btn_vertical > a{width: 100%;}
.btn_vertical > a:first-child{margin-bottom: 16px;}
.btn{display: flex;justify-content: center;align-items: center;font-weight: 700;}
.btn i{margin-right:5px}
.btn span{font-weight: 700;}
.btn_primary{width:100%;height: 56px;border-radius: 28px;color: var(--AJGrey50);background-color:var(--AJPurple800);font-size: 16px;}
.btn_primary.disabled{background-color: var(--AJGrey50);color: var(--AJGrey300);}
.btn_secondary{width:100%;height: 56px;border-radius: 28px;color: var(--AJPurple800);background-color:var(--AJWhite);font-size: 16px;border:1px solid var(--AJPurple500)}
.btn_secondary.disabled{background-color: var(--AJGrey50);color: var(--AJGrey100);border:none}
.btn_kakao{width:100%;height: 56px;border-radius: 28px;color: var(--AJBlack);background-color:#FEE500;font-size: 16px;}
/* 아이콘 */
i.icon_kakao{width:24px;height: 23px;background: url(/static/img/mobile/icon_kakao.png);}
i.icon_del{width:24px;height: 24px;background: url(/static/img/mobile/icon_del.png);}
i.file_del{width:24px;height: 24px;background: url(/static/img/mobile/file_del.png);}
i.icon_password{width:24px;height: 24px;background: url(/static/img/mobile/icon_password.png);}
i.icon_password_view{width:24px;height: 24px;background: url(/static/img/mobile/icon_password_view.png);}
i.header_menu{width:24px;height: 24px;background: url(/static/img/mobile/header_menu.png);}
i.header_back{width:24px;height: 24px;background: url(/static/img/mobile/header_back.png);}
i.header_close{width:24px;height: 24px;background: url(/static/img/mobile/header_close.png);}
i.header_menu{width:24px;height: 24px;background: url(/static/img/mobile/header_menu.png);}
i.header_home{width:24px;height: 24px;background: url(/static/img/mobile/header_home.png);}
i.icon_sample{width:48px;height: 48px;background: url(/static/img/mobile/icon_sample.png);}
i.icon_sample_on{width:48px;height: 48px;background: url(/static/img/mobile/icon_sample_on.png);}
i.icon_sample_small{width:24px;height: 24px;background: url(/static/img/mobile/icon_sample_small.png);}
i.icon_sample_small_white{width:24px;height: 24px;background: url(/static/img/mobile/icon_sample_small_white.png);}
i.icon_link{width:16px;height: 16px;background: url(/static/img/mobile/icon_link.png);}
i.icon_search{width:24px;height: 24px;background: url(/static/img/mobile/icon_search.png);}
i.icon_plus{width:32px;height: 32px;background: url(/static/img/mobile/icon_plus.png);}
i.icon_minus{width:24px;height: 24px;background: url(/static/img/mobile/icon_minus.png);}
i.icon_minus_small{width:16px;height: 16px;background: url(/static/img/mobile/icon_minus_small.png);}
i.icon_btn_top{width:40px;height: 40px;background: url(/static/img/mobile/btn_top.png);}
i.icon_list_link{width:24px;height: 24px;background: url(/static/img/mobile/icon_list_link.png);}
i.icon_qr_gray{width:24px;height: 24px;background: url(/static/img/mobile/icon_qr_gray.png);}
i.icon_qr{width:32px;height: 32px;background: url(/static/img/mobile/icon_qr.png);}
i.icon_qrs{width:32px;height: 32px;background: url(/static/img/mobile/icon_qrs.png);}
i.icon_filter{width:24px;height: 24px;background: url(/static/img/mobile/icon_filter.png);}
i.icon_warning{width:24px;height: 24px;background: url(/static/img/mobile/icon_warning.png);}
i.icon_arrow_login{width:24px;height: 24px;background: url(/static/img/mobile/icon_arrow_login.png);}
i.icon_main_as{width:36px;height: 36px;background: url(/static/img/mobile/icon_main_as.png);}
i.icon_main_asset{width:36px;height: 36px;background: url(/static/img/mobile/icon_main_asset.png);}
i.icon_main_audit{width:36px;height: 36px;background: url(/static/img/mobile/icon_main_audit.png);}
i.icon_main_selfCheck{width:36px;height: 36px;background: url(/static/img/mobile/icon_main_selfCheck.png);}
i.icon_timer{width:16px;height: 16px;background: url(/static/img/mobile/icon_timer.png);}
i.icon_myinfo{width:32px;height: 32px;background: url(/static/img/mobile/icon_myinfo.png);}
i.icon_myagree{width:32px;height: 32px;background: url(/static/img/mobile/icon_myagree.png);}
i.icon_mypassword{width:32px;height: 32px;background: url(/static/img/mobile/icon_mypassword.png);}
i.icon_asset{width:32px;height: 32px;background: url(/static/img/mobile/icon_asset.png);}
i.icon_as{width:32px;height: 32px;background: url(/static/img/mobile/icon_as.png);}
i.icon_audit{width:32px;height: 32px;background: url(/static/img/mobile/icon_audit.png);}

i.icon_as_result{width:16px;height: 16px;background: url(/static/img/mobile/icon_as_result.png);background-position-y:-1px}
i.icon_as_engineer{width:16px;height: 16px;background: url(/static/img/mobile/icon_as_engineer.png);background-position-y:-1px}
i.icon_as_fault{width:16px;height: 16px;background: url(/static/img/mobile/icon_as_fault.png);background-position-y:-1px}
i.icon_as_spot{width:16px;height: 16px;background: url(/static/img/mobile/icon_as_spot.png);background-position-y:-1px}
i.icon_as_user{width:16px;height: 16px;background: url(/static/img/mobile/icon_as_user.png);background-position-y:-1px}

i.icon_faq{width:35px;height: 30px;background: url(/static/img/mobile/icon_faq.png);}
i.icon_selfCheck{width:30px;height: 35px;background: url(/static/img/mobile/icon_selfCheck.png);}
i.icon_notice{width:28px;height: 27px;background: url(/static/img/mobile/icon_notice.png);}

i.icon_postType01{width:36px;height: 36px;background: url(/static/img/mobile/icon_postType01.png);}
i.icon_postType01.active{background-position-y: -36px}
i.icon_postType01.white{background-position-y: -72px}
i.icon_postType02{width:36px;height: 36px;background: url(/static/img/mobile/icon_postType02.png);}
i.icon_postType02.active{background-position-y: -36px}
i.icon_postType02.white{background-position-y: -72px}
i.icon_postType03{width:36px;height: 36px;background: url(/static/img/mobile/icon_postType03.png);}
i.icon_postType03.active{background-position-y: -36px}
i.icon_postType03.white{background-position-y: -72px}
i.icon_cube{width:16px;height: 16px;background: url(/static/img/mobile/icon_cube.png);background-position-y:-1px}
i.icon_cube.active{background-position-y: -16px}
i.icon_calendar{width:16px;height: 16px;background: url(/static/img/mobile/icon_calendar.png);background-position-y:-1px}
i.icon_calendar.active{background-position-y: -16px}

i.icon{position: relative;display: inline-block;background-size: cover;vertical-align: top;}

.img_box{width: 60%; max-width: 300px; margin: 0 auto;}
.img_box_small{width:180px;height:180px;text-align: center}
.img_box_small > img{position: relative;top:50%;transform:translateY(-50%);width:130px}
.icon_dot_red:after{content: '';display: inline-block;width: 6px;height: 6px;margin-left: 2px;border-radius: 3px;background-color: var(--AJRed);vertical-align: text-top;}
.icon_dot_gray{display: inline-block;width: 16px;height: 16px;border-radius: 8px;background-color: var(--AJGrey10);}
.btn_list_add{display: block;padding: 10px;}
.bg_round{position: relative;}
.bg_round::before{content: '';display: block;width: 100%;height: 32px;position: absolute;left: 0;top: 0;background-color: var(--AJGrey50);}
.bg_round::after{content: '';display: block;width: 100%;height: 32px;border-radius: 32px 32px 0 0;position: absolute;left: 0;top: 0;z-index: 1;background-color: var(--AJWhite);}
/* 에디터 */
.ql-snow b,.ql-snow strong{font-weight: 700;}
.ql-snow .board_content{padding: 12px 0;}
/* 768px 이상 미디어쿼리 */
@media screen and (min-width: 768px) {
    body{background-color: #faf6f7;}
    #wrap .container main{min-height: calc(100vh - 50px)}
    #wrap .container.main main{max-height: calc(100vh - 50px);height: auto;min-height: auto}
    .aside_wrap{padding-left: calc(100% - 400px);}
    .btn_top{right: 50%;margin-right: -365px;}

    .filebox_wrap{display: flex;justify-content: space-between;align-items: center;}
    .filebox{position: relative;width: 23%;z-index: 1;}
    .each2 .filebox{position: relative;width: 48%;z-index: 1;}

    .layer_wrap .bottomLayer_view .popLayer_content_inner{height: 100%}

}