@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.3); 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: 0px;padding-top:90px;z-index: -1; 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: 60px 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: #050E1D; 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 */
	.main_t{margin-top: 90px; height: calc(100vh - 90px);}
	.main_t .sec_box{padding-top: 90px;}

	.main_about .sec_box .about_box .about_logo ul{margin-bottom: 60px;}
	.main_about .sec_box .about_box .about_logo ul li img{max-width: 120px;}
	.main_about .sec_box .about_box .about_appr ul{grid-template-columns: repeat(3, minmax(0, 1fr));}
	.main_event .location{max-width:16ch}

	.grid_bg{margin-top: 90px;}

	.project_goal .goal_txt::before{width: 550px; height: 550px;}
	.project_goal .text_box.box_left{left: 20%;}
	.project_goal .text_box.box_right{right: 20%;}
	.project_goal .text_box.box_right_bottom{right:15%}
	.project_goal .text_box.box_left_bottom{left: 20%;}

	/* apply */
	.sub_apply{margin-top: 90px;}
	.sub_apply .apply_wrap{gap: 40px;}
	.sub_apply .apply_tit{max-width: 100%;}

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

	/* sustain */
	.sub_sustan{height: calc(100vh - 90px);}
	.sub_sustan.sub_top{margin-top: 90px;}
	.sub_sustan .desc{width: 70%;}

	/* history */
	.history_inner{gap: 20px;justify-content: space-between;}
	.history_title{font-size: 2rem;}
	.detail_title{font-size: 1.25rem;}
	.history_years{width: 120px;}
	
	
	/* company */
	.slider_area{transform: scale(.75);}

	.sub_apply::before{left: -250px;}

	.news_top{gap: 20px;}
	.sub_news .news_list ul{gap: 20px;}
	.sub_total ul.fr3{flex-wrap: wrap;}

	.sub_cgmp.sub_top{margin-top: 90px;}

	/* rnd */
	.record_cont ul li{width: calc(50% - 10px);}

	.sub_map_bg .site_map_hover{overflow: inherit;}
	.sub_map_bg .site_point{bottom: 0;margin: 5px; position: static;top: inherit !important;left: inherit !important; display: inline-flex;}
	.sub_map_bg .point_pop{left: 10px; top: 10px;transition:inherit}
	.sub_map_bg .point_pop.top_pop{left: 10px; top: 10px;transition:inherit}
	.sub_map_bg .point_pop.hwaseong_site{left: 10px; top: 10px !important;transition:inherit}
	.sub_map_bg .site_point:hover .point_pop{transform:inherit}
	.sub_map_bg .site_point:hover .point_pop.top_pop{transform:inherit}
	.sub_map_bg .site_point:hover .point_pop.hwaseong_site{transform:inherit}
	.sub_map_bg .site_point.hide .point_btn{opacity: 1;    visibility:inherit;}
	.sub_map_bg .point_pop::after{display: none;}
	.sub_map_bg .site_map_bg{margin-bottom: 10px;}

	.org_wrap{min-height: 700px;}
}

