/*
	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';
@import 'adm.css';

/*sub_top*/
.prd {background:url("../_img/sub/sub_visual_01prd.jpg") no-repeat center center / cover !important;}
.prd01_dep01 {background:url("../_img/sub/sub_visual_01prd_01.jpg") no-repeat center center / cover !important;}
.prd01_dep01_dep01 {background:url("../_img/sub/sub_visual_01prd_01_01.jpg") no-repeat center center / cover !important;}
.prd01_dep01_dep02 {background:url("../_img/sub/sub_visual_01prd_01_02.jpg") no-repeat center center / cover !important;}
.prd01_dep01_dep03 {background:url("../_img/sub/sub_visual_01prd_01_03.jpg") no-repeat center center / cover !important;}
.prd02_dep01 {background:url("../_img/sub/sub_visual_01prd_02.jpg") no-repeat center center / cover !important;}
.prd02_dep01_dep01 {background:url("../_img/sub/sub_visual_01prd_02_01.jpg") no-repeat center center / cover !important;}
.prd02_dep01_dep02 {background:url("../_img/sub/sub_visual_01prd_02_02.jpg") no-repeat center center / cover !important;}
.prd02_dep01_dep03 {background:url("../_img/sub/sub_visual_01prd_02_03.jpg") no-repeat center center / cover !important;}
.prd02_dep01_dep04 {background:url("../_img/sub/sub_visual_01prd_02_04.jpg") no-repeat center center / cover !important;}
.prd03_dep01 {background:url("../_img/sub/sub_visual_01prd_03.jpg") no-repeat center center / cover !important;}
.prd03_dep01_dep01 {background:url("../_img/sub/sub_visual_01prd_03_01.jpg") no-repeat center center / cover !important;}
.prd03_dep01_dep02 {background:url("../_img/sub/sub_visual_01prd_03_02.jpg") no-repeat center center / cover !important;}
.prd04_dep01 {background:url("../_img/sub/sub_visual_01prd_04.jpg") no-repeat center center / cover !important;}
.prd04_dep01_dep01 {background:url("../_img/sub/sub_visual_01prd_04_01.jpg") no-repeat center center / cover !important;}
.prd04_dep01_dep02 {background:url("../_img/sub/sub_visual_01prd_04_02.jpg") no-repeat center center / cover !important;}
.prd05_dep01 {background:url("../_img/sub/sub_visual_01prd_05.jpg") no-repeat center center / cover !important;}
.prd05_dep01_dep01 {background:url("../_img/sub/sub_visual_01prd_05_01.jpg") no-repeat center center / cover !important;}
.prd05_dep01_dep02 {background:url("../_img/sub/sub_visual_01prd_05_02.jpg") no-repeat center center / cover !important;}
.prd05_dep01_dep03 {background:url("../_img/sub/sub_visual_01prd_05_03.jpg") no-repeat center center / cover !important;}
.prd05_dep01_dep04 {background:url("../_img/sub/sub_visual_01prd_05_04.jpg") no-repeat center center / cover !important;}
.prd06_dep01 {background:url("../_img/sub/sub_visual_01prd_06.jpg") no-repeat center center / cover !important;}
.prd06_dep01_dep01 {background:url("../_img/sub/sub_visual_01prd_06_01.jpg") no-repeat center center / cover !important;}
.prd06_dep01_dep02 {background:url("../_img/sub/sub_visual_01prd_06_02.jpg") no-repeat center center / cover !important;}
.prd06_dep01_dep03 {background:url("../_img/sub/sub_visual_01prd_06_03.jpg") no-repeat center center / cover !important;}
.prd06_dep01_dep04 {background:url("../_img/sub/sub_visual_01prd_06_04.jpg") no-repeat center center / cover !important;}
.prd06_dep01_dep05 {background:url("../_img/sub/sub_visual_01prd_06_05.jpg") no-repeat center center / cover !important;}

.sub01_1_1 {background:url("../_img/sub/sub_visual_sub01_01.jpg") no-repeat center center / cover !important;}
.sub01_1_2 {background:url("../_img/sub/sub_visual_sub01_02.jpg") no-repeat center center / cover !important;}
.sub01_1_3 {background:url("../_img/sub/sub_visual_sub01_03.jpg") no-repeat center center / cover !important;}
.sub01_1_4 {background:url("../_img/sub/sub_visual_sub01_04.jpg") no-repeat center center / cover !important;}
.sub02_1_1 {background:url("../_img/sub/sub_visual_sub02_01.jpg") no-repeat center center / cover !important;}
.sub02_1_2 {background:url("../_img/sub/sub_visual_sub02_02.jpg") no-repeat center center / cover !important;}
.sub03_1 {background:url("../_img/sub/sub_visual_sub03_01.jpg") no-repeat center center / cover !important;}

.sub_notice{background:url("../_img/sub/sub_visual_notice.jpg") no-repeat center center / cover !important;}
.sub_gallery{background:url("../_img/sub/sub_visual_gallery.jpg") no-repeat center center / cover !important;}
.sub_download{background:url("../_img/sub/sub_visual_download.jpg") no-repeat center center / cover !important;}
.sub_remarket{background:url("../_img/sub/sub_visual_remarket.jpg") no-repeat center center / cover !important;}
.sub_reception{background:url("../_img/sub/sub_visual_reception.jpg") no-repeat center center / cover !important;}
.sub_inquiry{background:url("../_img/sub/sub_visual_reception.jpg") no-repeat center center / cover !important;}


