@charset "utf-8";

/*───────────────────────────────────────────────────────────

    서브 공통

───────────────────────────────────────────────────────────*/
	/*비주얼*/
		.sub_visual {height:570px; position: relative; background-image: url('../images/sub/sv_company.jpg');background-size:cover;background-position:center;background-repeat:no-repeat;box-sizing:border-box;display: flex;align-items: center;justify-content: center;text-align: center;}
		body:has(.sub_medical) .sub_visual { background-image: url('../images/sub/sv_medical.jpg'); }
		body:has(.sub_clinic) .sub_visual { background-image: url('../images/sub/sv_clinic.jpg'); }
		
		.sub_visual .txt_box{font-size:var(--title-20);transform:translateY(20px);}
		.sub_visual .txt_box span{font-size:110%;color:var(--point-white);font-weight:300;line-height:1.6;font-family:var(--font-type02);}
		.sub_visual .txt_box h3{font-size:300%;color:var(--point-white);font-weight:700;line-height:1.5;font-family:var(--font-type03);margin-top:14px;letter-spacing:-0.03em;}
		
		@media (max-width:1300px){
			.sub_visual{height:clamp(240px, 50vw, 570px);}
		}
		@media (max-width:860px){
			.sub_visual .txt_box span{font-size:90%;}
			.sub_visual .txt_box h3{font-size:250%;margin-top:8px;}
		}
		@media (max-width:479px){
			.sub_visual .txt_box h3{margin-top:0;font-size:200%;}
		}
	
	/** 서브 메뉴 **/
		.sub_nav {box-sizing:border-box;width:100%;background:var(--point-white);border-bottom:1px solid var(--border-color01);}
		.sub_nav .sub_menu dt{display: none;}
		.sub_nav .sub_menu dd ul{display: flex;justify-content: center;}
		.sub_nav .sub_menu dd ul li{box-sizing:border-box;font-size:var(--title-20);}
		.sub_nav .sub_menu dd ul li a{display: flex;height:70px;box-sizing:border-box;align-items: center;justify-content: center;text-align: center;font-size:95%;color:var(--black-color08);font-weight:400;position: relative;letter-spacing:-0.03em;}
		.sub_nav .sub_menu dd ul li + li a:before{width:6px;aspect-ratio:auto 1;box-sizing:border-box;border-radius:100%;content:"";background:var(--border-color01);display: inline-block;margin:0 50px;transition:all 0.3s;}
		.sub_nav .sub_menu dd ul li.on a{font-weight:600;color:var(--point-color01);}

		/* over */
			@media (pointer: fine) and (hover: hover) {
				.sub_nav .sub_menu dd ul li:hover a{font-weight:600;color:var(--point-color01);}
			}
		
		@media (max-width:1023px){
			.sub_nav .sub_menu dd ul li + li a:before{margin:0 25px;}
		}
		@media (max-width:860px){
			.sub_nav .sub_menu dd ul li a{height:60px;}
			.sub_nav .sub_menu dd ul li + li a:before{margin:0 15px;}
		}
		@media (max-width:640px){
			.sub_nav{border-bottom:none;}
			.sub_nav .sub_menu{width:100%;}
			.sub_nav .sub_menu dl dt{font-size:var(--title-20);font-weight:500;color:var(--black-color03);height:55px;line-height:1.4;background:var(--point-white);padding:0 15px;display:flex;align-items:center;cursor:pointer;border-bottom:1px solid var(--border-color01); position: relative; z-index: 7;}
			.sub_nav .sub_menu dl dt:after{content:'';width:10px;height:10px;border-bottom:1px solid var(--black-color08);border-right:1px solid var(--black-color08);position:absolute;top:50%;right:15px;transform:rotate(45deg);margin-top:-8px;}
			.sub_nav .sub_menu dl dt.on{color:var(--point-color01);}
			.sub_nav .sub_menu dl dt.on:after{transform:rotate(-135deg);margin-top:-2px;border-color:var(--point-color01);}
			.sub_nav .sub_menu dl dd{position:absolute;width:100%;top:100%;left:0;height:auto;padding:15px 15px;box-shadow:0 7.5px 20px 0 rgba(0,0,0,0.2);background:var(--point-white);display:none;z-index:5;}
			.sub_nav .sub_menu dl dd.open{display:block;}
			.sub_nav .sub_menu dd ul{display: block;}
			.sub_nav .sub_menu dd ul li + li{margin-top:10px;}
			.sub_nav .sub_menu dd ul li a{height:auto;line-height:1.7;display: block;text-align:left;color:var(--black-color03);}
			.sub_nav .sub_menu dd ul li.on a{color:var(--point-color01);font-weight:500;}
			.sub_nav .sub_menu dd ul li + li a:before{display: none;}
		}
		@media (max-width:479px){
			.sub_nav .sub_menu dl dt{height:46px;}
		}
		
	/*title*/
		.page_title{text-align: center;font-size:var(--title-20);margin-top:99px;margin-bottom:70px;}
		body:has(.sub_clinic) .page_title{margin-bottom:40px;}
		.page_title h3{font-size:250%;color:var(--black-color01);font-weight:600;line-height:1.5;letter-spacing:-0.04em;position: relative;padding-bottom: 43px;font-family:var(--font-type03);}
		.page_title h3:before{width:40px;height:3px;content:"";background:var(--point-color01);position: absolute;bottom:0;left:50%;transform:translate(-50%);}
		
		@media (max-width:1023px){
			.page_title{margin-top:clamp(50px, 11vw, 99px);margin-bottom:clamp(30px, 7vw, 70px);}
			.page_title h3{padding-bottom:clamp(10px, 2vw, 43px);}
		}
		@media (max-width:860px){
			.page_title h3{font-size:200%;}
		}
		@media (max-width:479px){
			.page_title h3{font-size:180%;}
			.page_title h3:before{width:30px;}
		}
		
/*───────────────────────────────────────────────────────────

    about

───────────────────────────────────────────────────────────*/
	.sub_about .about_img{}
	.sub_about .txt_box{text-align:left;font-size:var(--title-20);margin-top:61px;}
	.sub_about .txt_box h4{font-size:180%;color:var(--black-color01);font-weight:600;line-height:1.5;font-family:var(--font-type03);letter-spacing:-0.04em;}
	.sub_about .txt_box h4 strong{font-size:inherit;color:var(--point-color01);font-weight:700;}
	.sub_about .txt_box > strong{display: block;margin-top:40px;font-size:110%;color:var(--black-color03);font-weight:500;line-height:1.6;letter-spacing:-0.02em;}
	.sub_about .txt_box > p{margin-top:13px;font-size:100%;color:var(--black-color05);font-weight:400;line-height:1.6;}
	
	@media (max-width:640px){
		.sub_about .about_img{width:100%;aspect-ratio:auto 1.3;overflow:clip;}
		.sub_about .about_img img{width:100%;height:100%;object-fit:cover;}
		.sub_about .txt_box{margin-top:30px;}
		.sub_about .txt_box h4 br{display: none;}
		.sub_about .txt_box h4{font-size:150%;}
		.sub_about .txt_box > strong{margin-top:20px;}
		.sub_about .txt_box > p{margin-top:8px;}
	}

