@charset "utf-8";
/* CSS Document */
#wrap {
	margin: 0;
	padding: 0;
	text-align: center;
}

/*--- 검색바 ---*/
#search-wrap {
	display: none;
	position: absolute;
	z-index: 99;
	top: 50px;
	left: auto;
	right:0;
	width: 280px;
	height: 42px;
	margin: 0;
	padding: 0;
	background-color: transparent;
}
#search-wrapDV {
/*	display:none;*/
	float:right;
	position: relative;
	z-index: 99;
	width: 235px;
	height: 42px;
	margin: 4px 0;
	padding: 0;
	background-color: transparent;
}

.schbt-close {
	float:right;
	width: 50px;
	height:42px;
	margin:0;
	background:url(/img/search_close.png) no-repeat 50% 50%;
	background-size:contain;
}

.search-bar {
	float:left;
	width: 230px;
	height: 42px;
	background-color: transparent;
	border: 0px solid #000;
	/*box-shadow:0px 2px 7px rgba(0,0,0, .5);*/
}
.g_window .gbox {
	float: left;
	background-color:#fff;
	border:1px solid #000;
}
.g_window .gbox input {
	float: none;
	width: 168px;
	margin: 3px 8px;
	padding: 0;
	outline: none;
	text-align: left;
	color: #000000;
	background-color: transparent;
	border: 0;
	-webkit-appearance: none;
	-webkit-border-radius: 0;
}
.g_window input[type=image] {
	float: left;
	margin:3px 5px;
}

@media (max-width:1079px) {
#search-wrapDV {
	display: block;
	float:none;
}

.search-bar {
	width:235px;
	background-color: transparent;
	border: 0;
	box-shadow: none;
}
.g_window .gbox {
	width: 175px;
	height: 42px;
	margin-left:15px;
	background-color:#fff;
	border:1px solid #000;
}

}
/***** Search END *****/
.more_btn {
	display:block;
	width:150px;
	height:40px;
	margin:0;
	text-decoration:none;
	border:0;
	outline:0;
	cursor:pointer;
}
.more_btn:hover {
	background-color:transparent;
}
.more_btn.mbt_brown {
	background:url(/img/more_btn_brown.png) no-repeat 0% 0%;
}
.more_btn.mbt_white {
	background:url(/img/more_btn_white.png) no-repeat 0% 0%;
}

#Visua-wrap, #mainSection {
	position:relative;
	width:100%;
	height:98vh;
	margin:0;
}
#Visua-wrap::after {
	content:'';
	clear:both;
	display:block;
}

#mainSection.main-about {
	display:table;
}
.main-about-left {
	display:table-cell;
	width:50%;
	height:100%;
	background-color:#333;
	overflow:hidden;
}
.main-about-left .image {
	width:100%;
	height:100%;
	background-image:url(/img/main_about_image.jpg);
	background-position:50% 50%;
	background-repeat: no-repeat;
	background-size:cover;
}

.main-about-right {
	display:table-cell;
	width:50%;
	height:100%;
	padding-left:80px;
	background-color:#f4f4f4;
	overflow:hidden;
	text-align:left;
	vertical-align:middle;
}
.main-about-right .about-text {
	vertical-align:middle;
	font-family:'Nanum Square', 'Noto Sans KR';
	font-weight:700;
	font-size:18px;
	color:#898989;
}
.main-about-right h2 {
	margin-bottom:25px;
	font-family:'Roboto Condensed', sans-serif;
	font-weight:bold;
	font-size:80px;
	color:#000;
}
.main-about-right .more_btn {
	margin-top:60px;
}
@media (max-width:1079px) {
#mainSection.main-about {
	display:flex;
	flex-wrap:wrap;
}
.main-about-left, .main-about-right {
	display:block;
	flex:0 1 100%;
	width:100%;
	height:50%;
}
.main-about-left {
	order:2;
}
.main-about-right {
	order:1;
	padding-top:150px;
}
}
@media (max-width:480px) {
.main-about-right {
	padding:40px 40px 0 40px;
}
.main-about-right .about-text {
	font-size:16px;
	font-weight:400;
	word-break:keep-all;
}
.main-about-right h2 {
	margin-bottom:18px;
	font-size:38px;
}
.main-about-right .more_btn {
	margin-top:45px;
}
}
@media (max-width:320px) {
.main-about-right h2 {
	font-size:30px;
	line-height:1;
}
.main-about-right .more_btn {
	margin-top:30px;
}
}

