@charset "utf-8";
body					{ font-family:"Roboto", 'Noto sans TC', 'Pretendard', "맑은 고딕","Malgun Gothic","돋움",Dotum, sans-serif; color:var(--color-base); word-wrap:break-word; word-break:keep-all; font-weight:300  }
html[lang="zh"] body	{ font-family:'Noto sans SC', 'Noto sans TC',"Roboto", 'Pretendard', "맑은 고딕","Malgun Gothic","돋움",Dotum, sans-serif;word-break:break-all;}
html[lang="ja"] body	{ font-family:'Noto sans JP', "Roboto", 'Pretendard', "맑은 고딕","Malgun Gothic","돋움",Dotum, sans-serif;word-break:break-all;}

body.noneSCroll			{ overflow:hidden; }

@font-face {
	font-family:'Roboto';    
	font-style: normal;    
	font-weight:100;
	src: url('/resource/common/fonts/ROBOTO-THIN.woff2') format('woff2'),
         url('/resource/common/fonts/ROBOTO-THIN.woff') format('woff');
	font-display: swap;
}
@font-face {
	font-family:'Roboto';    
	font-style: normal;    
	font-weight:300;
	src: url('/resource/common/fonts/ROBOTO-LIGHT.woff2') format('woff2'),
         url('/resource/common/fonts/ROBOTO-LIGHT.woff') format('woff');
	font-display: swap;
}
@font-face {
	font-family:'Roboto';    
	font-style: normal;    
	font-weight:400;
	src: url('/resource/common/fonts/ROBOTO-REGULAR.woff2') format('woff2'),
         url('/resource/common/fonts/ROBOTO-REGULAR.woff') format('woff');
	font-display: swap;
}
@font-face {
    font-family: 'Roboto';
    font-style: normal;
    font-weight: 700;
    src: url('/resource/common/fonts/ROBOTO-BOLD.woff2') format('woff2'),
         url('/resource/common/fonts/ROBOTO-BOLD.woff') format('woff');
    font-display: swap;
}
@font-face {
    font-family: 'Roboto';
    font-style: normal;
    font-weight: 900;
    src: url('/resource/common/fonts/ROBOTO-BLACK.woff2') format('woff2'),
         url('/resource/common/fonts/ROBOTO-BLACK.woff') format('woff');
    font-display: swap;
}
@font-face {
    font-family: 'Montserrat';
    font-style: normal;
    font-weight: 600;
    src: url('/resource/common/fonts/Montserrat-SemiBold.woff2') format('woff2'),
         url('/resource/common/fonts/Montserrat-SemiBold.woff') format('woff');
    font-display: swap;
}

@font-face {
    font-family: 'Noto Sans JP';
    src: url('/resource/common/fonts/NotoSansJP-Light.woff2') format('woff2'),
        url('/resource/common/fonts/NotoSansJP-Light.woff') format('woff');
    font-weight: 300;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'Noto Sans JP';
    src: url('/resource/common/fonts/NotoSansJP-Regular.woff2') format('woff2'),
        url('/resource/common/fonts/NotoSansJP-Regular.woff') format('woff');
    font-weight: 400;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'Noto Sans JP';
    src: url('/resource/common/fonts/NotoSansJP-Medium.woff2') format('woff2'),
        url('/resource/common/fonts/NotoSansJP-Medium.woff') format('woff');
    font-weight: 500;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'Noto Sans JP';
    src: url('/resource/common/fonts/NotoSansJP-SemiBold.woff2') format('woff2'),
        url('/resource/common/fonts/NotoSansJP-SemiBold.woff') format('woff');
    font-weight: 600;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'Noto Sans JP';
    src: url('/resource/common/fonts/NotoSansJP-Bold.woff2') format('woff2'),
        url('/resource/common/fonts/NotoSansJP-Bold.woff') format('woff');
    font-weight: 700;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'Noto Sans JP';
    src: url('/resource/common/fonts/NotoSansJP-ExtraBold.woff2') format('woff2'),
        url('/resource/common/fonts/NotoSansJP-ExtraBold.woff') format('woff');
    font-weight: 800;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'Noto Sans SC';
    src: url('/resource/common/fonts/NotoSansSC-Light.woff2') format('woff2'),
        url('/resource/common/fonts/NotoSansSC-Light.woff') format('woff');
    font-weight: 300;
    font-style: normal;
    font-display: swap;
}


@font-face {
    font-family: 'Noto Sans SC';
    src: url('/resource/common/fonts/NotoSansSC-Regular.woff2') format('woff2'),
        url('/resource/common/fonts/NotoSansSC-Regular.woff') format('woff');
    font-weight: 400;
    font-style: normal;
    font-display: swap;
}


