@charset "utf-8";

/* ------------------- 초기화 */

:root {
	--color-text     : #333333; /* 기본폰트 */
}

/* ------------------- 기본 */

:root {

	/*color*/
	--color-black:  #000000;
	--color-white:  #FFFFFF;
	--color-sky:    #87CEEB;
	--color-green:  #008000;

	--color-aqua-th: #f7feff;
	--color-aqua-l:  #B6FFFF;
	--color-aqua:    #00FFFF;
	--color-aqua-sb: #00EEEE;

	--color-red-l:  #ff3232;
	--color-red-m:  #ff3232;
	--color-red:    #ff0000;
	--color-red-b:  #c80000;

	--color-gray-th: #FAFAFA; /* 거의 흰색에 가까운 */
	--color-gray-el: #F5F5F5; /* 흐린line, 흰색배경에 쓸만한정도 */
	--color-gray-l:  #E0E0E0; /* line, 화살표아이콘 등 */
	--color-gray-r:  #CCCCCC; /* 흐린아이콘등에 적합 */
	--color-gray-m:  #999999; /* 텍스트 가능컬러, 회색의경우 날짜등 흐린텍스트, 다른컬러는 원색이 너무 진함으로 m을 많이 사용 */
	--color-gray:    #808080; /* 서브텍스트 */

	--color-blue-th: #F5F9FF; 
	--color-blue-el: #DEEDFF; 
	--color-blue-l:  #90C5FF;
	--color-blue-r:  #00aaff;
	--color-blue-m:  #006eff;
	--color-blue:    #0000FF;

	--color-pink-th: #FFF9FA; 
	--color-pink-el: #FFF6F7; 
	--color-pink-l:  #FFEBEE;
	--color-pink-r:  #FFE4E8;
	--color-pink-m:  #FFD2D9;
	--color-pink:    #FFC0CB;
	--color-pink-sb: #FF97A9;
	--color-pink-b:  #FF6E87;
	--color-pink-eb: #FF4565;
	--color-pink-bl: #FF3054;

	--color-hot-pink-r: #FF78C1;
	--color-hot-pink:   #FF1493;
	--color-hot-pink-b: #DA117E;

	--color-orange-th: #FFFBF6;
	--color-orange-el: #FFF1DA;
	--color-orange-l:  #FFE8C2;
	--color-orange-r:  #FFE0AA;
	--color-orange-m:  #FFC766;
	--color-orange:    #FFA500;
	--color-orange-sb: #FF8F00;
	--color-orange-b:  #FF7800; /* 마알 고유색 */
	--color-orange-eb: #FF6100;

	--color-orangered: #FF4500;

	--color-yellow-th: #FFFEF5;
	--color-yellow-el: #FFFFF0;
	--color-yellow-l:  #FFFFDA;
	--color-yellow-r:  #FFFFCC;
	--color-yellow-m:  #FFFF99;
	--color-yellow:    #FFFF00;
	--color-yellow-b:  #FFEB3B; /* 여길넘어가면 골드임 */

	--color-gold:    #FFD700;
	--color-gold-sb: #DAA520;
	--color-gold-b:  #B8860B;

	--color-mg-th:var(--color-aqua-th); /* 가장 최소한 느낌만 나는색 */
	--color-mg-l: #E6F9FC;
	--color-mg-r: #ddf7fb;
	--color-mg:   #15D0F2; /* 기본색상, 주 버튼색 */
	--color-mg-b: #07afcd; /* 가장많이 사용하는 진한색 */ 

	--color-ma-th: var(--color-orange-th);
	--color-ma-l: #FFE8C2;
	--color-ma-r: #FFE0AA;
	--color-ma:   #FF7800;
	--color-ma-b: #E66B00;

	--color-im-th: var(--color-pink-th);
	--color-im-l: #FEE3EF;
	--color-im-r: #FED9E9;
	--color-im:   #E50150;
	--color-im-b: #B1124D;

	--color-eb-th: var(--color-blue-th);
	--color-eb-l: #DEEDFF;
	--color-eb-r: #d6e7fd;
	--color-eb:   #006eff;
	--color-eb-b: #0032ff;

	/*font-size*/
	--font-size_10: 0.625rem;
	--font-size_11: 0.688rem;
	--font-size_12: 0.75rem;
	--font-size_13: 0.813rem;
	--font-size_14: 0.875rem;
	--font-size_15: 0.938rem;
	--font-size_16: 1rem; 
	--font-size_17: 1.0625rem; 
	--font-size_18: 1.125rem;
	--font-size_19: 1.188rem;
	--font-size_20: 1.25rem;
	--font-size_22: 1.375rem; 
	--font-size_24: 1.5rem; 
	--font-size_26: 1.625rem;
	--font-size_28: 1.75rem; 
	--font-size_30: 1.875rem; 
	--font-size_32: 2rem; 
	--font-size_34: 2.125rem; 
	--font-size_36: 2.25rem; 
	--font-size_38: 2.375rem; 
	--font-size_40: 2.5rem; 
	--font-size_42: 2.625rem; 
	--font-size_44: 2.75rem; 
	--font-size_46: 2.875rem; 
	--font-size_48: 3rem; 
	--font-size_50: 3.125rem;
	--font-size_60: 3.75rem;
	--font-size_70: 4.5rem;
	--font-size_80: 5rem;
	--font-size_90: 5.625rem;
	--font-size_100: 6.25rem;

	/*font-weight*/
	--font-th: 100;
	--font-el: 200;
	--font-l:  300;
	--font-r:  400;
	--font-m:  500;
	--font-sb: 600;
	--font-b:  bold;
 	--font-eb: 800;
	--font-bl: 900;

}

