@charset "utf-8";

/* header tablet */
@media screen and (max-width: 1500px) {
	.header {position: absolute; width: 100%;min-width: 100%; }
	.header > .gnb_web_area{ width: 100%;min-width: 100%; }
	.header > .gnb_web_area > .gnb_box .gnb ul.dep1 {width:800px;}
	.header > .gnb_web_area > .gnb_box .gnb ul.dep1 > li {padding:0 10px; }
	.header > .gnb_web_area > .gnb_box > .gnb > .right_zone {width:230px; }
.header > .gnb_web_area > .gnb_box > .gnb > .right_zone > .info ul li.btn01{width:30%; min-width: 68px; }
	#footer .f_box{padding: 0 20px;}
}
@media screen and (max-width: 1280px) {
.header > .gnb_web_area > .gnb_box > h1 {width:180px; }
.header > .gnb_web_area > .gnb_box > h1 > .logo {position: absolute; top:50%; left:20px; display: block; width: 180px; height: 88px; margin-left:0px; margin-top:-44px; background:url("../images/common/logo.png") no-repeat left center; background-size: 160px auto;}

/*
	.header > .gnb_web_area {display: none;}
	.header > .gnb_web_area:before {display: none;}
	.header > .gnb_mobile_area {display: block;}
*/
.header > .gnb_web_area > .gnb_box .gnb {position: absolute; right:0; display: block; min-width: 0;}
.header > .gnb_web_area > .gnb_box .gnb ul.dep1 {width:600px;}
.header > .gnb_web_area > .gnb_box .gnb ul.dep1 > li {padding:0 5px;}
.header > .gnb_web_area > .gnb_box .gnb ul.dep1 > li > a {display: block; font-size:13px; }
.header > .gnb_web_area > .gnb_box > .gnb > .right_zone {width:230px; }
.header > .gnb_web_area > .gnb_box > .gnb > .right_zone > .info ul li.btn01{width:30%; min-width: 68px; }

.header > .gnb_web_area > .gnb_box > .gnb > .right_zone > .info ul li.btn02 a{font-size: 14px; padding:0 10px; }

.header > .gnb_web_area > .gnb_box > .gnb ul.dep2 > li > a {display: block; font-size:13px;}


}

@media screen and (max-width: 1000px) {
.header {position: absolute; width: 100%; min-width: 100%; height: 70px;}
.header > .gnb_web_area {display: none;}
.header > .gnb_web_area:before {display: none;}
.header > .gnb_mobile_area {display: block;}


}

@media screen and (max-width: 1920px) {
/* 주차안내 */
.parking01 .parking01_img{background-size: cover; }
}

@media screen and (max-width: 1440px) {
.lnb_home a.home:before{ right: 30px; }

}
@media screen and (max-width: 1440px) {
#lnb > ul {width: 100%; }
#lnb > ul > li.lnb02{width:40%;}
#lnb > ul > li.lnb03{width:40% !important;}
#lnb .lnb_home{position: relative; left:0; float: left; width:10%;padding: 0}


}
@media screen and (max-width: 1280px) {
/* common 1280px*/
.section{width:100%; margin:inherit auto;  }
.container{position: relative; max-width:1200px; margin:inherit auto; }
#contents{width:100%;}


}

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

/* common 1024px*/
.section{width:100%; margin:inherit auto;  }
.container{position: relative; max-width:950px; margin:inherit auto; }
#contents{width:100%;}

.btnArea{width:100%; max-width: 90%;}

/* Visual 1024px */
.Visual{width:100%; min-width: 100%; height: 900px;}
.Visual h1{padding-top:0px; }
.Visual p{ margin-top:20px; }

/* lnb 1024px */
#lnb > ul {width: 100%;margin: 0 auto; font-size: 0; }
#lnb > ul > li.lnb02{width:40%;}
#lnb > ul > li.lnb03{width:40% !important;}
#lnb .lnb_home{position: relative; left:0; float: left; background: #000;width:20%;}

/* title 1024px*/
.title h2{font-size: 3.2rem; }
.title p{font-size: 1.5rem; }

/* 로그인 1024px*/
#contents.Visual_login{width:100%; min-height: 900px; padding: 100px 0 100px;}

.Visual_login .login_area{position: relative; width:100%; max-width: 980px; z-index: 1; }
.login_area .login_info{padding:70px 75px;}
.login_area .login_form{padding:75px 55px;}



