/*
	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 'style.css';
@import 'partlist.css';
@import 'prd.css';
@import 'rotate.css';
@import 'board.css';

/* 서브공통 */
.sub-wrap {
	position:relative;
	box-sizing:border-box;
	overflow:hidden;
	padding:10rem 0;
}
.sub-wrap section {
	position:relative;
	box-sizing:border-box;
	overflow:hidden;
}
.sub-wrap .title > h2 {
	font-size:4rem;
	font-weight:600;
}
.sub-wrap .title > h3 {
	font-size:3rem;
	margin-top:3rem;
	line-height:1.4;
}
.sub-wrap .title > p {
	font-size:1.8rem;
	color:#444;
	margin-top:2rem;
}
.sub-wrap .title > p.info{
	position:relative;
	padding-left:3rem;
}
.sub-wrap .title > p.info:before {
	content: "\e9aa";
	font-family:"xeicon";
	font-size:2.4rem;
	position:absolute;
	left:0;
	top:-4px;
}
@media (max-width: 991.98px) {
	.sub-wrap {
		padding:4rem 0;
	}
	.sub-wrap .title > h2 {
		font-size:2.8rem;
	}
	.sub-wrap .title > h3 {
		font-size:2.2rem;
		margin-top:2rem;
	}
	.sub-wrap .title > p {
		font-size:1.6rem;
		margin-top:1rem;
	}
	.sub-wrap .title > p.info{
		padding-left:2.5rem;
	}
	.sub-wrap .title > p.info:before {
		font-size:2rem;
		top:-3px;
	}
}
@media (max-width: 575.98px) {
	.sub-wrap {
		padding:2rem 0 4rem;
	}
	.sub-wrap .title > h2 {
		font-size:2rem;
	}
	.sub-wrap .title > h3 {
		font-size:1.8rem;
		margin-top:1rem;
	}
}



/************************ 판매점 + 서비스점 찾기 ************************/
.store-wrap {
	padding-bottom:0;
}
.store-wrap .sec01 {
	display:flex;
	flex-direction:row-reverse;
	height:96rem;
}
.store-wrap .map {
	width:calc(100% - 58rem);
}
.store-wrap .sch-box {
	width:58rem;
	height:100%;
	z-index:10;
	background:#fff;
	box-sizing:border-box;
	border-top:1px solid #ddd;
}
.store-wrap .sch-box .tabArea {
	height:100%;
}
.store-wrap .sch-box .tab {
	display:flex;
	list-style:none;
	padding-left:0;
}
.store-wrap .sch-box .tab > li {
	width:50%;
}
.store-wrap .sch-box .tab > li > a {
	box-sizing:border-box;
	position:relative;
	display:block;
	text-align:center;
	font-size:1.8rem;
	color:#666;
	padding:2rem 1rem;
	border-bottom:1px solid #ddd;
}
.store-wrap .sch-box .tab > li.on > a {
	color:#222;
}
.store-wrap .sch-box .tab > li.on > a:after {
	content:"";
	position:absolute;
	width:100%;
	height:3px;
	background:#222;
	left:0;
	bottom:0;
}
.store-wrap .sch-box .tabBox {
	height:calc(100% - 6.8rem);
}
.store-wrap .sch-box .sch-top {
	box-sizing:border-box;
	padding:3rem;
	background:#f5f5f5;
}
.store-wrap .sch-box .sch-top .checkbox_type1 {
	margin-right:1rem;
}
.store-wrap .sch-box .sch-top .input-box {
	position:relative;
	margin-top:2rem;
}
.store-wrap .sch-box .sch-top .input-box > input[type="text"] {
	border:1px solid #ccc;
	outline:none;
	font-size:1.7rem;
	color:#444;
	box-sizing:border-box;
	padding:1.8rem 6rem 1.8rem 2rem;
}
.store-wrap .sch-box .sch-top .input-box > button {
	background:none;
	border:0;
	outline:none;
	font-size:3rem;
	color:#222;
	position:absolute;
	right:1.5rem;
	top:50%;
	transform:translateY(-50%);
	z-index:1;
}
.store-wrap .sch-box .list-box {
	height:calc(100% - 17.8rem);
	overflow-y:auto;
}
.store-wrap .sch-box .list-box > div ul {
	display: flex;
    flex-direction: row;
    flex-wrap: wrap;
    align-content: flex-start;
    padding: 20px;
}
.store-wrap .sch-box .list-box > div ul li {
	width: 150px;
    padding: 20px;
    border: 1px solid #eee;
    font-size: 20px;
    text-align: center;
}
.store-wrap .sch-box .list-box > ul {
	list-style:none;
	padding-left:0;
	height:100%;
}
.store-wrap .sch-box .list-box > ul > li {
	box-sizing:border-box;
	padding:0 3rem;
}
.store-wrap .sch-box .list-box > ul > li.noData {
	height:100%;
	display:flex;
	align-items:center;
	justify-content:center;
	text-align:center;
	font-size:1.6rem;
}
.store-wrap .sch-box .list-box > ul > li.noData:hover {
	background:#fff;
}
.store-wrap .sch-box .list-box > ul > li > a {
	display:block;
	position:relative;
	padding:3rem 0;
}
.store-wrap .sch-box .list-box > ul > li:hover,
.store-wrap .sch-box .list-box > ul > li.on{
	background:#f4f7fc;
}
.store-wrap .sch-box .list-box > ul > li > a {
	box-sizing:border-box;
	border-bottom:1px solid #ddd;
}
.store-wrap .sch-box .list-box > ul > li > a > h2 {
	display:flex;
	align-items:center;
	font-size:2rem;
	font-weight:600;
	color:#222;
	margin-bottom:1.5rem;
}
.store-wrap .sch-box .list-box > ul > li > a > h2 > .cate {
	display:inline-block;
	box-sizing:border-box;
	padding:1rem;
	border-radius:0.4rem;
	background:#222;
	color:#fff;
	text-align:center;
	font-size:1.4rem;
	font-weight:400;
	min-width:10rem;
	margin-right:1rem;
}
.store-wrap .sch-box .list-box > ul > li > a > p {
	margin-top:1rem;
	font-size:1.8rem;
	line-height:1.2;
	color:#444;
}
@media (max-width: 991.98px) {
	.store-wrap{
		padding:0;
	}
	.store-wrap .sec01 {
		display:block;
		height:auto;
	}
	.store-wrap .map {
		width:100%;
		height:60rem;
	}
	.store-wrap .sch-box {
		width:100%;
		height:auto;
	}
	.store-wrap .sch-box .tab > li > a {
		font-size:1.6rem;
	}
	.store-wrap .sch-box .tabBox {
		height:auto;
	}
	.store-wrap .sch-box .sch-top {
		padding:2rem;
	}
	.store-wrap .sch-box .sch-top .input-box > input[type="text"] {
		font-size:1.6rem;
	}
	.store-wrap .sch-box .list-box {
		height:60rem;
		overflow-y:auto;
	}
	.store-wrap .sch-box .list-box:has(li.noData){
		height:36rem;
	}
	.store-wrap .sch-box .list-box > ul > li {
		padding:0 2rem;
	}
	.store-wrap .sch-box .list-box > ul > li > a {
		padding:2rem 0;
	}
	.store-wrap .sch-box .list-box > ul > li > a > h2 {
		font-size:1.8rem;
		margin-bottom:1rem;
	}
	.store-wrap .sch-box .list-box > ul > li > a > h2 > .cate {
		padding:0.8rem 1rem 0.7rem;
		font-size:1.4rem;
	}
	.store-wrap .sch-box .list-box > ul > li > a > p {
		margin-top:0.5rem;
		font-size:1.6rem;
	}
}
@media (max-width: 575.98px) {
	.store-wrap .map {
		height:40rem;
	}
}



/************************ 제품정보 ************************/
.findPrd-wrap .flex-content{
	display:flex;
}
.findPrd-wrap .sch-box {
	width:25rem;
	margin-right:7rem;
}
.findPrd-wrap .sch-box .title {
	display:flex;
	align-items:center;
	justify-content:space-between;
}
.findPrd-wrap .sch-box .title > h2 {
	font-size:2.2rem;
	font-weight:700;
	color:#222;
}
.findPrd-wrap .sch-box .btn-reset {
	display:flex;
	align-items:center;
	font-size:1.8rem;
	font-weight:400;
	color:#666;
}
.findPrd-wrap .sch-box .btn-reset > i {
	margin-right:0.5rem;
	position:relative;
	top:-1px;
}
.findPrd-wrap .sch-box .sch-list {
	margin-top:1rem;
	box-sizing:border-box;
	border-top:2px solid #222;
	border-bottom:1px solid #222;
}
.findPrd-wrap .sch-box .sch-list > dl {
	border-bottom:1px solid #ddd;
	box-sizing:border-box;
	padding:1rem 0;
}
.findPrd-wrap .sch-box .sch-list > dl:last-child {
	border-bottom:0;
}
.findPrd-wrap .sch-box .sch-list > dl > dt {
	position:relative;
	box-sizing:border-box;
}
.findPrd-wrap .sch-box .sch-list > dl > dt > a {
	position:relative;
	font-size:1.7rem;
	font-weight:600;
	color:#222;
	display:block;
	padding:1rem 0;
}

.findPrd-wrap .sch-box .sch-list > dl > dt > a:after {
	content: "\e942";
	font-family:"xeicon";
	position:absolute;
	right:0;
	top:50%;
	transform:translateY(-50%);
	font-size:2rem;
	font-weight:400;
}
.findPrd-wrap .sch-box .sch-list > dl > dt > a.on:after {
	content: "\e945";
}
.findPrd-wrap .sch-box .sch-list > dl > dd {
	display:none;
}
.findPrd-wrap .sch-box .sch-list > dl > dd > ul {
	list-style:none;
	padding-left:0;
}
.findPrd-wrap .sch-box .sch-list > dl > dd > ul > li > a {
	position:relative;
	display:flex;
	align-items:center;
	box-sizing:border-box;
	font-size:1.7rem;
	font-weight:400;
	color:#222;
	padding:1rem 0 1rem 1rem;
}
.findPrd-wrap .sch-box .sch-list > dl > dd > ul > li > a.on,
.findPrd-wrap .sch-box .sch-list > dl > dd > ul > li > a:hover {
	color:var(--main);
}
.findPrd-wrap .sch-box .sch-list > dl > dd > ul > li > a.on:after,
.findPrd-wrap .sch-box .sch-list > dl > dd > ul > li > a:hover:after {
	content: "\e929";
	font-family:"xeicon";
	font-size:1.7rem;
	font-weight:400;
	color:var(--main);
	margin-left:0.5rem;
}
.findPrd-wrap .sch-box .sch-list > dl > dd > .flex{
	display:flex;
	flex-wrap:wrap;
	margin-left:-0.5rem;
	margin-right:-0.5rem;
}
.findPrd-wrap .sch-box .sch-list > dl > dd > .flex > .in{
	padding-left:0.5rem;
	padding-right:0.5rem;
	width:50%;
}
.findPrd-wrap .sch-box .sch-list > dl > dd > .flex > .in > a {
	display:block;
	box-sizing:border-box;
	border:1px solid #ddd;
	text-align:center;
	font-size:1.5rem;
	color:#666;
	padding:0.8rem 0.5rem;
	margin-bottom:1rem;
}
.findPrd-wrap .sch-box .sch-list > dl > dd > .flex > .in > a.on,
.findPrd-wrap .sch-box .sch-list > dl > dd > .flex > .in > a:hover {
	background:var(--main);
	color:#fff;
	border:1px solid var(--main);
}

.findPrd-wrap #prd_list {
	width:calc(100% - 32rem);
}
.findPrd-wrap #prd_list .row > div[class^='col-'] {
	margin-bottom:4rem;
}
.findPrd-wrap #prd_list .row > div[class^='col-'] > .inner {
	height:100%;
	cursor:pointer;
}
.findPrd-wrap #prd_list .row > div[class^='col-'] > .inner:hover {
	background:#f8f8f8;
}
.findPrd-wrap #prd_list .row > div[class^='col-'] > .inner .img {
	box-sizing:border-box;
	padding-bottom:100%;
	background-repeat:no-repeat;
	background-position:center center;
	background-size:80%;
}
.findPrd-wrap #prd_list .row > div[class^='col-'] > .inner .txt {
	text-align:center;
	font-size:1.8rem;
	color:#666;
	box-sizing:border-box;
	padding:0 3rem 3rem;
}
.findPrd-wrap #prd_list .row > div[class^='col-'] > .inner .txt p.name {
	font-size:2.2rem;
	font-weight:600;
	color:#222;
	margin-bottom:0.5rem;
}
.findPrd-wrap #prd_list .row > div[class^='col-'] > .inner .txt p.desc {
	white-space:normal;
	display:-webkit-box;
	-webkit-line-clamp:2;
	-webkit-box-orient:vertical;
	overflow:hidden;
}
@media (max-width: 991.98px) {
	.findPrd-wrap .flex-content{
		display:block;
	}
	.findPrd-wrap .sch-box {
		width:100%;
		margin-right:0;
	}
	.findPrd-wrap .sch-box .title > h2 {
		font-size:1.8rem;
	}
	.findPrd-wrap .sch-box .btn-reset {
		font-size:1.6rem;
	}
	.findPrd-wrap .sch-box .btn-reset > i {
		top:-2px;
	}
	.findPrd-wrap .sch-box .sch-list > dl > dt > a {
		font-size:1.6rem;
	}
	.findPrd-wrap .sch-box .sch-list > dl > dd > ul {
		display:flex;
		flex-wrap:wrap;
		align-items:center;
	}
	.findPrd-wrap .sch-box .sch-list > dl > dd > ul > li {
		width:33.3333%;
		margin-bottom:0.5rem;
	}
	.findPrd-wrap .sch-box .sch-list > dl > dd > ul > li > a {
		font-size:1.6rem;
	}
	.findPrd-wrap .sch-box .sch-list > dl > dd > ul > li > a.on:after,
	.findPrd-wrap .sch-box .sch-list > dl > dd > ul > li > a:hover:after {
		font-size:1.6rem;
	}
	.findPrd-wrap .sch-box .sch-list > dl > dd > .flex > .in{
		width:33.3333%;
	}
	.findPrd-wrap .sch-box .sch-list > dl > dd > .flex > .in > a {
		font-size:1.4rem;
	}
	.findPrd-wrap #prd_list {
		width:100%;
		margin-top:4rem;
	}
	.findPrd-wrap #prd_list .row{
		margin-left:-10px;
		margin-right:-10px;
	}
	.findPrd-wrap #prd_list .row > div[class^='col-'] {
		padding-left:10px;
		padding-right:10px;
		margin-bottom:2rem;
	}
	.findPrd-wrap #prd_list .row > div[class^='col-'] > .inner {
		background:#f8f8f8;
	}
	.findPrd-wrap #prd_list .row > div[class^='col-'] > .inner .txt {
		font-size:1.6rem;
	}
	.findPrd-wrap #prd_list .row > div[class^='col-'] > .inner .txt p.name {
		font-size:1.8rem;
	}
}
@media (max-width: 767.98px) {
	.findPrd-wrap #prd_list .row{
		margin-left:-5px;
		margin-right:-5px;
	}
	.findPrd-wrap #prd_list .row > div[class^='col-'] {
		padding-left:5px;
		padding-right:5px;
		margin-bottom:1rem;
	}
	.findPrd-wrap #prd_list .row > div[class^='col-'] > .inner .img {
		background-size:70%;
	}
}


