/* 미디어 센터 공통 스타일 */
.media_top{position: relative;background: url("/Images/media/mediacenter_top_bg.jpg") no-repeat center 0;background-size: cover;height: 315px;min-height: auto;margin-bottom: inherit;}
.media_top h2{font-size: 48px;text-align: center;font-weight: 100;color: #fff;position: relative;top: 197px;line-height: 1;}
.media_center_tab{border-top: 1px solid #d7d7d7;border-bottom: 1px solid #d7d7d7;width: 100%;position: relative;margin-bottom: 75px;}
.media_center_tab ul{max-width: 960px;margin: 0 auto;}
.media_center_tab ul li{float: left;width: 50%;text-align: center;position: relative;}
.media_center_tab ul li:before{content: '';position: absolute;left: 0;top: 50%;margin-top: -10px;width: 1px ;height: 20px;background:#d7d7d7;}
.media_center_tab ul li:first-child:before{display: none;}
.media_center_tab ul li a{display: block;height: 58px;line-height: 57px;font-size: 16px;color: #333333;position: relative;}
.media_center_tab ul li a:hover, .media_center_tab ul li a.active{color: #ff4311;/*font-weight: 700;*/}
.media_center_tab ul li a:before{content: '';position: absolute;left: 0;bottom: -1px;width: 100%;height: 2px;background: #ff4311;opacity: 0;filter: alpha(opacity=0);-webkit-transition: all 0.2s ease-out;-moz-transition: all 0.2s ease-out;-o-transition: all 0.2s ease-out;transition: all 0.2s ease-out;}
.media_center_tab ul li a:hover:before, .media_center_tab ul li a.active:before{opacity: 1;filter: alpha(opacity=100);}
.content{max-width: 960px;margin: 0 auto 100px;padding-bottom: 100px;height: 100%}
/*공통_검색*/
.search_area{position: relative;width: 100%;}
.search_area .search_inner{float: right;width: 190px;height: 30px;-webkit-box-sizing: border-box;-moz-box-sizing: border-box;box-sizing: border-box;/*padding: 6px 5px; border: 1px solid #d7d7d7;*/}
.search_area .search_box{width: 160px;height: 30px;font-size: 12px;-webkit-box-sizing: border-box;-moz-box-sizing: border-box;box-sizing: border-box;float: left;border: 1px solid #d7d7d7;border-right: 0;padding: 0 5px;}
.search_area .btn_search{background: url("/Images/media/ico_search.png") no-repeat center ;cursor: pointer;width: 30px;height: 30px;padding: 6px;border: 1px solid #d7d7d7;border-left: 0;float: left;-webkit-box-sizing: border-box;-moz-box-sizing: border-box;box-sizing: border-box;}
/*공통_더보기*/
.btn_more{margin: 40px auto;text-align: center;}
.btn_more a{margin: 0 auto;display: block;width: 170px;height: 50px;border: 1px solid #929292;-webkit-border-radius: 50px;-moz-border-radius: 50px;border-radius: 50px;-webkit-box-sizing: border-box;-moz-box-sizing: border-box;box-sizing: border-box;font-size: 16px;line-height: 49px;font-weight: 500;}
.btn_more a span{color: #999999;font-size: 20px;font-weight: 700;vertical-align: middle;margin-left: 5px;-webkit-transition: all 0.2s ease-out;-moz-transition: all 0.2s ease-out;-o-transition: all 0.2s ease-out;transition: all 0.2s ease-out;}
.btn_more a:hover{color: #fff;border-color: #ff4311;background: #ff4311}
.btn_more a:hover span{color: #fff;}
/* =============== 공지사항_notice =============== */
.notice{min-height: 100vh;height: 100%}
.notice #footer{position:absolute;bottom:0;left:0;right:0;}
.notice .notice_content{padding-bottom: 350px;margin: 0 auto}
.notice .notice_content .notice_list{margin-top: 15px}
.notice table.table_area{border-top: 2px solid #414141;}
.notice table.table_area thead tr{border-bottom: 1px solid #b3b3b3;}
.notice table.table_area thead tr th{padding: 18px 0;text-align: center;font-size: 14px;color: #333333;font-weight: 700;}
.notice table.table_area tbody tr{border-top: 1px solid #dedede;-webkit-transition: all 0.2s ease-out;-moz-transition: all 0.2s ease-out;-o-transition: all 0.2s ease-out;transition: all 0.2s ease-out;}
.notice table.table_area tbody tr:first-child{border-top: 0;}
.notice table.table_area tbody tr td{padding: 17px 0;line-height: 1.5;font-size: 13px;color: #333333;font-weight: 700;}
.notice table.table_area tbody tr td.td_num{text-align: center;}
.notice table.table_area tbody tr td.td_tit{padding-left: 15px;}
.notice table.table_area tbody tr td.td_day{text-align: center;color: #999999;font-weight: 300;}
.notice table.table_area tbody tr:hover{background: #f7f7f7;}
.notice table.table_area tbody tr:hover td a span{border-bottom: 1px solid #333;line-height: 1;}
.notice table.table_area tbody tr td a{display: inline-block;text-overflow:ellipsis;white-space:nowrap;word-wrap:normal;max-width:670px;overflow:hidden;vertical-align: middle;}
.notice table.table_area tbody tr.no_data:hover{background: #fff;}

/* =============== 리스트 상세페이지_more_content =============== */
.more_content .more_head{margin-top: 100px;text-align: center;}
.more_content .more_head .head_tit{font-size: 26px;line-height: 1.5;max-width: 800px;margin: 0 auto 6px;}
.more_content .more_head .head_day{font-size: 13px;color: #f1732f;}
.more_content .more_middle{max-width: 960px;margin: 0 auto;}
.more_content .more_middle .middle_top_btn{text-align: right;border-bottom: 2px solid #414141;padding: 12px 30px ;}
.more_content .more_middle .middle_top_btn ul li{display: inline-block;vertical-align: middle;}
.more_content .more_middle .middle_top_btn ul li.clear_line{width: 1px;height: 8px;background: #c2c2c2;margin: 0 15px;}
.more_content .more_middle .middle_top_btn ul li a{font-size: 12px;color: #666;position: relative;}
.more_content .more_middle .middle_top_btn ul li.list_before a{padding-right: 15px;}
.more_content .more_middle .middle_top_btn ul li.list_before a:before{content: '';background: url("/Images/media/ico_prev_b.png") no-repeat 0 0;width: 7px;height: 4px;position: absolute;right: 0;top: 50%;margin-top: -3px;}
.more_content .more_middle .middle_top_btn ul li.list_next a{padding-right: 15px;}
.more_content .more_middle .middle_top_btn ul li.list_next a:before{content: '';background: url("/Images/media/ico_next_b.png") no-repeat 0 0;width: 7px;height: 4px;position: absolute;right: 0;top: 50%;margin-top: -3px;}
.more_content .more_middle .middle_file_area{width: 100%;background: #f8f8f8;padding: 13px 0;}
.more_content .more_middle .middle_file_area .file_info{display: inline-block;vertical-align: middle;text-align: center;padding: 0 30px;font-size: 12px;}
.more_content .more_middle .middle_file_area .file_list{display: inline-block;vertical-align: middle;text-align: left;width: 84%;}
.more_content .more_middle .middle_file_area .file_list a{display: inline-block;vertical-align: middle;position: relative;padding-left: 20px;font-size: 12px;color: #777777;margin: 5px 15px 5px 0}
.more_content .more_middle .middle_file_area .file_list a span{display: inline-block;line-height: 1;border-bottom: 1px solid #777;}
.more_content .more_middle .middle_file_area .file_list a:before{content: '';background: url("/Images/media/ico_file_o.png") no-repeat 0 0;width: 12px;height: 15px;position: absolute;left: 0;top: -2px ;}

.more_content .more_middle .middle_file_area .file_list a:hover{color: #333;}
.more_content .more_middle .middle_file_area .file_list a:hover span{border-color: #333;}
.more_content .more_middle .middle_cnt_area{padding: 45px 30px;font-size: 14px;line-height: 24px;word-break: keep-all;}
.more_content .more_middle .middle_cnt_area p{word-break:break-all}
.more_content .more_bottom .clear_line{width: 100%;height: 1px;background: #d3d3d3;}
.more_content .more_bottom .clear_line2{width: 100%;height: 1px;background: #ebebeb;}
.more_content .list_info{padding: 18px 0;}
.more_content .list_info span{display: inline-block;vertical-align: middle;position:relative;}
.more_content .list_info span:before {content:'';width:0;height:1px;position:absolute;left:0;bottom:0;background:#666;}
.more_content .list_info span.cnt_type{padding-left:30px;font-size: 12px;color: #666;}
.more_content .list_info span.icon_up{margin:-2px 40px 0 7px ;}
.more_content .list_info span.icon_down{margin:-2px 40px 0 7px ;}
.more_content .list_info span.icon_up img{vertical-align: middle;}
.more_content .list_info span.icon_down img{vertical-align: middle;}
.more_content .list_info span.text{font-size: 13px;color: #666666;width: 730px;}
.more_content .list_info span.text a{font-size: 13px;color: #666666;display: inline-block;text-overflow:ellipsis;white-space:nowrap;word-wrap:normal;max-width:700px;overflow:hidden;vertical-align: middle;}
.more_content .list_info span.day{font-size: 12px;color: #666666;/*margin-right: 30px*/}
.more_content .list_info span.text a:hover span:before {width:100%;}
.more_content .btn_list{margin: 15px 30px;}
.more_content .btn_list a{display: block;width: 65px;height: 30px;line-height: 31px;text-align: center;border: 1px solid #d3d3d3;color: #666;font-size: 12px;}
.more_content .btn_list a:hover{color: #f1732f;border-color: #f1732f;}
.more_content .middle_slide_area .cnt_img{position: relative;overflow: hidden;width: 900px;height: 447px;margin: 50px 30px 0;}
.more_content .middle_slide_area .cnt_img .img_area {width: 100%;}
.more_content .middle_slide_area .cnt_img .img_area .slide_img {float: left;display: block;text-align: center;font-size: 0;width: 900px;}
.more_content .middle_slide_area .cnt_img .img_area .slide_img img {height: 447px;width: auto;}
.more_content .middle_slide_area .img_paging {position: absolute;left: 0;right: 0;bottom: 27px;text-align: center;font-size: 0;display: block;}
.more_content .middle_slide_area .img_paging a {display: inline-block;width: 8px;height: 8px;background: #fff;opacity: .3;-webkit-border-radius: 100%;-moz-border-radius: 100%;border-radius: 100%;margin: 0 5px;}
.more_content .middle_slide_area .img_paging a.on {opacity: 1;background: #ff4311;}

/* =============== 보도자료_press =============== */
.content.press_content{max-width: 990px;}
.content.press_content .search_area .search_inner{margin-right: 15px;}
.press_area{width: 990px;}
.press_area ul li{float: left;width: 300px;height: 300px;background: #f1f1f1;margin: 15px;}
.press_area ul li.no_press{background: none;width: 100%;text-align: center;line-height: 300px;margin: 0 auto}
.press_area ul li a{display: block;width: 100%;height: 100%;-webkit-box-sizing: border-box;-moz-box-sizing: border-box;box-sizing: border-box;position: relative;text-align: center;}
.press_area ul li a:before{content: '';position: absolute;left: 0;right: 0;top: 0;bottom: 0;-webkit-transition: all 0.3s ease-out;-moz-transition: all 0.3s ease-out;-o-transition: all 0.3s ease-out;transition: all 0.3s ease-out;border: 1px solid #ff4311;visibility: hidden;-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";filter: alpha(opacity=0);opacity: 0;z-index: 1;}
.press_area ul li a:hover:before{visibility: visible;-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";filter: alpha(opacity=100);opacity: 1;}
.press_area ul li span{display: block;}
.press_area ul li span.press_img{display: block;overflow: hidden;width: 100%;height: 190px;text-align: center;margin-bottom: 15px;line-height: 190px}
/*
.press_area ul li span.press_img img{-webkit-transition: all 0.3s ease-out;-moz-transition: all 0.3s ease-out;-o-transition: all 0.3s ease-out;transition: all 0.3s ease-out;vertical-align: middle;width: 100%}
.press_area ul li a:hover span.press_img img{transform: scale(1.05);}
*/

.press_area ul li a span.press_img{position: relative}
.press_area ul li a span.img{position: absolute;left: 0;right: 0;top: 0;bottom: 0;-webkit-transition: all 0.3s ease-out;-moz-transition: all 0.3s ease-out;-o-transition: all 0.3s ease-out;transition: all 0.3s ease-out;}
.press_area ul li a:hover span.img{transform: scale(1.05);}


.press_area ul li span.press_tit{font-size: 14px;word-break: keep-all;margin: 0 30px;overflow: hidden;text-overflow: ellipsis;display: -webkit-box;-webkit-line-clamp: 2; /* 라인수 */-webkit-box-orient: vertical;word-wrap:break-word;line-height: 20px;height: 40px; /* line-height * 라인수 */}
.press_area ul li span.clear_line{width: 10px;height: 1px;line-height: 1;background: #999999;margin: 5px auto 10px;}
.press_area ul li span.press_day{font-size: 13px;color: #999999;font-weight: 300}

/* =============== 소셜뉴스_social =============== */
.social_area{}

.content.social_content{max-width: 990px;}
.content.social_content .search_area .search_inner {margin-right: 15px;}
.social_area ul li{float: left;width: 300px;height: 300px;-webkit-box-sizing: border-box;-moz-box-sizing: border-box;box-sizing: border-box;margin: 15px;}
.social_area ul li.no_press{width: 100%;line-height: 300px;text-align: center;margin: 0 auto}
.social_area ul li a{display: block;width: 100%;height: 100%;padding: 30px;border: 1px solid #e9e9e9;-webkit-box-sizing: border-box;-moz-box-sizing: border-box;box-sizing: border-box;position: relative;}
.social_area ul li a span{-webkit-transition: all 0.2s ease-out;-moz-transition: all 0.2s ease-out;-o-transition: all 0.2s ease-out;transition: all 0.2s ease-out;position: relative;z-index:2 }
.social_area ul li a span.clear_line3{display: block;width: 15px;height: 2px;background: #333333;margin-bottom:20px;}
.social_area ul li a span.social_tit{font-size: 16px;font-weight: 700;word-break: keep-all;display: block;line-height: 26px;margin-bottom: 15px;}
.social_area ul li a span.social_txt{font-size: 14px;word-break: keep-all;display: block;line-height: 24px;margin-bottom: 45px;color: #777;overflow: hidden;text-overflow: ellipsis;display: -webkit-box;-webkit-line-clamp: 4;-webkit-box-orient: vertical;word-wrap:break-word;line-height: 24px;}
.social_area ul li a.no_tit span.social_txt{-webkit-line-clamp: 7;}
.social_area ul li a.no_tit span.social_tit{display: none;}
.social_area ul li a span.social_type{position: absolute;right: 30px;bottom:30px}
.social_area ul li a span.social_type.type_blog{width: 28px;height: 12px;background: url("/Images/media/ico_type_blog.png") no-repeat 0 0;}
.social_area ul li a span.social_type.type_fb{width: 26px;height: 14px;background: url("/Images/media/ico_type_fb.png") no-repeat 0 0;}
.social_area ul li a span.social_day{position: absolute;left: 30px;bottom:30px;font-size: 13px;color: #777;font-weight: 300;height: 13px;}
.social_area ul li a:before {content: '';position: absolute;left: 0;right: 0;top: 0;bottom: 0;background: rgba(0,0,0,.65);visibility: hidden;-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";filter: alpha(opacity=0);opacity: 0;}
.social_area ul li a:hover:before {visibility: visible;-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";filter: alpha(opacity=100);opacity: 1;z-index: 1}
.social_area ul li a:hover span.social_type.type_blog{background-image: url('/Images/media/ico_type_blog_on.png');}
.social_area ul li a:hover span.social_type.type_fb{background-image: url('/Images/media/ico_type_fb_on.png');}
.social_area ul li a:hover span.social_tit{color: #ff4311;}
.social_area ul li a:hover span.social_txt{color: #dfdfdf;}
.social_area ul li a:hover span.social_day{color: #a6a6a6;}
.social_area ul li a:hover span.clear_line3{background: #ff4311;}
.social_area ul li a span.social_bg{position: absolute;left: 0;right: 0;top: 0;bottom: 0;visibility: hidden;-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";filter: alpha(opacity=0);opacity: 0;z-index: 0}
.social_area ul li a:hover span.social_bg{visibility: visible;-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";filter: alpha(opacity=100);opacity: 100;}
.social_area ul li a:hover span.social_bg{visibility: visible;-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";filter: alpha(opacity=100);opacity: 100;}
.social_area ul li a.no_img:hover{border-color: #f1732f;}
.social_area ul li a.no_img:hover:before {visibility: hidden;-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";filter: alpha(opacity=0);opacity: 0;}
.social_area ul li a.no_img:hover span.social_tit{color: #333;}
.social_area ul li a.no_img:hover span.social_txt{color: #777;}
.social_area ul li a.no_img:hover span.social_day{color: #777;}
.social_area ul li a.no_img:hover span.clear_line3{background: #333;}


/* 팝업 */

.experience_info_pop {position: absolute; font-size: 14px;z-index: 99;text-align: center;font-weight: 700;}
.experience_info_pop.popup01{left: 50%;top: 140px;margin-left: -600px;width: 450px;}
.experience_info_pop.popup02{left: 50%;top: 140px;margin-left: -128px;width: 412px;}
.experience_info_pop .pop_inner{position: relative; margin-top: 20px;display: none;}
.experience_info_pop .pop_inner .btn_close {position: absolute; display: block;top: 1px;right: -20px;}
.experience_info_pop [type=checkbox]{-webkit-appearance: none;  background-color: #ffffff;-webkit-border-radius: 0;-webkit-background-clip: padding-box;-moz-border-radius: 0;-moz-background-clip: padding;border-radius: 0; background-clip: padding-box;-webkit-appearance: none;-moz-appearance: none;appearance: none;-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)"; filter: alpha(opacity=0);opacity: 0;  z-index: 1; position: relative;width: 13px;height: 13px;  text-indent: -9999px;  position: absolute;right: 0;top: 0;padding: 0;}
.experience_info_pop label {color: #fff;text-align: right;display: block; position: relative; padding-right: 20px; font-size: 11px;line-height: 13px;margin-top: 10px;}
.experience_info_pop [type=checkbox]+i{width: 13px;height: 13px;background-color: #fff;display: inline-block; vertical-align: top; position: absolute; top: 0;right:0;}
.experience_info_pop [type=checkbox]:checked+i:after{content: ''; position: absolute;top:3px;right:3px;bottom:3px;left:3px;background:#333;display: block;}
.main_info_pop .pop_footer .btn_area{background: #fff;font-size: 0;letter-spacing: 0; border-top: 1px solid #dcdcdc;padding: 10px 0}
.main_info_pop .pop_footer .btn_area a{position: relative;padding: 0 28px;  display: inline-block;vertical-align: top;font-size: 12px;line-height: 14px;}
.main_info_pop .pop_footer .btn_area a:before{content: '';position: absolute;left:0;top:2px;bottom:2px;background:#dcdcdc;width: 1px;}
.main_info_pop .pop_footer .btn_area a:after{content: '';position: relative;display: inline-block;vertical-align:middle;top:0px;padding-left: 7px; background: url('/Images/experience/ico_pop_btn.png') no-repeat center top;width: 12px;height: 14px;}
.main_info_pop .pop_footer .btn_area a:first-child:before{content: none}
.experience_info_pop .pop_btn_guide .pop_header{background: #ff4311;color: #fff;height: 40px;line-height: 40px;}
.experience_info_pop .pop_btn_guide .pop_content{background: #fff;padding: 25px 0;line-height: 20px;}
.experience_info_pop .pop_btn_guide .pop_content em{color: #ff4311;font-weight: 900}
.experience_info_pop .pop_btn_guide .pop_content .img_area{margin-top: 12px;}
.experience_info_pop .pop_img .alt_txt {position:absolute; top:-999999%; left:-999999%; width:0; height:0; font-size:0; text-indent: -999999%;}

#pop_service_info .pop_header{background: #ff4311;color: #fff;height: 40px;line-height: 40px;}
#pop_service_info .pop_content{background: #fff;padding: 18px 0;line-height: 20px;}
#pop_service_info .pop_footer .time_area{background: #fff;font-size: 12px;line-height: 14px; border-top: 1px solid #dcdcdc;padding: 12px 0}
#pop_service_info .pop_footer .time_area .time_d{font-size: 13px;line-height: 15px;}
#pop_service_info .pop_footer .time_area .time_d span{display: block;color: #666;font-size: 12px;padding-top: 5px;}