@charset "utf-8";

.inner{max-width: 1400px; margin: 0 auto;}
#header {}
#media{}
.page_wrap{}
#media .media_wrap{ background: url('/page/fire/images/olympic/olympic_bg.jpg') no-repeat center 0; background-size: cover; overflow: hidden; }
#media .media_wrap .media_01{margin-bottom: 106px;}
#media .media_wrap .media_01 .title_box h3{display: inline-block; position: relative; left: 50%; transform:  translateX(-50%); padding-top: 200px; text-align: center; font-size: 128px; line-height: 100%;}
#media .media_wrap .media_01 .title_box h3 strong{position: relative; z-index: 1; display: inline-block; font-family: "a파도소리"; color:#002789; text-shadow: 3px 2px 0px #fff; font-weight: normal;}
/*#media .media_wrap .media_01 .title_box h3 strong::before{display: none; position: absolute; top: -30px; left:-70px; z-index: -1; display: block; content: ""; width: 118px; height: 49px; background: url(/page/fire/images/olympic/olympic_icon01.png)no-repeat;}*/
#media .media_wrap .media_01 .title_box h3 span{position: absolute; top: 230px; left: 274px; display: inline-block; font-size: 20px; color: #fff; text-align: left; line-height: 100%; text-transform: uppercase; line-height: 30px; font-family: "a파도소리"; text-shadow: 2px 1px 0px #000;}
#media .media_wrap .media_01 .title_box h3 em{position: relative; display: inline-block; position:relative; top: 27px; left: -9px; font-size: 100px; font-family: "a파도소리"; color: #004fa8; text-shadow: 3px 2px 0px #fff;}
#media .media_wrap .media_01 .title_box h3 em::after{position: absolute; top: -16px; right:-38px; display: inline-block; content: ""; width: 29px; height: 38px; background: url(/page/fire/images/olympic/olympic_icon02.png)no-repeat; }
#media .media_wrap .media_01 .inner > a{ position: relative; float: right; padding-left: 30px; display: block; width: 160px; height: 60px; line-height: 60px; background: #fff; color:#000; font-size: 24px; font-family: "KoreanYNSJG3R"; border-radius: 30px;}
#media .media_wrap .media_01 .inner > a::after{position: absolute; top: 50%; right: 28px; transform:  translatey(-50%); display: block; content: ""; width: 29px; height: 20px; background:url(/page/fire/images/olympic/more_icon.png)no-repeat;}
#media .media_wrap .media_01 .video_wrap{display: none; overflow: hidden; width: 100%; position:relative;z-index:10; padding: 30px 0 80px 0; border-radius: 10px;}
#media .media_wrap .media_01 .video_wrap .video_box{height:0;padding-bottom:56.25%;overflow:hidden;border-radius: 15px;box-shadow:0px 0px 20px rgba(0,0,0,.3);}
#media .media_wrap .media_01 .video_box iframe{border-radius: 10px;}
#media .media_wrap .media_01 .img_list{margin: 136px 10px 0 10px;}
#media .media_wrap .media_01 .img_list ul{}
#media .media_wrap .media_01 .img_list ul li{float: left; width: 24.3%; margin:0 0 2% 0.9%; }
#media .media_wrap .media_01 .img_list ul li:nth-child(1){margin-left: 0;}
#media .media_wrap .media_01 .img_list ul li:nth-child(5){margin-left: 0;}
#media .media_wrap .media_01 .img_list ul li:nth-child(9){margin-left: 0;}
#media .media_wrap .media_01 .img_list ul li:nth-child(13){margin-left: 0;}
#media .media_wrap .media_01 .img_list ul li  a {display:block; }
#media .media_wrap .media_01 .img_list ul li  a .img_list_box{margin-bottom: 13px; border-radius: 10px;}
#media .media_wrap .media_01 .img_list ul li  a .img_list_box img{display: block; width: 100%; border-radius: 15px; box-shadow: 0 15px 30px rgba(0,0,0,.15); }
#media .media_wrap .media_01 .img_list ul li  a .text_bottom{line-height: 36px; letter-spacing: -1px;}
#media .media_wrap .media_01 .img_list ul li  a .text_bottom strong{display: block; font-size: 22px; font-weight:500; overflow:hidden; text-overflow: ellipsis; white-space: nowrap; color: #212121;}
#media .media_wrap .media_01 .img_list ul li  a .text_bottom span{font-size: 18px; color: #424242; font-weight:300;}