/* 회사소개 > 인사말 */
.company_intro_wrap section:nth-of-type(2){
	position:relative;
	padding-bottom:10rem;
}
.company_intro_wrap section:nth-of-type(2) div:nth-of-type(1){
	position:absolute;
	left:42%;
	top:14rem;
	z-index:10;
	font-size:1.8rem;
	line-height:3.5rem;
}
.company_intro_wrap section:nth-of-type(2) div:nth-of-type(2){
	position:relative;
	width:37%;
}
.company_intro_wrap section:nth-of-type(2) div:nth-of-type(3){
	position:absolute;
	top:0;
	left:-8rem;
}
.company_intro_wrap section:nth-of-type(2):after{
	content:"";
	position:absolute;
	left:12rem;
	top:6rem;
	width:100vw;
	height:78rem;
	background:#f2f2f2;
	z-index:-1;
}
.company_intro_wrap section:nth-of-type(3) {
	position:relative;
	padding-top:18rem;
	background:url("../_img/sub/sub01_company_img02.jpg") no-repeat center top / contain;
}
.company_intro_wrap section:nth-of-type(3) > div:nth-of-type(1){
	width:1200px;
	margin:0 auto;
	background:#fff;
	box-sizing:border-box;
	padding:6rem 3rem;
}
.company_intro_wrap section:nth-of-type(3) > div:nth-of-type(1) > ul > li{
	border-bottom:1px solid #ddd;
	list-style:none;
	padding:2rem 0;
	display:-ms-flexbox;
	display:flex;
	-ms-flex-wrap:wrap;
	flex-wrap:wrap;
}
.company_intro_wrap section:nth-of-type(3) > div:nth-of-type(1) > ul > li > p {
	font-size:1.6rem;
	color:#222;
	line-height:2.8rem;
}
.company_intro_wrap section:nth-of-type(3) > div:nth-of-type(1) > ul > li > p > strong {
	display:inline-block;
	width:15.1rem;
	box-sizing:border-box;
	font-size:1.6rem;
	color:#0070b9;
	font-weight:500;
}
.company_intro_wrap section:nth-of-type(3) > div:nth-of-type(1) > ul > li > p:nth-of-type(2){
	width:calc(100% - 15.1rem);
}
@media (max-width: 1400px) {
	.company_intro_wrap section:nth-of-type(2){
		padding-bottom:30rem;
	}
	.company_intro_wrap section:nth-of-type(2) div:nth-of-type(1){
		left:42%;
		top:14rem;
	}
	.company_intro_wrap section:nth-of-type(2):after{
		height:85rem;
	}
	.company_intro_wrap section:nth-of-type(3) > div:nth-of-type(1){
		width:90%;
	}
}
@media (max-width: 1199.98px) {
	.company_intro_wrap section:nth-of-type(2){
		padding-bottom:70rem;
	}
	.company_intro_wrap section:nth-of-type(2) div:nth-of-type(1){
		top:10rem;
	}
	.company_intro_wrap section:nth-of-type(2):after{
		height:110rem;
	}
	.company_intro_wrap section:nth-of-type(3) {
		padding-top:14rem;
	}
	.company_intro_wrap section:nth-of-type(3) > div:nth-of-type(1){
		padding:4rem 2rem;
	}
}
@media (max-width: 991.98px) {
	.company_intro_wrap section:nth-of-type(2):after{
		height:102rem;
	}
	.company_intro_wrap section:nth-of-type(3) {
		padding-top:5rem;
	}
}
@media (max-width: 767.98px) {
	.company_intro_wrap section:nth-of-type(2){
		padding-bottom:90rem;
	}
	.company_intro_wrap section:nth-of-type(2):after{
		height:115rem;
	}
	.company_intro_wrap section:nth-of-type(3) {
		padding-top:5rem;
	}
}

/* 회사소개 > 연혁 */
.history_wrap {
	background:#f2f2f2;
	box-sizing:border-box;
	padding-bottom:10rem;
}
.history_wrap section {
	display:-ms-flexbox;
	display:flex;
	-ms-flex-wrap:wrap;
	flex-wrap:wrap;
}
.history_wrap section .box-tit {
	width:33%;
}
.history_wrap section .box-txt {
	width:67%;
}
.history_wrap section .box-tit h3{
	font-family:'Titillium Web';
	font-size:15rem;
	font-weight:700;
}
.history_wrap section .box-tit p{
	color:#444;
	font-weight:300;
}
.history_wrap section .box-tit p span {
	display:block;
}
.history_wrap section .box-txt dl {
	position:relative;
	height:auto;
}
.history_wrap section .box-txt dl dt,
.history_wrap section .box-txt dl dd {
	float:left;
	padding:0.3rem 0;
}
.history_wrap section .box-txt dl dt {
	font-family:'Titillium Web';
	width:13%;
	height:100%;
}
.history_wrap section .box-txt dl dd {
	padding:0.8rem 0;
	width:87%;
	color:#666;
	font-weight:400;
}
.history_wrap section .box-txt dl dd > p {
	padding:0.8rem 0;
}
.history_wrap section .box-txt dl dd > p:first-child {
	padding-top:0;
}
.history_wrap section .box-txt dl dd > p:last-child {
	padding-bottom:0;
}
.history_wrap section .box-txt dl:after {
	content:"";
	display:block;
	clear:both;
}
@media (max-width: 1400px) {
	.history_wrap {
		padding:0 15px 5rem;
	}
}
@media (max-width: 991.98px) {
	.history_wrap section .box-tit {
		width:100%;
		text-align:center;
	}
	.history_wrap section .box-txt {
		width:100%;
	}
	.history_wrap section .box-tit h3{
		font-size:8rem;
	}
	.history_wrap section .box-tit p span {
		display:inline-block;
	}
	.history_wrap section .box-txt > p {
		margin-top:2rem;
	}
	.history_wrap section .box-txt dl dd {
		padding:0.3rem 0;
	}
	.history_wrap section .box-txt dl dd > p {
		padding:0.3rem 0;
	}
}
@media (max-width: 767.98px) {
	.history_wrap section .box-tit h3{
		font-size:4rem;
	}
}

/* 회사소개 > 연혁 */
.cibi_intro_wrap section dl {
	position:relative;
	height:auto;
}
.cibi_intro_wrap section dl > dt,
.cibi_intro_wrap section dl > dd {
	float:left;
}
.cibi_intro_wrap section dl:after {
	content:"";
	display:block;
	clear:both;
}
.cibi_intro_wrap section dl > dt {
	width:20%;
}
.cibi_intro_wrap section dl > dd {
	width:80%;
}

