@charset "utf-8";
/* CSS Document */
.header								{ border-bottom:none; }
/************************************************************

							 공통
 
************************************************************/

/* 여백 */
.mt60								{ margin-top:60px !important; }
.mt40								{ margin-top:40px !important; } 
.mt20								{ margin-top:20px !important; }
.mt10								{ margin-top:10px !important; }
.mt0								{ margin-top:0 !important; }
.mtm20								{ margin-top:-20px !important;}
[data-subarea]						{ margin-bottom:120px; }

	
@media all and (max-width:1568px) {
	.mt60								{ margin-top:50px !important; }
	.mt40								{ margin-top:30px !important; } 
	.mt20								{ margin-top:15px !important; }
	[data-subarea]						{ margin-bottom:100px; }
}
@media all and (max-width:1368px) {
	.mt60								{ margin-top:40px !important; }
	.mtm20								{ margin-top:-15px !important;}
	[data-subarea]						{ margin-bottom:80px; }
}
@media all and (max-width:1068px) {
	.mt60								{ margin-top:30px !important; }

	[data-subarea]						{ margin-bottom:60px; }
}
@media all and (max-width:668px) {
	.mt60								{ margin-top:20px !important; }
	.mt40								{ margin-top:15px !important; } 
	.mt20								{ margin-top:10px !important; }
	.mtm20								{ margin-top:5px !important;}
	[data-subarea]						{ margin-bottom:50px; }
}

/* 정렬 */
.tac								{ text-align:center; justify-content:center }
.tar								{ text-align:right; justify-content:end }
.flex								{ display:flex; flex-flow:row wrap; justify-content:flex-start; align-items:flex-start;}
.flex.between						{ justify-content:space-between; align-items:center; }


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

							 비주얼
 
************************************************************/
.visual															{ position:relative; width:100%; height:210px; background-position:50% 50%; background-repeat:no-repeat; background-size:cover; }
.visual::before													{ position:absolute; width:100%; height:100%; left:0; top:0; background:rgba(0,0,0,.6); content:''; z-index:1; }
.visual.bg1														{ background-image:url(/resource/eng/images/sub/bg_sub1.jpg); }
.visual.bg2														{ background-image:url(/resource/eng/images/sub/bg_sub2.jpg); }
.visual.bg3														{ background-image:url(/resource/eng/images/sub/bg_sub3.jpg); }
.visual.bg4														{ background-image:url(/resource/eng/images/sub/bg_sub4.jpg); }
.visual.bg5														{ background-image:url(/resource/eng/images/sub/bg_sub5.jpg); }
.visual.bg6														{ background-image:url(/resource/eng/images/sub/bg_sub6.jpg); }
.visual.bg7														{ background-image:url(/resource/eng/images/sub/bg_sub1.jpg); }
.visual.bg8														{ background-image:url(/resource/eng/images/sub/bg_sub2.jpg); }
.visual.bg9														{ background-image:url(/resource/eng/images/sub/bg_sub3.jpg); }

/* 경로 */
.visual .location_wrap											{ position:absolute; left:50%; bottom:20px; --sizeHig:60px; z-index:2; border-radius:10px; background:rgba(0,0,0,.7); backdrop-filter:blur(10px); transform:translatex(-50%); padding:0 5px}
.visual .location_wrap .loc										{ display:flex; flex-wrap:wrap; height:var(--sizeHig); align-items: center;}
.visual .location_wrap .loc>li									{ position:relative; height:var(--sizeHig); }
.visual .location_wrap .loc>li+li::before						{ position:absolute; width:1px; height:15px; background:rgba(255,255,255,.2); left:0; top:22.5px; content:''; }
.visual .location_wrap [data-location="home"] a					{ font-size:0px;}
.visual .location_wrap [data-location="home"] a::before			{ content:''; display:block; width:var(--sizeHig); height:var(--sizeHig); background: url(/resource/eng/images/sub/icon_home.svg) no-repeat 50% calc(50% - 1px); background-size:auto 15px; opacity:1; }
.visual .location_wrap [data-location="home"] a:hover::before,
.visual .location_wrap [data-location="home"] a:focus::before	{ animation:iconShow 0.7s ease-in-out 1 forwards; }
.visual .location_wrap .loc>li .loc_btn							{ position:relative; display:flex; --sizeWidth:200px; min-width:var(--sizeWidth); align-items:center; text-align:left; height:var(--sizeHig); padding:0 calc(1.88em * 2) 0 1.88em;}
.visual .location_wrap .loc>li .loc_btn::before					{ position:absolute; width:7px; height:7px; border-style:solid; border-width:0 1px 1px 0; border-color:var(--color-white); transform:translateY(-80%) rotate(45deg); transition:var(--trans-ani); 
																	content:''; vertical-align:middle;  top:50%; right:1.88em; }
