@charset "utf-8";
@import url("common.css");

/*Layer*/
body{width:100%}
#wrap{width:100%}
#header{}
#container{width:100%}
#contents{}
#footer{width:100%;}

/*header*/


.pcbr{display:none;}
.ptbr{display:none;}
.tbbr{display:none;}
.tmbr{display: block;}
.mbbr{display:block;}
.dn{display:none;}


.pc_view{display: none;}
.pt_view{display: none;}
.t_view{display: none;}


.page_top{
	position: relative;
	width: 100%;
	height: 100vh;
	overflow: hidden;
}
.page_top .bg{
	position: absolute;
	left: 0;
	top: 0;
	width: 100%;
	height: 100%;
}
.page_top.pn1 .bg{background: url(/images/page/sub_visual1_m.jpg) no-repeat center / cover;}
.page_top.pn2 .bg{background: url(/images/page/sub_visual2.jpg) no-repeat center / cover;}
.page_top.pn3 .bg{background: url(/images/page/sub_visual3.jpg) no-repeat center / cover;}
.page_top.pn4 .bg{background: url(/images/page/sub_visual4.jpg) no-repeat center / cover;}
.page_top.pn5 .bg{background: url(/images/page/sub_visual5.jpg) no-repeat center / cover;}

.page_top .txtwrap{
	position: absolute;
	left: 50%;
	bottom: 160px;
	transform: translateX(-50%);
	width: 92%;
	max-width: 1680px;
}
.page_top .txtwrap h2{
	font-size: 60px;
	color: #fff;
}
.page_top .txtwrap .line{
	display: block;
	width: 100%;
	height: 1px;
	background: rgba(255,255,255,0.3);
	margin: 30px 0;
}
.page_top .txtwrap .slg{
	font-size: 16px;
	font-weight: 500;
	line-height: 1.5em;
	color: #fff;
}

.page_titwrap{
	padding: 100px 0;
	width: 92%;
	max-width: 1680px;
	margin: 0 auto;
	display: flex;
	flex-direction: column-reverse;
}
.page_titwrap h3{
	font-size: 30px;
	font-weight: 600;
	margin-top: 15px;
}
.page_titwrap .pageLocation{
	display: flex;
	align-items: flex-end;
}
.page_titwrap .pageLocation li{
	display: inline-block;
	position: relative;
	padding-left: 22px;
	font-size: 13px;
	font-weight: 400;
	color: #6f6e6b;
}
.page_titwrap .pageLocation li a{
	font-size: 13px;
	font-weight: 400;
	color: #6f6e6b;
}
.page_titwrap .pageLocation li a img{
	margin: 0 5px 3px 0;
	width: 10px;
}
.page_titwrap .pageLocation li:after{
	content: "";
	position: absolute;
	left: 6px;
	top: 4.5px;
	width: 6px;
	height: 6px;
	border-bottom: 1px solid #6f6e6b;
	border-right: 1px solid #6f6e6b;
	transform: rotate(-45deg);
}
.page_titwrap .pageLocation li:first-child{
	padding-left: 0;
}
.page_titwrap .pageLocation li:first-child:after{
	display: none;
}



.innerwrap{
	position: relative;
	width: 92%;
	max-width: 1680px;
	margin: 0 auto;
}

/* paging */
.paging{
	margin-top:100px;
	text-align:center;
}
.paging a{
	display:inline-block;vertical-align:top;box-sizing:border-box;
	width:30px;height:30px;
	color:#000;font-size:14px;line-height:30px;
}
.paging strong{
	display:inline-block;vertical-align:top;box-sizing:border-box;
	width:30px;height:30px;
	border-radius:50%;
	background:#468A5B;
	color:#fff;font-size:14px;line-height:30px;font-weight:400;
}
.paging .page_begin{
	width:30px;height:30px;
	background:url(/images/page/page_begin.png) no-repeat center;
	border:0;
}
.paging .page_prev{
	width:30px;height:30px;
	background:url(/images/page/page_prev.png) no-repeat center;
	border:0;
}
.paging .page_next{
	width:30px;height:30px;
	background:url(/images/page/page_next.png) no-repeat center;
	border:0;
}
.paging .page_end{
	width:30px;height:30px;
	background:url(/images/page/page_end.png) no-repeat center;
	border:0;
}



