@import url('https://fonts.googleapis.com/css2?family=Noto+Sans+KR:wght@100;300;400;500;700;900&display=swap');
@import url(https://cdn.jsdelivr.net/gh/moonspam/NanumSquare@1.0/nanumsquare.css);
@import url('https://cdn.jsdelivr.net/gh/orioncactus/pretendard/dist/web/static/pretendard.css');
/* @import url('https://fonts.googleapis.com/css2?family=Jost&display=swap'); */
@import url('https://fonts.googleapis.com/css2?family=Montserrat:wght@100..900&display=swap');

article,aside,details,figcaption,figure,footer,header,hgroup,menu,nav,section{display:block}
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{margin:0;padding:0;border:0;font-size:100%;font:inherit;vertical-align:baseline;}
body{font-family: 'Pretendard';font-size:16px;color:#333;}
audio,canvas,progress,video{display:inline-block;vertical-align:baseline}
audio:not([controls]){display:none;height:0;}
ul,ol,li{list-style:none}
blockquote,q{quotes:none;}
blockquote:before,blockquote:after,q:before,q:after{content:'';content:none;}
fieldset,img{border:0}
hr{height:0;}
small{font-size:80%}
sub,sup{font-size:75%;line-height:0;position:relative;vertical-align:baseline}
sup{top:-0.5em}
sub{bottom:-0.25em}
address,caption,em,var{font-style:normal;font-weight:normal}
a{text-decoration:none;cursor:pointer;color:#333;}
a[href^="tel"]{font-style:normal}
a:hover,a:active,a:focus{text-decoration:none;}
b,strong{font-weight:bold}
dfn{font-style:italic}
img{border:0;vertical-align:top}
pre{overflow:auto}
code,kbd,pre,samp{font-family:monospace,monospace;font-size:1em}
table{border-spacing:0;border-collapse:collapse}
td,th{padding:0;}
legend, caption{overflow:hidden;text-indent:-9999999px; height:0 !important; width:0 !important;line-height:0 !important;margin:0;padding:0;}
input{vertical-align:middle;margin:0;padding:0;}
input[type="text"],input[type="password"],input[type="email"]{-webkit-appearance:none;border-radius:0;}
input:checked[type="checkbox"]{-webkit-appearance:checkbox}
button,input[type="button"],input[type="submit"],input[type="reset"],input[type="file"]{border-radius:0;-webkit-appearance:button;}
button,input,optgroup,select,textarea{margin:0;font:inherit;color:inherit}
button{overflow:visible;border:none;cursor:pointer;margin:0;padding:0;}
button,select{text-transform:none}
optgroup{font-weight:bold}
textarea{border:1px solid #bcbcbc;overflow:auto;-webkit-appearance:none}
input::-ms-clear{display:none;}
input{
    appearance: none;
    -webkit-appearance: none;
    -webkit-border-radius: 0;
}
.fl_l {float:left !important;}
.fl_r {float:right !important;}
.cl_b{clear:both !important;} 
.fl_txt {text-align:left !important;}
.disN{display:none;}
.disN2{display:none !important;}
.disB{display:block;}
.disB2{display:block !important;}
.txC{text-align:center;}
.W_Auto{width:auto;}
.rel{position:relative;}
*{outline: none;box-sizing:border-box;}
.visiH{visibility:hidden;}

:root {
    --main-color: #011a47;
    --sub-color: #ad916a;
    --third-color: #ffe100;
    --four-color: #244799;
}

body,html{
	max-width:1920px;
	margin:0 auto !important;
	overflow-x:hidden;
}
img{
	width:100%;
}

.mainVisual{
	display: grid;
    grid-template-columns: repeat(4, 1fr);
}
.PC_V.bg{
}
.PC_V.bg .list{
	width:100vw;
	height:100vh;
}
.PC_V.bg .list.--01{
	background:url(images/img_01.jpg) center center / cover no-repeat;
}
.PC_V.bg .list.--02{
	background:url(images/img_02.jpg) center center / cover no-repeat;
}

/* mobile */
.MB_V img{width:100%;}

.PC_V{display:block;}
.MB_V{display:none;}
.MB_BR{
    display: none;
}
@media(max-width:1080px){
    .PC_V{display:none;}
    .MB_V{display:block;}
    .MB_BR{
        display: block;
    }

	.mainVisual{
		grid-template-columns: repeat(1, 1fr);
	}

}

@media(max-width:720px){
}