@charset "utf-8";

/******************************************
	메인 페이지
*******************************************/
/*******  메인 공통 시작  *******/
.main_title {
	font-size: 54px;
	font-weight: bold;
}

.main_intro {
	margin-top: 40px;
	font-size: 30px;
	font-weight: 300;
}

@media screen and (max-width:1000px) {
	.main_title {
		font-size: 7vw;
	}

	.main_intro {
		margin-top: 5vw;
		font-size: 5vw;
	}
}

/*******  메인 공통 끝  *******/


/*******  메인 배너 시작  *******/
#main_banner_area {
	display: flex;
	position: relative;
	height: 956px;
	align-items: center;
	justify-content: center;
	background: url('../images/v2/main_banner.png') no-repeat center center / cover;
	text-align: center;
	color: #fff;
}

/* #main_banner_area::before {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	background: rgba(0,0,0,0.2);
	content: "";
	z-index: 0;
} */

#main_banner_area .content_box {}

/* #main_banner_area .content_box .title,
#main_banner_area .content_box .intro,
#main_banner_area .content_box .btn_box
{
	position: relative;
	z-index: 1;
} */

#main_banner_area .content_box .title {
	font-size: 54px;
	font-weight: bold;
}

#main_banner_area .content_box .intro {
	margin-top: 23px;
	font-size: 30px;
	font-weight: 300;
}

#main_banner_area .content_box .btn_box {
	margin-top: 46px;
}

#main_banner_area .content_box .btn_box > button {
	transition: .2s;
}

#main_banner_area .content_box .btn_box > button:not(:last-child) {
	margin-right: 12px;
}

@media screen and (max-width:1000px) {
	#main_banner_area {
		height: 154.2vw;
		background-image: url('../images/v2/m_main_banner.png');
	}

	#main_banner_area .content_box {
		width: 88%;
	}

	#main_banner_area .content_box .title {
		font-size: 10vw;
	}

	#main_banner_area .content_box .intro {
		margin-top: 5.8vw;
		font-size: 5.5vw;
	}

	#main_banner_area .content_box .btn_box {
		margin-top: 11.2vw;
	}

	#main_banner_area .content_box .btn_box > button {
		width: 100%;
		height: 13vw;
		font-size: 4.4vw;
	}

	#main_banner_area .content_box .btn_box > button:not(:last-child) {
		margin-right: 0;
		margin-bottom: 3.2vw;
	}
}

#main_banner_area2 {
	position: relative;
}

#main_banner_area2 .content_box {
	position: absolute;
	top: 50%;
	left: 50%;
	transform: translate(-50%, -50%);
	text-align: center;
	color: #fff;
}

#main_banner_area2 .content_box .title {
	font-size: 54px;
	font-weight: bold;
}

#main_banner_area2 .content_box .intro {
	margin-top: 23px;
	font-size: 30px;
	font-weight: 300;
}

#main_banner_area2 .content_box .intro2 {
	margin-top: 0;
	margin-bottom: 23px;
}

#main_banner_area2 .content_box .btn_box {
	margin-top: 46px;
}

#main_banner_area2 .content_box .btn_box > button {
	transition: .2s;
}

#main_banner_area2 .content_box .btn_box > button:not(:last-child) {
	margin-right: 12px;
}

@media screen and (max-width:1000px) {

	#main_banner_area2 .content_box {
		width: 88%;
		left: 6%;
		transform: translate(0,-50%);
	}

	#main_banner_area2 .content_box .title {
		font-size: 8.4vw;
	}

	#main_banner_area2 .content_box .intro {
		margin-top: 5.8vw;
		font-size: 5.5vw;
	}
	
	#main_banner_area2 .content_box .intro2 {
		margin-bottom: 5.8vw;
	}

	#main_banner_area2 .content_box .btn_box {
		margin-top: 11.2vw;
	}

	#main_banner_area2 .content_box .btn_box > button {
		width: 100%;
		height: 13vw;
		font-size: 4.4vw;
	}

	#main_banner_area2 .content_box .btn_box > button:not(:last-child) {
		margin-right: 0;
		margin-bottom: 3.2vw;
	}
}

/*******  메인 배너 끝  *******/


/*******  메인 화학물질 시작  *******/
#main_chemical_area {
	padding: 120px 0 80px;
}

#main_chemical_area .btn_box {
	width: 100%;
	margin-top: 40px;
}

#main_chemical_area .btn_box > button {}

#main_chemical_area .chemical_list {
	margin-top: 80px;
}

#main_chemical_area .chemical_list > li {
	display: flex;
	float: left;
	width: 220px;
	height: 220px;
	margin-right: 75px;
	margin-bottom: 40px;
	align-items: center;
	justify-content: center;
	border-radius: 50%;
	border: 1px solid #EBEBEB;
	box-sizing: border-box;
	box-shadow: 0 5px 20px #0000000F;
}

#main_chemical_area .chemical_list > li:nth-child(5n + 5) {
	margin-right: 0;
}

#main_chemical_area .chemical_list > li .content {}

#main_chemical_area .chemical_list > li .content > .img {
	width: 64px;
	height: 64px;
	margin: 0 auto;
	background-position: center center;
	background-size: cover;
	background-repeat: no-repeat;
}

