@charset "utf-8";
/* *******************************************************
 * filename : main_responsive.css
 * description : 메인 레이아웃 및 컨텐츠 반응형 CSS
 * date : 2020-11-25
******************************************************** */
.accordion-list-box .accordion-list{padding: 0;}
/* ******************  메인 비주얼 ********************** */
@media all and (min-width:1921px){
	#mainVisual:before {background-size:100% 100%;}
}
@media all and (max-width:1740px){
	#mainVisual .main-visual-container .main-visual-paging {padding:0 30px; -webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	 box-sizing: border-box; }
	.main-visual-item .main-visual-txt-box .main-visual-txt-inner {padding:0 30px;}
	.main-visual-item .main-visual-txt-con .main-visual-txt1 {font-size:100px; margin-bottom:18px;}
	.main-visual-item .main-visual-txt-con .main-visual-txt2 {font-size:24px;}
}
@media all and (max-width:1024px){
	#mainVisual .main-visual-container .main-visual-paging  {padding:0 15px;}
	/* 메인 :: 브로슈어 버튼 */
	.main-brochures-btn { top: 95px; right: 15px; width: 220px; height: 45px;}
	.main-brochures-btn .txt {font-size: 12px;}
	.main-brochures-btn ul li a {font-size: 12px;}

	/* 메인 :: 문의하기 버튼 */
	.main-right-down-btn{display: none;}
	.main-wrap .to-down-btn {display: block ;}

}
@media all and ( max-width: 800px ){
	/* 메인 비주얼 :: 이미지 */
	#mainVisual:before {height:44px; bottom:-1px; background:url("/images/main/main_visual_wave_m.png") top no-repeat;}
	/* 메인 비주얼 :: 텍스트 */
	.main-visual-item .main-visual-txt-box .main-visual-txt-inner {padding:0 0 0 37px;}
	.main-visual-item .main-visual-txt-con .main-visual-txt1{font-size:50px;}
	.main-visual-item .main-visual-txt-con .main-visual-txt2{font-size:15px; margin-left:37px;}
	.main-visual-item .main-visual-txt-con .main-visual-txt2.txt-en {font-size: 20px;}
	/* 메인 비주얼 :: Dots */
	#mainVisual .main-visual-container .main-visual-paging .swiper-pagination-bullet {width:10.5px; height:14.7px; background-size:100%; margin:15px 0;}
	/* 메인 비주얼 :: 스크롤아이콘 */
	.main-scroll-icon{bottom: 20px;}
}
@media all and (max-width:480px){
	/* 메인 비주얼 :: 텍스트 */
	.main-visual-item .main-visual-txt-box .main-visual-txt-inner {padding:0 0 0 20px;}
}
@media all and (max-width:359px){
	.main-visual-item .main-visual-txt-con .main-visual-txt1{font-size:13.9276vw;}
}

/* ******************  메인 컨텐츠 ********************** */
/* -------- 메인 컨텐츠 :: 공통 -------- */
@media all and ( max-width: 1680px) and (min-width:1025px){
	/* 공통 :: 타이틀 */
	.main-tit-box .main-tit.point {display:inline-block; padding-left:75px;}
	.main-tit-box .main-tit.point:before {left:0; right:auto; margin-right:0;}
}
@media all and (max-width:800px){
	.main-tit-box .main-tit {font-size:40px;}
	.main-tit-box .main-sub-tit {font-size:17px;}
	.main-tit-box .main-tit.point:before {top:-29px; margin-right:-5px; width:40px; height:40px; background-size:100%;}
}

