@charset "utf-8";
/* common */
.btn_area2 { padding: 0 0 30px; background: #fff; margin-top: -10px; border-bottom: 1px solid #e5e5e5; }
.btn_join { display: block; width: 119px; height: 47px; margin: 0 auto; background: #fff; border: 1px solid #e83428; border-radius: 3px; color: #e83428; font-weight: bold; cursor: pointer; }
.btn_area .btn_write{ width:40px; height:40px; margin-right:-6px; background:url(//img.dongascience.com/kids2016/mobile/images/common/btn_write.png) no-repeat; background-size:40px; border:0; text-indent:-9999em; cursor:pointer;}
.util .btn_write{width:50px;height:50px; margin-top:-14px; margin-right:-6px;background:url(//img.dongascience.com/kids2016/mobile/images/common/btn_write.png) no-repeat; background-size:50px; border:0; text-indent:-9999em; cursor:pointer;}
/*earth .opt { position:absolute; top:7px; left:130px; padding:0 10px; width:132px; height:40px; background:#fff; border:1px solid #e5e5e5; border-radius:3px; cursor:pointer;}*/

.earth .tle_type_A{ overflow:hidden;}
.earth .tle_type_A a{ display:block; padding-bottom:10px;}
.earth .opt { display:block; float:left; padding:0 10px; margin-right:4px; width:110px; height:40px; background:#fff; border:1px solid #e5e5e5; border-radius:3px; cursor:pointer;}

#earth_post{ position:relative; background:#fff; border-top:0;}

/* 실험도구 사러 가기 */
#sci_mall{ background:#fff; margin-top:8px; padding:16px; border-top:1px solid #e5e5e5;}
#sci_mall .list{position:relative; min-height:108px;margin-bottom:10px; }
#sci_mall .list dt{ display:none;}
#sci_mall .list .thumb{ position:absolute; top:0; left:0;}
#sci_mall .list .thumb img{ width:106px; height:106px; border:1px solid #e5e5e5; border-radius:3px; background-size:100%;}

#sci_mall .list .txt{ padding-left:123px; }
#sci_mall .list .txt h4{ padding-bottom:6px; font-weight:normal; color:#ff4e17;}
#sci_mall .list .txt .desc{ font-size:14px; color: #777;}
#sci_mall .list .txt .link{width:100%; height:40px; position:relative;}
#sci_mall .list .txt .link i{ position:absolute; top:16px; right:0;height:26px; padding-left:32px;background:url(//img.dongascience.com/kids2016/mobile/images/common/ico_cart.png) no-repeat; background-size:30px 26px; font-style:normal; }
#sci_mall .list .txt .link span{ font-size:13px; padding-bottom:2px; border-bottom:1px solid #ff4e17;  }

#sci_mall.view{ padding:16px; margin:16px; border:1px solid #e5e5e5; border-radius:3px;}
#sci_mall.view .list .txt h4{ color:#ff4e17;}

/* 내 가입 상태 */
.status .tname{color:#2eaf48;}
.status{ /*padding:16px;*/ margin-bottom:8px; background:#fff; border-top:1px solid #e5e5e5; border-bottom:1px solid #dcdcdc;}
.status h3{/*padding-bottom:15px;*/ padding:16px 0 15px 16px; color: #222;font-size:17px; font-weight:normal;}
.status ul{/*border:1px solid #e5e5e5;*/ border-top:1px solid #e5e5e5; border-radius:3px; padding:16px;}
.status li{ display:block; padding:16px 0 16px 16px; border-bottom:1px solid #e5e5e5;}
.status li:last-child{ border-bottom:0;}
.status p.type1 {word-break: keep-all; color: #2eaf48; font-size: 16px; text-align: center; line-height: 1.4; font-weight: 500; padding: 5px 0 10px;}


/* 등록 신청 */
.signup{margin-bottom:8px; background:#fff; border-top:1px solid #e5e5e5; border-bottom:1px solid #dcdcdc;}
.signup h3{padding:16px 0 15px 16px; color: #222;font-size:17px; font-weight:normal; border-bottom:1px solid #eee;}
.signup div{ /*padding:16px;*/ text-align:center}
.signup .opt{ position:inherit; display:inline-block;padding:0 10px;width: 147px;height:46px;text-align: center;background:#fff;border:1px solid #e5e5e5;border-radius:3px;cursor:pointer;}
.signup .btn_signup{display:inline-block; width:104px; height:46px; margin-left:7px; background:#fff; border:1px solid #2eaf48; border-radius:3px; color:#2eaf48; font-weight:bold; cursor:pointer;}
.signup p.desc{ height:40px; padding:12px 0; background:#fafafa; text-align:center; }



/* 등록신청 */
.signup .type5 p {padding-bottom: 10px;}
.signup .tname{color:#2eaf48;}
.signup .now{color:#e83428}
.signup h3 .now{ position:absolute; right:30px; }
.signup ul li{ height:49px; line-height:49px; padding-left:20px; border-bottom:1px solid #eee; background:#fefefe}
.signup ul li:last-child{ border-bottom:0;}
.signup .btn_login{ width:82px; height:38px; margin-left:10px; background:#fff; border:1px solid #ccc; border-radius:3px; cursor:pointer;}
.signup .btn_join, .sidebar.signup .btn_ok, .sidebar.signup .btn_cancel, .sidebar.signup .btn_signup{ width:134px; height:40px; background:#2eaf48;color: #fff;  border:0; border-radius:3px; cursor:pointer; }
.signup .detail{text-align:center; font-size:15px; line-height:24px; padding:25px 0 15px 0;background:#fefefe}

.signup .detail strong{ font-size:17px }
.signup .info{ background:#fff; font-size:12px; line-height:20px; word-break:keep-all; color:#555; margin:0; padding:15px 20px 15px 20px;border-top:1px solid #eee; text-align:left;}
.signup .info em{ text-decoration:underline}
.signup .detail [type=button]{ width:130px; height:38px; background:#fff;color:#2eaf48; border:2px solid #2eaf48;font-weight:bold ;border-radius:3px; cursor:pointer; margin-bottom:30px }
.signup .detail p.txt{padding:20px 10px; word-break:keep-all}
.signup .detail .hline{ position:relative;top:12px;}
.btn_area{ display:block; padding:30px 0 0;border-top:1px solid #eee; margin-top:30px}
.btn_area input{ width:134px; height:40px; background:#2eaf48;color: #fff; border:0; border-radius:3px; cursor:pointer; }
.hline{ display:block; width:20px; background:#2eaf48; height:1px; font-size:1px; margin:8px auto; /*margin:0 auto;*/ }




/* 접수확인 */
.apply_ok h4{ font-weight:normal; font-size:18px; line-height:28px;color:#2eaf48; text-align:center; margin:40px 0 20px 0}
.apply_ok p{ padding:20px 0 30px 0;}
.apply_ok .btn_area{margin-top:40px}
a.btn_edit{ display:block; line-height:40px; margin:0 auto;width:134px; height:40px; background:#2eaf48;color: #fff; border:0; border-radius:3px; margin-bottom:25px}
a.btn_signup{ display:block; line-height:40px; margin:0 auto;width:134px; height:40px; background:#2eaf48;color: #fff; border:0; border-radius:3px; }
#header #logo a { width: 250px; height: 135px; background: url(//img.dongascience.com/kids2016/images/common/logo_kids_earth.png) 1px 0 no-repeat }
.sel_size select {  height: 40px; padding-left: 10px; font-size:12px }
.sel_size th, .sel_size td{ border-top:1px solid #eee; height:60px; text-align:left}
.sel_size th{ padding:0 0 0 15px; text-align:left}
.sel_size .total{text-align:right; padding:0 30px 10px 30px; color:#2eaf48;border-top:1px solid #2eaf48; font-size:18px; }
.sel_size .total strong.price{ font-size:22px; position:relative; top:2px; letter-spacing:0 }
.sel_size .methods{ text-align:center}
.sel_size .methods label{ margin:0 10px}
.sel_size .methods label input[checked=checked]+span{ font-weight:bold}
.sel_size  td{ text-align:right;padding:0 15px 0 0;}
.sel_size .opt{ display:inline-block; float:none; padding:0; margin-right:4px; width: auto; }
.sel_size .L{ min-width:100px}
.signup .payinfo{ text-align:left; font-size:12px; line-height:20px; padding:5px 20px 30px 20px; color:#2eaf48}
.signup .detail [type=button].btn_pay{ background:#2eaf48; color:#fff}


/* 탐사대원증발급안내 */
.license{ background:#fffdf9; border-top:1px solid #dcdcdc; padding:20px 30px;}
.license h4{ font-size:17px; color:#67b932; line-height:46px; text-align:left}
.license h4.c2{ color:#ec7000}
.license h5{ text-align: left;padding-bottom: 10px}
.license li{margin-bottom:10px; font-size:13px; line-height:17px; letter-spacing:-0.07em; text-align:left}
.license li strong{ display:inline-block; width:18px; font-weight:bold}
.license li span{ text-decoration:underline}
							

/* 지구사랑탐사대 소개 */
.intro{ padding:16px 0; background:#fff; border-top:1px solid #e5e5e5; border-bottom:1px solid #dcdcdc;}
.intro h3{padding:0 0 15px 16px; color: #222;font-size:17px; font-weight:normal; border-bottom:1px solid #eee;}
.intro .content img{ width:100%;}

/* 색상변경 */
#navi .mainmenu>li.sel>a{ border-bottom:2px solid #2eaf48;}
#navi .mainmenu>li li.sel a{ color:#2eaf48;}


.earth_card{ background:#fff;}
#earth_card{ width:300px; margin:30px auto; padding-bottom:13px; border-radius:15px; background:rgba(60,179,113,0.2) url(//img.dongascience.com/kids2016/mobile/images/earth/earth_card.png) center top no-repeat; background-size:300px;box-shadow: 6px 6px 6px 0px  rgba(60,179,113,0.1);border:1px solid rgba(60,179,113,0.2)}
#earth_card dl{ padding-top:270px;}
#earth_card dl:after {display:block;height:0;content:".";font-size:0;clear:both}
#earth_card dt{ float:right; margin:0 20px 20px 20px; width:120px; height:120px; border-radius:6px; overflow:hidden; background:#061833}
#earth_card dt img{ width:100%; height:auto}
#earth_card dd{ text-align:right; color:#061833; margin-top:50px}
#earth_card dd .name{ font-size:30px; font-weight:600; line-height:40px; letter-spacing:-0.03em}
#earth_card dd .team{ font-size:17px; line-height:25px}
#earth_card .back { width:294px; height:320px; margin:0 auto;  border-radius:12px;background:#fff url(//img.dongascience.com/kids2016/mobile/images/earth/earth_card2.png) center bottom no-repeat;background-size:300px 170px}
#earth_card .back li{padding: 0}
#earth_card .back li strong{ font-weight:600; display:inline-block; margin-right:10px}
#earth_card .back ul{ margin:0 0 0 40px; padding-top:20px; line-height:30px; font-size:17px}
#earth_card .back div{padding:10px 30px 0 30px;text-align:center}

.ico_talk{ position:relative}
.ico_talk span{ z-index:10;position:absolute; text-indent:-100px; display:block; width:24px; height:24px; background:url(//img.dongascience.com/kids2016/mobile/images/earth/ico_talk.png); background-size:100%; right:-5px; top:10px; overflow:hidden}



   #earth_map {
        background-color: #ffffff;
    }
    #earth_map > form {
        padding: 2vh 3vw;
    }

    #earth_map > form select {

    height: 40px;
    background: #fff;
    border: 1px solid #e5e5e5;
    border-radius: 3px;

        width: 48%;
        width: calc(47vw - 2px);
    }

    #map {
        margin-bottom: 1vh; background:#fff
    }

    .friends > ul {
        overflow: hidden; margin:0 10px; padding:15px 0
    }
    .friends > ul > li {

        width: calc(88% / 3);
		 margin:2%;
        float: left;

        box-sizing: border-box;
    }
    .friends li h5 {
        font-size: 14px;
        text-align: center;
        color: #2eaf48;
    }
    .friends li .txt {
        font-size: 12px;
        line-height: 17px;
        text-align: center;
        margin-bottom: 10px;
        margin-top: 5px;
        color: #999;
    }
    .friends > ul > li dt {
        border-radius: 17vw;
        overflow: hidden;
        width:90px; margin:0 auto;
        height:90px;
    }
    .friends > ul > li dt > img {
        width: 100%;
        height: 100%;
    }

    .friends li dd {
        text-align: center;
        padding-top: 5px;
    }

    .friends li dd .name {
        font-size: 16px;
        line-height: 24px;
    }

    .friends li dd .today {
        text-align: center;
        color: #eb4e44;
        font-size: 12px;
        line-height: 18px;
    }
    .mapinfo {
        position: fixed;
        border-radius: 1vh;
        left: 2vw;
        right: 2vw;
        top : 2vh;
        /*bottom:2vh;*/
        z-index: 101;
        background: #fff;
        border: 1px solid #ccc;
    }
    .mapinfo dl dt {
        padding: 1vh 2vw;
        border-bottom: 1px solid #ccc;
    }
    .mapinfo dl dt strong {
        display: inline-block;
        overflow: hidden;
        text-overflow: ellipsis;
        white-space: nowrap;
        width: calc(92vw - 16px - 2vw);
    }

    .mapinfo dt .btn_close {
        position: absolute;
        right: 0;
        width: 16px;
        height: 16px;
        padding: 0.3vh 2vw;
        text-indent: -9999rem;
        background: url(//img.dongascience.com/kids2016/images/common/btn_layer_close.png) center no-repeat;
    }

    .mapinfo dd .scroll {
        overflow: auto;
        max-height: 90vh;
    }

    .mapinfo dd .info {
        position: relative;
        width: 94%;
        margin: 0 auto 3% auto;
    }

    .mapinfo dd .info .date {
        font-size: 0.8rem;
        letter-spacing: 0.1em;
        line-height: 1.7rem;
    }

    .mapinfo dd .info .name {
        color: #333;
        font-size: 0.9rem;
        line-height: 1.7rem;
    }

    .mapinfo dd .info .part {
        color: #666;
        font-size: 0.9rem;
    }

    .mapinfo .m_img {
        width: 94%;
        margin: 3% auto;
    }
    .mapinfo .m_img img {
        width: 100%;

    }
    #chart_div, #chart_div2 {
        padding: 3vh 3vw; background:#fff
    }


/* 티셔츠안내 */
.ts_info{ background:#fafffc; border-top:1px solid #eee}
.ts_info h4{ font-size:15px; color:#20af4b;  text-align:left;padding:0 0 10px 0;}
.ts_info p{ background:none; font-size:12px; color:#666; line-height:20px; margin:0 0 10px 0; padding:0; text-align:left}
.ts_info p img{ width:100%; height:auto}
.ts_info p em{color:#20af4b; text-decoration:underline; margin:0; padding:0; font-weight:bold; letter-spacing:0; display:inline; word-break:keep-all}
.ts_info h5{ font-size:13px; text-align:left; line-height:30px; margin-top:15px}
.ts_info table { color:#333; font-size:12px;border-right:1px solid #ccc; background:#fff }
.ts_info table th,.ts_info table td{ font-size:12px; border-left:1px solid #ccc;border-bottom:1px solid #ccc; padding:10px 5px}
.ts_info table span{ display:block; color:#666; font-size:11px}
.ts_info table th:first-child{text-align:left;}
.ts_info table th[scope="row"]{text-align:left;width:70px;}
.ts_info table th[scope="col"]{ border-bottom:1px solid #000; border-top:1px solid #000}

/* 탐사력 */

#earth_quiz{ position:fixed; top:0; left:0; bottom:0; right:0; z-index:9999; background:url(//img.dongascience.com/kids2016/images/common/bg_modal.png);overflow:auto }
#quiz_group img{ width:100%; vertical-align:top}
#quiz_group .line{ display:block; position:absolute; top:0; left:0; right:0; bottom:0; border:1px solid #000; opacity:0.1}
#quiz_wrap{ position:relative;margin:100px auto; max-width:520px;  background:#fff}
#quiz_wrap h1{position:absolute;width:100%;  top:-60px; text-align:center; font-size:18px; line-height:60px; height:60px; overflow:hidden; color:#fff}
#quiz_wrap h1 a.close{ position:absolute; right:-15px; top:0; display:block; width:60px; height:60px; background:url(//img.dongascience.com/kids2016/images/earth/ico_x.png) center no-repeat; background-size:100%; text-indent:-200px; overflow:hidden}
#quiz_top { height:64px;}
#quiz_top #progress{ height:6px; background:#dfdfdf}
#quiz_top #progress .now{ position:relative;  height:6px;  background:#0faf4b}
#quiz_top #progress .now .state{ position:absolute; top:-18px; right:-12px;width:42px;height:17px; border:1px solid #0faf4b; border-radius:20px; background:#fff; text-align:center; line-height:17px; font-size:12px}
#quiz_top #progress .now .state strong{ color:#0faf4b}
#quiz_top #progress .now .state em{ position:absolute; display:block; bottom:-6px; width:11px; height:6px; right:5px; background:url(//img.dongascience.com/kids2016/images/earth/ico_arrow.png) no-repeat}
#quiz_top #grade{ margin-top:20px; overflow:hidden; float:left;  border-radius:40px; border-bottom-left-radius:0;border-top-left-radius:0; background:url(//img.dongascience.com/kids2016/images/earth/po_bg.jpg) left  center no-repeat }
#quiz_top #grade .degree{ display:inline-block; vertical-align:middle;height:28px;font-size:12px;line-height:26px ; padding:0 10px; color:#0faf4b}
#quiz_top #grade .degree strong{ position:relative;top:1px;font-size:14px;;}
#quiz_top #grade .point{ display:inline-block;vertical-align:middle; padding:0 15px; color:#fff; font-size:14px;font-weight:bold;height:28px;line-height:28px; letter-spacing:0  }
#quiz_top #expect{ margin-top:23px; padding-right:15px;float:right; font-size:14px;}
#quiz_top #expect span{ display:inline-block;border-radius:20px; background:#0faf4b; width:21px; height:21px; line-height:19px; font-size:16px; color:#fff; font-weight:bold; text-align:center}
#quiz_top #expect em{ font-style:normal}
#quiz_top #expect strong{ color:#0faf4b; }
#quiz_top #expect strong.qa_total_point{ font-size:18px;}
#quiz_group{ clear:both; text-align:center;}
.answer{ padding:0 4% 50px 4%;}
.answer ul:after{ content:''; display:block; clear:both}
.question{ margin-bottom:30px}
.question h2{ font-size:20px; line-height:26px; padding:3% 10% 0 10%; word-break: keep-all}


/* 질문- 텍스트타입 */


/* 질문- 이미지타입 */
.question .type_img div{position:relative; display:inline-block;  width:360px; height:200px; overflow:hidden; margin-top:3%}
.question .type_img div img{ min-height:203px}
/* 질문- 동영상타입 */
.question .type_mov div{position:relative; display:inline-block;   margin-top:3%}
.question .type_mov div iframe{position:relative;vertical-align:top; width:360px;  height:200px; overflow:hidden;  background:#000;}

/* 질문- 오디오타입 */

.question .type_aud div.aud{position:relative; display:inline-block;  width:360px; height:220px;  margin-top:3%;background:url(//img.dongascience.com/kids2016/images/earth/ico_audio.png)top center no-repeat;}
.question .type_aud div audio{position:relative;vertical-align:top; margin-top:172px; height:28px; width:100%; }


/* 답변- 텍스트타입 */
.answer .type_txt{ text-align:center}
.answer .type_txt li{ display:inline-block;cursor:pointer;margin-bottom:15px;text-align:left;width:90%  }
.answer .type_txt li div{ position:relative;display:block;vertical-align:middle; line-height:24px;  padding:18px 5%  }
.answer .type_txt li div strong{ display:inline-block; background:#666; color:#fff; width:20px; height:20px; line-height:18px;font-size:14px; text-align:center; margin-right:2px;}
.answer .type_txt li div span{ position:relative;font-size:16px;line-height:20px;  top:-1px; font-weight:bold}
.answer .type_txt .line_t{ display:block; position:absolute; top:0; left:0; right:0; bottom:0; border:1px solid #000;border-radius:10px; opacity:0.1}
.answer .type_txt li.sel .line_t{ opacity:0.9;border:1px solid #666;background:url(//img.dongascience.com/kids2016/images/earth/answer_X.png) center no-repeat}
.answer .type_txt li.ok .line_t{ opacity:0.9; border:2px solid #0faf4b; background:url(//img.dongascience.com/kids2016/images/earth/answer_O.png) center no-repeat}
.answer .type_txt li.ok div strong{background:#0faf4b;}


/* 답변- 이미지타입 */
.answer .type_img li{ cursor:pointer;margin-bottom:25px;float:left; width:50%; }
.answer .type_img dl{display:inline-block;vertical-align:middle; width:80%; margin:0 10%  }
.answer .type_img dt{text-align:left;}
.answer .type_img dt strong{ display:inline-block; background:#666; color:#fff; width:20px; height:20px; line-height:18px;font-size:14px; text-align:center; margin-right:2px;}
.answer .type_img dt span{ position:relative;display:inline-block;font-size:16px; top:-1px; font-weight:bold}
.answer .type_img dd{ position:relative;}
.answer .type_img dd img{ width:100%; vertical-align:top}
.answer .type_img li .line{display:block; position:absolute; top:0; left:0; right:0; bottom:0; border:1px solid #000; opacity:0.1}
.answer .type_img li.sel .line{ opacity:0.9;border:1px solid #666;background:url(//img.dongascience.com/kids2016/images/earth/answer_X.png) center no-repeat}
.answer .type_img li.ok .line{ opacity:0.9; border:2px solid #0faf4b; background:url(//img.dongascience.com/kids2016/images/earth/answer_O.png) center no-repeat}
.answer .type_img li.ok dt strong{background:#0faf4b;}

/* 답변- 오디오타입 */
.answer .type_aud li{margin-bottom:30px;float:left; width:50%; }
.answer .type_aud dl{display:inline-block;vertical-align:middle; width:83% ;margin:0 8% }
.answer .type_aud dt{text-align:left;}
.answer .type_aud dt strong{ display:inline-block; background:#666; color:#fff; width:20px; height:20px; line-height:18px;font-size:14px; text-align:center; margin-right:2px;}
.answer .type_aud dt span input{position:relative;top:3px; display:inline-block; width:18px; height:18px }
.answer .type_aud dd{ position:relative;background:url(//img.dongascience.com/kids2016/images/earth/ico_audio_s.png) center top no-repeat; }
.answer .type_aud dd audio{position:relative; width:100%; height:20px;margin-top:90px; vertical-align:top;}
.answer .type_aud dd .line_a{ display:none; position:absolute; top:0; left:0; right:0; bottom:0;}
.answer .type_aud li.ok dt strong{background:#0faf4b;}
.answer .type_aud li.ok .line_a{ display:block; opacity:0.9;border:2px solid #0faf4b; background:url(//img.dongascience.com/kids2016/images/earth/answer_O.png) center no-repeat}
.answer .type_aud li.sel .line_a{ display:block;opacity:0.9;background:url(//img.dongascience.com/kids2016/images/earth/answer_X.png) center no-repeat}
.answer .type_aud li.sel dd{background:#f1f1f1 url(//img.dongascience.com/kids2016/images/earth/ico_audio_s.png) center top no-repeat; }


/* 버튼 - 정답보기,해설,다음, 결과보기*/
.quiz_btn{clear:both; width:100%; height:49px; text-align:center; border-top:1px solid #0faf4b; }
.quiz_btn li{ float:left; width:50%; background:#fff }
.quiz_btn li a{ display:block;height:49px; line-height:49px ; color:#0faf4b}
.quiz_btn li.check { width:100%;}
.quiz_btn li.check a{ color:#fff; background:#0faf4b;}
.quiz_btn li.explain a{ }
.quiz_btn li.next a{ color:#fff; background:#0faf4b;}
.quiz_btn li.result a{ color:#fff; background:#ff4e17;}


.explain{ display:none;position:absolute; left:0; right:0; bottom:49px; background:#e7f7ed; border-top:2px solid #0faf4b; border-bottom:1px solid #e7f7ed; }
.explain .txt{padding:5%; font-size:14px; line-height:20px;max-height:310px; overflow:auto}
.explain .txt p{ margin-bottom:10px}
.explain .close a {display:block;position:absolute; bottom:-50px; width:50%; background:#e7f7ed; height:49px; line-height:49px ; color:#0faf4b; text-align:center;}
.explain h3{ font-size:18px; line-height:30px; margin-bottom:20px; color:#0faf4b}



#exploration{background:#FFF; padding-top:10px;border-bottom: 1px solid #dcdcdc;}
#exploration .link_more2 {width:100%; margin-bottom:5px;}
#exploration .link_more2 a {  margin:0}
#exploration_top{ background:#fff;  padding:15px 16px; margin-bottom:8px;border-bottom: 1px solid #dcdcdc;}
#exploration_top .my{padding:10px 0 30px 0  }
#exploration_top .board{ position:relative; }
#exploration_top .my ul{ padding:0; text-align:center;border:1px solid #ccc; border-top-left-radius:20px; border-top-right-radius:20px; border-bottom:none;}
#exploration_top .my li{ display:inline-block; padding:25px 20px}
#exploration_top .my li dt{ font-size:15px; line-height:20px;}
#exploration_top .my li dd{ font-size:36px; letter-spacing:0; line-height:46px;font-family: Verdana, Geneva, sans-serif; font-weight:bold; color:#0faf4b}
#exploration_top:after{ clear:both; content:''; display:block}
#exploration_top h3{ position:relative;margin:0 0 15px 0; font-size:16px; line-height:21px}
#exploration_top .guide{ clear:both; display:block; font-size:18px; line-height:45px;  color:#2eaf48; text-align:center; background:#0faf4b url(//img.dongascience.com/kids2016/images/common/ico_go.png) right center no-repeat; border-bottom-left-radius:10px;border-bottom-right-radius:10px; color:#fff;}
#exploration_top .tip{ display:inline-block; vertical-align:top; width:21px; height:21px; border-radius:25px; background:#2eaf48; color:#fff; text-align:center; font-size:16px; line-height:20px; cursor:pointer }
.info_layer{ display:none; z-index:10;position:absolute; left:70px; top:-15px;font-size:12px; line-height:15px; width:170px;  padding:10px 35px 10px 10px; border:1px solid #ccc; border-radius:6px; background:#fff; opacity:0.8}
.info_layer .btn_close{ cursor:pointer;position: absolute;
    top: 0px;
    right: 0;
    width: 40px;
    height: 40px;
    text-indent: -9999em;
    background: url(//img.dongascience.com/kids2016/images/common/btn_layer_close.png) center no-repeat;}
.E_guide{  position:absolute; right:0; top:-5px}
.E_guide img{ height:30px; width:auto}

.nodata{ font-size:16px; line-height:24px; padding:20px 0 20px 0;  color:#2eaf48; text-align:center; font-weight:500}
.quiz_info_txt{ font-size:16px; line-height:24px; padding:0 0 10px 0;  font-weight:500; text-align:center; }
#exploration_top .date{ position:absolute; right:0; font-size:13px; font-weight:normal; letter-spacing:0.03em}
#exploration_top table th{ text-align:left; padding:10px 0; border-top:2px solid #0faf4b; font-weight:bold; letter-spacing:0.1em; color:#0faf4b; font-size:13px; line-height:20px}
#exploration_top table td{ text-align:left; padding:0; border-top:1px solid #eee; font-size:14px;line-height:35px;}
#exploration_top table td .more{ color:#0faf4b; font-size:12px; padding:0 10px; display:inline-block}

#exploration li{ position:relative}
#exploration li .ico_end{ display:none}
#exploration li.end .ico_end{ display:block; position:absolute; right:12px; top:12px;  width:50px; height:60px; background:url(//img.dongascience.com/kids2016/images/earth/ico_end.png); text-indent:-1000px; overflow:hidden}
#exploration li.end dl { border:1px solid #0faf4b; color:#0faf4b; background:#ecf9f1}
/*  랭킹 팝업 */
#modal_layer{ display:none;position: absolute;z-index:10;top:92px;right:0;}
.layer_ranking {width:200px;background: #fff;border-radius: 3px; overflow:hidden; border:1px solid #aaa}
.layer_ranking.on { display: block; }
.layer_ranking dt { height: 100px; padding:10px 0 0 20px; line-height: 40px; border-bottom: 1px solid #ccc; font-size: 18px; color: #222; font-weight: bold; }
.layer_ranking dt a { position: absolute; top:0px; right:0;  width: 35px; height: 60px; text-indent: -9999em; background: url(//img.dongascience.com/kids2016/images/common/btn_layer_close.png) center left no-repeat; }
.layer_ranking dt input[type=text]{ width:158px;; border:1px solid #ccc; height:32px}
.layer_ranking ol{ height:225px; overflow-y:scroll;}
.layer_ranking li{ height:44px; padding:0 20px; line-height:44px; background:#f9f9f9; border-bottom:1px solid #e5e5e5;}
/*.layer_catton li:last-child{ border-bottom:0;}*/


@media (max-width:640px){
#earth_quiz{ overflow:auto}
#quiz_wrap{ margin:60px auto 0 auto;  height:auto;}
#quiz_wrap h1 a.close{ right:10px; top:10px;  width:40px; height:40px;}
.question h2{ font-size:18px; line-height:24px; padding:3% 5% 0 5%;}
.answer .type_aud dd audio{background:url(//img.dongascience.com/kids2016/images/earth/ico_audio_s.png) center top  no-repeat; }

	}
@media (max-width:360px){
#quiz_top #expect em{ display:none}

	}