/*───────────────────────────────────────────────────────────

    doctor

───────────────────────────────────────────────────────────*/
	.bbs_doctor{display: flex;flex-direction: column;gap:100px;}
	.bbs_doctor > li{display: flex;flex-wrap:wrap;align-items: flex-start;gap:80px;position: relative;}
	.bbs_doctor > li > a{position: absolute;top:-150px;}
	.bbs_doctor .thumb{width:28%;max-width:320px;aspect-ratio: auto 0.81;}
		.bbs_doctor .thumb img{width:100%;height:auto;object-fit:cover;margin:0 auto;}
	.bbs_doctor .txt_box{width:calc(72% - 80px);box-sizing:border-box;}/*padding-top:18px;*/
		.bbs_doctor .txt_box .title{font-size:var(--title-20)}
		.bbs_doctor .txt_box .title > span{font-size:120%;color:var(--point-color02);font-weight:700;line-height:1.5;font-family:var(--font-type03);letter-spacing:-0.05em;}
		.bbs_doctor .txt_box .title h3{font-size:250%;color:var(--black-color01);font-weight:600;line-height:1.6;font-family:var(--font-type03);margin-top:8px;letter-spacing:-0.04em;}
		.bbs_doctor .txt_box .title h3 span{font-size:63%;color:inherit;font-weight:inherit;line-height:inherit;font-family:inherit;}
	.bbs_doctor .career_box{margin-top:49px;display: flex;flex-direction: column;gap:49px;counter-reset:careerNum;}
		.bbs_doctor .career_box > div{font-size:var(--title-20);counter-increment:careerNum;}
		.bbs_doctor .career_box > div h4{display: flex;align-items: baseline;gap:10px;font-size:140%;color:var(--black-color02);font-weight:500;line-height:1.6;padding-bottom:20px;border-bottom:1px solid var(--border-color01);box-sizing:border-box;margin-bottom:31px;}
		.bbs_doctor .career_box > div h4:before{font-size:90%;color:var(--point-color01);content:counter(careerNum, decimal-leading-zero) ".";font-weight:600;line-height:1.6;font-family:var(--font-type02);}
		.bbs_doctor .career_box .bullet_list{display: flex;flex-wrap:wrap;gap:11px 30px;}
		.bbs_doctor .career_box .bullet_list li{width:calc(50% - 15px);}
		.bbs_doctor .career_box .bullet_list > li + li{margin:0;}
		
	@media (max-width:1023px){
		.bbs_doctor > li{gap:30px;}
		.bbs_doctor .thumb{width:44%;}
		.bbs_doctor .txt_box{width:calc(56% - 30px);padding-top:0;}
		.bbs_doctor .career_box .bullet_list{gap:10px 15px;}
		.bbs_doctor .career_box .bullet_list li{width:100%;}
	}
	@media (max-width:640px){
		.bbs_doctor{gap:60px;}
		.bbs_doctor .thumb{width:100%;margin:0 auto;}
		.bbs_doctor .txt_box{width:100%;}
		.bbs_doctor .txt_box .title h3{font-size:215%;line-height:1.2;}
		.bbs_doctor .career_box{margin-top:26px;gap:30px;}
		.bbs_doctor .career_box > div h4{font-size:120%;line-height:1.4;padding-bottom:10px;margin-bottom:20px;}
	}
	@media (max-width:479px){
		.bbs_doctor{gap:40px;}
		.bbs_doctor .thumb{width:100%;}
		.bbs_doctor > li{gap:15px;}
		.bbs_doctor .txt_box .title > span{font-size:100%;}
		.bbs_doctor .txt_box .title h3{font-size:180%;}
		.bbs_doctor .career_box > div h4{font-size:110%;padding-bottom:5px;margin-bottom:15px;}
		.bbs_doctor .career_box .bullet_list{gap:5px;}
	}
	
/*───────────────────────────────────────────────────────────

    equip

───────────────────────────────────────────────────────────*/
	.sub_equip > ul{display: flex;flex-direction: column;gap:100px;}
	.sub_equip > ul > li{display: flex;flex-wrap:wrap;gap:80px;align-items: center;position: relative;}
		.sub_equip > ul > li:nth-of-type(2n){flex-direction: row-reverse;}
		.sub_equip > ul > li > a{position: absolute;top:-250px;}
	.sub_equip ul li .img {width: 49.3%;aspect-ratio: auto 1.328;}
		.sub_equip ul li .img img{width:100%;height:100%;object-fit:cover;}
	.sub_equip ul li .txt_box{width:calc(50.7% - 80px);font-size:var(--title-20);}
		.sub_equip ul li .txt_box span{display: inline-flex;box-sizing:border-box;align-items: center;justify-content: center;text-align: center;height:38px;border-radius:38px;background:var(--point-color01);padding:0 21px;font-size:var(--title-16);color:var(--point-white);font-weight:400;font-family:var(--font-type03);}
		.sub_equip ul li .txt_box h3{margin-top:20px;font-size:180%;color:var(--black-color01);font-weight:500;line-height:1.5;font-family:var(--font-type04);letter-spacing:-0.03em;}
		.sub_equip ul li .txt_box h3 strong{font-size:inherit;color:inherit;font-weight:700;}
		.sub_equip ul li .txt_box p{font-size:100%;color:var(--black-color03);font-weight:400;line-height:1.6;margin-top:28px;margin-bottom:40px;}
	.sub_equip ul li .txt_box .mac_list{display: flex;flex-direction: column;gap:24px;counter-reset:equipNum;}
		.sub_equip ul li .txt_box .mac_list li{counter-increment:equipNum;}
		.sub_equip ul li .txt_box .mac_list dl{font-size:var(--title-20);}
		.sub_equip ul li .txt_box .mac_list dl dt{display: inline-flex;gap:10px;font-size:110%;color:var(--black-color03);font-weight:500;line-height:1.3;font-family:var(--font-type02);}
		.sub_equip ul li .txt_box .mac_list dl dt:before{content:counter(equipNum);width:28px;height:28px;box-sizing:border-box;border-radius:100%;border:2px solid var(--point-color01);display: inline-flex;align-items: center;justify-content: center;text-align: center;font-size:var(--title-15);color:var(--point-color01);font-weight:600;font-family:inherit;flex-shrink:0;}
		.sub_equip ul li .txt_box .mac_list dl dd{margin-top:13px;font-size:95%;color:var(--black-color05);font-weight:400;line-height:1.6;}
		
	@media (max-width:1200px){
		.sub_equip > ul > li{gap:30px;}
		.sub_equip ul li .txt_box{width:calc(50.7% - 30px);}
	}
	@media (max-width:1023px){
		.sub_equip > ul{gap:60px;}
		.sub_equip > ul > li{align-items: flex-start;}
		.sub_equip ul li .txt_box br{display: none;}
	}
	@media (max-width:640px){
		.sub_equip > ul{gap:45px;}
		#wrap .sub_equip > ul > li{flex-direction: column;}
		.sub_equip > ul > li > a{top:-180px;}
		.sub_equip ul li .img{width:100%;}
		.sub_equip ul li .txt_box{width:100%;}
		.sub_equip ul li .txt_box span{height:34px;padding:0 14px;}
		.sub_equip ul li .txt_box h3{margin-top:10px;font-size:150%;}
		.sub_equip ul li .txt_box p{margin:10px 0 20px;}
		.sub_equip ul li .txt_box .mac_list{gap:10px;}
		.sub_equip ul li .txt_box .mac_list dl dt{gap:6px;font-size:100%;}
		.sub_equip ul li .txt_box .mac_list dl dt:before{width:24px;height:24px;}
		.sub_equip ul li .txt_box .mac_list dl dd{margin-top:6px;}
	}
	
