@media (max-width: 1720px) {
	.inner1720 {padding: 0 2%; box-sizing: border-box;}
}

@media (max-width: 1500px) {
	.inner1500 {padding: 0 2%; box-sizing: border-box;}

	/* main */
	.m-service .link {padding: 80px 0 0 2%; box-sizing: border-box;}
	.m-service .cnt {align-items: initial;}
	.m-service .img img {width: 100%; height: 100%; object-fit: cover;}

	.m-research .tabCnt .slide .item.slick-now + .item .img {transform: scale(1);margin-left:0;}
	.m-research .tabCnt .slide .item.slick-now + .item .img img {opacity: 1; } 

	/* sub */
	#news .listBox ul li .txtBox {padding: 0 30px 30px 30px;}
	#location .cnt1 .list .titBox {padding-left: 28px;}
	#location .cnt1 .list ul {flex-wrap: wrap; gap: 20px; margin-top: 95px; padding-right: 0; width: calc(100% - 380px);}
	#location .cnt1 .list ul li {width: calc(50% - 10px);}

	.m-research .tabCnt .slide .item.slick-now + .item .img {margin-left:0;}
}

@media (max-width: 1400px) {
	/* main */
	.m-visual .cnt .txt h2 {font-size: 4.2rem;}
	.m-visual .cnt .txt .btn-box {margin-top: 120px;}

	.m-service {padding: 100px 2% 0; box-sizing: border-box;}
	.m-service .link {width: 80%; padding: 0; z-index: 1;}
	.m-service .link .list {margin: 100px 0;}
	.m-service .link .list a:after {width: 230px; height: 230px; background-size: 230px;}
	.m-service .img {width: 70%; position: absolute; right: 0; bottom: 0; opacity: 0.5;}

	#news .listBox ul li {padding-bottom: 33%;}
	#news .listBox ul li .txtBox {padding: 0 15px 30px 20px;}

	#properties .bgBox .list .item p {font-size: 5.5rem;}
	#properties .bgBox .list .item > span b {margin-right: 10px;}
	#properties .listBox .info .txtBox {padding: 25px 25px 10px 25px;}
	#properties .listBox .info .txtBox .tit {font-size: 2.6rem;}
	#properties .hoverCnt {padding: 30px 25px 0 25px;}
	#properties .hoverCnt dt {font-size: 2.6rem;}
	#properties .hoverCnt dd {margin-top: 30px;}
	#properties .listBox ul {gap: 40px 25px;}
	#properties .listBox ul li {width: calc(25% - 19px);}

	#properties_view .cnt2 .list {gap: 40px 20px;}
	#properties_view .cnt2 .list p {width: calc(33.333% - 14px); text-align: center;}

	#history .historyCnt .listBox .titBox h4 {font-size: 8rem;}
	#history .historyCnt .listBox .titBox .img {max-width: 455px;}
	#history .historyCnt .listBox .titBox .img img {width: 100%;}


}

