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


.section_title {font-family: "Gowun Batang";font-size: 50px;text-align: center;}
.company {font-family: "Outfit";font-size: 14px;letter-spacing: 10%;margin-top: 30px;text-align: center;font-weight: 500}

.full-bg {
  width: 100%;
  background: url('/dist/image/main/bg.png') no-repeat;
  background-size: 100%; /* 가로만 채우고, 세로는 자동 */
}

.main_vis {margin: 200px auto 150px;width: 1200px;padding: 0 60px}
.main_vis .img img {width: 320px}
.main_vis .text {color: #2B5E4B;padding-top: 100px}
.main_vis .text .simbol {margin-right: 50px}
.main_vis .text .simbol img {height: 160px;}
.main_vis .title {font-family: "Gowun Batang";font-size: 60px;line-height: 1.3em;letter-spacing: -3%}
.main_vis .sub {font-family: 'Gowun Batang';font-size: 30px;letter-spacing: -2%;margin-top: 35px}

#main01 {position: relative}
#main01 .text {padding-left: 18%;position: relative;z-index: 9;height: 620px;display: flex;flex-direction: column; justify-content: center;}
#main01 .text .title {font-family: "Gowun Batang";font-size: 50px;line-height: 1.3em;letter-spacing: -3%}
#main01 .text .t {margin-top: 40px;color: #47665A;font-size: 17px;line-height: 1.8em}
#main01 .text .bt {margin-top: 45px}
#main01 .img {background: url('/dist/image/main/img1.jpg') no-repeat;background-size: cover;height: 620px;width: 60%;position: absolute;right: 0;top: 0}

#main02 {background: url('/dist/image/main/rew.jpg') no-repeat;background-size: cover;padding: 160px 0;text-align: center;height: 900px}
#main02 .text .c {font-family: "Outfit";font-size: 13px;letter-spacing: 30%;margin-top: 0;text-align: center;font-weight: 400}
#main02 .text .title {font-family: "Gowun Batang";font-size: 45px;line-height: 1.3em;letter-spacing: -3%;margin-top: 30px}
#main02 .text .bt {margin-top: 80px}


#main03 {position: relative}
#main03 .text {padding-left: 65%;position: relative;z-index: 9;height: 620px;display: flex;flex-direction: column; justify-content: center;}
#main03 .text .title {font-family: "Gowun Batang";font-size: 50px;line-height: 1.3em;letter-spacing: -3%}
#main03 .text .t {margin-top: 40px;color: #47665A;font-size: 17px;line-height: 1.8em}
#main03 .text .bt {margin-top: 45px}
#main03 .img {background: url('/dist/image/main/img2.jpg') no-repeat;background-size: cover;height: 620px;width: 60%;position: absolute;left: 0;top: 0}


#main04 {background: url('/dist/image/main/noti_bg.svg') no-repeat right;background-color: #457457;}
.noti_card {margin: 80px auto 0;color: #ffffff}
.noti_card .card {background: rgba(255, 255, 255, 0.1);width: 32%;padding: 50px 40px;transition: all .3s;cursor: pointer;border-radius: 5px}
.noti_card .card:hover {background: rgba(255, 255, 255, 0.2);transition: all .3s;}
.noti_card .card .cate {margin-bottom: 20px;color: #ffffff}
.noti_card .card .subject {font-size: 22px;overflow: hidden; text-overflow: ellipsis; display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical; word-wrap: break-word;line-height: 1.5em;height: 3em;color: #ffffff}
.noti_card .card .date{font-family: 'Outfit';color: #ffffff;margin-top:50px;font-size: 15px}



@media screen and (max-width:1280px) {
	.main_vis {margin: 200px auto 150px;width: 90%;padding: 0 60px}
	.main_vis .img img {width: 280px}
	.main_vis .text {color: #2B5E4B;padding-top: 100px}
	.main_vis .text .simbol {margin-right: 50px}
	.main_vis .text .simbol img {height: 140px;}
	.main_vis .title {font-size: 50px;}
	.main_vis .sub {font-size: 26px;margin-top: 35px}
	
	#main01 .text {padding-left: 10%;}
	#main03 .text {padding-left: 55%;}

}



@media screen and (max-width:1100px) {
	.section_title {font-family: "Gowun Batang";font-size: 42px;text-align: center;}
	.company {font-family: "Outfit";font-size: 14px;letter-spacing: 10%;margin-top: 30px;text-align: center;font-weight: 500}
	
	.main_vis {margin: 200px auto 100px;width: 96%;padding: 0 60px}
	.main_vis .img img {width: 240px}
	.main_vis .text {color: #2B5E4B;padding-top: 100px}
	.main_vis .text .simbol {margin-right: 30px}
	.main_vis .text .simbol img {height: 120px;}
	.main_vis .title {font-size: 45px;}
	.main_vis .sub {font-size: 23px;margin-top: 25px}
	

	#main01 .text {padding-left: 5%;height: 450px;}
	#main01 .text .title {font-size: 42px;}
	#main01 .text .t {font-size: 16px;}
	#main01 .text .bt {margin-top: 40px}
	#main01 .img {height: 450px;width: 60%;position: absolute;right: 0;top: 0}
	
	#main02 {height: 800px}
	
	#main03 .text {padding-left: 55%;height: 450px;}
	#main03 .text .title {font-size: 42px;}
	#main03 .text .t {font-size: 16px;}
	#main03 .text .bt {margin-top: 40px}
	#main03 .img {height: 450px;width: 60%;position: absolute;right: 0;top: 0}
	
	#main04 {background: url('/dist/image/main/noti_bg.svg') no-repeat right;background-color: #457457;background-size:50%}
}

@media screen and (max-width:880px) {
	.main_vis {margin: 100px auto 100px;width: 96%;padding: 0}
	.main_vis .img {width: 100%;text-align: center}
	.main_vis .img img {width: 200px}
	.main_vis .text {width: 100%;text-align: center;padding-top: 50px}
	.main_vis .text .d-flex {text-align: left}
	
	#main02 {padding: 100px 0;text-align: center;height: 600px}
	#main02 .text .c {font-family: "Outfit";font-size: 12px;letter-spacing: 30%;margin-top: 0;text-align: center;font-weight: 400}
	#main02 .text .title {font-family: "Gowun Batang";font-size: 40px;line-height: 1.3em;letter-spacing: -3%;margin-top: 30px}
	#main02 .text .bt {margin-top: 50px}
	
	.noti_card {margin: 80px auto 0;color: #ffffff}
	.noti_card .card {background: rgba(255, 255, 255, 0.1);width: 32%;padding: 40px 30px;transition: all .3s;cursor: pointer;border-radius: 5px}
	.noti_card .card:hover {background: rgba(255, 255, 255, 0.2);transition: all .3s;}
	.noti_card .card .cate {margin-bottom: 20px;color: #ffffff;font-size: 13px}
	.noti_card .card .subject {font-size: 18px;overflow: hidden; text-overflow: ellipsis; display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical; word-wrap: break-word;line-height: 1.5em;height: 3em;color: #ffffff}
	.noti_card .card .date{font-family: 'Outfit';color: #ffffff;margin-top:50px;font-size: 14px}
}

@media screen and (max-width:750px) {
	.section_title {font-family: "Gowun Batang";font-size: 38px;text-align: center;}
	.company {font-family: "Outfit";font-size: 14px;letter-spacing: 10%;margin-top: 30px;text-align: center;font-weight: 500}
	
	
	#main01 {position: relative}
	#main01 .text {padding-left: 0;position: relative;z-index: 9;height: auto;display: block;text-align: center}
	#main01 .text .title {font-family: "Gowun Batang";font-size: 38px;line-height: 1.3em;letter-spacing: -3%}
	#main01 .text .t {margin-top: 40px;color: #47665A;font-size: 15px;line-height: 1.8em}
	#main01 .text .bt {margin-top: 45px}
	#main01 .img {background: url('/dist/image/main/img1.jpg') no-repeat;background-size: cover;height: 300px;width: 100%;position: relative;margin-top: 40px}
	
	#main03 {position: relative}
	#main03 .text {padding-left: 0;position: relative;z-index: 9;height: auto;display: block;text-align: center}
	#main03 .text .title {font-family: "Gowun Batang";font-size: 38px;line-height: 1.3em;letter-spacing: -3%}
	#main03 .text .t {margin-top: 40px;color: #47665A;font-size: 15px;line-height: 1.8em}
	#main03 .text .bt {margin-top: 45px}
	#main03 .img {background: url('/dist/image/main/img2.jpg') no-repeat center bottom;background-size: cover;height: 300px;width: 100%;position: relative;margin-top: 40px}
}

@media screen and (max-width:680px) {
	.main_vis .text .simbol {margin-right: 20px}
	.main_vis .text .simbol img {height: 80px;}
	.main_vis .title {font-size: 32px;}
	.main_vis .sub {font-size:18px;margin-top: 25px}
	
	.noti_card {margin: 50px auto 0;color: #ffffff}
	.noti_card .card {background: rgba(255, 255, 255, 0.1);width: 100%;padding: 40px 30px;transition: all .3s;cursor: pointer;border-radius: 5px;margin-bottom: 25px}
	.noti_card .card:hover {background: rgba(255, 255, 255, 0.2);transition: all .3s;}
	.noti_card .card .cate {margin-bottom: 20px;color: #ffffff;font-size: 13px}
	.noti_card .card .subject {font-size: 18px;overflow: hidden; text-overflow: ellipsis; display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical; word-wrap: break-word;line-height: 1.5em;height: 3em;color: #ffffff}
	.noti_card .card .date{font-family: 'Outfit';color: #ffffff;margin-top:50px;font-size: 14px}
}

@media screen and (max-width:520px) {
	.section_title {font-family: "Gowun Batang";font-size: 28px;text-align: center;line-height: 1.4em}
	.company {font-family: "Outfit";font-size: 13px;letter-spacing: 10%;margin-top:20px;text-align: center;font-weight: 500}
	
	.main_vis {margin: 100px auto 80px;}
	.main_vis .img img {width: 150px}
	.main_vis .text .simbol {margin-right: 10px}
	.main_vis .text .simbol img {height: 70px;}
	.main_vis .title {font-size: 28px;}
	.main_vis .sub {font-size:16px;margin-top: 25px}
	
	#main01 .text .title {font-size: 28px;}
	#main01 .text .t {font-size: 15px;margin-top: 20px;}
	#main01 .text .bt {margin-top: 30px}
	#main01 .img {height: 200px;}
	
	#main02 {padding: 100px 0;text-align: center;height: 500px}
	#main02 .text .c {font-family: "Outfit";font-size: 11px;letter-spacing: 10%;margin-top: 0;text-align: center;font-weight: 400}
	#main02 .text .title {font-family: "Gowun Batang";font-size: 28px;line-height: 1.3em;letter-spacing: -3%;margin-top: 30px}
	#main02 .text .bt {margin-top: 30px}
	
	#main03 .text .title {font-size: 28px;}
	#main03 .text .t {font-size: 15px;margin-top: 20px;}
	#main03 .text .bt {margin-top: 30px}
	#main03 .img {height: 200px;}
 }