#main_chemical_area .chemical_list > li .content > p {
	margin-top: 24px;
	font-size: 20px;
	font-weight: bold;
}

@media screen and (max-width:1000px) {
	#main_chemical_area {
		padding: 16.5vw 0 12vw;
	}
	
	#main_chemical_area .btn_box {
		margin-top: 6vw;
	}

	#main_chemical_area .chemical_list {
		margin-top: 10vw;
	}

	#main_chemical_area .chemical_list > li {
		width: 41vw;
		height: 41vw;
		margin-right: calc(100% - 82vw);
		margin-bottom: 7.8vw;
		box-shadow: 0 0.5vw 2vw #0000000F;
	}

	#main_chemical_area .chemical_list > li:nth-child(5n + 5) {
		margin-right: calc(100% - 82vw);
	}

	#main_chemical_area .chemical_list > li:nth-child(even) {
		margin-right: 0;
	}

	#main_chemical_area .chemical_list > li .content > .img {
		width: 12vw;
		height: 12vw;
	}

	#main_chemical_area .chemical_list > li .content > p {
		margin-top: 4vw;
		font-size: 4.4vw;
	}
}

/*******  메인 화학물질 끝  *******/


/*******  메인 작업일지 시작  *******/
#main_history_area {
	padding: 120px 0 100px;
}

#main_history_area .btn_box {
	width: 100%;
	margin-top: 40px;
}

#main_history_area .history_list {
	margin-top: 80px;
}

#main_history_area .history_list > li {
	float: left;
	width: calc(50% - 12px);
	margin-bottom: 20px;
	padding: 40px 0;
	border: 1px solid #EBEBEB;
	background: #fff;
	text-align: center;
}

#main_history_area .history_list > li:nth-child(odd) {
	margin-right: 20px;
}

#main_history_area .history_list > li > span {
	position: relative;
	display: inline-block;
	padding-left: 41px;
	font-size: 24px;
	font-weight: bold;
}

#main_history_area .history_list > li > span::before {
	position: absolute;
	top: calc(50% - 13px);
	left: 0;
	width: 26px;
	height: 26px;
	margin-right: 15px;
	background: url('../images/v2/ico_check.png') no-repeat center center / contain;
	content: "";
}

@media screen and (max-width:1000px) {
	#main_history_area {
		padding: 16.2vw 0 22vw;
	}
	
	#main_history_area .btn_box {
		margin-top: 6vw;
	}
	
	#main_history_area .btn_box .default_button01 {
		width: 36.3vw;
		height: 10.7vw;
		font-size: 4vw;
	}

	#main_history_area .history_list {
		margin-top: 10vw;
	}

	#main_history_area .history_list > li {
		width: 100%;
		margin-bottom: 2vw;
		padding: 7vw 0;
	}

	#main_history_area .history_list > li:nth-child(odd) {
		margin-right: 0;
	}

	#main_history_area .history_list > li > span {
		padding-left: 8.8vw;
		font-size: 5vw;
	}

	#main_history_area .history_list > li > span::before {
		position: absolute;
		top: calc(50% - 3vw);
		width: 5.5vw;
		height: 5.5vw;
		margin-right: 3.3vw;
		background-image: url('../images/v2/m_ico_check.png');
	}
}

/*******  메인 작업일지 끝  *******/


/*******  자주 묻는 질문 시작  *******/
#main_faq_area {
	padding: 120px 0;
}

.faq_list {
	margin-top: 70px;
}

.faq_list > dt,
.faq_list > dd .content {
	padding: 37px 55px;
	font-size: 20px;
}

.faq_list > dt {
	position: relative;
	margin-top: 10px;
	border: 1px solid #EBEBEB;
	font-weight: bold;
	transition: .2s;
}

.faq_list > dt::before,
.faq_list > dt::after {
	position: absolute;
	top: calc(50% - 1.5px);
	width: 10px;
	height: 2px;
	background: #000;
	content: '';
}

.faq_list > dt::before {
	transform: rotate(45deg);
	right: 61px;
}

.faq_list > dt::after {
	transform: rotate(-45deg);
	right: 55px;
}

.faq_list > dt.on {
	border-color: var(--main-color);
	background: var(--main-color);
	color: #fff;
}

.faq_list > dt.on::before,
.faq_list > dt.on::after {
	background: #fff;
	transition: .2s;
}

.faq_list > dt.on::before {
	transform: rotate(-45deg);
}

.faq_list > dt.on::after {
	transform: rotate(45deg);
}

.faq_list > dt:not(.on):hover {
	background: var(--main-hover);
}

.faq_list > dt > span {
	display: inline-block;
	margin-right: 67px;
}

.faq_list > dt.on > span {
	color: #fff;
}

.faq_list > dd {
	display: none;
}

.faq_list > dd .content {
	display: flex;
	/* align-items: flex-start; */
	align-items: center;
	border: 1px solid var(--main-color);
}

.faq_list > dd .content > span {
	display: inline-block;
	margin-right: 67px;
	font-weight: bold;
}

.faq_list > dd .content > p {}

.faq_list > dd .content > p img {
	max-width: 100%;
}

#main_faq_area .btn_box {
	margin-top: 40px;
	text-align: center;
}

#main_faq_area .btn_box > button {}

