*{font-family: 'Gowun Batang', serif;}


@charset "utf-8";
#footer {margin-top:0px;}
#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; right:100px;top:50%; width:auto; box-sizing: border-box; z-index:1119 !important;}
.mainStep ul{text-align:left; position:relative;  -webkit-transform:translate(0, -50%); transform:translate(0, -50%); -ms-transform:translate(0, -50%); z-index: 200; width:auto;transition:all .4s ease;}
.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:11px; color:rgba(255,255,255,0.3);letter-spacing:1px;}
.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:23px; height:23px; 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:#b09a6c;}
.mainStep.type02 .on a .txt{color:#b09a6c;}
.mainStep.type02 ul .on a .txt:after,
.mainStep.type02 ul a:hover .txt:after{background-color:#b09a6c;}
.mainStep.type02 ul .on a .txt:before,
.mainStep.type02 ul a:hover .txt:before{border-color:#b09a6c; opacity: 1}
@media all and (max-width:1500px) {
.mainStep {right:-70px !important;;transition:all .4s ease;}
}
.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: 'Gowun Batang', 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 !important;
}
/* 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;}
.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: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:'Gowun Batang',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 .slick-list {height:100%;}
.mainVisual .slick-list .slick-track {height:100%;}
.mainVisual .slick-dots{position:absolute; left:0; bottom:150px; 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);display:inline-block;border-radius:30px;transition:all .4s ease;margin:0px 5px;}
.mainVisual .slick-dots > li:hover{background: #fff;}
.mainVisual .slick-dots > li.slick-active{background: #fff; width:30px;}
.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:58px; height:58px;background:none;border-radius:58px;border:solid 1px #fff; overflow:hidden; position:absolute;  top:50%;z-index:10; background-size: cover !important; cursor:pointer;transition:all .4s ease}
.mainVisual .sliderButtons button i {color:#fff;font-size:20px;transition:all .4s ease}
.mainVisual .sliderButtons button:hover {background:#fff;}
.mainVisual .sliderButtons button:hover i {color:#000;font-size:20px;}
.mainVisual .sliderButtons .sliderPrev{left:47%; -webkit-transform:translate(-600px, -50%); -ms-transform:translate(-600px, -50%); transform:translate(-600px, -50%);}
.mainVisual .sliderButtons .sliderNext{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;}
}
.section00 {position:relative; overflow:hidden;}
.section00 .section00Wrap{overflow: hidden;width:100%;height:100%; box-sizing:border-box; position: relative; }
/*section01*/
.section01{padding:0 10px;overflow:hidden;}
.section01:after{content:""; display:block; width:100%; height:100%; position:absolute; left:0; bottom:0; background: url('../../img/220404_main_section4_visual1.png') no-repeat;background-size:cover;z-index: 1;transition:all 1s ease;transform:scale(1); -webkit-transform:scale(1); -moz-transform:scale(1)}
.section01.active:after {  transform:scale(1.1); -webkit-transform:scale(1.1); -moz-transform:scale(1.1);transition:all 6s ease;}
.section01 .sectionCon{z-index: 2}
.section01 .sectionCon .sec02Cont{ max-width:1180px; margin:0 auto; line-height:1.4;}
.section01 .sectionCon .sec02_list {}
.section01 .sectionCon .sec02_list ul:after{content:""; display:block; clear:both;}
.section01 .sectionCon .sec02_list ul li{width:100%; float:left; box-sizing: border-box;}
.section01 .sectionCon .sec02_list ul li {display:block; position:relative;}
.section01 .sectionCon .sec02_list ul li .txWrap{display:block;text-align: right;width:100%;}
.section01 .sectionCon .sec02_list ul li .txWrap span.tx{ font-size:90px; color:#fff; display:block;position:relative;line-height:1;padding-right:50px;transition:all 1.5s ease-out;opacity:0;}
.section01 .sectionCon .sec02_list ul li .txWrap span.tx2{ font-size:45px; color:#fff; display:block;position:relative;padding-right:30px;transition:all 4.5s ease;opacity:0;}
.section01 .sectionCon .sec02_list ul li .txWrap span.arr{font-size:20px;word-break:keep-all;color:#fff;display:block;margin-top:30px;font-weight:normal;padding-right:30px;transition:all 1.5s ease-out;opacity:0;}
.section01 .sectionCon .sec02_list ul li .sec_button{margin-top:40px;text-align:right;padding-right:50px;transition:all 1.5s ease;opacity:0;}
.section01 .sectionCon .sec02_list ul li .sec_button span {font-weight:normal;}
.section01.active .sectionCon .sec02_list ul li .txWrap span.tx{padding-right:0px;opacity:1;}
.section01.active .sectionCon .sec02_list ul li .txWrap span.tx2{padding-right:0px;opacity:1;}
.section01.active .sectionCon .sec02_list ul li .txWrap span.arr{padding-right:0px;opacity:1;}
.section01.active .sectionCon .sec02_list ul li .sec_button{padding-right:0px;opacity:1;}

/*section02*/
.section02{padding:0 10px;overflow:hidden;}
.section02:after{content:""; display:block; width:100%; height:100%; position:absolute; left:0; bottom:0; background: url('../../img/220316_main_section3_visual2.jpg') no-repeat;background-size:cover;z-index: 1;transition:all 1s ease;transform:scale(1); -webkit-transform:scale(1); -moz-transform:scale(1)}
.section02.active:after {  transform:scale(1.1); -webkit-transform:scale(1.1); -moz-transform:scale(1.1);transition:all 6s ease;}
.section02 .sectionCon{z-index: 2}
.section02 .sectionCon .sec03Cont{ max-width:1180px; margin:0 auto; line-height:1.4;}
.section02 .sectionCon .sec03_list {}
.section02 .sectionCon .sec03_list ul:after{content:""; display:block; clear:both;}
.section02 .sectionCon .sec03_list ul li{width:100%; float:left; box-sizing: border-box;}
.section02 .sectionCon .sec03_list ul li {display:block; position:relative;}
.section02 .sectionCon .sec03_list ul li .txWrap{display:block;text-align: left;width:100%;}
.section02 .sectionCon .sec03_list ul li .txWrap span.tx{ font-size:90px; color:#fff; display:inline-block;position:relative;line-height:1;padding-left:50px;transition:all 1.5s ease-out;opacity:0;}
.section02 .sectionCon .sec03_list ul li .txWrap span.tx2{ font-size:45px; color:#fff; display:block;position:relative;padding-left:30px;transition:all 4.5s ease;opacity:0;}
.section02 .sectionCon .sec03_list ul li .txWrap span.arr{font-size:20px;word-break:keep-all;color:#fff;display:block;margin-top:30px;font-weight:normal;padding-left:30px;transition:all 1.5s ease-out;opacity:0;}
.section02 .sectionCon .sec03_list ul li .sec_button{margin-top:40px;text-align:left;padding-left:50px;transition:all 1.5s ease;opacity:0;}
.section02 .sectionCon .sec03_list ul li .sec_button span {font-weight:normal;}
.section02 .sectionCon .sec03_list ul li .sec_button a {margin-right:10px;}
.section02.active .sectionCon .sec03_list ul li .txWrap span.tx{padding-left:0px;opacity:1;}
.section02.active .sectionCon .sec03_list ul li .txWrap span.tx2{padding-left:0px;opacity:1;}
.section02.active .sectionCon .sec03_list ul li .txWrap span.arr{padding-left:0px;opacity:1;}
.section02.active .sectionCon .sec03_list ul li .sec_button{padding-left:0px;opacity:1;}

/*section03*/
.section03 {position:relative;}
.section03 .sectionCon {}
.section03 .sectionCon .title {position:absolute;top:18%;z-index:99;width:100%;text-align:center;}
.section03 .sectionCon .title h2 {font-size:45px;margin:0px 0px 10px !important;color:#fff;font-weight:normal;}
.section03 .sectionCon .title p {font-size:20px;margin:0px 0px 0px !important;color:#fff;}
.section03 .swiper-container-android .swiper-slide, .section04 .swiper-wrapper {transform:inherit !important;}
.section03 #mobileVisual {display:none;}
.section03 #mainVisual {position:relative; width:100%; overflow:hidden;margin:0px auto;height:100vh;}
.section03 #mainVisual .swiper-container {height:100%;}
.section03 #mainVisual .inner {width:1300px;position:absolute;top:45%;left:50%;margin-left:-650px;}
.section03 #mainVisual .gallery-top .swiper-slide {position:relative; width:100%; overflow:hidden; text-align:center; transform: scale(1);}
.section03 #mainVisual .gallery-top .swiper-slide img {position:relative; width:100%; text-align:center;}
.section03 #mainVisual .gallery-top .swiper-slide > div {height:100%;overflow:hidden;}
.section03 #mainVisual .gallery-top .swiper-slide.swiper-slide-active > div {-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 ;}
.section03 #mainVisual .gallery-top .swiper-slide.swiper-slide-active {}
.section03 #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 ;}
.section03 #mainVisual .gallery-top .swiper-pagination {z-index:999;position:absolute;width:100%;display:inline-block;top:45%;}
.section03 #mainVisual .gallery-top .swiper-pagination-bullet {width:302px;height:260px;border-radius:0px;margin:0px 15px;z-index:999;display:inline-block;background:none;text-indent:-9999px;}
.section03 #mainVisual .gallery-thumbs {position:absolute;height:260px;width:100%;text-align:center;display:inline-block;}
.section03 #mainVisual .gallery-thumbs .swiper-wrapper {display:block !important;text-align:center;font-size:0px;}
.section03 #mainVisual .gallery-thumbs .swiper-slide {display:inline-block;}
.section03 #mainVisual .gallery-thumbs .swiper-slide:last-child {margin-right:0px !important;}
.section03 #mainVisual .gallery-thumbs .swiper-slide .box {position:relative;background:rgba(255,255,255,0.1);padding-top:15%;height:260px;border:solid 1px #c3c3c3;box-sizing:border-box;border-radius:20px;}
.section03 #mainVisual .gallery-thumbs .swiper-slide .box h1 {font-size:40px !important;;color:#fff;line-height:2;margin:10px 0px 0px;font-family: 'Gowun Batang';opacity:0.3;}
.section03 #mainVisual .gallery-thumbs .swiper-slide .box span {font-size:25px !important;;color:#fff;line-height:1;font-family: 'Gowun Batang';}
.section03 #mainVisual .gallery-thumbs .swiper-slide.swiper-slide-thumb-active .box {position:relative;background:rgba(0,0,0,0.7);border:solid 1px #333;}
.section03 #mainVisual .gallery-thumbs .swiper-slide.swiper-slide-thumb-active .box h1 {color:#fff;}
.section03 #mainVisual .gallery-thumbs .swiper-slide.swiper-slide-thumb-active .box span {color:#fff;}
/*section04*/
.section04 {position:relative;}
.section04 .sectionCon {}
.section04 .sectionCon .title {position:absolute;top:10%;z-index:99;width:100%;text-align:center;}
.section04 .sectionCon .title h2 {font-size:45px;margin:0px 0px 10px !important;color:#111;font-weight:normal;}
.section04 .sectionCon .title p {font-size:20px;margin:0px 0px 0px !important;color:#666;}
.section04 .sectionCon .noti-content {position:relative; width:100%; overflow:hidden;margin:0px auto;height:100vh;}

.section04 .sectionCon table#chcul {width:1300px;position:absolute;top:35%;left:50%;margin-left:-650px;transform:unset;border-top:solid 1px #ddd;}
.section04 .sectionCon table#chcul tr {}
.section04 .sectionCon table#chcul tr.board_output_4_tr td:first-child {display:none;}
.section04 .sectionCon table#chcul tr td {padding:35px 40px;border-bottom:solid 0px #ddd;position:relative;font-size:17px;}
.section04 .sectionCon table#chcul tr td:before {position:absolute;left:0px;height:1px;width:100%;bottom:0px;content:'';background:#ddd;} 
.section04 .sectionCon table#chcul tr td .add-content {display:none;}
.section04 .sectionCon table#chcul tr td a {font-size:25px !important;width:80%;display:inline-block;transition:all 0.5s ease;font-family:'Gowun Batang' !important;}
.section04 .sectionCon table#chcul tr td a:hover {color:#af8d5c;text-decoration:none;}
.section04 .sectionCon table#chcul tr td .add-writer {font-size:17px;width:10%;display:inline-block;text-align:center;}
.section04 .sectionCon table#chcul tr td > span {font-size:17px;width:10%;display:inline-block;text-align:right;}
.section04 .sectionCon .more-btn {position:absolute;left:0px;width:100%;top:50%;margin-top:320px;text-align:center;}
.section04 .sectionCon .more-btn a {font-size:20px;color:#666;position:relative;display:inline-block;}
.section04 .sectionCon .more-btn a:before {content:'';position:absolute;right:-30px;top:13px;height:2px;width:15px;background:#af8d5c;transition:all 0.5s ease;}
.section04 .sectionCon .more-btn a:hover:before {width:55px;right:-70px;}

@media all and (max-width:1400px) {
.section03 #mainVisual .inner {width: calc(100% - 40px);position:absolute;top:45%;left:0px;margin-left:0px;padding:0px 20px;}
.section03 #mainVisual .gallery-top .swiper-pagination-bullet {width:22%;}
.section04 .sectionCon table#chcul {width: calc(100% - 20px);position:absolute;left:0px;margin-left:0px;padding-left:20px;border-top:0px;}
}
@media all and (max-width:1164px) {
 .mainTit {padding-top:30px;}
    .mainWrap,
    .section {position:relative !important;min-height:auto !important;height:100vh !important;overflow:visible !important;}
    .section.section02 {position: relative !important}
    
 .section01:after {z-index:-1;}
 .section01.active:after {transform: scale(1);transition:unset}
 .section01 .sectionCon .sec02_list ul li .txWrap span.tx{padding-right:0px;opacity:1;font-size:50px;}
 .section01 .sectionCon .sec02_list ul li .txWrap span.tx2{padding-right:0px;opacity:1;font-size:35px;}
 .section01 .sectionCon .sec02_list ul li .txWrap span.arr{padding-right:0px;opacity:1;font-size:16px;}
 .section01 .sectionCon .sec02_list ul li .sec_button{padding-right:0px;opacity:1;}
 .section01 .sectionCon{padding:245px 50px 0px 0px;}
 .section02:after {z-index:-1;}
 .section02.active:after {transform: scale(1);transition:unset}
 .section02 .sectionCon .sec03_list ul li .txWrap span.tx{padding-left:0px;opacity:1;font-size:50px;}
 .section02 .sectionCon .sec03_list ul li .txWrap span.tx2{padding-left:0px;opacity:1;font-size:35px;}
 .section02 .sectionCon .sec03_list ul li .txWrap span.arr{padding-left:0px;opacity:1;font-size:16px;}
 .section02 .sectionCon .sec03_list ul li .sec_button{padding-left:0px;opacity:1;}
 .section02 .sectionCon{padding:245px 0px 0px 50px;}
 
 .section04 #mainVisual .gallery-top .swiper-pagination-bullet {width:33.33333333333333333%;margin:0px;}
 
    .section.section05 {position: relative !important;height:auto !important;}
    .section.section05 .sectionCon{position: relative !important; padding-top:0;}
    .section05:after{display:none;}
     
    .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 !important;}
    .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;}
    
    
    
}
@media all and (max-height:800px) {
 .mainWrap,
    .section {height:120vh !important;}
    .section.section02 {position: relative !important}
 }
 
@media all and (max-width:1024px) {
.section02:after{background: url('../../img/m_main_section3_visual.jpg');background-size:cover; }
.section03 .sectionCon .title h2 {font-size:30px;}
.section03 .sectionCon .title p {font-size:16px;}
.section03 #mainVisual .gallery-thumbs .swiper-slide .box h1 {font-size:30px !important;}
.section03 #mainVisual .gallery-thumbs .swiper-slide .box span {font-size:19px !important;}
.section03 #mainVisual .gallery-thumbs .swiper-slide .box {height:202px;}
.section03 #mainVisual .gallery-top .swiper-pagination-bullet {height:202px;width:21%;}
.section04 .sectionCon .title h2 {font-size:30px;}
.section04 .sectionCon .title p {font-size:16px;}
.section04 .sectionCon table#chcul tr td {padding:35px 0px;}
.section04 .sectionCon table#chcul tr td a {font-size:20px !important;width:70%;}
.section04 .sectionCon table#chcul tr td:nth-child(3) {font-size:14px;width:15%;}
.section04 .sectionCon .hp001 ul li > span {font-size:14px;width:15%;}

}
@media all and (max-width:737px) {
 .subContentWrap{min-height: auto}
 }
 
@media all and (max-width:777px) {
 
 .section {height:auto !important;}
    .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}
 .mainVisual .slick-dots {bottom:20px;}
 .section01 .sectionCon{padding:200px 20px }
 .section02 .sectionCon{padding:200px 20px }
 
    .sec_button{margin-top:30px;}
    
    .wr_btn[lang="en"]{padding:8.5px 10px; font-size:12px; min-width: 110px;}
 
 .section01 .sectionCon .sec02_list ul li .txWrap span.tx {font-size:30px;}
 .section01 .sectionCon .sec02_list ul li .txWrap span.tx2 { font-size:20px;}
 .section01 .sectionCon .sec02_list ul li .txWrap span.arr{font-size:13px;}
     
    .section02 .sectionCon .sec03_list ul li .txWrap span.tx{font-size:30px;}
 .section02 .sectionCon .sec03_list ul li .txWrap span.tx2{font-size:20px;}
 .section02 .sectionCon .sec03_list ul li .txWrap span.arr{font-size:13px;}
    .section03 #mobileVisual{display:block;text-align:center;}
 .section03 #mainVisual {display:none;}
 .section03 {background:url("../../img/main_section4_visual1.jpg") no-repeat center top;background-size:cover;padding:100px 0px;}
 .section03 .sectionCon .title {position:relative;margin-bottom:20px;}
 .section03 .sectionCon .title > h2 {font-size:25px;}
 .section03 .sectionCon .title > p {font-size:15px;}
 .section03 #mobileVisual .box {width:42%;text-align:center;display:inline-block;position:relative;background:rgba(255,255,255,0.1);border:solid 1px #c3c3c3;padding:20px 0px;border-radius:10px;margin-top:10px;}
 .section03 #mobileVisual .box:first-child {margin-right:10px;}
 .section03 #mobileVisual .box:nth-child(3) {margin-right:10px;}
 .section03 #mobileVisual .box h1 {font-size:18px !important;;color:#fff;line-height:2;margin:5px 0px;font-family: 'Gowun Batang';opacity:0.3;}
 .section03 #mobileVisual .box span {font-size:13px !important;;color:#fff;line-height:1.5;font-family: 'Gowun Batang';}
 .section03 .sectionCon {padding:0px 20px;}
 
 .section04 .sectionCon {padding:100px 0px;}
 .section04 .sectionCon .title h2 {font-size:25px;}
 .section04 .sectionCon .title p {font-size:16px;}
 .section04 .sectionCon .title {padding:0px 20px;position:relative;margin-bottom:30px;}
 .section04 .sectionCon table {width:calc(100% - 20px);}
 .section04 .sectionCon table#chcul tr td {padding:25px 0px;}
 .section04 .sectionCon table#chcul tr td a {font-size:15px !important;width:100%;}
 .section04 .sectionCon table#chcul tr td:nth-child(3) {display:none;}
 .section04 .sectionCon table#chcul tr td:nth-child(4) {font-size:12px;width:100%;text-align:left; display:none;}
 .section04 .sectionCon table#chcul {position:relative;width:100%;}
 .section04 .sectionCon .noti-content {height:auto;}
 .section04 .sectionCon .more-btn {position:relative;margin-top:20px;}
 .section04 .sectionCon .more-btn a {font-size:16px;}
 
 .displaybrnone {display:none;}
}