@charset 'utf-8';/* ���� */
body * { font-family: 'Fira Sans', sans-serif !important; line-height:1.2em } 
body .fab { font-family: "Font Awesome 5 Brands" !important; } 
.noto { font-family: 'Noto Sans KR', sans-serif !important; } 
.lba { font-family: 'La Belle Aurore', cursive !important; } 
.cf::after { content:""; display: block; clear: both } 

/* privacy */
.privacy { color:#666; width: 100%; overflow: hidden; box-sizing:border-box; padding:20px; font-size:15px; line-height: 140%; word-break:break-all; } 
.privacy h2 { font-size:18px; font-weight:bold; color:#000; text-align: left; margin:50px 0 30px; } 
.privacy h2:first-child { margin-top: 0; } 
.privacy > p { margin:15px 0; } 
.privacy > p+dl { margin-top: 30px; } 
.privacy > dl { padding-bottom:20px; } 
.privacy > dl > dt { font-size:15px; color:#3680b9; font-weight:700; padding-bottom:5px; } 
.privacy > dl > dd { padding-bottom:10px; text-align:justify; font-size:15px; line-height:140%; } 
.privacy > dl > dd ul { padding:10px; } 
.privacy > dl > dd ul li { line-height:120%; margin-top: 10px; } 
.privacy > dl > dd ul li:first-child { margin-top: 0; } 
.privacy > dl > dd ul li p { margin:0 10px 5px; line-height: 140%; } 
.sTxt h3 { font-size:16px; color: #333; font-weight: 700; margin: 20px 0 10px; } 
.sTxt p { margin-top: 10px; } 
.sTxt dt { margin-top: 10px; } 
.sTxt dd { margin:0 8px; } 

/* header */
header { position: absolute; top: 0; left: 0; width: 100%; padding: 0; box-sizing:border-box; font-size:0; z-index: 100; /* max-width:1920px; */ transition:0.3s; margin: 0 auto; } 
header.on { top: -130px; opacity: 0; } 
header .w1587 { max-width:1500px; width: 95%; position:relative; margin: 0 auto; } 
header .logo { position: absolute; top: 47px; left: -87px; background:url(/img/common/logo.png) 50% 50% no-repeat; background-size:cover; width: 87px; height: 45px; } 
header .logo a { position:absolute; top: 0; right: 0; bottom: 0; left: 0; } 
header .gnb { display:inline-block; width: calc(100% - 214px); vertical-align: middle; margin-top:0; box-sizing:border-box; } 
header .gnb > ul { position:relative; } 
header .gnb > ul > li { position:relative; display:inline-block; vertical-align: middle; } 
header .gnb > ul > li:first-of-type { margin-left: 52px; } 

/* 2026.04.01 메뉴 마우스호버 강조효과 추가 */
header .gnb > ul > li > a { display:inline-block; vertical-align: top; font-weight:500; font-size:16px; color: #fff; padding: 56px 18px 39px; /* 여기부터 아래 추가 */
position: relative; transition: color .3s ease; } 

header .gnb > ul > li > a::after { content: ""; position: absolute; left: 18px; right: 18px; bottom: 30px; height: 2px; background: rgba(255, 255, 255, 0.6); transform: scaleX(0); transform-origin: left; transition: transform .3s ease; } 

header .gnb > ul > li:hover > a::after { transform: scaleX(1); } 



/* ���� gnb ��Ÿ�� */
header .gnb > ul > li > .left_style { display:none; position:absolute; top: 114px; left: 0; background: #01261f; width: 660px; overflow: hidden; padding: 35px 0; box-sizing:border-box; } 
header .gnb > ul > li > .left_style::before { content:""; position:absolute; top: 0; right: 0; width: 465px; height: 100%; background: #085445; } 
header .gnb > ul > li > .left_style > li > a { position:relative; font-weight:bold; width: 196px; font-size:15px; letter-spacing:0.025em; color: #fff; padding: 20px 0 20px 35px; display:inline-block; vertical-align: top; box-sizing:border-box; } 
header .gnb > ul > li > .left_style > li > a i { position:absolute; top: 50%; right: -10px; transform:translateY(-50%); color: #fff; font-size:10px; transition:0.5s; opacity: 0; } 
header .gnb > ul > li > .left_style > li .depth03 { display:inline-block; width: 465px; height: 100%; vertical-align: top; position:absolute; top: 0; right: calc(-100% + 195px); background: #085445; z-index: 1; transition:0.3s; padding-top:16px; box-sizing:border-box; } 
header .gnb > ul > li > .left_style > li .depth03 li .icon { display:inline-block; vertical-align: middle; } 
header .gnb > ul > li > .left_style > li .depth03 li .icon svg { width: 61px; height: 61px; } 
header .gnb > ul > li > .left_style > li .depth03 li .icon svg .cls-1 { fill:#c1c1c1 } 
header .gnb > ul > li > .left_style > li .depth03 li .icon .w59 { width: 59px; height: 50px; } 
header .gnb > ul > li > .left_style > li .depth03 li { position: relative; padding: 22px 0 22px 40px; } 
header .gnb > ul > li > .left_style > li .depth03 li a { position:absolute; top: 0; right: 0; bottom: 0; left: 0; } 

/* gnb style01 */
header .gnb > ul > li > .left_style.style01 { height: 375px; } 
header .gnb > ul > li > .left_style.style01 > li .depth03 li p { display:inline-block; vertical-align: middle; width: calc(100% - 61px); font-weight:bold; font-size:14px; letter-spacing:0.025em; color: #c1c1c1; box-sizing:border-box; padding-left: 26px; line-height:1.4em } 
header .gnb > ul > li > .left_style.style01 > li .depth03 li p span { display:inline-block; width: 100%; font-size:17px; } 
/* gnb style02 */
header .gnb > ul > li > .left_style.style02 { height: 340px; } 
header .gnb > ul > li > .left_style.style02 > li .depth03 { padding-top:30px; } 
header .gnb > ul > li > .left_style.style02 > li .depth03 li { margin-bottom:10px; } 
header .gnb > ul > li > .left_style.style02 > li .depth03 li:last-of-type { margin-bottom:0px; } 
header .gnb > ul > li > .left_style.style02 > li .depth03 li p { display:inline-block; vertical-align: middle; width: 186px; font-weight:bold; font-size:20px; letter-spacing:0.025em; color: #c1c1c1; box-sizing:border-box; padding-left: 0; line-height:1.2em } 
header .gnb > ul > li > .left_style.style02 > li .depth03 li p span { display:inline-block; width: 100%; font-size:15px; color: #229073; } 
header .gnb > ul > li > .left_style.style02 > li .depth03 li p em { position:relative; top: -7px; display:inline-block; width: 100%; font-weight:500; font-size:13px; letter-spacing:0.025em; color: #c1c1c1; } 
header .gnb > ul > li > .left_style.style02 > li .depth03 li .icon { width: calc(100% - 195px); text-align: center; box-sizing:border-box; padding-right: 50px; } 
header .gnb > ul > li > .left_style.style02 > li:last-of-type .depth03 li .icon p,
header .gnb > ul > li > .left_style.style02 > li:last-of-type .depth03 li .icon { text-align: right; } 

header .gnb > ul > li > .left_style.style02 > li .depth03 li .icon span { display:inline-block; vertical-align: top; width: 100%; } 
header .gnb > ul > li > .left_style.style02 > li .depth03 li .icon span svg { margin-right: 28px; } 
header .gnb > ul > li > .left_style.style02 > li .depth03 li .icon span svg:last-of-type { margin-right: 0; } 
header .gnb > ul > li > .left_style.style02 > li .depth03 li .icon p { width: 100%; text-align: center; font-weight:500; font-size:13px; letter-spacing:0.024em; color: #c1c1c1; margin-top:8px; } 


/* 뉴스링크 2026.04.02 추가 */
header .gnb > ul > li > .left_style.style02 > li .newsmenu01 {padding-top:20px; } 

header .gnb > ul > li > .left_style.style02 > li .newsmenu01 li { padding-top: 12px; padding-bottom: 12px; display: flex; justify-content: space-between; align-items: center; } 

header .gnb > ul > li > .left_style.style02 > li .newsmenu01 li:last-of-type { margin-bottom:0px; } 

header .gnb > ul > li > .left_style.style02 > li .newsmenu01 li > p {display:inline-block;vertical-align: bottom;width: 160px;font-weight:bold;font-size:20px;letter-spacing:0.025em;color: #c1c1c1;box-sizing:border-box;padding-left: 0;line-height:1.2em;}

header .gnb > ul > li > .left_style.style02 > li .newsmenu01 li p span { display:inline-block; width: 100%; font-size:15px; color: #229073; } 

header .gnb > ul > li > .left_style.style02 > li .newsmenu01 li p em { position:relative; top: -7px; display:inline-block; width: 100%; font-weight:500; font-size:13px; letter-spacing:0.025em; color: #c1c1c1; } 

header .gnb > ul > li > .left_style.style02 > li .newsmenu01 li .icon { /* width: calc(100% - 220px); */
display: flex; 
align-items: center; 
justify-content: flex-end; 
gap: 10px;text-align: right; 
box-sizing:border-box; 
padding-right: 50px; 
} 

header .gnb > ul > li > .left_style.style02 > li:last-of-type .newsmenu01 li .icon p,
header .gnb > ul > li > .left_style.style02 > li:last-of-type .newsmenu01 li .icon { text-align: right; } 

header .gnb > ul > li > .left_style.style02 > li .newsmenu01 li .icon span {display:inline-block;position: absolute;left: 215px;width: auto;vertical-align: bottom; } 
header .gnb > ul > li > .left_style.style02 > li .newsmenu01 li .icon span svg { margin-right: 8px; } 
header .gnb > ul > li > .left_style.style02 > li .newsmenu01 li .icon span svg:last-of-type { margin-right: 0; } 

/* 2026.05.21 수정 */
header .gnb > ul > li > .left_style.style02 > li .newsmenu01 li .icon p { 
	display:inline-block; /* width: 100%; */
	text-align: right; 
	font-weight:500; 
	font-size:13px; 
	letter-spacing:0.024em; 
	color: #c1c1c1; 
	position: absolute;
	bottom: 18px;
	right: 40px;
} 








/* gnb style03 2026.05.21높이 20px추가*/
header .gnb > ul > li > .left_style.style03 { padding: 0 0 0 50px; height: 445px; width: 570px; } 
header .gnb > ul > li > .left_style.style03 > li { display:inline-block; vertical-align: top; width: 195px; } 
header .gnb > ul > li > .left_style.style03 > li > a { width: 100%; padding: 13px 0; text-align: center; } 
header .gnb > ul > li > .left_style.style03 > li > a span { display:inline-block; width: 100%; font-size:23px; color: #fff; font-weight:400; margin-top:8px; } 
header .gnb > ul > li > .left_style.style03::before,
/* 2026.05.21 높이 수정 */
header .gnb > ul > li > .left_style.style03 > li .depth03 { width: 100%; height: 330px; top: auto; bottom: 0; } 
header .gnb > ul > li > .left_style.style03 > li .depth03 { right: -100%; } 
header .gnb > ul > li > .left_style.style03 > li .depth03 li { padding: 18px 0 20px 40px; }

/* 2026.05.20 수정. 아이콘과 텍스트 정렬 */
header .gnb > ul > li > .left_style.style03 > li .depth03 li p {display:inline-block;vertical-align: middle;font-weight:bold;font-size:20px;letter-spacing:0.025em;color: #c1c1c1;box-sizing:border-box;padding-left: 0;line-height:1.2em;margin-right: 26px;/* outline: 2px solid red; */}

header .gnb > ul > li > .left_style.style03 > li .depth03 li .icon span {
	position: absolute;
	top: 10%;
	left: 45%;
	height: 80%; } 
header .gnb > ul > li > .left_style.style03 > li .depth03 li p span { font-size:15px; color: #229073; } 
header .gnb > ul > li > .left_style.style03 > li .depth03 li .icon svg { margin-right: 8px; height: 100%; } 
header .gnb > ul > li > .left_style.style03 > li .depth03 li .icon svg:last-of-type { margin-right: 24px; } 
header .gnb > ul > li > .left_style.style03 > li .depth03 li .icon p {
	position: absolute;
	right: 3%;
	display:inline-block; 
	text-align: left; 
	font-weight:500; 
	font-size:13px; 
	letter-spacing:0.024em; 
	color: #c1c1c1; 
} 


/* 2026.04.03 수정 */
/* 2026.05.22 수정: 영역 height값 425 > 445px로 */
/* gnb style04 */
header .gnb > ul > li > .left_style.style04 { height: 445px; } 
header .gnb > ul > li > .left_style.style04::before,
header .gnb > ul > li > .left_style.style04 > li .depth03 { height: 330px; } 
header .gnb > ul > li > .left_style.style04 > li .depth03 > li { padding: 18px 0 18px 45px; } 
header .gnb > ul > li > .left_style.style04 > li .depth03 li p em { position:relative; top: -7px; display:inline-block; width: 100%; font-weight:500; font-size:13px; letter-spacing:0.025em; color: #c1c1c1; } 


header .gnb > ul > li > .left_style.style03 > li .smallurl02 li .icon p {
	right: 12%;
} 



/* 2026.05.20 수정 */
header .gnb > ul > li > .left_style.style03 > li .depth03ex li .icon span {position: absolute;top: 10%;left: 48%;height: 80%; } 
.smallmenu li:first-child > p {font-size: 19.5px !important; } 
.smallmenu > li > p {width: 240px !important;}



/* on & hover */
header .gnb > ul > li > .left_style.on { display:block; } 
header .gnb > ul > li > .left_style > li.on > a { background: #085445; } 
header .gnb > ul > li > .left_style > li.on > a i { right: 20px; opacity: 1; } 
header .gnb > ul > li > .left_style > li.on .depth03 { right: 0; } 
header .gnb > ul > li > .left_style > li .depth03 li:hover p { color: #fff; } 
header .gnb > ul > li > .left_style > li .depth03 li:hover .icon svg .cls-1 { fill:#fff } 
header .gnb > ul > li > .left_style > li .depth03 li:hover .icon p { color: #fff; } 



header .lang {position:absolute; right: 0; top: 0; padding: 43px 0 0; display:inline-block; vertical-align: middle; } 
header .lang > li { position:relative; } 
header .lang > li span { display:inline-block; vertical-align: middle; font-size:16px; color: #fff; line-height:50px; cursor: pointer; } 
header .lang > li span img { position:relative; top: 0px; vertical-align: middle; margin-right: 8px; transition:0.3s } 
header .lang.active > li span img { transform:rotate(180deg); } 

/* 2026.04.06 패딩삭제 */
header .lang > li > ul { display:none; position:absolute; width: 100px; top: 50px; left: 0; background: #fff; box-sizing:border-box; } 

header .lang > li > ul > li {margin: 0; } 
header .lang > li > ul > li:last-of-type { margin-bottom:0; } 
header .lang > li > ul > li > a {display:inline-block;line-height: 30px;width: 100%;vertical-align: top;text-align: center;font-weight:400;font-size:16px;color: #16324f;background: #fff;transition: background-color .3s ease; } 
header .lang > li > ul > li > a:hover {background: #eee; } 

header .menuBtn { position: relative; display:none; vertical-align: middle; width: 32px; height: 22px; display: none; margin-left: 25px; } 
header .menuBtn ul { width: 100%; height: 100%; } 
header .menuBtn ul li { position: absolute; left: 0; display: block; width: 100%; height: 2px; background: #fff; transition: all 0.3s; } 
header .menuBtn ul li.line01 { top: 50%; left: 50%; transform:translateX(-50%); margin-top: -10px; width: 24px; } 
header .menuBtn ul li.line02 { top: 50%; margin-top: -1px; } 
header .menuBtn ul li.line03 { bottom: 50%; left: 50%; transform:translateX(-50%); margin-bottom: -10px; width: 24px; } 

/* mobile nav */
.mobNavBg { position: fixed; top: 0; left: 0; width: 100%; height: 100vh; background: rgba(0,0,0,.5); z-index: 200; overflow: hidden; display: none; } 
.mobNav { position: absolute; top: 0; right: -290px; background: #fff; width: 280px; height: 100%; overflow-y: auto; transition:all .3s; } 
.mobNav .top { position: relative; background: #101010; padding: 20px 10px; box-sizing:border-box; } 
.mobNav .top .mobNavClose { position: absolute; top: 50%; transform:translateY(-50%); right: 10px; display: block; width: 22px; height: 22px; overflow: hidden; text-indent: -9999px; } 
.mobNav .top .mobNavClose:before { content: ""; display: block; width: 2px; height: 30px; background: #fff; position: absolute; top: -5px; left: 10px; transform: rotate(45deg); -webkit-transform: rotate(45deg); border-radius: 1px; } 
.mobNav .top .mobNavClose:after { content: ""; display: block; width: 2px; height: 30px; background: #fff; position: absolute; top: -5px; right: 10px; transform: rotate(-45deg); -webkit-transform: rotate(-45deg); border-radius: 1px; } 
.mobNav > ul { position: relative; } 
.mobNav > ul > li { position: relative; } 
.mobNav > ul > li .mobGnbBtn { position: relative; display: block; height: 55px; line-height: 55px; color: #555; font-size: 17px; font-weight: 500; padding: 0 20px; box-sizing: border-box; border-bottom: 1px solid #ddd; } 
.mobNav > ul > li.active .mobGnbBtn { background: #01261f; color: #fff; } 
.mobNav > ul > li.active .mobGnbBtn:after { position: absolute; content: ""; display: block; width: 12px; height: 12px; top: 16px; right: 20px; background: none; box-sizing: border-box; border-right: 2px solid #fff; border-bottom: 2px solid #fff; transform: rotate(45deg); -webkit-transform: rotate(45deg); } 

.mobNav .depth1 { position: relative; background: #f2f2f2; display: none; } 

/* 2026.05.22 유리기판 메뉴가  메뉴 높이 자동으로 변경 */
.mobNav .depth1 > li > a { 
	position: relative; 
	display: block; 
	/* height: 45px; 
	line-height: 45px;  */
	font-family: 'Fira Sans'; 
	color: #666; 
	font-size: 15px; 
	font-weight: 300; 
	padding: 15px 20px;
	box-sizing: border-box; 
	border-bottom: 1px solid #ddd; 
} 

.mobNav .depth1 > li > a:after { position: absolute; content: ""; display: block; width: 12px; height: 12px; top: 17px; right: 20px; background: none; box-sizing: border-box; border-right: 2px solid #999; border-bottom: 2px solid #999; transform: rotate(-45deg); -webkit-transform: rotate(-45deg); } 
.mobNav .depth1 > li.mob02menu > a:after { top: 28px;} 


.mobNav .depth1 > li.active > a { font-weight: 600; color: #000; background: #fff; } 
.mobNav .depth1 > li.active > a:after { border-right: 2px solid #000; border-bottom: 2px solid #000; } 

.mobNav .depth2 { position: relative; border-bottom: 1px solid #ddd; display: none; } 
.mobNav .depth2 > li > a { position: relative; display: block; height: 45px; line-height: 45px; font-family: 'Fira Sans'; color: #666; font-size: 15px; font-weight: 300; padding: 0 20px; box-sizing: border-box; } 

.mobNav.active { right: 0; transition:all .3s; } 


/* footer */
footer { position: relative; font-size: 16px; } 

footer .fcon02 { position: relative; background: #01261f; padding: 65px 0 60px; box-sizing:border-box; } 
footer .fcon02 .fcon02Wrap { position: relative; width: 100%; max-width:1500px; margin: 0 auto; display: flex; justify-content:space-between; } 
footer .fcon02 .fcon02Wrap .siteMapBox { position: relative; display: flex; /* margin-top:32px; */ } 
footer .fcon02 .fcon02Wrap .siteMapBox dl { position: relative; margin-right: 60px; } 
footer .fcon02 .fcon02Wrap .siteMapBox dl:last-child { margin-right: 0; } 
footer .fcon02 .fcon02Wrap .siteMapBox dt { font-size: 14px; font-weight: 600; color: #fff; padding-bottom: 20px; } 
footer .fcon02 .fcon02Wrap .siteMapBox dd { } 
footer .fcon02 .fcon02Wrap .siteMapBox dd a { display: block; font-size: 12px; color: #fff; padding: 6px 0; box-sizing:border-box; } 
footer .fcon02 .fcon02Wrap .siteMapBox dd a:hover { color: #229073; transition:all .3s; } 

footer .fcon02 .fcon02Wrap .socialBox { position: relative; padding-left: 60px; padding-bottom: 10px; border-left: 1px solid #fff; box-sizing:border-box; width: 380px; } 
footer .fcon02 .fcon02Wrap .socialBox::after { content:""; position:absolute; top: 50%; right: 0; background: url("/img/common/footer_logo02.png") no-repeat right center; background-size:cover; transform:translateY(-50%); width: 28px; height: 214px; } 
footer .fcon02 .fcon02Wrap .socialBox div h5 { font-size:15px; font-weight: 500; color: #fff; padding-top: 5px; } 
footer .fcon02 .fcon02Wrap .socialBox div ul { position: relative; display: flex; margin: 25px 0 40px; } 
footer .fcon02 .fcon02Wrap .socialBox div ul li { } 
/* 2026.04.07 svg아이콘 마진 수정 */
footer .fcon02 .fcon02Wrap .socialBox div ul li a { display: block; font-size:1.125em; color: #fff; margin-right: 22px; transition:all .3s; } 
/* footer .fcon02 .fcon02Wrap .socialBox div ul li:nth-child(1) a { font-size: 24px; } */
footer .fcon02 .fcon02Wrap .socialBox div ul li a:hover { color: #229073; transition:all .3s; } 
footer .fcon02 .fcon02Wrap .socialBox > ul { position: relative; margin-top:0; } 
footer .fcon02 .fcon02Wrap .socialBox > ul li { } 
footer .fcon02 .fcon02Wrap .socialBox > ul li a { display: inline-block; font-size: 0.813em; font-weight: 500; color: #fff; padding: 6px 0; box-sizing:border-box; } 
footer .fcon02 .fcon02Wrap .socialBox > ul li a:hover { color: #229073; transition:all .3s; } 

footer .fcon03 { position: relative; padding: 50px 0 70px; box-sizing:border-box; background: #1a1a1a; } 
footer .fcon03Wrap { position: relative; width: 100%; max-width:1570px; margin: 0 auto; } 
footer .fcon03Wrap img { display: block; margin: 0 auto 35px; } 
footer .fcon03Wrap address { font-size: 12px; color: #bbb; font-weight: 400; line-height: 1.7; text-align: center; } 
footer .fcon03Wrap address a { font-size: 12px; color: #bbb; font-weight: 400; } 
footer .fcon03Wrap p { font-size: 13px; color: #bbb; text-align: center; line-height: 1.7; padding-top: 20px; } 

.go_top { display:none; position:fixed; width: 62px; height: 62px; border-radius:50%; background: #229073; text-align: center; z-index: 10; right: 90px; bottom: 35px; cursor: pointer; } 
.go_top.on { display:block; } 
.go_top .txt { position:absolute; top: 50%; left: 0; transform:translateY(-50%); width: 100%; } 
.go_top .txt i { color: #fff; font-size:18px; font-weight:500; } 
.go_top .txt p { color: #fff; font-weight:500; font-size:18px; letter-spacing:0.065em } 

@media screen and (max-width:1700px) { header .logo { position:relative; left: 0; top: 0; margin-top: 15px; display:inline-block; vertical-align: middle; } 
 }

@media screen and (max-width:1600px) { /*=== header ===*/
/*=== footer ===*/
footer .fcon02 .fcon02Wrap { box-sizing:border-box; padding: 0 16px; } 
 }

@media screen and (max-width:1570px) { /*=== footer ===*/
footer .fcon02 .fcon02Wrap { box-sizing:border-box; padding: 0 16px; } 
 }

@media screen and (max-width:1400px){
 .go_top { right: 16px; bottom: 16px; } 
/*=== footer ===*/
footer .fcon02 .fcon02Wrap .siteMapBox dl { margin-right: 30px; } 
 }

@media screen and (max-width:1200px) { /*=== header ===*/
header .logo { margin-top:11px; margin-bottom:10px; } 
header .lang { margin-top:9px; margin-bottom:10px; padding: 0; position:static; } 
header .gnb { width: calc(100% - 192px); } 
header .gnb > ul { display:none; } 
header .menuBtn { display:inline-block; cursor: pointer; margin-left: 25px; } 

/* 2026.04.07 모바일 헤더 레이아웃 깨짐 대응(햄버거버튼이 다음줄로 넘어감) */
header .w1587 { display: flex; align-items: center; justify-content: space-between; } 
header .gnb { width: auto; flex: 1; } 
header .lang { white-space: nowrap; } 
header .menuBtn { margin-left: 16px; } 

/*=== footer ===*/
footer .fcon02 .fcon02Wrap .siteMapBox dl { margin-right: 30px; } 
footer .fcon02 .fcon02Wrap .socialBox { width: 250px; padding-left: 30px; } 
 }

@media screen and (max-width:1000px) { /*=== footer ====*/
footer .fcon02 .fcon02Wrap { flex-direction:column; } 
footer .fcon02 .fcon02Wrap .siteMapBox dl { margin-right: 30px; } 

footer .fcon02 .fcon02Wrap .socialBox { width: 100%; border-left: none; padding-top: 40px; margin-top: 40px; padding-left: 0; padding-bottom: 0; border-top: 1px solid #fff; } 
footer .fcon02 .fcon02Wrap .socialBox > ul:last-child { margin-bottom: 0; } 
 }
@media screen and (max-width:800px) { /*=== footer ====*/
footer .fcon02 .fcon02Wrap .siteMapBox dt { font-size: 18px; } 
footer .fcon02 .fcon02Wrap .siteMapBox dd a { font-size:15px; } 
 }
@media screen and (max-width:640px) { /*=== footer ====*/
footer .fcon02 { padding: 40px 0 26px; } 
footer .fcon02 .fcon02Wrap .siteMapBox { flex-wrap:wrap; } 
footer .fcon02 .fcon02Wrap .siteMapBox dl { width: 50%; margin-right: 0; } 
footer .fcon02 .fcon02Wrap .siteMapBox dl:nth-child(n+3) { margin-top: 30px; } 
footer .fcon03Wrap p { line-height: 1.7; } 
footer .fcon02 .fcon02Wrap .socialBox div h5 { padding-top:0; } 
footer .fcon02 .fcon02Wrap .socialBox > ul { margin-top:20px; } 
footer .fcon02 .fcon02Wrap .socialBox::after { top:30px; transform:translateY(0); } 
 }

 /* 2026.04.07 푸터 svg아이콘 */
footer .fcon02 .fcon02Wrap .socialBox svg { width: 24px; } 
footer .fcon02 .fcon02Wrap .socialBox div ul li a:hover svg { fill: #229073; transition:all .3s; } 


/* 2026.05.21 기술문의 상단메뉴 */
header .gnb > ul > li > .left_style.style03 > li .depth03 li .icon .smallurl {
	font-size: 12px;
}
header .gnb > ul > li > .left_style.style03 > li .depth03 .smallmenu02 .icon p {right: 12%;}