@media screen and (max-width:1000px) {
	#main_faq_area {
		padding: 13vw 0;
	}

	.faq_list {
		margin-top: 7.7vw;
	}

	.faq_list > dt,
	.faq_list > dd .content {
		padding: 6.5vw 4vw;
		font-size: 4.2vw;
	}

	.faq_list > dt {
		margin-top: 2vw;
	}

	.faq_list > dt::before,
	.faq_list > dt::after {
		top: calc(50% - 0.3vw);
		width: 2vw;
		height: 0.4vw;
	}

	.faq_list > dt::before {
		right: 5.2vw;
	}

	.faq_list > dt::after {
		right: 4vw;
	}

	.faq_list > dt:not(.on):hover {
		background: transparent;
	}

	.faq_list > dt > span {
		margin-right: 3.5vw;
	}

	.faq_list > dd .content {
		align-items: flex-start;
	}

	.faq_list > dd .content > span {
		margin-right: 3.5vw;
	}

	#main_faq_area .btn_box {
		margin-top: 10vw;
	}

}

/*******  자주 묻는 질문 끝  *******/


/******************************************
	서브 페이지
*******************************************/
/*******  서브 공통 시작  *******/
.title01 {
	font-size: 40px;
	font-weight: bold;
	text-align: center;
}

.subtitle01 {
	margin-top: 20px;
	font-size: 24px;
	font-weight: bold;
	text-align: center;
}

.intro01 {
	margin-top: 20px;
	font-size: 24px;
	font-weight: 300;
	text-align: center;
}

.intro02 {
	width: 1035px;
	margin: 0 auto;
	margin-top: 35px;
	padding: 18px 0;
	border-radius: 500px;
	background: #fff;
	font-size: 24px;
	font-weight: bold;
	text-align: center;
	color: var(--main-color);
}

@media screen and (max-width:1000px) {
	.title01 {
		font-size: 7vw;
	}

	.subtitle01 {
		margin-top: 5vw;
		font-size: 5vw;
	}

	.intro01 {
		margin-top: 3vw;
		font-size: 5vw;
		letter-spacing: -0.025em;
	}

	.intro02 {
		width: 100%;
		margin-top: 35px;
		padding: 6.8vw 6.5vw;
		box-sizing: border-box;
		border-radius: 3vw;
		font-size: 5vw;
	}
}
/*******  서브 공통 끝  *******/


/*******  서비스 시작  *******/
.service_hd {
	margin-top: 95px;
}

.service_hd .service_intro {
	margin-top: 44px;
}

.service_hd .service_intro > li {
	float: left;
	width: calc(50% - 10px);
	text-align: center;
}

.service_hd .service_intro > li:first-child {
	margin-right: 20px;
}

.service_hd .service_intro > li > p {
	padding: 40px 0;
	border: 1px solid #EBEBEB;
	background: #F6F5F7;
	font-size: 24px;
	font-weight: bold;
}

.service_hd .service_intro > li > ul {
	/* width: 390px; */
	margin: 0 auto;
	margin-top: 24px;
}

.service_hd .service_intro > li > ul > li {
	font-size: 20px;
	line-height: 1.5;
	text-align: left;
}

.service_hd .service_intro > li > ul > li.ta-center {
	text-align: center;
}

.service_hd .service_down {
	display: block;
	margin: 0 auto;
	margin-top: 30px;
}

.service_hd .service_intro2 {
	width: 690px;
	margin: 20px auto 100px;
	padding: 25px 0;
	border: 1px solid #EBEBEB;
	background: var(--main-color);
	font-size: 24px;
	line-height: 1.4;
	font-weight: bold;
	text-align: center;
	color: #fff;
}

.service_hd .service_intro3 {
	width: 100%;
	margin: 26px auto 20px;
	font-size: 20px;
	text-align: center;
}

.service_hd .service_menu {
	padding: 38px 0;
	border-top: 1px solid #EBEBEB;
	text-align: center;
}

.service_hd .service_menu button {
	width: 230px;
	height: 64px;
	margin-right: 7px;
	border: 1px solid #EBEBEB;
	background: #fff;
	font-size: 22px;
	font-weight: bold;
	color: #AEAEAE;
	transition: .2s;
}

.service_hd .service_menu button:last-child {
	margin-right: 0;
}

.service_hd .service_menu button.on,
.service_hd .service_menu button:hover {
	border-color: var(--main-color);
	background: #E6F9FF;
	color: var(--main-color);
}

@media screen and (max-width:1000px) {
	.service_hd {
		margin-top: 14.3vw;
	}

	.service_hd .service_intro {
		margin-top: 0;
	}

	.service_hd .service_intro > li {
		width: 100%;
		margin-top: 10vw;
	}

	.service_hd .service_intro > li:first-child {
		margin-right: 0;
	}

	.service_hd .service_intro > li > p {
		padding: 6vw 0;
		font-size: 5.5vw;
	}

	.service_hd .service_intro > li > ul {
		width: 100%;
		margin-top: 5vw;
	}

	.service_hd .service_intro > li > ul > li {
		font-size: 5vw;
		text-align: left;
		letter-spacing: -0.025em;
		line-height: 1.35;
	}

	.service_hd .service_down {
		width: 11.7vw;
		margin-top: 9vw;
	}

	.service_hd .service_intro2 {
		width: 100%;
		margin: 3.2vw auto 9.7vw;
		padding: 6vw 0;
		font-size: 5.5vw;
	}
	
	.service_hd .service_intro3 {
		margin: 6.7vw auto 3.2vw;
		font-size: 5vw;
	}

	.service_hd .service_menu {
		padding: 8vw 0;
	}

	.service_hd .service_menu button {
		width: 100%;
		height: 13.3vw;
		margin-right: 0;
		margin-bottom: 2vw;
		font-size: 4.4vw;
	}

}