/*───────────────────────────────────────────────────────────

    place

───────────────────────────────────────────────────────────*/
	.sub_place{display: flex;flex-wrap:wrap;gap:40px;}
	.sub_place .place_tab{width:400px;box-sizing:border-box;background:var(--point-color04) url('../images/sub/icon_logo.svg')no-repeat right 30px bottom 30px;padding:40px 40px;}
	.sub_place .place_tab ul{display: flex;flex-direction: column;counter-reset:tabNum;}
	.sub_place .place_tab ul li{counter-increment:tabNum;box-sizing:border-box;padding:16px 0;display: flex;align-items: center;gap:20px;font-size:var(--title-20);cursor:pointer;}
	.sub_place .place_tab ul li + li{border-top:1px dashed var(--border-color02);}
	.sub_place .place_tab ul li:first-child{padding-top:0;}
	.sub_place .place_tab ul li:last-child{padding-bottom:0;}
	.sub_place .place_tab ul li:before{content:counter(tabNum, decimal-leading-zero);display: inline-flex;box-sizing:border-box;align-items: center;justify-content: center;text-align: center;width:40px;aspect-ratio:auto 1;border-radius:100%;background:var(--point-white);font-size:80%;color:var(--point-color01);font-weight:600;font-family:var(--font-type02);transition:all 0.3s;}
	.sub_place .place_tab ul li span{font-size:100%;color:var(--black-color08);font-weight:400;transition:all 0.3s;}
	.sub_place .place_tab ul li.on:before{background:var(--point-color01);color:var(--point-white);}
	.sub_place .place_tab ul li.on span{color:var(--point-color01);font-weight:600;}
	
	.place_box{width:calc(100% - 440px);}
	.place_box .sub_place_cont{height:0;overflow:hidden;display: flex;flex-direction: column;gap:14px;}
	.place_box .sub_place_cont.on{height:auto;overflow:visible;}
	.place_box .place_thumb{aspect-ratio:auto 1.8;position: relative;}
	#wrap .place_box .pagination{position: absolute;bottom:20px;left:50%;transform:translate(-50%);display: flex;align-items: center;justify-content: center;gap:14px;z-index:3;}
	#wrap .place_box .pagination .swiper-pagination-bullet{width:18px;aspect-ratio:auto 1;box-sizing:border-box;position: relative;border:1px solid transparent;transition:all 0.3s;border-radius:100%;margin: 0;height: auto;background: none;opacity:1;}
	#wrap .place_box .pagination .swiper-pagination-bullet-active{border-color:var(--point-white);}
	#wrap .place_box .pagination .swiper-pagination-bullet:before{width:6px;aspect-ratio:auto 1;box-sizing:border-box;border-radius:100%;content:"";background:var(--point-white);position: absolute;top:50%;left:50%;transform:translate(-50%, -50%);}
	.place_box .place_img{width:calc(100% + 20px);}
	.place_box .place_img li{width:calc(20% - 16px);cursor:pointer;}
	.place_box .place_img li:before{width:100%;height:100%;content:"";border:4px solid var(--point-color02);box-sizing:border-box;position: absolute;top:0;left:0;opacity:0;pointer-events:none;transition:all 0.3s;}
	.place_box .place_img li.on:before{opacity:1;pointer-events:initial;}
	
	@media (max-width:1300px){
		.sub_place .place_tab{width:330px;}
		.place_box{width:calc(100% - 370px);}
	}
	@media (max-width:1023px){
		.sub_place .place_tab{padding:20px 20px;background-position:right 15px bottom 15px;background-size:auto 12vw;width:260px;}
		.sub_place .place_tab ul li{padding:12px 0;gap:10px;}
		.sub_place .place_tab ul li:before{width:34px;}
		.place_box{width:calc(100% - 300px);}
	}
	@media (max-width:860px){
		.sub_place{flex-direction: column;align-items: flex-start;}
		.sub_place .place_tab{background:none;padding:0;width:100%;overflow-x:auto;}
		.sub_place .place_tab ul{display:flex;gap:0 20px;white-space:nowrap;flex-direction: row;}
		#wrap .sub_place .place_tab ul li{padding:0 20px;height:40px;border-radius:32px;border:1px solid var(--border-color01);background:var(--point-white);}
		#wrap .sub_place .place_tab ul li.on{background:var(--point-color01);border-color:var(--point-color01);}
		#wrap .sub_place .place_tab ul li.on span{color:var(--point-white);}
		.sub_place .place_tab ul li + li{border:none;}
		.sub_place .place_tab ul li:before{display: none;}
		.place_box{width:100%;}
	}
	@media (max-width:640px){
		.place_box .place_img{width:calc(100% + 10px);}
		.place_box .place_img li{width:calc(25% - 7.25px);}
	}
	@media (max-width:479px){
		.sub_place{gap:25px;}
		.sub_place .place_tab ul{padding:0 10px;}
		#wrap .sub_place .place_tab ul li{padding:0 15px;height:36px;}
		.sub_place .place_tab ul li span{font-size:90%;}
		#wrap .place_box .pagination{bottom:10px;gap:8px;}
	}
	
/*───────────────────────────────────────────────────────────

    info

───────────────────────────────────────────────────────────*/
	.sub_content_wrap{font-size:var(--title-20);}
	.sub_content_wrap + .sub_content_wrap{margin-top:100px;}
	.sub_cont_title{font-size:180%;color:var(--black-color01);font-weight:600;line-height:1.5;font-family:var(--font-type03);letter-spacing:-0.03em;margin-bottom:41px;}
	.sub_cont_title:after{width:8px;content:"";aspect-ratio:auto 1;box-sizing:border-box;border-radius:100%;background:var(--point-color01);translate:9px 6px;display: inline-block;vertical-align: top;}
	
	.info_bnr{display: flex;flex-direction: column;gap:40px;}
	.info_bnr .bnr_box{position: relative;}
	.info_bnr .bnr_box .img{width:100%;height:500px;}
		.info_bnr .bnr_box img{width:100%;height:100%;object-fit:cover;}
	.info_bnr .bnr_box .txt{position: absolute;height:100%;display: flex;flex-direction: column;justify-content: center;font-size:var(--title-20);top:0;right:0;text-align: right;position: absolute;box-sizing:border-box;padding:0 70px;}
		.info_bnr .bnr_box:nth-child(2) .txt{text-align:left;right:auto;left:0;}
		.info_bnr .bnr_box .txt span{font-size:140%;color:var(--point-white);font-weight:400;line-height:1.3;font-family:var(--font-type02);}
		.info_bnr .bnr_box .txt strong{display: block;font-size:250%;color:var(--point-white);font-weight:600;line-height:1.3;font-family:var(--font-type03);margin-top: 30px;}
		.info_bnr .bnr_box .txt ul{margin-top:50px;display: flex;flex-direction: column;gap:10px;}
		.info_bnr .bnr_box .txt ul li{display: flex;align-items: center;gap:10px;}
		.info_bnr .bnr_box:nth-child(1) .txt ul li{flex-direction: row-reverse;}
		.info_bnr .bnr_box .txt ul li:before{width:4px;content:"";aspect-ratio:auto 1;border-radius:100%;background:var(--point-white);}
		.info_bnr .bnr_box .txt ul li a{font-size:100%;color:var(--point-white);font-weight:300;line-height:1.4;}
	
	.consult_box{display: flex;flex-wrap:wrap;gap:40px;}
	.consult_box > div{width:calc(50% - 20px);box-sizing:border-box;display: flex;flex-direction: column;align-items: center;padding:50px 0;font-size:var(--title-20);}
	.consult_box > div > span{display: inline-flex;box-sizing:border-box;align-items: center;justify-content: center;text-align: center;height:44px;padding:0 30px;font-size:100%;font-weight:700;font-family:var(--font-type03);background:var(--point-white);border-radius:44px;margin-bottom:30px;}
	.consult_box .cs_hour{background:var(--point-color04);}
		.consult_box .cs_hour > span{color:var(--point-color01);}
		.consult_box .cs_hour .hour_box{display: flex;flex-direction: column;gap:14px;}
		.consult_box .cs_hour .hour_box dl{display: flex;gap:40px;}
		.consult_box .cs_hour .hour_box dt{display: inline-flex;width:62px;justify-content: space-between;font-size:90%;color:var(--black-color03);font-weight:500;}
		.consult_box .cs_hour .hour_box dd{font-size:90%;color:var(--black-color05);font-weight:400;font-family:var(--font-type02);}
		.consult_box .cs_hour p{font-size:85%;color:var(--black-color08);font-weight:400;margin-top:20px;}
	.consult_box .cs_info{background:var(--point-color05);}
		.consult_box .cs_info > span{color:var(--point-color02);}
		.consult_box .cs_info > a{font-size:205%;color:var(--black-color03);font-weight:600;font-family:var(--font-type02);}
		.consult_box .cs_info .info_link{margin-top:50px;display: flex;align-items: center;justify-content: center;}
		.consult_box .cs_info .info_link li{display: inline-flex;align-items: center;}
		.consult_box .cs_info .info_link li + li:before{width:1px;height:10px;content:"";background:var(--border-color02);display: inline-block;margin:0 20px;}
		.consult_box .cs_info .info_link li a{display: flex;align-items: center;gap:12px;font-size:95%;color:var(--black-color06);font-weight:400;}
		.consult_box .cs_info .info_link li img{filter: brightness(0) saturate(100%) invert(29%) sepia(70%) saturate(0%) hue-rotate(332deg) brightness(98%) contrast(93%);}
		.consult_box .cs_info .info_link li span{line-height:1;}
	
	@media (max-width:1023px){
		.sub_content_wrap + .sub_content_wrap{margin-top:clamp(50px, 10vw, 100px);}
		.sub_cont_title{margin-bottom:clamp(15px, 4vw, 41px);}
		
		.info_bnr .bnr_box .img{height:49vw;}
		.info_bnr .bnr_box .txt{padding:0 30px;}
		.info_bnr .bnr_box .txt strong{font-size:200%;margin-top:10px;}
		.info_bnr .bnr_box .txt ul{margin-top:30px;}
		
		.consult_box{gap:20px;}
		.consult_box > div{width:calc(50% - 10px);}
	}
	@media (max-width:640px){
		.sub_cont_title{font-size:150%;gap:4px;}
		.sub_cont_title:after{width:5px;translate:5px 6px;}
	
		.info_bnr{gap:30px;}
		.info_bnr .bnr_box .img{height:59vw;}
		.info_bnr .bnr_box .txt{padding:0 15px;}
		.info_bnr .bnr_box .txt span{font-size:120%;}
		.info_bnr .bnr_box .txt ul{gap:6px;}
		.info_bnr .bnr_box .txt ul li{gap:6px;}
		
		.consult_box > div{width:100%;}
	}
	@media (max-width:479px){
		.info_bnr .bnr_box .img{height:80vw;min-height:280px;}
		
		.consult_box > div{padding:30px 0;}
		.consult_box > div > span{height:36px;padding:0 15px;margin-bottom:20px;}
		.consult_box .cs_hour .hour_box{gap:10px;}
			.consult_box .cs_hour .hour_box dl{gap:20px;}
			.consult_box .cs_hour .hour_box dt{width:50px;}
			.consult_box .cs_hour p{margin-top:15px;}
		.consult_box .cs_info > a{font-size:170%;}
			.consult_box .cs_info .info_link{margin-top:25px;}
			.consult_box .cs_info .info_link li + li:before{margin:0 10px;}
			.consult_box .cs_info .info_link li a{gap:6px;}
			.consult_box .cs_info .info_link li img{height:16px;}
	}
	
