@charset "utf-8";


.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;}
.mainWrap{position:relative; }
.mainStep{ position:fixed; left:50%;top:50%; width:360px; box-sizing: border-box; padding-left:0;  margin: 0 0 0 600px; z-index:19;}
.mainStep ul{text-align:left; position:absolute; left:100px; top:50%; -webkit-transform:translate(0, -50%); transform:translate(0, -50%); -ms-transform:translate(0, -50%); z-index: 2; width:180px; }
.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:30px; position:relative; line-height:30px; z-index: 2}
.mainStep ul a:after{content:""; display:block; width:100%; height:30px; border-radius: 50px; background-color:#0d3f9a; position:absolute; left:20px; 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-left:22px; display:block; z-index:2; font-size:13px; color:rgba(255,255,255,0.3);}
.mainStep ul a .txt:after{content:""; display:block; width:7px; height:7px; background:#525252; border-radius: 50px; position:absolute; left:-3px; top:12px;}
.mainStep ul a .txt:before{content:""; display:block; width:19px; height:19px; border:2px solid #525252; border-radius: 50px; position:absolute; left:-11px; top:4px; opacity: 0}
.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 .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{border-color:#fff; opacity: 1}

.mainStep.type02 ul:after{background: #d7d7d7}

.mainStep.type02 ul a .txt{color:#dfdfdf;}
.mainStep.type02 ul a .txt:after{background:#d7d7d7;}

.mainStep.type02 a:hover .txt{color:#07255d;}
.mainStep.type02 .on a .txt{color:#07255d;}

.mainStep.type02 ul .on a .txt:after,
.mainStep.type02 ul a:hover .txt:after{background-color:#07255d;}
.mainStep.type02 ul .on a .txt:before,
.mainStep.type02 ul a:hover .txt:before{border-color:#07255d; opacity: 1}



.sec_button{text-align: center; margin-top: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;}

/* main secstion */
.sectionWrap{/*position:absolute; left:0; top:0;*/ width: 100%;}
.section.bg .sectionCon{background-color:#f8f8f8;}

.section{position:relative; }
.section .sectionCon{}


/* title */
#video {
    position: relative;
    overflow: hidden;
}

.base-height{
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    z-index: -1;
}
/* content */
.mainVisual {height:560px !important; 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:1200px; height:100%; margin:0 auto; position:relative; z-index:2;}
.mainVisual .slider .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 .slider .slidesItem .items .motionArea .txInner{display: table-cell; vertical-align:middle; padding-top:0px; padding-left:10px;}
.mainVisual .slider .slidesItem .items .motionArea .motion {width:100%; text-align: left; padding-left:0px; opacity: 0; filter: alpha(opacity=0); display:inline-block; position:relative; top:20px; left:0; -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 {}
.mainVisual .slider .slidesItem .items .motionArea .motion.text02 {margin-top:10px;}
.mainVisual .slider .slidesItem .items .motionArea .motion.text03 {margin-top:10px;}
.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:0 !important;  left:0 !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;}


@media all and (max-width:1200px) {

}


.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:70px; height:70px; overflow:hidden; text-indent:-9999px; z-index:2; background-size: cover !important;}
.mainVisual .slick-arrow.slick-prev{background:url('/design/default/images/btn_prev2_black.png') no-repeat 0 0; left:-9999px;}
.mainVisual .slick-arrow.slick-next{background:url('/design/default/images/btn_next2_black.png') no-repeat 0 0; left:-9999px;}

.mainVisual .sliderButtons{/*max-width:1200px; margin:0 auto; position:relative;height:100%; z-index: 10;*/}
.mainVisual .sliderButtons button{width:70px; height:70px; overflow:hidden; position:absolute;  top:50%; text-indent:-9999px; z-index:10; background-size: cover !important; cursor:pointer;   margin-top:20px;}
.mainVisual .sliderButtons .sliderPrev{ background:url('/design/default/images/btn_prev2_black.png') no-repeat 0 0; left:50%; -webkit-transform:translate(-680px, -50%); -ms-transform:translate(-680px, -50%); transform:translate(-680px, -50%);}
.mainVisual .sliderButtons .sliderNext{ background:url('/design/default/images/btn_next2_black.png') no-repeat 0 0; right:50%; -webkit-transform:translate(680px, -50%); -ms-transform:translate(680px, -50%); transform:translate(680px, -50%);}
.mainVisual .btnInp{display:none;}

@media (max-width:1280px) {
  .mainVisual .sliderButtons{display:none;}
  .mainVisual .slider .slidesItem .items .motionArea .motion{padding-left:10px;}
}

.section00 {position:relative; height:560px !important; overflow:hidden;  margin-top:120px; }
.section00 .section00Wrap{overflow: hidden;width:100%;height:100%; box-sizing:border-box; position: relative; }
@media (max-width:900px) {
	.section00 {margin-top:65px; }
}





.section03 {position:relative;}


.main_about{ background:url('/ko/front/image/main/main_foot_bg.jpg') no-repeat 50% 50%; background-size: cover; padding-left:10px; padding-right:10px;}
.main_about .main_about_inner{max-width: 1200px; 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{float:right;}
.main_about .main_about_inner .main_about_inner_list ul:after{content:""; display:block; clear:both;}
.main_about .main_about_inner .main_about_inner_list ul li{float:left; padding-left:20px; box-sizing: border-box;}
.main_about .main_about_inner .main_about_inner_list ul li .box{display:block; position:relative; text-align: center; }
.main_about .main_about_inner .main_about_inner_list ul li .box .icn{display: inline-block;}
.main_about .main_about_inner .main_about_inner_list ul li .box .img{display:block;}
.main_about .main_about_inner .main_about_inner_list ul li .box .img img{vertical-align:top;}
.main_about .main_about_inner .main_about_inner_list ul li .box .box_item{position:absolute; left:0; top:50%; width:100%; text-align: center;  -webkit-transform:translate(0, -50%); transform:translate(0, -50%);-ms-transform:translate(0, -50%);  padding:10px;}
.main_about .main_about_inner .main_about_inner_list ul li .box .tit{display:block; color:#fff; font-size:19px; padding-top:12px;}
.main_about .main_about_inner .main_about_inner_list ul li .box .cate{display:block; font-size:15px; color:#fff; opacity: .8; padding-top:4px;}
.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('/ko/front/image/main/main_foot_icn01.png') no-repeat 50% 50%;}
.main_about .main_about_inner .main_about_inner_list ul li.idx02 .icn{width:51px; height:49px; background:url('/ko/front/image/main/main_foot_icn02.png') no-repeat 50% 50%;}
.main_about .main_about_inner .main_about_inner_list ul li.idx03 .icn{width:48px; height:48px; background:url('/ko/front/image/main/main_foot_icn03.png') no-repeat 50% 50%;}
.main_about .main_about_inner .sec_button{text-align: left;}


@media all and (max-width:1164px) {
    .mainWrap,
    .section {position:static !important;min-height:auto !important;height:auto !important; overflow:visible !important;}

    .sectionWrap{position:relative; left:auto !important; top:auto !important; width: 100%;}
    .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:500px}
    
}

@media all and (max-width:777px) {
    .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; 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:12px;}
    .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;}

    .main_about .main_about_inner{padding:45px 0; 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:-10px;}
    .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('/ko/front/image/main/main_foot_icn01_m.png') 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('/ko/front/image/main/main_foot_icn02_m.png') 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('/ko/front/image/main/main_foot_icn03_m.png') no-repeat 50% 50%; background-size: cover;}
	.main_about .main_about_inner .main_about_inner_list ul li .box .tit{padding-top:7px;}

    /*.mainVisual .slider.responsive{display:none;}*/
    /*.mainVisual .sliderMobile.responsive{display:block;}*/
    /*.mainVisual .mobileSlider {display:block;}*/

}