/* basic-set */
b { font-weight:800; }
.bt_txt { 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;
	line-height:auto; 
}
* { position:relative; }
::-webkit-input-placeholder { color:#000107; }/* WebKit browsers */
:-moz-placeholder { color:#000107; }/* Mozilla Firefox 4 to 18 */
::-moz-placeholder { color:#000107; }/* Mozilla Firefox 19+ */
:-ms-input-placeholder { color:#000107; }/* Internet Explorer 10+ */

.div_t { display:table; }
.div_tr { display:table-row; }
.div_tc { display:table-cell; padding:0px 20px; vertical-align:middle; }
.i_tx { position:absolute; top:0; left:0; display:none; }


/* layout */
#wrap { min-width:320px; }
.gomain img {width:100%;}

#h_tx { z-index:1; }
#h_tx img { width:100%; }
#h_tx a { position:absolute; top:0; bottom:0; text-indent:-9999px; }
#h_tx .bt01 { left:8vw; width:11.7vw; }
#h_tx .bt02 { left:41vw; width:28vw; }

.t_sns { position:absolute; top:calc(20/640*100vw); right:calc(20/640*100vw); z-index:1; background:url(../images/t_sns.png) no-repeat right 0; background-size:auto 100%; }
.t_sns li { float:left; margin-left:calc(11/640*100vw); }
.t_sns li a { display:block; width:calc(70/640*100vw); height:calc(70/640*100vw); text-indent:-9999px; border-radius:100%; }

.f_sns { padding:calc(10/640*100vw) calc(20/640*100vw) calc(20/640*100vw); }
.f_sns h3 { font-family: 'NanumSquare'; margin-bottom:3.125vw; font-size:4.35vw; color:#222; text-align:center; letter-spacing:-0.5vw; font-weight:normal; }
.f_sns ul { position:relative; text-align:center; }
.f_sns li { display:inline-block; width:calc(68/640*100vw); margin:0 calc(4/640*100vw); }
.f_sns li a { display:block; height:calc(67/640*100vw); text-indent:-9999px; text-align:left; background-size:100% 100%; }
.f_sns li.s01 a { background-image:url(../images/f_sns01.png); }
.f_sns li.s02 a { background-image:url(../images/f_sns02.png); }
.f_sns li.s03 a { background-image:url(../images/f_sns03.png); }
.f_sns li.s04 a { background-image:url(../images/f_sns04.png); }
.f_sns li.s05 a { background-image:url(../images/f_sns05.png); }
.f_sns li.s06 a { background-image:url(../images/f_sns06.png); }

#footer { background:#353535; padding:calc(40/640*100vw) calc(30/640*100vw); text-align:center; font-size:calc(18/640*100vw); line-height:calc(24/640*100vw); color:#fff; }
#footer .count { margin-bottom:5vw; }
#footer .count dl { display:inline-block; margin:0 1.5vw; font-size:calc(24/640*100vw); letter-spacing:-0.5px; }
#footer .count dl dt { display:inline-block; border-right:1px solid #aaa; padding-right:1vw; margin-right:1vw; }
#footer .count dl dd { display:inline-block; font-weight:600; }
#footer .bt_pc { display:inline-block; margin:0 auto 5vw; width:40vw; height:7.8vw; line-height:7.8vw; background:#3f3f3f; color:#fff; font-size:4vw; text-align:center; }
#footer .e_mail { color:#969696; margin-bottom:calc(20/640*100vw); font-size:calc(20/640*100vw); }
#footer .e_mail a { color:#969696; }


/* main */
.main .swiper-slide img { width:100%; }
.main .swiper-pagination { bottom:calc(130/640*100vw); }
.main .swiper-pagination-bullet { width:calc(28/640*100vw); height:calc(28/640*100vw); margin:0 calc(6/640*100vw) !important; background:none !important; }
.main .m_quick { position:absolute; bottom:calc(20/640*100vw); left:calc(16/640*100vw); right:calc(16/640*100vw); z-index:1; background:url(../images/tab_menu_main.png); background-size:100% 100%; }
.main .m_quick li { float:left; width:33.333333333%; }
.main .m_quick li a { display:block; height:calc(92/640*100vw); text-indent:-9999px; margin:0 calc(4/640*100vw); }


/* event */
section > img { width:100%; }

#t_area .tab_menu { position:absolute; bottom:0; left:calc(16/640*100vw); right:calc(16/640*100vw); z-index:1; background:url(../images/tab_menu.png); background-size:100% 100%; }
#t_area .tab_menu li { float:left; width:33.333333333%; }
#t_area .tab_menu li a { display:block; height:calc(90/640*100vw); text-indent:-9999px; margin:0 calc(4/640*100vw); }



.e_count { text-align:center; }
.e_count .box { display:block; background:#fff; font-family: 'NanumSquare'; font-size:calc(18/755*100vw); color:#222; line-height:calc(50/640*100vw); }
.e_count .box:before { content:''; display:inline-block; width:calc(40/640*100vw); height:calc(40/640*100vw); background-image:url(../images/e01_count_deco.png); background-size:100% 100%; vertical-align:middle; margin:calc(-3/640*100vw) calc(5/640*100vw) 0 0; }
.e_count .box span { display:inline-block; font-family: "NanumSquareRound"; font-size:calc(24/640*100vw); color:#7b700a; font-weight:800; vertical-align:middle; letter-spacing:-1px; }
.e02 .e_count .box:before { background-image:url(../images/e02_count_deco.png); }
.e02 .e_count .box span { color:#00abbc; }
.e03 .e_count .box:before { background-image:url(../images/e03_count_deco.png); }
.e03 .e_count .box span { color:#33af77; }

.e01 { background:#4c63cd; }
.e01 .sec { margin:0 calc(20/640*100vw); font-family:'sans-serif'; margin-bottom:calc(120/640*100vw); }
.e01 .sec .b_btn { position:absolute; left:0; right:0; bottom:calc(-85/640*100vw); text-align:center; }
.e01 .sec .b_btn a { display:inline-block; line-height:calc(50/640*100vw); font-size:calc(24/640*100vw); color:#2d3537; text-align:center; background:#fff26a; border-radius:calc(25/640*100vw); padding:0 calc(45/640*100vw); border-bottom:calc(5/640*100vw) solid #786f17; font-family:'yg-jalnan' }
.e01 .sec.sec01 { height:calc(900/640*100vw); background:#fff26a; border-radius:calc(12/640*100vw); }
.e01 .sec.sec01 .con { position:absolute; top:calc(8/640*100vw); left:calc(8/640*100vw); right:calc(8/640*100vw); bottom:calc(8/640*100vw); background:#fff; border-radius:calc(12/640*100vw); padding:calc(35/640*100vw) calc(20/640*100vw); }
.e01 .sec.sec01 .con dl { margin-bottom:calc(15/640*100vw); }
.e01 .sec.sec01 .con dl dt { margin:0 0 calc(25/640*100vw) 0; padding-left:calc(95/640*100vw); line-height:calc(34/640*100vw); font-size:calc(24/640*100vw); color:#434242; letter-spacing:-1px; }
.e01 .sec.sec01 .con dl dt span { position:absolute; top:0; left:0; width:calc(88/640*100vw); background:#4c63cd; border-radius:calc(15/640*100vw); color:#fff; text-align:center; margin-right:calc(7/640*100vw); }
.e01 .sec.sec01 .con dl dt em { color:#4c63cd; }
.e01 .sec.sec01 .con dl dd { font-size:calc(20/640*100vw); color:#434242; }
.e01 .sec.sec01 .con dl dd ul { margin:0 calc(-10/640*100vw); }
.e01 .sec.sec01 .con dl dd ul:after { content: "."; clear:both; display:block; height:0; visibility:hidden; }
.e01 .sec.sec01 .con dl dd ul li { float:left; width:33.3%; text-align:center; background-repeat:no-repeat; background-position:center 0; margin-bottom:calc(20/640*100vw); background-size:auto calc(145/640*100vw); }
.e01 .sec.sec01 .con dl dd ul.step01 li.s01 { background-image:url(../images/e01_step01_ill01.png); }
.e01 .sec.sec01 .con dl dd ul.step01 li.s02 { background-image:url(../images/e01_step01_ill02.png); }
.e01 .sec.sec01 .con dl dd ul.step01 li.s03 { background-image:url(../images/e01_step01_ill03.png); }
.e01 .sec.sec01 .con dl dd ul.step02 li.s01 { background-image:url(../images/e01_step02_ill01.png); }
.e01 .sec.sec01 .con dl dd ul.step02 li.s02 { background-image:url(../images/e01_step02_ill02.png); }
.e01 .sec.sec01 .con dl dd ul.step02 li.s03 { background-image:url(../images/e01_step02_ill03.png); }
.e01 .sec.sec01 .con dl dd ul.step02 li.s04 { background-image:url(../images/e01_step02_ill04.png); }
.e01 .sec.sec01 .con dl dd ul.step02 li.s05 { background-image:url(../images/e01_step02_ill05.png); }
.e01 .sec.sec01 .con dl dd ul.step02 li.s06 { background-image:url(../images/e01_step02_ill06.png); }
.e01 .sec.sec01 .check input[type="radio"] { position:absolute; width:1px; height:1px; padding:0; margin:-1px; overflow:hidden; clip:rect(0,0,0,0); border:0 }
.e01 .sec.sec01 .check input[type="radio"] + label { display:block; padding-top:calc(155/640*100vw); text-align:center; line-height:calc(30/640*100vw); }
.e01 .sec.sec01 .check input[type="radio"] + label:before { content:''; display:inline-block; width:calc(26/640*100vw); height:calc(24/640*100vw); margin-right:calc(3/640*100vw); vertical-align:top; background-image:url(../images/e01_cb.png); background-size:100% 100%; }
.e01 .sec.sec01 .check input[type="radio"]:checked + label:before { background-image:url(../images/e01_cb_on.png); }
.e01 .sec.sec01 .step02.check input[type="radio"]:checked + label:before { background-image:url(../images/e01_cb02_on.png); }
.e01 .sec.sec02 {  height:calc(360/640*100vw); background:#fff26a; border-radius:calc(12/640*100vw);  display:block;}
.e01 .sec.sec02 .con { position:absolute; top:calc(8/640*100vw); left:calc(8/640*100vw); right:calc(8/640*100vw); bottom:calc(8/640*100vw); background:#fff; border-radius:calc(12/640*100vw); }
.e01 .sec.sec02 .con .unit { position:absolute; top:0; left:0; right:0; bottom:0; border-radius:calc(12/640*100vw); background:#fff; text-align:center; padding:calc(25/640*100vw) 0 0; }
.e01 .sec.sec02 .con .unit.main { text-align:left; background:url(../images/e01_sec02_main.png) no-repeat center calc(15/640*100vw) #fff26a; background-size:100% auto; text-indent:-9999px; z-index:1; }
.e01 .sec.sec02 .con .unit h4 { font-family: 'yg-jalnan'; font-size:calc(22/640*100vw); padding:0 calc(20/640*100vw); line-height:calc(30/640*100vw); margin-bottom:calc(24/640*100vw); }
.e01 .sec.sec02 .con .unit h4 em { color:#4c63cd; }
.e01 .sec.sec02 .con .unit li { display:inline-block; width:calc(160/640*100vw); background:#e5eafe; border-radius:calc(10/640*100vw); overflow:hidden; margin:0 calc(7/640*100vw); }
.e01 .sec.sec02 .con .unit li .ph img { width:100%; }
.e01 .sec.sec02 .con .unit li .tx { height:calc(54/640*100vw); margin-top:calc(-10/640*100vw); }
.e01 .sec.sec02 .con .unit li .tx p { position:absolute; top:50%; left:0; right:0; transform:translateY(-50%); -webkit-transform:translateY(-50%); font-family: "NanumSquareRound"; font-size:calc(18/640*100vw); line-height:calc(17/640*100vw); font-weight:800; letter-spacing:calc(-2/640*100vw); }
.e01 .sec.sec02 .con .unit li .bt_view_detail { display:block; line-height:calc(35/640*100vw); background:#4c63cd; font-size:calc(18/640*100vw); color:#fff; }

.e02 { background:#00abbc; text-align:center; }
.e02 .contents { height:calc(640/640*100vw); margin-bottom:calc(50/640*100vw); }
.e02 .step { position:absolute; top:0; left:0; right:0; bottom:0; background:#fff; }
.e02 .step1 { z-index:3; }
.e02 .step2 { z-index:2; }
.e02 .step3 { z-index:1; }
.e02 .step1 ul { position:absolute; top:1vw; left:1vw; right:1vw; bottom:1vw; }
.e02 .step1 ul li { position:relative; float:left; width:50%; height:50%; }
.e02 .step1 ul li a { position:absolute; display:block; top:1vw; left:1vw; right:1vw; bottom:1vw; border-radius:calc(15/640*100vw); text-align:center; font-size:calc(20/640*100vw); color:#fff; }
.e02 .step1 ul li a .tx { position:absolute; top:calc(70/640*100vw); left:calc(20/640*100vw); right:calc(20/640*100vw); }
.e02 .step1 ul li a .tx em { display:block; font-family: 'yg-jalnan'; font-size:calc(30/640*100vw); line-height:120%; padding-top:calc(10/640*100vw); }
.e02 .step1 ul li a .star { position:absolute; bottom:0; left:0; right:0; text-align:center; }
.e02 .step1 ul li a .star .box { display:inline-block; background:#fff; border-radius:calc(10/640*100vw) calc(10/640*100vw) 0 0; padding:0 calc(20/640*100vw); font-family: 'yg-jalnan'; color:#333; line-height:calc(40/640*100vw); }
.e02 .step1 ul li a .star .box em { margin-left:calc(10/640*100vw); }
.e02 .step1 ul li a .star .box em img { height:calc(28/640*100vw); vertical-align:middle; }
.e02 .step1 ul li:nth-child(1) a { background-color:#00abbc; }
.e02 .step1 ul li:nth-child(2) a { background-color:#2da8ad; }
.e02 .step1 ul li:nth-child(3) a { background-color:#f2b0ac; }
.e02 .step1 ul li:nth-child(4) a { background-color:#82d5c5; }
.e02 .step2 .view { position:absolute; top:0; left:0; right:0; bottom:15.625vw; background-size:100% auto; overflow:hidden; }
.e02 .step2 .view .tit { position:absolute; top:0; left:0; right:0; text-align:center; }
.e02 .step2 .view .tit span { display:inline-block; *zoom:1; *display:inline; height:9.3vw; line-height:9.3vw; padding:0 10vw; font-size:3.2vw; color:#fff; font-weight:800; background:#ffd8b8; border-radius:0 0 3vw 3vw; }
.e02 .step2 .view .bt_back { position:absolute; top:1vw; right:1vw; width:8vw; height:8vw; background:url(../images/e02_bt_back.png); background-size:100%; text-indent:-9999px; }
.e02 .step2 .view .word { position:absolute; display:inline-block; *zoom:1; *display:inline; background:#fff; height:6.7vw; line-height:6.7vw; padding:0 4vw; font-size:3.3vw; color:#000; font-weight:700; border-radius:30px; }
.e02 .step2 .view .word em { position:absolute; top:-5.5vw; right:0; color:#fff; font-weight:800; display:none; }
.e02 .step2 .view .word.on em { display:block; }
.e02 .step2 .view .word.wr { color:#e90000; }
.e02 .step2 .score,
.e02 .step2 .time { position:absolute; bottom:0; width:50%; height:15.625vw; line-height:15.625vw; font-size:6.875vw; font-weight:800; }
.e02 .step2 .score { left:0; background:#6e3200; color:#fff; }
.e02 .step2 .time { right:0; background:#ffd8b8; color:#222; }

.e02 .step2.ty_a .view { background-color:#65e6f3; }
.e02 .step2.ty_a .view .tit span { background:#007a86; }
.e02 .step2.ty_a .view .tit span em { color:#e90000; }
.e02 .step2.ty_a .score { background:#007a86; }
.e02 .step2.ty_a .time { background:#e1fcff; }

.e02 .step2.ty_b .view { background-color:#37bec3; }
.e02 .step2.ty_b .view .tit span { background:#0c595d; }
.e02 .step2.ty_a .view .tit span em { color:#e90000; }
.e02 .step2.ty_b .score { background:#0c595d; }
.e02 .step2.ty_b .time { background:#e9feff; }

.e02 .step2.ty_c .view { background-color:#f2b0ac; }
.e02 .step2.ty_c .view .tit span { background:#b54d47; }
.e02 .step2.ty_a .view .tit span em { color:#e90000; }
.e02 .step2.ty_c .score { background:#b54d47; }
.e02 .step2.ty_c .time { background:#ffe9e8; }

.e02 .step2.ty_d .view { background-color:#82d5c5; }
.e02 .step2.ty_d .view .tit span { background:#00765f; }
.e02 .step2.ty_a .view .tit span em { color:#e90000; }
.e02 .step2.ty_d .score { background:#00765f; }
.e02 .step2.ty_d .time { background:#bbefff; }

.e02 .step2 .ov { position:absolute; top:0; left:0; right:0; bottom:0; z-index:1; background:rgba(0,0,0,0.7); }
.e02 .step2 .ov .btn { position:absolute; top:50%; left:0; right:0; transform:translateY(-50%); -webkit-transform:translateY(-50%); }
.e02 .step2 .ov .btn a { margin-bottom:3vw; }
.e02 .step2 .ov.end { display:none; }

.e02 .step3 h2 { position:absolute; top:10vw; left:3.125vw; right:3.125vw; color:#fff; font-size:calc(24/640*100vw); border-bottom:1px solid #fff; padding-bottom:calc(30/640*100vw); }
.e02 .step3 h2 span { display:block; font-family: 'yg-jalnan'; font-size:calc(40/640*100vw); }
.e02 .step3 h2 span em { color:#ffd321; }
.e02 .step3 .c_box { position:absolute; top:2vw; left:2vw; right:2vw; bottom:2vw; border-radius:calc(12/640*100vw); background-color:#00abbc; }
.e02 .step3 .score { position:absolute; top:40vw; left:0; right:0; font-size:14vw; color:#fff; font-weight:400; }
.e02 .step3 .score em { display:block; font-size:10vw; color:#ffd321; line-height:105%; font-weight:800; margin-bottom:1vw; }
.e02 .step3 .btn { position:absolute; left:0; right:0; bottom:calc(50/640*100vw); text-align:center; }
.e02 .step3 .btn a { margin:0 calc(7/640*100vw); }

.bt_e_txt { display:inline-block; *zoom:1; *display:inline; min-width:29.5vw; height:9.3vw; padding:0.625vw 3vw 0 3vw; background:#ffd037; border-bottom:2px solid #ecbd29; box-shadow:0 0.3vw 0 #d6a81a; border-radius:6vw; font-size:5.3vw; line-height:9.3vw; color:#333; font-weight:800; text-align:center; letter-spacing:-0.1vw; }
.bt_e_txt:hover { text-decoration:none; }

.e03 { background:#33af77; }
.e03 .contents { margin-bottom:calc(125/640*100vw); }
.e03 .contents .b_btn { position:absolute; left:0; right:0; bottom:calc(-85/640*100vw); text-align:center; }
.e03 .contents .b_btn a { display:inline-block; line-height:calc(50/640*100vw); font-size:calc(24/640*100vw); font-family: 'yg-jalnan'; color:#2d3537; text-align:center; background:#63c79a; border-radius:calc(25/640*100vw); padding:0 calc(45/640*100vw); border-bottom:calc(5/640*100vw) solid #145135; }

.start_btn {position: relative; }
.start_btn img {position: absolute; width:calc(400/640*100vw); top:calc(350/640*100vw); left:calc(120/640*100vw); z-index: 20; }
.card_bg {position: relative; }
.card_bg img {position: absolute; top:0; left:0; background-color: #000; z-index: 10; opacity:0.5; height:131vw; }
.card_flip { background:#f1f1f1; padding:calc(20/640*100vw) calc(10/640*100vw) calc(10/640*100vw); z-index: 1; }
.card_flip ul:after { content:''; clear:both; display:block; height:0; visibility:hidden; }
.card_flip ul li { float:left; width:25%; margin-bottom:calc(10/640*100vw); }
.card_flip ul li .card { width:calc(145/640*100vw); height:calc(192/640*100vw); margin:0 auto; perspective:1000px; cursor:pointer; }
.card_flip ul li .card img { position:absolute; top:0.5vw; left:0.5vw; width:calc(100% - 1vw); }
.card_flip ul li .on { transform:rotateY(180deg); }
.card_flip ul li .in { position:relative; width:100%; height:100%; text-align:center; transition:transform 0.8s; transform-style:preserve-3d; background:#fff; border-radius:calc(12/640*100vw); }
.card_flip ul li .ft,
.card_flip ul li .bk { position:absolute; width:100%; height:100%; backface-visibility:hidden;}
.card_flip ul li .bk { transform:rotateY(180deg); }
.card_flip ul li .ft2 { position:absolute; width:100%; height:100%; z-index:99;}
.card_flip ul li .bk2 { position:absolute; width:100%; height:100%; z-index:98; }
.ip_on {transform:rotateY(180deg); }

/* popup */
html.on { height:100%; overflow:hidden; }
.pu_bg { position:fixed; top:0; left:0; right:0; bottom:0; background:rgba(0,0,0,0.7); z-index:98; display:none; }

.pu { position:fixed; top:calc(20/640*100vw); left:calc(20/640*100vw); right:calc(20/640*100vw); bottom:calc(20/640*100vw); z-index:99; display:none; }
.pu .bt_close { position:absolute; top:calc(-60/640*100vw); right:0; width:calc(50/640*100vw); height:calc(50/640*100vw); background:url(../images/bt_pu_close.gif) no-repeat 0 0; background-size:100% 100%; text-indent:-9999px; }

.pu_event_info { background:#81644e; }
.pu_event_info .p_con { position:absolute; top:0; left:0; right:0; bottom:14vw; padding:3.125vw; overflow:hidden; overflow-y:auto; }
.pu_event_info .p_con dt { position:relative; font-size:3vw; color:#fff; text-align:left; margin-bottom:1.5vw; letter-spacing:-0.1vw; }
.pu_event_info .p_con .ty01 { position:relative; margin-bottom:3vw; }
.pu_event_info .p_con .ty01 dd input { width:100%; height:8vw; line-height:8vw; background:#fff; border:0; padding:0 2vw; }
.pu_event_info .p_con .ty01 dd.num { *zoom:1; }
.pu_event_info .p_con .ty01 dd.num:after { content: "."; clear:both; display:block; height:0; visibility:hidden; }
.pu_event_info .p_con .ty01 dd.num input { text-align:center; float:left; width:30%; }
.pu_event_info .p_con .ty01 dd.num i { float:left; width:5%; text-align:center; color:#fff; line-height:8vw; }
.pu_event_info .p_con .ty02 { margin-bottom:3vw; }
.pu_event_info .p_con .ty02 dt { margin-bottom:2vw; }
.pu_event_info .p_con .ty02 dt span { position:absolute; top:0; right:0; }
.pu_event_info .p_con .ty02 dt span input { margin:0; }
.pu_event_info .p_con .ty02 dd { background:#fff; padding:1.5vw; max-height:60vw; overflow:hidden; overflow-y:auto;  }
.pu_event_info .btns { position:absolute; bottom:0; left:0; right:0; }
.pu_event_info .btns:before { position:absolute; content:''; top:0; left:50%; bottom:0; width:1px; background:#81644e; z-index:1; }
.pu_event_info .btns:after { content:''; clear:both; display:block; height:0; visibility:hidden; }
.pu_event_info .btns a { float:left; width:50%; display:block; height:14vw; line-height:14vw; background:#403227; text-align:center; font-size:4.6vw; color:#fff; font-weight:700; }
.pu_event_info .btns a:hover { text-decoration:none; }
.pu_event_info table { width:100%; color:#333; line-height:3vw; }
.pu_event_info table th { font-size:2.3vw; padding:1.5vw; text-align:center; vertical-align:top; }
.pu_event_info table td { font-size:2.2vw; padding:1.5vw; vertical-align:top; }
.pu_event_info .checks input[type="checkbox"] { position:absolute; top:0; left:0; opacity:0; -webkit-opacity:0; }
.pu_event_info .checks input[type="checkbox"] + label:after { content:''; display:inline-block; width:4.6vw; height:4.8vw; margin:-1.5vw -0.7vw 0 2vw; text-align:center; vertical-align:middle; background-image:url(../images/cb.png); background-size:100% 100%; }
.pu_event_info .checks input[type="checkbox"]:checked + label:after { background-image:url(../images/cb_on.png); }

.pu_event_done { position:fixed; top:50%; bottom:auto; left:0; right:0; background:#000; transform:translateY(-50%); -webkit-transform:translateY(-50%); }
.pu_event_done img { width:100%; }
.pu_event_done .btn a { display:block; line-height:calc(70/640*100vw); background:#222; text-align:center; font-size:calc(30/640*100vw); color:#fff; font-weight:800; }
.pu_event_done .btn a:hover { text-decoration:none; }

.pu_e01_detail { padding:calc(20/640*100vw); background:#fff; font-family: 'Noto Sans KR'; }
.pu_e01_detail .con { position:absolute; top:calc(20/640*100vw); left:calc(20/640*100vw); right:calc(20/640*100vw); bottom:calc(165/640*100vw); overflow:hidden; overflow-y:auto; }
.pu_e01_detail .ph { border:1px solid #c7c7c7; margin-bottom:calc(10/640*100vw); }
.pu_e01_detail .ph img { width:100%; }
.pu_e01_detail dl { margin-bottom:10px; font-size:calc(18/640*100vw); }
.pu_e01_detail dl dt { position:absolute; top:0; left:0; bottom:0; width:calc(105/640*100vw); background:#4c63cd; color:#fff; text-align:center; }
.pu_e01_detail dl dt em { position:absolute; top:50%; left:0; right:0; transform:translateY(-50%); -webkit-transform:translateY(-50%); }
.pu_e01_detail dl dd { margin-left:calc(105/640*100vw); border:1px solid #c7c7c7; border-width:1px 1px 1px 0; line-height:calc(25/640*100vw); min-height:calc(25/640*100vw); letter-spacing:calc(-0.5/640*100vw); padding:calc(16/640*100vw) calc(20/640*100vw); }
.pu_e01_detail dl dd img { width:100%; }
.pu_e01_detail .b_area { position:absolute; height:calc(130/640*100vw); left:calc(20/640*100vw); right:calc(20/640*100vw); bottom:calc(20/640*100vw); }
.pu_e01_detail .sns { position:absolute; top:0; left:0; right:0; height:calc(60/640*100vw); background:#3046a7; }
.pu_e01_detail .sns h4 { position:absolute; top:calc(14/640*100vw); left:calc(75/640*100vw); font-family: 'yg-jalnan'; font-size:calc(20/640*100vw); color:#fff; }
.pu_e01_detail .sns ul { position:absolute; top:calc(12/640*100vw); left:calc(240/640*100vw); }
.pu_e01_detail .sns li { float:left; margin-right:calc(8/640*100vw); }
.pu_e01_detail .sns li a { display:block; width:calc(35/640*100vw); height:calc(35/640*100vw); text-indent:-9999px; border-radius:100%; background-size:100% 100%; }
.pu_e01_detail .sns li:nth-child(1) a { background-image:url(../images/e01_pu_sns01.gif); }
.pu_e01_detail .sns li:nth-child(2) a { background-image:url(../images/e01_pu_sns02.gif); }
.pu_e01_detail .sns li:nth-child(3) a { background-image:url(../images/e01_pu_sns03.gif); }
.pu_e01_detail .sns li:nth-child(4) a { background-image:url(../images/e01_pu_sns04.gif); }
.pu_e01_detail .sns li:nth-child(5) a { background-image:url(../images/e01_pu_sns05.gif); }
.pu_e01_detail .bt_view_detail,
.pu_e01_detail .bt_confirm { position:absolute; height:calc(60/640*100vw); bottom:0; text-indent:-9999px; width:calc(275/640*100vw); background-repeat:no-repeat; background-position:center 0; background-size:auto 100%; background-color:#222; }
.pu_e01_detail .bt_view_detail { left:0; background-image:url(../images/e01_pu_bt_view_detail.gif); }
.pu_e01_detail .bt_confirm { right:0; background-image:url(../images/e01_pu_bt_confirm.gif); }