/*───────────────────────────────────────────────────────────

    location

───────────────────────────────────────────────────────────*/
	.sub_location .map_box .map{width:100%;height:580px;position: relative;}
	.sub_location .map_box .map iframe{width:100%;height:100%;position: absolute;top:50%;left:50%;transform:translate(-50%, -50%);}
	.sub_location .map_box .loc_info{display: flex;align-items: center;box-sizing:border-box;padding:40px 70px;background:var(--point-color01);}
	.sub_location .map_box .loc_info .info_box{box-sizing:border-box;margin-left:70px;padding-left:70px;border-left:1px solid rgba(255,255,255,0.2);display: flex;flex-direction: column;gap:18px}
		.sub_location .map_box .loc_info .info_box dl{display: flex;align-items: flex-start;gap:20px;font-size:var(--title-20);}
		.sub_location .map_box .loc_info .info_box dl dt{display: flex;align-items: center;gap:20px;font-size:90%;color:var(--point-white);font-weight:500;width:158px;flex-shrink:0;}
		.sub_location .map_box .loc_info .info_box dl dt:before{width:36px;content:"";aspect-ratio:auto 1;box-sizing:border-box;border-radius:100%;display: inline-flex;align-items: center;justify-content: center;background-color:rgba(255,255,255,0.15);background-repeat:no-repeat;background-position:center;}
		.sub_location .map_box .loc_info .info_box dl:nth-child(1) dt:before{background-image:url('../images/skin/ico_mark.svg');background-size:auto 16px;}
		.sub_location .map_box .loc_info .info_box dl:nth-child(2) dt:before{background-image:url('../images/sub/icon_tel.svg');background-size:auto 15px;}
		.sub_location .map_box .loc_info .info_box dl:nth-child(3) dt:before{background-image:url('../images/sub/icon_fax.svg');background-size:auto 20px;}
		.sub_location .map_box .loc_info .info_box dl dd{font-size:90%;color:var(--point-white);font-weight:300;font-family:var(--font-type02);margin-top:8px;}
		
	.sub_traffic{display: flex;flex-direction: column;gap:20px;}
	.sub_traffic dl{display: flex;font-size:var(--title-20);align-items:stretch;}
	.sub_traffic dl dt{display: flex;flex-direction: column;align-items: center;justify-content: center;gap:20px;background:var(--gray-bg01);font-size:110%;color:var(--black-color01);font-weight:500;line-height:1.1;width:200px;padding:40px 0;}
	.sub_traffic dl dd{background:var(--point-white);width:calc(100% - 220px);box-sizing:border-box;padding:40px 40px;display: flex;flex-direction: column;justify-content: center;}
	.sub_traffic dl dd ul{display: flex;flex-direction: column;gap:14px;}
	.sub_traffic dl dd ul li{display: flex;gap:10px;}
	.sub_traffic dl dd ul li span{display: inline-flex;box-sizing:border-box;align-items: center;justify-content: center;text-align: center;height:32px;padding:0 14px;font-size:90%;color:var(--point-white);font-weight:400;border-radius:32px;flex-shrink:0;}
	.sub_traffic dl dd ul li:nth-child(1) span{background:var(--bus-color01);}
	.sub_traffic dl dd ul li:nth-child(2) span{background:var(--bus-color02);}
	.sub_traffic dl dd ul li:nth-child(3) span{background:var(--bus-color03);}
	.sub_traffic dl dd ul li:nth-child(4) span{background:var(--bus-color04);}
	.sub_traffic dl dd ul li:nth-child(5) span{background:var(--bus-color05);}
	.sub_traffic dl dd ul li:nth-child(6) span{background:var(--bus-color06);}
	.sub_traffic dl:nth-child(2) dd ul li:nth-child(1) span{background:var(--bus-color04);}
	.sub_traffic dl dd ul li p{font-size:90%;color:var(--black-color05);font-weight:400;font-family:var(--font-type02);margin-top:5px;}
	
	@media (max-width:1023px){
		.sub_location .map_box .map{height:clamp(300px, 57vw, 580px);}
		.sub_location .map_box .loc_info{padding:30px 30px;}
		.sub_location .map_box .loc_info .info_box{margin-left:40px;padding-left:40px;}
		.sub_location .map_box .loc_info .info_box dl dt{gap:10px;width:130px;;}
	}
	@media (max-width:860px){
		.sub_location .map_box .loc_info .info_box{margin-left:20px;padding-left:20px;}
	}
	@media (max-width:640px){
		.sub_location .map_box .loc_info{flex-direction: column;align-items: flex-start;}
		.sub_location .map_box .loc_info .info_box{margin:30px 0 0 0;padding:30px 0 0 0;border:none;border-top:1px solid rgba(255,255,255,0.2);}
		
		.sub_traffic dl dt{padding:30px 0;gap:10px;width:140px;}
		.sub_traffic dl dd{padding:30px 20px;width:calc(100% - 140px);}
	}
	@media (max-width:479px){
		.sub_location .map_box .loc_info{padding:20px 15px;}
		.sub_location .map_box .loc_info .info_box{margin:20px 0 0 0;padding:20px 0 0 0;gap:12px;}
		.sub_location .map_box .loc_info .info_box dl{gap:10px;}
		.sub_location .map_box .loc_info .info_box dl dt{width:100px;}
		.sub_location .map_box .loc_info .info_box dl dt:before{width:28px;}
		.sub_location .map_box .loc_info .info_box dl:nth-child(1) dt:before{background-size:auto 12px;}
		.sub_location .map_box .loc_info .info_box dl:nth-child(2) dt:before{background-size:auto 11px;}
		.sub_location .map_box .loc_info .info_box dl:nth-child(3) dt:before{background-size:auto 13px;}
		.sub_location .map_box .loc_info .info_box dl dd{margin-top:5px;}
		
		.sub_traffic dl{flex-direction: column;}
		.sub_traffic dl dt,
		.sub_traffic dl dd{width:100%;padding:20px 15px;}
		.sub_traffic dl dt img{height:20px;}
		.sub_traffic dl dd ul li span{height:28px;padding:0 10px;}
	}
	
