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

/********** common ***********/
.header.active									{background:rgba(255,255,255,.8);backdrop-filter: blur(10px);}
.header_wrap									{max-width:1500px;}
.footer .con_inner								{max-width:1500px;}

/* common */
#container										{ padding-top:12em; padding-bottom:10em }
.pt40											{ padding-top:40px !important; }
.pt80											{ padding-top:80px !important; }
.mt40											{ margin-top:40px !important}
.mt30											{ margin-top:30px !important}
.mt20											{ margin-top:20px !important }
.mt0											{ margin-top:0 !important;}
#boardWrap										{ width:94%; max-width:1500px; margin-left:auto; margin-right:auto; }
img.mob											{ display:none; }
#smart_editor2 .se2_text_tool .se2_multy		{ display:none !important; }


@media all and (max-width:668px){
	.mt40					{ margin-top:30px !important;}
	.mt30					{ margin-top:20px !important;}
	.mt20					{ margin-top:15px !important;}
}



/* 타이틀 */
.title_h2										{ font-size:2.5em; font-family:var(--font-JalnanGothic); line-height:1;  }
.title_h3										{ font-size:2.19em; padding-top:8px; font-family:var(--font-JalnanGothic); line-height:1.2; order:1  }
.title_h4										{ font-size:1.88em; line-height:1; margin-top:2.67em; margin-bottom:1em; font-weight:bold }
.title_h5										{ font-size:1.5em; line-height:1; margin-top:1.5em; margin-bottom:.75em; font-weight:bold }
.title_h6										{ font-size:1.375em; line-height:1; margin-top:1.375em; margin-bottom:.5em; font-weight:600;}

/* lnb */
.lnb											{ margin-top:2em; display:flex; flex-wrap:wrap; align-items:center; gap:10px 2.25em; }
.lnb>li>a										{ position:relative; padding-right:10px; display:block; font-weight:bold; font-size:1.3em }
.lnb>li>a::before								{ position:absolute; right:0; top:0; display:inline-block; vertical-align:text-top; width:6px; height:6px;border-radius:100%; content:''; background:var(--color-point); transition:var(--trans-ani); opacity:0; }
.lnb>li>a:hover::before,
.lnb>li>a:focus::before,
.lnb>li.on>a::before							{ opacity:1; }
.lnb>li>a:hover,
.lnb>li>a:focus,
.lnb>li.on>a									{ color:var(--color-point); }
.lnb>li>a[target='_blank']:hover::after,
.lnb>li>a[target='_blank']:focus::after			{ filter:invert(10%) sepia(64%) saturate(7005%) hue-rotate(209deg) brightness(95%) contrast(98%); }



/* 비주얼 */
.visual											{ position:relative; width:100%; height:260px; margin-top:2em; margin-bottom:4.5em; background-position:center; background-repeat:no-repeat; background-size:cover }
.visual:before									{ position:absolute; width:100%; height:100%; left:0; top:0; background:rgba(0,0,0,.7); content:''; z-index:1; }
.visual.bg1										{ background-image:url(/resource/new/images/sub/bg_sub2.jpg); }
.visual.bg2										{ background-image:url(/resource/new/images/sub/bg_sub3.jpg); }
.visual.bg3										{ background-image:url(/resource/new/images/sub/bg_sub5.jpg); }
.visual.bg4										{ background-image:url(/resource/new/images/sub/bg_sub6.jpg); }
.visual.bg5										{ background-image:url(/resource/new/images/sub/bg_sub7.jpg); }
.visual.bg6										{ background-image:url(/resource/new/images/sub/bg_sub1.jpg); }
.visual.bg7										{ background-image:url(/resource/new/images/sub/bg_sub2.jpg); }
.visual.bg8										{ background-image:url(/resource/new/images/sub/bg_sub1.jpg); }
.visual.bg9										{ background-image:url(/resource/new/images/sub/bg_sub2.jpg); }
.visual.bg10									{ background-image:url(/resource/new/images/sub/bg_sub3.jpg); }



