@charset "UTF-8";

* {
	list-style:none;
}

/***공통 메인 비쥬얼***/
#idxMain {  
	width:100%;
	height:700px;
	position:relative;
}

.main__visual {
	position:relative;
	width:100%;
	height:100%;
}

.main__visualSlide {
	position:relative;
}

.main__visualSlide img {
	width:100%;
	height:100%;
	object-fit:cover;
}

.main__visualSlide-screen {
	position:absolute;
	width:100%;
	height:100%;
	background-color:rgba(0,0,0,0.5);
	top:0;
	left:0;
}

.main__visualTextBox {
	position:absolute;
	display:flex;
	flex-direction:column; 
	justify-content:space-between;
	color:#fff;
	width:1200px;  /* 기존 전체 비주얼 텍스트  영역 1400 */
	height:250px;
	bottom:225px;
	left:50%;
	transform:translateX(-50%);
	z-index:1;
}

.main__visualTextBox h2 {
	font-size:50px;
	line-height:70px;
}

.main__visualTextBox p {
	font-weight:500;
	line-height:25px;
}

.main__visualAddonBox {
	position:absolute;
	display:flex;
	align-items:center;
	width:1200px; /* 기존 전체 비주얼 슬라이드버튼  영역 1400 */
	height:30px;
	left:50%;
	bottom:140px;
	transform:translateX(-50%);
	z-index:1;
}

.main__visualAddonBox__btnBox {
	position:relative;
	display:flex;
	justify-content:space-between;
	align-items:center;
	width:90px;
	height:100%;
	border:1px solid rgba(255,255,255,0.5);
	border-radius:30px;
	background-color:rgba(255,255,255,0.3);
}

.main__visualPagination {
	position:static !important;
	display:flex;
	align-items:center;
	width:auto !important;
	margin-right:20px;
}

.swiper-pagination-bullet {
	width:15px !important;
	height:15px !important;
}

.swiper-pagination-bullet {
	background-color:#fff !important;
	opacity:1 !important;
	border:1px solid rgba(0,0,0,0.2);
}

.swiper-pagination-bullet-active {
	background-color:#5E97B6 !important;
}

.main__visualBtnNext {
	color:rgba(255,255,255,0.8) !important;
	width:15px !important;
	height:15px !important;
	top:auto !important;
	bottom:0 !important;
	transform: translateY(-50%) !important;
}

.main__visualBtnNext:after {
	font-size:15px !important;
}

.main__visualBtnPrev {
	color:rgba(255,255,255,08) !important;
	width:15px !important;
	height:15px !important;
	top:auto !important;
	bottom:0 !important;
	transform: translateY(-50%) !important;
}

.main__visualBtnPrev:after {
	font-size:15px !important;
}

.main__visualPlayStopBtn {
	position:absolute;
	display:flex;
	justify-content:center;
	align-items:center;
	width:20px;
	height:20px;
	top:50%;
	left:50%;
	transform:translate(-50%,-50%);
	z-index:1;
	font-size:15px;
	cursor:pointer;
	color:rgba(255,255,255,0.8);
}

.main__visualPlayStopBtn i:last-child {
	display:none;
}

/*공통게시판*/
/* #idxBoard {padding:20px;} */
#idxBoard .title_area { width:100%; }
#idxBoard .title_area li a { display:flex; display:-ms-flexbox; justify-content:space-between; -ms-flex-pack:justify; }
#idxBoard .title_area li a span { display:block; }
#idxBoard .title_area li a .m-subject { width:calc(100% - 120px); }
#idxBoard .title_area li a .m-date { width:79px; }


/*** Mobile ***/
@media screen and (min-width:1px) and (max-width:639px) {
	
	/***메인비쥬얼***/
	#ly-Main { margin-top:122px; }
	#ly-Main > p.obj-mouse-scroll {margin-left:-30px;}

}

/*** Mobile & Tablet ***/
@media screen and (min-width:1px) and (max-width:1216px) {
	
	/* 레이어팝업 */
	div.laypopup { display:none !important; }
	
}

