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

.main_contents{margin-bottom:150px;overflow-x:hidden;margin-top:-40px}
.main_contents h3{text-align:center;line-height:1em;font-size:42px;font-weight:700;margin:50px 0 20px 0}
.main_top-wrap{position:relative;background-color:#f4f4f4}
.main_video{position:relative;z-index:2}
.main_video .top_sign{position:absolute;left:0;top:0;width:100%;z-index:1}
.main_video .top_sign:after{content:'';display:block;width:100%;height:100%;position:absolute;left:0;top:0;background-color:#000;opacity:0.5}
.main_video .top_sign .sign_item{position:relative;max-width:1200px;margin:0 auto;z-index:1}
.main_video .top_sign .sign_item a{display:block;padding-left:180px;padding-right:20px;height:60px;position:relative;z-index:1}
.main_video .top_sign .sign_item a em{display:block;text-align:center;width:180px;position:absolute;left:0;top:0}
.main_video .top_sign .sign_item a em span{display:inline-block;vertical-align:top;background-color:#ff0012;color:#fff;font-size:16px;font-weight:500;line-height:26px;padding:0 20px;margin-top:17px;border-radius:13px}
.main_video .top_sign .sign_item a p{display:inline-block;vertical-align:top;color:#fff;padding-right:20px;margin-top:18px;min-height:26px}
.main_video .top_sign .sign_item a p.mv{padding-right:40px;background:url('../img/ico_sm-vod.png') right center no-repeat}
.main_video .vod_sign{padding-top:60px;overflow:hidden;display:none}
.main_video .vod_wrap{background-color:#000}
.main_video .vod_wrap .guide_center{padding:46px 0 30px 0}
.main_video .vod_wrap .guide_center:after{content:'';display:block;clear:both;font-size:0;line-height:0;letter-spacing:0;overflow:hidden}
.main_video .vod_wrap .close{position:absolute;right:0;top:5px;width:36px;height:36px;background:url('../img/ico_main-close.png') center center no-repeat;background-size:26px auto;text-indent:-99999em;overflow:hidden}
.main_video .vod_wrap .mv_utb{float:left;width:68%;height:444px}
.main_video .vod_wrap .mv_utb iframe{width:100%;height:100%}
.main_video .vod_wrap .mv_list{float:right;width:30%}
.main_video .vod_wrap .mv_list *{color:#fff}
.main_video .vod_wrap .mv_list .lb_check label{font-size:13px}
.main_video .vod_wrap .up_lst{border-bottom:1px solid #414141}
.main_video .vod_wrap .up_lst li{border-top:1px solid #414141;box-sizing:border-box}
.main_video .vod_wrap .up_lst li a{text-align:left;padding:9px 14px;display:block}
.main_video .vod_wrap .up_lst li a em{display:block;color:#f08200;font-size:14px;font-weight:600}
.main_video .vod_wrap .up_lst li a p{font-weight:500;font-size:14px;line-height:1.5em;height:44px;overflow:hidden}
.main_video .vod_wrap .up_lst li.on,
.main_video .vod_wrap .up_lst li:hover{border:1px solid #e27a00}
.main_video .vod_wrap .up_lst li.on a,
.main_video .vod_wrap .up_lst li:hover a{padding:9px 13px 8px 13px}
.main_video .vod_wrap .link_lst{font-size:0;text-align:center;margin:16px 0 0 0}
.main_video .vod_wrap .link_lst:after{content:"";display:block;clear:both}
.main_video .vod_wrap .link_lst li{display:inline-block;vertical-align:top;width:31%;margin-left:3%;height:50px;position:relative}
.main_video .vod_wrap .link_lst li:first-child{margin-left:0}
.main_video .vod_wrap .link_lst li:after{content:'';;display:block;width:18px;height:18px;background:url('../img/ico_main-link.png') center center no-repeat;background-size:16px auto;position:absolute;right:8%;top:50%;margin-top:-9px}
.main_video .vod_wrap .link_lst li a{display:block;width:100%;height:100%;background-color:#414141;border:1px solid #414141;font-size:11px;font-weight:700;text-align:left;box-sizing:border-box}
.main_video .vod_wrap .link_lst li a span{display:block;margin:10px 30px 10px 10px;line-height:1.3em;height:28px;overflow:hidden}
.main_video .vod_wrap .link_lst li a:hover{background-color:#e27a00}
.main_video .vod_wrap .check_box .lb_check{margin:10px 10px 0 3px}
.main_video .vod_wrap .check_box .lb_check label{line-height:22px;font-size:12px;padding-left:30px}
.main_video .vod_wrap .check_box .lb_check label:before{width:20px;height:20px}
.main_video .vod_wrap.vod_type2 .mv_list{position:Relative;margin-right:0;padding-top:50px;text-align:left}
.main_video .vod_wrap.vod_type2 .mv_list .link_lst{position:static;right:0;bottom:100%;margin:0;text-align:left}
.main_video .vod_wrap.vod_type2 .mv_list .link_lst li{display:block;width:auto}
.main_video .vod_wrap.vod_type2 .mv_list button{display:block;margin:20px auto 0;width:140px;height:50px;background-color:#3d3d3d;color:#fff;font-size:16px}
.main_video .vod_wrap.vod_type2 .mv_list button:hover{background-color:#e27a00}
.main_video .vod_wrap.vod_type2 .check_box{margin-top:40px;text-align:left}
.main_visual{position:relative;z-index:1}
.main_visual .key_sign{position:relative}
.main_visual .key_sign > img{width:100%;height:auto}
.main_visual .key_sign > .key_m{display:none}
.main_visual .key_sign .title_txt{position:absolute;right:0;display:block;width:600px;padding:40px 80px 40px 40px;bottom:10%}
.main_visual .key_sign .title_txt:after{content:'';display:block;width:100%;height:100%;position:absolute;left:0;top:0;background-color:#e27a00;opacity:0.9}
.main_visual .key_sign .title_txt *{display:block;position:relative;z-index:1;line-height:1.1em}
.main_visual .key_sign .title_txt em{font-size:22px;font-weight:700;padding-bottom:20px}
.main_visual .key_sign .title_txt strong{color:#fff;font-size:32px}
.main_visual .key_sign .title_txt span{padding-top:20px}
.main_visual .key_sign .title_txt:hover strong{text-decoration:underline}
.main_visual .banner_sign{font-size:0;text-align:center;padding:50px 0}
.main_visual .banner_sign:after{content:"";display:block;clear:both}
.main_visual .banner_sign .bnr_item{float:left;display:block;vertical-align:top;position:relative;border:solid #d5d7dc;border-width:1px 1px 1px 0;background-color:#fff;box-sizing:border-box;width:33.3%;height:258px;padding:38px 28px}
.main_visual .banner_sign .bnr_item .img{display:none}
.main_visual .banner_sign .bnr_item:first-child{border-left-width:1px}
.main_visual .banner_sign .bnr_item *{display:block;color:#77797e;font-size:18px;text-align:left;line-height:1em}
.main_visual .banner_sign .bnr_item em{font-weight:700;margin-bottom:16px}
.main_visual .banner_sign .bnr_item strong{color:#000;font-size:22px;line-height:1.2em;height:108px;overflow:hidden}
.main_visual .banner_sign .bnr_item span{position:absolute;left:28px;bottom:38px}
.main_visual .banner_sign .bnr_item.on,
.main_visual .banner_sign .bnr_item:hover{background-color:#e27a00}
.main_visual .banner_sign .bnr_item.on *,
.main_visual .banner_sign .bnr_item:hover *{color:#000}
.main_visual .banner_sign .bnr_item.on:before,
.main_visual .banner_sign .bnr_item.on:after,
.main_visual .banner_sign .bnr_item:hover:before,
.main_visual .banner_sign .bnr_item:hover:after {display:block;position:absolute;right:0;bottom:0}
.main_visual .banner_sign .bnr_item.on:before,
.main_visual .banner_sign .bnr_item:hover:before{content:'';border-bottom:80px solid #000;border-left:80px solid #e27a00}
.main_visual .banner_sign .bnr_item.on:after,
.main_visual .banner_sign .bnr_item:hover:after {content:'+';color:#fff;font-weight:700;text-align:center;line-height:54px;font-size:40px;width:48px;font-family:"Malgun Gothic"}
.main_visual .banner_sign .bnr_item.on strong,
.main_visual .banner_sign .bnr_item:hover strong{color:#fff;text-decoration:underline}
.main_outlook{margin-bottom:50px}
.main_outlook .card_box{margin:0 auto;max-width:1200px;text-align:center}
.main_outlook .card_box:after{content:"";display:block;clear:both}
.main_outlook .card_item{float:left;display:block;vertical-align:top;margin-left:2%;width:23.3%;border:1px solid #d5d7dc}
.main_outlook .card_item:first-child{margin-left:0}
.main_outlook .card_item a{display:block;position:relative;width:100%;height:340px;padding:20px 0;
	-webkit-transition:background-color 0.1s cubic-bezier(0.75,0.1,0.25,1), box-shadow 0.2s;
			transition:background-color 0.1s cubic-bezier(0.75,0.1,0.25,1), box-shadow 0.2s;
}
.main_outlook .card_item .img{border:1px solid #d5d7dc;margin:0 20px}
.main_outlook .card_item .img img{display:block;width:100%}
.main_outlook .card_item strong{display:block;height:55px;font-size:20px;line-height:1.3em;margin:20px 20px 0;overflow:hidden}
.main_outlook .card_item em{display:block;color:#f08200;font-weight:500;font-size:18px;height:48px;overflow:hidden}
.main_outlook .card_item em:before{content:'';display:block;width:45px;height:4px;background-color:#f08200;margin:10px auto}
.main_outlook .card_item span{color:#929292;display:block;width:100%;position:absolute;left:0;bottom:30px}
.main_outlook .card_item a:hover{background-color:#000}
.main_outlook .card_item a:hover strong{color:#fff}
.main_outlook .card_item.vod{border:none}
.main_outlook .card_item.vod .img{position:relative}
.main_outlook .card_item.vod .img:after{content:"";display:block;position:absolute;left:0;top:0;width:100%;height:100%;background:url("../img/ico_playbtn.png") center center no-repeat;opacity:0.7;z-index:2}
.main_outlook .card_item.vod strong{height:40px}
.main_outlook .card_item.vod em:before{display:none}
.main_outlook .card_item.vod a{border:1px solid #d0d0d0;background-color:#eee}
.main_outlook .card_item.vod a:after{content:'';display:block;width:100%;height:54px;background:url("../img/ico_vod.png") center bottom no-repeat;z-index:2}
.main_outlook .card_item.vod a:hover{background-color:#eee;border-color:#f08200;box-shadow:3px 3px 5px rgba(0,0,0,0.1)}
.main_outlook .card_item.vod a:hover strong{color:#000}
.main_event{background-color:#f4f4f4}
.main_event .event_slide{position:relative}
.main_event .event_slide .slick-dots{text-align:center;font-size:0;clear:both}
.main_event .event_slide .slick-dots li{display:inline-block;vertical-align:top;width:20px;height:20px;margin-left:12px}
.main_event .event_slide .slick-dots li:first-child{margin-left:0}
.main_event .event_slide .slick-dots li button{display:block;width:100%;height:100%;background-color:#808080;border-radius:12px;text-indent:-99999em;overflow:hidden}
.main_event .event_slide .slick-dots li button:hover,
.main_event .event_slide .slick-dots li.slick-active button{background-color:#f08200}
.main_event .event_slide .slick-arrow{display:block;position:absolute;top:0;width:110px;height:360px;background-repeat:no-repeat;background-size:40px auto;text-indent:-99999em;overflow:hidden;z-index:1;opacity:1;transition:opacity 0.2s;-webkit-transition:opacity 0.2s}
.main_event .event_slide .slick-arrow.slick-disabled{opacity:0;cursor:default}
.main_event .event_slide .slick-prev{left:-140px;background-image:url('../img/arw_main-prev.png');background-position:right center}
.main_event .event_slide .slick-next{right:-140px;background-image:url('../img/arw_main-next.png');background-position:left center}
.main_event .slide_wrap{position:relative}
.main_event .slide_wrap:after{content:'';display:block;clear:both;font-size:0;line-height:0;letter-spacing:0;overflow:hidden}
.main_event .slick-list{float:left;overflow:hidden;width:100%;background-color:#000;margin-bottom:44px}
.main_event .slick-track{position:relative}
.main_event .slide_item{position:relative;float:left;width:100%}
.main_event .slide_item .all{display:block}
.main_event .slide_item .all img{display:block;width:100%;height:auto}
.main_event .slide_item .all img.m{display:none}
.main_event .slide_item .link{position:absolute;right:10%;bottom:15%;z-index:1;width:30%;height:38%}
.main_event .slide_item .link a{position:absolute;left:0;top:56%;display:block;width:100%;height:60px;text-indent:-99999em;overflow:hidden;background-color:#fff;opacity:0}
.main_event .slide_item .link a.cast{top:0}
.main_event .event_card{padding:40px 0;font-size:0;text-align:center}
.main_event .event_card:after{content:'';display:block;clear:both;font-size:0;line-height:0;letter-spacing:0;overflow:hidden}
.main_event .evt_item{position:relative;display:block;float:right;margin-right:3%;width:46%;padding:30px;vertical-align:top;border:1px solid #d5d7dc;background-color:#fff;box-sizing:border-box;text-align:left}
.main_event .evt_item:after{content:'';display:block;clear:both;font-size:0;line-height:0;letter-spacing:0;overflow:hidden}
.main_event .evt_item:first-child{float:left;margin-right:0;margin-left:3%}
.main_event .evt_item .img{float:left;width:120px;position:relative;padding:0 15px 15px 15px}
.main_event .evt_item .img.rpt:after{content:'';display:block;width:100%;height:30px;background-color:#e27a00;position:absolute;left:0;bottom:0}
.main_event .evt_item .img img{border:1px solid #d5d7dc;display:block;width:100%;position:relative;z-index:1;box-sizing:border-box}
.main_event .evt_item .title{float:left;padding-left:24px;width:57%;height:200px}
.main_event .evt_item .title *{display:block}
.main_event .evt_item .title em{color:#f08200;font-size:18px;line-height:1em;font-weight:700}
.main_event .evt_item .title strong{font-weight:500;font-size:22px;line-height:1.2em;margin:10px 0;max-height:55px;overflow:hidden}
.main_event .evt_item .title span{font-size:16px;color:#929292;line-height:1em}
.main_event .evt_item .title a{position:absolute;right:30px;bottom:30px;width:170px;background-color:#f08200;color:#fff;line-height:44px;text-align:center;font-weight:500}
.main_event .evt_item .title a:hover{text-decoration:underline}
.main_event .evt_item .title a.bg{background-color:transparent;border:1px solid #808080;box-sizing:border-box;color:#77797e}
.main_report .board_list_wrap .board_list{margin-bottom:0}
.main_report .board_list_wrap .board_list.left_img li{padding:40px 0 40px 290px}
.main_report .board_list_wrap .board_list.left_img li > a:after{display:none}
.main_report .board_list_wrap .board_list.left_img li .data{position:static;margin-top:20px}
.main_report .board_list_wrap .board_list.left_img li strong{min-height:auto;max-height:80px;overflow:hidden}

@media all and ( max-width:1200px ){
	.main_event .slide_item .link a{height:55px}
}

@media all and ( max-width:1100px ){
	.main_event .slide_item .link a{height:50px}
}

@media all and ( max-width:720px ){
	.main_contents{margin-bottom:60px;margin-top:0}
	.main_contents h3{font-size:28px;margin:25px 0 15px 0}
	.main_video .top_sign:after{height:44px}
	.main_video .top_sign .sign_item a{padding-left:90px;padding-right:15px;height:44px}
	.main_video .top_sign .sign_item a em{width:60px;left:15px}
	.main_video .top_sign .sign_item a em span{line-height:18px;font-size:10px;padding:0 10px;border-radius:9px;margin-top:13px}
	.main_video .top_sign .sign_item a p{font-weight:700;overflow:hidden;height:30px;margin-top:6px}
	.main_video .top_sign .sign_item a p.mv{background-size:13px auto;padding-right:20px}
	.main_visual .key_sign .title_txt{position:relative;width:auto;padding:20px 15px}
	.main_visual .key_sign .title_txt em{font-size:12px;padding-bottom:10px}
	.main_visual .key_sign .title_txt span{font-size:12px;padding-top:14px}
	.main_visual .key_sign .title_txt strong{font-size:20px}
	.main_visual .key_sign > .key_w{display:none}	
	.main_visual .key_sign > .key_m{display:block}
	.main_video .vod_sign{padding-top:44px}
	.main_video .vod_wrap .guide_center{margin:0;padding:40px 0 20px 0}
	.main_video .vod_wrap .close{width:30px;height:40px;top:0;right:10px;background-size:20px auto}
	.main_video .vod_wrap .mv_utb{float:none;width:auto;height:212px;margin-bottom:18px}
	.main_video .vod_wrap .mv_list{float:none;width:auto;margin:0 15px}
	.main_video .vod_wrap .up_lst li a em{font-size:12px}
	.main_video .vod_wrap .up_lst li a p{font-size:12px;height:38px}
	.main_video .vod_wrap .check_box{margin-top:10px}
	.main_video .vod_wrap .check_box .lb_check{margin:5px 10px 0 0;display:inline-block;vertical-align:top}
	.main_video .vod_wrap .link_lst li{height:46px}
	.main_video .vod_wrap .link_lst li a{font-size:10px}
	.main_video .vod_wrap .link_lst li a span{margin:8px 24px 8px 6px}
	.main_video .vod_wrap .link_lst li:after{right:2px}
	.main_video .vod_wrap .check_box .lb_check{margin:4px 4px 0 4px}
	.main_video .vod_wrap .check_box .lb_check label{line-height:18px;padding-left:24px;font-size:10px}
	.main_video .vod_wrap .check_box .lb_check label:before{width:16px;height:16px}
	.main_video .vod_wrap.vod_type2 .check_box{margin-top:20px}
	.main_video .vod_wrap.vod_type2 .mv_list{padding-top:20px}
	.main_video .vod_wrap.vod_type2 .link_lst li{width:50%}
	.main_video .vod_wrap.vod_type2 .mv_list button{display:block;margin:15px auto 0;height:30px;font-size:12px}
	.main_event .event_card{padding:25px 15px}
	.main_event .evt_item{width:100%;margin:0;padding:20px}
	.main_event .evt_item:first-child{margin-bottom:15px;margin-left:0}
	.main_event .evt_item .img{width:74px;padding:0 8px 8px 8px;position:absolute;left:20px;top:20px}
	.main_event .evt_item .title{float:none;display:block;width:auto;padding-left:104px;min-height:120px;height:auto;text-align:right}
	.main_event .evt_item .title em{font-size:12px;text-align:left}
	.main_event .evt_item .title strong{font-size:14px;text-align:left}
	.main_event .evt_item .title span{font-size:11px;text-align:left}
	.main_event .evt_item .title a{position:static;width:100px;line-height:30px;font-size:11px;margin-top:14px;display:inline-block;vertical-align:top}
	.main_event .slide_item .all img.w{display:none}
	.main_event .slide_item .all img.m{display:block}
	.main_event .slide_item .link{right:18%;bottom:8%;width:68%;height:11%}
	.main_event .slide_item .link a{right:0;width:49%;height:60px;left:auto;top:0}
	.main_event .slide_item .link a.cast{left:0;right:auto;margin:0}
	.main_event .slick-list{margin-bottom:20px}
	.main_event .event_slide .slick-arrow{height:68%;width:48px;background-size:20px auto}
	.main_event .event_slide .slick-next{right:0;background-image:url("../img/arw_main-next_wh.png");background-position:center center}
	.main_event .event_slide .slick-prev{left:0;background-image:url("../img/arw_main-prev_wh.png");background-position:center center}
	.main_event .event_slide .slick-dots li{width:12px;height:12px;border-radius:6px;margin-left:8px}
	.main_visual .banner_sign{padding:30px 20px}
	.main_visual .banner_sign .bnr_item{width:100%;display:block;border-width:1px;padding:18px 14px 18px 150px;height:auto;border-top-width:0;position:relative}
	.main_visual .banner_sign .bnr_item .img{display:block;width:120px;height:79px;position:absolute;left:14px;top:18px;border:1px solid #d5d7dc;overflow:hidden}
	.main_visual .banner_sign .bnr_item .img img{display:block;width:100%;height:auto}
	.main_visual .banner_sign .bnr_item:first-child{border-top-width:1px}
	.main_visual .banner_sign .bnr_item *{font-size:11px}
	.main_visual .banner_sign .bnr_item strong{font-size:14px;line-height:1.2em;height:auto;overflow:visible;min-height:34px}
	.main_visual .banner_sign .bnr_item span{position:static;margin-top:10px}
	.main_visual .banner_sign .bnr_item em{margin-bottom:12px;color:#f08200;font-weight:600}
	.main_visual .banner_sign .bnr_item.on,
	.main_visual .banner_sign .bnr_item:hover{background-color:#fff}
	.main_visual .banner_sign .bnr_item.on:before,
	.main_visual .banner_sign .bnr_item:hover:before{display:none;border-bottom-width:40px;border-left-width:40px}
	.main_visual .banner_sign .bnr_item.on:after,
	.main_visual .banner_sign .bnr_item:hover:after{display:none;width:24px;font-size:20px;line-height:28px}
	.main_visual .banner_sign .bnr_item.on strong,
	.main_visual .banner_sign .bnr_item:hover strong{color:#000;text-decoration:none}
	.main_visual .banner_sign .bnr_item.on em, 
	.main_visual .banner_sign .bnr_item:hover em{color:#f08200}
	.main_visual .banner_sign .bnr_item.on span, 
	.main_visual .banner_sign .bnr_item:hover span{color:#77797e}
	.main_outlook{margin-bottom:16px}
	.main_outlook .card_box{margin:0 15px;width:auto}
	.main_outlook .card_item{width:100%;margin-left:0;margin-bottom:10px}
	.main_outlook .card_item a{width:auto;height:auto;position:relative;padding:15px 10px 15px 152px;min-height:82px}
	.main_outlook .card_item .img{margin:0;position:absolute;left:15px;top:15px;width:120px}
	.main_outlook .card_item strong{margin-top:0;font-size:14px;line-height:1.2em;min-height:0;max-height:32px}
	.main_outlook .card_item em{font-size:14px}
	.main_outlook .card_item em:before{width:22px;height:2px;margin-top:8px;margin-bottom:6px}
	.main_outlook .card_item span{position:static;width:auto;padding-top:10px;line-height:1em}
	.main_outlook .card_item.vod .img{position:absolute}
	.main_outlook .card_item.vod .img:after{background-size:30px auto}
	.main_outlook .card_item.vod em{padding-top:10px;height:34px}
	.main_outlook .card_item.vod strong{height:auto}
	.main_outlook .card_item.vod a:after{height:32px;background-size:24px auto}
	.main_report{margin:0 15px}
	.main_report .board_list_wrap .board_list li em{margin-top:0}
	.main_report .board_list_wrap .board_list.left_img li{padding:25px 0;min-height:auto}
	.main_report .board_list_wrap .board_list.left_img li .img{left:0}
	.main_report .board_list_wrap .board_list.left_img li strong{max-height:none}
	.main_report .board_list_wrap .board_list.left_img li .data{margin-top:10px}
}

@media all and ( max-width:600px ){
	.main_event .slide_item .link a{height:50px}
}
@media all and ( max-width:500px ){
	.main_event .slide_item .link a{height:42px}
}
@media all and ( max-width:400px ){
	.main_event .slide_item .link a{height:32px}
}