@charset "utf-8";

#media{background: url('/page/fire/images/media/media_bg.jpg') no-repeat center center; background-size: cover;}
#media .media_wrap{position:relative;max-width:1920px;margin:0 auto; }
#media .media_01{position: relative; background:url(/page/fire/images/media/media_bg01.png) no-repeat 477px -1172px;}
#media .media_01:before{content:'';display:block;width:314px;height:144px; background:url(/page/fire/images/media/media_bg_starlight.png) no-repeat 0 0; position:absolute; top: 346px; left: 509px; z-index: 1;}
#media .media_01:after{content:'';display:block;width:476px;height:359px; background:url(/page/fire/images/media/chracter_02.png) no-repeat 0 0; position:absolute;bottom: 31px;right:46%;margin-right:-815px;z-index:20;}
#media .media_01 > a{display: block; position: absolute; top: 128px; left: 685px; }
#media .media_01 a img{}
#media .media_01 .title_box{position:absolute;line-height:1.1;background-size:cover; margin-top: 144px;}
#media .media_01 .title_box::before{display: block; content: ""; position: absolute; left:43px;top: 225px; z-index:10; width:272px;height:293px;background:url(/page/fire/images/media/chracter_01.png) no-repeat 0 0; }
#media .media_01 .title_box h3{font-size:90px;font-family:'KoreanYNSJG3';color:#ffd54f;text-shadow:2px 2px 2px rgba(0,0,0,.8);transform: rotate(-14deg);padding-left:276px;margin-top: 47px;white-space:nowrap; letter-spacing: -4px;}
#media .media_01 .title_box h3 span{display:inline-block;font-size:145px;font-family:'KoreanYNSJG4';margin-left: 26px;position:relative; color: #fff; letter-spacing: -11px;}
#media .media_01 .title_box h3 span:after{content:'';display:block;width:29px;height:46px; background:url(/page/fire/images/media/mark_01.png) no-repeat; position:absolute;top:-40px;right: -31px;transform:rotate(20deg);background-size:cover; }
#media .media_01 .inner{position: relative; max-width:1400px;margin:0 auto;}
#media .video_wrap{position:relative;z-index:10; padding: 170px 0 181px 487px;}
#media .video_box{position:relative;height:0;padding-bottom:56.25%;overflow:hidden;border-radius: 15px;box-shadow:0px 0px 20px rgba(0,0,0,.3);}
#media .ebook_wrap{margin-top: -206px;}
#media .ebook_wrap .ebook{display:inline-block;position:relative; margin-right: 8px;}
#media .ebook_wrap .ebook .trigger{display:block; border-radius: 10px 10px 10px 10px;}
#media .ebook_wrap .ebook .trigger img{display:block;}
#media .ebook_wrap .ebook.v2{}
#media .ebook_wrap .ebook.v2 .trigger{}
#media .ebook_wrap .ebook .over{position:absolute;top:0px;left:0px;right:0px;bottom:0px;background:rgba(0,0,0,.8);display:none; border-radius: 15px;}
#media .ebook_wrap .ebook .over .box{position:absolute;top:50%;left:50%;transform:translate(-50%, -50%);}
#media .ebook_wrap .ebook .over .box a{display:block;width:120px;height:40px;line-height:40px;border:1px solid #fff;color:#fff;text-align:center;font-size:18px;border-radius:20px;}
#media .ebook_wrap .ebook .over .box a:hover{background:#fff;color:#c92128;text-decoration:none;}
#media .ebook_wrap .ebook .over .box a + a{margin-top:20px;}
#media .ebook_wrap .ebook .over .title{position:absolute;color:#fff;left:26px;bottom:16px;font-weight:500;font-size:24px;line-height:1.2;}
#media .ebook_wrap .ebook .over .title span{display:block;font-size:18px;}
#media .ebook_wrap h4{margin-bottom: 21px; font-size:60px;font-family:'KoreanYNSJG4';color:#fff;text-shadow:2px 2px 2px rgba(0,0,0,.8); position:relative;}
#media .ebook_wrap h4:after{content:'';display:block;width:30px;height:38px;background:url(/page/fire/images/media/mark_02.png) no-repeat 0 0;position:absolute;top:-12px;left:227px;background-size:cover;}
#media .ebook_wrap .more{z-index: 999;display:block;width:45px;height:45px;overflow:hidden;text-indent:-9999px;position:relative;position:absolute; bottom:450px; left:255px;}
#media .ebook_wrap .more:after{content:'';display:block;width:45px;height:47px; position:absolute; right: 0; top: 0; background: url(/page/fire/images/media/click01.png) no-repeat;}