/* ------------------- 폰트두꼐 */

.fe-th { font-weight: var(--font-th) !important; }
.fe-el { font-weight: var(--font-el) !important; }
.fe-l  { font-weight: var(--font-l)  !important; }
.fe-r  { font-weight: var(--font-r)  !important; }
.fe-m  { font-weight: var(--font-m)  !important; }
.fe-sb { font-weight: var(--font-sb) !important; }
.fe-b  { font-weight: var(--font-b)  !important; }
.fe-eb { font-weight: var(--font-eb) !important; }
.fe-bl { font-weight: var(--font-bl) !important; }


/* ------------------- 폰트컬러 */

.fc-basic, .fc-basic a{ color: var(--color-text)  !important; } /* 특정영역내에 폰트컬러가 정해져있을경우, 기본폰트가 필요할때 사용 */

.fc-l,  .fc-l  a{ color: var(--color-basic-l)  !important; }
.fc-r,  .fc-r  a{ color: var(--color-basic-r)  !important; }
.fc-m,  .fc-m  a{ color: var(--color-basic-m)  !important; }
.fc  ,  .fc    a{ color: var(--color-basic)    !important; }
.fc-b,  .fc-b  a{ color: var(--color-basic-b)  !important; }
.fc-eb, .fc-eb a{ color: var(--color-basic-eb) !important; }

.fc-black,  .fc-black  a{ color: var(--color-black) }
.fc-white,  .fc-white  a{ color: var(--color-white) }
.fc-red,    .fc-red    a{ color: var(--color-red) }
.fc-green,  .fc-green  a{ color: var(--color-green) }
.fc-blue,   .fc-blue   a{ color: var(--color-blue) }
.fc-pink,   .fc-pink   a{ color: var(--color-pink) }
.fc-pink-b, .fc-pink-b a{ color: var(--color-pink-b) }
.fc-aqua,   .fc-aqua   a{ color: var(--color-aqua) }
.fc-orange, .fc-orange a{ color: var(--color-orange) }

.fc-yellow,    .fc-yellow    a{ color: var(--color-yellow) }
.fc-yellow-b,  .fc-yellow-b  a{ color: var(--color-yellow-b) }

.fc-gold,    .fc-gold    a{ color: var(--color-gold) }
.fc-gold-b,  .fc-gold-b  a{ color: var(--color-gold-b) }

.fc-orangered, .fc-orangered a{ color: var(--color-orangered) }

.fc-gray-th, .fc-gray-th  a{ color: var(--color-gray-th) }
.fc-gray-el, .fc-gray-el  a{ color: var(--color-gray-el) }
.fc-gray-l,  .fc-gray-l   a{ color: var(--color-gray-l) }
.fc-gray-r,  .fc-gray-r   a{ color: var(--color-gray-r) }
.fc-gray-m,  .fc-gray-m   a{ color: var(--color-gray-m) }
.fc-gray,    .fc-gray     a{ color: var(--color-gray) }

.fc-mg,    .fc-mg     a{ color: var(--color-mg) }
.fc-ma,    .fc-ma     a{ color: var(--color-ma) }
.fc-im,    .fc-im     a{ color: var(--color-im) }

