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


/* 서브공통 */
#sub_wrap {
	box-sizing:border-box;
	position:relative;
	padding:10rem 0;
}
#sub_wrap .sub_title > h2 {
	text-align:center;
	font-size:3.2rem;
	font-weight:800;
	color:#222;
	margin-bottom:4rem;
}
@media (max-width: 991.98px) {
	#sub_wrap {
		padding:4rem 0;
	}
	#sub_wrap .sub_title > h2 {
		font-size:2.2rem;
		margin-bottom:2rem;
	}
}


/* 사업소개 */
.brand-wrap {}
.brand-wrap .sec01 {
	text-align:center;
	padding-top:2rem;
}
/* .brand-wrap .sec01 .inner {
	position:relative;
	background:url("../_img/sub/brand_sec01_arrow.png") no-repeat center top;
	box-sizing:border-box;
	padding-top:4rem;
} */
.brand-wrap .sec01 .inner > .box {
	display:flex;
	align-items:center;
	justify-content:center;
	font-size:2rem;
	font-weight:500;
	color:#fff;
	background:#096bc3;
	height:9.6rem;
	border-radius:2rem;
	box-shadow:3px 4px 12px rgba(0,0,0,0.2);
	margin-bottom:2rem;
}
.brand-wrap .sec01 .inner > .box.box2 {
	background:#044273;
}
.brand-wrap .sec01 .inner > .img {
	margin-top:8rem;
}
.brand-wrap .sec01 .inner > .img > img {
	width:100%;
	max-width:95rem;
}
@media (max-width: 991.98px) {
	.brand-wrap .sec01 {
		padding-top:0;
	}
	.brand-wrap .sec01 .inner {
		background-size:20%;
		padding-top:2rem;
	}
	.brand-wrap .sec01 .inner > .box {
		font-size:1.8rem;
	}
	.brand-wrap .sec01 .inner > .img {
		margin-top:5rem;
	}
	.brand-wrap .sec01 .inner > .img > img {
		width:80%;
	}
}
@media (max-width: 575.98px) {
	.brand-wrap .sec01 .inner {
		background-size:27%;
	}
	.brand-wrap .sec01 .inner > .box {
		font-size:1.8rem;
		padding:1rem;
		height:auto;
		min-height:8rem;
		border-radius:1rem;
		margin-bottom:1rem;
	}
}



.brand-wrap .sec02 {
	position:relative;
	margin-top:3rem;
}
.brand-wrap .sec02:before {
	content:"";
	position:absolute;
	width:100%;
	height:50%;
	background:#f5f5f5;
	left:0;
	bottom:0;
}
.brand-wrap .sec02 .row > div[class^='col-'] > .box {
	position:relative;
	display:block;
	box-sizing:border-box;
	padding:2rem;
	border-radius:0.6rem;
	box-shadow:3px 3px 8px rgba(0,0,0,0.05);
	border:1px solid #eee;
	background:#fff;
}
@media (max-width: 991.98px) {
	.brand-wrap .sec02 .row > div[class^='col-'] {
		margin-bottom:2rem;
	}
}


.brand-wrap .sec03 {
	position:relative;
	margin-top:8rem;
	padding:12rem 0;
	background:#f5f5f5 url("../_img/sub/brand_sec03_bg.png") no-repeat center bottom / cover;
}
.brand-wrap .s-tit {
	position:relative;
	font-size:2.2rem;
	font-weight:700;
	color:#222;
	box-sizing:border-box;
	padding-top:1rem;
}
.brand-wrap .s-tit:before {
	content:"";
	position:absolute;
	left:0;
	top:0;
	width:2.8rem;
	height:0.3rem;
	background:#096bc3;
}
.brand-wrap .sec03 .inner > p {
	font-size:2rem;
	font-weight:400;
	color:#666;
	margin-top:1rem;
}
.brand-wrap .sec03 ul {
	list-style:none;
	padding-left:0;
}
.brand-wrap .sec03 ul > li {
	font-size:2rem;
	font-weight:400;
	color:#666;
	margin-top:1rem;
	line-height:1.2;
}
.brand-wrap .sec03 ul > li > span {
	font-weight:600;
	color:#222;
}
@media (max-width: 991.98px) {
	.brand-wrap .sec03 {
		padding:6rem 0 6rem;
	}
	.brand-wrap .s-tit {
		font-size:2rem;
	}
	.brand-wrap .sec03 .inner > p {
		font-size:1.8rem;
		font-weight:400;
		color:#666;
		margin-top:1rem;
	}
	.brand-wrap .sec03 ul > li {
		font-size:1.8rem;
	}
}