@media (max-width: 1831px) {

#media .media_01{background: url(/page/fire/images/media/media_bg01.png) no-repeat 281px -1172px;}
#media .media_01 .title_box{left:-106px;}
#media .media_01:before{display: none;}
#media .media_01 > a{top: 115px; left: 619px;}
#media .media_01 .title_box::before{left: 243px; top: 341px;}
#media .ebook_wrap{ margin-top: -58px;}

}


@media (max-width: 1682px) {

  #media .media_01:before{display: none;}
  #media .media_01:after{display: none;}
  #media .ebook_wrap{position: relative;display: table; margin: 0 auto; margin-top: 23px;}
  #media .media_01 .title_box::before{left: 244px; top: 369px;}
  #media .ebook_wrap .more{top: 24px; left: 296px;}

}

@media (max-width: 1627px) {

   #media .media_01{background: url(/page/fire/images/media/media_bg01.png) no-repeat 281px -1172px;}
   #media .media_01 .title_box{left:-195px;}
   #media .media_01:before{display: none;}
   #media .media_01 > a{top: 110px; left: 523px;}
   #media .media_01 .title_box::before{left: 381px; top: 341px;}
   #media .ebook_wrap{ margin-top: -58px;}

}

@media (max-width: 1467px) {

    #media .media_01{background: url(/page/fire/images/media/media_bg01.png) no-repeat 281px -1172px;}
    #media .media_01 .title_box{left:-228px}
    #media .media_01:before{display: none;}
    #media .media_01 > a{top: 110px; left: 466px;}
    #media .media_01 .title_box::before{left: 381px; top: 341px;}
    #media .ebook_wrap{ margin-top: -58px;}

}

@media (max-width: 1400px) {

    #media .media_03 .sns_wrap{margin-left:18px;}
    #media .media_01 .title_box::before{left: 155px; top: 346px;}
    #media .media_01{background: url(/page/fire/images/media/media_bg01.png) no-repeat 210px -1172px;}
    #media .media_01 .title_box h3{padding-left: 37px;}
    #media .media_01 > a{top: 128px; left: 446px;}
    #media .media_01 .title_box{left:1px;}

}

@media (max-width: 1200px) {

    #media .ebook_wrap{margin-top: 98px;}

}

@media (max-width: 1096px) {

    #media .ebook_wrap{margin-top: 83px;}

}

@media (max-width: 1040px) {
  #media .media_01:after{display: block; width:272px;height:205px; background:url(/page/fire/images/media/chracter_02_t.png) no-repeat 0 0; position: absolute; top: 575px; left: 67%; }
    #media .ebook_wrap{margin-top: 35px; text-align: center;}
    #media .ebook_wrap .ebook{display:inline;}
    #media .ebook_wrap h4:after{left: 283px;}

}

@media (max-width: 1024px) {
    #media .media_01 .title_box h3{font-size: 79px; padding-left: 115px;}
    #media .media_01 .title_box h3 span{font-size: 100px; letter-spacing: -4px;}

}

@media (max-width: 919px) {

    #media .ebook_wrap{margin-top: 131px;}
}

