@charset "utf-8";

/* ******************************** 
	풀페이지
******************************** */
@media all and ( max-width: 1280px ) and ( min-width: 1025px ){
	/* 공통 :: 레이아웃 */
	#fullpage .section:not(#mainFooter){height:980px !important;}
	#fullpage .fp-section .fp-tableCell{height:100% !important;}
}
@media all and ( max-width: 1024px ){
	/* 공통 :: 레이아웃 */
	#fullpage .section:not(#mainVisual){height:auto !important;}
	#fullpage .fp-section .fp-tableCell{height:auto !important;}
}


/* ******************************** 
	메인비주얼
******************************** */
@media all and (max-width:1780px){	
	.main-scroll-box p{left: var(--area-padding);}
}
@media all and (max-width:1280px){		
	.main-visual-item .main-visual-txt-con .main-visual-txt1{font-size:80px;}
}
@media all and (max-width:800px){		
	/* 메인 비주얼 :: 텍스트 */
	.main-visual-txt-box{padding-bottom: 60px !important;}
	.main-visual-item .main-visual-txt-con .main-visual-txt1{font-size:68px;}
	.main-visual-item .main-visual-txt-con .main-visual-txt2{margin-top: 20px; font-size:16px; line-height:1.6;}
	.main-visual-item .main-visual-txt-con .main-visual-txt2 + .main-visual-txt1{margin-top:35px;}

	/* 메인비주얼 :: dot */
	.main-visual-dot{bottom: 6.66%;}
	.main-visual-dot button{margin:0 5px; width: 60px; height: 60px; font-size: 16px;}
	.main-visual-dot button svg{width:60px; height:60px;}
	.main-visual-dot button .pc-dot{display: none;}
	.main-visual-dot button .m-dot{display: block;}

	/* 메인비주얼 :: 스크롤다운 */
	.main-scroll-box{bottom:10.41%; bottom: 6.66%;}
	.main-scroll-box p{bottom:25px; width:70px; font-size:15px;}
	.main-scroll-box .scroll-down i{font-size: 16px;}
	.main-scroll-box .scroll-down i.down-02{margin-top: -9px;}
	.main-scroll-box .scroll-down i.down-03{margin-top: -9px;}
}
@media all and (max-width:480px){	
	.main-visual-item .main-visual-txt-con .main-visual-txt1{font-size:54px;}
}


/* ******************  메인 컨텐츠 ********************** */
/* -------- 메인 컨텐츠 :: 공통 -------- */
@media all and (max-width:1280px){	
	#fullpage .pc-br {display: none;}
}
@media all and (max-width:800px){		
	.main-tit-box .main-tit{font-size:42px;}
}


