/***********************************************************************************
* Copyright (C)RFLOGIX since 2010.08.24 (rflogix@rflogix.com)
************************************************************************************
* ● 프로젝트	: AGM-홈페이지
* ○ 파일		: builders_edition_detail.css
* ○ 생성		: 2017.02.01(수요일)
* ○ 최종변경	: 2017.02.01(수요일)
***********************************************************************************/




/***********************************************************************************
* 기본 관련
***********************************************************************************/

body {background-color:white;}



/* Builder's Edition 상세페이 메인 */
.main_section {padding:0; color:#fff;}
.main_section .primary_img {width:100%; height:100%; position: relative; display: block; margin: 0; padding: 0; border: 0; font-size: 100%; font: inherit; vertical-align: baseline;  background-image: linear-gradient(45deg,transparent 50%,rgba(0,0,0,0.5) 100%);}
.main_section .primary_img .bg-img {background-color: #000; height: 631px; overflow: hidden; display: block; position: relative;}
.main_section .primary_img .foreground-img.left {height: 700px;opacity: 1; pointer-events: none; position: absolute; left: calc(50% - 600px); top: 0; width: auto; z-index: 2;}
.main_section .primary_img .foreground-img.right {height: 700px;opacity: 1; pointer-events: none; position: absolute; right: calc(50% - 600px); top: 0; width: auto; z-index: 2;}

.main_section .primary_content {max-width: 1140px; margin-left: auto; margin-right: auto; padding:60px 0; height: 100%; left: 50%; position: absolute; top: 0; -webkit-transform: translateX(-50%); -ms-transform: translateX(-50%); transform: translateX(-50%); width: 100%; z-index: 1;}
.main_section .primary_content .tout.right {max-width: 350px; position: absolute; top: 25%; right:8%; -webkit-transform: translateY(-25%); -ms-transform: translateY(-25%); transform: translateY(-25%);}
.main_section .primary_content .tout.left {max-width: 350px; position: absolute; top: 25%; left:8%; -webkit-transform: translateY(-25%); -ms-transform: translateY(-25%); transform: translateY(-25%);}
.main_section .primary_content .tout .tout-title {text-shadow: 0px 0px 5px rgba(0,0,0,0.1); font-size: 34px; margin-bottom: 15px;}
.main_section .primary_content .tout .tout-content {text-shadow: 0px 0px 5px rgba(0,0,0,0.1);}
.main_section .primary_content .tout .cta-wrapper {background-color: #aa1f23; color: #e9e6e0; cursor: pointer; margin-top:20px; display: inline-block; font-size: 15px; font-weight: 600; line-height: 1; padding: 10px 30px; transition-property: background-color; transition-duration: .2s; border-radius: 2px;}
.main_section .primary_content .tout .cta-wrapper a {color:#fff; font-weight:bold;}


/* 상품 카테고리 */
.nav_bar {width: 100%; transition: background 0.6s; background-color:#f6f5f1;}
.nav_bar.fixed {width: 100%; min-width:1500px; position: fixed; top: 130px; left: 0; z-index:11;}
.item_section {max-width: 1140px; padding:30px 0 30px 0; margin-left: auto; margin-right: auto; z-index:5; overflow:hidden; font-size:14px;}
.item_section .bld_item {margin:0 10px; display: inline-block; z-index:6;}
.item_section .bld_item a {color:#393939; cursor:pointer;}
.item_section .bld_item a u {text-decoration : none;}
.item_section .bld_item a:hover {color:#aa1f23; }
.item_section .bld_item.active a u {color:#aa1f23; text-decoration : none; border-bottom : 2px solid #aa1f23; padding-bottom : 3px;}


/* 섹션 공통 */
.section .title {width:1140px; margin:0 auto; text-align:center; font-size:35px; font-weight:bold; color:#393939; overflow:hidden;}
.section .content {width:1140px; margin:0 auto; padding-top:20px; line-height:27.2px; text-align:center; font-size:16px; color:#6b6354; overflow:hidden;} 
.section .movie {width:1140px; margin:0 auto; padding-top:20px; overflow:hidden;}
.section .movie iframe {width:100%; min-height:641px;}
.section .movie video {width:100%; min-height:641px;}
.red_line {background-color: #aa1f23; height: 6px; width: 70px; margin:0 auto; margin-top:30px;}
.flip-image__toggle {text-align: center; position: relative; padding-top:20px; }
.flip-image__toggle a {font-size:16px; text-transform: uppercase; transition-property: color,border-color; color: #393939; margin: 0 20px; transition: color 0.25s ease; cursor: pointer;}
.flip-image__toggle a.active {color: #aa1f23; text-decoration: underline; text-underline-position: under;}
.flip-image__toggle a:hover {color: #aa1f23;}

/* 1번째 섹션 */
.section.statement {padding:95px 0 95px 0; background-color:#f6f5f1;}
.section.statement .guitarWrapper {width:1200px; height:750px; margin:0 auto; position:relative;}
.section.statement .guitarWrapper .titleWrap {width:500px; height:70px; margin:0 auto; text-align:center; float: right; color:#393939; z-index:2;}
.section.statement .guitarWrapper .titleWrap .title {width:500px; height:70px; font-size:45px;}
.section.statement .guitarWrapper .titleWrap .img_front_back {width:500px; height:70px; margin:0 auto;}
.section.statement .guitarWrapper .columns {max-width: 1140px; margin-left: auto; margin-right: auto; padding: 0 30px;}
.section.statement .guitarWrapper .columns .column {float: left; margin-right: 2%;}
.section.statement .guitarWrapper .columns .column .column-content {max-width: 300px; margin: 0 auto;}
.section.statement .guitarWrapper .columns .column .column-content .column-title {font-size: 18px; font-weight: 700; line-height: 1; margin-bottom: 15px; text-align: center;}
.section.statement .guitarWrapper .columns .column .column-content a {border-radius: 2px; border: 1px solid #8d8882; color: #393939; display: inline-block; font-size: 12px; padding: 10px 25px; text-align: center; text-transform: uppercase; transition-property: color,border-color; min-width: 170px; max-width: 270px;}
.section.statement .guitarWrapper .columns .column .column-content a:hover {color:#aa1f23; border: 1px solid #aa1f23;}
.section.statement .guitarWrapper .copy {max-width: 525px; margin: 0 auto; font-weight: 700; color: #6b6354; line-height: 1.5; text-align:center;}


/* 2번째 섹션  */
.section.Features {padding:95px 0 95px 0; background-color:#eae5de;}
.section.Features .title {font-size:45px; text-align:left; color:#393939;}
.section.Features .content {width:1140px; margin:0 auto; margin-top:60px; text-align:left;}
.section.Features .content .column-title {padding:15px 0; font-size:20px; font-weight:bold}
.section.Features .content .column-copy {font-size: 14px; line-height: 1.5; margin-bottom: 20px;}
.swiper-container.features_slide {width:1050px;}
.swiper-container.features_slide .swiper-slide img {background-size:cover;}


/* Builder's Edition 다섯번째 섹션  */
.section.ash {padding:0; color:#393939;}
.section.ash .primary_img {width:100%; height:100%; position: relative; display: block; margin: 0; padding: 0; border: 0; font-size: 100%; font: inherit; vertical-align: baseline;  background-image: linear-gradient(45deg,transparent 50%,rgba(0,0,0,0.5) 100%);}
.section.ash .primary_img .bg-img {background-color:#eae5de; height: 540px; overflow: hidden; display: block; position: relative;}
.section.ash .primary_img .foreground-img.left {height: 700px;opacity: 1; pointer-events: none; position: absolute; left: calc(50% - 600px); top: 0; width: auto; z-index: 2;}
.section.ash .primary_img .foreground-img.right {height: 700px;opacity: 1; pointer-events: none; position: absolute; right: calc(50% - 600px); top: 0; width: auto; z-index: 2;}

.section.ash .primary_content {max-width: 1140px; margin-left: auto; margin-right: auto; padding:60px 0; height: 100%; left: 50%; position: absolute; top: 0; -webkit-transform: translateX(-50%); -ms-transform: translateX(-50%); transform: translateX(-50%); width: 100%; z-index: 1;}
.section.ash .primary_content .tout.right {max-width: 400px; position: absolute; top: 25%; right:8%; -webkit-transform: translateY(-25%); -ms-transform: translateY(-25%); transform: translateY(-25%);}
.section.ash .primary_content .tout.left {max-width: 400px; position: absolute; top: 25%; left:8%; -webkit-transform: translateY(-25%); -ms-transform: translateY(-25%); transform: translateY(-25%);}
.section.ash .primary_content .tout .tout-title {text-shadow: 0px 0px 5px rgba(0,0,0,0.1); font-size: 34px; margin-bottom: 15px;}
.section.ash .primary_content .tout .tout-content {text-shadow: 0px 0px 5px rgba(0,0,0,0.1);}
.section.ash .primary_content .tout .cta-wrapper {background-color: #aa1f23; color: #e9e6e0; cursor: pointer; margin-top:20px; display: inline-block; font-size: 15px; font-weight: 600; line-height: 1; padding: 10px 30px; transition-property: background-color; transition-duration: .2s; border-radius: 2px;}
.section.ash .primary_content .tout .cta-wrapper a {color:#fff; font-weight:bold;}


/* Builder's Edition 마지막 섹션  */
.section.gallery {padding:0; color:#393939;}
.guitar-tiles__wrapper {position: relative; padding-top: 56.94%; height: 0;}
.guitar-tiles__tile {padding: 0; margin: 0; border: 0;}
.guitar-tiles__tile button {-webkit-appearance: button; -webkit-writing-mode: horizontal-tb !important; text-rendering: auto; color: -internal-light-dark-color(buttontext, rgb(170, 170, 170)); letter-spacing: normal; word-spacing: normal; text-transform: none; text-indent: 0px; text-shadow: none; display: inline-block; text-align: center; align-items: flex-start; cursor: default; background-color: -internal-light-dark-color(rgb(239, 239, 239), rgb(74, 74, 74)); box-sizing: border-box; margin: 0em; font: 400 13.3333px Arial; padding: 1px 6px; border-width: 2px; border-style: outset; border-color: -internal-light-dark-color(rgb(118, 118, 118), rgb(195, 195, 195)); border-image: initial; border-radius: 2px;}
.guitar-tiles__tile--desktop {position: absolute; overflow: hidden;}
.guitar-tiles__tile--desktop img {height: 100%; width: 100%; transition-property: -webkit-transform; transition-property: transform; transition-duration: .5s; transition-timing-function: ease-in-out;}
.guitar-tiles__tile--desktop.img-1 {height: 65.975%; width: 41.38%; top: 0.244%; left: 0.1388%;}
.guitar-tiles__tile--desktop.img-2 {height: 32.80%; width: 37.5%; top: 0.244%; left: 41.73%;}
.guitar-tiles__tile--desktop.img-3 {height: 32.80%; width: 20.55%; top: 0.244%; left: 79.37%;}
.guitar-tiles__tile--desktop.img-4 {top: 33.41%; left: 41.73%; height: 32.80%; width: 28.75%; overflow: hidden;}
.guitar-tiles__tile--desktop.img-5 {left: 0.1388%; top: 66.58%; height: 32.8%; width: 22.63%;}
.guitar-tiles__tile--desktop.img-6 {left: 22.98%; top: 66.58%; height: 32.8%; width: 47.5%;}
.guitar-tiles__tile--desktop.img-7 {width: 29.16%; height: 65.97%; top: 33.41%; left: 70.69%;}