@charset "utf-8";
/*------------------------------------------------- 
Author : seul ki / 2021
-------------------------------------------------*/

* button { font-size: 1.6rem; font-family: "NotoR";}
#detail_content{margin-bottom: 10rem;}
/* 서브 레이아웃 변경 */
#header{
	position: relative;
}
#header .logo a{
	background-image: url('../../../resources/images/scent/layout/logo02.png');
}
#gnb a {
	color: #333;
}
.allmenu-open{
	color: #333;
}

/* 타이틀 */
.heading1 {position: relative; margin-bottom: 2rem; padding-top: 5px; color:#222; font-size: 2rem; font-weight:normal;font-family: "NotoM", sans-serif; }
.heading1::before {content:''; display: block; width: 25px; height: 3px; background:#333333; position: absolute; left: 0; top: 0;}
* + .heading1 {margin-top: 45px;}
.title-table,
.title-desc{ position: relative; margin:4rem 0 2rem; color:#333; font-size:2.3rem; font-weight:normal; font-family: "NotoM", sans-serif; letter-spacing: -0.5px;}
* + .title-desc {margin-top: 30px;}
.imgarea {margin: 20px 0; text-align: center;}

/* 리스트 */
.list {word-break: keep-all;}
.list > li {position: relative; margin: 5px 0;padding-left: 10px;}
.list > li:first-child {margin-top: 0;}
.list.dot > li {color: #222;}
.list.dot > li::before {content:''; width: 4px; height: 4px; display: block; background: #666666; border-radius:50%; position: absolute; top: 10px; left: 0;}
.list.dot02 > li{padding-left: 15px;}
.list.dot02 > li::before {content:''; width: 7px; height: 7px; display: block; background: #FC6719; border-radius:50%; position: absolute; top:8px; left: 0;}
.list.dash > li {color: #666;}
.list.dash > li::before {content:''; width: 7px; height: 1px; display: block; background: #666666; border-radius:50%; position: absolute; top: 9px; left: 0;}
.list.dash02 > li{padding-left: 15px;}
.list.dash02 > li::before {content:''; width: 7px; height: 2px; display: block; background: #FC6719; border-radius:50%; position: absolute; top: 12px; left: 0;}
.list.gray > li {color:#666; padding-left: 9px; font-size:1.5rem;}
.list.gray > li::before {content:''; width: 3px; height: 3px; display: block; background: #666666; border-radius:50%; position: absolute; top: 7px; left: 0;}

.bg-area{position:relative; padding:70px 0;  background-color: #f6f6f6; }
.bg-area::before{content:""; width:500%; height:100%; background-color: #f6f6f6; position:absolute; top:0; left:50%; margin-left:-250%; z-index:-1;}

.system img, .location img {max-width: 100%;}


.imgbox-line{
	padding:5rem 2rem;
	text-align: center;
	border: 1px #ddd solid;
}
.imgbox-center{	
	padding:5rem 2rem;
	text-align: center;
}
.titlebox{
	position:relative;
	margin-top:3rem;
	padding:4rem 4rem 4rem 19rem;
	background:#F8F8F8;
	letter-spacing: -0.5px;
	word-break: keep-all;
}

.titlebox .img{
	position: absolute;
	left: 4rem;
	top:2.75rem;
}
.titlebox .desc strong{
	display:block;
	font-size: 2rem;
	margin-bottom: 10px;
	font-weight: normal;
	font-family: NotoM, sans-serif;
}

/* 사회적기업이란? */
.CSwrap{
	position:relative;
	display: flex;
	flex-flow: row wrap;
	height:100%;
	margin-left: -3rem;
	letter-spacing: -0.5px;
}
.CSwrap:after{
	content: "";
	display: block;
	clear: both;
	visibility: hidden;
}
.CSwrap > li{
	position:relative;
	width: 50%;
	height: 100%;;
	padding-top:6rem;
	text-align: center;
	padding-left:3rem;
}
.CSwrap .gray-box{
	background: #F8F8F8;
	padding:6rem 4rem 3rem;
	word-break: keep-all;
}
.CSwrap .CSimg{
	position: absolute;
	top:0;
	left: calc(50% - 3rem);
}

.CSwrap .gray-box .tit{
	display:block;
	font-size: 2rem;
	color: #333;
	font-weight: normal;
	font-family: NotoM, sans-serif;
}
.CSwrap .gray-box .t-en{
	display: block;
	font-family: 'Montserrat', sans-serif;
	font-weight: 300;
}
.CSwrap .gray-box p{
	padding-top:2rem;
}
.service{
	position:relative;
	margin-top:5rem;
	padding-top: 11rem;
	background: url("/resources/images/scent/contents/CSicon03.png") center top no-repeat; 
}
.service .box-tit{
	position:absolute;
	top:8rem;
	left:50%;
	transform: translateX(-50%);
	padding:1rem 8rem;
	background: #394D7E;
	color: #fff;
	text-align: center;
	border-radius: 50rem;
}
.service .box-tit strong{
	display: block;
}
.service .box-tit .t-en{
	display: block;
	font-family: 'Montserrat', sans-serif;
	font-weight: 300;
}
.service .service-txt{
	padding:6rem 9rem 4rem;
	border: 7px #eee solid;
	border-radius: 50rem;
	text-align: center;
}

/* 사회적기업 인증절차 */
.porcess-list {
	margin-left: -4.3rem;
	text-align: center;
	font-size: 1.5rem;
	overflow: hidden;
	}	
.porcess-list > li {
	float: left;
	position: relative;
	width: 25%;
	padding: 0 0 4.1rem 4.3rem;
	}		
.porcess-list > li::before {
	display: block;
    position: absolute;
    top: 25%;
    left: 0.8rem;
    width: 2.9rem;
    height: 2.9rem;
    border: 1px solid #ddd;
    border-radius: 100%;
    font: normal 1.5rem/1.8 xeicon;
	content:"\e93f";
	color: #ddd;
	}
.porcess-list > li:nth-child(n+5):nth-child(-n+8) {
	float: right;
	}
.porcess-list > li:first-child::before,
.porcess-list > li:last-child::before {
	display: none;
	}	
.porcess-list > li:nth-child(n+5):nth-child(-n+8)::before {
	content:"\e93c";
	}
.porcess-list .box {
	min-height:10rem;
	margin-top:1rem;
	padding: 2.2rem 1rem 2.6rem;
	background: #F8F8F8;
	border: 0;
	word-break: keep-all;
	}
.porcess-list .box strong {
	display: block;
	}
.porcess-list .tit {
	display: block;
	margin-top: 0.7rem;
    padding: 1.3rem 0;
	background-color: #FC6719;
    color: #fff;
    line-height: 1.3;
	}
.porcess-list .tit i {
    margin-top: -1px;
    vertical-align: middle;
	transform: rotate(-90deg)
	}
.porcess-list > li:nth-child(even) .tit{
	background-color: #FF9E2E;
}

/* 사람과 경제 */
.cbseWrap{
	position: relative;
	padding:26rem 4rem 0;
}
.cbseWrap:before{
	content: "";
	position:absolute;
	top:0;
	left:0;
	display: block;
	width: 100%;
	height:100%;	
	background: url(/resources/images/scent/contents/cbse-img.jpg) center 0 no-repeat;
}
.cbseWrap .titlebox{
	background: #fff;
}
.cbseWrap .titlebox .desc > p{
	margin-bottom: 2rem;
}

/* 인사말 */
.greeting { padding-right:33rem; background: url(/resources/images/scent/contents/greeting.png) 100% 50% no-repeat;word-break: keep-all;}
.greeting .first {margin-bottom: 30px; font-size: 3rem; color: #000; font-family: "NotoL"; font-weight: normal;}
.greeting .first strong {font-family: "NotoM"; font-weight: normal;}
.greeting p {margin-top: 20px; color: #555; line-height: 1.5;}

/* 오시는길 */
.location{word-break: keep-all;}
.location .map-box{width: 100%;}
.location address{position:relative; margin:50px 0 25px; padding-bottom:20px; color:#555; text-align:center;  font-size:2.3rem; font-style: normal;}
.location address::after{content:""; width:34px; height:1px; background-color: #333; position:absolute; bottom:0; left:50%; transform:translateX(-50%);}

.location .contact-list>li{display:inline-block; font-size:1.8rem; margin:0 30px; height: 30px; line-height: 1.4;}
.location .contact-list>li strong{color:#555; padding:0 26px 0 25px; font-weight: normal; font-family: "NotoM", sans-serif;}
.location .contact-list>li.call{background:url('/resources/images/scent/contents/i_contact1.png') 0 0 no-repeat; }
.location .contact-list>li.fax{background:url('/resources/images/scent/contents/i_contact2.png') 0 0 no-repeat; }
.location .root-list {margin-top: 75px;}
.location .root-list > li {padding-top: 15px; margin-bottom: 45px;}
.location .root-list > li > strong {display: block; width: 200px; position: relative; float: left; font-size:2.3rem; }
.location .root-list > li > strong::before {content:''; width: 34px; height: 1px; background:#000; position: absolute; top: -15px; left: 0;}
.location .root-list > li .text {margin-left: 200px; font-size:1.8rem;}
.location .root-list > li .text > .bus {padding-left: 20px; position: relative; margin-bottom: 35px;}
.location .root-list > li .text > .bus::before {content:''; width: 10px; height: 10px; background-color:#1081f4; border-radius:50%; position:absolute; top:6px; left:0;}
.location .root-list > li .text > .bus.green::before {background-color:#30d18a;}