@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 .contact_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;}

	/* 메인 */
	.main_t .sec_box .tit{font-size: 3.5rem;}
	.main_t .sec_box .sub_txt .txt{font-size: 1rem;margin-top: 10px;}
	.main_about .sec_box .img{width: 100%; padding:0;}
	.main_about .sec_box .img img{margin-left: auto;}
	.main_about .sec_box .about_box{width: 90%;margin: 0 auto}
	.main_about .logo_box{flex-direction: column; width: 90%;margin: 0 auto; gap: 40px;}
	.main_about .logo_box .l_cont{width: 100%;}
	.main_about .logo_box .l_cont ul{margin-top: 0;grid-template-columns: repeat(4, 1fr);}
	.main_about .logo_box .r_cont{padding: 0; width: 100%;}
	.main_about .sec_box .img .img_tit span{font-size: 1rem;}
	.main_about .sec_box .img .img_tit div{font-size: 1.5rem;}

	.main_event .top_tit .tit{font-size: 2.5rem;}

	.dark .main_about .sec_box .img .img_tit{left: 20%; text-align: left; top: 50%;}
	.dark .main_about .sec_box .img img{max-width: 600px;}


	/* 서브공통 */
	.sub_page_t{margin-bottom: 60px;}
	.sub_page_t .tit{font-size: 2.5rem;}
	.sub_page_t .sub_tit{font-size: 1.25rem;}
	.c_line{font-size: 1.25rem;}
	.sub_top{margin-top: 200px;}
	
	/* 리더십 */
	.sub_mes_leader .img_box{margin-bottom: 60px;}
	.sub_mes_leader .img_box img{max-width: 50%;}
	.sub_mes_leader .img_box .tit{font-size: 2rem;}
	.sub_our_leader .our_learders .txt_box{padding: 20px;}
	.sub_our_leader .our_learders ul{grid-template-columns: repeat(2, minmax(0, 1fr));}

	/* company */
	.our_company .img_box div{margin-top: 0;}

	/* location */
	.location_map{gap: 20px;}
	.map_point{width: 18px; height: 18px;}
	.left_map ul{top: 0;}
	.left_map ul li{gap: 10px;}
	.sub_feat{flex-direction: column;gap: 40px;}

	/* overview */
	.sub_feat ul{grid-template-columns: repeat(1, minmax(0, 1fr));}
	.sub_feat ul li{flex-direction: row;}
	.sub_feat ul li img{width: 50%;object-fit: cover;}

	.sub_exper ul{grid-template-columns: repeat(1, minmax(0, 1fr));}
	.sub_exper ul li{flex-direction: row;}
	.sub_exper ul li img{width: 50%;object-fit: cover;}
	
	.sub_location .sub_feat ul{ grid-template-columns: repeat(3, minmax(0, 1fr)); gap: 20px;}
	.sub_location .sub_feat li{flex-direction: column;}
	.sub_location .sub_feat img{width: 100%;}
	.sub_location .sub_feat li .flex a{width: 100%;}
	.sub_location .sub_feat li .flex a img{flex: 1;}
	.sub_location ul li .txt_box{padding: 20px;}
	
	.org_item ul{width: 80%;}

	/* news */
	.sub_news .news_list ul{gap: 20px;}
	
	.news_top{flex-direction: column;}
	.news_top img{width: 100%;aspect-ratio: 1 / 0.6;}
	.news_top .other_news ul{gap: 20px;}
	.news_top .main_news{width: 100%;}
	.news_top .other_news{width: 100%;}
	.news_top .other_news ul{grid-template-columns: repeat(4, minmax(0, 1fr));}
	.sub_news .news_list ul{grid-template-columns: repeat(2, minmax(0, 1fr));}
	.news_top .nae{-webkit-line-clamp: 4;}
	.news_top .main_news .info .bot{margin-top: 30px;}
	.sub_news .upcoming{flex-direction: row; width: 100%; flex-wrap: wrap; gap: 10px 20px;}
	.news_top .upcoming > .tit{width: 100%;}
	.news_top .upcoming .news_list_card{width: calc(50% - 10px);}

	.detail_top .cate{font-size: 1.25rem;}
	.detail_top .tit{font-size: 2rem;}
	.detail_top .source{font-size: 1.125rem;}

	/* apply */
	.sub_apply{padding-top: 110px;}
	.sub_apply .apply_wrap{flex-direction: column;}
	.sub_apply .apply_tit .tit{font-size: 2rem;}
	.sub_apply .apply_tit .sub_tit{font-size: 1rem; }
	.sub_apply .apply_form .form_box .gu{font-size: 1.125rem;}
	.sub_apply .apply_form .input.radio{flex-wrap: wrap; gap: 10px;}

	/* sustain */
	.sub_sustan .tit{font-size: 3rem;}
	.sub_sustan .desc{font-size: 1rem;}
	.sub_report .sub_page_t .desc{font-size: 1rem; line-height: 1.7;}
	.sub_report .report_down li{padding: 30px;}
	.sub_report .report_down li div .tit{font-size: 1rem;}
	.sub_report .report_down li div a{padding: 8px 14px 8px 20px;}
	.sub_report_swiper .report_top .tit{font-size: 2.5rem;}
	.sub_resources ul{gap: 20px;}
	.sub_resources ul li{padding: 10px;}
	.sub_resources ul li div{font-size: 1rem;}
	.sub_resources ul li a{padding: 8px 0;}

	.sub_report .report_down{grid-template-columns: repeat(1, 1fr);gap: 20px;}
	.sub_report .report_down li .img_report{width: 30%;}
	.sub_report .report_down li .txt{width: 70%;}

	/* cgmp */
	.sub_cgmp.sub_top{margin-top: 90px; padding: 100px 0; display: flex; flex-direction: column-reverse; gap: 40px;}
	.sub_cgmp.sub_rnd::before{ content: "";position: relative;inset: 0;background: url(/img/rnd_bg.webp) no-repeat bottom left;background-size: contain;transform: scale(1);transition: transform 1s ease;z-index: 0;display: block;width: 90%;height: 500px;}
	.sub_cgmp.sub_ansan::before{ content: "";position: relative;inset: 0;background: url(/img/cgmp_bg_ansan.webp) no-repeat bottom left;background-size: contain;transform: scale(1);transition: transform 1s ease;z-index: 0;display: block;width: 90%;height: 500px;}
	.sub_cgmp.sub_hwaseong::before{ content: "";position: relative;inset: 0;background: url(/img/cgmp_bg_hwaseong.webp) no-repeat bottom left;background-size: contain;transform: scale(1);transition: transform 1s ease;z-index: 0;display: block;width: 90%;height: 500px;}
	.sub_cgmp{height: auto;}
	.sub_cgmp .tit{font-size: 3rem;}
	.sub_cgmp .desc{font-size: 1rem; width: 100%;}
	.sub_total ul{gap: 30px;}
	.sub_total ul li{width: 100%;}
	.sub_total ul li .item img{max-width: 100px;}

	.sub_total ul li .item{padding: 0; gap: 20px;}
	.sub_total ul li .txt_box .total{font-size: 2.5rem;}
	.sub_total ul li .txt_box .desc{font-size: 1rem;}

	.sub_total ul li .item img{max-width: 70px;}

	/* history */
	.history_inner{gap: 30px;}
	.history_img{max-width: 100%;}
	.history_visual{width: 50%;}

	.direct{padding: 60px;}
	.direct .tit{font-size: 2rem;}
	.direct .desc{font-size: 1rem;}

	/* company */
	.our_company{flex-direction: column;}
	.our_company .txt_box{width: 100%; font-size: 1rem;margin-bottom: 30px;}
	.our_company .img_box{width: 60%; margin: 0 auto;}
	.vision ul{grid-template-columns: repeat(1, 1fr);}
	.vision ul li{padding: 20px;}
	.vision ul li img{max-height: 220px;}
	.company_text .text{font-size: 1.25rem;}

	.company_tech .visual_text .tit{font-size: 2.5rem;}
	.company_tech .visual_text .desc{font-size: 1rem;}
	.slider_area{ transform: scale(0.6);}
	.sub_report_swiper .reportSwiper{padding: 50px 0;}
	.sub_report_swiper .swiper-slide-active ~ .swiper-slide{transform:translateX(55px);}

	.sub_total.rnd ul li .txt_box .desc{height: 40px; display: flex; align-items: center;}
	
	.main_t{height: 85vh;}

	.org_wrap{min-height: 640px;}
	.org_wrap .yuhan .tit{font-size: 1.5rem;}
	.org_wrap .yuhan .logo img{max-height: 42px;}
	.org_wrap .yuhan .icon img{max-height: 42px;}
	.org_item ul li{font-size: 1.125rem;}

	.project_goal .pc_only{display: none;}
	.project_goal .mo_only{display: block; margin: 0 auto;}

	.project_chr .inner ul{ grid-template-columns: repeat(1, minmax(0, 1fr));}
	.project_chr ul li .tit{justify-content: space-between;height: inherit;}

	.org_tab{display: grid; grid-template-columns: repeat(3, 1fr);}
	.org_tab button{padding: 18px 5px;}
	.org_tab button img{max-height: 30px;}
	.org_tab button .tab_tit{font-size: 0.875rem;}

	/* rnd */
	.plant_ov ul{grid-template-columns:repeat(2, minmax(0, 1fr));}

	.sub_total ul{gap: 20px;grid-template-columns: repeat(2, minmax(0, 1fr));}
	.sub_total ul li .item{align-items: start;}
	
	.record_cont .record_img{width: 100%;}
	.sub_record{background-size: contain;}

	.sub_page_t.flex{flex-direction: column; gap: 20px;}
	.location_box .location_list{ flex-direction: column;}
	.location_box .location_list .location_item:first-child{width: 100%;}
	.location_box .location_list .location_item:last-child{width: 100%;}

	/* project */
	.sub_project .flex{flex-direction: column;}
	.sub_project .flex .img_box{margin-bottom: 0;width: 100%;}
	.project_mana .card_wrap{grid-template-columns: repeat(1, minmax(0, 1fr));}

	.delivery_wrap .delivery{flex-direction: column;}
	.delivery_wrap .delivery img{width: 100%;}

	.sub_apply::before{display: none;}

	.sub_mes_leader .inner{flex-direction: column;}
	.sub_mes_leader .sub_page_t{width: 100%;}
	.sub_mes_leader .mes_txt{width: 100%;}

	.sub_apply .apply_wrap ul li{margin-right: 60px;padding-right: 60px;}

	.sub_map_bg .sub_page_t{flex-direction: column; align-items: start;}
	.sub_map_bg .point_pop{top: inherit; bottom: -120px;left: 0;width: 100%; transform:inherit}
	.sub_map_bg .point_pop.top_pop{ top: inherit; bottom: -120px;left: 0;width: 100%;transform:inherit}
	.sub_map_bg .point_pop.hwaseong_site{ top: inherit !important; bottom: -120px;left: 0;width: 100%;transform:inherit}

	.sub_map_bg .site_map_hover{padding-bottom: 100px;}
	.sub_map_bg .point_pop .desc ul li .gu{width: 120px;}
	.sub_map_bg .point_pop.top_pop .desc ul li .gu{width: 120px;}
	.sub_map_bg .point_pop.hwaseong_site .desc ul li .gu{width: 120px;}

	.sub_map_bg .site_point:hover .point_pop{opacity: 0; visibility: inherit;}
	.sub_map_bg .site_point.on .point_pop{opacity: 1; visibility: visible;}
	.sub_map_bg .site_point:hover .point_pop.top_pop{opacity: 0; visibility: inherit;}
	.sub_map_bg .site_point.on .point_pop.top_pop{opacity: 1; visibility: visible;}
	.sub_map_bg .site_point:hover .point_pop.hwaseong_site{opacity: 0; visibility: inherit;}
	.sub_map_bg .site_point.on .point_pop.hwaseong_site{opacity: 1; visibility: visible;}
}


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

	[data-aos]{
        opacity:1 !important;
        transform:none !important;
        transition:none !important;
    }
	/* 공통적용 */
	.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;}
	.hd_site_map .site_map_nav .dept1{padding-top: 40px;}
    /* #header .lang {margin-left: auto;} */
	
    #header .logo img {height: 32px;}
	
	/* footer */
	#footer .ft_box .f_tit{font-size: 2rem; gap: 30px;}
	#footer .ft_box .f_tit a{padding: 12px 20px;}
	#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; height: 70vh;}
	.main_t .sec_box .tit{text-align: center;margin-top: 0;}
	.main_t .sec_box .sub_txt{width: 100%;margin-top: 60px; margin-left: 0;text-align: center;}
	.main_event .top_tit .tit{font-size: 2rem;}
	.main_event .location {	max-width: 16ch;}

	.main_market .tit{font-size: 2.5rem;}
	.main_market .txt{font-size: 1rem;}

	.main_about .sec_box{flex-direction: column; gap: 50px;}
	.main_about .sec_box .about_box{width: 100%;}
	.main_about .l_cont{width: 100%;}
	.main_about .logo_box .r_cont{grid-template-columns: repeat(1, minmax(0, 1fr)); gap: 30px;}
	.main_about .sec_box .img video{transform: scale(1.1);}
	

	.main_t .btn{text-align: center;}

	/* 서브공통 */
	.sub_top{margin-top: 120px;}
	.sub_page_t .tit{font-size: 2rem;}
	.sub_page_t .sub_tit{font-size: 1rem;}
	.c_line{font-size: 1rem;}
	.sub_page_t .desc{font-size: 1rem;}
	.grid_bg{margin-top: 60px;}

	.sub_apply{margin-top: 60px; padding-top: 60px;}

	/* 리더십 */
	.sub_mes_leader .img_box > div{width: 55%;}
	.sub_mes_leader .img_box .tit{font-size: 1.5rem;}

	/* location */
	.location_map{flex-direction: column;}
	.left_map{position: relative;width: 100%; top: 0;}
	.info_map{width: 100%;}
	.map_point{width: 29px; height: 29px;}

	/* overview */
	.sub_feat ul li img{width: 40%;}

	/* project */
	/* .project_goal{background-size: 90%; height: 80vh;}
	.project_goal .goal_txt::before{width: 400px; height: 400px; top: 47%;}
	.project_goal .text_box .tit{font-size: 1.125rem;}
	.project_goal .text_box .desc{font-size: 0.875rem;}
	.project_goal .goal_txt .tit{font-size: 1.125rem;margin-bottom: 10px;}
	.project_goal .goal_txt .desc{font-size: 0.875rem;}
	.project_goal .text_box.box_top{top: 5%;}
	.project_goal .text_box.box_left{left: 15%;}
	.project_goal .text_box.box_right{right: 15%;}
	.project_goal .text_box.box_right_bottom{right: 10%;}
	.project_goal .text_box.box_left_bottom{left: 15%;} */
	.project_chr .inner{flex-direction: column; gap: 30px;}
	.project_chr ul{display: grid; gap: 30px;}
	.project_chr ul li img{max-width: 50px;}
	.project_chr ul li .desc{width: 100%;}
	.project_chr ul li.chemical_txt{margin-top: 0;}

	.project_ship ul li{width: 100%;}
	.project_ship ul li:last-child .txt{width: 100%;}

	.delivery_wrap .delivery .nae{font-size: 1rem;}

	/* news */
	.news_top .other_news ul {grid-template-columns: repeat(2, minmax(0, 1fr));}

	.detail_top .cate{font-size: 1rem;}
	.detail_top .source{font-size: 1rem; text-align: left;}
	.news_detail .btn{margin-top: 60px;}

	/* sustain */
	.sub_sustan{ height: calc(100vh - 60px);}
	.sub_sustan.sub_top{margin-top: 60px;}
	.sub_sustan .tit{font-size: 2.5rem;}
	.sub_report .report_down{flex-direction: column;}
	.sub_report_swiper .report_top .tit{font-size: 2rem;}
	.sub_resources ul{grid-template-columns: repeat(1, 1fr);}
	.partner_accordion .acc_title{font-size: 1rem;}

	/* cgmp */
	.sub_cgmp {height: calc(100vh - 60px); background: #01061B;}
	.sub_cgmp.sub_top{margin-top: 60px;}
	.sub_cgmp .tit{font-size: 2.5rem; margin-bottom: 10px;}
	.sub_cgmp::before{background-position:right 200px}
	.sub_cgmp.sub_top{padding: 100px 0 60px;height: auto;}
	.sub_cgmp.sub_rnd::before{height: 400px;}
	.sub_cgmp.sub_ansan::before{height: 400px;}
	.sub_cgmp.sub_hwaseong::before{height: 400px;}
	.sub_total{padding-top: 50px;}
	.sub_total ul{flex-direction: column;}
	.sub_total.rnd ul{flex-direction: row;}
	.sub_total ul li .txt_box .total{font-size: 2rem;}
	.root_daum_roughmap{max-height: 340px !important;}

	.record_cont ul li{width: 100%}

	/* history */

	.history_title{font-size: 1.5rem;}
	.history_sub{font-size: 0.875rem;}
	.history_year span{font-size: 1.5rem;}
	.history_inner{flex-wrap: wrap;justify-content: start; gap: 10px;min-height: calc(100vh - 160px);}
	.history_visual{width: 100%;}
	/* .history_detail{position: absolute;bottom: 60px;width: 70%;margin-top: 0;} */
	.detail_title{font-size: 1.125rem;}
	.detail_desc{font-size: 0.875rem;}
	.sub_mile .sub_page_t .desc{text-align: left;}
	.mile_bg{padding: 40px;}
	.mile_years{flex-wrap: wrap;justify-content: start;gap: 30px 0;}
	.mile_year{width: 15%;}
	.mile_years::after {content: "";position: absolute;bottom: 30px;left: 0;right: 0;height: 1px;background: #d9dfe5;}
	.history_item{grid-template-columns: 120px 1fr;}
	.history_content{gap: 20px;padding: 0 0 30px 15px;}

	/* company */
	.vision ul li .tit{font-size: 1.25rem;}
	.vision ul li .desc{font-size: 0.875rem;}
	.company_text .text{font-size: 1.125rem;}
	.company_tech .visual_text .tit{font-size: 2rem;}
	.company_tech .inner{flex-direction: column; gap: 10px;}
	.company_tech .visual_text{width: 100%;}
	.slider_area{transform: scale(0.8);}
	.controls{left: 50%; transform: translateX(-50%); justify-content: center; bottom: 0;}
	.controls button{width: 40px; height: 40px; font-size: 1.25rem;}
	.sub_report_swiper .swiper-slide-active .report_card{transform:scale(1.1);transform-origin:left end;}
	.sub_report_swiper .swiper-slide-active ~ .swiper-slide{transform:translateX(25px);}

	.sub_total.rnd ul li .txt_box .desc{height: 40px; display: flex; align-items: center;}
	
	.org_wrap{background-position: center; min-height: 900px;}
	.org_wrap .yuhan a{padding: 15px;}
	.org_wrap .yuhan .tit{font-size: 1.25rem;}

	.org_item .tit{font-size: 1.25rem;}
	.org_item .tit .sub_tit div{padding: 8px 16px; font-size: 1rem;}
	.org_item .tit .sub_tit img{max-height: 40px;}
	.org_item ul{margin-top: 20px;gap: 10px;grid-template-columns: repeat(2, 1fr);}
	.org_item ul li{font-size: 1rem;}

	.sub_news .news_list ul li .list_top{flex-direction: column; align-items: start;}
	.news_top .main_news{flex-direction: column;gap: 20px;}
	.news_top .main_news .thum{width: 100%;}
	.news_top .main_news .info{width: 100%;}
	.news_top .main_news .info .bot{margin-top: 30px;}

	.sub_resources .map iframe{height: 360px;}

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

	.org_tab {display: grid;grid-template-columns: repeat(1, 1fr);}
	.org_item .txt br{display: none;}
	.org_item .txt{padding: 10px;}
	.org_item ul{width: 70%;}
	.org_item ul li{padding: 10px;}

	.partner_wrap ul li .logo img{max-height: 80px;}

	.record_cont .desc{font-size:1rem;}

	.sub_location .sub_feat ul{grid-template-columns: repeat(2, minmax(0, 1fr));}
	.location_box .sub_page_t{background-position: inherit}
	.location_box .sub_page_t .desc{width: 70%;}
	
	.sub_our_leader .our_learders ul li{overflow: inherit;}
	.sub_our_leader .our_learders ul li img{height: inherit;}
	.sub_our_leader .our_learders .img_box{max-height: 100%;}

	.sub_map_bg .site_map_hover{padding-bottom: 200px;}
	.sub_map_bg .site_point.on .point_pop.top_pop{bottom: -20px;}
	.sub_map_bg .site_point.on .point_pop.hwaseong_site{bottom: -20px;}
	.sub_map_bg .point_pop{bottom: -20px;}
}

@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{border-right: 0;}
    .hd_site_map .site_map_nav .dept1{padding:60px 20px 20px 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.on{padding-top: 70px;}
	.hd_site_map .shop{padding: 20px;}

	/* footer */
	#footer .ft_box .box2{padding: 40px 0;}
	#footer .ft_box .info{ align-items: center;gap: 15px;}
	#footer .ft_box .info a{padding: 7px 16px; gap: 5px;font-size: 0.875rem;}
	#footer .ft_box .f_tit img{height: 32px;}
	#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 .flex{margin-top: 20px; flex-direction: column;margin-bottom: 20px;}
	#footer .ft_box .f_bottom .flex .privacy::after{display: none;}
	.mo_only{display: block;}
	.pc_only{display: none;}
	
	.main_t .scroll{font-size: 0.875rem;bottom: 70px;}
	.main_t .scroll::after{height: 30px;background-size: cover;width: 7px;}
	
	/* main */
	.main_t{height: auto;}
	.main_t .sec_box{padding: 100px 0;}
	.main_t .sec_box .tit{font-size: 2rem;}
	.main_t .sec_box .sub_txt{margin-top: 30px;}
	.main_t .sec_box .sub_txt .sub_tit{font-size: 1rem;}
	.main_t .sec_box .sub_txt .txt{width: 80%; margin: 0 auto; font-size: 0.875rem; margin-top: 10px;}
	.main_t .btn a {font-size: 1rem;padding: 12px 24px;}
	.main_about .sec_box{gap: 30px;}
	.main_about .sec_box .img img{width: 100%;}
	.main_about .sec_box .img .img_tit span{font-size: 0.875rem;}
	.main_about .sec_box .img .img_tit div{font-size: 1.25rem;}
	.main_about .sec_box .img a{font-size: 0.875rem;}
	.main_about .sec_box .img video{transform: scale(1.4);}
	.main_about .sec_box .about_box .tit{font-size: 1.5rem;}
	.main_about .sec_box .about_box .txt{font-size: 1rem;}
	.main_about .sec_box .about_box .txt br{display: none;}
	.main_about .sec_box .about_box .about_logo ul{margin:  20px 0;}
	.main_about .sec_box .about_box .about_appr ul{grid-template-columns: repeat(2, minmax(0, 1fr));}
	.main_about .sec_box .about_box .about_appr ul li{padding: 10px;}
	.main_about .sec_box .about_box .about_appr ul li .txt{font-size: 0.875rem;}
	.main_about .sec_box .about_box .about_appr ul li img{max-width: 60px;}
	.main_about .sec_box .about_box .about_logo ul li img{max-width: 150px;}
	.main_about .r_cont .about_logo ul li{margin: 0 auto; width: 100%; text-align: center;}
	.main_about .logo_box .l_cont ul{ grid-template-columns: repeat(2, 1fr);}
	.main_about .logo_box .l_cont ul li img{max-width: 60px;}
	.main_about .logo_box .r_cont .tit{font-size: 1.25rem;}
	.main_about .logo_box .r_cont .about_appr ul{display: grid;grid-template-columns: repeat(2, minmax(0, 1fr));}
	.main_about .logo_box .r_cont .about_appr ul li {padding: 16px 8px;}
	.main_about .logo_box .r_cont .about_appr ul li img{max-width: 140px;}
	.main_about .logo_box .r_cont .about_logo ul{display: grid;grid-template-columns: repeat(2, minmax(0, 1fr));}


	.dark .main_about .sec_box .img .img_tit{left: 50%; text-align: center; top: 65%;}

	.dark .main_t{height:calc(80vh - 60px);}

	.main_event .top_tit{margin-bottom: 30px;}
	.main_event .top_tit .tit{font-size: 1.5rem;}
	.main_event .nae{font-size: 1rem;}

	.main_event .location {	max-width: 18ch;}

	.main_market{height: 70vh;}
	.main_market .tit{font-size: 1.5rem}
	.main_market .txt{margin: 15px 0 30px;}
	.main_market a{padding: 12px 24px; font-size: 0.875rem;}

	.main_about .l_cont ul {grid-template-columns: repeat(1, 1fr);margin-top: 30px;}
	.main_about .l_cont ul li img{max-width: 60px;}

	/* 서브공통 */
	.sub_page_t .tit{font-size: 1.5rem;}
	.sub_page_t .desc{font-size: 0.875rem;}

	/* 리더십 */
	.sub_mes_leader .img_box img{max-width: 100%;}
	.sub_mes_leader .img_box > div{width: 95%;left: 50%;bottom: 10px; transform: translateX(-50%);padding: 10px; background-color: #ffffffce;}
	.sub_mes_leader .img_box .tit{font-size: 1.25rem;}
	.sub_mes_leader .img_box .nae{font-size: 0.875rem;}
	.sub_mes_leader .txt_box{width: 100%; font-size: 0.875rem;}
	.sub_our_leader .our_learders ul{grid-template-columns: repeat(1, minmax(0, 1fr));}
	.sub_our_leader .our_learders .txt_box{padding: 10px 20px;}
	.sub_our_leader .our_learders .txt_box .name{font-size: 1.25rem;}
	.sub_our_leader .our_learders .txt_box .position{font-size: 0.875rem;}

	/* location */
	.map_point{width: 18px; height: 18px;}
	.map_point.rnd{margin-top: 0;}
	.map_point.hwaseong{margin-left: 1px; margin-top: 4px;}
	.map_point.headquarters{margin-left: 0; margin-top: 0;}
	.map_point.ansan{margin-top: 0px;}
	.location_map_wrap{margin-top: 0;}
	.location_map .info_map{padding: 15px;}
	.location_map .info_map .info_txt .address{flex-direction: column; gap: 5px; align-items: start;}
	.location_map .info_map .info_txt .nae{font-size: 0.875rem; margin-top: 20px;}
	.location_map .info_map .info_txt ul li{flex-direction: column;margin-bottom: 20px;}
	.location_map .info_map .info_txt ul li div{width: 100%;}
	.location_map .info_map .info_txt.site_info .nae{margin-top: 10px;}
	.location_map .info_map .info_txt .address .build{font-size: 1.25rem;}
	.location_map .info_map .other_txt ul li{flex-direction: column;align-items: start;margin-bottom: 20px;}
	.location_map .info_map .other_txt ul li div{width: 100%;gap: 8px;}
	.location_map .info_map .other_txt ul li .nae{margin-top: 10px;font-size: 0.875rem; }
	.location_map .info_map .other_txt > div{font-size: 1.25rem;}

	.location_box ul{padding: 20px;}
	.location_box ul li{margin-bottom: 20px;}
	.location_box ul li .tit{font-size: 1.25rem;}
	.location_box ul li .nae{font-size: 0.875rem;}

	.sub_feat{padding: 40px 20px;}
	.sub_feat ul li img{max-height: 160px;}

	/* overveiw */
	.sub_feat ul li{flex-direction: column;}
	.sub_feat ul li .tit{font-size: 1.25rem;}
	.sub_feat ul li .nae{font-size: 0.875rem; min-height: auto;}
	.sub_feat ul li .txt_box{padding: 20px;}
	.sub_feat ul li img{padding:0 20px 20px 20px; width: 100%;}

	.sub_exper ul li{flex-direction: column;}
	.sub_exper ul li .tit{font-size: 1.25rem;}
	.sub_exper ul li .nae{font-size: 0.875rem; min-height: auto;}
	.sub_exper ul li .txt_box{padding: 20px;}
	.sub_exper ul li img{padding:0 20px 20px 20px; width: 100%;}
	.sub_exper .txt_box a img{padding: 0;}
	/* project */
	.sub_project .txt_box{width: 100%; margin-left: 0; font-size: 0.875rem;}
	.sub_project .img_box img{max-width: 100%;}
	/* .project_goal{height: 50vh;}
	.project_goal .goal_txt::before{width: 240px; height: 240px;}
	.project_goal .text_box .tit{font-size: 0.875rem;}
	.project_goal .text_box .desc{font-size: 0.75rem;}
	.project_goal .text_box.box_left{left: 10px;}
	.project_goal .text_box.box_right{right: 10px;}
	.project_goal .goal_txt .tit{font-size: 0.875rem; margin-bottom: 5px;}
	.project_goal .goal_txt .desc{font-size: 0.75rem;}
	.project_goal .text_box.box_left_bottom{left: 10px;bottom: 12%;}
	.project_goal .text_box.box_right_bottom{right: 10px;width: 50%;bottom: 20px;}
	.project_goal .text_box.box_bottom{bottom: 18%;} */
	.project_chr ul li img{max-width: 30px;}
	.project_chr ul li .tit{font-size: 1rem; padding: 10px 0;}
	.project_chr ul li .desc{font-size: 0.875rem;margin-top: 10px;}

	.project_ship .sub_page_t .tit br{display: none;}
	.project_ship ul li{padding-top: 20px;}
	.project_ship ul li .tit{font-size: 1.125rem;}
	.project_ship ul li .txt{font-size: 0.875rem;}

	/* news */
	.news_top .gu{font-size: 1rem;}
	.news_top .cate{font-size: 0.875rem;}
	.news_top .nae{font-size: 0.875rem;}
	.news_top .other_news ul{ grid-template-columns: repeat(1, minmax(0, 1fr));}
	.news_top .other_news ul li img{ height: auto;}
	.news_top .upcoming .news_list_card{width: 100%; padding: 15px;}
	.news_top .upcoming .news_list_card .list_top{flex-direction: column; align-items: start; gap: 10px;}
	.news_top .main_news{padding: 15px;}
	.sub_news .news_list ul { grid-template-columns: repeat(1, minmax(0, 1fr));}
	.sub_news .news_list ul li .gu{font-size: 1rem;}
	.sub_news .news_list ul li .cate{font-size: 0.875rem;}
	.sub_news .news_list ul li .nae{font-size: 0.875rem;margin: 15px 0; height: inherit;}
	.sub_news .news_list ul li .list_top{gap: 10px;}
	.news_btn{justify-content: center;}
	.news_btn a{padding: 8px 16px;}
	.sub_news .news_list{margin-top: 40px;}
	.sub_news .news_list ul li a{padding: 15px;}

	.detail_top{margin-bottom: 60px;}
	.detail_top .cate{font-size: 0.875rem;}
	.detail_top .tit{font-size: 1.5rem;}
	.detail_top .source{font-size: 0.875rem;}
	.news_detail .btn{margin-top: 40px;}

	/* apply */
	.sub_apply .apply_tit .tit{font-size: 1.5rem;}
	.sub_apply .apply_tit .sub_tit{font-size: 0.875rem;}
	.sub_apply .apply_form .form_box .gu{font-size: 1rem;}
	.sub_apply .apply_form .agree{align-items: baseline;}
	.sub_apply .apply_form .agree label{align-items: baseline;}
	.sub_apply .apply_form .agree label input{top: 10px; position: relative;}
	.sub_apply .apply_form .apply_btn{width: 100%; text-align: center;}
	.sub_apply .apply_form .btn{text-align: center; margin-top: 40px;}

	.service_check_list{grid-template-columns: repeat(1, 1fr);}
	.contact_bg img{height: 100px; object-fit: cover;}

	/* sustain */
	.sub_sustan{height: 60vh;}
	.sub_sustan .tit{font-size: 1.5rem;}
	.sub_sustan .desc{font-size: 0.875rem; width: 80%;}
	.sub_report .sub_page_t .desc{font-size: 0.875rem; width: 90%;}
	.sub_report .report_down li{padding: 15px;}
	.sub_report .report_down li div .tit{font-size: 0.875rem;}
	.sub_report .report_down li div a{font-size: 0.875rem;}
	.partner_accordion{margin-top: 60px;}
	.partner_accordion .acc_title{font-size: 0.875rem;}
	.partner_accordion .acc_head{padding: 10px 20px}
	.partner_accordion .acc_right{gap: 10px;}
	.partner_accordion .acc_right img{max-height: 30px;}
	.partner_accordion .arrow{border-left: 5px solid transparent;border-right: 5px solid transparent;border-top: 7px solid #01061B;}
	.partner_accordion .acc_head{min-height: 80px;}
	.partner_accordion .acc_cont{padding: 20px 20px; font-size: 0.875rem;}
	.sub_report_swiper .report_top{margin-bottom: 60px; flex-direction: column; align-items: start; gap: 10px;}
	.sub_report_swiper .report_top .tit{font-size: 1.5rem;}
	.sub_resources ul li img{max-height:15px;}
	.sub_resources ul li div{font-size: 0.875rem; width: 100%;}

	.sub_report .report_down li{padding: 20px; flex-direction: column;}
	.sub_report .report_down li .img_report{width: 100%;}
	.sub_report .report_down li .txt{width: 100%;}

	/* egmp */
	.sub_cgmp .tit{font-size: 1.5rem;}
	.sub_cgmp .desc{font-size: 0.875rem; width: 100%;}
	.sub_cgmp::before{background: url(/img/cgmp_bg_m.webp) no-repeat;background-position: center bottom; background-size: contain;}
	.sub_cgmp.sub_top{padding: 60px 0 30px;}
	.sub_cgmp.sub_rnd::before{height: 240px;}
	.sub_cgmp.sub_ansan::before{height: 240px;}
	.sub_cgmp.sub_hwaseong::before{height: 240px;}
	.sub_total ul{gap: 20px;}
	.sub_total ul li{padding: 15px;}
	.sub_total ul li .item{gap: 10px;}
	.sub_total ul li .txt_box .total{font-size: 1.5rem;}
	.sub_total ul li .txt_box .desc{font-size: 0.875rem;}


	/* history */
	/* .history_years{height: 90vh;}
	.history_inner{gap: 10px;}
	.history_year{padding: 0 0 0 20px;}
	.history_year small{font-size: 0.65rem;line-height: 1;}
	.history_year::before{top: 5px;} */
	.history_title{font-size: 1.25rem;}
	.detail_title{font-size: 1rem;}
	.history_sub br{display: none;}
	.detail_desc{font-size: 0.75rem;margin-top: 10px;}

	.mile_bg{padding: 20px; background-position: left;}
	.mile_years{margin-top: 20px;}
	.mile_year{width: 25%;position: relative;}
	.mile_year::before{content: "";position: absolute;top: 0px;left: 0;right: 0;height: 1px;background: #d9dfe5;}
	.mile_years::before{display: none;}
	.mile_years::after{display: none;}
	.mile_bg .history_sub{margin-top: 20px;}

	.history_year span{font-size: 1.25rem;}
	.history_content{grid-template-columns: repeat(1, 1fr);padding: 0 0 20px 0;}
	
	.direct{padding: 15px;}
	.direct .tit{font-size: 1.25rem;}
	.direct .desc{font-size: 0.875rem;}

	/* company */
	.our_company .txt_box{font-size: 0.875rem;}
	.our_company .img_box{width: 100%; gap: 15px;}
	.company_text .text{font-size: 1rem;}
	.vision ul li .tit{margin-top: 10px;}
	.company_tech .visual_text .tit{font-size: 1.5rem;}
	.company_tech .visual_text .desc{font-size: 0.875rem;margin-top: 30px;}
	.slider_area {transform: scale(0.55); height: 440px;}
	.company_tech{overflow: hidden;}
	.sub_report_swiper .swiper-slide-active .report_card{transform:none;}
	.sub_report_swiper .swiper-slide-active ~ .swiper-slide{transform:none;}
	.sub_report_swiper .reportSwiper{padding: 0;}
	.our_company{gap: 20px;}

	.sub_total.rnd ul li .txt_box .desc{height: 50px; display: flex; align-items: center;}
	.sub_total.rnd ul li .item{flex-direction: column; align-items: start;}

	.org_item ul{grid-template-columns: repeat(1, 1fr);width: 90%;}
	.org_item .tit{flex-direction: column; align-items: start;gap: 10px;}
	.org_wrap .yuhan a{gap: 5px 15px; flex-wrap: wrap; justify-content: center; background-position: right; min-height: 960px;}
	.org_wrap .yuhan .tit{font-size: 1rem;}
	.org_wrap .yuhan .desc{font-size: 0.875rem;}
	.org_wrap .yuhan .logo img{max-height: 55px;}

	.no_post{font-size: 1rem;gap: 10px;padding: 20px;}
	.no_post::before{width: 24px; height: 24px;}

	.partner_wrap ul {grid-template-columns: repeat(1, 1fr); }
	.partner_wrap ul li img{max-height: 60px;}
	.partner_wrap ul li .desc{margin-top: 15px;}
	.partner_wrap ul li .tit{font-size: 1.125rem;}
	.partner_wrap ul li .txt{margin-bottom: 10px; font-size: 0.875rem;}
	.partner_wrap ul li .logo{justify-content: center;}
	.partner_wrap ul li .acc_right{padding-right: 20px;}

	.report_card{padding: 20px;max-height: 200px;}

	.vision ul li .desc{grid-template-columns: repeat(1, minmax(0, 1fr));}

	.org_tab button{padding: 12px;}
	.org_tab button .tab_tit span{font-size: 1rem;}
	.org_item ul li img{max-height: 30px;}

	/* rnd */
	.sub_total ul{ grid-template-columns: repeat(1, minmax(0, 1fr));}
	.sub_total ul li .txt_box .desc{height: inherit;}
	.plant_ov ul{grid-template-columns:repeat(1, minmax(0, 1fr));}
	.plant_ov ul li{padding: 20px;}
	.plant_ov ul li .num{font-size: 0.875rem;}
	.plant_ov ul li .tit{font-size: 1.1205rem;}

	.sub_record{background: none;}
	.record_cont .record_img{width: 70%;margin: 0; margin-top: 30px;}

	.sub_page_t .btn a{padding: 8px 16px;}

	.vision ul li img{max-height: 120px;}

	.sub_location .sub_feat ul{grid-template-columns: repeat(1, minmax(0, 1fr));}
	.sub_location .sub_feat ul li img{padding: 0;}
	
	.location_box .location_list .location_item{padding: 40px 20px;}
	.location_box .location_list .location_item ul{padding: 0;gap:0;}
	.location_box .location_list .location_item ul li img{min-height: 180px; width: 100%;}
	.location_box .location_list .location_item ul li .flex img{width: 60px; height: 60px;}
	.location_box .location_list .location_item ul li .txt{width: 100%;}
	.location_box .location_list .location_item ul li{flex-direction: column;}
	.location_box .sub_page_t{background: none; padding: 0;}
	.location_box .sub_page_t .desc{width: 100%;}

	.project_mana .card_wrap .card_item{padding: 20px;}
	.project_mana .card_wrap .card_item .tit{font-size: 1.125rem;}
	.project_mana .card_wrap .card_item .nae{font-size: 0.875rem;}
	.project_mana .delivery .tit{font-size: 1.25rem;}
	.project_mana .delivery .nae{font-size: 1rem;}

	.sub_mes_leader .sub_page_t{margin-bottom: 0px;}
	.sub_mes_leader .sub_txt.mt-60{margin-top: 30px;}
	.sub_mes_leader .sub_txt ul li{font-size: 1rem;}

	.c_line{flex-direction: column; align-items: start;}
	.right_sub_txt{position: relative;}
	.right_sub_txt br{display: none;}
	
	.sub_apply .apply_wrap ul{flex-direction: column; display: grid; gap: 10px;}
	.sub_apply .apply_wrap ul li{width: 100%; border: none; margin: 0; padding: 0; text-align: left; display: flex; align-items: center; gap: 10px;}
	.sub_apply .apply_wrap ul li .txt{text-align: left;}
	/* .sub_apply .apply_wrap ul li:last-child{margin-right: 0; padding-right: 0;} */

	.record_cont ul li .record_item{flex-direction: column;}
	.record_cont ul li .record_item > div{width: 100%;}
	.record_cont ul li .record_item .item_tit.year{font-size: 1.125rem; height: inherit;}
	.record_cont ul li .record_item .item_tit{height: inherit;}

	.sub_map_bg .site_map_hover{padding-bottom: 160px;}
	.sub_map_bg .point_pop{bottom: -60px;}
	.sub_map_bg .site_point.on .point_pop.top_pop{bottom: -60px;}
	.sub_map_bg .site_point.on .point_pop.hwaseong_site{bottom: -60px;}
	.sub_map_bg .point_btn{height: 42px;}
	.sub_map_bg .point_btn::before{width: 42px; height: 42px;}

	.sub_map_bg .site_map_hover.hwaseong_map{padding-bottom: 180px;}

	.news_top .main_news .info .bot{flex-direction: column; gap: 10px; align-items: start;}
}