.cibi_intro_wrap section dl > dd > p {
	word-break:break-all;
	font-size:1.8rem;
	line-height:3rem;
	color:#333;
	font-weight:300;
}
.cibi_intro_wrap section:nth-of-type(3) > dl > dd > p {
	position:relative;
	padding:0 0 1.5rem 1.5rem;
}
.cibi_intro_wrap section:nth-of-type(3) > dl > dd > p:before{
	content:"·";
	position:absolute;
	left:0;
	top:0;
}
.cibi_intro_wrap section:nth-of-type(6) .row {
	margin-right:0;
	margin-left:0;
}
.cibi_intro_wrap section:nth-of-type(6) .row > div {
	padding:3rem;
	box-sizing:border-box;
	display:table-cell;
	vertical-align:bottom;
}
.cibi_intro_wrap section:nth-of-type(6) .row > div > p {
	padding-top:8rem;
	color:#fff;
}
.cibi_intro_wrap section:nth-of-type(6) .row > div > p > span {
	display:block;
}
.cibi_intro_wrap section:nth-of-type(6) .row > div:nth-of-type(1){
		background:#0068b4;
}
.cibi_intro_wrap section:nth-of-type(6) .row > div:nth-of-type(2){
		background:#2985bd;
}
.cibi_intro_wrap section:nth-of-type(6) .row > div:nth-of-type(3){
		background:#8fa5a6;
}
.cibi_intro_wrap section:nth-of-type(6) .row > div:nth-of-type(4){
		background:#b5bcb0;
}
.cibi_intro_wrap section:nth-of-type(6) .row:nth-of-type(2) > div:nth-of-type(1){
		background:#c1c3c5;
}
.cibi_intro_wrap section:nth-of-type(6) .row:nth-of-type(2) > div:nth-of-type(2){
		background:#000000;
}
.cibi_intro_wrap section:nth-of-type(6) .row:nth-of-type(2) > div:nth-of-type(3){
		background: linear-gradient(to bottom right, rgba(194, 179, 121, 100), rgba(255, 255, 255, 100), rgba(194, 179, 121, 100));
}
.cibi_intro_wrap section:nth-of-type(6) .row:nth-of-type(2) > div:nth-of-type(4){
		background: linear-gradient(to bottom right, rgba(224, 226, 225, 100), rgba(255, 255, 255, 100), rgba(224, 226, 225, 100));
}
.cibi_intro_wrap section:nth-of-type(6) .row:nth-of-type(2) > div:nth-of-type(1) > p,
.cibi_intro_wrap section:nth-of-type(6) .row:nth-of-type(2) > div:nth-of-type(3) > p,
.cibi_intro_wrap section:nth-of-type(6) .row:nth-of-type(2) > div:nth-of-type(4) > p {
	color:#222;
}
@media (max-width: 1199.98px) {
	.cibi_intro_wrap section dl > dt,
	.cibi_intro_wrap section dl > dd {
		float:none;
	}
	.cibi_intro_wrap section dl > dt {
		width:100%;
	}
	.cibi_intro_wrap section dl > dd {
		width:100%;
	}
	.cibi_intro_wrap section:nth-of-type(6) .row > div > p {
		padding-top:1rem;
	}
}


/* 회사소개 > 수상/기술인증 */
.award_intro_wrap .tabArea .tabBox > .award_list {
	position:relative;
	height:auto;
	padding:0;
}
.award_intro_wrap .tabArea .tabBox > .award_list > li {
	float:left;
	width:calc(20% - 24px);
	list-style:none;
	margin-right:30px;
	margin-bottom:1rem;
}
.award_intro_wrap .tabArea .tabBox > .award_list > li:nth-child(5n){
	margin-right:0;
}
.award_intro_wrap .tabArea .tabBox > .award_list > li > p:nth-of-type(1){
	border:1px solid #ccc;
	box-sizing:border-box;
	height:35rem;
}
.award_intro_wrap .tabArea .tabBox > .award_list > li > p:nth-of-type(1) > img {
	height:100%;
}
.award_intro_wrap .tabArea .tabBox > .award_list > li > p:nth-of-type(2){
	box-sizing:border-box;
	padding:1.5rem 0;
	min-height:12rem;
	font-size:1.8rem;
	font-weight:600;
	color:#222;
	text-align:center;
}
.award_intro_wrap .tabArea .tabBox > .award_list > li > p:nth-of-type(2) > span {
	display:block;
	font-weight:300;
}
.award_intro_wrap .tabArea .tabBox > .award_list:after {
	content:"";
	display:block;
	clear:both;
}
@media (max-width: 1299.98px) {
	.award_intro_wrap .tabArea .tabBox > .award_list > li > p:nth-of-type(1){
		height:auto;
	}
	.award_intro_wrap .tabArea .tabBox > .award_list > li > p:nth-of-type(2) {
		font-size:1.6rem;
	}
}
@media (max-width: 1199.98px) {
	.award_intro_wrap .tabArea .tab {
		margin:60px auto 0;
		width:100%;
	}
	.award_intro_wrap .tabArea .tabBox > .award_list > li {
		width:calc(25% - 15px);
		margin-right:20px;
		margin-bottom:1rem;
	}
	.award_intro_wrap .tabArea .tabBox > .award_list > li:nth-child(5n){
		margin-right:20px;
	}
	.award_intro_wrap .tabArea .tabBox > .award_list > li:nth-child(4n){
		margin-right:0;
	}	
	.award_intro_wrap .tabArea .tabBox > .award_list > li > p:nth-of-type(1){
		height:32rem;
	}
	.award_intro_wrap .tabArea .tabBox > .award_list > li > p:nth-of-type(2) {
		font-size:1.4rem;
		min-height:10rem;
	}
}
@media (max-width: 767.98px) {
	.award_intro_wrap .tabArea .tabBox > .award_list > li {
		width:calc(50% - 15px);
		margin-bottom:0;
	}
	.award_intro_wrap .tabArea .tabBox > .award_list > li:nth-child(4n){
		margin-right:20px;
	}
	.award_intro_wrap .tabArea .tabBox > .award_list > li:nth-child(2n){
		margin-right:0;
	}
	.award_intro_wrap .tabArea .tabBox > .award_list > li > p:nth-of-type(1){
		height:40rem;
	}
	.award_intro_wrap .tabArea .tabBox > .award_list > li > p:nth-of-type(2) {
		font-size:1.6rem;
	}
}
@media (max-width: 575.98px) {
	.award_intro_wrap .tabArea .tabBox > .award_list > li > p:nth-of-type(1){
		height:auto;
	}
}

