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


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


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

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

}

@media screen and (max-width: 1600px){
	.shortcut_list .list .text br{display: none;}
}

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

	main .wrap{max-width: 1040px;}
	main .top_cts .wrap{grid-template-columns: 1fr;}
	.shortcut_link .link{background: linear-gradient(to right, #132c49 40%, rgba(19, 44, 73, 0) 100%), url(/images/main/shortcut_bg.jpg) right bottom no-repeat;}

	main .mid_cts{margin: 64px 0;}
	.plant_overview{flex-direction: column-reverse;height: auto;padding-top: 0;gap: 60px;}
	.brochure{justify-content: center;background: rgba(172, 202, 215, .4);border-radius: var(--main-radius-m);padding: 40px 24px;}

	.overview_info{width: 100%;display: flex;justify-content: space-between;}
	.overview_info .txt_area{padding-top: 40px;display: block;}
	.overview_info .btn{margin-top: 60px;}
	.plant_info{gap: 48px;}
	.plant_info .info:not(:last-child):after{right: -25px;}

	.plant_map{position: relative;height: 472px;}

	main .btm_cts .wrap{grid-template-areas: "news" "solar" "company" "link";grid-template-columns: 1fr;gap: 64px;}
	.solar_info .list{min-height: 360px;}
	.shortcut_list{grid-template-columns: repeat(2, 1fr);}

	.company_info{grid-template-areas: "title text" "list list";grid-template-columns: auto;grid-template-rows: auto;align-items: center}
	.company_link{max-width: none;}
}

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

	main .top_cts .wrap{gap: 40px;}
	.visual_wrap{height: 460px;}
	.visual_banner .txt_area{padding-left: 60px;}
	.visual_banner .txt_area .title{font-size: 44px;}
	.quick_list{gap: 8px;}

	.agency_banner{margin: 40px 0;}
	.agency_banner .banner_slide{gap: 80px;padding: 0 80px 0 0;}

	main .mid_cts{margin: 40px 0;}
	.plant_overview{padding: 0 0 40px;}

	.overview_info .txt_area .title{font-size: 32px;}
	.overview_info .txt_area .text{font-size: 17px;max-width: 312px;}

	.plant_map{position: absolute;}

	main .btm_cts .wrap{gap: 40px;}
	.board_wrap{height: 504px;}
	.board_wrap h3{font-size: 32px;}
	.board_wrap .board{gap: 4px;padding: 2px 56px 0 280px;}
	.board_list .board_btn{min-width: 84px;height: 44px;font-size: 15px;}
	.board_inner ul{gap: 0 16px;grid-template-columns: repeat(2, minmax(0, 1fr));}
	.board_inner ul li{height: 216px;}
	.board_inner ul a{height: 200px;padding: 24px 24px 28px;}
	.board_inner .tit{margin-bottom: 20px;}
	.board_inner .title_ellipsis{-webkit-line-clamp: 2;max-height: 3em;height: 3em;}
	.board_inner .date{margin-top: 20px;}
	.board_inner .more_btn{top: 2px;width: 44px;height: 44px;}
	.board_list .board_inner{padding-top: 70px;}

	.solar_info{gap: 16px;}

	.company_info{padding: 40px 32px 32px;}
	.company_info h3{font-size: 24px;margin-bottom: 16px;}
	.company_info .text{font-size: 15px;}

	.shortcut_list{gap: 16px;}

}