.service01_1_area {
	padding: 100px 0;
}

.service01_1_area .service01_1_list {
	margin-top: 20px;
}

.service01_1_area .service01_1_list > li {
	float: left;
}

.service01_1_area .service01_1_list > li.right {
	float: right;
}

.service01_1_area .service01_1_list > li:nth-child(-n+5) {
	width: 210px;
	margin-right: calc(25% - 262.5px);
	margin-bottom: 36px;
}

.service01_1_area .service01_1_list > li:nth-child(5) {
	margin-right: 0;
}

.service01_1_area .service01_1_list > li:nth-child(n+6) {
	width: calc(50% - 10px);
}

.service01_1_area .service01_1_list > li > img {
	margin-top: 20px;
}

.service01_1_area .service01_1_list > li > img.margin_setting {
	margin-top: 14px;
}

.service01_1_area .service01_1_list > li > p {
	margin-top: 14px;
	font-size: 18px;
	font-weight: bold;
	text-align: center;
}

@media screen and (max-width:1000px) {
	.service01_1_area {
		padding: 12vw 0;
	}

	.service01_1_area .service01_1_list {
		margin-top: 8vw;
	}

	.service01_1_area .service01_1_list > li:nth-child(-n+5) {
		width: calc(50% - 2vw);
		margin-right: 4vw;
		margin-bottom: 1.2vw;
	}

	.service01_1_area .service01_1_list > li:nth-child(2), 
	.service01_1_area .service01_1_list > li:nth-child(4), 
	.service01_1_area .service01_1_list > li:nth-child(5){
		margin-right: 0;
	}

	.service01_1_area .service01_1_list > li:nth-child(5){
		margin-left: 25%;
	}

	.service01_1_area .service01_1_list > li:nth-child(n+6) {
		width: 100%;
	}

	.service01_1_area .service01_1_list > li > img {
		margin-top: 4vw;
	}

	.service01_1_area .service01_1_list > li > img.margin_setting {
		margin-top: 4vw;
	}

	.service01_1_area .service01_1_list > li > p {
		margin-top: 3.7vw;
		font-size: 4.4vw;
	}
}

.service01_1_area .service01_1_qr {
	margin-top: 40px;
}

.service01_1_area .service01_1_qr > img,
.service01_1_area .service01_1_qr .service01_1_qr_detail{
	float: left;
	width: calc(50% - 10px);
}

.service01_1_area .service01_1_qr > img {
	margin-right: 20px;
}

.service01_1_area .service01_1_qr .service01_1_qr_detail {}

.service01_1_area .service01_1_qr .service01_1_qr_detail .service01_1_qr_list {}

.service01_1_area .service01_1_qr .service01_1_qr_detail .service01_1_qr_list > li {
	display: flex;
	height: 80px;
	margin-bottom: 22px;
	border: 1px solid #EBEBEB;
	background: #F6F5F7;
	align-items: center;
	justify-content: center;
	font-size: 20px;
	font-weight: bold;
}

.service01_1_area .service01_1_qr  .service01_1_qr_detail > span {
	font-size: 20px;
	font-weight: 300;
}

@media screen and (max-width:1000px) {
	.service01_1_area .service01_1_qr {
		margin-top: 14vw;
	}

	.service01_1_area .service01_1_qr > img,
	.service01_1_area .service01_1_qr .service01_1_qr_detail{
		width: 100%;
	}

	.service01_1_area .service01_1_qr > img {
		margin-right: 0;
		margin-bottom: 6vw;
	}

	.service01_1_area .service01_1_qr .service01_1_qr_detail .service01_1_qr_list > li {
		height: 16vw;
		margin-bottom: 3vw;
		font-size: 4.4vw;
	}

	.service01_1_area .service01_1_qr  .service01_1_qr_detail > span {
		font-size: 4.4vw;
	}
}


.service01_2_img {
	display: block;
	margin: 40px auto 150px;
}


.service01_3_img {
	display: block;
	margin: 40px auto 40px;
}


.service01_4_img {
	display: block;
	margin: 0 auto;
	margin-top: 40px;
}

.service01_4_img:last-child {
	margin-top: 10px;
}

@media screen and (max-width:1000px) {
	.service01_2_img {
		width: 100%;
		margin: 14vw auto 24vw;
	}


	.service01_3_img {
		width: 100%;
		margin: 6vw auto 11.5vw;
	}


	.service01_4_img {
		width: 100%;
		margin-top: 6vw;
	}

	.service01_4_img:last-child {
		margin-top: 3vw;
	}
}


.service01_5_list {
	margin-top: 40px;
}

.service01_5_list > li {
	position: relative;
	margin-bottom: 60px;
}

.service01_5_list > li > ul {
	margin: 0 140px;
}

