@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:#555555;}
body,input,label{font-family: 'Noto Sans KR', sans-serif; font-weight:bold; -webkit-text-size-adjust:auto;color:#555555; }
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; }

.div_wrap {width:100%;max-width:1303px;margin:0 auto;}

/* 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%;}

#mainPage {position:relative;width:100%;max-width:2000px;margin:0 auto;background:#2e3b56;overflow:hidden;}
#header {position:relative;max-width:1303px;width:100%;margin:0 auto;z-index:2;}
#header h1 {position:absolute;left:0;top:34px;}
#header .main_share {position:absolute;right:0;top:34px;}
#header .main_share:after {display:block;content:'';clear:both;visibility:hidden;height:0;}
#header .main_share a {float:left;display:block;margin-right:8px;}
#header .main_share a:last-child {margin-right:0px;}

#content {margin-top:-0;width:100%;}

#kvBox {position:relative;width:100%;height:864px;background:url('../images/main_kv_bg.jpg') no-repeat top center;background-size:100% 100%;}
#kvBox .div_wrap p {display:block;position:absolute;left:50%;}
#kvBox .div_wrap p img {margin:0 auto;}
#kvBox .div_wrap p.kv_img {top:0;margin-left:-145px;padding-top:57px;opacity:0;}
#kvBox .div_wrap p.kv_img img {padding-right:2px;}
#kvBox .div_wrap p.kv_title {top:247px;margin-left:-330px;padding-top:22px;z-index:1;opacity:1;}
#kvBox .div_wrap p.kv_title img {padding-right:0;}
#kvBox .div_wrap p.kv_text {top:590px;margin-left:-301px;padding-top:36px;z-index:1;opacity:0;}
#kvBox .div_wrap p.kv_text img {}
#kvBox .div_wrap p.cha_box {position:absolute;left:50%;z-index:0;opacity:0;}
#kvBox .div_wrap p.cha_01 {top:402px;margin-left:-795px;}
#kvBox .div_wrap p.cha_02 {top:336px;margin-left:172px;}

#eventBox {}
#eventBox .policy_box {margin-top:47px;}
#eventBox .policy_box ul:after {display:block;content:'';clear:both;visibility:hidden;height:0;}
#eventBox .policy_box ul li {float:left;}
#eventBox .policy_box ul li:nth-child(1) {margin-right:22px;}
#eventBox .policy_box ul li:nth-child(2) {margin-right:22px;}
#eventBox .policy_box ul li:nth-child(3) {margin-right:21px;}
#eventBox .policy_box ul li:nth-child(4) {margin-right:18px;}
#eventBox .policy_box ul li a {display:block;position:relative;}
#eventBox .policy_box ul li a span {position:absolute;top:404px;right:24px;display:block;content:'';width:28px;height:29px;background:url('../images/more_icon.png') no-repeat top center;animation:swing 2s ease-in Infinite Alternate;}
#eventBox .policy_box ul li a span::after {position:absolute;top:8px;left:8px;display:block;content:'';width:11px;height:11px;background:url('../images/more_icon_plus.png') no-repeat top center;}
#eventBox .policy_box ul li:nth-child(1) a::after {}
@keyframes swing {
  0%{
    top:404px;
  }
  20%{
	top:406px;
  }
  40%{
	top:402px;
  }
  60%{
	top:404px;
  }
  80%{
	top:406px;
  }
  100%{
	top:402px;
  }
}

#eventBox .policy_box ul li .policy_star {width:244px;height:44px;margin-top:12px;background:url('../images/main_star_board.png') no-repeat top center;background-size:100% 100%;}
#eventBox .policy_box ul li .policy_star:after {display:block;content:'';clear:both;visibility:hidden;height:0;}
#eventBox .policy_box ul li .policy_star span {float:left;width:21px;height:21px;margin-top:11px;margin-left:4px;background:url('../images/main_star_off.png') no-repeat top center;}
#eventBox .policy_box ul li .policy_star span:first-child {margin-left:104px;}
#eventBox .policy_box ul li .policy_star span.on {transition:3s all;background:url('../images/main_star_on.png') no-repeat top center;animation:starpoint 1.5s ease-in Alternate;}

@keyframes starpoint{
	0%{
		transform:rotate(0deg);
	}
	100%{
		transform:rotate(360deg);
	}
}

.tip_box {width:755px;height:35px;margin:65px auto 0;background:url('../images/tip_text_v2.png') no-repeat top center;}
.tip_box a {display:inline-block;margin-left:125px;}

.star_btn {width:100%;}
.star_btn a {display:block;width:440px;margin:35px auto 0;}

#cont01 {max-width:1303px;margin:84px auto 0;}

#cont02 {max-width:1303px;margin:13px auto 0;}

#footer {max-width:1303px;margin:85px auto 0;padding-bottom:72px;}

/* body.active {height:100%;overflow:hidden;} */

#layerPop {display:none;overflow:hidden;position:absolute;top:0;width:100%;height:100%;z-index:5;background:rgba(0,0,0,0.3);}
#layerPop .dim {position:absolute;top:0;left:0;width:100%;height:100%;}
#layerPop.active {display:block;}

.pop_box a.close_btn {display:block;float:right;width:37px;height:37px;margin-top:19px;margin-right:26px;background:url('../images/pop_close.png') no-repeat top center;background-size:100% 100%;}

