@charset "utf-8";

/************************************************************
메인요소:
요소 아이디로 CSS 작업시에는 템플릿 생성과정에서
아이디 값이 자동으로 변경이 되기 때문에 style.css에 작업합니다.
************************************************************/
.visual_slogan {font-size: 60px;line-height: 1.2;}
.banner_3::before {
  background: url(/sites/marine/images/banner_3.jpg) no-repeat center;
  background-size: cover;
}
.banner_1 {
  background: url(/sites/marine/images/banner_1.jpg) no-repeat center;
  background-size: cover;
}


/************************************************************
서브비주얼:
개별 비주얼 적용시에는 경로만 수정해서 사용합니다.
************************************************************/
.eQ01 .wrap_sub_visual:before{background:url(/sites/marine/images/sub_visual_1.jpg) no-repeat center top;}
/**.eQ01 .wrap_sub_visual:before{background:url(/sites/templet_01/images/sub_visual_1.jpg) no-repeat center top;}*/
.eQ02 .wrap_sub_visual:before{background:url(/sites/style_guide/images/sub/sub_visual_2.jpg) no-repeat center top;}
.eQ03 .wrap_sub_visual:before{background:url(/sites/style_guide/images/sub/sub_visual_15.jpg) no-repeat center top;}
.eQ04 .wrap_sub_visual:before{background:url(/sites/style_guide/images/sub/sub_visual_3.jpg) no-repeat center top;}
.eQ05 .wrap_sub_visual:before{background:url(/sites/style_guide/images/sub/sub_visual_4.jpg) no-repeat center top;}
.eQ06 .wrap_sub_visual:before{background:url(/sites/style_guide/images/sub/sub_visual_5.jpg) no-repeat center top;}

/*****************************************************************
모바일폰트
*****************************************************************/
@media (max-width: 768px)
  .slider_1 .con .item_1 strong {
	font-size: 14px;
	padding: 5px;
}

.visual_link{margin-top:50px;text-align: center;}
.visual_link a{box-sizing:border-box;position:relative;display:inline-block;width:210px;padding:13px 0 13px 20px;border-radius:30px;color:#004eff;margin-right:10px;border:3px solid #004eff;background:url(/sites/style_guide/images/common/arrow_3_b.png) no-repeat 90% center;}
.visual_link .a_1{border-color:#004eff;background-color:#ffffff;text-align: left;}
.visual_link .a_2{text-align: left;}
.visual_link a:hover{border-color:#ccc;background-color:#faffd6;}

.slider_1 .con .item_2{position: relative;z-index: -1;}