@media (max-width:1330px) {

#media .media_wrap .media_01{margin-bottom: 60px;}

}

@media (max-width:1220px) {



}

@media (max-width:1200px) {

#media .media_wrap .media_01 .inner > a{margin:40px 20px 0 0;}
#media .media_wrap .media_01 .video_wrap{margin: 20px 0 20px 0;}
#media .media_wrap .media_01 .img_list{}

}

@media (max-width:960px) {

 #media .media_wrap .media_01{margin-bottom: 25px;}
 #media .media_wrap .media_01 .img_list ul li{width: 32%; margin: 0 0 1% 2%;}
 #media .media_wrap .media_01 .img_list ul li:nth-child(4){margin-left: 0;}
 #media .media_wrap .media_01 .img_list ul li:nth-child(7){margin-left: 0;}
 #media .media_wrap .media_01 .img_list ul li:nth-child(10){margin-left: 0;}
 #media .media_wrap .media_01 .img_list ul li:nth-child(13){margin-left: 0;}
 #media .media_wrap .media_01 .img_list ul li:nth-child(16){margin-left: 0;}
 #media .media_wrap .media_01 .img_list ul li:nth-child(19){margin-left: 0;}

 #media .media_wrap .media_01 .img_list ul li:nth-child(5){margin-left: 2%;}
 #media .media_wrap .media_01 .img_list ul li:nth-child(9){margin-left: 2%;}


 }

@media (max-width:835px) {

 #media .media_wrap .media_01{margin-bottom: 25px;}

 }

@media (max-width:767px) {

#media .media_wrap .media_01 .img_list{margin: 77px 10px 0 10px;}
#media .media_wrap .media_01 .inner > a{display: none;}
#media .media_wrap .media_01 .title_box h3 strong::before{top: -40px; left: -49px;}
#media .media_wrap .media_01 .title_box h3 em{display: block; top: -10px; }
#media .media_wrap .media_01 .title_box h3 span{width: 100%; top: 445px; left: 0;}

}

@media (max-width:600px) {

#media .media_wrap .media_01 .img_list ul li{width: 49%; margin: 0 0 1% 2%;}
#media .media_wrap .media_01 .img_list ul li:nth-child(3){margin-left: 0;}
#media .media_wrap .media_01 .img_list ul li:nth-child(5){margin-left: 0;}
#media .media_wrap .media_01 .img_list ul li:nth-child(9){margin-left: 0;}
#media .media_wrap .media_01 .img_list ul li:nth-child(11){margin-left: 0;}
#media .media_wrap .media_01 .img_list ul li:nth-child(15){margin-left: 0;}
#media .media_wrap .media_01 .img_list ul li:nth-child(17){margin-left: 0;}
#media .media_wrap .media_01 .img_list ul li:nth-child(4){margin-left: 2%;}
#media .media_wrap .media_01 .img_list ul li:nth-child(10){margin-left: 2%;}
#media .media_wrap .media_01 .img_list ul li:nth-child(16){margin-left: 2%;}

}

@media (max-width:460px) {

#media .media_wrap .media_01 .video_wrap{padding: 30px 0 140px 0;}
#media .media_wrap .media_01 .img_list ul li:nth-child(4){margin-left: 0;}
#media .media_wrap .media_01 .img_list ul li:nth-child(10){margin-left: 0;}
#media .media_wrap .media_01 .img_list ul li:nth-child(16){margin-left: 0;}

#media .media_wrap .media_01 .img_list ul li{width: 100%; margin: 10px 0;}
#media .media_wrap .media_01 .title_box h3{font-size: 80px; padding-top: 105px;}
#media .media_wrap .media_01 .title_box h3 em::after{top: -21px; right: -31px;}
#media .media_wrap .media_01 .title_box h3 em{ top: -4px; font-size: 60px;}
#media .media_wrap .media_01 .title_box h3 span{top:266px; font-size: 14px; line-height: 20px;}
}