.brand-wrap .sec04 {
	padding:8rem 0 4rem;
}
.brand-wrap .sec04 .row {
	margin-top:7rem;
}
.brand-wrap .sec04 .row > div[class^='col-'] > .box {
	position:relative;
	display:block;
	box-sizing:border-box;
	padding:8rem 3rem 3rem;
	border-radius:1rem;
	box-shadow:3px 3px 8px rgba(0,0,0,0.05);
	border:1px solid #ddd;
	background:#fff;
	height:100%;
}
.brand-wrap .sec04 .row > div[class^='col-'] > .box > .tit {
	font-size:1.8rem;
	font-weight:500;
	box-sizing:border-box;
	padding:1.2rem 2rem;
	background:#096bc3;
	color:#fff;
	border-radius:4rem;
	text-align:center;
	position:absolute;
	width:80%;
	left:50%;
	top:-3.5rem;
	transform:translateX(-50%);
	z-index:10;
}
.brand-wrap .sec04 .row > div[class^='col-'] > .box > .txt {
	font-size:1.8rem;
	font-weight:600;
	color:#096bc3;
}
.brand-wrap .sec04 .row > div[class^='col-'] > .box > .txt > ul {
	list-style:none;
	padding-left:0;
	margin:1.5rem 0;
}
.brand-wrap .sec04 .row > div[class^='col-'] > .box > .txt > ul > li {
	position:relative;
	box-sizing:border-box;
	padding-left:1.5rem;
	font-size:1.6rem;
	font-weight:500;
	line-height:1.6;
	color:#666;
}
.brand-wrap .sec04 .row > div[class^='col-'] > .box > .txt > ul > li:before {
	content:"-";
	position:absolute;
	left:0;
}
.brand-wrap .sec04 .row > div[class^='col-'] > .box > .txt > ul > li > ul {
	list-style:none;
	padding-left:0;
}
.brand-wrap .sec04 .row > div[class^='col-'] > .box > .txt > ul > li > ul > li {
	position:relative;
	box-sizing:border-box;
	padding-left:0;
	font-size:1.6rem;
	font-weight:500;
	line-height:1.6;
	color:#666;
}
.brand-wrap .sec04 .row > div[class^='col-']:nth-of-type(2) > .box > .tit {
	background:#044273;
}
.brand-wrap .sec04 .row > div[class^='col-']:nth-of-type(2) > .box > .txt {
	color:#044273;
}
.brand-wrap .sec04 .row > div[class^='col-'] > .box > a {
	display:block;
	box-sizing:border-box;
	padding:1.5rem;
	text-align:center;
	font-size:1.8rem;
	color:#222;
	border:1px solid #ddd;
	margin-top:2rem;
}
@media (max-width: 1199.98px) {
	.brand-wrap .sec04 .row > div[class^='col-'] > .box {
		padding:8rem 2rem 2rem;
	}
}
@media (max-width: 991.98px) {
	.brand-wrap .sec04 {
		padding:6rem 0 0;
	}
	.brand-wrap .sec04 .row {
		margin-top:2rem;
	}
	.brand-wrap .sec04 .row > div[class^='col-'] {
		margin-bottom:0;
	}
	.brand-wrap .sec04 .row > div[class^='col-'] > .box {
		padding:5rem 2rem 2rem;
		margin:4rem 0 2rem;
		height:auto;
	}
	.brand-wrap .sec04 .row > div[class^='col-'] > .box > .tit {
		width:80%;
		font-size:1.6rem;
		padding:1.5rem 3rem;
	}
}
@media (max-width: 575.98px) {
	.brand-wrap .sec04 .row > div[class^='col-'] > .box > .tit {
		width:90%;
		padding:1rem 1.5rem;
		top:-3rem;
	}
}
.brand-wrap .sec05 {
	text-align:center;
	padding-top:2rem;
}
.brand-wrap .sec05 .inner {
	position:relative;
	background:url("../_img/sub/brand_sec01_arrow.png") no-repeat center bottom;
	box-sizing:border-box;
	padding: 8rem 0rem 16rem 0rem;
}
@media (max-width: 991.98px) {
	.brand-wrap .sec05 {
		padding-top:0;
	}
	.brand-wrap .sec05 .inner {
		background-size:20%;
		padding-top:2rem;
		
	}
	.brand-wrap .sec05 .inner > .img {
		margin-top:5rem;
/* 		width:80%; */
	}
	.brand-wrap .sec05 .inner > .img > img {
		width:80%;
		text-align:center;
	} 
}