.fc-manager { color:var(--color-mg-manager); }
.fc-manager.fc-manager a { color:var(--color-mg-manager); }

.fc-review { color: var(--color-basic-b); }
.fc-review.fc-review a { color: var(--color-basic-b); }

.pd0 { padding:0px !important; } 
.pd1 { padding:1px !important; } 
.pd2 { padding:2px !important; } 
.pd3 { padding:3px !important; } 
.pd4 { padding:4px !important; } 
.pd5 { padding:5px !important; } 
.pd10 { padding:10px !important; } 
.pd15 { padding:15px !important; } 
.pd20 { padding:20px !important; } 
.pd25 { padding:25px !important; } 
.pd30 { padding:30px !important; } 
.pd40 { padding:40px !important; } 
.pd50 { padding:50px !important; } 

/* ------------------- 폰트사이즈 */

.fs0 { font-size: 0 !important; }
.fs10 { font-size: var(--font-size_10) !important; }
.fs11 { font-size: var(--font-size_11) !important; }
.fs12 { font-size: var(--font-size_12) !important; }
.fs13 { font-size: var(--font-size_13) !important; }
.fs14 { font-size: var(--font-size_14) !important; }
.fs15 { font-size: var(--font-size_15) !important; }
.fs16 { font-size: var(--font-size_16) !important; }     /* 기준 */
.fs17 { font-size: var(--font-size_17) !important; }
.fs18 { font-size: var(--font-size_18) !important; }
.fs19 { font-size: var(--font-size_19) !important; }
.fs20 { font-size: var(--font-size_20) !important; }
.fs22 { font-size: var(--font-size_22) !important; }
.fs24 { font-size: var(--font-size_24) !important; }
.fs26 { font-size: var(--font-size_26) !important; }
.fs28 { font-size: var(--font-size_28) !important; }
.fs30 { font-size: var(--font-size_30) !important; }
.fs32 { font-size: var(--font-size_32) !important; }
.fs34 { font-size: var(--font-size_34) !important; }
.fs36 { font-size: var(--font-size_36) !important; }
.fs38 { font-size: var(--font-size_38) !important; }
.fs40 { font-size: var(--font-size_40) !important; }
.fs42 { font-size: var(--font-size_42) !important; }
.fs43 { font-size: var(--font-size_43) !important; }
.fs44 { font-size: var(--font-size_44) !important; }
.fs46 { font-size: var(--font-size_46) !important; }
.fs48 { font-size: var(--font-size_48) !important; }
.fs49 { font-size: var(--font-size_49) !important; }
.fs50 { font-size: var(--font-size_50) !important; }
.fs60 { font-size: var(--font-size_60) !important; }
.fs70 { font-size: var(--font-size_70) !important; }
.fs80 { font-size: var(--font-size_80) !important; }
.fs90 { font-size: var(--font-size_90) !important; }
.fs100 { font-size: var(--font-size_100) !important; }

