@charset "utf-8";

@import url("layout.css");
@import url("main_style.css");
@import url("sub_style.css");

.webSiteBtn{display: inline-block !important;margin-left:30px; color:#00a4f7; padding-right:25px;background: url('/images/common/icon_link.png') no-repeat right center}
.m-only.webSiteBtn{display: none !important}

.contents-inner {clear:both;padding:0 35px;}

#Header {position:fixed;left:0;top:0;width:100%;height:88px;z-index:500;}
#Header .header-inner {position:relative;height:88px;z-index:500;}
.header-inner h1 {position:absolute;left:36px;top:50%;width:106px;height:47px;margin-top:-24px;}
.header-inner h1 > a {display:block;overflow:hidden;width:100%;height:100%;text-indent:-999em;background:url(/images/common/logoW.png) center top no-repeat;background-size:cover;}
.fp-viewing-About #Header, .fp-viewing-Biz #Header, .fp-viewing-Customer #Header, .fp-viewing-4 #Header{background: #fff}
.fp-viewing-About .header-inner h1 > a {background:url(/images/common/logoG.png) center top no-repeat;background-size:cover;}
.fp-viewing-Biz .header-inner h1 > a {background:url(/images/common/logoG.png) center top no-repeat;background-size:cover;}
.fp-viewing-Customer .header-inner h1 > a {background:url(/images/common/logoG.png) center top no-repeat;background-size:cover;}
.fp-viewing-4 .header-inner h1 > a {background:url(/images/common/logoG.png) center top no-repeat;background-size:cover;}


.header-gnb.active {border-bottom:solid 1px rgba(255,255,255,0.2);}
#Gnb { height: 88px; max-width: 880px;margin: 0 auto;
    text-align: center;box-sizing: border-box;translate: .3s; float: right;position: relative;right: 6%;}

