<html><head><meta name="color-scheme" content="light dark"></head><body><pre style="word-wrap: break-word; white-space: pre-wrap;">@charset "UTF-8";

.intro-content {margin-top: 88px}
.tab-menu {
	position: relative;
	margin: 0;
	display: flex;
	justify-content: center;
}
.tab-menu li {
	width: 33.33%;
	height: 62px;
	line-height: 62px;
}
.tab-menu li a {
	display: block;
	text-align: center;
	background: #F7F7F7;
	border: 1px solid #eee;
	color: #202020;
	font-size: 16px;
	font-weight: 400;
}
.tab-menu li a.active {
	display: block;
	background: #fff;
	border-left: 1px solid #43BC93;
	border-top: 1px solid #43BC93;
	border-right: 1px solid #43BC93;
	border-bottom: none;
}
.tab-menu li a.active::before,
.tab-menu li a.active::after {
	content: '';
	display: block;
	position: absolute;
}
.tab-menu li:nth-of-type(2) a.active::before {
	right: 0;
	left: 49.95%;
	bottom: 0;
	border-bottom: 1px solid #43bc93;
}
.tab-menu li:nth-of-type(3) a.active::before {
	left: 75%;
	right: 0;
	bottom: 0;
	border-bottom: 1px solid #43bc93;
}
.tab-menu li:nth-of-type(4) a.active::before {
	left: 0;
	right: 25%
	bottom: 0;
	border-bottom: 1px solid #43bc93;
}
.tab-menu li:nth-of-type(1) a.active::after {
	left: 24.95%;
	right: 0;
	border-bottom: 1px solid #43bc93;
}
.tab-menu li:nth-of-type(2) a.active::after {
	left: 0;
	right: 74.9%;
	border-bottom: 1px solid #43bc93;
}
.tab-menu li:nth-of-type(3) a.active::after {
	left: 0;
	right: 49.9%;
	border-bottom: 1px solid #43bc93;
}

.tabs{ display: none;}
.intro-title {
	margin-top: 42px;
	width: 100%;
	height: 154px;
	background: url(../../../04_img/common/intro-title-img@2x.png)no-repeat 0 -60px/100% auto;
}
.intro-title h5 {
	line-height: 154px;
	text-align: center;
	font-size: 24px;
	font-weight: bold;
	color: #fff;
}
.share-intro01 {
	margin: 62px 0 78px;
	padding-bottom: 78px;
	border-bottom: 1px solid #eee;
}
.share-top {
	display: flex;
	justify-content: space-between;
	align-items: center;
}
.share-top &gt; h5 {
	padding: 33px 0 0 40px;
	width: 224px;
	height: 234px;
	font-size: 24px;
	font-weight: 500;
	color: #fff;
	background:#43BC93;
	box-sizing: border-box;
}
.purpose-text {
	margin-left: 88px;
	max-width: 920px;
}
.purpose-text .pur-subtitle, .sto-subtitle {
	display: inline-block;
	margin-bottom: 14px;
	font-size: 24px;
	font-weight: 400;
	color:#12A19A;
	text-transform: uppercase;
}
.purpose-text .pur-subtitle::after, .sto-subtitle::after {
	content: '';
	display: block;
	border-bottom: 1px solid #12a19a;
}
.purpose-text .pur-text, .sto-text {
	display: block;
	font-size: 16px;
	font-weight: 400;
	color: #202020;
}
.tp-img {
	display: flex;
	justify-content: center;
	margin: 55px 0 72px;
}
.story-text {padding-left: 312px;}