@media (max-width: 1200px) {
	/* header */
	header {height: 110px;}
	.menuBox > .inner1720 {align-items: center; }
	.menuBox .logo {margin-top: 30px; }
	.menuBox nav {display: none;}
	.menuBox .util {height: 100%; align-items: center;}
	.menuBox .util .menu-btn {display: block;}
	.menuBox .util .search {padding-left: 15px;}

	.m-menu .gnb .depth2 > li {padding: 8px 0;}
	.m-menu .gnb .depth2 > li > a {font-size: 2.2rem;}

	.menuBox .util .search .formBox {right: -55px;}


	/* main */
	.main-tit {font-size: 4.5rem;}
	.main-tit.en {font-size: 5.2rem;}

	.m-visual {padding: 230px 0 150px;}
	.m-visual .cnt {align-items: initial; flex-direction: column;}
	.m-visual .cnt .txt {width: 100%;}
	/*.m-visual .cnt .txt h2 {font-size: 5rem;}*/
	.m-visual .cnt .txt h2 {font-size: 4.5rem;}
	.m-visual .cnt .txt .btn-box {margin-top: 70px;}
	.m-visual .cnt .txt .btn-box .btnList {flex-direction: initial; gap: 0 20px; width:100% }
	.m-visual .cnt .txt .btn-box .btnList .btn { width: calc(33.33% - 10px); }
	.m-visual .cnt .txt .btn-box .btnList a.btn { width: calc(33.33% - 20px); }
	.m-visual .popup {left: 50%; /* bottom: initial; top: 50%; transform: translate(-50%, -50%); */ transform: translate(-50%, 50%);}
	.m-visual .cnt .img {width: 75.9%; margin: 0 0 0 auto;}

	.m-partner {padding-top: 150px;}
	.m-partner .b-txt {font-size: 20rem;}
	.m-partner .cnt {flex-direction: column;}
	.m-partner .img {width: 70%;}
	.m-partner .img img {width: 100%;}
	.m-partner .txt {width: 50%; max-width: initial; margin: -140px 0 0 auto; padding: 0;}
	.m-partner .txt .main-tit {width: 50%;}
	.m-partner .txt .list {width: 50%;}
	.m-partner .txt .list .item .num {font-size: 4.5rem;}

	.m-service .blue_line:after {bottom: 104px;}
	.m-service .link {width: 100%;}
	.m-service .link .list {margin: 50px 0; gap: 100px 0;}

	.m-research {padding: 150px 0; overflow: initial;}
	.m-research .blue_line:after {height: 100px; bottom: 104px;}
	.m-research .tabCnt {padding: 0 3%;}
	.m-research .tabCnt .slide .item .img {margin-left: 0;}
	.m-research .tabCnt .slide .item .txtBox p {font-size: 3.2rem;}

	/* sub */
	#sv {height: 620px;}
	#sv .sv-tit { flex-direction: column; align-items: flex-start; gap: 38px 0;}
	#sv .sv-tit .title h2 {font-size: 8.55rem;}
	#sv .sv06 + .sv-tit .title h2 {font-size: 7rem;}
	.subTit h3 {font-size: 4.3rem;}

	/* #service .circleBox .list {gap: 50px 0;}
	#service .circleBox .list .item span {margin: 10px 0 12px;} */

	#service .circleBox .list {width: 100%;}
	#service .circleBox .list01 {padding-right: 0; text-align: left;}
	#service .circleBox .list01 .item02, 
	#service .circleBox .list01 .item03 {padding-right: 0;}
  /*22.11.29 ¿ø¼Ò½º*/
	#service .circleBox .list02 {padding-left: 0;}
	#service .circleBox .list02 .item02, 
	#service .circleBox .list02 .item03 {padding-left: 0;}
  
  /* 22.11.29 Ä«ÇÇ 
	#service .circleBox .list02 {padding-left: 0; margin-top:0; }
	#service .circleBox .list02 .item02, 
	#service .circleBox .list02 .item03, 
	#service .circleBox .list02 .item04 {padding-left: 0;}*/

	#service  picture { display:none }


	#service .circleBox {max-width: 950px; margin: 0 auto; padding: 0 0 120px;}
	#service .circleBox .img {width: 55%; margin: 0 auto; }
	#service .circleBox .listBox {position: relative; top: initial; left: initial; height: auto; display: block; border-top: 1px solid var(--color-blue); margin-top: 50px;}
	#service .circleBox .list {flex-direction: inherit; flex-wrap: wrap; gap: 0;}
	#service .circleBox .list .item {width: 50%; padding: 30px 20px; box-sizing: border-box; border-bottom: 1px solid #dcdcdc;}

	#news .listBox ul li {width: calc(33.333% - 22px); padding-bottom: 43%;}


	#philosophy .txtBox {padding: 0 0 150px;}
	#philosophy .txtBox .bg {max-width: 900px; opacity: 0.7;}
	#philosophy .txtBox .txt p {font-size: 5rem;}
	#philosophy .txtBox .txt span {font-size: 3.8rem;}

	#partners .cnt1 .list .item {width: calc(50% - 13px);  padding: 0; padding-bottom: 40%;}
	#partners .cnt1 .list .item .info {position: absolute; top: 0; left: 0; padding: 40px 30px 130px; box-sizing: border-box;}
	#partners .cnt1 .list .item .hoverCnt .txtBox {padding: 25px 0 0 25px;}
	#partners .cnt1 .list .item .hoverCnt .tit {font-size: 2.7rem;}
	#partners .cnt2 .list ul li {width: calc(33.3333% - 16px); padding-bottom: 9%;}
	#partners .cnt2 .list ul li img {transform: translate(-50%, -50%) scale(0.78);}

	#location .mapBox {height: 470px;}
	#location .cnt1 .list {margin-top: -45px;}
	#location .cnt1 .list .titBox {width: 260px; height: 260px; padding: 25px 0 25px 20px;}
	#location .cnt1 .list .titBox > div p {font-size: 2.2rem;}
	#location .cnt1 .list ul {width: calc(100% - 300px); margin-top: 70px;}
	#location .cnt1 .list ul .txt {align-items: flex-start;}

	#location .inputBox .item {padding: 15px;}
	#location .inputBox .item input {padding: 0;}

	#ci .cnt3 .list {gap: 20px;}
	#ci .cnt3 .list .item {height: 280px; padding: 30px 15px 35px 15px;}
	#ci .cnt3 .list .item.w3 {width: calc(33.3333% - 14px);}
	#ci .cnt3 .list .item.w4 {width: calc(25% - 15px);}


	#research .listBox {flex-direction: column; gap: 80px 0;}
	#research .list {width: 100%;}
	#research .list01,
	#research .list02 {padding-right: 0; padding-left: 0;}
	#research .list .item {width: calc(33.3333% - 11.5px);}

	#properties .bgBox .list {gap: 80px;}
	#properties .bgBox .list .item p {font-size: 4.8rem;}
	#properties .bgBox .list .item > span {flex-wrap: wrap; justify-content: center;}
	#properties .bgBox .list .item > span b {width: 100%; text-align: center;}

	#properties .mapBox .txtBox {padding-right: 20px;}
	#properties .listBox ul li {width: calc(33.333% - 17px);}

	#properties_view .infoCnt {max-width: 900px; margin: 75px auto 0; flex-direction: column; gap: 50px 0;}
	#properties_view .infoCnt .info {width: 100%; padding-right: 0;}
	#properties_view .infoCnt .mapBox {width: 100%; height: 500px; padding-left: 0;}
	#properties_view .btnCnt {margin: 0; justify-content: center;}

	#history .historyCnt .listBox > .inner1500 {flex-wrap: wrap;}
	#history .historyCnt .listBox .titBox {width: 100%;}
	#history .historyCnt .listBox .titBox h4 {font-size: 7rem; position: relative; z-index: 1;}
	#history .historyCnt .listBox .titBox .img {margin-top: -30px;}
	#history .historyCnt .listBox .content {width: 100%; margin: 0; padding-left: 0;}
	
	#search .top-box { padding-top: 120px; }
	#search .top-box > p { font-size: 80px; }
	#search .top-box .ipbox { margin:80px auto 0 auto; }
	#search .top-box .ipbox input { height: 60px; padding: 0 15px; font-size: 18px; }
	#search .top-box .ipbox button { width: 170px; height: 60px; font-size: 16px;}
	#search .search-list {margin-top: 120px; padding: 70px 0 120px 0;}
	#search .search-tab > ul > li { margin: 10px;}
	#search .search-tab > ul > li a { height: 62px; font-size: 18px; padding: 0 40px;}
	#search .result-list { padding: 80px 0;}


	/* footer */
	footer .banner {padding: 50px 0;}
	footer .banner .list {justify-content: initial;}
	footer .banner .list .slick-track {display: flex; align-items: center; }
	footer .banner .list p {margin: 0 15px; display: flex; align-items: center; justify-content: center; height: 100%;}
}

