@charset "utf-8";

/* common */
#wrap{overflow:hidden;min-width: 1400px;}
#contents{width:100%;min-width: 1400px;box-sizing:border-box; position: relative;}
#container{width:100%;height:auto; box-sizing:border-box; position: relative; background: transparent;}
section{width:100%;min-width: 1400px;overflow:hidden;box-sizing:border-box; position: relative}
.section{width:100%;min-width: 1400px; height:100%;height:100vh; overflow:hidden;box-sizing:border-box;display: flex; justify-content: center; align-items: center; position: relative;}
.container{position: relative; box-sizing:border-box;margin: auto; max-width: 1300px;}
.m_block{display: none;}
.p_block{display: block}

/* header */
#header{position:absolute;left:0;top:0px;z-index:1000; width:100%; min-width: 1400px;}
.head{
	display:flex;align-items:center;justify-content:center;
	position:relative;z-index:1000;
	box-sizing:border-box;
	width:100%; max-width: 100%; height:140px;
	padding:60px 5% 0; margin:0 auto;
}
.head .m_logo a{
	display:none;
}

.head .nav_wrap{
	position:relative;
	box-sizing:border-box;
	width:100%; height:100%;
}
.head .nav_wrap .nav h1 a{
	display:block;content: '';
	width:190px;height:52px;margin:0 60px;
	background:url(../images/common/logo1.png) no-repeat; background-size:cover;	text-indent:-9999px;
}

.head .nav_wrap .nav{display:flex;justify-content:center;}
.head .nav_wrap .nav>li{margin:0 1%;}
.head .nav_wrap .nav>li>a{font-family: 'Poppins', sans-serif; font-size:20px; font-weight: 500; color:#fff;line-height:80px;}
.head .nav_wrap .nav>li.on{box-shadow:0 -2px 0 #169fdb inset;}


.head .btn_menuwrap{
	display:flex;align-items:center;justify-content:center;
	width:70px;height:70px;
	cursor:pointer;
}
.head .btn_menuwrap .btn_menu{display:inline-flex;align-items:center;justify-content:center;cursor:pointer;position:relative;z-index:2000; border:1px solid #fff; border-radius: 50%; width:65px;height:65px;}
.head .btn_menuwrap .btn_menu .txt{}
.head .btn_menuwrap .btn_menu .hamburger{	
	position:relative;z-index:1100;
	width:27px;height:20px;
}
.head .btn_menuwrap .btn_menu .hamburger>div:nth-child(2){width:16px}
.head .btn_menuwrap .btn_menu .hamburger>div{
	width:100%;height:2px;
	margin-bottom:7px;
	background:#fff;
}
.head .btn_menuwrap .btn_menu.openmenu{border:2px solid #9f8061;}
.head .btn_menuwrap .btn_menu.openmenu .hamburger>div:nth-child(1){width:100%;transform: translateY(9.0px) rotate(45deg);}
.head .btn_menuwrap .btn_menu.openmenu .hamburger>div:nth-child(2){opacity:0;}
.head .btn_menuwrap .btn_menu.openmenu .hamburger>div:nth-child(3){width:100%;transform: translateY(-9.1px) rotate(-45deg);}


#header.on{}
#header.on .head{	border-bottom:1px solid rgba(0,0,0,0.2); height:140px;}
#header.on .head h1 a{background:url(../images/common/logo2.png) no-repeat;background-size:cover;}
#header.on .head .nav_wrap .nav>li>a{color:#111;}
#header.on .head .btn_menuwrap .btn_menu{border:1px solid #333;}
#header.on .head .btn_menuwrap .btn_menu .hamburger>div{background:#111;}
/*
#header.on .head .nav_wrap .etc>li.language svg line,
#header.on .head .nav_wrap .etc>li.language svg circle,
#header.on .head .nav_wrap .etc>li.language svg ellipse{stroke:#111;}
*/


/* 메뉴별 펼침메뉴 & 스크롤 픽스*/
#header.bl{}
#header.bl .head{background:#fff;border-bottom:1px solid rgba(0,0,0,0.25);	width:100%;height:140px; }

#header.bl .head h1 a{background:url(../images/common/logo2.png) no-repeat center; background-size:auto 40px; width:160px; height:140px;}
#header.bl .head .nav_wrap{}
#header.bl .head .nav_wrap .nav>li>a{color:#333;}
#header.bl .head .btn_menuwrap .btn_menu{border:1px solid #333;}
#header.bl .head .btn_menuwrap .btn_menu .hamburger>div{background:#111;}
/*
#header.bl .head .nav_wrap .etc>li.language svg line,
#header.bl .head .nav_wrap .etc>li.language svg circle,
#header.bl .head .nav_wrap .etc>li.language svg ellipse{stroke:#111;}
#header.bl .head .nav_wrap .language li a{color:#111;}
*/
#header.all{position: fixed;}
#header.all .head .btn_menuwrap .btn_menu{}
#header.all .head .btn_menuwrap .btn_menu .hamburger>div{background:#fff;}

/*펼침서브*/
.pc_subnav{
	display:none;
	position:absolute;left:0;top:0;z-index:900;
	width:100%;
	height: 120px;
	background:rgba(255,255,255,0.85);
	padding:140px 0 0;
}
#header.bl .pc_subnav{padding:0 0 0 !important;}

.pc_subnav>div{max-width:1200px;width:100%;margin:0 auto;}
.subnavwrap{overflow:hidden;display:none; margin: 40px auto;}
.subnavwrap .tit{	float:left;	width:30%;height:70px;	text-align: center;}
.subnavwrap .tit h3{font-size:35px;color:#222222;font-weight:600; }
.subnavwrap .tit p{font-size:20px;color:#555;font-weight:400;}
.subnavwrap .subnav{
	display:flex;
	float:left;
	box-sizing:border-box;
	width:70%;
	padding:0 70px;
}
.subnavwrap .subnav ul{margin-top:30px;}
.subnavwrap .subnav ul li{float: left; padding:3px 23px;}
.subnavwrap .subnav ul li a{font-size:18px; color:#222;}
.subnavwrap .subnav ul li a:hover{color:#169fdb;}



/* allmenu */
.m_allmenu{display:none;}
.pc_allmenu{
	position:absolute;left:0;top:-100vh;z-index:1000;
	width:100%;height:100vh;
	background:#191d23;
	background-size:cover;background-attachment:fixed;
	transition:all 1s cubic-bezier(.67,.34,.24,1);
}
.allmenu{
	display:flex; flex-direction:column; 
	align-item:center; justify-content:space-around;	box-sizing:border-box;
	width:100%;height:100vh;
	background: #191d23 url('../images/common/pc_allmenu_bg.jpg');
	background-size:cover;
	padding:65px 0 0;
	box-sizing: border-box;
}
.pc_allmenu .allmenu{padding:0 10% 0;}
.allmenu .menuwrap{
	display:flex; position:relative;
	box-sizing:border-box;
	height:20%;
	width:100%;
	padding:80px 0 0;
}
.allmenu .menuwrap:after{
	display:block;content:"";
	width:100%;height:1px;
	background:rgba(255,255,255,0.15);
	position:absolute;left:0;top:0;
	transform:scaleX(0);
}

.allmenu .all_foot{width:100%; }
.allmenu .all_foot .container{display: flex; align-items:flex-end; justify-content:space-between;width:100%; max-width: 100%;}
.allmenu .all_foot .all_foot_1{width:33.333%;}
.allmenu .all_foot .all_foot_2{width:33.333%;}
.allmenu .all_foot .all_foot_3{width:33.333%; text-align: right;}
.allmenu .all_foot a{color: #fff; line-height: 2; display: block;}
.allmenu .all_foot .all_foot_2 a{padding-left:45px; background-position: left center;}
.allmenu .all_foot .all_foot_2 a.all_tel{background:url(../images/common/all_tel.png)no-repeat left center; }
.allmenu .all_foot .all_foot_2 a.all_add{background:url(../images/common/all_add.png)no-repeat left center; }
.allmenu .all_foot .all_foot_2 a.all_email{background:url(../images/common/all_email.png)no-repeat left center; }


#menuwrap {
   width: 100%;
   position: relative;
	 padding:0 0 0;
	 margin: 0 auto;
	 box-sizing:border-box;
}
#menuwrap li.globalNav {
   margin: 0;
   padding: 5px 10px;
   display: block;
   width: 80%;
   position: relative;
}
#menuwrap a.globalNav{
   font-size: 3rem;
   font-family: "Poppins", sans-serif;
   font-weight: 300;
   color: #fff;
   line-height: 1.3;
}
#menuwrap a:hover.globalNav{color: #169fdb;}
#menuwrap li.globalNav .localNav {
  display: none;
	position: absolute;
	left: 400px;
	top:20px;
  z-index: 1;
  width:400px;
}
#menu05_sub{top:-150px !important;}
#menu06_sub{top:-100px !important;}
.localNav li {
   display: block;
   width:100%;
   padding: 10px 10px;
}
.localNav li a{
   font-size: 18px;
   color: #999999;
   padding: 10px 10px;
}
.localNav li a:hover{
	color: #fff;
}
#menu01_sub {
  width: 100%;
}
#menu02_sub {
   left: 0px;
   width: 500px;
}
#menu03_sub {
   left: 0px;
   width: 500px;
}
#menu04_sub {
   left: 0px;
   width: 500px;
}
#menu05_sub {
   left: 0px;
   width: 500px;
}
#menu06_sub {
   left: 0px;
   width: 500px;
}


