@charset 'UTF-8';
a:hover .pic_area:after{content:'';}
a:hover .article_area{transition:.3s;}
.wrap{position:relative;width:100%;margin:0 auto;    z-index: 1;}
body{font-family:'Malgun Gothic',Gulim,'Apple SD Gothic Neo',sans-serif;/* overflow-x:scroll; */}

/*.pic_area{position:relative;overflow:hidden;}
.pic_area:after{display:block;content:'';}
*/


/*content*/
.content{overflow:hidden;margin:0 auto;}

/*box_article_main*/
#content .pic_area{position:relative;height:auto;overflow:hidden; }
#content .pic_area.v02{position:relative;width:100%;min-width:1200px;-ms-touch-action:none;touch-action:none;height: 630px;background: linear-gradient(90deg, #01223b, #010206);}
#content .pic_area.v02:before{content: ''; position: absolute; background-image:url(../img/main_sl_01_2.jpg?20250403);background-position: 40%; background-repeat: no-repeat; width: 100%; height: 630px;}
#content .pic_area.v02 .move_youtube{background: url(../img/gbf_livebtn_kr.gif?202011) center no-repeat; position:absolute; width: 100%; height: 0; padding-bottom: 59px; bottom: 90px; left: 110px;}
/*.main_slide .slick-slide{height: 460px;}*/
.main_slide .page ul{display:block;display:block;position:relative;/* height:162px; */overflow:hidden;padding:5px 0;}
.wrap_main_slide .control_area{z-index:1000;position:absolute;top:10px;left:300px;margin-left:-20px;}
.wrap_main_slide .control_area .nav span{font-weight:bold;padding:0 3px;color:#333;}
.wrap_main_slide .control_area .nav .all{font-weight:normal;color:#333;}
.wrap_main_slide .control_area .nav{display:block;height:13px;font-size:13px;line-height:19px;}
/*.main_slide .slick-prev,.main_slide .slick-next{position:absolute;height:74px;height:80px;top:300px;font-size:0;line-height:0;}
.main_slide .slick-prev:hover,.main_slide .slick-prev:focus,.main_slide .slick-next:hover,.main_slide .slick-next:focus{color:transparent;outline:none;}
.main_slide .slick-prev,.main_slide .slick-disabled:before,.main_slide .slick-next,.main_slide .slick-disabled:before,.slide .slick-prev,.main_slide .slick-next{display:block;z-index:9999999;position:absolute;width:44px;height:46px;overflow:hidden;top:auto;bottom:-27px;left:auto;font-family:'slick';font-size:20px;line-height:1;text-indent:-999px;opacity:.8;color:black;background:url(../img/btn_arrow.gif?20191021108) no-repeat;}
.wrap .main_slide .slick-prev{right:29px;background-position:0 0;}
.main_slide .slick-next{right:4px;background-position:-56px 0;}
.wrap .main_slide .slick-prev,.wrap .main_slide .slick-next{position:absolute;height:74px;height:80px;top:300px;font-size:0;line-height:0;}
.main_slide .wrap_btn_play{z-index:9999;position:absolute;width:48px;height:44px;overflow:hidden;top:auto;right:54px;bottom:0;left:auto;margin-left:50%;opacity:.8;}
.IE8 .main_slide .wrap_btn_play{z-index:10000;bottom:2px;}
.wrap .main_slide .slick-prev:hover,.wrap .main_slide .slick-prev:focus,.wrap .main_slide .slick-next:hover,.wrap .main_slide .slick-next:focus{color:transparent;outline:none;}
.wrap .main_slide .slick-prev,.wrap .main_slide .slick-disabled:before,.wrap .main_slide .slick-next,.wrap .main_slide .slick-disabled:before,.wrap .slide .slick-prev,.wrap .main_slide .slick-next{display:block;z-index:9999999;position:absolute;width:25px;height:27px;overflow:hidden;top:19px;font-family:'slick';font-size:20px;line-height:1;text-indent:-999px;opacity:.8;color:black;background:url(../img/btn_arrow.gif?20191021108) no-repeat 0 1px;}
.wrap .main_slide .slick-next{background-position:-25px 1px;}
.wrap .main_slide_area .wrap_btn_play{z-index:10000;position:absolute;width:25px;height:44px;right:50%;bottom: 8px;margin-right:-554px;display: none;}*/
.slick-dots{/* display:none!important; */display:block;position:absolute;width:70px;height:10px;top: 474px;right:50%;left:50px;left:auto;margin:0;margin-right:-527px;padding:0;list-style:none;text-align:left;}
.slick-dots li{display:inline-block;position:relative;width:auto;height:20px;overflow:hidden;margin:0;padding:0;cursor:pointer;}
.slick-dots li button{position:relative;width:30px;/* height:10px; */font-size:0;line-height:0;margin:0 auto;padding:0;cursor:pointer;color:transparent;border:0;outline:none;background:transparent;}
.slick-dots li button:hover,.slick-dots li button:focus{outline:none;}
.slick-dots li button:hover:before,.slick-dots li button:focus:before{opacity:1;}
.slick-dots li button:before{/* transition: .3s; */
position:absolute;width:17px;height:16px;left:50%;font-family:'slick';font-size:36px;line-height:10px;margin-left:-8px;transition:.3s;text-align:center;opacity:.7;color:#fff;border-radius:10px;background:#fff;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;}
.slick-dots li.slick-active button:before{width:39px;height:16px;left:50%;margin-left:-20px;opacity:1;color:#fff;border-radius:10px;background:#fff;}
.slick-dots li.slick-active button{width:40px;}
.wrap_main_slide .wrap_btn_play button{display:none;z-index:1000;position:absolute;width:25px;height:47px;cursor: pointer;overflow:hidden;font-family:'slick';font-size:20px;line-height:140px;opacity:1;opacity:.7;color:black;background:url(../img/btn_roll.png?20191021108) no-repeat;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;}
.wrap_main_slide .wrap_btn_play button:hover{opacity:1;}
.wrap_main_slide .wrap_btn_play button.on{display:block;outline:none!important;}
.wrap_main_slide .wrap_btn_play .btn_autoplay{background-position:-97px 0;}
.wrap_main_slide .wrap_btn_play .btn_playstop{display:none;background-position:-71px 0;}
.wrap_main_slide .slick-dotted.slick-slider{margin-bottom:0;}

/*main_link_bar*/
.main_link_bar{    height: 168px;
    overflow: hidden;
    text-align: center;
    background: url(../img/bg_main.gif?20191021108) repeat-x;
    border-bottom: 2px solid #cccccc;display: block;}
.main_link_bar a{/* height: 140px; */
display:inline-block;position:relative;width:100px;margin: 20px 50px;display: inline-block;}
.main_link_bar a:before{display:block;width:100px;height:100px;content:'';background:url(../img/nff_quickIcon.png?20240329) no-repeat;}
.main_link_bar a p{display:block;position:relative;font-size:17px;font-weight:bold;line-height:23px;margin-top:10px;color:#333;}
.main_link_bar .link_infor:before{}
.main_link_bar .link_location:before{background-position: -100px 0;}
.main_link_bar .link_schedule:before{background-position: -200px 0;}
.main_link_bar .link_join:before{background-position: -300px 0;}

.main_link_bar span{display: none;}

/*box_article_b
/*box_article_big*/
.warp_tit{height: 60px;line-height: 60px;}
.warp_tit h2{display:inline-block;font-size:24px;font-weight:bold;margin-top:20px;color:#333;}
.warp_tit .btn_more{display:block;float:right;width:40px;height:40px;margin:28px 0 0;background:url(../img/btn_more.gif?20191021108) no-repeat;}
.box_article_big{width:1214px;overflow:hidden;margin:0 auto;}
.box_article_big .card{display:flex; flex-wrap: wrap;position:relative;width:1220px;overflow:hidden;margin:0 auto;padding: 30px 0;text-align:center;}
.box_article_big .card li{float:left;width: 20%;overflow:hidden;margin: 0px 0px 0 0;background:#fff;padding: 0 30px 20px;}
/*.box_article_big .card li:nth-of-type(4n){margin-right:0;width: 173px;}*/
.box_article_big .card li a{width: 100%;}
.box_article_big .card li .pic_area{width: 100%;}
.box_article_big .card li .pic_area img{width:100%;}
.box_article_big .card li .article_area{width: 100%;font-size:17px;padding: 15px 0px;color:#333;}
.box_article_big .card li .article_area h3{display:block;line-height:28px;color:#333;}
.box_article_big .card li .article_area h3 .small{
    margin-left: 5px;
    font-size: 14px;
}
.box_article_big .card li .article_area p{display:block;font-size:13px;line-height:20px;color:#1a61a1;}

/*box_opening_video*/
.box_opening_video{width: 1214px; margin: 0 auto; height: 850px; display: none;}
.embed-container { position: relative; padding-bottom: 56.25%;  height: 0; overflow: hidden; max-width: 100%; }
.embed-container iframe, .embed-container object, .embed-container embed { position: absolute; top: 0; left: 0; width: 100%; height: 100%; }

/*sub_pic_area*/
.sub_pic_area{position:relative;}
.sub_pic_area .sub_pic{width:100%;height:365px;min-width:1200px;background:#0f0d32 url(../img/main_sl_02.png?2020405) no-repeat center;}
.sub_pic_area .link_infor{position:absolute;width:162px;height:40px;bottom:84px;left:50%;margin-left:-81px;background:url(../img/gbf_viewBtn.png?20191021108) no-repeat;}

@media (min-width: 990px) {
    .main_link_bar ._pc:hover:before{display:block;width:100px;height:100px;content:'';-webkit-animation-name:flipInY;animation-name:flipInY;-webkit-animation-duration:1s;animation-duration:1s;-webkit-backface-visibility:visible!important;backface-visibility:visible!important;-webkit-animation-fill-mode:both;animation-fill-mode:both;}
}
@media (max-width:1220px) and (min-width:990px) {
    #content .pic_area.v02 {background-position-x: 85%;}
    .warp_tit{padding: 0 8%;}
    .box_article_big{width: 100%; height:auto;}
    .box_article_big .card{display: flex; position: relative; width: 100%;padding: 30px 4%;}
    .box_article_big .card li, .box_article_big .card li:nth-of-type(4n){width: 20%; padding: 0 15px 20px;}
    .box_article_big .card li:nth-of-type(4n){margin-right: 0;}
    .box_article_big .card li:last-child {width:20%;}
    .box_article_big .card li .pic_area{ width: 100%;}
    .sub_pic_area .sub_pic{min-width: auto;}
    .box_opening_video{width: 100%; margin: 0 auto;padding-bottom: 60%; height: 0;}

}
@media (max-width:989px) {
    .wrap{margin:100px auto 0;}
}
@media (max-width:989px) and (min-width:640px){
    #content .pic_area.v02{background:url(../img/main_sl_01_2.jpg?20250403) center no-repeat;background-size: cover;background-position-y: bottom; background-position-x: 35%;  height: 0;  padding-bottom: 57%; min-width: auto;}
    #content .pic_area.v02:before{content: none;}
    #content .pic_area.v02 .move_youtube{position: absolute; width: 37%; height: 0; padding-bottom: 7.3%; bottom: 17%; left: 45%; background-size: cover;}
    .box_article_big{display:none;}
    .sub_pic_area .sub_pic{min-width: auto;height: 300px; background-size: cover;}
    .sub_pic_area .link_infor{width: 135px; background-size: contain; bottom: 65px;}
    .main_link_bar {height:auto; background:none;padding-left: 10px; width: 100%; display: block;}
    .main_link_bar ._pc{display: none;}
    .main_link_bar ._mb{display: block; float: left; width: 100%; min-height: 100px; padding: 20px 15px 20px 113px; border-bottom: 1px solid #e4e4e4;margin: 0; position:relative;}
    .main_link_bar span{display: inline-block;}
    .main_link_bar a:before {position: absolute;  top: 16px; left: 15px;  display: block; width: 75px; height: 75px; content: '';  background-size: 300px 150px}
    .main_link_bar .link_infor:before {background-position: 0 0;}
    .main_link_bar .link_location:before {background-position: -75px 0;}
    .main_link_bar .link_schedule:before {background-position: -150px 0;}
    .main_link_bar .link_join:before {background-position:-225px 0;}
    .main_link_bar a._mb:hover:before{display:block;content:'';-webkit-animation-name:flipInY;animation-name:flipInY;-webkit-animation-duration:1s;animation-duration:1s;-webkit-backface-visibility:visible!important;backface-visibility:visible!important;-webkit-animation-fill-mode:both;animation-fill-mode:both; }
    .main_link_bar a p {font-size: 21px; font-weight: bold; float: left; color: #000; margin-top:0;}
    .main_link_bar a p.ftColor {color: #21c19f;}
    .main_link_bar a .small {font-size: 15px; line-height: 1.5;  clear: both; padding-top: 7px; letter-spacing: -1px; color: #7c7c7c; font-weight: bold; float: left;}
    .box_opening_video{width: 100%; margin: 0 auto;padding-bottom: 70%; height: 0;}
}
@media (max-width:639px){
    #content .pic_area.v02{background:url(../img/mo_main.jpg?20250407) center no-repeat;background-size: cover; height: 0;  padding-bottom: 60%; min-width:initial;}
    #content .pic_area.v02:before{content: none;}
    #content .pic_area.v02 .move_youtube{position: absolute; width:46%; height: 0; padding-bottom: 9%; bottom: 17%; left: 45%; background-size: cover;background-position: right;}
    .box_article_big{display:none;}
    .sub_pic_area .sub_pic{background: url(../img/banner_02.png?20240405) no-repeat center; min-width: auto;height: 0; padding-bottom: 38%; background-size: cover;}
    .link_infor{display:none;}
    .main_link_bar {height:auto; background:none;padding-left: 10px; width: 100%;display: block;}
    .main_link_bar ._pc{display: none;}
    .main_link_bar ._mb{display: block; float: left; width: 100%; min-height: 100px; padding: 20px 15px 20px 103px; border-bottom: 1px solid #e4e4e4; margin: 0; position:relative;}
    .main_link_bar span{display: inline-block;}
    .main_link_bar a:before {position: absolute;  top: 16px; left: 15px;  display: block; width: 75px; height: 75px; content: '';  background-size: 300px 150px}
    .main_link_bar .link_infor:before {background-position: 0 0;}
    .main_link_bar .link_location:before {background-position: -75px 0;}
    .main_link_bar .link_schedule:before {background-position: -150px 0;}
    .main_link_bar .link_join:before {background-position:-225px 0;}
    .main_link_bar a._mb:hover:before{display:block;content:'';-webkit-animation-name:flipInY;animation-name:flipInY;-webkit-animation-duration:1s;animation-duration:1s;-webkit-backface-visibility:visible!important;backface-visibility:visible!important;-webkit-animation-fill-mode:both;animation-fill-mode:both; }
    .main_link_bar a p {font-size: 21px; font-weight: bold; float: left; color: #000; margin-top:0;}
    .main_link_bar a p.ftColor {color: #21c19f;}
    .main_link_bar a .small {font-size: 15px; line-height: 1.5;  clear: both; padding-top: 7px; letter-spacing: -1px; color: #7c7c7c; font-weight: bold; float: left; text-align: left;}
    .box_opening_video{width: 100%; margin: 0 auto;padding-bottom: 80%; height: 0;}
}

@media (max-width:450px) {
    .main_link_bar a p{font-size:18px;}
    .main_link_bar a .small{font-size:13px;}
    .box_opening_video{width: 100%; margin: 0 auto;padding-bottom: 80%; height: 0;}
}