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


.center{padding: 80px 0;}

.ip_comm{height: 48px;}
.btn_sm{width: 100%; font-size: 1.4rem;;}

#header{height: 70px;}
#header h1{top: 17px;}
#header h1 a img{height: 38px;}
.btn_nav{top: 28px;}
.on .btn_hbg:after{top: -40%; transform: rotate(-42deg);}
.btn_hbg{height: 14px;}
.btn_hbg div, .btn_hbg:before, .btn_hbg:after{height: 2px;}

#nav{overflow-y: scroll; width:80%; left: -100%;}
#nav .nav_list{padding: 100px 25px 150px;}
#nav .nav_list>li{margin: 0 0 35px;}
#nav .nav_list>li .dep1{font-size: 1.1em; text-decoration: none !important;}
#nav .nav_list>li:last-child{margin: 0;}
#nav .nav_list>li .dep2{margin-top: 0; padding: 4px 0;}
#nav .nav_list>li .dep2 li a{padding: 2px 0; font-size: 1em;}

#header .login{top: 40px;}
#header .login li a{width: 70px; font-size: 1.3rem;}


.vis .indicator{bottom: 18px;}
.vis .indicator .dot span{margin: 0 5px;}
.vis .indicator .dot span.swiper-pagination-bullet-active:last-child{margin-left: 26px;}
.vis .indicator .dot span.swiper-pagination-bullet-active:last-child:after{right: 10px;}
.vis .indicator .dot span.swiper-pagination-bullet-active:not(:last-child){margin-right: 25px;}
.vis .indicator .dot span:after{right: -25px;}

.idx_tit{}
.idx_tit h3 br{display: block;}
.idx_tit{margin-bottom: 20px;}
.idx_tit h3,
.idx_tit h3 span,
.idx_tit.sty2 h3,
#main4 .idx_tit h3{font-size: 2.1rem;}
.idx_tit p{line-height: 1.3em;}
#main2 .center .idx_tit a{margin: 20px auto 0; font-size: 1.3rem; width: 130px; height: 44px; line-height: 44px;}
#main2 .center .idx_tit a:after{right: 15px;}

#main1 ul{margin: -4% 0; flex-wrap: wrap; }
#main1 ul li{margin: 4% 0; width: 49%;}
#main1 ul li>p{margin-top: 8px; font-size: 1.35rem; line-height: 1.2em;}

#main2 .center .img_wrap li p{right: 15px; bottom: 15px; font-size: 1.3rem;}

#main3 .program{margin: -4% -2%; align-items: flex-start; flex-wrap: wrap;}
#main3 .program li{margin: 4% 2%; width: 46%;}
#main3 .program li .txt{margin: 0;}
#main3 .program li .txt h4{margin: 15px 0 8px; font-size: 1.6rem;}
#main3 .program li .txt p{font-size: 1.3rem;}

#main4 .center .customer{margin: 0;}
#main4 .center .customer>div{margin: 6px 0;}
#main4 .center .customer .form_wrap{padding: 22px;}
#main4 .center .customer .form_wrap h5{margin-bottom: 12px; font-size: 16px;}

#main4 .center .customer .form_wrap .line{display: block;}
#main4 .center .customer .form_wrap .line .ip_wrap{width: 100%;}
#main4 .center .customer .form_wrap .line .ip_wrap:after{clear: both; content: ''; display: block;}
#main4 .center .customer .form_wrap .ip_wrap.set_agree label,
#main4 .center .customer .form_wrap .ip_wrap.set_agree a{font-size: 1.3rem;}

#main4 .center .customer .tel_box,
#main4 .center .customer .talk{padding: 24px;  height: auto;}
#main4 .center .customer .tel_box{padding: 40px 24px;}
#main4 .center .customer .tel_box p{padding: 10px; width: 100%; font-size: 1.3rem;}
#main4 .center .customer .tel_box h6{ font-size: 1.3rem;}
#main4 .center .customer .tel_box h3{margin: 16px 0; font-size: 2.8rem;}
#main4 .center .customer .tel_box .sns{margin: 20px -4px 0;}
#main4 .center .customer .tel_box .sns li{margin: 0 4px;}
#main4 .center .customer .tel_box .sns li img{height: 40px;}

#main4 .center .customer .talk{flex-direction: row; align-items: center; justify-content: center;}
#main4 .center .customer .talk h6{margin: 0; font-size: 1.3rem;}
#main4 .center .customer .talk h3{margin: 8px 0; font-size: 2rem;}
#main4 .center .customer .talk img{display: block; height: 30px;}
#main4 .center .customer .talk .txt{margin-left: 16px; text-align: left;}



