@charset "utf-8";

/* 개인정보처리방침 / 서비스이용약관 등 "내용 관리" 페이지 - 사이트 공통 톤(크림 배경 위 화이트 카드,
   Pretendard 계열 폰트, 그린 포인트 컬러)에 맞춰 스타일링.
   .sub_common / .inner 는 theme/basic/css/default_shop.css 의 전역 클래스를 그대로 재사용한다. */

#ctt header h1{position:absolute;font-size:0;line-height:0;overflow:hidden}

#ctt{
	background:#fff;
	border-radius:16px;
	box-shadow:0 4px 24px rgba(13,13,13,.06);
	padding:48px 56px;
}

.ctt_admin{text-align:right;margin-bottom:10px}

#ctt_con{word-break:keep-all}
#ctt_con img{max-width:100%;height:auto}
.ctt_img{text-align:center}

/* 최상단 제목("개인정보 처리방침" / "이용약관")과 장(章) 제목("제1장 총칙")에 공통으로 쓰이는 클래스.
   장 제목은 위쪽에 여백을 더 줘서 섹션 구분을 명확히 한다. */
#ctt_con .p01{
	margin:0 0 18px;
	font-size:20px;
	font-weight:700;
	color:var(--05, #0D0D0D);
	letter-spacing:-0.3px;
}
#ctt_con .p01 + .p01{margin-top:36px}
#ctt_con .cont_box + .p01{margin-top:36px}

/* 조(條) 제목 - 카드 안에서 그린 포인트 컬러로 살짝 강조 */
#ctt_con .p02{
	margin:0 0 10px;
	font-size:16px;
	font-weight:700;
	color:var(--primary1, #118A5A);
}

/* 본문 - 긴 약관/방침 문장을 편하게 읽도록 줄간격을 넉넉히 */
#ctt_con .p03{
	margin:0;
	font-size:15px;
	line-height:1.8;
	color:var(--30, #4D4D4D);
}

/* 섹션(조항) 단위 구획 - 얇은 구분선으로 항목을 나눔 */
#ctt_con .cont_box{
	padding:0 0 24px;
	margin:0 0 24px;
	border-bottom:1px solid var(--90, #E6E6E6);
}
#ctt_con .cont_box:last-child{margin-bottom:0;border-bottom:none;padding-bottom:0}

#ctt_con a{color:var(--primary1, #118A5A);text-decoration:underline;text-underline-offset:2px}
#ctt_con a:hover{color:var(--primary2, #85C883)}

@media (max-width:1023px){
	#ctt{padding:28px 20px;border-radius:12px}
	#ctt_con .p01{font-size:17px}
	#ctt_con .p02{font-size:15px}
	#ctt_con .p03{font-size:14px;line-height:1.7}
	#ctt_con .cont_box{padding-bottom:18px;margin-bottom:18px}
}