@charset "utf-8";

@media (max-width: 1400px) {
	/* S101 */
	.greeting-wrap {gap: 60px;}
	.page-text p .pc-only {display: none;}
	.greeting-img {max-width: 500px;}

	/* s103 */
	.history-layout {gap: 60px;}
	.history-left {padding-left: 0;}

	/* s201 */
	/* 갤러리형 게시판 */
	.project-gallery-items {margin: -20px;}
	.project-gallery-item {padding: 20px;}
}

@media (max-width: 1024px) {
	.sub-content {padding: 200px 0 180px;}

	/* S101 */
	.greeting-wrap {flex-direction: column; gap: 40px;}
	.page-text p {font-size: 20px;}
	.page-text p:not(:last-child) {margin-bottom: 20px;}
	.page-text .text-intro {font-size: 26px;}
	.greeting-text .signature {transform: translateY(-14px);}
	.greeting-text .signature {width: 42px;}
	.greeting-img {max-width: none;}

	/* S102 */
	.company-intro {margin-bottom: 60px;}
	.company-visual {margin-bottom: 70px;}
	.company-visual:before {width: 640px; top: -160px; right: 0; background-size: 640px auto;}
	.company-awards ul {padding: 40px 30px;}
	.company-awards ul li {font-size: 20px;}
	.company-awards ul li:before {top: 14px;}

	/* s103 */
	.history-layout {gap: 50px;}
	.history-block:not(:last-child) {margin-bottom: 120px;}
	.history-left .history-period {font-size: 34px; margin-bottom: 20px;}
	.history-left .history-period b {font-size: 54px;}

	.year-group {padding-top: 6px; padding-bottom: 60px; padding-left: 40px;}
	.year-group:before {top: 24px;}
	.year {font-size: 34px;}
	.work-list li {font-size: 20px;}
	.work-list li:before {top: 13px;}

	/* s201 */
	/* 리스트형 게시판 */
	.project-controls {gap: 10px;}
	.btn-board-mode a {width: 50px; height: 50px;}

	.project-list ul li a {gap: 40px; padding: 20px 0;}
	.project-list .project-thumb {max-width:300px;}
	.project-list ul li a .project-tit {font-size:24px; margin-bottom:5px;}
	.project-list ul li a .project-info {margin: 0 -10px 30px; font-size:20px;}
	.project-list ul li a .project-info span {padding: 0 10px;}
	.project-list ul li a .project-address:after {height: 16px;}
	.project-list ul li a .project-year {font-size:18px;}

	/* 갤러리형 게시판 */
	.sub-content.project-gallery-mode,
	.sub-content.project-list-mode {padding-top: 120px;}
	.project-slide {margin-bottom: 80px;}
	.project-slide .arrows {padding: 12px 24px;}
	.project-slide .slick-prev {margin-right: 15px;}
	.project-slide .slick-next {margin-left: 15px;}

	.project-gallery-items {margin: -15px;}
	.project-gallery-item {width: 50%; padding: 15px;}
	.project-gallery-item .project-tit {font-size: 22px;}
	.project-gallery-item .project-address {font-size: 18px;}

	/* 뷰페이지 */
	.project-view.sub-content {padding-top: 80px;}
	.project-view-content {gap: 60px; padding: 80px 0 140px;}
	.project-view-text {flex-direction: column; gap: 40px;}
	.project-view-title {max-width: 100%;}
	.project-view-title h3 {font-size: 38px;}
	.project-view-title h3:before {height: 34px; top: 7px;}
	.project-view-title .date {font-size: 18px;}
	.project-view-desc {font-size: 20px; padding-top: 0;}
	.project-view-overview h4 {font-size: 26px; margin-bottom: 10px;}

	/* s302 */
	.essay-list ul li a {padding: 30px 20px;}
	.essay-list ul li a .essay-tit {font-size:24px;}
	.essay-list ul li a .essay-desc {font-size:20px; margin-bottom:20px;}
	.essay-list ul li a .essay-date {font-size:18px;}

	/* s403 */
	.location-map {margin-bottom: 20px;}
	.location-map .btn-wrap {bottom: 20px; right: 20px; gap: 10px;}
	.location-map .btn-wrap a {width: 50px; height: 50px; overflow: hidden;}
	.location-map .btn-wrap a img {width: 30px;}
	.location-info .info-item {gap: 20px; padding: 20px 20px;}
	.location-info .info-title {max-width: 210px;}
	.location-info .info-icon {width: 46px; height: 46px;}
	.location-info .info-text {font-size: 20px;}
	.location-info .info-desc {font-size: 20px;}
	.location-info .info-desc .line {display: none;}
	.location-info .info-desc .ko,
	.location-info .info-desc .en {display: block;}
}

