@charset "euc-kr"; 
@import url(https://fonts.googleapis.com/css?family=Montserrat); 
@import url(https://fonts.googleapis.com/css?family=Work+Sans:200,400); 
/* 
* Noto KR Web Fonts 
*/ 

@import url(https://fonts.googleapis.com/css?family=Raleway:100,300); 

@font-face { 
font-family: "Gotham-Black"; 
src:url(../../img/fonts/Gotham-Black.eot); 
src: url(../../img/fonts/Gotham-Black.woff); 
} 
@font-face { 
font-family: "Gotham-Book"; 
src:url(../../img/fonts/Gotham-Book.eot); 
src: url(../../img/fonts/Gotham-Book.woff); 
} 
@font-face { 
font-family:'NanumBarunGothic'; 
font-style:normal; 
font-weight:400; 
src:url(../../img/fonts/NanumBarunGothic.eot); 
src:url(../../img/fonts/NanumBarunGothic.eot?#iefix) format('embedded-opentype'), 
url(../../img/fonts/NanumBarunGothic.woff) format('woff'); 
} 
@font-face { 
font-family:'NanumBarunGothic'; 
font-style:normal; 
font-weight:700; 
src:url(../../img/fonts/NanumBarunGothicBold.eot); 
src:url(../../img/fonts/NanumBarunGothicBold.eot?#iefix) format('embedded-opentype'), 
url(../../img/fonts/NanumBarunGothicBold.woff) format('woff'); 
} 
@font-face { 
font-family: 'NanumSquare'; 
font-weight: 400; 
font-style: normal; 
src: url(../../img/fonts/NanumSquareR.eot); 
src: url(../../img/fonts/NanumSquareR.eot?#iefix) format('embedded-opentype'), 
url(../../img/fonts/NanumSquareR.woff) format('woff'), 
url(../../img/fonts/NanumSquareR.ttf) format('truetype'); 
} 
@font-face { 
font-family: 'NanumSquare'; 
font-weight: 600; 
font-style: normal; 
src: url(../../img/fonts/NanumSquareB.eot); 
src: url(../../img/fonts/NanumSquareB.eot?#iefix) format('embedded-opentype'), 
url(../../img/fonts/NanumSquareB.woff) format('woff'), 
url(../../img/fonts/NanumSquareB.ttf) format('truetype'); 
} 

@font-face { 
font-family: 'notokr'; 
src: url('../../img/fonts/notokr-light.eot'); 
src: url('../../img/fonts/notokr-light.eot?#iefix') format('embedded-opentype'), 
url('../../img/fonts/notokr-light.woff2') format('woff2'), 
url('../../img/fonts/notokr-light.woff') format('woff'), 
url('../../img/fonts/notokr-light.ttf') format('truetype'), 
url('../../img/fonts/notokr-light.svg#notokr-regular') format('svg'); 
font-weight: 300; 
font-style: normal; 
} 
@font-face { 
font-family: 'notokr'; 
src: url('../../img/fonts/notokr-regular.eot'); 
src: url('../../img/fonts/notokr-regular.eot?#iefix') format('embedded-opentype'), 
url('../../img/fonts/notokr-regular.woff2') format('woff2'), 
url('../../img/fonts/notokr-regular.woff') format('woff'), 
url('../../img/fonts/notokr-regular.ttf') format('truetype'), 
url('../../img/fonts/notokr-regular.svg#notokr-regular') format('svg'); 
font-weight: 400; 
font-style: normal; 
} 
@font-face { 
font-family: 'notokr'; 
src: url('../../img/fonts/notokr-bold.eot'); 
src: url('../../img/fonts/notokr-bold.eot?#iefix') format('embedded-opentype'), 
url('../../img/fonts/notokr-bold.woff2') format('woff2'), 
url('../../img/fonts/notokr-bold.woff') format('woff'), 
url('../../img/fonts/notokr-bold.ttf') format('truetype'), 
url('../../img/fonts/notokr-bold.svg#notokr-bold') format('svg'); 
font-weight: 600; 
font-style: normal; 
} 

/* Reset*/ 
* { 
margin:0; padding:0; border:0; outline:0; 
box-sizing: border-box; /* W3C */ 
-o-box-sizing: border-box; /* Opera */ 
-ms-box-sizing: border-box; /* Internet Explorer */ 
-moz-box-sizing: border-box; /* Firefox */ 
-webkit-box-sizing: border-box; /* Safari & Chrome */ 
} 
article, aside, details, figcaption, figure, footer, header, hgroup, menu, nav, section {display:block;} 
ul, ol, dl {list-style:none;} 
img, video{max-width:100%;border:0;vertical-align:top;} 
table { border-collapse:collapse; border-spacing:0; } 
input, select {vertical-align:middle; } 
label {cursor:pointer;} 
i,em,address {font-style:normal; font-weight:normal;} 
.blind,legend,hr,caption {display:block;overflow:hidden;position:absolute;top:0;left:-1000em; } 
body{font-family:'Raleway','notokr'; margin:0px; padding:0px; font-size:13px; color:#333; line-height:1.75} 
.chn{font-family:"Microsoft Yahei","Ú°软äºýÙ", STXihei, "华Ùþ细ýÙ", sans-serif;font-size:12px;line-height:20px;} 
a:link {text-decoration:none;color:#555;} 
a:visited{text-decoration:none;color:#555;} 
a:hover {text-decoration:none;color:#000;} 
a:active {text-decoration:none;color:#555;} 
/*common*/ 
.tac{text-align:center !important;} 
.tar{text-align:right !important;} 
.taj{text-align:justify !important;} 
.tal{text-align:left !important;} 
.vam{ vertical-align:middle;} 
.clb{clear:both;} 
.posr{position:relative;} 


.mobile-style {display:none !important;} 
.pc-style {display:inline-block !important;} 

@media screen and (max-width:768px) { 
input, button, select {-webkit-appearance:none;} 
.td_chk input {-webkit-appearance:checkbox;} 

.mobile-style {display:inline-block !important;} 
.pc-style {display:none !important;} 
} 


/* loading indicator */ 
#page-loader {position:fixed; top:0; left:0; width:100%; height:100%; background:#fff; z-index:9999} 
#page-loader > .inner2 {display:table; width:100%; height:100%} 

.spinner { 
width: 40px; 
height: 40px; 

position: relative; 
margin:25% auto; 
} 

.double-bounce1, .double-bounce2 { 
width: 100%; 
height: 100%; 
border-radius: 50%; 
background-color: #121212; 
opacity: 0.6; 
position: absolute; 
top: 0; 
left: 0; 

-webkit-animation: sk-bounce 2.0s infinite ease-in-out; 
animation: sk-bounce 2.0s infinite ease-in-out; 
} 

.double-bounce2 { 
-webkit-animation-delay: -1.0s; 
animation-delay: -1.0s; 
} 

@-webkit-keyframes sk-bounce { 
0%, 100% { -webkit-transform: scale(0.0) } 
50% { -webkit-transform: scale(1.0) } 
} 

@keyframes sk-bounce { 
0%, 100% { 
transform: scale(0.0); 
-webkit-transform: scale(0.0); 
} 50% { 
transform: scale(1.0); 
-webkit-transform: scale(1.0); 
} 
} 
@media screen and (max-width:768px) { 
.spinner {margin: 60% auto;} 
} 

.splitting .char { 
animation: slide-in 1s cubic-bezier(.5, 0, .5, 1) both; 
animation-delay: calc(60ms * var(--char-index)); 
} 

@keyframes slide-in { 
from { 
/*transform: translateY(-1em) rotate(-.5turn) scale(0.5);*/ 
transform: translateX(1.5em) scale(1); 
opacity: 0; 
} 
}