/*
Project :
Author  :
Date    :
*/

@import url('https://fonts.googleapis.com/css?family=Roboto');

/* 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;}
.txtcenter{text-align:center!important;}
.txtright{text-align:right!important;}
.txtbold{font-weight:bold!important;}
.txtnormal{font-weight:normal!important;}
.prelative{position:relative;}
.pabsolute{position:absolute!important;}
.line_height{line-height:0;}

h1{font-size:2.4em!important; line-height:50px; letter-spacing:-1px;} /*60px*/
h2{font-size:2.313em!important; font-weight:700!important; color:#000;} /*37px*/ 
h3{font-size:1.563em!important; font-weight:400!important;} /*25px*/
h4{font-size:1.313em!important; font-weight:700!important;color:#000;} /*21px*/
h5{font-size:1.25em!important; font-weight:400!important;}/*20px*/
.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;}
.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;}
.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;}
.h4mgb{margin-bottom:5px;}

.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;}

.header{background:#000 url(../images/vote_bg.png) no-repeat 50% 0%; overflow:hidden; padding:0vw 0 2.1vw; text-align:center; /*background-size:cover;*/}
	.header_logo{margin-left:25px;}
	
.gnb{margin-top:60px;}
.gnb_ul{}
.gnb_ul li{float:left; width:15%; text-align:left;display:inline-block;}
.gnb_ul li.bgnone{background:none; margin: -4px 70px 0px 0;}	
.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:0 auto!important; text-align:center;}
	#intro .introarea{}
	#intro .klogo{margin-top:20px; float:inherit;}
	#intro .klogotit{text-align:center; color:#fff; float:inherit; margin-top:-20px;}
	#intro .klogotit h1{letter-spacing:-2px;}
	#intro .klogotit h3{font-weight:100;}
		#intro .introarea .period{ margin: 0 auto; text-align: center; background-color: hsla(241, 79%, 11%, 0.5); width:60%; padding:3vh 0; margin-top: 1.5vh;}
			#intro .introarea .period h4{font-weight:400!important; color:#fff; font-size:1.28em!important; border:1px solid #fff; border-radius:50px; display:inline-block; padding:0.4vh 0.8vw;}
			#intro .introarea .period h3{font-weight:400!important; color:#fff; font-size:1.7em!important; margin-top:0.3vh;}
	