/* 회사소개 > 사업망 > 국내 */
.location_intro_wrap .location_info {
	margin:3rem 0 10rem;
	padding-top:3rem;
	box-sizing:border-box;
	border-top:1px solid #eee;
	position:relative;
}
.location_intro_wrap .location_info:after {
	content:"";
	position:absolute;
	width:8rem;
	height:1px;
	top:-1px;
	left:0;
	background:#222;
}
.location_intro_wrap .location_info > ul {
	padding-right:0;
	padding-left:0;
	list-style:none;
}
.location_intro_wrap .location_info > ul:nth-of-type(1){
	-ms-flex:0 0 60%;
	flex:0 0 60%;
	max-width:60%;
}
.location_intro_wrap .location_info > ul:nth-of-type(2){
	-ms-flex:0 0 40%;
	flex:0 0 40%;
	max-width:40%;
}
.location_intro_wrap .location_info > ul > li > dl {
	position:relative;
	height:auto;
}
.location_intro_wrap .location_info > ul > li > dl > dt,
.location_intro_wrap .location_info > ul > li > dl > dd {
	float:left;
	font-size:1.8rem;
	color:#222;
	padding:1rem 0;
	box-sizing:border-box;
}
.location_intro_wrap .location_info > ul > li > dl > dt {
	width:13rem;
	font-weight:600;
}
.location_intro_wrap .location_info > ul > li > dl > dd {
	font-weight:300;
}
.location_intro_wrap .location_info > ul > li > dl:after {
	content:"";
	display:block;
	clear:both;
}
@media (max-width: 1199.98px) {
	.location_intro_wrap .location_info > ul:nth-of-type(1){
		-ms-flex:0 0 100%;
		flex:0 0 100%;
		max-width:100%;
	}
	.location_intro_wrap .location_info > ul:nth-of-type(2){
		-ms-flex:0 0 100%;
		flex:0 0 100%;
		max-width:100%;
	}
}

/* 회사소개 > 사업망 > 해외 */
.location_overseas_wrap .row > div[class^='col-'] > div {
	box-sizing:border-box;
	border:1px solid #dfdfdf;
	background:#f6f6f6;
	padding:4rem 5rem;
	margin-bottom:3rem;
	min-height:37.5rem;
}
.location_overseas_wrap .row > div[class^='col-'] > div > h3{
	color:#0070b9;
}
.location_overseas_wrap .row > div[class^='col-'] > div > ul {
	border-top:1px solid #ddd;
	list-style:none;
}
.location_overseas_wrap .row > div[class^='col-'] > div > ul > li > dl {
	position:relative;
	height:auto;
}
.location_overseas_wrap .row > div[class^='col-'] > div > ul > li > dl > dt,
.location_overseas_wrap .row > div[class^='col-'] > div > ul > li > dl > dd {
	float:left;
	padding:0.5rem 0;
}
.location_overseas_wrap .row > div[class^='col-'] > div > ul > li > dl > dt {
	width:11rem;
}
.location_overseas_wrap .row > div[class^='col-'] > div > ul > li > dl > dd {
	width:calc(100% - 11rem);
}
.location_overseas_wrap .row > div[class^='col-'] > div > ul > li > dl:after {
	content:"";
	display:block;
	clear:both;
}
@media (max-width: 1400px) {
	.location_overseas_wrap .row > div[class^='col-'] > div {
		min-height:40rem;
	}
}
@media (max-width: 1199.98px) {
	.location_overseas_wrap .row > div[class^='col-'] > div {
		min-height:50rem;
	}
}
@media (max-width: 991.98px) {
	.location_overseas_wrap .row > div[class^='col-'] > div {
		min-height:auto;
	}
}

/* 탭 공통 */
.tabArea .tabBox { display: none; } 
.tabArea .tabBox.on { display: block; }
.tabArea .tab {
	position:relative;
	height:auto;
	padding:0;
	text-align:center;
	margin:80px auto 0;
	width:1000px;
}
.tabArea .tab > li {
	position:relative;
	float:left;
	width:50%;
	list-style:none;
	border-bottom:1px solid #ccc;	
}
.tabArea .tab > li > a {
	display:block;
	padding:1.5rem 0;
	font-size:2rem;
	font-weight:300;
	color:#555;
}
.tabArea .tab > li.on {
	border-bottom:1px solid #222;
}
.tabArea .tab > li.on > a{
	font-weight:500;
	color:#222;
}
.tabArea .tab > li.on:after {
	content:"";
	position:absolute;
	left:50%;
	margin-left:-3px;
	bottom:-17px;
	width: 0;
	height: 0;
	border-bottom: 8px solid transparent;
	border-top: 8px solid #222;
	border-left: 6px solid transparent;
	border-right: 6px solid transparent;
}
.tabArea .tab:after {
	content:"";
	display:block;
	clear:both;
}
.tabArea .tabBox {
	margin-top:5rem;
	min-height:35rem;
}
@media (max-width: 1299.98px) {
	.tabArea .tabBox > .award_list > li > p:nth-of-type(2) {
		font-size:1.6rem;
	}
}
@media (max-width: 1199.98px) {
	.tabArea .tab {
		margin:60px auto 0;
		width:100%;
	}
}



/***************** 제품리스트 ******************/
.sub_contents_wrap > .sub-content > h3 {
	text-align:center;
}
.prd_intro_wrap .num {
	position:relative;
	margin:0 auto;
	height:auto;
	text-align:center;
	padding-left:0;
}
.prd_intro_wrap .num > li {
	list-style:none;
	display:inline-block;
	width:4rem;
	height:4rem;
	margin-right:2px;
	border:1px solid #ddd;
}
.prd_intro_wrap .num > li.active {
	border:1px solid #0070b9;
}
.prd_intro_wrap .num > li > a {
	display:block;
	width:100%;
	height:100%;
	color:#222;
	line-height:4rem;
}
.prd_intro_wrap .num > li:hover,
.prd_intro_wrap .num > li:focus{
	border:1px solid #0070b9;
	transition:all .2s ease-in-out;
}
.prd_intro_wrap .num > li:hover > a,
.prd_intro_wrap .num > li:focus > a,
.prd_intro_wrap .num > li.active > a{
	color:#0070b9;
	font-weight:600;
}
.prd_intro_wrap .num:after {
	content:"";
	display:block;
	clear:both;
}
@media (max-width: 991.98px) {
	.prd_intro_wrap .num > li {
		margin-right:1px;
	}
}