/*───────────────────────────────────────────────────────────

    진료체험

───────────────────────────────────────────────────────────*/
	.clnic_exp ol{display: flex;flex-wrap:wrap;gap:60px 25px;counter-reset:expNum;}
	.clnic_exp ol li{width:calc(100% / 3 - 16.7px);counter-increment:expNum;}
	.clnic_exp .img{width:100%;aspect-ratio:auto 1.667;}
	.clnic_exp .img img{width:100%;height:100%;object-fit:cover;}
	.clnic_exp dl{font-size:var(--title-20);margin-top:24px;}
	.clnic_exp dl dt{display: flex;gap:10px;align-items: center;font-size:120%;color:var(--black-color03);font-weight:500;;line-height:1.3;}
	.clnic_exp dl dt:before{content:counter(expNum);display: inline-flex;align-items: center;justify-content: center;width:30px;aspect-ratio:auto 1;box-sizing:border-box;border-radius:100%;border:2px solid var(--point-color01);text-align: center;font-size:70%;color:var(--point-color01);font-weight:600;font-family:var(--font-type02);line-height:1.3;}
	.clnic_exp dl dd{margin-top:12px;font-size:90%;color:var(--black-color05);font-weight:400;line-height:1.6;}
	
	@media (max-width:1023px){
		.clnic_exp ol{gap:30px 15px;}
		.clnic_exp ol li{width:calc(100% / 3 - 10px);}
	}
	@media (max-width:640px){
		.clnic_exp ol li{width:calc(100% / 2 - 7.5px);}
		.clnic_exp dl{margin-top:15px;}
		.clnic_exp dl dt:before{width:24px;}
		.clnic_exp dl dd{margin-top:8px;}
	}
	@media (max-width:479px){
		.clnic_exp dl dt{font-size:100%;gap:6px;}
		.clnic_exp dl dd{margin-top:5px;line-height:1.4;}
	}
	
/*───────────────────────────────────────────────────────────

    진료예약

───────────────────────────────────────────────────────────*/
	.page_title span{display: block;font-size:var(--title-20);color:var(--black-color03);font-weight:400;font-family:var(--font-type02);margin-top:32px;letter-spacing:-0.03em;}
	.sub_medical .reservation_box{box-sizing:border-box;border:1px solid var(--border-color01);text-align: center;padding:70px 30px;font-size:var(--title-20);}
	.sub_medical .reservation_box .icon{width: 120px;aspect-ratio:auto 1;box-sizing:border-box;border-radius:100%;position: relative;border:1px dashed var(--point-color02);margin:0 auto;display: flex;align-items: center;justify-content: center;}
	.sub_medical .reservation_box .icon:before{width:calc(100% - 20px);height:calc(100% - 20px);content:"";box-sizing:border-box;border-radius:100%;background:var(--point-white);filter: drop-shadow(0 0 11.25px rgba(153, 134, 117, 0.15));position: absolute;top:10px;left:10px;}
	.sub_medical .reservation_box .icon img{position: relative;z-index:3;}
	.sub_medical .reservation_box h3{font-size:140%;color:var(--black-color01);font-weight:600;font-family:var(--font-type03);margin-top:40px;line-height:1.5;letter-spacing:-0.05em;}
	.sub_medical .reservation_box p{font-size:100%;color:var(--black-color05);font-weight:400;line-height:1.6;margin:20px 0 60px;}
	
	@media (max-width:640px){
		.sub_medical .reservation_box{padding:40px 20px;}
		.sub_medical .reservation_box .icon{width:90px;}
		.sub_medical .reservation_box .icon img{max-width:35%;}
		.sub_medical .reservation_box h3{margin-top:20px;font-size:120%;}
		.sub_medical .reservation_box p{margin:10px 0 40px;}
	}
	
/*───────────────────────────────────────────────────────────

    진료비안내

───────────────────────────────────────────────────────────*/
	body:has(.expense_box) .page_title{margin-bottom: 40px;}
	.expense_box .more_btn{text-align: center;}
	.expense_box .table_box{margin-top:70px;}
	.cont_table_box > span{font-size:var(--title-16);color:var(--black-color06);display: none;	}
	.sub_cont_table{border-collapse:collapse;}
	.sub_cont_table thead tr th{box-sizing:border-box;text-align: center;background:var(--point-color01);vertical-align: middle;font-size:var(--title-20);color:var(--point-white);font-weight:400;line-height:1.5;font-family:var(--font-type02);padding:20px 0;}
	.sub_cont_table thead tr th + th{border-left:1px solid rgba(255,255,255,0.4);}
	.sub_cont_table tbody tr th, .sub_cont_table tbody tr td{box-sizing:border-box;border:1px solid var(--border-color01);vertical-align: middle;text-align:left;font-family:var(--font-type02);}
	.sub_cont_table tbody tr th{text-align: center;background:var(--point-color04);font-size:var(--title-20);color:var(--black-color01);font-weight:500;line-height:1.5;}
	.sub_cont_table tbody tr th span{display: block;font-size:var(--title-17);color:var(--black-color06);font-weight:400;line-height:1.5;}
	.sub_cont_table tbody tr td{padding:18px 30px;font-size:var(--title-18);color:var(--black-color03);font-weight:400;line-height:1.6;}
	.sub_cont_table tbody tr td.cost{font-size:var(--title-17);color:var(--black-color06);text-align: center;}
	
	@media (max-width:1023px){
		.page_title span{margin-top:15px;}
		.sub_cont_table tbody tr th{padding:15px 10px;}
		.sub_cont_table tbody tr td{padding:18px 15px;}
	}
	@media (max-width:640px){
		.page_title span{font-size:var(--title-16);}
		
		.expense_box .table_box{margin-top:40px;overflow-x:auto;}
		.cont_table_box > span{display: block;margin-bottom:10px;}
		.expense_box .table_box table{width:130vw;}
	}
	@media (max-width:479px){
		.expense_box .table_box table{width:600px;}
		.sub_cont_table thead tr th{padding:14px 0;}
	}
	