/*** Tablet ***/
@media screen and (min-width:640px) and (max-width:1216px) {	
	#ly-Main { margin-top:136px; }
	#ly-Main .v-info{ padding-top:179px; }
	
}

/*** Tablet & Desktop ***/
@media screen and (min-width:640px) {
	/* 레이어팝업 */
	div.laypopup > div.popup {  }
	div.laypopup div.cont { border:1px solid #005986; } 
	div.laypopup div.cont img { vertical-align:top; }
	div.laypopup p.close { overflow:hidden; width:100%; }
	div.laypopup p.close > a { float:left; width:50%; display:block; font-weight:bold; color:#fff; background-color:#005986; padding:10px 0; text-align:center; }
	div.laypopup p.close > a:nth-of-type(2) { background-color:#003f5e; }
	div.laypopup p.img > span { display:block; }
	
	p.more {display:block; text-align:center; }

}

/* 레이어팝업 */
div.mqLaypopup.pop1 { position:absolute; left:30px; top:97px; z-index:200; overflow:hidden; }
div.mqLaypopup.pop2 { position:absolute; left:700px; top:153px; z-index:102; overflow:hidden; }

div.mqLaypopup > div.popup {  }
div.mqLaypopup p.img { border:1px solid #194fb1; border-bottom:0px; } 
div.mqLaypopup p.img img { vertical-align:top; }
div.mqLaypopup p.close { overflow:hidden; width:100%;}
div.mqLaypopup p.close > a { float:left; width:50%; display:block; font-weight:600; color:#fff; background-color:#194fb1; padding:10px 0; text-align:center; }
div.mqLaypopup p.close > a:nth-of-type(2) { background-color:#113371; }

div.mqLaypopup p.img > span { display:block; }


   /*** 메인비쥬얼 ***/
#objMainPager { position:absolute; left:50%; transform: translateX(-50%); -webkit-transform: translateX(-50%); bottom:25%; z-index:102;  display:flex; display:-ms-flexbox;}
#objMainPager > a { width:20px; height:3px; margin-top:10px; margin-left:10px; background-color:#fff; display:block; font-size:.1em; }
#objMainPager > a.cycle-pager-active { width:70px; background-color:#2ffeff; }

/***메인 게시판***/
#idxBoard {
	display:flex;
	justify-content:space-between;
	width:100%;
	height:790px;
	position:relative;
	padding:50px 0;
}

.idxBoard-body {
	display:flex;
	justify-content:space-between;
	align-items:center;
	width:1200px;  /* 메인 두번째 섹션 영역 기존 1400 */
	height:100%;
	margin:0 auto;
}

.idxBoard-body_left {
	display:flex;
	flex-direction:column;
	justify-content:space-between;
	width:890px; /* 메인 두번째 섹션 영역 좌측 기존 1040 */
	height:100%;
	box-shadow:0px 0px 10px rgba(0,0,0,0.2);
	padding:40px;
}

.idxBoard-body_left_title {
	display:flex;
	justify-content:space-between;
	align-items:flex-end;
}

.idxBoard-body_left_title h3 {
	display:flex;
	align-items:flex-end;
}

.idxBoard-body_left_title h3 span {
	margin-right:20px;
	font-weight:900;
	font-size:30px;
	line-height:30px;
}

.idxBoard-body_left_title h3 p {
	font-size:16px;
	line-height: 14px;
	color:rgba(0,0,0,0.5);
}

.idxBoard-body_left_tab {
	width:100%;
	display:flex;
	justify-content:space-between;
	align-items:flex-end;
}

.idxBoard-body_left_tabbtns {
	display:flex;
	justify-content:space-between;
	align-items:center;
	width:635px; /* 두번째 섹션 좌측 상단탭영역  기존 635(총 810-175) */
	height:40px;
}

.idxBoard-body_left_tabbtns span {
	display:flex;
	justify-content:center;
	align-items:center;
	width:200px; /* 두번째 섹션 좌측 영역 탭사이즈 기존 200 */
	height:100%;
	border-radius:100px;
	border:1px solid rgba(0,0,0,0.3);
	color:rgba(0,0,0,0.5);
	font-size:20px;
	font-weight:500;
	cursor:pointer;
}

.idxBoard-body_left_more {
	display:flex;
	justify-content:space-between;
	align-items:center;
	width:110px;
	font-size:16px;
	color:rgba(0,0,0,0.5);
}

.idxBoard-body_left_context {
	width:100%;
	height:480px;
}

.idxBoard-body_left_context > div {
	width:100%;
	height:100%;
}

.idxBoard-body_left_context > div ul {
	display:flex;
	justify-content:space-between;
	flex-direction:column;
	width:100%;
	height:100%;
}

.idxBoard-body_left_context > div ul li {
	width:100%;
	height:230px;
	border-top:1px solid rgba(0,0,0,0.8);
	border-bottom:1px solid rgba(0,0,0,0.8);
	transition:all 0.3s;
	background-color:rgba(0,0,0,0.02);
}

.idxBoard_atag {
	display:block;
	width:100%;
	height:100%;
	padding:30px;
}

.idxBoard_innerBox {
	display:flex;
	flex-direction:column;
	justify-content:space-between;
	width:100%;
	height:100%;
}

.idxBoard_innerBox h6 {
	font-size:20px;
	font-weight:500;
	width:100%;
	display:-webkit-box;
	-webkit-line-clamp:1;
	-webkit-box-orient:vertical;
	overflow:hidden;
	transition:all 0.3s;
	text-align:left;
}

.idxBoard_innerBox > p {
	font-size:15px;
	font-weight:500;
	color:rgba(0,0,0,0.5);
	width:100%;
	height:70px;
	display:-webkit-box;
	-webkit-line-clamp:3;
	-webkit-box-orient:vertical;
	overflow:hidden;
	text-align:left;
}

.idxBoard_innerBox > span {
	display:flex;
	justify-content:space-between;
	align-items:center;
	width:100%;
}

.idxBoard_innerBox > span > span {
	color:rgba(0,0,0,0.5);
	font-weight:bold;
}

.idxBoard_innerBox > span > span:last-child {
	display:flex;
	justify-content:center;
	align-items:center;
	width:120px;
	height:35px;
	border-radius:35px;
	border:1px solid rgba(0,0,0,0.3);
	font-size:15px;
}

.idxBoard-body_right {
	display:flex;
	flex-direction:column;
	justify-content:space-between;
	align-items:flex-end;
	width:280px; /* 메인 두번째 섹션 영역 우측 기존 300 */
	height:100%;
	color:rgba(0,0,0,0.5);
}

.idxBoard-body_right_iconBox {
	width:100%;
	height:100%;
}

.idxBoard-body_right_iconBox a {
	display:flex;
	justify-content:space-between;
	align-items:center;
	width:100%;
	height:20%;
	padding:30px;
	border-bottom:1px solid rgba(0,0,0,0.1);
}

.idxBoard-body_right_iconBox a:last-child {
	border:none;
}

.idxBoard-body_right_iconBox a img {
	width:25%;
	height:80%;
	object-fit:contain;
}

.idxBoard-body_right_iconBox a span {
	width:70%;
	text-align:center;
	font-weight:900;
	object-fit:contain;
	font-size:18px;
}

.bottomBanner {
	position:relative;
	display:flex;
	align-items:center;
	width:100%;
	height:535px;
	background-color:#860023;
}

.bottomBanner_Box {
	display:flex;
	align-items:center;
	position:relative;
	width:1200px;
	height:100%;
	margin:0 auto;
}


.bottomBanner_Box img {
	position:absolute;
	width:100%;
	height:100%;
	object-fit:cover;
}

.bottomBanner_textBox {
	position:relative;
	z-index:10;
	display:flex;
	flex-direction:column;
	justify-content:space-between;
	align-items:flex-end;
	width:100%;
	height:250px;
	color:#fff;
	text-shadow:0 0 5px #000;
}


.bottomBanner_textBox h6 {
	font-size:27px;
	font-weight:500;
}

.bottomBanner_textBox h3 {
	font-size:45px;
	font-weight:900;
	text-align:right;
}

.bottomBanner_textBox a {
	width:250px;
	height:50px;
	display:flex;
	justify-content:space-between;
	align-items:center;
	padding:10px 20px;
	border:1px solid #fff;
	color:#fff;
	font-weight:500;
	font-size:15px;
	background:none;
}

/* ---------- 배너 스타일 ---------- */
#idxBanner {
	width:100%;
	height:120px;
	border-top:1px solid rgba(0,0,0,0.2);
}

.banner-frame {
	position:relative;
	width:1200px;
	height:100%;
	margin:0 auto;
}

.swiper-banner {
	display:flex;
	align-items:center;
	width:85%;
	height:100%;
}

.swiper-wrapper-banner {
	width:1420px !important;
	height:50px !important;
	margin:0 auto;
}

.swiper-slide-banner a img {
	width:200px;
	height:50px;
	object-fit:contain;
}

.swiper-addon-banner {
	position:absolute;
	display:flex;
	justify-content:space-between;
	align-items:center;
	width:100%;
	height:100%;
	top:0;
}

.swiper-bannerButton-next{
	width:30px !important;
	height:115px !important;
	top:0px !important;
	right:0px !important;
	margin-top:0 !important;
	background-color:#fff;
}

.swiper-bannerButton-next::after {
	color:#DCDCDC;
}

.swiper-bannerButton-prev{
	width:30px !important;
	height:115px !important;
	top:0px !important;
	left:0px !important;
	margin-top:0 !important;
	background-color:#fff;
}

.swiper-bannerButton-prev::after {
	color:#DCDCDC;
}

.swiper-slide a {
	display:block;
	width:100%;
	height:100%;
}

.swiper-slide a img {
	width:100%;
	height:100% !important;
}

/* 반응형 */
/* 데스크탑 */
@media screen and (max-width: 1450px) {
	.main__visualTextBox,
	.main__visualAddonBox,
	.idxBoard-body,
	.bottomBanner_textBox,
	.banner-frame {
		width:90vw;
	}
	
	/* 다국어 메인 공지사항 반응형 */
	
	#idxBoard {
		height:55vw;
		padding:5vw 0;
	}
	
	.idxBoard-body_left {
		width:65vw;
		padding:2vw;
	}
	
	.idxBoard-body_left_title h3 span {
		font-size:2vw;
		margin-right:1vw;
	}
	
	.idxBoard-body_left_title h3 p {
		font-size:1.3vw;
	}
	
	.idxBoard-body_left_more {
		font-size:1.5vw;
		width:7vw;
	}
	
	.idxBoard-body_left_tabbtns {
		width:50%;
		height:3vw;
	}
	
	.idxBoard-body_left_tabbtns span {
		width:40%;
	}
	
	.idxBoard-body_left_context {
		height:30vw;
	}
	
	.idxBoard-body_left_context > div ul li {
		height:48%;
	}
	
	.idxBoard_atag {
		padding:2vw;
	}
	
	.idxBoard_innerBox h6 {
		font-size:1.5vw;
	}
	
	.idxBoard_innerBox > p {
		font-size:1.2vw;
		height:6vw;
	}
	
	.idxBoard_innerBox > span > span {
		font-size:1.2vw;
	}
	
	.idxBoard_innerBox > span > span:last-child {
		width:9vw;
		height:2.5vw;
		font-size:1.3vw;
	}
	
	.idxBoard-body_right {
		width:20vw;
	}
	
	.idxBoard-body_right_iconBox a {
		padding:1vw;
	}
	
	.idxBoard-body_right_iconBox a span {
		font-size:1.5vw;
	}
}

/* 테블릿 */
@media screen and (max-width: 1023px) {
	.main__visualTextBox {
		height:220px;
	}
	
	.main__visualTextBox h2 {
		font-size:40px;
		line-height:60px;
	}
	
	.main__visualTextBox p {
		font-size:15px;
		line-height:20px;
	}
	
	.bottomBanner_textBox h6 {
		font-size:25px;
	}
	
	.bottomBanner_textBox h3 {
		font-size:40px;
	}
	
	.bottomBanner_textBox button {
		width:200px;
	}
	
	/* 다국어 메인 공지사항 반응형 */
	
	#idxBoard {
		height:auto;
	}
	
	.idxBoard-body {
		flex-direction:column;
	}
	
	.idxBoard-body_left {
		width:100%;
		height:60vw;
	}
	
	.idxBoard-body_left_title h3 span {
		font-size:3vw;
	}
	
	.idxBoard-body_left_title h3 p {
		font-size:1.5vw;
	}
	
	.idxBoard-body_left_more {
		font-size:2vw;
		width:10vw;
	}
	
	.idxBoard-body_left_tabbtns {
		height:3.5vw;
	}
	
	.idxBoard-body_left_tabbtns span {
		font-size:1.5vw;
	}
	
	.idxBoard-body_left_context {
		height:40vw;
	}
	
	.idxBoard_innerBox > p {
		font-size:1.3vw;
		height:7vw;
	}
	
	.idxBoard-body_right {
		width:100%;
		margin-top:2vw;
	}
	
	.idxBoard-body_right_iconBox {
		display:flex;
		align-items:center;
	}
	
	.idxBoard-body_right_iconBox a {
		border:none;
	}
	
	.idxBoard-body_right_iconBox a span {
		font-size:1.3vw;
	}
}

/* 모바일 */
@media screen and (max-width: 767px) {
	.main__visualTextBox h2 {
		font-size:35px;
		line-height:50px;
		text-align:center;
	}
	
	.main__visualTextBox p {
		font-size:15px;
		line-height:20px;
		text-align:center;
	}
	
	.main__visualAddonBox {
		justify-content:center;
		bottom:50px;
	}
	
	.bottomBanner_textBox {
		align-items:center;
	}
	
	.bottomBanner_textBox h6 {
		font-size:20px;
	}
	
	.bottomBanner_textBox h3 {
		font-size:35px;
		text-align:center;
	}
	
	.bottomBanner_textBox button {
		width:150px;
	}
	
	/* 다국어 메인 공지사항 반응형 */
	
	.idxBoard-body_left {
		height:80vw;
	}

	.idxBoard-body_left_title{
		margin-bottom: 5px
	}
	
	.idxBoard-body_left_title h3 span {
		font-size:5vw;
	}
	
	.idxBoard-body_left_title h3 p {
		font-size:2.9vw;
	}
	
	.idxBoard-body_left_more {
		font-size:6vw;
		display: flex;
		justify-content: flex-end;
	}

	.idxBoard-body_left_more span{
		display: none;
	}
	
	.idxBoard-body_left_tabbtns span {
		font-size:4vw;
		width: 100%;
		height: 35px;
	}
	
	.idxBoard_innerBox h6 {
		font-size:3vw;
	}
	
	.idxBoard_innerBox > p {
 		height:15vw;
		font-size:2.5vw;
	}
	
	.idxBoard-body_left_tabbtns {
		height:5vw;
		width:100%;
	}
	
	.idxBoard_innerBox > span > span {
		font-size:2vw;
	}
	
	.idxBoard_innerBox > span > span:last-child {
		width:15vw;
		height:3.5vw;
		font-size:2vw;
	}
	
	.idxBoard-body_left_context {
		height:60vw;
	}
	
	.idxBoard-body_right_iconBox a {
		flex-direction:column;
		width:20%;
		height:25vw;
	}
	
	.idxBoard-body_right_iconBox a img {
		width:100%;
		height:45%;
	}
	
	.idxBoard-body_right_iconBox a span {
		display:flex;
		height:45%;
		width:100%;
		justify-content:center;
		align-items:center;
		font-size:2.5vw;
		border-top:1px solid rgba(0,0,0,0.2);
	}
	
}