@media (max-width: 960px) {
	/* main */

	/*.m-visual .popup {left: 206px; bottom: initial; top: 76px; transform: initial;}*/
	.m-visual .cnt .arrow .circle:before {width: 200%; height: 200%;}
	.m-visual .cnt .arrow .circle:after {width: 420%; height: 420%;}
	.m-partner {padding-top: 100px;}
	.m-partner .img {width: 85%; order: 2;}
	.m-partner .txt {flex-wrap: wrap; width: 100%; padding: 0 4%; box-sizing: border-box; margin: 30px 0 30px auto;  order: 1; gap: 30px 0;}
	.m-partner .txt .main-tit {width: 100%; text-align: center;}
	.m-partner .txt .main-tit > span {display: block;}
	.m-partner .txt .main-tit > span .m_br {display: block;}
	.m-partner .txt .main-tit br {display: none;}
	.m-partner .txt .list {width: 100%;  display: flex; gap: 30px 0; flex-wrap: wrap;  }
	.m-partner .txt .list .item { padding-left: 32px; width: 50%; padding-left: 25px}
	.m-partner .txt .list .item:not(:last-child) {margin-bottom: 35px;} 
	.m-partner .txt .list .item span {margin-top: 15px;}

	.m-research .tabCnt {padding: 0 2%; max-width: 800px; margin: 60px auto 0;}
	.m-research .tabCnt .slide .item {flex-direction: column;}
	.m-research .tabCnt .slide .item .img {width: 100%; }
	.m-research .tabCnt .slide .item .txtBox {width: 100%; padding-left: 0; margin-top: 60px;}
	.m-research .tabCnt .slide .item .txtBox .num {left: 0; top: -55px; font-size: 10rem;}
	.m-research .tabCnt .slide .item .txtBox .txt br {display: none;}

	.m-research .tabCnt .list .control {top: -21px; right: 0; width: auto;}
	.m-visual .policy_pop { top: 0; height: 480px; }
	.m-visual .policy_pop .body { height: 400px; }

	.m-service .main-tit {text-align: center;}
	.m-service .main-tit:before {top: -25px; left: calc(50% + 2px); transform: translateX(-50%);}
	.m-service .main-tit:after {bottom: 62px; left: calc(50% + 2px);}

	
	
	/* sub */
	#news .listBox ul {gap: 40px 20px;}
	#news .listBox ul li {width: calc(33.333% - 14px); padding-bottom: 47%;}
	#news .listBox ul li .txtBox p {font-size: 2.1rem;}

	#philosophy .txtBox .bg {max-width: 780px;}
	#philosophy .list .item {flex-direction: column; gap: 40px 0;}
	#philosophy .list .item .imgBox {width: 100%;}

	#partners .cnt1 .list .item { padding-bottom: 50%;}

	#location .cnt1 .list {gap: 0 50px;}
	#location .cnt1 .list .titBox {width: 230px; height: 230px; padding: 20px 0 20px 20px;}
	#location .cnt1 .list .titBox > div p {font-size: 1.9rem;}
	#location .cnt1 .list .titBox > div span {font-size: 1.8rem;}
	#location .cnt1 .list ul li {width: 100%;}
	#location .cnt1 .list ul li .circle {width: 62px; height: 62px;}
	#location .cnt1 .list ul .txt span {font-size: 1.8rem;}
	#location .cnt1 .list ul .txt {font-size: 1.7rem;}
	#location .mapBox {height: 450px;}
	#location .inputBox .list {gap: 20px;}
	#location .inputBox .item {width: 100%;}
	#location .inputBox .item.w100 {padding: 30px 15px;}
	#location .cnt2 .send-btn {margin: 40px auto 0;}



	#ci .cnt1 .df-box {flex-direction: column; gap: 50px 0;}
	#ci .cnt1 .txtBox .down-list {margin-top: 45px; max-width: 500px;}
	#ci .cnt1 .ci-list {gap: 20px 0; width: 100%;}
	#ci .cnt2 .subTit,
	#ci .cnt3 .subTit {flex-direction: column; gap: 30px 0;}
	#ci .cnt2 .subTit span,
	#ci .cnt3 .subTit span {width: 100%;}
	#ci .cnt3 .list .item {height: auto;}
	#ci .cnt3 .list .item.w3,
	#ci .cnt3 .list .item.w4 {width: calc(50% - 10px);}
	#ci .cnt3 .list .item > p {margin-bottom: 60px;}

	#properties .bgBox .list {gap: 0;}
	#properties .bgBox .list .item p {font-size: 3.8rem;}
	#properties .bgBox .list .item > span {font-size: 1.6rem;}
	#properties .mapBox {flex-direction: column;}
	#properties .mapBox .map {width: 100%;}
	#properties .mapBox .txtBox {width: 100%; padding: 40px 30px 0;}
	#properties .txtBox .blue-btn {margin: 45px auto 0;}
	#properties .listBox ul li {width: calc(50% - 13px);}
	#properties_view .cnt2 .btnBox {margin-top: 80px;}

	#history .progreeBox .yearList .item b {display: block; margin-bottom: 5px;}

	/* footer */ 
	footer .info {padding: 60px 0 80px; position: relative;}
	footer .info .cnt {flex-direction: column; gap: 50px 0; text-align: center;}
	footer .info .txtBox > div {justify-content: center;}
	footer .info .link {text-align: center; }
	footer .info .link .a_link {justify-content: center;}
	footer .info .link .top_btn {position: absolute; right: 2%; bottom: 0;}
	footer .info .link .family-site .site-link {left: 50%;transform: translateX(-50%);}
	
	#properties .bgBox { padding: 100px 0; }

}