#footer .right{margin: 0; }
#footer .right dl{display: block;}
#footer .right dl dt{padding: 8px 12px; width: max-content; font-size: 1.3rem;}
#footer .right dl dd{margin: 12px 0; font-size: 30px;}
#footer .right p{font-size: 1.3rem;}
#footer .ft_top{margin: 20px 0;}
#footer .ft_top li{margin-right: 14px;}
#footer .ft_top li:nth-child(1),
#footer .ft_top li:nth-child(4){display: none;}
#footer .ft_top li a{font-size: 1.3rem; line-height: 1.4em;}
#footer .copyright{line-height: 1.4em;}


#quick{display: none; top: auto; right: 10px; transform: translateY(0); bottom: 10px; }
#quick a{padding: 15px 10px;}
#quick a img{height: 16px;}
#quick a p{font-size: 1.2rem;}



/*sub*/
#sub_visual{height: 180px;}
#sub_visual .center h2{font-size: 2rem;}
#sub_visual .center ol li{font-size: 1.3rem;}

#sub_visual.sub_visual02,
#sub_visual.sub_visual05,
#sub_visual.sub_visual08{background-position: -120px;}
#sub_visual.sub_visual03,
#sub_visual.sub_visual06{background-position: -140px;}
#sub_visual.sub_visual01,
#sub_visual.sub_visual04,
#sub_visual.sub_visual07{background-position: -300px 0;}


#sub_menu ul li a.on:after{width: 0; }
#sub_menu {bottom: -27px; width: 90%; z-index: 100;}
#sub_menu .btn_dep{display: block; padding:20px 0; padding-left: 20px;  height: 55px; font-size: 15px; font-weight: 500; border: 1px solid #ddd; background:url(../images/bg_select.svg) no-repeat right center; background-size:contain; text-align: left;}
#sub_menu ul{display: none; width: 100%; position: absolute; top: 55px; padding: 0; border: 1px solid #ddd; }
#sub_menu ul li{margin-right: 0; display: block;}
#sub_menu ul li a:hover:after{width: 0; display: none;}
#sub_menu ul li a{padding:18px 0; padding-left: 20px; font-size: 15px; border-bottom: 1px solid #ddd; text-align: left; background: #fff;}

.page_title{padding: 100px 0 0;}
.page_title h3{font-size: 2rem;}
.page_title h3:after{top: -28px; background-size: contain; height: 12px;}

/*sub0101*/
.sub0101.center{width: 100%;}
.sub0101 figure{width: 100%; height: 240px; background: url(../images/sub0101_01.jpg) 50% no-repeat; background-size: cover; background-position: -300px;}
.sub0101 figure>img{display: none;}
.sub0101 .page_title{padding: 60px 15px 40px;}
.sub0101 .center p{margin-top: 20px; text-align: left;}
.sub0101 .center .img_wrap{margin-top: 20px; display: block;}
.sub0101 .center .img_wrap li{margin: 2% 0; width: 100%;}

/*sub0102*/
.sub0102 .date{margin-bottom: 40px;}
.sub0102 .dl_comm{margin-bottom: 30px;}
.sub0102 .dl_comm dd{margin-top: 10px;}
.sub0102 .dl_comm dd .dep2 .box li{margin: -5px 0;}
.sub0102 .dl_comm dd .dep2 .box li{margin: 5px 0; font-size: 1.3rem; line-height: 1.4em;}


/*sub0103*/
.sub0103 .special li .txt{margin-bottom: 10px;}
.sub0103 .special li .txt h4,
.sub0103 .special li .txt .num{font-size: 1.8rem;}
.sub0103 .special li .info p{margin-top: 10px;}


/*sub02*/
.sub02 section{display: block; }
.sub02 section figure{margin: 0 auto; width: 80%;}
.sub02 section .text_wrap{margin: 40px auto 0; width: 80%; }
.sub02 section .text_wrap h4{margin-bottom: 12px; font-size: 2.1rem;}
.sub02 section .text_wrap h4:after{font-size: 50px;}
.sub02 section .text_wrap .time{position: initial; margin-top: 30px;}

.sub02 div:nth-child(even) section .text_wrap{margin: 40px auto 0; text-align: left;}
.sub02 div:nth-child(even) section .text_wrap h4:after{right: auto; }

.sub0202 .after:nth-child(even){padding: 100px 0;}
.sub0202 .after section .text_wrap{margin: 40px auto 0;}
.sub0202 .after:nth-child(even) img{width: 100%; height: auto;}
.sub0202 .after:nth-child(even) section .text_wrap{text-align: left; margin: 40px auto 0;}
.sub0202 .after:nth-child(odd) section .text_wrap h4:after{left: auto;}