@media (max-width: 768px) {
	.sub-content {padding: 160px 0 120px;}

	/* S101 */
	.greeting-wrap {gap: 30px;}
	.page-text p {font-size: 18px;}
	.page-text .text-intro {font-size: 22px;}

	/* S102 */
	.company-visual:before {width: 440px; top: -150px; background-size: 440px auto;}
	.company-awards ul {padding: 40px 20px;}
	.company-awards ul li {font-size: 18px;}
	.company-awards ul li:before {top: 11px;}

	/* s103 */
	.history-layout {flex-direction: column; gap: 40px;}
	.history-block:not(:last-child) {margin-bottom: 80px;}
	.history-left {width: 100%;}
	.history-left .history-period {font-size: 26px; margin-bottom: 15px;}
	.history-left .history-period b {font-size: 48px;}
	.history-right {width: 100%;}
	.history-right.scroll-area {max-height: 440px;}

	.year-group {padding-top: 0; padding-bottom: 40px; padding-left: 40px;}
	.year-group:before {top: 13px;}
	.year {font-size: 26px;}
	.work-list li {font-size: 18px;}
	.work-list li:before {top: 11px;}

	/* s201 */
	/* 리스트형 게시판 */
	.project-top.board-top {display: block;}
	.project-top #bo_cate {margin-bottom: 30px;}
	.project-controls {justify-content: flex-end; gap: 10px;}
	.btn-board-mode a {width: 46px; height: 46px;}

	.project-list ul li a {align-items: flex-start; flex-direction: column; gap: 20px;}
	.project-list .project-thumb {max-width:none;}
	.project-list ul li a .project-tit {font-size:22px;}
	.project-list ul li a .project-info {margin: 0 -10px 20px; font-size:18px;}
	.project-list ul li a .project-year {font-size:16px;}

	/* 갤러리형 게시판 */
	.project-slide .arrows {padding: 10px 16px;}
	.project-gallery-items {margin: -10px;}
	.project-gallery-item {width: 50%; padding: 10px;}
	.project-gallery-item .project-tit {font-size: 20px;}
	.project-gallery-item .project-address {font-size: 16px;}

	/* 뷰페이지 */
	.project-view-content {gap: 40px; padding: 60px 0 100px;}
	.project-view-text {gap: 30px;}
	.project-view-title {padding-left: 24px;}
	.project-view-title h3 {font-size: 30px;}
	.project-view-title h3:before {width: 6px; height: 26px; top: 5px; left: -24px;}
	.project-view-title .date {font-size: 16px;}
	.project-view-desc {font-size: 18px;}
	.project-view-overview h4 {font-size: 22px;}

	/* s302 */
	.essay-list ul li a {flex-direction: column; gap: 30px; padding: 20px 0;}
	.essay-list .essay-thumb {max-width:none;}
	.essay-list ul li a .essay-tit {font-size:22px; white-space: normal;}
	.essay-list ul li a .essay-desc {font-size:18px;}
	.essay-list ul li a .essay-date {font-size:16px;}

	/* s403 */
	.location-map .btn-wrap {bottom: 15px; right: 15px;}
	.location-map .btn-wrap a {width: 46px; height: 46px;}
	.location-map .btn-wrap a img {width: 26px;}
	.location-info .info-item {align-items: flex-start; flex-direction: column; gap: 5px; padding: 15px 10px;}
	.location-info .info-title {max-width: none;}
	.location-info .info-icon {width: 42px; height: 42px;}
	.location-info .info-text {font-size: 18px;}
	.location-info .info-desc {font-size: 18px; padding-left: 64px;}
}

@media (max-width: 480px) {
	/* S102 */
	.company-visual:before {width: 340px; top: -140px; background-size: 340px auto;}

	/* s201 */
	/* 갤러리형 게시판 */
	.project-gallery-item {width: 100%;}
}