.partLink-row {
	width:100%;
	height:100%;
	display: flex;
	flex-wrap:nowrap;
	justify-content:space-between;
	align-items:stretch;
}
.partLink-row > * {
	flex:1 1 0%;
	height:100%;
	position:relative;
	overflow:hidden;
	background-size:contain;
	/* Permalink - use to edit and share this gradient: https://colorzilla.com/gradient-editor/#2e2c2b+0,2a2928+100 */
	background-color: #2e2c2b; /* Old browsers */
	background-color: -moz-linear-gradient(top,  #2e2c2b 0%, #2a2928 100%); /* FF3.6-15 */
	background-color: -webkit-linear-gradient(top,  #2e2c2b 0%,#2a2928 100%); /* Chrome10-25,Safari5.1-6 */
	background-color: linear-gradient(to bottom,  #2e2c2b 0%,#2a2928 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#2e2c2b', endColorstr='#2a2928',GradientType=0 ); /* IE6-9 */
}
.partLink-row > :nth-child(even) {
	/* Permalink - use to edit and share this gradient: https://colorzilla.com/gradient-editor/#3f3e3d+0,363635+100 */
	background-color: #3f3e3d; /* Old browsers */
	background-color: -moz-linear-gradient(top,  #3f3e3d 0%, #363635 100%); /* FF3.6-15 */
	background-color: -webkit-linear-gradient(top,  #3f3e3d 0%,#363635 100%); /* Chrome10-25,Safari5.1-6 */
	background-color: linear-gradient(to bottom,  #3f3e3d 0%,#363635 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#3f3e3d', endColorstr='#363635',GradientType=0 ); /* IE6-9 */
}
.partLink-row .md-image {
	width:100%;
	height:100%;
	vertical-align:bottom;
	background-size: contain;
	background-position:50% 100%;
	background-repeat:no-repeat;
}
.partLink-row .md-urethane {
	background-image:url(/img/molding_urethane.png);
}
.partLink-row .md-art {
	background-image:url(/img/molding_art.png);
}
.partLink-row .md-roman {
	background-image:url(/img/molding_roman.png);
}
.partLink-row .md-stone {
	background-image:url(/img/molding_stone.png);
}
.partLink-row .md-partition {
	background-image:url(/img/molding_partition.png);
}

.partLink-row .partLink-text {
	position:absolute;
	z-index:2;
	top:0;
	left:0;
	right:0;
	margin:100px 15px;
	text-align:center;
	font-size:45px;
	font-weight:700;
	color:#fff;
}
.partLink-row .partLink-text .ts {
	margin-top:15px;
	font-size:24px;
	font-weight:100;
	text-transform:uppercase;
}
.partLink-row .partLink-text .more_btn {
	margin:30px auto 0 auto;
	opacity:.5;
}
@media (max-width:1439px) {
.partLink-row .partLink-text {
	font-size:30px;
}
.partLink-row .partLink-text .ts {
	font-size:18px;
}
}
@media (max-width:1279px) {
.partLink-row .partLink-text {
	font-size:24px;
}
.partLink-row .partLink-text .ts {
	font-size:16px;
}
}
@media (max-width:1079px) {
#mainSection.main-molding {
	height:auto;
}

.partLink-row {
	height:auto;
	flex-wrap:wrap;
}
.partLink-row > * {
	flex:0 1 100%;
	width:100%;
	height:230px;
}
.partLink-row .md-image {
	width:50%;
	background-position:50% -110px;
	background-size:cover;
}
.partLink-row .md-art {
	background-size:50%;
}
.partLink-row .md-roman {
	background-position:50% -80px;
	background-size:68%;
}
.partLink-row .md-stone {
	background-position:100% 100%;
	background-size: cover;
}
.partLink-row .md-partition {
	background-position:50% -160px;
}
.partLink-row .partLink-text {
	top:17%;
	left:50%;
	margin:0;
}
}
@media (max-width:990px) {
.partLink-row .md-image {
	background-position:50% -55px;
}
.partLink-row .md-art {
	background-position:50% -80px;
	background-size:60%;
}
.partLink-row .md-roman {
	background-size:83%;
}
.partLink-row .md-stone {
	background-position:100% 100%;
	background-size: 130%;
}
.partLink-row .md-partition {
	background-position:50% -115px;
}
}
@media (max-width:480px) {
#mainSection.main-molding {
	height:auto;
}
.partLink-row .md-image {
	width:45%;
	background-position:50% -25px;
	background-size:cover;
}
.partLink-row .md-art {
	background-position:50% 50%;
}
.partLink-row .md-roman {
}
.partLink-row .md-stone {
	background-position:50% -50px;
}
.partLink-row .md-partition {
	background-position:50% 100%;
}
.partLink-row .partLink-text {
	left:45%;
}
}
@media (max-width:320px) {
.partLink-row > * {
	height:450px;
}
.partLink-row .md-image {
	width:100%;
	background-position:50% 130px;
}
.partLink-row .md-art {
	background-position:50% 80px;
}
.partLink-row .partLink-text {
	top:7.5%;
	left:0;
	word-break:keep-all;
	line-height:1.2;
}
}

#mainSection.main-Gallery-in {
	height:auto;
}
.main-Gallery {
	display:flex;
	flex-wrap:wrap;
	justify-content:space-between;
	align-items:start;
	margin:100px auto;
}
.main-Gallery > * {
	position:relative;
	flex:0 1 auto;
	width:calc(25% - 20px);
	height:340px;
	margin:10px;
	overflow:hidden;
	background-color:transparent;
}
.main-Gallery > * > img {
	width:100%;
	height:100%;
	transform:scale(1);
}
.main-Gallery > :hover {
	background-color:#333;
}
.main-Gallery > :hover > img {
	opacity:.5;
	transform:scale(1.2);
	transition: all 1s;
}
.main-Gallery .more_btn {
	opacity:0;
	position:absolute;
	z-index:8;
	width:64px;
	height:64px;
	top:50%;
	left:50%;
	margin-top:-32px;
	margin-left:-32px;
	background:url(/img/i_zoomin_white.png) no-repeat 50% 50%;
	background-size:64px;
}
.main-Gallery > :hover > .more_btn {
	opacity:1;
}

@media (max-width:1439px) {
.main-Gallery > * {
	height:260px;
}
}
@media (max-width:1279px) {
.main-Gallery > * {
	height:220px;
}
}
@media (max-width:1079px) {
.main-Gallery {
	margin-top:60px;
	margin-bottom:60px;
}
.main-Gallery > * {
	height:180px;
}
}
@media (max-width:990px) {
.main-Gallery > * {
	height:148px;
}
}
@media (max-width:680px) {
.main-Gallery > * {
	width:calc(50% - 20px);
	height:220px;
}
}
@media (max-width:480px) {
.main-Gallery {
	margin-top:40px;
	margin-bottom:40px;
}
.main-Gallery > * {
	width:calc(50% - 10px);
	margin:5px;
	height:170px;
}
}
@media (max-width:360px) {
.main-Gallery > * {
	height:136px;
}
.main-Gallery .more_btn {
	background-size:48px;
}
}

/****************************** 공통 *****/
#Footer::before, #Footer::after {
	content:'';
	display:block;
	clear:both;
}
#Footer {
	position:relative;
	width:100%;
	height:320px;
	display:table;
	background-color:#131313;
	background-image:url(/img/footer_map.png);
	background-position:100% 0%;
	background-repeat:no-repeat;
}
.footer-copy {
	position:relative;
	color:#fff;
}
.footer-copy > * {
	float:left;
	margin-top:75px;
	padding-left:100px;
	text-align:left;
}
.footer-copy > * > h3 {
	margin-bottom:15px;
	font-size:18px;
	font-weight:700;
}
.footer-copy .bottom-cs, .footer-copy .bottom-ios {
	width:auto;
}
.footer-copy .bottom-cs .cstel {
	clear:both;
	margin-bottom:15px;
	font-size:30px;
	font-weight:700;
	color:#d4b27a;
}
.footer-copy .bottom-cs .cslist {
	clear:both;
	margin:8px 0px;
	padding-left:36px;
	font-size:14px;
	font-weight:400;
	color:#fff;
}
.footer-copy .bottom-cs .cslist a {
	color:#fff;
	text-decoration:none;
}
.footeri_fax {
	font-size:16px;
	background:url(/img/footer_i_fax.png) no-repeat 0% 50%;
}
.footeri_email {
	background:url(/img/footer_i_email.png) no-repeat 0% 50%;
}
.footeri_blog {
	background:url(/img/footer_i_blog.png) no-repeat 0% 50%;
}
.footer-copy .bottom-ios ol {
	float:left;
}
.footer-copy .bottom-ios li {
	float:left;
	margin-right:8px;
}
.footer-copy .copyright {
	clear:both;
	margin-top:40px;
	line-height:18px;
	font-size:12px;
}
.footer-copy .copyright .blank {
	margin-right:15px;
}
.footer-copy .footer-map {
	width:36%;
	height:320px;
	display:block;
	margin-top:0;
	padding-left:0;
}
@media (max-width:1439px) {
#Footer {
	background-position:150% 0%;
}
.footer-copy > * {
	padding-left:60px;
}
.footer-copy .bottom-cs {
	width:25%;
}
.footer-copy .bottom-ios {
	width:30%;
}
.footer-copy .footer-map {
	width:45%;
}
}
@media (max-width:1079px) {
#Footer {
	background-position:400% 0%;
}
.footer-copy > * {
	margin-top:45px;
	padding-left:40px;
}
.footer-copy .bottom-cs, .footer-copy .bottom-ios {
	width:27%;
}
.footer-copy .footer-map {
	width:46%;
}
.footer-copy .copyright .blank {
	display:block;
	clear:both;
	margin-right:0;
}
}
@media (max-width:990px) {
#Footer {
	height:auto;
	padding-bottom:30px;
	background-image:none;
	background-position:0 0;
}
.footer-copy .bottom-cs, .footer-copy .bottom-ios {
	width:50%;
}
.footer-copy .footer-map {
	display:none;
}
}
@media (max-width:480px) {
.footer-copy > * {
	float:none;
	padding-right:40px;
}
.footer-copy > :after {
	content:'';
	display:block;
	clear:both;
}
.footer-copy .bottom-cs, .footer-copy .bottom-ios {
	width:100%;
}
.footer-copy .bottom-cs:after {
	content:'';
	display:block;
	margin-top:40px;
	width:100%;
	height:1px;
	background-color:#333;
}
}
@media (max-width:320px) {
.footer-copy > * {
	padding-left:20px;
	padding-right:20px;
}
}

