
@media (max-width:1760px) {
	.w1720,
	.w1400,
	.w1320 { padding:0 20px; }

	.introduce-box .ci .box .ci-box { border:1px solid #ddd; border-width:0 1px; }
	.introduce-box .ci .box .color-list .txt br { display:none }

	.information-box .txtbox p br,
	.service-box .txtbox p br,
	.information-box .cure-box .box dd p br { display:none }
	.information-box .txtbox p span.m_br,
	.service-box .txtbox p span.m_br,
	.information-box .cure-box .box dd p span.m_br { display:block }
	.information-box .depression-box .slide-box .btn-box { top:-30px; }
	.information-box .unrest-box .img-list .box dd .txt br,
	.information-box .unrest-box .img-list .box dd .list li br { display:none }
	.information-box .unrest-box .img-list .box dd .txt span.m_br,
	.information-box .unrest-box .img-list .box dd .list li span.m_br { display:block }
}
@media (max-width:1600px) {
	.font92,
	.font70,
	.font64 { font-size:calc(var(--fontsize) * 0.86); }
	.font60 { font-size:calc(var(--fontsize) * 0.88); }
	.font50 { font-size:calc(var(--fontsize) * 0.9); }
	.quick-box { right:20px; }
	main .title { margin:0 0 40px; }
	main .button-box { display:none; }
	main .status .item1 { column-gap:40px; }
	main .recovery .text-box { padding-left:40px; }

	.information-box .box-list .blist .list li .box dt br,
	.information-box .box-list .blist .list li .box dd br { display:none }

	.service-box h3 img { height:38px; }
}
@media (max-width:1480px) {
	.sub-contents .status-popup { max-width:calc(100vw - 40px); }
	.information-box .box-list .blist .list ul { gap:15px; }
	.information-box .box-list .blist .list li { width:calc((100% - 45px) / 4); padding:20px; }
	.information-box .box-list .blist .list li .box dd { margin-top:10px; }
	
	.beum-top .logo { gap:50px; }
	.beum-top .logo img { height:90px; } 
}
@media (max-width:1400px) {
	.font92,
	.font70,
	.font64 { font-size:calc(var(--fontsize) * 0.8); }
	.font60 { font-size:calc(var(--fontsize) * 0.84); }
	.font50 { font-size:calc(var(--fontsize) * 0.86); }
	.font44,
	.font40,
	.font38,
	.font36,
	.font30 { font-size:calc(var(--fontsize) * 0.9); }
	.site-map .inner { padding:70px 40px 180px; }

	main .visual .grid-box { margin:60px 0 0; column-gap:20px; }
	main .visual .item-box::before { width:calc(100% - 60px); }
	main .visual .item a { padding:30px; }
	main .recovery .img-box { width:45%; }
	main .recovery .text-box { width:55%; }

	main .recovery-new .recovery-box::before { padding-top:46%; }
	main .recovery-new .img-box { width:38%; }
	main .recovery-new .text-box { width:62%; }
	main .recovery-new .text-box .p-box { margin:25px 0 0; }
	main .recovery-new .text-box .description { margin-top:20px; }

	main .service .item-box { grid-template-columns:calc(40% - 10px) calc(60% - 10px); row-gap:20px; column-gap:20px; }
	main .service .video-wrap { padding:20px 5px; }
	main .service .call { padding:40px 20px; }
	main .service .call span { font-size:3.8rem; }

	.sub-tabM > div .subMenu { width:260px; }
	.sub-tabM > div .contents { width:calc(100% - 260px); }

	.greetings .text-box p br { display:none }
	.introduce-box .business .box .list .txt br { display:none }
	.introduce-box .business .box .list > ul > li { padding:20px; }
	.introduce-box .business .box .list > ul > li figure { right:20px; top:20px; }

	.sub-contents .region .flex-box { column-gap:40px; }
	.sub-contents .region .map-box { max-width:400px; }

	.beum-top .logo { gap:40px; }
	.beum-top .logo img { height:75px; } 
	.beum-box .schedule-ip { gap:40px; }
	.beum-box .ip-box { width:calc(49.3% - 20px); }
	.beum-box .schedule-box { width:calc(50.7% - 20px); }


	.service-box h3 img { height:34px; }
	.service-box .box-list.b2 { gap:10px; }
	.service-box .box-list.b2 .box { width:calc((100% - 10px) / 2); }
	.service-box .box-list .box ul { padding:25px; }
	.service-box .program-list .box dl { padding:20px; }

	footer .link a { width:180px; }
}
@media (max-width:1200px) {
	html,
	body { font-size:56.25%; }
	.font92,
	.font70,
	.font64 { font-size:calc(var(--fontsize) * 0.76); }
	.font60 { font-size:calc(var(--fontsize) * 0.80); }
	.font50 { font-size:calc(var(--fontsize) * 0.82); }
	.font44,
	.font40,
	.font38 { font-size:calc(var(--fontsize) * 0.86); }
	.font36,
	.font34 { font-size:calc(var(--fontsize) * 0.88); }
	.font30 { font-size:calc(var(--fontsize) * 0.82); }
	header nav { display:none; }
	header .menu-button { margin-left:auto; }
	.site-map .inner { padding:30px 30px 80px; }
	.site-map .depth1 { flex-direction:column; text-align:left; }
	.site-map .depth1 > li { padding:20px 0 0; width:100%; }
	.site-map .depth1 > li::before { width:100%; height:1px; opacity:0; transition:0.6s 0.2s; }
	.site-map .depth1 > li > a { font-size:2.1rem; }
	.site-map .depth2 { margin:15px 0 0; padding-bottom:20px; display:flex; flex-wrap:wrap; gap:10px 30px; }
	.site-map .depth2 > li:not(:last-child) { margin:0; }
	.site-map .depth2 > li:not(:last-child) > a::after { margin:0 10px; }
	.site-map .depth3 { margin-top:5px; }
	.site-map .depth3 > li:not(:last-child) { margin-bottom:3px; }
	.site-map.on .depth1 > li::before { height:1px; opacity:1; }
	.site-map .sim { width:50%; right:0; bottom:0; }

	main .section:not(.visual) .box { padding:80px 0; }
	main .title { margin:0 0 60px; }
	main .visual .grid-box { column-gap:10px; }
	main .visual .item-box::before { width:calc(100% - 40px); }
	main .visual .item-box::after { height:calc(100% - 40px); }
	main .visual .item a { padding:20px; }
	main .recovery .swiper-pagination li:not(:last-child)::after { margin:0 10px 5px; }
	main .recovery .swiper-pagination { justify-content:center; }
	main .recovery .img-box { width:40%; }
	main .recovery .text-box { width:60%; padding-left:5%; }
	main .recovery .text-box .p-box { margin:25px 0 60px; row-gap:20px; }
	main .recovery .text-box p { column-gap:10px; }
	main .recovery .text-box p span { font-size:2rem; }
	main .recovery .text-box p img { width:20px; height:20px; }
	main .recovery .swiper-pagination { margin:0 0 40px; }

	main .recovery .title { top:80px; }
	main .recovery-new .recovery-box::before { padding-top:55%; }
	main .recovery-new .swiper-pagination li:not(:last-child) { margin-right:40px; }
	main .recovery-new .swiper-pagination li:not(:last-child)::after { right:-35px; }
	main .recovery-new .img-box { width:38%; }
	main .recovery-new .text-box { width:62%; }
	main .recovery-new .text-box .p-box { margin:20px 0 0; }
	main .recovery-new .text-box .description { margin-top:15px; }


	main .service .call h5 { font-size:2.4rem; }
	main .service .call span { font-size:3.4rem; }
	main .service .call span img { width:30px; }
	main .service .info .icon { width:90px; height:90px; padding:20px; }
	main .participation .event-box { width:calc(100% - 380px); padding-right:30px; }
	main .participation .schedule-box { width:380px; padding:25px 30px; }
	main .participation .swiper-slide .text { padding:30px; }
	main .participation .swiper-slide .text dd { min-height:50px; }
	main .participation .calendar .calendar-body { margin-top:15px; }
	main .participation .tit-box h4 { font-size:2.2rem; }
	main .participation .info h4 { font-size:2.4rem; }


	main .participation .board-wrap { width:calc(100% - 380px); padding-right:30px; gap:20px; }
	main .participation .board-wrap > div { width:calc((100% - 20px) / 2); }
	main .participation .event .box .text { padding:30px; }
	main .participation .event .box .text dd { min-height:50px; }
	main .participation .event .box,
	main .participation .youth .box { margin-top:20px; height:auto; }

	.sub-contents .sub-page { padding:100px 0; }
	.sub-contents .sub-page.bottom-x { padding:100px 0 0; }
	.sub-contents .sub-page .padding { padding:80px 0 0; }
	.sub-contents .sub-page .padding.top-x { padding:20px 0 0; }

	.sub-tabM > div .subMenu { width:250px; }
	.sub-tabM > div .contents { width:calc(100% - 250px); }

	.introduce-box .page-title { margin-bottom:70px; }
	.greetings .text-box { margin-top:30px; }
	.greetings .text-box p:not(:last-child) { margin-bottom:20px; }
	.greetings .bottom { margin-top:40px; }
	.introduce-box .business { gap:100px 0; }
	.introduce-box .business .box h4 { padding-left:32px; }
	.introduce-box .business .box h4::before { top:7px; }
	.introduce-box .business .box .list { margin-top:30px; }
	.introduce-box .business .box .list > ul { margin-top:30px; gap:10px; }
	.introduce-box .business .box .list > ul > li { width:calc((100% - 30px) / 4); }
	.introduce-box .business .box .list > ul.m2 > li { width:calc((100% - 10px) / 2); }
	.introduce-box .business .box .list > ul > li > ul { margin-top:15px; }
	.introduce-box .business .box .list > ul > li > ul > li:not(:last-child) { margin-bottom:8px; }
	.introduce-box .location .top .info p { font-size:3.2rem; }
	.introduce-box .location .top .info ul { margin-top:20px; }
	.introduce-box .location .map-box { margin-top:40px; }
	.introduce-box .location .map-box > div,
	.introduce-box .location .map-box > div > div { height:calc(400px + 2px) !important; }
	.introduce-box .location .transportation { margin-top:80px; padding:40px 30px 30px; }
	.introduce-box .location .transportation h4 { font-size:2.6rem; }
	.introduce-box .location .transportation .box { margin-top:20px; gap:10px; }
	.introduce-box .location .transportation .box > div { width:calc((100% - 10px) / 2); padding:30px 40px; }
	.introduce-box .location .transportation .box .tbox { font-size:2.3rem; }
	.introduce-box .ci .box h4 { padding-left:32px; }
	.introduce-box .ci .box h4::before { top:7px; }
	.introduce-box .ci .box .listbox { gap:120px 0; }
	.introduce-box .ci .box .listbox .s-list { width:100%; }
	.introduce-box .ci .box .listbox .s-list::before { top:unset; right:unset; left:50%; bottom:-50px; transform:translate(-50%, 0) rotate(90deg); width:100px; transform-origin:bottom center; }
	.introduce-box .ci .box .listbox .big-box { max-width:640px; width:100%; margin:0 auto; } 

	.information-box .txtbox h5 { font-size:2.2rem; margin-bottom:20px }
	.information-box .txtbox h5.t { margin-bottom:10px }
	.information-box .txtbox h5.t1 { margin-top:35px; }
	.information-box .txtbox p:not(:last-child) { margin-bottom:15px; }
	.information-box .txtbox .listbox,
	.information-box .txtbox .listbox dd { margin-top:20px; }
	.information-box .txtbox .listbox dl { padding:25px; }
	.information-box .txtbox .listbox dt { font-size:1.9rem; }
	.information-box .symptom-list { gap:10px; }
	.information-box .symptom-list .box { width:calc((100% - 20px) / 3); padding:25px; }
	.information-box .symptom-list .box dt { margin-top:30px; }
	.information-box .symptom-list .box dd { margin-top:18px; }
	.information-box .cure-box { margin-top:20px; gap:15px; }
	.information-box .cure-box > div { width:calc((100% - 15px) / 2); padding:30px; }
	.information-box .cure-box .box dt { margin-top:20px; font-size:2.2rem; }
	.information-box .cure-box .box dd { margin-top:25px; }
	.information-box .cure-box .box dd p:not(:last-child) { margin-bottom:15px; }
	.information-box .box-list .blist:not(:last-child) { margin-bottom:40px; padding-bottom:30px; }
	.information-box .box-list .blist .list ul { gap:10px; }
	.information-box .box-list .blist .list li { width:calc((100% - 30px) / 4); padding:15px; }
	.information-box .box-list .blist .list li .box dd { margin-top:10px; }
	.information-box .box-list .blist .list li .box dt { font-size:1.9rem; }
	.information-box .info-box .box dt { font-size:2.2rem; }
	.information-box .manic-box .sbox { margin-top:30px; padding:30px; }
	.information-box .manic-box .sbox .list { gap:10px; }
	.information-box .manic-box .sbox .list > div { width:calc((100% - 10px) / 2); }
	.information-box .depression-box .slide-box { padding-bottom:30px; }
	.information-box .depression-box .slide-wrap .slick-list { width:1140px !important; }
	.information-box .depression-box .slide-wrap .slick-list .slick-slide { margin-right:10px; } 
	.information-box .depression-box .slide-wrap .box { width:220px; height:215px; padding:20px; }
	.information-box .depression-box .slide-wrap .box .txt br { display:none }
	.information-box .unrest-box .img-list .box { padding:30px; }
	.information-box .unrest-box .img-list .box dl { padding-left:40px; }
	.information-box .mental-list { gap:10px; }
	.information-box .mental-list .box { width:calc((100% - 20px) / 3); padding:20px 20px 90px; }

	.sub-contents .region .map-box { display:none;}
	.sub-contents .region .list-box { width:100%; }
	
	.beum-top { margin-top:8px; }
	.beum-top .logo { gap:30px; }
	.beum-top .logo img { height:60px; } 

	.beum-top .txt { margin-top:20px; font-size:1.8rem; }

	.service-box h3 { gap:0 12px; }
	.service-box h3 img { height:32px; }
	.service-box .inquiry .tel { font-size:4.0rem; }
	.service-box .inquiry .tel img { height:30px; }
	.service-box .content-box { gap:10px; }
	.service-box .content-box .box { width:calc((100% - 10px) / 2); padding:30px; }
	.service-box .program-list { gap:10px; }
	.service-box .program-list .box { width:calc((100% - 20px) / 3) }
	.service-box .beum-box .logo { margin:30px 0 0; }
	.service-box .beum-box .logo img { height:75px; }
	.service-box .beum-box .guide-box { margin:70px 0 0; }
	.service-box .beum-box .guide-list { margin-top:70px; }
	.service-box .beum-box .guide-list .box:not(:last-child) { margin-bottom:30px; }
	.service-box .beum-box .guide-list .box .guide-box { margin-top:20px; padding:25px; }
	.service-box .beum-box .guide-list .txt_b { font-size:1.8rem; }
	.service-box .beum-box .program-list { margin-top:40px; gap:10px; }
	.service-box .beum-box .program-list .box { width:calc((100% - 30px) / 4) }
	.service-box .beum-box .program-list .box dl { padding:20px 0 20px 20px; }
	.service-box .beum-box .btnbox { margin-top:60px;}
	.service-box .beum-box .personnel-box .list:not(:last-child) { margin-bottom:40px; }
	.service-box .beum-box .personnel-box .list .ch-box { margin-top:10px; }

	.schedule-box .top { gap:0 30px; }
	.schedule-box .top a { width:38px; height:38px; }
	.schedule-box .top strong { font-size:2.6rem; }
	.schedule-box .calendar-body { margin-top:20px; }
	.schedule-box .calendar-body thead th { padding:0 15px; }
	.schedule-box .calendar-body td { height:160px; text-align:left; vertical-align:top; padding:15px; }
	.schedule-box .calendar-body td.blank { background:#f9f9f9; color:#aaa; }
	.schedule-box .calendar-body td .sch { left:15px; bottom:15px; gap:0 5px; }
	.schedule-box .infobox { margin-top:20px; }
	.schedule-box .infobox ul { gap:0 20px; }
	.schedule-box .infobox ul li { gap:0 5px; }

	.schedule-pop .body { left:20px; transform:translate(0, -50%); width:calc(100% - 40px); padding:30px; }
	.schedule-pop .body table { margin-top:20px; }
	.schedule-pop .body table tbody th { height:60px;}
	.schedule-pop .body table tbody td { padding:15px 15px; }
	.schedule-pop .body table tbody td.cont { height:140px; }
	.schedule-pop .body table tbody td.cont .contB { max-height:140px; }
	.schedule-pop .body .btnClose { right:15px; top:15px; }

	.beum-box .schedule-ip { margin-top:80px; }
	.beum-box .registerBox .btnbox { margin-top:30px; }

	.participation-box .page-title { margin-bottom:30px; }
	.participation-box .viewBox { margin-bottom:50px; }
	.participation-list { margin-top:50px; gap:15px; }
	.participation-list .box { width:calc((100% - 15px) / 2); }
	.participation-list .box a { padding:30px; }
	.participation-list .box .tit { padding-left:20px; font-size:2.0rem; }
	.participation-list .box .status { margin-top:10px; width:95px; height:35px; }
	.participation-list .box ul { margin-top:25px; }
	.participation-list .box li:not(:last-child) { margin-bottom:10px; }
	.participation-list .box li > strong { width:65px; }
	.participation-list .box li > span { width:calc(100% - 65px); padding-left:15px; }

	.service-box .grayBox { padding:30px 20px; }
	.service-box .list .checkupList ul li > div { padding:0 20px 25px; }
	.service-box .list .listBox colgroup,
	.service-box .list .listBox thead { display:none; }
	.service-box .list .listBox caption { color:#333333; font-size:1.7rem; line-height:1.2; margin:0 0 10px; }
	.service-box .list .listBox tr { display:flex; flex-wrap:wrap; gap:20px 5px; background:#ffffff; border-bottom:1px solid #e0e0e0; padding:20px; }
	.service-box .list .listBox tr.bg,
	.service-box .list .listBox tr.bg > * { background:#f9f9f9; }
	.service-box .list .listBox th,
	.service-box .list .listBox td { border-bottom:none; font-size:1.6rem; padding:0; }
	.service-box .list .listBox th:not(:last-child),
	.service-box .list .listBox td:not(:last-child) { border-right:none; }
	.service-box .list .listBox th { width:18px; background:#ffffff; }
	.service-box .list .listBox td { width:100%; }
	.service-box .list .listBox td.subject { width:calc(100% - 30px); }
	.service-box .list .listBox td.none { display:block; font-weight:500; }
	.service-box .list .listBox label span { display:flex; flex-direction:row-reverse; align-items:center; gap:0 4px; white-space:inherit; }
	.service-box .list .listBox label span br { display:none; }
	.service-box .marginTop90 { margin-top:60px; }
	.service-box .results .textBox,
	.service-box .results .dlBox { padding:20px; }
	.service-box .results .textBox { gap:0; }
	.service-box .results .bottom ul { gap:0 20px; }

	.service-box .counsel-box .top { margin-top:30px; }
	.service-box .counsel-box .top .ch-box { gap:5px 10px; }
	.service-box .counsel-box .top .ch-box label span { font-size:1.7rem; }
	.service-box .counsel-box .top .ch-box .ch input[type="checkbox"]+span:before{ top:2px; }
	.service-box .counsel-box .top .ch-box a { width:100px; height:38px; font-size:1.6rem; }
	.service-box .counsel-box .top .box { margin-top:20px; padding:20px; font-size:1.6rem; }
	.service-box .counsel-box .title-box { margin-top:50px; }

	.resultBox { margin-top:70px; }
	.resultBox .box { margin-top:20px; padding:40px 10px; }
	.resultBox .box .txt-1 { font-size:2.4rem; }
	.resultBox .box .txt-2 { margin-top:15px; }
	.resultBox .list table { margin-top:30px; }
	.resultBox .list table colgroup,
	.resultBox .list table thead,
	.resultBox .list table thead th { display:none }
	.resultBox .list table tbody tr { display:flex; flex-direction:column; }
	.resultBox .list table tbody td { display:flex; gap:5px; border:none; text-align:left;  }
	.resultBox .list table tbody td br { display:none }
	.resultBox .list table tbody td:nth-child(2n+1) { background:#f7f7f7; }
	.resultBox .list table tbody td:last-child { border-bottom:1px solid #ddd }
	.resultBox .list .mobile { display:inline-block; font-weight:600; width:100px; text-align:center; flex-shrink:0; /* 너무 좁아지지 않게 */}

	footer { padding:80px 0; }
	footer .link { flex-direction:column; row-gap:10px; column-gap:0; }
}
@media (max-width:960px) {
	.font92,
	.font70,
	.font64 { font-size:calc(var(--fontsize) * 0.7); }
	.font60 { font-size:calc(var(--fontsize) * 0.72); }
	.font50 { font-size:calc(var(--fontsize) * 0.74); }
	.font44,
	.font40,
	.font38,
	.font36 { font-size:calc(var(--fontsize) * 0.78); }
	.font34,
	.font30 { font-size:calc(var(--fontsize) * 0.84); }
	.more { width:160px; height:50px; column-gap:15px; padding:0 20px; }
	.more:hover { column-gap:20px; padding:0 20px; }

	main .visual { height:auto; }
	main .visual .box { padding:120px 0 80px; }
	main .visual .grid-box { width:100%; max-width:520px; grid-template-columns:repeat(1, 1fr); row-gap:20px; column-gap:0; }
	main .visual .item a { row-gap:20px; }

	main .recovery .text-box .p-box { row-gap:15px; margin:20px 0 40px; }
	main .recovery-new .swiper-pagination { justify-content: flex-end; top:0; right:0; }
	main .recovery-new .recovery-box::before { padding-top:60%; }

	main .service .item-box { grid-template-columns:inherit; }
	main .service .video-box,
	main .service .info { grid-area:inherit; }
	main .participation .boxCont { padding-top:30px; }
	main .participation .slide-box { margin-top:20px; padding-bottom:20px; }
	main .participation .swiper-pagination { height:3px; }
	main .participation .tit-box .btn-box img { width:22px; }
	main .participation .tit-box .btn-box::before { height:12px; }

	main .participation-new .boxCont { flex-wrap:wrap; gap:40px 0; }
	main .participation-new .board-wrap { width:100%; padding-right:0;}
	main .participation-new .schedule-box { width:465px; margin:0 auto; }

	.sub-visual { height:480px; }
	.sub-visual .flex-box { height:100%; }
	.sub-visual .text { padding-top:0; height:100%; row-gap:20px; }
	.sub-visual .path a { font-size:1.7rem; }
	.sub-visual .lnb-box { height:60px; width:100%; display:flex; flex-direction:row; row-gap:0; column-gap:0; align-items:center; justify-content:flex-start; }
	.sub-visual .lnb-box *:not(img) { width:auto; height:auto; }
	.sub-visual .lnb-box .home,
	.sub-visual .lnb-box .tit { height:100%; }
	.sub-visual .lnb-box .home { width:60px; flex-shrink:0; background:var(--color-mint); border-radius:10px 0 0 0; display:flex; flex-direction:row; row-gap:0; column-gap:0; align-items:center; justify-content:center; }
	.sub-visual .lnb-box .tit { font-size:0; position:relative; width:calc(100% - 60px); height:100%; column-gap:40px; background:var(--color-white); border-radius:0 10px 0 0; font-size:1.7rem; padding:0 20px; display:flex; flex-direction:row; row-gap:0; column-gap:40px; align-items:center; justify-content:flex-start; }
	.sub-visual .lnb-box .tit > a,
	.sub-visual .lnb-box .tit > i { color:#222; }
	.sub-visual .lnb-box .tit > i { font-size:2rem; transition:all 0.4s; position:absolute; top:50%; right:20px; transform:translateY(-50%); }
	.sub-visual .lnb-box .tit.on > i { transform:rotateX(180deg); }
	.sub-visual .lnb-box ul { min-width:100%; display:block; background:var(--color-white); border-radius:0 0 10px 10px; box-shadow:0 4px 6px rgba(0, 0, 0, 0.1); text-align:left; padding:10px 20px; position:absolute; top:100%; left:0; z-index:2; display:none; }
	.sub-visual .lnb-box ul li { backdrop-filter:inherit; }
	.sub-visual .lnb-box ul li a { display:inline-block; color:#333; font-weight:300; white-space:nowrap; padding:10px 0; }
	.sub-visual .lnb-box ul li:hover, .sub-visual .lnb-box ul li.on { background:var(--color-white); }
	.sub-visual .lnb-box ul li:hover a, .sub-visual .lnb-box ul li.on a { color:#333; }
	.sub-visual .scrolldown,
	.sub-page .subMenu { display:none; }
	.sub-page > div .contents { width:100%; }
	.introduce-box .page-title { margin-bottom:50px; }

	.sub-contents .sub-page p.txt br { display:none }

	.introduce-box .business { gap:60px; }
	.introduce-box .business .box { width:100%; }
	.introduce-box .business .box h4::before { top:5px; }
	.introduce-box .business .box .sbox { flex-wrap:wrap; }
	.introduce-box .business .box .sbox > div { width:100% }
	.introduce-box .business .box .img { margin:15px 0 0; width:100%; }
	.introduce-box .business .box .list { margin-top:10px; width:100%; }
	.introduce-box .business .box .list .txt { font-size:1.7rem; }
	.introduce-box .business .box .list > ul { margin-top:20px; }
	.introduce-box .business .box .list > ul > li { font-size:1.8rem; width:calc((100% - 10px) / 2); }
	.introduce-box .business .box .list > ul.m2 > li { width:100%; }
	.introduce-box .business .box .list > ul > li figure { top:10px; right:10px; }
	.introduce-box .business .box .list > ul > li figure img { width:60px; }
	.introduce-box .business .box .list > ul > li::before { width:4px; height:4px; top:8px; }
	.introduce-box .business .box .list > ul > li > ul > li { font-size:1.6rem; padding-left:13px; }
	.introduce-box .business .box .list > ul > li > ul > li::before { width:2px; height:2px; top:8px; }
	.introduce-box .business .box .list > ul > li > ul > li { gap:0 10px; }
	.introduce-box .business .box .list > ul > li > ul > li br { display:none }
	.introduce-box .location .top { flex-direction:column; }
	.introduce-box .location .top .info p { font-size:2.8rem; }
	.introduce-box .location .top .info ul { margin-top:15px; }
	.introduce-box .location .top .info ul li { font-size:1.8rem; } 
	.introduce-box .location .top .btn { width:100%; display:flex; gap:5px; }
	.introduce-box .location .top .btn a { width:215px; gap:5px; }
	.introduce-box .location .transportation .box > div { width:100%; padding:30px; }
	.introduce-box .ci .box h4::before { top:5px; }
	.introduce-box .ci .box .listbox,
	.introduce-box .ci .box .ci-box,
	.introduce-box .ci .box .color-list { margin-top:30px; }
	.introduce-box .ci .box .ci-box { padding:0 20px; }
	.introduce-box .ci .box .ci-box img { max-width:100%; }
	.introduce-box .ci .box .txt_b { margin-top:10px; padding:25px 10px; font-size:2.0rem; }
	.introduce-box .ci .box .color-list { gap:20px; }
	.introduce-box .ci .box .color-list > div { width:100%; }
	.introduce-box .ci .box .color-list .color { padding:25px; gap:20px; }
	.introduce-box .ci .box .color-list .color p { font-size:2.2rem; }
	.introduce-box .ci .box .color-list .color li:not(:last-child) { margin-bottom:8px; }
	.introduce-box .ci .box .color-list .color li { color:#fff; font-size:1.6rem; }
	.introduce-box .ci .box .color-list .txt { padding:25px; }

	.sub-contents .region .top { margin-bottom:50px; }
	.sub-contents .region .top p { margin-bottom:20px; }
	.sub-contents .region .flex-column { align-items:stretch; }
	.sub-contents .region .table-box { width:100%; overflow:auto; }
	.sub-contents .region .table-box table { width:920px; }

	.service-box h3 { gap:0 10px; }
	.service-box h3 img { height:28px; }
	.service-box .box-list.b2 { gap:10px; }
	.service-box .box-list.b2 .box { width:calc((100% - 10px) / 2); }
	.service-box .beum-box .logo img { height:60px; }
	.service-box .beum-box .guide-box { margin:40px 0 0 0;}
	.service-box .beum-box .guide-list { margin-top:40px; }
	.service-box .beum-box .program-list { gap:5px; }
	.service-box .beum-box .program-list .box { width:calc((100% - 5px) / 2) }
	.service-box .beum-box .program-list .box dl { padding:15px 0 15px 15px; }

	.beum-box .schedule-ip { gap:40px; margin-top:60px; }
	.beum-box .ip-box { width:100%; }
	.beum-box .schedule-box { width:100%; top:0; height:auto; position:relative; }

	.beum-box .registerBox { margin-top:30px; }
	.beum-box .registerBox table tbody th.mtit { background:rgba(221, 221, 221, 0.5) }
	.beum-box .registerBox .btnbox { margin-top:20px; justify-content:center; }
	.beum-box .info-reg table:not(:last-child) { margin-bottom:20px; }

	.schedule-box .top { gap:0 20px; }
	.schedule-box .top a { width:34px; height:34px; }
	.schedule-box .top strong { font-size:2.2rem; }

	.beum-box .schedule-box .calendar-body tbody td { height:60px; }

	.beum-box .registerBox table tbody th { padding-left:10px; height:auto; }

	.service-box .beum_apply .beum-info { margin-top:30px; }
	.service-box .beum_apply .beum-info dd { margin-top:15px; }

	.news-box .schedule-box .calendar-body thead { display:none }
	.news-box .schedule-box .calendar-body tbody td { height:auto; display:flex; flex-wrap:wrap; flex-direction:row-reverse; justify-content:flex-end; gap:0 5px; border-right:none; padding:15px 10px; }
	.news-box .schedule-box .calendar-body tbody td.off { display:none }
	.news-box .schedule-box .calendar-body tbody td .day-label { display:block }
	.news-box .schedule-box .calendar-body tbody td .scp { position:relative; left:0; bottom:0; width:100%; margin-top:10px; display:flex; flex-wrap:wrap; gap:5px 30px; flex-direction:row;}
	.news-box .schedule-box .calendar-body tbody td .scp a {}

	.tag { width:auto; height:28px;
    border-radius: 14px; padding:0 10px; }

	.service-box .tools-sel .listbox { gap:10px; }
	.service-box .tools-sel .listbox .ch { width:calc((100% - 10px) / 2); height:100px; padding-left:20px; }
	.service-box .tools-sel .listbox .ch input[type="checkbox"]+span { font-size:1.7rem; padding:0 10px 0 34px; }
	.service-box .tools-sel .listbox .ch input[type="checkbox"]+span:before{ width:26px; height:26px; }
	.service-box .results .typeForm colgroup { display:none; }
	.service-box .results .typeForm tr { display:flex; flex-direction:column; }
	.service-box .results .typeForm th,
	.service-box .results .typeForm td { width:100%; height:auto; padding:15px 20px; }
	.service-box .results .typeForm th { text-align:left; }
	.service-box .results .typeForm td > div { height:50px; }

	footer .link-box { display:none; }
	footer .link { flex-direction:row; row-gap:0; column-gap:10px; margin:40px 0 20px; }
	footer .family { margin-top:10px; }
	footer .family .f-box { width:180px; }
}
@media (max-width:768px) {
	.font92,
	.font70,
	.font64 { font-size:calc(var(--fontsize) * 0.64); }
	.font60 { font-size:calc(var(--fontsize) * 0.66); }
	.font50 { font-size:calc(var(--fontsize) * 0.68); }
	.font44,
	.font40,
	.font38 { font-size:calc(var(--fontsize) * 0.72); }
	.font36,
	.font34 { font-size:calc(var(--fontsize) * 0.76); }
	.font30 { font-size:calc(var(--fontsize) * 0.80); }

	header { height:80px; }
	header .logo svg { width:170px; height:auto; }
	header .menu-button { width:42px; height:42px; }
	.site-map { padding:0; }
	main .recovery .slide-wrap { flex-wrap:wrap; row-gap:40px;}
	main .recovery .img-box,
	main .recovery .text-box { width:100%; max-width:675px; margin:0 auto; }
	main .recovery .img-box .img { text-align:center }
	main .recovery .text { text-align:center; }
	main .recovery .text-box .p-box { display:inline-flex; }
	main .recovery .more { margin:0 auto; }

	main .recovery .title { position:relative; top:unset; }
	main .recovery-new .recovery-box { flex-direction:column; flex-wrap:wrap; }
	main .recovery-new .recovery-box::before { display:none }
	main .recovery-new .recovery-box .slide-wrap { position:relative; left:unset; top:unset; width:100%; height:100%; }
	main .recovery-new .swiper-pagination { position:relative; justify-content: center; top:unset; right:unset; margin-top:20px; }
	main .recovery-new .swiper-pagination li:not(:last-child) { margin-right:40px; }
	main .recovery-new .swiper-pagination li:not(:last-child)::after { right:-35px; }
	main .recovery-new .img-box,
	main .recovery-new .text-box { width:100%; top:0; }
	main .recovery-new .text-box .text { padding-top:0; }
	main .recovery-new .img-box { margin-top:0; }
	main .recovery-new .text-box .p-box { margin:20px 0 30px; }
	main .recovery-new .text-box .description { margin-top:15px; }
	main .recovery-new .text-box .more { position:relative; bottom:unset; left:unset; }

	main .participation .boxCont { flex-wrap:wrap; gap:40px 0; }
	main .participation .event-box { width:100%; padding:0; }
	main .participation .schedule-box { width:465px; margin:0 auto; }

	.sub-visual { overflow:inherit; }
	.sub-visual .text { row-gap:15px; }
	.sub-contents .sub-depth3 li a { font-size:1.6rem; }

	.information-box .info-box .box dd p br { display:none }
	.information-box .info-box > div { padding:30px; }
	.information-box .info-box > div .icon { right:30px; top:30px; }
	.information-box .mental-list .box dd ul.half li { width:100%; }
	
	.beum-top .logo img { height:45px; } 
	.service-box h3 img { height:26px; }
	.service-box .process-box { padding:30px 50px; gap:40px; }
	.service-box .process-box .p-box { width:calc((100% - 40px) / 2); }
	.service-box .inquiry .tel { font-size:3.4rem; }
	.service-box .inquiry .tel img { height:26px; }	
	.service-box .beum-box .logo img { max-width:55%; }
	.service-box .program-list .box { width:calc((100% - 10px) / 2) }

	.participation-list { gap:10px; }
	.participation-list .box { width:100%; }
	.participation-list .box a { padding:20px; }
	.service-box .list .listBox caption br {display:none;}
	.service-box .list .checkupList ul li > div, 
	.service-box .results .checkupList ul li > div {padding: 0 20px 20px;}
	.service-box .results .graph { height:50px; margin:40px 0 30px; }
	.service-box .results .textBox .icon { width:80px; height:80px; }
	.service-box .results .textBox .icon img { width:28px; }
	.service-box .results .bottom .tag { max-width:inherit; }
    .service-box .results .bottom ul { gap:0 10px; }
	.service-box .results .bottom ul li { height:120px; }
	.service-box .results .graph > div {font-size:1.4rem;}
	.service-box .results .detail h4 {font-size:2.4rem;}
	.service-box .results .textBox {flex-direction:column;gap:20px 0;}
	.service-box .introduce .use .itemBox { gap:10px 0; }
}
@media (max-width:640px) {
	.font92,
	.font70,
	.font64 { font-size:calc(var(--fontsize) * 0.52); }
	.font60 { font-size:calc(var(--fontsize) * 0.54); }
	.font50 { font-size:calc(var(--fontsize) * 0.6); }
	.font44,
	.font40,
	.font38 { font-size:calc(var(--fontsize) * 0.66); }
	.font36,
	.font34 { font-size:calc(var(--fontsize) * 0.68); }
	.font30 { font-size:calc(var(--fontsize) * 0.72); }
	.site-map .scrollable { max-height:calc(100vh - 100px); overflow-y:scroll; }
	.site-map .scrollable::-webkit-scrollbar { width:0; }
	.site-map .inner { padding:20px 30px 50px; }
	.quick-box .flex-column { row-gap:5px; }
	.quick-box .call,
	.quick-box .top-button { width:42px; height:42px; border-radius:18px; }
	.quick-box .inner { width:175px; column-gap:0; }
	.quick-box .inner dl { width:115px; }
	.quick-box .inner dl dt { margin-bottom:0; }
	.quick-box .inner dl dd { font-size:1.7rem; }
	.quick-box .icon { padding-right:8px; }
	.quick-box .call:hover { width:175px; }

	main .video-box .play-button { width:55px; height:55px; }
	main .visual .flex-box { margin:40px 0 0; }
	main .visual .item .icon { width:45px; margin-top:10px; }
	main .visual h2 { text-align:left; width:100% }
	main .visual h2 em { font-weight:700; display:block }
	main .visual h2 b { font-weight:200; }
	main .recovery .swiper-pagination { flex-wrap:wrap; row-gap:20px; text-align:center; }
	main .recovery .swiper-pagination li { width:50%; }
	main .recovery .swiper-pagination li:not(:last-child) { margin:0; }
	main .recovery .swiper-pagination li:not(:last-child)::after { display:none; }
	main .recovery .swiper-pagination li button { font-size:1.8rem; }
	main .recovery .swiper-pagination li button::after { top:calc(100% + 5px); }
	main .service .call { padding:20px; }
	main .service .call h5 { font-size:2.2rem; }
	main .service .call span { font-size:3rem; }
	main .service .call .logo { width:100px; }
	main .service .info { justify-content:center; column-gap:10px; }
	main .service .info .icon { width:70px; height:70px; padding:15px; }
	main .participation .schedule-box { width:100%; }
	main .participation .tit-box h4 { font-size:2.0rem; }
	main .participation .info h4 { font-size:2.2rem; }

	main .participation-new .boxCont { gap:30px 0; }
	main .participation-new .board-wrap { flex-wrap:wrap; gap:30px 0; }
	main .participation-new .board-wrap > div,
	main .participation-new .schedule-box { width:100%; }
	main .participation .event .e-box,
	main .participation .youth .y-box { margin-top:10px; height:auto; }
	main .participation .youth .y-box a { position:relative; }
	main .participation .youth .y-box figure::before { content:""; display:block; padding-bottom:100%; }
	main .participation .youth .y-box figure img { position:absolute; top:0; left:0; width:100%; height:100%; object-fit:cover; -o-object-fit:cover; }

	.sub-visual { height:360px; }
	.sub-visual .lnb-box { height:50px; margin-top:60px; }
	.sub-visual .lnb-box .home { width:50px; }
	.sub-visual .lnb-box .tit { width:calc(100% - 50px); }
	.sub-contents .sub-page { padding:70px 0; }
	.sub-contents .sub-page.bottom-x { padding:70px 0 0; }
	.sub-contents .sub-depth3 { flex-wrap:wrap; row-gap:10px; }
	.sub-contents .sub-depth3 li { width:calc(50% - 5px); max-width:inherit; height:50px; }
	.sub-contents .sub-depth3 li a { font-size:1.6rem; }
	.sub-contents .padding { padding:60px 0; }
	.sub-contents .padding.top-x { padding:0 0 60px; }

	.introduce-box .page-title { margin-bottom:30px; }
	.greetings .bottom span { padding-right:22px; }
	.greetings .bottom span::before { width:16px; height:16px; top:-10px; }
	.introduce-box .business .box .list > ul > li { width:100%; }
	.introduce-box .location .top .info p { font-size:2.3rem; }
	.introduce-box .location .transportation h4 { font-size:2.1rem; }
	.introduce-box .location .transportation .box .tbox { font-size:2.0rem; }
	.introduce-box .ci .box .listbox .s-list > div { width:100%; }
	.introduce-box .ci .box .listbox .s-list > div::before { top:-44px; left:50%; transform:translate(-50%, 0); }

	.information-box .txtbox .listbox dl { padding:20px 10px; }
	.information-box .txtbox .listbox dd { min-height:auto; }
	.information-box .symptom-list .box { width:calc((100% - 10px)/ 2); padding:20px 15px; }
	.information-box .symptom-list .box .icon { width:110px; height:110px; }
	.information-box .symptom-list .box dt { margin-top:20px; }
	.information-box .symptom-list .box dd { margin-top:15px; }
	.information-box .cure-box { margin-top:20px; gap:5px; flex-wrap:wrap; }
	.information-box .cure-box > div { width:100%; padding:20px; }
	.information-box .cure-box .box .icon img { height:45px; }
	.information-box .box-list .blist .list li { width:calc((100% - 10px) / 2); padding:20px; }
	.information-box .info-box > div { width:100%; height:200px; }
	.information-box .manic-box .sbox { margin-top:30px; padding:15px; }
	.information-box .manic-box .sbox .list { gap:5px; }
	.information-box .manic-box .sbox .list > div { width:calc((100% - 5px) / 2); padding:20px 10px; }
	.information-box .unrest-box .img-list .box:not(:last-child) { margin-bottom:10px; }
	.information-box .unrest-box .img-list .box { flex-direction:column; padding:20px; }
	.information-box .unrest-box .img-list .box .icon { width:110px; height:110px; }
	.information-box .unrest-box .img-list .box dl { width:100%; padding-left:0; margin-top:20px; }
	.information-box .unrest-box .img-list .box dt { text-align:center }
	.information-box .unrest-box .img-list .box dd,
	.information-box .unrest-box .img-list .box dd .list { margin-top:10px; }
	.information-box .mental-list .box { width:100%; }
	.information-box .mental-list .box dt { margin-top:20px; }
	.information-box .mental-list .box dd ul { margin-top:15px; }

	.beum-top .logo { gap:20px; }
	.beum-top .logo img { height:38px; } 
	.beum-top .txt { font-size:1.7rem; }
	.service-box h3 img { height:23px; }
	.service-box .box-list.b2 { gap:30px 10px; }
	.service-box .box-list.b2 .box { width:100%; }
	.service-box .process-box { padding:30px; gap:30px; }
	.service-box .process-box .p-box .circle-box::after { left:-21px; }
	.service-box .inquiry { height:240px; gap:20px; }
	.service-box .inquiry .tel { font-size:2.6rem; }
	.service-box .inquiry .tel img { height:22px; }
	.service-box .content-box .box { padding:20px; }
	.service-box .content-box .box .icon { width:110px; height:110px; }
	.service-box .content-box .box dt { margin:30px 0 15px; }
	.service-box .program-list .box dt { margin-bottom:10px; font-size:1.9rem; }
	.service-box .program-list .box dd p { font-size:1.8rem; margin-top:5px; }
	.service-box .beum-box h5 { padding-left:30px; font-size:2.3rem; }

	.service-box .beum-box .logo img { height:45px; }
	.service-box .beum-box .p-list li:not(:last-child) { margin-bottom:10px; }
	.service-box .beum-box .guide-box { margin:30px 0 0 0;}
	.service-box .beum-box .guide-list { margin-top:30px; }

	.service-box .results .graph {height:auto;flex-direction:column;gap:10px 0;}
	.service-box .results .graph > div {border-radius:10px !important;font-size:1.5rem;text-align:center;padding:15px 0;}
	.service-box .results .detail h4 {font-size:2.0rem;}
	.service-box .results .bottom ul {flex-direction:column;gap:20px 0;}
	.service-box .introduce .info .dot {position:relative;}
	.service-box .introduce .info .more {margin-left:0;}
	.service-box .introduce .use .itemBox {gap:20px 0;}
	.service-box .introduce .use .item {flex-direction:column;gap:20px 0;}
	.service-box .introduce .use .arrow {width:100%;}
	.service-box .introduce .use dl {text-align:center;}

	.schedule-box .infobox ul { gap:0 10px; }
	
	.schedule-box .top { margin-top:20px; }
	.schedule-pop .body { padding:20px; }
	.schedule-pop .body .btnClose { right:10px; top:10px; }
	
	.news-box .schedule-box .calendar-body tbody td .scp { gap:5px 25px; }

	.resultBox { margin-top:40px; }
	.resultBox .box { margin-top:10px; padding:30px 10px; }
	.resultBox .box .txt-1 { font-size:2.1rem; }
	.resultBox .box .txt-2 { margin-top:10px; }
	.resultBox .list table { margin-top:20px; }

	footer { padding:60px 0; }
	footer .logo { width:180px; }
	footer .text-box p { font-size:1.6rem; }
	footer .info dt { font-size:1.7rem; }
	footer .info div { margin:10px 0 0; }
	footer .policy-link a { font-size:1.7rem; }
	footer .link { flex-wrap:wrap; row-gap:10px; justify-content:flex-start; }
}
@media (max-width:440px) {
	html,
	body { font-size:50%; }
	.service-box h3 img { height:20px; }
}

