/* ============================
   Common CSS - Typography & Colors
   ============================ */
@charset "euc-kr";
/* Pretendard ÆùÆ® Àû¿ë */
@font-face {
    font-family: 'Pretendard';
    font-style: normal;
    font-weight: 100; /* Thin */
    font-display: swap;
    src: url('https://health.chosun.com/amirang/css/Pretendard-1.3.9/static/woff2/Pretendard-Thin.woff2') format('woff2');
}
@font-face {
    font-family: 'Pretendard';
    font-style: normal;
    font-weight: 200; /* ExtraLight */
    font-display: swap;
    src: url('https://health.chosun.com/amirang/css/Pretendard-1.3.9/static/woff2/Pretendard-ExtraLight.woff2') format('woff2');
}
@font-face {
    font-family: 'Pretendard';
    font-style: normal;
    font-weight: 300; /* Light */
    font-display: swap;
    src: url('https://health.chosun.com/amirang/css/Pretendard-1.3.9/static/woff2/Pretendard-Light.woff2') format('woff2');
}

@font-face {
    font-family: 'Pretendard';
    font-style: normal;
    font-weight: 400; /* Regular */
    font-display: swap;
    src: url('https://health.chosun.com/amirang/css/Pretendard-1.3.9/static/woff2/Pretendard-Regular.woff2') format('woff2');
}

@font-face {
    font-family: 'Pretendard';
    font-style: normal;
    font-weight: 500; /* Medium */
    font-display: swap;
    src: url('https://health.chosun.com/amirang/css/Pretendard-1.3.9/static/woff2/Pretendard-Medium.woff2') format('woff2');
}

@font-face {
    font-family: 'Pretendard';
    font-style: normal;
    font-weight: 600; /* SemiBold */
    font-display: swap;
    src: url('https://health.chosun.com/amirang/css/Pretendard-1.3.9/static/woff2/Pretendard-SemiBold.woff2') format('woff2');
}

@font-face {
    font-family: 'Pretendard';
    font-style: normal;
    font-weight: 700; /* Bold */
    font-display: swap;
    src: url('https://health.chosun.com/amirang/css/Pretendard-1.3.9/static/woff2/Pretendard-Bold.woff2') format('woff2');
}

@font-face {
    font-family: 'Pretendard';
    font-style: normal;
    font-weight: 800; /* ExtraBold */
    font-display: swap;
    src: url('https://health.chosun.com/amirang/css/Pretendard-1.3.9/static/woff2/Pretendard-ExtraBold.woff2') format('woff2');
}
@font-face {
    font-family: 'Pretendard';
    font-style: normal;
    font-weight: 900; /* Black */
    font-display: swap;
    src: url('https://health.chosun.com/amirang/css/Pretendard-1.3.9/static/woff2/Pretendard-Black.woff2') format('woff2');
}
* {
  margin: 0;
  padding: 0;
  box-sizing: border-box;
}
html, body {
  height: auto;
  min-height: 100%;
  overflow-x: hidden;
  overflow-y: auto;
}
body {
  font-family: 'Pretendard', sans-serif;
  font-size: 14px;
  color: var(--black);
  line-height: 1.6;
  background-color: var(--white);
  padding: 0;
  min-width: 320px; /* ÃÖ¼Ò ³Êºñ */
  max-width: 600px;
  margin: 0 auto;  
  width: 100%;
}
/* GNB ¿µ¿ª µî swiper ¿Ü¿¡ È­»ìÇ¥ ³ëÃâ ¹æÁö */
body .swiper-button-next,
body .swiper-button-prev {
  display: none !important;
}
.expert-swiper .swiper-button-next,
.expert-swiper .swiper-button-prev {
  display: block !important;
}
div, section {
	position: relative;
}
ul {
	list-style: none;
}
input, textarea, button, select {
  font-family: 'Pretendard', sans-serif;
}
input::placeholder {
	font-family: 'Pretendard';
}
button {
	border: 0;
	padding: 0;
	margin: 0;
	background: none;
	cursor: pointer;
	
}
:focus {
	border: 0px solid var(--primary);
	outline: 0px dotted var(--black);
}

/* ŸÀÌÆ÷±×·¡ÇÇ ½ºÅ¸ÀÏ */
.heading-01 {
  font-size: 28px; /* ¸ð¹ÙÀÏ ÃÖÀûÈ­ */
  font-weight: 700;
  line-height: 36px;
  letter-spacing: 0;
  color: var(--black);
}


/* ============================
   Color Palette
   ============================ */

/* Primary Colors */
:root {
    --primary-120: #E88155;
    --primary: #F38B5E;
    --primary-75: #F6A886;
    --primary-50: #F9C5AF;
    --primary-35: #FBD7C7;
    --primary-10: #FEF4EF;

    /* Grey Scale */
    --black: #333333;
    --grey-5: #555555;
    --grey-8: #888888;
    --grey-b: #BBBBBB;
    --grey-d9: #D9D9D9;
    --grey-ea: #EAEAEA;
    --grey-f8: #F8F9FD;
    --black-10: #111111;
	--black-10-opt: rgba(17, 17, 17, 0.1);
	--black-3-opt: rgba(51, 51, 51, 0.1);
	--white: #FFFFFF;
    

    /* Secondary Colors */
    --green: #21C531;
    --green-80: #5CC264;
    --green-10: #EEFBEF;

    /* Alert Colors */
    --focus: #555555;
    --positive: #2171E8;
    --negative: #E84141;
	
    /* Background Colors */
    --bg-primary: #F3885E;
    --bg-footer: #F7f7f7;
  	--bg-secondary: #FEF4EF;
  
}


h1, h2, h3, h4, h5, h6, p, figure, fieldset, ul, li, dl, dd, dt  {
    margin: 0;
    padding: 0;
	border: 0;
}
h1{
    font-size: 38px;
    font-weight: 800;
    line-height: 50.4px;
    letter-spacing: 0px;
}
p {
    font-size: 16px;
    line-height: 1.6;
	
}
a {
    text-decoration: none;
}
a:-webkit-any-link {
    color: var(--black);
    cursor: pointer;
	text-decoration: none;
}
a:hover {
    text-decoration: none;
}
.clamp-3 {
    display: -webkit-box; 
    -webkit-line-clamp: 3; 
    -webkit-box-orient: vertical;
    overflow: hidden;
    text-overflow: ellipsis; 
}
.primary {
	color: var(--primary) !important;
}
/* ============================
   Buttons
   ============================ */

/* °øÅë ¹öÆ° ½ºÅ¸ÀÏ */
.btn {
    display: inline-block;
    padding: 10px 20px;
    font-size: 16px;
    font-weight: 500;
    text-align: center;
    border-radius: 4px;
    cursor: pointer;
    transition: background 0.3s ease;
}

/* Primary ¹öÆ° */
.btn-primary {
    background-color: var(--primary-120);
    color: #fff;
    border: none;
}

.btn-primary:hover {
    background-color: var(--primary-75);
}

/* Secondary ¹öÆ° */
.btn-secondary {
    background-color: var(--grey-b);
    color: #fff;
    border: none;
}

.btn-secondary:hover {
    background-color: var(--grey-8);
}

/* Alert ¹öÆ° */
.btn-positive {
    background-color: var(--positive);
    color: #fff;
    border: none;
}

.btn-positive:hover {
    background-color: #1a5dbb;
}

.btn-negative {
    background-color: var(--negative);
    color: #fff;
    border: none;
}
.lp16 {
	padding-left: 16px;
}
.rp16 {
	padding-right: 16px;
}