/************************ 가격정보 ************************/

.price-wrap .price-list .row > div[class^='col-'] {
	margin-bottom:4rem;
}
.price-wrap .price-list .row > div[class^='col-'] .inner {
	height:100%;
	cursor:pointer;
}
.price-wrap .price-list .row > div[class^='col-'] .inner:hover {
	background:#f8f8f8;
}
.price-wrap .price-list .row > div[class^='col-'] .inner .img {
	box-sizing:border-box;
	padding-bottom:90%;
	background-repeat:no-repeat;
	background-position:center center;
	background-size:70%;
}
.price-wrap .price-list .row > div[class^='col-'] .inner .txt {
	box-sizing:border-box;
	padding:0 3rem 5rem;
	text-align:center;
	color:#222;
}
.price-wrap .price-list .row > div[class^='col-'] .inner .txt > .name {
	font-size:1.8rem;
	font-weight:500;
}
.price-wrap .price-list .row > div[class^='col-'] .inner .txt > .price {
	font-size:3rem;
	font-weight:700;
	color:var(--main);
}
.price-wrap .price-list .row > div[class^='col-'] .inner .txt > .btn-price {
	display:inline-block;
	margin-top:2rem;
	border:1px solid #222;
	text-align:center;
	font-size:1.8rem;
	font-weight:500;
	color:#222;
	padding:1.5rem 3rem;
}
.price-wrap .price-list .row > div[class^='col-'] .inner .txt > .btn-price:hover {
	background:#222;
	color:#fff;
}
@media (max-width: 991.98px) {
	.price-wrap .price-list .row {
		margin-left:-10px;
		margin-right:-10px;
	}
	.price-wrap .price-list .row > div[class^='col-'] {
		margin-bottom:2rem;
		padding-left:10px;
		padding-right:10px;
	}
	.price-wrap .price-list .row > div[class^='col-'] .inner {
		background:#f8f8f8;
	}
	.price-wrap .price-list .row > div[class^='col-'] .inner .txt {
		padding:0 2rem 4rem;
	}
	.price-wrap .price-list .row > div[class^='col-'] .inner .txt > .name {
		font-size:1.6rem;
	}
	.price-wrap .price-list .row > div[class^='col-'] .inner .txt > .price {
		font-size:2.4rem;
	}
	.price-wrap .price-list .row > div[class^='col-'] .inner .txt > .btn-price {
		margin-top:1rem;
		font-size:1.6rem;
		padding:1.2rem 3rem 1rem;
	}
}
@media (max-width: 575.98px) {
	.price-wrap .price-list .row {
		margin-left:-5px;
		margin-right:-5px;
	}
	.price-wrap .price-list .row > div[class^='col-'] {
		margin-bottom:1rem;
		padding-left:5px;
		padding-right:5px;
	}
	.price-wrap .price-list .row > div[class^='col-'] .inner .img {
		padding-bottom:90%;
		background-size:65%;
	}
	.price-wrap .price-list .row > div[class^='col-'] .inner .txt {
		padding:0 1.5rem 2rem;
	}
	.price-wrap .price-list .row > div[class^='col-'] .inner .txt > .price {
		font-size:2rem;
	}
	.price-wrap .price-list .row > div[class^='col-'] .inner .txt > .btn-price {
		margin-top:1rem;
		font-size:1.4rem;
		padding:1rem 2rem 0.8rem;
	}
}




/************************ 가격정보 모달 ************************/
.modal-content {
	border:0;
	border-radius:0;
	top:50%;
	transform:translateY(-50%);
}
.modal-dialog {
	height:100%;
	margin:0 auto;
}
.modal-dialog.modal-1300 {
	width:100%;
	max-width:130rem;
	padding:0 1.5rem;
}
.modal-body {
	padding:0;
	box-sizing:border-box;
	border:3px solid var(--main);
}
.modal-body .close {
	position:absolute;
	right:4rem;
	top:4rem;
	font-size:3rem;
	font-weight:500;
	color:#222;
	opacity:1;
}
.price-modal-wrap .flex {
	display:flex;
}
.price-modal-wrap .flex > div {
	box-sizing:border-box;
}
.price-modal-wrap .flex .lt {
	width:60%;
	padding:6rem;
	background:#f7f7f7;
}
.price-modal-wrap .flex .rt {
	width:40%;
	padding:6rem 4rem;
}
.price-modal-wrap .flex .lt .top {
	color:#222;
}
.price-modal-wrap .flex .lt .top .name {
	font-size:4rem;
	font-weight:500;
}
.price-modal-wrap .flex .lt .top .desc {
	font-size:1.6rem;
	font-weight:600;
	margin-top:0.5rem;
}
.price-modal-wrap .flex .lt .top .price {
	font-size:4rem;
	font-weight:700;
	line-height:1.2;
}
.price-modal-wrap .flex .lt .top .price > small {
	font-size:1.6rem;
	font-weight:400;
	color:#999;
}
.price-modal-wrap .flex .lt .top .btn-prdInfo {
	display:flex;
	align-items:center;
	font-size:1.8rem;
	font-weight:600;
	color:#222;
	margin-top:1rem;
}
.price-modal-wrap .flex .lt .top .btn-prdInfo > i {
	font-size:2.4rem;
	margin-left:0.5rem;
}
.price-modal-wrap .flex .lt .img {
	box-sizing:border-box;
	padding-bottom:60%;
	background-repeat:no-repeat;
	background-position:center center;
	background-size:70%;
}
.price-modal-wrap .flex .lt .info {
	display:flex;
	align-items:center;
	justify-content:center;
	text-align:center;
	font-size:1.6rem;
	font-weight:300;
	color:#222;
	margin-top:2rem;
}
.price-modal-wrap .flex .lt .info > i {
	font-size:2.4rem;
	color:#222;
	margin-right:0.5rem;
}
.price-modal-wrap .flex .rt .group {
	box-sizing:border-box;
	border-bottom:1px solid #ddd;
	padding:2rem 0;
}
.price-modal-wrap .flex .rt .group:first-child {
	padding-top:0;
}
.price-modal-wrap .flex .rt .group .tit {
	font-size:1.6rem;
	font-weight:600;
	color:#222;
	margin-bottom:1rem;
}
.price-modal-wrap .flex .rt .group .installment {
	margin-top:2rem;
}
.price-modal-wrap .flex .rt .group .installment .process {
	position:relative;
	width:100%;
	height:2rem;
}
.price-modal-wrap .flex .rt .group .installment .process .bar {
	position:absolute;
	left:0;
	top:50%;
	transform:translateY(-50%);
	width:100%;
	height:3px;
	background:#ddd;
	overflow:hidden;
}
.price-modal-wrap .flex .rt .group .installment .process .bar > .bar-full {
	position:absolute;
	left:0;
	top:0;
	width:33.333%;
	height:3px;
	background:var(--main);
	transition:all 0.3s;
}
.price-modal-wrap .flex .rt .group .installment .process .point {
	position:absolute;
	width:1.6rem;
	height:1.6rem;
	border-radius:50%;
	top:50%;
	transform:translateY(-50%);
	z-index:1;
	box-sizing:border-box;
	border:4px solid #ddd;
	background:#fff;
	cursor:pointer;
	transition:all 0.3s;
}
.price-modal-wrap .flex .rt .group .installment .process .point0 {
	left:0;
	border:4px solid var(--main);
}
.price-modal-wrap .flex .rt .group .installment .process .point-chk {
	border:4px solid var(--main);
}
.price-modal-wrap .flex .rt .group .installment .process .point6 {
	left:32%;
}
.price-modal-wrap .flex .rt .group .installment .process .point10 {
	left:65%;
}
.price-modal-wrap .flex .rt .group .installment .process .point12 {
	left:auto;
	right:0;
}
.price-modal-wrap .flex .rt .group .installment .row > div[class^='col-'] {
	text-align:center;
	font-size:1.6rem;
	color:#444;
}

.price-modal-wrap .flex .rt .group .installment-price {
	text-align:right;
}
.price-modal-wrap .flex .rt .group .installment-price .price {
	font-size:4rem;
	font-weight:700;
	line-height:1.2;
	color:#222;
}
.price-modal-wrap .flex .rt .group .installment-price .info {
	font-size:1.6rem;
	color:#444;
}
.price-modal-wrap .flex .rt .group .installment-price .tax {
	font-size:1.6rem;
	color:#444;
	margin-top:1rem;
}
.price-modal-wrap .flex .rt .btm {
	padding-top:3rem;
}
.price-modal-wrap .flex .rt .btm .txt {
	text-align:center;
	font-size:1.4rem;
	color:#444;
}
.price-modal-wrap .flex .rt .btm .btnArea{
	margin-top:3rem;
	display:flex;
	align-items:center;
	justify-content:space-between;
}
.price-modal-wrap .flex .rt .btm .btn-modal {
	display:inline-block;
	width:calc(50% - 0.5rem);
	font-size:1.8rem;
	text-align:center;
	box-sizing:border-box;
	padding:1.4rem;
	border:1px solid #222;
	color:#222;
}
.price-modal-wrap .flex .rt .btm .btn-modal:hover {
	background:#222;
	color:#fff;
}
@media (max-width: 991.98px) {
	.modal {
		padding-right:0 !important;
	}
	.modal-body .close {
		right:3rem;
		top:3rem;
		font-size:2.4rem;
	}
	.price-modal-wrap .flex .lt {
		width:50%;
		padding:4rem;
		background:#f7f7f7;
	}
	.price-modal-wrap .flex .rt {
		width:50%;
		padding:4rem 3rem;
	}
	.price-modal-wrap .flex .lt .top .name {
		font-size:3rem;
	}
	.price-modal-wrap .flex .lt .top .price {
		font-size:3rem;
	}
	.price-modal-wrap .flex .lt .top .price > small {
		font-size:1.4rem;
	}
	.price-modal-wrap .flex .lt .top .btn-prdInfo {
		font-size:1.6rem;
	}
	.price-modal-wrap .flex .lt .top .btn-prdInfo > i {
		font-size:1.8rem;
		position:relative;
		top:-2px;
	}
	.price-modal-wrap .flex .lt .img {
		padding-bottom:80%;
		background-size:80%;
	}
	.price-modal-wrap .flex .lt .info {
		display:block;
		font-size:1.4rem;
	}
	.price-modal-wrap .flex .lt .info > i {
		font-size:2rem;
		margin-right:0;
	}
	.price-modal-wrap .flex .rt .group .installment {
		margin-top:1rem;
	}
	.price-modal-wrap .flex .rt .group .installment-price .price {
		font-size:3rem;
	}
	.price-modal-wrap .flex .rt .group .installment-price .info {
		font-size:1.4rem;
	}
	.price-modal-wrap .flex .rt .group .installment-price .tax {
		font-size:1.4rem;
	}
	.price-modal-wrap .flex .rt .btm {
		padding-top:2rem;
	}
	.price-modal-wrap .flex .rt .btm .btnArea{
		margin-top:2rem;
	}
	.price-modal-wrap .flex .rt .btm .btn-modal {
		width:calc(50% - 0.4rem);
		font-size:1.6rem;
	}
}
@media (max-width: 767.98px) {
	.modal-body .close {
		right:2rem;
		top:2rem;
	}
	.price-modal-wrap .flex .lt {
		padding:3rem;
	}
	.price-modal-wrap .flex .rt {
		padding:3rem;
	}
	.price-modal-wrap .flex .lt .img {
		padding-bottom:100%;
	}
	.price-modal-wrap .flex .rt .btm .btn-modal {
		padding:1.2rem;
	}
}
@media (max-width: 575.98px) {
	.modal-dialog.modal-1300 {
		padding:1.5rem;
	}
	.modal-content {
		top:0;
		transform:translateY(0);
	}
	.price-modal-wrap .flex {
		display:block;
	}
	.price-modal-wrap .flex .lt {
		width:100%;
	}
	.price-modal-wrap .flex .rt {
		width:100%;
	}
	.price-modal-wrap .flex .lt .img {
		padding-bottom:60%;
		background-size:70%;
	}
}




/************************ 특수판매 ************************/
.sale-wrap .sec01:before {
	content:"";
	position:absolute;
	width:100%;
	height:30%;
	background:#f8f8f8;
	left:0;
	bottom:0;
}
.sale-wrap .sec01 .img {
	margin-top:6rem;
	width:100%;
	padding-bottom:25%;
	background-repeat:no-repeat;
	background-position:center center;
	background-size:cover;
}
@media (max-width: 991.98px) {
	.sale-wrap .sec01 .img {
		margin-top:3rem;
		padding-bottom:30%;
	}
}
@media (max-width: 575.98px) {
	.sale-wrap .sec01 .img {
		margin-top:2rem;
	}
}

