@charset "UTF-8";

#wrap{min-width:1100px;overflow-x: hidden;}
.section .swiper-button-next,.section .swiper-button-prev{width: 22px;height: 23px;position:absolute;top: -120px;}
.section .swiper-button-prev{left: inherit;right: 25px;border: 0;}
.section .swiper-button-next{background-position: -97px 0;right: -2px;}

/*icon*/
.ico_m{background:url("https://cdn.hackers.com/b2bchamp-cdn/images/img/css/sp_ico.png") no-repeat;display:inline-block;}
.ico_plus{color:#222;font-weight:400;}
.ico_play{width:30px;height:30px;background-position:-65px -86px;}

/*swiper*/
.swiper-container {width: 100%;height: 100%;}
.swiper-slide {text-align: center;font-size: 18px;background: #fff; /* Center slide text vertically */display: -webkit-box;display: -ms-flexbox;display: -webkit-flex;display: flex;-webkit-box-pack: center;-ms-flex-pack: center;-webkit-justify-content: center;justify-content: center;-webkit-box-align: center;-ms-flex-align: center;-webkit-align-items: center;align-items: center;}
.section .swiper-pagination-bullet-active{background:#fff;}
.section .swiper-container-horizontal > .swiper-pagination-bullets, .section .swiper-pagination-custom, .swiper-pagination-fraction {bottom: 30px;left: 50%;width: 1100px;margin-left: -550px;text-align: left;}
.arrow_color{background:none !important;color:#222;font-size:20px;font-weight:600;
    /*드래그방지*/
    -webkit-touch-callout: none; /* iOS Safari */
    -webkit-user-select: none; /* Safari */
    -khtml-user-select: none; /* Konqueror HTML */
    -moz-user-select: none; /* Old versions of Firefox */
    -ms-user-select: none; /* Internet Explorer/Edge */
    user-select: none; /* Non-prefixed version, currently supported by Chrome, Edge, Opera and Firefox */
}
/*main*/
.main_slider{min-width:1100px;height:350px;position:relative;margin:0 auto;}
.main_slider .swiper-container .swiper-slide .swiper-text{position: absolute;top: 0;left: 50%;margin-left: -550px;padding-top: 76px;padding-left: 2px;height: 100%;letter-spacing: -2.7px;box-sizing:border-box;}
.main_slider .swiper-container .swiper-slide .swiper-text span{font-size:26px;color:#fff;}
.main_slider .swiper-container .swiper-slide .swiper-text h2{margin-top: -4px;font-size:46px;color:#fff;}
.main_slider .swiper-container .swiper-slide .swiper-text p{margin-top: 26px;line-height: 1.4;font-size:15px;color:#fff;letter-spacing: -0.8px;}
.tab_wrap .swiper-container{width:900px;height: 104px;box-sizing:border-box;}
.tab_wrap .swiper-container .swiper-slide{cursor:pointer;opacity:0.5;}
.tab_wrap .swiper-container .swiper-slide a{padding-top: 6px;}
.tab_wrap .swiper-container .swiper-slide img{width:50px;}
.tab_wrap .swiper-container .swiper-slide p{font-size:16px;color:#4c4c4c;padding-bottom: 15px;box-sizing:border-box;height: 47px;line-height: 33px;}
.tab_wrap .swiper-container .swiper-slide:hover, .tab_wrap .swiper-container .swiper-slide-active{opacity:1;}
.tab_wrap .swiper-container .swiper-slide-active p{font-weight:600;color:#019ca6;border-bottom: 2px solid #019ca6;}
.tab_wrap .swiper-button-next, .tab_wrap .swiper-button-prev{color: rgba(0,0,0,0) !important;}
.tab_wrap .swiper-button-next,.tab_wrap .swiper-button-prev{background-image:url('https://cdn.hackers.com/b2bchamp-cdn/images/img/css/sp_ico.png');background-size: auto;background-position: 1px -38px;width: 43px;height: 43px;top: 41px;border-radius: 50px;box-shadow: 0px 3px 7px 0px rgba(0,0,0,0.2);}
.tab_wrap .swiper-button-next{background-position: -42px -38px;right:40px;}
.tab_wrap .swiper-button-prev{left:40px;}
.tab_wrap > img{width:880px;display:block;margin:0 auto;}

.l_box{width:404px;}
.l_box h2, .r_box h2{border-bottom:2px solid #a1a2a4;}
.r_box .pos_r > img{margin: 110px auto 0;display: block;}
.l_box ul li{font-size: 15px;color:#000;line-height: 55px;border-bottom:1px solid #dde2e3;}
.l_box ul li p{display: inline-block;}/* ie */
.l_box ul li p{display:-webkit-inline-box;width: 72%;line-height: 1;vertical-align:middle;}
.l_box ul li:before{content:'·';margin-right: 6px;font-weight:600;color:#a1a2a4;}
.l_box ul li strong{color:#a1a2a4;margin-right:10px;}
.l_box ul li span{font-size:15px;color:#6e787d;float:right;}
.r_box{width:604px;}
.r_box .swiper-button-next,.r_box .swiper-button-prev{top: -29px;}
.r_box .lect_list {text-align:left;}
.r_box .lect_list .img_box {margin:45px 0 30px;width:280px;height:158px;text-align:center;border:1px solid #c5c5c5;border-radius:20px;box-sizing:border-box;overflow:hidden;}
.r_box .lect_list .img_box img{height:100%;}
.r_box .lect_list p {font-size:18px;color:#019ca6;}
.r_box .lect_list h3 {margin:10px 0 15px;font-size:18px;color:#000;}
.r_box .lect_list span {font-size:16px;color:#757575;display:block;}

.best_lect {background: #eff1f3;position: relative;height: 454px;}
.best_lect .swiper-container {box-sizing: border-box;overflow:visible;}
.best_lect .swiper-container {min-width: 1900px;height: 295px;top: 33px;left: 50%;transform: translateX(-29%);}
.best_lect .swiper-slide {border-radius: 20px;overflow: hidden;}
.best_lect .swiper-slide > a{text-align:left;display:block;width: 100%;height: 100%;}
.best_lect .swiper-slide{height:280px;}
.best_lect .swiper-slide-active {width:340px !important;height:320px;box-shadow: 0 13px 17px 9px rgba(0,0,0,0.15);margin-top: -25px;}
.best_lect .swiper-slide-active .img_box{height: 186px;text-align: center;border-bottom: 1px solid #c5c5c5;box-sizing: border-box;}
.best_lect .swiper-slide .img_box img{display:none;}
.best_lect .swiper-slide-active .img_box img{display:block;height: 100%;margin: 0 auto;}
.best_lect .swiper-slide .txt_box{padding: 8px 25px;}
.best_lect .swiper-slide .txt_box h2{font-size:23px;color:#019ca6;position:relative;margin-top:60px;margin-bottom: 30px;}
.best_lect .swiper-slide-active .txt_box h2{font-size:20px;margin:0;}
.best_lect .swiper-slide .txt_box h2:after{content:'';display:block;width:23px;height:2px;background:#b5b5b5;position:absolute;bottom: -20px;left:0;}
.best_lect .swiper-slide-active .txt_box h2:after{content:none;}
.best_lect .swiper-slide .txt_box strong{font-size:18px;color:#000;width: 100%;margin-bottom: 10px;}
.best_lect .swiper-slide-active .txt_box strong{font-size:18px;color:#000;}
.best_lect .swiper-slide .txt_box span {font-size:13px;font-weight:normal;color:#757575;display: block;}
.best_lect .swiper-button-next,.best_lect .swiper-button-prev {top: -21px;}

.popular_box .movie_list{width:340px;height:190px;position:relative;}
.popular_box .movie_list img{display: block;width: 100%;}
.popular_box .movie_list .txt_box{background:rgba(0,0,0,0.7);position:absolute;bottom: 0;width:100%;height:70px;text-align: left;padding:10px 20px;box-sizing: border-box;vertical-align: middle;}
.popular_box .movie_list .txt_box h3{font-size:16px;color:#fff;}
.popular_box .movie_list .txt_box p{font-size: 15px;font-weight:normal;color: #fff;width: 85%;line-height: 1;}
.popular_box .movie_list .txt_box i{position: absolute;top: 50%;right: 20px;margin-top: -15px;}
.popular_box .swiper-button-next,.popular_box .swiper-button-prev{top: -26px;}

.info_box{border:1px solid #dde2e3;border-top:2px solid #a1a2a4;box-sizing:border-box;}
.info_box > div{width:33.33%;padding:17px 30px;border-left:1px solid #dde2e3;box-sizing:border-box;}
.info_box > div:first-child{border-left:0;}
.info_box > div h2{height: 37px;font-size:26px;}
.info_box > div ul li a{line-height: 30px;font-size:15px;color:#52595d;}
.info_box > div ul li a span{float:right;font-size:14px;color:#6e787d;}
.info_box > div ul li p{display: inline-block;}/* ie */
.info_box > div ul li p{display:-webkit-inline-box;width: 100%;line-height: 1.3;}
.info_box > div:nth-child(3) strong{font-size:34px;}
.info_box > div:nth-child(3) ul{display:inline-block;}
.info_box > div:nth-child(3) ul li{font-size:18px;color:#6e787d;text-align:left;}
.info_box > div:nth-child(3) ul li span{display:inline-block;width:110px;color:#52595d;float: left;}
.info_box > div:nth-child(3) ul li span:before {content: '·';margin-right: 6px;font-weight: 600;color: #a1a2a4;}
.info_box.t2 > div:nth-child(2){border-left:0;}