@charset "utf-8"; 
@import url('https://fonts.googleapis.com/css2?family=Noto+Sans+KR:wght@100;300;400;500;700;900&display=swap');

/* reset */
*{margin:0; padding:0}
html{-webkit-tap-highlight-color:transparent !important; -webkit-text-size-adjust:auto; }
a {text-decoration:none;color:#333;}
body,input,label,textarea{font-family: 'Noto Sans KR', sans-serif; font-weight:bold; -webkit-text-size-adjust:auto; }
input[type=text], input[type=tel], select, textarea{box-sizing:border-box;padding:0 5%;border:1px solid #d3d3d3;border-radius:3px;}
ul,ol,li{list-style:none; }
img{display:block; border:0;}
button{border:none; background:none; cursor:pointer; -webkit-transform:translate3d(0,0,0); outline:none; }

/* common */
.hide{position:absolute; left:-5000px; width:0; height:0; overflow:hidden; visibility:hidden; z-index:-1; }
.clearfix:after{content:''; display:block; clear:both;}
.scrollOff {position:fixed;overflow:hidden;height:100%;}
img{display: block;width: 100%;}
#mainPage {position:relative;}
.slick-arrow{position: absolute;top: 50%;width: 6.62vw;height: 8.77vw;margin-top: -3.31vw;text-indent: 100%;white-space: nowrap;overflow: hidden;}
.slick-arrow.slick-prev{left: -12vw;background: url('../images/m_arr_left_on.png') no-repeat top center;background-size: 100% 100%;}
.slick-arrow.slick-next{right: -12vw;background: url('../images/m_arr_right_on.png') no-repeat top center;background-size: 100% 100%;}
.slick-arrow.slick-prev.slick-disabled{left: -12vw;background: url('../images/m_arr_left_off.png') no-repeat top center;background-size: 100% 100%;}
.slick-arrow.slick-next.slick-disabled{right: -12vw;background: url('../images/m_arr_right_off.png') no-repeat top center;background-size: 100% 100%;}
.slick-dots{position: absolute;top: -7.69vw;left: 50%;width: 21.56vw;height: 3.08vw;margin-left: -10.7vw;}
.slick-dots li button{display: block;float: left;width: 3.08vw;height: 3.08vw;background: #43516e;text-indent: 100%;white-space: nowrap;overflow: hidden;-webkit-border-radius: 50%;-ms-border-radius: 50%;border-radius: 50%;margin-right: 1.54vw;}
.slick-dots li.slick-active button{background: #fff;}
.slick-dots li:last-child button{margin-right: 0;}

#header {position:relative;width:100%;margin:0 auto;}
#header h1 {position:absolute;left:6vw;top: 4.46vw;width: 19.54vw;}

#content {margin-top:-0;}
#kvBox {width:100%;height:187.38vw;background:url('../images/m_main_kv_bg.jpg') no-repeat top center;background-size:100% 100%;}
#kvBox .div_wrap p {display:block;}
#kvBox .div_wrap p img {margin:0 auto;}
#kvBox .div_wrap p.kv_img {width: 44.31vw;height: 32.15vw;padding-top:10vw;margin: 0 auto;opacity:0;}
#kvBox .div_wrap p.kv_title {width: 80.31vw;height: 39.85vw;padding-top:3.38vw;margin: 0 auto;opacity:1;}
#kvBox .div_wrap p.kv_text {width: 71.38vw;height: 39.54vw;padding-top:5.54vw;margin: 0 auto;opacity:0;}
#kvBox .div_wrap p.kv_cha {width: 70.15vw;height: 61.53vw;padding-top:2.5vw;margin-left: 10vw;}
#eventBox {background: #2e3b56;padding-bottom: 12.62vw;}
#eventBox .policy_box{position: relative;padding-top: 14.15vw;}
#eventBox .policy_box ul.cont_slide{width: 58.62vw;height: 120.46vw;margin: 0 auto;}
#eventBox .policy_box ul.cont_slide:after {display:block;content:'';clear:both;visibility:hidden;height:0;}
#eventBox .policy_box ul.cont_slide li{width: 58.62vw;height: auto;margin: 0 auto;}
#eventBox .policy_box ul.cont_slide li a {display:block;position:relative;}
#eventBox .policy_box ul li a span {position:absolute;top:96.16vw;right:7.08vw;display:block;content:'';width:5.54vw;height:5.54vw;background:url('../images/m_more_icon.png') no-repeat top center;background-size: 100% 100%;animation:swing 1.5s ease-in Infinite Alternate;}
#eventBox .policy_box ul li a span::after {position:absolute;top:1.6vw;right:1.55vw;display:block;content:'';width:2.3vw;height:2.3vw;background:url('../images/m_more_icon_plus.png') no-repeat top center;background-size: 100% 100%;}
@keyframes swing {
  0%{
    top:96.16vw
  }
  20%{
    top:96.56vw
  }
  40%{
    top:96.16vw
  }
  60%{
    top:95.66vw
  }
  80%{
    top:96.16vw
  }
  100%{
    top:96.56vw
  }
}
#eventBox .policy_box ul.cont_slide li .policy_star {width:57.54vw;height:10.92vw;margin:3.08vw auto 0;background:url('../images/m_main_star_board.png') no-repeat top center;background-size:100% 100%;}
#eventBox .policy_box ul.cont_slide li .policy_star:after {display:block;content:'';clear:both;visibility:hidden;height:0;}
#eventBox .policy_box ul.cont_slide li .policy_star span {float:left;width: 4.92vw;height: 4.46vw;margin-top: 2.62vw;margin-left: 0.92vw;background:url('../images/main_star_off.png') no-repeat top center;background-size: 100% 100%;}
#eventBox .policy_box ul.cont_slide li .policy_star span:first-child {margin-left: 24vw;}
#eventBox .policy_box ul.cont_slide li .policy_star span.on {background:url('../images/m_main_star_on.png') no-repeat top center;background-size: 100% 100%;animation:starpoint 0.7s ease-in Alternate;}

@keyframes starpoint{
	0%{
		transform:rotate(0deg);
	}
	100%{
		transform:rotate(360deg);
	}
}
#eventBox .tip_box {position: relative;width: 72vw;height:21.54vw;margin:7.85vw auto 6.92vw;background:url('../images/m_tip_link_v2.png') no-repeat top center;background-size: 100% 100%;}
#eventBox .tip_box a {display:block;position: absolute;top: 10vw;left: 0;width: 56.46vw;height: 6.15vw;box-sizing: border-box;}
#eventBox .star_btn {width:100%;}
#eventBox .star_btn a {display:block;width: 67.69vw;height: 17.54vw;margin: 0 auto;}
#eventBox .cont01 {width: 88.77vw;margin: 14.62vw auto 0;}
#eventBox .sns_box{width: 100%;}
#eventBox .sns_box .main_share{width: 47.07vw;margin: 6.15vw auto 0;}
#eventBox .sns_box .main_share:after{display:block;content:'';clear:both;visibility:hidden;height:0;}
#eventBox .sns_box .main_share a{float:left;display:block;width: 9.08vw;height: 9.08vw;margin-right:3.54vw;}
#eventBox .sns_box .main_share a:last-child{margin-right:0 ;}

/* popup */
#layerPop {display: none;position:absolute;top:0;left:0;display:none;width:100%;height:100%;background:rgba(0,0,0,0.3);}
#layerPop.active {display:block;}
.pop_box a.close_btn {display:block;float:right;width: 6.61vw;height: 6.61vw;margin-top: 2.62vw;margin-right: 3.85vw;background:url('../images/m_pop_close.png') no-repeat top center;background-size:100% 100%;}
.pop_box{position:absolute;top:50%;left:0;width:100%;display:none;}
/* .pop_box:after {display:block;content:'';clear:both;visibility:hidden;height:0;} */
.pop_box.active{display:block;}
.pop_box.star_pop {height:154.62vw;margin-top:-77.31vw;}
.pop_box.star_pop .more_btn {position:absolute;top: 82.08vw;right: 5vw;display:block;width:37px;height:39px;background:url('../images/m_pop_list_more.png') no-repeat top center;background-size:100% 100%;}
.pop_box.star_pop .star_box {position:absolute;bottom: 41.56vw;left: 50%;margin-left: -37.5vw;}
.pop_box.star_pop .star_box a {display:inline-block;width: 11.85vw;height: 10.62vw;background:url('../images/m_pop_star_off.png') no-repeat top center;background-size: 100% 100%;font-size:0;color:transparent;margin-right: 3.46vw;}
.pop_box.star_pop .star_box a:last-child {margin-right:0;}
.pop_box.star_pop .star_box a.on {background:url('../images/m_pop_star_on.png') no-repeat top center;background-size: 100% 100%;}
.pop_box .btn_box {position:absolute;bottom: 9.85vw;left:50%;width: 46.46vw;height: 11.69vw;margin-left: -23.23vw;font-size:0;color:transparent;}
.pop_box .btn_box a {display:block;width: 100%;height: 100%;}
.pop_box.pop_01 {background:url('../images/m_pop_01_bg.png') no-repeat top center;background-size: 100% 100%;}
.pop_box.pop_02 {background:url('../images/m_pop_02_bg.png') no-repeat top center;background-size: 100% 100%;}
.pop_box.pop_03 {background:url('../images/m_pop_03_bg.png') no-repeat top center;background-size: 100% 100%;}
.pop_box.pop_04 {background:url('../images/m_pop_04_bg.png') no-repeat top center;background-size: 100% 100%;}
.pop_box.pop_05 {background:url('../images/m_pop_05_bg.png') no-repeat top center;background-size: 100% 100%;}
.pop_box.input_pop{height: 151.54vw;margin-top:-75.77vw;background:url('../images/m_pop_input_bg.png') no-repeat top center;background-size: 100% 100%;}
.pop_box.pop_comp {height: 96.31vw;margin-top: -48.16vw;background:url('../images/m_pop_sns_bg.png') no-repeat top center;background-size: 100% 100%;}
.pop_box.input_pop .input_box {width: 77.69vw;margin: 21.08vw auto 0;}
.pop_box.input_pop .input_box label {font-size:0;color:transparent;background-size:100% 100%:}
.pop_box.input_pop .input_box .input_name label {float:left;display:inline-block;width:7.08vw;height:3.23vw;margin-top: 1.8vw;background:url('../images/pop_input_label_01.png') no-repeat top center;background-size: 100% 100%;}
.pop_box.input_pop .input_box .input_tel label {display:inline-block;width:17.23vw;height:3.23vw;margin-top:1.54vw;background:url('../images/pop_input_label_02.png') no-repeat top center;background-size: 100% 100%;}
.pop_box.input_pop .input_box .input_name {width:100%;height:6.15vw;line-height:6.15vw;margin-bottom: 3.35vw;}
.pop_box.input_pop .input_box .input_name input[type=text] {float:right;width: 51.38vw;height: 6.15vw;text-align:center;}
.pop_box.input_pop .input_box .input_tel {width:100%;height:6.15vw;line-height:6.15vw;margin-bottom: 5.08vw;}
.pop_box.input_pop .input_box .input_tel:after {display:block;content:'';clear:both;visibility:hidden;height:0;}
.pop_box.input_pop .input_box .input_tel .tel_box , 
.pop_box.input_pop .input_box .input_tel label {float:left;}
.pop_box.input_pop .input_box .input_tel .tel_box {float: right;height:6.15vw;}
.pop_box.input_pop .input_box .input_tel .tel_box select {float:left;width:15.07vw;height:6.15vw;font-size:2.46vw;text-align:center;font-family: inherit;background: url('../images/select_arr.png') no-repeat 95% 50%;border-radius: 0px;-webkit-appearance: none;-moz-appearance: none;appearance: none;padding:0 4vw;}
select::-ms-expand {display: none;}
.pop_box.input_pop .input_box .input_tel .tel_box input[type=tel]{float:left;width:15.07vw;height:6.15vw;font-size:2.46vw;margin-left: 3.07vw;text-align:center;}
.pop_box.input_pop .input_box .input_text {margin-bottom: 4.62vw;}
.pop_box.input_pop .input_box .input_text label {display:block;width:44.46vw;height:3.38vw;background:url('../images/pop_input_label_03_v1.png') no-repeat top left;background-size: 100% 100%;}
.pop_box.input_pop .input_box .input_text textarea {width:100%;height:22.31vw;margin-top: 2.31vw;padding:0.77vw 1.54vw;box-sizing: border-box;font-family: 'Noto Sans KR', sans-serif;}
.pop_box.input_pop .input_box .input_privacy_01{margin-bottom: 4.62vw;}
.pop_box.input_pop .input_box .input_privacy_01 label[for=privacy_text_01] {display:block;width: 32.76vw;height: 3.38vw;background:url('../images/pop_input_label_04.png') no-repeat top left;background-size: 100% 100%;}
.pop_box.input_pop .input_box .input_privacy_01 textarea {width:100%;height: 12.92vw;margin: 2.46vw 0 0.77vw;padding:0.77vw 1.54vw;box-sizing: border-box;font-family: 'Noto Sans KR', sans-serif;}
.pop_box.input_pop .input_box .input_privacy_01:after {display:block;content:'';clear:both;visibility:hidden;height:0;}
.pop_box.input_pop .input_box .input_privacy_01 input[type=checkbox] {float:left;display:block;width: 2.46vw;height: 2.46vw;}
.pop_box.input_pop .input_box .input_privacy_01 label[for=privacy_01] {float:left;display:block;width: 30.46vw;height: 2.46vw;margin-left:1.23vw;background:url('../images/pop_input_label_04_1.png') no-repeat top left;background-size: 100% 100%;}
.pop_box.input_pop .input_box .input_privacy_02 label[for=privacy_text_02] {display:block;width: 44.61vw;height: 3.38vw;background:url('../images/pop_input_label_05.png') no-repeat top left;background-size: 100% 100%;}
.pop_box.input_pop .input_box .input_privacy_02 textarea {width:100%;height: 12.92vw;margin: 2.46vw 0 0.77vw;padding:0.77vw 1.54vw;box-sizing: border-box;font-family: 'Noto Sans KR', sans-serif;}
.pop_box.input_pop .input_box .input_privacy_02:after {display:block;content:'';clear:both;visibility:hidden;height:0;}
.pop_box.input_pop .input_box .input_privacy_02 input[type=checkbox] {float:left;display:block;width:2.46vw;height:2.46vw;}
.pop_box.input_pop .input_box .input_privacy_02 label[for=privacy_02] {float:left;display:block;width:42.15vw;height:2.46vw;margin-left:1.23vw;background:url('../images/pop_input_label_05_1.png') no-repeat top left;background-size: 100% 100%;}
.pop_box.pop_01 .btn_box {background:url('../images/m_pop_01_btn.png') no-repeat top center;background-size: 100% 100%;}
.pop_box.pop_02 .btn_box {background:url('../images/pop_02_btn.png') no-repeat top center;background-size: 100% 100%;}
.pop_box.pop_03 .btn_box {background:url('../images/pop_03_btn.png') no-repeat top center;background-size: 100% 100%;}
.pop_box.pop_04 .btn_box {background:url('../images/pop_04_btn.png') no-repeat top center;background-size: 100% 100%;}
.pop_box.pop_05 .btn_box {background:url('../images/pop_05_btn.png') no-repeat top center;background-size: 100% 100%;}
.pop_box.input_pop .btn_box {bottom: 9.23vw;background:url('../images/pop_input_btn.png') no-repeat top center;background-size: 100% 100%;}
.pop_box.pop_comp .btn_box {background:url('../images/pop_sns_btn.png') no-repeat top center;background-size: 100% 100%;}
.pop_box.pop_comp .sns_box {display:block;width: 53.84vw;margin: 47.69vw auto 0;}
.pop_box.pop_comp .sns_box:after {display:block;content:'';clear:both;visibility:hidden;height:0;}
.pop_box.pop_comp .sns_box a {float:left;width: 8.92vw;margin-right: 2.31vw;}
.pop_box.pop_comp .sns_box a:last-child {margin-right:0;}

.pop_box.pop_winner {position:fixed;background:url('../images/mo_winner_bg.png') no-repeat top center;background-size: 100% 100%;height:130.3076vw;top:50%;margin-top:-65vw;}
.pop_box.pop_winner .win_list {box-sizing:border-box;width:77.6923vw;height:29.2307vw;margin:64.923vw 0 0 11.5384vw;padding:3.8461vw 0 3.8461vw 8.1538vw;border:1px solid #d3d3d3;overflow-y:scroll;}
.pop_box.pop_winner .win_list:after {display:block;content:'';clear:both;visibility:hidden;height:0;}
.pop_box.pop_winner .win_list p {float:left;width:50%;font-size:2.7692vw;color:#6c6c6c;line-height:4.6153vw;font-weight:400;}

iframe {display:block;border:none;height:100vh;width:100vw}