/*
	Copyright 2020 Raonbnp
	http://raonbnp.com, http://raonwebstore.com
*/
@charset "UTF-8";
@import '/_css/common.css'; /* front, admin 공통*/
@import '/_css/member.css'; /* front member 공통*/
@import '/_css/board.css'; /* front member 공통*/
@import 'loading.css';
@import 'fontSet.css';
@import 'basic.css';
@import 'layout.css';


#sub_wrap h3.sub_title{
	font-size: 4.5rem;
	text-align:center;
	position:relative;
	font-weight: 500;
	margin-bottom:4rem;
}
#sub_wrap h3.sub_title.eng4{
	font-weight:700;
	letter-spacing:2px;
}
#sub_wrap h3.sub_title > span{
	font-weight:500;
	color:#f08711
}
#sub_wrap h4.sub_stitle{
	font-size:3rem;
	font-weight: 300;
	margin-bottom: 6rem;
	position:relative;
}
#sub_wrap h4.sub_stitle > i{
	position:absolute;
	width:45px;
	height:7px;
	left:0;
	top:0;
	overflow:hidden;
}
#sub_wrap h4.sub_stitle > i::after{
	content:"";
	position:absolute;
	left:0;
	top:-55%;
	width:90%;
	height:230%;
	background:#ec6d01;
	transform:rotate(-30deg)
}
#sub_wrap h4.sub_stitle.b{
	padding-top:0;
	padding-bottom:25px;
}
#sub_wrap h4.sub_stitle.b > i{
	top:auto;
	bottom:0;
}



@media(max-width:991.98px){
	#sub_wrap h3.sub_title{
		font-size:2.8rem;
	}
}

/*인사말*/
.company_wrap.greeting .txt{
	position: relative;
    z-index: 1;
    margin: -140px 70px 0 70px;
    background: #fff;
    padding: 50px 100px;
    text-align: center;
}

@media(max-width:991.98px){
	.company_wrap.greeting .txt{
		margin: -100px 30px 0 30px;
		padding: 50px 40px;
	}
}

@media (max-width: 767.98px) {
	.company_wrap.greeting .txt{
		margin: -80px 30px 0 30px;
		padding: 40px 20px;
	}
}
/*연혁*/
.company_wrap.history .history_img{
	position:relative;
	padding-right:100px
}
.company_wrap.history .history_img > div{
	height:50rem;
	position:relative;
}

.company_wrap.history .history_img > h5 > p{
	font-size:2.4rem;
	opacity:.4;
	margin-bottom:10px;
}
.company_wrap.history .box {}
.company_wrap.history .box .year{
	font-size:4rem;
	font-weight:600;
	margin-bottom:1.5rem;
	margin-left:-4.5rem;
}
.company_wrap.history .box .year > span{
	color:#ef8813
}
.company_wrap.history .box  > ul{
	list-style:none;
	padding:0;
	margin:0;
	font-size:1.8rem;
	padding-left:0px;
	position:relative;

}
.company_wrap.history .box  > ul::after{
	content:"";
	position:absolute;
	border-left:1px solid #ddd;
	height:100%;
	bottom:10px;
	left:0px;
	z-index:-1;
}
.company_wrap.history .box  > ul > li{
	padding-left:30px;
	position:relative;
	margin-top:19px;
}
.company_wrap.history .box  > ul > li::after{
	content:"";
	position:absolute;
	width:10px;
	height:10px;
	border:2px solid #ef8813;
	background:#fff;
	border-radius:100%;
	left:-5px;
	top:1rem;
}

@media(max-width:991.98px){
	.company_wrap.history .history_img{
		padding-right:0;
	}
	.company_wrap.history .history_img > div > h5{
		font-size:3.4rem;
	}
	.company_wrap.history .history_img > div{
		height:30rem;
		margin-bottom:2rem;
	}
	.company_wrap.history .box .year {
		font-size: 3rem;
		font-weight: 600;
		margin-bottom: 1.5rem;
		margin-left: 0rem;
	}
	.company_wrap.history .box > ul{
		margin-left:2rem;
	}
}



/*고객센터*/
.company_wrap.location .map_detail{
	display:none;
}
.company_wrap.location .map_detail > .map{
	height:360px;
}
.company_wrap.location .map_detail > .map .root_daum_roughmap {
	width:100% !important;
}
.company_wrap.location .map_view{
	position:absolute;
	right:15px;
	bottom:0px;
	background:#fff;
	border:1px solid #ddd;
	color:#666;
	padding:12px 25px;
}
.company_wrap.location .map_view:hover,
.company_wrap.location .map_view.active{
	border:1px solid #ec6d01;
	background:#ec6d01;
	color:#fff;
}

.location .root_daum_roughmap { width:100%; }

.location section{
	width:100%;
	border-top:2px solid #000;
	margin-top:14px;
}
.location section dl{
	margin:0;
	padding:30px 0;
	border-bottom:1px solid #ebebeb;
}
.location section dl::after{
	clear:both;
	content:'';
	display:block;
}
.location section dl dt,
.location section dl dd{
	line-height: 1.5;
}
.location section dl dt{
	float:left;
	color:black;
	font-weight: 400;
	width:18%;
	padding:0 15px 0 10px;
}
.location section dl dd{
	float:left;
	color:#777;
	font-weight: 300;
	width:82%;
}



