/*
 * [[ Korea Development Institute - ENG ]]
 * 2019-01-21
 * cubeA & 이창호(Chang Ho. Lee) / 팀장
 * goldlch@cubea.co.kr
*/

#subtop_menu .subtop_guide button .live{margin-left:16px;padding:0 19px;display:inline-block;color:#fff;height:28px;line-height:28px;font-size:16px;border-radius:18px;vertical-align:middle;background-color:#ff0012}

/* Seminar List */
.seminar_live{position:relative;padding-bottom:40px;border-top:5px solid #3d3d3d;background-color:#f5f5f6;margin-top:30px}
.seminar_live .top_box{position:relative}
.seminar_live .top_box .live{position:absolute;left:6%;top:62px;padding:0 18px;height:30px;line-height:30px;border-radius:18px;text-align:center;font-size:16px;font-weight:600;color:#fff;content:"";clear:both;display:inline-block;background-color:#ff0012}
.seminar_live .top_box .title{padding:3% 15% 2%}
.seminar_live .top_box .title span{display:block;color:#f08200;font-size:1.2em}
.seminar_live .top_box .title strong{padding:5px 0 15px;display:block;font-size:1.5em;;line-height:1.1em}
.seminar_live .top_box .title em.date{display:block;color:#737373;font-size:1.2em}
.seminar_live .vod_box{position:relative;padding-left:15%}
.seminar_live .vod_box .vod{display:inline-block;vertical-align:middle;width:80%;border:1px solid #d5d7dc}
.seminar_live .vod_box .vod .video{position:relative;width:100%;padding-bottom:58%;background-color:#000}
.seminar_live .vod_box .vod .video iframe{display:block;position:absolute;left:0;top:0;width:100%;height:100%}
.seminar_live .vod_box .btn_v_sub{width:19%;display:inline-block;vertical-align:middle}
.seminar_live .vod_box .btn_v_sub li{margin-bottom:40px}
.seminar_live .vod_box .btn_v_sub li:last-child{margin-bottom:0}
.seminar_live .vod_box .btn_v_sub li a{width:100%;padding-top:90px;text-align:center;display:block;font-size:18px;color:#808080;font-weight:700;background-repeat:no-repeat;background-position:center top;background-size:80px auto;transition:All 0.3s;-webkit-transition:All 0.3s}
.seminar_live .vod_box .btn_v_sub li.q1 a{background-image:url("../img/btn_quick01.png")}
.seminar_live .vod_box .btn_v_sub li.q2 a{background-image:url("../img/btn_quick02.png")}
.seminar_live .vod_box .btn_v_sub li.q3 a{background-image:url("../img/btn_quick03.png")}
.seminar_live .vod_box .btn_v_sub li.q1 a:hover{background-image:url("../img/btn_quick01_on.png")}
.seminar_live .vod_box .btn_v_sub li.q2 a:hover{background-image:url("../img/btn_quick02_on.png")}
.seminar_live .vod_box .btn_v_sub li.q3 a:hover{background-image:url("../img/btn_quick03_on.png")}

.period_wrap{position:relative;width:100%;height:60px;background-color:#fff;z-index:4}
.fixed_period{padding-top:60px}
.fixed_period .period_wrap{position:fixed;top:60px;left:50%;margin-left:-600px;margin-top:-1px;width:1200px;z-index:9;transition:top 0.6s;-webkit-transition:top 0.6s}
.period_list{margin-top:-90px;padding-top:90px}
.period_box{width:100%;height:100%;text-align:center;margin:0 auto;box-shadow:2px 2px 4px rgba(186,186,186,0.2)}
.period_box:after{content:"";clear:both;display:block}
.period_box > *{display:block;float:left;height:100%;box-sizing:border-box}
.period_box > strong{width:10%;font-size:16px;color:#fff;line-height:60px;background-color:#414141;text-align:center}
.period_box > span.lb_select{width:10%}
.period_box > span.lb_select label{line-height:60px;color:#414141}
.period_box .month{width:80%}
.period_box .month:after{content:"";clear:both;display:block}
.period_box .month li{float:left;width:7.6%;height:100%}
.period_box .month li:first-child{width:8.8%}
.period_box .month a{padding-top:10px;height:100%;display:block;color:#414141;font-size:0.9em;text-align:center;font-weight:700;border:solid #cecfd3;border-width:1px 1px 1px 0;box-sizing:border-box;background-color:#fff;transition:All 0.3s; -webkit-transition:All 0.3s}
.period_box .month a span{display:block;color:#f08200;font-size:1.2em}
.period_box .month a.on,
.period_box .month a:hover{background-color:#f08200}
.period_box .month a.on span,
.period_box .month a:hover span{color:#fff}

.calendar_wrap{position:relative;margin:-60px auto 0;padding-top:130px;max-width:1070px}
.calendar_wrap:before{content:"";display:block;position:absolute;left:0;top:0;width:100%;height:130px;background-color:#fff;z-index:1}
.calendar_wrap:after{position:absolute;left:50%;top:0;width:1px;height:100%;background-color:#cecfd3;content:"";clear:both;display:block;z-index:-1}
.calendar_wrap .year{padding-bottom:60px;text-align:center}
.calendar_wrap .year span{padding:0 55px;height:58px;line-height:58px;color:#808080;font-size:28px;display:inline-block;border:1px solid #cecfd3;border-radius:30px;background-color:#fff}
.calendar_box{position:relative;margin-bottom:60px;border:1px solid #d5d7dc;border-top:10px solid #f08200;background-color:#fff}
.calendar_box:last-child{margin-bottom:0}
.calendar_box:after{content:'';display:block;clear:both;font-size:0;line-height:0;letter-spacing:0;overflow:hidden}
.calendar_box .date{float:left;width:30%;background-color:#000;height:300px}
.calendar_box .date .month{padding:45px 46px 0;display:block;line-height:1.2em;font-size:30px;font-weight:700;color:#fff}
.calendar_box .date .month span{font-size:16px;color:#f08200;z-index:2;display:block;line-height:1em;padding-bottom:10px}
.calendar_box .date .month em{display:block}
.calendar_box .date .y{display:block;color:#fff;padding:0 46px;font-size:20px;font-weight:700;color:#898989}
.calendar_box .date .register{margin:35px 45px 25px 45px;padding:0 35px;line-height:40px;display:inline-block;vertical-align:top;text-align:center;font-weight:700;color:#fff;border-radius:20px;background-color:#f08200}
.calendar_box .date .time{position:relative;margin:10px 0 0 46px;padding-left:35px;display:block;font-size:20px;color:#fff;line-height:26px}
.calendar_box .date .time:before{position:absolute;left:0;top:1px;width:26px;height:26px;content:"";clear:both;display:block;background:url("../img/ico_timer.png") no-repeat center center}
.calendar_box .img{float:left;width:70%;height:300px;overflow:hidden} 
.calendar_box .img img{display:block;width:100%;height:auto}
.calendar_box .part{position:relative;float:left;width:70%;padding:30px;background-color:#fff;min-height:140px;box-sizing:border-box}
.calendar_box .part:after{content:"";clear:both;display:block}
.calendar_box .part .txt a{display:block}
.calendar_box .part .txt a span{font-weight:700;font-size:1.4em;line-height:1em;margin-bottom:10px;display:block}
.calendar_box .part .txt a p{display:block;color:#7c7b75;font-size:1.1em;line-height:1.5em}
.calendar_box .part .meeting{margin-top:20px}
.calendar_box .part .meeting li{margin-bottom:4px;position:relative;padding-left:100px;font-size:1.1em}
.calendar_box .part .meeting li:last-child{margin-bottom:0}
.calendar_box .part .meeting li em{display:block;position:absolute;left:0;top:0;color:#808080}
.calendar_box .part .btn_quick{text-align:left;margin-top:20px}
.calendar_box .part .btn_quick li{position:relative;display:inline-block;vertical-align:top;width:164px;margin:0 0 0 6px}
.calendar_box .part .btn_quick li:first-child{margin-left:0}
.calendar_box .part .btn_quick li a{display:block;width:100%;height:49px;line-height:49px;border:1px solid #e8e8e8;border-radius:26px;position:relative;text-indent:57px}
.calendar_box .part .btn_quick li a:hover{color:#f08200}
.calendar_box .part .btn_quick li a:before{content:'';display:block;position:absolute;left:-1px;top:-1px;width:50px;height:50px;background-repeat:no-repeat;background-position:0 0;background-size:50px auto}
.calendar_box .part .btn_quick li.q1 a:before{background-image:url("../img/btn_quick01s.png")}
.calendar_box .part .btn_quick li.q2 a:before{background-image:url("../img/btn_quick02s.png")}
.calendar_box .part .btn_quick li.q3 a:before{background-image:url("../img/btn_quick03s.png")}
.calendar_box .part .btn_quick li.q4 a:before{background-image:url("../img/btn_quick04s.png")}
.calendar_box .part .btn_quick li.q1 a:hover:before{background-image:url("../img/btn_quick01s-on.png")}
.calendar_box .part .btn_quick li.q2 a:hover:before{background-image:url("../img/btn_quick02s-on.png")}
.calendar_box .part .btn_quick li.q3 a:hover:before{background-image:url("../img/btn_quick03s-on.png")}
.calendar_box .part .btn_quick li.q4 a:hover:before{background-image:url("../img/btn_quick04s-on.png")}

.no_img.calendar_box .info{border-top:0}
.no_img.calendar_box .date{background-color:#fff;height:auto}
.no_img.calendar_box .date .month{color:#414141;padding:30px 46px 4px 46px}

.btn_showmore button{margin:0 auto;padding:0 54px;height:60px;display:block;line-height:60px;text-align:center;color:#414141;border:1px solid #cecfd3;border-radius:30px}

/* Information */
.rpt_tab{position:relative;border-top:1px solid #cecfd3}
.rpt_tab:after{content:'';display:block;clear:both;font-size:0;line-height:0;letter-spacing:0;overflow:hidden}
.rpt_tab:before{content:'';display:block;position:absolute;right:0;top:0;width:1px;height:100%;background-color:#cecfd3}
.rpt_tab li{float:left;width:20%;overflow:hidden}
.rpt_tab.tab2 li{width:50%}
.rpt_tab.tab3 li{width:33.3%}
.rpt_tab li a{position:relative;display:block;padding:15px 0;text-align:center;font-size:20px;font-weight:700;background-color:#fff;border-right:1px solid #cecfd3;transition:All 0.1s;-webkit-transition:All 0.1s}
.rpt_tab li a:hover{color:#fff;background-color:#414141}
.rpt_tab li a.on{color:#fff;background-color:#414141}
.rpt_tab li:first-child a:before{content:'';display:block;position:absolute;left:0;top:0;width:1px;height:100%;background-color:#cecfd3}

.rpt_tab.type2{padding-bottom:20px;border:none;}
.rpt_tab.type2::before{display:none;}
.rpt_tab.type2 li{width:49%;margin-right:2%;box-sizing: border-box;}
.rpt_tab.type2.tab3 li{width:32%;}
.rpt_tab.type2.tab4 li{width:23.5%;}
.rpt_tab.type2 li a:before{width:100%;height:4px;background:#ccc;display:block;clear:both;content:'';position:absolute;top:0;lefT:0;}
.rpt_tab.type2 li:last-child{margin-right:0;}
.rpt_tab.type2 li a{border:none;}
.rpt_tab.type2 li a:hover{color:#000;background:#fff;}
.rpt_tab.type2 li a.on{background:#fff;color:#000;}
.rpt_tab.type2 li a.on:before{width:100%;height:4px;background:#000;}

.download_list{position:relative;padding:20px 10%;overflow:hidden;border-top:1px solid #cecfd3;width:80%}
.download_list .down_add{position:absolute;left:0;top:50%;margin-top:-37px;width:60px;height:75px;font-size:0;line-height:0;background:url('../img/ico_file_down.png') center center no-repeat}
.download_list .add_lst li{margin:10px 0}
.download_list .add_lst li a{display:block;padding-left:26px;background:url('../img/ico_file.png') left center no-repeat;transition:All 0.1s; -webkit-transition:All 0.1s}
.download_list .add_lst li a:hover{color:#f08200;background-image:url('../img/ico_file_on.png')}

.seminar_view .top_title dl{border-bottom:0}
.seminar_view .top_title dl dt{background-color:#3d3d3d}
.seminar_view .top_title dl dd{padding:50px;border:solid #cecfd3;border-width:0 1px;background:#f5f5f6 url("../img/sub_top_seminar.jpg") right bottom no-repeat;background-size:auto 100%}
.seminar_view .top_title dl dd .data{margin-top:10px;color:#7c7b75}
.seminar_view .repoart_contents{border-bottom:1px solid #cecfd3;padding-bottom:0}
.seminar_view .repoart_contents .download_list{padding-left:0;padding-right:0}
.seminar_view .repoart_contents .cnts_detail p.tc{text-align:center}

.seminar_info .cnts_left{float:left;width:26%}
.seminar_info .cnts_left .summary{display:block;width:100%;height:60px;border:1px solid #d5d7dc;color:#3d3d3d;font-weight:600;line-height:60px;text-align:center}
.seminar_info .cnts_left ul{padding:40px 20px;border:1px solid #cecfd3;border-width:1px 0;background-color:#f1f1f1}
.seminar_info .cnts_left ul li{position:relative;margin-top:30px;padding-left:86px;color:#3d3d3d;line-height:1.2em}
.seminar_info .cnts_left ul li:first-child{margin-top:0}
.seminar_info .cnts_left ul li em{display:block;position:absolute;left:0;top:0}
.seminar_info .cnts_left ul li .map{padding-right:60px;display:inline-block;position:relative;color:#3d3d3d}
.seminar_info .cnts_left ul li .map:after{position:absolute;right:0;top:50%;margin-top:-25px;content:"";clear:both;display:block;width:50px;height:50px;transition:All 0.2s; -webkit-transition:All 0.2s;background:url('../img/ico_map.png') center right no-repeat}
.seminar_info .cnts_left ul li .map:hover:after{background-image:url('../img/ico_map_on.png')}
.seminar_info .cnts_left > a{color:#fff;background-color:#f08200;text-align:center;line-height:60px;display:block;margin-top:20px;font-weight:700;font-size:20px;border-radius:30px}
.seminar_info .semi_speaks{padding-bottom:80px}
.seminar_info .semi_speaks:after{content:"";clear:both;display:block}
.seminar_info .semi_speaks .hm{float:left;padding-bottom:10px;width:300px;border-bottom:1px solid #cecfd3}
.seminar_info .semi_speaks .hm.rig{float:right}
.seminar_info .semi_speaks .hm strong{display:block;font-size:1.3em;line-height:1.6em}
.seminar_info .semi_speaks .hm span{display:block}
.seminar_info.summ .cnts_left{float:none;width:1070px;margin:0 auto}
.seminar_info.summ .cnts_left ul{padding-bottom:46px}
.seminar_info.summ .download_list{width:1070px;margin:0 auto;border-top:0}

/* Program */
.pro_timetable{padding:0 50px}
.pro_timetable dl dt{padding-left:80px;margin:45px 0;font-size:1.5em;font-weight:600;line-height:50px;background:url('../img/btn_quick01_on.png') left center no-repeat;background-size:50px auto}
.pro_timetable dl:first-child dt{margin-top:0}
.pro_timetable dl dt strong{margin-right:10px;color:#f08200}
.pro_timetable dl dd{position:relative;padding-left:230px;margin-bottom:-1px;border:1px solid #d5d7dc}
.pro_timetable dl dd.odd{background-color:#f5f5f6}
.pro_timetable dl dd:first-child{border-width:1px}
.pro_timetable dl dd > em{position:absolute;top:50%;left:0;margin-top:-13px;width:230px;text-align:center;color:#3d3d3d}
.pro_timetable dl dd ul li{position:relative;padding:17px 25px;border:solid #d5d7dc;border-width:0 0 1px 1px}
.pro_timetable dl dd ul li:last-child{border-bottom:0}
.pro_timetable dl dd ul li > span{position:absolute;top:17px;left:25px;display:block;font-size:0.9em;color:#808080}
.pro_timetable dl dd ul li > em{padding:0 160px;display:block;color:#3d3d3d;font-size:0.9em}
.pro_timetable dl dd ul li .c_or{color:#f08200}
.pro_timetable dl dd ul li .c_gr{color:#808080;display:block}
.pro_timetable dl dd ul.thr{padding-left:200px}
.pro_timetable dl dd ul.thr li{margin-top:15px;padding:0;border:0}
.pro_timetable dl dd ul.thr li:first-child{margin-top:0}
.pro_timetable dl dd ul.thr li > span.t{top:0;left:0}
.pro_timetable dl dd ul.thr li > em{padding:0 0 0 300px} 
.pro_timetable .btn_file{position:absolute;right:30px;top:50%;margin-top:-25px;z-index:2}
.pro_timetable .btn_file .btn{position:relative;margin-left:10px;display:inline-block;vertical-align:top;width:51px;height:51px}
.pro_timetable .btn_file .btn button{width:100%;height:100%;font-size:0;line-height:0;background:center center no-repeat;transition:All 0.2s; -webkit-transition:All 0.2s}
.pro_timetable .btn_file .btn.v button{background-image:url('../img/btn_play.png')}
.pro_timetable .btn_file .btn.p button{background-image:url('../img/btn_pdf.png')}
.pro_timetable .btn_file .btn.v button:hover{background-image:url('../img/btn_play_on.png')}
.pro_timetable .btn_file .btn.p button:hover{background-image:url('../img/btn_pdf_on.png')}
.pro_timetable .btn_file .btn span{display:none;position:absolute;left:50%;top:60px;margin-left:-40px;width:80px;text-align:center;font-size:14px;color:#414141;border:1px solid #cecfd3;background-color:#fff;z-index:1}
.pro_timetable .btn_file .btn.p span{margin-left:-60px;width:120px}
.pro_timetable .btn_file .btn.open span{display:block}

/* Presentaition */
.seminar_view .board_list_wrap .board_list li{padding:50px 0}
.seminar_view .board_list_wrap .board_list li > a{padding-right:140px}
.seminar_view .board_list_wrap .board_list li .data{position:static}
.seminar_view .board_list_wrap .board_list .files{width:140px;height:50px;margin-top:-25px}
.seminar_view .board_list_wrap .board_list .files .fils_list{margin-right:30px;margin-top:-60px}
.seminar_view .board_list_wrap .board_list .files .btn_file{display:inline-block;vertical-align:top;width:50px;background-size:50px auto}
.seminar_view .board_list_wrap .board_list .files .btn_vod{position:relative;margin-left:10px;display:inline-block;vertical-align:top;width:51px;height:51px;background:url('../img/btn_play.png') center center no-repeat;transition:All 0.2s; -webkit-transition:All 0.2s}
.seminar_view .board_list_wrap .board_list .files .btn_vod.open span{display:block}
.seminar_view .board_list_wrap .board_list .files .btn_vod button{font-size:0;line-height:0;width:100%;height:100%}
.seminar_view .board_list_wrap .board_list .files .btn_vod span{display:none;position:absolute;left:50%;top:60px;margin-left:-40px;width:80px;text-align:center;font-size:14px;color:#414141;border:1px solid #cecfd3;background-color:#fff}
.seminar_view .board_list_wrap .board_list .files .btn_vod:hover{background-image:url('../img/btn_play_on.png')}
.seminar_view .view_title{margin:-55px 0 60px;padding:50px;background-color:#f5f5f6;border-bottom:1px solid #cecfd3}
.seminar_view .view_title strong{display:block;font-size:1.5em;line-height:1.1em;font-weight:700}
.seminar_view .view_title .data{margin-top:16px;color:#737373}
.seminar_view .view_title .data span{display:inline-block;padding-left:15px;margin-left:15px;line-height:20px;border-left:1px solid #cecfd3;vertical-align:top}
.seminar_view .view_title .data span:first-child{padding-left:0;margin-left:0;border-left:none}

/* Photo */
.photo_list_wrap{padding:65px 0 100px;border-top:5px solid #3d3d3d;overflow:hidden}
.photo_list_wrap .photo_list{width:105%}
.photo_list_wrap .photo_list:after{content:"";clear:both;display:block}
.photo_list_wrap .photo_list li{float:left;margin:0 3% 3% 0;width:29.7%;height:250px;border:1px solid #d5d7dc;box-sizing:border-box;overflow:hidden}
.photo_list_wrap .photo_list li button{display:block;width:100%;height:100%;}
.photo_list_wrap .photo_list li img{display:block;width:100%;height:auto;}

/* Seminar Vod */
.seminar_vod_wrap{margin-top:30px;border-top:5px solid #3d3d3d}
.seminar_vod_wrap .report_vod_wrap{padding-top:60px}
.seminar_vod_wrap .report_vod_wrap .vod_list_top{border:0}
.seminar_vod_wrap .report_vod_wrap .vod_list_top .vod_num{display:block;line-height:60px;text-align:center;font-weight:700;color:#fff;background-color:#3d3d3d}
.seminar_vod_wrap .report_vod_wrap .vod_list_top .vod_num em{margin-left:10px;display:inline-block;width:36px;height:36px;text-align:center;line-height:36px;font-size:18px;border-radius:50%;color:#3d3d3d;background-color:#fff}
.seminar_vod_wrap .report_vod_wrap .vod_cnts .tit{margin:20px 30px;min-height:90px}
.seminar_vod_wrap .report_vod_wrap .vod_cnts .tit .na{margin-top:20px;display:block;color:#737373}
.seminar_vod_wrap .report_vod_wrap .vod_cnts .script_view{margin:0 auto;text-align:center}
.seminar_vod_wrap .report_vod_wrap .vod_cnts .script_view .go_down{padding:0 20px;margin:0 14px;width:320px;font-size:15px;background-color:#fff;color:#3d3d3d;border:1px solid #d5d7dc}
.seminar_vod_wrap .report_vod_wrap .vod_cnts .script_view .go_down:before{margin-right:8px;background:url("../img/ico_download.png") center center no-repeat;background-size:18px auto}
.seminar_vod_wrap .report_vod_wrap .vod_cnts .script_view .go_down.on,
.seminar_vod_wrap .report_vod_wrap .vod_cnts .script_view .go_down:hover{background-color:#f08200;color:#fff;border-color:#f08200}
.seminar_vod_wrap .report_vod_wrap .vod_cnts .script_view .go_down.on:before,
.seminar_vod_wrap .report_vod_wrap .vod_cnts .script_view .go_down:hover:before{background-image:url("../img/ico_download_on.png")}
.seminar_vod_wrap .report_vod_wrap .vod_cnts .script_view ul.files{display:none;position:absolute;margin-top:10px;top:100%;right:60px;padding:10px;width:240px;border:1px solid #ddd;background-color:#fff;box-shadow:rgba(102, 102, 102, 0.6) 1px 1px 10px;z-index:10}
.seminar_vod_wrap .report_vod_wrap .vod_cnts .script_view ul.files:after{content:"";display:block;position:absolute;bottom:100%;left:50%;margin-left:-13px;width:25px;height:21px;background:url("../img/ico_file_shadow_t.png") center bottom no-repeat}
.seminar_vod_wrap .report_vod_wrap .vod_cnts .script_view ul.files li{display:block}
.seminar_vod_wrap .report_vod_wrap .vod_cnts .script_view ul.files li a{display:block;width:auto;height:auto;line-height:1.4em;padding:5px 10px 5px 20px;border-radius:0;background:none;border:none;color:#000;text-align:left;font-weight:500;font-size:14px;background:url("../img/ico_file.png") 0 8px no-repeat;background-size:14px auto}
.seminar_vod_wrap .report_vod_wrap .vod_cnts .script_view ul.files li a:before{display:none}
.seminar_vod_wrap .report_vod_wrap .vod_cnts .script_view ul.files li a:hover{color:#f08200;background-image:url("../img/ico_file_on.png")}
.seminar_vod_wrap .report_vod_wrap .vod_cnts .script_view ul.files.open{display:block}
.seminar_vod_wrap .report_vod_wrap .vod_cnts .script_view ul.files.open:before{content:'';display:block;position:absolute;left:-43px;top:-50px;width:320px;height:54px}
.seminar_vod_wrap .report_vod_wrap .vod_cnts .script_view .go_ytb{width:290px;margin:0 14px;padding:0;font-size:15px}
.seminar_vod_wrap .vod_title{position:relative;padding:40px 80px 40px 200px;border:1px solid #cecfd3;border-top:0;background:#f5f5f6 url("../img/sub_top_vod.jpg") right bottom no-repeat;background-size:auto 100%}
.seminar_vod_wrap .vod_title .date{position:absolute;top:40px;left:40px;display:block;color:#414141;font-size:26px}
.seminar_vod_wrap .vod_title .date em{display:block;line-height:1em}
.seminar_vod_wrap .vod_title .date strong{display:block;margin:5px 0 2px;font-size:50px;line-height:1em}
.seminar_vod_wrap .vod_title .conts{padding-left:40px;border-left:1px solid #cecfd3}
.seminar_vod_wrap .vod_title .conts > p{font-size:25px;line-height:1.4em}
.seminar_vod_wrap .vod_title .conts .btn_link{margin-top:20px;display:inline-block;width:auto;padding:0 40px;height:45px;line-height:45px;font-size:16px;text-align:center;color:#3d3d3d;border:1px solid #d5d7dc;font-weight:600;border-radius:30px;background-color:#fff;
	transition:background-color 0.2s, color 0.2s;
    -webkit-transition:background-color 0.2s, color 0.2s;
}
.seminar_vod_wrap .vod_title .conts .btn_link:hover{background-color:#f08200;color:#fff;border-color:#f08200;text-decoration:underline}

.period_vod_wrap{margin-top:60px;border-top:5px solid #3d3d3d}
.period_vod_wrap .period_box .month a{border-top:0}
.vod_list_part{position:relative;padding:30px 20px 30px 40px;border-bottom:1px solid #cecfd3;background-color:#f5f5f6;background-size:auto 100%}
.vod_list_part:after{content:'';display:block;clear:both;font-size:0;line-height:0;letter-spacing:0;overflow:hidden}
.vod_list_part:nth-child(even){background-color:#fff}
.vod_list_part .v_left{float:left;width:15%}
.vod_list_part .v_left .date{padding-bottom:30px;padding-left:10px;display:block;color:#414141}
.vod_list_part .v_left .date em{display:block;line-height:1em}
.vod_list_part .v_left .date strong{display:block;margin:5px 0 2px;font-size:40px;line-height:1em}
.vod_list_part .v_left .num{margin-bottom:10px;padding:0 30px;display:inline-block;height:35px;line-height:35px;color:#676767;font-size:14px;border:1px solid #cecfd3;border-radius:20px}
.vod_list_part .v_left .num strong{margin-left:5px;color:#414141;vertical-align:top}
.vod_list_part .v_right{float:right;padding:0 0 20px 20px;width:82%;border-left:1px solid #cecfd3;box-sizing:border-box}
.vod_list_part .v_right .org{display:block;margin-bottom:8px;line-height:1em;font-size:1.5em}
.vod_list_part .v_right p{color:#7c7b75;line-height:1.3em}
.vod_list_part .v_right a{display:block}

.vod_slide_wrap .vod_slide{position:relative}
.vod_slide_wrap .vod_slide .slick-list{margin:0 50px -145px;height:290px;overflow:hidden}
.vod_slide_wrap .vod_slide .slick-track{position:relative;z-index:1;float:left}
.vod_slide_wrap .vod_slide .slick-track:after{content:"";clear:both;display:block}
.vod_slide_wrap .vod_slide .item{position:relative;margin:0 10px;float:left;width:23%}
.vod_slide_wrap .vod_slide .item a{position:relative;display:block;width:92%;max-height:154px;padding:4%;transition:background-color 0.2s;-webkit-transition:background-color 0.2s}
.vod_slide_wrap .vod_slide .item a:after{position:absolute;right:50%;bottom:50%;width:40px;height:40px;margin:0 -20px -20px 0;content:"";clear:both;display:block;z-index:2;background:url("../img/ico_playbtn.png") center center no-repeat;background-size:40px auto}
.vod_slide_wrap .vod_slide .item a span{position:relative;display:block;width:100%;height:100%;border:1px solid #414141;box-sizing:border-box;transition:all 0.2s;-webkit-transition:all 0.2s}
.vod_slide_wrap .vod_slide .item a img{display:block;width:100%;height:100%}
.vod_slide_wrap .vod_slide .item a:hover{background-color:#f08200}
.vod_slide_wrap .vod_slide .item a:hover:after{background-image:url("../img/ico_playbtn_on.png")}
.vod_slide_wrap .vod_slide .item a:hover span{border-color:#f08200}
.vod_slide_wrap .vod_slide .item a:hover span:before{background:none}
.vod_slide_wrap .vod_slide .item .txt{display:none;position:absolute;left:0;top:100%;margin-top:20px;width:274px;background-color:#f08200}
.vod_slide_wrap .vod_slide .item .txt:before{position:absolute;left:30px;top:-20px;width:22px;height:20px;content:"";clear:both;display:block;background:url("../img/ico_box_arrow.png") center center no-repeat}
.vod_slide_wrap .vod_slide .item .txt p{display:-webkit-box;padding:10px 20px 12px;max-height:5.1em;font-size:14px;color:#fff;line-height:1.4em;-webkit-line-clamp:4;-webkit-box-orient:vertical;word-wrap:break-word;overflow:hidden;text-overflow:ellipsis}
.vod_slide_wrap .vod_slide .item.open .txt{display:block;z-index:5}
.vod_slide_wrap .vod_slide button{position:absolute;top:50%;margin-top:-95px;width:50px;height:50px;font-size:0;line-height:0;background:center center no-repeat;background-size:100% auto}
.vod_slide_wrap .vod_slide button.slick-prev{left:0;background-image:url("../img/ico_prev_arrow.png")}
.vod_slide_wrap .vod_slide button.slick-next{right:0;background-image:url("../img/ico_next_arrow.png")}

.confer_gram .day_box{margin-bottom:40px;border:1px solid #ccc}
.confer_gram .day_box dt{padding:24px;background-color:#fafafa;color:#000;font-size:1.4em;font-weight:500;line-height:30px;margin-bottom:-1px;position:relative;z-index:1}
.confer_gram .day_box dd{padding:30px;border-top:1px solid #ccc}
.confer_gram .day_box dd .time{display:block;margin-bottom:4px}
.confer_gram .day_box dd .type{margin:0;color:#000;font-weight:500}
.confer_gram .day_box dd .type span{color:#7c7b75;font-weight:400;padding-left:8px;margin-left:8px;background:url('../img/ico_bar_p15.gif') 0 center no-repeat}
.confer_gram .day_box .session{padding-top:4px}
.confer_gram .day_box .session .t{color:#e37932;font-weight:500;display:block;padding-bottom:6px;line-height:1.4em}
.confer_gram .day_box .session li{font-size:0.87em;position:relative;padding:5px 0 5px 142px;line-height:30px}
.confer_gram .day_box .session li em{display:block;position:absolute;left:0;top:5px;color:#444;font-weight:500}
.confer_gram .day_box .session li strong{display:block;font-weight:500;color:#444}
.confer_gram .day_box .session li span{display:block}
.confer_gram .download_list{border-top:1px solid #c8c8c8;border-bottom:none}
.confer_gram .back_align{border-top:1px solid #c8c8c8}


@media all and ( max-width:720px ){
	#subtop_menu .subtop_guide button .live{margin-left:8px;padding:0 9px;height:18px;line-height:18px;font-size:1.05em}

	.confer_gram{background-color:#fff}
	.confer_gram img{display:block;max-width:100%;margin:0 auto;height:auto}
	.confer_gram .day_box{border:none;margin:0}
	.confer_gram .day_box dt{font-size:15px;padding:10px 15px}
	.confer_gram .day_box dd{padding:15px 0;margin:0 15px;font-size:1.2em}
	.confer_gram .day_box dd .time{color:#1a1a1a;margin-bottom:6px}
	.confer_gram .day_box dd .type{line-height:20px}
	.confer_gram .day_box dd .type span{background-image:none;margin-left:0;padding-left:0;display:block;line-height:1.2em;padding-bottom:6px}
	.confer_gram .day_box .session li{padding:0 0 10px 0}
	.confer_gram .day_box .session li em{position:static;display:block}
	.confer_gram .download_list{padding:0 15px;border-top:none;background-color:#fff}
	.confer_gram .back_align{padding-right:15px;margin-top:-1px}

	/* Seminar List */
	.seminar_live{padding-bottom:0;border-top-width:2px;margin-top:0}
	.seminar_live .top_box{padding:15px 30px 15px 12px}
	.seminar_live .top_box .live{position:static;margin-bottom:10px;padding:0 9px;height:18px;line-height:18px;font-size:1.05em}
	.seminar_live .top_box .title{padding:0}
	.seminar_live .top_box .title span{font-size:12px}
	.seminar_live .top_box .title strong{padding:4px 0 8px 0;font-size:13px;line-height:1.3em}
	.seminar_live .top_box .title em.date{font-size:1em}
	.seminar_live .vod_box{padding-left:0}
	.seminar_live .vod_box .vod{display:block;width:100%}
	.seminar_live .vod_box .btn_v_sub{display:block;width:100%;padding:14px 0 24px 0;text-align:center}
	.seminar_live .vod_box .btn_v_sub li{display:inline-block;vertical-align:top;width:90px;margin:0}
	.seminar_live .vod_box .btn_v_sub li:first-child{width:80px}
	.seminar_live .vod_box .btn_v_sub li a{padding-top:60px;background-size:50px auto;font-size:1em}
	.period_wrap{height:50px}
	.fixed_period{padding-top:50px}
	.period_wrap,
	.fixed_period .period_wrap{height:50px}
	.fixed_period .period_wrap{top:50px;left:0;margin-left:0;width:100%}
	.period_wrap .period_box,
	.fixed_period .period_wrap .period_box{width:100%;margin:0}
	.period_box > strong{width:35%;font-size:12px;line-height:50px}
	.period_box > span.lb_select{width:35%}
	.period_box > span.lb_select label{font-size:14px;line-height:50px}
	.period_box .month{width:30%}
	.period_box .month li{display:none}
	.period_box .month li:first-child{display:block;width:100%}
	.period_box .month a{font-size:11px;padding-top:7px}
	.period_box .month a span{margin-top:4px;font-size:14px}
	.period_list{margin-top:-60px;padding-top:60px}
	.calendar_wrap{margin-top:-50px;padding-top:100px}
	.calendar_wrap:before{height:100px}
	.calendar_wrap .year{padding-bottom:40px}
	.calendar_wrap .year span{padding:0 34px;height:28px;line-height:28px;font-size:16px}
	.calendar_box{margin-bottom:30px;border-top-width:5px}
	.calendar_box .info{padding-left:0}
	.calendar_box .date{position:relative;padding:16px 10px;width:auto;height:auto;float:none}
	.calendar_box .date .month{padding:0 0 2px 0;font-size:15px}
	.calendar_box .date .month span{font-size:12px;padding-bottom:6px}
	.calendar_box .date .month em{display:inline}
	.calendar_box .date .y{padding:0 0 6px 0;font-size:12px}
	.calendar_box .date .register{position:absolute;top:50%;right:12px;left:auto;bottom:auto;margin-top:-13px;margin-left:0;height:26px;line-height:26px;padding:0 20px;font-size:1.05em;z-index:1}
	.calendar_box .date .time{margin:0;padding-left:18px;font-size:12px;line-height:17px}
	.calendar_box .date .time:before{top:2px;width:13px;height:13px;background-size:13px auto}
	.calendar_box .img{float:none;width:auto;height:auto}
	.calendar_box .part{padding:20px 10px;width:auto;float:none}
	.calendar_box .part .txt{width:100%;float:none}
	.calendar_box .part .txt a span{font-size:15px;margin-bottom:6px}
	.calendar_box .part .meeting{margin-top:16px}
	.calendar_box .part .meeting li{padding-left:45px;font-size:1.05em;line-height:1.6em}
	.calendar_box .part .btn_quick{width:100%;float:none;text-align:center;margin-top:16px}
	.calendar_box .part .btn_quick li{margin:0;display:inline-block;vertical-align:top;padding:0 10px;width:auto}
	.calendar_box .part .btn_quick li a{width:auto;height:auto;border-width:0;text-align:center;text-indent:0;line-height:1em}
	.calendar_box .part .btn_quick li span{padding:4px 7px;right:30px;top:3px;font-size:9px;width:auto}
	.calendar_box .part .btn_quick li a:before{background-size:25px auto;width:25px;height:30px;left:0;top:0;position:static;margin:0 auto}
	.no_img.calendar_box .date{padding-bottom:0}
	.no_img.calendar_box .date .month{padding:0}
	.no_img.calendar_box .part{padding:10px 10px 20px}
	.no_img.calendar_box .part .btn_quick{width:100%}
	.no_img.calendar_box .part .txt{width:auto}
	.btn_showmore button{padding:0 25px;height:30px;line-height:30px;font-size:1.05em}

	/* Information */
	.rpt_tab{border:0;box-sizing:border-box;border:solid #cecfd3;border-width:0 1px;border-top:1px solid #000;text-align:center;padding:4px 0 12px 0;font-size:0}
	.rpt_tab:before,
	.rpt_tab li:first-child a:before{display:none}
	.rpt_tab li{width:auto;float:none;display:inline-block;vertical-align:top;border-left:1px solid #cecfd3;box-sizing:border-box;overflow:visible;margin-top:8px}
	.rpt_tab li a{padding:0 8px 0 10px;line-height:1em;font-size:12px;border-width:0;margin:0;font-weight:600}
	.rpt_tab li a:hover,
	.rpt_tab li a.on{background:none;color:#fa951e}
	.rpt_tab li:first-child{border-left:0}
	.rpt_tab li:first-child a.on{border-color:#414141}
	.rpt_tab.type2 li{border-left:none;}
	.rpt_tab.type2 li:first-child a:before{display:block}
	.rpt_tab.type2 li a:before{top:-10px;}
	.download_list{padding:10px 0;width:100%}
	.download_list .down_add{margin-top:-18px;width:30px;height:37px;background-size:auto 100%}
	.download_list .add_lst li{margin:5px 0}
	.download_list .add_lst li a{padding-left:18px;background-size:10px auto}
	.seminar_view .top_title dl dt{line-height:35px;padding:0 15px}
	.seminar_view .top_title dl dd{padding:20px 20px 30px}
	.seminar_view .top_title dl dd .data{font-size:1.05em}
	.seminar_view .repoart_contents{padding:30px 0 0}
	.seminar_info .cnts_left{float:none;width:100%}
	.seminar_info .cnts_left .summary{height:30px;line-height:30px;font-size:12px}
	.seminar_info .cnts_left ul{padding:20px}
	.seminar_info .cnts_left ul li{margin-top:15px;padding-left:66px;line-height:1.5em}
	.seminar_info .cnts_left ul li .map{padding-right:40px}
	.seminar_info .cnts_left ul li .map:after{margin-top:-15px;width:30px;height:30px;background-size:auto 100%}
	.seminar_info .cnts_left > a{font-size:14px;line-height:40px;border-radius:20px;margin-top:10px}
	.seminar_info .semi_speaks{padding-bottom:25px}
	.seminar_info .semi_speaks .hm{padding-bottom:0;width:48%;margin-right:4%;border-bottom:0}
	.seminar_info .semi_speaks .hm.rig{margin-right:0}
	.seminar_info.summ .cnts_left{width:auto}
	.seminar_info.summ .cnts_left ul{padding-bottom:25px}
	.seminar_info.summ .download_list{width:auto}

	/* Program */
	.pro_timetable{padding:0}
	.pro_timetable dl dt{padding-left:40px;margin:25px 0;font-size:15px;line-height:25px;background-size:25px auto}
	.pro_timetable dl dt strong{margin-right:5px}
	.pro_timetable dl dd{padding-left:85px}
	.pro_timetable dl dd > em{margin-top:-7px;width:85px;font-size:1.05em}
	.pro_timetable dl dd ul li{padding:8px 10px;line-height:1.5em}
	.pro_timetable dl dd ul li > strong{font-size:12px}
	.pro_timetable dl dd ul li > span{position:static;margin-bottom:8px;font-size:1.05em}
	.pro_timetable dl dd ul li > em{padding:0;font-size:1.05em}
	.pro_timetable dl dd ul.thr{padding-left:0}
	.pro_timetable dl dd ul.thr li > span{margin-bottom:2px;font-size:1.05em} 
	.pro_timetable dl dd ul.thr li > em{padding:0} 
	.pro_timetable .btn_file{position:static;margin-top:15px}
	.pro_timetable .btn_file .btn{margin-left:5px;width:25px;height:25px}
	.pro_timetable .btn_file .btn button{background-size:auto 100%}
	.pro_timetable .btn_file .btn span{top:30px;margin-left:-30px;padding:4px 0;width:60px;font-size:11px;line-height:1.4em}
	.pro_timetable .btn_file .btn.p span{margin-left:-30px;width:60px}

	/* Presentaition */
	.seminar_view .board_list_wrap .board_list li{padding:25px 0}
	.seminar_view .board_list_wrap .board_list li > a{padding-right:80px}
	.seminar_view .board_list_wrap .board_list li .data{margin-top:15px}
	.seminar_view .board_list_wrap .board_list .files{width:auto;height:30px;margin-top:-35px;text-align:right}
	.seminar_view .board_list_wrap .board_list .files .fils_list{margin-right:0;margin-top:-32px}
	.seminar_view .board_list_wrap .board_list .files .btn_file{width:30px;background-size:30px auto}
	.seminar_view .board_list_wrap .board_list .files .btn_vod{margin-left:6px;width:30px;height:30px;background-size:30px auto}
	.seminar_view .board_list_wrap .board_list .files .btn_vod.open span{display:none}
	.seminar_view .board_list_wrap .board_list li .data span{display:inline-block;padding-left:8px;margin-left:8px;line-height:1.2em;border-left:1px solid #cecfd3;vertical-align:top}
	.seminar_view .board_list_wrap .board_list li .data span:first-child {padding-left:0;margin-left:0;border-left:none}
	.seminar_view .view_title{margin:-30px 0 30px;padding:20px}
	.seminar_view .view_title strong{font-size:1.5em;line-height:1.4em}
	.seminar_view .view_title .data{margin-top:15px}
	.seminar_view .view_title .data span{padding-left:8px;margin-left:8px;line-height:1.2em}

	/* Photo */
	.photo_list_wrap{padding:20px 0 0}
	.photo_list_wrap .photo_list{display:table;}
	.photo_list_wrap .photo_list li{float:none;height:auto;display:inline-table;}
	.photo_list_wrap .photo_list li button{display:table-cell;}
	.photo_list_wrap .photo_list li img{display:table-cell;}

	/* Seminar Vod */
	.seminar_vod_wrap{margin-top:30px}
	.seminar_vod_wrap .report_vod_wrap{padding-right:0;padding-top:40px;margin-top:-40px;min-height:auto}
	.seminar_vod_wrap .report_vod_wrap .vod_list{position:static;width:auto}
	.seminar_vod_wrap .report_vod_wrap .vod_list_top .vod_num{height:40px;line-height:40px;font-size:12px}
	.seminar_vod_wrap .report_vod_wrap .vod_list_top .vod_num em{margin-left:5px;width:20px;height:20px;font-size:10px;line-height:20px;vertical-align:middle}
	.seminar_vod_wrap .report_vod_wrap .vod_cnts .tit{margin:20px 0;min-height:auto}
	.seminar_vod_wrap .report_vod_wrap .vod_cnts .tit .na{margin-top:10px}
	.seminar_vod_wrap .report_vod_wrap .vod_cnts .script_view .go_down{margin-top:10px;width:240px;font-size:1.05em}
	.seminar_vod_wrap .report_vod_wrap .vod_cnts .script_view .go_down:before{margin-right:4px;background-size:11px auto}
	.seminar_vod_wrap .report_vod_wrap .vod_cnts .script_view ul.files{right:50%;margin-right:-120px;width:220px}
	.seminar_vod_wrap .report_vod_wrap .vod_cnts .script_view ul.files:after{width:20px;height:20px;margin-left:-10px;background-size:100% auto}
	.seminar_vod_wrap .report_vod_wrap .vod_cnts .script_view ul.files li a{font-size:12px;background-size:10px auto}
	.seminar_vod_wrap .report_vod_wrap .vod_cnts .script_view ul.files.open:before{display:none}
	.seminar_vod_wrap .report_vod_wrap .vod_cnts .script_view .go_ytb{width:240px;font-size:1.05em}
	.seminar_vod_wrap .report_vod_wrap .vod_list_box{padding:20px 0 20px 15px}
	.seminar_vod_wrap .report_vod_wrap .vod_list_box li .img{padding:5px;width:110px;height:65px}
	.seminar_vod_wrap .report_vod_wrap .vod_list_box li p{margin:5px 0 5px 5px;font-size:1.05em}
	.seminar_vod_wrap .vod_title{padding:20px 14px 20px 90px}
	.seminar_vod_wrap .vod_title .date{top:25px;left:14px;font-size:13px}
	.seminar_vod_wrap .vod_title .date em{line-height:1em}
	.seminar_vod_wrap .vod_title .date strong{margin:5px 0 2px;font-size:25px}
	.seminar_vod_wrap .vod_title .conts{padding-left:10px}
	.seminar_vod_wrap .vod_title .conts > p{font-size:1.4em;line-height:1.2em}
	.seminar_vod_wrap .vod_title .conts .btn_link{margin-top:24px;padding:0 20px;height:30px;line-height:30px;font-size:1em}
	.period_vod_wrap{margin-top:30px}
	.vod_list_part{padding:20px 10px}
	.vod_list_part .v_left{width:75px}
	.vod_list_part .v_left .date{padding-bottom:12px;font-size:13px;padding-left:4px}
	.vod_list_part .v_left .date strong{font-size:25px}
	.vod_list_part .v_left .num{margin-bottom:5px;padding:0 10px;height:20px;line-height:20px;font-size:12px}
	.vod_list_part .v_left .num strong{margin-left:3px;font-size:1.05em}
	.vod_list_part .v_right{padding:0 0 10px 14px;width:70%;min-height:90px}
	.vod_list_part .v_right .org{margin-bottom:10px;line-height:1.1em}
	.vod_list_part .v_right p{display:none}
	.vod_list_part .v_right.vod_slide_wrap{float:none;width:100%;padding:20px 0 0;clear:both;border:0;clear:both}
	.vod_slide_wrap .vod_slide .slick-list{height:auto;margin-bottom:0}
	.vod_slide_wrap .vod_slide button{margin-top:-17px;width:34px;height:34px;background-size:34px auto}
	.vod_slide_wrap .vod_slide .item a{width:94%;padding:3%;max-height:100%}
	.vod_slide_wrap .vod_slide .item a:hover{background:none}
	.vod_slide_wrap .vod_slide .item a:hover span{border-width:0}
	.vod_slide_wrap .vod_slide .item .txt{display:block;position:static;margin-top:2px;background:none;width:auto}
	.vod_slide_wrap .vod_slide .item .txt p{color:#000;font-size:12px;padding:0 10px;height:42px;overflow:hidden;line-height:1.2em}
	.vod_slide_wrap .vod_slide .item .txt:before{display:none}
	.vod_slide_wrap .vod_slide .item a span:before{display:none}
}