@media screen and (max-width:780px) {




/*========= header ===========*/


    #header section {padding:1.2rem 0;}

    #nav .dep1 {font-size:1.4rem; color: #222; }

#nav .dep2 li {margin-bottom:20px;}
#nav .dep2 li a {font-size: 1rem;}





/*========= footer ===========*/
    #footer {padding-bottom:6rem;}
.quick { left:0; top:auto; right:auto; bottom:0; width:100%; display:flex;}
.quick a {flex:1; width:auto; height:3rem; margin:0; padding:0; display:flex; flex-direction: row; align-items: center; justify-content: center; font-size:0.95rem; font-weight: 500; border-radius:0; }
.quick a figure {width:auto; height:20px; margin-right:5px;}




/* visual */
.visual > .center {height:30rem; }
.visual h2 {font-size: 2rem; font-weight: 700; }
.visual p{margin: 10px 0 0; }

.visual .btn_wrap {flex-wrap: wrap; margin-top:1.5rem;}
.visual .btn_wrap a {margin-top: 0;  font-size: 1rem; }


.visual .ipt_menu a {flex-direction: column; align-items: center; justify-content: center; text-align: center; height:5rem; font-size:0.85rem; font-weight:500;  }
    .visual .ipt_menu a figure {display:block; margin-right:0; margin-bottom:10px;}


/* 怨꾩궛�섍린 */
.calculator table,
.calculator table thead,
.calculator table tbody,
.calculator table tfoot,
.calculator table tr,
.calculator table th,
.calculator table td {display:block; text-align: left; height:auto; width:100%; border:0; background-color: #fff; padding:0; box-sizing:border-box }

.calculator table th {margin-bottom:10px; font-size: 0.9rem; font-weight:500;}
.calculator table td {margin-bottom:30px; font-size: 0.9rem; font-weight:400;}


.calculator tfoot th {margin-bottom:0; border-radius:10px 10px 0 0; padding:1rem; background-color: #000; color: #fff; box-sizing:border-box}
.calculator tfoot td {padding:1.2rem 1rem; border-radius:0 0 10px 10px;border:1px solid #ddd; border-top:0; font-size: 1.1rem; text-align: right;}
.calculator tfoot td span:last-child {padding-right:0;}
.calculator .set_btn {margin-top:2rem;}
    .calculator .btn_sm {border-radius:5px; width:150px; height:60px; font-size: 1.15rem;}




/* 二쇱감媛ㅻ윭由� */
.gall {grid-template-columns: repeat(2,1fr); grid-gap:0.5rem}


/* 理쒖떊湲� */

.main3 .check li .tit {width:70%;}
.main3 .check li .num,
.main3 .check li .date {width:15%;}
.main3 .check li .set_state {width:15%;}
.ext_fmail_date{display:none}

.main3 .question li .tit {width:80%;}
.main3 .question li .set_state {width:20%;}

.main3 .notice li .tit {width:80%;}
.main3 .notice li .date {text-align: right;}


    /* �꾧린 */
.main4 .swiper-slide {width:320px;}
.main4 .item {display:block; padding:2rem; }
.main4 .item figure {width:100%;text-align: center;}
.main4 .item figure img {width:70px; height:auto;}
.main4 .item article {width: 100%; padding-left:0; text-align: center; margin-top:15px;}
.main4 .item .name {font-size: 1.0625rem; font-weight: 700; }
.main4 .item .name span {font-size: 0.875rem; font-weight:300}
.main4 .item .point {margin-top:0.625rem; font-size: 1.125rem; color: #ffc000;}
.main4 .item .txt {margin-top:0.9375rem; font-size: 0.9375rem; line-height:1.4375rem;}


/* faq */
.faq dl dt,
.faq dl dd {padding:0.8rem;}
    .faq dl dt::before,
    .faq dl dd::before {width: 1.8rem; font-size:1.2rem; }
.faq dl dd {}
.faq dl p {width:calc(100% - 1.8rem); }

.sub_menu {overflow-x:auto; justify-content:flex-start; padding:1.25rem; }
.sub_menu a {margin:0 1.875rem; font-size: 1rem;  white-space: nowrap;}


/*sub0301*/
    .sub0301 .row {display: block;}
.sub0301 .row > div {width:100%; margin-top:60px; }
    .sub0301 .row > div:first-child{margin-top: 0;}

.tbl_price th,
.tbl_price td {height:2.5rem; padding:0 1rem;}

.refer li {font-size:0.9rem; }


/*sub0503*/
.sub0503 .search {width:100%; max-width:500px; }







.li_ctfc li {width:49%; margin-right:2%; margin-bottom:30px;}
.li_ctfc li:nth-child(3n) {margin-right:1%;}
.li_ctfc li:nth-child(2n) {margin-right:0;}

.pop_ctfc #pop_cont {width:70%; height:auto; }
.pop_ctfc #pop_cont img {width:100%; height:auto; }
.pop_ctfc .btn_close {right:20px; top:20px;}




.sub_list {grid-template-columns: repeat(2,1fr); grid-gap:10px}



/*========= table ===========*/

.tbl th,
.tbl td {height:auto; padding:8px; line-height:1.2;}



/*========= sub0401 ===========*/
.write_reserv {display: block; border:0; width: 100%;}
.write_reserv tbody,
.write_reserv tr {display: block; width: 100%;}
.write_reserv th,
.write_reserv td {display: block;padding:0; border-bottom:0;}
.write_reserv th {width: 100%;}
.write_reserv td {overflow:hidden; width: 100%; margin-bottom:40px; }
.write_reserv th {margin-bottom:10px;}
.write_reserv th label {font-size: 0.95rem; font-weight:600;}
.write_reserv .ip_comm {display:block;width:100%; }
.write_reserv .ip_comm.tel {width:30%;}

.write_reserv .set_date {display:flex; align-items: center; justify-content: space-between}
.write_reserv .ip_comm.date {width: 50%;}
.write_reserv .ip_comm.time {width: 25%;}
.write_reserv textarea.ip_comm {height:150px;}
.write_reserv .total {display:flex; align-items: center; flex-wrap:wrap;}
.write_reserv .total .ip_comm {width:9.375rem; margin:0 0.3125rem; ;}
.write_reserv .total .ip_comm:first-child {margin-left:0;}
.write_reserv .reserv_ta {height:150px;}
.sub0401 .wrap_btn {display:flex; align-items: center; justify-content: center; margin-top:2.5rem;}
.sub0401 .wrap_btn .btn_comm {width: 8.75rem; height: 3.75rem; margin:0 0.3125rem; background-color: #eee; border-radius:0; font-size: 1.0625rem; font-weight: 600; color: #888;}
.sub0401 .wrap_btn .btn_comm.btn_sm {background-color:var(--color-1); color:#fff;}
.sub0401 .li_refer li {color: #888;}

/*========= sub0401 ===========*/
.sub0402 {}
.sub0402 .sch {display:flex; align-items: center; justify-content: center; margin-bottom:2.5rem;}
.sub0402 .sch fieldset {position: relative; width:25rem;  background-color: #fff; box-shadow:0.25rem 0.25rem 0.625rem rgba(0,0,0,0.3); }
.sub0402 .sch .ip_comm {border:0; border-radius:0; height:3.375rem}
.sub0402 .sch .btn_sch {position: absolute; right:0; top:0; width:3.375rem; height:3.375rem; font-size: 1.125rem; }


.sub0402 .wrap_btn {display:flex; align-items: center; justify-content: center; margin-top:2.5rem;}
.sub0402 .wrap_btn .btn_comm {width: 8.75rem; height: 3.75rem; margin:0 0.3125rem; background-color: #eee; border-radius:0; font-size: 1.0625rem; font-weight: 600; color: #888;}
.sub0402 .wrap_btn .btn_comm.btn_sm {background-color: var(--color-1); color: #fff;}
.sub0402 .tbl .state {display:inline-block; padding:0.3125rem 0.5rem;  background-color: #aaa; font-weight: 400; color: #fff;}
.sub0402 .tbl .state.done {background-color: var(--color-1);}



.sub_list2 { grid-template-columns: repeat(2,1fr); }





}