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

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

/* -------- 공통 :: 탭 -------- */
/* Tab 공통 스타일 */
.sub-tab-wrapper-style{position:relative; height:60px; margin-bottom:15px; }
.sub-tab-list-style ul{display:table; width:100%; height:100%; table-layout:fixed;}
.sub-tab-list-style ul:after{display:none}
.sub-tab-list-style ul li{/* float:left; */ display:table-cell; vertical-align:middle; position:relative; width:20%; background-color:#f6f6f6; border:1px solid #ddd; border-left:0; border-bottom:2px solid var(--main-color);}
.sub-tab-list-style ul li:first-child{border-left:1px solid #ddd;}
.sub-tab-list-style ul li a{display:table; height:58px; width:100%; }
.sub-tab-list-style ul li a em{display:table-cell; vertical-align:middle; color:#222; font-size:18px; text-align:center; opacity:0.5;}
.sub-tab-list-style ul li.selected{z-index:1; }
.sub-tab-list-style ul li.selected a em{color:var(--main-color); opacity:1;}

@media all and (min-width:801px){
.sub-tab-list-style ul li.selected{background-color:#fff; border:2px solid var(--main-color); border-bottom:2px solid #fff;}
	
}
/* Tab Fixed Move*/
.sub-tab-list-style.top-fixed{position:fixed; top:70px; 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:before{position:absolute; top:0px; bottom:0px; left:50%; width:0; content:""; background-color:#fff; border-bottom:1px solid #e5e5e5; transition:all 0.5s}
	.sub-tab-list-style.top-fixed:before{width:100%; margin-left:-50%}
}

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

/* ******************  PRODUCT ********************** */
.product-page .cm-plus-icon{display: inline-block; vertical-align:middle;}
/* -------- 아코디언 스타일 03 -------- */
/* 아코디언 전체 레이아웃 */
.accordion-list-box{max-width:1700px; /* margin:50px auto; */ }
.accordion-list .accordion-item{position:relative; }
.accordion-list .accordion-item .accordion-inner{display:block; position:relative; height:100%; margin:0; overflow:hidden;}
@media all and ( min-width: 1025px ){
	.accordion-list-container{margin-left:-10px}
	.accordion-list-box .accordion-list{ display: table; width:100%; height: 640px; white-space:nowrap; overflow:hidden; font-size:0; }
	.accordion-list .accordion-item{
		/* width:80px;  */
		display:table-cell; 
		height:100%; 
		padding-left:10px; 
		white-space:nowrap; 
		-webkit-box-sizing: border-box;
		-moz-box-sizing: border-box;
		 box-sizing: border-box; 
	} /* 접힌 li의 width*/
	.accordion-list .accordion-item .accordion-m-img{display:none;}
}
@media all and ( min-width: 1367px ){
	.accordion-list .accordion-item{width:150px;}
}
@media all and ( max-width: 1024px ){
	.accordion-list-box .accordion-list{max-width:800px; margin:0px auto;}
	.accordion-list .accordion-item{display:block; width:100%; height:auto; margin-top:10px; padding-left:0; }
	.accordion-list .accordion-item:first-child{margin-top:0}
	.accordion-list .accordion-item .accordion-inner{background-image:none !important;}
	.accordion-list .accordion-item .accordion-m-img{
		height:0; padding-top:110px; 
		background-size:cover !important;
		-webkit-transition:padding 0.4s;
		-moz-transition:padding 0.4s;
		-o-transition:padding 0.4s;
		-ms-transition:padding 0.4s;
		transition:padding 0.4s;
	}
	.accordion-list .accordion-item.active .accordion-m-img{padding-top:270px}
	.accordion-list .accordion-item01.active .accordion-m-img{padding-top:350px}
}
@media all and ( max-width: 480px ){
	.accordion-list .accordion-item{margin-top:5px;}
	.accordion-list .accordion-item .accordion-m-img{padding-top:80px;}
}

/* 아코디언 내용 */
.accordion-inner-box{
	position:relative; height:100%; width:100%; 
	opacity:0;filter:Alpha(opacity=0);
	-webkit-transition:opacity 0.2s;
	-moz-transition:opacity 0.2s;
	-o-transition:opacity 0.2s;
	-ms-transition:opacity 0.2s;
	transition:opacity 0.2s;
}
.accordian-tit-box{position:absolute; left:0; top:0; width:100%; height:100%; z-index:1; cursor:pointer;}
/* .accordian-tit-box:before{
	position:absolute; 
	top:0px; left:0px; 
	width:100%; 
	height:100%; 
	content:""; 
	background-color:rgba(0,0,0,0.2); 
	opacity:1.0;filter:Alpha(opacity=100);
	-webkit-transition:opacity 0.2s;
	-moz-transition:opacity 0.2s;
	-o-transition:opacity 0.2s;
	-ms-transition:opacity 0.2s;
	transition:opacity 0.2s;
} */
.accordian-tit-box .accordian-tit{position:absolute; top:40px; left:0; right:0px;transform:rotate(90deg); color:#fff; font-size:20px}
.accordian-tit-box .accordian-tit br{display: none;}
.accordian-tit-box .accordian-tit strong{line-height:150px; text-transform:uppercase; margin-right:10px;}
.accordian-tit-box .accordian-tit span{font-size:13px; margin-left:5px;}
.accordian-info-box {
	position:absolute; top:0px; left:0px;
	width:16px;  height:100%; 
	visibility:hidden;
	opacity:0;filter:Alpha(opacity=0);
	-webkit-transition:all 0s 0s; 
	-moz-transition:all 0s 0s; 
	-o-transition:all 0s 0s; 
	-ms-transition:all 0s 0s; 
	transition:all 0s 0s;
	z-index:11;
}
.accordion-item01 .accordian-info-box{background:var(--main-color);}
.accordion-item02 .accordian-info-box{background:#0684c0;}
.accordion-item03 .accordian-info-box{background:#eb8415;}
.accordian-info-box .info-inner { 
	/* width:0;  */
	padding-left: 50px; 
	position:absolute; top:50%; 
	-ms-transform:translateY(-50%);
	-webkit-transform:translateY(-50%);
	-moz-transform:translateY(-50%);
	-o-transform:translateY(-50%);
	transform:translateY(-50%);
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	 box-sizing: border-box; 
 }
.accordian-info-box .info-tit-box  {color: #000; }
.accordian-info-box .info-tit-box .info-tit-kr {
	font-size: 50px; 
	letter-spacing:-0.25px; 
	font-weight:600; 
	overflow:hidden;
	display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
}
.accordian-info-box .info-tit-box .info-txt {
	font-size: 20px; 
	line-height: 1.7; 
	/* max-height: 136px; */
	max-height:6.8em;
	letter-spacing:-0.5px; 
	margin-top: 30px;  
	overflow:hidden;
	display: -webkit-box;
    -webkit-line-clamp: 4;
    -webkit-box-orient: vertical;
	color:#666;
}
.accordian-info-box .more-btn {
	display:block; 
	width:150px; 
	height:40px;  
	background-color: #222; 
	color: #fff; 
	padding: 0 15px;
	margin-top:40px;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box; 
}
.accordian-info-box .more-btn span {font-size: 12px; line-height: 40px; letter-spacing:-0.5px; }
.accordian-info-box .more-btn span i {margin-right: 16px; font-size:18px;  line-height: 40px;  vertical-align:top;}
.accordian-info-box .more-btn span em {display:inline-block; vertical-align:top;}

.product-page .cm-plus-icon i{background:#fff;}
.product-page .cm-plus-icon:before{border-color:#fff;}
.product-page .accordion-item01 .cm-plus-icon i{color:var(--main-color);}
.product-page .accordion-item02 .cm-plus-icon i, .product-page .accordion-item02:hover .cm-plus-icon i{color:#0684c0;}
.product-page .accordion-item03 .cm-plus-icon i, .product-page .accordion-item03:hover .cm-plus-icon i{color:#eb8415;}

.accordion-item .accordion-product-img{position: absolute; transition:all 0.3s; width:100%; height:100%; top:0; left:0; }
.accordion-item .accordion-product-img .active-img{position: absolute; top:56%; right:60px; left:auto; transform:translateY(-50%); }
.accordion-item03 .accordion-product-img .active-img{top:60%;}

.accordion-item.active .accordion-product-img .active-img img{opacity:1; transition:opacity 0.3s;}
.accordion-item .accordion-product-img .active-img img{opacity:0}
.accordion-item .accordion-product-img .non-active-img{position: absolute; bottom:80px; left:0;}
.accordion-item .accordion-product-img .non-active-img img{opacity:1; transition:all 0.3s; transition-delay:0.2s}
.accordion-item.active .accordion-product-img .non-active-img img{opacity:0; transition:all 0s; transition-delay:0s}

@media all and (max-width:1260px){
	.accordion-item .accordion-product-img .active-img{right:30px;}
	.accordion-item01 .accordion-product-img .active-img img{width:443px;}
}
/* 아코디언 내용 Active */
.active .accordion-inner-box{opacity:1.0;filter:Alpha(opacity=100); background-size:cover !important;}
.active .accordian-tit-box{cursor:default; padding:60px; box-sizing:border-box;}
.active .accordian-tit-box:before{opacity:0;filter:Alpha(opacity=0);}
.active .accordian-tit-box .accordian-tit{
	top:auto; margin-left:60px; color:#222; font-weight:900;
	font-size:48px;
	-ms-transform: rotate(0);
	-o-transform: rotate(0);
	-moz-transform: rotate(0);
	-webkit-transform: rotate(0);
	transform: rotate(0);
	animation:active-title 0.5s alternate both 0.2s;
	-webkit-animation:active-title 0.5s alternate both 0.2s;
}
.active .accordian-tit-box .accordian-tit br{display: block;}
.active .accordian-tit-box .accordian-tit .cm-plus-icon{display: none;}
.active .accordian-tit-box .accordian-tit strong{line-height:1.16; font-weight:900;}
.active .accordian-info-box{
	visibility:visible;
	opacity:1;filter:Alpha(opacity=100); 
	-webkit-transition:all 0.3s 0.2s; 
	-moz-transition:all 0.3s 0.2s; 
	-o-transition:all 0.3s 0.2s; 
	-ms-transition:all 0.3s 0.2s; 
	transition:all 0.3s 0.2s;
}
.accordion-item03 .accordian-txt-box{margin-top:75px}
.accordian-txt-box{position: relative; display: none; margin-top:135px; animation:active-title 0.5s alternate both 0.2s; -webkit-animation:active-title 0.5s alternate both 0.2s;}
.accordian-txt-box .sub-tit{font-size:24px; line-height:1.33; letter-spacing:-0.5px; font-weight:600; color:#222;}
.accordion-item01 .accordian-txt-box .accordian-inner-link{margin-top:65px;}
.accordion-item02 .accordian-txt-box .accordian-inner-link{margin-top:200px;}
.accordion-item03 .accordian-txt-box .accordian-inner-link{margin-top:260px;}
.accordian-txt-box .accordian-inner-link li{margin-bottom:22px;}
.accordian-txt-box .accordian-inner-link li:last-child{margin-bottom:0px;}
.accordian-txt-box .accordian-inner-link li a{font-size:18px; line-height:1.5; color:#999; font-weight:600; text-transform:uppercase; transition:all 0.3s;}
.accordian-txt-box .accordian-inner-link li a:hover{color:#222;}
.accordian-txt-box .catalog-down-btn{display: inline-block; padding:0 25px; min-width:225px; height:48px; line-height:48px; font-size:16px; color:#fff; border-radius:48px; background:var(--main-color); margin-top:50px; box-sizing:border-box;}
.accordion-item02 .accordian-txt-box .catalog-down-btn{background:#0684c0}
.accordion-item03 .accordian-txt-box .catalog-down-btn{background:#eb8415}
.accordian-txt-box .catalog-down-btn i{float:right; line-height:48px;}
.active .accordian-txt-box{display: block;}

/* .active .accordion-product-img{top:56%; transform:translateY(-50%); right:60px;} */

@keyframes active-title {
	0% {
		opacity: 0;
		left:-20px;
	}
	100% {
		opacity: 1;
		left:0px
	} 
}
@media all and ( max-width: 1366px ){
	/* .accordian-info-box{width:45%} */
	.accordian-info-box .info-inner{padding-left:25px}
}
@media all and ( max-width: 1024px ){
	.accordian-tit-box{height:0; padding-top:110px}
	.accordian-tit-box:before{display:none;}
	.active .accordian-tit-box{padding:15px;}
	.accordian-tit-box .accordian-tit{transform:none; top:-19px; left:15px;}
	.active .accordian-tit-box .accordian-tit .pc-br{display: none;}
	.accordian-info-box{position:static; width:100%; display:none;}
	.active .accordian-info-box{display:block;}
	.active .accordian-tit-box .accordian-tit{visibility:visible; margin-left:15px; font-size:29px;}
	.accordian-info-box .info-inner{
		position:relative;
		top:auto;
		left:auto;
		-ms-transform:translateY(0%);
		-webkit-transform:translateY(0%);
		-moz-transform:translateY(0%);
		-o-transform:translateY(0%);
		transform:translateY(0%);
		padding:30px;
		padding-right:130px;
	}
	.accordian-info-box .more-btn{
		position:absolute; top:30px; bottom:30px; right:0px;
		width:100px; height:auto;
		margin-top:0;
	}
	.accordian-info-box .more-btn span{display:table; line-height:auto; height:100%; width:100%;}
	.accordian-info-box .more-btn span em{display:none;}
	.accordian-info-box .more-btn span i{display:table-cell; vertical-align:middle; text-align:center; font-size:32px;}
	.accordian-txt-box{margin-top:40px;}
	.accordion-item03 .accordian-txt-box{margin-top:40px}
	.accordian-txt-box .sub-tit{font-size:17px;}
	.accordion-item01 .accordian-txt-box .accordian-inner-link{margin-top:70px}
	.accordion-item02 .accordian-txt-box .accordian-inner-link{margin-top:85px;}
	.accordion-item03 .accordian-txt-box .accordian-inner-link{margin-top:85px;}
	.accordian-txt-box .accordian-inner-link li{margin-bottom:10px;}
	.accordian-txt-box .accordian-inner-link li a{font-size:14px;}
	.accordian-txt-box .catalog-down-btn{height:40px; line-height:40px; font-size:13px; margin-top:20px; min-width:200px;}
	.accordian-txt-box .catalog-down-btn i{line-height:40px;}

	.accordion-list .accordion-item01:not(.active) .accordion-m-img{background:var(--main-color) !important;}
	.accordion-list .accordion-item02:not(.active) .accordion-m-img{background:#0684c0 !important;}
	.accordion-list .accordion-item03:not(.active) .accordion-m-img{background:#eb8415 !important;}
	.accordion-item .accordion-product-img .non-active-img img{opacity:0; transition:0s;}
	
	.accordion-item .accordion-product-img .active-img{text-align:right; }
	.accordion-item .accordion-product-img .active-img img{width:70%;}
}
@media all and (max-width:800px){
	.accordion-item .accordion-product-img .active-img{right:15px}
	.accordion-item .accordion-product-img .active-img img{width:50%;}
}
@media all and (max-width:480px){
	.accordian-tit-box .accordian-tit{top:-35px;}
}

/* product - circle */
.product-page .cm-plus-icon{width:50px; height:50px; }
.product-page .cm-plus-icon i{line-height:38.5px;}
@media all and (max-width:800px){
	.product-page .cm-plus-icon{width:40px; height:40px; }
	.product-page .cm-plus-icon i{line-height:30px; font-size:20px;}
	
}

/* ***********  PRODUCT STEEL *********** */

/* product - info */
.cm-tit-dotted{position: relative; font-size:30px; line-height:1.5; color:#222; font-weight:600; padding-left:15px;}
.cm-tit-dotted:before, .cm-tit-dotted:after{position: absolute; content:''; width:6px; height:6px; -webkit-border-radius:50%;border-radius:50%; left:0px;}
.cm-tit-dotted:before{background:#219d7e; top:15px;}
.cm-tit-dotted:after{background:#eb8415; top:25px;}

.product-info-box{padding-top:120px;}
.product-info-con .info-item{margin-top:40px;}
.product-info-con .info-item .txt{font-size:18px; line-height:1.5; letter-spacing:-0.5px; color:#222; opacity:0.7;}
/* product - info - table */
.product-info-con .info-item.item-table{margin-top:68px;}
.product-info-table{width:100%; border-top:1px solid rgba(0,0,0,0.1); margin-top:30px; padding-bottom:28px;}
.product-info-table tr th{background:#f6f6f6; border-bottom:1px solid rgba(0,0,0,0.1); font-size:15px; line-height:1.5; letter-spacing:-0.5px; color:#222; font-weight:400;}
.product-info-table tr td{border:1px solid rgba(0,0,0,0.1); font-size:15px; line-height:1.65; letter-spacing:-0.5px; color:#222; opacity:0.7; text-align:center; padding:30px; word-break: keep-all;}
/* product - info - img */
.product-info-img{display: flex; flex-wrap:wrap; justify-content: space-between; margin-top:24px;}
.product-info-img .img-item{width:31.25%; margin-bottom:30px;}
.product-info-img .img-item span{position: relative; display: block; width:100%; height:0; padding-top:75%; border:1px solid #ddd; box-sizing:border-box;}
.product-info-img .img-item span img{position: absolute; max-width:100%; max-height:100%; top:0; right:0; bottom:0; left:0; margin:auto; padding:5%; box-sizing:border-box;}
.product-info-img .img-item .img-txt{font-size:20px; line-height:1.6; letter-spacing:0; font-weight:500; color:#222; text-align:center; margin-top:10px;}




/* *********** Family - Family *********** */
.family-con-wrap{width:100%; height:0; background:no-repeat center; background-size:cover; background-image:url('/images/content/family_bg.jpg'); padding:5.33% 0 44.66%; box-sizing:border-box;}
.family-con-wrap .family-txt-box{text-align:right; color:#fff;}
.family-con-wrap .family-txt-box .txt{font-size:20px; line-height:1.5; font-weight:600; margin-bottom:6px;}
.family-con-wrap .family-txt-box .tit{font-size:72px; line-height:1.16; font-weight:900; margin-bottom:43px;}
.family-con-wrap .family-txt-box .family-link{display: inline-block; color:var(--main-color); height:70px; line-height:70px; background:#fff; border-radius:48px; padding:0 30px; text-align:center; font-size:20px;}
.family-con-wrap .family-txt-box .family-link i{font-size:28px; margin-left:50px; vertical-align:middle;}


/* *********** company - about *********** */
.about-con01{margin-bottom:120px;}
.about-con01 p{display: block; font-size:36px; text-align: center; margin-bottom: 20px }
.about-con01 p span{color:#286cc0}
.about-con01 .about-top-list{display: flex; align-items: center; margin-bottom:70px;}
.about-con01 .about-top-list:last-child{margin-bottom:0;}
.about-con01 .about-top-list dt{width:50%;height: 450px;  }
.about-con01 .about-top-list dt span{display: block; width:100%; height:100%; }
.about-con01 .about-top-list dt{background:url('../images/sub/m-about.png')no-repeat right;}
.about-con01 .about-top-list dd{width:calc(100% - 240px); margin-left:60px;}
.about-con01 .about-top-list dd .txt01{display: block; font-size:20px; line-height:1.5; letter-spacing:-0.5px; color:#222; font-weight:500; margin-bottom:10px;}
.about-con01 .about-top-list dd .txt01 b{color:#286cc0}
.about-con01 .about-top-list dd .txt02{font-size:18px; line-height:1.77; letter-spacing:-0.5px; color:#666;}

.about-con02 .tit{display: block; font-size:36px; text-align: center; margin-bottom: 20px}
.about-con02 p.txt{text-align: center; font-size:36px; width:70%;margin: 10px auto 50px; padding:5px 0;
    background: #2c649842; border-radius:20px}
.about-con02 .vision_box{display:flex}
.about-con02 .about-con-list{width:33.3333%; background:no-repeat center; background-size:cover; text-align:center; padding:145px 0 160px;}
.about-con02 .about-con-list:nth-child(1){background-image:url('../images/sub/vision1.jpg')}
.about-con02 .about-con-list:nth-child(2){background-image:url('../images/sub/vision2.jpg')}
.about-con02 .about-con-list:nth-child(3){background-image:url('../images/sub/vision3.jpg')}


.about-con02 .about-con-list .tit-en{display: block; font-size:28px; line-height:1.5;      color: #63caf9;;
    font-weight: 500;
    text-shadow: 3px 0px 3px #3b89a047}
.about-con02 .about-con-list .tit{font-size:38px; line-height:1.16; color:#fff;}

.about-con02 .about-con-list .txt{display: block; font-size:18px; line-height:1.45; letter-spacing:-0.25px; color:#fff; font-weight:500; margin-bottom:25px;}


/*contactus*/
#location{margin:50px auto; width:800px;}
.map_wrap {position:relative; width:800px;height:450px; margin-bottom:40px;background: #efefef}

.location {width:100%px; overflow:hidden;padding-top: 20px}
table.list2 {border-collapse:collapse; border-spacing:0; border-top:none; font-weight:bold; margin-bottom:40px;}
table.list2 tbody th {padding-left:8px; font-size:13px; line-height:24px;  color:#333; text-align:left;}
table.list2 tbody td {padding-left:15px; font-size:13px; color:#777; border:none; text-align:left;}




.about-banner-wrap{position: relative; width:100%; height:0; padding-top:34.94%; margin-bottom:100px;}
.about-banner-wrap span{position: absolute; top:0; left:0; width:100%; height:100%; background:no-repeat center; background-image:url('/images/content/about_banner_img.JPG'); background-size:cover;}


/* *********** company - history *********** */
.history-banner{background:no-repeat center; background-image:url('/images/content/history_banner_bg.jpg'); background-size:cover; text-align:center; padding:120px 0; margin-bottom:100px;}
.history-banner .txt{font-size:32px; line-height:1.5; color:#fff; text-shadow: 3px 4px 10px rgba(106, 46, 2, 0.2);}
.history-banner .txt strong{font-size:60px; line-height:1.2; color:#fff; font-weight:600;}


/* *********** company - location *********** */
.location-con-wrap{display: flex; width:100%; align-items: center; margin-bottom:80px;}
.location-con-wrap:last-child{margin-bottom:0;}
.location-con-wrap .location-map{position: relative; width:50%;}
.location-con-wrap .location-map .location-map-wrap{position: relative; width:100%; height:0; padding-top:56.25%; border:1px solid #ddd;}
.location-con-wrap .location-map .location-map-wrap iframe{position: absolute; width:100%; height:100%; top:0; left:0;}
.location-con-wrap .location-info{width:50%; padding-left:6.25%; box-sizing:border-box;}
.location-con-wrap .location-info .inquiry-top-item{width:100%;}



/* product 추가 css 2022-06-08 */
/* 텍스트 + 이미지 */
.product-info-con .info-right-img-con{display: flex; width:100%;}
.product-info-con .info-right-img-con .info-left-item{width:50%;padding-right:15px;}
.product-info-con .info-right-img-con .info-right-item{position: relative; width:50%;}
.product-info-con .info-right-img-con .info-right-item span{display: block; margin-top:70px; text-align:center;}
.product-info-con .info-right-img-con .info-right-item span img{max-width:100%;}
@media all and (max-width:800px){
	.product-info-con .info-right-img-con{display: block;}
	.product-info-con .info-right-img-con .info-left-item{width:100%; padding-right:0px;}
	.product-info-con .info-right-img-con .info-right-item{position: relative; width:100%;}
	.product-info-con .info-right-img-con .info-right-item span{margin-top:20px;}
}

/* 항목 나열 */
.product-info-con .info-item-list{display: flex; flex-wrap:wrap; /* width:100%; */}
.product-info-con .info-item-list .info-item:first-child{/* margin-left:0 !important; */ margin-top:40px;}
.product-info-con .info-item-list .product-info-img{width:100%; margin-top:10px;}
.product-info-con .info-item-list .product-info-img .img-item{width:100%;}
.product-info-con .info-item-list .info-item{display: flex; flex-wrap:wrap; align-content: space-between;}
/* 3개 항목 나열 */
.product-info-con .info-item-list.list-03{margin:0 -20px}
.product-info-con .info-item-list.list-03 .info-item{width:calc(33.33% - 40px); margin:40px 20px 0;}
.product-info-con .info-item-list.list-03 .info-item .cm-tit-dotted{width:100%; /* min-height:90px; */}
.product-info-con .info-item-list.list-03 .info-item .txt{min-height:75px; margin-top:10px;}
/* 2개 항목 나열 */
.product-info-con .info-item-list.list-02{margin:0 -20px;}
.product-info-con .info-item-list.list-02 .info-item{width:calc(50% - 40px); margin:40px 20px 0;}

@media all and (max-width:1024px){
	.product-info-con .info-item-list.list-03 .info-item{width:calc(50% - 40px);}
	.product-info-con .info-item-list.list-03 .info-item .txt{min-height:70px}
}
@media all and (max-width:800px){
	.product-info-con .info-item-list.list-03 .info-item{margin-top:20px;}
	.product-info-con .info-item-list.list-03 .info-item .cm-tit-dotted{min-height:40px}
	.product-info-con .info-item-list.list-03 .info-item .txt{min-height:42px; margin-top:0;}
    #location{margin:50px auto; width:100%;}
    .map_wrap {position:relative; width:80%;height:auto; margin-bottom:40px;background: #efefef}
}
@media all and (max-width:640px){
	.product-info-con .info-item-list{margin:0 !important;}
	.product-info-con .info-item-list.list-02 .info-item,
	.product-info-con .info-item-list.list-03 .info-item{width:100%; margin:0 !important;}
	.product-info-con .info-item-list .info-item .cm-tit-dotted{min-height:auto !important;}
	.product-info-con .info-item-list .info-item .txt{min-height:auto !important;}
}

//*	.inquiry*//

/* *********** CONTACT - INQUIRY *********** */
.inquiry-top-wrap{background:#f6f6f6; padding:120px 0 310px;}
.bbs-inquiry-agree-con {
    margin-bottom: 50px;
}
.bbs-inquiry-agree-con .agree-tit {
    color: #222;
    font-size: 20px;
    letter-spacing: -0.5px;
    font-weight: 600;
    padding-bottom: 15px;
    padding-left: 5px;
}
.inquiry-agreement-con-scrollbar {
    padding: 20px;
    background: #f6f6f6;
    border-radius: 20px;
}
.inquiry-agreement-con.editor {
    font-size: 15px;
    color: #888;
    line-height: 1.2
}
.inquiry-agreement-con {
    height: 140px;
    overflow-y: auto;
    overflow-x: hidden;
    padding: 10px;
    background-color: #f6f6f6;
    box-sizing: border-box;
}
.editor div {
    display: block;
}
.bbs-inquiry-agree-con .agree-txt {
    margin-top: 18px;
    font-size: 18px;
    letter-spacing: -0.3px;
    color: #666;
    padding-left: 5px;
}
.inquiry-style03-wrapper{position: relative; background:#fff; border-radius:20px; box-shadow: 5px 9px 30px 0px rgba(0, 0, 0, 0.1); padding:80px; box-sizing:border-box;margin-bottom: 120px; }
.inquiry-tit{font-size:48px; line-height:1.2; color:#222; font-weight:900; text-align:center; margin-bottom:50px}
.inquiry-agreement-con.editor{font-size:15px; color:#888;}
.inquiry-btn{position: absolute; bottom:0; left:50%; transform:translate(-50%, 50%);}

/* ******************  온라인 문의 :: 문의하기 03 ********************** */
/* 문의하기 03 :: 상단 */
.inquiry-style03-tit {text-align:center; padding-top: 55px; padding-bottom: 40px;}
.inquiry-style03-tit h3 {font-size:34px; line-height: 45px; letter-spacing: -0.75px; color:#333; font-weight: 500; }
.inquiry-style03-tit p {font-size:13px; line-height: 35px; letter-spacing: 5px; color:#aaa}
/* 문의하기 03 :: 작성폼 */
.inquiry-style03-write-box{/* margin-bottom:50px; */}
.inquiry-style03-write-box dl {display:table; width:100%; margin-bottom: 5px; padding-bottom:5px; border-bottom:1px solid #ddd;}
.inquiry-style03-write-box dt {display:table-cell; position:relative; width:100px; vertical-align: top; height:48px; padding-left: 7px; font-size:18px; line-height: 48px; letter-spacing: -0.5px; color:#222;}
.inquiry-style03-write-box dd {display:table-cell; vertical-align: top; padding:0 1%;}
.inquiry-style03-write-box dd input,
.inquiry-style03-write-box dd select,
.inquiry-style03-write-box dd textarea{
	height:48px; border:0; width:100%; font-size:18px; letter-spacing: -0.5px; color:#222;
}
.inquiry-style03-write-box dd input, .inquiry-style03-write-box dd textarea{text-indent:4px;}
.inquiry-style03-write-box dd input::placeholder, .inquiry-style03-write-box dd textarea::placeholder{color:#bbb;}
.inquiry-style03-write-box dd textarea {width:100%; height:150px; padding: 12px 0px; -webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
 box-sizing: border-box; resize:none;  }
.inquiry-style03-write-box .file dd {vertical-align: middle;}
.inquiry-style03-write-box .file dd input {height:30px; }
.inquiry-style03-write-box p {height:48px; line-height: 48px; font-size:15px; letter-spacing: -0.5px; color:#555;}
.inquiry-style03-write-box dl.on {border:1px solid #A0CB49; background-color:#fff;}
.inquiry-style03-write-box dl.on input , .inquiry-style03-write-box dl.on textarea, .inquiry-style03-write-box dl.on select {background-color:#fff}
/* 문의하기 03 :: 작성폼 기타 */
.inquiry-style03-write-box .address-fieldset .write-input{margin-top:6px;}
.inquiry-style03-write-box .address-fieldset .write-input:first-child{margin-top:0;}
.inquiry-style03-write-box .address-fieldset .write-input:nth-of-type(2){border-top:1px solid #ddd; border-bottom:1px solid #ddd;}
.inquiry-style03-write-box .address-btn{display:inline-block; min-width:114px; padding:0 10px; height:38px; border:1px solid #464646; vertical-align:middle; text-align:center; color:#464646; font-size:14px; font-weight:400; margin-left:10px;}
.inquiry-style03-write-box .address-btn:hover{background-color:#464646; color:#fff;}


.cm-btn-controls {
    overflow: hidden;
    text-align: center;
}
.inquiry-btn {
    position: absolute;
    bottom: 0;
    left: 50%;
    transform: translate(-50%, 50%);
}
.cm-btn-controls .btn-style01 {
    background-color: var(--main-color);
}

.cm-btn-controls button, .cm-btn-controls a {
    display: inline-block;
    width: 240px;
    height: 60px;
    border: 0;
    color: #fff;
    background-color: #000;
    font-size: 20px;
    /* margin: 0 2px 5px 2px; */
    cursor: pointer;
    vertical-align: top;
    text-align: center;
    font-weight: 600;}
    
/* 문의하기 03 :: 작성폼 개인정보처리방침 */
.inquiry-agreement-con-scrollbar{padding:20px; background:#f6f6f6; border-radius:20px}
@media all and (max-width:800px){
	.inquiry-style03-wrapper{padding:40px 15px;}
	/* 문의하기 03 :: 상단 */
	.inquiry-style03-tit {padding-top: 20px; padding-bottom: 15px;}
	.inquiry-style03-tit h3 {font-size:25px; line-height: 32px;}
	.inquiry-style03-tit p {font-size:11px; line-height: 22px;}
	/* 문의하기 03 :: 작성폼 */
	.inquiry-agreement-con-scrollbar{padding:10px;}
	.inquiry-style03-write-box dt {width:80px; height:40px; line-height: 40px; font-size:13px}
	.inquiry-style03-write-box dt::after {top:16px;}
	.inquiry-style03-write-box dd input,
	.inquiry-style03-write-box dd select,
	.inquiry-style03-write-box dd textarea {height:40px;  font-size:13px; font-size:13px;}
	.inquiry-style03-write-box dd textarea{height:100px; padding:12px 0;}
	.inquiry-style03-write-box .file dd input {margin:5px 0;}
	.inquiry-style03-write-box p{height:auto; font-size:12px; line-height:20px; padding-bottom:10px; word-break:keep-all;}
	.inquiry-style03-write-box .address-btn{min-width:60px; height:28px; font-size:12px;}
}