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

/* common */
#wrap{overflow:hidden;}
.section{width:100%;height:100%;height:100vh;overflow:hidden;box-sizing:border-box;}
/* lnb scroll top fixed*/
.sticky-wrapper{display: none; visibility: hidden;}
.input{font-size: 1rem ;height:3rem; padding:10px; box-sizing: border-box; }
select {font-size: 14px;height: 3rem;}
.btn{font-size: 16px;}
.btn-mini {font-size: 14px;padding:15px 10px;}
.m_block{display: block;}
.p_block{display: none}
.btn{padding: 15px 40px;min-width: 50%;}
.btnArea{padding: 40px 0;}
.btnArea_flex{padding: 40px 0;}

/* header */
#header{position:fixed;left:0;top:0;z-index:1000;width:100%;}
.head{
	display:flex;align-items:center;justify-content:space-between;
	position:relative;z-index:1000;
	box-sizing:border-box;
	width:100%;height:65px;
	padding:0 3%;
	border-bottom:1px solid rgba(255,255,255,0.25);
	background: #fff;
	background: transparent;
	transform: background-color 2s,transform 2s;
	
}
.head .m_logo a{
	width:110px;height:30px;margin:0 20px;
}

.head .nav_wrap{
	position:relative;
	box-sizing:border-box;
	width:calc(100% - 200px);height:100%;	
}
.head .nav_wrap .nav{display:none;}
.head .btn_menuwrap{
	display:flex;align-items:center;justify-content:flex-end;
	width:45px;height:100%;
	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:52px;height:44px;}
