@charset "utf-8";
#main_visual {position:relative;}
#main_visual .swiper-slide {position:relative; height:100vh; min-height:700px; background:no-repeat center; background-size:cover;}
#main_visual .swiper-slide p {display:none; position:absolute; top:0; left:0; right:0; bottom:0; background:no-repeat center; background-size:cover;}
#main_visual .swiper-pagination {bottom:47px; padding:0; margin:0; font-size:0;}
#main_visual .swiper-pagination-bullet {width:14px; height:14px; margin:0 13px; background:#fff; opacity:1; transition:all 0.4s;}
#main_visual .swiper-pagination-bullet-active {background:#144896;}
#main_visual .main_txt {position:absolute; top:50%; left:0; right:0; z-index:1; margin-top:-80px; color:#fff;}
#main_visual .main_txt > div {width:92%; max-width:1400px; margin:auto;}
#main_visual .main_txt h2 {font-size:100px; font-weight:900; line-height:1.2;}
#main_visual .main_txt p {margin-top:40px; font-size:28px; font-weight:300; line-height:1.428;}

@media all and (max-width:1400px){
	#main_visual .swiper-slide {min-height:600px;}
	#main_visual .main_txt h2 {font-size:80px;}
	#main_visual .main_txt p {margin-top:30px; font-size:23px;}
}
@media all and (min-width:992px){
}
@media all and (max-width:991.9px){
	#main_visual .swiper-slide {min-height:500px;}
	#main_visual .swiper-slide p {display:block;}
	#main_visual .main_txt {margin-top:0; transform:translateY(-50%);}
	#main_visual .main_txt h2 {font-size:13.8888vw;}
	#main_visual .main_txt p {margin-top:5.555vw; font-size:5vw;}
}

.mtit {margin-bottom:100px; color:#333333;}
.mtit h2 {display:inline-block; position:relative; padding-right:32px; font-size:72px; vertical-align:top; font-weight:100;}
.mtit h2::after {position:absolute; top:6px; right:0; width:17px; height:17px; background:#144896; content:'';}
.mtit .stit {margin-top:17px; font-size:24px; font-weight:300; line-height:1.5;}

.section_mt {margin-top:150px;}

.btn_more {display:block; width:250px; margin:100px auto 0; padding-left:35px; font-size:18px; color:#fff; font-weight:700; line-height:55px; background:url('../images/main/icon_more_arr.png') no-repeat right 30px center #144896;}


@media all and (max-width:1400px){
	.mtit {margin-bottom:80px;}
	.mtit h2 {padding-right:25px; font-size:57px;}
	.mtit h2::after {width:14px; height:14px;}
	.mtit .stit {margin-top:14px; font-size:20px;}

	.section_mt {margin-top:120px;}
}
@media all and (max-width:991.9px){
	.mtit {margin-bottom:35px;}
	.mtit h2 {padding-right:16px; font-size:36px;}
	.mtit h2::after {top:4px; width:9px; height:9px;}
	.mtit .stit {margin-top:10px; font-size:15px;}

	.section_mt {margin-top:60px;}

	.btn_more {width:170px; margin:45px auto 0; line-height:40px; padding-left:16px; font-size:13px; background-image:url('../images/main/icon_more_arr_m.png'); background-position:right 15px center; background-size:8px auto;}
}








#aboutus {height:590px; padding-top:110px; background:url('../images/main/aboutus_bg.jpg') no-repeat center; background-size:cover;}
#aboutus .mtit {margin-bottom:70px; color:#fff;}
#aboutus ul {display: -ms-flexbox; display: flex; -ms-flex-wrap: wrap; flex-wrap: wrap; margin:-20px;}
#aboutus li {-ms-flex: 1; flex: 1; padding:20px;}
#aboutus .inbox {display: -ms-flexbox; display: flex; -ms-flex-align: center; align-items: center; padding:22px; border:1px solid rgba(255,255,255,0.4); color:#fff;}
#aboutus .inbox::before {width:88px; height:88px; margin-right:22px; background:url('../images/main/icon_aboutus01.png') no-repeat center; background-size:contain; content:'';}
#aboutus .s02 .inbox::before {background-image:url('../images/main/icon_aboutus02.png');}
#aboutus .s03 .inbox::before {background-image:url('../images/main/icon_aboutus03.png');}
#aboutus .inbox strong {font-size:24px; font-weight:700; line-height:1;}
#aboutus .inbox p {margin:8px 0 13px; font-size:15px; color:rgba(255,255,255,0.5);}
#aboutus .inbox span {position:relative; font-size:14px; font-weight:700; text-decoration:underline}
#aboutus .inbox span::after {position:absolute; top:50%; right:-16px; width:8px; height:13px; margin-top:-6px; background:url('../images/main/icon_more_arr.png') no-repeat center; content:'';}
@media all and (max-width:1400px){
	#aboutus .mtit {margin-bottom:55px;}
	#aboutus ul {margin:-10px;}
	#aboutus li {padding:10px;}
	#aboutus .inbox {height:100%; padding:25px 15px;}
	#aboutus .inbox::before {width:70px; height:70px; margin-right:20px;}
	#aboutus .inbox strong {font-size:20px;}
	#aboutus .inbox p {font-size:14px;}
	#aboutus .inbox span {font-size:13px;}
}
@media all and (max-width:991.9px){
	#aboutus {height:auto; padding:60px 0;}
	#aboutus li {-ms-flex: 0 0 100%; flex: 0 0 100%; max-width: 100%;}
	#aboutus .mtit {margin-bottom:30px;}
	#aboutus .inbox {padding:15px;}
	#aboutus .inbox::before {width:55px; min-width:55px; height:55px; margin-right:15px;}
	#aboutus .inbox strong {font-size:18px;}
	#aboutus .inbox p {margin:7px 0 6px; font-size:11px;}
	#aboutus .inbox span {font-size:11px;}
}

#notice ul {border-top:1px solid #eaeaea;}
#notice li {border-bottom:1px solid #eaeaea;}
#notice li a {display:block; position:relative; padding-left:170px; padding-right:200px; line-height:110px; font-size:24px; color:#333333; font-weight:700; background:url('../images/main/icon_notice_arr.png') no-repeat right 40px center;}
#notice .date {position:absolute; top:0; left:0; color:#144896;}
#notice li p {overflow:hidden; white-space:nowrap; text-overflow:ellipsis;}
@media all and (max-width:1400px){
	#notice li a {padding:18px 0; padding-right:50px; line-height:1.1; font-size:15px; background:url('../images/main/icon_notice_arr_m.png') no-repeat right 10px center; background-size:15px auto;}
	#notice .date {display:block; position:relative; margin-bottom:10px; font-size:15px;}
}
/*width:44.78%;

light : 300
thin : 100

-ms-flex-pack: end!important; justify-content: flex-end!important;

display: -ms-flexbox; display: flex;
-ms-flex-wrap: wrap; flex-wrap: wrap;
-ms-flex-align: stretch; align-items: stretch;
-ms-flex-align: center; align-items: center;

-ms-flex-item-align: center; align-self: center;
-ms-flex-item-align: stretch; align-self: stretch;

-ms-flex: 0 0 50%; flex: 0 0 50%; max-width: 50%;
font-family: 'Nanum Myeongjo', serif,'Apple SD Gothic Neo';
font-family: 'Noto Sans KR', sans-serif,'Apple SD Gothic Neo';
font-family: 'S-Core Dream', sans-serif,'Apple SD Gothic Neo';


-ms-flex: 1; flex: 1;
*/