* {font-family:'NotoSans', 'Noto Sans KR', 'malgun gothic', 'Helvetica Neue', Helvetica, 'PingFang SC', 'Hiragino Sans GB','Microsoft YaHei', '微软雅黑', Arial, sans-serif !important; font-size:14px;}

html, body {margin:0px;padding:0px;width:100%;height:100%;background-color:#e75625;color:#7c2a10;font-size:14px;}
h1 {font-size:2.1em;line-height:1.2em;text-align:center;padding:20px 0px 20px 0px;}
.wrap {display:flex;height:100%;justify-content:center;}
.center {margin:20px 20px;display:flex;flex-direction:column;justify-content:center;align-items:center;min-height:300px}

.header {width:100%;height:50px;z-index:20;}
.header {margin:15px 0px 0px 15px;color:#fff;line-height:1.2em;font-size:1em;font-weight:bold;}
.header span {font-size:0.8em;font-weight:normal;}
.header .btn-mnu {width:30px;height:20px;margin:15px 15px;}
.header .btn-mnu > div {height:100%;}
.header .btn-mnu span {position:absolute;display:block;width:30px;height:2px;background-color:#fff;-webkit-transition:.3s;transition:.3s;}
.header .btn-mnu span:nth-child(1) {transform-origin:top left;top:0px;left:0px;}
.header .btn-mnu span:nth-child(2) {;top:50%;left:0px;margin-top:-1px;}
.header .btn-mnu span:nth-child(3) {transform-origin:bottom left;bottom:0px;left:0px;}
.header .btn-mnu.active span:nth-child(1) {top:0px;width:35px;transform:rotate(32deg);transition:bottom 0.1s ease-out,transform 0.22s 0.12s cubic-bezier(0.215,0.61,0.355,1),-webkit-transform 0.22s 0.12s cubic-bezier(0.215,0.61,0.355,1);}
.header .btn-mnu.active span:nth-child(2) {display:none;}
.header .btn-mnu.active span:nth-child(3) {bottom:0px;width:35px;transform:rotate(-32deg);transition:bottom 0.1s ease-out,transform 0.22s 0.12s cubic-bezier(0.215,0.61,0.355,1),-webkit-transform 0.22s 0.12s cubic-bezier(0.215,0.61,0.355,1);}
.container {margin-top:50px;}
.main.swiper {width:100%;min-height:300px;}
.swiper-slide > div {height:100%;min-height:200px;display:flex;justify-content:flex-start;align-items:flex-end;background-size:cover !important;}
.swiper-slide > div .text {padding:0em 2em;z-index:10;}
.swiper-slide > div .btn {margin:2em 0em 2.5em;font-size:1em;background-color:#000 !important;color:#fff !important;padding:5px 20px;border-radius:8px;border:1px solid #fff;}
.swiper-slide > div .btn:hover, .swiper-slide > div .btn:focus {background-color:#2196f3 !important;}
.identity {text-align:center;padding-top:50px;z-index:10;}
.identity .character {display:flex;width:130px;height:130px;background-color:#e75625;border-radius:40%;justify-content:center;align-items:center;margin:0px auto;}
.identity .character img {width:60%;height:60%;margin-top:-5px;}
.identity strong {display:inline-block;margin-top:10px;color:#fff;font-size:1.6em;text-shadow: -1px 0px #000, 0px 1px #000, 1px 0px #000, 0px -1px #000;line-height:1em;}
.swiper-pagination-bullet {background-color:#fff;-webkit-transition:.3s;transition:.3s;}
.swiper-pagination-bullet-active {background-color:#e75625;border-radius:8px;width:20px;}
.swiper-slide .motion {-webkit-transition:.3s;transition:.3s;background-size:300% !important;position:relative;left:120%;opacity:0;}
.swiper-slide.swiper-slide-active .motion {-webkit-transition:1s;transition:1s;left:0;opacity:1;}