.sale-wrap .sec02 {
	padding:10rem 0 5rem;
	background:#f8f8f8;
}
.sale-wrap .sec02 .row {
	margin-top:4rem;
}
.sale-wrap .sec02 .row > div[class^='col-'] {
	margin-bottom:5rem;
}
.sale-wrap .sec02 .row > div[class^='col-'] > .inner {
	height:100%;
}
.sale-wrap .sec02 .row > div[class^='col-'] > .inner > .tit {
	font-size:3rem;
	font-weight:600;
	color:#222;
	margin-top:4rem;
}
.sale-wrap .sec02 .row > div[class^='col-'] > .inner > p {
	font-size:1.8rem;
	color:#444;
	margin-top:1rem;
}
@media (max-width: 991.98px) {
	.sale-wrap .sec02 {
		padding:5rem 0 1rem;
	}
	.sale-wrap .sec02 .row {
		margin-top:2rem;
	}
	.sale-wrap .sec02 .row > div[class^='col-'] {
		margin-bottom:4rem;
	}
	.sale-wrap .sec02 .row > div[class^='col-'] > .inner > .icon > img {
		max-height:4.6rem;
	}
	.sale-wrap .sec02 .row > div[class^='col-'] > .inner > .tit {
		font-size:2rem;
		margin-top:2rem;
	}
	.sale-wrap .sec02 .row > div[class^='col-'] > .inner > p {
		font-size:1.6rem;
		margin-top:1rem;
	}
}
@media (max-width: 575.98px) {
	.sale-wrap .sec02 {
		padding:4rem 0 1rem;
	}
	.sale-wrap .sec02 .row > div[class^='col-'] {
		margin-bottom:3rem;
	}
	.sale-wrap .sec02 .row > div[class^='col-'] > .inner > .icon > img {
		max-height:4rem;
	}
	.sale-wrap .sec02 .row > div[class^='col-'] > .inner > .tit {
		font-size:1.8rem;
		margin-top:1.5rem;
	}
	.sale-wrap .sec02 .row > div[class^='col-'] > .inner > p {
		margin-top:0.5rem;
	}
}


.sale-wrap .sec03 {
	padding:10rem 0;
}
.sale-wrap .sec03 .row {
	margin-top:4rem;
	position:relative;
}
.sale-wrap .sec03 .row > div[class^='col-']{}
.sale-wrap .sec03 .row > div[class^='col-'] > .inner {
	height:100%;
}
.sale-wrap .sec03 .row > div[class^='col-'] > .inner > .top {
	width:100%;
	padding-bottom:100%;
	box-sizing:border-box;
	position:relative;
	border:1px solid #ddd;
	border-radius:50%;
}
.sale-wrap .sec03 .row > div[class^='col-']:first-child > .inner > .top:before {
	content:"";
	position:absolute;
	width:360rem;
	height:1px;
	left:-120rem;
	top:50%;
	transform:translateY(50%);
	background:#ddd;
	z-index:1;
}
.sale-wrap .sec03 .row > div[class^='col-'] > .inner > .top > .in {
	position:absolute;
	width:100%;
	height:100%;
	left:0;
	top:0;
	display:flex;
	align-items:center;
	justify-content:space-between;
	flex-direction:column;
	box-sizing:border-box;
	padding:28% 0;
	font-size:2rem;
	font-weight:500;
	color:#222;
}
.sale-wrap .sec03 .row > div[class^='col-'] > .inner > .top > .in > .step {
	color:var(--navi);
}
.sale-wrap .sec03 .row > div[class^='col-']:last-child > .inner > .top {
	background:var(--navi);
	border:1px solid var(--navi);
}
.sale-wrap .sec03 .row > div[class^='col-']:last-child > .inner > .top > .in,
.sale-wrap .sec03 .row > div[class^='col-']:last-child > .inner > .top > .in > .step {
	color:#fff;
}
.sale-wrap .sec03 .row > div[class^='col-'] > .inner > .btm {
	position:relative;
	font-size:1.8rem;
	color:#444;
	text-align:center;
	box-sizing:border-box;
	padding-top:2rem;
	margin-top:1rem;
}
.sale-wrap .sec03 .row > div[class^='col-'] > .inner > .btm:before {
	content:"";
	position:absolute;
	width:1px;
	height:3rem;
	background:#ddd;
	left:50%;
	top:-2.5rem;
	transform:translateX(-50%);
}
@media (max-width: 1199.98px) {
	.sale-wrap .sec03 {
		padding:10rem 0 6rem;
	}
	.sale-wrap .sec03 .row > div[class^='col-'] > .inner > .top > .in {
		font-size:1.8rem;
	}
	.sale-wrap .sec03 .row > div[class^='col-'] > .inner > .btm {
		font-size:1.6rem;
	}
}
@media (max-width: 991.98px) {
	.sale-wrap .sec03 {
		padding:4rem 0 1rem;
	}
	.sale-wrap .sec03 .row > div[class^='col-'] {
		margin-bottom:3rem;
	}
	.sale-wrap .sec03 .row > div[class^='col-']:first-child > .inner > .top:before{
		display:none;
	}
	.sale-wrap .sec03 .row > div[class^='col-'] > .inner > .top > .in {
		justify-content:center;
		padding:0;
	}
}
@media (max-width: 575.98px) {
	.sale-wrap .sec03 .row {
		margin-top:2rem;
	}
	.sale-wrap .sec03 .row > div[class^='col-'] {
		margin-bottom:2rem;
	}
	.sale-wrap .sec03 .row > div[class^='col-'] > .inner > .top > .in {
		font-size:1.6rem;
		text-align:center;
	}
	.sale-wrap .sec03 .row > div[class^='col-'] > .inner > .btm {
		font-size:1.4rem;
		box-sizing:border-box;
		padding:0 1rem;
		padding-top:1rem;
	}
	.sale-wrap .sec03 .row > div[class^='col-'] > .inner > .btm:before {
		height:2rem;
		top:-2rem;
	}
}
.sale-wrap .sec04 {
	padding-top:5rem;
}
.sale-wrap .sec04 .btm{
	position:relative;
	padding-bottom:40%;
	margin-top:5rem;
}
.sale-wrap .sec04 .btm > .map {
	position:absolute;
	width:100%;
	height:100%;
	left:0;
	top:0;
}
.sale-wrap .sec04 .btm > .info-box {
	position:absolute;
	width:100%;
	max-width:50rem;
	right:10rem;
	top:50%;
	transform:translateY(-50%);
	z-index:10;
	background:rgba(10,54,127,0.9);
	box-sizing:border-box;
	padding:5rem;
	color:#fff;
}
.sale-wrap .sec04 .btm > .info-box > .adr {
	font-size:3rem;
	font-weight:600;
	margin-top:3rem;
}
.sale-wrap .sec04 .btm > .info-box > .etc > div {
	display:flex;
	font-size:1.8rem;
	margin-top:2rem;
}
.sale-wrap .sec04 .btm > .info-box > .etc > div > span {
	display:block;
	width:25%;
	font-weight:600;
}
.sale-wrap .sec04 .btm > .info-box > .etc > div > p {
	width:75%;
}
.sale-wrap .sec04 .btm > .info-box > .btn-inquiry {
	display:block;
	text-align:center;
	box-sizing:border-box;
	border:1px solid #fff;
	color:#fff;
	padding:1.4rem;
	font-size:1.8rem;
	margin-top:3rem;
}
@media (max-width: 1280px) {
	.sale-wrap .sec04 .btm > .info-box {
		max-width:40rem;
		right:3rem;
		padding:3rem;
	}
	.sale-wrap .sec04 .btm > .info-box > .adr {
		font-size:2rem;
		margin-top:2rem;
	}
	.sale-wrap .sec04 .btm > .info-box > .etc > div {
		font-size:1.6rem;
		margin-top:1.5rem;
	}
	.sale-wrap .sec04 .btm > .info-box > .btn-inquiry {
		padding:1.2rem;
		font-size:1.6rem;
		margin-top:2rem;
	}
}
@media (max-width: 991.98px) {
	.sale-wrap .sec04 {
		padding-top:3rem;
	}
	.sale-wrap .sec04 .btm{
		margin-top:3rem;
		display:flex;
		padding-bottom:0;
	}
	.sale-wrap .sec04 .btm > .map {
		position:relative;
		width:60%;
		height:auto;
	}
	.sale-wrap .sec04 .btm > .info-box {
		position:relative;
		top:0;
		transform:translateY(0);
		width:40%;
		height:auto;
		max-width:max-content;
		right:0;
		display:flex;
		flex-direction:column;
		justify-content:center;
	}
}
@media (max-width: 767.98px) {
	.sale-wrap .sec04 .btm{
		display:block;
	}
	.sale-wrap .sec04 .btm > .map {
		width:100%;
		padding-bottom:40%;
	}
	.sale-wrap .sec04 .btm > .info-box {
		width:100%;
		max-width:unset;
		display:flex;
		flex-direction:column;
		justify-content:center;
	}
	.sale-wrap .sec04 .btm > .info-box > .icon > img {
		max-width:10rem;
	}
	.sale-wrap .sec04 .btm > .info-box > .adr {
		font-size:1.8rem;
	}
	.sale-wrap .sec04 .btm > .info-box > .etc > div {
		margin-top:1rem;
	}
	.sale-wrap .sec04 .btm > .info-box > .etc > div > span {
		width:8rem;
	}
	.sale-wrap .sec04 .btm > .info-box > .etc > div > p {
		width:calc(100% - 8rem);
	}
}



/************************ 구매상담 ************************/
.consulting-wrap .sec01 .btm {
	position:relative;
	box-sizing:border-box;
	padding:0 1.5rem;
	margin-top:4rem;
}
.consulting-wrap .sec01 .img {
	width:100%;
	position:relative;
	padding-bottom:30%;
	background-repeat:no-repeat;
	background-position:center center; 
	background-size:cover;
}
.consulting-wrap .sec01 .img > .txt {
	position:absolute;
	left:50%;
	top:50%;
	transform:translate(-50%, -50%);
	font-size:7rem;
	font-weight:700;
	color:#fff;
}
.consulting-wrap .sec01 .info-box {
	position:relative;
	left:50%;
	top:-10rem;
	transform:translateX(-50%);
	box-sizing:border-box;
	width:100%;
	max-width:143rem;
	z-index:10;
	padding:0 1.5rem;
}
.consulting-wrap .sec01 .info-box .flex {
	display:flex;
	align-items:center;
	justify-content:center;
	padding:4rem 0;
	background:#fff;
	box-shadow:10px 0 25px rgba(0,0,0,0.08);
}
.consulting-wrap .sec01 .info-box .flex > .in {
	width:20%;
	text-align:center;
	font-size:1.8rem;
	box-sizing:border-box;
	padding:3rem 0;
	border-right:1px solid #ddd;
}
.consulting-wrap .sec01 .info-box .flex > .in:last-child {
	border-right:0;
}
.consulting-wrap .sec01 .info-box .flex > .in > span {
	display:block;
}
.consulting-wrap .sec01 .info-box .flex > .in > p {
	margin-top:1rem;
	font-weight:600;
}
@media (max-width: 1199.98px) {
	.consulting-wrap .sec01 .btm {
		padding:0 3rem;
	}
	.consulting-wrap .sec01 .img > .txt {
		font-size:4rem;
	}
	.consulting-wrap .sec01 .info-box {
		top:-6rem;
		padding:0 15px;
		max-width:960px;
	}
	.consulting-wrap .sec01 .info-box .flex {
		padding:2rem 0;
	}
	.consulting-wrap .sec01 .info-box .flex > .in {
		font-size:1.6rem;
		padding:2rem 1rem;
	}
	.consulting-wrap .sec01 .info-box .flex > .in > p {
		margin-top:0.5rem;
	}
}
@media (max-width: 991.98px) {
	.consulting-wrap .sec01 .img > .txt {
		font-size:3rem;
	}
	.consulting-wrap .sec01 .info-box {
		max-width:720px;
	}
	.consulting-wrap .sec01 .info-box .flex {
		flex-wrap:wrap;
		justify-content:left;
	}
	.consulting-wrap .sec01 .info-box .flex > .in {
		width:50%;
		padding:1.5rem 1rem;
	}
	.consulting-wrap .sec01 .info-box .flex > .in:last-child {
		border-right:1px solid #ddd;;
	}
}
@media (max-width: 767.98px) {
	.consulting-wrap .sec01 .btm {
		padding:0 2rem;
		margin-top:2rem;
	}
	.consulting-wrap .sec01 .img {
		padding-bottom:40%;
	}
	.consulting-wrap .sec01 .img > .txt {
		top:40%;
		font-size:2rem;
	}
	.consulting-wrap .sec01 .info-box {
		top:-4rem;
		padding:0 1rem;
	}
	.consulting-wrap .sec01 .info-box .flex > .in {
		font-size:1.5rem;
	}
}



/************************ 구매안내 ************************/

.saleInfo-wrap .box {
	box-sizing:border-box;
	padding:5rem 7rem;
	border:1px solid #ddd;
}
.saleInfo-wrap .box:not(.box:last-child){
	margin-bottom:5rem;
}
.saleInfo-wrap .box .title {
	border-bottom:1px solid #ddd;
	padding-bottom:5rem;
	margin-bottom:5rem;
}
.saleInfo-wrap .box .title > p {
	margin-top:1rem;
}
.saleInfo-wrap .box > dl {
	position:relative;
	display:flex;
}
.saleInfo-wrap .box > dl:before {
	content:"";
	position:absolute;
	width:1px;
	height:100%;
	left:4rem;
	top:0;
	background:#ddd;
}
.saleInfo-wrap .box > dl:last-child:before {
	display:none;
}
.saleInfo-wrap .box > dl:not(dl:last-child){
	padding-bottom:3rem;
}
.saleInfo-wrap .box > dl > dt {
	width:16rem;
	box-sizing:border-box;
}
.saleInfo-wrap .box > dl > dd {
	width:calc(100% - 16rem);
	box-sizing:border-box;
	padding-top:1rem;
}
.saleInfo-wrap .box > dl > dt > .num {
	position:relative;
	display:flex;
	align-items:center;
	justify-content:center;
	text-aglin:center;
	font-size:2rem;
	font-weight:600;
	color:#fff;
	background:#a1abbc;
	border-radius:50%;
	width:8rem;
	height:8rem;
}
.saleInfo-wrap .box > dl:last-child > dt > .num {
	background:var(--main);
}
.saleInfo-wrap .box > dl > dd > .tit {
	font-size:2rem;
	font-weight:600;
	color:#222;
}
.saleInfo-wrap .box > dl > dd > p {
	font-size:1.8rem;
	color:#444;
	margin-bottom:1rem;
}
.saleInfo-wrap .box > dl > dd > .flex {
	display:flex;
	flex-wrap:wrap;
	align-items:center;
	margin-left:-5px;
	margin-right:-5px;
}
.saleInfo-wrap .box > dl > dd > .flex > .inner {
	display:inline-block;
	padding-left:5px;
	padding-right:5px;
}
.saleInfo-wrap .box > dl > dd > .flex > .inner > .in {
	box-sizing:border-box;
	text-align:center;
	height:100%;
	font-size:1.8rem;
	color:#222;
	border:1px solid #222;
	padding:1.4rem;
	width:12rem;
}
.saleInfo-wrap .box > dl > dd > .flex > .inner > .in.active {
	background:#222;
	color:#fff;
}
@media (max-width: 1199.98px) {
	.saleInfo-wrap .box {
		padding:4rem 4rem;
	}
	.saleInfo-wrap .box:not(.box:last-child){
		margin-bottom:3rem;
	}
	.saleInfo-wrap .box .title {
		padding-bottom:3rem;
		margin-bottom:3rem;
	}
	.saleInfo-wrap .box > dl:before {
		left:3rem;
	}
	.saleInfo-wrap .box > dl:not(dl:last-child){
		padding-bottom:2rem;
	}
	.saleInfo-wrap .box > dl > dt {
		width:10rem;
		box-sizing:border-box;
	}
	.saleInfo-wrap .box > dl > dd {
		width:calc(100% - 10rem);
	}
	.saleInfo-wrap .box > dl > dt > .num {
		font-size:1.8rem;
		width:6rem;
		height:6rem;
	}
	.saleInfo-wrap .box > dl:last-child > dt > .num {
		background:var(--main);
	}
	.saleInfo-wrap .box > dl > dd > .tit {
		font-size:1.8rem;
	}
	.saleInfo-wrap .box > dl > dd > p {
		font-size:1.6rem;
	}
	.saleInfo-wrap .box > dl > dd > .flex > .inner > .in {
		font-size:1.6rem;
		padding:1.2rem;
	}
}
@media (max-width: 991.98px) {
	.saleInfo-wrap .box > dl > dd > .flex {
		margin-left:-3px;
		margin-right:-3px;
	}
	.saleInfo-wrap .box > dl > dd > .flex > .inner {
		padding-left:3px;
		padding-right:3px;
		margin-bottom:6px;
	}
	.saleInfo-wrap .box > dl > dd > .flex > .inner > .in {
		font-size:1.4rem;
		padding:1rem;
		width:10rem;
	}
}
@media (max-width: 575.98px) {
	.saleInfo-wrap .box {
		padding:3rem 3rem;
	}
	.saleInfo-wrap .box:not(.box:last-child){
		margin-bottom:2rem;
	}
	.saleInfo-wrap .box .title {
		padding-bottom:2rem;
		margin-bottom:2rem;
	}
	.saleInfo-wrap .box > dl:before {
		left:2.5rem;
	}
	.saleInfo-wrap .box > dl > dt {
		width:7rem;
	}
	.saleInfo-wrap .box > dl > dd {
		width:calc(100% - 7rem);
	}
	.saleInfo-wrap .box > dl > dt > .num {
		font-size:1.6rem;
		width:5rem;
		height:5rem;
	}
	.saleInfo-wrap .box > dl > dd > .flex > .inner > .in {
		font-size:1.5rem;
	}
}