.schedule {margin:0 auto; text-align:center; background:#371198; padding:2.2vw 0;}
	.schedule .count{margin:0 auto;text-align:center;display:inline-block;}
	.schedule .count h5{color:#fff; font-size:1.3em!important; margin-bottom:1.3vh;}

	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:4.688em;font-weight:300;line-height:68px;font-weight:bold;}
	ul.countdown li.seperator {font-size:68px;line-height:68px;vertical-align: top; margin-top:15px;}
	ul.countdown li p{color:#c0bad9;font-size:12px;font-weight:normal; margin-bottom:3px;}
	ul.countdown li p:first-letter{text-transform:uppercase;}
	/*.coninfo{background:#fff; padding:0.5vw 0.8vw; font-size:0.938em;/*position:absolute; top:-13px; left:40%;color:#d500de; }*/
	
.top2{background:#371198; padding:34px 0;}	
	.top2 h3{font-size:29px; color:#fff; font-weight:400;}
	.top2 h3 span{font-weight:700; color:#7ffffd;}
	.top2 p{font-size:18px; color:#fff; margin-top:8px;}
	
	.summary{background:#f5f5f5; text-align:center;}		
.accept .tit_img{background:url(../images/sumtit.png); width:180px; height:29px; text-align:center;  margin:0 auto;}
.accept .tit_img2{background:url(../images/sumtit_b.png);}
.accept p{color: #979797; margin-top: 10px; font-size: 0.94em;}
.accept .tit_img p{font-size:18px; color:#fff; font-weight:700; line-height:1.563em; font-family:'Roboto'; display:inline-block;}
/*참여방법*/
.howarea{background:#ff6c00; position:relative; }
	.howarea h2{font-weight:400!important; letter-spacing:-1px; margin-bottom:0.8vh;}
		.howarea h2 span{color:#371198; font-weight:700;}
	.howarea h4{font-weight:400!important; }
	.howarea .howbox{margin-top:2.5vh;}
		.howarea .howbox ul{display:inline-block;}
			.howarea .howbox ul li{display:inline-block; margin:0 2vw;}
			.howarea .howbox ul li p{color:#fff; font-size:1.1em; line-height:23px; margin-top:1.8vh;}
	.howarea .howline{position:absolute; bottom:31%; height:6px; width:100%; background:#fff;}	
	.howarea .vote_arrow{background:url(../images/vote_arrow_2.png) no-repeat; position:absolute; height:33px; width:22%; display: inline-block; bottom:29%; left:39.4%;}
	.howarea .howjoin{margin-top:6vh;}
	.howarea .howjoin a{color:#fff; background:#371198;padding: 2.8vh 6vw; font-size: 1.2em; border-radius:7vw;}
	
		.summary_box{ width:100%;}
			.summary_box h4{float:left; background:#371198; color:#fff; padding:2.85vh 50px; }
			.summary_box .condition{float:left; padding:3vh 1.5vw; background:#fff; font-size:21px; width:76%;}
			.summary_box .condition ul{display:inline-block; }
			.summary_box .condition ul li{display:inline-block; margin:0 15px;}
			.summary_box .condition span{color:#371198;}
			.summary_box .condition .pteam{color:#8c8c8c; font-size:16px; }
			.summary_box .extit{position:absolute; right:0; top:-28px; font-size:1.125em;}
			.fieldbtn{text-align:center; margin-top:27px;}
				.fieldbtn ul li{display:inline-block;}
					.fieldbtn li{display:inline-block; margin:0 5px;}
					.fieldbtn li a{display:inline-block; text-decoration:none; color:#000; background:#fff; border:1px solid #bfbfbf; border-radius:50px; width:188px; height:48px; line-height:48px;}
					.fieldbtn li a:hover{text-decoration:underline;}
	.summary_box2{background:none; border:0; width:100%; text-align:left;}
		.summary_box2 .sumtit2{ background:url(../images/sumtit.png);width:224px; height:49px; color:#fff; overflow:hidden; text-align:center; float:left; }
		.summary_box2 .extit{ font-size:1.125em; margin-left:-10px;  float:left; margin-top:20px; }
		.summary_box2 .choice{margin-top:1vh; margin-bottom:0.8vh; }
		.summary_box2 .choice li{width:32.3333%;margin: 0 0.23vw; display:inline-block;text-align:center; color:#fff;height:200px; display:table; float:left; vertical-align:middle;}
		/*.summary_box2 .choice li div{display:table-cell;vertical-align:middle;}*/
		.summary_box2 .choice li h3{color:#fff; text-align:center; margin-bottom:0.3vh; margin-top:22%;}
		.summary_box2 .choice li h3 p{text-align:center;}
		.summary_box2 .choice li.choice_song{background:url(../images/choice_song_bg.png);  background-size: cover; }
		.summary_box2 .choice li.choice_making{background:url(../images/choice_making_bg.png); background-size: cover; }
		.summary_box2 .choice li.choice_class{background:url(../images/choice_class_bg.png);  background-size: cover; }				
	
		.summary_box2 .way{margin-bottom:10px; padding:0;}
		.summary_box2 .way li{width:18.777%; text-align:center;border:1px solid #d9d9d9; position:relative; margin-top:1.5vh; }
		.summary_box2 .way li .number{position:absolute; font-size:1.313em; text-align:center; border-radius:100px; background:#6f25fe; top:-10px; left:42%;width:32px; height:32px; line-height:30px;z-index:9991;}
		.summary_box2 .way li .number1{ background:#db00ff;}
		.summary_box2 .way li .cover{position:absolute; top:0;left:0;   width:100%; height:200px; background:#6f25fe;display:none;  text-align:center;}
		.summary_box2 .way li .cover2{background:#db00ff;}		
		.summary_box2 .way li a{background: linear-gradient(to bottom, white 0%, white 94%,#000000 6%,#6f25fe 6%,#6f25fe 100%); width:100%;}
		.summary_box2 .way li a.bottom2{background: linear-gradient(to bottom, white 0%, white 94%,#000000 6%,#db00ff 6%,#db00ff 100%); width:100%;}		
		.summary_box2 .way li a:hover .cover{display:block;}
		.summary_box2 .way li a:hover .cover p{line-height:1.563em;}
		.summary_box2 .way li .cover p{ position:relative;display:block!important; margin:3vw 0; line-height:20px;}
		.summary_box2 .way li h3{font-size:1.438em; }
		/*2018수상작*/	
		.mgBL{margin:0 0 5px 15px;}
		.awardbox18{text-align:left;}	
			.awardbox18 ul{display:inline-block;}
				.awardbox18 ul li{display:inline-block; margin-right:19px;}
				.awardbox18 ul li:last-child{margin-right:0;}
					.awardbox18 ul li a .mov18{position:relative; display:inline-block;}
					.awardbox18 ul li a .mov18 .readyplay{position:absolute; top:38%; left:40%; }
					.awardbox18 ul li p{margin-top:0.5vh; text-align:center;}
					.awardbox18 ul li a{color:#000; text-decoration:none;}
					.awardbox18 ul li a:hover{text-decoration:underline;}
		.how_area{text-align:left; background: url(../images/dot_line.png)no-repeat 70% 57%; margin:20px 0 30px; display:inline-block;}
			.how_area ul{display:inline-block;}
				.how_area ul li{display:inline-block; margin-right:37px;}
				.how_area ul li:last-child{margin-right:0;}
				
		/*박스마진*/.summaryboxmargin{margin:30px 0 60px;}	.summaryboxmargin2{margin-bottom:60px;}
		.p_ext{line-height:1.563em;}
		.p_ext_e{line-height:1.250em;}
		
/*.schedule{background:#371198; position:relative; }		
	.schedule h5{margin-top:5px; margin-bottom:15px;}
	.schedule .schedule_line{position:absolute; background:#fff; width:100%; height:5px; bottom:208px;}
	.schedule ul{display:inline-block; text-align:center; margin-top:2vh;}
	.schedule ul li{display:inline-block; margin:0 13px;}
		.schedule ul .scheduleimg1 a{background:url(../images/schedule_img1.png)0 0; width:174px; height:253px; display:inline-block;}
		.schedule ul .scheduleimg1 a:hover, .schedule ul .scheduleimg1 a.active{background-position:0 253px;}
		.schedule ul .scheduleimg2 a{background:url(../images/schedule_img2.png)0 0;}
		.schedule ul .scheduleimg3 a{background:url(../images/schedule_img3.png)0 0;}
		.schedule ul .scheduleimg4 a{background:url(../images/schedule_img4.png)0 0;}
		.schedule ul .scheduleimg5 a{background:url(../images/schedule_img5.png)0 0;}
		.schedule ul li p{font-size:18px; margin:10px 0 30px;}
		.schedule .cau{text-align:left; color:#b8aadc; line-height:21px; margin-bottom:3px;}
		/*.schedule ul li .schedule_icon{background:url(../images/schedule_icon1.png)0 0; width:174px; height:176px; overflow:hidden; display:inline-block;}
		.schedule ul li .schedule_icon:hover{background-position:0 176px;}
		.schedule ul li .schedule_icon_b{background:url(../images/schedule_bottom.png)0 0; width:52px; height:74px; overflow:hidden; display:inline-block;}
		.schedule ul li .schedule_icon_b:hover{background-position:0 74px;}*/
		
		
.online_vote .tit_img{background:url(../images/sumtit.png); width:180px; height:29px; text-align:center;  margin:0 auto;}
		.online_vote .tit_img p{font-size:18px; color:#fff; font-weight:700; line-height:1.563em; font-family:'Roboto'; display:inline-block; margin-top:0;}
.online_vote .onlinebtn_area .mybtn {
    border: 1px solid #d95c00;
    background-color: #ff6c00;
    color: #fff;
    font-size: 14px;
    padding: 10px 25px;
    text-decoration: none;
    border-radius: 0px;
    margin-left: 3px;
}
.online_vote .onlinebtn_area .rightbtn input{border:1px solid #d95c00; padding:11px;}
	.online_vote .onlinebtn_area .search{background:#ff6c00;  border:1px solid #d95c00;}
.tit_img{background:url(../images/sumtit.png); width:180px; height:29px; text-align:center;  margin:0 auto; margin-bottom:4px;}
.tit_img p{font-size:18px; color:#fff; font-weight:700; line-height:1.563em; font-family:'Roboto'; display:inline-block; margin-top:0; }	
/*투표 검색*/	
.search_popup_cl{background:#ff6c00;}	

/*심사기준*/		
.judge_area{background:#371198;}
.judge_area .judge_box{text-align:center; margin-top:3vh;}
	.judge_area .judge_box ul{display:inline-block;}
		.judge_area .judge_box ul li{display:inline-block;}
			.judge_area .judge_box ul .judge_img_area{background:#fff; border:7px solid #230838; padding:33px 50px; margin:0 0.4vw 0;}
			.judge_area .judge_box ul .judge_plus{font-size:2.6em; font-weight:600; padding:0 4px 0; }
			.judge_area .judge_box ul .judge_txt{font-size:1.8em; color:#fff; letter-spacing:-1px; font-weight:700; }
	.judge_area .judge_btn_area{text-align:center; margin-top:2vh;}
		.judge_area .judge_btn_area ul{display:inline-block;}
			.judge_area .judge_btn_area ul li{display:inline-block; margin:0 0.15vw; border-radius:50px; }
				.judge_area .judge_btn_area ul li a{display:inline-block; color:#fff; padding:2.8vh 3.7vw; /*padding:2.8vh 3.7vw;두개일때*/ font-size:1.2em; }
.judge_view{background:#000;}			
.judge_info{background:#fa6a1e;}

.award_2018{background:#ff6c00; padding:50px 0;}	
	.award_2018 table{width:100%; background:#fff; margin:5px 0;}
		.award_2018 table th{background:#4600ae; padding:1vw; font-size:1.250em; color:#fff; border:1px solid #564366; font-weight:400; border-top:0;}
		.award_2018 table th.bg2{background:#4600ae;}
		.award_2018 table tr.emphasis{background:#f6f0ff;}
		.award_2018 table .allgain{font-size:1em; text-align:left; line-height:22px;}
		.award_2018 table td{font-size:1.4em; padding:1vw; font-weight:400; border:1px solid #d9d9d9;font-size:1.250em;}
		.poin_tt{color:#5a48fd;}
		.award_2018 .tax{font-size:1em;margin-top:0.7vw;color:#aaa;text-align:right;}
		.award_2018 p{color:#fff;}
		
.kicon2017{background:#0c0c1f url(https://www.kidkids.net/event/images/family_festival/bg_info_2019.png)no-repeat 50% 0%;}
.kicon2017 h4{text-align:left;}
.a_member_img_total .total_wrap{position:relative;overflow-x:hidden;width:100%;}
.a_member_img_total{padding:0;}
.a_member_img_total .bx-wrapper{margin-bottom:0px}
.a_member_img_total .total_wrap .total_area{width:796px;margin:0 auto;position:relative;}
.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(https://www.kidkids.net/event/img/kicon_2017/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;}

.sketchex{position:absolute; bottom:10px; left:20px;}

.commentto{padding:7vh 0 0vh;}
.commentto .container{padding-top:0;}		
.commentto .comform{padding:0;}
.commentto .comform .sdsdfff {margin-top:2vh;}
.commentto .comform .sdsdfff textarea{height:118px; font-family:'Spoqa Han Sans', 'Source Sans Pro'; font-size:1.125em;}
.commentto .comform .sdsdfff .combtn{height:118px; line-height:118px; background-color:#fa6a1e; width:13%; font-family:'Spoqa Han Sans', 'Source Sans Pro'; font-size:1.125em;}
.paging { position: relative; text-align: center; margin: 20px 0 8vh;}

.contest18{background:#fff url(../images/2018kicon_bg.png) no-repeat 100% 0%; overflow:hidden; text-align:center;}
	.contest18 h5{margin-top:30px;}
	.contest18 a{background-color: hsla(288, 33%, 40%, 0.48); color:#fff; border:1px solid #fff; border-radius:50px; padding:9px 37px;}
/*footer*/	
.footer{background:#170b21;}
.footer	.footer_link{float:left; margin:6px 0 0 30px; }
	.footer .messenger{text-align:left; display:block; margin-left:0; float:inherit;}
	.footer .messenger li{display:inline-block;}
	.footer .messenger li a{width:36px;height:36px;background:url(/event/kicon_2019/images/messenger19.png) no-repeat 0 0;display:inline-block;margin-left:5px; text-align:center;}
	.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;}
	.footer .footext{text-align:left; margin-left:-14px;  margin-top:25px;}
	
	
#bxcon { background: none; padding: 0; text-align: center; float: right;	}
	.book_wrap{width:408px; height:82px;overflow:hidden;}

.flyban{position:fixed;right:8%;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:22px; margin-bottom:4px; 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:5px;}

.paging .box:hover{border-color:#bd51ff!important;text-decoration:none;  color:#bd51ff!important;}
	.paging li a:hover{text-decoration:underline; color:#bd51ff!important;}
	.paging li a.active{color:#bd51ff!important; }
/*투표하기 팝업*/
.mov_popup_c1{border: #ff6c00 solid 8px;}
.mov_popup_btn{background:#ff6c00; color:#fff;}		
.mov_popup_btn a{color:#fff;}
.mov_popup_btn a:hover{text-decoration:underline;}
/*접수하기 팝업*/
.rece_go_popup_btn a{background: #ff6c00;}

	
@media screen and (max-width: 1024px){
		
		.container{width:100%;}
		
		.choice_m{}
}


@media screen and (max-width: 768px){
	
	.header{background:#000 url(../images/bg_info_2019.png) no-repeat 50% 0%; overflow:hidden;  text-align:center; padding: 0vw 0 6vw; background-size: cover;}
	.container{width:93%;}
	
	.show_m{display:block!important;}
	.show_im{display:inline-block!important;}
	.hide_m{display:none!important;}
	.hide_im{display:none!important;}
	
	.blockin{display:block !important;}
	.block{display:inline-block !important;}
	
	.header{padding: 0vw 0 8vw;}
	#intro{width:92%;}
	#intro .klogo{float:inherit; }	
	#intro .klogotit{text-align:center; margin-top:5px;}
	#intro .klogotit h1{line-height: 44px;}
	#intro .introarea .period{    width: 80%;}
	
	h2 {font-size: 1.8em!important;}
	h4 {font-size: 1em!important;}
	
	
	/*??? ?? ??*/
	.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;}
	
/*???*/
	.count_area .text.fleft, #countdowntimer.fleft{float:none;}
	.count_area .count .size_lg{font-size:48px;}

	.count_area{    margin-bottom: 1vw;}
	.count_area .text { line-height: 50px;  margin-right: 0px;}
	/*.count_area .count { padding: 5px;   }*/
	ul.countdown li span {font-size:70px;line-height:48px;}
	ul.countdown li.seperator {font-size:48px;line-height:48px;}
	
	/*개요*/
	.half{width:100%;}
	.summary_box2 .choice li{width:100%; margin-bottom:13px;}
	.summary_box2 .way li{height:auto; background:#fff;background: linear-gradient(to left, white 0%, white 94%,#000000 6%,#6f25fe 6%,#6f25fe 100%); width:100%; margin:0; margin-bottom:13px;}
	.summary_box2 .way li a{height:auto;}
	.summary_box2 .way li .number{text-align:center; border-radius:0px; background:#6f25fe;width:6%; height:100%; color:#fff;float:left; position:static; margin-right:13px; padding-top:25px;}
	.summary_box2 .way li .way_text{ margin:20px; text-align:left; }
	.summary_box2 .way li p{text-align:center; color:#000;}	
	.summary_box h4{font-size:19px;}
	.summary_box .condition{font-size:19px; width:71%; padding:3.2vh 1.5vw;}
	.summary_box .condition ul li{margin: 0 2px;}
	.summary_box2 .fieldbtn li{margin-bottom:15px;}
	/*18수상작*/
	.awardbox18 ul{display: flex;  flex-wrap: wrap; justify-content: center; align-items: center; }
	.awardbox18 ul li{margin:10px;}
	.awardbox18 h4{text-align:center!important;}
	.summaryboxmargin2{margin-bottom:30px;}
	/*참가방법*/
	.how_area h4{text-align:center!important;}
	.how_area{ background:none;}
	.how_area ul{display: flex;  flex-wrap: wrap; justify-content: center; align-items: center;}
	.how_area ul li{margin:10px;}
	/*참여방법2019*/
	.howarea{}
		.howarea .howbox ul li{display:block; margin: 3vh 2vw;}
		.howarea .howbox ul li p{margin-top: 0.5vh;}
		.howarea .howline{display:none;}	
		.howarea .vote_arrow{display:none;}
		.howarea .howjoin a{padding:2vh 16vw;}
	/*1024이하 참여방법*/
	.howbox_m{text-align:center; margin-top:2vh;}
		.howbox_m ul{display:inline-block;}
			.howbox_m ul li{color:#fff; margin:5px 0; }
			.howbox_m ul li .how_txt{float:left; text-align:center; margin:0 auto; width:20%; border-radius:100px; background:#371198; font-size:1.2em; width:55px; height:55px; line-height:55px;}
			.howbox_m ul li .how_txt_sub{float:left; text-align:left; line-height:20px; margin:0.8vh 0 0 1vw;}
			.howbox_m ul li .how_txt_sub .point{color:#371198;}
	/*심사기준*/
	.judge_area .judge_box ul .judge_plus{font-size:2.6em; }
	.judge_area .judge_box ul .judge_txt{font-size:1.3em; margin:7px 0;}
	.judge_area .judge_box ul .judge_img_area{display: block; width:auto; padding: 3.8vh 16vw;}
	.judge_area .judge_btn_area ul li a{padding: 2.8vh 11vw;}
	
	/*일정*/
	.schedule ul{width:500px; background:none;}
	.schedule ul li{margin-bottom:15px;}
		.schedule dl{text-align:center;}
	.schedule .schedule_line{background:none;}
	.schedule .cau{text-align:center;}
   /*??*/
	
    .award table th:last-child, .award table td:nth-child(5){display:block;}
	.award table td:nth-child(3){width:auto;}
	
	
.award_2018 {padding: 10vw 0;}
	.award_2018 h1{font-size:2em;}
	.award_2018 table{width:100%;margin:2vw auto 0;}	
	.award_2018 table th, .award_2018 table td{font-size:1em;padding:3vw 1vw;}
	.award_2018 table td:first-child{width:25%;}
	.award_2018 table td:nth-child(2){width:15%;}
	.award_2018 table td:nth-child(3){width:23%;}	

	
	/*??? ????*/
	.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;}
		
	/*푸터*/
	.footer .footer_link{float:right;}
	
	
	.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; background:none;}
	.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; text-align:left; margin-top:0;color:#000;}
	.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; margin-top:0;color:#808080;text-align:left;}
	
	.mov_popup_c1 {width:90%; height:auto;}			
	.mov_popup_c1 .vod{width:90%; height:auto;position:relative;}
	.mov_popup_c1 li h1 { font-size: 20px;}

}	



@media screen and (max-width: 480px){
	
	.header{background:#000 url(../images/bg_info_2019.png) no-repeat 29% 33%; overflow:hidden; padding:0vw 0 6vh; text-align:center; }
	.container{width:80%;}
	#intro {width:82%;}
h1{font-size:30px!important; line-height:35px; font-weight:normal;} /*40px*/
h2{font-size:1.6em!important; font-weight:400!important; } /*25px*/ 
h3{font-size:1.25em!important; font-weight:400!important;} /*18px*/
h4{font-size:1em!important; font-weight:400!important;} /*20px*/

.mblock{display:block;}
	
#intro .klogo{width:80%; margin:0 auto;}	
#intro .klogo img{}
#intro .klogotit{margin-top:8px;margin-left:0;     float: inherit;}
#intro .klogotit h1{line-height: 37px;}
#intro .introarea .period{width:100%;}
#intro .introarea .period h4{font-size: 1.13em!important; padding: 0.7vh 5vw;}
#intro .introarea .period h3{font-size: 1.4em!important;}

.count_area{width:100%; padding-top:3vh; margin-top:2vh;}
.count_area .count{padding:0px 0 4vw;}
.coninfo{background:none; color:#fff; padding-top:4vw; padding-bottom:0;}
ul.countdown li span{font-size:43px;}

.section{padding:6vh 0 5.5vh;}
.summary_box{margin:0px auto 20px; text-align:center; background:none; border:0; padding:0;}
.summary_box .sumtit{background:none; position:static;text-align:center; margin:0 auto 5px; width:auto; display:inline-block;height:auto;}
.summary_box h4{color:#fff; background:#383838; border-radius:50px; padding:1.1vh 6vw; text-align:center; float:inherit; display:inline-block; margin-top:17px;}
.summary_box .condition{width:100%; float:inherit; padding:1vh 0; font-size:16px; margin-top:8px;/*background:none;*/}
.summary_box .condition ul {margin-top:8px;}
.summary_box .condition ul li{display:block; margin-bottom:9px;}
.summary_box .condition span{color:#000;}

.summary_box .extit{position: static; font-size: 1em;}
.summary_box p{font-size:1em;font-weight:400; }
.summary_box p.ttleft{text-align:left;}
.summary_box .ttleft1{margin:0 auto; display:inline-block;}
.summary_box .extit11{color:#808080! important;}
.m_box{width:80%;}
.summary_box2{text-align:center; margin-top:0; margin-bottom:20px;}
.summary_box2 h4{color:#fff; background:#383838; border-radius:50px; padding:1.1vh 6vw; text-align:center; float:inherit; display:inline-block; margin-top:4px;}
.summary_box2 .extit{margin-top:0; font-size:1em; float:inherit;}
.summary_box2 .sumtit2{background:none;position:static;text-align:center; margin:0 auto 5px; width:auto; display:inline-block; height:auto;float:inherit;}
.summary_box2 .choice{margin-bottom:0;}
.summary_box2  p{font-size:14px;}
/*일정*/
.schedule{text-align:center; margin:0 auto;}
.schedule h5{font-size:17px!important;}
.schedule ul{display:inline-block; text-align:center; width:100%;}
	.schedule ul li{display:inline-block; /*width:40%;*/ height:auto !important; margin:0;}
		.schedule ul li a{display:inline-block;}
		.schedule ul .scheduleimg1 a{background:url(../images/schedule_icon1.png)0 0; width:174px; height:176px; display:inline-block;}
		.schedule ul .scheduleimg1 a:hover, .schedule ul .scheduleimg1 a.active{background-position:0 176px;}
		.schedule ul .scheduleimg2 a{background:url(../images/schedule_icon2.png)0 0;}
		.schedule ul .scheduleimg3 a{background:url(../images/schedule_icon3.png)0 0;}
		.schedule ul .scheduleimg4 a{background:url(../images/schedule_icon4.png)0 0;}
		.schedule ul .scheduleimg5 a{background:url(../images/schedule_icon5.png)0 0;}
.schedule .cau{text-align:center; font-size:14px;}		
/*18키콘*/
.contest18{background-size: cover;}
.contest18 h5{font-size:1em!important; margin-top: 25px;}
.contest18 a{padding: 9px 30px;}

.awardbox18{margin:0 auto; text-align:center;}
.awardbox18 h4{color:#fff; background:#383838; border-radius:50px; display:inline-block; padding:1vh 6vw; margin-bottom:0;}
.awardbox18 ul li{display:block;}
/*접수*/
.accept .slt_t ul li .apply{width:100%;}
/*참여방법*/
.howarea h2 span{display:block;}
.how_area{text-align:center; margin:54px 0 7px;}
.how_area h4{color:#fff; background:#383838; border-radius:50px; padding:1vh 6vw;  display:inline-block; margin-bottom:0;}
.howbox_m ul li .how_txt_sub{font-size: 14px;}
.howarea .howjoin{margin:5vh 0 3.5vh;}
.howarea .howjoin a{padding:2vh 10vw; border-radius:10vw;}

/*심사기준*/
.judge_area .judge_btn_area ul li a{padding: 2.8vh 5vw; font-size: 1em;}

.award_2018 table td, .award_2018 table th{font-size:14px;}
.award_2018 table .allgain{font-size:14px;}

.summary_box2 .way{display:inline-block; text-align:center;margin:10px auto 10px; background:#fff; padding:5px 20px 10px; }
.summary_box2 .way li{background:none; border:1px; border-top:1px solid #d9d9d9;margin-bottom:0; padding:15px 0;}
.summary_box2 .way li:first-child{border-top:0;}
.summary_box2 .way li .number{    border-radius: 500px;width:32px; height:32px;padding:0;margin-right:10px;}
.summary_box2 .way li .number1{background:#db00ff;}
.summary_box2 .way li .way_text{margin:0; float:left; display:inline-block;width:80%;}
.summary_box2 .way li p{text-align:left; margin-left:0px;line-height:23px;}

.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%; }


.kicon2017 h4{text-align:center; margin-top:10px;}

/*??? ????*/
.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;}
		
.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;}
.commentto .container{margin-top:0;}	

.footer{text-align:center; margin:0 auto; padding:24px 0;}
.footer .footlogo{width: 26%;}
.footer .footer_link{float: right; width: 70%; text-align: left; margin:0; margin-top: 7px;}
.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; margin-right: 34px;}
.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;}


}

@media screen and (max-width: 340px){
	
	ul.countdown li span{font-size:38px;}
	
	/*??? ????*/
	.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;}
		
	.tit_img{width:70.5%;text-align:center;margin:0 auto;}
	.tit_img2{width:62.5%;}
	/*1024이하 참여방법*/
	.howbox_m ul li .how_txt{width:43px; height:43px; line-height: 43px; font-size: 0.9em;}
	.howbox_m ul li .how_txt_sub{font-size: 13px;}
	
	/*footer*/	
	.footer .footlogo{width:27%;}
	.footer .footer_link{width: 65%;}
	.footer .messenger{margin-right: -1px;}
	.footer .footext .fontsub{font-size: 12px;}
}