/*───────────────────────────────────────────────────────────

    의무기록신청

───────────────────────────────────────────────────────────*/
	.request_box{font-size:var(--title-20);display: flex;flex-direction: column;gap:80px;}
	.request_box h5{display: flex;align-items: center;gap:10px;font-size:140%;color:var(--black-color02);font-weight:500;line-height:1.6;font-family:var(--font-type02);margin-bottom:20px;}
	.request_box h5 span{font-size:85%;color:var(--point-color01);font-weight:600;}
	.request_box > li > strong{font-size:110%;color:var(--black-color03);font-weight:500;line-height:1.6;}
	.request_box  > li > p{font-size:95%;color:var(--black-color05);font-weight:400;line-height:1.6;}
	.request_box > li > strong + p{margin-top:14px;}
	.request_box  > li > p + p{margin-top:14px;}
	.request_box > li .doc_box{margin-top:30px;}
	.doc_box{display: flex;flex-wrap:wrap;gap:40px;}
	.doc_box.column{gap:30px;}
	.doc_box.line3{gap:24px;}
	.doc_box dl{box-sizing:border-box;background:var(--gray-bg02);width:calc(50% - 20px);padding:32px 34px 34px;}
	.doc_box.line3 dl{width:calc(100% / 3 - 16px);}
	.doc_box.column dl{width:100%;}
	.doc_box dl dt{font-size:120%;color:var(--black-color03);font-weight:500;display: flex;align-items:flex-start;gap:14px;}
	.doc_box dl dt:before{width:18px;height:14px;content:"";background:url('../images/sub/icon_sub_chk.svg')no-repeat center;background-size:auto 100%;translate:0 9px;}
	.doc_box dl dd{box-sizing:border-box;margin-top:22px;padding-top:24px;border-top:1px solid var(--border-color04);}
	.doc_box dl dd p{font-size:90%;color:var(--black-color06);font-weight:400;line-height:1.6;}
	.doc_box .bullet_list li{font-size:90%;color:var(--black-color06);}
	.doc_box .bullet_list li + li{margin-top:10px;}
	
	@media (max-width:1023px){
		.request_box{gap:clamp(40px, 7vw, 80px);}
		.request_box h5{margin-bottom:10px;}
		.doc_box{gap:20px;}
		.doc_box dl{width:calc(50% - 10px);padding-block:clamp(20px, 3.4vw, 32px);padding-inline:clamp(15px, 3.4vw, 34px);}
	}
	@media (max-width:860px){
		.doc_box dl dt:before{translate:0 6px;}
	}
	@media (max-width:640px){
		.request_box h5{font-size:120%;gap:6px;}
		.request_box > li > strong + p{margin-top:6px;}
		.request_box > li .doc_box{margin-top:20px;}
		
		.doc_box dl{width:100%;}		
		.doc_box.line3{gap:20px;}
		.doc_box.line3 dl{width:100%;}
		.doc_box dl dt{font-size:100%;gap:8px;}
		.doc_box dl dt:before{width:13px;height:10px;}
		.doc_box dl dd{margin-top:15px;padding-top:15px;}
		
		
	}
	
/*───────────────────────────────────────────────────────────

    클리닉

───────────────────────────────────────────────────────────*/
	.clinic_tab{display: flex;align-items: center;justify-content: center;gap:20px;}
	.clinic_tab a{display: inline-flex;align-items: center;justify-content: center;box-sizing:border-box;width:180px;height:54px;border-radius:54px;background:var(--gray-bg01);font-size:var(--title-20);color:var(--black-color02);font-weight:500;transition:all 0.3s;}
	.clinic_tab a.on{background:var(--black-color03);color:var(--point-white);}
	
	.clinic_visual{display: flex;box-sizing:border-box;padding:48px 50px;border:2px solid var(--point-color01);gap:60px;margin-top:70px;align-items: center;}
	.clinic_visual .img{width:47.8%;flex-shrink:0;aspect-ratio:auto 1.475;}
	.clinic_visual .img img{width:100%;height:100%;object-fit:cover;}
	.clinic_visual .txt{font-size:var(--title-20);}
	.clinic_visual .txt h4{font-size:200%;color:var(--point-color01);font-weight:700;line-height:1.5;font-family:var(--font-type03);letter-spacing:-0.03em;}
	.clinic_visual .txt > strong{display: block;font-size:110%;color:var(--black-color03);font-weight:500;line-height:1.6;margin-top:24px;letter-spacing:-0.02em;}
	.clinic_visual .txt > p{font-size:100%;color:var(--black-color05);font-weight:400;line-height:1.6;margin-top:14px;}
	.clinic_visual .txt ul{display: flex;flex-direction: column;gap:10px;margin-top:24px;}
	.clinic_visual .txt ul li{display: flex;gap:10px;align-items: center;font-size:var(--title-20);color:var(--black-color03);font-weight:400;line-height:1.4;}
	.clinic_visual .txt ul li:before{width:15px;height:12px;content:"";background:url('../images/sub/icon_sub_chk.svg')no-repeat center;background-size:auto 100%;}
	
	.clinic_contents .flex_box{box-sizing:border-box;display: flex;padding:100px 0 97px;font-size:var(--title-20);gap:90px;}
	.clinic_contents .flex_box:last-child{padding-bottom:0;}
	.clinic_contents .flex_box + .flex_box{border-top:1px solid var(--border-color01);}
	.clinic_contents .flex_box .sub_cont_title{width:350px;flex-shrink:0;margin-bottom:0;}
	.clinic_contents .flex_cont{margin-top:11px;display: flex;flex-direction: column;gap:30px;width:100%;}
	
	.clinic_contents .clinic_txt{}
	.clinic_contents .clinic_txt strong{font-size:110%;color:var(--black-color03);font-weight:500;line-height:1.6;}
	.clinic_contents .clinic_txt p{font-size:95%;color:var(--black-color05);font-weight:400;line-height:1.6;}
	.clinic_contents .clinic_txt strong + p{margin-top:14px;}
	
	.clinic_list{counter-reset:clinicNum;display: flex;flex-direction: column;gap:24px;}
	.clinic_list li{counter-increment:clinicNum;}
	.clinic_list li strong{display: inline-flex;gap:10px;font-size:110%;color:var(--black-color03);font-weight:500;line-height:1.3;align-items: center;}
	.clinic_list li strong:before{content:counter(clinicNum);display: inline-flex;box-sizing:border-box;border-radius:100%;width:28px;aspect-ratio:auto 1;border:2px solid var(--point-color01);font-size:var(--title-15);color:var(--point-color01);font-weight:600;align-items: center;justify-content: center;}
	.clinic_list li p{font-size:95%;color:var(--black-color05);font-weight:400;line-height:1.6;margin-top:13px;}
	
	.clinic_contents .check_img{display: flex;flex-wrap:wrap;gap:30px;margin-top:10px;}
	.clinic_contents .check_img > div{width:calc(50% - 15px);}
	.clinic_contents .check_img .img{width:100%;aspct-ratio:auto 1.66;}
	.clinic_contents .check_img .img img{width:100%;height:100%;object-fit:cover;}
	.clinic_contents .check_img p{display: flex;align-items: center;justify-content: center;width:100%;box-sizing:border-box;text-align: center;background:var(--point-color02);font-size:110%;color:var(--point-white);font-weight:400;line-height:1.3;padding:21px 0;}
	
	.clinic_contents .treat_process{display: flex;flex-wrap:wrap;gap:24px;counter-reset:treat_processNm;}
	.clinic_contents .treat_process li{width:calc(25% - 18px);counter-increment:treat_processNm;}
	.clinic_contents .treat_process .img{width:100%;aspect-ratio:auto 1;}
	.clinic_contents .treat_process .img img{width:100%;height:100%;object-fit:cover;}
	.clinic_contents .treat_process .txt{text-align: center;margin-top:24px;}
	.clinic_contents .treat_process .txt dt{display: flex;justify-content: center;gap:10px;align-items: center;font-size:110%;color:var(--black-color03);font-weight:500;line-height:1.3;font-family:var(--font-type02);}
	.clinic_contents .treat_process .txt dt:before{content:counter(treat_processNm);display: inline-flex;box-sizing:border-box;border-radius:100%;width:28px;aspect-ratio:auto 1;border:2px solid var(--point-color01);font-size:var(--title-15);color:var(--point-color01);font-weight:600;align-items: center;justify-content: center;}
	.clinic_contents .treat_process .txt dd{font-size:95%;color:var(--black-color05);font-weight:400;line-height:1.6;margin-top:13px;}
	
	/* over */
	@media (pointer: fine) and (hover: hover) {
		.clinic_tab a:hover{background:var(--black-color03);color:var(--point-white);}	
	}
	
	@media (max-width:1200px){
		.clinic_contents .flex_box{gap:50px;}
		.clinic_contents .flex_box .sub_cont_title{width:30%;}
		.clinic_contents .flex_cont{width:calc(70% - 50px);}
	}
	@media (max-width:1023px){
		.clinic_tab{gap:10px 20px;flex-wrap:wrap;}
		.clinic_tab a{width:auto;padding:0 20px;}
		
		.clinic_visual{padding-block:clamp(20px, 3.4vw, 30px);padding-inline:clamp(20px, 3.4vw, 30px);gap:30px;margin-top:40px;align-items: flex-start;}
		
		.clinic_contents .flex_box{padding-block:clamp(40px, 10vw, 100px);}
		
		.clinic_contents .check_img{margin-top:0;}
		
		.clinic_contents .treat_process li{width:calc(50% - 12px);}
	}
	@media (max-width:860px){
		.clinic_contents .flex_box{flex-direction: column;gap:15px;}
		.clinic_contents .flex_box .sub_cont_title{width:100%;}
		.clinic_contents .flex_cont{width:100%;margin-top:0;}
		
		.clinic_contents .treat_process li{width:calc(25% - 18px);}
	}
	@media (max-width:640px){
		.clinic_tab{gap:10px 15px;}
		.clinic_tab a{height:44px;padding:0 15px;}
		
		.clinic_visual{flex-direction: column;}
		.clinic_visual .img{width:100%;}
		.clinic_visual .txt h4{font-size:150%;}
		.clinic_visual .txt > strong{font-size:100%;margin-top:10px;}
		.clinic_visual .txt > p{font-size:90%;margin-top:10px;}
		
		.clinic_list{gap:15px;}
		.clinic_list li strong{gap:6px;}
		.clinic_list li strong:before{width:24px;}
		.clinic_list li p{margin-top:8px;}
		
		.clinic_contents .check_img > div{width:100%;}
		.clinic_contents .check_img p{padding:15px 0;}
		
		.clinic_contents .treat_process{gap:30px 15px;}
		.clinic_contents .treat_process li{width:calc(50% - 7.5px);}
		.clinic_contents .treat_process .txt{margin-top:10px;}
		.clinic_contents .treat_process .txt dt{gap:6px;}
		.clinic_contents .treat_process .txt dt:before{width:24px;}
		.clinic_contents .treat_process .txt dd{margin-top:8px;}
	}

