@charset "utf-8";

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

/* ******************** 공용 ******************** */

body {font-family:'SpoqaHanSansNeo' !important; font-size:16px; font-weight:400; line-height:1.6; letter-spacing:-.5px; color:#000; word-break:keep-all; min-width:1240px;}
body * {box-sizing:border-box;}

a {color:inherit; transition:all .3s ease; -webkit-transition:all .3s ease; -moz-transition:all .3s ease;}
select { 
	padding-right:40px !important;
    -webkit-appearance: none; /* 네이티브 외형 감추기 */ 
    -moz-appearance: none; 
    appearance: none;
     background: url(../images/common/select_arrow.png) no-repeat right 10px center; /* 화살표 모양의 이미지 */ 
} 
select::-ms-expand { display: none; } /* IE 10, 11의 네이티브 화살표 숨기기 */ 
select::focus {border:1px solid #3572c6; outline:none}

input[type='text'] { -webkit-appearance: none;}


/* 상단 배너 팝업 있을때 */
body.topOpen {}
body.topOpen header {padding-top:165px;}
body.topOpen header>.head {height:165px;}
body.topOpen .headerH {height:279px;}
body.topOpen .lnb.fixOn {top:164px !important;}
.topPopup {display:none;}
body.topOpen .topPopup {display:block; height:65px; position:relative;}
.topPopup .topPopupImg {height:100%;}
.topPopup .topPopupImg a {display:block; height:65px; background:#333949 url(../images/popup/topPopup.jpg)center no-repeat;}
.topPopup .topPopupBtn {position:absolute; left:50%; top:100%; width:1400px; margin:0 auto; text-align:right; transform:translateX(-50%);}
.topPopup .topPopupBtn a.close {display:inline-block; width:22px; height:22px; border:1px solid #7a7a7a;background:url(../images/common/i-close.jpg)center no-repeat;}
.topPopup .topPopupBtn a.close {}


header {position:absolute; left:0; top:0; padding-top:100px; width:100%; background:#fff; z-index:900000;}
header>.head {z-index:900001; position:fixed; top:0; height:100px; width:100%; background:#fff; border-bottom:1px solid #e5e5e5;}
header>.head .inner {display:table; width:1400px; margin:0 auto;}


header>.head .inner>* {display:table-cell; padding-top:23px; vertical-align:top;}


	/*넓이 각각 fix*/
	header>.inner>h1 {width:230px;}
	header>.inner>h1 img {height:52px;}
	header>.inner>aside.search {width:clac(100% - 230px - 440px - 292px); padding-top:30px;}
	header>.inner>aside.onlyIcon {width:292px; padding-top:33px; border:1px solid red;}


header aside.icon {padding-left:45px;}
header aside.icon ul {margin-top:7px;}
header aside.icon ul li {display:inline-block;}
header aside.icon ul li+li {margin-left:20px;}
header .inner2nd .allMenu {float:left; width:70px; height:60px; background:#000 url(../images/common/i-allMenu.png)center no-repeat;}
header .inner2nd .icon {float:left; overflow:hidden;padding-left:30px;}
header .inner2nd .icon li {float:left;}
header .inner2nd .icon li+li {margin-left:40px;}
header .inner2nd .icon a {
	display:block; font-size:17px; color:#fff; padding-left:25px; font-weight:400;
	background-position:left center; line-height:60px;
	background-repeat:no-repeat;
}
header .inner2nd .icon a.best {background-image:url(../images/common/i-best.png);}
header .inner2nd .icon a.sale {background-image:url(../images/common/i-sale.png);}
header .inner2nd .icon a.brand {background-image:url(../images/common/i-brand.png);}
header .inner2nd .icon a.refur {background-image:url(../images/common/i-refur.png);}

header>.inner2nd {width:100%; margin:0 auto; background:#3077c7;}
header>.inner2nd>div {width:1400px;  margin:0 auto; overflow:hidden;}
header>.inner2nd>div .icon {margin:0;}
header>.inner2nd>div .icon li+li {margin-left:40px;}
header>.inner2nd aside {float:right; vertical-align:top; font-weight:400; color:#fff; padding:0 25px; background:#000;}
header>.inner2nd aside>a {display:block; float:left; line-height:60px; padding:0 25px;}


header aside.search {padding-left:40px;}
header aside.search form {position:relative;}
header aside.search input {border:0; border-bottom:3px solid #3077c7; padding:0 55px 0 0; height:50px; line-height:45px; border-radius:0; font-size:18px; font-weight:400; color:#000;}
header aside.search input:focus {background-color:#fff !important; color:#000 !important;}
header aside.search a.btn {position:absolute; top:0; right:-10px; width:60px; height:45px; background:url(../images/common/i-search-black.png)no-repeat center; z-index:1; line-height:1;}
header aside.search input::-webkit-input-placeholder {color:#000 !important;} /*크롬,사파리*/
header aside.search input::-moz-placeholder {color:#000 !important;} /*파폭*/
header aside.search input::-ms-input-placeholder {color:#000 !important;} /*ie*/

header aside.onlyIcon {text-align:right;}
header aside.onlyIcon>* {display:inline-block; padding:7px 15px;}
header aside.onlyIcon>*:last-child {padding-right:0;}
header aside.onlyIcon .my {position:relative; cursor:pointer;}
header aside.onlyIcon .mycon {display:none; position:absolute; left:5px; top:45px; background:#fff; border:1px solid #e5e5e5; box-shadow:5px 5px 5px rgba(0,0,0,.05); border-radius:7px; overflow:hidden;}
header aside.onlyIcon .mycon.on {display:block;}
header aside.onlyIcon .mycon a {display:block; text-align:left; font-size:14px; font-weight:400; padding:10px 15px; white-space:nowrap;}
header aside.onlyIcon .mycon a+a {border-top:1px solid #f5f5f5;}
header aside.onlyIcon .mycon a:hover {color:#ff661a;}

.getAfterWrap {position:relative;}
.getAfterWrap span.getAfter {position:absolute; top:0; right:0; width:24px; height:24px; line-height:24px; background:#ff661a; color:#fff; border-radius:50%; font-size:11px; font-weight:500; text-align:center;}


/*검색어 입력시 나오는 화면*/
aside.search-word-after {
	position:absolute;
	padding : 5px 0 !important;
	top: 156px;
	left: calc(50% - 294px);
	background:#fff;
	width: 584px;
	min-height:380px;
	border:2px solid #3077c7;
	border-radius:10px;
	z-index:999999;
	display:none;
}
aside.search-word-after>.inner2 {display:table; width:100%; height:100%;}
aside.search-word-after>.inner2>div {display:table-cell; padding:30px 0; vertical-align:top;}
aside.search-word-after>.inner2>div.list1 {width:40%;}
aside.search-word-after>.inner2>div.list2 {width:50%; border-left:1px solid #ddd; overflow-y:auto;} 
aside.search-word-after>.inner2>div.list3 {width:60%; border-left:1px solid #ddd; overflow-y:auto;} 

aside.search-word-after .box {padding:0 30px;}
aside.search-word-after .box+.box {margin-top:20px; padding-top:20px; border-top:1px solid #ddd;}
aside.search-word-after .box h2 {font-size:18px; font-family:"NexonGothic"; font-weight:500;}
aside.search-word-after .box ul {margin-top:10px;}
aside.search-word-after .box ul li {padding-left:10px; position:relative;}
aside.search-word-after .box ul li:before {position:absolute; top:11px; left:0; width:2px; height:2px; background:#000; display:block; content:"";}
aside.search-word-after .box ul li a {font-size:15px; color:#666; transition:.3s;}
aside.search-word-after .box ul li a:hover {color:#000 !important;}
aside.search-word-after .box ul li a b {color:#1ba8be;}

aside.search-word-after .list2 {padding:20px 30px !important;}
aside.search-word-after .list2 ul li a:after {clear:both; display:block; content:"";}
aside.search-word-after .list2 ul li+li {margin-top:15px;}
aside.search-word-after .list2 ul li a>div {float:left; display:inline-block;}
aside.search-word-after .list2 ul li a>div.img {width:65px; height:65px; background-size:70% !important; border:1px solid #ddd; transition:.3s; padding:5px;}
aside.search-word-after .list2 ul li a>div.img  img {display:block; width:100%; height:100%;}
aside.search-word-after .list2 ul li a>div.con {width:calc(100% - 80px); font-size:14px; padding-left:10px;}
aside.search-word-after .list2 ul li a>div.con >*+* {margin-top:3px;}
aside.search-word-after .list2 ul li a>div.con .cate {color:#999;}
aside.search-word-after .list2 ul li a>div.con .name {color:#000; margin-top:-2px;}
aside.search-word-after .list2 ul li a>div.con .name span+span {padding-left:10px;}
aside.search-word-after .list2 ul li a>div.con .number {font-size:12px; color:#999;}
aside.search-word-after .list2 ul li a>div.con .price {color:#1ba8be; font-weight:700;}

aside.search-word-after .list2 ul li a:hover>div.img {border:1px solid #1ba8be;}


/*네비*/
nav {width:100%; overflow:hidden; background:#fff;}
nav.effect {
	transition:all .2s ease !important;
	-webkit-transition:all .2s ease !important;
	-moz-transition:all .2s ease !important;
	/* box-shadow:3px 3px 3px rgba(0,0,0,.05); */
}
nav .gnb {position:relative; width:100%; height:54px; border-bottom:1px solid #c9caca;}
nav .gnb a[name = "allmenu"] {position:absolute; left:-9999px;}
nav .gnb.on {background:#fff;}
nav .gnb>ul {position:relative; width:1400px; margin:0 auto;}
/* nav .gnb>ul>li {float:left; width:calc(100%/16); border-left:1px solid #e5e5e5;} */
nav .gnb>ul>li {float:left; width:calc(100%/16);}
/* nav .gnb>ul>li:last-child {border-right:1px solid #e5e5e5;} */


nav .gnb>ul>li>a {
	position:relative; display:inline-block; width:100%; font-size:16px; font-weight:500; color:#000; line-height:1; padding:19px 0; text-align:center;
	background-repeat:no-repeat;
	background-position:center 15px;
}
nav .gnb>ul>li>a:after {content:''; display:block; width:1px; height:16px; background:#c9caca; position:absolute; right:0; top:50%; transform:translateY(-50%);}
nav .gnb>ul>li:last-child>a:after {display:none;}
nav .gnb>ul>li>a:hover:before {position:absolute; display:block; content:""; bottom:0; width:100%; height:3px; background:#ff661a;}
nav .gnb>ul>li.on>a {color:#ff661a;}
nav .gnb>ul>li.on>a:before {position:absolute; display:block; content:""; bottom:0; width:100%; height:3px; background:#ff661a;}

nav .gnb>ul>li .wrap {display:none; position:absolute; left:0; top:54px; width:1400px; padding:20px 0; }
nav .gnb>ul>li.on .wrap {display:block; overflow:hidden;}
nav .gnb>ul>li .wrap>* {float:left; display:block; position:relative;}
nav .gnb>ul>li .wrap .list>li {float:left; display:inline-block; padding-right:50px;}
nav .gnb>ul>li .wrap .list>li>a {font-size:15px; color:#000; font-weight:400; padding-left:10px; position:relative;}
nav .gnb>ul>li .wrap .list>li>a:before {position:absolute; display:block; content:""; top:5px; left:0; width:2px; height:15px; background:#000;}
nav .gnb>ul>li .wrap .list .dep3 {text-align:left;}
nav .gnb>ul>li .wrap .list .dep3>li>a {font-size:15px; color:#666; font-weight:300; padding-left:10px;}
nav .gnb>ul>li .wrap .list .dep3>li>a:hover,
nav .gnb>ul>li .wrap .list .dep3>li>a.on {color:#ff661a;}

nav .gnb>ul>li.type-worktool ul.list>li {min-height:377px;}
nav .gnb>ul>li.type-worktool ul.list>li:nth-child(9)~li {min-height:auto; margin-top:50px;}
nav .gnb>ul>li.type-measure ul.list>li {min-height:254px;}
nav .gnb>ul>li.type-measure ul.list>li:nth-child(9)~li {min-height:auto; margin-top:50px;}

/*전체메뉴클릭시 나오는 화면*/
article.allMenu_list {
	width:1400px;
	position:absolute; height:500px;
	top:225px; left:calc(50% - 700px);
	background:#fff;
	z-index:90001;
	overflow-y:scroll;
	padding:0;
	box-shadow:0 10px 10px rgba(0,0,0,.1);
	border:1px solid #ddd;
	display:none;
}
	a.allMenu_list_close {width:50px; height:50px; position:absolute; top:225px; left:calc(50% + 700px); background:#000 url(../images/common/layerPop-x.png)no-repeat center; display:none; z-index:1;}
	
article.allMenu_list ul>li>a {color:#000;}
article.allMenu_list .gnb_all>ul:after {clear:both; display:block; content:"";}
article.allMenu_list .gnb_all>ul>li {float:left; display:inline-block; width:calc(100%/6); min-height:380px; padding:30px 20px; border-left:1px solid #eee; border-bottom:1px solid #eee;}
article.allMenu_list .gnb_all>ul>li:nth-child(6n+1) {border-left:0;}
article.allMenu_list .gnb_all>ul>li:last-child {border-right:1px solid #eee;}
article.allMenu_list .gnb_all>ul>li>a {font-size:17px; font-weight:500;}
article.allMenu_list .gnb_all>ul>li ul.list {margin-top:10px;}
article.allMenu_list .gnb_all>ul>li ul.list>li {padding-left:10px; position:relative;}
article.allMenu_list .gnb_all>ul>li ul.list>li:before {position:absolute; top:10px; left:3px; width:2px; height:2px; background:#000; display:block; content:"";}
article.allMenu_list .gnb_all>ul>li ul.list>li>a {font-size:15px; font-weight:400; color:#777; display:inline-block; width:100%;}
article.allMenu_list .gnb_all>ul>li ul.list>li>a:hover {color:#000;}

body.Main article.allMenu_list {width:1200px; top:243px; left:calc(50% - 600px);}
body.Main a.allMenu_list_close {top:243px; left:calc(50% + 600px);}


/*서브페이지 컨텐츠*/
.headerH {height:214px;}
/* section.contents {background:#efefef;} */
section.contents>.wrap {max-width:1400px; margin:0 auto; padding:15px 0 50px;}
section.contents>.wrap>ul.location {font-size:0;}
section.contents>.wrap>ul.location li {display:inline-block;}
section.contents>.wrap>ul.location li+li {padding-left:30px; background:url(../images/common/i-arrow-right.png)no-repeat 14px 4px;}
section.contents>.wrap>ul.location li span {display:block; font-size:14px; color:#666; line-height:1;}
section.contents>.wrap>.inner {padding-top:15px; position:relative; min-height:700px; overflow:hidden;}
section.contents>.wrap>.inner>.con {float:right; width:calc(100% - 240px); padding-left:20px;}

/* lnb */
#lnbCategory {width:240px; position:absolute; top:15px; left:calc(50% - 700px); background:#fff;}
#lnbCategory ul li a {font-weight:400;}
#lnbCategory>ul>li>a {padding:10px 20px; display:inline-block; width:100%; border:1px solid #ebecf0;}
#lnbCategory>ul>li+li {}
#lnbCategory>ul>li>a {background:#f9f9f9 url(../images/common/lnb-categoryOff.png)no-repeat 200px center;}
#lnbCategory>ul>li.on>a {background:#f9f9f9 url(../images/common/lnb-category.png)no-repeat 200px center;}
#lnbCategory ul.dep2 {border:1px solid #ebecf0; border-top:0; padding:10px 20px}
#lnbCategory.categoryBrand .dep2 {overflow-y:auto; max-height:350px; border:0; border-bottom:1px solid #e5e5e5;}/* 왼쪽 브랜드 나올 때 */
#lnbCategory ul.dep3 {margin-top:5px;}
#lnbCategory ul.dep3>li+li {margin-top:5px;}
#lnbCategory ul.dep3>li>a {font-size:15px; display:inline-block; width:100%; padding-left:10px; position:relative;}
#lnbCategory ul.dep3>li>a:before {
	content:""; display:block; position:absolute; left:3px; top:12px; width:2px; height:2px; background:#000;
}
#lnbCategory ul.dep3>li.on>a {color:#ff661a;}
#lnbCategory .dep3 a:hover {text-decoration:underline !important;}

#lnbCategory .left-banner {margin-top:10px;}
#lnbCategory .left-banner>div+div {margin-top:10px;}

.lnb.fixOn {position:fixed !important; z-index:700 !important; top:99px !important;  box-shadow:none !important;}
/* #lnbCategory.lnb.fixEnd {position:absolute !important; top:auto !important; bottom:0;} */

/* lnb-하단:브랜드검색 */
#lnbCategory>ul>li a+* {display:none;}
#lnbCategory>ul>li.on a+* {display:block;}

/* #lnbCategory .brandSearch {max-height:234px; overflow-y:auto;} */
#lnbCategory .brandSearch {
	height:calc((100vh - 165px - 60px - 54px - 44px - 48px*2 - 40px)/2); /*헤더-gnbBar-gnb-location-상단제목-하단*/
	overflow-y:auto; border-left:1px solid #c9caca; border-right:1px solid #c9caca;
}
#lnbCategory>ul>li:last-child .brandSearch {border-bottom:1px solid #c9caca;}
#lnbCategory .brandSearch .tit {font-size:15px; font-weight:400; color:#000;}
#lnbCategory .brandSearch ul.check-list {padding-top:10px !important; padding-right:30px;}
#lnbCategory .brandSearch ul.check-list li {font-size:14px; font-weight:400; word-break:break-all;}
#lnbCategory .brandSearch ul.check-list li+li {margin-top:5px;}
#lnbCategory .brandSearch ul.check-list li label {padding-left:5px;}
#lnbCategory .basicView {position:relative; padding:20px;}
#lnbCategory .basicView+.basicView {padding-top:0;}
#lnbCategory .basicView .moreViewBtn {
	z-index:1;
	position:absolute; bottom:0; right:0;
	font-size:12px; color:#000; background:#fff;
	border-top:1px solid #ebecf0; border-left:1px solid #ebecf0;
	width:auto; height:auto; padding:5px 10px;
}
#lnbCategory .basicView .moreViewBtn:hover {border-color:#000; background:#000; color:#fff;}
#lnbCategory .moreView {padding:20px; display:none;}
#lnbCategory .brandSearch.on .moreView {display:block; max-height:280px; overflow-y:auto;}
#lnbCategory .brandSearch.on .moreView {border-top:1px dotted #ccc;}
#lnbCategory .brandSearch.on .moreViewBtn {background:#000; border-color:#000; color:#fff;}
#lnbCategory .moreView>div+div {margin-top:20px;}

#lnbCategory.onlyLink  ul.dep2 {padding:10px 20px;}
#lnbCategory.onlyLink  ul.dep2>li>a {padding-left:15px; position:relative; font-size:15px;}
#lnbCategory.onlyLink  ul.dep2>li>a:before {
	position:absolute; top:10px; left:3px; display:block; content:"";
	background:#000; width:2px; height:2px;
}
#lnbCategory.onlyLink ul>li>a.on {color:#ff661a;}
#lnbCategory.onlyLink ul>li.onlyDep1>a {background:url(../images/common/lnb-onlyLink.png)no-repeat 200px center;}
#lnbCategory.onlyLink ul>li.onlyDep1>a.on {color:#ff661a;}


/* .categoryBrand.lnb .brandSearch {} */



	

/*퀵메뉴*/
footer {}
footer .footer-banner {height:300px; background:url(../images/banner/footer-banner.jpg)center no-repeat;}
footer .inner {width:1400px; margin:0 auto; position:relative;}
/* body.Main footer .inner {width:1200px;} */
footer .inforZone {padding:50px 0;}
footer .inforZone .quick ul {overflow:hidden;}
footer .inforZone .quick ul li {float:left; display:inline-block; width:calc(100%/8);}
footer .inforZone .quick ul li a {display:inline-block; width:100%; border:1px solid #c9caca; border-left:0; text-align:center; padding:34px 0 26px; position:relative;}
footer .inforZone .quick ul li a:before {position:absolute; top:0; left:0; width:100%; height:4px; background:#ff661a; display:none; content:""; transition-duration:.3s;}
footer .inforZone .quick ul li a:hover:before {display:block;}
footer .inforZone .quick ul li:first-child a {border-left:1px solid #c9caca;}
footer .inforZone .quick ul li a p {font-size:18px; color:#000; margin-top:10px;}

/*고객센터~*/
footer .inforZone .box {margin-top:30px;}
footer .inforZone .box>div {float:left; height:180px;}
footer .inforZone .box>div+div {border-left:1px solid #c9caca;}

footer .inforZone .box .address-infor {padding-right:35px;}
footer .inforZone .box .address-infor ul.link {text-align:left; font-size:0;}
footer .inforZone .box .address-infor ul.link li {display:inline-block; margin-right:30px;}
footer .inforZone .box .address-infor ul.link li a {display:block; font-size:18px; color:#000; font-weight:500;}

footer .inforZone .box .center-infor {padding:0 35px;}
footer .inforZone .box .center-infor h2 {font-size:30px; font-weight:400; color:#000;}
footer .inforZone .box .center-infor h2 a {font-weight:700; color:#ff661a; padding-left:20px;}
footer .inforZone .box .center-infor div {padding-top:25px;}
footer .inforZone .box .center-infor div dl {position:relative;}
footer .inforZone .box .center-infor div dl+dl {margin-top:5px;}
footer .inforZone .box .center-infor div dl>* { font-weight:500;}
footer .inforZone .box .center-infor div dt {display:inline-block; width:95px; height:25px; line-height:25px; position:absolute; left:0; top:0; color:#fff; background:#000; text-align:center;}
footer .inforZone .box .center-infor div dd {padding-left:120px; color:#898989;}

footer .inforZone .box .bank-infor {padding-left:35px; padding-top:10px;}
footer .inforZone .box .bank-infor dl dt {}
footer .inforZone .box .bank-infor dl dd {padding-top:3px; color:#000; font-size:18px; font-weight:500;}
footer .inforZone .box .bank-infor dl dd+dt {margin-top:40px;}
footer .inforZone .box .bank-infor dl dd span {padding-left:12px;}


footer>.inner address {padding-top:20px;}
footer>.inner address p {font-size:16px; color:#898989; line-height:1.7;}
/* footer>.inner address p span {display:inline-block; vertical-align:middle; padding:0 10px 0 5px; background:url(../images/common/slash.png)no-repeat right center;} */
footer>.inner address p span {padding:0 0 0 4px;display:inline-block; vertical-align:middle;}
footer>.inner address p span a {color:inherit;}
footer>.inner address p span:first-child {padding-left:0;}
footer>.inner address p span:last-child {padding-right:0; background:none;}

footer+aside {position:relative; z-index:1000; background-color:#f0f1f3; padding:20px 0 70px !important; overflow:hidden; clear:both;}
body.goodsPage footer+aside {padding:20px 0 !important;}
footer+aside ul {width:1400px; margin:0 auto;}
footer+aside ul li {display:inline-block;}
footer+aside ul li+li {margin-left:20px;}
footer+aside ul li a {display:block;}









/*메인 수정 21-11-22*/
body.modify2021 .topPopup .topPopupBtn,
body.modify2021 nav .gnb>ul,
body.modify2021 header>.inner2nd>div,
body.modify2021 header>.head .inner {width:1200px;}

body.modify2021 nav .gnb>ul>li>a {font-size:15px;}
body.modify2021 .main .inner article.bannerZone {margin-top:0; max-width:1200px; margin:0 auto;}
body.modify2021 section.main>.inner.typeMint {max-width:100%; padding:20px 0; background:#cbd5dc;}

body.modify2021 .main .inner article.bannerZone>div.banner1,
body.modify2021 .main .inner article.bannerZone>div.banner3 {width:calc(310px - 20px);}
body.modify2021 .main .inner article.bannerZone>div.banner1 {margin-right:20px; border:1px solid #fff;}
body.modify2021 .main .inner article.bannerZone>div.banner3 {margin-left:20px;}
body.modify2021 .main .inner article.bannerZone>div.banner3>div {border:1px solid #fff;}
body.modify2021 .main .inner article.bannerZone>div.majorSlider {width:calc(1200px - 310px*2); height:362px; border:1px solid #fff;}
body.modify2021 .main .inner article.bannerZone>div {padding:0;}
body.modify2021 .main .inner article.bannerZone>div a {display:inline-block;}
body.modify2021 .main .inner article.bannerZone>div a img {width:100%;}

body.modify2021.topOpen header {padding-top:183px;}
body.modify2021.topOpen header>.head {height:183px;}
body.modify2021.topOpen .headerH {height:297px;}

body.modify2021 header {padding-top:125px;}
body.modify2021 header>.head {height:125px;}
body.modify2021 header>.head .inner>.search {width:580px;}
body.modify2021 header>.head .inner>* {padding:35px 0; /* border:3px solid red; */}
body.modify2021 .sliderV2 .btnType3 button {width:45px; height:45px; margin-top:calc(-45px/2);}
body.modify2021 inner article.bannerZone>div a,
body.modify2021 .inner article.bannerZone>div.majorSlider .sliderObj a {height:362px;}
body.modify2021 inner article.bannerZone>div a img,
body.modify2021 .inner article.bannerZone>div.majorSlider .sliderObj a img {height:360px;}
body.modify2021 .inner article.bannerZone>div.banner3>div.banner3-above {height:172px;}
body.modify2021 .inner article.bannerZone>div.banner3>div.banner3-above img {height:170px;}
body.modify2021 .inner article.bannerZone>div.banner3>div.banner3-below {margin-top:15px; height:175px;}
body.modify2021 .inner article.bannerZone>div.banner3>div.banner3-below img {height:173px;}

body.modify2021 footer .inner {width:1200px;}
	body.modify2021 footer .inforZone .box .address-infor {width:630px; padding-right:30px;}
	body.modify2021 footer .inforZone .box .center-infor {width:280px;}
	body.modify2021 footer .inforZone .box .bank-infor {width:calc(100% - 630px - 280px); padding-left:25px;}
	
body.modify2021 footer>.inner address p {font-size:14px;}

body.modify2021 footer .inforZone .box>* {padding-top:10px !important;}
body.modify2021 footer .inforZone .box .address-infor ul.link li a {font-size:16px;}

body.modify2021 footer .inforZone .box .center-infor {padding:0 0 0 30px;}
body.modify2021 footer .inforZone .box .center-infor h2 {font-size:25px;}
body.modify2021 footer .inforZone .box .center-infor h2 a {padding-left:10px;}
body.modify2021 footer .inforZone .box .center-infor div dl {font-size:14px; line-height:1.6;}
body.modify2021 footer .inforZone .box .center-infor div dl dt {width:80px; height:22px; line-height:22px;}
body.modify2021 footer .inforZone .box .center-infor div dl dd {padding-left:100px;}

body.modify2021 footer .inforZone .box .bank-infor {padding-top:20px !important;}
body.modify2021 footer .inforZone .box .bank-infor dl dd {font-size:16px;}
body.bannerControl footer .footer-banner {background-size:auto 250px; background-position:bottom center;}
body footer .footer-banner {background-size:auto 300px; background-position:bottom center;}

.footer-banner.Link-in {background:none; position:relative; width:100%;}
.footer-banner.Link-in img {height:300px; position:absolute; bottom:0; left:calc(50% - 700px);}
.footer-banner.Link-in:before, .footer-banner.Link-in:after {
	z-index:-1; position:absolute; bottom:0; 
	width:50%; display:block; content:"";
	height:288px;
}
.footer-banner.Link-in:before {left:0; background:#3c3c3e;}
.footer-banner.Link-in:after {right:0; background:#4a4a4c;}

body.bannerControl .footer-banner.Link-in img {height:250px; left:calc(50% - 600px);}
body.bannerControl .footer-banner.Link-in:before,
body.bannerControl .footer-banner.Link-in:after {height:240px;}


/*레프트메뉴21-12-15*/
.grayBg #lnbCategory>ul>li:first-child.on+li .brandSearch {height:calc(100vh - 165px - 45px*2 - 350px - 1px*2);}
.grayBg #lnbCategory>ul>li:first-child+li .brandSearch {height:calc(100vh - 165px - 45px*2 - 1px*2);}
.grayBg #lnbCategory>ul>li:first-child+li .brandSearch {height:auto;}
.grayBg #lnbCategory {background:#fff !important;}
.grayBg #lnbCategory.basic {background:#efefef !important;}