@import "reset.css";


/*header, footer-----------------------------------------------------------------------------------*/
header.sub_h{position: fixed; width: 100%; z-index: 10; padding: 30px 0; text-align: center; transition: all .2s;}
header.sub_h ul{font-size: 0;}
header.sub_h ul li{display: inline-block; padding: 0 25px;}
header.sub_h ul li a{font-size: 15px; color:white;}
header.sub_h ul li a:hover{color:#5eea00;}
.headerScroll{background:#111013; transition: all .2s;}

footer{padding:40px 0; color:white; font-size: 18px; left: 0; bottom: 0; z-index: 10; width: 100%; background:#111013;}
footer p{padding-left: 50px; color:#a7a7a7;}



.summary_con .mainVis .title p{border-left: 5px solid #5ccd10;}
.summary_con .location .location_con .detail dl dt{color:#5ccd10; }
.summary_con .info p{border-top: 2px solid #5ccd10; border-bottom: 2px solid #5ccd10;}

.point{background:#5ccd10;}




section.y2019 .pop_companyAbout section{display: block;}






@media screen and (min-width:1024px){
    
    .subwrap{}

    .sub h2{font-size: 35px; font-family: 'Nanum_e'; color:#333333; margin-bottom: 50px;}

    .sub .contents{padding-top: 100px; width: 1000px; margin: 0 auto; box-sizing: border-box;}
    .sub .contents:last-child{padding-bottom: 100px;}
    .sub .mainVis{width: 100%; height: 850px; background:gray;}


/*summary-----------------------------------------------------------------------------------------*/
    .summary_con{}
    
    .summary_con h2{color:#3d29ba;  text-align: center;}
    .summary_con h2 .point{display: inline-block; width: 7px; height: 7px; border-radius: 50px; vertical-align: top; margin-top: 5px; margin-left: 10px;}
    
    
    .summary_con .mainVis{background:url(../img/sub/sub_bg_1.jpg) center center no-repeat; position: relative;}
    .summary_con .mainVis .title{position: absolute; top: 150px; left: 50px;}
    .summary_con .mainVis .title img{display: block; }
    .summary_con .mainVis .title .win_title{width: 100%; margin-bottom: 50px;}
    .summary_con .mainVis .title .mo_title{display: none;}
    .summary_con .mainVis .title p{font-size: 50px; font-family: 'Nanum_b'; color:white; line-height: 1.2em; padding-left: 25px; text-shadow: 0px 0px 20px black;}
    .summary_con .mainVis .title p span{display:block; font-size: 50px; font-family: 'Nanum_b'; color:white; text-shadow: 0px 0px 20px black;}
    
    .summary_con .info{}
    .summary_con .info .info_slide{width: 100%; margin-bottom: 30px;}
    .summary_con .info .info_slide .slide_img{background:gray; height: 200px; }
    .summary_con .info .info_slide .slide_img img{width: 100%;}
    .summary_con .info .info_slide .img_pagination{position: relative; margin-top: 25px;}
    .summary_con .info .info_slide .img_pagination .swiper-pagination-bullet{width: 10px; height: 10px; }
    .summary_con .info .info_slide .img_pagination .swiper-pagination-bullet-active{background: black;}
    .summary_con .info p{width: 100%; padding:40px 90px; box-sizing: border-box; text-align: center; line-height: 1.8em; font-size: 18px; color:#333;}
    
    .summary_con .location{}
    .summary_con .location .location_con{width: 100%; padding:20px; box-sizing: border-box; border: 1px solid #d7d7d7;}
    .summary_con .location .location_con .map{width: 100%; background:gray; height: 400px; margin-bottom: 20px;}
    .summary_con .location .location_con .map iframe{width: 100%; height: 400px;}
    
    .summary_con .location .location_con .detail{width: 100%; font-size: 0;}
    .summary_con .location .location_con .detail dl{display: inline-block; font-size: 16px; width: 306px; margin-right: 20px; vertical-align: top;}
    .summary_con .location .location_con .detail dl:last-child{margin-right: 0;}
    .summary_con .location .location_con .detail dl dt{width: 100%; padding: 20px 0; box-sizing: border-box; background:#151515; font-size: 18px; font-family: 'Nanum_b';text-align: center;}
    .summary_con .location .location_con .detail dl dd{width: 100%; padding: 20px 0; box-sizing: border-box; line-height: 1.5em; }
    .summary_con .location .location_con .detail dl dd span{display: block; }
    .summary_con .location .location_con .detail dl.traffic dd span{font-size: 14px; color:#3d29ba;}


/*conference-----------------------------------------------------------------------------------------------------*/
    .conference_con{}
    
    .conference_con .mainVis{background:url(../img/sub/sub_bg_2.jpg) center center no-repeat; position: relative;}
    .conference_con .mainVis .title{position: absolute; bottom: -4px; left: 0;}
    .conference_con .mainVis .title img{display: block; width: 100%;}
    
    .conference_con .keynote{}
    .conference_con .keynote .keynote_list{width: 100%; font-size: 0;}
    .conference_con .keynote .keynote_list li{display: inline-block; font-size: 16px; width: 320px; margin-right: 20px; vertical-align: top; margin-bottom: 20px;}
    .conference_con .keynote .keynote_list li:nth-child(3n){margin-right: 0;}
    .conference_con .keynote .keynote_list li .video_img{width: 100%; height: 180px; border: 1px solid #d7d7d7; box-sizing: border-box; position: relative;}
    .conference_con .keynote .keynote_list li .video_img .thumbnail{width: 100%;}
    .conference_con .keynote .keynote_list li .video_img .video_hover{width: 100%; height: 100%; background:url(../img/sub/test_bg.png) center center; background-size: cover; position: absolute; top: 0; left: 0; display: none; }
    .conference_con .keynote .keynote_list li:hover .video_hover{display: block;}
    .conference_con .keynote .keynote_list li .presentation{width: 100%; padding:20px 0; box-sizing: border-box;}
    .conference_con .keynote .keynote_list li .presentation .title{color: #333333; font-family: 'Nanum_e'; margin-bottom: 7px;}
    .conference_con .keynote .keynote_list li .presentation .name{font-size: 14px;}
    
    .conference_con  .video_list{}
    .conference_con  .video_list ul{width: 100%;}
    .conference_con  .video_list ul li{width: 100%; border: 1px solid #d7d7d7; box-sizing: border-box; margin-bottom: 20px; font-size: 0;}
    .conference_con  .video_list ul li:last-child{margin-bottom: 0; }
    .conference_con  .video_list ul li .logo,
    .conference_con  .video_list ul li .list{display: inline-block; font-size: 16px;}
    .conference_con  .video_list ul li .logo{width: 150px; padding-top:10px; box-sizing: border-box;  vertical-align: top;}
    .conference_con  .video_list ul li .logo img{display: block; width: 100%;}
    .conference_con  .video_list ul li .list{width: 848px; border-left:1px solid #d7d7d7; box-sizing: border-box; }
    .conference_con  .video_list ul li .list a{display: block; width: 100%; padding:20px; box-sizing: border-box; border-bottom: 1px solid #d7d7d7; position: relative;}
    .conference_con  .video_list ul li .list a:last-child{border-bottom: 0;}
    .conference_con  .video_list ul li .list a p{width: 90%; white-space: nowrap; overflow: hidden; text-overflow: ellipsis;}
    .conference_con  .video_list ul li .list a .title{color: #333333; font-family: 'Nanum_e'; margin-bottom: 7px;}
    .conference_con  .video_list ul li .list a .name{font-size: 14px;}
    .conference_con  .video_list ul li .list a .play_btn{position: absolute; width: 30px; top: 25px; right: 20px;}
    .conference_con  .video_list ul li .list a .play_btn img{width: 100%;}


/*review-----------------------------------------------------------------------------------------------------------*/
    .review_con{}

    .review_con .mainVis{background:url(../img/sub/sub_bg_3.jpg) center center no-repeat; position: relative;}
    .review_con .mainVis .title{position: absolute; top:250px; left: 50px;}
    .review_con .mainVis .title img{display: block; width: 100%;}

    .review_con section{display: none;}
    .review_con section.active{display: block;}

    .review_con section h2 {margin-top: 80px;padding: 80px 0 0;font-weight: 700;text-align: center;font-size: 24px;text-transform: uppercase;font-family: 'Nanum_r';}
    
    
/*review contents-------------------------------------------------------------------------------------------------------*/
    
    /*schedule,speaker----------------------------------------------------------------*/
    section.schedule, section.speaker {background:#f8f8f8;}
    section.schedule, section.speaker, section.Conference{overflow: hidden;margin-top:70px}
    section.schedule article, section.speaker article{width:1000px;margin:0 auto;}
    section.schedule article table{width:100%;border-collapse: collapse;margin-bottom:5px}
    section.schedule article table.table1{margin-bottom:50px;}
    section.schedule article table td, section.schedule article table th{border:1px solid #ccc;padding:15px;font-size:16px}
    section.schedule article table tr td:first-child{text-align:center;}
    section.schedule article table th{background:#f1f1f1;text-transform :uppercase;}
    section.schedule article table td{background:#fff}
    section.schedule article table caption{color:#fff;text-align:left;padding:22px;font-size:24px;text-shadow:0 1px 2px rgba(0, 0, 0, .3);}
    section.schedule article table.table1 caption{background:linear-gradient(to right, #12d1e4, #11febe);}
    section.schedule article table.table2 caption{background:linear-gradient(to right, #ebc64a, #59ec97);}
    section.schedule article .table2_co{margin-bottom:50px;}
    section.speaker, section.Conference{display:none;}
    section.speaker .box{margin:0 auto 50px;width:800px;min-height:200px;border:1px solid #ccc;overflow: hidden;position: relative;background:#fff}
    section.speaker .box .photo, section.speaker .box .con{float:left;}
    section.speaker .box .photo{width:30%;overflow: hidden;vertical-align: middle}
    section.speaker .box .photo img{width:100%;}
    section.speaker .box .photo .name{position: absolute;bottom:0;left:0;width:30%;background: rgba(18,216,250,0.9);padding:15px; color:#fff;font-size:18px;text-align:center;}
    section.speaker .box .con {padding:30px 20px;width:70%}
    section.speaker .box .con h3{font-size:26px;color:#12d1e4;font-weight: 800;}
    section.speaker .box .con > span{display:block;margin-top:12px;font-size:22px;color:#8f8f8f;font-weight: 700;}
    section.speaker .box ul{float:left;width:70%;margin-top:30px;margin-bottom:20px}
    section.speaker .box li{padding-left:20px;font-size:16px;line-height: 30px}

    
    /*y2020*/
    section.y2020 .y2020banner {margin:50px auto 0;width:1000px;height:247px;}
    
    section.y2020{width: 100%; /*background: #f1f1f1;*/}
    section.y2020 article{padding: 30px 0; box-sizing: border-box;}
    section.y2020 article.keynote{ padding: 65px 0;}
    section.y2020 article .session{width:1000px; margin: 0 auto;}
    section.y2020 article .h2{margin-bottom:30px;}

    section.y2020 article.keynote{background: url(../img/review/2020/bg_keynote.jpg) no-repeat center bottom; margin-top: 50px;}
    section.y2020 article .h2 span{font-size: 28px; text-align: left;   background: linear-gradient(to right, #151c3d,#b72e53);-webkit-background-clip: text;-webkit-text-fill-color: transparent;font-weight: bold;}

    section.y2020 article.keynote .session{margin-bottom:50px;}
    section.y2020 article.keynote .session ul.list{width:100%;font-size:0}
    section.y2020 article.keynote .session li.item{display:inline-block;width:calc(100% / 3 - 18px);font-size: 15px;margin: 0 20px 20px 0; box-sizing: border-box;}
    section.y2020 article.keynote .session li.item:nth-child(3n+0){margin-right:0px;}
    section.y2020 article.keynote .session li.item a{position:relative;display:inline-block;width:100%;height:100%;background:#fff;}
    section.y2020 article.keynote .session li.item a:hover{background: #f9f9f9;}
    section.y2020 article.keynote .session li.item .cover_img{position: relative;}
    section.y2020 article.keynote .session li.item .cover_img img{width:100%;}
    section.y2020 article.keynote .session li.item .cover_img .bt_hover{display:none;position:absolute;top:0;left:0;width:100%;height:100%;background:rgba(0, 0, 0, .3);color:#fff;font-size:80px;text-align: center;line-height: 100%;}
    section.y2020 article.keynote .session li.item .cover_img .bt_hover i{display:table-cell;vertical-align: middle;}
    section.y2020 article.keynote .session li.item a:hover .cover_img .bt_hover{display:table;}
    section.y2020 article.keynote .session li.item .presentation{padding:20px 18px 20px 18px;}
    section.y2020 article.keynote .session li.item .presentation .img{display:inline-block;border-radius: 100px;overflow: hidden;width:40px;height:40px;vertical-align: top;}
    section.y2020 article.keynote .session li.item .presentation .img img{width:100%;max-width: 40px;}
    section.y2020 article.keynote .session li.item .grid_right{display:inline-block;margin-left:10px;width:calc(100% - 75px);vertical-align: top;}
    section.y2020 article.keynote .session li.item .grid_right .title{display:table-cell;font-size:17px;font-weight: bold;line-height: 26px;vertical-align: middle;word-break: keep-all;}
    section.y2020 article.keynote .session li.item .grid_right .info{margin-top:5px}
    section.y2020 article.keynote .session li.item .grid_right .info .affiliation{color:#616161;font-size:14px;}
    section.y2020 article.keynote .session li.item .grid_right .info .name{font-size:14px;}

    
    section.y2020 article.ipsession{background: linear-gradient( to bottom, #d2d6e4, #e9dadf );}
    section.y2020 article.service{background: linear-gradient( to bottom, #e9dadf, #d2d6e4 );}

    section.y2020 article.groupst .session{margin-bottom:0px;}
    section.y2020 article.groupst .session ul.list{width:100%;font-size:0}
    section.y2020 article.groupst .session li.item{font-size: 15px;margin-bottom:30px; border-width: 3px; border-top-style:solid;border-image:linear-gradient(to right, #151c3d, #b72e53);border-image-slice:1;background:#fff;font-size:0;}
    section.y2020 article.groupst .session li.item:last-child{margin-bottom:0}
    section.y2020 article.groupst .session li.item .grid_left{display:inline-block;width:180px;padding:40px 0;vertical-align: top;text-align: center;}
    section.y2020 article.groupst .session li.item .grid_left img{display:inline-block;max-width: 120px;}
    section.y2020 article.groupst .session li.item .grid_left img.logo_avnet{margin-bottom:20px}
    section.y2020 article.groupst .session li.item .grid_right{display:inline-block;width:calc(100% - 180px);vertical-align: top}
    section.y2020 article.groupst .session .movie_list{padding:20px 20px 20px 0px;}
    section.y2020 article.groupst .session li.movie_item{position:relative;background:#f9f9f9;border-bottom:1px solid #dfdfdf}
    section.y2020 article.groupst .session li.movie_item a{display:block;width:100%;height:100%;padding:15px 50px 15px 20px; box-sizing: border-box;}
    section.y2020 article.groupst .session li.movie_item a:hover{background: #f5ecef;}
    section.y2020 article.groupst .session li.movie_item:last-child{border-bottom:0}
    section.y2020 article.groupst .session li.movie_item .name{font-size:13px;line-height: 24px;color:#838383}
    section.y2020 article.groupst .session li.movie_item .name b{font-size:15px;color:#333}
    section.y2020 article.groupst .session li.movie_item .name .separator{display:inline-block;margin:0 10px;}
    section.y2020 article.groupst .session li.movie_item .title{font-size:16px;font-weight: bold;line-height: 26px;vertical-align: middle;}
    section.y2020 article.groupst .session li.movie_item .bt_play{display:table;position:absolute;top:0;right:20px;height:100%;vertical-align:middle;font-size:30px;background: linear-gradient(to right, #151c3d,#b72e53);-webkit-background-clip: text;-webkit-text-fill-color: transparent;}
    section.y2020 article.groupst .session li.movie_item .bt_play i{display: table-cell;vertical-align: middle;}
    section.y2020 article.groupst .session li.item a .bt_movie{margin-top:10px;padding:10px 0px 0;border-top:1px solid #dfdfdf;}
    section.y2020 article.groupst .session li.item a .bt_movie span{display:inline-block;color:#12b6fa;margin-left:8px;vertical-align: middle;}
    

    /*2019---------------------------------------------------------------------------*/
    section.y2019 h2{}
    section.y2019 .title{text-align: center}
    section.y2019 .title .y2019banner{margin:50px auto 0;width:1000px;height:247px; background: gray;}

    section.y2019 h2 {background:url(../img/review/subTitle_dot.png)no-repeat center top;margin-top:80px;padding:80px 0 0;font-weight:700;text-align:center;font-size:24px;text-transform :uppercase;}
    section.y2019 .h2_bottom{margin:20px 0 50px;padding:0 10px;text-align: center;font-size:16px;font-weight: 700;color:rgb(100, 100, 100)}
    section.y2019 .schedule{margin:0 auto;width:1000px;}


    section.y2019 .program_table{background:#fff; border: 1px solid #e1e1e1;}
    section.y2019 .program_table .session td{color:#fff;text-align:center;padding:18px;font-size:18px;text-shadow:0 1px 2px rgba(0, 0, 0, .3);background:linear-gradient(to right, #12d1e4, #11febe);}
    section.y2019 .program_table td, .program_table th{padding:15px 15px;vertical-align: top;border-bottom:1px solid #e1e1e1;font-size:15px}
    section.y2019 .program_table th{background:#f3f3f3;border-bottom:1px solid #ccc;/*border-top:1px solid #ccc*/;padding:15px;}
    section.y2019 .program_table tr td:first-child{text-align:center; width: 20%;}
    section.y2019 .program_table tr td:last-child{border-left: 1px solid #e1e1e1;}
    section.y2019 .program_table td.title_td{text-align:left; width: 60%;}
    section.y2019 .program_table td.title_td .p_title{font-size:15px;font-weight:bold}
    section.y2019 .program_table td.title_td .p_name{margin-top:5px;}
    section.y2019 .program_table td.title_td button.draft_toggle{margin-top:10px;padding:5px 10px;border-radius:3px;border:none;background:#f1f1f1;color:#12d1e4;font-size:13px}
    section.y2019 .program_table td.title_td .draft{display:none;margin:20px 0 10px;word-break:keep-all;line-height: 22px}
    section.y2019 .program_table img{border:1px solid #f3f3f3}
    section.y2019 .program_sf{display: none;}
    section.y2019 .program_sf, .program_mi{margin-bottom:150px}
    section.y2019 .ex{margin-top:10px;font-size:13px;color:#eb3e3e}
    
    section.y2019 .program_table tr:last-child td{border-bottom: 0;}
    section.y2019 .program_table tr td{position: relative;}
    section.y2019 .program_table tr td a{position: absolute; top:50%; left: 50%; transform: translate(-50%, -50%); text-align: center; border: 1px solid #12d1e4; padding: 10px; border-radius: 50%;}
    /*
    section.y2019 .program_table tr td .video{position: absolute; top:50%; left: 50%; transform: translate(-50%, -50%); text-align: center;}
    section.y2019 .program_table tr td .video p{background: #333; color: white; font-size: 11px; padding: 3px 10px; border-radius: 50px; margin-top: 5px;}
    */

    section.y2019 .con .center{width:1000px;margin:0 auto;overflow: hidden;}
    section.y2019 .company_list{font-size:0;}
    section.y2019 .company_list li{display:inline-block;padding:20px;width:24%;font-size:15px;border:1px solid #dfdfdf;text-align:center;margin-right:1.33%;margin-bottom:13px; box-sizing: border-box;}
    section.y2019 .company_list li:nth-child(4n){margin-right:0;}
    section.y2019 .company_list li img{margin-top:30px;width:100%;max-width:134px}
    section.y2019 .company_list li .boothNo{display:inline-block;padding:3px 10px;background:#7dc7d4;color:#fff;border-radius:30px;font-size:13px;}
    /* section.y2019 .company_list li .boothNo{display:inline-block;padding:5px 15px;border:1px solid #12d8fa;color:#12d8fa;border-radius:30px;font-size:11px;} */
    /* section.y2019 .company_list li p{font-size:18px;vertical-align: middle;} */
    section.y2019 .company_list li .bt_box{margin-top:30px;}
    section.y2019 .company_list li .bt_box button{width:100%;padding:5px 15px;border-radius:3px;border:none;background:#f1f1f1;color:#838383;font-size:13px;transition:background-color 0.3s; cursor: pointer;}
    section.y2019 .company_list li .bt_box button:hover{background:#e2e2e2}
    section.y2019 .company_list li .bt_box button.bt_hompage{margin-top:10px;}
    section.y2019 .company_list li.deeperi img{max-width:200px;margin-top:20px;}
    section.y2019 .company_list li.deeperi .bt_box{margin-top:20px;}
    
    section.y2019 .pop_companyAbout{display:none;position: fixed;top:0;left:0;width:100%;height:100%;background:rgba(0, 0, 0, .3);z-index: 999}
    section.y2019 .pop_companyAbout .contents{margin:100px auto;width:1000px;height:750px;background:#fff;padding:50px;text-align:center;overflow-y:scroll;box-shadow:0 0 5px 5px rgba(0, 0, 0, .3)}
    section.y2019 .pop_companyAbout section{display: block;}
    section.y2019 .contents{}
    section.y2019 .contents header h2{margin-top:0;padding-top:0;font-size:28px;background:none;}
    section.y2019 .contents header h2 .text{margin-top:20px;text-transform: none}
    section.y2019 .contents header .about_tb{margin-top:30px;padding:30px 40px;width:100%;background:#f1f1f1; box-sizing: border-box;}
    section.y2019 .contents header .about_tb th,.pop_companyAbout .contents .about_tb td{padding:7px;text-align:left;font-size:15px;}
    section.y2019 .contents header .about_tb td a{color:#45a5ce}
    section.y2019 .contents header .booth{display:inline-block;margin-top:15px;padding:5px 15px;background:#7dc7d4;color:#fff;border-radius:30px;font-size:13px;}
    section.y2019 .contents section article{margin-top:50px;}
    section.y2019 .contents h3{margin-bottom:15px;padding-bottom:15px;border-bottom:1px solid #dfdfdf;font-size:24px; font-family: 'Nanum_b';}
    section.y2019 .contents article p{font-size:15px;text-align: left;white-space: pre-line;line-height:20px}
    section.y2019 .contents section .bt_close{margin-top:40px;padding:15px 30px;border:none;background:#ebc64a;color:#fff;border-radius:30px;font-size:15px;}
    section.y2019 .pop_companyAbout .contents::-webkit-scrollbar{width: 16px;}
    section.y2019 .pop_companyAbout .contents::-webkit-scrollbar-track {background-color:#f1f1f1;}
    section.y2019 .pop_companyAbout .contents::-webkit-scrollbar-thumb {background-color:#dadada;border-radius: 10px;}
    section.y2019 .pop_companyAbout .contents::-webkit-scrollbar-thumb:hover {background: rgb(204, 204, 204);}
    section.y2019 .pop_companyAbout .contents::-webkit-scrollbar-button:start:decrement,::-webkit-scrollbar-button:end:increment {
    width:16px;height:16px;background:#f1f1f1;} 


    /*y2018---------------------------------------------------------------------------*/ 
    section.y2018 h2 {background:url(../img/review/subTitle_dot.png)no-repeat center top;}
    section.y2018 .h2_bottom {margin: 20px 0 50px; padding: 0 10px; text-align: center; font-size: 16px; font-weight: 700; color: rgb(100, 100, 100); line-height: 1.2em; word-break: keep-all;}
    section.y2018 .title{text-align: center}
    section.y2018 .title .album{display:inline-block;padding:20px 0;margin:40px auto;width:100%;text-align: center;background:#f1f1f1}
    section.y2018 .title .album li{display:inline-block;margin:10px 0;}
    section.y2018 .title .album img{width:120px;}
    
    section.y2018 .y2018banner {margin:50px auto 0;width:1000px;height:247px;}
    section.y2018 .schedule h2{margin-bottom:50px}
    section.y2018 .schedule{margin:0 auto;width:1000px;}
    section.y2018 .schedule .y2018_table{width:100%;border-collapse: collapse}
    section.y2018 .schedule .y2018_table th{padding:20px 15px;background:#12d8fa;color:#fff;font-size:24px;font-weight: 300}
    section.y2018 .schedule .y2018_table th:first-child{border-right:1px solid rgba(0,0,0,0.1)}
    section.y2018 .schedule .y2018_table .st{background:#c4f6ff;text-align:center;font-weight: 700}
    section.y2018 .schedule .y2018_table td{position:relative;padding:15px 15px;border:1px solid #ccc;font-size:15px}
    section.y2018 .schedule .y2018_table td a{position:absolute;top:11px;right:15px;}
    
    section.y2018 .ip_pavilion .wrap{width:100%;background:url(../img/review/bg_2017_IP-Pavilion.jpg)no-repeat center;background-size: cover}
    section.y2018 .ip_pavilion .center{margin:0 auto;padding:50px 0;width:1000px;overflow: hidden;}
    section.y2018 .ip_pavilion .center .l{float: left;}
    section.y2018 .ip_pavilion .center .r{float: right;}
    .ip_pavilion .center .r img{width:500px}
    section.y2018 .ip_pavilion .con{background:url(../img/review/bg_conference_2018.jpg)no-repeat center;background-size: cover}
    section.y2018 .ip_pavilion .con .center{width:1000px;margin:0 auto;overflow: hidden;}
    section.y2018 .ip_pavilion .img{float: left;width:500px;overflow: hidden;text-align:right;text-indent:-160px}
    section.y2018 .ip_pavilion .booth{float: right;width:470px;}
    section.y2018 .ip_pavilion .booth > ul > li{background:linear-gradient(to right, #12d1e4, #11febe);color:#fff;text-align:center}
    section.y2018 .ip_pavilion .booth > ul > li{margin-top:8px;}
    section.y2018 .ip_pavilion .booth > ul > li:first-child{margin-top:0;overflow: hidden}
    section.y2018 .ip_pavilion .booth > ul > li:first-child ul{overflow:hidden;background:#fff;}
    section.y2018 .ip_pavilion .booth > ul > li:first-child li{float:left;background:#fff;}
    section.y2018 .ip_pavilion .booth > ul > li > h3{padding:15px 15px 0px;color:#fff;font-size:24px;text-transform :uppercase;text-align:center}
    section.y2018 .ip_pavilion .booth > ul > li.logo > h3{padding:9px 15px 15px;height:74px; box-sizing: border-box; margin-bottom: 5px;}
    section.y2018 .ip_pavilion .booth > ul > li > span{display:block;padding-bottom:15px;text-align:center;font-size:15px;text-transform :uppercase; color: white;}
    section.y2018 .ip_pavilion .booth > ul > li.logo > h3 > span{display:inline-block;float:right;padding:17px 10px 17px 0;text-align:right;font-size:15px;text-transform :uppercase; color: white;}
    section.y2018 .ip_pavilion .booth > ul > li > ul{background: #fff;color:#333;padding:21px 0}
    section.y2018 .ip_pavilion .booth > ul > li > ul > li{font-size:15px;padding:0px 0px;text-transform :uppercase;}


    /*y2017---------------------------------------------------------------------------*/
    section.y2017{display:none;}
    section.y2017 h2 {background:url(../img/review/2017_subTitle_dot.png)no-repeat center top;}
    section.y2017 .h2_bottom {margin: 20px 0 50px; padding: 0 10px; text-align: center; font-size: 16px; font-weight: 700; color: rgb(100, 100, 100); line-height: 1.2em; word-break: keep-all;}
    section.y2017 .y2017banner {margin:50px auto 0;padding:45px 30px;width:1000px;height:247px;background:url(../img/review/img_review_2017Banner.jpg)no-repeat;text-align:right;color:#fff; box-sizing: border-box;}
    section.y2017 .y2017banner p{margin-bottom:20px;font-size:45px;text-transform :uppercase;font-weight:700; color:white; line-height: 1.5em;}
    section.y2017 .y2017banner span{font-size:24px; color: white;}
    section.y2017 .schedule h2{margin-bottom:50px}
    section.y2017 .schedule{margin:0 auto;width:1000px;}
    section.y2017 .schedule .y2017_table{width:100%;border-collapse: collapse}
    section.y2017 .schedule .y2017_table th{padding:20px 15px;background:#2a84cc;color:#fff;font-size:24px;font-weight: 300}
    section.y2017 .schedule .y2017_table th:first-child{border-right:1px solid rgba(0,0,0,0.1)}
    section.y2017 .schedule .y2017_table .st{background:#c7e0f3;text-align:center;font-weight: 700}
    section.y2017 .schedule .y2017_table td{position:relative;padding:15px 15px;border:1px solid #ccc;font-size:15px}
    section.y2017 .schedule .y2017_table td a{position:absolute;top:11px;right:15px;}
    
    section.y2017 .ip_pavilion .wrap{width:100%;background:url(../img/review/bg_2017_IP-Pavilion.jpg)no-repeat center;background-size: cover}
    section.y2017 .ip_pavilion .center{margin:0 auto;padding:50px 0;width:1000px;overflow: hidden;}
    section.y2017 .ip_pavilion .center .l{float: left;}
    section.y2017 .ip_pavilion .center .r{float: right;}
    .ip_pavilion .center .r img{width:500px}
    section.y2017 .ip_pavilion .center h3{color:#fff;font-size:36px;font-weight:900;text-transform :uppercase;margin-bottom:17px}
    section.y2017 .ip_pavilion .center p{color:#fff;font-size:15px}
    section.y2017 .ip_pavilion .center ul{margin-top:54px}
    section.y2017 .ip_pavilion .center ul li{padding:15px 0;width:176px;color:#fff;font-size:15px;text-transform :uppercase;border:2px solid #fff;text-align: center;font-weight: 700}
    section.y2017 .ip_pavilion .center ul li:nth-child(2n-1){float:left;clear: both;margin:10px 0}
    section.y2017 .ip_pavilion .center ul li:nth-child(2n){float:left;margin:10px;}
    section.y2017 .ip_pavilion .center ul li:nth-child(2n):before{content: '';display:block;clear: both;}


    /*y2016---------------------------------------------------------------------------*/
    section.y2016 {display:none;background:#f5f5f5}
    section.y2016 h2 {background:url(../img/review/2016_subTitle_dot.png)no-repeat center top;}
    section.y2016 .title{background:url(../img/review/bg_main_summary.jpg)no-repeat center;background-size:cover;}
    section.y2016 .title .center{overflow:hidden;margin:0 auto;width:1000px;background:url(../img/review/bg_2016title.png)no-repeat center top;background-color: #fff;text-align: center;}
    section.y2016 .title .center img{display: inline-block;}
    section.y2016 .title .center p{margin-top:80px;color:#630460;font-size:52px;font-weight:900;margin-bottom:20px;}
    section.y2016 .title .center span{display:block;margin-bottom:80px;font-size:24px;}
    section.y2016 .schedule h2{margin-bottom:50px}
    section.y2016 .schedule{margin:0 auto;width:1000px;overflow:hidden}
    section.y2016 .schedule .y2016_table{width:100%;border-collapse: collapse;margin-bottom:30px;}
    section.y2016 .schedule .y2016_table th{padding:20px 15px;background:#630460;color:#fff;font-size:24px;font-weight: 300}
    section.y2016 .schedule .y2016_table th:first-child{border-right:1px solid rgba(0,0,0,0.1)}
    section.y2016 .schedule .y2016_table .st{background:#ddbdff;color:#923992;text-align:center;font-weight: 700}
    section.y2016 .schedule .y2016_table td{position:relative;padding:15px 30px 15px 15px;border:1px solid #ccc;font-size:15px}
    section.y2016 .schedule .y2016_table td a{position:absolute;top:11px;right:15px;}
    

    
}





@media screen and (min-width:601px) and (max-width:1023px){
    
    .subwrap{}

    .sub h2{font-size: 35px; font-family: 'Nanum_e'; color:#333333; margin-bottom: 50px;}

    .sub .contents{width: 100%; padding: 80px 30px 0 30px; box-sizing: border-box;}
    .sub .contents:last-child{padding-bottom: 80px;}
    .sub .mainVis{width: 100%; height: 750px; background:gray;}


/*summary-----------------------------------------------------------------------------------------*/
    .summary_con{}
    
    .summary_con h2{color:#3d29ba;  text-align: center;}
    .summary_con h2 .point{display: inline-block; width: 7px; height: 7px; border-radius: 50px; vertical-align: top; margin-top: 5px; margin-left: 10px;}
    
    
    .summary_con .mainVis{background:url(../img/sub/sub_bg_1.jpg) center center no-repeat; position: relative;}
    .summary_con .mainVis .title{position: absolute; top: 150px; left: 30px;}
    .summary_con .mainVis .title img{display: block;}
    .summary_con .mainVis .title .win_title{display: none;}
    .summary_con .mainVis .title .mo_title{display: block; width: 95%; margin-bottom: 50px;}
    .summary_con .mainVis .title p{font-size: 30px; font-family: 'Nanum_b'; color:white; padding-left: 25px; text-shadow: 0px 0px 20px black;}
    .summary_con .mainVis .title p span{display: inline-block; font-size: 30px; font-family: 'Nanum_b'; color:white; text-shadow: 0px 0px 20px black;}
    
    .summary_con .info{}
    .summary_con .info .info_slide{width: 100%; margin-bottom: 20px;}
    .summary_con .info .info_slide .slide_img{ }
    .summary_con .info .info_slide .slide_img img{width: 100%;}
    .summary_con .info .info_slide .img_pagination{position: relative; margin-top: 25px;}
    .summary_con .info .info_slide .img_pagination .swiper-pagination-bullet{width: 10px; height: 10px; }
    .summary_con .info .info_slide .img_pagination .swiper-pagination-bullet-active{background: black;}
    .summary_con .info p{width: 100%; padding:30px 50px; box-sizing: border-box; text-align: center; line-height: 1.6em; color:#333; word-break: keep-all;}
    
    .summary_con .location{}
    .summary_con .location .location_con{width: 100%; padding:10px; box-sizing: border-box; border: 1px solid #d7d7d7;}
    .summary_con .location .location_con .map{width: 100%; padding:10px; box-sizing: border-box; height: 400px; margin-bottom: 20px;}
    .summary_con .location .location_con .map iframe{width: 100%; height: 100%;}
    
    .summary_con .location .location_con .detail{width: 100%; font-size: 0;}
    .summary_con .location .location_con .detail dl{display: inline-block; font-size: 16px; width: 33.33%; padding:0 10px; box-sizing: border-box; vertical-align: top; word-break: keep-all;}
    .summary_con .location .location_con .detail dl dt{width: 100%; padding: 15px 0; box-sizing: border-box; background:#151515; font-family: 'Nanum_b'; text-align: center;}
    .summary_con .location .location_con .detail dl dd{width: 100%; padding: 15px 0; box-sizing: border-box; line-height: 1.5em; }
    .summary_con .location .location_con .detail dl.traffic dd span{display: block; font-size: 13px; color:#3d29ba; line-height: 1.2em; margin-top: 5px;}


/*conference-----------------------------------------------------------------------------------------------------*/
    .conference_con{}
    
    .conference_con .mainVis{background:url(../img/sub/sub_bg_2.jpg) center center no-repeat; position: relative;}
    .conference_con .mainVis .title{position: absolute; bottom: -4px; left: 0;}
    .conference_con .mainVis .title img{display: block; width: 100%;}
    
    .conference_con .keynote{}
    .conference_con .keynote .keynote_list{width: 100%; font-size: 0;}
    .conference_con .keynote .keynote_list li{display: inline-block; font-size: 16px; width: 50%; box-sizing: border-box; vertical-align: top; margin-bottom: 20px;}
    .conference_con .keynote .keynote_list li:nth-child(1n){padding-right: 10px;}
    .conference_con .keynote .keynote_list li:nth-child(2n){padding-left: 10px; padding-right: 0;}
    .conference_con .keynote .keynote_list li .video_img{width: 100%; height: 100%; border: 1px solid #d7d7d7; box-sizing: border-box; position: relative;}
    .conference_con .keynote .keynote_list li .video_img .thumbnail{width: 100%; height: 100%;}
    .conference_con .keynote .keynote_list li .video_img .video_hover{width: 100%; height: 100%; background:url(../img/sub/test_bg.png) center center; background-size: cover; position: absolute; top: 0; left: 0; display: none; }
    .conference_con .keynote .keynote_list li:hover .video_hover{display: block;}
    .conference_con .keynote .keynote_list li .presentation{width: 100%; padding:20px 0; box-sizing: border-box;}
    .conference_con .keynote .keynote_list li .presentation .title{color: #333333; font-family: 'Nanum_e'; margin-bottom: 7px;}
    .conference_con .keynote .keynote_list li .presentation .name{font-size: 14px;}
    
    .conference_con  .video_list{}
    .conference_con  .video_list ul{width: 100%;}
    .conference_con  .video_list ul li{width: 100%; border: 1px solid #d7d7d7; box-sizing: border-box; margin-bottom: 20px; font-size: 0;}
    .conference_con  .video_list ul li:last-child{margin-bottom: 0; }
    .conference_con  .video_list ul li .logo,
    .conference_con  .video_list ul li .list{display: inline-block; font-size: 16px;}
    .conference_con  .video_list ul li .logo{width: 20%; padding-top:10px; box-sizing: border-box;  vertical-align: top;}
    .conference_con  .video_list ul li .logo img{display: block; width: 100%;}
    .conference_con  .video_list ul li .list{width: 80%; border-left:1px solid #d7d7d7; box-sizing: border-box;}
    .conference_con  .video_list ul li .list a{display: block; width: 100%; padding:20px; box-sizing: border-box; border-bottom: 1px solid #d7d7d7; position: relative;}
    .conference_con  .video_list ul li .list a:last-child{border-bottom: 0;}
    .conference_con  .video_list ul li .list a p{width: 90%; white-space: nowrap; overflow: hidden; text-overflow: ellipsis;}
    .conference_con  .video_list ul li .list a .title{color: #333333; font-family: 'Nanum_e'; margin-bottom: 7px;}
    .conference_con  .video_list ul li .list a .name{font-size: 14px;}
    .conference_con  .video_list ul li .list a .play_btn{position: absolute; width: 30px; top: 25px; right: 20px;}
    .conference_con  .video_list ul li .list a .play_btn img{width: 100%;}


/*review-----------------------------------------------------------------------------------------------------------*/
    .review_con{}

    .review_con .mainVis{background:url(../img/sub/sub_bg_3.jpg) center center no-repeat; position: relative;}
    .review_con .mainVis .title{position: absolute; top:250px; left: 30px;}
    .review_con .mainVis .title img{display: block; width: 100%;}
    
    .review_con section{display: none;}
    .review_con section.active{display: block;}
    
    
    
}





@media screen and (min-width:480px) and (max-width:600px){
    
    
/*header, footer-----------------------------------------------------------------------------------*/
    header.sub_h{padding: 20px 0;}
    header.sub_h ul li{padding: 0 15px;}
    
    footer{padding:30px; font-size: 15px;}
    footer p{padding-left: 0px; color:#a7a7a7;}
    
    
/*-------------------------------------------------------------------------------------------------*/   
    
    .subwrap{font-size: 15px;}

    .sub h2{font-size: 30px; font-family: 'Nanum_e'; color:#333333; margin-bottom: 40px;}

    .sub .contents{width: 100%; padding: 70px 30px 0 30px; box-sizing: border-box;}
    .sub .contents:last-child{padding-bottom: 70px;}
    .sub .mainVis{width: 100%; height: 650px; background:gray;}


/*summary-----------------------------------------------------------------------------------------*/
    .summary_con{}
    
    .summary_con h2{color:#3d29ba;  text-align: center;}
    .summary_con h2 .point{display: inline-block; width: 7px; height: 7px; border-radius: 50px; vertical-align: top; margin-top: 5px; margin-left: 10px;}
    
    
    .summary_con .mainVis{background:url(../img/sub/sub_bg_1.jpg) center center no-repeat; position: relative;}
    .summary_con .mainVis .title{position: absolute; top: 180px; left: 30px;}
    .summary_con .mainVis .title img{display: block;}
    .summary_con .mainVis .title .win_title{display: none;}
    .summary_con .mainVis .title .mo_title{display: block; width: 95%; margin-bottom: 50px;}
    .summary_con .mainVis .title p{font-size: 25px; font-family: 'Nanum_b'; color:white; padding-left: 25px; text-shadow: 0px 0px 20px black;}
    .summary_con .mainVis .title p span{display: block; font-size: 25px; font-family: 'Nanum_b'; color:white; text-shadow: 0px 0px 20px black;}
    
    .summary_con .info{}
    .summary_con .info .info_slide{width: 100%; margin-bottom: 20px;}
    .summary_con .info .info_slide .slide_img{ }
    .summary_con .info .info_slide .slide_img img{width: 100%;}
    .summary_con .info .info_slide .img_pagination{position: relative; margin-top: 25px;}
    .summary_con .info .info_slide .img_pagination .swiper-pagination-bullet{width: 10px; height: 10px; }
    .summary_con .info .info_slide .img_pagination .swiper-pagination-bullet-active{background: black;}
    .summary_con .info p{width: 100%; padding:20px 10px; box-sizing: border-box; text-align: center; line-height: 1.6em; color:#333; word-break: keep-all;}
    
    .summary_con .location{}
    .summary_con .location .location_con{width: 100%; padding:10px; box-sizing: border-box; border: 1px solid #d7d7d7;}
    .summary_con .location .location_con .map{width: 100%; padding:10px; box-sizing: border-box; height: 300px; margin-bottom: 20px;}
    .summary_con .location .location_con .map iframe{width: 100%; height: 100%;}
    
    .summary_con .location .location_con .detail{width: 100%; font-size: 0;}
    .summary_con .location .location_con .detail dl{display: inline-block; font-size: 16px; width: 100%; padding:0 10px; box-sizing: border-box; vertical-align: top; word-break: keep-all;}
    .summary_con .location .location_con .detail dl dt{width: 100%; padding: 15px 0; box-sizing: border-box; background:#151515; font-family: 'Nanum_b'; text-align: center;}
    .summary_con .location .location_con .detail dl dd{width: 100%; padding: 15px 0 30px 0; box-sizing: border-box; line-height: 1.5em; }
    .summary_con .location .location_con .detail dl dd span{display: block;}
    .summary_con .location .location_con .detail dl.traffic dd span{font-size: 13px; color:#3d29ba; line-height: 1.2em; margin-top: 5px;}


/*conference-----------------------------------------------------------------------------------------------------*/
    .conference_con{}
    
    .conference_con .mainVis{background:url(../img/sub/sub_bg_2.jpg) center center no-repeat; position: relative;}
    .conference_con .mainVis .title{position: absolute; top: 250px; left: 30px;}
    .conference_con .mainVis .title img{display: block; width: 95%;}
    
    .conference_con .keynote{}
    .conference_con .keynote .keynote_list{width: 100%; font-size: 0;}
    .conference_con .keynote .keynote_list li{display: inline-block; font-size: 16px; width: 100%; box-sizing: border-box; vertical-align: top; margin-bottom: 20px;}
    .conference_con .keynote .keynote_list li .video_img{width: 100%; height: 100%; border: 1px solid #d7d7d7; box-sizing: border-box; position: relative;}
    .conference_con .keynote .keynote_list li .video_img .thumbnail{width: 100%; height: 100%;}
    .conference_con .keynote .keynote_list li .video_img .video_hover{display: none;}
    .conference_con .keynote .keynote_list li .presentation{width: 100%; padding:20px 0; box-sizing: border-box;}
    .conference_con .keynote .keynote_list li .presentation .title{color: #333333; font-family: 'Nanum_e'; margin-bottom: 7px;}
    .conference_con .keynote .keynote_list li .presentation .name{font-size: 14px;}
    
    .conference_con  .video_list{}
    .conference_con  .video_list ul{width: 100%;}
    .conference_con  .video_list ul li{width: 100%; border: 1px solid #d7d7d7; box-sizing: border-box; margin-bottom: 20px;}
    .conference_con  .video_list ul li:last-child{margin-bottom: 0; }
    
    .conference_con  .video_list ul li .logo{width: 100%; padding:10px 0; border-bottom: 1px solid #d7d7d7; box-sizing: border-box;}
    .conference_con  .video_list ul li .logo img{display: block; margin: 0 auto; width: 150px; background:gray;}
    
    .conference_con  .video_list ul li .list{width: 100%; padding:0 20px; box-sizing: border-box;}
    .conference_con  .video_list ul li .list a{display: block; width: 100%; padding:20px 0; box-sizing: border-box; border-bottom: 1px solid #d7d7d7; position: relative;}
    .conference_con  .video_list ul li .list a:last-child{border-bottom: 0;}
    .conference_con  .video_list ul li .list a p{width: 90%; white-space: nowrap; overflow: hidden; text-overflow: ellipsis;}
    .conference_con  .video_list ul li .list a .title{color: #333333; font-family: 'Nanum_e'; margin-bottom: 7px;}
    .conference_con  .video_list ul li .list a .name{font-size: 14px;}
    .conference_con  .video_list ul li .list a .play_btn{position: absolute; width: 30px; top: 25px; right: 0;}
    .conference_con  .video_list ul li .list a .play_btn img{width: 100%;}


/*review-----------------------------------------------------------------------------------------------------------*/
    .review_con{}

    .review_con .mainVis{background:url(../img/sub/sub_bg_3.jpg) center center no-repeat; position: relative;}
    .review_con .mainVis .title{position: absolute; top:250px; left: 30px;}
    .review_con .mainVis .title img{display: block; width: 95%;}
    
    .review_con section{display: none;}
    .review_con section.active{display: block;}
    
    
    
    
}





@media screen and (min-width:0px) and (max-width:479px){
    
/*header, footer-----------------------------------------------------------------------------------*/
    header.sub_h{padding: 20px 0;}
    header.sub_h ul li{padding: 0 10px;}
    
    footer{padding:20px 0; font-size: 15px; word-break: keep-all; line-height: 1.2em;}
    footer p{padding-left: 20px; color:#a7a7a7;}
    
    
/*-------------------------------------------------------------------------------------------------*/
    
    .subwrap{font-size: 15px;}

    .sub h2{font-size: 25px; font-family: 'Nanum_e'; color:#333333; margin-bottom: 30px;}

    .sub .contents{width: 100%; padding: 50px 20px 0 20px; box-sizing: border-box;}
    .sub .contents:last-child{padding-bottom: 70px;}
    .sub .mainVis{width: 100%; height: 350px; background:gray;}


/*summary-----------------------------------------------------------------------------------------*/
    .summary_con{}
    
    .summary_con h2{color:#3d29ba;  text-align: center;}
    .summary_con h2 .point{display: inline-block; width: 7px; height: 7px; border-radius: 50px; vertical-align: top; margin-top: 5px; margin-left: 10px;}
    
    
    .summary_con .mainVis{background:url(../img/sub/sub_bg_1.jpg) center center no-repeat; position: relative;}
    .summary_con .mainVis .title{position: absolute; top: 90px; left: 20px;}
    .summary_con .mainVis .title img{display: block;}
    .summary_con .mainVis .title .win_title{display: none;}
    .summary_con .mainVis .title .mo_title{display: block; width: 95%; margin-bottom: 20px;}
    .summary_con .mainVis .title p{font-size: 20px; font-family: 'Nanum_b'; color:white; padding-left: 25px; text-shadow: 0px 0px 20px black;}
    .summary_con .mainVis .title p span{display: inline-block; font-size: 20px; font-family: 'Nanum_b'; color:white; text-shadow: 0px 0px 20px black;}
    
    .summary_con .info{}
    .summary_con .info .info_slide{width: 100%; margin-bottom: 20px;}
    .summary_con .info .info_slide .slide_img{ }
    .summary_con .info .info_slide .slide_img img{width: 100%;}
    .summary_con .info .info_slide .img_pagination{position: relative; margin-top: 25px;}
    .summary_con .info .info_slide .img_pagination .swiper-pagination-bullet{width: 10px; height: 10px; }
    .summary_con .info .info_slide .img_pagination .swiper-pagination-bullet-active{background: black;}
    .summary_con .info p{width: 100%; padding:20px 20px; box-sizing: border-box; text-align: center; line-height: 1.6em; color:#333; word-break: keep-all;}
    
    .summary_con .location{}
    .summary_con .location .location_con{width: 100%; padding:10px; box-sizing: border-box; border: 1px solid #d7d7d7;}
    .summary_con .location .location_con .map{width: 100%; padding:10px; box-sizing: border-box; height: 300px; margin-bottom: 20px;}
    .summary_con .location .location_con .map iframe{width: 100%; height: 100%;}
    
    .summary_con .location .location_con .detail{width: 100%; font-size: 0;}
    .summary_con .location .location_con .detail dl{display: inline-block; font-size: 16px; width: 100%; padding:0 10px; box-sizing: border-box; vertical-align: top; word-break: keep-all;}
    .summary_con .location .location_con .detail dl dt{width: 100%; padding: 15px 0; box-sizing: border-box; background:#151515; font-family: 'Nanum_b'; text-align: center;}
    .summary_con .location .location_con .detail dl dd{width: 100%; padding: 15px 0 30px 0; box-sizing: border-box; line-height: 1.5em; }
    .summary_con .location .location_con .detail dl dd span{display: block;}
    .summary_con .location .location_con .detail dl.traffic dd span{font-size: 13px; color:#3d29ba; line-height: 1.2em; margin-top: 5px;}


/*conference-----------------------------------------------------------------------------------------------------*/
    .conference_con{}
    
    .conference_con .mainVis{background:url(../img/sub/sub_bg_2.jpg) center center no-repeat; position: relative;}
    .conference_con .mainVis .title{position: absolute; top: 120px; left: 20px;}
    .conference_con .mainVis .title img{display: block; width: 95%;}
    
    .conference_con .keynote{}
    .conference_con .keynote .keynote_list{width: 100%; font-size: 0;}
    .conference_con .keynote .keynote_list li{display: inline-block; font-size: 16px; width: 100%; box-sizing: border-box; vertical-align: top; margin-bottom: 20px;}
    .conference_con .keynote .keynote_list li .video_img{width: 100%; height: 100%;  position: relative;}
    .conference_con .keynote .keynote_list li .video_img .thumbnail{width: 100%; border: 1px solid #d7d7d7; box-sizing: border-box;}
    .conference_con .keynote .keynote_list li .video_img .video_hover{ display: none;}
    .conference_con .keynote .keynote_list li .presentation{width: 100%; padding:20px 0; box-sizing: border-box;}
    .conference_con .keynote .keynote_list li .presentation .title{color: #333333; font-family: 'Nanum_e'; margin-bottom: 7px;}
    .conference_con .keynote .keynote_list li .presentation .name{font-size: 14px;}
    
    .conference_con  .video_list{}
    .conference_con  .video_list ul{width: 100%;}
    .conference_con  .video_list ul li{width: 100%; border: 1px solid #d7d7d7; box-sizing: border-box; margin-bottom: 20px;}
    .conference_con  .video_list ul li:last-child{margin-bottom: 0;}
    
    .conference_con  .video_list ul li .logo{width: 100%; padding:10px 0; border-bottom: 1px solid #d7d7d7; box-sizing: border-box;}
    .conference_con  .video_list ul li .logo img{display: block; margin: 0 auto; width: 150px; background:gray;}
    
    .conference_con  .video_list ul li .list{width: 100%; padding:0 20px; box-sizing: border-box;}
    .conference_con  .video_list ul li .list a{display: block; width: 100%; padding:20px 0; box-sizing: border-box; border-bottom: 1px solid #d7d7d7; position: relative;}
    .conference_con  .video_list ul li .list a:last-child{border-bottom: 0;}
    .conference_con  .video_list ul li .list a p{width: 90%; white-space: nowrap; overflow: hidden; text-overflow: ellipsis;}
    .conference_con  .video_list ul li .list a .title{color: #333333; font-family: 'Nanum_e'; margin-bottom: 7px;}
    .conference_con  .video_list ul li .list a .name{font-size: 14px;}
    .conference_con  .video_list ul li .list a .play_btn{position: absolute; width: 30px; top: 25px; right: 0;}
    .conference_con  .video_list ul li .list a .play_btn img{width: 100%;}


/*review-----------------------------------------------------------------------------------------------------------*/
    .review_con{}

    .review_con .mainVis{background:url(../img/sub/sub_bg_3.jpg) center center no-repeat; position: relative;}
    .review_con .mainVis .title{position: absolute; top:120px; left: 20px;}
    .review_con .mainVis .title img{display: block; width: 95%;}
    
    .review_con section{display: none;}
    .review_con section.active{display: block;}
    
    
    
    
}




/*review tabMenu----------------------------------------------------------------------------------------------*/

@media (min-width:1550px){
    .review_con{position: relative;}
    .review_con .review_tabMenu{position: absolute; top: 900px; left: 50px;}
    .review_con .review_tabMenu ul{}
    .review_con .review_tabMenu ul li{font-size: 20px; margin-bottom: 25px; font-size: 20px;  color: #333; cursor: pointer;}
    .review_con .review_tabMenu ul li:last-child{margin-bottom: 0;}
    .review_con .review_tabMenu ul li .point{display: none; width: 7px; height: 7px; border-radius: 50px;vertical-align: top; margin-top: 5px; margin-left: 10px;}
    .review_con .review_tabMenu ul li.active{font-family: 'Nanum_e';}
    .review_con .review_tabMenu ul li.active .point{display: inline-block;} 
}


@media (max-width:1549px){
    .review_con{}
    .review_con .review_tabMenu{width: 100%;}
    .review_con .review_tabMenu ul{width: 100%; padding: 25px 0; box-sizing: border-box; font-size: 0; border-bottom: 2px solid #333;}
    .review_con .review_tabMenu ul li{display: inline-block; width: 20%; font-size: 17px; color: #333; cursor: pointer; text-align: center; line-height: 1.2em;}
    .review_con .review_tabMenu ul li .text_c{display: block; font-size: 14px;}
    .review_con .review_tabMenu ul li .point{display: none; width: 7px; height: 7px; border-radius: 50px; vertical-align: top; margin-top: 5px; margin-left: 10px;}
    .review_con .review_tabMenu ul li.active{font-family: 'Nanum_e';}
    .review_con .review_tabMenu ul li.active .point{display: block; margin: 0 auto; margin-top: 10px;}
}