/*───────────────────────────────────────────────────────────

    갑상선

───────────────────────────────────────────────────────────*/
	.clinic_contents .check_img.thyroid_ultra > div{width:100%;}
	
	.thyroid_img{display: flex;flex-wrap:wrap;gap:30px;}
	.thyroid_img > div{width:calc(50% - 15px);}
	
	.clinic_contents .thyroid_treat li{width:calc(100% / 3 - 16px);}
	
	@media (max-width:1023px){
		.thyroid_img{gap:20px;}
		.thyroid_img > div{width:calc(50% - 10px);}
		
		.thyroid_table thead tr th{padding:15px 5px;}
		.thyroid_table tbody tr td{padding:12px 10px;}
		.thyroid_table .bullet_list > li{gap:6px;font-size:80%;}
		.thyroid_table .bullet_list > li + li{margin-top:4px;}
	}
	@media (max-width:640px){
		.clinic_contents .thyroid_treat li{width:calc(100% / 3 - 10px);}
	}
	@media (max-width:479px){
		.thyroid_img{flex-direction: column;}
		.thyroid_img > div{width:100%;}
		
		.clinic_contents .thyroid_treat li{width:100%;}
	}
	
/*───────────────────────────────────────────────────────────

    일반 게시판 | 리스트

───────────────────────────────────────────────────────────*/

	.board_title{text-align: center;font-size:var(--title-20);}
	.board_title strong{font-size:250%;color:var(--black-color00);font-weight:600;}
	
	#wrap :where(select, input:where([type="text"], [type="password"], [type="number"], [type="date"])) { height: 56px; color: var(--black-color02); font-size: var(--title-17); font-weight: 400; outline: none; box-sizing: border-box; text-overflow: ellipsis; overflow: hidden; white-space: nowrap; padding-inline: 20px 23px; letter-spacing: -0.03em; margin: 0; border: 0; border: 1px solid var(--border-color01); border-radius: var(--radius-04); transition: all 0.4s; }
	#wrap input:where([type="text"], [type="password"], [type="number"], [type="date"])::placeholder { color: var(--black-color05); font-weight: 400;  }

	#wrap .board_search { line-height: 1.3; margin: 0; text-align: right; font-size: 0; width: 100%; box-sizing: border-box; padding: 0; background: var(--trans-color); }
	#wrap .board_search .bbs_search { float: unset; }
	#wrap .board_search_wrap { display: flex; justify-content: flex-end; flex-wrap: wrap; gap: 10px; margin-bottom:30px;}
	#wrap .board_search .board_search_sel { display: inline-flex; gap: 10px; width: auto; margin-bottom: 0; }
	#wrap .board_search select { width: 160px; padding-inline: 23px 40px; border-radius: var(--radius-06); margin: 0; background: var(--point-white) url('../images/sub/sel_arw.svg') no-repeat center right 20px; appearance: none; cursor: pointer; background-size:14px 8px;  }
	#wrap .board_search .inp_custom { position: relative; width: calc(100% - 190px); max-width: 460px; }
	#wrap .board_search .inp_custom input[type="text"] { width: 100%;  box-sizing: border-box; margin: 0; border-radius: var(--radius-06); padding-inline: 23px 65px ; }
	#wrap .board_search .btn_search { position: absolute; right: 0; top: 0; width: 60px; height: 60px; appearance: none; border: none; font-size: 0; background: url('../images/sub/icon_search.svg') no-repeat 16px center; background-size: 24px 24px; }

	#wrap .bbs_list { font-size: var(--title-20); border-top: 1px solid var(--black-color03); border-bottom: 0; }
	#wrap .bbs_list th {display: none; color: var(--black-color05); font-size: 90%; font-weight:400; padding-block: 26px; box-sizing: border-box; border-bottom: 1px solid var(--border-color01); letter-spacing: -0.04em; }
	#wrap .bbs_list td { padding-inline: 12px; font-size: var(--title-18); line-height: 1.3; font-weight: 400; color: var(--black-color05); text-align: center; vertical-align: middle; padding-block: 27px; letter-spacing: -0.04em; box-sizing: border-box;border:none;border-bottom: 1px solid var(--border-color01); }
	#wrap .bbs_list td.left { text-align: left; padding-left: 0; color: var(--black-color03); overflow: hidden; white-space: nowrap; text-overflow: ellipsis; }
	#wrap .bbs_list td.left a { display: flex; align-items: center; gap: 11px; }
	#wrap .bbs_list td.left a span { display: inline-block; max-width: calc(100% - 30px); text-overflow: ellipsis; white-space: nowrap; overflow: hidden; }
	#wrap .bbs_list td.date{color:var(--black-color07);}

	#wrap .bbs_list tr.board_notice td { background: var(--point-white); }
	#wrap .bbs_list tr.board_notice .notice{display: inline-flex;box-sizing:border-box;align-items: center;justify-content: center;text-align: center;font-size:var(--title-15);color:var(--point-color01);font-weight:500;border:1px solid var(--point-color01);padding:3px 14px;border-radius:40px;background: var(--point-white); }

	#wrap .view_btn{min-height:initial;}
	#wrap .paging { display: flex; gap: 5px; justify-content: center; align-items: center; margin: 0; margin-top: 60px; min-height: unset; padding-top: 0; line-height: 1.3; }
	#wrap .paging a { display: inline-flex; align-items: center; justify-content: center; font-size: var(--title-18); font-weight: 400; color: var(--black-color06); padding: 0; border: 0; box-sizing: border-box; min-width: 40px; min-height: 40px; width: auto; height: auto; line-height: 1; text-align: center; vertical-align: top; font-family: var(--font-type04); margin: 0; padding-right: 1px; padding-top: 1px; }
	#wrap .paging :is(.on a, a.on) { border-radius: 100%; background: var(--point-color01); color: var(--point-white); font-weight: 600; }
	#wrap .paging .arrow a {font-size:0; min-width:36px; background:no-repeat center; }
	#wrap .paging .arrow a img { display: none; }
	#wrap .paging .arrow.first a {background-image:url("../images/sub/ico_pagi_first.svg");}
	#wrap .paging .arrow.prev a {background-image:url("../images/sub/ico_pagi_prev.svg"); margin-right:0;}
	#wrap .paging .arrow.next a {background-image:url("../images/sub/ico_pagi_next.svg"); margin-left:0;}
	#wrap .paging .arrow.last a {background-image:url("../images/sub/ico_pagi_last.svg");}
	
	/* over */
	@media (hover:hover) and (pointer:fine) {
		#wrap .bbs_list tbody tr:hover td{background:var(--point-color04);}
	}

	@media (max-width: 1023px){
		#wrap .bbs_list colgroup col:nth-child(1) { width: 140px; }
		#wrap .bbs_list colgroup col:nth-child(3) { width: 120px; }

		#wrap .board_search_wrap { margin-bottom: clamp(30px, 4vw, 40px);}

		#wrap .board_search select { width: clamp(120px, 18vw, 180px); background-position: center right clamp(15px, 2.2vw, 22px); padding-inline: clamp(15px, 2.3vw, 23px) clamp(30px, 4vw, 40px); }
		#wrap :where(select, input:where([type="text"], [type="password"], [type="number"], [type="date"])) { padding-inline: clamp(15px, 2vw, 20px) clamp(15px, 2vw, 23px); height: clamp(45px, 7vw, 60px); }
		#wrap .board_search .inp_custom { max-width: clamp(300px, 44vw, 440px); width: calc(100% - (clamp(120px, 18vw, 180px) + 10px)); }
		#wrap .board_search .inp_custom input[type="text"] { padding-inline: clamp(15px, 2.3vw, 23px) clamp(35px, 6.5vw, 65px); }
		#wrap .board_search .btn_search { width: clamp(45px, 6vw, 60px); height: clamp(45px, 6vw, 60px); background-size: clamp(16px, 2.4vw, 24px) clamp(16px, 2.4vw, 24px); }

		#wrap .bbs_list th { padding-block: clamp(15px, 2vw, 26px); }
		#wrap .bbs_list td { padding-block: clamp(15px, 2vw, 25px); }
		#wrap .bbs_list td.left a .board_ico img { width: clamp(13px, 1.6vw, 16px); }

		#wrap .paging { margin-top: clamp(40px, 6vw, 60px); }
		#wrap .paging a { min-width: clamp(30px, 4vw, 40px); min-height: clamp(30px, 4vw, 40px); }
		#wrap .paging .arrow a { min-width: clamp(30px, 4vw, 36px); }
	}

	@media (max-width: 860px){
		.board_title strong{font-size:200%;}
		
		#wrap .bbs_list colgroup col:nth-child(1) { width: 80px; }
		#wrap .bbs_list colgroup col:nth-child(3) { width: 120px; }
		#wrap .bbs_list tr.board_notice .notice{padding:3px 8px;}
	}

	@media (max-width: 640px){
		.board_title strong{font-size:180%;}
		
		#wrap .bbs_list colgroup col:nth-child(3) { width: 100px; }
		#wrap .bbs_list:not(:has(.no_data)) :where(colgroup col:nth-child(4), table.bbs_list th:nth-child(4), table.bbs_list td:nth-child(4)) { display: none; }

	}

	@media (max-width: 479px){
		#wrap .bbs_list:not(:has(.no_data)) :where(colgroup col:nth-child(3), table.bbs_list th:nth-child(3), table.bbs_list td:nth-child(3)) { display: none; }
	}

	@media (max-width: 360px){
		#wrap .board_search_wrap { flex-direction: column; }
		#wrap .board_search select { width: 100%; }
		#wrap .board_search .inp_custom { width: 100%; max-width: 100%; }
		#wrap .bbs_list colgroup col:nth-child(1) { width: 70px; }
		
		#wrap .bbs_list td{padding-inline:5px;}
	}

