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

/* ******************  메인 비주얼 ********************** */
@media all and ( max-width: 1366px ){
	.main-visual-txt-inner{max-width: none;}
	/* 메인 비주얼 :: 스크롤아이콘 */
	.main-scroll-icon{display:none;}
}
@media all and ( max-width: 1024px ){
	.main-visual-txt-box{width: 100%; -webkit-box-sizing: border-box; box-sizing: border-box;}
}
@media all and ( max-width: 800px ){
	/* 메인 비주얼 :: 텍스트 */
	.main-visual-txt-inner{padding-bottom: 80px;}
	.main-visual-txt-con .main-visual-txt1{font-size:45px; margin-bottom:20px;}
	.main-visual-txt-con .main-visual-txt2{font-size:16px;}
	/* 메인 비주얼 :: Dots */
	.main-visual-dot{margin-left: -25px;}
	.main-visual-dot .dot-cover{width: 50px; height: 50px;}
	.main-visual-dot .dot-cover svg.pc-ver{display: none;}
	.main-visual-dot .dot-cover svg.m-ver{display: block;}
	/* 메인 비주얼 :: pause,play */
	.main-visual-dot .slick-control-btns{position: absolute; top: 50%; left: 50%; margin-top: -10px; margin-left: -10px; display:inline-block; vertical-align:top; z-index: 99;}
	.main-visual-dot .slick-control-btns button{color:#fff; vertical-align:top;}
	.main-visual-dot .slick-control-btns button i{vertical-align:top; font-size:16px;}
	.main-visual-dot .slick-control-btns .slick-play-btn{display:none;}
}


/* ******************  메인 컨텐츠 ********************** */
/* -------- 메인 컨텐츠 :: 공통 -------- */
@media all and ( max-width: 800px ){
	.main-tit-box .main-sub-tit{font-size:15px;}
	.main-tit-box .main-tit{margin-top: 10px; font-size:36px;}
}

/* -------- 메인 컨텐츠 :: 컨텐츠1(회사소개) -------- */
@media all and (max-width:1536px){
	.main-company-top{padding-top: 615px;}
	/* 왼쪽 - 주가정보 */
	.main-company-left{width: 100%;}
	/* 오른쪽 - 설립일,매출액,임직원 */
	.main-company-right {width: 100%;}
}
@media all and (max-width:1024px){
	#mainCompanyCon{padding-top: 0; padding-bottom: 80px;}
	.main-company-con{padding: 0 !important;}
	.main-company-item{width: 100%; height: auto;}
	.main-company-inner {padding: 55px 8% 50px; display: flex; align-items: center;}
	.main-company-inner .top{width: 35%;}
	.main-company-inner .bottom{width: 65%;}
	.main-company-inner .top{margin-bottom: 0;}
	.main-company-inner .bottom{margin-top: 0;}
}
@media all and (max-width:800px){
	#mainCompanyCon{padding:0 0 40px;}
	.main-company-top{padding-top: 495px;}
	.main-company-top .main-tit-box{top: 18.75%; left: 6%;}
	.main-company-top .main-tit-box .main-tit{margin-top: 5px;}
	.main-company-bottom{width: 88%; margin-top: -80px;}
	/* 왼쪽 - R&D */
	.main-quick-list.list02 {margin-top: 70px;}
	.main-company-left-inner{padding: 30px 8% 25px;}
	.main-company-left-inner .top{position: relative; padding-right: 125px;}
	.main-company-left-inner .top p{font-size: 27px;}
	.main-company-left-inner .top span{top: 5px; font-size: 12px;}
	.main-company-left-inner .top span:before{right: 80px; width: 20px;}
	.main-company-left-inner .middle{margin-top: 25px;}
	.main-company-left-inner .middle p {font-size: 14px;}

	/* 오른쪽 - 퀵메뉴 */
	.main-company-inner {padding: 30px 8% 25px;}
	.main-company-inner .top{margin-bottom: 0;}
	.main-company-inner .bottom span{font-size: 15px;}
	.main-company-inner .bottom p{font-size: 14px; margin-top: 1rem;}
}


/* -------- 메인 컨텐츠 :: 컨텐츠2(퀵메뉴) -------- */
@media all and (max-width:1650px){
	.main-quick-right {width: 38%;}
	.main-quick-left {width: calc(62% - 60px);}
	.main-quick-tit-box .txt02 .pc-br{display: none;}
}
@media all and (max-width:1220px){
	.main-quick-right {width: 42%;}
	.main-quick-left {width: calc(58% - 60px);}
	.main-quick-list .main-quick-item .quick-txt-bottom {flex-direction: column; align-items: flex-start;}
	.main-quick-list .main-quick-item .quick-txt-bottom a:nth-child(2)::before {left: auto; right: -35px;}
}
@media all and (max-width:1024px){
	#mainQuickCon {padding: 50px 0 160px;}
	.main-quick-right{float: none; width: 100%; margin-top: 0;}
	.main-quick-left{float: none; width: 100%;}
	.main-quick-list{position: relative; float: left;}
	.main-quick-list.list02{top: 0; float: right;}
	.main-quick-wrapper {margin-top: 3rem;}
}
@media all and (max-width:800px){
	#mainQuickCon {padding: 35px 0 130px;}
	/* 오른쪽 텍스트 영역 */
	.main-quick-txt{left: 10%; bottom: 10%;}
	.main-quick-right .main-quick-tit-box .tit{font-size: 50px;}
	.main-quick-right .main-quick-tit-box .txt01 {margin-top: 25px; font-size: 15px;}
	.main-quick-right .main-quick-tit-box .txt02 {margin-top: 15px; font-size: 14px;}
	/* 내부 텍스트 영역 */
	.main-quick-txt p{font-size: 15px;}
	.quick-txt-bottom {margin-top: 15px;}
	.main-quick-list.list02 .quick-txt-bottom{margin-top: 10px;}
	.quick-txt-bottom p{font-size: 13px; line-height: 2.8em;}
	.quick-txt-bottom span{padding-left: 30px; font-size: 12px;}
	.quick-txt-bottom span:before{right: auto; left: 0;}
}
@media all and (max-width:640px){
	.main-quick-list .main-quick-item .quick-txt-bottom {flex-direction: column; align-items: flex-start;}
}


/* -------- 메인 컨텐츠 :: 컨텐츠3(공지사항) -------- */
@media all and (max-width:1536px){
	.main-customer-wrapper{width: 55%;}
}
@media all and (max-width:1220px){
	.main-customer-con{padding-top: 65%;}
}
@media all and (max-width:1024px){
	.main-customer-con{padding-top: 1000px;}
	.main-customer-title{bottom: 300px; width: 100%;}
	.main-control-box{margin-top: 95px;}
	.main-customer-progress{width: 280px;}
	.main-customer-wrapper{width: 90%; left: 0; margin: auto;}
}
@media all and (max-width:800px){
	#mainCustomerCon{padding-bottom: 80px;}
	.main-customer-con{padding-top: 700px;}
	#mainCustomerCon .main-tit-box .main-tit{margin-top: 10px; font-size: 40px;}
	.main-control-box{margin-top: 60px; font-size: 0;}
	.main-control-box button{width: 55px; height: 55px;}
	.main-control-box button + button{margin-left: 10px;}
	.main-control-box button i{position: relative; top: 2px; font-size: 24px; color: #000;}
	.main-customer-title{bottom: 270px;}
	.main-customer-progress{margin-left: 20px; width: calc(100% - 140px);}
	
	.main-customer-item{width: calc(100% - 30px); height: 300px !important;}
	.main-customer-item a{height: 300px;}
	.main-customer-item a:before{bottom: 6%; left: 6%; font-size: 22px;}
	.main-customer-inner{padding: 6% 6% 0;}
	.main-customer-top{padding-bottom: 20px;}
	.main-customer-top .category{margin-right: 10px; font-size: 14px;}
	.main-customer-top .date{font-size: 13px;}
	.main-customer-bottom .tit{font-size: 22px;}
	.main-customer-bottom .txt{margin-top: 20px; font-size: 17px;}
}
@media all and (max-width:640px){
	.main-customer-item a:before{bottom: 10%; left: 10%; font-size: 22px;}
	.main-customer-inner{padding: 10% 10% 0;}
}

/* -------- 메인 컨텐츠 :: 컨텐츠2(퀵메뉴) 23-06-01 수정 -------- */
@media all and (max-width:800px) {
	.quick-txt-bottom span {left: 0;}
	.main-quick-list.list02 .quick-txt-bottom {margin-top: 15px;}
}

@media all and (max-width:380px) {
	.main-quick-txt p br {display: none;}
	.main-quick-wrapper {display:flex; flex-direction: column;}
	.main-quick-txt p {font-size: 18px;}
	.main-quick-list {width: 100%;}
	.quick-txt-bottom, .main-quick-list.list02 .quick-txt-bottom {margin-top: 30px;}
}