@charset "utf-8";
body{background:#f0f0f0;}
body,html{height:100%}

.header{position:fixed; left:0; top:0;z-index:30;width:100%;}

.gnbWrapBg{  position: relative; min-width:1000px; }
.gnbWrap{ background: #192d4e; overflow: hidden; height:70px;}
.gnbArea{width:100%;margin:0 auto; line-height: 34px; text-align: center;}
.gnbArea h1{ position: absolute; left: 0; top: 0;}
.gnbArea h2{ color: #ffc92b; text-align: right; padding: 20px 30px 0 0; font-weight: normal;}
.gnbArea .gnb{ float: right; overflow:hidden; padding-right:10px;}
.gnbArea .gnb > li{ float: left; display: inline-block; color: #fff;}
.gnbArea .gnb > li > a{position: relative; display: inline-block; text-decoration:none; color: #fff; font-size: 1.1em; padding: 25px 20px;}
.gnbArea .gnb > li.on > a{ color: #ffc92b; text-decoration: underline;}


/*Ÿ���϶�*/
.isTablet .mainWrap{ position:relative;min-width:980px;min-height:680px;height:auto !important; overflow:visible !important;}
.isTablet .sectionWrap{ position:relative; left:auto; top:auto; width: 100%;}
.isTablet .section{ position:relative;height:768px !important;}
.isTablet .btn_main_down{ display:none !important;}
.isTablet .mainStep{ display:none;}
.isTablet .mainStep{ display:none;}
.isTablet .section.footerWrap {height: 123px !important;background: #ffffff;}
.isTablet .btn_contentTop { display:none !important;}

.mainWrap{ position:relative;min-width:980px;min-height:680px;height:100%; overflow:hidden;}
.sectionWrap{ position:absolute; left:0; top:0; width: 100%;}
.section{ position:relative;}
.section .sectionCon{ position:absolute;left:0;top:0; left:0; width:900px; height: 650px;}
.section00{}
.section01{padding:0; margin:0;}
.section02{padding:0; margin:0;}
.section03{padding:0; margin:0;}
.section04{padding:0; margin:0;}
.section05{padding:0; margin:0;}
.section06{padding:0; margin:0;}
.section07{padding:0; margin:0;}
.section08{padding:0; margin:0;}
.section09{padding:0; margin:0;}
.section10{padding:0; margin:0;}


.btn_main_down{ display: block; position: absolute; left: 50%; bottom:20px;margin:0 0 0 -20px;}


.mainStep{ position:fixed;left:50%;top:50%;margin:-108px 0 0 460px;z-index:19; display: none; width: 30px;}
.mainStep2{ top: 35%;}
.mainStep ul{ margin: 30px 0 13px 0;}
.mainStep li{height:36px;}
.mainStep li:first-child{ margin-top:0px;}
.mainStep li a{ font-size: 13px; font-family: "Titillium Web"; color: #8c8c8c; display: block;border-bottom:1px solid #8c8c8c;height:16px; text-decoration:none; text-align: center;}
.mainStep li a:hover,
.mainStep li a:focus,
.mainStep li.on a{ font-weight: 600; color: #355bbd; border-bottom: 2px solid #355bbd}
.mainStep li a:hover .txt,
.mainStep li a:focus .txt,
.mainStep li.on a .txt{ display: inline-block}
.mainStep .btn_main_top{}
.mainStep .floating-logo{ padding:0; margin:0; margin-left:15px; display:inline-block;}

/*타블렛일때*/
.isTablet .mainWrap{ position:relative;min-width:980px;min-height:680px;height:auto !important; overflow:visible !important;}
.isTablet .sectionWrap{ position:relative; left:auto; top:auto; width: 100%;}
.isTablet .section{ position:relative;}
.isTablet .mainStep{ display:none;}

.floating-logo{-webkit-animation-name: floating-logo;
          animation-name: floating-logo;
  -webkit-animation-duration: 2s;
          animation-duration: 2s;
  -webkit-animation-iteration-count: infinite;
          animation-iteration-count: infinite;
  -webkit-animation-timing-function: ease-in-out;
          animation-timing-function: ease-in-out;}
		  @-webkit-keyframes floating-logo {
  from {
    -webkit-transform: translate(-50%, 0);
            transform: translate(-50%, 0); }
  50% {
    -webkit-transform: translate(-50%, 10px);
            transform: translate(-50%, 10px); }
  to {
    -webkit-transform: translate(-50%, 0);
            transform: translate(-50%, 0); } }

@keyframes floating-logo {
  from {
    -webkit-transform: translate(-50%, 0);
            transform: translate(-50%, 0); }
  50% {
    -webkit-transform: translate(-50%, 10px);
            transform: translate(-50%, 10px); }
  to {
    -webkit-transform: translate(-50%, 0);
            transform: translate(-50%, 0); } }
.pint{-webkit-animation-name: pint;
          animation-name: pint;
  -webkit-animation-duration: 2s;
          animation-duration: 2s;
  -webkit-animation-iteration-count: infinite;
          animation-iteration-count: infinite;
  -webkit-animation-timing-function: ease-in-out;
          animation-timing-function: ease-in-out;}
		  @-webkit-keyframes pint {
  from {
    -webkit-transform: translate(-20%, -5px);
            transform: translate(-20%, -5px); }
  50% {
    -webkit-transform: translate(-20%, 5px);
            transform: translate(-20%, 5px); }
  to {
    -webkit-transform: translate(-20%, -5px);
            transform: translate(-20%, -5px); } }

@keyframes pint {
  from {
    -webkit-transform: translate(-20%, -5px);
            transform: translate(-20%, -5px); }
  50% {
    -webkit-transform: translate(-20%, 5px);
            transform: translate(-20%, 5px); }
  to {
    -webkit-transform: translate(-20%, -5px);
            transform: translate(-20%, -5px); } }