@charset "utf-8";
/*
	Common Layout CSS _ 15.05.18
*/

/*common*/


.inner{max-width:var(--container); width:100%; position:relative; margin: 0 auto;}
.pdinner{max-width:var(--container); padding:0 20px; position:relative; margin: 0 auto;}
.ofh{overflow:hidden;}
.ls10{letter-spacing:10px;}
.ls5{letter-spacing:5px;}

.tit_h3{font-size:28px;font-weight:400; color:#323232;  position:relative; letter-spacing:-1px}
.tit_h3:after{content:''; width:60px; height:1px; display:block; background:#505050; margin: 0 auto; margin-top:20px;}
.tit_h4{font-size:26px; color:#323232; font-weight:bold; letter-spacing:-1px}

.tit_h5{color:#323232; font-weight:bold; font-size:18px;}

.tit_h4.noLine:after{width:0; height:0px; margin-top:0px;}


.mEnter{display:block;}
.mb{margin-bottom:30px !important}
.pb{padding-bottom:30px;}
.bmb{margin-bottom:40px !important}
.mb0{margin-bottom:0px !important;}
.mb10{margin-bottom:10px !important;}
.mb20{margin-bottom:20px !important;}


.tac{text-align:center;}
.tal{text-align:left !important;}
.tar{text-align:right;}
.mo_only{display:block;}

.move_scroll{max-width:768px; overflow-x:auto}

.line_link{display:inline-block; color:#ffffff; padding-bottom:5px; border-bottom:3px solid #ffffff; font-size:0.9em}
.line_btn{overflow:hidden;}
.line_btn li{width:100%; margin-bottom:10px;}
.line_btn li a{display:block; border:1px solid #ffffff; padding:5px; text-align:center; font-size:0.8em}
.line_btn li:last-child{margin:0; }

.arrow_cir_w:after{content:''; width:28px; height:25px; background:url(../img/ic_arrow_w.png) no-repeat center center; background-size:100%; display:inline-block; vertical-align:middle; margin-left:10px;}

.dpib{display:inline-block}
.dpb{display:block;}

.upper{text-transform:uppercase}
.fwb{font-weight:600 !important}
.fwbb{font-weight:800}
.fss{font-size:0.8em}
.Tblack{color:#323232}
.Tred{color:#e83428}
.ylTxt{color:#fff94e;}
.grTxt{color:#11ae4b}
.orgTxt{color:#ffa60a}
.upcase{text-transform:uppercase}

.btn_more{display:inline-block; color:#ffffff; line-height:30px; padding-right:20px; border-radius:500px; }
.btn_more:after{content:''; display:inline-block; vertical-align:middle; margin-left:15px; font-family:'FontAwesome'; content:'\f105'; font-weight:600; font-size:1.1em}

@media all and (min-width:768px) {


.tit_h4{font-size:30px; letter-spacing:-1px}
.tit_h5{font-size:20px; letter-spacing:-1px}


.mb{margin-bottom:45px !important; }
.pb{padding-bottom:45px;}
.bmb{margin-bottom:80px !important;}

.mo_only{display:none;}
.move_scroll{max-width:100%;}
.pdinner{padding:0 3%}

.half{width:47.5%; float:left;}
.mr{margin-right:3%;}

.line_btn li{width:47.5%; float:left; margin-right:3%;}
.line_btn li:last-child{margin:0}
.line_btn li a{padding:8px}
}

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

body, html{font-size: 18px;}
.mEnter{display:inline-block;}


.tit_h3:after{margin-top:25px;}

.tit_h4{font-size:30px; }

.tit_h5{font-size:20px; }


.mb{margin-bottom:50px !important}
.pb{padding-bottom:50px;}
.bmb{margin-bottom:100px !important}
.pdinner{padding:0 20px}

.btn_more{font-size:1.1em}


}

/*owl 컨트롤러 css변경*/
.owl-controls{width:100%; margin:0 auto;}

/*owl pagenation css변경 */
.page_btn .owl-page span{width:20px !important; height:20px !important; background:none !important; border:4px solid #ffffff; border-radius:20px; opacity:0.7 }
.page_btn .owl-page.active span{opacity:1;}

.page_btn2 .owl-page span{width:5px !important; height:5px !important; background:#808080 !important; border-radius:20px; position:relative; opacity:1 !important; margin:0 20px !important;}
.page_btn2 .owl-page.active span:before{content:''; width:30px; height:30px; position:absolute; margin-left:-16px; left:50%; margin-top:-16px; top:50%; border:1px solid #808080; border-radius:200px;}

/*owl navigation css변경*/
.owl-theme .owl-controls{position:relative}
.arrow_btn .owl-buttons{position:absolute; width:100%; top:-250px;}
.arrow_btn .owl-buttons div{position:absolute; font-family:'FontAwesome'; text-indent:-999999px; background:none !important; padding:0px !important; margin:0px !important;}
.arrow_btn .owl-buttons div:first-child{left:2%;}
.arrow_btn .owl-buttons div:last-child{right:2%;}
.arrow_btn .owl-buttons div.owl-prev:after,
.arrow_btn .owl-buttons div.owl-next:after{content:'\f104'; font-family:'FontAwesome'; position:absolute; left:0; top:0; text-indent:0 !important; font-size:3em;}
.arrow_btn .owl-buttons div.owl-next:after{content:'\f105'; right:0; left:auto;}

.pop_page_btn{position:relative;}
.pop_page_btn .owl-controls{position:absolute; bottom:0px; text-align:right !important}
.pop_page_btn .owl-pagination{display:inline-block; padding:1px 10px; border-radius:500px; height:22px;}
.pop_page_btn .owl-controls .owl-page span{width:10px !important; height:10px !important; background:#505050 !important; margin:2px 4px !important}
.pop_page_btn .owl-controls .active span{background:#8c000a !important}

@media all and (min-width:1200px) {
.arrow_btn .owl-buttons div:first-child{left:-10%;}
.arrow_btn .owl-buttons div:last-child{right:-10%;}
.arrow_btn .owl-buttons div.owl-prev:after,
.arrow_btn .owl-buttons div.owl-next:after{font-size:50px;}
}




/* ==== Slider Image Transition === */
@-webkit-keyframes ProgressDots{from{width:0px;}to{width:100%;}}
@keyframes ProgressDots{from{width:0px;}to{width:100%;}}
@keyframes zoomout {	0% { transform: scale(1.1); }    100% {        transform: scale(1.0);    }}
@-webkit-keyframes zoomout {	0% { transform: scale(1.1); }    100% {        transform: scale(1.0);    }}
@-webkit-keyframes scaling {	From {    -webkit-transform: scale(1.1);}	To {    -webkit-transform: scale(1.0);}}


/* ==== Slick Slider Css Ruls === */
.slick-slider{position:relative;display:block;
-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;-webkit-touch-callout:none;-khtml-user-select:none;touch-action:pan-y;-webkit-tap-highlight-color:transparent}
.slick-list{position:relative;display:block;overflow:hidden;margin:0;padding:0}
.slick-list:focus{outline:none}.slick-list.dragging{cursor:hand}

.slick-slider .slick-track,.slick-slider .slick-list{-webkit-transform:translate3d(0,0,0);transform:translate3d(0,0,0)}
.slick-track{position:relative;top:0;left:0;display:block}
.slick-track:before,.slick-track:after{display:table;content:''}.slick-track:after{clear:both}

.slick-loading .slick-track{visibility:hidden}
.slick-slide{display:none;float:left /* If RTL Make This Right */ ;height:100%;min-height:1px}
.slick-slide.dragging img{pointer-events:none}
.slick-initialized .slick-slide{display:block}

.slick-loading .slick-slide{visibility:hidden}
.slick-vertical .slick-slide{display:block;height:auto;border:1px solid transparent}



/* Circle Arrows */
.cir-arrow .slick-arrow{position: absolute;  top: 50%; z-index:100;  display: block;   width: 50px;   height: 50px; border:0;   cursor: pointer;  background:none; border:2px solid #ffffff; border-radius:500px; text-indent:-999999px;
/*	-webkit-transform: translate(0, -50%);
    -ms-transform: translate(0, -50%);
    transform: translate(0, -50%);*/}

.cir-arrow .slick-arrow:before{text-indent:0; content:''; display:block; position:absolute; font-family:'mso'; width:20px; height:20px; line-height:20px; left:0; right:0; bottom:0; top:0;  margin:auto; font-weight:600 }
.cir-arrow .slick-arrow:before{content:'\e5e0'; font-size:22px; color:#ffffff}
.cir-arrow .slick-arrow.slick-next{right:0;}
.cir-arrow .slick-arrow.slick-next:before{content:'\e5e1'; }


/* rec Arrows */
.rec-arrow .slick-arrow{position: absolute;  top: 50%; z-index:100;  display: block;   width: 50px;   height: 50px; border:0;   cursor: pointer;  background:none; border:1px solid #ffffff; text-indent:-999999px;
/*	-webkit-transform: translate(0, -50%);
    -ms-transform: translate(0, -50%);
    transform: translate(0, -50%);*/}

.rec-arrow .slick-arrow:before{text-indent:0; content:''; display:block; position:absolute; font-family:'FontAwesome'; width:20px; height:20px; line-height:20px; left:0; right:0; bottom:0; top:0;  margin:auto; font-weight:600 }
.rec-arrow .slick-arrow:before{content:'\f104'; font-size:22px; color:#ffffff}
.rec-arrow .slick-arrow.slick-next{right:0;}
.rec-arrow .slick-arrow.slick-next:before{content:'\f105'; }



/*pop_dot*/
.pop_dot .slick-dots{position: absolute;    bottom: 10%;  right:20px; display: inline-block; padding: 5px; line-height:100%;  width:auto; background:rgba(0,0,0,0.5); text-align: center; z-index:10}
.pop_dot .slick-dots li{position: relative;  display: inline-block;  width: 13px;  height: 13px;  margin: 0 5px;  padding: 0;   cursor: pointer; vertical-align:middle;}
.pop_dot .slick-dots li button{ font-size: 0;   line-height: 0;  display: block;  width: 100%;  height: 100%; border-radius:500px;  cursor: pointer;  color: transparent;  border: 0;  outline: none;  background:none; background:#ffffff; opacity:0.5}
.pop_dot .slick-dots li.slick-active button{background:#fcc754; opacity:1}



/*slick_circle_arrow*/

.slick_circle_arrow button{position:absolute; top:auto; bottom:10px; right:20px; background:none; border:1px solid #ffffff; border-radius:500px; border-color:rgba(255,255,255,0.5)}
.slick_circle_arrow button:before{color:#ffffff;}
.slick_circle_arrow button.slick-prev{margin-right:60px}


/**/
.wrap{max-width:2000px; min-width:320px; width:100%; margin: 0 auto; position:relative;  }
/* main */
.wrap{max-width:2000px; min-width:320px; width:100%; margin: 0 auto; position:relative;}

.visualWrap{position:relative}
.visuslider{background:#323232}
.visuslider .visu{position:relative; height:60vh; min-height:600px; max-height:1080px; z-index:2; display:flex !important; align-items:center; overflow:hidden}


.visuslider .visu:before{content:''; display:block; position:absolute; left:0; top:0; bottom:0; right:0; margin:auto; background-size:cover !Important; z-index:0;}
.visuslider .visu:after{content:''; display:block; position:absolute; left:0; top:0; bottom:0; right:0; margin:auto; z-index:1; background:linear-gradient(180deg, rgba(0,0,0,0.5) 0%, rgba(0,0,0,0.0) 100%);}
.visuslider .slick-active.visu:before{animation: zoomout 0.7s ease-in-out infinite alternate;    -webkit-animation: zoomout 0.7s ease-in-out infinite alternate; animation-iteration-count:1; 	-webkit-animation-iteration-count:1;}
.visuslider .visu.visu01:before{background:url(../img/main/main_img01.jpg) no-repeat center center;  }
.visuslider .visu.visu02:before{background:url(../img/main/main_img02.jpg) no-repeat center center;  }
.visuslider .visu.visu03:before{background:url(../img/main/main_img03.jpg) no-repeat center center; }

.visuslider .visu .txt{color:#ffffff; width:100%; max-width:var(--container); padding:0 5%;  position:absolute; z-index:5; text-align:center;} 

.visuslider .visu .txt h2{font-size:2em; margin-bottom:30px; line-height:1.2; position:relative; font-weight:900; letter-spacing:0; z-index:5; /*! text-transform:uppercase */}
.visuslider .visu .txt p{font-size:1.1em;font-weight:800;position:relative;z-index:5;}


@-webkit-keyframes rotate-center {
  0% {
    -webkit-transform: rotate(0);
            transform: rotate(0);
  }
  100% {
    -webkit-transform: rotate(360deg);
            transform: rotate(360deg);
  }
}
@keyframes rotate-center {
  0% {
    -webkit-transform: rotate(0);
            transform: rotate(0);
  }
  100% {
    -webkit-transform: rotate(360deg);
            transform: rotate(360deg);
  }
}



/* main */
#fullpage .visual {width:100%; height:100%; position:relative; z-index:0; background:#eee;}
#fullpage .visual dd {transition:0.3s; min-height:100vh;}
#fullpage .visual dd .bg {display:inline-block; position:absolute; left:0; top:0; width:100%; height:100%; background-position:center center; background-size:cover;}
#fullpage .visual dd.slick-active .bg {animation:visbg 6s ease-in-out infinite alternate; animation-iteration-count:1;}

#fullpage .visual dd .txt {display:flex; flex-wrap:wrap; width:100%; height:100%; min-height:100vh; align-items:center; justify-content:flex-start; color:#fff; max-width:1400px; padding:120px 3% 180px; margin:0 auto;}
#fullpage .visual dd .txt p {transition:0.3s;}
#fullpage .visual dd.slick-active .txt p {animation-name:anim01; animation-duration:1s; animation-fill-mode:both;}
#fullpage .visual dd .txt .t01 {animation-delay:1s; font-size:1.25em; font-weight:800;}
#fullpage .visual dd .txt .t02 {animation-delay:1.5s; margin:-30px 0 0;}
#fullpage .visual dd .txt .t02 img {width:380px;}

#fullpage .visual .controls {position:absolute; left:0; bottom:100px; z-index:99; color:#fff; padding:0 3%; display:flex; align-items:center; width:100%; font-size:1.25em;}
#fullpage .visual .controls .prev:before,
#fullpage .visual .controls .next:before {font-family:'xeicon'; cursor:pointer;}
#fullpage .visual .controls .prev:before {content:'\e908';}
#fullpage .visual .controls .next:before {content:'\e90b';}
#fullpage .visual .controls .arr {display:flex; align-items:center; justify-content:center; width:60px; height:60px; border-radius:100%; border:1px solid rgba(255,255,255,0.4); margin-left:10px; transition:0.3s;}
#fullpage .visual .controls .arr:hover {background:#fff; color:#222;}
#fullpage .visual .controls .progress {position:relative; display:block; width:calc(100% - 180px); margin-right:auto; height:4px; overflow:hidden; background-image:linear-gradient(to right, #e50012, #f8b62d); background-repeat:no-repeat; background-size:0 100%; transition:background-size .4s ease-in-out;}
#fullpage .visual .controls .progress:before {content:''; width:100%; height:2px; background:rgba(255,255,255,0.5); position:absolute; left:0; top:1px; z-index:-1;}

@media all and (min-width:768px) {
  #fullpage .visual dd .txt .t01 {font-size:2em;}
  #fullpage .visual dd .txt .t02 {padding-left:140px;}
  #fullpage .visual dd .txt .t02 img {width:440px;}
}

@media all and (min-width:1200px) {
  #fullpage .visual dd .txt {padding:200px 20px;}
  #fullpage .visual dd .txt .t01 {font-size:2.5em;}
  #fullpage .visual dd .txt .t02 {padding-left:160px; margin:-50px 0 0;}
  #fullpage .visual dd .txt .t02 img {width:580px;}
  #fullpage .visual .controls {padding:0 20px;}
  #fullpage .visual .controls .progress {width:calc(100% - 220px);}
}

@media all and (min-width:1400px) {
  #fullpage .visual .controls {max-width:1400px; left:calc(50% - 700px);}
}

@media all and (min-width:1600px) {
  #fullpage .visual dd .txt .t02 {padding-left:240px;}
}


.sectit {/* display:flex; */align-items:center;position:relative;margin:40px 0;position:relative;}
.sectit .t01 {font-size:2em; font-weight:900; color:#faf9f9; text-transform:uppercase; line-height:2em; position:absolute; left:3%; top:calc(50% - 1em); z-index:-1;}
.sectit .t02 {width:100%;text-align:center;font-weight:800;font-size:1.75em;margin-bottom: 10px;}
.sectit a.btn {position:absolute;right:0;top: calc(50% - 59px);display:flex;align-items:center;justify-content:center;width:60px;height:60px;border-radius:100%;transition:0.3s;background:#fff;font-size:1.25em;-webkit-box-shadow:0 0 30px 0 rgba(0,0,0,0.1);-moz-box-shadow:0 0 30px 0 rgba(0,0,0,0.1);box-shadow:0 0 30px 0 rgba(0,0,0,0.1);background: var(--main_color);color: #fff;}
.sectit a.btn:after {content:'\e90b'; font-family:'xeicon';}
.sectit a.btn:hover {background:#e50012; color:#fff;}
.sectit01 {margin:40px 0 max(45vh, 400px);}
.sectit01 .t01 {font-size:1.75em; font-weight:800; margin:0 0 10px; line-height:1.25;}
.sectit01 .t01 .gra {/* background:linear-gradient(to right, #e50012, #f8b62d); *//* color:transparent; *//* -webkit-background-clip:text; */}
.sectit .t03{
    text-align: center;
    color: #7D7D7D;
}
@media all and (min-width:768px) {
  .sectit {margin:60px 0;}
  .sectit .t01 {font-size:4em;}
  .sectit .t02 {font-size:2.5em;}
  .sectit01 {margin:60px 0 max(45vh, 400px);}
  .sectit01 .t01 {font-size:2.5em;}
  .sectit01 .t02 {font-size:1.15em;}.sectit .t03{
    font-size: 1.15em;
}
	.sectit a.btn{
    top: calc(50% - 44px);
}
}

@media all and (min-width:1200px) {
  .sectit {margin: 100px 0 55px;}
  .sectit .t01 {font-size:6em; left:-20px;}
  .sectit .t02 {font-size:3em;margin-bottom: 15px;}
  .sectit a.btn {right:calc(100px - 50vw + 640px);}
  .sectit01 {margin:100px 0 max(45vh, 400px);}
  .sectit01 .t01 {font-size:3em;margin-bottom: 15px;}
  .sectit01 .t02 {font-size:1.35em;}
	.sectit .t03{
    font-size: 1.35em;
}
}

@media all and (min-width:1440px) {
  .sectit a.btn {right:0;}
}


/*제품안내*/
#fullpage .sec01 {position:relative;}
#fullpage .sec01:before {content:''; display:inline-block; width:100%; height:50%; background:#f3f1f1; position:absolute; left:0; bottom:0; z-index:-1;}
#fullpage .sec01 .product .box {padding:0 0 60px;}
#fullpage .sec01 .product .box .txt {width:90%; margin:0 auto; color:#fff; background:#cacaca; padding:30px; border-radius:0 50px 0 0; display:flex; flex-wrap:wrap; position:relative;}
#fullpage .sec01 .product .box .txt .t01 {width:100%; margin:0; font-size:1.5em; font-weight:800;}
#fullpage .sec01 .product .box .txt .t02 {width:100%; margin:10px 0 20px; word-break:break-all;}
#fullpage .sec01 .product .box .txt a {display:inline-block; margin:auto 0 0; display:flex; align-items:center;}
#fullpage .sec01 .product .box .txt a:after {content:'\e93f'; font-family:'xeicon'; margin:0 0 0 0.5em; transition:0.3s;}
#fullpage .sec01 .product .box .txt a:hover:after {margin:0 0 0 1em;}
#fullpage .sec01 .product .box .img {width:90%;background:#fff;margin:0 auto;border-radius:0 0 50px 0;overflow:hidden;-webkit-box-shadow:0 0 30px 0 rgba(0,0,0,0.1);-moz-box-shadow:0 0 30px 0 rgba(0,0,0,0.1);box-shadow:0 0 30px 0 rgba(0,0,0,0.1);text-align: center;}
#fullpage .sec01 .product .box .img img {width:100%; max-width:380px; margin:0 auto;}
#fullpage .sec01 .product .slick-active .box .txt {background: #DB1921;/* background:linear-gradient(90deg, #e50012 50%, #f8b62d 100%); */}
#fullpage .sec01 .product .slick-active .box .txt:after {content:''; display:inline-block; width:50%; height:100%; background:url('../img/main_sec01_bg.png') no-repeat center top / contain; position:absolute; right:-10%; bottom:20%;}
#fullpage .sec01 .controls {display:flex;align-items:center;justify-content:center;margin: 0px 0 0px;}
#fullpage .sec01 .controls .prev:before,
#fullpage .sec01 .controls .next:before {font-family:'xeicon'; cursor:pointer;}
#fullpage .sec01 .controls .prev:before {content:'\e908';}
#fullpage .sec01 .controls .next:before {content:'\e90b';}
#fullpage .sec01 .controls .arr {display:flex; align-items:center; justify-content:center; width:60px; height:60px; border-radius:100%; transition:0.3s; background:#fff; font-size:1.25em; -webkit-box-shadow:0 0 30px 0 rgba(0,0,0,0.1); -moz-box-shadow:0 0 30px 0 rgba(0,0,0,0.1); box-shadow:0 0 30px 0 rgba(0,0,0,0.1);}
#fullpage .sec01 .controls .arr:hover {background:#e50012; color:#fff;}
#fullpage .sec01 .controls .dots {color:#999; margin:auto 40px; font-weight:600;}
#fullpage .sec01 .controls .dots li:not(.slick-active) {display:none;}
#fullpage .sec01 .controls .dots li span {color:#222;}
#fullpage .sec01 .controls .dots li span:after {content:'/'; margin:0 10px; color:#999;}

@media all and (min-width:768px) {
  #fullpage .sec01 .product .box .txt .t01 {font-size:2em;}
}

@media all and (min-width:1200px) {
  #fullpage .sec01 .product .box {display:flex; padding:40px 60px 80px;}
  #fullpage .sec01 .product .box .txt {width:calc(50% + 30px); margin:0 -30px 0 0; padding:40px 100px 40px 40px; border-radius:0 100px 0 0; transition:0.3s;}
  #fullpage .sec01 .product .box .txt .t01 {font-size:2.25em;}
  #fullpage .sec01 .product .box .txt a {font-size:1.1em;}
  #fullpage .sec01 .product .box .img {width:calc(50% + 30px); margin:0 0 0 -30px; border-radius:0 0 100px 0; transition:0.3s;}
  #fullpage .sec01 .product .box .img img {margin:20px auto;}
  #fullpage .sec01 .product .slick-active .box .txt {transform:translateY(-40px);}
  #fullpage .sec01 .product .slick-active .box .img {transform:translateY(40px);}
}

@media all and (min-width:1400px) {
  #fullpage .sec01 .product .box .txt {padding:50px 100px 50px 50px;}
  #fullpage .sec01 .product .box .txt .t01 {font-size:2.5em;}
  #fullpage .sec01 .product .box .txt .t02 {font-size:1.1em;}
}


/*보유장비*/
#fullpage .sec02 {background: url('../img/main_sec02_bg.png') no-repeat center center / cover;text-align:center;color:#fff;position:relative;}
#fullpage .sec02 .fac ul {display:flex; width:100%; min-height:45vh; border-top:1px solid rgba(255,255,255,0.1); position:absolute; left:0; bottom:0;}
#fullpage .sec02 .fac li {flex:1; display:flex; align-items:center; justify-content:center; padding:40px 0;}
#fullpage .sec02 .fac li:not(:last-child) {border-right:1px solid rgba(255,255,255,0.1);}
#fullpage .sec02 .fac li img {/* width:80%; *//* max-width:70px; */margin:0 0 20px;transition:0.3s;}
#fullpage .sec02 .fac li p {font-size:1.1em; font-weight:700;}
#fullpage .sec02 .fac li a {margin:40px auto 0; display:flex; align-items:center; justify-content:center; width:60px; height:60px; border-radius:100%; border:1px solid rgba(255,255,255,0.4); font-size:1.25em; transition:0.3s;}
#fullpage .sec02 .fac li a:after {content:'\e913'; font-family:'xeicon';}
#fullpage .sec02 .fac li a:hover {border-color:#e50012; background:#e50012; color:#fff;}

@media all and (min-width:768px) {
  #fullpage .sec02 .fac li:hover img {transform:translateY(-10px);}
  #fullpage .sec02 .fac li p {font-size:1.5em;}
}

@media all and (min-width:1200px) {
  #fullpage .sec02 .fac li p {font-size:2em;}
}


/*뉴스*/
#fullpage .sec03 {background:url('../img/main_sec03_bg.jpg') no-repeat 90% 10% / 30%;}
#fullpage .sec03 .news li {/* border-radius:20px; *//* padding:20px; */background:#fff;-moz-box-shadow:0 0 30px 0 rgba(0,0,0,0.1);/* box-shadow:0 0 30px 0 rgba(0,0,0,0.1); */margin:10px 0;border-top: 2px solid var(--main_color);padding-top: 20px;margin-bottom: 30px;}
#fullpage .sec03 .news li a{display:block;overflow: hidden;width: 100%;}
#fullpage .sec03 .news li .t01 {font-size:1.1em; font-weight:700; margin:0 0 20px; display:-webkit-box; -webkit-line-clamp:2; -webkit-box-orient:vertical; overflow:hidden; text-overflow:ellipsis; word-break:break-all;}
#fullpage .sec03 .news li .t02 {font-size:0.9em;color:#999;margin-bottom: 20px;}
#fullpage .sec03 .btns ul {margin:0 0 40px;}
#fullpage .sec03 .btns li {border-radius:20px; background-repeat:no-repeat; background-position:center center; background-size:cover; color:#fff; margin:10px 0;}
#fullpage .sec03 .btns li.type01 {background-image:url('../img/main_sec03_bg01.jpg');}
#fullpage .sec03 .btns li.type02 {background-image:url('../img/main_sec03_bg02.jpg');}
#fullpage .sec03 .btns li a {padding:20px; display:block;}
#fullpage .sec03 .btns li .t01 {display:flex; align-items:center; justify-content:space-between; font-size:1.25em; font-weight:700;}
#fullpage .sec03 .btns li .t01 img {width:50px;}
#fullpage .sec03 .btns li .t02 {text-align:right; opacity:0.8; margin:20px 0 0; font-size:0.9em;}
#fullpage .sec03 .news li p.t1{
    font-weight: 700;
    font-size: 1.4em;
    margin-bottom: 5px;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}
#fullpage .sec03 .news li img{width:100%;height: 300px;}
#fullpage .sec03 .news li p.t2{color: #7D7D7D;margin-bottom: 15px;white-space: nowrap;overflow: hidden;text-overflow: ellipsis;}
.info-box{
    background: url(/img/new_bg.png) no-repeat;
    background-position: center;
    background-size: cover;
}
.info-box .info-list{}
.info-box .info-list li{
    position: relative;
    color: #fff;
    padding: 30px;
    padding-left: 84px;
    border-bottom: 1px solid #ffffff3b;
}
.info-box .info-list li i:after{
    content: '\e0c8';
    position: absolute;
    font-family: 'mso' !important;
    font-size: 2em;
    width: 55px;
    height: 55px;
    left: 21px;
    top: 16px;
    line-height: 55px;
    color: #fff;
    text-align: center;
    border-radius: 500px;
    background-color: var(--main_color);
    font-weight: normal;
}
.info-box .info-list li strong{}
.info-box .info-list li i.ic01:after{
    content: '\e61d';
}
.info-box .info-list li i.ic02:after{content: '\e8ad';}
.info-box .info-list li i.ic03:after{content: '\e9bc';}
@media all and (min-width:768px) {
  #fullpage .sec03 {background-size:320px auto; background-position:95% 30%;}
  #fullpage .sec03 .news{padding-bottom: 149px;}
	#fullpage .sec03 .news ul {display:flex;margin:0 -20px;margin-bottom: 30px;}
  #fullpage .sec03 .news li {/* flex:1; */margin:0 20px;display:flex;flex-wrap:wrap;width: 33.333333%;}
  #fullpage .sec03 .news li p {width:100%;}
  #fullpage .sec03 .news li .t01 {font-size:1.25em;}
  #fullpage .sec03 .news li:hover .t01 {text-decoration:underline;}
  #fullpage .sec03 .news li .t02 {font-size:1em;margin:auto 0 0;margin-bottom: 15px;}
  #fullpage .sec03 .btns ul {display:flex; margin:40px -20px 60px;}
  #fullpage .sec03 .btns li {flex:1; margin:0 20px;}
  #fullpage .sec03 .btns li .t01 {font-size:1.5em;}
  #fullpage .sec03 .btns li .t01 img {width:60px; transition:0.3s;}
  #fullpage .sec03 .btns li:hover .t01 img {transform:translateY(-10px);}
  #fullpage .sec03 .btns li .t02 {margin:40px 0 0; font-size:1em;}
	
.info-box{
    height: 120px;
    margin-bottom: -73px;
    position: absolute;
    bottom: 0;
    width: 100%;
    margin-bottom: 0px;
}
.info-box .info-list{
    display: flex;
    height: 100%;
    align-items: center;
}
.info-box .info-list li{
    width: 33.33333%;
    border-bottom: 0px;
    border-right: 1px solid #ffffff3b;
    height: 100%;
    display: flex;
    align-items: center;
    justify-content: center;
    padding: 0px;
}
.info-box .info-list li i:after{
    top: 50%;
    margin-top: -26px;
    position: static;
    margin: 0px;
    display: inline-block;
    margin-right: 10px;
}
.info-box .info-list li strong{
    font-size: 18px;
}
.info-box .info-list li i.ic01{}
.info-box .info-list li i.ic02{}
.info-box .info-list li i.ic03{}
	#fullpage .sec03 .news li img{
    height: 135px;
}
}

@media all and (min-width:1200px) {
	#fullpage .sec03 .news{
    padding-bottom: 110px;
}
  #fullpage .sec03 .news li {/* padding:40px; */padding-top: 29px;}
  #fullpage .sec03 .btns ul {margin-top:60px;}
  #fullpage .sec03 .btns li a {padding:40px;}
  #fullpage .sec03 .btns li .t01 {font-size:2em;}
.info-box{
    height: 133px;
    background-size: 110%;
    margin-bottom: 0px;
    position: absolute;
    bottom: 0;
    left: 0;
    width: 100%;
}
.info-box .info-list{}
.info-box .info-list li{}
.info-box .info-list li i{}
.info-box .info-list li strong{
    font-size: 26px;
}
.info-box .info-list li i.ic01{}
.info-box .info-list li i.ic02{}
.info-box .info-list li i.ic03{}
	#fullpage .sec03 .news li .t02{
    margin-bottom: 30px;
}
	#fullpage .sec03 .news li img{
    height: 230px;
}
}


/*footer*/
#footer {background:#262323; color:#bcbcbc; font-size:0.9em; padding:20px 0 40px;}
#footer .pdinner {max-width:1400px;}
#footer .logo {width:140px; margin:0 0 20px;}
#footer .logo img {width:100%;}
#footer ul.bottom_li {display:flex; align-items:center; margin:0 0 10px;}
#footer ul.bottom_li li {margin-right:10px;}
#footer ul.bottom_li li a {font-weight:600;}
#footer ul.info {margin-bottom:10px; display:flex; flex-wrap:wrap; width:100%;}
#footer ul.info li {margin-right:0.5em;}
#footer ul.info li.type01 {width:100%;}
#footer ul.info li b {font-weight:700; margin:0 0.2em 0 0;}
#footer p {font-size:0.9em; margin-top:10px;}
#pageup {position:fixed; z-index:999; right:10px; bottom:10px; width:60px; height:60px; background:#e50012; display:none; cursor:pointer;}
#pageup:after {/* content:'\e909'; */font-family:'xeicon';color:#fff;display:flex;width:100%;height:100%;align-items:center;justify-content:center;}

@media all and (min-width:768px) {
	#footer {padding:60px 0;}
  #footer .pdinner {display:flex;}
  #footer .logo {width:260px; padding:0 60px 0 0;}
  #footer .logo img {width:200px;/* margin-top:-26px; */}
  #footer .info {width:calc(100% - 260px);}
  #footer ul.bottom_li {justify-content:flex-start; margin:0 0 20px;}
  #footer ul.bottom_li li:first-child {margin-left:0;}
  #footer ul.info {justify-content:flex-start; margin-bottom:20px;}
	#footer ul.info li {margin:0 1em 0 0;}
}

  

/*page up*/
#pageup {position:fixed;z-index:999;right:1%;bottom:5%;width:60px;height:60px;background: #313131 url('/img/common/Htop.png') no-repeat center center;border-radius:50%;display:none;cursor:pointer;z-index:4000;}

@media all and (min-width:1200px) {
#pageup{right:130px}
#pageup {right:10px; width:60px; height:60px; bottom:10px; transition:0.3s}
body.scroll #pageup{bottom:50px; transition:0.3s}
}









/*서브레이아웃*/
#sub_visual{position:relative; padding:110px 0 60px; overflow:hidden}
#sub_visual .pdinner{z-index:1;}
#sub_visual:before{content:''; position:absolute; display:block; left:0; top:0; right:0; bottom:0; background:#808080 url(../img/common/sub_visual01.jpg) no-repeat center top;  animation: zoomout 0.3s ease-in-out infinite alternate;    -webkit-animation: zoomout 0.3s ease-in-out infinite alternate; animation-iteration-count:1; 	-webkit-animation-iteration-count:1; }
#sub_visual:after{content:''; width:100%; position:absolute; top:0; left:0; right:0; height:50%; background:linear-gradient(180deg, rgba(0,0,0,0.3) 0%, rgba(0,0,0,0.0) 100%); z-index:0}
#sub_visual.sub02:before{ background:url(../img/common/sub_visual02.jpg) no-repeat center center; }
#sub_visual.sub03:before{ background:url(../img/common/sub_visual03.jpg) no-repeat center center; }
#sub_visual.sub04:before{ background:url(../img/common/sub_visual04.jpg) no-repeat center center; }
#sub_visual.sub05:before{ background:url(../img/common/sub_visual05.jpg) no-repeat center center; }

#sub_visual{color:#ffffff; text-align:center;}
#sub_visual .tit_h2{font-weight:800; font-size:2em; text-transform:uppercase}
#sub_visual .tit_h2 span{display:block;  margin-bottom:10px; font-size:1.1rem; font-weight:800; letter-spacing:0; text-transform:uppercase; position:relative;}
#sub_visual .tit_h2 b{display:block; line-height:1.2}

@media all and (min-width:768px) {
#sub_visual{border-bottom:0}
#sub_visual .tit_h2{font-size:2.8em; }

#sub_visual p{font-size:18px}
#sub_visual .tit_h2 span:after{position:absolute; right:0; top:0; margin:0}
}

@media all and (min-width:1200px) {
#sub_visual .tit_h2{font-size:3.5em; }

#sub_visual p{font-size:18px}
#sub_visual{border-bottom:0; text-align:left;}

#sub_visual .tit_h2 span{display:flex; flex-wrap:wrap; align-items:center}
#sub_visual .tit_h2 span:before{content:''; display:block; width:40px; height:3px; background:var(--main_color); margin-right:20px;}


}


.subwrap{/*background:#f0f0f0*/}
.sub_tab{display:none}
.sub_con{margin: 0 auto; position:relative; max-width:var(--container); min-height:500px; padding:40px 5% 60px;  }
.sub_con:after{content:''; clear:both; display:block}
.sub_con010200{padding-bottom: 0px !important;}

/*컬러패스*/
#sub_drop{width:100%;position:relative;z-index:10;/* background:var(--main_color); */}
/*#sub_drop .inner{background:#767ba5;}*/

#sub_drop .inner:after{content:''; display:block; clear:both}
#sub_drop .dropdown{width:calc(100% - 45px); float:left; position:relative;}
#sub_drop .dropdown.home{width:45px; border:0; display:block;}
#sub_drop .dropdown.home a{display:block; line-height:45px; padding:0 10px; text-align:center; position:relative; text-indent:-9999px}
#sub_drop .dropdown.home a:before{font-family:'mso'; content:'\e88a'; color:#fff; font-size:1.3rem; 
  font-variation-settings:
  'FILL' 1,
  'wght' 500;
  text-indent:0;
  position:absolute;
  left:0; right:0;}


#sub_drop .home img{display:inline-block; vertical-align:middle; max-width:15px}

#sub_drop .dropdown.active a.dropbtn:after{ -webkit-transform:rotate(180deg);
  -moz-transform:rotate(180deg);
  -ms-transform:rotate(180deg);
  -o-transform:rotate(180deg);
  transform:rotate(180deg)}

  #sub_drop .dropdown.active a.dropbtn{color:#121212; }

#sub_drop .dropdown ul{}
#sub_drop .dropdown ul li{padding:5px 20px; }
#sub_drop .dropmenu {display: none;  position: absolute;  z-index: 5; background:#ffffff; border:1px solid #e6e6e6;  color:#323232; text-align:left; left:0; box-sizing:content-box; left:-1px; width:100%; padding:10px 0px; border-top:0}
#sub_drop .dropmenu a{display:block; line-height:30px;}
#sub_drop .dropmenu a:hover {color:var(--main_color); font-weight:500;}
#sub_drop .dropdown > .dropmenu li{position:relative;}
#sub_drop .dropdown > .dropmenu li a{display: block;}
#sub_drop .dropdown > .dropmenu li a[target='_blank']:after {font-family: 'mso'; font-size:11px; display:inline-block; content:"\e89e"; margin: 0 0 2px 5px; vertical-align: middle;}

#sub_drop .dropdown.active > .dropmenu {display:block;}

#sub_drop:after{display:block; content:''; clear:both;}

@media all and (min-width:980px) {


}






#fl_menu{display:none;}
.con{position:relative; min-height:500px;}
.conh3{font-size:1.4em; font-weight:500; color:#000000; text-align:center; padding-bottom:20px; border-bottom:20px; position:relative}
.conh3:after{content:''; display:block; width:40px; height:1px; background:#323232; position:absolute; bottom:0; left:0; right:0; margin:auto}


.path{display:none;}
.path li{font-size:16px; display:inline-block; vertical-align:top;}
.path li:before{content:'\f105'; font-family:'FontAwesome'; display:inline-block; padding:0px 10px}
.path li:first-child:before{display:none;}

/*패스메뉴
.dropbtn {background:none; width:100%; text-align:left; border:none; display:inline-block; height:auto; position:relative; color:#ffffff; font-size:12px;}
.dropbtn:after{font-family:'FontAwesome'; content:'\f078'; position:absolute; right:10px; color:#ffffff; font-size:8px; line-height:36px;}


.dropmenu {display: none; width:100%; position: absolute;  z-index: 5; border-width:0 1px 1px 1px; margin-top:-1px}
.dropmenu a {display:block; color:inherit; font-size:12px}
.dropmenu.show {display:block;}

.dropmenu ul{padding:10px; background:#1c3f95; }
.dropmenu ul li{padding:5px 0px; font-size:0.9em; cursor: pointer; color:#ffffff; text-align:left; line-height:32px;}
*/



@media all and (min-width:768px) {
.sub_con{padding:80px 5%}
.conh3{font-size:1.8em}
#sub_visual{padding:140px 0px 80px;}




}

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

#sub_visual{padding:200px 0px 90px;}
.subwrap{margin: 0 auto; position:relative;}
.sub_tab{display:block;background:#0788c7; padding:10px 0px; text-align:right; color:#ffffff; font-size:0.85em; text-align:right;}
.sub_tab h3, .sub_tab p{display:inline-block; margin-left:15px; color:#fbdf40; font-weight:bold}
.sub_tab h3{color:#ffffff}
.sub_tab h3 span{margin-right:10px; text-transform:uppercase; color:#fbdf40}
.sub_tab p {border-radius:50px; background:#462e16; padding:5px 10px;}

#twodepthNav {position:relative; display:block; margin-top:-70px}
#twodepthNav ul.li02 li{width:25%;}

/*#sub_visual{padding:140px 0 120px;}*/

.sub_con{position:relative;  min-height:700px;  padding:90px 20px; }

.con{width:1160px; margin:0 auto; }
.conh3{font-size:2em; padding-bottom:30px}
}

@media all and (min-width:1200px) {
.path{display:block; position:absolute; right:20px; bottom:10px}
}

@media all and (min-width:1600px) {
.sub_con{padding:110px 20px 140px; }

}

@media all and (min-width:1640px) {
#sidemenu{display:block}
#fl_menu{display:block; position:absolute; right:20px; z-index:9999; width:125px; top:0px; height:600px}
#fl_menu .label{text-align:center; line-height:80px; font-size:18px; font-weight:bold; background:#29343f; color:#fff;}
#fl_menu ul {text-align:center; padding:10px 0px 30px; background:#ffffff}
#fl_menu ul li a{font-size:16px; font-weight:600; padding:8px 0px}
#fl_menu ul li span{display:block}
#fl_menu .menu{display:block; border:1px solid #dcdcdc}
#fl_menu .menu img{max-width:60px}
#fl_menu .menu .menu_item{display:block; background:#ffffff; color:#323232; }


}




/*텍스트효과*/

.motion01{animation-name:sub_tt;animation-duration:1000ms;animation-fill-mode:both;animation-delay:200ms;animation-timing-fonction:ease-out;}
.motion02{animation-name:sub_tt;animation-duration:1000ms;animation-fill-mode:both;animation-delay:200ms;animation-timing-fonction:ease-out;}




@-webkit-keyframes heartbeat{from{-webkit-transform:scale(1);transform:scale(1);-webkit-transform-origin:center center;transform-origin:center center;-webkit-animation-timing-function:ease-out;animation-timing-function:ease-out}10%{-webkit-transform:scale(.91);transform:scale(.91);-webkit-animation-timing-function:ease-in;animation-timing-function:ease-in}17%{-webkit-transform:scale(.98);transform:scale(.98);-webkit-animation-timing-function:ease-out;animation-timing-function:ease-out}33%{-webkit-transform:scale(.87);transform:scale(.87);-webkit-animation-timing-function:ease-in;animation-timing-function:ease-in}45%{-webkit-transform:scale(1);transform:scale(1);-webkit-animation-timing-function:ease-out;animation-timing-function:ease-out}}@keyframes heartbeat{from{-webkit-transform:scale(1);transform:scale(1);-webkit-transform-origin:center center;transform-origin:center center;-webkit-animation-timing-function:ease-out;animation-timing-function:ease-out}10%{-webkit-transform:scale(.91);transform:scale(.91);-webkit-animation-timing-function:ease-in;animation-timing-function:ease-in}17%{-webkit-transform:scale(.98);transform:scale(.98);-webkit-animation-timing-function:ease-out;animation-timing-function:ease-out}33%{-webkit-transform:scale(.87);transform:scale(.87);-webkit-animation-timing-function:ease-in;animation-timing-function:ease-in}45%{-webkit-transform:scale(1);transform:scale(1);-webkit-animation-timing-function:ease-out;animation-timing-function:ease-out}}
@-webkit-keyframes jello-vertical{0%{-webkit-transform:scale3d(1,1,1);transform:scale3d(1,1,1)}30%{-webkit-transform:scale3d(.75,1.25,1);transform:scale3d(.75,1.25,1)}40%{-webkit-transform:scale3d(1.25,.75,1);transform:scale3d(1.25,.75,1)}50%{-webkit-transform:scale3d(.85,1.15,1);transform:scale3d(.85,1.15,1)}65%{-webkit-transform:scale3d(1.05,.95,1);transform:scale3d(1.05,.95,1)}75%{-webkit-transform:scale3d(.95,1.05,1);transform:scale3d(.95,1.05,1)}100%{-webkit-transform:scale3d(1,1,1);transform:scale3d(1,1,1)}}@keyframes jello-vertical{0%{-webkit-transform:scale3d(1,1,1);transform:scale3d(1,1,1)}30%{-webkit-transform:scale3d(.75,1.25,1);transform:scale3d(.75,1.25,1)}40%{-webkit-transform:scale3d(1.25,.75,1);transform:scale3d(1.25,.75,1)}50%{-webkit-transform:scale3d(.85,1.15,1);transform:scale3d(.85,1.15,1)}65%{-webkit-transform:scale3d(1.05,.95,1);transform:scale3d(1.05,.95,1)}75%{-webkit-transform:scale3d(.95,1.05,1);transform:scale3d(.95,1.05,1)}100%{-webkit-transform:scale3d(1,1,1);transform:scale3d(1,1,1)}}
@-webkit-keyframes text-pop-up-bottom{
	0%{-webkit-transform:translateY(0);transform:translateY(0);-webkit-transform-origin:50% 50%;transform-origin:50% 50%;text-shadow:none}
	100%{-webkit-transform:translateY(10px);transform:translateY(10px);-webkit-transform-origin:50% 50%;transform-origin:50% 50%;}
	}
@keyframes text-pop-up-bottom
	{0%{-webkit-transform:translateY(0);transform:translateY(0);-webkit-transform-origin:50% 50%;transform-origin:50% 50%;text-shadow:none}
	100%{-webkit-transform:translateY(10px);transform:translateY(10px);-webkit-transform-origin:50% 50%;transform-origin:50% 50%;}
	}

@media all and (max-width:1200px) {
#layerPopup0{top:100px !Important; left:0 !Important;}
#layerPopup1{top:435px !Important; left:0 !Important;}
#layerPopup2{top:770px !Important; left:0 !Important;}
#layerPopup3{top:1105px !Important; left:0 !Important;}
#layerPopup4{top:1440px !Important; left:0 !Important;}
#layerPopup5{top:1775px !Important; left:0 !Important;}
}





/*mainvs*/



.visualWrap{position:relative}
.visuslider{background:#323232}
.visuslider .visu{position:relative; height:100vh; min-height:600px; max-height:1080px; z-index:2; display:flex !important; align-items:center; overflow:hidden}


.visuslider .visu:before{content:'';display:block;position:absolute;left:0;top:0;bottom:0;right:0;margin:auto;background-size:cover !Important;z-index:0;transition: 5s;}
.visuslider .visu:after{content:'';display:block;position:absolute;left:0;top:0;bottom:0;right:0;margin:auto;z-index:1;/* background:linear-gradient(180deg, rgba(0,0,0,0.5) 0%, rgba(0,0,0,0.0) 100%); */}
.visuslider .slick-active.visu:before{transform: scale(1.1);}
.visuslider .visu.visu01:before{background:url(../img/visual01.png) no-repeat center center;}
.visuslider .visu.visu02:before{background:url(../img/visual02.png) no-repeat center center; }
.visuslider .visu.visu03:before{background:url(../img/visual03.png) no-repeat center center;}
.visualWrap .scroll{display: none;}
@keyframes zoomout {
	0% { transform: scale(1); }
    100% {        transform: scale(1.1);    }
}

.visuslider .visu .txt{color:#ffffff;width:100%;padding:0 4%;position:absolute;z-index:5;text-align:center;margin-top: -50px;} /*텍스트글자*/
.visuslider .slick-active .visu .txt:before{content:''; position:absolute; width:250px; height:250px; background:url(../img/visu_deco.png) no-repeat center center; background-size:100% !important; z-index:3; opacity:0.5; left:0; right:0; top:0; bottom:0; margin:auto; 
animation-name:ani_deco; animation-duration:1s; animation-fill-mode:both; animation-delay:0.6s;
/*-webkit-animation:rotate-center 30s ease-in-out infinite both;animation:rotate-center 30s ease-in-out infinite both*/}


.visuslider .visu .txt .top{
    text-transform: uppercase;
    letter-spacing: 0px;
    opacity: 0.8;
    color: var(--main_color);
}
.visuslider .visu .txt .text1{
    font-weight: 800;
    font-size: 34px;
}
.visuslider .visu .txt .text2{color:#ffffff;-webkit-text-fill-color:transparent;-webkit-text-stroke-width: 1px;text-transform: uppercase;letter-spacing: 1px;font-size: 36px;font-weight: 900;line-height: 1.1;}


@-webkit-keyframes rotate-center {
  0% {
    -webkit-transform: rotate(0);
            transform: rotate(0);
  }
  100% {
    -webkit-transform: rotate(360deg);
            transform: rotate(360deg);
  }
}
@keyframes rotate-center {
  0% {
    -webkit-transform: rotate(0);
            transform: rotate(0);
  }
  100% {
    -webkit-transform: rotate(360deg);
            transform: rotate(360deg);
  }
}



@media all and (min-width:768px) {
.visuslider .visu .txt h2{font-size:3em}
.visuslider .visu .txt h2 em.smtxt{font-size:0.4em}

.visuslider .slick-active .visu .txt:before{width:350px; height:350px;}

}

@media all and (min-width:1200px) {
.visusliderWrap{overflow:hidden;}
.visuslider .visu .txt{width: 1480px;padding:0;top:auto;left:0;right:0;margin:0 auto;/* padding: 0 20px; */text-align: left;line-height: 1.1;}
.visuslider .visu .txt h2:before{left:auto;}
.visuslider .visu .txt h2{font-size:4em;}
.visuslider .visu .txt h2 em.smtxt{margin-bottom:0}
.visuslider .slick-active .visu .txt:before{width:580px; height:580px;}
.visuslider .visu .txt .top{font-size:20px;margin-bottom: 24px;}
	.visuslider .visu .txt .text1{font-size:80px;}
	.visuslider .visu .txt .text2{font-size:80px;}
    .visualWrap .scroll{
    display: block;
    position: absolute;
    bottom: 0;
    right: 0;
    width: 100px;
    height: 100vh;
    background: #db1921b5;
    z-index: 1;
}
    .visualWrap .scroll span{
    font-family: "Play", sans-serif;
    font-weight: 700;
    font-style: normal;
    color: #fff;
    position: absolute;
    bottom: 139px;
    white-space: nowrap;
    transform: rotate(-90deg);
    font-size: 14px;
    letter-spacing: 1px;
    right: -7px;
}
    .visualWrap .scroll i{
    position: absolute;
    bottom: 55px;
    right: 43px;
}

@-webkit-keyframes trr {
  0% {
    opacity:1;
  }
 40% {
    opacity:0;
  }
  80% {
    opacity:1;
  }
  100% {
    opacity:1;
  }
}

	
	.visualWrap .scroll i:after{
    -webkit-animation-name: trr;
    -webkit-animation-duration: 1.5s;
    -webkit-animation-iteration-count: infinite;
    -webkit-animation-timing-function: linear;}
	.visualWrap .scroll i:before{
    -webkit-animation-name: trr;
    -webkit-animation-duration: 1.5s;
    -webkit-animation-iteration-count: infinite;
    -webkit-animation-timing-function: linear;
    animation-delay: 0.5s;
}
	.visualWrap .scroll i:after, .visualWrap .scroll i:before{
		display:block;
		clear:both;
		content:"";
		width: 8px;
		height: 8px;
		border-top: 2px solid #fff;
		border-right: 2px solid #fff;
		transform: rotate(135deg);
	}
    
}

@media all and (min-width:1600px) {
.visuslider .visu .txt{/* width:1600px; */}
.visuslider .visu .txt h2{font-size:5.5em;}
}

@keyframes zoomout {
	0% { transform: scale(1); }
    100% {        transform: scale(1.1);    }
}



.main-visual-control{
  position:absolute;
  bottom:calc(20% + 40px);
  left:50%;
  transform:translate(-50% , -50%);
  padding:0 3%;
  width:100%;
  z-index:3;
  max-width:300px;
  display:flex;
  align-items:center;
  justify-content: center;
}
.main-visual-control .slick-dots{
    margin-top:0;
    margin-left:0;
    cursor: pointer;
}

.main-visual-control .ico{
    filter:brightness(0) invert(1);
}

.main-visual-control > button{
    margin:0;
    width:30px;
	height:30px;
	line-height:30px;
	left:0;
	top:0;
	bottom:0;
	margin:auto;
	background:none;
    text-align:center;
}

.main-visual-control > button.next-visual{left:auto; right:0}

.main-visual-control > button:before{color:#ffffff}
.main-visual-control > button.next-visual:before{content:'\f105';}

.main-visual-control .slick-dots{
    background:transparent;
    display: flex !important;
    justify-content: center;
}

.main-visual-control .slick-dots li{
  width:30px;
  height:30px;
  background:transparent;
  position:relative;
  margin:0 !important;
}

.main-visual-control .slick-dots li:after{
  content:"";
  display:inline-block;
  width:8px;
  height:8px;
  background-color:#fff;
  border-radius:100%;
  position:absolute;
  left:50%;
  top:50%;
  margin-top:-4px;
  margin-left:-5px;
}

.circle_wrap {
  overflow: hidden;
  position: relative;
  width: 30px;
  height: 30px;
  border-radius: 30px;
  background-color: transparent;
}

.circle_wrap .circle {
  overflow: hidden;
  position: absolute;
  left: 0;
  top: 0;
  width: 30px;
  height: 30px;
  border-radius: 30px;
  clip: rect(0px, 30px, 30px, 15px)
}

.slick-active .circle_wrap .circle-line {
  width: 30px;
  height: 30px;
  border-radius: 100%;
  border: 2px solid rgba(255,255,255,0.3);
}

.circle_wrap .circle-inner {
  overflow: hidden;
  position: absolute;
  left: 0;
  top: 0;
  width: 30px;
  height: 30px;
  border-radius: 30px;
  border:2px solid #fff;
  clip: rect(0px, 15px, 30px, 0px)
}

.circle_wrap .circle2 {
  -webkit-transform: rotate(180deg);
  transform: rotate(180deg)
}

.slick-active .circle1 .circle-inner {
  -webkit-animation-name: circle_round;
  -webkit-animation-duration: 3s;
  -webkit-animation-iteration-count: 1;
  -webkit-animation-timing-function: linear;
  -webkit-animation-fill-mode: forwards
}

.slick-active .circle2 .circle-inner {
  -webkit-animation-name: circle_round;
  -webkit-animation-duration: 3s;
  -webkit-animation-delay: 3s;
  -webkit-animation-iteration-count: 1;
  -webkit-animation-timing-function: linear;
  -webkit-animation-fill-mode: forwards
}

@-webkit-keyframes circle_round {
  0% {
    -webkit-transform: rotate(0deg);
    transform: rotate(0deg)
  }

  100% {
    -webkit-transform: rotate(180deg);
    transform: rotate(180deg)
  }
}

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

	.main-visual-control{
    max-width: 1480px;
    padding: 0 20px;
    display: flex;
    justify-content: flex-start;
}
	.main-visual-control .slick-dots{transform: scale(1.1);}
	.circle_wrap{
    /* transform: scale(1.1); */
}
}


.slick-active .ani_txt {animation-name:ani_txt; animation-duration:1s; animation-fill-mode:both; animation-delay:0.5s;}
.slick-active .ani_txt2 {animation-name:ani_txt; animation-duration:1s; animation-fill-mode:both; animation-delay:1s;}
.slick-active .ani_txt3 {animation-name:ani_txt; animation-duration:1s; animation-fill-mode:both; animation-delay:1.5s;}

@keyframes ani_txt {
	0% {opacity:0; transform:translateY(30px);}
	100% {transform:translateY(0); opacity:1;}
}
@-webkit-keyframes ani_txt {
	0% {opacity:0; transform:translateY(30px);}
	100% {transform:translateY(0); opacity:1; }
}







/* 서브레이아웃 */
#sub_vis {position:relative; padding:120px 0 0; background:#444 no-repeat center center / cover; color:#fff;}
#sub_vis:before {content:''; display:inline-block; width:100%; height:1px; background:#ffffff20; position:absolute; left:0; bottom:50px;}
#sub_vis:after {content:'';display:inline-block;width:100%;height:100%;background: #00000042;position:absolute;left:0;top:0;}
/*#sub_vis .pdinner:before {content:'KUMAH Steel'; color:#ffffff10; font-size:3em; font-weight:800; display:flex; align-items:center; height:100%; position:absolute; right:20px; top:0; z-index:1;}*/
#sub_vis h3 {color:#fff;font-weight: 500;position:relative;z-index:2;}
#sub_vis h2 {font-size:1.75em; color:#fff; font-weight:700; position:relative; z-index:3;}
#sub {width:100%; margin:0 auto; position:relative; min-height:400px; padding:40px 0 80px; overflow:hidden;}
.subwrap {margin:0 auto;}

@media all and (min-width:768px) {
	#sub_vis {padding-top:140px;}
  #sub_vis .pdinner:before {font-size:4em;}
	#sub_vis h3 {font-size:1.25em;}
	#sub_vis h2 {font-size:2.5em;}
}

@media all and (min-width:1200px) {
	#sub_vis {padding-top:180px;}
  #sub_vis:before {bottom:60px;}
  #sub {min-height:650px; padding:60px 0 80px;}
	#sub_vis h2 {font-size: 3em;}
}


/*서브메뉴 - 공통 */
#sub_drop {display:flex; align-items:center; justify-content:center; width:100%; z-index:100; margin:40px auto 0;}
#sub_drop .dropdown.home {overflow:hidden; width:50px;}
#sub_drop .dropdown.home a {display:flex; align-items:center; justify-content:center; width:100%; height:100%;}
#sub_drop .dropdown.home a:after {content:"home"; font-family:var(--ic); color:#fff;}
#sub_drop .dropdown {position:relative; z-index:101; height:50px; text-align:left;}
#sub_drop .dropdown.deph01,
#sub_drop .dropdown.deph02 {width:calc(50% - 20px);}
#sub_drop .dropbtn {width:100%; display:inline-block; position:relative; padding:0 1em 0 0.5em; cursor:pointer;  text-overflow:ellipsis; white-space:nowrap; word-wrap:normal; overflow:hidden; height:50px; line-height:50px;}
#sub_drop .dropbtn:after{font-family:'mso';content:'\e5cf';position:absolute;right:10px;font-size: 20px;top:0;bottom:0;margin:auto;transition:0.3s;}

#sub_drop .dropdown .show {display:block; position:absolute; left:0; top:50px;}
#sub_drop .dropdown ul {padding:0.5em 0;}
#sub_drop .dropdown ul li {padding:0.25em 0.75em;}
#sub_drop .dropdown ul li:hover {font-weight:700;}
#sub_drop .dropdown ul li a {display:block; color:#fff;}
#sub_drop .dropmenu {display:none; background:#00000090; backdrop-filter:blur(5px); box-sizing:content-box; width:100%; overflow:hidden;}

@media all and (min-width:768px) {
	#sub_drop {max-width: 520px;margin:60px 0 0 auto;}
}

@media all and (min-width:1200px) {
  #sub_drop .dropdown.home {width:60px;border-left: 1px solid #ffffff20;border-right: 1px solid #ffffff20;}
  #sub_drop .dropdown {height:60px; border-right:1px solid #ffffff20;}
  #sub_drop .dropbtn {height:60px;line-height:60px;padding: 0 15px;}
  #sub_drop .dropdown .show {top:60px;}
}



.noemail .box {
    border: 10px solid #f0f0f0;
    padding: 20px 3%;
}

.noemail .box h1 {
    font-size: 1.5em;
    font-weight: 600;
}
.tlt-de{
    font-size: 24px;
    font-weight: 600;
    margin-bottom: 15px;
    position: relative;
    padding-left: 12px;
    /* color: var(--main-color); */
}


/*사이트맵*/
.sitemap ul {display:flex; flex-wrap:wrap; gap:20px 2%; text-align:center;}
.sitemap li {width:49%; background:#f5f5f6;}
.sitemap li h3 {width:100%;padding:15px;font-weight:700;font-size:1.1em;background: var(--gr_color);color:#fff;}
.sitemap li .sub {padding:15px;}
.sitemap li .sub dl {display:flex; flex-wrap:wrap; gap:10px;}
.sitemap li .sub dd {width:100%;}

@media all and (min-width:768px) {
.sitemap li {width:32%;}
}

@media all and (min-width:1200px) {
.sitemap ul {gap:40px 2%;}
.sitemap li {width:23.5%;}
}





.core-box {
    text-align: center;
    padding: 60px 20px;
    color: #fff;
    position: relative;
}
.core-box:after{
	display:block;
	clear:both;
	content:"";
	width:calc(100% + 40px);
	background: url('../img/vision.jpg') no-repeat center center/cover;
	/* width:100%; */
	height:100%;
	position:absolute;
	top:0;
	left: -20px;
	z-index:-1;
}

.core-box__title {
    display: block;
    font-size: 24px;
    font-weight: bold;
    margin-bottom: 40px;
}

.core-box__list {
    display: flex;
    flex-direction: column;
    gap: 0px;
    align-items: center;
    justify-content: center;
    padding: 0;
    list-style: none;
}

.core-box__item {
    /* background-color: rgba(0, 0, 0, 0.4); */
    padding: 30px 20px;
    /* border-radius: 100px; */
    max-width: 320px;
    width: 100%;
    border-bottom: 1px solid #ffffff36;
}
.core-box__item:last-child{border:0px;}
.core-box__icon {
    display: block;
    width: 80px;
    height: 80px;
    margin: 0 auto 15px;
    background-color: #db1921d4;
    border-radius: 50%;
    position: relative;
    display: flex;
    align-items: center;
    justify-content: center;
}
.core-box__icon img{
    width: 45px;
}
.core-box__icon:after{
}

.core-box__label {
    display: block;
    font-size: 18px;
    font-weight: bold;
    margin-bottom: 10px;
}

.core-box__desc {
    display: block;
    font-style: normal;
    font-size: 14px;
    line-height: 1.6;
}
.core-box__desc br{display:none;}

/* Tablet (min-width: 768px) */
@media (min-width: 768px) {
    .core-box__list {
        flex-direction: row;
        flex-wrap: wrap;
        gap: 20px;
    }

    .core-box__item {
        max-width: 220px;
        border-bottom: 0px;
        /* border-right: 1px solid #ffffff36; */
    }

    .core-box__title {
        font-size: 28px;
    }
	.core-box:after{
    left: -50px;
    width: calc(100% + 100px);
}
}

/* Desktop (min-width: 1200px) */
@media (min-width: 1200px) {
    .core-box {
        padding: 100px 40px;
    }

    .core-box__title {
        font-size: 40px;
        margin-bottom: 50px;
    }

    .core-box__list {
        gap: 40px;
    }

    .core-box__item {
        max-width: 400px;
    }

    .core-box__label {
        font-size: 24px;
    }

    .core-box__desc {
        font-size: 18px;
    }
	.core-box__desc br{display:block;}
	.core-box:after{
    width: 2000px;
    left: 50%;
    margin-left: -1000px;
}
	.core-box__icon{
    width: 120px;
    height: 120px;
    margin-bottom: 20px;
}
	.core-box__icon img{width:55px;}
}