.main_contents.main_only{margin-bottom:-60px;overflow:hidden;}

.main_contents .main_hd, .sub_contents .main_hd{margin-bottom:40px;text-align:center;}
.main_contents .main_hd h1,.sub_contents .main_hd h1{font-size:44px;color:#000000;font-weight:700;line-height:50px;margin-bottom:40px;letter-spacing:-2.5px;}
.main_contents .main_hd p,.sub_contents .main_hd p{font-size:18px;font-weight:400;color:#333333;line-height:30px;letter-spacing:-1px;}
.main_contents .main_hd h3,.sub_contents .main_hd h3{font-size:36px;font-weight:500;color:#333333;letter-spacing:-3px;}
.main_contents .main_hd h3 em,.sub_contents .main_hd h3 em{font-weight:500;}
.main_contents .main_hd h2{font-size:35px;color:#000000;font-weight:700;line-height:35px;letter-spacing:-1px;}
.main_contents .main_hd h4{font-size:30px;color:#000000;font-weight:500;line-height:30px; margin-bottom:10px;letter-spacing:-2px;}

/*** main_post ***/
.main_post{width:1300px;margin:0px auto 150px;background-color:#fff;overflow:hidden;position:relative;z-index:1;}
.main_post h3{width:440px;z-index:5;position:absolute;left:0;top:52px;height:57px;line-height:57px;font-size:50px;font-weight:700;color:#000;letter-spacing:-2px;text-align:left;;display:inline-block;}
.main_post h3 a{display:inline-block;font-size:15px;font-weight:400;color:#666;float:right;line-height:23px;height:23px;margin:18px 0 0;}
.main_post h3 a span{font-size:inherit;display:inline-block;vertical-align:top;font-weight:inherit;color:inherit;line-height:inherit;height:inherit;margin:0;padding:0 18px 0 0;position:relative;z-index:1;}
.main_post h3 a span:before{transform:rotate(45deg) translate(-50%, -0%);margin-top:0;margin-left:0;width:8px;height:8px;border-width:1px 1px 0 0;border-color:#333;border-style:solid;position:absolute;display:inline-block;content:"";transition:all 0.3s;right:0;top:50%;}
.main_post h3 a:hover span:before{transform:rotate(45deg) translate(-0%, -50%);}
.main_post .main_post_box{z-index:1;position:relative;width:100%;height:575px;margin:0;padding:0;overflow:hidden; }
.main_post .main_post_box .main_slide_box{height:100%;}
.main_post .main_post_box .slider_wrap{z-index:1;height:100%;} /*border:1px solid #ff0000;*/
.main_post .main_post_box .slider_wrap .slider_cut{border:0;outline:0;position:relative;z-index:1;background:#fff;}
.main_post .main_post_box .slider_wrap .slider_cut .post_wrap{width:100%;margin:0;padding:0;}
.main_post .main_post_box .slider_wrap .slider_cut .post_wrap:after{clear:both;content:"";display:block;}
.main_post .main_post_box .slider_wrap .slider_cut{visibility:hidden;opacity:0;background:none;-webkit-transition-property:opacity;-o-transition-property:opacity;transition-property:opacity;flex-shrink:0;position:relative;transition-duration:0ms;border:0;outline:0;}
.main_post .main_post_box .slider_wrap .slider_cut .post_txt, .main_post .main_post_box .slider_wrap .slider_cut .post_thumb{position:absolute;margin:0;padding:0;box-sizing:border-box;overflow:hidden;text-overflow:ellipsis;white-space:normal;word-wrap:break-word;}

.main_post .main_post_box .slider_wrap .slider_cut .post_txt{top:198px;right:700px;width:500px;transition:all 1s ease-in-out;z-index:1;text-align:left;}


.main_post .main_post_box .slider_wrap .slider_cut .post_txt h2{line-height:55px;font-size:50px;font-weight:700;color:#000;letter-spacing:-3px;}
.main_post .main_post_box .slider_wrap .slider_cut .post_txt h4{line-height:35px;font-size:30px;font-weight:700;color:#000;letter-spacing:-1px;}
.main_post .main_post_box .slider_wrap .slider_cut .post_txt p{line-height:26px;font-size:20px;font-weight:400;color:#666;min-height:32px;max-height:160px;margin-top:28px;-webkit-line-clamp:5;}

.main_post .main_post_box .slider_wrap .slider_cut .post_thumb{position:relative;margin-left:660px;right:-600px;width:600px;height:575px;border-radius:12px;transition:all .6s ease-in-out;z-index:2;}
.main_post .main_post_box .slider_wrap .slider_cut .post_thumb img{width:100%;height:auto;margin:0 auto;}
.main_post .main_post_box .slider_wrap .slider_cut.slick-active{visibility:visible;opacity:1;}
.main_post .main_post_box .slider_wrap .slider_cut.slick-active .post_txt{top:198px;right:780px;width:500px;}
.main_post .main_post_box .slider_wrap .slider_cut.slick-active .post_thumb{right:0;}

.main_post .main_post_box .slider_wrap .slick-dots{z-index:5;position:absolute;left:0;bottom:22px;height:31px;border:0;outline:0;text-align:left;font-size:0;}
.main_post .main_post_box .slider_wrap .slick-dots li{display:inline-block;height:31px;box-sizing:border-box;border:0;border-bottom-color:rgba(0, 0, 0, 0);border-bottom-width:2px;border-bottom-style:solid;line-height:29px;text-align:center;margin:0;padding:0;outline:0;transition:all 0.3s;background:none;border-radius:0;}
.main_post .main_post_box .slider_wrap .slick-dots li button{height:29px;line-height:29px;font-size:17px;font-weight:300;color:#c6c6c6;display:inline-block;margin:0;padding:0 2px;outline:0;border:0;box-sizing:border-box;transition:all 0.3s;background:none;border-radius:0;}
.main_post .main_post_box .slider_wrap .slick-dots li button:before{height:inherit;line-height:inherit;font-size:inherit;font-weight:inherit;color:inherit;display:inline-block;content:"";}
.main_post .main_post_box .slider_wrap .slick-dots li + li{margin-left:20px;}
.main_post .main_post_box .slider_wrap .slick-dots li.slick-active{border-bottom-color:rgba(0, 0, 0, 1);color:#000;}
.main_post .main_post_box .slider_wrap .slick-dots li.slick-active button{color:#000;}

.main_post .main_post_box .slider_nav_wrap{  position:absolute;z-index:5;margin:0;padding:0;bottom:0;right:640px;width:100px;height:445px;font-size:0;opacity:1;}/*transform:translateY(100%);*/
.main_post .main_post_box .slider_nav_wrap.on{opacity:1;}/*transform:translateY(0%);height:0;*/
.main_post .main_post_box .slider_nav{margin:0;padding:0;width:100px;overflow:hidden;vertical-align:bottom;}
.main_post .main_post_box .slider_nav .slider_cut{width:115px;height:115px;float:none !important;left:0 !important;margin:0;padding:0px 0;font-size:0;border:0;outline:0;cursor:pointer;box-sizing:border-box;}
.main_post .main_post_box .slider_nav .slider_cut .post_thumb{border-radius:10px;height:100px;width:100px;box-sizing:border-box;overflow:hidden;border:1px solid #ffffff;position:relative;z-index:1;transition:border 0.3s;}
.main_post .main_post_box .slider_nav .slider_cut .post_thumb img{position:absolute;left:50%;top:50%;width:100%;height:100%;transform:translate(-50%, -50%);}

.main_post .main_post_box .slider_nav .slider_cut.slick-current .post_thumb{border:1px solid #ff0000;}
.main_post .main_post_box .slider_nav .slider_cut.slick-active{ opacity:1 !Important;}

/*main_review*/
.main_contents .main_review{padding:120px 0 80px;}
.main_contents .main_review .main_hd h2{color:#fff;}
.main_contents .main_review .main_hd p{color:#ffa800;}
.main_contents .main_review .review_slide{display:block;padding-bottom:0px}

.main_contents .review-list{margin:0px;font-size:0;}
.main_contents .review-list li{width:33.33%;padding:0 20px;display:inline-block;vertical-align:top;}
.main_contents .review-list a:hover .cont{border:1px solid #7a7a7a;}
.main_contents .review-list .cont{width:100%;padding:50px 35px;background-color:#ffffff; border:1px solid #dddddd;border-radius:10px;text-align:left;min-height:510px;}
.main_contents .review-list .cont .head-title{ margin-bottom:20px}
.main_contents .review-list .cont .head-title .write-name{font-size:16px;color:#959595;padding-right:20px}
.main_contents .review-list .cont .head-title .star{font-size:16px;color:#ffa200;}
.main_contents .review-list .cont .head-title h1{width:100%;font-size:20px;font-weight:700;line-height:1.2;letter-spacing:-1px;color:#000000;padding-top:15px;display:block;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.main_contents .review-list .cont .view-comment{width:100%;padding:20px 0 40px 0;}
.main_contents .review-list .cont .view-comment p{font-size:16px;font-weight:300;margin:0;display:-webkit-box;-webkit-line-clamp:10;-webkit-box-orient:vertical;overflow:hidden;}
.main_contents .review-list .cont .subject .subject-name{border-radius:50px;background-color:#bebebe;color:#ffffff;padding:3px 15px;}
.main_contents .review-list .cont .subject{color:#bebebe; font-size:14px;}

.main_basic_free{padding:0px 0 125px 0;position:relative;display:inline-block;width:100%; background-color:#fff;  }
.main_basic_free .basic_free_wrap{width:1000px;margin:48px auto 0;background-color:#fff;text-align:center;}
.main_basic_free .basic_free_wrap ul{margin:0 auto;}
.main_basic_free .basic_free_wrap ul li{float:left;display:block;}
.main_basic_free .basic_free_wrap ul li:nth-child(1){position:relative;width:450px;height:620px}
.main_basic_free .basic_free_wrap ul li:nth-child(2){ width:100px;height:620px;padding:270px 0 0 0}
.main_basic_free .basic_free_wrap ul li:nth-child(3){position:relative;width:450px;height:620px}

.main_basic_free .basic_free_wrap.ver2 ul{margin:0 auto;}
.main_basic_free .basic_free_wrap.ver2 ul li{float:left;display:block;}
.main_basic_free .basic_free_wrap.ver2 ul li:nth-child(1){position:relative;width:450px;height:620px}
.main_basic_free .basic_free_wrap.ver2 ul li:nth-child(2){ width:100px;height:620px;padding:270px 0 0 0}
.main_basic_free .basic_free_wrap.ver2 ul li:nth-child(3){position:relative;width:450px;height:620px}

.main_basic_free.sub{padding:130px 0 60px 0;}

.main_contents .main_system{padding:90px 0 80px;background-color:#f3f3f3;}
.main_contents .main_system .main_hd h3{font-size:30px;}

.main_system .system_items{padding:50px 40px}
.main_system .system_items.ver2{padding:70px 40px}
.main_system .system_items ul{margin:0px;font-size:0;text-align:center;}
.main_system .system_items li{width:38%;padding:20px 40px;display:inline-block;vertical-align:top;}
.main_system .system_items .box{width:100%;height:404px;padding:40px 0 0;background-color:#687895;border-radius:10px;}
.main_system .system_items li + li .box{background-color:#7f6e97;}
.main_system .system_items .box2{width:100%;height:404px;padding:40px 0 0;background-color:#687895;border-radius:10px;margin-top:-60px}
.main_system .system_items .box3{position:relative;overflow:hidden;box-shadow:0 10px 20px rgba(0, 0, 0, .18);width:100%;height:360px;padding:60px 0 0 0;background-color:#7a8d8d;border-radius:10px;}
.main_system .system_items .box4{position:relative;overflow:hidden;box-shadow:0 10px 20px rgba(0, 0, 0, .18);width:100%;height:360px;padding:60px 0 0 0;background-color:#8d7b86;border-radius:10px;}
.main_system .system_items .box5{position:relative;overflow:hidden;box-shadow:0 10px 20px rgba(0, 0, 0, .18);width:100%;height:360px;padding:60px 0 0 0;background-color:#888d7b;border-radius:10px;}
.main_system .system_items h5{font-size:18px;font-weight:500;color:#ffffff;text-align:center;}

.main_system .system_items .icon{padding-top:30px;}
.main_system .system_items .icon,
.main_system .system_items strong{display:block;text-align:center;}
.main_system .system_items strong{margin-top:15px;font-size:40px;font-weight:700;color:#ffffff;}
.main_system .system_items strong.types{margin-top:0}
.main_system .system_items .desc{ height:200px;display:block;text-align:center;padding-top:15px;font-size:18px;font-weight:400;line-height:1.5;color:#ffffff;letter-spacing:-1px;}

.main_system .system_items .types-text-over p.txt{padding:20px;font-size:15px;font-weight:500;color:#ffffff;text-align:left;}

.main_system .system_items .box3 .types-text-over{position:absolute;width:270px;left:60px;bottom:40px;opacity:0;transition:.4s;background:#7a8d8d;}
.main_system .system_items .box3:hover .types-text-over{bottom:30px;opacity:1;}

.main_system .system_items .box4 .types-text-over{position:absolute;width:270px;left:70px;bottom:40px;opacity:0;transition:.4s;background:#8d7b86;}
.main_system .system_items .box4:hover .types-text-over{bottom:30px;opacity:1;}

.main_system .system_items .box5 .types-text-over{position:absolute;width:270px;left:45px;bottom:40px;opacity:0;transition:.4s;background:#888d7b;}
.main_system .system_items .box5:hover .types-text-over{bottom:30px;opacity:1;}


.main_system .system_items .desc p{padding-top:20px;font-size:16px;font-weight:300;color:rgba(255, 255, 255, 0.5);}
.main_system .system_items .desc p .bod{border-bottom:1px solid #ffffff; padding:0px 25px; line-height:1.5;}
.main_system .system_items .desc p .bod.types{border-top:1px solid #ffffff;border-bottom:0px solid #ffffff;padding:0px 25px; line-height:1.5;}
.main_system .system_items .desc a.more{ margin-left:280px}

.main_system .system_items .desc p.h4{padding-top:20px;font-size:20px;font-weight:500;color:#ffffff;margin-bottom:25px}

/*main_freeregister*/
.main_contents .main_freeregister{padding:140px 0px;text-align:center;background-color:#f3f3f3;}
.main_contents .main_freeregister .main_hd{margin-bottom:70px;}
.main_contents .main_freeregister .main_hd h2{font-size:40px;}
.main_contents .main_freeregister .btn_box{padding-top:70px;}

/*main_history*/
.main_contents .main_history{padding:150px 0 80px 0;text-align:center;}
.main_contents .btn_box{padding-top:30px;}
.main_contents .btn_box a{width:310px;height:70px;display:inline-block;text-align:center;font-size:30px;font-weight:700;line-height:70px;color:#fff;background-color:#ca0000;border-radius:10px;}
.main_contents .main_history .history_img{ text-align:center;margin:20px auto;}
.main_contents .main_history .history_img ul.wd3{width:1000px;display:inline-block;margin:0 auto; }
.main_contents .main_history .history_img ul.wd3 li{width:33.3%;float:left;padding:0 20px;}
.main_contents .main_history .history_img ul.wd3 li .history-round{width:280px;height:280px;border-radius:50%;display:table-cell;color:#fff;vertical-align:middle; text-align:center;}
.main_contents .main_history .history_img ul.wd3 li .history-round.c01{background-color:#9683aa;}
.main_contents .main_history .history_img ul.wd3 li .history-round.c02{background-color:#687895;}
.main_contents .main_history .history_img ul.wd3 li .history-round.c03{background-color:#698890;}
.main_contents .main_history .history_img ul.wd3 li .history-round .boxtitle{width:100px;padding:5px 0px;border-radius:10px;background-color:#fff;margin:0 auto;}
.main_contents .main_history .history_img ul.wd3 li .history-round .boxtitle span{ font-size:16px;font-weight:700; }
.main_contents .main_history .history_img ul.wd3 li .history-round .boxtitle span.txt1{color:#9683aa;}
.main_contents .main_history .history_img ul.wd3 li .history-round .boxtitle span.txt2{color:#687895;}
.main_contents .main_history .history_img ul.wd3 li .history-round .boxtitle span.txt3{color:#698890;}
.main_contents .main_history .history_img ul.wd3 li .history-round h1{font-size:100px;font-weight:700;letter-spacing:-2px;line-height:100px;margin-top:20px}
.main_contents .main_history .history_img ul.wd3 li .history-round h1 span{font-size:24px;}

.main_contents .main_history .history_img ul.wd7{width:1200px;display:inline-block;margin:70px auto 0px auto; }
.main_contents .main_history .history_img ul.wd7 li{float:left;width:14.28%}
.main_contents .main_history .history_img ul.wd7 li p{margin-top:10px; line-height:16px;font-size:14px;letter-spacing:0px;color:#777777}

.main_contents{}
.main_contents .main_visual{}
.main_contents .main_visual .swiper-slide{width:100%;height:501px;background-repeat:no-repeat;background-position:50% 0;position:relative;}
.main_contents .main_visual .swiper-slide a{width:100%;height:100%;font-size:0;text-indent:-9999px;position:absolute;left:0;top:0;}
.main_contents .main_visual .controll{height:34px;margin-left:454px;padding:0 13px;font-size:0;background-color:#000;border-radius:32px;opacity:0.6;position:absolute;left:50%;bottom:62px;z-index:11;}
.main_contents .main_visual .controll .paging{width:auto;margin:0 5px;display:inline-block;vertical-align:middle;font-size:16px;line-height:34px;font-weight:400;color:#fff;letter-spacing:1px;}
.main_contents .main_visual .controll .paging .swiper-pagination-current{font-weight:700;}
.main_contents .main_visual .controll button{width:10px;height:10px;display:inline-block;vertical-align:middle;border-left:1px solid #fff;border-top:1px solid #fff;font-size:0;text-indent:-9999px;background-repeat:no-repeat;border-radius:1px;position:relative;top:1px;}
.main_contents .main_visual .controll button:hover{opacity:1;}
.main_contents .main_visual .controll .prev{-ms-transform:rotate(-45deg);-webkit-transform:rotate(-45deg);transform:rotate(-45deg);}
.main_contents .main_visual .controll .next{-ms-transform:rotate(135deg);-webkit-transform:rotate(135deg);transform:rotate(135deg);}
.main_contents .main_visual .tab_nav{width:100%;margin:0 auto;background-color:#4b4b4b;}
.main_contents .main_visual .tab_nav ul{width:1154px;margin:0 auto;display:table;table-layout:fixed;border-spacing:0;border-collapse:collapse;}
.main_contents .main_visual .tab_nav li{display:table-cell;border:1px solid #1f1f1f;border-top:none;border-bottom:none;}
.main_contents .main_visual .tab_nav li a{height:50px;display:block;text-align:center;font-size:16px;line-height:50px;font-weight:400;color:#fff;}
.main_contents .main_visual .tab_nav .on a{background-color:#092f70;}

.main_contents .main_course{padding:220px 0 170px 0;}
.main_course_wrap{}
.main_course_wrap .tabs{margin-bottom:80px;text-align:center;font-size:0;}
.main_course_wrap .tabs a{width:160px;display:inline-block;font-size:20px;font-weight:700;line-height:55px;color:#838383;border-bottom:1px solid #bdbdbd;position:relative;}
.main_course_wrap .tabs a.on{font-weight:700;color:#092f70;}
.main_course_wrap .tabs a.on:after{content:'';width:100%;height:4px;background-color:#092f70;position:absolute;left:0;bottom:-1px;}

.main_course_slide{position:relative;}
.main_course_slide ul:after{content:'';display:block;clear:both;}
.main_course_slide li{width:325px;height:385px;padding:55px 0 0;margin:0 2px;float:left;background-repeat:no-repeat;background-size:100% 100%;position:relative;}
.main_course_slide .label{width:102px;height:50px;text-align:center;font-size:18px;line-height:50px;color:#fff;background-color:#000;position:absolute;left:0;top:26px;}
.main_course_slide .course_name,
.main_course_slide .course_desc{width:100%;display:table;table-layout:fixed;border-spacing:0;}
.main_course_slide .course_name > span,
.main_course_slide .course_desc > span{display:table-cell;vertical-align:middle;text-align:center;color:#fff;}
.main_course_slide .course_name > span{height:154px;font-size:30px;line-height:1.1;}
.main_course_slide .course_desc > span{height:116px;font-size:20px;font-weight:400;line-height:1.4;}
.main_course_slide .nav button{width:51px;height:51px;margin-top:-25px;font-size:0;text-indent:-9999px;background-repeat:no-repeat;position:absolute;left:50%;top:50%;z-index:11;}
.main_course_slide .nav .prev{margin-left:-863px;background-image:url('/assets/hpg/asp/ebspeak/cmn/pc/images/main/nav_prev02.png');}
.main_course_slide .nav .next{margin-left:790px;background-image:url('/assets/hpg/asp/ebspeak/cmn/pc/images/main/nav_next02.png');}



/*------slider2-------------*/
.main-top{  margin:0 auto; padding:0px; width:100%; padding:0px 0; }
.main-top .slider2{height:500px;border:0px solid #ff0000;max-width:1600px;margin:0 auto;}
.main-top .image{margin-top:70px;padding:0px;display:block;}
.main-top img{  display:block; width:100%;border-radius:10px;box-shadow:1px 2px 20px rgba(0, 0, 0, 0.2) }

.main-top .progress{margin:0 auto;display:block;width:73%;height:2px;border-radius:10px;overflow:hidden;background-color:#d9d9d9;background-image:linear-gradient(to right, black, black);background-repeat:no-repeat;background-size:0 100%;transition:background-size .4s ease-in-out;}

.main-top .sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);border:0;}

.main-top .slick-prev,
.main-top .slick-next{top:100%;}
.main-top .slick-prev{left:5%;}
.main-top .slick-next{  right:5%;}

.main-top.types .slick-prev,
.main-top.types .slick-next{top:40%;z-index:99999;}

.themtxt{margin-top:30px;padding:0 10px;text-align:center;}
.themtxt h1{font-size:26px;font-weight:700;color:#000}
.themtxt h1 span{font-size:15px;color:#cd1519;padding-right:4px}
.themtxt h3{font-size:20px;font-weight:400;color:#5b5b5b}
.themtxt p{font-size:15px;font-weight:300;color:#5b5b5b}



/*----regular------------*/
.regular.slider{width:1200px;margin:0px auto;}

/*----slider-number-------------*/
.slider-number{display:flex;justify-content:space-around;padding:0px;margin:0 auto;}
.slider-number .image{position:relative;padding:0px;text-align:center;border-radius:10px;}
.slider-number .image + .image:before{content:'';position:absolute;left:-45px;top:155px;width:2px;height:15px;background:#da86a0;transform:rotate(-45deg);}
.slider-number .image + .image:after{content:'';position:absolute;left:-45px;top:165px;width:2px;height:15px;background:#da86a0;transform:rotate(45deg);}
.slider-number .image + .image + .image:before{background:#b482bd;}
.slider-number .image + .image + .image:after{background:#b482bd;}
.slider-number .image:nth-of-type(1){background:#da86a0;}
.slider-number .image:nth-of-type(2){background:#b482bd;}
.slider-number .image:nth-of-type(3){background:#758ac3;}
.slider-number .itembox{width:340px;height:345px;padding:50px 0;text-align:center;}
.slider-number .itembox p{width:100px;padding:10px;margin:0px auto;color:#000;font-size:16px;border-radius:10px;background:#fff;}
.slider-number .itembox h1{margin:20px 0 30px;color:#fff;font-size:30px;font-weight:700;}
.slider-number .itembox img{margin:0 auto;}
.slider-number .slick-dots{bottom:-30px;}
.slider-number a.dot{padding:10px;}
.slider-number a.dot:hover{color:#000;}



/**
 * ----------------------------------------
 * animation color-change-3x
 * ----------------------------------------
 */
@-webkit-keyframes color-change-3x{
	0%{
		background:#9683aa;
	}
	50%{
		background:#687895;
	}
	100%{
		background:#698890;
	}
}
@keyframes color-change-3x{
	0%{
		background:#9683aa;
	}
	50%{
		background:#687895;
	}
	100%{
		background:#698890;
	}
}


.color-change-3x{
	-webkit-animation:color-change-3x 4s linear infinite alternate both;
			animation:color-change-3x 4s linear infinite alternate both;
}

/*---------------------
main_visual
-----------------------*/
.main_visual{position:relative;height:440px;}
.main_visual .visual{position:relative;width:100%;min-width:1300px;height:440px;margin:0 auto;}
.main_visual .visual .hero__slider{height:440px;}
.main_visual .visual .hero__slider .owl-stage-outer{overflow:visible;}
.main_visual .visual .hero__items{border:1px solid rgba(255,255,255, 0);}
.main_visual .visual .hero__items:after{display:block;content:'';position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:440px;background-color:#fff;z-index:-1;}

.main_visual .visual .hero__items .hero__items__inner{position:relative;width:1300px;height:440px;margin:0 auto;cursor:pointer;}
.main_visual .visual .hero__text{float:left;margin:100px 0 0 30px;cursor:pointer;}

.hero__text h1{color:#ffffff;font-size:48px;font-weight:700;line-height:50px;text-transform:uppercase;margin-bottom:45px;position:relative;top:70px;opacity:0;-webkit-transition:all, 0.3s;-o-transition:all, 0.3s;transition:all, 0.3s;}
.hero__text h2{color:#ffffff;font-size:27px;line-height:30px;text-transform:uppercase;margin-bottom:10px;position:relative;top:70px;opacity:0;-webkit-transition:all, 0.3s;-o-transition:all, 0.3s;transition:all, 0.3s;}
.hero__text .primary{color:#ffffff;font-size:20px;font-weight:300;position:relative;top:70px;opacity:0;-webkit-transition:all, 0.5s;-o-transition:all, 0.5s;transition:all, 0.5s;}

.main_visual .visual .hero__social{position:absolute;right:30px;top:111px;}
.main_visual .visual .hero__social > a > img{width:620px;height:360px;}
.hero__slider.owl-carousel .owl-item.active .hero__text h2{top:0;opacity:1;}
.hero__slider.owl-carousel .owl-item.active .hero__text h1{top:0;opacity:1;}
.hero__slider.owl-carousel .owl-item.active .hero__text .primary{top:0;opacity:1;}
.hero__slider.owl-carousel .owl-dots{display:none;}
.hero__slider.owl-carousel .owl-nav{position:absolute;left:50%;bottom:0;width:1300px;transform:translateX(-50%);}
.hero__slider.owl-carousel .owl-nav button{font-size:28px;color:#ffffff !important;position:absolute;left:310px;bottom:110px;display:inline-block;height:30px;width:30px;}

.hero__slider.owl-carousel .owl-nav button.owl-next{left:340px;}
.hero__slider.owl-carousel .owl-nav button:before{position:absolute;left:0;bottom:0;height:30px;width:30px;content:"";-webkit-transition:all, 0.5s;-o-transition:all, 0.5s;transition:all, 0.5s;}

.hero__slider.owl-carousel .owl-nav button:after{position:absolute;right:0;top:0;height:30px;width:30px;content:"";-webkit-transition:all, 0.5s;-o-transition:all, 0.5s;transition:all, 0.5s;}

.hero_progress{position:absolute;left:50%;bottom:-16px;display:inline-block;width:1300px;margin-left:30px;transform:translateX(-50%);z-index:1;}
.hero_progress .slide-num{position:absolute;bottom:130px;}
.hero_progress .slide-num span{font-size:14px;color:#ffffff;font-weight:400;margin-right:240px;}
.hero_progress .slide-num span:last-child{margin-right:0;}
.hero_progress .slider__progress{position:absolute;left:30px;bottom:139px;width:200px;height:1px;background:rgba(0, 0, 0, 0.9);}
.hero_progress .slider__progress span{background:rgba(255, 255, 255, 0.9);height:1px;display:block;-webkit-transition:all, 0.4s;-o-transition:all, 0.4s;transition:all, 0.4s;position:relative;top:0;}

#footerbanner{  position:fixed; display:inline-block;bottom:15px; z-index:98;right:50px; text-align:center;}
#footerbanner .bannerbox{position:relative;display:inline-block; margin:0 auto; text-align:right;}

#footerbanner .talkbg{display:inline-block;width:66px;height:66px;text-align:center;vertical-align:middle;background:#f9e000;padding:16px;border-radius:60px;box-shadow:1px 1px 2px rgba(0, 0, 0, .2);}