@import url(http://fonts.googleapis.com/earlyaccess/notosanskr.css);

@font-face {
  font-family: 'Raleway';
  font-style: normal;
  font-weight: 400;
  src: local('Raleway'), url(http://fonts.gstatic.com/s/raleway/v9/IczWvq5y_Cwwv_rBjOtT0w.woff) format('woff');
}

html {width:100%;height:100%;overflow-x:hidden;overflow-y:scroll}
body {padding:0;margin:0;font-family:'noto sans kr';font-weight:300;width:100%;height:100%; color:#555;}

input,select,textarea {font-size:12px;font-family:nanumgothic,dotum;}
img,p {border:0;margin:0;padding:0;}
form {display:inline;margin:0;padding:0;}
select {font-size:12px;font-family:nanumgothic,dotum;}
label {cursor:pointer;}
a {text-decoration:none;color:#333;} 



.logo {position: absolute;    left: 30px;    top: 20px; width:200px;}
table {background-image:url(/layouts/intro/image/img_main_slide01.jpg); background-repeat:no-repeat; background-size:cover;background-position:center;}
 td {}
.txt1 {font-size:46px; color:#005d72; font-weight:bold;  word-break: keep-all;}
.txt2 {font-size:18px; color:#005d72;    word-break: keep-all;;}
.txt3 {font-size:46px; color:#fff; font-weight:bold;  word-break: keep-all;}
.txt4 {font-size:18px; color:#fff;    word-break: keep-all;;}

td.kr a { border:1px #005d72 solid; text-align:center; padding:10px 20px; color:#005d72; width:180px; display:block; margin:50px 0 0 auto}  
td.kr {text-align:right; padding-right:130px}
td.en { text-align:left;  padding-left:130px; background-color:#005d72; background-image:url('/layouts/intro/image/logo_bg.png');  background-repeat: no-repeat;  background-position: bottom right;} 
 
td.en a { border:1px #fff solid; text-align:center; padding:10px 20px; color:#fff; width:180px; display:block; margin:50px auto 0 0}  
 


 
 .footer img { width:130px;}
 .footer { width:100%; text-align:center; padding:20px 0; background-color:#fff}
 .footer .info {font-size:14px;margin:5px 0;}
 .footer .copyright {font-family:tahoma; font-size:12px; color:#777;}
 
@media only screen and (max-width:1200px) {	
td.kr { padding:70px}
td.en {  padding:70px;}
.txt1 {font-size:38px;}
.txt2 {font-size:16px;}
.txt2 br { display:none}
}

@media only screen and (max-width:800px) {	
td.kr { padding:50px}
td.en {  padding:50px;}
td.kr .txt1 br,
td.en .txt1 br { display:block}
td.en {   background-size:80%;} 
.txt1 {font-size:36px; line-height:130%;}
.txt2 {font-size:16px; line-height:130%;}
}

@media only screen and (max-width:600px) {	
.logo {width:150px;}
td.kr { padding:20px}
td.en {  padding:20px;}
.txt1 {font-size:32px;}
.txt2 {font-size:15px;}

td.en a,
td.kr a {width:80%; padding: 3% 2%; font-size:14px}
 .footer img { width:180px;}
}

@media only screen and (max-width:500px) {	
.logo { display:none}
td.kr { padding:0 20px}
td.en {  padding:0 20px;}
.txt1 {font-size:24px;}
.txt2 {font-size:13px;} 


 .footer img { width:130px;}
 .footer {padding:10px 0}
 .footer .info {font-size:12px;margin:0;}  
 .footer  { font-size:10px;}
}