/*@import url("https://cdn.jsdelivr.net/gh/orioncactus/pretendard@v1.3.9/dist/web/static/pretendard.min.css");*/
/*@import url('https://fonts.googleapis.com/css2?family=Montserrat:ital,wght@0,100;0,200;0,300;0,400;0,500;0,600;0,700;0,800;0,900;1,100;1,200;1,300;1,400;1,500;1,600;1,700;1,800;1,900&display=swap');*/
@font-face {
	font-family: "Pretendard";
	font-weight: 700;
	src: local("Pretendard-Bold"), local("Pretendard-Bold"),
	url("./fonts/Pretendard-Bold.woff2") format("woff2"),
	url("./fonts/Pretendard-Bold.woff") format("woff"),
}

@font-face {
	font-family: "Pretendard";
	font-weight: 500;
	src: local("Pretendard Medium"), local("Pretendard-Medium"),
	url("./fonts/Pretendard-Medium.woff2") format("woff2"),
	url("./fonts/Pretendard-Medium.woff") format("woff"),
}

@font-face {
	font-family: "Pretendard";
	font-weight: 400;
	src: local("Pretendard-Regular"), local("Pretendard-Regular"),
	url("./fonts/Pretendard-Regular.woff2") format("woff2"),
	url("./fonts/Pretendard-Regular.woff") format("woff"),
}

@font-face {
	font-family: "Montserrat";
	font-weight: 700;
	src: local("Montserrat-Bold"), local("Montserrat-Bold"),
	url("./fonts/Montserrat-Bold.woff2") format("woff2"),
	url("./fonts/Montserrat-Bold.woff") format("woff"),
}

@font-face {
	font-family: "Montserrat";
	font-weight: 500;
	src: local("Montserrat Medium"), local("Montserrat-Medium"),
	url("./fonts/Montserrat-Medium.woff2") format("woff2"),
	url("./fonts/Montserrat-Medium.woff") format("woff"),
}

@font-face {
	font-family: "Montserrat";
	font-weight: 400;
	src: local("Montserrat-Regular"), local("Montserrat-Regular"),
	url("./fonts/Montserrat-Regular.woff2") format("woff2"),
	url("./fonts/Montserrat-Regular.woff") format("woff"),
}

* { margin: 0px; padding: 0px; -webkit-overflow-scrolling : touch; outline: 0 none !important; font-family: 'Pretendard', sans-serif; }

html, body {
	display: inline-block; width: 100%; height: auto;
	margin: 0px; padding: 0px;
	font-size: 14px;
	
	font-family: 'Pretendard', sans-serif;
}
/* html { display: none;  } */
html { display: initial; }
html.on { display: initial; }

body { 
	position: relative;
	-webkit-overflow-scrolling: touch; float: left;
	
	overflow-x: hidden;
	/* background-color: #F6F8FA; */

	/*
		position: relative; left: 50%;
		width: 100%; max-width: 1920px;
		-webkit-transform: translate(-50%, 0%);
		-ms-transform: translate(-50%, 0%);
		transform: translate(-50%, 0%);
	*/
}