.service01_5_list > li > ul > li {
	float: left;
	width: 210px;
	margin-right: 20px;
}

.service01_5_list > li > ul > li > img {}

.service01_5_list > li > ul > li > p {
	margin-top: 14px;
	font-size: 18px;
	font-weight: bold;
	text-align: center;
}


.service01_5_explain {
	position: absolute;
	left: 590px;
	width: 620px;
	padding: 30px 25px;
	box-sizing: border-box;
	background: var(--main-color);
	font-size: 20px;
	font-weight: 300;
	color: #fff;
}

.service01_5_explain::before {
	position: absolute;
	top: calc(50% - 16px);
	left: -28px;
	width: 0;
    height: 0;
    border-left: 16px solid transparent;
    border-right: 16px solid transparent;
    border-bottom: 28px solid var(--main-color);
	content: "";
	transform: rotate(-90deg);
}

.service01_5_explain > strong {
	display: inline-block;
	margin-bottom: 14px;
	font-size: 24px;
}

.service01_5_explain > b {
	display: inline-block;
	margin-top: 14px;
}

.service01_5_explain01 {
	top: 105px;
}

.service01_5_explain02 {
	top: 50px;
}

@media screen and (max-width:1000px) {
	.service01_5_list {
		margin-top: 8vw;
	}

	.service01_5_list > li {
		margin-bottom: 12vw;
	}

	.service01_5_list > li > ul {
		margin: 0;
	}

	.service01_5_list > li > ul > li {
		width: calc(50% - 2vw);
		margin-right: 4vw;
	}

	.service01_5_list > li > ul > li:nth-child(even) {
		margin-right: 0;
	}

	.service01_5_list > li > ul > li > img {}

	.service01_5_list > li > ul > li > p {
		margin-top: 3.6vw;
		font-size: 4.4vw;
	}


	.service01_5_explain {
		position: relative;
		left: 0;
		width: 100%;
		margin-top: 5vw;
		padding: 4.5vw 3.5vw;
		font-size: 5vw;
	}

	.service01_5_explain::before {
		display: none;
	}

	.service01_5_explain > strong {
		margin-bottom: 3.4vw;
		font-size: 5.5vw;
	}

	.service01_5_explain > b {
		margin-top: 3.4vw;
	}

	.service01_5_explain01 {
		top: 0;
	}

	.service01_5_explain02 {
		top: 0;
	}
}


.service03_img {
	display: block;
	width: 151px;
	margin: 80px auto 25px;
}

.service03_explain {
	width: 690px;
	margin: 0 auto;
	padding: 40px 0;
	border: 1px solid #EBEBEB;
	background: var(--main-color);
	font-size: 24px;
	font-weight: bold;
	text-align: center;
	color: #fff;
}

.service03_list {
	margin-top: 100px;
}

.service03_list > li {
	position: relative;
	margin-bottom: 20px;
	padding: 40px 0;
	padding-left: 100px;
	border: 1px solid #EBEBEB;
	font-size: 24px;
	font-weight: bold;
}

.service03_list > li::before {
	position: absolute;
	top: calc(50% - 9px);
	left: 60px;
	width: 26px;
	height: 19px;
	background: url('../images/v2/ico_check.png') no-repeat center center / contain;
	content: "";
}

@media screen and (max-width:1000px) {
	.service03_img {
		width: 34.3vw;
		margin: 15.8vw auto 6vw;
	}

	.service03_explain {
		width: 100%;
		padding: 6.6vw 0;
		font-size: 5vw;
	}

	.service03_list {
		margin-top: 16vw;
	}

	.service03_list > li {
		margin-bottom: 2vw;
		padding: 7.3vw 0;
		padding-left: 0;
		font-size: 5vw;
		text-align: center;
	}

	.service03_list > li::before {
		position: relative;
		display: block;
		top: 0;
		left: calc(50% - 2.75vw);
		width: 5.5vw;
		height: 4.1vw;
		margin-bottom: 3.4vw;
		background: url('../images/v2/m_ico_check.png') no-repeat center center / contain;
	}
}
/*******  서비스 끝  *******/


/*******  가격정책 시작  *******/
.cost_list {
	margin-top: 44px;
}

.cost_list > li {
	float: left;
	/* width: calc(33.33% - 10.67px); */
	width: calc(50% - 8px);
	height: 970px;
	margin-right: 16px;
	padding: 38px 27px;
	border: 1px solid #EBEBEB;
	box-sizing: border-box;
}

.cost_list > li:last-child {
	margin-right: 0;
}

.cost_list > li > h2 {
	margin-bottom: 20px;
	font-size: 24px;
	font-weight: bold;
}

.cost_list > li > span {
	font-size: 30px;
	font-weight: bold;
	color: #848484;
}

.cost_list > li > p {
	margin: 20px 0;
	font-size: 20px;
	line-height: 1.5;
}

.cost_list > li > button {
	width: 100%;
	height: 64px;
	font-size: 22px;
	font-weight: bold;
	/* transition: .2s; */
}

/* .cost_list > li > button:hover {
	opacity: .8;
} */

.cost_list > li > button.cost_btn01 {
	border: 1px solid var(--main-color);
	background: #E6F9FF;
	color: var(--main-color);
}

.cost_list > li > button.cost_btn02 {
	background: var(--main-color);
	color: #fff;
}

