html,body,div,span,applet,object,iframe,h1,h2,h3,h4,h5,h6,p,blockquote,pre,a,abbr,acronym,address,big,cite,code,del,dfn,em,img,ins,kbd,q,s,samp,small,strike,strong,sub,sup,tt,var,b,u,i,center,dl,dt,dd,ol,ul,li,fieldset,form,label,legend,table,caption,tbody,tfoot,thead,tr,th,td,article,aside,canvas,details,embed,figure,figcaption,footer,header,hgroup,menu,nav,output,ruby,section,summary,time,mark,audio,video{margin:0;padding:0;border:0;font:inherit;font-size:100%;vertical-align:baseline}html{line-height:1}ol,ul{list-style:none}table{border-collapse:collapse;border-spacing:0}caption,th,td{text-align:left;font-weight:normal;vertical-align:middle}q,blockquote{quotes:none}q:before,q:after,blockquote:before,blockquote:after{content:"";content:none}a img{border:none}article,aside,details,figcaption,figure,footer,header,hgroup,main,menu,nav,section,summary{display:block}*{-moz-box-sizing:border-box;-webkit-box-sizing:border-box;box-sizing:border-box}.body_fixed{position:fixed;overflow:hidden}#modal{display:none;position:fixed;z-index:9900;width:100%;height:100%;top:0;left:0;background-image:url("../img/modal/bg_modal.png");background-size:cover;overflow:scroll}#modal .youtube_modal{display:flex;justify-content:center;align-items:center;flex-direction:column;width:100%;padding:50px 0}#modal .youtube_modal .embed{position:relative;width:880px;height:495px;background-color:#000}@media screen and (max-width: 768px){#modal .youtube_modal .embed{width:90vw;height:90vw}}#modal .youtube_modal .embed iframe{position:absolute;width:100%;height:100%}#modal .youtube_modal .thumb_wrap{padding-top:20px;padding-bottom:60px;width:880px;display:flex;justify-content:space-around}@media screen and (max-width: 768px){#modal .youtube_modal .thumb_wrap{width:94vw}}#modal .youtube_modal .thumb_wrap .box{width:282px;text-align:center}@media screen and (max-width: 768px){#modal .youtube_modal .thumb_wrap .box{width:34%}}#modal .youtube_modal .thumb_wrap .box h3{font-size:16px}@media screen and (max-width: 768px){#modal .youtube_modal .thumb_wrap .box h3{font-size:10px}}#modal .youtube_modal .thumb_wrap .box .btn_movie{display:inline-block;margin:5px}#modal .youtube_modal .thumb_wrap .box img{max-width:100%}#modal .close{position:absolute;width:50px;height:50px;top:30px;right:30px;cursor:pointer;z-index:100;background-color:rgba(0,0,0,0.7);border-radius:25px;-moz-transition:all .2s cubic-bezier(0.68, -0.55, 0.265, 1.55);-o-transition:all .2s cubic-bezier(0.68, -0.55, 0.265, 1.55);-webkit-transition:all .2s cubic-bezier(0.68, -0.55, 0.265, 1.55);transition:all .2s cubic-bezier(0.68, -0.55, 0.265, 1.55)}@media screen and (max-width: 768px){#modal .close{top:10px;right:10px}}#modal .close:hover{-moz-transform:scale(.9, .9);-ms-transform:scale(.9, .9);-webkit-transform:scale(.9, .9);transform:scale(.9, .9)}#modal .close:before{content:'';position:absolute;width:40px;height:2px;background-color:#fff;-moz-border-radius:4px;-webkit-border-radius:4px;border-radius:4px;transition:all .4s;-moz-transform:rotate(45deg);-ms-transform:rotate(45deg);-webkit-transform:rotate(45deg);transform:rotate(45deg);top:25px;left:4px}#modal .close:after{content:'';position:absolute;width:40px;height:2px;background-color:#fff;-moz-border-radius:4px;-webkit-border-radius:4px;border-radius:4px;transition:all .4s;-moz-transform:rotate(-45deg);-ms-transform:rotate(-45deg);-webkit-transform:rotate(-45deg);transform:rotate(-45deg);top:25px;left:4px}.modal_code{display:none;color:#fff;line-height:1.5}.modal_code a{outline:none}.modal_code .modal_code_wrap{image-rendering:crisp-edges;background-color:#000;width:1020px;height:640px;padding:40px;display:flex;margin:0 auto}.modal_code .modal_code_wrap img{max-width:100%}@media screen and (max-width: 768px){.modal_code .modal_code_wrap{width:auto;height:auto;justify-content:flex-start;flex-direction:column;padding:20px}}.modal_code .modal_code_wrap .pic{width:365px;margin-right:40px}@media screen and (max-width: 768px){.modal_code .modal_code_wrap .pic{width:100%;margin-right:0}}.modal_code .modal_code_wrap .txt{flex:1;display:flex;flex-direction:column;justify-content:space-between}@media screen and (max-width: 768px){.modal_code .modal_code_wrap .txt{display:flex;flex-direction:column-reverse;justify-content:flex-start}}.modal_code .modal_code_wrap .txt p{font-size:10px}@media screen and (max-width: 768px){.modal_code .modal_code_wrap .txt p{font-size:14px}}.modal_code .modal_code_wrap .txt .code_wrap{display:flex;flex-wrap:wrap;justify-content:space-between}@media screen and (max-width: 768px){.modal_code .modal_code_wrap .txt .code_wrap{flex-direction:column}}.modal_code .modal_code_wrap .txt .code_wrap .code{width:246px;display:flex;margin-bottom:15px}@media screen and (max-width: 768px){.modal_code .modal_code_wrap .txt .code_wrap .code{width:100%;margin-bottom:30px}}.modal_code .modal_code_wrap .txt .code_wrap .code .item{width:120px;margin-right:10px}@media screen and (max-width: 768px){.modal_code .modal_code_wrap .txt .code_wrap .code .item{width:100%;margin-right:20px}}.modal_code .modal_code_wrap .txt .code_wrap .code .text{width:120px;display:flex;flex-direction:column;justify-content:space-between}@media screen and (max-width: 768px){.modal_code .modal_code_wrap .txt .code_wrap .code .text{width:100%}}.modal_code .modal_code_wrap .txt .code_wrap .code .text a{margin-top:4px;display:block;cursor:pointer}.modal_code .modal_code_wrap .txt .blue{color:#b2e5ff}.modal_code .modal_code_wrap .txt .pink{color:#ffb2bf}.modal_code .modal_code_wrap .txt .modal_num{position:relative;width:100%;display:flex;justify-content:space-between;align-items:flex-end}@media screen and (max-width: 768px){.modal_code .modal_code_wrap .txt .modal_num{flex-direction:column;align-items:center}}.modal_code .modal_code_wrap .txt .modal_num .cap{width:338px}@media screen and (max-width: 768px){.modal_code .modal_code_wrap .txt .modal_num .cap{width:100%;padding:20px 0}}.modal_code .modal_code_wrap .txt .modal_num .num{text-align:right;letter-spacing:2px;flex:1;font-size:32px;color:#fff}@media screen and (max-width: 768px){.modal_code .modal_code_wrap .txt .modal_num .num{font-size:34px;text-align:center;padding:20px 0 40px}}.modal_code .modal_code_wrap .txt .modal_num .num span{font-size:15px;color:#ccc}@media screen and (min-width: 768px){#modal_code_11 .code_wrap .code1{-webkit-order:1;order:1}#modal_code_11 .code_wrap .code2{-webkit-order:3;order:3}#modal_code_11 .code_wrap .code3{-webkit-order:5;order:5}#modal_code_11 .code_wrap .code4{-webkit-order:2;order:2}#modal_code_11 .code_wrap .code5{-webkit-order:4;order:4}}
/*# sourceMappingURL=modal.css.map */