h1.kor { font-size: 35px; font-weight:400; letter-spacing:0.25em; color: #fff;	margin:0; }
h1.eng { font-size: 85px; font-family: 'Open Sans', sans-serif; font-weight:800; letter-spacing:0.1em; color: #fff; margin:0; }
h2 { font-size:45px; line-height:48px; letter-spacing:-0.02em; font-weight:600; color:#fff; padding:35px 0; }

p { font-size:24px; line-height:36px; letter-spacing:-0.02em; font-weight:400; color:#fff; }
.diagonal { margin:60px 0 20px; }
.mg80 { margin: 0 0 80px; }
.pt100 { padding-top:100px; }

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

  h1.kor { font-size: 30px; }
  h1.eng { font-size: 80px; }
  h2 { font-size:40px; line-height:43px; }
  p { font-size:20px; line-height:32px; }
  .diagonal { width:54px; height:54px; margin:50px 0 10px; }
  .mg80 { margin: 0 0 20px; }

}
@media all and (max-width: 991px) {
  h2 { font-size:35px; line-height:38px; }
}
@media all and (max-width: 768px) {

  h1.kor { font-size: 18px; }
  h1.eng { font-size: 50px; }
  h2 { font-size:28px; line-height:31px; }
  p { font-size:18px; line-height:28px; font-weight:300; word-break: keep-all; }
  .diagonal { width:44px; height:44px; margin:30px 0 10px;     transform: rotate(45deg); }
}
@media all and (max-width: 480px) {

  h1.kor { font-size: 18px; line-height:45px; }
  h1.eng { font-size: 48px; }
  h2 { font-size:23px; line-height:26px; }
  h2.eng { font-size:35px; line-height:38px; }
  p { font-size:15px; line-height:25px; }
  .diagonal { width:34px; height:34px; margin:10px 0 10px; }
}


/* Fullpage 공통 */
.section { text-align:center; overflow:hidden; }
/* .section .at-container { width: 90%; border: 0px; margin: 0 auto; overflow: hidden; } */
.section .at-container { width: 90%; border: 0px; margin: 0 auto;  }
.section .at-container:after { display:block; content:''; clear:both; }

/* .section .close { position: absolute; top: 60px; right: 60px; z-index: 10; } */
#fullpage .section a.open.nav { display:block; width:40px; height:40px; position:absolute; right:60px; top:40px; z-index:10; }
#fullpage .section a.open.nav span { display:block; width:50%; height:2px; background:#fff; margin-top:13px;  transition:all .2s;} 
#fullpage .section a.open.nav:before, #fullpage a.open:after { position:absolute; content:''; display:block; width:80%; top:50%; height:1px; border-top:2px solid #fff; transition:all .2s; }
#fullpage .section a.open.nav:before { top:0%;}
#fullpage .section a.open.nav:after {  top:60%;}
#fullpage .section a.open.nav:hover span { width:80%; }
#fullpage .section a.open.nav:hover:before, #fullpage a.open.nav:hover:after { width:50%;} 
/* .section .scrolldown { position: absolute; display:block; background:url('/page/images/homepage/scroll down.png')no-repeat center center; background-size: cover; width:134px; height:72px; bottom: 80px; left: 50%; right: 50%;   -webkit-transform: translate(-50%, -50%);
  transform: translate(-50%, -50%); } */
  
#section0 .scroll_down { position:relative; padding-top:60px; top:100px; display:block; }
#section0 .scroll_down:before { position:absolute; display:block; content:'';top:0; left:50%; width:30px; height:50px; margin-left:-15px; border:2px solid #fff; border-radius:15px; }
#section0 .scroll_down:after { position:absolute; top:10px; left:50%; content:''; width:6px; height:6px; margin-left:-3px; background:#fff; border-radius:100%; animation:scroll_move 2s infinite; -webkit-animation:scroll_move 2s infinite;}
#section0 .scroll_down span { display:block; color:#fff; font-weight:200; font-size:20px;}	


@media(min-width:992px){

.circle.circle_ani > span { position:absolute; left:50%; width:10px; height:10px; border-radius:50%; background:yellow; display:block; animation:circle_ani 15s infinite ease-in-out; }
.circle.circle_ani > span:first-of-type { top:0; margin:-8px 0 0 -5px; transform-origin:5px 177px;}
.circle.circle_ani > span:last-of-type { position:absolute; left:50%; top:100%; width:10px; height:10px; margin:-3px 0 0 -4px; border-radius:50%; background:yellow; display:block; content:''; animation:circle_ani 15s infinite linear; transform-origin:3px -166px;}
}

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

  .section .scroll_down { display:none !important; }
}

@media all and (max-width: 768px) {
  .section .at-container { width: 100%; padding:0px; }
  .section .close { position: absolute; top: 30px; right: 30px; z-index: 10;  width:20px; height:20px; }
  #fullpage .section a.closed { right:20px; }
}

@media all and (max-height:750px){
	#section0 .scroll_down { top:60px; }
}

@media (min-width:1120px) and (max-height:900px) {
.diagonal { margin:40px 0 0 ; width:40px; }
	
}