/* 서비스 안내 */
.service-wrap .sec01 {
	padding-bottom:10rem;
}
.service-wrap .sec02 {
	padding:8rem 0;
	background:#f8f8f8;
}
.service-wrap .sec02 .title > h3 {
	margin-top:0;
}
.service-wrap .sec02 .title > p {
	margin-top:1rem;
}
.service-wrap .service_faq {
	margin-top:4rem;
	box-sizing:border-box;
	border-top:1px solid #222;
}
.service-wrap .service_faq > dl > dt{
	box-sizing:border-box;
	padding:2rem 8rem 2rem 3rem;
	display:flex;
	align-items:center;
	flex-wrap:wrap;
	justify-content:center;
	flex-direction:column;
	position:relative;
	font-size:1.8rem;
	font-weight:400;
	line-height:1.4;
	color:#222;
	cursor:pointer;
	height:auto;
	min-height:10rem;
	border-bottom:1px solid #222;
}
.service-wrap .service_faq > dl > dt:before {
	content: "\e941";
	font-family:"xeicon";
	position:absolute;
	right:3rem;
	top:50%;
	transform:translateY(-50%);
	font-size:3rem;
	color:#222;
}
.service-wrap .service_faq > dl.on > dt:before {
	content: "\e944";
}
.service-wrap .service_faq > dl > dt > .gy {
	color:#666;
}
.service-wrap .service_faq > dl > dt > p {
	width:100%;
	line-height:1.6;
}
.service-wrap .service_faq > dl > dd {
	box-sizing:border-box;
	padding:5rem;
	font-size:1.6rem;
	color:#666;
	background:#fff;
	border-bottom:1px solid #222;
	display:none;
}
.service-wrap .service_faq > dl > dd > p.tit {
	font-size:1.8rem;
	font-weight:500;
	color:#22;
	text-align:center;
	margin-bottom:1rem;
}
.service-wrap .service_faq > dl > dd > p.tit:not(p.tit:first-child){
	margin-top:4rem;
}
@media (max-width: 991.98px) {
	.service-wrap .sec01 {
		padding-bottom:4rem;
	}
	.service-wrap .sec02 {
		padding:4rem 0;
	}
	.service-wrap .service_faq {
		margin-top:2rem;
	}
	.service-wrap .service_faq > dl > dt{
		padding:1rem 6rem 1rem 2rem;
		min-height:8rem;
		font-size:1.6rem;
	}
	.service-wrap .service_faq > dl > dt:before {
		right:2rem;
		font-size:2rem;
	}
	.service-wrap .service_faq > dl > dd {
		padding:2rem;
		font-size:1.5rem;
	}
	.service-wrap .service_faq > dl > dd > p.tit {
		font-size:1.6rem;
	}
	.service-wrap .service_faq > dl > dd > p.tit:not(p.tit:first-child){
		margin-top:2rem;
	}
}

.service-wrap .sec03 {
	padding:10rem 0;
}
.service-wrap .sec03 .title > h3 {
	margin-top:0;
	margin-bottom:1rem;
}
@media (max-width: 991.98px) {
	.service-wrap .sec03 {
		padding:4rem 0;
	}
}
.service-wrap .sec04 {
	padding-bottom:10rem;
}
.service-wrap .sec04 .box {
	box-sizing:border-box;
	margin-top:2rem;
	border:1px solid #ddd;
	padding:5rem 4rem;
}
.service-wrap .sec04 .box ul {
	list-style:none;
	padding-left:0;
}
.service-wrap .sec04 .box ul > li {
	position:relative;
	padding-left:2.5rem;
	font-size:1.7rem;
	color:#444;
	margin:0.8rem 0;
}
.service-wrap .sec04 .box ul > li:before {
	content: "\e929";
	font-family:"xeicon";
	font-size:2rem;
	position:absolute;
	left:0;
	top:-4px;
}
@media (max-width: 1199.98px) {
	.service-wrap .sec04 .box {
		padding:4rem 3rem;
	}
}
@media (max-width: 991.98px) {
	.service-wrap .sec04 {
		padding-bottom:4rem;
	}
	.service-wrap .sec04 .box {
		margin-top:1rem;
		padding:2rem 2rem;
	}
	.service-wrap .sec04 .box ul > li {
		padding-left:2.5rem;
		font-size:1.6rem;
		margin:0.5rem 0;
	}
	.service-wrap .sec04 .box ul > li:before {
		font-size:1.8rem;
		top:-2px;
	}
}

.service-wrap .sec05 {
	padding-bottom:10rem;
}
.service-wrap .sec05 .btm {
	margin-top:4rem;
	position:relative;
}
.service-wrap .sec05 .img {
	position:relative;
	padding-bottom:25%;
	background-repeat:no-repeat;
	background-position:center center;
	background-size:cover;
}
.service-wrap .sec05 .btm .box {
	position:absolute;
	left:50%;
	transform:translateX(-50%);
	bottom:-4rem;
	width:50%;
	box-sizing:border-box;
	padding:7rem 2rem;
	background:#f8f8f8;
	text-align:center;
	font-size:1.8rem;
	color:#444;
}
.service-wrap .sec05 .btm .box .tit {
	position:absolute;
	left:-2rem;
	top:-2rem;
	text-align:center;
	background:var(--main);
	color:#fff;
	font-size:1.8rem;
	font-weight:500;
	box-sizing:border-box;
	padding:4rem 5rem;
}
.service-wrap .sec05 .btm .box .inner > .num {
	font-size:4rem;
	font-weight:600;
	color:#222;
}
@media (max-width: 1280px) {
	.service-wrap .sec05 .btm .box {
		padding:5rem 2rem;
		font-size:1.6rem;
	}
	.service-wrap .sec05 .btm .box .tit {
		font-size:1.6rem;
		padding:3rem 4rem;
	}
	.service-wrap .sec05 .btm .box .inner > .num {
		font-size:3rem;
	}
}
@media (max-width: 991.98px) {
	.service-wrap .sec05 {
		padding-bottom:4rem;
	}
	.service-wrap .sec05 .btm {
		margin-top:2rem;
	}
	.service-wrap .sec05 .img {
		padding-bottom:35%;
	}
	.service-wrap .sec05 .btm .box {
		left:0;
		transform:translateX(0);
		bottom:-2rem;
		width:50%;
		padding:5rem 2rem;
	}
	.service-wrap .sec05 .btm .box .tit {
		padding:2rem 3rem;
	}
	.service-wrap .sec05 .btm .box .inner > .num {
		font-size:2.4rem;
	}
}
@media (max-width: 575.98px) {
	.service-wrap .sec05 .btm .box {
		position:relative;
		bottom:0;
		width:100%;
		padding:2rem 2rem;
	}
	.service-wrap .sec05 .btm .box .tit {
		left:-1rem;
		top:-2rem;
		padding:2rem 3rem;
	}
	.service-wrap .sec05 .btm .box .inner > .num {
		font-size:2rem;
	}
}

.service-wrap .sec06 .row {
	margin-top:4rem;
	position:relative;
}
.service-wrap .sec06 .row > div[class^='col-']{}
.service-wrap .sec06 .row > div[class^='col-'] > .inner {
	height:100%;
}
.service-wrap .sec06 .row > div[class^='col-'] > .inner > .top {
	width:100%;
	padding-bottom:100%;
	box-sizing:border-box;
	position:relative;
	border:1px solid #ddd;
	border-radius:50%;
}
.service-wrap .sec06  .row > div[class^='col-']:first-child > .inner > .top:before {
	content:"";
	position:absolute;
	width:360rem;
	height:1px;
	left:-120rem;
	top:50%;
	transform:translateY(50%);
	background:#ddd;
	z-index:1;
}
.service-wrap .sec06 .row > div[class^='col-'] > .inner > .top > .in {
	position:absolute;
	width:100%;
	height:100%;
	left:0;
	top:0;
	display:flex;
	align-items:center;
	justify-content:space-between;
	flex-direction:column;
	box-sizing:border-box;
	padding:28% 0;
	font-size:2rem;
	font-weight:500;
	color:#222;
}
.service-wrap .sec06 .row > div[class^='col-'] > .inner > .top > .in > .step {
	color:var(--navi);
}
.service-wrap .sec06 .row > div[class^='col-']:last-child > .inner > .top {
	background:var(--navi);
	border:1px solid var(--navi);
}
.service-wrap .sec06 .row > div[class^='col-']:last-child > .inner > .top > .in,
.service-wrap .sec06 .row > div[class^='col-']:last-child > .inner > .top > .in > .step {
	color:#fff;
}
.service-wrap .sec06 .row > div[class^='col-'] > .inner > .btm {
	position:relative;
	font-size:1.8rem;
	color:#444;
	text-align:center;
	box-sizing:border-box;
	padding-top:2rem;
	margin-top:1rem;
}
.service-wrap .sec06 .row > div[class^='col-'] > .inner > .btm:before {
	content:"";
	position:absolute;
	width:1px;
	height:3rem;
	background:#ddd;
	left:50%;
	top:-2.5rem;
	transform:translateX(-50%);
}
@media (max-width: 1199.98px) {
	.service-wrap .sec06 {
		padding:10rem 0 6rem;
	}
	.service-wrap .sec06 .row > div[class^='col-'] > .inner > .top > .in {
		font-size:1.8rem;
	}
	.service-wrap .sec06 .row > div[class^='col-'] > .inner > .btm {
		font-size:1.6rem;
	}
}
@media (max-width: 991.98px) {
	.service-wrap .sec06 {
		padding:4rem 0 1rem;
	}
	.service-wrap .sec06 .row > div[class^='col-'] {
		margin-bottom:3rem;
	}
	.service-wrap .sec06  .row > div[class^='col-']:first-child > .inner > .top:before {
		display:none;
	}
	.service-wrap .sec06 .row > div[class^='col-'] > .inner > .top > .in {
		justify-content:center;
		padding:0;
	}
}
@media (max-width: 575.98px) {
	.service-wrap .sec06 .row {
		margin-top:2rem;
	}
	.service-wrap .sec06 .row > div[class^='col-'] {
		margin-bottom:2rem;
	}
	.service-wrap .sec06 .row > div[class^='col-'] > .inner > .top > .in {
		font-size:1.6rem;
		text-align:center;
	}
	.service-wrap .sec06 .row > div[class^='col-'] > .inner > .btm {
		font-size:1.4rem;
		box-sizing:border-box;
		padding:0 1rem;
		padding-top:1rem;
	}
	.service-wrap .sec06 .row > div[class^='col-'] > .inner > .btm:before {
		height:2rem;
		top:-2rem;
	}
}


/************************ I-SCAN ************************/