.visual .location_wrap .loc>li.active .loc_btn::before			{ transform:translateY(-50%) rotate(225deg); }
.visual .location_wrap .loc>li .loc_btn>span					{ color:var(--color-white); font-size:14px; opacity:.8; text-transform:uppercase   }
.visual .location_wrap .loc_wrap								{ position:absolute; display:none; top:var(--sizeHig); width:100%; border-radius:0 0 10px 10px; background:rgba(0,0,0,.7); padding:1.5em; backdrop-filter:blur(10px); }
.visual .location_wrap .loc_wrap>ul								{ display:flex; flex-flow:column; gap:15px; }
.visual .location_wrap .loc_wrap>ul>li							{ line-height:1.2; }
.visual .location_wrap .loc_wrap>ul>li>a						{ display:block; font-size:14px; color:var(--color-white); opacity:.84; transition:var(--trans-ani); letter-spacing:.02em}
.visual .location_wrap .loc_wrap>ul>li>a:hover,
.visual .location_wrap .loc_wrap>ul>li>a:focus,	
.visual .location_wrap .loc_wrap>ul>li>a.active					{ opacity:1; }
.visual .location_wrap .loc_wrap>ul>li>a[target='_blank']::after{ content:""; display:inline-block; transition:all .4s; margin-left:4px; vertical-align:middle; width:12px; height:10px;background:url(/resource/eng/images/common/icon_window.svg) no-repeat 50% 50% / auto 10px; filter:invert(1);}

@media all and (max-width:1568px) {
	.visual														{ height:200px; }
	.visual .location_wrap .loc>li .loc_btn						{ padding:0 calc(1.55em * 2) 0 1.55em; }
	.visual .location_wrap .loc>li .loc_btn::before				{ right:1.55em; }
}
@media all and (max-width:1368px) {
	.visual														{ height:190px; }
	.visual .location_wrap .loc>li .loc_btn						{ padding:0 calc(1.25em * 2) 0 1.25em; }
	.visual .location_wrap .loc>li .loc_btn::before				{ right:1.25em; }
}
@media all and (max-width:1168px) {	
	.visual .location_wrap .loc>li								{ height:inherit; }
	.visual .location_wrap .loc>li .loc_btn						{ min-width:inherit; pointer-events:none; padding:0 20px; min-width:inherit; height:inherit }
	.visual .location_wrap .loc>li+li::before					{ background:none; width:6px; height:6px; border-style:solid; border-width:1px 1px 0 0; border-color:rgba(255,255,255,.8); top:50%; left:-4px; transform:translateY(-50%) rotate(45deg); }
	.visual .location_wrap .loc>li .loc_btn::before				{ display:none; }
	.visual .location_wrap .loc>li[data-location="home"]				{ height:var(--sizeHig); }
	
}
@media all and (max-width:968px) {
	.visual														{ height:180px; }
	.visual .location_wrap										{ bottom:10px; --sizeHig:30px; padding:10px 10px 10px 20px; }
	.visual .location_wrap .loc									{ height:inherit; }
	.visual .location_wrap [data-location="home"]				{ margin-left:-10px; padding-right:10px; }
}
@media all and (max-width:668px) {
	.visual														{ height:160px; }
	.visual .location_wrap										{ bottom:10px; --sizeHig:26px; padding:7px 7px 7px 20px; }
	.visual .location_wrap .loc>li .loc_btn						{ padding:0 10px; }
	.visual .location_wrap [data-location="home"]				{ margin-right:-4px; }
}
@media all and (max-width:468px) {
	.visual .location_wrap .loc>li .loc_btn>span				{ font-size:13px; line-height:1.1 }
}
/************************************************************

							 타이틀
 
************************************************************/
[data-subarea] .cont_line							{ width:1px; height:90px; background:rgba(0,0,0,.2); position:relative; display:flex; justify-content:center; margin:0 auto }
[data-subarea] .cont_line::before					{ position:absolute; width:1px; height:30px; background:var(--color-base); content:''; left:0; bottom:0; }
[data-subarea] .title_wrap							{ display:flex; flex-flow:column; align-items:center; margin-top:1.88em; }
[data-subarea] .title_wrap .box						{ display:flex; align-items:center; justify-content:center; font-size:.94rem; font-weight:700; color:var(--color-point); letter-spacing:.02em; text-transform:uppercase; background:var(--color-light-blue);
														height:2.63rem; padding:0 1.88rem; border-radius:1.88rem; text-align:center;}
