@charset "utf-8";

@media (max-width: 1600px) {
	.lnb ul {width: 100%;}
	.lnb ul li {flex: 1 1 auto; width: 1%;}
}

@media (max-width: 1500px) {
	.s1_1 .arti01 figure {margin: 0 auto;}
	.s1_1 .arti01 .txt {left: 50%; top:80%; transform: translate(-50%, -50%); text-align: center; color: #fff; width: 100%;}
}

@media (max-width: 1400px) {
	.s2_4 article .item figure {max-width: 600px;}
	
	.s3_4 .arti02 .cnt .table-wrap table colgroup col {width: 150px !important;}
	.s3_4 .arti02 .cnt .table-wrap table colgroup col:nth-of-type(2) {width: 120px !important;}
	.s3_4 article .cnt .table-wrap table td p {text-align: center;}
	
	.s4_view .board-view {padding: 0 100px;}
}


@media (max-width: 1200px){
	/* s1_3 */
	.s1_3 .table-wrap table colgroup col:nth-of-type(1) {width: 200px !important;}
	.s1_3 .table-wrap table colgroup col:nth-of-type(2) {width: 360px !important;}
	
	/* s2_4 */
	.s2_4 article .item {gap: 40px;}
	.s2_4 .table-wrap table colgroup col:nth-of-type(1) {width: 150px !important;}
	.s2_4 .table-wrap table td.bg p {text-align: center;}
	
	/* s3_4 */
	.s3_4 article .cnt {gap: 30px;}
	.s3_4 article .cnt .table-wrap table colgroup col:nth-of-type(1) {width: 100px !important;}
	.s3_4 article .cnt .table-wrap table td {padding: 13px 20px;}
	.s3_4 .arti02 .cnt .table-wrap table colgroup col {width: 120px !important;}
	.s3_4 .arti02 .cnt .table-wrap table colgroup col:nth-of-type(1) {width: 100px !important;}
	
	/* s4 */
	.s4_view .board-view {padding: 0;}
	
}

@media (max-width: 1024px) {
	.table-wrap table th p {font-size: 22px;}
	.table-wrap table td.bg p {font-size: 22px;}
	
	/* s1_1 */
	.s1_1 .arti01 .txt {font-size: 30px;}

	/* s1_3 */
	.s1_3 .map .info {align-items: center; bottom: -50px;}
	.s1_3 .map .info .loca {flex-wrap: wrap; gap: 0;}
	.s1_3 .map .info .loca dl ~ dl {padding-left: 0;}
	.s1_3 .map .info .loca dl ~ dl::before {display: none;}
	.s1_3 .table-wrap table colgroup col:nth-of-type(1) {width: 150px !important;}
	.s1_3 .table-wrap table colgroup col:nth-of-type(2) {width: 260px !important;}
	.s1_3 .table-wrap table td.bd-r {padding: 0 30px;}
	
	/* s2_1 */
	.s2_1 .place .thumb-slide {max-width: 100px;}
	.s2_1 .place .thumb-slide .swiper-slide {height: 63px;}
	.s2_1 .place .thumb-slide .swiper-slide::after {border: 3px solid #3ba0ff;}
	
	/* s2_2 */
	.s2_2 .table-wrap table th p {font-size: 20px;}
	.s2_2 .table-wrap table td p {font-size: 18px;}
	.s2_2 .table-wrap table th:nth-of-type(1) {width: 120px !important;}
	.s2_2 .table-wrap table th:nth-of-type(2) {width: 140px !important;}
	.s2_2 .table-wrap table th:nth-of-type(3) {width: 70px !important;}
	.s2_2 .table-wrap table th:nth-of-type(4) {width: 180px !important;}
	.s2_2 .table-wrap table td {padding: 15px 10px;}
	.s2_2 .table-wrap table tr.pd td {padding: 6.5px 10px;}
	
	/* s2_4 */
	.s2_4 article .item figure {max-width: 400px;} 
	.s2_4 .table-wrap table colgroup col:nth-of-type(1) {width: 120px !important;}
	.s2_4 .table-wrap table td {padding: 15px;}
	
	/* s3_4 */
	.s3_4 article .cnt {flex-wrap: wrap;}
	.s3_4 article .cnt .table-wrap {width: 100%;}
	
	/* s3_5 */
	.s3_5 article ul li figure figcaption {font-size: 26px;}
	
	/* s4 */
	.s4_view .board-view .content-box {gap: 40px;}
	.s4_view .board-view .content-box .frame-box {max-width: 300px;}
	.s4_view .board-view .content-box .frame-box .img {background-size: 300px auto; padding: 62px 44px;}
	.s4_view .board-view .content-box .table-wrap table colgroup col:nth-of-type(1) {width: 150px !important;}
}

@media (max-width: 768px) {
	.lnb > .container {padding: 0;}
	.real-cont {padding: 100px 0 160px;}
	section {padding: 100px 0 160px;}
	.section-header h3 {font-size: 30px;}
	.article-header h4 {font-size: 26px;}
	.article-header p {font-size: 18px;}
	
	.table-wrap table th {height: 60px;}
	.table-wrap table td.bg p {font-size: 20px;}
	.table-wrap table td {padding: 10px 20px !important;}
	.table-wrap table td p {font-size: 18px;}
	
	.gray {padding: 20px 15px;}
	.gray p {font-size: 16px;}
	.gray p span {font-size: 16px;}
	
	.step {flex-wrap: wrap; gap: 20px;}
	.step::before {display: none;}
	.step .tit {max-width: 100%; padding-right: 0;}
	.step .tit::after {display: none;}
	.step .tit h5 {font-size: 22px; text-align: left;}
	.step .tit h5 br {display: none;}
	.step .tit span {margin-left: 0;}
	
	/* s1_1 */
	.s1_1 {padding-bottom: 120px;}
	.s1_1::before {background-position: 80% 50%;}
	.s1_1 .arti01 .txt {font-size: 24px; color: #333; position: static; transform: none; margin-top: 30px;}
	.s1_1 .arti01 .txt > span {color: #333;}
	.s1_1 .arti02 {margin-top: 70px;}
	.s1_1 .arti02 h5 {font-size: 22px;}
	
	/* s1_2 */
	.s1_2 .arti01 p {margin-top: 50px;}
	.s1_2 .arti01 p {font-size: 20px;}
	.s1_2 .arti01 .service {flex-wrap: wrap; gap: 40px 0;}
	.s1_2 .arti01 .service dl {flex: 0 0 50%;}
	
	/* s1_3 */
	.s1_3 article h5 {font-size: 26px;}
	.s1_3 .map .info {flex-wrap: wrap; bottom: -100px;}
	.s1_3 .map .info .loca {padding: 8px 15px;}
	.s1_3 .map .info .loca dl {flex-wrap: wrap; gap: 0;}
	.s1_3 .map .info .loca dl dt {width: 100%; font-size: 20px;}
	.s1_3 .map .info .loca dl dd {font-size: 16px;}
	.s1_3 .map .btn-area {margin-left: auto;}
	
	.s1_3 .map .map_link {right: 15px;}

	.s1_3 .table-wrap {overflow: auto;}
	.s1_3 .table-wrap table colgroup col:nth-of-type(1) {width: 100px !important;}
	.s1_3 .table-wrap table colgroup col:nth-of-type(2) {width: 230px !important;}
	.s1_3 .table-wrap table colgroup col:nth-of-type(3) {width: 280px !important;}
	
	/* s2_1 */
	.s2_1 .tab a {height: 50px;}
	
	.s2_1 .place {flex-wrap: wrap;}
	.s2_1 .place .main-slide {width: 100%;}
	.s2_1 .place .thumb-slide {max-width: 100%;}
	.s2_1 .place .thumb-slide .swiper-wrapper { display: flex;}
	.s2_1 .place .thumb-slide .swiper-slide {height: auto;}
	.s2_1 .place .thumb-slide .swiper-slide ~ .swiper-slide {margin-top: 0;}
	.s2_1 .place .thumb-slide .swiper-slide img {display: block; max-width: 100%; margin: 0 auto;}
	
	.floor-map {margin-top: 50px;}
	
	/* s2_2 */
	.s2_2 .table-wrap {overflow: auto;}
	.s2_2 .table-wrap table th {width: 200px !important;}
	.s2_2 .table-wrap table th:nth-of-type(1) {width: 150px !important;}
	.s2_2 .table-wrap table th:nth-of-type(2) {width: 200px !important;}
	.s2_2 .table-wrap table th:nth-of-type(3) {width: 100px !important;}
	.s2_2 .table-wrap table th:nth-of-type(4) {width: 200px !important;}
	.s2_2 .table-wrap table td p {font-size: 18px;}
	
	/* s2_4 */
	.s2_4 article .item {flex-wrap: wrap;}
	.s2_4 article .item figure {max-width: 100%;}
	.s2_4 article .item .info {width: 100%;}
	.s2_4 article .item .info h5 {font-size: 26px;}
	.s2_4 .table-wrap table td.bg p {font-size: 18px;}
	
	/* s3_2 */
	.s3_2 article {flex-wrap: wrap;}
	.s3_2 article .article-header h4 {font-size: 24px;}
	.s3_2 article .article-header h4 span {font-size: 20px; margin-right: 10px;}
	.s3_2 article .item {flex: 100%;}
	.s3_2 article .item .gray {min-height: auto;}
	
	/* s3_5 */
	.s3_5 article ul {gap: 40px 20px;}
	.s3_5 article ul li {flex: 1 1 calc(50% - 10px);}
	.s3_5 article ul li figure figcaption {font-size: 20px;}
	.s3_5 article ul li:nth-of-type(4) {order: 4;}
	
	/* s4 */
	.s4_view .board-view .content-box {flex-wrap: wrap;}
	.s4_view .board-view .content-box .frame-box {margin: 0 auto;}
	.s4_view .board-view .content-box .table-wrap {width: 100%; background-color: #fff;}
	.s4_view .board-view > h3 {font-size: 22px;}
	.s4_view .board-view .content-box .table-wrap table td.bg p {font-size: 18px;}
}

@media (max-width: 480px) {
	.page-header .container h2 {font-size: 32px;}
	.s-nav li {font-size: 18px;}
	.lnb ul li a {font-size: 16px;}
	
	.table-wrap table th {height: 50px;}
	.table-wrap table td {padding: 10px !important;}
	.table-wrap table td.bg p {font-size: 18px;}
	.table-wrap table td p {font-size: 16px;}

	.article-header h4 {font-size: 22px;}
	
	.step .tit h5 {font-size: 20px;}

	/* s1_1 */
	.s1_1 .arti01 .txt {font-size: 22px;}
	.s1_1 .arti02 {margin-top: 50px;}
	.s1_1 .arti02 h5 {font-size: 20px;}
	.s1_1 .arti02 p {font-size: 16px;}
	
	/* s1_2 */
	.s1_2 .arti01 .service dl {padding: 0 10px;}
	.s1_2 .arti01 .service dl dt {max-width: 90px;}
	.s1_2 .arti01 .service dl dd {margin-top: 15px; font-size: 16px;}
	
	/* s1_3 */
	.s1_3 article h5 {font-size: 22px;}
	.s1_3 .map .info {bottom: -60px;}
	.s1_3 .map .info .loca dl dt {font-size: 18px;}
	.s1_3 .map .map_link {gap: 10px; width: 100%; justify-content: center; right: initial; left: 50%; transform: translateX(-50%);}
	.s1_3 .map .map_link a {font-size: 14px; gap: 5px; padding: 0 10px;}
	.s1_3 .map .btn-area {display: none;}
	.s1_3 .table-wrap table td span {font-size: 14px; padding: 0 10px;}
	
	/* s2_1 */
	.s2_1 .tab a {height: 40px; font-size: 16px;}
	
	/* s2_2 */
	.s2_2 .table-wrap table th p {font-size: 18px;}
	.s2_2 .table-wrap table td p {font-size: 16px;}
	.s2_2 .table-wrap table td p > span {font-size: 14px; display: block; width: 100%; text-align: center;}
	
	/* s2_4 */
	.s2_4 article .item {gap: 20px;}
	.s2_4 article .item .info h5 {font-size: 22px;}
	.s2_4 .table-wrap table td.bg p {font-size: 16px;}
	.s2_4 .table-wrap table td p {font-size: 16px;}
	.s2_4 .table-wrap table td {padding: 10px;}
	
	/* s3_2 */
	.s3_2 article .article-header h4 {font-size: 22px;}
	.s3_2 article .article-header h4 span {font-size: 18px;}
	.s2_2 .table-wrap table th {width: 150px !important;}
	.s2_2 .table-wrap table th:nth-of-type(1) {width: 120px !important;}
	.s2_2 .table-wrap table th:nth-of-type(2) {width: 150px !important;}
	.s2_2 .table-wrap table th:nth-of-type(3) {width: 80px !important;}
	.s2_2 .table-wrap table th:nth-of-type(4) {width: 150px !important;}
	.s2_2 .notice {padding: 0;}
	
	/* s3_4 */
	.s3_4 article .cnt .table-wrap table th p {font-size: 18px;}
	.s3_4 article .cnt .table-wrap table td p {font-size: 16px;}
	.s3_4 .arti02 .cnt .table-wrap table colgroup col {width: 80px !important;}
	.s3_4 .arti02 .cnt .table-wrap table colgroup col:nth-of-type(1) {width: 100px !important;}
	.s3_4 .arti02 .cnt .table-wrap table colgroup col:nth-of-type(2) {width: 60px !important;}
	
	/* s3_5 */
	.s3_5 article ul li figure figcaption {font-size: 18px; margin-top: 10px; padding-bottom: 10px;}
	
	/* s4 */
	.s4_view .board-view .content-box .table-wrap table colgroup col:nth-of-type(1) {width: 100px !important;}
	.s4_view .board-view .content-box .table-wrap table td p {font-size: 16px;}
	.s4_view .board-view > h3 {font-size: 20px;}
}