.cost_list > li > dl {
	margin-top: 40px;
}

.cost_list > li > dl > dt,
.cost_list > li > dl > dd {
	font-size: 20px;
	line-height: 1.3;
}

.cost_list > li > dl > dt {
	margin-bottom: 20px;
	font-weight: bold;
}

.cost_list > li > dl > dd {
	margin-bottom: 15px;
}

.cost_ico {
	position: relative;
	top: -4px;
	margin-right: 8px;
}

@media screen and (max-width:1000px) {
	.cost_list {
		margin-top: 12.248vw;
	}

	.cost_list > li {
		width: 100%;
		height: auto;
		margin-right: 0;
		margin-bottom: 6vw;
		padding: 7vw 5vw;
	}

	.cost_list > li > h2 {
		margin-bottom: 3.7vw;
		font-size: 5vw;
	}

	.cost_list > li > span {
		font-size: 6vw;
	}

	.cost_list > li > p {
		margin: 3.5vw 0;
		font-size: 4vw;
	}

	.cost_list > li > button {
		width: 100%;
		height: 12vw;
		font-size: 5vw;
	}

	.cost_list > li > dl {
		margin-top: 7.6vw;
	}

	.cost_list > li > dl > dt,
	.cost_list > li > dl > dd {
		font-size: 4vw;
	}

	.cost_list > li > dl > dt {
		margin-bottom: 3.5vw;
	}

	.cost_list > li > dl > dd {
		margin-bottom: 2.5vw;
	}

	.cost_ico {
		position: relative;
		top: -1vw;
		margin-right: 1.6vw;
	}
}


.cost_more_btn {
	position: relative;
	display: block;
	margin: 55px auto;
	padding-right: 25px;
	font-size: 22px;
	font-weight: bold;
}

.cost_more_btn::before,
.cost_more_btn::after {
	position: absolute;
	display: inline-block;
	top: 12px;
	width: 10px;
	height: 2px;
	background: var(--main-color);
	content: '';
	transition: .2s;
}

.cost_more_btn::before {
	transform: rotate(45deg);
	right: 6px;
}

.cost_more_btn::after {
	transform: rotate(-45deg);
	right: 0;
}

.cost_more_btn.on::before {
	transform: rotate(-45deg);
	right: 6px;
}

.cost_more_btn.on::after {
	transform: rotate(45deg);
	right: 0;
}

@media screen and (max-width:1000px) {
	.cost_more_btn {
		margin: 7.65vw auto 8.45vw;
		padding-right: 4.3vw;
		font-size: 5vw;
	}

	.cost_more_btn::before,
	.cost_more_btn::after {
		top: 2.4vw;
		width: 2vw;
		height: 0.4vw;
	}

	.cost_more_btn::before {
		right: 1.2vw;
	}
}


.cost_table {
	width: 100%;
	margin-bottom: 60px;
}

.cost_table th,
.cost_table td {
	padding: 30px 27px;
	font-size: 24px;
	border: 1px solid #EBEBEB;
	text-align: center;
}

.cost_table th:first-child,
.cost_table td:first-child {
	text-align: left;
}

.cost_table th {
	font-weight: bold;
}

.cost_table td {}

.cost_table td > img {
	width: 26px;
}

@media screen and (max-width:1000px) {
	.cost_table {
		margin-bottom: 5vw;
	}

	.cost_table th,
	.cost_table td {
		padding: 4vw 0;
		font-size: 3.8vw;
	}

	.cost_table th:first-child,
	.cost_table td:first-child {
		padding: 4vw 0 4vw 3vw;
	}

	.cost_table th:nth-child(1) { width: 43.8vw;}
	.cost_table th:nth-child(2) { width: 18%; }
	.cost_table th:nth-child(3) { width: 18%; }
	.cost_table th:nth-child(4) { width: 18%; }

	.cost_table td > img {
		width: 5vw;
	}
}


.cost_btn_area {
	margin-top: 35px;
	text-align: center;
}

.cost_btn_area > button {
	width: 230px;
	height: 64px;
	border-width: 2px;
	border-style: solid;
	font-size: 22px;
	font-weight: bold;
	transition: .2s;
}

.cost_btn_area > button.cost_btn01 {
	border-color: var(--main-color);
	color: var(--main-color);
}

.cost_btn_area > button.cost_btn01:hover {
	background: var(--main-hover);
}

.cost_btn_area > button.cost_btn02 {
	border-color: var(--main-color);
	background: var(--main-color);
	color: #fff;
}

.cost_btn_area > button.cost_btn02:not(:last-child) {
	margin-right: 7px;
}

.cost_btn_area > button.cost_btn02:hover {
	opacity: .8;
}

@media screen and (max-width:1000px) {
	.cost_btn_area {
		margin-top: 6.3vw;
	}

	.cost_btn_area > button {
		width: 100%;
		height: 13vw;
		border-width: 0.3vw;
		font-size: 4.4vw;
	}

	.cost_btn_area > button.cost_btn02:not(:last-child) {
		margin-right: 0;
		margin-bottom: 2vw;
	}

}

.cost_detail_area {
	text-align: center;
}

.cost_detail_area .cost_detail_list {
	display: inline-block;
	margin-top: 80px;
}