/* ******************************** 
	01 사업영역
******************************** */
@media all and (max-width:1280px){
	#mainBusinessCon .main-tit-box{margin-bottom: 30px;}
	.main-business-left .txt02{font-size: 70px;}
	.main-portfolio-tab ul li button,
	.main-portfolio-tab ul li a{font-size: 16px;}
}
@media all and (max-width:1024px){		
	#mainBusinessCon{padding: 100px 0;}
	.main-business-left{width: 100%; padding-right: 0;}
	/* 사업메뉴 탭 */
	#mainBusinessCon .main-tit-box{position: static; padding-right: 0;}
	.main-portfolio-tab{margin-top: 30px; position: static; width: 100%;}

	.main-business-right{margin-top: 40px; width: 100%; max-width: none;}
	.main-business-left .txt03{min-height: auto;}
}
@media all and (max-width:800px){		
	#mainBusinessCon{padding: 75px 0;}
	
	/* 사업메뉴 탭 */
	#mainBusinessCon .main-tit-box{position: relative; z-index: 1;}
	.main-portfolio-tab{position: relative;}
	.main-portfolio-tab-wrapper,
	.main-portfolio-tab-list ul li a{height:42px;}
	/* Mobile Tab Drop Menu */
	.main-portfolio-drop-menu{position:relative;}
	.main-portfolio-drop-open-btn{display:block; position:relative; height:42px; line-height:40px; font-size:18px; font-weight: 600; background-color:transparent; border-bottom: 2px solid #000; box-sizing:border-box;}
	.main-portfolio-drop-open-btn span{color:#000;}
	.main-portfolio-drop-open-btn .arrow{color:#000; position:absolute; top:50%; right:0; margin-top:-7px}
	.main-portfolio-tab-list.open .main-portfolio-drop-open-btn .arrow{transform:rotate(180deg)}
	.main-portfolio-tab ul{margin: 0; display:none; margin:0; height:auto; position:absolute; top:100%; left:0px; right:0px; background-color:#fff; border:1px solid #ccc; border-top:0; z-index:11; box-sizing:border-box;}
	.main-portfolio-tab ul li{margin: 0; position:static; display:block; float:none; border:0; border-top:1px solid #eee; width:auto; background-color:transparent}
	.main-portfolio-tab ul li button,
	.main-portfolio-tab ul li a{font-size: 15px; line-height: 1.33; display:block; width:100%; height:auto; padding:10px 15px; border:0; box-sizing: border-box; text-align: left;}
	.main-portfolio-tab ul li button.selected,
	.main-portfolio-tab ul li a.selected{border-top-color: none; color: #000;}

	/* 사업실적 컨텐츠 */
	.main-business-left{width: 100%;}
	.main-business-left .txt01{font-size: 20px; line-height: 1.3;}
	.main-business-left .txt02{margin-top: 10px; font-size: 56px; line-height: 1.3;}
	.main-business-left .txt03{margin-top: 15px; font-size: 16px; line-height: 1.66;}
	.main-business-left .btn{margin-top: 20px; width: 140px; height: 40px; font-size: 14px;}
	.main-business-left .btn i{margin-left: 15px; font-size: 16px; transform: rotate(45deg);}

	.main-business-right{width: 100%;}
	/* 사업실적 :: 슬라이드 */
	.main-port-slide li a .txt-con{margin-top: 15px; padding-right: 65px;}
	.main-port-slide li a .txt-con .tit{font-size:16px; line-height: 24px;}
	.main-port-slide .slick-arrow{bottom: -6px; width: 20px; height: 32px; font-size:18px;}
	.main-port-slide .slick-arrow.slick-prev{right:38px}
	.main-port-slide .slick-arrow.slick-next{right:0}
	.main-port-slide .slick-arrow.slick-next:before{margin-top: -6.5px; left: -10px; height: 12px;}
}


/* ******************************** 
	02 ESG 지속가능경영
******************************** */
@media all and (max-width:1024px){		
	#mainEsgCon{padding: 100px 0;}
	.main-esg-left{width: 100%; padding-right: 0;}
	.main-esg-right{margin-top: 30px; width: 100%; max-width: none;}
}
@media all and (max-width:800px){		
	#mainEsgCon{padding: 75px 0; background: url("../images/main/main_esg_con_bg_m.jpg") center/cover no-repeat;}
	.main-esg-right{margin-top: 30px;}
	.main-esg-item a{padding: 30px 95px 30px 0;}
	.main-esg-item .en-tit{font-size: 20px; line-height: 1.3;}
	.main-esg-item .kr-tit{margin-top: 5px; font-size:42px; line-height: 1.25;}
	.main-esg-item .btn{margin-top: -30px; width: 60px; height: 60px; font-size: 18px;}
}


/* ******************************** 
	03 글로벌 네트워크
******************************** */
@media all and (max-width:1280px){	
	.main-map-container{padding-bottom: 80px;}
	/* 타이틀 */
	.main-global-tit{top: calc(21.53% - 80px);}
	/* 하단 타이틀 */
	.main-global-txt{bottom: calc(9.59% + 40px);}
}
@media all and (max-width:1024px){		
	#mainGlobalCon{padding:100px 0 150px}
	/* 타이틀 */
	.main-global-tit{top: 8.53%;}
	/* 하단 타이틀 */
	.main-global-txt{bottom: 9.59%;}
}
@media all and (max-width:800px){		
	#mainGlobalCon{padding:100px 0}
	/* 지도 */
	.main-map-container{padding-bottom: 0; transform: scale(1.3); transform-origin: 27% 0;}
	.main-map-con{position:relative;}
	.main-map-con .map-svg{max-width:100%}
	.main-global-map-svg{width: 100%; height: auto;}
	/* 파장 */
	.main-map-con .global-nation-box{position:absolute; top:0px; left:0px; width:100%; height:100%;}
	.main-map-con .nation-circle{position:absolute; left:50%; top:50%; transform:translate(-50%,-50%);}
	.main-map-con .nation-circle .spread-circle{position: relative; width: 60px; height: 60px; border: 1px solid rgba(0,0,0,0.3); border-radius: 100%;}
	.main-map-con .nation-circle i{display:block; position:absolute; top:50%; left:50%; width:10px; height:10px; background-color:#000; border-radius:50%; transform:translate(-50%,-50%);}
	.main-map-con .nation-circle p{position: absolute; bottom: -20px; left: 50%; margin-left: -100px; width: 200px; font-size: 13px; line-height: 1.23; letter-spacing: -0.065em; font-weight: 700; color: #000000; text-align: center;}
	.main-map-con .nation-circle.nation-02 p,
	.main-map-con .nation-circle.nation-06 p{bottom: auto; top: -20px;}
	.main-map-con .nation-circle.nation-05 p{bottom: auto; top: -40px;}

	/* 파장 :: 본사 */
	.main-map-con .nation-circle.head-office .spread-circle{width:80px; height:80px; border: 0;}
	.main-map-con .nation-circle.head-office p{bottom: auto; top: -60px; font-size: 32px; letter-spacing: -0.05em; font-weight: 400; color: var(--main-color);}
	.main-map-con .nation-circle.sm .spread-circle{width:20px; height:20px}

	/* 타이틀 */
	.main-global-tit{position: static;}
	.main-global-tit .m-br{display: block;}
	/* 하단 타이틀 */
	.main-global-txt{margin-top: 40px; position: static;}
	.count-num-box{font-size:160px}
	.main-global-txt-top span{margin-left: 2px; margin-bottom: 15px; font-size: 20px; line-height: 1.3;}
	.main-global-txt-bottom{margin-top: 10px; font-size: 16px; line-height: 1.77;}
}


/* ******************************** 
	04 뉴스룸+주가정보
******************************** */
@media all and (max-width:1280px){		
	#mainCustomerCon{padding:100px 0 0;}
	#fullpage .section#mainCustomerCon {height: auto !important;}
	.main-board-container{height: auto; padding: 0 0 100px;}
	/* 주가정보 */
	.main-invest-con{margin-top:50px; display:block;}
	.main-invest-con .invest-price{margin-top: 10px; width:100%; justify-content: flex-start;}
}
@media all and (max-width:800px){		
	#mainCustomerCon{padding:75px 0 0;}
	.main-board-container{padding: 0 0 75px;}
	/* 뉴스룸 */
	.main-board-con .main-tit-box{padding-right: 180px;}
	.main-board-tab-style{bottom: 10px;}
	.main-board-tab ul li{margin-left: 23px;}
	.main-board-tab ul li:first-child{margin-left:0;}
	.main-board-tab ul li:first-child:after{margin-top: -2px; right:-15.4px; width:4px; height:4px;}
	.main-board-tab ul li a{font-size:20px;}

	.main-board-tab-content{margin-top: 25px; width: 88%;}
	.main-board-tab-content .sub-tab-con{width: 100%;}
	.main-board-con .board-list{margin: 0 -8px;}
	.main-board-con .board-list .slick-list{overflow: visible;}
	.main-board-con .board-list li{margin: 0 8px 20px; width:calc(100% - 16px);}
	.main-board-con .board-list li a{padding: 40px 30px 80px; height: 320px; background-color: rgba(255,255,255,0.7); box-shadow: 5px 5px 20px -5px rgba(0,0,0,0.15);}
	.main-board-con .board-list li a .category{font-size:18px; line-height:1.3;}
	.main-board-con .board-list li a .txt-01{margin-top: 20px; max-height: 2.76em; font-size:22px; line-height:1.38;}
	.main-board-con .board-list li a .txt-02{margin-top:30px; max-height: 3em; font-size:16px; line-height:1.5; height:4.5em; -webkit-line-clamp: 3;}
	.main-board-con .board-list li a .date-icon{left: 30px; bottom: 40px; display:block;}
	.main-board-con .board-list li a .date-icon .date{font-size:16px;}
	.main-board-con .board-list li a .date-icon i{display: none;}

	/* 주가정보 */
	.main-invest-con{margin-top:50px; display:block;}
	.main-invest-con .invest-price{display: block;}
	.main-invest-con .price{font-size:120px; text-align:left;}
	.main-invest-con .info{margin-top: 20px; margin-left: 0;}
	.main-invest-con .info li{flex-direction: initial;}
	.main-invest-con .info li + li{margin-left:20px;}
	.main-invest-con .info li .txt01{margin-right: 8px; font-size:16px;}
	.main-invest-con .info li .txt02{margin-top: 0;}
	.main-invest-con .info li .txt02 span{font-size:16px;}
	.main-invest-con .info li .txt02 span i{margin-right:8px; font-size:20px;}
}

/********** 250902 유지보수 **********/
@media all and (max-width: 800px) {
	.main-visual-item .main-visual-txt-con .main-visual-txt1 {line-height: 1.2;}
}