@charset "UTF-8";
@media only screen and (max-width: 1680px) {
	.inner{width:90%;}
}

@media only screen and (max-width: 1500px){
	.page_title{padding: 3rem 0 5rem;}
	.page_title_img{width:420px;}
	.page_title_sub > h1{font-size:40px;}
	.page_title_sub:before{top: -2rem; left: -2rem; width: 4rem; height: 4rem;}

@media only screen and (max-width: 1440px) {
	#Wrap .bg1{left:-20px; top:-20px;}
	#container{}
		.page_title h1{font-size:64px;}
		.page_title_img{width:400px; top:-60px; right:2%;}

	/* Âü°¡¾È³» */
	.winner .list{margin-left:-2rem; width:calc(100% + 2rem);}
	.winner .list > li{width:20%; margin-bottom:2rem;}
	.winner .list > li > .box{margin-left:2rem; height:200px;}
	.winner .list > li > .box .t1{font-size:140%; padding:18px 0 15px;}

	/* ¼ö»óÀÛ °¶·¯¸® */
	.winning_works > .list > li > a{height:250px;}

}
@media only screen and (min-width: 1201px) and (max-height: 580px){
	 #container{}
	 header .icons{display:block;}
	 #sidebar{
			-webkit-justify-content: center;
			-ms-flex-pack: center;
		justify-content: center;
	 }
	 #sidebar .area_t {display:none;}
	 #sidebar > nav{
		flex:1;
			display: -ms-flexbox;
			display: -webkit-flex;
		display: flex;
			-webkit-align-items: center;
			-ms-flex-align: center;
		align-items: center;
	}
}




@media only screen and (max-width: 1200px) {
	#container{margin-top:100px;}

	header{padding: 20px 0;}
	header .logo a{width:260px; height:50px;}

	.overlay-con .area_t > h1{font-size:180%;}
	.overlay-con .area_t > h1 > strong{font-size:150%; letter-spacing: .5px;}
	.overlay-con nav > ul > li > a{padding:10px 0;}
	.overlay-con nav .nav-dropdown{top:2px;}
	.overlay-con nav .nav-dropdown a{padding:10px 0;}

	#container > section{padding:5rem 0;}
	.page_title{padding: 2rem 0 5rem;}
	.page_title h1{font-size:60px; line-height:1;}
	.page_title_img{width:350px; right: 1rem; top: -2.5rem;}
	.page_title_sub > h1{font-size:40px;}
	.page_title_sub:before{top: -2rem; left: -2rem; width: 4rem; height: 4rem;}
	.page_title .tab > li > a{min-width:160px; padding:14px 5px 10px;}

	/* Âü°¡½Åû */
	.introduction .con .txt .txt1 span{font-size:3rem;}
	.introduction .con .txt .txt2{margin-top:2rem;}
	.introduction .con .txt .txt2 span{font-size:110%;}
	.introduction .con .txt .txt2 ul{margin-top:1rem;}
	.introduction .con .txt .btn{margin-top:3rem;}
	.introduction .con .txt .btn a{font-size:x-large;}

	/* Âü°¡¾È³» */
	.winner .list{margin-left:-1rem; width:calc(100% + 1rem);}
	.winner .list > li{width:20%; margin-bottom:2rem;}
	.winner .list > li > .box{margin-left:1rem; height:200px;}
	.winner .list > li > .box .t1{font-size:140%; padding:18px 0 15px;}

	/* ¼ö»óÀÛ °¶·¯¸® */
	.winning_works.g_1 > .list > li > a{width:45%;}
	.winning_works > .list > li > a{height:180px;}
	.gallery .commentary .con .txt p{font-size:95%;}

	.plaque .desc h3{font-size:x-large;}

}
@media only screen and (max-width: 1200px) and (max-height: 580px){
	 #container{}
	 header .icons{display:block;}
	 #sidebar{
			-webkit-justify-content: center;
			-ms-flex-pack: center;
		justify-content: center;
	 }
	 #sidebar .area_t {display:none;}
	 #sidebar > nav{
		flex:1;
			display: -ms-flexbox;
			display: -webkit-flex;
		display: flex;
			-webkit-align-items: center;
			-ms-flex-align: center;
		align-items: center;
	}
}
@media only screen and (max-width: 1200px) and (max-height: 450px){
	 header .icons{display:block;}
	 #sidebar{
			-webkit-justify-content: center;
			-ms-flex-pack: center;
		justify-content: center;
	 }
	 #sidebar .area_t {display:none;}
}