.prd_intro_wrap .prd-list {
	position:relative;
	padding-left:0;
	list-style:none;
}
.prd_intro_wrap .prd-list > li {
	position:relative;
	width:100%;
	height:42rem;
}
.prd_intro_wrap .prd-list > li > a {
	position:relative;
	width:100%;
	height:100%;
	display:block;
	box-sizing:border-box;
	background:linear-gradient(#e8e8e8, #ffffff, #e8e8e8);
}
.prd_intro_wrap .prd-list > li > a > .img-box {
	position:relative;
	box-sizing:border-box;
	width:100%;
	height:100%;
	text-align:center;
	padding:3rem 0 10rem;
	display:table;
}
.prd_intro_wrap .prd-list > li > a > .img-box > div {
	display:table-cell;
	vertical-align:middle;
}
.prd_intro_wrap .prd-list > li > a > .img-box > div > img {
	max-width:100%;
}
.prd_intro_wrap .prd-list > li > a > .txt-box {
	position:absolute;
	left:50%;
	bottom:-8rem;
	transform:translateX(-50%);
	transition:all 0.3s ease-in-out;
	width:calc(100% - 6rem);
	background:#fff;
	text-align:center;
	box-sizing:border-box;
	padding:3rem 0;
	color:#222;
}
.prd_intro_wrap .prd-list > li > a:hover > .txt-box,
.prd_intro_wrap .prd-list > li > a:focus > .txt-box {
	bottom:-4rem;
}
.prd_intro_wrap .prd-list > li > a > .txt-box > .viewMore {
	color:#888;
}
.prd_intro_wrap .prd-list > li > a > .txt-box > .line {
	display:inline-block;
	width:22%;
	height:2px;
	background:#0070b9;
}
@media (max-width: 767.98px) {
	.prd_intro_wrap .prd-list > li > a > .txt-box {
		bottom:-6rem;
	}
	.prd_intro_wrap .prd-list.type02 > li {
		height:52rem;
	}
}


/***************** 제품리스트 3depth ******************/
.prd_intro_wrap .prd-list.depth3 > li {
	height:58rem;
}
.prd_intro_wrap .prd-list.depth3 > li > a {
	background:#fff;
	border:1px solid #ccc;
	padding:2rem 3rem;
	color:#222;
}
.prd_intro_wrap .prd-list.depth3 > li > a:hover,
.prd_intro_wrap .prd-list.depth3 > li > a:focus {
	border:2px solid #0070b9;
	box-shadow:5px 0 10px rgba(0,0,0,0.15);
	padding:1.9rem 2.9rem;
}
.prd_intro_wrap .prd-list.depth3 > li > a > .img-box {
	height:33rem;
	max-height:33rem;
	padding:0;
}
.prd_intro_wrap .prd-list.depth3 > li > a > .img-box > div {
	display:table-cell;
	vertical-align:middle;
}
.prd_intro_wrap .prd-list.depth3 > li > a > .img-box > div > img {
	max-width:100%;
}
.prd_intro_wrap .prd-list.depth3 > li > a > .txt-box {
	position:relative;
	left:0;
	top:0;
	transform:translateX(0);
	width:100%;
	background:none;
	text-align:left;
	padding:0;
	color:#222;
}
.prd_intro_wrap .prd-list.depth3 > li > a > .txt-box > dl > dt {
	color:#888;
}
@media (max-width: 991.98px) {
	.prd_intro_wrap .prd-list.depth3 > li {
		height:auto;
	}
}

/***************** 제품 뷰페이지 ******************/
.prd_view .sec01 > div > .row > div[class^='col-'] > .img-box.feature_img {
	border:0;
}
.prd_view .sec01 > div > .row > div[class^='col-'] > .img-box {
	position:relative;
	box-sizing:border-box;
	border:1px solid #ccc;
	width:100%;
	height:auto;
	min-height:60rem;
	text-align:center;
	padding:2rem;
	display:table;
}
.prd_view .sec01 > div > .row > div[class^='col-'] > .img-box > div {
	position:relative;
	display:table-cell;
	vertical-align:middle;
}
.prd_view .sec01 > div > .row > div[class^='col-'] > .txt-box {
	position:relative;
	box-sizing:border-box;
	padding:4.5rem 0 0 3rem;
}
.prd_view .sec01 > div > .row > div[class^='col-'] > .txt-box > .line {
	position:relative;
	width:100%;
	height:7px;
	border-bottom:1px solid #ccc;
}
.prd_view .sec01 > div > .row > div[class^='col-'] > .txt-box > .line > span {
	display:block;
	width:40%;
	height:100%;
	background:#0070b9;
}
.prd_view .sec01 > div > .row > div[class^='col-'] > .txt-box > div {
	position:relative;
	width:100%;
	box-sizing:border-box;
	padding:8rem 6rem;
	background:#f9f9f9;
}
.prd_view .sec01 > div > .row > div[class^='col-'] > .txt-box > div > dl > dt {
	color:#aaa;
}
.prd_view .sec01 > div > .row > div[class^='col-'] > .txt-box > div > a {
	display:inline-block;
	background:#fff;
	border:1px solid #ccc;
	color:#222;
	padding:1.5rem 4rem;
	text-align:center;
	box-sizing:border-box;
}
.prd_view .sec01 > div > .row > div[class^='col-'] > .txt-box > div > a > i {
	color:#0070b9;
}

@media (max-width: 991.98px) {
	.prd_view .sec01 > div > .row > div[class^='col-'] > .txt-box {
		padding:4rem 0 0 0;
	}
	.prd_view .sec01 > div > .row > div[class^='col-'] > .txt-box > div {
		padding:8rem 3rem;
	}
}
@media (max-width: 767.98px) {
	.prd_view .sec01 > div > .row > div[class^='col-'] > .txt-box {
		padding:0;
	}
	.prd_view .sec01 > div > .row > div[class^='col-'] > .txt-box > div {
		padding:4rem 3rem;
	}
}


.prd_view section > div {
	position:relative;
	width:100%;
	height:auto;
}
.prd_view .sec02 > div > .view-tab {
	position:absolute;
	top:0;
	right:15px;
	width:26rem;
}
.prd_view .sec02 > div > .view-tab > div[class^='col-'] {
	border:1px solid #ccc;
	text-align:center;
	box-sizing:border-box;
	padding:1rem 0;
	cursor:pointer;
}
.prd_view .sec02 > div > .view-tab > div[class^='col-'].active {
	border:0;
	background:#0070b9;
	color:#fff;
}
.prd_view .sec02 > div > p {
	color:#888;
}

.prd_view .sec03 > div > .row > div[class^='col-'] > div {
	box-sizing:border-box;
	border:1px solid #ccc;
	padding:6rem 0 3rem;
	text-align:center;
}

.prd_view .sec04 > div > .info {
	position:absolute;
	top:10px;
	right:0;
}

.prd_view .sec05 {
	position:relative;
	width:100%;
	height:auto;
	box-sizing:border-box;
	padding-bottom:20rem;
}
.prd_view .sec05:before {
	content:"";
	position:absolute;
	left:0;
	bottom:0;
	width:100%;
	height:60%;
	background:#f2f2f2;
}
.prd_view .sec05 .view_gallery {
	overflow:inherit;
}
.prd_view .sec05 .view_gallery .swiper-pagination-bullet {
	border-radius:4px;
}
.prd_view .sec05 .view_gallery .view-bullet {
	bottom:-5rem;
}
.prd_view .sec05 .view_gallery .view-bullet .swiper-pagination-bullet-active {
	width:8rem;
	height:4px;
	background:#888;
	position:relative;
	top:-2px;
}

/* 뷰페이지 테이블공통 */
.prd_view section > div > table {
	position:relative;
	width:100%;
	height:auto;
	box-sizing:border-box;
	border-top:1px solid #ccc;
}
.prd_view section > div > table > thead > tr > th {
	background:#f9f9f9;
}
.prd_view section > div > table > thead > tr > th,
.prd_view section > div > table > tbody > tr > td {
	box-sizing:border-box;
	text-align:center;
	padding:1.5rem;
	border-bottom:1px solid #ccc;
	border-right:1px solid #ccc;
}
.prd_view section > div > table > thead > tr > th:last-child,
.prd_view section > div > table > tbody > tr > td:last-child {
	border-right:0;
}


/* 다운로드 게시판 */
.download_wrap .download-list > div[class^='col-'] {
	margin-bottom:4rem;
}
.download_wrap .download-list > div[class^='col-'] > .inner {
	box-sizing:border-box;
	border:1px solid #ddd;
}
.download_wrap .download-list > div[class^='col-'] > .inner > .img {
	position:relative;
	height:auto;
	padding-bottom:140%;
}
.download_wrap .download-list > div[class^='col-'] > .inner > .txt {
	box-sizing:border-box;
	border-top:1px solid #ddd;
	padding:3rem 2rem;
}
.download_wrap .download-list > div[class^='col-'] > .inner > .txt > .row {
	align-items:center;
}
.download_wrap .download-list > div[class^='col-'] > .inner > .txt > .row > div[class^='col-']:nth-of-type(1) > p{
	word-break:break-all;
	white-space:normal;
	display:-webkit-box;
	-webkit-line-clamp:2;
	-webkit-box-orient:vertical;
	overflow:hidden;
	line-height:1.2;
}
.download_wrap .download-list > div[class^='col-'] > .inner > .txt > .row > div[class^='col-']:nth-of-type(2) {
	text-align:center;
}
.download_wrap .download-list > div[class^='col-'] > .inner > .txt > .row > div[class^='col-']:nth-of-type(2) > a {
	display:inline-block;
	box-sizing:border-box;
	padding:1.5rem 3.5rem;
	line-height:1;
	border:1px solid #ddd;
	color:#000;
}
.download_wrap .download-list > div[class^='col-'] > .inner > .txt > .row > div[class^='col-']:nth-of-type(2) > a:hover,
.download_wrap .download-list > div[class^='col-'] > .inner > .txt > .row > div[class^='col-']:nth-of-type(2) > a:focus{
	background:#0070b9;
	color:#fff;
}
@media (max-width: 1199.98px) {
	.download_wrap .download-list {
		margin-left:-10px;
		margin-right:-10px;
	}
	.download_wrap .download-list > div[class^='col-'] {
		padding-left:10px;
		padding-right:10px;
		margin-bottom:2rem;
	}
	.download_wrap .download-list > div[class^='col-'] > .inner > .txt {
		padding:2rem 1.5rem;
	}
	.download_wrap .download-list > div[class^='col-'] > .inner > .txt > .row > div[class^='col-']:nth-of-type(1) > p{
		min-height:5rem;
		text-align:center;
	}
	.download_wrap .download-list > div[class^='col-'] > .inner > .txt > .row > div[class^='col-']:nth-of-type(2) > a {
		display:block;
		padding:1.5rem 1.5rem;
	}
}



/* 중고제품 */
.remarket_list_wrap .remarket-list > div {
	margin-bottom:4rem;
	padding-bottom:4rem;
	border-bottom:1px solid #ddd;
	display:flex;
	flex-wrap:wrap;
	-ms-flex-wrap:wrap;
	align-items:center;
}
.remarket_list_wrap .remarket-list > div > .fl {
	max-width:430px;
	flex:0 0 430px;
	-ms-flex:0 0 430px;
	padding-bottom:24%;
}
.remarket_list_wrap .remarket-list > div > .fr {
	--wid : calc(100% - 430px);
	max-width:var(--wid);
	flex:0 0 var(--wid);
	-ms-flex:0 0 var(--wid);
	position:relative;
	height:auto;
}
.remarket_list_wrap .remarket-list > div > .fr > .price {
	position:absolute;
	right:0;
	bottom:0;
}
.remarket_list_wrap .remarket-list > div > .fr > .price > p {
	text-align:right;
	color:#aaa;
}
.remarket_list_wrap .remarket-list > div > .fr > .price > p > span {
	color:#000;
}
.remarket_list_wrap .remarket-list > div > .fr > .price > a {
	display:inline-block;
	line-height:1;
	text-align:center;
	box-sizing:border-box;
	padding:2rem 8rem;
	border:1px solid #ddd;
	color:#000;
}
.remarket_list_wrap .remarket-list > div > .fr > .price > a:hover,
.remarket_list_wrap .remarket-list > div > .fr > .price > a:focus {
	background:#0070b9;
	color:#fff;
}
.remarket_list_wrap .remarket-list > div > .fr > .txt {
	box-sizing:border-box;
}
.remarket_list_wrap .remarket-list > div > .fr > .txt > p:nth-of-type(1){
	white-space:normal;
	display:-webkit-box;
	-webkit-line-clamp:2;
	-webkit-box-orient:vertical;
	overflow:hidden;
}
@media (max-width: 991.98px) {
	.remarket_list_wrap .remarket-list > div > .fl {
		max-width:100%;
		flex:0 0 100%;
		-ms-flex:0 0 100%;
		padding-bottom:70%;
	}
	.remarket_list_wrap .remarket-list > div > .fr {
		--wid : calc(100%);
	}
}
@media (max-width: 575.98px) {
	.remarket_list_wrap .remarket-list > div > .fr > .price {
		position:relative;
		right:auto;
		bottom:auto;
	}
	.remarket_list_wrap .remarket-list > div > .fr > .price > p {
		text-align:left;
	}
	.remarket_list_wrap .remarket-list > div > .fr > .price > a {
		display:block;
	}
}

/* 중고제품 뷰페이지 */
.remarket_view_wrap .remarket-view .swiper-slide {
	padding-bottom:70%;
}
.remarket_view_wrap .remarket-view .mySwiper .swiper-slide {
	padding-bottom:24%;
}
.remarket_view_wrap .remarket-view .swiper-next,
.remarket_view_wrap .remarket-view .swiper-prev {
	position:absolute;
	top:50%;
	transform:translateY(-60%);
	width:6rem;
	height:6rem;
	background:#0070b9;
	color:#fff;
	text-align:center;
	line-height:6rem;
	font-size:2rem;
	z-index:10;
}
.remarket_view_wrap .remarket-view .swiper-prev {
	left:0;
}
.remarket_view_wrap .remarket-view .swiper-next {
	right:0;
}
.remarket_view_wrap .remarket-view .view-bullet {
	position:relative;
	bottom:auto;
	margin-top:2rem;
}
.remarket_view_wrap .remarket-view .top > div[class^='col-']:nth-of-type(2){
	padding-left:3rem;
	padding-top:4rem;
}
.remarket_view_wrap .remarket-view .top > div[class^='col-'] > .inner > h3{
	padding-bottom:3rem;
	position:relative;
	height:auto;
	border-bottom:1px solid #ccc;
}
.remarket_view_wrap .remarket-view .top > div[class^='col-'] > .inner > h3:before {
	content:"";
	position:absolute;
	display:inline-block;
	left:0;
	bottom:0;
	width:40%;
	height:0.5rem;
	background:#0070b9;
}
.remarket_view_wrap .remarket-view .top > div[class^='col-'] > .inner > div > p {
	color:#aaa;
	line-height:1;
}
.remarket_view_wrap .remarket-view .top > div[class^='col-'] > .inner > div > p > span {
	display:inline-block;
	margin-left:3rem;
	color:#000;
}
.remarket_view_wrap .remarket-view .top > div[class^='col-'] > .inner > div {
	box-sizing:border-box;
	padding:3.5rem 6rem;
}
.remarket_view_wrap .remarket-view .top > div[class^='col-'] > .inner > div.info {
	background:#f5f5f5;
}
.remarket_view_wrap .remarket-view .top > div[class^='col-'] > .inner > div.info > p {
	margin-bottom:3rem;
}
.remarket_view_wrap .remarket-view .top > div[class^='col-'] > .inner > div.info > p:last-child {
	margin-bottom:0;
}
.remarket_view_wrap .remarket-view .top > div[class^='col-'] > .inner > div.price {
	border:5px solid #f5f5f5;
	padding:3rem 5.5rem;
}
.remarket_view_wrap .remarket-view .top > div[class^='col-'] > .inner > div.adr {
	background:#f2f8fb;
}
@media (max-width: 991.98px) {
	.remarket_view_wrap .remarket-view .top > div[class^='col-']:nth-of-type(2){
		padding-left:2rem;
		padding-top:2rem;
	}
	.remarket_view_wrap .remarket-view .top > div[class^='col-'] > .inner > div > p > span {
		margin-left:2rem;
	}
	.remarket_view_wrap .remarket-view .top > div[class^='col-'] > .inner > div {
		padding:3rem 3rem;
	}
	.remarket_view_wrap .remarket-view .top > div[class^='col-'] > .inner > div.info > p {
		margin-bottom:1.5rem;
	}
	.remarket_view_wrap .remarket-view .top > div[class^='col-'] > .inner > div.price {
		padding:2.5rem 2.5rem;
	}
}

.remarket_view_wrap .remarket-view .btm {
	position:relative;
	height:auto;
}
.remarket_view_wrap .remarket-view .btm > h3 {
	padding:0.3rem 0;
}
.remarket_view_wrap .remarket-view .btm .tabArea .tab {
	position:absolute;
	right:0;
	top:0;
	margin:0;
	width:26rem;
}
.remarket_view_wrap .remarket-view .btm .tabArea .tab > li {
	border-bottom:0;
	border:1px solid #ddd;
}
.remarket_view_wrap .remarket-view .btm .tabArea .tab > li > a {
	padding:0.8rem 0;
}
.remarket_view_wrap .remarket-view .btm .tabArea .tab > li.on {
	background:#0070b9;
	border:1px solid #0070b9;
}
.remarket_view_wrap .remarket-view .btm .tabArea .tab > li.on > a {
	color:#fff;
}
.remarket_view_wrap .remarket-view .btm .tabArea .tab > li.on:after {
	display:none;
}
@media (max-width: 767.98px) {
	.remarket_view_wrap .remarket-view .btm .tabArea .tab {
		position:relative;
		right:auto;
		width:100%;
		margin-top:1rem;
	}
}
.remarket_view_wrap .remarket-view .btm .tabBox .info {
	color:#888;
}
.remarket_view_wrap .remarket-view .remarket-table table {
	width:100%;
	border-top:1px solid #ddd;
	border-collapse:separate;
	border-spacing:0;
}
.remarket_view_wrap .remarket-view .remarket-table table th,
.remarket_view_wrap .remarket-view .remarket-table table td {
	border-right:1px solid #ddd;
	border-bottom:1px solid #ddd;
	border-width:0 1px 1px 0;
	text-align:center;
	box-sizing:border-box;
	padding:1.2rem 0;
	font-size:1.5rem;
}
.remarket_view_wrap .remarket-view .remarket-table table th:last-child,
.remarket_view_wrap .remarket-view .remarket-table table td:last-child {
	border-right:0;
}
.remarket_view_wrap .remarket-view .remarket-table table th {
	background:#f5f5f5;
}

/* contact */
.inquiry_wrap .top {
	box-sizing:border-box;
	border:5px solid #f5f5f5;
	padding:3rem;
}
.inquiry_wrap .top > .row {
	align-items:center;
}
.inquiry_wrap .top > .row > div[class^='col-']:nth-of-type(1){
	text-align:right;
}
.inquiry_wrap .top > .row > div[class^='col-'] > ul > li::marker {
	color:#ddd;
}




/* IR정보 */
.ir_wrap .ir_list table {
	border-top:2px solid #000;
	width:100%;
	border-collapse:separate;
	border-spacing:0;
}
.ir_wrap .ir_list table th,
.ir_wrap .ir_list table td {
	box-sizing:border-box;
	padding:1.5rem 2rem 1.3rem;
	font-size:1.6rem;
	border-bottom:1px solid #ddd;
	border-width:0 0 1px 0;
}
.ir_wrap .ir_list table td:nth-of-type(1){
	width:85%;
}
.ir_wrap .ir_list table td:nth-of-type(2){
	width:15%;
}
.ir_wrap .ir_list table td .ellipsis {
	display:block;
	white-space:nowrap;
	overflow:hidden;
	text-overflow:ellipsis;
	height:3rem;
}
.ir_wrap .ir_list table td.down {
	text-align:center;
}
.ir_wrap .ir_list table td.down > a {
	display:block;
	text-align:center;
	color:#000;
}
@media (max-width: 1199.98px) {
	.ir_wrap .ir_list table td:nth-of-type(1){
		width:75%;
	}
	.ir_wrap .ir_list table td:nth-of-type(2){
		width:25%;
	}
}



/* 중복(style.css) */
/******* 쓰기 ********/

#board_write_wrap{}
#board_write_wrap #board_btn_wrap{
	text-align:center;
}
.required_box{
	text-align:right;
	margin-bottom:1rem;
	color:#666;
}
.board_write_table{}
.board_write_table{}
.board_write_table > table{
	border-top:2px solid #000;
	width:100%;
}
.board_write_table > table caption{
	display:none;
}

