@charset "utf-8";
/* rwd_sub.css */


/* 기본적으로 작성하는 코드는 1920x1080 해상도를 기준으로 합니다. */


@media screen and (min-width: 1921px) { /* 와이드 모니터 고려 3840x1600 */
	/* 배경 확장이나 폰트 크기 미세 증폭 등 */
}

@media screen and (max-width: 1920px){ /* 와이드 모니터에서 적용한 소스 */

}

@media screen and (max-width: 1500px){
    .ceo_keyword{gap: 40px;}

    .mission_bg::before{display: none;}

    .leaflet .left{background-size: 320px auto;}

    .lease_process{gap: 120px;}
    .lease_process .flow_wrap{width: 120px;}
}

@media screen and (max-width: 1400px){ /* 태블릿 시작 & GNB 전환 */
	/* GNB 햄버거 메뉴 전환, GNB 높이 축소 */
    .gallery_board{gap: 48px 32px;}

    .step_box{gap: 52px;}
    .step_box li{padding: 20px 24px;}
    .step_box:not(.no_arrow) li:not(:last-child)::after{width: 24px;right: -40px;}
    .step_box.no_arrow{gap: 24px;}

    .ceo_intro{gap: 120px;}
    .ceo_intro .img_area .text{margin-top: 60px;}
    .ceo_intro .txt_area{padding-right: 0;}
    .ceo_intro .signature{margin-top: 80px;}

    .ceo_keyword{flex-wrap: wrap;}
    .ceo_keyword .item{width: calc((100% - 40px) / 2);}
	
    .purpose_cts .purpose_list{flex-wrap: wrap;justify-content: center;max-width: 840px;}
    .purpose_cts .purpose_list li{width: calc((100% - 24px) / 4);}

    .business_list{gap: 40px;}
    .business_list .list:not(:last-child)::after{width: 40px;height: 16px;}
    .business_list .list ul{gap: 0;padding: 24px 0 32px;}

    .core_list{position: relative;grid-template-columns: repeat(2, 1fr);gap: 24px;}
    .core_list .list{padding: 20px;}
    .core_list .list::before{width: 90px;}
    .core_list .list:not(:last-child)::after{display: none;}
    
    .detail_list{grid-template-columns: repeat(2, 1fr);gap: 64px 24px;}
    .detail_list .list::before{width: 90px;}
    .detail_list .list .title{margin-top: 16px;}

    .location_area .txt_area{align-items: start;padding: 24px 40px;}
    .location_area .txt_area .logo{padding-right: 0;}
    .location_area .txt_area .logo::after{display: none;}
    .location_area .txt_area .logo span{height: 48px;}
    .location_area .txt_area .info{flex-direction: column;gap: 24px;min-height: 40px;}
    .location_area .txt_area .info .list::before{width: 40px;padding-left: 48px;}
    .location_area .txt_area .info .list dd{margin-top: 0;}

    .traffic{gap: 40px;}
    .traffic .list{padding-left: 60px;}
    .traffic .list::before{width: 52px;top: 0;transform: none;}
    .traffic .list dd{flex-direction: column;gap: 12px;}

    .sitemap_link{grid-template-columns: repeat(3, 1fr);}

    .leaflet .left{min-width: auto;padding-left: 0;}
    .leaflet .left .text br{display: none;}
    .leaflet .left .leafletGoal .list{padding-left: 64px;min-height: 64px;}
    .leaflet .left .leafletGoal .list::before{width: 64px;}

    .siteImg_list li{width: calc((100% - 28px) / 2);}

    .benefit_wrap{gap: 40px;}
    
    .lease_term::after{background-size: 24vw;background-position: right bottom;right: 0;bottom: 0;}

    .fcst_status{grid-auto-flow: unset;grid-template-columns: repeat(2,minmax(0,1fr));gap: 24px;}
    .fcst_status .item_total{grid-column: 1/-1;background-position: left bottom -40px;}
    .fcst_status .item_total ul{flex-direction: row;justify-content: center;}

    .central_struct ol{gap: 52px;}
    .central_struct .list:not(:last-child):after{width: 24px;right: -40px;}

    .overview_struct{gap: 16px;}
    .overview_struct .item{padding: 24px 20px;width: 40%;}
    .overview_struct .item::before{width: 80px;}
    .overview_struct .item03{max-width: 400px;width: 100%;}
    .overview_struct .item ul{gap: 40px;}
    .overview_struct .item ul .list{padding-left: 72px;}
    .overview_struct .item ul .list::before{width: 56px;}
    .overview_struct .item ul .list:not(:last-child)::after{bottom: -20px;}

    .type_proposal .tab .tab_btn .text br{display: none;}
}