::-webkit-scrollbar-button:start:decrement, ::-webkit-scrollbar-button:end:increment {display: block; height: 10px; background: #efefef; }
::-webkit-scrollbar {width: 8px; height: 8px; border: 3px solid #fff; }
::-webkit-scrollbar-button:start:decrement, ::-webkit-scrollbar-button:end:increment {display: block; height: 10px; background: #efefef; }
::-webkit-scrollbar-track {background: #efefef; -webkit-border-radius: 10px; border-radius:10px; -webkit-box-shadow: inset 0 0 4px rgba(0,0,0,.2); }
::-webkit-scrollbar-thumb {height: 50px; width: 50px; background: rgba(0,0,0,.2); -webkit-border-radius: 8px; border-radius: 8px; -webkit-box-shadow: inset 0 0 4px rgba(0,0,0,.1); }

.Montserrat { font-family: 'Montserrat', 'Pretendard', sans-serif; }

.hidden { height: calc(100% + 150px); min-height: calc(100% + 150px); overflow:hidden !important; touch-action:none;}

a							{ text-decoration: none; }
li, ul, ol					{ list-style: none; }
iframe { border: 0px; }


/* float */
.left						{ float: left;  }
.right						{ float: right; } 
.clear						{ clear: both;  }

/* text-align */
.text_left					{ text-align: left; }
.text_right					{ text-align: right; }
.text_center				{ text-align: center; }

/* display */
.display_inline_block		{ display: inline-block; }
.display_none				{ display: none; }
.display_block				{ display: block; }
.display_table				{ display: table; }
.display_table_cell			{ display: table-cell; }

/* position */
.position_relative			{ position: relative; }
.position_absolute			{ position: absolute; }
.position_fixed				{ position: fixed; }


.slow {
	transition: all 200ms ease-in-out;
	-webkit-transition: all 200ms ease-in-out;
	-moz-transition: all 200ms ease-in-out;
}
.slow2 {
	transition: all 500ms ease-in-out;
	-webkit-transition: all 500ms ease-in-out;
	-moz-transition: all 500ms ease-in-out;
}

.slow3 {
	transition: all 800ms ease-in-out;
	-webkit-transition: all 800ms ease-in-out;
	-moz-transition: all 800ms ease-in-out;
}
.fast {
	transition: all 150ms ease-in-out;
	-webkit-transition: all 150ms ease-in-out;
	-moz-transition: all 150ms ease-in-out;
}
.fast2 {
	transition: all 150ms ease-in-out;
	-webkit-transition: all 150ms ease-in-out;
	-moz-transition: all 150ms ease-in-out;
}

.bold { font-weight: 700; }
.semibold { font-weight: 600; }
.medium { font-weight: 500; }


.fly {
	opacity: 0;

	transition: all 450ms ease-in-out;
	-webkit-transition: all 450ms ease-in-out;
	-moz-transition: all 450ms ease-in-out;

	transform: translateY(50px) translateX(0px) scale(1) translate3d(0, 0, 0);
	-webkit-transform: -webkit-translateY(50px) -webkit-translateX(0px) -webkit-scale(1) -webkit-translate3d(0, 0, 0);
	-moz-transform: -moz-translateY(50px) -moz-translateX(0px) -moz-scale(1) -moz-translate3d(0, 0, 0);
	-o-transform: -o-translateY(50px) -o-translateX(0px) -o-scale(1) -o-translate3d(0, 0, 0);
}


.main_intro_fly1 {
	opacity: 0;

	transition: all 750ms ease-in-out;
	-webkit-transition: all 750ms ease-in-out;
	-moz-transition: all 750ms ease-in-out;

	transform: translateY(100px) translateX(0px) scale(1) translate3d(0, 0, 0);
	-webkit-transform: -webkit-translateY(100px) -webkit-translateX(0px) -webkit-scale(1) -webkit-translate3d(0, 0, 0);
	-moz-transform: -moz-translateY(100px) -moz-translateX(0px) -moz-scale(1) -moz-translate3d(0, 0, 0);
	-o-transform: -o-translateY(100px) -o-translateX(0px) -o-scale(1) -o-translate3d(0, 0, 0);
}

.main_intro_fly2{
	opacity: 0;

	transition: all 800ms ease-in-out;
	-webkit-transition: all 800ms ease-in-out;
	-moz-transition: all 800ms ease-in-out;

	transform: translateY(100px) translateX(0px) scale(1) translate3d(0, 0, 0);
	-webkit-transform: -webkit-translateY(100px) -webkit-translateX(0px) -webkit-scale(1) -webkit-translate3d(0, 0, 0);
	-moz-transform: -moz-translateY(100px) -moz-translateX(0px) -moz-scale(1) -moz-translate3d(0, 0, 0);
	-o-transform: -o-translateY(100px) -o-translateX(0px) -o-scale(1) -o-translate3d(0, 0, 0);
}

.main_intro_fly3 {
	opacity: 0;

	transition: all 850ms ease-in-out;
	-webkit-transition: all 850ms ease-in-out;
	-moz-transition: all 850ms ease-in-out;

	transform: translateY(100px) translateX(0px) scale(1) translate3d(0, 0, 0);
	-webkit-transform: -webkit-translateY(100px) -webkit-translateX(0px) -webkit-scale(1) -webkit-translate3d(0, 0, 0);
	-moz-transform: -moz-translateY(100px) -moz-translateX(0px) -moz-scale(1) -moz-translate3d(0, 0, 0);
	-o-transform: -o-translateY(100px) -o-translateX(0px) -o-scale(1) -o-translate3d(0, 0, 0);
}


.main_intro_fly4 {
	opacity: 0;

	transition: all 900ms ease-in-out;
	-webkit-transition: all 900ms ease-in-out;
	-moz-transition: all 900ms ease-in-out;

	transform: translateY(100px) translateX(0px) scale(1) translate3d(0, 0, 0);
	-webkit-transform: -webkit-translateY(100px) -webkit-translateX(0px) -webkit-scale(1) -webkit-translate3d(0, 0, 0);
	-moz-transform: -moz-translateY(100px) -moz-translateX(0px) -moz-scale(1) -moz-translate3d(0, 0, 0);
	-o-transform: -o-translateY(100px) -o-translateX(0px) -o-scale(1) -o-translate3d(0, 0, 0);
}




.show-block {
	opacity: 1;

	transform: translateY(0px) translateX(0px) scale(1) translate3d(0, 0, 0);
	-webkit-transform: -webkit-translateY(0px) -webkit-translateX(0px) -webkit-scale(1) -webkit-translate3d(0, 0, 0);
	-moz-transform: -moz-translateY(0px) -moz-translateX(0px) -moz-scale(1) -moz-translate3d(0, 0, 0);
	-o-transform: -o-translateY(0px) -o-translateX(0px) -o-scale(1) -o-translate3d(0, 0, 0);
}





input, select, textarea {
	-webkit-appearance: none;
	   -moz-appearance: none;
			appearance: none;
			border-radius: 0px;
}


:root {
	--color-white: #ffffff;
	--color-white2: #fefefe;

	--color-black: #000000;
	--color-black2: #14100f;
/*
	--color-blue: #33a7ff;
	--color-blue2: #0091ff;
*/    
    --color-blue: #f6e37c;
	--color-blue2: #a77722;
    
	--color-disabled: #cccccc;
	--color-gray: #999999;
	--color-gray2: #3e3e3e;


}

.drag { pointer-events: none !important; }

.base { position: relative; display: inline-block; float: left; box-sizing: border-box; }



header { 
	z-index: 102; 
	background-color: #fff;

	max-width: 1920px;


}

header.base.on { position: fixed;   }

header.base.open { position: fixed; }


header.base {border-radius: 0 0 36px 36px; overflow: hidden;
	position: fixed; left: 50%; top: 0px;
	width: 100%; height: auto;

    -webkit-transform: translate(-50%, 0%);
    -ms-transform: translate(-50%, 0%);
    transform: translate(-50%, 0%);

	
}
header.hover .containner  { background-color: var(--color-white); border-bottom: 0px solid var(--color-disabled); }
header.on .containner  { background-color: var(--color-white); }
header.open .containner  { background-color: var(--color-white); }

header > div { 
	max-width: 1618px; width: 100%; height: auto; 


	left: 50%;
    -webkit-transform: translate(-50%, 0%);
    -ms-transform: translate(-50%, 0%);
    transform: translate(-50%, 0%);
}

header.main > div { border-bottom: 1px solid rgba(255,255,255,.0);  }
header.main.top:not(.hover) > div { border-bottom: 1px solid rgba(255,255,255,.5); }



header.top .containner { border-radius: 0px 0px 0px 0px; }
header.top.hover .containner { border-radius: 0px 0px 36px 36px; }


header.main .containner { border-bottom: 0px solid rgba(255,255,255,.5); }
header.main:not(.hover) .containner { border-bottom: 0px solid rgba(255,255,255,.0); }

header.main.top .containner{
    border-left: 1px solid rgba(0,0,0,0);
    border-right: 1px solid rgba(0,0,0,0);
} 


header .containner { 
	left: 50%;
	width: 100%; height: 120px; 
	padding: 0px calc((60 / 1280) * 100vw);

    -webkit-transform: translate(-50%, 0%);
    -ms-transform: translate(-50%, 0%);
    transform: translate(-50%, 0%);

	display: flex;
	align-items: center;

}


header .containner .logo { width: 180px; height: auto; z-index: 10; }
header .containner .logo a,
header .containner .logo a img { width: 100%; height: auto; }
header .containner .logo a img.default,
header .containner .logo a img.hover { position: absolute; top: 0px; left: 0px; }
header .containner .logo a img.hover { display: none; }

header.hover .containner .logo a img.default { display: none; }
header.hover .containner .logo a img.hover.pc { display: inline-block; }
header.hover .containner .logo a img.hover.mo { display: none; }

header.on .containner .logo a img.default { display: none; }
header.on .containner .logo a img.hover.pc { display: inline-block;        height: 100px;margin-top: -22px;max-height: 88px; }
header.on .containner .logo a img.hover.mo { display: none; }

header.open .containner .logo a img.default { display: none; }
header.open .containner .logo a img.hover.pc { display: inline-block; }
header.open .containner .logo a img.hover.mo { display: none; }


header.hover .containner .logo.on a img.default { display: inline-block; }
header.hover .containner .logo.on a img.hover.pc { display: none; }
header.hover .containner .logo.on a img.hover.mo { display: none; }

header.on .containner .logo.on a img.default { display: inline-block; }
header.on .containner .logo.on a img.hover.mo { display: none; }
header.on .containner .logo.on a img.hover.pc { display: none; }

header.open .containner .logo.on a img.default { display: inline-block; }
header.open .containner .logo.on a img.hover.pc { display: none; }
header.open .containner .logo.on a img.hover.mo { display: none; }



header nav {
	height: 100%;
	/*margin-left: calc((100 / 1920) * 100vw);*/transition: all 0.4s;
    /*margin-left: calc((250 / 1920) * 100vw);*/
    transform: translate(-50%, 0%);
    left: calc(50% - 130px);
}

header nav .quick {
	width: auto; height: 38px;
	margin-left: 40px;
	margin-top: -10px;
}

header nav .quick .quick_item:nth-child(1) { margin-left: 0px; }
header nav .quick .quick_item.on { background-color: var(--color-blue2); }
header nav .quick .quick_item.on img.default { display: inline-block !important; }
header nav .quick .quick_item.on img.hover { display: none !important; }




header nav .quick .quick_item {
	width: 42px; height: 100%;
	margin-left: 40px; margin-left: 15px;  
	padding: 8px 0px; 
	border-radius: 5px;
}
header nav .quick .quick_item.with_posco {
	width: auto; height: 24px; 
	padding: 3px 14px 3px; 
	margin-top: 7px; margin-left: 15px; 
	background-color: var(--color-white); 
	border-radius: 24px; 
}
header.hover nav .quick .quick_item.with_posco { background-color: var(--color-blue); }
header.on nav .quick .quick_item.with_posco { background-color: var(--color-blue); }
header.open nav .quick .quick_item.with_posco { background-color: var(--color-blue); }

header nav .quick .quick_item a {
	left: 50%; 

    -webkit-transform: translate(-50%, 0%);
    -ms-transform: translate(-50%, 0%);
    transform: translate(-50%, 0%);
}

header nav .quick .quick_item a,
header nav .quick .quick_item a img { width: auto; height: 100%; }
header nav .quick .quick_item a img.default,
header nav .quick .quick_item a img.hover {
	position: absolute; top: 0px; left: 50%; 

    -webkit-transform: translate(-50%, 0%);
    -ms-transform: translate(-50%, 0%);
    transform: translate(-50%, 0%);
}
header nav .quick .quick_item a img.hover { display: none; }


header nav .quick .quick_item:nth-child(1) > a::before {
	position: absolute; top: -4px; left: -4px;
	display: inline-block; content: '';
	width: 7px; height: 7px;
	border-radius: 100%;
	background-color: #FF0000;
}

header.hover nav .quick .quick_item a img.hover { display: inline-block; }
header.hover nav .quick .quick_item a img.default { display: none; }

header.on nav .quick .quick_item a img.hover { display: inline-block; }
header.on nav .quick .quick_item a img.default { display: none; }

header nav .slogan {
	position: absolute; top: 5px; right: 0px;
	width: auto; height: 40px; line-height: 40px;
}

header nav .slogan span {
	font-size: 20px; color: var(--color-black); 
	font-weight: 600;
}
header nav .slogan img {
	width: auto; height: 100%; 
	margin-left: 20px;
}
header nav .slogan img:nth-child(1) { margin-top: 2px; height: 90%; }
header nav .slogan img:nth-child(2) { cursor: pointer; }


header nav .gnb {
	width: auto; height: 100%;
}

header nav .gnb .gnb_item:nth-child(1) { padding-left: 0px; }
header nav .gnb .gnb_item { width: auto; height: 100%; }

header.hover nav .gnb .gnb_item .gnb_txt.on2 a { color: var(--color-blue2); }
header.hover nav .gnb .gnb_item .gnb_txt.on a { color: var(--color-blue2); }
header.hover nav .gnb .gnb_item .gnb_txt a { color: var(--color-disabled); }

header.on nav .gnb .gnb_item .gnb_txt.on2 a { color: var(--color-blue2); }
header.on nav .gnb .gnb_item .gnb_txt.on a { color: var(--color-blue2); }
header.on nav .gnb .gnb_item .gnb_txt a { color: #000; }

header.open nav .gnb .gnb_item .gnb_txt.on2 a { color: var(--color-blue2); }
header.open nav .gnb .gnb_item .gnb_txt.on a { color: var(--color-blue2); }
header.open nav .gnb .gnb_item .gnb_txt a { color: var(--color-blue2); opacity: 0.8 }

header nav .gnb .gnb_item .gnb_txt {
	width: auto; height: 100%;
    display: flex;
    align-items: end;
}

header nav .gnb .gnb_item:nth-child(1) .gnb_txt a { padding-left: 0px; }
header nav .gnb .gnb_item .gnb_txt a {
	width: auto; height: 60%;
	font-size: 18px; color: var(--color-white); text-align: center;
	font-weight: 500;
	cursor: pointer;
	/*padding-left: calc((50 / 1920) * 100vw); */
    padding-left: calc((35 / 1920) * 100vw);
}

header.hover nav .lnb { 
}
header.hover nav .bar { z-index: 1; }

header nav .bar { 
	display: none !important;
	position: fixed; top: 120px; left: 0px;
	width: auto; height: 1px;
	background-color: rgba(0,0,0,0);
	opacity: 0;
	z-index: 3;
}

header.hover nav .lnb {
	padding: 40px 0px 50px; /*height: 412px; */height: 250px; 
	background-color: var(--color-white); 
	border-bottom: 0px;
	margin-left: 0px;
}


header nav .lnb.on {
	transition: all 200ms ease-in-out;
	-webkit-transition: all 200ms ease-in-out;
	-moz-transition: all 200ms ease-in-out;     display: none
}
header nav .lnb {
	position: fixed; top: 118px; left: 0px;
	width: auto; height: 0px;
	border-radius: 0px 0px 0px 0px;
	border-top: 1px solid rgba(0,0,0,0);
	background-color: rgba(0,0,0,0);
	overflow: hidden;
	z-index: 2;
	border-radius: 0px 0px 36px 36px;
	border-bottom: 1px solid #CCC;

}

header nav .lnb .contents {
	left: 50%; 
	max-width: 1920px;
	width: 100%; height: 100%;

    -webkit-transform: translate(-50%, 0%);
    -ms-transform: translate(-50%, 0%);
    transform: translate(-50%, 0%);
    
    
	
}

header nav .lnb .lnb_nav.on { 
	display: inline-block; 
    /*2차 메뉴 가운데*/
    left: 50% !important; transform: translate(-50%, 0%);
}
header nav .lnb .lnb_nav {
	position: absolute; /*top: 0px;*/top: -10px;
	display: none;
	float: right; 
	width: auto; max-width: 100%; height: auto;
}


header nav .lnb .lnb_nav .lnb_item:nth-child(1) { margin-left: 0px; }
header nav .lnb .lnb_nav.sustainability_lnb .lnb_item:nth-child(1) { margin-left: 0px; }
header nav .lnb .lnb_nav.sustainability_lnb .lnb_item { margin-left: 25px; }
header nav .lnb .lnb_nav .lnb_item {
	display: grid;
	width: auto; height: auto;
	margin-left: 60px;
}

header nav .lnb .lnb_nav .lnb_item > div { display: grid; }
header nav .lnb .lnb_nav .lnb_item .lnb_sub.top { margin-top: 25px; }
header nav .lnb .lnb_nav .lnb_item .lnb_sub {
	width: auto; height: auto; line-height: 1;
}
header nav .lnb .lnb_nav .lnb_item .lnb_sub > a {
	width: auto; height: auto; line-height: 35px;
	font-size: 18px; color: #000; text-align: left;
	font-weight: 600;
}

header nav .lnb .lnb_nav .lnb_item .lnb_sub > a.icon:hover::after,
header nav .lnb .lnb_nav .lnb_item .lnb_link .lnb_btn.icon:hover::after{ background-color: var(--color-blue2); }

header nav .lnb .lnb_nav .lnb_item .lnb_sub > a.icon::after,
header nav .lnb .lnb_nav .lnb_item .lnb_link .lnb_btn.icon::after{
    content: '';
    position: relative;
    display: inline-block;
    float: right;
    box-sizing: border-box;
    width: 21px;
    height: 21px;
    background-color: #e6e6e6;
    border-radius: 100%;
    margin-left: 10px;
	margin-top: 8px;
    background-image: url(/img/external_link.svg);
    background-size: 12px auto;
    background-position: center center;
    background-repeat: no-repeat;
}


header nav .lnb .lnb_nav .lnb_item.on .lnb_sub > a,
header nav .lnb .lnb_nav .lnb_item:hover .lnb_sub > a { color: var(--color-blue2); }

header nav .lnb .lnb_nav .lnb_item.on .lnb_sub > a::before,
header nav .lnb .lnb_nav .lnb_item:hover .lnb_sub > a::before{
	position: absolute; display: inline-block; left: -20px; top: 14px; margin-top: 0px;   opacity: 0.4;
	content: ''; 
	width: 9px; height: 9px; 
	border-radius: 100%;
	background-color: var(--color-blue2);
}




header nav .lnb .lnb_nav .lnb_item .lnb_link { width: auto; height: auto;  margin-top: 0px; }
header nav .lnb .lnb_nav .lnb_item .lnb_link .lnb_btn {
	width: auto; height: auto; line-height: 35px;
	font-size: 16px; color: #000; text-align: left;
}

header nav .lnb .lnb_nav .lnb_item.on .lnb_link .lnb_btn.on,
header nav .lnb .lnb_nav .lnb_item:hover .lnb_link .lnb_btn:hover {
	color: var(--color-blue2); 
	text-decoration: underline;
	text-underline-position:under;
}

header nav .lnb .external_link {
	position: absolute; display: inline-block;
	float: right; right: 200px; bottom: 0px; 
	width: auto; height: 21px; line-height: 21px;
	box-sizing: border-box;
}

header nav .lnb .external_link > a:nth-child(1) { margin-left: 0px; }
header nav .lnb .external_link > a {
	width: auto; height: auto;
	margin-left: 40px;
}

header nav .lnb .external_link > a:hover > span:after { background-color: var(--color-blue); }

header nav .lnb .external_link > a > span:after { 
	content: '';
	position: relative; display: inline-block; float: right;
	box-sizing: border-box;
	
	width: 21px; height: 21px;
	background-color: #e6e6e6;
	border-radius: 100%;
	margin-left: 10px;
	
	background-image: url('/img/external_link.svg');
	background-size: 12px auto;
	background-position: center center;
	background-repeat: no-repeat;
}
header nav .lnb .external_link > a > span {
	width: auto; height: auto;
	font-size: 18px; color: var(--color-gray); text-align: left;
	font-weight: 600;

}
header nav .lnb .external_link > a:hover > span { color: var(--color-black); }


header .func {
	position: absolute; right: calc((60 / 1280) * 100vw); top: 50%;

    -webkit-transform: translate(0%, -50%);
    -ms-transform: translate(0%, -50%);
    transform: translate(0%, -50%);

	display: flex;
	align-items: center;
}

header .func img { width: 140px; height: auto; }
header .func .lan {
	display: flex;
	margin-right: calc((60 / 1280) * 100vw);
}
header .func .lan a {
	line-height: 1.25;
	color: #9C9C9C; text-align: center;
	font-size: 16px; font-weight: 500;
}
header .func .lan a:nth-child(1) { margin-right: 17px; }
header .func .lan a:nth-child(1)::before {
	content: '';
	position: absolute; top:50%; right: -8px;
    -webkit-transform: translate(0%, -50%);
    -ms-transform: translate(0%, -50%);
    transform: translate(0%, -50%);

	width: 1px; height: 13px;
	background-color: #9c9c9c;

}

header .func .lan a.on { color: #000; }






header .m_search, header .m_nav, header .m_global{ display: none; float: right; }

header .m_global {
	width: calc((25 / 750) * 100vw); height: calc((25 / 750) * 100vw);
	margin-top: calc((28 / 750) * 100vw);
    margin-right: calc((25 / 750)* 100vw);
}

header .m_global a { width: 100%; height: 100%; }
header .m_global a img{ width: 100%; height: auto; }
header .m_global a img:not(.blank){ 
	position: absolute; top: 0px; left: 0px;
	opacity: 1;
}

header .m_search a img.default{ opacity: 1; }


header .m_search {
	width: calc((25 / 750) * 100vw); height: calc((25 / 750) * 100vw);
	margin-top: calc((28 / 750) * 100vw)
}
header .m_search a { width: 100%; height: 100%; }
header .m_search a img{ width: 100%; height: auto; }
header .m_search a img:not(.blank){ 
	position: absolute; top: 0px; left: 0px;
	opacity: 0;
}

header .m_search a img.default{ opacity: 1; }
header.on .m_search a img{ opacity: 1; }
header.on .m_search a img.default{ opacity: 0; }

header.open .m_search a img{ opacity: 1; }
header.open .m_search a img.default{ opacity: 0; }

header .m_nav {
	width: calc((26 / 750) * 100vw); height: calc((25 / 750) * 100vw);
	cursor: pointer;
}

header .m_nav > div {
	width: 100%; height: 3px;
	border-radius: 3px;
	margin: calc((3 / 750) * 100vw) 0px;
	background-color: #fff;
}

header.on .m_nav > div {
	background-color: #000;
}

header.open .m_nav > div {
	background-color: #000;
}


header .m_nav.on > div:nth-child(1) {
	position: absolute;
	top: 50%; left: 50%;
	margin-top: calc((-1 / 750) * 100vw);
	-webkit-transform: translate(-50%, -50%) rotate(45deg);
	-ms-transform: translate(-50%, -50%) rotate(45deg);
	transform: translate(-50%, -50%) rotate(45deg);
}


header .m_nav.on > div:nth-child(3) {
	position: absolute;
	top: 50%; left: 50%;
	margin-top: calc((-1 / 750) * 100vw);


	-webkit-transform:  translate(-50%, -50%) rotate(-45deg);
	-ms-transform: translate(-50%, -50%) rotate(-45deg);
	transform: translate(-50%, -50%) rotate(-45deg);
}

header .m_nav.on > div:nth-child(2) {
	opacity: 0;
}


header nav .gnb .gnb_item > .lnb_nav { display: none; }




header.open { 
	max-height: 100vh;
	overflow-x: auto;
	padding-bottom: 150px;
}





.quick_list.on { display: inline-block; }
.quick_list {
	position: fixed; display: none;
	top: 126px; right: 0px;
	background-color: var(--color-blue2);
	border-radius: 5px;
	z-index: 110;
	box-sizing: border-box;
}
.quick_list.quick_alarm { 
	width: 330px; height: auto; max-height: 385px;
	overflow: auto;
	padding: 20px 15px;
	-webkit-overflow-scrolling: touch;
}

.quick_list.quick_alarm::-webkit-scrollbar-button:start:decrement, 
.quick_list.quick_alarm::-webkit-scrollbar-button:end:increment {display: block; height: 10px; background: #eaeaea; }

.quick_list.quick_alarm::-webkit-scrollbar { width: 5px; height: 5px; border: 1px solid #fff; }

.quick_list.quick_alarm::-webkit-scrollbar-button:start:decrement, 
.quick_list.quick_alarm::-webkit-scrollbar-button:end:increment {display: block; height: 10px; background: #eaeaea; }

.quick_list.quick_alarm::-webkit-scrollbar-track {background: #eaeaea; -webkit-border-radius: 10px; border-radius:10px; -webkit-box-shadow: inset 0 0 4px rgba(0,0,0,.2); }
.quick_list.quick_alarm::-webkit-scrollbar-thumb {
	height: 5px; width: 5px; background: #0091ff; -webkit-border-radius: 5px; border-radius: 5px; -webkit-box-shadow: inset 0 0 4px rgba(0,0,0,.1);
}



.quick_alarm_item:nth-child(1) { margin-top: 0px; }
.quick_alarm_item:nth-child(n+2)::before {
	position: absolute; display: inline-block;
	top: -20px; left: 0px;
	content: '';
	width: 100%; height: 1px;
	background-color: #5cb9ff;
}
.quick_alarm_item { width: 100%; height: auto; margin-top: 41px; }
.quick_alarm_item a { width: 100%; height: auto; }
.quick_alarm_item .quick_alarm_img {
	width: 120px; height: 80px;

	border-radius: 5px;
	background-image: url('../images/quick_img_sample.png');
	background-size: cover;
	background-position: center center;
	background-repeat: no-repeat;
	box-sizing: border-box;
}

.quick_alarm_item .quick_alarm_info {
	width: calc(100% - 120px); height: 80px;
	padding-left: 10px;
}

.quick_alarm_item .quick_alarm_info .quick_alarm_title {
	width: 100%; height: auto; max-height: 50px; line-height: 25px;
	font-size: 16px; color: var(--color-white); text-align: left;


	display: -webkit-box; display: -ms-flexbox; display: box;
	overflow:hidden; 
	vertical-align:top; text-overflow: ellipsis; word-break:break-all;
	-webkit-box-orient:vertical;
	-webkit-line-clamp:2;

}

.quick_alarm_item .quick_alarm_info .quick_alarm_date {
	width: 100%; height: auto; line-height: 1;
	font-size: 14px; color: #5cb9ff; text-align: left;
	font-weight: 500;
	margin-top: 15px;
}

.quick_list.quick_sns { 
	width: 160px; height: auto; max-height: 220px;
	overflow: auto;
    padding: 20px 15px;
	-webkit-overflow-scrolling: touch;
}

.quick_sns_item:nth-child(1) { margin-top: 0px; }
.quick_sns_item:nth-child(n+2)::before {
	position: absolute; display: inline-block;
	top: -16px; left: 0px;
	content: '';
	width: 100%; height: 1px;
	background-color: #5cb9ff;
}
.quick_sns_item { width: 100%; height: auto; margin-top: 31px; }
.quick_sns_item a { width: 100%; height: auto; }
.quick_sns_item a .quick_sns_img { 
	width: 30px; height: 30px; line-height: 30px; 
	border-radius: 100%; 
	background-color: #5bb8ff; 

	background-size: 20px auto;
	background-position: center center;
	background-repeat: no-repeat;
	box-sizing: border-box;

}
.quick_sns_item:nth-child(1) a .quick_sns_img { background-image: url('../images/quick_sns_youtube.png'); }
.quick_sns_item:nth-child(2) a .quick_sns_img { background-image: url('../images/quick_sns_blog.svg'); }
.quick_sns_item:nth-child(3) a .quick_sns_img { background-image: url('../images/quick_sns_channel.png'); }

.quick_sns_item a .quick_sns_txt { 
	width: calc(100% - 30px - 10px); padding-left: 10px; 
	height: 30px; line-height: 30px; 
	font-size: 14px; color: var(--color-white); text-align: left;
}


.quick_list.quick_global { 
	width: 60px; height: auto; max-height: 100px;
	overflow: auto;
    padding: 15px 10px;
	-webkit-overflow-scrolling: touch;
}

.quick_global_item:nth-child(1) { margin-top: 0px; }
.quick_global_item:nth-child(n+2)::before {
	position: absolute; display: inline-block;
	top: -16px; left: 0px;
	content: '';
	width: 100%; height: 1px;
	background-color: #5cb9ff;
}
.quick_global_item { width: 100%; height: auto; margin-top: 31px; }
.quick_global_item a { width: 100%; height: auto; }

.quick_global_item a .quick_global_txt {
	width: 100%; height: auto; line-height: 1;
	font-size: 14px; color: var(--color-white); text-align: center;
}



.search_area.on { display: inline-block; }
.search_area {
	position: fixed; display: none;
	top: 0px; left: 0px; 
	width: 100%; height: auto;
	background-color: rgba(0,145,255, 0.95);

	border-radius: 0px 0px 36px 36px;
	z-index: 120;
	box-sizing: border-box;
}


.search_area .search_box {
	width: 100%; height: auto;
	margin-top: 35px;
	padding: 40px 0px 31px;
}

.search_area .search_box .search_form {
	left: 50%; 
	width: 100%; max-width: 650px; height: 30px; line-height: 30px;

    -webkit-transform: translate(-50%, 0%);
    -ms-transform: translate(-50%, 0%);
    transform: translate(-50%, 0%);
}


.search_area .search_box .search_form label { width: 30px; height: 100%; cursor: pointer; }
.search_area .search_box .search_form label img { width: 100%; height: auto; }
.search_area .search_box .search_form input {
	width: calc(100% - 35px - 30px - 50px); height: 100%; 
	padding: 0px 0px; border: 0px;
	margin: 0px 25px;
	font-size: 22px; color: var(--color-white); text-align: left;
	background-color: rgba(0,0,0,0);
}
.search_area .search_box .search_form input::placeholder { color: rgba(255,255,255,0.85); }


.search_area .search_box .search_form button {
	width: 30px; height: 100%; 
	background-color: rgba(0,0,0,0);
	border: 0px;
	cursor: pointer;
}
.search_area .search_box .search_form button img {
	width: 20px; height: auto;
	margin-top: 2.5px; 
}

.search_area .search_bar {
	width: 100%; height: 1px; 
	background-color: #5cb9ff;
}

.search_area .tag_box {
	width: 100%; height: auto;
	padding: 30px 0px 20px;
}

.search_area .tag_box .search_tag {
	left: 50%; 
	width: 100%; max-width: 1200px; height: auto; 
	text-align: center;

    -webkit-transform: translate(-50%, 0%);
    -ms-transform: translate(-50%, 0%);
    transform: translate(-50%, 0%);
}

.search_area .tag_box .search_tag .search_tag_item:nth-child(1) { margin-left: 0px; }
.search_area .tag_box .search_tag .search_tag_item {
	float: none;
	width: auto; height: 28px; line-height: 28px;
	padding: 0px 15px; border-radius: 28px;
	margin-left: 20px; margin-bottom: 10px;
	background-color: #36a8fe;
}

.search_area .tag_box .search_tag .search_tag_item .search_tag_txt{ font-size: 18px; font-weight: 200; color: var(--color-white); text-align: left; }
.search_area .tag_box .search_tag .search_tag_item .search_tag_txt::before{
	position: relative; display: inline-block;
	width: auto; height: 28px; line-height: 28px;
	content: '#';
	font-size: 20px; color: var(--color-white); text-align: left; 
	float: left;
	
}







footer { z-index: 101; }
footer.blank { background-color: rgba(0,0,0,0); }
footer.base {
	left: 50%;
	width: 100%; height: 545px;

    -webkit-transform: translate(-50%, 0%);
    -ms-transform: translate(-50%, 0%);
    transform: translate(-50%, 0%);

	background-color: #232323;
}

footer .containner { 
	width: 100%; height: auto; 
	padding: 60px 200px 75px;  

	left: 50%; max-width: 1920px;
    -webkit-transform: translate(-50%, 0%);
    -ms-transform: translate(-50%, 0%);
    transform: translate(-50%, 0%);

}


footer .containner .groups { display: grid; z-index: 1; }
footer .containner .groups .logo { width: 164px; height: auto; }
footer .containner .groups .logo img {  width: 100%; height: auto; }
footer .containner .group_box { /*width: 170px;*/width: 210px; height: auto; margin-top: 50px; }
footer .containner .group_box .btn:before {
	position: absolute; display: inline-block;
	content: '';
	width: 100%; height: 100%; 
	top: 0px; left: 0px; 
	border: 1px solid var(--color-white); 
	box-sizing: border-box;
}

footer .containner .group_box .btn {
	width: 100%; height: 40px; line-height: 40px;
	padding: 0px 15px;
	color: #d6d6d6; text-align: left; font-size: 18px;
	cursor: pointer;

	background-image: url('/img/select_arrow_down.png');
	background-size: 13px auto;

	background-position: calc(100% - 15px) center;
	background-repeat: no-repeat;
}

footer .containner .group_box .btn.on {
	background-color: #d6d6d6; 
	color: var(--color-black);
	font-weight: bold; 
	background-image: url('/img/select_arrow_on_up.png');
}

footer .containner .group_box.mo .btn { background-image: url('/img/select_arrow_on_up_white.png'); background-color: #000;  }
footer .containner .group_box.mo .btn.on { background-image: url('/img/select_arrow_down.png'); background-color:var(--color-blue2); color: #fff; }




footer .containner .group_box .list {
	display: none;
    position: absolute; top: 43px; left: 0px;
    /*width: calc(100% + 40px); */
    width: calc(100% + 0px); 
    height: auto;
	padding: 15px 8px 15px 15px;
    background: #d6d6d6;
	z-index: 100;
    box-sizing: border-box;
}

footer .containner .group_box .list > ul {
    width: 100%; height: 140px;
	padding: 0px 2px 0px 0px;
	overflow: auto;
	-webkit-overflow-scrolling: touch;
    box-sizing: border-box;

}

footer .containner .group_box .list > ul::-webkit-scrollbar-button:start:decrement, 
footer .containner .group_box .list > ul::-webkit-scrollbar-button:end:increment {display: block; height: 10px; background: #eaeaea; }
footer .containner .group_box .list > ul::-webkit-scrollbar { width: 5px; height: 5px; border: 1px solid #fff; }
footer .containner .group_box .list > ul::-webkit-scrollbar-button:start:decrement, 
footer .containner .group_box .list > ul::-webkit-scrollbar-button:end:increment { display: block; height: 10px; background: #eaeaea; }
footer .containner .group_box .list > ul::-webkit-scrollbar-track { background: #eaeaea; -webkit-border-radius: 10px; border-radius:10px; -webkit-box-shadow: inset 0 0 4px rgba(0,0,0,.2); }
footer .containner .group_box .list > ul::-webkit-scrollbar-thumb {
	height: 5px; width: 5px; background: #0091ff; -webkit-border-radius: 5px; border-radius: 5px; -webkit-box-shadow: inset 0 0 4px rgba(0,0,0,.1);
}



footer .containner .group_box .list * { 
	position: relative; display: inline-block;
	float: left;
	box-sizing: border-box;
	width: 100%; height: auto; 
}

footer .containner .group_box .list .sector {
	line-height: 1;
	font-size: 20px; color: var(--color-black); text-align: left;
	font-weight: bold;
	margin: 20px 0px;
}
footer .containner .group_box .list .sub-menu li:nth-child(1) { margin-top: 0px; }
footer .containner .group_box .list .sub-menu li { margin-top: 10px; }

footer .containner .group_box .list a { line-height: 1.2; font-size: 18px; color: #666666; }
footer .containner .group_box .list a:hover { text-decoration: underline; text-underline-position: under; }






footer .containner .groups .sns {
	margin-top: 90px;
	height: auto; line-height: 1;
}
footer .containner .groups .sns .sns_item{width: 45px; }
footer .containner .groups .sns .sns_item:nth-child(1) { margin-left: 0px; }
footer .containner .groups .sns .sns_item:nth-child(2) > img { width: 100%; }
footer .containner .groups .sns .sns_item {
	max-height: 100%; margin-left: 25px;
}

footer .containner .groups .sns .sns_item img { vertical-align: inherit; }


footer .containner .groups .link {
	margin-top: 45px;
	height: 21px; line-height: 21px;
}

footer .containner .groups .link a:nth-child(1) { margin-left: 0px; }
footer .containner .groups .link a:nth-child(n+2)::before{ 
	top: 0px; left: -20px;
	position: absolute; display: inline-block;
	content: '';
	width: 1px; height: 100%; background-color: #c0c0c0;
	box-sizing: border-box;

}
footer .containner .groups .link a { width: auto; height: 21px; line-height: 21px; margin: 0px 20px; }

footer .containner .groups .link a span {
	width: auto; height: 100%;
	font-size: 18px; color: var(--color-white); text-align: center;
}
footer .containner .groups .link a:hover span { color: var(--color-blue2); }
footer .containner .fnb nav a:hover span{ color: var(--color-blue2); }
footer .containner .fnb nav a:hover span.external_link:after { background-image: url(/img/b_external_link.svg); }


footer .containner .fnb {
	display: grid; 
	float: right; margin-top: 165px;
}

footer .containner .fnb nav { width: auto; height: auto; z-index: 1; }
footer .containner .fnb nav a:nth-child(1) { margin-left: 0px;  }
footer .containner .fnb nav a:nth-child(n+2)::before{ 
	top: 0px; left: -20px;
	position: absolute; display: inline-block;
	content: '';
	width: 1px; height: 100%; background-color: #c0c0c0;
	box-sizing: border-box;

}
footer .containner .fnb nav a { width: auto; height: 21px; line-height: 21px; margin: 0px 20px; }

footer .containner .fnb nav a span {
	width: auto; height: 100%;
	font-size: 18px; color: var(--color-white); text-align: center;
}


footer .containner .fnb nav a span.external_link:after { 
	content: '';
	position: relative; display: inline-block; float: right;
	box-sizing: border-box;
	
	width: 15px; height: 15px;
	margin-left: 10px; margin-top: 3px;
	
	background-image: url('/img/external_link.svg');
	background-size: 14px auto;
	background-position: center center;
	background-repeat: no-repeat;
}

footer .containner .fnb address{
 	display: grid;
	margin-top: 100px;
	font-style: normal;
}

footer .containner .fnb address .addr_item:nth-child(1) { margin-top: 0px; }
footer .containner .fnb address .addr_item {
	width: 100%; height: auto; line-height: 1.2;
	font-size: 18px; color: var(--color-white); text-align: right;
	font-weight: 300; 
	margin-top: 10px;
}

footer .containner .fnb address .copy {
	width: 100%; height: auto; line-height: 1.2;
	font-size: 18px; color: var(--color-white); text-align: right;
	font-weight: 100; opacity: 0.5;
	margin-top: 30px;
}

#btnTop:hover { background-color: var(--color-blue2); }
#btnTop {
	display: none;
	position: fixed; bottom: 50px; right: 200px;
	width: 70px; height: 70px; 
	border-radius: 50px;
	background-color: var(--color-disabled);
	cursor: pointer;transition: all 0.4s;
	z-index: 100;
}


#btnTop:before {
	position: absolute; top: 15px; left: 0%;
	display: inline-block; content: '';
	width: 100%; height: 24px;
	
	background-image: url('/img/top_btn.png');
	background-size: auto 100%;
	background-position: center center;
	background-repeat: no-repeat;
}



#btnTop:after {
	position: absolute; top: 45px; left: 0%;
	display: inline-block; content: 'Top';
	width: 100%; height: auto; line-height: 1;
	font-size: 15px; color: var(--color-white); text-align: center;
	font-family: 'Montserrat', 'Pretendard', sans-serif;
	font-weight: 500;
}




#btnTab {
	position: fixed; bottom: 155px; right: 100px;
	width: max-content; height: max-content; 
	border-radius: 12px;
	background-color: rgba(0,0,0,0);
	border: 0px solid #535353;

	z-index: 100;
	display: grid;
	gap: 46px;

    mix-blend-mode: difference;
    align-items: center;
    align-content: center;
}

#btnTab > a {
	min-width: 45px; height: 23px; line-height: 23px;
	border-radius: 5px;
	padding-right: 33px;
	font-size: 16px; color: #999; text-align: right;
}
#btnTab > a.on { color: var(--color-blue2); }

#btnTab > a.on::after { 
	top: 0px; margin-top: 0px; 
	height: 23px; 
	background-color: var(--color-blue2); 
}
#btnTab > a::after {
	content: '';
	position: absolute; top: 50%; right: 0px;
	width: 7px; height: 7px;
	border-radius: 7px;
	margin-top: -3.5px;
	background-color: #999;
}



main {
    position: absolute; left: 50%; top: 0px;
	width: 100%; max-width: 1920px; height: auto;
    -webkit-transform: translate(-50%, 0%);
    -ms-transform: translate(-50%, 0%);
    transform: translate(-50%, 0%);
}

.max_width {
	left: 50%;
	width: 100%; max-width: 1200px; height: auto; line-height: 1;
    -webkit-transform: translate(-50%, 0%);
    -ms-transform: translate(-50%, 0%);
    transform: translate(-50%, 0%);
}

.max_width2 {
	/*
		max-width: calc(1200px + 260px);
		margin-left: 125px;
	*/
}









footer .containner .m_link { 
	display: none; 
	width: 100%; height: auto;
	margin-top: calc((40 / 750) * 100vw);
}

footer .containner .m_link .m_link_groups:nth-child(1) {
	width: calc(((300 / 750) * 100vw));
}
footer .containner .m_link .m_link_groups:nth-child(2) {
	width: calc(100% - ((300 / 750) * 100vw));
}

footer .containner .m_link .m_link_groups {
	display: grid; height: auto;
}

footer .containner .m_link .m_link_groups .m_link_item {
	width: 100%; height: auto; 
	margin-top: calc((15 / 750) * 100vw);
}

footer .containner .m_link .m_link_groups .m_link_item a:hover { 
	font-weight: 700; color: var(--color-blue2);
}
footer .containner .m_link .m_link_groups .m_link_item a {
	width: auto; height: auto; line-height: calc((25 / 750) * 100vw);;
	font-size: calc((18 / 750) * 100vw); color: var(--color-white); text-align: left;
	box-sizing: border-box;
}

footer .containner .m_link .m_link_groups:nth-child(2) .m_link_item a {
	width: calc((150 / 750) * 100vw);
}

footer .containner .m_link .m_link_groups:nth-child(2) .m_link_item a:after {
    content: '';
    position: relative; display: inline-block; float: right;
    box-sizing: border-box;
    width: calc((15 / 750) * 100vw);
    height: calc((15 / 750) * 100vw);
    margin-left: calc((10 / 750) * 100vw);
    margin-top: calc((3 / 750) * 100vw);
    background-image: url(/img/external_link.svg);
    background-size: calc((14 / 750) * 100vw) auto;
    background-position: center center;
    background-repeat: no-repeat;
}

.group_box.mo { display: none; }
 
br.ft_addr { display: none; }












/*모바일********************************************************************************************************************************************/
@media (max-width: 479px){ 
}

@media (max-width: 749px) and (min-width: 480px) { }
@media (max-width: 749px){ 
	header.hover .containner .logo a img.hover.pc { display: none; }
	header.hover .containner .logo a img.hover.mo { display: inline-block; }

	header.on .containner .logo a img.hover.pc { display: none; }
	header.on .containner .logo a img.hover.mo { display: inline-block; }

	header.open .containner .logo a img.hover.pc { display: none; }
	header.open .containner .logo a img.hover.mo { display: inline-block; }



	header .func img { display: none; } 
	header .func .lan { margin-right: calc(22px + ((26 / 480) * 100vw)); }
	header .func .lan a:nth-child(1) { margin-right: calc((16 / 480)* 100vw); }
	header .func .lan a:nth-child(1)::before { 
		right: calc((-8 / 480)* 100vw);
		height: calc((13 / 480)* 100vw);
	}


	header .m_nav.on > div:nth-child(1) {
		margin-top: calc((0 / 750) * 100vw);
	}


	header .m_nav.on > div:nth-child(3) {
		margin-top: calc((0 / 750) * 100vw);
	}

	header .func .lan a { font-size: calc((16 / 480)* 100vw); }
	header .func { 
		top: calc((32 / 480)* 100vw);
		-webkit-transform: translate(0%, 0%);
		-ms-transform: translate(0%, 0%);
		transform: translate(0%, 0%);	
	}
	header .m_nav { z-index: 1; margin-top: calc((26 / 480)* 100vw);  }



	header nav .slogan { display: none;  }
	header.base { 
		overflow: initial; 
		background-color: rgba(0,0,0,0); 
		border-radius: 0px 0px 0px 0px;
		border-left: 0px solid var(--color-disabled);
		border-right: 0px solid var(--color-disabled);
		border-bottom: 0px solid var(--color-disabled);
	} 

	header.main .containner { border-radius: 0px 0px calc((15 / 480) * 100vw) calc((15 / 480) * 100vw); }
	header.main > div { border-radius: 0px 0px calc((15 / 480) * 100vw) calc((15 / 480) * 100vw); }
	header .containner { 
		width: 100%; min-width: auto;
		height: auto; padding: 0px calc((20 / 480) * 100vw); border-radius: 0px 0px calc((15 / 480) * 100vw) calc((15 / 480) * 100vw); 
		border-left: 1px solid var(--color-disabled);
		border-right: 1px solid var(--color-disabled);
		border-bottom: 1px solid var(--color-disabled);
		display: inline-block;

	}


	header .m_global {
		width: calc((25 / 480) * 100vw);
		height: calc((25 / 480) * 100vw);
		margin-top: calc((28 / 480) * 100vw);
		margin-right: calc((25 / 480) * 100vw);
	}

	header .m_search {
		width: calc((25 / 480) * 100vw);
		height: calc((25 / 480) * 100vw);
		margin-top: calc((28 / 480) * 100vw);
	}


	header .m_nav {
		width: calc((26 / 480) * 100vw); height: calc((25 / 480) * 100vw);
		margin-top: calc((30 / 480) * 100vw);
		margin-left: calc((25 / 480) * 100vw);
	}

	header .m_nav > div {
		height: 2px;
		border-radius: 2px;
		margin: calc((3 / 480) * 100vw) 0px;
	}


	header nav .quick { display: none; }
	header nav .bar { display: none; }
	header nav .lnb { display: none; }
	header.hover .containner { height: auto; }

	header nav { padding: calc((20 / 480) * 100vw) 0px; 
    transform: translate(0%, 0%);
        left: 0px;
    
    }
	header nav:before {
		position: absolute; top: 0px; left: 0px;
		display: inline-block; content: '';
		width: calc(100% + ((40 / 480) * 100vw)); height: 1px;
		margin-left: calc((-20 / 480) * 100vw);
		background-color: var(--color-disabled);        
	}
	header nav.base { 
		display: none;
		width: 100%;
		margin-left: 0px;
	}
	header nav .gnb {
		display: grid;
		width: 100%; 
		margin-top: 0px;
	}
	header nav .gnb .gnb_item:nth-child(1) { border-top: 0px; }
	header nav .gnb .gnb_item { 
		padding-left: 0px; 
		border-top: 1px solid var(--color-disabled);

	}
	header nav .gnb .gnb_item.on::after { 
		background-image: url(../images/m_nav_arrow_up.png);
	}


	header nav .gnb .gnb_item.on::after,
	header nav .gnb .gnb_item.on2::after { 
		background-image: url(../images/m_nav_arrow_up.png);
		opacity: 1;
	}
	header nav .gnb .gnb_item::after { 
		position: absolute; top: 0px; left: 0px;
		display: inline-block; content: '';
		width: 100%; height: 100%;

		opacity: 0.2;
		background-image: url(../images/m_nav_arrow_down.png);
		background-size: calc((20 / 480) * 100vw) auto;
		background-position: right calc((25 / 480) * 100vw);
		background-repeat: no-repeat;

		box-sizing: border-box;
	}
	header nav .gnb .gnb_item .gnb_txt { 
		width: 100%; z-index: 1; 
		height: auto;
		display: inline-block;
	}
	header nav .gnb .gnb_item .gnb_txt a {
		height: calc((60 / 480) * 100vw); line-height: calc((60 / 480) * 100vw);
		font-size: calc((18 / 480) * 100vw);
		padding-bottom: 0px;
		font-weight: 700;
		padding-left: 0px;
		z-index: 1;
	}

	header nav .gnb .gnb_item.on > .lnb_nav,
	header nav .gnb .gnb_item.on2 > .lnb_nav { display: block; }
	header nav .gnb .gnb_item > .lnb_nav { 
		display: none; 
		width: 100%;
		z-index: 1;
	}
	header nav .gnb .gnb_item > .lnb_nav > .lnb_item:nth-last-child(1) {
		margin-bottom: calc((20 / 480) * 100vw);
	}

	header nav .gnb .gnb_item > .lnb_nav > .lnb_item,
	header nav .gnb .gnb_item > .lnb_nav > .lnb_item .lnb_sub, 
	header nav .gnb .gnb_item > .lnb_nav > .lnb_item .lnb_link,
	header nav .gnb .gnb_item > .lnb_nav > .lnb_item .lnb_link > div {
		width: 100%;
	}

 
	header nav .gnb .gnb_item > .lnb_nav > .lnb_item:nth-child(1) { margin-top: 0px; }
	header nav .gnb .gnb_item > .lnb_nav > .lnb_item {
		padding-left: calc((20 / 480) * 100vw);
		margin-top: calc((0 / 480) * 100vw);
	}

	header nav .gnb .gnb_item > .lnb_nav > .lnb_item .lnb_sub:before {
		position: absolute; top: calc((17 / 480) * 100vw); left: calc((-12 / 480) * 100vw);
		display: inline-block; content: '';
		width: calc((6 / 480) * 100vw); height: calc((6 / 480) * 100vw);
		background-color: #000;
		border-radius: 100%;
	}
	header nav .gnb .gnb_item > .lnb_nav > .lnb_item.on .lnb_sub:before { background-color: var(--color-blue2); }

	header nav .gnb .gnb_item > .lnb_nav > .lnb_item.on .lnb_sub::after {
		background-image: url(../images/m_nav_arrow_on.png);
	}

	header nav .gnb .gnb_item > .lnb_nav > .lnb_item.on .lnb_link { display: block; }

	header nav .gnb .gnb_item > .lnb_nav > .lnb_item .lnb_sub::after { 
		position: absolute; top: 0px; left: 0px;
		display: inline-block; content: '';
		width: 100%; height: 100%;

		background-image: url(../images/m_nav_arrow_off.png);
		background-size: calc((15 / 480) * 100vw) auto;
		background-position: calc(100% - ((3 / 480) * 100vw)) center;
		background-repeat: no-repeat;

		box-sizing: border-box;
	}
	header nav .gnb .gnb_item > .lnb_nav > .lnb_item .lnb_sub.no::after { 
		display: none;
	}


	header nav .gnb .gnb_item > .lnb_nav > .lnb_item.on .lnb_sub a {
		color: var(--color-blue2); 
	}

	header nav .gnb .gnb_item > .lnb_nav > .lnb_item .lnb_sub a {
		height: calc((40 / 480) * 100vw); line-height: calc((40 / 480) * 100vw);
		font-size: calc((16 / 480) * 100vw); color: #000; text-align: left;
		font-weight: 700;
		z-index: 1;
	}

	header nav .gnb .gnb_item > .lnb_nav > .lnb_item .lnb_link {
		display: none;
		padding: 0px 0px calc((10 / 480) * 100vw) 0px;
	}
	header nav .gnb .gnb_item > .lnb_nav > .lnb_item .lnb_link > div  {
		display: grid;
	}
	header nav .gnb .gnb_item > .lnb_nav > .lnb_item .lnb_link a.on {
		text-decoration: underline;
		text-underline-position: under;
	}

	header nav .gnb .gnb_item > .lnb_nav > .lnb_item .lnb_link a {
		width: auto; height: calc((30 / 480) * 100vw); line-height: calc((30 / 480) * 100vw);
		font-size: calc((16 / 480) * 100vw); color: #000; text-align: left;
	}


	header::-webkit-scrollbar-button:start:decrement, ::-webkit-scrollbar-button:end:increment {display: block; height: 0px; background: #efefef; }
	header::-webkit-scrollbar {width: 0px; height: 0px; border: 0px solid #fff; }
	header::-webkit-scrollbar-button:start:decrement, ::-webkit-scrollbar-button:end:increment {display: block; height: 0px; background: #efefef; }
	header::-webkit-scrollbar-track {background: #efefef; -webkit-border-radius: 0px; border-radius:0px; -webkit-box-shadow: inset 0 0 0px rgba(0,0,0,.2); }
	header::-webkit-scrollbar-thumb {height: 0px; width: 0px; background: rgba(0,0,0,.2); -webkit-border-radius: 0px; border-radius: 0px; -webkit-box-shadow: inset 0 0 0px rgba(0,0,0,.1); }


	header nav .gnb .gnb_item .gnb_txt.on a { color: var(--color-blue2); }

	header nav .gnb .gnb_item .external_link { 
		z-index: 1;
		width: 100%;
		margin-top: calc((30 / 480) * 100vw);
		margin-bottom: calc((30 / 480) * 100vw);
		padding-left: calc((18 / 480) * 100vw);
		display: grid;
	}

	header nav .gnb .gnb_item .external_link > div { 
		width: 100%; 
	    margin-top: calc((10 / 480) * 100vw);
	}
	header nav .gnb .gnb_item .external_link a { 
		height: calc((40 / 480) * 100vw);
		line-height: calc((40 / 480) * 100vw);
		font-size: calc((18 / 480) * 100vw);
		color: #666666;
		text-align: left;
		font-weight: 600;
		z-index: 1;
	}

	header nav .gnb .gnb_item .external_link > div::after { 
		position: absolute; top: 0px; left: 0px;
		display: inline-block; content: '';
		width: 100%; height: 100%;

		opacity: 0.2;
		background-image: url(../images/m_nav_arrow_etc.png);
		background-size: calc((15 / 480) * 100vw) auto;
		background-position: calc(100% - ((7 / 480) * 100vw)) center;
		background-repeat: no-repeat;

		box-sizing: border-box;
	}



	header .containner .logo {  
		/*width: calc((120 / 480) * 100vw);
        margin-top: 0px;
        padding: calc((20 / 480) * 100vw) 0px calc((28 / 480) * 100vw);*/
        width: calc((150 / 360) * 100vw);
		margin-top: 10px;
		padding: calc((0 / 480) * 100vw) 0px calc((20 / 480) * 100vw);
	}

	header .m_search, header .m_nav, header .m_global{ display: inline-block; }


	header.open .containner { min-height: 100vh; border-radius: 0px; }
	header.base.open { height: auto !important; overflow-y: auto; padding-bottom: 0px; }

	.search_area {
	    border-radius: 0px 0px calc((15 / 480) * 100vw) calc((15 / 480) * 100vw);
	}
	.search_area .search_box {
		margin-top: 0px; 
		padding: calc((30 / 480) * 100vw) 0px calc((20 / 480) * 100vw);
	}

	.search_area .search_box .search_form { 
		max-width: calc((250 / 480) * 100vw);
		height: calc((30.66 / 480) * 100vw); line-height: calc((30.66 / 480) * 100vw);
		left: auto;

		-webkit-transform: translate(0%, 0%);
		-ms-transform: translate(0%, 0%);
		transform: translate(0%, 0%);
		float: right;
		margin-right: calc((20 / 480) * 100vw);
	}

	.search_area .search_box .search_form label {
		width: calc((20 / 480) * 100vw);
	}
	.search_area .search_box .search_form button {
		width: calc((20 / 480) * 100vw);
	}
	.search_area .search_box .search_form input {
		width: calc((100% - (20 / 480) * 100vw) - ((20 / 480) * 100vw) - ((20 / 480) * 100vw));
		margin: 0px calc((10 / 480) * 100vw);
		font-size: calc((25 / 750) * 100vw);
	}
	.search_area .search_box .search_form label img { vertical-align: middle; }


	.search_area .search_box .search_form button img {
		width: 100%;
		margin-top: calc((3 / 480) * 100vw);
	}

	.search_area .tag_box {
	    padding: calc((20 / 480) * 100vw) 0px calc((10 / 480) * 100vw);
	}

	.search_area .tag_box .search_tag{ 
		max-width: 1920px;
		padding: 0px calc((20 / 480) * 100vw);
	}

	.search_area .tag_box .search_tag .search_tag_item {
		height: calc((25 / 480) * 100vw); line-height: calc((25 / 480) * 100vw);
		padding: 0px calc((10 / 480) * 100vw);
		border-radius: calc((25 / 480) * 100vw);
		margin-bottom: calc((10 / 480) * 100vw);
		margin-left: calc((10 / 480) * 100vw);
	}

	.search_area .tag_box .search_tag .search_tag_item .search_tag_txt {
		font-size: calc((18 / 480) * 100vw);
	}

	.search_area .tag_box .search_tag .search_tag_item .search_tag_txt::before {
		height: calc((25 / 480) * 100vw);
		line-height: calc((25 / 480) * 100vw);
		font-size: calc((18 / 480) * 100vw); ;
	}



	footer.base { height: auto; }
	footer .containner .groups,
	footer .containner .fnb { width: 100%; }




	footer .containner {
		padding: calc((60 / 480) * 100vw) calc((20 / 480) * 100vw) calc((60 / 480) * 100vw);
	}



	footer .containner .groups .logo {
		width: calc((140 / 480) * 100vw);
	}
	




	footer .containner .m_link { 
		margin-top: calc((40 / 480) * 100vw);
	}

	footer .containner .m_link .m_link_groups:nth-child(1) {
		width: calc(((200 / 480) * 100vw));
	}
	footer .containner .m_link .m_link_groups:nth-child(2) {
		width: calc(100% - ((200 / 480) * 100vw));
	}

	footer .containner .m_link .m_link_groups .m_link_item {
		margin-top: calc((15 / 480) * 100vw);
	}

	footer .containner .m_link .m_link_groups .m_link_item a:hover { 
		color: var(--color-blue2);
	}
	footer .containner .m_link .m_link_groups .m_link_item a {
		line-height: calc((25 / 480) * 100vw);
		font-size: calc((18 / 480) * 100vw); color: var(--color-white);
	}

	footer .containner .m_link .m_link_groups:nth-child(2) .m_link_item a {
		width: calc((180 / 480) * 100vw);
	}

	footer .containner .m_link .m_link_groups:nth-child(2) .m_link_item a:after {
		width: calc((15 / 480) * 100vw);
		height: calc((15 / 480) * 100vw);
		margin-left: calc((10 / 480) * 100vw);
		margin-top: calc((3 / 480) * 100vw);
		background-size: calc((14 / 480) * 100vw) auto;
	}




	footer .containner .groups .link { display: none; }
	footer .containner .group_box { display: none; }

	footer .containner .fnb nav { display: none; }
	footer .containner .m_link { display: inline-block; }



	footer .containner .groups .sns {
		margin-top: calc((60 / 480) * 100vw);
		line-height: 1;
	}


	footer .containner .groups .sns .sns_item:nth-child(1) { width: calc((34 / 480) * 100vw); }
	footer .containner .groups .sns .sns_item:nth-child(2) { width: calc((34 / 480) * 100vw); }
	footer .containner .groups .sns .sns_item:nth-child(3) { width: calc((34 / 480) * 100vw); }
	footer .containner .groups .sns .sns_item:nth-child(4) { width: calc((34 / 480) * 100vw); }
	footer .containner .groups .sns .sns_item:nth-child(5) { width: calc((34 / 480) * 100vw); }
	footer .containner .groups .sns .sns_item:nth-child(6) { width: calc((34 / 480) * 100vw); }
	footer .containner .groups .sns .sns_item img { width: 100%; }

	footer .containner .groups .sns .sns_item {
		 margin-left: calc((20 / 480) * 100vw);
	}

	br.ft_addr{ display: block; }

	footer .containner .fnb { margin-top: calc((40 / 480) * 100vw); }
	footer .containner .fnb address { margin-top: 0px; }
	footer .containner .fnb address .addr_item { 
		line-height: 1.5;
		margin-top: calc((20 / 480) * 100vw); 
		font-size: calc((16 / 480) * 100vw);
		text-align: left;
	}

	footer .containner .fnb address .copy {
		margin-top: calc((28 / 480) * 100vw); 
		line-height: 1.5;
		font-size: calc((16 / 480) * 100vw);
		text-align: left;
	}



	footer .containner .group_box.mo { display: inline-block; }
	footer .containner .group_box {
		width: 100%;
		margin-top: calc((40 / 480) * 100vw);
	}
	footer .containner .group_box .btn:before { border: 0px; }

	footer .containner .group_box .btn {
		height: calc((60 / 480) * 100vw);
		line-height: calc((60 / 480) * 100vw);
		padding: 0px calc((15 / 480) * 100vw);
		font-size: calc((18 / 480) * 100vw);
		background-size: calc((13 / 480) * 100vw) auto;
		background-position: calc(100% - ((15 / 480) * 100vw)) center;
		border-radius: calc((5 / 220) * 100vw);
	}
	 

	footer .containner .group_box .list {
		/*top: calc((-300 / 480) * 100vw);*/
        top: calc((-300 / 590) * 100vw);
		width: 100%; background-color: #fff;
	}

	br.ft_addr{ display: block; }

 	footer .containner .group_box .list {
	    padding: calc((0 / 480) * 100vw) calc((0 / 480) * 100vw) calc((0 / 480) * 100vw) calc((0 / 480) * 100vw);
		border-radius: calc((10 / 480) * 100vw);
	}

	footer .containner .group_box .list > ul {
		/*height: calc((280 / 480) * 100vw);*/
        height: calc((280 / 580) * 100vw);
		padding: 10px calc((2 / 480) * 100vw) 0px 0px;
		border-radius: calc((5 / 480) * 100vw);
	}

	footer .containner .group_box .list a {
		width: 100%; height: auto;  line-height: 1;
		font-size: calc((18 / 480) * 100vw);
		padding: calc((12 / 480) * 100vw) calc((30 / 480) * 100vw);
		border-bottom: 1px solid #E4E4E7;
	}

	footer .containner .group_box .list .sector {
		font-size: calc((20 / 480) * 100vw);
		margin: calc((00 / 480) * 100vw) 0px;
		padding: calc((20 / 480) * 100vw) calc((15 / 480) * 100vw);
		border-bottom: 1px solid #E4E4E7;
	}









	.max_width {
		padding: 0px calc((20 / 480) * 100vw);
	}



	#btnTop {
		right: calc((20 / 480) * 100vw);
		width: calc((38 / 480) * 100vw);
		height: calc((48 / 480) * 100vw);
		border-radius: 5px;
	}
	#btnTop:after { display: none; }
	#btnTop:before {
		top: 50%;
		height: calc((20 / 480) * 100vw);

		-webkit-transform: translate(0%, -50%);
		-ms-transform: translate(0%, -50%);
		transform: translate(0%, -50%);
	}






	#btnTab {
		border-radius: 5px;
		border: calc((4 / 480) * 100vw) solid #535353;
		padding: calc((3 / 480) * 100vw) calc((4 / 480) * 100vw);
		text-align: center;




		left: 50%;
		width: max-content;
		height: auto;
		background-color: var(--color-gray2);
		cursor: pointer;
		-webkit-transform: translate(-50%, 0%);
		-ms-transform: translate(-50%, 0%);
		transform: translate(-50%, 0%);
		z-index: 100;
		display: inline-block;
	    mix-blend-mode: inherit;


	}

	#btnTab > a:nth-child(1) { margin-left: calc((2 / 480) * 100vw); }
	#btnTab > a {
		min-width: calc((45 / 480) * 100vw); height: calc((34 / 480) * 100vw); line-height: calc((32 / 480) * 100vw);
		border-radius: 3px;
		padding: 0px calc((3 / 480) * 100vw);
		font-size: calc((14 / 480) * 100vw); 
		margin: calc((4 / 480) * 100vw);
	    letter-spacing: -0.5px;
		float: none;
		text-align: center;

		color: var(--color-white);
	}
	
	#btnTab > a::after { display: none; }
	#btnTab > a.on { color: var(--color-white); }


	#btnTab.double {
		width: calc(100% - ((140 / 480) * 100vw));
		border-radius: 5px;
		border: 1px solid #535353;
		padding: calc((3 / 480) * 100vw) 1px;
		text-align: center;
	}

	#btnTab.double > a:nth-child(1) { margin-left: calc((2 / 480) * 100vw); }
	#btnTab.double > a {
		width: calc(33.333% - ((4 / 480) * 100vw));
		min-width: calc((45 / 480) * 100vw); height: calc((34 / 480) * 100vw); line-height: calc((32 / 480) * 100vw);
		border-radius: 3px;
		padding: 0px calc((3 / 480) * 100vw);
		font-size: calc((12 / 480) * 100vw); 
		margin: calc((2 / 480) * 100vw);
	    letter-spacing: -0.5px;
		float: none;
	}

	#btnTab,
	#btnTab.double { 
		width: 50%; 
		padding: calc((3 / 480) * 100vw);
		border: calc((2 / 480) * 100vw) solid #535353;
		box-sizing: border-box;
	}

	#btnTab::before{
		position: absolute; bottom: calc((-2 / 480) * 100vw); left: calc((-34 / 480) * 100vw);
		display: inline-block;
		content: "⁝";
		width: calc((28 / 480) * 100vw); height: calc((48 / 480) * 100vw); line-height: calc((46 / 480) * 100vw);
		text-align: center; font-size: calc((20 / 480) * 100vw); 
		border: calc((2 / 480) * 100vw) solid #535353;

		color: rgba(255,255,255,.5);
		background-color: #3e3e3e;
		border-radius: 5px;
		box-sizing: border-box;
		cursor: pointer;
	}

	#btnTab > a:nth-child(1),
	#btnTab.double > a:nth-child(1) { margin-left: 0px; }

	#btnTab > a,
	#btnTab.double > a {
		width: 100%;
		margin: calc((2 / 480) * 100vw) 0px;
		display: none;
		pointer-events: none;
	}

	
	#btnTab.on > a.on,
	#btnTab.on.double > a.on {
		background-color: var(--color-blue2);
		border-color: var(--color-blue2);
	}

	#btnTab > a.on { 
		background-color: inherit;
		border-color: #3e3e3e;
	}

	#btnTab > a.on,
	#btnTab.double > a.on { display: inline-block; }

	#btnTab.on > a,
	#btnTab.on.double > a { display: inline-block; pointer-events: inherit; }

}




/*태블릿********************************************************************************************************************************************/
@media (max-width: 1023px) and (min-width: 750px) { 

	header.hover .containner .logo a img.hover.pc { display: none; }
	header.hover .containner .logo a img.hover.mo { display: inline-block; }

	header.on .containner .logo a img.hover.pc { display: none; }
	header.on .containner .logo a img.hover.mo { display: inline-block; }

	header.open .containner .logo a img.hover.pc { display: none; }
	header.open .containner .logo a img.hover.mo { display: inline-block; }


	header .func img { display: none; } 
	header .func .lan { margin-right: calc(18px + ((26 / 750) * 100vw)); }
	header .func .lan a { font-size: calc((16 / 750)* 100vw) }
	header .func { 
		top: calc((28 / 750)* 100vw);
		-webkit-transform: translate(0%, 0%);
		-ms-transform: translate(0%, 0%);
		transform: translate(0%, 0%);	
	}
	header .m_nav { z-index: 1; margin-top: calc((26 / 750)* 100vw);  }


	header.open .containner { min-height: 100vh; border-radius: 0px; }
	header.base.open { height: auto !important; overflow-y: auto; padding-bottom: 0px; }


	header nav .slogan { display: none; }
	header.base { 
		overflow: initial; 
		background-color: rgba(0,0,0,0); 
		border-radius: 0px 0px 0px 0px;
		border-left: 0px solid var(--color-disabled);
		border-right: 0px solid var(--color-disabled);
		border-bottom: 0px solid var(--color-disabled);
	} 

	header.top.hover .containner { border-radius: 0px 0px calc((15 / 480) * 100vw) calc((15 / 480) * 100vw); }
	header.main > div { border-radius: 0px 0px calc((15 / 480) * 100vw) calc((15 / 480) * 100vw); }

	header.main .containner { border-radius: 0px 0px calc((15 / 480) * 100vw) calc((15 / 480) * 100vw); }
	header .containner { 
		width: 100%;
		min-width: auto;
		height: auto; padding: 0px calc((30 / 750) * 100vw); border-radius: 0px 0px calc((15 / 750) * 100vw) calc((15 / 750) * 100vw); 
		border-left: 1px solid var(--color-disabled);
		border-right: 1px solid var(--color-disabled);
		border-bottom: 1px solid var(--color-disabled);

		display: inline-block;

	}
	header nav .quick { display: none; }
	header nav .bar { display: none; }
	header nav .lnb { display: none; }
	header.hover .containner { height: auto; }

	header nav { padding: calc((20 / 750) * 100vw) 0px; }
	header nav:before {
		position: absolute; top: 0px; left: 0px;
		display: inline-block; content: '';
		width: calc(100% + ((60 / 750) * 100vw)); height: 1px;
		margin-left: calc((-30 / 750) * 100vw);
		background-color: var(--color-disabled);
	}
	header nav.base { 
		display: none;
		margin-left: 0px;
		width: 100%;
	}
	header nav .gnb {
		display: grid;
		width: 100%; 
		margin-top: 0px;
	}
	header nav .gnb .gnb_item:nth-child(1) { border-top: 0px; }
	header nav .gnb .gnb_item { 
		padding-left: 0px; 
		border-top: 1px solid var(--color-disabled);

	}
	header nav .gnb .gnb_item.on::after { 
		background-image: url(../images/m_nav_arrow_up.png);
	}


	header nav .gnb .gnb_item.on::after,
	header nav .gnb .gnb_item.on2::after { 
		background-image: url(../images/m_nav_arrow_up.png);
		opacity: 1;
	}
	header nav .gnb .gnb_item::after { 
		position: absolute; top: 0px; left: 0px;
		display: inline-block; content: '';
		width: 100%; height: 100%;

		opacity: 0.2;
		background-image: url(../images/m_nav_arrow_down.png);
		background-size: calc((25 / 750) * 100vw) auto;
		background-position: right calc((26 / 750) * 100vw);
		background-repeat: no-repeat;

		box-sizing: border-box;
	}
	header nav .gnb .gnb_item .gnb_txt { 
		display: inline-block;
		width: 100%; z-index: 1; 
		height: auto;
	}
	header nav .gnb .gnb_item .gnb_txt a {
		height: calc((70 / 750) * 100vw); line-height: calc((70 / 750) * 100vw);
		font-size: calc((26 / 750) * 100vw);
		padding-bottom: 0px;
		font-weight: 700;
		padding-left: 0px;
		z-index: 1;

		pointer-events: none;
	}

	header nav .gnb .gnb_item.on > .lnb_nav,
	header nav .gnb .gnb_item.on2 > .lnb_nav { display: block; }
	header nav .gnb .gnb_item > .lnb_nav { 
		display: none; 
		width: 100%;
		z-index: 1;
	}
	header nav .gnb .gnb_item > .lnb_nav > .lnb_item:nth-last-child(1) {
			margin-bottom: calc((30 / 750) * 100vw);
	}

	header nav .gnb .gnb_item > .lnb_nav > .lnb_item,
	header nav .gnb .gnb_item > .lnb_nav > .lnb_item .lnb_sub, 
	header nav .gnb .gnb_item > .lnb_nav > .lnb_item .lnb_link,
	header nav .gnb .gnb_item > .lnb_nav > .lnb_item .lnb_link > div {
		width: 100%;
	}

 
	header nav .gnb .gnb_item > .lnb_nav > .lnb_item:nth-child(1) { margin-top: 0px; }
	header nav .gnb .gnb_item > .lnb_nav > .lnb_item {
		padding-left: calc((30 / 750) * 100vw);
		margin-top: calc((10 / 750) * 100vw);
	}

	header nav .gnb .gnb_item > .lnb_nav > .lnb_item .lnb_sub:before {
		position: absolute; top: calc((17 / 750) * 100vw); left: calc((-12 / 750) * 100vw);
		display: inline-block; content: '';
		width: calc((6 / 750) * 100vw); height: calc((6 / 750) * 100vw);
		background-color: #000;
		border-radius: 100%;
	}
	header nav .gnb .gnb_item > .lnb_nav > .lnb_item.on .lnb_sub:before { background-color: var(--color-blue2); }

	header nav .gnb .gnb_item > .lnb_nav > .lnb_item.on .lnb_sub::after {
		background-image: url(../images/m_nav_arrow_on.png);
	}

	header nav .gnb .gnb_item > .lnb_nav > .lnb_item.on .lnb_link { display: block; }
	header nav .gnb .gnb_item > .lnb_nav > .lnb_item .lnb_sub.no::after { 
		display: none;
	}

	header nav .gnb .gnb_item > .lnb_nav > .lnb_item .lnb_sub::after { 
		position: absolute; top: 0px; left: 0px;
		display: inline-block; content: '';
		width: 100%; height: 100%;

		background-image: url(../images/m_nav_arrow_off.png);
		background-size: calc((15 / 750) * 100vw) auto;
		background-position: calc(100% - ((7 / 750) * 100vw)) center;
		background-repeat: no-repeat;

		box-sizing: border-box;
	}


	header nav .gnb .gnb_item > .lnb_nav > .lnb_item.on .lnb_sub a {
		color: var(--color-blue2); 
	}

	header nav .gnb .gnb_item > .lnb_nav > .lnb_item .lnb_sub a {
		height: calc((40 / 750) * 100vw); line-height: calc((40 / 750) * 100vw);
		font-size: calc((20 / 750) * 100vw); color: #000; text-align: left;
		font-weight: 700;
		z-index: 1;
	}

	header nav .gnb .gnb_item > .lnb_nav > .lnb_item .lnb_sub:not(.no) a {
		pointer-events: none;
	}

	header nav .gnb .gnb_item > .lnb_nav > .lnb_item .lnb_link {
		display: none;
		padding: calc((10 / 750) * 100vw) 0px;
	}
	header nav .gnb .gnb_item > .lnb_nav > .lnb_item .lnb_link > div  {
		display: grid;
	}
	header nav .gnb .gnb_item > .lnb_nav > .lnb_item .lnb_link a.on {
		text-decoration: underline;
		text-underline-position: under;
	}

	header nav .gnb .gnb_item > .lnb_nav > .lnb_item .lnb_link a {
		width: auto; height: calc((30 / 750) * 100vw); line-height: calc((30 / 750) * 100vw);
		font-size: calc((18 / 750) * 100vw); color: #000; text-align: left;
	}


	header::-webkit-scrollbar-button:start:decrement, ::-webkit-scrollbar-button:end:increment {display: block; height: 0px; background: #efefef; }
	header::-webkit-scrollbar {width: 0px; height: 0px; border: 0px solid #fff; }
	header::-webkit-scrollbar-button:start:decrement, ::-webkit-scrollbar-button:end:increment {display: block; height: 0px; background: #efefef; }
	header::-webkit-scrollbar-track {background: #efefef; -webkit-border-radius: 0px; border-radius:0px; -webkit-box-shadow: inset 0 0 0px rgba(0,0,0,.2); }
	header::-webkit-scrollbar-thumb {height: 0px; width: 0px; background: rgba(0,0,0,.2); -webkit-border-radius: 0px; border-radius: 0px; -webkit-box-shadow: inset 0 0 0px rgba(0,0,0,.1); }



	header nav .gnb .gnb_item .gnb_txt.on a { color: var(--color-blue2); }

	header nav .gnb .gnb_item .external_link { 
		z-index: 1;
		width: 100%;
		margin-top: calc((30 / 750) * 100vw);
		margin-bottom: calc((30 / 750) * 100vw);
		padding-left: calc((18 / 750) * 100vw);
		display: grid;
	}

	header nav .gnb .gnb_item .external_link > div { 
		width: 100%; 
	    margin-top: calc((10 / 750) * 100vw);
	}
	header nav .gnb .gnb_item .external_link a { 
		height: calc((40 / 750) * 100vw);
		line-height: calc((40 / 750) * 100vw);
		font-size: calc((20 / 750) * 100vw);
		color: #666666;
		text-align: left;
		font-weight: 600;
		z-index: 1;
	}

	header nav .gnb .gnb_item .external_link > div::after { 
		position: absolute; top: 0px; left: 0px;
		display: inline-block; content: '';
		width: 100%; height: 100%;

		opacity: 0.2;
		background-image: url(../images/m_nav_arrow_etc.png);
		background-size: calc((15 / 750) * 100vw) auto;
		background-position: calc(100% - ((7 / 750) * 100vw)) center;
		background-repeat: no-repeat;

		box-sizing: border-box;
	}



	header .containner .logo {  
		width: calc((120 / 750) * 100vw);
		margin-top: 0px;
		padding: calc((20 / 750) * 100vw) 0px calc((28 / 750) * 100vw);
	}

	header .m_search, header .m_nav, header .m_global { display: inline-block; }



	.search_area {
	    border-radius: 0px 0px calc((15 / 750) * 100vw) calc((15 / 750) * 100vw);
	}
	.search_area .search_box {
		margin-top: 0px; 
		padding: calc((30 / 750) * 100vw) 0px calc((20 / 750) * 100vw);
	}

	.search_area .search_box .search_form { 
		max-width: calc((360 / 750) * 100vw);
		height: calc((30.66 / 750) * 100vw); line-height: calc((30.66 / 750) * 100vw);
	}

	.search_area .search_box .search_form label {
		width: calc((25 / 750) * 100vw);
	}
	.search_area .search_box .search_form button {
		width: calc((25 / 750) * 100vw);
	}
	.search_area .search_box .search_form input {
		width: calc((100% - (25 / 750) * 100vw) - ((25 / 750) * 100vw) - ((30 / 750) * 100vw));
		margin: 0px calc((15 / 750) * 100vw);
		font-size: calc((18 / 750) * 100vw);
	}
	.search_area .search_box .search_form label img { vertical-align: middle; }

	.search_area .search_box .search_form button img {
		width: calc((20 / 750) * 100vw);
		margin-top: calc((3 / 750) * 100vw);
	}
	.search_area .tag_box {
	    padding: calc((20 / 750) * 100vw) 0px calc((10 / 750) * 100vw);
	}

	.search_area .tag_box .search_tag{ 
		max-width: 1920px;
		padding: 0px calc((30 / 750) * 100vw);
	}

	.search_area .tag_box .search_tag .search_tag_item {
		height: calc((25 / 750) * 100vw); line-height: calc((25 / 750) * 100vw);
		padding: 0px calc((10 / 750) * 100vw);
		border-radius: calc((25 / 750) * 100vw);
		margin-bottom: calc((10 / 750) * 100vw);
	}
	.search_area .tag_box .search_tag .search_tag_item .search_tag_txt {
		font-size: calc((18 / 750) * 100vw);
	}

	.search_area .tag_box .search_tag .search_tag_item .search_tag_txt::before {
		height: calc((25 / 750) * 100vw);
		line-height: calc((25 / 750) * 100vw);
		font-size: calc((20 / 750) * 100vw); ;
	}



	footer.base { height: auto; }
	footer .containner .groups,
	footer .containner .fnb { width: 100%; }


	footer .containner {
		padding: calc((60 / 750) * 100vw) calc((30 / 750) * 100vw) calc((60 / 750) * 100vw);
		box-sizing: border-box;
	}

	footer .containner .groups .logo {
		width: calc((120 / 750) * 100vw);
	}
	
	footer .containner .groups .link { display: none; }
	footer .containner .group_box { display: none; }

	footer .containner .fnb nav { display: none; }
	footer .containner .m_link { display: inline-block; }


	footer .containner .groups .sns {
		margin-top: calc((60 / 750) * 100vw);
		line-height: 1;
	}


	footer .containner .groups .sns .sns_item:nth-child(1) { width: calc((40 / 750) * 100vw); }
	footer .containner .groups .sns .sns_item:nth-child(2) { width: calc((40 / 750) * 100vw); }
	footer .containner .groups .sns .sns_item:nth-child(3) { width: calc((36 / 750) * 100vw); }
	footer .containner .groups .sns .sns_item:nth-child(4) { width: calc((40 / 750) * 100vw); }
	footer .containner .groups .sns .sns_item img { width: 100%; }


	footer .containner .groups .sns .sns_item {
		 margin-left: calc((30 / 750) * 100vw);
	}
	footer .containner .group_box.mo { display: inline-block; }
	footer .containner .group_box {
		width: 100%;
		margin-top: calc((40 / 750) * 100vw);
	}
	footer .containner .group_box .btn:before { border: 0px; }

	footer .containner .group_box .btn {
		height: calc((60 / 750) * 100vw);
		line-height: calc((60 / 750) * 100vw);
		padding: 0px calc((15 / 750) * 100vw);
		font-size: calc((18 / 750) * 100vw);
		background-size: calc((13 / 750) * 100vw) auto;
		background-position: calc(100% - ((15 / 750) * 100vw)) center;
		border-radius: calc((5 / 750) * 100vw);
	}
	 

	footer .containner .group_box .list {
		top: calc((-300 / 750) * 100vw);
		width: 100%; background-color: #fff;
	}

	br.ft_addr{ display: block; }

	footer .containner .fnb { margin-top: calc((40 / 750) * 100vw); }
	footer .containner .fnb address { margin-top: 0px; }
	footer .containner .fnb address .addr_item { 
		line-height: 1.5;
		margin-top: calc((20 / 750) * 100vw); 
		font-size: calc((18 / 750) * 100vw);
		text-align: left;
	}

	footer .containner .fnb address .copy {
		margin-top: calc((30 / 750) * 100vw); 
		line-height: 1.5;
		font-size: calc((18 / 750) * 100vw);
		text-align: left;
	}
 	footer .containner .group_box .list {
	    padding: calc((0 / 750) * 100vw) calc((0 / 750) * 100vw) calc((0 / 750) * 100vw) calc((0 / 750) * 100vw);
		border-radius: calc((10 / 750) * 100vw);
	}

	footer .containner .group_box .list > ul {
		height: calc((280 / 750) * 100vw);
		padding: 10px calc((2 / 750) * 100vw) 0px 0px;
		border-radius: calc((5 / 750) * 100vw);
	}

	footer .containner .group_box .list a {
		width: 100%; height: auto;  line-height: 1;
		font-size: calc((18 / 750) * 100vw);
		padding: calc((12 / 750) * 100vw) calc((30 / 750) * 100vw);
		border-bottom: 1px solid #E4E4E7;
	}

	footer .containner .group_box .list .sector {
		font-size: calc((20 / 750) * 100vw);
		margin: calc((00 / 750) * 100vw) 0px;
		padding: calc((20 / 750) * 100vw) calc((15 / 750) * 100vw);
		border-bottom: 1px solid #E4E4E7;
	}


	.max_width {
		padding: 0px calc((30 / 750) * 100vw);
	}



	#btnTop {
		right: calc((30 / 750) * 100vw);
		width: calc((48 / 750) * 100vw);
		height: calc((48 / 750) * 100vw);
		border-radius: 5px;
	}
	#btnTop:after { display: none; }
	#btnTop:before {
		top: 50%;
		height: calc((20 / 750) * 100vw);

		-webkit-transform: translate(0%, -50%);
		-ms-transform: translate(0%, -50%);
		transform: translate(0%, -50%);
	}



	.main_intro_fly1 {
		opacity: 1;


		transform: translateY(0px) translateX(0px) scale(1) translate3d(0, 0, 0);
		-webkit-transform: -webkit-translateY(0px) -webkit-translateX(0px) -webkit-scale(1) -webkit-translate3d(0, 0, 0);
		-moz-transform: -moz-translateY(0px) -moz-translateX(0px) -moz-scale(1) -moz-translate3d(0, 0, 0);
		-o-transform: -o-translateY(0px) -o-translateX(0px) -o-scale(1) -o-translate3d(0, 0, 0);
	}

	.main_intro_fly2{
		opacity: 1;

		transform: translateY(0px) translateX(0px) scale(1) translate3d(0, 0, 0);
		-webkit-transform: -webkit-translateY(0px) -webkit-translateX(0px) -webkit-scale(1) -webkit-translate3d(0, 0, 0);
		-moz-transform: -moz-translateY(0px) -moz-translateX(0px) -moz-scale(1) -moz-translate3d(0, 0, 0);
		-o-transform: -o-translateY(0px) -o-translateX(0px) -o-scale(1) -o-translate3d(0, 0, 0);
	}

	.main_intro_fly3 {
		opacity: 1;


		transform: translateY(0px) translateX(0px) scale(1) translate3d(0, 0, 0);
		-webkit-transform: -webkit-translateY(0px) -webkit-translateX(0px) -webkit-scale(1) -webkit-translate3d(0, 0, 0);
		-moz-transform: -moz-translateY(0px) -moz-translateX(0px) -moz-scale(1) -moz-translate3d(0, 0, 0);
		-o-transform: -o-translateY(0px) -o-translateX(0px) -o-scale(1) -o-translate3d(0, 0, 0);
	}


	.main_intro_fly4 {
		opacity: 1;


		transform: translateY(0px) translateX(0px) scale(1) translate3d(0, 0, 0);
		-webkit-transform: -webkit-translateY(0px) -webkit-translateX(0px) -webkit-scale(1) -webkit-translate3d(0, 0, 0);
		-moz-transform: -moz-translateY(0px) -moz-translateX(0px) -moz-scale(1) -moz-translate3d(0, 0, 0);
		-o-transform: -o-translateY(0px) -o-translateX(0px) -o-scale(1) -o-translate3d(0, 0, 0);
	}




	#btnTab {
		right: calc((30 / 750) * 100vw);
	    gap: calc((20 / 750) * 100vw);
	}

	#btnTab > a {
		font-size: calc((12 / 750) * 100vw); 
	}





	#btnTab {
		border-radius: 5px;
		border: calc((4 / 750) * 100vw) solid #535353;
		padding: calc((3 / 750) * 100vw) calc((4 / 750) * 100vw);
		text-align: center;




		left: 50%;
		width: max-content;
		height: auto;
		background-color: var(--color-gray2);
		cursor: pointer;
		-webkit-transform: translate(-50%, 0%);
		-ms-transform: translate(-50%, 0%);
		transform: translate(-50%, 0%);
		z-index: 100;
		display: inline-block;
	    mix-blend-mode: inherit;


	}

	#btnTab > a:nth-child(1) { margin-left: calc((2 / 750) * 100vw); }
	#btnTab > a {
		min-width: calc((45 / 750) * 100vw); height: calc((34 / 750)* 100vw); line-height: calc((34 / 750)* 100vw);
		border-radius: 3px;
		padding: 0px calc((3 / 750) * 100vw);
		font-size: calc((16 / 750) * 100vw); 
		margin: calc((4 / 750) * 100vw);
	    letter-spacing: -0.5px;
		float: none;
		text-align: center;

		color: var(--color-white);
	}
	
	#btnTab > a::after { display: none; }
	#btnTab > a.on { color: var(--color-white); }


	#btnTab.double {
		width: calc(100% - ((140 / 750) * 100vw));
		border-radius: 5px;
		border: 1px solid #535353;
		padding: calc((3 / 750) * 100vw) 1px;
		text-align: center;
	}

	#btnTab.double > a:nth-child(1) { margin-left: calc((2 / 750) * 100vw); }
	#btnTab.double > a {
		width: calc(33.333% - ((4 / 750) * 100vw));
		min-width: calc((45 / 750) * 100vw); height: calc((34 / 750) * 100vw); line-height: calc((32 / 750) * 100vw);
		border-radius: 3px;
		padding: 0px calc((3 / 750) * 100vw);
		font-size: calc((12 / 750) * 100vw); 
		margin: calc((2 / 750) * 100vw);
	    letter-spacing: -0.5px;
		float: none;
	}

	#btnTab,
	#btnTab.double { 
		width: 50%; 
		padding: calc((3 / 750) * 100vw);
		border: calc((2 / 750) * 100vw) solid #535353;
		box-sizing: border-box;
	}

	#btnTab::before{
		position: absolute; bottom: calc((-2 / 750) * 100vw); left: calc((-34 / 750) * 100vw);
		display: inline-block;
		content: "⁝";
		width: calc((28 / 750) * 100vw); height: calc((48 / 750) * 100vw); line-height: calc((46 / 750) * 100vw);
		text-align: center; font-size: calc((20 / 750) * 100vw); 
		border: calc((2 / 750) * 100vw) solid #535353;

		color: rgba(255,255,255,.5);
		background-color: #3e3e3e;
		border-radius: 5px;
		box-sizing: border-box;
		cursor: pointer;
	}

	#btnTab > a:nth-child(1),
	#btnTab.double > a:nth-child(1) { margin-left: 0px; }

	#btnTab > a,
	#btnTab.double > a {
		width: 100%;
		margin: calc((2 / 750) * 100vw) 0px;
		display: none;
		pointer-events: none;
	}

	
	#btnTab.on > a.on,
	#btnTab.on.double > a.on {
		background-color: var(--color-blue2);
		border-color: var(--color-blue2);
	}

	#btnTab > a.on { 
		background-color: inherit;
		border-color: #3e3e3e;
	}

	#btnTab > a.on,
	#btnTab.double > a.on { display: inline-block; }

	#btnTab.on > a,
	#btnTab.on.double > a { display: inline-block; pointer-events: inherit; }




}



