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



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

#header .kakao {display: none;}

    #header section {padding:1.5rem 0;}
#header h1 svg {width:8rem;}

    #nav {position: fixed; left:0; top:0; width:100%; height:100%; padding:70px 30px; background-color: #fff; z-index: 100; display:block; text-align: left; overflow-y:auto; display: none;}
    .on #nav {display: block;}
    #nav div {margin-bottom:50px; }
    #nav .dep1 {display:block; height:auto; padding:0; margin-bottom:30px; text-align: left; font-size:1.6rem; font-weight: 700; color: #222; }
    .sub #nav .dep1 {color:#000}

#nav .dep2 {position:relative; top:0; padding:0; display: block; border-top:0; }
#nav .dep2 li {margin:0; margin-bottom:30px; text-align: left;}
#nav .dep2 li a {font-size: 1.1rem;}



.btn_hbg div, .btn_hbg:before, .btn_hbg:after{background-color: #fff; }

.btn_nav {display:flex; z-index: 102;}

/*========= footer ===========*/
#footer {padding:2.5rem 0; }

#footer a,
#footer li {font-size: 0.85rem; color: #fff;}

#footer .info li {font-weight: 300;}


#footer .copyright {font-size:0.85rem;}



.quick { left:auto; top:auto; right:2vw; bottom:2vw; transform:translate(0,0); }
.quick a {width:4rem; height:4rem; margin:0.3rem 0; padding:0.625rem 0; }
.quick a figure {height:1.6rem;}
.quick #btn_top figure {font-size: 1.6rem; }



.main_title {margin-bottom:2rem; font-size: 1.6rem; }
.main > section {padding-top:4rem; padding-bottom:4rem;}

/* visual */
.visual > .center {height:35rem; align-items: center;}
.visual h2 {text-align: center; font-size: 2.2rem; line-height:1.4;}

.visual .btn_wrap a {margin-top:2rem; padding:0.6rem 0.8rem;  font-size: 1.1rem; }
.visual .btn_wrap a figure {margin-right:0.625rem;}
.visual .btn_wrap a svg {height:24px;}
.visual .btn_wrap a .st0 {
        fill: none;
        stroke: #444;
        stroke-linecap: round;
        stroke-linejoin: round;
        stroke-width: 0.25rem;
    }


    .visual .ipt_menu .center {width:100%;}
.visual .ipt_menu a {height:3rem; font-size: 1rem; }
.visual .ipt_menu a figure {display:flex; align-items: center; justify-content: center; width:1.5rem; height:1.5rem}


/* 怨꾩궛�섍린 */
.calculator table th,
.calculator table td {height:4rem; font-size: 1rem;}
.calculator table th {width: 12%; background-color: var(--bg-color);}
.calculator table td {width: 38%}
.calculator .ip_comm {width:100%; max-width:100%;}
.calculator .slt_date {grid-gap: 0.5rem}
.calculator tfoot th {background-color: #000; color: #fff;}
.calculator tfoot td {font-size: 1.15rem; }
.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(3,1fr); grid-gap:0.8rem}


/* 理쒖떊湲� */
section.main3 {display:block; padding:0;}
.main3 > div {padding:50px 0; border-bottom:1px solid #eee;}
.main3 h2 {margin-bottom:1em; font-size: 1.3rem; }
.main3 ul li { margin-bottom:0.5rem;}
.main3 ul li:last-child {margin-bottom:0;}
.main3 ul li .tit {font-weight: 500;}
.main3 ul li .num,
.main3 ul li .date {font-size: 0.9rem; text-align: center;}

.main3 .check li .tit {width: 80%;}
.main3 .check li .num,
.main3 .check li .date {width: 10%;}
.main3 .check li .set_state {width: 10%;}

.main3 .question li .tit {width: 90%;}
.main3 .question li .set_state {width: 10%;}

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



/* faq */
.faq dl dt,
.faq dl dd {padding:1rem;}
    .faq dl dt::before,
    .faq dl dd::before {width: 2rem; font-size:1.3rem; }
.faq dl dt {font-size: 1rem;}
.faq dl dd {}
.faq dl p {width:calc(100% - 2rem);}
.faq dl dd p {font-size: 0.95rem; }


/* �뚰듃�� */
section.main6 {padding:1.3rem 0; }
section.main6 img {height:30px;}





.sub_visual .center {height:18rem; padding-top:2rem; }

.sub_visual h3 {font-size: 1.8rem; }
.sub_visual p {font-size: 1rem; }


.sub_menu {margin-bottom:3.75rem; padding:1rem 0; }
.sub_menu a {margin:0 1.5rem; font-size: 1rem; }

#contents.sub {padding-bottom:8rem;}


/*sub0301*/
.sub0301 .row > div {width:calc((100% - 3rem)/2);}









.li_ctfc li {width:32%;}
.li_ctfc li:nth-child(4n) {margin-right:2%;}
.li_ctfc li:nth-child(3n) {margin-right:0%;}

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


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



/*========= table ===========*/
.set_tbl {border-radius:var(--radius-s); }

.tbl th,
.tbl td {height:auto; padding:10px;}



/*========= 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;}

 .write_reserv .set_tel {width:100%; display:flex; align-items: center; justify-content: space-between;}

/*========= 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(--main-color); 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(--main-color);}
.sub0402 .tbl th,
    .sub0402 .tbl td {color: #222;}



}