.wrap {position:relative; overflow:hidden; min-width:1000px; padding-top:63px;}
header {position:fixed; left:0; top:0; width:100%; border-bottom:1px solid #bcb3cd; background:url("../images/bg_header_bg.gif") repeat-x left top; z-index:97;}
header .in_wrap {position:relative; min-width:1000px; max-width:1462px; margin:0 auto; height:62px;}
header .in_wrap h1 {float:left;}
header .in_wrap h1 a {display:block; padding-top:20px; height:42px;}
header .in_wrap .menu {float:right;}
header .in_wrap nav {float:left; padding-right:22px;}
header .in_wrap nav a {float:left; position:relative;}
header .in_wrap nav a span {display:none; position:absolute; left:0; top:0;}
header .in_wrap nav a.on span {display:block;}
header .in_wrap .sns {float:left;}
header .in_wrap .sns a {float:left; padding-top:15px;}
header .in_wrap .sns a:first-child {padding-right:7px;}

.section01 {position:relative; height:841px;}
.son_bg {position:absolute; left:50%; top:0; margin-left:-950px;}
.son_bg .light_bg {position:absolute; left:0; top:0; width:1504px; height:864px;}
.son_bg .light_bg span {position:absolute;}
.son_bg .light_bg .light01 {right:-189px; top:56px; opacity:1; filter:alpha(opacity=100);}
.son_bg .light_bg .light02 {right:-119px; top:280px; opacity:1; filter:alpha(opacity=100);}
.son_bg .light_bg .light03 {right:-248px; bottom:145px; opacity:0.3; filter:alpha(opacity=30);}
.son_bg .light_bg .light04 {right:4px; top:50px; opacity:0.6; filter:alpha(opacity=60);}
.son_bg .light_bg .light05 {right:24px; top:16px; opacity:0.2; filter:alpha(opacity=20);}
.son_bg .tarabox {position:absolute; right:351px; bottom:79px;}
.quiz_wrap {position:absolute; left:50%; top:69px; width:590px; margin-left:-500px;}
.quiz_wrap .movie_wrap {overflow:hidden; width:531px; height:235px; margin:16px 0 22px; background-color:#000;}
.quiz_wrap .movie_wrap .movie_img {position:relative; display:block; width:100%; height:100%;}
.quiz_wrap .movie_wrap .movie_img img {position:absolute; left:0; top:0; opacity:0; filter:alpha(opacity=0);}
.quiz_wrap .movie_wrap .movie_img img:first-child {opacity:1; filter:alpha(opacity=100);}
.quiz_wrap .movie_wrap .movie_img .movie_playicon {position:absolute; left:50%; top:50%; width:78px; height:78px; margin:-39px 0 0 -39px;}
.quiz_wrap .movie_wrap .movie {display:none; position:absolute; left:50%; top:50%; width:853px; height:480px; margin:-240px 0 0 -195px; z-index:99;}
.quiz_wrap .movie_wrap .movie iframe {width:100%; height:100%;}
.quiz_wrap .movie_wrap .movie_thumb {position:absolute; left:0; top:0; width:100%; height:100%;}
.quiz_wrap .movie_wrap .movie .close {position:absolute; right:-74px; top:0;}
.quiz_wrap .evnt_spelling {position:relative;}
.evnt_spelling .input_wrap {position:absolute; left:0; top:36px; overflow:hidden; width:532px;}
.evnt_spelling .input_wrap .input_txt {position:relative; float:left; width:81px; height:70px; padding-top:8px; margin-right:7px; border:3px solid #532c6d; background-color:#f4f4f4;}
.evnt_spelling .input_wrap .input_txt:before {position:absolute; left:0; bottom:0; content:''; display:block; height:40px; width:100%; background-color:#ebebeb;}
.evnt_spelling .input_wrap .input_txt input {position:relative; display:block; width:81px; border:0; text-align:center; font-size:2em; line-height:1.4em; color:#111;}
.evnt_spelling .input_wrap .input_txt input:focus {outline: none;}
.evnt_spelling .input_wrap .input_txt .spelling01 {background:url('../images/img_sec1_spelling1.png') no-repeat 0 center;}
.evnt_spelling .input_wrap .input_txt .spelling02 {background:url('../images/img_sec1_spelling2.png') no-repeat 0 center;}
.evnt_spelling .input_wrap .input_txt .spelling03 {background:url('../images/img_sec1_spelling3.png') no-repeat 0 center;}
.evnt_spelling .input_wrap .input_txt .spelling04 {background:url('../images/img_sec1_spelling4.png') no-repeat 0 center;}
.evnt_spelling .input_wrap .input_txt .spelling05 {background:url('../images/img_sec1_spelling5.png') no-repeat 0 center;}
.evnt_spelling .btn_wrap {overflow:hidden; margin-top:41px;}
.evnt_spelling .btn_wrap .tip {float:right; margin-top:6px;}
.evnt_spelling .btn_wrap .evntBtn {float:left;}

.section02 {position:relative; padding-top:337px; background:url("../images/bg_sec2.jpg") no-repeat center top;}
.section02 .in-wrap {position:absolute; left:50%; top:-24px; margin-left:-503px;}
.section02 .evnt_info {padding:25px 0 12px; text-align:center;}
.section03 {position:relative; padding:145px 0 98px; background:url("../images/bg_sec3.jpg") no-repeat center top;}
.section03 .bg_right {position:absolute; right:0; top:97px;}
.section03 .bg_left {position:absolute; left:0; bottom:0;}
.section03 .product_info {text-align:center;}
.section03 h3 {margin:55px 0 44px; text-align:center;}
.section03 .product_buy {position:relative; width:1000px; margin:0 auto;}
.section03 .product_buy ul {overflow:hidden;}
.section03 .product_buy li {float:left; width:277px; background:url("../images/bg_sec2_bar.png") no-repeat left bottom;}
.section03 .product_buy li:first-child {background:none;}
.section03 .product_buy .link_11st {padding-right:41px;}
.section03 .product_buy .link_gmarket {padding:0 42px 0 41px;}
.section03 .product_buy .link_auction {padding-left:42px;}
.section03 .product_buy span {display:block; margin-bottom:16px; text-align:center;}
.section03 .product_buy a {display:block; margin-bottom:6px;}
.section04 {padding:38px 0 50px; background:#ead9ea url("../images/bg_sub_bg01.jpg") repeat-y center top;}
.section04 h2 {text-align:center;}
.section04 .sns_wrap {padding-top:30px; width:1000px; margin:0 auto;}
footer {padding:25px 0; text-align:center; font-size:0; background-color:#553962;}

/* popup */
.mask {display:none; position:absolute; width:100%; height:100%; left:0; top:0; background-color:#000; opacity:0.8; filter:alpha(opacity=80); z-index:98;}
.popup01 {display:none; position:absolute; left:50%; top:50%; width:700px; height:803px; margin:-401px 0 0 -122px; background-color:#fff; z-index:99;}
.popup01 h1 {padding:29px 0; text-align:center; background-color:#533863;}
.popup01 .event_input {width:636px; margin:0 auto; padding:35px 0 40px; background:url("../images/bg_dashed.gif") repeat-x left bottom;}
.popup01 .event_inputTxt01 {margin-bottom:21px; text-align:center;}
.popup01 .event_input input {border:0; width:90%; margin-left:5%; padding:3px 0;}
.popup01 .event_input select {border:0; width:80%; margin-left:10%;}
.popup01 .event_input label {float:left; width:102px; vertical-align:top;}
.popup01 .event_input span {position:relative; float:left; height:36px; border:2px solid #533863; border-radius:3px;}
.popup01 .Personal_name {width:495px; height:40px; margin:0 auto 23px;}
.popup01 .Personal_name span {width:246px;}
.popup01 .Personal_phone {width:490px; height:40px; margin:0 auto;}
.popup01 .Personal_phone .select_line {float:left; width:92px; margin-left:0;}
.popup01 .Personal_phone span {width:124px; margin-left:18px;}
.popup01 .Personal_phone .select_line:after,
.popup01 .Personal_phone .select_line+span:after {position:absolute; right:-16px; top:17px; content:''; display:block; width:10px; height:2px; background-color:#533863;}
.popup01 .Personal_phone span input {text-align:center;}
.popup01 .Personal_phone {height:40px;}
.popup01 .agree01 {padding:24px 0 28px; background:url("../images/bg_popup_bg01.gif") no-repeat center bottom;}
.popup01 .agree01 .event_inputTxt02 {text-align:center;}
.popup01 .agree01 .agree_txt {width:575px; padding:25px 0 25px 13px; margin:23px auto 38px; border:1px solid #533863; font-size:14px; color:#555; line-height:1.4em; background-color:#fff;}
.popup01 .agree01 .agree_txt p {padding-bottom:4px; font-weight:bold;}
.popup01 .agree01 .agree_txt li {padding-bottom:3px;}
.popup01 .agree01 .agree_txt span {margin-left:7px; font-size:12px; letter-spacing:-1px;}
.popup01 .agree01 > ul {overflow:hidden; width:290px; margin:0 auto;}
.popup01 .agree01 > ul li {float:left; height:26px;}
.popup01 .agree01 > ul li:first-child {padding-right:47px;}
.popup01 .event_btn {display:block; width:192px; margin:34px auto 0;}
.popup01 .caution {padding:24px 0 36px 44px; background-color:#d4d4d4;}
.popup01 .close {position:absolute; right:15px; top:17px;}

/* 2017-04-06 소형 추가 */
.layer-winner{display:none;position:absolute;left:50%; top:2%; width:700px; height:803px; margin-left:-350px; z-index:99;}
.layer-winner .title{}
.layer-winner .btn-close{position:absolute;top:17px;right:15px}
.layer-winner .content{background:#fff url("../images/winner/bg.png") bottom center no-repeat}
.layer-winner .content .winner-list{height:297px;margin:0 56px;padding:20px 0 20px 44px;background:#fff;border:1px solid #533863;overflow-y: scroll;}
.layer-winner .content .winner-list h2{}
.layer-winner .content .winner-list ul{overflow:hidden;padding-bottom:25px}
.layer-winner .content .winner-list ul li{display:inline-block;width:65px;padding-bottom:3px;font-family: "Nanum Gothic", sans-serif;font-size:16px;color:#333;letter-spacing:-0.5px}

@media only screen and (max-width:1024px){
	.wrap {min-width:1000px;}
}