/* 오시는길 1024px */
.location01 .location01_1 .container{width:100%; max-width: 400px; padding:0 0; text-align: left;}
.location01 .location01_1 h3{font-size: 2.5rem; }
.location01 .location01_1 h4{font-size: 1.5rem;  margin-bottom: 20px;}
.location01 .location01_1 p{font-size: 1rem; }
.location01 .loc_bus{ margin-top:30px;}
.location01 .loc_bus h5{font-size: 1.2rem; margin:20px 0 10px; }
.location01 .loc_bus p{font-size: 1rem; margin-bottom: 0;}
.location01 .location01_2 {padding-top:35px;}
.location01 .location01_2 img{max-width: 600px; vertical-align: bottom;}

.location02{padding:60px 0;}
.location02 .container{display: grid;  grid-template-columns: repeat(2, 46%); grid-gap: 4%;align-items: flext-start;}
.location02 .location2_1 h3{font-size: 2.5rem;}
.location02 .location2_1 h4{font-size: 1.5rem; margin-bottom: 20px;}
.location02 .location2_2_box{display: grid; grid-template-columns: repeat(2, 46%); grid-gap: 4%; align-items: flex-end; width:100%; }
.location02 .location2_2 h5{font-size: 1.5rem;}
.location02 .location2_2 ul{width:250px; display: grid; grid-template-columns: repeat(3, 30%); grid-gap: 10px;align-items: flext-start;}

.location03{width:100%; height: 400px;}
.location03 .map{width:100%;}


/* 주차안내 1024px*/
.parking01{width:100%; display: block;}
.parking01 h4{font-size: 1.9rem; margin-bottom: 20px;}
.parking01 .parking01_img{ height: 570px; background-size: cover; }

.parking02{display: grid; grid-template-columns: repeat(2, 48%); grid-gap: 4%;align-items: center; margin:100px auto 0;}
.parking02 .parking02_1 h3{font-size: 2.5rem; }
.parking02 .parking02_1 h4{font-size: 1.6rem; }
.parking02 .parking02_1 .about_tb{margin-top:20px}
.parking02 .parking02_2 img{width:100%;}

#navTab { margin: 24px auto; width: 95%; min-height:850px;}

.parking04{display: grid; grid-template-columns: repeat(2, 48%); grid-gap: 4%; align-items: center;margin:80px auto 0;}
.parking04 .parking04_2 h3{font-size: 2.5rem; }
.parking04 .parking04_2 h4{font-size: 1.6rem; margin-bottom: 30px;}
.parking04 .parking04_2 h5{font-size: 1.2rem;}
.parking04 .parking04_1 img{max-width: 100%;}


.parking05{padding:80px 0; margin:80px auto 0; }
.parking05 h3{font-size: 2.5rem; margin-bottom: 5px;}
.parking05 h4{font-size: 1.6rem; margin-bottom: 5px;}
.parking05 .tel{font-size: 2.5rem;}


/* 입점매장 안내 1024px */
.retail_map .map_list{padding:30px 40px; margin-top:0; }
.retail_map .map_list ul{margin-top:20px;}

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

/* card List 1024px */
.cardList01{width:100%; max-width: 90%; display: flex;}
.cardList01 .list_area .item.notice{padding:30px 30px 150px; min-height: 300px;}

/* 오피스 임대문의 1024px */
.lease_img{min-height: 512px; background:url(../images/tenant/lease_bg1.jpg) center; background-repeat: cover; margin-bottom: 150px; overflow: visible;}
.lease_img .lease_box{ top:40%; left:5%; margin-left:0; z-index: 2; padding:100px 60px; }

/* 고객의 소리 1024px*/
.inquiry_img{min-height: 512px; margin-bottom: 150px; }
.inquiry_img .lease_box{top:40%; left:5%; margin-left:0; z-index: 2; padding:60px 40px; }


}

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

/* common 768px*/
.section{width:100%;  }
.container{position: relative; width:95%; max-width:700px;}

#contents{width:100%; }
.m_block{display: block;}
.m_none{display: none;}
img{max-width:100%;}

	.header {position: absolute; width: 100%; min-width: 100%; height: 70px;}
	.header > .gnb_web_area {display: none;}
	.header > .gnb_web_area:before {display: none;}
	.header > .gnb_mobile_area {display: block;}


.btn {font-family: 'Noto Sans KR'; font-weight: bold; font-size: 16px;	text-transform: uppercase; position: relative;border: none; padding: 15px 40px; min-width: 150px; display: block;}
.btnArea{width:100%; max-width: 90%; text-align: center;}