@media (max-width: 767px) {
	.inner1720 {padding: 0 4%; }
	.inner1500 {padding: 0 4%; }

	/* header */
	header {height: 100px;}
	.menuBox .logo {max-width: 100px; align-items: center;}
	.m-menu {width: 80%; right: -80%;}
	.m-menu .gnb > li > a {font-size: 3rem;}
	.m-menu .gnb .depth2 > li {padding: 7px 0;}
	.m-menu .gnb .depth2 > li > a {font-size: 1.6rem; padding: 0;}

	/* main */
	.loadingPage .boxList {gap: 50px;}
	.loadingPage .boxList.off {gap: 14px;}
	.loadingPage .box {width: 150px; height: 150px; }

	.main-tit {font-size: 4rem;}
	.main-tit.en {font-size: 4rem;}
	.blue_line:after {height: 100px;}

	.m-visual {padding: 180px 0 110px;}
	/*.m-visual .cnt .txt h2 {font-size: 4rem;}*/
	.m-visual .cnt .txt h2 {font-size: 3rem;}
	.m-visual .cnt .txt .btn-box > .btn {font-size: 1.5rem; width: auto; height: auto; min-width: 163px; padding: 19px 14px; box-sizing: border-box;}
	.m-visual .cnt .img {width: 100%;}
	.m-visual .cnt .arrow {width: 50px; height: 50px; }
	.m-visual .cnt .arrow .circle:after {width: 380%; height: 380%;}

	/*.m-visual .popup {left: initial; right: 0;}*/

	.m-partner {padding-top: 50px;}
	.m-partner .b-txt {font-size: 13.5rem;}
	.m-partner .txt .list .item .num {font-size: 3.3rem;}
	.m-partner .txt .list .item span {font-size: 1.6rem;}

	.m-service {padding: 100px 4% 50px;}
	.m-service .link .list {gap: 60px 20px; }
	.m-service .link .list a {width: calc(25% - 15px);}
	.m-service .link .list a:after {width: 200px; height: 200px; background-size: 200px;}
	.m-service .link .list p {font-size: 1.6rem;}
	.m-service .img {width: 85%;}
	
	.m-research {padding: 40px 0 70px;}
	.m-research .blue_line:after {bottom: 88px;}
	.m-research .tabCnt {padding: 0 4%; margin: 40px auto 0;}
	.m-research .tabCnt .slide .item .txtBox p {font-size: 2.5rem;}
	.m-research .tabCnt .slide .item .txtBox .txt {font-size: 1.6rem;}
	.m-research .tabCnt .slide .item .txtBox .more-btn {width: auto; height: auto; padding: 17px 20px; box-sizing: border-box; font-weight: 400;}


	/* sub */
	#sv {height: 450px;}
	#sv .sv-tit .title h2 {font-size: 6rem;}
	#sv .sv06 + .sv-tit .title h2 {font-size: 5.5rem;} 
	#sv .sv-nav ul {gap: 0 8px;}
	#sv .sv-nav ul li {padding: 8px 16px; min-width: 70px; font-size: 1.3rem;}

	.sub-content {padding: 70px 0;}
	#Wrap.search .sub-content {padding: 70px 0  70px 0;}
	.subTit {margin-bottom: 50px;}
	.subTit:before {top: -25px; width: 8px;height: 8px;}
	.subTit h3 {font-size: 3.3rem;}

	.greyBox {padding: 60px 0;}

	#service .circleBox .list .item {padding: 25px 12px;}
	#service .circleBox .list .item div {font-size: 1.8rem;}
	#service .circleBox .list .item span {margin: 12px 0;}

	#philosophy {padding-top: 70px;}
	#philosophy .txtBox .txt p {font-size: 4rem;}
	#philosophy .txtBox .txt span {font-size: 3rem;}
	#philosophy .txtBox .txt .s-txt {font-size: 1.6rem;}
	#philosophy .list {gap: 50px 0;}
	#philosophy .list .item {gap: 20px 0;}
	#philosophy .list .item .tit {font-size: 3rem;}
	#philosophy .list .item .imgBox p {font-size: 1.6rem;}

	#partners .cnt1 {margin-bottom: 70px;}
	#partners .cnt1 .list .item {width: 100%; padding-bottom: 60%;}
	#partners .cnt1 .list .item .info {padding: 20px;}
	#partners .cnt1 .list .item .info p {font-size: 1.8rem; margin-bottom: 25px;}
	#partners .cnt1 .list .item .info span {font-size: 1.6rem;}
	#partners .cnt2 .list ul {gap: 15px;}
	#partners .cnt2 .list ul li {width: calc(33.3333% - 12px); padding-bottom: 11%;}
	#partners .cnt2 .list ul li img {transform: translate(-50%, -50%) scale(0.7); max-width: 90%; max-height: 90%;}

	#location .cnt1 .list {flex-direction: column; align-items: flex-start;}
	#location .cnt1 .list .titBox {height: 170px;}
	#location .cnt1 .list ul {width: 100%;}
	#location .cnt1 .list ul .txt span br {display: none}
	#location .cnt2 {margin-top: 70px;}
	#location .inputBox .item {padding: 10px; }
	#location .inputBox .item p {font-size: 1.7rem;}
	#location .inputBox .item.w100 {padding: 20px 10px;}

	#ci > div:not(:last-child) {margin-bottom: 60px;}
	#ci .cnt1 .txtBox p {font-size: 2.4rem;}
	#ci .cnt1 .txtBox .down-list a {width: 200px; height: 55px;}
	#ci .cnt2 .list .item {width: 100%;}
	#ci .cnt3 .list .item > p {font-size: 1.7rem; line-height: 1.4;}
	#ci .cnt3 .list .item ul li {font-size: 1.5rem;}

	#news .cnt1 {flex-direction: column; align-items: flex-start; gap: 30px;}
	#news .searchBox {width: 100%;}
	#news .searchBox select {width: 20%;}
	#news .searchBox input {width: 70%;}
	#news .listBox ul {gap: 30px 20px;}
	#news .listBox ul li {width: calc(50% - 10px); padding-bottom: 70%;}
	#news .listBox ul li .txtBox {padding: 0 12px 20px 15px;}
	#news .listBox ul li .txtBox .s-txt,
	#news .listBox ul li .txtBox .date {font-size: 1.5rem;}
	#news .listBox ul li .txtBox p {margin: 13px 0 20px; font-size: 1.8rem;}

	#properties .bgBox {padding: 40px 0 130px;}
	#properties .bgBox .list {flex-wrap: wrap; gap: 40px 0;}
	#properties .bgBox .list .item {width: 100%;}
	#properties .bgBox .list .item p img {max-width: 40px;}
	#properties .bgBox .list .item > span {margin-top: 15px;}
	#properties .bgBox .s-txt span { display: block; }
	#properties .mapBox .txtBox .tit {font-size: 2.4rem;}
	#properties .mapBox .txtBox {padding: 40px 20px 0;}
	#properties .inputBox .item {padding: 10px 15px;}
	#properties .inputBox .item p {font-size: 1.6rem; width: 100px;}
	#properties .inputBox .item select, 
	#properties .inputBox .item input {font-size: 1.6rem; width: calc(100% - 100px);}

	#properties .hoverCnt dt,
	#properties .listBox .info .txtBox .tit {font-size: 2.2rem;}
	#properties .listBox .info .txtBox span {font-size: 1.6rem;}
	#properties .hoverCnt dd div {font-size: 1.5rem;}
	#properties .hoverCnt {padding: 20px 17px 0 17px;}
	#properties .listBox ul li:before {height: calc(100% - 55px);}
	#properties .listBox .info .txtBox {padding: 20px 17px 10px 17px;}
	#properties .listBox .info .btnBox a, 
	#properties .listBox .info .btnBox button {height: 55px;}

	#properties_view .imgBox .slick-dots {bottom: 20px;}
	#properties_view .infoCnt {gap: 40px 0; margin: 40px auto 0;}
	#properties_view .infoCnt .info dl {padding: 17px 0 17px 15px;}
	#properties_view .infoCnt .info dt, 
	#properties_view .infoCnt .info dd {font-size: 1.6rem;}
	#properties_view .infoCnt .info dt {width: 100px;}
	#properties_view .infoCnt .info dd {width: calc(100% - 100px);}
	#properties_view .infoCnt .mapBox {height: 350px;}
	#properties_view .btnCnt {flex-wrap: wrap; }
	#properties_view .btnCnt .btn {padding: 20px 25px 20px; min-width: 255px;}
	#properties_view .cnt2{margin-top: 70px;}
	#properties_view .cnt2 .tit {font-size: 2.8rem;}
	#properties_view .cnt2 .list {gap: 40px 20px; padding: 40px 0;}
	#properties_view .cnt2 .list p {width: calc(50% - 10px);} 
	#properties_view .cnt2 .list p span {font-size: 1.6rem; margin-top: 25px;}
	#properties_view .cnt2 .btnBox {margin-top: 40px;}
	#properties_view .cnt2 .btnBox a {height: 55px;}


	#history .progreeBox .yearList .item p {font-size: 1.8rem; margin-top: 15px;}
	#history .progreeBox .yearList .item span,
	#history .progreeBox .yearList .item b {font-size: 1.5rem;}
	#history .historyCnt .list01 {padding: 70px 0;}
	#history .historyCnt .listBox .titBox h4 {font-size: 5.5rem;}
	#history .historyCnt .listBox .titBox .img {max-width: 350px;}
	#history .historyCnt .listBox .content .list {margin-top: 30px; gap: 30px 0;}
	#history .historyCnt .listBox .content .list dt {font-size: 2.5rem;}
	#history .historyCnt .listBox .content .list dd p {font-size: 1.6rem;}
	#history .historyCnt .listBox .content .list dd p:not(:last-child) {margin-bottom: 12px;}

	#history .historyCnt .list01 .content .bar {height: 100%;}
	#history .historyCnt .list02 .content .bar {height: 100%;} 

	#research .list .tit {font-size: 2.3rem;}
	#research .list .item {width: calc(50% - 9px);}
	#research .list .item .bgBox button {width: 60px; height: 60px;}
	#research .list .item .txt {padding: 20px 0 10px;}
	#research .list .item .txt p {font-size: 1.6rem;}
	
	#search .top-box { padding-top: 80px; }
	#search .top-box > p { font-size: 50px; }
	#search .top-box .ipbox { margin:60px auto 0 auto; }
	#search .top-box .ipbox input { width: calc(100% - 155px); height: 55px; padding: 0 10px; font-size: 16px; }
	#search .top-box .ipbox button { width: 150px; height: 55px; font-size: 15px;}
	#search .search-list {margin-top: 100px; padding: 50px 0 100px 0;}
	#search .search-tab > ul > li { margin: 8px;}
	#search .search-tab > ul > li a { height: 55px; font-size: 16px; padding: 0 30px;}
	#search .result-list { padding: 80px 0;}
	
	#news .view-box .title-box { padding:35px 20px; }
	#news .view-box .title-box p { font-size: 18px; }
	#news .view-box .title-box .date { margin-top:10px; font-size:15px; }
	#news .view-box .view-cont { min-height:120px; padding:30px 20px 50px 20px; font-size:16px; }
	#news .view-box .pn-box li strong { width:100px; height:60px; font-size: 15px; }
	#news .view-box .pn-box li span { width:calc(100% - 100px); padding:0 20px;}
	#news .view-box .pn-box li a { font-size:15px; }
	#news .view-box .btnBox {margin-top: 80px;}
	#news .view-box .btnBox a {height: 55px;}
	
	/* footer */
	footer .banner {padding: 25px 0;}

	footer .info .cnt {gap: 30px 0}
	footer .info .txtBox > div > * {font-size: 1.6rem;}
	footer .info .txtBox > p {font-size: 1.5rem;}



}