/* ******************  메인 컨텐츠 :: Business ********************** */
@media all and (max-width:1366px) and (min-width:1025px){
	.accordion-item .accordion-info-box dl {vertical-align:middle;}
	.accordion-item .accordion-info-box dl dt {margin-bottom:0;}
}
@media all and ( min-width: 1025px ){
	.accordion-list-box .accordion-list{ display: table; width:100%; height: 580px; overflow:hidden; font-size:0; }
	.accordion-list .accordion-item{display:table-cell; height:100%; } /* 접힌 li의 width*/
	.accordion-list .accordion-item .accordion-m-img{display:none;}
}
@media all and ( max-width: 1024px ){
	#mainBusinessCon .main-tit-box {display:block; text-align:center; }
	#mainBusinessCon .main-tit-box .main-sub-tit {margin-left: 0; margin-top:10px; }
	.main-business-con {margin-top:19px;}
	.accordion-list-box .accordion-list{ margin:0px auto;}
	.accordion-list .accordion-item{display:block; width:100%; height:auto; margin-top:10px; padding-left:0; }
	.accordion-list .accordion-item:first-child{margin-top:0}
	.accordion-list .accordion-item .accordion-inner{background-image:none; margin:0 !important;}
	.accordion-list .accordion-item .accordion-m-img{
		height:0; padding-top:110px; 
		background-size:cover !important;
		-webkit-transition:padding 0.4s;
		-moz-transition:padding 0.4s;
		-o-transition:padding 0.4s;
		-ms-transition:padding 0.4s;
		transition:padding 0.4s;
	}
	.accordion-list .accordion-item.active .accordion-m-img{padding-top:52%}

	/* 아코디언 :: 타이틀 및 내용 */
	.accordion-item .accordion-info-box {right:40px;}
	.accordion-item .accordion-info-box .inner-box {height:auto;}
	.accordion-item .accordion-info-box:before{height:100%;}
	.accordion-item .accordion-info-box dl{padding:30px 20px}
	.pc-br{display: none;}
}
@media all and (max-width:800px){
	#mainBusinessCon .main-deco-box {width:auto; right:0; bottom: 15px; z-index:9;}
	#mainBusinessCon .main-deco-box img {width:18.7500vw; max-width:150px;}
	#mainBusinessCon .main-deco-box.back {z-index:-1;}
	.accordion-item .accordion-inner .accordion-tit {font-size:20px;}
	.accordion-item .accordion-info-box dl dt{ font-size:0.3rem}
	.accordion-item .accordion-info-box .btn-box span{ font-size:0.18rem}
	.accordion-item.active .accordion-inner .more-btn{font-size:0.18rem;line-height: 0.4rem;height: 0.4rem;width: 1.5rem;border-radius: 0.2rem;margin-top: 0.15rem;}
}
@media all and ( max-width: 480px ){
	.accordion-list .accordion-item .accordion-m-img{padding-top:80px;}
	/* 아코디언 :: 타이틀 및 내용 */
	.accordion-item .accordion-inner .accordion-tit{font-size:17px; }
	.accordion-item .accordion-info-box dl{padding:15px}
	.accordion-item .accordion-info-box dl dt{ font-size:0.4rem}
	.accordion-item .accordion-info-box .btn-box span{ font-size:0.28rem}
	.accordion-item.active .accordion-inner .more-btn{font-size:0.28rem;line-height: 0.6rem;height: 0.6rem;width: 2rem;border-radius: 0.3rem;}
}
@media all and (max-width:359px){
	#mainBusinessCon .main-deco-box {bottom: 0;}
	.accordion-item .accordion-info-box .btn-box {display:none;}
	.accordion-item .accordion-info-box dl {vertical-align:middle;}
	.accordion-item .accordion-info-box dl dt {margin-bottom:0;}
}

/* ******************  메인 컨텐츠 :: History ********************** */
@media all and (max-width:800px){
	#mainHistoryCon {padding:50px 0 30px;}
	#mainHistoryCon .main-history-slide-box {height:265px; padding-bottom:40px; margin-top:15px;}
	.main-history-slide li {width:308px; }
	.main-history-slide li a {padding:25px 20px; height:200px;}
	.main-history-slide li a .year-box {padding-bottom:10px;}
	.main-history-slide li a .year-box .year {font-size:25px;}
	.main-history-slide li a .txt {font-size:15px; margin-top:8px;}
	.main-history-slide li a .txt:first-child {margin-top:10px;}
	.main-history-slide li.swiper-slide-prev, .main-history-slide li.swiper-slide-next, .main-history-slide li.swiper-slide-next + li + li {margin-top:25px;}
	.main-history-controls {bottom:100%; margin-bottom:25px; right:0; }
}
@media all and (max-width:480px){
	.main-history-slide li {width:220px; }
}



