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

/* ******************  메인 비주얼 ********************** */
@media all and  ( min-width: 1025px ) and (max-height:850px){
	#fullpage .section:not(#mainVisual)  {padding:50px 0;}
	#mainFooter {padding:0 !important;}
}
@media all and ( max-width: 1024px ){
	/* 공통 :: 레이아웃 */
	#fullpage .section{height:auto !important;}
	#fullpage .section:not(#mainVisual) {padding: 100px 0;}
	#mainFooter {padding:0 !important;}
	#fullpage .fp-section:not(#mainVisual) .fp-tableCell {padding-top:0; height:0 !important;}

	/* 메인 비주얼 :: 이미지 */
	.main-visual-con{ height:100vh;}
	/* 메인 비주얼 :: 필옵틱스 그룹 */
	.main-group .inner-box {padding-left:0; }
	.main-group .tit {position:static; line-height:1; }
	.main-group .main-group-list {margin:0 -1.5%;}
	.main-group .main-group-list li {width:30%; margin:1.5%;}
	.main-group .main-group-list li a {height:46px; border:2px solid #fff; font-size:14px; padding:0 35px 0 20px; }
	.main-group .main-group-list li a i {right:10px; line-height:42px;}

	.aos-animate {transition-delay:0 !important;}
}
@media all and ( max-width: 1366px ){
	.main-group .main-group-list {margin:0 -1%;}
	.main-group .main-group-list li {width:23%; margin:1%;}
	
}
@media all and ( max-width: 800px ){
	#fullpage .section:not(#mainVisual) {padding: 50px 0;}
	/* 메인 비주얼 :: 텍스트 */
	.main-visual-item .main-visual-txt-con{padding-bottom: 38px; }
	.main-visual-item .main-visual-txt-con .main-visual-txt1{font-size:46px; ;line-height:1.3em; }
	.main-visual-item .main-visual-txt-con .main-visual-txt1 span {line-height:1.3em;}
	.main-visual-item .main-visual-txt-con .main-visual-txt1 em {padding-top: 17px; width:7px; height:26.6px;  }
	.main-visual-item .main-visual-txt-con .main-visual-txt1 em:before { margin-left:-7.5px; width:15px; height:15px; background-size:100%;}
	.main-visual-item .main-visual-txt-con .main-visual-txt1 em:after {height:26.6px; background-color: #fff;}
	.main-visual-item .main-visual-txt-con .main-visual-txt2{font-size:14px; }
	.main-visual-item .main-visual-txt-con .main-visual-txt1.kor{font-size:33px;}
	/* 메인 비주얼 :: Dots */
	.main-visual-con .slick-dots li button {width:14px; height:14px; }
	.main-visual-con .slick-dots li button:before {width:4px; height:4px; margin:-2px 0 0 -2px;}
	/* 메인 비주얼 :: 필옵틱스 그룹 */
	.main-group {bottom:4%;}
	.main-group .tit {font-size:18px; margin-bottom:10px;}
	.main-group .main-group-list {margin:0 -1.5%;}
	.main-group .main-group-list li {width:47%; margin:1.5%;}
	/* 메인 비주얼 :: 필옵틱스 그룹 :: 모달 */
	.philop-group-modal .inner-box { padding:25px; }
	.philop-group-modal .inner {padding:20px 0; }
	.philop-group-list .item-tit {margin-bottom: 10px; padding-bottom:10px;}
	.philop-group-list .item-tit .group-logo { font-size:16px;}
	.philop-group-list .item-tit .group-logo.short {width:150px;}
	.philop-group-list .txt-box {padding-left:150px;}
	.philop-group-list .txt-box .tit {font-size:13.5px; }
	.philop-group-list .txt-box .txt {font-size:13px;}

}
@media all and (max-width:480px){
	/* 메인 비주얼 :: 필옵틱스 그룹 :: 모달 */
	.philop-group-list .item-tit .group-logo {display:block; width:100%;}
	.philop-group-list .item-tit .link {margin-top:10px;}
	.philop-group-list .txt-box {padding-left:100px;}
}

@media all and (max-width:800px){
	/* 메인 비주얼 :: 필옵틱스 그룹 */
	.main-group {bottom:12%;}
	/* 메인 비주얼 :: 스크롤아이콘 */
	.main-scroll-icon .scroll-txt {font-size:11px; /* padding-top:10px; */}
	.main-scroll-icon img {height:25px;}
}
@media all and (max-height:700px){
	/* 메인 비주얼 :: 필옵틱스 그룹 */
	.main-group {bottom:4%;}
	/* 메인 비주얼 :: 스크롤아이콘 */
	.main-scroll-icon {display:none;}
}

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

}

/* -------- 메인 컨텐츠 :: Business -------- */
@media all and ( max-width: 800px ){
	.main-business-box {margin:0 -15px;}
	.main-business-list { margin:0 -0.25%;}
	.main-business-list li {width:49.5%; margin: 0.25%;}
	.main-business-list li a .tit {font-size:17px; } 
	.main-business-list li a .txt {font-size:14px; margin-top:5px;}
}

/* -------- 메인 컨텐츠 :: About -------- */
@media all and (max-width:1410px){
	/* About :: 숫자리스트 */
	.main-about-list {display:flex; flex-wrap:wrap;}
	.main-about-list li .num {margin-top: 32px; }
	/* 투자정보 */
	.main-about-list .item04 .inner-box {position:relative; padding-right:0;  }
	.main-about-list .item04 .inner-box .stock-box {position:static; margin-top:25px;}
	.main-about-list .item04 .inner-box .stock-box .stock-item {font-size:15px; margin-top:5px; padding-left:70px;}
}
@media all and (max-width:1024px){
	#mainAboutCon .area1680 {margin-top:0;}
}
@media all and (max-width:800px){
	/* About :: 숫자리스트 */
	.main-about-list li {border-left:0; border-top:1px solid #edeef0;}
	.main-about-list li , .main-about-list .small {float:none; width:100%;  padding:0; }
	.main-about-list li .inner-box , .main-about-list .item04 .inner-box{display:table; width:100%; height:100%; padding:25px; -webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	 box-sizing: border-box; }
	.main-about-list li .icon {display:table-cell; vertical-align:middle; width:50%; text-align:left;}
	.main-about-list li .num-box {display:table-cell; vertical-align:middle; width:50%; text-align:right;}
	.main-about-list li .icon dt {display:inline-block; vertical-align:middle;}
	.main-about-list li .icon dd {display:inline-block; vertical-align:middle; font-size: 15px; padding-top:0; margin-left:13px;}
	.main-about-list li .num {font-size: 27px; margin-top:0; }
	.main-about-list li .txt {font-size:13px;}
	/* 투자정보 */
	.main-about-list .item04 .num {display:block; }
	.main-about-list .item04 .num-box {padding-right:15px;}
	.main-about-list .item04 .inner-box .stock-box {display:inline-block; }
	.main-about-list .item04 .inner-box .stock-box .stock-item {text-align:right; font-size:14px;}
	/* 하단 박스 */
	.maind-about-link-box {top:0; margin-top:40px;}
	.main-link-list li {float:none; width:100%;} 
	.main-link-list li a .tit {font-size: 18px; }
	.main-link-list li a .tit span {font-size:15px; line-height:18px;}
}

/* -------- 메인 컨텐츠 :: Notice & Media -------- */
@media all and (max-width:1410px){
	.main-notice-list {padding-right: 3%;}
}
@media all and (max-width:1024px){
	#mainNoticeCon .main-tit-box {margin-top:0;}
}
@media all and (max-width:800px){
	.main-notice-list-wrap {height:auto !important;}
	.main-notice-list {display:flex; flex-wrap:wrap; padding-right: 0; margin:0 -1%; }
	.main-notice-list li {float:left; width:48%; margin:2.5% 1%; padding: 0;} 
	.main-notice-list li:last-child {padding-bottom:0;}
	.main-notice-list a:before {display:none;}
	.main-notice-list a dl {display:block;}
	.main-notice-list a dl dt {display:block; width:100%;}
	.main-notice-list a dl dd {display:block; width:100%; padding:0; border-bottom:0;}
	.main-notice-list a .inner {padding-left:0; padding:15px 0;}
	.main-notice-list a .category {position:static; font-size:13px; width:70px; height:22px; line-height:22px; font-size:12px;}
	.main-notice-list a .txt-box {padding-right:0; margin-top:10px;}
	.main-notice-list a .tit {font-size:14.5px; white-space:normal; line-height:1.8em; height:3.6em;  display:block;
	display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;}
	.main-notice-list a .txt {font-size:13px; margin-top:10px;}
	.main-notice-list a .date {position:static; display:block; margin-top:10px;}

	.m-list {display:flex;}
	.pc-list {display:none;}
	.main-notice-btn {display:block;}
}

/* -------- 메인 컨텐츠 :: Careers -------- */
@media all and (max-width:1220px){
	#mainCareerCon:before {display:none;}
}
@media all and (max-width:800px){
	#mainCareerCon.active-section:before{display:none;}
	.main-careers-list { margin:0 -1%; z-index:1;}
	.main-careers-list li {float:left; width: 48%; margin:1%; }
	.main-careers-list li a {padding-top:100%;}
	.main-careers-list li a .tit {font-size: 17px; margin-top:13.53%;}
	.main-careers-list li a .txt {display:none;}
}