@charset "utf-8";
/* 공통 */
* {
    font-family: 'Roboto', sans-serif;
}
body {
    margin:0; padding:0;
    background-color:#fff;
}
.pc_wrapper {
    display:none !important;
}
.footer_pc_wrapper {
    display:none !important;
}
.mobile_wrapper {
    display:inherit !important;
    width:100%;
}

#root-wrapper {
    width:100% !important;
}

h3 {
    font-size:1.5rem;
    font-weight:400;
}

h4 {
    font-size:0.855rem;
    font-weight:400;
}

.tab_0 {
    display:inline-block;
    width:8.4rem; height:2.6rem;  line-height:2.6rem;
    box-shadow: 0px 1px 3px #00000014;
}
.tab_0.active {
    border-bottom:1px solid #707070;
}

.align_center {text-align:center;}
input.text_0 {
    font-size:1rem; padding-left:1rem; box-sizing: border-box;height:3.3rem; line-height:3.3rem; border:1px solid #ddd; border-radius: 0.2rem;
}
input.text_1 {
    border:0; border-bottom: 1px solid #ddd;
}
input.text_1:focus {
    border-color:#DD4F2D; outline:none;
}

a {
    color:#1a1a1a;
    text-decoration:none;
}
.btn {
    background-color:#E6512E;
    border-radius: 1.6rem;
    display:inline-block;
    box-shadow: 0px 3px 6px #00000029;
    color:#fff;
    text-align:center;
    letter-spacing:0px;
}
.btn_0 {
    height: 2.6rem;
    line-height: 2.6rem;
}
.btn_1 {
    height: 2.1rem;
    line-height:2.1rem;
}
.btn_2 {
    height: 3.2rem;
    line-height:3.2rem;
    font-size:1.2rem;
}
.btn_3 {
    height: 1.9rem;
    line-height:2rem;
    font-size:0.9rem;
    border-radius: 0rem;
    background-color:#333;
}
input.image_radio {
    position:absolute;
    width:5px; height:5px;
    visibility: hidden;
}
input.image_radio + div {
    display:inline-block;
    background-image:url("/inc/images/mobile/icon_radio_off.svg");
    background-size:100%;
    background-repeat:no-repeat;
    background-position-y: 50%;
    height:100%;
}
input.image_radio:checked + div {
    background-image:url("/inc/images/mobile/icon_radio_on.svg");
}

.mobile_wrapper.footer {
    position:fixed;
    bottom:0px;
    background-color:#fff;
    height: 4.75rem;
    box-shadow: 0px -10px 20px #24242426;
    margin-top: 4.75rem;
}
.border_1 {
    border:1px solid #707070;
    border-radius: 0.625rem;
}
.multiline_ellipsis_1 {
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;  
    overflow:hidden;
}
.mobile_wrapper.footer .mobile_category .cate1 {
    position:relative;
    border-bottom:1px solid #0000001A; color:#7f7f7f;
    background-image:url('/inc/images/mobile/arrow_right.svg');
    background-repeat: no-repeat;
    background-position:right 1rem top 1.1rem;
    background-size:0.4rem;
    text-indent:0.5rem;
    z-index: 2;
    /* height: 2.65rem; */ line-height:2.65rem;
}
.mobile_wrapper.footer .mobile_category .cate1 + .cate1_childs {
    position:relative;
    z-index:1;
    display:none;
    padding:0.5rem;
    padding-top:1.5rem;
}
.mobile_wrapper.footer .mobile_category .cate1.active {
    background-image:url('/inc/images/mobile/arrow_down.svg');
    background-color:#dd4f2d;
    background-size:0.8rem;
    color:#fff;
    box-shadow: 0px 4px 6px #32325D3A;
}
.mobile_wrapper.footer .mobile_category .cate1.active + .cate1_childs {
    background-color:#f7f7f7;
    display:block;
}
.mobile_wrapper.footer .mobile_category .cate1 + .cate1_childs .cate2 {
    width:50%;
    height:2.65rem;
    overflow:hidden;
    display:inline-block;
    box-sizing: border-box;
    padding:0px 0.5rem;
}
.mobile_wrapper.footer .mobile_category .cate1 + .cate1_childs .cate2 a {
    display:block;
    border-radius: 1rem;
    height: 1.87rem;
    line-height: 1.87rem;
    text-align:center;
    background-color:#fff;
    border:1px solid #707070;
    overflow:hidden;
    padding:0px 0.5rem;
    box-sizing: border-box;
}