@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:'NEXON Lv2 Gothic', sans-serif !important; font-size:16px; font-weight:400; line-height:1.6; color:#000; word-break:keep-all;}
button {cursor:pointer;}


/* 네이비 색 조정이 많아서 */
.bgNavy {background-color:#323c5b; color:#fff;}
.c_red {color:red;}
.c_acc {color:#323c5b;}


:root {
	--base:#e39300;
    --navy:#262e41;
    --line:#e7e9ec;
    --f_ridi:'ridibatang';
}

/* lnb 세팅 */
/*.lnb.intro {background-image:url(../images/common/intro_top_bg.webp);}
.lnb.business {background-image:url(../images/common/subtop_brand.jpg);}
.lnb.item {background-image:url(../images/common/subtop_product.jpg);}
.lnb.community {background-image:url(../images/common/subtop_notice.jpg);}*/

.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);}
	}


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

	html,body {}
	.mobile {display:none !important;}

	/*헤더**/
	header {z-index:999; position:absolute; width:100%; top:0; left:0; height:180px; background:ease-gradient(to bottom, rgba(0,0,0,.7), transparent);}
	header .head {max-width:1400px; width:100%; margin:0 auto; position:relative;}
	header .head h1 {position:absolute; z-index:99999; left:0; top:50px;}
	header .head h1 a {}
	header .head h1 a img {}

	header aside {position:absolute; right:0; top:63px; z-index:999; overflow:hidden;}
	header aside>* {float:left;}
	header aside .lang {}
	header aside .lang>a {padding-left:24px; padding-bottom:4px; font-size:12px; display:block; color:#fff; border-bottom:2px solid #fff; position:relative; font-weight:600; text-transform:uppercase; transform:rotate(0.03deg);}
	header aside .lang>a i {position:absolute; top:3px; left:0;}
	header aside .lang>a img {position:absolute; top:6px; left:0;}
	header aside .lang ul {display:none;}
	header aside .lang>a.on+ul {display:block;}
	header aside .lang ul li {border:1px solid #fff;}
	header aside .lang ul a {color:#fff; font-size:12px; margin-left:10px;}
	header aside .lang ul a:hover {border-bottom:1px solid #fff;}
	header aside .sitemap_btn {margin-left:40px; font-size:24px; transform:translateY(-3px); }
	header aside .sitemap_btn a {color:#fff; font-weight:300; }
	header aside .sitemap_btn a img {width:25px; transform:translateY(-3px);}
	header aside .sideBtn {margin-left:40px; overflow:hidden;}
	/*22-04-18:스마트스토어 링크추가*/
	header aside .sideBtn a.smartstore {}
	header aside .sideBtn a.blog {}

	/*gnb*/
	nav.mobile {visibility:hidden;}
	nav.pc {z-index:99; position:absolute; display:block; width:100%; overflow:hidden;}
	nav.pc:hover {border-bottom:0; box-shadow:rgba(0, 0, 0, 0.45) 0px 25px 20px -20px;}
	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:100px;}
	nav.pc.on .navbg .dep1 {display:block; border-bottom:1px solid transparent; transition:all 2s ease;}
	nav.pc .navbg .dep2 {position:absolute; height:100%; background-color:#fff;}

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

	nav.pc .gnb {padding-left:110px; position:relative; width:100%; max-width:1400px; max-width:100%; margin:0 auto; letter-spacing:0;}
	nav.pc .gnb a.on {color:#bd0b4a;}
	nav.pc .gnb > ul {display:flex; justify-content:center; }
	nav.pc .gnb>ul>li {position:relative; padding-top:60px;}
	nav.pc .gnb>ul>li>a {display:block; position:relative; color:#fff; font-size:20px; font-weight:600; transform:rotate(0.03deg);}
	nav.pc .gnb>ul>li.on>a {color:#fff;}
	nav.pc .gnb>ul>li>a:hover {color:#4169e0!important;}
	nav.pc .gnb>ul>li>a:after {position:absolute; content:""; display:block; border-bottom:2px solid #4169e0; transition:width 250ms ease-out; left:auto; right:0; width:0;}
	nav.pc .gnb>ul>li>a:hover:after{width:100%; left:0; right:auto;}
	nav.pc .gnb>ul>li.on>a:after{width:100%; left:0; right:auto; border-color:#fff;}
	nav.pc.on .gnb>ul>li.on>a:after{border-color:#4169e0;}
	/* nav.pc .gnb>ul>li>a:hover {color:#fff;} */
	nav.pc .gnb>ul>li>ul {
		position:absolute; top:90px; 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:100px;}
	nav.pc .gnb>ul>li>ul>li>a {position:relative;display:inline-block; color:#fff; font-size:16px; color:#000 !important;}
	nav.pc .gnb>ul>li>ul>li>a:hover {color:#4169e0!important; }
	nav.pc .gnb>ul>li>ul>li>a:hover:after,
	nav.pc .gnb>ul>li>ul>li>a:hover:before,
	nav.pc .gnb>ul>li>ul>li+li a {margin-top:13px;}
	nav.pc .gnb>ul>li>ul>li>a:after {position:absolute; content:""; display:block; border-bottom:1px solid #4169e0; transition:width 250ms ease-out; left:auto; right:0; bottom:0px; width:0;}
	nav.pc .gnb>ul>li>ul>li>a:hover:after{width:100%; left:0; bottom:0px; right:auto;}
	nav.pc .gnb>ul>li>ul>li.on>a:after{width:100%; bottom:0px; left:0; right:auto; border-color:#fff; border-bottom:1px solid #4169e0;}


	nav.pc .gnb>ul>li>ul>li.on>a {color:#4169e0!important;}
	@keyframes wide {
	  from {transform:scaleX(0);}
	  to {transform:scaleX(1);}
	}


	/*footer*/
  footer {position:relative; padding:55px 20px; background:#f3f3f7; color:#666; font-size:15px; z-index:2;}
	footer .footer-wrap {position:relative;}
	footer .footer-info {position:relative; display:flex; gap:20px;}
  footer .footer-info div h2 {}
  footer address span {margin-right:10px;}
	footer p span {margin-right:10px;}
	footer .copy {margin-top:10px;}
	footer .footer-wrap .footer_btn {position:relative; width:230px;}
	footer .footer-wrap .footer_btn > a {display:block; position:relative; padding:12px 50px 12px 20px; border:1px solid #e5e5e5; color:#666; white-space:nowrap;
    font-size:15px; border-radius:0!important; background-color:#fff; clear:both; order:1;}
	footer .footer-wrap .footer_btn ul {z-index:99; position:absolute; bottom:106px; width:100%; border:1px solid #e5e5e5; border-bottom:none;}
	footer .footer-wrap .footer_btn ul li a {display:block; background:#fff; padding:10px 20px; }
	footer .footer-wrap .footer_btn ul li a:hover {background:#8b8b8b; color:#fff;}
	footer .footer-wrap .footer_btn ul li+li a {border-top:1px solid #e5e5e5;}
	footer .footer-wrap .footer_btn > a i {position:absolute; right:20px; top:36%; transition:all 0.3s; font-size:12px;}
	footer .footer-wrap .footer_btn > a img {position:absolute; right:20px; top:41%; transition:all 0.3s; font-size:12px;}
	footer .footer-wrap .footer_btn > a i.on {transform:rotate(180deg);}
	footer .footer-wrap .footer_btn > a img.on {transform:rotate(180deg);}

	footer .footer-wrap .footer_btn a:last-child {margin-right:0;}
	footer .footer-wrap .footer_btn a:last-child:after {display:none;}
	

	.sub-visual {position:relative; width:100%; height:400px;}
	.sub-visual .sub-visual-wrap {position:absolute; display:table; max-width:1400px; width:100%; height:100%; left:50%; transform:translateX(-50%);}
	.sub-visual .sub-visual-text {display:table-cell; vertical-align:middle;}
	.sub-visual .sub-visual-text h2 {font-size:48px; padding-top:45px; font-weight:500; letter-spacing:0.5px; color:#fff; text-align:center; z-index:5; transform:rotate(0.03deg); font-weight:800;}
	.sub-visual .sub-visual-text p {position:relative; padding-top:15px; font-size:16px; font-weight:400; color:#fff; letter-spacing:0.5px; text-align:center; padding-top:10px; transform:rotate(0.03deg);}

	.sub-visual.intro {background:url(../images/include/dep01_bg.webp); background-position:50%; background-repeat:no-repeat; background-size:cover;}
	.sub-visual.business {background:url(../images/include/dep02_bg.webp); background-position:50%; background-repeat:no-repeat; background-size:cover;}
	.sub-visual.perform {background:url(../images/include/dep03_bg.webp); background-position:50%; background-repeat:no-repeat; background-size:cover;}
	.sub-visual.research {background:url(../images/include/dep04_bg.webp); background-position:50%; background-repeat:no-repeat; background-size:cover;}
	.sub-visual.community {background:url(../images/include/dep05_bg.webp); background-position:50%; background-repeat:no-repeat; background-size:cover;}


	/* lnb */
	.lnb {position:absolute; top:310px; left:50%; transform:translateX(-50%); max-width:1400px; height:70px; background:#fff;
    width:100%; }
	.lnb .lnb-wrap {position:relative; height:100%; width:100%; width:1400px; margin:0 auto;}
	.lnb .lnb-wrap>* {float:left;}
	.lnb .lnb-wrap:after {clear:both; content:''; display:block;}
	.lnb .lnb-wrap a {font-size:18px; color:#000;}
	.lnb .lnb-wrap .home {display:block; font-weight:600; text-align:center; font-size:12px; line-height:70px; padding:0 50px; transform:rotate(0.03deg); background:#4169e0; color:#fff;}
	.lnb .lnb-wrap .home img {margin-right:9px; transform:translateY(-2px);}
	.lnb .lnb-wrap .lnb-depth {position:relative;}
	.lnb .lnb-wrap .lnb-depth.depth01 {margin-left:20px;}
	.lnb .lnb-wrap .lnb-depth .onmenu {display:block; font-size:20px; font-weight:400; color:#000; cursor:pointer; line-height:70px; background:url(../images/common/lnb_arrow_right.png)100% center no-repeat; padding-right:40px;}
	.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; align-items:center; left:0; top:45px; width:100%; border-top:none; z-index:999;  padding:13px 0; border-radius:20px; margin-left:25px;}
	.lnb.business .lnb-wrap .lnb-depth>ul {padding:0; align-items:center;}
	.lnb .lnb-wrap .lnb-depth.depth01>ul{display:none;}
	.lnb .lnb-wrap .lnb-depth>ul li{margin:0 26px; position:relative;}
	.lnb .lnb-wrap .lnb-depth>ul li:after {content:""; display:block; width:1px; height:14px; background:#d0d0d0; position:absolute; right:-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:last-child:after {display:none;}
	.lnb .lnb-wrap .lnb-depth>ul li a {display:block; padding:7.5px 0; font-weight:600; color:#000; text-align:center; transform:rotate(0.03deg);}
	.lnb .lnb-wrap .lnb-depth>ul li.on a {position:relative; color:#4169e0; }
	.lnb .lnb-wrap .lnb-depth>ul li.on a:after {content:""; position:absolute; bottom:6px; left:0; width:100%; height:3px; background:#4169e0; }
	.lnb .lnb-wrap .lnb-depth.on>ul {display:block;}
	.lnb #gotop {position:absolute; right:30px; top:0; display:block;
    height:100%; font-size:11px; background:url(../images/common/i-gotop.png) no-repeat left 31px; text-align:center; opacity:1 !important;font-weight:700; width:75px; transform:rotate(0.03deg); line-height:70px;}

	.lnb.fixOn {position:fixed; width:100%; z-index:1000 !important; top:0 !important; box-shadow:0 3px 3px rgba(0,0,0,.05); background:#fff; max-width:none;}

	/* 페이지 서브타이틀 */
	.preface {width:100%; border-bottom:1px solid #e5e6ec; padding:90px 0 15px;}
	.preface .wrap {display:flex; justify-content:space-between; margin:0 auto; width:100%; max-width:1400px;}
	.preface .wrap:after, .preface .wrap:before {display:none;}
	.preface .tit {display:flex;}
	.preface .tit h3 {font-weight:800; transform:rotate(0.03deg); color:#000; font-size:36px; margin-right:23px;}
	.preface .tit p {position:relative; font-size:16px; transform:rotate(0.03deg); color:#666; line-height:3.4;}
	.preface .tit p:before {content:""; display:block; width:12px; height:3px; background:#000; position:absolute; top:4px; }
	.preface .tit p span {font-weight:600; color:#000; }
	.preface ul {display:flex; align-items:center; font-size:15px; color:#666;}
	.preface ul li+li {position:relative; padding-left:25px;}
	.preface ul li+li:before {content:""; display:block; width:6px; height:2px; background:#b4b4b4; position:absolute; left:10px; top:10px;}

	/*컨텐츠*/
	.contents {color:#000; font-size:18px;}

	.contents-wrap {max-width:1400px; padding:100px 0 ; margin:0px auto; width:1400px;}
	.contents-wrap.location {padding:50px 0 100px;}
	.contents-wrap.overview {padding:150px 0;}
	.contents-wrap.technology {padding:50px 0 100px;}
	.perform .contents-wrap {padding:50px 0 100px;}
	.community .contents-wrap {padding:50px 0 100px;}
	.w1400 {max-width:1400px; margin:0 auto; width:100%;}

}


/* ************************ 태블릿 이하(~1023) ************************ */
@media screen and (max-width:1023px) {

	.pc {display:none !important;}

	/*헤더*/
	header {position:absolute; left:0; top:0; width:100%; z-index:999; height:60px; background:ease-gradient(to bottom, rgba(0,0,0,.7), transparent);}
	header .head {}
	header .head .gnbView {position:absolute; right:0; top:0; width:60px; height:60px; background:url(../images/common/icon_gnbView.png)center /22px no-repeat ;}
	header .head .gnbView img {}
	header .head h1 {}
	header .head h1 a {height:60px; display:flex; align-items:center; padding-left:20px;}
	header .head h1 a img {height:30px;}


	/*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; font-family:'NEXON Lv2 Gothic';}
	nav.mobile .closeWrap {position:relative; height:60px;border-bottom:1px solid rgba(0,0,0,.15); overflow:hidden; font-weight:700;}
	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 .link {float:left; padding:0 20px;line-height:60px; font-size:12px;}
	nav.mobile .closeWrap .link+.link {padding-left:0;}
	.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%; overflow-y:auto; text-align:left !important; font-weight:500;}
	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.on {border-color:#4169e0;}
	nav.mobile .gnb>ul>li.on>a {background:#4169e0; 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; transform:rotate(0.03deg);}
	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:#4169e0; font-weight:600;}
	nav.mobile .gnb>.side {display:none;}


	/*footer*/
  footer {position:relative; padding:55px 20px; background:#f3f3f7; color:#666; font-size:15px; z-index:2;}
	footer .footer-wrap {position:relative;}
	footer .footer-info {position:relative; display:flex; gap:20px;}
  footer .footer-info div h2 {}
  footer address span {margin-right:10px;}
	footer p span {margin-right:10px;}
	footer .copy {margin-top:10px;}
	footer .footer-wrap .footer_btn {position:relative; width:230px;}
	footer .footer-wrap .footer_btn > a {display:block; position:relative; padding:12px 50px 12px 20px; border:1px solid #e5e5e5; color:#666;
    font-size:15px; border-radius:0!important; background-color:#fff; clear:both; order:1;}
	footer .footer-wrap .footer_btn ul {z-index:99; position:absolute; bottom:106px; width:100%; border:1px solid #e5e5e5; border-bottom:none;}
	footer .footer-wrap .footer_btn ul li a {display:block; background:#fff; padding:10px 20px; }
	footer .footer-wrap .footer_btn ul li a:hover {background:#8b8b8b; color:#fff;}
	footer .footer-wrap .footer_btn ul li+li a {border-top:1px solid #e5e5e5;}
	footer .footer-wrap .footer_btn > a i {position:absolute; right:20px; top:36%; transition:all 0.3s; font-size:12px;}
	footer .footer-wrap .footer_btn > a img {position:absolute; right:20px; top:41%; transition:all 0.3s; font-size:12px;}
	footer .footer-wrap .footer_btn > a i.on {transform:rotate(180deg);}
	footer .footer-wrap .footer_btn > a img.on {transform:rotate(180deg);}

	footer .footer-wrap .footer_btn a:last-child {margin-right:0;}
	footer .footer-wrap .footer_btn a:last-child:after {display:none;}


	/* lnb */
	.lnb {
		position:relative; height:30vh; opacity:0;
		background-position:center; background-repeat:no-repeat; background-size:cover;
	}
	.lnb.on {margin-top:0; opacity:1;}
	.lnb .cover {position:absolute; left:0; top:0; right:0; bottom:0; background:rgba(0,0,0,.0);}
	.lnb.on .cover {background:rgba(0,0,0,.4);}
	.lnb-wrap {position:relative; height:100%;}
	.lnb-wrap .titwrap {position:absolute; width:100%; bottom:7vh; font-weight:500; color:#fff; text-align:center;}
	.lnb-wrap .titwrap .tit {font-size:22px; letter-spacing:-1px;}
	.lnb-wrap .titwrap p {font-size:14px;}


	/*컨텐츠*/
	.contents {position:relative; color:#000; margin-top:0px;font-size:16px;}
	.contents-wrap {width:100%; padding:25px 30px 50px; 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; margin-bottom:0px; color:#323c5b;}


	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:25vh;}
	.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:table; width:100%; height:100%; left:50%; transform:translateX(-50%);}
	.sub-visual .sub-visual-text {display:table-cell; vertical-align:middle; padding-top:30px; transform:rotate(0.03deg);}
	.sub-visual .sub-visual-text h2 {font-size:36px; font-weight:800; letter-spacing:-.5px; color:#fff; text-align:center; z-index:5;}
	.sub-visual .sub-visual-text p {padding-top:10px; font-size:16px; font-weight:400; color:#fff; letter-spacing:-.5px; text-align:center;}

	/*.sub-visual.intro {background:url(../images/common/intro_top_bg.webp) no-repeat; background-size:cover; background-position:center;}
	.sub-visual.service {background:url(../images/common/service_top_bg.webp) no-repeat; background-size:cover; background-position:center;}
	.sub-visual.client {background:url(../images/common/client_top_bg.webp) no-repeat; background-size:cover; background-position:center;}
	.sub-visual.community {background:url(../images/common/community_top_bg.jpg) no-repeat; background-size:cover; background-position:center;}*/
	.sub-visual.intro {background:url(../images/include/dep01_bg.webp); background-position:50%; background-repeat:no-repeat; background-size:cover;}
	.sub-visual.business {background:url(../images/include/dep02_bg.webp); background-position:50%; background-repeat:no-repeat; background-size:cover;}
	.sub-visual.perform {background:url(../images/include/dep03_bg.webp); background-position:50%; background-repeat:no-repeat; background-size:cover;}
	.sub-visual.research {background:url(../images/include/dep04_bg.webp); background-position:50%; background-repeat:no-repeat; background-size:cover;}
	.sub-visual.community {background:url(../images/include/dep05_bg.webp); background-position:50%; background-repeat:no-repeat; background-size:cover;}

	/* 페이지 서브타이틀 */
	.preface {width:100%; border-bottom:none; padding:30px 30px 0px;}
	.preface .wrap {display:flex; justify-content:flex-end; margin:0 auto; width:100%; max-width:1400px;}
	.preface .wrap:after, .preface .wrap:before {display:none;}
	.preface .tit {display:flex; display:none; }
	.preface .tit h3 {font-weight:800; transform:rotate(0.03deg); color:#000; font-size:24px; margin-right:23px;}
	.preface .tit p {position:relative; font-size:16px; transform:rotate(0.03deg); color:#666; line-height:3.4; display:none;}
	.preface .tit p:before {content:""; display:block; width:12px; height:3px; background:#000; position:absolute; top:4px; }
	.preface .tit p span {font-weight:600; color:#000; }
	.preface ul {display:flex; align-items:center; font-size:15px; color:#666;}
	.preface ul li+li {position:relative; padding-left:25px;}
	.preface ul li+li:before {content:""; display:block; width:6px; height:2px; background:#b4b4b4; position:absolute; left:10px; top:10px;}



}


/* ************************ 모바일 (0~767) ************************ */
@media screen and (max-width:767px) {
  body {font-family:'NEXON Lv2 Gothic';}

  .sub-visual .sub-visual-text h2 {font-size:24px;}

  .preface ul {display:flex; align-items:start; font-size:15px; color:#666;}
  
	/*footer*/
  footer {position:relative; padding:0; background:#f3f3f7; color:#666; font-size:13px; z-index:2;}
	footer .footer-wrap {position:relative;}
	footer .footer-wrap .head {padding:20px;}
	footer .footer-wrap .footer-address {padding:0 20px 20px;}
	footer .footer-info {position:relative; display:flex; flex-direction:column; gap:0;}
  footer address span {margin-right:10px;}
	footer p span {margin-right:10px;}
	footer .copy {margin-top:10px;}
	footer .footer-wrap .footer_btn {order:-1; position:relative; width:100%;}
	footer .footer-wrap .footer_btn > a {display:block; position:relative; padding:12px 50px 12px 20px; border:1px solid #ddd; color:#666;
    font-size:15px; border-radius:0!important; background-color:#fff; clear:both; order:1;  border-left:0; border-right:0;}
	footer .footer-wrap .footer_btn ul {z-index:99; position:absolute; bottom:50px; width:100%; border:1px solid #e5e5e5; border-bottom:none;}
	footer .footer-wrap .footer_btn ul li a {display:block; background:#fff; padding:10px 20px; }
	footer .footer-wrap .footer_btn ul li a:hover {background:#8b8b8b; color:#fff;}
	footer .footer-wrap .footer_btn ul li+li a {border-top:1px solid #e5e5e5;}
	footer .footer-wrap .footer_btn > a i {position:absolute; right:20px; top:36%; transition:all 0.3s; font-size:12px;}
	footer .footer-wrap .footer_btn > a i.on {transform:rotate(180deg);}

	footer .footer-wrap .footer_btn a:last-child {margin-right:0;}
	footer .footer-wrap .footer_btn a:last-child:after {display:none;}
}