@media screen and (max-width: 767px){ /* 모바일 시작 */
	main{padding-top: 72px; padding-bottom: 80px;}

	.visual_wrap{height: 440px;}
	.visual_banner .txt_area{padding: 52px 40px 0;}
	.visual_banner .txt_area .title{font-size: 36px;}
	.visual_banner .txt_area .text{font-size: 19px;}
	.visual_banner .txt_area .btn{margin-top: 40px;}
	.visual_banner .txt_area .banner_item{display: none;}
	.visual_banner .slide_control{width: auto;max-width: none;padding: 0 16px 0 24px;}
	.slide_control .cur_page{margin-right: 20px;}
	.visual_banner .slide_control .slide_progress{display: none;}

	.quick_service{padding: 16px;}
	.quick_list{display: grid;grid-template-columns: repeat(2, 1fr);}
	/* .quick_list li:last-child{grid-column: span 2;} */
	.shortcut_link{margin-top: 20px;}

	main .mid_cts{background: #ebf3fd url(/images/main/overview_bg.png) left bottom no-repeat;}
	.plant_overview{gap: 40px;}
	.overview_info{flex-direction: column;padding-bottom: 0;}
	.overview_info .txt_area .title{font-size: 28px;}
	.overview_info .txt_area .text{max-width: none;}
	.plant_info{margin-top: 32px;}
	.overview_info .btn{margin-top: 32px;}

	.plant_map{position: relative;margin: 32px auto 0;width: 317px;height: 357px;background-position: top center;right: 0;}
	.plant_map .plant_item .item01{left: 111px;top: 9px;}
	.plant_map .plant_item .item02{left: 148px;top: 41px;}
	.plant_map .plant_item .item03{left: 215px;top: 21px;}
	.plant_map .plant_item .item04{left: 93px;top: 74px;}
	.plant_map .plant_item .item05{left: 164px;top: 103px;}
	.plant_map .plant_item .item06{left: 113px;top: 144px;}
	.plant_map .plant_item .item07{left: 103px;top: 214px;}
	.plant_map .plant_item .item08{left: 230px;top: 112px;}
	.plant_map .plant_item .item09{left: 200px;top: 190px;}
	.plant_map .plant_item .item10{left: 90px;top: 280px;}

	.brochure{padding: 0;background: none;}
	.brochure ul{gap: 16px;justify-content: center;}
	.brochure .item{width: calc((100% - 16px) / 2);}
	.brochure .item .btn{margin-top: 20px;}

	.board_wrap{height: 428px;}
	.board_wrap h3{font-size: 28px;}
	.board_wrap .board{flex-direction: column;gap: 0;padding-top: 48px;}
	.board_inner .more_btn{width: 48px;height: 48px;top: 0;}
    .board_list .board_btn{display: none;align-items: center;justify-content: flex-start;border-radius: 0;border-top: 0;width: 100%;padding: 0 24px;}
	.board_list:first-child .board_btn{border-radius: 24px 24px 0 0;}
	.board_list:last-child .board_btn{border-radius: 0 0 24px 24px;}
    .board.is_open .board_list .board_btn{display:flex;}
	.board_mobile{display: block;}
	.board_list .board_inner{padding-top: 56px;}
	.board_inner ul li{height: 186px;}
	.board_inner ul a{padding: 16px 20px;height: 170px;}
	.board_inner .tit{margin-bottom: 16px;}
	.board_inner .title_ellipsis{font-size: 17px;}
	.board_inner .date{margin-top: 16px;}
	
	.solar_info{height: 100%;}
	.solar_info .list{padding: 32px;}
	.solar_info .list::after{height: 184px;width: 248px;}
	
	.company_info{grid-template-areas: "title" "text" "list";padding: 16px;grid-template-columns: repeat(1, 1fr);}
	.company_info h3{margin-bottom: 8px;}
	.company_info .text{margin-bottom: 16px;}
	.company_link{gap: 8px;grid-template-columns: repeat(2, 1fr);}
	.company_link .link{min-height: 180px;}

	.shortcut_list{grid-template-columns: repeat(1, 1fr);}
	.shortcut_list .list{padding: 20px 100px 20px 24px;}
	.shortcut_list .list::after{right: 0;}

}

@media screen and (max-width: 480px){
	.visual_wrap{height: 360px;}
	.visual_banner .txt_area{padding: 32px 32px 0;}
	.visual_banner .txt_area .title{font-size: 32px;}
	.visual_banner .txt_area .title br{display: block;}
	.visual_banner .txt_area .text{font-size: 17px;}
	.visual_banner .txt_area .btn{font-size: 17px;margin-top: 20px;min-height: 44px;background-position: right 20px center;padding: 8px 40px 8px 20px;min-width: auto;}
	.visual_banner .banner_slide .slide{background-size: auto 100%;}
	.visual_banner .slick-slide::after{background: rgba(0, 0, 0, .7);}

	.shortcut_link .text br{display: none;}

	.plant_info{flex-direction: column;gap: 16px;}
	.plant_info .info{grid-template-columns: 68px auto;}
	.plant_info .info::after{display: none;}
	.overview_info .btn{width: 100%;justify-content: space-between;}
	.brochure .item .btn{width: 100%;}

	.board_mobile{width: calc(100% - 56px);top: 58px;}
	.board_wrap{height: 826px;}
	.board_wrap .board{padding: 106px 56px 0 0;}
	.board_inner .more_btn{top: 58px;}
	.board_list .board_inner{padding-top: 118px;}
	.board_inner ul{grid-template-columns: repeat(1, 1fr);}
	.board_inner ul li{height: 178px;}
	.board_inner ul li:hover a:before, .board_inner ul li:active a:before{top: -4px;bottom: -4px;}

	.solar_info{grid-template-columns: repeat(1, 1fr);gap: 8px;}
	.solar_info .list{min-height: 320px;}

}

@media screen and (max-width: 359px){ /* 갤럭시 Z 폴드 커버 화면(345px), 구형 아이폰 SE(320px) */
	.visual_banner .txt_area{padding: 32px 24px 0;}
}