.tabType1{
	display:table;
	width:100%;
	table-layout: fixed;
	margin: 0 0 5rem;
	border:1px solid #dddddd;
}
.tabType1 a {
	display:table-cell;
	padding: 15px 0;
	font-size: 18px;
	color: #222;
	font-weight: bold;
	font-family:'Montserrat',sans-serif !important;
}
.tabType1 a.active{
	color:#fff;
	background:#066dbe;
	position: relative;
}

.tabType2{
	width:100%;
	margin:0 0 5rem;
}
.tabType2 a{
	display:inline-block;
	margin:0 20px;
	padding: 12px 0;
	font-size:16px;
	color:#333;
	font-weight: bold;
	font-family:'Montserrat',sans-serif !important;
}
.tabType2 a.active{
	color:#000;
	position: relative;
}
.tabType2 a.active::after{
	content:'';
	position: absolute;
	bottom: 4px;
	left:0;
	width:100%;
	height:2px;
	background: #000;
}


@media(max-width:992px){ 
	.tabType1{
		margin:0 0 2rem;
	}
	.tabType1 a {
		padding:15px 0;  
		font-size:16px;
		color:#cacaca;
		font-weight: 500;
	}
	.tabType2{
		margin:0 0 2rem;
	}
	.tabType2 a{
		margin: 0 10px;
		padding: 9px 0;
	}
}


/*제품 리스트*/
.product_wrap .product_list_style{
	display:flex;
	flex-wrap:wrap;
	margin-left:-1.5rem;
	margin-right:1.5rem;
}
.product_wrap .product_list_style li{
	padding:0 1.5rem;
	width:calc(100%/3);
	margin-bottom:3rem;
}
.product_wrap .product_list_style li .thum{
	border:1px solid #ddd;
	padding:4rem 0rem;
}
.product_wrap .product_list_style li .title{
	font-size:2.2rem;
	margin-top:2rem;
}
.product_wrap .product_list_style li .title a{
	color:#000;
	font-weight:600;
}
@media(max-width:991.98px){
	.product_wrap .product_list_style li{
		width:calc(100%/2);
	}
}
@media(max-width:576.98px){
	.product_wrap .product_list_style{
		margin-left:-1rem;
		margin-right:1rem;
	}
	.product_wrap .product_list_style li{
		padding:0 1rem;
	}
	.product_wrap .product_list_style li .title{
		font-size:1.8rem;
		margin-top:1.5rem;
	}
}


.product_detail_area{}
.product_detail_area .product_info{
	display:flex;
	margin-bottom:8rem;
	flex-wrap:wrap;
}
.product_detail_area .product_info > .thum{
	width:50%;
	border:1px solid #ddd;
	padding:5rem 2rem;
}
.product_detail_area .product_info > .thum img{
	width:100%;
}
.product_detail_area .product_info .spec{
	padding-left:6rem;
	padding-top:6rem;
	padding-bottom:8rem;
	width:50%;
	position:relative;
}
.product_detail_area .product_info .spec h5{
	font-size:3rem;
	font-weight:600;
	border-bottom:1px solid #e5e5e5;
	padding-bottom:3rem;
	margin-bottom:3rem;
}
.product_detail_area .product_info .spec ul li{
	font-size:1.6rem;
	color:#666;
	display:flex;
}
.product_detail_area .product_info .spec ul li + li{
	margin-top:1.2rem;
	font-weight:300;
}
.product_detail_area .product_info .spec ul li::before{
	content:"•";
	width:12px;
}
.product_detail_area .product_info .list_view{
	position:absolute;
	right:0;
	bottom:0;
	display:flex;
}
.product_detail_area .product_info .list_view a{
	background:#000;
	color:#fff;
	display:block;
	width:20rem;
	padding:1.8rem 2rem;
	font-weight:300;
	font-size:1.6rem;
	text-align:center;
}
.product_detail_area .product_info .list_view a + a{
	margin-left:1rem;
}

.product_detail_area .detail_spec{}
.product_detail_area .detail_spec h6{
	font-size:2.4rem;
	font-weight:600;
	border-bottom:2px solid #000;
	padding-bottom:2.5rem;
	margin-bottom:2.5rem;
}

@media(max-width:1199.98px){
	.product_detail_area .product_info .list_view a{
		width:18rem;
		padding:1.5rem 1rem;
	}
}

@media(max-width:991.98px){
	.product_detail_area .product_info > .thum{
		width:100%;
		border:1px solid #ddd;
		padding:5rem 2rem;
	}
	.product_detail_area .product_info .spec{
		padding:4rem 3rem 8rem 3rem;
		width:100%;
	}
	.product_detail_area .product_info .spec h5{
		font-size:3rem;
		font-weight:600;
		padding-bottom:3rem;
		margin-bottom:3rem;
	}
}
@media(max-width:767.98px){
	.product_detail_area .product_info .spec h5{
		font-size:2.6rem;
		padding-bottom:2rem;
		margin-bottom:2rem;
	}
}

@media(max-width:576.98px){
	.product_detail_area .product_info .spec{
		padding:3rem 2rem 8rem 2rem;
		width:100%;
	}
	.product_detail_area .product_info .spec h5{
		font-size:2.4rem;
	}
	.product_detail_area .product_info .list_view {
		right: auto;
		left:2rem;
	}
	.product_detail_area .detail_spec h6{
		font-size:2.2rem;
		border-bottom:2px solid #000;
		padding-bottom:2rem;
		margin-bottom:2rem;
	}
}