html {height:100%}
body {height:100%}

img {max-width:100%}


.h3_ani_wrap {width:100%; position:Relative;  }
.h3_ani {font-size:4.8vw; font-family: 'Lexend', sans-serif;  font-weight:500;    line-height:1.1;  display:flex;  position:Relative; }
.h3_ani span {font-family: 'Lexend', sans-serif;  font-weight:500; letter-spacing:-1.5px }
.h3_ani .eng {font-weight:400; }
.h3_ani span.eng {font-family: 'Sawarabi Mincho', serif;  font-weight:500; letter-spacing:0 }



@media all and (max-width:900px) {
 	 .h3_ani {font-size:9vw; justify-content:center; line-height:1.3 }
	 .h3_ani span.lp15 {padding-left:5px !important}
 
}



/********헤더*********/
header { width:100%; margin:0 auto; margin-top:30px; position:fixed; z-index:999999999}
header * { font-family: 'Lexend', sans-serif;  font-weight:500;   font-size:1rem}

header > div {position:fixed;    width:92%; margin-left:4%;  padding:10px 50px;  box-sizing:border-box; display:flex; justify-content:space-between;  align-items:center; border-radius:50px;  border:1px solid #fff; transition: all 0.3s ease-out;}

header h1 {width:25%;  line-height:0}
header ul {width:50%;  display:flex; justify-content:center;  }
header ul li {padding:0 2vw; text-align:center}
header ul li a {color:#fff}

header ul li {position:relative;}
header ul li ul {
  display: none;
  width:150px; background-color:#fff;  border-radius:20px; border:1px solid #555;
    position: absolute; left:50%;  margin-left:-75px; padding:15px 10px; box-sizing:border-box; top:33px; z-index:99999;  
}
header ul li ul li {width:100%; text-align:Center; padding:5px 0; border-radius:10px; font-size:.9rem; cursor:pointer}
header ul li ul li:hover {background-color:#e1e1e1}
header ul li ul li a {color:#333}


header > div > div {width:25%; line-height:0; display:flex;  align-items:center;  justify-content:flex-end }
header > div > div > span {white-space:nowrap; margin-left:20px; font-size:1em; line-height:.7; color:#fff; cursor:pointer}
header > div > div > span a {color:#fff; font-size:1em}

header svg {fill:#fff}


header.scroll > div {background-color:#fff; border:1px solid #333}
header.scroll > div a {color:#333;}
header.scroll > div > div > span a {color:#333;}
header.scroll svg {fill:#333}


@media all and (min-width:900px) {
		  header#m {display:none}
}
@media all and (max-width:900px) {
		#main {font-size:1em}
		header#pc {display:none}
		header#m {margin-top:15px; }
		header#m h1 {width:130px;  }
		header#m > div {padding:10px 20px}
}


/********푸터*********/
#footer { width:100%; display:inline-block; }
#footer div.in {position:relative; z-index:99; background-color:#fff; width:90%; border:1px solid #333; margin:80px auto; box-sizing:border-box; padding:80px; border-radius:80px}
#footer .flex_box {justify-content:space-between; }
#footer .flex_box  ul {width:10%; text-align:center; }
#footer .flex_box ul li a { font-family: 'Lexend', sans-serif; }
#footer .flex_box  ul li {font-size:1em; margin-bottom:5px;color:#595959; cursor:pointer}
#footer .flex_box  ul li:first-child { margin-bottom:10px; color:#1c1c1c; font-weight:600}


#footer .flex_box h1 {width:60%; text-align:Center;  }
#footer .flex_box h1 img {max-width:70%}
#footer .copy {text-align:center; width:100%; margin-top:30px; color:#222; line-height:1.6; font-size:.85em}
#footer .copy a {color:#222; font-weight:600}
 

@media all and (max-width:1400px) {
	 #footer div.in {padding:40px; border-radius:40px} 
}

@media all and (max-width:900px) {

	#footer div.in {width:100%; border:none; margin:0 auto;  padding:60px 3%; border-radius:0 } 


 	#footer .flex_box h1 {order:1; width:100%; margin-bottom:10px }
	#footer .flex_box h1 img {width:50%; max-width:250px}
	#footer  .flex_box  ul {width:25%}
	#footer .flex_box  ul li {font-size:.90em; }
	#footer .flex_box  ul li:first-child {  margin-bottom:6px; }

	#footer  .flex_box  ul:nth-child(1) {order:2}
	#footer  .flex_box  ul:nth-child(2) {order:3}
	#footer  .flex_box  ul:nth-child(4) {order:4}
	#footer  .flex_box  ul:nth-child(5) {order:5}

	#footer .copy { margin-top:30px; padding-left:3%; padding-right:3%; box-sizing:border-box; ine-height:1.5; font-size:.7em}

 .record_list_section #footer {margin-top:40px}


}