@charset "utf-8";
/* *******************************************************
 * filename : main_responsive.css
 * description : 메인 레이아웃 및 컨텐츠 반응형 CSS
 * date : 2020-11-25
******************************************************** */
:root{
	--area-padding: 60px;	
}

@media all and (max-width:1280px){
	:root{
		--area-padding: 30px;	
	}
}

/* 공통 */
@media all and (max-width:1280px){
	#fp-nav {display:none !important;}
}

@media all and (max-width:800px){
	
	#fullpage .section:not(#mainVisual) {height: auto !important;}
	#fullpage .fp-section .fp-tableCell {height: auto !important;}
}
/* ******************  메인 비주얼 ********************** */
@media all and (max-width:1760px){
	.main-visual-txt-box {padding:0 var(--area-padding);}
	.main-wrap.active-start .main-visual-control {right:var(--area-padding);}
}

@media all and (max-width:1280px){
	.main-visual-txt-box .main-visual-txt-inner {align-items:flex-start; flex-direction:column;}
	.main-visual-txt-box .main-visual-txt2 {margin-left: 0;}
}

@media all and (max-width:800px){
	.main-visual-txt-box {bottom:145px;}
	.main-visual-txt-box .main-visual-txt1 {font-size:70px;}
	.main-visual-control {flex-direction:row; left:-50px; bottom:45px; transition-delay:0.9s;}
	.main-visual-control .slick-arrow.slick-next {margin-bottom: 0; margin-left: 8px;}
	.main-wrap.active-start .main-visual-control {right:initial; left:var(--area-padding);}
}

/* ******************  메인 컨텐츠 ********************** */
/* -------- 메인 컨텐츠 :: 공통 -------- */
@media all and ( max-width: 1280px ){
	/* 공통 :: 타이틀 */
	.main-tit-box .main-tit {font-size:70px;}
}

@media all and ( max-width: 800px ){
	/* 공통 :: 타이틀 */
	.main-tit-box .main-tit {font-size:3.75em;}
	.main-tit-box .main-sub-txt {margin-top: 0; font-size:1.094em;}
	.solution-control-box {margin-top: 30px;}
	.solution-arrow-box .arrow-button {width: 70px; height: 70px;}
	/* .main-tit-box .main-tit{font-size:36px;} */
	/* .main-tit-box .main-sub-tit{font-size:14px;} */
	#mainContent {margin-top:0;}
	.main-visual-control .slick-arrow.next {margin-bottom: 0; margin-left: 8px;}
}

/* -------- 메인 컨텐츠 :: Solution -------- */
@media all and (max-width:1280px){
	#mainSolutionCon .slide-box {width: 85%;}
	.main-solution-con .main-tit-box {position:static;}
}

@media all and (max-width:800px){
	.main-solution-con {display: block; padding:85px 0 105px;}
	#mainSolutionCon .slide-box {width: 100%; margin:45px 0 0 var(--area-padding);}
	.main-solution-swiper {padding-right: 20% !important;
    margin: 0;
    overflow: visible !important;
    padding-left: initial !important;}
	.main-solution-slide > li {margin: 0;}
	.main-solution-slide > li .inner-box {padding:35px 40px;}
	/* .main-solution-slide > li .bg {padding-top:100%;} */
}

@media all and (max-width:480px){
	.main-solution-slide > li .bg {padding-top:120%;}
}

/* -------- 메인 컨텐츠 :: Business -------- */
@media all and (max-width:1660px){
	.main-business-con .main-tit-box .tit-box .more-plus {position: relative; /* top:-60px;*/ top:-40px; right:0;}
	.active .main-business-con .main-tit-box .tit-box .more-plus {top:-60px;}
	.business-list-box .b-item {max-height:initial;}
	.business-list-box .icon-box {position:static; margin-top: 15px;}
}

@media all and (max-width:1520px){
	
}

@media all and (max-width:1280px){
	.main-business-con .main-tit-box {margin-bottom: 20px; width: 100%;}
	.main-business-con {flex-direction:column;}
	.main-business-con .con-box {width: 100%;}
}

@media all and (max-width:800px){
	.main-business-con.area-box {padding:95px var(--area-padding);}
	#mainBusinessCon .main-bg {background-position:45% 50%;}
	.main-business-con .main-tit-box .tit-box .more-plus {font-size:20px;}
	.active .main-business-con .main-tit-box .tit-box .more-plus {top:-50px;}
	.business-list-box {flex-wrap:wrap; flex-direction:column;}
	.business-list-box .b-item {width: 100%; margin-right: 0; min-height:150px; /* max-height:150px; */ padding:25px 40px 30px; margin-bottom: 10px;}
	.business-list-box .icon-box {right: 30px; align-self:flex-end;}
	.business-list-box .item-txt {opacity:1;}
	.business-list-box .title {font-size:1.846em;}
	.business-list-box .b-item:nth-child(1) {order:2;}
	.business-list-box .b-item:nth-child(2) {order:3;}
	.business-list-box .b-item:nth-child(3) {order:4; margin-bottom: 0;}
	.business-list-box .b-item:nth-child(4) {order:0; margin-bottom: 10px;}
	.business-list-box .b-item:last-child {order:1; margin-bottom: 10px;}
}