html {overflow-y:scroll}
div {color: var(--color-text); } /* 기본 텍스트컬러 */
body {margin:0;padding:0; font-family: 'Pretendard Variable', Pretendard, sans-serif;font-size:16px;font-weight:400;font-style: normal;text-decoration: none;color: #000;  letter-spacing:-0.01em; overflow-x: hidden;}
html, h1, h2, h3, h4, h5, h6, form, fieldset, img{margin:0;padding:0;border:0; font-family: 'Pretendard Variable', Pretendard, sans-serif;}
h1, h2, h3, h4, h5, h6 {font-size:1em; line-height: 1; }
article, aside, details, figcaption, figure, footer, header, hgroup, menu, nav, section {display:block}
li{list-style: none;}
table{border-spacing: 0;border-collapse: collapse;}
ul, dl,dt,dd {margin:0;padding:0;list-style:none}
legend {position:absolute;margin:0;padding:0;font-size:0;line-height:0;text-indent:-9999em;overflow:hidden}
label, input, button, select, img {vertical-align:middle;font-size:1em}
input, select, textarea, button{box-sizing: border-box;}
button{background: none;border: none;cursor: pointer;outline: none;}
input, button {margin:0;padding:0;font-size:1em}
input[type="submit"] {cursor:pointer}
button {cursor:pointer}
input {   -moz-appearance: none;  outline:none; background:none;}
input:focus {outline:none !important; box-shadow:none !important;}
textarea, select {font-size:1em}
select {margin:0}
p {margin:0;padding:0;word-break:break-all}
hr {display:none}
pre {overflow-x:scroll;font-size:1.1em}
a {text-decoration:none;color: var(--color-text);} /* 링크 텍스트컬러 */
a:hover {color: var(--color-basic);}

*, :after, :before {
  -webkit-box-sizing:border-box;
  -moz-box-sizing:border-box;
  box-sizing:border-box;
  margin: 0;padding: 0;font-family: inherit;font-size: inherit;font-weight: inherit;font-style: inherit;color: inherit;text-decoration: inherit;box-sizing: border-box;
}

html, body{text-size-adjust: none;
    -webkit-text-size-adjust: none; 
    -moz-text-size-adjust: none; 
    -ms-text-size-adjust: none;

    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
}

.j_eng{font-family: "Montserrat", sans-serif;}

@media screen and (min-width:1481px){
    html, body{font-size: 16px;}
}

@media screen and (min-width:721px) and (max-width:1480px){
    html, body{font-size: 16px;}
}

@media (max-width: 767px) { /* 모바일기기전용 */
    html, body{font-size: 16px;}
}

p {
	font-size: 1rem;
	line-height: 1.6;
	color: #555;
	margin-bottom: 15px;
}

ol {
	padding-left: 20px;
	margin-bottom: 30px;
}

ol li {
	margin-bottom: 15px;
}

h2 {
	font-size: 1.5rem;
	color: #444;
	margin-top: 20px;
	margin-bottom: 10px;
}

/* 드롭다운 메뉴 기본 숨김 */
.nav-item.dropdown .dropdown-menu {
  display: none;
}

/* show 클래스 붙으면 표시 */
.nav-item.dropdown.show > .dropdown-menu {
  display: block;
}

/* "인기 업체들의 공통점" 제목 배경 */
.header-section {
  background-color: #f2f2f2; /* 제목 배경색 */
  padding: 20px 0;
  text-align: center;       /* 중앙 정렬 */
  border-bottom: 1px solid #ddd; /* 구분선 */
}

/* 제목 스타일 */
.header-section h1 {
	font-size: 40px;
	color: #333;
	margin: 0;
	padding: 20px;
	background-color: #f2f2f2; /* 배경 색 추가 */
	border-radius: 8px;
}

@media (max-width: 1023px) { /* 모바일,테블릿까지 */

	.header-section h1 {
		font-size: 24px;

	}

}


.edica-header .container {
	width: 100%;
	max-width: 1280px;

}

.edica-footer .container {
	width: 100%;
	max-width: 1280px;

}
.edica-footer-banner-section .container {
	width: 100%;
	max-width: 1280px;

}

.edica-landing-section .container {
	width: 100%;
	max-width: 1280px;

}

/* 본문 스타일 (배경 없음) */
.content-wrapper {
	width: 100%;
	max-width: 1245px;
	margin: 0 auto;
	padding: 10px 40px;
	margin-top: 20px;
	background-color: #ffffff;
	box-shadow: 0 4px 8px rgba(0, 0, 0, 0.1);
	border-radius: 8px;

}



.edica-header h1,
.edica-header h2 {
    font-size: 30px;
	margin-top:20px;
	margin-bottom:20px;
}

.edica-landing-section h1,
.edica-landing-section h2 {
    font-size: 30px;
	margin-top:20px;
	margin-bottom:20px;
}

.content-wrapper h1,
.content-wrapper h2 {
    font-size: 24px;
	margin-top:30px;
	margin-bottom:20px;
}

.blog-post-title{

	line-height: 1.3em;

}

.edica-header .nav-link {
	font-size: 18px;
}



/* 미디어 쿼리로 반응형 디자인 */
@media (max-width: 768px) {
	.content-wrapper {
		padding: 20px;
	}

	p, ol {
		font-size: 0.9rem;
	}
}

.edica-header .nav-link {
	font-size: 18px;
}

.edica-footer-banner-section .banner-btns-wrapper .btn { min-width: 300px;}

.edica-landing-header-content .carousel-content-btns .btn { min-width: 180px;}


@media (max-width: 1023px) { /* 모바일,테블릿까지 */

	.edica-footer-banner-section .footer-banner .banner-title { font-size: 24px; }

	.content-wrapper h1,
	.content-wrapper h2 {
	    font-size: 20px;
	}

}