/*피시********************************************************************************************************************************************/

@media (max-width: 1279px) and (min-width: 1024px) { 
	header .containner { 
		width: 100%;
		min-width: auto;
		padding: 0px calc((60 / 1280) * 100vw);
	}
	
	header .containner .logo {
		width: calc((180 / 1280) * 100vw);
		padding: 0px 0px 0px;
	}
	


	header nav .gnb {
	}

	header nav .gnb .gnb_item .gnb_txt a {font-size: calc((18 / 1280) * 100vw);	}
	header nav { margin-left: calc((0 / 1280) * 100vw); }


	header nav .gnb .gnb_item {
	}
	
	header .containner {
		height: calc((120 / 1280) * 100vw);
	}

	header nav .quick .quick_item:nth-child(1) > a::before {
		top: calc((-5 / 1280) * 100vw);
		left: calc((-2 / 1280) * 100vw);
		width: calc((7 / 1280) * 100vw);
		height: calc((7 / 1280) * 100vw);
	}



	header.top.hover .containner {
	    border-radius: 0px 0px calc((36 / 1280) * 100vw) calc((36 / 1280) * 100vw);
	}

	header nav .bar {
		top: 120px;
	}

	header nav .lnb {
		top: calc((118 / 1280) * 100vw);
		border-radius: 0px 0px calc((36 / 1280) * 100vw) calc((36 / 1280) * 100vw);
	}

	header nav .lnb .contents {
	}

	header.hover nav .lnb {
		padding: calc((40 / 1280) * 100vw) 0px calc((50 / 1280) * 100vw);
		height: calc((412 / 1280) * 100vw);
	}
	header nav .lnb .lnb_nav .lnb_item {
		margin-left:  calc((36 / 1280) * 100vw);
	}
	header nav .lnb .lnb_nav .lnb_item .lnb_sub > a {
		font-size: calc((18 / 1280) * 100vw); line-height: calc((35 / 1280) * 100vw);
	}

	header nav .lnb .lnb_nav .lnb_item .lnb_sub > a.icon::after,
	header nav .lnb .lnb_nav .lnb_item .lnb_link .lnb_btn.icon::after{


		width: calc((21 / 1280) * 100vw);
		height: calc((21 / 1280) * 100vw);
		margin-left: calc((10 / 1280) * 100vw);
		margin-top: calc((6 / 1280) * 100vw);
		background-size: calc((12 / 1280) * 100vw) auto;

	}


	header nav .lnb .lnb_nav .lnb_item.on .lnb_sub > a::before, 
	header nav .lnb .lnb_nav .lnb_item:hover .lnb_sub > a::before {
		top: calc((13 / 1280) * 100vw);
		left: calc((-15 / 1280) * 100vw);
		width: calc((8 / 1280) * 100vw);
		height: calc((8 / 1280) * 100vw);
	}

	header nav .lnb .lnb_nav .lnb_item .lnb_link { 
		margin-top: calc((0 / 1280) * 100vw);
	}


	header nav .lnb .lnb_nav .lnb_item .lnb_link .lnb_btn {
		line-height: calc((35 / 1280) * 100vw);
		font-size: calc((16 / 1280) * 100vw);
	}

	header.hover .containner { height: calc((120 / 1280) * 100vw); }

	header nav .lnb .external_link {
		right: calc((50 / 1024) * 100vw); 
		height: calc((21 / 1280) * 100vw);
		line-height: calc((21 / 1280) * 100vw);
	}

	header nav .lnb .external_link > a {
		margin-left: calc((40 / 1280) * 100vw);
	}

	header nav .lnb .external_link > a > span {
		font-size: calc((18 / 1280) * 100vw);
	}

	header nav .lnb .external_link > a > span:after {
		width: calc((21 / 1280) * 100vw);
		height: calc((21 / 1280) * 100vw);
		margin-left: calc((10 / 1280) * 100vw);
		background-size: calc((12 / 1280) * 100vw) auto;
		margin-top: calc((-1 / 1280) * 100vw);
	}

	header .func img { width: calc((140 / 1280) * 100vw); }
	header .func .lan { margin-right: calc((60 / 1280) * 100vw); }
	header .func .lan a { font-size: calc((16 / 1280) * 100vw); }


	header.hover nav .lnb {
		border: 0px solid var(--color-disabled);
		border-top: 1px solid var(--color-disabled);
		border-bottom: 0px solid var(--color-disabled);
		background-color: var(--color-white); 
	}
	header.hover .containner {
		border-radius: 0px 0px 30px 30px;
	}

	.search_area {
		border-radius: 0px 0px calc((36 / 1280) * 100vw) calc((36 / 1280) * 100vw);
	}

	.search_area .search_box {
		margin-top: calc((35 / 1280) * 100vw);
		padding: calc((40 / 1280) * 100vw) 0px calc((31 / 1280) * 100vw);
	}

	.search_area .search_box .search_form {
		max-width: calc((650 / 1280) * 100vw); 
		height: calc((30 / 1280) * 100vw);
		line-height: calc((30 / 1280) * 100vw); 
	}

	.search_area .search_box .search_form label {
		width: calc((30 / 1280) * 100vw);
	}

	.search_area .search_box .search_form input {
		width: calc(100% - ((35 / 1280) * 100vw) - ((30 / 1280) * 100vw) - ((50 / 1280) * 100vw));
		margin: 0px calc((25 / 1280) * 100vw);
		font-size: calc((22 / 1280) * 100vw);
	}

	.search_area .search_box .search_form button {
		width: calc((30 / 1280) * 100vw);
	}

	.search_area .tag_box {
		padding: calc((30 / 1280) * 100vw) 0px calc((20 / 1280) * 100vw);
	}

	.search_area .tag_box .search_tag {
		max-width: calc((650 / 1280) * 100vw); 
	}

	.search_area .tag_box .search_tag .search_tag_item {
		height: calc((28 / 1280) * 100vw);
		line-height: calc((28 / 1280) * 100vw);
		padding: 0px calc((15 / 1280) * 100vw);
		border-radius: calc((28 / 1280) * 100vw);
		margin-left: calc((20 / 1280) * 100vw);
		margin-bottom: calc((10 / 1280) * 100vw);
	}

	.search_area .tag_box .search_tag .search_tag_item .search_tag_txt {
		font-size: calc((18 / 1280) * 100vw);

	}

	.search_area .tag_box .search_tag .search_tag_item .search_tag_txt::before {
		height: calc((28 / 1280) * 100vw);
		line-height: calc((28 / 1280) * 100vw);
		font-size: calc((20 / 1280) * 100vw);
	}

	.search_area .search_box .search_form button {
		width: calc((30 / 1280) * 100vw);
	}

	.search_area .search_box .search_form button img {
		width: calc((20 / 1280) * 100vw);
		margin-top: calc((2.5 / 1280) * 100vw);
	}



	


	footer.base {
		height: calc((545 / 1280) * 100vw);
	}

	footer .containner {
	    padding: calc((60 / 1280) * 100vw) calc((50 / 1024) * 100vw) calc((75 / 1280) * 100vw);
	}

	footer .containner .fnb {
	    margin-top: calc((165 / 1280) * 100vw);
	}
	footer .containner .groups {
		margin-right: calc((-30 / 1024) * 100vw);
	}
	footer .containner .groups .logo {
		width:  calc((164 / 1280) * 100vw);
	}

	footer .containner .group_box {
		width: calc((220 / 1280) * 100vw);
		height: auto;
		margin-top: calc((50 / 1280) * 100vw);
	}
	 
	footer .containner .group_box .btn {
		height: calc((40 / 1280) * 100vw);
		line-height: calc((40 / 1280) * 100vw);
		padding: 0px calc((15 / 1280) * 100vw);
		font-size: calc((18 / 1280) * 100vw);
		background-size: calc((13 / 1280) * 100vw) auto;
		background-position: calc(100% - ((15 / 1280) * 100vw)) center;
	}

	footer .containner .group_box .list {
		top: calc((43 / 1280) * 100vw);
		width: calc(100% + ((0 / 1280) * 100vw));
		padding: calc((15 / 1280) * 100vw) calc((8 / 1280) * 100vw) calc((15 / 1280) * 100vw) calc((15 / 1280) * 100vw);
	
	}

	footer .containner .group_box .list > ul {
		height: calc((160 / 1280) * 100vw);
		padding: 10px calc((2 / 1280) * 100vw) 0px 0px;
	}
	footer .containner .group_box .list .sector {
		font-size: calc((20 / 1280) * 100vw);
	    margin: calc((20 / 1280) * 100vw) 0px;
	}

	footer .containner .group_box .list a {
		font-size: calc((18 / 1280) * 100vw);
	}

	footer .containner .groups .sns {
		margin-top: calc((90 / 1280) * 100vw);
	    line-height: 1;
	}


	footer .containner .groups .sns .sns_item:nth-child(1) { width: calc((50 / 1280) * 100vw); }
	footer .containner .groups .sns .sns_item:nth-child(2) { width: calc((50 / 1280) * 100vw); }
	footer .containner .groups .sns .sns_item:nth-child(3) { width: calc((46 / 1280) * 100vw); }
	footer .containner .groups .sns .sns_item:nth-child(4) { width: calc((50 / 1280) * 100vw); }
	footer .containner .groups .sns .sns_item img { width: 100%; }

	footer .containner .groups .sns .sns_item {
		 margin-left: calc((25 / 1280) * 100vw);
	}

	footer .containner .groups .link {
		margin-top: calc((45 / 1280) * 100vw);
		height: calc((21 / 1280) * 100vw); line-height: calc((21 / 1280) * 100vw);
	}

	footer .containner .groups .link a:nth-child(n+2)::before{ 
		left: calc((-20 / 1280) * 100vw);
	}
	footer .containner .groups .link a { height: calc((21 / 1280) * 100vw); line-height: calc((21 / 1280) * 100vw); margin: 0px calc((20 / 1280) * 100vw); }

	footer .containner .groups .link a span {
		font-size: calc((18 / 1280) * 100vw);
	}

	footer .containner .fnb {
		position: absolute; right: calc((50 / 1024) * 100vw);

		margin-top: calc((165 / 1280) * 100vw);
	}

	footer .containner .fnb nav a:nth-child(n+2)::before{ 
		top: 0px; left: calc((-20 / 1280) * 100vw);
	}

	footer .containner .fnb nav a { width: auto; height: calc((21 / 1280) * 100vw); line-height: calc((21 / 1280) * 100vw); margin: 0px calc((20 / 1280) * 100vw); }

	footer .containner .fnb nav a span {
		font-size: calc((18 / 1280) * 100vw);
	}


	footer .containner .fnb nav a span.external_link:after { 
		width: calc((15 / 1280) * 100vw); height: calc((15 / 1280) * 100vw);
		margin-left: calc((10 / 1280) * 100vw); margin-top: calc((3 / 1280) * 100vw);
		
		background-size: calc((14 / 1280) * 100vw) auto;
	}

	footer .containner .fnb address{
		margin-top: calc((100 / 1280) * 100vw);
	}

	footer .containner .fnb address .addr_item:nth-child(1) { margin-top: 0px; }
	footer .containner .fnb address .addr_item {
		font-size: calc((18 / 1280) * 100vw);
		margin-top: calc((10 / 1280) * 100vw);
	}

	footer .containner .fnb address .copy {
		font-size: calc((18 / 1280) * 100vw);
		margin-top: calc((30 / 1280) * 100vw);
	}

	#btnTop {
		bottom: calc((50 / 1280) * 100vw); right: calc((50 / 1024) * 100vw);
		width: calc((60 / 1280) * 100vw); height: calc((75 / 1280) * 100vw); 
		border-radius: calc((15 / 1280) * 100vw);

	}


	#btnTop:before {
		top: calc((15 / 1280) * 100vw);height: calc((25 / 1280) * 100vw);
	}



	#btnTop:after {
		font-size: calc((16 / 1280) * 100vw);
		top: calc((45 / 1280) * 100vw);
	}




	#btnTab {
		right: calc((50 / 1024) * 100vw);
	    gap: calc((30 / 1280) * 100vw);
	}

	#btnTab > a {
		font-size: calc((16 / 1280) * 100vw); 
	}



	.max_width {
		padding: 0px calc((50 / 1024) * 100vw);
	}

	.max_width2 {
		/*
		max-width: 1200px;
		margin-left: calc((0 / 1024) * 100vw);
		*/
	}
}


