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


/* 인쇄용 스타일 */
@media print {
	.header{position:absolute;}
	.header.active{background-color: transparent !important;box-shadow: none; }
	.header.active .h_logo .logo {filter: invert(100%) sepia(1000%) saturate(0%) hue-rotate(352deg) brightness(200%) contrast(200%) !important;}
	.header.active .top_util > li > button {filter:invert(1) !important;}
	.sub_visual .loc_menu{bottom:-2px !important;}
	.quick_menu #btn_top{display:none;}

	/*.header{display:none !important;}
	.footer{display:none !important;}
	.sub_visual{display:none !important;}
	#content{padding:0;} */
	.page-break { page-break-inside:avoid; page-break-before: always; }

	@page {size:21cm 29.7cm; margin:15px} 
	* {-webkit-print-color-adjust: exact !important; 
		/* Chrome, Safari, Edge */ 
		color-adjust: exact !important;
		page-break-before: auto; 
		page-break-after:auto; }
	/*[data-subarea] 	{ width:100%!important;}*/
}

/* common */
#container .con_inner                     {max-width:1660px;}
#content                                        {padding:60px 0 90px;}
.pt40											{ padding-top:40px !important; }
.pt80											{ padding-top:80px !important; }
.mt40											{ margin-top:40px !important}
.mt30											{ margin-top:30px !important}
.txt											{ margin-top:20px !important }
.mt0											{ margin-top:0 !important;}
#boardWrap										{ width:94%; max-width:1660px; margin-left:auto; margin-right:auto; }
img.mob											{ display:none; }
.flex                                             {display:flex;flex-wrap:wrap;}
#map.mapWrap a[target='_blank']::after,
              