@media (max-width:375px) {



}

/*
@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{left: 986px;}

}

@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;width:30px;height:30px;}
    #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: 69px; left: 307px;}

}

@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: 269px;}

}
*/

#media .media_02{position:relative; margin-bottom: 139px;}
#media .media_02 .gallary_wrap .slick-wrap{position: relative; margin:0 0 0 calc((100% - 1400px) / 2); position:relative;z-index:10;}
#media .media_02 .gallary_wrap .slick-wrap .slick-slider .slick-list{}
#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: 179px 16px 30px 0; width: 456px;height:331px;border-radius:15px;overflow:hidden;position:relative;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{margin: 16px 16px 30px 10px; width:580px;height:494px;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 .gallary_wrap .slick-wrap .control a{position: absolute; top:-5px; right: -190px; z-index: 1000; display: block; padding-left: 30px; width: 160px; height: 60px; line-height: 60px; font-size: 24px; font-family: "KoreanYNSJG3R"; border-radius: 30px; background:#fff; color:#000;}
#media .media_02 .gallary_wrap .slick-wrap .control a::after{position: absolute; top: 50%; right: 28px; transform:  translatey(-50%); display: block; content: ""; width: 29px; height: 20px; background:url(/page/fire/images/olympic/more_icon.png)no-repeat;}
#media .media_02 h3{font-size:70px;font-family: "a파도소리";color:#000; position:absolute;top: 2px;left:45%; letter-spacing: -2px; text-shadow: 3px 2px 0px #fff; line-height:1;}
#media .media_02 h3 span{display:inline-block;z-index:100;position:relative; color: #004fa8; }
#media .media_02 h3:after{content:'';display:block;width: 29px; height: 38px; background: url(/page/fire/images/olympic/olympic_icon02.png)no-repeat; position:absolute;top:-33px;right:-36px;background-size:cover;z-index:100;}
#media .media_02 .control{position:absolute;top: 101px;left: 35.2%;margin-left: 450px;z-index:1000;}
#media .media_02 .control .next{margin-left:26px;}

@media (max-width: 1450px) {

 #media .media_02 .gallary_wrap .slick-wrap{margin-left: 20px;}
 #media .ebook_wrap h4{margin-bottom: }
 #media .media_02 .more{left:inherit;right:30px;margin-left:0;}

}

@media (max-width: 1330px) {

 #media .media_02{margin-bottom: 0;}
 #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:18px;top:10px;}
 #media .media_02 h3:after{width:18px;height:22px;top: -19px; right: -28px;}
 #media .media_02 .control{left: 6%; top:27px;}
 #media .media_02 .more{top:31px;right:15px;}
 #media .video_box{padding-bottom: 60.25%;}
 #media .media_02 .gallary_wrap .slick-wrap{margin-top: 30px;}

}

@media (max-width: 1220px) {

 #media .video_box{padding-bottom: 66.25%;}
 #media .media_02 .gallary_wrap .slick-wrap{margin-top: 0;}
 #media .media_02 .gallary_wrap .slick .slick-slide.active2{margin: 63px 16px 30px 10px;}
 #media .media_02 .gallary_wrap .slick .slick-slide{margin-top: 169px;}
 #media .media_02 .control{top: 90px;}

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

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

}

