@charset "utf-8";

/* form components */
input[type="number"]::-webkit-outer-spin-button,
input[type="number"]::-webkit-inner-spin-button {-webkit-appearance:none}
.form-control {width:auto; min-width:10rem; height:4rem; font-family:"NotoSansCJKkr-Regular",sans-serif; font-size:1.3rem; border-radius:.4rem; border-color:#e0e0e9}
.form-control:disabled, .form-control[readonly] {background:#FBFBFC; border-color:#efeff4; color:#adb3bb}
select.form-control {padding-right:3rem; appearance:none; background-image:url("/assets/img/application/ico_select_arrow.png"); background-repeat:no-repeat; background-position:calc(100% - 1rem) 50%}
input[type="date"].form-control, input[type="time"].form-control {min-width:13rem}
input[type="date"].form-control::-webkit-input-placeholder, input[type="time"].form-control::-webkit-input-placeholder {color:#adb3bb}
input[type="date"].form-control::-moz-placeholder, input[type="time"].form-control::-moz-placeholder {color:#adb3bb}
input[type="date"].form-control::-ms-input-placeholder, input[type="time"].form-control::-ms-input-placeholder {color:#adb3bb}
input[type="file"].form-control {line-height:3rem}
input[type="file"].form-control::file-selector-button{display:none}
input[type="text"].form-control::-webkit-input-placeholder {color:#adb3bb}
input[type="text"].form-control::-moz-placeholder {color:#adb3bb}
input[type="text"].form-control::-ms-input-placeholder {color:#adb3bb}
textarea.form-control::-webkit-input-placeholder {color:#adb3bb}
textarea.form-control::-moz-placeholder {color:#adb3bb}
textarea.form-control::-ms-input-placeholder {color:#adb3bb}

.form-label {display:flex; margin-bottom:1.4rem; align-items:center; font-family:"NotoSansCJKkr-Medium", sans-serif; color:#404254}
.form-label:before {content:''; display:inline-block; width:0.3rem; height:1.1rem; margin-right:0.6rem; background:#1d6efa}

input[type="radio"].rect-radio {position:absolute; width:0.1rem; height:0.1rem; padding:0; margin:-0.1rem; overflow:hidden; clip:rect(0,0,0,0); border:0}
input[type="radio"].rect-radio + label {display:flex; align-items:center; justify-content:flex-start; position:relative; z-index:1; min-width:11rem; height:4.6rem; padding-right:1.4rem; margin-right:1.9rem; cursor:pointer; padding-left:4rem; -webkit-user-select:none; -moz-user-select:none; -ms-user-select:none; background:#fff; border:1px solid #e0e0e9; border-radius:0.4rem; text-align:left; letter-spacing:-0.02rem; word-spacing:-0.01rem}
input[type="radio"].rect-radio + label b {display:inline-block; padding:2.4rem 0 0 0; color:#adb3bb; font-weight:600; font-size:1.4rem}
input[type="radio"].rect-radio + label:before {content:''; position:absolute; left:1.2rem; top:1.3rem; width:2rem; height:2rem; background:#f8f8fa; border:1px solid #efeff4; border-radius:50%}
input[type="radio"].rect-radio:disabled + label {background:#f9f9f9}
input[type="radio"].rect-radio:checked + label {background:#f5f8fe; border:1px solid #1d6efa; border-radius:0.4rem; color:#1d6efa;font-family:"NotoSansCJKkr-Medium";}
input[type="radio"].rect-radio:checked + label:before {content:''; position:absolute; left:1.2rem; top:1.3rem; width:2rem; height:2rem; background:#fff; border:1px solid #efeff4; border-radius:50%}
input[type="radio"].rect-radio:checked + label:after {content:''; position:absolute; left:1.8rem; top:1.9rem; width:0.8rem; height:0.8rem; background:#1d6efa; border-radius:50%}
input[type="radio"].rect-radio:checked + label b {position:relative; z-index:2; color:#1d6efa}

input[type="checkbox"].rect-check {position:absolute; width:0.1rem; height:0.1rem; padding:0; margin:-0.1rem; overflow:hidden; clip:rect(0,0,0,0); border:0}
input[type="checkbox"].rect-check + label {display:flex; align-items:center; justify-content:flex-start; position:relative; z-index:1; width:11rem; height:4.6rem; padding-right:1.4rem; margin-right:1.9rem; cursor:pointer; padding-left:4.2rem; -webkit-user-select:none; -moz-user-select:none; -ms-user-select:none; background:#fff; border:1px solid #efeff4; border-radius:0.4rem; text-align:left}
input[type="checkbox"].rect-check + label:before {content:''; position:absolute; left:1.2rem; top:1.1rem; width:2.4rem; height:2.4rem; background:url('/assets/img/common/icon_checkbox_off.png') no-repeat 0 0}
input[type="checkbox"].rect-check:checked + label {background:#f5f8fe; border:1px solid #1d6efa; border-radius:0.4rem; color:#1d6efa}
input[type="checkbox"].rect-check:checked + label:before {content:''; position:absolute; left:1.2rem; top:1.1rem; width:2.4rem; height:2.4rem; background:url('/assets/img/common/icon_checkbox_on.png') no-repeat 0 0}

input[type="checkbox"].switch {width:6rem; height:2.4rem; margin:0; border-radius:3rem; -webkit-appearance:none; -moz-appearance:none; display:inline-block; position:relative; outline:none; cursor:pointer; border:1px solid var(--bc, #7d8793); background:var(--b, #7d8793); transition:background 0.3s, border-color 0.3s, box-shadow 0.2s}
input[type="checkbox"].switch:after {content:""; display:block; position:absolute; left:0.5rem; top:0.3rem; width:1.6rem; height:1.6rem; border-radius:50%; background:var(--ab, #fff); transform:translateX(var(--x, 0)); transition:transform var(--d-t, 0.3s) var(--d-t-e, ease), opacity var(--d-o, 0.2s)}
input[type="checkbox"].switch:checked {--ab:#fff; --x:3.4rem; --b:#1d6efa; --bc:#1d6efa; --d-o:.3s; --d-t:.6s; --d-t-e:cubic-bezier(.2, .85, .32, 1)}
input[type="checkbox"].switch:disabled:not(:checked):after {opacity:0.6}

.switch-checkbox, .switch-radio {position:relative; display:flex; width:11.6rem; height:3.2rem; margin:0; padding:0.4rem; border: 1px solid transparent; cursor:pointer}
.switch-checkbox span, .switch-radio label {width:50%; height:2.2rem; line-height:2.2rem; text-align:center; font-family:"NotoSansCJKkr-Medium"; font-size:1.2rem; color:#adb3bb; transition:color .2s linear}
.switch-checkbox span, .switch-radio span {position:relative; z-index:2}
.switch-checkbox input:after, .switch-radio label:first-child span:before {content:''; position:absolute; width:5.4rem; height:2.2rem; border-radius:2.4rem; background:#fff}
.switch-checkbox input, .switch-radio label:first-child span:before {position:absolute; transition:left .2s linear}

.switch-checkbox em {position: absolute;top: 0;left: 0;width: 100%;height: 100%;background: #efeff4;border:1px solid #e0e0e9;border-radius:3.2rem;z-index: 0;}
.switch-checkbox {color: #adb3bb;}
.switch-checkbox input {top:0.5rem; left:0.9rem; z-index:1}
.switch-checkbox input:after {top:-0.1rem; left:-0.5rem}
.switch-checkbox input + span {color:#7d8793;}
.switch-checkbox input:checked {left:6.1rem;}
.switch-checkbox input:checked ~ span {color: #1D6EF9;}
.switch-checkbox input:checked + span {color: #76A7FB;}
.switch-checkbox input:checked ~ em {background: #1D6EF9;border-color: #1D6EF9;}

.switch-radio input {display:none}
.switch-radio label {margin-bottom:0; color:#adb3bb; cursor:pointer}
.switch-radio label:first-child span {color: #76A7FB;}
.switch-radio label:first-child span:before {top:-0.2rem; left:4.1rem; z-index:-1}
.switch-radio label:first-child span:after {content: '';position: absolute;top: -0.7rem; left: -1.5rem;width:11.6rem; height:3.2rem;background: #1D6EF9;border: 1px solid #1D6EF9;border-radius:3.2rem;z-index: -2;}
.switch-radio input:checked + span {color:#1D6EF9}
.switch-radio label:first-child input:checked + span {color: #7d8793;}
.switch-radio label:first-child input:checked + span:before {left:-0.9rem}
.switch-radio label:first-child input:checked + span:after {background: #efeff4;border-color: #e0e0e9;}

.icheckbox {position:relative; white-space:nowrap}
.icheckbox input[type="checkbox"] {position:absolute; top:-10%; left:-5%; display:block; width:110%; height:120%; margin:0; padding:0; background:rgb(255, 255, 255); border:0; opacity:0; z-index:1; cursor:pointer}
.icheckbox span {position:relative; display:inline-block; vertical-align:middle; margin:0; padding:0; width:2rem; height:2rem; border-radius:0.3rem; border:1px solid #e0e0e9; background:#fff; z-index:0}
.icheckbox span:before {content:''; position:absolute; top:0.4rem; left:0.3rem; width:1.2rem; height:0.7rem; border-left:0.2rem solid #fff; border-bottom:0.2rem solid #fff; transform:rotate(-45deg)}
.icheckbox input[type="checkbox"]:checked + span {background:#007bff; border-color:#007bff}

.iradiobox {position:relative; margin-bottom:0; cursor:pointer}
.iradiobox input[type="radio"] {position:absolute; top:0; left:0; opacity:0}
.iradiobox span {position:relative; display:flex; align-items:center; padding:1.2rem; border:1px solid #e0e0e9; border-radius:0.4rem; color:#adb3bb}
.iradiobox span:before, .iradiobox span:after {content:''; border-radius:50%}
.iradiobox span:before {width:2rem; height:2rem; margin-right:0.8rem; border:1px solid #e0e0e9; background-color:#fff}
.iradiobox span:after {position:absolute; top:50%; left:1.8rem; width:0.8rem; height:0.8rem; margin-top:-0.4rem}
.iradiobox input[type="radio"]:checked + span {font-family:"NotoSansCJKkr-Medium"; background-color:#f5f8fe; border-color:#1d6efa; color:#1d6efa}
.iradiobox input[type="radio"]:checked + span:after {background-color:#1d6efa}

.ifilebox {display:flex; justify-content:space-between; width:36rem}
.ifilebox .btn {font-size:1.4rem}

input[type="radio"].custom-form-input {position:absolute; width:0.1rem; height:0.1rem; padding:0; margin:-0.1rem; overflow:hidden; clip:rect(0,0,0,0); border:0}
input[type="radio"].custom-form-input + label {position:relative; z-index:1; height:2rem; padding-left:3.2rem; margin-right:0; margin-bottom:0; cursor:pointer; -webkit-user-select:none; -moz-user-select:none; -ms-user-select:none; border-radius:0.4rem}
input[type="radio"].custom-form-input + label.txt-hidden {width:2rem; padding-left:0; font-size:0; text-indent:-99999rem}
input[type="radio"].custom-form-input + label::before {content:''; position:absolute; left:0; top:0; width:2rem; height:2rem; background:#fff; border:1px solid #e0e0e9; border-radius:50%}
input[type="radio"].custom-form-input:checked + label:after {content:''; position:absolute; left:0.6rem; top:0.6rem; width:0.8rem; height:0.8rem; background:#1d6efa; border-radius:50%}

input[type="checkbox"].custom-form-input {position:absolute; width:0.1rem; height:0.1rem; padding:0; margin:-0.1rem; overflow:hidden; clip:rect(0,0,0,0); border:0}
input[type="checkbox"].custom-form-input + label {position:relative; z-index:1; height:2.4rem; padding-left:3.2rem; margin-right:0; margin-bottom:0; cursor:pointer; -webkit-user-select:none; -moz-user-select:none; -ms-user-select:none; border-radius:0.4rem}
input[type="checkbox"].custom-form-input + label:before {content:''; position:absolute; left:0; top:0; width:2.4rem; height:2.4rem; background:url('/assets/img/common/icon_checkbox_off.png') no-repeat 0 0}
input[type="checkbox"].custom-form-input + label.txt-hidden {width:2.4rem; padding-left:0; font-size:0; text-indent:-99999rem}
input[type="checkbox"].custom-form-input:checked + label:before {content:''; position:absolute; left:0; top:0; width:2.4rem; height:2.4rem; background:url('/assets/img/common/icon_checkbox_on.png') no-repeat 0 0}

body::-webkit-scrollbar {width:1rem}
body::-webkit-scrollbar-track {background-color:#fff; border-left:1px solid #e0e0e9}
body::-webkit-scrollbar-thumb {width:0.7rem; border-radius:0; border:1px solid #e0e0e9; background-color:#f5f5f5}
body::-webkit-scrollbar-button {width:0; height:0}

.scrollbars::-webkit-scrollbar {width:0.5rem}
.scrollbars::-webkit-scrollbar-track {background-color:transparent}
.scrollbars::-webkit-scrollbar-thumb {border-radius:0.3rem; background-color:#c1c1c1}
.scrollbars::-webkit-scrollbar-button {width:0; height:0}

.scrollbars-col::-webkit-scrollbar {width:0.5rem; height:0.5rem}
.scrollbars-col::-webkit-scrollbar-track {background-color:#efeff4}
.scrollbars-col::-webkit-scrollbar-thumb {border-radius:0.3rem; background-color:#d9dde2}
.scrollbars-col::-webkit-scrollbar-button {width:0; height:0}
.scrollbars-col .table {margin-bottom:2rem}
.scrollbars-col + .pagination-box {margin-top:2rem}

.datepicker {padding:0.8rem}
.datepicker-dropdown:before {display:none !important}
.datepicker-dropdown:after {display:none !important}
.datepicker table.table-condensed thead th {font-size:1.2rem}
.datepicker table.table-condensed tbody td {font-size:1.2rem}


/* page layout */
.solution_section{display:flex; align-items:stretch; position:relative}

.contents_section{width:100%; min-width:105rem; padding:4rem 3.5rem 4rem 4rem; font-size:1.4rem}
.contents_section .card {border-radius:.6rem; border-color:#ededf2}
.contents_section .card .card-header {padding:2.5rem 3rem; background:none; border-color:#ededf2}
.contents_section .card .card-header h3 {margin-bottom:0; font-size:1.6rem}
.contents_section .card .card-header.options-header {display:flex; align-items:center; justify-content:space-between; padding:1.5rem 3rem}
.contents_section .card .card-header.options-header > div {display:flex}
.contents_section .card .card-header.options-header > div:first-child span {position:relative; padding-left:3rem; color:#7d8793}
.contents_section .card .card-header.options-header > div:first-child span b {color:#7d8793}
.contents_section .card .card-header.options-header > div:first-child span:before {content:''; position:absolute; top:50%; left:1.5rem; width:0.1rem; height:1.2rem; margin-top:-0.5rem; background:#e2e2e7; font-family:"NotoSansCJKkr-Medium"}
.contents_section .card .card-body {padding:3rem}
.contents_section .card .card-body .card .card-body {padding:1.25rem}
.contents_section .card .card-footer {display:flex; justify-content:center; padding:3rem; background-color:#fff}
.contents_section .card .card-footer .btn {width:20rem; height:4.6rem; font-size:1.4rem}
.contents_section .card .card-footer .btn.btn-dark {background-color:#2a3042; border-color:#2a3042}

.card-header.table-menu .form-control {max-width:36rem}
.card-header.table-menu button[type="submit"] {width:4rem; padding:0; border:1px solid #ededf2; background:#efeff4}
.card-header.table-menu button[type="submit"] img {margin-top:-0.3rem}
.card-header.table-menu .btn-add {padding-right:3.2rem; text-align:left; background-image:url("/assets/img/common/btn_plus.png"); background-repeat:no-repeat; background-position:right .8rem top 50%}

/* button */
.contents_section .btn {font-family:"NotoSansCJKkr-Medium", sans-serif; height:4rem; padding:0 1.5rem; border-radius:.4rem; font-size:1.2rem}
.contents_section .btn:not(button) {line-height:3.8rem}
.contents_section .btn.btn-sm {height:3rem}
.contents_section .btn-sm:not(button) {line-height:2.8rem}
.contents_section .btn-light {border:1px solid #e0e0e9 !important; background:#efeff4; color:#7d8793 !important}

/* dropdown */
.dropdown-toggle::after {display:none}
.dropdown-menu {padding:1.5rem; font-family:"NotoSansCJKkr-Regular"; font-size:1.4rem; border:none; box-shadow:0 0 1rem 0 rgba(0,0,0,.15)}
.dropdown-item {padding:1rem; border-radius:0.4rem; color:#7d8793}
.dropdown-item:focus, .dropdown-item:hover {background-color:#f5f8fe; color:#1d6efa}

/* modal */
.modal-content {border:0 !important; border-radius:0.6rem !important}
.modal-content img {max-width:100%}
.modal-header {padding:1.5rem 2rem; align-items:center; border-bottom-color:#e0e0e9}
.modal-header .modal-title {font-family:"NotoSansCJKkr-Medium";font-size:1.6rem}
.modal-body {max-height:90vh; overflow-y:auto; padding:2rem}
.modal-body::-webkit-scrollbar {width:0.5rem}
.modal-body::-webkit-scrollbar-track {background-color:transparent}
.modal-body::-webkit-scrollbar-thumb {border-radius:0.3rem; background-color:#c1c1c1}
.modal-body::-webkit-scrollbar-button {width:0; height:0}
.modal-footer {justify-content:center; padding:1.5rem 2rem; border-top-color: #e0e0e9}
.modal-footer .btn {min-width:9rem; height:4.6rem; margin:0 0.8rem; font-size:1.4rem}
.modal-footer .btn:not(.btn-primary) {border:1px solid #e0e0e9; background:#efeff4; color:#7d8793}

.modal-lg .modal-body .table th {padding:1.2rem 0; text-align:center; border-top:1px solid #e0e0e9; border-bottom:1px solid #e0e0e9; border-left:1px solid #e0e0e9}
.modal-lg .modal-body .table th:last-child {border-right:1px solid #e0e0e9}
.modal-lg .modal-body .table td {padding:1.2rem; text-align:center; border-bottom:1px solid #e0e0e9; border-left:1px solid #e0e0e9}
.modal-lg .modal-body .table td:last-child {border-right:1px solid #e0e0e9}

/* popover */
.popover {max-width:50rem}
.popover-header {padding:1.5rem 2rem; text-align:left; font-family:"NotoSansCJKkr-Medium"; font-weight:normal; font-size:1.4rem; background:none}
.popover-body {padding:1.5rem 2rem; font-family:"NotoSansCJKkr-Regular"; font-size:1.4rem}

/* table */
.table-box {border-radius:0.4rem 0.4rem 0 0; overflow:hidden}
.table th, .table td {vertical-align:middle; word-wrap:break-word; word-break:break-all}
th {font-weight: normal;font-family:"NotoSansCJKkr-Medium", sans-serif;}
.table thead tr{border:1px solid #e0e0e9}
.table thead th {padding:1.5rem 1rem; color:#747583; background:#efeff4; border:0; font-family:"NotoSansCJKkr-Medium"; font-weight:normal}
.table thead th:first-child{padding-left:2rem;}
.table thead th.txtleft {text-align:left !important}
.table thead th * {vertical-align:middle}
.table tbody tr {border-bottom:1px solid #e0e0e9}
.table td {padding:1.5rem 1rem; border:none}
.table td:first-child{padding-left:2rem;}
.txtleft {padding-left:1rem !important; padding-right:1rem !important; text-align:left !important}
.txtcenter {padding-left:0 !important; padding-right:0 !important; text-align:center !important}

/* table components */
.table-box .day {font-family:"NotoSansCJKkr-Bold"}
.table-box .day.ing {color:#1d6efa}
.table-box td.state span {display:inline-block;width:6.8rem; height:2.6rem; line-height:2.6rem; border-radius:1.3rem; padding:0 0.8rem; background:#7d8793; white-space:nowrap; font-family:"NotoSansCJKkr-Medium"; font-size:1.2rem; color:#fff;text-align: center;}
.table-box td.state span.ing {background:#1d6efa}
.table-box td.state span.temp {background:#f5be65}
.table-box td.state span.ready {background:#b959e3}
.table-box td.state span.end {background:#7d8793}
.table-box .tb-btn {display:flex; align-items:center; justify-content:center; width:3rem; height:3rem; padding:0; background-color:#efeff4; border:1px solid #e0e0e9}

.cnt {display:block; height:2rem; line-height:2rem; min-width:3.7rem; padding:0 0.5rem 0 0.8rem; border-radius:2rem; background:#e7e9eb; font-family:"NotoSansCJKkr-Bold"; font-size:1.2rem; color:#7d8793; overflow:hidden}
.cnt:after {content:url('/assets/img/common/count_none.png'); float:right; margin-top:0.1rem}
.cnt.up {background:#d5e4fe; color:#1d6efa}
.cnt.up:after {content:url('/assets/img/common/count_up.png')}
.d-day {display:block; height:2rem; line-height:2rem; min-width:3.7rem; padding:0 0.5rem 0 0.8rem; border-radius:2rem; background:#e7e9eb; font-family:"NotoSansCJKkr-Bold"; font-size:1.2rem; color:#7d8793; overflow:hidden}
.d-day.over {background:#d5e4fe; color:#1d6efa}
.d-day.over:before {content: 'D+';}

/* api Loading */
.api-loading {position:fixed; width:100%; height:100%; top:0; left:0; z-index:999999; background:rgba(0, 0, 0, 0.3)}
.api-loading.v2 {background:none}
.api-loading img {content:" "; position:absolute; width:8rem; height:8rem; top:50%; left:0; right:0; margin:0 auto; margin-top:-4rem}


/* ---------------------------------------------------------------
 * 
 * 
 * 임시 기존 CSS
 * 
 * 
 * --------------------------------------------------------------- */

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

.step .steps ul {display:flex; justify-content:flex-start; align-items:center; margin:0}
.step .steps ul > li {position:relative; min-width:21.5rem; height:5rem; margin-left:0.8rem; padding:0 2rem; background:#fff; border-width:1px 1px 0 1px; border-style:solid; border-color:#e0e0e9; border-radius:0.4rem 0.4rem 0 0; color:#adb3bb}
.step .steps ul > li a .bold {position:relative; display:inline-block; margin-right:1.2rem; padding-right:1.4rem}
.step .steps ul > li a .bold::before {position:absolute; right:0; top:0.5rem; width:0.2rem; height:1.2rem; background:#dbdde1; content:''}
.step .steps ul > li.current {background:#1d6efa}
.step .steps ul > li.current a {color:#fff}
.step .steps ul > li:nth-child(1) {z-index:2; margin-left:0}
.step .steps ul > li:nth-child(2) {z-index:1}
.step .steps ul > li > a {width:100%; height:100%; color:#adb3bb; font-family:"NotoSansCJKkr-Medium"; display:flex; align-items:center}
.step .content > .title {display:none}
.step .actions {border-top:1px solid #e0e0e9; margin-bottom:4rem}
.step .actions ul {display:flex; justify-content:center; align-items:center; background:#fff; padding:4rem 0}
.step .actions ul > li {width:20rem; font-size:1.4rem; margin:0 1rem; padding:0}
.step .actions ul > li:only-child {margin:0}
.step .actions ul > li .btn {width:100%; height:4.6rem; padding:1.3rem 2rem; font-size:1.4rem; color:#fff; font-family:"NotoSansCJKkr-Medium"; border:0; font-family:"NotoSansKR-Bold", sans-serif; text-align:center; display:block; justify-content:center; align-items:center}
.step .actions ul > li.disabled {display:none}
.step .actions ul > li .btn img {position:relative; top:-0.1rem}
.step .actions ul > li .btn.prev img {margin-right:1rem}
.step .actions ul > li .btn.next img {margin-left:1rem}

.balloon-box {position:relative; z-index:20; display:inline-block; width:3rem; height:1.8rem; margin-left:0.5rem; text-align: left;}
.balloon-box:hover > dl {display:block}
.balloon-box .qu-holder {display:inline-block; width:1.8rem; height:1.8rem; text-align:center; cursor:pointer; background:#efeff4; border:1px solid #e0e0e9; border-radius:50%; font-size:1.2rem; color:#adb3bb; line-height:1.6rem}
.balloon-box > dl {display:none; position:absolute; left:2.5rem; top:0; width:52rem; height:14rem; padding:2.5rem; background:#fff; box-shadow:0 0 1rem rgba(0,0,0,0.07); border-radius:0.6rem}
.balloon-box > dl dt {margin:0 0 2rem 0}
.balloon-box > dl dt strong {position:relative; padding:0 0 0 1rem; color:#7d8793; font-size:1.4rem; font-weight:normal; font-family:"NotoSansCJKkr-Medium", sans-serif;}
.balloon-box > dl dt strong::before {position:absolute; left:0; top:50%; width:0.3rem; height:1.1rem; margin-top:-0.5rem; background:#1d6efa; content:''}
.balloon-box > dl dd ul li {position:relative; padding:0 0 0 1.3rem; margin-top:1rem; font-weight:400 !important}
.balloon-box > dl dd ul li::before {position:absolute; left:0.1rem; top:50%; width:0.4rem; height:0.4rem; margin-top:-0.2rem; border-radius:50%; background:#1d6efa; content:''}
.balloon-box > dl dd ul li:first-child {margin-top:0}
.balloon-box.guide .qu-holder {
	background: #1d6efa;
	color: #fff;
	border: 1px solid #1d6efa;
}
.balloon-box.guide dl dd ul li span{
	font-weight: bold;
	padding-left: 0rem!important;
	color: #1d6efa!important;
}
.balloon-box.guide dl dd ul li span:before{
	display: none;
}
.balloon-box dl dd ul li.sub-guide:before{
	display: none;
}

/* pagination */
.table + .pagination_area {margin-top:3rem}
.pagination_area {display:flex; justify-content:space-between; align-content:center}
.pagination_area .drop_box .form-control {width:6.5rem; font-size:1.4rem; padding:0.25rem 1rem}
.pagination_area ul {display:flex; justify-content:center; align-items:center}
.pagination_area ul li {color:#71757d; background:#fff; border-right:none}
.pagination_area ul li a {display:block; padding:0.5rem 1rem; border-width:1px 1px 1px 0; border-style:solid; border-color:#e0e0e9; text-decoration:none; color:#71757d; font-size:1.2rem}
.pagination_area ul li:first-child a {padding:0.5rem 1rem; border-width:1px; border-radius:0.4rem 0 0 0.4rem; background:#efeff4; font-weight:600}
.pagination_area ul li:last-child a {padding:0.5rem 1rem; border-radius:0 0.4rem 0.4rem 0; background:#efeff4; font-weight:600}
.pagination_area ul li.on {background:#1d6efa}
.pagination_area ul li.on a {border-color:#1d6efa; color:#fff}
.pagination_area ul li:hover a {background:#1d6efa; border-color:#1d6efa; color:#fff}

.nav-tabs .nav-link.disabled {
	background-color: #EFEFF4;
  }
  


@media all and (max-width:1400px) {
	.table-box .day {display:block}
	.contents_section {font-size:1.35rem}
}