/* 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+ */

/* layout */
#wrap { min-width:320px; padding-bottom:calc(114/640*100vw); }

#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:1vw; width:11.7vw; }
#h_tx .bt02 { left:16.5vw; width:30.65vw; }


.f_btns { padding:calc(25/640*100vw) calc(25/640*100vw) 0; }
.f_btns a { display:block; margin-bottom:calc(10/640*100vw); }
.f_btns a img { width:100%; }

.f_sns { padding:5.2vw 0; background:#fff; }
.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:12.2vw; margin:0 0.8vw; }
.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 { background:#e0e0e0; padding:7vw 2vw; text-align:center; font-size:calc(18/640*100vw); line-height:calc(24/640*100vw); color:#3f3f3f; }
#footer .count { color:#111; margin-bottom:5vw; }
#footer .count dl { display:inline-block; margin:0 1.5vw; font-size:3.75vw; letter-spacing:-0.5px; }
#footer .count dl dt { display:inline-block; border-right:1px solid #787878; padding-right:1vw; margin-right:1vw; }
#footer .count dl dd { display:inline-block; color:#f89914; 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; }
	
header { position:fixed; bottom:0; left:0; right:0; height:calc(114/640*100vw); background:rgba(0,0,0,0.7); z-index:51; }

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

nav li { float:left; width:33.333333%; }
nav li a { display:block; height:calc(95/640*100vw); margin:0 calc(3/640*100vw); background-size:100% 100%; text-indent:-9999px; }
nav li.m01 a { background-image:url(../images/menu01.png); }
nav li.m02 a { background-image:url(../images/menu02.png); }
nav li.m03 a { background-image:url(../images/menu03.png); }
nav li.m01_w a { background-image:url(../images/menu01_w.png); }
nav li.m02_w a { background-image:url(../images/menu02_w.png); }
nav li.m03_w a { background-image:url(../images/menu03_w.png); }
nav li.m01 a.selected { background-image:url(../images/menu01ov.png); }
nav li.m02 a.selected { background-image:url(../images/menu02ov.png); }
nav li.m03 a.selected { background-image:url(../images/menu03ov.png); }

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

section > img { width:100%; }

#t_area .t_btns { position:absolute; top:calc(10/640*100vw); right:calc(115/640*100vw); }
#t_area .t_btns a { float:left; display:block; width:calc(134/640*100vw); height:calc(68/640*100vw); text-indent:-9999px; margin-left:calc(4/640*100vw); background-size:100% 100%; }
#t_area .t_btns a.bt01 { background-image:url(../images/t_area_q_btn01.png); }
#t_area .t_btns a.bt02 { background-image:url(../images/t_area_q_btn02.png); }
#t_area .t_btns a.bt03 { background-image:url(../images/t_area_q_btn03.png); }


/* event */
.e_count { font-size:calc(18/640*100vw); color:#fff; text-align:center; }
.e_count span { font-weight:700; color:#ffd504; }
.e02 .e_count { color:#333; }
.e02 .e_count span { color:#11cbf1; }
.e03 .e_count span { color:#ffd504; }

.e01 { background:#3567bc; padding-bottom:calc(75/640*100vw); }
.e01 .contents { padding:0 calc(20/640*100vw); margin-bottom:calc(10/640*100vw); }
.quiz { background:#214685; border-radius:calc(25/640*100vw); height:calc(465/640*100vw); }
.quiz h3 { position:absolute; top:calc(15/640*100vw); left:calc(40/640*100vw); font-size:calc(24/640*100vw); color:#fff; font-weight:600; letter-spacing:calc(-1/640*100vw); }
.quiz .q_num { position:absolute; top:0; right:calc(40/640*100vw); }
.quiz .q_num li { float:left; width:calc(82/640*100vw); margin-left:calc(2/640*100vw); height:calc(70/640*100vw); padding-top:calc(20/640*100vw); background:#5c84c7; font-size:calc(18/640*100vw); line-height:140%; color:#fff; text-align:center; letter-spacing:-1px; cursor:pointer; }
.quiz .q_num li.on { background:#ffd504; color:#214685; }
.quiz .q_num li em { display:block; font-size:calc(30/640*100vw); font-weight:600; }
.quiz .unit { position:absolute; top:calc(90/640*100vw); left:calc(20/640*100vw); right:calc(20/640*100vw); bottom:calc(20/640*100vw); display:none; }
.quiz .unit.q01 { display:block; }
.quiz .unit .box { position:absolute; top:0; left:0; right:0; bottom:0; background:#fff; border-radius:calc(25/640*100vw); }
.quiz .unit .box .bs { position:absolute; top:0; left:0; right:0; height:calc(252/640*100vw); }
.quiz .unit .box .bs p { position:absolute; top:50%; left:0; right:0; transform:translateY(-50%); -webkit-transform:translateY(-50%); font-size:calc(30/640*100vw); color:#333; text-align:center; }
.quiz .unit .box .ox { position:absolute; bottom:0; left:0; right:0; height:calc(103/640*100vw); background:url(../images/e01_ox.jpg); background-size:100% 100%; border-radius:0 0 calc(25/640*100vw) calc(25/640*100vw); overflow:hidden; }
.quiz .unit .box .ox a { float:left; display:block; width:50%; height:200px; text-indent:-9999px; }
.quiz .unit .box.rl { background:#fff0e2; font-size:calc(18/640*100vw); line-height:calc(24/640*100vw); padding:calc(20/640*100vw); text-align:center; display:none; }
.quiz .unit .box.rl h4 { margin-bottom:calc(20/640*100vw); }
.quiz .unit .box.rl h4 img { height:calc(96/640*100vw); }
.quiz .unit .box.rl p { text-align:left; }
.quiz .unit .box.rl .btns { position:absolute; bottom:calc(30/640*100vw); left:0; right:0; text-align:center; }
.quiz .unit .box.rl .btns a { display:inline-block; width:calc(196/640*100vw); line-height:calc(59/640*100vw); border-radius:calc(30/640*100vw); font-size:calc(22/640*100vw); color:#fff; font-weight:600; letter-spacing:calc(-0.5/640*100vw); margin:0 calc(3/640*100vw); }
.quiz .unit .box.rl .btns a:hover { text-decoration:none; }
.quiz .unit .box.rl .btns a.bt_re { background:#214685; }
.quiz .unit .box.rl .btns a.bt_next { background:#11cbf1; }
.quiz .unit .box.rl .btns a.bt_par { background:#ffd504; color:#214685; }

.e02 { background:url(../images/e02_bg_b.jpg) no-repeat center bottom #fff; background-size:100% auto; padding-bottom:calc(80/640*100vw); }
.town { margin-bottom:calc(20/640*100vw); }
.town .bg { margin:0 calc(20/640*100vw); }
.town .bg > img { width:100%; }
.town .bg .point { position:absolute; width:calc(100/640*100vw); height:calc(100/640*100vw); border-radius:100%; border:calc(3/640*100vw) dashed #fff; font-size:calc(42/640*100vw); color:#fff; line-height:calc(100/640*100vw); text-align:center; }
.town .bg .point.p01 { left:calc(90/640*100vw); bottom:calc(90/640*100vw); }
.town .bg .point.p02 { left:calc(235/640*100vw); bottom:calc(145/620*100vw); }
.town .bg .point.p03 { right:calc(130/640*100vw); top:calc(230/640*100vw); }
.town .bg .point img { position:absolute; top:50%; left:50%; transform:translate(-50%,-50%); -webkit-transform:translate(-50%,-50%); width:calc(130/640*100vw);  }
.town .bg .point.on { border:0; }
.town .list { height:calc(208/640*100vw); background:#214685; padding:calc(12/640*100vw) calc(50/640*100vw) 0; }
.town .list .swiper-slide { border-radius:calc(40/640*100vw); background:#fff; height:calc(198/640*100vw); text-align:center; overflow:hidden; }
.town .list .swiper-slide .cate { line-height:calc(37/640*100vw); font-size:calc(18/640*100vw); color:#214685; font-weight:700; letter-spacing:calc(-1/640*100vw); background:#fff; }
.town .list .swiper-slide .cate:before { content:''; display:inline-block; height:calc(37/640*100vw); vertical-align:top; width:calc(28/640*100vw); background-size:auto 100%; background-position:center 0; background-repeat:no-repeat; margin-right:calc(2/640*100vw); }
.town .list .swiper-slide .box { position:absolute; top:calc(37/640*100vw); left:0; right:0; bottom:0; }
.town .list .swiper-slide .box .name { position:absolute; top:calc(8/640*100vw); left:0; right:0; font-size:calc(13/640*100vw); line-height:calc(15/640*100vw); color:#fff; }
.town .list .swiper-slide .box .ill { position:absolute; top:calc(38/640*100vw); left:0; right:0; }
.town .list .swiper-slide .box .ill img { position:absolute; top:0; left:50%; width:calc(130/640*100vw); margin-left:calc(-65/640*100vw); }
.town .list .swiper-slide .box .bt_view_detail { position:absolute; bottom:calc(7/640*100vw); left:50%; margin-left:calc(-65/640*100vw); }
.town .list .swiper-slide .box .bt_view_detail img { width:calc(130/640*100vw); }
.town .list .swiper-slide.s01 { background:#ffc508; }
.town .list .swiper-slide.s02 { background:#cb8d5e; }
.town .list .swiper-slide.s03 { background:#9e99db; }
.town .list .swiper-slide.s04 { background:#7bccf9; }
.town .list .swiper-slide.s05 { background:#3069c0; }
.town .list .swiper-slide.s06 { background:#d1b481; }
.town .list .swiper-slide.s07 { background:#5ecb8a; }
.town .list .swiper-slide.s08 { background:#db99b2; }
.town .list .swiper-slide.s09 { background:#f59487; }
.town .list .swiper-slide.s10 { background:#643cad; }
.town .list .swiper-slide.s01 .cate:before { background-image:url(../images/e02_b01_tit_ic.png); }
.town .list .swiper-slide.s02 .cate:before { background-image:url(../images/e02_b02_tit_ic.png); }
.town .list .swiper-slide.s03 .cate:before { background-image:url(../images/e02_b03_tit_ic.png); }
.town .list .swiper-slide.s04 .cate:before { background-image:url(../images/e02_b04_tit_ic.png); }
.town .list .swiper-slide.s05 .cate:before { background-image:url(../images/e02_b05_tit_ic.png); }
.town .list .swiper-slide.s06 .cate:before { background-image:url(../images/e02_b01_tit_ic.png); }
.town .list .swiper-slide.s07 .cate:before { background-image:url(../images/e02_b02_tit_ic.png); }
.town .list .swiper-slide.s08 .cate:before { background-image:url(../images/e02_b03_tit_ic.png); }
.town .list .swiper-slide.s09 .cate:before { background-image:url(../images/e02_b04_tit_ic.png); }
.town .list .swiper-slide.s10 .cate:before { background-image:url(../images/e02_b05_tit_ic.png); }
.town .list .swiper-button-prev,
.town .list .swiper-button-next { top:50%; width:calc(25/640*100vw); height:calc(44/640*100vw); margin-top:calc(-22/640*100vw); background-size:100% 100%; }
.town .list .swiper-button-prev { left:calc(10/640*100vw); background-image:url(../images/e02_prev.png); }
.town .list .swiper-button-next { right:calc(10/640*100vw); background-image:url(../images/e02_next.png); }

.e03 { background:#82704a; padding-bottom:calc(80/640*100vw); }
.board { border-radius:calc(50/640*100vw); overflow:hidden; background:#3a7bc7; margin:0 calc(20/640*100vw) calc(20/640*100vw); }
.board .exp img { width:100%; }
.board .write { padding:calc(30/640*100vw) calc(11/640*100vw); background:#fff0e2; }
.board .write textarea { width:100%; height:calc(230/640*100vw); border:calc(3/640*100vw) solid #214685; border-radius:calc(70/640*100vw); padding:calc(30/640*100vw); font-size:calc(24/640*100vw); color:#000107; outline:0; margin-bottom:calc(5/640*100vw); }
.board .write .bt_enter { display:block; border:calc(3/640*100vw) solid #214685; border-radius:calc(40/640*100vw); background:#ffd504; line-height:calc(90/640*100vw); font-size:calc(44/640*100vw); color:#000107; font-weight:600; letter-spacing:calc(-1/640*100vw); text-align:center; margin-bottom:calc(15/640*100vw); }
.board .write .guide { font-size:calc(18/640*100vw); color:#333; }


/* 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(96/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_s_care { top:calc(80/640*100vw); }
.pu_s_care img { width:100%; }

.pu_e02_detail { left:0; right:0; top:50%; transform:translateY(-50%); -webkit-transform:translateY(-50%); width:100%; height:calc(891/640*100vw); background:url(../images/e02_pu_bg.png); background-size:100% 100%; display:block; visibility:hidden; z-index:-1; }
.pu_e02_detail.on { visibility:visible; z-index:99; }
.pu_e02_detail .bt_close { top:calc(70/640*100vw); right:calc(15/640*100vw); z-index:999;}
.pu_e02_detail .cmp_logo { top:calc(90/640*100vw); left:0; right:0; font-size:calc(30/640*100vw); color:#333; text-align:center; }
.pu_e02_detail h3 { top:calc(95/640*100vw); left:0; right:0; font-size:calc(30/640*100vw); color:#333; text-align:center; }
.pu_e02_detail .card_news { position:absolute; top:calc(170/640*100vw); left:0; right:0; }
.pu_e02_detail .card_news img { width:100%; }
.pu_e02_detail .card_news .swiper-button-prev,
.pu_e02_detail .card_news .swiper-button-next { bottom:0; width:calc(54/640*100vw); height:calc(54/640*100vw); background-size:100% 100%; }
.pu_e02_detail .card_news .swiper-button-prev { left:auto; right:calc(55/640*100vw); background-image:url(../images/e02_pu_slider_prev.png); }
.pu_e02_detail .card_news .swiper-button-next { right:0; background-image:url(../images/e02_pu_slider_next.png); }
.pu_e02_detail .btns { position:absolute; bottom:calc(13/640*100vw); left:calc(19/640*100vw); right:calc(19/640*100vw); }
.pu_e02_detail .btns img { height:calc(56/640*100vw); }
.pu_e02_detail .btns .bt_funding { position:absolute; bottom:0; right:0; }