/* footer */
#footer{background:#fff; box-sizing:border-box;width:100%;position: relative;}
.foot{
	padding:40px 5%;
	border:1px solid #e5e5e5;
	border-width: 1px 0;
	display:flex;align-items:center;justify-content:center;
}
.foot_info{
	width:100%;max-width:1360px;
	display:flex;align-items:center;justify-content:space-between;
}

.foot_info h1{width:166px; display:flex;align-items:center; }
.foot_info .f_info_1{display:flex;align-items:center; width:30%;}
.foot_info .f_info_1 h3{font-size:24px; color:#000; margin-right:45px;}
.foot_info .f_info_1 p{font-size:18px; color:#666;}

.foot_copy{width:100%; position:relative;}
.foot_copy ul{display:flex;justify-content:center;width:100%; max-width: 1360px; margin:30px auto 0;}
.foot_copy li{position:relative;padding-right:10px;margin-right:11px;}
.foot_copy li a{font-size:18px; font-weight: 500; color:#666;line-height:40px;}
.foot_copy .copyright {width:100%;display:flex;justify-content:center; position:relative; font-size: 16px; color: #999;font-weight: 500; padding-bottom: 50px;}


@keyframes arr_ani1{
	0%{transform:translateX(0px);}
	100%{transform:translateX(3px);}
}

.m_none{display: block;}


/*---------------------------------- Visual----------------------------------*/
.Visual{width:100%; height: 80vh; position: relative;overflow: hidden; display: block;clear: both;}
.Visual:after{content: '';position: absolute;display: block;right: 5%;bottom: 5%; margin: auto;width: 46px;height: 111px; background:url(../images/common/visual_symbol.png)no-repeat; }
.Visual i.scroll-down{position: absolute; bottom: 100px; left:50%; font-size: 1.3rem; color: #fff; font-style: normal; letter-spacing: 0;writing-mode: vertical-rl;text-orientation: mixed;z-index: 2; }
.Visual i.scroll-down:after{content: '';position: absolute;display: block;left: 0;right: 0;bottom: 0; top:80px; margin: auto;width: 1px;height: 80px;background: #fff;-webkit-animation: scrollDown 1.5s linear infinite;
animation: scrollDown 1.5s linear infinite;-webkit-transition: all 1s;    transition: all 1s;z-index: 2;}
.Visual .bg{ width:100%; height: 100%; position: absolute; z-index: -1; background-color: #333; display: block;-webkit-backface-visibility: hidden;
backface-visibility: hidden;}
.Visual-step-1-1{background:url('../images/common/visual_1.jpg') no-repeat center center;background-size: cover;} /* ABOUT US*/
.Visual-step-2-1{background:url('../images/common/visual_2.jpg') no-repeat center center; background-size: cover; } /* Retail Tenants */
.Visual-step-3-1{background:url('../images/common/visual_3.jpg') no-repeat center center; background-size: cover; 	} /* For Lease */
.Visual-step-4-1{background:url('../images/common/visual_4.jpg') no-repeat center center; background-size: cover} /* Bulletin */
.Visual-step-5-1{background:url('../images/common/visual_5.jpg') no-repeat center center; background-size: cover} /* Tenant Service */
.Visual-step-6-1{background:url('../images/common/visual_6.jpg') no-repeat center center; background-size: cover} /* ETC */
.Visual .txt_area{position: absolute; width:50%; top:40%; right:5%; text-align: right;}
.Visual .txt_area h1{font-family: "Poppins", sans-serif; font-size: 5rem; line-height: 1.1; letter-spacing: -2px; color: #fff; display:block; margin-bottom: 20px }
.Visual .txt_area p{font-size: 1.5rem; color: #fff;display: block; font-weight: 400; }

.animate-bg{ -webkit-animation-name: animateBg; animation-name: animateBg;}
.animate{-webkit-animation-duration: 3000ms;  animation-duration: 3000ms;  -webkit-animation-fill-mode: both;  animation-fill-mode: both;  -webkit-animation-timing-function: cubic-bezier(.3,0,.7,1);  timing-function: cubic-bezier(.3,0,.7,1);}
   
@-webkit-keyframes animateBg {
  from {-ms-transform: scale(1,1);transform: scale(1,1);visibility: visible;}
  to {-ms-transform: scale(1.2, 1.2);transform: scale(1.2, 1.2);}
}

@keyframes animateBg {
  from {-ms-transform: scale(1,1);transform: scale(1,1);visibility: visible;  }
  to {-ms-transform: scale(1.2, 1.2);transform: scale(1.2, 1.2);}
}

/********** animation **********/
@-webkit-keyframes scrollDown {
  0% {
    -webkit-transform-origin: top;
    transform-origin: top;
    -webkit-transform: scaleY(0);
    transform: scaleY(0);
  }
  45% {
    -webkit-transform-origin: top;
    transform-origin: top;
    -webkit-transform: scaleY(1);
    transform: scaleY(1);
  }
  55% {
    -webkit-transform-origin: bottom; transform-origin: bottom;
    -webkit-transform: scaleY(1);
    transform: scaleY(1);
  }
  100% {
    -webkit-transform-origin: bottom; transform-origin: bottom;
    -webkit-transform: scaleY(0);
    transform: scaleY(0); }
}

@keyframes scrollDown {
  0% { -webkit-transform-origin: top; transform-origin: top;
    -webkit-transform: scaleY(0);
    transform: scaleY(0);
  }
  45% {
    -webkit-transform-origin: top; transform-origin: top;
    -webkit-transform: scaleY(1);
    transform: scaleY(1);
  }
  55% {
    -webkit-transform-origin: bottom; transform-origin: bottom;
    -webkit-transform: scaleY(1);
    transform: scaleY(1);
  }
  100% {
    -webkit-transform-origin: bottom; transform-origin: bottom;
    -webkit-transform: scaleY(0);
    transform: scaleY(0); }
}

/* lnb scroll top fixed*/
.is-sticky #lnb{background:#181d24; width:50%; height: 80px; transition: all .3s;}
.is-sticky #lnb > ul > li > a{line-height: 80px;}
/*
.is-sticky #lnb .lnb_home{line-height: 80px; height: 80px;transition: all .3s;}
.is-sticky #lnb .lnb_home a{line-height: 80px;}
.is-sticky .lnb_home a.home:before{top: 30px;}
*/
.is-sticky #lnb > ul > li > a{font-size: 20px;}
.is-sticky #lnb > ul > li > a:after{top: 35px; }

/* lnb */
.sticky-wrapper {position: relative; top:0; left:0;  width: 100%; height: 95px; z-index: 100;}

#lnb {position: absolute; z-index: 9; width: 50%; height: 95px; left:50%;} 
#lnb > ul {width: 100%; margin: 0 0 ; font-size: 0; }
#lnb > ul > li {display: inline-block; width:50%;vertical-align: top;background: #181d24; overflow: hidden;}
#lnb > ul > li > a {display: block; position: relative; box-sizing: border-box; padding: 0 40px 0 40px; font-size: 1.4rem; line-height: 90px; color: #fff; transition: all .3s; text-overflow:ellipsis; white-space:nowrap;word-wrap:normal;overflow:hidden;}

#lnb > ul > li > a:after {display: block; content: ''; position: absolute; top: 40px; right: 40px; width: 18px; height: 10px; background: url('../images/common/lnb_curr.png') 0 0 no-repeat; transition: all .3s;}
/* #lnb ul li a.home:after, #lnb > ul > li.lnb01:hover > a:after, */
#lnb > ul > li.lnb01:focus > a:after{background: none;}
#lnb > ul > li:hover > a:after,
#lnb > ul > li:focus > a:after {transform: rotate(-180deg);}

#lnb > ul > li:hover > a,
#lnb > ul > li:focus > a,
#lnb > ul > li.active > a,
#lnb > ul > li > a.curr {border-color: #cb0007; background: #169fdb; font-weight: 700; color: #ffffff;}

#lnb > ul > li:hover > a:after,
#lnb > ul > li:focus > a:after,
#lnb > ul > li > a.curr:after {background-image: url('../images/common/lnb_curr.png');}

#lnb > ul > li .depth2 { display: none; height: 0; padding: 0 18px; background: #169fdb; transition: all .3s;}
#lnb > ul > li .depth2 > li {margin: 10px 0 0; }
#lnb > ul > li .depth2 > li:first-child {margin: 0;}
#lnb > ul > li .depth2 > li > a {display: block; position: relative; font-size: 1.1rem; line-height: 1.5; color: #fff; /* transition: all .3s; */}
#lnb > ul > li .depth2 > li > a:before {display: block; content: ''; position: absolute; top: 50%; left: -32px; width: 11px; height: 2px; background: #ffffff; transform: translateY(-50%); transition: all .3s;}
#lnb > ul > li:hover .depth2,
#lnb > ul > li:focus .depth2,
#lnb > ul > li.active .depth2 {height: auto; padding: 17px 20px 37px; display: block;}
#lnb > ul > li .depth2 > li > a:hover,
#lnb > ul > li .depth2 > li > a:focus {font-weight: 700; color: #ffffff;}
#lnb > ul > li .depth2 > li > a:hover:before,
#lnb > ul > li .depth2 > li > a:focus:before {left: -20px;}





/* sub content */
.title{position: relative;width:100%; max-width: 1400px; height: auto; margin:0 auto; padding:0 20px; z-index: 10; box-sizing: border-box; overflow: visible;}
.title h2{font-size: 8.7rem; color: #fff; font-weight: 500; line-height: 1;}
.title h2 span{color: #169fdb;}
.title p{font-size: 1.5rem; color: #fff; margin-top: 30px;}
.title.black h2, .title.black p{color: #000;text-shadow: 0px 0px 12px rgba(255,255,255,0.8);}
.title.sm h2{font-size: 6rem;}

/* ABOUT US */
.about_bg{background:#181d24;}
.about01{ padding:50px 0 50px;background:url(../images/about/about02_bg.png) no-repeat center 50px; }
.about01 .about01_1{padding:0 50px; display: flex;align-items:flex-start;justify-content:space-between; margin-bottom:300px}
.about01 h3{font-size: 1.8rem; color: #b78f6e; padding-right: 30px;}
.about01 p{font-size: 1.1rem; color: #fff; width:43%; }
.about01 .about01_2{display: flex;align-items:flex-start;justify-content:space-between; padding:100px 50px;}
.about01 .about01_2 h4{font-size: 6.1rem; color: #fff; font-weight: 100; line-height: 1; margin-top:0 }
.about01 .about01_2 h4 b{font-weight: 300;}
.about01 .about01_2 h5{font-size: 3.5rem; color: #fff; font-weight: 100; line-height: 1; text-align: right; margin-top:100px; position: relative;}
.about01 .about01_2 img{display: block; float: right;margin-top:50px;}

.about02{background:url(../images/about/about03_bg.jpg) center; background-size: cover;position: relative; text-align: center; display: block; padding:150px 0; height: auto;}
.about02 h3{font-size: 3.5rem; color: #fff; width:100%; margin-bottom:10px;}
.about02 h3:before{position: relative; width:1px; height: 110px; background: #fff; margin:0 auto; display: block; content: '';}
.about02 h4{font-size: 1.8rem; color: #fff; width:100%; margin-bottom: 40px;}
.about02 p{font-size: 1.5rem; color: #fff; width:100%;}

.about03{padding:200px 0; display: flex;align-items:flex-start;justify-content:space-between; height: auto;}
.about03 .about03_img{width:50%; height:600px; background:url(../images/about/about04_bg.jpg) no-repeat center; background-size: cover; content: ''; display: block; }
.about03 .about03_txt{width:50%; padding:60px 55px 40px; box-sizing: border-box;}
.about03 h3{font-size: 3.5rem; color: #000;margin-bottom: 20px;}
.about03 h4{font-size: 1.8rem; color: #000;margin-bottom: 40px;}
.about03 p{font-size: 1.1rem; color: #333;margin-bottom: 135px; width:580px}
.about03 img{margin-left:55px}

.about04{display: block; width:100%; overflow: hidden;}
.about04 .about04_1{width:350px; height: 350px; background: #ac835e; position: absolute; left:50%; margin-left:-350px; box-sizing: border-box; text-align: center; }
.about04 .about04_1 h3{font-size: 3.5rem; color: #fff; margin-top:135px;}
.about04 .about04_1 a{color: #fff;}
.about04 .about04_slide{width:50%;max-width: 960px; max-height: 850px; position: absolute; left:50%; z-index: 2; overflow:hidden;}
.about04_slide .swiper-slide{display: block; }
.about04 .swiper-button-next, .about04 .swiper-button-prev {position: absolute; top:400px; left:50%; margin-left:-175px; width: 58px; height: 58px; z-index: 100; cursor: pointer; background: url('../images/about/about04_arrow.png')no-repeat right;}
.about04 .swiper-button-prev{background-position: left; }
.about04 .swiper-button-next{background-position: right;margin-left:-108px; }


.about04 .about04_2{background:url(../images/about/about04_bg1.jpg) no-repeat center; background-size: cover !important; margin:350px 0 0; width:100%; padding:200px 0 100px;min-height: 550px;box-sizing: border-box}
.about04 .about04_2 .container{display: flex;align-items:flex-start;justify-content:space-between; padding:0 20px;}
.about04 .about04_2 .about04_2_1{width:50%;}
.about04 .about04_2 h3{font-size: 3.5rem; color: #ac835e; line-height: 1.1; margin-top: 00px; margin-bottom: 20px; text-align: left;}
.about04 .about04_2 h4{font-size: 1.8rem; color: #fff; margin-bottom: 40px;}
.about04 .about04_2 p{font-size: 1rem; color: #fff; width:70%;}
.about04 .about04_2 .about04_2_2{margin-top:350px;width:50%;}
.about04 .about04_2 .about04_2_2 th{font-size: 1.1rem;color: #169fdb; text-align: left; width:200px; padding:5px;}
.about04 .about04_2 .about04_2_2 td{font-size: 1.1rem;color: #fff;  padding:5px;}


.about05{position: relative; text-align: center; display: block; padding:0px 0 50px; height: auto;}
.about05 h3{font-size: 3.5rem; color: #fff; width:100%; margin-bottom:10px;}
.about05 h3:before{position: relative; width:1px; height: 110px; background: #fff; margin:0 auto; display: block; content: '';}
.about05 h4{font-size: 1.8rem; color: #fff; width:100%; margin-bottom: 40px;}
.about05 p{font-size: 1.5rem; color: #fff; width:100%;}


.subtit h3{font-size: 3.5rem; color: #000; line-height: 1.1; margin-bottom: 10px;}
.subtit h4{font-size: 1.8rem; color: #333;}
.subtit.wh h3{color: #fff;}
.subtit.wh h4{color: #fff;}


.parking01{text-align: center;}
.parking01 .subtit{text-align: center;}
.parking01 .parking01_img{width:100%;height: 710px; background:url(../images/about/parking01.gif); background-size: cover; margin: 35px 0 0;background-position: 50% 0%;background-repeat: no-repeat;}

.parking02{padding:200px 0 400px; background: #f9f0eb;}
.parking02 .container{display: flex;align-items:flex-start;justify-content:space-between;}
.parking02 .park2_area1{width:47%;}
.parking02 .park2_area2{width:47%;}

.parking02 .subtit{background: url(../images/about/parking02_car.jpg) no-repeat bottom right; width:100%; height: auto; margin:0 0 30px;padding-bottom: 220px; }
.parking02 .subtit h4{margin-bottom: 60px;}
.parking02 .parking02_1{margin:0 auto 0; box-sizing: border-box;}
.parking02 .parking02_2{width:100%; margin:0 auto 100px; box-sizing: border-box; position: relative;}
.parking02 .parking02_2:after{width:285px; height: 645px; position: absolute; left:0; top:160px;z-index: 1; display: block; content: ''; background:url(../images/about/parking02_kiosk.png)no-repeat; }
.parking02 .parking02_2_txt{padding-left:286px;}
.parking02 .parking02_2_txt p{margin-top:20px;}
.parking02 .parking02_3{width:100%;margin:15px 0 60px; box-sizing: border-box;}
.parking02 img{width: 100%;box-shadow:10px 10px 10px rgba(0,0,0,.5);}
.parking02 h5{font-size: 1.4rem; color: #333; margin-top:30px; display: block;}


.parking03{position: relative;background: #181d24; overflow: visible; padding:420px 0 150px;}
.parking03:before{width:100%; max-width:1300px; height: 720px; background:url(../images/about/parking03_img1.jpg)no-repeat center; background-size: cover; display: block; content: ''; position: absolute; left:50%;top:-300px; margin-left: -650px; z-index: 2;}
.parking03 .parking03_area{display: flex; align-items:flex-start;justify-content:space-between; width:100%; max-width: 1400px;}
.parking03 .parking03_tit{width:50%; padding:0 50px 0; box-sizing: border-box;}
.parking03 .parking03_info{width:50%; padding:50px; box-sizing: border-box;}

.parking03 .parking03_tit .parking03_call{width:350px; height: 250px; background: #ac835e; text-align: center;box-sizing: border-box; padding:60px 10px 0;}
.parking03 .parking03_tit .parking03_call h5{font-size: 1.8rem; color: #fff;}
.parking03 .parking03_tit .parking03_call p{font-size: 1.3rem; color: #fff; margin-bottom: 30px;}
.parking03 .parking03_tit .subtit{padding:50px;}
.parking03 .parking03_tit .subtit h3{color: #ac835e;}
.parking03 .parking03_tit .subtit h4{color: #fff;}

table.aboutTABLE{border:none; }
.aboutTABLE th{font-size: 1.1rem; color: #fff; font-weight: bold; border-bottom: 1px solid #169fdb; text-align: left; padding:10px 20px 10px 0; min-width: 115px;}
.aboutTABLE td{font-size: 1.1rem; color: #fff;border-bottom: 1px solid #5f6266;padding:10px 20px;}
.parking03_info p{color: #fff; margin-top:30px;}


.parking04{ overflow: visible;margin-top:270px;}


.location01{padding:0 0 0;}
.location01 .location01_1{padding:0 50px; }
.location01 h3{font-size: 1.8rem; color: #b78f6e; margin-bottom: 30px;}
.location01 p{font-size: 1.1rem; color: #fff; width:43%;}
.location01 .location01_2{background:url(../images/about/location01_img.png) no-repeat center; background-size: auto 663px; display: block; content: '';width:100%; height:663px;}


.location02{height: 100%; display: flex; align-items:flex-start;justify-content:flex-start; background: #fff;}
.location02 .location02_img{background:url(../images/about/location02_img.jpg) center; background-size: cover;width:50%; height: 980px; display: block; content: '';}
.location02 .location02_info{width:50%;background: #fff; padding:0 50px; box-sizing: border-box;}
.location02 .location02_info .location02_address{width:350px; height: auto; background: #ac835e; text-align: center;box-sizing: border-box; padding:60px 50px 30px; margin-left:-50px;}
.location02 .location02_info .location02_address h5{font-size: 1.8rem; color:  #fff; margin-bottom: 35px;}
.location02 .location02_info .location02_address p{font-size: 1.1rem; color: #fff;text-align: left;}
.location02 .location02_info .location02_address ul{margin-top:45px; display: flex; align-items:center; justify-content:space-around;}
.location02 .location02_info .location02_address li{}
.location02 .location02_info .location02_address a{width:75px; height: 75px; font-size: 0; display: block; content: '';}
.location02 .location02_info .location02_address a.map_naver{background:url(../images/about/map_naver.png)no-repeat; }
.location02 .location02_info .location02_address a.map_kakao{background:url(../images/about/map_kakao.png)no-repeat; }
.location02 .location02_info .location02_address a.map_tmap{background:url(../images/about/map_tmap.png)no-repeat; }
.location02 .location02_info .location02_address a.map_atlan{background:url(../images/about/map_atlan.png)no-repeat; }

.location02 .location02_info .subtit{margin-top:70px;}
.location02 .location02_info .location02_public{margin-top:80px;}
.location02 .location02_info .location02_public h6{font-size: 1.6rem; color:#000; margin-bottom: 20px;}
.location02 .location02_info .location02_public p{color: #333; padding:5px 0;}
.location02 .location02_info .location02_public hr{width:100%; max-width: 600px; height: 1px; background: #e6e6e6; margin:20px 0; display: block; content: '';border:0;}
.location02 .location02_info .location02_public span{padding:3px 10px; border-radius: 20px; color: #fff; margin-right: 7px;}
.location02 .location02_info .location02_public .pb_red{background: #be414b; }
.location02 .location02_info .location02_public .pb_blue{background: #3b7ae0; }
.location02 .location02_info .location02_public .pb_mint{background: #4dabaa; }
.location02 .location02_info .location02_public .pb_green{background: #75b54f; }
.location02 .location02_info .location02_public .pb_pink{background: #e7765d; }
.location02 .location02_info .location02_public i{width:1px; height: 16px; background: #333; display: inline-block; content: ''; margin:0 7px; vertical-align: middle;}
.location02 .location02_info .location02_public b{color: #169fdb; font-weight: normal;}
.location02 .location02_info .location02_public .mt20{margin-top:20px;}

#map{width:100%;height: 700px;}

.facility01{ padding:0 0 0;background:url(../images/about/facility02_bg.jpg) no-repeat center bottom; }
.facility01 .facility01_1{padding:0 50px; display: flex;align-items:flex-start;justify-content:space-between;}
.facility01 h3{font-size: 1.8rem; color: #b78f6e; margin-bottom: 30px;}
.facility01 p{font-size: 1.1rem; color: #fff; width:43%;}

.facility01 .facility01_slide{width:100%; max-width: 1300px; padding-bottom:80px;margin-top:100px; overflow:hidden;}
.facility01_slide .swiper-slide{display: block;}
.facility01_slide .swiper-button-next, .facility01_slide .swiper-button-prev {position: absolute; top:auto; left:50%; margin-left:-65px; bottom:0; width: 58px; height: 58px; z-index: 100; cursor: pointer; background: url('../images/about/about04_arrow.png')no-repeat right;}
.facility01_slide .swiper-button-prev{background-position: left; }
.facility01_slide .swiper-button-next{background-position: right; margin-left:5px;}

.facility01 .facility01_service{position: relative;height:350px; margin-top:90px; }
.facility01 .facility01_service .facility01_call{position: absolute;left:50%; bottom:0; margin-left:-350px;width:350px; height: 350px; background: #ac835e; text-align: center;box-sizing: border-box; padding:100px 10px 30px; }
.facility01 .facility01_call h5{font-size: 1.8rem; color: #fff;}
.facility01 .facility01_call p{font-size: 1.3rem; color: #fff; margin-bottom: 30px; text-align: center; width:100%;}



.facility02{align-items:flex-start; overflow: visible;}
.facility02 .container{width:100%; max-width:1400px;padding:80px 50px;}
.facility02 .facility02_box{width:100%; display: flex;align-items:center;justify-content:space-between; margin:0 auto 85px}
.facility02 .facility02_box.reverse{flex-direction: row-reverse; }

.facility02 .facility02_img{width:50%; height: auto; }
.facility02 .facility02_img img{width: 100%;}
.facility02 .subtit{width:45%;box-sizing: border-box;}
.facility02 .subtit h3{color: #ac835e;}
.facility02 .subtit ul{margin-top:60px;}
.facility02 .subtit li{font-size: 1.1rem;width:100%;position: relative; padding:5px 0 5px 130px; line-height: 1.2; display: block; box-sizing: border-box;}
.facility02 .subtit em{font-size: 1.1rem;position: absolute; left: 0;}
.facility02 .facility02_1 .facility02_img{width:100%; max-width: 910px; position: absolute; top:-350px;left:50%; margin-left:0;}


.facility03{background:url(../images/about/facility03_bg.jpg) center; background-size: cover;padding:100px 0; display:block;}
.facility03 .container{display:flex;align-items:center; justify-content:space-between; }
.facility03 .subtit{width:45%;}
.facility03 .subtit p{color: #fff; }
.facility03 .subtit h4{margin-bottom: 50px;}
.facility03 .facility03_info{width:50%;}
.facility03 .facility03_info .aboutTABLE{margin-bottom: 45px;}
.facility03 .facility03_info p{color: #fff;}


.gallery01{padding:0 0 20px; height: auto; flex-direction: column; }

.cate{display: flex; align-items:center; justify-content:flex-start; width:90%; max-width: 1300px; margin:0 auto;}
.cate a{font-size: 1.1rem; color: #9a9a9a; padding:5px; margin-right:90px;border-bottom: 2px solid transparent;}
.cate a.on, .cate a:hover{color: #169fdb;border-bottom: 2px solid #169fdb;}


/* RETAIL TENTANT */
.retail_bg{background: #0d153c;}

.event01{padding:0 0 100px;height: auto;}
.event02{padding:100px 0 0; height: auto; background: #fff;}

.cateList01{padding:0 0 450px; height: auto; overflow: visible;}
.cateList02{padding:100px 0 100px; height: auto; display: block;}
.cateList03{padding:100px 0; width:100%; height: auto; display: block; background: #f9f0eb;}
.cateList04{padding:0 0 0; background:#0d153c; height: auto;}


.retail_cate{display: flex; align-items:center; justify-content:space-between; width:100%; max-width: 1300px; }
.retail_cate a{font-size: 1.4rem; color: #9a9a9a; line-height: 70px; padding:10px;border-top: 1px solid #828282; width:100%; text-align: center; position: relative; white-space: nowrap;overflow: hidden; text-overflow: ellipsis;}
.retail_cate a.on, .retail_cate a:hover{color: #169fdb;}
.retail_cate a.on:before, .retail_cate a:hover:before{position: absolute; top:-3px; left: 0; width:100%; height: 4px; background:#169fdb; display: block; content: '';}


.cateList_top{position: absolute; z-index: 2;}
.cateList_tit{text-align: center; display: block; width:100%;}
.cateList_tit h3{font-size: 6rem; color: #333; font-weight: 300;}
.cateList_tit p{font-size: 1.1rem; color: #333;}


.cateList_new{display: flex; align-items:flex-start; justify-content:center;  padding-top: 90px;}
.cateList_new .new_img{margin:0 40px 0 0;width:50%;}
.cateList_new .new_info{margin:10px 40px; width:50%;}
.cateList_new .info_new{display: inline-block; font-size: 1.7rem; color: #fff; font-style: normal; line-height: 1; padding:3px 10px; background: #169fdb; margin-bottom: 25px; width:auto;}
.cateList_new p{font-size: 1.9rem; color: #ac835e; margin-bottom: 20px;}
.cateList_new h4{font-size: 1.9rem; color: #000;}
.cateList_new dl{width:100%;display: table; margin-top:60px;}
.cateList_new dt{text-align: left; width:30%; max-width: 120px; font-size: 1.2rem; color: #333;float: left; padding: 5px 0; line-height: 25px;}
.cateList_new dd{text-align: left; width:70%; color: #666;float: left; padding: 5px 0; word-break:break-all;min-height: 25px; overflow-wrap: anywhere;}

.floor_cate{display: flex; align-items:flex-start; justify-content:space-between; margin-top: 30px; width:100%; display: none;}
.floor_cate.on{display: flex !important;}
.floor_cate a{font-size: 1.4rem; color: #666;background: #e6e6e6;width:100%; text-align: center; line-height: 70px; box-sizing: border-box; position: relative; border-right:1px solid #fff; }
.floor_cate a:last-child{border-right:0;}
.floor_cate a.on{color: #169fdb;background: #fff;}
.floor_cate a.on:before,.floor_cate a:hover:before{width:100%; height: 4px; background: #169fdb; position: absolute; top:0; display: block; content: '';}

.retail03{height: auto; display: block; padding:80px 0; }
.retail_tit{width:90%; margin:0 auto 80px;text-align: center;display: block;}
.retail_tit h4{font-size: 4rem; color: #000; }
.retail_tit p{font-size: 2rem; color: #000;}


.mapInfo{display: flex; align-items:flex-start; justify-content:space-between; width:100%; padding:60px 50px;}
.map_list{width: 20%; border:1px solid #e2e2e2; padding:35px; box-sizing: border-box; }
.map_list h4{font-size: 3.1rem; color: #333; text-align: center;}
.map_list ul{margin-top:20px; width:100%;}
.map_list li{padding:7px 0; }
.map_list a{color: #666;width:100%; display: block; position: relative; padding-left:30px;}
.map_list span{color: #fff; line-height: 1; background: #808080; padding:4px; box-sizing: border-box; min-width:20px; text-align: center; position: absolute;left:0;}
.map_img{width:75%; text-align: center;}



.retail_list{width:100%;display: grid; grid-template-columns: repeat(4, 23%); grid-gap:30px; align-items:flex-start; overflow: visible; }
.retail_list .item{text-align: center; height: 100%; background: #fff; border: 1px solid #e5e5e5; box-sizing: border-box;transition: all .3s; position: relative; display: block;}
.retail_list .item:hover{box-shadow:10px 10px 10px rgba(0,0,0,.2); }
.retail_list .item a{width: 100%; height: 100%; display: block; padding:35px;box-sizing: border-box;}
.retail_list .item span{font-size: 1.1rem; color: #888888;font-weight: bold; display: block; margin-top:10px;}
.retail_list .item h5{font-family:'Noto Sans KR',sans-serif; font-size: 1.3rem; color: #333333; margin-bottom:30px; overflow-wrap: anywhere;}
.retail_list .item .btn_more{font-size: .9rem; color: #888;}


.retail01{padding:50px 0 90px; height: auto; display: block;}
.addthis_inline_share_toolbox{margin:0 auto 30px;text-align: center;}
.retail_detail{display: flex; align-items:flex-start; justify-content:space-between; width:100%; padding:0 50px; box-sizing: border-box;}
.retail_d1{display: flex; align-items:center; justify-content:flex-start; width:50%;}
.retail_d1 .retail_logo{padding:60px; border: 1px solid #e5e5e5; margin-right:30px;background: #fff;}
.retail_d1 .retail_name{padding-right:30px;}
.retail_d1 .retail_name p{font-size: 3.6rem; color: #ac835e; }
.retail_d1 .retail_name h4{font-size: 1.9rem; color: #000;}


.retail_d2{width:50%; display:table;}
.retail_d2 dl{width:100%;display: table; margin-top:60px;}
.retail_d2 dt{text-align: left; width:35%; max-width: 140px; font-size: 1.2rem; color: #333;float: left; padding: 5px 0; line-height: 25px}
.retail_d2 dd{text-align: left; width:65%;font-size: 1rem; color: #666;float: left; padding: 5px 0; word-break:break-all;line-height: 25px; display: inline-block; overflow-wrap: anywhere;}




.retail02{padding:90px 0; height: auto; display: block; background: #f9f0eb;}

.retail_txt{margin-bottom: 60px;}
.retail_txt h5{color: #333; font-weight: bold; margin-bottom: 20px;}
.retail_txt p{color: #666;margin-bottom: 10px;}

.retail_img{display: flex; flex-wrap:wrap; align-items:flex-start; justify-content:space-between; text-align: center;box-sizing: border-box;width:100%;}
.retail_img img{width:47%; box-sizing: border-box; text-align: center;margin:10px;}

.retail_slide{padding-bottom: 120px; position: relative;}
.retail_slide .swiper-slide{display: block; }
.retail_slide .swiper-button-next, .cateList04 .swiper-button-prev {position: absolute; top:auto; bottom:30px; left:50%; margin-left:-63px; width: 58px; height: 58px; z-index: 100; cursor: pointer; background: url('../images/about/about04_arrow.png')no-repeat right;}
.retail_slide .swiper-button-prev{background-position: left; }
.retail_slide .swiper-button-next{background-position: right;margin-left:5px; }








/* FOR LEASE */
.office_bg{background:#181d24;}

.office01{background:url(../images/office/office_bg.jpg)no-repeat; background-size: cover;padding:0 0 100px; }
.office01 .container{display: flex;align-items:flex-start;justify-content:space-between;}
.office01 .office_img{width: 50%;}
.office01 .office_img img{max-width: 100%;}
.office01 .office_list{width: 45%;}
.office01 .office_list .office_logo{margin:65px auto 100px; text-align: center;}
.office01 .office_list .office_logo img{max-width: 50%;}
.office01 .office_list table{width:100%;}
.aboutTABLE .link{width: 16px; height: 16px; padding:5px; background:url(../images/office/office_link.png) no-repeat center; display: block; content: ''; font-size: 0; }
.office01 .office_list th{text-align: center; min-width:55px; padding:10px;}


.lease01{padding:0 0; height: auto; background: #181d24; }
.lease01 .container{ position: relative; padding:0 50px; box-sizing: border-box;}
.lease01 .inquiry01_1{width: 45%; padding: 10% 0 0; position: absolute;left:0;}
.lease01 .inquiry01_1 h3{font-size: 5rem; color: #b78f6e;}
.lease01 .inquiry01_1 h4{font-size: 2.2rem; color: #fff; margin-bottom: 60px;}
.lease01 .inquiry01_1 p{font-size: 1.5rem; color: #787f86; }
.lease01 .inquiry01_2 {width:300px; height: 300px;display: flex;align-items:center;	justify-content:center;flex-direction: column; background: #ac835e; position: absolute; left:-300px;bottom:0; z-index: 3; text-align: center; }
.lease01 .inquiry01_2 i{width:44px; height: 56px;  background:url(../images/service/inquiry_ico.png);content: ''; display: block;  margin:0 auto 20px; }
.lease01 .inquiry01_2 p{font-size: 1.3rem;color: #fff; }
.lease01 .inquiry01_2 h5{font-size: 1.9rem;color: #fff; }
.lease01 .inquiry01_3 {width:50%; float: right;}
.lease01 .inquiry01_3 img{width:100%; max-width: 960px;}

.lease02{padding:100px 0 60px; height: auto;}


/* BULLETIN */
.bulletin_bg{background:#042438;}
.notice01{ padding:0 0 60px; height: auto;}
.notice02{padding:60px 0 0; height: auto; background: #fff;}
.notice02 .about01_1{padding:0 50px;height: auto; display: flex;align-items:flex-start;justify-content:space-between; margin-bottom:300px}

.notice03{background:#042438; height: auto;}
.notice04{background: #fff; padding:50px 0 0;}

.contact01{background: #042438;padding:0 0 100px;}
.contact01 .container{display: flex;align-items:flex-start;justify-content:space-between;}
.contact01 .container:first-child{ border-bottom: 1px solid #365060;}
.contact01 i{display: block; content: ''; width:73px; height: 77px; margin:0 auto 40px;}
.contact01 .conbox{text-align: center;padding:75px 10px;box-sizing: border-box; width:100%;}
.contact01 h3{font-size: 2rem; color: #fff;}
.contact01 p{color: #a4aaaf; margin-top:10px;}
.contact01 a{color: #a4aaaf; margin-top:30px; font-weight: bold; display: block;}
.contact01 a:hover{text-decoration: underline; color: #169fdb;}
.contact01 .con01 i{background: url(../images/bulletin/contact_01.png) no-repeat center; background-size: cover;}
.contact01 .con02 i{background: url(../images/bulletin/contact_02.png) no-repeat center; background-size: cover;}
.contact01 .con03 i{background: url(../images/bulletin/contact_03.png) no-repeat center; background-size: cover;}
.contact01 .con04 i{background: url(../images/bulletin/contact_04.png) no-repeat center; background-size: cover;}
.contact01 .con05 i{background: url(../images/bulletin/contact_05.png) no-repeat center; background-size: cover;}
.contact01 .con06 i{background: url(../images/bulletin/contact_06.png) no-repeat center; background-size: cover;}
.contact01 .con07 i{background: url(../images/bulletin/contact_07.png) no-repeat center; background-size: cover;}
.contact01 .con08 i{background: url(../images/bulletin/contact_08.png) no-repeat center; background-size: cover;}


.iw_inner{display: block; visibility: visible; text-align: center;}


/* 게시물 검색 */
.ListSearch{text-align: center; margin:0 auto 40px; padding:0; width:60%; min-height: 52px; display: block; clear: both; position: relative;}
.ListSearch select{width:15%;margin-right:4%; border: 1px solid #333;}
.ListSearch input{height:52px; width:100%; border: 1px solid #eee; border-width: 0 0 1px; background: transparent; color: #fff; font-weight: normal; font-size: 1.5rem;}
.ListSearch input:-webkit-autofill, .ListSearch input:-webkit-autofill:hover, .ListSearch input:-webkit-autofill:focus, .ListSearch input:-webkit-autofill:active {transition: background-color 5000s ease-in-out 0s;	 -webkit-transition: background-color 9999s ease-out;
/* -webkit-box-shadow: 0 0 0px 1000px white inset !important; */-webkit-text-fill-color: #fff !important;}
 
 
 
.ListSearch button{height: 50px;}
.ListSearch span{font-size: 16px;}
.ListSearch .btn_sch{position: absolute; width:50px; cursor: pointer; vertical-align: middle; right:0; text-align: right; z-index: 1; line-height: 50px;}

/* paging */
.paginate_white{background: #fff; padding:50px 0 0;}
.paginate{text-align:center;  vertical-align: middle; display:inline-table; width:100%; clear: both; margin:60px auto 90px;}
.paginate a{display:inline-block;width:30px;height:64px;padding-top:0;margin:3px 10px 3px 0; color:#000;font-size:1.4rem;line-height:64px; vertical-align:middle; text-align: center; }
.paginate a:hover{color:#b78f6e !important; text-decoration: underline}
.paginate a.on{color:#b78f6e !important; text-decoration: underline}
.paginate a.pgFirst{padding:0; margin:0 5px 0 0; background:url('../images/common/bg_pagin_fir.gif') no-repeat left !important; width:64px; height:64px;}
.paginate a.pgPrev{padding:0; margin:0 15px 0 0; background:url('../images/common/bg_pagin_prev.png') no-repeat left !important; width:64px; height:64px;}
.paginate a.pgNext{padding:0; margin:0 5px 0 15px; background:url('../images/common/bg_pagin_next.png') no-repeat right !important; width:64px; height:64px;}
.paginate a.pgLast{padding:0; margin:0 0 0 5px; background:url('../images/common/bg_pagin_last.gif') no-repeat right !important; width:64px; height:64px;}

.paginate._wh a{color: #fff;}
.paginate._wh a.pgPrev{ background:url('../images/common/bg_pagin_prev2.png') no-repeat left !important; }
.paginate._wh a.pgNext{background:url('../images/common/bg_pagin_next2.png') no-repeat right !important; }


/* card List */
.cardList01{width:100%; max-width: 1400px; min-height: 400px; padding:0 50px; box-sizing: border-box; display: block; clear: both; position: relative; display: flex; margin:auto;}
.cardList01 .list_area{width:100%; display: grid; grid-template-columns: repeat(2, 1fr); grid-gap: 40px 100px; box-sizing: border-box;}
.cardList01 .list_area .item{padding:20px 0px 100px; position: relative; box-sizing: border-box; border-bottom: 1px solid #e1e1e1;}
.cardList01 .list_area .item:after{position: absolute; bottom:-1px; left:0; width:0; height: 1px; background: #169fdb; display: block; content: '';transition: all .3s;}
.cardList01 .list_area .item:hover:after{width:100%;}
.item:hover h3{color: #169fdb}
.item h3{font-size: 2rem; color: #212121; margin-bottom: 20px;}
.item em{display: block; font-size: 1.2rem; color: #169fdb; font-family: 'Poppins'; font-weight: 600; margin-bottom:10px; margin-right:15px;}
.item p{color:#999;}
.item dl{margin:0 auto 20px; display: table; width:100%;}
.item dt{color: #212121; font-weight: 400; float: left; width:100px; padding: 5px 0; }
.item dd{color: #444444; float: left; width:calc(100% - 100px);padding: 5px 0; word-break:break-all;min-height: 25px; }
.item .mt20{margin-top:20px;}
.item .btn-half{position: absolute; bottom:10px;z-index: 2; }
.item .btnArea{position: absolute; bottom:10px; width:calc( 100% - 20px ); min-height: auto; margin:0 auto; }
.item .state{position: absolute; left:0; bottom:30px;width:60%; }
.item .state span{font-weight: 400; font-size: 1rem; margin-right:20px;}
.item .state .date{position: absolute;left:0; bottom: 0px; color: #aaa;}
.item .state a{font-weight: 400; font-size: 1.2rem; margin-right:20px;}
.item .state .btn-mini{font-size: 1.1rem; color: #000 !important;}
.item .result{position: absolute; right:0; bottom:30px;width:40%; text-align: right;}
.item .result span{font-size: 1.2rem; line-height: 1; color: #000; font-weight: bold;}
.item .result span{}


.item .ico_new{width:36px; height: 10px; display: inline-block; margin-left:10px; }
 
.cardList01 .list_area .item.air em{color: #888;}
.cardList01 .list_area .item.air dt{width:35%;}
.cardList01 .list_area .item.air dd{width:65%;}

.cardList01 .list_area .item.inquiry em{color: #888;}
.cardList01 .list_area .item.inquiry dt{width:30%;}
.cardList01 .list_area .item.inquiry dd{width:70%;}

.cardList01 .list_area .item.visitor {padding:20px 0px;}



/* 게시물 내용보기 */
.bbsViewer {position:relative; width:90%; max-width:1300px; margin: 0 auto 150px;}
.bbsViewer .noticehead { position: relative; }
.bbsViewer .noticehead h3{ font-size:3rem; font-weight: 400; text-align: center; line-height:1.4; color: #fff; margin:20px auto;width:80%;}
.bbsViewer .noticehead p {display:block; font-size: 1.7rem; line-height:1.2; color:#169fdb; text-align: center;}
.bbsViewer .noticehead span:after{width:1px; height:20px; background: #979797; margin:0 20px; display: inline-block; content: ''; }
.bbsViewer .noticehead span.date {position: relative; text-align: center; font-family: 'Poppins','Noto Sans KR'; color: #fff; font-weight: normal;width:100%; }
.bbsViewer .noticehead span.date:after{display: none;}
.sns { display:block; width:13%; min-width: 233px; height: 52px; margin:20px auto;background:url('../images/common/btn_noticeSns.png') no-repeat center center; vertical-align:middle;}
.sns li {float:left; width:25%; text-indent:-9999px; height:52px;}
.sns li a {display:block; width:100%; height:100%;}
.bbsViewer .noticeContent {padding:40px 0 100px; border-bottom: 1px solid #333; min-height: 300px;}
.bbsViewer .noticeContent img{max-width: 100%;}
.bbsViewer .noticeTxt {font-size: 1.5rem; color:#90ba6f !important;line-height:22px !important; margin-right: 10px;}
.bbsViewer .fileArea{width:100%; padding:15px 0; border-bottom: 1px solid #eee; text-align: center;}
.bbsViewer .fileArea span{margin-right:20px;}
.bbsViewer .fileArea button{margin:3px auto;}

.prev{width:90px; height: 100px; display: block; content: ''; background:url(../images/common/bbs_arrow.png) no-repeat left; font-size: 0; position: absolute; top: 50%; left:5%;}
.next{width:90px; height: 100px; display: block; content: ''; background:url(../images/common/bbs_arrow.png) no-repeat right; font-size: 0; position: absolute;  top: 50%; right:5%;}


.noticeBtn {position:relative; width:100%; max-width: 1400px;margin:20px auto 0; }
.noticeBtn .btnList{text-align: center;}
.noticeBtn .btnList a{width:44px; height: 31px; display: block; margin: 50px auto; font-size: 0; content: ''; background:url(../images/common/btnList.png) no-repeat; }
.noticeBtn .prev{top: -30px;left:0;}
.noticeBtn .next{top: -30px;right:0;}



/* TENANT SERVICE */

.service_bg{background: #042438;}

.ApplyArea {display: grid; grid-template-columns: repeat(2, 55% 45%); grid-gap: 5%;align-items: flex-start;width:100%; padding:0 50px;}
.ApplyArea .contact{padding-right: 5%;}
.ApplyArea .contact:after{background:#ddd; width:1px; height: 100%; display: block; content: '';position: absolute; right:0; top:0;}
.contact.noAF:after{display: none; }
.contact.noAF{padding-right: 0;}

.conView {display: grid; grid-template-columns: repeat(2, 50% 40%); grid-gap:20px 5%; align-items:flex-start; box-sizing: border-box;}
.conView .contact{width:100%; border-right:1px solid #ddd; padding-right:50px; box-sizing: border-box; }
.conView .contact.noBD{border-right:none;}
.conView .contact ul{margin-bottom: 30px;}
.conView .contact li{border-bottom: 1px solid #eee;line-height: 40px;padding:10px 0;}
.conView .contact li p{min-height: 40px;font-size: 1rem; line-height: 40px; padding:0 0 0 120px;}
.conView .contact li .txt{padding:0 0 0 20%;display: block; margin-top:-30px;}
.conView .contact li span{font-size: 1.2rem; font-weight: bold;}
.conView .contact li .txt p{line-height: 1.5 !important;}
.conView .contact b{font-size: 1.1rem; line-height: 1.4;}
.admin_reply{padding-top:30px; }
.admin_reply ul{min-height: 100px;}
.admin_reply li{padding:20px 0; border-bottom: 1px solid #eee; color: #333;}
.admin_reply .reply_date{margin-top:20px; color: #333; }
.admin_reply .reply_date i{background:url(../images/service/ico_date.png) center; width:19px; height: 19px; vertical-align: middle;content: '';display: inline-block; margin-right:10px;}
.conView .btn-mini{padding:10px 20px; position: absolute; right:0;}
.conView .btnArea{padding:40px 0;}


.inquiry01{padding:0 0; height: auto; background: #042438; }
.inquiry01 .container{ position: relative; padding:0 50px; box-sizing: border-box;}
.inquiry01 .inquiry01_1{width:45%; padding:5% 0 0; position: absolute;left:0;}
.inquiry01 .inquiry01_1 h3{font-size: 4.8rem; line-height: 1; color: #b78f6e; margin-bottom: 20px;}
.inquiry01 .inquiry01_1 h4{font-size: 2.2rem; color: #fff; margin-bottom: 40px;}
.inquiry01 .inquiry01_1 p{font-size: 1.2rem; color: #787f86; }
.inquiry01 .inquiry01_2 {width:300px; height: 270px;display: flex;align-items:center;	justify-content:center;flex-direction: column; background: #ac835e; position: absolute; left:0;bottom:0; z-index: 3; text-align: center; }
.inquiry01 .inquiry01_2 i{width:44px; height: 56px; background:url(../images/service/inquiry_ico.png)no-repeat;content: ''; display: block; margin:0 auto 20px;background-size:contain;}
.inquiry01 .inquiry01_2 p{font-size: 1.3rem;color: #fff; }
.inquiry01 .inquiry01_2 h5{font-size: 1.9rem;color: #fff; }
.inquiry01 .inquiry01_3 {width:50%; float: right; position: relative;}
.inquiry01 .inquiry01_3 img{width:100%; max-width: 960px;}

.inquiry02{padding:100px 0 60px; height: auto;}


/* MEMBERSHIP */

.login_bg{background: #0c0d18;}


/* 로그인 */
.Visual_login *{box-sizing: border-box; }
.Visual_login{width:100%; min-height: 930px; position: relative;overflow: hidden; display: block;clear: both; display: flex; flex-flow:row wrap;  justify-content:center; align-items:center; padding:0;margin:10% auto 0;}
.Visual_login .bg{ width:100%; height: 100%; position: absolute; z-index: -1; background-color: #333; display: block;-webkit-backface-visibility: hidden; backface-visibility: hidden; vertical-align: top;}
.Visual-step-login{background:url('../images/service/login_bg.jpg') no-repeat center center;background-size: cover; } 
.Visual_login .login_area{position: relative; width:1300px; z-index: 1; margin:0 auto;display: grid; grid-template-columns: repeat(2, 40% 50%); grid-gap: 5%; }
.login_area .login_info{padding:20px; box-sizing: border-box;margin-top: 50px}
.login_area .login_form{background: #181d24; padding:85px 95px;box-sizing: border-box;}
.login_menu{width:100%; text-align: center; display: block;}
.login_menu a{font-size: 1rem; color: #fff; padding:10px 20px; }
.login_menu a:focus{color: #fff;}

.login_area .login_info h2{font-size: 20px; color: #fff; font-weight: 300;}
.login_area .login_info h3{font-size: 45px; color: #fff; font-weight: 300; line-height: 1.1;}
.login_area .login_info p{font-size: 18px; color: #fff;margin-top:20px;}
.login_form h2{font-size: 6.1rem; color: #fff; }
.login_form h3{font-size: 2rem; color: #fff; font-weight: 400;}
.login_form .login{width:100%; margin:30px auto 0;}
.login input{ padding: 20px 0; box-sizing: border-box; font-size: 1.3rem; color: #fff; background: transparent; width:100%;border-style: none;border-bottom:1px solid #c7c7c7;}
.login input:placeholder{color: #c7c7c7}
.login input:-webkit-autofill, .login input:-webkit-autofill:hover, .login input:-webkit-autofill:focus, .login input:-webkit-autofill:active {transition: background-color 5000s ease-in-out 0s;	 -webkit-transition: background-color 9999s ease-out;
/* -webkit-box-shadow: 0 0 0px 1000px white inset !important; */-webkit-text-fill-color: #fff !important;}

.login button{width:100%; margin:0 auto; padding:20px 40px; font-size: 1.2rem; color: #fff;}
.login h4{font-size: 1.4rem; color: #333; padding:30px 0 0;}
.login p{position: relative; width:100%; padding: 20px 0; font-size: 1.2rem;}
.login em{width:20%; color: #000; margin-right:20px; font-size: 1.2rem;}
.login span{font-size: 1rem; color: #333; text-align: left; margin-bottom: 20px; display: block;}


/* 글쓰기 폼 */
h3.titDep{font-size: 2rem; color: #333; margin-bottom: 20px;}
h3.titDep:after{position: relative; width:40px; height: 2px; background: #169fdb; display: block; content: ''; margin: 10px 0;}

.contact{position: relative;display: block; margin:0 auto 0; width:100%; box-sizing: border-box}
.contact h4{font-size: 1rem; color: #333; }
.contact p{font-size: 1rem; margin-top:10px; color: #333;}
.contact .re{position: relative; text-align: right; min-height: 30px;}
.contact .re span{color: #bf543b;}
.contact li.bd1{border-bottom: 1px solid #e7e7e7;}
.contact li{position: relative; padding:10px 0; vertical-align: top; display: block;line-height:40px;}
.contact li em{font-size: 1.15rem; color:#333; width:20%; line-height:40px; font-style: normal; position: absolute; left:0; top:10px; display: block;}
.contact li em.ac{color: #bf543b}
.contact li em span{color: #bf543b;}
.contact li p{display: block;padding:0 0 0 23%;min-height: 50px; margin-top:0; font-size: 1rem; color: #333;}
/* .contact li p div{display: inline-block;} */

.contact li strong{color: #000; font-weight: normal;}
.contact li input,textarea{width:100%; }
.contact li input[type='text']{margin:1px 0;}
.contact li input[type="radio"]{display: inline-block; width: 20px; height: 25px; line-height: 25px; z-index: 10;}
.contact li .radio{width:20px; top:2px;}
.contact li select{width:200px;}
.contact li .tel_sel select:after{right:10px !important; background: #eee}
.contact li button{margin-left:5px; margin-top:-0px;}
.contact li textarea{height:300px;width:100%; }
.contact li span{font-size: 1rem; padding: 5px; display: inline; line-height: 25px !important;}
.contact li .txt{color: #666; line-height: 1.5;}
.contact li span.red{color: #ec7070}
.contact li span.blue{color: #22a8e6}
.contact hr{width:100%; height: 1px; background: #ddd; margin:10px auto 10px; display: block; border:none;}
.contact .con{padding:30px 0; min-height: 100px;}
.contact .reply{background:#f2f2f2; padding:20px; min-height: 100px;}
.contact .reply h5{margin-bottom: 20px; margin-left:0;}
.contact .info{background:#f2f2f2; padding:20px; margin:20px 0; font-size: 1rem;}
.contact .ui-datepicker-trigger{display: inline-block; padding:10px 3px;}
.contact .agreecont .agreecont-pt p{padding-left:0 !important;}
.contact .filebox{margin-bottom: 3px; display: inline; width: 100%;}

h3.titSch{font-size: 2rem; color: #fff; text-align: center; width:100%; margin:0 auto 10px;}
.schArea{width:100%; padding: 20px 0; box-sizing: border-box; margin:0 auto; display: flex; align-items:flex-start; justify-content:center;}
.schArea h3{text-align: center; display: block; width:100%; flex-flow:row wrap;}
.schArea h3:after{margin:20px auto 30px;}
.schArea .contact{background: #fff; border-radius: 20px; padding: 30px; margin:10px 10px; height:100%; box-sizing: border-box;}
.schArea .contact p{display: block;padding:40px 0 0 0;min-height: 50px; }
.schArea .contact em{position: absolute; left:0; top:0; display: block;width:100%;}
.schBtn {width:30%;}


#email1{width:29%;}
#email2{width:29%;}
.email3{width:32% !important;}
.tel1{width:30% !important;}
#tel2{width:30%;}
#tel3{width:30%;}
#sdate{width:30%;}
#edate{width:30%;}
#s_sdate{width:30%;}
#s_edate{width:30%;}


.btnDel{text-align: right; padding:10px; width:100%; box-sizing: border-box;}
.btnDel a{color: #333;display: inline-block;}
.btnDel .btnDel_ico{background: url(../images/service/btnDel.png) no-repeat; width:16px; height: 16px; display: inline-block; vertical-align: middle;margin-right:2px; content: '';}


/* 이용약관 */
.agree01{padding-bottom: 20%; overflow: hidden;}
.agree01 h3{font-size: 1.8rem; color: #fff; font-weight: 500; margin:30px 0 10px;}
.agree01 h4{font-size: 1.3rem; color: #fff; margin:20px 0 10px;font-weight: normal;}
.agree01 p, .agree01 a{font-size: 1.2rem; color: #fff; line-height: 1.5;}
.agree01 .pl20{padding-left:20px;}
.agree01 .mt30{margin-top:30px;}

.table03{border:1px solid #aaa; margin:30px auto; width:100%; }
.table03 th{font-size: 18px; line-height: 20px; font-weight: normal; padding:15px; color: #fff; border:1px solid #aaa; }
.table03 td{font-size: 16px; line-height: 20px; color: #ddd; padding:15px; border:1px solid #aaa; margin:-1px 0 0 -1px;}

.agreecont{width:100%; border:1px solid #d8d8d8; font-size:14px; color: #aaa; line-height: 18px; overflow-y: scroll; height:500px; background: #fff; display: block;margin-top:10px; clear: both;}
.agreecont-pt{padding:20px 20px; color: #aaa!important; box-sizing: border-box;}
.agreecont .agree01 h3{font-size: 1.4rem; color: #aaa;}
.agreecont .agree01 h4{font-size: 1.1rem; color: #aaa;}
.agreecont .agree01 p, .agreecont .agree01 a{font-size: 1rem; color: #aaa; }
.agreecont .txt{padding-bottom: 20px;margin-bottom: 0px; border-bottom: 1px solid #e7e7e7}
.agreecont .table03{border:1px solid #ddd; margin:30px auto; width:100%; }
.agreecont .table03 th{font-size: 18px; color: #aaa; border:1px solid #ddd;}
.agreecont .table03 td{font-size: 16px; color: #aaa; border:1px solid #ddd;}


/* 회원가입 */
.member01 {height: auto; flex-direction: column; display: block; margin: 140px 0 0; padding-bottom: 100px; background: #fff;}
.member01 .join_tit{text-align: center; margin: 60px 0 30px;}
.member01 .join_tit h2{font-size: 4rem; color: #000;}
.member01 .join_tit p{font-size: 1.3rem; color: #666;}

.join{width:700px; padding:40px; border:1px solid #ddd; background: #fff; box-sizing: border-box;}
.join .contact li em{width:30%;}
.join .contact li p{padding:0 0 0 30%;}
.join_agree {width:700px;box-sizing: border-box;}
.checkArea{margin-top:10px; display: block !important; min-height: 40px; z-index: 1}
.join_agree .btnArea{display: table;}
.join_agree .btnArea .btn-inline{width:50%; float: left;}
.join_agree .btnArea .btn-full{margin-top:10px;}

/* 하단 설명 */
.ex_area{width:100%; padding:50px 0; display: block; position: relative;}
.ex_area h5{font-size: 20px; color: #333; font-weight: normal; padding-left: 25px; margin-bottom: 10px; background:url(../images/Service/ico_ex.png) no-repeat left;min-height: 20px; }
.ex_area p{font-size: 1rem; color: #333;  line-height: 1.4; position: relative; padding:6px 0;}
.ex_area p.num{padding:6px 0 6px 35px;}
.ex_area em{font-size: 16px; font-family: 'roboto', '맑은 고딕','Noto Sans KR'; font-weight: bold; color: #aaa; position: absolute; left:0; line-height: 1.4}
.ex_area span{font-size: 14px; padding: 0; margin: 0; color: #888}


/* 아이디/비밀번호찾기 */
.find_area{position: relative; width:100%; max-width: 500px; z-index: 1; margin:0 auto;display: flex; flex-flow:row nowrap; border:1px solid #ddd;}
.find_area .login_form{flex-basis: 100%; background: #fff; text-align: center; padding:50px 50px 50px;}
.find_area .login button{margin: 10px auto 0}
.find_area .login input{color: #000;}


/* 회원탈퇴 */
.secession{text-align: center; margin-bottom: 40px;}
.secession h4{font-size: 1.2rem; color: #333; margin-bottom: 20px;}
.secession b{color: #169fdb; font-size: 1.3rem;}
.secession p{font-size: 1rem; }




/* 모달 팝업 */
.popup-wrap{
  background-color:rgba(0,0,0,.8);
  display: flex;
  justify-content:center;
  align-items:center;
  position:fixed;
  top:0;
  left:0;
  right:0;
  bottom:0;
  z-index: 10000;
  display: none;
}
.popup{
  width:100%;
  max-width:400px;
  background-color:#ffffff;
  overflow:hidden;
  background-color:#169fdb;
  box-shadow: 5px 10px 10px 1px rgba(0,0,0,.3);
   
}
.popup-head{
  width:100%;
  height:50px;
  display:flex;
  align-items:center;
  justify-content:center;
}
.head-title {
    font-size: 38px;
    font-style: italic;
    font-weight: 700;
    letter-spacing: -3px;
    text-align: center;
}
.popup-body{
  width:100%;
  background-color:#ffffff;
}
.body-content{
  width:100%;
  padding:30px;
  box-sizing: border-box;
  text-align: center;
}
.body-titlebox{
  text-align:center;
  width:100%;
  height:40px;
  margin-bottom:10px;
}
.body-contentbox{
  word-break:break-word;
  overflow-y:auto;
  min-height:100px;
  max-height:100px;
}
.popup-foot{
  width:100%;
  height:50px;
}
.pop-btn{
  display:inline-flex;
  width:100%;
  height:100%;
  justify-content:center;
  align-items:center;
  color:#ffffff;
  cursor:pointer;
  box-sizing: border-box;
}

.pop_ready{padding:40px 0 0; text-align: center;}

.popup2{
  width:100%;max-width:1400px;
  position: relative;
  background-color:#fff;
  box-shadow: 5px 10px 10px 1px rgba(0,0,0,.3);
  display: flex;justify-content:center;
  align-items:center;

}
.popup2 .pop-btn2{position: absolute; right:0; top:-80px;z-index:10001; width:57px; height: 57px; display: block; content: '';background:url(../images/about/pop_gal_close.png) no-repeat; font-size: 0; cursor: pointer;}
.popup2 img{max-width: 100%;}
.gallery1 .popBtn{position: absolute; width:100%; top:45%;z-index:10000; }
.gallery1 .popBtn .prev{left:10px;}
.gallery1 .popBtn .next{right:10px;}

/* 이메일 무단수집거부 */
.noemail{text-align: center; color:#fff; padding-bottom: 20%;}
.noemail h3, .noemail p{color:#fff;}
.noemail h3{margin-bottom: 20px; font-size:2.7rem; }
.noemail p{font-size:1.5rem;}