@charset "utf-8";
.ani_item {
	position: relative; 
	opacity: 0;
    -webkit-opacity: 0;
    -moz-opacity: 0;
    -ms-filter: progid:DXImageTransform.Microsoft.Alpha(opacity=(0));
    filter: alpha(opacity = (0));
    -webkit-transform: translate(0, 100px);
    -moz-transform: translate(0, 100px);
    -ms-transform: translate(0, 100px);
    -o-transform: translate(0, 100px);
    transform: translate(0, 100px);
    -webkit-transition: all 0.7s ease;
    -moz-transition: all 0.7s ease;
    -o-transition: all 0.7s ease;
    -ms-transition: all 0.7s ease;
    transition: all 0.7s ease;
}
.ani_item.imon {
	opacity: 1;
	-webkit-opacity: 1;
	-moz-opacity: 1;
	-ms-filter: progid:DXImageTransform.Microsoft.Alpha(opacity=(100));
	filter: alpha(opacity = (100));
	-webkit-transform: translate(0, 0);
	-moz-transform: translate(0, 0);
	-ms-transform: translate(0, 0);
	-o-transform: translate(0, 0);
	transform: translate(0, 0);
}
.allicon{background:url('../images/old/all_icon.png') no-repeat;}

body{background:#FFF;overflow-x:hidden;}
.ieYes {display:none}
.ieNo {display:block}
body.ie .ieYes {display:block}
body.ie .ieNo {display:none}

.aniank{position: relative; overflow:hidden; display:inline-block; padding:10px 30px 8px; color:#FFF; font-size:18px; font-weight:700; background:#f47320;border-radius:8px; box-shadow:3px 3px 6px 0px rgb(0, 0, 0 ,.3);}
.aniank:after {content:''; background-color: rgba(255, 255, 255, 0.55); border-radius: 100%; height: 100px; width: 100px; position: absolute; left:50%;top:50%; margin:-50px 0 0 -50px; -webkit-transform: scale(0); transform: scale(0);}
.aniank:hover:after {-webkit-animation: ripple1 1.5s linear; animation: ripple1 1.5s linear;}
@-webkit-keyframes ripple1 {   100% {-webkit-transform: scale(9);transform: scale(9);background-color: transparent;}}
@keyframes ripple1 {   100% {-webkit-transform: scale(9);transform: scale(9);background-color: transparent;}}

.fancybox-container *{color:#FFF;}


#Document{background:#fff9e9;}
.contantWw .secwrap {overflow: hidden;}
.contantWw .secwrap .seccont {width:1200px; margin:0 auto; position:relative;}
.header_Box {position:fixed; top:0; left:0; right:0; width:100%; height:100px; background:rgba(255,255,255,.8); z-index:100; transition: all 0.3s ease;}
.header_Box h1 {transition: all 0.4s ease;position:absolute; width:225px; left:40px; top:32px; height:50px; background: url('../images/old/all_icon.png') -106px 0; text-indent:-300%; text-align:left; white-space: nowrap; overflow: hidden;}
.header_Box > div {width:100%;position:relative; margin:0 auto}
.header_Box > div > p {transition: all 0.4s ease; position: absolute; left: 270px; top:41px; font-size:20px; font-weight: 900;}
.header_Box .navimenu_btn {position:absolute; text-indent:-300%; overflow:hidden; right:40px; top:40px; background:url('../images/all_icon.png') no-repeat -370px -6px; transition: all 0.3s ease;}

.header_Box.on {height:70px; box-shadow:0px 2px 9px 3px rgba(171, 171, 171, .8);}
.header_Box.on h1 {top:12px;}
.header_Box.on > div > p {top:22px;}
.header_Box.on .navimenu_btn {top:25px;}


.section_01 {transition: all 0.5s .3s ease; opacity:0;}
.section_01.on {opacity:1;}
.contantWw .secwrap.section_01 .seccont {width:100%;}

.section_01 .owl-item {text-align:center;width:100%;}
.section_01 .owl-item img {width:auto; display:inline-block;}
.section_01 .owl-item .item {position:relative;}
.section_01 .owl-dots {position:absolute; bottom:20px; width:100%; left:0; right:0; text-align:center}
.section_01 .owl-dot {display:inline-block;}
.section_01 .owl-dot + .owl-dot{margin-left:17px;}
.section_01 .owl-dot span {width: 10px; height: 10px; display: block; border-radius:5px; background: #FFF; transition: all .3s ease-in-out;box-shadow: 0px 1px 1px 1px rgba(171, 171, 171, .7);}
.section_01 .owl-dot.active span {width: 35px; background: #f47320;}
/*.owl-stage {transition:all 0.6s ease 0s !important} */
/*
.section_01 .navdot1 .owl-dot span,
.section_01 .navdot3 .owl-dot span,
.section_01 .navdot5 .owl-dot span {background: #ffd731;}
*/

.section_01 .owl-nav {position:absolute; width:100%; left:0; right:0; top:50%; height:30px;}
.section_01 .owl-nav > div {position:absolute; width:103px; top:0; height:27px; background: url('../images/all_icon.png'); text-indent:-300%; text-align:left; white-space: nowrap; overflow: hidden;}
.section_01 .owl-nav > div.owl-prev {left:0px;background-position:0px -197px;}
.section_01 .owl-nav > div.owl-next {right:0px;background-position:0px -243px;}
.section_01 .po-ab {position:absolute;}
.section_01 .carcd {position:absolute; overflow:hidden; border-radius:100%; transition: all 1.7s cubic-bezier(.47,1.64,.41,.8); transform:scale(0); opacity:0;
background: -moz-linear-gradient(-45deg,  rgba(255,235,216,0.6) 0%, rgba(244,115,32,1) 100%);
background: -webkit-linear-gradient(-45deg,  rgba(255,235,216,0.6) 0%,rgba(244,115,32,1) 100%);
background: linear-gradient(135deg,  rgba(255,235,216,0.6) 0%,rgba(244,115,32,1) 100%);
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#99ffebd8', endColorstr='#f47320',GradientType=1 );
}
.active .carcd {transform:scale(1); opacity:1;}

.section_01 .car_01 {background:#dedfe3;}
.section_01 .car_01 .viimg {text-align:right; position:relative; z-index:1;}
.section_01 .car_01 .item01Text01 {width:1200px; left:50%; margin-left:-600px; top:40%; z-index:4;}
.section_01 .car_01 .item01Text01 span {display:block; position:absolute; left:0;top:0; transition: all 0.7s ease-in-out; opacity:0; transform: translate(300px, 0); }
.section_01 .car_01 .item01Text01 span.s01t01 {transition-delay:.2s}
.section_01 .car_01 .item01Text01 span.s01t02 {transition-delay:.4s}
.section_01 .car_01 .item01Text01 span.s01t03 {transition-delay:.6s}
.section_01 .active .car_01 .item01Text01 span {opacity:1; transform: translate(0px, 0);}
.section_01 .car_01 .carcd.cardeco01 {left:15%; top:0%; width:250px; height:250px; opacity:.6; transition-delay:.6s}
.section_01 .car_01 .carcd.cardeco02 {right:5%; top:50%; width:400px; height:400px; opacity:.8; z-index:2; transition-delay:.8s}
.section_01 .car_01 .carcd.cardeco03 {left:-100px; bottom:-250px; width:500px; height:500px; opacity:.9; z-index:2; transition-delay:1s}

.section_01 .car_02 {background:#fecb92;}
.section_01 .car_02 .item02Text01 {text-align:center; padding-top:200px;position:relative; z-index:4;}
.section_01 .car_02 .item02Text01 span{display:block;}
.section_01 .car_02 .item02Text01 span.mob_block{display:none;}
.section_01 .car_02 .item02Text01 span img {width:100%; max-width:987px;}
.section_01 .car_02 .carList {padding-top:60px;position:relative; z-index:4;}
.section_01 .car_02 .carList li {display:inline-block; margin-left:-2px; padding:0 20px; transition: all 0.7s ease-in-out; opacity:0; transform: translate(300px, 0);}
.section_01 .car_02 .carList li:nth-child(1) {transition-delay:.1s}
.section_01 .car_02 .carList li:nth-child(2) {transition-delay:.2s}
.section_01 .car_02 .carList li:nth-child(3) {transition-delay:.3s}
.section_01 .car_02 .carList li:nth-child(4) {padding:0; }
.section_01 .car_02 .carList li:nth-child(5) {transition-delay:.4s}
.section_01 .car_02 .carList li:nth-child(6) {transition-delay:.5s}
.section_01 .active .car_02 .carList li {opacity:1; transform: translate(0px, 0);}
.section_01 .car_02 .carcd.cardeco01 {right:-5%; top:-10%; width:450px; height:450px; transition-delay:.6s}
.section_01 .car_02 .carcd.cardeco02 {left:-100px; top:20%; width:400px; height:400px; z-index:2; transition-delay:.8s}
.section_01 .car_02 .carcd.cardeco03 {right:20%; bottom:-80px; width:200px; height:200px; z-index:2; transition-delay:1s}

.section_01 .car_03 {background:#f4f4f5;}
.section_01 .car_03 .viimg {text-align:right; padding-top:140px;position:absolute; right:0; bottom:0; z-index:1;}
.section_01 .car_03 .item03Text01 {width:1200px; left:50%; margin-left:-600px; top:40%; z-index:2;}
.section_01 .car_03 .item03Text01 span {display:block; position:absolute; left:0;top:0; transition: all 0.7s ease-in-out; opacity:0; transform: translate(300px, 0); }
.section_01 .car_03 .item03Text01 span.s01t01 {transition-delay:.2s}
.section_01 .car_03 .item03Text01 span.s01t02 {transition-delay:.4s}
.section_01 .car_03 .item03Text01 span.s01t03 {transition-delay:.6s}
.section_01 .active .car_03 .item03Text01 span {opacity:1; transform: translate(0px, 0);}
.section_01 .car_03 .carcd.cardeco01 {left:20%; top:-20%; width:460px; height:460px;transition-delay:.6s}
.section_01 .car_03 .carcd.cardeco02 {right:10%; top:10%; width:350px; height:350px;transition-delay:.8s}
.section_01 .car_03 .carcd.cardeco03 {left:10%; bottom:5%; width:250px; height:250px; opacity:.8;transition-delay:1s}



.section_02 {background:#fffce4;position:relative; min-height:937px;}
.section_02 .seccont {z-index:1; padding:90px 0 80px; }
.section_02 .s02tit {position:relative; }
.section_02 .s02tit img {width:100%; max-width:824px;}
.section_02 .s02tit:after {content:''; position:absolute; left:0; top:-45px; width:43px; height:35px; background:url('../images/all_icon.png') no-repeat 0 0;}
.section_02 .s02disc {position:relative; z-index:1; font-size:20px; line-height:1.7; padding-top:40px;}
.section_02 .s02disc hr {display:block; padding-top:1.5%; border:0; margin:0; }
.section_02 .s02disc:after {content:''; position:absolute; left:0; bottom:-45px; width:43px; height:35px; background:url('../images/all_icon.png') no-repeat 0 -43px;}
.section_02 .sign {font-weight:900; font-size:17px; text-align:right; padding:10px 280px 0px 0;position: relative; z-index: 1;}
.section_02 .pic {position:absolute; left:50%; margin-left:250px; top:20%; width:483px; height:507px;}
.section_02 .pic span {position:absolute;left:0px;top:0px; width:483px; height:507px; background:url('../images/sec02_img01.png') no-repeat 0 0;}
.section_02 .pic span img {transition: all 1.2s ease; opacity:0;}
.section_02 .s02scroll {position:absolute;left:-70px;bottom:20px; width:47px; height:86px; display:none;}
.section_02 .s02scroll a{display:block; overflow:hidden; text-indent:-300%; position:absolute;left:0;bottom:0; width:47px; height:86px; background:url('../images/all_icon.png') no-repeat 0 -91px; }
.section_02.on .pic span img {opacity:1;}
.section_02 .cardeco {position:absolute; left:-100px; top:-250px; overflow:hidden; border-radius:100%; transition: all 1.7s cubic-bezier(.47,1.64,.41,.8); transform:scale(0); opacity:0; width:500px; height:500px;
background: -moz-linear-gradient(-45deg,  rgba(255,239,209,0.6) 0%, rgba(255,217,136,1) 100%);
background: -webkit-linear-gradient(-45deg,  rgba(255,239,209,0.6) 0%,rgba(255,217,136,1) 100%);
background: linear-gradient(135deg,  rgba(255,239,209,0.6) 0%,rgba(255,217,136,1) 100%);
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#99ffefd1', endColorstr='#ffd988',GradientType=1 );
}
.section_02.on .cardeco {transform:scale(1); opacity:1;}



.section_03 {background:#FFF; }
.section_03 .seccont {padding:95px 0; text-align:center;}
.section_03 .s03texteffec {position:relative; width:547px; margin:0 auto;}
.section_03 .s03texteffec span {position:absolute; left:0; top:0; width:100%; transition: all 0.7s ease-in-out; opacity:0;}
.section_03 .s03texteffec span img {width:100%; max-width:547px;}
.section_03 .s03texteffec span:nth-child(1) {transform: translate(0, 60px); position:relative;}
.section_03 .s03texteffec span:nth-child(2) {transition-delay:.4s; transform: translate(-40px, 0px);}
.section_03 .s03texteffec span:nth-child(3) {transition-delay:.6s; transform: translate(-40px, 0px);}
.section_03 .s03texteffec span:nth-child(4) {transition-delay:.8s; transform: translate(-40px, 0px);}
.section_03 .s03texteffec span:nth-child(5) {transition-delay:1.0s; transform: translate(-40px, 0px);}
.section_03 .s03texteffec span:nth-child(6) {transition-delay:1.2s; transform: translate(-40px, 0px);}
.section_03 .s03texteffec span:nth-child(7) {transition-delay:1.6s; transform: translate(40px, 0px);}
.section_03 .s03texteffec span:nth-child(8) {transition-delay:1.8s; transform: translate(40px, 0px);}
.section_03 .s03texteffec span:nth-child(9) {transition-delay:2s; transform: translate(40px, 0px);}
.section_03.on .s03texteffec span {transform:translate(0, 0); opacity:1;}



.section_04 {width:100%;background:#f88c31}
.contantWw .secwrap.section_04 .seccont {width:100%}
.section_04 .s04tit {padding:100px 0 40px; text-align:center;}
.section_04 .s04itemWrap {overflow:hidden; padding:4% 0; position:relative; width:1200px; margin:0 auto}
.section_04 .s04itemWrap:after {content:''; clear:both;}
.section_04 .s04itemWrap .swpic {float:left; width:49%;transition: all 0.7s ease-in-out; opacity:.5; position:relative;}
.section_04 .s04itemWrap .swpic .s04nav {transition: all 0.7s ease-in-out; opacity:0; position:absolute; left:0; bottom:9%; width:160px; height:76px; background:#f88c31;}
.section_04 .s04itemWrap .swpic .s04nav:after {content:''; position:absolute; left:50%; top:10px; width:1px; height:56px; background:#ffad67}
.section_04 .s04itemWrap .swpic .s04nav .s04p_btn, .section_04 .s04itemWrap .swpic .s04nav .s04n_btn {text-indent:-300%; position:absolute;top:0; width:50%; height:100%; overflow:hidden;}
.section_04 .s04itemWrap .swpic .s04nav .s04p_btn {left:0; background:url('../images/all_icon.png') no-repeat -478px 12px;}
.section_04 .s04itemWrap .swpic .s04nav .s04n_btn {left:50%; background:url('../images/all_icon.png') no-repeat -534px  12px;}
.section_04 .s04itemWrap .swpic img {width:100%; max-width:600px; margin-top:-9%}
.section_04 .s04itemWrap .swtext {float:left; width:51%; padding:0 0 0 40px; display:none}
.section_04 .s04itemWrap .swtext p img {width:100%; max-width:596px;}
.section_04 .s04itemWrap .swtext .bytoText {color:#FFF; font-size:20px; line-height:1.85; padding-top:20px;}
.section_04 .s04itemWrap .swtext .bytoText.let01 {letter-spacing:-1px;}
.section_04 .s04itemWrap .swtext .bytoText span{display:block;padding-top:10px}
.section_04 .s04itemWrap .swtext .bytoText span a {color:#FFF; font-weight:700; background:#f83131;}
.section_04 .owl-stage-outer.owl-height {height:auto !important;}
.section_04 .owl-carousel .owl-item .swpic{float:right;}
.section_04 .owl-carousel .owl-item.cloned .swpic{float:right;}
.section_04 .owl-carousel .owl-item.cloned .swtext{display:none}
.section_04 .owl-carousel .owl-item.active .swpic{float:left; opacity:1;}
.section_04 .owl-carousel .owl-item.active .swpic .s04nav {opacity:1;}
.section_04 .owl-carousel .owl-item.active .swtext{display:block}
.section_04 .owl-carousel .owl-item.active + .owl-item .swpic{display:block; float:left; }
.section_04 .s04_owl .owl-nav {position:absolute; left:0; bottom:59%; width:1px; height:0px; visibility:hidden;}



.contantWw .secwrap.section_05 .seccont{width:100%;}
.section_05 {width:100%;background:url('../images/sec05_item01_pic.jpg') no-repeat; background-size: cover;}
.s05wrap {text-align:center; padding:100px 0px}
.s05wrap .s05title {padding:20px 0 30px;}
.s05wrap .s05title img {width:100%; max-width:439px; }
.s05wrap ul li{display:inline-block; padding:0 20px}
.s05wrap ul li:nth-child(4){padding:0}
.s05wrap .s05_bro {text-align:center; padding-top:40px;}
.s05wrap .s05_bro .s05_bropop{background:#f47320;}



.section_06 {background:#FFF; }
.section_06 .seccont {padding:95px 0; text-align:center;}
.section_06 .s06texteffec {position:relative; width:547px; margin:0 auto; padding-top:11.5%}
.section_06 .s06texteffec span {position:absolute; left:0; top:0; width:100%; transition: all 0.7s ease-in-out; opacity:0;}
.section_06 .s06texteffec span img {width:100%; max-width:547px;}
.section_06 .s06texteffec span:nth-child(1) {transform: translate(0, 60px);}
.section_06 .s06texteffec span:nth-child(2) {transition-delay:.4s; transform: translate(-40px, 0px);}
.section_06 .s06texteffec span:nth-child(3) {transition-delay:.6s; transform: translate(-40px, 0px);}
.section_06 .s06texteffec span:nth-child(4) {transition-delay:.8s; transform: translate(-40px, 0px);}
.section_06 .s06texteffec span:nth-child(5) {transition-delay:1.0s; transform: translate(40px, 0px);}
.section_06 .s06texteffec span:nth-child(6) {transition-delay:1.2s; transform: translate(40px, 0px);}
.section_06 .s06texteffec span:nth-child(7) {transition-delay:1.6s; transform: translate(40px, 0px);}
.section_06.on .s06texteffec span {transform:translate(0, 0); opacity:1;}





.contantWw .secwrap.section_07{background:#fffdeb; position: relative;}
.contantWw .secwrap.section_07 .seccont{z-index:1;}
.section_07:after {content:''; position:absolute; left:0; top:0; width:580px; height:376px; background:url('../images/sec07_img01.png') no-repeat;}
.section_07:before {content:''; position:absolute; right:0; bottom:0; width:470px; height:471px; background:url('../images/sec07_img02.png') no-repeat;}
.section_07 .LastWrap {padding-bottom:100px;}
.section_07 .s07title {text-align:center; padding:90px 0 70px;}
.section_07 .s07title img {width:100%; max-width:723px; }

.lasttop {position:relative;}
.LastWrap .lastbtn-rig {text-align:center;}
.LastWrap .lastbtn-rig a {background: #f47320; width:160px;}
.LastWrap .lastbtn-rig a + a {margin-left:10px;}


.lastcount {overflow:hidden; padding:0 20px 50px;position: relative;}
.lastcount .colt {float:left; width:560px;}
.lastcount .corg {float:right;width:500px;}
.lastcount .numBox {}
.lastcount .numBox > p {text-align:center; font-weight:900;font-size:26px;}
.lastcount .numBox .num {padding:10px 0px 55px 0;}
.lastcount .numBox .num span{font-size:71px;font-weight:900; font-family: 'Lato', 'Nanum Square', sans-serif; position:relative; display:block;line-height:1; text-align:right; padding-right:30px;}
.lastcount .numBox .num span:after{content:'원'; position:absolute; right:0; bottom:5px; font-size:30px; font-family:'Nanum Square','맑은 고딕','Malgun Gothic','돋움','Dotum'}
.lastcount .numBox .detailNum01 {}
.lastcount .numBox .detailNum01 p{overflow:hidden;}
.lastcount .numBox .detailNum01 p + p {padding-top:35px;}
.lastcount .numBox .detailNum01 p .t01{float:left; font-size:17px; font-weight:900; font-family: 'Lato', 'Nanum Square', sans-serif;line-height:21px; padding-top:12px}
.lastcount .numBox .detailNum01 p .t02{float:right; font-size:32px; text-align:right; line-height:1.3;}
.lastcount .numBox .detailNum01 > div{text-align:right; font-size:19px; padding-top:43px; line-height:1.4; font-weight:700;}
.lastcount .numBox .detailNum01 > div br {display:none}
.section_07 .s07Text00 {padding:0px 0 50px; text-align:center; font-size:22px; font-weight:700;}




.contantWw .secwrap.section_08{background:#f88c31}
.section_08 .owl-carousel .owl-item img {width:auto}
.section_08 .seccont {padding:100px 0}
.section_08 .s08itemWrap .swpic {float:left; width:50%; position:relative;}
.section_08 .s08itemWrap .swpic .s08nav {transition: all 0.7s ease-in-out; opacity:0; position:absolute; left:0; bottom:9%; width:160px; height:76px; background:#f88c31;}
.section_08 .s08itemWrap .swpic .s08nav:after {content:''; position:absolute; left:50%; top:10px; width:1px; height:56px; background:#ffad67}
.section_08 .s08itemWrap .swpic .s08nav .s08p_btn, .section_08 .s08itemWrap .swpic .s08nav .s04n_btn {text-indent:-300%; position:absolute;top:0; width:50%; height:100%; overflow:hidden;}
.section_08 .s08itemWrap .swpic .s08nav .s08p_btn {left:0; background:url('../images/all_icon.png') no-repeat -478px 12px;}
.section_08 .s08itemWrap .swpic .s08nav .s04n_btn {left:50%; background:url('../images/all_icon.png') no-repeat -534px  12px;}
.section_08 .s08itemWrap .swpic p {padding-left:100px; position:relative;}
.section_08 .s08itemWrap .swpic p:after {content:''; position:absolute; left:17px; top:15px; width:200px; height:200px; border-radius:100%; opacity:.8; transition: all 0.6s .4s cubic-bezier(.47,1.65,.41,.8); transform:scale(0); transform-origin:right bottom;
/* Permalink - use to edit and share this gradient: https://colorzilla.com/gradient-editor/#ffe7aa+0,ffc83c+100&0.5+0,1+100 */
background: -moz-linear-gradient(-45deg,  rgba(255,231,170,0.5) 0%, rgba(255,200,60,1) 100%); /* FF3.6-15 */
background: -webkit-linear-gradient(-45deg,  rgba(255,231,170,0.5) 0%,rgba(255,200,60,1) 100%); /* Chrome10-25,Safari5.1-6 */
background: linear-gradient(135deg,  rgba(255,231,170,0.5) 0%,rgba(255,200,60,1) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#80ffe7aa', endColorstr='#ffc83c',GradientType=1 ); /* IE6-9 fallback on horizontal gradient */
}
.section_08 .active .s08itemWrap .swpic p:after {transform:scale(1);}
.section_08 .s08itemWrap .swpic p img {width:100%; max-width:392px; position:relative; z-index:2;}

.section_08 .s08itemWrap .swtext {float:left; width:50%;}
.section_08 .s08itemWrap .swtext p img {width:100%;}
.section_08 .s08itemWrap .swtext p img.s08img01 {max-width:325px;}
.section_08 .s08itemWrap .swtext p img.s08img02 {max-width:452px;}
.section_08 .s08itemWrap .swtext p img.s08img03 {max-width:296px;}
.section_08 .s08itemWrap .swtext p img.s08img04 {max-width:269px;}
.section_08 .s08itemWrap .swtext .bytoText {color:#FFF; font-size:22px; line-height:2; padding:20px 0 40px;}
.section_08 .s08itemWrap .swtext .bytoText.ffd {padding:20px 0 10px;}
.section_08 .s08itemWrap .swtext .bytoText span{display:block;padding-top:10px}
.section_08 .s08itemWrap .swtext .bytoText span a {color:#FFF; font-weight:700; background:#f83131;}
.section_08 .s08itemWrap .swtext .bytoText01 {color:#FFF; font-size:17px; line-height:1.2; padding-top:20px; position:relative}
.section_08 .s08itemWrap .swtext .bytoText01:after {content:''; position:absolute; left:0; top:0; width:22px; height:3px; background:#ffdb80;}

.section_08 .owl-dots { counter-reset: slides-num; position: absolute; top:100%; left:50%; margin-left: 53px;}
.section_08 .owl-dots:before { content:'|'; position: absolute; left:18px; top:4px; font-size: 15px; color:#FFF;}
.section_08 .owl-dots:after { content: counter(slides-num); display:inline-block; font-size: 20px; position: absolute; left:28px; top:0; color:#FFF;}
.section_08 .owl-dot { display: inline-block; counter-increment: slides-num; margin-right: 5px; }
.section_08 .owl-dot span { display: none; }
.section_08 .owl-dot.active:before { content: counter(slides-num); display:inline-block; font-size:20px; position: absolute; left:0; top:0; font-weight:700; color:#FFF;}

.section_08 .owl-carousel .owl-nav {position: absolute; top:100%; left:50%; width:150px;}
.section_08 .owl-carousel .owl-nav > div {overflow:hidden; position:absolute; width:50px; height:30px; background:url('../images/all_icon.png') no-repeat; text-indent:-300px;}
.section_08 .owl-carousel .owl-nav .owl-prev {left:0; background-position:-451px -72px;}
.section_08 .owl-carousel .owl-nav .owl-next {right:0; background-position:-552px -72px;}





.section_09 {background:#FFF; }
.section_09 .seccont {padding:95px 0; text-align:center;}
.section_09 .s09texteffec {position:relative; width:774px; margin:0 auto; padding-top:7.5%}
.section_09 .s09texteffec span {position:absolute; left:0; top:0; width:100%; transition: all 0.7s ease-in-out; opacity:0;}
.section_09 .s09texteffec span img {width:100%; max-width:774px;}
.section_09 .s09texteffec span:nth-child(1) {transition-delay:0s; transform: translate(-40px, 0px);}
.section_09 .s09texteffec span:nth-child(2) {transition-delay:.2s; transform: translate(-40px, 0px);}
.section_09 .s09texteffec span:nth-child(3) {transition-delay:.8s; transform: translate(40px, 0px);}
.section_09 .s09texteffec span:nth-child(4) {transition-delay:1s; transform: translate(40px, 0px);}
.section_09 .s09texteffec span:nth-child(5) {transition-delay:1.2s; transform: translate(40px, 0px);}
.section_09 .s09texteffec span:nth-child(6) {transition-delay:1.4s; transform: translate(40px, 0px);}
.section_09.on .s09texteffec span {transform:translate(0, 0); opacity:1;}



.contantWw .secwrap.section_10{background:#f5f5f7}
.section_10 .seccont {padding:65px 0 120px; text-align:center;}
.section_10 .seccont img {width:100%; max-width:1208px;}
.section_10 .seccont .iframe {min-height:800px;}



/* 비디오 */
body.scroll_off {overflow-y:hidden;}
.video_wrap {position:fixed;top:0;left:0;width:100%;height:100%;z-index:10001;}
.video_wrap .video_dim {position:fixed;top:0;left:0;width:100%;height:100%;opacity:0.5;filter: alpha(opacity=53);background:#000;text-indent:-9999em;line-height:-9999px;}
.layer_wrap {position:absolute;top:10%;left:20%;z-index:9999;width:60%;height:auto;}
.layer_wrap * {box-sizing: content-box;}
.layer_wrap  a.btn_close {position:absolute; overflow:hidden; text-indent:-300%; top:-25px;right:-25px; width:30px;height:30px; border-radius:100%; color:#FFF; background:url('../images/all_icon.png') no-repeat -350px -119px;}
.layer_wrap .layer_content {overflow:hidden;}
.layer_wrap .layer_content video {width:100%;}




/* common Style */
.secTop_circle {position:relative;}
.secTop_circle > div {position:absolute;}
.secTop_circle > div:before {content:'';transition: all 1.5s ease;position:absolute;border-radius:100%;left:50%;top:0;transform:scale(0);z-index:1;}
.secTop_circle > div:after {content:'';transition: all 1.5s ease;position:absolute;border-radius:100%;left:50%;top:0;transform:scale(0);opacity:.5}
.secwrap.on .secTop_circle > div:before {transform:scale(1)}
.secwrap.on .secTop_circle > div:after {transform:scale(1); animation: ripple2 2s linear;}
@keyframes ripple2 { 0% {transform: scale(0);}  100% {transform: scale(4);background-color: transparent;}}




@media all and  (max-width: 1280px) {
.contantWw .secwrap .seccont {width:100%}
.seccont {padding:0 40px;}

.contantWw .secwrap.section_01 .seccont {padding:0}
.section_01 .car_01 .item01Text01 {width:100%; left:140px; margin-left:0;}
.section_01 .car_01 .viimg img {width:125%}
.section_01 .car_02 .carList {padding:60px 90px 0; overflow:hidden;margin-left:6px;}
.section_01 .car_02 .carList li {float:left; width:20%; padding:0 10px;}
.section_01 .car_02 .carList img {width:100%;}
.section_01 .car_03 .item03Text01 {width:100%; left:140px; margin-left:0;}
.section_01 .car_03 .viimg img {width:90%}

.section_02 .seccont {padding:90px 40px 80px}
.section_02 .pic {margin-left:170px;}

.contantWw .secwrap.section_04 .seccont {padding:0}
.section_04 .s04itemWrap {width:100%}
.section_04 .s04itemWrap .swtext {padding-left:30px}
.section_04 .s04itemWrap .swtext .bytoText {line-height:1.6;}

.lastcount {padding:0 0 50px}
.lastcount .colt {float:none; width:100%; max-width:600px; margin:0 auto}
.lastcount .corg {float:none;width:100%; max-width:600px; margin:0 auto; padding-top:60px}




.section_10 .seccont {padding:65px 40px 120px}

.layer_wrap {left:5%; width:90%;}

}

@media all and  (max-width: 1000px) {
.header_Box {height:80px;}
.header_Box h1 {top:22px; }
.header_Box > div > p {top:31px;}
.header_Box .navimenu_btn {top:30px;}

.header_Box.on {height:60px;}
.header_Box.on h1 {top:8px;}
.header_Box.on > div > p {top:17px;}
.header_Box.on .navimenu_btn {top:17px;}


.section_01 .car_01 .item01Text01 {left:50%; margin-left: -280px;}
.section_01 .car_01 .item01Text01 span.s01t01 {margin-left:10%}
.section_01 .car_02 .item02Text01 {padding-top:30%}
.section_01 .car_03 .item03Text01 {left: 50%; margin-left: -260px; top:25%}
.section_01 .car_03 .item03Text01 span.s01t01 {margin-left:15%}
.section_01 .car_03 .item03Text01 span.s01t03 {margin-left:7%}


.section_02 {height:auto !important; }
.section_02 .seccont {padding:430px 40px 80px}
.section_02 .pic {margin-left:-241px; top:-20px; transform: scale(.75);}
.section_02 .s02disc {text-align:center;}
.section_02 .s02disc br {display:none;}
.section_02 .s02disc hr {padding-top:20px;}

.section_04 .s04tit {padding:100px 0 0}
.section_04 .s04itemWrap {padding:0}
.section_04 .s04itemWrap .swpic {float:none; width:100%; text-align:center;}
.section_04 .s04itemWrap .swpic img {margin-top:0; display:inline-block;}
.section_04 .s04itemWrap .swpic .s04nav {left:50%; margin-left:140px; bottom:8%}
.section_04 .s04itemWrap .swtext {float:none; width:100%; padding:0 0 80px;}
.section_04 .owl-carousel .owl-item.active .swpic {float:none;}

.s05wrap {padding:50px 0;}
.s05wrap ul li {padding:0 5px;}


.section_07 .LastWrap {padding: 100px 20px;}
.section_07:after {display:none}
.section_07:before {display:none}

.lastcount .numBox {width:100%; max-width:none;}
.lastcount .numBox .num span {font-size: 51px;}
.lastcount .corg {padding-top:100px; position:relative;}
.lastcount .corg:after {content:''; position:absolute; top:50px; left:0px; width:100%; height:2px;background:#fde1c2}

.lastcount .numBox .num {text-align:center}
.lastcount .numBox .num span {text-align:center; display:inline-block;}


.section_08 .seccont {padding:50px 0 110px}
.section_08 .s08itemWrap {padding:80px 40px 40px; position:relative;}
.section_08 .s08itemWrap .swpic {float:none; width:100%;}
.section_08 .s08itemWrap .swpic p {padding-left:0; text-align:center;}
.section_08 .s08itemWrap .swpic p img {margin:0 auto}

.section_08 .s08itemWrap .swtext {float:none; width:100%;}
.section_08 .s08itemWrap .swtext > p {position:absolute; top:0; left:0; width:100%; text-align:center;}
.section_08 .s08itemWrap .swtext > p img {display:inline-block;}
.section_08 .s08itemWrap .swtext .bytoText {text-align:center;}
.section_08 .s08itemWrap .swtext .bytoText,
.section_08 .s08itemWrap .swtext .bytoText.ffd {padding: 20px 0 50px;}
.section_08 .s08itemWrap .swtext .bytoText01 {text-align:center; padding-top:30px}
.section_08 .s08itemWrap .swtext .bytoText01:after {left:calc(50% - 11px)}


.section_08 .owl-dots {margin-left:-22px}
.section_08 .owl-carousel .owl-nav {top:calc(35% - 10px); left:20px; width:calc(100% - 40px);}









}



@media all and  (max-width: 840px) {
	.header_Box {height:60px;}
	.header_Box h1 {top: 7px;}
	.header_Box > div > p {top:18px;}
	.header_Box .navimenu_btn {top:18px;}
	.header_Box.on {height: 45px;}
	.header_Box.on h1 {top:0px;}
	.header_Box.on > div > p {top:12px}
	.header_Box.on .navimenu_btn {top:10px;}
	


	.section_01 .owl-nav {display:none;}
	.section_01 .item {overflow:hidden;}
	.section_01 .car_01 .item01Text01 {top:20%; margin:0; text-align:center; left:0;}
	.section_01 .car_01 .item01Text01 span {width:100%; text-align:center; padding:0 40px}
	.section_01 .car_01 .item01Text01 span img {width:100%; max-width:590px;}
	.section_01 .car_01 .viimg {position:absolute; top:5%;}
	.section_01 .car_01 .viimg img {width:230%; margin-left:-90%}
	.section_01 .car_01 .carcd.cardeco01 {left:auto; right:-15%; top:-8%}
	.section_01 .car_01 .carcd.cardeco02 {left:auto; right:-16%; top:auto; bottom:3%;}
	.section_01 .car_01 .carcd.cardeco03 {z-index:0; width:250px; height:250px; left:-5%; top:50%; bottom:auto;}


	.section_01 .car_02 .viimg {padding-top: 360px;}
	.section_01 .car_02 .item02Text01 { padding-top:15%}
	.section_01 .car_01 .item02Text01 span {width:100%; text-align:center; padding:0 40px}
	.section_01 .car_02 .item02Text01 span img {max-width:750px;margin: 0 auto;}
	.section_01 .car_02 .item02Text01 span.s01t02 {padding-top:3%}
	.section_01 .car_02 .carcd.cardeco01 {left:auto; right:-15%; top:-8%; width:300px; height:300px;}
	.section_01 .car_02 .carcd.cardeco02 {left:auto; right:-20%; top:auto; bottom:-13%;}
	.section_01 .car_02 .carcd.cardeco03 {z-index:0; width:250px; height:250px; left:-25%; top:50%; bottom:auto;}
	.section_01 .car_02 .carList {padding:10px 50px 0; text-align:center;}
	.section_01 .car_02 .carList li {float:none; display:inline-block; min-width:150px; padding-bottom:10px}
	.section_01 .car_02 .carList li:nth-child(4) {display:block; height:0; padding:0;}


	.section_01 .car_03 .item03Text01 {z-index:5; top:20%; left:0; margin:0;}
	.section_01 .car_03 .item03Text01 span {width:100%; text-align:center; padding:0 40px}
	.section_01 .car_03 .item03Text01 span img {width:100%; max-width:538px;}
	
	.section_01 .car_03 .carcd.cardeco01 {left:auto; left:-8%; top:-15%; width:300px; height:300px;}
	.section_01 .car_03 .carcd.cardeco02 {left:auto; right:-20%; top:auto; top:30%;}
	.section_01 .car_03 .carcd.cardeco03 {z-index:0; width:200px; height:200px; left:-10%; top:auto; bottom:2%;}
	.section_01 .car_03 .viimg {right:auto; left:0; bottom:-5%;}
	.section_01 .car_03 .viimg img{width:130%;}




	.section_02 .cardeco {display:none;}
	.section_02 .s02tit {padding-top:70px;}
	.section_02 .s02tit img {max-width:659px; margin:0 auto}
	.section_02 .s02tit:after {content:''; position:absolute; left:50%; top:10px; width:43px; height:35px; margin-left:-21px; background:url('../images/all_icon.png') no-repeat 0 -285px;}
	.section_02 .s02disc:after {left:50%; margin-left:-21px;}
	.section_02 .s02disc {padding-top:30px;}
	.section_02 .sign {text-align:center; padding:80px 0 0 0;}
	.section_02 .sign img{margin:0 auto}


	.section_03 .seccont {padding:90px 40px;}
	.section_03 .s03texteffec {width:auto; paddi}


	.contantWw .secwrap.section_04 .seccont {padding:0 40px}
	.section_04 .s04tit {padding:80px 0 0}
	.section_04 .s04tit img {max-width:667px; width:100%}
	.section_04 .s04itemWrap .swpic img {max-width:none}
	.section_04 .s04itemWrap .swpic .s04nav {left:auto; right:0; bottom:5%}


	.section_05 {background:url('../images/sec05_item01_pic_mob.jpg') no-repeat;}
	.s05wrap .s05title img {margin:0 auto; max-width:505px;}
	.s05wrap ul li {padding:0 15px 20px;}
	.s05wrap ul li:nth-child(4) {display:block}


	.section_06 .seccont {padding:90px 40px}
	.section_06 .s06texteffec {width:100%; padding:0}
	.section_06 .s06texteffec span:nth-child(1) {position:relative}


	.section_07 .LastWrap {padding:0px 20px;}
	.section_07 .s07title img {max-width:647px; margin:0 auto}
	.lasttop h2 div.mob {text-align:center; padding:0 30px;}
	.lasttop h2 div.mob img {width:100%;max-width:390px;}
	.LastWrap .lastbtn-rig.mobbbl {display:block;top: auto; bottom: 0;width: 100%; text-align: center;}
	.lastcount .numBox > p {text-align: center;}
	.lastcount .numBox .num {padding: 10px 0px 25px 0; text-align: center;}
	.lastcount .numBox .num span {text-align: center;padding-right:0;font-size:50px;}
	.lastcount .numBox .num span:after {position:static}
	.lastcount .numBox .detailNum01 p {height:70px;}
	.lastcount .numBox .detailNum01 > div {padding-top:20px; line-height:1.5}
	.lastcount .numBox .detailNum01 > div br {display:block}
	.lastcount .numBox .detailNum01 {padding-right:0}

	.lastcount .numBox .detailNum01 p .t01 {font-size: 17px; font-weight: 700; padding-top:0; line-height:70px;}
	.lastcount .numBox .detailNum01 p .t01.dfa {line-height:20px;padding-top:20px}
	.lastcount .numBox .detailNum01 p .t02 {font-size: 24px; line-height:70px;}
	.lastcount .numBox .detailNum01 p + p {padding-top:0px;}
	.section_07 .s07Text00 {padding:0 0 30px}
	.lasttop {padding-bottom:50px;}



	.section_08 .active .s08itemWrap .swpic p span {position:relative; display:block; max-width:392px; width:100%; margin:0 auto}
	.section_08 .active .s08itemWrap .swpic p span img {position:relative; z-index:3;}
	.section_08 .active .s08itemWrap .swpic p span:after {content:''; position:absolute; width:90%; height:89%; overflow:hidden; border-radius:100%;box-shadow:25px 14px 26px 13px rgb(0, 0, 0 ,.3); left:4%; top:5%;}
	.section_08 .s08itemWrap .swpic p:after {left:0}
	.section_08 .s08itemWrap .swpic p:before {content:''; position:absolute; right:1%; top:65%; width:100px; height:100px; border-radius:100%; opacity:.8; transition: all 0.6s .9s cubic-bezier(.47,1.65,.41,.8); transform:scale(0); transform-origin:left center;
	/* Permalink - use to edit and share this gradient: https://colorzilla.com/gradient-editor/#ffe7aa+0,ffc83c+100&0.5+0,1+100 */
	background: -moz-linear-gradient(-45deg,  rgba(255,231,170,0.5) 0%, rgba(255,200,60,1) 100%); /* FF3.6-15 */
	background: -webkit-linear-gradient(-45deg,  rgba(255,231,170,0.5) 0%,rgba(255,200,60,1) 100%); /* Chrome10-25,Safari5.1-6 */
	background: linear-gradient(135deg,  rgba(255,231,170,0.5) 0%,rgba(255,200,60,1) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#80ffe7aa', endColorstr='#ffc83c',GradientType=1 ); /* IE6-9 fallback on horizontal gradient */}
	.section_08 .active .s08itemWrap .swpic p:before {transform:scale(1);}
	.section_08 .s08itemWrap {padding:60px 40px 40px}
	.section_08 .s08itemWrap .swtext .bytoText, .section_08 .s08itemWrap .swtext .bytoText.ffd {padding: 20px 0 25px;}




	.section_09 .seccont {padding:90px 40px}
	.section_09 .s09texteffec {width:100%; padding:0}
	.section_09 .s09texteffec span:nth-child(1) {position:relative}
	.section_09 .s09texteffec span img {max-width:537px;}





}


@media all and  (max-width: 570px) {
	.header_Box h1 {transform: scale(.7); transform-origin: left; left:10px;}
	.header_Box > div > p {font-size:16px; left:170px; top:20px; }
	.header_Box .navimenu_btn {right:18px;}
	.header_Box.on > div > p {top:14px}

	.section_01 .car_01 .viimg {top:26%}
	.section_01 .car_01 .carcd.cardeco01 {right:-35%}	
	.section_01 .car_01 .carcd.cardeco02 {width:200px; height:200px;}

	.section_01 .car_02 .carList {padding:10px 0px}
	.section_01 .car_02 .carList li {min-width:auto; width:29%; }
	.section_01 .car_02 .carcd.cardeco01 {width:200px; height:200px;}
	.section_01 .car_02 .carcd.cardeco02 {width:300px; height:300px;}

	.section_01 .car_03 .carcd.cardeco01 {width:200px; height:200px;}
	.section_01 .car_03 .carcd.cardeco02 {width:300px; height:300px; right:-35%}

	.section_02 .s02disc {font-size:18px}

	.s05wrap ul li {width:30%; padding:0 0px 10px}
	.s05wrap ul li img {width:100%;}


	.section_07 .LastWrap {padding:0}
	.lastcount .numBox .num span {font-size:10vw}
	.lastcount .numBox .num span:after {font-size:6vw; position:relative;}
	.section_07 .s07Text00 {font-size:4vw}


	.section_08 .seccont {padding:50px 0 80px}
	.section_08 .owl-carousel .owl-nav {top:calc(35% - 55px); left:0; width:100%}
	.section_08 .s08itemWrap {padding:40px 20px;}
	.section_08 .s08itemWrap .swpic p {transform: scale(.9);}
	.section_08 .s08itemWrap .swtext .bytoText {font-size:3.2vw;}
	.section_08 .s08itemWrap .swtext .bytoText01 {font-size:3vw;}




}


@media all and  (max-width: 430px) {
	.seccont {padding: 20px}
	.aniank {padding:8px 20px 6px; font-size:17px;}
	

	.section_01 .car_01 .item01Text01 span {padding:0 20px}


	.section_01 .car_02 .item02Text01 {padding-top:30%}
	.section_01 .car_02 .carList {padding:10px 10px 0}
	.section_01 .car_02 .carcd.cardeco02 {width:200px; height:200px;}
	.section_01 .car_03 .viimg {bottom:5%}
	.section_01 .car_03 .carcd.cardeco02 {width:200px; height:200px;}

	.section_02 .seccont {padding:310px 20px 40px}
	.section_02 .s02tit {padding-top:60px}
	.section_02 .pic {transform: scale(.55); transform-origin:center top; top:20px;}
	.section_02 .s02disc {font-size:4vw; padding-top:20px}
	.section_02 .sign {transform:scale(.8);}


	.section_03 .seccont {padding:50px 20px}


	.contantWw .secwrap.section_04 .seccont {padding:0 20px;}
	.section_04 .s04tit {padding:50px 0 0}
	.section_04 .s04itemWrap .swpic .s04nav {transform: scale(.7); transform-origin: right bottom;}
	.section_04 .s04itemWrap .swtext {padding:0 0 50px}
	.section_04 .s04itemWrap .swtext .bytoText {font-size:4vw}
	.section_04 .s04itemWrap .swtext .bytoText br {display:none;}

	.layer_wrap a.btn_close {right:-10px; top:-30px;}
	
	.s05wrap {padding:30px 0}
	.s05wrap .s05title {padding:20px 0}
	.s05wrap ul li {width:32%}

	.section_06 .seccont {padding:50px 20px}


	.section_07 .s07title {padding:20px 0 30px}
	.lastcount {padding:0 0 30px;}
	.lastcount .numBox .detailNum01 p .t01 {line-height:55px; font-size:15px;}
	.lastcount .numBox .detailNum01 p .t02 {line-height:55px;font-size:21px;}
	.lastcount .numBox .detailNum01 p .t01.dfa {padding-top:9px;}
	.lastcount .numBox .detailNum01 > div {font-size:4.5vw;}
	.lastcount .numBox .detailNum01 p {height:55px;}
	.lastcount .corg {padding-top:80px;}
	.lastcount .corg:after {top:40px;}
	.LastWrap .lastbtn-rig a {width:auto}
	.lasttop {padding:0;}


	.contantWw .secwrap.section_08 .seccont {padding:40px 0 60px}
	.section_08 .owl-carousel .owl-nav {top:160px; }
	.section_08 .s08itemWrap {padding:30px 20px 20px}
	.section_08 .s08itemWrap .swpic p {transform: scale(.8);}
	.section_08 .s08itemWrap .swpic p:after {left:-40%}
	.section_08 .s08itemWrap .swtext .bytoText br {display:none}
	.section_08 .s08itemWrap .swtext .bytoText {font-size:3.8vw;}
	.section_08 .s08itemWrap .swtext .bytoText, .section_08 .s08itemWrap .swtext .bytoText.ffd {padding:0px 0 20px}
	.section_08 .s08itemWrap .swtext .bytoText01 {font-size:3.5vw}
	.section_08 .s08itemWrap .swtext > p {padding:0 20px;}
	
	.section_08 .s08itemWrap .swtext p img.s08img01 {max-width:75%;}
	.section_08 .s08itemWrap .swtext p img.s08img02 {max-width:452px;}
	.section_08 .s08itemWrap .swtext p img.s08img03 {max-width:70%;}
	.section_08 .s08itemWrap .swtext p img.s08img04 {max-width:65%;}

	.section_09 .s09texteffec span img {width:90%}
	.section_09 .seccont {padding:50px 20px}

	
	.contantWw .secwrap.section_10 .seccont {padding:60px 10px 100px}


}

@media all and  (max-width: 330px) {
.aniank {font-size:15px}
.header_Box h1 {transform: scale(.6);}
.header_Box > div > p {left:145px; font-size:15px; top:22px}

}