.cost_detail_area .cost_detail_list.cost_list02 {
	display: block;
}

.cost_detail_area .cost_detail_list > li {
	display: inline-block;
	position: relative;
	width: 220px;
	height: 220px;
	margin-right: 75px;
	margin-bottom: 40px;
	box-sizing: border-box;
	border-radius: 50%;
	border: 1px solid #EBEBEB;
	box-shadow: 0 5px 20px #0000000F;
	background: #fff;
}

.cost_detail_area .cost_detail_list.cost_list01 > li:nth-child(4),
.cost_detail_area .cost_detail_list.cost_list01 > li:last-child,
.cost_detail_area .cost_detail_list.cost_list02 > li:nth-child(5n + 5) {
	margin-right: 0;
}

.cost_detail_area .cost_detail_list.cost_list02 > li {
	float: left;
}

.cost_detail_area .cost_detail_list > li .content {
	position: absolute;
	width: 100%;
	top: 50%;
	left: 50%;
	transform: translate(-50%,-50%);
}

.cost_detail_area .cost_detail_list > li .content .img {
	width: 64px;
	height: 64px;
	margin: 0 auto;
	background-position: center center;
	background-size: cover;
	background-repeat: no-repeat;
}

.cost_detail_area .cost_detail_list > li .content p {
	margin-top: 24px;
	font-size: 20px;
	font-weight: bold;
}

@media screen and (max-width:1000px) {
	.cost_detail_area .cost_detail_list {
		display: block;
		margin-top: 10vw;
	}

	.cost_detail_area .cost_detail_list.cost_list02 {
		display: block;
	}

	.cost_detail_area .cost_detail_list > li {
		float: left;
		width: 41.3vw;
		height: 41.3vw;
		margin-right: calc(100% - 82.6vw);
		margin-bottom: 7.8vw;
		box-shadow: 0 1vw 4vw #0000000F;
	}

	.cost_detail_area .cost_detail_list> li:nth-child(even) {
		margin-right: 0;
	}

	.cost_detail_area .cost_detail_list.cost_list01 > li:last-child {
		margin-left: 25%;
	}

	.cost_detail_area .cost_detail_list.cost_list02 > li:nth-child(5n + 5) {
		margin-right: calc(100% - 82.6vw);
	}

	.cost_detail_area .cost_detail_list.cost_list02 > li:last-child {
		margin-right: 0;
	}

	.cost_detail_area .cost_detail_list > li .content .img {
		width: 12vw;
		height: 12vw;
	}

	.cost_detail_area .cost_detail_list > li .content p {
		margin-top: 4vw;
		font-size: 4.4vw;
	}
}


.cost_onpremise_img {
	display: block;
	margin: 80px auto 150px;
}

@media screen and (max-width:1000px) {
	.cost_onpremise_img {
		margin: 10vw auto 22vw;
	}
}
/*******  가격정책 끝  *******/


/*******  게시판 시작  *******/
/* .default_iframe {
	width: 100%;
	height: 1400px;
}

.default_iframe::after {
	display: block;
	clear: both;
	content: "";
} */

.board_area {
	padding: 100px 0 100px;
}

@media screen and (max-width:1000px) {
	.board_area {
		padding: 10vw 0 38vw;
	}
}


.default_list {
	width: 100%;
	margin-top: 90px;
	table-layout: fixed;
}

.default_list th,
.default_list td {
	border-bottom: 1px solid #EBEBEB;
}

.default_list th {
	padding: 37px 0;
	background: #F6F5F7;
	border-top: 2px solid #000;
	font-size: 20px;
	font-weight: bold;
}

.default_list th.num {
	width: 150px;
}

.default_list th.title {}

.default_list th.regdate {
	width: 200px;
}

.default_list td {
	padding: 35px 0;
	font-size: 18px;
	text-overflow: ellipsis;
	white-space: nowrap;
	overflow: hidden;
}

.default_list td.fw-bold {
	font-size: 20px;
}

@media screen and (max-width:1000px) {
	.default_list {
		margin-top: 10vw;
	}

	.default_list th {
		padding: 8vw 0;
		font-size: 4.2vw;
	}

	.default_list th.num {
		width: 13vw;
	}

	.default_list th.regdate {
		width: 28vw;
	}

	.default_list td {
		padding: 7.5vw 0;
		font-size: 4vw;
	}

	.default_list td.fw-bold {
		font-size: 4.2vw;
	}
}


.default_view {
	width: 100%;
	margin-top: 90px;
	table-layout: fixed;
}

.default_view th,
.default_view td {
	border-bottom: 1px solid #EBEBEB;
}

.default_view th {
	padding: 35px 40px;
	border-top: 2px solid #000;
}

.default_view th .title {
	float: left;
	font-size: 20px;
	font-weight: bold;
}

.default_view th .regdate {
	float: right;
	font-size: 18px;
}

.default_view td {
	padding: 38px 40px;
}

.default_view td.content {
	padding: 55px 40px;
}

.default_view td.content * {
	font-family:'Pretendard' !important;
}

.default_view td.content img {
	max-width: 100%;
}

.default_view td.view_prev_next {}

.default_view td.view_prev_next > span {
	display: inline-block;
	float: left;
	margin-top: 1px;
	margin-right: 52px;
	font-size: 18px;
	color: #AEAEAE;
}

