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

/* ******************  메인 비주얼 ********************** */
@media all and ( max-width: 1620px ){	
	.main-visual-txt-con .main-visual-txt-inner{padding:0 8%}
}
@media all and ( max-width: 1220px ){	
	
}
@media all and ( max-width: 800px ){	
	#mainVisual{height:auto; overflow:inherit}
	.main-visual-slide{height:auto}
	.main-visual-txt-con .main-visual-txt-inner{padding:0 15px}
	/* 메인 비주얼 :: 이미지 */
	.main-visual-item .main-visual-pc-img{display:none;}
	.main-visual-item .main-visual-m-img{position:relative; padding-top:102.5%; display:block;}
	.main-visual-m-img img{position:absolute; top:0; left:0; right:0; bottom:0; width:100%; height:100%}
	/* 메인 비주얼 :: 텍스트 */
	.main-visual-item .main-visual-txt-con{}
	.main-visual-item .main-visual-txt-con .main-visual-txt1{font-size:13px; margin-bottom:14px}
	.main-visual-item .main-visual-txt-con .main-visual-txt2{font-size:24px; margin-bottom:14px}
	.main-visual-item .main-visual-txt-con .main-visual-txt3{display:none; font-size:13px; line-height:18px; margin-bottom:20px; }
	.main-visual-item .main-visual-txt-con .main-visual-more-btn{font-size:12px; padding:8px 15px;}
	/* 메인 비주얼 :: 하단 :: 스크롤아이콘 */
	.main-scroll-icon{display:none !important}
	/* 메인 비주얼 :: Dots */
	.main-visual-control .main-visual-dot{display:block; text-align:center; width:100%; padding:0}
	.main-visual-control .main-visual-dot .slick-dots li .dot-txt{display:none}
	/* 메인 비주얼 :: 하단 :: pause,play */
	.main-visual-control .arrow-play-btn {margin-bottom: 10px;}
	.main-visual-control .arrow-play-btn .visual-play{margin:0 5px}
	.main-visual-control .arrow-play-btn .visual-play .slick-control-btns button i{font-size:14px}
	/* 메인 비주얼 :: 하단 :: 화살표 */
	.main-visual-control .main-visual-arrow i{font-size:14px}
}
@media all and ( max-width: 480px ){	
	.main-visual-item .main-visual-txt-con .main-visual-txt1{font-size:11px}
	.main-visual-item .main-visual-txt-con .main-visual-txt2{font-size:20px}

}

/* -------- 메인 비주얼 :: 하단 퀵메뉴 -------- */
@media all and ( max-width: 1220px ){	
	.main-visual-quick-menu ul li a .quick-menu-inner{padding-left:11%; padding-right:23%}
	.main-visual-quick-menu ul li a .visual-quick-icon {width: 40px; height: 40px; margin-top: -20px; margin-right: 6%;}
}
@media all and ( max-width: 1024px ){	
	.main-visual-quick-menu ul li a .visual-quick-tit strong {font-size: 18px;}
	.main-visual-quick-menu ul li a .visual-quick-tit span {font-size: 13px;}
}
@media all and ( max-width: 800px ){	
	.main-visual-quick-menu{position:relative; height:150px; bottom:0}
	.main-visual-quick-menu ul li,
	.main-visual-quick-menu ul li a{height:150px}
	.main-visual-quick-menu ul li a .quick-menu-inner{padding:15px 3% 0; vertical-align:top; text-align:center}
	.main-visual-quick-menu ul li a .visual-quick-tit {display:block}
	.main-visual-quick-menu ul li a .visual-quick-tit strong{font-size:14px;}
	.main-visual-quick-menu ul li a .visual-quick-tit span{font-size:12px; line-height:1.22em}
	.main-visual-quick-menu ul li a .visual-quick-icon {width: 36px; height: 36px; top: auto; bottom: 10px; left: 50%; margin-left: -18px; margin-right: 0; }
	.main-visual-quick-menu ul li a .visual-quick-icon i {font-size: 14px;}
}
@media all and ( max-width: 480px ){	
	.main-visual-quick-menu{position:relative; height:auto; bottom:0}
	.main-visual-quick-menu ul li,
	.main-visual-quick-menu ul li a{height:130px}
	.main-visual-quick-menu ul li {width: 100%;}
}

/* ******************  메인 컨텐츠 ********************** */
/* -------- 메인 컨텐츠 :: 공통 -------- */
@media all and ( max-width: 800px ){
	/* 공통 :: 타이틀 */
	.main-tit{margin-bottom:20px;}
	.main-tit strong{font-size:27px;}
	.main-tit .main-sub-tit{font-size:12px; line-height:18px;}
}

/* -------- 메인 컨텐츠 :: 컨텐츠1(퀵메뉴) -------- */
  @media all and (max-width:1220px){
	.main-quick-menu-list .quick-menu-item .item-txt-box .item-tit{font-size:20px}
	.main-quick-menu-list .quick-menu-item .item-txt-box .item-sub-tit{font-size:14px; margin-bottom:0; line-height:18px;}
	.main-quick-menu-list .quick-menu-item .item-txt-box .item-sub-txt{display:none}
	.main-quick-menu-list .quick-menu-item .over-thum::before,
	.main-quick-menu-list .quick-menu-item .over-thum::after {
		top: 10px;
		right: 10px;
		bottom: 10px;
		left: 10px;
	}
 }
 @media all and (max-width:800px){
	.main-quick-menu-list{margin:0 -1%;}
	.main-quick-menu-list .quick-menu-item {width:48%; margin:1%;}
	.main-quick-menu-list .quick-menu-item .item-txt-box{bottom:10%;}
	.main-quick-menu-list .quick-menu-item .item-txt-box .item-tit{margin-bottom:0; font-size:18px; text-align:center;}
	.main-quick-menu-list .quick-menu-item .item-txt-box .item-sub-tit{display:none;}
}