@media (max-width: 1920px) and (min-width: 1280px) { 
	header .containner { }

	header nav .gnb .gnb_item .gnb_txt a { padding-left: 35px; }

	header nav .lnb .lnb_nav .lnb_item { height: 60px; }

	header nav .lnb .external_link { right: calc((200 / 1920) * 100vw); }

	header.hover nav .lnb {
		border: 0px solid var(--color-disabled);
		border-top: 1px solid var(--color-disabled);
		border-bottom: 1px solid var(--color-disabled);
		background-color: var(--color-white); 
	}


	#btnTop { right: calc((100 / 1920) * 100vw);  }
	#btnTab { right: calc((100 / 1920) * 100vw); gap: calc((46 / 1920) * 100vw); }

	footer .containner { padding: 60px calc((100 / 1920) * 100vw) 75px; }

	footer .containner .fnb nav a { margin: 0px 15px; }
	footer .containner .groups .link a { margin: 0px 15px; }

	footer .containner .fnb {
		position: absolute; right: calc((100 / 1920) * 100vw);
		margin-top: 160px; 
	}

	footer .containner .fnb nav a span.external_link:after { margin-left: 5px; }
	footer .containner .fnb nav a:nth-child(n+2)::before { left: -15px; }

	.max_width { width: calc((1080 / 1280) * 100vw); } 

}