@media (max-width: 835px) {
  #media .media_01:after{display: none;}
    #media .media_01{background:url(/page/fire/images/media/bg_media_04.jpg) no-repeat bottom center;background-size:cover;padding:215px 0 34px;}
    #media .video_wrap{padding: 0;margin-right:0;}
    #media .video_box{border-radius:0; padding-bottom: 70.25%;}
    #media .media_01 .inner{padding-bottom:0; margin: 0 10px;}
    #media .media_01 .title_box{ top:94px; left:-43px; width:327px; height: 167px; background: url(/page/fire/images/media/bg_title_m.png) no-repeat 0 0;}
    #media .media_01 .title_box{}
    #media .media_01 .title_box h3{font-size:34px;padding-left:60px;margin-top:-14px;line-height:1.2;}
    #media .media_01 .title_box h3 span{font-size:54px;padding-left:20px;}
    #media .media_01 .title_box h3 span:after{width:10px;height:18px;top:-15px;right:2px;}
    #media .ebook_wrap{position:relative;right:inherit;bottom:inherit;width:auto;padding-top:118px;}
    #media .ebook_wrap:before{content:'';display:block;width:263px;height:116px;background:url(/page/fire/images/media/bg_mark.png) no-repeat 0 0;position:absolute;bottom:-62px;left:62px;z-index:10;}
    #media .ebook_wrap .more{top:118px;left:325px;}
    #media .ebook_wrap h4{transform:rotate(-14deg);font-size:30px;position:absolute;top:46px;left:0px;}
    #media .ebook_wrap h4:after{left:100px;left:116px;top:-4px;}
    #media .media_01 .title_box::before{display:none;}
    #media .media_01 .title_box{top:-47px}
    #media .media_01 .title_box h3 span:after{right: -20px;}
    #media .media_01 > a{left: 709px; top: 154px;}
    #media .media_01:before{}
    #media .ebook_wrap{margin-top: 5px;}
    #media .ebook_wrap .more{top: 57px; left: 294px;}

}

@media (max-width: 374px) {

    #media .ebook_wrap .ebook .trigger{width:150px;}
    #media .ebook_wrap .ebook.v2 .trigger{width:135px;}
    #media .ebook_wrap .more{top:90px; left:270px;}
    #media .ebook_wrap .more{top: 68px; left: 305px;}

}

@media (max-width: 360px) {

   #media .ebook_wrap h4:after{left: 112px; top: -21px;}
   #media .ebook_wrap .ebook .trigger{display: inline;}

}

@media (max-width: 320px) {

    #media .ebook_wrap .ebook .trigger img{display: block; width: 100%;}
    #media .ebook_wrap .more{top: 68px; left: 252px;}

}

    #media .media_02{position:relative;}
    #media .media_02 .gallary_wrap{padding:100px 0 0 0;position:relative;}
    #media .media_02 .gallary_wrap .slick-wrap{max-width:1660px;margin:0 0 0 calc((100% - 1400px) / 2);position:relative;z-index:10;}
    #media .media_02 .gallary_wrap .slick-wrap .slick-slider .slick-list{padding-bottom:20px;}
    #media .media_02 .gallary_wrap .slick .text{position:absolute;top:6px;right:6px;display:block;width:58px;height:58px;line-height:58px;background:#fff;text-align:center;border-radius:50%;color:#222;font-size:18px;font-weight:bold;white-space:nowrap;}
    #media .media_02 .gallary_wrap .slick .slick-slide{margin-right:13px;width: 448px;height:331px;border-radius:15px;overflow:hidden;position:relative;margin-top:158px;box-shadow: 1px 1px 15px rgba(0,0,0,.4);}
    #media .media_02 .gallary_wrap .slick .slick-slide img{height:100%;object-fit:cover;position:absolute;top:50%;left:50%;transform:translate(-50%, -50%);}
    #media .media_02 .gallary_wrap .slick .slick-slide.active2{width:688px;height:494px;margin-top:-3px;transition:all .5s;}
    #media .media_02 .gallary_wrap .slick .slick-slide.active2 .text{width:80px;height:80px;top: 12px;right: 8px; line-height:80px;font-size:24px;}
    #media .media_02 h3{font-size:72px;font-family:'KoreanYNSJG5';color:#fff;text-shadow:2px 2px 2px rgba(0,0,0,.8);position:absolute;top:126px;left:52%;margin-left:21px;}
    #media .media_02 h3 span{display:inline-block;z-index:100;position:relative;}
    #media .media_02 h3:after{content:'';display:block;width:30px;height:38px;background:url(/page/fire/images/media/mark_02.png) no-repeat 0 0;position:absolute;top:-23px;right:-30px;background-size:cover;z-index:100;}
    #media .media_02 .control{position:absolute;top:58px;left:50%;margin-left:450px;z-index:1000;}
    #media .media_02 .more{display:block;width:45px;height:47px;overflow:hidden;text-indent:-9999px;position:relative;position:absolute;top:58px;left:52%;margin-left:518px;z-index:100;}
    #media .media_02 .more:after{content:'';display:block;width:45px;height:47px; position:absolute; right: 0; top: 0; background: url(/page/fire/images/media/click01.png) no-repeat;}