.sub0203 .family section{display: flex; flex-direction: column-reverse;}
.sub0203 .family section figure{width: 100%;}
.sub0203 .family section .text_wrap{margin: 20px auto 0; width: 100%;}
.sub0203 .family section .icon{margin-top: 20px;}
.sub0203 .family section .icon li{padding: 16px 18px;}
.sub0203 .family section .icon li p{font-size: 1.3rem;}
.sub0203 .family section .icon img{margin: 0 auto; width: auto; height: 25px;}


.sub0205 section{display:flex; flex-direction: column-reverse;}
.sub0205 section .text_wrap{width: 100%; margin: 40px 0 0;}
.sub0205 .yusan:nth-child(odd) section .text_wrap{margin: 40px 0 0;}
.sub02 section figure{margin: 0; width: 100%; }


.sub h4{font-size: 1.8rem;}
.sub h5{font-size: 1.6rem;}
.sub0301 .tit{position: relative; display: block;}
.sub0301 .tit .time{margin: 0; position: absolute; top: -11px; right: 0px; }


.tbl_wrap{margin: 0 0 25px; padding: 0 0 10px; overflow-x: scroll;}
.sub0301 .page_title{margin: 80px 0 40px;}
.sub0301 .tbl_pri{margin: 20px 0 0;}
.sub0301 .price p{margin-top: 8px; line-height: 1.3em;}
.sub0301 .box{margin-top:12px; padding: 20px;}
.sub0301 .box li{margin-bottom: 5px; line-height: 1.3em; font-size: 1.3rem;}

.sub0302 section{margin-bottom: 80px;}
.sub0302 h4{margin-bottom: 10px;}
.sub0302 .service_chart{margin: -3% 0; align-items: flex-start;}
.sub0302 .service_chart li{margin: 3% 0; width: 100%;}
.sub0302 .service_chart li .txt{margin: 0;}
.sub0302 .service_chart li .txt h5,
.sub0302 .service_chart li .txt h5 span{margin: 5px 0 -4px; font-size: 1.6rem;}
.sub0302 .service_chart li .txt h5 span{margin-right: 4px;}
.sub0302 .service_chart li .txt p{font-size: 1.35rem;}
.sub0302 .use li{display: block;}
.sub0302 .use li>figure>img{width: 100%;}
.sub0302 .use li .txt{margin: 15px 0 40px; }
.sub0302 .use li .txt h5{margin: 10px 0 8px;}
.sub0302 .use li .txt img{height: 25px;}





.sub0503 form .ip_wrap .ip_comm{margin: 6px 0 16px;}




.ui-widget.ui-widget-content{width: 70%;}

/*문의하기*/
#bo_sch{width: 100%;}
#bo_w .bo_w_select select,
#bo_w .bo_w_info .frm_input,
#bo_w .write_div .frm_input{width: 100%;}
#captcha.m_captcha audio{margin: 20px 0 5px;}

.tbl_head01 .td_subject{line-height: 1.4em;}
.tbl_head01 .td_subject .bo_tit{line-height: inherit;}
.tbl_head01 .td_subject a{line-height: inherit;}

.sub0501 .tbl_head01 .no,
.sub0501 .tbl_head01 th:nth-child(3),
.sub0501 .tbl_head01 .ext_hit{display: none;}

.sub0503 .bo_fx{position: absolute; top: -18px; right: 0;}
.sub0503 .tbl_head01 th:nth-child(4),
.sub0503 .tbl_head01 th:nth-child(5),
.sub0503 .tbl_head01 .no,
.sub0503 .tbl_head01 .ext_hit,
.sub0503 .tbl_head01 .date{display: none;}

.sub05 .bo_tit{padding-left: 10px;}
#bo_v_title .bo_v_tit{font-size: 1.8rem;}


.ul_sido,
#bo_cate{margin: -1%; margin-bottom: 12px; padding: 10px 12px;}
.ul_sido li{margin: 1%; width: 23%;}
.ul_sido li a{padding:8px 1px; text-align: center; font-size: 1.3rem;}
#bo_cate a{padding: 8px 12px; font-size: 1.3rem;}

.view_store{margin-bottom: 20px;}
.view_store h3{margin-bottom: 10px; font-size: 1.4rem;}
.sub0601 .tbl td{height: 80px; }
.sub0601 .tbl a{display: flex; justify-content: center; align-items: center; font-size: inherit; word-break: break-word; line-height: inherit;}
.sub0601 .jiyok{width: 12%;}
.sub0601 .str_name{width: 20%;}
.sub0601 .str_jiyok{width: 30%;}
.sub0601 .str_hp{width: 22%;}

