@media all and (min-width:0px) and (max-width:768px){
	.main_screen{width:100%;height:auto;overflow:hidden;}

	.main_sub_manu, .main_sub_img2{width:100%;height:auto;overflow:hidden;}
	.main_slide_img_num{right:10px;}
	.main_slide_img_box{width:calc(100% - 50px);margin-left:5px;}
	.main_slide_img, .main_sub_img1{width:100%;}
	.main_sub_img_cs1 , .main_sub_img_cs2 , .main_sub_img_cs3 , .main_sub_img_cs4{width:100%;}
	.main_sub_img1 > div > img{margin-top:10px;}
	.main_sub_img1 > div{height:auto;width:100%;float:left;overflow: hidden;}
	.main_sub_img2 > div{height:100%;width:100%;float:left;overflow: hidden;}

	/* 모바일 배너 스타일 */
	.main_banner_area {
		padding: 15px 10px !important;
		margin-top: 20px !important;
		margin-bottom: 30px !important;
	}
	.main_banner_container {
		display: flex;
		flex-wrap: wrap;
		gap: 10px;
		justify-content: flex-start;
	}
	.main_banner_item {
		flex: 0 0 calc(50% - 5px);
		max-width: calc(50% - 5px);
		box-sizing: border-box;
	}
	.main_banner_item:not(:last-child) {
		border-right: none;
		padding-right: 0;
	}
	.main_banner_item a {
		display: block;
	}
	.main_banner_img.desktop {
		display: block !important;
		width: 100%;
		height: auto;
		object-fit: cover;
	}
}
@media all and (min-width:768px){

	@media all and (min-width:768px) and (max-width:1200px) {
		.main_screen {
			width: 100%;
			height: auto;
		}
	}
	@media all and (min-width:1200px) and (max-width:1924px) {
		.main_screen {
			width: 1430px;
			height: auto;
			margin: 0px auto;
		}
	}
	@media all and (min-width:768px) and (max-width:1920px){
		.main_sub_manu, .main_sub_img2{width:25%;}
		.main_slide_img, .main_sub_img1{width:100%;}
	}
	@media all and (min-width:1600px){
		.main_sub_manu, .main_sub_img2{width:calc(100% - 1415.25px);}
		.main_slide_img, .main_sub_img1{width:100%;}
	}

	.main_screen{max-width:1430px;margin: 0px auto;}

	/* Only works in IE10 이상 (IE11도 포함)*/
	_:-ms-input-placeholder, :root .main_sub_manu, .main_sub_img2 {width:25%;}
	_:-ms-input-placeholder, :root .main_slide_img, .main_sub_img1 {width:75%;}

	/* Only works in IE11 */
	_:-ms-fullscreen, :root .main_sub_manu, .main_sub_img2 {width:25%;}
	_:-ms-fullscreen, :root .main_slide_img, .main_sub_img1 {width:75%;}

	.main_slide_img_num{right:30px;}
	.main_slide_img_box{width:calc(100% - 120px);margin-left:60px;}
	.main_slide_img > a > img{left:0;}
	.main_sub_img_cs1{width:calc(45% - 10px);height:calc(100% - 10px);}
	.main_sub_img_cs2{width:calc(55% - 10px);height:calc(100% - 10px);}
	.main_sub_img_cs3{width:calc(39% - 10px);height:calc(100% - 10px);}
	.main_sub_img_cs4{width:calc(61% - 10px);height:calc(100% - 10px);}

	.main_sub_img1 > div > img{margin-top:10px;margin-right:10px;}
	.main_sub_img1, .main_sub_img2{margin-bottom:10px;height:0;padding-bottom:45%;}
	.main_sub_img11 {position:absolute;width:100%;height:50%;top:0;left:0;overflow: hidden;}
	.main_sub_img12 {position:absolute;width:100%;height:50%;top:50%;left:0;overflow: hidden;}
	.main_sub_img2 > div{position:absolute;width:100%;height:100%;top:0;left:0;overflow: hidden;}

	/* 데스크톱 배너 스타일 */
	.main_banner_area {
		padding: 30px 0 !important;
		margin-top: 40px !important;
		margin-bottom: 60px !important;
	}
	.main_banner_container {
		display: flex;
		width: 70%;
		margin: 0 auto;
		gap: 10px;
		flex-wrap: nowrap;
		justify-content: center;
	}
	.main_banner_item {
		flex: 1;
		overflow: hidden;
		position: relative;
	}
	.main_banner_item:not(:last-child) {
		border-right: 2px solid #ffffff;
		padding-right: 10px;
	}
	.main_banner_img.desktop {
		display: block !important;
		width: 100%;
		height: auto;
		object-fit: cover;
	}
	.main_banner_img.mobile {
		display: none !important;
	}
}