.btn-pagetop {
	position:fixed;
	z-index:1000;
	right:15px;
	bottom:60px;
	display:block;
	width:48px;
	height:48px;
	text-decoration:none;
	cursor:pointer;
	background:url(/img/btn_pagetop.png) no-repeat 0 0;
	opacity: .5;
}

#subHeader {
	position:relative;
	width:100%;
	height:340px;
	background:url(/img/subtop_bg.jpg) no-repeat 50% 0% #262626;
	background-size:cover;
}
.location-link {
	position:absolute;
	bottom:50px;
	left:25%;
	right:25%;
	text-align:center;
	vertical-align:middle;
	line-height:1;
	font-family:'Roboto', sans-serif;
	font-weight:700;
	font-size:48px;
	color:#fff;
}
.location-link .crumb:before {
	content:'\003E';
	font-weight:300;
	display:inline-block;
	vertical-align:middle;
	margin-top:-12px;
	margin-left:10px;
	margin-right:10px;
}
@media (max-width:1279px) {
.location-link {
	left:10%;
	right:10%;
	font-size:36px;
}
}
@media (max-width:1079px) {
.location-link {
	font-size:30px;
}
}
@media (max-width:480px) {
.location-link {
	font-size:24px;
}
.location-link .crumb:before {
	content:'';
	display:block;
	clear:both;
	margin-top:8px;
	line-height:0;
}
}

