@charset 'UTF-8';
a:hover .pic_area:after{content:'';}
a:hover .article_area{transition:.3s;}
.wrap{position:relative;width:100%;margin:108px auto 0;}
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{background:#012454 url(../img/pc-main.png?20251104) center no-repeat;position:relative;width:100%;-ms-touch-action:none;touch-action:none;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: none;
}
.main_link_bar a{/* height: 140px; */
display:inline-block;position:relative;width:100px;margin:10px 30px 0;}
.main_link_bar div:before{display:block;width:100px;height:100px;content:'';background:url(../img/gbf_quickIcon.png?20191021108) no-repeat;}
.main_link_bar div p{display:block;position:relative;font-size:17px;font-weight:bold;line-height:23px;margin-top:30px;color:#333;}



.main_link_bar ._mb{display: none;}
.main_link_bar ._pc{display: inline-block;margin:7px 50px;}
.main_link_bar ._pc:hover{ cursor: pointer;}
.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:#0b6a92;}
.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;height:500px;overflow:hidden;margin:0 auto;}
/*.box_article_big .card{display:flex; flex-direction: row; flex-wrap: wrap;justify-content: space-between;position:relative;width:1080px;overflow:hidden;margin:0 auto;padding: 30px 0;text-align:center;}
.box_article_big .card li{float:left;overflow:hidden;margin: 0px 0px 0 0;background:#fff;margin-right:18%;}*/
.box_article_big .card { display: flex; position: relative; width: 1220px;overflow: hidden; margin: 0 auto; padding: 30px 0; text-align: center;flex-wrap: wrap;}
.box_article_big .card li {width: 25%; overflow: hidden; margin: 0px 0px 0 0; background: #fff;}
.box_article_big .card li:nth-of-type(4n){margin-right:0;}
.box_article_big .card li>a{margin: 0 auto; width: 70%;}
.box_article_big .card li .pic_area{width:100%;  border: 1px solid #ddd; border-bottom: none;}
.box_article_big .card li .pic_area img{width:100%;}
.box_article_big .card li .article_area{height:80px;font-size:17px;padding: 5px 0px 0;color:#333;background: #e6edff;margin-bottom: 40px;}
.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:14px;line-height:16px;color:#18538d;}

/*sub_pic_area*/
.sub_pic_area{position:relative;}
.sub_pic_area .sub_pic{width:100%;height:367px;min-width:1200px;background: #012454 url(../img/main_sl_02_light.png?20251106) 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) {

}

@media (max-width:1220px) and (min-width:990px) {

    .warp_tit{padding: 0 5%;}
    .box_article_big{width: 100%; height:auto;}
    /*.box_article_big .card{display:flex;flex-direction: row;justify-content: space-between; flex-wrap: wrap; position: relative; width: 100%;padding: 30px 8%;}*/
    .box_article_big .card { display: flex; position: relative; width: 100%; padding: 30px 5%;}
    .box_article_big .card li { overflow: hidden; margin: 0px 0px 0 0; background: #fff;}
    .box_article_big .card li>a {width: 80%;}
    .box_article_big .card li .pic_area{ width: 100%;}
    .box_article_big .card li .article_area {width: 100%;}
    .sub_pic_area .sub_pic{min-width: auto;}
}
@media (max-width:989px) and (min-width:640px){
    #content .pic_area.v02{background:url(../img/mo_main.png?20251104) no-repeat center;min-width:auto; background-size: cover;  height: 0;  padding-bottom: 66%; }
    #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;}
    .main_link_bar {height:auto; background:none;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 .link_regist:before {position: absolute;  top: 16px;left: 15px; display: block; width: 75px;height: 75px; content: ''; background: url(../img/nff_quickIcon.png?1) -225px 0 no-repeat;  background-size: 300px;}
    .main_link_bar .link_schedule:before {position: absolute;  top: 16px; left: 15px;  display: block; width: 75px; height: 75px; content: '';background: url(../img/nff_quickIcon.png?1) -150px 0 no-repeat;  background-size: 300px;}
    .main_link_bar .link_location:before {position: absolute;  top: 16px;left: 15px; display: block; width: 75px;height: 75px; content: ''; background: url(../img/nff_quickIcon.png?1) -75px 0 no-repeat; background-size: 300px; }
    .main_link_bar div p {font-size: 21px; font-weight: bold; float: left; color: #000; margin-top:0;}
    .main_link_bar div p.ftColor {color: #21c19f;}
    .main_link_bar div .small {font-size: 15px; line-height: 1.5;  clear: both; padding-top: 7px; letter-spacing: -1px; color: #7c7c7c; font-weight: bold; float: left;}
}
@media (max-width:639px){
    /*#content .pic_area.v02{width: 100%; height: 0; padding-bottom: 80%; background-size: cover; display: block;position: relative;}*/
    #content .pic_area.v02{background:url(../img/mo_main.png?20251104) no-repeat ;background-size: contain; height: 0; padding-bottom: 66%;width: 100%;min-width: auto;}
    #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{min-width: auto;height: 0; background: url(../img/mo-more_light.png?20251106) no-repeat center; padding-bottom: 47%; background-size:cover;}
    .link_infor{display:none;}
    .main_link_bar {height:auto; background:none;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 .link_regist:before {position: absolute;  top: 16px;left: 15px; display: block; width: 75px;height: 75px; content: ''; background: url(../img/nff_quickIcon.png?1) -225px 0 no-repeat;  background-size: 300px;}
    .main_link_bar .link_schedule:before {position: absolute;  top: 16px; left: 15px;  display: block; width: 75px; height: 75px; content: '';background: url(../img/nff_quickIcon.png?1) -150px 0 no-repeat;  background-size: 300px;}
    .main_link_bar .link_location:before {position: absolute;  top: 16px;left: 15px; display: block; width: 75px;height: 75px; content: '';  background: url(../img/nff_quickIcon.png?1) -75px 0 no-repeat;  background-size: 300px;}
    .main_link_bar div p {font-size: 21px; font-weight: bold; float: left; color: #000; margin-top:0;}
    .main_link_bar div p.ftColor {color: #21c19f;}
    .main_link_bar div .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;}
}

@media (max-width:450px) {
    .main_link_bar div p{font-size:18px;}
    .main_link_bar div .small{font-size:13px;}
}