@charset "UTF-8";

/* 메인 슬라이더 */
.main_slider {
    margin-top: 60px;
}
.main_slider img {
    width: 100%;
}

/* 빠른 메뉴 */
.main_menu .inner {
    padding: 30px 20px 50px;
}
.main_menu .banner {
    margin-bottom: 50px;
} 
.main_menu .banner img {
    width: 100%;
    margin-top: 20px;
    border-radius: 20px;
}

/* 메인 메뉴 */
.main_menu .menu {
    width: 100%;
    position: relative;
}
.main_menu .menu_slider {
    text-align: center;
}
.main_menu .menu_slider strong {
    display: block;
    padding-top: 20px;
    font-size: 14px;
    font-weight: 500;
}
.main_menu .menu .btn_more {
    position: absolute;
    right: 0;
    top: 10px;
}

/* 앱 홍보 */
.main_app {
    height: 200px;
    background: #f4f4f4 url(../images/order/app_order.png) no-repeat 50% 50% / cover;
    padding: 25px 20px;
}
.main_app .app_wrap h2 {
    font-size: 14px;
}
.main_app .app_wrap p {
    font-size: 22px;
    font-weight: 500;
    padding: 5px 0 15px;
}
.main_app .app_wrap a {
    display: inline-block;
    width: 150px;
    line-height: 40px;
    border-radius: 6px;
    text-align: center;
    font-size: 16px;
    font-weight: 500;
    background: #e21e2d;
    color: #fff;
}

/* 주문 방법 */
.main_order {
    width: 100%;
}
.main_order .inner {
    padding: 50px 20px 70px;
}
.main_order .order {
    display: flex;
    justify-content: space-between;
}
.main_order .order li {
    text-align: center;
}
.main_order .order img {
    width: 80px;
    padding-bottom: 10px;
}
.main_order .order span {
    display: block;
    width: 100px;
    font-size: 14px;
}

/* 인스타그램 */
.main_sns .insta_wrap {
    background: #f4f4f4;
    padding: 30px 20px 50px;
}
.main_sns .sns_slider {
    text-align: center;
}
.main_sns .swiper-slide {
    border-radius: 10px;
    overflow: hidden;
}
.main_sns .swiper-slide img {
    width: 100%;
}
.main_sns .swiper-slide [class^=instagram] {
    vertical-align: -2px;
    margin-right: 4px;
}
[class^=instagram] {
    display: inline-block;
    width: 15px;
    height: 15px;
    background: url(../images/instagram.png) no-repeat 50% 50% / 15px;
}
.main_sns .txt_wrap {
    width: 100%;
    line-height: 40px;
    background: #fff;
}
.main_sns .txt_wrap span {
    font-size: 14px;
    color: #777;
    white-space: nowrap;
}
.main_sns .txt_wrap strong {
    font-size: 12px;
    font-weight: 500;
    color: #e21e2d;
    margin-left: 7px;
}

/* 유튜브 */
.main_sns .youtube_wrap {
    padding: 40px 20px 70px;
    position: relative;
}
.main_sns .youtube_wrap .inner {
    padding-bottom: 56.25%;
    position: relative;
}
.main_sns .youtube_wrap .inner a {
    text-indent: -9999px;
}
.main_sns .youtube_wrap iframe {
    position: absolute;
    left: 0;
    top: 0;
}
.main_sns .youtube_wrap .btn_more {
    position: absolute;
    right: 20px;
    top: 50px;
}


/************ 서브 메뉴 소개 *************/
.menu_page .menu {
    text-align: center;
}
.menu_page .menu li {
    width: 100%;
    margin-bottom: 30px;
}
.menu_page .menu .img_wrap {
    margin-bottom: 15px;
}
.menu_page .menu .txt_wrap strong {
    font-size: 18px;
    font-weight: 500;
}
.menu_page .menu .txt_wrap p {
    font-size: 14px;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    margin: 10px 0;
}
.menu_page .menu .txt_wrap span {
    color: #e21e2d;
    font-size: 16px;
    font-weight: 500;
}
.menu_page .menu .txt_wrap [class^=price] {
    width: 15px;
    height: 15px;
    background: url(../images/sub_images/01_menu/icon/ico_price_red_sm.png) no-repeat 50% 50% / 15px;
    display: inline-block;
    margin-right: 5px;
    vertical-align: -2px;
}