#aiPop.active { display: block; }
#commonAiPop {
	display: none;
	position: fixed; top: 0px; left: 0px;
	width: 100%; height: 100%; 
	z-index: 9999;
	box-sizing: border-box;
}

#commonAiPop .bg{
	position: absolute; top: 0px; left: 0px;
	width: 100%; height: 100%; 
	opacity: 0.6;
	background-color: #000;
	z-index: 1;
	box-sizing: border-box;
}

#commonAiPop .box {
	position: absolute; top: 50%; left: 50%;
	display: inline-block;
	width: 900px; height: auto;

	box-shadow: 0px 4px 13px rgb(59 62 71 / 20%);

	padding: 60px 40px;

	border-radius: 15px;
	background-color: #fff;

    -webkit-transform: translate(-50%, -50%);
    -ms-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);

	z-index: 2;
	box-sizing: border-box;
}

#commonAiPop .box > div { width: 100%; height: 100%; }


#commonAiPop .box .close {
	position: absolute; top: -20px; right: -20px;
	width: 45px; height: auto;
	cursor: pointer; 
	z-index: 1;
}

#commonAiPop .box .close img { width: 100%; height: auto; }

#commonAiPop .box .pop_header {
	width: 100%; height: auto;
	padding: 0px 40px;
}

#commonAiPop .box .pop_header > div {
	width: 100%; height: 86px; line-height: 1;
	font-size: 36px; color: var(--color-black); text-align: center;
	font-weight: 700;
	padding: 0px 40px 40px;
	border-bottom: 2px solid rgba(0,0,0,0.2);
}


