@charset "utf-8";
/* CSS Document */ 

@font-face{
font-family:"Existence-Light";
font-style: normal;
src:url('/font/Existence-Light.ttf');
url('/font/Existence-Light.ttf') format('truetype');
}

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

@font-face { font-family: 'TmonMonsori'; src: url('https://cdn.jsdelivr.net/gh/projectnoonnu/noonfonts_two@1.0/TmonMonsori.woff') format('woff'); font-weight: normal; font-style: normal; }


*{margin:0; padding:0;}
body{font-family:HelveticaNeue-Light,AppleSDGothicNeo-Light, 'Noto Sans KR', sans-serif; font-size:14px; line-height:1em; color:#555; letter-spacing:-0.5px; font-weight:300; }
body p{line-height:1em; letter-spacing:-0.5px; word-wrap:break-word; word-break:keep-all; font-weight:300; }
ol, ul{list-style:none;}
a, a:visited, a:active, a:hover {text-decoration:none;}

address{font-style:normal;}
img{vertical-align: top;}

/*공통값*/
.hide{display:none;}

/*clearfix*/
.cf{}
.cf:after{content:""; display:block; clear:both;}
.mauto{margin-right:auto; margin-left:auto; }
.mb10{margin-bottom:10px;}
.mb20{margin-bottom:20px;}
.mb30{margin-bottom:30px;}
.mb40{margin-bottom:40px;}
.mb50{margin-bottom:50px;}
.mb60{margin-bottom:60px;}
.mb70{margin-bottom:70px;}
.mb80{margin-bottom:80px;}
.mb90{margin-bottom:90px;}
.mb100{margin-bottom:100px;}
.mb110{margin-bottom:110px;}
.mb120{margin-bottom:120px;}
.mb130{margin-bottom:130px;}
.mb140{margin-bottom:140px;}
.mb150{margin-bottom:150px;}
.mb160{margin-bottom:160px;}
.mb180{margin-bottom:180px;}
.mb200{margin-bottom:200px;}
.mb300{margin-bottom:300px;}

.pt10{padding-top:10px;}
.pt18{padding-top:18px;}
.pt20{padding-top:20px;}
.pt30{padding-top:30px;}
.pt40{padding-top:40px;}
.pt50{padding-top:50px;}
.pt60{padding-top:60px;}
.pt70{padding-top:70px;}
.pt80{padding-top:80px;}
.pt90{padding-top:90px;}
.pt100{padding-top:100px;}
.pt120{padding-top:120px;}
.pt150{padding-top:150px;}
.pt200{padding-top:200px;}



.pl10{padding-left:10px;}
.pl18{padding-left:18px;}
.pl20{padding-left:20px;}
.pl30{padding-left:30px;}
.pl40{padding-left:40px;}
.pl50{padding-left:50px;}
.pl100{padding-left:100px;}


.pr10{padding-right:10px;}
.pr20{padding-right:20px;}
.pr30{padding-right:30px;}
.pr50{padding-right:50px;}
.pr100{padding-right:100px;}
.pr150{padding-right:150px;}


.fs12{font-size:12px;}
.fs13{font-size:13px;}
.fs14{font-size:14px;}
.fs15{font-size:15px;}
.fs16{font-size:16px;}
.fs18{font-size:18px;}
.fs17{font-size:17px;}
.fs20{font-size:20px;}
.fs22{font-size:22px;}
.fs23{font-size:23px;}
.fs25{font-size:25px;}
.fs26{font-size:26px;}
.fs27{font-size:27px;}
.fs28{font-size:28px;}
.fs30{font-size:30px;}
.fs33{font-size:33px;}
.fs35{font-size:35px;}
.fs40{font-size:40px;}
.fs45{font-size:45px;}
.fs50{font-size:50px;}
.fs60{font-size:60px;}


.Lh20{line-height:20px;}
.Lh25{line-height:25px;}
.Lh27{line-height:27px;}
.Lh30{line-height:30px;}
.Lh35{line-height:35px!important;}
.Lh37{line-height:37px;}
.Lh38{line-height:38px;}
.Lh40{line-height:40px;}
.Lh45{line-height:45px;}
.Lh50{line-height:50px;}
.Lh55{line-height:55px;}

.c0{color:#000;}
.cw{color:#fff;}
.cb{color:#0055a6;}
.c3{color:#333;}
.c5{color:#555;}
.c6{color:#666;}
.cy{color:#fff799;}
.cr{color:#ca1e2c;}
.cb8{color:#c8c0b5;}
.co{color:#d68408;}



.fw400{font-weight:400;}
.fw500{font-weight:500;}
.fw600{font-weight:600;}

.tac{text-align:center;}
.tal{text-align:left;}

.ff_time{font-family: 'Times New Roman';}
.ff_light{font-family:"Existence-Light";}
.ff_Myeongjo{font-family: 'Nanum Myeongjo', serif;}
.pr{position:relative;}
.pa{position:absolute;}
.oh{overflow:hidden;}
.boxin{width:1200px; margin-right:auto; margin-left:auto;}
.bb{border-bottom:1px solid #eee;}
.brn{border-right:none;}
.upper{text-transform:uppercase;}
.ls1{letter-spacing:1px;}
.ls2{letter-spacing:2px;}
.hline{width:60px; margin-right:auto; margin-left:auto; height:2px; background:#0055a6;}




/*
* Noto Sans KR (korean) http://www.google.com/fonts/earlyaccess
 */ 
@font-face {
  font-family: 'Noto Sans KR';
  font-style: normal;
  font-weight: 100;
  src: url(http://fonts.gstatic.com/ea/notosanskr/v2/NotoSansKR-Thin.woff2) format('woff2'),
       url(http://fonts.gstatic.com/ea/notosanskr/v2/NotoSansKR-Thin.woff) format('woff'),
       url(http://fonts.gstatic.com/ea/notosanskr/v2/NotoSansKR-Thin.otf) format('opentype');
}
@font-face {
  font-family: 'Noto Sans KR';
  font-style: normal;
  font-weight: 300;
  src: url(http://fonts.gstatic.com/ea/notosanskr/v2/NotoSansKR-Light.woff2) format('woff2'),
       url(http://fonts.gstatic.com/ea/notosanskr/v2/NotoSansKR-Light.woff) format('woff'),
       url(http://fonts.gstatic.com/ea/notosanskr/v2/NotoSansKR-Light.otf) format('opentype');
}
@font-face {
   font-family: 'Noto Sans KR';
   font-style: normal;
   font-weight: 400;
   src: url(http://fonts.gstatic.com/ea/notosanskr/v2/NotoSansKR-Regular.woff2) format('woff2'),
        url(http://fonts.gstatic.com/ea/notosanskr/v2/NotoSansKR-Regular.woff) format('woff'),
        url(http://fonts.gstatic.com/ea/notosanskr/v2/NotoSansKR-Regular.otf) format('opentype');
 }
@font-face {
   font-family: 'Noto Sans KR';
   font-style: normal;
   font-weight: 500;
   src: url(http://fonts.gstatic.com/ea/notosanskr/v2/NotoSansKR-Medium.woff2) format('woff2'),
        url(http://fonts.gstatic.com/ea/notosanskr/v2/NotoSansKR-Medium.woff) format('woff'),
        url(http://fonts.gstatic.com/ea/notosanskr/v2/NotoSansKR-Medium.otf) format('opentype');
 }
@font-face {
   font-family: 'Noto Sans KR';
   font-style: normal;
   font-weight: 700;
   src: url(http://fonts.gstatic.com/ea/notosanskr/v2/NotoSansKR-Bold.woff2) format('woff2'),
        url(http://fonts.gstatic.com/ea/notosanskr/v2/NotoSansKR-Bold.woff) format('woff'),
        url(http://fonts.gstatic.com/ea/notosanskr/v2/NotoSansKR-Bold.otf) format('opentype');
 }
@font-face {
   font-family: 'Noto Sans KR';
   font-style: normal;
   font-weight: 900;
   src: url(http://fonts.gstatic.com/ea/notosanskr/v2/NotoSansKR-Black.woff2) format('woff2'),
        url(http://fonts.gstatic.com/ea/notosanskr/v2/NotoSansKR-Black.woff) format('woff'),
        url(http://fonts.gstatic.com/ea/notosanskr/v2/NotoSansKR-Black.otf) format('opentype');
 }


@keyframes mymove
  {
  from {transform:rotateY(0deg);}
  to {transform:rotateY(360deg);}
  }
  
  @-moz-keyframes mymove
  {
  from {-moz-transform:rotateY(0deg);}
  to {-moz-transform:rotateY(360deg);}
  }
  
  @-webkit-keyframes mymove
  {
  from {-webkit-transform:rotateY(0deg);}
  to {-webkit-transform:rotateY(360deg);}
  }
  
  @-ms-keyframes mymove 
  {
  from {-ms-transform:rotateY(0deg);}
  to {-ms-transform:rotateY(360deg);}
  }

@-webkit-keyframes flash {
  from,
  50%,
  to {
    color: #fff799;
  }

  25%,
  75% {
    color: #fff;
  }
}

@keyframes flash {
  from,
  50%,
  to {
    color: #fff799;
  }

  25%,
  75% {
    color: #fff;
  }
}

.flash {
  -webkit-animation-name: flash;
  animation-name: flash;
}