@charset 'utf-8'; @font-face { font-family:'NanumGothicBold'; src:url(/font/NanumGothicBold.eot); src:local("NanumGothic Bold"), local("나눔고딕 Bold"), local("NanumGothicBold"), local("나눔고딕Bold"), url(/font/NanumGothicBold.eot), url(/font/NanumGothicBold.eot?#iefix) format('embedded-opentype'), url(/font/NanumGothicBold.woff) format('woff'), url(/font/NanumGothicBold.ttf) format('truetype'); } @font-face { font-family:'NanumGothic'; src:url(/font/NanumGothic.eot); src:local("NanumGothic"), local("나눔고딕"), url(/font/NanumGothic.eot), url(/font/NanumGothic.eot?#iefix) format('embedded-opentype'), url(/font/NanumGothic.woff) format('woff'), url(/font/NanumGothic.ttf) format('truetype'); } #wrap-event .inner {margin:0 auto; width:875px} #wrap-event .send_event {margin:0 auto; padding-top:30px; width:875px; height:60px; text-align:right} #wrap-event .send_event img {vertical-align:middle} #wrap-event .send_event a {display:inline-block; margin-left:4px} #wrap-event .send_event .txt_msg {margin-left:8px} #wrap-event .send_event .phone-num {display:inline-block; margin-right:-3px} #wrap-event .send_event .phone-num input[type="text"] {margin:0 1px 0 1px; padding-left:6px; width:44px; height:30px; line-height:30px; border:1px solid #3a424d; border-radius:3px; color:#858585} #wrap-event .top_info {height:1254px; background:url(/images/event/nowOn/bg_topInfo.jpg) center 0 no-repeat} #wrap-event .menu_link {padding:22px 0 21px; width:100%; height:76px; background:#c07809} #wrap-event .menu_link .inner {margin:0 auto; width:838px; overflow:hidden} #wrap-event .menu_link .inner > p {position:relative; margin-left:20px; margin-top:14px; float:left; width:407px} #wrap-event .menu_link .inner > p.first {float:left; margin-left:0; margin-right:20px; width:388px} #wrap-event .menu_link .inner > p.first:after {position:absolute; right:-20px; top:0; display:block; width:1px; height:76px; background:#e0bc84; content:""} #wrap-event .menu_link .inner > p .btn_link {position:absolute; right:0; top:-3px} #wrap-event .event1 {position:relative; margin:62px auto 0; width:941px; text-align:center} #wrap-event .event1 .state {position:relative; margin-top:33px; width:941px; height:166px; background:url(/images/event/nowOn/bg_state.jpg) 0 0 no-repeat; text-align:left} #wrap-event .event1 .state p {padding:54px 0 0 114px; font-size:20px; color:#222; font-family:NanumGothic; letter-spacing:-1px} #wrap-event .event1 .state p.type02 {padding-top:40px} #wrap-event .event1 .state p.center {padding-right:113px; text-align:center} #wrap-event .event1 .state p strong {font-weight:normal; font-family:NanumGothicBold} #wrap-event .event1 .state p .f_big {font-size:35px} #wrap-event .event1 .state .button {display:block; position:absolute; right:101px; top:36px} #wrap-event .event1 .join {margin-top:29px; width:838px; height:206px; background:url(/images/event/nowOn/txt_join.gif) center 0 no-repeat} #wrap-event .event1 .gift {margin:66px auto 0; width:838px} #wrap-event .event1 .gift ul {overflow:hidden} #wrap-event .event1 .gift ul li {position:relative; float:left; margin-bottom:10px; width:414px; height:309px; letter-spacing:-0.5px} #wrap-event .event1 .gift ul li > p {position:absolute; left:29px; top:15px} /*#wrap-event .event1 .gift ul li p .member {display:block; width:76px; height:52px; line-height:52px; color:#fff; font-size:23px; font-family:NanumGothicBold}*/ #wrap-event .event1 .gift ul li p .member {display:block; margin-left:2px; width:66px; height:66px} #wrap-event .event1 .gift ul li p .spare {display:block; margin:4px 0 0 0; width:71px; height:21px; line-height:21px; background:#e0e0e0; font-size:13px; color:#000; font-family:NanumGothicBold} #wrap-event .event1 .gift ul li.gift1 {background:url(/images/event/nowOn/bg_gift1.jpg) 0 0 no-repeat} #wrap-event .event1 .gift ul li.gift2 {margin-left:10px; background:url(/images/event/nowOn/bg_gift2.jpg) 0 0 no-repeat} #wrap-event .event1 .gift ul li.gift3 {background:url(/images/event/nowOn/bg_gift3.jpg) 0 0 no-repeat} #wrap-event .event1 .gift ul li.gift4 {margin-left:10px; background:url(/images/event/nowOn/bg_gift4.jpg) 0 0 no-repeat} #wrap-event .event1 .gift ul li.gift5 {width:272px; height:331px; background:url(/images/event/nowOn/bg_gift5.jpg) 0 0 no-repeat} #wrap-event .event1 .gift ul li.gift6 {margin-left:11px; width:272px; height:331px; background:url(/images/event/nowOn/bg_gift6.jpg) 0 0 no-repeat} #wrap-event .event1 .gift ul li.gift7 {margin-left:11px; width:272px; height:331px; background:url(/images/event/nowOn/bg_gift7.jpg) 0 0 no-repeat} #wrap-event .event1 .gift ul li .btn_apply {position:absolute; left:28px; bottom:37px; display:block; width:144px; height:44px; background:url(/images/event/nowOn/btn_apply.png) 0 0 no-repeat; text-indent:-9999px} #wrap-event .event1 .gift ul li.gift5 .btn_apply, #wrap-event .event1 .gift ul li.gift6 .btn_apply, #wrap-event .event1 .gift ul li.gift7 .btn_apply {left:64px; bottom:29px} #wrap-event .event1 .gift ul li.closed:after {position:absolute; left:0; top:0; display:block; width:414px; height:309px; line-height:308px; background:url(/images/event/nowOn/bg_closed.png) 0 0 repeat; content:"마감"; color:#fff; font-family:NanumGothicBold; font-size:40px; z-index:1} #wrap-event .event1 .gift ul li.gift5.closed:after, #wrap-event .event1 .gift ul li.gift6.closed:after,#wrap-event .event1 .gift ul li.gift7.closed:after {width:272px; height:331px} #wrap-event .event_bonus {margin:68px auto 0; max-width:2000px; height:667px; background:#fbcd39} #wrap-event .event_bonus .inner {position:relative; width:1280px; height:667px; background:url(/images/event/nowOn/bg_bonus.jpg) 0 0 no-repeat} #wrap-event .event_bonus .inner:after {position:absolute; left:50%; top:-32px; display:block; margin-left:-49px; width:98px; height:56px; background:url(/images/event/nowOn/bg_bonus02.jpg) 0 0 no-repeat; content:""} #wrap-event .event_bonus .number {position:absolute; left:244px; top:392px; border:10px solid #fb5f34; border-radius:13px; width:334px; height:104px; line-height:104px; background:#fbf7e9; text-align:center; font-size:20px; color:#222; font-family:NanumGothicBold; letter-spacing:-1px} #wrap-event .event_bonus .number strong {font-size:80px; color:#fb5f34; vertical-align:bottom} #wrap-event .event02 {margin:0 auto; padding-top:80px; max-width:2000px; height:773px; background:#f7f3e8} #wrap-event .event02 .eve2_gift {margin-top:53px; width:874px; height:239px; background:url(/images/event/nowOn/bg_event02.jpg) 0 0 no-repeat; text-indent:-9999px} #wrap-event .event02 .btn_application {display:block; margin:50px auto 0; width:401px; height:71px; background:url(/images/event/nowOn/btn_application.png) 0 0 no-repeat; text-indent:-9999px} #wrap-event .apply_mobile {margin:70px auto 0; width:875px} #wrap-event .apply_mobile .detail {width:873px; height:192px; border:1px solid #d0d0d0} #wrap-event .apply_mobile .detail ul {overflow:hidden} #wrap-event .apply_mobile .detail ul li {float:left; padding-top:15px; height:177px} #wrap-event .apply_mobile .detail p {line-height:22px; font-size:14px; color:#666; font-family:NanumGothic; letter-spacing:-0.5px} #wrap-event .apply_mobile .detail p strong {display:block; color:#323232; font-family:NanumGothicBold} #wrap-event .apply_mobile .detail ul li.app {padding-left:26px; width:371px; border-right:1px solid #d0d0d0} #wrap-event .apply_mobile .detail ul li.app .cont {position:relative; padding-left:111px; margin-top:10px} #wrap-event .apply_mobile .detail ul li.app .cont > img {position:absolute; left:0; top:0} #wrap-event .apply_mobile .detail ul li.app .cont a {display:block; margin-bottom:4px; width:228px; height:47px} #wrap-event .apply_mobile .detail ul li.qr {padding-left:22px; width:143px; border-right:1px solid #d0d0d0} #wrap-event .apply_mobile .detail ul li.qr img {margin:12px 0 0 10px} #wrap-event .apply_mobile .detail ul li.sms {padding-left:28px} #wrap-event .apply_mobile .detail ul li.sms .send {margin-top:40px; overflow:hidden} #wrap-event .apply_mobile .detail ul li.sms .send input[type="text"] {float:left; padding-left:10px; width:162px; height:41px; line-height:41px; border:3px solid #337903; border-right:none; color:#9a9a9a; font-size:14px} #wrap-event .apply_mobile .detail ul li.sms .send button {width:78px; height:47px; line-height:47px; border:none; background:#377d06; color:#fff; font-size:18px; font-family:NanumGothicBold} #wrap-event .event_guide {margin:32px auto 100px; width:875px} #wrap-event .event_guide ol {margin:10px 0 0 21px} #wrap-event .event_guide ol li {line-height:30px; font-size:15px; color:#50545a; list-style:decimal; font-family:NanumGothic} #wrap-event .event_guide ol li strong {font-weight:normal; font-family:NanumGothicBold; vertical-align:top} #wrap-event .event_guide ol li a {vertical-align:bottom} #wrap-event .event_guide p {line-height:30px; font-size:15px; color:#50545a; font-family:NanumGothic} /* layer_popup */ #wrap-event .pop_layer {position:absolute; left:50%; top:0; text-align:left; font-family:NanumGothic; color:#333; z-index:10} #wrap-event .pop_layer a:hover, #wrap-event .pop_layer a:focus {text-decoration:none} #wrap-event .pop_layer .btn_layer_close {position:absolute; right:6px; top:6px; display:block; width:36px; height:36px; background:url(/images/event/nowOn/btn_layer_close.png) 0 0 no-repeat; text-indent:-9999px} #wrap-event .pop_layer .btn_confirm {text-align:center} #wrap-event .pop_layer .btn_confirm a, #wrap-event .pop_layer .btn_confirm button {display:inline-block; width:127px; height:39px; border:none; background:url(/images/event/nowOn/btn_confirm.png) 0 0 no-repeat} #wrap-event .pop_layer .txt_guide {margin-top:13px; padding-left:16px} #wrap-event .pop_layer .txt_guide li {margin-top:4px; line-height:20px; font-size:13px; list-style:decimal} #wrap-event .pop_layer .txt_guide li strong {font-family:NanumGothicBold} #wrap-event .pop_layer .layer_foot {padding:14px 0 16px 27px; line-height:20px; background:#cdcdcd; font-size:14px; color:#333; letter-spacing:-0.5px; text-align:center} #wrap-event .pop_layer .layer_foot > p {margin-bottom:13px} #wrap-event .pop_layer .layer_foot p, #wrap-event .pop_layer .layer_foot li {text-align:left} #wrap-event .pop_layer .layer_foot li {position:relative; padding-left:7px} #wrap-event .pop_layer .layer_foot li:before {display:block; position:absolute; left:0; top:0; color:#333; content:"-"} #wrap-event .pop_layer .layer_foot .btn_gray {display:inline-block; margin-top:17px; margin-left:-27px; width:127px; height:29px; line-height:29px; border-radius:3px; background:#555; color:#fff} #wrap-event .pop_layer.personal_info {top:728px; margin-left:-295px; width:590px; background:#e2c673} #wrap-event .personal_info .inner {margin:10px; padding:28px 30px 30px; width:511px; border-radius:6px; background:#fff} #wrap-event .personal_info .title {display:block; margin:20px 0 8px; font-size:15px; font-family:NanumGothicBold} #wrap-event .personal_info .title:first-child {margin-top:0} #wrap-event .personal_info p, #wrap-event .personal_info ul li {line-height:19px; font-size:13px; color:#666} #wrap-event .personal_info ul {margin-left:3px} #wrap-event .personal_info ul li {position:relative; padding-left:8px} #wrap-event .personal_info ul li:before {position:absolute; left:0; top:0; display:block; font-size:13px; color:#666; content:"-"} #wrap-event .personal_info table {margin-top:7px; border-top:1px solid #d3d3d3} #wrap-event .personal_info table th, #wrap-event .personal_info table td {border-left:1px solid #d3d3d3; border-right:1px solid #d3d3d3} #wrap-event .personal_info table thead th {height:32px; background:#666; font-size:12px; color:#fff; font-family:NanumGothicBold} #wrap-event .personal_info table td {padding:12px 0; height:auto; border-bottom:1px solid #d3d3d3} #wrap-event .personal_info table td input[type="text"] {height:23px; line-height:23px; background:#e7eaf0; border:1px solid #d3d3d3; text-align:center} #wrap-event .personal_info .agree {margin-top:27px; padding-top:16px; border-top:1px solid #e0e0e0} #wrap-event .personal_info .agree .text {text-align:center; font-family:NanumGothicBold} #wrap-event .personal_info .agree .chk_wrp {margin-top:13px; font-size:15px; font-family:NanumGothicBold; text-align:center} #wrap-event .personal_info .agree .chk_wrp input {margin-right:8px; width:14px; height:14px} #wrap-event .personal_info .agree .chk_wrp label + input {margin-left:60px} #wrap-event .personal_info .btn_confirm {margin:15px 0 10px} #wrap-event .personal_info .btn_confirm button, #wrap-event .personal_info .btn_confirm a {display:inline-block; width:100px; height:30px; line-height:30px; border-radius:3px; background:#401f10; color:#fff; font-family:NanumGothicBold} #wrap-event .pop_layer.agreeChk {top:1047px; padding-bottom:10px; margin-left:-210px; width:420px; background:#e2c673} #wrap-event .agreeChk .inner {margin:10px; width:396px; border:2px solid #401f10; border-radius:4px; background:#fff} #wrap-event .agreeChk p {padding:64px 0 33px; line-height:24px; background:url(/images/event/nowOn/ico_alarm.gif) center 15px no-repeat; font-size:18px; color:#333; text-align:center} #wrap-event .pop_layer.win {top:907px; margin-left:-210px; width:420px; min-height:500px; background:url(/images/event/nowOn/bg_win.jpg) 0 0 no-repeat} #wrap-event .pop_layer.win .inner {padding:40px 0 10px; margin-top:145px; width:400px; height:155px; line-height:30px; font-size:18px; text-align:center; letter-spacing:-0.5px} #wrap-event .pop_layer.fail {top:907px; margin-left:-210px; width:420px; min-height:350px; background:url(/images/event/nowOn/bg_fail.jpg) 0 0 no-repeat} #wrap-event .pop_layer.fail .inner {margin:145px 0 10px 10px; width:400px; height:195px; line-height:30px; font-size:18px; text-align:center; letter-spacing:-0.5px} #wrap-event .pop_layer.fail .inner p {padding:37px 0 40px} #wrap-event .pop_layer.empty {top:907px; margin-left:-210px; width:420px; min-height:350px; background:url(/images/event/nowOn/bg_empty.jpg) 0 0 no-repeat} #wrap-event .pop_layer.empty .inner {margin:145px 0 10px 10px; width:400px; height:195px; line-height:30px; font-size:18px; text-align:center; letter-spacing:-0.5px} #wrap-event .pop_layer.empty .inner p {padding:63px 0 14px} #wrap-event .pop_layer.history {top:876px; margin-left:-210px; padding-bottom:30px; width:420px; min-height:531px; background:#fbeaba url(/images/event/nowOn/bg_history.jpg) 0 0 no-repeat} #wrap-event .pop_layer.history .inner {margin:181px 0 0 10px; padding:0 12px 20px; width:376px; border-bottom-left-radius:7px; border-bottom-right-radius:7px; background:#fff; letter-spacing:-0.5px} #wrap-event .pop_layer.history table td .contact {position:relative; padding:7px 12px 12px} #wrap-event .pop_layer.history table td .contact ul { text-align:left} #wrap-event .pop_layer.history table td .contact ul li {position:relative; padding-left:67px; line-height:17px; min-height:17px; word-break:break-all} #wrap-event .pop_layer.history table td .contact ul li + li {margin-top:3px} #wrap-event .pop_layer.history table td .contact ul li span {position:absolute; left:0; top:1px; padding-left:8px} #wrap-event .pop_layer.history table td .contact ul li span:before {position:absolute; left:0; top:9px; display:block; width:2px; height:2px; background:#4e4e4e; content:""} #wrap-event .pop_layer.history table td .contact a.btn_gray {display:block; margin:15px auto 0; width:127px; height:29px; line-height:29px; border-radius:3px; background:#555; color:#fff; font-size:15px} #wrap-event .pop_layer.history .inner .btn_confirm {margin-top:20px} #wrap-event .pop_layer table.type_bk td, #wrap-event .pop_layer table.type_bk th {border:1px solid #3c3935} #wrap-event .pop_layer table.type_bk th {padding:4px 0; background:#333; color:#fff; font-family:NanumGothicBold; font-size:18px} #wrap-event .pop_layer table.type_bk thead th + th {border-left:1px solid #6e5f4b} #wrap-event .pop_layer table.type_bk td {padding:9px 3px 8px; line-height:20px; font-size:17px; color:#333}