#commonAiPop .box .pop_body {
	width: 100%; height: auto;
	padding: 0px 40px 0px;

}

#commonAiPop .box .pop_body .pop_title.mt60 { margin-top: 60px; }

#commonAiPop .box .pop_body .pop_title {
	width: 100%; height: auto; line-height: 1.2;
	font-size: 26px; color: var(--color-black); text-align: left;
	font-weight: 700;
}


#commonAiPop .box .pop_body .pop_btn_box {
	left: 50%;

	width: auto; height: auto;
	margin-top: 60px;



    -webkit-transform: translate(-50%, 0%);
    -ms-transform: translate(-50%, 0%);
    transform: translate(-50%, 0%);
}

#commonAiPop .box .pop_body .pop_btn_box .pop_btn:hover { background-color: var(--color-blue2); }
#commonAiPop .box .pop_body .pop_btn_box .pop_btn {
	width: 200px; height: 70px; line-height: 70px;
	margin: 0px 20px;
	font-size: 24px; color: var(--color-white); text-align: center;
	font-weight: 700; 
	border-radius: 15px; 
	background-color: var(--color-black);

}


#commonAiPop .pop_bar {
	width: 100%; height: 2px;
	background-color: rgba(0,0,0,0.2);
	margin: 60px auto;
}