html[lang="en"] [data-subarea] .title_wrap .box		{line-height:1;}
[data-subarea] .title_wrap .title					{ font-size:2.5em; font-weight:700; letter-spacing:.02em; margin-top:.5em; margin-bottom:.5em; text-align:center; line-height:1.2 }
[data-subarea] .title_wrap:not(:has(.box)) .title 	{margin-top:0;}
[data-subarea] .title_wrap .bg_txt					{ font-size:5em; font-weight:700; opacity:.1; letter-spacing:.02em; text-transform:uppercase; line-height:1 }
[data-subarea] h4.sub_title 							{ position:relative; font-size:2.5em; color:inherit; font-weight:bold;  line-height:1; isolation:isolate; font-weight:700; margin-top:2em; margin-bottom:.38em; }
[data-subarea] h4.sub_title::after 					{ position:absolute; width:calc(46/100*1em); height:calc(46/100*1em); content: ''; border-radius:50%; background:var(--color-light-point); mix-blend-mode:hard-light;  
														left:calc(.2 * (30/100*1em)); top:-1px; animation:scale infinite 10s ease-in-out, floating 5s infinite ease-in-out; z-index:-1 }
[data-subarea] h4.sub_title::before 					{ position:absolute;  width:calc(15/100*1em); height:calc(15/100*1em); content:'';  border-radius:50%; background:var(--color-light-point); mix-blend-mode:hard-light;  
														left:calc(1.4 * (80/200*1em)); top:calc(-20/200*1em); animation:scale infinite 8s ease-in-out, floating 6s infinite ease-in-out; z-index:-1 }

[data-subarea] h5.sub_title							{ position:relative; margin-top:1.54em; margin-bottom:10px; font-size:1.63em; color:var(--color-point); font-weight:700; line-height:1.28; }
[data-subarea] h4.sub_title + h5.sub_title			{margin-top:1em;}

@keyframes scale {
	0% { scale:1; }
	50% { scale:.7; }
	100% { scale:1; }
}