#contents {
	width:100%;
	margin:0;
	padding:80px 0;
	text-align:center;
	background-color:#fff;
}
.contents-inner {
	position:relative;
	width:1400px;
	min-height:400px;
	margin:0 auto;
}

.contents-inner .h2 {
	font-size:48px;
	font-weight:700;
	color:#252525;
	margin-bottom:60px;
}

@media (max-width:1439px) {
.contents-inner {
	width:calc(100% - 40px);
	margin:0 20px;
}
}
@media (max-width:480px) {
#contents {
	padding-top:60px;
}

.contents-inner {
	width:calc(100% - 20px);
	margin:0 10px;
}
.contents-inner .h2 {
	font-size:28px;
	margin-bottom:30px;
}
}

.greeting-section {
	width:100%;
	vertical-align:top;
	overflow:hidden;
}
.greeting-img {
	position:relative;
	float:left;
	width:380px;
	height:640px;
}
.greeting-con {
	position:relative;
	width:calc(100% - 440px);
	margin-left:440px;
	font-size:16px;
	font-weight:300;
	text-align:left;
	color:#000;
}
.greeting-con .greeting::before {
	content:'';
	display:block;
	width:100%;
	height:1px;
	background-color:#000;
	margin-bottom:35px;
}
.greeting-con .greeting::after {
	content:'';
	display:block;
	clear:both;
	margin-bottom:40px;
}