.pop_box {position:absolute;top:0;left:50%;width:650px;margin-left:-325px;display:none;background-size:100% 100%;}
.pop_box.active {display:block;}
.pop_box.star_pop {height:908px;margin-top:0;}
.pop_box.star_pop .more_btn {position:absolute;top:538px;right:37px;display:block;width:37px;height:39px;background:url('../images/pop_list_more.png') no-repeat top center;background-size:100% 100%;}
.pop_box.star_pop .star_box {position:absolute;bottom:225px;left:50%;margin-left:-155px;}
.pop_box.star_pop .star_box a {display:inline-block;width:56px;height:51px;background:url('../images/pop_star_off.png') no-repeat top center;font-size:0;color:transparent;margin-right:3px;}
.pop_box.star_pop .star_box a:last-child {margin-right:0;}
.pop_box.star_pop .star_box a.on {background:url('../images/pop_star_on.png') no-repeat top center;}
.pop_box .btn_box {position:absolute;bottom:56px;left:50%;width:302px;height:76px;margin-left:-151px;font-size:0;color:transparent;}
.pop_box .btn_box a {display:block;width:302px;height:76px;}

.pop_box.pop_01 {background:url('../images/pop_01_bg.png') no-repeat top center;}
.pop_box.pop_02 {background:url('../images/pop_02_bg.png') no-repeat top center;}
.pop_box.pop_03 {background:url('../images/pop_03_bg.png') no-repeat top center;}
.pop_box.pop_04 {background:url('../images/pop_04_bg.png') no-repeat top center;}
.pop_box.pop_05 {background:url('../images/pop_05_bg.png') no-repeat top center;}
.pop_box.input_pop {background:url('../images/pop_input_bg.png') no-repeat top center;height:985px;}
.pop_box.pop_comp {background:url('../images/pop_sns_bg.png') no-repeat top center;height:626px;}

.pop_box.pop_01 .btn_box {background:url('../images/pop_01_btn.png') no-repeat top center;}
.pop_box.pop_02 .btn_box {background:url('../images/pop_02_btn.png') no-repeat top center;}
.pop_box.pop_03 .btn_box {background:url('../images/pop_03_btn.png') no-repeat top center;}
.pop_box.pop_04 .btn_box {background:url('../images/pop_04_btn.png') no-repeat top center;}
.pop_box.pop_05 .btn_box {background:url('../images/pop_05_btn.png') no-repeat top center;}
.pop_box.input_pop .btn_box {background:url('../images/pop_input_btn.png') no-repeat top center;}
.pop_box.pop_comp .btn_box {background:url('../images/pop_sns_btn.png') no-repeat top center;}

.pop_box.input_pop .input_box {width:505px;margin:137px auto 0;padding-left:5px;}
.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:46px;height:21px;margin-top:11px;background:url('../images/pop_input_label_01.png') no-repeat top center;}
.pop_box.input_pop .input_box .input_tel label {display:inline-block;width:112px;height:21px;margin-top:11px;background:url('../images/pop_input_label_02.png') no-repeat top center;}

.pop_box.input_pop .input_box .input_name {width:100%;height:38px;line-height:40px;margin-bottom:25px;}
.pop_box.input_pop .input_box .input_name input[type=text] {float:right;width:334px;height:40px;text-align:center;}

.pop_box.input_pop .input_box .input_tel {width:100%;height:38px;line-height:40px;margin-bottom:35px;}
.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 {margin-left:59px;}
.pop_box.input_pop .input_box .input_tel .tel_box select {float:left;width:98px;height:40px;font-size:16px;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;}
select::-ms-expand {display: none;}
.pop_box.input_pop .input_box .input_tel .tel_box input[type=tel] {float:left;width:98px;height:40px;margin-left:20px;font-size:16px;text-align:center;}

.pop_box.input_pop .input_box .input_text {margin-bottom:23px;}
.pop_box.input_pop .input_box .input_text label {display:block;width:289px;height:22px;background:url('../images/pop_input_label_03_v1.png') no-repeat top left;}
.pop_box.input_pop .input_box .input_text textarea {width:100%;height:146px;margin-top:16px;padding:5px 10px;font-family: 'Noto Sans KR', sans-serif;}

.pop_box.input_pop .input_box .input_privacy_01 {margin-bottom:29px;}
.pop_box.input_pop .input_box .input_privacy_01 label[for=privacy_text_01] {display:block;width:213px;height:22px;background:url('../images/pop_input_label_04.png') no-repeat top left;}
.pop_box.input_pop .input_box .input_privacy_01 textarea {width:100%;height:84px;margin:16px 0 5px;padding:5px 10px;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:16px;height:16px;}
.pop_box.input_pop .input_box .input_privacy_01 label[for=privacy_01] {float:left;display:block;width:198px;height:16px;margin-left:8px;background:url('../images/pop_input_label_04_1.png') no-repeat top left;}

.pop_box.input_pop .input_box .input_privacy_02 label[for=privacy_text_02] {display:block;width:290px;height:22px;background:url('../images/pop_input_label_05.png') no-repeat top left;}
.pop_box.input_pop .input_box .input_privacy_02 textarea {width:100%;height:84px;margin:16px 0 5px;padding:5px 10px;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:16px;height:16px;}
.pop_box.input_pop .input_box .input_privacy_02 label[for=privacy_02] {float:left;display:block;width:274px;height:16px;margin-left:8px;background:url('../images/pop_input_label_05_1.png') no-repeat top left;}

.pop_box.pop_comp .sns_box {display:block;width:344px;margin:308px 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;margin-right:13px;}
.pop_box.pop_comp .sns_box a:last-child {margin-right:0;}

.pop_box.pop_winner {position:fixed;background:url('../images/pc_winner_bg.png') no-repeat top center;width:650px;height:788px;top:50%;margin-top:-394px;}
.pop_box.pop_winner .win_list {box-sizing:border-box;width:505px;height:190px;margin:422px 0 0 75px;padding:20px 0 20px 45px;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:33%;font-size:12px;color:#6c6c6c;line-height:20px;font-weight:400;}




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