/*sub view 0601*/
.sub0601 .sns_wrap div{margin: 0 4px;}
.sub0601 .sns_wrap img{height: 40px;}
.sub0601 .sns_wrap a p{display: none;}
.sub0601 .tbl.store_tbl td{height: 60px;}
.sub0601 .store_tbl2 th{width: 90px;}

.sub0602.page_title{padding: 100px 15px 0;}
.sub0602>.center{width: 100%;}
.sub0602 .str_edu img{width: 100%; display: block;}
.sub0602 .condition{margin: -3% -0.5%;}
.sub0602 .condition li{margin: 3% 0.5%; padding: 30px 10px; width: 49%; height: 165px;}
.sub0602 .condition li img{display: block; height: 55px;}
.sub0602 .condition li p{margin-top: 8px; font-size: 1.35rem;}

.sub0602 .process{margin: -3% -1%;}
.sub0602 .process li{margin: 3% 1%; width: 48%;}
.sub0602 .page_title{margin-bottom: 30px;}
.sub0602 .tbl th{width: 12%;}

.tbl th,
.tbl td{padding: 12px 6px; font-size: 1.3rem; line-height: 1.3em;}

.sub_list li a p {margin-top: 6px; line-height: 1.3em;}
.sub_list li {width: 47.8%;}

/*회원가입*/
#fregister .fregister_agree{position: relative; border-top: 1px solid #ddd; background: #f5f5f5;}

/*로그인*/
.mbskin{width: 90%;}
.mbskin h1{margin: 35px 0 20px 0; font-size: 2rem;}
.mbskin .btn_submit{font-size: 1.55rem;}
.mbskin:before, .mbskin:after{display: none;}

/* .sub_list {width: 100%; overflow: hidden; }

.sub_list li:nth-of-type(3n) { margin-right:0; }
.sub_list li a { display:block; width:100%;  }

.sub_list li a img {width:100%;  } */


.jijum .board_list .b_sido,
.jijum .board_list .b_store,
.jijum .board_list .b_addr,
.jijum .board_list .b_mb{width: 100%;}
.jijum .board_list .b_mb dd{color: var(--main-color);}

.jijum .board_list .thead{display: none;}

.jijum .board_list .tbody .hidden{position: static; left: 0; top: 0; font-size: 1.35rem; width: 76px; text-indent: 0px; height: auto; line-height: 1;}
.jijum .board_list .tbody li{text-align: left; margin-bottom: 12px; border: 1px solid #eee;}
.jijum .board_list .tbody li>a{display: block; padding: 18px; height: auto; }
.jijum .board_list .tbody dl{margin-bottom: 15px; display: flex; justify-content: flex-start; align-items: center;}
.jijum .board_list .tbody dl:last-child{margin-bottom: 0; }
.jijum .board_list .tbody dl dt{}
.jijum .board_list .tbody li a dd{width: calc(100% - 76px); font-weight: 600; text-align: left; line-height: 1.3;}
.jijum .board_list .tbody .set_icon{padding: 18px; padding-top: 0; display: block;}
.jijum .board_list .tbody .set_icon a{display: block; height: auto; padding: 12px; font-size: 1.3rem; text-align: center; background: #fff; border: 1px solid #ddd; transition: all 200ms linear;}
.jijum .board_list .tbody li:hover .set_icon a{background: #f0f0f0; color: #999; border: 1px solid #eee;}

.board_view .view_wrap figure{width: 100%;}
.board_view .view_wrap figure img{display: block; width: 100%;}
.board_view .view_wrap .txt{margin-top: 30px;}
.board_view .view_wrap h5{font-size: 1.4rem;}
.board_view .view_wrap h2{margin: 15px 0 18px; font-size: 2.2rem;}
.board_view .view_wrap h4{margin-bottom: 30px;}
.board_view .view_wrap dl{margin-top: 20px;}
.board_view .view_wrap dl dt,
.board_view .view_wrap dl dd{font-size: 1.35rem;}
.board_view .view_wrap dl dt{width: 74px;}
.board_view .view_wrap dl dd{width: calc(100% - 74px);}
.board_view .view_wrap .view_sns{margin-top: 30px; justify-content: space-between;}
.board_view .view_wrap .view_sns li{width: 33%;}
.board_view .view_wrap .view_sns a{width: 100%;}
.board_view>p{margin-top: 30px;}


.form_01{width: 100% !important}


.pg_page{font-size: .97em; height: 28px; min-width: 28px; line-height: 25px; margin: 2px 0; }
.pg_current{height: 28px; min-width: 28px; line-height: 25px; }

}


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

#sub_visual.sub_visual03,
#sub_visual.sub_visual06{background-position: -340px;}


}