/* 시술/제품 협력제안 인트로 */
.nanotech_intro {}
.nanotech_intro .sec01 {
	padding:2rem 0 10rem;
}
.nanotech_intro .sec01:before {
	content:"";
	position:absolute;
	width:100%;
	height:100%;
	background:url('../_img/main/sec01_bg.png') no-repeat center center / contain;
	left:0;
	bottom:0;
}
.nanotech_intro .sec01:after {
	content:"";
	position:absolute;
	width:100%;
	height:50%;
	background:#f7f7f7;
	left:0;
	bottom:0;
}
.nanotech_intro .sec01 .row {
	z-index:1;
	position:relative;
	margin:5rem auto 0;
	max-width:84rem;
}
.nanotech_intro .sec01 .row > div[class^='col-'] {
	padding-left:3rem;
	padding-right:3rem;
	position:relative;
}
.nanotech_intro .sec01 .row > div[class^='col-'] > .inner {
	display:block;
	width:100%;
	height:52rem;
	border-radius:1rem;
	overflow:hidden;
	position:relative;
	color:#fff;
	box-shadow:4px 4px 10px rgba(0,0,0,0.1);
}
.nanotech_intro .sec01 .row > div[class^='col-'] > .inner:hover:before {
	content:"";
	position:absolute;
	width:100%;
	height:100%;
	background:rgba(0,98,174,0.8);
	z-index:5;
}
.nanotech_intro .sec01 .row > div[class^='col-'] > .inner > .txt-box {
	position:absolute;
	width:100%;
	top:50%;
	transform:translateY(-50%);
	z-index:10;
	text-align:center;
	font-size:3rem;
	font-weight:600;
	line-height:1.3;
}
.nanotech_intro .sec01 .row > div[class^='col-'] > .inner > .txt-box > .btn-link {
	font-size:1.8rem;
	box-sizing:border-box;
	display:inline-block;
	padding:1rem 4rem;
	border:1px solid #fff;
	color:#fff;
	margin-top:3rem;
}
.nanotech_intro .sec01 .row > div[class^='col-'] > .inner > .txt-box > .btn-link:hover {
	text-decoration:none;
}
.nanotech_intro .sec01 .row > div[class^='col-'] > .inner > .txt-box > .btn-link > i {
	padding-left:0.5rem;
}
@media (max-width: 1199.98px) {
	.nanotech_intro .sec01 .row {
		margin:2rem auto 0;
		max-width:74rem;
	}
	.nanotech_intro .sec01 .row > div[class^='col-'] {
		padding-left:1.5rem;
		padding-right:1.5rem;
	}
	.nanotech_intro .sec01 .row > div[class^='col-'] > .inner {
		height:48rem;
	}
}
@media (max-width: 991.98px) {
	.nanotech_intro .sec01:before {
		background-size:cover;
	}
	.nanotech_intro .sec01 {
		padding:0rem 0 0;
	}
	.nanotech_intro .sec01 .row {
		margin-top:2rem;
	}
	.nanotech_intro .sec01 .row > div[class^='col-']:nth-of-type(1){
		top:0;
	}
	.nanotech_intro .sec01 .row > div[class^='col-']:nth-of-type(2){
		top:-4rem;
	}
	.nanotech_intro .sec01 .row > div[class^='col-'] > .inner {
		height:28rem;
	}
	.nanotech_intro .sec01 .row > div[class^='col-'] > .inner > .txt-box {
		font-size:2rem;
		line-height:1.4;
		top:42%;
	}
	.nanotech_intro .sec01 .row > div[class^='col-'] > .inner > .txt-box > .btn-link {
		font-size:1.6rem;
		margin-top:2rem;
	}
	.nanotech_intro .sec01 .row > div[class^='col-']:nth-of-type(2) > .inner > .txt-box {
		top:50%;
	}
}

