/* pc, m 영역 */
.pc_container { display: flex; align-items: flex-end; justify-content: center; position: fixed; z-index: 0; overflow: hidden; width: 360px; height: 680px; left: calc(50vw - 600px - 110px); } 
.m_container { position: relative; width: 100%; max-width: 600px; background-color: #eeeeee; height: auto; margin: 0 0 0 calc(50vw - 300px); overflow-x: hidden;  box-shadow: 0 0 20px rgba(0, 0, 0, 0.05);} 

/* pc_container */
.pc_container .pc_inner > .title { margin-bottom: 54px; } 
.pc_container .pc_inner .title span { color: #000; font-family: "Nunito Sans"; font-size: 1rem; font-weight: 400; line-height: 100%; display: inline-block; margin-bottom: 22px; } 
.pc_container .pc_inner .title h2 { color:#000; font-size: 28px; font-weight: 100; line-height: 1.3; letter-spacing: -1.12px; } 
.pc_container .pc_inner .title h2 b { color: #000; font-weight: 500; } 

.pc_container .pc_inner .search_box { width: 100%; position: relative; margin-bottom: 28px; } 
.pc_container .pc_inner .search_box button { position: absolute; right: 16px; top: 50%; transform: translateY(-50%); content: ""; width: 20px; height: 20px; } 
.pc_container .pc_inner .search_box input { font-family: "Pretendard"; border: 0; outline: 0; width: 100%; color: #9A9A9A; height: 42px; font-size: 14px; font-weight: 400; line-height: 100%; } 
.pc_container .pc_inner .popular .title { color: #44B8B1; font-size: 16px; font-weight: 600; line-height: 100%; margin-bottom: 16px; }

 /* 250108 인기 검색어 css 백업 */
/* .pc_container .pc_inner .popular ul { display: flex; flex-wrap: wrap; justify-content: flex-start; gap: 10px; } 
.pc_container .pc_inner .popular ul li a { border-radius: 500px; border: 1px solid #9A9A9A; display: flex; padding: 6px 16px; flex-direction: column; align-items: flex-start; color: #4B4B4B; font-size: 14px; font-weight: 300; line-height: 100%; letter-spacing: -0.14px; }  */
/* 250108 인기 검색어 css 백업 끝 */

 /* 250108 인기 검색어 css 수정 */
.pc_container .pc_inner .popular ul {display: flex;flex-wrap: wrap; gap: 10px;} 
.pc_container .pc_inner .popular ul li {flex: 1 0 calc(100% / 2 - 5px);background-color: #fff;display: flex;height: 48px;padding: 0px 10px; flex-direction: column;justify-content: center;align-items: flex-start;border-radius: 5px;}
.pc_container .pc_inner .popular ul li a {width: 100%;color: #4B4B4B;font-size: 14px;font-weight: 400;line-height: 20px;letter-spacing: -0.12px;display: flex;align-items: center;} 
.pc_container .pc_inner .popular ul li a b {font-weight: 600;}
.pc_container .pc_inner .popular ul li a .num{color: #44B8B1;font-size: 12px;font-weight: 600;line-height: 100%;letter-spacing: -0.12px;margin-right: 8px;}
.pc_container .pc_inner .popular ul li a .rank{color: #FFF;font-size: 11px;font-weight: 600;line-height: 11px; /* 100% */letter-spacing: -0.08px;display: flex;padding: 4px 6px;flex-direction: column;justify-content: center;align-items: center;border-radius: 500px;background: #44B8B1;margin-left: auto;}
.pc_container .pc_inner .popular ul li a .rank_arrow {margin-left: auto;display: flex;width: 32px;height: 20px;justify-content: center;align-items: center;}
 /* 250108 인기 검색어 css 수정 끝 */

/* quick_menu */
#quick_menu { position: fixed; left: 0; margin: 0 0 40px calc(50vw + 340px); bottom: -10px; } 
#quick_menu .quick_btn { width: 56px; height: 56px; justify-content: center; align-items: center; border-radius: 22px; background: #000; display: flex; } 
#quick_menu .quick_info { display: none;margin-bottom: 10px; width: 296px; height: auto; text-align: left; border-radius: 15px; background-color: #fff; box-shadow: 0px 4px 10px 0px rgba(0, 0, 0, 0.05);} 
#quick_menu .quick_info .branch_tit { padding: 5%; background-color: #000; border-radius: 15px 15px 0 0; display: flex; justify-content: flex-start; align-items: center; gap: 0 12px; } 
#quick_menu .quick_info .branch_tit p { color: #FFF; font-size: 16px; font-weight: 500; line-height: 100%; } 
#quick_menu .quick_info .branch_tit em { color: #B6B6B6; text-align: center; font-size: 12px; font-weight: 400; line-height: 100%;0 } 
#quick_menu .quick_info .info_container { padding: 6% 5%; } 
#quick_menu .quick_info .info_container .branch_con { display: flex; flex-direction: column; gap: 16px 0; }  
#quick_menu .quick_info .info_container .branch_con > div .tit { margin-bottom: 6px; color: #AAA; font-size: 13px; font-weight: 400; line-height: 140%; } 
#quick_menu .quick_info .info_container .branch_con > div .info_box { background-color: #fff; border-radius: 10px; background: #F6F6F6; padding: 12px 16px; } 
#quick_menu .quick_info .info_container .branch_con > div .info_box > span { color: #000; font-size: 15px; font-weight: 500; line-height: 100%; } 
#quick_menu .quick_info .info_container .branch_con > div .info_box ul { margin: 8px 0; display: flex; flex-direction: column; gap: 8px 0; } 
#quick_menu .quick_info .info_container .branch_con > div .info_box .notice { color: #09B2A9; font-size: 13px; font-weight: 400; line-height: 140%; } 
#quick_menu .quick_info .info_container .branch_con > div .info_box p { margin-top: 8px; color: #000; font-size: 14px; font-weight: 300; line-height: 100%; } 
#quick_menu .quick_info .quick_link { padding: 16px; border-top: 1px solid #d9d9d9; display: flex; flex-direction: column; gap: 10px 0; } 
#quick_menu .quick_info .quick_link a { display: flex; padding: 12px 40px; justify-content: center; align-items: center; gap: 4px; align-self: stretch; color: #FFF; text-align: center; font-family: Pretendard; font-size: 14px; font-style: normal; font-weight: 400; line-height: 100%; background-color: #000; border-radius: 50px; } 
#quick_menu .quick_info .quick_link a.kakao {background-color: #FFD748; color: #000}

/* 파트너스 지점에서 퀵메뉴 지점리스트 */
#quick_menu .quick_info .info_container .quick_branch_con { display: flex; flex-direction: column; gap: 16px 0; }
#quick_menu .quick_info .info_container .quick_branch_con > div .branch_local { color:#000; font-size: 15px; font-weight: 500; line-height: 100%; margin-bottom: 12px; } 
#quick_menu .quick_info .info_container .quick_branch_con > div .quick_branch_list { display: flex; flex-wrap: wrap; gap:12px; align-items: center; } 
#quick_menu .quick_info .info_container .quick_branch_con > div .quick_branch_list li { display: flex; border: 1px solid #F6F6F6; width: 30%; gap: 12px; justify-content: center; align-items: center; border-radius: 5px; background: #F6F6F6; transition: background 0.3s;} 
#quick_menu .quick_info .info_container .quick_branch_con > div .quick_branch_list li:hover { background: #F1FFFD; border: 1px solid #25C6BD; transition: background 0.3s;} 
#quick_menu .quick_info .info_container .quick_branch_con > div .quick_branch_list li:hover a { color: #25C6BD;transition: color 0.3s; } 
#quick_menu .quick_info .info_container .quick_branch_con > div .quick_branch_list li a { text-align: center; width: 100%; padding: 10px 0px; display: inline-block; color: #000; font-size: 13px; font-weight: 400; line-height: 100%; transition: color 0.2s;} 

/* bottom_link */
#bottom_link { position: fixed; bottom: 0; width: 100%; max-width: 600px; margin: 0 auto; height: 50px; background-color: #60ccc6; z-index: 100; } 
#bottom_link .link_modal_btn { position: absolute; right: 0; bottom: 0; height: 100%; width: 10%; background-color: #000; } 
#bottom_link .event_link a { padding: 16px 4%; width: 90%; display: flex; align-items: center; justify-content: space-between; color: #000;} 
#bottom_link .event_link a .event_title { width: 50%; display: flex; align-items: center; } 
#bottom_link .event_link a .event_title img { width: 10%; } 
#bottom_link .event_link a .event_title p { margin-left:2%; color: #FFF; font-family: "Nunito Sans"; font-size: 16px; font-weight: 700; line-height: 100%; } 
#bottom_link .link_modal_btn { display: flex; justify-content: center; align-items: center; cursor: pointer; } 

#link_modal { display: none; position: fixed; bottom: 50px; width: 100%; max-width: 600px; margin: 0 auto; height: auto; border-radius: 15px 15px 0px 0px; background: #FFF; box-shadow: 0px 0px 20px 0px rgba(0, 0, 0, 0.10); z-index: 899; } 
#link_modal .modal_container { padding: 24px; } 
#link_modal .modal_container .modal_close { position: absolute; right: 24px; top: 24px; width: 30px; height: 30px; } 
#link_modal .modal_container .modal_close img { width: 18px; z-index: 9999; } 
#link_modal .modal_container .link_list li { border-bottom: 1px solid #d9d9d9; } 
#link_modal .modal_container .link_list li a { display: flex; padding: 24px 0; align-items: center; gap: 0 8px; } 
#link_modal .modal_container .link_list li a em.kakao_jp {color: #3D2A0E;font-family: "Noto Sans JP", sans-serif;font-size: 13px;font-weight: 500;line-height: 100%;letter-spacing: -0.39px;border-radius: 6px;padding: 0px 8px;background: #FFD335; margin-left: 8px;}

#link_modal .modal_container .link_list li:last-child a { padding-bottom: 0; } 
#link_modal .modal_container .link_list li:last-child { border-bottom: 0; } 
#link_modal .modal_container .quick_resivation { display: none; } 
#link_modal .modal_container .quick_resivation .title { padding: 4% 0; display: flex; align-items: center; gap: 0 8px; } 
#link_modal .modal_container .quick_resivation fieldset { display: flex; flex-direction: column; gap: 16px 0; } 
#link_modal .modal_container .quick_resivation fieldset .agree_box { margin: 2% 0; } 
#link_modal .modal_container .quick_resivation fieldset .resivation_submit { display: flex; padding:3% 0px; justify-content: center; align-items: center; border-radius: 500px; background: #000; color: #FFF; font-size: 1rem; font-weight: 500; line-height: 100%; letter-spacing: -0.48px; } 


#fix_proc { width: 100%; max-width: 600px; margin: 0 auto; height: auto; background: #FFF; box-shadow: 0px 0px 20px 0px rgba(0, 0, 0, 0.10); z-index: 999; } 
#fix_proc .box { padding: 24px; } 
#fix_proc .box .modal_close { position: absolute; right: 24px; top: 24px; width: 30px; height: 30px; } 
#fix_proc .box .modal_close img { width: 80%; z-index: 9999; } 
#fix_proc .box .link_list li { border-bottom: 1px solid #d9d9d9; } 
#fix_proc .box .link_list li a { display: flex; padding: 24px 0; align-items: center; gap: 0 8px; } 
#fix_proc .box .link_list li:last-child a { padding-bottom: 0; } 
#fix_proc .box .link_list li:last-child { border-bottom: 0; } 
#fix_proc .box .fix_quick_resivation { } 
#fix_proc .box .fix_quick_resivation .title { font-size:22px; padding: 4% 0; display: flex; align-items: center; gap: 0 8px; } 
#fix_proc .box .fix_quick_resivation fieldset { display: flex; flex-direction: column; gap: 16px 0; } 
#fix_proc .box .fix_quick_resivation fieldset .agree_box { margin: 2% 0; } 
#fix_proc .box .fix_quick_resivation fieldset .resivation_submit { display: flex; padding:3% 0px; justify-content: center; align-items: center; border-radius: 0px; background: color(display-p3 0.49 0.79 0.772); color: #000; font-size: 1rem; font-weight: 500; line-height: 100%; letter-spacing: -0.48px; } 

#after_surgery { width: 100%; max-width: 600px; margin: 0 auto; height: auto; background: #FFF; } 
#after_surgery .box { padding: 24px 0; } 
#after_surgery .title { font-size:22px; padding: 4% 0; display: flex; align-items: center; gap: 0 8px; } 
#after_surgery select { width: 100%; color: #585858; margin-bottom: 16px; } 
#after_surgery .surgery_hp { width: 100%; }
#after_surgery .agree_box { margin: 4% 0; } 
#after_surgery .resivation_submit { display: flex; padding:3% 0px; justify-content: center; align-items: center; border-radius: 0px; width: 100%; background: color(display-p3 0.49 0.79 0.772); color: #000; font-size: 1rem; font-weight: 500; line-height: 100%; letter-spacing: -0.48px; } 

/* 개인정보동의 체크박스 */
.custom-checkbox {display: none;}
.custom-checkbox + label {display: inline-block;position: relative;padding-left: 25px;cursor: pointer;line-height: 20px;user-select: none;}
.custom-checkbox + label::before {content: "";ㅌdisplay: inline-block;width: 20px;height: 20px;position: absolute;left: 0;top: 0;background: url('/images/basic/un_check.png') no-repeat center center;background-size: contain;}
.custom-checkbox:checked + label::before {background: url('/images/basic/check_mint.png') no-repeat center center;background-size: contain;}
.form_branch_select { color: #bfbfbf;}

 /* 반응형 */
 @media (max-width: 1120px){
	.pc_container { display: none; } 
	#quick_menu { display: none; } 
	.m_container { position: relative; margin: 0 auto; max-width: auto; } 
}
@media (max-width: 600px){
	.pc_container { display: none; } 
  #bottom_link .event_link a .event_title p ,#bottom_link .event_link a span { font-size: 0.8rem; } 
	.form_branch_select { border-radius: 5px;}
	
	#link_modal .modal_container .link_list li a em.kakao_jp {padding: 0px 8px 2px 8px;}
}