/* loc */
.title_wrap											{ display:flex; align-items:center; flex-wrap:wrap; justify-content:space-between; margin-bottom:4em; gap:10px 20px}
.title_wrap .location								{ display:flex; flex-wrap:wrap; align-items:center; order:2}
.title_wrap .location > li							{ display:flex; flex-wrap:wrap; align-items:center; position:relative; padding:0 15px;}
.title_wrap .location > li a						{ display:inline-flex; align-items:center; font-weight:300; color:rgba(34,34,34,.8); }
.title_wrap .location > li:before					{ content:''; opacity:0.4; display:block; position:absolute; left:0px; top:50%; width:6px; height:10px; margin-top:-6px; background:url(/resource/new/images/sub/icon_lnb_arr.svg) no-repeat 50% 50%; }
.title_wrap .location > li:first-child:before		{ display:none;}
.title_wrap [data-location="home"]					{ padding-left:0px; margin-top:-4px; padding-left:0 !important}
.title_wrap [data-location="home"] a				{ font-size:0px;}
.title_wrap [data-location="home"] a:before			{ content:''; display:block; width:15px; height:14px; background:url(/resource/new/images/sub/icon_home.svg) no-repeat 50% 50%; background-size:100%; opacity:.6}



/* snb */
.snb												{ display:flex; flex-wrap:wrap; align-items:center;  gap:5px 1em; margin-bottom:3em;}
.snb>li>a											{ display:block; padding:10px 35px; border-radius:3em; background:#fff; font-size:1.067em; font-weight:400; border:1px solid #dbdbdb; transition:all .3s ease;  }
.snb>li>a:hover,
.snb>li.on>a										{ background:var(--color-point); border-color:var(--color-point); color:#fff; }



/* basic_txt */
.basic_txt											{ display:block; font-size:1.063em; line-height:1.6; }

/* basic_ul */
.basic_ul											{ counter-reset:title; }
.basic_ul>li										{ position:relative; font-size:1.03em; line-height:1.4; color:#333; padding-left:25px; }
.basic_ul>li+li										{ margin-top:.25em; }
.basic_ul>li::before								{ width:18px; height:18px; border:1px solid var(--color-point); line-height:1; text-align:center; counter-increment:title; content:counter(title) " ";
														 position:absolute; font-size:11px; color:var(--color-point); left:0; top:.25em; border-radius:100%;display: flex;align-items: center;justify-content: center;padding-right: 1px; padding-top: 1px;}
.basic_ul>li>ul										{ margin:.25em 0 .5em 0; color:#666; }
.basic_ul>li>ul>li									{ position:relative; padding-left:10px; line-height:1.4; font-weight:300 }
.basic_ul>li>ul>li+li								{ margin-top:.25em; }
.basic_ul>li>ul>li::before							{ position:absolute; width:4px; height:4px; background:#666; border-radius:100%; content:''; left:0; top:.5em; }


.basic_ul2											{ counter-reset:title; }
.basic_ul2>li										{ position:relative; font-size:1.03em; line-height:1.4; color:#333; padding-left:10px; }
.basic_ul2>li+li									{ margin-top:.25em; }
.basic_ul2>li::before								{ position:absolute; width:4px; height:4px; background:rgba(0,0,0,.3); border-radius:100%; left:0; top:.55em; content:''; }
.basic_ul2.point>li::before							{background:var(--color-point);}
.basic_ul2>li a[target='_blank']:hover,
.basic_ul2>li a[target='_blank']:focus			{color:var(--color-point);}
.basic_ul2>li a[target='_blank']::after			{content:"";display:inline-block;opacity:.8;transition:all .4s;margin-left:4px;vertical-align:middle;width:16px;height:16px;background:url(../images/common/icon_blank.svg) no-repeat 50% 50% / auto 16px;margin-top:-4px;}
.basic_ul2>li a[target='_blank']:hover::after,
.basic_ul2>li a[target='_blank']:focus::after{filter:invert(12%) sepia(77%) saturate(3733%) hue-rotate(208deg) brightness(100%) contrast(101%);}

.basic_ul2>li>ul, .line_dot								{ margin:.25em 0 .5em 0; color:#666; }
.basic_ul2>li>ul>li, .line_dot > li						{ position:relative; padding-left:10px; line-height:1.4; font-weight:400;}
.basic_ul2>li>ul>li+li, .line_dot > li + li				{ margin-top:.25em; }
.basic_ul2>li>ul>li::before, .line_dot > li::before	{ position:absolute; width:4px; height:1px; background:#666; border-radius:100%; content:''; left:0; top:.7em; }

.basic_ul li.none,
.basic_ul2 li.none									{padding-left:0;}
.basic_ul li.none::before,
.basic_ul2 li.none::before							{display:none;}


/* num_list */
.num_list											{ display:flex; flex-flow:column; gap:5px; }
.num_list>li										{ display:flex; flex-wrap:wrap; gap:5px; align-items:center;}
.num_list.tac>li									{ justify-content: center; }
.num_list>li .num									{ width:18px; height:18px; border:1px solid var(--color-point); border-radius:100%; text-align:center; line-height:17px; color:var(--color-point); font-size:11px; }



/* 공통테이블 */
table.table												{ width:100%; border-top:2px solid #014099; margin-top:.7em; background:#fff; font-size:1rem; padding-bottom:0; }
table.table thead th,											
table.table	tbody th									{ padding:.75em 1.5em;  line-height:1.2; font-weight:500;  border-right:1px solid #cacaca; border-bottom:1px solid #cacaca}
table.table thead th									{ background:#e5ecf5; }
table.table	tbody th									{ background:#f4f4f4;}
table.table thead th:last-child,											
table.table	tbody th:last-child							{ border-right:none; }
table.table tbody td									{ padding:.75em 1.5em; font-weight:400; border-bottom:1px solid #cacaca; border-right:1px solid #cacaca; background:#fff}
table.table tbody td:last-child							{ border-right:none; }
table.table tbody td .basic_ul2>li::before			{top:.55em;}
table.table tbody td .basic_ul2>li>ul>li::before{top:.6em;}	
.line_list>li>ul>li table.table .dt_list				{ font-size:1rem; }


/* table scroll mobile */
.scrollTable											{ width:100%;}
.mob_info												{ display:none; position:relative; width:100%; box-sizing:border-box; padding:7px 7px 7px 35px; background:var(--color-white); border:1px dashed #cfcfcf; border-radius:3px; 
															font-size:13px;}
.mob_info:before										{ content:''; display:block; position:absolute; top:50%; left:7px; width:20px; height:18px; background:url(/resource/new/images/common/img_drag.svg) no-repeat 50% 0; background-size:100%; 
															transform:translateY(-54%)}

.mob													{ display:none; }

/* 아이콘 박스 */
.icon_box											{ display:flex; flex-wrap:wrap; align-items:center; justify-content:space-between; border-radius:25px; background:#f0f6ff; padding:1.88em; gap:1.88em 3.75em; --sizeIcon:210px; }
.icon_box .icon										{ position:relative; width:var(--sizeIcon); height:var(--sizeIcon); display:flex; align-items:center; justify-content:center }
.icon_box .icon img									{ position:relative; z-index:2; }
.icon_box .icon::before								{ position:absolute; width:calc(100% - 20px); height:calc(100% - 20px); left:50%; top:50%; content:''; background:#fff; border-radius:100%; transform:translate(-50%,-50%);}
.icon_box .text										{ width:calc(100% - var(--sizeIcon) - 3.75em); display:flex; flex-flow:column; }
.icon_box .text dt									{ font-size:1.56em; font-weight:bold; color:var(--color-point); line-height:1.2; margin-bottom:15px; }
.icon_box .text dd									{ position:relative; padding-left:15px; font-size:1.06em; font-weight:300; line-height:1.3; }
.icon_box .text dd+dd								{ margin-top:5px; }
.icon_box .text dd::before							{ position:absolute; width:5px; height:5px; border-radius:100%; background:var(--color-point); content:''; left:0; top:.55em; }

		
/* 인포 박스 */
.info_box											{position:relative;margin-left:12px;margin-top:12px;display:flex;align-items:start;justify-content:space-between;border-radius:30px;background:#fff;padding: 3.125em;gap: 0 4em;--sizeIcon:150px;border:1px solid #dbdbdb;}
.info_box.center									{align-items:center;}
.info_box:before									{content:'';display:block;width:calc(var(--sizeIcon) - 10px);height:calc(var(--sizeIcon) - 10px);background:var(--color-point);border-radius:30px;position:absolute;left: -12px;top: -12px;z-index: -1;}
.info_box .icon										{ position:relative; width:var(--sizeIcon); height:var(--sizeIcon); display:flex; align-items:center; justify-content:center; }
.info_box .icon img									{ position:relative; z-index:2; }
.info_box .icon::before								{position:absolute;width: 100%;height: 100%;left:50%;top:50%;content:'';background:#f2f7fe;border-radius:100%;transform:translate(-50%,-50%);}
.info_box .text										{flex:auto;display:flex;flex-flow:column;width:calc((100% - var(--sizeIcon)) - 4em);}
.info_box .text dt									{font-size: 1.625em;font-weight: 800;color: var(--color-base);line-height:1.2;letter-spacing: 0;margin-bottom: .625em;}
.info_box .text dd									{ position:relative; padding-left:15px; font-size:1.063em; }
.info_box .text dd.none								{padding-left:0;}
.info_box .text dd+dd								{ margin-top:8px; }
.info_box .text dd::before							{ position:absolute; width:5px; height:5px; border-radius:100%; background:var(--color-point); content:''; left:0; top:.6em; }
.info_box .text dd.none::before					{display:none;}
.info_box .text dd strong						{font-weight:700;}
.info_box .text dd small						{font-size:.94em;}


/* 단순 박스 스타일 */
[class*="box_text_"]					{ padding:1.25em 1.5em; border-radius:12px;}
.box_text_gray							{ background:var(--color-gray); font-size:1.063em; color:#333;font-weight:400;} 
.box_text_line							{ border:1px solid #e5e5e5; font-size:1.063em; color:#333; line-height:1.6; font-weight:400;}


/* 버튼 */
.btn_area										{ display:flex; gap:3px; }
.btn_area .cbtn									{ display:block; min-width:8em; line-height:1; padding:.75em .5em; font-size:1.03em; font-weight:500; border-radius:8px; border:1px solid var(--color-point); background:var(--color-point); color:#fff; text-align:center }
.btn_area .cbtn.white							{ background:#fff; border:1px solid rgba(0,0,0,.1); color:#222 }
.btn_area .cbtn:hover							{ animation:iconShow 0.7s ease-in-out 1 forwards;}
 
.btn_area .cbtn.radius							{ border-radius:2em; }
.btn_area .cbtn.big								{ padding:1em 1em; font-size:1.167em; }

.btn_area .list										{display:flex;gap:1.25em;width: 100%;flex-wrap:wrap;}
.btn_area .list > li								   {flex: 1 1 calc((100% - 1.25em) / 2);}
.btn_area .list > li > a							{border:1px solid #dbdbdb;border-radius:10px;padding: 1.125em;height:100%;display:flex;align-items:center;justify-content: space-between;gap:6px;font-size:1.125em;font-weight:500;--sizeIcon:40px;transition:var(--trans-ani);}
.btn_area .list > li > a:hover,
.btn_area .list > li > a:focus						{color:var(--color-point);border-color:var(--color-point);}
.btn_area .list > li > a .icon						{min-width:var(--sizeIcon);height:var(--sizeIcon);background:#f6f6f6;border:1px solid #dbdbdb;display:flex;align-items: center;border-radius: 8px;justify-content: center;transition:var(--trans-ani);}
.btn_area .list > li > a:hover .icon,
.btn_area .list > li > a:focus .icon				{background:var(--color-point);border-color:var(--color-point);}
.btn_area .list > li > a .icon::before				{content:'';display:block;width: 100%;height: 100%;background-repeat:no-repeat;background-position:center;opacity:.8;transition:var(--trans-ani);}
.btn_area .list > li > a .icon.down::before			{background-image: url(../images/bbs/icon_file.svg);background-size:auto 16px;}	
.btn_area .list > li > a .icon.blank::before			{background-image:url(../images/common/icon_blank.svg);background-size:auto 18px;}	
.btn_area .list > li > a:hover .icon::before,
.btn_area .list > li > a:focus .icon::before				{filter: invert(1);opacity:1;}
.btn_area .list > li > a:has(.blank)[target="_blank"]::after{display:none;}



@media all and (max-width:1568px) {
	/* 레이아웃 */
	#container										{ padding-top:11em; padding-bottom:9em;  }
	
	/* 타이틀 */
	.title_h2										{ font-size:2.4em;  }
	.title_h3										{ font-size:2.1em; }
	.title_h4										{ font-size:1.85em; line-height:1.2 }
	.title_h5										{ font-size:1.45em; line-height:1.2 }
	.title_h6										{font-size:1.25em; line-height:1.2;}
	
	
	/* lnb */
	.lnb											{ gap:0 3.5em; }
	.lnb>li>a										{ font-size:1.28em }
	
	/* 비주얼 */
	.visual											{ height:250px;  }

	/* 아이콘 박스 */
	.icon_box										{ --sizeIcon:200px; }
	.icon_box .text dt								{ font-size:1.5em; }

	/* 인포 박스 */
	.info_box										{padding:3em;}
	.info_box .text dt								{ font-size:1.5em; }
}
@media all and (max-width:1468px) {
	/* 타이틀 */
	.title_h2										{ font-size:2.35em;  }
	.title_h3										{ font-size:2.05em; }
	.title_h4										{ font-size:1.8em; }
	.title_h5										{ font-size:1.4em; }
	.title_h6										{font-size:1.2em; }
	
	/* lnb */
	.lnb											{ gap:0 3em; }
	.lnb>li>a										{ font-size:1.267em }
	
	/* 비주얼 */
	.visual											{ height:230px; margin-top:1.5em; margin-bottom:4em; }

	/* 아이콘 박스 */
	.icon_box										{ --sizeIcon:190px; }
	.icon_box .text dt								{ font-size:1.45em; }

	/* 인포 박스 */
	.info_box										{ --sizeIcon:140px;padding:2.875em;gap:0 3.75em; }
	.info_box .text									{width:calc((100% - var(--sizeIcon)) - 3.75em);}
	.info_box .text dt								{ font-size:1.45em; }

	/* 버튼 */
	.btn_area .list									{gap:1.125em;}
	.btn_area .list > li							 {flex: 1 1 calc((100% - 1.125em) / 2);}
	.btn_area .list > li > a					{font-size:1.063em;}
}
@media all and (max-width:1368px) {
	/* 레이아웃 */
	#container										{ padding-top:10em; padding-bottom:8em;  }
	
	/* 타이틀 */
	.title_h2										{ font-size:2.3em;  }
	.title_h3										{ font-size:2em; }
	.title_h4										{ font-size:1.75em; }
	.title_h5										{ font-size:1.35em; }
	.title_h6										{font-size:1.175em; }
	
	/* lnb */
	.lnb											{ gap:0 2.5em; }
	.lnb>li>a										{ font-size:1.2em }
	
	/* 비주얼 */
	.visual											{ height:210px; margin-bottom:4em; }
	
	/* snb */
	.snb											{ margin-bottom:2em; }

	/* 아이콘 박스 */
	.icon_box 										{ --sizeIcon:180px; }
	.icon_box .text dt								{ font-size:1.4em; }

	/* 인포 박스 */
	.info_box										{padding:2.75em; }
	.info_box .text dt								{ font-size:1.4em;}

	/* 단순 박스 스타일 */
	.box_text_gray,							
	.box_text_line							{ font-size:1.03em;}
}
@media all and (max-width:1268px) {
	/* 타이틀 */
	.title_wrap										{ margin-bottom:3em; }
	.title_h2										{ font-size:2.25em;  }
	.title_h3										{ font-size:1.95em; }
	.title_h4										{ font-size:1.7em; }
	.title_h5										{ font-size:1.3em; }
	.title_h6										{font-size:1.15em; }
	
	/* lnb */
	.lnb											{ margin-top:1.5em; gap:0 2em; }
	.lnb>li>a										{ font-size:1.167em }
	
	/* 비주얼 */
	.visual											{ height:200px; margin-bottom:3.5em; }
	
	/* snb */
	.snb>li>a										{ padding:8px 30px; font-size:1.03em; }

	/* 아이콘 박스 */
	.icon_box 										{ --sizeIcon:170px; }
	.icon_box .text dt								{ font-size:1.35em; }

	/* 인포 박스 */
	.info_box 										{ --sizeIcon:130px;padding:2.5em; gap:0 3.5em;}
	.info_box .text									{width:calc((100% - var(--sizeIcon)) - 3.5em);}
	.info_box .text dt								{ font-size:1.35em; }

	/* 버튼 */
	.btn_area .list									{gap:1em;}
	.btn_area .list > li							 {flex: 1 1 calc((100% - 1em) / 2);}
	.btn_area .list > li > a						{font-size:1.03em;--sizeIcon:36px;}
	.btn_area .list > li > a .icon					{border-radius:6px;}
	.btn_area .list > li > a .icon.down::before{background-size:auto 14px;}
	.btn_area .list > li > a .icon.blank::before{background-size:auto 16px;}
}
@media all and (max-width:1168px) {
	/* 타이틀 */
	.title_h2										{ font-size:2.2em;  }

	
	/* lnb */
	.lnb											{ gap:0 1.5em; }
	
	/* 비주얼 */
	.visual											{ height:190px; }
	
}
@media all and (max-width:1024px) {
	table.table,
	.line_list>li>ul>li table.table .dt_list		{ font-size:.95rem; }
	table.table tbody td .basic_ul2>li::before			{top:.5em;}
	table.table tbody td .basic_ul2>li>ul>li::before{top:.7em;}	
	.scrollTable									{ overflow:auto;}
    .scrollTable .table								{ width:120%; margin-top:0px; min-width:768px }
    .mob_info										{ display:block; margin-bottom:5px; margin-top:1em;}
	.basic_ul>li::before							{top:.15em;}

	/* 인포 박스 */
	.info_box 										{ --sizeIcon:120px;padding:2.25em;border-radius:20px;gap:0 3em; }
	.info_box:before								{border-radius:20px;}
	.info_box .text									{width:calc((100% - var(--sizeIcon)) - 3em);}
	
	/* 버튼 */
	.btn_area .list > li > a					{--sizeIcon:30px;border-radius:8px;}
	.btn_area .list > li > a .icon					{border-radius:4px;}
	.btn_area .list > li > a .icon.down::before{background-size:auto 12px;}
	.btn_area .list > li > a .icon.blank::before{background-size:auto 14px;}
}	

@media all and (max-width:968px) {
	/* 단순 박스 스타일 */
	[class*="box_text_"]					{ padding:1em; border-radius:8px; }
	.box_text_gray,
	.box_text_line							{ line-height:1.4; }
}

@media all and (max-width:868px) {
	#container										{ padding-top:70px;padding-bottom:7em; }
	/* 타이틀 */
	.title_h2										{ font-size:2.1em;  }
	
	/* lnb */
	.area_lnb,
	.snb											{ display:none; }

	/* 비주얼 */
	.visual											{ height:170px; margin-bottom:3em; margin-top:0}
	
	.mob											{ display:block; }

	/* 인포 박스 */
	.info_box 										{ --sizeIcon:110px; padding:2em;gap:2em 0;flex-wrap:wrap; }
	.info_box .text									{ width:100%; }

	/* 버튼 */
	.btn_area .list									{gap:10px;}
	.btn_area .list > li							 {flex: 1 1 calc((100% - 10px) / 2);}
	.btn_area .list > li > a 						{padding: 1.063em;}
}

@media all and (max-width:768px) {
	/* 아이콘 박스 */
	.icon_box 										{ --sizeIcon:150px; gap:1.5em}
	.icon_box .text									{ width:100%; }
}
@media all and (max-width:668px) {
	#container										{ padding-top:65px; padding-bottom:6em;}

	/* 타이틀 */
	.title_wrap										{ margin-bottom:2.5em; }
	.title_h2										{ font-size:2em;  }
	.title_h3										{ font-size:1.9em; }
	.title_h4										{ font-size:1.6em; }
	.title_h5										{ font-size:1.25em; }
	.title_h6										{font-size:1.063em; }
	
	/* lnb */
	.lnb											{ margin-top:1.25em; }
	
	/* 비주얼 */
	.visual											{ height:180px; margin-bottom:2.5em }
	
	
	/* snb */
	.snb											{ gap:5px; }
	.snb>li>a										{ padding:6px 20px;  }
	
	.title_wrap .location > li						{ padding:0 10px 0 15px; }
	
	table.table,
	.line_list>li>ul>li table.table .dt_list		{ font-size:.9rem; }
	.basic_ul>li::before							{padding-right:0;}
	
	img.mob											{ display:block; }
	img.pc											{ display:none; }
}
@media all and (max-width:468px) {
	/* 타이틀 */
	.title_h2										{ font-size:1.9em;  }
	.title_h3										{ font-size:1.8em; }
	
	/* 비주얼 */
	.visual											{ height:150px;}
	
	.title_wrap										{ margin-bottom:2em; }
	
	.snb>li>a										{ padding:5px 12px; }

	/* 아이콘 박스 */
	.icon_box 										{ --sizeIcon:120px; }

	/* 인포 박스 */
	.info_box 										{ --sizeIcon:100px;padding:1.5em; margin-left:10px;margin-top:10px;border-radius:12px;gap:1.5em 0;}
	.info_box:before								{left:-10px;top:-10px;border-radius:12px;}

	/* 버튼 */
	.btn_area .list > li > a 						{padding: 1em;}
}
@media all and (max-width:468px) {
	/* 타이틀 */
	.title_h2										{ font-size:1.8em;  }
	.title_h3										{ font-size:1.7em; }
}
@media all and (max-width:368px) {
	#container										{ padding-top:60px;padding-bottom:5em; }

	/* 인포 박스 */
	.info_box										{ gap:1.25em 0;}
}

/* 컨텐츠 안 탭메뉴 */
.area_tab										{ position:relative; margin-bottom:3.125em; border-radius:12px; padding: 1.125em;background:#fff;border:1px solid #e5e5e5;}
.area_tab .list									{ display:flex; flex-flow:row wrap; justify-content:flex-start; align-items:stretch; gap:7px}
.area_tab .list > li							{ display:flex; flex:auto; justify-content:center; align-items:center;}
.area_tab .list > li > a,
.area_tab .list > li > button					{ display:flex; justify-content:flex-start; align-items:center; position:relative; width:100%; padding:1.063em 2.5em 1.063em 1.063em; border-radius:8px; text-align:center; 
													transition:var(--trans-ani); background:#f4f4f4;}
.area_tab .list > li > a>span,
.area_tab .list > li > button>span				{ color:#444;font-size:1.063em; line-height:1.15; text-align:left;}
.area_tab .list > li > a::after,
.area_tab .list > li > button::after			{ content:''; display:block; position:absolute; width:6px; height:10px; right:1em; top:50%; background:url(../images/contents/tab_arr.svg) no-repeat  center/ 100%;
													transform:translateY(-50%) ;transition:var(--trans-ani);}
.area_tab .list > li > a.active,
.area_tab .list > li > button.active			{ background:var(--color-point);  border-color:var(--color-point)  }
.area_tab .list > li > a.active::after,
.area_tab .list > li > button.active::after		{ filter:invert(1);}
.area_tab .list > li > a.active>span,
.area_tab .list > li > button.active>span		{ color:var(--color-white);}
.conts_tab										{ display:none; }
.conts_tab.active								{ display:block; }

.btn_tab_mob									 {display: none;}

@media (max-width: 1268px) {
	.area_tab									{padding:1em;margin-bottom:2.5em;}
}

@media (max-width: 768px) {
    .area_tab 									{position: relative; padding: 10px;z-index: 1; }
    .area_tab .btn_tab_mob					{position: relative;display: flex;align-items: center; justify-content: space-between;width: 100%; color: #fff;border-radius: 8px;padding: 1.063em; background: var(--color-point);text-align: left;}
    .area_tab .btn_tab_mob::after 			{content: '';flex-shrink: 0; width: 8px; height: 8px; margin-left: 1em;border-right: 1px solid #fff; border-bottom: 1px solid #fff; transform: translateY(-2px) rotate(45deg);}
	.area_tab .btn_tab_mob.active			{border-radius: 8px 8px 0 0;}
    .area_tab .btn_tab_mob.active::after { transform: translateY(2px) rotate(225deg);border-color: #fff;}
    .area_tab .list								 {position: absolute;top: auto; left: 10px;display: none;width: calc(100% - 20px);background: #fff;border: 1px solid var(--color-point);z-index: 1; padding: 4px 0 10px;border-radius: 0 0 8px 8px;}
    .area_tab .list > li						 {display: block; padding: 6px 10px 0 10px; width: 100%;}
    .area_tab .list > li button					 {width: 100%;text-align: left;padding:1em;border-radius:6px;font-size:.94em;}
	.area_tab .list > li button::after			{display:none;}
}

@media (max-width: 668px) {
	.area_tab								{margin-bottom:2em;}
}