#commonAiPop .box .pop_body .pop_sub_title {
	width: 100%; height: auto; line-height: 1.2;
	font-size: 20px; color: var(--color-blue2); text-align: left;
	font-weight: 700;
	margin-top: 20px;
}


#commonAiPop .box .pop_body .pop_desc {
	width: 100%; height: auto; line-height: 1.6;
	font-size: 20px; color: var(--color-black); text-align: left;
	font-weight: 300;
	margin-top: 10px;
}







@media (max-width: 749px) { 



	#commonAiPop .box {
		width: calc(100% - ((40 / 480)* 100vw));
		height: auto;
		box-shadow: 0px calc((4 / 480)* 100vw) calc((13 / 480)* 100vw) rgb(59 62 71 / 20%);
		padding: calc((40 / 480)* 100vw) calc((20 / 480)* 100vw);
		border-radius: calc((10 / 480)* 100vw);
	}


	#commonAiPop .box .close {
		top: calc((-15 / 480)* 100vw);
		right: calc((0 / 480)* 100vw);
		width: calc((30 / 480)* 100vw);
	}

	#commonAiPop .box .pop_header {
		padding: 0px calc((20 / 480)* 100vw);
	}

	#commonAiPop .box .pop_header > div {
		height: calc((86 / 480)* 100vw); 
		font-size: calc((20 / 480)* 100vw); 
		padding: 0px calc((20 / 480)* 100vw) calc((40 / 480)* 100vw);
	}


	#commonAiPop .box .pop_body {
		height: calc(100% - ((86 / 480)* 100vw) - ((40 / 480)* 100vw));

		padding: 0px calc((0 / 480)* 100vw) 0px;
	}

	#commonAiPop .box .pop_body .pop_title.mt60 { margin-top: calc((60 / 480)* 100vw); }
	#commonAiPop .box .pop_body .pop_title { font-size: calc((20 / 480)* 100vw); }

	#commonAiPop .box .pop_body .pop_btn_box {
		margin-top: calc((30 / 480)* 100vw);
	}

	#commonAiPop .box .pop_body .pop_btn_box .pop_btn {
		width: calc((140 / 480)* 100vw); height: calc((45 / 480)* 100vw); line-height: calc((45 / 480)* 100vw);
		font-size: calc((18 / 480)* 100vw);
		margin: 0px calc((10 / 480)* 100vw);
		border-radius: calc((10 / 480)* 100vw); 
	}

	#commonAiPop .pop_bar { margin: calc((60 / 480)* 100vw) auto; }
	#commonAiPop .box .pop_body .pop_sub_title {
		font-size: calc((18 / 480)* 100vw); margin-top: calc((20 / 480)* 100vw);
	}

	#commonAiPop .box .pop_body .pop_desc {
		font-size: calc((16 / 480)* 100vw); margin-top: calc((10 / 480)* 100vw);
	}


}


