/*  32	a	@charset "utf-8"; */
::-moz-selection {
   background-color: #000;
   color: #ffffff;
}
::selection {
	background-color: #000;
	color: #ffffff;
}

.main_vis {aspect-ratio: 1 / .4;display: block;border-radius: 32px;background: url('/dist/image/main/main.jpg') no-repeat;background-size: cover;margin-top: 100px;transition: all .8s}
.main_vis .title {display: flex;align-items: flex-end;justify-content: flex-end;font-size: 75px;color: #ffffff;margin-right: 100px;height: 90%;font-family: 'Pretendard-Bold';letter-spacing: -3%;line-height: 1.3em;transition: all .8s}

#main01 .left {width: 40%;height: 870px;border-radius: 32px;background: url('/dist/image/main/main01.jpg') no-repeat;background-size: cover;transition: all .8s}
#main01 .right {padding-left: 5%}
#main01 .right .title_font_b {color: #1E3A5F;font-size: 90px;line-height: 1em}
#main01 .right .title_font_b span {font-family: 'Pretendard-SemiBold';display: block}
#main01 .right .sub {color: #3A4E68;font-size: 18px;margin-top: 30px}
#main01 .right .bt {margin-top: 50px}

#main02 {height: 800px;border-radius: 32px;background: url('/dist/image/main/main02.jpg') no-repeat;background-size: cover}
#main02 .inner {text-align:center}
#main02 .inner .title_font {margin-top: 35px;font-size: 45px;color: #1E3A5F;line-height: 1.3em}
#main02 .inner .bt {margin-top: 70px}

.section_title {font-family: 'Pretendard-Bold';letter-spacing: -3%;font-size: 70px;color: #1E3A5F;line-height: 1.2em;margin-bottom: 60px;}

#main03 .box {width: 24%;height: 600px;padding-bottom: 60px;border-radius: 16px;display: flex; flex-direction: column;justify-content: flex-end; align-items: center;cursor: pointer;transition:all 2s ease;}
#main03 .box:nth-child(1) {background: url('/dist/image/main/main03.jpg') no-repeat;background-size: cover}
#main03 .box:nth-child(2) {background: url('/dist/image/main/main04.jpg') no-repeat;background-size: cover}
#main03 .box:nth-child(3) {background: url('/dist/image/main/main05.jpg') no-repeat;background-size: cover}
#main03 .box:nth-child(4) {background: url('/dist/image/main/main06.jpg') no-repeat;background-size: cover}
#main03 .box h3 {color: #fff;font-size: 45px;font-family: 'Pretendard-ExtraBold';}
#main03 .box:hover {background-size: 130%;background-position: 50%}

#main04 .box {width: 49%;height: 550px;padding: 80px;border-radius: 32px;display: flex; flex-direction: column;justify-content: flex-end; align-items: end;position: relative;cursor: pointer;transition: all .5s}
#main04 .box img {position: absolute;top: 80px;left: 80px;width: 90px}
#main04 .box:nth-child(1) {background-color: #1d3a5e;color: #ececec}
#main04 .box:nth-child(2) {background-color: #ececec;color: #1d3a5e}
#main04 .box h3 {font-size: 55px;font-family: 'Pretendard-ExtraBold';line-height: 1em}
#main04 .box .subtext {font-size: 24px;font-family: 'Pretendard-SemiBold';text-align: right;margin-top:10px;line-height: 1.4em}
#main04 .box:hover:nth-child(1) {background-color: #144685;transition: all .5s}
#main04 .box:hover:nth-child(2) {background-color: #dedede;transition: all .5s}

#main05 .box {border-radius: 32px;background-color: #f7f7f7;padding: 65px 40px;width: 24%;aspect-ratio: 1 / 1;position: relative;cursor: pointer;transition: all .5s;margin-right: 1%}
#main05 .box .subject {color: #1d3a5e;font-size: 20px;font-family: 'Pretendard-Bold';overflow: hidden;text-overflow: ellipsis;display: -webkit-box;-webkit-line-clamp: 2;-webkit-box-orient: vertical;word-wrap:break-word;height: 2.8em;line-height: 1.4em;}
#main05 .box .text {margin-top: 20px;color: #757575;overflow: hidden;text-overflow: ellipsis;display: -webkit-box;-webkit-line-clamp: 3;-webkit-box-orient: vertical;word-wrap:break-word;height: 4.5em;line-height: 1.5em;font-size: 15px}
#main05 .box .date {position: absolute;bottom: 65px;font-size: 16px;color: #8D95A0;font-family: 'Pretendard-Bold'}
#main05 .box:hover {background: #eee;transition: all .5s}

#main06 .map {width: 60%;height: 600px;border-radius: 32px}
#main06 .right {width: 38%;background-color: #f7f7f7;border-radius: 32px;padding: 0 70px}
#main06 .right .content {width: 100%;}
#main06 .right .content .inner {margin: 40px 0}
#main06 .right .content .inner .title {font-size: 18px;font-family: 'Pretendard-Bold';margin-bottom: 10px}
#main06 .right .content .inner .tel {font-size: 28px;line-height: 1.3em}
#main06 .right .content .inner .bt {margin-top: 25px}
#main06 .right .content .inner .bt button {min-width: 220px}
#main06 .right .content .inner .bt .naver {background: #4dac3d}
#main06 .right .content .inner .bt .naver img {height: 17px;margin-right: 10px}
#main06 .right .content .inner .text {margin-top: 10px;font-size: 15px}

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

}

@media screen and (max-width:1320px) {
	.main_vis {aspect-ratio: 1 / .45;}
	
	#main01 .left {width: 40%;height: 700px;border-radius: 32px;transition: all .8s}
	#main01 .right .title_font_b {font-size: 80px;line-height: 1em}
	#main01 .right .title_font_b span {font-family: 'Pretendard-SemiBold';display: block}
	#main01 .right .sub {color: #3A4E68;font-size: 18px;margin-top: 30px}
	#main01 .right .bt {margin-top: 50px}
	
	#main03 .box {width: 24%;height: 480px;padding-bottom: 40px;border-radius: 16px;display: flex; flex-direction: column;justify-content: flex-end; align-items: center;}
	#main03 .box h3 {font-size: 40px}
	
	#main04 .box {width: 49%;height: 450px;}
	
	#main05 .box {border-radius: 32px;background-color: #f7f7f7;padding: 40px 30px;width: 24%;aspect-ratio: 1 / 1;position: relative}
	#main05 .box .subject {color: #1d3a5e;font-size: 20px;font-family: 'Pretendard-Bold';overflow: hidden;text-overflow: ellipsis;display: -webkit-box;-webkit-line-clamp: 2;-webkit-box-orient: vertical;word-wrap:break-word;height: 2.8em;line-height: 1.4em;}
	#main05 .box .text {display: none}
	#main05 .box .date {position: absolute;bottom: 40px;font-size: 16px;color: #8D95A0;font-family: 'Pretendard-Bold'}
}

@media screen and (max-width:1280px) {
	
	.main_vis .title {font-size: 65px;margin-right: 70px;}
	
	#main02 {height: 600px;}
	
	.section_title {font-size: 60px;}
	
	#main03 .box {width: 24%;height: 400px;padding-bottom: 40px;border-radius: 16px;display: flex; flex-direction: column;justify-content: flex-end; align-items: center;}
	#main03 .box h3 {font-size: 30px}
	
	#main04 .box {width: 49%;height: 400px;padding: 60px;border-radius: 32px;display: flex; flex-direction: column;justify-content: flex-end; align-items: end;position: relative}
	#main04 .box img {position: absolute;top: 60px;left: 60px;width: 80px}
	#main04 .box h3 {font-size: 48px;}
	#main04 .box .subtext {font-size: 22px;margin-top:10px;line-height: 1.4em}
	
	#main06 .map {width: 55%;height: 600px;border-radius: 32px}
	#main06 .right {width: 43%;background-color: #f7f7f7;border-radius: 32px;padding: 0 50px}
}

@media screen and (max-width:1200px) {
	#main01 .left {width: 40%;height: 600px;border-radius: 32px;transition: all .8s}
	#main01 .right .title_font_b {font-size: 70px;line-height: 1em}
	#main01 .right .title_font_b span {font-family: 'Pretendard-SemiBold';display: block}
	#main01 .right .sub {color: #3A4E68;font-size: 17px;margin-top: 30px}
	
	#main05 .box {border-radius: 16px;background-color: #f7f7f7;padding: 30px 30px;width: 49%;aspect-ratio: 1 / .4;position: relative}
	#main05 .box .subject {color: #1d3a5e;font-size: 18px;}
	#main05 .box .text {display: none}
	#main05 .box .date {position: absolute;bottom: 30px;font-size: 15px;color: #8D95A0;font-family: 'Pretendard-Bold'}
}

@media screen and (max-width:1100px) {
	.main_vis {aspect-ratio: 1 / .45;transition: all .8s}
	.main_vis .title {font-size: 45px;margin-right: 50px;transition: all .8s}
	
	#main01 .left {width: 40%;height: 500px;border-radius: 32px;transition: all .8s}
	#main01 .right .title_font_b {font-size: 50px;line-height: 1em}
	
	#main02 {height: 500px;border-radius: 32px;}
	#main02 .inner {text-align:center}
	#main02 .inner .title_font {margin-top: 25px;font-size: 40px;color: #1E3A5F;line-height: 1.3em}
	#main02 .inner .bt {margin-top: 50px}
	
	.section_title {font-size: 50px;margin-bottom:40px;}
	
	#main03 .box {width: 49%;height: 450px;padding-bottom: 40px;border-radius: 16px;display: flex; flex-direction: column;justify-content: flex-end; align-items: center;margin:10px 0}
	#main03 .box h3 {font-size: 40px}
	
	#main04 .box {width: 49%;height: 360px;padding: 50px;border-radius: 32px;display: flex; flex-direction: column;justify-content: flex-end; align-items: end;position: relative}
	#main04 .box img {position: absolute;top: 70px;left: 50px;width: 70px}
	#main04 .box h3 {font-size: 42px;}
	#main04 .box .subtext {font-size: 20px;margin-top:10px;line-height: 1.4em}
	
	#main05 .box {border-radius: 32px;background-color: #f7f7f7;padding: 30px 40px;width: 49%;aspect-ratio: 1 / .5;position: relative}
	#main05 .box .subject {color: #1d3a5e;font-size: 18px;}
	#main05 .box .text {display: none}
	#main05 .box .date {position: absolute;bottom: 30px;font-size: 15px;color: #8D95A0;font-family: 'Pretendard-Bold'}
	#main05 .box:nth-child(3), #main05 .box:nth-child(4) {margin-top: 20px} 
	
	#main06 .map {width: 100%;height: 400px;border-radius: 32px;margin-bottom: 20px}
	#main06 .right {width: 100%;background-color: #f7f7f7;border-radius: 32px;padding: 0 50px}
}	


@media screen and (max-width:766px) {
	.main_vis {height: 400px;margin-top: 60px;transition: all .8s;border-radius: 16px}
	.main_vis .title {font-size: 40px;color: #ffffff;margin-right: 50px;height: 350px;font-family: 'Pretendard-Bold';letter-spacing: -3%;line-height: 1.3em;transition: all .8s}
	
	#main01 .left {width: 100%;height: 300px;border-radius: 16px;transition: all .8s}
	#main01 .right {padding-left: 0;margin-top: 50px}
	#main01 .right .title_font_b {font-size: 50px;line-height: 1em}
	#main01 .right .sub {color: #3A4E68;font-size: 16px;margin-top: 20px}
	#main01 .right .bt {margin-top: 30px}
	
	#main02 {height: 400px;border-radius: 16px;}
	#main02 .inner {text-align:center}
	#main02 .inner .title_font {margin-top: 15px;font-size: 30px;color: #1E3A5F;line-height: 1.3em}
	#main02 .inner .bt {margin-top: 30px}
	
	.section_title {font-size: 40px;margin-bottom:40px;}
	
	#main03 .box {width: 49%;height: 320px;}
	#main03 .box h3 {font-size: 30px}
	
	#main04 .box {width: 100%;height: 360px;padding: 50px;border-radius: 16px;display: flex; flex-direction: column;justify-content: flex-end; align-items: end;position: relative}
	#main04 .box img {position: absolute;top: 50px;left: 50px;width: 70px}
	#main04 .box h3 {font-size: 42px;}
	#main04 .box .subtext {font-size: 22px;margin-top:10px;line-height: 1.4em}
	#main04 .box:nth-child(1) {margin-bottom: 20px}
	
	#main05 .box {border-radius: 16px;background-color: #f7f7f7;padding: 10%;width: 100%;aspect-ratio: 1 / .5;position: relative}
	#main05 .box .subject {color: #1d3a5e;font-size: 18px;}
	#main05 .box .text {display: none}
	#main05 .box .date {position: absolute;bottom: 10%;font-size: 15px;color: #8D95A0;font-family: 'Pretendard-Bold'}
	#main05 .box {margin-bottom: 20px}
	#main05 .box:nth-child(3), #main05 .box:nth-child(4) {display: flex;margin-top: 0} 
	
	#main06 .map {width: 100%;height: 360px;border-radius: 16px;margin-bottom: 20px}
	#main06 .right {width: 100%;background-color: #f7f7f7;border-radius: 16px;padding: 0 40px}
	#main06 .right .content {width: 100%;}
	#main06 .right .content .inner {margin: 40px 0}
	#main06 .right .content .inner .title {font-size: 18px;font-family: 'Pretendard-Bold';margin-bottom: 10px}
	#main06 .right .content .inner .tel {font-size: 24px;line-height: 1.3em}

	#main06 .right .content .inner .bt button {min-width: 200px}
	#main06 .right .content .inner .bt .naver {background: #4dac3d}
	#main06 .right .content .inner .bt .naver img {height: 17px;margin-right: 10px}
	#main06 .right .content .inner .text {margin-top: 10px;font-size: 14px}
}

@media screen and (max-width:540px) {
	.main_vis .title {font-size: 34px;display: flex;align-items: center;justify-content: center;color: #ffffff;margin-right: 0;transition: all .8s;text-align: center;height: 400px;}
	
	#main01 .left {height: 250px}
	#main01 .right .title_font_b {font-size: 40px;line-height: 1em}
	#main01 .right .sub {color: #3A4E68;font-size: 14px;margin-top: 20px}
	#main01 .right .bt {margin-top: 20px}
	
	#main02 {height: 360px;border-radius: 16px;}
	#main02 .inner {text-align:center}
	#main02 .inner .title_font {margin-top: 15px;font-size: 24px;color: #1E3A5F;line-height: 1.3em}
	#main02 .inner .bt {margin-top: 30px}
	
	.section_title {font-size: 28px;margin-bottom:20px;}
	
	#main03 .box {width: 100%;height: 300px;}
	#main03 .box h3 {font-size: 30px}
	
	#main04 .box {width: 100%;height: 280px;padding: 50px;border-radius: 16px;display: flex; flex-direction: column;justify-content: flex-end; align-items: end;position: relative}
	#main04 .box img {position: absolute;top: 40px;left: 40px;width: 60px}
	#main04 .box h3 {font-size: 38px;}
	#main04 .box .subtext {font-size: 18px;margin-top:10px;line-height: 1.4em}
	
	#main06 .right {width: 100%;background-color: #f7f7f7;border-radius: 16px;padding: 0 30px}
	#main06 .right .content .inner .tel {font-size: 22px;line-height: 1.3em}
	#main06 .right .content .inner .bt .naver {background: #4dac3d}
	#main06 .right .content .inner .bt .naver img {height: 17px;margin-right: 10px}
	#main06 .right .content .inner .text {margin-top: 10px;font-size: 13px}
}