.default_view td.view_prev_next .prev_next_title {
	float: left;
	font-size: 20px;
	font-weight: bold;
}

.default_view td.file {
	padding: 28px 40px;
	background: #F6F5F7;
	font-size: 20px;
}

.default_view td.file .file_title {
	float: left;
	line-height: 40px;
}

.default_view td.file .file_title > b {
	margin-right: 30px;
}

.default_view td.file .file_title > span {}

.default_view td.file .view_btn {
	float: left;
	display: inline-block;
	width: 100px;
	line-height: 40px;
	background: #fff;
	border: 1px solid #707070;
	font-size: 18px;
	text-align: center;
	margin-left: 30px;
}

.default_view td.file .regdate {}

@media screen and (max-width:1000px) {
	.default_view {
		margin-top: 10vw;
	}

	.default_view th {
		padding: 7.5vw 3.5vw;
	}

	.default_view th .title {
		width: 100%;
		margin-bottom: 3vw;
		font-size: 4.2vw;
		text-align: left;
	}

	.default_view th .regdate {
		font-size: 4vw;
	}

	.default_view td {
		padding: 8vw 3.5vw;
	}

	.default_view td.content {
		padding: 7.5vw 3.5vw;
	}

	.default_view td.view_prev_next > span {
		margin-right: 6vw;
		font-size: 4.2vw;
	}

	.default_view td.view_prev_next .prev_next_title {
		font-size: 4.2vw;
	}

	.default_view td.file {
		padding: 8vw 3.5vw;
		font-size: 4.2vw;
	}

	.default_view td.file .file_title {
		line-height: 9.421vw;
	}

	.default_view td.file .file_title > b {
		margin-right: 2.5vw;
	}

	.default_view td.file .view_btn {
		width: 23.552vw;
		line-height: 9.421vw;
		font-size: 4vw;
	}
}
/*******  게시판 끝  *******/


/* 2025-02-27 css 추가 */
.general01_list01 {
	margin-top: 60px;
	margin-bottom: 90px;
}

.general01_list01 > li {
	float: left;
	width: 396px;
}

.general01_list01 > li:not(:last-child) {
	margin-right: 106px;
}

.general01_list01 > li > img {}

.general01_list01 > li > p {
	margin-top: 20px;
	font-size: 20px;
	font-weight: 300;
	line-height: 1.2;
	text-align: center;
}

@media screen and (max-width:1000px) {
	.general01_list01 {
		margin-top: 7vw;
		margin-bottom: 15vw;
	}

	.general01_list01 > li {
		width: 42vw;
	}

	.general01_list01 > li:not(:last-child) {
		margin-right: 0;
	}
	
	.general01_list01 > li:first-child {
		margin-right: 4vw;
	}
	
	
	.general01_list01 > li:last-child {
		margin-top: 5.8vw;
		margin-left: 23vw;
	}

	.general01_list01 > li > img {}

	.general01_list01 > li > p {
		margin-top: 4vw;
		font-size: 4vw;
	}
}


.general01_1_area {
	padding: 78px 0;
	background: #E6F9FF;
	text-align: center;
}

.general01_1_area .general01_txt01 {
	display: flex;
	position: relative;
	width: 236px;
	height: 69px;
	margin: 0 auto 7px;
	align-items: center;
	justify-content: center;
	border-radius: 69px;
	background: var(--main-color);
	font-size: 24px;
	font-weight: bold;
	color: #fff;
}

.general01_1_area .general01_txt01::after {
	position: absolute;
	bottom: -10px;
	left: calc(50% - 16px);
	width: 0;
	height: 0;
	border-left: 16px solid transparent;
	border-right: 16px solid transparent;
	border-top: 17px solid var(--main-color);
	content: "";
}

.general01_1_area .general01_txt02 {
	margin-top: 32px;
	font-size: 40px;
	font-weight: bold;
	line-height: 1.5;
}

.general01_1_area .general01_txt03 {
	margin-top: 32px;
	font-size: 24px;
	line-height: 1.35;
}

.general01_1_area .general01_btn01 {
	margin-top: 42px;
	padding: 20px 60px;
	background: #00303E;
	font-size: 24px;
	font-weight: bold;
	color: #fff;
}

@media screen and (max-width:1000px) {
	.general01_1_area {
		padding: 11vw 0 13vw;
	}

	.general01_1_area .general01_txt01 {
		width: 39.3vw;
		height: 11.5vw;
		margin: 0 auto 2vw;
		border-radius: 11.5vw;
		font-size: 4.4vw;
	}

	.general01_1_area .general01_txt01::after {
		bottom: -2vw;
		left: calc(50% - 2.75vw);
		border-left: 2.75vw solid transparent;
		border-right: 2.75vw solid transparent;
		border-top: 2.8vw solid var(--main-color);
	}

	.general01_1_area .general01_txt02 {
		margin-top: 4.6vw;
		font-size: 5.5vw;
		line-height: 1.25;
	}

	.general01_1_area .general01_txt03 {
		margin-top: 4.6vw;
		font-size: 4.4vw;
	}

	.general01_1_area .general01_btn01 {
		margin-top: 7.6vw;
		padding: 3.8vw 7.2vw;
		font-size: 4.4vw;
	}
}