.main_sub_manu{height:650px;padding-top:50px;background-color:#07345e;float:left;font-family: 'Montserrat-Regular';font-size:12px;}
.main_sub_manu_box{width:100%;height:300px;display:table;text-align:center;color:#fff;}
.main_sub_manu_box > div{display: table-cell;width:30px;height:40px;vertical-align:middle;}
.main_sub_manu_box > div > div{position:relative;width:70%;height:70%;border-top:1px solid #a0aeab;border-bottom:1px solid #a0aeab;margin:0px auto;display:table;}
.main_sub_manu_box > div > div > img{position:absolute;width:60px;height:60px;left:50%;transform: translateX(-50%);top:-50px;background-color:#07345e;padding:20px;z-index:1;}
.main_sub_manu_box > div > div > div{position:relative;height:100px;display:table-cell;vertical-align:middle;z-index:2;}
.main_sub_manu_box > div > div > div > h1{font-size:35px;width:100%;font-family: 'Vidaloka-Regular';font-weight:300;}
.main_sub_manu_box > div > div > div > h2{font-size:52px;width:100%;font-family: 'Vidaloka-Regular';font-weight:300;}
.main_sub_manu_box > div > a > div{width:100%;height:20px;color:#a0aeab;margin-top:10px;margin-bottom:10px;}
.main_sub_manu_box > div > a > div:hover{text-decoration: underline;}

.main_slide_img{position: relative;height:710px;/* float:left; */overflow:hidden;margin-bottom:0;}
.main_slide_img > a > img{
	position:absolute;
	width:100%;
	min-height: 710px;
	top: 0;
	left: 50%;
	transform: translate(-50%, 0);
	object-fit: cover;
	object-position: center top;
}
.main_slide_img_box{position:absolute;height:700px;background-color:transparent;color:#fff;}
.main_slide_img_num{position:absolute;width:38px;height:auto;overflow:hidden;}
.main_slide_img_num > button{float:left;width:38px;height:38px;border:1px solid #fff; color:#fff;background-color:transparent;margin-top:2px;margin-bottom:2px;font-family: 'Lato-Regular';font-size:12px;text-shadow: -1px 0px black, 0px 1px black, 1px 0px black, 0px -1px black;}
.main_slide_img_num > button:hover{background-color:#07345e;border:1px solid #07345e;}

.main_sub_img1, .main_sub_img2{position:relative;overflow:hidden;float:left;}
.main_sub_img1 > div > img , .main_sub_img2 > div > img{float:left;cursor:pointer;}
.main_sub_img1 > div > img:hover , .main_sub_img2 > div > img:hover{-webkit-transform: scale(1.01); transform: scale(1.01);opacity:0.8;}
.main_sub_img2 > div > img{margin-top:10px;}

/* 배너 영역 기본 스타일 */
.main_banner_item a {
	display: block;
	transition: opacity 0.3s ease;
}
.main_banner_item a:hover {
	opacity: 0.85;
}
.main_banner_img {
	transition: transform 0.3s ease;
}
.main_banner_item a:hover .main_banner_img {
	transform: scale(1.02);
}

.slide_product {width:1200px;height:200px;display:contents;text-align: center;/* margin-top: 20px; *//* margin-bottom: 20px; */}