@media only screen and (max-width: 1100px) {
	#container{}

	/* ³ÐÀÌ ÁöÁ¤ */
	header,
	#container{width: calc(100% - 160px);}
	#sidebar{width:160px;}
	#sidebar > nav > ul > li > a{padding: 10px 0 10px 20px; font-size:18px;}
	#sidebar > nav > ul > li:before{width:14px;}
	#sidebar .area_b ul li img{width:45px;}
	footer{padding-right:160px;}

	.overlay-con > div{padding-left:50px;}
	.overlay-con .area_t > h1{font-size:130%;}
	.overlay-con .area_t > .btns > a{padding:15px 20px 10px; font-size:large;}
	.overlay-con nav .nav-dropdown a{font-size:large;}
}

@media only screen and (max-width: 980px) {
	header,
	#container{width:100%;}
	header{border-bottom:1px solid rgba(238,238,238, 0);}
	header .logo a{height:45px;}
	header.scroll-to-fixed-fixed{background:rgba(255,255,255, 1); border-bottom:1px solid rgba(238,238,238, 1);}

	header .icons{display:block;}

	#Wrap .bg1{top:0; width: 200px; height:200px;}
	#Wrap .bg3{top: -70px; right: -80px; width:300px; height:300px;}
	#Wrap .bg4{top: 180px; right: 100px; width:200px; height:200px;}

	#container > section{padding:5rem 0;}

	/* ¼­ºêÆäÀÌÁö */
	.page_title{padding:1rem 0 4rem; text-align: center;}
		.page_title h1{margin-left:40px;}
		.page_title_img{display:none;}
		.page_title .tab{justify-content: center;}

	/* ´ëȸ¾È³» */
	.introduction .con,
	.introduction .con > div{display:block; text-align:Center;}
	.introduction .con .poster{width:100%; background:none;}
	.introduction .con .poster img{width:70%; max-width:450px;}
	.introduction .con .txt{padding-left:0; margin: 5rem auto 0; width:70%;}
	.introduction .con .txt .txt2 ul li{text-align:left;}

	/* Âü°¡¾È³» */
	.winner .list{margin-left:-2rem; width:calc(100% + 2rem);}
	.winner .list > li,
	.winner .list:nth-of-type(2) > li{width:50%; margin-bottom:2rem;}
	.winner .list:nth-of-type(1) > li:nth-of-type(1){width:100%;}
	.winner .list > li > .box{margin-left:2rem; height:200px;}
	.winner .list > li > .box .t1{font-size:140%; padding:18px 0 15px;}

	/* Âü°¡½Åû */
	.apply_part ul{margin-top:2.5rem;}

	/* ¼ö»óÀÛ °¶·¯¸® */
	.winning_works.g_1 > .list > li > a{}
	.winning_works.g_1 > .list .desc{padding-left:1.5rem;}
	.winning_works > .list > li > a{height:170px;}


	/* ÇÏ´Ü */
	footer{padding-right:0px;}
		footer .copyright{padding-right:50px;}
		.footer_fix{display:block;}
		main .visual_img .sponsor{margin-right:60px;}

	#sidebar{display:none;}
	.overlay-con > div{
		padding:20px; height:100%;
			-webkit-box-pack: start;
			-ms-flex-pack: start;
		justify-content: flex-start;
		}
		.overlay-con .area_t{
			padding:12px 0 30px; text-align:Center;
				-webkit-flex-direction: column;
				-ms-flex-direction: column;
			flex-direction: column;
				-webkit-justify-content: flex-start;
				-ms-flex-pack: start;
			justify-content: flex-start;
				-webkit-align-content: center;
				-ms-flex-line-pack: center;
			align-content: center;
				-webkit-align-items: center;
				-ms-flex-align: center;
			align-items: center;
		}
		.overlay-con .area_t > h1,
		.overlay-con .area_t > h1 > strong{font-size:130%;letter-spacing:.5px; line-height: 120%;}
		.overlay-con .area_t > .btns{padding-left:0; padding-top:10px;}
		.overlay-con .area_t > .btns > a{font-size:large; padding: 10px 30px}
		.overlay-con .btn_close{top:30px; right:30px;}
		.overlay-con .nav-container{flex:1; overflow:auto;}
		.overlay-con nav > ul > li > a{text-align:Center; padding:15px 0;}
		.overlay-con nav > ul > li > a:hover{padding-left:0;}
		.overlay-con nav > ul > li:hover > a{padding-left:0;}
		.overlay-con nav > ul > li:hover:before{display:none;}
		.overlay-con nav .nav-dropdown{position: static; margin-top:-5px; padding-bottom: 10px;}
			@keyframes slidein {
				from {margin-top: -20px; opacity:0;}
				to {margin-top:-5px; opacity:1;}
			}
		.overlay-con nav .nav-dropdown a{position: relative; display: block; font-size: large; text-align:Center; padding: 7px 0; padding-left:0px;}
		.overlay-con nav .nav-dropdown a:before{
			display:none; content:""; position: absolute; top:50%; left:0; width:5px; height:5px; border-radius:10px; background:rgba(255, 255, 255, 0.5); margin-top:-0px;
				-webkit-transform:translate(0, -50%);
				-moz-transform:translate(0, -50%);
				-ms-transform:translate(0, -50%);
			transform: translate(0, -50%)
		}
		.overlay-con nav .nav-dropdown a:after{display:none;}
	.policy_con{font-size:13px; padding:20pt;}
	.policy_con h1{font-size:x-large;}
	.policy_con .box{margin: 30px 0;}

	.plaque .btn a{font-size:xx-large;}
}

