@charset "utf-8";
/* CSS Document */
/* *******************************************************
 * filename : 메인페이지 css
 * description : main/fullpage
******************************************************** */

#doc {opacity: 0; transition: all .3s ease;}
#doc.stable {opacity: 1;}

@media all and (max-width: 999px){
    #doc {opacity:1}
}
.body-slide-wr {position:relative;width:100%;height:100%;transition:margin 0.3s ease}
.body-slider-ovclick{position:fixed;z-index:1999;width:100%;height:100%;left:0;top:0;background:rgba(0,0,0,0.5)}

@media all and (max-width: 599px) {
    .body-slider-ovclick {display:none !important}
}

/*==== 더보기 버튼 공통 ============*/
a.more_view {width: 12rem; height: auto;}
a.more_view .circle {position: relative; display: block; margin: 0; width: 3.5rem; height: 3.5rem; background: #7d003f; border-radius: 2.625rem; transition: all 0.45s cubic-bezier(0.65, 0, 0.076, 1);}
a.more_view .circle .icon {position: absolute; top: 0; bottom: 0; margin: auto; background: #fff;transition: all 0.45s cubic-bezier(0.65, 0, 0.076, 1);}
a.more_view  .circle .icon.arrow {width: 1.125rem; height: 0.125rem; left: 1.1rem; transition: all 0.45s cubic-bezier(0.65, 0, 0.076, 1);}
a.more_view  .circle .icon.arrow::before {content:''; position: absolute; top: -0.25rem; right: 0.0625rem; width: 0.625rem; height: 0.625rem; border-top: 0.125rem solid #fff; border-right: 0.125rem solid #fff; transform: rotate(45deg); } 
a.more_view  .button-text {position: absolute; top: 0; left: 0; right: 0; bottom: 0 ; padding: 0.75rem 0; margin: 0 0 0 1.85rem; color: #222; font-weight: 700; line-height: 2; text-align: center; text-transform: uppercase; transition: all 0.45s cubic-bezier(0.65, 0, 0.076, 1);}
a.more_view:hover .circle { width: 100%;}
a.more_view:hover .circle .icon.arrow {background: #fff; transform: translate(1rem, 0);}
a.more_view:hover .button-text {color: #fff;}


/*==== 메인 공통 ============*/
.w-color {color: #fff!important}
.b-color {color: #000!important;}
.main-color {color: #7d003f!important}
.section .inSect {width:100%; height:100%; position:relative; box-sizing:border-box; display: table-cell; vertical-align: middle; }
.section .inSect .tit {position: relative; padding: 130px 0 0; margin: 0 0 43px; font-size: 20px; color: #fff; line-height: 1.1; font-weight: 700;}
.section .inSect .txt {font-size: 45px; color: #fff;display: block; letter-spacing: -.05em; word-break:keep-all; line-height: 1.3; font-weight: 300;}
.section .inSect .txt b {font-weight: 500;}
.section .fx {display: flex; }
.fp-enabled {height:auto}
.fp-section.fp-table,
.fp-slide.fp-table {box-sizing:border-box;position:relative}
#destroy, #undestroy {display:block;position:absolute;top:0;left:0;opacity:0}


/* fullpage UI */
.fp-menu-pkg {display:block;position:fixed;width:86px;height:100%;right:0;top:0;box-sizing:border-box;padding:91px 0 0;z-index:2}
.fp-menu-pkg .fp-menu-wr {display:block;position:relative;width:100%;height:100%;border-left:1px solid rgba(255, 255, 255, .3);transition:all .3s ease}
.fp-menu-pkg #fp-menu {display:block;position:absolute;width:50px;left:0;top:50%;transform:translateX(-50%) translateY(-50%)}
.fp-menu-pkg #fp-menu li {display:block;}
.fp-menu-pkg #fp-menu li a {display:block;position:relative;font-size:0;transition:all .3s ease; margin:0 0 12px}
.fp-menu-pkg #fp-menu li a .shape {display:block;width:10px;height:10px;box-sizing:border-box;border-radius:50%;margin:0 auto;background: #fff;}
.fp-menu-pkg #fp-menu li a .text {display:none;color:#fff;font-family:"play", dotum,sans-serif;font-size:12px;font-weight:600;white-space:nowrap;transition:all .3s ease;position: absolute;top: 50%;right: 0;transform: translateY(-50%) translateX(85%);}
.fp-menu-pkg #fp-menu li.active a{margin: 10px 0 15px;}
.fp-menu-pkg #fp-menu li.active a .shape {width: 19px;height: 19px;/*background:url('../../../img/main_indi_on.png') no-repeat 50% 50%!important;*/}
.fp-menu-pkg #fp-menu li.active a .text {display:block;}
.fp-menu-pkg .scrollBox {position:absolute;width:100%;left:0;bottom:0;color:#fff;text-align:center;display:none}
.fp-menu-pkg.baseDark .fp-menu-wr,.fp-menu-pkg.white .fp-menu-wr {border-left:1px solid rgba(102, 102, 102, .4)}
.fp-menu-pkg.baseDark #fp-menu li a .shape, .fp-menu-pkg.white #fp-menu li a .shape { background:#aaa}
.fp-menu-pkg.baseDark #fp-menu li.active a .text,.fp-menu-pkg.white #fp-menu li.active a .text {color:#111}
.fp-menu-pkg.footerLine {padding:0 0 291px;transition:all .4s linear}
.vh{ height:100%;}


/*============* MAIN VISUAL ============*/
#mainVisual {width: 100%; height: 100%; overflow: hidden;}
.main-visual-con .slick-track,
.main-visual-con .slick-list {
	/* -webkit-perspective: 2000;*/
	-webkit-backface-visibility: hidden;
}
.main-visual-con, 
.main-visual-con .slick-list,  
.main-visual-con .slick-track, 
.main-visual-item{
	height:100%;
}
.main-visual-con{z-index:1;}

/* 메인 비주얼 :: 이미지 */
.main-visual-item {position: relative;}
.main-visual-item:before {}
.main-visual-item .main-visual-pc-img,
.main-visual-item .main-visual-m-img {
	width:100%;
	height:100%;
	background-size:cover !important;
	-webkit-transition:transform 5000ms  ease-in-out ;
	-moz-transition:transform 5000ms ease-in-out ;
	-o-transition:transform 5000ms ease-in-out ;
	-ms-transition:transform 5000ms ease-in-out ;
    transition:transform 5000ms ease-in-out ;	
	 transform: scale(1.2) rotate(0.003deg);
	 box-sizing:border-box;
}
.main-visual-item .main-visual-m-img {display: none;}

/* 메인 비주얼 :: 텍스트 */
.main-visual-item .main-visual-txt-con {
	position:absolute; top:50%; left:0; width:100%;
	-ms-transform: translateY(-50%); 
    -o-transform: translateY(-50%); 
    -moz-transform: translateY(-50%);
    -webkit-transform: translateY(-50%); 
     transform: translateY(-50%);

    z-index: 2;
}
.main-visual-item .main-visual-txt-con .main-visual-txt1,
.main-visual-item .main-visual-txt-con .main-visual-txt2 {
	opacity:0;filter:Alpha(opacity=0);
	-webkit-transition:opacity 1.0s 0s, transform 1.0s 0s;
	-moz-transition:opacity 1.0s 0s, transform 1.0s 0s;
	-o-transition:opacity 1.0s 0s, transform 1.0s 0s;
	-ms-transition:opacity 1.0s, transform 1.0s 0s;
	transition:opacity 1.0s 0s, transform 1.0s 0s;
}
.main-visual-item .main-visual-txt-con .main-visual-txt1 {display: block;font-size: 50px;font-weight: 200;letter-spacing: -2px;color: #fff;line-height: 1.2;}
.main-visual-item .main-visual-txt-con .main-visual-txt1 span b{font-weight: 600;font-size: 100px;}
.main-visual-item .main-visual-txt-con .main-visual-txt1 strong{font-size: 50px; display: block; margin-top: 15px;}


.main-visual-item .main-visual-txt-con .main-visual-txt2 {display: block;font-size: 50px;font-weight: 200;letter-spacing: -2px;color: #171169;line-height: 1.2;}
.main-visual-item .main-visual-txt-con .main-visual-txt2 span b {font-weight: 600; font-size: 100px;}
.main-visual-item .main-visual-txt-con .main-visual-txt2 strong{font-size: 50px; display: block;margin-top: 15px;}

.main-visual-item .main-visual-txt-con .main-visual-txt3 {font-size:38px;letter-spacing: 0;line-height:1.5;color:#fff;font-weight:300;}
.main-visual-item .main-visual-txt-con .main-visual-txt3 span b {font-weight: 600; font-size: 80px;}
.main-visual-item .main-visual-txt-con .main-visual-txt3 strong{font-size: 50px; display: block;}


/*다국어*/
.lang_eng .main-visual-item .main-visual-txt-con .main-visual-txt2 {font-size: 55px}
/*morebtn*/
.main-visual-item .main-visual-txt-con .more_btn{display: flex; justify-content: center; padding-top: 50px; width: 10%; margin: 0 auto;}
.main-visual-item .main-visual-txt-con .more_btn span{font-size: 14px; color: #fff; margin-right: 10px; position: relative; }
.main-visual-item .main-visual-txt-con .more_btn span::before{content: ""; display: block; width: 50px; height: 50px; background-color: #171169;position: absolute; left: -28px; top: -17px; z-index: -1; transition: all .3s;}
.main-visual-item .main-visual-txt-con .more_btn img{}
.main-visual-item .main-visual-txt-con .more_btn:hover span::before{width: 175px; }
.main-visual-item .main-visual-txt-con .white span{color:#000 ;}
.main-visual-item .main-visual-txt-con .white span::before{content: ""; display: block; width: 50px; height: 50px; background-color: #eeeeee;position: absolute; left: -28px; top: -17px; z-index: -1; transition: all .3s;}

/*white 버전 2021-04-01 이미지교체로 인한 추가*/
/*
#mainVisual.white .main-visual-item .main-visual-txt-con .main-visual-txt1{ color:#333}
#mainVisual.white .main-visual-item .main-visual-txt-con .main-visual-txt2{ color:#333}
#mainVisual.white .main-visual-con .slick-dots li .loading-bar-line{background-color: rgba(0,0,0,0.25);}
#mainVisual.white .main-visual-controls .stop-pause-controls i{ color:#333}
#mainVisual.white .main-visual-controls .paging-controls{ color:#333}
#mainVisual.white .btnMotion.prev .iconArrow{background-position: -913px -2px;}
#mainVisual.white .btnMotion.next .iconArrow{background-position: -1113px -2px;}
*/
/* 메인 비주얼 :: active효과 */
.main-visual-item.active-item .main-visual-pc-img{
	-ms-transform: scale(1) rotate(0.003deg);
	-o-transform: scale(1) rotate(0.003deg);
	-moz-transform: scale(1) rotate(0.003deg);
	-webkit-transform: scale(1) rotate(0.003deg);
	transform: scale(1) rotate(0.003deg);
}
.main-visual-item.active-item .main-visual-txt1,
.main-visual-item.active-item .main-visual-txt2{
	opacity:1.0;filter:Alpha(opacity=100);
	-ms-transform: translateX(0px); 
    -o-transform: translateX(0px); 
    -moz-transform: translateX(0px);
    -webkit-transform: translateX(0px); 
     transform: translateX(0px);
}
.main-visual-item.active-item .main-visual-txt-con .main-visual-txt1 {-webkit-transition-delay:0.3s;-moz-transition-delay:0.3s;-o-transition-delay:0.3s;-ms-transition-delay:0.3s;transition-delay:0.3s;}
.main-visual-item.active-item .main-visual-txt-con .main-visual-txt2 {-webkit-transition-delay:0.3s;-moz-transition-delay:0.3s;-o-transition-delay:0.3s;-ms-transition-delay:0.3s;transition-delay:0.3s;}

/* 메인비주얼  :: 컨트롤영역 */
.main-visual-controls {position: absolute; top: 67.8%; left: 0; z-index: 12; width: 3%; height:300px; }
.main-visual-controls .main-area-box{position: relative;}
.main-visual-controls .prev-visual-btn {cursor: pointer; display:inline-block; color: #fff; font-weight: bold; position: absolute;top: 45px; left: 0; width: 100%;text-align: center;}
.main-visual-controls .next-visual-btn {cursor: pointer; display:inline-block; color: #fff; font-weight: bold; position: absolute;  top: 240px; left: 0; text-align: center; width: 100%;} 

/* 메인비주얼 :: paging 영역 */
.main-visual-con .slick-dots-wrapper{position:absolute; left: 0; text-align:center; top: 67.8%; z-index:12; width:3%;height: 300px; background-color: #171169; box-sizing:border-box;}
.main-visual-con .slick-dots-wrapper {text-align:left;}
.main-visual-con .slick-dots{ margin-top: 90px;}
.main-visual-con .slick-dots li{/*float:left; margin:0 16px;*/ margin: 30px 0; cursor:pointer;}
.main-visual-con .slick-dots li a {position: relative; display:block; width: 7px; height: 7px; background: #fff; cursor: pointer; margin:0 auto;}
.main-visual-con .slick-dots li.active-item a{width:1px ; height: 1px;}
.main-visual-con .slick-dots li.active-item a:before {content:''; position: absolute; top: 50%; left: 50%; transform: translate(-50%,-50%); width: 0; height: 0; border-bottom: 10px solid #fff;
    border-top: 10px solid transparent;
    border-left: 10px solid transparent;
    border-right: 10px solid #fff;}

/* 메인 비주얼 :: 스크롤아이콘 */
.main-scroll-icon{
	position:absolute; bottom:68px; width:100px; left:0; text-align:center; z-index:9;
	transition:all 0.6s cubic-bezier(0.47, 0, 0.745, 0.715);	
}
.main-scroll-icon .scroll-circle-box{display:block; position:relative; width:14px; height:20px; border:2px solid #fff; margin:10px auto 0; -webkit-border-radius:30px;-moz-border-radius:30px;-o-border-radius:30px;border-radius:30px; }
.main-scroll-icon .scroll-circle-box:before{
	position:absolute; content:""; left:3px; top:5px; width:3px; height:3px; background-color:#fff; opacity:0; -webkit-border-radius:50%;-moz-border-radius:50%;-o-border-radius:50%;border-radius:50%;;
	animation:mouseScroll 1.5s infinite;
}
@keyframes mouseScroll {
  0% { opacity:1; transform: translateY(0px) }
  100% {opacity:0; transform: translateY(8px)}
}

/* 메인 비주얼 :: 애니메이션 */
.main-visual-txt-con .main-visual-txt-inner{ text-align:center;}
.main-visual-txt-con .title-line {
  display: block;
  /*padding-bottom: 0.1em;*/
  overflow-y: hidden;
}
.main-visual-txt-con .title-line span {
  position: relative;
  display: inline-block;
}
.active-item .main-visual-txt-con .title-line span {
  animation: text-up 1.5s cubic-bezier(0.4, 0, 0.2, 1) both;
  animation-delay:0.3s;
}
.active-item .main-visual-txt-con .title-line.main-visual-txt1 span {
  animation-delay: 0.5s;
}
.active-item .main-visual-txt-con .title-line.main-visual-txt2 span {
  animation-delay: 0.5s;
}
@keyframes text-up {
  from {
    transform: translate3d(0, 150%, 0);
  }
  to {
    transform: translate3d(0, 0, 0);
  }
}




/*====SECTION3  ============*/
#section2 {/*background: url(/img/value_bg.jpg)no-repeat; background-size: cover;*/ }
.main_inner{max-width: 1790px; width: 90%;margin: 0 auto; position: relative;}
.section2_bgtxt{ position: absolute; top: 300px; z-index: -1;}
#section2 .title{padding-top: 150px; }

#section2 .title h3{color: #171169; font-size: 48px; text-align: center;word-break: keep-all}
#section2 .main_sec2{display: flex; margin-top: 70px;}
#section2 .main_sec2 li{width: calc(100% / 3 - 40px); margin: 0 20px; position: relative; }
#section2 .main_sec2 li a{display: block;width: 100%; height: 100%; }
#section2 .main_sec2 li::after{content: ""; display: block; width: 1px; height: 860px; background-color: #ddd; position: absolute; top: -190px; right: 0;}
#section2 .main_sec2 li:last-child::after{display: none;}
#section2 .main_sec2 li h2{font-size: 26px; color: #111; text-align: center;}
#section2 .main_sec2 li h2 span{ position: relative;  }
#section2 .main_sec2 li h2 span::before{content: ""; position: absolute; bottom: 0; left: 0; width: 100%; height: 12px; background-color:#c7d4ed; z-index: -1;}
#section2 .main_sec2 li .main_sec2_img{margin: 50px 0; overflow: hidden; }
#section2 .main_sec2 li .main_sec2_img img{width: 100%; border-radius: 50px 0 50px 0; transition: all .3s ease-in-out;}
#section2 .main_sec2 li .main_sec2_txt{padding-left: 30px;}
#section2 .main_sec2 li .main_sec2_txt h4{font-size: 26px; color: #111; margin-bottom: 20px;}
#section2 .main_sec2 li .main_sec2_txt p{font-size: 20px; line-height: 1.5;color: #888; word-break: keep-all;}

#section2 .main_sec2 li:nth-child(2) a{display: flex; flex-direction: column;}
#section2 .main_sec2 li:nth-child(2)::after{right: -40px;}
#section2 .main_sec2 li:nth-child(2) h2{order: 1;}
#section2 .main_sec2 li:nth-child(2) .main_sec2_img{order: 3;}
#section2 .main_sec2 li:nth-child(2) .main_sec2_txt{order: 2; margin-top: 80px;}

#section2 .main_sec2 li a:hover .main_sec2_img img{transform: scale(1.1); }

/*====SECTION3 ============*/
#section3 {background: #e3eaf2 url('../../img/main_sec3_bg.jpg') center / cover no-repeat;}
#section3 .main_inner{width:1500px;}
#section3 .title{padding-top: 150px; }
#section3 .title h3{color: #171169; font-size: 48px; text-align: center;}
#section3 .main_secs_box{display: flex;align-items: center;gap:40px;margin-top:60px;}
#section3 .main_secs_box .left{width:100%;padding:0 ;}
#section3 .main_secs_box .left .tit{font-size:35px;color:#171169;word-break: keep-all;font-weight:bold;}
#section3 .main_secs_box .left .list{font-size:22px;color:#000;line-height: 1.4;margin-top:50px;word-break: keep-all}
#section3 .main_secs_box .left .list > div{}
#section3 .main_secs_box .right {display: flex;align-items: center;gap:40px;justify-content: center}
#section3 .main_secs_box .right > div{width:350px;border:1px solid #ddd;}
#section3 .main_secs_box .right > div img{width:100%;}

/*====SECTION4 ============*/
#section4{background-color: #f3f3f3; position: relative;}
#section4 .title{padding-top: 130px; }
#section4 .title h3{color: #171169; font-size: 48px; text-align: center;}

#section4 .title span{font-size: 35px; text-align: center; color: #111; display: inline-block; width: 100%; margin: 30px 0; font-weight: 300;}
#section4 .main_sec3_top{display: flex; position: relative; z-index: 10;gap:40px;margin-top:30px;}
#section4 .main_sec3_top > li{ width:calc(50% - 15px);}
#section4 .main_sec3_top > li > h2{ display: flex; justify-content: space-between; width: calc(100% - 20px); margin: 0 0 20px 20px;}
#section4 .main_sec3_top > li > h2 > span{font-size: 28px; color: #111;width: 50%; }
#section4 .main_sec3_top > li > h2 > a{color: #111;width: 50%; font-size: 14px; text-align: right;}
#section4 .main_sec3_top > li > h2 > a:hover{color:var(--main-color) ;}
#section4 .main_sec3_top > li:nth-child(1){}
#section4 .main_sec3_top > li:nth-child(2){}
#section4 .main_sec3_top > li > .view_con{ }

/*#section4 .main_sec3_bot ul{background-color: #000f53; height: 100%;!* padding-top: 245px; *!display: flex; text-align: center;}
#section4 .main_sec3_bot ul li{width: calc(100% / 3); cursor: pointer;}
#section4 .main_sec3_bot li a{display: block; width: 100%; height: 100%;}
#section4 .main_sec3_bot li a .main_sec3_mar{transform: translateY(260px);transition: all .3s; }
#section4 .main_sec3_bot li a img{ }
#section4 .main_sec3_bot li a span{color: #fff; font-size: 23px; vertical-align: middle; }*/
#section4 .line{position: relative;}
#section4 .line span:nth-child(1){width: 1px; height: 500px; display: block; position: absolute; left: 50%; top: 0; z-index: 99; background-color: #e5e5e5; opacity: 0.8;transform:translateX(-50%);}
/*#section4 .line span:nth-child(2){width: 1px; height: 864px; display: block; position: absolute; right: 517px; top: -189px; z-index: 99;  background-color: #e5e5e5; opacity: 0.8;} */

#section4 .main_sec3_bot li a:hover .main_sec3_mar{ transform: translateY(230px); }
.pic_lt li{position: relative;}
.pic_lt li::after{content: ""; display: block; width: 1px; height: 830px; background-color: #ddd; position: absolute; top: -225px; right: 0;}
.pic_lt li:nth-child(2)::after{right: -40px;}

#section5 {padding:50px 0 80px 0;background-color: #f3f3f3; }
#section5 .main_sec3_bot{ position:relative;/*transform: translateY(-200px);*/}
#section5 .main_sec3_bot .quick_contact{padding:50px;background:url('../../img/contact_bg.jpg') center / cover no-repeat;text-align: left;}
#section5 .main_sec3_bot .quick_contact h4{font-size:28px;font-weight:500;color:#fff;}
#section5 .main_sec3_bot .quick_contact p{font-size:16px;font-weight:300;color:#fff;margin-top:10px;word-break: keep-all;line-height: normal;text-align:left;}
#section5 .main_sec3_bot .quick_contact a{display: inline-block;margin-top:25px;padding:12px 14px;font-size:14px;font-weight:500;color:#fff;border:1px solid #ffff;}

.business7 .product_box{display:grid;grid-template-columns: 1fr 1fr 1fr 1fr; gap:50px;margin-top:55px;}
.business7 .product_box > div{border-radius: 20px;overflow: hidden;width:100%;height:500px;position:relative;cursor: pointer}
.business7 .product_box > div:first-child{background:url('../../img/product_02.jpg') center / cover no-repeat;}
.business7 .product_box > div:nth-child(2){background:url('../../img/product_03.jpg') center / cover no-repeat;}
.business7 .product_box > div:nth-child(3){background:url('../../img/product_04.jpg') center / cover no-repeat;}
.business7 .product_box > div:last-child{background:url('../../img/business10_img_01.jpg') center / cover no-repeat;}
.business7 .product_box > div > strong{text-align: center;font-size:28px;font-weight:bold;color:#171169;width:100%;display:block;position:absolute;bottom:125px;}
.business7 .product_box > div > span:nth-child(2){text-align: center;font-size:20px;font-weight:normal;color:#fff;width:100%;display:none;line-height: 1.5}
.business7 .product_box > div > span:last-child{text-align: center;font-size:18px;font-weight:normal;color:#fff;width:100%;display:none;}
.business7 .product_box > div:after {content:"";position:absolute;background: rgba(0, 15, 83, 0.85);width:100%;height:100%;display: block;top:0;left:0;opacity: 0;transition:all .4s;}
.business7 .product_box > div:hover {display: flex;align-items: center;justify-content: center;flex-direction:column;box-shadow:0 8px 14px rgba(0,0,0,.15) }
.business7 .product_box > div:hover > strong{position:relative;bottom:initial;z-index:2;color:#fff;}
.business7 .product_box > div:hover > span:nth-child(2){display:block;margin:100px 0;z-index:2}
.business7 .product_box > div:hover > span:last-child{display:flex;align-items:center;justify-content: center;gap:10px;z-index:2}
.business7 .product_box > div:hover:after{opacity: 1;z-index:1}

/* *******************************************************
 * 미디어쿼리 시작
******************************************************** */
@media all and (max-width:1640px){
    .business7 .product_box {gap:30px;}
    .business7 .product_box > div{height:32vw;}
    .business7 .product_box > div > strong{bottom:6vw;}
    .business7 .product_box > div:hover > span:nth-child(2){margin:4vw 0;}
    .business7 .product_box > div:hover > span{margin:2vw 0 0 0;}
    .main-visual-con .slick-dots-wrapper .area-box {padding: 0}
}
@media all and (max-width:1540px){
    .main_inner{width: 100%;height:100%;display: table-cell;vertical-align: middle;padding:0 50px;}
    .main-visual-item .main-visual-txt-con .main-visual-txt3 span b{font-size: 70px;}
    /*********메인-section1*************/
    #section3 .title{padding-top: 0}
    #section3 .main_sec2 li .main_sec2_txt h4{font-size: 26px;}
    #section3 .main_sec2 li::after{height: 1000px;}
    /*********메인-section2*************/
    #section2 .title{padding-top:0;}

    /*********메인-section3*************/
    #section4 .title{padding-top: 180px;}
    #section4 .title span{font-size: 30px;}
    #section4 .main_sec3_top >li> h2{}
    .pic_lt li::after{top: -290px; height: 1000px;}
    #section4 .main_sec3_top >li> h2> span{font-size: 24px;}
    #section4 .main_sec3_top> li> h2> a{font-size: 13px;}
    /* #section4 .line span:nth-child(1){left: 472px; height: 990px;}
    #section4 .line span:nth-child(2){right: 438px; height: 990px;} */
    #section4 .main_sec3_top > li{width:calc(50% - 20px);}
    #section3 .main_inner{width: 100%;}
    #section3 .main_secs_box .left{width:50%}
    #section3 .main_secs_box .right{width:50%;}
    #section3 .main_secs_box .right > div{width:50%;}
}
@media all and (max-width:1420px){

    /*********메인이미지*************/
    .main-visual-item .main-visual-txt-con .main-visual-txt1 {font-size: 38px;}
    .main-visual-item .main-visual-txt-con .main-visual-txt1 span b{font-size: 60px; }
    .main-visual-item .main-visual-txt-con .main-visual-txt1 strong{font-size: 50px; }
    .main-visual-item .main-visual-txt-con .main-visual-txt2 {font-size:38px;}
    .main-visual-item .main-visual-txt-con .main-visual-txt2 span b {font-size: 60px;}
    .main-visual-item .main-visual-txt-con .main-visual-txt2 strong{font-size: 50px; }
    .main-visual-item .main-visual-txt-con .main-visual-txt3 {font-size:38px;}
    .main-visual-item .main-visual-txt-con .main-visual-txt3 span b { font-size: 60px;}
    .main-visual-item .main-visual-txt-con .main-visual-txt3 strong{font-size: 50px; }

    /*********메인-section1*************/
    #section3 .title{}
    #section3 .main_sec2 li .main_sec2_txt h4{font-size: 22px;}

    /*********메인-section2*************/
    .pic_lt li::after{top: -273px;}
    .lat li a{font-size: 14px;}
    .lat .lt_info{font-size: 12px;}
    .pic_lt li{height: 460px;}
    .lat ul{height: 460px;}
    .lat li{}
    #section4 .main_sec3_bot li a span{font-size: 20px;}
    #section4 .main_sec3_bot li a img{width: 60px;}
    #section4 .main_sec3_bot li a .main_sec3_mar{transform: translateY(290px);}
}


@media all and (max-width:1220px){
 
    /* 메인비주얼 */
    .main-scroll-icon {left: -100px;}
    .main-visual-item .main-visual-txt-con .main-visual-txt1 {font-size: 33px;}
    .main-visual-item .main-visual-txt-con .main-visual-txt2 {font-size: 33px;}

   /*********메인-section2*************/
   #section4 .title span{font-size: 26px;}
   #section4 .main_sec3_top >li> h2{}
   #section4 .main_sec3_top >li> h2> span{font-size: 20px;}
   #section4 .main_sec3_top> li> h2> a{font-size: 12px;}
   /*.lat .lt_info{display: none;}*/
   .gallery_tit{font-size: 20px; padding: 0 10px;}

    .business7  {margin-top:40px;}
    .business7 .product_box {grid-template-columns: 1fr 1fr;}
    .business7 .product_box > div{height:26vw;min-height:150px;}
    .business7 .product_box > div > strong{bottom:initial;top:50%;transform:translateY(-50%);}
    .business7 .product_box > div:hover > strong{top:initial;transform:initial;margin:3vw 0;}
    .business7 .product_box > div:hover > span{margin:3vw 0;}
    .business7 .product_box > div:hover > span:nth-child(2){margin:2vw 0;}

    #section3 .main_secs_box .left .tit{font-size:30px;}
    #section3 .main_secs_box .left .list{font-size:19px;}
}
@media all and (max-width:1099px){
    .fp-menu-pkg.footerLine {padding: 0 0 317px;}	
}
@media all and (max-width:1080px){
    .section .inSect .txt {font-size: 2.5em;}
    .main-area-box{padding: 0 15px;}
}
@media all and (max-width:1024px){
    .main-visual-item .main-visual-txt-con .more_btn{width: 100%;}
    /*.active-item .main-visual-txt-con .title-line span{font-size: 40px;}*/
    .main-visual-item .main-visual-txt-con .main-visual-txt3 span b{font-size: 40px;}
    .main-visual-controls{width: 80px;}
    .main-visual-con .slick-dots-wrapper{width: 80px;}

    #section2 .title h3{font-size:36px;}

    /*********메인-section1*************/
     #section3 .title h3{font-size:36px ;}
     #section3 .main_sec2{margin-top: 100px;}
     #section3 .main_sec2 li h2{font-size: 22px;}
     #section3 .main_sec2 li .main_sec2_txt{padding-left: 15px;}
     #section3 .main_sec2 li:nth-child(2) .main_sec2_txt{margin-top: 50px;}
     #section3 .main_sec2 li .main_sec2_txt h4{font-size: 20px; word-break: keep-all;}
     #section3 .main_sec2 li .main_sec2_txt p{font-size: 18px;}
     #section3 .main_sec2 li::after{top: -240px; height: 840px;}
      /*********메인-section2*************/
      #section4 .title{padding-top: 80px;}
      #section4 .title h3{font-size: 36px;}
      #section4 .title span{font-size: 24px;}
 
      .pic_lt li{height: 300px;}
      #section4 .main_sec3_bot li a .main_sec3_mar{transform: translateY(250px);}
      .pic_lt li::after{top: -220px; height: 840px;}

    #section3 .main_secs_box .left .tit{font-size:24px;text-align: center}
    #section3 .main_secs_box .left .list{font-size:18px;text-align: center}
}

/* -------- 메인 컨텐츠 :: 공통 ( 텍스트애니메이션 ) -------- */
@media all and (min-width:1000px){
    .fp-section.on .main-txt-up span, .fp-section.on  .main-obj-up div, .fp-section.on .fadeUp, .fp-section.on .Obj .fadeUp {opacity:1}
    .main-txt-up, .main-obj-up {display: block;padding-bottom: 0.1em;overflow-y: hidden;}
    .main-txt-up span, .main-obj-up div {position: relative;display: inline-block; opacity:0; word-break:keep-all;}
    .section.active .main-txt-up span, .section.active .main-txt-up strong,.section.active .main-obj-up div{animation: text-up 1s cubic-bezier(0.4, 0, 0.2, 1) both 0.2s; opacity:1}
    .section.active .main-txt-up:nth-child(2) span, .section.active .main-obj-up div:nth-child(2){animation-delay:0.3s}
    .section.active .main-txt-up:nth-child(3) span, .section.active .main-obj-up div:nth-child(3){animation-delay:0.5s}
    .white-bg-cover{position:relative;}
    .white-bg-cover:after{display: block; position:absolute; top:0; left:0; width:100%; height:100%; content:""; background-color:#fff;-webkit-transform: translate3d(0, 0, 0) rotate(0.0001deg);transform: translate3d(0, 0, 0) rotate(0.0001deg);}
    .section.active .white-bg-cover:after{-webkit-transform: translate3d(100%, 0, 0) rotate(0.0001deg);transform: translate3d(100%, 0, 0) rotate(0.0001deg);-webkit-transition: all 0.7s cubic-bezier(0.23, 1, 0.38, 1) .2s;transition: all 1.5s cubic-bezier(0.23, 1, 0.38, 1) .2s;}
}

@media all and (max-width: 960px){
    .main_inner{padding:0 30px;}

    .main-visual-item .main-visual-txt-con .main-visual-txt1 span b{font-size: 40px;}
    .main-visual-item .main-visual-txt-con .main-visual-txt2 span b{font-size: 40px;}

    .business7 .product_box > div{display: flex;flex-direction: column;justify-content: center;align-items: center}
    .business7 .product_box > div:after{display: block;opacity: 0.3;z-index: 1}
    .business7 .product_box > div strong{display: block;position: relative;top:initial;transform:initial;z-index:2}
    .business7 .product_box > div span{display: block;margin:3vw 0;z-index:3}
    .business7 .product_box > div a{display: block;z-index:4}
}
@media all and (max-width:800px){
    .fp-menu-pkg.footerLine {padding:0 0 258px}

    /* 메인 비주얼 :: 텍스트 */
    .main-visual-item .main-visual-txt-con { bottom: 0; margin-top: 0; -ms-transform: translateY(0); -o-transform: translateY(0); -moz-transform: translateY(0);-webkit-transform: translateY(0);  transform: translateY(0);}
    .main-visual-item .main-visual-txt-con .main-visual-txt-inner {margin:0}
    /*.main-visual-item .main-visual-txt-con .main-visual-txt1 {font-size: 43px;}*/
    /*.main-visual-item .main-visual-txt-con .main-visual-txt1 {font-size: 18px;}*/
    .main-visual-item .main-visual-txt-con .main-visual-txt1 span{display:block; word-break: keep-all}
    /*.main-visual-item .main-visual-txt-con .main-visual-txt2 {font-size: 18px;}*/
    .lang_eng .main-visual-item .main-visual-txt-con .main-visual-txt2 {font-size: 18px;}
    .main-visual-item .main-visual-txt-con .main-visual-txt2 span {display:block; word-break: keep-all}

    /* 메인비주얼 :: paging 영역 */
    .main-visual-con .slick-dots-wrapper {top: auto; bottom: 0; left: 0;}
    
    /* .main-visual-con .slick-dots li {margin: 0 1.5%;} */
    /* 메인비주얼  :: 컨트롤영역 */
    .main-visual-controls .paging-controls{ display: inline-block;}
    .main-visual-controls {top:auto; left:0; bottom: 0; }
    /*2021-04-01 white 버전 추가 및 이미지 변경*/
    #mainVisual.white .btnMotion.prev .iconArrow{background-position: -575px 0;}
    #mainVisual.white .btnMotion.next .iconArrow{background-position: -701px 0;}
    #mainVisual .main-visual-item:nth-of-type(2) .main-visual-m-img{ background-position:100% 50%!important}
    /*#mainVisual .main-visual-item:nth-of-type(3) .main-visual-m-img{background-size: contain!important;}*/

    .main-visual-item .main-visual-txt-con{top: 40%;}
    .main-visual-item .main-visual-txt-con .main-visual-txt3 span b{font-size: 30px;}
    /*.active-item .main-visual-txt-con .title-line span{font-size: 30px;}*/
    .main-visual-item .main-visual-txt-con .main-visual-txt1 strong{font-size: 40px;}
    .main-visual-item .main-visual-txt-con .main-visual-txt2 strong{font-size: 40px;}
    .main-visual-item .main-visual-txt-con .main-visual-txt3 strong{font-size: 40px;}

    #section2 .title h3{font-size:30px;}
    .business7{margin-top:40px;}
    .business7 .product_box > div {height:35vw;min-height: 200px;}
    .business7 .product_box > div > strong{}

   /*********메인-section1*************/
   #section3 .title h3{font-size: 30px;}
   #section3 .main_sec2 li h2{font-size: 20px;}
   #section3 .main_sec2 li .main_sec2_txt{padding: 0 10px;}
   #section3 .main_sec2 li .main_sec2_txt h4{font-size: 18px;}
   #section3 .main_sec2 li .main_sec2_txt p{font-size: 16px;}
   #section3 .main_sec2 li .main_sec2_img{margin: 30px 0;}
   #section3 .main_sec2 li .main_sec2_img img{border-radius: 30px 0 30px 0;}

  /*********메인-section2*************/
  #section4 .title h3{font-size: 30px;}
  #section4 .title span{font-size: 22px;}
  .gallery_tit{font-size: 16px;}
  #section4 .main_sec3_bot li a img{width: 50px;}
  #section4 .main_sec3_bot li a span{font-size: 16px;}
  #section4 .main_sec3_top >li> h2> span{font-size: 16px;}
  .notice_txt{display: none;}
  #section4 .main_sec3_bot{height: 50%; bottom: 0;}
  #section4 .main_sec3_bot li a .main_sec3_mar{transform:translateY(230px) ;}
  #section4 .main_sec3_bot li a:hover .main_sec3_mar{ transform: translateY(210px); }


}
/* fullScreen 해제 */
@media all and (max-width: 720px){

    #section4 .main_sec3_top{display: block;width:100%;}
    #section4 .main_sec3_top li{width:100%;}

    #section3 .main_secs_box{display: block;}
    #section3 .main_secs_box .left{width:100%;}
    #section3 .main_secs_box .right{width:100%;margin-top:30px;padding-top:30px;border-top:1px solid #e5e5e5}

    #section4 > div{height:auto !important; display: table-row;}
    #section4 .line{display: none;}
    #section4 .fp-scroller{display:table-cell;width: 100%;}
    #section4 .main_inner{display: block;}

    .lat{border-radius: 30px 0 30px 0;}
    .lat ul{width:100% !important;padding:30px !important;height:auto !important;}
    .lat a{width: calc(100% - 90px) !important;}
    .lat .lt_info{width:90px !important;}

    #section5 .main_sec3_bot .quick_contact{padding:30px;}

    #section5 .main_sec3_bot .quick_contact h4{font-size:22px;}
    #section5 .main_sec3_bot .quick_contact p{font-size:14px;}

    #section2 > div{height:auto !important; display: table-row;}
    #section2 .fp-scroller{display:table-cell;width: 100%;}
    #section2 .main_inner{display: block;padding:80px 30px;}
    .business7 .product_box{grid-template-columns: 1fr;}
}

@media screen and (max-width: 650px){
    /* .main-visual-item .main-visual-txt-con .main-visual-txt2 span br {display: none} */
    .main-visual-con .slick-dots-wrapper, .main-visual-controls {display: none;}
    .main-visual-controls .next-visual-btn {padding-left: 0;}
    .main-visual-controls .prev-visual-btn span, .main-visual-controls .next-visual-btn span {font-size: 20px;}
    #section .fp-scrollable {overflow: unset!important;}
    /*.main-visual-item .main-visual-txt-con .main-visual-txt1{font-size: 40px;}
    .main-visual-item .main-visual-txt-con .main-visual-txt1 em{font-size: 32px;}
    .main-visual-item .main-visual-txt-con .main-visual-txt1 b{font-size: 32px;}*/

  /*********메인-section1*************/
  #section3 .main_sec2{flex-direction: column; align-items: center; margin-top: 30px;}
  #section3 .main_sec2 li{border: 1px solid #ddd; border-radius: 30px 0 30px 0; margin: 10px 0;width: 80%; padding: 20px 0;}
  #section3 .main_sec2 li .main_sec2_img{display: none;}
  #section3 .main_sec2 li .main_sec2_txt{text-align: center;}
  #section3 .main_sec2 li::after{display: none;}
  #section3 .main_sec2 li:nth-child(2) .main_sec2_txt{margin-top: 20px;}
  #section3 .main_sec2 li .main_sec2_txt{margin-top: 20px;}
  #section3 .main_sec2 li .main_sec2_txt h4{margin-bottom: 10px;}
  /* #section3 .main_sec2 li{width:calc(100% / 3 - 20px); margin: 0 10px;}
  #section3 .main_sec2 li:nth-child(2)::after{right: -20px;} */

   /*********메인-section2*************/
   #section4 .title{padding-top: 200px;}
   /*#section4 .main_sec3_top{flex-direction: column;}
   #section4 .main_sec3_top> li:nth-child(1){width: 80%; margin: 0 auto;}
   #section4 .main_sec3_top >li:nth-child(2){width: 80%; margin: 10px auto; padding: 10px 10px 0;}
   #section4 .main_sec3_top>li{border: 1px solid #ddd; padding: 10px; background-color: #fff; border-radius: 30px 0 30px 0;}
   .pic_lt li::after{display: none;}
   #section4 .main_sec3_top >li> h2{}*/
   #section4 .main_sec3_bot{height: auto; bottom: 0;position: inherit;}
   #section4 .main_sec3_bot ul{flex-direction: column; width: 77%; margin: 0 auto; border-radius: 30px 0 30px 0; padding-left: 30px;}
   #section4 .main_sec3_bot ul li{width: 100%; margin: 10px auto; text-align: left;}
   #section4 .main_sec3_bot li a .main_sec3_mar{transform:translateY(0px) ;}
   #section4 .main_sec3_bot li a:hover .main_sec3_mar{ transform: translateY(0px); }
   #section4 .main_sec3_bot li a img{width: 40px;}
   #section4 .main_sec3_bot li a span{font-size: 15px;}

    .business7 .product_box > div strong{font-size:24px;}
    .business7 .product_box > div > span{font-size:17px;margin:5vw 0}
    .business7 .product_box > div > a{font-size:17px;}
}

@media all and (max-width:480px){
    .section .inSect .txt {padding:0; font-size: 0.899em; line-height:1.4}	
/*    .section:not(:first-child) .inSect {    padding: 33% 15px;}*/

    /* 메인비주얼  :: 컨트롤영역 */
    .main-visual-controls .arrow-controls i{font-size:18px}
    .main-visual-controls .paging-controls{font-size:14px}
    .main-visual-controls .stop-pause-controls i{font-size:18px; position:relative; top:2px;}

    /* 메인비주얼 :: paging 영역 */
    .main-visual-con .slick-dots li .loading-bar-line,
    .main-visual-con .slick-dots li .loading-bar-line:after{height:3px}
    .main-visual-controls .paging-controls,.main-visual-controls .stop-pause-controls{ margin-right:17px}

    /* 메인 비주얼 :: 텍스트 */
    /*.main-visual-item .main-visual-txt-con .main-visual-txt1 {font-size: 30px;letter-spacing: -2px;}*/
    body.eng .main-visual-item .main-visual-txt-con .main-visual-txt1 {font-size: 30px; letter-spacing: -2px}
    .main-visual-item .main-visual-txt-con .main-visual-txt1 {font-size: 15px;letter-spacing: 0;}
    .main-visual-item .main-visual-txt-con .main-visual-txt2 {font-size: 15px;letter-spacing: 0;}
	/*.active-item .main-visual-txt-con .title-line span{font-size: 20px;}*/
    .main-visual-item .main-visual-txt-con .main-visual-txt1 span b{font-size: 20px;}
    .main-visual-item .main-visual-txt-con .main-visual-txt1 strong{font-size: 22px;}
    .main-visual-item .main-visual-txt-con .main-visual-txt2 span b{font-size: 20px;}
    .main-visual-item .main-visual-txt-con .main-visual-txt2 strong{font-size: 22px;}
    .main-visual-item .main-visual-txt-con .main-visual-txt3 span b{font-size: 20px;}
    .main-visual-item .main-visual-txt-con .main-visual-txt3 strong{font-size: 22px;}
    .main-visual-item .main-visual-txt-con .more_btn span{font-size: 12px;}

    #section2 .title h3{font-size:22px;}

  /*********메인-section1*************/
  #section3 .title{padding-top: 125px;}
  #section3 .title h3{font-size: 22px;}
  #section3 .main_sec2 li{width: 90%;}
  #section3 .main_sec2 li h2{font-size: 16px;}
  #section3 .main_sec2 li .main_sec2_txt h4{font-size: 15px;}
  #section3 .main_sec2 li .main_sec2_txt p{display: none;}
  .section3_bgtxt{display: none;}

   /*********메인-section2*************/
   #section4 .title{padding-top: 120px;}
   #section4 .title h3{font-size: 22px;}
   #section4 .title span{font-size: 16px; margin: 15px 0;}
   /*#section4 .main_sec3_top> li:nth-child(1){width: 90%;}
   #section4 .main_sec3_top> li:nth-child(2){width: 90%;}
   #section4 .main_sec3_top>li{padding: 20px 10px;}
   #section4 .main_sec3_top >li> h2> span{font-size: 14px;}
   #section4 .main_sec3_top> li> h2> a{font-size: 10px;}
   #section4 .main_sec3_bot ul{width: 87%; padding: 10px 30px;}
   #section4 .main_sec3_bot ul li{margin: 5px auto;}
   #section4 .main_sec3_bot li a img{width: 30px;}
   #section4 .main_sec3_bot li a span{font-size: 13px;}*/

    #section3 .main_secs_box .left .list{font-size:15px;}
}