@charset "UTF-8";

/** setting s **/
a {
  text-decoration:none;
}
.hide {
  display: none !important;
}
/** setting e **/

body {
  background: #fff;
  font-family: 'Pretendard', dotum, sans-serif;
}

.mo {
  display: none !important;
}

#fog {
  display: none;
  background: #000;
  opacity: 0.5;
  filter: alpha(opacity=50);
  width: 100%;
  height: 100%;
  position: fixed;
  top: 0;
  left: 0;
  z-index: 30;
  padding-bottom: 100%;
}

.link {
  position:absolute;
  opacity:0;
  background:red;
  cursor:pointer;
  width:100px;
  height:100px;
  left:50%;
  top:100px;
  z-index:9;
}



.container {
  width: 100%;
  margin:0 auto;
  max-width: unset;
}
.container.mo {
  max-width:750px;
}


.section {
  width: 100%;
  max-width:1920px;
  margin: 0 auto;
  background:#fff;
  height: 1080px;
  position: relative;
}

.section > .inner {
  max-width: 1200px;
  margin: 0 auto;
  padding:130px 0;
  height: 100%;
  display: flex;
  align-items: center;
  overflow: hidden;
}







.section01 {
  height: 1270px;
  background:url("../img/welcome/pc_img01.png?2") no-repeat;
  background-size:cover;
  background-position: center;
}
.section01 .zone_btn {
  position: absolute;
  width:1018px;
  height:362px;
  left: 50%;
  margin-left: -509px;
  top: 853px;
  z-index:20;
}
.section01 .zone_btn img {
  width:100%;
}

.link.link01a {
  width: 320px;
  height: 194px;
  margin-left: -500px;
  top: 43px;
}
.link.link01b {
  width: 320px;
  height: 194px;
  margin-left: -160px;
  top: 43px;
}
.link.link01c {
  width: 320px;
  height: 194px;
  margin-left: 180px;
  top: 43px;
}
.link.link01d {
  width: 1000px;
  height: 74px;
  margin-left: -500px;
  top: 265px;
}

.section01 .character {
  position:absolute;
  cursor:pointer;
  width:209px;
  height:249px;
  left:50%;
  top:100px;
  z-index:10;
}
.section01 .character img {
  width:100%;
}
.section01 .character.c00 {
  width:163px;
  height:147px;
  margin-left: -410px;
  top: 120px;
}
.section01 .character.c01 {
  margin-left: 380px;
  top: 300px;
}
.section01 .character.c02 {
  width:218px;
  height:202px;
  margin-left: 380px;
  top: 750px;
}
.section01 .character.c03 {
  width:119px;
  height:143px;
  margin-left: -810px;
  top: 1060px;
}
.section01 .character.c04 {
  width:154px;
  height:197px;
  margin-left: 640px;
  top: 1010px;
}
.section01 .character.c05 {
  width:231px;
  height:255px;
  margin-left: -714px;
  top: 784px;
}

.section01 .character.c00 {
    animation:c_ani 2.2s infinite ease-in-out;
}

.section01 .character.c01 {
    animation:c_ani 2.2s infinite ease-in-out;
}
.section01 .character.c02 {
    animation:c_ani 2s 0.3s infinite ease-in-out;
}
.section01 .character.c03 {
    animation:c_ani 1.5s 0.6s infinite ease-in-out;
}
.section01 .character.c04 {
    animation:c_ani 1.8s 0.9s infinite ease-in-out;
}
.section01 .character.c05 {
    animation:c_ani 2s 1.1s infinite ease-in-out;
}


@keyframes c_ani{
    0%,100%{
        transform:translate(0, 0);
    }
    50%{
        transform:translate(0,-5%);
    }
}







.footer {
  max-width: unset;
  background: #333;
  color:#fff;
  height: 80px;
  font-size: 14px;
}
.footer a {
  color:#fff;
}
.footer .inner.pc {
  padding: 23px 0;
  max-width: 1200px;
  margin: 0 auto;
  display: flex;
  align-items: center;
  overflow: hidden;
  justify-content: space-between;
}
.footer .pc .copyright {
  margin-left:13px;
}
.footer .pc .item.item01,
.footer .pc .item.item03 {
  width:394px;
}
.footer .pc .item.item03 {
  display: flex;
  align-items: center;
  justify-content: flex-end;
}
.footer .pc .item.item03 > a {
  margin-left:10px;
}
.footer .pc .item.item03 > a:first-child {
  margin-left:0;
  margin-right:10px;
}

.footer .pc .item.item03 .area_img_logo {
  padding-right:15px;
}
.footer .pc .item.item03 .area_img_logo a {
  display:block;
  margin-bottom:5px;
}
.footer .pc .item.item03 .area_img_logo a:last-child {
  margin-bottom:0;
}

.footer .pc .item.item03 img {
  display:block;
}
.footer .pc .item.item03 img.img01 {
  height:17px;
}
.footer .pc .item.item03 img.img02 {
  height:17px;
}
.footer .pc .item.item03 img.icon_sns {
  width: 30px;
  height:30px;
}


