@charset "utf-8";
/* *******************************************************
 * filename : main.css
 * description : 
******************************************************** */
#mainContainer{position:relative; top:82px; }

/* **************************************** *
 * Main 팝업
 * **************************************** */
/*#latest_pop_multi {position:absolute; top:0; width:100%;  z-index: 50; }*/
#latest_pop_multi { position:absolute; top:0; left:50%;  margin-left:-566px; z-index: 50; width:100%; height:0%;  }
#latest_pop_multi .divpop img{ max-width:100% }

@media all and ( max-width: 800px ){
	#latest_pop_multi { padding:0 10px; }
	#latest_pop_multi { left:0;  margin-left:0; }
}

/* **************************************** *
 * Main 배너
 * **************************************** */
#mainProduct{position:relative; text-align: center; }
.main-prod-wrapper{position:relative; width:100%; height:646px; background:url(../images/main/main_prd_bg.png) repeat-x; }
.main-prod-wrapper .main-prod-slider{position:relative; max-width:1132px; height:100%; }
.main-prod-wrapper .main-prod-slider ul{text-align: center;  margin:0 auto; }
.main-prod-item .main-prod-logo{ width:100%; padding-top:34px; }
.main-prod-item .main-prod-logo img{ transform-origin:center middle;
max-width:100%; max-height:100%; 
width:auto; height:auto; margin:auto; top:0; bottom:0; left:0; right:0;}
.main-prod-item .main-prod-name{padding-top:26px; font-size:5.0rem; color:#000000;}
.main-prod-item .main-prod-txt{padding-top:24px; font-size:2.0rem; color:#6c6c6c;}
.main-prod-item .main-prod-img{padding: 40px 0 80px 0; width:100%; max-height:500px;}
.main-prod-item .main-prod-img img{transform-origin:center middle;
max-width:100%; max-height:100%;
width:auto; height:auto; margin:auto; top:0; bottom:0; left:0; right:0;}

/* 메인제품 버튼 */
.main-prod-controls{position:absolute; width:165px; height:94px; right:40px; bottom:40px; padding:0 40px; background-color:#fff; z-index:11; text-align:center;}
.main-prod-control-btns{margin:40px 0 20px; }
.main-prod-control-btns button{width:34px; height:11px;}
.main-prod-control-btns .slide-prev-btn{
	float:left;
	background: url(../images/ico_prev_arrow.svg) no-repeat;
}
.main-prod-control-btns .slide-next-btn{
	float:right;
	background:url(../images/ico_next_arrow.svg) no-repeat
}
.main-prod-control-btns .main-prod-conuter{display:inline-block; position:relative; top:-2px; vertical-align:middle; line-height:11px; font-size:1.2rem; color:#000; }
.main-prod-control-btns .main-prod-conuter .total-num{position:relative; margin-left:20px; color:rgba(0,0,0,0.5)}
.main-prod-control-btns .main-prod-conuter .total-num:before{position:absolute; left:-10px; width:1px; height:13px; background-color:#e5e5e5; content:"";}
.main-prod-loading-bar{width:100%; height:2px; background-color:#eee;}
.main-prod-loading-bar span{display:block; width:0; height:100%; background-color: #000}

/* **************************************** *
 * Main View / News
 * **************************************** */
#mainContent{position:relative;}
.main-content-wrapper{width:100%; height:100%;}
.main-content-wrapper .main-content-slider > ul{ margin:0 auto;
text-align: center; 
	display: flex;
	justify-content: center;
	flex-wrap: wrap;
	flex-grow: 0;
}
.main-content-wrapper .main-content-slider > ul > li{min-height: 387px; width: calc(100% / 2);
flex-basis: 450px;
flex-grow: 1;
}

.item-01{height:100%; background:url(../images/main/main_new_bg_01.png) repeat-x;}
.item-02{height:100%; background:url(../images/main/main_new_bg_02.png) repeat-x;}
.main-news-item .main-news-top{position:relative; display:inline-block; width:100%; height:160px; border-top: 7px solid #e71f10; }
.main-news-item .main-news-top p{position:absolute; right:50%; margin-right:30px; bottom:0px; color:#000; font-size:1.4rem; font-style: italic; padding:0 1.0rem;}
.main-news-item .main-news-top p em{font-size:3.0rem; font-weight:700;}
.main-news-item .main-news-top span{position:absolute; left:50%;  margin-left:-30px;  top:23px;  max-width:154px; max-height:132px; }
.main-news-item .main-news-top span img{border: 2px solid #000; max-width:100%; max-height:100%;}
.main-news-item .main-news-bottom{position:relative; display:inline-block; width:100%; height:180px; text-align:center;}
.main-news-item .main-news-bottom h2{color:#fff; font-size:1.4rem; padding-top:22px;}
.main-news-item .main-news-bottom a{color:#fff;}
.main-news-item .main-news-bottom h3{color:#fff; font-size:2.2rem; padding-top:22px;}
.main-news-item .main-news-bottom span{position:relative; top:22px; color:#fff; font-size:1.4rem; line-height:2; display:inline-block; }
.main-news-item .main-news-bottom .main-news-hbar{ position:relative; top:20px; width:300px; height:2px; background-color:#008dc5; margin:0 auto;}
.main-news-item .main-news-bottom ul{position:relative; top:32px; width:100%; font-size:1.4rem; color:#fff; line-height:2; text-align:left; width:340px; margin:0 auto;}
.main-news-item .main-news-bottom ul li{ color:#fff; width:100%; display:block;}
.main-news-item .main-news-bottom ul li:before{ content:"+"; padding:0 10px; }

.main-contnet-view-btn{width:48px; height:19px; line-height:19px; border-radius: 50px;}

/* **************************************** *
 * Main Partners
 * **************************************** */
#mainPartner{position:relative;}
.main-partner-wrapper{ min-height:80px; }
.main-partner-slider{border:2px solid #efefef; height:80px; overflow:hidden;}
.main-partner-item{float:left; height:80px; width:auto;}
.main-partner-item span {display:inline-block; box-sizing:border-box; height:80px; line-height:80px; padding:0 10px;}
.main-partner-item span img{max-width:100%; max-height:100%; vertical-align:middle;}


#partner_M{display:none}
.main-partner-noslider{ min-height:80px; overflow:hidden; margin-bottom:130px;}
.main-partner-noslider > ul{ margin:0 auto;
	display: flex;
	justify-content: center;
	flex-wrap: wrap;
	flex-grow: 0;
}
.main-partner-noslider > ul > li{min-height: 80px; width: calc(100% / 2);
	text-align:center;
	flex-basis: 200px;
	flex-grow: 1;
	border: 0.1rem solid #efefef;
}


/* **************************************** *
 * Main Company
 * **************************************** */
#mainCompany{position:relative;}
.main-comp-wrapper{width:100%; min-height:400px;}
.main-comp-wrapper .main-comp-item{max-width: 1132px; margin:0 auto;}
.main-comp-wrapper .main-comp-item ul{text-align: center; min-height:306px;
	display: flex;
	justify-content: center;
	flex-wrap: wrap;
	flex-grow: 1;
}
.main-comp-wrapper .main-comp-item ul li{min-height:306px; width: calc(100% / 3);
flex-basis: 307px;
flex-grow: 1;
}

.main-comp-item .main-comp-top{position:relative; display:inline-block; width:100%; height:150px; }
.main-comp-item .main-comp-top span{position:relative; top:70px; margin:0 auto;}
.main-comp-item .main-comp-bottom{position:relative; display:inline-block; width:100%; height:157px; text-align:center;}
.main-comp-item .main-comp-bottom h3{color:#000; font-size:1.4rem; font-weight:700;}
.main-comp-item .main-comp-bottom span{color:#000; font-size:1.4rem; line-height:2;}


/* *******************************************************
* 메인 레이아웃 및 컨텐츠 반응형 CSS
******************************************************** */


/* ******************  index 페이지 영역 ********************** */
@media all and ( max-width: 1024px ){

	#mainContainer{ top:0px; }

}

@media all and ( max-width: 800px ){
	.main-prod-wrapper { height: 740px; }
	.main-prod-controls{ right:50%; margin-right:-122px; bottom:-60px; }
	.main-prod-list-con { margin:0px 80px; height:100%; }
	.main-prod-item .main-prod-name{ padding-top:40px; }
	.main-prod-item .main-prod-txt{ padding-top:40px; }
	.main-prod-item .main-prod-img{ height:500px; padding: 50px 0 50px 0; }
	.main-prod-wrapper .main-prod-slider ul li {padding: 50px; }
	#mainContent{ padding-top:80px; }

	#partner{display:none}
	#partner_M{display:block; visibility:visible;}
	
}
@media all and ( max-width: 480px ){
	.main-news-item .main-news-top p{position:absolute; left:50%; margin-left:-120px; bottom:0px; color:#000; font-size:1.0rem; font-style: italic;}
	.main-news-item .main-news-top p em{font-size:2.0rem; font-weight:700;}
	.main-news-item .main-news-top span{position:absolute; left:50%; margin-left:-50px;}
}