@charset "utf-8";
/* ============================================================
   콘텐츠 페이지 반응형 (2026-09)
   적용 페이지 : content.php?co_id=sub119 (비급여 진료수가)  - skin/content/basic 에서 해당 co_id 일 때만 로드
                 content.php?co_id=reservation (상담예약)    - skin/content/reservation 에서 로드 (아래 별도 구역)
   /css/main.css 다음에 로드한다.
   PC(1521px 이상)는 기존 모습 그대로 두고, 태블릿·모바일만 재정의한다.
     태블릿  : 769px ~ 1520px     @media (max-width:1520px)
     모바일  : 768px 이하         @media (max-width:768px)
     소형폰  : 430px 이하         @media (max-width:430px)
   ============================================================ */

@media (max-width:1520px){
	.subt3{margin-top:40px;padding-bottom:40px;}
	/* default.css 의 .st33{width:1200px} */
	#ctt_con .st33{width:auto;max-width:1200px;padding:0 4% 60px;box-sizing:border-box;white-space:normal;}
	#ctt_con .st33 img{display:block;max-width:100%;margin:0 auto;}
}

@media (max-width:768px){
	/* skin/content/basic/style.css 의 모바일 min-width:1900px 해제 */
	#sitemap, #ft, .sub_visual{min-width:0;}

	.subt3{margin-top:28px;padding-bottom:36px;background-position:50% 90%;}
	.subt3 .white{padding:0 0 8px;font-size:11px;letter-spacing:2px;}
	.subt3 .st31{font-size:26px;letter-spacing:-1px;padding-bottom:6px;}

	#ctt_con .st33{padding:0 16px 40px;}
	#ctt_con .st33 p{font-size:14px;line-height:1.7;word-break:keep-all;}
	#ctt_con .st33 p br{display:none;}           /* 에디터가 넣은 빈 줄 */
	#ctt_con .st33 img{margin-top:24px;}

	/* 가격표 이미지 : 누르면 원본 새 창 (content.skin.php 의 스크립트) */
	.wd_zoom_hint{display:block;margin:10px 0 0;font-size:12px;color:#999;text-align:center;}
	.wd_zoom_hint:before{content:"\f00e";font-family:FontAwesome;margin-right:5px;}

	.fix_bt_btn{width:calc(100% - 40px);max-width:300px;height:46px;line-height:46px;font-size:17px;}
}

@media (max-width:430px){
	.subt3 .st31{font-size:22px;}
}


/* ============================================================
   상담예약 (co_id=reservation, skin/content/reservation/style.css 재정의)
   PC : .form_wrap .inner 1500px / .div_ip_wrap 1000px 고정, .form_wrap 높이 800px 고정
   ============================================================ */
@media (max-width:1520px){
	.ctt_reservation .form_wrap{height:auto;padding-bottom:80px;}
	.ctt_reservation .form_wrap .inner{width:auto;max-width:1500px;margin:0 4%;padding:80px 4%;box-sizing:border-box;}
	.ctt_reservation .form_wrap .inner .div_ip_wrap{width:auto;max-width:1000px;}
}

@media (max-width:768px){
	.ctt_reservation .subt3{padding:44px 16px 40px;box-sizing:border-box;background-position:50% 57%;}
	.ctt_reservation .subt3 .white{padding:0 0 8px;font-size:11px;letter-spacing:2px;}
	.ctt_reservation .st31{font-size:24px;letter-spacing:-1px;padding:0 0 44px;}
	.ctt_reservation .st32{font-size:14px;line-height:1.6;word-break:keep-all;}

	.ctt_reservation .form_wrap{padding-bottom:50px;}
	.ctt_reservation .form_wrap .inner{margin:0 16px;padding:24px 20px 30px;border-radius:12px;}
	.ctt_reservation .form_wrap .inner .div_ip_wrap{margin:14px 0;}
	.ctt_reservation .form_wrap .inner .div_ip_wrap label{flex:0 0 78px;width:78px;font-size:15px;padding:14px 0;word-break:keep-all;line-height:1.3;}
	.ctt_reservation .form_wrap .inner .div_ip_wrap .div_ip{min-width:0;}
	/* iOS 는 16px 미만 입력칸에 포커스하면 화면을 확대하므로 16px */
	.ctt_reservation .form_wrap .inner .div_ip_wrap .div_ip .full_ip{font-size:16px;padding:8px 4px;margin:0;box-sizing:border-box;}
	.ctt_reservation .form_wrap .inner .div_ip_wrap .div_ip .half_ip{flex:1 1 0;width:auto;min-width:0;font-size:16px;padding:8px 2px;margin:0;text-align:center;}
	.ctt_reservation .form_wrap .inner .div_ip_wrap .div_ip span{padding:0 2px;}
	.ctt_reservation .form_wrap .inner .div_ip_wrap .agree{width:auto;max-width:300px;padding:10px 14px;font-size:13px;line-height:1.5;word-break:keep-all;}
	.ctt_reservation .form_wrap .inner .div_ip_wrap .agree a{white-space:nowrap;}
	.ctt_reservation .form_wrap .inner .div_ip_wrap .submit{width:100%;max-width:300px;}
	.ctt_reservation .form_wrap .inner .div_ip_wrap .submit input{width:100%;padding:14px 0;font-size:17px;}
	.ctt_reservation .form_wrap .inner .div_ip_wrap:nth-child(5){margin-top:24px;}
}