.board_write_table > table > tr > th,
.board_write_table > table > thead > tr > th,
.board_write_table > table > tbody > tr > th{
	font-size:1.6rem;
	color:#222;
	border-bottom:1px solid #ddd;
	padding:15px;
	font-weight:500;
	padding-left:3.5rem;

}
.board_write_table > table > tr > td,
.board_write_table > table > tbody > tr > td{
	font-size:1.6rem;
	color:#666;
	border-bottom:1px solid #ddd;
	padding:15px;
}
.board_write_table .description{
	color:#888;
	font-size:1.6rem;
	font-weight:300;
	margin-left:20px;
}

@media (max-width: 991.98px) {
	.board_write_table > table,
	.board_write_table > table > tbody,
	.board_write_table > table > thead,
	.board_write_table > table > tr,
	.board_write_table > table > thead > tr,
	.board_write_table > table > tbody > tr,
	.board_write_table > table > tr > th,
	.board_write_table > table > thead > tr > th,
	.board_write_table > table > tbody > tr > th,
	.board_write_table > table > tr > td,
	.board_write_table > table > tbody > tr > td{
		display:block !important;
		border-bottom:0;
		border-top:0;
		padding-left:0;
		padding-right:0;
	}
	.board_write_table > table > tr > th,
	.board_write_table > table > thead > tr > th,
	.board_write_table > table > tbody > tr > th{
		padding-bottom:5px;
		font-size:1.8rem;
	}
	.board_write_table > table > tr > td,
	.board_write_table > table > tbody > tr > td{
		padding-top:0;
		height: auto;
	}
	.board_write_table .description{
		display:block;
		font-size:1.5rem;
		margin-left:0px;
		margin-top:5px;
	}
}