/* ******************  메인 컨텐츠 :: About ********************** */
@media all and (max-width:1920px) and (min-width:1025px){
	.main-about-con .main-about-item .txt-box { top:3.1250vw; left:2.3438vw; right:2.3438vw; bottom:3.1250vw; }
	.main-about-con .main-about-item .txt-box .arrow  { width:2.8125vw; height:2.8125vw;}
	.main-about-con .main-about-item .txt-box .arrow i {font-size:1.0417vw; line-height:2.8125vw;}
}
@media all and (min-width:801px){
	.main-about-con .main-about-item:hover .txt-box .arrow {background-color:#fff; border-color:transparent; color: #e10730;}
}

@media all and (max-width:1024px){
	.main-about-con .main-tit-box {float:none; width:100%; text-align:center; padding-right:0;}
	.main-about-con .con-box {float:none; width:100%; max-width:800px; margin: 45px auto 0;}
	.main-about-con .con-box .main-about-item {float:none;width:100%; }
	.main-about-con .main-about-item .bg {padding-top:44.44%;}
	.main-about-con .main-about-item.item01 {margin-top:0;}
	.main-about-con .main-about-item.item01 .bg {background-image:url("/images/main/main_about_img_01_m.jpg");}
	.main-about-con .main-about-item.item02 {margin-top:35px; margin-left:0;}
	.main-about-con .main-about-item.item02 .bg {background-image:url("/images/main/main_about_img_02_m.jpg");}
}
@media all and (max-width:800px){
	#mainAboutCon {padding:74px 0 83px;} 
	.main-about-con .main-tit-box {margin-top:0;}
	.main-about-con .main-tit-box .main-sub-tit {margin-top:10px;}
	.main-about-con .con-box {margin-top:22px;}
	.main-about-con .main-about-item.item02 {margin-top:17.5px;}
	.main-about-con .main-about-item .txt-box {top:50%; left:3.75vw; bottom:auto; right:auto; transform:translateY(-50%);}
	.main-about-con .main-about-item .txt-box .tit {font-size:21px; }
	.main-about-con .main-about-item .txt-box .arrow {width:4.5000vw; height:4.5000vw; margin-top:1.6250vw; }
	.main-about-con .main-about-item .txt-box .arrow i {font-size:2vw; line-height:4.5000vw; }
}
@media all and (max-width:480px){
	.main-about-con .main-about-item .txt-box .arrow {width:25px;; height:25px; margin-top:10px;; }
	.main-about-con .main-about-item .txt-box .arrow i {font-size:13px;; line-height:25px; }
}


/* ******************  메인 컨텐츠 :: News ********************** */
@media all and (min-width:801px){
	.main-news-con .main-news-item:hover .txt-box .new {background-color: #e41f44; color: #fff;}
	.main-news-con .main-news-item:hover .txt-box .tit {color: #e41f44;}
}
@media all and (max-width:800px){
	#mainNewsCon { padding:0 0 40px;}
	#mainNewsCon .main-deco-box { top:auto; bottom:100%; margin-bottom:-20px;}
	#mainNewsCon .main-deco-box img {width:105px;}
	.main-news-slide-box.swiper-container-horizontal {padding-bottom:32px; margin-top:25px;}
	.main-news-slide {margin:0 -12px;}
	.main-news-con .main-news-item  {width:245px; margin:0 12px;}
	.main-news-con .main-news-item .txt-box .new {font-size:11px; width:35px; height:16px; line-height:16px;}
	.main-news-con .main-news-item .txt-box .tit {font-size:18px; margin-top:8px;}
	.main-news-con .main-news-item .txt-box .date {font-size:13px; margin-top:8px;}
	.main-news-con .main-news-item .img-box {margin-top:14px;}
	/* 스크롤바 */
	.main-news-slide-box.swiper-container-horizontal > .swiper-scrollbar {height:4px; bottom:4px;}
	.main-news-slide-box.swiper-container-horizontal .swiper-scrollbar-drag  {height:4px;}
}