@charset 'UTF-8';@import url(https://fonts.googleapis.com/css?family=Playfair+Display);@import url(https://fonts.googleapis.com/css?family=Roboto:300,400,700);@import url(https://cdn.jsdelivr.net/font-nanumlight/1.0/nanumbarungothicweb.css);body{min-width:1000px;margin:auto;font-size:20px;font-family:Roboto,NanumBarunGothic,sans-serif;font-weight:300;color:#363636}a{color:#363636;text-decoration:none}svg,video{vertical-align:top}#viewport{padding-top:78px}p{margin:16px 0;word-break:keep-all;font-size:18px;line-height:1.6}.head_wrap{position:relative;height:100vh}.head_wrap .title_box{text-align:center}.head_wrap .play_btn{position:relative;width:130px;height:130px;margin:30px auto 0}.head_wrap .play_btn .wave{position:absolute;width:130px;height:130px;top:50%;left:50%;margin-top:-65px;margin-left:-65px}.head_wrap .play_btn .after,.head_wrap .play_btn .before{box-sizing:border-box;position:absolute;top:50%;left:50%;border:2px solid #e6313a;border-radius:100%}.head_wrap .play_btn .before{width:106px;height:106px;margin-top:-53px;margin-left:-53px;opacity:.6}.head_wrap .play_btn .after{width:130px;height:130px;margin-top:-65px;margin-left:-65px;opacity:.3}.head_wrap .play_btn a{display:block;position:absolute;z-index:10;top:50%;left:47px;width:38.5px;height:42.5px;margin-top:-21.25px;background:#e6313a;background:url(/innovation/RedCross2/img/sprite.png) no-repeat 0 0;background-size:200px}.head_wrap .opening{overflow:hidden;position:absolute;z-index:30;top:50%;bottom:50%;left:0;right:0;background:rgba(0,0,0,.8);visibility:hidden;opacity:0}.head_wrap .opening video{width:100%;height:100%;opacity:0}.head_wrap .opening .btn_close{display:block;position:absolute;z-index:50;top:40px;right:40px;width:70px;height:70px;background:url(/innovation/RedCross2/img/sprite.png) no-repeat -80px -210px;background-size:200px;opacity:0;transform:scale(0)}#bgHero{position:absolute;top:0;left:0;right:0;bottom:0;background-color:#363636}#bgHero li,#bgHero ul{position:absolute;top:0;left:0;right:0;bottom:0}#bgHero li{background-repeat:no-repeat;background-position:50% 50%;background-size:cover}.title_box{position:absolute;top:50%;left:0;right:0;margin-top:-247px}.hero_title{width:928px;margin:auto;line-height:1.2;white-space:nowrap;text-transform:uppercase;font-size:100px;font-family:'Playfair Display',Georgia,serif;font-weight:400;color:#fff;transform:scaleY(.9)}.hero_title .top{letter-spacing:.49em;color:#e6313a}.hero_title .bot{letter-spacing:.625em}.scroll_down{position:absolute;bottom:16px;left:0;right:0;text-align:center}.scroll_down i{display:block;width:28px;height:65px;margin:auto;background:url(/innovation/RedCross2/img/sprite.png) no-repeat -40px 0;background-size:200px;transform:scale(.8)}.scroll_down span{font-size:15px;color:#fff}.copyright{padding:70px 0;background:#fff;text-align:center;font-size:14px;font-weight:200;color:#818181}.copyright p{letter-spacing:0}.ba_slider{position:relative;overflow:hidden}.ba_slider img{width:100%;display:block}.ba_slider .resize{position:absolute;top:0;left:0;height:100%;width:75%;overflow:hidden}.ba_slider .handle{position:absolute;left:75%;top:0;bottom:0;width:1px;cursor:ew-resize}.ba_slider .handle:after{content:'';display:block;position:absolute;top:50%;width:35px;height:35px;margin:-17px 0 0 -17px;background:url(/innovation/RedCross2/img/sprite.png) no-repeat -70px -30px;background-size:200px}.ba_slider .handle:before{position:absolute;top:50%;width:88px;height:88px;margin:-44px 0 0 -44px;content:'';color:#fff;font-weight:700;font-size:36px;text-align:center;line-height:64px;background:rgba(255,255,255,.6);border-radius:50%;box-shadow:0 0 0 10px rgba(255,255,255,.1);transition:all .3s ease}.ba_slider .gesture{display:block;position:absolute;top:50%;left:75%;width:62px;height:49px;margin-top:-25px;margin-left:-125px;background:url(/innovation/RedCross2/img/sprite.png) no-repeat 0 -285px;background-size:200px}.ba_slider .gesture span{display:block;position:absolute;top:100%;left:0;right:0;text-align:right;font-size:20px;color:#fff}.section_pagination{position:fixed;z-index:70;right:40px;top:50%;width:30px;margin-top:-51px}.section_pagination b{content:'';display:block;width:1px;position:absolute;top:24px;left:50%;bottom:156px;margin-left:-.5px;background:#e6313a}.section_pagination a{position:relative;display:block;width:30px;height:30px}.section_pagination a i{display:block;width:8px;height:8px;position:absolute;top:50%;left:50%;margin-top:-4px;margin-left:-4px;border-radius:100%;background:#aeaeae}.section_pagination a.active i{background:#e6313a}.section_pagination a.at_0:before{content:'';display:block;width:18px;height:18px;margin-top:-10px;margin-left:-10px;position:absolute;top:50%;left:50%;border:1px solid #e6313a;border-radius:100%}.section_pagination a.at_0 i{background:#e6313a}.bq1_wrap{position:relative;overflow:hidden;height:604px;background-color:#e43a41}.bq1_wrap .bg_wrap{position:absolute;z-index:20;top:-110px;left:0;width:100%;height:824px;background-position:50% 50%;background-repeat:no-repeat;background-size:cover}.bq1_wrap .bq1_box{display:table;position:relative;width:100%;height:100%;color:#fff}.bq1_wrap .inner{display:table-cell;position:relative;z-index:50;width:100%;height:100%;vertical-align:middle}.bq1_wrap .txt_box{max-width:1200px;margin:auto}.bq1_wrap .txt_box blockquote{margin-left:125px;line-height:1.5}.bq1_wrap .txt_box blockquote p{position:relative;margin-bottom:25px;font-size:30px}.bq1_wrap .txt_box blockquote p:after,.bq1_wrap .txt_box blockquote p:before{content:'';display:block;position:absolute;width:69px;height:61px}.bq1_wrap .txt_box blockquote p:before{top:-20px;left:-40px;background:url(/innovation/RedCross2/img/sprite.png) no-repeat 0 -70px;background-size:200px}.bq1_wrap .txt_box blockquote p:after{bottom:-5px;left:278px;background:url(/innovation/RedCross2/img/sprite.png) no-repeat -70px -70px;background-size:200px}.bq1_wrap .txt_box blockquote cite{overflow:hidden;display:block;width:570px;white-space:nowrap;font-style:normal;font-size:20px}.bq1_wrap .txt_box .desc{width:570px;margin-top:55px;margin-left:125px;font-size:18px}.bq1_wrap .txt_box .desc span{border-bottom:1px solid #fff}.bq1_wrap .spotlight{position:absolute;top:0;left:0}.section{position:relative;overflow:hidden;text-align:center}.section .bg_wrap{position:absolute;top:0;right:0;bottom:0;left:0;background-repeat:no-repeat;background-position:50% 50%;background-size:cover}.section .inner{position:relative;z-index:20;max-width:1200px;margin:auto}.section_tit{padding-top:120px}.section_tit .num{display:inline-block;position:relative;top:-31px;margin-right:10px;vertical-align:top;letter-spacing:-3px;line-height:110px;font-size:81px;font-weight:400;font-family:'Playfair Display',Georgia,serif;color:#e6313a}.section_tit .num .after,.section_tit .num .lead{display:inline-block;vertical-align:top;line-height:70px;transform:scaleY(1.2)}.section_tit .num .lead{position:relative}.section_tit .num .after{position:relative;top:-9px}.section4 .section_tit .num .after{top:-22px}.section_tit .num:after{content:'';display:block;position:absolute;bottom:33px;left:23px;width:60px;height:1px;background:#e6313a}.section_tit .txt{letter-spacing:-2px;font-size:50px;font-weight:300}.section1{padding-bottom:120px;background-position:50% 0;background-repeat:no-repeat;background-size:cover;color:#fff}.section1 .symbols{width:744px;margin:auto}.section1 .symbols caption{width:600px;margin:0 auto 20px;font-size:25px}.section1 .symbols caption span{border-bottom:1px solid #fff}.section1 .symbols caption b{color:#e6313a}.section1 .symbols td,.section1 .symbols th{height:77px;padding:10px 0;vertical-align:middle}.section1 .symbols th{width:130px;letter-spacing:-1px;text-align:left;font-size:30px;font-weight:400}.section1 .symbols th i{display:inline-block;position:relative;top:-2px;margin-right:10px;vertical-align:middle}.section1 .symbols th i.redcross{width:20px;height:20px;background:url(/innovation/RedCross2/img/sprite.png) no-repeat -80px 0;background-size:200px}.section1 .symbols th i.redcrescent{width:21px;height:25px;background:url(/innovation/RedCross2/img/sprite.png) no-repeat -105px 0;background-size:200px}.section1 .symbols th i.redcrystal{width:26px;height:27px;background:url(/innovation/RedCross2/img/sprite.png) no-repeat -130px 0;background-size:200px}.section1 .symbols td.desc{width:auto;padding-right:20px;text-align:left;line-height:1.66666667;letter-spacing:-1px;word-break:keep-all;font-size:15px}.section1 .symbols td.info{width:118px}.section1 .symbols td.info .box{overflow:hidden;width:116px;height:75px;margin:auto;border:1px solid #e6313a}.section1 .symbols td.info .box span{opacity:0}.section1 .symbols td.info .tit{display:block;margin:5px 0 3px;font-size:15px;color:#e6313a}.section1 .symbols td.info .countries{display:block;font-size:14px;line-height:32px}.section1 .symbols td.info .countries b{position:relative;bottom:-2px;letter-spacing:-2px;font-size:50px;font-weight:700;vertical-align:baseline}.section1 .world{position:relative;width:1190px;height:568px;margin:100px auto 0}.section1 .world .map1{position:absolute;top:0;right:0;width:1190px;height:567px;background:url(/innovation/RedCross2/img/world_map1.png) no-repeat 50% 50%}.section1 .world .map2{position:absolute;top:0;right:0;width:1177px;height:568px;background:url(/innovation/RedCross2/img/world_map2.png) no-repeat 50% 50%;visibility:hidden;opacity:0}.section1 .world .tooltip{position:absolute;z-index:80;top:50%;left:50%;width:360px;height:100px;margin-left:-180px;margin-top:-50px;background:rgba(0,0,0,.5);border-radius:10px;line-height:96px;color:#fff;text-align:center}.section1 .world .tooltip i{position:relative;top:-4px;display:inline-block;vertical-align:middle;width:44px;height:44px;background:url(/innovation/RedCross2/img/sprite.png) no-repeat -140px -155px;background-size:200px}.section1 .pins .pin{position:relative;z-index:10;display:block;width:32px;height:44px;cursor:pointer;background:url(/innovation/RedCross2/img/sprite.png) no-repeat 0 0;background-size:200px;opacity:0}.section1 .pins .pin:hover{-webkit-filter:drop-shadow(0 0 5px rgba(255, 255, 255, .9));filter:drop-shadow(0 0 5px rgba(255, 255, 255, .9))}.section1 .pins .pin.cross{background-position:-160px 0}.section1 .pins .pin.crescent{background-position:-160px -50px}.section1 .pins .desc{overflow:hidden;position:absolute;z-index:0;top:-120px;left:52px;width:662px;height:280px;background:#fff;border-radius:8px}.section1 .pins .desc .img_box{float:left;width:296px;height:280px;background-color:#eaeaea;background-repeat:no-repeat;background-position:50% 50%;background-size:cover;visibility:hidden}.section1 .pins .desc .txt_box{display:table;width:366px;height:280px;color:#363636;visibility:hidden}.section1 .pins .desc .txt_box .box_inner{display:table-cell;width:100%;height:100%;vertical-align:middle}.section1 .pins .desc .txt_box h3,.section1 .pins .desc .txt_box h4{font-weight:400}.section1 .pins .desc .txt_box h3{margin-top:15px;margin-bottom:5px;font-size:20px;color:#e6313a}.section1 .pins .desc .txt_box h4{font-size:15px;color:#a1a0a0}.section1 .pins .desc .txt_box p{margin-left:1em;margin-right:1em;line-height:1.66666667;font-size:15px}.section1 .pins li{position:absolute;width:32px;height:44px}.section1 .pins li.ita{top:179px;left:85px}.section1 .pins li.che{top:159px;left:55px}.section1 .pins li.kor{top:199px;left:445px}.section1 .pins li.syr{top:203px;left:159px}.section1 .pins li.ssd{top:299px;left:132px}.section1 .pins li.irq{top:221px;left:186px}.section1 .pins li.afg{top:211px;left:253px}.section1 .pins li.mmr{top:253px;left:342px}.section1 .pins li.npl{top:233px;left:309px}.section1 .pins li.grc{top:200px;left:112px}.section1 .pins li.vut{top:392px;left:580px}.section1 .pins li.mkd{top:179px;left:110px}.section1 .pins li:hover{z-index:30}.video_section{position:relative;padding:80px 0 180px;background:#333;background-position:50% 50%;background-repeat:no-repeat;background-size:cover}.video_section h2{letter-spacing:-2px;font-size:50px;font-weight:300;text-align:center;text-transform:uppercase}.video_section .video_wrap{max-width:1004px;margin:70px auto 0}.video_section .video_wrap video{width:100%;vertical-align:top}.section2 .interview_box{position:relative;z-index:10;padding-bottom:170px;background-position:50% 50%;background-repeat:no-repeat;background-size:cover}.section2 .interview_box .txt_box{width:860px;margin:auto}.section2 .interview_box .txt_box .profile{margin:25px 0 40px}.section2 .interview_box .txt_box strong{font-weight:300;color:#e6313a}.section2 .boy_box{width:1010px;margin:auto;padding-top:100px;padding-bottom:100px}.section2 .boy_box:after{content:'';display:block;clear:both}.section2 .boy_box .boy_tit{margin-bottom:76px;font-size:50px;font-weight:300;overflow:hidden}.section2 .boy_box .boy_tit span{display:inline-block}.section2 .boy_box .boy_tit b{font-weight:400;color:#e6313a}.section2 .boy_box .img_box,.section2 .boy_box .txt_box{float:left}.section2 .boy_box .img_box{width:470px;height:500px;margin-right:60px;background-color:#363636}.section2 .boy_box .img_box .item{width:470px;height:500px;background-size:cover}.section2 .boy_box .img_box .owl-nav{position:absolute;right:0;bottom:0;width:120px;height:60px}.section2 .boy_box .img_box .owl-nav .owl-next,.section2 .boy_box .img_box .owl-nav .owl-prev{float:left;width:60px;height:60px;background:#e6313a;font-size:0;color:transparent}.section2 .boy_box .img_box .owl-nav .owl-prev{background:url(/innovation/RedCross2/img/sprite.png) no-repeat -70px -285px;background-size:200px}.section2 .boy_box .img_box .owl-nav .owl-next{background:url(/innovation/RedCross2/img/sprite.png) no-repeat -130px -285px;background-size:200px}.section2 .boy_box .txt_box{width:480px;margin-top:26px;text-align:left}.section2 .boy_box .txt_box h4{margin-bottom:35px;line-height:40px;font-size:30px;font-weight:300}.section2 .boy_box .txt_box h4 b{font-weight:400;color:#e6313a}.section2 .boy_box .txt_box p{line-height:30px;font-size:18px}.interview_tit{padding-top:85px}.interview_tit .eng{display:inline-block;border-bottom:1px solid #e6313a;line-height:54px;text-transform:capitalize;font-size:50px;font-weight:400;font-family:'Playfair Display',Georgia,serif;color:#e6313a}.interview_tit .txt{display:block;margin-top:7px;letter-spacing:-2px;font-size:35px;font-weight:300}@-webkit-keyframes identifier{to{background-size:120%}}@keyframes identifier{to{background-size:120%}}.section3{background-color:#474747;color:#fff}.section3 .section_tit{position:absolute;z-index:50;top:0;left:0;right:0}.section3 .together .owl-item.active .item{animation:identifier 12s linear 1 forwards}.section3 .together .item{padding-top:230px;height:638px;background-position:50% 50%;background-repeat:no-repeat;background-size:100%}.section3 .together h3{margin-top:35px;letter-spacing:-1px;font-size:30px;font-weight:400}.section3 .together i{display:block;margin:0 auto 5px;background:url(/innovation/RedCross2/img/sprite.png) no-repeat 0 0;background-size:200px}.section3 .together i.donation{width:71px;height:68px;background-position:0 -140px}.section3 .together i.network{width:62px;height:62px;background-position:-75px -140px}.section3 .together i.helped{width:67px;height:67px;background-position:0 -210px}.section3 .together .front_box{margin-top:20px;font-size:60px}.section3 .together .front_box b{overflow:hidden;display:inline-block;position:relative;bottom:-16px;vertical-align:bottom;letter-spacing:-3px;font-size:110px}.section3 .together .front_box span{display:inline-block}.section3 .together .front_box cite{display:block;margin-top:20px;font-size:20px;font-style:normal}.section3 .together .data_list{margin:40px auto 0;padding-left:160px;text-align:center}.section3 .together .data_list li{display:inline-block;width:48%;height:84px;margin-bottom:60px;box-sizing:border-box;vertical-align:top;letter-spacing:-1px;text-align:left;font-size:20px}.section3 .together .item2 .data_list{width:930px}.section3 .together .item3 .data_list{width:690px}.section3 .together .item3 cite{letter-spacing:-1px;font-size:15px;font-style:normal}.section3 .together .data_box{overflow:hidden;border-left:4px solid #e6313a;height:84px;padding-left:10px}.section3 .together .data_box .tit{margin-top:3px;margin-bottom:18px;line-height:16px}.section3 .together .data_box .num{line-height:41px}.section3 .together .data_box .num b{position:relative;top:2px;letter-spacing:-2px;font-size:60px;font-weight:700}.section3 .owl-nav .owl-next,.section3 .owl-nav .owl-prev{position:absolute;top:50%;width:28px;height:50px;margin-top:-25px;font-size:0;color:transparent}.section3 .owl-nav .owl-prev{left:205px;background:url(/innovation/RedCross2/img/sprite.png) no-repeat -140px -100px;background-size:200px}.section3 .owl-nav .owl-next{right:205px;background:url(/innovation/RedCross2/img/sprite.png) no-repeat -170px -100px;background-size:200px}.section3 .owl-dots{position:absolute;bottom:110px;left:0;right:0;text-align:center}.section3 .owl-dots .owl-dot{display:inline-block;width:50px;height:4px;margin:0 5px;vertical-align:top;background:#fff}.section3 .owl-dots .owl-dot.active{background:#e6313a}.section4{background-repeat:no-repeat;background-position:50% 50%;background-size:cover}.section4 .timeline{position:relative;padding-bottom:140px}.section4 .timeline:before{content:'';position:absolute;top:60px;bottom:0;left:50%;width:1px;background-color:#e6313a}.section4 .timeline li{position:relative;height:208px;margin-top:30px;margin-bottom:30px}.section4 .timeline li:after{content:'';clear:both;display:block}.section4 .timeline li .img_box,.section4 .timeline li .txt_box{position:absolute}.section4 .timeline li .img_box{width:300px;height:208px}.section4 .timeline li .img_box span{display:block;position:absolute;z-index:10;top:0;left:0;width:300px;height:208px;background:rgba(255,255,255,.73)}.section4 .timeline li .txt_box{display:table;width:500px;height:100%;color:#999}.section4 .timeline li .txt_box .box_inner{display:table-cell;width:100%;height:100%;vertical-align:middle}.section4 .timeline li strong{display:block;position:relative;margin-top:-10px;letter-spacing:-2px;font-size:70px;font-family:'Playfair Display',Georgia,serif;font-weight:700;color:#999;transition:all .3s ease}.section4 .timeline li strong:after{content:'';display:block;position:absolute;top:60px;width:7px;height:7px;background:#999;border-radius:100%;transition:all .3s ease}.section4 .timeline li strong.active:after{transform:scale(1.7);background:#e6313a;box-shadow:0 0 0 4px #f9d0d2}.section4 .timeline li.odd .img_box{left:50%;margin-left:36px}.section4 .timeline li.odd .txt_box{right:50%;margin-right:36px;text-align:right}.section4 .timeline li.odd strong:after{right:-36px;margin-right:-4px}.section4 .timeline li.even .img_box{right:50%;margin-right:36px}.section4 .timeline li.even .txt_box{left:50%;margin-left:36px;text-align:left}.section4 .timeline li.even strong:after{left:-36px;margin-left:-3px}.section4 .timeline a{display:inline-block;margin-top:7px;line-height:1.2;color:#e6313a;border-bottom:1px solid transparent;transition:all .3s ease}.section4 .timeline a:hover{border-bottom-color:#e6313a}.bq2_wrap{overflow:hidden;position:relative;height:630px}.bq2_wrap .bg_wrap{position:absolute;top:-210px;left:0;width:100%;height:1050px;background-repeat:no-repeat;background-position:50% 50%;background-size:cover}.bq2_wrap .inner{position:relative;z-index:20;height:100%}.bq2_wrap .img_box{overflow:hidden;position:absolute;top:0;left:0;width:100%}.bq2_wrap .img_box img{height:100%}.bq2_wrap .txt_box{display:table;width:600px;height:100%;margin-left:50%;color:#fff}.bq2_wrap .txt_box blockquote{display:table-cell;width:100%;height:100%;vertical-align:middle;line-height:1.5}.bq2_wrap .txt_box p{position:relative;margin-bottom:25px;font-size:25px}.bq2_wrap .txt_box p:after,.bq2_wrap .txt_box p:before{content:'';display:block;position:absolute;width:69px;height:61px}.bq2_wrap .txt_box p:before{top:-26px;left:-40px;background:url(/innovation/RedCross2/img/sprite.png) no-repeat 0 -70px;background-size:200px}.bq2_wrap .txt_box p:after{bottom:0;left:545px;background:url(/innovation/RedCross2/img/sprite.png) no-repeat -70px -70px;background-size:200px}.bq2_wrap .txt_box p span{display:inline-block;margin-left:-5px;margin-right:-5px;padding:0 5px;vertical-align:top;background:rgba(230,49,58,.87)}.bq2_wrap .txt_box cite{display:block;font-style:normal}.ending .back{height:650px;background-position:50% 50%;background-repeat:no-repeat;background-size:cover}.ending .back .txt_box{position:absolute;top:0;bottom:0;left:0;right:0;padding-top:110px;background:url(/innovation/RedCross2/img/bg_ending_cover.png) repeat-x 0 0;background-size:100% 120%;text-align:center}.ending .back .txt_box a{display:inline-block;margin-top:15px;margin-bottom:30px;border-bottom:1px solid #969696;vertical-align:top;letter-spacing:-1px}.ending .back .txt_box a:after{content:'>';display:inline-block;top:7px;position:relative;margin-left:6px;vertical-align:top;font-size:10px;transform:scaleY(1.7)}.ending .back .txt_box i{position:relative;top:4px;vertical-align:top;font-style:normal;font-size:14px}.ending .back .txt_box .tel{margin:0 4px;font-size:17px;font-weight:400;text-shadow:1px 1px 4px rgba(255,255,255,.6)}.ending .back .txt_box .tel b{font-weight:700}.ending .back .txt_box .second{margin-bottom:60px;font-size:45px;line-height:1.1;font-weight:300}.ending .back .txt_box .second i{display:inline-block;position:relative;top:9px;width:35px;height:35px;background:url(/innovation/RedCross2/img/sprite.png) no-repeat -70px -30px;background-size:200px;vertical-align:top}.move_part{padding:80px 0;background:url(/innovation/RedCross2/img/bg_part.jpg) no-repeat 50% 50%;background-size:cover}.move_part .part_inner{width:640px;margin:auto}.move_part .part_inner:after{content:'';display:block;clear:both}.move_part .img_box{float:left;width:239px;height:151px;margin-right:50px}.move_part .txt_box h5{margin-bottom:8px;padding-top:10px;font-size:25px;font-weight:400;white-space:nowrap}.move_part .txt_box small{display:block;margin-bottom:15px;font-size:16px;font-weight:300}.move_part .txt_box a{display:inline-block;padding:11px 28px 12px;vertical-align:top;border:1px solid #e6313a;font-size:18px;color:#e6313a}.move_part .txt_box a i{display:inline-block;vertical-align:top;margin-left:6px;font-style:normal;font-size:16px}