@media (max-width: 640px) {
	/* header  */
	.menuBox .util .search .formBox.on {width: 230px;}

	
	/* main */
	.loadingPage .box {width: 110px; height: 110px; }
	.loadingPage img {height: 50px;} 

	.m-service .link .list {gap: 35px 18px;}
	.m-service .link .list a {width: calc(50% - 9px);}

	.m-research .tab ul {margin: 50px 0 0 0; gap: 0 30px; padding-left: 0;}
	.m-research .tab ul li a {font-size: 1.6rem;}
	
	.m-visual .cnt .txt .btn-box .btnList {gap: 10px 10px; }
	.m-visual .cnt .txt .btn-box .btnList .btn { width: 100%; height: 55px}
	.m-visual .cnt .txt .btn-box .btnList a.btn { width: calc(50% - 10px); height: 55px}

	/* sub */
	#sv .sv-tit .title h2 {font-size: 4.5rem;}
	#sv .sv06 + .sv-tit .title h2 {font-size: 4rem;} 
	.subTit {margin-bottom: 35px;}

	#philosophy .txtBox {padding: 0 0 80px;}
	#philosophy .txtBox .txt p {font-size: 3.5rem;}
	#philosophy .txtBox .txt span {font-size: 2.8rem; line-height: 1.3;}

	#partners .cnt1 .list .item {padding-bottom: 100%;} 
	#partners .cnt2 .list ul {gap: 10px;}
	#partners .cnt2 .list ul li {width: calc(50% - 7px); padding-bottom: 16%;}
	
	#location .cnt1 .list {margin-left: 12px;}

	#ci .cnt3 .list {gap: 13px;}
	#ci .cnt3 .list .item {padding: 22px 13px;}
	#ci .cnt3 .list .item > p {margin-bottom: 45px; font-size: 1.6rem;}
	#ci .cnt3 .list .item ul li {line-height: 1.6;}
	#ci .cnt3 .list .item.w3, 
	#ci .cnt3 .list .item.w4 {width: calc(50% - 6.5px);}

	#service .circleBox .img {width: 80%;}
	#service .circleBox .list .item {width: 100%;}

	#properties .listBox ul li {width: 100%;}
	#properties .listBox .info .txtBox {height: 220px;}
	#properties_view .cnt2 .list p {width: 100%;}  

	.properties_cnt .popupBox {max-width:  initial; width: 92%;}
	
	#search .top-box { padding-top: 60px; }
	#search .top-box > p { font-size: 35px; }
	#search .top-box .ipbox { margin:50px auto 0 auto; }
	#search .top-box .ipbox input { width: calc(100% - 125px); height: 45px; padding: 0 8px; font-size: 15px; }
	#search .top-box .ipbox button { width: 120px; height: 45px; font-size: 14px;}
	#search .search-list {margin-top: 80px; padding: 30px 0 100px 0;}
	#search .search-tab > ul > li { margin: 4px;}
	#search .search-tab > ul > li a { height: 45px; font-size: 15px; padding: 0 20px;}
	#search .result-list { padding: 80px 0;}

}

