#base_wrap>div.adjust_height {
    padding: 44px 0 76px;
}

/* ======================== color ======================== */
.blue_fill {
    background-color: #1553FC;
}

.main_color .blue_font {
    color: #1553FC;
}

.main_color .blue_line {
    border: 1px solid #1553FC;
}

.main_color .red_fill {
    background-color: #FF7676;
}

.main_color .red_font {
    color: #FF7676;
}

.main_color .red_line {
    border: 1px solid #FF7676;
}

.messege_complete {
    color: #1A9D40;
}

.messege_error {
    color: #F64E60;
}

.no_visible {
    display: none;
}

/* ======================== button ======================== */
.btn_default {
    display: block;
    width: 100%;
    border-radius: 6px;
    text-align: center;
    font-weight: 700;
}

.btn_size_s {
    font-size: 14px;
    padding: 12px 0;
}

.btn_size_m {
    font-size: 16px;
    padding: 14px 0;
}

.btn_size_l {
    font-size: 18px;
    padding: 12px 0;
}

.btn_channeltalk {
    background-color: #D9D9D9;
    font-size: 14px;
    margin-left: auto;
    display: block;
    width: 113px;
    height: 47px;
}

/* ======================== popup size ======================== */
.popup_container .popup_center {
    max-width: 343px !important;
}

/* ======================== base ======================== */
#base_wrap {
    max-width: 500px;
    margin: 0 auto;
    height: 100vh;
}

/* ======================== header ======================== */
header {
    position: fixed;
    left: 0;
    top: 0;
    z-index: 100;
    width: 100%;
    height: 44px;
}

header>h1 {
    max-width: 500px;
    margin: 0 auto;
    background-color: #1A2685;
    margin: 0 auto;
    font-weight: 700;
    line-height: 0;
}

header>h1>img {
    max-width: 123px;
    display: block;
    margin: 0 auto;
}

.header_inner {
    max-width: 500px;
    height: 100%;
    padding: 10px 0;
    position: relative;
    color: #fff;
    background: #162D7B;
    margin: 0 auto;
}

.header_inner i {
    position: absolute;
    top: 0;
    left: 10px;
    font-size: 30px;
    cursor: pointer;
}

.header_inner>h1 {
    font-size: 16px;
    text-align: center;
    font-weight: 700;
}

/* ======================== footer ========================  */
footer {
    position: fixed;
    bottom: 0;
    left: 0;
    width: 100%;
}

footer ul {
    max-width: 500px;
    margin: 0 auto;
    display: flex;
    align-items: center;
    justify-content: center;
    border-top: 1px solid #F1F1F1;
}

footer ul li {
    display: flex;
    align-items: center;
    justify-content: center;
    flex-wrap: wrap;
    padding: 8px 0;
    width: 33.33%;
    background-color: #fff;
    cursor: pointer;
}

footer ul li.active {
    background-color: #FAFAFA;
}

footer ul li:not(:last-of-type) {
    border-right: 1px solid #F1F1F1;
}

footer ul li .img_wrapper {
    width: 32px;
    height: 32px;
    margin-bottom: 4px;
}

footer ul li span {
    display: block;
    width: 100%;
    text-align: center;
    font-size: 16px;
    font-weight: 700;
    color: #D9D9D9;
}

footer ul li.active span {
    color: #1A67E2;
}

footer ul .nav_home .img_wrapper {
    background: url("../img/footer_nav_home_default.png") center / contain no-repeat;
}

footer ul .nav_home.active .img_wrapper {
    background-image: url("../img/footer_nav_home_active.png");
}

footer ul .nav_myorder .img_wrapper {
    background: url("../img/footer_nav_order_default.png") center / contain no-repeat;
}

footer ul .nav_myorder.active .img_wrapper {
    background-image: url("../img/footer_nav_order_active.png");
}

footer ul .nav_mypage .img_wrapper {
    background: url("../img/footer_nav_mypage_default.png") center / contain no-repeat;
}

footer ul .nav_mypage.active .img_wrapper {
    background-image: url("../img/footer_nav_mypage_active.png");
}

/* ======================== scrollbar ========================  */
.scroll-no {
    /* 인터넷 익스플로러 스크롤바 삭제 */
    -ms-overflow-style: none;
    /* 파이어폭스 스크롤바 삭제 */
    scrollbar-width: none;
    -webkit-overflow-scrolling: touch;
}

/* ( 크롬, 사파리, 오페라, 엣지 ) 스크롤바 삭제 */
.scroll-no::-webkit-scrollbar {
    /* 가로 스크롤바 숨기기 */
    width: 0;
    /* 세로 스크롤바 숨기기 */
    height: 0;
    display: none;
}