@charset "UTF-8";

/* 넓이 설정 */
.bodyWrap {margin:0 auto; min-width:360px; word-break:keep-all; transition:all ease 0.4s 0.3s;}
.colWide {margin:0 auto; padding:0 15px; max-width:1830px; min-width:360px;}

/* 콘텐츠 영역 설정 */
.mainContents {position:relative; display:block; }
.subContents {position:relative; display:block; padding:100px 0;}
.inner {position:relative; max-width:1280px; margin:0 auto;}

/* 상단 레이아웃 디자인 */
.header {position:fixed; top:0; left:0; width:100%; padding:25px 0; background:#fff; transition:all ease 0.4s 0.0s; z-index:99;}
.header .colWide {display:flex; align-items:stretch;}
.header.scroll_on {min-height:auto; background:#fff; box-shadow:0 1px 5px 0 rgba(0,0,0,0.15);}
.header .logo {padding:0 40px 0 0;}
.header .logo a {display:block; width:233px; height:62px; margin:0 0 0; background:url('../images/logo.png') no-repeat 50% 50%; background-size:100% auto;}

.menuWrap {display:flex; flex-direction:row-reverse; justify-content:space-between; align-items:baseline; width:100%;}
.mainMenu {display:flex; text-align:center;}
.mainMenu a {transition:all ease 0.3s 0.0s;}
.mainMenu > li > a {display:block; padding:10px 35px; font-size:20px; font-weight:600;}
.mainMenu > li > a [href="javascript:;"] {cursor:inherit;}
.mainMenu ul {display:none; padding:10px 0; margin:7px 0 0; font-size:15px; border-top:2px solid transparent;}
.mainMenu ul li a {display:block; padding:5px 0;}
.mainMenu ul li a:hover {color:#a17238; font-weight:600;}
.header.scroll_on .mainMenu > li > a {color:#111}

.drawerBtn,.mainMenu .box_menu {display:none;}
.bgAllMenu {display:none; position:fixed; top:0; left:0; width:100%; height:100%; background:rgba(0,0,0,0.7);}

/* 하단 레이아웃 디자인 */
.footer {position:relative; display:block; background:#f6f6f6; padding:80px 0;}
.footer .snsInfo {display:flex; justify-content:space-between;}
.footer .snsInfo div i[class*="xi-"] {font-size:34px; color:#a9a9a9;}
.footer .snsInfo dd a:hover,.footer .snsInfo div > a:hover i {color:#a17238;}
.footer .comlanyInfo {font-size:14px; color:#555}
.footer .comlanyInfo .br_none {display:none;}

/* sub-location */
.location_box {position:absolute; width:100%; margin-top:-30px; z-index:21}
.locationArea {max-width:1280px; margin:0 auto;}
.locationArea .location {display:table; table-layout:fixed; width:100%; background:#fff; z-index:21; border-radius:10px; box-shadow:5px 7px 24px 6px rgba(0,0,0,0.10);}
.locationArea .location > li {display:inline-block; vertical-align:middle; position:relative; border-left:1px solid #dfdfdf;}
.locationArea .location > li:first-child {margin-left:0; border-left:none;}
.locationArea .location > li.home > a {text-align:center; display:block; width:60px;}
.locationArea .location > li.home > a > i {}
.locationArea .location > li.locationLink > a {padding:0 40px; height:84px; line-height:90px; text-align:center; border-right:1px solid #dfdfdf;}
.locationArea .location > li.locationLink > a.active {color:#a17238; font-weight:700;}
.locationArea .location > li.locationLink a:hover,.locationArea .location > li.locationLink.on a {color:#a17238; font-family: 'MaruBuriSemiBold';transform:translateY(-10px);}

/*  contents : sub */
.sub_visual_title {position:relative; max-width:1500px; margin-left:auto; margin-right:auto;}
.sub_visual_title h2 {font-size:64px; font-family: 'MaruBuriSemiBold';color: #fff; letter-spacing:-0.03em; text-transform:uppercase;}
.sub_visual_title h2:nth-child(1) {animation:txt_blur 1.5s alternate ease-in 1 forwards;}

.subContents h3 {font-size:54px; font-family: 'MaruBuriSemiBold'; margin-bottom:40px;}
.subContents .sub_title {margin:60px 0 80px 0; text-align:center;}
.subContents .sub_title h2 {font-size:40px; font-family: 'MaruBuriSemiBold'; color:#000;}

/* sub-topbg : sub이미지, sub타이틀 */
.sub_topbg {overflow:hidden; display:flex; align-items:center; position:relative; height:700px; text-align:center;}
.topbg01 .background::before { background-image: url('../images/subVisual01.jpg'); }
.topbg02 .background::before { background-image: url('../images/subVisual02.jpg'); }
.topbg03 .background::before { background-image: url('../images/subVisual03.jpg'); }
.topbg04 .background::before { background-image: url('../images/subVisual04.jpg'); }
.sub_topbg .background {position: absolute; top:0; left:0; width:100%; height:100%; opacity:0; animation:subvisualFadeIn ease .85s forwards;}
.sub_topbg .background::before {content:''; position:absolute; top:0; left:0; width:100%; height:100%; background-repeat:no-repeat; background-position:center; background-size:cover; transform:scale(1.1); animation:3s subvisual cubic-bezier(0.39, 0.58, 0.57, 1) forwards; }

.grid-layout-inner {display:flex; margin:0px; flex-wrap:wrap; text-align:center;}
.grid-layout-cell {box-sizing:border-box;}

.grid-1 {width:100%!important}
.grid-2 {width:50%!important}
.grid-3 {width:33.33%!important}
.grid-4 {width:25%!important}

@keyframes marquee {
    from { transform: translateX(0); }
    to { transform: translateX(-50%); }
}
@keyframes subvisualFadeIn {
	to { opacity: 1; }
}
@keyframes subvisual {
    to { transform: scale(1); }
}

@keyframes txt_blur {
  0% {
  filter:blur(7px);
  -moz-filter:blur(7px);
  -webkit-filter:blur(7px);
  opacity: 0;
  }
  50% {
  filter:blur(7px);
  -moz-filter:blur(7px);
  -webkit-filter:blur(7px);
  opacity: 0;
  }
  100% {
  filter:blur(0);
  -moz-filter:blur(0);
  -webkit-filter:blur(0);
  opacity: 1;
  }
}

/* 미디어쿼리 적용 */
@media screen and (max-width:1280px) {
	.subContents,.footer {padding:50px 15px;}
	.mainMenu > li a {font-size:16px;}
}

@media screen and (max-width:1024px) {
	.header {height:70px; padding-top:5px; padding-bottom:5px;}
	.header .logo a {width:160px;}
}

@media screen and (max-width:960px) {
	.menuWrap {display:block; position:fixed; top:0; padding-top:30px; right:-300px; width:300px; height:100%; background:#fff;}
	.mainMenu {display:block; text-align:left;}
	.mainMenu > li {position:relative;}
	.mainMenu > li a {color:#111}
	.mainMenu > li > a:after {content:"\e941"; position:absolute; top:12px; right:20px; width:22px; height:22px; line-height:22px; display:block; text-indent:0; font-size:20px; color:#888; vertical-align:middle; font-family:'xeicon'; transition:all ease 0.3s 0s;}
	.mainMenu > li.gotChild > a:after {content:"\e944"; background:#fff;}
	.mainMenu > li.on > a:after {border-color:#a17238;}
	.mainMenu > li.on > a:after {color:#a17238;transform:rotate(180deg);}
	.mainMenu ul {padding:10px 0 10px 45px; border-top:1px solid #ddd; border-bottom:1px solid #ddd; background:#f8f8f8;}
	.mainMenu ul li:last-child {padding-bottom:0;}
	.mainMenu ul li:first-child {padding-top:0; margin-top:0; border-top:0;}
	.mainMenu ul li a:before {content:"\e93f"; display:inline-block; margin:0 10px 0 -15px; text-indent:0; font-size:18px; vertical-align:middle; font-family:'xeicon';}
	.mainMenu .box_menu {display:block; position:absolute; top:0; width:100%; height:70px; background-color:#a17238;}
	.mainMenu .box_menu span{font-family: 'MaruBuriSemiBold'; font-size:20px; line-height:70px; letter-spacing:-0.025em; color:#fff; padding-left:35px;}
	.mainMenu .m_mt {margin-top:45px;}

    .drawerBtn {display:block; position:fixed; top:14px; right:15px;}
	.drawerBtn button {font-size:38px;}
	.drawerBtn button i {transition:all ease 0.7s 0s;}
	.drawerBtn.on button {color:#fff;}
	.drawerBtn.on button i {transform:rotate(180deg);}

	.sub_topbg {height:360px;}
	.sub_visual_title h2 {font-size:40px; margin-top:60px;}
	.subContents .sub_title {margin:0 0 40px 0;}
	.location_box {display:none;}
}

@media screen and (max-width:768px) {
	.footer .comlanyInfo .br_none {display:block; line-height:0;}
}

@media screen and (max-width:640px) {
	.sub_topbg {height:240px;}
	.subContents .sub_title h2 {font-size:24px;}
	.sub_visual_title h2 {font-size:30px;}

	.footer {padding:40px 15px;}
	.footer .snsInfo {flex-direction:column;}
	.footer .snsInfo > div {width:100%; text-align:center;}
}

@media screen and (max-width:480px) {
}