#footer{width:100%; min-width: 100%; padding: 50px 0 60px; display: block;}
#footer .container{display: table !important;width:100%;}
#footer .f_box{display: block; clear: both; width:100%; min-height: 100%;padding: 0 20px;}
#footer .f_box:after{width:100%; height:1px; position: relative; bottom:0; right:auto; left:0; margin:30px auto;}
#footer .f_about{display: table; }
#footer .f_box.f_about:after{display: none;}
/* #footer .f_about ul{width:100%; display: block;clear: both;} */
#footer .f_logo h1{width:80px; height: 45px; background-size: 80px auto;  margin-bottom: 25px; font-size: 0;}
#footer .f_logo p{font-size: 1rem; }
#footer .f_box h2{font-size: 1.6rem;margin-bottom: 10px;}
#footer .f_contact li{font-size: 14px; padding: 3px 0 3px 30px; line-height: 1.5;}
#footer .f_contact i{ top:2px;}
#footer .f_about a{font-size: 1rem; }


/* Visual 768px */
.Visual{width:100%; min-width: 100%; height: 700px;}
.Visual .txt_area h1{padding-top:0px; }
.Visual .txt_area p{margin-top:20px; }

/* lnb 768px */
#lnb > ul {width: 100%;margin: 0 auto; font-size: 0; }
#lnb > ul > li.lnb02{width:40%;}
#lnb > ul > li.lnb03{width:40% !important;}
#lnb .lnb_home{position: relative; left:0; float: left; background: #000;width:20%;}

/* title 768px */
.title{ padding-bottom:30px;width:100%;}
.title hr{width:2px; height:30px;}


/* category 768px */
.smenu_tab.col8 li{width:30% !important;}


.ListSearch{width:100%; min-height: 90px; }
.ListSearch select{width:100%;height:45px; clear: both; display: block;background-position: 96%;}
.ListSearch input{width:87%;margin-right: 0; height: 43px;}
.ListSearch .btn_sch{top:45px;text-align: right;}

@media all and (min-width:600px) and (max-width:820px) {
.ListSearch input{width:92%;margin-right: 0; height: 43px;}
}

/* 게시물 리스트뉴스 768px*/
.BBSList01 {width:100%; }
.BBSList01 li div.date2{width:100%; left:0; top:0px; position: relative; text-align: left; font-size: 14px;}
.BBSList01 li em{width: 30px; text-align: center; margin-right:10px;}
.BBSList01 li em.notice{width:30px;}
.BBSList01 h5{width:100%; font-size: 16px;}
.BBSList01 p{width:100%; margin:0; }



/* 게시물 내용보기 768px*/
.bbsViewer {width:90%;position:relative;}
.bbsViewer .noticehead .noticeTit { display:block;width:auto; text-align: center; margin:10px 0; padding:0;}
.bbsViewer .noticehead .noticeTit span.date {position: relative; right:0; bottom:0; text-align: center;}
.bbsViewer .noticeContent {padding:40px 0;}
.noticeBtn {width:90%; height:35px; margin:20px auto; }
.noticeBtn a{width:30%;}


/* 댓글 영역 768px*/
.Reply_write{width:90%;}
.Reply_list {width:90%;}

.Reply_list li{padding: 20px 10px;position: relative;}
.Reply_list li em{display: block; position: relative; text-align: left; margin-bottom: 10px;}
.Reply_list li div.date2{display: block; position: relative; width:100%; height:20px; right:0; top:0; text-align: right;line-height: 26px; }

.Reply_list p{width:100%;}


/* FAQ */
.faq .q a{font-size: 16px; line-height: 16px !important;}


/* category 768px*/
.smenu_box {width: 100%;display: table; margin-bottom: 30px;}
.smenu_box li {float:left; width:49%;margin-right:1px; }
.smenu_box li a{font-size: 16px;}

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

/* 오피스 임대문의 768px*/
.lease_img{min-height: 380px; margin-bottom: 150px; }
.lease_img .lease_box{ padding:60px 40px;box-sizing: border-box;}


/* 고객의 소리 768px*/
.inquiry_img{min-height: 450px; margin-bottom: 150px; }
.inquiry_img .lease_box{position: absolute; top:30%; left:5%; margin-left:0; z-index: 2; padding:60px 40px;}


/* QnA 768px*/
.contact h3{font-size: 25px; }
.contact h4{font-size: 16px; }
.contact p{font-size: 14px;}
.contact li em{font-size: 13px; width:27%; }
.contact li p{padding-left:31%;}