.share-intro02 {padding-bottom: 100px; border-bottom: 1px solid #eee;}
.share-intro02 .share-top {padding-bottom: 130px;}
.together-img {
	padding: 60px 0;
	width: 100%;
	border: 1px solid #ddd;
	text-align: center;
}
.subtitle {
	display: block;
	margin-bottom: 14px;
	font-size: 24px;
	font-weight: bold;
	color: #12A19A;
}
.together-text {padding-left: 88px; max-width: 920px;}
.share-intro03 {padding: 90px 0 100px; border-bottom: 1px solid #eee; text-align: center;}
.share-intro03 &gt; img {object-fit: cover; width: 60%;}
.share-intro03 &gt; p {
	font-size: 20px;
	font-weight: 400;
	color: #202020;
	text-align: center;
}
.share-intro03 &gt; h5 {
	margin-bottom: 78px;
	font-size: 32px;
	font-weight: bold;
	color: #12A19A;
	text-align: center;
}
.share-intro03 .sub-text {
	display: block;
	width: 100%;
	height: 44px;
	line-height: 42px;
	font-size: 16px;
	font-weight: 400;
	color: #202020;
	background: #eee;
	text-align: center;
}
.share-intro03 .mark-title {
	padding: 96px 0 18px;
	font-size: 24px;
	font-weight: 500;
	color: #202020;
	text-decoration: underline;
}
.share-intro03 .sub-text02 {
	display: block;
	margin: 0 auto;
	width: 710px;
}

.logo-down {
	margin-top: 70px;
	display: flex;
	justify-content: center;
	width: 100%;
	padding: 46px 0;
	background:#F6F6F6;
	border: 1px solid #C9C9C9
}
.logo-down h6 {
	margin-right: 112px;
	font-weight: 500;
	font-size: 20px;
	color: #202020;
	letter-spacing: -0.5px;
}
.logo-down button {padding: 10px 40px; color: #fff;}
.logo-down button:nth-of-type(1) {background: #43BC93; margin-right: 16px;}
.logo-down button:nth-of-type(2) {background: #00605E;}
.share-intro04 {padding: 90px 0 100px; border-bottom: 1px solid #eee;}
.guide-text {
	padding: 30px 62px;
	background: #eee;
}
.guide-text li {line-height: 1.5;}
.guide-text li::before {
	content: '-';
	display: inline-block;
	padding
}
.video-view {padding-top: 72px; text-align: center;}
video {width:830px; height: 506px;}

/* 자주묻는질문 */
#tabs4 {}
#tabs4 table{margin-top: 104px}
#tabs4 table thead tr {
	height: 60px;
	background: #F9F9F9;
	border-top: 1px solid #dfdfdf
}
#tabs4 table thead tr th{
	font-weight: 500;
	font-size: 16px;
	color: #202020;
}
#tabs4 table tbody .accordion {}
#tabs4 table tbody .accordion td:nth-of-type(2){ font-weight: 500}
#tabs4 table tbody .aco_content {display: none;}
#tabs4 table tbody tr.aco_content.active {display: none;}
#tabs4 table tbody tr td:nth-of-type(1) {text-align: center;}
#tabs4 table tbody tr td:nth-of-type(2) {}
#tabs4 table tbody tr td {
	font-weight: bold;
	font-size: 16px;
	color: #202020;
}
#tabs4 table tbody .accordion {border-bottom: 1px solid #DFDFDF;}
#tabs4 table tbody .accordion td {padding: 22px 0;}
#tabs4 table tbody tr:nth-of-type(even) {
	background: #F9F9F9;
	border-bottom: 1px solid #DFDFDF;
}
#tabs4 table tbody tr:nth-of-type(2n) .aco_text {margin-left: 12px}
#tabs4 table tbody tr:nth-of-type(2n) td {
	padding: 24px 60px 24px 0;
	font-size: 14px;
	font-weight: 400;
	line-height: 1.5;
}
#tabs4 table tbody tr:nth-of-type(2n) td:nth-of-type(2) {
	display: flex;
}

#tabs4 {}
#tabs4 .faq_top {
	display: flex;
	align-items: center;
	margin-top: 104px;
	height: 46px;
	background: #F6F6F6;
	border-top: 1px solid #DFDFDF;
}
#tabs4 .faq_top &gt; span {
	display: block;
	font-size: 14px;
	font-weight: 500;
	text-align: center;
	color: #202020;
}
.sec_01 {width: 15%}
.sec_02 {width: 85%}

