/* basic-set */
b { font-weight:800; }
.bt_txt { position:relative; display:inline-block; zoom:1; *display:inline; text-align:center; }
.bt_txt:hover { text-decoration:none; }
input[type=text],
input[type=password],
textarea
{
    -webkit-box-sizing :border-box;‌​
    -moz-box-sizing :border-box;
    box-sizing :border-box;
}

/* layout */
#wrap { min-width:1200px; padding-top:149px; background:url(../images/bg.jpg) center 0; }

#h_tx { position:absolute; top:0; left:0; right:0; background:#fff; text-align:center; min-width:1200px; z-index:1; }
#h_tx a { position:absolute; top:0; left:50%; bottom:0; text-indent:-9999px; }
#h_tx .bt01 { margin-left:-253px; width:76px; }
#h_tx .bt02 { margin-left:-150px; width:109px; }

#footer { position:relative; padding:40px 0; background:#fff; }
#footer .wrap { position:relative; width:1200px; margin:0 auto; font-size:14px; line-height:145%; color:#969696; letter-spacing:-1px; }
#footer .wrap p { position:absolute; bottom:0; right:0; }
#footer .wrap p a { color:#969696; letter-spacing:0; }
	
header { position:absolute; top:48px; left:0; right:0; background:#154666; z-index:51; }
header.sticky { position:fixed; top:0; }
header .wrap { position:relative; width:1200px; height:100px; margin:0 auto; }
header .wrap .count { position:absolute; top:0; left:0; bottom:0; width:390px; line-height:100px; font-size:46px; color:#fff; font-weight:800; text-align:center; }
header .wrap .count img { margin-right:10px; vertical-align:4px; }

.nav_container { position:absolute; top:15px; right:0; width:810px; }
nav { position:relative; }
nav li { position:relative; float:left; width:260px; margin-left:10px; }
nav li a { position:relative; display:block; height:54px; padding:10px 17px 0 53px; background:#c8c8c8; border-bottom:2px solid #bababa; box-shadow:0 4px 0 #a9a9a9; border-radius:40px; font-size:21px; line-height:24px; color:#fff; font-weight:800; text-align:center; letter-spacing:-1px; }
nav li a:hover { text-decoration:none; }
nav li a.selected { background:#ffd037; border-color:#ecbd29; box-shadow:0 4px 0 #d6a81a; color:#333; }
nav li a.selected em { color:#f05f08; }
nav li a i { position:absolute; top:10px; left:8px; width:45px; height:45px; border-radius:100%; background:#fff; line-height:47px; font-size:26px; color:#333; text-align:center; }

.sns { position:absolute; top:30px; left:0; background:url(../images/sns.png) no-repeat 0 0; }
.sns li { position:relative; float:left; margin-right:7px; }
.sns li a { display:block; width:35px; height:35px; text-indent:-9999px; }

.i_tx { position:absolute; top:0; left:0; visibility:hidden; }
.t_area { position:relative; width:1200px; height:640px; margin:0 auto; background:url(../images/t_area.png) no-repeat center 88px; }
.contents { position:relative; width:1200px; margin:0 auto 50px; background:#fff; border-radius:50px; }

section { position:relative; padding:75px 0 75px; text-align:center; }
section > h2 { position:absolute; top:-35px; left:0; right:0; text-align:center; }
section .con { position:relative; width:1040px; margin:0 auto 24px; }
section .con .step { position:absolute; top:0; left:0; right:0; bottom:0; }
section .count { display:inline-block; *zoom:1; *display:inline; margin:0 auto; padding:0 50px; height:63px; background:#f1f1f1; border-radius:35px; font-size:24px; line-height:63px; color:#333; text-align:center; letter-spacing:-0.5px; font-weight:700; }
section .count:before { display:inline-block; *zoom:1; *display:inline; content:''; width:35px; height:36px; background:url(../images/ic_megaphone.png) no-repeat 0 0; vertical-align:middle; margin-right:12px; }
section .count em { display:inline-block; *zoom:1; *display:inline; font-size:30px; font-weight:800; color:#00afbf; vertical-align:-3px; }
section.event02 .count { background:#fff; }

.event02 { background:#e1f6f8; }

.checks { position:relative; }
.checks input[type="checkbox"] { position:absolute; width:1px; height:1px; padding:0; margin:-1px; overflow:hidden; clip:rect(0,0,0,0); border:0 }
.checks input[type="checkbox"] + label:before { content:' '; display:inline-block; width:35px; height:41px; line-height:41px; margin:-20px 3px 0 0; text-align:center; vertical-align:middle; background-repeat:no-repeat; background-image:url(../images/cb.png); }
.checks input[type="checkbox"]:checked + label:before { background-image:url(../images/cb_on.png); }
.checks input[type="radio"] { position:absolute; width:1px; height:1px; padding:0; margin:-1px; overflow:hidden; clip:rect(0,0,0,0); border:0 }
.checks input[type="radio"] + label:before { content:' '; display:inline-block; width:35px; height:41px; line-height:41px; margin:-40px 3px 0 0; text-align:center; vertical-align:middle; background-repeat:no-repeat; background-image:url(../images/cb.png); }
.checks input[type="radio"]:checked + label:before { background-image:url(../images/cb_on.png); }

.bt_e_txt { display:inline-block; *zoom:1; *display:inline; min-width:183px; height:60px; padding:4px 25px 0 35px; background:#ffd037; border-bottom:2px solid #ecbd29; box-shadow:0 4px 0 #d6a81a; border-radius:40px; font-size:34px; line-height:60px; color:#333; font-weight:800; text-align:center; letter-spacing:-0.5px; }
.bt_e_txt:hover { text-decoration:none; }
.bt_e_txt:after { display:inline-block; *zoom:1; *display:inline; content:''; width:9px; height:17px; background:url(../images/bt_arrow.png) no-repeat 0 0; vertical-align:middle; margin:-5px 0 0 9px; }

.bt_e_txt2 { display:inline-block; *zoom:1; *display:inline; min-width:183px; height:60px; padding:4px 25px 0 35px; background:#444; border-bottom:2px solid #333; box-shadow:0 4px 0 #222; border-radius:40px; font-size:34px; line-height:60px; color:#fff; font-weight:800; text-align:center; letter-spacing:-0.5px; }
.bt_e_txt2:hover { text-decoration:none; }
.bt_e_txt2:after { display:inline-block; *zoom:1; *display:inline; content:''; width:9px; height:17px; background:url(../images/bt_arrow.png) no-repeat 0 0; vertical-align:middle; margin:-5px 0 0 9px; }

.bt_e_txt.nar { padding:4px 30px 0 30px; }
.bt_e_txt.nar:after { display:none; }

.bt_e_txt3 { display:inline-block; *zoom:1; *display:inline; min-width:183px; height:60px; padding:4px 25px 0 35px; margin-bottom:30px; background:#ffd037; border-bottom:2px solid #ecbd29; box-shadow:0 4px 0 #d6a81a; border-radius:40px; font-size:34px; line-height:60px; color:#333; font-weight:800; text-align:center; letter-spacing:-0.5px;  }
.bt_e_txt3:hover { text-decoration:none; }
.bt_e_txt3:after { display:inline-block; *zoom:1; *display:inline; content:''; width:9px; height:17px; background:url(../images/bt_arrow.png) no-repeat 0 0; vertical-align:middle; margin:-5px 0 0 9px; }

.div_t { display:table; }
.div_tr { display:table-row; }
.div_tc { display:table-cell; padding:0px 20px; vertical-align:middle; }

/* event01 */
.e01 { height:560px; }
.e01 .step { background:#0eaebe; border-radius:10px; }
.e01 .step0 { z-index:5; }
.e01 .step1 { z-index:4; }
.e01 .step2 { z-index:3; }
.e01 .step3 { z-index:2; }
.e01 .step4 { z-index:1; }
.e01 .step .btn { position:absolute; left:0; right:0; text-align:center; }
.e01 .step0 { background:url(../images/e01_p01.jpg) no-repeat center 0; }
.e01 .step0 h2 { visibility:hidden; }
.e01 .step0 .btn { position:absolute; bottom:120px; left:50%; width:260px; height:70px; margin-left:-130px; text-indent:-9999px; }
.e01 .step0 .btn a { display:block; height:70px; }

.e01 .step0_end { background:url(../images/e01_p01_winner.jpg) no-repeat center 0 !important; }

.e01 .s_num { position:absolute; top:0; left:40px; }
.e01 .step1 .s_num { left:50%; margin-left:-40px; }
.e01 .step1:before { position:absolute; content:''; top:123px; left:50%; width:4px; height:304px; background:url(../images/e01_step01_line.gif) no-repeat 0 0; margin-left:-2px; }
.e01 .step1 dl { position:absolute; top:115px; width:50%; text-align:center; }
.e01 .step1 dl.q01 { left:0; font-size:34px; color:#fff; font-weight:800; }
.e01 .step1 dl.q01 dd { padding-top:30px; }
.e01 .step1 dl.q01 dd .checks { display:inline-block; *zoom:1; *display:inline; width:115px; padding-top:130px; text-align:center; margin:0 7px; }
.e01 .step1 dl.q01 dd .checks img { position:absolute; top:0; left:0; }
.e01 .step1 dl.q02 { right:0; }
.e01 .step1 dl.q02 dd { padding-top:56px; }
.e01 .step1 dl.q02 input[type=text] { width:440px; height:73px; background:#fff; border:0; border-radius:40px; text-align:center; font-weight:800; font-size:35px; }
.e01 .step1 .btn { bottom:42px; }
.e01 .step2 h3 { position:absolute; top:30px; left:0; right:0; font-size:30px; color:#fff; text-align:center; letter-spacing:-1px; font-weight:normal; }
.e01 .step2 .step2_c_btn { position:absolute; top:21px; left:873px; right:0; }
.e01 .step2 .people { position:absolute; top:88px; left:47px; width:457px; height:390px; }
.e01 .step2 .people .swiper-button-prev,
.e01 .step2 .people .swiper-button-next { top:274px; width:18px; height:33px; background-repeat:no-repeat; }
.e01 .step2 .people .swiper-button-prev { left:86px; background-image:url(../images/e01_step02_prev.png); }
.e01 .step2 .people .swiper-button-next { right:84px; background-image:url(../images/e01_step02_next.png); }
.e01 .step2 .people .swiper-button-prev.swiper-button-disabled,
.e01 .step2 .people .swiper-button-next.swiper-button-disabled { opacity:1; }
.male_bg { width:457px; height:390px; background:url(../images/e01_step02_s_m_bg.png) no-repeat center 0 #0eaebe; }
.fmale_bg {width:457px; height:390px; background:url(../images/e01_step02_s_f_bg.png) no-repeat center 0 #0eaebe; }
.e01 .step2 .people .swiper-slide .tx { position:absolute; }
.e01 .step2 .people .swiper-slide.a01 .tx { top:148px; left:0; }
.e01 .step2 .people .swiper-slide.a02 .tx { top:55px; left:51px; }
.e01 .step2 .people .swiper-slide.a03 .tx { top:0; left:142px; }
.e01 .step2 .people .swiper-slide.a04 .tx { top:0; right:141px; }
.e01 .step2 .people .swiper-slide.a05 .tx { top:55px; right:51px; }
.e01 .step2 .people .swiper-slide.a06 .tx { top:148px; right:0; }
.e01 .step2 .people .swiper-slide .ill { position:absolute; bottom:0; left:50%; margin-left:-124px; text-align:center; }
.e01 .step2 .people .guide { position:absolute; bottom:24px; right:55px; }
.e01 .step2 .benefit { position:absolute; top:120px; right:42px; width:450px; }
.e01 .step2 .tb_benefit { width:100%; border-collapse:separate; }
.e01 .step2 .tb_benefit td { position:relative; height:106px; padding:20px 10px 0; background:#fff; border:2px solid #0eaebe; font-size:16px; font-weight:800; color:#000; letter-spacing:-0.5px; text-align:center; word-break : keep-all; }
.e01 .step2 .tb_benefit td.on { position:relative; height:106px; padding:20px 10px 0; background:#0b8895; border:2px solid #0eaebe; font-size:16px; font-weight:800; color:#000; letter-spacing:-0.5px; text-align:center; word-break : keep-all; }
.e01 .step2 .tb_benefit td a { color:#000; }
.e01 .step2 .tb_benefit td a:hover { color:#0eaebe; text-decoration:none; }
.e01 .step2 .tb_benefit td em { position:absolute; top:0; left:0; right:0; height:20px; background:url(../images/e01_step02_benefit_tx.png) no-repeat center 0; text-indent:-9999px; }
.e01 .step2 .gauge { position:absolute; bottom:30px; left:40px; right:40px; height:52px; background:#fff; border-radius:30px; }
.e01 .step2 .gauge h4 { position:absolute; top:14px; left:32px; }
.e01 .step2 .gauge .bar { position:absolute; top:4px; bottom:4px; left:178px; right:4px; background:#e4e4e4; border-radius:0 30px 30px 0; overflow:hidden; }
.e01 .step2 .gauge .bar li { position:relative; float:left; width:11%; height:44px; }
.e01 .step2 .gauge .bar li.on { background:#ffd321; }
.e01 .step2 .gauge .bar li.last { width:12%; }
.e01 .step2 .gauge .bar li:after { position:absolute; content:''; top:0; right:0; bottom:0; width:1px; background:#888; }
.e01 .step2 .gauge .bar li.last:after { display:none; }
.e01 .step3 h3 { position:absolute; top:30px; left:0; right:0; font-size:30px; color:#fff; text-align:center; letter-spacing:-1px; font-weight:normal; }
.e01 .step3 .info { position:absolute; top:107px; left:40px; right:40px; }
.e01 .step3 .btn { bottom:21px; }
.tb_e01_step3 { width:100%; font-family: 'Noto Sans KR'; }
.tb_e01_step3 th { background:#0a4b51; color:#fff; font-size:20px; padding-left:20px; line-height:49px; vertical-align:top; text-align:left; font-weight:normal; }
.tb_e01_step3 td { border-bottom:1px solid #0a4b51; background:#fff; }
.tb_e01_step3 td input[type=text] { width:100%; height:49px; border:0; padding:0 20px; line-height:49px; font-size:20px; }
.tb_e01_step3 td.agree_box { padding:20px; }
.agree { position:relative; }
.agree dl { margin-bottom:10px; }
.agree dl dt { font-size:15px; margin-bottom:10px; }
.agree dl dd { position:relative; padding-right:40px; }
.agree dl dd .box { border:1px solid #b6b6b6; height:40px; padding:10px; overflow:hidden; overflow-y:scroll; }
.agree dl dd .checks { position:absolute; bottom:0; right:0; }
.e01 .step4 h2 { position:absolute; top:51px; left:40px; right:40px; height:106px; border-bottom:1px solid #b3f7fe; background:url(../images/e01_done_tx01.gif) no-repeat center 0; text-indent:-9999px; }
.e01 .step4 h3 { position:absolute; top:250px; left:0; right:0; height:120px; background:url(../images/e01_done_tx02.gif) no-repeat center 0; text-indent:-9999px; }
.e01 .step4 .btn { bottom:69px; }
.e01 .step4 .tx { position:absolute; top:230px; left:0; right:0; text-align:center; font-size:32px; line-height:120%; color:#fff; letter-spacing:-1px; }
.e01 .step4 .tx em { display:block; font-size:70px; line-height:120%; color:#ffd321; font-weight:800; padding-top:20px; }

.pu_bg { position:fixed; top:0; left:0; right:0; bottom:0; background:#000; z-index:98; display:none;
	-khtml-opacity:.70; /*safari*/
	-ms-filter:”alpha(opacity=70)”;/*IE8*/
	-moz-opacity:.70;/*FF*/
	filter:alpha(opacity=70); /*IE7*/
	opacity:.70;  /*all other browsers*/ }
.pu_benefit { position:fixed; top:50%; left:50%; width:960px; height:760px; padding:20px; margin:-375px 0 0 -500px; background:#fff; z-index:99; display:none; }
.pu_benefit .ph { position:absolute; top:20px; left:20px; width:362px; height:260px; border:1px solid #c7c7c7; text-align:center; overflow:hidden; }
.pu_benefit .ph img { height:100%; }
.pu_benefit .info01 { position:absolute; top:20px; right:20px; width:587px;  }
.pu_benefit .info02 { position:absolute; top:292px; left:20px; right:20px; }
.pu_benefit .info01, .info02 a:link { color:#0eaebe !important;; }
.pu_benefit .info01, .info02 a:hover { color:#0eaebe !important;; }
.pu_benefit .info01, .info02 a:active { color:#0eaebe !important;; }
.pu_benefit .info01, .info02 a:visited { color:#0eaebe !important;; }

.pu_benefit dl { position:relative; padding-left:130px; margin-bottom:10px; font-family: 'NanumSquareRound'; }
.pu_benefit dl dt { position:absolute; top:0; bottom:0; left:0; width:130px; font-size:22px; color:#fff; background:#0eaebe; text-align:center; }
.pu_benefit dl dd { position:relative; border:1px solid #c7c7c7; border-left:0; padding:15px 20px; font-size:18px; line-height:25px; color:#000; letter-spacing:-0.5px; overflow:hidden; overflow-y:auto; }
.pu_benefit dl.i1_1 dt { line-height:96px; }
.pu_benefit dl.i1_1 dd { height:95px; width:416px; display:table-cell; vertical-align:middle; }
.pu_benefit dl.i1_2 dt { line-height:177px; display:none; }
.pu_benefit dl.i1_2 dd { height:182px; width:416px; display:table-cell; vertical-align:middle; display:none; }
.pu_benefit dl.i1_3 dt { line-height:158px;  }
.pu_benefit dl.i1_3 dd { height:125px; width:416px; overflow-y:auto; }
.pu_benefit dl.i2_1 dt { line-height:180px; }
.pu_benefit dl.i2_1 dd { height:142px; padding:20px; }
.pu_benefit dl.i2_2 dt { line-height:180px; }
.pu_benefit dl.i2_2 dd { height:142px; }
.pu_benefit dl.i2_3 dt { line-height:115px; }
.pu_benefit dl.i2_3 dd { height:80px; padding:20px; }

.pu_benefit .pu_sns { position:absolute; bottom:20px; left:20px; width:477px; height:100px; background:#0a737e; }
.pu_benefit .pu_sns .tit { position:absolute; top:39px; left:30px; }
.pu_benefit .pu_sns .sns { top:29px; right:40px; left:auto; height:44px; background:url(../images/pu_sns.png) no-repeat right 0; }
.pu_benefit .pu_sns .sns li { margin:0 0 0 9px; }
.pu_benefit .pu_sns .sns li a { width:43px; height:43px; }
.pu_benefit .bt_detail { position:absolute; bottom:20px; right:260px; width:237px; height:100px; background:url(../images/bt_pu_detail.gif) no-repeat 0 0; text-indent:-9999px; }
.pu_benefit .bt_confirm { position:absolute; bottom:20px; right:20px; width:234px; height:100px; background:url(../images/bt_pu_confirm.gif) no-repeat 0 0; text-indent:-9999px; }

/* event02 */
.e02 { height:695px; }
.e02 .step { background:#fec262; border-radius:10px; padding:20px; z-index:1; }
.e02 .step:before { position:absolute; content:''; top:20px; left:20px; right:20px; bottom:20px; border-radius:10px; background:#fff; }
.e02 .step1 { z-index:5; }
.e02 .step2 { z-index:4; }
.e02 .step3 { z-index:3; }
.e02 .step4 { z-index:2; }
.e02 .step_e { z-index:1; }
.e02 .step .btn { position:absolute; left:0; right:0; text-align:center; }
.e02 .step .s_num { position:absolute; top:-9px; right:-9px; }
.e02 h2 { position:absolute; top:49px; left:80px; right:80px; height:113px; border-bottom:1px solid #d9d9d9; background:url(../images/e02_tit.gif) no-repeat center 0; text-indent:-9999px; }
.e02 .step1 .btn { bottom:60px; }
.e02 .step1 dl { position:absolute; top:203px; left:80px; right:80px; }
.e02 .step1 dl dt { position:relative; height:71px; line-height:71px; font-size:34px; font-weight:800; margin-bottom:10px; padding-left:90px; text-align:left; }
.e02 .step1 dl dt img { position:absolute; top:0; left:0; }
.e02 .step1 dl dd { font-size:24px; color:#222; font-weight:800; padding-left:70px; }
.e02 .step1 .checks { position:relative; display:inline-block; *zoom:1; *display:inline; width:115px; height:240px; margin:0 4px; }
.e02 .step1 .checks input[type="radio"] + label:before { content:' '; display:block; width:115px; height:41px; line-height:41px; margin:149px 0 18px; text-align:center; background-repeat:no-repeat; background-position:center 0; background-image:url(../images/cb.png); }
.e02 .step1 .checks input[type="radio"]:checked + label:before { background-image:url(../images/cb_on.png); }
.e02 .step1 .checks input[type="radio"] + label:after { position:absolute; content:''; top:0; left:0; right:0; bottom:0; background-repeat:no-repeat; background-position:center 0; }
.e02 .step1 .checks.o01 input[type="radio"] + label:after { background-image:url(../images/e02_step01_o01.jpg); }
.e02 .step1 .checks.o02 input[type="radio"] + label:after { background-image:url(../images/e02_step01_o02.jpg); }
.e02 .step1 .checks.o03 input[type="radio"] + label:after { background-image:url(../images/e02_step01_o03.jpg); }
.e02 .step1 .checks.o04 input[type="radio"] + label:after { background-image:url(../images/e02_step01_o04.jpg); }
.e02 .step1 .checks.o05 input[type="radio"] + label:after { background-image:url(../images/e02_step01_o05.jpg); }
.e02 .step1 .checks.o06 input[type="radio"] + label:after { background-image:url(../images/e02_step01_o06.jpg); }

.e02 .step2 h3 { position:absolute; top:39px; left:0; right:0; font-size:28px; color:#222; font-weight:800; letter-spacing:-0.5px; }
.e02 .step2 h3 em { color:#ef455d; }
.e02 .step2 h3 img { margin-bottom:13px; }
.e02 .step2 .brain { position:absolute; bottom:20px; left:46px; width:389px; height:493px; }
.e02 .step2 .brain .tx { position:absolute; width:317px; height:247px; color:#fff; font-size:15px; line-height:120%; font-weight:700; display:none; }
.e02 .step2 .brain .tx.show { display:block; }
.e02 .step2 .brain .tx .div_t { position:absolute; }
.e02 .step2 .brain .tx .c01 { top:23px; left:0; width:120px; }
.e02 .step2 .brain .tx .c01 .div_tc { height:137px; }
.e02 .step2 .brain .tx .c02 { top:0; left:74px; width:155px; }
.e02 .step2 .brain .tx .c02 .div_tc { height:102px; }
.e02 .step2 .brain .tx .c03 { top:100px; left:82px; width:132px; }
.e02 .step2 .brain .tx .c03 .div_tc { height:83px; }
.e02 .step2 .brain .tx .c04 { top:31px; left:182px; width:135px; }
.e02 .step2 .brain .tx .c04 .div_tc { height:140px; }
.e02 .step2 .brain .tx .c05 { top:158px; left:154px; width:142px; }
.e02 .step2 .brain .tx .c05 .div_tc { height:85px; }
.e02 .step2 .brain .tx em { display:none; }
.e02 .step2 .brain .tx .div_tc:hover span { display:none; }
.e02 .step2 .brain .tx .div_tc:hover em { display:block; }
.e02 .step2 .brain .ph { position:absolute; bottom:0; left:50px; width:230px; height:187px; border:7px solid #adadad; border-bottom:0; border-radius:100px 100px 0 0; background:#fff; }
.e02 .step2 .brain .ph li { position:absolute; top:0; left:0; }
.e02 .step2 .table { position:absolute; top:210px; right:60px; width:520px; }
.e02 .step2 .btn { left:460px; right:60px; bottom:60px; }

.tb_e02_step2 { width:100%; border:1px solid #ef455d; font-family: 'Noto Sans KR'; letter-spacing:-0.5px; }
.tb_e02_step2 th { background:#ef455d; font-size:20px; color:#fff; font-weight:normal; }
.tb_e02_step2 td { position:relative; border:1px solid #ef455d; font-size:16px; line-height:115%; color:#000; height:65px; padding:0 15px; }
.tb_e02_step2 td .checks { position:absolute; top:30px; right:10px; margin-top:12px; }

.e02 .step3 h3 { position:absolute; top:39px; left:0; right:0; font-size:28px; color:#222; font-weight:800; letter-spacing:-0.5px; }
.e02 .step3 h3 em { color:#ef455d; }
.e02 .step3 h3 img { margin-bottom:13px; }
.e02 .step3 .btn { bottom:50px;left:240px; }
.e02 .step3 .btn2 {position:absolute; bottom:50px;left:240px; }
.e02 .step3 .benefit { position:absolute; top:212px; left:60px; right:60px; height:332px; }
.e02 .step3 .benefit .benefit-container { width:710px; margin:0 auto; overflow:hidden; }
.e02 .step3 .benefit .box { position:relative; width:220px; margin-right:20px; float:left; }
.e02 .step3 .benefit .box_last { margin-right:0px; }
.e02 .step3 .benefit .box .ph { border:1px solid #ef455d; border-bottom:0; }
.e02 .step3 .benefit .box .rank { position:absolute; top:1px; left:1px; width:30px; padding-right:3px; height:33px; background:#ef455d; font-size:15px; text-align:center; line-height:33px; color:#fff; font-weight:700; letter-spacing:-1px; }
.e02 .step3 .benefit .box .tx { position:relative; background:url(../images/e02_step03_tx_bg.jpg) no-repeat center 0 #aaa; font-size:17px; line-height:120%; color:#000; text-align:center; border:1px solid #ef455d; border-width:0 1px 0 1px; }
.e02 .step3 .benefit .box .tx .div_t { width:100%; }
.e02 .step3 .benefit .box .tx .div_tc { height:106px; font-weight:700; }
.e02 .step3 .benefit .box .bt_view_detail { display:block; background:#ef455d; height:45px; line-height:45px; font-size:17px; font-weight:700; color:#fff; text-align:center; }
.e02 .step3 .benefit .box .bt_view_detail:hover { text-decoration:none; }

.e02 .step4 .info { position:absolute; top:202px; left:60px; right:60px; }
.tb_e02_step4 { width:100%; border:1px solid #ef455d; font-family: 'Noto Sans KR'; }
.tb_e02_step4 th { background:#ef455d; color:#fff; font-size:20px; padding-left:20px; line-height:49px; vertical-align:top; text-align:left; font-weight:normal; }
.tb_e02_step4 td { border-bottom:1px solid #ef455d; background:#fff; }
.tb_e02_step4 td input[type=text] { width:100%; height:49px; border:0; padding:0 20px; line-height:49px; font-size:20px; }
.tb_e02_step4 td.agree_box { padding:20px; }
.e02 .step4 .btn { bottom:50px; }

.e02 .step_e .tx { position:absolute; top:255px; left:0; right:0; text-align:center; font-size:36px; line-height:120%; color:#222; letter-spacing:-1px; }
.e02 .step_e .tx em { display:block; font-size:70px; line-height:120%; color:#896d4c; font-weight:800; padding-top:44px; }
.e02 .step_e .btn { bottom:142px; }

/* event03 */
.e03 { height:670px; }
.e03 .step { position:absolute; top:0; left:0; right:0; bottom:0; background:#f1f1f1; border-radius:10px; padding:10px; z-index:1; }
.e03 .step1 { z-index:5; }
.e03 .step2 { z-index:4; }
.e03 .step3 { z-index:3; }
.e03 .step4 { z-index:2; }
.e03 .step5 { z-index:1; }
.e03 .step .btn { position:absolute; left:0; right:0; text-align:center; }
.e03 .step .btn a { margin:0 5px; }
.e03 .step1 { background:url(../images/e03_p01.jpg) no-repeat 0 0; }
.e03 .step1 ul { position:absolute; top:5px; left:5px; right:5px; bottom:5px; }
.e03 .step1 ul li { position:relative; float:left; width:50%; height:330px; }
.e03 .step1 ul li a { position:absolute; display:block; top:5px; left:5px; right:5px; bottom:5px; text-indent:-9999px; background-position:center bottom; }
.e03 .step1 ul li.m01:hover a { background-image:url(../images/e03_p01_ov01.png); }
.e03 .step1 ul li.m02:hover a { background-image:url(../images/e03_p01_ov02.png); }
.e03 .step1 ul li.m03:hover a { background-image:url(../images/e03_p01_ov03.png); }
.e03 .step1 ul li.m04:hover a { background-image:url(../images/e03_p01_ov04.png); }
.e03 .step2 .view { position:absolute; top:10px; left:10px; right:10px; bottom:110px; background:url(../images/e03_p02_bg_ty_a.gif) repeat-y center 0; border-radius:10px 10px 0 0; overflow:hidden; }
.e03 .step2 .view .score { position:absolute; top:15px; left:20px; font-size:30px; color:#fff; font-weight:700; }
.e03 .step2 .view .tit { position:absolute; top:0; left:0; right:0; text-align:center; }
.e03 .step2 .view .tit span { display:inline-block; *zoom:1; *display:inline; height:60px; line-height:60px; padding:0 58px; font-size:24px; color:#222; font-weight:800; background:#ffd8b8; border-radius:0 0 20px 20px; }
.e03 .step2 .view .bt_back { position:absolute; top:10px; right:10px; width:52px; height:52px; background:url(../images/e03_bt_back.png); text-indent:-9999px; }
.e03 .step2 .view .time { position:absolute; bottom:15px; right:15px; width:151px; height:130px; padding-top:10px; line-height:140px; text-align:center; font-size:60px; color:#333; font-weight:800; line-stacking:-1px; background:url(../images/e03_p02_time.png) no-repeat 0 0; }
.e03 .step2 .view .word { position:absolute; display:inline-block; *zoom:1; *display:inline; background:#fff; height:45px; line-height:45px; padding:0 32px; font-size:20px; color:#000; font-weight:700; border-radius:30px; }
.e03 .step2 .view .word em { position:absolute; top:-33px; right:0; color:#fff; font-weight:800; display:none; }
.e03 .step2 .view .word.on em { display:block; }
.e03 .step2 .view .word.wr { color:#e90000; }
.e03 .step2 .write { position:absolute; bottom:10px; left:10px; right:10px; height:100px; background:#ffd8b8; border-radius:0 0 10px 10px; }
.e03 .step2 .write input[type=text] { position:absolute; top:13px; left:20px; background:#fff; border:0; height:74px; width:767px; line-height:auto; font-size:30px; padding:0 35px; font-weight:700; letter-spacing:-1px; border-radius:40px; }
.e03 .step2 .write .bt_enter { position:absolute; top:13px; right:20px; width:192px; height:74px; line-height:74px; font-size:26px; color:#fff; font-weight:700; background:#6e3200; border-radius:40px; }
.e03 .step2 .write .bt_enter:hover { text-decoration:none; }

.e03 .step2.ty_a .view { background:url(../images/e03_p02_bg_ty_a.gif) repeat-y center 0; }
.e03 .step2.ty_a .view .tit span { background:#ffd8b8;  }
.e03 .step2.ty_a .write { background:#ffd8b8; }
.e03 .step2.ty_a .write .bt_enter { background:#6e3200; }

.e03 .step2.ty_b .view { background:url(../images/e03_p02_bg_ty_b.gif) repeat-y center 0; }
.e03 .step2.ty_b .view .tit span { background:#ffd1db;  }
.e03 .step2.ty_b .write { background:#ffd1db; }
.e03 .step2.ty_b .write .bt_enter { background:#710019; }

.e03 .step2.ty_c .view { background:url(../images/e03_p02_bg_ty_c.gif) repeat-y center 0; }
.e03 .step2.ty_c .view .tit span { background:#bbefff;  }
.e03 .step2.ty_c .write { background:#bbefff; }
.e03 .step2.ty_c .write .bt_enter { background:#005d7a; }

.e03 .step2.ty_d .view { background:url(../images/e03_p02_bg_ty_d.gif) repeat-y center 0; }
.e03 .step2.ty_d .view .tit span { background:#bbefff;  }
.e03 .step2.ty_d .write { background:#bbefff; }
.e03 .step2.ty_d .write .bt_enter { background:#00765f; }

.e03 .step2 .ov { position:absolute; top:10px; left:10px; right:10px; bottom:10px; z-index:1; }
.e03 .step2 .ov:before { position:absolute; top:0; left:0; right:0; bottom:0; content:''; background:#000; border-radius:10px; 
	-khtml-opacity:.70; /*safari*/
	-ms-filter:”alpha(opacity=70)”;/*IE8*/
	-moz-opacity:.70;/*FF*/
	filter:alpha(opacity=70); /*IE7*/
	opacity:.70;  /*all other browsers*/ }
.e03 .step2 .ov.start .btn { top:290px; }
.e03 .step2 .ov.end { display:none; }
.e03 .step2 .ov.end .btn { top:245px; }
.e03 .step2 .ov.end .btn p { margin-bottom:20px; }

.e03 .step.blue:before { position:absolute; content:''; top:10px; left:10px; right:10px; bottom:10px; border-radius:10px; background:#0eaebe; }

.e03 h2 { position:absolute; top:51px; left:40px; right:40px; height:106px; border-bottom:1px solid #b3f7fe; background:url(../images/e03_tit.gif) no-repeat center 0; text-indent:-9999px; }
.e03 .step3 .score { position:absolute; top:255px; left:0; right:0; min-height:140px; background:url(../images/e03_tx_bg.gif) no-repeat center 0; font-size:90px; color:#fff; font-weight:300; }
.e03 .step3 .score em { display:block; font-size:70px; color:#ffd321; line-height:105%; font-weight:800; margin-bottom:10px; }
.e03 .step3 .btn { bottom:110px; }

.e03 .step4 h3 { position:absolute; top:55px; left:0; right:0; font-size:44px; color:#fff; text-align:center; letter-spacing:-1px; font-weight:normal; font-weight:300; }
.e03 .step4 .info { position:absolute; top:160px; left:40px; right:40px; }
.e03 .step4 .btn { bottom:50px; }

.e03 .step5 .done { position:absolute; top:255px; left:0; right:0; min-height:140px; padding-top:25px; background:url(../images/e03_tx_bg.gif) no-repeat center 0; font-size:30px; color:#fff; font-weight:300; }
.e03 .step5 .done em { display:block; font-size:70px; color:#ffd321; font-weight:800; padding-top:10px; }
.e03 .step5 .btn { bottom:130px; }

section .event03 .w_btn3_p { position:absolute; top:0; right:0; }