@media (max-width: 1023px) {

 #media .media_02 .gallary_wrap .slick .slick-slide.active2{margin: 37px 16px 30px 10px;}
 #media .media_02 .gallary_wrap{padding:40px 0 60px;}
 #media .media_02 .gallary_wrap .slick .slick-slide{width:250px;height:178px; margin: 107px 15px 0 0;}
 #media .media_02 .gallary_wrap .slick .slick-slide.active2{width:350px;height:249px;}
 #media .media_02 .control{left: -8%; top: 40px;}
 #media .media_02 h3{left:18px;top:-32px;font-size:45px;}
 #media .media_02 h3:after{width:13px;height:17px;top:-15px;right:-19px;}
 #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 .gallary_wrap{padding:55px 0 44px;}
 #media .media_02 .gallary_wrap .slick .slick-slide{width:300px !important; height:300px !important; margin: 38px 16px 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{font-size:30px;top:5px;left:18px;}
 #media .media_02 h3:after{width:10px;height:13px;top:-11px;right:-17px;}
 #media .media_02 h3:before{display:none;}
 #media .media_02 .control{display: none;}


}

#media .media_03{}
#media .media_03 .white_book_title h3{display: inline-block; position: relative; left: 50%; transform: translateX(-50%); font-size:70px;font-family: "a파도소리";color:#000; letter-spacing: -2px; text-shadow: 3px 2px 0px #fff; text-align: center; line-height: 100%; margin-bottom: 46px;}
#media .media_03 .white_book_title h3 span{display:inline-block;z-index:100;position:relative; color: #004fa8; }
#media .media_03 .white_book_title h3:after{content:'';display:block;width: 29px; height: 38px; background: url(/page/fire/images/olympic/olympic_icon02.png)no-repeat; position:absolute; top:-37px; right:-32px; background-size:cover;z-index:100;}
#media .media_03 .white_book_title a{ position: relative; top: 10px; float: right; padding-left: 30px; display: block; width: 160px; height: 60px; line-height: 60px; background: #fff; color:#000; font-size: 24px; font-family: "KoreanYNSJG3R"; border-radius: 30px;}
#media .media_03 .white_book_title a::after{position: absolute; top: 50%; right: 28px; transform:  translatey(-50%); display: block; content: ""; width: 29px; height: 20px; background:url(/page/fire/images/olympic/more_icon.png)no-repeat;}
#media .media_03 .white_book{overflow: hidden; position: relative; max-width: 1404px;margin: 0 0 100px 0; border-radius: 10px; box-shadow: 0 15px 30px rgba(0,0,0,.15)}
#media .media_03 .white_book img{display: none; width: 100%; height: 100%; border-radius: 10px 10px 20px 20px;}
#media .media_03 .white_book .pc{display: block;}
#media .media_03 .white_book .download_box{position: absolute; bottom:0; width: 100%; height: 130px; background: rgba(0,0,0,0.9); border-radius: 0 0 10px 14px;}
#media .media_03 .white_book .download_box .download_box_wrap{padding: 40px 0;}
#media .media_03 .white_book .download_box .text_box{padding:0 10px 0 119px;display: inline-block; line-height: 100%; }
#media .media_03 .white_book .download_box span{font-size: 24px; color: #fff; line-height: 29px;}
#media .media_03 .white_book .download_box .download_inbox{display:inline-block; position: absolute;right: 118px; }
#media .media_03 .white_book .download_box a{display: inline-block; width: 180px; height: 50px; padding-left:38px; line-height: 50px; background: #fff; border-radius: 30px; font-size: 19px;}
#media .media_03 .white_book .download_box a.download{position: relative; margin-right: 25px;}
#media .media_03 .white_book .download_box a.download::after{position: absolute; right:38px; top: 50%; transform: translateY(-50%);display: block; content: ""; width: 21px; height: 20px; background: url(/page/fire/images/olympic/download.png)no-repeat;}
#media .media_03 .white_book .download_box a.view{position: relative;}
#media .media_03 .white_book .download_box a.view::after{position: absolute; right:38px; top: 50%; transform: translateY(-50%);display: block; content: ""; width: 21px; height: 20px; background: url(/page/fire/images/olympic/view.png)no-repeat;}



@media (max-width:1330px) {

#media .media_03 .white_book_title h3{left: 20px; margin-bottom: 38px; transform:none;}

}