@media only screen and (min-width: 769px) and (max-width: 980px) and (max-height: 580px){
	 #container{}
	.overlay-con .area_t{text-align:left;}
	.overlay-con .area_t > .btns{display:block; padding-bottom: 2px;}
	.overlay-con nav > ul > li > a{text-align:left;}
	.overlay-con nav .nav-dropdown{position: absolute; top: 15px; left: 200px;}
	.overlay-con nav .nav-dropdown a{text-align:left;}

}

@media only screen and (max-width: 768px) {
	#Wrap .bg1{top:-20px; width: 150px; height:150px;}
	#Wrap .bg2{top:-100px;}
	#Wrap .bg3{top:-100px; right: -80px; width:250px; height:250px;}
	#Wrap .bg4{top: 150px; right: 0px; width:200px; height:200px;}

	#container{margin-top:100px; font-size:14px;}
	#container > section{padding:4rem 0;}
	.page_title{padding:1rem 0 3rem;}
	.page_title h1{font-size:50px;}
	.page_title .tab{margin-top:20px;}
	.page_title .tab > li{margin-right:15px;}
	.page_title .tab > li > a{min-width:150px; padding: 10px 5px 7px; font-size:16px;}

	/* ´ëȸ¾È³» */
	.introduction .con .txt{width:90%;}
	.introduction .con .txt .txt1 span{font-size:2.5rem;}
	.sketch .list > li{width:33.33%;}

	/* Âü°¡½Åû */
	.apply_part ul{
		-webkit-justify-content: center;
		-ms-flex-pack: center;
		justify-content: center;
	}
	.apply_part ul > li{width:40%;}
	.apply_part .dec{padding:1.5rem 1rem;}
	.apply_part .dec h3{font-size:x-large;}
	.apply_form .apply-cont .email select{display:block; margin-left:0; margin-top:5px; width:173px;}

	/* Âü°¡¾È³» */
	.winner-info li:before{ top:12px;}

	/* ¼ö»óÀÛ °¶·¯¸® */
	.gallery .winning_works{text-align:Center;}
	.winning_works > .list > li{width:50%;}
	.winning_works > .list > li > a{height:220px;}
	.winning_works > .list .desc{text-align:left;}
	.winning_works.g_1 > .list > li{
			-webkit-flex-direction: column;
			-ms-flex-direction: column;
		flex-direction: column;
	}
	.winning_works.g_1 > .list > li > a,
	.winning_works.g_1 > .list .desc{width:100%; max-width:100%; text-align:left; padding:0;}
	.gallery .commentary .con .photo{width:180px;}
	.gallery .commentary .con .txt{margin-left:1.5rem;}

	.plaque .desc h3{font-size:125%; letter-spacing:-1.5px;}
	.plaque .tt span{font-size:large; padding:10px 10px 7px;}

	.btn_prize_find a{font-size:150%; padding:12pt 15pt 10pt;}

}