@media all and (max-width:1568px) {
	[data-subarea] .cont_line						{ height:80px; }
	[data-subarea] .cont_line::before				{ height:25px; }
	[data-subarea] .title_wrap .title,
	[data-subarea] h4.sub_title						{ font-size:2.45em; }
	[data-subarea] .title_wrap .bg_txt				{ font-size:4.5em; }
}
@media all and (max-width:1368px) {
	[data-subarea] .cont_line						{ height:70px; }
	[data-subarea] .cont_line::before				{ height:20px; }
	[data-subarea] .title_wrap .box					{ height:2.53rem; padding:0 1.5rem; font-size:.9rem; }
	[data-subarea] .title_wrap .title,
	[data-subarea] 	h4.sub_title					{ font-size:2.4em; }
  	[data-subarea]  h5.sub_title					{font-size:1.6em;}
	[data-subarea] .title_wrap .bg_txt				{ font-size:4em; }
}
@media all and (max-width:1168px) {
	[data-subarea] .cont_line						{ height:60px; }
	[data-subarea] .cont_line::before				{ height:20px; }
	[data-subarea] .title_wrap .box					{ height:2.43rem; padding:0 1.25rem; font-size:.85rem; }
	[data-subarea] .title_wrap .title,
	[data-subarea] 	h4.sub_title					{ font-size:2.35em; }
	[data-subarea] .title_wrap .bg_txt				{ font-size:3.5em; }
}
@media all and (max-width:968px) {
	[data-subarea] .cont_line						{ height:50px; }
	[data-subarea] .cont_line::before				{ height:20px; }
	[data-subarea] .title_wrap						{ margin-top:1.5em }
	[data-subarea] .title_wrap .box					{ height:2.33rem;  }
	[data-subarea] .title_wrap .bg_txt				{ font-size:3em; }
  	[data-subarea] .title_wrap .title				{ font-size:2.25em;}
	[data-subarea] 	h4.sub_title					{ font-size:2.25em;margin-top:1.5em;line-height:1.28; }
}