@media (max-width: 460px) {
	/* header */
	.menuBox .logo {max-width: 90px; margin-top: 10px; }
	.m-menu .gnb {gap: 30px 0;}
	.m-menu .gnb > li > a {font-size: 2.5rem;}


	/* main */
	.main-tit {font-size: 3.5rem;}
	.m-visual {padding: 150px 0 70px;}
	/*.m-visual .cnt .txt h2 {font-size: 3.5rem;}*/
	.m-visual .cnt .txt h2 {font-size: 2.4rem;}
	.m-visual .cnt .txt .btn-box {gap: 0 14px;}
	.m-visual .cnt .txt .btn-box > .btn {padding: 16px 12px; min-width: 157px;}
	.m-partner .b-txt {font-size: 11rem;}

	/* sub */
	#news .listBox ul {gap: 25px 10px;}
	#news .listBox ul li {width: calc(50% - 5px); padding-bottom: 72%;}
	#news .listBox ul li .txtBox {padding: 1px 7px 20px 10px;}
	#news .listBox ul li .txtBox .s-txt {font-size: 1.4rem;}
	#news .listBox ul li .txtBox p {font-size: 1.6rem;}
	#properties_view .infoCnt .mapBox {height: 300px;}

	#research .list {gap: 20px 12px;}
	#research .list .item {width: calc(50% - 6px);}
}