/* 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; }
a,span{ outline: none; }
::-webkit-input-placeholder { color:#d3d2d2; }/* WebKit browsers */
:-moz-placeholder { color:#d3d2d2; }/* Mozilla Firefox 4 to 18 */
::-moz-placeholder { color:#d3d2d2; }/* Mozilla Firefox 19+ */
:-ms-input-placeholder { color:#d3d2d2; }/* Internet Explorer 10+ */

/* layout */
#wrap { min-width:1200px; }

#h_tx { background:#333; 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:-323px; width:75px; }
#h_tx .bt02 { margin-left:-218px; width:125px; }

#footer { padding:35px 0; background:#fff; }
#footer .wrap { width:1200px; margin:0 auto; font-size:14px; line-height:24px; color:#666; letter-spacing:-1px; }
#footer .wrap p { position:absolute; bottom:0; left:695px; }
#footer .wrap p a { color:#666; }
.bt_go_top { position:absolute; top:50%; right:0; width:70px; height:70px; margin-top:-35px; background:url(../images/bt_go_top.png); text-indent:-9999px; }

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

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

section { background-repeat:no-repeat; background-position:center 0; }
section .wrap { width:1200px; margin:0 auto; }
section .exp { background-repeat:no-repeat; background-position:center; }
section .b_btn { text-align:center; margin-bottom:50px; }
section .b_guide { font-size:16px; text-align:center; color:rgba(255,255,255,0.6); font-weight:700; }
section.e02 .b_guide { color:rgba(66,74,80,0.8); }

header { position:fixed; top:50%; right:50%; margin-right:-780px; transform:translateY(-50%); -webkit-transform:translateY(-50%); width:150px; background:rgba(255,255,255,0.4); border-radius:15px; z-index:51; }
header .count { padding:35px 0 15px; margin:0 20px; border-top:2px solid #fff; }
header .count dl { margin-bottom:20px; font-family: 'S-CoreDream';  font-size:18px; color:#222; text-align:center; }
header .count dl dt { font-weight:500; margin-bottom:5px; }
header .count dl dd { font-size:14px; }
header .count dl dd b { font-size:22px; font-weight:700; display:inline-block; vertical-align:middle; margin-top:-5px; }

.nav_container { padding:30px 0 5px; }

nav li { margin-bottom:29px; }
nav li a { display:block; height:191px; text-indent:-9999px; }
nav li:nth-child(1) a { background-image:url(../images/gnb01.png); }
nav li:nth-child(2) a { background-image:url(../images/gnb02.png); }
nav li:nth-child(1) a.selected { background-image:url(../images/gnb01on.png); }
nav li:nth-child(2) a.selected { background-image:url(../images/gnb02on.png); }

.quick { position:fixed; top:50%; left:50%; margin-left:-795px; transform:translateY(-50%); -webkit-transform:translateY(-50%); width:184px; height:391px; background:url(../images/quick.png); z-index:51; }
.quick h3 { position:absolute; top:0; left:0; display:none; }
.quick ul { position:absolute; top:138px; left:15px; right:20px; text-align:center; }
.quick ul li { display:inline-block; margin:0 -1px 4px 0; vertical-align:top; }
.quick ul li a { display:block; width:27px; height:27px; text-indent:-9999px; text-align:left; border-radius:100%; }
.quick .bt_quick { position:absolute; bottom:0; left:14px; right:20px; height:120px; border-radius:10px; text-indent:-9999px; }


/* t_area */
.t_area { background:url(../images/t_area_bg.png) no-repeat center 0 #f8fba9; z-index:0; }
.t_area .wrap { height:1880px; }
.t_area .wrap .exp { position:absolute; top:165px; left:1px; right:1px; }

.t_slider { position:absolute; bottom:0; left:50%; margin-left:-789px; width:1578px; }
.t_slider .swiper-button-prev,
.t_slider .swiper-button-next { top:215px; width:110px; height:99px; }
.t_slider .swiper-button-prev { left:50%; margin-left:-500px; background-image:url(../images/t_area_bt_prev.png); }
.t_slider .swiper-button-next { right:50%; margin-right:-500px; background-image:url(../images/t_area_bt_next.png); }

.t_area .hand { position:absolute; bottom:0; left:0; right:0; height:622px; background:url(../images/t_area_saving_bg.png) no-repeat center bottom; z-index:10; }
.t_area .hand .number { position:absolute; top:305px; left:0; right:0; font-family: 'S-CoreDream'; font-size:90px; line-height:100%; font-weight:600; color:#fff; text-align:center; }
.t_area .hand .number img { vertical-align:middle; margin-left:10px; }


/* contents */
.e01 { background:#9643e9; z-index:1; }
.e01:before { content:''; position:absolute; top:-24px; left:0; right:0; height:24px; background:url(../images/e1_deco.png) center 0; }
.e01 .exp { height:769px; background:url(../images/e01_exp.png) no-repeat center 0 #9758ee; }
.e01 .wrap { padding-bottom:90px; }
.e02 { background:#ffd55f; z-index:2; }
.e02:before { content:''; position:absolute; top:-24px; left:0; right:0; height:24px; background:url(../images/e2_deco.png) center 0; }
.e02 .exp { height:865px; background:url(../images/e02_exp.png) no-repeat center 0 #ffe479; }
.e02 .wrap { padding-bottom:65px; }

.e_count { text-align:center; margin-bottom:18px; }
.e_count .box { display:inline-block; padding:0 80px; background:#fff; height:64px; line-height:64px; border-radius:32px; font-family: "NanumSquareRound"; font-size:22px; color:#222; letter-spacing:-1px; }
.e_count .box span { display:inline-block; vertical-align:middle; margin:-1px 10px 0 0; font-size:36px; font-weight:800; color:#f57575; }
.e_count .box b { font-weight:800; }
.e02 .e_count .box span { color:#f24141; }

.e01 .board { height:773px; background:url(../images/e01_board.png); margin-bottom:30px; }
.e01 .board .bt_bl { position:absolute; top:80px; text-indent:-9999px; }
.e01 .board .bt_bl.bt_2018 { left:30px; width:344px; height:57px; border-radius:10px; }
.e01 .board .bt_bl.bt_case01 { right:170px; width:120px; height:120px; border-radius:100%; }
.e01 .board .bt_bl.bt_case02 { right:30px; width:120px; height:120px; border-radius:100%; }
.e01 .board .drag { position:absolute; bottom:40px; cursor:pointer; }
.e01 .board .drag.before { display:block; }
.e01 .board .drag.l_box { left:80px; }
.e01 .board .drag.r_box { right:80px; }

.e02 .board { height:741px; background:url(../images/e02_board.png); margin:0 -36px 10px 0; }
.e02 .board .bar { position:absolute; top:52px; left:20px; width:40px; height:638px; }
.e02 .board .bar .stick { position:absolute; left:-12px; width:65px; height:15px; margin-top:-7px; background:url(../images/e02_stick.png); cursor:pointer; }
.e02 .board .c_box { position:absolute; top:42px; left:154px; width:934px; height:646px; display:none;}
.e02 .board .c_box > div { position:absolute; top:0; bottom:0; background:#fff; }
.e02 .board .c_box .l_area { left:0; width:426px; }
.e02 .board .c_box .r_area { right:0; width:462px; }
.e02 .board .c_box .profile { padding:3px 0 0 150px; height:155px; margin-bottom:49px; }
.e02 .board .c_box .profile .ph { position:absolute; top:3px; left:0; width:119px; height:153px; border:1px solid #ccc; }
.e02 .board .c_box .profile .ph:after { content:''; position:absolute; top:-61px; left:43px; width:51px; height:100px; background:url(../images/e02_clip.png); }
.e02 .board .c_box .profile .name { margin-bottom:45px; padding-top:9px; }
.e02 .board .c_box .profile .age { width:75px; height:47px; padding:0 40px 0 39px; background:url(../images/e02_age_bg.png) no-repeat center bottom; }
.e02 .board .c_box .profile .age em { display:none; }
.e02 .board .c_box .profile .age input { width:100%; height:47px; line-height:47px; border:0; background:none; text-align:center; font-family: 'S-CoreDream';  font-size:45px; font-weight:800; outline:0; }
.e02 .board .c_box ul { border-top:1px solid #c1bdb9; }
.e02 .board .c_box ul li { border-bottom:1px solid #c1bdb9; padding:10px 0 10px 40px; font-size:25px; line-height:36px; color:#222; letter-spacing:-1px; }
.e02 .board .c_box ul li em { position:absolute; top:50%; left:0; transform:translateY(-50%); -webkit-transform:translateY(-50%); font-size:28px; font-weight:800; letter-spacing:-2px; }
.e02 .board .c_box ul li .more_info { position:absolute; top:50%; right:0; width:28px; height:28px; margin-top:-14px; }
.e02 .board .c_box ul li .more_info a { display:block; height:28px; text-indent:-9999px; background:url(../images/e02_bt_more_info.png); border-radius:100%; }
.e02 .board .c_box ul li .more_info .s_bb { position:absolute; bottom:46px; right:-20px; width:430px; padding:12px 20px; font-size:18px; line-height:24px; background:#ffedbc; border-radius:10px; box-shadow:10px 10px 10px rgba(0,0,0,0.1); display:none; }
.e02 .board .c_box ul li.on .more_info .s_bb { display:block; }
.e02 .board .c_box ul li .more_info .s_bb:after { content:''; position:absolute; top:100%; right:26px; width:16px; height:12px; background:url(../images/e02_s_bb_arrow.png); }
.e02 .board .c_box ul li i { display:inline-block; font-size:13px; vertical-align:top; margin:-8px 0 0 1px;  }
.e02 .board .c_box .confirm { position:absolute; bottom:0; right:-5px; text-align:right; }
.e02 .board .c_box .confirm input[type="checkbox"] { position:absolute; width:1px; height:1px; padding:0; margin:-1px; overflow:hidden; clip:rect(0,0,0,0); border:0 }
.e02 .board .c_box .confirm input[type="checkbox"] + label:after { content:' '; display:inline-block; width:33px; height:29px; line-height:29px; margin:-3px 0 0 17px; text-align:center; vertical-align:middle; background:url(../images/check.png) no-repeat 0 0; }
.e02 .board .c_box .confirm input[type="checkbox"]:checked + label:after { background:url(../images/check_on.png) no-repeat 0 0; }
.e02 .b_exp { font-size:16px; line-height:24px; font-weight:700; color:rgba(34,34,34,0.4); font-weight:700; letter-spacing:-0.5px; text-align:center; margin-bottom:35px; }

.e02 .board .c0 {display:block;}

#drag_wrap{position:absolute;animation: fade .3s ease-in-out 0s infinite alternate;background:url('../images/e01_card_before(borderO).png');width:450px;height:250px;}
#event_drag_img {width:440;margin-left:5px;height:240px;margin-top:5px;}
@keyframes fade{
	0% {opacity:1}
	40% {opacity:1}
	100%{opacity:0}
}
/* 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:50%; left:50%; transform:translate(-50%,-50%); -webkit-transform:translate(-50%,-50%); z-index:99; display:none; }
.pu .bt_close { position:absolute; top:20px; right:20px; width:31px; height:31px; background:url(../images/bt_pu_close.png) no-repeat 0 0; text-indent:-9999px; background-size:100%; }

.pu_bl { padding:65px 50px 50px; background:#fff; border-radius:10px; }

.pu_event_info { width:625px; padding:40px; background:#fff; border-radius:10px; font-family: "NanumSquareRound"; }
.pu_event_info h3 { font-family: "NanumSquareRound"; font-size:32px; color:#424a50; font-weight:800; line-height:100%; margin-bottom:45px; }
.pu_event_info .line { border-bottom:1px solid #e6e6d7; height:5px; margin-bottom:25px; }
.pu_event_info dt { position:relative; font-size:18px; color:#808487; font-weight:700; }
.pu_event_info .ty01 { height:44px; padding-left:180px; margin-bottom:20px; }
.pu_event_info .ty01 dt { position:absolute; top:0; left:0; width:185px; line-height:44px; }
.pu_event_info .ty01 dd input { width:100%; height:44px; line-height:44px; background:#fff; border:1px solid #deded4; padding:0 10px; }
.pu_event_info .ty01 dd.num:after { content:''; clear:both; display:block; height:0; visibility:hidden; }
.pu_event_info .ty01 dd.num input { text-align:center; float:left; width:calc(34% - 11px); margin-left:11px; }
.pu_event_info .ty01 dd.num input:first-child { width:32%; margin:0; }
.pu_event_info .ty02 { margin-bottom:30px; }
.pu_event_info .ty02 dt { color:#424a50; line-height:100%; margin-bottom:15px; }
.pu_event_info .ty02 dt span { position:absolute; bottom:-4px; right:-4px; font-size:18px; color:#333; }
.pu_event_info .ty02 dt span input { margin:0; }
.pu_event_info .ty02 dd { background:#f0f4f4; padding:10px 15px; }
.pu_event_info .btns a { float:left; width:calc(50% - 9px); display:block; line-height:96px; border:2px solid #424a50; background:#424a50; text-align:center; font-size:30px; color:#fff; font-weight:700; }
.pu_event_info .btns a.c02 { background:#fff; color:#424a50; float:right; }
.pu_event_info .btns a:hover { text-decoration:none; }
.pu_event_info table { width:100%; color:#333; line-height:18px; }
.pu_event_info table th { font-size:15px; padding:10px; vertical-align:top; }
.pu_event_info table td { font-size:13px; padding:10px; }
.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:33px; height:29px; line-height:29px; margin:-3px 0 0 10px; text-align:center; vertical-align:middle; background:url(../images/check.png) no-repeat 0 0; }
.pu_event_info .checks input[type="checkbox"]:checked + label:after { background:url(../images/check_on.png) no-repeat 0 0; }

.pu_event_done { width:640px; background:#222; }
.pu_event_done .ph { margin:0 -17px; }
.pu_event_done .btn a { display:block; height:65px; line-height:65px; text-align:center; font-family: "NanumSquareRound"; font-size:30px; color:#fff; font-weight:700; letter-spacing:10px; }


.big_graph {width:100%;height:100%;background-color:rgba(0,0,0,.5);top:0;left:0;position:fixed;display:none;z-index:9999;vertical-align:middle;text-align:center;}
.big_graph img {width:100%;max-width:1911px;top:20%;}