/* Project : Author : Date : */ @import url('https://fonts.googleapis.com/css?family=Roboto'); /* Common */ html, body {font-family:'Nanum Square',Dotum,sans-serif;font-size:13px;-webkit-font-smoothing:antialiased;background:#fff;line-height:1;color:#000;font-weight:400;} img{border:0;margin:0;padding:0;max-width:100%;} a{margin:0;padding:0;} a[name]{height:0;} .fleft{float:left;} .fright{float:right;} .alternative{z-index: -1;width: 0;height: 0;overflow: hidden;visibility: hidden;} .txtleft{text-align:left!important;} .txtcenter{text-align:center!important;} .txtright{text-align:right!important;} .txtbold{font-weight:bold!important;} .prelative{position:relative;} .pabsolute{position:absolute!important;} .line_height{line-height:0;} .show_m{display:none!important;} .hide_m{display:block!important;} .hide_im{display:inline-block!important;} ul, li{ margin:0;} li img { vertical-align:middle; } .maright{ margin-right:20px;} .maleft{ margin-left:20px !important;} .total{ background-color:#f2f2f2; } .matop5{ margin-top:5px!important;} .matop10{ margin-top:10px;} .matop30{ margin-top:30px;} .matop30_1{ margin-top:-31px;} .matop50{ margin-top:50px;} .matop{ margin-top:40px;} .matoplf{ margin-top:14px;} .fontlight{ font-weight:200; font-family: 'Nanum Square', Dotum, sans-serif;} .fontbold{ font-weight:700; font-family: 'Nanum Square', Dotum, sans-serif;} .fontexbold{ font-weight:700; font-family: 'Nanum Square', Dotum, sans-serif;} .roboto{font-family: 'Roboto', sans-serif; font-weight: bold;} .section{padding:5vw 0;} .basicba{background:#c7a462!important;} .back_1e{background:#1e1e1e!important;} .fffcolor{color:#fff!important;} /* Layout */ .container{position:relative;width:1170px;margin:0 auto; text-align:center; } .container-fluid{position:relative;width:100%;margin:0 auto; text-align:center;} img{display:inline-block;width:auto\9!important;/* ie8 width:auto!important;*/max-width:100%;/*height:auto!important;*/} .header{background:#000 url(/event/img/kicon_2017/header_bg.png) no-repeat 50% 0%;overflow:hidden;padding:0vw 0 3.5vw; text-align:center;} .header_logo{margin-left:25px;} .messenger{margin-right:25px; float:right;} .messenger li{float:left;} .messenger li a{width:36px;height:36px;background:url(/event/img/kicon_2017/messenger.png) no-repeat 0 0;display:inline-block;margin-left:5px; text-align:center;} .messenger li a:hover{background-position:0px -42px;} .messenger li a.facebook{background-position:-41px 0px;} .messenger li a.facebook:hover{background-position:-41px -42px;} .messenger li a.kakao{background-position:-81px 0px;} .messenger li a.kakao:hover{background-position:-81px -42px;} .messenger li a.link{background-position:-124px 0px;} .messenger li a.link:hover{background-position:-124px -42px;} #intro{margin:2.5vw auto 0;text-align:center;} #intro .intro_top{background:url(/event/img/kicon_2017/intro_bg.gif);text-align:center;padding-bottom:5vw;} #intro .intro_top .intro_slogan{padding:1.5vw;} #intro .intro_top .intro_slogan .top_eng{} #intro .intro_top .intro_slogan .intro_add{font-size:20px;font-weight:700;color:#dca73a;} #intro .intro_top h1{margin:20px 0;} #intro .intro_top h2{color:#fff;font-size:25px;font-weight:700;margin:0 0 10px;} #intro .intro_bottom{background:#fff;text-align:center;padding:2.5vw;} #intro .intro_bottom p{font-size:19px;line-height:24px;margin-top:0.3vw;font-family:'Nanum Myeongjo';font-weight:600;} .ad_mov_bg{background:url(/event/img/kicon_2017/teepahap.gif)no-repeat 50% 80%;margin:0 auto;text-align:center;} .ad_mov{padding:3vw 0; } .video-wrapper{width:731px;max-width: 100%;text-align:center;margin:0 auto;overflow:hidden;} .count_area{background:#000;margin:0 auto;text-align:center;} .count_area .count{margin:0 auto;text-align:center;padding:20px 10px;display:inline-block;} .count_area .count .style{width:100%;font-family:Roboto;font-weight:bold;border-style:none;} .count_area .count .size_lg{font-size:68px;border-width:0;border-radius:0;} .count_area .count .colorDefinition {background:none;color:#fff;} #future_date .colum{font-weight:300;margin:0 10px;position:relative;top:-5px;} .count_area .text{font-size:25px;color:#fff;line-height:82px;margin-right:20px;} .count_area .text .postop{position:relative;top:5px;} .count_area img{vertical-align:middle;margin-right:10px;} ul.countdown{list-style:none;margin:0;padding:0;display:block;text-align:center;} ul.countdown li {display:inline-block;font-family:Roboto;font-weight:bold;color:#fff;} ul.countdown li span {font-size:68px;font-weight:300;line-height:68px;} ul.countdown li.seperator {font-size:68px;line-height:68px;vertical-align: top;} ul.countdown li p{color:#999;font-size:12px;font-weight:normal;} ul.countdown li p:first-letter{text-transform:uppercase;} .way{padding-top:3vw;} .way h1{font-size:3em; color:#c83f2e; font-weight:400;} .way .way_area{display:inline-block;text-align:center;margin:2vw auto -2vw;} .way .way_area li{float:left;position:relative;margin-left:18px;} .way .way_area li:first-child{margin:0;} .way .way_area li h3{font-size:2.1em;} .way .way_area li p{font-size:1.4em; line-height:1.4em; margin:0.3vw 0 0.3vw;} .way .way_area li .imgpos{position:relative;left:10px;} .way .way_area li+li:before{content:url(/event/img/kicon_2017/way_arrow.png);margin:0 20px;position:absolute;left:-57px;top:50%;margin-top:16px;z-index:1010;} .schedule{background:#2a2a2a url(/event/img/kicon_2017/schedule_bg.png)no-repeat 50% 0%;padding:5vw 0;} .schedule h1{font-size:3em;color:#c99732;background:#2a2a2a;padding:0.5vw 0;font-weight:400;} .schedule .schedule_area{width:50%;margin-top:30px;} .schedule .schedule_area table{width:100%;border-collapse:collapse;} .schedule .schedule_area table td{border:1px #c99732;border-style:solid none;font-size:1.7em;color:#fff;padding:20px;text-align:left;} .schedule .schedule_area table td span.double{display:inline-block;padding:11px 0;text-align:left;} .schedule .schedule_area table td:first-child{width:50px;text-align:right;background:rgba(255,255,255,.07);padding:0; } .schedule .schedule_area table td:nth-child(2){width:26%;color:#c99732;border-right:1px solid #c99732;background:rgba(255,255,255,.07);} .evalu{background:#f2f2f2;padding:5vw 0;} .evalu h1{font-size:3em;color:#333333;font-weight:400;} .evalu .evalu_area{width:100%;} .evalu .evalu_area li{width:49.3333%;} .evalu .evalu_area li .ev_tit{background:#000; font-size:1.5em; color:#fff;padding:1vw 0;} .evalu .evalu_area li .ev_con{padding:1.5vw 2vw ; background:#fff; height:102px;} .evalu .evalu_area li .ev_con .ev_con_area{border:2px solid #000; width:40%; padding:1vw 0.5vw; float:left; } .evalu .evalu_area li .ev_con .ev_con_area h3{font-size:1.5em; font-weight:400;} .evalu .evalu_area li .ev_con .ev_con_area p{font-family: Roboto; font-weight: bold; font-size:2.8em; margin-top:5px;} .evalu .evalu_area li .ev_con .ev_plus{font-size:2.1em; float:left;/* margin:2vw 0.6vw 0;*/} .evalu .evalu_area li .ev_con .ev_con_area_1{line-height:80px;font-size:1.5em; font-weight:400;} .evalu .evalu_area li .ev_con .ev_con_area_1 .perc{font-family: Roboto; font-weight: bold; font-size:2.1em; margin-top:5px; color:#c7a462;position:relative; top:7px;} .btn{display: inline-block; line-height: 1.42857143; text-align: center; white-space: nowrap; vertical-align: middle; touch-action: manipulation; cursor: pointer; user-select: none; background-image: none; border-radius: 4px; box-shadow: 0px 0px #ededed; } .btn_appred{text-decoration: none; padding: 7px 21px 7px; font-size: 15px; font-weight: bold; color: #FFF; background-color: #000000; margin-bottom:10px;} .btn-success{font-size: 16px; font-family:'Ionicons';} .award{padding:5vw 0;} .award h1{font-size:3em; color:#333333; font-weight:400;} .award table{width:100%; margin-top:1vw;} .award table th{background:#c83f2e; padding:1vw; font-size:1.4em; color:#fff; border:1px solid #cd6e62; font-weight:400;} .award table td{font-size:1.4em; padding:1vw; font-weight:400; border:1px solid #d9d9d9;line-height:1.4em;} .poin_tt{color:#c83f2e;} .award .tax{font-size:1em;margin-top:0.7vw;color:#aaa;text-align:right;} .part{} .part_area{display:inline-block;text-align:center;margin:0 auto;} .part_area li{width:28%;float:left;color:#fff;padding:20px 30px;text-align:left;} .part_area li:nth-child(2){border:1px solid #575553;border-style:none solid} .part_area li h4{font-size:2.1em;color:#c99732; margin-bottom:10px;text-align:center;} .part_area li ul.conts li{width:100%;font-size:16px;border:none!important;padding:5px 0;} .part_area li ul.conts li:before{content:"\2713";padding-right:7px;} .part_area li ul.benefit{width:100%;} .part_area li ul.benefit li{float:left;width:47%;margin:0 1.2%;background:#fff;border-radius:5px;padding:20px 0;color:#000;font-size:16px;text-align:center;font-weight:700;} .part_area li ul.benefit li p{color:#c99732;font-weight:900;font-size:17px;margin-top:10px;} .poster{padding:5vw 0;} .q_a{background:#f2f2f2;padding:5vw 0;} .q_a h1{font-size:3em; color:#333333; font-weight:400;} .q_a .qa_area{width:100%;margin-top:20px;border:1px #a6a6a6;border-style:solid none;} .q_a .qa_area h1{font-size:18px;font-weight:400px;} .drawer, .accordion-item{border:none;border-radius:0;} .accordion-header, .accordion-content{border:1px #d9d9d9;border-style:none none solid;} .accordion-item-active .accordion-header{background:#c7a462;} .accordion-content{text-align:left;font-size:17px;padding:18px 30px 18px 40px;} .accordion-content:before{content:"A. ";margin-left:-19px;} .accordion-header-icon{position:relative;top:4px;font-size:0;width:18px;height:11px;background:url(/event/img/kicon_2017/icon_q_a.png) no-repeat;} .accordion-header-icon.accordion-header-icon-active{ background:url(/event/img/kicon_2017/icon_q_a_01.png) no-repeat; -webkit-transform: rotate(0deg); -ms-transform: rotate(0deg); transform: rotate(0deg); } .footer{background:url(/event/img/kicon_2017/countdown_bg.png) ; padding:1.2vw 0 1.2vw; } #bxcon{background:none;padding:0; text-align:center; float:left;} .book_wrap{width:503px; height:75px;} .book_wrap .bx-wrapper{margin:0 auto 0px;} .book_wrap .bx-wrapper .bx-viewport {-moz-box-shadow: none;-webkit-box-shadow:none;box-shadow: none; border: 0; left: -5px;background: #fff;} .bx-wrapper .bx-pager.bx-default-pager a{background:rgba(0,0,0,.30);margin: 0 3px;} .bx-wrapper .bx-pager.bx-default-pager a.active{background:#fff;width:24px;} .bx-wrapper .bx-controls-direction a{display:none;} .bx-wrapper .bx-prev{left:-15vw;background:url(../images/pager_prev1.png) no-repeat 0 0;background-size:cover;} .bx-wrapper .bx-next{right:-15vw;background:url(../images/pager_next1.png) no-repeat 0 0;background-size:cover;} .bx-wrapper .bx-next:hover{background-position:0 0;} .bx-wrapper .bx-pager{display:none;} .footer .footer_text{color:#929194; font-size:1.5em; text-align:left; line-height:1.6em; float:left; margin-top:10px;} .footer .footer_sss{float:right;margin-top:23px; } .footer .messenger{margin-left:20px;} .footer .person img{height:36px!important;} .footer .messenger li{float: left; } .footer .messenger li a{width: 36px; height: 36px; background: url(/event/img/kicon_2017/messenger.png) no-repeat 0 0; display: inline-block; margin-left: 5px;} .footer .messenger li a:hover{background-position: 0px -42px;} .footer .messenger li a.facebook{background-position: -41px 0px;} .footer .messenger li a.facebook:hover{background-position: -41px -42px;} .footer .messenger li a.kakao{background-position: -81px 0px;} .footer .messenger li a.kakao:hover{background-position: -81px -42px;} .footer .messenger li a.link{background-position: -124px 0px;} .footer .messenger li a.link:hover{background-position: -124px -42px;} #dialog-background {display:none;position:fixed;top:0;left:0;width:100%;height:100%;background:rgba(0,0,0,.6);z-index:2000;} #evalu_popup{display:none;position:fixed;left:calc(50% - 430px);width:860px;height:500px;background:#fff;z-index:2010;padding:30px;} #evalu_popup2{display:none;position:fixed;left:calc(50% - 430px);top:calc(50% - 250px);width:860px;height:;background:#fff;z-index:2010;padding:30px;} .evalu_popup_1{background:#fff;width:100%;} .evalu_popup_1 h1{margin:10px 0;} .evalu_popup_1 table{width:100%;} .evalu_popup_1 table th{background:#000; padding:15px; font-size:1.4em; color:#fff; font-weight:400;} .evalu_popup_1 table td{background:#fff; padding:15px; font-size:16px; color:#000; border:1px solid #d9d9d9; font-weight:400; text-align:left;line-height:25px;} .sdsd{background:#c83f2e !important; border:0!important;} .pop_close{position:absolute;top:20px;right:20px;cursor:pointer;} .poster_sss{background:#f2f2f2;} .commentto {padding:50px 0 0;} .commentto .comform{padding-top:20px;} .commentto .comform h3{text-align:left; margin-bottom:5px; font-size:20px; /*color:#c83f2e;*/} .commentto .comform .sdsdfff{width:100%; overflow:hidden; box-sizing: border-box;} .commentto .comform .sdsdfff textarea{ float:left; border:1px solid #d9d9d9; padding:15px; height:94px; width:87%; font-size:14px; color:#808080; overflow:auto;box-sizing:border-box;} .commentto .comform .sdsdfff .combtn { border-radius:0; float:left;color:#FFF; text-decoration:none; padding:0;font-size:14px; font-family:'Dotum';color:#FFF; background-color:#c83f2e; width:10%; line-height:94px; height:94px;} .commentto .comment{ margin-top:50px; text-align:left;} .commentto .comment p{ padding-bottom:10px; border-bottom:1px solid #808080; font-size:14px; font-family:'Dotum';} .commentto .comment .text li{ padding:20px 5px 13px 0; border-bottom:1px solid #d9d9d9;} .commentto .comment .text li .comform1{ width:100%; } .commentto .comment .text li .name{ font-weight:bold; font-size:12px; font-family:'Dotum';} .commentto .comment .text li .writ{ color:#666666; font-size:12px; font-family:'Dotum'; margin-top:10px; line-height:20px;} .commentto .comment .text li .time{ margin-left:15px; position:relative; top:1px; font-size:11px; color:#b2b2b2; vertical-align:middle; font-weight:normal;} .commentto .point_50p{font-size:15px;font-weight:normal;} .paging{position:relative;text-align:center; margin:50px 0 70px;} .paging .box{display:block;border:1px solid #CCC; padding:12px 0 10px;text-align:center;width:10%;text-decoration:none;} .paging a.box{ color:#030303;} .paging .box:hover{border-color:#ec200c;text-decoration:none; color:#ec200c;} .paging ul{color:#c4c4c4;display:inline-block;margin:10px auto;} .paging li{font-family: Verdana, Geneva, sans-serif; font-size:12px; text-align:center; margin-left:10px; float:left;} .paging li.box{width:40%;} .paging li:first-child{ margin-left:0px;} .paging li a{ color:#030303; text-decoration:none;} .paging li a:hover{text-decoration:underline; color:#ec200c;} .paging li a.active{color:#ec200c; } .song_vote_event .toptop{ overflow:hidden; background:#ffd200 ;} .song_vote_event .song_vote{background:#ffd200 url(https://www.kidkids.net/event/img/kicon_2017/song_vote_bg.png)no-repeat 50% 0%;overflow:hidden; padding-bottom:3vw;} .song_vote .song_vote_top{background-color:rgba(255, 255, 255, 0.2); height:50px; line-height:50px;} .song_vote .song_vote_top .song_vote_top_gnb{ width: calc(100% - 118px); display:inline-block;} .song_vote .song_vote_top .song_vote_top_gnb li{float:left; width:25%; background: url(https://www.kidkids.net/event/img/kicon_2017/gnb_line.png)no-repeat 0% 50%;} .song_vote .song_vote_top .song_vote_top_gnb li:first-child{background:none;} .song_vote .song_vote_top .song_vote_top_gnb li a{color:#fff; text-decoration:none; font-size:18px;} .song_vote .song_vote_top .song_vote_top_gnb li a:hover, .gnb_area #gnb .gnb_ul li a.active{color:#5ecffe;} .song_vote_event .header_logo{margin-left:15px; } .song_vote_event .vote_concert{float:right; margin-right:20px; margin-top:20px; } .song_vote_event .vote_concert a{ color:#fff; text-decoration:none;font-size:18px; font-family:Roboto;} .song_vote_event .song_vote .song_vote_area h1{margin-top:4vw;} .song_vote_event .song_vote .song_vote_area .song_vote_list{margin-top:50px;} .song_vote_event h2{font-size:28px; font-weight:normal; text-align:left; } .song_vote_event p{font-size:20px; font-weight:normal; text-align:left; margin-top:10px; } .song_vote_event .song_vote .song_vote_area .song_vote_list .vote_list_area{margin-top:0.2vw; margin-left:-5px; background:url(https://www.kidkids.net/event/img/kicon_2017/teepahapa.png)no-repeat 96% 100%;} .song_vote_event .song_vote .song_vote_area .song_vote_list .vote_list_area li{width:283px; margin:5px; float:left; background:#fff; overflow:hidden;} .song_vote_event .song_vote .song_vote_area .song_vote_list .vote_list_area li .vote_tb_img{width:100%; height:179px; overflow:hidden;} .song_vote_event .song_vote .song_vote_area .song_vote_list .vote_list_area li .vote_list_text{padding:15px;} .song_vote_event .song_vote .song_vote_area .song_vote_list .vote_list_area li .vote_list_text h3{font-size:18px; text-align:center; font-weight:normal; margin-bottom:10px;} .btn_vote_go a{width:100%; height:50px; display:block; background:#1e1e1e; color:#fff; font-size:20px; font-weight:normal; line-height:50px; border-radius:5px; text-decoration:none;} .btn_vote_go a img{margin-right:5px; position:relative; top:-1px;} .btn_vote_go a:hover, .btn_vote_go a.active{background:#ff5a00;} .btn_vote_go a.none{background:#939393;} .btn_vote_go_1{margin-top:5px;} .song_vote_ing{background:#ff5a00; padding:5vw 0;} .song_vote_ing h2{color:#fff;} .song_vote_ing .ing_number{font-size:21px!important;} .song_vote_ing .vote_ing{width:1170px; background: url(https://www.kidkids.net/event/img/kicon_2017/vote_ing_bg.png); height:400px; margin-top:10px;} .song_vote_ing .vote_ing .vote_ing_area{padding:5px;} .song_vote_ing .vote_ing .vote_ing_area li{float:left; width:104px; border:1px solid #f16c26; margin: 5px; background: #ff5a00;height:380px; overflow:hidden; position:relative;} .song_vote_ing .vote_ing .vote_ing_area li .ranking{font-family:Roboto;font-weight:bold; font-size:45px; margin-top:25px; color:#ffa16d; font-style:italic ;} .song_vote_ing .vote_ing .vote_ing_area li p{color:#fff; font-size:18px; font-family:Roboto; margin-top:11px; text-align:center;} .song_vote_ing .vote_ing .vote_ing_area li .percent_1{background:#ffd200; height:60%; position:absolute; bottom:0; left:0; width:100%;} .song_vote_ing .vote_ing .vote_ing_area li .percent_2{background:#ff9c66; height:30%; } .song_vote_ing .vote_ing .vote_ing_area li .name{position:absolute; bottom:0; left:0; background:#131419;width:100%; color:#fff;padding:10px 0; font-size:15px;} .song_vote_ing .vote_ing .vote_ing_area li .ranking_img{position:absolute; bottom:35px; left:0; } #lean_overlay {position: fixed; z-index:500; top: 0px; left: 0px; height:100%; width:100%; background: #000;display: none;} .modal{display:none;} .mov_popup_area{ position:relative; width:840px; background:#fff; height:570px; border-radius:10px;padding:30px;} .mov_popup_area h4{font-size:30px;font-weight:normal; text-align:left; margin:10px 0;} .mov_popup_area .movarea{width:840px; height:522px; background:#1e1e1e;} .mov_popup_area .movarea_v{width:840px; height:470px;} .mov_popup_ttee{} .mov_popup_area .pop_close{position:absolute; top:40px; right:30px;} .more_song_top{background:#202020;height:140px;} .more_song_top .radio{background: url(https://www.kidkids.net/event/img/kicon_2017/radio.png) no-repeat 50% 0; width:1170px; height:131px; position:relative; top:20px;z-index:2000;overflow:hidden;} .more_song_top .radio .tit_song{width:368px;height:50px;margin:25px auto 0;background: url(https://www.kidkids.net/eduinfo_new/images/teepa_song/eq_ani.gif) repeat-x 50% 50%;} .more_song_top .radio .tit_song p{color:#ff5a00;font-size:20px;line-height:50px;font-weight:normal;text-align:center;} /*.more_song_top .radio .tit_song{position:absolute; top:25px; left:404px;background: url(https://www.kidkids.net/event/img/kicon_2017/radio_tit.png); width:372px; height:50px;overflow:hidden; margin:0 auto; text-align:center;} .more_song_top .radio .tit_song_equ{position:absolute; top:10px; left:7px; background: url(https://www.kidkids.net/eduinfo_new/images/teepa_song/eq_ani.gif); width:97%; height:30px; } .more_song_top .radio .tit_song_name{position:absolute; top:15px; color:#ff5a00; font-size:20px; font-weight:normal; text-align:center;z-index:2100; margin:0 auto; display:block;} .more_song_top .play_btn{ }*/ .more_song_top .play_btn a{ width:88px; height:54px; position:absolute; top:82px; left:531px; background: url(https://www.kidkids.net/event/img/kicon_2017/btn_play.png); display:inline-block;z-index:2100;} .more_song_top .play_btn a:hover, .more_song_top .play_btn a.active{background-position:0px 54px} .more_song{background:#f2f2f2; padding:5vw 0;} .more_song .more_list{margin:5px -5px;} .more_song .more_list li{margin:5px;float:left;width:580px;} .more_song .more_list li a{padding:13px;border:1px solid #d9d9d9;color:#000;display:block;background:#fff;} .more_song .more_list li a:hover{border:1px solid #ff5a00; color:#ff5a00; } .more_song .more_list li .thumb{width:44px; height:44px; background:#ff5a00; line-height:44px; margin-right:13px; } /*.more_song .more_list li .thumb_2{background:#1e1e1e;}*/ .more_song .more_list li:nth-child(4n) .thumb, .more_song .more_list li:nth-child(4n+1) .thumb{background:#1e1e1e;} .more_song .more_list li .thumb img{margin-left:-3px; } .more_song .more_list li p{font-size:20px; font-weight:normal; margin-top:13px; } .more_song .more_list li .play{width:38px;height:38px;background:url(https://www.kidkids.net/event/img/kicon_2017/play.png); margin-top:3px;} .more_song .more_list li a:hover .play{background-position:0px 38px;} .more_song .more_list li .btn_playing{width:38px;height:38px;background:url(https://www.kidkids.net/event/img/kicon_2017/play.png)38px 0; margin-top:3px;} .more_song .more_list li a:hover .btn_playing{background-position:38px 38px;} /*.more_song .more_list li .play:hover{background-position:0px 38px;}*/ .btn_more_song{text-decoration: none; padding: 7px 21px 7px; font-size: 15px; font-weight: bold; color: #FFF; background-color: #000000;} .marig0{margin-right:0!important;} .vote_guide{background:#fff; padding:3vw 0;} .vote_guide_area{margin:0 auto; text-align:center; border-bottom:1px solid #d9d9d9; padding-bottom:30px;} .vote_guide_wrap{display:inline-block;} .vote_guide .vote_guide_area .vote_guide_tit{font-size:22px;color:#8a8a8a;float:left;margin-top:35px;} .vote_guide .vote_guide_area .vote_guide_text{font-size:17px; color:#666666; float:left; text-align:left; margin-left:40px;line-height:25px;} .vote_guide .vote_guide_area .vote_guide_text li:before{content:"- ";} .vote_guide .vote_guide_area .btn_inform{text-decoration: none; padding: 3px 9px 4px; font-size: 13px; font-weight:normal; color: #FFF; background-color: #000000;} .btn_img_aa { margin-left: 7px; position: relative;top: 2px; } .vote_bot_btn{ display:inline-block; margin:50px auto 0; text-align:center;} .vote_bot_btn li{float:left;margin:5px;} .vote_bot_btn li .v_bot_btn {text-decoration: none; padding: 20px 70px; font-size: 24px; font-weight: bold; color: #FFF; background-color: #ff5a00; border-radius:50px;} .fr_vote_event{background:#ffd800 url(https://www.kidkids.net/event/img/kicon_2017/vote_event_bg.png)no-repeat 50% 0%; padding:90px 0 60px; margin:0 auto; text-align:center;} .fr_vote_event p{font-size:20px; margin-top:10px;} .fr_vote_event .fr_vote_event_ul{margin:45px auto 0; text-align:center; display:inline-block;} .fr_vote_event .fr_vote_event_ul li{float:left; margin: 5px;} .fr_vote_event .fr_vote_event_btn{margin-top:30px; } .fr_vote_event .fr_vote_event_btn .vote_event_btn{text-decoration: none; padding: 20px 70px; font-size: 24px; font-weight: bold; color: #FFF; background-color: #ff5a00; border-radius:10px;} .fr_vote_event .btn_img_ab{margin-left: 7px; position: relative;top: 0px; } .vote_concert_ban{position:fixed; top:80px; z-index:9999; right:3%;} .vote_concert_ban2{position:fixed; top:235px; z-index:9999; right:3%;} .qwertr{font-size:30px!important; text-align:center!important; letter-spacing:-1px;} /*온라인 접수 및 투표*/ .rece_top{background: url(https://www.kidkids.net/event/img/kicon_2017/rece_top.png); height:50px; padding-top:15px; line-height:40px; text-align:center; margin:0 auto;} .receipt_header{background:#000 url(https://www.kidkids.net/event/images/family_festival/bg.gif) no-repeat 50% 0%; padding:0; padding-bottom:50px; } .gnb_area{ width: calc(100% - 600px); display:inline-block; } .gnb_area #gnb .gnb_ul li{float:left; width:20%; background: url(https://www.kidkids.net/event/img/kicon_2017/gnb_line.png)no-repeat 0% 50%;} .gnb_area #gnb .gnb_ul li.sdsdsdsd{width:20%;} .gnb_area #gnb .gnb_ul li.sdsdsdsd.finalstep{width:13.666666%;} .gnb_area #gnb .gnb_ul li:first-child{background:none;} .gnb_area #gnb .gnb_ul li a{color:#fff; text-decoration:none; font-size:17px;} .gnb_area #gnb .gnb_ul li a:hover, .gnb_area #gnb .gnb_ul li a.active{color:#5ecffe;} .gnb_area #gnb .gnb_ul li a:hover, .gnb_area #gnb .gnb_ul li a.act_glod{color:#dca73a!important;} .gnb_area #gnb .gnb_ul li.vote_hover a:hover, .gnb_area #gnb .gnb_ul li.vote_hover a.active{color:#ffd200!important;} .gnb_area #gnb .gnb_ul li.kicongnb a:hover, .gnb_area #gnb .gnb_ul li.kicongnb a.active{color:#dca73a!important;} .rece_intro{margin:90px auto 0; text-align:center;} .rece_intro .rece_logo{text-align:center; margin:0 auto; } .rece_intro .rece_go_box{ position:relative; width:926px; height:418px;background:url(https://www.kidkids.net/event/img/kicon_2017/rece_go_box.png); margin:20px auto; text-align:center; overflow:hidden;} .rece_intro .rece_go_btn{text-decoration: none; padding: 20px 120px; font-size: 20px; font-weight: bold; color: #fff; background-color: #6f55ff; border-radius:5px;} .rece_intro .rece_go_btn a{color:#fff;} .rece_intro .rece_go_btne{text-decoration: none; font-size: 20px; font-weight: bold; color: #fff; background-color: #4f4f4f; border-radius:5px;} .reccol_02{color:#bc2af4;} .rece_go_popup_cl{width:755px; background:#f5f6f7; margin:0px auto; text-align:center; position:relative; padding:50px 35px;} .rece_go_popup_cl .close{position: absolute; top:15px; right:15px;} .rece_go_popup_cl h1{font-size:35px; font-weight:normal;} .rece_go_popup_cl .box_area{width:100% ; margin-top:10px; font-family: 'Dotum'; font-size:14px;} .rece_go_popup_cl .box_50{ color:#999999; width:355px; float:left; font-size:14px; border:1px solid #d9d9d9;margin:5px;padding-left:10px; text-align:left;background:#fff; line-height:40px;} .rece_go_popup_cl .box_100{width:732px; } .rece_go_popup_cl .box_50 p{width:75px;font-family: 'Dotum'; font-size:14px;color:#999999; } .rece_go_popup_cl .box_50 input[type="text"]{width:250px; border:0; height:32px; font-size:14px; font-family: 'Dotum'; text-align:left; color:#999999; padding-left:10px; } .rece_go_popup_cl .box_100 input[type="text"]{width:620px; border:0; height:32px; font-size:14px; font-family: 'Dotum'; text-align:left; color:#000; font-weight:bold; padding-left:10px; } .rece_go_popup_cl select::-ms-expand { display: none; /*익플 10,11이상. 화살표 감추기*/ } .rece_go_popup_cl select {width: 265px; display:block; height:42px; font-family: 'Dotum'; font-size:14px;font-weight:700; padding: 7px 27px 6px 7px; color: #000; border: none; border-radius: 0;text-align:right; background:#fff url(https://static.nid.naver.com/images/join/pc/sel_arr.gif) 100% 50% no-repeat; -webkit-appearance:none;/*select 내부 스타일 제거 (화살표 제거)*/ -moz-appearance:none; -o-appearance:none; appearance:none; direction:rtl; } .filebox label { display: inline-block; padding: .5em .75em; color: #FFF; font-size: 12px; line-height: normal; vertical-align: middle; background-color: #000; cursor: pointer; text-align:right; } .filebox input[type="file"] { /* 파일 필드 숨기기 */ position: absolute; width: 1px; height: 1px; padding: 0; margin: -1px; overflow: hidden; clip:rect(0,0,0,0); border: 0; } .rece_go_popup_cl textarea{width:700px; border:0; height:50px; font-family: 'Dotum'; font-size:14px; color:#999999;} .rece_go_popup_cl .infor_c{font-size:12px; text-align:left; margin:-8px 0 10px 2px; font-family: 'Dotum';} .rece_go_popup_cl .infor_c input[type="checkbox"]{width:20px; height:20px; position:relative; top:4px; } .rece_go_popup_cl .rece_go_text_area{text-align:left; width:722px; background:#ededed;text-align:left; border:1px solid #d9d9d9; padding:10px;font-family: 'Dotum'; color:#000; display:inline-block;} .rece_go_popup_cl .rece_go_text{font-size:12px; color:#666666;text-align:left; line-height:20px;} .rece_go_popup_cl .rece_go_text_area .copyright{font-size:12px; font-weight:bold; margin-bottom:5px;} .rece_go_popup_cl .rece_go_text_area .copyul li:before{content:none;} .rece_go_popup_cl .rece_go_text li:before{content:"- ";} .rece_go_popup_btn{padding:15px 100px; margin-top:20px; text-decoration: none; font-size: 20px; font-weight: bold; color: #fff; background-color: #6f55ff; border-radius:5px;} .rece_go_popup_btne{padding:15px 100px; margin-top:20px; text-decoration: none; font-size: 20px; font-weight: bold; color: #fff; background-color: #4f4f4f; border-radius:5px;} .rece_go_popup_btn a{text-decoration:none;} .receipt_btn{margin:0 auto;} .receipt_btn ul{display:inline-block;} .receipt_btn li{float:left; width:319px;} .receipt_btn li a{color:#fff;} .4f4f4f{background-color:#4f4f4f!important;} .rece_intro .rece_go_box a{text-decoration:none;} .rece_intro .rece_go_box h2{color:#6f55ff; margin-top:70px; font-size:45px; margin-bottom:3px; letter-spacing:-1px;} .ssssssss{position:absolute; top:35px; left:50px;} .rece_intro .rece_go_box h3{color:#fff; font-size:23px; margin-bottom:5px; font-weight:normal;} .rece_intro .rece_go_box p{color:#fff; font-size:18px; margin-top:10px;} .h1tit{font-size: 3em; color: #333333; font-weight: 400;} .online_vote{padding:5% 0 1%;} .online_vote p{font-size:23px;font-weight:normal; margin-top:10px; } .online_vote .onlinebtn_area{margin-top:1.5%;} .online_vote .onlinebtn_area .leftbtn{float:left;} .online_vote .onlinebtn_area li{float:left; box-sizing: border-box;} .online_vote .onlinebtn_area li a.onlinebtn{font-size:14px; border:1px solid #000; padding:10px 25px;text-decoration: none;color: #000;border-radius:0px;} .online_vote .onlinebtn_area li a.onlinebtn:hover{ background:#000; color:#fff;} .online_vote .onlinebtn_area li a.active{ background:#000; color:#fff;} .online_vote .onlinebtn_area li a.myvodlook{background:#6d59ff; border-radius:4px; border:1px solid #6d59ff; color:#fff;} .online_vote .onlinebtn_area li a.myvodlook:hover{ border:1px solid #000;} .online_vote .onlinebtn_area li a.myvodsea{background:#bc2af4; border:1px solid #bc2af4 } .online_vote .onlinebtn_area .rightbtn{float:right; margin-right:10px;} .online_vote .onlinebtn_area .mybtn{border:1px solid #44169b; background-color:#6f25fe; color:#fff;font-size:14px; padding:10px 25px;text-decoration: none;border-radius:0px; margin-left:3px;} .marginr5{margin-right:5px;} .online_vote .vote_list_area{margin-top:0.2vw; margin-left:-5px; text-align:left;} .online_vote .vote_list_area li{width:283px; margin:5px; padding:0 0 10px 0; float:left; background:#fff; overflow:hidden; position:relative; border:1px solid #d9d9d9;box-sizing: border-box;} .online_vote .vote_list_area li .vote_tb_img{width:283px; height:210px; overflow:hidden; background:#cccccc; display:table;height:210px;} .online_vote .vote_list_area li .vote_tb_img>a{display:table-cell;vertical-align:middle; max-width:283px; height:210px;} .online_vote .vote_list_area li .vote_list_text{padding:10px 15px; } .online_vote .vote_list_area li .vote_list_text .vod_tit{border-bottom:1px solid #e6e6e6; padding-bottom:10px; position:relative; margin-bottom:10px;} .online_vote .vote_list_area li .vote_list_text .vod_tit h4{font-size:18px;font-weight:normal;} .online_vote .vote_list_area li .vote_list_text .vod_tit p{font-size:14px;font-weight:normal; color:#808080; margin-top:5px;} .online_vote .vote_list_area li .messenger_p{position:absolute; bottom:10px;right:0px;} .online_vote .vote_list_area li .messenger_p a.org_col{color:#ff6c00!important;} .online_vote .vote_list_area li .messenger_p a{ color:#7120fb!important; } .online_vote .vote_list_area li .messenger_p img{ margin:-3px 3px 0 0; } .online_vote .vote_list_area li .votee{width:100%;} .online_vote .vote_list_area li .good{ width:35%;float:left; font-family:Roboto;font-weight:bold; font-size:20px; margin-top:15px;} .online_vote .vote_list_area li .good img{margin-right:4px; margin-top:-2px;} .online_vote .vote_list_area li .goodbtn{width:60%;} .online_vote .vote_list_area li .onlinebtn_vote{ background:#000; border-radius:5px; color: #FFF;font-size: 20px; font-weight: normal; text-decoration: none; width:100%; padding: 10px 0px;} .online_vote .vote_list_area li .onlinebtn_vote:hover{ background:#734fff;} .online_vote .vote_list_area li .onlinebtn_vote2:hover{ background:#ff6c00;} .search_none{width:99%; border:1px solid #d9d9d9; font-size:20px; padding:20px 0; margin-top:10px;} .rec_ranking_pc{background:#1f1f1f url(https://www.kidkids.net/event/img/kicon_2017/rec_ranking_bg.png) no-repeat 50% 0%; height:65px;} .rec_ranking{background:#1f1f1f; padding:3% 0 5%; } .rec_ranking .rank_area{margin-top:20px;} .rec_ranking .rank_area li{margin:5px; width:535px; background:#151009; padding:20px; position:relative; float:left;} .rec_ranking .rank_area li .rank_vod{width:190px; height:143px; float:left; margin-right:20px; background:#cccccc; display:table; } .rec_ranking .rank_area li .rank_vod>a{display:table-cell;vertical-align:middle; max-width:190px; height:143px;} .rec_ranking .rank_area li .rank_text{float:left; text-align:left; margin-top:10px;} .rec_ranking .rank_area li .rank_text h3{font-size:23px; color:#fff; font-weight:normal; } .rec_ranking .rank_area li .rank_text p{font-size:14px; color:#999999; font-weight:normal; margin-top:8px; } .good_rank{vertical-align:bottom; position:absolute; bottom:30px;font-family: Roboto; font-weight: bold; font-size: 20px; color:#fff;} .good_rank img{margin-right:5px;} .rec_ranking .rank_area li .no1{position:absolute; top:0; right:0;} .rec_ranking .ex{font-size:18px;font-weight:normal; color:#fff; margin-top:10px; text-align:left;} .rank_count{background:#3b337a;} .rank_combtn{background-color:#a126ce !important;} .rank_schedule{background:#6d59ff/* url(https://www.kidkids.net/event/img/kicon_2017/rank_schedule_bg.png) no-repeat 50% 0%*/;} .rank_schedule h1{ color: #fff; background: #6d59ff;} .rank_schedule .rank_tab{ background:#6d59ff; } .schedule .schedule_area .rank_tab td{border: 1px #fff!important; border-style: solid none!important;} .schedule .schedule_area .rank_tab td:first-child{background:#6448fd; } .schedule .schedule_area .rank_tab td:nth-child(2){color:#fff; background:#6448fd; border-right: 1px solid #fff!important;} .popup_receipt_c1{width:412px; border:#734fff solid 8px; background:#151009; position:relative; padding-bottom:30px; text-align:center;} .popup_receipt_c1 .imgggg{position:absolute; top:-25px; left:45%;} .popup_receipt_c1 h2{font-size:23px; color:#fff; margin-top:50px; margin-bottom:8px; line-height:28px;} .popup_receipt_c1 p{font-size:18px; color:#fff; margin-bottom:25px; line-height:23px; margin-top:0;} .popup_rec_btn{ text-decoration: none; padding: 10px 40px; font-size:15px; font-weight: bold; color: #FFF; background-color: #6f55ff; border-radius: 5px;} .cancel_btn{background:#49424c;} .bc2af4{color:#bc2af4;} .popup_receipt_c1 .close{position:absolute; top:10px; right:10px;} .infor_c_popup_c1{background:#fff; width:464px; /*height:167px;*/ padding:20px; border:1px solid #000;} .infor_c_popup_c1 .close{position:absolute; top:10px; right:15px;} .infor_c_popup_c1 p{font-family: 'Dotum'; font-size:12px; text-align:left; font-weight:bold; line-height:18px;} .infor_c_popup_c1 li{font-family: 'Dotum'; line-height:18px;} .infor_c_popup_c1 li:before{content:"- "; } .mov_popup_c1{width:895px; height:px; border:#734fff solid 8px; background:#fff; text-align:center; position:relative; } .mov_popup_c1 .vod{width:840px; height:473px;text-align:center;margin:0 auto; margin-top:30px; margin-bottom:30px;} .mov_popup_c1 .text_area_bg{background:#000000; padding:30px; text-align:left; } .mov_popup_c1 .text_area{float:left; } .mov_popup_c1 li h1{font-size:25px; color:#fff;} .mov_popup_c1 li p{font-size:18px; color:#999999; margin-top:10px;} .mov_popup_c1 .good{font-family: Roboto; font-weight: bold; font-size: 20px; color: #fff; margin-top:15px; margin-right:13px;} .mov_popup_c1 .good img{margin-right:4px;} .mov_popup_btn {background: #734fff; border-radius: 5px; color: #FFF; font-size: 20px; font-weight: normal; text-decoration: none; padding: 10px 45px;} .mov_popup_ttee{color:#fff; font-size:15px; font-weight:normal; margin-top:20px; line-height:23px;} .mov_popup_c1 .close{position:absolute; top:-8px; right:-8px;} .popupvote_asf{float:right;} .popupvote_dd{float:left;} .popupvote_aa{float:left;} .mess_popup_cl{background:#f2f2f2; padding: 25px 15px; border:1px solid #b2b2b2; width:246px; text-align:center; font-size:15px;text-align: center; margin:0 auto; } .mess_popup_cl .messenger{display:inline-block; text-align: center; margin:15px auto 0; } .mess_popup_cl .close{position:absolute; top:10px; right:10px;} .my_mov_popup_cl{background:#000;} .my_mov_popup_cl h2{font-size: 35px; font-weight: normal; color:#fff; margin-top:50px;} .my_mov_popup_cl .my_vod_area{-ms-overflow-style: none;overflow:scroll; height:500px;} .my_mov_popup_cl .my_vod_area::-webkit-scrollbar {display:none;} .my_mov_popup_cl .my_vod{border:1px solid #49424c; margin:20px 40px ; padding:20px; position:relative; text-align:left; } .my_mov_popup_cl .my_vod .vote_tb_img{width:253px; float:left; margin-right:20px; height:180px; background:#cccccc; display:table;} .my_mov_popup_cl .my_vod .vote_tb_img>a{display:table-cell;vertical-align:middle; max-width:253px; height:180px;} .my_mov_popup_cl .my_vod .my_text{width:460px;margin-top:10px; float:left; } .my_mov_popup_cl .my_vod .my_text h3{font-size:20px; color:#fff; font-weight: normal; margin-bottom:5px;} .my_mov_popup_cl .my_vod .my_text p{ font-size:14px; line-height:21px; color:#fff; margin-bottom:10px;} .my_mov_popup_cl .friend_go{float:right; position: absolute; bottom: 30px; right:30px;} .my_mov_popup_cl .my_close{position:absolute; top:0px; right:0px;} .marbott10{margin-bottom:10px;} .delete_popup{} .search_popup_cl{width:365px; background:#bc2af4;} .search_popup_cl .labeldiv{margin:15px; margin-left:20px;} .search_popup_cl label{float:left;} .search_popup_cl select::-ms-expand { display: none; /*익플 10,11이상. 화살표 감추기*/ } .search_popup_cl select {width: 65px; display:block; height:42px; font-family: 'Dotum'; font-size:14px;font-weight:700; padding: 7px 27px 6px 7px; color: #000; border: none; border-radius: 0;text-align:left; background:#fff url(https://static.nid.naver.com/images/join/pc/sel_arr.gif) 100% 50% no-repeat; -webkit-appearance:none;/*select 내부 스타일 제거 (화살표 제거)*/ -moz-appearance:none; -o-appearance:none; appearance:none; float:left; } .search_popup_cl input[type="text"]{width:240px; border:0; height:40px; font-size:14px; font-family: 'Dotum'; text-align:left; margin-left:5px; padding-left:10px; float:left;} .search_popup_cl .seabtn{padding:10px 20px; border-radius:0; background:#151009;} .signup_ing{font-size:20px; margin-top:20px;} /*관람신청 페이지*/ .ask_header{background:#000 url(https://www.kidkids.net/event/img/kicon_2017/ask_bg.png) no-repeat 50% -5%; padding:0; padding-bottom:320px; } .ask_intro{margin:70px auto 0; text-align:center;} .ask_intro h1{font-size:60px;font-family:'Nanum Myeongjo';font-weight:600; color:#fff; margin-top:3px; margin-bottom:10px;letter-spacing:-2px; } .ask_pointcol{color:#dca73a;} .ask_intro h4{font-size:19px; line-height:27px; text-align:center;color:#fff; font-weight:normal; margin-bottom:15px;} .ask_intro .day_time{width:470px;border-top:1px solid #dca73a; border-bottom:1px solid #dca73a; padding:10px;font-family:'Nanum Myeongjo'; color:#dca73a; font-size:23px; text-align:center; margin:0 auto;} .ask_intro p{color:#9c9c9c; margin-top:5px; margin-bottom:40px; font-size:16px;} .ask_intro .program{background-color:rgba(220, 167, 58, 0.2);display:inline-block; margin:0 auto; padding:25px 50px;} .ask_intro .program li{float:left; text-align:left; line-height:26px; font-size:18px;color:#fff; margin-left:30px; } .ask_intro .program li:first-child{margin-left:0;} .ask_way{background:#141414; padding:4% 0;} .ask_way .ask_way_box{text-align:center; margin:20px auto 0; } .ask_way li{width:233px; height:120px; overflow:hidden; border:3px #dca73a solid; position:relative; color:#fff; font-size:19px; text-align: center; vertical-align: middle; line-height:27px; float:left; padding:60px 0 0; overflow:hidden; } .ask_way li.qqqqqqqa{padding-top:40px; padding-bottom:22px;} .ask_way li .w_number{position:absolute; top:-3px; left:-2px; } .ask_way_arrow{margin:65px 10px 0;} .see_ask{background:#fff;padding:4% 0; box-sizing:border-box;} .see_ask .login{position: absolute; right:220px; top:5px; } .see_ask .login a{color:#fff;} .see_ask .login a:hover{color:#fff;} .see_ask .see_ask_area{position:relative;width:950px; border:1px solid #d9d9d9;border-top:1px #303030 solid; box-sizing: border-box; margin:20px auto 0;background:#fff;} .see_ask .see_ask_area .see_ask_area_ul{padding:20px;} .see_ask .see_ask_area .see_ask_ul_con{ margin: 5px; width:444px; float:left; background:#fff; color:#999999; text-align:left; font-size:16px; font-weight:normal; box-sizing:border-box;} .see_ask .see_ask_area .see_ask_ul_con2{width:100%;} .see_ask .see_ask_area input[type="text"]{width:444px; border:1px solid #d9d9d9; height:40px; font-size:14px; color:#999999;padding-left:10px;box-sizing:border-box;} .see_ask .see_ask_area input[type="tel"]{width:444px; border:1px solid #d9d9d9; height:40px; font-size:14px; color:#999999;padding-left:10px; box-sizing:border-box;} .see_ask .see_ask_area #con_100{width:878px; } .see_ask .see_ask_area .addmartop7{margin-top:5px;margin-right:5px;} .see_ask_area .see_asktab_tit{background:#f5f5f5; width:100%; font-size:16px; font-weight:bold; line-height:50px; padding-left:20px; text-align:left; box-sizing:border-box;} .see_ask .add_btn{padding: 12px 25px ; margin-left:5px; } .see_ask .see_ask_area .see_ask_area_ul a.add_btn:hover{color:#fff;} .see_ask a.ind_info_btn:hover{color:#fff;} .ind_info_box{margin:20px; text-align:left; width:950px; margin:20px auto 0;} .ind_info_box h4{color:#303030; font-size:16px; margin-bottom:5px;} .ind_inform{border:1px solid #d9d9d9; color:#808080; padding:20px 15px 8px;} .ind_inform .ind_inform_area{margin:10px; } .ind_inform h5{font-size:14px;margin-bottom:5px; margin-left:5px; font-size:} .ind_inform p{font-size:14px; line-height:25px;} .ind_inform p:before{content:"- ";} input[type="checkbox"] { width: 20px; height: 20px; position: relative; top: 5px;} .ind_info{font-size:14px;} .see_ask .ind_info_btn{padding: 20px 100px; background:#dca73a; margin-bottom:20px; } /*.see_ask .see_asktab{width:1170px; border:1px solid #d9d9d9; border-top:1px #303030 solid;border-bottom:0; margin-top:20px; box-sizing: border-box; overflow:hidden;} .see_ask .see_asktab th{width:100px; background:#f5f5f5; border-right:1px solid #d9d9d9; border-bottom:1px solid #d9d9d9; font-size:16px; font-weight:bold;} .see_ask .see_asktab td{background:#fff; color:#999999; text-align:left; font-size:16px; font-weight:normal; padding:20px 0 20px 10px; border-bottom:1px solid #d9d9d9;} .see_ask .see_asktab td.input{width:;} .see_ask .see_asktab td.tit{padding-left:20px; width:50px;} .see_ask .see_asktab td input[type="text"]{width:420px; border:1px solid #d9d9d9; height:40px; font-size:14px; color:#999999;padding-left:10px;} .see_ask .see_asktab td .add_btn{padding: 12px 25px ; margin-left:3px;} .see_ask .see_asktab td input[type="text"].add_inp{margin-left:7px; width:508px;} .see_ask .see_asktab td input[type="tel"]{width:120px; border:1px solid #d9d9d9; height:40px; font-size:14px; color:#999999;padding-left:10px;} .see_ask .see_asktab td h4{color:#303030; font-size:16px; margin-bottom:5px;} .see_ask .see_asktab td .ind_info_box{margin-left:10px; text-align:left; .see_ask .see_asktab td .ind_inform{width:1095px;border:1px solid #d9d9d9; padding:15px 0 15px 15px ; color:#808080; } .see_ask .see_asktab td .ind_inform h5{font-size:14px;margin-bottom:5px;} .see_ask .see_asktab td .ind_inform p{font-size:14px; line-height:25px;} .see_ask .see_asktab td .ind_inform p:before{content:"- ";} .see_ask .see_asktab td input[type="checkbox"] { width: 20px; height: 20px; position: relative; top: 5px;} .see_ask .see_asktab td .ind_info{font-size:14px;} .see_ask .see_asktab td .ind_info_btn{padding: 20px 100px; background:#dca73a; margin-bottom:20px; }*/ .popup_ask_cl{border-color:#dca73a;} .popup_ask_cl h2{font-size:26px; line-height:35px;} .popup_ask_cl p{font-size:16px;} .badca73a{background:#dca73a; padding: 10px 70px;} .ask_memo{background:#f5f5f5;padding:2% 0; } .ask_memo_area{text-align:center; margin:0 auto; display:inline-block;} .ask_memo h4{font-size:20px; float:left; margin-top:60px; margin-right:15px;} .ask_memo_ul{float:left;} .ask_memo_ul li{color:#808080; text-align:left; font-size:16px; line-height:28px;} .ask_memo_ul li:before{content:"-"; margin-right:3px;} .ask_map{background: url(https://www.kidkids.net/event/img/kicon_2017/islandresort.png) no-repeat 50% 0%;height:400px; } .ask_map iframe{width:100%; height:450px;} .ask_map .ask_map_area{background-color:rgba(0, 0, 0, 0.7); padding:50px 30px; position:absolute; top:100px; right:0; z-index:9999; color:#fff; text-align:left;} .ask_map .ask_map_area h2{font-size:30px; font-weight:normal; width:100%; border-bottom:1px solid #fff; padding-bottom:10px; color:#fff;} .ask_map .ask_map_area h4{font-size:20px;font-weight:normal; margin:20px 0 10px;color:#fff;} .ask_map .ask_map_area p{font-size:15px;font-weight:normal; margin:10px 0; line-height:23px;} .line_plus{border-bottom:1px solid #815e15; height:50px;} .mov_text{font-size:12px; text-align:left; margin-left:5px; margin-top:10px;} .add_text_new{font-size:15px; margin-top:3px; color:#999; line-height:18px;} .song_vote_rece_top{ height:50px; padding-top: 15px; line-height: 40px; text-align: center; margin: 0 auto; background:#ff5a00;} .vote_active{color:#ffd200;} .edu_mall_goo{float:left; margin-left:20px; margin-top:20px; text-align:left; color:#fff;font-size:17px;} .edu_mall_goo a p{ margin-bottom:5px; color:#fff;font-size:17px;} .edu_mall_goo a h2{color:#5ecffe;font-size:17px; font-weight:normal; margin-top:-3px;} .edu_mall_goo a:hover{text-decoration:underlinel;} /*수상작*/ .award_header{background:#000 url(https://www.kidkids.net/event/img/kicon_2017/award_score_bg.png) 50% -5%; padding:0; padding-bottom:60px; } .award_header p{margin-bottom:0; color:#000; } .award_header p.ddays{margin-bottom:0; color:#fff; font-size:20px; margin-top:20px;} .award_1{margin-top:40px;} .award_1 .awardtit{font-size:70px;} .gnb_area #gnb .gnb_ul li.gnbli_aaa{width:20%;} .assessment{border:1px solid #dca73a; width:100%; text-align:center; margin:40px auto 0; padding-bottom:40px;position:relative;} .assessment .h1tit { font-size: 3em; color: #fff; font-weight: 400; font-family:'Nanum Square',Dotum,sans-serif; } .assessment_area{position:absolute; right:60px; top:50px;} .assessment_area a:hover{color:#fff;} .redc83f2e{background:#c83f2e;} .evalu_area{width:90%; text-align:center; margin:0 auto;} .evalu_area li{width:49.3333%;} .evalu_area li .ev_tit{background:#dca73a; font-size:1.5em; color:#fff;padding:1vw 0;} .evalu_area li .ev_con{padding:1.5vw 2vw ; background:#fff; height:102px; margin:0 auto; text-align:center;} .evalu_area li .ev_con div, .evalu_area li .ev_con span{ box-sizing:border-box; } .evalu_area li .ev_con .ev_con_area{border:2px solid #000; width:40%; padding:1vw 0.5vw; float:left; } .evalu_area li .ev_con .ev_con_area h3{font-size:1.5em; font-weight:400;} .evalu_area li .ev_con .ev_con_area p{font-family: Roboto; font-weight: bold; font-size:2.8em; margin-top:5px;} .evalu_area li .ev_con .ev_plus{font-size:2.1em; float:left;width:20%;text-align:center;line-height:102px;} .evalu_area li .ev_con .ev_con_area_1{line-height:80px;font-size:1.5em; font-weight:400;} .evalu_area li .ev_con .ev_con_area_1 .perc{font-family: Roboto; font-weight: bold; font-size:2.1em; margin-top:5px; color:#c7a462;position:relative; top:7px;} .a_member{background:#f2f2f2;padding:3vw 0; } .a_member h3{font-size:23px; font-weight:bold; } .a_member_ul{ margin-left:-5px; margin:0 auto; text-align:center; display:block;} .a_member_ul li{width:565px; margin:10px; float:left;background:#fff; } .a_member_ul li .a_member_img{width:230px;height:; overflow:hidden; float:left;} .a_member_ul li img{max-width:100%;} .a_member_ul li .a_member_text{ padding:10px 0; float:left; text-align:left; padding-left:20px; width:290px; } .a_member_ul li .a_member_text h5{font-size:20px; font-weight:normal; color:#c5890f; padding-top:18px; margin-bottom:8px; line-height:26px;} .a_member_ul li .a_member_text p{font-size:14px; color:#000; margin-bottom:4px;margin-top:3px; line-height:19px;} .line_icon{background:url(https://www.kidkids.net/event/img/kicon_2017/award_score_mebg.png)50%; height:61px;} .line_icon_1{background:url(https://www.kidkids.net/event/img/kicon_2017/award_score_mebg_m.png)50%; height:61px;} .team_20{padding:0; padding-bottom:60px; } .team_20 h1{margin-top:20px;} .award_20team{background:#f2f2f2; overflow:hidden; text-align:left; padding:0;} .award_20team h1{margin-top:20px;} .award_20team p{margin-top:3px; font-size:15px;} .award_20team #award_sel {width: 239px; height: 40px; padding-left: 10px; font-size: 14px;color: #000; border: 1px solid #d9d9d9; text-align:left; display:block; font-family:'Dotum'; font-weight:bold; -webkit-appearance: none; /* 화살표 없애기 for chrome*/ -moz-appearance: none; /* 화살표 없애기 for firefox*/ appearance: none; /* 화살표 없애기 공통*/ background:#fff url(https://www.kidkids.net/event/img/kicon_2017/award_select.png) no-repeat 95% 50%; /* 화살표 아이콘 추가 */ } .award_20team select::-ms-expand { display: none; /* 화살표 없애기 for IE10, 11*/} .team_20 .team_20_area li .vote_list_text .vod_tit{padding-bottom:0; border:0;} .team_20 .team_20_area li{padding:0;} .team_20 .team_20_area li .vote_list_text .vod_tit{margin-bottom:0;} .team_20 .team_20_area li .vote_list_text{padding:18px 10px 15px 10px;} .award_20team .comform{padding-top:5px;} .award_20team .comform .sdsdfff textarea{width:90%; font-family:'Dotum';} .award_20team .rank_combtn{background-color:#000000 !important;} .award_20team .con_name_area{margin-top:10px;} .award_20team .con_name{border:3px solid #dca73a; padding:0px 16px; height:34px; line-height:34px; display:inline-block; background:#fff; font-family:'Dotum'; color:#dca73a; font-size:14px; font-weight:bold; float:left; margin-right:10px;} .award_20team .writ{margin-top:10px!important;float:left; } .sdsdsdaaa{font-size:15px; margin-top:3px; margin-bottom:20px;} .count_area_20{background:#000 url(https://www.kidkids.net/event/img/kicon_2017/award_score_bg.png) 0% 50%;} /*2차 수상작*/ .award_2_header{background:#000 url(https://www.kidkids.net/event/img/kicon_2017/award_02_bg.png) 50% 0%; padding:0; padding-bottom:150px; } .award_2_header .award_2_p{font-size:18px; color:#fff;} .award_2_header .award_2day{border:1px solid #5ecffe; padding:15px; font-size:22px; color:#fff;} .font5ecffe{color:#5ecffe;} .font551287b{color:#195b76;} .award_02_bg_1{margin-top:-50px; } .award_02_bg_2{background:url(https://www.kidkids.net/event/img/kicon_2017/award_02_bg_2.png)50%; height:61px;} .a_member_img_total{padding:3vw 0;} .a_member_img_total .bx-wrapper{margin-bottom:30px;} .a_member_img_total .bx-wrapper .bx-viewport{box-shadow: 0 0 0px #ccc; border: 0px solid #fff;} .a_member_img_total .h1tit_2{font-size:25px; font-weight:normal; margin-bottom:15px;} .a_member_img_total .bx-wrapper .bx-controls-direction a{display:block;} .award_2_header .con_name{border:3px solid #bc2af4!important; color:#bc2af4!important;padding:0px 16px; height:34px; line-height:34px; display:inline-block; background:#fff; font-family:'Dotum'; font-size:14px; font-weight:bold; float:left; margin-right:10px;} .btn_award_2{padding:15px 70px; font-size:20px; font-weight:normal; color:#fff;} .btn_award_2:hover{color:#fff;} #evalu_popup_award_02{display:none;position:fixed;left:calc(50% - 430px);top:calc(50% - 250px);width:860px;background:#fff;z-index:2010;padding:30px;} .evalu_popup_1 table th{background:#000; padding:15px; font-size:1.4em; color:#fff; font-weight:400;} .evalu_popup_1 table td{background:#fff; padding:15px; font-size:16px; color:#000; border:1px solid #d9d9d9; font-weight:400; text-align:left;line-height:25px;} .award_02_popup{font-size:12px; color:#000; height:auto; background:#fff;width:100%;} .award_02_popup h1{margin:10px 0;} .award_02_popup table{width:100%;} .award_02_popup table th{} .award_02_popup .award_02_popup_ta th{font-size:12px; font-weight:bold; background:#734fff; border-left:1px solid #d9d9d9; font-family:'Dotum';} .award_02_popup .award_02_popup_ta td{font-size:12px;border-bottom:1px dotted #e8e8e8;border-left:1px solid #d9d9d9; border-top:0; padding:6px; font-family:'Dotum';} .award_02_popup .award_02_popup_ta td.total_s{background:#f2f2f2;border-bottom:1px solid #d9d9d9; font-weight:bold; border-top:1px solid #d9d9d9; font-family:'Dotum';} .online_vote .vote_list_area li .award_02_vod{width:225px; height:163px;} .online_vote .vote_list_area li .award_02_vod>a{height:163px;} .award_02_vo .award_02_vod_area li{width:225px;} .a_member_img_total .h1tit_2{margin-top:15px;} /*kjj*/ .a_member_img_total .total_wrap{position:relative;overflow-x:hidden;width:100%;} .a_member_img_total .total_wrap .total_area{width:796px;margin:0 auto;} .a_member_img_total .total_wrap .total_area .bx-wrapper .bx-viewport{left:-7px;overflow:visible!important;} .a_member_img_total .total_wrap .over{position:absolute;top:0px;left:0px;width:100%;height:519px;background:url(over_slider.png) 50% 0 no-repeat;z-index:10} .a_member_img_total .total_area .bx-controls{position:absolute;top:0;left:50%;width:796px;height:519px;margin-left:-398px;} .a_member_img_total .total_area .bx-controls-direction a{position:absolute;width:27px;height:44px;z-index:100} .a_member_img_total .total_area .bx-wrapper .bx-prev{left:-80px;background: url(https://www.kidkids.net/eduinfo_new/img/classic/popup_prev.png);} .a_member_img_total .total_area .bx-wrapper .bx-next{right:-80px;background: url(https://www.kidkids.net/eduinfo_new/img/classic/popup_next.png);} .a_member_img_total .total_area .bx-wrapper .slider_bx li{padding:0 4px;} .banner{display:inline-block;position:relative;margin:6px auto 0;padding:20px 0;font-size:26px;color:#fff;text-align:center} .banner .icon_l{position:absolute;top:50%;left:-34px;margin-top:-22px;width:38px;height:48px;background:url(icon_l.png)} .banner .icon_r{position:absolute;top:50%;right:-34px;margin-top:-22px;width:38px;height:48px;background:url(icon_r.png)} .final .info{float:left;padding-top:6px;font-size:13px;color:#bbb;line-height:16px;text-align:left;} .final{overflow:hidden;} .concert_end{background:#000 url(https://www.kidkids.net/event/img/kicon_2017/end_bg_170911.png) 50% 0%; height:530px;} .concert_end_bx{background:#f5f5f5;} .end_03{background:#000 url(https://www.kidkids.net/event/img/kicon_2017/end_03.png) 50% 10%; height:900px; overflow:hidden;} .end_04{background:#000 url(https://www.kidkids.net/event/img/kicon_2017/end_04.png) 50% 60%; height:530px; } .end_05{background:#000 url(https://www.kidkids.net/event/img/kicon_2017/end_06.png) 50% 60%;height:900px; overflow:hidden; } .end_foo{background:#848484; height:50px; line-height:50px;} .a_member_img_total .total_area .bx-wrapper .bx-next { right: -80px; background: url(https://www.kidkids.net/event/img/kicon_2017/popup_next.png); } .a_member_img_total .total_area .bx-wrapper .bx-prev { right: -80px; background: url(https://www.kidkids.net/event/img/kicon_2017/popup_prev.png); } @media screen and (max-width: 1024px){ .container{width:100%;} .part_area li{padding:20px 26px;} .schedule .schedule_area li{font-size:1.5em;} .commentto .container{width:95%;} .commentto *{box-sizing: border-box;} .commentto .container{width:90%;margin-top:5%;} .commentto .comform .sdsdfff textarea{width:80%;} .commentto .comform .sdsdfff .combtn{width:20%;} .song_vote_list h2{margin-left:75px;} .song_vote_event .song_vote .song_vote_area .song_vote_list .vote_list_area{width:880px; margin:0 auto; text-align:center;} .song_vote_ing .vote_ing{width:880px; margin:0 auto; text-align:center;} .song_vote_ing .vote_ing .vote_ing_area{width:880px; margin:0 auto; text-align:center;} .song_vote_ing .vote_ing .vote_ing_area li{width:75px;} .song_vote_ing h2{margin-left:75px; margin-bottom:10px;} .more_song .container{width:880px;} .more_song_top .radio{width:833px; margin:0 auto; text-align:center;} .more_song_top .play_btn a{top: 82px; left: 457px;} .more_song .more_list{ margin:5px auto; text-align:center;} .more_song .more_list li{width:430px;} .footer .footer_text{margin-left:20px; margin-top:3px;} .ask_way .container{width:94%;} .ask_way li{width:190px;} .see_ask .login{ right: 100px; } .gnb_area #gnb{} .gnb_area #gnb .gnb_ul li a{font-size:15px;} .online_vote .vote_list_area li{width:231px;} .schedule .schedule_area table td{font-size:17px; height:20px;} .a_member_ul li{width:490px; height:260px; } .a_member_ul li .a_member_img{width:120px; padding-top:30px; padding-left:30px;} .a_member_ul li .a_member_text{ width:300px; } } @media screen and (max-width: 768px){ .show_m{display:block!important;} .show_im{display:inline-block!important;} .hide_m{display:none!important;} .hide_im{display:none!important;} #intro{width:90%;margin-top:35px;} #intro .intro_top .intro_slogan .intro_add{font-size:13px;} #intro .intro_top h1{width:80%;margin:20px auto;} #intro .intro_top h2{font-size:20px;} #intro .intro_top .cash{width:84%;margin:0 auto;} #intro .intro_bottom p{font-size:14px;margin:10px auto;} .count_area .text.fleft, #countdowntimer.fleft{float:none;} .count_area .count .size_lg{font-size:48px;} .count_area{} .count_area .text { line-height: 50px; margin-right: 0px;} /*.count_area .count { padding: 5px; }*/ ul.countdown li span {font-size:48px;line-height:48px;} ul.countdown li.seperator {font-size:48px;line-height:48px;} .way{padding:15vw 0 10vw; background:none;} .way h1{font-size:2em;} .way .way_area{width:90%;margin:3vw auto -2vw;} .way .way_area li{float:none; width:100%; margin:10px 0;} .m_way li{text-align:center; margin:0 auto;display:inline-block; } .m_way{width:20%;float:left;border-radius:100px; background:#c83f2e;color:#fff; font-size:1.5em;width:60px;height:60px;line-height:60px;} .m_way_text{float:left;text-align:left;margin-left:10px;margin-top:10px;width:75%;} .way .way_area li h3{font-size:1.3em; margin-bottom:3px;} .way .way_area li p{font-size:1.1em;} .way .way_area li .red{font-size:1.1em; color:#c83f2e;font-weight:700;} .way .way_area li+li:before{content:none;margin:0;position:absolute;left:-57px;top:50%;margin-top:0;z-index:1010;} .schedule{background-image:none;padding:10vw 0;} .schedule h1{font-size:2em;} .schedule .schedule_area{width:90%;margin:20px auto 0;} .schedule .schedule_area.second{margin:-1px auto 10px;} .schedule .schedule_area.fleft{float:none;} .schedule .schedule_area table td{font-size:1.1em;padding:10px;} .schedule .schedule_area table td span{display:none;} .schedule .schedule_area table td:nth-child(2){width:30%;} .evalu{padding:10vw 0;} .evalu h1{font-size:2em;margin-bottom:5vw;} #evalu_pop{display:none;} .evalu_area_m{width:90%;margin:10px auto;} .evalu_area_m table{width:100%;margin-top:10px;} .evalu_area_m table th, .evalu_area_m table td{padding:10px;border:1px solid #ccc;font-size:1em;line-height:1.4em;} .evalu_area_m table th{background:#000;color:#fff;width:30%;} .evalu_area_m table.check2 th{background:#c7a462} .evalu_area_m table td{background:#fff;} .evalu_area_m table td span{font-size:0.9em;letter-spacing:-.1vw;} .award {padding: 10vw 0;} .award h1{font-size:2em;} .award table{width:90%;margin:2vw auto 0;} .award table th:last-child, .award table td:nth-child(5){display:none;} .award table th, .award table td{font-size:1em;padding:3vw 1vw;} .award table td:first-child{width:25%;} .award table td:nth-child(2){width:15%;} .award table td:nth-child(3){width:23%;} .award table td .point_text{display:none;} .award .tax{width:90%;font-size:0.88em;margin:2vw auto 0;color:#aaa;text-align:left;} .award .tax span{display:block;margin-bottom:5px;} .award .tax .mh{display:none;} .poster {width:90%;} .part_area{width:80%;margin:5vw auto 10vw;} .part_area li{width:100%;padding:0;} .part_area li:nth-child(2){border:none;} .part_area li h4{font-size:1.5em;margin:5vw 0 2vw;} .part_area li ul.conts li, .part_area li ul.benefit li{font-size:14px;} .part_area li ul.benefit li{padding:10px 0;} .q_a {padding: 10vw 0;} .q_a .qa_area{width:90%;margin:20px auto 0;} .q_a .qa_area h1{font-size:16px;} .accordion-content{font-size:15px;padding:15px 20px 15px 35px;} .footer .footer_text{color:#929194; font-size:1.3em; text-align:center; line-height:1.6em; float:none; margin-top:10px;} .footer .footer_sss{float:none;text-align:center;width:90%;margin:10px auto 20px;} .commentto *{box-sizing: border-box;} .commentto .container{width:90%;margin-top:5%;} .commentto .comform .sdsdfff textarea{width:80%;} .commentto .comform .sdsdfff .combtn{width:20%; line-height:64px;} /*.commentto .comform .sdsdfff textarea{ float:left; border:1px solid #d9d9d9; padding:14px; height:60px; width:70%; font-size:14px; color:#808080; overflow:auto;} .commentto .comform .sdsdfff .combtn { border-radius:0; float:left;color:#FFF; text-decoration:none; padding:15px 0;font-size:14px; font-family:'Dotum';color:#FFF; background-color:#000; width:20%; line-height:60px; height:60px;}*/ .song_vote_event .song_vote .song_vote_area{width:94%; margin:1vw auto 0;} .song_vote_event .song_vote{padding-bottom:10vw;} .song_vote_event .vote_concert{ width:12%; margin:10px;} .song_vote_event .vote_concert a{ color:#fff; text-decoration:none;font-size:13px; font-family:Roboto; text-align:center;} .song_vote_event .song_vote .song_vote_area h1 img{max-width:95%;} .song_vote_event h2{font-size:17px; margin-left:5px;} .song_vote_event p{font-size:13px; margin-left:5px; margin-top:5px; } .song_vote_event .song_vote .song_vote_area .song_vote_list .vote_list_area{width:100%; margin:0 auto; background:none;} .song_vote_event .song_vote .song_vote_area .song_vote_list .vote_list_area li{width:48%; margin:1%; float:left; background:#fff;} .song_vote_event .song_vote .song_vote_area .song_vote_list .vote_list_area li .vote_tb_img{ height:auto; } .song_vote_event .song_vote .song_vote_area .song_vote_list .vote_list_area li .vote_list_text h3{font-size:13px;} .btn_vote_go a{height:40px; line-height:40px; font-size:14px;} .mov_popup_area{ position:relative; width:90%; background:#fff; height:570px; border-radius:10px;padding:30px;} .mov_popup_area h4{font-size:30px;font-weight:normal; text-align:left; margin:10px 0;} .mov_popup_area .movarea{width:840px; height:522px; background:#1e1e1e;} .mov_popup_area .movarea_v{width:840px; height:470px;} .mov_popup_area .pop_close{position:absolute; top:40px; right:30px;} .song_vote_ing{padding:10vw 0;} .song_vote_ing .container{width:92%;} .song_vote_ing .vote_ing{width:100%;background:none; height:auto; margin:5px auto 0; text-align:center; } .song_vote_ing .vote_ing .vote_ing_area{padding:0px; text-align:center;width:100%; } .song_vote_ing .ing_number{font-size:15px!important;} .song_vote_ing .ing_number img{position:relative; top:3px;} .song_vote_ing .vote_ing .vote_ing_area li{ width:100%; border:1px solid #000; margin: 5px 0; background: #ff5a00;height:35px; overflow:hidden; position:relative; line-height:35px;box-sizing: border-box; } .song_vote_ing .vote_ing .vote_ing_area li .ranking{font-size:25px; margin-top:0; float:left; font-style:normal;background:#000; width:35px;height:35px; } .song_vote_ing .vote_ing .vote_ing_area li p{font-size:13px; margin-top:0px; float:right; margin-right:10px;} .song_vote_ing .vote_ing .vote_ing_area li p img{max-width:80%;} .song_vote_ing .vote_ing .vote_ing_area li .percent_1{background:#ffd200;height:100%;position:relative;width:20%;float:left;border-radius:0 18px 18px 0;} .song_vote_ing .vote_ing .vote_ing_area li .percent_2{background:#ff9c66;width:5%;} .song_vote_ing .vote_ing .vote_ing_area li .name{position:absolute;background:none;color:#000;padding:0;font-size:15px;display:inline-block;width:auto;margin-left:45px;} .song_vote_ing .vote_ing .vote_ing_area li .ranking_img{position:absolute;top:0; left:55px; float:left; margin-left:-20px;} .song_vote_ing .vote_ing .vote_ing_area li .ranking_img img{display:none;} .more_song_top{display:none;} .btn_more_song {text-decoration: none; padding: 5px 10px 5px; font-size: 12px; font-weight: bold; color: #FFF; background-color: #000000;} .more_song h2 {margin-top:10px;} .more_song .container{width:92%;} .more_song .more_list{margin:5px 0 0 0 ;} .more_song .more_list li {margin: 4px 0px 0; float: left; width: 100%; box-sizing: border-box;} .more_song .more_list li:nth-child(odd) .thumb{background:#1e1e1e;} .more_song .more_list li:nth-child(even) .thumb{background:#ff5a00;} .more_song .more_list li a{padding:10px;border:1px solid #d9d9d9;color:#000;display:block;background:#fff; box-sizing: border-box;} .more_song .more_list li p { font-size: 18px;} .vote_guide .container{width:94%;} .vote_guide_area{border:0;} .vote_guide .vote_guide_area .vote_guide_tit{float:none; margin-bottom:10px; font-size:18px;} .vote_guide .vote_guide_area .vote_guide_text{margin:0 0 0 13px;} .vote_guide .vote_guide_area .vote_guide_text li{font-size:15px;} .vote_guide .vote_guide_area .vote_guide_text li:before{position:relative;margin-left:-13px;} .fr_vote_event{ padding:75px 0 40px; } .fr_vote_event .tit img{max-width:80%;} .fr_vote_event p{font-size:15px; margin-top:5px;} .fr_vote_event .fr_vote_event_ul{width:95%; margin-top:10px;} .fr_vote_event .fr_vote_event_btn{margin-top:10px; } .fr_vote_event .fr_vote_event_btn .vote_event_btn{text-decoration: none; width:95%; padding: 15px 0px; font-size: 20px; font-weight: bold; color: #FFF; background-color: #ff5a00; border-radius:10px;} .fr_vote_event .btn_img_ab{margin-left: 7px; position: relative;top: 0px; } .vote_bot_btn{ display:inline-block; margin:0 auto 20px; text-align:center; width:100%;} .vote_bot_btn li{float:none;margin: 10px 5px;} .vote_bot_btn li .v_bot_btn {text-decoration: none; width:95%; padding: 15px 0px; font-size: 20px; font-weight: bold; color: #FFF; background-color: #ff5a00; border-radius:10px;} .header_logo{margin-left:10px;} .messenger{margin-right:10px;} .messenger_menu{float:none;} .song_vote_event .header_logo img{max-width:80%;} .song_vote_event .header_logo{margin-left:8px; margin-top:15px;} .vote_concert {margin-top:10px;} .qwertr{font-size:17px!important; text-align:center!important; letter-spacing:-1px;} .song_vote_event .song_vote .song_vote_area .song_vote_list{margin-top:20px;} .song_vote_event .song_vote .song_vote_area h1{margin-top:0px; margin-top:20px;} /*온라인 투표 및 접수*/ .rece_top{} .header_logo{width:130px;} /*.gnb_area{margin-top:5px; display:inline-block;}*/ /*.gnb_area #gnb{width:100%; display:inline-block;} .gnb_area #gnb .gnb_ul li{text-align:center; line-height:20px; padding:0 10px;} .gnb_area #gnb .gnb_ul li a{ font-size:14px; }*/ .gnb_area{width:100%;} .gnb_area #gnb{width:100%; } .gnb_area #gnb .gnb_ul{display:inline-block; text-align:center; margin:0 auto;} .gnb_area #gnb .gnb_ul li{text-align:center; line-height:20px; padding:0 10px; width:auto;} .gnb_area #gnb .gnb_ul li a{ font-size:14px; } .receipt_header{padding-bottom:30px;} .rece_intro{margin: 50px auto 0; text-align: center;} .rece_intro .rece_go_box{width:100%; height:345px;background:url(https://www.kidkids.net/event/img/kicon_2017/rece_go_box_m.png); margin:20px auto; text-align:center; overflow:hidden;} .rece_intro .rece_logo img{max-width:80%;} .online_vote{padding-top:10vw;} .online_vote .container{width:94%;} .h1tit{font-size: 2em;} .online_vote p{font-size:17px; margin-top:0px; line-height:23px;} .online_vote .onlinebtn_area{margin-top:8%;} .online_vote .onlinebtn_area .leftbtn{margin-left:5px;} .online_vote .onlinebtn_area .rightbtn{margin-right:5px;} .online_vote .onlinebtn_area li a.onlinebtn { padding: 5px 10px; } .online_vote .onlinebtn_area li a.active{ background:#000; color:#fff; display:block;} .online_vote .vote_list_area{width:100%; margin:0 auto; background:none;} .online_vote .vote_list_area li{width:48%; margin:1%; float:left; background:#fff;} .online_vote .vote_list_area li .vote_tb_img{width:100%;height:138px;} .online_vote .vote_list_area li .vote_tb_img>a{width:100%;height:100%;} .online_vote .vote_list_area li .vote_list_text .vod_tit h4{font-size:15px;} .online_vote .vote_list_area li .vote_list_text .vod_tit h4 a{font-size:15px;color:#000000; text-decoration: none; } .online_vote .vote_list_area li .good{width:50%; font-size:15px;} .online_vote .vote_list_area li .good img{max-width:50%;} .online_vote .vote_list_area li .onlinebtn_vote{font-size: 16px; font-weight: normal; text-decoration: none; } .online_vote .vote_list_area li .goodbtn{width:45%;} .online_vote .vote_list_area li .vote_list_text .vod_tit p{font-size:12px;} .rec_ranking{padding-top:10vw;} .rec_ranking .container{width:94%;} .rec_ranking .rank_area{margin-top:10px;} .rec_ranking .rank_area li{width:94%; padding:2%} .rec_ranking .rank_area li .rank_vod{width:50%; height:123px; margin-right:10px;} .rec_ranking .rank_area li .rank_vod>a{width:50%; height:123px; } .rec_ranking .rank_area li .rank_text{width:43%;} .rec_ranking .rank_area li .rank_text h3{font-size:17px;} .good_rank {bottom:13px; font-family: Roboto; font-weight: bold; font-size: 15px; color: #fff;} .good_rank img{margin-right:3px; margin-top:-2px;} .rec_ranking .ex{font-size:15px; line-height:21px;} .qwerr{margin-bottom:10px;} .qwerr_1{ padding-top:10px;} .infor_c_popup_c1{width:80%;} .infor_c_popup_c1 p{ margin-left: -13px;} .infor_c_popup_c1 li:before{ position: relative; margin-left: -13px;} .popup_receipt_c1{width:80%;} .mov_popup_c1 {width:90%; height:auto;} .mov_popup_c1 .vod{width:90%; height:auto;} .popupvote_asf{float:left; border-top:1px solid #3f3f3f; margin-top:15px; padding-top:15px; width:100%;} .mov_popup_c1 li h1{font-size:20px;} .popupvote_dd{float:right;} .my_mov_popup_cl h2{font-size:2em;} .my_mov_popup_cl .my_vod_area{height:auto;} .my_mov_popup_cl .my_vod{padding:15px; margin:20px;} .my_mov_popup_cl .my_vod .vote_tb_img{width:100%;} .my_mov_popup_cl .my_vod .my_text{width:99%;} .my_mov_popup_cl .my_vod .my_text .good_rank{margin-top:15px;} .my_mov_popup_cl .my_vod .my_text .good_rank_1{position:static;} .my_mov_popup_cl .my_vod .my_text .good_rank_1 img{position:relative; top:3px;} .my_mov_popup_cl .friend_go{float:right; } .mov_popup_btn{padding: 10px 30px;} .rece_go_popup_cl{width:90%; padding:50px 10px;} .rece_go_popup_cl h1{font-size:2em;} .rece_go_popup_cl .box_50{width:95%; margin:3px 0; font-size:13px;} .rece_go_popup_cl .box_50 p{width:27%; font-size:13px;} .rece_go_popup_cl .box_50 input[type="text"]{width:60%; font-size:13px;} .rece_go_popup_cl .close img{max-width:80%;} .rece_go_popup_cl select{width:70%; font-size:13px;} .rece_go_popup_cl textarea{width:95%; font-size:13px;} .rece_go_popup_cl .rece_go_text_area{width:90%;} .receipt_btn ul{margin:0 auto; text-align:center; height:45px;} .receipt_btn li{float:flex; width:130px; margin:3px; display:line-block;} .receipt_btn li a{color:#fff; font-size:1.1em;} .rece_go_popup_btn{width:100%; padding:10px 0;} .rece_go_popup_btn a{display:inline-block;} .rece_go_popup_btne a{display:inline-block;} .rece_go_popup_btne{width:100%; padding:10px 0;} .mess_popup_cl{width:90%; padding:25px 0;} .search_popup_cl{width:90%; } .search_popup_cl select {width: 25%;} .search_popup_cl input[type="text"]{width:96%; margin-left:0; } .search_popup_cl .seabtn{width:100%; padding:10px 0; margin-top:5px;} /*관람신청*/ .ask_header{padding-bottom:0%;background: #000 url(https://www.kidkids.net/event/img/kicon_2017/ask_bg_m.png) no-repeat 50% 0%;} .ask_header .container{width:90%;} .rece_top{padding-top:10px;} .line_plus{height:55px;} .ask_intro{margin-top:40px;} .ask_intro .logogo img{max-width:20%; display:inline-block;} .ask_intro h1{font-size:38px; line-height:45px; margin-top:10px; margin-bottom:10px;} .ask_intro h4{font-size:16px; line-height:24px; margin-bottom:10px;} .ask_intro .day_time{width:90%; font-size:19px; line-height:25px;} .ask_intro p{font-size:13px; margin-top:8px;} .ask_intro .program{padding:10px 10px; width:95%;text-align:center; margin:0 auto; display:inline-block;} .ask_intro .program li{margin-left:0px; margin:5px 0; text-align:center; font-size:16px; float:none; } .ask_way{padding:10% 0;} .ask_way .container{width:94%;} .ask_way .ask_way_box{ width:94%; margin-top:10px;} .ask_way li{font-size:16px; width:100%; height:45px; line-height:45px; margin:6px 0; border: 1px #dca73a solid; padding:0; } .ask_way li.qqqqqqqa{height:120px; padding:0; line-height:23px;} .ask_way li .w_number{ position: static; float:left; background:#dca73a; width:38px; height:100%; color:#000; font-weight:bold; } .see_ask{padding:15% 0;} .see_ask .container{width:90%;} .see_ask .h1tit{line-height:1.2em;} .see_ask .login{position: static; } .see_ask .login .login_bbtn{width:100%; padding: 8px 0px; margin-top:7px; background:#999;} .see_ask .see_ask_area{width:100%;} .see_ask .see_ask_area .see_ask_area_ul{padding:2%;} .see_ask .see_ask_area .see_ask_ul_con{width:96%;} .see_ask .see_ask_area input[type="text"]{width:100%; padding-left:2%;} .see_ask .see_ask_area input[type="tel"]{width:100%; padding-left:2%;} .see_ask .see_ask_area #con_100{width:98%; padding-left:2%; margin-top:0;} .see_ask .add_btn{padding:12px 0; width:100%; margin:8px 0; border:1px solid #000; font-size:14px;} .ind_info_box{width:100%;} .ind_info_box h4{font-size:14px;} .ind_inform{border:1px solid #d9d9d9; color:#808080; padding:15px 10px 8px;} .ind_inform .ind_inform_area{margin:8px; margin-left:18px; margin-top:3px;} .ind_inform h5{font-size:14px;margin-bottom:0px; margin-left:5px; line-height:20px;} .ind_inform p:before{content:"- "; margin-left:-13px;} .ind_inform p{line-height:20px;} .see_ask .ind_info_btn{padding:15px 0; } .popup_ask_cl h2{ font-size:20px; line-height:28px;} .popup_ask_cl p{font-size:15px;} .ask_map{background:none;height:auto;} .ask_map iframe{height:auto;} .ask_map_area_m{background:#fff; color:#000; text-align:left; margin:15px;} .ask_map .ask_map_area_m h2{font-size:16px; font-weight:normal; margin-bottom:5px;} .ask_map .ask_map_area_m h4{ margin-bottom:5px} .ask_map .ask_map_area_m h4{ margin-bottom:5px} .ask_map .ask_map_area_m p{line-height:18px;} .ask_memo{padding:10% 0;} .ask_memo .container{width:90%;} .ask_memo_area{margin-left:13px;} .ask_memo h4{margin-top:0; text-align:left; float:none; margin-bottom:7px;font-size:16px; margin-left:-13px;} .ask_memo_ul li{font-size:14px; line-height:23px;} .ask_memo_ul li:before{content:"- "; margin-left:-13px;} .gnb_area #gnb .gnb_ul{margin-top:10px;} /*모바일 푸쉬 메뉴*/ .c-button { display: inline-block; margin: 0px; padding: 0px; background: 0 0; border:0;cursor: pointer;} .c-button{position:absolute;top:15px;right:10px;} .c-button .menu-trigger { pointer-events: auto;position: relative;/*float: right;/*margin-right: 10%;*/z-index: 110;display: block;width: 25px;height: 22px;cursor: pointer; } .c-button .menu-trigger span { position: absolute;top: 50%;left: 0;display: block;width: 100%;height: 3px;font-size: 0;-webkit-touch-callout: none; -webkit-user-select: none;-khtml-user-select: none;-moz-user-select: none;-ms-user-select: none;user-select: none; } .c-button .menu-trigger span.before { -webkit-transform: translateY(-10px);-ms-transform: translateY(-10px);transform: translateY(-10px); } .c-button .menu-trigger span.after { -webkit-transform: translateY(10px);-ms-transform: translateY(10px);transform: translateY(10px); } .c-button .menu-trigger span.after, .menu-trigger span.before { position: absolute;left: 0;width: 100%;height: 3px;content: '';transition: -webkit-transform .3s;transition: transform .3s; } .c-button.menu-open .menu-trigger span.before { -webkit-transform: translateY(0) rotate(45deg);-ms-transform: translateY(0) rotate(45deg);transform: translateY(0) rotate(45deg); } .c-button.menu-open .menu-trigger span.main {background-color: transparent!important;} .c-button.menu-open .menu-trigger span.after { -webkit-transform: translateY(0) rotate(-45deg);-ms-transform: translateY(0) rotate(-45deg);transform: translateY(0) rotate(-45deg); } .c-menu{background:#fff;} .c-menu--push-left, .c-menu--push-right, .c-menu--slide-left, .c-menu--slide-right { width: 230px;} .c-menu--push-left .c-menu__close, .c-menu--push-right .c-menu__close, .c-menu--slide-left .c-menu__close, .c-menu--slide-right .c-menu__close{padding:0 24px; height:60px;font-size:18px; line-height:60px;} .c-menu--push-left, .c-menu--push-right, .c-menu--slide-left, .c-menu--slide-right{overflow-y: initial;} .c-menu__close { color: #fff; background-color: #dca73a; border: none; cursor: pointer;} .c-menu--push-left .c-menu__item, .c-menu--push-right .c-menu__item, .c-menu--slide-left .c-menu__item, .c-menu--slide-right .c-menu__item{border-bottom: solid 1px #d9d9d9;border-top:0; } .c-menu--slide-right .c-menu__link{padding:15px 24px;} .c-menu--push-left .c-menu__link, .c-menu--push-right .c-menu__link, .c-menu--slide-left .c-menu__link, .c-menu--slide-right .c-menu__link{color:#000; font-size:15px; text-align:left;} .c-menu__close{text-align:left; } .c-menu__close img{position:relative;right:-40px; top:5px;} /*.openPop{position:absolute;top:15%; left:18%;} */ .assessment{width:100%; margin-top:10px;} .assessment .h1tit{font-size:2em; margin:0;} #bxcon{display:none;} .add_text_new{font-size:13px; margin-top:5px;} /*1차_수상작*/ .award_header{padding-bottom:30px;} .award_1{margin-top:10px;} .award_1 .awardtit{font-size:38px; line-height:40px; margin:0; margin-bottom:20px;} .award_1 .evalu_area_m{margin-top:-10px;} .award_1 .evalu_area_m table th{background:#dca73a;} .award_1 .evalu_area_m table th, .award_1 .evalu_area_m table td{border:0;} .award_header p.ddays{font-size:15px; margin-top:5px;} .a_member h1{margin-bottom:0;} .a_member .container{width:94%;} .a_member h3{font-size:2em; text-align:center;} .a_member_ul{display:inline-block; text-align:center; margin:0 auto;} .a_member_ul li{width:94%; margin:5px; height:auto; } .a_member_ul li .a_member_img{height:auto; float:none; padding:0; height:200px; width:100%; text-align:center; margin:0 auto; padding-top:20px;} .a_member_ul li .a_member_text{width:90%; text-align:center;} .a_member_ul li .a_member_text h5{margin-bottom:1px; font-size:17px; padding-top:5px; line-height:22px;} .a_member_ul li .a_member_text p{font-size:13px; line-height:16px;} .team_20{padding-top:0px; padding-bottom:30px;} .team_20 h1{font-weight:bold;margin-top:0;} .team_20 .team_20_area li .vote_list_text{padding:10px;} .team_20 .team_20_area .vote_list_text .vod_tit p{line-height:15px; } .award_20team #award_sel{width:100%; margin-top:10px;} .award_20team .comform .sdsdfff .combtn{line-height:94px;} .award_20team .container{width:94%; margin-top:0;} .award_20team .comment { margin-top: 20px;} .award_header .line_plus{height:50px;} .assessment_area{position: static;} #evalu_popup2{width:90%; height:auto; margin:0 auto; padding:10px;} #evalu_popup2 h1{font-size:17px;} .pop_close {right:0;} .pop_close img{max-width:60%;} .evalu_popup_1 table th{} .evalu_popup_1 table td{ text-align:center; border-top:0; text-align:left; line-height:20px; font-size:11px;} .award_20team .con_name{line-height:28px;} .sdsdsdaaa{font-size:13px; text-align:center; margin-bottom:15px;} /*2차*/ .award_2_header{background:#000 url(https://www.kidkids.net/event/img/kicon_2017/award_02_bg.png) 50% 0%; padding:0; padding-bottom:70px; letter-spacing:-1px!important; } .award_2 .logogo img{max-width:30%;} .awardtit{ margin-top:0!important; margin-bottom:5px!important;} .awardtit img{max-width:90%;} .award_2_header .award_2_p{font-size:15px; line-height:23px; margin-top:0; margin-bottom:10px;} .award_2_header .award_2day{font-size:15px;} .award_2_header .award_2day .block_ssp{display:block; height:7px;} .award_2_header .award_02_popup .award_02_popup_ta th{display:inline-block!important;} .award_2_header .award_02_popup .award_02_popup_ta td{display:inline-block!important;} .m_block_ddd{display:block;} .a_member_img_total .bx-wrapper{margin-bottom:10px;} .btn_award_2{font-size:18px;} /*.award_02_popup .award_02_popup_ta th:nth-child(3), .award_02_popup .award_02_popup_ta td:nth-child(3){display:none;}*/ } .view_player_pop2{cursor:pointer;} .view_player_pop22{cursor:pointer;} @media screen and (max-width: 768px){ .img_cheer_tit{width:80%;margin:15px auto 0;} .img_cheer_tit{width:80%;margin:15px auto 0;} .online_vote .onlinebtn_area li a.m_480{http://192.168.0.97/kidkids_add/education_life/education_life.htmlpadding:0 3px;} .my_mov_popup_cl .my_vod .my_text .good_rank{margin-top:10px;} .mov_popup_btn{padding:10px 15px; font-size:15px;} .footer .person img{height:30px!important;} /*kjj*/ .a_member_img_total .total_wrap .total_area{width:100%;} .a_member_img_total .total_wrap .over{display:none;} .a_member_img_total .total_wrap .total_area .bx-wrapper .bx-viewport{left:0px !important;} .a_member_img_total .total_area .bx-viewport .slider_bx{margin-left:2% !important;} .a_member_img_total .total_area .bx-controls{position:absolute;top:40%;left:auto;width:100%;height:0;margin-left:0;} .a_member_img_total .total_area .bx-controls-direction a{top:0;margin-top:0px;} .a_member_img_total .total_area .bx-wrapper .bx-prev{left:2%;} .a_member_img_total .total_area .bx-wrapper .bx-next{right:2%;} .a_member_img_total .total_area .bx-wrapper .slider_bx li{padding:0;} .banner{margin:2% auto 0;padding:15px 0; line-height:20px;} .txt{display:none;} .banner .icon_l,.banner_wrap .banner_area .banner .icon_r{width:30px;height:40px;background-size:cover;} .banner .icon_l{left:-23px;} .banner .icon_r{right:-23px;} .final .info{padding:1% 1% 0 1%;} } @media screen and (max-width: 480px){ .img_cheer_tit{width:80%;margin:15px auto 0;} .img_cheer_tit{width:80%;margin:15px auto 0;} .online_vote .onlinebtn_area li a.m_480{http://192.168.0.97/kidkids_add/education_life/education_life.htmlpadding:0 3px;} .my_mov_popup_cl .my_vod .my_text .good_rank{margin-top:10px;} .mov_popup_btn{padding:10px 15px; font-size:15px;} .footer .person img{height:30px!important;} /*kjj*/ .a_member_img_total .total_wrap .total_area{width:100%;} .a_member_img_total .total_wrap .over{display:none;} .a_member_img_total .total_wrap .total_area .bx-wrapper .bx-viewport{left:0px !important;} .a_member_img_total .total_area .bx-viewport .slider_bx{margin-left:0% !important;} .a_member_img_total .total_area .bx-controls{position:absolute;top:40%;left:auto;width:100%;height:0;margin-left:0;} .a_member_img_total .total_area .bx-controls-direction a{top:0;margin-top:0px;} .a_member_img_total .total_area .bx-wrapper .bx-prev{left:2%;width:23px;height:37px;background-size:cover;} .a_member_img_total .total_area .bx-wrapper .bx-next{right:2%;width:23px;height:37px;background-size:cover;} .a_member_img_total .total_area .bx-wrapper .slider_bx li{padding:0;} .txt{display:none;} .banner{margin:2% auto 0;padding:17px 10px;font-size:16px} .banner .icon_l,.banner .icon_r{width:22px;height:30px;background-size:cover;} .banner .icon_l{left:px;} .banner .icon_r{right:-;} .final .info{padding:1% 1% 0 1%;} } @media screen and (max-width: 340px){ .online_vote .vote_list_area li .good { width: 100%;} .online_vote .vote_list_area li .goodbtn{width:100%; margin-top:5px;} .online_vote .vote_list_area li .vote_list_text .vod_tit{margin-bottom:0;} .ask_intro h1{font-size:34px;} .gnb_area #gnb .gnb_ul li a{font-size:13px;} .ask_intro .day_time{font-size:17px;} .footer .person img{height:30px!important;} /*kjj*/ .a_member_img_total .total_wrap .total_area{width:100%;} .a_member_img_total .total_wrap .over{display:none;} .a_member_img_total .total_wrap .total_area .bx-wrapper .bx-viewport{left:0px !important;} .a_member_img_total .total_area .bx-viewport .slider_bx{margin-left:2% !important;} .a_member_img_total .total_area .bx-controls{position:absolute;top:40%;left:auto;width:100%;height:0;margin-left:0;} .a_member_img_total .total_area .bx-controls-direction a{top:0;margin-top:0px;} .a_member_img_total .total_area .bx-wrapper .bx-prev{left:2%;width:23px;height:37px;background-size:cover;} .a_member_img_total .total_area .bx-wrapper .bx-next{right:2%;width:23px;height:37px;background-size:cover;} .a_member_img_total .total_area .bx-wrapper .slider_bx li{padding:0;} .txt{display:none;} .banner{margin:2% auto 0;padding:17px 10px;font-size:14px} .banner .icon_l,.banner .icon_r{width:22px;height:30px;background-size:cover;} .banner .icon_l{left:-23px;} .banner .icon_r{right:-23px;} .final .info{padding:1% 1% 0 1%;} }