.wrap {position:relative; padding-top:11.09%;}
header {position:fixed; left:0; top:0; width:100%; overflow:hidden;background:url("../images/bg_popup_bg2.gif") repeat-x left top; background-size:100% 100%; z-index:98;}
header h1 {float:left; width:30.62%;}
header nav {float:left; width:69.37%;}
header nav a {position:relative; float:left;}
header nav a.nav1 {width:18.69%;}
header nav a.nav2 {width:23.19%;}
header nav a.nav3 {width:31.3%;}
header nav a.nav4 {width:26.8%;}
header nav a span {position:absolute; left:0; top:0; display:none;}
header nav a.on span {display:block; width:100%;}

.section01 {position:relative; padding:7.03% 0 13.8%; background:url("../images/img_sec1_bg.jpg") no-repeat left top; background-size:100% 100%;}
.section01 > h1 {width:49.37%; margin:0 0 5.31% 5%;}
.section01 .movie_img {width:90.62%; margin:0 auto;}
.section01 .movie_img > div {position:relative; padding-bottom:56.25%;}
.section01 .movie_img div iframe {position:absolute; left:0; top:0; width:100%; height:100%;}
.section01 .evnt_spelling {position:relative; width:90.93%; margin:4.53% auto 0;}
.section01 .evnt_spelling input {position:relative; width:100%; border:0; font-size:30px; text-align:center; background-color:transparent;}
.section01 .evnt_spelling .input_wrap {position:absolute; left:50%; top:14.8%; margin-left:-131px;}
.section01 .evnt_spelling .input_txt {position:relative; float:left; overflow:hidden; width:40px; min-height:36px; margin-left:3px; padding:5px 3px 2px; border:2px solid #533863; background-color:#fff;}
.section01 .evnt_spelling .input_txt:first-child {margin-left:0;}
.section01 .evnt_spelling .input_txt:before {position:absolute; left:0; bottom:0; content:''; width:100%; height:20px; background-color:#eee;}
.evnt_spelling .input_wrap .input_txt .spelling01 {background:url('../images/img_sec1_spelling1.png') no-repeat 0 center;background-size:100%;}
.evnt_spelling .input_wrap .input_txt .spelling02 {background:url('../images/img_sec1_spelling2.png') no-repeat 0 center;background-size:100%;}
.evnt_spelling .input_wrap .input_txt .spelling03 {background:url('../images/img_sec1_spelling3.png') no-repeat 0 center;background-size:100%;}
.evnt_spelling .input_wrap .input_txt .spelling04 {background:url('../images/img_sec1_spelling4.png') no-repeat 0 center;background-size:100%;}
.evnt_spelling .input_wrap .input_txt .spelling05 {background:url('../images/img_sec1_spelling5.png') no-repeat 0 center;background-size:100%;}
.section01 .evnt_spelling .evntBtn {display:block; width:59.53%; margin:3.43% auto 0;}
.product_info {padding:13px 0 13.12%; background:url("../images/bg_sec2_bg01.gif") repeat-y left top; background-size:100%;}
.product_info > p {margin-left:1%;}
.product_info h3 {width:44.84%; margin:0 auto; padding:10.46% 0 10.62%;}
.product_info .product_buy {position:relative; width:88.75%; margin:7.92% auto 0;}
.product_info .product_buy p {float:left; width:45.42%; margin-top:5.28%;}
.product_info .product_buy a {float:right; width:48.76%;}
.product_info .product_buy:after {content:''; display:block; clear:both;}
.product_info h3+.product_buy {margin-top:0;}
.section03 {position:relative;}
.section03 .sec2_bg {position:absolute; left:0; bottom:0; width:63.59%;}
.section04 {min-height:500px; background-color:#ead9ea;}

footer {padding:4.21% 0 3.12%; background-color:#533863;}
footer .sns {width:82.81%; margin:0 auto;}
footer .sns a {float:right; width:47.16%;}
footer .sns a:first-child {float:left;}
footer .sns:after {content:''; display:block; clear:both;}
footer .copyright {width:73.59%; margin:3.43% auto 0;}

.popup01 {display:none; position:absolute; left:50%; top:3%; width:90.62%; margin-left:-45%; background-color:#fff; z-index:99;}
.popup01 .input_area {background:url("../images/bg_popup_bg1.gif") no-repeat left bottom; background-size:100%;}
.popup01 h1 {padding:5.17% 0; text-align:center; background-color:#533863;}
.popup01 h1 img {width:67.58%;}
.popup01 .event_input {width:267px; margin:0 auto;}
.popup01 .event_inputTxt01 {width:34.48%; margin:5.51% auto 5%;}
.popup01 .Personal_name {overflow:hidden; padding:1% 0 3%;}
.popup01 .Personal_name label {float:left; width:57px;}
.popup01 .Personal_name span {float:left; padding:3px; border:1px solid #533863;}
.popup01 .Personal_name input {width:114px; padding:0 4px; border:0;}
.popup01 .Personal_phone {overflow:hidden; padding-bottom:5%;}
.popup01 .Personal_phone label {float:left; width:57px;}
.popup01 .Personal_phone .select_line {float:left; border:1px solid #533863;}
.popup01 .Personal_phone .phone_input {position:relative; float:left; padding:3px 0 4px; margin-left:11px; border:1px solid #533863;}
.popup01 .Personal_phone .phone_input:after {position:absolute; left:-9px; top:10px; content:''; width:6px; height:2px; background-color:#533863;}
.popup01 .Personal_phone select {border:0;}
.popup01 .Personal_phone input {width:60px; border:0; text-align:center;}
.popup01 .agree01 {width:94.65%; margin:0 auto; padding-bottom:6.01%;}
.popup01 .agree01 .event_inputTxt02 {padding:4% 0; background:url("../images/bg_popup_dashed.gif") repeat-x left top;}
.popup01 .agree01 .event_inputTxt02 img {display:block; width:69.13%; margin:0 auto;}
.popup01 .agree01 .agree_txt {padding:3.5%; border:1px solid #533863; font-size:11px; line-height:1.2em; background-color:#fff;}
.popup01 .agree01 .agree_txt ul li {margin-bottom:4px;}
.popup01 .agree01 .agree_txt ul li span {display:block; margin:0 0 1.4% 3%;}
.popup01 .agree01 > ul {overflow:hidden; width:57.54%; margin:0 auto; padding:2.96% 0 5.56%;}
.popup01 .agree01 > ul .radio_agree {float:left; width:46%;}
.popup01 .agree01 > ul .radio_agree label {display:inline-block; width:42.75%; margin-left:3%;}
.popup01 .agree01 > ul .radio_disagree {float:left; width:54%;}
.popup01 .agree01 > ul .radio_disagree label {display:inline-block; width:72.83%; margin-left:3%;}
.popup01 .agree01 > ul li input {vertical-align:bottom;}
.popup01 .event_btn {display:block; width:41.71%; margin:0 auto;}
.popup01 .caution {padding:6.89% 0 5.17% 6.37%; background-color:#dcdcdc;}
.popup01 .caution img {width:87.24%;}
.popup01 .close {position:absolute; right:2%; top:1.2%; width:9.13%;}
.mask {display:none; position:absolute; width:100%; height:100%; left:0; top:0; background-color:#000; opacity:0.8; z-index:98;}


/* 2017-04-06 소형 추가 */
.layer-winner{display:none;position:absolute;left:50%; top:2%; width:90.62%; margin-left:-45%; z-index:99;}
.layer-winner .title{}
.layer-winner .btn-close{position:absolute;top:15px;right:15px}
.layer-winner .btn-close img{width:30px;height:30px}
.layer-winner .content{background:#fff url(../images/winner/bg.png) bottom center no-repeat}
.layer-winner .content .winner-list{height:297px;margin:0 19px;padding:20px 0;border:1px solid #533863;overflow-y: scroll;}
.layer-winner .content .winner-list h2{padding:0 0 10px 20px;}
.layer-winner .content .winner-list h2 img{width:inherit;height:14px}
.layer-winner .content .winner-list ul{overflow:hidden;padding:0 0 20px 20px;background:#fff}
.layer-winner .content .winner-list ul li{display:inline-block;width:57px;padding-bottom:10px;font-size:13px;color:#333;letter-spacing:-0.5px}

@media only screen and (min-width:400px){
	.section01 .evnt_spelling .input_wrap {margin-left:-160px;}
	.section01 .evnt_spelling .input_txt {padding:9px 8px;}
}