@media screen and (min-width:1401px) {
    .menu {display: flex;gap: 30px;}
    .menu > li > a {display: block;padding: 10px 0;}
    .sub_menu {position: absolute;top: 100%;left: 50%;transform: translateX(-50%);text-align: center; min-width: 140px; border-radius: 10px; padding: 10px 0;background: #fff;box-shadow: 0 10px 20px rgba(0,0,0,0.1); z-index: 10;}
    .sub_menu li a {display: block;padding: 8px 16px;white-space: nowrap;}
}
@media screen and (max-width:1400px) {

	/* floating */
	#floating a {width: 120px;}

	/* header */
	#header{height: 90px;}
    #header .inner{justify-content: space-between;}
    #header .hamberg {width: 24px; height: 24px; font-size: 0; display: flex; align-items: center; cursor: pointer; position: relative; z-index: 2;}
    #header .hamberg span {width: 100%; height: 2px; background: #000; display: block; position: relative; transition: all .3s;}
    #header .hamberg span::before,
    #header .hamberg span::after {display: block; content: ""; width: 100%; height: 2px; background: #000; position: absolute; transition: all .3s;}
    #header .hamberg span::before {top: -8px;}
    #header .hamberg span::after {top: 8px;}
    #header .hamberg span.on {background: rgba(255,255,255,0);}
    #header .hamberg span.on::before {top: 0; transform: rotate(-45deg);}
    #header .hamberg span.on::after {top: 0; transform: rotate(45deg);}

    /* #header .nav_wrap {
        position: fixed; top: 0; left: -100%; background: rgba(0,0,0,.95); width: 100%; height: 100vh;
        transition: all .3s; z-index: 1;
    }
    #header .nav_wrap.on {left: 0; flex-direction: column;justify-content: center;} */
    
    #header .submenu {position: unset; transform: unset; width: 100%; border: 0; background: #222; padding: 20px;}
    #header .submenu > div {gap: 15px;}
    #header .submenu > div > a {font-size: 0.9125em;}
    
    .hamberg_wrap{display: flex; align-items: center; gap: 10px;}
    .utils_item.has_dropdown:has(.conven_btn) {display: block;}
    .conven_btn img{margin-bottom: 1px;}
    .utils_item.open .dropdown{z-index: 999;}
    #header .conven_btn{min-width: inherit;padding: 0;gap: 0; font-size: 0; border: none;}
    #header .conven_btn:focus{outline: none;}
    #header .conven_btn::after{display: none;}
        
    #header .hamberg span.on::before, #header .hamberg span.on::after{ background: #fff;}
    .accessibility_exempt .dropdown{font-size: 13px !important;line-height: 1.3 !important;}
    .accessibility_exempt .dropdown button,
    .accessibility_exempt .dropdown span {font-size: 13px !important;line-height: 1.3 !important;}

    .hd_site_map{top: 90px;right: unset;max-width: 500px;border-right: 1px solid #d5d5d5;}
    .hd_site_map .site_map_nav .dept2>li>a.outLink::after {width: 16px; height: 16px; right: -18px;}
    .hd_site_map .site_map_box {position: unset;transform: unset;width: 100%;}
    .hd_site_map .site_map_nav .dept1 {display: block;padding: 20px 40px;padding-bottom: 0;}
    .hd_site_map .site_map_nav .dept1>li {width: 100%;padding-bottom: 10px;cursor: pointer; text-align: left;}
    .hd_site_map .site_map_nav .dept1>li>a {border: 0;color: #B89647; font-size: 1.5em;padding-bottom: 10px;pointer-events: none;}
    .hd_site_map .site_map_nav .dept2 {padding: 20px 5px;display: none;border-top: 2px solid var(--mainColor);}
    .hd_site_map .site_map_nav .dept2>li {padding: 10px 0;}
    .hd_site_map .site_map_nav .dept2>li>a {font-size: 1em;line-height:1.2em;}
    .site_map_top {margin: 0 40px;padding: 30px 0;border-bottom: 1px solid #ededed;display: block;}
    .site_map_top_btn {font-size: 1rem;}
    .site_map_top_btn a:after {display: inline-block;content: "｜";vertical-align: middle;margin: 0 3px 2px;}
    .site_map_top_btn a:last-child::after {display: none;}

    .hd_site_map .site_map_nav .dept1>li{width: 100% !important;}
    .hd_site_map .site_map_new.dept1{padding-top: 0;}
    .hd_site_map .site_map_nav .link_dept1{display: block;padding: 0 40px 20px 40px;}

    .hd_site_map .site_map_nav .site_map_new li {width: 100% !important; padding-bottom: 10px;}
    .hd_site_map .site_map_nav{gap: 0;}

    .site_map_top_link{display: flex; align-items: center;margin-top: 20px;border-radius: 10px;overflow: hidden;}
    .site_map_top_link a{background: #EEEEEE; padding: 15px 45px; width: 100%;text-align: center;border-right: 1px solid #fff;}
    .site_map_top_link a:last-child{border: none;}

    .donate_btn{background: #fff; color: #000; display: none;}
    .profile_btn img{background: #fff; border-radius: 50px;}
    .has-sub.open .sub_menu{display: block;width: 80%; margin: 0 auto; text-align: center;}

	.main_t{margin-top: 90px;}
	.main_t .main_banner{padding: 100px 0;}
	.main_t .sec_box .tit{font-size: 2.5rem; margin-top: 10px;}
	.main_t .line-bg.right::after{left: 95%;}
	.main_t .line-bg.right .dot{left: 95%;}
	.main_t .line-bg.left::after{left: 5%;}
	.main_t .line-bg.left .dot{left: 5%;}
	.main_t .sub_text_left{left: 50px; bottom: 40px;}
	.main_t .sub_text_right{right: 50px;}

	.manage_box{flex-direction: column; gap: 50px;}
	.manage_box ul{justify-content: center; gap: 100px;}
	.main_manage::before{right: 30px;left: inherit;top: 10px;}

	.about_us{flex-direction: column;}
	.about_point ul{margin-top: 50px;grid-template-columns: repeat(4, 1fr); gap: 0;}
	.solution_icon img{display: none;}

	/* 서브카테 */
	.sec_t{margin-top: 90px;}
	.cate_n ul {width: 92%; margin-left: 8%; }

}

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

	/* header */
	#header .aside {
		position: fixed; top:0; bottom:0; left:-500px; width:500px; height:100%; background:#fff;  z-index: 999;
		border-right:4px solid #000;  transition:all 0.5s;
		flex-direction: column; gap: 0;
	}
	#header .aside.on {left: 0;  transition:all 0.5s;}
	#header .aside_bg.on {position:fixed; top:0; left:0; right:0; bottom:0; background: rgba(0,0,0,0.8); z-index: 998;}
	#header .hd_box {padding:0 20px;}
	#header .hd_nav {order: 2; flex:none; width: 100%;}
	#header .hd_nav .nav {flex-direction: column; }
	#header .hd_nav .menu {height: auto; cursor: pointer;}
	#header .hd_nav .menu > a {position: unset; transform: unset; height: 80px; line-height: 80px;}
	#header .hd_nav .submenu {position: unset; transform: unset; border: 0; background: #f1f1f1;}
	#header .hd_snb {order: 1; width: 100%; height: 90px; border-bottom: 4px solid #000; padding: 0 20px; align-items: center; justify-content: center; background: #E26534;}
	#header .hd_snb a {color: #000; font-weight: 700;}
	#header .hd_sns {order: 3; padding: 20px 0;}
	.utils_item {display: none;}
	#header .menu {display: none; gap: 10px; width: 100%; justify-content: center; height: auto; flex-direction: column; color: #fff;}
    #header .menu > li {height: auto; width: 100%;}
    #header .menu > li::after {display: none;}
    #header .menu > li > a {height: auto; height: 50px; color: #fff; font-size: 1.125em; padding: 0 20px;}
    #header .menu > li > a::after {display: none;}
	#header .megamenu{display: flex;align-items: center;}
	#header .lang{width: 100%; padding: 0;}
	#header .lang > a{justify-content: space-between;}
	#header .langmenu{width: 100%; position: relative; top: 0; margin-top: 10px; border: none;}
	#header .lang .flex{justify-content: left;}

	.hd_site_map .shop{padding: 20px 40px;}
	.hd_site_map .shop_btn{background: #000; color: #fff; width: 100%; padding: 8px 20px; display: block;}
	
	/* 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:3px; background:#000;
		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:3px; background:#000; 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: #fff;}
	.m_menu.on span:after {top:0px; transform : rotate(-45deg); background: #fff;}

	/* 메인 */
	.qna_q{font-size: 20px;}
	.qna_a_inner{font-size: 16px;}

	.about_point ul li .tit{font-size: 1rem;}
	.manage_box ul{gap: 60px;}

	.main_solution .sol_stage ul{gap: 60px;}
	.main_today .today_box .today_list ul{gap: 20px;}
	.main_today .today_box .today_list ul li{padding: 30px;}
	.today_balance .balance_table{padding: 30px;}
	

	/* 서브카테 */
	.cate_n_s ul a {padding:18px 10px 15px;}
	.main_solution .sol_stage ul li::after{right: -53px;}

	/* 자료실 */
	.ai_briefing ul{grid-template-columns: repeat(2, 1fr);}
	.press_list ul{grid-template-columns: repeat(2, 1fr);}

	.about_point.eng_point ul{ grid-template-columns: repeat(2, 1fr);}
	.manage_box.mangae_eng ul{flex-wrap: wrap;}
	.manage_box.mangae_eng ul li{width: 45%; flex: inherit;}

}


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

	/* 공통적용 */
	.sec_t {margin-top: 60px;}
	.cate_t .inner{padding: 40px 0;}
	.cate_t .top_tit{font-size: 3rem;}
	.cate_t .sub_tit{margin-top: 40px;}
	.cate_t .sub_tit .tit{font-size: 3rem;}
	.cate_t .sub_tit .txt{font-size: 1rem;}
	.line-bg::before{top: 120px;}
	.line-bg.right .dot{top: 120px;}
	.line-bg.left .dot{top: 120px;}

	/* padding */
    .p_tb {padding: 60px 0;}
    .p_t {padding-top: 60px;}
    .p_b {padding-bottom: 60px;}

	/* header */
    #header {height: 60px;}
    #header .inner {gap: 20px;}
    /* #header .lang {margin-left: auto;} */
	
    #header .logo img {height: 50px;}
	

	.hd_site_map{top: 60px;}

	/* footer */
	#footer .ft_box .f_tit{font-size: 2rem; gap: 30px;}
	#footer .ft_box .f_tit a{padding: 12px 20px;}
	#footer .ft_box .info{flex-direction: column;}
	#footer .ft_box .f_info{flex-direction: row; gap: 30px; font-size: 1.125rem;}
	#footer .ft_box .f_bottom .flex{justify-content: left;}

	/* 메인 */
	.main_t{margin-top: 60px;}
	.main_t .sub_text_right{bottom: 30px;right: 30px; width: 200px;padding: 20px;}
	.main_t .main_banner{height: calc(100vh - 60px);}
	.main_t .main_banner img{width: 80%;}
	.main_t .sub_bg{left: 60%;}

	.about_us .about_txt .tit{font-size: 1.5rem;}
	.about_us .about_txt .desc{font-size: 1.5rem;}
	.about_us .about_txt .btn a{ padding: 12px 20px;}
	.about_point ul{grid-template-columns: repeat(2, 1fr); gap: 20px;}
	.about_point ul li .nae{font-size: 3rem;}
	.about_point ul li .nae span{font-size: 1rem;}
	.about_us{margin-bottom: 50px;}
	.about_us .about_txt .desc{margin-bottom: 20px;}
	.about_us .about_txt .keyword{margin-bottom: 40px;}

	.manage_box{gap: 30px;}
	.manage_box .manage_intro .tit{font-size: 2rem;}
	.manage_box ul{padding: 30px 0; gap: 30px;}
	.manage_box ul li img{max-width: 100px;}
	.main_manage::before{width: 200px; height: 200px;}

	.main_solution .inner > .tit{font-size: 2rem;}
	.solution_bg img{max-width: 500px; width: 100%;}
	.main_solution .solution_txt .big{top: 240px;left: 30px; font-size: 1rem;}
	.main_solution .solution_txt .small{top: 450px; right: 30px; font-size: 1rem;}
	.main_solution .sol_stage ul{flex-direction: column; gap: 150px;}
	.main_solution .sol_stage ul li{width: 100%; padding: 70px 0 30px;}
	.main_solution .sol_stage ul li img{top: -56%;}
	.main_solution .sol_stage ul li::after{right: inherit; left: 50%; transform: translateX(-50%) rotate(-270deg); top: inherit; bottom: -26%;}

	.main_today .today_box > .tit{font-size: 2rem;}
	.main_today .today_box .today_list ul{flex-direction: column;margin-top: 40px;}
	.today_balance{flex-direction: column;gap: 30px;}
	.today_balance .balance_txt .tit{font-size: 2rem;}
	.main_today .today_box .today_list ul li .desc{font-size: 1.125rem;}

	/* 자료실 */
	.ai_briefing ul{gap: 10px;}
	.ai_briefing ul li a{padding: 20px;}
	.ai_briefing ul li .tit{font-size: 1.25rem;}
	.ai_briefing ul li .desc{font-size: 1rem; margin: 10px 0;}
	.ai_briefing ul li .date{font-size: 0.875rem;}

	.press_list ul{gap:20px;}
	.press_list .thum{padding: 20px;}
	.press_list .thum .tit{font-size: 1.5rem;}
	.press_list .key span{font-size: 0.875rem;}

	.board_detail .tit{font-size: 1.5rem;}
	.board_detail .board_content{padding:20px;}
	.board_detail.md_width{margin-top: 80px;}
	.view_wrap{margin-top: 80px;}

	.view_top .gu{font-size: 1.5rem;}
}

@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);}

	.cate_t .top_tit{font-size: 2rem;}
	.cate_t .sub_tit{margin-top: 40px;}
	.cate_t .sub_tit .tit{font-size: 2rem;}
	.cate_t .sub_tit .txt{font-size: 1rem;}
	.line-bg::before{top: 100px;}
	.line-bg.right::after{left: 70%;}
	.line-bg.right .dot{top: 100px;left: 70%;}
	.line-bg.left::after{left:70%;}
	.line-bg.left .dot{top: 100px;left: 70%;}

	/* 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;}


	/* 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;}

	/* hedaer */    
	#header .inner {gap: 10px;}
    #header .nav_wrap {width: 100%;}

    .site_map_top{margin: 0 20px;padding: 20px 0 20px;}
    .site_map_top_link a{font-size: 0.875em;}
    .hd_site_map .site_map_nav .dept1{padding: 20px;}
    .hd_site_map .site_map_nav .dept1>li>a{font-size: 1.25em;}
    .hd_site_map .site_map_nav .dept2{padding: 10px 5px;}
    .hd_site_map .site_map_nav .dept2>li{padding: 6px 0;}

	.hd_site_map .shop{padding: 20px;}

	/* footer */
	#footer .ft_box .box2{padding: 40px 0;}
	#footer .ft_box .f_tit{font-size: 1.25rem; gap: 20px;margin-bottom: 20px;}
	#footer .ft_box .f_info{flex-wrap: wrap; gap: 10px 20px; font-size: 1rem;}
	#footer .ft_box .f_bottom{margin-top: 20px;}
	#footer .ft_box .f_bottom ul{gap: 10px; border-top: 1px solid #ddd; border-bottom: 1px solid #ddd; padding: 20px 0;}
	#footer .ft_box .f_bottom .flex{flex-direction: column; gap: 10px;margin-top: 30px;}

	/* 메인 */
	.main_t .sub_bg{left: 40%;}
	.main_t .sec_box .tit{font-size: 1.5rem;}
	.main_t .sub_text_left{bottom: inherit; top: 360px;}
	.main_t .sub_text_right{right: 50px;bottom: inherit; top: 440px;}
	.flow_bg{padding: 20px 0;}
	.flow_bg p{width: 1460px;}
	.flow_bg p img{height: 30px;}

	.flow_bg.eng p{width: 1180px;}
	
	.about_us .about_txt .tit{font-size: 1.25rem;}
	.about_us .about_txt .desc{font-size: 1.25rem;}
	.about_us .about_txt .desc br{display: none;}
	.about_us .about_txt .keyword{flex-direction: column; align-items: start;}
	.main_about img{height: 210px; object-fit: cover;}
	.about_point ul{gap: 10px;}
	.about_point ul li .tit{font-size: 0.875rem;}
	.about_point ul li .nae{font-size: 2rem; margin-top: 5px;}

	.manage_box ul{flex-wrap: wrap; gap: 20px 10px;}
	.manage_box ul li{width: 45%;}
	.manage_box ul li .name{font-size: 1.125rem;margin-top: 10px;}
	.manage_box ul li .gu{font-size: 0.875rem;margin-bottom: 5px;}
	.manage_box ul li .nae{font-size: 0.875rem;}
	.manage_box .manage_intro .tit{font-size: 1.25rem;}
	.manage_box .manage_intro .txt{font-size: 1.125rem;}
	.manage_box .manage_intro .txt br{display: none;}
	.main_manage::before{width: 80px; height: 80px;}

	.main_solution .inner > .tit{font-size: 1.5rem;}
	.main_solution .solution_txt .big{top: 160px;}
	.main_solution .solution_txt .small{top: 350px;}
	.main_solution .sol_stage ul{gap: 100px;}
	.main_solution .sol_stage ul li{padding: 40px 0 20px;}
	.main_solution .sol_stage ul li img{width: 70px; height: 70px;top: -42%;}
	.main_solution .sol_stage ul li:nth-child(2) img{top: -70px;}
	.main_solution .sol_stage ul li::after{bottom: -25%;}
	
	.main_today .today_box > .tit{font-size: 1.5rem;}
	.main_today .today_box .today_list ul {gap: 10px;margin-bottom: 40px;}
	.main_today .today_box .today_list ul li{padding: 20px;}
	.main_today .today_box .today_list ul li .num{font-size: 1.5rem;}
	.main_today .today_box .today_list ul li .tit{font-size: 1.125rem;margin: 10px 0 5px;}
	.main_today .today_box .today_list ul li .desc{font-size: 1rem;}

	.today_balance .balance_txt .tit{font-size: 1.5rem;}
	.today_balance .balance_txt .txt{font-size: 1rem;}
	.today_balance .balance_table{padding: 20px;}
	.today_balance .balance_table div{font-size: 1rem;padding: 10px 0;}

	.main_clipping .clipping_data a{padding: 20px;}
	.main_clipping .clipping_data .tit{font-size: 1.25rem;}
	.main_clipping .clipping_data .nae{font-size: 1rem;}
	.main_clipping .clipping_data .date{margin-top: 30px;}

	/* 자료실 */
	.resources_table .year select{height: 42px; line-height: 42px; font-size: 0.875rem;}
	.resources_table{overflow: scroll;}
	.resources_table table{width: 1000px; overflow: scroll;}
	.resources_table tbody tr td{font-size: 0.875rem;}

	.borad_list thead tr th{font-size: 0.875rem;}
	.borad_list .list_num{font-size: 0.875rem;}
	.borad_list .list_date{font-size: 0.875rem;}

	.board_detail.md_width{margin-top: 60px;}
	
	.board_detail .tit{font-size: 1.25rem;}
	.board_detail .board_content{padding: 20px 0;margin-top: 0;}
	
	.ai_briefing ul{grid-template-columns: repeat(1, 1fr);}
	.ai_briefing ul li .tit{font-size: 1.125rem;}
	
	.press_list ul{grid-template-columns: repeat(1, 1fr);}
	.press_list ul li .tit{font-size: 1.125rem;}
	
	.view_top{gap: 20px;}
    .view_top .gu{font-size: 1.125rem;}
    .view_top .date{flex-shrink: 0;}
	
	.mo_only{display: block;}
	.pc_only{display: none;}
	
	.view_wrap{margin-top: 60px;}
	

}