#board_write_wrap .bo_w_flie{
	margin-top:10px;
}
#board_write_wrap .bo_w_flie:first-child{
	margin-top:0;
}
#board_write_wrap .bo_w_flie .checkbox_type1{
	margin-left:15px;
}
#board_write_wrap .bo_w_flie .file_desc{
	margin-top:5px;
}
#board_write_wrap .cke_sc{
	display:none;
}

#board_write_wrap .dp-table{
	width:100%;
	text-align:left;
	color:#444;
}
#board_write_wrap .dp-table > div:first-child{
	width:33%;
}
#board_write_wrap .dp-table > div:last-child{
	text-align:left;
}
#board_write_wrap .dp-table > div > a{
	border:1px solid #ddd;
	font-size:1.4rem;
	padding:0 1.5rem;
	height: 50px;
	line-height: 50px;
	display:inline-block;
	width:auto;
}
#board_write_wrap .dp-table > div > a.wr_zips{
	width:auto !important;
}
#board_write_wrap .dp-table > div > a > i{
	margin-left:1rem;
}
#board_write_wrap .dp-table > div > a:hover{
	border:1px solid #222;
}
/******* //쓰기 ********/
.agree_box { margin-top:20px;}
.agree_box  p{margin-bottom:5px;}
.agree_content {width:100%; border:1px solid #ddd; overflow:auto; height:200px; padding:10px;}