/*  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;background: url('/dist/image/main/main.jpg') no-repeat;background-size: cover;transition: all .8s;position: relative}
.main_vis .text {position: absolute;left: 0;top:calc(50% - 100px);text-align: center;width: 100%}
.main_vis .title {font-family: 'SeoulHangangM';font-size: 30px;letter-spacing: -5%}
.main_vis .sub {font-family: 'SeoulHangangM';font-size: 16px;letter-spacing: -5%;margin-bottom: 15px}

.section_title {font-family: 'SeoulHangangM';font-size: 30px;letter-spacing: -5%;margin-bottom: 80px;text-align: center}
.section_title .simbol {margin-bottom: 10px}
.section_title .simbol img {width: 50px}

#main01 {
	background: #FEFAFA;
	background: -webkit-linear-gradient(180deg,rgba(254, 250, 250, 1) 0%, rgba(255, 255, 255, 1) 100%);
	background: -moz-linear-gradient(180deg,rgba(254, 250, 250, 1) 0%, rgba(255, 255, 255, 1) 100%);
	background: linear-gradient(180deg,rgba(254, 250, 250, 1) 0%, rgba(255, 255, 255, 1) 100%);
	filter: progid:DXImageTransform.Microsoft.gradient(
	  startColorstr="#FEFAFA",
	  endColorstr="#FFFFFF",
	  GradientType=0
	);
}
#main01 .left {width: 60%;}
#main01 .left img {width: 100%}
#main01 .right {padding-left: 5%;width: 40%}
#main01 .right .text1 {font-family: 'SeoulHangangM';font-size: 30px;letter-spacing: -5%}
#main01 .right .text2 {margin-top: 50px;line-height: 1.8em}
#main01 .right .bt {margin-top: 35px}

#main02 {background: #FCF8F9}
#main02 .items {width: 20%;text-align: center;cursor: pointer}
#main02 .items .img {margin-bottom: 30px;overflow: hidden}
#main02 .items .img img {width: 220px;;transition: all .5s;}
#main02 .items:hover .img img {border-radius: 999px;transition: all 1s}
#main02 .items .subject {font-size: 18px;font-family: 'Pretendard-Medium';}
#main02 .items:hover .subject {font-family: 'Pretendard-SemiBold';}
#main02 .items .desc {margin-top: 10px;font-size: 15px;padding: 0 10px}

#main03 .noti_box {border-radius: 5px;padding: 60px 40px;width: 32%;aspect-ratio: 1 / 1;position: relative;cursor: pointer;transition: all .5s;border: 1px solid #f3e8ea;background: #FCF8F9;}
#main03 .noti_box .subject {color: #232323;font-size: 20px;font-family: 'Pretendard-Bold';overflow: hidden;text-overflow: ellipsis;word-break:keep-all;display: -webkit-box;-webkit-line-clamp: 2;-webkit-box-orient: vertical;word-wrap:break-word;height: 2.8em;line-height: 1.4em;}
#main03 .noti_box .text {margin-top: 20px;color: #4b4b4b;overflow: hidden;text-overflow: ellipsis;display: -webkit-box;-webkit-line-clamp: 3;-webkit-box-orient: vertical;word-wrap:break-word;height: 5.1em;line-height: 1.7em;font-size: 15px}
#main03 .noti_box .date {position: absolute;bottom: 60px;font-size: 15px;color: #8D95A0;font-family: 'Pretendard-Bold'}
#main03 .noti_box:hover {background: #ffffff;transition: all .5s}

#main04 {background: #FCF8F9}
#main04 .section_title {text-align: left;font-size: 40px;margin-bottom: 40px}
#main04 .map {width: 60%;height: 520px;border: 1px solid #d6d6d6}
#main04 .content {width: 36%}
#main04 .content .title {font-size: 18px;font-family: 'Pretendard-Medium';margin-bottom: 5px}
#main04 .content .tel {font-size: 26px;letter-spacing: -3%;;margin-bottom: 15px}
#main04 .content ul.dots {font-size: 14px;margin-bottom: 10px}
#main04 .content .parking {font-family: 'Pretendard-SemiBold';font-size: 14px;margin-bottom: 50px}


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

}

@media screen and (max-width:1320px) {
	.main_vis {aspect-ratio: 1 / .45;}
	
}

@media screen and (max-width:1300px) {
	#main01 .left {width: 50%;}

	#main01 .right {padding-left: 5%;width: 45%}
	#main01 .right .text1 {font-family: 'SeoulHangangM';font-size: 30px;letter-spacing: -5%}
	#main01 .right .text2 {margin-top: 50px;line-height: 1.8em}
	#main01 .right .bt {margin-top: 35px}
	
	#main02 .items .img img {width: 90%;transition: all .5s;}

}

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

@media screen and (max-width:1100px) {
	.main_vis {aspect-ratio: 1 / .6;transition: all .8s}
	.main_vis .text {position: absolute;left: 0;top:calc(50% - 100px);text-align: center;width: 100%}
	.main_vis .title {font-family: 'SeoulHangangM';font-size: 30px;letter-spacing: -5%}
	.main_vis .sub {font-family: 'SeoulHangangM';font-size: 16px;letter-spacing: -5%;margin-bottom: 15px}
	
	#main02 .items .subject {font-size: 16px;font-family: 'Pretendard-Medium';}
	#main02 .items .desc {margin-top: 10px;font-size: 14px;padding: 0 10px}
	
	
	#main03 .noti_box {border-radius: 5px;padding: 40px 40px;width: 32%;aspect-ratio: 1 / 1;position: relative;cursor: pointer;transition: all .5s;border: 1px solid #f3e8ea;background: #FCF8F9;}
	#main03 .noti_box .subject {color: #232323;font-size: 20px;font-family: 'Pretendard-Bold';overflow: hidden;text-overflow: ellipsis;word-break:keep-all;display: -webkit-box;-webkit-line-clamp: 2;-webkit-box-orient: vertical;word-wrap:break-word;height: 2.8em;line-height: 1.4em;}
	#main03 .noti_box .text {margin-top: 20px;color: #4b4b4b;overflow: hidden;text-overflow: ellipsis;display: -webkit-box;-webkit-line-clamp: 2;-webkit-box-orient: vertical;word-wrap:break-word;height: 3.4em;line-height: 1.7em;font-size: 15px}
	#main03 .noti_box .date {position: absolute;bottom: 40px;font-size: 15px;color: #8D95A0;font-family: 'Pretendard-Bold'}
	#main03 .noti_box:hover {background: #ffffff;transition: all .5s}

}

@media screen and (max-width:960px) {
	#main01 .left {width: 100%;}
	#main01 .right {padding-left: 0;width: 100%;margin-top: 60px;display: flex}
	#main01 .right .text1 {font-family: 'SeoulHangangM';font-size: 30px;letter-spacing: -5%;width: 50%}
	#main01 .right .text2 {margin-top: 0;line-height: 1.8em;width: 50%}
	
	#main02 .items {width: 33%;text-align: center;cursor: pointer;margin-bottom: 60px}
	
}

@media screen and (max-width:850px) {
	
	#main01 .right {padding-left: 0;width: 100%;margin-top: 50px;display: flex}
	#main01 .right .text1 {font-family: 'SeoulHangangM';font-size: 26px;letter-spacing: -5%;width: 50%}
	#main01 .right .text2 {margin-top: 0;line-height: 1.8em;width: 50%;font-size: 15px}
	#main01 .right .bt {margin-top: 35px}
	

	#main04 .section_title {text-align: left;font-size: 34px;margin-bottom: 40px}
	#main04 .map {width: 100%;height: 420px;border: 1px solid #d6d6d6}
	#main04 .content {width: 100%;margin-top: 40px}
	#main04 .content .title {font-size: 18px;font-family: 'Pretendard-Medium';margin-bottom: 5px}
	#main04 .content .tel {font-size: 26px;letter-spacing: -3%;;margin-bottom: 15px}
	#main04 .content ul.dots {font-size: 14px;margin-bottom: 10px}
	#main04 .content .parking {font-family: 'Pretendard-SemiBold';font-size: 14px;margin-bottom: 50px}
}

@media screen and (max-width:750px) {
	.section_title {font-family: 'SeoulHangangM';font-size: 24px;letter-spacing: -5%;margin-bottom: 80px;text-align: center;padding: 0}
	.section_title .simbol {margin-bottom: 10px}
	.section_title .simbol img {width: 30px}
	
	#main01 .right {padding-left: 0;width: 100%;margin-top: 50px;display: block;text-align: center}
	#main01 .right .text1 {font-family: 'SeoulHangangM';font-size: 26px;letter-spacing: -5%;width: 100%}
	#main01 .right .text2 {margin-top: 30px;line-height: 1.8em;width: 100%;font-size: 15px}
	#main01 .right .bt {margin-top: 35px}
	
	#main02 .items {width: 50%;text-align: center;cursor: pointer;margin-bottom: 60px}
	
	
	#main03 .noti_box {padding: 40px 10%;width: 100%;height: 250px;margin-bottom: 30px}
	#main03 .noti_box .subject {font-size: 18px;}
	#main03 .noti_box .text {font-size: 14px}
	#main03 .noti_box .date {position: absolute;bottom: 40px;font-size: 13px;}

}

@media screen and (max-width:520px) {
	.main_vis {aspect-ratio: 1 / .9;transition: all .8s}
	.main_vis .text {position: absolute;left: 0;top:calc(50% - 50px);text-align: center;width: 100%}
	.main_vis .title {font-family: 'SeoulHangangM';font-size: 20px;letter-spacing: -5%}
	.main_vis .sub {font-family: 'SeoulHangangM';font-size: 14px;letter-spacing: -5%;margin-bottom: 15px}
	
	 #main04 .section_title {text-align: left;font-size: 30px;margin-bottom: 20px}
	 #main04 .map {width: 100%;height: 320px;border: 1px solid #d6d6d6}
	 #main04 .content {width: 100%;margin-top: 40px}
	 #main04 .content .title {font-size: 18px;font-family: 'Pretendard-Medium';margin-bottom: 5px}
	 #main04 .content .tel {font-size: 22px;letter-spacing: -3%;;margin-bottom: 15px}
	 #main04 .content ul.dots {font-size: 14px;margin-bottom: 10px}
	 #main04 .content .parking {font-family: 'Pretendard-SemiBold';font-size: 14px;margin-bottom: 50px}
 }