/*───────────────────────────────────────────────────────────

    일반 게시판 | 뷰

───────────────────────────────────────────────────────────*/
	.bbs_view .view_title{box-sizing:border-box;border-bottom:1px solid var(--black-color00);font-size:var(--title-20);padding-bottom:30px;}
	.bbs_view .view_title span{font-size:85%;color:var(--black-color07);font-weight:400;letter-spacing:-0.03em;}
	.bbs_view .view_title h3{font-size:140%;color:var(--black-color00);font-weight:400;margin-top:18px;letter-spacing:-0.04em;}
	#wrap .bbs_view div.view_cont{border-bottom:1px solid var(--border-color01);text-align: center;}
	
	#wrap .sub_board .bbs_view .extra_editor_wrap { display: table; table-layout: fixed; border-collapse: collapse; width: 100%; border: 0; border-radius: 4px; box-sizing: border-box; border-bottom: 1px solid var(--border-color01);margin:0;}
	#wrap .sub_board .bbs_view .extra_editor_wrap h4, #wrap .sub_board .bbs_view .extra_editor_wrap .extra_cont { padding-block: 24px 20px; display: table-cell; box-sizing: border-box; vertical-align: middle; text-align: left; border: 0; }
	#wrap .sub_board .bbs_view .extra_editor_wrap h4 { width: 180px; background: none; color: var(--black-color03); font-size: var(--title-18); font-weight: 500; position: relative; z-index: 1; letter-spacing: -0.03em; background: var(--gray-bg01); box-sizing: border-box; padding-inline: 29px; }
	#wrap .sub_board .bbs_view .extra_editor_wrap .extra_cont { width: calc(100% - 180px); padding-inline: 30px; }
	#wrap .sub_board .bbs_view .extra_editor_wrap .extra_cont span { font-size: var(--title-17); font-weight: 400; color: var(--black-color07) !important; vertical-align: middle; display: block; letter-spacing: -0.03em; font-family: var(--font-type03);  }
	#wrap .sub_board .bbs_view .extra_editor_wrap .extra_cont span a { font-size: inherit; color: inherit !important; font-weight: inherit; }
	#wrap .sub_board .bbs_view .extra_editor_wrap .extra_cont span + span { margin-top: 12px; }
	
	#wrap .btn_wrap{margin-top:50px;text-align: center;}
	#wrap .btn{display: inline-flex;box-sizing:border-box;width:160px;height:60px;align-items: center;justify-content: center;text-align: center;border-radius:var(--radius-06);border:1px solid;font-size:var(--title-20);color:var(--point-white);font-weight:500;}
	#wrap .btn_point{background:var(--point-color01);border-color:var(--point-color01);}
	
	@media (max-width: 1023px) {
		#wrap .bbs_view .view_cont { padding-block: clamp(20px, 3vw, 33px) clamp(20px, 3vw, 30px); padding-inline: clamp(15px, 2vw, 20px); }

		#wrap .bbs_view .view_cont .thumb_img_wrap { margin-top: clamp(20px, 3vw, 29px); }

		#wrap .sub_board .bbs_view .extra_editor_wrap h4, #wrap .sub_board .bbs_view .extra_editor_wrap div.extra_cont { padding-block: clamp(15px, 2vw, 24px) clamp(15px, 2vw, 20px); }
		#wrap .sub_board .bbs_view .extra_editor_wrap h4 { width: clamp(100px, 18vw, 180px); padding-inline: clamp(10px, 3vw, 29px); }
		#wrap .sub_board .bbs_view .extra_editor_wrap .extra_cont { width: calc(100% - clamp(100px, 18vw, 180px)); padding-inline: clamp(10px, 3vw, 30px); }
		#wrap .btn_wrap { margin-top: clamp(30px, 6vw, 50px); }
	}

	@media (max-width: 640px) {
		.bbs_view .view_title{padding-bottom:15px;}
		.bbs_view .view_title h3{margin-top:8px;}
		#wrap .bbs_view .view_cont { min-height: 200px; }
		#wrap .btn{width:130px;height:50px;}
	}



/* 게시글 에디터 내부 작성 테이블 가로 스크롤 css 추가 */
	.editor_content.editor_table_wrap {overflow-x: auto;width:100%;max-width:1400px;margin:0 auto;}
	.editor_content.editor_table_wrap > table {width: 100% !important;max-width:1400px;min-width:680px;border-collapse: collapse;margin:0 auto !important}
	.editor_content.editor_table_wrap > table th, .editor_content.editor_table_wrap > table td {word-break: keep-all;padding:8px;}