@media (max-width: 1450px) {

    #media .media_02 .gallary_wrap .slick-wrap{margin-left:18px}
    #media .ebook_wrap h4{margin-bottom: }
    #media .media_02 h3{left:749px;margin-left:0;}
    #media .media_02 .more{left:inherit;right:30px;margin-left:0;}
    #media .media_02 .control{left:inherit;right:90px;margin-left:0;}

}

@media (max-width: 1330px) {

    #media .media_02 .gallary_wrap{padding:112px 0 90px;}
    #media .media_02 .gallary_wrap .slick .slick-slide{width:350px;height:249px;margin-top:105px;}
    #media .media_02 .gallary_wrap .slick .slick-slide.active2{width:500px;height:355px;}
    #media .media_02 h3{left:547px;top:122px;font-size:55px;}
    #media .media_02 h3:after{width:18px;height:22px;top:-11px;right:-15px;}
    #media .media_02 .control{top:27px;right:70px;}
    #media .media_02 .more{top:31px;right:15px;}
    #media .media_03 .sns_wrap{padding: 70px 0 118px; }
    #media .media_03 h3{top: 54px;}
    #media .video_box{padding-bottom: 60.25%;}

}

@media (max-width: 1220px) {

    #media .video_box{padding-bottom: 66.25%;}


}
@media (max-width: 1099px) {

    #media .video_box{padding-bottom: 66.25%;}

}

@media (max-width: 1023px) {

    #media .media_02 .gallary_wrap{padding:40px 0 60px;}
    #media .media_02 .gallary_wrap .slick .slick-slide{width:250px;height:178px;margin:71px 15px 0 0;}
    #media .media_02 .gallary_wrap .slick .slick-slide.active2{width:350px;height:249px;}
    #media .media_02 .control{left: 631px; top: 5px;}
    #media .media_02 h3{left:384px;top:38px;font-size:45px;}
    #media .media_02 h3:after{width:13px;height:17px;top:-7px;right:-12px;}
    #media .media_02 .more{top:5px;}
    #media .media_02 .gallary_wrap .slick .text{width:51px;height:51px;line-height:51px;font-size:16px;}
    #media .media_02 .gallary_wrap .slick .slick-slide.active2 .text{width:65px;height:65px;line-height:65px;font-size:18px;}
}

