.mt80{margin-top:80px;}

.bg_img{
	width:100%;
	height:auto;
	display:inline-block;
	position:absolute;
}

.bg_img img:nth-child(1){
	width:768px;
	height:840px;
	display:inline-block;
	position:absolute;
	object-fit:contain;
	float:left;
	left:0;
}

.bg_img img:nth-child(2){
	width:276px;
	height:326px;
	display:inline-block;
	position:absolute;
	object-fit:contain;
	float:right;
	right:20%;
	top:1000px;
}

.h_list{
	width:100%;
	height:auto;
	display:inline-block;
	position:relative;
	vertical-align:middle;
}

.h_list img{
	width:12px;
	height:1520px;
	display:inline-block;
	position:relative;
	object-fit:contain;
	margin-left:0px;
}

.h_list ul{
	width:93%;
	display:inline-block;
	position:relative;
	float:right;
	margin-top:-4px;
}

.h_list li{
	width:100%;
	display:inline-block;
	position:relative;
}

.h_list span{
	width:120px;
	font-size:18px;
	color:#111;
	display:block;
	position:relative;
	font-family:"Pretendard";
	font-weight:600;
	text-align:left;
	padding-bottom:19px;

}

.h_list h5{
	font-size:15px;
	color:#555;
	display:inline-block;
	position:relative;
	font-family:"sandoll-gothicneo1";
	font-weight:200;
	line-height:22px;
	text-align:left;
	padding-bottom:34px;
}

.list_img01{
	width:175px;
	height:175px;
	display:inline-block;
	position:absolute;
	left:282px;
	top:38px;
	background:url('/images/sub/history01.png');
	background-size:contain;
}


.list_img02{
	width:400px;
	height:251px;
	display:inline-block;
	position:relative;
	background:url('/images/sub/history02.png');
	background-size:contain;
}

.list_img03{
	width:400px;
	height:251px;
	display:inline-block;
	position:relative;
	background:url('/images/sub/history03.png');
	background-size:contain;
}


.right>.h_list img{height:923px;}

.container02{
	width:100%;
	height:auto;
	position:relative;
	margin:0 auto;
	padding:80px 0px;

	}

.container02 h1{
	width:100%;
	font-size:26px;
	text-align:center;
	color:#021985;
	display:inline-block;
	position:relative;
	padding:20px 0px 16px 0px;
}

.container02 h5{
	width:100%;
	font-size:14px;
	text-align:center;
	color:#555555;
	display:inline-block;
	position:relative;
	padding-bottom:100px; 
	font-family:"sandoll-gothicneo1";
}

.container02 h3{
	width:100%;
	font-size:16px;
	text-align:center;
	color:#555555;
	line-height:26px;
	display:inline-block;
	position:relative;
	padding-bottom:20px;
	font-family:"sandoll-gothicneo1";
}


.gallery_design{
	width:100%;
	height:auto;
	position:relative;
	margin:0 auto;
	padding-top:40px;
}


.g_Slides {
	width:100%;
	height:auto;
	margin:0 auto;
	position:relative;
	display:flex;
	flex-wrap: wrap;
	border:0px solid red;

}

.g_Slides ul{
	width:100%;
	display:flex;
	position:relative;
	flex-wrap:wrap;
	padding-left:5%;
	padding-right:3%;

}


.g_Slides li{
	width:25%;
	height:auto;
	display:inline-block;
	position:relative;
	padding-right:2%;
	padding-bottom:2%;
}

.g_Slides li:nth-child(4n){padding-right:2%;}

.g_Slides h4{
	font-size:16px;
	color:#111;
	display:block;
	position:relative;
	font-family:"sandoll-gothicneo1";
	text-align:left;
	padding-top:10px;
}


.g_Slides li > img.hover-shadow {
  transition: 0.3s;
}
.hover-shadow:hover {
  box-shadow: 0 4px 8px 0 rgba(0, 0, 0, 0.2), 0 6px 20px 0 rgba(0, 0, 0, 0.19);
}

/* The Modal (background) */
.modal {
  display: none;
  position: fixed;
  z-index: 110;
  padding-top: 100px;
  padding-bottom:100px;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  overflow:auto;
  background-color: rgba(0,0,0,0.9);
}
 
/* Modal Content */
.modal-content {
  margin: auto;
  max-width:600px;
}


/* The Close Button */
.close {
  color: white;
  position: absolute;
  top: 10px;
  right: 25px;
  font-size: 35px;
  font-weight: bold;
}

.close:hover,
.close:focus {
font-size:40px;
  font-family:"Pretendard";
  font-weight:600;
  color: #fff;
  text-decoration: none;
  cursor: pointer;
}

.mySlides {
  display: none;
}


.cursor {
font-size:40px;
  font-family:"Pretendard";
  font-weight:600;
  color: #fff;
  text-decoration: none;
  cursor: pointer;
}



@media screen and (max-width:414px){
.bg_img img:nth-child(1){
	width:60%;
	height:auto;
	display:inline-block;
	position:absolute;
	object-fit:contain;
	float:left;
	left:0;
}

.bg_img img:nth-child(2){
	width:50%;
	height:auto;
	display:none;
	position:absolute;
	object-fit:contain;
	float:right;
	right:0%;
	top:0px;
	margin-top:70%;
}

.list_img01{
	width:120px;
	height:120px;
	display:inline-block;
	position:absolute;
	left:64%;
	top:38px;
	margin-right:20px;
	float:right;
	background:url('/images/sub/history01.png');
	background-size:contain;
	
}


.list_img02{
	width:90%;
	height:200px;
	display:inline-block;
	position:relative;
	background:url('/images/sub/history02.png');
	background-size:cover;
	text-align:center;
}

.list_img03{
	width:90%;
	height:200px;
	display:inline-block;
	position:relative;
	background:url('/images/sub/history03.png');
	background-size:cover;
	text-align:center;
}


.g_Slides li{
	width:50%;
	height:auto;
	display:inline-block;
	position:relative;
	padding-right:2%;
	padding-bottom:2%;
}

.g_Slides li:nth-child(2n){padding-right:2%;}

.g_Slides li:nth-child(4n){padding-right:2%;}

.g_Slides h4{
	font-size:14px;
	color:#111;
	display:block;
	position:relative;
	font-family:"sandoll-gothicneo1";
	text-align:left;
	padding-top:10px;
	line-height:20px;
}

.modal {
  display: none;
  position: fixed;
  z-index: 110;
  padding-top: 100px;
  padding-bottom:100px;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  padding-left:5%;
  padding-right:5%;
  overflow:auto;
  background-color: rgba(0,0,0,0.9);
}


.container02 h3{
	width:100%;
	font-size:15px;
	text-align:center;
	color:#555555;
	line-height:24px;
	display:inline-block;
	position:relative;
	padding-bottom:20px;
	letter-spacing:-0.6;
	font-family:"sandoll-gothicneo1";
}

}