/***********************************************************************************
* Copyright (C)RFLOGIX since 2010.08.24 (rflogix@rflogix.com)
************************************************************************************
* ● 프로젝트	: AGM-모바일
* ○ 파일		: index.css
* ○ 생성		: 2017.06.29(수요일)
* ○ 최종변경	: 2017.06.29(수요일)
************************************************************************************/




/***********************************************************************************
* 공통
***********************************************************************************/

.page_content {width:100%; padding:0;}




/***********************************************************************************
* 메인배너
***********************************************************************************/

.banner_section .banner_wrap {height:100%; left:0; top:0; position:absolute;}
.banner_section a	{width:100%;}
.banner_section img {background-size:cover; background-position:center; background-repeat:no-repeat;}
.banner_section .swiper-button-prev, .banner_section .swiper-button-next {background-size:contain; opacity:0.3; height:30px; margin:0; top:calc(50% - 15px);}




/***********************************************************************************
* 메뉴
***********************************************************************************/

.menu_section .menu_wrap {height:100%; left:0; top:0; position:absolute; display:flex; flex-direction:row; align-items:center; justify-content:space-around;}
.menu_section .menu_title {width:auto; color:#bd824e; font-size:10px; font-weight:400; font-family:"Roboto";}
.menu_section .menu_title.active {height:70%; cursor:pointer; display:flex; align-items:center;}




/***********************************************************************************
* 상단 섹션 관련
***********************************************************************************/

.main_section					{width:100%; position:relative; overflow:hidden;}
.main_section .section_bg		{height:100%; left:0; top:0; position:absolute; opacity:1; background-image:url('../image/index/main_section_bg.png'); background-size:100% 100%; background-position:center; background-repeat:no-repeat;}
.main_section .section_bg.left	{transform:rotate(180deg); -webkit-transform:rotate(180deg);}
.main_section .title			{width:auto; top:15%; left:40.5%; position:absolute; overflow:hidden; white-space: nowrap; text-overflow:ellipsis; color:#bd824e; text-align:left; font-size:20px; font-family:'Roboto'; font-weight:400; letter-spacing:0px;}
.main_section .title.left		{left:5%;}
.main_section .content			{width:56%; top:27%; left:40.5%; position:absolute; color:#b1b1b1; text-align:left; font-size:10px; font-family:'Noto Sans'; font-weight:100; overflow:hidden; text-overflow:ellipsis; text-align:left; word-wrap:break-word; word-break:break-all; display:-webkit-box; -webkit-box-orient:vertical;
	height:102px; line-height:17px; -webkit-line-clamp:6;
}
.main_section .content.left		{left:5%;}
.main_section .explore			{width:59.5%; top:75%; left:40.5%; position:absolute;}
.main_section .explore a		{width:94%; height:100%; left:0; top:0; position:absolute; color:#bd824e; text-align:left; font-size:10px; font-family:'Roboto'; font-weight:700; display:flex; align-items:center; letter-spacing:1px;}
.main_section .explore.left		{left:5%;}