.m11{}
.m11 .section1{
	padding: 0 0 120px;
	overflow: hidden;
}
.m11 .section1 .con1{
	position: relative;
	display: flex;
	flex-direction: column;
}
.m11 .section1 .con1 .txtwrap{
	position: relative;
	z-index: 3;
}
.m11 .section1 .con1 .txtwrap .tit{
	font-size: 30px;
	font-weight: 600;
}
.m11 .section1 .con1 .txtwrap p{
	margin-top: 40px;
	font-size: 16px;
	line-height: 1.7em;
	color: #666;
}
.m11 .section1 .con1 .imgwrap{
	display: flex;
	gap: 10px;
	position: relative;
	z-index: 3;
	margin-top: 150px;
}
.m11 .section1 .con1 .imgwrap .img2{
	margin-top: 80px;
}
.m11 .section1 .con1 svg{
	position: absolute;
	left: 50%;
	top: 23%;
	transform: translateX(-50%);
	width: 115%;
	height: 26%;
}
.m11 .section1 .con1 .icon{
	position: absolute;
	left: 50%;
	top: 32%;
	transform: translateX(-50%);
	width: 65px;
}
.m11 .section1 .con2{
	margin-top: 140px;
}
.m11 .section1 .con2 .con_tit{
	font-size:30px;
	font-weight: 600;
	margin-bottom: 60px;
}
.m11 .section1 .con2 .boxwrap{
	display: flex;
	flex-wrap: wrap;
	gap: 20px;
}
.m11 .section1 .con2 .boxwrap .box{
	position: relative;
	width: 100%;
	height: 210px;
	padding: 0 4%;
	border-radius: 20px;
	overflow: hidden;
	display: flex;
	flex-direction: column;
	justify-content: center;
	align-items: center;
	text-align: center;
}
.m11 .section1 .con2 .boxwrap .box .bg{
	position: absolute;
	left: 0;
	top: 0;
	width: 100%;
	height: 100%;
	z-index: -1;
}
.m11 .section1 .con2 .boxwrap .box .bg img{
	width: 100%;
	height: 100%;
	object-fit: cover;
}
.m11 .section1 .con2 .boxwrap .box .tit_en{
	font-size: 24px;
	font-weight: 600;
	color: #fff;
}
.m11 .section1 .con2 .boxwrap .box .tit_kr{
	font-size: 16px;
	font-weight: 500;
	color: #fff;
	margin: 5px 0 15px;
}
.m11 .section1 .con2 .boxwrap .box p{
	font-size: 16px;
	color: #fff;
}
.m11 .section1 .con2 .value{
	margin-top: 150px;
}
.m11 .section1 .con2 .value .tit{
	font-size: 26px;
	font-weight: 600;
	margin-bottom: 50px;
}
.m11 .section1 .con2 .value .tit span{
	font-size: 16px;
	font-weight: 500;
	margin: 0 0 0 10px;
}
.m11 .section1 .con2 .value .ccwrap{
	margin: 0 auto;
	display: flex;
	flex-direction: column;
	align-items: center;
}
.m11 .section1 .con2 .value .ccwrap .cc{
	display: flex;
	justify-content: center;
	align-items: center;
	width: 100%;
	max-width: 300px;
	aspect-ratio: 1;
	background: #09f;
	border-radius: 50%;
}
.m11 .section1 .con2 .value .ccwrap .cc1{background: linear-gradient(90deg, #9AAA4F 10%, #ECEFDE 40%, white 60%, white 100%);}
.m11 .section1 .con2 .value .ccwrap .cc2{background: linear-gradient(90deg, white 0%, white 40%, #E0ECE4 60%, #468A5B 90%);}
.m11 .section1 .con2 .value .ccwrap .cc3{background: linear-gradient(90deg, #46888A 10%, #E2ECEC 40%, white 60%, white 100%);}
.m11 .section1 .con2 .value .ccwrap .cc4{background: linear-gradient(90deg, white 0%, white 40%, #DBE3EB 60%, #446E94 90%);}
.m11 .section1 .con2 .value .ccwrap .cc .inner{
	width: 85%;
	aspect-ratio: 1;
	background: #f8f8f8;
	border-radius: 50%;
	display: flex;
	flex-direction: column;
	justify-content: center;
	align-items: center;
	text-align: center;
}
.m11 .section1 .con2 .value .ccwrap .cc .inner .icon img{
	width: 40px;
}
.m11 .section1 .con2 .value .ccwrap .cc .inner span{
	display: inline-block;
	font-size: 24px;
	font-weight: 500;
	color: #444;
	margin: 15px 0 5px;
}
.m11 .section1 .con2 .value .ccwrap .cc .inner p{
	font-size: 16px;
	line-height: 1.5em;
	color: #666;
}

.m11 .section2 .sec_tit{
	font-size: 30px;
	font-weight: 600;
	margin-bottom: 60px;
}
.m11 .section2 .con{
	position: relative;
	width: 100%;
	height: 700px;
	overflow: hidden;
	display: flex;
	flex-direction: column;
}
.m11 .section2 .con:after{
	content: "";
	position: absolute;
	left: 0;
	top: 50%;
	transform: translateY(-50%);
	width: 1px;
	height: 100%;
	background: rgba(255,255,255,0.3);
}
.m11 .section2 .con .bg{
	position: absolute;
	left: 0;
	top: 0;
	width: 100%;
	height: 100%;
}
.m11 .section2 .con .bg img{
	width: 100%;
	height: 100%;
	object-fit: cover;
}
.m11 .section2 .con .titwrap{
	position: relative;
	width: 100%;
	height: 50%;
	padding: 0 4%;
	display: flex;
	align-items: center;
	border-bottom: 1px solid rgba(255,255,255,0.3);
}
.m11 .section2 .con .titwrap span{
	display: inline-block;
	font-size: 34px;
	font-weight: 600;
	color: #fff;
}
.m11 .section2 .con .expwrap{
	position: relative;
	width: 100%;
	padding: 0 4%;
	height: 50%;
	display: flex;
	flex-direction: column;
}
.m11 .section2 .con .expwrap .exp{
	width: 100%;
	height: 100%;
	text-align: center;
	display: flex;
	justify-content: center;
	align-items: center;
}
.m11 .section2 .con .expwrap .exp p{
	font-size: 16px;
	line-height: 1.6em;
	color: #fff;
}
.m11 .section2 .con .expwrap1 .exp:first-child{
	border-bottom: 1px solid rgba(255,255,255,0.3);
}


.m12{}
.m12 .section1{
	padding: 0 0 200px;
	background: url(/images/page/m12_bg_m.png) no-repeat center bottom / cover;
	overflow: hidden;
}
.m12 .section1 .conwrap{
	position: relative;
	display: flex;
	flex-direction: column;
	z-index: 2;
}
.m12 .section1 .conwrap .txtwrap{
	position: relative;
	width: 100%;
}
.m12 .section1 .conwrap .txtwrap .titwrap{
	position: relative;
	font-size: 30px;
	font-weight: 600;
	line-height: 1.3em;
	color: #000;
	padding-bottom: 50px;
	margin-bottom: 50px;
}
.m12 .section1 .conwrap .txtwrap .titwrap:after{
	content: "";
	position: absolute;
	left: -50%;
	top: 0;
	width: 5000%;
	height: 100%;
	background: #fff;
}
.m12 .section1 .conwrap .txtwrap .titwrap span{
	position: relative;
	z-index: 10;
}
.m12 .section1 .conwrap .txtwrap .con{

}
.m12 .section1 .conwrap .txtwrap .con p{
	font-size: 16px;
	line-height: 1.6em;
	color: #666;
}
.m12 .section1 .conwrap .txtwrap .con p + p{
	margin-top: 20px;
}
.m12 .section1 .conwrap .txtwrap .con .name{
	margin-top: 50px;
	font-size: 22px;
	font-weight: 500;
}
.m12 .section1 .conwrap .txtwrap .con .name span{
	margin-left: 10px;
	font-size: 30px;
}
.m12 .section1 .conwrap  .imgwrap{
	margin-top: 60px;
}
.m12 .section1 .conwrap  .imgwrap img{
	width: 100%;
	max-height: 300px;
	object-fit: cover;
	border-radius: 12px;
}


.m13{}
.m13 .section1{
	padding: 0 0 120px;
}
.m13 .section1 .img{
	text-align: center;
	overflow-x: auto;
	padding-bottom: 20px;
}
.m13 .section1 .img img {
width: 1000px;
max-width: none;
}


.m14{}
.m14 .section1{
	position: relative;
	padding: 0 0 180px;
}
.m14 .section1:after{
	content: "";
	position: absolute;
	left: 0;
	bottom: 0;
	width: 100%;
	height: 90%;
	border-radius: 30px 30px 0 0;
	background: #EDEEEF;
	z-index: -1;
}
.m14 .section1 .map{
	width: 100%;
	height: 400px;
	border-radius: 15px;
	overflow: hidden;
}
.m14 .section1 .boxwrap{
	margin-top: 100px;
	display: flex;
	flex-wrap: wrap;
	gap: 15px;
}
.m14 .section1 .boxwrap .box{
	width: 100%;
	height: 220px;
	border-radius: 15px;
	background: #fff;
	display: flex;
	flex-direction: column;
	justify-content: center;
	align-items: center;
	text-align: center;
	padding: 0 10px;
}
.m14 .section1 .boxwrap .box span{
	display: inline-block;
	font-size: 22px;
	font-weight: 500;
	color: #444;
	margin: 15px 0 10px;
}
.m14 .section1 .boxwrap .box p{
	font-size: 16px;
	line-height: 1.5em;
	color: #666;
}




.m21{overflow: hidden;}
.m21 .section1{
	padding: 0 0 130px;
}
.m21 .section1 .what{
	margin-bottom: 120px;
}
.m21 .section1 .what .main_img{
	width: 100%;
	height: 400px;
	border-radius: 15px;
	overflow: hidden;
}
.m21 .section1 .what .main_img img{
	width: 100%;
	height: 100%;
	object-fit: cover;
}
.m21 .section1 .what .txtwrap{
	margin-top: 70px;
	display: flex;
	flex-direction: column;
}
.m21 .section1 .what .txtwrap .tit{
	font-size: 30px;
	font-weight: 600;
}
.m21 .section1 .what .txtwrap p{
	margin-top:30px;
	font-size: 16px;
	line-height: 1.8em;
	color: #666;
}

.m21 .section1 .why{}
.m21 .section1 .why .why_tit{
	font-size: 30px;
	font-weight: 600;
}
.m21 .section1 .why .why_tit span{
	font-size: 16px;
	font-weight: 500;
	color: #666;
}
.m21 .section1 .why .boxwrap{
	width: 100%;
	margin-top: 60px;
	border-radius: 15px;
	background: #f8f8f8;
	display: flex;
}
.m21 .section1 .why .boxwrap .txtwrap{
	width: 100%;
	padding: 40px 20px;
}
.m21 .section1 .why .boxwrap .txtwrap .txt{
	position: relative;
	width: 100%;
	display: flex;
	padding: 40px 0;
	border-bottom: 1px solid #ccc;
}
.m21 .section1 .why .boxwrap .txtwrap .txt:after{
	content: "";
	position: absolute;
	right: 3px;
	top: 41px;
	width: 10px;
	height: 10px;
	border-left: 1.5px solid #aaa;
	border-bottom: 1.5px solid #aaa;
	transform: rotate(-45deg);
}
.m21 .section1 .why .boxwrap .txtwrap .txt1:after{
	top: 51px;
}
.m21 .section1 .why .boxwrap .txtwrap .txt.on:after{
	transform: rotate(135deg);
}
.m21 .section1 .why .boxwrap .txtwrap .txt .num{
	width:30px;
	font-size: 18px;
	font-weight: 500;
	color: #468A5B;
}
.m21 .section1 .why .boxwrap .txtwrap .txt .con{
	position: relative;
	width: calc(100% - 30px);
}
.m21 .section1 .why .boxwrap .txtwrap .txt .con .con_tit{
	font-size: 22px;
	font-weight: 600;
}
.m21 .section1 .why .boxwrap .txtwrap .txt .con .con_p{
	margin-top: 20px;
	font-size: 16px;
	line-height: 1.5em;
	display: none;
}
.m21 .section1 .why .boxwrap .txtwrap .txt .con .con_p img{
	margin-top: 30px;
	border-radius: 15px;
}
.m21 .section1 .why .boxwrap .imgwrap{
	position: relative;
	width: calc(100% - 580px - 80px);
	height: 566px;
	margin-left: 80px;
	border-radius: 15px;
	overflow: hidden;
	display: none;
}
.m21 .section1 .why .boxwrap .imgwrap .img{
	position: absolute;
	left: 0;
	top: 0;
	width: 100%;
	height: 100%;
}

.m21 .section1 .why .boxwrap .imgwrap .img img{
	width: 100%;
	height: 100%;
	object-fit: cover;
}

.m21 .section2{
	width: 100%;
	padding: 120px 0;
	background: url(/images/page/m21_sec2_bg.jpg) no-repeat center / cover;
	overflow: hidden;
}
.m21 .section2 .innerwrap{
	height: 100%;
}
.m21 .section2 .conwrap{
	display: flex;
	flex-direction: column;
	height: 100%;
}
.m21 .section2 .conwrap .txtwrap{
	width: 100%;
}
.m21 .section2 .conwrap .txtwrap span{
	font-size: 16px;
	font-weight: 500;
	color: #fff;
	display: block;
}
.m21 .section2 .conwrap .txtwrap strong{
	display: inline-block;
	font-size: 30px;
	font-weight: 600;
	color: #fff;
	margin-top: 10px;
}

.m21 .section2 .conwrap .boxwrap{
	width: 100%;
	padding-top: 90px;
	display: flex;
	flex-wrap: wrap;
	align-items: flex-start;
	gap: 20px;
}
.m21 .section2 .conwrap .boxwrap .box{
	width: 100%;
	border-radius: 15px;
	background: rgba(0,0,0,0.65);
	padding: 40px 20px;
}
.m21 .section2 .conwrap .boxwrap .box .num{
	font-size: 16px;
	font-weight: 500;
	color: #468A5B;
}
.m21 .section2 .conwrap .boxwrap .box .tit{
	font-size: 22px;
	font-weight: 600;
	color: #fff;
	margin: 5px 0 50px;
}
.m21 .section2 .conwrap .boxwrap .box p{
	font-size: 16px;
	color: #fff;
	line-height: 1.5em;
}



.m22 .section {}
.m22 .section .content-title{
font-size: 30px;
font-weight: 600;
}

.m22 .section .content-title span{
font-size: 16px;
color: #666;
font-weight: 400;
display: inline-block;
margin-left: 10px;
}

.m22 .section1 .content1 {}

.m22 .section1 .what-textWrap {
}

.m22 .section1 .content-text {
margin-top: 50px;
font-size: 22px;
line-height: 1.7;
color: #666;
}

.m22 .section1 .content1 .thumb-box {
border-radius: 15px;
overflow: hidden;
width: 100%;
max-width: 1000px;
margin-top: 60px;
}

.m22 .section1 .content2 {
margin-top: 160px;
}

.m22 .section1 .content2 .why-list {
margin-top: 70px;
}

.m22 .section1 .content2 .why-list .list-item {
width: 100%;
position: relative;

}

.m22 .section1 .content2 .why-list .list-item:not(:.last-item){
padding-bottom: 60px;
}

.m22 .section1 .content2 .why-list .list-item + .list-item {
padding-top: 120px;
}

.m22 .section1 .content2 .why-list .list-item + .list-item::before {
content:'';
position: absolute;
width: 100%;
height: 1px;
left: auto;
background: rgba(0, 0, 0, 0.2);
top: 60px;
}

.m22 .section1 .content2 .why-list .item-title .itme-textWrap {
}

.m22 .section1 .content2 .why-list .item-title {
font-size: 22px;
color: #444;
font-weight: 500;
} 

.m22 .section1 .content2 .why-list .item-title span {
color: #468A5B;
vertical-align: top;
font-size: 16px;
margin-right: 10px;
}

.m22 .section1 .content2 .why-list .item-text {
margin-top: 20px;
font-size: 16px;
color: #666;
line-height: 1.7;
}

.m22 .section1 .content2 .why-list .list-item:nth-child(1) .thumb-box {
border: 1px solid rgba(0, 0, 0, 0.1);
text-align: center;
}

.m22 .section1 .content2 .why-list .list-item:nth-child(1) .thumb-box img {
padding: 30px 0 22px;
}

.m22 .section1 .content2 .thumb-box {
border-radius: 15px;
overflow: hidden;
margin-top: 60px;
height: 282px;
}

.m22 .section1 .content2 .why-list .list-item:not(:nth-child(1)) .thumb-box img {
width: 100%;
height: 100%;
object-fit: cover;
}

.m22 .section2 {
margin-top: 180px;
}

.m22 .section2 .content1{
margin-top: 68px;
background: url(/images/page/m22_m_img5.png) no-repeat top center / cover;
padding: 100px 0;
}

.m22 .section2 .content1 .innerwrap {
display: flex;
justify-content: center;
gap: 30px;
flex-direction: column;
align-items: center;
}

.m22 .section2 .content1 .box {
width: 450px;
height: 450px;
border-radius: 50%;
border:1px solid #fff;
display: flex;
flex-direction: column;
justify-content: center;
align-items: center;
padding: 25px;
}

.m22 .section2 .content1 .box-title {
margin-top: 20px;
font-size: 22px;
color: #fff;
font-weight: 500;
}

.m22 .section2 .content1 .box-text {
margin-top: 15px;
color: #fff;
font-size: 16px;
text-align: center;
line-height: 1.5;
}






.bbs{padding: 0 0 120px;}
.bbs .tablewrap{}
.bbs .tablewrap .total{
	margin-bottom: 10px;
	font-size: 16px;
}
.bbs .tablewrap .total span{
	color: #468A5B;
	font-weight: 500;
}
.bbs .tablewrap table{
	width: 100%;
	border-collapse: collapse;
	border-top: 1px solid #ccc;
}
.bbs .tablewrap table .col1{width: 100%;}
.bbs .tablewrap table .col2{width: 100%;}
.bbs .tablewrap table .col3{width: 100%;}
.bbs .tablewrap table tr{
	display: flex;
	flex-direction: column;
	border-bottom: 1px solid #ccc;
	padding: 20px 0;
}
.bbs .tablewrap table tr:first-child{display: none;}
.bbs .tablewrap table th{
	background: #f9f9f9;
	height: 80px;
	font-size: 18px;
	border-top: 1px solid rgba(0,0,0,0.2);
	border-bottom: 1px solid rgba(0,0,0,0.2);
	display: none;
}
.bbs .tablewrap table td{
	font-size: 15px;
	text-align: left;
}
.bbs .tablewrap table td.date{
	color: rgba(0,0,0,0.6);
}
.bbs .tablewrap table td.tit{
	text-align: left;
	padding: 10px 0;
}
.bbs .tablewrap table td.tit a{
	position: relative;
	display: inline-block;
}
.bbs .tablewrap table td.tit a .con{
	overflow: hidden;
	font-size: 17px;
	font-weight: 500;
	color: #000;
	text-overflow: ellipsis;
	-webkit-line-clamp: 1;
	-webkit-box-orient: vertical;
	word-wrap: break-word;
	-webkit-box-sizing: border-box;
	box-sizing: border-box;
	display: -webkit-box;
}

.bbs .tablewrap table td.tit a.file{padding-right: 30px;}
.bbs .tablewrap table td.tit a.file:after {
	content: "";
	position: absolute;
	right: 3px;
	top: 50%;
	transform: translateY(-50%);
	width: 18px;
	height: 18px;
	background: url(/images/page/file_icon.png) no-repeat center / contain
}

.bbs .searchwrap{
	width: 100%;
	padding: 60px 4%;
	background: #f9f9f9;
	border-radius: 15px;
	margin-bottom: 50px;
	display: flex;
	justify-content: center;
}
.bbs .searchwrap select{
	width: 150px;
	height: 55px;
	border-radius: 55px;
	border: 1px solid rgba(0,0,0,0.2);
	background: #fff;
	font-size: 18px;
	padding: 0 25px;
	box-sizing: border-box;
	-o-appearance: none;
	-webkit-appearance: none;
	-moz-appearance: none;
	appearance: none;
	background: url(/images/common/select_arrow.png) no-repeat right 25px center #fff;
}
.bbs .searchwrap .search_box{
	display: inline-block;
	width: 680px;
	position: relative;
	margin-left: 10px;
}

.bbs .searchwrap .search_box input[type=text]{
	width: 100%;
	height: 55px;
	border-radius: 55px;
	border: 1px solid rgba(0,0,0,0.2);
	background: #fff;
	font-size: 18px;
	padding: 0 25px;
	box-sizing: border-box;
}
.bbs .searchwrap .search_box button{
	position: absolute;
	right: 25px;
	top: 50%;
	transform: translateY(-50%);
	appearance: none;
	background: none;
	border: none;
}



.bbs_view{padding: 0 0 120px;}
.bbs_view .titwrap{
	border-top: 1px solid #ccc;
	border-bottom: 1px solid #ccc;
	padding: 40px 4%;
	text-align: center;
}
.bbs_view .titwrap .tit{
	font-size: 26px;
	font-weight: 500;
}
.bbs_view .titwrap .date{
	margin-top: 15px;
	font-size: 16px;
	color: rgba(0,0,0,0.6);
}
.bbs_view .conwrap{
	padding: 60px 4%;
	border-bottom: 1px solid #ccc;
}
.bbs_view .list_btn{
	margin-top: 100px;
	text-align: center;
}
.bbs_view .list_btn a{
	display: inline-block;
	width: 155px;
	height: 50px;
	border-radius: 60px;
	line-height: 50px;
	background: #468A5B;
	font-size: 15px;
	color: #fff;
}


/* m30 */
.m31{}

.m31 .section1 {
padding-bottom: 160px;
}

.m31 .section1 .innerwrap{
	background: url(/images/page/m31_m_bg1.png) no-repeat top center / cover;
	padding: 100px 15px;
	text-align: center;
	border-radius: 20px;
}

.m31 .section1 .content-title {
color: #fff;
font-size: 30px;
font-weight: 600;
}

.m31 .section1 .content-text {
margin-top: 13px;
font-size: 16px;
color: #fff;
line-height: 1.5;
}

.m31 .section1 .info-list {
margin-top: 60px;
}

.m31 .section1 .info-list  .list-item {
width: 100%;
}

.m31 .section1 .info-list  .list-item + .list-item {
margin-top: 20px;
}

.m31 .section1 .info-list  .item-title {
color: #fff;
background-color: rgba(0, 0, 0, 0.4);
font-size: 18px;
padding: 18.5px 0;
border-top-right-radius: 15px;
border-top-left-radius: 15px;
border:1px solid rgba(255, 255, 255, 0.5);
}

.m31 .section1 .info-list  .item-text {
color: #fff;
background-color: rgba(0, 0, 0, 0.2);
font-size: 18px;
padding: 19px 0;
border-bottom-right-radius: 15px;
border-bottom-left-radius: 15px;
border-left:1px solid rgba(255, 255, 255, 0.5);
border-right:1px solid rgba(255, 255, 255, 0.5);
border-bottom:1px solid rgba(255, 255, 255, 0.5);
}



/* m32 */
.m32 .img{
text-align: center;
}

.m32 .img img:nth-child(1){
width: 100%;
}

.m32 .img img:nth-child(2){
margin-top: 204px;
}

.m32 form {
border-top: 1px solid #000;
position: relative;
}

.m32 .form-caption{
font-size: 18px;
color: #666;
position: absolute;
top: -46px;
right: 0;
}

.m32 .form-caption span{
font-size: 18px;
color: #468A5B;
}

.m32 .content {
padding: 100px 0; 
border-bottom: 1px solid #00000033;
}

.m32 .content h6{
font-size: 30px;
font-weight: 700
}

.m32 label {
font-weight: 600;
font-size:18px;
color:#000;
}

.m32  input:not([type='radio']) {
margin-top: 20px;
border: none;
height: 50px;
border: 1px solid #ccc;
border-radius: 15px;
padding:18px 20px;
font-size:16px;
width:100%;
color:#000;
}

.m32  input::placeholder {
color:#666;
}

.m32 label:has(+ input:required):not(:has(+ input[type='file'])),
.m32 label:has(+ textarea:required),
.m32 label:has(+ .select-box select:required){
position: relative;
}

.m32 .required-color {
color:#468A5B;
}

.m32 label:has(+ input:required):not(:has(+ input[type='file']))::before,
.m32 label:has(+ textarea:required)::before,
.m32 label:has(+ .select-box select:required)::before{
content:' *';
color:#468A5B;
}

.m32 .content .content-inputs {
display: flex;
flex-wrap: wrap;
row-gap: 40px;
column-gap: 120px;
margin-top: 80px;
flex-direction: column;
}

.m32 .content .input-box {
width: 100%;
}

.m32 .content .input-box.w50{
width: 100%;
}

.m32 .content .input-box .flex {
display: flex;
align-items: center;
gap:17px;
}

.m32 .content .input-box .characters{
margin-top: 20px;
font-size: 18px;
}

.m32 .content .input-box .flex.email input{
width: 33.3%;
}

.m32 .select-box {
width: 33.3%;
margin-top: 20px;
}

.m54 .select-box select {
width: 100%;
height: 100%;
padding: 11.5px 20px;
background: transparent;
border: 1px solid #ccc;
font-size:16px;
color:#000;
border-radius: 15px;
}

.m32 .label-caption{
color: #666;
font-weight: 500;
}

.m32 .input-caption {
font-size: 14px;
margin-top: 14.5px;
color: #666;
font-weight: 500;
}

.m32 .button-box {
text-align: center;
margin-top:100px;
padding-bottom: 250px;
}

.m32 .button-box button{
position: relative;
font-size: 18px;
border: 1px solid #b7b7b7;
padding:21px 63.5px;
border-radius: 32px;
overflow: hidden;
}

.m32 .button-box .submit-btn{
background-color: #468A5B;
color: #fff;
font-size: 18px;
border:none;
}

.m32 .button-box .reset-btn{
margin-left:30px;
background-color: #F9F9F9;
color: #000;
font-size: 18px;
border:none;
}

.m32 .content-4  .agree-box:not(:nth-child(1)){
margin-top: 100px;
}

.m32 .content-4 p {
font-size: 18px;
color: #666;
line-height: 30px;
}

.m32 .agree-text {
margin-top: 70px;
padding: 60px 45px;
border: 1px solid #ccc;
border-radius: 30px;
overflow: hidden;
min-height: 240px;
}

.m32 .agree-input {
margin-top: 30px;
display: flex;
align-items: center;
justify-content: flex-start;
}

.m32 .agree-input input:checked {
border-color: #ccc;
}	

.m32 .agree-input label {
font-size: 16px;
margin-left: 15px;
color: #666;
font-weight: 500;
}

.m32 .agree-input input {
width: 28px;
height: 28px;
-webkit-appearance: none;
appearance: none;
border: 2px solid #ccc;
border-radius: 50%;
position: relative;
}

.m32 .agree-input input:checked::before {
content: '';
position: absolute;
top: 4px;
left: 4px;
width: 16px;
height: 16px;
background-color: #468A5B;
border-radius: 50%;
}


.m42{}

.m42 .section1 {
padding-bottom: 160px;
}

.m42 .section1 .content1{
position: relative;
display: flex;
gap:20px;
flex-direction: column;
}

.m42 .section1 .content1 .box {
border-radius: 15px;
flex:1;
}

.m42 .section1 .content1 .box1 {
background-color: #EDEEEF;
padding: 40px 15px 220px;
}

.m42 .section1 .content1 .box2 {
background-color: #468A5B;
text-align: right;
padding: 220px 15px 40px;
}

.m42 .section1 .content1 .icon-box {
display: flex;
align-items: center;
justify-content: center;
width: 90px;
height: 90px;
border-radius: 13px;
background-color: #fff;
}

.m42 .section1 .content1 .box2 .icon-box {
margin-left: auto;	
}

.m42 .section1 .content1 .box-title {
margin-top: 60px;
font-size: 30px;
font-weight: 500;
margin-bottom: 40px;
}

.m42 .section1 .content1 .box-text {
font-size: 16px;
line-height: 1.5;
padding-top: 30px;
}

.m42 .section1 .content1 .box-text2{
margin-top: 15px;
font-size: 16px;
line-height: 1.5;
}

.m42 .section1 .content1 .box1 .box-title,
.m42 .section1 .content1 .box1 .box-text,
.m42 .section1 .content1 .box1 .box-text2{
color: #444;
}

.m42 .section1 .content1 .box2 .box-title,
.m42 .section1 .content1 .box2 .box-text{
color: #fff;
}

.m42 .section1 .content1 .box1 .box-text {
border-top: 1px solid rgba(0, 0, 0, 0.2);	
}

.m42 .section1 .content1 .box2 .box-text {
border-top: 1px solid rgba(255, 255, 255, 0.2);
}

.m42 .section1 .content1 .box-circle {
width: 100%;
position: absolute;
top:50%;
left:50%;
transform: translate(-50%,-50%);
}

.m42 .section1 .content1 .box-circle::after{
content:"기부금 종류";
position: absolute;
top:50%;
left:50%;
transform: translate(-50%,-50%);
color: #000;
font-size: 30px;
font-weight: 600;
}

.m42 .section1 .content2 .content-box1{
margin-top: 160px;
background: url(/images/page/m42_bg1.png) no-repeat top center / cover;
border-radius: 15px;
padding: 100px 15px 80px;
}

.m42 .section1 .content2 .content-box1 .content-title {
font-size: 30px;
font-weight: 600;
color: #fff;
}

.m42 .section1 .content2 .content-box1 .box-container {
margin-top: 70px;
display: flex;
flex-direction: column;
justify-content: space-between;
gap:20px;
}

.m42 .section1 .content2 .content-box1 .box {
padding: 60px 32px;
border-radius: 15px;
display: flex;
flex-direction: column;
align-items: center;
justify-content: center;
flex:1;
}

.m42 .section1 .content2 .content-box1 .box1 {
border : 1px solid #fff;
}

.m42 .section1 .content2 .content-box1 .box2{
background-color:rgba(255, 255, 255, 0.8);
}

.m42 .section1 .content2 .content-box1 .box p {
margin-top: 30px;
font-size: 24px;
font-weight: 600;
}

.m42 .section1 .content2 .content-box1 .box span {
margin-top: 10px;
font-size: 16px;
}

.m42 .section1 .content2 .content-box1 .box1 p,
.m42 .section1 .content2 .content-box1 .box1 span {
color: #fff;
}

.m42 .section1 .content2 .content-box1 .box2 span {
color: #444;
}

.m42 .section1 .content-box2 {
margin-top: 20px;
display: flex;
flex-direction: column;
padding: 78px 15px;
background-color: #F8F8F8;
border-radius: 15px;
position: relative;
}

.m42 .section1 .content-box2::after{
content:'';
position: absolute;
width: calc(100% - 30px);
height: 1px;
background-color: rgba(0, 0, 0, 0.2);
top:50%;
left:50%;
transform: translate(-50%,-50%);
}

.m42 .section1 .content-box2 .box{
flex:1;
display: flex;
gap:2px;
}

.m42 .section1 .content-box2 .box1 {
padding-bottom: 120px;
}

.m42 .section1 .content-box2 .box span{
color: #468A5B;
font-size: 20px;
}

.m42 .section1 .content-box2 .box p{
color: #444;
font-size: 20px;
line-height: 1.5;
}

.m42 .section1 .content3 {
margin-top: 200px;
}

.m42 .section1 .content3 .content-title {
font-size: 30px;
font-weight: 600;
}

.m42 .section1 .content3 .contetn-box{
margin-top: 65px;
display: flex;
justify-content: space-between;
flex-direction: column;
gap:40px;
position: relative;
}

.m42 .section1 .content3 .box {
flex:1;
border-bottom: 1px solid rgba(0, 0, 0, 0.2);
padding-bottom: 80px;
}

.m42 .section1 .content3 .box .box-title{
font-weight: 600;
font-size: 24px;
padding: 32px 0;
border-radius: 15px;
text-align: center;
}

.m42 .section1 .content3 .box1 .box-title{
color: #444;
background-color: #EDEEEF;
}

.m42 .section1 .content3 .box2 .box-title{
background-color: #468A5B;
color: #fff;
}

.m42 .section1 .content3 .box .box-text{
text-align: center;
margin-top: 70px;
color: #444;
font-size: 20px;
}




.m54{}
.page_titwrap.pn5.sn4{
	padding: 100px 0 40px;
}
.m54 .section1{
	padding: 0 0 120px;
}
.m54 .section1 .txt{
	font-size: 16px;
	line-height: 1.8em;
	color: #666;
}
.m54 .section1 .boxwrap{
	margin-top: 80px;
	width: 100%;
	display: flex;
	flex-wrap: wrap;
	gap: 10px;
}
.m54 .section1 .boxwrap .box{
	position: relative;
	width: 100%;
	height: 150px;
	padding: 30px;
	border-radius: 15px;
	background: #f9f9f9;
}
.m54 .section1 .boxwrap .box .icon{
	position: absolute;
	right: 30px;
	top: 30px;
}
.m54 .section1 .boxwrap .box .icon img{
	width: 40px;
}
.m54 .section1 .boxwrap .box dl{}
.m54 .section1 .boxwrap .box dl dt{
	font-size: 18px;
	font-weight: 500;
}
.m54 .section1 .boxwrap .box dl dd{
	font-size: 16px;
	margin-top: 20px;
	line-height: 1.7em;
	color: #666;
}