/* Project : Author : Date : */ @import url('https://fonts.googleapis.com/css?family=Roboto'); @import url(//fonts.googleapis.com/earlyaccess/nanummyeongjo.css); /* Common */ /*html, body {font-family:'Nanum Square',Dotum,sans-serif; font-size:1em;-webkit-font-smoothing:antialiased;background:#fff;line-height:1;color:#000;font-weight:400;}*/ html, body {font-family:'Spoqa Han Sans', 'Source Sans Pro', Apple SD Gothic Neo, Nanum Barun Gothic, Nanum Gothic, '???', Dotum, Verdana, Arial, sans-serif; font-size:1em;-webkit-font-smoothing:antialiased;background:#fff;line-height:1;color:#000;font-weight:400;} img{border:0;margin:0;padding:0;max-width:100%; 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;} h1{font-size:3.750em!important; line-height:65px;} /*60px*/ h2{font-size:2.500em!important; font-weight:400!important; } /*40px*/ h3{font-size:1.563em!important; font-weight:400!important;} /*25px*/ h4{font-size:1.250em!important; font-weight:400!important;} /*20px*/ h5{font-size:1.0em!important; font-weight:400!important;} /*18px*/ .colfff{color:#fff!important;} .maincolor{color:#862dff!important;} .subcolor{color:#db00ff!important;} .fontsub{color:#808080! important;} .letsp{letter-spacing:-2px !important;} .show_m{display:none!important;} .hide_m{display:block!important;} .hide_im{display:inline-block!important;} .blockin{display:inline-block !important;} .block{display:block !important;} ul, li{ margin:0;} li img { vertical-align:middle; } .maright{ margin-right:20px;} .mgbottom4{margin-top: 2vh; font-size: 0.9em;} .maleft{ margin-left:20px !important;} .total{ background-color:#f2f2f2; } .matop5{ margin-top:5px!important;} .matop10{ margin-top:1.3vw!important;} .matop30{ margin-top:30px;} .matop30_1{ margin-top:-31px;} .matop50{ margin-top:50px;} .matop{ margin-top:40px;} .maright10{margin-right:10px;} .matoplf{ margin-top:14px;} .fontlight{ font-weight:200!important; font-family:'Spoqa Han Sans', 'Source Sans Pro'!important;} .fontregular{ font-weight:400 !important;font-family:'Spoqa Han Sans', 'Source Sans Pro'!important;} .fontbold{ font-weight:700 !important; font-family:'Spoqa Han Sans', 'Source Sans Pro'!important;} .roboto{font-family: 'Roboto', sans-serif; font-weight: bold;} .section{padding:5vw 0;} .bacnone{background:none!important;} .half{width:48%;} .fffcolor{color:#fff!important;} .section{padding:7.5vh 0 8vh;} /* 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;} #evalu_popup2{display:none;position:fixed;left: calc(50% - 540px)!important;top:calc(50% - 250px);width:1056px;background:#fff;z-index:2010;padding:40px;} .evalu_popup_1{background:#fff;width:100%;} .evalu_popup_1 p{margin:10px 0; font-size:1.7em; font-weight:400;} .evalu_popup_1 .int_sm{font-size:1.0em; margin-top:20px;} .evalu_popup_1 table{width:50%; margin-bottom:2vh;} .evalu_popup_1 table th{background:#000; padding:0; 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;} .evalu_popup_1 .fimg{background:#fff; border:1px solid #d9d9d9;} .evalu_popup_1 .men_name{/*background-color:#6f25fe;*/ color:#000; padding:5px 10px 10px;} .evalu_popup_1 span{font-size:0.6em; margin-left:3px;} /* .evalu_popup_1 .info_stt{font-size:1em;} */ .pro6f25fe{color:#6f25fe; font-weight:600; font-size:1em;} .evalu_popup_1 .achievement{font-size:0.9em; line-height:2vh} .evalu_popup_1 ul{} .evalu_popup_1 ul li{float:left; /*border: 1px solid #d9d9d9;*/width:264px; height:333px; margin:0 15px 30px 0;} .evalu_popup_1 ul li .primg{width:100%; } .evalu_popup_1 ul li .primg img{max-width:100%;} .evalu_popup_1 ul li .divtext{width:71.7%;} .evalu_popup_1 ul li .divtext h3{font-size:20px!important;color:#000;font-weight:bold !important; background:url(https://www.kidkids.net/event/kicon_2018/images/line_aaa.png)13px 36px no-repeat;} .evalu_popup_1 ul li .divtext p{font-size:13px; margin-left:5px; line-height:18px; margin:5px 0 5px 5px!important;} .evalu_popup_1 .info_tt{text-align:center; margin:0 auto;padding-bottom: 20px;} .evalu_popup_1 ul .jud_box{} .mgr000{margin-right:0px;} #evalu_popup{display:none;position:fixed;left:calc(50% - 430px);top:calc(50% - 250px);width:860px;height:530px;background:#fff;z-index:2010;padding:30px;} #evalu_popup h5{margin-top:-13px;} .evalu_popup_2{background:#fff;width:100%;} .evalu_popup_2 h2{font-size:2em!important; margin:0.5vh 0 1vh;} .evalu_popup_2 p{margin:10px 0; font-size:1.7em; font-weight:400;} .evalu_popup_2 table{width:100%; margin-bottom:2vh;} .evalu_popup_2 table th{background:#000; padding:10px; font-size:1.4em; color:#fff; font-weight:400; line-height: 2.5vh;} .evalu_popup_2 table td{background:#fff; padding:15px; font-size:1.1em; color:#000; border:1px solid #d9d9d9; font-weight:400; text-align:left;line-height:25px;} .evalu_popup_2 table tr td{border-bottom:1px solid #d9d9d9;} .evalu_popup_2 table tr td p{font-size:1.1em!important;} .simbg{background: #6f25fe !important; border: 0!important;} /*스토아영역*/ .store_s{background:url(../images/store_bg.png)no-repeat 50% 0%;overflow:hidden; height:285px; } .store_s h6{font-size:2.6em; font-weight:500; line-height:1.3em; margin:5vh 0 0;letter-spacing:-1px;} .store_s span{color:#9d3350;} .store_s a{display:inline-block; border-radius:50px; color:#fff; background-color:#9d3350; font-size:1.1em; padding:1.7vh 1.2vw; margin-top:1vh;} .header{background:#000 url(../images/kk_prize_top_bg.png) repeat-x 50% 100%; height:762px; overflow:hidden;padding:0vw 0 0vw; text-align:center; background-size:cover;} .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;} .gnb{margin-top:65px;} .gnb_ul{} .gnb_ul li{float:left; width:16%; text-align:left;display:inline-block;} .gnb_ul li.bgnone{background:none;} .gnb_ul li a{color:#fff!important;display:inline-block; overflow:hidden; } .gnb_ul li p{ font-weight: 100;margin-bottom:3px;} .gnb_ul li h4{ font-weight: 700; font-size:1.250em;color:#fff;background: url(../images/gnb_bg.png)no-repeat 0% 100%; padding-bottom:10px;} .gnb_ul li h4 span{font-weight:200; font-size:16px;} .gnb_ul li a{color:#fff !important;text-decoration:none!important;} .gnb_ul li a:hover{ text-decoration:none!important;} /*.gnb_ul li a h4:hover{background: url(../images/gnb_bg_1.png)no-repeat 0% 100%;color:#000 !important; text-decoration:none!important;} .gnb_ul li a .active{background: url(../images/gnb_bg_1.png)no-repeat 0% 100%;color:#000 !important; text-decoration:none!important;}*/ /*.gnb_ul li a p:hover, .gnb_ul li a p.active{color:#000; } .gnb_ul li a h4:hover, .gnb_ul li a h4.active{color:#000;}*/ .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.kicon gnb a.active{color:#dca73a!important;} #intro{margin:2.5vw auto 0;text-align:center;} #intro .inrtoarea{display:inline-block; } #intro .klogo{float:left;} #intro .klogotit{ text-align:left; color:#fff; float:left; margin-left:50px; margin-top:60px;} #intro .klogotit h3{font-weight:100;} #intro .klogotit h4{margin-top:2vh;} /*수상자발표*/ .col_ffc732{color:#ffc732;} .anno_pr{border:1px solid #ffc732; color:#fff; width:50vw; text-align:center; margin:2vh auto; padding:3.3vh 0 3.3vh;} .font13{font-size:1.3em;} .an_big{font-size:1.65em; padding-bottom:1.5vh; display:inline-block;position:relative;color:#fff;text-align:center} .an_big .laurel_L{position:absolute;top:35%;left:-26px;margin-top:-22px;width:28px;height:35px;background:url(../images/kk_prize_laurel_img.png)} .an_big .laurel_R{position:absolute;top:35%;right:-28px;margin-top:-22px;width:28px;height:35px;background:url(../images/kk_prize_laurel_img_r.png)} /*수상팀*/ .prize .h2tit{font-size:2.6em; color:#393838; font-weight:600; margin-bottom:10px;} .prize .tm{font-size:1em;margin-bottom:30px;} .col_faa500{color:#faa500;} .prize .pr_box .pr_box_list{display:inline-block;} .prize .pr_box .pr_box_list li{float:left; width:223px; background:#fff; overflow:hidden; position:relative; border:1px solid #d9d9d9; margin:0 9px 10px 0; } .mgr0{margin-right:0px;} .mgl4{margin-left:4px;} .prize .pr_box .pr_box_list li .pr_text_box{padding: 18px 10px 15px 10px; text-align:left;} .prize .pr_box .pr_box_list li .pr_text_box .pr_text h5{font-size:1.2em!important; color:#3b3b3b;} .prize .pr_box .pr_box_list li .pr_text_box .pr_text p{font-size:0.9em; color:#808080; margin-top:3px;} .pbcare{text-align:left; font-size:0.8em; color:#6a6a6a; padding-bottom:6vh;} /*심사소개이미지*/ .judge_bg{background:url(../images/judge_bg.png) repeat-x 0 100%; height:241px;} .jutt_box{border:1px solid #6f25fe; width:25vw; text-align:center; margin:46px auto 0px; padding:2vh 0 2vh; display:inline-block;} .jutt_box .jutt{color:#803eff; font-size:3em; font-weight:600; margin-top:7px;} .jutt_box p span{color:#fff; font-size:1.8em;} .p_period{color:#fff; font-size:0.9em;margin-top:7px;} /*심사위원소개*/ .judge_men{padding:5vh 0 1.5vh; background-color:#f7f7f7; position:relative;} .judge_men ul{} .judge_men .standard{position:absolute; bottom:80px; right:80px; } .standard a{color:#fff; font-size:1.2em; text-decoration:none; padding:18px 70px; background-color:#7120fb; border-radius:50px;} .judge_men ul li{float:left; width:25%; margin-bottom:5vh;} .judge_men .f_judge{text-align:left;} .judge_men .j_tt{text-align:left; margin-top:1vh;} .judge_men .judge_name{font-size:1.75em;} .judge_men .judge_con{font-size:0.95em; line-height:1.56em; margin-top:0.7vh;} /*댓글*/ .commentto h6{font-size:2.6em; color:#000;} .commentto h6 span{color:#e02dfc;} .commentto .p_sticker ul{display:inline-block; text-align:center; margin-top:20px;} .commentto .p_sticker ul li{float:left; margin-right:28px;} input[type=checkbox] { display: none; } input[type=checkbox] + label{ display: inline-block; cursor: pointer; position: relative; padding-left: 25px; margin-right: 15px; font-size: 13px; } input[type=checkbox]+ label:before { content: ""; display: inline-block; width: 15px; height: 15px; margin-right: 10px; position: absolute; left: 93px; bottom: -24px; background-color: #fff; border-radius: 10px; border:2px solid #565656; /*box-shadow: inset 0px 1px 1px 0px rgba(0, 0, 0, .3), 0px 1px 0px 0px rgba(255, 255, 255, .8); */ } input[type=checkbox]:checked + label:before { content: "\2713"; /* 체크모양 */ text-shadow: 1px 1px 1px rgba(0, 0, 0, .2); font-size: 15px; font-weight:800; color: #fff; background:#731af8; text-align: center; line-height: 15px; border:2px solid #731af8; } .mgl28{margin-left:28px; } .commentto {padding:50px 0 0;} .commentto .comform{padding-top:37px;} .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 .sticker_sm{} .commentto .comment .text li .sttxt{margin:30px 0 0 15px;} .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; } .commentto .comform .sdsdfff{margin-top:10px;} .commentto .comform .sdsdfff .combtn{background: #6f25fe; } .coninfo{color:#fff;font-size:1.25em;/*position:absolute; top:-13px; left:40%;*/} /*.judge{background:#5a48fd;} .judge ul{display:inline-block; text-align:center;margin-top:2vh;} .judge ul li{float:left;} .judge ul .judge_img{background-color:#fff; border:7px solid #230838; width:45%;} .judge ul .plus{font-size:3em; font-weight:600; margin:5vh 0.6vw 0 0.6vw;} /*.judge .judge_btn{margin-top:2vh; text-align:center;} .judge .judge_btn li{float:left; border-radius:50px; font-size:1.2em;text-decoration:none;} .judge .judge_btn li a{padding:26px 73px; display:inline-block;} .judge .judge_btn1{margin:2vh auto; text-align:center; border-radius:50px; text-decoration:none; height:70px; line-height:70px; width:270px;} .judge .judge_btn1 a{font-size:1.2em;} .judge{background:#5a48fd;} .judge ul{display:inline-block; text-align:center;margin-top:2vh;width:100%;} .judge ul li{float:left;} .judge ul .judge_img{background-color:#fff; border:7px solid #230838; padding:30px 0;} .judge ul .judge_img2{background-color:#f6ff00; border:7px solid #230838; } .judge ul .plus{font-size:3em; font-weight:600; margin:5vh 0.6vw 0 0.6vw;} .judge .judge_btn{margin-top:2vh; text-align:center; width:auto; display:inline-block;} .judge .judge_btn li{float:left; border-radius:50px; font-size:1.2em;text-decoration:none;} .judge .judge_btn li a{padding:26px 73px; display:inline-block;}*/ .bgcolore{background-color:#7bf6fe} .bgcolorp{background-color:#db00ff; color:#fff;} .bgcolore a{color:#5e46fa; text-decoration:none;} .bgcolorp a{color:#fff; } .bgcolorp{margin-right:10px;} .footer{background:#170b21;} .footer .messenger{float:left; margin-top:20px;} .footer .footext{text-align:left; float:left; margin-top:20px; margin-left:20px;line-height:25px;} #bxcon { background: none; padding: 0; text-align: center; float: right; } .book_wrap{width:408px; height:82px;overflow:hidden;} .flyban{position:fixed;right:2%;top:150px;z-index:400;text-align:center;} .fly2018{ margin-bottom:10px;} .fly2018_area{background:url(../images/flyban_2018_m.png);width:121px; margin-top:-1px; padding-top:5px;position:relative;} .fly2018_area .btnfiy{position:absolute; top:-10px; left:-30px;} .fly2018_area .fliyvod{width:104px; height:73px;text-align:center;margin:0 auto 5px;} #flyvod{width:900px; height:560px; background:#000; position:relative;} .header .modal_close{position:absolute; top:0; right:-45px;background:#000; padding:10px;} .pex_dl{text-align:left;font-size:16px; line-height:20px; margin-bottom:8px;color:#808080; } .pex_dl dt{display: inline-block;width:18px;vertical-align:top;} .pex_dl dd{display: inline-block; } .award_2018 .pex_dl{color:#fff; margin-top:8px;} .paging .box:hover{border-color:#5a48fd!important;text-decoration:none; color:#5a48fd!important;} .paging li a:hover{text-decoration:underline; color:#5a48fd!important;} .paging li a.active{color:#5a48fd!important; } #evalu_popup, #evalu_popup2, #rece_go_popup { position: fixed; } #evalu_popup { top: calc(50% - 255px); } /*#evalu_popup2 {top: calc(50% - 395px); }*/ /*신청하기*/ .klogotit h3.gogo{margin:2vh 0 2vh;color:#e988ff;font-size:1.8em!important;} /*#intro .appklogo{float:none; } #intro .appklogo img{ }*/ #intro .appklogotit{ margin-top:125px;} #intro p{line-height:27px; color:#fff; font-size:19px; margin-top:-10px;} #intro .day_time{width:560px;border-top:1px solid #fff; border-bottom:1px solid #fff; padding:10px; color:#fff; font-size:23px; text-align:center; margin:20px auto 0;} #intro .program{background-color:rgba(192, 0, 255, 0.2);display:inline-block;margin:30px auto 0;padding:25px 50px;} #intro .program li{float:left; text-align:left; line-height:26px; font-size:18px;color:#fff; margin-left:30px; } #intro .program li:first-child{margin-left:0; margin-top:10px;} @media screen and (max-width: 1024px){ .container{width:100%;} } @media screen and (max-width: 768px){ /*심사기준모달*/ #evalu_popup{width:80%;} #evalu_popup { display: none; position: fixed; left: calc(50% - 500px); top: calc(50% - 250px); width: 80%; height:auto; background: #fff; z-index: 2010; padding: 2vh 5vw; } /*접수모달*/ .rece_go_popup_cl h1{font-size:1.5em!important;} .evalu_popup_2{background:#fff;width:80%;} .evalu_popup_2 h2{font-size:1em!important; margin:0.5vh 0 1vh;} .evalu_popup_2 p{margin:10px 0; font-size:0.9em; font-weight:400;} .evalu_popup_2 table{width:100%; margin-bottom:2vh;} .evalu_popup_2 table th{background:#000; padding:10px; font-size:0.8em; color:#fff; font-weight:400; line-height: 2.5vh;} .evalu_popup_2 table td{background:#fff; padding:0.1vh 2vw; font-size:0.7em; color:#000; border:1px solid #d9d9d9; font-weight:400; text-align:left;line-height:2.5vh;} .evalu_popup_2 table tr td{border-bottom:1px solid #d9d9d9;} .evalu_popup_2 table tr td p{font-size:0.8em!important;} .simbg{background: #6f25fe !important; border: 0!important;} .evalu_popup_2 .pop_close img {max-width: 50%;} .evalu_popup_2 .pop_close{position:absolute; top:1vh; right:-1vw;} .header{background:#000 url(../images/kk_prize_top_bg.png) no-repeat 10% 0%;overflow:hidden;padding:0vw 0 3.5vw; text-align:center; background-size:none;} .container{width:93%;} .show_m{display:block!important;} .show_im{display:inline-block!important;} .hide_m{display:none!important;} .hide_im{display:none!important;} .block{display:inline-block !important;} .slsize{font-size:1.5em;} .dispnone{display:none;} .header{padding: 0vw 0 8vw;} #intro .klogo{float:inherit;} #intro .klogotit{text-align:center; margin-top: 20px;} .online_vote .onlinebtn_area li a.m_480{padding:0 3px;} /*모바일 푸쉬 메뉴*/ .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;} /*개요*/ .half{width:100%;} /*하단*/ .footer .messenger{float:right;} /*심사 .judge ul .judge_img{padding:5px; border:5px solid #230838;} .judge ul .judge_img img{max-width:70%;} .judge ul .plus{font-size:2.5em; font-weight:500; margin:2vh 0.7vw 0 0.7vw;} .judge .judge_btn li { float: left; border-radius: 50px; display: inline-block; font-size:1em; text-decoration: none; } .judge .judge_btn li a{padding:2vh 5vw ; display:inline-block;} .judge .judge_btn1{font-size:1em; text-decoration: none;} .judge .judge_btn1 a{padding:2vh 5vw; line-height:2vh;display:inline-block;} .judge ul .judge_img{border:7px solid #230838; width:90%; margin-bottom:10px;}*/ #evalu_pop{display:inline-block;} .schedulea{width:100%; padding:12px 0; margin-bottom:10px;} .dayday{font-size:1em;} .ask_way li{ line-height:20px; text-align:left; } .ask_way li .w_number{height:auto; float:left; margin-right:15px; height:100%; text-align:center; padding-top:3.33%;} .ask_way_aaa{padding-top:10px;} /*심사위원소개 모달*/ #evalu_popup2{display:none;position:fixed;left:calc(30% - 430px);top:calc(50% - 250px);width:80%;height:auto;background:#fff;z-index:2010;padding:2vh 5vw;} .evalu_popup_1{background:#fff;width:100%;} .evalu_popup_1 p{margin:10px 0; font-size:1.7em; font-weight:400;} .evalu_popup_1 .int_sm{font-size:1.0em; margin-top:20px;} .evalu_popup_1 table{width:50%; margin-bottom:2vh;} .evalu_popup_1 table th{background:#000; padding:0; 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;} .evalu_popup_1 .fimg{background:#fff; border:1px solid #d9d9d9;} .evalu_popup_1 .men_name{background-color:#6f25fe; padding:0vw; padding-left:2vw; padding-top:2vh;} .evalu_popup_1 span{font-size:0.6em; margin-left:3px;} .pro6f25fe{color:#6f25fe; font-weight:600; font-size:1em;} .evalu_popup_1 .achievement{font-size:0.9em; line-height:2vh} .evalu_popup_1 ul{margin:0!important;} .evalu_popup_1 ul li{float:left; border: 1px solid #d9d9d9; width:100%; height:auto; margin-bottom:15px!important; margin:auto;} .evalu_popup_1 ul li .primg{width:50%;} .evalu_popup_1 ul li .primg img{max-width:100%;} .evalu_popup_1 ul li .divtext{width:75%;} .evalu_popup_1 ul li .divtext h3{font-size:0.8em!important;color:#000;} .evalu_popup_1 ul li .divtext p{font-size:0.6em; margin-left:5px; line-height:1.4em; margin:3px 0 0px 5px!important;} .evalu_popup_1 .info_tt{text-align:center; margin:0 auto;} .evalu_popup_1 ul .jud_box{} .mgr000{margin-right:0px;} /*상단*/ .header{height:100%; } #intro .container{width:95%;} #intro .klogotit h4{margin-top:1.3vh; font-size:0.85em!important; line-height:1.4em;} .anno_pr{border:1px solid #ffc732; color:#fff; width:100%; text-align:center; margin:3vh auto; padding:3.3vh 0vw 3.3vh;} .font13{font-size:0.8em; line-height:1.4em;} .an_big{font-size:17px!important; line-height:22px; padding-bottom:1.5vh; display:inline-block;position:relative;color:#fff;text-align:center} .an_big .laurel_L{position:absolute;top:35%;left:-26px;margin-top:-22px;width:28px;height:35px;background:url(../images/kk_prize_laurel_img.png)} .an_big .laurel_R{position:absolute;top:35%;right:-28px;margin-top:-22px;width:28px;height:35px;background:url(../images/kk_prize_laurel_img_r.png)} /*수상팀*/ .prize .h2tit{font-size:1.5em; color:#393838; font-weight:600; margin:10px 0 5px;} .prize .pr_box .pr_box_list li{width:47%; margin:1%; height:197px;} .prize .pr_box .pr_box_list li .pr_text_box{padding:10px;} .prize .pr_box .pr_box_list li .pr_text_box .pr_text h5{font-size:0.938em!important;} .prize .pr_box .pr_box_list li .pr_text_box .pr_text p{font-size:0.7em; color:#808080; margin-top:3px;} .pbcare{text-align:left; font-size:0.8em; line-height:1.4em; padding-bottom:4vh;} .m_block_ddd{display:block;} /*심사소개이미지*/ .judge_bg{background:url(../images/judge_bg.png) repeat-x 100% 0%; height:180px;} .jutt_box{width:100%; text-align:center; margin:40px auto 0px; padding:2vh 0 2vh; display:inline-block;} .jutt_box .jutt{font-size:2em; font-weight:600; margin-top:5px;} .jutt_box p span{font-size:1.4em;} .p_period{font-size:0.8em;margin-top:7px;} /*심사위원소개*/ .judge_men{position:relative; padding-bottom:7vh} .judge_men .standard{position:static;} .standard a{font-size:1em; padding:13px 30px; background-color:#7120fb; border-radius:50px;} .judge_men ul li{ margin-bottom: 3vh; width:100%; margin-left:20px;} .judge_men ul li .f_judge{float:left; width:25%;} .judge_men ul li .j_tt{margin-top:1vh; float:left; width:70%; margin-left:10px;} .judge_men .judge_name{font-size:0.9em;} .judge_men .judge_con{font-size:11px; line-height:1.4em; margin-top:0.7vh; } /*댓글*/ .commentto{padding-top:20px;} .commentto h6{font-size:1.5em; } .commentto .p_sticker ul{margin-top:1vh;} .commentto .p_sticker ul li{width:48%; margin:5% 1% 6% 1%;} .commentto .p_sticker ul li .img{width:100%;} .commentto .container{width:90%;margin-top:5%;} .commentto .comform .sdsdfff textarea{width:80%;} .commentto .comform .sdsdfff .combtn{width:20%; line-height:64px;} .commentto .comment .text li .sttxt{margin:10px 0 0 10px; width:70%; } .commentto .comform{padding-top:0px;} .sticker_sm{width:20%; margin-top:8px;} input[type=checkbox]+ label:before { content: ""; display: inline-block; width: 13px; height: 13px; margin-right: 10px; position: absolute; border-radius: 15px; left: 42%; bottom: -20px; } .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;} .mov_popup_c1{width:90%; height:auto; /*border:#734fff solid 8px; background:#fff; text-align:center; position:relative;*/ } .mov_popup_c1 .vod{width:90%; height:auto; position:relative; /*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;} #evalu_popup h5{font-size:0.7em!important;} } @media screen and (max-width: 480px){ .header{background:#000 url(../images/kk_prize_top_bg.png) no-repeat 50% 0%;overflow:hidden; text-align:center; } .appheader{background: #000 url(../images/appbg.png) no-repeat 50% 0%; padding-bottom:0px;} .container{width:90%;} #intro {width:80%;} h1{font-size:28px!important; line-height:32px; font-weight:normal; font-weight:600;} /*40px*/ h2{font-size:1.563em!important; font-weight:400!important; } /*25px*/ h3{font-size:1.25em!important; font-weight:400!important;} /*20px*/ .accept .dispnone{display:none;} .count_area{padding-top:-2vh;} #intro .klogo{width:60%; margin:0 auto;} #intro .klogo img{} #intro .klogotit{margin-top:8px;margin-left:0; float: inherit;} .section{padding:4vh 0 4vh;} .tit_img{width:60%;text-align:center;margin:0 auto;} .m_box{width:80%;} .online_vote .onlinebtn_area li a.m_480{http://192.168.0.97/kidkids_add/education_life/education_life.htmlpadding:0 3px;} .award_2018 table td, .award_2018 table th{font-size:14px;} .pex_dl{text-align:left;font-size:14px; line-height:20px; margin-bottom:8px;color:#808080; } .pex_dl dt{display: inline-block;width:6%;vertical-align:top;} .pex_dl dd{display: inline-block;width:90%; } .schedule{} .schedule ul{width:100%;} .schedule li{width:%; height:auto !important;} .schedule li img{max-width:100%;} .commentto .comform .sdsdfff{width:90%; margin:10px auto;} .commentto .comform .sdsdfff textarea{} .commentto .comform .sdsdfff .combtn{width:20%;} .commentto .comment{margin-top:25px;} .paging{margin-bottom:3vh;} .footer{text-align:center; margin:0 auto; padding:30px 0;} .footer .footext{text-align:center; margin-top:0; margin-left:0;float:inherit; font-size:14px; line-height:20px;} .footer .messenger{float:inherit; display:inline-block;} .footer .messenger .messenger_area{display:inline-block;text-align:center;margin:10px auto;} /*모바일슬라이드메뉴*/ .c-menu__close{background:#5a48fd;} .mov_popup_c1 li h1 { font-size: 20px !important;} .mov_popup_c1 li p{margin-top:0px!important;} .count_area .coninfo{padding-bottom:1vh; padding-top:1vh} .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 !important; font-weight:normal !important; margin-bottom:5px !important;} .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;} .judge .judge_btn { margin-top: 2vh; text-align: center; width: auto; display: inline-block;} #evalu_popup h5{font-size:0.7em!important;} } @media screen and (max-width: 340px){ .judge ul .judge_img img{max-width:60%;} .judge ul .judge_img{padding:3px 1px 3px; border:3px solid #230838;} .judge ul .plus {font-size:2em; font-weight:500; margin: 2vh 0.7vw 0 0.7vw;} .judge .judge_btn li a{font-size:0.9em; display:inline-block; padding:2vh 5vw;} .judge .judge_btn1 a{font-size:0.9em; display:inline-block; padding:1vh 1vw;} #evalu_popup h5{font-size:0.7em!important;} } /*LeeJunyeol*/ #evalu_popup, #evalu_popup2, #rece_go_popup { position: fixed; } #evalu_popup { top: calc(50% - 255px); } #evalu_popup2 {left: calc(50% - 395px); top: calc(50% - 395px); } @media screen and (max-width: 768px){ #evalu_popup, #evalu_popup2 { left: 5%; top: 5%; } #evalu_popup, #evalu_popup2, #rece_go_popup { position: absolute; } #rece_go_popup { left: 2.5%; top: 5%; margin-left: 0; } .online_vote .vote_list_area li { height: 100% !important; } #evalu_popup2 { left:5%!important; top:95%; } }