.IScan-wrap .sec01 {
	padding:10rem 0;
	background:#f8f8f8;
}
.IScan-wrap .sec01 .row > div[class^='col-'] > .inner {
	height:100%;
}
.IScan-wrap .sec01 .row > div[class^='col-'] > .inner > a {
	display:flex;
	justify-content:space-between;
	flex-direction:column;
	height:100%;
	box-sizing:border-box;
	padding:5rem;
	border:2px solid #fff;
	background:#fff;
	transition:all 0.3s;
}
.IScan-wrap .sec01 .row > div[class^='col-'] > .inner > a > .top {
	margin-bottom:8rem;
}
.IScan-wrap .sec01 .row > div[class^='col-'] > .inner > a > .top .desc {
	font-size:1.8rem;
	font-weight:600;
	color:var(--main);
}
.IScan-wrap .sec01 .row > div[class^='col-'] > .inner > a > .top .tit {
	font-size:2.4rem;
	font-weight:600;
	color:#222;
	margin-top:0.5rem;
}
.IScan-wrap .sec01 .row > div[class^='col-'] > .inner > a > .btm {
	display:flex;
	align-items:center;
	justify-content:space-between;
}
.IScan-wrap .sec01 .row > div[class^='col-'] > .inner > a > .btm > i {
	font-size:4rem;
	color:#444;
}
.IScan-wrap .sec01 .row > div[class^='col-'] > .inner > a:hover {
	border:2px solid var(--main);
	box-shadow:10px 0 20px rgba(0,0,0,0.1);
}
.IScan-wrap .sec01 .row > div[class^='col-'] > .inner > a:hover > .btm > i {
	color:var(--main);
}
@media (max-width: 1199.98px) {
	.IScan-wrap .sec01 .row {
		margin-left:-5px;
		margin-right:-5px;
	}
	.IScan-wrap .sec01 .row > div[class^='col-'] {
		padding-left:5px;
		padding-right:5px;
	}
	.IScan-wrap .sec01 .row > div[class^='col-'] > .inner > a {
		padding:3rem;
	}
	.IScan-wrap .sec01 .row > div[class^='col-'] > .inner > a > .top {
		margin-bottom:4rem;
	}
	.IScan-wrap .sec01 .row > div[class^='col-'] > .inner > a > .top .desc {
		font-size:1.6rem;
	}
	.IScan-wrap .sec01 .row > div[class^='col-'] > .inner > a > .top .tit {
		font-size:2rem;
	}
	.IScan-wrap .sec01 .row > div[class^='col-'] > .inner > a > .btm > .icon > img {
		max-height:3.6rem;
	}
	.IScan-wrap .sec01 .row > div[class^='col-'] > .inner > a > .btm > i {
		font-size:3.2rem;
	}
}
@media (max-width: 991.98px) {
	.IScan-wrap .sec01 {
		padding:4rem 0;
	}
	.IScan-wrap .sec01 .row > div[class^='col-'] > .inner > a {
		padding:2rem;
	}
	.IScan-wrap .sec01 .row > div[class^='col-'] > .inner > a > .top {
		margin-bottom:3rem;
	}
	.IScan-wrap .sec01 .row > div[class^='col-'] > .inner > a > .top .desc {
		font-size:1.4rem;
	}
	.IScan-wrap .sec01 .row > div[class^='col-'] > .inner > a > .top .tit {
		font-size:1.8rem;
		line-height:1.4;
	}
	.IScan-wrap .sec01 .row > div[class^='col-'] > .inner > a > .btm > .icon > img {
		max-height:3rem;
	}
	.IScan-wrap .sec01 .row > div[class^='col-'] > .inner > a > .btm > i {
		font-size:2.8rem;
	}
}
@media (max-width: 767.98px) {
	.IScan-wrap .sec01 .row > div[class^='col-'] {
		margin-bottom:1rem;
	}
	.IScan-wrap .sec01 .row > div[class^='col-']:last-child {
		margin-bottom:0;
	}
}

.IScan-wrap .sec02 {
	padding:10rem 0 0;
}
.IScan-wrap .sec02 .row {
	margin-top:4rem;
}
.IScan-wrap .sec02 .row > div[class^="col-"] {
	margin-bottom:4rem;
}
.IScan-wrap .sec02 .row > div[class^="col-"]:last-child {
	margin-bottom:0;
}
.IScan-wrap .sec02 .row > div[class^="col-"] > .box {
	box-sizing:border-box;
	border:1px solid #ddd;
	height:100%;
}
.IScan-wrap .sec02 .row > div[class^="col-"] > .box > .top {
	box-sizing:border-box;
	padding:3rem 5rem;
	border-bottom:1px solid #ddd;
	display:flex;
	align-items:center;
	font-size:1.8rem;
	color:#222;
}
.IScan-wrap .sec02 .row > div[class^="col-"] > .box > .top > .num {
	display:flex;
	align-items:center;
	justify-content:center;
	text-align:center;
	font-size:1.8rem;
	background:var(--navi);
	color:#fff;
	margin-right:1.5rem;
	width:5rem;
	height:5rem;
}
.IScan-wrap .sec02 .row > div[class^="col-"] > .box > .top > p {
	width:calc(100% - 5rem);
}
.IScan-wrap .sec02 .row > div[class^="col-"] > .box > .btm {
	box-sizing:border-box;
	padding:3rem 5rem;
	text-align:center;
	height:auto;
	min-height:36rem;
}
.IScan-wrap .sec02 .row > div[class^="col-"] > .box > .btm > .btn-download {
	display:inline-block;
	box-sizing:border-box;
	font-size:1.8rem;
	padding:1.5rem 3rem;
	background:var(--main);
	color:#fff;
	text-align:center;
	margin-top:2rem;
}
@media (max-width: 1199.98px) {
	.IScan-wrap .sec02 .row {
		margin-top:2rem;
		margin-left:-5px;
		margin-right:-5px;
	}
	.IScan-wrap .sec02 .row > div[class^="col-"] {
		margin-bottom:1rem;
		padding-left:5px;
		padding-right:5px;
	}
	.IScan-wrap .sec02 .row > div[class^="col-"] > .box > .top {
		padding:2rem;
		font-size:1.6rem;
	}
	.IScan-wrap .sec02 .row > div[class^="col-"] > .box > .top > .num {
		font-size:1.6rem;
		margin-right:1rem;
	}
	.IScan-wrap .sec02 .row > div[class^="col-"] > .box > .top > p > img {
		max-width:3rem;
	}
	.IScan-wrap .sec02 .row > div[class^="col-"] > .box > .btm {
		padding:2rem;
		min-height:24rem;
	}
	.IScan-wrap .sec02 .row > div[class^="col-"] > .box > .btm > .btn-download {
		font-size:1.4rem;
		padding:1.2rem 2rem;
	}
}
@media (max-width: 991.98px) {
	.IScan-wrap .sec02 {
		padding:4rem 0 0;
	}
}
@media (max-width: 767.98px) {
	.IScan-wrap .sec02 .row > div[class^="col-"] > .box > .top{
		display:block;
		text-align:center;
		border-bottom:0;
		padding:2rem 2rem 0;
	}
	.IScan-wrap .sec02 .row > div[class^="col-"] > .box > .top > .num {
		position:relative;
		font-size:1.6rem;
		margin-right:0;
		margin:0 auto 1rem;
		width:4rem;
		height:4rem;
	}
	.IScan-wrap .sec02 .row > div[class^="col-"] > .box > .top > p {
		width:100%;
	}
	.IScan-wrap .sec02 .row > div[class^="col-"] > .box > .btm {
		min-height:auto;
	}
}


/************************ 연구개발공통 ************************/
.rnd-wrap .youtube-box {
	text-align:center;
	overflow:hidden;
}
.rnd-wrap .youtube-box .inner {
	padding-top: 56.25%;
	position: relative;
}
.rnd-wrap .youtube-box iframe {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
}
.rnd-wrap .sec02 .row {
	margin-top:10rem;
	position:relative;
	box-sizing:border-box;
	padding:0 10rem;
}
.rnd-wrap .sec02 .row > div[class^='col-']{}
.rnd-wrap .sec02 .row > div[class^='col-'] > .inner {
	height:100%;
}
.rnd-wrap .sec02 .row > div[class^='col-'] > .inner > .top {
	width:100%;
	padding-bottom:100%;
	box-sizing:border-box;
	position:relative;
	border:1px solid #ddd;
	border-radius:50%;
}
.rnd-wrap .sec02 .row > div[class^='col-']:first-child > .inner > .top:before {
	content:"";
	position:absolute;
	width:360rem;
	height:1px;
	left:-120rem;
	top:50%;
	transform:translateY(50%);
	background:#ddd;
	z-index:1;
}
.rnd-wrap .sec02 .row > div[class^='col-'] > .inner > .top > .in {
	position:absolute;
	width:100%;
	height:100%;
	left:0;
	top:0;
	display:flex;
	align-items:center;
	justify-content:space-between;
	flex-direction:column;
	box-sizing:border-box;
	padding:32% 0;
	font-size:2rem;
	font-weight:500;
	color:#222;
}
.rnd-wrap .sec02 .row > div[class^='col-'] > .inner > .top > .in > .step {
	color:var(--navi);
}
.rnd-wrap .sec02 .row > div[class^='col-']:last-child > .inner > .top {
	background:var(--navi);
	border:1px solid var(--navi);
}
.rnd-wrap .sec02 .row > div[class^='col-']:last-child > .inner > .top > .in,
.rnd-wrap .sec02 .row > div[class^='col-']:last-child > .inner > .top > .in > .step {
	color:#fff;
}
.rnd-wrap .sec02 .row > div[class^='col-'] > .inner > .btm {
	position:relative;
	font-size:1.8rem;
	color:#444;
	text-align:center;
	box-sizing:border-box;
	padding:2rem 1.5rem 0;
	margin-top:1rem;
}
.rnd-wrap .sec02 .row > div[class^='col-'] > .inner > .btm:before {
	content:"";
	position:absolute;
	width:1px;
	height:3rem;
	background:#ddd;
	left:50%;
	top:-2.5rem;
	transform:translateX(-50%);
}
@media (max-width: 1199.98px) {
	.rnd-wrap .sec02 {
		padding:10rem 0 6rem;
	}
	.rnd-wrap .sec02 .row > div[class^='col-'] > .inner > .top > .in {
		font-size:1.8rem;
	}
	.rnd-wrap .sec02 .row > div[class^='col-'] > .inner > .btm {
		font-size:1.6rem;
	}
}
@media (max-width: 991.98px) {
	.rnd-wrap .sec02 {
		padding:4rem 0 1rem;
	}
	.rnd-wrap .sec02 .row {
		margin-top:4rem;
		padding:0;
	}
	.rnd-wrap .sec02 .row > div[class^='col-'] {
		margin-bottom:3rem;
	}
}
@media (max-width: 767.98px) {
	.rnd-wrap .sec02 .row > div[class^='col-'] > .inner > .top > .in {
		justify-content:center;
	}
	.rnd-wrap .sec02 .row > div[class^='col-']:first-child > .inner > .top:before {
		display:none;
	}

}
@media (max-width: 575.98px) {
	.rnd-wrap .sec02 .row {
		margin-top:0;
	}
	.rnd-wrap .sec02 .row > div[class^='col-'] {
		margin-bottom:2rem;
	}
	.rnd-wrap .sec02 .row > div[class^='col-'] > .inner > .top > .in {
		font-size:1.6rem;
		text-align:center;
	}
	.rnd-wrap .sec02 .row > div[class^='col-'] > .inner > .btm {
		font-size:1.4rem;
		box-sizing:border-box;
		padding:0 1rem;
		padding-top:1rem;
	}
	.rnd-wrap .sec02 .row > div[class^='col-'] > .inner > .btm:before {
		height:2rem;
		top:-2rem;
	}
}



.process-wrap .sec02 .row > .col-20 {
	max-width:20%;
	flex:0 0 20%;
}
@media (max-width: 1199.98px) {
	.process-wrap .sec02 {
		padding:4rem 0 1rem;
	}
	.process-wrap .sec02 .row {
		margin-top:4rem;
	}
}
@media (max-width: 991.98px) {
	.process-wrap .sec02 .row {
		margin-top:0;
	}
	.process-wrap .sec02 .row > .col-20 {
		max-width:33.3333%;
		flex:0 0 33.3333%;
	}
	.process-wrap .sec02 .row > div[class^='col-']:first-child > .inner > .top:before {
		display:none;
	}
}
@media (max-width: 575.98px) {
	.process-wrap .sec02 .row > .col-20 {
		max-width:50%;
		flex:0 0 50%;
	}
}




/************************ 연구개발공통 ************************/
.customer-wrap .sec01 {
	padding-bottom:10rem;
}
.customer-wrap .sec01 .btm {
	margin-top:4rem;
	position:relative;
}
.customer-wrap .sec01 .img {
	position:relative;
	padding-bottom:25%;
	background-repeat:no-repeat;
	background-position:center center;
	background-size:cover;
}
.customer-wrap .sec01 .btm .box {
	position:absolute;
	left:50%;
	transform:translateX(-50%);
	bottom:-4rem;
	width:50%;
	box-sizing:border-box;
	padding:7rem 2rem;
	background:#f8f8f8;
	text-align:center;
	font-size:1.8rem;
	color:#444;
}
.customer-wrap .sec01 .btm .box .tit {
	position:absolute;
	left:-2rem;
	top:-2rem;
	text-align:center;
	background:var(--main);
	color:#fff;
	font-size:1.8rem;
	font-weight:500;
	box-sizing:border-box;
	padding:4rem 5rem;
}
.customer-wrap .sec01 .btm .box .inner > .num {
	font-size:4rem;
	font-weight:600;
	color:#222;
}
@media (max-width: 1280px) {
	.customer-wrap .sec01 .btm .box {
		padding:5rem 2rem;
		font-size:1.6rem;
	}
	.customer-wrap .sec01 .btm .box .tit {
		font-size:1.6rem;
		padding:3rem 4rem;
	}
	.customer-wrap .sec01 .btm .box .inner > .num {
		font-size:3rem;
	}
}
@media (max-width: 991.98px) {
	.customer-wrap .sec01 {
		padding-bottom:6rem;
	}
	.customer-wrap .sec01 .btm {
		margin-top:2rem;
	}
	.customer-wrap .sec01 .img {
		padding-bottom:35%;
	}
	.customer-wrap .sec01 .btm .box {
		left:0;
		transform:translateX(0);
		bottom:-2rem;
		width:50%;
		padding:5rem 2rem;
	}
	.customer-wrap .sec01 .btm .box .tit {
		padding:2rem 3rem;
	}
	.customer-wrap .sec01 .btm .box .inner > .num {
		font-size:2.4rem;
	}
}
@media (max-width: 575.98px) {
	.customer-wrap .sec01 {
		padding-bottom:4rem;
	}
	.customer-wrap .sec01 .btm .box {
		position:relative;
		bottom:0;
		width:100%;
		padding:2rem 2rem;
	}
	.customer-wrap .sec01 .btm .box .tit {
		left:-1rem;
		top:-2rem;
		padding:2rem 3rem;
	}
	.customer-wrap .sec01 .btm .box .inner > .num {
		font-size:2rem;
	}
}


