@charset "UTF-8";
@media screen and (min-width: 0) and (max-width:340px) {
	.slick-dots li { display: none!important}
	.banner-area .buttons { left: 50%; right: auto; transform: translateX(-50%); width: 183px}
	.quick-city .city-cont ul li{margin-left: 0;}
	.quick-city .city-cont ul li::before{left: -10px;}
	.main-cntNws .cntGuide .c-Number ul li a strong{display: block;}
	.main-cntNws .cntGuide .c-Number ul li a{background-position: left top 20px;}
	.quick-service ul{flex-direction: column;}
	.second-inner .scd-l li a span{width: 100px !important; height: 100px;}
	.second-inner .scd-r .s-mylist a,
	.second-inner .s-phonenum a{background-image: none !important;}
	.second-inner .scd-r .s-mylist a span br,
	.second-inner .s-phonenum a span br{display: none !important;}
	.main-cntNws .center-box .photo-wrap .photo-head{flex-direction: column; align-items: center; height: auto; margin-bottom: 20px;}
	.photo-head .photo-tit{margin-bottom: 10px;}
}

@media screen and (max-width: 399px) {
	.banner-area .banner-zone {height: 280px !important;}
	.main-cntNws .center-box .cntNws .tab-cont .type03 ul li{width: 100%;}
	.main-cntNws .center-box .cntNws .tab-cont .type03 ul li:nth-child(2),
	.main-cntNws .center-box .cntNws .tab-cont .type03 ul li:nth-child(3){display: none;}
}

@media screen and (min-width: 400px) and (max-width:767px) {
	.main-cntNws .center-box .cntNws .tab-cont .type03 ul li{width: 49%;}
	.main-cntNws .center-box .cntNws .tab-cont .type03 ul li:nth-child(3){display: none;}
	.main-cntNws .center-box .cntNws{margin-bottom: 40px; width: 100%;}
}