/* 방문신청 */
.nanotech_box {
	position:relative;
	display:block;
	box-sizing:border-box;
	padding:8rem 3rem 3rem;
	border-radius:0.6rem;
	box-shadow:3px 3px 8px rgba(0,0,0,0.05);
	border:1px solid #ddd;
	background:#fff;
	margin:8rem 0 4rem;
}
.nanotech_box > .tit {
	font-size:2rem;
	font-weight:600;
	box-sizing:border-box;
	padding:2.5rem 4rem;
	background:#044273;
	color:#fff;
	border-radius:4rem;
	text-align:center;
	position:absolute;
	left:50%;
	top:-3rem;
	transform:translateX(-50%);
	z-index:10;
}
.nanotech_box > .inner {
	display:flex;
	flex-wrap:wrap;
	-ms-flex-wrap:wrap;
	align-items:center;
}
.nanotech_box > .inner > .img {
	max-width:45.2rem;
	flex:0 0 45.2rem;
	box-sizing:border-box;
	margin-right:3rem;
	border:1px solid #ddd;
}
.nanotech_box > .inner > .txt {
	--wid:calc(100% - 48.2rem);
	max-width:var(--wid);
	flex:0 0 var(--wid);
}
.nanotech_box > .inner > .txt > dl {
	display:flex;
	flex-wrap:wrap;
	-ms-flex-wrap:wrap;
	align-items:flex-start;
	margin-bottom:0.5rem;
}
.nanotech_box > .inner > .txt > dl:last-child {
	margin-bottom:0;
}
.nanotech_box > .inner > .txt > dl > dt {
	font-size:1.6rem;
	font-weight:500;
	text-align:center;
	box-sizing:border-box;
	padding:0.4rem 1rem;
	min-width:10.4rem;
	border-radius:3rem;
	background:#096bc3;
	color:#fff;
	margin-right:1rem;
}
.nanotech_box > .inner > .txt > dl > dd {
	font-size:1.6rem;
	font-weight:500;
	color:#666;
	--wid:calc(100% - 11.4rem);
	max-width:var(--wid);
	flex:0 0 var(--wid);
	box-sizing:border-box;
	padding-top:0.4rem;
}
@media (max-width: 1280px) {
	.nanotech_box > .inner {
		align-items:flex-start;
	}
	.nanotech_box > .inner > .img {
		max-width:36rem;
		flex:0 0 36rem;
	}
	.nanotech_box > .inner > .txt {
		--wid:calc(100% - 39rem);
	}
}
@media (max-width: 1199.98px) {
	.nanotech_box {
		padding:8rem 2rem 2rem;
	}
	.nanotech_box > .inner > .img {
		max-width:28rem;
		flex:0 0 28rem;
		margin-right:2rem;
	}
	.nanotech_box > .inner > .txt {
		--wid:calc(100% - 30rem);
	}
}
@media (max-width: 991.98px) {
	.nanotech_box {
		padding:5rem 2rem 2rem;
		margin:4rem 0 2rem;
	}
	.nanotech_box > .tit {
		width:80%;
		font-size:1.8rem;
		padding:1.5rem 3rem;
	}
	.nanotech_box > .inner {
		display:block;
	}
	.nanotech_box > .inner > .img {
		max-width:100%;
		flex:0 0 100%;
		margin-right:0;
	}
	.nanotech_box > .inner > .txt {
		margin-top:2rem;
		--wid:100%;
	}
}
@media (max-width: 575.98px) {
	.nanotech_box > .tit {
		width:90%;
		padding:1rem 1.5rem;
		top:-2rem;
	}
	.nanotech_box > .inner > .txt > dl {
		display:block;
		margin-bottom:1rem;
	}
	.nanotech_box > .inner > .txt > dl > dt {
		display:inline-block;
		padding:0.4rem 1rem;
		min-width:10rem;
		margin-right:0;
	}
	.nanotech_box > .inner > .txt > dl > dd {
		--wid:100%;
		padding-top:0.4rem;
	}
}