@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; } 
.mainWrap { position:relative; min-height:680px; height:100%; overflow:hidden; } 
.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:#21bbb1; } 
.mainStep.type02 ul .on a .txt:before,
.mainStep.type02 ul a:hover .txt:before { border-color:#21bbb1; 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 { 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: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:90px; padding-left:10px; } 
.mainVisual .slider .slidesItem .items .motionArea .motion { width:100%; text-align: left; padding-left:0px; opacity: 0; filter: alpha(opacity=0); display: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: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: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; } 
/*.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:1180px) { } 
.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: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: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; } 
 }
.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; background: #fff; } 
.section01:after { content:""; display:block; width:100%; height:40%; position:absolute; left:0; bottom:0; background: url('../../img/sec01_bg.jpg') no-repeat; /*background-color:#f6f6f6; */ z-index: 1 } 
.section01 .sectionCon { z-index: 2 } 
.section01 .sectionCon .sec02Cont { max-width:1180px; margin:0 auto; line-height:1.4; padding-top:20px; } 
.section01 .sectionCon .sec02_list { margin-left:-20px; } 
.section01 .sectionCon .sec02_list ul:after { content:""; display:block; clear:both; } 
.section01 .sectionCon .sec02_list ul li { width:50%; float:left; box-sizing: border-box; padding-left:20px; } 
.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:50px; } 
.section01 .sectionCon .sec02_list ul li .txWrap strong { display:block; font-size:38px; color:#666; line-height:1.2; margin:40px 0px; } 
.section01 .sectionCon .sec02_list ul li .txWrap span.tx { font-size:40px; color:#000; display:block; position:relative; } 
.section01 .sectionCon .sec02_list ul li .txWrap span.tx:before { content:''; width:243px; height:10px; position:absolute; left:0px; bottom:13px; background:#daf8f6; z-index:-1; } 
.section01 .sectionCon .sec02_list ul li .txWrap span.arr { font-size:15px; word-break:keep-all; } 
.section01 .sectionCon .sec02_list ul li .txWrap button { padding:13px 50px; border:solid 1px #000; font-size:15px; color:#333 !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:#fff; padding:0 10px; } 
.section02 .sectionCon .sec01Cont { max-width:1180px; margin:0 auto; line-height:1.4; padding-top:40px; } 
.sec01Cont .sec01ListBx { padding-left: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:20px; color:#000000; } 
.sec01Cont .sec01ListBx ul li .tit > .tit02 { } 
.sec01Cont .sec01ListBx ul li .tx { display:block; font-size:15px; color:#676767; padding-top:16px; } 
/*section03*/
.section03 { padding:0 10px; } 
.section03:after { content:""; display:block; width:100%; height:50%; position:absolute; left:0; top:0; background: url('../../img/sec02_bg.jpg') no-repeat; /*background-color:#f6f6f6; */ z-index: 1 } 
.section03 .sectionCon { z-index: 2 } 
.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:50%; 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; } 
/*section04*/
.section04 { position:relative; } 
.section04 .sectionCon { } 
.section04 .sectionCon .title { position:absolute; top:0%; z-index:99; width:100%; text-align:center; } 
.section04 .sectionCon .title h2 { font-size:40px; margin:200px 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; }/*height:100vh;*/
.section04 #mainVisual .swiper-container { height: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.1); 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(0,0,0,0.7); border:solid 1px #333; } 
.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 { max-width:1180px; margin:0 auto; line-height:1.4; display: table; table-layout: fixed; width:100%; padding-top:80px; } 
.section05 .sec03Col { display: table-cell; vertical-align:middle; } 
.section05 .sec03Col.col01 { width:480px; box-sizing: border-box; padding-left:10px; } 
.section05 .sec03Col.col01 .tit { font-size:25px; font-weight: 200; color:#ffffff; } 
.section05 .sec03Col.col01 .sub { font-size:43px; color:#ffffff; } 
.section05 .sec03Col.col01 .tx { font-size:17px; 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 { width:100%; padding-right:10px; } 
.section05 .sec03Col.col02 .sec03_list { padding-left:60px; } 
.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:1164px){
 .mainWrap,
 .section { position:static !important; min-height:auto !important; height:auto !important; overflow:visible !important; } 
 .section.section02 { position: relative !important } 
 .section.section02 .sectionCon { position: relative !important } 
 .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; } 
 .section05 .sec03Col.col02 { padding-left:10px; } 
 .section05 .sec03Col.col02 .sec03_list { padding-left:0; } 
 .section05 .sec03Col.col02 .sec03_list ul { /*margin-left:-40px; */ } 
 
 .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:970px){
.section04 #mainVisual .swiper-container .swiper-wrapper .swiper-slide {}
}

@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; 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 .sectionCon .sec02Cont { max-width:100%; margin:0 auto; line-height:1.4; padding-top:20px; } 
 .section01 .sectionCon .sec02_list { margin-left:0px; } 
 .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:28px; margin:20px 0px; } 
 .section01 .sectionCon .sec02_list ul li .txWrap span.tx { font-size:30px; } 
 .section01 .sectionCon .sec02_list ul li .txWrap span.tx:before { width:40%; height:5px; } 
 .section01 .sectionCon .sec02_list ul li .txWrap span.arr { font-size:13px; } 
 
 .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; } 
 .section03 .sectionCon .sec02_list ul li { width:100%; } 
 .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:40px; padding-bottom:40px; } 
 .section03 .sec03Col.col01 .tx:after { position:absolute; left:40%; top:0; } 
 
 .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; } 
 .section04 { background:#000; } 
 .section04 #mainVisual { display:none; } 
 .section04 .sectionCon .title { position:relative; } 
 .section04 .sectionCon .title > h2 { font-size:25px; } 
 .section04 .sectionCon .title > p { font-size:17px; } 
 .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; } 
 
 
 .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; } 
 }