.company-left {
	position:relative;
	float:left;
	width:405px;
}
.company-con {
	position:relative;
	width:calc(100% - 550px);
	margin-left:550px;
	font-size:16px;
	font-weight:400;
	text-align:left;
	color:#000;
}
.company-img {
	float:left;
	margin-right:60px;
}
.company-con ol {
	float:left;
	width:70%;
	margin:0;
	border-top:1px solid #333;
}
.company-con li {
	padding:10px 15px;
	text-align:left;
	border-bottom:1px solid #ddd;
}
.company-con li .title {
	float:left;
	display:inline-block;
	width:130px;
	text-align:left;
	font-weight:700;
	color:#9d8973;
}

.roadmap {
	clear:both;
	display:table;
	margin:25px auto;
}
.roadmap dl {
	list-style:none;
	margin:0;
	padding:0;
	float:left;
	margin-right:30px;
}
.roadmap > * > * {
	line-height:21px;
}
.roadmap dt:before {
	content:'';
	display:block;
	position:absolute;
	left:0;
	top:5px;
	width:3px;
	height:12px;
	background-color:#C8AF7C;
}
.roadmap dt:after {
	content:':';
	margin-left:10px;
}
.roadmap dt {
	position:relative;
	float:left;
	margin-right:10px;
	padding-left:10px;
	text-align:left;
	color:#989898;
	font-weight:700;
}
.roadmap dd {
	position:relative;
	float:left;
	text-align:left;
	color:#000;
	font-size:16px;
}