.customer-wrap .sec02 .row {
	margin-top:3rem;
}
.customer-wrap .sec02 .row > div[class^='col-'] {
	margin-bottom:3rem;
}
.customer-wrap .sec02 .row > div[class^='col-'] > .box {
	position:relative;
	box-sizing:border-box;
	padding:5rem;
	border:1px solid #ddd;
	background:url("../_img/sub/customer_sec02_hover_icon.png") no-repeat right -4rem top -4rem / auto;
	overflow:hidden;
	height:30rem;
	display:flex;
	justify-content:space-between;
	flex-direction:column;
	transition:all 0.3s;
}
.customer-wrap .sec02 .row > div[class^='col-'] > .box > .top > .tit {
	font-size:2.4rem;
	font-weight:600;
	color:#222;
	transition:all 0.3s;
}
.customer-wrap .sec02 .row > div[class^='col-'] > .box > .top > .desc {
	font-size:1.8rem;
	color:#444;
	transition:all 0.3s;
	margin-top:0.5rem;
}
.customer-wrap .sec02 .row > div[class^='col-'] > .box > a {
	font-size:1.8rem;
	color:#fff;
	display:flex;
	align-items:center;
	display:none;
	opacity:0;
	transition:all 0.3s;
}
.customer-wrap .sec02 .row > div[class^='col-'] > .box > a > i {
	font-size:2.2rem;
	margin-right:0.5rem;
}
.customer-wrap .sec02 .row > div[class^='col-'] > .box > .icon {
	position:absolute;
	right:5rem;
	bottom:5rem;
}
.customer-wrap .sec02 .row > div[class^='col-'] > .box:hover {
	background-color:var(--navi);
}
.customer-wrap .sec02 .row > div[class^='col-'] > .box:hover > .top > .tit {
	color:#fff;
}
.customer-wrap .sec02 .row > div[class^='col-'] > .box:hover > .top > .desc {
	color:#fff;
	opacity:0.5;
}
.customer-wrap .sec02 .row > div[class^='col-'] > .box:hover > a {
	display:flex;
	opacity:1;
}
.customer-wrap .sec02 .row > div[class^='col-'] > .box:hover > .icon {
	display:none;
}

@media (max-width: 1280px) {
	.customer-wrap .sec02 .row {
		margin-left:-5px;
		margin-right:-5px;
	}
	.customer-wrap .sec02 .row > div[class^='col-'] {
		margin-bottom:1rem;
		padding-left:5px;
		padding-right:5px;
	}
	.customer-wrap .sec02 .row > div[class^='col-'] > .box {
		padding:3rem;
		height:24rem;
	}
	.customer-wrap .sec02 .row > div[class^='col-'] > .box > .top > .tit {
		font-size:2rem;
	}
	.customer-wrap .sec02 .row > div[class^='col-'] > .box > .top > .desc {
		font-size:1.6rem;
	}
	.customer-wrap .sec02 .row > div[class^='col-'] > .box > a {
		font-size:1.6rem;
	}
	.customer-wrap .sec02 .row > div[class^='col-'] > .box > a > i {
		font-size:2rem;
	}
	.customer-wrap .sec02 .row > div[class^='col-'] > .box > .icon {
		right:3rem;
		bottom:3rem;
	}
	.customer-wrap .sec02 .row > div[class^='col-'] > .box > .icon > img {
		max-height:4.4rem;
	}
}
@media (max-width: 991.98px) {
	.customer-wrap .sec02 .row {
		margin-top:2rem;
	}
	.customer-wrap .sec02 .row > div[class^='col-'] > .box {
		padding:2rem;
		height:20rem;
		background-size:40%;
		background-position:right -2rem top -2rem;
	}
	.customer-wrap .sec02 .row > div[class^='col-'] > .box > .top > .tit {
		font-size:1.8rem;
	}
	.customer-wrap .sec02 .row > div[class^='col-'] > .box > .icon {
		right:2rem;
		bottom:2rem;
	}
}
@media (max-width: 767.98px) {
	.customer-wrap .sec02 .row > div[class^='col-'] > .box {
		background-size:30%;
		background-position:right -2rem top -2rem;
	}
	.customer-wrap .sec02 .row > div[class^='col-'] > .box:hover {
		background-color:#fff;
	}
	.customer-wrap .sec02 .row > div[class^='col-'] > .box:hover > .top > .tit {
		color:#222;
	}
	.customer-wrap .sec02 .row > div[class^='col-'] > .box:hover > .top > .desc {
		color:#444;
		opacity:1;
	}
	.customer-wrap .sec02 .row > div[class^='col-'] > .box > a,
	.customer-wrap .sec02 .row > div[class^='col-'] > .box:hover > a {
		display:flex;
		opacity:1;
		color:#222;
	}
	.customer-wrap .sec02 .row > div[class^='col-'] > .box > .icon > img {
		max-height:3rem;
	}
	.customer-wrap .sec02 .row > div[class^='col-'] > .box:hover > .icon {
		display:block;
	}
}
@media (max-width: 575.98px) {
	.customer-wrap .sec02 .row > div[class^='col-'] > .box {
		height:16rem;
	}
}



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

.company-wrap .youtube-box {
	margin-top:16rem;
	position:relative;
	text-align:center;
}
.company-wrap .youtube-box .inner {
	padding-top: 56.25%;
	position: relative;
}
.company-wrap .youtube-box iframe {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
}
.company-wrap .sec01 {
	padding-bottom:10rem;
}
.company-wrap .sec01 .youtube-box > .img {
	position:absolute;
	width:30%;
	padding-bottom:25%;
	background-repeat:no-repeat;
	background-position:center center;
	background-size:cover;
	left:0;
	top:-7rem;
	z-index:1;
}
@media (max-width: 991.98px) {
	.company-wrap .youtube-box {
		margin-top:6rem;
	}
	.company-wrap .sec01 {
		padding-bottom:4rem;
	}
	.company-wrap .sec01 .youtube-box > .img {
		top:-4rem;
	}
}
@media (max-width: 575.98px) {
	.company-wrap .youtube-box {
		margin-top:3rem;
	}
	.company-wrap .sec01 .youtube-box > .img {
		width:25%;
		padding-bottom:20%;
		top:-2rem;
	}
}

.company-wrap .sec02 {
	padding:10rem 0 25rem;
	background:#f8f8f8 url('../_img/sub/company_sec02_bg.png') no-repeat center bottom / 50%;
	text-align:center;
	color:#222;
}
.company-wrap .sec02 .title {
	font-size:3rem;
	font-weight:600;
}
.company-wrap .sec02 .box {
	position:relative;
	width:100%;
	max-width:100rem;
	margin:6rem auto 0;
	box-sizing:border-box;
	border-radius:14rem;
	border:3px solid #222;
	background:#fff;
	padding:6rem 2rem;
}
.company-wrap .sec02 .box .top {
	font-size:1.8rem;
	background:#222;
	color:#fff;
	text-align:center;
	box-sizing:border-box;
	padding:1rem 3rem;
	border-radius:4rem;
	position:absolute;
	left:50%;
	top:0;
	transform:translate(-50%, -50%);
	z-index:1;
}
.company-wrap .sec02 .box .tit {
	font-size:3.6rem;
	font-weight:600;
}
.company-wrap .sec02 .box .desc {
	font-size:2rem;
	font-weight:500;
	color:var(--navi);
	margin-top:0.5rem;
}
.company-wrap .sec02 .btm {
	margin-top:6rem;
	font-size:3rem;
}
.company-wrap .sec02 .btm > b {
	font-weight:600;
	color:var(--main);
}
@media (max-width: 1199.98px) {
	.company-wrap .sec02 {
		padding:10rem 0 18rem;
		background-size:60%;
	}
}
@media (max-width: 991.98px) {
	.company-wrap .sec02 {
		padding:4rem 0 14rem;
		background-size:50%;
	}
	.company-wrap .sec02 .title {
		font-size:2.4rem;
	}
	.company-wrap .sec02 .box {
		margin:4rem auto 0;
		border:2px solid #222;
		padding:4rem 2rem;
	}
	.company-wrap .sec02 .box .top {
		font-size:1.6rem;
	}
	.company-wrap .sec02 .box .tit {
		font-size:2.8rem;
	}
	.company-wrap .sec02 .box .desc {
		font-size:1.8rem;
		margin-top:0;
	}
	.company-wrap .sec02 .btm {
		margin-top:3rem;
		font-size:2rem;
	}
}
@media (max-width: 767.98px) {
	.company-wrap .sec02 {
		padding:4rem 0 10rem;
	}
	.company-wrap .sec02 .title {
		font-size:2rem;
	}
	.company-wrap .sec02 .box {
		margin:3rem auto 0;
		padding:3rem 2rem;
	}
	.company-wrap .sec02 .box .top {
		font-size:1.4rem;
	}
	.company-wrap .sec02 .box .tit {
		font-size:2.4rem;
	}
	.company-wrap .sec02 .box .desc {
		font-size:1.6rem;
	}
	.company-wrap .sec02 .btm {
		margin-top:2rem;
		font-size:1.8rem;
	}
}
@media (max-width: 575.98px) {
	.company-wrap .sec02 {
		padding:4rem 0 8rem;
		background-size:60%;
	}
	.company-wrap .sec02 .box {
		border-radius:3rem;
	}
	.company-wrap .sec02 .box .tit {
		font-size:2rem;
	}
}
.company-wrap .sec03 {
	padding-top:10rem;
}
.company-wrap .sec03 .row {
	border:1px solid #ddd;
	border-top:2px solid var(--navi);
}
.company-wrap .sec03 .row > div[class^='col-']:not(div[class^='col-']:last-child) {
	border-right:1px solid #ddd;
}
.company-wrap .sec03 .row > div[class^='col-'] > .inner {
	height:100%;
	box-sizing:border-box;
	padding:4rem 6rem;
	background:url('../_img/sub/company_sec03_icon01.png') no-repeat center right 6rem / auto;
	font-size:1.8rem;
	color:#444;
}
.company-wrap .sec03 .row > div[class^='col-']:nth-child(2) > .inner {
	background:url('../_img/sub/company_sec03_icon02.png') no-repeat center right 6rem / auto;
}
.company-wrap .sec03 .row > div[class^='col-'] > .inner .tit {
	font-size:2.4rem;
	font-weight:600;
	color:#222;
	margin-bottom:0.5rem;
}
.company-wrap .sec03 .row > div[class^='col-'] > .inner .email-box {
	margin-top:2rem;
	display:flex;
	align-items:center;
}
.company-wrap .sec03 .row > div[class^='col-'] > .inner .email-box > span {
	display:inline-block;
}
.company-wrap .sec03 .row > div[class^='col-'] > .inner .email-box > .name {
	font-weight:600;
	margin-right:1rem;
	padding-right:1rem;
	position:relative;
}
.company-wrap .sec03 .row > div[class^='col-'] > .inner .email-box > .name:before {
	content:"";
	position:absolute;
	width:1px;
	height:50%;
	background:#ddd;
	right:0;
	top:50%;
	transform:translateY(-50%);
}
.company-wrap .sec03 .row > div[class^='col-'] > .inner .btn-email {
	display:inline-block;
	margin-top:2.5rem;
	font-size:1.8rem;
	padding:1.4rem 3rem;
	text-align:center;
	border:1px solid #222;
	color:#222;
}
.company-wrap .sec03 .row > div[class^='col-'] > .inner .btn-email:hover {
	background:#222;
	color:#fff;
}
@media (max-width: 1199.98px) {
	.company-wrap .sec03 .row > div[class^='col-'] > .inner {
		padding:3rem;
		background-position:top 4rem right 3rem;
		background-size:6rem;
		font-size:1.6rem;
	}
	.company-wrap .sec03 .row > div[class^='col-']:nth-child(2) > .inner {
		background-position:top 4rem right 3rem;
		background-size:5rem;
	}
	.company-wrap .sec03 .row > div[class^='col-'] > .inner .tit {
		font-size:2rem;
	}
	.company-wrap .sec03 .row > div[class^='col-'] > .inner .email-box {
		margin-top:1rem;
	}
	.company-wrap .sec03 .row > div[class^='col-'] > .inner .btn-email {
		margin-top:1.5rem;
		font-size:1.6rem;
		padding:1rem 2.5rem;
	}
}
@media (max-width: 991.98px) {
	.company-wrap .sec03 {
		padding-top:4rem;
	}
	.company-wrap .sec03 .row > div[class^='col-'] > .inner {
		padding:3rem 2rem;
		background-position:top 3rem right 2rem;
		background-size:5rem;
	}
	.company-wrap .sec03 .row > div[class^='col-']:nth-child(2) > .inner {
		background-position:top 3rem right 2rem;
		background-size:4rem;
	}
}
@media (max-width: 767.98px) {
	.company-wrap .sec03 .row > div[class^='col-']:not(div[class^='col-']:last-child) {
		border-right:0;
		border-bottom:1px solid #ddd;
	}
}


/************************ 사업소개 ************************/

.business-wrap .sec01 {
	padding-bottom:0;
}
.business-wrap .sec01 p {
	font-size:1.8rem;
	color:#444;
	margin-top:3rem;
}
.business-wrap .sec01 p.tit {
	font-size:2.4rem;
	font-weight:500;
	color:#222;
}
.business-wrap .sec01 .img {
	width:100%;
	padding-bottom:45%;
	background-repeat:no-repeat;
	background-position:center center;
	background-size:cover;
	margin-top:4rem;
}
@media (max-width: 991.98px) {
	.business-wrap .sec01 p {
		font-size:1.6rem;
		margin-top:2rem;
	}
	.business-wrap .sec01 p.tit {
		font-size:1.8rem;
	}
}


/************************ ceo인사말 ************************/
.ceo-wrap .sec01:before {
	content:"";
	position:absolute;
	width:100%;
	height:50%;
	background:#f8f8f8;
	left:0;
	bottom:0;
}
.ceo-wrap .sec01 .box {
	box-sizing:border-box;
	position:relative;
	padding:9rem 1.5rem;
	background:#0a367f url('../_img/sub/ceo_sec01_bg.png') no-repeat left bottom / auto;
	text-align:center;
	color:#fff;
}
.ceo-wrap .sec01 .box > p {
	font-size:3rem;
}
.ceo-wrap .sec01 .box .logo {
	position:absolute;
	right:3rem;
	top:3rem;
}
.ceo-wrap .sec02 {
	padding:10rem 0;
	background:#f8f8f8;
}
.ceo-wrap .sec02 .flex {
	display:flex;
}
.ceo-wrap .sec02 .flex .lt {
	width:40%;
}
.ceo-wrap .sec02 .flex .lt > .title > h2 {
	line-height:1.4;
}
.ceo-wrap .sec02 .flex .rt {
	width:60%;
}
.ceo-wrap .sec02 .flex .rt > p {
	font-size:1.8rem;
	color:#444;
	line-height:1.6;
}
.ceo-wrap .sec02 .flex .rt > p.sign {
	margin-top:3rem;
	font-weight:500;
	font-size:2rem;
	color:#222;
}
@media (max-width: 1199.98px) {
	.ceo-wrap .sec01 .box {
		padding:6rem 2rem;
		background-size:20rem;
	}
	.ceo-wrap .sec01 .box > p {
		font-size:2.4rem;
	}
	.ceo-wrap .sec01 .box .logo {
		position:absolute;
		right:2rem;
		top:2rem;
	}
	.ceo-wrap .sec01 .box .logo > img {
		max-width:10rem;
	}
	.ceo-wrap .sec02 .flex .lt > .title > h2 {
		font-size:2.8rem;
	}
}
@media (max-width: 991.98px) {
	.ceo-wrap .sec01 .box > p {
		font-size:2rem;
	}
	.ceo-wrap .sec01 .box .logo > img {
		max-width:8rem;
	}
	.ceo-wrap .sec02 {
		padding:4rem 0;
	}
	.ceo-wrap .sec02 .flex .rt > p {
		font-size:1.6rem;
	}
	.ceo-wrap .sec02 .flex .rt > p.sign {
		margin-top:2rem;
		font-size:1.8rem;
	}
}
@media (max-width: 767.98px) {
	.ceo-wrap .sec02 .flex {
		display:block;
	}
	.ceo-wrap .sec02 .flex .lt {
		width:100%;
	}
	.ceo-wrap .sec02 .flex .lt > .title > h2 {
		line-height:1.3;
	}
	.ceo-wrap .sec02 .flex .rt {
		width:100%;
		margin-top:2rem;
	}
}
@media (max-width: 575.98px) {
	.ceo-wrap .sec01 .box {
		padding:8rem 1.5rem 3rem;
		background-size:14rem;
	}
	.ceo-wrap .sec01 .box > p {
		font-size:1.6rem;
	}
	.ceo-wrap .sec01 .box .logo {
		position:absolute;
		right:auto;
		left:50%;
		top:3rem;
		transform:translateX(-50%);
	}
	.ceo-wrap .sec02 .flex .lt > .title > h2 {
		font-size:2rem;
	}
}



