@charset "euc-kr";
@import url('https://fonts.googleapis.com/css?family=Saira+Semi+Condensed:400,600');
/* Noto Sans */ 
@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;
}
/* Ç¥ÁØ ¼±ÅÃÀÚ */
* {-webkit-text-size-adjust:none; box-sizing:border-box; text-decoration:none;}
 body, td, input, textarea, div, th, p, a, address ul {font-family:'notokr',sans-serif; margin:0; padding:0; font-size:14px; color:#666} ;
a:link      {color:#333; text-decoration:none}
a:visited   {color:#333; text-decoration:none}
a:active    {color:#333; text-decoration:none}
a:hover     {color:#666; text-decoration:none}
form, p, h1, h2, h3, h4, h5, h6 {margin:0; padding:0}
fieldset, img {margin:0; padding:0; border:0; vertical-align:middle}
caption, legend {display:none}
address, em, i {font-style:normal}
ul, ol {list-style-type:none; margin:0; padding:0}
input, button, select {font:inherit}
input[type=button], input[type=submit], input[type=reset] {-webkit-appearance:none}
.clearfix:before, .clearfix:after {display:block; content:''}
.clearfix:after {clear:both}
.font-title {font-family:'Fredoka One', cursive,'notokr',sans-serif}
.font-title2 {font-family:"NanumBarunGothic", cursive,"NanumBarunGothic",NanumBarunGothic}
/* ǥ�� ������ */
* {-webkit-text-size-adjust:none; box-sizing:border-box}
body, td, input, textarea, div, th, p, a, address ul {font-family:'Roboto','cwTeXHei','notokr';  margin:0; padding:0; font-size:13px; color:#666}
a:link      {color:#333333; text-decoration:none; transition:all .3s ease}
a:visited   {color:#333333; text-decoration:none}
a:active    {color:#333333; text-decoration:none}
a:hover     {color:#666666; text-decoration:none}
form, p, h1, h2, h3, h4, h5, h6 {margin:0; padding:0}
h1, h2, h3, h4, h5, h6, h1 a, h2 a, h3 a, h4 a, h5 a, h6 a {font-family:'Raleway','notokr'}
fieldset, img {margin:0; padding:0; border:0}
caption, legend {display:none}
address, em, i {font-style:normal}
ul, ol {list-style-type:none; margin:0; padding:0}
input, button, select {font:inherit}
.clearfix:before, .clearfix:after {display:table; content:''}
.clearfix:after {clear:both}
/* common elements */
.btn {display:inline-block; font-family:'Raleway','notokr'}
.full-img img, img.full-img {display:block; width:100%}
.visible {display:block !important}
/* loading indicator */
#page-loader {position:fixed; top:0; left:0; width:100%; height:100%; background:#f4f4f4; z-index:9999}
#page-loader > .inner {display:table; width:100%; height:100%}
.spinner {display:table-cell; margin:auto; width:50px; text-align:center; font-size:10px; vertical-align:middle}
.spinner > div {display:inline-block; width:6px; height:40px; background:#92bd92; -webkit-animation:loadingAnimate 1.2s infinite ease-in-out; animation:loadingAnimate 1.2s infinite ease-in-out}
.spinner .rect2 {-webkit-animation-delay:-1.1s; animation-delay:-1.1s}
.spinner .rect3 {-webkit-animation-delay:-1.0s; animation-delay:-1.0s}
.spinner .rect4 {-webkit-animation-delay:-0.9s; animation-delay:-0.9s}
.spinner .rect5 {-webkit-animation-delay:-0.8s; animation-delay:-0.8s}
@-webkit-keyframes loadingAnimate {
  0%, 40%, 100% {-webkit-transform:scaleY(0.4)}
  20% {-webkit-transform:scaleY(1.0)}
}
@keyframes loadingAnimate {
  0%, 40%, 100% {transform:scaleY(0.4); -webkit-transform:scaleY(0.4)}
  20% {transform:scaleY(1.0); -webkit-transform:scaleY(1.0)}
}
/* ǥ�� ������ */
* {-webkit-text-size-adjust:none; box-sizing:border-box}
body, td, input, textarea, div, th, p, a, address ul {font-family:'Roboto','cwTeXHei','notokr';  margin:0; padding:0; font-size:13px; color:#666}
a:link      {color:#333333; text-decoration:none; transition:all .3s ease}
a:visited   {color:#333333; text-decoration:none}
a:active    {color:#333333; text-decoration:none}
a:hover     {color:#666666; text-decoration:none}
form, p, h1, h2, h3, h4, h5, h6 {margin:0; padding:0}
h1, h2, h3, h4, h5, h6, h1 a, h2 a, h3 a, h4 a, h5 a, h6 a {font-family:'Raleway','notokr'}
fieldset, img {margin:0; padding:0; border:0}
caption, legend {display:none}
address, em, i {font-style:normal}
ul, ol {list-style-type:none; margin:0; padding:0}
input, button, select {font:inherit}
.clearfix:before, .clearfix:after {display:table; content:''}
.clearfix:after {clear:both}
/* common elements */
.btn {display:inline-block; font-family:'Raleway','notokr'}
.full-img img, img.full-img {display:block; width:100%}
.visible {display:block !important}
/* ǥ�� ������ */
* {-webkit-text-size-adjust:none; box-sizing:border-box}
body, td, input, textarea, div, th, p, a, address ul {font-family:'Roboto','cwTeXHei','notokr';  margin:0; padding:0; font-size:15px; color:#666}
a:link      {color:#333333; text-decoration:none; transition:all .3s ease}
a:visited   {color:#333333; text-decoration:none}
a:active    {color:#333333; text-decoration:none}
a:hover     {color:#666666; text-decoration:none}
form, p, h1, h2, h3, h4, h5, h6 {margin:0; padding:0}
h1, h2, h3, h4, h5, h6, h1 a, h2 a, h3 a, h4 a, h5 a, h6 a {font-family:'Raleway','notokr'}
fieldset, img {margin:0; padding:0; border:0}
caption, legend {display:none}
address, em, i {font-style:normal}
ul, ol {list-style-type:none; margin:0; padding:0}
input, button, select {font:inherit}
.clearfix:before, .clearfix:after {display:table; content:''}
.clearfix:after {clear:both}
/* common elements */
.btn {display:inline-block; font-family:'Raleway','notokr'}
.full-img img, img.full-img {display:block; width:100%}
.visible {display:block !important}
/* loading indicator */
#page-loader {position:fixed; top:0; left:0; width:100%; height:100%; background:#f4f4f4; z-index:9999}
#page-loader > .inner {display:table; width:100%; height:100%}
.spinner {display:table-cell; margin:auto; width:50px; text-align:center; font-size:10px; vertical-align:middle}
.spinner > div {display:inline-block; width:6px; height:40px; background:#92bd92; -webkit-animation:loadingAnimate 1.2s infinite ease-in-out; animation:loadingAnimate 1.2s infinite ease-in-out}
.spinner .rect2 {-webkit-animation-delay:-1.1s; animation-delay:-1.1s}
.spinner .rect3 {-webkit-animation-delay:-1.0s; animation-delay:-1.0s}
.spinner .rect4 {-webkit-animation-delay:-0.9s; animation-delay:-0.9s}
.spinner .rect5 {-webkit-animation-delay:-0.8s; animation-delay:-0.8s}
@-webkit-keyframes loadingAnimate {
  0%, 40%, 100% {-webkit-transform:scaleY(0.4)}
  20% {-webkit-transform:scaleY(1.0)}
}
@keyframes loadingAnimate {
  0%, 40%, 100% {transform:scaleY(0.4); -webkit-transform:scaleY(0.4)}
  20% {transform:scaleY(1.0); -webkit-transform:scaleY(1.0)}
}
/* loading indicator */
#page-loader {position:fixed; top:0; left:0; width:100%; height:100%; background:#f4f4f4; z-index:9999}
#page-loader > .inner {display:table; width:100%; height:100%}
.spinner {display:table-cell; margin:auto; width:50px; text-align:center; font-size:10px; vertical-align:middle}
.spinner > div {display:inline-block; width:6px; height:40px; background:#92bd92; -webkit-animation:loadingAnimate 1.2s infinite ease-in-out; animation:loadingAnimate 1.2s infinite ease-in-out}
.spinner .rect2 {-webkit-animation-delay:-1.1s; animation-delay:-1.1s}
.spinner .rect3 {-webkit-animation-delay:-1.0s; animation-delay:-1.0s}
.spinner .rect4 {-webkit-animation-delay:-0.9s; animation-delay:-0.9s}
.spinner .rect5 {-webkit-animation-delay:-0.8s; animation-delay:-0.8s}
@-webkit-keyframes loadingAnimate {
  0%, 40%, 100% {-webkit-transform:scaleY(0.4)}
  20% {-webkit-transform:scaleY(1.0)}
}
@keyframes loadingAnimate {
  0%, 40%, 100% {transform:scaleY(0.4); -webkit-transform:scaleY(0.4)}
  20% {transform:scaleY(1.0); -webkit-transform:scaleY(1.0)}
}



/* °øÅë ¿ä¼Ò */
.bt {display:block}
.displaynone {display:none !important}
.img-mobile {display:none}
/* ¹Ìµð¾î Äõ¸® */
@media screen and (max-width:768px) {
 .img-pc {display:none}
 .img-mobile {display:block}
}