@font-face {
    font-family: 'Noto Sans SC';
    src: url('/resource/common/fonts/NotoSansSC-Medium.woff2') format('woff2'),
        url('/resource/common/fonts/NotoSansSC-Medium.woff') format('woff');
    font-weight: 500;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'Noto Sans SC';
    src: url('/resource/common/fonts/NotoSansSC-SemiBold.woff2') format('woff2'),
        url('/resource/common/fonts/NotoSansSC-SemiBold.woff') format('woff');
    font-weight: 600;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'Noto Sans SC';
    src: url('/resource/common/fonts/NotoSansSC-Bold.woff2') format('woff2'),
        url('/resource/common/fonts/NotoSansSC-Bold.woff') format('woff');
    font-weight: 700;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'Noto Sans SC';
    src: url('/resource/common/fonts/NotoSansSC-ExtraBold.woff2') format('woff2'),
        url('/resource/common/fonts/NotoSansSC-ExtraBold.woff') format('woff');
    font-weight: 800;
    font-style: normal;
    font-display: swap;
}

/* common */
.con_inner				{ position:relative; width:94%; max-width:1600px; margin-left:auto; margin-right:auto; }
::placeholder			{ color:var(--color-base2) !important; }



/* 1) root 설정  */
:root{
	--color-base:#222;
    --color-base1:#333;
    --color-base2:#6a6d72;
    --color-base3:#565656;
	
    --color-black:#000;
    --color-black-opacity1:rgba(0,0,0,.1);
    --color-black-opacity2:rgba(0,0,0,.2);
    --color-black-opacity8:rgba(0,0,0,.8);
	
	--color-white:#fff;
    --color-white-opacity1:rgba(255,255,255,.1);
    --color-white-opacity7:rgba(255,255,255,.7);
    --color-white-opacity8:rgba(255,255,255,.8);
    
    --color-point:#0f5175;
    --color-light-point:#1ea2ea;
	
	--color-mint:#1bb4b4;
	--color-mint-op2:#d5fefe;
	--color-mint-op5:#8be4e4;
	--color-mint-op7:#30cccc;
	--color-deep-mint:#0b8686;
    --color-light-mint:#dbf9f9;
    --color-light-mint1:#efffff;
	
    --color-purple:#b91ff1;
    --color-red:#dc2c44;
    --color-orange:#f36100;
	
    --color-light-blue:#ecf5fa;
    --color-light-orange:#fff5e5;
    
    --color-gray:#f6f6f6;
    --color-gray1:#f2f2f2;
    --color-gray2:#e9e9e9;
	--color-gray3:#f5f5f5;
	
    --color-line:#cecece;
  	--color-point-line: #cbe6f0;
	
    --color-yellow:#fffc00;
    --font-pretendard:'Pretendard', Sans-serif;
    --font-roboto:'Roboto', Sans-serif;
	--font-mont:'Montserrat', Sans-serif;
    --trans-ani:0.3s ease 0s;
}


img						{ vertical-align:top; max-width:100%; }
.tac					{ text-align:center; }
.tar					{ text-align:right; }
.tal					{ text-align:left; }
.none_list				{ width:100%; text-align:center; padding:1em 0; font-size:1.033rem; }
.block					{ display:block; }
.jcc					{ justify-content:center }
.none_data				{ width:100% !important; text-align:center; padding:5em; border-radius:10px; font-size:1.067rem;   }
.none_data a			{ width:100%; display:flex !important; align-items:center !important; justify-content:center}
.op_none				{ opacity:1 !important; }

.color_point			{ color:var(--color-point) !important; }
.color_red				{ color:var(--color-red) !important; }
.color_mint				{ color:var(--color-mint) !important; }
.color_yellow			{ color:var(--color-yellow) !important; }

input[type=text]:focus::placeholder,
input[type=number]:focus::placeholder,
input[type=tel]:focus::placeholder,
input[type=password]:focus::placeholder,
input[type=search]:focus::placeholder  						{ font-size:0 !important;}

@keyframes iconShow{
    0%{transform:translateY(0);}
    25%{transform:translateY(-10px);}
    50%{transform:translateY(0);}
    75%{transform:translateY(-5px);}
    100%{transform:translateY(0);}
}
@keyframes updown {
    0% { transform:translateY(0%) }
    50% { transform:translateY(3%) }
    100% { transform:translateY(0%) }
}
@keyframes img_box {
    0% { left:0; }
    100% { left:100%; }
}




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

							 상단
 
************************************************************/
.header																{ position:fixed; top:0; left:0; right:0; width:100%; --sizeHig:100px; padding:0; z-index:10; transition:var(--trans-ani); border-bottom:1px solid var(--color-white-opacity1); }
.header::before														{ position:absolute; width:100%; height:0; background:rgba(0,0,0,.7); left:0; backdrop-filter:blur(10px); top:0; content:''; z-index:1; opacity:0; transition:opacity 0.2s ease; }
.header_wrap														{ position:relative; display:flex; width:94%; max-width:1600px;  height:var(--sizeHig); margin-left:auto; margin-right:auto; justify-content:space-between;
    																	align-items:center; transition:var(--trans-ani); z-index:2; }