/************************ 연혁 ************************/
.history-wrap .sec01 .img {
	position:relative;
	width:100%;
	padding-bottom:45%;
	background-repeat:no-repeat;
	background-position:center center;
	background-size:cover;
}
.history-wrap .sec02 {
	padding-top:10rem;
}
.history-wrap .sec02 .title > h1 {
	font-size:5rem;
	font-weight:600;
	color:#222;
	line-height:1.4;
}
.history-wrap .sec02 .tabArea {
	display:flex;
}
.history-wrap .sec02 .tabArea > .lt {
	width:40%;
}
.history-wrap .sec02 .tabArea > .tabBox {
	width:60%;
	display:none;
}
.history-wrap .sec02 .tabArea .tab {
	margin-top:4rem;
	list-style:none;
	padding-left:0;
}
.history-wrap .sec02 .tabArea .tab > li {
	margin:1rem 0;
}
.history-wrap .sec02 .tabArea .tab > li > a {
	font-size:3rem;
	color:#666;
}
.history-wrap .sec02 .tabArea .tab > li.on > a {
	color:#222;
	font-weight:500;
}
.history-wrap .sec02 .tabArea .group {
	box-sizing:border-box;
	padding:4rem 0;
	display:flex;
	border-bottom:1px solid #ddd;
}
.history-wrap .sec02 .tabArea .group:first-child {
	padding-top:0;
}
.history-wrap .sec02 .tabArea .group .year {
	width:18rem;
	font-size:3rem;
	font-weight:700;
}
.history-wrap .sec02 .tabArea .group .txt {
	width:calc(100% - 18rem);
}
.history-wrap .sec02 .tabArea .group .txt > dl {
	display:flex;
	box-sizing:border-box;
	margin:1.5rem 0;
}
.history-wrap .sec02 .tabArea .group .txt > dl:first-child {
	margin-top:0;
}
.history-wrap .sec02 .tabArea .group .txt > dl:last-child {
	margin-bottom:0;
}
.history-wrap .sec02 .tabArea .group .txt > dl > dt,
.history-wrap .sec02 .tabArea .group .txt > dl > dd {
	font-size:1.8rem;
	color:#444;
}
.history-wrap .sec02 .tabArea .group .txt > dl > dt {
	width:13rem;
	font-weight:600;
	color:#222;
}
.history-wrap .sec02 .tabArea .group .txt > dl > dd {
	width:calc(100% - 13rem);
}
.history-wrap .sec02 .tabArea .group .txt > dl > dd > p:not(p:last-child) {
	margin-bottom:1.5rem;
}
@media (max-width: 1199.98px) {
	.history-wrap .sec02 .title > h1 {
		font-size:3rem;
	}
	.history-wrap .sec02 .tabArea > .lt {
		width:35%;
	}
	.history-wrap .sec02 .tabArea > .tabBox {
		width:65%;
	}
	.history-wrap .sec02 .tabArea .tab {
		margin-top:2rem;
	}
	.history-wrap .sec02 .tabArea .tab > li > a {
		font-size:2rem;
	}
	.history-wrap .sec02 .tabArea .group {
		padding:3rem 0;
	}
	.history-wrap .sec02 .tabArea .group .year {
		width:14rem;
		font-size:2.4rem;
	}
	.history-wrap .sec02 .tabArea .group .txt {
		width:calc(100% - 14rem);
	}
	.history-wrap .sec02 .tabArea .group .txt > dl {
		margin:1rem 0;
	}
	.history-wrap .sec02 .tabArea .group .txt > dl > dt,
	.history-wrap .sec02 .tabArea .group .txt > dl > dd {
		font-size:1.6rem;
	}
	.history-wrap .sec02 .tabArea .group .txt > dl > dt {
		width:10rem;
	}
	.history-wrap .sec02 .tabArea .group .txt > dl > dd {
		width:calc(100% - 10rem);
	}
	.history-wrap .sec02 .tabArea .group .txt > dl > dd > p:not(p:last-child) {
		margin-bottom:1rem;
	}
}
@media (max-width: 991.98px) {
	.history-wrap .sec02 {
		padding-top:4rem;
	}
	.history-wrap .sec02 .title > h1 {
		font-size:2.4rem;
	}
	.history-wrap .sec02 .tabArea .tab > li {
		margin:0.5rem 0;
	}
	.history-wrap .sec02 .tabArea .tab > li > a {
		font-size:1.8rem;
	}
	.history-wrap .sec02 .tabArea .group .year {
		width:12rem;
		font-size:2rem;
	}
	.history-wrap .sec02 .tabArea .group .txt {
		width:calc(100% - 12rem);
	}
}
@media (max-width: 767.98px) {
	.history-wrap .sec02 {
		padding-top:2rem;
	}
	.history-wrap .sec02 .tabArea {
		display:block;
	}
	.history-wrap .sec02 .tabArea > .lt {
		width:100%;
	}
	.history-wrap .sec02 .tabArea > .tabBox {
		width:100%;
		display:none;
		margin-top:3rem;
	}
	.history-wrap .sec02 .tabArea .tab {
		margin-top:1rem;
		display:flex;
		text-align:center;
	}
	.history-wrap .sec02 .tabArea .tab > li {
		margin:0;
		margin-right:2rem;
	}
	.history-wrap .sec02 .tabArea .group {
		padding:2rem 0;
		display:block;
	}
	.history-wrap .sec02 .tabArea .group .year {
		width:100%;
	}
	.history-wrap .sec02 .tabArea .group .txt {
		width:100%;
		margin-top:1rem;
	}
	.history-wrap .sec02 .tabArea .group .txt > dl > dt {
		width:10rem;
	}
	.history-wrap .sec02 .tabArea .group .txt > dl > dd {
		width:calc(100% - 10rem);
	}
}


/************************ 전시공시 ************************/
.ir-wrap .sec01 {
	padding-bottom:3rem;
}
.ir-wrap .sec01 .flex {
	display:flex;
	align-items:center;
	justify-content:space-between;
}
.ir-wrap .sec01 .flex p {
	font-size:1.8rem;
	color:#444;
}
.ir-wrap .sec01 .flex p > span {
	color:var(--main);
	font-weight:600;
}
.ir-wrap .sec01 .flex > .rt {
	display:flex;
	align-items:center;
}
.ir-wrap .sec01 .flex > .rt > i {
	font-size:2.4rem;
	margin-right:0.5rem;
}
.ir-wrap .sec02 {
	padding:10rem 0;
	background:#f8f8f8;
}
.ir-wrap .sec02 .row > div[class^='col-'] {
	margin-bottom:3rem;
}
.ir-wrap .sec02 .row > div[class^='col-'] > a {
	display:flex;
	justify-content:space-between;
	flex-direction:column;
	box-sizing:border-box;
	position:relative;
	height:100%;
	min-height:30rem;
	padding:4rem;
	background:#fff;
	border:2px solid #fff;
	transition:all 0.3s;
}
.ir-wrap .sec02 .row > div[class^='col-'] > a > .top > .year {
	font-size:2rem;
	font-weight:600;
	color:var(--main);
}
.ir-wrap .sec02 .row > div[class^='col-'] > a > .top > .tit {
	font-size:2.4rem;
	font-weight:600;
	color:#222;
	margin-top:0.5rem;
}
.ir-wrap .sec02 .row > div[class^='col-'] > a > .icon {
	opacity:0;
	transition:all 0.3s;
}
.ir-wrap .sec02 .row > div[class^='col-'] > a > i {
	position:absolute;
	right:4rem;
	bottom:4rem;
	font-size:4rem;
	color:#444;
}
.ir-wrap .sec02 .row > div[class^='col-'] > a:hover {
	box-shadow:10px 0 20px rgba(0,0,0,0.1);
	border:2px solid var(--main);
}
.ir-wrap .sec02 .row > div[class^='col-'] > a:hover > .icon {
	opacity:1;
}
.ir-wrap .sec02 .row > div[class^='col-'] > a:hover > i {
	color:var(--main);
}
@media (max-width: 1199.98px) {
	.ir-wrap .sec02 .row {
		margin-left:-5px;
		margin-right:-5px;
	}
	.ir-wrap .sec02 .row > div[class^='col-'] {
		margin-bottom:1rem;
		padding-left:5px;
		padding-right:5px;
	}
	.ir-wrap .sec02 .row > div[class^='col-'] > a {
		min-height:24rem;
		padding:3rem;
	}
	.ir-wrap .sec02 .row > div[class^='col-'] > a > .top > .year {
		font-size:1.8rem;
	}
	.ir-wrap .sec02 .row > div[class^='col-'] > a > .top > .tit {
		font-size:2rem;
	}
	.ir-wrap .sec02 .row > div[class^='col-'] > a > .icon > img {
		max-width:5rem;
	}
	.ir-wrap .sec02 .row > div[class^='col-'] > a > i {
		right:3rem;
		bottom:3rem;
		font-size:3rem;
	}
}
@media (max-width: 991.98px) {
	.ir-wrap .sec01 {
		padding-bottom:2rem;
	}
	.ir-wrap .sec01 .flex p {
		font-size:1.6rem;
	}
	.ir-wrap .sec01 .flex > .rt > i {
		font-size:2rem;
		margin-right:0.5rem;
	}
	.ir-wrap .sec02 {
		padding:4rem 0;
	}
	.ir-wrap .sec02 .row > div[class^='col-'] > a {
		min-height:22rem;
	}
}
@media (max-width: 767.98px) {
	.ir-wrap .sec02 .row > div[class^='col-'] > a > .icon {
		opacity:1;
	}
	.ir-wrap .sec02 .row > div[class^='col-'] > a:hover {
		box-shadow:10px 0 20px rgba(0,0,0,0);
		border:2px solid #fff;
	}
	.ir-wrap .sec02 .row > div[class^='col-'] > a:hover > i {
		color:#444
	}
}
@media (max-width: 575.98px) {
	.ir-wrap .sec02 .row > div[class^='col-'] > a {
		min-height:20rem;
		padding:2rem;
	}
	.ir-wrap .sec02 .row > div[class^='col-'] > a > .top > .year {
		font-size:1.6rem;
	}
	.ir-wrap .sec02 .row > div[class^='col-'] > a > .top > .tit {
		font-size:1.8rem;
	}
	.ir-wrap .sec02 .row > div[class^='col-'] > a > i {
		right:2rem;
		bottom:2rem;
	}
}