.faq_bottom {}
.faq_list {}
.faq_list li input[type="checkbox"]{display: none;}
.faq_list li input[type="checkbox"]+ label &gt; div.faq_title &gt; .aco_arrow {
	position: absolute;
	right: 24px;
	width: 24px;
	height: 24px;
	background: url(../../../04_img/common/aco_arrow24px@2x.png)no-repeat bottom / 24px auto;
}
.faq_list li input[type="checkbox"]:checked + label &gt; div.faq_title &gt; .aco_arrow {
	background: url(../../../04_img/common/aco_arrow24px@2x.png)no-repeat top / 24px auto;
}
.faq_list li input[type="checkbox"]+ label &gt; div.faq_content {display: none;}
.faq_list li input[type="checkbox"]:checked + label &gt; div.faq_content {display: flex;}
.faq_list li div {display: flex; color: #202020;}
.faq_list li div.faq_title {
	position: relative;
	padding: 22px 0;
	font-weight: 500;
	border-bottom:1px solid #DFDFDF;
}
.faq_list li div.faq_title .sec_02::before {
	content: '';
	display: inline-block;
	margin-right: 12px;
	width: 28px;
	height: 28px;
	background: url(../../../04_img/common/faq_question@2x.png)no-repeat center/28px auto;
	vertical-align: middle;
}
.faq_list li div.faq_title .aco_arrow {}
.faq_bottom ul li div.faq_content {
	padding: 30px 60px 30px 0;
	border-bottom:1px solid #DFDFDF;
	background: #fcfcfc;
}
.faq_bottom ul li div &gt; span {display: block;}
.faq_bottom ul li div &gt; span:first-of-type {text-align: center;}
.sec_flex {display: flex;}
.sec_flex span {line-height: 1.5;}
.sec_flex span:last-of-type {font-size: 14px;}
.sec_flex span:first-of-type {margin-right: 10px;}


/* 바로가기 */
.shortcut-bnr {padding: 110px 0 200px;}
.shortcut-bnr h5 {
	margin-bottom: 14px;
	font-size: 24px;
	font-weight: bold;
	color: #12A19A;
	letter-spacing: -0.5px;
}
.shortcut-bnr ul {margin: 0;}
.shortcut-bnr li {
	position: relative;
	display: flex;
	align-items: center;
	padding: 42px 32px;
	border-bottom: 1px solid #ddd;
}
.shortcut-bnr li:first-child {border-top: 1px solid #ddd;}
.shortcut-bnr h6 {
	padding: 20px;
	width: 224px;
	background:#43BC93;
	color: #fff;
	flex: 1;
}
.shortcut-bnr .list-con {
	margin-left:88px;
	flex: 3;
}
.shortcut-bnr .list-con &gt; p {
	margin-bottom: 8px;
	font-size: 16px;
	font-weight: 500;
	color: #202020;
	letter-spacing: -0.5px;
}
.shortcut-bnr li &gt; a {
	display: inline-block;
	margin-left: 50px;
	width: 100px;
	height: 100px;
	line-height: 98px;
	text-align: center;
	box-sizing: border-box;
	border: 1px solid #43bc93;
	border-radius: 50%;
	-webkit-border-radius: 50%;
	-moz-border-radius: 50%;
	-ms-border-radius: 50%;
	-o-border-radius: 50%;
} 
.shortcut-bnr li &gt; a:hover {background: #EB9B4B; border-color:#EB9B4B}
.shortcut-bnr li &gt; a:hover span {color: #fff; text-decoration: underline}
.shortcut-bnr li &gt; a span {
	font-size: 16px;
	font-weight: 400;
	color: #43bc93;
} 


/* ------screen 1000_1279 ------ */
@media all and (min-width: 1000px) and (max-width: 1279px) {
	.shortcut-bnr .list-con {
		margin-left: 46px;
		width: 490px;	
	}
}

















</pre></body></html>