.popup {
  display:none;
  position:absolute;
  width:690px;
  height:710px;
  background-repeat:no-repeat;
  background-size:100%;
  z-index:120;
  top:50%;
  left:50%;
  box-sizing:border-box;
  font-family: 'Pretendard', sans-serif;
  transform: translate(-50%, -50%);
}
.popup.winner {
  background-image:url("../img/common/popup_winner.png");
}
.popup.notice {
  background-image:url("../img/common/popup_notice.png");
  width:560px;
  height:1000px;
  transform: none;
  margin-left: -280px;
  top: 20px;
}
.popup .btn_close {
  width:85px;
  height:85px;
  position:absolute;
  top:0;
  right:0;
  opacity: 0.6;
  cursor:pointer;
}
.popup.notice .btn_close {
  width:75px;
  height:75px;
}
.link.go_faq {
  width: 320px;
  height: 65px;
  margin-left: -160px;
  top: 595px;
}
.link.go_notice {
  width: 320px;
  height: 65px;
  margin-left: -160px;
  top: 906px;
}
.popup.notice2 {
  background-image:url("../img/common/popup_notice2.png");
  width:690px;
  height:860px;
  transform: none;
  margin-left: -345px;
  top: 20px;
}
.link.go_notice2 {
  width: 320px;
  height: 65px;
  margin-left: -160px;
  top: 746px;
}






@media only screen and ( max-width:1920px ){


.link {
  width:5.21vw;
  height:5.21vw;
  left:50%;
  top:5.21vw;
}



.container.mo {
  max-width:39.06vw;
}


.section {
  max-width:100.00vw;
  height: 56.25vw;
}

.section > .inner {
  max-width: 62.50vw;
  padding:6.77vw 0;
}







.section01 {
  height: 66.15vw;
}
.section01 .zone_btn {
  width:53.02vw;
  height:18.85vw;
  margin-left: -26.51vw;
  top: 44.43vw;
}

.link.link01a {
  width: 16.67vw;
  height: 10.10vw;
  margin-left: -26.04vw;
  top: 2.24vw;
}
.link.link01b {
  width: 16.67vw;
  height: 10.10vw;
  margin-left: -8.33vw;
  top: 2.24vw;
}
.link.link01c {
  width: 16.67vw;
  height: 10.10vw;
  margin-left: 9.38vw;
  top: 2.24vw;
}
.link.link01d {
  width: 52.08vw;
  height: 3.85vw;
  margin-left: -26.04vw;
  top: 13.80vw;
}

.section01 .character {
  width:10.89vw;
  height:12.97vw;
  left:50%;
  top:5.21vw;
}
.section01 .character.c00 {
  width: 8.49vw;
  height: 7.66vw;
  margin-left: -21.3vw;
  top: 6.23vw;
}
.section01 .character.c01 {
  margin-left: 19.79vw;
  top: 15.63vw;
}
.section01 .character.c02 {
  width:11.35vw;
  height:10.52vw;
  margin-left: 19.79vw;
  top: 39.06vw;
}
.section01 .character.c03 {
  width:6.20vw;
  height:7.45vw;
  margin-left: -42.19vw;
  top: 55.21vw;
}
.section01 .character.c04 {
  width:8.02vw;
  height:10.26vw;
  margin-left: 33.33vw;
  top: 52.60vw;
}
.section01 .character.c05 {
  width:12.03vw;
  height:13.28vw;
  margin-left: -37.19vw;
  top: 40.83vw;
}







.footer {
  height: 4.17vw;
  font-size: 0.73vw;
}
.footer .inner.pc {
  padding: 1.20vw 0;
  max-width: 62.50vw;
}
.footer .pc .copyright {
  margin-left:0.68vw;
}
.footer .pc .item.item01,
.footer .pc .item.item03 {
  width:20.52vw;
}
.footer .pc .item.item03 > a {
  margin-left:0.52vw;
}
.footer .pc .item.item03 > a:first-child {
  margin-right:0.52vw;
}
.footer .pc .item.item03 .area_img_logo {
  padding-right:0.78vw;
}
.footer .pc .item.item03 .area_img_logo a {
  margin-bottom:0.26vw;
}
.footer .pc .item.item03 img.img01 {
  height:0.89vw;
}
.footer .pc .item.item03 img.img02 {
  height:0.89vw;
}
.footer .pc .item.item03 img.icon_sns {
  width: 1.56vw;
  height:1.56vw;
}


.popup {
  width:35.94vw;
  height:36.98vw;
}
.popup .btn_close {
  width:4.43vw;
  height:4.43vw;
}

.link.go_faq {
  width: 16.67vw;
  height: 3.39vw;
  margin-left: -8.33vw;
  top: 30.99vw;
}

.popup.notice {
  width:29.17vw;
  height:52.08vw;
  margin-left: -14.58vw;
  top: 1vw;
}
.popup.notice2 {
  width:34vw;
  height:42.43vw;
  margin-left: -17vw;
  top: 1vw;
}
.popup.notice .btn_close {
  width:3.91vw;
  height:3.91vw;
}
.link.go_notice {
  width: 16.67vw;
  height: 3.39vw;
  margin-left: -8.33vw;
  top: 47.19vw;
}
.link.go_notice2 {
  width: 16.67vw;
  height: 3.39vw;
  margin-left: -8.33vw;
  top: 36.65vw;
}

}
/*@media only screen and ( max-width:1920px )*/