/************************ 오시는 길 ************************/
.location-wrap dl {
	display:flex;
}
.location-wrap dl:not(dl:last-child){
	margin-bottom:10rem;
}
.location-wrap dl > dt {
	width:22%;
}
.location-wrap dl > dd {
	width:calc(100% - 22%);
}
.location-wrap dl > dd > .map {
	width:100%;
	padding-bottom:50%;
}
.location-wrap dl > dd .txt {
	box-sizing:border-box;
	padding:4rem 0;
	border-bottom:1px solid #ddd;
}
.location-wrap dl > dd .txt > .adr {
	font-size:3rem;
	font-weight:600;
	color:#222;
}
.location-wrap dl > dd .txt > .info {
	margin-top:1rem;
	display:flex;
	align-items:center;
}
.location-wrap dl > dd .txt > .info > .inner {
	display:flex;
	align-items:center;
	margin-right:6rem;
	font-size:1.8rem;
	color:#444;
}
.location-wrap dl > dd .txt > .info > .inner > .tit {
	display:inline-block;
	font-weight:600;
	color:#222;
	margin-right:2rem;	
}
.location-wrap dl > dd .trans {
	margin-top:5rem;
}
.location-wrap dl > dd .trans > .group:not(.group:last-child) {
	margin-bottom:5rem;
}
.location-wrap dl > dd .trans > .group {
	display:flex;
}
.location-wrap dl > dd .trans > .group > .icon {
	width:10rem;
}
.location-wrap dl > dd .trans > .group > .icon > img {
	width:100%;
}
.location-wrap dl > dd .trans > .group > .info {
	width:calc(100% - 10rem);
	box-sizing:border-box;
	padding-left:4rem;
}
.location-wrap dl > dd .trans > .group > .info > .tit {
	margin-top:1rem;
	margin-bottom:2rem;
	font-size:2rem;
	font-weight:600;
	color:var(--main);
}
.location-wrap dl > dd .trans > .group > .info > ul {
	list-style:none;
	padding-left:0;
}
.location-wrap dl > dd .trans > .group > .info > ul > li:not(li:last-child){
	margin-bottom:2rem;
}
.location-wrap dl > dd .trans > .group > .info > ul > li > p {
	font-size:1.8rem;
	color:#444;
	padding-left:2.5rem;
}
.location-wrap dl > dd .trans > .group > .info > ul > li > p:first-child {
	position:relative;
	font-weight:600;
	color:#222;
}
.location-wrap dl > dd .trans > .group > .info > ul > li > p:first-child:after {
	content: "\e929";
	font-family:"xeicon";
	font-size:2.4rem;
	font-weight:500;
	position:absolute;
	left:0;
	top:-5px;
}
.location-wrap dl > dd .trans > .group > .info > ul > li > p:not(p:last-child){
	margin-bottom:1rem;
}
@media (max-width: 991.98px) {
	.location-wrap dl {
		display:block;
	}
	.location-wrap dl:not(dl:last-child){
		margin-bottom:4rem;
	}
	.location-wrap dl > dt,
	.location-wrap dl > dd {
		width:100%;
	}
	.location-wrap dl > dt {
		margin-bottom:1rem;
	}
	.location-wrap dl > dd > .map {
		padding-bottom:40%;
	}
	.location-wrap dl > dd .txt {
		padding:2rem 0;
	}
	.location-wrap dl > dd .txt > .adr {
		font-size:2rem;
	}
	.location-wrap dl > dd .txt > .info {
		margin-top:0.5rem;
	}
	.location-wrap dl > dd .txt > .info > .inner {
		margin-right:4rem;
		font-size:1.6rem;
	}
	.location-wrap dl > dd .txt > .info > .inner > .tit {
		margin-right:1rem;
	}
	.location-wrap dl > dd .trans {
		margin-top:3rem;
	}
	.location-wrap dl > dd .trans > .group:not(.group:last-child) {
		margin-bottom:2rem;
	}
	.location-wrap dl > dd .trans > .group {
		display:flex;
	}
	.location-wrap dl > dd .trans > .group > .icon {
		width:6rem;
	}
	.location-wrap dl > dd .trans > .group > .info {
		width:calc(100% - 6rem);
		padding-left:2rem;
	}
	.location-wrap dl > dd .trans > .group > .info > .tit {
		margin-bottom:1rem;
		font-size:1.8rem;
	}
	.location-wrap dl > dd .trans > .group > .info > ul > li:not(li:last-child){
		margin-bottom:1rem;
	}
	.location-wrap dl > dd .trans > .group > .info > ul > li > p {
		font-size:1.6rem;
		padding-left:2rem;
	}
	.location-wrap dl > dd .trans > .group > .info > ul > li > p:first-child:after {
		font-size:2rem;
		top:-4px;
	}
	.location-wrap dl > dd .trans > .group > .info > ul > li > p:not(p:last-child){
		margin-bottom:0.5rem;
	}
}
@media (max-width: 575.98px) {
	.location-wrap dl > dd .txt > .adr {
		font-size:1.8rem;
	}
	.location-wrap dl > dd .trans > .group:not(.group:last-child) {
		margin-bottom:1rem;
	}
	.location-wrap dl > dd .trans > .group > .icon {
		width:5rem;
	}
	.location-wrap dl > dd .trans > .group > .info {
		width:calc(100% - 5rem);
		padding-left:1rem;
	}
	.location-wrap dl > dd .trans > .group > .info > .tit {
		margin-bottom:0.5rem;
	}
}



/************************ 디앤에이모터스 이륜차 ************************/
.dnamotors-wrap .sec01 {
	padding-bottom:0;
}
.dnamotors-wrap .tabArea {
	display:flex;
	flex-wrap:wrap;
}
.dnamotors-wrap .tabArea .lt {
	width:28%;
}
.dnamotors-wrap .tabArea .tabBox {
	width:72%;
	display:none;
}
.dnamotors-wrap .tabArea .tab {
	list-style:none;
	padding-left:0;
}
.dnamotors-wrap .tabArea .tab > li {
	margin-bottom:1rem;
}
.dnamotors-wrap .tabArea .tab > li > a {
	font-size:3rem;
	font-weight:400;
	color:#666;
}
.dnamotors-wrap .tabArea .tab > li.on > a {
	color:#222;
}
.dnamotors-wrap .tabArea .tabBox .inner:not(.inner:last-child) {
	margin-bottom:2rem;
}
.dnamotors-wrap .tabArea .tabBox .inner .year {
	font-size:3rem;
	font-weight:700;
	color:#222;
	margin-bottom:2rem;
}
.dnamotors-wrap .tabArea .tabBox .inner .row > div[class^='col-'] {
	margin-bottom:2rem;
}
.dnamotors-wrap .tabArea .tabBox .inner .box {
	box-sizing:border-box;
	padding:3rem;
	border:1px solid #ddd;
	height:100%;
}
.dnamotors-wrap .tabArea .tabBox .inner .box .icon {
	position:relative;
	display:inline-block;
	box-sizing:border-box;
	padding:0.6rem 1.8rem;
	text-align:center;
	font-size:1.4rem;
	color:#fff;
}
.dnamotors-wrap .tabArea .tabBox .inner .box .icon:before {
	content:"";
	position:absolute;
	left:0;
	top:0;
	width:100%;
	height:100%;
	background:#333;
	transform:skew(-20deg);
	z-index:-1;
}
.dnamotors-wrap .tabArea .tabBox .inner .box .icon.ing:before {
	background:var(--main);
}
.dnamotors-wrap .tabArea .tabBox .inner .box .flex {
	display:flex;
	align-items:flex-start;
	margin-top:1rem;
}
.dnamotors-wrap .tabArea .tabBox .inner .box .flex > .img {
	width:14rem;
}
.dnamotors-wrap .tabArea .tabBox .inner .box .flex > .img > img {
	width:100%;
}
.dnamotors-wrap .tabArea .tabBox .inner .box .flex > .txt {
	width:calc(100% - 14rem);
	box-sizing:border-box;
	padding:3rem 0 0 4rem;
}
.dnamotors-wrap .tabArea .tabBox .inner .box .flex > .txt > .name {
	font-size:2.2rem;
	font-weight:600;
	color:#222;
}
.dnamotors-wrap .tabArea .tabBox .inner .box .flex > .txt > .desc {
	font-size:1.7rem;
	color:#444;
	margin-top:0.5rem;
}
@media (max-width: 1199.98px) {
	.dnamotors-wrap .tabArea .lt {
		width:24%;
	}
	.dnamotors-wrap .tabArea .tabBox {
		width:76%;
	}
	.dnamotors-wrap .tabArea .tab > li {
		margin-bottom:0.5rem;
	}
	.dnamotors-wrap .tabArea .tab > li > a {
		font-size:2rem;
	}
	.dnamotors-wrap .tabArea .tabBox .inner:not(.inner:last-child) {
		margin-bottom:1rem;
	}
	.dnamotors-wrap .tabArea .tabBox .inner .year {
		font-size:2rem;
		margin-bottom:1rem;
	}
	.dnamotors-wrap .tabArea .tabBox .inner .row {
		margin-left:-0.5rem;
		margin-right:-0.5rem;
	}
	.dnamotors-wrap .tabArea .tabBox .inner .row > div[class^='col-'] {
		margin-bottom:1rem;
		padding-left:0.5rem;
		padding-right:0.5rem;
	}
	.dnamotors-wrap .tabArea .tabBox .inner .box {
		padding:2rem;
	}
	.dnamotors-wrap .tabArea .tabBox .inner .box .icon {
		padding:0.6rem 1.8rem 0.5rem;
		font-size:1.3rem;
	}
	.dnamotors-wrap .tabArea .tabBox .inner .box .flex {
		margin-top:0.5rem;
	}
	.dnamotors-wrap .tabArea .tabBox .inner .box .flex > .img {
		width:10rem;
	}
	.dnamotors-wrap .tabArea .tabBox .inner .box .flex > .txt {
		width:calc(100% - 10rem);
		padding:2rem 0 0 2rem;
	}
	.dnamotors-wrap .tabArea .tabBox .inner .box .flex > .txt > .name {
		font-size:2rem;
	}
	.dnamotors-wrap .tabArea .tabBox .inner .box .flex > .txt > .desc {
		font-size:1.6rem;
		margin-top:0;
	}
}
@media (max-width: 991.98px) {
	.dnamotors-wrap .tabArea {
		display:block;
	}
	.dnamotors-wrap .tabArea .lt {
		width:100%;
	}
	.dnamotors-wrap .tabArea .tabBox {
		width:100%;
		margin-top:3rem;
	}
	.dnamotors-wrap .tabArea .tab {
		display:flex;
		flex-wrap:wrap;
	}
	.dnamotors-wrap .tabArea .tab > li {
		margin-bottom:0;
		margin-right:3rem;
	}
	.dnamotors-wrap .tabArea .tab > li > a {
		font-size:1.8rem;
	}
	.dnamotors-wrap .tabArea .tabBox .inner .box .icon {
		padding:0.5rem 1.5rem 0.4rem;
	}
	.dnamotors-wrap .tabArea .tabBox .inner .box .flex > .txt > .name {
		font-size:1.8rem;
	}
	.dnamotors-wrap .tabArea .tabBox .inner .box .flex > .txt > .desc {
		font-size:1.5rem;
	}
}
@media (max-width: 767.98px) {
	.dnamotors-wrap .tabArea .tab > li {
		margin-right:0;
		width:calc(100% / 5);
	}
	.dnamotors-wrap .tabArea .tab > li > a {
		font-size:1.6rem;
	}
	.dnamotors-wrap .tabArea .tabBox {
		margin-top:2rem;
	}
}
@media (max-width: 575.98px) {
	.dnamotors-wrap .tabArea .tab > li {
		margin-right:0;
		width:calc(100% / 3);
		margin-bottom:1rem;
	}
	.dnamotors-wrap .tabArea .tab > li > a {
		display:block;
		text-align:center;
		line-height:1.2;
	}
	.dnamotors-wrap .tabArea .tabBox {
		margin-top:1rem;
	}
	.dnamotors-wrap .tabArea .tabBox .inner .box .flex > .img {
		width:12rem;
	}
	.dnamotors-wrap .tabArea .tabBox .inner .box .flex > .txt {
		width:calc(100% - 12rem);
		padding:3rem 0 0 2rem;
	}
}




/************************ 영상정보처리기기 운영 관리방침 ************************/
.motors-wrap .sec01 {
	margin-bottom:4rem;
}
.motors-wrap .cont_inner {
	position:relative;
	font-size:1.6rem;
	font-weight:300;
	color:#666;
	line-height:1.6;
}
.motors-wrap .cont_inner .listSearchBox {
	margin-top:4rem;
	text-align:right;
	display:flex;
	align-items:center;
	justify-content:flex-end;
}
.motors-wrap .cont_inner .listSearchBox select,
.motors-wrap .cont_inner .listSearchBox input{
	box-sizing:border-box;
	padding:1rem;
	outline:none;
	height:4.8rem;
}
.motors-wrap .cont_inner .listSearchBox input {
	margin-left:2px;
	border:0;
	background:#222;
	color:#fff;
	font-size:1.6rem;
	width:8rem;
}
.motors-wrap .cont_inner .listSearchBox label {
	margin-right:1rem;
}
.motors-wrap .cont_inner .section {
	margin:4rem 0;
}
.motors-wrap .cont_inner .stit {
	font-size:2rem;
	font-weight:600;
	color:var(--main);
	margin-bottom:1rem;
}
.motors-wrap .cont_inner .policy_list_type1 {
	margin-top:1rem;
	list-style:none;
	padding-left:2rem;
}
.motors-wrap .cont_inner .policy_list_type2 {
	margin-top:1rem;
	list-style:none;
	padding-left:4rem;
}
.motors-wrap .cont_inner .stit2 {
	margin-top:2rem;
}
.motors-wrap .cont_inner .table_wrap {
	box-sizing:border-box;
	border-top:2px solid var(--main);
}
.motors-wrap .cont_inner .table_wrap table {
	width:100%;
}
.motors-wrap .cont_inner .table_wrap table caption {
	display:none;
}
.motors-wrap .cont_inner .table_wrap table th,
.motors-wrap .cont_inner .table_wrap table td {
	font-weight:400;
	box-sizing:border-box;
	padding:1rem;
	text-align:center;
	border-right:1px solid #ddd;
	border-bottom:1px solid #ddd;
}
.motors-wrap .cont_inner .table_wrap table th {
	background:#f9f9f9;
	color:#222;
}
@media (max-width: 991.98px) {
	.motors-wrap .sec01 {
		margin-bottom:2rem;
	}
	.motors-wrap .cont_inner .listSearchBox {
		margin-top:2rem;
		flex-wrap:wrap;
	}
	.motors-wrap .cont_inner .listSearchBox select {
		width:calc(100% - 8rem);
	}
	.motors-wrap .cont_inner .listSearchBox input {
		margin-left:2px;
		border:0;
		background:#222;
		color:#fff;
		font-size:1.6rem;
		width:8rem;
	}
	.motors-wrap .cont_inner .listSearchBox label {
		margin-right:0;
		text-align:left;
		display:block;
		width:100%;
	}
	.motors-wrap .cont_inner .section {
		margin:4rem 0;
	}
	.motors-wrap .cont_inner .stit {
		font-size:2rem;
		font-weight:600;
		color:var(--main);
		margin-bottom:1rem;
	}
	.motors-wrap .cont_inner .policy_list_type1 {
		margin-top:1rem;
		list-style:none;
		padding-left:2rem;
	}
	.motors-wrap .cont_inner .policy_list_type2 {
		margin-top:1rem;
		list-style:none;
		padding-left:4rem;
	}
	.motors-wrap .cont_inner .stit2 {
		margin-top:2rem;
	}
	.motors-wrap .cont_inner .table_wrap {
		box-sizing:border-box;
		border-top:2px solid var(--main);
	}
	.motors-wrap .cont_inner .table_wrap table {
		width:100%;
	}
	.motors-wrap .cont_inner .table_wrap table caption {
		display:none;
	}
	.motors-wrap .cont_inner .table_wrap table th,
	.motors-wrap .cont_inner .table_wrap table td {
		font-weight:400;
		box-sizing:border-box;
		padding:1rem;
		text-align:center;
		border-right:1px solid #ddd;
		border-bottom:1px solid #ddd;
	}
	.motors-wrap .cont_inner .table_wrap table th {
		background:#f9f9f9;
		color:#222;
	}
}




.store-wrap .sch-box .area-box {
	height:auto;
}
.list-box > ul#cities,
.list-box > ul#districts {
	display : flex;
	flex-wrap: wrap;
	padding:3rem;
	justify-content: flex-start;
	align-items: flex-start;
	align-content: flex-start;
	box-sizing:border-box;
}
.list-box > ul#cities li,
.list-box > ul#districts li{
	width:calc(33.3333% - 1rem);
	text-align: center;
	margin:0.5rem; 
	border:1px solid #bbb;
	font-size:1.6rem;
	padding:1.5rem;
	cursor: pointer;
	box-sizing:border-box;
}
.list-box > ul#districts li.back {display:block !important; padding:0;}
.list-box > ul#districts li.back:hover {background:none;}