.contact li button{font-size: 12px !important; padding:8px 10px; margin-left:5px; margin:3px 0;}
.contact li textarea{height:200px;width:100%; }
.contact .email{width:100%; margin-top:10px;}

.agree01 br{display: none;}

/* 추가 냉난방 신청 */
.airApply {display: grid; grid-template-columns: repeat(1, 100%); grid-gap: 0;align-items: flex-start;}
.airApply .agreecont{height: 200px;}

.conView {display: grid; grid-template-columns: repeat(1, 100%); grid-gap: 0; align-items:flex-start;}
.conView .contact li .txt{padding:0 0 0 31%; margin-top:-30px;}


/* 자전거 주차장 서비스 768px*/
.conView.bicycle{display: grid; grid-template-columns: repeat(1, 100%); grid-gap: 0; align-items:flex-start;}
.conView.bicycle .contact li .txt{padding:0 0 0;}
.conView.bicycle .contact .mt30{margin-top:30px;}


/* Parc.1 소개 768px*/
.about01{width:100%; padding-bottom: 60px}
.about01_0 {width:100%; max-width: 100%; padding: 0 20px; }
.about01_0 h3{font-size: 1.3rem;}
.about01 .section{display: grid; grid-template-columns: repeat(1, 100%); grid-gap: 0; }
.about01 .about01_1{position: relative; display: flex; justify-content:center;}
.about01 .about01_1 .about01_1_box{max-width: 90%; }
.about01 .about01_1 h4{margin:40px auto 30px;}
.about01 .about01_1 p{margin-bottom: 10px;}