.head .btn_menuwrap .btn_menu .txt{}
.head .btn_menuwrap .btn_menu .hamburger{	
	position:relative;z-index:1100;
	width:24px;height:18px;
}
.head .btn_menuwrap .btn_menu .hamburger>div{
	width:100%;height:2px;
	margin-bottom:5px;
	background:#fff;
}
.head .btn_menuwrap .btn_menu.openmenu .hamburger>div:nth-child(1){width:100%;transform: translateY(7.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(-7.1px) rotate(-45deg);}


#header.on{}
#header.on .head{background:#fff;height:65px !important;}
#header.on .head .nav_wrap{}
#header.on .head .m_logo a{background:url(../images/common/logo2.png) no-repeat; background-size:cover;width:110px;height:30px;}
#header.on .head .nav_wrap .nav>li>a{color:#111;}
#header.on .head .btn_menuwrap{}
#header.on .head .btn_menuwrap .btn_menu .txt{color:#111;}
#header.on .head .btn_menuwrap .btn_menu .hamburger>div{background:#111;}

#header.bl{}
#header.bl .head{background:#000;width:100%;height:65px;border-bottom:1px solid rgba(0,0,0,0.1);}
#header.bl .head .m_logo a{background:url(../images/common/logo2.png) no-repeat; background-size:cover;width:110px;height:30px;}

#header.bl .head .nav_wrap .nav>li>a{color:#333;}
#header.bl .head .btn_menuwrap{}
#header.bl .head .btn_menuwrap .btn_menu .txt{}
#header.bl .head .btn_menuwrap .btn_menu .hamburger>div{background:#333;}

#header.all .head{position:relative;z-index:2000;border-bottom:1px solid rgba(0,0,0,0.1); height: 65px; background: #fff;}
#header.all .head .m_logo a{background:url(../images/common/logo2.png) no-repeat; background-size:cover;width:110px;height:30px;}
#header.all .head .btn_menuwrap{position:relative;z-index:2000;}
#header.all .head .btn_menuwrap .btn_menu .txt{color:#111;}
#header.all .head .btn_menuwrap .btn_menu .hamburger>div{background:#333;}

/*
.allmenu{
	box-sizing:border-box;
	width:100%;height:100%;
	margin:0 0 0;
	display: block; position: relative;
	}
*/
/*
.allmenu:before{
	display:block;content:"";
	width:1px;height:100%;
	position:absolute;left:50%;top:0;
}
*/
.allmenu .menuwrap h2{
	box-sizing:border-box;
	width:50%;
	padding:20px;
	font-size:18px;color:#111;font-weight:500; text-align:center;	border-bottom:1px solid #ddd;
}





/* footer */
.foot{
	padding:80px 5% 20px;
	border:1px solid #e5e5e5;
	border-width: 1px 0;
	display:block;
	position: relative;
}
.foot_info{	width:100%;max-width:100%;	display:block;}

.foot_info h1{width:100px; display:block; margin:0 auto; position: absolute; top:0; left:50%; margin-left:-50px;}
.foot_info h1 img{width:130px; margin: 20px auto;}
.foot_info .f_info_1{display:flex;align-items:center; width:100%; margin-bottom: 10px;}
.foot_info .f_info_1 h3{font-size:18px; color:#000; width:35%; margin-right:0;}
.foot_info .f_info_1 p{font-size:16px; color:#666; text-align: left;}

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

.foot_copy .copyright {width:100%;display:flex;justify-content:center;position:relative; font-size: 14px; color: #999;font-weight: 500; padding:10px 0 50px;}

@media screen and (min-width:300px) and (max-width:485px) { 
.foot_copy ul{display:grid;grid-template-columns: 1fr 1fr; width:100%; max-width: 100%; margin:30px auto 0;}
.foot_copy li{position:relative; padding:0 10px; margin-right:0; text-align: center;}
.foot_copy li a{font-size:14px; line-height:22px;text-align: center;}
}


/* Visual */
.Visual{width:100%; height:90vh }
.Visual:after{content: '';position: absolute;display: block;right: 5%;bottom: 25px; margin: auto;width: 46px;height: 111px; background:url(../images/common/visual_symbol.png)no-repeat; }

.Visual .txt_area{position: absolute; width:90%; top:40%; right:5%; text-align: right;}
.Visual .txt_area h1{font-size: 3rem; line-height: 1.1; letter-spacing: -2px; }
.Visual .txt_area p{font-size: 1rem; }

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

}
@media screen and (max-width:768px) { 
/* 서브 탑 타이틀 */
.title{ width:100%; max-width: 100%; }
.title h2{font-size: 4.0rem; }
.title p{font-size: 1.2rem;}
.title.sm h2{font-size: 3.7rem;}



/* ABOUT US */
.about01{padding:0 0 0;background:url(../images/about/about02_bg.png) no-repeat center 250px;background-size: 550px auto; }
.about01 .about01_1{padding:0 20px;margin-bottom:100px; display: block; text-align: center;}
.about01 h3{font-size: 1.5rem; width:100%; margin-bottom: 20px;}
.about01 p{font-size: 1.2rem;width:100%; }
.about01 .about01_2{display: block; padding:100px 20px 0;}
.about01 .about01_2 h4{font-size: 4rem; text-align: center; }
.about01 .about01_2 h5{font-size: 3rem; text-align: center; margin-top:200px; }
.about01 .about01_2 img{display: block; float: none; clear: both; margin:20px auto; text-align: center;max-width: 200px;}

.about02{ padding:60px 0;}
.about02 h3{font-size: 2.5rem;width:100%; margin-bottom:10px;}
.about02 h3:before{height: 50px;}
.about02 h4{font-size: 1.5rem; margin-bottom: 20px;}
.about02 p{font-size: 1rem;}

.about03{padding:0 0 60px; display: block; height: auto;}
.about03 .about03_img{width:100%; height:600px; display: block; }
.about03_view{height: 400px !important;}
.about03 .about03_txt{width:100%; padding:100px 20px 40px; text-align: center;}
.about03 h3{font-size: 2.2rem; margin-bottom: 10px;}
.about03 h4{font-size: 1.5rem; margin-bottom: 20px;}
.about03 p{font-size: 1rem;margin-bottom: 50px; width:100%}
.about03 img{margin:0 auto;width:300px;}

.about04{display: block; width:100%; box-sizing: border-box;}
.about04 .about04_1{width:200px; height: 200px;  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; }

@media screen and (max-width: 500px) {
.about04 .about04_1{width:200px; height: 200px; position: relative; left:0; top:0;}

}


.about04 .about04_2{margin:-50px 0 0; padding:200px 0 100px; }
.about04 .about04_2 .container{display: block; width:90%; }
.about04 .about04_2 .about04_2_1{width:100%; }
.about04 .about04_2 h3{font-size: 2.3rem; margin-top: 00px; margin-bottom: 20px;}
.about04 .about04_2 h4{font-size: 1.5rem;margin-bottom: 40px;}
.about04 .about04_2 p{width:100%;}
.about04 .about04_2 .about04_2_2{margin-top:60px;width:100%;}
.about04 .about04_2 .about04_2_2 th{ width:100px; }

.location01 .location01_2{background-size: auto 300px; height:300px;}
.location02 .location02_img{width:100%; height: 300px; display: block; }
.location02 .location02_info{width:100%; padding:0 20px; }
.location02 .location02_info .location02_address{width:90%; height: auto; padding:40px 30px 30px; margin:30px auto;}
.location02 .location02_info .location02_public{margin-top:30px;}

.subtit h3{font-size: 3rem;}
.subtit h4{font-size: 1.2rem;}

.facility01{ background: none;}
.facility01 .facility01_1{padding:0 20px; display: block;}
.facility01 p{ width:100%;}
.facility02 .container{width:100%; max-width:100%;padding:60px 20px;}
.facility02 .subtit ul{margin-top:20px;}



.parking01 .parking01_img{width:100%;height: 300px; }

.parking02{padding:100px 0 60px;}
.parking02 .container{display: block;}
.parking02 .park2_area1{width:100%;}
.parking02 .park2_area2{width:100%;}

.parking02 .subtit h4{margin-bottom: 30px;}
.parking02 .parking02_1{margin:0 auto 60px;}
.parking02 .parking02_2{width:100%; margin:0 auto 300px;}
.parking02 .parking02_2:after{width:300px; height: 645px; top:160px; background-size: 300px auto; }
.parking02 .parking02_2_txt{padding-left:300px;}
.parking02 .parking02_3{width:100%;margin:15px 0 80px;}
.parking02 h5{font-size: 1.4rem; margin-top:30px; }


@media screen and (max-width: 600px) {
.parking02 .parking02_2{width:100%; margin:0 auto 200px; }

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

.facility01 .facility01_service{position: relative;height:350px; margin-top:60px; }
.facility01 .facility01_service .facility01_call{ position: relative; left:auto; margin-left:0; width:100%; height: 350px;}
.facility03 .subtit p{width:100%;}

}


.parking03{ overflow: visible; padding:0 0 60px;}
.parking03:before{width:100%; height: 400px; position: relative; left:auto;top:0; margin-left: 0; }
.parking03 .parking03_area{display: block; width:100%; max-width: 100%;padding:0 20px;}
.parking03 .parking03_tit{width:100%; padding:20px 0 0; }
.parking03 .parking03_info{width:100%; padding:0 0;}

.parking03 .parking03_tit .parking03_call{width:100%; height: 250px;  padding:60px 10px 0;}
.parking03 .parking03_tit .subtit{padding:50px 0 30px; width:100%;}
.parking03 .parking03_tit .subtit h3{font-size: 2.6rem;}







/* card List */
.cardList01{width:100%; max-width: 100%; padding:0 5%; }
.cardList01 .list_area{width:100%; display: grid; grid-template-columns: repeat(1, 1fr); grid-gap: 40px 0; }
.cardList01 .list_area .item{padding:20px 0px 100px; }
.item h3{font-size: 1.8rem; margin-bottom: 10px;}

/* BULLETIN */
.schArea{width:100%; padding:0 20px; display: flex; flex-direction:column; }
.schArea h3:after{margin:auto;}
.schArea .contact{ padding: 20px; margin:5px 0; }
.schArea .contact p{display: block; padding:30px 0 0 0;min-height: 50px; }
.sch01, .sch02, .sch03{float: none;display: block; width:100%;}
.schBtn {width:90%;}
.notice01 .btnArea_flex{padding:10px 0;}
.notice02{padding:30px 0;}

.contact01 i{width:50px; height: 53px; margin:0 auto 20px;}
.contact01 h3{font-size: 1.5rem; }
.contact01 a{ margin-top:10px;}

/* RETAIL TENTANT */
.cateList01{padding:0 0 0; height: auto; overflow: visible;}
.cateList02{padding:60px 0; 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;}

.cateList_top{position: relative;}
.cateList_tit h3{font-size: 3rem; line-height: 1; margin-bottom: 20px;}
.cateList_tit p{font-size: 1rem;padding:0 30px;}
.cateList_new{ padding-top: 30px;}
.cateList_new dt{text-align: left; width:25%; }
.cateList_new dd{text-align: left; width:75%;}

/*
.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%;}
*/

.retail_img{display: block; }
.retail_img img{width:100%; margin:10px 0;}

.retail_cate{max-width: 100%; overflow-x:scroll; }
.retail_cate::-webkit-scrollbar-track{background:#f4f4f4; padding:1px;}
.container::-webkit-scrollbar-thumb {background: #ddd; padding:1px;}
.retail_cate a{font-size: 1.2rem; overflow: visible; }

.retail_list{grid-template-columns: repeat(1, 100%); grid-gap:10px; }
.retail_list .item a{ padding:20px;}


/* FOR LEASE */
.lease01 .container{padding: 0;}
.lease01 .inquiry01_1{width: 100%; position: relative; padding:0 0 60px;}
.lease01 .inquiry01_3 {width:100%; float: none;}


/* TENANT SERVICE */
.ApplyArea{padding: 0;}
#email1{width:44%;}
#email2{width:44%;}
.email3{width:100% !important; margin-top:3px;}
.tel1{width:30% !important;}
#tel2{width:29%;}
#tel3{width:29%;}
#sdate, #edate{width:70%;}
#shour, #ehour{width:46% !important;}
#smin, #emin{width:46% !important;}
#stime, #etime{width:30% !important;}
.m_gubun{width:100% !important;}
#Weekends{margin-top:10px;}

.login .btnArea{padding:40px 0;}
.contact p{font-size: 14px;}
.contact li span{font-size: 13px;}

h3.titDep{font-size: 1.5rem;}


.inquiry01 .container{padding:0 0px;}
.inquiry01 .inquiry01_1{width:100%; position: relative;left:0;}
.inquiry01 .inquiry01_1 h3{font-size: 3rem;}
.inquiry01 .inquiry01_1 h4{font-size: 1.5rem;}
.inquiry01 .inquiry01_1 p{font-size: 1rem; }
.inquiry01 .inquiry01_2 {width:100%; height: 200px; position: relative;}
.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:100%; float: none; display: block; margin-top: 60px;}
.inquiry01 .inquiry01_3 img{width:100%; max-width: 960px;}
.inquiry02{padding:60px 0 60px; height: auto;}


}