@charset "UTF-8"; :root { --font-family-base: 'Pretendard', -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, "Noto Sans", sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji"; --font-family-poppins: 'Poppins', 'Pretendard', sans-serif;; --container-padding: 30px; --color-primary: #2058CF; --text-base-size: 18px; --border-base-radius: .625rem; } 

/* Reboot */
html { font-size: 16px } 
body { font-size: .9rem } 
body, p, span, h1, h2, h3, h4, h5, h6, ul, ol, li, dl, dt, dd, table, th, td, form, fieldset, legend, input, textarea, button, select, label { margin: 0; padding: 0 } 
body, input, textarea, select, button, table { font-family: var(--font-family-base); letter-spacing: -.03em; color: #111 } 
a, a:hover, a:focus, a:active { text-decoration: none; color: inherit; } 
li { list-style: none } 
address, em { font-style: normal } 
[role="button"] { cursor: pointer } 
table { width: 100%; border-collapse: collapse; } 
textarea { resize: none } 
strong, b { font-weight: 700 } 
img { vertical-align: top; max-width: 100% } 
br { font-family: arial } 
button { background: none; border: 0; cursor: pointer; } 
figure { margin-bottom: 0 } 
a,button,input,textarea { transition: border-color .4s, background .4s, color .4s, opacity .4s, box-shadow .4s } 
label { cursor: pointer } 
*, ::after, ::before { box-sizing: border-box; } 
caption { position: absolute;visibility: hidden; width: 0; height: 0; overflow: hidden;font-size: 0;}
/* table { font-size: 1rem; }  */
/* Grid */
.container { max-width: 1200px; padding-left: var(--container-padding); padding-right: var(--container-padding) } 
.container-sm { max-width: 1260px } 
.row { display: -ms-flexbox; display: flex; -ms-flex-wrap: wrap; flex-wrap: wrap; margin-right: -15px; margin-left: -15px } 
.no-gutters { margin-right: 0; margin-left: 0 } 
.no-gutters>.col,.no-gutters>[class*=col-] { padding-right: 0; padding-left: 0 } 
.col,.col-1,.col-10,.col-11,.col-12,.col-2,.col-3,.col-4,.col-5,.col-6,.col-7,.col-8,.col-9,.col-auto,.col-lg,.col-lg-1,.col-lg-10,.col-lg-11,.col-lg-12,.col-lg-2,.col-lg-3,.col-lg-4,.col-lg-5,.col-lg-6,.col-lg-7,.col-lg-8,.col-lg-9,.col-lg-auto,.col-md,.col-md-1,.col-md-10,.col-md-11,.col-md-12,.col-md-2,.col-md-3,.col-md-4,.col-md-5,.col-md-6,.col-md-7,.col-md-8,.col-md-9,.col-md-auto,.col-sm,.col-sm-1,.col-sm-10,.col-sm-11,.col-sm-12,.col-sm-2,.col-sm-3,.col-sm-4,.col-sm-5,.col-sm-6,.col-sm-7,.col-sm-8,.col-sm-9,.col-sm-auto,.col-xl,.col-xl-1,.col-xl-10,.col-xl-11,.col-xl-12,.col-xl-2,.col-xl-3,.col-xl-4,.col-xl-5,.col-xl-6,.col-xl-7,.col-xl-8,.col-xl-9,.col-xl-auto { position: relative; width: 100%; padding-right: 15px; padding-left: 15px } 
.col { -ms-flex-preferred-size: 0; flex-basis: 0; -ms-flex-positive: 1; flex-grow: 1; min-width: 0; max-width: 100% } 
.row-cols-1>* { -ms-flex: 0 0 100%; flex: 0 0 100%; max-width: 100% } 
.row-cols-2>* { -ms-flex: 0 0 50%; flex: 0 0 50%; max-width: 50% } 
.row-cols-3>* { -ms-flex: 0 0 33.333333%; flex: 0 0 33.333333%; max-width: 33.333333% } 
.row-cols-4>* { -ms-flex: 0 0 25%; flex: 0 0 25%; max-width: 25% } 
.row-cols-5>* { -ms-flex: 0 0 20%; flex: 0 0 20%; max-width: 20% } 
.row-cols-6>* { -ms-flex: 0 0 16.666667%; flex: 0 0 16.666667%; max-width: 16.666667% } 
.col-auto { -ms-flex: 0 0 auto; flex: 0 0 auto; width: auto; max-width: 100% } 
.col-1 { -ms-flex: 0 0 8.333333%; flex: 0 0 8.333333%; max-width: 8.333333% } 
.col-2 { -ms-flex: 0 0 16.666667%; flex: 0 0 16.666667%; max-width: 16.666667% } 
.col-3 { -ms-flex: 0 0 25%; flex: 0 0 25%; max-width: 25% } 
.col-4 { -ms-flex: 0 0 33.333333%; flex: 0 0 33.333333%; max-width: 33.333333% } 
.col-5 { -ms-flex: 0 0 41.666667%; flex: 0 0 41.666667%; max-width: 41.666667% } 
.col-6 { -ms-flex: 0 0 50%; flex: 0 0 50%; max-width: 50% } 
.col-7 { -ms-flex: 0 0 58.333333%; flex: 0 0 58.333333%; max-width: 58.333333% } 
.col-8 { -ms-flex: 0 0 66.666667%; flex: 0 0 66.666667%; max-width: 66.666667% } 
.col-9 { -ms-flex: 0 0 75%; flex: 0 0 75%; max-width: 75% } 
.col-10 { -ms-flex: 0 0 83.333333%; flex: 0 0 83.333333%; max-width: 83.333333% } 
.col-11 { -ms-flex: 0 0 91.666667%; flex: 0 0 91.666667%; max-width: 91.666667% } 
.col-12 { -ms-flex: 0 0 100%; flex: 0 0 100%; max-width: 100% } 
.row { --gutters-margin: -10px; margin-left: var(--gutters-margin); margin-right: var(--gutters-margin) } 
.row>[class*=col] { padding-left: calc(var(--gutters-margin) * -1); padding-right: calc(var(--gutters-margin) * -1) } 
.no-gutters { --gutters-margin: 0 } 
.container-fluid { max-width: none } 
.overflow-visible { overflow: visible; } 

.align-self-center { align-self: center; } 
/* Typography */
.font-poppins { font-family: var(--font-family-poppins) !important } 
[class*=fs-] { font-weight: 700; letter-spacing: 0; font-family: var(--font-family-poppins); line-height: 1.2; } 
.fs-1 { font-size: 3rem } 
.fs-2 { font-size: 2rem } 
.fs-3 { font-size: 1.4rem } 
.fs-4 { font-size: 1.2rem } 
.text-clamp { display: -webkit-box; overflow: hidden; max-height: calc(var(--clamp)*2); line-height: var(--clamp, 1.3em) !important; text-overflow: ellipsis; -webkit-line-clamp: 2; -webkit-box-orient: vertical; word-wrap: break-word; word-break: break-all; white-space: normal } 
.text-muted { color: #666 !important } 
.text-light { color: #999 !important } 
.text-primary { color: #0082FF !important } 
.text-ess { color: #e01b01 !important } 
.text-base { font-size: var(--text-base-size) } 
.ellipsis { overflow: hidden; display: -webkit-box; -webkit-box-orient: vertical; text-overflow: ellipsis; word-wrap: break-word; word-break: break-all; -ms-word-break: break-all; -ms-word-wrap: break-word; } 
.text-hide { font: 0/0 a; color: transparent; text-shadow: none; background-color: transparent; border: 0; } 
.pre-wrap { white-space: pre-wrap; } 
.text-left { text-align: left!important; } 
.text-center { text-align: center!important; } 
.text-right { text-align: right!important; } 
.text-light { color: #999 !important; } 
/* Form */
.form-control { width: 100%; font-size: 1rem; border: 1px solid #ddd; line-height: 1.2222rem; padding: .5rem .8889rem; height: 2.5556rem; border-radius: var(--border-base-radius); } 
.form-control[type="date"] { padding: 9px } 
.form-control.size-xs { --max: 100px; max-width: var(--max) } 
.form-control.size-sm0 { --max: 160px; max-width: var(--max) } 
.form-control.size-sm { --max: 200px; max-width: var(--max) } 
.form-control.size-md { --max: 480px; max-width: var(--max) } 
select.form-control { -webkit-appearance: none; background: #fff url(../../images/front/select.svg) no-repeat center right 12px; padding-right: 40px; } 
textarea.form-control { height: 16rem; width: 100%; } 
.custom-control-label::after {
   position: absolute;
   top: 0.25rem;
   left: -1.5rem;
   display: block;
   width: 1rem;
   height: 1rem;
   content: "";
   background: no-repeat 50%/50% 50%;
}
.custom-control { position: relative; display: block; font-size: .8889rem; line-height: 1.25em; min-height: 1.25em; padding-left: 0; cursor: pointer } 
.custom-control-label { padding-left: 1.75em; line-height: 1.25em; display: inline-block; vertical-align: top } 
.custom-control-label::before { position: absolute; top: 0.25rem; left: -1.5rem; display: block; width: 1rem; height: 1rem; pointer-events: none; content: ""; background-color: #fff; border: #adb5bd solid 1px; } 
.custom-control-label:before { top: 0; left: 0; border: 1px solid #ddd; border-radius: 100% } 
input:checked~.custom-control-label:before { background: url(../../images/front/checkbox.svg) no-repeat 0 0/100% auto; border: 0 } 
.custom-control-label:after { display: none } 
.custom-control-label::before { width: 1.25em; height: 1.25em } 
input::placeholder,textarea::placeholder { color: #C6C6C6; } 
.custom-control-input { position: absolute; left: 0; z-index: -1; width: 1rem; height: 1.25rem; opacity: 0 } 
input[type=radio]:checked~.custom-control-label:before { border: 1px solid #0082FF; background: #fff } 
input[type=radio]:checked~.custom-control-label:after { display: block; width: .5em; height: .5em; background: #0082FF; border-radius: 100%; top: .375em; left: .375em } 
.form-group { margin-bottom: 1rem; } 
.form-inline > *{ display: inline-block; } 
.form-label { margin-bottom: .25rem; font-weight: 600 } 
.form-field { display: flex; font-size: .8889rem; margin-bottom: 1rem } 
.form-field .form-label { width: 6rem; font-weight: 600; line-height: 1.1111rem; padding: .5556rem 0; margin-bottom: 0 } 
.form-field .form-group { flex: 1; max-width: 828px; margin-bottom: 0 } 
.form-field .form-group.wide { max-width: none } 
.custom-control-group { display: flex; flex-wrap: wrap; margin: 0 -2px -10px } 
.custom-control-group>li { padding: 0 2px 10px } 
.custom-control-btn { display: block; cursor: pointer; } 
.custom-control-btn span { display: inline-block; border: 1px solid #ddd; border-radius: 6px; min-width: 5rem; text-align: center; font-weight: 500; line-height: 20px; padding: 9px } 
.custom-control-btn input:checked+span { background: var(--color-primary); border-color: var(--color-primary); color: #fff; font-weight: 700 } 
.custom-control-switch { display: inline-flex; align-items: center; font-size: var(--text-base-size); line-height: 20px; vertical-align: top; font-weight: 500 } 
.custom-control-switch .handle { position: relative; width: 32px; height: 18px; background: #ccc; border-radius: 9px; margin-left: 10px; transition: background-color .4s } 
.custom-control-switch .handle:before { content: ''; position: absolute; width: 10px; height: 10px; border-radius: 100%; top: 4px; right: 4px;; background: #fff; transition: transform .4s } 
.custom-control-switch input:checked~.handle { background: var(--color-primary) } 
.custom-control-switch input:checked~.handle:before { transform: translateX(-13px); } 
.input-group .form-control { border-radius: 6px !important } 
.form-row { display: -ms-flexbox; display: flex; -ms-flex-wrap: wrap; flex-wrap: wrap; margin-right: -5px; margin-left: -5px } 
.form-row>.col,.form-row>[class*=col-] { padding-right: 5px; padding-left: 5px } 
.input-group .btn, .form-row>.btn { display: inline-flex; padding-top: 0; padding-bottom: 0; justify-content: center; align-items: center; min-width: 6rem; margin-left: .5rem } 
.form-row>.btn { margin-left: 5px } 
.input-group-date .custom-control-group { margin-right: 5px } 
.input-group-date .form-control { max-width: 200px } 
.form-text { font-size: 12px; color: #999; margin-top: 2px } 
.invalid-feedback { display: block; font-size: .7778rem; color: #FF1632; margin: .5556rem 0 0 } 
.fieldset { padding-top: 2rem; border-top: 1px solid #ddd; margin-top: 2rem } 
.custom-inline-wrap { margin-bottom: -.5rem } 
.custom-inline-wrap>* { display: inline-block; vertical-align: top; margin: 0 1.2rem .5rem 0; white-space: nowrap } 
.form-control[readonly] { background-color: #F5F8FD; } 
.form-field .custom-inline-wrap { margin-top: 10px } 
.custom-inline-wrap .form-control { margin: -10px 0 0 10px } 
.fieldset:last-child .form-field:last-child { margin-bottom: 0 } 
input[type=checkbox], input[type=radio] { box-sizing: border-box; padding: 0; } 
.custom-control-input:focus~.custom-control-label::before { box-shadow: 0 0 0 0.2rem rgba(0,123,255,.25); } 
.custom-control-input:focus:not(:checked)~.custom-control-label::before { border-color: #80bdff; } 






/* Button */
.btn { display: inline-block; border-radius:var(--border-base-radius); font-size: .9rem; min-width: 6rem; padding: .5556rem 1rem; cursor: pointer; text-align: center; font-weight: 500; } 
.btn-big { font-size: 1.1111rem; min-width: 11.1111rem; padding: .7778rem; font-weight: 600; border-radius: 1.4444rem; } 
.btn-sm { font-size: .7778rem; min-width: 5rem; padding: .5556rem; } 
.btn-xs { font-size: .6667rem; min-width: 4rem; padding: .4444rem; } 
.btn-gray { background: #f2f2f2; border: 1px solid #e3e3e3; color: #111; } 
.btn-dark { background: #111; border-color: #111; color:#fff; } 
.btn-outline { border: 1px solid #ddd; color: #111 } 
.btn-outline-dark { border: 1px solid #111; color: #111 } 
.btn-outline-primary { border: 1px solid var(--color-primary); color: var(--color-primary) } 
.btn-primary { display:inline-block; color:#fff; text-align:center; background-color:var(--color-primary); -webkit-transition:all .2s; transition:all .2s; } 
.btn-primary:hover,.btn-primary:active,.btn-primary:focus { background-color:#0064c5; color:#fff; } 
.btn-dark:hover,.btn-dark:active,.btn-dark:focus { color: #fff; } 
.btn-outline-primary:hover,.btn-outline-primary:active ,.btn-outline-primary:focus { background: var(--color-primary); color: #fff } 
/* .btn-outline-dark:hover,.btn-outline-dark:active ,.btn-outline-dark:focus { background: #111; color: #fff } */

.btn-dark:disabled {background: #ababab;}
.btn-sm2 { font-size: .7778rem;  padding: .3125rem 1rem; }


/* Nav */
.nav-tabs { border: 0; font-weight: 600; line-height: 1.2 } 
.nav-tabs>li+li { margin-left: 1.4rem } 
.nav-tabs>li>* { outline: 0; font-weight: 600; color: #111 } 
.nav-tabs .active { position: relative; color: var(--color-primary); font-weight: 700 } 
.nav-tabs .active:before { content: ''; position: absolute; width: 6px; height: 6px; border-radius: 100%; background: var(--color-primary); left: 50%; top: 100%; margin: 5px 0 0 -3px } 

/* Badge */
.badge { font-size: .75rem; background: var(--color-primary); color: #fff; padding: .4em .75em; font-family: var(--font-family-poppins); vertical-align: top; border-radius: 2rem } 
[class*=badge-outline] { background: #fff } 
.badge-outline { border: 1px solid #111; color: #111; border-radius: .4em } 
.badge-outline-primary { border: 1px solid var(--color-primary); color: var(--color-primary) } 
.badge-outline-light { border: 1px solid #ddd; color: #999 } 

/* wrap */
.media { align-items: center } 

/* Modal */
.modal-layer { display: none; } 
.modal-dimm { position:fixed; inset: 0; display: flex; margin: auto; background-color: rgba(0,0,0, .5); z-index: 999; } 
.modal { display: flex; flex-direction: column; max-width: 600px; width: 100%; margin: auto; background-color: #ffffff; border-radius: 1rem; } 
.modal.modal-sm { max-width: 400px; } 
.modal.modal-lg { max-width: 800px; } 
.modal.modal-xl { max-width: 1000px; } 
.modal-header { padding: 1rem 1rem 0 1rem; position: relative; } 
.modal-header h1 { display: inline-block; font-size: 1rem; font-weight: 600; } 
.modal-contents { padding: 1rem 1rem; } 
.modal-footer { display: flex; justify-content:center; padding: 2rem; margin-top: auto; } 
.modal-footer button + button { margin-left: 1rem; }
.modal-header .modal-close { position: absolute; right: 1rem; top: .75rem; width: 1.2rem; height: 1.2rem; background-size: 1.2rem; } 


.modal-header .icon-x { width: 1.8rem; height: 1.8rem; background-size: 1.3333rem } 
.modal-header .form-srch { flex: 1; max-width: 22rem } 
.modal-header .form-srch.wide { max-width: 29rem } 
.modal-header .form-srch .form-control { max-width: none } 
.modal-header .form-srch select.form-control { flex-basis: 6rem; max-width: 5rem; margin-right: .5rem } 
.modal-body { padding: 1.5rem 2rem 2rem } 
.modal-sm .modal-body { padding: 1.5rem } 
.modal-footer { border-top: 0; padding: 0 2rem 1.5rem; justify-content: center } 
.modal-footer>*, .form-footer>* { margin: 0 .25rem } 
.modal-full { margin: 0; width: 100%; min-height: 100%; max-width: none; background: #fff; pointer-events: auto; padding: 5rem var(--container-padding) } 
.modal-full .modal-content { border-radius: 0; max-width: 1360px; margin: 0 auto } 
.modal-full .icon-x { position: absolute; top: 2rem; right: 2rem; width: 32px; height: 32px; background-size: 1.2rem auto } 
.modal-alert .modal-content { margin: 0 auto; padding: 4rem 2rem; text-align: center; display: block; font-weight: 500 } 
.modal-alert .btn { margin-top: 2rem; min-width: 8rem } 
.modal-dialog-centered { display: -ms-flexbox; display: flex; -ms-flex-align: center; align-items: center; min-height: calc(100% - 1rem); } 
.modal-dialog { max-width: 500px; margin: 1.75rem auto; } 
.modal-lg { max-width: 960px; } 
.modal-sm { max-width: 300px}
.icon-x { background-image: url(../../images/front/icon-x.svg); } 

/* utilities */
.icon { display: inline-block; overflow: hidden; margin: 0; padding: 0; border: 0; background-color: transparent; background-position: 50% 50%; background-repeat: no-repeat; font-size: 0; line-height: 0; text-decoration: none; vertical-align: top; text-indent: -1000em; background-size: auto 100%; outline:0 !important; width: 20px; height: 20px } 
.icon-delete { width: .7778rem; height: .7778rem; background-image: url(../../images/front/icon-delete.svg); margin-left: auto } 
.icon-modify { width: .7778rem; height: .7778rem; background-image: url(../../images/front/icon-modify.svg); margin-left: auto } 
/* list */
.paging { display: flex; flex-wrap: wrap; justify-content: center; margin-top: 3rem; align-items: center; } 
.paging>li { margin: 0 .2222rem } 
.paging a { width: 1.8rem; height: 1.8rem; display: flex; align-items: center; justify-content: center; border-radius: 100% } 
.paging .paging-arrow { margin: 0 .1rem } 
.paging-arrow a { width: 1.7778rem; height: 1.7778rem } 
.paging .active { font-weight: 600; color: #fff; background: var(--color-primary) } 
.icon-arrow, .icon-arrow-db { width: .6667rem; height:.6667rem } 
.icon-arrow { background-image: url(../../images/front/icon-paging-arrow.svg) } 
.icon-arrow-db { background-image: url(../../images/front/icon-paging-arrow-db.svg) } 
.paging>.paging-arrow:first-child,.paging>.paging-arrow:first-child+.paging-arrow { transform: scaleX(-1); } 
.paging-arrow+li:not(.paging-arrow), li:not(.paging-arrow)+.paging-arrow { margin-left: 1rem } 
.media-body { min-width: 0; overflow: hidden } 


/* 레이아웃 공통 */
#accessibility { position:relative; z-index:10000; } 
#accessibility>a { display:block; position:fixed; left:0; top:-30px; width:100%; height:28px; margin:0 auto; padding:0 10px; background:#111; color:#fff; font-size:14px; line-height:28px; text-align:center; text-decoration:underline; z-index:10000; } 
#accessibility>a:active,#accessibility>a:focus { top:0; } 
#accessibility a:focus { display:inline-block; padding:10px; background:#000; font-size:15px; color:#fff; opacity:1; z-index:1000; } 
a, button, input, textarea { transition: border-color .4s, background .4s, color .4s, opacity .4s, box-shadow .4s; } 
.nav { display: -ms-flexbox; display: flex; -ms-flex-wrap: wrap; flex-wrap: wrap; padding-left: 0; margin-bottom: 0; list-style: none; } 
.w-100 { width: 100%!important; } 
.form-row .form-control[class*=size] { width: var(--max); } 
.form-row .form-control.email-select { width: 192px; } 
.sr-only { position: absolute; width: 1px; height: 1px; padding: 0; margin: -1px; overflow: hidden; clip: rect(0,0,0,0); white-space: nowrap; border: 0; } 
/*mg*/
.m-0 { margin: 0!important } 
.mt-0 { margin-top: 0!important } 
.mr-0 { margin-right: 0!important } 
.mb-0 { margin-bottom: 0!important } 
.ml-0 { margin-left: 0!important } 
.m-1 { margin: .25rem!important } 
.mt-1 { margin-top: .25rem!important } 
.mr-1 { margin-right: .25rem!important } 
.mb-1 { margin-bottom: .25rem!important } 
.ml-1 { margin-left: .25rem!important } 
.m-2 { margin: .5rem!important } 
.mt-2 { margin-top: .5rem!important } 
.m-3 { margin: 1rem!important } 
.mt-3 { margin-top: 1rem!important } 
.mr-3 { margin-right: 1rem!important } 
.mb-3 { margin-bottom: 1rem!important } 
.ml-3 { margin-left: 1rem!important } 
.m-4 { margin: 1.5rem!important } 
.mt-4 { margin-top: 1.5rem!important } 
.mr-4 { margin-right: 1.5rem!important } 
.mb-4 { margin-bottom: 1.5rem!important } 
.ml-4 { margin-left: 1.5rem!important } 
.m-5 { margin: 3rem!important } 
.mt-5 { margin-top: 3rem!important } 
.mr-5 { margin-right: 3rem!important } 
.mb-5 { margin-bottom: 3rem!important } 
.ml-5 { margin-left: 3rem!important } 

textarea.form-control.h8{height: 8rem;}
.breadcrumb-wrap { width: 100%; background-color: #dfedf5;  padding: 1rem 0; } 
.breadcrumb { display: -ms-flexbox; display: flex; -ms-flex-wrap: wrap; flex-wrap: wrap; list-style: none; } 
.breadcrumb-item { display: -ms-flexbox; display: flex } 
.breadcrumb-item+.breadcrumb-item { padding-left: .5rem } 
.breadcrumb-item+.breadcrumb-item::before { display: inline-block; padding-right: .5rem; color: #6c757d; content: "/" } 
.breadcrumb-item+.breadcrumb-item:hover::before { text-decoration: underline } 
.breadcrumb-item+.breadcrumb-item:hover::before { text-decoration: none } 
.breadcrumb-item.active { color: #6c757d } 
.breadcrumb { background: none; font-size: .8889rem; color: #666; font-weight: 500; flex-wrap:nowrap; } 
.breadcrumb>li:last-child { color: #111 } 
.breadcrumb>li+li { padding-left: 1em; position: relative; } 
.breadcrumb>li~li:before { content: ''; position: absolute; width: 3px; height: 3px; border-radius: 100%; background: #111; left: .5em; top: 50%; margin: -1.5px } 
.breadcrumb>li { padding-left: .75em } 
.breadcrumb>li:last-child { pointer-events: none; flex: 1; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; } 
.icon-home { width: .8889rem; height: .9444rem; background-image: url(../../images/front/icon-home.svg); } 

@media (min-width: 992px){
 .col-lg-auto { -ms-flex: 0 0 auto; flex: 0 0 auto; width: auto; max-width: 100%; } 
 .mt-lg-0 { margin-top: 0!important; } 
 }

@media screen and (max-width:991px){
 .form-member .form-control[class*=size] { width: 100%; max-width: none;} 
 .form-row .form-control.email-select { width: 100%; max-width: none;} 
 .modal-lg { margin: 0.5rem ;} 
 }
@media screen and (max-width:768px){
 .skip,caption,legend { overflow:visible; font-size:3px!important } 
 :root { --container-padding: 1.25rem; } 
 .form-member .form-control[class*=size] { max-width: none; } 
 }
 @media screen and (max-width:575px){
    .modal-dialog { margin: 0.5rem ;} 
    .modal-sm{ margin: 0.5rem auto;} 
    .btn-big { min-width: 8.75rem;  } 
 }

/*레이어팝업 변경*/
.swal2-title{font-size:1rem !important}
div:where(.swal2-container) button:where(.swal2-styled) {
    display: inline-block;
    border-radius: 1.2222rem !important;
    font-size: .9rem;
    min-width: 6rem;
    padding: .5556rem 1rem;
    cursor: pointer;
    text-align: center;
    font-weight: 500;
}
div:where(.swal2-container) button:where(.swal2-styled).swal2-confirm{    
	 display: inline-block;
    border-radius: 1.2222rem !important;
    font-size: .9rem;
    min-width: 6rem;
    padding: .5556rem 1rem;
    cursor: pointer;
    text-align: center;
    font-weight: 500;  
	background: #111;
    border-color: #111;
    color: #fff; }
div:where(.swal2-container) button:where(.swal2-styled).swal2-deny {
	 display: inline-block;
    border-radius: 1.2222rem;
    font-size: .9rem;
    min-width: 6rem;
    padding: .5556rem 1rem;
    cursor: pointer;
    text-align: center;
    font-weight: 500;
    border: 1px solid #111;
    color: #111;
    background:none;
}  
div:where(.swal2-container) div:where(.swal2-actions):not(.swal2-loading) .swal2-styled:hover {
    background-image: none
} 
div:where(.swal2-container) div:where(.swal2-popup){border-radius: 1rem;padding:1.5rem 2rem 2rem}