table.about_tb{width:100%; margin-top:10%;}
.about_tb th{color: #333; font-weight: normal; border-bottom: 1px solid #de0024; padding: 15px 10px; text-align: left;}
.about_tb td{color: #333; border-bottom: 1px solid #d0d0d0;padding: 15px 20px;}

.about01 .about01_2{padding-top:60px;}

.about01_2 h5{ margin-top:30px; padding-left:20px;}
.about01_2 p{padding-left:20px;}
.about01_2 span{padding: 5px 20px;}

.about02 .container{display: grid; grid-template-columns: repeat(1, 100%); grid-gap: 0; align-items: center; }
.about02 .about02_1{padding:0 20px;width:100%; max-width:600px; margin: 0 auto 0}
.about02 .about02_2{padding:0 20px;width:100%; max-width:600px; margin: 0 auto 0;}
.about02 img{max-width: 100%;}
.about02_1_logo{ margin:60px auto 0; }
.about02_2_logo{ margin:60px auto 0; }

.about03{padding: 60px 0 }
.about03 .container{display: grid; grid-template-columns: repeat(1, 100%); grid-gap: 0;align-items: center; }
.about03 h3{margin-top:50px;}
.about03 h5{margin-top:50px;}

.about04{padding: 60px 0 290px; }
.about04 .container{display: grid; grid-template-columns: repeat(1, 100%); grid-gap: 0; }
.about04_1{padding:0 0;}
.about04_2{text-align: center; margin-top:30px;}
.about04_2 img{max-width: 100%;}

.about05{padding:60px 0;background:url(../images/about/about05_bg2.jpg) top; background-size: cover;}

.about05 .container{flex: 2; display: grid; grid-template-columns: repeat(1, 100%); grid-gap: 0; padding:0 20px;}
.about05 .about05_1{width:100%; max-width: 90%; margin:0 auto 300px;}
.about05 h4{margin-bottom: 20px;}
.about05 h5{font-size: 1.5rem; margin-bottom: 10px;}
.about05 img{margin:20px 0; width: 100%;}


/* 오시는길 768px*/
.location01{display: grid; grid-template-columns: repeat(1, 100%); grid-gap: 0; justify-content: flex-start;}
.location01 .location01_1{padding-bottom: 60px;}
.location01 .location01_1 .container{width:90%; max-width: 90%; padding:0 5%; }
.location01 .location01_1 h3{font-size: 2.5rem;}
.location01 .location01_1 h4{font-size: 1.3rem; margin-bottom: 30px;}
.location01 .location01_1 p{font-size: 1rem;  margin-bottom: 10px;}
.location01 .loc_bus{ margin-top:30px;}
.location01 .loc_bus h5{font-size: 1.4rem; margin:30px 0 15px; }
.location01 .loc_bus p{ font-size: 1.1rem;  margin-bottom: 0;}

.location01 .location01_2{width:100%; height:100%; align-items:flex-end;  }
.location01 .location01_2 img{max-width: 100%;}

.location02{padding:60px 0;}
.location02 .container{display: grid; grid-template-columns: repeat(1, 100%); grid-gap: 0; justify-content: flex-start;}
.location02 .location2_1 h3{font-size: 2.5rem;}
.location02 .location2_1 h4{font-size: 1.5rem; margin-bottom: 20px;}
.location02 .location2_2{display: flex; flex-wrap:wrap; align-items: flext-start;}
.location02 .location2_2_box{display: grid; grid-template-columns: repeat(2, 50%); grid-gap: 0; align-items: flex-end; }
.location02 .location2_2 h5{font-size: 1.9rem; width:100%;}
.location02 .location2_2 ul{width:100%; display: grid; grid-template-columns: repeat(3, 30%); grid-gap: 10px;align-items: flext-start;}

.location03{width:100%; height: 400px;}
.location03 .map{width:100%;}


/* 주차안내  768px*/
.parking01{width:100%; display: block;}
.parking01 h4{font-size: 1.9rem; margin-bottom: 20px;}
.parking01 .parking01_img{ width:100%; height: 400px; min-height:100px;}

.parking02{display: grid;  grid-template-columns: repeat(1, 100%); grid-gap: 0;align-items: flext-start;margin:60px auto 0;}
.parking02 .parking02_1 h3{font-size: 2.5rem; text-align: center;}
.parking02 .parking02_1 h4{font-size: 1.5rem; text-align: center;}
.parking02 .parking02_1 .about_tb{margin-top:20px}
.parking02 .parking02_2 img{width: 100%; margin-top:40px;}

.parking03{padding:60px 0 0; display: table; background-size:contain}
.parking03 h3{font-size: 1.9rem; margin-bottom: 20px; text-align: center;}
#navTab {
  margin: 24px auto;
  width: 95%;
  min-height:700px;
  margin-bottom: 20px;
}

.parking04{display: grid;  grid-template-columns: repeat(1, 100%); grid-gap: 0; align-items: flext-start; margin:50px auto 0;}
.parking04 .parking04_1{margin-bottom: 30px;}
.parking04 .parking04_1 img{width:100%;}
.parking04 .parking04_2 h3{font-size: 2.5rem; text-align: center;}
.parking04 .parking04_2 h4{font-size: 1.5rem; text-align: center; margin-bottom: 30px;}
.parking04 .parking04_2 h5{font-size: 1.5rem; }
.parking04 .parking04_2 .about_tb{margin-top:0;}

.parking05{margin:60px auto 0;}
.parking05 h3{font-size:2.5rem; margin-bottom: 10px;}
.parking05 h4{font-size: 1.5rem; margin-bottom: 10px;}
.parking05 p{margin-bottom: 40px;}
.parking05 .tel{font-size: 2.5rem;}



/* 입점매장 안내 768px */
.retail_map{margin:20px auto 0; }
.retail_map .retail_map_area{display: grid; grid-template-columns: repeat(1, 100%); }
.retail_map .map_list{text-align: center; padding:50px 40px; margin-top:1px;}
.retail_map .map_list ul{margin-top:20px;}
.retail_map .map_list li{width:50%; float: left;}
.retail_map .map_img {padding:30px 0; box-sizing: border-box;}

.retail_list{ padding: 40px 0; height: 100%;}
.retail_list .container{display: grid; grid-template-columns: repeat(2, 48%); grid-gap:20px;}
.retail_list .item a{padding:30px;}


.retail01{display: grid; grid-template-columns: repeat(1, 100%); grid-gap:0; margin:70px auto;}
.retail01 .retail01_logo{width:150px; padding:40px; margin: 0 auto 30px;}
.retail01 .retail01_name{float: left;margin: 0 auto 30px;text-align: center;}
.retail01 .retail01_name h4{font-size: 1.9rem; color: #333; margin-top: 20px;}

.retail02_intro {text-align: center;}
.retail02_intro h3{font-size: 2rem;}
.retail_map{margin:40px auto 0;}
.retail_map .title h2{font-size: 2rem;}
.retail_map .title p{font-size: 1.5rem;}

/* 로그인 768px*/
.Visual_login .login_area{position: relative; width:100%; max-width: 90%; z-index: 1; margin:0 auto;display: grid; grid-template-columns: repeat(1, 100%); grid-gap:0; }

.login_area .login_info{padding:70px 75px; }
.login_area .login_form{text-align: center; padding:95px;}
.login_menu{width:100%; text-align: center; }
.login_menu a{font-size: 1rem; color: #000; padding:10px 20px; }
.login_menu a:focus{color: #000;}









}