@charset "utf-8";
@media screen and (max-width: 500px) {
/* lnb 479px */
.sticky-wrapper {top:-80px;height: 80px;}
#lnb{height: 80px;}
#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%;line-height: 80px; height: 80px;}
#lnb .lnb_home a{line-height: 80px;}
.lnb_home a.home:before{top: 30px;right: 30px; }
#lnb > ul > li > a {padding: 0 10px; font-size: 1rem; line-height: 80px; }
#lnb > ul > li > a:after { top: 35px; right: 10px; width: 18px; height: 10px; background-size:10px;}


.is-sticky #lnb{height: 60px;}
.is-sticky #lnb > ul > li > a{line-height: 60px;}
.is-sticky #lnb .lnb_home{line-height: 60px; height: 60px;}
.is-sticky #lnb .lnb_home a{line-height: 60px;}
.is-sticky .lnb_home a.home:before{top: 15px;}
.is-sticky #lnb > ul > li > a{font-size: 1rem;}
.is-sticky #lnb > ul > li > a:after{top: 25px; }

}


@media screen and (max-width: 479px) {
html, body {  font-size: 14px;}
.section{width:100%; min-width: 100%;   }
.container{width:95%; margin:inherit auto; }
#contents{width:100%; min-width: 100%;padding:60px 0;}
.pd100{padding:10% 0 !important;}



/* Visual 479px */
.Visual{width:100%; min-width: 100%; height: 500px;}
.Visual .txt_area{text-align: center;}
.Visual .txt_area h1{font-size: 3.6rem; padding-top:0px; }
.Visual .txt_area p{font-size: 1rem; margin-top:20px; }





/* title 479px */
.title{ padding-bottom:10px;width:100%;}
.title hr{width:2px; height:30px;}
.title h2{font-size: 2.5rem; }
.title p{font-size: 1.5rem; }


/* category */
.smenu_tab{display: grid; grid-template-columns: repeat(2, 50%); margin: 30px auto; }
.smenu_tab li {margin-top:-1px;}
.smenu_tab li:nth-child( 2n + 1){border-left:1px solid #e2e2e2}
.smenu_tab li:hover, .smenu_tab li.subon{ border-top: 2px solid #ca0013; border-bottom: 1px solid #e2e2e2;}
.smenu_tab li:hover a, .smenu_tab li.subon a{color:#ca0013;}


/* 글쓰기 폼 */
.contact li em{font-size: 1rem; width:25%; height:auto; top:15px; }
#sdate{width:70%;}
#edate{width:70%;}


/* 게시물 내용보기 */
.bbsViewer {width:100%;position:relative;}
.bbsViewer .noticehead .noticeTit { display:block;width:auto; text-align: center; margin:20px 0; padding:0;}
.bbsViewer .noticehead .noticeTit span.date {position: relative; right:0; bottom:0; text-align: center; margin-top:5px; width:100%;}
.bbsViewer .noticeContent {padding:30px 0;}
.noticeBtn {width:100%; height:45px; margin:20px auto 50px;}
.noticeBtn a{display:inline-block; height:100%; margin:0; line-height: 1;width:20%; font-size: 0; }
.noticeBtn .btnList{width:150px;margin-left:-75px;}
.bbsViewer .fileArea button{width:95%; display: block;margin:3px;box-sizing: border-box;}

/* card List */
.cardList01 .list_area{width:100%; display: grid; grid-template-columns: repeat(1, 100%); grid-gap: 20px;}
.cardList01 .list_area .item.notice{padding:30px 30px 60px; min-height: 200px;}



#email1{width:46%;}
#email2{width:46%;}
.email3{width:100% !important; margin-top:3px;}
.tel1{width:30% !important;}
#tel2{width:31%;}
#tel3{width:31%;}


/* 회원가입 */
.black_mode .title{padding-top:100px;}

.join{width:95%; max-width: 95%; padding:20px; }
.join_tit img{width:180px;}




/* 로그인 */
#contents.Visual_login{width:100%; min-height: 750px; padding: 50px 0 50px; }
.Visual_login .title{padding-top:50px;}
.Visual_login .title img{width:180px;}
.Visual_login .login_area{position: relative; width:100%; max-width: 100%; margin:0 auto;display: flex; flex-flow:row wrap; justify-content:center;}
.login_area .login_info{flex-basis: 90%; padding:30px 30px; margin-bottom: 30px;}
.login_area .login_form{flex-basis: 90%; padding:40px;}
.login_menu{width:100%; text-align: center; }
.login_menu a{ padding:10px 10px; }

.login_area .login_info h2{font-size: 1rem;}
.login_area .login_info h3{font-size: 2rem; margin-top:50px;}
.login_area .login_info p{font-size: 1rem;margin-top:20px;}
.login_form h3{font-size: 1rem; }
.login_form h2{font-size: 2rem;}
.login_form .login{width:100%; margin:30px auto;}
.login h4{font-size: 1rem;}
.login p{position: relative; width:100%; padding: 20px; font-size: 1.2rem;}
.login em{width:20%; font-size: 1.2rem;}


/* 아이디/비밀번호찾기 */
.Visual_login .find_area{width:100%; margin:0 auto;display: flex; flex-flow:row wrap; justify-content:center;}
.find_area .login_form{flex-basis: 90%; padding:30px 30px 0;}

/* Parc.1 소개 */
.about01 .about01_2 .about01_2_img{ height: 400px; position: relative; }
.about05 .about05_1{width:100%; max-width: 90%; margin:0 auto 200px;}


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

.parking05{padding:60px 0; 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: 20px; padding: 0 30px; }
.parking05 .tel{font-size: 2.5rem;}


	#navTab {
	  margin: 24px auto;
	  width: 95%;
	  min-height:350px;
	    width: 100%;
	    position: relative;
	    border: none;
	margin-bottom: 20px;
	}

  #navTab li {
  display: block;
  width: 100%;
  margin:-1px 0 0;
  }

  #navTab .tab_con {
  position: relative;
  margin:0px auto 40px;
  top: 0px;
  }


/* 파크원 주요 연락처 479px*/
.contact01{display: grid; grid-template-columns: repeat(1, 100%); grid-gap:20px; justify-content: flex-start; padding:0 20px; box-sizing: border-box;}
.contact01 .contact_item i{width:112px; height: 111px; display: block; content: ''; margin: 0 auto 20px;}
.contact01 .contact_item i.con01{background: url(../images/bulletin/contact01_1.png)no-repeat center; }
.contact01 .contact_item i.con02{background: url(../images/bulletin/contact01_2.png)no-repeat center; }
.contact01 .contact_item i.con03{background: url(../images/bulletin/contact01_3.png)no-repeat center; }
.contact01 .contact_item i.con04{background: url(../images/bulletin/contact01_4.png)no-repeat center; }
.contact01 .contact_item i.con05{background: url(../images/bulletin/contact01_5.png)no-repeat center; }
.contact01 .contact_item i.con06{background: url(../images/bulletin/contact01_6.png)no-repeat center; }
.contact01 .contact_item h4{font-size: 1.8rem; color: #333;}
.contact01 .contact_item p{font-size: 1.1rem; color: #666;margin-bottom:40px;}
.contact01 .contact_item h5{font-size: 1.4rem; color: #666;font-family: 'roboto'; font-weight: bold; }
.contact01 .contact_item strong{margin-right:15px;}


/* 입점매장 안내 */
.retail_list .container{display: grid; grid-template-columns: repeat(2, 48%); grid-gap:10px;}
.retail_list .item a{padding:15px;}
.retail_list .item img{width:70px;}

/* 오피스 임대문의 */
.lease_img{min-height: 300px; margin-bottom: 150px; }
.lease_img .lease_box{ padding:40px 40px; box-sizing: border-box; width:80%; left:10%;}


/* 고객의 소리 */
.inquiry_img{min-height: 300px; margin-bottom: 150px; }
.inquiry_img .lease_box{padding:40px 20px; box-sizing: border-box; width:80%; left:10%;}
.inquiry_img .lease_box h3{font-size:1rem;}
.inquiry_img .lease_box h4{font-size:2rem; margin:20px auto 0;}
.inquiry_img .tel{font-size: 2.0rem; margin: 0 0 20px; }
.inquiry_img p br{display: none;}








}