@charset "utf-8";

/*index*/
.main_visual_area{overflow:hidden;}
.main_visual_area .text_wrap{position:absolute;left:0;top:0;width:100%;text-align:center;color:#fff;line-height:1.5;}
.main_visual_area .text_wrap .txt1,
.main_visual_area .text_wrap .txt2,
.main_visual_area .text_wrap .txt3{overflow:hidden;}
.main_visual_area .text_wrap .txt1 > p{opacity:0;transform:translateY(50%);transition:transform 1s, opacity 0.5s;}
.main_visual_area .text_wrap .txt2 > p{opacity:0;transform:translateY(20%);transition:transform 1s, opacity  0.5s;}
.main_visual_area .text_wrap .txt3 > p{opacity:0;transform:translateY(50%);transition:transform 1s, opacity  0.5s;}
.main_visual_area .text_wrap .btn_more{opacity:0;transform:translateY(50%);transition: transform 1s, opacity 0.5s;}
.main_visual_area .swiper-slide{overflow:hidden;}
.main_visual_area .swiper-slide img{transform: scale(1.2);transition: all 5s;}
.main_visual_area .swiper-slide-active img{transform:scale(1);}
.main_visual_area .swiper-slide-active .up .txt1 > p{opacity:1;transform:translateY(0);transition:transform 1s, opacity 1s;}
.main_visual_area .swiper-slide-active .up .txt2 > p{opacity:1;transform:translateY(0);transition:transform 1s 0.2s, opacity 1s 0.2s;}
.main_visual_area .swiper-slide-active .up .txt3 > p{opacity:1;transform:translateY(0);transition:transform 1s 0.6s, opacity 1s 0.6s;}
.main_visual_area .swiper-slide-active .up .btn_more{opacity:1;transform:translateY(0);transition: transform 1s ease 0.6s, opacity 1s ease 0.6s;}

/*960 이하 해상도 대응*/
@media screen and (max-width:960px) {
	.main_title{font-size:6.5vw;font-weight:400;color:#000000;text-align:center;}
	.main_title .co_red{display:block;margin-bottom:1.2rem;font-size:3.89vw;font-weight:700;color:#ed1c24;}

	.btn_more{display:inline-block;width:13.8vw;height:7.8vw;max-width:106px;max-height:60px;border:1px solid #999999;background-image:url("../images/common/btn_more.png");background-repeat:no-repeat;background-position:center center;background-size:2.34vw auto;border-radius:50px;text-indent:-9999em;overflow:hidden;transition: background-color 0.3s ease, border-color 0.3s ease;}
	.btn_more:hover{background-image: url("../images/common/btn_more_wh.png");background-color:#ed1c24 !important;border-color:#ed1c24 !important;}

	.main_visual_area{position:relative;padding-bottom:2px;}
	.main_visual_area .swiper-slide img{width:100%;height:100%;object-fit:cover;}
	.main_visual_area .text_wrap{top:30.5vw;}
	.main_visual_area .text_wrap .txt1{height:3.3rem;font-size:3.89vw;font-weight:300;}
	.main_visual_area .text_wrap .txt1 > p{display:inline-block;border-bottom:1px solid #fff;}
	.main_visual_area .text_wrap .txt2{margin-top:1.5rem;font-size:6.5vw;font-weight:500;}
	.main_visual_area .text_wrap .txt3{display:flex;justify-content:center;align-items:center;margin-top:1.5rem;font-size:3.89vw;font-weight: 300;}
	.main_visual_area .text_wrap .txt3 .bar{display:inline-block;margin:0 2rem;width:1px;height:2.47vw;background-color:#fff;}
	.main_visual_area .text_wrap .btn_more{margin-top:3rem;border-color:#fff;background-image: url("../images/common/btn_more_wh.png");}
	.main_visual_area .swiper-main-pagination{top:auto;bottom:0;width:0;height:2px;background: #ed1c24;z-index:10;}
	.main_visual_area .swiper-btns{position:absolute;left:0;bottom:3.6vw;width:100%;display:flex;justify-content:center;align-items:center;z-index:10;}
	.main_visual_area .swiper-btns .swiper-main-fraction{font-size:3.33vw;color:#fff;letter-spacing:2px;}
	.main_visual_area .swiper-btns .swiper-main-fraction .total{opacity:0.5;}
	.main_visual_area .swiper-btns .swiper-control.stop{margin-left:1.56vw;width:2.08vw;height:2.6vw;background:url("../images/common/btn_pause.png") no-repeat center center;background-size:100% auto;text-indent:-9999em;overflow:hidden;}
	.main_visual_area .swiper-btns .swiper-control.play{margin-left:1.56vw;width:2.08vw;height:2.6vw;background:url("../images/common/btn_play.png") no-repeat center center;background-size: 100% auto;text-indent:-9999em;overflow:hidden;}

	.main_toshiba{padding:10.4vw 0 8.46vw;}
	.main_toshiba .swiper-container{padding:0 20px;overflow:hidden;}
	.main_toshiba .tab_title{display:flex;width:100%;margin-top:7.16vw;align-items:center;justify-content:center;gap:1.3vw;}
	.main_toshiba .tab_title button{flex:1;padding:2.34vw 0;font-size:2.7vw;color:#979797;font-weight:500;border:1px solid #dfe0e1;border-radius:50px;z-index:1;background-color:#fff;}
	.main_toshiba .tab_title button.on{color:#0064d0;border:1px solid #0064d0;}
	.main_toshiba .conts{margin-top:6.5vw;}
	.main_toshiba .detail .txt1{font-size:4.44vw;color:#000;line-height:1.27;letter-spacing:-0.03em;}
	.main_toshiba .detail .txt2{margin-top:1.95vw;font-size:3.6vw;color:#484848;line-height:1.6;word-break:keep-all;}
	.main_toshiba .imgs{margin-top:5.2vw;display:flex;justify-content:space-between;gap:15px;}
	.main_toshiba .imgs .img_wrap{position:relative;overflow:hidden;border-radius:2.6vw;}
	.main_toshiba .imgs .img_wrap img{transform:scale(1);transition: transform 1s;}
	.main_toshiba .imgs .img_wrap:hover img{transform:scale(1.1);}
	.main_toshiba .imgs .img_wrap .txt3{position:absolute;left:3.9vw;bottom:3.9vw;font-size:3.89vw;color:#fff;}
	.main_toshiba .btn_wrap{margin-top:5.86vw;text-align:center;}

	.main_esg{padding:9.1vw 0 6.5vw;background:url("../images/main/bg_section2_m.jpg") no-repeat center center;background-size:cover;}
	.main_esg .main_title{color:#fff;}
	.main_esg .txt1{position:relative;padding-top:22px;font-size:4.44vw;font-weight:500;color:#fff;}
	.main_esg .txt1:before{content:"";display:block;position:absolute;left:0;top:0;width:3.2vw;height:2px;background-color:#fff;}
	.main_esg .txt2{margin-top:2.6vw;font-size:3.61vw;font-weight:300;color:#fff;line-height:1.56;}
	.main_esg .btn_view{display:block;margin-top:6.5vw;font-size:3.333vw;color:#fff;}
	.main_esg .btn_view .icon{display:inline-block;margin-left:1.56vw;width:4.56vw;height:4.56vw;border:1px solid #fff;background-image:url("../images/common/btn_next_wh.png");background-repeat:no-repeat;background-position:center center;background-size:1vw auto;vertical-align:middle;border-radius:50%;transition: all 0.3s;}
	.main_esg .btn_view:hover .icon{background-color:#ed1c24;border:1px solid #ed1c24;}
	.main_esg .bg{position:relative;padding:0 5.2vw;margin-top:6.5vw;overflow:hidden;}
	.main_esg .bg .inner_content{padding:0;}
	.main_esg .bg .inner_content .cell{display:block;padding: 6.5vw 7.8vw;background-color: rgba(0, 0, 0, 0.5);}
	.main_esg .menu1{background:url("../images/main/img_section2_1.png") no-repeat right 4.8vw bottom 7.16vw;background-size:20vw auto;}
	.main_esg .menu2{margin-top:1px;background:url("../images/main/img_section2_2.png") no-repeat right 4.8vw bottom 7.16vw;background-size: 20vw auto;}

	.main_group{margin-top:13vw;}
	.main_group .menu_blocks{display:flex;flex-wrap:wrap;margin-top: 6.5vw;}
	.main_group .menu_blocks > a{display:flex;position:relative;justify-content:center;align-items:center;overflow:hidden;border-radius:2.6vw;margin-left:2.6vw;margin-bottom:1.95vw;}
	.main_group .menu_blocks > a img{display:block;position:absolute;left:0;top:0;transform:scale(1);transition: transform 1s;}
	.main_group .menu_blocks > a:hover img{transform: scale(1.1);}
	.main_group .menu_blocks > a .txt1{position:relative;font-size:4.44vw;color:#fff;}
	.main_group .menu_blocks > a .txt2{position: relative;margin-top:2.3vw;font-size:3.333vw;font-weight:300;color:#fff;}
	.main_group .menu_blocks .menu1{margin-left:0;}
	.main_group .menu_blocks .menu3{margin-left:0;}
	.main_group .menu_blocks .menu5{margin-bottom:0;justify-content: start;}
	.main_group .menu_blocks .menu1,
	.main_group .menu_blocks .menu2,
	.main_group .menu_blocks .menu3,
	.main_group .menu_blocks .menu4{width:calc(50% - 1.3vw);height:24.2vw;}
	.main_group .menu_blocks .menu5{width:100%;height:22.2vw;margin-left:0;padding:7.81vw;}

	.main_news{margin-top: 13vw;}
	.main_news .news_list_slide{overflow:hidden;}
	.main_news .main_news_list li{width:calc(33.333% - 26.66px);} 
	.main_news .main_news_list .detail .tit{display:block;width:100%;font-size:3.89vw;font-weight:600;color:#000;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;}
	.main_news .main_news_list .detail .cont{margin-top:1.3vw;font-size:3.333vw;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;white-space:normal;line-height:1.4;text-align:left;word-wrap:break-word;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;}
	.main_news .main_news_list .detail .date{margin-top:1.3vw;font-size:3.333vw;color:#777777;}
	.main_news .main_news_list .img{margin-top:2.6vw;width:100%;height:26vw;border-radius:2.6vw;overflow:hidden;}
	.main_news .main_news_list .img img{width:100%;height:100%;object-fit:cover;transform:scale(1);transition: transform 1s;}
	.main_news .main_news_list li > a:hover img{transform: scale(1.1);}
	.main_news .top_nav{position:relative;padding-bottom:1.9vw;margin-bottom:5.2vw;}
	.main_news .btn_view{display:block;margin-top:1.9vw;font-size:3.61vw;font-weight:500;color:#0064d0;line-height:5.2vw;text-align: right;}
	.main_news .btn_view .icon{display:inline-block;margin-left:1.3vw;margin-top:-2px;width:4.29vw;height:4.29vw;border:1px solid #0064d0;background-image:url("../images/common/btn_next.png");background-repeat:no-repeat;background-position:center center;background-size:1vw auto;vertical-align:middle;border-radius:50%;transition: all 0.3s;}
	.main_news .btn_view:hover .icon{background-image: url("../images/common/btn_next_wh.png");background-color:#0064d0;border:1px solid #0064d0;}
	.main_news .swiper-news-pagination{top:auto;bottom:0;height:1px;background: #e4e4e4;z-index:10;}
	.main_news .swiper-pagination-lock{display:block;}
	.main_news .swiper-pagination-lock .swiper-pagination-progressbar-fill{display:none;}
	.main_news .swiper-pagination-progressbar-fill{height:1px;background:#000000;}
	.main_news .swiper-news-prev{display:block;position:absolute;left:0;top:0;width:5.2vw;height:5.2vw;background-image:url("../images/common/btn_prev.png");background-size:1vw auto;background-position:center center;background-repeat:no-repeat;border:1px solid #0064d0;border-radius: 50%;z-index: 10;transition:all 0.5s;cursor: pointer;}
	.main_news .swiper-news-next{display:block;position:absolute;left:5.86vw;top:0;width:5.2vw;height:5.2vw;background-image:url("../images/common/btn_next.png");background-position:center center;cursor:pointer;background-repeat:no-repeat;background-size: 1vw auto;border:1px solid #0064d0;border-radius:50%;z-index:10;transition: all 0.5s;cursor:pointer;}
	.main_news .swiper-news-prev:hover{background-image:url("../images/common/btn_prev_wh.png");background-color:#0064d0;border:1px solid #0064d0;}
	.main_news .swiper-news-next:hover{background-image:url("../images/common/btn_next_wh.png");background-color:#0064d0;border:1px solid #0064d0;}
}


/*960이상 해상도 대응*/
@media screen and (min-width: 960px){
	.btn_more{display:inline-block;width:90px;height:50px;border:1px solid #999999;background-image:url("../images/common/btn_more.png");background-repeat:no-repeat;background-position:center center;border-radius:50px;text-indent:-9999em;overflow:hidden;transition: background-color 0.3s ease, border-color 0.3s ease;}
	.btn_more:hover{background-image: url("../images/common/btn_more_wh.png");background-color:#ed1c24 !important;border-color:#ed1c24 !important;}

	.main_title{font-size:50px;font-weight:400;color:#000000;text-align:center;}
	.main_title .co_red{display:block;margin-bottom:12px;font-size:16px;font-weight:700;color:#ed1c24;}

	.main_visual_area{position:relative;height:758px;padding-bottom:3px;}
	.main_visual_area .swiper-slide img{width:100%;height:100%;object-fit:cover;}
	.main_visual_area .text_wrap{top:184px;}
	.main_visual_area .text_wrap .txt1{height:50px;font-size:20px;font-weight:300;}
	.main_visual_area .text_wrap .txt1 > p{display:inline-block;border-bottom:0.5px solid #fff;}
	.main_visual_area .text_wrap .txt2{font-size:50px;font-weight:500;}
	.main_visual_area .text_wrap .txt3{display:flex;justify-content:center;align-items:center;margin-top:15px;font-size:20px;font-weight: 300;}
	.main_visual_area .text_wrap .txt3 .bar{display:inline-block;margin:0 20px;width:1px;height:19px;background-color:#fff;}
	.main_visual_area .text_wrap .btn_more{margin-top:30px;border-color:#fff;background-image: url("../images/common/btn_more_wh.png");}
	.main_visual_area .swiper-main-pagination{top:auto;bottom:0;width:0;height:3px;background: #ed1c24;z-index:10;}
	.main_visual_area .swiper-main-prev{display:block;position:absolute;right:136px;bottom:93px;width:42px;height:42px;background-image:url("../images/common/btn_prev_wh.png");background-position:center center;background-repeat:no-repeat;border:1px solid #fff;border-radius: 50%;z-index: 10;transition:all 0.5s;cursor: pointer;}
	.main_visual_area .swiper-main-next{display:block;position:absolute;right:136px;bottom:42px;width:42px;height:42px;background-image:url("../images/common/btn_next_wh.png");background-position:center center;cursor:pointer;background-repeat:no-repeat;border:1px solid #fff;border-radius:50%;z-index:10;transition: all 0.5s;cursor:pointer;}
	.main_visual_area .swiper-main-prev:hover,
	.main_visual_area .swiper-main-next:hover{background-color:#ed1c24;border:1px solid #ed1c24;}
	.main_visual_area .swiper-btns.up{opacity:1;transform:translateY(0);transition: transform 1.2s 0.7s, opacity 1.2s 0.7s;}
	.main_visual_area .swiper-btns{position:absolute;left:0;bottom:195px;width:100%;z-index:10;opacity:0;transform:translateY(100%);text-align:center;}
	.main_visual_area .swiper-btns .swiper-main-fraction{display:inline-block;font-size:14px;color:#fff;letter-spacing:2px;}
	.main_visual_area .swiper-btns .swiper-main-fraction .total{opacity:0.5;}
	.main_visual_area .swiper-btns .swiper-control{display:inline-block;}
	.main_visual_area .swiper-btns .swiper-control.stop{margin-left:8px;margin-top:-2px;width:12px;height:15px;background:url("../images/common/btn_pause.png") no-repeat 0 0;text-indent:-9999em;overflow:hidden;}
	.main_visual_area .swiper-btns .swiper-control.play{margin-left:8px;margin-top: -2px;width:12px;height:15px;background:url("../images/common/btn_play.png") no-repeat 0 0;text-indent:-9999em;overflow:hidden;}

	.main_toshiba{padding:120px 0;}
	.main_toshiba .inner_content:first-child{width:100%;}
	.main_toshiba .tab_title{position:relative;display:flex;width:100%;margin-top:55px;align-items:center;justify-content:center;gap:10px;}
	.main_toshiba .tab_title:before{content:"";display:block;position:absolute;left:0;top:50%;width:100%;height:1px;background-color:#dfe0e1;}
	.main_toshiba .tab_title button{position:relative;padding:8px 25px 10px;font-size:16px;color:#979797;font-weight:500;border:1px solid #dfe0e1;border-radius:30px;z-index:1;background-color:#fff;}
	.main_toshiba .tab_title button.on{color:#0064d0;border:2px solid #0064d0;}
	.main_toshiba .conts{margin-top:50px;display:flex;align-items:center;justify-content:space-between;}
	.main_toshiba .detail{width:455px;padding-right:70px;}
	.main_toshiba .detail .txt1{font-size:37px;color:#000;line-height:1.27;letter-spacing:-0.03em;}
	.main_toshiba .detail .txt2{margin-top:20px;font-size:16px;color:#484848;line-height:1.6;word-break:keep-all;}
	.main_toshiba .imgs{display:flex;justify-content:space-between;gap:15px;width:945px;}
	.main_toshiba .imgs .img_wrap{position:relative;overflow:hidden;border-radius:20px;}
	.main_toshiba .imgs .img_wrap img{transform:scale(1);transition: transform 1s;}
	.main_toshiba .imgs .img_wrap:hover img{transform:scale(1.1);}
	.main_toshiba .imgs .img_wrap .txt3{position:absolute;left:50px;bottom:40px;font-size:30px;color:#fff;}
	.main_toshiba .btn_wrap{margin-top:35px;}

	.main_esg{height:642px;padding:65px 0 50px;background:url("../images/main/bg_section2.jpg") no-repeat center center;background-size:cover;}
	.main_esg .main_title{color:#fff;}
	.main_esg .txt1{position:relative;padding-top:22px;font-size:35px;color:#fff;}
	.main_esg .txt1:before{content:"";display:block;position:absolute;left:0;top:0;width:25px;height:2px;background-color:#fff;}
	.main_esg .txt2{margin-top:15px;font-size:16px;font-weight:300;color:#fff;opacity:0.7;line-height:1.56;}
	.main_esg .btn_view{display:block;margin-top:55px;font-size:13px;color:#c1c5bc;}
	.main_esg .btn_view .icon{display:inline-block;margin-left:8px;width:28px;height:28px;border:1px solid #fff;background-image:url("../images/common/btn_next_wh.png");background-repeat:no-repeat;background-position:center center;background-size:6px auto;vertical-align:middle;border-radius:50%;transition: all 0.3s;}
	.main_esg .btn_view:hover .icon{background-color:#ed1c24;border:1px solid #ed1c24;}
	.main_esg .bg{position:relative;padding:65px 0 75px;margin-top:80px;background-color:rgba(0,0,0,0.5);overflow:hidden;}
	.main_esg .bg:after{content:"";display:block;position:absolute;left:50%;top:0;width:1px;height:100%;background:#464f33;}
	.main_esg .bg .inner_content{display:flex;justify-content:space-between;align-items:center;}
	.main_esg .cell{width:50%;padding-left:100px;}

	.main_esg .menu1{background:url("../images/main/img_section2_1.png") no-repeat right 90px bottom;}
	.main_esg .menu2{background:url("../images/main/img_section2_2.png") no-repeat right 90px bottom;}

	.main_group{margin-top:120px;}
	.main_group .menu_blocks{display:flex;flex-wrap:wrap;margin-top: 65px;}
	.main_group .menu_blocks > a{display:flex;position:relative;justify-content:center;align-items:center;overflow:hidden;border-radius:20px;margin-left:25px;margin-bottom:25px;}
	.main_group .menu_blocks > a img{display:block;position:absolute;left:0;top:0;transform:scale(1);transition: transform 1s;}
	.main_group .menu_blocks > a:hover img{transform: scale(1.1);}
	.main_group .menu_blocks > a .txt1{position:relative;font-size:30px;color:#fff;}
	.main_group .menu_blocks > a .txt2{position: relative;margin-top:10px;font-size:16px;font-weight:300;color:#fff;}
	.main_group .menu_blocks .menu1{margin-left:0;}
	.main_group .menu_blocks .menu4{margin-left:0;margin-bottom:0;padding-left:60px;justify-content: start;}
	.main_group .menu_blocks .menu5{margin-left:20px;margin-bottom:0;padding-left: 60px;justify-content: start;}

	.main_group .menu_blocks .menu1,
	.main_group .menu_blocks .menu2,
	.main_group .menu_blocks .menu3{width:450px;height:250px;}
	.main_group .menu_blocks .menu4,
	.main_group .menu_blocks .menu5{width:690px;height:170px;}

	.main_news{margin-top: 120px;}
	.main_news .news_list_slide{overflow:hidden;}
	.main_news .main_news_list li{width:calc(33.333% - 26.66px);} 
	.main_news .main_news_list .detail .tit{display:block;width:100%;font-size:2rem;font-weight:600;color:#000;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;}
	.main_news .main_news_list .detail .cont{margin-top:2rem;font-size:1.6rem;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;white-space:normal;line-height:1.4;text-align:left;word-wrap:break-word;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;}
	.main_news .main_news_list .detail .date{margin-top:1.5rem;font-size:1.6rem;color:#777777;}
	.main_news .main_news_list .img{margin-top:35px;width:100%;height:290px;border-radius:20px;overflow:hidden;}
	.main_news .main_news_list .img img{width:100%;height:100%;object-fit:cover;transform:scale(1);transition: transform 1s;}
	.main_news .main_news_list li > a:hover img{transform: scale(1.1);}
	.main_news .top_nav{position:relative;padding-bottom:15px;margin-bottom:40px;}
	.main_news .btn_view{display:block;margin-top:55px;font-size:13px;font-weight:500;color:#0064d0;line-height:38px;text-align: right;}
	.main_news .btn_view .icon{display:inline-block;margin-left:8px;margin-top:-2px;width:28px;height:28px;border:1px solid #0064d0;background-image:url("../images/common/btn_next.png");background-repeat:no-repeat;background-position:center center;background-size:6px auto;vertical-align:middle;border-radius:50%;transition: all 0.3s;}
	.main_news .btn_view:hover .icon{background-image: url("../images/common/btn_next_wh.png");background-color:#0064d0;border:1px solid #0064d0;}
	.main_news .swiper-news-pagination{top:auto;bottom:0;height:1px;background: #e4e4e4;z-index:10;}
	.main_news .swiper-pagination-lock{display:block;}
	.main_news .swiper-pagination-lock .swiper-pagination-progressbar-fill{display:none;}
	.main_news .swiper-pagination-progressbar-fill{height:2px;background:#000000;}
	.main_news .swiper-news-prev{display:block;position:absolute;left:0;top:0;width:38px;height:38px;background-image:url("../images/common/btn_prev.png");background-position:center center;background-repeat:no-repeat;border:1px solid #0064d0;border-radius: 50%;z-index: 10;transition:all 0.5s;cursor: pointer;}
	.main_news .swiper-news-next{display:block;position:absolute;left:45px;top:0;width:38px;height:38px;background-image:url("../images/common/btn_next.png");background-position:calc(50% + 1px) center;cursor:pointer;background-repeat:no-repeat;border:1px solid #0064d0;border-radius:50%;z-index:10;transition: all 0.5s;cursor:pointer;}
	.main_news .swiper-news-prev:hover{background-image:url("../images/common/btn_prev_wh.png");background-color:#0064d0;border:1px solid #0064d0;}
	.main_news .swiper-news-next:hover{background-image:url("../images/common/btn_next_wh.png");background-color:#0064d0;border:1px solid #0064d0;}
}


/*960이상 1400이하 해상도 대응*/
@media screen and (min-width:960px) and (max-width:1400px) {

}

/*480이상 해상도 대응*/
@media screen and (min-width:480px) and (max-width:960px) {

}