@charset "utf-8";

/* background fixed 사용시 버그 대응용 * 한 번 스크롤로 페이지 전체 넘김을 할 때는 html스타일에서 height속성 제거하기 */
/* html {overflow: hidden; height: 100%;} */
/* body {overflow: auto; height: 100%;} */

/* ************************ 공용 ************************ */
a {text-decoration:none !important; outline:none !important; selector-dummy:expression(this.hideFocus=true) !important; color:inherit;}
a:link {text-decoration:none; color:inherit;}
a:visited {text-decoration:none; color:inherit;}
a:hover {text-decoration:none; color:inherit}
a:active {text-decoration:none; color:inherit;}
a,img,i,button {transition:all .5s ease;	-webkit-transition:all .5s ease; -moz-transition:all .5s ease;}

body {font-family: 'Pretendard', sans-serif !important; font-size:18px; font-weight:400; line-height:1.6; color:#000; word-break:keep-all; overflow-x:hidden;}
button {cursor:pointer;}


/* 네이비 색 조정이 많아서 */
.bgNavy {background-color:#323c5b; color:#fff;}
.c_base1 {color:#319742!important;}
.c_base2 {color:#E7412A!important;}
.c_base3 {color:#F4BD1F!important;}
.c_acc {color:#323c5b;}
.c_NanumMyeongjo {font-family:'NanumMyeongjo', sans-serif !important;}
:root {
	--base1:#319742;
	--base2:#E7412A;
	--base3:#F4BD1F;
	--border:#e5e5e5;
	--bg1:#F9F7F2;
	--bg2:#0B2133;
}


.loading {z-index:0; width:40px; height:40px; position:absolute; left:calc(50% - 20px); top:calc(50% - 20px); background:url(../images/common/loading.svg) no-repeat center / 40px; animation: ani_loading 1s infinite linear; opacity:.3;}
	@keyframes ani_loading {
		0% {transform:rotate(0deg);}
		50% {transform:rotate(180deg);}
		100% {transform:rotate(360deg);}
	}

.scroll-y::-webkit-scrollbar {height:3px; width:10px;}
.scroll-y::-webkit-scrollbar-thumb {background-color:#999; border-radius:5px;}
.scroll-y::-webkit-scrollbar-track {background-color:#ccc; border-radius:5px;}


.sub-visual {position:relative; width:100%; height:450px; background-color:#000;}
/*.sub-visual .cover { display : block; position : absolute; background:rgba(0,0,0,.25); width : 100%; height : 100%; top:0; }*/
/* 초기 상태 (숨김 및 아래쪽 위치) */

.sub-visual.intro {background:#000 url(/images/common/bg_depth1.webp) no-repeat center / cover;}
.sub-visual.tech-intro {background:#000 url(/images/common/bg_depth2_2.webp) no-repeat center / cover;}
.sub-visual.products {background:#000 url(/images/common/bg_depth3.webp) no-repeat center / cover;}
.sub-visual.customer {background:#000 url(/images/common/bg_depth4.webp) no-repeat center / cover;}
.sub-visual.publications {background:#000 url(/images/common/bg_depth5.webp) no-repeat center / cover;}
.sub-visual.boards {background:#000 url(/images/common/bg_depth6_2.webp) no-repeat center / cover;}

.sub-visual .sub-visual-wrap {position:absolute; display:flex; align-items:flex-end;
justify-content:space-between; max-width:1400px; height:100%; left:50%; transform:translateX(-50%); width:100%;}
.sub-visual .sub-visual-wrap:before, .sub-visual .sub-visual-wrap:after {display:none;}
.sub-visual .sub-visual-text {padding-bottom:50px;}
/*.sub-visual-text {opacity:0;transform: translateY(30px); transition:opacity 1.2s ease 0.5s, transform 1.2s ease 0.5s;}
.sub-visual-text.show {opacity:1; transform:translateY(0);}*/
.sub-visual .sub-visual-text h2 {font-size:40px; font-weight:700; letter-spacing:-.5px; color:#fff; z-index:5; position:relative; padding-top:15px; line-height:1.2;}
.sub-visual .sub-visual-text h2:before {content:""; display:block; width:30px; height:5px; background:#fff; position:absolute; left:0; top:0;  }
.sub-visual .sub-visual-text p {font-size:20px; font-weight:400; text-align:left; position:relative; color:#fff; margin-top:10px;}
/*.sub-visual .cover {position:absolute; width:100%; height:100%; background:rgba(0,0,0,0.5);}*/


.lnb .lnb-wrap:before, .lnb .lnb-wrap:after {display:none;}
body .contents {padding:150px 0;}
body .contents.vision {padding-bottom:0;}
body .contents.products {padding:70px 0;}
body .contents.products-view {padding:100px 0;}

.contents .part1 {text-align:center; height:700px; position:relative; padding-top:120px;}
.contents .sub-toptext {}
.contents .lnbWrap {height:100px; position:absolute; display:flex; width:100%; max-width:1400px;
margin:0 auto; justify-content:space-between; align-items:flex-end; left:50%; transform:translateX(-50%); top:300px;}
/*.sub-visual .cover {position:absolute; width:100%; height:100%; background:rgba(0,0,0,0.5);}*/
.sub-top-visual {position:fixed; width:100%; height:100vh; top:0; left:0; background-size:cover;}
/*.sub-top-visual .cover {position:absolute; background:rgba(0,0,0,0.7); width:100%; height:100%; }*/
.sub-top-visual.association .cover {background:rgba(0,0,0,0.5);}
.sub-top-visual.company {background:url(../images/common/bg_sub_depth1.webp); background-position:center -400px; background-repeat: no-repeat; z-index:-1;}
.sub-top-visual.welfare {background:url(../images/common/bg_hompage_welfare.webp); background-repeat: no-repeat; background-size: cover; z-index:-1;}
.sub-visual-wrap .site-route {padding-bottom:50px;}
	
.sub-toptext {}
.sub-toptext h2 {color:#fff; text-align:left; font-size:48px; line-height:1.1; font-weight:900;}
.sub-toptext > p.sub-tit {font-size:24px; line-height:1.1; color:#fff; font-weight:300; margin-top:10px;}
.sub-toptext > p.sub-tit .empha {color:var(--base4);}
.sub-toptext > p {font-size:17px; font-weight:500; color:rgba(255,255,255,0.5); text-align:left; position:relative; margin-top:30px;}
.site-route {color:#fff;}
.site-route>p {font-weight:700; font-size:24px; position:relative; height:100%; display:flex; align-items:center; justify-content:center; border-top:5px solid var(--base1); box-sizing: border-box;}
/*.site-route>p:before {content:""; display:block; width:30px; height:3px; position:absolute; top:-12px; left:2px; border-radius:3px; background:var(--green);}*/
.site-route ul {display:flex; align-items:center; font-size:14px; font-weight:500; color:#000;}
.site-route ul li {position:relative; font-size:16px; font-weight:600; color:#fff; text-transform:uppercase;}
.site-route ul li+li {padding-left:23px; }
.site-route ul li+li:before {content:""; display:block; width:3px; height:3px; position:absolute; top:11px; left:10px; background:#fff; border-radius:50%;}
.contents .site-routeWrap {width: calc(100% - 520px); position:relative;}
.contents .site-routeWrap:after {content:""; display:block; width:100%; position:absolute; bottom:11px; border:1px solid rgba(255,255,255,0.2);}
.black_header_Bg {height:120px; background:#000;}

/*footer*/
footer .footer-sitemap {display:flex; justify-content:space-between; gap:70px; color:#fff; max-width:1420px; margin:0 auto;}
footer .footer-sitemap .depth1_bx p {font-weight:600; font-size:18px;}
footer .footer-sitemap .depth1_bx ul {margin-top:10px;}
footer .footer-sitemap .depth1_bx ul li+li {margin-top:5px;}
footer .footer-sitemap .depth1_bx a {color:rgba(255,255,255,1); font-size:16px; font-weight:300;}
footer .footer-sitemap .depth1_bx a:hover {color:var(--base3);}
footer .footer-wrap {padding:70px 0; border-top:1px solid rgba(255,255,255,0.1); background:url(/images/common/footer-bg.png) no-repeat left -20% / 475px;}
footer .footer-wrap .left {color:#fff;}
footer .footer-wrap .left h2 {font-size:20px; font-weight:700; line-height:1.6;}
footer .infoWrap {font-size:16px;}
footer .infoWrap ul {margin-top:10px;}
footer .infoWrap ul li {line-height:1.8; color:rgba(255,255,255,0.8); font-weight:300;}
footer .infoWrap ul li span+span {padding-left:15px;}
footer .infoWrap ul li+li {margin-top:2px;}
footer .infoWrap p {color:rgba(255,255,255,0.8); margin-top:2px;}
footer .infoWrap a {color:rgba(255,255,255,0.8);}

footer .footer-info .right {display:flex; gap:75px;}
footer .footer-wrap .right .f-site {position:relative; width:200px;}
footer .footer-wrap .right .f-site > a {display:block; position:relative; color:#fff; font-size:16px; font-weight:300; background-color:var(--base2); height:45px; line-height:45px; padding:0 20px; white-space:nowrap; border-radius:5px;} 
footer .footer-wrap .right .f-site ul {z-index:99; position:absolute; bottom:100%; width:100%; border:1px solid #e5e5e5; font-size:14px; overflow:hidden; border-radius:10px; margin-bottom:0;}
footer .footer-wrap .right .f-site ul li a {display:block; background:#fff; padding:12px 20px; color:#000;}
footer .footer-wrap .right .f-site ul li a:hover {background:#f5f5f5;}
footer .footer-wrap .right .f-site ul li+li a {border-top:1px solid #e5e5e5;}
footer .footer-wrap .right .f-site > a .arrow-updown {position:absolute; right:20px; top:45%; transition:all 0.3s; width:10px; height:5px; background:url(/images/common/f-site-arrow.png) no-repeat center/cover;}
footer .footer-wrap .right .f-site > a .arrow-updown.on {transform:rotate(180deg);}
footer .footer-wrap .right .f-site a:last-child {margin-right:0;}
footer .footer-wrap .right .f-site a:last-child:after {display:none;}

footer .footer-info {display:flex; justify-content:space-between; margin:0 auto; gap:30px;}
footer .footer-info .left {display:flex; gap:20px;}


/* 개인정보취급방침 팝업 */ 
.privacyPopup {display:none; position:fixed; left:50%; top:50%; transform:translate(-50%, -50%); width:100%; max-width:700px; padding:30px!important; background-color:#fff; z-index:99999; border-radius:20px; text-align:left; overflow:hidden; box-sizing:border-box;}
.privacyPopOverlay {display:none; position:fixed; left:0; top:0; width:100%; height:100%;
background-color: rgba(0, 0, 0, 0.5); z-index: 9999;}
.privacyPopup a.closeBtn {position:absolute; right:25px; top:25px; font-weight:800; font-size:18px; z-index:99; background:url(/images/common/icon_close.png) no-repeat center / 20px; width:25px; height:25px;}
.privacyPopup .txt {display:block; word-break:keep-all; color:#000; transform:var(--textRotate);}
.privacyPopup .txt h3 {font-size:24px; margin-bottom:20px;}
.privacyPopup .txt pre {background:#f5f5f5; font-family:'Pretendard'; padding-right:15px;} 
.privacyPopup .term_bx {border:1px solid #ddd; padding:20px; border-radius:10px; background:#f5f5f5; padding-right:15px;}
.privacyPopup .inner_scroll {height:200px; overflow:auto;}

.chat_fix {position:fixed; bottom:30px; right:30px; width:auto; height:auto; z-index:99999;    transition:all 0.3s;}
.chat_fix li a {display:flex; gap:10px; justify-content:center; align-items:center; text-align:center; color:#000; background: #ffd304; padding:7px 10px 7px 20px;  box-shadow: rgba(0, 0, 0, 0.35) 0px 5px 15px; border-radius:2rem;}
.chat_fix li a:hover {background:#323c5b; color:#ffd304;}
.chat_fix img {width:45px; order:2;}
.chat_fix img.mob {display:none;}
.chat_fix li span {display:block; font-size:16px; font-weight:600;}


/* ************************ 데스크탑 (1249~) ************************ */
@media screen and (min-width: 1249px), print {

	html,body {min-width:1200px;}
	.mobile {display:none !important;}
	
	
	/*헤더**/
	header {z-index:999; position:absolute; width:100%; min-width:1200px; top:0; left:0; height:120px; background:ease-gradient(to bottom, rgba(0,0,0,.7), transparent);}
	header .head {width:90vw; margin:0 auto; position:relative;}
	header .head h1 {position:absolute; z-index:99999; left:0; top:30px;}
	header .head h1 a {}
	header .head h1 a img {max-width:433px; width:100%;}

	/*header aside {}*/
	header .sideBtn {position:absolute; right:0; top:45px; z-index:99999;}
	header .sideBtn a {color:#fff; font-weight:600; font-size:14px;}
	header .sideBtn a+a {margin-left:30px;}
	header .sideBtn a.on {color:#000;}
	header .sideBtn a.home {text-transform:uppercase;}
	
	/*gnb*/
	nav.mobile {visibility:hidden;}
	nav.pc {z-index:99; position:absolute; display:block; width:100%; overflow:hidden; height:120px;}
	nav.pc:hover {border-bottom:0;/*box-shadow:0px 5px 5px rgba(0,0,0,.08) !important;*/}
	nav.pc .navbg {
		position:absolute; left:0; top:0; width:100%; height:100%; background:rgba(0,0,0,0);
		transition:all .3s ease !important; -webkit-transition:all .3s ease !important; -moz-transition:all .3s ease !important;
		
	}
	nav.pc.on .navbg {background:rgba(255,255,255,1); }
	nav.pc .navbg .dep1 { display : none; position: absolute;
    width: 100%; height: 120px; }
	nav.pc.on .navbg .dep1 { display : block; transition : all 2s ease; border-bottom:1px solid #e0e0e0;}
	/*nav.pc .navbg .dep2 {position:absolute; height:calc(100% - 120px); background-color:var(--base1); width:calc(100% - 95vw); bottom:0; }*/

	nav.pc .wrap {z-index:1300; position:relative; display:block; max-width:1400px; height:120px; margin:0 auto;}

	nav.pc .gnb {/*padding-left:270px;*/ position:relative; width: 100%; max-width:90vw; margin:0 auto; letter-spacing:0; }
	nav.pc .gnb a.on {color:var(--blue);}
	nav.pc .gnb > ul { display:flex; justify-content:center; padding-left:5vw;}
	nav.pc .gnb>ul>li {position:relative; padding-top:40px; padding-right:6vw;}
	nav.pc .gnb>ul>li:last-child {padding-right:0!important;}
	nav.pc .gnb>ul>li>a {display:block; position : relative; color:#fff; font-size:24px; font-weight:500;}
	nav.pc.sub .gnb>ul>li>a {color:#fff;}
	nav.pc .gnb>ul>li>a span {font-size:14px; font-weight:400; padding-left:5px;}
	nav.pc.on .gnb>ul>li>a span {color:#999;}
	nav.pc.on .gnb>ul>li>a:hover span {color:var(--base1);}
	nav.pc.on .gnb>ul>li.on>a, nav.pc.on .gnb>ul>li.on>a span {color:var(--base1)!important;}
	nav.pc.on .gnb>ul>li.on>a:after {border-bottom:2px solid var(--base1)!important;}
	nav.pc .gnb>ul>li>a:after { position: absolute; content:""; display: block; border-bottom: 2px solid var(--base1); transition:width 250ms ease-out; left: 0; right: auto; width:0;}
	nav.pc .gnb>ul>li>a:hover {color:var(--base1)!important;}
	nav.pc .gnb>ul>li>a:hover:after, nav.pc .gnb>ul>li.on>a:after {width:100%;}
	nav.pc .gnb>ul>li.on>a:after {border-bottom: 2px solid #fff;}
	/*nav.pc.on .gnb>ul>li.on>a:after{border-color:#000;}*/
	/* nav.pc .gnb>ul>li>a:hover {color:#fff;} */
	nav.pc .gnb>ul>li>ul {
		position:absolute; top:100px; left:0; width:100% !important;padding:30px 0 60px;
		transition:all .3s ease !important; -webkit-transition:all .3s ease !important; -moz-transition:all .3s ease !important;
	}
	nav.pc.on .gnb>ul>li>ul {top:140px;}
	nav.pc .gnb>ul>li>ul>li>a {position: relative;display: inline-block; color:#000; letter-spacing:-.5px; font-size:18px; font-weight:300; white-space: nowrap;}
	nav.pc .gnb>ul>li>ul>li>a span {font-size:14px; color:#999; padding-left:5px;}
	nav.pc .gnb>ul>li>ul>li.on>a span {color:var(--base1);}
	nav.pc .gnb>ul>li>ul>li>a:hover {color:var(--base1)!important;}
	nav.pc .gnb>ul>li>ul>li>a:hover span {color:var(--base1);}
	nav.pc .gnb>ul>li>ul>li>a:after { position: absolute; content:""; display: block; border-bottom: 2px solid var(--base1); transition: width 250ms ease-out; left: auto; right: 0; width:0;}
	nav.pc .gnb>ul>li>ul>li>a:before { position: absolute; content:""; display: block; width: 0px; height : 0px; left : -7px; top : 40%; background:var(--base1)!important }
	nav.pc .gnb>ul>li>ul>li>a:hover:after,
	nav.pc .gnb>ul>li>ul>li.on>a:after{width: 100%; left: 0; right: auto;}
	nav.pc .gnb>ul>li>ul>li+li a {margin-top:15px;}
	
	nav.pc .gnb>ul>li>ul>li.on a {color:var(--base1)!important; font-weight:400;}
	@keyframes wide {
	  from {transform:scaleX(0);}
	  to {transform:scaleX(1);}
	}

	/* lnb */
	.lnb {bottom:0; left:0; width:100%; height:80px; background:#fff; border-bottom:1px solid #e5e5e5; box-sizing:border-box;}
	.lnb.products {display:none;}
	
	.lnb .lnb-wrap {display:flex; align-items:center; position:relative; height:100%; width: 100%; max-width : 1400px; margin : 0 auto; justify-content:space-between; background:#fff; }
	/*.lnb .lnb-wrap:before {content:""; display:block; width:8%; position:absolute; height:calc(100% + 1px); left:-8%; bottom:-1px; background:#fff; border-radius:20px 0 0 0;}
	.lnb .lnb-wrap:after {content:""; display:block; width:100vw; height:calc(100% + 1px); background:#fff; position:absolute; left:100%; bottom:-1px; }*/
	/*.lnb .lnb-wrap>* {float:left;}*/
	.lnb .lnb-wrap a {font-size:16px; color:#000;}
	.lnb .lnb-wrap h3 {background:var(--green); color:#fff; font-weight:500; height:100%; padding:20px 30px; box-sizing:border-box; font-size:18px;}
	.lnb .lnb-wrap .home {display:block; width:30px; height:30px; font-weight:300; background:#fff url(../images/common/lnb-home.svg) no-repeat center / 15px; border-radius:50%; border:1px solid #e5e5e5; text-indent:-9999px;}	
	.lnb .lnb-wrap .lnb-depth {position:relative; display:flex; align-items:center; gap:60px;}
	.lnb .lnb-wrap .lnb-depth h2 {white-space:nowrap; font-size:24px; font-weight:700; position:relative;}
	.lnb .lnb-wrap .lnb-depth h2:before {content:""; display:block; width:5px; height:18px; background:#000; position:absolute; top:3px; right:-30px;}
	.lnb .lnb-wrap .lnb-depth .onmenu {display:block; font-size:16px; font-weight:400; color:#000; cursor:pointer; line-height:60px; background:url(../images/common/lnb_arrow.png)100% center no-repeat}
	.lnb .lnb-wrap .lnb-depth.dep2 .onmenu { color : var(--base); background:url(../images/common/lnb_arrow2.png)100% center no-repeat; }
	.lnb .lnb-wrap .lnb-depth>ul {display:flex; width:100%; gap:60px; height: 70px; align-items:center;}
	.lnb .lnb-wrap .lnb-depth>ul li{position:relative;}
	.lnb .lnb-wrap .lnb-depth>ul li+li:before {content:""; display:block; width:1px; height:20px; border-radius:50%; background:#d9d9d9; position:absolute; left:-30px; top:50%; transform:translateY(-50%);}
	.lnb .lnb-wrap .lnb-depth>ul li:last-child {border-bottom:none;}
	.lnb .lnb-wrap .lnb-depth>ul li a {display:block; padding:21.5px 0; color:#000; text-align:center; font-size:18px;}
	.lnb .lnb-wrap .lnb-depth>ul li:hover a {opacity:1; }
	.lnb .lnb-wrap .lnb-depth>ul li+li:before {content:""; display:block; }
	.lnb .lnb-wrap .lnb-depth>ul li.on a {position:relative; color:var(--base1); font-weight:600;}
	.lnb .lnb-wrap .lnb-depth>ul li.on a:after {content:""; display:block; position:absolute; width:100%; height:2px; background:var(--base1); bottom:19px;}
	.lnb .lnb-wrap .lnb-depth.on>ul { display:block;}
	.lnb #gotop {position:absolute; right:0; top:50%; transform:translateY(-50%); display:block; width:83px; line-height:42px; font-size:12px; font-weight:600; background:#EFEFEF url(/images/common/i-top_arrow.svg) no-repeat 55px center / 10px; text-align:center; opacity:1 !important;border:1px solid #efefef; border-radius:40px; padding-right:15px;}
	.lnb #gotop:hover {background:#fff url(/images/common/i-top_arrow_hover.svg) no-repeat 55px center / 10px; color:var(--base1);}
	
	.lnb.fixOn {position:sticky; width:100%; z-index:1000 !important; top:0 !important; background:rgba(0,0,0,1);}
	.lnb.fixOn {background:#fff; box-shadow: rgba(33, 35, 38, 0.1) 0px 15px 10px -10px;}
	.lnb.fixOn .lnb-wrap {border-bottom:0;}
	.lnb.fixOn .lnb-wrap:before, .lnb.fixOn .lnb-wrap:after {bottom:0;}
	/*컨텐츠*/
	.contents {color:#666;}
	
	.contents-wrap {padding:80px 0!important; margin:0px auto!important; max-width:100%;}
	.w90vw {width:90vw; margin:0 auto!important; max-width:100%;}
	.w1400 {max-width:1400px; margin:0 auto!important; width:100%;}
	
	/*footer*/
	footer {clear:both; background-color:var(--bg2); color:#999; position:relative; z-index:9; box-sizing:border-box;}
	footer .wrap {position:relative; width:100%; padding:0; }
	footer .wrap>* {padding:0; margin:0;}
	footer address {font-size:16px; display:flex; justify-content: space-between;}
	footer address ul {width:100%;}
	footer address ul p {margin-bottom:2px;}
	footer address ul li+li {margin-top:20px;}
	footer address span {display:inline-block; padding-right:10px;}
	footer address a {color:#999 !important;}
	footer aside {width:330px; font-size:12px; text-align:right !important;}
	footer aside b a {color:#fff !important;}
	
	
}

/** gnb 부분수정 **/
@media screen and (max-width: 1500px), print { 
header .head h1 a img {max-width:350px; width:15vw;}
nav.pc .gnb>ul>li>a {font-size:20px;}
nav.pc .gnb>ul>li>ul>li>a {font-size:16px;}
}

/* ************************ 태블릿 이하(~1249) ************************ */
@media screen and (max-width: 1249px) {
	body {font-size:17px;}
	.pc {display:none !important;}
	
	.w90vw { max-width:100%;}
	
	/*헤더*/
	header {position:absolute; left:0; top:0; width:100%; z-index:999; height:70px; background:ease-gradient(to bottom, rgba(0,0,0,.7), transparent);}
	header .head {}
	header .head .gnbView {position:absolute; right:0; top:0; width:70px; height:70px; background:url(../images/common/menu.png)center /22px no-repeat ;}
	header .head .gnbView img {}
	header .head h1 {display:inline-block;}
	header .head h1 a {height:70px; display:flex; align-items:center; padding-left:30px; transform:translateY(3px);}
	header .head h1 a img {height:45px; width:auto;}
	.black_header_Bg {height:60px;}

	/*gnb*/
	nav.mobile {z-index:9999; position:fixed; top:0; width:50%; min-width:320px; height:100%; overflow:hidden; box-shadow:0 !important; background:#fff;}
	nav.mobile .closeWrap {position:relative; height:60px;border-bottom: 1px solid rgba(0,0,0,.15); overflow:hidden; font-weight : 500;}
	nav.mobile .closeWrap .gnbClose {display:block; width:60px; height:60px; background:url(../images/common/icon_close.png)center no-repeat; background-size:20px; border-left:1px solid rgba(0,0,0,.15); float:right;}
	nav.mobile .closeWrap .home-link {display:flex; align-items:center; height:60px; font-size:12px; padding-left:17px; width:60px; border-right:1px solid #ddd;}
	nav.mobile .closeWrap .home-link img {width:25px;}
	
	.gnbCover {z-index:9998; position:fixed; left:0; top:0; display:none; width:100%; height:100%; background:rgba(0,0,0,.5);}

	nav.mobile .gnb {position:relative; width:100%; height:100%!important; overflow-y:auto; text-align:left !important; font-weight : 400; padding-bottom:60px;}
	nav.mobile .gnb * {width:100% !important;}
	/* nav.mobile .gnb .home {display:block; width:100%; background-color:#f0f0f0; padding:12px 20px; border-bottom:1px solid #333;} */
	nav.mobile .gnb>ul>li {clear:both; position:relative; border-bottom:1px solid #e5e5e5;}
	nav.mobile .gnb>ul>li>a {display:block; padding:20px; font-size:17px;}
	nav.mobile .gnb>ul>li>a span {font-size:14px; color:#999; padding-left:5px;}
	nav.mobile .gnb>ul>li.on {border-color:var(--base1);}
	nav.mobile .gnb>ul>li.on>a {background:var(--base1); color:#fff;}
	nav.mobile .gnb>ul>li.on>a span {color:#fff;}
	nav.mobile .gnb>ul>li>ul {display:none;}
	nav.mobile .gnb>ul>li>ul>li {position:relative;border-top: 1px solid #eee;}
	nav.mobile .gnb>ul>li>ul>li a {display:block; padding:15px 40px; font-size:15px; color:#000; letter-spacing:-.8px;background:#fff;}
	nav.mobile .gnb>ul>li>ul>li a span {font-size:14px; color:#999; padding-left:5px;}
	nav.mobile .gnb>ul>li>ul>li:last-child a {border-color:#e0e0e0;}
	nav.mobile .gnb>ul>li>ul>li a:hover {color:#000; background-color:#f5f5f5;}
	nav.mobile .gnb>ul>li>ul>li.on a {color:var(--base1); font-weight:700;}
	nav.mobile .gnb>ul>li>ul>li.on a span {color:var(--base1);}
	nav.mobile .gnb>.side {display:none;}
	
	header .closeWrap a.inquire {display:inline-block; background-color:var(--base1); width:100px; height:40px; text-align:center; line-height:40px; color:#fff; border-radius: 3rem; margin:10px;}
	header .closeWrap a.call {display:flex; justify-content: center; align-items: center; width: 40px; height:40px; border-radius:50%; position:absolute; top:10px; left:120px; background:var(--base1);}

	.sub-toptext h1 {font-size:45px;}
	.sub-toptext > p.sub-tit {font-size:45px;}
	.sub-toptext > p {font-size:16px;}
	.site-route {}
	.site-route>p {font-size:20px; border-top:3px solid var(--base1);}
	
	/*footer*/
	footer {background-color:var(--bg2); color:#999; text-align:left; position:relative; z-index:9; }
	footer ul li {margin-bottom:15px;}
	footer .wrap {position:relative; width:100%; padding:0;}
	footer .wrap>* {padding:0; margin:0;}
	footer address {font-size:14px;}
	footer address span {display:inline-block; padding-right:10px;}
	
	footer .footer-sitemap {margin:0;}
	footer .footer-wrap {padding:50px 30px 50px;}
	footer .footer-info { flex-direction:column;}
	footer .footer-info .right {width:100%; justify-content:space-between;}
	footer .footer-wrap .left {order:2;}
	
	/* lnb */
	.lnb {
		position:relative; height:30vh; opacity:0;
		background-position:center; background-repeat:no-repeat; background-size:cover;
	}
	.contents .lnbWrap {top:40%; padding:0 30px;}
	.sub-toptext > p.sub-tit {font-size:20px;}
	.sub-toptext h2 {font-size:36px;}
	.contents .site-routeWrap {width: calc(100% - 450px);}
	
	/*컨텐츠*/
	.contents {position:relative; color: #666;}
	
	.contents-wrap {width:100%; padding:60px 20px 60px; max-width:100%;}
	
	.contents .wrapper {width:100%; padding:50px 0;}
	/*.contents h2 {font-size:24px; font-weight:500; letter-spacing:-1px; line-height:1.2; color:#323c5b;}*/
	.contents .part1 {padding-top:60px; height:60vh;}
	
	a.gotop {position:fixed; right:10px; bottom:60px; display:block; width:40px; height:40px; background:#fff url(../images/common/i-gotop.png) no-repeat center; line-height:1; border-radius:50%; border:2px solid #000; text-indent:-999px; overflow:hidden; box-shadow:5px 5px 10px rgba(0,0,0,.2);}
	
	

	.sub-visual {position:relative; width:100%; height:300px;}
	/*.sub-visual .cover { display : block; position : absolute; background : rgba(0,0,0,.4); width : 100%; height : 100%; top:0; }*/
	.sub-visual .sub-visual-wrap {position:absolute; display:flex; align-items:flex-end; width:100%; height:100%; left:50%; transform : translateX(-50%);}
	.sub-visual .sub-visual-text {padding-left:30px;}
	.sub-visual .sub-visual-text h2 {position:relative; font-size:30px; font-weight:800; letter-spacing:-.5px; color:#fff; z-index : 5;}
	.sub-visual .sub-visual-text h2:before {}
	.sub-visual .sub-visual-text p {font-size:16px; font-weight:400; color:#fff; position:relative; margin-top:10px; line-height:1.2;}
	.sub-visual-wrap .site-route {padding-right:30px;}
	
	body .contents {padding:80px 30px;}
	body .contents.vision {padding-bottom:0; padding-right:0; padding-left:0;}
	body .contents.products {padding:60px 30px;}
	body .contents.products-view {padding:80px 30px;}
	.contents-wrap {padding:50px 20px 50px!important;}
	/*.contents h2 { font-weight:500; font-size : 20px; color : #000; }
	.contents h2 span { display: inline-block;
    width: 15px; height: 21px; border-radius: 5px;
    background: #434867; transform: translateY(5px); margin-right: 15px;}*/
}
/* ************************ 모바일 (0~991) ************************ */
@media screen and (max-width: 991px) {

.sub-visual {height:240px;}	
.contents .lnbWrap {top:auto; bottom:50px;}
.sub-visual-wrap .site-route {padding-bottom:40px;}
.sub-visual .sub-visual-text {padding-bottom:40px;}
.sub-visual .sub-visual-text h2 {font-size:24px;}
.sub-visual .sub-visual-text p {margin-top:10px;}


footer {font-size:14px;}

footer .footer-sitemap {gap:50px; }
footer .footer-info {}
footer .footer-logo img {width:40px;}
footer .footer-wrap .left h2 {font-size:18px;}
footer .infoWrap {font-size:15px;}
footer .infoWrap ul {margin-top:5px;}
footer .footer-wrap .right {}
footer .footer-sitemap {padding:0;}
footer .footer-wrap {padding:40px 30px;}
footer .footer-wrap {background-size:250px;}
}


/* ************************ 모바일 (0~767) ************************ */
@media screen and (max-width: 767px) {
    body {font-size:16px;}
	
	
	/*header {height:50px;} 
	header .head h1 a {height:50px;}*/
	header .head h1 a {padding-left:20px;}
	header .head h1 a img {height:40px;} 
	.sub-visual {height:200px;}
	.sub-visual-wrap .site-route {padding-bottom:30px; padding-left:20px;}
	.sub-visual .sub-visual-text {padding-bottom:40px; padding-left:20px;}
    .sub-visual .sub-visual-text h2 {font-size: 22px;}
	.sub-visual .sub-visual-text p {font-size:16px;}
	.sub-visual .sub-visual-text p:before {top:-8px;}
	.contents-wrap {padding:40px 20px 50px!important;}
	body .contents {padding:40px 20px 50px;} 
	body .contents.products {padding:50px 20px;}
	body .contents.products-view {padding:60px 20px;}
	.contents .lnbWrap {height:auto; flex-direction:column; align-items: flex-start; bottom:0; padding:0 20px;}
	.sub-visual .sub-visual-wrap {flex-direction:column; align-items:flex-start; justify-content: flex-end; gap:15px;}
	
	.site-route ul li {font-size:15px;}
	
	.contents .sub-toptext {width:100%; padding:0;}
	.contents .site-routeWrap {width:100%;}
	.contents .site-routeWrap:after {display:none;}
	.sub-toptext h2 {font-size:24px;}
	.sub-toptext > p.sub-tit {font-size:16px; line-height:1.6;}
	/*footer*/
  
	footer .footer-sitemap {display:grid; grid-template-columns:repeat(3,1fr); row-gap:30px;}
	footer .footer-sitemap {order:2;}
	footer .footer-sitemap .depth1_bx p {font-size:16px;}
	footer .footer-sitemap .depth1_bx a {font-size:14px;}
	footer .footer-wrap {padding:40px 30px;}
	footer .infoWrap ul li {line-height:1.4;}
	footer .infoWrap ul li+li {margin-top:5px;} 
	footer .infoWrap ul li span {display:block;}
	footer .infoWrap ul li span+span {padding-left:0; padding-top:3px;}
	footer .infoWrap p {margin-top:5px;}
	
	footer .footer-wrap .right {flex-direction:column; gap:30px;}
	footer .footer-wrap .right .f-site {max-width:500px; width:100%;}
	footer .footer-wrap .right .f-site > a {font-size:15px;}
	
	
	.privacyPopup {width:95%;}
	.privacyPopup .txt h3 {font-size:20px;}
	
	.chat_fix {position:fixed; bottom:20px; right:20px; height:auto; background:none; z-index:99999; padding:0px; box-shadow:none; width:60px; }
	.chat_fix li a {display:flex; flex-direction:column; justify-content:center; align-items:flex-end; text-align:center; color:#000; padding:0;}
	.chat_fix img.pc_tab {display:none;}
	.chat_fix img.mob {display:block; width:100%; box-shadow: rgba(0, 0, 0, 0.35) 0px 5px 15px; border-radius: 50%;}
	.chat_fix li span {display:none;}
}

/* ************************ 모바일 (0~500) ************************ */
@media screen and (max-width:500px) { 
 header .head h1 a {padding-left:20px;}
 header .head h1 a img {height:35px;}
 .sub-visual .sub-visual-text {}
.sub-visual .sub-visual-text h2 {}
.sub-visual .sub-visual-text p {font-size:15px;}

footer .footer-sitemap {display:grid; grid-template-columns:repeat(2,1fr); row-gap:30px;}
footer .depth1_bx {}
footer .footer-wrap .left {flex-direction:column; gap:10px;}

.contents .part1 {height:600px;}
body .contents.products {padding:40px 20px;}
}