@media screen and (max-width: 1200px) {
	
	.wrap { width: 96%; }

}

@media screen and (max-width: 1100px) {
		
	/* head */
	.menu { margin-right: 10px; }
	.menu li { padding: 0 15px; }

}

@media screen and (max-width: 1024px) {
	
	/* popup */
	.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 */
	.head_right { margin-right: 50px; }
	.head_right ul.menu { display: none; }

	nav.mobile_menu { position: fixed; top: -100vh; display: flex; flex-wrap: wrap; align-items: center; justify-content: space-between; width: 100%; height: 100vh; z-index: 9001; background: rgba(0, 0, 0, 0.9); border-bottom-right-radius: 100%; border-bottom-left-radius: 100%; transition: all 650ms cubic-bezier(1,0,0,1); }
	nav.mobile_menu.open { top: 0; padding: 80px 0px; border-radius: initial; }

	.nav-inner { display: flex; width: 100%; flex-wrap: wrap; justify-content: space-between; align-items: center; }
	.nav-list { display: flex; justify-content: center; align-items: flex-start; flex-direction: column; width: 100%; height: 100%; }
	.nav-list li { margin-bottom: 30px; width: 100%; text-align: center; }
	.nav-list li:last-child { margin-bottom: 0px; }
	.nav-list li a { position: relative; color: #fff; font-size: 1.3em; font-weight: 400; }

	.nav-link { padding: 1rem; font-size: 2rem; }
	.nav-link:hover, .nav-link:focus { color: #fff; }

	.menu-toggler { position: absolute; top: 30px; right: 2%; width: 30px; height: 19px; display: flex; flex-direction: column; justify-content: space-between; z-index: 99; /* transition: all 650ms ease-out; */ cursor: pointer; }
	.head.scrolled .menu-toggler { position: fixed; top: 25px; } 
	.menu-toggler.open { position: fixed; top: 30px; right: 20px; z-index: 9999; transform: rotate(-45deg); }

	.bar { background-color: #222; width: 100%; height: 2px; border-radius: 0.8rem; }
	.open .bar { background-color: #fff; }

	.bar.half { width: 50%; }
	.bar.top { transform-origin: right; transition: transform 650ms cubic-bezier(0.54, -0.81, 0.57, 0.57); }
	.open .bar.top { transform: rotate(-450deg) translateX(0.45rem); }
	.bar.bottom { align-self: flex-end; transform-origin: left; transition: transform 650ms cubic-bezier(0.54, -0.81, 0.57, 0.57); }
	.open .bar.bottom { transform: rotate(-450deg) translateX(-0.45rem); }

	.nav-inner ul ul { display: none; margin-top: 10px; }
	.nav-inner ul ul li { margin-bottom:0px; }
	.nav-inner ul ul li a { display: inline-block; padding: 0px; color: rgba(255, 255, 255, 0.7); font-size: 1.1em; font-weight: 300; line-height: 1.8; text-decoration: none; -webkit-transition: all 0.5s; -moz-transition: all 0.5s; -o-transition: all 0.5s; -ms-transition: all 0.5s; transition: all 0.5s; }
	.nav-inner ul ul li a:hover { color: rgba(255, 255, 255, 1); }
	.nav-inner ul ul li a:before { display: none; height: 1px; }

	.nav-inner .sns_list { display: flex; justify-content: center; width: auto; position: absolute; right: 60px; top: 20px; }
	.nav-inner .sns_list li { margin: 0px 5px; }
	.nav-inner .sns_list li a { width: 35px; height: 35px; }
	.nav-inner .sns_list li a.icon_insta { background: rgba(255, 255, 255, 0.1); }
	.nav-inner .sns_list li a.icon_youtube { background: rgba(255, 255, 255, 0.1); }
	.nav-inner .sns_list li a.icon_kakao { background: rgba(255, 255, 255, 0.1); color: #fff; }
	.nav-inner .sns_list li a.icon_link { background: rgba(255, 255, 255, 0.1); }

	/* main */
	.main_con01_inr { flex: none; width: 100%; }
	.main_con01_inr01 { margin-bottom: 20px; }

	/* sub */
	.exchange_list { width: 100%; }

}

@media screen and (max-width: 768px) {
	
	/* main */
	.main_con { padding: 30px 0; }

	.main_con03_inr { flex: none; width: 100%; }
	.main_con03_inr01 { margin-bottom: 20px; }

	/* sub */
	.sub_contents { margin: 40px 0; }
	
	.apply h5 { font-size: 1.5em; }
	.apply_textlist01 > li { font-size: 1.3em; }
	.apply_imgbox { margin-bottom: 50px; }

	.exchange_list { gap: 0 10px; }
	.exchange_list li .btnbox { padding: 0 20px; }

}

@media screen and (max-width: 575px) {
	
	/* sub */
	.exchange_list { gap: 10px 0px; }
	.exchange_list li { flex: none; width: 100%; }

}

@media screen and (max-width: 480px) {
	
	/* head */
	.head { height: 60px; }
    .menu-toggler { top: 20px; }

	.member_list li a { min-width: 70px; height: 30px; padding: 0 10px; font-size: 11px; }

	/* main */
	.main_con01_btnlist li a .inr_left .main_con01_logo { gap: 0 10px; }
	.main_con01_btnlist li a .inr_left { gap: 0 10px; }
	.main_con01_btnlist li a .inr_left .main_con01_logo { width: 101px; }

	.main_con02 h3 { text-align: center; font-size: 20px; }

	.main_con03_inr { padding: 30px; }
	.main_con03_inr02 { background-size: 120%; }
	.main_con03_inr h3 { margin-bottom: 10px; font-size: 20px; }
	.main_con03_inr p { margin-bottom: 20px; font-size: 13px; }
	.main_con03_inr p br { display: none; }

	/* sub */
	.apply_btnbox { gap: 0 10px; }
	.apply_btnbox a { width: 170px; }

}

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

	/* head */
	.head .logo a { font-size: 20px; }
	.head_right { margin-right: 45px; }

	/* main */
	.main_con01_btnlist li a { padding: 10px; }
	.main_con01_btnlist li a .inr_left .main_con01_logo { width: 80px; gap: 0 5px; }
	.main_con01_btnlist li a .inr_left .main_con01_logo img { width: 35px; }
	.main_con01_btnlist li a .more { justify-content: center; text-align: center; width: 100%; height: 30px; margin-top: 5px; background: #eee; border-radius: 5px; }

	/* sub */
	.exchange_list li .infobox h4 { margin-bottom: 10px; }
	.exchange_list li .infobox p { margin-bottom: 10px; }

}

@media screen and (max-width: 375px) {
	
	/* sub */
	.apply_btnbox { gap: 0 10px; }
	.apply_btnbox a { width: 140px; height: 50px; }
	
	.exchange_list li .infobox { padding: 30px 20px 130px; }
	.exchange_list li .btnbox { gap: 10px 0px; }
	.exchange_list li .btnbox a { flex: auto; width: 100%; }

}

@media screen and (max-width: 325px) {
	
	/* head */
	.member_list li a { min-width: auto; height: 25px; padding: 0 10px; }
	.member_list li a.join_btn i { display: none; }

	/* main */
	.main_con01_btnlist li a .inr_left .main_con01_logo { justify-content: center; text-align: center; gap: 10px; width: 100%; margin-bottom: 5px; }
	.main_con01_btnlist li a .inr_left p { text-align: center; width: 100%; }

}