@media (max-width: 835px) {

    #media .media_02{background:url(/page/fire/images/media/bg_media_05.jpg) no-repeat bottom center;background-size:cover;margin-top:-1px}
    #media .media_02 .gallary_wrap{padding:110px 0 44px;}
    #media .media_02 .gallary_wrap .slick .slick-slide{width:300px !important;height:300px !important;margin:0 10px 0 0;}
    #media .media_02 .gallary_wrap .slick .text{width:51px !important;height:51px !important;line-height:51px !important;font-size:16px !important;}
    #media .media_02 .more{left: 257px; top: -63px;}
    #media .media_02 h3{transform:rotate(-14deg);font-size:30px;top:42px;left:14px;}
    #media .media_02 h3:after{width:10px;height:13px;top:-8px;right:-9px;}
    #media .media_02 h3:before{display:none;}
    #media .media_02 .control{display: none;}

}

    #media .media_03{position:relative; background:url(/page/fire/images/media/media_bg02.png) no-repeat -133px 105px;}
    #media .media_03 .sns_wrap{padding:197px 0 118px;position:relative;max-width:1400px;margin:0 auto;}
    #media .media_03 h3{font-size:70px;font-family:'KoreanYNSJG4';color:#fff;text-shadow:2px 2px 2px rgba(0,0,0,.8);position:absolute;top:42px;}
    #media .media_03 h3:after{content:'';display:block;width:37px;height:46px;background:url(/page/fire/images/media/mark_03.png) no-repeat 0 0;position:absolute;top:-30px;right:-31px;background-size:cover;}
    #media .media_03 .sns_link{position:absolute;top:60px;right:0;}
    #media .media_03 .sns_link a{display:inline-block;margin-left:6px;}
    #media .media_03 .slick .slide{background:#fff;width:330px;margin-right:22px;display:block;float:left;border-radius:20px;box-shadow:1px 1px 15px rgba(0,0,0,.3);}
    #media .media_03 .slick .slide:last-child{margin-right:0;}
    #media .media_03 .slick .top{padding:25px 80px 25px;position:relative;}
    #media .media_03 .slick .top .logo{display:block;width:60px;height:60px;position:absolute;left:12px;top:50%;margin-top:-30px;}
    #media .media_03 .slick .top .mark{width:43px;height:105px;border-radius:22px;background:#1877f2;position:absolute;top:-30px;right:30px;box-shadow:1px 1px 8px rgba(0,0,0,.3);text-align:center;}
    #media .media_03 .slick .top .mark img{width:26px;position:absolute;bottom:0px;left:50%;margin-left:-13px;}
	#media .media_03 .slick .top .mark2{width:50px;height:50px;border-radius:25px;background:#e6210c;position:absolute;top:-22px;right:30px;box-shadow:1px 1px 8px rgba(0,0,0,.3);text-align:center;}
    #media .media_03 .slick .top .mark2 img{width:26px;position:absolute;bottom:16px;left:50%;margin-left:-13px;}
    #media .media_03 .slick .top strong{display:block;font-size:16px;font-weight:bold;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;color:#333}
    #media .media_03 .slick .top span{display:block;font-size:14px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;color:#83888f;}
    #media .media_03 .slick .img_box{height:250px;}
    #media .media_03 .slick .img_box img{display:block;width:100%;height:100%;}
    #media .media_03 .slick .bottom{padding:18px 20px 22px 20px;}
    #media .media_03 .slick .bottom strong{display:block;font-size:18px;font-weight:bold;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;color:#333;padding-bottom:2px;}
    #media .media_03 .slick .bottom .text{display:-webkit-box;-webkit-line-clamp:4;-webkit-box-orient:vertical;overflow:hidden;height:75px;color:#333;line-height:1.2}
    #media .media_03 .slick .bottom .more{display:block;color:#666;font-size:14px;margin-top:10px;}
    #media .media_03 .sns_wrap .slick-slider .slick-list{padding:30px 0 20px;}

@media (max-width: 1330px) {

    #media .media_03 .sns_wrap{padding: 70px 0 118px; }
    #media .media_03 h3{top: -52px; margin-left: 18px;}
    #media .media_03 .sns_link{top:-36px; margin-right: 18px;}

}

@media (max-width: 1200px) {

    #media .media_03 h3{font-size:55px;top:-46px;}
    #media .media_03 h3:after{width:18px;height:22px;top:-10px;right:-17px;}
    #media .media_03 .sns_link{top:-33px}
    #media .media_03 .sns_link a img{width:50px;height:50px;}

}

@media (max-width: 1023px) {

    #media .media_03 .sns_wrap{padding:120px 0 90px;}
    #media .media_03 h3{top: 7px; font-size:45px; margin-left: 18px;}
    #media .media_03 h3:after{width:13px;height:17px;top:-7px;right:-12px;}
    #media .media_03 .slick .slide{width:280px;}
    #media .media_03 .slick .top{padding:12px 60px 12px 70px}
    #media .media_03 .slick .top .logo{width:48px;height:48px;margin-top:-24px;}
    #media .media_03 .slick .top .mark{height:70px;right:25px;}
    #media .media_03 .slick .top .mark img{width:22px;margin-left:-11px;}
    #media .media_03 .slick .img_box{height:210px;}
    #media .media_03 .slick .bottom{padding:16px 20px 19px 20px;}
    #media .media_03 .slick .bottom .text{-webkit-line-clamp:3;height:58px;}
    #media .media_03:before{display:none;}
    #media .media_03 .sns_link{top: 11px; margin-right: 18px;}

}

@media (max-width: 835px) {

    #media .media_03{background:url(/page/fire/images/media/bg_media_06.jpg) no-repeat top center;background-size:cover;margin-top:-1px;}
    #media .media_03 .sns_wrap{padding:120px 0 80px}
    #media .media_03 h3{transform:rotate(-14deg);font-size:30px;right:21px;top:33px;}
    #media .media_03 h3:after{width: 12px;height: 16px;top: -10px;right: -11px;}
    #media .media_03 .sns_link{right:214px;transform:rotate(-14deg);top:41px}
    #media .media_03 .sns_link a img{width:34px;height:34px;}

}