@media only screen and (max-width: 600px){
	#Wrap .bg2{left:43%;}
	#Wrap .bg3{display:none;}
	.footer_fix .ico_box > li > a{width:40px;}
	.page_title h1{font-size:40px;}
	.page_title .tab > li{margin-right:10px;}
	.page_title .tab > li > a{min-width:120px; font-size:14px;}

	/* ´ëȸ¾È³» */
	.introduction .con .txt .btn a{font-size:large; padding: 18px;}
	.schedule h3{padding:10px 20px;}
	.schedule dl dt{display:block; padding-right:0;}
	.schedule dl dd{padding-left:30px;}

	/* Âü°¡¾È³» */
	.judge_list .box .thumb{max-width:150px; margin-right:2rem;}
	.judge_list .box .desc .name{font-size:150%;}
	.judge_list .box .desc .history{margin-top:0.5rem;}

	/* Âü°¡½Åû */
	.apply_part .t1 h3{font-size:large; margin-bottom:0.5rem;}
	.apply_part .t1 h1{font-size:220%;}

	.apply_form .tab-menu > li{flex:1;}
	.apply_form .apply-cont{margin-top:2rem;}
	.apply_form .apply-cont h3{padding:20px 20px;}
	.apply_form .apply-cont table th{padding:0 20px; vertical-align:middle; width:130px;}
	.apply_form .apply-cont table td,
	.apply_form .apply-cont .address{padding:7px 20px 7px 0;}
	.apply_form .apply-cont input[name="rep_name"],
	.apply_form .apply-cont input[name="student_name"],
	.apply_form .apply-cont input[name="student_school"],
	.apply_form .apply-cont input[name="pay_account_name"],
	.apply_form .apply-cont input[name="rep_company_name"],
	.apply_form .apply-cont input[name="addr1"],
	.apply_form .apply-cont input[name="addr2"],
	.apply_form .apply-cont input[name="rep_phone"],
	.apply_form .apply-cont input[name="article_title"],
	.apply_form .apply-cont textarea[name="article_desc"],
	.apply_form .apply-cont .imgfile button{width:97.5%;}
	.apply_form .apply-cont .phone input{width: 30%}
	.apply_form .apply-cont .phone select{min-width: 30%;}
	.apply_form .apply-cont .phone2{padding:8px 25px 7px 3px;}
	.apply_form .apply-cont .email input[type="text"]{width:46%;}
	.apply_form .apply-cont .email select{display:block; margin-left:0; margin-top:5px; width:97.5%;}
	.apply_form .apply-cont .address button{height:40px;}

	.apply-cont .howto{padding:20px;}

	/* ¼ö»óÀÛ °¶·¯¸® */
	.winning_works > .list > li > a{height:170px;}
	.gallery .commentary .con{
		 -webkit-flex-direction: column;
		-ms-flex-direction: column;
		flex-direction: column;
	}
	.gallery .commentary .con .photo{text-align:center; width:100%;}
	.gallery .commentary .con .photo img{width:170px;}
	.gallery .commentary .con .txt{margin-left:0; margin-top:3rem;}
	.gallery .commentary .con .txt p,
	.gallery .commentary .con .txt p:last-child{text-align:Center;}

	/* °á°ú¹ßÇ¥ */
	.apply_form .apply-cont.prize-cont{padding:20pt;}
	.apply_form .apply-cont.prize-cont table td{height:55px;}
	.prize_find > h1{font-size:xx-large;}


}

