@import url('https://fonts.googleapis.com/css?family=Noto+Sans+KR&display=swap');
@import url('https://fonts.googleapis.com/css2?family=Song+Myung&display=swap');

html body {max-width:960px; margin:0 auto !important;}

html,body,div,span,object,iframe,
h1,h2,h3,h4,h5,h6,p,blockquote,pre,
a,abbr,acronym,address,big,cite,code,
del,dfn,em,img,ins,kbd,q,samp,
small,strike,strong,sub,sup,tt,var,
b,i,
dl,dt,dd,ol,ul,li,
fieldset,form,label,legend,
table,caption,tbody,tfoot,thead,tr,th,td,
section, article, aside, footer, header, hgroup, nav {font-family: 'Noto Sans KR', sans-serif;}

.body_bg {background:url('../img/tgdang/main_bg.jpg') no-repeat fixed center top; box-shadow:rgb(138 138 138 / 10%) 0px 0px 5px 3px; }
.main_bg {display:inline-block; width:100%; padding:0% 3% 0% 3%; background-color:#fff; box-sizing:border-box;}
.wrap {position:relative; width:100%;}

.ety-mt {margin-top:110px;}

.bold {font-weight:bold;}
.top_line {position:fixed; top:0px; left:0px; width:100%; height:7px; background:url('../img/tgdang/main_top_line.jpg') repeat-x center top; z-index:9999;}
.nav_right {position:absolute; top:-26px; right:5%;}
.carousel-control-next, .carousel-control-prev {width:5% !important;}
#login_fs legend {display:none;}
.mobile_tel {display:none;}

/*-- 배너 --*/
.banner_wrap {display:block !important;}
.m_banner_wrap {display:none !important;}
.main_banner {background-size:100% 100%;}

/*-- 메인 --*/
.navbar-expand-lg .navbar-collapse {position:relative;}
.top-line {width:100%; padding:0px; background:#fff;}
.fixed-top {}
.m_menu_wrap {display:none;}

.sub_wrap {min-height:69vh; padding-top:3%; padding-bottom:5%; background:#fff;}

#main2_wrap {float:left; width:100%; margin-top:3%; background:#fff;}
.main2_banner {float:left; width:25%; text-align:center;}
.main2_banner img {max-width:208px; width:100%;}
#main3_wrap {float:left; width:100%; margin-top:2%; text-align:center;}
#main3_wrap img {max-width:100%; width:100%;}
#main4_wrap {float:left; width:100%; margin-top:1%; text-align:center;}

#sub_top_wrap {display:table; width:100%; height:350px; text-align:center; background:url('../img/sub1_top_bg.jpg');}
#sub2_top_wrap {display:table; width:100%; height:350px; text-align:center; background:url('../img/sub2_top_bg.jpg');}
#sub3_top_wrap {display:table; width:100%; height:350px; text-align:center; background:url('../img/sub3_top_bg.jpg');}
#sub4_top_wrap {display:table; width:100%; height:350px; text-align:center; background:url('../img/sub4_top_bg.jpg');}
#sub5_top_wrap {display:table; width:100%; height:350px; text-align:center; background:url('../img/sub5_top_bg.jpg');}
.sub_top_notice {display:table-cell; width:100%; vertical-align:middle; margin:0 auto; text-align:center; }
.sub_top_title {width:100%; text-align:center; font-size:40px; line-height:50px; font-weight:bold; color:#fff;}
.sub_top_text {width:100%; text-align:center; font-size:23px; color:#fff;}
.sub_bottom_wrap {display:table-row; width:100%; height:60px; background:rgba(0, 0, 0, .65);}
.sub_bottom {display:table; width:100%; height:100%; max-width:1120px; margin:0 auto;}
.sub_bottom_2 {display:table-cell; width:50%; height:100%; vertical-align:middle; text-align:center;}
.sub_bottom_4 {display:table-cell; width:25%; height:100%; vertical-align:middle; text-align:center;}

.sub_bottom a {display:block; height:100%; color:#fff; font-size:15px; font-weight:bold; line-height:60px;}
.sub_bottom a:hover {display:block; height:100%; color:#000;  background:#fff;}
.sub_bottom_click {display:block; height:100%; color:#000; font-size:15px; font-weight:bold; background:#fff; line-height:60px;}
.sub_bottom_click a {display:block; height:100%; color:#000;  background:#fff;}


/*-- 서브페이지 --*/
.pc {display:block;}
.m {display:none;}
.sub_img {width:100%; text-align:center;}
.sub_img img {max-width:850px; width:100%;}
.sub_img2 {width:100%; text-align:center;}
.sub_img2 img {max-width:790px; width:100%;}
.sub_01_01_title {float:left; width:100%; padding-bottom:1%; margin-bottom:5%; border-bottom:1px solid #ccc;}
.sub_01_01_title_left {float:left; font-size:30px;}
.sub_01_01_title_right {float:right; margin-top:25px; font-size:12px;}
.map {float:left; width:100%; height:450px;}
.sub_01_02_table {float:left; display:table; width:100%; overflow:hidden;}
.sub_01_02_left {display:table-cell; width:20%; padding:1%; text-align:center; vertical-align:middle; font-size:15px; border-left:1px solid #ddd; border-bottom:1px solid #ddd; background:#f3f4f5; box-sizing:border-box;}
.sub_01_02_right {display:table-cell; width:80%; padding:1%; text-align:center; vertical-align:middle; font-size:15px; border-left:1px solid #ddd; border-bottom:1px solid #ddd; box-sizing:border-box;}
.view_skin_bottom_wrap {float:left; width:100%; padding-top:2%; font-size:13px;}

/*-- 하단 --*/
.py-5 {float:left; width:100%; background:#fff;}
.footer_wrap {float:left; width:100%; padding:3%; background:#fff;}
.footer {background:#fff; font-size:13px; color:#888;}
.footer .homp {float:left; width:100%; text-align:center; color:#888; font-size:13px; margin-top:2%;}
.homp span {border:1px solid #ebebeb; padding:5px 15px; border-radius:50px;}


/*-- 게시판 --*/
.border_write {font-size:15px; }
.view_skin_wrap { width:100%;}
.view_skin_wrap tr td {border:1px solid #ddd; padding:1.5%;}
.view_skin_wrap tr td:nth-child(1) {width:20%; background:#f3f4f5;}
.view_skin_wrap tr td:nth-child(2) {font-weight:bold; color:#000;}

/*-- 탭 모바일 --*/
@media screen and (max-width: 1200px) {
	#tnb ul {width:100%;}
	.banner_wrap {min-height:400px; height:100%;}
}

@media screen and (max-width: 1000px) {
	.navbar-nav li { padding:10px 0 0px 10px; }
	.nav_right {position:relative; top:auto; right:auto;}
}

@media screen and (max-width: 1089px) {
	.ety-mt {margin-top:75px;}
}

@media screen and (max-width: 960px) {
	.banner_wrap {min-height:250px; height:100%;}

	#sub_top_wrap {height:230px; background-size:200% 100%;}
	#sub2_top_wrap {height:230px; background-size:200% 100%;}
	#sub3_top_wrap {height:230px; background-size:200% 100%;}
	#sub4_top_wrap {height:230px; background-size:200% 100%;}
	#sub5_top_wrap {height:230px; background-size:200% 100%;}
	.sub_top_title {font-size:23px; line-height:30px;}
	.sub_top_text {font-size:12px; margin-bottom:0px; padding-bottom:0px;}

	.sub_bottom_wrap {height:40px;}
	.sub_bottom_click {height:40px;}
	.sub_bottom a {font-size:15px;line-height:40px;}
	.pc {display:none;}
	.m {display:block;}

	.view_skin_wrap tr td {padding:2%;}
	.view_skin_wrap tr td:nth-child(1) {width:30%; background:#f3f4f5;}
	
}

@media screen and (max-width: 640px) {
	.logo {width:100px; padding-top:10px;}
	.mobile_tel {float:left; display:block; padding-right:12px; padding-top:0px;}
	.center-heading p {margin-top:5%;}
	.text-light {padding-top:10%;}
	.margin-bottom-50 {margin-bottom:8%;}
	#bo_v_title .bo_v_tit {font-size:0.6em;}
	#bo_list .tbl_head01 thead th:nth-child(4) {display:none;}
	#bo_list .tbl_head01 thead th:nth-child(5) {display:none;}
	#bo_list .tbl_head01 thead th:nth-child(6) {display:none;}
	#bo_list .tbl_head01 td:nth-child(4) {display:none;}
	#bo_list .tbl_head01 td:nth-child(5) {display:none;}
	#bo_list .tbl_head01 td:nth-child(6) {display:none;}
	#bo_list .tbl_head01 td:nth-child(7) div {width:60px !important;}
	#bo_sch select {width:30%;}
	#bo_sch .sch_input {width:50%;}
	.banner_wrap {display:none !important;}
	.m_banner_wrap {display:block !important; max-height:500px;}
	#main2_wrap {margin-top:5%;}
	.ety-mt {margin-top:67px;}
	.sub_01_01_title_left {font-size:18px; font-weight:bold;}
	.sub_01_01_title_right {font-size:10px; margin-top:10px;}
	.map {float:left; width:100%; height:300px;}
	.carousel-item {min-height:250px;}
	.py-5 {padding:5% 0% important;}
	.main2_banner {width:50%; margin-bottom:2%;}
	.footer {font-size:10px;}
	.footer .homp {font-size:11px; margin-top:5%; margin-bottom:3%;}
	.m_menu_wrap {display:block; position:fixed; top:59px; width:100%;  box-shadow:rgba(0, 0, 0, 0.11765) 0px 3px 2px; background:#666666; z-index:1029;}
	.m_menu_list {float:left; width:20%; height:40px; line-height:40px;text-align:center; font-size:0.8rem; font-weight:bold;}
	.m_menu_list a {display:block; color:#fff;}
	section {
  padding: 20px;
  border-bottom: 1px solid #eee;
}

section h2 {
  font-size: 1.8rem;
  margin-bottom: 12px;
  color: #333;
}

section p {
  font-size: 1rem;
  line-height: 1.6;
  color: #555;
}

.consultation-section a {
  color: #0066cc;
  text-decoration: underline;
}
	

/* 인사말 센터 + 본문 왼정렬 */
.greeting-tab {
  width: 90%;
  max-width: 800px;
  margin: 0 auto;
  padding: 20px 0;
}

.greeting-tab .greeting-title {
  text-align: center;
  font-size: 1.8rem;
  margin-bottom: 12px;
  font-weight: bold;
}

.greeting-tab .greeting-content {
  text-align: left;
  direction: ltr;
  line-height: 1.6;
  font-size: 1rem;
  color: #333;
}


	
}


/* =======================================================
   CHOA SINDANG - MAIN RENEWAL (ca_ prefix)
   White base, dark ink text, brass gold accent
   ======================================================= */

:root{
	--ca-bg:#ffffff;
	--ca-bg-soft:#f7f5f0;
	--ca-ink:#1c1a17;
	--ca-ink-soft:#3a3630;
	--ca-brass:#a9812e;
	--ca-brass-soft:#c9a75c;
	--ca-brass-bg:#faf6ea;
	--ca-line:#e6e1d5;
	--ca-text-sub:#7a7266;
}

.ca_main{padding:0 !important;}
.ca_main *{box-sizing:border-box;}
.ca_main .ca_wrap{max-width:1180px; margin:0 auto; padding:0 24px;}

/* Header desktop tel button */
.ca_header_right{display:flex; align-items:center; gap:16px;}
.ca_header_tel{
	display:none;
	font-size:14px; color:var(--ca-brass);
	border:1px solid var(--ca-brass-soft);
	padding:8px 18px; border-radius:999px;
	white-space:nowrap;
}
@media (min-width:992px){
	.ca_header_tel{display:inline-block;}
}
.ca_header_tel:hover{background:var(--ca-brass-bg); color:var(--ca-brass);}

/* Hero */
.ca_hero{width:100%; padding:64px 0 96px; background:var(--ca-bg);}
.ca_hero_inner{
	max-width:1180px; margin:0 auto; padding:0 24px;
	display:grid; grid-template-columns:1.05fr 0.95fr; gap:48px; align-items:center;
}
.ca_eyebrow{font-size:13px; letter-spacing:3px; color:var(--ca-brass); margin-bottom:18px;}
.ca_hero_title{
	font-family:'Song Myung', serif;
	font-size:clamp(26px, 4vw, 42px);
	color:var(--ca-ink); line-height:1.5; margin-bottom:20px;
}
.ca_hero_title span{color:var(--ca-brass);}
.ca_hero_sub{font-size:15px; color:var(--ca-text-sub); margin-bottom:36px;}
.ca_hero_cta{display:flex; gap:14px; flex-wrap:wrap;}
.ca_btn{display:inline-block; padding:14px 30px; font-size:14px; letter-spacing:1px; border-radius:2px; transition:all .25s;}
.ca_btn_primary{background:var(--ca-ink); color:#fff; font-weight:600;}
.ca_btn_primary:hover{background:var(--ca-brass); color:#fff;}
.ca_btn_ghost{border:1px solid var(--ca-line); color:var(--ca-ink-soft);}
.ca_btn_ghost:hover{border-color:var(--ca-brass); color:var(--ca-brass);}

.ca_hero_photo_wrap{width:100%;}
.ca_hero_photo{
	position:relative; aspect-ratio:4/5;
	background:var(--ca-bg-soft); border:1px solid var(--ca-line);
	overflow:hidden;
}
.ca_hero_photo img{width:100%; height:100%; object-fit:cover; display:block;}
.ca_hero_photo_cap{text-align:center; font-size:12.5px; color:var(--ca-text-sub); letter-spacing:1px; margin-top:14px;}
@media (max-width:900px){
	.ca_hero_inner{grid-template-columns:1fr; text-align:center;}
	.ca_hero_cta{justify-content:center;}
	.ca_hero_photo_wrap{max-width:320px; margin:0 auto;}
}

/* Section shared */
.ca_why, .ca_service, .ca_gallery_wrap, .ca_review_wrap{
	max-width:1180px; margin:0 auto; padding:80px 24px;
}
.ca_section_head{text-align:center; max-width:640px; margin:0 auto 56px;}
.ca_section_title{
	font-family:'Song Myung', serif;
	font-size:clamp(22px, 2.6vw, 28px);
	color:var(--ca-ink); line-height:1.6; margin-bottom:14px;
}
.ca_section_desc{font-size:14px; color:var(--ca-text-sub);}

/* Why */
.ca_why{background:var(--ca-bg-soft); max-width:100%; padding-left:0; padding-right:0;}
.ca_why .ca_section_head{padding:0 24px;}
.ca_why_grid{
	max-width:1180px; margin:0 auto; padding:0 24px;
	display:grid; grid-template-columns:repeat(3, 1fr);
	border-top:1px solid var(--ca-line);
}
.ca_why_item{
	padding:40px 30px; background:var(--ca-bg);
	border-right:1px solid var(--ca-line); border-bottom:1px solid var(--ca-line);
}
.ca_why_item:last-child{border-right:none;}
.ca_why_num{font-family:'Song Myung', serif; font-size:14px; color:var(--ca-brass); display:block; margin-bottom:16px;}
.ca_why_item h3{font-size:17px; font-weight:600; color:var(--ca-ink); margin-bottom:12px;}
.ca_why_item p{font-size:13.5px; color:var(--ca-text-sub); line-height:1.7;}
@media (max-width:860px){
	.ca_why_grid{grid-template-columns:1fr;}
	.ca_why_item{border-right:none;}
}

/* Service cards */
.ca_service_grid{display:grid; grid-template-columns:repeat(4, 1fr); gap:16px;}
.ca_service_card{
	display:block; background:var(--ca-bg); border:1px solid var(--ca-line);
	padding:36px 22px; text-align:center; transition:all .25s; color:var(--ca-ink);
}
.ca_service_card:hover{border-color:var(--ca-brass); transform:translateY(-5px); box-shadow:0 14px 28px rgba(28,26,23,0.06); color:var(--ca-ink);}
.ca_service_icon{width:46px; height:46px; margin:0 auto 20px; border:1px solid var(--ca-brass); border-radius:50%; display:flex; align-items:center; justify-content:center; color:var(--ca-brass);}
.ca_service_icon svg{width:20px; height:20px;}
.ca_service_card h4{font-size:16px; font-weight:600; margin-bottom:8px;}
.ca_service_card p{font-size:12.5px; color:var(--ca-text-sub); margin-bottom:16px;}
.ca_service_link{font-size:12px; letter-spacing:1px; color:var(--ca-brass); border-bottom:1px solid var(--ca-brass); padding-bottom:2px;}
@media (max-width:960px){.ca_service_grid{grid-template-columns:repeat(2, 1fr);}}
@media (max-width:560px){.ca_service_grid{grid-template-columns:1fr;}}

/* Gallery / Review wrap - inner content styled inside latest skin itself */
.ca_gallery_wrap{background:var(--ca-bg);}
.ca_review_wrap{background:var(--ca-bg-soft); max-width:100%;}
.ca_review_wrap .ca_section_head{max-width:640px; margin:0 auto 56px;}
.ca_review_more{text-align:center; margin-top:40px;}

/* Location */
.ca_location{width:100%; background:var(--ca-bg-soft); padding:0;}
.ca_location_inner{
	max-width:1180px; margin:0 auto;
	display:grid; grid-template-columns:1.1fr 0.9fr;
	min-height:420px; border:1px solid var(--ca-line);
}
.ca_map_box{position:relative; background:#efeae0; border-right:1px solid var(--ca-line); overflow:hidden;}
.ca_map_placeholder{position:absolute; inset:0; color:#9c9480; font-size:13px; letter-spacing:1px; display:flex; align-items:center; justify-content:center;}
.ca_map_placeholder iframe{position:absolute; inset:0; width:100%; height:100%; border:0;}
.ca_loc_info{padding:64px 48px; background:var(--ca-bg); display:flex; flex-direction:column; justify-content:center;}
.ca_loc_info h3{font-family:'Song Myung', serif; font-size:24px; margin:12px 0 28px; color:var(--ca-ink);}
.ca_loc_row{display:flex; gap:16px; padding:16px 0; border-bottom:1px solid var(--ca-line); font-size:13.5px;}
.ca_loc_row strong{min-width:64px; color:var(--ca-brass); font-weight:500; letter-spacing:1px; font-size:12.5px;}
.ca_loc_row span{color:var(--ca-ink-soft);}
.ca_loc_btn{margin-top:28px; width:fit-content;}
@media (max-width:900px){
	.ca_location_inner{grid-template-columns:1fr;}
	.ca_map_box{min-height:240px; border-right:none; border-bottom:1px solid var(--ca-line);}
	.ca_loc_info{padding:48px 28px;}
}

/* Footer - dark ink to bookend the light page */
.ca_footer{background:var(--ca-ink) !important;}
.ca_footer .footer{background:var(--ca-ink) !important; color:#a89f8c;}
.ca_footer_logo{max-width:110px; margin:0 auto 18px; filter:brightness(0) invert(1); opacity:0.9;}
.ca_footer p{line-height:1.9;}
.ca_credit{margin-top:18px; padding-top:18px; border-top:1px solid #3a3630; font-size:12px; color:#7d7563;}
.ca_credit a{color:var(--ca-brass-soft);}

@media (max-width:600px){
	.ca_hero{padding:40px 0 56px;}
	.ca_why, .ca_service, .ca_gallery_wrap, .ca_review_wrap{padding:56px 20px;}
	.ca_section_head{margin-bottom:36px;}
}