@charset "utf-8";

.img_w{display:inline-block;}
.img_m{display:none;}

.myc_wrap{max-width:1800px;margin:0 auto;margin-bottom: -40px;}
.event-box {max-width:1000px;margin:0 auto;border: 1px solid #c8e8db;border-top:4px solid #c8e8db;-webkit-border-radius: 10px;-moz-border-radius: 10px;border-radius: 10px;}
.section01.cd-section{height:auto;}
.section01 .visWrap{position:relative;padding: 90px 0 334px;text-align: center;background: url(images/sectionBg1.jpg) no-repeat center center;background-size: cover;}
.section01 .visWrap .title-top .title_tt{display:block;font-weight:bold;color:#222;font-size: 45px;}
.section01 .visWrap .title-top .title_tt.tt_bdt{display:inline-block; border-top:1px solid #222; margin-top:5px;}
.section01 .visWrap .title-bt .text_deco{display:inline-block;padding-top: 2%;font-size:18px;color:#666;line-height:1.5;font-weight:normal;}
.section01 .visWrap .section01_img{position:absolute;bottom: -120px;left:0;width:100%;margin:0 auto;}

.step_title{text-align:center;font-size:38px;color:#000;padding-top:156px;font-weight: bold;}
.step_title .step_subtitle{font-size:20px;color:#222;text-align:center;background:url(images/line_bar.png) center no-repeat;line-height: 2.6;font-weight: normal;}
.step_in{max-width:1000px; margin:0 auto; margin-top:63px;}
.step_in:after{content:''; display:block; clear:both;}
.stepWrap .step_inText{font-size:19px;color:#5d99b4;text-align:center;font-style: italic;margin-top:20px;line-height: 1.6;}

.step_in .left_img{float:left; width:56%;}
.step_in .right_text{float:left; width:40%; margin-top:4%; margin-left:4%; text-align:left;}
.step_in .right_text li{margin-bottom:30px; font-size:18px; color:#666; line-height:1.4;}
.step_in .right_text .label{font-size:18px; color:#fff; font-weight:bold; line-height:1.6; }

.step_in .right_text .roundType01{padding:3px 0; text-align:center; margin-bottom:10px; background-color:#ceb6e4; width:85px;height:100%; -webkit-border-radius: 50px;-moz-border-radius: 50px;border-radius: 50px;}
.step_in .right_text .roundType02{padding:3px 0; text-align:center; margin-bottom:10px; background-color:#a278c8; width:85px; height:100%; -webkit-border-radius: 50px;-moz-border-radius: 50px;border-radius: 50px;}
.step_in .right_text .roundType03{padding:3px 0; text-align:center; margin-bottom:10px; background-color:#7b45ad; width:85px; height:100%; -webkit-border-radius: 50px;-moz-border-radius: 50px;border-radius: 50px;}

.sky_bg{background:url(images/sectionBg2.jpg) top center no-repeat;background-size:cover;padding: 0 10%;}
.section05.cd-section{background:url(images/sectionBg3.jpg) top center no-repeat; background-size:cover;}

.event-box .title {text-align:center;background:#cee9e1 url(images/wh-sec3_con_bg.png) center no-repeat;padding: 20px 0;background-size: cover !important;}
.event-box .title h3 {font-size: 30px;color:#44a3a7;}
.event-box .title h3 span {display:inline-block;margin-left:20px;padding-left:25px;font-size: 30px;color:#000000;background:url(images/bar.gif) no-repeat left center;}

.event-box.event-box_2{border: 1px solid #f0e4fb; }
.event-box.event-box_2 .title {background:#f0e4fb url(images/wh-sec3_con_bg.png) center no-repeat; -webkit-border-top-left-radius: 10px;
-webkit-border-top-right-radius: 10px;-moz-border-radius-topleft: 10px;-moz-border-radius-topright: 10px;border-top-left-radius: 10px;border-top-right-radius: 10px;}
.event-box.event-box_2 .title h3 {font-size:30px; color:#a171af;}

.event-box.event-box_3{border: 1px solid #fdddde;}
.event-box.event-box_3 .title {background:#fddbdc url(images/wh-sec3_con_bg.png) center no-repeat; -webkit-border-top-left-radius: 10px;
-webkit-border-top-right-radius: 10px;-moz-border-radius-topleft: 10px;-moz-border-radius-topright: 10px;border-top-left-radius: 10px;border-top-right-radius: 10px;}
.event-box.event-box_3 .title h3 {font-size:30px; color:#e6576f;}
.event-box.event-box_3 .section4_text{background-color:#FFF;padding: 0px 0 30px;font-size:20px;color: #888; -webkit-border-bottom-right-radius: 10px;
-webkit-border-bottom-left-radius: 10px;-moz-border-radius-bottomright: 10px;-moz-border-radius-bottomleft: 10px;border-bottom-right-radius: 10px;border-bottom-left-radius: 10px;}

.event-box .title .p {margin-top:8px; font-size:20px; font-style:italic; color:#666;}
.event-box .list {position:relative;padding: 30px 20px 25px;background:#ffffff;-webkit-border-bottom-right-radius: 10px;-webkit-border-bottom-left-radius: 10px;-moz-border-radius-bottomright: 10px;-moz-border-radius-bottomleft: 10px;border-bottom-right-radius: 10px;border-bottom-left-radius: 10px;}

.event-box.event-box_2 .list {padding:60px 20px}
.event-box .list .bx-wrapper{margin:0 auto;}
.event-box .list .bx-wrapper ul li .li {padding:0;}
.event-box .list .bx-wrapper .bx-default-pager {display:none;}

.event-box .list .bx-wrapper .bx-controls-direction a {position:absolute;top: 32%;width:24px;height:56px;display:block;text-indent:-9999em;z-index:9999;}
.event-box .list .bx-wrapper .bx-controls-direction a.bx-prev {left: 2%; background:url(images/sec4_left_arrow.png) no-repeat;background-size:100%; z-index:1;}
.event-box .list .bx-wrapper .bx-controls-direction a.bx-next {right:2%; background:url(images/sec4_right_arrow.png) no-repeat; background-size:100%; z-index:1;}

.section05 .event-box .list .bx-wrapper .bx-controls-direction a {position:absolute;top: 39%;width:44px;height:79px;display:block;text-indent:-9999em;z-index:9999;}
.section05 .event-box .list .bx-wrapper .bx-controls-direction a.bx-prev {left: -54px; background:url(images/sec5_left_arrow.png) no-repeat;background-size:100%; z-index:1;}
.section05 .event-box .list .bx-wrapper .bx-controls-direction a.bx-next {right: -54px; background:url(images/sec5_right_arrow.png) no-repeat; background-size:100%; z-index:1;}

.event-box .list.list2{padding: 50px 20px;}
.event-box.event-box_3 .list.list2{padding: 50px 7%;}
.event-box .list:after{content:''; display:block; clear:both;}

.event-box .list.list2 .bx-wrapper .bx-controls-direction a {top: 38%;}

.event-box .list ul {/* overflow:hidden; */}

.event-box .list > ul > li {float:left; width:33.3%; text-align:center;}

.event-box .list ul li .img {padding: 5px 10px 5px;}

.event-box .list ul li .p1 {/* margin-top: 25px; */line-height:1.3;font-size: 20px;color: #b75c38;vertical-align: middle;font-weight: bold;}
.event-box .list ul li .p1 span{display:inline-block; padding-top:10px; font-weight:normal; font-size:18px;}
.event-box .list ul li .p2 {min-height: 45px;margin-top: 20px;line-height:1.6;font-size: 17px;color: #888;letter-spacing:-1px;}
.event-box .list ul li .p3 {margin-top:15px; line-height:1.4; font-size:19px; color:#000000;}
.event-box .list ul li .img2 {margin-top: 20px;}

.event-box.event-box_2 .list ul li {width:24%; border-left:1px solid #e4e4e4; box-sizing:border-box;}
.event-box.event-box_2 .list ul li:first-child {border-left:0;}
.event-box.event-box_2 .list ul li .p1 {margin-top:0; font-size:20px; color:#855d33;}

.event-box.event-box_2 .list.list2 ul li {width:25%;min-height: 250px;}
.event-box.event-box_2 .list.list2 ul li .img {padding: 30px 0 25px;}
.event-box.event-box_2 .list.list2 ul li:nth-child(1) .img{padding: 32px 0 ;}
.event-box.event-box_2 .list.list2 ul li:nth-child(2) .img{padding: 32px 0 ;}
.event-box.event-box_2 .list.list2 ul li:last-child .img{padding: 0px 0 15px;}

.event-box.last_box .list.list3 ul li {width: 25%;}
.event-box.last_box .list.list3 ul li .li{}
.event-box.last_box .list.list3 ul li .li div.img:first-child{padding-bottom: 1px;}

.event-box.last_box .list.list3 ul li .li div.img{padding: 1px;}
.event-box.last_box .list.list3 ul li .li div.img img{display:inline-block; width:100%;}

.event-box.last_box{max-width:964px; margin:0 auto; border:10px solid #f1f1f1; border-radius:0; background-color:#f1f1f1;}
.event-box.last_box .list{background-color:#f1f1f1; padding:0;}

.sec_5_title{font-size:25px;color:#444;font-weight:bold;padding-top: 100px;margin-bottom:56px;padding-bottom:10px;background:url(images/sec5_bar.png) center bottom no-repeat;}

.myc_wrap .slick-arrow{position:absolute;top:50%;width:24px;height:56px;margin-top: -45px;text-indent:-999em;border:none;z-index:10;}
.myc_wrap .slick-prev{left: -4%;background:url(images/arrow_left.png) no-repeat 0 50%;}
.myc_wrap .slick-next{right: -4%;background:url(images/arrow_right.png) no-repeat 100% 50%;}

.myc_wrap .last_box .slick-arrow{top:50%;width:44px;height:79px;margin-top: -45px;}
.myc_wrap .last_box .slick-prev{left: -5.7%;background:url(images/sec5_left_arrow.png) no-repeat 0 50%;}
.myc_wrap .last_box .slick-next{right: -5.7%;background:url(images/sec5_right_arrow.png) no-repeat 100% 50%;}


.slick-dots {
    position: absolute;
    bottom: 20px;
    display: block;
    width: 100%;
    padding: 0;
    list-style: none;
    text-align: center;
}

.section04 .slick-dots {
    bottom: -30px;
}

.slick-dots li {
    position: relative;
    display: inline-block;
    width: 8px;
    height: 8px;
    margin: 7px;
    padding: 0;
    cursor: pointer;
}
.slick-dots li button {-webkit-border-radius: 50px;-moz-border-radius: 50px;border-radius: 50px;font-size: 0;line-height: 0;display: block;width: 10px;height: 10px;padding: 5px;cursor: pointer;color: transparent;border: 0;outline: none;background: transparent;background-color:#c8c8c8;}
.slick-dots li button:hover,
.slick-dots li button:focus
{
    outline: none;
}
.slick-dots li button:hover:before,
.slick-dots li button:focus:before
{
    opacity: 1;
}
.slick-dots li button:before
{
    font-family: 'slick';
    font-size: 6px;
    line-height: 20px;

    position: absolute;
    top: 0;
    left: 0;

    width: 20px;
    height: 20px;
	
    text-align: center;

    opacity: .25;
    color: black;

    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
}
.slick-dots li.slick-active button:before
{
    opacity: .75;
    color: black;
}

.slick-dots li.slick-active button{background-color:#6c6c6c;}

/*레이어팝업*/
.pop_slide{display:none;}
.pop_slide .pop-layer{display:block;}
.pop_slide .bx-wrapper .bx-viewport{height:564px !important; overflow:visible !important;}
.pop_slide .bx-wrapper .bx-viewport li{width:100% !important; background-color:#FFF;}

.layer_slide .bx-wrapper .bx-default-pager {display:none;}
.layer_slide .bx-wrapper .bx-controls-direction a {position:absolute;top: 41%;width: 66px;height: 66px;display:block;text-indent:-9999em;z-index:9999;}
.layer_slide .bx-wrapper .bx-controls-direction a.bx-prev {left: -3.2%;background:url(images/sec4_left_arrow.png) no-repeat;background-size:100%;}
.layer_slide .bx-wrapper .bx-controls-direction a.bx-next {right: -3.2%;background:url(images/sec4_right_arrow.png) no-repeat;background-size:100%;}


.pop-layer .pop-container {padding: 20px 25px;}
.pop-layer .ctxt {width:100%; text-align:center; display:inline-block; color: #666;}
.pop-layer .ctxt:after{content:''; display:block; clear:both;}
.pop-layer .ctxt > div{float:left; width:50%;}
.pop-layer .ctxt > div.s1_text{padding: 70px 0px 50px;}
.pop-layer .ctxt > div.s1_text.s1_text2{padding: 103px 0 0;}
.pop-layer .ctxt .s1_title{font-size:24px; color:#b8463b; line-height:1.4; font-weight:bold;}
.pop-layer .ctxt .s1_title span{display:inline-block; font-size:17px; font-weight:normal; margin-top:10px;}
.pop-layer .ctxt .s1_info{font-size:16px;line-height: 1.6;color: #99554d;padding-top:35px;letter-spacing:-0.8px;width: 80%;margin: 0 auto;}
.pop-layer .ctxt .chart_img{padding:8% 0;}

.pop-layer {display: none; position: absolute; top: 50%; left: 50%; height: auto; background-color: #fff;  z-index: 10;}
.dim-layer {display: none; position: fixed; _position: absolute; top: 0; left: 0; width: 100%; height: 100%; z-index: 1001;}
.dim-layer .dimBg {position: absolute;top: 0;left: 0;width: 100%;height: 100%;background: #000;opacity: .8;filter: alpha(opacity=50);cursor:pointer;}

.pop-layer {position:relative; max-width: 1000px;}
.pop-layer .btn-r{position:absolute;top: -60px;right: 0;z-index: 9999;}
.pop-layer .pop-container {position:relative; padding:0;}

.step2_layer .pop-layer {width: 500px; text-align:center;}

.step2_layer.pop_slide .bx-wrapper .bx-viewport{height:518px !important;}

.step2_layer .pop-layer .ctxt > div{float:none;width:100%;padding: 10% 0 5%;}
.step2_layer .pop-layer .ctxt .chart_img{padding: 6% 0 0;}
.step2_layer .pop-layer .ctxt .s1_info{padding: 5% 0 7%;}

.step2_layer .layer_slide .bx-wrapper .bx-controls-direction a.bx-next{right:-9%;}
.step2_layer .layer_slide .bx-wrapper .bx-controls-direction a.bx-prev{left:-9%;}

.step3_layer .caseWrap{position:relative;padding: 6% 0;text-align:center;}
.step3_layer .caseWrap .step3_title{margin-bottom:30px; font-size:24px; font-weight:bold;}
.step3_layer .caseWrap .step3_img{margin-bottom:10px;}
.step3_layer .caseWrap .caseDeco{position:absolute; top:0;}
.step3_layer .caseWrap .Left_deco{left:0;}
.step3_layer .caseWrap .Right_deco{right:0;}

.step3_layer .caseWrap.case01{background:url(images/case_cover01.jpg) center no-repeat; background-size:cover;}
.step3_layer .caseWrap.case01 .step3_title{color:#9e8d6e;}
.step3_layer .caseWrap.case02{background:url(images/case_cover02.jpg) center no-repeat; background-size:cover;}
.step3_layer .caseWrap.case02 .step3_title{color:#f09775;}
.step3_layer .caseWrap.case03{background:url(images/case_cover03.jpg) center no-repeat; background-size:cover;}
.step3_layer .caseWrap.case03 .step3_title{color:#52aaba;}
.step3_layer .caseWrap.case04{background:url(images/case_cover04.jpg) center no-repeat; background-size:cover;}
.step3_layer .caseWrap.case04 .step3_title{color:#774f67;}
.step3_layer .caseWrap.case05{background:url(images/case_cover05.jpg) center no-repeat; background-size:cover;}
.step3_layer .caseWrap.case05 .step3_title{color:#5c504e;}
.step3_layer .caseWrap.case06{background:url(images/case_cover06.jpg) center no-repeat; background-size:cover;}
.step3_layer .caseWrap.case06 .step3_title{color:#c53f3d;}
.step3_layer .caseWrap.case07{background:url(images/case_cover07.jpg) center no-repeat; background-size:cover;}
.step3_layer .caseWrap.case07 .step3_title{color:#e16b41;}
.step3_layer .caseWrap.case08{background:url(images/case_cover08.jpg) center no-repeat; background-size:cover;}
.step3_layer .caseWrap.case08 .step3_title{color:#ffbe31;}
.step3_layer .caseWrap.case09{background:url(images/case_cover09.jpg) center no-repeat; background-size:cover;}
.step3_layer .caseWrap.case09 .step3_title{color:#297a49;}
.step3_layer .caseWrap.case10{background:url(images/case_cover10.jpg) center no-repeat; background-size:cover;}
.step3_layer .caseWrap.case10 .step3_title{color:#4c3474;}
.step3_layer .caseWrap.case11{background:url(images/case_cover11.jpg) center no-repeat; background-size:cover;}
.step3_layer .caseWrap.case11 .step3_title{color:#3c63a9;}
.step3_layer .caseWrap.case12{background:url(images/case_cover12.jpg) center no-repeat; background-size:cover;}
.step3_layer .caseWrap.case12 .step3_title{color:#363032;}

.btnType01 a{display:inline-block; text-align:center; width:253px; height:53px; line-height:53px; font-size:17px; color:#fff;}
.btnType01 a.green{background-color:#1b6d39;}


@media screen and (max-width: 1013px){

.pop_slide .pop-layer{max-width: 68%; top:34%; margin:0 auto;}
.step1_layer .layer_slide .bx-wrapper .bx-controls-direction a{top: 84%;}
.layer_slide .bx-wrapper .bx-controls-direction a.bx-prev{left: -8%;}
.layer_slide .bx-wrapper .bx-controls-direction a.bx-next{right:-13%;}

.pop-layer .ctxt .s1_title{font-size:18px;}
.pop-layer .ctxt .s1_title span{font-size:13px;}
.pop-layer .ctxt .s1_info{padding-top:10px;font-size:13px;width: 90%;margin: 0 auto;}
.pop-layer .ctxt .chart_img{padding:2% 0;margin: 5% 20%;}
.pop-layer .ctxt{margin:0 auto;}
.pop_slide .bx-wrapper .bx-viewport{height:400px !important;}

.step2_layer .pop-layer .ctxt > div.s1_text{padding:10% 0;}
.step2_layer .pop-layer{top:48%;}
.step2_layer .layer_slide .bx-wrapper .bx-controls-direction a{top:44%}
.step2_layer .layer_slide .bx-wrapper .bx-controls-direction a.bx-next{right:-19%;}
.step2_layer .layer_slide .bx-wrapper .bx-controls-direction a.bx-prev{left:-6%;}

.pop-layer .ctxt > div{float:none; width:100%;}
.pop-layer .ctxt > div.s1_img{width:100%; margin:0 auto;}
.pop-layer .ctxt > div.s1_text{padding: 3% 0px 10%;}
.pop-layer .ctxt > div.s1_text.s1_text2{padding: 3% 0px 10%;}
.btnType01 a{width: 175px;height: 33px;line-height: 33px;font-size: 13px;}
.pop-layer .btn-r{top: -40px;width: 30px;}
.layer_slide .bx-wrapper .bx-controls-direction a.bx-next{background-size:50%; right:-19%;}
.layer_slide .bx-wrapper .bx-controls-direction a.bx-prev{background-size:50%; left:-6%;}
.step3_layer .caseWrap .step3_img{padding:0 14%;}
.pop_slide.step3_layer .pop-layer{top:50%;}
.pop_slide.step3_layer .layer_slide .bx-wrapper .bx-controls-direction a.bx-next{right:-11%;}
}

@media screen and (max-width:963px){

.cd-section{padding: 0 0 21%;}


}

@media screen and (max-width: 768px){

.cd-section{padding: 0 0 21%;}
.section01 .visWrap .title-top .title_tt{font-size:22px;}
.section01 .visWrap .title-top .title_tt.tt_bdt{font-size:22px;}
.section01 .visWrap .title-bt .text_deco{font-size: 12px;}
.section01 .visWrap .section01_img{margin-left: -17%;left:50%;width: 35%;bottom: -30%;}
.section01 .visWrap{background: url(images/sectionBg1_m.jpg) top center no-repeat;padding: 12% 0 37%;background-size: 100%;}
.step_title{padding-top: 35%;font-size: 20px;}
.step_title .step_subtitle{font-size: 15px;background-size: 80%;}
.step_in{margin-top:5%;}
.sky_bg{background:url(images/sectionBg2_m.jpg) top center no-repeat;background-size:cover;}
.step_in .left_img{float:none; width:90%; margin:0 auto; margin-bottom:8%;}
.step_in .right_text{float:none; width:80%; margin:0 auto; text-align:center;}
.step_in .right_text .roundType01{margin:0 auto 5%;}
.step_in .right_text .roundType02{margin:0 auto 5%;}
.step_in .right_text .roundType03{margin:0 auto 5%;}
.stepWrap .step_inText{font-size: 13px;margin-top:5%;letter-spacing: -0.3px;}
.step_in .right_text li{font-size:14px;}
.step_in .right_text li br{display:none;}

.step_in .right_text .label{font-size:14px;}

.event-box.event-box_2 .list.list2 ul li:nth-child(1) .img{padding: 18px 0;}
.event-box.event-box_2 .list.list2 ul li:nth-child(2) .img{padding: 20px 0 ;}
.event-box.event-box_2 .list.list2 ul li .img{padding:30px 0 8px;}


.event-box .title h3{font-size: 18px;}
.event-box.event-box_2 .title h3{font-size: 18px;}
.event-box.event-box_3 .title h3{font-size: 18px;}
.event-box .title h3 span{font-size: 18px;background-size:2%;}
.sec_5_title{font-size:20px;padding-top: 7%;margin-bottom: 6%;}
.event-box .title .p{font-size:14px;}

.event-box.event-box_2 .list.list2 ul li{width:50%; margin-bottom:5%; border-left:0; min-height:250px;}
.event-box.event-box_2 .list.list2 ul li:nth-child(3) .li{margin: 0 18%;}
.event-box.event-box_2 .list.list2 ul li:nth-child(4) .li{margin: 0 18%;}
.event-box .list{padding:6%;}
.event-box .list.list2{padding: 5% 20px 0;}

.event-box.last_box{margin: 11% 15%;border:1px solid #f1f1f1;}
.event-box.last_box .list{padding: 4%;}
.myc_wrap .slick-arrow{background-size: 85%;top: 35%;}
.myc_wrap .section02 .slick-next{right: -4%;}
.myc_wrap .section02 .slick-prev{left: -3%;}
.event-box .list ul li .img{padding: 5% 10%;}

.event-box .list.list2 ul li .img{padding:0;}
.event-box .list.list3 ul li .img{padding:0;}
.event-box.event-box_3 .list.list2 ul li .img{padding:0 20% 10%;}
.event-box.event-box_3 .list.list2{padding:12% 7%;}
.event-box .list ul li .p1{font-size:16px;}
.event-box .list ul li .p1 span{font-size:14px;}
.event-box .list ul li .p2{font-size:13px; min-height:75px;}
.event-box.event-box_2 .list ul li .p1{font-size: 12px;}
.event-box.event-box_2 .list ul li .li{margin: 0 3%;}

.event-box.event-box_3 .section4_text{font-size:14px;}
.section05.cd-section{background:url(images/sectionBg3_m.jpg) top center no-repeat; background-size:cover;}
.myc_wrap .last_box .slick-next{right: -13%;background-size:53%;}
.myc_wrap .last_box .slick-prev{left: -13%;background-size:53%;}
.cd-section{padding-bottom:30%;}
.section03.cd-section{padding-bottom:35%;}
.step3_layer .caseWrap{padding:10% 0;}
.step3_layer .caseWrap .step3_title{font-size:14px;margin-top: 15px; margin-bottom:8%;}
.step3_layer .caseWrap .step3_img{padding:0 10px;}
.step3_layer .caseWrap .step3_img.big_img{padding:0 10px;}
.step3_layer .layer_slide .bx-wrapper .bx-controls-direction a{top:72%;}
.step3_layer .caseWrap.case01{background:url(images/case_cover01_bg.jpg) center no-repeat; background-size:cover;}
.step3_layer .caseWrap.case02{background:url(images/case_cover02_bg.jpg) center no-repeat; background-size:cover;}
.step3_layer .caseWrap.case03{background:url(images/case_cover03_bg.jpg) center no-repeat; background-size:cover;}
.step3_layer .caseWrap.case04{background:url(images/case_cover04_bg.jpg) center no-repeat; background-size:cover;}
.step3_layer .caseWrap.case05{background:url(images/case_cover05_bg.jpg) center no-repeat; background-size:cover;}
.step3_layer .caseWrap.case06{background:url(images/case_cover06_bg.jpg) center no-repeat; background-size:cover;}
.step3_layer .caseWrap.case07{background:url(images/case_cover07_bg.jpg) center no-repeat; background-size:cover;}
.step3_layer .caseWrap.case08{background:url(images/case_cover08_bg.jpg) center no-repeat; background-size:cover;}
.step3_layer .caseWrap.case09{background:url(images/case_cover09_bg.jpg) center no-repeat; background-size:cover;}
.step3_layer .caseWrap.case10{background:url(images/case_cover10_bg.jpg) center no-repeat; background-size:cover;}
.step3_layer .caseWrap.case11{background:url(images/case_cover11_bg.jpg) center no-repeat; background-size:cover;}
.step3_layer .caseWrap.case12{background:url(images/case_cover12_bg.jpg) center no-repeat; background-size:cover;}

.img_w{display:none;}
.img_m{display:inline-block;}
.pop_slide.step3_layer .pop-layer {top: 35%;}
.pop_slide.step3_layer .layer_slide .bx-wrapper .bx-controls-direction a.bx-next {right: -18%;}

.section04 .slick-slide{ width: 16.5% !important;}
.section04 .event-box.event-box_3 .list.list2 ul li .img{padding:0;}
.section04 .event-box.event-box_3 .list.list2 ul li .img a{display:inline-block; padding:5%; position:relative; left:6%;}
.event-box.event-box_2 .list.list2 ul li{min-height:200px;}
.myc_wrap .section04 .slick-arrow{top:55%;}
.myc_wrap .section04 .slick-next{right: -7%;}
.myc_wrap .section04 .slick-prev{left: -4%;}
}


@media screen and (max-width: 500px){
.event-box.event-box_2 .list.list2 ul li{min-height: 180px;}

.myc_wrap .section04 .slick-next{right:-4%;}
.myc_wrap .section04 .slick-prev{left:-4%;}
.step2_layer.pop_slide .bx-wrapper .bx-viewport{height: 358px !important;}
.step2_layer .pop-layer .ctxt .chart_img img{max-height:125px;}
.step2_layer .pop-layer .ctxt .s1_info.s1_info2{padding: 2.5% 0;}
}

@media screen and (max-width: 375px){

.step3_layer .caseWrap .step3_title{font-size:14px;}
.step2_layer .pop-layer{top:50%;}
.pop_slide.step3_layer .pop-layer {
    top: 40%;
}
.step1_layer .layer_slide .bx-wrapper .bx-controls-direction a {
    top: 60%;
}
.step3_layer .layer_slide .bx-wrapper .bx-controls-direction a{top:52%;}
.section01 .visWrap .title-bt .text_deco{font-size: 12px;width:48%;letter-spacing: -1px;}
.section01 .visWrap .section01_img{left: 49%;width: 37%;bottom: -40%;}
.section01 .visWrap .title-top .title_tt{font-size:20px;}
.section01 .visWrap .title-top .title_tt.tt_bdt{font-size:20px;}

.step1_layer .pop-layer{max-width: 230px; top:38%; margin:0 auto;}
.pop-layer .ctxt .s1_title{font-size:14px;}
.pop-layer .ctxt .s1_info{font-size:12px;}


.section01 .visWrap{padding: 15% 0 32%;}
.pop_slide.step3_layer .layer_slide .bx-wrapper .bx-controls-direction a.bx-next {right: -24%;}
.event-box.event-box_2 .list.list2 ul li{min-height:190px;}
.event-box.event-box_2 .list.list2 ul li .img {padding: 17px 0 25px;}
.event-box.event-box_3 .list.list2{padding:12%;}

.layer_slide .bx-wrapper .bx-controls-direction a.bx-next{right:-25%;}
.layer_slide .bx-wrapper .bx-controls-direction a.bx-prev{left:-9%;}
.myc_wrap .section04 .slick-next{right:-11%;}
.myc_wrap .section04 .slick-prev{left:-11%;}
.step2_layer.pop_slide .bx-wrapper .bx-viewport{height: 338px !important;}
}

@media screen and (max-width: 320px){
.section01 .visWrap {padding: 10% 0 28%;}
.event-box.event-box_2 .list.list2 ul li{min-height:160px;}
.step1_layer .pop-layer{max-width: 200px; top:42%; }
.step2_layer .layer_slide .bx-wrapper .bx-controls-direction a.bx-next{right:-25%;}
.step2_layer .layer_slide .bx-wrapper .bx-controls-direction a.bx-prev{left:-9%;}
.step2_layer.pop_slide .bx-wrapper .bx-viewport{height:298px !important;}
.pop_slide.step3_layer .pop-layer{top:46%;}
.step3_layer .caseWrap .step3_title{font-size:12px;}
}