@media (max-width: 1023px) and (min-width: 750px) { 



	#commonAiPop .box {
		width: calc(100% - ((60 / 750)* 100vw)); height: auto;
		box-shadow: 0px calc((4 / 750)* 100vw) calc((13 / 750)* 100vw) rgb(59 62 71 / 20%);
		padding: calc((60 / 750)* 100vw) calc((40 / 750)* 100vw);
		border-radius: calc((15 / 750)* 100vw);
	}


	#commonAiPop .box .close {
		top: calc((-20 / 750)* 100vw);
		right: calc((-15 / 750)* 100vw);
		width: calc((30 / 750)* 100vw);
	}

	#commonAiPop .box .pop_header {
		padding: 0px calc((40 / 750)* 100vw);
	}

	#commonAiPop .box .pop_header > div {
		height: calc((86 / 750)* 100vw); 
		font-size: calc((26 / 750)* 100vw); 
		padding: 0px calc((40 / 750)* 100vw) calc((40 / 750)* 100vw);
	}


	#commonAiPop .box .pop_body {
		height: calc(100% - ((86 / 750)* 100vw) - ((40 / 750)* 100vw));
		padding: 0px calc((20 / 750)* 100vw) 0px;
	}

	#commonAiPop .box .pop_body .pop_title.mt60 { margin-top: calc((60 / 750)* 100vw); }
	#commonAiPop .box .pop_body .pop_title { font-size: calc((20 / 750)* 100vw); }


	#commonAiPop .box .pop_body .pop_btn_box {
		margin-top: calc((40 / 750)* 100vw);
	}

	#commonAiPop .box .pop_body .pop_btn_box .pop_btn {
		width: calc((200 / 750)* 100vw); height: calc((55 / 750)* 100vw); line-height: calc((55 / 750)* 100vw);
		font-size: calc((20 / 750)* 100vw);
		border-radius: calc((15 / 750)* 100vw); 
	}

	#commonAiPop .pop_bar { margin: calc((60 / 750)* 100vw) auto; }
	#commonAiPop .box .pop_body .pop_sub_title {
		font-size: calc((18 / 750)* 100vw); margin-top: calc((20 / 750)* 100vw);
	}

	#commonAiPop .box .pop_body .pop_desc {
		font-size: calc((18 / 750)* 100vw); margin-top: calc((10 / 750)* 100vw);
	}

}

@media (max-width: 1279px) and (min-width: 1024px) { 



	#commonAiPop .box {
		width: calc((900 / 1280)* 100vw); height: auto;
		box-shadow: 0px calc((4 / 1280)* 100vw) calc((13 / 1280)* 100vw) rgb(59 62 71 / 20%);
		padding: calc((60 / 1280)* 100vw) calc((40 / 1280)* 100vw);
		border-radius: calc((15 / 1280)* 100vw);
	}


	#commonAiPop .box .close {
		top: calc((-20 / 1280)* 100vw);
		right: calc((-15 / 1280)* 100vw);
		width: calc((40 / 1280)* 100vw);
	}

	#commonAiPop .box .pop_header {
		padding: 0px calc((40 / 1280)* 100vw);
	}

	#commonAiPop .box .pop_header > div {
		height: calc((86 / 1280)* 100vw); 
		font-size: calc((36 / 1280)* 100vw); 
		padding: 0px calc((40 / 1280)* 100vw) calc((40 / 1280)* 100vw);
	}


	#commonAiPop .box .pop_body {
		height: calc(100% - ((86 / 1280)* 100vw) - ((40 / 1280)* 100vw));
		padding: 0px calc((40 / 1280)* 100vw) 0px;
	}

	#commonAiPop .box .pop_body .pop_title.mt60 { margin-top: calc((60 / 1280)* 100vw); }
	#commonAiPop .box .pop_body .pop_title { font-size: calc((26 / 1280)* 100vw); }


	#commonAiPop .box .pop_body .pop_btn_box {
		margin-top: calc((60 / 1280)* 100vw);
	}

	#commonAiPop .box .pop_body .pop_btn_box .pop_btn {
		width: calc((200 / 1280)* 100vw); height: calc((80 / 1280)* 100vw); line-height: calc((80 / 1280)* 100vw);
		font-size: calc((24 / 1280)* 100vw);
		border-radius: calc((15 / 1280)* 100vw); 
	}

	#commonAiPop .pop_bar { margin: calc((60 / 1280)* 100vw) auto; }
	#commonAiPop .box .pop_body .pop_sub_title {
		font-size: calc((20 / 1280)* 100vw); margin-top: calc((20 / 1280)* 100vw);
	}

	#commonAiPop .box .pop_body .pop_desc {
		font-size: calc((20 / 1280)* 100vw); margin-top: calc((10 / 1280)* 100vw);
	}
}

@media (max-width: 1920px) and (min-width: 1280px) { 

}




/*
	@media (max-width: 479px){ 

	}

	@media (max-width: 749px) and (min-width: 480px) { 

	}

	@media (max-width: 1023px) and (min-width: 750px) { 

	}


	@media (max-width: 1279px) and (min-width: 1024px) { 

	}

	@media (max-width: 1920px) and (min-width: 1280px) { 

	}

	clamp(12px, calc((14 / 1920) * 100vw), 14px);
*/

@media (max-width:767px) {
    .quick_Links{display: none}
/*.quick_Links {width: 100%;height: auto;bottom: -50px;position: fixed;left: 50%;transform: translate(-50%, -50%);z-index: 1000;box-shadow: 0 0px 20px 10px rgb(255 255 255 / 35%); border-radius: 15px 15px 0 0; background: #232323}
    .quick_Links .quick-links__inner { display: grid;
    grid-template-columns: repeat(2, 1fr);
    gap: 10px;
    margin: 0 auto;}
    .quick-links__inner a{
    display: flex;
    justify-content: center;
    align-items: center;
    width: 100%;
    height: 40px;    
    text-decoration: none;
}
    .quick-links__inner a span{
    display: block;
    width: 100%;       
    height: 40px;
    background-repeat: no-repeat;
    background-position: center;
    background-size: contain;
}
    .quick_Links .quick-links__inner a:nth-child(1) span{background: url('/img/qlink/t_logo_1.png') no-repeat }
    .quick_Links .quick-links__inner a:nth-child(2) span{background: url('/img/qlink/t_logo_2.png') no-repeat }
    .quick_Links .quick-links__inner a:nth-child(3) span{background: url('/img/qlink/t_logo_3.png') no-repeat }
    .quick_Links .quick-links__inner a:nth-child(4) span{background: url('/img/qlink/t_logo_4.png') no-repeat }
    */
}
@media (min-width:768px) and (max-width:1023px) {
    .quick_Links {width: 768px;height: 50px;bottom: -25px;position: fixed;left: 50%;transform: translate(-50%, -50%);z-index: 1000;box-shadow: 0 0px 20px 10px rgb(255 255 255 / 35%); border-radius: 15px 15px 0 0; background: #232323}
    .quick_Links .quick-links__inner {display: flex; gap: 0;height: 50px}
    .quick_Links .quick-links__inner a:nth-child(1) {background: url('/img/qlink/t_logo_1.png') no-repeat ;width: 221px }
    .quick_Links .quick-links__inner a:nth-child(2) {background: url('/img/qlink/t_logo_2.png') no-repeat ;width: 182px  }
    .quick_Links .quick-links__inner a:nth-child(3) {background: url('/img/qlink/t_logo_3.png') no-repeat ;width: 217px  }
    .quick_Links .quick-links__inner a:nth-child(4) {background: url('/img/qlink/t_logo_4.png') no-repeat ;width: 148px  }
}
@media (min-width:1024px) {
    .quick_Links {width: 1006px;height: 50px;bottom: -25px;position: fixed;left: 50%;transform: translate(-50%, -50%);z-index: 1000;box-shadow: 0 0px 20px 10px rgb(255 255 255 / 35%); border-radius: 15px 15px 0 0;}
    .quick_Links .quick-links__inner {display: flex; gap: 0;height: 50px;}
    .quick_Links .quick-links__inner a:nth-child(1) {background: url('/img/qlink/logo_1.png') no-repeat ;width: 293px;opacity: 0.7}
    .quick_Links .quick-links__inner a:nth-child(2) {background: url('/img/qlink/logo_2.png') no-repeat ;width: 235px;opacity: 0.7}
    .quick_Links .quick-links__inner a:nth-child(3) {background: url('/img/qlink/logo_3.png') no-repeat ;width: 284px;opacity: 0.7}
    .quick_Links .quick-links__inner a:nth-child(4) {background: url('/img/qlink/logo_4.png') no-repeat ;width: 195px;opacity: 0.7}
    .quick_Links .quick-links__inner a:nth-child(1):hover,.quick_Links .quick-links__inner a:nth-child(2):hover,
    .quick_Links .quick-links__inner a:nth-child(3):hover,.quick_Links .quick-links__inner a:nth-child(4):hover {opacity: 1;transition: all 0.5s;}
}



.cls-1 {
	fill: #ddd;
	stroke-width: 0px;
}