@media only screen and ( max-width:800px ){

.pc {
  display: none !important;
}
.mo {
  display: block !important;
}


.link {
  width:12.50vw;
  height:12.50vw;
  top:12.50vw;
}



.container.mo {
  width:100%;
  max-width:100.00vw;
}


.section {
  max-width:100.00vw;
  height: 43.13vw;
}

.section > .inner {
  max-width: 71.75vw;
}


.section01 {
  height: 206.75vw;
  background:url("../img/welcome/mo_img01.png?2") no-repeat;
  background-size: cover;
  background-position: center;
}
.section01 .zone_btn {
  width:71.75vw;
  height:auto;
  left: 50%;
  margin-left: -35.88vw;
  top: 106.63vw;
  z-index:20;
}

.link.link01a {
  width: 71.75vw;
  height: 14.00vw;
  margin-left: -35.88vw;
  top: 0;
}
.link.link01b {
  width: 71.75vw;
  height: 14.00vw;
  margin-left: -35.88vw;
  top: 17.13vw;
}
.link.link01c {
  width: 71.75vw;
  height: 14.00vw;
  margin-left: -35.88vw;
  top: 34.13vw;
}
.link.link01d {
  width: 74vw;
  height: 10vw;
  margin-left: -37vw;
  top: 53.53vw;
}

.section01 .character {
  position:absolute;
  cursor:pointer;
  left:50%;
  z-index:10;
}
.section01 .character img {
  width:100%;
}
.section01 .character.c00 {
  width:13.13vw;
  height:13.00vw;
  margin-left: -32.9vw;
  top: 44.13vw;
}
.section01 .character.c01 {
  width: 16.13vw;
  height: 19.25vw;
  margin-left: 27.50vw;
  top: 56.25vw;
}
.section01 .character.c02 {
  width: 15.25vw;
  height: 14.13vw;
  margin-left: 30.63vw;
  top: 94.38vw;
}
.section01 .character.c03 {
  width: 9.63vw;
  height: 11.38vw;
  margin-left: -46.88vw;
  top: 145.63vw;
}
.section01 .character.c04 {
  width: 13.00vw;
  height: 16.50vw;
  margin-left: 34.63vw;
  top: 152.13vw;
}
.section01 .character.c05 {
  width: 18.88vw;
  height: 20.75vw;
  margin-left: -45.88vw;
  top: 83.50vw;
}




.footer {
  height: 43.25vw;
  font-size: 2.13vw;
}
.footer .inner.mo {
  padding: 7.50vw 0 0;
  max-width: 71.75vw;
  margin: 0 auto;
  display: flex;
  align-items: center;
  overflow: hidden;
  flex-direction: column;
  text-align:center;
}
.footer .mo .copyright {
  margin-left:4.00vw;
}
.footer .mo .company_info {
  display:block;
}
.footer .mo .item {
  width:100%;
}
.footer .mo .item.item01 {
  display: flex;
  align-items: center;
  justify-content: center;
  margin-bottom: 6.25vw;
}
.footer .mo .item.item01 > a {
  margin-left:2.50vw;
}
.footer .mo .item.item01 > a:first-child {
  margin-left:0;
}
.footer .mo .item.item01 img {
  display:block;
}
.footer .mo .item.item01 img.icon_sns {
  width: 8.63vw;
  height:8.63vw;
}
.footer .mo .item.item02 {
  margin-bottom:1.88vw;
}
.footer .mo .item.item02 img.img01 {
  height:3.25vw;
}
.footer .mo .item.item02 img.img02 {
  margin-left:3.5vw;
  height:3.25vw;
}
.footer .mo .item.item03 {
  margin-bottom:1.88vw;
}
.footer .mo .item.item03 > a:first-child {
  margin-right:0;
  margin-left:0;
}


.popup {
  width:90vw;
  height:93.1vw;
}
.popup .btn_close {
  width:11.2vw;
  height:11.2vw;
}

.link.go_faq {
  width: 42vw;
  height: 9.39vw;
  margin-left: -21vw;
  top: 77.1vw;
}

.popup.notice {
  width:90vw;
  height:161vw;
  margin-left: -45vw;
  top: 4vw;
}
.popup.notice2 {
  width:90vw;
  height:113vw;
  margin-left: -45vw;
  top: 4vw;
}
.popup.notice .btn_close {
  width:9.9vw;
  height:9.9vw;
}
.link.go_notice {
  width: 42vw;
  height: 9vw;
  margin-left: -21vw;
  top: 146.19vw;
}
.link.go_notice2 {
  width: 42vw;
  height: 9vw;
  margin-left: -21vw;
  top: 97.0vw;
}


}
/*@media only screen and ( max-width:800px )*/









@media screen and (max-width:480px){

}