/* BASIC css start */
#content .gy_txt { color: #969696; }
#content .bl_txt { color: #2873a6; }

#content .top_title_txt_box { text-align: center; padding-top: 120px; padding-bottom: 90px; position: relative; }
#content .top_title_txt_box h1 { font-size: 40px; font-weight: bold; }
#content .top_banner_box { position: relative; height: 450px; background-color: rgba(0, 0, 0, 0.4); }
#content .top_banner_box .top_banner_pic_bk_box { background-color: rgba(0, 0, 0, 0.1); position: absolute; top: 0; left: 0; width: 100%; height: 100%; z-index: 1; }
#content .top_banner_box .top_banner_pic_box { position: absolute; top: 0; left: 0; width: 100%; height: 100%; background-image: url(//efairplay.img2.kr/FMJ_site/banner_img/PSD_6.jpg);
                                               background-repeat: no-repeat; background-size: cover; background-position-x: center; background-position-y: center; }
#content .top_banner_box .top_tab_menu { position: absolute; bottom: 0; left: 0; width: 100%; height: 65px; z-index: 2; text-align: center; }
#content .top_banner_box .top_tab_menu ul { height: 100%; font-size: 0; }
#content .top_banner_box .top_tab_menu ul li { display: inline-block; width: 480px; height: 100%; background-color: rgba(0, 0, 0, 0.8); }
#content .top_banner_box .top_tab_menu ul li a { display: inline-block; width: 100%; height: 100%; line-height: 65px; color: #fff; font-size: 20px; }
#content .top_banner_box .top_tab_menu ul li.on { background-color: rgb(255, 255, 255); }
#content .top_banner_box .top_tab_menu ul li.on a { color: #2d2d2d; }
#content .contents_box { width: 100%; }
#content .contents_top_title_box { width: 800px; margin: 110px auto 100px; text-align: center; }
#content .contents_top_title_box h2 { font-size: 55px; font-weight: bold; margin-bottom: 65px; }
#content .contents_top_title_box p { font-size: 22px; line-height: 35px; padding: 0px 126px; word-break: keep-all; }
#content .fptv_box { width: 960px; margin: 0 auto 200px; }
#content .fptv_box ul { font-size: 0; }
#content .fptv_box ul li { width: 310px; display: inline-block; margin-right: 15px; margin-bottom: 70px; vertical-align: top; display: none; }
#content .fptv_box ul li:nth-child(3n) { margin-right: 0; }
#content .fptv_box ul .pic_content { position: relative; overflow: hidden; }
#content .fptv_box ul .pic_content .pic_content_box { display: inline-block; width: 100%; height: 180px; overflow: hidden; background-position: center; background-repeat: no-repeat;
                                                      background-size: cover; -webkit-transition: all .5s ease; -moz-transition: all .5s ease; -ms-transition: all .5s ease; 
                                                      -o-transition: all .5s ease; transition: all .5s ease; }
#content .fptv_box ul .pic_content:hover .pic_content_box { -webkit-transform: scale(1.1); -moz-transform: scale(1.1); -o-transform: scale(1.1); -ms-transform: scale(1.1); /* IE 9 */ 
                                                            transform: scale(1.1); }
#content .fptv_box ul .pic_content .pic_content_box .hover_bk_box { display: block; position: absolute; left: 0; top: 0; width: 100%; height: 100%; font-size: 15px;
                                                                    background-color: rgba(0, 0, 0, 0.3); cursor: pointer; }
#content .fptv_box ul .pic_content div.play_btn { position: absolute; left: 50%; right: auto; bottom: 50%; width: 50px; height: 50px; margin-bottom: -25px; margin-left: -25px; 
                                                  background-color: rgba(255,255,255,0.25); border: 2px solid #fff; border-radius: 30px; text-align: center; cursor: pointer;
                                                  -webkit-transition: background-color .3s, border .3s; transition: background-color .3s, border .3s; }
#content .fptv_box ul .pic_content div.play_btn i { font-size: 35px; color: #fff; line-height: 50px; margin-left: 5px; }
#content .fptv_box ul .pic_content:hover div.play_btn { background-color: #2873a6; border: 2px solid #2873a6; }
#content .fptv_box ul .video_info .video_title { font-weight: bold; font-size: 14px; margin-top: 15px; padding-bottom: 15px; border-bottom: 1px solid #c1c1c1; height: 40px; cursor: pointer; }
#content .fptv_box ul .video_info .video_day { text-align: right;  padding: 10px 0; font-size: 13px; }
#content .fptv_box .popup_bk { position: fixed; top: 0; left: 0; background-color: rgba(0,0,0,0.32); width: 100%; height: 100%; z-index: 5; display: none; }
#content .fptv_box .popup_bk .popup_box { width: 55%; height: 80%; background-color: #fff; margin: 120px auto 0; text-align: center; position: relative; }
#content .fptv_box .popup_bk .popup_box i.xi-close-thin { position: absolute;  top: 10px; right:10px; font-size: 40px; cursor: pointer; }
#content .fptv_box .popup_bk .popup_box iframe { width: 85%; height: 73%; padding: 50px 50px 20px; }
#content .fptv_box .popup_bk .popup_box .popup_video_title { font-size: 20px; line-height: 30px; padding: 0 30px; }

#content .fptv_box .load_btn_box { text-align: center; }
#content .fptv_box .load_btn { outline: none; background-color: #c1c1c1; width: 60px; height: 60px; border-radius: 30px; }
#content .fptv_box .load_btn i {color: #fff; font-size: 36px; }
#content .fptv_box .none_data { text-align: center; font-size: 20px; border-top: 1px solid #e2e2e2; border-bottom: 1px solid #e2e2e2; padding: 60px 0; }
/* BASIC css end */