@charset "utf-8";
@media screen and (max-width: 1399px) {

/* common */
#wrap{overflow:hidden;min-width: 100%;}
#contents{width:100%;min-width: 100%;box-sizing:border-box; position: relative;}
#container{width:100%;min-width: 100%;box-sizing:border-box; position: relative;}
section{width:100%;min-width: 100%;overflow:hidden;box-sizing:border-box; position: relative}
.section{width:100%;min-width: 100%; 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:94%; }

}


/* header */
@media screen and (max-width: 1399px) {
#header{ min-width: 100%;}
.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{
	width:160px;height:44px;margin:10px 50px 0;
}

.head .nav_wrap .nav{display:flex;justify-content:center;}
.head .nav_wrap .nav>li{margin:0 1%;}
.head .nav_wrap .nav>li>a{font-size:19px; line-height:80px;}
.head .nav_wrap .nav>li.on{box-shadow:0 -2px 0 #169fdb inset;}

}

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

#header{position:absolute;left:0;top:0px;z-index:1000; width:100%; min-width: 100%;}
.head{
	display:flex;align-items:center;justify-content:space-between;
	position:relative;z-index:1000;
	box-sizing:border-box;
	width:100%;height:85px;
	padding:0 5%;
	border-bottom:1px solid rgba(255,255,255,0.25);
}
.head .m_logo{position:relative;z-index:2000;}

.head .m_logo a{
	display:block;content: '';
	width:140px;height:38px;margin:0 0;
	background:url(../images/common/logo1.png) no-repeat; background-size:cover;	text-indent:-9999px;
}

.head h1{position:relative;z-index:2000;}
.head h1 a{
	display:block;
	width:160px;height:50px;
	background:url(../images/common/logo1.png) no-repeat;background-size:cover;
	text-indent:-9999px;
}


.head .nav_wrap{
	position:relative;
	box-sizing:border-box;
	width:calc(100% - 160px - 194px);height:100%;
	/* border-right:1px solid rgba(255,255,255,0.25); */
}
.head .nav_wrap .nav{display:none;}
.head .nav_wrap .nav>li{margin:0 3%;}
.head .nav_wrap .nav>li>a{font-size:19px;color:#fff;line-height:85px;}
.head .nav_wrap .nav>li.on{box-shadow:0 -2px 0 #03569f 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;cursor:pointer;position:relative;z-index:3000;}
.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{
	width:100%;height:2px;
	margin-bottom:7px;
	background:#fff;
}
.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.25);background: #fff; height: 80px;}
#header.on .head .m_logo a{background:url(../images/common/logo2.png) no-repeat; background-size:cover;	width:140px;height:38px;}
#header.on .head .nav_wrap{/* border-right:1px solid rgba(0,0,0,0.25); */}
#header.on .head .nav_wrap .nav>li>a{color:#111;}
#header.on .head .btn_menuwrap .btn_menu .txt{color:#111;}
#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);}
#header.bl .head .m_logo a{background:url(../images/common/logo2.png) no-repeat; background-size:cover;width:140px;height:38px;}
#header.bl .head .nav_wrap{/* border-right:1px solid rgba(0,0,0,0.25); */}
#header.bl .head .nav_wrap .nav>li>a{color:#111;}
#header.bl .head .btn_menuwrap .btn_menu .txt{color:#111;}
#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 .head .m_logo a{background:url(../images/common/logo2.png) no-repeat; background-size:cover;width:110px;height:30px;}
/*
#header.all .head .m_logo{display: none;}
#header.all .head .m_logo a{background: none;}
*/
#header.all .head .btn_menuwrap .btn_menu .txt{color:#111;}
#header.all .head .btn_menuwrap .btn_menu .hamburger>div{background:#111;}
#header.all .head .nav_wrap .language li a{color:#111;}




.pc_subnav{display:none !important}
/* allmenu */
.pc_allmenu{display:none !important}
.m_allmenu{
	position:absolute;left:0;top:-100vh;z-index:1000;
	width:100%;height:100vh;
	background:#fff;
	background-size:cover;background-attachment:fixed;
	transition:all 1s cubic-bezier(.67,.34,.24,1);
	display: block;
}
.allmenu{
	box-sizing:border-box;
	width:100%;height:100%;
	margin:0 0 0;
	background: #fff;	padding:0 0 0;
	
}


.all_area{overflow-y: scroll; height: calc(100% - 85px); width: 100%; margin-top:85px; padding-bottom: 60px;}
.m_language{padding:0 5% 40px;}
.m_language a{font-size: 20px; color: #159fdb; display: inline-block; padding:10px 60px 10px 0; background:url(../images/common/m_language.png) no-repeat right; background-size: 17px auto; }
.m_nav{border-top:1px solid #eee; padding: 5% 5%; box-sizing: border-box; width:100%;}
.m_nav h2{font-size: 22px;font-weight:500;  color: #333; margin-bottom: 10px;}
.m_nav ul{width:100%;display: grid; grid-template-columns: repeat(2, 45%); grid-gap:5%; align-items:flex-start;}
.m_nav li{width:100%; display: block;padding:5px 0;}
.m_nav a{font-size: 16px; color: #666; line-height: 1.2; width:100%; height: 100%; }
.m_nav.on h2{color:#159fdb; }


}

/* footer */
@media screen and (max-width: 1450px) {
.foot{
	padding:20px 5%;
}
.foot_info{
	width:100%;max-width:100%;
	display:flex;align-items:center;justify-content:space-between;
}
.foot_info h1{width:140px; display:flex;align-items:center; }
.foot_info .f_info_1{width:40%;}
.foot_info .f_info_1{display:block;align-items:center; text-align: center; width:35%;}
.foot_info .f_info_1 h3{font-size:16px;margin-right:0;}
.foot_info .f_info_1 p{font-size:14px; }

}
@media screen and (max-width: 1200px) {
.foot_info h1{width:100px; display:flex;align-items:center; }
.foot_copy{width:100%; position:relative;}
.foot_copy ul{display:flex;justify-content:center;width:100%; max-width: 100%; margin:20px auto 0;}
.foot_copy li{position:relative;padding-right:10px;margin-right:11px;}
.foot_copy li a{font-size:16px;line-height:30px;}
}


/* 서브 탑 타이틀 */
@media screen and (max-width: 1300px) {
.title{ width:100%; max-width: 100%; }
.title h2{font-size: 6.5rem; }
.title p{font-size: 1.5rem;}
.title.sm h2{font-size: 5rem;}
.Visual .txt_area{width:80%; }
.Visual .txt_area h1{font-size: 4rem;}
.Visual .txt_area p{font-size: 1.1rem; }

}
@media screen and (max-width: 1000px) {
.title h2{font-size: 5.5rem; }
.Visual i.scroll-down{display: none; }
}
@media screen and (max-width: 820px) {
.title h2{font-size: 6.5rem; }
}

/* Visual */
@media screen and (max-width: 1100px) {
.Visual .txt_area{position: absolute; width:90%; }
.Visual .txt_area h1{font-size: 4rem;}
.Visual .txt_area p{font-size: 1.2rem; }

}


/* ABOUT US */
@media screen and (max-width: 1700px){
.about04 .about04_2 .about04_2_2{margin-top:200px;width:50%;}
}

@media screen and (max-width: 1500px){
.about04 .about04_2 .about04_2_2{margin-top:150px;width:50%;}
}

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

.parking03{padding:400px 0 60px;overflow: visible;}
.parking03:before{width:calc(100% - 40px); height: 600px; position: absolute; left:20px;top:-200px; margin:0 auto 0; z-index: 2;}
.parking03 .parking03_area{display: flex; align-items:flex-start;justify-content:space-between; width:calc(100% - 40px); max-width: 1300px;}
.parking03 .parking03_tit{width:50%; padding:0 0 0;}
.parking03 .parking03_info{width:50%; padding:50px 20px;}

}
@media screen and (max-width: 1200px){
.about04 .about04_2{margin:350px 0 0; padding:200px 0 100px; }
.about04 .about04_2 .about04_2_2{margin-top:100px;width:50%;}

}

@media screen and (max-width: 1100px) {
.about04 .about04_2 .about04_2_2 th{ width:150px; }

.parking02{padding:200px 0 300px;}
.parking02 .parking02_2:after{width:200px; height: 450px; top:160px; background-size: 200px auto; }
.parking02 .parking02_2_txt{padding-left:200px;}

.facility02 .facility02_box{width:100%; display: flex;align-items:center;justify-content:space-between; margin:0 auto 85px}
.facility02 .facility02_img{width:55%; height: auto; }
.facility02 .subtit{width:40%;box-sizing: border-box;}
.facility03 .subtit p br{display: none;}

}

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

.parking02{padding:100px 0 100px;}
.parking02 .parking02_2{width:100%; margin:0 auto 300px; }
.parking02 .parking02_2:after{width:150px; height: 645px; top:160px; background-size: 150px auto; }
.parking02 .parking02_2_txt{padding-left:150px;}

.facility01{ padding:0 0 0;background:url(../images/about/facility02_bg2.jpg) no-repeat center bottom; }
.facility01 .facility01_service{position: relative;height:350px; margin-top:90px; }
.facility01 .facility01_service .facility01_call{ margin-left:0; width:350px; height: 350px;}


.facility02 .facility02_box{width:100%; display: block; margin:0 auto 50px}
.facility02 .facility02_img{width:100%; height: auto; margin:30px auto;}
.facility02 .subtit{width:100%;box-sizing: border-box;}
.facility02 .facility02_1 .facility02_img{width:100%; max-width: 100%; position: relative; top:auto;left:0; margin:30px auto;}
.facility02 .facility02_1 .facility02_img img{width:100%;}
}


@media screen and (max-width: 820px) {
.about01 .about01_2 h4{font-size: 5rem; }
.about01 .about01_2 h4 b{font-weight: 300;}
.about01 .about01_2 h5{font-size: 3.5rem; margin-top:200px;}
.about03_view{height: 400px !important;}
.about03 .about03_img{width:100%; height:600px; display: block; }

.about01 .about01_2 img{display: block; float: right;margin-top:50px;}


.about03{padding:0 0 60px; display: block; height: auto;}
.about03 .about03_txt{width:100%; padding:100px 20px 40px; }
.about03 p{font-size: 1rem;margin-bottom: 50px; width:70%}
.about03 img{margin:0 auto;width:300px;}

.about04{display: block; width:100%; box-sizing: border-box;}
.about04 .about04_1{width:250px; height: 250px;  position: absolute; left:0; top:0; z-index: 10; margin-left:0;display: flex; justify-content:center; flex-direction: column; }
.about04 .about04_1 h3{font-size: 2rem; margin-top:0;}
.about04 .about04_slide{width:100%; position: relative; left:0; }
.about04 .swiper-button-next, .about04 .swiper-button-prev {position: absolute; top:auto; left:50%; margin-left:-62px; margin-top:20px;}
.about04 .swiper-button-next{margin-left:3px; }


.about04 .about04_2{margin:-50px 0 0; padding:200px 0 100px; }
.about04 .about04_2 .about04_2_2{margin-top:200px;width:50%;}
.about04 .about04_2 .about04_2_2 th{ width:150px; }

.facility01 .facility01_1{padding:0 20px;}
.facility03 .container{display:block;}
.facility03 .subtit{width:100%;}
.facility03 .facility03_info{width:100%; margin-top:30px;}
.facility03 .subtit p{width:60%;}
.facility03 .facility03_info .aboutTABLE{width:100%;}


.location01 p{width:100%;}
.location01 .location01_2{background-size: auto 500px; height:500px;}
.location02{display: block; height: auto !important; align-items:flex-start; }
.location02 .location02_img{width:100%; height: 700px; display: block; }
.location02 .location02_info{width:100%; padding:0 30px; }
.location02 .location02_info .location02_public{margin-top:60px; padding-bottom: 60px;}

}
@media screen and (max-width: 1100px) {
#s_sdate{width:28%;}
#s_edate{width:28%;}
.schArea .contact{padding:20px}
.notice01{ padding:0 0 0; height: auto;}
}
@media screen and (max-width: 1000px) {
.schArea{ display: block; }
.schArea h3:after{margin:auto;}
.schArea .contact p{display: block; padding:30px 0 0 0;min-height: 50px; }
.schBtn {width:90%;}
.sch01{width:calc(100% - 20px); display: inline-block !important;}
.sch02, .sch03{float: left; width:47.3%;}

.notice01 .btnArea_flex{padding:10px 0;}
.notice02{padding:60px 0;}

#s_sdate{width:40%;}
#s_edate{width:40%;}
}
@media screen and (max-width: 700px) {
#s_sdate{width:30%;}
#s_edate{width:30%;}
}
@media screen and (max-width: 500px) {
#s_sdate{width:75%;}
#s_edate{width:75%;}

}

/* BULLETIN */
@media screen and (max-width: 1000px) {
.bbsViewer .noticehead h3{ font-size:2rem; margin:20px auto; width:90%;}
.bbsViewer .noticehead p {font-size: 1.5rem; }

}
@media screen and (max-width: 768px) {
.bbsViewer .noticehead h3{ font-size:1.7rem;}
.bbsViewer .noticehead p {font-size: 1rem; }
.bbsViewer .noticehead span:after{ height:13px;}

}





/* RETAIL TENTANT */
@media screen and (max-width: 1200px) {
.cateList01{padding:0 0 400px;}
.cateList02{padding:60px 0 100px;}
.cateList_tit h3{font-size: 5rem; }
.cateList_tit p{font-size: 1.1rem;}

.cateList_new .new_img{margin:0 20px 0 0;width:60%;}
.cateList_new .new_info{margin:10px 20px; width:40%;}
.cateList_new dl{margin-top:30px;}

.retail01{padding:50px 0 90px;}
.retail_detail{display: flex; align-items:flex-start; justify-content:space-between; width:100%; padding:0 30px;}
.retail_d1{display: flex; align-items:center; justify-content:flex-start; width:60%;}
.retail_d1 .retail_logo{padding:40px; }
.retail_d1 .retail_name p{font-size: 3rem; }
.retail_d1 .retail_name h4{font-size: 1.5rem; }
.retail_d2{width:40%;}

}

@media screen and (max-width: 1000px) {
.cateList02{padding:0 0 60px;}
.cateList_tit h3{font-size: 4rem; }
.cateList03{padding:60px 0;}

.cateList01{padding:0 0 60px;}
.cateList_top{position: relative; }

.retail_list{grid-template-columns: repeat(3, 31.5%); grid-gap:20px; }

.retail_tit h4{font-size: 3rem;}
.retail_tit p{font-size: 1.5rem;}
.mapInfo{display: block; padding:0 0;}
.map_list{width: 100%;}
.map_list h4{font-size: 2rem;}

.map_img{width:100%; margin:30px 0;}

}

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

.cateList_new{display: block; padding-top: 90px;}
.cateList_new .new_img{margin:0;width:100%;}
.cateList_new .new_img img{width: 100%;}
.cateList_new .new_info{margin:50px 0; width:100%;}
.cateList_new p{margin-bottom: 0;}

.retail_list{grid-template-columns: repeat(2, 49%); grid-gap:10px; }

.retail01{padding:50px 0 90px;}
.retail_detail{display: block; padding:0 20px;}
.retail_d1{display: block; justify-content:center; width:100%; }
.retail_d1 .retail_logo{padding:40px;margin:0 auto 30px; text-align: center; width:auto;}
.retail_d1 .retail_name{width:100%; text-align: center;}
.retail_d1 .retail_name p{font-size: 2rem; }
.retail_d1 .retail_name h4{font-size: 2rem; }
.retail_d2{width:100%;}

}


/* FOR LEASE */
@media screen and (max-width: 1200px) {
.lease01 .inquiry01_1{width: 45%; padding: 0 0 0; }
.lease01 .inquiry01_1 h3{font-size: 5rem; }
.lease01 .inquiry01_1 h4{font-size: 2rem; margin-bottom: 60px;}
.lease01 .inquiry01_1 p{font-size: 1.3rem;}

.office01 .office_list .office_logo{margin:60px auto 60px;}

}
@media screen and (max-width: 1000px) {
.lease01 .inquiry01_1 h3{font-size: 4rem; }
.lease01 .inquiry01_1 h4{font-size: 1.7rem; margin-bottom: 40px;}

.office01 .office_list .office_logo{margin:0 auto 30px;}

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

.office01 .container{display: block;}
.office01 .office_img{width: 100%; margin-bottom: 60px;}
.office01 .office_img img{width:100%;}
.office01 .office_list{width: 100%;}
}
@media screen and (max-width: 820px) {
.lease01 .inquiry01_1 h3{font-size: 3rem; }
.lease01 .inquiry01_1 h4{font-size: 1.5rem; margin-bottom: 20px;}

}


@media screen and (max-width: 820px) {
.sch02, .sch03{float: left; width:47%;}

/* card List */
.cardList01{width:100%; max-width: 100%; padding:0 5%; }
.cardList01 .list_area{width:100%; display: grid; grid-template-columns: repeat(2, 1fr); grid-gap: 40px 50px; }

/* 게시물 검색 */
.ListSearch{ width:90%; }

/* paging */
.paginate{margin:20px auto 60px;}
}


/* TENANT SERVICE */
@media screen and (max-width: 1200px) {
.member01 {margin: 85px 0 0; padding-bottom: 80px;}
.inquiry01 .container{padding:0 30px;}
.inquiry01 .inquiry01_1{width:45%; padding:5% 0 0; position: absolute;left:0;}
.inquiry01 .inquiry01_1 h3{font-size: 4rem;}
.inquiry01 .inquiry01_1 h4{font-size: 2rem;}
.inquiry01 .inquiry01_1 p{font-size: 1rem; }
.inquiry01 .inquiry01_2 {width:270px; height: 240px;}
.inquiry01 .inquiry01_2 i{width:44px; height: 56px;}
.inquiry01 .inquiry01_2 p{font-size: 1.1rem;}
.inquiry01 .inquiry01_2 h5{font-size: 1.5rem;}
.inquiry01 .inquiry01_3 {width:50%; float: right;}
.inquiry01 .inquiry01_3 img{width:100%; max-width: 960px;}

}
@media screen and (max-width: 1000px) {
.ApplyArea {display: grid; grid-template-columns: repeat(1, 1fr); grid-gap: 5%;align-items: flex-start;width:100%; padding-bottom: 50px}
.ApplyArea .contact{padding-right: 0;}
.ApplyArea .contact:after{display: none;}

.conView {display: grid; grid-template-columns: repeat(1, 1fr); grid-gap:50px;align-items: flex-start;width:100%;}
.conView .contact{border-right:none; padding:0; }

.contact01{padding:0 0 100px;}
.contact01 .container{flex-wrap: wrap; }
.contact01 .container:first-child{ border-bottom: none;}
.contact01 .conbox{padding:30px 10px; width:50%;}

.login_area .login_info h2{font-size: 20px;}
.login_area .login_info h3{font-size: 30px;}
.login_area .login_info p{font-size: 1rem;}

.login_area .login_form{padding:60px;}
.login_form h2{font-size: 5rem;}
.login_form h3{font-size: 2rem;}

.inquiry01 .inquiry01_1{width:45%; padding:0 0 0; position: absolute;left:0;}
.inquiry01 .inquiry01_1 h3{font-size: 3rem;}
.inquiry01 .inquiry01_1 h4{font-size: 1.7rem;}
.inquiry01 .inquiry01_1 p{font-size: 1rem; }
.inquiry01 .inquiry01_2 {width:230px; height: 200px;}
.inquiry01 .inquiry01_2 i{width:44px; height: 50px;}
.inquiry01 .inquiry01_2 p{font-size: 1rem;}
.inquiry01 .inquiry01_2 h5{font-size: 1.5rem;}
.inquiry01 .inquiry01_3 {width:50%; float: right;}
.inquiry01 .inquiry01_3 img{width:100%; max-width: 960px;}


}
@media screen and (max-width: 820px) {
.Visual_login .login_area{display: block; width:90%;margin:0 auto; padding:60px 0;}
.login_area .login_form{margin:30px auto; }
.login_form h2{font-size: 3rem;}
.login_form h3{font-size: 2rem;}
.login_menu{display: block; width:100%;}
.login_menu a{padding:10px 10px;width:40%; display: inline-block;}

.member01 {margin: 65px 0 0; padding-bottom: 80px;}

.member01 .join_tit h2{font-size: 3rem;}
.member01 .join_tit p{font-size: 1.2rem;}

.find_area{width:90%;}
.find_area .login_form{padding:20px}

.agreecont{height:200px;}

.join{width:100%; padding:20px 10px;}
.contact li em{font-size: 14px; width:20%; line-height:40px;}
.contact input{font-size: 14px;}


/* 이용약관 */
.agree01 h3{font-size: 1.4rem; margin:30px 0 5px;}
.agree01 h4{font-size: 1.1rem; margin:20px 0 5px;}
.agree01 p, .agree01 a{font-size: 1rem; }

}