/* 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; }

/* layout */
#wrap { padding-bottom:calc(96/640*100vw); overflow:hidden; }

#h_tx { background:#fff; z-index:1; }
#h_tx img { width:100%; }
#h_tx a { position:absolute; top:0; bottom:0; text-indent:-9999px; }
#h_tx .bt01 { left:calc(65/640*100vw); width:calc(70/640*100vw); }
#h_tx .bt02 { left:calc(170/640*100vw); width:calc(70/640*100vw); }

.f_sns { padding:5.625vw 0; background:#f3f3f3; }
.f_sns h3 { margin-bottom:3.125vw; font-family: 'NanumSquare'; font-size:4.35vw; color:#222; text-align:center; letter-spacing:-0.2vw; }
.f_sns ul { position:relative; text-align:center; }
.f_sns li { display:inline-block; width:12.2vw; margin:0 0.6vw; }
.f_sns li a { display:block; height:12.2vw; 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 { position:relative; background:#e0e0e0; padding:7vw 4vw; font-family: 'Noto Sans KR'; text-align:center; font-size:3vw; line-height:130%; letter-spacing:-0.2vw; color:#3f3f3f; }
#footer .count { color:#111; margin-bottom:5vw; }
#footer .count dl { display:inline-block; margin:0 2vw; font-family: 'NanumSquare'; font-size:3.75vw; line-height:100%; letter-spacing:-0.1vw; }
#footer .count dl dt { display:inline-block; border-right:1px solid #787878; padding-right:1.8vw; margin-right:1vw; }
#footer .count dl dd { display:inline-block; color:#0d91e5; font-weight:800; }
#footer .bt_pc { display:inline-block; width:calc(285/640*100vw); height:calc(70/640*100vw); background:url(../images/bt_pc_ver.gif) 0 0/100% 100%; text-indent:-9999px; margin-bottom:25px; }
#footer .e_mail { color:#969696; margin-bottom:1.8vw; }

header { position:fixed; bottom:0; top:auto; left:0; right:0; height:calc(96/640*100vw); background:rgba(0,0,0,0.5); z-index:51; }

.nav_container { position:absolute; top:calc(13/640*100vw); left:calc(26/640*100vw); right:calc(26/640*100vw); }

nav li { float:left; width:calc(50% - 5/640*100vw); }
nav li:nth-child(2) { float:right; }
nav li a { display:block; height:calc(69/640*100vw); background-size:100% 100%; text-indent:-9999px; }
nav li:nth-child(1) a { background-image:url(../images/menu01.png); }
nav li:nth-child(2) a { background-image:url(../images/menu02.png); }
nav li:nth-child(1) a.selected { background-image:url(../images/menu01on.png); }
nav li:nth-child(2) a.selected { background-image:url(../images/menu02on.png); }

.i_tx { position:absolute; top:0; left:0; visibility:hidden; }

section { border-bottom:calc(3/640*100vw) solid #393027; }
section > img { width:100%; }

/* contents */
.video { background-color:#0d91e5; }
.evt01 { background-image:url(../images/evt01_bg.gif); padding-bottom:calc(90/640*100vw); }
.evt02 { background-image:url(../images/evt02_bg.gif); padding-bottom:calc(90/640*100vw); }

.e_count { font-family: 'NanumSquare'; font-size:calc(24/640*100vw); color:#333; text-align:center; vertical-align:middle;}
.e_count b{font-weight:800;vertical-align:middle; }
.e_count span { display:inline-block; vertical-align:middle; margin-right:calc(5/640*100vw); font-weight:800;font-size:calc(34/640*100vw);}
.evt01 .e_count span { color:#0d91e5;}
.evt02 .e_count span { color:#fb8d18;}


.video .box { height:calc(345/640*100vw); margin:0 calc(10/640*100vw); border:calc(3/640*100vw) solid #30434d; overflow:hidden; background:#fff; }
.video .box .inner { position:absolute; top:calc(14/640*100vw); left:calc(14/640*100vw); bottom:calc(14/640*100vw); right:calc(14/640*100vw); }
.video .box .inner iframe { position:absolute; top:0; left:0; width:100%; height:100% }

.checks { position:relative; }
.checks input[type="radio"],
.checks input[type="checkbox"] { position:absolute; width:1px; height:1px; padding:0; margin:-1px; overflow:hidden; clip:rect(0,0,0,0); border:0 }

.evt01 .con { height:calc(781/640*100vw); background:#fff; margin:0 calc(10/640*100vw) calc(20/640*100vw); }
.evt01 .con:before { content:''; position:absolute; top:0; left:100%; bottom:0; width:calc(10/640*100vw); background:url(../images/evt01_con_bg.png) 0 0/100% 100%; }
.evt01 .con .step { position:absolute; top:0; left:0; right:0; bottom:0; border:calc(3/640*100vw) solid #393027; display:none; }
.evt01 .con .step.on { display:block; }
.evt01 .con .step.step01 { background:url(../images/evt01_step01.jpg) 0 0/100% 100%; z-index:1; }
.evt01 .con .step .bt_confirm { position:absolute; top:calc(600/640*100vw); left:50%; width:calc(484/640*100vw); height:calc(112/640*100vw); margin-left:calc(-242/640*100vw); text-indent:-9999px; }
.evt01 .con .step.step02 { background:#0bd0e2; z-index:2; }
.evt01 .con .step.step02 .board { position:absolute; top:0; left:0; right:0; bottom:calc(294/640*100vw); background:url(../images/evt01_step02_bg.jpg) no-repeat 0 0/100% 100%; }
.evt01 .con .step.step02 .board:before { content:''; position:absolute; bottom:calc(45/640*100vw); left:calc(116/640*100vw); width:calc(75/640*100vw); height:calc(183/640*100vw); background:url(../images/evt01_step02_bg_ill.png) 0 0/100% 100%; }
.evt01 .con .step.step02 .board ul { position:absolute; top:0; left:0; right:0; bottom:0; }
.evt01 .con .step.step02 .board ul li { position:absolute; background-repeat:no-repeat; background-size:100% 100%; }
.evt01 .con .step.step02 .board ul li.si01 { bottom:0; left:0; width:calc(148/640*100vw); height:calc(225/640*100vw); background-image:url(../images/evt01_step01_si01.png); }
.evt01 .con .step.step02 .board ul li.si02 { bottom:calc(31/640*100vw); left:calc(176/640*100vw); width:calc(100/640*100vw); height:calc(221/640*100vw); background-image:url(../images/evt01_step01_si02.png); }
.evt01 .con .step.step02 .board ul li.si03 { bottom:0; right:calc(37/640*100vw); width:calc(156/640*100vw); height:calc(174/640*100vw); background-image:url(../images/evt01_step01_si03.png); z-index:1; }
.evt01 .con .step.step02 .board ul li.si04 { bottom:calc(150/640*100vw); right:calc(198/640*100vw); width:calc(140/640*100vw); height:calc(186/640*100vw); background-image:url(../images/evt01_step01_si04.png); }
.evt01 .con .step.step02 .board ul li.si05 { bottom:calc(219/640*100vw); right:calc(98/640*100vw); width:calc(86/640*100vw); height:calc(158/640*100vw); background-image:url(../images/evt01_step01_si05.png); }
.evt01 .con .step.step02 .board ul li.si06 { bottom:calc(233/640*100vw); right:0; width:calc(86/640*100vw); height:calc(128/640*100vw); background-image:url(../images/evt01_step01_si06.png); }
.evt01 .con .step.step02 .board ul li.si01.on { background-image:url(../images/evt01_step01_si01on.png); }
.evt01 .con .step.step02 .board ul li.si02.on { background-image:url(../images/evt01_step01_si02on.png); }
.evt01 .con .step.step02 .board ul li.si03.on { background-image:url(../images/evt01_step01_si03on.png); }
.evt01 .con .step.step02 .board ul li.si04.on { background-image:url(../images/evt01_step01_si04on.png); }
.evt01 .con .step.step02 .board ul li.si05.on { background-image:url(../images/evt01_step01_si05on.png); }
.evt01 .con .step.step02 .board ul li.si06.on { background-image:url(../images/evt01_step01_si06on.png); }
.evt01 .con .step.step02 .list { position:absolute; bottom:0; left:0; right:0; height:calc(294/640*100vw); border-top:calc(3/640*100vw) solid #393027; }
.evt01 .con .step.step02 .list .guide { position:absolute; top:0; left:0; bottom:0; width:calc(148/640*100vw); background-image:url(../images/evt01_step02_drag_img_tit.png); background-size:100% 100%; }
.evt01 .con .step.step02 .list .guide.on { background-image:url(../images/evt01_step02_drag_img_tit_on.png); }
.evt01 .con .step.step02 .list ul { position:absolute; top:calc(7/640*100vw); left:calc(155/640*100vw); }
.evt01 .con .step.step02 .list ul li { float:left; width:calc(136/640*100vw); height:calc(136/640*100vw); border-radius:100%; margin:0 calc(10/640*100vw) calc(7/640*100vw) 0; text-indent:-9999px; cursor:pointer; background-size:100% 100%; }
.evt01 .con .step.step02 .list ul li.si01 { background-image:url(../images/evt01_step02_drag_img01.png); }
.evt01 .con .step.step02 .list ul li.si02 { background-image:url(../images/evt01_step02_drag_img02.png); }
.evt01 .con .step.step02 .list ul li.si03 { background-image:url(../images/evt01_step02_drag_img03.png); }
.evt01 .con .step.step02 .list ul li.si04 { background-image:url(../images/evt01_step02_drag_img04.png); }
.evt01 .con .step.step02 .list ul li.si05 { background-image:url(../images/evt01_step02_drag_img05.png); }
.evt01 .con .step.step02 .list ul li.si06 { background-image:url(../images/evt01_step02_drag_img06.png); }
.evt01 .con .step.step02 .list ul li.si01.on { background-image:url(../images/evt01_step02_drag_img01on.png); }

.evt01 .con .step.step02 .list ul li.si02.on { background-image:url(../images/evt01_step02_drag_img02on.png); }
.evt01 .con .step.step02 .list ul li.si03.on { background-image:url(../images/evt01_step02_drag_img03on.png); }
.evt01 .con .step.step02 .list ul li.si04.on { background-image:url(../images/evt01_step02_drag_img04on.png); }
.evt01 .con .step.step02 .list ul li.si05.on { background-image:url(../images/evt01_step02_drag_img05on.png); }
.evt01 .con .step.step02 .list ul li.si06.on { background-image:url(../images/evt01_step02_drag_img06on.png); }
.evt01 .con .step.step03 { z-index:3; }
.evt01 .con .step.step03 .btns { position:absolute; bottom:calc(315/640*100vw); left:0; right:0; text-align:center; }
.evt01 .con .step.step03 .btns a { display:inline-block; width:calc(217/640*100vw); height:calc(69/640*100vw); border-radius:calc(35/640*100vw); margin:0 calc(2/640*100vw); text-indent:-9999px; box-shadow:calc(3/640*100vw) calc(3/640*100vw) calc(20/640*100vw) rgba(0,0,0,0.8); background-size:100% 100%; }
.evt01 .con .step.step03 .btns a.bt_re { background-image:url(../images/evt01_bt_re.png); }
.evt01 .con .step.step03 .btns a.bt_par { background-image:url(../images/evt01_bt_par.png); }

.evt01 .con .step.step02 .move {z-index:2;}
.evt01 .btn { margin-bottom:calc(45/640*100vw); text-align:center; }
.evt01 .btn .bt_par_result { display:inline-block; width:calc(354/640*100vw); height:calc(90/640*100vw); background:url(../images/result_bt01.png) 0 0/100% 100%; text-align:left; text-indent:-9999px; }


.evt02 .list { padding:0 calc(5/640*100vw) calc(30/640*100vw); }
.evt02 .list:after { content:''; clear:both; display:block; height:0; visibility:hidden; }
.evt02 .list li { float:left; width:50%; margin-bottom:calc(10/640*100vw); }
.evt02 .list li .box { padding:calc(40/640*100vw) calc(6/640*100vw) calc(15/640*100vw); border:calc(2/640*100vw) solid #393027; background:#fff; margin:0 calc(5/640*100vw); }
.evt02 .list li .box .title {position:absolute;top:calc(7/640*100vw);left:calc(10/640*100vw);font-size:calc(20/640*100vw);font-weight:700;}
.evt02 .list li .box .logo { position:absolute; top:calc(5/640*100vw); left:calc(6/640*100vw); height:calc(27/640*100vw); }
.evt02 .list li .box .menu { position:absolute; top:calc(5/640*100vw); right:calc(6/640*100vw); width:calc(18/640*100vw); height:calc(27/640*100vw); background:url(../images/evt02_li_menu.png) 0 0/100% 100%; }
.evt02 .list li .box .ph { height:calc(238/640*100vw); background-size:cover; background-position:center center; margin-bottom:calc(10/640*100vw); }
.evt02 .list li .box .ph .p_count { position:absolute; top:calc(5/640*100vw); left:calc(5/640*100vw); padding:0 calc(14/640*100vw); line-height:calc(34/640*100vw); border-radius:calc(20/640*100vw); font-size:calc(16/640*100vw); color:#fff; background:rgba(0,0,0,0.5); }
.evt02 .list li .box .ph:after { content:''; position:absolute; bottom:calc(5/640*100vw); right:calc(5/640*100vw); width:calc(60/640*100vw); height:calc(60/640*100vw); background:url(/gm2020/images/evt02_li_bt_plus.png) 0 0/100% 100%; }
.evt02 .list li .box .ph .bt_view_detail { position:absolute; top:0; left:0; right:0; bottom:0; text-indent:-9999px; }
.evt02 .list li .box .tx { padding:calc(30/640*100vw) calc(3/640*100vw) 0; font-size:calc(18/640*100vw); line-height:calc(24/640*100vw); word-break:keep-all; }
.evt02 .list li .box .tx .bt_like { position:absolute; top:0; left:calc(3/640*100vw); width:calc(26/640*100vw); height:calc(23/640*100vw); background-image:url(../images/evt02_li_bt_like.png); text-indent:-9999px; transition:all 0.3s; background-size:100% 100%; }
.evt02 .list li .box .tx .bt_like.on { background-image:url(../images/evt02_li_bt_like_on.png); }
.evt02 .list li .box .tx i { position:absolute; top:0; background-size:100% 100%; }
.evt02 .list li .box .tx i.share { left:calc(39/640*100vw); width:calc(26/640*100vw); height:calc(23/640*100vw); background-image:url(../images/evt02_li_bt_share.png); }
.evt02 .list li .box .tx i.bookmark { right:0; width:calc(20/640*100vw); height:calc(24/640*100vw); background-image:url(../images/evt02_li_bt_save.png); }
.evt02 .list li .box .tx .l_count { margin-bottom:calc(15/640*100vw); position:absolute;left:calc(35/640*100vw);top:0;}
.evt02 .list li .box .tx .l_count b { font-weight:800; }
.evt02 .list li .box .tx p { height:calc(48/640*100vw); white-space:nowrap; overflow:hidden; text-overflow:ellipsis; white-space:normal; word-wrap:break-word; display:-webkit-box; -webkit-line-clamp:2; -webkit-box-orient:vertical; letter-spacing:-0.5px; color:#0d91e5;}
.evt02 .list li .box .tx p span { display:inline-block; }
.evt02 .btn { margin-bottom:calc(45/640*100vw); text-align:center; }
.evt02 .btn .bt_par { display:inline-block; width:calc(354/640*100vw); height:calc(90/640*100vw); background:url(../images/evt02_bt_par.png) 0 0/100% 100%; text-align:left; text-indent:-9999px; }
.evt02 .btn .bt_par_result { display:inline-block; width:calc(354/640*100vw); height:calc(90/640*100vw); background:url(../images/result_bt02.png) 0 0/100% 100%; text-align:left; text-indent:-9999px; }


/* 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; left:0; right:0; z-index:99; display:none; }
.pu .bt_close { position:absolute; top:calc(-64/640*100vw); right:0; width:calc(60/640*100vw); height:calc(60/640*100vw); background:url(/gm2020//images/bt_pu_close.png) no-repeat 0 0/100% 100%; text-indent:-9999px; z-index:1; }

.pu_detail { top:calc(75/640*100vw); bottom:calc(20/640*100vw); left:calc(20/640*100vw); right:calc(20/640*100vw); background:#fff; }
.pu_detail .con { position:absolute; top:0; left:0; right:0; bottom:0; overflow:hidden; overflow-y:auto; }
.pu_detail .bt_ct { position:absolute; top:calc(-62/640*100vw); width:calc(54/640*100vw); height:calc(54/640*100vw); text-indent:-9999px; background-size:100% 100%; }
.pu_detail .bt_ct.bt_prev { left:0; background-image:url(../images/pu_bt_prev.png); }
.pu_detail .bt_ct.bt_next { left:calc(57/640*100vw); background-image:url(../images/pu_bt_next.png); }
.pu_detail .ph .swiper-slide { height:calc(500/640*100vw); background-size:cover; background-position:center center; }
.pu_detail .ph .swiper-pagination { bottom:calc(20/640*100vw); left:0; right:0; text-align:center;}
.pu_detail .ph .swiper-pagination-bullet { width:calc(10/640*100vw); height:calc(10/640*100vw); margin:0 calc(2/640*100vw); background:#dbdbdb; }
.pu_detail .ph .swiper-pagination-bullet-active { background:#3a93f7; }
.pu_detail .ph .swiper-button-prev,
.pu_detail .ph .swiper-button-next { width:calc(44/640*100vw); height:calc(44/640*100vw); margin-top:calc(-22/640*100vw); background-size:100% 100%; }
.pu_detail .ph .swiper-button-prev { left:calc(20/640*100vw); background-image:url(../images/pu_slider_bt_prev.png); }
.pu_detail .ph .swiper-button-next { right:calc(20/640*100vw); background-image:url(../images/pu_slider_bt_next.png); }
.pu_detail .tx .h_area { height:calc(68/640*100vw); border-bottom:1px solid #d3d3d3;  line-height:calc(68/640*100vw);padding-left:calc(25/640*100vw);font-size:calc(30/640*100vw);font-weight:700;}
.pu_detail .tx .h_area .logo { position:absolute; top:calc(8/640*100vw); left:calc(20/640*100vw); height:calc(48/640*100vw); }
.pu_detail .tx .h_area .bt_share { position:absolute; top:calc(10/640*100vw); right:calc(10/640*100vw); width:calc(94/640*100vw); height:calc(38/640*100vw); background:url(../images/pu_bt_share.png) 0 0/100% 100%; text-indent:-9999px; }
.pu_detail .tx .c_area { padding:calc(65/640*100vw) calc(25/640*100vw) calc(20/640*100vw); letter-spacing:-0.5px; }
.pu_detail .tx .c_area .bt_like { position:absolute; top:calc(10/640*100vw); left:calc(25/640*100vw); width:calc(43/640*100vw); height:calc(39/640*100vw); background-image:url(../images/evt02_li_bt_like.png); text-indent:-9999px; transition:all 0.3s; background-size:100% 100%; }
.pu_detail .tx .c_area .bt_like.on { background-image:url(../images/evt02_li_bt_like_on.png); }
.pu_detail .tx .c_area i { position:absolute; top:calc(12/640*100vw); background-size:100% 100%; }
.pu_detail .tx .c_area i.share { left:calc(83/640*100vw); width:calc(46/640*100vw); height:calc(38/640*100vw); background-image:url(../images/evt02_li_bt_share.png); }
.pu_detail .tx .c_area i.bookmark { right:calc(12/640*100vw); width:calc(34/640*100vw); height:calc(39/640*100vw); background-image:url(../images/evt02_li_bt_save.png); }
.pu_detail .tx .c_area .l_count { font-size:calc(26/640*100vw); margin-bottom:calc(10/640*100vw); position:absolute;top:calc(10/640*100vw);left:calc(80/640*100vw);}
.pu_detail .tx .c_area .l_count b { font-weight:800; }
.pu_detail .tx .c_area .tag { font-size:calc(22/640*100vw); margin-bottom:calc(12/640*100vw); color:#0d91e5}
.pu_detail .tx .c_area .tag span { display:inline-block; }
.pu_detail .tx .c_area .c_tx { color:#666; font-size:calc(20/640*100vw); line-height:calc(24/640*100vw); margin-bottom:calc(35/640*100vw); overflow-x:auto;max-height:calc(205/640*100vw);}
.pu_detail .tx .bt_par { display:block; width:calc(248/640*100vw); height:calc(63/640*100vw); background:url(../images/pu_bt_par.png) 0 0/100% 100%; text-indent:-9999px; margin:0 auto; }

.pu_event_info { top:calc(75/640*100vw); bottom:auto; background:#00b38f; }
.pu_event_info .con { padding:3.125vw; }
.pu_event_info .con dt { position:relative; font-size:3vw; color:#fff; text-align:left; margin-bottom:1.5vw; letter-spacing:-0.2vw; }
.pu_event_info .con .ty01 { position:relative; margin-bottom:3vw; }
.pu_event_info .con .ty01:nth-child(2) { margin-bottom:5vw; }
.pu_event_info .con .ty01 dd { position:relative; }
.pu_event_info .con .ty01 dd input { width:100%; height:8vw; line-height:8vw; background:#fff; border:0; padding:0 2vw; }
.pu_event_info .con .ty01 dd.num { *zoom:1; }
.pu_event_info .con .ty01 dd.num:after { content: "."; clear:both; display:block; height:0; visibility:hidden; }
.pu_event_info .con .ty01 dd.num input { text-align:center; float:left; width:30%; }
.pu_event_info .con .ty01 dd.num i { float:left; width:5%; text-align:center; color:#fff; line-height:8vw; }
.pu_event_info .con .ty02 { margin-bottom:3vw; }
.pu_event_info .con .ty02 dt { margin-bottom:2vw; }
.pu_event_info .con .ty02 dt input { position:absolute; top:0; right:0; }
.pu_event_info .con .ty02 dd { background:#fff; padding:2vw 2vw; max-height:60vw; overflow:hidden; overflow-y:auto;  }
.pu_event_info .btns { position:relative; }
.pu_event_info .btns:before { position:absolute; content:''; top:0; left:50%; bottom:0; width:calc(1/640*100vw); background:#00b38f; 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:13vw; line-height:13vw; background:#005947; text-align:center; font-size:4vw; 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.5vw; 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 { position:absolute; top:0; right:0; }
.pu_event_info .checks input[type="checkbox"] + label:after { content:''; display:inline-block; width:4.6vw; height:5.2vw; line-height:5.2vw; margin:-2vw 0 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%; left:0; right:0; bottom:auto; background:#000; margin:-30vw 0 0;  }
.pu_event_done img { width:100%; }
.pu_event_done .btn a { display:block; height:15vw; line-height:15vw; background:#00b38f; text-align:center; font-size:4.6vw; color:#fff; font-weight:800; }
.pu_event_done .btn a:hover { text-decoration:none; }