@charset "utf-8";
/* CSS Document */


/**********************************************************************

 								공통

**********************************************************************/

/* txt */
.txt_red{color:var(--color-red) !important;}
.txt_blue{color:var(--color-blue) !important}
.txt_point{color:var(--color-point) !important}

/* margin & padding */
.ml0{margin-left:0 !important}
.mb2em{margin-bottom:2em;}

.pl0{padding-left:0 !important}

/* title */
.h4_title																	{position:relative;font-size:1.5625em;font-weight:700;color:#111;padding-left:34px;margin-top: 1.92em;margin-bottom: .77em; line-height: 1.28;}
.h4_title:first-child                     									{ margin-top:0; }
.h4_title::before															{content:'';display:block;position:absolute;left:0;top:4.5px;width:24px;height:24px;background:url(/resource/health/images/sub/icon_bullet.png) no-repeat center / 100%;}

.h5_title																	{position:relative;font-size:1.4em;font-weight:700;color:#111;padding-left:34px;margin-top: 1.4em;margin-bottom: .77em; line-height: 1.28;}
.h5_title:before															{content:""; display:block; position:absolute; left:9px; top:6px; width:17px; height:17px; background:var(--color-white); border:4px solid var(--color-point); border-radius:50%;}


.h6_title																	{position:relative;font-size:1.25em;font-weight:700;color:#111;padding-left:34px;margin-top: 1em;margin-bottom: .77em; line-height: 1.28;}
.h6_title:before															{content:""; display:block; position:absolute; left:15px; top:7px; width:10px; height:10px; border-style:solid; border-width:2px 2px 0 0; border-color:var(--color-point);
																				transform:rotate(45deg);}
.h6_title:after																{content:""; display:block; position:absolute; left:14px; top:8.5px; width:6px; height:6px; border-style:solid; border-width:2px 2px 0 0; border-color:var(--color-point);
																				transform:rotate(45deg);}
.box_flex .h4_title,
.box_flex .h5_title,
.box_flex .h6_title														{ margin-bottom:0px; }
/* box_list */
.box_list																{display:flex;gap:1.25em;flex-wrap:wrap;}
.box_list.col02 > li													{width:calc((100% - 1.25em) / 2)}
.box_list.col03 > li													{width:calc((100% - 2.5em) / 3)}
.box_list > li															{width:calc((100% - 3.75em) / 4);background:#f8f8f8;border-radius:12px;padding:1.875em;}
.box_list > li dt														{font-size:1.125em;font-weight:700;margin-bottom:.5em;}
.box_list > li dd														{color:var(--color-base1);}
.h5_title + .box_list		{margin-left:10px}

/* basic_box */
.basic_box								{position:relative; border:1px solid #ddd; padding:1em 1.5em; font-size:1.1em; border-radius:.5em; margin-top:1em}

.basic_box dt							{font-size:1.1em; font-weight:600; margin-bottom:.5em}
.basic_box dd + dt						{margin-top:.5em}
.basic_box dl:has(.alarm) dd			{margin-left:1.8em;}
.basic_box dd:has(.basic_ul)			{margin-left:10px;}
.basic_box dd:has(.basic_ul) li			{font-size:1em}
.basic_box dd:has(.basic_ul) li:before	{top:.38em}

.basic_box .alarm						{display:flex; flex-wrap:wrap; align-items:center; align-items:center; position:relative; padding-left:1.5em; font-size:1.1em}
.basic_box .alarm i						{position:absolute; width:20px; height:20px; border-radius:50%; background:var(--color-pink); display:block; top:4px; left:0;}
.basic_box .alarm i:before				{content:"!"; color:#fff; display:flex; align-items:center; justify-content:center; font-weight:bold; position:absolute; top:-.01em; left:0; right:0; bottom:0; margin:auto; width:1em; height:1em; line-height:1; text-align:center;}

.h5_title + .basic_box					{margin-left:10px}
.h6_title + .basic_box					{margin-left:15px}
.titleh5 + .basic_box					{margin-left:10px}
.titleh6 + .basic_box					{margin-left:15px}
.basic_box_dot							{position:relative; border:1px dashed #ddd; padding:1em 1.5em; font-size:1.1em; border-radius:.5em; margin-top:1em}
.basic_box .basic_box_dot:first-child	{margin-top:0}
.basic_box_dot:has(>*)					{font-size:1em;}
.h6_title + .basic_box_dot				{margin-left:10px}

/* list text */
.basic_ul									{ margin-top:10px; margin-left:10px}
.basic_ul>li								{ position:relative; padding-left:12px; line-height:1.28; font-size:1.13rem; color:var(--color-base)}
.basic_ul>li+li								{ margin-top:10px; }
.basic_ul>li strong							{ font-weight:bold;}
.basic_ul>li:before							{ content:''; display:block; position:absolute; left:0px; top:8px; width:5px; height:5px; background:var(--color-point); border-radius:100%;}
.basic_ul>li>ul,
.line_dot									{ margin-top:10px;}
.li_none:before,
.none:before								{background:none !important;}
.basic_ul>li>ul>li+li,
.line_dot>li+li								{ margin-top:7px; }
.basic_ul>li>ul>li,
.line_dot>li								{ position:relative; padding-left:12px; font-size:1.06rem;}
.basic_ul>li>ul>li::before,
.line_dot>li::before						{ content:''; display:block; position:absolute; left:0; top:9px; width:6px; height:2px; background:var(--color-base); opacity:.7  }
.basic_ul>li>ul>li>ul,
.small_dot									{ margin-top:10px; }
.basic_ul>li>ul>li>ul>li+li,
.small_dot>li+li							{ margin-top:5px; }
.basic_ul>li>ul>li>ul>li,
.small_dot>li								{ position:relative; padding-left:12px; font-size:1rem; }
.basic_ul>li>ul>li>ul>li::before,
.small_dot>li::before						{ content:''; display:block; position:absolute; left:0; top:7px; width:4px; height:4px; background:var(--color-base); border-radius:100%; opacity:.3 }

.h5_title + .basic_ul	{margin-left:1em}
.basic_box .basic_ul	{margin-top:0; margin-left:0;}

/* list number 02 */
.list_num02										{ counter-reset:title; margin-top:10px; color:var(--color-base)}
.list_num02>li									{ position:relative; font-size:1.13rem; font-weight:400; padding-left:10px; line-height:1.28;}
.list_num02>li+li								{ margin-top:6px;}
.list_num02>li:before							{ counter-increment:title; content:counter(title) " "; display:flex; justify-content:center; align-items:center; position:absolute; left:-14px; top:0; width:19px; height:19px; 
												box-sizing:border-box; border-radius:100%; background:#777; line-height:23px; font-size:.8rem; font-weight:400; text-align:center; color:#fff; opacity:.8}
.list_num02.point>li:before						{ border-color:var(--color-point); color:var(--color-point); }

.list_num02.flex 								{ display:flex; flex-wrap:wrap;gap:.5em 1em; margin-bottom:15px; }
.list_num02.flex>li+li							{ margin-top:0; }
.list_num02.row									{ display:flex; flex-wrap:wrap; gap:10px 1em; }
.list_num02.row>li								{ flex:auto; }
.list_num02.row>li+li							{ margin-top:0; }
.list_num.type02>li::before						{ content:counter(title, decimal-leading-zero) ". "; font-size:inherit; width:inherit; height:inherit; border:none}
.list_num.type02.no-zero>li::before				{ content:counter(title, decimal) ". ";}
.list_num.type02.bracket>li						{padding-left:21px;}
.list_num.type02.bracket>li::before				{ content:counter(title, decimal) ") ";}

@media all and (max-width:1368px) {

	/* list number */
	.list_num02>li								{ font-size:1.1rem; padding-left:10px; }
	.list_num02>li:before						{ width:20px; height:20px; line-height:20px; font-size:.75rem; padding-right:1px}
}
@media all and (max-width:1024px) {
	/* list number */
	.list_num02>li								{ font-size:1.03rem; }
	.list_num02>li:before						{ font-size:.7rem; top:-1.5px}
	
	.h6_title:before							{ top:7.5px; }
	.h6_title:after								{ top:7px; }
	.h4_title,
	.h5_title,
	.h6_title									{ word-break: break-all; }
}
@media all and (max-width:868px) {
	.list_num02>li								{ font-size:1rem; padding-left:6px; }
	.list_num02>li:before						{ width:16px; height:16px; line-height:18px; font-size:.65rem; padding-right:1px;; top:-.5px}
}

/* 테이블 */
table													{ border-spacing:0; border-collapse:collapse; color:var(--color-base);}
table.basic_table										{ width:100%; margin-top:20px; border-top:2px solid var(--color-point);}
table.basic_table.ml25									{ width:calc(100% - 25px); }
table.basic_table thead th								{ padding:15px 10px; background:#f3f3f3; border:1px solid #ddd; font-weight:600;  font-size:1.06em}
table.basic_table thead tr:nth-of-type(1) th			{ border-top-width:0px; }
table.basic_table thead tr.none th						{ border-bottom-width:0px;}
table.basic_table thead tr.none + tr th					{ border-top:1px solid #ddd;}
table.basic_table thead th[rowspan]						{ border-right:1px solid #ddd;}
table.basic_table tbody th								{ background-color:#f8f9fa; border:1px solid #ddd; }
table.basic_table th,
table.basic_table td									{ padding:15px 10px; letter-spacing:-0.5px; line-height:1.4; word-break:keep-all; }
table.basic_table.va_top td								{ vertical-align:top; }
table.basic_table td small								{ font-size:.75em; }
table.basic_table td.bg_light_blue						{ background:var(--color-light-blue); }
table.basic_table td strong								{ font-weight:bold }
table.basic_table td .basic_ul,
table.basic_table td .list_num							{ margin-top:0; }
table.basic_table td .basic_ul li,
table.basic_table td .list_num li						{ font-size:1em; }
table.basic_table td .basic_ul>li:before				{ top:6px; }
table.basic_table td .list_num>li:before				{ top:-1.5px; }
table.basic_table th									{ text-align:center; }
table.basic_table * + textarea							{ margin-top:.5em }

/* tbody */
table.basic_table thead + tbody tr td					{ text-align:center;}
table.basic_table tbody td								{ background:#fff; border:1px solid #ddd;text-align:left; border-top:none}
table.basic_table tbody tr td:nth-of-type(1),
table.basic_table tbody tr th:nth-of-type(1),
table.basic_table thead tr th:nth-of-type(1)			{ border-top-width:0px; border-left-width:0;}
table.basic_table tbody tr td:nth-last-of-type(1),
table.basic_table tbody tr th:nth-last-of-type(1),
table.basic_table thead tr th:nth-last-of-type(1)		{ border-right-width:0;}
table.basic_table tbody th								{ background:#fafafa; font-weight:400 }
table.basic_table tbody tr th:nth-of-type(1)			{ border-right-width:1px; }
table.basic_table tbody tr th:nth-of-type(2):nth-last-of-type(1) { border-right-width: 1px; }

#content .scrollTable									{ width:100%;}
#content .mob_info										{ display:none; position:relative; width:100%; box-sizing:border-box; margin-top:10px; padding:5px 0 5px 28px; font-size:.9rem;}
#content .mob_info:before								{ content:''; display:block; position:absolute; top:8px; left:7px; width:15.5px; height:15px; background:url(/resource/health/images/common/img_drag.svg) no-repeat 50% 0; background-size:100%; opacity:.64}

table.basic_table thead + tbody td:has(.basic_ul),
table.basic_table thead + tbody td:has(.list_num),
table.basic_table thead + tbody td:has(.basic_dl)		{ text-align:left; }

.table_right{text-align:right; margin:-1em 0;}
table.basic_table.tal td{text-align:left;}
table.basic_table .bt_none									{ border-top:none; }
table.basic_table .br_line									{ border-right-width:1px !important; }
/* btn_list */
.btn_list						{margin-bottom:1em;border:1px solid #ddd; border-radius:.5em; overflow:hidden;}
.btn_list li					{position:relative;}
.btn_list li:not(:first-child)	{border-top:1px solid #ddd;}
.btn_list li:before				{content:""; display:block; width:0; height:100%; background:#f4f4f4; position:absolute; top:0; left:0;}
.btn_list li:hover:before		{width:100%; transition:all .5s;}
.btn_list a						{padding:1em 1.5em; display:block; position:relative; padding-right:3em;}
.btn_list a:after				{content:""; display:block; width:1em; height:1em; background:url(/resource/health/images/contents/icon/icon_file.svg) no-repeat center; position:absolute; top:0; bottom:0; right:1.5em; margin:auto;}

/* link */
.a_link			{display:inline-block; position:relative; text-decoration:underline; color:var(--color-blue); word-break:break-all;}
.a_link:after	{content:"";display:inline-block;width:13px;height:13px;background:url(/resource/health/images/common/icon_blank.svg) no-repeat center;margin-left:.3em;filter: invert(11%) sepia(100%) saturate(5943%) hue-rotate(238deg) brightness(87%) contrast(98%);}


@media all and (max-width:1368px) {
	/* title */
	.h4_title												{font-size:1.53em;padding-left:30px;}
	.h4_title::before										{top:3px;width:22px;height:22px;}

	/* box_list */
	.box_list > li											{padding:1.5em;}

  	/* basic_box */
	.basic_box .alarm										{line-height:1.05em;}
	.basic_box .alarm i										{top:-2px; left:-2px}

    /* list text */
	.basic_ul>li								{ font-size:1.1rem; }
	.basic_ul>li:before							{ top:7.5px; }
	.line_dot>li,
	.basic_ul>li>ul>li							{ font-size:1rem;}
	.line_dot>li::before,
	.basic_ul>li>ul>li::before					{ top:8.5px; }
	.small_dot>li,
	.basic_ul>li>ul>li>ul>li					{ font-size:.95rem; }
	.small_dot>li::before,
	.basic_ul>li>ul>li>ul>li::before			{ top:6px; }
}

@media all and (max-width:1268px) {

	/* box_list */
	.box_list												{gap:.7em}
	.box_list > li											{width: calc((100% - 2.1em) / 4);}
	.box_list.col02 > li									{width:calc((100% - .7em) / 2)}
	.box_list.col03 > li									{width:calc((100% - 1.4em) / 3)}

}


@media all and (max-width:1024px) {
	/* title */
	.h5_title:before							{top:4px}
	.h5_title:after								{top:8px}
  
    .h6_title:before							{top:5px}

    /* list text */
	.basic_ul>li								{ font-size:1.03rem; }
	.basic_ul>li:before							{ top:6.5px; width:5px; height:5px; }
	.basic_ul>li>ul>li,
	.line_dot>li								{ font-size:.98rem;}
	.basic_ul>li>ul>li::before,
	.line_dot>li::before						{ top:7.5px;  }
	.small_dot>li,
	.basic_ul>li>ul>li>ul>li					{ font-size:.9rem; }
	.small_dot>li::before,
	.basic_ul>li>ul>li>ul>li::before			{ top:5px; }

	/* 테이블 */
	table.basic_table tbody th, 
	table.basic_table td						{ font-size:.92rem; }
    #content .scrollTable						{ overflow:auto;}
    #content .scrollTable .basic_table,
  	#boardWrap .view_table .view_con table		{ width:1024px; margin-top:0px;}
    #content .mob_info							{ display:block; margin-bottom:5px;}
    table.basic_table thead th					{ padding:13px 9px;}
	
	table.basic_table .basic_ul>li				{ font-size:.92rem; }
	table.basic_table .basic_ul>li+li			{ margin-top:5px; }
	table.basic_table .basic_ul>li:before		{ top:6px; }
	
	.a_link										{ display:inline; }
}

@media all and (max-width:868px) {
	/* title */
	.h4_title												{font-size:1.43em;padding-left:25px;}
	.h4_title::before										{top: 2.5px;width: 20px;height: 20px;}

	/* box_list */
	.box_list												{gap:10px;}
	.box_list > li											{width: calc((100% - 10px) / 2);border-radius:10px;}
	.box_list.col02 > li									{width:calc((100% - 10px) / 2)}
	.box_list.col03 > li									{width:calc((100% - 20px) / 3)}

    /* list text */
	.basic_ul>li								{ font-size:1rem; }
	.basic_ul>li:before							{ top:6px; }
	.basic_ul>li>ul>li,
	.line_dot>li								{ font-size:.95rem;}
	.basic_ul>li>ul>li>ul>li,
	.small_dot>li								{ font-size:.88rem; }
	.basic_ul>li>ul>li>ul>li::before,
	.small_dot>li::before						{ top:6px; }
	.list_num>li								{ font-size:1rem; }
  
    /* table */
    .table_right{margin:0;}
}

@media all and (max-width:468px) {
	/* box_list */
	.box_list												{gap:6px;}
	.box_list > li,
	.box_list.col02 > li,
	.box_list.col03 > li{width: 100%;border-radius:8px;padding:1.25em;}
}


/**********************************************************************

 							현황 및 업무

**********************************************************************/

[data-subarea="status"] .history											{ position:relative; display:flex; flex-flow:column; gap:3.5em; }
[data-subarea="status"] .history::before									{ position:absolute; left:220px; top:9px; width:1px; height: calc(100% - 9px); content:''; background:#e5e5e5; }
[data-subarea="status"] .history>li										{ display:flex; }
[data-subarea="status"] .history>li .year								{ position:relative; width:220px; font-weight:700;font-size:1.625em;color:var(--color-point); }
[data-subarea="status"] .history>li .year::before						{ position:absolute; right:-9px; top:9px; content:''; width:17px; height:17px; border-radius:100%; background:var(--color-white);border:4px solid var(--color-point); }
[data-subarea="status"] .history>li .h_con								{ position:relative; flex:auto; width:calc(100% - 220px); padding-left:60px; display:flex; flex-flow:column; gap:1.875em;margin-top:2px;}
[data-subarea="status"] .history>li .h_con dl>dt							{ font-weight:700; font-size:1.25em;}
[data-subarea="status"] .history>li .h_con dl>dd .basic_ul				{ margin-left:0; }
[data-subarea="status"] .history>li .h_con dl>dd .basic_ul > li			{color:var(--color-base2);font-size:1em;}
[data-subarea="status"] .history>li .h_con dl>dd .basic_ul > li::before{top:7px;}

@media all and (max-width:1368px){
    [data-subarea="status"] .history											{ gap:2.5em; }
	[data-subarea="status"] .history::before									{left:200px;}
	[data-subarea="status"] .history>li .year									{font-size:1.5em;width:200px;}
    [data-subarea="status"] .history>li .h_con									{width: calc(100% - 200px);gap:1.5em;}
	[data-subarea="status"] .history>li .h_con dl>dt						{font-size:1.2em;}
}

@media all and (max-width:1024px){
	[data-subarea="status"] .history>li .h_con dl>dd .basic_ul > li::before{top:6px;}
}

@media all and (max-width:968px){
    [data-subarea="status"] .history											{ gap:2em; }
	[data-subarea="status"] .history::before									{ left:160px;top:8px;height: calc(100% - 8px); }
    [data-subarea="status"] .history>li .year								{ width:160px; }
	[data-subarea="status"] .history>li .year::before						{top:8px;width:15px;height:15px;right:-8.5px;}
    [data-subarea="status"] .history>li .h_con								{ width:calc(100% - 160px); padding-left:40px;margin-top:.15em; }
    [data-subarea="status"] .history>li .h_con::before						{ top:8px; width:30px; }
    [data-subarea="status"] .history>li .h_con dl							{ margin-top:1px; }
    [data-subarea="status"] .history>li .h_con dl>dt							{ width:100%; text-align:left; margin-bottom:.25em; }
    [data-subarea="status"] .history>li .h_con dl>dd							{ width:100%; padding:0; }
}

@media all and (max-width:868px){
	 [data-subarea="status"] .history>li .h_con dl>dt						{font-size:1rem;}
}

@media all and (max-width:668px){
    [data-subarea="status"] .history::before									{ left:9px; top:2px;height: calc(100% - 2px); }
    [data-subarea="status"] .history>li										{ flex-wrap:wrap; }
    [data-subarea="status"] .history>li .year								{ width:100%; padding-left:30px; font-size:1.2rem; color:var(--color-point); line-height:1}
    [data-subarea="status"] .history>li .year::before						{ right:inherit; left:2px;top:2px; }
    [data-subarea="status"] .history>li .h_con								{ width:100%; padding-left:30px; margin-top:10px; }
    [data-subarea="status"] .history>li .h_con::before						{ top:-14.5px; left:7px; width:25px; }
	[data-subarea="status"] .history>li .h_con dl > dd .basic_ul		{margin-top:0;}
	[data-subarea="status"] .history>li .h_con dl > dd .basic_ul>li+li{margin-top:6px;}
}

/* 금연사업 */
.smok										{display:flex; flex-wrap:wrap; justify-content:space-between; align-items:center; margin-top:.5em !important}
.smok p										{width:20%; text-align:center;}
.smok p img									{width:100px;}
.smok ul									{width:75%;}
.smok strong								{font-size:1.05em; margin-bottom:.5em; display:block;}
.smok li:not(:first-child) strong			{margin-top:1em;}
.smok_txt									{display:block; padding:1em; border:3px double #ddd; text-align:center; letter-spacing:5px; font-weight:bold; color:#444}
@media all and (max-width:768px){
	.smok p									{width:100%}
	.smok p img								{width:80px;}
	.smok ul								{width:100%; display:flex; flex-wrap:wrap; gap:1em; border-top:1px dashed #ddd; padding-top:1em; margin-top:1em;}
	.smok li								{width:calc((100% - 2em) / 3);}
	.smok li:not(:first-child) strong		{margin-top:0;}
}
@media all and (max-width:500px){
	.smok li								{width:100%;}
	.smok li:not(:first-child) strong		{margin-top:0;}
}

/* 오시는 길 */
.map_wrap{width:100%; border:1px solid #ddd; overflow:hidden;}
.map_wrap .root_daum_roughmap_landing{width:calc(100% + 2px); height:calc(100% + 2px); position:relative; top:-1px; left:-1px;}
.map_wrap .root_daum_roughmap .cont{display:none;}
@media (max-width:768px) {
  .map_wrap{height:220px;}
}


/* 검진 스텝 */
.checkup_step{display:flex; flex-wrap:wrap; align-items:center; justify-content:center; border:1px solid #ddd; padding:1.5em 0; margin-top:1em; border-radius:10px; gap:5px 0}
h5 + .checkup_step{margin-left:10px;}
.checkup_step>li{position:relative; display:flex; flex-wrap:wrap; align-items:center;}
.checkup_step>li:not(:last-child):not(:has(ol)):after{content:""; display:block; width:1.5em; height:2em; background:url(/resource/health/images/contents/arr.svg) no-repeat center / 50%; margin:0 .4em;}
.checkup_step>li>span{padding:.6em 1.5em; border:2px solid var(--color-point); display:block; border-radius:5px; color:var(--color-point);}
.checkup_step>li:first-child>span{background:var(--color-point); color:#fff;}
.checkup_step>li li{display:flex;flex-wrap:wrap;align-items:center;position:relative;font-size:.95em;color:#777;line-height:1;}
.checkup_step>li li:before,
.checkup_step>li li:after{content:""; display:block; width:1em; height:1em; background:url(/resource/health/images/contents/arr.svg) no-repeat center / 60%; margin:0 .3em;}

/* 새창열림 색상 변경 */
.basic_newtab:after{filter:brightness(0.5); margin-left:5px;}