@charset "utf-8";
/* *******************************************************
 * filename : content.css
 * description : 서브페이지 컨텐츠 CSS
 * date : 2020-11-25
******************************************************** */

/* ******************  서브공통 ********************** */
/* -------- 공통 스크롤바  -------- */
.custom-scrollbar-cover{display:none;}

/* -------- 공통 :: 탭 -------- */
/* Tab 공통 스타일 */
.sub-tab-wrapper-style{position:relative; height:57px; margin-bottom:15px; z-index:9}
.sub-tab-list-style ul{display:block; width:100%; height:100%; table-layout:fixed; display:table;}
.sub-tab-list-style ul:after{display:none}
.sub-tab-list-style ul li{display:table-cell; position:relative; background-color:#fff; border-top:1px solid #000; border-bottom:1px solid #e5e5e5 }
.sub-tab-list-style ul li:after{position:absolute; content:""; width:1px; height:20px; background-color:#b2b2b2; right:-1px; top:50%; margin-top:-9px; z-index:9}
.sub-tab-list-style ul li:last-child:after{display:none}
.sub-tab-list-style ul li a{display:table; height:58px; width:100%; position:relative}
.sub-tab-list-style ul li a em{display:table-cell; vertical-align:middle; color:#494949; font-size:18px; letter-spacing:-0.30px; text-align:center;}
.sub-tab-list-style ul li.selected{z-index:1; }
.sub-tab-list-style ul li.selected a{background-color:#ee7400; border-bottom-color:#333}
.sub-tab-list-style ul li.selected a em{color:#fff; }
/* Tab Fixed Move*/
.sub-tab-list-style.top-fixed{position:fixed; top:0; left:0; width:100%; height:60px;}
/* Mobile Tab Drop Menu */
.sub-drop-open-btn-style{display:none}

@media all and (min-width:1025px){
	/* Tab Fixed Background */
	.sub-tab-list-style:after{position:absolute; top:0px; top:0; left:50%; width:0; content:""; background-color:#fff; border-bottom:1px solid #000; transition:all 0.5s}
	.sub-tab-list-style:before{position:absolute; top:0px; bottom:1px; left:50%; width:0; content:""; background-color:#fff; border-bottom:1px solid #e5e5e5; transition:all 0.5s}
	.sub-tab-list-style.top-fixed:after,
	.sub-tab-list-style.top-fixed:before{width:100%; margin-left:-50%}
}

.page-tit{font-weight:600; font-size:40px; letter-spacing:-0.75px; color:#333; text-align:center; margin-bottom:60px}

/* ****************** 제품소개 ********************** */
/* 제품리스트*/
.prd-page-tit{text-align:center; font-weight:500; font-size:40px; letter-spacing:-1.75px; color:#333; line-height:1.3}
.prd-list-con{margin:40px -0.4% 0}
.prd-list-con li{float:left; width:; margin:0 0.4% 0.8%; width:24.2%; }
.prd-list-con li a{display:block; border:1px solid #cfcfcf; padding:19px 15px 11%; position:relative; box-sizing:border-box; text-align:center}
.prd-list-con li a:after{position:absolute; content:""; width:calc(100% + 2px); height:calc(100% + 2px); border:0px solid #ee7400; box-sizing:border-box; top:-1px; left:-1px; box-sizing:border-box; z-index:9; opacity:0; transition:border-width 0.2s, opacity 0.35s}
.prd-list-con li a .prd-img{position:relative; height:0; padding-top:96%}
.prd-list-con li a .prd-img img{position:absolute; top:0; left:0; right:0; bottom:0; max-width:100%; max-height:100%; margin:auto}
.prd-list-con li a .prd-txt{padding-top:15px}
.prd-list-con li a .prd-txt .tit{font-weight:500; display:block; font-size:20px; letter-spacing:-0.75px; color:#000; line-height:1.3}
.prd-list-con li a .prd-txt .explain{font-weight:400; font-size:16px; letter-spacing:-0.75px; color:#666; line-height:1.625; margin-top:20px; height:3.25em; overflow:hidden}
.prd-list-con li a .new-cate{position:absolute; top:20px; left:20px; z-index:9; width:70px; height:70px; text-align:center; font-weight:700; font-size:15px; letter-spacing:-0.35px; color:#fff; background-color:#ee7400; line-height:70px; box-shadow:7px 7px 15px 2px rgba(0,0,0,0.2)}
.prd-list-con li a:hover:after{border-width:8px; opacity:1}
/* 검색폼 */
.prd-search-box{}
.prd-search-box select,
.prd-search-box input,
.prd-search-box button{float:left; height:50px}
.prd-search-box select{width:22.8%; margin-right:10px; background-color:#eee; border:0; box-sizing:border-box; padding-left:20px; font-weight:400; font-size:16px; letter-spacing:-0.75px; color:#333}
.prd-search-box select{
	-webkit-appearance: none;
    -moz-appearance: none; 
    appearance: none;
    background: #eee url("/static/goldenbooster/images/icon/select_arrow_icon.png") no-repeat 94% 50%;
}
.prd-search-box select::-ms-expand { display: none; }

.prd-search-box input{border:0; width:calc(59.4% - 10px); background-color:#eee; font-weight:400; font-size:15px; letter-spacing:-0.75px; color:#333; padding:0 20px; box-sizing:border-box}
.prd-search-box input::placeholder{color:#bcbcbc}
.prd-search-box button{width:17.8%; background-color:#333; text-align:left; padding:0 20px; box-sizing:border-box; position:relative; font-weight:400; font-size:16px; letter-spacing:-0.75px; color:#fff; line-height:50px}
.prd-search-box button i{position:absolute; right:20px; top:50%; font-size:18px; margin-top:-9px}



/* 제품뷰페이지*/
/* 상단 */
.prd-view-top{display:table; width:100%; margin:85px 0 110px}
.prd-view-top > div{display:table-cell; vertical-align:middle; box-sizing:border-box}
.prd-view-top .prd-img{width:38.5%; text-align:center; border:1px solid #e5e5e5; padding:15px}
.prd-view-top .prd-img span{position:relative; display:block; height:0; padding-top:87%}
.prd-view-top .prd-img span img{position:absolute; left:0; right:0; top:0; bottom:0; max-width:100%; max-height:100%; margin:auto}
.prd-view-top .prd-detail{padding-left:6.5%}
.prd-view-top .prd-detail .prd-name{font-weight:700; font-size:50px; letter-spacing:-0.25px; color:#000; line-height:1.2}
.prd-view-top .prd-detail .prd-txt-01{display:block; font-weight:700; font-size:18px; letter-spacing:-0.25px; color:#000; line-height:1.35; margin-top:20px}
.prd-view-top .prd-detail .prd-txt-02{font-weight:400; font-size:18px; letter-spacing:-0.75px; color:#666; line-height:1.51; margin-top:30px}
.prd-view-top .prd-detail .prd-txt-03{margin-top:40px}
.prd-view-top .prd-detail .prd-txt-03 dt,
.prd-view-top .prd-detail .prd-txt-03 dd{display:inline-block; vertical-align:top; margin:0 -1px; font-weight:600; font-size:18px; letter-spacing:-0.75px; color:#000; box-sizing:border-box}
.prd-view-top .prd-detail .prd-txt-03 dt{width:85px; padding-right:10px}
.prd-view-top .prd-detail .prd-txt-03 dd{max-width:calc(100% - 85px)}
.prd-view-top .prd-detail .pdf-btn{margin-top:55px; display:inline-block; width:220px; height:60px; text-align:center; line-height:60px; background-color:#ee7400; font-weight:700; font-size:16px; letter-spacing:-0.75px; color:#fff}
.prd-view-top .prd-detail .pdf-btn i{display:inline-block; margin-right:15px; vertical-align:middle; position:relative; font-size:24px; top:-2px}
/* 하단 :: 설명 */
.prd-info-con .sub-tab-con:first-chid{border-top:1px solid #e5e5e5;}
.prd-info-con .sub-tab-con{border-bottom:1px solid #e5e5e5; padding:2rem 0}
.prd-info-con .sub-tab-con .prd-info-tit{position:relative; display:inline-block; font-weight:600; font-size:30px; letter-spacing:-0.25px; color:#000; margin-bottom:50px}
.prd-info-con .sub-tab-con .prd-info-tit:after{position:absolute; content:""; width:8px; height:8px; border-radius:50%; background-color:#ee7400; right:-15px; bottom:2px}
.prd-info-con .sub-tab-con .prd-info-txt{font-weight:400; font-size:16px; letter-spacing:-0.65px; color:#666; line-height:1.5}
.prd-info-con .sub-tab-con .dot-txt li{position:relative; padding-left:16px; margin-bottom:5px}
.prd-info-con .sub-tab-con .dot-txt li:before{position:absolute; content:""; width:4px; height:4px; background-color:#000; border-radius:50%; left:0; top:11px}


/* ****************** 회사소개 ********************** */

/* 인사말 */
.greeting-wrap{margin-bottom:50px;}
.greeting-intro{float:left; width:50%;}
.greeting-intro .greeting-intro-title{font-size:32px; line-height:1.4em; letter-spacing:-0.75px; color:#333; margin-bottom:23px; padding-right:10px;}
.greeting-intro .greeting-intro-title.mb-10{margin-bottom:10px;}
.greeting-intro .greeting-intro-title b{color:#ee7400;}
.greeting-intro .greeting-img{margin-top:10px;}
.greeting-intro .greeting-img img{width:90.61%;}

.greeting-txt{position:relative; float:left; width:50%; padding-left:4.76%; box-sizing:border-box;}
.greeting-txt:before{content:''; position:absolute; top:0; left:0; width:1px; height:100%; background:#e5e5e5;}
.greeting-txt .greeting-explain-tltle{font-size:22px; line-height:1.5em; letter-spacing:-0.75px; color:#111;}
.greeting-txt .greeting-explain{font-size:16px; line-height:2.06em; letter-spacing:-1.0px; color:#666; margin-top:33px;}


/* 골든부스터 소개 */
.intro-wrap{display:table; width:100%; margin-bottom:100px;}
.intro-wrap .intro-img-bg{width:50%; background:#f9f9f9;}

/* 골든부스터 소개 :: 이미지 */
.intro-wrap .intro-img-bg{display:table-cell; width:50%; vertical-align:middle; border:1px solid #eee; box-sizing:border-box;}
.intro-wrap .intro-img-bg .intro-img{display:block; padding:13.23% 0;}
.intro-wrap .intro-img-bg .intro-img img{display:block; margin:0 auto; width:62.61%;}

/* 골든부스터 소개 :: 텍스트 */
.intro-symbol{display:table-cell; width:50%; vertical-align:middle;}
.intro-symbol .symbol-explain{padding:5%;}
.intro-symbol .symbol-explain .symbol-title{font-size:30px; line-height:1.1em; letter-spacing:-0.25px; color:#111; font-weight:bold; margin-bottom:37px;}
.intro-symbol .symbol-explain .symbol-txt{font-size:18px; line-height:1.83em; letter-spacing:-0.75px; color:#111; padding-right:10px;}



/* 설비현황 */
/* 설비현황 :: 이미지 */
.facility-img-list{margin-bottom:30px;}
.facility-img-list li{float:left; width:32.3%; margin-right:1.53%;}
.facility-img-list li:last-child{margin-right:0;}
.facility-img-list li img{width:100%;}

/* 설비현황 :: 표 */
.facility-table-wrap{}
.facility-table{border-top:1px solid #000; border-bottom:1px solid #e5e5e5; width:100%; }
.facility-table th, .facility-table td{font-size:16px; line-height:2.06em; letter-spacing:-0.75px; color:#111; text-align:center; font-weight:500; padding:1.53% 0;}
.facility-table tbody th, .facility-table tbody td{border-top:1px solid #e5e5e5; border-right:1px solid #e5e5e5;}
.facility-table tbody tr td:last-child{border-right:none;}
.facility-table tbody tr:nth-child(odd) td{background:#f2f2f2;}


/* 오시는길 */
.location-wrap{margin-bottom:150px;}
.location-wrap .location-address{position:relative; margin-bottom:25px;}
.location-wrap .location-address .title{font-size:28px; letter-spacing:-0.65px; color:#333; }
.location-wrap .location-address .address{position:absolute; top:0; left:300px; font-size:16px; line-height:1.75em; letter-spacing:-0.65px; color:#666;}

.location-wrap .map-iframe-wrapper{position:relative;  margin:0px auto; min-height:200px;}
.location-wrap .map-iframe-wrapper .map-iframe-con{padding-top:28.61%; position:relative; height:0;}
.location-wrap .map-iframe-wrapper .map-iframe-con iframe{position:absolute; top:0px; left:0px; width:100%; height:100%; min-height:200px;}

/* 기업가치 */
/* 기업가치 :: 박스 */
.value-wrap{display:flex; width:100%; margin-bottom:55px;}
.value-box{/* display:table-cell; */ /* float:left; */ width:49.23%; background:#f2f2f2; border-radius:50px; margin-right:1.53%; padding:90px 45px 70px; box-sizing:border-box;}
.value-box:last-child{margin-right:0;}
/* 기업가치 :: 타이틀 */
.value-box .value-tit{font-size:30px; line-height:1.1em; letter-spacing:-1.8px; color:#333; text-align:center;}
.value-box .value-tit:after{content:'';display:inline-block; width:7px; height:7px; background:#ee7400; border-radius:100%; margin-left:10px;}
/* 기업가치 :: 리스트(아이콘) */
.value-box .value-list{text-align:center; margin:50px 0 70px; padding-bottom:50px; border-bottom:1px solid #d9d9d9;}
.value-box .value-list li{position: relative; float:left; width:23.27%; background:#fff; margin:5.03%; border-radius:100%; box-shadow: 0px 0px 40px 0px rgba(0, 0, 0, 0.22);}
.value-box .value-list li .icon-wrap{transform:translateY(-11px);}
.value-box .value-list li .value-icon{display:block; background:no-repeat center; background-size:37.5%; padding-top:100%; }
.value-box .value-list li .icon-txt{position: absolute; bottom:5%; left:50%; transform:translateX(-50%); font-size:15px; line-height:1.86em; letter-spacing:-0.75px; color:#333;}
.value-box .value-list li .value-icon.icon01{ background-image:url('/static/goldenbooster/images/content/company_value_icon01.png');}
.value-box .value-list li .value-icon.icon02{ background-image:url('/static/goldenbooster/images/content/company_value_icon02.png');}
.value-box .value-list li .value-icon.icon03{ background-image:url('/static/goldenbooster/images/content/company_value_icon03.png');}
.value-box .value-list li .value-icon.icon04{ background-image:url('/static/goldenbooster/images/content/company_value_icon04.png');}
.value-box .value-list li .value-icon.icon05{ background-image:url('/static/goldenbooster/images/content/company_value_icon05.png');}
.value-box .value-list li .value-icon.icon06{ background-image:url('/static/goldenbooster/images/content/company_value_icon06.png');}
/* 기업가치 :: 리스트(텍스트) */
.value-box .value-txt-list{margin-left:5.03%;}
.value-box .value-txt-list .txt{font-size:18px; line-height:1.83em; letter-spacing:-1.25px; color:#333;}