﻿@charset "utf-8";
/* 나눔 고딕 볼드 */
@font-face{
font-family: "NanumBarunGothic";
    src: url('/fonts/NanumBarunGothic.eot'); 
    src: url('/fonts/NanumBarunGothic.eot') format('embedded-opentype'),
		 url('/fonts/NanumBarunGothic.woff') format('woff');
}

@font-face{
font-family: "NanumBarunGothicBold";
    src: url('/fonts/NanumBarunGothicBold.eot'); 
    src: url('/fonts/NanumBarunGothicBold.eot') format('embedded-opentype'),
		 url('/fonts/NanumBarunGothicBold.woff') format('woff');
}
html {overflow-x:hidden;}
h1,h2,h3,h4,h5,h6,strong,
.bold01 {font-family:'NanumBarunGothicBold';font-weight:normal;}
.bold02 {font-weight:bold;}
button {border:0 none;background:transparent;}
.fColor01 {color:#ff3b3b;}
body {position:relative;font-family:'NanumBarunGothic';background:#e4d7c6 url("/image/event/coupli/bg_body02.jpg") no-repeat 100%;padding:20px 0 150px;}
.mT20 {margin-top:20px !important;}
.bgTit01 {width:274px;height:35px;line-height:35px;padding:0 194px;margin:0 auto;background:url('/image/event/coupli/bg_tit01.jpg') no-repeat;color:#fff;font-family:"NanumBarunGothicBold";font-size:18px;margin-top:40px;}
.bgTit02 {width:154px;height:34px;line-height:34px;padding:0 264px;margin:0 auto;background:url('/image/event/coupli/bg_tit02.jpg') no-repeat;color:#fff;font-family:"NanumBarunGothicBold";font-size:18px;margin-top:40px;}
.btnSt01 {width:224px;height:73px;background:url('/image/event/coupli/bg_btn01.png') no-repeat;font-size:24px;color:#fff;font-family:'NanumBarunGothicBold';font-weight:normal;}
.btnSt02 {width:129px;height:129px;background:url('/image/event/coupli/bg_btn02.png') no-repeat;font-size:24px;color:#fff;font-family:'NanumBarunGothicBold';font-weight:normal;}

#wrapper {position:relative;width:781px;height:1043px;margin:0 auto;padding:119px 104px 120px 103px;background:url('/image/event/coupli/bg_wrapper.png') no-repeat;text-align:center;color:#30323e;}
#header {}
#header p {margin-top:30px;font-size:21px;}
#header p * {vertical-align:middle;}

#container {position:relative;width:100%;height:693px;margin-top:30px;}
#container h2 {margin-top:30px;}
#container > ul {text-align:left;padding:25px 0 0 94px;}
#container > ul > li {padding-left:20px;background:url('/image/event/coupli/bullSt02.gif') no-repeat 0 8px;font-size:14px;}
#container > ul > li strong {font-size:16px;}
.evtTour {height:113px;background:url('/image/event/coupli/bg_evt_tour01.png') no-repeat 90% 0;}
.evtTour li {margin-top:10px;}

.evtMethod {}
.evtMethod > li {position:relative;margin-top:10px;background:url('/image/event/coupli/bullSt02.gif') no-repeat 0 5px !important;}
.evtMethod > li:first-child {margin-top:0;}
.evtMethod > li > span {display:inline-block;position:absolute;top:2px;left:20px;width:80px;}
.evtMethod > li > ul,
.evtMethod > li > p {padding-left:80px;}
.evtMethod > li > ul > li {}

.evtJoin {/* margin-top:29px; */padding-top:30px;height:155px;background:url('/image/event/coupli/bg_evt_join.jpg') no-repeat 0 100%;position:absolute;bottom:0;width:100%;}
.evtJoin p {font-size:21px;}
.evtJoin p strong {font-size:23px;}
.evtJoin .btn {margin-top:14px;text-align:center;}
.evtJoin .btn button {width:160px;height:53px;background:url('/image/event/coupli/btn_evt01.png') no-repeat;text-indent:-9999px;}

.layPop {display:none;position:absolute;top:119px;left:103px;width:781px;height:1045px;}
.layPop.on {display:block;}
.layPop > div {display:none;width:100%;height:100%;position:absolute;top:0;left:0;}
.layPop > div.on {display:block;}
.evtMethod {background:#fff;}
.evtMethod > dl dt  {}
.evtMethod > dl dd {width:465px;margin:25px auto 0;font-size:21px;}
.evtMethod > dl ul li {padding-left:10px;background:url('/image/event/coupli/bullSt01.gif') no-repeat 0 11px;text-align:left;}
.evtMethod > dl p {margin-top:5px;color:#45b92e;font-size:16px;}
.evtMethod > dl p img {vertical-align:middle;margin-right:10px;}
.evtMethod > dl p span {vertical-align:middle;padding-bottom:1px;border-bottom:1px solid #45b92e;}
.evtMethod .btn {margin-top:10px;}
.evtMethod .btn button {width:129px;height:129px;background:url('/image/event/coupli/bg_btn02.png') no-repeat;font-size:24px;color:#fff;}

.evtEntry {background:url('/image/event/coupli/bg_opa_b80.png') repeat;color:#fff;text-align:left;}
.evtEntry > div {width:524px;margin:0 auto 0;padding-top:200px;}
.evtEntry h2 {margin-top:40px;font-size:21px;color:#fff;}
.evtEntry h2:first-child {margin-top:0;}
.evtEntry h2 span {font-size:14px;}
.evtEntry textarea {width:100%;height:160px;resize:none;border:1px solid #83848b;}

.evtEntry .file {position:relative;height:38px;line-height:38px;background:url('/image/event/coupli/bg_file_txt.png') no-repeat;}
.evtEntry .file * {vertical-align:middle;height:38px;line-height:38px;}
.evtEntry .file input[type='text'] {width:377px;padding-left:15px;border:0 none;background:none;}
.evtEntry .file input[type='file'] {position:absolute;top:3px;right:10px;width:90px;height:29px;background:transparent;}
.evtEntry .file label {position:absolute;top:0;right:0;background:url('/image/event/coupli/bg_file_btn.png') no-repeat;display:inline-block;width:132px;text-align:center;font-size:16px;}

.evtEntry .personal .scroll {height:105px;border:1px solid #83848b;overflow-y:scroll;background:#fff;color:#000;padding:10px;}
.evtEntry .personal .scroll p {margin-bottom:10px;}
.evtEntry .personal .inp {margin-top:10px;text-align:right;}
.evtEntry .personal .inp * {vertical-align:middle;}
.evtEntry .personal .inp input {margin-left:20px;}
.evtEntry .personal .inp label {color:red;font-size:14px;}
.evtEntry .personal .btn {margin-top:30px;text-align:center;}

.btnClose {position:absolute;top:20px;right:20px;text-indent:-9999px;width:18px;height:18px;background:url('/image/event/coupli/btn_close01.png') no-repeat;}
.btnClose.type02 {background:url('/image/event/coupli/btn_close02.png') no-repeat;}

.evtComplete {background:url('/image/event/coupli/bg_opa_b80.png') repeat;font-family: "NanumBarunGothicBold";font-size: 21px;line-height: 2;}
.evtAlert {background:url('/image/event/coupli/bg_opa_b80.png') repeat;font-family: "NanumBarunGothicBold";font-size: 21px;line-height: 2;}
.borderCont {position:absolute;top:150px;left:50%;margin-left:-200px;border:5px solid #ddd;background:#fff;width:390px;}
.borderCont .inner {border:1px solid #777;padding:10px;width:368px;height:100px;}



#footer {width:100%;background:#ededed;position:absolute;bottom:-122px;left:0;}
#footer > div {width:920px;margin:0 auto;padding:10px 0 20px;}
#footer h2 {width:131px;height:32px;line-height:32px;background:url('/image/event/coupli/bg_tit03.png') no-repeat;color:#7e8590;text-align:center;}
#footer ul {margin:10px 0 0 20px;color:#7e8590;}


.bgImg {display:none;}
.bgImg img {width:100%;}


/* 당첨자발표 */
#container .announce {overflow:hidden;width:490px;margin:30px auto 0;padding:0;}
#container .announce li {float:right;width:176px;height:117px;padding:15px 25px;background:url('/image/event/coupli/bg_box01.jpg') no-repeat;color:#fff;font-size:19px;font-family:"NanumBarunGothicBold";text-shadow:0 0 3px #888;text-align:center;}
#container .announce li:first-child {float:left;}
#container .announce li h3 {color:#fff;font-size:21px;letter-spacing:-1px;margin-top:10px;}
#container .announce li p {margin-top:10px;}
#container .announce li p span {font-size:21px;}
#container .announce li .num {margin-top:0;}
#container .announce li .num * {font-size:16px !important;}

/* 혜택 */
#container .benefit {margin:30px 0 0;padding:174px 0 0 145px;background:url('/image/event/coupli/bg_evt_benefit.jpg') no-repeat center 0;}
#container .benefit li {font-size:16px;}
#container .benefit li strong {font-size:19px;color:#ff3b3b;}
#container .benefit li p {color:#989aa6;font-size:14px;}

/* 주의사항 */
.evtNotice {height:92px;background:#717985 url('/image/event/coupli/bg_exclamat01.png') no-repeat 37px 10px;position:absolute;bottom:0;left:0;width:100%;}
.evtNotice ul {text-align:left;padding-left:120px;padding-top:14px;}
.evtNotice ul li {padding-left:10px;background:url('/image/event/coupli/bullSt03.gif') no-repeat 0 9px;color:#fff;font-size:16px;}

@media all and (min-device-width:768px) and (max-device-width:1024px) {
body {background:none;}
.bgImg {position:absolute;bottom:0px;left:0;width:101%;z-index:-1;display:block;}
.bgImg img {width:100%;height:1900px;}
#footer {width:101%;}
}

