@media screen and (max-width: 1280px) {
	
	.wrap { width: 96%; margin: 0 auto; }

	/* user 2023-05-22 */
	.hd_pops { left: 2% !important; top: 80px !important; }	
	.hd_pops { left: 2% !important; max-width: 96%; height: auto; }
	.hd_pops_con { max-width: 100% !important; width: auto !important; height: auto !important; }
	.hd_pops_con a { display: inline-block; }

	/* head */
	.logo img {  }
	.menu_inr li { padding: 0 15px; }
	.menu_inr li a { font-size: 18px; }

	/* sub */
	.sidebar .wrap { width: 100%; }

	.root_daum_roughmap_landing { width: 100% !important; }

}

@media screen and (max-width: 1024px) {
	/* head */
	.head .wrap { width: 90%; }
	.menu { display: none; }
	nav#accordian { display: block; }

	/*  BURGER
	========================================== */

	.burger {
		display: inline-flex;
		flex-wrap: wrap;
		justify-content: center;
		align-items: center;
		position: absolute;
		top: 25px;
		right: 5%;
		/* width: 50px;
		height: 50px; */
		padding: 0px;
		background: transparent;
		border-radius: 4px;
		-webkit-transition: all 0.3s;
		-moz-transition: all 0.3s;
		transition: all 0.3s;
		z-index: 1000;
	}

	header#head.scrolled .burger { top: 30px; }

	.burger.burger-close { display: none; right: 20px; }
	.burger.burger-close.clicked { display: inline-flex; background: transparent; box-shadow: none; }
	.cbp-af-header-shrink .burger { margin-top: 35px; }

	.burger span { position: relative; margin-top: 9px; margin-bottom: 9px; -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; }

	.burger span, .burger span::before, .burger span::after {
		display: block;
		width: 25px;
		height: 3px;
		background-color: #214029;
		border-radius: 500px;
		-webkit-transition-property: background-color, -webkit-transform;
		-moz-transition-property: background-color, -moz-transform;
		-o-transition-property: background-color, -o-transform;
		transition-property: background-color, transform;
		-webkit-transition-duration: 0.3s;
		-moz-transition-duration: 0.3s;
		-o-transition-duration: 0.3s;
		transition-duration: 0.3s;
		outline: 1px solid transparent;
	}

	.burger span::before, .burger span::after { position: absolute; content: ""; }
	.burger span::before { top: -8px; }
	.burger span::after { top: 8px; }

	.burger.clicked span { background-color: transparent; }
	.burger.clicked span::before { -webkit-transform: translateY(9px) rotate(45deg); -moz-transform: translateY(9px) rotate(45deg); -ms-transform: translateY(9px) rotate(45deg); -o-transform: translateY(9px) rotate(45deg); transform: translateY(9px) rotate(45deg); }
	.burger.clicked span::after { -webkit-transform: translateY(-9px) rotate(-45deg); -moz-transform: translateY(-9px) rotate(-45deg); -ms-transform: translateY(-9px) rotate(-45deg); -o-transform: translateY(-9px) rotate(-45deg); transform: translateY(-9px) rotate(-45deg); }
	.burger.clicked span:before, .burger.clicked span:after { background-color: #fff; }
	.burger.burger-close span::before { top: -10px; }
	.burger:hover { cursor: pointer; }

	/*  NAV
	========================================== */

	nav.allmenu {
		position: fixed;
		z-index: 9999;
		top: 0;
		right: 0;
		width: 100%;
		max-width: 70%;
		height: 100%;		
		padding: 100px 40px 60px 40px;
		background-color: #214029;
		overflow-y: auto;
		-webkit-transform: translateX(100%);
		-moz-transform: translateX(100%);
		-ms-transform: translateX(100%);
		-o-transform: translateX(100%);
		transform: translateX(100%);
		-webkit-transition: transform 0.55s cubic-bezier(0.785, 0.135, 0.15, 0.86);
		-moz-transition: transform 0.55s cubic-bezier(0.785, 0.135, 0.15, 0.86);
		-o-transition: transform 0.55s cubic-bezier(0.785, 0.135, 0.15, 0.86);
		transition: transform 0.55s cubic-bezier(0.785, 0.135, 0.15, 0.86);
	}

	nav.allmenu.show {
		-webkit-transform: translateX(0px);
		-moz-transform: translateX(0px);
		-ms-transform: translateX(0px);
		-o-transform: translateX(0px);
		transform: translateX(0px);
	}

	nav.allmenu.show ul.mobile_main_menu li {
		-webkit-transform: translateX(0px);
		-moz-transform: translateX(0px);
		-ms-transform: translateX(0px);
		-o-transform: translateX(0px);
		transform: translateX(0px);
		opacity: 1;
	}

	nav.allmenu.show ul.mobile_main_menu li:nth-child(1) { transition-delay: 0.15s; }
	nav.allmenu.show ul.mobile_main_menu li:nth-child(2) { transition-delay: 0.3s; }
	nav.allmenu.show ul.mobile_main_menu li:nth-child(3) { transition-delay: 0.45s; }
	nav.allmenu.show ul.mobile_main_menu li:nth-child(4) { transition-delay: 0.6s; }
	nav.allmenu.show ul.mobile_main_menu li:nth-child(5) { transition-delay: 0.75s; }
	nav.allmenu.show ul.mobile_main_menu li:nth-child(6) { transition-delay: 0.9s; }
	nav.allmenu.show ul.mobile_main_menu li:nth-child(7) { transition-delay: 1.05s; }
	nav.allmenu.show ul.mobile_main_menu li:nth-child(8) { transition-delay: 1.2s; }
	nav.allmenu.show ul.mobile_main_menu li:nth-child(9) { transition-delay: 1.35s; }

	nav.allmenu ul.mobile_main_menu { list-style-type: none; }

	nav.allmenu ul.mobile_main_menu li {
		margin-bottom: 20px;
		-webkit-transform: translateX(40px);
		-moz-transform: translateX(40px);
		-ms-transform: translateX(40px);
		-o-transform: translateX(40px);
		transform: translateX(40px);
		opacity: 0;
		-webkit-transition: all 0.3s ease;
		-moz-transition: all 0.3s ease;
		-o-transition: all 0.3s ease;
		transition: all 0.3s ease;
	}

	nav.allmenu ul.mobile_main_menu li:last-of-type { margin-bottom: 0px; }

	nav.allmenu ul.mobile_main_menu li a { display: block; padding: 10px 0; text-decoration: none; color: #ffffff; font-size: 18px; font-weight: 500; -webkit-transition: all 0.3s ease; -moz-transition: all 0.3s ease; -o-transition: all 0.3s ease; transition: all 0.3s ease; }
	nav.allmenu ul.mobile_main_menu li a span { color: #fff; }
	nav.allmenu ul.mobile_main_menu li a:hover, nav.allmenu ul.mobile_main_menu li:hover > a { color: #fff; font-weight:500;}

	.overlay { position: fixed; top: 0; left: 0; z-index: 100; width: 100%; height: 100%; background: #000; -webkit-transition: all 0.3s ease-in-out; -moz-transition: all 0.3s ease-in-out; -o-transition: all 0.3s ease-in-out; transition: all 0.3s ease-in-out; opacity: 0; visibility: hidden; z-index:991; }
	.overlay.show { opacity: 0.6; visibility: visible; }

	/* accordian */
	#accordian ul ul li { margin-bottom:0px; }
	#accordian ul ul li a { display: block; padding: 0px; color: rgba(255,255,255, 0.7); text-decoration: none; line-height: 30px; font-size: 14px; font-weight: 400; -webkit-transition: all 0.15s; -moz-transition: all 0.15s; -o-transition: all 0.15s; -ms-transition: all 0.15s; transition: all 0.15s; }
	#accordian ul ul li a:hover { color: rgba(255,255,255, 1); text-decoration: underline; }

	/* active */
	#accordian ul ul { display: none; margin-top: 0px; }
	#accordian li.active ul { display: block; }

	/* main */
	.main_vis { height: 800px; }

	.main_logo { display: none; }

	.main_cont { padding: 80px 0; }
	.main_cont h3 { font-size: 38px; }
	.main_cont p { font-size: 17px; }
	.main_cont p br { display: none; }

	/* sub */
	.sub_vis { height: 340px; }
	.sub_vis .sub_text_img { margin-top: 20px; height: 180px; }

	.sub_title h2 { font-size: 35px; }
	
	.overview .imgbox { width: auto; margin: 0 auto 50px; }
	.overview .textbox { width: 100%; padding-left: 0px; }

}

@media screen and (max-width: 768px) {
	
	body { font-size: 14px; }

	/* footer */
	.footer { padding: 30px 0; }

	/* main */
	.main_vis { background: #fff url('../image/main/m_main_vis_bg02.jpg') center bottom 70px no-repeat; background-size: contain; }
	.main_text img.main_text_img { width: 350px; height: auto; }
	.main_text_logo img { max-width: 100%; height: 30px; }

	.main_cont { padding: 50px 0; }
	.main_cont h3 { margin-bottom: 20px; font-size: 30px; }
	.main_cont p { margin-bottom: 30px; font-size: 1.05em; }

	.main_cont_video iframe { height: 340px; }

	/* sub */
	.sub_vis { height: 300px; background: url('../image/sub/sub_vis01.jpg') right bottom no-repeat; background-size: cover; }

	.sub_contents { margin: 50px 0; }

	.sub_title { margin-bottom: 30px; }
	.sub_title h2 { font-size: 30px; }

	.overview .imgbox img { width: 420px; }
	.overview .textbox dl dd { font-size: 16px; }

	.overview .textbox dl dt, .overview .textbox dl dd { min-height: 40px; margin-bottom: 10px; }
	.overview .textbox dl dt { height: 40px; }
	.overview .textbox dl dd { padding-left: 20px; }

	.attend_textbox { padding: 30px; font-size: 1.05em; }
	
	.attend_title { margin-bottom: 30px; }
	.attend_title h3 { font-size: 25px; }
	.attend_title p { font-size: 16px; }
	
	.contest_list li { flex: none; width: 48%; margin-left: 4%; margin-bottom: 30px; }
	.contest_list li:nth-child(2n+1) { margin-left: 0%; }
	.contest_list li:nth-child(3), .contest_list li:nth-child(4) { margin-bottom: 0px; }
	.contest_list li h4 { font-size: 18px; }

	.contest_list02 li { flex: none; width: 48%; margin-left: 4%; margin-bottom: 30px; }
	.contest_list02 li:nth-child(2n+1) { margin-left: 0%; }
	.contest_list02 li:nth-child(3), .contest_list li:nth-child(4) { margin-bottom: 0px; }
	.contest_list02 li h4 { font-size: 18px; }

	.root_daum_roughmap .wrap_map { height: 300px !important; }

	.contest_info03_infobox .attend_infolist { display: flex; flex-wrap: wrap; width: 100%; }
	.contest_info03_infobox .attend_infolist:first-child { margin-bottom: 20px; }
	.contest_info03_infobox .attend_infolist:last-child li { width: 100%; }

	.contest_info03_infobox .attend_infolist > li { width: 49%; }
	.contest_info03_infobox .attend_infolist > li:last-child { width: 100%; }

	.program01_list li { padding: 30px; width: 50%; }
	.program01_list li:nth-child(odd) { background: #fff; }
	.program01_list li:nth-child(1), .program01_list li:nth-child(4), .program01_list li:nth-child(5) { background: #f4f4f4; }

}

@media screen and (max-width: 640px) {
	
	/* sub */
	.program01_list li { width: 100%; min-height: auto; }
	.program01_list li:nth-child(1), .program01_list li:nth-child(4), .program01_list li:nth-child(5) { background: #fff; }
	.program01_list li:nth-child(odd) { background: #f4f4f4; }

}

@media screen and (max-width: 575px) {
	
	/* main */
	.main_text img { max-width: 90%; }
	.main_text img.main_text_img { width: 250px; height: auto; }
	.main_text_logo img { max-width: 100%; height: 25px; }

	/* sub */
	.contest_info03_infobox .attend_infolist > li { width: 100%; }

}

@media screen and (max-width: 480px) {
	
	/* head */
	.head .wrap { width: 86%; height: 70px; }
	.logo img { height: 60px; }
	.burger { right: 7%; }

	/* main */
	.main_vis { height: 520px; padding-bottom: 60px; }
	.main_text_logo { bottom: 15px; }

	.main_cont h3 { font-size: 24px; }

	/* sub */
	.sub_vis { height: 250px; }
    .sub_vis .sub_text_img { height: 140px; }

	.sub_title h2 { font-size: 25px; }
	
	.sidebar { padding-bottom: 0px; }
	.sidebar_list { justify-content: flex-start; }
	.sidebar_wh05 li { flex: none; width: 33.333%; }
	.sidebar_list li a { padding: 0 5px; font-size: 15px; }

	.overview .imgbox img { width: 250px; }
	.overview .textbox dl dt { width: 120px; }
	.overview .textbox dl dd { width: calc(100% - 120px); font-size: 15px; padding-left: 10px; }
	
	.attend_infolist li { width: 100%; margin-bottom: 20px; }
	.attend_infolist li:last-child { margin-bottom: 0px; }
	.attend_infolist dl { display: flex; flex-wrap: wrap; justify-content: center; }
	.attend_infolist dl dt { margin-bottom: 10px; }
	.attend_infolist dl dd { width: 100%; padding-left: 0px; text-align: center; /* justify-content: center; */ }
	
	.contest_info03 .attend_title p br { display: none; }

	.contest_info03_infobox .attend_infolist dl { justify-content: flex-start; }
	.contest_info03_infobox .attend_infolist dl dd { text-align: left; }
	.contest_info03_inr li { margin-bottom: 10px; }

	.contest_info03 .attend_info_btnbox { margin-top: 30px; }
	
	.location_info li dl dt, .location_info li dl dd { justify-content: center; }
	.location_info li dl dt { width: 100%; padding: 0 10px; margin-bottom: 10px; }
	.location_info li dl dd { width: 100%; font-size: 16px; }
	.location_info li dl dt .icon { display: block; width: 100%; margin-right: 0px; margin-bottom: 10px; }
	.location_info li dl dt .icon img { width: 40px; }

	.location_info li dl dd p { text-align: center; word-break: keep-all; }
	.location_info li dl dd .subway_line { font-size: 14px; }
	
	.tabs { justify-content: center; }
	.tabs li { width: 32%; margin-left: 2%; margin-bottom: 10px; }
	.tabs li:nth-child(3n+1) { margin-left: 0%; }
	.tabs li a { height: 45px; }

}

@media screen and (max-width: 425px) {
	/* footer */
	.footer span { display: block; width: 100%; padding: 0 0px;  }
	.footer span:first-child { margin-bottom: 5px; }
	.footer span.line:after { display: none; }

	/* main */
	.main_cont h3 { font-size: 20px; }
	.main_cont_video iframe { height: 220px; }

	/* sub */
	.sidebar_list li a { font-size: 13px; }

	.contest_list li h4 { font-size: 15px; }
	.contest_list li .contest_more { font-size: 13px; }

}

@media screen and (max-width: 375px) {
	
	/* top */
	.logo img {  }

	/* main */
	.main_vis { height: 420px; }
	.main_text img.main_text_img { width: 180px; }
	.main_text_logo img { height: 17px; }

	/* sub */
	.attend_info_btn { width: 100%; height: 45px; }
	.attend_info_btn01 { margin-right: 0; margin-bottom: 5px; }

}