@media (max-width:1360px) {
.company-con {
	width:calc(100% - 450px);
	margin-left:450px;
}
.company-con ol {
	width:65%;
}
.company-con li .title {
	width:120px;
}
}
@media (max-width:1200px) {
.company-left {
	display:none;
}
.company-con {
	width:100%;
	margin-left:0;
}
.company-img {
	margin-left:40px;
}
.company-con ol {
	float:right;
	width:73%;
}
.company-con li .title {
	width:130px;
}
}
@media (max-width:1079px) {
.company-img {
	margin-right:40px;
}
}
@media (max-width:990px) {
.greeting-img {
	display:none;
}
.greeting-con {
	width:100%;
	margin-left:0;
}

.company-img {
	margin-left:20px;
}
.company-con ol {
	width:68%;
}
.company-con li .title {
	width:120px;
}

}
@media (max-width:680px) {
.company-img {
	float:none;
	clear:both;
	margin:0 auto;
	text-align:center;
}
.greeting-con,
.company-con {
	font-size:14px;
}
.company-con ol {
	float:none;
	width:100%;
	margin-top:40px;
}
.company-con li .title {
	width:100px;
}
}
@media (max-width:480px) {
.company-con li .title {
	float:none;
	display:block;
	margin-bottom:8px;
}
}


.product-box {
	float: left;
	width: calc(25% - 12px);
	height: 430px;
	box-sizing: border-box;
	border: 1px solid transparent;
	margin: 15px 6px;
	text-align: center;
}
.product-box:hover {
	border-color:#DEC29F;
}
.product-box > * {
	clear:both;
	padding-left:10px;
	padding-right:10px;
}
.product-box .pro-thumb {
	display:table;
	width: 100%;
	height: 340px;
	padding:0;
	background-color:#fff;
}
.product-box .pro-thumb > * {
	display:table-row;
}
.product-box .pro-thumb > * > * {
	display:table-cell;
	vertical-align:middle;
}
.product-box .pro-thumb a img {
	width: 100%;
	min-height:100px;
	max-height: 340px;
	border: 0px;
	vertical-align: middle;
}
.product-box .pro-icon {
	margin-top: 7px;
	padding: 0px 12px;
	word-wrap:break-word;
	line-height: 0;
	text-align: left;
}
.product-box .pro-memo {
	margin-top: 7px;
	padding: 0px 12px;
	text-align:left;
	color: #999;
	font-size: 14px;
	font-weight:600;
	white-space: nowrap;
	overflow: hidden;
	text-overflow: ellipsis;
}
.product-box .pro-title {
	width: 100%;
	padding-top:12px;
	padding-bottom:12px;
	font-size: 18px;
	color: #000;
	font-weight: 400;
	text-align: left;
	white-space: nowrap;
	overflow: hidden;
	text-overflow: ellipsis;
}
.product-box .pro-title a {
	color: #000;
}
.product-box .pro-title a:hover {
	color: inherit;
}
.product-box .pro-price {
	display: inline-block;
	width: 100%;
	font-size: inherit;
	color: #999;
	text-align: left;
}
.product-box .pro-price strong {
	font-size:18px;
	color:#000;
}
.product-box .pro-price .price_left {
	float: left;
	width: 65%;
}
.product-box .pro-price .price_left span {
	display: inline-block;
	margin-right: 12px;
}
.product-box .pro-price .price_right {
	float: right;
	width: 35%;
	text-align: right;
}
.product_more {
	clear: both;
	margin: 0px auto;
	padding: 20px 0px;
	text-align: center;
}
@media (max-width:1079px) {
.product-box {
	height: 310px;
}
.product-box .pro-thumb {
	height: 250px;
}
.product-box .pro-thumb a img {
	min-height:60px;
	max-height: 250px;
}
.product-box .pro-title {
	font-size:16px;
}
}
@media (max-width:740px) {
.product-box {
	width: calc(50% - 12px);
}
}
@media (max-width:480px) {
.product-box {
	height: 282px;
}
.product-box .pro-thumb {
	height: 216px;
}
.product-box .pro-thumb a img {
	max-height: 216px;
}
}