@media (max-width:1200px) {

#media .media_03 .white_book{margin: 0 20px 100px 20px;}
#media .media_03 .white_book .download_box .download_inbox{right: 30px;}
#media .media_03 .white_book_title a{margin-right: 20px;}

}

@media (max-width: 1023px) {

#media .media_03 .white_book .download_box .text_box{padding-left: 30px;}
#media .media_03 .white_book .download_box .download_inbox{top: 16px;}
#media .media_03 .white_book .download_box .download_box_wrap{padding:10px 0;}
#media .media_03 .white_book .download_box{bottom:-48px;}
#media .media_03 .white_book_title h3{font-size: 45px; margin-bottom: 17px;}
#media .media_03 .white_book_title a{top: -8px;}

}

@media (max-width:960px) {

#media .media_03 .white_book .download_box .download_inbox{}
#media .media_03 .white_book img{border-radius: 15px;}

}

@media (max-width:860px) {

#media .media_03 .white_book .download_box a{display: inline-block; width: 50px; height: 50px; text-indent: -9999px;}
#media .media_03 .white_book .download_box a.download::after{top: 50%; left:50%; transform: translate(-50%, -50%);}
#media .media_03 .white_book .download_box a.view::after{top: 50%; left:50%; transform: translate(-50%, -50%);}

}


@media (max-width:835px) {

#media .media_03 .white_book_title a{display: none;}
#media .media_03 .white_book_title h3{margin-bottom: 13px; font-size: 30px;}
#media .media_03 .white_book_title h3:after{top: -13px; right: -18px; width: 10px; height: 13px;}

}

@media (max-width:768px) {

#media .media_03 .white_book .download_box .download_inbox{position: static; float: right; margin: 12px 30px 11px 30px;}
#media .media_03 .white_book .download_box{position: static; height: 83px; margin-top: -12px;}
#media .media_03 .white_book .download_box .text_box{padding: 7px 10px 0 20px;}
#media .media_03 .white_book .download_box .text_box span{font-size: 20px}

}

@media (max-width:650px) {

#media .media_03 .white_book .download_box .text_box{padding-left: 20px;}

}

@media (max-width:600px) {

#media .media_03 .white_book .pc{display: none;}
#media .media_03 .white_book .tablet{display: block;}
#media .media_03 .white_book .download_box a{ padding-left: 10px;}
#media .media_03 .white_book .download_box a.download::after{right: 10px;}
#media .media_03 .white_book .download_box a.view::after{right: 10px;}
#media .media_03 .white_book .download_box .text_box{ }
#media .media_03 .white_book .download_box .text_box br{}
#media .media_03 .white_book .download_box .text_box span{}
#media .media_03 .white_book .download_box{}
#media .media_03 .white_book .download_box .download_inbox{}

}

@media (max-width:576px) {

#media .media_03 .white_book .download_box{height: 180px;}

}

@media (max-width:565px) {

#media .media_03 .white_book .download_box{height: 180px;}
#media .media_03 .white_book .download_box .download_inbox{margin: 27px 30px 6px 30px;}

}

@media (max-width:520px) {

#media .media_03 .white_book .download_box .download_inbox{top: 135px; left: 15px;}
#media .media_03 .white_book .download_box{height: 180px;}
#media .media_03 .white_book .download_box a.download{margin-right: 0; }
#media .media_03 .white_book .download_box a{display: inline-block; width: 50px; height: 50px;   text-indent: -9999px;}
#media .media_03 .white_book .download_box a.download::after{top: 50%; left: 50%; transform: translate(-50%, -50%);}
#media .media_03 .white_book .download_box a.view::after{top: 50%; left: 50%; transform: translate(-50%, -50%);}

}

@media (max-width:375px) {


#media .media_03 .white_book .download_box .text_box span{font-size: 18px;}

}

@media (max-width:360px) {

#media .media_03 .white_book .download_box .text_box span{font-size: 16px; line-height: 20px;}

}

@media (max-width:330px) {

#media .media_03 .white_book .download_box .text_box span{font-size: 14px;}

}


























/*
@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;}

}
*/