@media only screen and (max-width: 480px) {
	body{min-width:320px;}
	#Wrap .bg2{left:53%;}
	/* #Wrap .bg1{top: -30px; left: -30px; width: 180px; height: 180px;}
	#Wrap .bg2{top: -50px; left: 40%; width: 100px; height: 100px;}
	#Wrap .bg3{top: 70px; right: -40px; width: 150px; height: 150px;}
	#Wrap .bg4{top: 170px; right: 7%;} */

	#container{margin-top:90px; font-size:12px;}
	header .icons ul li.ico_requst,
	header .icons ul li.ico_notice{display:none;}

	.page_title{padding: 1rem 0 3rem;}
	.page_title .tab{margin-top:0;}

	/* ´ëȸ¾È³» */
	.introduction .con .txt{width:100%;}
	.introduction .con .txt .txt1 span{font-size:2rem;}
	.sketch .list > li{width:50%;}

	/* Âü°¡¾È³» */
	.judge_list .box .thumb{max-width:120px;}
	.judge_list .box .desc .name{font-size:150%;}
	.judge_list .box .desc .history > li{padding: 1px 0 1px 10px;}
	.judge_list .box .desc .history > li:before{top:8px;}
	.judge_list .box .desc .history > li:first-child{font-size:110%;}

	/* Âü°¡½Åû */
	.apply_part .t1 h3{font-size:130%;}
	.apply_part .t1 h1{font-size:200%;}
	.apply_part .dec{padding:1rem;}

	.apply_form .apply-cont h3{padding:15px 20px;}
	.apply_form .apply-cont table th{ width:80px;}
	.apply_form .apply-cont .address input[name="zip"]{width:120px;}
	.apply_form .apply-bot .box label{width:180px;}

	/* ¼ö»óÀÛ °¶·¯¸® */
	.winning_works > .list > li > a{height:120px;}


	.text-notice-type1{font-size:12px; background-size: 14px auto;}

	.overlay-con .btn_close{width:30px; height:30px;}
	.overlay-con nav > ul > li > a{padding:10px 0; font-size:large;}
	.overlay-con nav .nav-dropdown a{font-size:medium;}

	footer .area_t{
			-webkit-flex-direction: column;
			-ms-flex-direction: column;
		flex-direction: column;
			-webkit-align-items: flex-start;
			-ms-flex-align: start;
		align-items: flex-start;
	}
	footer .btns{margin-left:0; margin-top:15px;}
	.footer_fix .ico_box > li > a{width:40px;}
	.policy_con .box ul{padding-left:0;}

	/* »óÆÐÁ¦ÀÛ */
	.plaque .desc h3{font-size: 100%; padding:5vw; padding-bottom:0;}
	.plaque .con .box{padding-top:8vw; margin-top:8vw;}
	.plaque .thumb span{font-size:90%;}
	.plaque .thumb span strong{display:block;}
	.plaque .winner-info li{font-size: small;}

	/* °á°ú¹ßÇ¥ */
	.prize_result .title_winner{padding:5vw 1vw; }
	.prize_result .title_winner h1{font-size:120%;}
	.prize_result .title_winner h2{font-size:200%; letter-spacing:-1px;}

	.apply_form .prize-cont .apply-cont table tr{
		display: -ms-flexbox;
		display: -webkit-flex;
		display: flex;
		-webkit-flex-direction: row;
		-ms-flex-direction: row;
		flex-direction: row;
		-webkit-flex-wrap: wrap;
		-ms-flex-wrap: wrap;
		flex-wrap: wrap;
	}
	.apply_form .prize-cont .apply-cont table th{width:100%; background:#fff; border:0; padding-top:5vw;}
	.apply_form .prize-cont .apply-cont table td{width:100%; height:auto; padding-bottom:5vw; border-bottom:1px dashed #ddd;}
	.apply_form .prize-cont .apply-cont table td input[name=receive_name],
	.apply_form .prize-cont .apply-cont table td input[name=receive_phone]{width:100%;}
	.plaque_select{
		-webkit-flex-direction: column;
		-ms-flex-direction: column;
		flex-direction: column;
	}
	.plaque_select li{padding:10px 0;}
	.apply_form .apply-bot .btn_area .btn{width:100%; max-width: 100%;}
}





@media screen and (min-height: 1200px) {
  #sidebar > nav > ul > li > a{padding-top:20px; padding-bottom: 20px;}
}3

@media screen and (max-height: 700px) {
  #sidebar{padding: 30px 0;}
}


@media only screen and (max-width: 980px) and (orientation: Portrait){
	 /* #Wrap{height:calc(100% - 60px) !important;} */
	 #container{padding-bottom:60px;}
	 #nav-footer{display:block;}
	 footer{position: relative; z-index:1; padding-bottom:75px; margin-top:-60px;}
	 .footer_fix{bottom:75px; }
}

@media only screen and (max-width: 380px) {
	 .plaque .btn a{font-size:x-large; padding-left:0; padding-right:0; width:100%;}
}