@charset "utf-8";
#footer .fCont{position:relative; z-index: 20}
.btn_contentTop{
  bottom:0;
  top:-70px !important;
  position: absolute !important;
  opacity: 1 !important;
}
.btn_mouse {
    position: absolute;
    bottom: 25px;
    z-index: 200;
    left: 50%;
    margin-left: -11px;
    display: block;
    width: 22px;
    height: 56px;
    text-indent: -9999em;
    background: red;
}
.scroll{width:100%; font-size:0; line-height:0; text-align: center; position: absolute; left:0; bottom:28px; z-index:11;animation-duration: 1s;
   /* animation-iteration-count:infinite;
    animation-name: scrollDown;
    animation-timing-function:linear;
    animation-direction:alternate;*/ cursor: pointer;}
  
  @keyframes scrollDown {
    from {height:64px;}
    to {height:40px;}
  }
.btn_main_down{display: block; position: absolute; left: 0;bottom:50px;margin:0 0 0 0; z-index:20; width:100%; text-align: center;}
.animated, .appear-animation{animation-delay: 100ms;}
#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:#0085a1; -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)}
}

/*¸ÞÀÎÅÇ*/
.mainWrap{position:relative;min-height:680px;height:100%; overflow:hidden; }
.mainStep{ position:fixed; left:50%;top:55%; width:100px; box-sizing: border-box; padding-left:0;  margin: 0 0 0 680px; z-index:19; }
.mainStep ul{text-align:center; position:absolute; left:0px; top:50%; -webkit-transform:translate(0, -50%); transform:translate(0, -50%); -ms-transform:translate(0, -50%); z-index: 2; width:80px;}
.mainStep ul:after{content:""; display:block; width:1px;height:-webkit-calc(100% - 36px); height:calc(100% - 36px); position:absolute; left:0; top:18px;}
/*.mainStep ul:after{content:""; display:block; width:1px;height:-webkit-calc(100% - 36px); height:calc(100% - 36px); position:absolute; left:0; top:18px; background:rgba(255,255,255,0.3);}*/
.mainStep ul li{margin-top:10px;}
.mainStep ul li:first-child{margin-top:0;}
.mainStep ul a{display:block; width:100%; height:80px; position:relative; line-height:30px; z-index: 2; background-color:rgba(0,133,161,0.8); border-radius: 50px; color:#fff;}
.mainStep ul a:after{content:""; display:block; width:100%; height:80px; border-radius: 50px; background-color:rgba(221,232,23,0.8); position:absolute; left:0px; top:0;  opacity: 0; filter: alpha(opacity=0);}
.mainStep ul a:after,
.mainStep ul a .txt{
    -webkit-transition: all 200ms ease-out;
  -moz-transition: all 200ms ease-out;
  -ms-transition: all 200ms ease-out;
  -o-transition: all 200ms ease-out;
  transition: all 200ms ease-out;
}
.mainStep ul a .txt{position:relative; padding-top:12px; display:block; z-index:2; font-size:12px; color:#fff; font-weight:600;}
/*.mainStep ul a .txt{position:relative; padding-left:0px; display:block; z-index:2; font-size:14px; color:rgba(255,255,255,0.3);}*/
.mainStep ul a .txt:after{content:""; display:block;  /*border-radius: 50px;*/ position:absolute; left:-3px; top:12px;}
/*.mainStep ul a .txt:after{content:""; display:block; width:7px; height:7px; background:#fff; /*border-radius: 50px;*/ position:absolute; left:-3px; top:12px;}*/
.mainStep ul a .txt:before{content:""; display:block;  /*border-radius: 50px;*/ position:absolute; left:-10px; top:5px; opacity: 0;}
/*.mainStep ul a .txt:before{content:""; display:block; width:20px; height:20px; border:2px solid #525252; /*border-radius: 50px;*/ position:absolute; left:-10px; top:5px; opacity: 0; color#ddd;}*/
.mainStep .btnStep {position:absolute; left:70px; bottom:100px; z-index: 2;}
.mainStep ul a:hover:after{opacity: 1 !important; filter: alpha(opacity=100) !important; left:0 !important;}
.mainStep ul .on a:after{opacity: 1 !important; filter: alpha(opacity=100) !important; left:0 !important;}
.mainStep ul a:hover:before{opacity: 1 !important; filter: alpha(opacity=100) !important; left:0 !important;}
.mainStep ul .on a:before{opacity: 1 !important; filter: alpha(opacity=100) !important; left:0 !important;}
.mainStep ul a:hover .txt{color:#fff;}
.mainStep ul .on a .txt{color:#fff;}
.mainStep ul a:hover .txt:after{background-color:#fff;}
.mainStep ul .on a .txt:after,
.mainStep ul a:hover .txt:after{background-color:#fff;}
.mainStep ul .on a .txt:before,
.mainStep ul a:hover .txt:before{opacity: 1}
/*.mainStep ul a:hover .txt:before{border-color:#fff; opacity: 1}*/
.mainStep.type02 ul:after{}
.mainStep.type02 ul a .txt{color:#fff;}
.mainStep.type02 ul a .txt:after{background:#fff;}
.mainStep.type02 a:hover .txt{color:#fff;}
.mainStep.type02 .on a .txt{color:#fff;}
.mainStep.type02 ul .on a .txt:after,
.mainStep.type02 ul a:hover .txt:after{background-color:#fff;}
.mainStep.type02 ul .on a .txt:before,
.mainStep.type02 ul a:hover .txt:before{border-color:#fff; opacity: 1}
.sec_button{text-align: center; margin-top:40px;}
.sec_button_n{text-align: center; margin-bottom:10px;}
.btn_main_down{display: block; position: absolute; left: 0;bottom:50px;margin:0 0 0 0; z-index:20; width:100%; text-align: center;} 
/* main secstion */
.sectionWrap{position:absolute; left:0; top:0; width: 100%;}
.section.bg .sectionCon{background-color:#f8f8f8;}
.section{position:relative;}
.section .sectionCon{position:absolute;left:0;top:50%; width:100%; -webkit-transform:translate(0, -50%); transform:translate(0, -50%); -ms-transform:translate(0, -50%); box-sizing:border-box; padding:0 0;}
.small .section .sectionCon{height: 610px;margin:-305px 0 0 -490px;}
/* title */
.mainTit{text-align: center; margin-bottom:13px; padding-top:75px;}
.mainTit .tit{display:block; font-size:43px;/* padding-top:50px;*/ color:#000;  /* background:url('/ko/front/image/main/icn_tit.png') no-repeat 50% 0;*/ font-family: 'Titillium', 'NotoSansKR', sans-serif; line-height:1.2;}
.sec_top_tx {text-align: center; font-size:17px; color:#676767;}
#video {
    position: relative;
    overflow: hidden;
}
.base-height{
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    z-index: -1;
}
/* content */
.mainVisual {height:100%; position:relative; }
.mainVisual .slick-slide > div{height:100%;}
.mainVisual .slider{height:100%; position:absolute; left:0; top:0; width:100%; height:100%; box-sizing:border-box; }
.mainVisual .slider .slidesItem{position:relative; height:100%;}
.mainVisual .slider .slidesItem .items{position:absolute; left:0; top:0; width:100%; height:100%; background-size: cover !important;}
.mainVisual .slider .slidesItem .items .mImg{display:none; overflow:hidden;}
.mainVisual .slider .slidesItem .items .mImg img{width:100%;}
.mainVisual .slider .slidesItem .items .motionArea{display:block; max-width:1180px; height:100%; margin:0 auto; position:relative; z-index:2;}
.mainVisual .slider .slidesItem .items .motionArea .txBx{position:absolute; left:0; top:10; width:100%; height:100%; box-sizing:border-box; z-index: 2; display: table; table-layout: fixed;}
.mainVisual .slider .slidesItem .items .motionArea .txInner{display: table-cell; vertical-align:middle; padding-top:0px; padding-left:0px;}
.mainVisual .slider .slidesItem .items .motionArea .motion {width:100%; text-align: center; padding-left:0px; opacity: 0; filter: alpha(opacity=0); display:block; position:relative; top:-40px; left:0px; -webkit-transition: all 1000ms cubic-bezier(0, 0, 0.265, 1); /* older webkit */
-webkit-transition: all 1000ms cubic-bezier(0, -0.550, 0.265, 1.550); 
   -moz-transition: all 1000ms cubic-bezier(0, -0.550, 0.265, 1.550); 
     -o-transition: all 1000ms cubic-bezier(0, -0.550, 0.265, 1.550); 
        transition: all 1000ms cubic-bezier(0, -0.550, 0.265, 1.550); /* easeInOutBack */}
.mainVisual .slider .slidesItem .items .motionArea .motion.text01 {text-align:center;}
.mainVisual .slider .slidesItem .items .motionArea .motion.text02 {margin-top:10px;}
.mainVisual .slider .slidesItem .items .motionArea .motion.text03 {margin-top:50px;}
.mainVisual .slider .slidesItem .items .motionArea .motion.text04 {margin-top:37px;}
.mainVisual .slider .slidesItem .items .motionArea .motion img {display: inline-block;}
.mainVisual .slider .slidesItem .items .motionArea .motion.on{opacity: 1 !important; filter: alpha(opacity=100) !important; top:0px !important;  left:0px !important;-webkit-transition-timing-function: cubic-bezier(0, 0, 0.265, 1); /* older webkit */
-webkit-transition-timing-function: cubic-bezier(0, -0.550, 0.265, 1.550); 
   -moz-transition-timing-function: cubic-bezier(0, -0.550, 0.265, 1.550); 
     -o-transition-timing-function: cubic-bezier(0, -0.550, 0.265, 1.550); 
        transition-timing-function: cubic-bezier(0, -0.550, 0.265, 1.550); /* easeInOutBack */}
.mainVisual .slidesItem .items .motionArea .motion{
  font-family:NanumGothic,sans-serif;
  -webkit-transition: all 700ms ease-out;
  -moz-transition: all 700ms ease-out;
  -ms-transition: all 700ms ease-out;
  -o-transition: all 700ms ease-out;
  transition: all 700ms ease-out;
}
.mainVisual .slider .slidesItem .items .mSliderItem{display:none;}
.mainVisual .slider .slidesItem .items .mSliderItem img{width:100%;}
.mainVisual .slider.responsive{display:block;}
/*.mainVisual .mobileSlider {display:none; position:relative;}*/
/*.mainVisual .sliderMobile.responsive{display:none;}*/
/*.mainVisual .sliderMobile.responsive{position:absolute; left:0; top:0; width:100%; height:100%;}
.mainVisual .sliderMobile .slidesItem{position:relative; height:100%;}
.mainVisual .sliderMobile .slidesItem .items{position:absolute; left:0; top:0; width:100%; height:100%; background-size: cover !important;}
.mainVisual .sliderMobile .slidesItem .items .mImg{display:none; overflow:hidden;}
.mainVisual .sliderMobile .slidesItem .items .mImg img{width:100%;}
.mainVisual .sliderMobile .slidesItem .items .motionArea{display:block; max-width:1180px; height:100%; margin:0 auto; position:relative; z-index:2;}
.mainVisual .sliderMobile .slidesItem .items .motionArea .txBx{position:absolute; left:0; top:0; width:100%; height:100%; box-sizing:border-box; z-index: 2; display: table; table-layout: fixed;}
.mainVisual .sliderMobile .slidesItem .items .motionArea .txInner{display: table-cell; vertical-align:middle; }
.mainVisual .sliderMobile .slidesItem .items .motionArea .motion {width:100%; text-align: center; opacity: 0; filter: alpha(opacity=0); display:block; position:relative; top:-20px; box-sizing:border-box; padding:0 30px;}
.mainVisual .sliderMobile .slidesItem .items .motionArea .motion img {display: inline-block;}
.mainVisual .sliderMobile .slidesItem .items .motionArea .motion.on{opacity: 1 !important; filter: alpha(opacity=100) !important; top:0 !important;  left:0 !important;}
*/
@media all and (max-width:1530px) {
.mainStep{ margin: 0 0 0 480px;}
}
@media all and (max-width:1166px) {
 .section02{background:none;}
/*.mainStep{ margin: 0 0 0 500px;}*/
}
@media all and (max-width:1180px) {
 .section02{background:none;}
}
.mainVisual .slick-list {height:100%;}
.mainVisual .slick-list .slick-track {height:100%;}
.mainVisual .slick-dots{position:absolute; left:0; bottom:50px; z-index:12; width:100%; text-align: center; font-size:0; line-height:0;}
.mainVisual .slick-dots > li {width:10px; height:10px; background: rgba(255, 255, 255, 0.3);}
.mainVisual .slick-dots > li:hover{background: #fff;}
.mainVisual .slick-dots > li.slick-active{background: #fff; width:50px;}
.mainVisual .slick-arrow{position:absolute; top:50%; margin-top:-200px; width:56px; height:58px; overflow:hidden; text-indent:-9999px; z-index:2; background-size: cover !important;}
.mainVisual .slick-arrow.slick-prev{background:url('') no-repeat 0 0; left:-9999px;}
.mainVisual .slick-arrow.slick-next{background:url('') no-repeat 0 0; left:-9999px;}
.mainVisual .sliderButtons{/*max-width:1180px; margin:0 auto; position:relative;height:100%; z-index: 10;*/}
.mainVisual .sliderButtons button{width:56px; height:58px; overflow:hidden; position:absolute;  top:50%; text-indent:-9999px; z-index:10; background-size: cover !important; cursor:pointer;   margin-top:35px;}
.mainVisual .sliderButtons .sliderPrev{ background:url('../../img/arrow_02.png') no-repeat 0 0; left:33%; top:47%; -webkit-transform:translate(-600px, -50%); -ms-transform:translate(-600px, -50%); transform:translate(-600px, -50%);}
.mainVisual .sliderButtons .sliderNext{ background:url('../../img/arrow_01.png') no-repeat 0 0; right:33%; top:47%; -webkit-transform:translate(600px, -50%); -ms-transform:translate(600px, -50%); transform:translate(600px, -50%);}
.mainVisual .btnInp{display:none;}
@media (max-width:1280px) {
  .mainVisual .sliderButtons{display:none;}
  .mainVisual .slider .slidesItem .items .motionArea .motion{padding-left:10px;}
 .section02{background:none;}
 
}
@media (max-width:1024px) {
.mainStep {display:none !important;}
}
.sec01Cont .sec01ListBx ul li .img img,
.section02 .sectionCon .sec02_list ul li > a .img img{ 
  vertical-align:top;
transform:scale(1);
  -webkit-transform:scale(1);
  -moz-transform:scale(1);
  -o-transform:scale(1);
  -webkit-transition:2s;
  -moz-transition:2s;
  -ms-transition:2s
  }
.sec01Cont .sec01ListBx ul li .img:hover img,
.section02 .sectionCon .sec02_list ul li > a:hover .img img{
  transform:scale(1.05);
  -webkit-transform:scale(1.05);
  -moz-transform:scale(1.05);
  -o-transform:scale(1.05);
  -webkit-transition:2s;
  -moz-transition:2s;
  -ms-transition:2s
}
.section00 {position:relative; overflow:hidden;}
.section00 .section00Wrap{overflow: hidden;width:100%;height:100%; box-sizing:border-box; position: relative; }
/*section01 - ºñÀü*/
.section01{padding:0 10px;}
.section01:after{content:""; display:block; position:relative; width:100%; height:100%; left:0; bottom:0; position:absolute; background: url('../../img/sec01_bg.jpg') no-repeat 50% 50%;background-size:cover; /*background-color:#f6f6f6;*/ z-index: 1; }
.section01 .swiper-container-android .swiper-slide, .section01 .swiper-wrapper {transform:inherit !important;}
.section01 #mobileVisual {display:none;}
.section01 #mainVisual {position:relative; width:100%; overflow:hidden;margin:0px auto;height:100vh;}
.section01 #mainVisual .swiper-container {height:100%; width:100%;}
.section01 .sectionCon{z-index: 2; top:50%; }
.section01 .sectionCon .sec02Cont{ max-width:1180px; margin:0 auto; line-height:1.4;  padding:20px 0 0 150px; }
.section01 .sectionCon .sec02_list {margin-left:-20px;}
.section01 .sectionCon .sec02_list ul:after{content:""; display:block; clear:both;}
.section01 .sectionCon .sec02_list ul li{ float:left; box-sizing: border-box;}
.section01 .sectionCon .sec02_list ul li {display:block; position:relative;}
.section01 .sectionCon .sec02_list ul li .img{display:block; overflow:hidden;}
.section01 .sectionCon .sec02_list ul li .txWrap{display:block;text-align: left;width:100%;padding-left:0px;}
.section01 .sectionCon .sec02_list ul li .txWrap strong{display:block; font-size:35px; color:#fff;line-height:1.2; margin:35px 0px 20px 0; width:55%; content:'';}
.section01 .sectionCon .sec02_list ul li .txWrap span.tx{ font-size:40px; color:#fff; display:block;position:relative;}
.section01 .sectionCon .sec02_list ul li .txWrap span.tx:before {content:'';width:55%;height:10px;position:absolute;left:0px;bottom:13px;background:#0085a1; z-index:-1;}
.section01 .sectionCon .sec02_list ul li .txWrap span.arr{font-size:15px;word-break:keep-all; color:#eee; width:400px;}
.section01 .sectionCon .sec02_list ul li .txWrap button {padding:13px 50px;border:solid 1px #000;font-size:15px;color:#666 !important;}
.section01 .sectionCon .sec02_list ul li .txWrap button a {color:#333}
.section01 .sectionCon .sec02_list ul li > .tx{display:block; text-align: center; font-size:17px; color:#676767; margin-top:25px;}
.section01 .sectionCon .sec02_list ul li .sec_button{margin-top:40px;text-align:left;}

/*section02 - ´º½º*/
.section02 {background-color:#d7d7d7; padding:0 10px;}
.section02 .sectionCon .sec01Cont{background-color:#fff;  max-width:1180px; margin:0 auto; line-height:1.4; padding:20px;}
.sectionCon h2.mainTit_n{background-color:#fff; max-width:1180px; height:50px;margin:0 auto; text-align:center; font-size:43px; margin-top:80px; color:#000;  font-family: 'Titillium', 'NotoSansKR', sans-serif; line-height:1.2;}
.sec01Cont .sec01ListBx{padding:80px 0 0 20px;}
.sec01Cont .sec01ListBx:after{content:""; display:block; clear:both;}
.sec01Cont .sec01ListBx ul {float:left; width:50%;}
.sec01Cont .sec01ListBx ul:first-child {margin-left:-20px;}
.sec01Cont .sec01ListBx ul li{float:left; width:50%; box-sizing: border-box; padding-left:20px;}
.sec01Cont .sec01ListBx ul li .img{overflow:hidden; display:block;}
.sec01Cont .sec01ListBx ul li .tit{  display:block; padding-top:16px; padding-bottom:16px; border-bottom:1px solid #dfdfdf;}
.sec01Cont .sec01ListBx ul li .tit > span{display:block; font-size:14px; color:#000000;}
.sec01Cont .sec01ListBx ul li .tit > .tit02{font-size:12px; color:#999;}
.sec01Cont .sec01ListBx ul li .tx {display:block; font-size:13px; color:#676767; padding-top:16px; height:80px;}

/*section03 - Á¦Ç°*/
.section03{padding:0 10px; position:relative; width:100%; height:100%;}
.section03:after{content:"";  width:100%; height:100%; position:absolute; left:0; top:0; background: url('../../img/sec02_bg.jpg') no-repeat 50% 50%;background-size:cover; /*background-color:#f6f6f6;*/ z-index: 1; }
.section03 .sectionCon{z-index: 2; margin:0 auto;}
.section03 #mobile_sec04b {display:none;}
.section03 .sectionCon .m_proCont{max-width:1180px; margin:0 auto; line-height:1.4;  padding-top:0px;}
.section03 .sectionCon .m_pro_list {margin-left:-20px;} 
.section03 .sectionCon .m_pro_list .m_pro01 {z-index:10; position:absolute; left:15%; top:25%;box-sizing:}
.section03 .sectionCon .m_pro_list .m_pro02 {z-index:20; position:absolute; left:58%; top:70%; box-sizing:}
.section03 .sectionCon .m_pro_list .m_pro03 {z-index:0; position:absolute; left:0; top:0; position:relative;}


/*.section03 .sectionCon .sec02Cont{ max-width:1180px; margin:0 auto; line-height:1.4;  padding-top:20px; }
.section03 .sectionCon .sec02_list {margin-left:-20px;}
.section03 .sectionCon .sec02_list ul:after{content:""; display:block; clear:both;}
.section03 .sectionCon .sec02_list ul li{width:100%; float:left; box-sizing: border-box; padding-left:20px;}
.section03 .sectionCon .sec02_list ul li > a{display:block; position:relative;}
.section03 .sectionCon .sec02_list ul li > a .img{display:block; overflow:hidden;}
.section03 .sectionCon .sec02_list ul li > a .txWrap{display:block; position:absolute; left:0; top:50%; -webkit-transform:translate(0, -50%);  transform:translate(0, -50%); -ms-transform:translate(0, -50%); text-align: center; width:100%;}
.section03 .sectionCon .sec02_list ul li > a .txWrap strong{display:block; font-size:28px; color:#fff;}
.section03 .sectionCon .sec02_list ul li > a .txWrap span.tx{ font-size:20px; color:#fff; display:block;}
.section03 .sectionCon .sec02_list ul li > a .txWrap span.arr{display: inline-block; width:70px; height:70px; background:url('') no-repeat 0 0; vertical-align:top; margin-top:30px;}
.section03 .sectionCon .sec02_list ul li > .tx{display:block; text-align: center; font-size:17px; color:#676767; margin-top:25px;}
.section03 .sectionCon .sec02_list ul li > .sec_button{margin-top:20px;}*/

@media (max-width:780px) {

}
/*section04 - ºñÁö´Ï½º*/
.section04 {position:relative;}
.section04 .sectionCon {}
.section04:after{content:""; display:block; width:100%; height:100%; position:absolute; left:0; bottom:0; z-index: 1}
.section04 .sectionCon .title {position:absolute;top:13%;z-index:99;width:100%;text-align:center;}
.section04 .sectionCon .title h2 {font-size:40px;margin:0px 0px 10px !important;color:#fff;}
.section04 .sectionCon .title p {font-size:20px;margin:0px 0px 0px !important;color:#fff;}
.section04 .swiper-container-android .swiper-slide, .section04 .swiper-wrapper {transform:inherit !important;}
.section04 #mobileVisual {display:none;}
.section04 #mainVisual {position:relative; width:100%; overflow:hidden;margin:0px auto;height:100vh;}
.section04 #mainVisual .swiper-container {height:100%; width:100%;}
.section04 #mainVisual .inner {width:1100px;position:absolute;top:35%;left:50%;margin-left:-550px;}
.section04 #mainVisual .title {position:absolute;top:150px;z-index:99;width:100%;text-align:center;}
.section04 #mainVisual .title h1 {font-size:40px;margin:0px 0px 10px !important;color:#fff;}
.section04 #mainVisual .title p {font-size:20px;margin:0px 0px 0px !important;color:#fff;}
.section04 #mainVisual .gallery-top .swiper-slide {position:relative; width:100%; overflow:hidden;text-align:center;}
.section04 #mainVisual .gallery-top .swiper-slide.swiper-slide-active img {width:100%; -ms-transform: scale(1.2,1.2); /* IE 9 */ -o-transform: scale(1.2,1.2); /* IE 9 */ -moz-transform: scale(1.2,1.2); /* IE 9 */ -webkit-transform: scale(1.2,1.2); /* Chrome, Safari, Opera */  transform: scale(1.2,1.2); -webkit-transition:transform 5000ms  ease-in-out ; /* Safari */ -moz-transition:transform 5000ms ease-in-out ; /* Safari */ -o-transition:transform 5000ms ease-in-out ; /* Safari */ -ms-transition:transform 5000ms ease-in-out ; /* Safari */ transition:transform 5000ms ease-in-out ;}
.section04 #mainVisual .gallery-top .swiper-pagination {z-index:999;position:absolute;width:100%;display:inline-block;top:35%;}
.section04 #mainVisual .gallery-top .swiper-pagination-bullet {width:346px;height:370px;border-radius:0px;margin:0px 15px;z-index:999;display:inline-block;background:none;;text-indent:-9999px;}
.section04 #mainVisual .gallery-thumbs {position:absolute;height:380px;width:100%;text-align:center;display:inline-block;}
.section04 #mainVisual .gallery-thumbs .swiper-wrapper {display:block !important;text-align:center;font-size:0px;}
.section04 #mainVisual .gallery-thumbs .swiper-slide {display:inline-block;}
.section04 #mainVisual .gallery-thumbs .swiper-slide:last-child {margin-right:0px !important;}
.section04 #mainVisual .gallery-thumbs .swiper-slide .box {position:relative;background:rgba(255,255,255,0.3);padding-top:25%;height:370px;border:solid 1px #c3c3c3;box-sizing:border-box;}
.section04 #mainVisual .gallery-thumbs .swiper-slide .box i {font-size:60px !important;;color:#fff;}
.section04 #mainVisual .gallery-thumbs .swiper-slide .box h1 {font-size:20px !important;;color:#fff;line-height:2;margin:20px 0px 10px}
.section04 #mainVisual .gallery-thumbs .swiper-slide .box span {font-size:16px !important;;color:#fff;line-height:1.5;}
.section04 #mainVisual .gallery-thumbs .swiper-slide.swiper-slide-thumb-active .box {position:relative;background:rgba(17,68,143,0.7);border:solid 1px #333; color:#fff;}
.section04 #mainVisual .gallery-thumbs .swiper-slide.swiper-slide-thumb-active .box i {color:#fff;}
.section04 #mainVisual .gallery-thumbs .swiper-slide.swiper-slide-thumb-active .box h1 {color:#fff;}
.section04 #mainVisual .gallery-thumbs .swiper-slide.swiper-slide-thumb-active .box span {color:#fff;}


/*section05 - ȸ»ç¼Ò°³*/
.section05 {position:relative;}
.section05:after {content:"";position:absolute;left:0;top:0;width:50%;height:100%;margin-left:-110px; z-index: 1; background:url('../../img/sec03_bg.jpg') no-repeat; background-size:cover;}
.section05 .sectionCon{z-index: 2}
.section05 .sectionCon .sec03Cont{width:1180px; margin:0 auto; line-height:1.4; display: table; table-layout: fixed; padding-top:0px;}
.section05 .sec03Col {display: table-cell; vertical-align:middle;}
.section05 .sec03Col.col01{box-sizing: border-box; padding:55px 0 0 10px;}
.section05 .sec03Col.col01 .tit{font-size:20px; font-weight: 200; color:#ffffff;}
.section05 .sec03Col.col01 .sub{font-size:35px;  color:#ffffff;}
.section05 .sec03Col.col01 .tx{font-size:15px;  color:#ffffff; font-weight: 200; margin-top:10px; padding-top:20px; position:relative;}
.section05 .sec03Col.col01 .tx:after{content:""; display:block; width:80px; height:1px; background-color: #fff; position:absolute; left:0; top:0;}
.section05 .sec03Col.col01 .sec_button{text-align: left; margin-top:50px;}

.section05 .sec03Col.col02 .notice{width:100%; box-sizing: border-box; padding:0px 0 50px 50px; border:solid 1px #c3c3c3; margin-top:30px;}
.section05 .sec03Col.col02 .notice p.tit{font-size:33px; padding:40px 0;}
.section05 .sec03Col.col02 .notice .cont a{font-size:15px; padding-bottom:30px ;font-family:'NanumSquare'; line-height:1.8; width:100%;}

.section05 .sec03Col.col02 .sec03_btn{ padding-top:30px; width:100%; margin-bottom:10px; }
.section05 .sec03Col.col02 .sec03_btn ul li.b01{float:left; width:50%; text-align:center; border:solid 1px #c3c3c3; border-right:none; border-bottom:none; /*border-top:solid 1px #c3c3c3; border-left:solid 1px #c3c3c3; border-right:solid 1px #c3c3c3; border-bottom:solid 1px #c3c3c3;*/ }
.section05 .sec03Col.col02 .sec03_btn ul li.b02{float:left; width:50%; text-align:center; border:solid 1px #c3c3c3; border-bottom:none; /*border-top:solid 1px #c3c3c3; border-left:none; border-right:solid 1px #c3c3c3; border-bottom:solid 1px #c3c3c3; */}
.section05 .sec03Col.col02 .sec03_btn ul li.b03{float:left; width:50%; text-align:center;  border:solid 1px #c3c3c3; border-right:none; /*border-top:none; border-left:solid 1px #c3c3c3; border-right:solid 1px #c3c3c3; border-bottom:solid 1px #c3c3c3;*/ }
.section05 .sec03Col.col02 .sec03_btn ul li.b04{float:left; width:50%; text-align:center; border:solid 1px #c3c3c3; /*border-top:none; border-left:none; border-right:solid 1px #c3c3c3; border-bottom:solid 1px #c3c3c3;*/ }


.section05 .sec03Col.col02 .sec03_call{float:left; margin-top:30px; width:100%; border:solid 1px #c3c3c3; text-align:center;}

/*.section05 .sec03Col.col02 .sec03_btn ul li.b01 a:hover{float:left; width:50%; text-align:center; border:solid 1px #11448f; }
.section05 .sec03Col.col02 .sec03_btn ul li.b02 a:hover{float:left; width:50%; text-align:center; border:solid 1px #11448f; }

.section05 .sec03Col.col02 .sec03_btn ul li.b03 a:hover{float:left; width:50%; text-align:center; border:solid 1px #11448f; }
.section05 .sec03Col.col02 .sec03_btn ul li.b04 a:hover{float:left; width:50%; text-align:center; border:solid 1px #11448f; }




.section05 .sec03Col.col02{width:100%; padding-right:10px; padding-top:10px;}
.section05 .sec03Col.col02 .sec03_list{padding-left:0px; padding-top:10px;}
.section05 .sec03Col.col02 .sec03_list ul:after{content:""; display:block; clear:both;}
.section05 .sec03Col.col02 .sec03_list ul li{float:left; width:50%; box-sizing: border-box;/*padding-top:10px;padding-bottom:10px;*/padding:10px;}*/


/*.section05 .sec03Col.col02 .sec03_list ul li:nth-child(even) {padding-left:5px;}
.section05 .sec03Col.col02 .sec03_list ul li:nth-child(odd) {padding-right:5px;}*/


.section05 .sec03Col.col02 .sec03_list ul li .imgWrap{display:block; position:relative; overflow:hidden;}
.section05 .sec03Col.col02 .sec03_list ul li .img{display:block; position:absolute; left:0; top:0; width:100%; height:100%;}
.section05 .sec03Col.col02 .sec03_list ul li .img img{vertical-align:top;}
.section05 .sec03Col.col02 .sec03_list ul li .txt{display:block; font-size:17px; color:#252525; padding-top:10px; letter-spacing:-0.5px; text-align:center;}
.section05 .sec03Col.col02 .sec03_list ul li .img{ 
transform:scale(1);
  -webkit-transform:scale(1);
  -moz-transform:scale(1);
  -o-transform:scale(1);
  -webkit-transition:2s;
  -moz-transition:2s;
  -ms-transition:2s
  }
.section03 .sec03Col.col02 .sec03_list ul li:hover .img{
  transform:scale(1.05);
  -webkit-transform:scale(1.05);
  -moz-transform:scale(1.05);
  -o-transform:scale(1.05);
  -webkit-transition:2s;
  -moz-transition:2s;
  -ms-transition:2s
}
.main_about{ background:url('../../img/sub_visual03.jpg') no-repeat 50% 50%; background-size: cover; padding-left:10px; padding-right:10px;}
.main_about .main_about_inner{max-width: 1180px;overflow:hidden; margin:0 auto; padding:130px 0; position:relative; box-sizing: border-box;  min-height:480px;}
.main_about .main_about_inner:after{content:""; display:block; clear:both;}
.main_about .main_about_inner .main_about_inner_txt{position:absolute; left:0; top:50%; padding-left:10px; -webkit-transform:translate(0, -50%); transform:translate(0, -50%); -ms-transform:translate(0, -50%);  }
.main_about .main_about_inner .main_about_inner_txt .tit{font-size:43px; color:#fff; font-weight:200; line-height: 1.1}
.main_about .main_about_inner .main_about_inner_txt .tit strong{font-weight:400; display:block;}
.main_about .main_about_inner .main_about_inner_txt .sub{font-size:17px; color:#fff; font-weight:200; padding-top:20px;}
.main_about .main_about_inner .main_about_inner_list{}
.main_about .main_about_inner .main_about_inner_list {content:""; display:block; clear:both;}
.main_about .main_about_inner .main_about_inner_list {/*float:left; padding-left:20px; */box-sizing: border-box;}
.main_about .main_about_inner .main_about_inner_list .box{display:block; position:relative; text-align: center;/*background:rgba(0,0,0,0.8)*/}
.main_about .main_about_inner .main_about_inner_list .box .icn{display: inline-block;}
.main_about .main_about_inner .main_about_inner_list .box .icn i {font-size:50px;color:#21bbb1;}
.main_about .main_about_inner .main_about_inner_list .box .icn img {width:100%;}
.main_about .main_about_inner .main_about_inner_list .box .img{display:block;}
.main_about .main_about_inner .main_about_inner_list .box .img img{vertical-align:top;width:100%;}
.main_about .main_about_inner .main_about_inner_list .box .box_item{position:relative;width:100%; text-align: center;padding:50px 10px;}
.main_about .main_about_inner .main_about_inner_list .box .tit{display:block; color:#fff; font-size:19px; padding-top:12px;}
.main_about .main_about_inner .main_about_inner_list .box .cate{display:block; font-size:15px; color:#fff; opacity: .8; padding-top:14px;}
.main_about .main_about_inner .main_about_inner_list ul li.idx01 .box{background:rgba(244,104,17,.7);}
.main_about .main_about_inner .main_about_inner_list ul li.idx02 .box{background:rgba(12,21,47,.7);}
.main_about .main_about_inner .main_about_inner_list ul li.idx03 .box{background:rgba(7,37,93,.7);}
.main_about .main_about_inner .main_about_inner_list ul li.idx01 .icn{width:48px; height:47px; background:url('') no-repeat 50% 50%;}
.main_about .main_about_inner .main_about_inner_list ul li.idx02 .icn{width:51px; height:49px; background:url('') no-repeat 50% 50%;}
.main_about .main_about_inner .main_about_inner_list ul li.idx03 .icn{width:48px; height:48px; background:url('') no-repeat 50% 50%;}
.main_about .main_about_inner .sec_button{text-align: left;}
.main_about .swiper-pagination {text-align:center;width:100%;margin-top:30px;}
.main_about .swiper-pagination-clickable .swiper-pagination-bullet {margin:0px 10px;}


@media all and (max-width:1180px) {
.section05 .sectionCon .sec03Cont{width:100%; margin:0 auto; line-height:1.4; display: table; table-layout: fixed; padding-top:0px;}
}
@media all and (max-width:1017px) {
}



@media all and (max-width:1264px) {
    .mainWrap,
    .section {min-height:auto !important;height:auto !important; overflow:visible !important;}
    .section.section02 {position: relative !important}
    .section.section02 .sectionCon{position: relative !important}
.section05 .sectionCon .sec03Cont{width:100%; margin:0 auto; line-height:1.4; display: table; table-layout: fixed; padding-top:0px;}

/*section01 - ºñÀü(¸ð¹ÙÀÏ)*/
 .section01{/*background-color:#0085a1;*/ background: url('../../img/sec01_bg.jpg') no-repeat 50% 50%;}
.section01 .sectionCon .sec02Cont{ max-width:100%; margin:0 auto; line-height:1.4;  padding:220px 0; z-index:500;}
.section01 .sectionCon .sec02_list ul li .txWrap strong{display:block; font-size:35px; color:#fff;line-height:1.2; margin:35px 0px 20px 0; width:100%; content:'';}
 .section01 .sectionCon {width:100%; }
 .section01 .sectionCon .sec02_list {margin-left:100px;}
 .section01 .sectionCon .sec02_list ul:after{content:""; display:block; clear:both;}
 .section01 .sectionCon .sec02_list ul li{width:100%; float:none; box-sizing: border-box; padding-left:0px;}
 .section01 .sectionCon .sec02_list ul li {display:block; position:relative;}
 .section01 .sectionCon .sec02_list ul li .img {display:none;}
 .section01 .sectionCon .sec02_list ul li .txWrap{padding-left:0px;}
 .section01 .sectionCon .sec02_list ul li .txWrap strong{font-size:2.8rem;margin:30px 0;}
 .section01 .sectionCon .sec02_list ul li .txWrap span.tx{ font-size:3.5rem;}
 .section01 .sectionCon .sec02_list ul li .txWrap span.tx:before {width:100%;height:5px;}
 .section01 .sectionCon .sec02_list ul li .txWrap span.arr{font-size:16px; width:100%; display:block;}
 .section01 .sectionCon .sec02_list ul li .txWrap span.tx:before {content:'';width:100%;height:2px;position:absolute;left:0px;bottom:2px;background:#fff; z-index:10;}
 .section01 .sectionCon .sec_button{z-index:300;}



/* Á¦Ç°(¸ð¹ÙÀÏ) */
 .section03 .sectionCon .sec02_list ul li {width:100%;}
.section03 .sectionCon .m_pro_list .m_pro01 {z-index:10; position:absolute; left:0%; top:28%; }
.section03 .sectionCon .m_pro_list .m_pro02 {z-index:20; position:absolute; left:65%; top:65%;}
.section03 .sectionCon .m_pro_list .m_pro03 {z-index:5; position:absolute; left:0%; top:15%; position:relative;}
.section03 .sectionCon .m_pro_list .m_pro01 img {width:100%;}
.section03 .sectionCon .m_pro_list .m_pro02 img {width:100%;}
.section03 .sectionCon .m_pro_list .m_pro03 img {width:100%;} 

/*2Ä­1ÁÙ
 .section03 #mobile_sec04m {display:none;}
 .section03 #mobile_sec04b {display:block; height:1000px; width:100%;}
 .section03 #mobile_sec04b .product_btn {width:100%; padding-top:50px; float:center; text-align:center;}
 .section03 #mobile_sec04b .product_btn ul{display:inline; width:100%; float:left; text-align:center;}
 .section03 #mobile_sec04b .product_btn ul li{float:left; width:49.4%; height:350px; border:solid 1px #c3c3c3; margin-bottom:10px;  positive:relative; text-align:center; }
 .section03 #mobile_sec04b .product_btn ul li img {width:400px; text-align:center; float:center; padding:30px; display:inline;}
 .section03 #mobile_sec04b .product_btn ul li.long{float:left; width:100%;  border:solid 1px #c3c3c3; margin-bottom:30px; positive:relative; text-align:center; }
 .section03 #mobile_sec04b .product_btn ul li.long img {width:400px; text-align:center; float:center; padding:30px; display:inline;}*/
 /*.section03 .sectionCon .sec02_list ul li span.img img {width:100%;}
 .section03 .sectionCon .sec02_list ul li:first-child {margin-bottom:20px;}
 .section03 .sec03Col.col01{padding-top:0px; padding-bottom:40px;}
 .section03 .sec03Col.col01 .tx:after{ position:absolute; left:40%; top:0;}*/
/*.section03 .sectionCon .m_proCont{max-width:100%; margin:0 auto; line-height:1.4;  margin-bottom:50px;}
.section03 .sectionCon .m_pro_list .m_pro01 {width:100%; clear:both; positive:relative; content:'';}
.section03 .sectionCon .m_pro_list .m_pro02 {width:100%; clear:both; positive:relative; content:'';}
.section03 .sectionCon .m_pro_list .m_pro03 {width:100%; clear:both; positive:relative; content:'';}*/
/*.section03 .sectionCon .m_pro_list .m_pro01 {z-index:10; position:absolute; left:0; top:28%; }
.section03 .sectionCon .m_pro_list .m_pro02 {z-index:20; position:absolute; left:68%; top:60%;}
.section03 .sectionCon .m_pro_list .m_pro03 {z-index:5; position:absolute; left:0%; top:15%; position:relative;}
.section03 .sectionCon .m_pro_list .m_pro01 img {width:70%;}
.section03 .sectionCon .m_pro_list .m_pro02 img {width:95%;}
.section03 .sectionCon .m_pro_list .m_pro03 img {width:100%;}*/


/* ºñÁö´Ï½º(¸ð¹ÙÀÏ)*/
 .section04 {/*background:#11448f;*/ background: url('../../img/bg1.jpg') no-repeat 50% 50%;}
 .section04 #mainVisual {display:none;}
 .section04 .sectionCon .title {position:relative;}
 .section04 .sectionCon .title > h2 {font-size:3.3rem;}
 .section04 .sectionCon .title > p {font-size:1.3rem;}
 .section04 #mobileVisual {display:block;}
 .section04 #mobileVisual .box {width:60%;margin:20px auto 20px;text-align:center;}
 .section04 #mobileVisual .box {position:relative;background:rgba(255,255,255,0.1);padding:20px;border:solid 1px #c3c3c3;box-sizing:border-box;}
 .section04 #mobileVisual .box i {font-size:30px !important;;color:#fff;}
 .section04 #mobileVisual .box h1 {font-size:18px !important;;color:#fff;line-height:2;margin:5px 0px;}
 .section04 #mobileVisual .box span {font-size:13px !important;;color:#fff;line-height:1.5;word-break:keep-all;}
 .section01:after{display:none;}
 .section03:after{display:none;}
 .section04 #mainVisual .gallery-top .swiper-pagination-bullet {width:33.33333333333333333%;margin:0px;}
 
   
/* ÀÎÁõ(¸ð¹ÙÀÏ)*/
 .section.section05 {position: relative !important}
 .section.section05 .sectionCon{position: relative !important; padding-top:0;}
 .section05:after{display:none;}
 .section05 .sectionCon .sec03Cont{display:block; }
 .section05 .sec03Col.col01{width:100%; display:block; padding-left:10px; padding-right:10px; background: url('../../img/sec03_bg.jpg') no-repeat 50% 50%; margin:0 auto; padding-top:80px; padding-bottom:80px; text-align:center;}
 .section05 .sec03Col.col02{padding-left:10px;}
 .section05 .sec03Col.col02 .sec03_list{padding-left:0;}
 .section05 .sec03Col.col02 .sec03_list ul{/*margin-left:-40px;*/}
 .section05 .sec03Col.col01 .tx:after{display:none;}
 .section05 .sec03Col.col01 .sec_button{text-align: center; margin-top:50px;}
 

    .sectionWrap{position:relative; left:auto !important; top:auto !important; width: 100%; min-height:auto !important;height:auto !important;  }
    .section{position:relative;}
    .section .sectionCon{padding:45px 0; -webkit-transform: translate(0, 0);
    transform: translate(0, 0); -ms-transform: translate(0, 0);}
    .mainStep{display:none;}
    .sectionCon{position:static !important; margin-top:0 !important; min-height:auto !important;height:auto !important;}
    .section00 .btn_main_down{display:none;}
    .mainVisual .slidesItem .items{position: relative;}
    .section00 .mainVisual .slidesItem .items .pcImg img{position:relative; width:100%;}
    #video{height:auto !important; width:100% !important;}
    #video_bg{height:auto !important; width:100% !important;}
    .mainVisual .slidesItem .items .text img{top:60px; left:10px; height:200px;}
    .mainVisual .slick-arrow{display:none !important;}
    .mainVisual .slickDotsWrap{margin-left:0; left:10px; top:25px;}
    .appear-animation{opacity: 1 !important;     -webkit-animation-name: none !important; -moz-animation-name: none !important; -o-animation-name: none !important; animation-name: none !important;}
    .main_about .main_about_inner{padding:90px 0;}
    .main_about .main_about_inner .main_about_inner_txt{position: static; padding-right:10px; -webkit-transform: translate(0, 0); transform: translate(0, 0); -ms-transform: translate(0, 0);}
    .main_about .main_about_inner .main_about_inner_list{float:none; padding-top:50px;}
    .main_about .main_about_inner .main_about_inner_list{margin-left:-20px;}
    .main_about .main_about_inner .main_about_inner_list ul li{width:33.33%;}
    .mainVisual {height:800px}
}
/* ¸ð¹ÙÀÏ¿ë */
@media all and (max-width:777px) {
  
.section05 .sectionCon .sec03Cont{width:100%;}
    .mainTit{text-align: center; margin-bottom:10px; padding-top:0;}
    .mainTit .tit{font-size:25px; /*padding-top:30px; background-size: 59px 18px*/}
    .mainTit .sub {padding-bottom:15px; font-size:16px;}
    .mainTit .sub:after{content:""; display:block; width:38px; margin-left:-19px;}
    /*#video{display:none !important;}*/
    .mainVisual{margin-top:0; padding-top:65px; background:none !important; height:auto !important;}
    .mainVisual .slider{position: static;}
    .mainVisual .slider .slidesItem .items{position:static !important;}
    .mainVisual .slider .slidesItem .items .motionArea{display:none;}
    .mainVisual .slider .slidesItem .items .mSliderItem{display:block;}
    .section .sectionCon{padding-bottom:50px;}
    .mainVisual .sliderButtons button{width:30px; height:30px;  top:100px;  }
    .mainVisual .sliderButtons .sliderNext{left:45px;}
    .mainVisual .btnInp{display:block; position:absolute; left:50%; -webkit-transform:translate(-50%, 0); transform:translate(-50%, 0); -ms-transform:translate(-50%, 0); bottom:-50px; z-index:3}
 
    .sec_button{margin-top:30px;}
    .section01 .sectionCon .sec01Cont{padding-top:30px;}
    .sec01Cont .sec01ListBx {padding-left:0 ; margin-left:-10px;}
    .sec01Cont .sec01ListBx ul{float:none; width:100%;}
    .sec01Cont .sec01ListBx ul:after{content:""; display:block; clear:both;}
    .sec01Cont .sec01ListBx ul{margin-left:0 !important;}
    .sec01Cont .sec01ListBx ul:first-child{padding-bottom: 13px;}
    .sec01Cont .sec01ListBx ul li {padding-left:10px;}
    .sec01Cont .sec01ListBx ul li img{width:100%;}
    .sec01Cont .sec01ListBx ul li .tit{padding:10px 0 8px;}
    .sec01Cont .sec01ListBx ul li .tit > span{font-size:13px;}
    .sec01Cont .sec01ListBx ul li .tx{font-size:12px; padding-top:8px;}
    .jt_btn[lang="en"]{padding:8.5px 10px; font-size:12px; min-width: 110px;}

 /*section01 - ºñÀü(¸ð¹ÙÀÏ)*/
 .section01{background-color:#0085a1;}
.section01 .sectionCon .sec02Cont{ max-width:100%; margin:0 auto; line-height:1.4;  padding:100px 0; }
.section01 .sectionCon .sec02_list ul li .txWrap strong{display:block; font-size:35px; color:#fff;line-height:1.2; margin:35px 0px 20px 0; width:100%; content:'';}
 .section01 .sectionCon {width:100%;}
 .section01 .sectionCon .sec02_list {margin:50px;}
 .section01 .sectionCon .sec02_list ul:after{content:""; display:block; clear:both;}
 .section01 .sectionCon .sec02_list ul li{width:100%; float:none; box-sizing: border-box; padding-left:0px;}
 .section01 .sectionCon .sec02_list ul li {display:block; position:relative;}
 .section01 .sectionCon .sec02_list ul li .img {display:none;}
 .section01 .sectionCon .sec02_list ul li .txWrap{padding-left:0px;}
 .section01 .sectionCon .sec02_list ul li .txWrap strong{font-size:2.8rem;margin:30px 0;}
 .section01 .sectionCon .sec02_list ul li .txWrap span.tx{ font-size:3.5rem;}
 .section01 .sectionCon .sec02_list ul li .txWrap span.tx:before {width:100%;height:5px;}
 .section01 .sectionCon .sec02_list ul li .txWrap span.arr{font-size:13px;}
 .section01 .sectionCon .sec02_list ul li .txWrap span.tx:before {content:'';width:100%;height:2px;position:absolute;left:0px;bottom:2px;background:#fff; z-index:-1;}


/* Á¦Ç°(¸ð¹ÙÀÏ)*/
 .section03 .sectionCon .sec02_list ul li {width:100%;}
 .section03 #mobile_sec04m {display:none;}
 .section03 #mobile_sec04b {display:block;} 
 .section03 #mobile_sec04b .product_btn {padding-top:50px; float:center; text-align:center; z-index:300;}
 .section03 #mobile_sec04b .product_btn ul{ float:center; text-align:center;}
 .section03 #mobile_sec04b .product_btn ul li{ border:solid 1px #c3c3c3; margin-bottom:30px; positive:relative; text-align:center;}
 .section03 #mobile_sec04b .product_btn ul li img {width:400px; text-align:center; float:center; padding:30px; z-index:600;}
 .section03 #mobile_sec04b .product_btn ul li.long{float:left; width:100%; height:420px; border:solid 1px #c3c3c3; margin-bottom:30px; positive:relative; text-align:center; }
 .section03 #mobile_sec04b .product_btn ul li.long img {width:800px; text-align:center; float:center; padding:30px; display:inline;}
 .section03 #mobile_sec04b .product_btn ul li.long{float:left; width:100%; height:420px; border:solid 1px #c3c3c3; margin-bottom:30px; positive:relative; text-align:center; }
 .section03 #mobile_sec04b .product_btn ul li.long img {width:800px; text-align:center; float:center; padding:30px; display:inline;}

/*
.section03 .sectionCon .m_pro_list .m_pro01 {z-index:10; position:absolute; left:0; top:28%; }
.section03 .sectionCon .m_pro_list .m_pro02 {z-index:20; position:absolute; left:65%; top:65%;}
.section03 .sectionCon .m_pro_list .m_pro03 {z-index:5; position:absolute; left:0%; top:15%; position:relative;}
.section03 .sectionCon .m_pro_list .m_pro01 img {width:60%;}
.section03 .sectionCon .m_pro_list .m_pro02 img {width:100%;}
.section03 .sectionCon .m_pro_list .m_pro03 img {width:100%;}*/

/*.section03 #mobile_sec04m {display:none;}
 .section03 #mobile_sec04b {display:block; height:1200px; width:100%;}
 .section03 #mobile_sec04b .product_btn {float:left; width:100%; padding-top:50px; float:center; text-align:center;}
 .section03 #mobile_sec04b .product_btn ul{float:left; width:100%; float:center; text-align:center;}
 .section03 #mobile_sec04b .product_btn ul li{width:100%; border:solid 1px #c3c3c3; margin-bottom:30px; positive:relative; text-align:center;}
 .section03 #mobile_sec04b .product_btn ul li img {width:400px; text-align:center; float:center; padding:30px; }
 .section03 #mobile_sec04b .product_btn ul li.long{float:left; width:100%; height:420px; border:solid 1px #c3c3c3; margin-bottom:30px; positive:relative; text-align:center; }
 .section03 #mobile_sec04b .product_btn ul li.long img {width:800px; text-align:center; float:center; padding:30px; display:inline;}
 .section03 #mobile_sec04b .product_btn ul li.long{float:left; width:100%; height:420px; border:solid 1px #c3c3c3; margin-bottom:30px; positive:relative; text-align:center; }
 .section03 #mobile_sec04b .product_btn ul li.long img {width:800px; text-align:center; float:center; padding:30px; display:inline;}*/
 /*.section03 .sectionCon .sec02_list ul li span.img img {width:100%;}
 .section03 .sectionCon .sec02_list ul li:first-child {margin-bottom:20px;}
 .section03 .sec03Col.col01{padding-top:0px; padding-bottom:40px;}
 .section03 .sec03Col.col01 .tx:after{ position:absolute; left:40%; top:0;}*/
/*.section03 .sectionCon .m_proCont{max-width:100%; margin:0 auto; line-height:1.4;  margin-bottom:50px;}
.section03 .sectionCon .m_pro_list .m_pro01 {z-index:10; position:absolute; left:0; top:28%; }
.section03 .sectionCon .m_pro_list .m_pro02 {z-index:20; position:absolute; left:68%; top:60%;}
.section03 .sectionCon .m_pro_list .m_pro03 {z-index:5; position:absolute; left:0%; top:15%; position:relative;}
.section03 .sectionCon .m_pro_list .m_pro01 img {width:70%;}
.section03 .sectionCon .m_pro_list .m_pro02 img {width:95%;}
.section03 .sectionCon .m_pro_list .m_pro03 img {width:100%;}*/


/* ºñÁö´Ï½º(¸ð¹ÙÀÏ)*/
 .section04 {/*background:#11448f;*/background: url('../../img/bg1.jpg') no-repeat 50% 50%;}
 .section04 #mainVisual {display:none;}
 .section04 .sectionCon .title {position:relative; }
 .section04 .sectionCon .title > h2 {font-size:3.3rem;}
 .section04 .sectionCon .title > p {font-size:1.3rem;}
 .section04 #mobileVisual {display:block;}
 .section04 #mobileVisual .box {width:60%;margin:20px auto 20px;text-align:center;}
 .section04 #mobileVisual .box {position:relative;background:rgba(255,255,255,0.1);padding:20px;border:solid 1px #c3c3c3;box-sizing:border-box;}
 .section04 #mobileVisual .box i {font-size:30px !important;;color:#fff;}
 .section04 #mobileVisual .box h1 {font-size:18px !important;;color:#fff;line-height:2;margin:5px 0px;}
 .section04 #mobileVisual .box span {font-size:13px !important;;color:#fff;line-height:1.5;word-break:keep-all;}



    .section02 .sectionCon .sec02_list{margin-left:0;}
    .section02 .sectionCon .sec02_list ul li{float:none; width:100%; padding-left:0;}
    .section02 .sectionCon .sec02_list ul li:first-child{padding-bottom:30px;}
    .section02 .sectionCon .sec02_list ul li img{width:100%;}
    .section02 .sectionCon .sec02_list ul li > a .txWrap strong{font-size:14px;}
    .section02 .sectionCon .sec02_list ul li > a .txWrap span.tx{font-size:25px;}
    .white{ display:inline-block; margin-top:15px; color:#fff!important;}
    .section02:after{height:30%;}
    .section02 .sectionCon .sec02_list ul li > .tx{font-size:13px; color:#fff;}


.section05 .sec03Col.col02 .sec03_btn{ padding-top:20px; width:100%; margin-bottom:10px; }
.section05 .sec03Col.col02 .sec03_btn ul li.b01{float:left; margin-top:10px; width:100%; border:solid 1px #c3c3c3; text-align:center;}
.section05 .sec03Col.col02 .sec03_btn ul li.b02{float:left; margin-top:10px; width:100%; border:solid 1px #c3c3c3; text-align:center;}
.section05 .sec03Col.col02 .sec03_btn ul li.b03{float:left; margin-top:10px; width:100%; border:solid 1px #c3c3c3; text-align:center;}
.section05 .sec03Col.col02 .sec03_btn ul li.b04{float:left; margin-top:10px; width:100%; border:solid 1px #c3c3c3; text-align:center;}


.section05 .sec03Col.col02 .sec03_call{float:left; margin-top:30px; width:100%; border:solid 1px #c3c3c3; text-align:center;}
 
    /*.section05 .sec03Col.col01 .tit{font-size:17px;}
    .section05 .sec03Col.col01 .sub {font-size:25px;}
    .section05 .sec03Col.col01 .tx{font-size:14px;}
    .section05 .sec03Col.col01 .sec_button{margin-top:20px; /*text-align:center;*/}
    .section05 .sec03Col.col02 .sec03_list ul {/*margin-left:-10px; */padding-top:30px;}
    .section05 .sec03Col.col02 .sec03_list ul li{padding-left:10px; padding-top:15px; padding-bottom:15px;}
    .section05 .sec03Col.col02 .sec03_list ul li .txt{font-size:13px;}
 
 
 .section05 .sec03Col.col02 .sec03_list ul li .imgWrap img {width:100%;}*/
 
    .main_about .main_about_inner{padding:0px; min-height: auto}
    .main_about .main_about_inner .main_about_inner_txt .tit{font-size:25px;}
    .main_about .main_about_inner .main_about_inner_txt .sub{font-size:14px; padding-top:10px;}
    .main_about .main_about_inner .sec_button{margin-top:20px;}
    .main_about .main_about_inner .main_about_inner_list{padding-top:30px; margin-left:0px;}
    .main_about .main_about_inner .main_about_inner_list ul li{padding-left:10px;}
    .main_about .main_about_inner .main_about_inner_list ul li .box .tit{font-size:13px;}
    .main_about .main_about_inner .main_about_inner_list ul li .box .cate{font-size:12px;}
 .main_about .main_about_inner .main_about_inner_list ul li.idx01 .icn{width:26px; height:25px; background:url('') no-repeat 50% 50%; background-size: cover;}
 .main_about .main_about_inner .main_about_inner_list ul li.idx02 .icn{width:28px; height:27px; background:url('') no-repeat 50% 50%; background-size: cover;}
 .main_about .main_about_inner .main_about_inner_list ul li.idx03 .icn{width:28px; height:28px; background:url('') no-repeat 50% 50%; background-size: cover;}
 .main_about .main_about_inner .main_about_inner_list ul li .box .tit{padding-top:7px;}
 .main_about .swiper-pagination {margin-top:0px;}
    /*.mainVisual .slider.responsive{display:none;}*/
    /*.mainVisual .sliderMobile.responsive{display:block;}*/
    /*.mainVisual .mobileSlider {display:block;}*/
 
 .displaybrnone {display:none;}

}
#quick .overLayer{display: none; z-index:100; width: 100px; height: 27px; box-sizing:border-box; text-align:center;border:1px solid #333; background-color:#FFF; padding:3px; font-size:13px;  border-radius:3px; color:#111;}
#quick .tableLayer ul {padding:0; margin:0; list-style:none;position:fixed; left:50%;top:50%; width:360px; box-sizing: border-box; padding-left:0;  margin: 0 0 0 600px; z-index:19; }
#quick .tableLayer ul li{ padding:5px 5px;}
#quick .tableLayer ul li a{display:block; width:66px; height:66px; /*background-color:rgba(0,0,0,.5);*/ background-color:#1a3787; border-radius:50%; background-repeat:no-repeat; background-position:center center;}
#quick .tableLayer ul li a:hover{background-color:#f2e74f; }
#quick .tableLayer ul li.ico1 a{background-image:url("../img/quick1.png");}
#quick .tableLayer ul li.ico2 a{background-image:url("../img/quick2.png");}
#quick .tableLayer ul li.ico3 a{background-image:url("../img/quick3.png");}
#quick .tableLayer ul li.ico4 a{background-image:url("../img/quick4.png");}
#quick .overLayer:before {  content: "";  width: 0px;  height: 0px;  position: absolute;  border-left: 6px solid #333; 
border-right: 6px solid transparent; border-top: 6px solid transparent; border-bottom: 6px solid transparent; right: -12px; top:7px;}
#quick .overLayer:after { content: ""; width: 0px; height: 0px; position: absolute; border-left: 6px solid #fff;
border-right: 6px solid transparent; border-top: 6px solid transparent; border-bottom: 6px solid transparent; right: -10px; top:7px;}
#quick #floatMenu {z-index:99; position: absolute;  right: 30px; top: 150px;  overflow:hidden;}