/* 고객센터 */
.service_page .service_wrap {
    text-align: center;
}
.service_page .service_wrap h2 {
    font-size: 20px;
    font-weight: 500;
}
.service_page .service_wrap p {
    margin-top: 20px;
    font-size: 14px;
}

/* 절차 */
.service_page .service_order_wrap {
    text-align: center;
    margin: 50px 0 70px;
}
.service_page .service_order {
    display: flex;
    justify-content: center;
}
.service_page .service_order li {
    width: 50%;
    margin-bottom: 20px;
}
.service_page .service_order .txt_service {
    display: inline-block;
    width: 140px;
    height: 140px;
    border-radius: 50%;
    background: #f3f3f3;
    position: relative;
}
.service_page .service_order .txt_service span {
    font-size: 14px;
    color: #e21e2d;
    position: absolute;
    left: 50%;
    top: 50%;
    transform: translate(-50%, -50%);
}
.service_page .service_order .txt_service strong {
    display: block;
    font-size: 16px;
    font-weight: 500;
    margin-bottom: 5px;
    color: #211817;
}

/* 폼요소 */
.service_page .sub_service .agree_area {
    margin-bottom:70px;
    width: 100%;
}
.service_page .sub_service .agree_area .agree_wrap {
    margin: 0 auto 80px;
}
.service_page .sub_service .agree_wrap h3 {
    font-size: 18px;
    font-weight: 500;
    margin-bottom: 15px;
}
.service_page .sub_service .agree_area .txt_border {
    height: 300px;
    overflow: auto;
    border: 2px solid #e5e5e5;
}
.service_page .sub_service .agree_area .txt_area {
    padding: 10px 15px;
}
.service_page .sub_service .agree_area .agree_bottom {
    margin-top: 15px;
}
.service_page .sub_service .agree_area .agree_bottom em {
    margin-left: 5px;
    vertical-align: 1px;
}

/* 개인정보 작성 */
.service_page .sub_service .info_write_area {
    min-width: 320px;
}
.service_page .sub_service .info_write_area .tit {
    font-size: 24px;
    color: #292929;
    font-weight: 700;
    letter-spacing: -0.05em;
    margin-bottom: 10px;
}
.service_page .info_write_area .email_wrap {
    width: calc(100% - 194px);
}
.service_page .info_write_area dt {
    font-size: 16px;
    font-weight: 500;
    margin: 10px 0;
}
.service_page .info_write_area .input_txt {
    width: 100%;
    height: 40px;
    color: #292929;
    text-indent: 15px;
    border: none;
    background: #f8f8f8;
    overflow: hidden;
    font-size: 14px;
}  
.service_page .info_write_area .input_txt_small {
    width: 150px;
}
.service_page .info_write_area .txt_contents {
    height: 150px;
    font-size: 14px;
}
 /* 문의 주의사항 */
 .service_page .sub_service .service_warning {
    padding: 20px 10px 25px 10px;
    background: #f6f6f6;
    margin-top: 30px;
}
  
.service_page .sub_service .service_warning li {
    font-size: 12px;
    color: #666;
    margin-left: 10px;
}
  
.service_page .sub_service .service_warning li + li {
    margin-top: 5px;
}

/* 고객센터 버튼 */
.service_page .sub_service .btn_wrap {
    text-align: center;
    padding-top: 50px;  
}

.service_page .sub_service .btn_wrap .btn_round {
    line-height: 36px;
    height: 40px;
    font-size: 14px;
}

.service_page .sub_service .btn_wrap .btn_border {
    width: 100px;
}

.service_page .sub_service .btn_wrap .btn_regist {
    width: 120px;
    line-height: 40px;
    margin-left: 10px;
}