@charset "utf-8";
.main_visual{height: 82vh;overflow:hidden;}
.main_visual .bxslide li{height:82vh;overflow:hidden;-webkit-animation-fill-mode:forwards;animation-fill-mode:forwards}
.main_visual .bxslide li .img{width:100%;min-height: 82vh;-webkit-transform:scale(1.06);transform:scale(1.06);}
.main_visual .bxslide li .img.on{-webkit-transform:scale(1);transform:scale(1);-webkit-transition:all 6s ease;transition:all 6s ease}
.main_visual .bxslide li .tit1{opacity:0;-webkit-transform:translate(0,15px);transform:translate(0,15px)}
.main_visual .bxslide li .box.on .tit1{opacity:1;-webkit-transition:all .8s 0s ease-out; transition:all .8s 0s ease-out;-webkit-transform:translate(0,0);transform:translate(0,0)}
.main_visual .bxslide li .line{opacity:0;-webkit-transform:translate(0,10px);transform:translate(0,10px)}
.main_visual .bxslide li .box.on .line{opacity:1;-webkit-transition:all .6s .1s ease-out;transition:all .6s .1s ease-out;-webkit-transform:translate(0,0);transform:translate(0,0)}
.main_visual .bxslide li .txt1{opacity:0;-webkit-transform:translate(0,10px);transform:translate(0,10px)}
.main_visual .bxslide li .box.on .txt1{opacity:1;-webkit-transition:all .6s .2s ease-out;transition:all .6s .2s ease-out;-webkit-transform:translate(0,0);transform:translate(0,0)}
.main_visual .bxslide li .txt2{opacity:0;-webkit-transform:translate(0,10px);transform:translate(0,10px)}
.main_visual .bxslide li .box.on .txt2{opacity:1;-webkit-transition:all .6s .3s ease-out;transition:all .6s .3s ease-out;-webkit-transform:translate(0,0);transform:translate(0,0)}
.main_visual .bxslide .visual01 .img{background:#222 url(/m/img/main/visual01.jpg) no-repeat center /cover;}
.main_visual .bxslide .visual02 .img{background:#222 url(/m/img/main/visual02.jpg) no-repeat center /cover;}
.main_visual .bxslide .visual03 .img{background: #222 url(/m/img/main/visual03.jpg) no-repeat center /cover;}
.main_visual .bxslide li .box{font-family:'Titillium Web',sans-serif;position:absolute;top:50%;right:0;left:0;-webkit-transform:translate(0,-50%);transform:translate(0,-50%);text-align:center;color:#fff}
.main_visual .bxslide p.tit1{font-size: 38px;font-weight:300;line-height: 1.2;}
.main_visual .bxslide li span.line{display:inline-block;width:1px;height: 19px;background:#fff;}
.main_visual .bxslide p[class*=txt]{font-family:'Noto Sans KR',sans-serif;font-size: 16px;font-weight:300;}
.con01{margin: 0 auto 70px;width: 93%;}
.con01 div.sbj{margin-bottom: 50px;text-align:center;}
.con01 div.sbj span.line{display:inline-block;width:1px;height: 47px;margin-bottom: 12px;background:#017dc3;}
.con01 div.sbj h3[class*=tit]{font-family:'Titillium Web',sans-serif;font-size: 25px;font-weight:700;line-height: 1.08;color:#222;}
.con01 div.sbj h3.tit1{}
.con01 div.sbj h3.tit2{margin-bottom:10px}
.con01 div.sbj p.txt1{font-size: 14px;font-weight:300;letter-spacing: -.4px;color:#666;line-height: 1.29;}
.con01 div.subtit{font-family:'Titillium Web',sans-serif;font-size: 16px;font-weight: 700;text-align:center;color:#222;line-height: 16px;}
.con01 ul.list li{font-size:0;margin-top: 35px;}
.con01 ul.list li:nth-child(1) {
    margin-top: 25px;
}
.con01 ul.list li>div{font-size:17px;}
.con01 ul.list li .img{position:relative;background: url(/img/main/con01_pt.jpg) no-repeat right bottom /calc(100% - 5px) calc(100% - 5px);padding-bottom: 5px;}
.con01 ul.list li .img img {width: calc(100% - 5px);height: calc(100% - 5px);}
.con01 ul.list li .img:before{position:absolute;top: 5px;right: 10px;bottom: 10px;left: 5px;content:'';border:1px solid rgba(255,255,255,.2);}
.con01 ul.list li .text{padding-top: 30px;}
.con01 ul.list li h5.tit1{font-family:'Titillium Web',sans-serif;font-size: 30px;font-weight: 600;position:relative;padding: 13px 0;letter-spacing: -.3px;color:#222;line-height: 30px;}
.con01 ul.list li h5.tit1:before{position:absolute;top:0;left:0;width: 26px;height: 2px;content:'';background:#222;}
.con01 ul.list li p.txt1{font-size: 13px;font-weight:300;letter-spacing: -.3px;color:#666;line-height: 1.38;word-break: keep-all;}
.con01 ul.list li .more_view1{margin: 18px 0 0;width: 140px;}
.con02{-webkit-box-sizing:border-box;box-sizing:border-box;text-align:center;color:#fff;background: url(/m/img/main/con02_bg.jpg) no-repeat left top /cover;padding: 48px 0 65px;}
.con02 p.tit1{font-family:'Titillium Web',sans-serif;font-size: 16px;font-weight:600;margin-bottom: 22px;line-height: 16px;}
.con02 div.img img {height:129px}
.con02 p[class*=txt]{font-size: 16px;font-weight: 300;color: rgba(255,255,255,.7);line-height: 1.25;letter-spacing: -0.4px;}
.con02 p.txt1{margin-top: 14px;}
.con02 span.arrow{position:relative;display:inline-block;width: 50px;height:1px;margin-top:30px;background:#fff;}
.con02 span.arrow:before{position:absolute;top:-4px;right:-2px;width: 10px;height:1px;content:'';-webkit-transform:rotate(45deg);transform:rotate(45deg);background:#fff;}
.con03{background: #f3f3f3 url(/m/img/main/con03_bg.jpg) no-repeat center top / 100% auto;}
.con03 .wrap{position:relative;top: -30px;left:0;width: 92%;margin:0 auto;padding-top: 58px;padding-bottom: 28px;text-align:center;}
.con03 .wrap:before {
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    height: 30px;
    right: 0;
    background: #f3f3f3;
}
.con03 .subtit{font-family:'Titillium Web',sans-serif;font-size: 16px;font-weight:700;text-align:center;color:#222;}
.con03 h3.tit1{font-family:'Titillium Web',sans-serif;font-size: 30px;font-weight:600;margin-top: 28px;letter-spacing:-.2px;color:#222;line-height: 30px;}
.con03 p[class*=txt]{font-size: 13px;font-weight:300;line-height: 1.38;letter-spacing: -.3px;color:#666;}
.con03 p.txt1{margin-top: 8px;}
.con03 ul.list{font-size:0;margin:40px auto 0;opacity: 0;-webkit-transition: all .8s .5s ease-out;transition: all .8s .5s ease-out;}
.con03 ul.list li{font-size: 14px;vertical-align:top;outline: none;}
.con03 ul.list .icon img {
    height: 26px;
    display: inline-block;
}
.con03 ul.list p.num{font-family:'Titillium Web',sans-serif;font-size: 75px;font-weight:700;line-height: 75px;margin-bottom: 10px;letter-spacing: -1.9px;color:#017dc3;}
.con03 ul.list div[class*=slg]{font-family:'Titillium Web',sans-serif;line-height: 23px;display:inline-block;height: 25px;color:#fff;}
.con03 ul.list .slg1{width: 132px;background:url(/img/main/con03_slg01.png) no-repeat center top;background-size: 133px 26px;}
.con03 ul.list .slg2{width:230px;background:url(/img/main/con03_slg02.png) no-repeat center top;background-size:230px 40px}
.con03 ul.list .slg1 span{position:relative;display:inline-block;padding:0 10px}
.con03 ul.list .slg1 span:before{position:absolute;top: 10px;left: 2px;width:3px;height:3px;content:'';background:#fff;}
.con03 ul.list .slg1 span:after{position:absolute;top: 10px;right: 2px;width:3px;height:3px;content:'';background:#fff;}
.con03 ul.list p.tit1{font-size: 18px;font-weight:400;margin-top: 14px;letter-spacing:-1px;color:#222;line-height: 18px;font-family: 'Titillium Web',sans-serif;}
.con03 div.view{margin-top:45px}
.con03 div.view a{font-family:'Titillium Web',sans-serif;font-size: 12px;font-weight: 700;line-height: 33px;position:relative;display:inline-block;width: 244px;height: 33px;-webkit-transition:.3s ease;transition:.3s ease;color:#343434;border:2px solid #343434;}
.con03 div.view a:hover{color:#fff;background:rgba(52,52,52,.95)}
.con03 div.view a:before{position:absolute;top: -22px;left:50%;width:1px;height: 32px;content:'';background:rgba(52,52,52,.5);}
.con03 div.view a:hover:after{position:absolute;top:-2px;right:-2px;bottom:-2px;left:-2px;content:'';-webkit-transform:scaleX(0);transform:scaleX(0);-webkit-animation:con03_btn 1s 0s ease;animation:con03_btn 1s 0s ease;background:#fff;-webkit-animation-fill-mode:forwards;animation-fill-mode:forwards}
@-webkit-keyframes con03_btn {
0%{opacity:0;-webkit-transform:scaleX(0);transform:scaleX(0)}
20%{-webkit-transform:scaleX(0);transform:scaleX(0)}
50%{opacity:.3;-webkit-transform:scaleX(1);transform:scaleX(1)}
100%{opacity:0;-webkit-transform:scaleX(1);transform:scaleX(1)}
}
@keyframes con03_btn {
0%{opacity:0;-webkit-transform:scaleX(0);transform:scaleX(0)}
20%{-webkit-transform:scaleX(0);transform:scaleX(0)}
50%{opacity:.3;-webkit-transform:scaleX(1);transform:scaleX(1)}
100%{opacity:0;-webkit-transform:scaleX(1);transform:scaleX(1)}
}
.con01 .sbj .tit1{opacity:0;-webkit-transform:translate(0,20px);transform:translate(0,20px)}
.con01 .sbj .tit2{opacity:0;-webkit-transform:translate(0,20px);transform:translate(0,20px)}
.con01 .sbj .txt1{opacity:0;-webkit-transform:translate(0,20px);transform:translate(0,20px)}
.con01 .sbj .icon{-webkit-transform: translate(0,-65px);transform: translate(0,-65px);-webkit-transition:1.2s ease-out;transition:1.2s ease-out;height: 50px;overflow: hidden;}
.con01 .sbj .icon img {width:17px;}
.con01 .in-view.sbj .tit1{opacity:1;-webkit-transform:translate(0,0);transform:translate(0,0);-webkit-transition:all .6s .1s ease-out;transition:all .6s .1s ease-out}
.con01 .in-view.sbj .tit2{opacity:1;-webkit-transform:translate(0,0);transform:translate(0,0);-webkit-transition:all .6s .3s ease-out;transition:all .6s .3s ease-out}
.con01 .in-view.sbj .icon{-webkit-transform:translate(0,0);transform:translate(0,0)}
.con01 .in-view.sbj .txt1{opacity:1;-webkit-transform:translate(0,0);transform:translate(0,0);-webkit-transition:all .8s .5s ease-out;transition:all .8s .5s ease-out}
.con01 .ani01{opacity:0;-webkit-transform: translate(-2%,0);transform: translate(-2%,0);}
.con01 .ani03{opacity:0;-webkit-transform: translate(-2%,0);transform: translate(-2%,0);}
.con01 .ani02{opacity:0;-webkit-transform: translate(2%,0);transform: translate(2%,0);}
.con01 .ani04{opacity:0;-webkit-transform:translate(5%,0);transform:translate(5%,0)}
.con01 .in-view[class*=ani]{opacity:1;-webkit-transform:translate(0,0);transform:translate(0,0);-webkit-transition:all .5s .5s ease-out;transition:all .5s .5s ease-out}
.con01 .in-view.ani02{-webkit-transition:all .5s 0 ease-out;transition:all .5s 0 ease-out}
.con01 .in-view.ani03{-webkit-transition:all .5s 0 ease-out;transition:all .5s 0 ease-out}
.con01 .in-view.ani04{-webkit-transition:all .5s 0 ease-out;transition:all .5s 0 ease-out}
.con03 .wrap{-webkit-transform:translate(0,30px);transform:translate(0,30px)}
.con03.in-view .wrap{-webkit-transform:translate(0,0);transform:translate(0,0);-webkit-transition:all .5s .1s ease-out;transition:all .5s .1s ease-out}
.con03 .tit1{opacity:0;-webkit-transform:translate(0,20px);transform:translate(0,20px)}
.con03 .txt1{opacity:0;-webkit-transform:translate(0,20px);transform:translate(0,20px)}
.con03 .txt2{opacity:0;-webkit-transform:translate(0,20px);transform:translate(0,20px)}
.con03.in-view .tit1{opacity:1;-webkit-transform:translate(0,0);transform:translate(0,0);-webkit-transition:all .6s .1s ease-out;transition:all .6s .1s ease-out}
.con03.in-view .txt1{opacity:1;-webkit-transform:translate(0,0);transform:translate(0,0);-webkit-transition:all .6s .2s ease-out;transition:all .6s .2s ease-out}
.con03.in-view .txt2{opacity:1;-webkit-transform:translate(0,0);transform:translate(0,0);-webkit-transition:all .8s .3s ease-out;transition:all .8s .3s ease-out}
.con03 ul.list.in-view {
    opacity: 1;
}
.con03 ul.list .num{opacity:0;-webkit-transform:translate(0,20px);transform:translate(0,20px)}
.con03 ul.list [class*=slg]{opacity:0;-webkit-transform:translate(0,20px);transform:translate(0,20px)}
.con03 ul.list .tit1{opacity:0;-webkit-transform:translate(0,20px);transform:translate(0,20px)}
.con03 ul.list .txt1{opacity:0;-webkit-transform:translate(0,20px);transform:translate(0,20px)}
.con03 ul.list .txt2{opacity:0;-webkit-transform:translate(0,20px);transform:translate(0,20px)}
.con03 ul.list .txt3{opacity:0;-webkit-transform:translate(0,20px);transform:translate(0,20px)}
.con03 div.view{opacity:0;-webkit-transform:translate(0,20px);transform:translate(0,20px)}
.con03 ul.list.in-view .num{opacity:1;-webkit-transform:translate(0,0);transform:translate(0,0);-webkit-transition:all .8s .3s ease-out;transition:all .8s .3s ease-out}
.con03 ul.list.in-view [class*=slg]{opacity:1;-webkit-transform:translate(0,0);transform:translate(0,0);-webkit-transition:all .8s .4s ease-out;transition:all .8s .4s ease-out}
.con03 ul.list.in-view .tit1{opacity:1;-webkit-transform:translate(0,0);transform:translate(0,0);-webkit-transition:all .8s .5s ease-out;transition:all .8s .5s ease-out}
.con03 ul.list.in-view .txt1{opacity:1;-webkit-transform:translate(0,0);transform:translate(0,0);-webkit-transition:all .8s .6s ease-out;transition:all .8s .6s ease-out}
.con03 ul.list.in-view .txt2{opacity:1;-webkit-transform:translate(0,0);transform:translate(0,0);-webkit-transition:all .8s .7s ease-out;transition:all .8s .7s ease-out}
.con03 ul.list.in-view .txt3{opacity:1;-webkit-transform:translate(0,0);transform:translate(0,0);-webkit-transition:all .8s .75s ease-out;transition:all .8s .75s ease-out}
.con03.in-view div.view{opacity:1;-webkit-transform:translate(0,0);transform:translate(0,0);-webkit-transition:all .8s .8s ease-out;transition:all .8s .8s ease-out}



/* slick dots */
.con03 ul.list ul.slick-dots {
	margin-top:30px;
}
.con03 ul.list ul.slick-dots li {
    display: inline-block;
    vertical-align: top;
}

.con03 ul.list ul.slick-dots li + li {
    margin-left: 6px;
}

.con03 ul.list ul.slick-dots li button {
    width: 13px;
    height: 13px;
    box-sizing: border-box;
    border-radius: 20px;
    background: transparent;
    color: transparent;
    border: 2px solid #017dc3;
    outline: none;
}

.con03 ul.list ul.slick-dots li.slick-active button {
    background: #017dc3;
}