.target-section {position: relative;display: block;}
.section_cont {position: relative;display: block;width: 1100px;margin: 0 auto;}

.section1 {overflow: hidden}
.section1 .section_cont {height: 900px}
.section1 .bgImg  {position: absolute;top: 0;left: 0;width: 100%;height: 100%;animation : 4s linear zoominout;z-index: 0}
.section1_text {position: absolute;top: 130px;left: 0;width: 100%;text-align: center;z-index: 1}
.section1_text .btit {display: block;}
.section1_text .btit span {display: block;}
.section1_text .btit .txt02 {margin: 30px 0 10px}
.section1_text .btit .txt03 {margin: 0 0 50px}
.section1_text .btxt {display: block;font-size: 27px;line-height: 150%;letter-spacing: -0.07em;color: #fff;margin-top: 25px}
.section1_step {position: absolute;bottom: 100px;left: 0;z-index: 2}
.section1_step:before {position: absolute;top: 17px;left: 110px;width: 0;height: 1px;background: rgba(255,255,255,0.2);content: "";-webkit-transition-duration: 0.3s;transition-duration: 0.3s;}
.section1_step .item {position: relative;display: block;width: 220px;float: left;text-align: center;}
.section1_step .item span {position: relative;display: block;padding-top: 40px;font-weight: 600;font-size: 17px;color: #fff;-webkit-transition-duration: 0.2s;transition-duration: 0.2s;}
.section1_step .item span:before { content: ""; width: 34px; height: 34px; background-color:rgba(255,255,255,0.5); border-radius: 50px; transform: scale(0.3); position: absolute; top: 0; left: 50%;margin-left: -17px;
-moz-transition: all 1s;
-webkit-transition: all 1s;
-o-transition: all 1s;
-ms-transition: all 1s;
transition: all 1s;}
.section1_step .item span:after {content: ""; width: 14px; height: 14px; background-color:#fff; border-radius: 50px; transform: scale(1); position: absolute; top: 10px; left: 50%;margin-left: -7px}
.section1_step .item span.active {color: #55fff1;}
.section1_step .item span.active:before {background-color: rgba(85,255,255,0.5);}
.section1_step .item span.active:after {background-color: #55fff1;}


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

.section1.active .btit .txt01 {transition-delay: 0s;}
.section1.active .btit .txt02 {transition-delay: 0.2s;}
.section1.active .btit .txt03 {transition-delay: 0.4s;}
.section1.active .btit .txt04 {transition-delay: 0.6s;}

.section1.active .section1_step:before {transition-delay: 0.1s;width: 880px}
.section1.active .item01 {transition-delay: 0.2s;}
.section1.active .item02 {transition-delay: 0.5s;}
.section1.active .item03 {transition-delay: 0.8s;}
.section1.active .item04 {transition-delay: 1.1s;}
.section1.active .item05 {transition-delay: 1.4s;}
.section1.active .item06 {transition-delay: 1.7s;}


.section1_step .item span.active:before{ transform: scale(1.0); opacity: 0; }



.section2 {}
.section2 .section_cont {padding: 70px 0}
.section2 .title_stxt {display: block;text-align: center;font-size: 13px;color: #888;letter-spacing: 0.5em;line-height: 1.5}
.section2 .title_btit {display: block;text-align: center;font-size: 35px;color: #222;font-weight: 600;letter-spacing: -0.07em;line-height: 1.5}
.section2 .section2_step {position: relative;display: block;overflow: hidden;margin-top: 30px;}
.section2 .section2_step ul {overflow: hidden}
.section2 .section2_step li {position: relative;float: left;width: 190px;text-align: center;margin-right: 37px}
.section2 .section2_step li:last-child {margin-right: 0}
.section2 .section2_step li:before {position: absolute;top: 86px;right: -37px;width: 35px;height: 1px;background: #ddd;content: ""}
.section2 .section2_step li span {display: block;}
.section2 .section2_step li .img {display: inline-block;border: 1px solid #ddd;padding: 10px;border-radius: 50%}
.section2 .section2_step li .tit {display: block;font-size: 17px;font-weight: 600;color: #333;line-height: 150%;margin: 10px 0}
.section2 .section2_step li .txt {display: block;font-size: 14px;color: #666;line-height: 150%}

.section2.active .title_stxt {transition-delay: 0.1s;}
.section2.active .title_btit {transition-delay: 0.2s;}

.section2.active .box1 {transition-delay: 0.4s;}
.section2.active .box2 {transition-delay: 0.6s;}
.section2.active .box3 {transition-delay: 0.8s;}
.section2.active .box4 {transition-delay: 1.0s;}
.section2.active .box5 {transition-delay: 1.2s;}

.section3 {}
.section3 .section_cont {width: 1520px;padding-bottom: 70px;overflow: hidden}
.section3 .section_cont .item {position: relative;display: block;width: 740px;height: 470px;float: left;text-align: center}
.section3 .section_cont .item .zoomImg {position: relative;display: block;width: 740px;height: 470px;overflow: hidden}
.section3 .section_cont .item .txtBox {position: absolute;top: 90px;left: 0;width: 100%;z-index: 10}
.section3 .section_cont .item .btit {display: block;font-size: 50px;font-weight: 600;color: #fff;line-height: 150%;}
.section3 .section_cont .item .stxt {display: block;font-size: 20px;font-weight: 600;color: #fff;line-height: 150%;}

.section3 .section_cont .item .stit {position: relative;display: block;font-size: 30px;font-weight: 600;color: #fff;line-height: 150%;margin-top: 50px}
.section3 .section_cont .item .stit:before {position: absolute;top: -40px;left: 50%;width: 1px;height: 30px;background: rgba(255,255,255,0.5);content: ""}
.section3 .section_cont .item ul {width: 200px;margin: 10px auto 0}
.section3 .section_cont .item ul li {display: block;margin-bottom: 15px;}
.section3 .section_cont .item ul li:last-child {margin-bottom: 0}
.section3 .section_cont .item ul li a {position: relative;overflow: hidden;display: block;height: 45px;line-height: 45px;text-align: center;color: #222;background: rgba(255,255,255,0.8);border-radius: 45px;font-size: 15px;font-weight: 600;}

.section3 .section_cont .style01 {margin-right: 40px;}
/*.section3 .section_cont .style01 li a {background: #ffe400;color: #222;}
.section3 .section_cont .style02 li a {background: #01f9f6;color: #222;}*/

.section3.active .style01 {transition-delay: 0.2s;}
.section3.active .style02 {transition-delay: 0.5s;}

.section4 {background: url("/re_images/pass/main_fullbg.jpg") no-repeat center;}
.section4 .section_cont {padding: 100px 0;text-align: center;color: #fff;}
.section4 .btxt {display: block;font-size: 35px;font-weight: 600;line-height: 140%;letter-spacing: -0.07em}
.section4 .btit {display: block;font-size: 50px;font-weight: 600;line-height: 140%;letter-spacing: -0.07em}
.section4 .stxt {display: block;font-size: 17px;font-weight: 600;line-height: 160%;margin-top: 20px}

.section4.active .btxt {transition-delay: 0.1s;}
.section4.active .btit {transition-delay: 0.3s;}
.section4.active .stxt {transition-delay: 0.6s;}

.section5 .section_cont {padding: 70px 0}
.section5 .box {position: relative;display: block;overflow: hidden;padding-top: 150px;min-height: 230px}
.section5 .imgBox {position: absolute;top: 0;}
.section5 .textBox .btit {position: relative;display: block;font-size: 35px;line-height: 150%;color: #0076b9;font-weight: 600}
.section5 .textBox .btxt {position: relative;display: block;font-size: 23px;line-height: 150%;color: #333;letter-spacing: -0.07em}
.section5 .textBox .txt {position: relative;display: block;font-size: 16px;line-height: 160%;color: #666;margin-top: 60px}
.section5 .textBox .txt:before {position: absolute;top: -32px;height: 2px;width: 120px;background: #0076b9;content: ""}

.section5 .box_left {text-align: left;padding-left: 585px;}
.section5 .box_left .imgBox {left: 0}
.section5 .box_left .txt:before {left: -95px;}
.section5 .box_right {text-align: right;padding-right: 585px;margin-top: 70px}
.section5 .box_right .imgBox {right: 0}
.section5 .box_right .txt:before {right: -95px;}

.section5.active .box_left .imgBox {transition-delay: 0.1s;}
.section5.active .box_left .textBox {transition-delay: 0.2s;}
.section5.active .box_right .imgBox {transition-delay: 0.4s;}
.section5.active .box_right .textBox {transition-delay: 0.5s;}


.section6 .section_cont {padding: 0 0 70px}
.section6 .iconBox {position: relative;display: block;overflow: hidden;text-align: center;}
.section6 .iconBox li {display: inline-block;width: 240px;vertical-align: top;text-align: center;margin: 0 30px}
.section6 .iconBox li .img {display: block;margin-bottom: 15px;}
.section6 .iconBox li .txt {display: block;font-size: 16px;line-height: 160%}

.section6.active .box1 {transition-delay: 0.2s;}
.section6.active .box2 {transition-delay: 0.5s;}
.section6.active .box3 {transition-delay: 0.7s;}



.section7 {background: url("/re_images/pass/main_qbg03.jpg") no-repeat center top}
.section7 .section_cont {padding: 60px 0}
.section7 .btit {display: block;text-align: center;color: #fff;font-size: 42px;font-weight: 600;line-height: 130%;letter-spacing: -0.08em}
.section7 .btit b {display: block;color: #fff000}
.section7 .list {display: block;margin-top: 40px;text-align: center}
.section7 .list li {display: inline-block;width: 200px;border: 1px solid rgba(255,255,255,0.4);padding: 30px 0;text-align: center;vertical-align: top;margin: 0 15px }
.section7 .list li .img {display: block;margin-bottom: 15px;}
.section7 .list li .txt {display: block;color: #fff;font-size: 17px;line-height: 130%;min-height: 44px}
.section7 .list li:nth-child(3) .txt {line-height: 44px}
.section7 .bt {display: block;text-align: center;}
.section7 .bt a {display: inline-block;padding: 0 30px;border-radius: 7px;line-height: 50px;height: 50px;background: #fff000;color: #111;font-size: 18px;font-weight: 600}

.section7.active .btit {transition-delay: 0.2s;}
.section7.active .list li:nth-child(1) {transition-delay: 0.5s;}
.section7.active .list li:nth-child(2) {transition-delay: 0.7s;}
.section7.active .list li:nth-child(3) {transition-delay: 0.9s;}
.section7.active .list li:nth-child(4) {transition-delay: 1.1s;}
.section7.active .bt {transition-delay: 1.4s;}


.section8 {background: url("/re_images/pass/section8_bg.png") no-repeat center bottom}
.section8 .section_cont {position: relative;display: block;overflow: hidden;padding: 50px 0 70px;}
.section8 .title_btit {display: block;text-align: center;font-size: 35px;color: #fff;font-weight: 600;letter-spacing: -0.07em;line-height: 1.5}
.section8 .title_stxt {display: block;text-align: center;font-size: 17px;color: rgba(255,255,255,0.5);line-height: 1.5;margin-bottom: 15px}

.section8 .item {position: relative;display: block;width: 345px;height: auto;min-height: 320px;overflow: hidden;float: left;text-align: center;margin: 25px 20px 0 0}
.section8 .item:before {position: absolute;top: 0;left: 0;width: 100%;height: 100%;display: block;content: "";box-sizing: border-box;-webkit-transition-duration: 0.3s;transition-duration: 0.3s;z-index: 1 }
.section8 .item .zoomImg {position: absolute;display: block;top: 50%;left: 0;width: 350px;height: auto;margin-top: -175px;overflow: hidden;z-index: 0}
.section8 .item .txtBox {position: relative;width: 100%;padding: 40px 0;min-height: 197px;z-index: 10}
.section8 .item .btit {display: block;font-size: 32px;font-weight: 600;color: #fff;line-height: 150%;letter-spacing: -0.06em;margin-bottom: 5px}
.section8 .item .stxt {display: block;font-size: 20px;font-weight: normal;color: #fff;line-height: 150%;min-height: 60px}

.section8 .item:hover:before {border: 5px solid rgba(255,255,255,0.7);}

.section8 .item ul {position: relative;width: 100%;margin: 20px auto 0;z-index: 10}
.section8 .item ul li {display: block;text-align: center;margin-bottom: 10px;}
.section8 .item ul li:last-child {margin-bottom: 0}
.section8 .item ul li a {position: relative;overflow: hidden;display: block;width: 145px;margin: 0 auto;height: 45px;line-height: 45px;color: #fff;background: rgba(0,0,0,0.25);border: 1px solid rgba(0,0,0,0.1);text-align: left;border-radius: 45px;
    font-size: 16px;font-weight: 600;padding: 0 57px 0 20px;-webkit-transition-duration: 0.1s;transition-duration: 0.1s;}
.section8 .item ul li a:before {position: absolute;top: 50%;right: 20px;width: 27px;height: 7px;margin-top: -5px;background: url("/re_images/pass/arw_bt.png") no-repeat no-repeat center right;content: ""}

.box_time {position: absolute;top: -7px;left: -6px;background: url("/re_images/pass/box_time.png") no-repeat center;width: 144px;height: 144px;z-index: 5}
.box_time2 {position: absolute;top: -7px;left: -6px;background: url("/re_images/pass/box_time02.png") no-repeat center;width: 144px;height: 144px;z-index: 5}

.section8 .item.style01 li a:hover {background: #064b5a;}
.section8 .item.style02 li a:hover {background: #06573a;}
.section8 .item.style03 li a:hover {background: #0b395d;}
.section8 .item.style04 li a:hover {background: #5b3d03;}
.section8 .item.style05 li a:hover {background: #4f0d62;}
.section8 .item.style06 li a:hover {background: #550505;}


.section8.active .title_btit {transition-delay: 0.1s;}
.section8.active .title_stxt {transition-delay: 0.3s;}
.section8 .item.style01 {transition-delay: 0.6s;}
.section8 .item.style02 {transition-delay: 0.5s;}
.section8 .item.style03 {transition-delay: 0.6s;}
.section8 .item.style04 {transition-delay: 0.7s;}
.section8 .item.style05 {transition-delay: 0.8s;}
.section8 .item.style06 {transition-delay: 0.4s;}


.section9 {}
.section9 .section_cont {position: relative;display: block;overflow: hidden;padding: 60px 0;}
.section9 .title_btit {display: block;text-align: center;font-size: 40px;color: #222;font-weight: 600;letter-spacing: -0.09em;line-height: 1.5;margin-bottom: 10px}
.section9 .title_btit b {color: #0d67ba;}

.section9_step {position: relative;display: block}
.section9_step li {position: relative;float: left;width: 540px;border: 1px solid #ddd;box-sizing: border-box;margin-top: 20px;padding: 38px 20px 38px 135px;min-height: 140px}
.section9_step li:nth-child(1) {padding: 28px 20px 28px 135px}
.section9_step li:nth-child(odd) {margin-right: 20px}
.section9_step li .img {position: absolute;top: 50%;left: 12px;margin-top: -60px; }
.section9_step li .tit {display: block;font-size: 19px;color: #222;font-weight: 600;letter-spacing: -0.09em;line-height: 1.5;margin-bottom: 10px}
.section9_step li .txt {display: block;font-size: 15px;color: #666;line-height: 1.5;}

.section9.active .title_btit {transition-delay: 0.1s;}
.section9 .box1 {transition-delay: 0.2s;}
.section9 .box2 {transition-delay: 0.4s;}
.section9 .box3 {transition-delay: 0.6s;}
.section9 .box4 {transition-delay: 0.8s;}



/*애니메이션 위치*/
.aniTop {opacity:0;transform:translateY(20%); -webkit-transform:translateY(20%); -moz-transform:translateY(20%); -ms-transform:translateY(20%);transition:all 1s; -webkit-transition:all 1s; -moz-transition:all 1s;}
.aniBottom {opacity:0;transform:translateY(-20%); -webkit-transform:translateY(-20%); -moz-transform:translateY(-20%); -ms-transform:translateY(-20%);transition:all 1s; -webkit-transition:all 1s; -moz-transition:all 1s;}
.aniLeft {opacity:0;transform:translateX(-20%); -webkit-transform:translateX(-20%); -moz-transform:translateX(-20%); -ms-transform:translateX(-20%);transition:all 1s; -webkit-transition:all 1s; -moz-transition:all 1s;}
.aniRight {opacity:0;transform:translateX(20%); -webkit-transform:translateX(20%); -moz-transform:translateX(20%); -ms-transform:translateX(20%);transition:all 1s; -webkit-transition:all 1s; -moz-transition:all 1s;}
.aniCenter {opacity:0;transform:translateX(0%); -webkit-transform:translateX(0%); -moz-transform:translateX(0%); -ms-transform:translateX(0%);transition:all 1s; -webkit-transition:all 1s; -moz-transition:all 1s;}

.mPS2id-target-first .aniTop {opacity: 1;transform:translateY(0); -webkit-transform:translateY(0); -moz-transform:translateY(0); -ms-transform:translateY(0);}
.mPS2id-target-first .aniBottom {opacity: 1;transform:translateY(0); -webkit-transform:translateY(0); -moz-transform:translateY(0); -ms-transform:translateY(0);}
.mPS2id-target-first .aniLeft {opacity: 1;transform:translateX(0); -webkit-transform:translateX(0); -moz-transform:translateX(0); -ms-transform:translateX(0);}
.mPS2id-target-first .aniRight {opacity: 1;transform:translateX(0); -webkit-transform:translateX(0); -moz-transform:translateX(0); -ms-transform:translateX(0);}
.mPS2id-target-first .aniCenter {opacity: 1;transform:translateX(0); -webkit-transform:translateX(0); -moz-transform:translateX(0); -ms-transform:translateX(0);}

.active .aniTop {opacity: 1;transform:translateY(0); -webkit-transform:translateY(0); -moz-transform:translateY(0); -ms-transform:translateY(0);}
.active .aniBottom {opacity: 1;transform:translateY(0); -webkit-transform:translateY(0); -moz-transform:translateY(0); -ms-transform:translateY(0);}
.active .aniLeft {opacity: 1;transform:translateX(0); -webkit-transform:translateX(0); -moz-transform:translateX(0); -ms-transform:translateX(0);}
.active .aniRight {opacity: 1;transform:translateX(0); -webkit-transform:translateX(0); -moz-transform:translateX(0); -ms-transform:translateX(0);}
.active .aniCenter {opacity: 1;transform:translateX(0); -webkit-transform:translateX(0); -moz-transform:translateX(0); -ms-transform:translateX(0);}


.zoomImg img { -webkit-transform:scale(1);
    -moz-transform:scale(1);
    -ms-transform:scale(1);
    -o-transform:scale(1);
    transform:scale(1);
    -webkit-transition:.5s;
    -moz-transition:.5s;
    -ms-transition:.5s;
    -o-transition:.5s;
    transition:.5s;}

a:hover .zoomImg img, .item:hover img {
    -webkit-transform:scale(1.2);
    -moz-transform:scale(1.2);
    -ms-transform:scale(1.2);
    -o-transform:scale(1.2);
    transform:scale(1.2);
}