.header .h_logo a													{ display:flex; gap:0 10px; width:242px; height:42px; line-height:1; background:url(/resource/eng/images/common/img_logo.svg) no-repeat 50% 50% / contain; transition:var(--trans-ani);}
.header.active::before,
.header.menu_open::before											{ opacity:.9; height:100%; }
.header.menu_open													{ height:400px; }



/* gnb */
.header nav															{ display:flex; align-items:center; }
.header .nav_wrap													{ display:flex; align-items:center; gap:20px  }
.gnb																{ display:flex; align-items:center; margin-top:4px;}
.gnb>li																{ height:var(--sizeHig); position:relative; }
.gnb>li>a															{ position:relative; display:flex; flex-wrap:wrap; align-items:center; height:100%; padding:0 37.5px; font-size:20px; color:var(--color-white); font-weight:400; line-height:1;
    																	transition:var(--trans-ani); margin-top:-3px; letter-spacing:.015em }
.gnb>li>a[target='_blank']::after									{ display:none; }
.gnb>li>a>span														{ display:inline-block; position:relative; }
.gnb>li>a>span::after												{ position:absolute; left:50%; bottom:-37px; width:0%; height:4px; background:var(--color-white); transition:var(--trans-ani); content:''; transform:translateX(-50%); }
.gnb>li.on>a>span::after,
.gnb>li:hover>a>span::after,
.gnb>li:focus>a>span::after											{ width:calc(100% + 35px); }
.gnb>li:hover>a>span,
.gnb>li:focus>a>span												{ color:#fff; }
.gnb .dep2_wrap														{ position:absolute; left:50%; transform:translateX(-50%); top:var(--sizeHig); width:250px; overflow:hidden; opacity:0; visibility:hidden;
    																	transition:var(--trans-ani) cubic-bezier(.59,.01,.43,1); z-index:40; }
.gnb .dep2															{ padding:15px; text-align:center }
.gnb .dep2>li														{ float:none; }
.gnb .dep2>li>a														{ display:inline-block; position:relative; padding:10px 15px; font-size:16px; font-weight:400; color:var(--color-white); opacity:.84; letter-spacing:.015em; line-height:1.2;
    																	transition:var(--trans-ani); }
.gnb .dep2>li>a::before												{ position:absolute; width:0; height:1px; left:50%; bottom:0; background:var(--color-white); content:''; transform:translateX(-50%); transition:var(--trans-ani); }
.gnb .dep2>li>a[target='_blank']::after								{content:"";display:inline-block;opacity:.8;transition:all .4s;margin-left:4px;vertical-align:middle;width:13px;height:12px;background:url(/resource/eng/images/common/icon_window.svg) no-repeat 50% 50% / auto 12px;margin-top:-2px;filter: invert(1);}
.gnb .dep2>li>a[target='_blank'] i									{ display:none }
.gnb .dep2>li>a:hover,
.gnb .dep2>li>a:focus												{ opacity:1; }
.gnb .dep2>li>a:hover::before,
.gnb .dep2>li>a:focus::before										{ width:calc(100% - 20px); }
.gnb .dep3															{ display:none; }
.header.menu_open .gnb>li>a											{ padding:0 45px; }
.header.menu_open .dep2_wrap										{ opacity:1; visibility:visible;}




/* 상단 유틸 */
.header .top_util													{ display:flex; align-items:center; gap:0 18px; z-index:20; border-bottom: none;height: auto; background: transparent;}
.header .top_util>li												{ position:relative; }
.header .top_util .sitemap_open										{ position:relative; display:block; width:25px; height:25px;  }
.header .top_util .sitemap_open::before								{ position:absolute; width:100%; height:100%; left:0; top:0; content:''; background:url(/resource/eng/images/common/icon_allmenu.svg) no-repeat 50% 50% / auto 18px; filter:invert(1); }
.header .top_util .btn_lang											{ display:flex; gap:10px; position:relative; width:130px; height:38px; background:var(--color-white); border-radius:30px; justify-content:center; align-items:center; 
																	font-size:.94rem; font-weight:400;}
.header .top_util .btn_lang .txt									{line-height:1;}
html[lang="en"] .header .top_util .btn_lang .txt					{line-height:initial;}
.header .top_util .btn_lang .icon									{ position:relative; width:15px; height:15px; margin-top:-.5px; }
.header .top_util .btn_lang .icon::before							{ position:absolute; width:100%; height:100%; left:0; top:0; content:''; background:url(/resource/eng/images/common/icon_language.svg) no-repeat 50% 50% / contain; }
.header .top_util .btn_lang::after									{ display:flex; width:7px; height:7px; border-style:solid; border-width:0 1px 1px 0; border-color:var(--color-base); transform:translateY(-45%) rotate(45deg); transition:var(--trans-ani);
																		content:'';}
.header .top_util .btn_lang.active::after							{ transform:translateY(10%) rotate(225deg); }
.header .top_util .lang_box											{ position:absolute; display:none; width:100%; left:50%; transform:translatex(-50%); border:1px solid #e5e5e5; border-radius:10px; top:45px; padding:5px; z-index:60; 
																		background:#fff; }
.header .top_util .lang_box>ul										{ display:flex; flex-flow:column; align-items:center; }
.header .top_util .lang_box>ul>li>a									{ display:block; text-align:center; position:relative; padding:10px; transition:all ease 0.2s; font-size:14px; font-weight:400; line-height:1; color:var(--color-base); letter-spacing:0 }
.header .top_util .lang_box>ul>li>a::before							{ position:absolute; width:0; height:2px; background:var(--color-point); left:50%; bottom:0; content:''; transform:translateX(-50%); transition:all ease 0.2s}
.header .top_util .lang_box>ul>li>a:hover,
.header .top_util .lang_box>ul>li>a:focus							{ color:var(--color-point);  }
.header .top_util .lang_box>ul>li>a:hover::before,
.header .top_util .lang_box>ul>li>a:focus::before					{ width:100%; }																		


/* 사이트맵 */
.sitemap_wrap														{ position:fixed; width:100%; height:100%; right:0; top:0; opacity:0; visibility:hidden; z-index:-1; transition:all 0.3s  0.3s; overflow:hidden; letter-spacing:.015em}
.sitemap_wrap::before												{ position:absolute; width:100%; height:100%; right:0; top:0; background-color:var(--color-base);  backdrop-filter:blur(10px); transition:all 0.4s 0s; opacity:.5; content:''; }
.sitemap_wrap .sitemap_box											{ position:absolute; top:0px; right:0; width:90%; max-height:100%; display:flex; flex-wrap:wrap; gap:3rem; justify-content:center; background:var(--color-white); overflow-y:auto;
    																	padding:5rem; }
.sitemap_wrap .sitemap_box::-webkit-scrollbar 						{ display:none; }
.sitemap_wrap .sitemap_box h2										{ display:flex; justify-content:center; align-items:center; line-height:1; font-size:clamp(3.2rem, 2.91666vw, 4.6rem); text-transform:uppercase }
.sitemap_wrap .sitemap_box .gnb_list								{ display:flex; width:100%; flex-flow:column; gap:4rem; justify-content:center }
.sitemap_wrap .sitemap_box .gnb_list>li>a							{ display:flex; align-items: center;font-size:1.5rem; font-weight:bold; transition:var(--trans-ani); padding:1rem 2rem; background-color:var(--color-gray);  border-radius:0.6rem; }
/*.sitemap_wrap .sitemap_box .gnb_list>li>a[target='_blank']::after	{ margin-top:10.5px; }*/
.sitemap_wrap .sitemap_box .gnb_list .dep2							{ display:flex; flex-wrap:wrap; margin-top:2rem;  }
.sitemap_wrap .sitemap_box .gnb_list .dep2>li						{ width:calc((100% - 8rem) / 5); padding:0 2rem }
.sitemap_wrap .sitemap_box .gnb_list .dep2>li:not(:last-of-type)	{ border-right:1px solid var(--color-gray2); }
.sitemap_wrap .sitemap_box .gnb_list .dep2>li>a						{ position:relative; display:block; font-size:1.2rem; font-weight:600; transition:var(--trans-ani); line-height:1.2  }
.sitemap_wrap .sitemap_box .gnb_list .dep3							{ display:flex; flex-flow:column; margin-top:.75rem; gap:15px; }
.sitemap_wrap .sitemap_box .gnb_list .dep3>li						{ width:100%; }
.sitemap_wrap .sitemap_box .gnb_list .dep3>li>a						{ display:block; font-size:1.067rem; transition:var(--trans-ani); opacity:.84; line-height:1.2; transition:var(--trans-ani); }
.sitemap_wrap .sitemap_box .gnb_list a:hover,
.sitemap_wrap .sitemap_box .gnb_list a:focus						{ color:var(--color-point); }
.sitemap_wrap .sitemap_box .gnb_list .dep3>li>a:hover				{ font-weight:500; }

.sitemap_wrap .sitemap_box .gnb_list a[target='_blank']::after			{ content:''; opacity:0.8; display:inline-block; width:13px; height:12px; margin-left:4px; background:url(/resource/eng/images/common/icon_window.svg) no-repeat 50% 50%;
  																			background-size:100%; vertical-align:middle; margin-top:-3px;}
.sitemap_wrap .sitemap_box .gnb_list a[target='_blank']:hover::after,
.sitemap_wrap .sitemap_box .gnb_list a[target='_blank']:focus::after	{ filter:invert(25%) sepia(22%) saturate(3107%) hue-rotate(168deg) brightness(89%) contrast(90%); }

.sitemap_wrap.open													{ opacity:1; visibility:visible; z-index:99999;  }
.sitemap_wrap.open .sitemap_box .gnb_list>li:after 					{ width:0; }
.sitemap_wrap .sitemap_close										{ position:absolute; width:60px; height:60px; background:#222; right:0; top:0; opacity:0; transition:var(--trans-ani) }
.sitemap_wrap .sitemap_close::before								{ position:absolute; width:2px; height:30px; left:50%; top:50%; transform:translate(-50%,-50%) rotate(45deg); content:''; background:#fff; }
.sitemap_wrap .sitemap_close::after									{ position:absolute; width:2px; height:30px; left:50%; top:50%; transform:translate(-50%,-50%) rotate(-45deg); content:''; background:#fff;}
.sitemap_wrap.open .sitemap_close									{ opacity:1; transform:rotate(90deg); }
.sitemap_wrap .sitemap_close:hover,
.sitemap_wrap .sitemap_close:focus									{ outline-offset:-6px; outline:2px dotted var(--color-white) !important  }
.sitemap_wrap .mob_gnb_control										{ display:none; }




/* 고정 */
.header.active.menu_open											{ height:380px; }
.header.active .header_wrap 										{ --sizeHig:90px; }
.header.active .h_logo a											{ width:219px; height:38px; }
.header.active .gnb>li>a											{ font-size:19px; }
.header.active .gnb .dep2_wrap										{ top:calc(var(--sizeHig) - 8px); }
.header.active .gnb>li>a>span::after								{ bottom:-31px; }
.header *:focus														{ outline:2px dotted #fff !important}
.header .sitemap_wrap  *:focus										{ outline:2px dotted var(--color-point) !important}


@media all and (max-width:1768px){
    .sitemap_wrap .sitemap_box										{ padding:3rem; }
    .sitemap_wrap .sitemap_box .gnb_list>li>a						{ font-size:1.45rem; padding:1rem 1.5rem }			
    .sitemap_wrap .sitemap_box .gnb_list .dep2						{ margin-top:1.5rem; }
	.sitemap_wrap .sitemap_box .gnb_list .dep2>li					{ padding:0 1.5rem; }
    .sitemap_wrap .sitemap_box .gnb_list .dep2>li>a					{ font-size:1.15rem; }
    .sitemap_wrap .sitemap_box .gnb_list .dep3>li>a					{ font-size:1.03rem; }
}
@media all and (max-width:1668px){
    .header															{ --sizeHig:95px; }
    .header .h_logo a												{ width:219px; height:38px; }
    .header.menu_open .gnb>li>a										{ padding:0 40px; }
    .header.active .header_wrap 									{ --sizeHig:85px; }
    .header.active .h_logo a										{ width:208px; height:36px;}
    .gnb>li>a														{ font-size:19.5px; padding:0 25px; }
	
	.sitemap_wrap .sitemap_box										{ padding:2.5rem; }
    .sitemap_wrap .sitemap_box .gnb_list>li>a						{ font-size:1.4rem; padding:.78rem 1rem }			
    .sitemap_wrap .sitemap_box .gnb_list .dep2						{ margin-top:1rem; }
	.sitemap_wrap .sitemap_box .gnb_list .dep2>li					{ padding:0 1rem; }
    .sitemap_wrap .sitemap_box .gnb_list .dep2>li>a					{ font-size:1.1rem; }
    .sitemap_wrap .sitemap_box .gnb_list .dep3>li>a					{ font-size:1rem; }
}
@media all and (max-width:1568px){
    .header.menu_open .gnb>li>a										{ padding:0 30px; }
    .gnb>li>a														{ font-size:18px; padding:0 20px; }
	.gnb .dep2>li>a													{ font-size:15px; }
    .header.active .gnb>li>a										{ font-size:17px; }
    .sitemap_wrap .sitemap_box										{ padding:4rem 2rem; }
	.header.menu_open												{ height:360px; }
	
	.sitemap_wrap .sitemap_box										{ gap:2rem; padding:2rem; }
	.sitemap_wrap .sitemap_box .gnb_list>li>a						{ font-size:1.35rem; padding:.75rem 1rem }			
    .sitemap_wrap .sitemap_box .gnb_list .dep2>li>a					{ font-size:1.067rem; }
    .sitemap_wrap .sitemap_box .gnb_list .dep3>li>a					{ font-size:.95rem; }
}
@media all and (max-width:1468px){
    .header															{ --sizeHig:90px; }
    .header .h_logo a												{ width:208px; height:36px; }
    .header.menu_open .gnb>li>a										{ padding:0 25px; }
    .header.active .header_wrap 									{ --sizeHig:80px; }
    .header.active .h_logo a										{ width:196px; height:34px;}
    .gnb>li>a														{ font-size:17px; }
	.gnb .dep2>li>a													{ font-size:14.5px; }
    .header.active .gnb>li>a										{ font-size:16px; }
    .sitemap_wrap .sitemap_box										{ padding:3rem 1.5rem; }
	.header.menu_open												{ height:350px; }
	.sitemap_wrap .sitemap_box .gnb_list .dep2						{ gap:2rem 0; }
	.sitemap_wrap .sitemap_box .gnb_list .dep2>li					{ width:calc((100% - 4rem) / 3); }
}
@media all and (max-width:1368px){
    .header															{ --sizeHig:80px; }
    .header.active .header_wrap 									{ --sizeHig:70px; }
    .gnb															{ display:none; }
	.header .top_util .btn_lang										{ height:35px; width:100px; gap:7px; }
	.header .top_util .btn_lang .icon								{ width:13px; height:13px; }
	.header .top_util .lang_box										{ top:42px; }
	
    /* 모바일 메뉴 */
	.sitemap_wrap																	{ right:-100%; transition:all 0.5s}
	.sitemap_wrap.open																{ right:0; background:rgba(0,0,0,.8); }
	.sitemap_wrap .sitemap_box h2													{ display:none; }
	.sitemap_wrap .sitemap_box														{ position:absolute; width:98%; max-width:540px; height:100%; right:0; top:0; overflow-y:auto; background:#fff; padding:0;}	
	.sitemap_wrap .sitemap_box::before												{ position:fixed; width:98%; max-width:540px; right:-100%; height:50px; background:var(--color-point); content:''; z-index:2; transition:all .5s;  }
	.sitemap_wrap.open .sitemap_box::before											{ right:0; }
	.sitemap_wrap .sitemap_box .gnb_list											{ position:relative; width:100%; max-height:inherit; top:inherit; left:inherit; transform:initial; height:auto; margin-top:50px; display:block; 
																							border-top:1px solid rgba(0,0,0,.1); }
	.sitemap_wrap.open .sitemap_box .gnb_list>li:after								{ display:none; }
	.sitemap_wrap .sitemap_box .gnb_list>li+li::before								{ display:none; }
	.sitemap_wrap .sitemap_box .gnb_list>li+li										{ border-left:none; }
	.sitemap_wrap .sitemap_box .gnb_list>li											{ padding:0; position:relative; width:100%; }
	.sitemap_wrap.open  .sitemap_box .gnb_list>li									{ animation:inFromRight 0.6s both cubic-bezier(0.7, 0, 0.3, 1);}
	.sitemap_wrap .sitemap_box .gnb_list>li > a										{ position:relative; display:flex;  height:70px; line-height:1.2; align-items:center; padding:0 1rem; color:var(--color-base); font-size:1.167rem; 
																						border-radius:0; background:none}
	.sitemap_wrap .sitemap_box .gnb_list>li > a::before								{ position:absolute; width:7px; height:7px; border-style:solid; border-width:0 1px 1px 0; border-color:#444; right:5%; top:50%; transform:translateY(-75%) rotate(45deg); 
																						transition:var(--trans-ani); content:''; }
	.sitemap_wrap .sitemap_box .gnb_list>li.active > a::before						{ transform:translateY(-35%) rotate(-135deg); }
	.sitemap_wrap .sitemap_box .gnb_list>li.active > a								{ color:var(--color-point); }
	.sitemap_wrap .sitemap_box .gnb_list>li.active > a::before						{ border-color:var(--color-point); }
	.sitemap_wrap .sitemap_box .gnb_list>li .dep2_wrap								{ display:none;}
	.sitemap_wrap .sitemap_box .gnb_list>li	.dep2									{ padding:0; background-color:#f2f2f2; margin-top:0; gap:0; border-top:1px solid rgb(233, 233, 233);}
	.sitemap_wrap .sitemap_box .gnb_list>li .dep2>li								{ width:100%; padding:0; border-bottom:1px solid rgb(233, 233, 233); }
	.sitemap_wrap .sitemap_box .gnb_list .dep2>li:not(:last-of-type)				{ border-right:none; }
	.sitemap_wrap .sitemap_box .gnb_list>li .dep2>li+li								{ margin-top:0; }				
	.sitemap_wrap .sitemap_box .gnb_list>li .dep2>li>a								{ display:block; font-size:.95rem; padding:17px 3rem 17px 1rem; position:relative; font-weight:400 }			
	.sitemap_wrap .sitemap_box .gnb_list>li .dep2>li>a:hover,
	.sitemap_wrap .sitemap_box .gnb_list>li .dep2>li.active>a						{ color:var(--color-point); font-weight:700 }
	.sitemap_wrap .sitemap_box .gnb_list>li .dep2>li>a::after						{ position:absolute; width:11px; height:1px; background:var(--color-base); right:1.55rem; top:50%; content:''; transition:var(--trans-ani); transform:translateY(-50%); }
	.sitemap_wrap .sitemap_box .gnb_list>li .dep2>li>a::before						{ position:absolute; width:1px; height:11px; background:var(--color-base); right:calc(1.55rem + 5.5px); top:50%; content:''; transition:var(--trans-ani); 
																						transform:translateY(-50%); left:inherit; border-radius:0; }
	.sitemap_wrap .sitemap_box .gnb_list>li .dep2>li>a:hover::before, 
	.sitemap_wrap .sitemap_box .gnb_list>li .dep2>li>a:focus::before				{ width:1px; }
	.sitemap_wrap .sitemap_box .gnb_list>li .dep2>li.active>a::before				{ opacity:0; }
	.sitemap_wrap .sitemap_box .gnb_list>li .dep2>li:not(:has(ul))>a::after			{ display:none; }
	.sitemap_wrap .sitemap_box .gnb_list>li .dep2>li:not(:has(ul))>a::before 		{ display:none; }
	.sitemap_wrap .sitemap_box .gnb_list>li .dep2>li>ul								{ display:none; padding:13px 1rem; background:rgba(0,0,0,.05); margin-top:0; }
	.sitemap_wrap .sitemap_box .gnb_list>li .dep2>li>ul>li>a						{ padding:5px 0; font-size:.9rem; color:rgba(0,0,0,.8); font-weight:300 }
	.sitemap_wrap .sitemap_box .gnb_list>li .dep2>li>ul>li>a:hover,
	.sitemap_wrap .sitemap_box .gnb_list>li .dep2>li>ul>li>a:focus					{ color:var(--color-point); font-weight:700; }
	.sitemap_wrap .sitemap_box .gnb_list>li .dep2>li>ul>li>a::before				{ display:none; }
	.sitemap_wrap .sitemap_close													{ position:fixed; right:0; top:0; border-radius:0; width:50px; height:50px; background:var(--color-point); z-index:3}
	.sitemap_wrap .sitemap_close::before,
	.sitemap_wrap .sitemap_close::after												{ height:25px; }
	.sitemap_wrap .sitemap_box .gnb_list a[target='_blank']::after						{ margin-top:-2px;opacity:.5; }
	.sitemap_wrap .sitemap_box .gnb_list>li>a[target='_blank']::after					{ margin-top:-2px; }
	.sitemap_wrap .sitemap_box .gnb_list>li.active>a[target='_blank']::after,
	.sitemap_wrap .sitemap_box .gnb_list>li>a[target='_blank']:focus::after,
  	.sitemap_wrap .sitemap_box .gnb_list>li>a[target='_blank']:hover::after			{ filter:invert(100);}
  	.sitemap_wrap .sitemap_box .gnb_list a[target='_blank']:hover::after,
	.sitemap_wrap .sitemap_box .gnb_list a[target='_blank']:focus::after,
	.sitemap_wrap .sitemap_box .gnb_list li.active a[target='_blank']:focus::after{opacity:1;}
}
/* 모바일 (해상도 ~ 767px)*/
@media all and (max-width:668px) {
    .header																			{ --sizeHig:65px; }
    .header .h_logo a																{ width:196px; height:34px;}
    .header.active .header_wrap 													{ --sizeHig:55px; }
    .header.active .h_logo a														{ width:173px; height:30px; }
	.header .top_util																{ gap:0 10px; }
	.header .top_util .btn_lang														{ height:32px; }
	.header .top_util .lang_box														{ top:38px; }
	.header.active .top_util .btn_lang												{ height:30px; }
	.header.active .top_util .lang_box												{ top:36px; }
}
@media all and (max-width:468px) {
    .header .h_logo a																{ width:173px; height:30px;}
	.header .top_util																{ gap:0 5px; }
	.header .top_util .btn_lang														{ height:30px; width:95px; font-size:.9rem; }
	.header .top_util .btn_lang .icon												{ width:12px; height:12px; margin-top:0; }
	.header .top_util .btn_lang::after												{ width:6px; height:6px; transform:translateY(-30%) rotate(45deg); }
	.header .top_util .lang_box														{ top:36px; }
	.header.active .top_util .btn_lang												{ height:28px; }
	.header.active .top_util .lang_box												{ top:34px; }
}
@media all and (max-width:368px) {
	.header																			{ --sizeHig:60px; }
    .header .h_logo a																{ width:139px; height:24px;}
    .header.active .h_logo a														{ width:139px; height:24px; }
  	.header .nav_wrap																{gap:15px;}
	.header .top_util .btn_lang														{ width:80px; font-size:.8rem; gap:5px; }
	.header .top_util .btn_lang .icon,
	.header.active .top_util .btn_lang .icon										{ width:10px; height:10px;  }
	.header .top_util .sitemap_open::before											{ background-size:auto 16px; }
	.sitemap_wrap .sitemap_box .gnb_list>li > a										{ height:65px; padding:0 .75rem; font-size:1.067rem; }
}



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

							 하단
 
************************************************************/
.footer															{ position:relative; width:100%; background:#141414; padding:70px 0 }
.footer>.con_inner												{ display:flex; flex-flow:column  }
.footer .f_logo													{ display:flex; width:167px; height:18px; line-height:1; background:url(/resource/eng/images/common/img_f_logo.svg) no-repeat 50% 50% / contain; opacity:.5 }


.footer .copyright												{ position:relative; width:100%; display:flex; justify-content:space-between; color:var(--color-white); letter-spacing:.02em; align-items:flex-start; margin-top:35px; }
.footer .copyright>.list										{ display:flex; flex-wrap:wrap; gap:15px 45px; line-height:1.2;  opacity:.6; }
.footer .copyright>.list>li										{ display:flex; flex-wrap:wrap; gap:5px; }
.footer	.copyright>.list strong									{ display:block; font-weight:700;  text-transform:uppercase}
.footer	.copyright>.list span									{ display:block; }
.footer	.copyright>.list>li.last								{ flex:100%;  }


.footer .family_wrap											{ position:relative; }
.footer .family_wrap button										{ position:relative; display:flex; width:240px; height:50px; padding:0 20px; font-size:1.06em; color:rgba(255,255,255,.7); align-items:center; background:rgba(255,255,255,.1); 
																	border-radius:5px; justify-content:space-between; }
.footer .family_wrap button::after								{ display:inline-block; width:11px; height:11px; background:url(/resource/eng/images/common/icon_family_arr.svg) no-repeat 50% 50% / 11px; content:''; transition:all ease 0.2s; opacity:.7 }
.footer .family_wrap button.active::after						{ transform:rotate(45deg); }
.footer .family_wrap .family_list								{ display:none; position:absolute; right:0; width:100%; bottom:55px; background:#2c2c2c; z-index:2; border-radius:8px;  }
.footer .family_wrap .family_list .list							{ display:flex; flex-flow:column; gap:7px; padding:15px; margin-top:0;  }
.footer .family_wrap .family_list .list>li						{ float:none; font-size:.9rem;  }
.footer .family_wrap .family_list .list>li a					{ display:block; padding:2px 0; opacity:.7 }
.footer a[target='_blank']::after								{ content:""; display:inline-block; opacity:.8; transition:all .4s; margin-left:5px; vertical-align:middle; width:15px; height:15px; 
																	background:url(/resource/eng/images/common/icon_window.svg) no-repeat 50% 50% / auto 11px; margin-top:-3px; filter:invert(1); }
.footer .family_wrap .family_list .list>li a:hover							{ opacity:1 }
.footer .family_wrap .family_list .list>li a:hover[target='_blank']::after	{ opacity:1 }


@media all and (max-width:1768px){
	.footer														{ padding:60px 0; }
	.footer .copyright											{ font-size:.98rem; }
	.footer .family_wrap button									{ width:230px; height:45px; padding:0 15px; font-size:1.03em; }
	.footer .family_wrap .family_list							{ bottom:50px; }
	.footer .family_wrap .family_list .list>li					{ font-size:.88rem; }
}
@media all and (max-width:1368px){
	.footer														{ padding:50px 0; }
	.footer .f_logo												{ width:148px; height:16px; }
	.footer .copyright											{ font-size:.95rem;  margin-top:30px; }
	.footer .copyright>.list									{ gap:10px 35px;}
	.footer .family_wrap button									{ width:210px; height:40px; padding:0 12px; font-size:.95rem; }
	.footer .family_wrap .family_list							{ bottom:45px; }
	.footer .family_wrap .family_list .list>li					{ font-size:.83rem; }
}
@media all and (max-width:1268px){
	.footer														{ padding:40px 0; }
	.footer .f_logo												{ width:121px; height:13px; }
	.footer .copyright>.list>li:nth-child(1)					{ flex:100%; }
	.footer .copyright											{ font-size:.9rem; margin-top:20px;}
	.footer .family_wrap button									{ font-size:.9rem; }
}
@media all and (max-width:768px){
	.footer .copyright											{ flex-flow:column; }
	.footer .family_wrap										{ margin-top:20px; width:100%;}
	.footer .family_wrap button									{ width:100%; }
}
@media all and (max-width:468px){
	.footer														{ padding:30px 0; }
	.footer .copyright>.list									{ gap:10px 25px;}
}