/* 타이틀 */
.title_h2										{ font-size:2.8125em;font-weight:700;line-height:1;  }
.title_h3										{ font-size:2.25em; text-align:center;font-weight:700;margin-bottom:1.75em; line-height:1.2; order:1  }
.title_h4										{position:relative;padding-left:38px; font-size:1.88em; line-height:1; margin-top:2.67em; margin-bottom:1em; font-weight:bold }
.title_h4::before                              {content:'';position:absolute;left:0;top:50%;transform:translateY(-50%);display:block;width:24px;height:24px;border:6px solid var(--color-point-red);box-sizing:border-box;border-radius:8px;}
.title_h5										{ font-size:1.5em; line-height:1; margin-top:1.5em; margin-bottom:.75em; font-weight:bold }
.title_h5 span                                {color:#666;}



/* 비주얼 */
.sub_visual											{ position:relative; width:100%; height:320px; background-position:center; background-repeat:no-repeat; background-size:cover }
.sub_visual:before									{ position:absolute; width:100%; height:100%; left:0; top:0; background:rgba(0,0,0,.5); content:''; z-index:1; }
.sub_visual.bg1										{ background-image:url(../images/sub/bg_sub1.jpg);background-position-y: 60%; }
.sub_visual.bg2										{ background-image:url(../images/sub/bg_sub2.jpg); }
.sub_visual.bg3										{ background-image:url(../images/sub/bg_sub3.jpg); }
.sub_visual.bg4										{ background-image:url(../images/sub/bg_sub4.jpg);background-position-y: 25%;}
.sub_visual.bg5										{ background-image:url(../images/sub/bg_sub5.jpg);background-position-y: 15%;}
.sub_visual.bg6										{ background-image:url(../images/sub/bg_sub6.jpg);}
.sub_visual.bg7										{ background-image:url(../images/sub/bg_sub7.jpg);}
.sub_visual.bg8										{ background-image:url(../images/sub/bg_sub8.jpg);}
.sub_visual.bg9										{ background-image:url(../images/sub/bg_sub9.jpg);}

.sub_visual .title_wrap                              {height:calc(100% - 70px);padding-top:100px;text-align:left;display:flex;align-items: center;margin-bottom:0;}
.sub_visual .title_wrap  .title_h2                  {color:#fff;}


/* 로컬 */
.sub_visual .con_inner                              {z-index:9;}
.sub_visual .loc_menu                                      				{ position:absolute; left:50%; bottom:0; transform:translateX(-50%);background:#fff;justify-content:space-between;border-radius:40px 40px 0 0;box-shadow: 0 -10px 10px rgba(0, 0, 0, .1);}
.sub_visual .loc_menu,
.sub_visual .btn_wrap button												{ height:70px; }
.sub_visual .loc_menu>ul.flex                                   {width:calc(100% - 162px);padding:0 10px; }
.sub_visual .loc_menu>ul.flex>li										{ position:relative; min-width:15%;font-weight:500; color:#222; padding:0; }
.sub_visual .loc_menu>ul>li::after								{ position:absolute; width:1px; height:18px; right:0; top:50%; transform:translateY(-50%); content:''; background:#cccccc }
.sub_visual .loc_menu>ul.flex>li:first-child                             {min-width:auto;}
.sub_visual .loc_menu>ul.flex>li .drop_open_btn						{ display:flex; align-items:center; justify-content:space-between; gap: 0 1.5em; width:100%;line-height:70px; padding:0 30px; font-size:1em;color:#222 !important;}
.sub_visual .loc_menu>ul.flex>li .drop_open_btn .arrow                { position:relative; display:inline-block;height: 12px;width: 12px;transform: rotate(90deg);}
.sub_visual .loc_menu>ul.flex>li .drop_open_btn .arrow::before        { position:absolute; left: 50%;top: 50%;width:6px; height:12px; content: ''; background:url(../images/common/icon_next.svg) no-repeat center;background-size:100%;transform: translate(-50%,-50%);
transition:all ease 0.2s}
.sub_visual .loc_menu>ul.flex>li.active .drop_open_btn .arrow{ transform:rotate(270deg);}
.sub_visual .loc_menu>ul.flex>li.home                             {width:auto;}
.sub_visual .loc_menu>ul.flex>li.home  a{line-height:70px; padding:0 30px;display:block; }
.sub_visual .loc_menu>ul.flex>li .icon_home							{ display:inline-block; vertical-align:middle; }
.sub_visual .loc_menu>ul.flex>li .icon_home::before                   {content:'';width:16px;height:16px;background:url(../images/common/icon_home.svg) no-repeat center center / 100%;display:block;}
.sub_visual .loc_menu>ul.flex>li .drop_open_btn span					{ display:inline-block; ;text-overflow: ellipsis;overflow: hidden;white-space: nowrap;word-break: break-all;color:#222 !important;}
.sub_visual .loc_menu>ul.flex>li .drop_list							{ display:none; position:absolute; width:100%; left:0; top:80%; background:#222; padding: 1.25em 1.875em;; border-radius:20px;z-index:10; 
                                                                    				word-wrap:break-word; word-break:keep-all; }
.sub_visual .loc_menu>ul.flex>li .drop_list>li						{ padding:5px 0; }
.sub_visual .loc_menu>ul.flex>li .drop_list>li::before				{ display:none; }
.sub_visual .loc_menu>ul.flex>li .drop_list>li>a						{ display:flex; justify-content:space-between; align-items: center;color:rgba(255,255,255,.5); font-weight:400;font-size:.938em;}
.sub_visual .loc_menu>ul.flex>li .drop_list>li>a::after           {content:'';opacity:0;background:url(../images/common/icon_arrow.svg) no-repeat center center;width:14px;height:8px;transition:all .2s ease;}
.sub_visual .loc_menu>ul.flex>li .drop_list>li>a[target='_blank'] span::after{ content:""; display:inline-block;filter: invert(100%);opacity:.5; transition:all .4s; margin-left:4px; vertical-align:middle;width: 12px;height: 12px;background: url(../images/common/icon_blank.svg) no-repeat 50% 50% / auto 12px;margin-top: -3px;}
.sub_visual .loc_menu>ul.flex>li .drop_list>li a.on					{ color:#fff }
.sub_visual .loc_menu>ul.flex>li .drop_list>li>a:hover::after,
.sub_visual .loc_menu>ul.flex>li .drop_list>li>a:focus::after		 {opacity:.8;}	

.sub_visual .loc_menu>ul.etc                                          {width:162px;display:flex;padding:0 10px 0 0;background: #f1f4f7;border-top-right-radius:40px;}
.sub_visual .loc_menu>ul.etc>li                                       {position:relative; }
.sub_visual .loc_menu>ul.etc>li:after                              {background:#cfd4d9;}
.sub_visual .loc_menu>ul.etc>li:last-child:after                   {display:none;}
.sub_visual .loc_menu>ul.etc>li button                            {padding:0 30px;line-height:70px; }
.sub_visual .loc_menu>ul.etc>li button span                       {display:inline-block; vertical-align:middle; }
.sub_visual .loc_menu>ul.etc>li button span:before            {content:'';width:16px;height:16px;display:block;}  
.sub_visual .loc_menu>ul.etc>li button span.icon_print:before     {background:url(../images/sub/icon_print.svg) no-repeat center center / 100%;}
.sub_visual .loc_menu>ul.etc>li button span.icon_share:before     {background:url(../images/sub/icon_share.svg) no-repeat center center / 100%;}     


/* basic_txt */
.txt											{ display:block; font-size:1.067em; font-weight:400; 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:20px; height:20px; border:1px solid #222; line-height:19px; text-align:center; counter-increment:title; content:counter(title, decimal-leading-zero) " ";
														 }
.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; }

/* circle_list */
.circle_list											{  }
.circle_list>li										{ position:relative; font-size:1.03em; line-height:1.4; color:#333; padding-left:14px; }
.circle_list>li+li										{ margin-top:.25em; }
.circle_list>li::before								{ width: 4px;height: 4px;position: absolute;top: 9px; left: 0;background: var(--color-point-red);text-align: center;display: inline-block;border-radius: 100%;content: '';}



/* num_list */

.num_list>li										{ position:relative; font-size:1.03em; line-height:1.4; color:#333; }
.num_list>li+li										{ margin-top:.5em; }

.num_list.circle									{ counter-reset:circle; }
.num_list.circle>li									{padding-left:1.5em; }
.num_list.circle>li::before						 { width:20px; height:20px; border:1px solid #666; line-height:19px; text-align:center; counter-increment:circle; content:counter(circle, decimal-leading) " ";position:absolute; font-size:11px; color:#222; left:0; top:.1em; border-radius:100%; }

.num_list.basic									{ counter-reset:basic; }
.num_list.basic>li::before						{ line-height:19px; text-align:center; counter-increment:basic; content:counter(basic, decimal-leading) "." ;color:#666; font-weight:600;position:absolute; left:0; top:.1em; line-height:19px}
.num_list.basic>li                                  { padding-left:1.063em; }
.num_list.basic>li:nth-child( n + 10)        { padding-left:1.375em; }

.num_list.hangeul								{  }
.num_list.hangeul>li::before				{ line-height:19px; text-align:center; color:#666; position:absolute; left:0; top:.1em; line-height:19px;font-weight:600;}
.num_list.hangeul>li:nth-child(1)::before {content:'가.'}
.num_list.hangeul>li:nth-child(2)::before {content:'나.'}
.num_list.hangeul>li:nth-child(3)::before {content:'다.'}
.num_list.hangeul>li:nth-child(4)::before {content:'라.'}
.num_list.hangeul>li:nth-child(5)::before {content:'마.'}
.num_list.hangeul>li:nth-child(6)::before {content:'바.'}
.num_list.hangeul>li:nth-child(7)::before {content:'사.'}
.num_list.hangeul>li:nth-child(8)::before {content:'아.'}
.num_list.hangeul>li:nth-child(9)::before {content:'자.'}
.num_list.hangeul>li:nth-child(10)::before {content:'차.'}
.num_list.hangeul>li:nth-child(11)::before {content:'카.'}
.num_list.hangeul>li:nth-child(12)::before {content:'타.'}
.num_list.hangeul>li:nth-child(13)::before {content:'파.'}
.num_list.hangeul>li:nth-child(14)::before {content:'하.'}
.num_list.hangeul>li                            { padding-left:1.5em; }

.num_list>li>ol										{ margin:.25em 0 .5em 0; color:#666;border:1px solid #e2e2e2;background:#f2f2f2;padding:1em;border-radius:1em;}
.num_list>li>ol>li									{ position:relative; padding-left:10px; line-height:1.4; font-size:1em;}
.num_list>li>ol>li+li								{ margin-top:.25em; }

.num_list>li>ol>li>ol                           {background:#fff;border:1px dotted #ccc;}	


/* 공통테이블 */
table.table												{ width:100%; margin-top:.7em; background:#fff; font-size:1rem; padding-bottom:0; }
table.table thead th,											
table.table	tbody th									{ padding:.875em 1.5em;  line-height:1.2; font-weight:500;  border-right:1px solid #ccc; border-bottom:1px solid rgba(0, 0, 0, .1);}
table.table thead th									{ background:#222; color:#fff;}
table.table thead th:first-child                      {border-top-left-radius:5px;}
table.table thead th:last-child                      {border-top-right-radius:5px;}
table.table	tbody th									{ background:#f7f7f7;}
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 rgba(0, 0, 0, .1);border-right:1px solid #ddd; background:#fff}
table.table tbody td:last-child							{ border-right:none; }
.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(../images/common/img_drag.svg) no-repeat 50% 0; background-size:100%; 
															transform:translateY(-54%)}

.mob													{ display:none; }



/* 버튼 */
.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; }


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

	/*레이아웃*/
	#container .con_inner,
	#boardWrap                                  {max-width: 1400px;}

	/* 타이틀 */
	.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 }
	
	/* 비주얼 */
	.sub_visual.bg1										{ background-position:center right 35%; }
	.sub_visual.bg2										{ background-position: center right 0; }
	.sub_visual.bg3										{ background-position:center center; }
	.sub_visual.bg4										{ background-position:center right 45% ;}
	.sub_visual.bg5										{ background-position:center right 8% ;}
	.sub_visual.bg6										{ background-position:center center;}
	.sub_visual.bg7										{ background-position:center center;}
}
@media all and (max-width:1468px) {

	/*레이아웃*/
	#container .con_inner,
	#boardWrap                                   {max-width: 1320px;}

	/* 타이틀 */
	.title_h2										{ font-size:2.35em;  }
	.title_h3										{ font-size:2.05em; }
	.title_h4										{ font-size:1.8em; }
	.title_h5										{ font-size:1.4em; }

	
	/* 비주얼 */
	.sub_visual .title_wrap                            {padding-top:90px;}
}
@media all and (max-width:1368px) {

	/*레이아웃*/
	#container .con_inner,
	#boardWrap                                   {max-width: 1200px;}

	/* 타이틀 */
	.title_h2										{ font-size:2.3em;  }
	.title_h3										{ font-size:2em; }
	.title_h4										{ font-size:1.75em; }
	.title_h5										{ font-size:1.35em; }
	
}


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

	/*레이아웃*/
	#content                                        {padding:50px 0 80px;}

	/* 타이틀 */
	.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; }
	
	
	/* 비주얼 */
	.sub_visual .title_wrap                          {text-align: center;justify-content: center;height: calc(100% - 60px);padding-top: 60px;}
	
	.sub_visual .loc_menu>ul.flex>li    {min-width:20%;}
	.sub_visual .loc_menu, .sub_visual .btn_wrap button{height:60px;}
	.sub_visual .loc_menu>ul.flex>li.home a,
	.sub_visual .loc_menu>ul.flex>li .drop_open_btn{line-height:60px;}
	.sub_visual .loc_menu>ul.etc>li button{line-height:60px;}
}


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

	/* 타이틀 */
	.title_h2										{ font-size:2.2em;  }

	
	/* 비주얼 */
	.sub_visual											{ height:280px; }
	
}
@media all and (max-width:1024px) {
	
	/*레이아웃*/
	#content                                            {padding:40px 0 60px;}

	/* 비주얼 */
	.sub_visual .loc_menu                                   {border-radius:30px 30px 0 0;}
	.sub_visual .loc_menu ul.flex                  {width:100%;}
	
	.sub_visual .loc_menu ul.flex>li.home a    {padding:0 25px;}
	.sub_visual .loc_menu>ul.flex>li              {width: calc((100% - 66px) / 2);min-width:auto;}
	.sub_visual .loc_menu>ul.flex>li:last-child::after       {display:none;}
	.sub_visual .loc_menu>ul.flex>li.drop_open_btn {padding:0 25px;}
	.sub_visual .loc_menu>ul.flex>li .drop_list>li{padding:3px 0;}
	.sub_visual .loc_menu>ul.flex>li .drop_open_btn{gap:0 1em;padding:0 20px;}
	.sub_visual .loc_menu>ul.etc                   {display:none;}

	table.table,
	.line_list>li>ul>li table.table .dt_list		{ font-size:.95rem; }
	.scrollTable									{ overflow:auto;}
    .scrollTable .table								{ width:120%; margin-top:0px; min-width:768px }
    .mob_info										{ display:block; margin-bottom:5px; margin-top:1em}

	.title_h3                                       {margin-bottom:1.5em;}

	.circle_list>li,
	.num_list>li                                    {word-break:break-all;}	

	.circle_list>li::before                           {top:8px;}
	
}	
@media all and (max-width:868px) {

	/* 타이틀 */
	.title_h2										{ font-size:2.1em;  }

	/* 비주얼 */
	.sub_visual											{ height:240px; }
	
	.mob											{ display:block; }

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

	/* 비주얼 */
	.sub_visual .title_wrap{padding-top: 50px;}

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

	/*레이아웃*/
	#content                                            {padding:30px 0 50px;}

	/* 타이틀 */
	.title_wrap										{ margin-bottom:2.5em; }
	.title_h2										{ font-size:2em;  }
	.title_h3										{ font-size:1.875em; margin-bottom:1.25em}
	.title_h4										{ font-size:1.6em; }
	.title_h5										{ font-size:1.25em; }

	/* 비주얼 */
	.sub_visual											{ height:220px; }
	.sub_visual .title_wrap                          {height: calc(100% - 50px);}
	.sub_visual .loc_menu>ul.flex{padding:0 5px;}
	.sub_visual .loc_menu, .sub_visual .btn_wrap button{height:50px;}
	.sub_visual .loc_menu>ul.flex>li.home a,
	.sub_visual .loc_menu>ul.flex>li .drop_open_btn{line-height:50px;}
	
	
	table.table,
	.line_list>li>ul>li table.table .dt_list		{ font-size:.9rem; }
	
	img.mob											{ display:block; }
	img.pc											{ display:none; }

	/* num_list */
	.num_list.circle>li::before                {width:16px;height:16px;line-height:15px;top:.2em;}

}

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

	/* 비주얼 */
	.sub_visual .loc_menu                        {border-radius:2em 2em 0 0;}
}

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

	/* 타이틀 */
	.title_h2										{ font-size:1.9em;  }
	.title_h3										{ font-size:1.8em; }
	.title_wrap										{ margin-bottom:2em; }
	
	/* 비주얼 */
	.sub_visual											{ height:200px; }
	.sub_visual .title_wrap                          {height: calc(100% - 40px);}
	.sub_visual .loc_menu>ul.flex>li.home    {display:none;}
	.sub_visual .loc_menu>ul.flex>li              {width:50%;}
	.sub_visual .loc_menu>ul.flex>li .drop_open_btn {padding:0 20px;}
	.sub_visual .loc_menu>ul.flex>li .drop_list {padding: 1.1429em 1.4286em;}
	.sub_visual .loc_menu>ul.flex>li .drop_list>li{padding:2px 0;}

	.sub_visual .loc_menu, .sub_visual .btn_wrap button{height:40px;}
	.sub_visual .loc_menu>ul.flex>li .drop_open_btn{line-height:40px;}
	
}	

@media all and (max-width:368px) {
	/* 타이틀 */
	.title_h2										{ font-size:1.8em;  }
	.title_h3										{ font-size:1.7em; }
}