@charset "UTF-8";

/*=========================================================
  Font-family
=========================================================*/
html,body,div,span,applet,object,iframe,h1,h2,h3,h4,h5,h6,p,blockquote,pre,a,abbr,acronym,address,big,cite,code,del,dfn,em,img,ins,kbd,q,s,samp,small,strike,strong,sub,sup,tt,var,b,u,i,center,dl,dt,dd,ol,ul,li,fieldset,form,label,legend,table,caption,tbody,tfoot,thead,tr,th,td,article,aside,canvas,details,embed,figure,figcaption,footer,header,hgroup,menu,nav,output,ruby,section,summary,time,mark,audio,video,button {font-family:"Noto Sans","Noto Sans SC","Noto Sans KR", Dotum, 돋움, Helvetica, "Apple SD Gothic Neo", sans-serif;}

/*=========================================================
	LargeBanner
=========================================================*/
.LargeBanner{
	position:relative;
	clear:both;
	margin-bottom:90px;
}

.LargeBanner-inner{
	position: relative;
    top: 0;
    width: 100vw;
    height: 100%;
    left: 50%;
    transform: translateX(-50%);
    overflow: hidden;
}
.LargeBanner-img{
	display: block;
    position: relative;
    top: 0;
    left: 0;
    min-width: 100%;
	/* max-width:none; */
}

@media screen and (max-width: 1024px) and (min-width: 1px) {
	.LargeBanner-img{
		max-height:calc(100% + 20vh);
	}
}

@media screen and (min-width:1301px){
	.LargeBanner-img{
		max-height:260%;
	}
}

/*Responsive*/
@media screen and (max-width: 1300px) and (min-width: 1025px) {
	.LargeBanner{
		margin-bottom:6.923vw;
	}
}

@media screen and (max-width: 1024px) and (min-width: 768px) {
	.LargeBanner{
		margin-bottom:6.923vw;
	}

	.LargeBanner-img{
		min-width: unset;
		max-width: 100%;
	}
}

@media screen and (max-width: 767px) and (min-width: 1px) {
	.LargeBanner{
		margin-bottom:13.6923vw;
		margin-left:-20vw;
		margin-right:-20vw;
	}
	
	.LargeBanner-img{
		min-width: unset;
		max-width: 100%;
	}
}