@media screen and (max-width: 767px) {
	.quick-service ul li{height: 180px;}
	.quick-service ul li a{padding: 24px;}
	.quick-service ul li.quick-03{flex: 1 1 100%; height: auto;}
	.quick-service ul li.quick-01 a,
	.quick-service ul li.quick-02 a,
	.quick-service ul li.quick-03 a{background-image: none;}
	.quick-service ul li a em{font-size: 1.2em;}
	.quick-service ul li a span br{display: block;}

	.quick-city .city-title{font-size: 1.2em;}
	.quick-city .city-cont {flex-direction: column; align-items: flex-start;}
	.quick-city .city-cont .city-slc{width: 100%;}
	.quick-city .city-cont ul{margin-top: 20px; width: 100%;}
	.quick-city .city-cont ul li.city01{margin-left: 0; margin-bottom: 5px; width: 100%;}
	.quick-city .city-cont ul li.city02{margin-left: 0;}
	.quick-city .city-cont ul li.city02::before{display: none;}

	.main-second{padding: 6% 3% 3% 3% !important;}
	.second-inner{gap: 24px !important;}
	.second-inner .scd-l li{flex: 1 1 40%;}
	.second-inner .scd-l li a span{width: 130px; margin: 0 auto; margin-bottom: 10px; border-radius: 16px;}
	.second-inner .scd-r{flex-direction: column;gap: 16px;}
	.second-inner .scd-r .s-mylist,
	.second-inner .s-phonenum{height: auto; flex: 0 0 100%;}
	.second-inner .scd-r .s-mylist a{padding: 20px 24px; border-radius: 16px;}
	.second-inner .scd-r .s-mylist a i{display: none;}
	.second-inner .scd-r .s-mylist a em{margin-bottom: 0 ;}
	.second-inner .scd-r .s-mylist a span br{display: block;}
	.second-inner .s-phonenum a{padding: 20px 24px; border-radius: 16px; background-position: right -50px bottom;}
	.second-inner .s-phonenum a span br{display: block;}

	.main-cntNws .center-box .cntNws .tab-cont{display: block; margin: -1px 0 0 -1px; width: 50%;}
	.main-cntNws .center-box .cntNws .tab-cont:nth-child(3){width: 100%;}
	.main-cntNws .center-box .cntNws .tab-cont .tab{padding-left: 0; padding-right: 0;}
	.main-cntNws .center-box .cntNws .tab-cont .tab a{display: block; padding: 0;font-size: 1em; text-align: center; border: 1px solid #e7e7e7; border-radius: 0;}
	.main-cntNws .center-box .cntNws .tab-cont:nth-child(2) .tab a{margin-right: 55px;}
	.main-cntNws .center-box .cntNws .tab-cont .tab::before{display: none;}
	.main-cntNws .center-box .cntNws .tab-cont .tab a:hover,
	.main-cntNws .center-box .cntNws .tab-cont .tab a:active,
	.main-cntNws .center-box .cntNws .tab-cont .tab a:focus,
	.main-cntNws .center-box .cntNws .over .tab a{background-color: #FFDECF;}
	.main-cntNws .center-box .cntNws .tab-cont .tab a:hover::before, .main-cntNws .center-box .cntNws .tab-cont .tab a:active::before, .main-cntNws .center-box .cntNws .tab-cont .tab a:focus::before, .main-cntNws .center-box .cntNws .over .tab a::before{display: none;}

	.main-cntNws .center-box .cntNws .tab-cont .cnt{top: 74px;}
	.main-cntNws .center-box .cntNws .tab-cont .type01 ul,
	.main-cntNws .center-box .cntNws .tab-cont .type02 ul{flex-direction: column;}
	.main-cntNws .center-box .cntNws .tab-cont .type01 ul li,
	.main-cntNws .center-box .cntNws .tab-cont .type02 ul li{margin-left: 0; margin-bottom: 10px; width: 100%;}
	.main-cntNws .center-box .cntNws .tab-cont .type01 ul li a,
	.main-cntNws .center-box .cntNws .tab-cont .type02 ul li a{padding: 20px 20px 60px 20px; border-radius: 16px; min-height: auto;}
	.main-cntNws .center-box .cntNws .tab-cont .type03 ul li a.gallery-a{min-height: auto; border-radius: 16px;}
	.main-cntNws .center-box .cntNws .tab-cont .type01 ul li a h3{min-height: 1.6em; -webkit-line-clamp: 1; font-size: 1.05em;}
	.main-cntNws .center-box .cntNws .tab-cont .type02 ul li a h3{margin-bottom: 0; min-height: 1.6em; -webkit-line-clamp: 1; font-size: 1.05em;}
	.main-cntNws .center-box .cntNws .tab-cont .cnt ul li a .cnt-foot{padding: 10px 20px; bottom: auto;}
	.main-cntNws .center-box .cntNws .tab-cont .cnt ul li a .cnt-foot .dataNws{padding-bottom: 0;}
	.main-cntNws .center-box .cntNws .tab-cont .cnt ul li a .cnt-foot .dataNws b{position: relative; left: auto; bottom: auto; vertical-align: middle;}
	.main-cntNws .center-box .cntNws .tab-cont .cnt ul li a .cnt-foot .dataNws em{display: inline-block; font-size: .95em; font-weight: normal; color: #727272; vertical-align: middle;}
	.main-cntNws .center-box .cntNws .tab-cont .cnt ul li a .cnt-foot .cate{height: 30px; line-height: 30px; border-radius: 15px;}
	.main-cntNws .center-box .cntNws .tab-cont .cnt a.more{top: -75px;margin-right: 2px;border-radius: 0; z-index: 1; border-color: #e7e7e7; width: 56px; height: 56px;}
	.main-cntNws .center-box .cntNws {margin-bottom: 40px;width: 100%;}

	.photo-area .photo-zone{border-radius: 16px;}
	.photo-head .photo-tit{font-size: 1.2em;}
	.main-cntNws .center-box .photo-wrap{width: 100%;}
	.main-cntNws .center-box .photo-wrap .photo-head{align-items: center; padding-top: 0;}

	.main-bottom{padding: 6% 3% 3% 3% !important;}
	.bottom-inner{gap: 16px !important;}
	.bottom-inner .section-tit{font-size: 1.2em;}
	.bottom-inner .section-inquiry ul{padding: 20px 10px;}
	.bottom-inner .section-inquiry ul li a span{font-size: 0.85em;}
	.bottom-inner .section-guide ul li{flex: 0 0 100%;}
	.bottom-inner .section-guide ul li.s-online a,
	.bottom-inner .section-guide ul li.s-sms a,
	.bottom-inner .section-guide ul li.s-member a{border-width: 0 0 1px 0}
	.bottom-inner .section-about a{padding: 20px 24px; background-position: right 10px bottom 10px;}
}

@media screen and (max-width: 1024px) {
	#main-wrap .main-top{padding-top: 16px;}
	.m-banner{width: 100%;}
	.quick-service{margin-top: 30px; width: 100%;}
	.quick-service ul{gap: 16px;}
	.quick-service ul li a{border-radius: 16px 16px 0 30px;}
	.quick-city{float: left; width: 100%;}
	.main-cntNws .center-box .cntNws,
	.main-cntNws .center-box .cntGuide,
	.main-cntNws .center-box .cntNws .tab-cont .cnt ul,
	.main-cntNws .center-box .photo-wrap{padding: 0 3%;}
	.main-cntNws .center-box .cntNws .tab-cont .cnt a.more{right: 3%;}

	.banner-area .banner-zone { height: auto; border-radius: 16px;}
	.banner-area .banner-zone .banner-item { height: auto}
	.banner-area .banner-zone .banner-item img { min-height: auto}
	.main-second{padding: 3%;}
	.second-inner{flex-direction: column; align-items: normal; gap: 40px;}

	.main-bottom{padding: 3%;}
	.bottom-inner{flex-direction: column; align-items: flex-start; gap: 24px;}
	.bottom-inner .section-inquiry,
	.bottom-inner .section-guide,
	.bottom-inner .section-about{flex: 0; width: 100%;}
}

@media screen and (min-width: 768px) and (max-width:1024px){
	.main-cntNws .center-box .cntNws .tab-cont .type01 ul li a,
	.main-cntNws .center-box .cntNws .tab-cont .type02 ul li a{padding: 40px 30px 130px 30px; min-height: auto;}
}

@media screen and (min-width: 1025px) and (max-width:1299px){
	.banner-area .banner-zone { height: 440px}
	.banner-area .banner-zone .banner-item { height: 440px}
	.banner-area .banner-zone .banner-item img { min-height: 440px}
	.quick-service ul li{height: 270px;}
	.quick-service ul li.quick-03{flex: 1 1 100%; height: auto;}
	.quick-service ul li.quick-03 a{background-position: right 50px bottom 16px;}
	.quick-city{float: left; width: 100%;}
	.second-inner .scd-l{gap: 30px;}
	.second-inner .scd-l li{flex: 0 0 45%;}
	.second-inner .scd-l li a span{margin: 0 auto 24px;}
	.second-inner .scd-r{flex-direction: column;}
	.second-inner .scd-r .s-mylist{height: auto; margin-bottom: 16px;}
	.second-inner .scd-r .s-mylist a i{display: none;}
	.bottom-inner .section-inquiry,
	.bottom-inner .section-guide{flex: 0 0 49%;}
	.bottom-inner .section-about{flex: 0 0 100%; margin-top: 24px;}
	.bottom-inner .section-about a span br{display: none;}
}

@media screen and (min-width: 768px) and (max-width:1199px){
	.main-cntNws .center-box .cntNws{width: 100%;}
	.main-cntNws .center-box .cntGuide{margin-top: 4%; width: 100%;}
	.main-cntNws .center-box .cntNws .cntNws-cont ul li a{padding:40px 30px 30px 30px;}
	.main-cntNws .center-box .cntNws .cntNws-cont ul li a.cnt-faq h3{margin-bottom: 12px;}
	.main-cntNws .center-box .cntNws .cntNws-cont ul li a .cate{right: 30px; bottom: 34px;}
	.main-cntNws .cntGuide .c-Number{margin-top: 0; padding: 20px 30px 0 30px;}
	.main-cntNws .center-box .photo-wrap{width: 100%;}
	.photo-area .photo-zone{border: none; border-radius: 0;}
	.photo-area .photo-zone .banner-item{margin: 0 16px 0 0; border-radius: 16px;}

	.main-cntNws .cntGuide .c-Number p{text-align: center;}
	.main-cntNws .cntGuide .c-Number ul{margin-top: 15px; border-top: 1px dashed #ddd;}
	.main-cntNws .cntGuide .c-Number ul li {float: left; width: 33.333%; border: none; text-align: center; border-left: 1px dashed #ddd;}
	.main-cntNws .cntGuide .c-Number ul li a{padding: 14px 0; background-image: none !important}
	.main-cntNws .cntGuide .c-Number ul li a strong {display: block;}
	.main-cntNws .cntGuide .c-Number p > span,
	.main-cntNws .cntGuide .c-Number p > strong{display: inline-block}

}

@media screen and (max-width: 1199px) {
	#main-wrap .main-top{padding:3%;}
	.main-cntNws {padding:4% 0 0;}
	.main-cntNws .center-box{flex-direction: column;}
	.main-cntNws .center-box .cntGuide {width: 100%;}
}

@media screen and (min-width: 1600px) {

}