@media screen and (max-width:1400px) {

	/* header */
	#header .hd_nav .menu > a {font-size: 16px;}
	#header .hd_nav .submenu li a {font-size: 14px;}

	.main_bg .dday{top: 120px;}

}

@media screen and (max-width:1199px) {

	/* header */
	#header .aside {
		position: fixed; top:90px; bottom:0; left:-100%; width:100%; height:100%; background:#fff;  z-index: 999;
		transition:all 0.5s;flex-direction: column; gap: 0;padding: 0 20px;
	}
	#header .aside.on {left: 0;  transition:all 0.5s;}
	#header .aside_bg.on {position:fixed; top:0; left:0; right:0; bottom:0; background:#fff; z-index: -1;}
	#header .hd_box {padding:0 20px;}
	#header .hd_nav {order: 2; flex:none; width: 100%;padding-top: 20px;}
	#header .hd_nav .nav {flex-direction: column; max-width: 100%;}
	#header .hd_nav .menu {height: auto; cursor: pointer;;}
	#header .hd_nav .menu > a {position: unset; transform: unset;padding: 20px; text-align: left; height: auto;}
	#header .main_color > a{color: #F2ECFF !important;background: #5F36C6 !important;font-weight: 600;border-radius: 10px;}
	#header .hd_nav .submenu {position: unset; transform: unset;box-shadow: none; background: #f5f5f5;border-radius: 0;}
	#header .hd_snb {order: 1; width: 100%; height: 50px;gap: 0; align-items: center; justify-content:space-between;border: 1px solid #000; border-radius: 10px; background: #fff;}
	#header .hd_snb a {color: #000; font-weight: 700; width: 50%; height: 100%;display: flex;align-items: center; justify-content: center; vertical-align: middle; text-align: center;}
	#header .hd_snb a:first-child{border-right: 1px solid #000;}
	#header .hd_snb a.w100:first-child{border-right-width: 0;}
	#header .hd_sns {order: 3; padding: 20px 0;}

	#header .lang{width: 100%;margin-bottom: 10px; border-radius: 10px; padding: 10px 15px;}
	#header .lang > a{justify-content: space-between;}
	#header .langmenu{width: 100%; position: relative; top: 0; margin-top: 20px; border: none;}
	#header .hd_nav .submenu li a{color: #000; text-align: start; padding: 10px 25px;font-size: 16px;}
	
	/* footer */
	#footer .ft_host .box_r { width: 140px;}
	#footer .ft_box .box2{flex-direction: column;gap: 20px; text-align: center;}
	#footer .ft_box .box2 .privacy{margin-left: 0; gap: 20px;margin-top: 20px;}
	#footer .ft_box .box2 .right{margin-left: 0;}
	#footer .ft_box .box2 .right .f_sns{justify-content: center;}
	
	/* mobile menu */
	.m_submenu > a {pointer-events: none;}
	.m_box {display:block; width:90px; height:90px; position:absolute; top:0; right: 0;}
	.m_menu {
		position:absolute; right:10px; top:50%; width:35px; height:35px; transform: translate(-50%,-50%);
		text-decoration:none;  z-index: 999
	}
	.m_menu span {
		display:block; width:100%; height:2px; background:#fff;
		color:transparent; position:absolute; top:50%; transform: translate(0,-50%); transition:all 0.5s;
	}
	.m_menu span:before,
	.m_menu span:after {content:""; position:absolute; left:0; top:0; width:100%; height:2px; background:#fff; transition:all 0.5s;}
	.m_menu span:before {top:-13px;}
	.m_menu span:after {top:13px;}
	.m_menu.on span, #header.active .m_menu.on span {background:rgba(225,245,136,0);}
	.m_menu.on span:before{top:0px; transform : rotate(45deg); background: #000;}
	.m_menu.on span:after {top:0px; transform : rotate(-45deg); background: #000;}

	#header.active { background: #fff;}
	#header.active .m_menu span {background:#000;}
	#header.active .m_menu span:before,
	#header.active .m_menu span:after {background:#000;}

	body:has(.aside_bg.on) #header .logo_swap{display:block;}
	body:has(.aside_bg.on) #header .logo_swap_w{display:none;}
	body:has(.aside_bg.on) #header .hd_nav .menu > a{color: #000;}


	.lock_scroll .black_bg .hd_logo{color: #000;}

	/* main */
	.main_card .main_card_list{gap: 20px;}
	.main_card .main_card_list li{border-radius: 40px;}
	.main_more .more_box{border-radius: 40px;padding: 60px;}
	.main_host ul{gap: 20px;}
	.main_host ul li{border-radius: 20px;}
	.main_host ul .logo img{object-fit: contain;}

	.main_bg .dday{top: 100px;}

	.main_g .fill_wrap{font-size: 3rem;}

	/* overview */
	.over_sec .box1{max-width: 400px;}
	.over_sec .box2 tr{padding: 15px 0;}
	.over_sec .box2 th{width: 120px; font-size: 1rem;}

	.over_sec .speaker_list{grid-template-columns: repeat(2, 1fr);}

	.notice_wrap .board_list .tit{font-size: 1rem;max-width: 600px;}
	.notice_wrap .board_list .date{font-size: 0.875rem;}
	
}


@media screen and (max-width:899px) {

	/* 공통적용 */
	.sec_t {margin-top: 70px;}
	.p_tb {padding: 60px 0;}
    .p_t {padding-top: 60px;}
    .p_b {padding-bottom: 60px;}

	/* padding · margin style*/
	.padding_tb {padding:70px 0;}
	.padding_t {padding-top: 70px;}
	.padding_b {padding-bottom: 70px;}
	.margin_tb {margin:70px 0;}
	.margin_t {margin-top: 70px;}
	.margin_b {margin-bottom: 70px;}

	/* header */
	#header {height: 70px;}
	#header .hd_dday {width: auto; height: auto; padding: 8px 10px 5px; border-radius: 10px;}	
	#header .aside{top: 70px;}
	#header .hd_logo img{max-height: 40px;}
	.m_box {height: 66px; width: 70px;}
	.m_menu {width: 24px; height: 30px; right: 5px;}
	.m_menu span:before {top: -8px;}
	.m_menu span:after {top: 8px;}

	.black_bg .m_menu span:before {top: -8px;}
	.black_bg .m_menu span:after {top: 8px;}

	/* footer */
	#footer .ft_box .box1 {padding:15px 0 20px;}
	#footer .ft_box .box1 .ft_snb a {font-size: 14px;}
	#footer .ft_box .box2 .info p {font-size: 18px;}
	#footer .ft_box .box2 .info span {font-size: 14px;}

	/* main */
	.main_card .main_card_list{grid-template-columns: repeat(2, 1fr);}
	.main_card .main_card_list li img{max-height: 300px;width: 100%;}
	.main_news .tab_list li{font-size: 1.5rem;}
	.main_news .board_list table{margin-top: 30px;}
	.main_news .board_list td{font-size: 1.25rem;}
	.main_news .board_list tr td:last-child img{max-width: 40px;}
	.main_more .more_box{padding: 60px 40px;}
	.main_more .more_box .tit{font-size: 1.5rem;margin-bottom: 20px;}
	.main_more .more_box .more_btn{font-size: 1rem;padding: 8px 40px 8px 20px;}
	.main_more .more_box .more_btn::after{right: 20px;margin-top: 2px;}
	.main_host ul{gap: 10px;}
	.main_host ul .logo img{height: 28px;}
	.main_host ul .tit{font-size: 1.125rem;margin-bottom: 15px;}

	.main_bg .dday{top: 160px;}

	.main_bg .sub_tit{font-size: 1.5rem;}
	.main_bg .tit{font-size: 2.5rem;}
	.main_bg .date{font-size: 1.5rem;}

	.main_m .top .tit{font-size: 1.5rem;}
	.more_content ul{ grid-template-columns: repeat(1, 1fr);}
	.more_content ul li img{width: 100%;aspect-ratio: 1/0.5; border-radius: 15px;}

	.main_h .tit{font-size: 1.5rem;}

	.main_g .fill_wrap{font-size: 2rem; display: grid; gap: 20px;}
	
	/* 서브공통 */
	.sec_main_tit{font-size: 2rem;}
	.over_sec{margin-top: 30px;}
	.sec_tit{font-size: 1.5rem;margin-bottom: 20px;}

	/* 행사개요 */
	.over_sec_box{flex-direction: column;}

	/* 공지사항 */
	.notice_wrap .board_list .tit{max-width: 400px;}

	.faq_list .faq_q{padding: 20px;}
    .faq_list .faq_item .q_text{font-size: 1rem;}
    .faq_list .faq_a_inner{padding: 20px;font-size: 1rem;}

}

@media screen and (max-width:599px) {

	/* 공통적용 */
	.shadow {box-shadow: 5px 5px 0 rgba(0, 0, 0, 1) ; -webkit-box-shadow: 5px 5px 0 rgba(0, 0, 0, 1); -moz-box-shadow: 5px 5px 0 rgba(0, 0, 0, 1);}


	/* padding · margin style*/
	.padding_tb {padding:50px 0;}
	.padding_t {padding-top: 50px;}
	.padding_b {padding-bottom: 50px;}
	.margin_tb {margin:50px 0;}
	.margin_t {margin-top: 50px;}
	.margin_b {margin-bottom: 50px;}


	/* popup style */
	.popup .pop_tit {height: 40px; line-height:40px; font-size: 16px;}
	.popup .view_box .close {width: 44px; height: 44px; padding: 13px;}

	/* header */
	#header .hd_nav {padding-top: 10px;}
	#header .hd_nav .menu > a {text-align: left; padding: 12px 20px;}
	#header .hd_logo img{height: 32px;}

	/* footer */
	#footer .ft_host .inner {flex-direction: column;}
	#footer .ft_box .box2{padding: 40px 0;}
	#footer .ft_box .box2 .info img{height: 60px; object-fit: cover;}
	#footer .ft_box .box2 .info li{font-size: 0.875rem;}
	#footer .ft_box .box2 .info .info_first{flex-direction: column;}
	#footer .ft_box .box2 .info .info_first li{margin-right: 0;padding-right: 0;}
	#footer .ft_box .box2 .info .info_first li::after{display: none;}
	#footer .ft_box .logo img{max-height: 30px;}

	.main_bg .tit{font-size: 2rem;}

	.main_t .sec_box{background: url(/img/main_bg_m-41ec43988ae074dd1110978748b0afd4.webp) no-repeat;background-position: center; height: inherit;background-size: cover;}
	.main_bg{height: inherit;min-height: 780px; padding: 0 20px;}
	.main_bg .tit{padding: 10px 0;font-size: 2rem;}
	.main_bg .sub_tit{font-size: 1.25rem;}
	.main_bg .date{font-size: 1rem;}
	.main_bg .btn{width: 100%;}
	.main_bg .btn a{padding: 8px 16px; font-size: 1rem;display: block;}
	.more_content ul li{height: 240px; border-radius: 15px;overflow: hidden;}
	.more_content ul li div{font-size: 1.5rem;bottom: 20px;left: 20px;}

	.main_m .top .down_btn a{font-size: 0.875rem; padding: 8px 16px;}
	.main_m .top .down_btn a::after{width: 20px; height: 20px; background-size: cover;}

	.main_bg .dday{top: 90px; font-size: 1.5rem;}

	.sub_t{height: 240px;}
	.sub_t .tit{font-size: 1.5rem;min-height: 240px;}
	.sec_tit{font-size: 1.25rem;}

	.sec_main_tit{font-size: 1.5rem;}

	.more_content ul li img{aspect-ratio: 1 / 0.9;}

	.main_g .fill_wrap{font-size: 1.5rem;}

	/* 행사안내 */
	.tab_wrap .list li a{font-size: 1rem;}
	.over_sec{margin-top: 30px;}
	.over_sec .box2 th{width: 80px;font-size: 0.875rem;}
	.over_sec .box2 td{font-size: 0.875rem;padding: 0 10px;}
	.over_sec .box2 td img{height: 22px;}
	.over_sec .box2 td img:first-child{margin-right: 0;}
	.over_sec .box2 td.host{gap: 20px;}
	
	.select select{font-size: 0.875rem;}
	
	/* paging */
	.paging {margin-top:30px;margin-bottom: 0px;}
	.paging ol li {font-size: 0.75rem; } 
	.paging ol li a {width: 32px; height: 32px; line-height: 32px;}

	.board_top .search_box{width: 100%;}
    .board_top .search_box .select{width: 35%;}
    .board_top .search_box .input input{width: 100%;font-size: 0.875rem;}
	.notice_wrap .board_list tbody tr td{padding: 20px 10px;}
    .notice_wrap .board_list .num{font-size: 0.875rem;max-width: 50px;}
    .notice_wrap .board_list tbody tr td:nth-child(3){display: none;}
	.notice_wrap .board_list tbody tr td:nth-child(4){width: 20%;}
	.notice_wrap .board_list .date{padding: 0;}
	.notice_wrap .board_list .tit{max-width: 160px;}
	.notice_wrap .board_list .col-02{width: 50%;}
	.notice_wrap .board_list .col-03{width: 100%;}

	.view_top{gap: 20px;}
    .view_top .gu{font-size: 1.125rem;}
    .view_top .date{flex-shrink: 0;}
	.btn { margin-top: 30px;}

	.over_sec .speaker_list{gap: 10px;}
	.over_sec .speaker_list .txt .name{font-size: 1.125rem;}
	.over_sec .speaker_list .txt .position{font-size: 0.875rem;}

	.faq_list .faq_q{padding: 15px 10px;}
    .faq_list .faq_a_inner{padding: 15px;font-size: 0.875rem;}
}