@font-face {	font-family: IntelClear;	src:	url(fonts/IntelClear_WKor_Lt.woff) format('woff'),	url(fonts/IntelClear_Kore_Lt.ttf) format('truetype');  	font-weight: 200;}
@font-face {	font-family: IntelClear;	src:	url(fonts/IntelClear_WKor_Rg.woff) format('woff'),	url(fonts/IntelClear_Kore_Rg.ttf) format('truetype'); 	font-weight: 400;}
@font-face {	font-family: IntelClear;	src:	url(fonts/IntelClear_WKor_Bd.woff) format('woff'),	url(fonts/IntelClear_Kore_Bd.ttf) format('truetype'); 	font-weight: 700;}

@font-face{font-family:"intel-one";src:url("fonts/intelone-display-bold.woff2") format("woff2"),url("fonts/intelone-display-bold.woff") format("woff");font-weight:700;font-style:normal;font-display:swap}
@font-face{font-family:"intel-one";src:url("fonts/intelone-display-light.woff2") format("woff2"),url("fonts/intelone-display-light.woff") format("woff");font-weight:300;font-style:normal;font-display:swap}
@font-face{font-family:"intel-one";src:url("fonts/intelone-display-medium.woff2") format("woff2"),url("fonts/intelone-display-medium.woff") format("woff");font-weight:500;font-style:normal;font-display:swap}
@font-face{font-family:"intel-one";src:url("fonts/intelone-display-regular.woff2") format("woff2"),url("fonts/intelone-display-regular.woff") format("woff");font-weight:400;font-style:normal;font-display:swap}

* {font-family: 'intel-one', 'IntelClear', sans-serif; word-break:keep-all; box-sizing: border-box; -webkit-box-sizing: border-box; -moz-box-sizing: border-box;}
body {padding:0; margin:0;  line-height: 1.3; font-size:17px; color:#202020; word-break: keep-all}
a {cursor: pointer}
a:link, a:visited {color:#0068b5; text-decoration: none} 
a:hover {color: #004a86; text-decoration: underline}
.container { max-width: 1400px; }

h1, h2, h3, h4, h5, h6 {font-weight: normal}

h1 { font-size:55px; }
h2 { font-size:40px; margin-bottom: 0;}
h3 {  margin-bottom: 0; color:#004a86 }
h4 { font-size: 22px; margin-bottom: 10px;}
h5 { font-weight: 600} 
h6 { font-size: 20px; line-height: 1.4 }

@media all and (max-width:980px){  
  body  { font-size:14px; }
  h1 {font-size: 42px}
  h2 {font-size: 30px} 
  h3 {font-size: 25px}     
  h5 {font-size: 18px} 
  h6 {font-size: 16px}     
}

@media all and (max-width:1380px){  
 .pconly {display: none}      
}

section {padding: calc(2vw + 5px) 0 calc(2vw + 20px) 0; }
ul, ol {padding-left:15px; margin-top:0}
.blue {color:#0068b6}
.eblue {color:#00c7fd}



header { background: linear-gradient(to right bottom, #0054ae, #0054ae, #001e50, #030f26)} 
header .kv { background: #001e50 url('../images/bg_top.jpg') no-repeat center center; background-size: cover; height: 470px; }
header .right {padding:40px; color:#ffffff}
header .logo {max-width: 50vw}
@media all and (max-width: 780px){  
  header .left, header .right {display: block; width:100%}    
  header .right {padding:30px 15px;}    
  header .kv { height: 30vw }    
}



.btn {font-size:18px; background: #0068b5; color:#ffffff !important; border-radius: 0;  padding:12px 30px; min-width: 240px;  
        -webkit-animation-delay: 0.3s;  animation-delay: 0.3s;  transition: 0.3s; }
.btn:hover  {background: #004a86; text-decoration: none !important}
.btn i {font-size: 24px; vertical-align: text-top; margin-right:-5px;}


.btn_article {font-size:18px; text-align: left;  line-height: 1.2; background: #ffffff; color:#0068b5 !important; border:1px #0068b5 solid; border-radius: 0;  padding:15px 20px; width: 100%;  margin-bottom: 10px;
        -webkit-animation-delay: 0.3s;  animation-delay: 0.3s;  transition: 0.3s; }
.btn_article table {margin:0 auto}
.btn_article:hover  {background: #c0e8ff; text-decoration: none !important}
.btn_article i {font-size: 28px; vertical-align: text-top; margin-right: 10px;}


.btn2 {font-size:16px; background: #ffffff; color:#0068b5 !important; border-radius: 0;  padding:10px 20px; min-width: 160px;  
        -webkit-animation-delay: 0.3s;  animation-delay: 0.3s;  transition: 0.3s; }
.btn2:hover  {background: #00c7fd; color:#ffffff !important; text-decoration: none !important}
.btn2 i {font-size: 22px; vertical-align: text-top; margin-right:-5px;}


.btn3 {font-size:16px; background: #0068b5; color:#ffffff !important; border-radius: 0;  padding:10px 20px; min-width: 160px;  
        -webkit-animation-delay: 0.3s;  animation-delay: 0.3s;  transition: 0.3s; }
.btn3:hover  {background: #004a86; text-decoration: none !important}
.btn3 i {font-size: 22px; vertical-align: text-top; margin-right:-5px;}