@media all and (max-width:768px) {
	[data-subarea] .title_wrap .bg_txt				{ font-size:2.7em; }
	[data-subarea] .title_wrap .title,
	[data-subarea] 	h4.sub_title					{ font-size:2em; }
  	[data-subarea]  h5.sub_title					{font-size:1.367em;}
}
@media all and (max-width:668px) {
	[data-subarea] .cont_line						{ height:40px; }
	[data-subarea] .cont_line::before				{ height:15px; }
	[data-subarea] .title_wrap						{ margin-top:1.25em }
	[data-subarea] .title_wrap .box					{ height:2.23rem; font-size:.8rem; }
  	html[lang="EN"] [data-subarea] .title_wrap .box	{padding-top:.15rem; }
	[data-subarea] .title_wrap .bg_txt				{ display:none; }
  	[data-subarea] .title_wrap .title				{ font-size:1.85em;}
	[data-subarea] h4.sub_title						{ font-size:1.85em; margin-top:1.25em; }
}
@media all and (max-width:468px) {
	[data-subarea] .cont_line						{ height:35px; }
	[data-subarea] .title_wrap						{ margin-top:1em }
	[data-subarea] .title_wrap .title,
	[data-subarea] h4.sub_title						{ font-size:1.65em; }
}
/************************************************************

							 내용
 
************************************************************/
[data-subarea] .img_box								{ position:relative; border-radius:10px; overflow:hidden; }
[data-subarea] .img_box.line						{border: 1px solid #ddd;}
[data-subarea] .basic_p								{font-size:1.09em;line-height:1.46;letter-spacing: .02em;font-weight:300;}

@media all and (max-width:968px) {
	[data-subarea] .basic_p							{ font-size:1.03em;line-height:1.3; }
}

/* 박스 */
.blue_box											{ padding:2em; border-radius:10px; background:var(--color-light-blue); font-size:1.09em; letter-spacing:.02em; line-height:1.46; display:flex; align-items:center; }
@media all and (max-width:1368px) {
	.blue_box										{ padding:1.5em; }
}
@media all and (max-width:968px) {
	.blue_box										{ font-size:1.03em; line-height:1.3; }
}
@media all and (max-width:668px) {
	.blue_box										{ padding:1.25em; }
}

/* box_list */
 .box_list										{display:flex;gap:.75em;flex-wrap:wrap;}
 .box_list > li									{width:calc((100% - 2.25em) / 4);border-radius:10px;padding:1.875em;background:#f8f8f8;}
 .box_list.col01 > li							{width:100%;}
 .box_list.col02 > li							{width:calc((100% - .75em) / 2);}
 .box_list.col03 > li							{width:calc((100% - 1.5em) / 3);}
 .box_list.col05 > li							{width:calc((100% - 3em) / 5);}
 .box_list > li dt								{font-size:1.25em;font-weight:700;margin-bottom:.5em; color: var(--color-base1);}
 .box_list > li dd								{color:var(--color-base1);font-size:1.09em;line-height: 1.46;letter-spacing: .02em;}
 .box_list > li dd .basic_ul > li				{font-size:inherit;}

@media all and (max-width:1368px) {
    .box_list > li											{padding:1.5em;}
}

@media all and (max-width:1268px) {
	.box_list												{gap:.5em}
	.box_list > li											{width:calc((100% - 1.5em) / 4);}
  	.box_list.col02> li										{width:calc((100% - .5em) / 2);}
  	.box_list.col03 > li									{width:calc((100% - 1em) / 3);}
  	.box_list.col05 > li									{width:calc((100% - 2em) / 5);}
}

@media all and (max-width:968px) {
   .box_list > li dt										{font-size:1.125em;}
   .box_list > li dd										{font-size:1.03em;line-height: 1.3;}
   .box_list.col05 > li										{width:calc((100% - 1em) / 3);}
}


@media all and (max-width:768px) {
	.box_list > li,
  	.box_list.col03 > li,
  	.box_list.col05 > li									{width:calc((100% - .5em) / 2);}
}


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

.flex												{ display:flex; flex-wrap:wrap; gap:5px }

/* basic_ul */
.basic_ul>li										{font-size:1.09em;letter-spacing: .02em;font-weight: 300;}
.basic_ul>li>ul>li									{font-size:.98em;}


@media all and (max-width:968px) {
  .basic_ul>li										{font-size:1.03em;}
  .basic_ul>li:before								{top:6px;}
}

/* box_text */
[class*="box_text_"]								{font-size:1.09em;letter-spacing: .02em;font-weight: 300;color:var(--color-base1);}
[class*="box_text_"] > .basic_p,
[class*="box_text_"] > .basic_ul > li				{font-size: inherit;}

@media all and (max-width:968px) {
  [class*="box_text_"]								{font-size:1.03em;}
}

/* 텍스트 */
.ex_text											{ display:flex; flex-flow:column; gap:1.71em; }
.ex_text>li											{ display:flex; flex-wrap:wrap; font-size:1.09em; line-height:1.46; letter-spacing:.02em }
.ex_text[class*="box_text_"]						{font-size: inherit;}

@media all and (max-width:968px) {
	.ex_text										{ gap:1em; }
	.ex_text>li										{ font-size:1.03em; line-height:1.3; }
}

/* basic_newtab */
.basic_newtab{display:inline-block;position:relative;color:var(--color-point);margin-right:5px;}
.basic_newtab:after{content:'';opacity:1;display:inline-block;width:13px;height:11px;margin-left:7px;vertical-align:middle;background:url(/resource/eng/images/common/icon_window.svg) no-repeat 50% 50%;background-size:100%;filter:invert(25%) sepia(22%) saturate(3107%) hue-rotate(168deg) brightness(89%) contrast(90%);}


/* table */
.basic_table 										{ position:relative; width:100%; border-top:2px solid var(--color-point); }
.basic_table::before								{ position:absolute; left:0; width:1px; height:100%; background:#fff; top:0; content:''; }
.basic_table td,
.basic_table th 									{ border-left:1px solid #dbdbdb; border-bottom:1px solid #dbdbdb; padding:1em;letter-spacing: .02em !important;font-weight:400; }
.basic_table thead th 								{ background:rgba(15,20,129,.05); font-size:1.06em;}
.basic_table tbody th 								{ background:rgba(0,0,0,.02);}
.basic_table td										{ color:rgba(0,0,0,.64); }
.basic_table td.total								{background:#f6fbff;font-weight:600;}

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

@media all and (max-width:1024px) {
	table.basic_table tbody th, 
	table.basic_table tbody td,
  	table.basic_table .basic_ul>li,
	table.basic_table .list_num>li,
  	table.basic_table .basic_ul>li>ul>li			{font-size:.98em;}
    #content .scrollTable							{ overflow:auto;}
    #content .scrollTable .basic_table				{ width:1024px; margin-top:0px;}
    #content .mob_info								{ display:block; margin-bottom:5px;}
    table.basic_table thead th						{ padding:13px 9px;font-size:1.03em;}
}