/* -------- 메인 컨텐츠 :: IR PR -------- */
@media all and (max-width:1660px){
	.main-pr-con .ir-container {max-width:none; padding:0 var(--area-padding); width: 100%; box-sizing:border-box;}
	.main-pr-con .ir-container .ir-con {flex-direction:column;}
	.main-pr-con .ir-container .ir-con .about-ir {margin-left: 0; margin-top: 30px;}
}

@media all and (max-width:1280px){
	/* .main-pr-con {flex-direction:column;} */
	.main-pr-con .pr-box {padding:60px var(--area-padding);}
	.main-pr-con .ir-container dl {width: 100%; margin-right: 0;}
	.main-pr-list li a {padding:5%;}
}

@media all and (max-width:800px){
	#mainPrCon .ir-box .main-bg {background-position:20%;}
	.main-pr-con {flex-direction:column;}
	.main-pr-con .ir-box {width: 100%;}
	.main-ir-list .ir-item a em {font-size:16px;}
	.main-pr-con .ir-container .ir-con-tit {font-size:35px;}
	.main-pr-con .pr-con-tit {font-size:35px;}
	.main-pr-con .pr-box {width: 100%;}
	.main-pr-con .ir-container {margin:0 auto 45px; padding:58.2% var(--area-padding) 0;}
	.main-pr-con .ir-container .ir-con .count-num {font-size:100px;}
	.main-pr-con .ir-container .ir-con .about-ir {align-self:flex-start;}
	.main-pr-list li a {padding:23.75px 30px; font-size:16px;}
	.main-pr-list li a em {overflow: hidden; display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 1;}
	.main-pr-list li a:after {display:none;}
}

/* -------- 메인 컨텐츠 :: Newsroom -------- */

@media all and (max-width:1660px){
	
}

@media all and (max-width:1290px){
	.main-news-con .main-tit-box {flex-direction:column;}
	.main-news-con .main-tit {display:inline-block; padding-right:40px;}
	.main-news-con .tit-box .more-plus {right:10px; top:-30px;}
	.main-news-con .main-news-tab {margin-top: 20px; align-self: flex-start;}
	.main-news-con .sub-tab-list-style ul li + li {margin-left: 20px;}
}

@media all and (max-width:800px){	
	.main-news-con {padding:65px 0;}
	.main-news-con .main-tit-box {margin-bottom: 27.5px;}
	.main-news-con .tit-box .more-plus i {font-size:20px;}
	.main-news-con .main-news-tab {width: 100%; height: 50px;}
	.main-news-con .main-news-tab .sub-drop-menu-style {width: 100%;}
	.main-news-con .main-news-tab .sub-drop-open-btn-style {border:2px solid #c4c4c4; background-color:initial; height: 100%; line-height:50px;}
	.main-news-con .main-news-tab .sub-drop-open-btn-style span {color:#000; font-weight: 700;}
	.main-news-con .main-news-tab .sub-drop-open-btn-style .arrow {color:#000; font-size:18px;}
	.main-news-con .main-tit {padding-right:30px; letter-spacing: -0.025em;}
	.main-news-con .tit-box .more-plus {top:-20px; right:0;}
	.main-news-con .sub-tab-list-style ul li + li {margin-left: 0;}
	.main-news-con .sub-tab-list-style ul li.selected a em {border-bottom:0;}
	.main-news-list .slick-list {overflow:visible;}
	.main-news-list {margin: 0;}
	.main-news-list li {width: 269px; margin:0 30px 0 0; }	
	.main-news-list li .img-box .category {height: 45px; padding:6px 15px; line-height:1.15;}
	.main-news-list li .news-tit {font-size:22px;}
	.news-arrow-wrap {align-self:flex-start; margin-top: 20px; margin-left: -7.5px;}
}

/* -------- 메인 컨텐츠 :: Business Performance -------- */

@media all and (max-width:800px){
	.main-partners-con {padding:80px 0 120px;}
}
  
/* ******************  메인 오른쪽 퀵메뉴 ********************** */
@media all and ( max-width: 1536px ){
	#rightBar {width: 40px; height: 250px; right:-40px;}
	@keyframes show {
		0% {
			right:-40px;
		}
		100% {
			right:0;
		}
	}
}
@media all and (max-width:1024px){
	#rightBar {display:none;}
}

/* ******************  메인 오른쪽 퀵메뉴 (Fullpage) ********************** */
@media all and (max-width:1280px){
	#fp-nav {display:none !important;}
}