.gnb-dep01 > li {position:relative;float:left;width:200px;text-align:center;box-sizing:border-box;}
.gnb-dep01 > li > a {display:block;position:relative;line-height:88px;font-size:1.15em;font-weight:400;color:#fff;}
:lang(en) .gnb-dep01 > li > a {font-size:1.056em;}
.gnb-dep01 > li > a.on,
.gnb-dep01 > li > a:hover,
.gnb-dep01 > li:hover > a {color:#2cb693;}
.gnb-dep01 > li > a:after {content:"";position:absolute;left:50%;bottom:-1px;width:0;height:3px;background:#2cb693;transform:translateX(-50%);transition:.3s;}
.gnb-dep01 > li .gnb-dep02-div {overflow:hidden;width:100%;height:0;opacity:1;}
.gnb-dep01 > li > a.on:after, .gnb-dep01 > li > a:hover::after, .gnb-dep01 > li:hover > a:after {width:100%;}
.gnb-dep02 {position:absolute;top:89px;left:0;overflow:hidden;width:100%;height:0;box-sizing:border-box;}
.gnb-dep02.active{padding-top:25px;}
.gnb-dep02 li {position:relative;top:9px;line-height:1.5em;padding:5px 0 12px;color:#fff;opacity:0;}
.gnb-dep02 > li > a {display:inline-block;position:relative;font-size:1em; line-height: 1.4em}
.gnb-dep02 > li > a.on,
.gnb-dep02 > li > a:hover {color:#2cb693;}
.gnb-dep02 > li > a:after {content:"";position:absolute;left:50%;bottom:0;width:0;height:1px;background:#2cb693;transition:all 0.3s ease;-webkit-transition:all 0.2s ease;-moz-transition:all 0.2s ease;transform:translateX(-50%);}
.gnb-dep02 > li > a:hover::after {width:100%;}
.gnb-dep02 > li > a .newW:after {margin-left:5px;transform:scale(0.75);vertical-align:middle;}
.gnb-dep02 > li > a:hover .newW:after {background-position:center -40px;}
.subGnbBack {position:absolute;left:0;top:0;width:100%;height:0;background:rgba(0,0,0,0.5);opacity:0;z-index:10;}
.subGnbBack.active{height:411px !important;opacity:1;}


.header-util {position:absolute;right:36px;top:50%;margin-top:-20px;z-index:600;}
.fixed .header-util{right:0;}


.header-util > div {float:left;position:relative;height:100%;}
.header-util button {position:relative;overflow:hidden;width:40px;height:40px;text-indent:-999em;background:transparent;}

.header-language {position: absolute;width: 100px;height: 100px;right: 180px;top: 0;z-index: 999;}
.header-language .lang {position: absolute;width: 100%;right: 0;top:0;}
.header-language .lang a{display: block; }
.header-language .lang a span{position: relative;display: block;color: #fff;text-align: center;}
.header-language .lang a span.t{display: inline-block;padding:6px 50px 6px 66px; background: rgba(255,255,255,.3) url('/en/images/common/lang.png') no-repeat 30px center; border-radius: 50px}
.header-language .lang > a span em{display: block;position: absolute;right: 30px;top: 20px;margin-left: 5px;width: 9px;height: 5px;background-repeat: no-repeat;background-image: url('/en/images/common/w_down.png');transition:transform .2s ease-in-out; -webkit-transition:transform .2s ease-in-out;}
.header-language .lang > a.on span em {transform:rotate(180deg);-webkit-transform:rotate(180deg);}
.header-language .lang ul{padding:0;margin-top: 8px;margin-left:12px;width:120px;height: 0;overflow: hidden;transition:all .2s ease-in-out;-webkit-transition:all .2s ease-in-out;border: 1px solid #fff;background-color:rgba(255,255,255,.1); display: none}
.header-language .lang > a.on + ul {height: auto; display: block;}
.header-language .lang ul li a span {line-height: 35px; }
.header-language .lang ul li a:hover span { background: #fff; color: #111;}

.header-util > .header-menu span {position:absolute;right:6px;top:50%;width:20px;height:2px;margin-top:-1px;background:#fff;}
.header-util > .header-menu span:before, .header-util > .header-menu span:after {content:"";position:absolute;right:0;width:24px;height:2px;background:#fff;}
.header-util > .header-menu span:before {top:-8px;}
.header-util > .header-menu span:after {top:8px;}
.header-txt {line-height:40px;margin-left:12px;font-size:1.25em;color:#fff;}

.fp-viewing-About .header-gnb, .fp-viewing-Biz .header-gnb, .fp-viewing-Customer .header-gnb, .fp-viewing-4 .header-gnb{background:rgba(255,255,255,1); border-bottom:1px solid #ccc}
.fp-viewing-About .gnb-dep01 > li > a, .fp-viewing-Biz .gnb-dep01 > li > a, .fp-viewing-Customer .gnb-dep01 > li > a, .fp-viewing-4 .gnb-dep01 > li > a{color:#111}
.fp-viewing-About .header-gnb.active, .fp-viewing-Biz .header-gnb.active, .fp-viewing-Customer .header-gnb.active, .fp-viewing-4 .header-gnb.active {border-bottom:solid 1px rgba(0,0,0,0.1);}


.fp-viewing-About .header-language .lang a span.t, .fp-viewing-Biz .header-language .lang a span.t, .fp-viewing-Customer .header-language .lang a span.t, .fp-viewing-4 .header-language .lang a span.t{background: #111 url('/en/images/common/lang.png') no-repeat 30px center; color:#fff}
.fp-viewing-About .header-language .lang ul, .fp-viewing-Biz .header-language .lang ul, .fp-viewing-Customer .header-language .lang ul, .fp-viewing-4 .header-language .lang ul{background: #fff;border: 1px solid #111}
.fp-viewing-About .header-language .lang a span, .fp-viewing-Biz .header-language .lang a span, .fp-viewing-Customer .header-language .lang a span, .fp-viewing-4 .header-language .lang a span{color:#111}
.fp-viewing-About .header-util > .header-menu span, .fp-viewing-Biz .header-util > .header-menu span, .fp-viewing-Customer .header-util > .header-menu span, .fp-viewing-4 .header-util > .header-menu span {background:#111;}
.fp-viewing-About .header-util > .header-menu span:before, .fp-viewing-About .header-util > .header-menu span:after {background:#111;}
.fp-viewing-Biz .header-util > .header-menu span:before, .fp-viewing-Biz .header-util > .header-menu span:after {background:#111;}
.fp-viewing-Customer .header-util > .header-menu span:before, .fp-viewing-Customer .header-util > .header-menu span:after {background:#111;}
.fp-viewing-4 .header-util > .header-menu span:before, .fp-viewing-4 .header-util > .header-menu span:after {background:#111;}
.fp-viewing-About .header-language .lang ul li a:hover span {color:#fff;text-decoration:none;background:#111}
.fp-viewing-Biz .header-language .lang ul li a:hover span {color:#fff;text-decoration:none;background:#111;}
.fp-viewing-Customer .header-language .lang ul li a:hover span {color:#fff;text-decoration:none;background:#111;}
.fp-viewing-4 .header-language .lang ul li a:hover span {color:#fff;text-decoration:none;background:#111;}
.fp-viewing-About .subGnbBack, .fp-viewing-Biz .subGnbBack, .fp-viewing-Customer .subGnbBack, .fp-viewing-4 .subGnbBack {background:rgba(255,255,255,1);border-bottom:solid 1px #ddd}
.fp-viewing-About .gnb-dep02 > li a, .fp-viewing-Biz .gnb-dep02 > li a, .fp-viewing-Customer .gnb-dep02 > li a, .fp-viewing-4 .gnb-dep02 > li a {color:#232324;}

/** [s] sub gnb **/
.subWrap #Header {transition:all .5s;}
.subWrap .header-inner {border-bottom:solid 1px #ddd;box-sizing:border-box;}
.subWrap .header-inner h1 > a {background:url(/images/common/logoG.png) center top no-repeat;background-size:cover;}
.header-gnb{height: 88px;}
.subWrap .header-gnb {background:#fff;}
.subWrap .header-gnb.active {border-bottom:solid 1px rgba(0,0,0,0.1);}

.subWrap .gnb-dep01 > li > a {color:#000;}
.subWrap .gnb-dep01 > li > a.on,
.subWrap .gnb-dep01 > li > a:hover,
.subWrap .gnb-dep01 > li:hover > a {color:#2cb693;}
.subWrap .gnb-dep01 > li > a:after {background:#2cb693;}
.subWrap .gnb-dep01 > li .gnb-dep02-div{display:none;height:402px;width:100%;border-left:solid 1px rgba(0,0,0,0.1);}

.subWrap .gnb-dep01 > li:first-child .gnb-dep02-div {border-left:0;}
.subWrap .gnb-dep02 {position:relative;top:auto;overflow:hidden;width:100%;height:auto;box-sizing:border-box;}
.subWrap .gnb-dep02 > li {position:relative;top:auto;line-height:1.5em;color:#111;opacity:1;}
.subWrap .gnb-dep02 > li > a.on,
.subWrap .gnb-dep02 > li > a:hover {color:#2cb693;}
.subWrap .gnb-dep02 > li > a:after {background:#2cb693;}
.subWrap .gnb-dep02 > li > a .newW:after ,
.subWrap .gnb-dep02 > li > a:hover .newW:after {background-position:center -80px;opacity:0.7;}

.subWrap .subGnbBack {transition:all .2s;border-bottom:solid 1px #ddd;background:#fff;opacity:1;z-index:10;}
.subWrap .subGnbBack.active{height:411px !important;}

.subWrap .header-language .lang a span.t{ background: #232324 url(/en/images/common/lang.png) no-repeat 30px center;color: #fff;}
.subWrap .header-language .lang ul{background: #fff; border: 1px solid #232324;}
.subWrap .header-language .lang a span{color: #232324;}
.subWrap .header-util > .header-language button {background-image:url(/images/common/header_sub.png);}
.subWrap .header-txt {color:#232324;}
.subWrap .header-util > .header-menu span,
.subWrap .header-util > .header-menu span:before,
.subWrap .header-util > .header-menu span:after {background:#232324;}
.subWrap .header-language .lang ul li a:hover span {color:#fff;text-decoration:none;background:#232324;}


#totalGnb {position:fixed;right:0;top:0;width:100%;height:100%;background:#fff;opacity:0;transform:translateX(100%);transition:all .5s;z-index:900;}
#totalGnb.open {transform:translateX(0);opacity:1;}
#totalGnb .logo {position:absolute;left:34px;top:0;overflow:hidden;width:104px;height:88px;text-indent:-999em;background:#fff;z-index:10;}
#totalGnb .logo > span {display:block;position:absolute;left:0;top:50%;width:104px;height:52px;margin-top:-26px;background:url(/images/common/logoG.png) bottom center no-repeat;background-size:104px auto;}
#totalGnb .close {position:absolute;right:25px;top:15px;overflow:hidden;width:60px;height:60px;text-indent:-999em;background:transparent;transition:all 0.3s ease;z-index:10;}
#totalGnb .close > span {position:absolute;left:50%;top:50%;width:40px;height:40px;margin:-20px 0 0 -20px;transform:rotate(45deg);}
#totalGnb .close > span:before, #totalGnb .close > span:after {content:"";position:absolute;left:0;top:50%;width:100%;height:2px;margin-top:-1px;background:#000;}
#totalGnb .close > span:before {transform:rotate(90deg);}
#totalGnb .close:hover {transform:rotate(180deg);}
.totalGnbtitle{font-size: 30px;margin: 30px;font-weight: 500;}
.total-gnb-wrap {position:relative;overflow:hidden;height:100%;margin:0 auto;padding:80px 200px;box-sizing:border-box;}
.total-gnb-wrap .lang {display:block;position:absolute;right:140px;top:0;width:100%;line-height:70px;padding-right:15px;text-align:right;box-sizing:border-box;background:#fff;z-index:1;}
.total-gnb-wrap .lang a {display:inline-block;font-size:0.875em;}
.total-gnb-wrap .lang a:hover {color:#0018a8;}
.total-gnb-wrap .lang a + a:before {content:"";display:inline-block;width:1px;height:10px;margin:0 9px 0 5px;background:#ddd;}
.total-gnb-wrap .total-gnb-tbl {overflow-x:hidden;overflow-y:hidden;max-height:100%;}
.total-gnb-wrap .total-gnb-cell {padding:65px 0 0;box-sizing:border-box;display: flex;align-items: center;}
.total-gnb-wrap .total-gnb-cell h2 {display:flex;width:16%;padding-left:20px;color:#232324;box-sizing:border-box;font-size:2.2em;vertical-align:top;font-weight: 700;margin-right: 120px;}
.total-gnb-wrap .total-gnb-cell h2 + ul {display:inline-block;width:84%;margin-left:-5px;}
.uiWeb .total-gnb-wrap .total-gnb-cell h2 + ul {}
.total-gnb-wrap .total-gnb-cell li a {display:inline-block;position:relative;line-height: 1.2em;font-weight: 400;color: #828282;font-size: 1.25em;}
.total-gnb-wrap .total-gnb-cell li a:before {content:'';position:absolute;left:0;bottom:-3px;width:0;height:1px;background-color:#111;transition:.2s;}
.total-gnb-wrap .total-gnb-cell li a:hover { color:#2cb693;}
.total-gnb-wrap .total-gnb-cell .dep02 > li a:before {background-color:#666;}
.total-gnb-wrap .total-gnb-cell .dep01 > li {display:inline-block;font-size:1em;font-weight:500;    margin: 20px;vertical-align:top;color:#232324;}

.total-gnb-wrap .total-gnb-cell .dep02 {margin:20px 0 0 0;}
.total-gnb-wrap .total-gnb-cell .dep02 > li {font-weight:400;font-size:1.125rem;}
.total-gnb-wrap .total-gnb-cell .dep02 > li + li {margin-top:15px;}
.total-gnb-wrap .total-gnb-cell .dep03 {margin:15px 0 0 10px;}
.total-gnb-wrap .total-gnb-cell .dep03 > li {font-size:0.875rem;}
.total-gnb-wrap .total-gnb-cell .dep03 > li + li {margin-top:10px;}
.gnb-footer {position:absolute;left:0;bottom:0;width:100%;padding:30px 140px 30px 18px;text-align:right;box-sizing:border-box;z-index:1;}
.gnb-footer a {display:inline-block;}
.gnb-footer a.conTactUs{background: url('/en/images/common/icon_mail.png') no-repeat 0 center; padding-left:35px}
.gnb-footer a + a {margin-left:11px;}
.gnb-footer a + a:before {content:"";display:inline-block;width:1px;height:10px;margin:0 12px 0 0;background:#ccc;}
.gnb-footer a .new-window {text-align:left;}
.gnb-footer a.privacy {font-weight:bold;}

#totalDim {display:none;position:fixed;right:0;top:0;width:100%;height:100vh;background:#000;opacity:0.3;z-index:899;}
#totalGnb.open + #totalDim {display:block;}

#Footer {position:relative;clear:both;padding:49px 0;text-align:left;z-index:1;}
.footer-inner {position:relative;max-width:1200px;margin:0 auto;}
.footer-inner .logo {position:absolute;top:4px;left:0;overflow:hidden;width:106px;height:47px;font-size:0;background:url('/images/common/logoG.png') center top no-repeat;background-size:cover;}
.footer-inner .logo a{display: block}
.footer-text{padding-left:200px ;line-height: 1.5;}
.footer-famy {position:absolute;top:4px;right:0;padding-top:20px;}
#Footer{background: #fafafa}
.footer-adrr p {color:#777777}
.footer-adrr p strong{color:#acacac}
#Footer div.familysite { height: 25px;  position: absolute;  right: 0;   top: 0;  width: 179px;}
#Footer div.familysite a { border: 1px solid #666;   color: #888;   display: block;   font-size: 13px;   font-weight: 400;   height: 36px;   padding: 0 0 0 10px;   text-align: left;   width: 179px;position:relative;line-height:36px;vertical-align:middle}
#Footer div.familysite a  em {position:absolute;right:10px;top:14px;transform:rotate(180deg);-webkit-transform:rotate(180deg);background: url("/images/common/icon_arA.png") no-repeat ; display:inline-block;width:14px;height:7px;;transition:transform .2s ease-in-out; -webkit-transition:transform .2s ease-in-out;vertical-align:middle}
#Footer div.familysite a.hide {border-top:2px solid #fff}
#Footer div.familysite a.hide em{transform:rotate(0deg);-webkit-transform:rotate(0deg); }
#Footer div.familysite div { background: #fff;  border: 1px solid #666;  bottom: 23px;  height: 160px;  left: 0;  overflow-y: auto;overflow-x:hidden;  padding: 10px 0 10px 9px;  position: absolute;;transition:all .2s ease-in-out;-webkit-transition:all .2s ease-in-out;   width: 180px;  z-index: 9999;border-bottom:1px dashed #ccc}
#Footer div.familysite div a { color: #232324; display: block;border:none; font-size: 13px; padding: 0 0 0 12px;height:auto;line-height:28px}
#Footer div.familysite div a.hide{border-top:none}
#Footer div.familysite div .title {font-weight: 600;display: block;text-align:left}


#back-top{position:fixed;bottom:210px;right:0;margin-right:15px;z-index:3;display:none;cursor:pointer;background:url("/images/common/top_btn.png") no-repeat scroll center center #ffffff;font-size:0;box-sizing:border-box;border:1px solid #dbdbdb;width:50px;height:50px;opacity:0.8;text-align:center;text-indent:-1000px;border-radius: 10px;}


.new-window {display:inline-block;position:relative;width:11px;height:9px;margin-left:7px;text-indent:-999em;box-sizing:border-box;vertical-align:middle;background: url('/images/common/icon_newindow_w.png') no-repeat 0 0}
.fp-viewing-About .new-window, .fp-viewing-Biz .new-window, .fp-viewing-Customer .new-window, .fp-viewing-4 .new-window{background: url('/images/common/icon_newindow_g.png') no-repeat 0 0}
.subWrap .new-window{background: url('/images/common/icon_newindow_g.png') no-repeat 0 0}
.gnb-dep02 > li > a:hover .new-window{background: url('/images/common/icon_newindow_c.png') no-repeat 0 0}

/* 견적문의버튼 */
.quotation_wrap{display: flex; justify-content: end;}
.quotation_wrap .text-wrapper{font-size:16px;color: #fff;background: #00A19A; display: flex;align-items: center;padding: 6px 18px;border-radius: 10px;}
.quotation_wrap .ep-arrow-left{ width: 20px;margin-left: 2px;}


@media all and (max-width:1460px) {
	.total-gnb-wrap {padding:180px 36px;}
	.total-gnb-wrap .lang {right:90px;}
	.gnb-footer {padding-right:36px;}
}

@media all and (max-width:1400px) {
	#Gnb {margin-right:240px;}
}

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

}

@media all and (max-width:1280px) {
	/* .header-util {right:32px;}
	#Gnb {max-width:760px;}
	.gnb-dep01 > li {width:20%;min-width:138px;max-width:152px;} */

	/* .subWrap #Header .header-inner {background:#fff;}
	.header-inner h1 {left:32px;}

	#totalGnb {width:400px;}
	#totalGnb .logo {display:none;}
	#totalGnb .close {right:auto;left:0;top:5px;width:45px;height:45px;z-index:2;}
	#totalGnb .close > span {width:30px;height:30px;margin:-15px 0 0 -15px;} */

	.total-gnb-wrap {padding:55px 0 58px 0;}
	.total-gnb-wrap .lang {right:10px;}
	.total-gnb-wrap .total-gnb-cell {padding:0;vertical-align:top;}
	.total-gnb-wrap .total-gnb-cell h2 {display:block;position:relative;line-height:3.25em;width:100%;padding:0 20px;font-size:1.25em;font-weight:400;}
	.total-gnb-wrap .total-gnb-cell h2 + ul {display:none;width:100%;margin:0;padding:20px 0 0;background:#efefef;}
	.total-gnb-wrap .total-gnb-cell h2:before, .total-gnb-wrap .total-gnb-cell h2:after {content:"";position:absolute;right:20px;top:50%;width:15px;height:1px;margin-top:-1px;background:#232324;transition:all .2s;}
	.total-gnb-wrap .total-gnb-cell h2:after {transform:rotate(90deg);}
	.total-gnb-wrap .total-gnb-cell h2.active:after {transform:rotate(0deg);}
	.total-gnb-wrap .total-gnb-cell .dep01 > li {display:block;line-height:2.0em;width:100%;font-size:1rem;font-weight:400;}
	.total-gnb-wrap .total-gnb-cell .dep01 > li a {display:block;padding:0 30px;}
	.total-gnb-wrap .total-gnb-cell .dep01 > li + li {margin-top:0;}
	.total-gnb-wrap .total-gnb-cell .dep02 {margin:0 0 0 20px;}
	.total-gnb-wrap .total-gnb-cell .dep02 > li {line-height:2em;font-weight:400;font-size:1.0rem;}
	.total-gnb-wrap .total-gnb-cell .dep02 > li + li {margin-top:0;}
	.total-gnb-wrap .total-gnb-cell li a:hover::before {width:0;}
	.gnb-footer {line-height:1.5em;padding:20px 10px;text-align:left;font-size:12px;}
	.gnb-footer a + a {margin-left:5px;}
	.gnb-footer a + a:before {margin-right:7px;vertical-align:middle;}
	.total-gnb-wrap .new-window {vertical-align:middle;}
	.total-gnb-wrap .total-gnb-cell .dep01 > li:nth-child(6), .total-gnb-wrap .total-gnb-cell .dep01 > li:nth-child(7) {margin-top:0;}
}

/* @media all and (max-width:1140px) {
	#Gnb {margin-left:134px;}
	.footer-inner .logo {  position: relative; width: 106px; margin:0 auto}
	.footer-text { padding: 0 15px; margin-top: 20px}
	.footer-famy {top: 70px;right:20px}
} */

@media all and (min-width:1081px) {
	.subGnbBack{top:88px;}
}

/* @media all and (max-width:1080px) {
	.contents-inner {clear:both;padding:0 30px;}

	#Header,
	#Header .header-inner {height:64px;}
	.header-gnb {display:none;height:64px;}
	.header-inner h1{left:16px;width:60px;height:27px;margin-top:-14px;}
	.header-util{right:10px;}
	.header-util > .header-language {display:none;}
	.header-util > .header-txt {position:fixed;left:74px;height:auto;}
	.header-txt strong {width:69px;height:16px;margin-top:15px;background-image:url(/en/images/common/ci_m.png);background-size:100% !important;background-position:center 0 !important;}
	.subWrap .header-txt strong{background-position:center -18px !important;}

	.total-gnb-wrap .lang {line-height:54px;}

	.footer-famy{display: none}
	.footer-text { text-align: center;}
  .webSiteBtn{display: block !important; margin-left:0}
} */

/* 모바일 */
@media screen and (max-width: 767px) {
	#Gnb {display: none;}
	#totalGnb {width:100%;}
	.fp-viewing-About #Header, .fp-viewing-Biz #Header{background: transparent}
	.fp-viewing-About .header-inner h1 > a {background:url(/images/common/logoG.png) center top no-repeat;background-size:cover;}
	.fp-viewing-Biz .header-inner h1 > a {background:url(/images/common/logoG.png) center top no-repeat;background-size:cover;}
	.fp-viewing-About .header-util > .header-menu span, .fp-viewing-Biz .header-util > .header-menu span {background:#232324;}
	.fp-viewing-About .header-util > .header-menu span:before, .fp-viewing-About .header-util > .header-menu span:after {background:#232324;}
	.fp-viewing-Biz .header-util > .header-menu span:before, .fp-viewing-Biz .header-util > .header-menu span:after {background:#232324;}

	.gnb-footer a {font-size:0.875em;letter-spacing:-0.01em;}
	.gnb-footer a + a {margin-left:2px;}
	.gnb-footer a + a:before {margin-right:5px;}


	.header-inner h1{ left: 16px;width: calc(73px + 2.1875vw);}
	.subWrap .header-inner h1 > a{height: 100%;
        width: 100%;}
	.footer-inner .logo {  position: relative; width: 106px; margin:0 0 0 16px;}
	.mobile-only {display:block;}
	.w-only {display:none;}
	.new-window {transform:scale(0.8);}
	.totalGnbtitle{display: none;}
	#totalGnb .close{  right: 0;left: unset;margin: 4px 10px;}
	.total-gnb-wrap{padding: 80px 0 58px 0;}
	.total-gnb-wrap .total-gnb-cell{display: flex;}
	.total-gnb-wrap .total-gnb-cell h2{ display: block;position: relative; line-height: 3.25em;width: 100%;padding: 0 20px;font-size: 1.25em; font-weight: 400; margin-right: 0;}
	.total-gnb-wrap .total-gnb-cell h2 + ul{padding: 20px 0 20px 0;background: rgba(0, 161, 154, 0.1059);
    flex-direction: column;row-gap: 2.66667vw;font-size: 4.26667vw;line-height: 6.4vw;}
	.total-gnb-wrap .total-gnb-cell{padding: 0;vertical-align: top;flex-direction: column;}
	.total-gnb-wrap .total-gnb-cell .dep01 > li{  padding: 6px 0;}
	.total-gnb-wrap .total-gnb-cell li a{font-size: 1em; line-height: 1.2em;}
	.quotation_wrap .text-wrapper{font-size: 1.1em;line-height: 1.3em;}
}

/* 태블릿 */
@media screen and (min-width: 768px) and (max-width: 1024px) {
	#Header,
	#Header .header-inner {height:64px;background-color: #fff;}
	.header-gnb {display:none;height:64px;}
	.header-inner h1{left:16px;width:60px;height:38px;margin-top:-14px;}
	.header-util{right:10px;}
	.header-util > .header-language {display:none;}
	.header-util > .header-txt {position:fixed;left:74px;height:auto;}
	.header-txt strong {width:69px;height:16px;margin-top:15px;background-image:url(/en/images/common/ci_m.png);background-size:100% !important;background-position:center 0 !important;}
	.subWrap .header-txt strong{background-position:center -18px !important;}
	.total-gnb-wrap .lang {line-height:54px;}
	.header-inner h1{ left: 16px;width: calc(67px + 2.1875vw);}
	.subWrap .header-inner h1 > a{height: 4.5vw;}
	.footer-inner .logo {  position: relative; width: 106px; margin:0 0 0 16px;}
	.mobile-only {display:block;}
	.w-only {display:none;}
	.new-window {transform:scale(0.8);}
	.totalGnbtitle{display: none;}
	#totalGnb .close{  right: 0;left: unset;margin: 4px 10px;}
	.total-gnb-wrap{padding: 80px 0 58px 0;}
	.total-gnb-wrap .total-gnb-cell{display: flex;}
	.total-gnb-wrap .total-gnb-cell h2{ display: block;position: relative; line-height: 4.25em;width: 100%;padding: 0 20px;font-size: 1.5em; font-weight: 400; margin-right: 0;}
	.total-gnb-wrap .total-gnb-cell h2 + ul{padding: 20px 0 20px 0;background: rgba(0, 161, 154, 0.1059);
    flex-direction: column;row-gap: 2.66667vw;font-size: 4.26667vw;line-height: 6.4vw;}
	.total-gnb-wrap .total-gnb-cell{padding: 0;vertical-align: top;flex-direction: column;}
	.total-gnb-wrap .total-gnb-cell .dep01 > li{  padding: 6px 0;}
	.total-gnb-wrap .total-gnb-cell li a{font-size: 1em; line-height: 1.2em;}
	.quotation_wrap .text-wrapper{font-size: 1.1em;line-height: 1.3em;}
	.img_intro{ width: 500px;max-width: 100%;height: auto;display: block;margin: 0 auto 30px;}
	.total-gnb-wrap .total-gnb-cell .dep01 > li{display: block;line-height: 2.0em; width: 100%; font-size: 1.3rem;font-weight: 400;}
	.footer-text{padding-left: 16px;line-height: 1.5; margin-top: 20px;font-size: 1.2em;}
	.footer-famy{position: absolute;top: 4px;right: 16px;padding-top: 20px;}
	#Footer{    padding: 30px 0;}
}

@media screen and (max-width: 767px) {
	.header-util{position: absolute;right: 13px;top: 40%;margin-top: -20px;z-index: 600}
	.footer-text{ padding-left: 18px;line-height: 1.5;margin-top: 4vh;}
	#totalGnb .close > span{    position: absolute;
		left: 88%;
		top: 50%;
		width: 20px;
		height: 20px;
		margin: -20px 0 0 -20px;
		transform: rotate(45deg);}

}