/* -------- 메인 컨텐츠 :: 프로젝트 슬라이드 -------- */
@media all and ( max-width: 1630px ){	
	#mainBusiness{padding:0 55px}
	.main-business-slide .main-business-slide-con .slick-arrow.slick-next{right:-45px;}
	.main-business-slide .main-business-slide-con .slick-arrow.slick-prev{left:-45px}
}
@media all and ( max-width: 800px ){	
	#mainBusiness{margin-top:50px}
	.main-business-slide li .main-business-slide-txt strong{font-size:16px;}
	.main-business-slide li .main-business-slide-txt span{font-size:12px; padding-top:8px}
	.main-business-slide .main-business-slide-con .slick-dots{display:none !important;}
	.main-business-slide .main-business-slide-con .slick-arrow{width:14.4px; height:28.2px; top:50%; -webkit-transform:translateY(-50%); -moz-transform:translateY(-50%); -ms-transform:translateY(-50%); -o-transform:translateY(-50%); transform:translateY(-50%); }
}
@media all and ( max-width: 480px ){	
	#mainBusiness .area-box{padding:0}
	.main-business-slide .main-business-slide-con .slick-arrow.slick-next{right:-30px}
	.main-business-slide .main-business-slide-con .slick-arrow.slick-prev{left:-30px}
}

/* -------- 메인 컨텐츠 :: Global Network -------- */
@media all and ( max-width: 1220px ){
	.global-map-con{display:none;}
	.global-map-wrap{padding-top:6%}
	.global-map-con-m{display:block;}
	.global-map-con-m img{width:100%;}
	.global-map-con-m img.global-img-tb{display:block}
	.global-map-con-m img.global-img-mb{display:none}
}
@media all and ( max-width: 940px ){	
	.global-map-wrap{padding-top:14%}
}
@media all and ( max-width: 800px ){	
	.global-map-tit{margin-top:100px}
	.global-map-tit:after{height:20px; top:-48px}
	.global-map-tit:before{width:7px; height:7px; top:-27px; margin-left:-3px;}
	.global-map-tit span{font-size:11px;}
	.global-map-tit h3{font-size:21px; padding:8px 0 15px}
	.global-map-tit .global-view-btn{font-size:12px; padding:0 8px 8px}
	.global-map-tit .global-view-btn:after{height:2px}
	.global-map-wrap{padding-top:26%}
	.global-map-con-m img.global-img-tb{display:none}
	.global-map-con-m img.global-img-mb{display:block}
}
@media all and ( max-width: 480px ){	
	.global-map-wrap{padding-top:40%}
}

/* -------- 메인 컨텐츠 :: 공지사항 -------- */
@media all and (max-width:1024px){	
	.main-ir-con{float:none; width:100%; margin-right:0}
	/*.main-ir-con-inner{padding:6% 5%}*/
	.main-ir-now{display:inline-block; vertical-align:middle; width:320px}
	.main-ir-info{display:inline-block; vertical-align:middle; width:calc(96% - 320px); padding:0 0 0 4%; margin:0 0 0 -4px;}
	.main-ir-con-inner{ height:300px}
	.main-ir-con-inner .main-ir-bg{background:url("/images/main/main_inquiry_bg.jpg") no-repeat 50% 50%;}
	.main-ir-con-inner .main-ir-txt-wrap .main-ir-txt span{margin-right:5%; margin-bottom:5%}
	.main-ir-con-inner .main-ir-txt-wrap{padding:8%}


	.main-news-con{float:none; width:100%; margin-top:50px}
}
@media all and (max-width:800px){		
	#bottomBoard{padding:30px 4% 38px}
	.main-board-tit{font-size:28px; padding-bottom:16px}
	.main-ir-now,
	.main-ir-info{display:block; width:100%}
	.main-ir-info{padding:0; margin:17px 0 0}
	.board-more-btn{font-size:12px}
	.main-ir-now{padding:15px 0 13px}
	/*.main-ir-con-inner{padding:35px 10% 50px}*/
	.main-ir-now p{font-size:13px}
	.main-ir-now p strong{font-size:26px; padding:0 4px 0 25px}
	.main-ir-now p strong:before{width:18.4px; height:16px; bottom:4px}
	.main-ir-now p b{font-size:13px; padding-right:8px}
	.main-ir-info li .main-ir-inner dt, .main-ir-info li .main-ir-inner dd{font-size:13px}

	.main-ir-con-inner{height:220px}
	.main-ir-con-inner .main-ir-txt-wrap{padding:30px}
	.main-ir-con-inner .main-ir-txt-wrap .main-ir-txt em{font-size:11px;}
	.main-ir-con-inner .main-ir-txt-wrap .main-ir-txt h4{font-size:20px; padding-top:10px}
	.main-ir-con-inner .main-ir-txt-wrap .main-ir-txt span{width:45px}
	.main-ir-con-inner .main-ir-txt-wrap .main-ir-txt span img{width:100%}


	.main-board-con li a{background-size:25.9px 14.4px; padding:18px 0 15px 5.5%}
	.main-board-con li .bbs-date{font-size:13px; width:75px}
	.main-board-con li .bbs-tit{font-size:13px; height:15px; width:calc(70% - 75px)}
}
@media all and (max-width:480px){		
	.main-ir-now p strong{font-size:22px}
	.main-ir-con-inner .main-ir-txt-wrap{padding:20px}
}
@media all and (min-width:800px){		
	.main-ir-con a:hover .main-ir-bg{-webkit-transform:scale(1.09); -moz-transform:scale(1.09); -ms-transform:scale(1.09); -o-transform:scale(1.09); transform:scale(1.09);}
}