@charset "utf-8"; 

/*
 * --------------------------------------------------------------------------
 * descript : 메인 콘텐츠
 * --------------------------------------------------------------------------
 * version	: 2.0.0
 * author	: Yoodaekyung
 * update	: 2018.08.17
 * email	: eorud0818@naver.com
 * --------------------------------------------------------------------------
 */

#main_visual_area {position:relative;}
#main_visual_area .swiper-pagination {position:absolute; top:77.54%; left:13.7677%; width:auto; text-align:left; color:#fff;}
#main_visual_area .swiper-pagination > span {display:inline-block; position:relative; vertical-align:top; width:176px; height:90px; box-sizing:border-box; padding:10px 18px; background:rgba(0,0,0,.7); border-radius:0; opacity:1 !important;}
#main_visual_area .swiper-pagination > span.swiper-pagination-bullet-active:before {content:""; display:block; position:absolute; top:0; left:0; right:0; height:3px; background:#0f7eb9;}
#main_visual_area .swiper-pagination i {display:block; font-size:18px; padding-bottom:10px;}
#main_visual_area .swiper-pagination strong {display:block; font-size:16px; line-height:1.3;}

#main_visual_area:before {content:""; display:block; position:absolute; width:87px; height:44px; bottom:2.64%; left:50%; margin-left:-43px; background:url('/assets/img/web/main/ico_scroll_down.png') no-repeat 50% 50%; z-index:50;}

.main-quick-box {overflow:hidden; max-width:1903px; margin:0 auto;}
.main-quick-box > a {display:block; position:relative; width:20%; float:left;}
.main-quick-box > a:before {content:""; display:block; position:absolute; top:0; left:0; right:0; bottom:0; background:url('/assets/img/web/main/ico_main_quick_box.png') no-repeat 50% 50% rgba(0,0,0,.6); z-index:1; opacity:0; transition:.3s all; -webkit-transition:.3s all; }
.main-quick-box > a:hover:before {opacity:1;}
.main-quick-box > a img {display:block; position:Relative; width:100%; z-index:0;}

.main-grid {position:relative; overflow:hidden; background:#2f3b5d;}
.main-grid + .main-grid {background:#344a5a;}

.main-grid > * {display:block; width:50%;}
.main-grid .side {position:absolute; top:0; bottom:0;}

.main-grid.left .default {float:left; text-align:right;}
.main-grid.left .side {right:0; background:url('/assets/img/web/main/img_main_07.jpg') no-repeat 50% 50%; background-size:cover;}
.main-grid.right .default {float:right; text-align:left;}
.main-grid.right .side {left:0; overflow:hidden;}