@media screen and (max-width: 1240px){
    .gallery_board{grid-template-columns: repeat(3,minmax(0,1fr));}

    .leaflet .left{background: none;}

    .benefit_intro{display: flex;flex-direction: column;min-height: auto;}
    .benefit_intro .benefit_bg{min-height: 160px;}
    .benefit_intro ul{max-width: none;margin: 0;}

    .benefitChk_list{grid-template-columns: 1fr;}
    .benefitChk_list .list{grid-template-columns: 320px auto;}
    .benefitChk_list .bullet_chk br{display: none;}
    
    .plant_cts{flex-direction: column;}
    .plant_cts .left{max-width: none;}
    .plantOper{background-position: right bottom;}
    .plantOper::after{background: linear-gradient(to right, #224794 30%, transparent 100%);}

    .graph_list{max-width: 700px;}
    .graph_list .line{width: 100%;}

    .lease_list{gap: 32px;}
    .lease_list .list .txt_area{flex-wrap: wrap;}
    .lease_list .list .txt_area strong{margin-right: 0;padding-right: 0;border-right: 0;}
    .lease_list .list .txt_area .text{width: 100%;padding: 16px 8px 0;}
    .lease_list .list .txt_area .text br{display: none;}
    .lease_term::after{display: none;}
    .lease_term table{max-width: none;}

    .lease_struct .item{min-height: auto;padding: 24px 24px 24px 148px;}
    .lease_struct .item::before{width: 100px;left: 24px;}

    .flow_wrap{gap: 8px;}
    .flow_wrap .flow_arrow{max-width: 60px;}
    .flow_wrap .flow_arrow::after{width: 72px;}

    .lease_info dl{padding: 32px 32px 36px;}
    .lease_info .period_item{padding: 32px 8px 40px;flex-direction: column;}

    .lease_process{gap: 100px;}
    .lease_process .flow_wrap{width: 100px;}

    .fcst_struct .item ul li{text-align: center;justify-content: center;}
    .fcst_struct .item01{padding-left: 20px;padding-right: 20px;}
    .fcst_struct .item01 .top{justify-content: center;}
    .fcst_struct .item01 .top::before{width: 100px;padding-right: 24px;background-position: left center;}
    .fcst_struct .item01 .btm .list::before{display: none;}

    .fcst_wrap{gap: 24px;}
    .fcst_wrap>div{padding: 24px 24px 32px;}
    .fcst_wrap .fcst_settle{padding-left: 24px;padding-right: 24px;}
    .fcst_settle .top{padding-bottom: 16px;margin-bottom: 16px;}
    .fcst_settle .btm ul{margin-top: 16px;}
    .fcst_settle .btm ul .list{padding: 16px 24px;min-height: auto;}
    
    .applicant_info{min-height: auto;padding: 24px 24px 24px 148px;gap: 32px 60px;}
    .applicant_info::before{width: 100px;min-width: 100px;left: 24px;}
    .applicant_info .list li{min-height: auto;}

    .process_list{gap: 52px;}
    .process_list .list:not(:last-child)::after{width: 24px;background-position: right center;left: auto;right: -48px;}

    .overview_struct .item{width: 24%;}
    .overview_struct .item03{width: 48%;}
    .overview_struct .flow_wrap .flow_arrow::after{width: 60px;}
}


@media screen and (max-width: 1040px){
	/* 전체 폰트 사이즈 및 여백 조절 */
    .contents{padding-bottom: 100px;}
    .pagination{margin-top: 50px;}

    /* .titleA{font-size: 28px;} */
    .titleB{font-size: 28px;}
    .titleD{font-size: 21px;}

    .title_box{margin-top: 56px;padding-top: 56px;grid-template-columns:minmax(0,1fr);}
    .title_box > *{min-width:0;}
    .title_box>dt{font-size: 28px;}
    .title_box>dt br{display: none;}

    .title_tag{margin-top: 56px;padding-top: 56px;}
    .title_tag .title{font-size: 28px;}
    .title_tag .text{font-size: 22px;}

    .table_wrap[data-rwd="block"] .board_list{border-top:2px solid var(--board-point-color);}
    .table_wrap[data-rwd="block"] .board_list colgroup{display:none;}
    .table_wrap[data-rwd="block"] .board_list thead{display:none;}
    .table_wrap[data-rwd="block"] .board_list tbody tr{display:flex;flex-wrap:wrap;gap:8px 40px;position:relative;padding:16px 12px;border-bottom:1px solid #ddd;}
    .table_wrap[data-rwd="block"] .board_list td{display:inline-flex;align-items:flex-start;gap:4px;height:auto;padding:0;border-left:0;border-bottom:0;font-size:15px;color:#555;text-align:left;}
    .table_wrap[data-rwd="block"] .board_list td::before{content:attr(data-name) " : ";color:#555;font-weight:400;white-space:nowrap;}
    .table_wrap[data-rwd="block"] .board_list td.no_text::before{display:none;}
    .table_wrap[data-rwd="block"] .board_list td:last-child{margin-right:0;padding-right:0;}
    .table_wrap[data-rwd="block"] .board_list td span{font-weight:500;color:#111;}
    .table_wrap[data-rwd="block"] .board_list .t_num{display:none;width:auto;color:#242424;letter-spacing:0;}
    .table_wrap[data-rwd="block"] .board_list .t_num::before{content:"No.";}
    .table_wrap[data-rwd="block"] .board_list .t_title{display:block;width:100%;margin:0;padding:0;text-align:left;order:-1;font-size:17px;font-weight:600;color:#111;}
    .table_wrap[data-rwd="block"] .board_list .t_title::before{display:none;}
    .table_wrap[data-rwd="block"] .board_list .t_file{min-width:82px;}
    .table_wrap[data-rwd="block"] .board_list .right_item{position:absolute;top:10px;right:10px;margin:0;padding:0;}
    .table_wrap[data-rwd="block"] .board_list .right_item::before{display:none;}
    .table_wrap[data-rwd="block"] .board_list .right_item span{display:inline-block;padding:6px 5px;}
    .table_wrap[data-rwd="block"] .board_list .title_ellipsis{font-weight:600;}
    .table_wrap[data-rwd="block"] .board_list tbody tr:nth-child(n+11){display:none;}
    .table_wrap[data-rwd="block"] .board_list tr:nth-child(10) td{border-bottom:0;}
    .table_wrap[data-rwd="block"].is_open .board_list tr:nth-child(n+11){display:flex!important;}

    .board_view .view_head .view_info{gap: 8px 40px;}

    .acco_board .t_body .acco_btn{padding: 8px 24px;}
    .acco_board .t_body .acco_view{padding: 0 24px 16px;}

    .gallery_board{grid-template-columns: repeat(2,minmax(0,1fr));gap: 32px 24px;}
    .gallery_board .img_area{height: clamp(180px, 24vw, 300px);}
    .gallery_board .txt_area{padding-top: 16px;}
    .gallery_board .txt_area dl{gap: 0 32px;}

    .table_base td.t_left{padding: 6px 24px;}

    .sub_visual{padding-left: 48px;height: 200px;margin-bottom: 70px;padding-bottom: 0;}
    .sub_visual .title{font-size: 48px;}

    .lineImg_box{padding: 32px 24px;}
    
    .step_box{gap: 16px!important;grid-auto-flow: unset;grid-template-columns: repeat(2, 1fr);}
    .step_box:not(.no_arrow) li:not(:last-child)::after{display: none;}
    .step_box .num{font-size: 28px;}

    .ceo_intro{gap: 80px;}
    .ceo_intro .img_area{width: 40%;}
    .ceo_intro .img_area .title{font-size: 56px;}
    .ceo_intro .txt_area{width: 60%;padding-right: 0;}
    .ceo_intro .txt_area .title{font-size: 32px;}

    .ceo_keyword{margin-top: 56px;padding-top: 56px;}

    .purpose_cts [class*='title']{font-size: 32px;}
    .purpose_cts .purpose_list{margin-top: 50px;}
    .purpose_cts .table_wrap{margin-top: 50px;}

    .business_list .list03{width: 17%;}
    .business_list .list .ico::before{width: 64px;height: 64px;}

    .vision_box .txt_area .title{font-size: 28px;}
    
    .ceo::after,.org_top .left .name::before,.org_top .right .name::before,.org_btm::before,.org_btm::after,.org_btm>.list::before,.orgTab_wrap::before,.orgTab_wrap::after,.right .orgTab_wrap::after,.orgTab_wrap .list .orgTab:before,.orgTab_wrap .list:first-child::before,.orgTab_wrap .list:last-child::before{display: none;}
    .organization .org_wrap{max-width: 480px;}
    .organization .org_wrap::before{position: absolute;left: 50%;content: '';width: 1px;height: 100%;background: #ccc;}
    .organization .org_top .name{width: 260px;}
    .organization .org_wrap{width: 100%;max-width: 480px;}
    .organization .org_top .ceo{width: 220px;padding-top: 106px;background: #1b5aa5 url(/images/sub/orgtop_ico.png) center top 42px / 60px 60px no-repeat;font-size: 15px;}
    .organization .org_top .ceo .title{font-size: 32px;}
    .organization .org_top .list{flex-direction: column;align-items: center;max-width: none;margin-top: 32px;gap: 12px;}
    .organization .org_top .right{margin-left: 0;}
    .organization .org_top .left{margin-right: 0;}
    .organization .org_btm{flex-direction: column;justify-content: center;align-items: center;margin-top: 0;}
    .organization .org_btm .name{font-size: 21px;max-width: none;margin-bottom: 8px;}
    .organization .org_btm>.list{width: 100%;max-width: 360px;margin: 32px auto 0;}
    .organization .orgTab_wrap{flex-direction: column;gap: 8px;max-width: none;}
    .organization .orgTab_wrap .list{width: 100%;}
    .organization .orgTab{height: 72px;line-height: 72px;max-width: none;}
    .organization .orgTab.ico{display: flex;justify-content: center;align-items: center;padding: 0;background-image: none;}
    .organization .orgTab .title{display: flex;flex-direction: row;align-items: center;gap: 4px;}
    .organization .orgTab .title::after{margin-top: 0;}
    .organization .orgCts_wrap{border-top: 0;margin-top: 0;}
    .organization .orgCts_wrap::before{display: none;}
    .organization .orgCts{margin-top: 4px;padding: 16px 20px;border: 1px solid #ddd;}
    .organization .orgCts .info{border-top: 0;}
    .organization .orgCts .info .list{grid-template-columns: 1fr;gap: 8px;padding: 12px 16px;}
    .organization .orgCts .info>.list .ico{padding: 0;}
    .organization .orgCts .title{display: none;}

    .plant_top{gap: 8px 24px;}
    .plant_top .item .num{font-size: 32px;}
    .plant_top .item::before{width: 40px;height: 40px;}

    .plantOper .txt_area .title{font-size: 28px;}
    .plantOper .plantOper_list .num{font-size: 48px;}

    .sitemap_link{gap: 16px;}

    .leaflet{flex-direction: column;}
    .leaflet .left{padding-top: 0;}
    .leaflet .left .title{font-size: 32px;}
    .leaflet .right{width: 100%;max-width: none;margin: 0 auto;}
    .leaflet .book_list{width: 100%;max-width: 440px;margin: 0 auto;}
    
    .brand_list{grid-template-columns: repeat(2, 1fr);}
    .brand_list dt::before{width: 96px;}
    
    .benefit_intro .benefit_bg{min-height: 120px;}
    .benefit_intro .benefit_bg .text{background-size: 42px;padding-left: 54px;}
    .benefit_intro .benefit_bg .text strong{font-size: 28px;}
    
    .biz_benefit ul{grid-template-columns: repeat(2, 1fr);margin-top: 32px;}
    .biz_benefit .list .key_txt{margin-bottom: 24px;}

    .alert_title{font-size: 28px;}
    .alert_title p::before{width: 40px;min-width: 40px;margin-right: 8px;}

    .vision_box .txt_area .text{margin-top: 16px;}
    .mission_bg .txt_area{padding: 24px;}

    .ci_layout,.ci_color{flex-direction: column;}
    .ci_layout .ci_bg,.ci_color .color{width: 100%;}
    .ci_color .color{padding: 20px 24px;}

    .ci_btm{grid-template-columns: minmax(0,1fr);}
    .ci_btm .btn_area{grid-column: 1;margin-top: 70px;}

    .lease_list{grid-auto-flow: unset;grid-auto-columns: auto;grid-template-columns: repeat(2, 1fr);}
    
    .lease_struct{gap: 24px;}
    .lease_struct .item{padding: 140px 16px 24px;text-align: center;justify-content: flex-start;}
    .lease_struct .item::before{left: 50%;top: 24px;transform: translateX(-50%);}
    .flow_wrap .flow_arrow{font-size: 15px;max-width: 40px;}
    .flow_wrap .flow_arrow::after{width: 60px;}

    .lease_info dl{padding: 20px 24px}
    .lease_info .period_item{padding: 16px 8px 20px;margin-bottom: 20px;}
    .lease_info .period_item .item::before{display: none;}
    .lease_info .period_item .item01 .tit{font-size: 32px;}
    .lease_info .period_item .item01 .num{font-size: 88px;}
    .lease_info .text br{display: none;}
    .lease_info .fee_list .list{padding: 16px 20px;}

    .lease_process .flow_wrap{width: 60px;}
    .lease_process .flow_wrap .flow_arrow::after{width: 40px;}
    .lease_process{gap: 24px 60px;}
    .lease_process li .txt_area{padding: 12px 16px 24px;}
    .lease_process li .txt_area .text{font-size: 17px;}
    .lease_process li .txt_area .text::before{margin-bottom: 24px;background-size: auto 48px;}
    .lease_process li .txt_area .num{padding: 0;font-size: 19px;}

    .lease_btm{margin-top: 70px;}

    .fcst_struct{flex-direction: column;}
    .fcst_struct .item{width: 100%;max-width: none;min-width: auto;padding: 16px 20px;}
    .fcst_struct .flow_wrap{flex-direction: row-reverse;gap: 0;}
    .fcst_struct .flow_wrap .flow_arrow{flex-direction: row-reverse;max-width: none;gap: 4px;}
    .fcst_struct .flow_wrap .flow_arrow.is_reverse{flex-direction: row;}
    .fcst_struct .flow_wrap .flow_arrow::after{transform: rotate(90deg);width: 30px;}
    .fcst_struct .item01 .btm{gap: 8px;}
    .fcst_struct .item01 .btm .list{min-height: 56px;}
    .fcst_struct .item02 ul{grid-auto-flow: column;grid-auto-columns: minmax(0, 1fr);}

    .fcst_wrap{flex-direction: column;}
    .fcst_wrap>div{padding: 16px 20px 20px;}
    .fcst_wrap .fcst_settle{padding-left: 20px;padding-right: 20px;}
    .fcst_wrap .lineImg_box{min-width: auto;}
    .fcst_wrap .lineImg_box img{width: 600px;}

    .fcst_status .item{padding: 20px 24px;}
    .fcst_status .item ul li .num{font-size: 48px;}

    .central_struct .lineImg_box{padding: 32px 24px;}

    .contest_info .item{gap: 24px 40px;padding: 14px 24px;}
    .contest_info .item ul{flex-direction: column;}
    .contest_info .item ul li{min-width: auto;}

    .applicant_info{padding: 24px 32px;text-align: center;flex-direction: column;justify-content: flex-start;margin-top: 50px;}
    .applicant_info::before{display: none;}
    .applicant_info .list{justify-content: center;}

    .process_list{justify-content: space-between;gap: 16px;grid-template-columns: repeat(4, minmax(0px, 1fr));}
    .process_list .list{min-height: auto;padding: 16px;max-width: none;}
    .process_list .list:not(:last-child)::after{display: none;}
    .process_list .list .num{font-size: 28px;}

    .overview_list .list{flex-direction: column;align-items: flex-start;padding: 20px 24px;}
    .overview_list .list .txt_area{padding-left: 88px;}
    .overview_list .ico_area{padding-left: 82px;}
    .overview_list .ico_area .ico::before{min-width: 64px;width: 64px;}

    .type_proposal{display: grid;grid-template-columns: repeat(2, 1fr);}
    .type_proposal .tab01{grid-column: span 2;}
    .type_proposal .tab .tab_btn{min-height: 160px;padding: 32px 24px;}

}

@media screen and (max-width: 767px){ /* 모바일 시작 */
	/* GNB 높이 한번 더 작아지는 분기점 */
    .contents{padding-bottom: 80px;}
    .pagination{margin-top: 40px;}

    [class*='title']:has(.tit){flex-direction: column;align-items: flex-start;}
    [class*='title'] .tit{margin-left: 0;margin-top: 4px;}
    .titleB{font-size: 26px;}
    .titleC{font-size: 21px;}
    .textA{font-size: 17px;}

    .title_box{margin-top: 40px;padding-top: 40px;}
    .title_box>dt{font-size: 26px;}

    .title_tag{margin-top: 40px;padding-top: 40px;flex-direction: column;align-items: flex-start;}
    .title_tag .title{font-size: 26px;margin-right: 0;text-wrap: unset;}
    .title_tag .title .tag{font-size: 17px;height: 36px;}
    .title_tag .bullet_text{margin-left: 0;}

    .title_set .title{font-size: 19px;}

    .title_arrow{padding: 0 0 80px;}
    .title_arrow::before{width: 100px;height: calc(100% - 80px);}
    .title_arrow::after{height: calc(100% - 80px);top: 0;}
    .title_arrow p{padding: 50px 0;}
    .title_arrow p::after{height: 80px;border-top-width: 80px;border-left-width: 100px;border-right-width: 100px;}

    /* 탭 반응형 */
    .tab_wrap{margin-bottom: 30px;position: relative;}
    .tab_wrap .tabOpen_btn{display: block;font-size: 16px;padding: 12px 30px;height: 44px;color:#fff;background-color: #1d8be0;position: relative;width: 100%;margin-bottom: 30px;text-overflow: ellipsis;white-space: nowrap;word-wrap: normal;overflow: hidden;}
    .tab_wrap .tabOpen_btn::after{content: '';width: 16px;height: 16px;background: url(/images/sub/tab_arrow.png) center no-repeat;position: absolute;right: 16px;top: 50%;transform: translateY(-50%);}
    .tab_wrap .tabOpen_btn.is_open::after{transform: translateY(-50%) rotate(-180deg);}
    .tab_depth1.type_base{position: absolute;left: 0;top:44px;width: 100%;display: flex;flex-direction: column;gap: 0;display: none;margin-bottom: 0!important;height: auto!important;border: 1px solid #1d8be0;display: none;}
    .tab_depth1.type_base.is_open{display: flex;flex-direction: column;}
    .tab_depth1.type_base li{width: 100% !important;margin-bottom: 0;}
    .tab_depth1.type_base li:first-child{border-top: 0!important;}
    .tab_depth1.type_base li .tab_btn{max-height: none;height: auto;min-height: 50px;padding: 10px;}
    .tab_depth1.type_base li .tab_btn::before{display: none;}
    .tab_depth1.type_base li .tab_btn:hover{color: #0760cf;}
    .tab_depth1.type_base li.is_current{border-color: #dbdbdb;background: #fff;}
    .tab_depth1.type_base li.is_current .tab_btn{background-color: #fff;color: #1d8be0;font-weight: 600;}
    .tab_depth2 li{margin: 0 20px;}
    .tab_depth3{padding: 15px 20px;}
    
    .paging .btn_page.first{display: none;}
    .paging .btn_page.prev{margin-right: 0;}
    .paging .btn_page.next{margin-left: 0;}
    .paging .btn_page.last{display: none;}
    .paging .page_link{gap: 4px;}
    .page_link li:nth-of-type(n+6) {display: none;}

    .table_wrap[data-rwd="block"] .board_list .title_ellipsis{width:100%;overflow:hidden;white-space:normal;display:-webkit-box;-webkit-line-clamp:2;/* 라인수 */-webkit-box-orient:vertical;max-height:3em;}

    .board_view .view_head .title{font-size: 21px;}
    .board_view .view_down{gap: 8px 24px;}
    .board_view .view_down dt{padding-right: 24px;}
    .view_nav li{padding-left: 0;padding-right: 12px;gap: 0 24px;}
    .view_nav li strong{padding: 0 24px;text-align: center;}
    
    .board_write colgroup{display: none;}
    .board_write tbody th{display: block;border-bottom: 0;height: auto;padding: 12px 12px 4px;}
    .board_write tbody td{display: block;height: auto;padding: 4px 12px 12px;}
    .board_write :is(input, select, textarea){max-width: none;}

    .attach_area{grid-template-columns:1fr;}
    .attach_area .table_tit{order:1;}
    .attach_list{order:3;}
    .attachBtn_area{order:2;}
    .attachBtn_area .btn_base{min-height:48px;}
    .attach_area .filepond--root{margin: 0;}
    .attach_area .filepond--root .filepond--drop-label{height:0!important;min-height:0!important;padding:0!important;border:0!important;overflow:hidden;opacity:0;visibility:hidden;transition:none!important;}
    .attach_area .filepond--root .filepond--list-scroller{margin:0;}
    .attach_area .filepond--drip{display:none;}
    .attach_area .filepond--file{padding: 0;}
    .attach_area .filepond--list.filepond--list{margin-top: 0;}
    .attach_wrap .title{font-size: 21px;}
    
    .acco_board .t_body .acco_btn{padding: 12px 16px;align-items: flex-start;min-height: auto;font-size: 17px;}
    .acco_board .t_body .acco_btn strong{line-height: 1.1;}
    .acco_board .t_body .acco_view{padding: 0 16px 16px;}
    .acco_board .t_body .acco_view .txt_area{padding: 16px;}
    
    .gallery_board .txt_area .title_ellipsis{font-size: 17px;}

    .table_wrap[data-rwd="block"] .table_base colgroup{display:none;}
    .table_wrap[data-rwd="block"] .table_base tbody tr{display:grid;grid-template-columns: minmax(80px,18%) minmax(0,1fr);}
    .table_wrap[data-rwd="block"] .table_base :is(th,td){display:flex;align-items:center;height:auto;min-height:60px;padding:8px 12px;border-bottom:1px solid #ddd;text-wrap: balance;flex-wrap: wrap;}
    .table_wrap[data-rwd="block"] .table_base th{justify-content:center;border-right:1px solid #ddd;}
    .table_wrap[data-rwd="block"] .table_base td{border-left:0;border-bottom:1px solid #ddd;word-break: break-word;}
    .table_wrap[data-rwd="block"] .table_base tr:last-child > :nth-last-child(-n+2){border-bottom:0;}


    .sub_visual{padding-left: 24px;height: 180px;margin-bottom: 60px;}
    .sub_visual .title{font-size: 32px;}

    .step_box .num{font-size: 26px;margin-bottom: 12px;}
    .step_box .title{font-size: 19px;}

    .ceo_intro{flex-direction: column;}
    .ceo_intro .img_area{width: 100%;margin: 0 auto;}
    .ceo_intro .img_area .title{font-size: 40px;}
    .ceo_intro .img_area .text{margin-top: 40px;}
    .ceo_intro .txt_area{width: 100%;}
    .ceo_intro .txt_area .title{font-size: 28px;}
    .ceo_intro .signature{margin-top: 60px;font-size: 19px;}
    .ceo_intro .signature span{margin-left: 8px;margin-right: 8px;}

    .ceo_keyword{padding-top: 40px;margin-top: 40px;}
    .ceo_keyword .item{width: 100%;}
    .ceo_keyword .item .title{font-size: 19px;}
    
    .purpose_cts [class*='title']{font-size: 28px;}
    .purpose_cts .purpose_list{margin-top: 40px;}
    .purpose_cts .purpose_bg{background: #fff;min-height: 200px;font-size: 19px;}
    .purpose_cts .purpose_bg::before{height: 28px;width: 90%;max-width: 196px;}
    .purpose_cts .table_wrap{margin-top: 40px;}

    .business_list{flex-direction: column;gap: 60px;}
    .business_list .list{width: 100%;}
    .business_list .list:not(:last-child)::after{left: 50%;top: 100%;transform: translateX(-50%);height: 60px;width: 24px;}
    .business_list .list .title{font-size: 19px;}

    .vision_box .txt_area{padding: 24px;min-height: auto;}
    .vision_box .txt_area .title{font-size: 26px;}

    .core_list{position: relative;grid-template-columns: repeat(1, 1fr);gap: 16px;}
    .core_list .list .title{font-size: 19px;}

    .detail_list{grid-template-columns: repeat(1, 1fr);gap: 40px;}
    .detail_list .list .title{font-size: 22px;}

    .organization .org_top .ceo{width: 180px;padding-top: 80px;background-position: top 26px center;background-size: 52px;}
    .organization .org_top .ceo .title{font-size: 28px;}
    .organization .org_top .name{width: 220px;font-size: 21px;height: 62px;line-height: 62px;}
    .organization .org_btm .name{height: 62px;line-height: 62px;margin-bottom: 16px;}
    .organization .orgTab{height: 62px;line-height: 62px;}
    .organization .orgTab .title{font-size: 21px;}
    .organization .orgCts{margin-top: 8px;margin-top: 8px;}

    .location_area .img_area{height: 280px;}
    .location_area .txt_area{flex-direction: column;gap: 16px;padding: 20px 24px;}
    .location_area .txt_area .logo span{width: 160px;height: 28px;}
    .location_area .txt_area .info{gap: 16px;}
    .location_area .txt_area .info .list{padding-left: 0;}
    .location_area .txt_area .info .list::before{display: none;}
    
    .traffic{gap: 30px;}
    .traffic .list{padding-left: 0;}
    .traffic .list::before{display: none;}
    .traffic .list dt {font-size: 21px;}

    .plant_top{float: none;margin-right: 0;justify-content: flex-end;height: auto;font-size: 15px;}
    .plant_top .item .num{font-size: 28px;}

    .sitemap_link{grid-template-columns: repeat(2, 1fr);}
    .sitemap_link a{font-size: 17px;min-height: 56px;}
    
    .leaflet .left .title{font-size: 28px;}
    .leaflet .left .leafletGoal .list{font-size: 17px;}

    .benefit_intro .benefit_bg .text{font-size: 17px;}
    .benefit_intro .benefit_bg .text strong{font-size: 26px;}
    .benefit_intro ul li .title{font-size: 19px;}

    .siteImg_list li .text{font-size: 21px;}


    .skill_cts .award_list .list{flex-direction: column;gap: 0;}
    .skill_cts .award_list .img_area{max-width: none;padding: 12px 16px;}

    .brand_list dt{font-size: 22px;}

    .benefitChk_list .list{grid-template-columns: 1fr;padding: 20px 24px;}
    .benefitChk_list .title{text-align: left;padding: 0;margin-bottom: 16px;font-size: 21px;}
    .benefitChk_list ul{padding: 0;}
    .benefitChk_list ul::before{display: none;}

    .biz_benefit .biz_title{font-size: 21px;}
    .biz_benefit .biz_title::before{display: none;}
    .biz_benefit .list .key_txt{font-size: 19px;}
    .biz_benefit .list .title{font-size: 19px;}

    .table_compare th{font-size: 17px;}
    .table_compare .info_tit{padding-left: 58px;}
    .table_compare .info_tit::before{width: 36px;}
    .table_compare .info_tit strong{font-size: 17px;}

    .alert_title{font-size: 26px;}

    .plantOper{padding: 20px 24px;gap: 24px;background-position: right -420px bottom;}
    .plantOper::after{background: linear-gradient(to right, #224794 50%, rgba(0, 0, 0, 0) 100%);}
    .plantOper .txt_area .title{font-size: 26px;}
    .plantOper .txt_area .text br{display: none;}

    .plantOper .plantOper_list .list01{padding-right: 24px;margin-right: 24px;}
    .plantOper .plantOper_list .num{font-size: 40px;}

    .plantChart{padding: 20px;}
    .plantChart .head{gap: 20px;}
    .plantChart .head .right{flex-direction: column;align-items: flex-end;margin-top: 0;margin-bottom: 16px;}

    .plantChart .color{width: 16px;height: 20px;aspect-ratio: unset;}
    .graph_area .plant_map{display: none;}
    
    .graph_area .graph_list{display: flex;flex-direction: column;gap: 8px;max-width: none;font-size: 17px;}
    .graph_list .list{display: flex;flex-direction: column;align-items: flex-start;gap: 0;height: auto;}
    .graph_list .region{width: auto;gap: 8px;}
    .graph_list .bar{height: 16px;}
    .graph_list .mw_num{line-height: 1;}

    .ci_bg{padding: 40px;height: auto;}
    .ci_color .chip{width: 72px;}
    .ci_btm .btn_area{margin-top: 60px;}
    .ci_color .title {font-size: 21px;}

    .lease_list .list .txt_area strong{font-size: 21px;}
    .lease_list .list .txt_area::before{width: 48px;}

    .lease_struct{flex-direction: column;gap: 16px;}
    .lease_struct .item{padding: 24px 24px 24px 120px;text-align: left;justify-content: flex-start;}
    .lease_struct .item::before{left: 24px;top: 50%;transform: translateY(-50%);width: 72px;}
    .lease_struct .item .title{font-size: 21px;}
    .lease_struct .flow_wrap{flex-direction: row-reverse;gap: 0;}
    .lease_struct .flow_wrap .flow_arrow{flex-direction: row-reverse;max-width: none;}
    .lease_struct .flow_wrap .flow_arrow.is_reverse{flex-direction: row;}
    .lease_struct .flow_wrap .flow_arrow::after{transform: rotate(90deg);width: 30px;}

    .lease_info{grid-auto-flow: row;grid-template-columns: 1fr;gap: 24px;}
    .lease_info dl dt{font-size: 19px;}
    .lease_info .period_item{padding: 8px 0px 24px;margin-bottom: 24px;}
    .lease_info .period_item .item::before{display: block;}
    .lease_info .period_item .item01 .num{font-size: 72px;line-height: 54px;}
    .lease_info .period_item .item01 .tit{font-size: 28px;}
    .lease_info .period_item .item02{font-size: 17px;}
    .lease_info .fee_list .list{font-size: 17px;}
    .lease_info .fee_list .list span{font-size: 19px;}

    .lease_process{display: flex;flex-wrap: wrap;}
    .lease_process li{width: calc((100% - 120px) / 2);}

    .lease_btm{margin-top: 60px;}
    .lease_btm .btn_base{font-size: 19px;font-weight: 400;min-height: 60px;}
    
    .fcst_struct .item01 .top dt{font-size: 19px;}
    .fcst_struct .item ul li{font-size: 17px;}

    .fcst_settle .title{font-size: 19px;}
    .fcst_settle .btm ul .list{font-size: 17px;padding: 16px 20px;}

    .fcst_status .item .title{font-size: 19px;}

    .central_struct ol{flex-wrap: wrap;gap: 24px 16px;}
    .central_struct .list{width: calc((100% - 16px) / 2);}
    .central_struct .list::before{margin-bottom: 16px;}
    .central_struct .list:not(:last-child)::after{display: none;}

    .criteria_list .item .txt_area .title{font-size: 19px;}

    .central_status::after{background-position: left center;}
    
    .contest_info .item{flex-direction: column;align-items: flex-start;}
    .contest_info .item .title{font-size: 21px;}

    .applicant_info{margin-top: 40px;}
    .applicant_info .txt_area .title{font-size: 21px;}
    .applicant_info .list li{font-size: 17px;}

    .oneStop_list{grid-template-columns: repeat(2, 1fr);}
    .oneStop_list .item{padding: 16px 20px;}
    .oneStop_list .item::before{width: 44px;margin-bottom: 8px;}
    .oneStop_list .item .title{font-size: 19px;}

    .point_title{font-size: 17px;}

    .process_list{grid-template-columns: repeat(2, minmax(0px, 1fr));}
    .process_list .list{border-width: 6px;border-radius: 24px;padding: 16px 8px;}
    .process_list .list .num{font-size: 26px;}
    .process_list .list .text{font-size: 17px;}

    .opertation_list{grid-template-columns: repeat(2, 1fr);}
    .opertation_list .item{padding: 16px 20px;}
    .opertation_list .item::before{width: 44px;margin-bottom: 8px;}
    .opertation_list .item .title {font-size: 19px;}

    .overview_list .txt_area .title {font-size: 21px;}
    .overview_struct{flex-direction: column;align-items: center;}
    .overview_struct .item{width: 100%;max-width: 500px;min-height: auto;padding: 24px 24px 24px 108px;text-align: left;justify-content: flex-start;position: relative;align-items: flex-start;}
    .overview_struct .item::before{width: 64px;position: absolute;left: 24px;top: 50%;transform: translateY(-50%);margin-bottom: 0;}
    .overview_struct .item .title{font-size: 19px;}
    .overview_struct .flow_wrap{flex-direction: row-reverse;gap: 0;width: 100% ;}
    .overview_struct .flow_wrap .flow_arrow{flex-direction: row-reverse;width: 50%;max-width: none;justify-content: flex-end;}
    .overview_struct .flow_wrap .flow_arrow.is_reverse{flex-direction: row;}
    .overview_struct .flow_wrap .flow_arrow::after{transform: rotate(90deg);width: 30px;min-width: 30px;}
    .overview_struct .item03{padding: 20px 24px;}
    
    .tab_depth1.type_proposal{grid-template-columns: 1fr;gap: 8px;}
    .type_proposal .tab01{grid-column: auto;}
    .type_proposal .tab .tab_btn{min-height: auto;padding: 20px 24px;}
    .type_proposal .tab .tab_btn .title{font-size: 19px;}
    
}

@media screen and (max-width: 600px){
    .title_tag .title{flex-direction: column;align-items: flex-start;}

    .purpose_cts .purpose_list li{width: calc((100% - 16px) / 3);}
    .purpose_cts .purpose_list li:first-child{width: 100%;}
    .purpose_cts .purpose_list li:first-child .img_area{aspect-ratio: unset;}

    .brand_list{grid-template-columns: 1fr;}
    .brand_list dt{margin-bottom: 12px;}
    .brand_list dt::before{width: 80px;margin: 0 auto 8px;}
    .brand_list .brand_info{min-height: auto;padding: 12px 16px;}
    .brand_list .brand_desc{margin-top: 12px;}

    .biz_benefit ul{grid-template-columns: 1fr;margin-top: 24px;gap: 16px;}
    .biz_benefit .list{padding-bottom: 16px;}
    .biz_benefit .list .key_txt{width: 96px;padding-top: 0;}
    .biz_benefit .list .key_txt::before{width: 44px;}

    .lease_list{grid-template-columns: 1fr;}
    .lease_list .list .txt_area{margin-top: 16px;}

    .fcst_status .item_total ul{flex-direction: column;}
    .fcst_status .item:not(.item_total) ul::before{display: none;}
    .fcst_status .item:not(.item_total) ul::after{display: none;}

    .central_struct .list .title{font-size: 19px;}

    .central_status{height: auto;border: 0;flex-direction: column;padding: 0;gap: 16px;}
    .central_status::after{position: relative;height: 210px;background-position: center;border: 1px solid #ddd;border-radius: 16px;}
    .central_status .txt_area{justify-content: center;}

}


@media screen and (max-width: 480px){
    .btn_area{flex-direction: column;}
    .btn_base{width: 100%;}

    .board_view .view_down{flex-direction: column;align-items: flex-start;gap: 12px 24px;}

    .gallery_board{grid-template-columns: 1fr;}

    .field_box{flex-wrap: wrap;}

    .sub_visual::after{background: rgba(0, 0, 0, .6);}

    .lineImg_box{padding: 32px 16px;}

    .step_box{grid-template-columns: 1fr;}

    .search_area{flex-direction: column;align-items: stretch;}
    .search_area>*{margin-right:0;margin-bottom: 8px;}
    .search_area :is(input, select){width: 100%!important;max-width: none!important;}
    .search_area .btn_base{width: 100%;}

    .ceo_keyword .item{padding-left: 96px;min-height: auto;}
    .ceo_keyword .item::before{width: 80px;}

    .purpose_cts .purpose_list li{width: calc((100% - 8px) / 2);}
    .purpose_cts .purpose_list li .img_area{aspect-ratio: unset;}

    .plant_top{justify-content: flex-start;}

    .sitemap_link{grid-template-columns: 1fr;}

    .leaflet .right{padding: 24px 28px;}
    .leaflet .book_list{flex-direction: column;gap: 40px;}
    .leaflet .book_list .img_area{width: 90%;max-width: 200px;margin: 0 auto;}
    .leaflet .book_list .btn_base{margin-top: 20px;}

    .split_box{flex-direction: column;align-items: flex-start;}

    .siteImg_list li{width: 100%;}

    .vision_box .txt_area .text{font-size: 17px;line-height: 1.3;}
    .vision_box .btm .text:not(:last-child){padding-bottom: 16px;margin-bottom: 16px;}

    .ci_layout .ci_bg.type_row{gap: 28px 32px;}
    .ci_color .color{flex-direction: column;}
    .ci_color .title,.ci_color .text{text-align: center;}
    .ci_btm .btn_area{margin-top: 50px;}

    .lease_info .period_item .item{text-align: center;}
    .lease_info .period_item .item::before{display: none;}
    .lease_info .fee_list .list{padding: 16px 20px;}
    .lease_info .fee_list .list::before{display: none;}
    
    .lease_info .fee_info ul{gap: 16px;}
    .lease_info .fee_info .list::before{display: none;}
    .lease_info .fee_info .list .txt_area .title{font-size: 19px;}

    .lease_struct .item{padding: 112px 16px 24px;text-align: center;justify-content: flex-start;}
    .lease_struct .item::before{left: 50%;top: 24px;transform: translateX(-50%);}

    .lease_process{gap: 16px;}
    .lease_process li{width: 100%;flex-direction: column;gap: 16px;}
    .lease_process li .txt_area{padding: 12px 16px;}
    .lease_process li .txt_area .text::before{height: 72px;background-size: auto 40px;margin-bottom: 16px;}
    .lease_process li .txt_area .num{margin-bottom: 4px;}
    .lease_process .flow_wrap{position: relative;left: auto;top: auto;transform: none;width: auto;}
    .lease_process .flow_wrap .flow_arrow{flex-direction: row-reverse;max-width: none;}
    .lease_process .flow_wrap .flow_arrow::after{transform: rotate(90deg);width: 30px;}

    .lease_btm{margin-top: 50px;}

    .fcst_struct .item ul{display: flex;flex-direction: column;}
    .fcst_struct .item01 .top{flex-direction: column;text-align: center;}
    .fcst_struct .item01 .top::before{border-right: 0;padding-right: 0;margin-right: 0;background-position: center;margin-bottom: 16px;}

    .fcst_settle .top::before{display: none;}

    .fcst_status{grid-template-columns: 1fr;gap: 16px;}
    .fcst_status .item_total{background-image: none;}
    .fcst_status .item .title{margin-bottom: 24px;}
    .fcst_status .item ul{flex-direction: row;justify-content: center;gap: 20px;}
    .fcst_status .item ul li .num{font-size: 40px;}

    .central_struct .lineImg_box{padding: 24px;}
    .central_struct .list{width: 100%;}
    .central_struct .list::before{background-size: 54px;height: 78px;}

    .criteria_list .item{gap: 16px;padding: 12px 16px;}
    .criteria_list .item::before{width: 64px;min-width: 64px;}

    .applicant_info .list li{width: 100%;}

    .oneStop_list{grid-template-columns: 1fr;}
    .opertation_list{grid-template-columns: 1fr;}

    .overview_struct .item ul .list{padding-left: 0;}
    .overview_struct .item ul .list::before{display: none;}

    .overview_list .list .txt_area{padding-left: 0;}
    .overview_list .list .txt_area::before{display: none;}
    .overview_list .ico_area{padding-left: 0;}
    .overview_list .ico_area .ico::before{min-width: 48px;width: 48px;background-size: 50px;height: 52px;}
}

@media screen and (max-width: 430px){
    .skill_cts .award_list .img_area img{width: 50%;max-width: 168px;}
}

@media screen and (max-width: 359px){ /* 갤럭시 Z 폴드 커버 화면(345px), 구형 아이폰 SE(320px) */
    
    .ceo_intro .signature{align-items: center;}
    .ceo_intro .signature p{align-self: flex-end;padding-top: 0;}
    .ceo_intro .signature img{width: 100px;}

    .purpose_cts [class*='title']{font-size: 24px;}

    .plantOper .plantOper_list .list01{padding-right: 16px;margin-right: 16px;}

    .ci_layout .ci_bg.type_row{gap: 0;justify-content: space-between;}
    .ci_bg .signature_img03{width: 90px;}
    .ci_bg .signature_img04{width: 88px;}
}