/* popup style */

.pop-layer {
    background-color:#fff;
}
#layer-top
{
	position:relative;
	top:0;
	left:0;
	width:100%;
	height:150px;
	overflow:hidden;
    background:#fff; 
    z-index:500;
}
#layer-top > ul,
#layer-top > ul > li,
#layer-top > ul > li > div,
#layer-top > ul > li > div p
{
	height:100% !important;
}
/* #layer-top > ul > li > div p img
{
	width:100% !important;
	height:100% !important;
} */
#layer-top .pop_layout_1200
{
	height:auto 
}
#layer-top .popBExit
{
	position:absolute;
	bottom:10px;
	right:10px;
	z-index:1;
}

.layout_1200 {
	position:relative;
	max-width:1200px;
	margin:0 auto;
	height:auto;
}

.sub_contents.layout_1200 {
	padding-bottom: 70px;
}

.header {
	position:relative;
	z-index:10;
	background-color: #fff;
}

.header .topWrap {
	background-color:#f4f4f4;
	border-bottom:1px solid #e5e5dd;
	text-align:right;
}

/* .header .topWrap a {
	display:inline-block;
	color:#5b664a;
	font-size:14px;
	padding:10px 20px;
	background-color:#fff;
	border-left:1px solid #e5e5dd;
	margin-right:-5px;
}

.header .topWrap a:last-child {
	margin-right:0;
	border-right:1px solid #e5e5dd;
} */

.utile01 {
	overflow:hidden;
	padding: 0 !important;
}

.header .topWrap .utileWrap {
	float:right;
}

.header .topWrap .utileWrap li {
	float:left;
	position:relative;
	color:#333;
	font-size:14px;
	padding:10px 20px;
	background-color:#fff;
	border-left:1px solid #e5e5dd;
	height:38px;
	line-height:19px;
	text-align:center;

}

.header .topWrap .utileWrap li:last-child {
	border-right:1px solid #e5e5dd;
}

.header .topWrap .utileWrap li img {
	width:15px;
}

.header .topWrap .utileWrap li.search input {
	border:none;
	width:150px;
	font-size:14px;
	color:#000;
}

.header .topWrap .utileWrap li.search input::placeholder {
	font-size:12px;
	color:#888;

}

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

	.utile {
		padding:0 !important;
	}



	.header .topWrap.active {
		width:280px;

	}

	.header .topWrap .utileWrap {
		border-bottom:2px solid #3e7ab9;
		overflow:hidden;
	}
	
	.header .topWrap .utileWrap li {
		width: 33.33334%;
		border:0;
		border-left:1px solid #e5e5dd;
		
		padding:5px;
		font-size:14px;
		line-height:27px;
	}
	

	.header .topWrap .utileWrap li:first-child {
		width: 100%;
		display: block;
		border:0px;
		border-bottom:1px solid #e5e5dd;

	}

	.header .topWrap .utileWrap li:nth-child(2) {
		border-left:0;
		border-right:0;

	}

	.header .topWrap .utileWrap li:nth-child(3) {
	
		border-right:0;

	}
	
	.header .topWrap .utileWrap li:last-child {
		border-right:0;
	}
	
	.header .topWrap .utileWrap li.search input {
		width:218px;
		padding:7px;

	}

}

.header .bottomWrap {
	height:90px;
}

.header .bottomWrap .logo {
	float:left;
	padding:15px 0;
}

.header .bottomWrap .logo img {
	width:205px;
}

.header .bottomWrap .mainMenu {
	float:right;
}

.header .bottomWrap .mainMenu>li {
	float:left;
	margin-left:40px;
	position:relative;
}

.header .bottomWrap .mainMenu>li>a {
	display:block;
	line-height:90px;
	color:#080808;
	font-size:18px;
	font-weight:600;
	font-family:'aritaL';
	transition:all .3s;
}

.header .bottomWrap .mainMenu>li:hover>a,
.header .bottomWrap .mainMenu>li.active>a {
	color:#2f5f91;
}

.header .bottomWrap .mainMenu>li:not(.noSub):before {
	content:'';
	width:15px;
	height:10px;
	background:url(/assets/cas13/image/common/img_submenu_arrow.png);
	background-size:100% auto;
	position:absolute;
	top:100%;
	left:50%;
	margin-top:-22px;
	margin-left:0;
	opacity:0;
	transition:all .3s;
}

.header .bottomWrap .mainMenu>li:hover:before {
	opacity:1;
}

.header .bottomWrap .subMenu {
	position:absolute;
	top:100%;
	margin-top:-12px;
	border-radius:300px;
	border:1px solid #2f5f91;
	background-color:#fff;
	padding:14px 10px 15px;
	box-shadow:2.828px 2.828px 7.12px 0.88px rgba(4, 0, 0, 0.33);
	white-space:nowrap;
	display:none;
}

/* .header .bottomWrap .mainMenu>li:nth-child(3) .subMenu {
	margin-left:-50px;
} */

.header .bottomWrap .subMenu li {
	display:inline-block;
}

.header .bottomWrap .subMenu li:not(:last-child) {
	border-right:1px solid #dcdcdc;
}

.header .bottomWrap .subMenu li a {
	display:block;
	padding:0 20px;
	color:#666666;
	font-size:14px;
	font-family:'aritaSB';
}

.header .bottomWrap .subMenu li a:hover {
	font-weight:bold;
	color:#000;
}

.header .bottomWrap .mainMenu>li:nth-child(1) .subMenu,
.header .bottomWrap .mainMenu>li:nth-child(2) .subMenu,
.header .bottomWrap .mainMenu>li:nth-child(3) .subMenu {
	left: 50%;
    transform: translateX(-50%);
}

.header .bottomWrap .mainMenu>li:nth-child(4) .subMenu,
.header .bottomWrap .mainMenu>li:nth-child(5) .subMenu,
.header .bottomWrap .mainMenu>li:nth-child(6) .subMenu,
.header .bottomWrap .mainMenu>li:nth-child(7) .subMenu {
	right:-30px;
}

.footer {
	background-color:#727272;
	padding:35px 20px 40px;
	position:relative;
	z-index:2;
}

.footer .rightWrap {
	float:right;
}

.footer .rightWrap .depth1>li {
	float:left;
	position:relative;
}

.footer .rightWrap .depth1>li>a {
    display: block;
    position: relative;
    color: #fff;
    font-size: 12px;
    padding: 13px 14px;
    width: 200px;
    border:1px solid rgba(255,255,255,.3);
}

.footer .rightWrap .depth1>li>a:before {
    content: '';
    width: 12px;
    height: 8px;
    position: absolute;
    right: 15px;
    top: 50%;
    margin-top: -4px;
    transform-origin: 50% 50%;
    transition: all .3s;
    background: url(/assets/cas06/image/common/img_footer_arrow.png);
}

.footer .rightWrap .depth1>li>a.active:before {
    transform: rotate(180deg);
}


.footer .rightWrap .depth2 {
    position: absolute;
    bottom: 100%;
    left: 0;
    width: 100%;
    background-color: #525252;
    display: none;
    z-index: 1;
}

.footer .rightWrap .depth2 a {
    display: block;
    padding: 15px;
    color: #fff;
    font-size: 12px;
}

.footer .rightWrap .depth2 li:not(:last-child) a {
    border-bottom: 1px dashed rgba(255,255,255,.2);
}

.footer .leftWrap p {
    font-size: 12px;
    font-family: "Verdana", "Malgun Gothic";
    color:rgba(255,255,255,.6);
    line-height: 1.8;
}

.noContents {
	max-width:400px;
    margin:0 auto;
    text-align:center;
}

.noContents h3 {
	font-family:'aritaL';
	font-size:30px;
	font-weight:600;
	color:#ccc;
}

.noContents p {
	margin-top:20px;
	font-family:'aritaL';
	font-size:24px;
	font-weight:400;
	color:#ccc;
}

.btnAdmin {
	display: inline-block;
    margin-left: 15px;
    border: 1px solid #b5b3b3;
    line-height: 18px;
    font-size: 13px;
    border-radius: 3px;
    padding: 0 8px;
    background: rgb(55 55 55);
    color: #fff !important;
    box-shadow: 1px 2px 0px rgba(0,0,0,0.1);
}

@media screen and (max-width:1200px) {
	.layout_1200 {
		padding:0 40px;
		width:100%;
	}

	.section1Wrap .layout_1200, .section2Wrap .layout_1200 {
		padding:0 60px;
		width:100%;
	}

	.header .bottomWrap .mainMenu>li>a {
		font-size:16px;
	}

	.header .bottomWrap .mainMenu>li {
		margin-left:30px;
	}

	.visual ul li .image_wrap * {
		left: 40%;
		width: auto;
	}

	.sub_contents.layout_1200 {
		padding-bottom: 60px;
	}
}
/* 1200-end */

@media screen and (max-width:1023px) {
	.header .topWrap a {
		font-size:14px;
		padding:8px 12px;
	}


	.header .bottomWrap .logo img {
		width:150px;
	}

	.header .bottomWrap .mainMenuWrap {
		position:fixed;
		top:79px;
		right:0;
		transition:all .5s;
		width:0;
		background-color:#fff;
		z-index:1000;
		height:calc(100vh - 32px);
		overflow:hidden;
	}

	.header .bottomWrap .mainMenuWrap.active {
		width:280px;
	}

	.header .bottomWrap .mainMenu {
		float:none;
		width:280px;
	}

	.header .bottomWrap .mainMenu>li {
		float:none;
		width:100%;
		margin:0;
	}

	.header .bottomWrap .mainMenu>li>a {
		line-height:1;
		border-bottom:1px solid #ddd;
		padding:14px 12px 13px;
		position:relative;
		font-size:15px;
	}

	.header .bottomWrap .subMenu li a {
		font-family:'aritaSR';
	}

	.header .bottomWrap .mainMenu>li:not(.noSub)>a:before {
		content:'';
		width:14px;
		height:2px;
		background:#ccc !important;
		opacity:1;
		position:absolute;
		right:15px;
		left:auto;
		top:50%;
		margin:0;
		margin-top:-2px;
	}

	.header .bottomWrap .mainMenu>li:not(.noSub)>a:after {
		content:'';
		width:2px;
		height:15px;
		background-color:#ccc;
		position:absolute;
		right:21px;
		top:50%;
		margin-top:-8px;
	}

	.header .bottomWrap .mainMenu>li:not(.noSub)>a.active:after {
		display:none;
	}

	.header .bottomWrap .mainMenu>li:not(.noSub):before {
		display:none;
	}

	.header .bottomWrap .subMenu {
		position:static;
		margin:0;
		background-color:#ddd;
		display:none;
		border-radius:0;
		box-shadow:none;
		border:none;
	}

	.header .bottomWrap .subMenu li {
		display:block;
		margin-bottom:10px;
	}

	.header .bottomWrap .subMenu li:last-child {
		margin:0;
	}

	.header .topWrap {
		position:fixed;
		top:0;
		right:0;
		width:0;
		z-index:1000;
		text-align:center;
		overflow:hidden;
		transition:all .5s;
	}

	.header .topWrap.active {
		width:280px;
	}

	.header .topWrap .layout_1200 {
		width:280px;
	}

	.header .topWrap a {
		background-color:transparent;
		border:none !important;
		padding:0;
		position:relative;
	}

	.header .topWrap a:not(:last-child):after {
		content:'·';
		position:absolute;
		right:0;
	}

	.header .bottomWrap {
		height:auto;
		position:relative;
	}

	.header .bottomWrap .logo {
		margin-left: -28px;
		padding:10px 0;
	}

	.header .bottomWrap .toggleBtn {
		display:block !important;
		width:25px;
		height:20px;
		position:absolute;
		top:24px;
		transition:all .5s;
		right:25px;
		text-indent:-9999px;
		z-index:1000;
	}

	.header .bottomWrap .toggleBtn span {
		display:block;
		width:100%;
		height:3px;
		background-color:#000;
		position:absolute;
		top:50%;
		left:0;
		margin-top:-1.5px;
		border-radius:300px;
	}

	.header .bottomWrap .toggleBtn:before,
	.header .bottomWrap .toggleBtn:after {
		content:'';
		width:100%;
		height:3px;
		background-color:#000;
		position:absolute;
		border-radius:300px;
		transition:all .5s;
		left:0;
		transform-origin:0 0;
	}

	.header .bottomWrap .toggleBtn:before {
		top:0;
	}

	.header .bottomWrap .toggleBtn:after {
		bottom:0;
	}

	.header .bottomWrap .menuBackDrop {
		position:fixed;
		top:0;
		left:0;
		width:100vw;
		height:100vh;
		background-color:rgba(0, 0, 0, 0.3);
		z-index:100;
		display:none;
	}

	.header .bottomWrap .toggleBtn.active {
		right:290px;
		position:fixed;
	}

	.header .bottomWrap .toggleBtn.active span {
		opacity:0;
	}

	.header .bottomWrap .toggleBtn.active:before {
		left:2px;
		transform:rotate(45deg);
	}

	.header .bottomWrap .toggleBtn.active:after {
		transform:rotate(-45deg);
	}

	.visual ul li .image_wrap * {
		width: 100%;
		left: 50%;
	}

	.section1Wrap .layout_1200, .section2Wrap .layout_1200 {
		padding: 0 20px;
	}

	.header .bottomWrap .toggleBtn.active:before, .header .bottomWrap .toggleBtn.active:after {
		background: #fff;
	}

	.header .bottomWrap .subMenu {
		padding:15px 10px 15px;
	}

	.sub_contents.layout_1200 {
		padding-bottom: 40px;
	}

	.header .bottomWrap .mainMenu>li:nth-child(1) .subMenu,
	.header .bottomWrap .mainMenu>li:nth-child(2) .subMenu,
	.header .bottomWrap .mainMenu>li:nth-child(3) .subMenu {
		left: 0;
		transform: none;
	}

}
/* 1023-end */

@media screen and (max-width:767px) {
	.header .bottomWrap .logo img {
		width:122px;
	}

	.header .bottomWrap .toggleBtn span,
	.header .bottomWrap .toggleBtn:before,
	.header .bottomWrap .toggleBtn:after {
		height:2px;
	}

	.header .bottomWrap .toggleBtn {
		width:22px;
		height:16px;
		top:16px;
	}

	.header .bottomWrap .toggleBtn span {
		margin-top:-1px;
	}

	.header .bottomWrap .toggleBtn.active:before {
		left:1px;
		top:-1px;
	}

	.header .bottomWrap .toggleBtn.active {
		right:285px;
	}

	.header .bottomWrap .logo {
		padding:5px 0;
	}

	.header .bottomWrap .toggleBtn {
		right: 17px;
	}
	.header .bottomWrap .layout_1200{
		padding-bottom: 0;
	}

	.footer {
		padding:20px 15px;
	}

	.footer .rightWrap {
		float:none;
	}

	.footer .leftWrap {
		margin-top:20px;
	}

	.footer p {
		font-size:11px;
		word-break:keep-all;
	}

	.layout_1200 {
		padding: 0 15px 40px;
	}

	.header .bottomWrap .logo {
		margin-left: -8px;
	}

	.sub_contents.layout_1200 {
		padding-bottom: 30px;
	}

	.visual .pos_wrap {
		bottom:10px;
	}

	.visual .pos_wrap a:not(.auto_key) {
		width:10px;
		height:10px;
	}
}
/* 767-end */

@media screen and (max-width:500px) {
	.layout_1200 {
		padding:0 15px;
	}
}


.sub_title
{
	text-align:center;
	margin-bottom:50px;
}
.sub_title h2
{
	text-align:center;
	font-family:'aritaM';
	font-weight: 600;
	font-size:30px;
	letter-spacing:-0.08em;
	color:#000;
}

/* media */
@media screen and (max-width:1200px)
{
	.sub_title
	{
		margin-bottom:50px;
	}
}

@media screen and (max-width:1023px)
{
	.sub_title
	{
		margin-bottom:35px;
	}
	.sub_title h2
	{
		font-size:30px;
	}
}

@media screen and (max-width:767px)
{
	.sub_title
	{
		margin-bottom:20px;
	}
	.sub_title h2
	{
		font-size:22px;
		line-height:1.3;
	}
}





/* 1. 오시는 길 */
.map_wrap
{
	position:relative;
	width:100%;
	margin-bottom:300px;
}
.map_wrap .roughmap_maker_label
{
	display:none;
}
.map_wrap .root_daum_roughmap
{
	width:100% !important;
	border:0;
	padding:0;
}
.map_txt
{
	position:absolute;
	bottom:-270px;
	right:0;
	padding:57px 55px;
	background:#fff;
	z-index:1001;
}
.map_txt h3
{
	font-family:'aritaM';
	font-weight:600;
	font-size:25px;
	color:#000000;
	margin-bottom:24px;
	line-height:1.3;
}
.map_txt h3 span
{
	color:#f06f00
}
.map_txt > ul:nth-of-type(1) li
{
	margin-bottom:15px;
}
.map_txt > ul:nth-of-type(1) li span
{
	display:inline-block;
	font-size:15px;
}
.map_txt > ul:nth-of-type(1) li span.title
{
	font-weight:bold;
	color:#000000;
	margin-right:5px;
	margin-bottom:5px;
}
.map_txt > ul:nth-of-type(1) li span.cont
{
	color:#666666;
}
.map_txt div h4
{
	font-weight:bold;
	font-size:15px;
	margin-bottom:10px;
}
.map_txt div > ul
{
	margin-top:15px;
}
.map_txt div ul li
{
	position:relative;
	font-size:15px;
	color:#666666;
	letter-spacing:-0.05em;
	line-height:1.4;
	padding-left:11px;
	margin-top:7px;
}
.map_txt div > ul > li:before
{
	content:'';
	position:absolute;
	top:7px;
	left:2px;
	width:3px;
	height:3px;
	background:#666666;
}
.map_txt div > ul > li > ul > li
{
	position:relative;
	padding-left:12px
}
.map_txt div > ul > li > ul > li:before
{
	content:'';
	position:absolute;
	top:8px;
	left:0;
	width:6px;
	height:1px;
	background:#666;
}



/* media */
@media screen and (max-width:1200px)
{
	.map_txt h3
	{
		font-size:23px;
	}
	.map_txt > ul:nth-of-type(1) li span.title,
	.map_txt > ul:nth-of-type(1) li span,
	.map_txt div h4,
	.map_txt div ul li
	{
		font-size:14px;
	}
	.map_txt
	{
		padding:47px 44px;
	}
}

@media screen and (max-width:1023px)
{
	.map_wrap
	{
		margin-bottom:60px;
	}
	.root_daum_roughmap .wrap_map
	{
		height:400px !important
	}
	.map_txt
	{
		position:static;
		width:100%;
		padding:34px 22px;
		border-bottom:1px solid #eee;
	}
	.map_txt h3
	{
		font-size:20px;
	}
	.map_txt div > ul
	{
		margin-top:10px;
	}
}

@media screen and (max-width:767px)
{
	.root_daum_roughmap .wrap_map
	{
		height:280px !important
	}
	.map_txt
	{
		padding:24px 10px;
	}
	.map_txt h3
	{
		width:270px;
		font-size:20px;
		text-align:left;
		line-height:1.4;
		word-break:keep-all;
	}
	.map_txt > ul:nth-of-type(1) li span.title,
	.map_txt > ul:nth-of-type(1) li span,
	.map_txt div h4,
	.map_txt div ul li
	{
		font-size:14px;
	}
	.map_txt > ul:nth-of-type(1) li span.cont
	{
		display:block;
		margin-top:5px;
		line-height:1.4;
	}

	.map_wrap
	{
		margin-bottom:40px;
	}
}


/* 2. 연혁 */
.yeon
{
	position:relative;
	width:100%;
	padding:0 60px 100px;
	overflow:hidden;
}
.yeon .left
{
	position:relative;
	width:319px;
	float:left;
}
.yeon .left div
{
	width:100%;
	height:520px;
	background:#d1d2d4;
}

.yeon .left div img
{
	max-width:100%;
}
.yeon .right
{
	position:relative;
	width:calc(100% - 319px);
	float:right;
	padding:60px 0 0 60px;
}
.yeon .right > ul:before
{
	content:'';
	position:absolute;
	top:66px;
	left:234.9px;
	width:1px;
	height:calc(100% - 60px);
	background:#d1d2d4;
}
.yeon .right > ul > li
{
	overflow:hidden;
	margin-bottom:40px;
}
.yeon .right > ul > li:last-child
{
	margin-bottom:0;
}
.yeon .right > ul > li span.y_year
{
	position:relative;
	font-family:'aritaM';
	font-weight:600;
	font-size:24px;
	color:#2f5f91;
	float:left;
	margin-right:75px;
	min-width:133px;
}
.yeon .right > ul > li:first-child span.y_year:before
{
	content:'';
	position:absolute;
	top:5px;
	right:-46px;
	width:8px;
	height:8px;
	background:#2f5f91;
	border-radius:100%;
}
.yeon .right > ul > li span.y_year:after
{
	content:'';
    position:absolute;
    top:0px;
    right:-51px;
    width:16px;
    height:16px;
    background:#fff;
    border-radius:100%;
    border:1px solid #d1d2d4;
    z-index:1;
}
.yeon .right > ul > li span.y_year:before
{
	content:'';
	position:absolute;
	top:6px;
	right:-46px;
	width:8px;
	height:8px;
	border-radius:100%;
	background:#2f5f91;
	z-index:2;
}
.yeon .right > ul > li > div
{
	position:relative;
	width:calc(100% - 215px);
	overflow:hidden;
	float:left;
	margin-left:-38px;
}
.yeon .right > ul > li > div > ul > li
{
	position:relative;
	overflow:hidden;
	margin-bottom:30px;
	padding-left:158px;
}

.yeon .right > ul > li > div > ul > li:after {
	content:'';
	position:absolute;
	top:6px;
	left:0;
	width:8px;
	height:8px;
	border-radius:100%;
	background:#b8d4f7;
	z-index:1;
}

.yeon .right > ul > li > div > ul > li:first-child:after{
	display:none;
}
.yeon .right > ul > li ul li span
{
	position:absolute;
	left:0;
	font-family:'Georgia';
	font-style:italic;
	font-size:19px;
	color:#2f5f91;
	margin-left:38px;
}
.yeon .right > ul > li ul li p
{
	font-size:15px;
	color:#666;
	letter-spacing:-0.05em;
	float:left;
	line-height:1.5;
	vertical-align:middle;
	word-break:keep-all;
	width: 100%;
}


/* media */
@media screen and (max-width:1200px)
{
	.yeon
	{
		padding:0 0 80px;
	}
	.yeon .right
	{
		padding:40px 0 0 30px
	}
	.yeon .right > ul:before
	{
		top:53px;
		left:205px;
	}
}

@media screen and (max-width:1023px)
{
	.yeon .left
	{
		display:none;
	}
	.yeon .right
	{
		float:none;
		width:100%;
	}
	.yeon .left div
	{
		height:400px;
	}
	.yeon .left div img
	{
		width:100%;
		height:100%;
		object-fit:cover;
	}
	.yeon .right
	{
		padding:30px 0
	}
	.yeon .right > ul:before
	{
		top:45px;
		left:145px;
	}
	.yeon .right > ul > li span.y_year
	{
		font-size:21px;
		margin-right:35px;
	}
	.yeon .right > ul > li > div
	{
		width:calc(100% - 175px)
	}
	.yeon .right > ul > li > div > ul > li
	{
		
		margin-bottom:25px;
	}

	.yeon .right > ul > li > div > ul > li:after {
		left:11px;

	}
	.yeon .right > ul > li ul li span
	{
		font-size:16px;
		font-style:normal;
	}
	.yeon .right > ul > li ul li p
	{
		font-size:14px;
		display:block;
		width:100%;
	}
	.yeon .right > ul > li span.y_year:before,
	.yeon .right > ul > li:first-child span.y_year:before
	{
		right:-16px;
	}
	.yeon .right > ul > li span.y_year:after
	{
		right:-21px;
	}

	.yeon
	{
		padding:0 0 60px;
	}
}

@media screen and (max-width:767px)
{
	.yeon .left div
	{
		height:250px;
	}
	.yeon .right > ul > li
	{
		margin-bottom:40px;
	}
	.yeon .right > ul > li span.y_year
	{
		/* font-size:20px; */
		float:none;
		margin-bottom:15px;
		display:table;
	}
	.yeon .right > ul > li > div
	{
		float:none;
		width:100%;
		border-top:1px solid #dcdcdc;
		padding-top:10px;
		margin-left:0;
	}
	.yeon .right > ul:before,
	.yeon .right > ul > li span.y_year:before,
	.yeon .right > ul > li:first-child span.y_year:before,
	.yeon .right > ul > li:first-child span.y_year:after
	{
		display:none;
	}
	.yeon .right > ul > li > div > ul > li
	{
		padding-left:0;
	}

	.yeon .right > ul > li > div > ul > li:after {
		display:none;
	}
	
	.yeon .right > ul > li ul li span
	{
		position:static;
		display:block;
		margin-bottom:6px;
		margin-left:0;
	}

	.yeon .right > ul > li span.y_year:after {
		display:none;
	}

}


/* 3. 사업안내 */
.infor
{
	position:relative;
	width:100%;
	padding-bottom:100px;
}
.infor_wrap
{
	position:relative;
	width:100%;
	margin-bottom:40px;
	overflow:hidden;
}
.infor_wrap:last-child
{
	margin-bottom:0;
}
.infor_wrap .left
{
	position:relative;
	width:370px;
	float:left;
}
.infor_wrap .left div
{
	width:370px;
	height:258px;
}
.infor_wrap .left div img
{
	width:100%;
}
.infor_wrap .right
{
	position:relative;
	width:calc(100% - 370px);
	float:right;
	background:#f9f9f9;
	min-height:258px;
	padding:50px 51px;
}
.infor_wrap .right h3
{
	font-family:'aritaSB';
	font-size:24px;
	color:#333333;
	letter-spacing:-0.07em;
	margin-bottom:30px;
}
.infor_wrap .right span.text_only
{
	display:block;
	position:relative;
	font-size:15px;
	color:#666666;
	padding-left:13px;
}
.infor_wrap .right span.text_only:before
{
	content:'';
	position:absolute;
	top:6px;
	left:0;
	width:5px;
	height:1px;
	background:#666
}
.infor_wrap .right ul li:not(:last-child)
{
	position:relative;
	margin-bottom:25px;
}
.infor_wrap .right ul li h4
{
	position:relative;
	font-weight:bold;
	font-size:15px;
	color:#333333;
	letter-spacing:-0.05em;
	padding-left:13px;
	margin-bottom:14px;
	line-height: 1.4;
}
.infor_wrap .right ul li h4:before
{
	content:'';
	position:absolute;
	top:6px;
	left:0;
	width:5px;
	height:1px;
	background:#333;
}
.infor_wrap .right ul li span
{
	display:block;
	padding-left:13px;
	line-height:1.4;
}


/* media */
@media screen and (max-width:1200px)
{
	.infor_wrap .right
	{
		padding:50px 40px;
	}
	.infor_wrap .right h3
	{
		font-size:22px;
	}
}

@media screen and (max-width:1023px)
{
	.infor_wrap .left,
	.infor_wrap .right
	{
		float:none;
		width:100%;
	}
	.infor_wrap .left div
	{
		width:100%;
		height:350px;
	}
	.infor_wrap .left div img
	{
		width:100%;
		height:100%;
		object-fit:cover;
	}
	.infor_wrap .right
	{
		padding:40px 30px;
		min-height:inherit;
	}
	.infor_wrap .right h3
	{
		margin-bottom:20px;
		font-size:20px;
	}
	.infor_wrap .right span.text_only
	{
		font-size:14px;
	}

	.infor {
		padding-bottom: 60px;
	}
}

@media screen and (max-width:767px)
{
	.infor_wrap
	{
		margin-bottom:20px;
	}
	.infor_wrap .left div
	{
		height:200px;
	}
	.infor_wrap .right h3
	{
		font-size:19px;
		margin-bottom:15px;
	}
	.infor_wrap .right
	{
		padding:30px 20px;
	}

	.infor {
		padding-bottom: 40px;
	}
}


/* 4. 설립취지 */
.foundation
{
	position:relative;
	width:100%;
	padding:0 47px 100px;
	overflow:hidden
}
.foundation .left
{
	position:relative;
	width:550px;
	float:left;
}
.foundation .right
{
	position:relative;
	width:calc(100% - 550px);
	float:right;
	text-align:center;
	z-index:5;
}
.foundation .right h3
{
	position:relative;
	font-family:'Iropke Batang', serif;
	font-size:30px;
	font-weight: 600;
	color:#333;
	padding-top:44px;
	letter-spacing:-0.06em;
	display:inline-block;
	margin-bottom:116px;
}
.foundation .right h3:before
{
	content:'';
	position:absolute;
	top:39px;
	left:20px;
	width:27px;
	height:16px;
	background:url(/assets/cas13/image/foundation/2.png) no-repeat;
	background-size:27px;
}
.foundation .right h3:after
{
	content:'';
	position:absolute;
	bottom:-80px;
	left:50%;
	/*transform:translateX(-50%);*/
	width:1px;
	height:44px;
	background:#000000
}
.foundation .right h3 span
{
	display:block;
	font-size:25px;
	font-weight: 400;
	margin-top:20px;
}
.foundation .right p
{
	font-family:'aritaM';
	font-size:20px;
	color:#474747;
	line-height:1.3;
	margin-bottom:63px;
}
.foundation .right span.fou
{
	font-size:15px;
	color:#000;
	display:inline-block;
	margin:0 10px
}

.foundation .bg {
	background:#fff;
	width:662px;
	height:354px;
	position:absolute;
	bottom:102px;
	right:0;
	z-index:0;
}

/* media */
@media screen and (max-width:1200px)
{
	.foundation
	{
		padding:0 20px 100px;
	}
	.foundation .left
	{
		width:516px;
	}
	.foundation .left img
	{
		width:90%;
	}
	.foundation .right
	{
		width:calc(100% - 516px);
	}
	.foundation .right h3
	{
		font-size:28px;
	}
	.foundation .right h3 span
	{
		font-size:23px;
	}
	.foundation .right h3:before
	{
		left:15px;
	}
	.foundation .right h3 span
	{
		margin-top:17px
	}
	.foundation .right p
	{
		font-size:18px
	}
	.foundation .right span.fou
	{
		font-size:14px;
		margin:0 7px;
	}

}

@media screen and (max-width:1024px)
{
	.foundation .right h3:before {
		left:-10px;
	}
	.foundation .bg {
		width:506px;
	}
}

@media screen and (max-width:1023px)
{
	.foundation
	{
		padding:0 0 60px
	}
	.foundation .left,
	.foundation .right
	{
		float:none;
		width:100%;
	}
	.foundation .left
	{
		height:300px;
	}
	.foundation .left img
	{
		width:100%;
		height:100%;
		object-fit:cover;
	}
	.foundation .right h3
	{
		font-size:25px;
		margin-bottom:105px;
	}
	.foundation .right h3:before
	{
		left:-10px;
	}
	.foundation .right h3 span
	{
		font-size:19px
	}
	.foundation .right h3:after
	{
		bottom:-75px;
	}
	.foundation .right p
	{
		margin-bottom:50px;
		font-size:16px;
	}

	.foundation .bg {
		display:none;
	}
}



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

	.foundation .right h3
	{
		font-size:21px;
		margin-bottom:75px;
		padding-top:35px;
	}
	.foundation .right h3 span
	{
		font-size:15px;
	}
	.foundation .right h3:before
	{
		background-size:20px;
		left:-12px;
		top:32px;
	}
	.foundation .right h3:after
	{
		height:35px;
		bottom:-54px;
	}
	.foundation .right p
	{
		font-size:14px;
		margin-bottom:30px;
	}
	.foundation .right span.fou
	{
		display:block;
		margin-bottom:5px;
		font-size:13px;
	}

	.foundation
	{
		padding:0 0 40px
	}
}


/* 5. 조직도 */
.organ
{
	position:relative;
	width:100%;
	padding-bottom:150px;
}
.organ_1
{
	position:relative;
	width:152px;
	height:152px;
	background:#2f5f91;
	margin:0 auto;
	border-radius:100%;
	display:table;
}
.organ_1:before
{
	content:'';
	position:absolute;
	top:50%;
	left:50%;
	transform:translate(-50%, -50%);
	width:80%;
	height:80%;
	border-radius:100%;
	background:transparent;
	border:1px solid rgba(255,255,255,0.15);
}
.organ_1 span
{
	display:block;
	font-family:'NotoKrR';
	font-size:18px;
	text-align:center;
	color:#fff;
	display:table-cell;
	vertical-align:middle;
	line-height:1.3
}
.organ_1:after
{
	content:'';
	position:absolute;
	top:0;
	left:50%;
	/*transform:translateX(-50%);*/
	width:1px;
	height:750px;
	background:#dddddd;
	z-index:-1;
}

.organ_2
{
	position:relative;
	width:197px;
	height:64px;
	background:#465d74;
	display:table;
	margin:60px auto 70px;
}
.organ_2 span
{
	display:table-cell;
	vertical-align:middle;
	font-family:'NotoKrR';
	font-size:16px;
	color:#fff;
	line-height:1.3;
	text-align:center;
}

.organ_3
{
	position:relative;
	width:100%;
	max-width:593px;
	margin:0 auto;
}
.organ_3:before
{
	content:'';
	position:absolute;
	top:-35px;
	left:50%;
	transform:translateX(-50%);
	width:396px;
	height:1px;
	background:#ddd;
}
.organ_3 div
{
	position:relative;
	width:197px;
	height:64px;
	background:#715f83;
	text-align:center;
	display:table;
}
.organ_3 div:before
{
	content:'';
	position:absolute;
	top:-35px;
	left:50%;
	/*transform:translateX(-50%);*/
	width:1px;
	height:35px;
	background:#ddd;
}
.organ_3 div span
{
	display:table-cell;
	vertical-align:middle;
	color:#fff;
	font-family:'NotoKrR';
	font-size:16px;
	line-height:1.3;
}
.organ_3 div.left
{
	float:left;
}
.organ_3 div.right
{
	float:right;
}

.organ_4
{
	position:relative;
	width:100%;
	padding:0 50px;
	margin-top:80px
}
.organ_4:before
{
	content:'';
	position:absolute;
	top:-40px;
	left:50%;
	transform:translateX(-50%);
	width:785px;
	height:1px;
	background:#ddd;
}
.organ_4 > ul > li
{
	float:left;
	width:calc(33.333334% - 54px);
	margin-right:80px;
	text-align:center
}
.organ_4 > ul > li:last-child
{
	margin-right:0;
}
.organ_4 > ul > li.type01 > div:first-child:before
{
	content:'';
	position:absolute;
	top:-40px;
	left:50%;
	/*transform:translateX(-50%);*/
	width:1px;
	height:40px;
	background:#ddd;
}
.organ_4 > ul > li.type01 > div,
.organ_4 > ul > li.type02 > div:first-child
{
	position:relative;
	display:table;
	margin:0 auto 30px;
}
.organ_4 > ul > li > div:last-child
{
	margin-bottom:0;
}
.organ_4 > ul > li.type01 > div:not(:last-child):after
{
	content:'';
	position:absolute;
	bottom:-30px;
	left:50%;
	/*transform:translateX(-50%);*/
	width:1px;
	height:30px;
	background:#ddd;
}
.organ_4 > ul > li.type01 > div span,
.organ_4 > ul > li.type02 > div:first-child span,
.organ_4 > ul > li.type02 .left div span,
.organ_4 > ul > li.type02 .right div span
{
	display:table-cell;
	vertical-align:middle;
	font-family:'NotoKrR';
	color:#fff;
	text-align:center;
	line-height:1.4;
	font-size:16px;
}
.organ_4 > ul > li.type01 > div
{
	position:relative;
	width:197px;
	height:64px;
	background:#8c8a87;
	
}
.organ_4 > ul > li > div:first-child
{
	position:relative;
	width:197px;
	height:64px;
	background:#8c7f63;
}
.organ_4 > ul > li.type02 .left
{
	float:left;
	padding-top:40px;
}
.organ_4 > ul > li.type02 .right
{
	float:right;
}
.organ_4 > ul > li.type02 .left div,
.organ_4 > ul > li.type02 .right div
{
	position:relative;
	width:117px;
	height:64px;
	background:#8c8a87;
	color:#fff;
	display:table;
	margin-bottom:30px;
}
.organ_4 > ul > li.type02 .left div:after
{
	content:'';
	position:absolute;
	top:50%;
	/*transform:translateY(-50%);*/
	right:-42px;
	width:42px;
	height:1px;
	background:#ddd;
}
.organ_4 > ul > li.type02 .right div:after
{
	content:'';
	position:absolute;
	top:50%;
	/*transform:translateY(-50%);*/
	left:-38px;
	width:38px;
	height:1px;
	background:#ddd;
}

/* media */
@media screen and (max-width:1200px)
{
	.organ_4
	{
		padding:0;
	}
	.organ_4:before
	{
		width:825px
	}
	.organ_4 > ul > li
	{
		width:calc(33.333334% - 27px);
		margin-right:40px;
	}
	
}

@media screen and (max-width:1024px)
{
	.organ_4:before
	{
		width:656px
	}
	.organ_4 > ul > li.type02 .left div:after
	{
		width:28px;
		right:-28px;
	}
	.organ_4 > ul > li.type02 .right div:after
	{
		width:26px;
		left:-26px;
	}
}

@media screen and (max-width:1023px)
{
	.organ_1 span
	{
		font-size:16px
	}
	.organ_1:after
	{
		height:1230px;
	}
	.organ_3 div:after
	{
		content:'';
		position:absolute;
		bottom:-85px;
		left:50%;
		transform:translateX(-50%);
		width:1px;
		height:85px;
		background:#ddd;
	}
	.organ_3 div span
	{
		font-size:15px;
	}
	.organ_4
	{
		margin-top:40px;
	}
	.organ_4:before
	{
		display:none;
	}
	.organ_4 > ul > li
	{
		float:none;
		width:100%;
	}
	.organ_4 > ul > li.type01 > div:not(:first-child),
	.organ_4 > ul > li.type02 > div,
	.organ_4 > ul > li.type02 > div.left > div:first-child,
	.organ_4 > ul > li.type02 > div.right > div:first-child
	{
		border-bottom:1px solid #999;
	}
	.organ_4 > ul > li + li
	{
		margin-top:30px;
	}
	.organ_4 > ul > li.type02 .left,
	.organ_4 > ul > li.type02 .right
	{
		float:none;
		width:100%;
	}
	.organ_4 > ul > li.type02 .left div,
	.organ_4 > ul > li.type02 .right div
	{
		margin:0 auto;
	}
	.organ_4 > ul > li.type02 .left div:after,
	.organ_4 > ul > li.type02 .right div:after
	{
		display:none;
	}
	.organ_4 > ul > li.type02 .left
	{
		padding-top:0;
	}
	.organ_4 > ul > li.type02 .left div, .organ_4 > ul > li.type02 .right div
	{
		width:197px;
		height:64px;
	}
	.organ_4 > ul > li.type01 > div,
	.organ_4 > ul > li.type02 > div:first-child
	{
		margin:0 auto 0;
	}
	.organ_4 > ul > li > div,
	.organ_4 > ul > li.type02 .left div, .organ_4 > ul > li.type02 .right div
	{
		width:100% !important;
	}
	.organ_4 > ul > li.type01 > div:first-child:before
	{
		display:none;
	}
	.organ_4 > ul > li.type01 > div span,
	.organ_4 > ul > li.type02 > div:first-child span,
	.organ_4 > ul > li.type02 .left div span,
	.organ_4 > ul > li.type02 .right div span
	{
		font-size:15px;
	}
	.organ_4 > ul > li > div:not(:first-child) span
	{
		font-size:14px;
	}
	.organ_2 span br,
	.organ_3 div span br,
	.organ_4 > ul > li.type01 > div span br,
	.organ_4 > ul > li.type02 > div:first-child span br,
	.organ_4 > ul > li.type02 .left div span br,
	.organ_4 > ul > li.type02 .right div span br
	{
		display:none;
	}

	.organ {
		padding-bottom: 60px;
	}
}


/* media */
@media screen and (max-width:767px)
{
	.organ_2
	{
		width:100%;
		margin:60px auto 20px;
	}
	.organ_2 span
	{
		font-size:15px;
	}
	.organ_3
	{
		max-width:inherit;
	}
	.organ_3 div.left,
	.organ_3 div.right
	{
		float:none;
		width:100%;
	}
	.organ_3 div.left
	{
		margin-bottom:10px;
	}
	.organ_3:before,
	.organ_3 div:after
	{
		display:none;
	}
	.organ_3 div:before
	{
		display:none;
	}
	.organ_4
	{
		margin-top:20px;
	}
	.organ_4 > ul > li + li
	{
		margin-top:10px;
	}

	.organ {
		padding-bottom: 40px;
	}

	.organ_4 > ul > li.type01 > div:not(:last-child):after {
		display: none;
	}
}



/* 6. 후원안내 */
.donate
{
	position:relative;
	width:100%;
	padding:0 60px 100px;
	overflow:hidden;
}
.donate .donate_img
{
	position:relative;
	width:100%;
	height:489px;
}
.donate .donate_img img
{
	width:100%;
}
.donate .donate_txt
{
	position:relative;
	padding:50px 53px;
	float:right;
	background:#fff;
	margin-top:-170px;
}
.donate .donate_txt h3
{
	font-family:'aritaM';
	font-weight:600;
	font-size:25px;
	color:#000000;
	line-height:1.4;
}
.donate .donate_txt h3 span
{
	color:#f06f00;
}
.donate .donate_txt h4
{
	margin-top:25px;
	font-size: 15px;
	font-weight:bold;
	color:#000000;
	margin-bottom:15px;
}
.donate .donate_txt ul li
{
	position:relative;
	margin-bottom:10px;
	font-size:15px;
	color:#666666;
	letter-spacing:-0.05em;
	line-height:1.4;
	padding-left:12px;
}
.donate .donate_txt ul li:before
{
	content:'';
	position:absolute;
	top:9px;
	left:2px;
	width:3px;
	height:3px;
	background:#666666;
}
.donate .do_img
{
	width:629px;
	margin:40px 0 30px;
}
.donate span.donate_only
{
	font-size:15px;
	color:#666666;
	display:block;
	letter-spacing:-0.05em;
	margin-top:17px;
	line-height:1.3;
}

/* media */
@media screen and (max-width:1200px)
{
	.donate
	{
		padding:0 0 80px;
	}
	.donate .donate_txt
	{
		padding:40px 43px
	}
	.donate .donate_txt h3
	{
		font-size:23px;
	}
}

@media screen and (max-width:1023px)
{
	.donate .donate_txt
	{
		width:100%;
		padding:30px 20px
	}
	.donate .donate_txt h3
	{
		font-size:20px;
	}
	.donate .donate_txt h4
	{
		margin:25px 0 12px;
	}
	.donate .donate_txt ul li
	{
		font-size:14px;
	}
	.donate .do_img
	{
		margin:20px 0 20px;
	}
	.donate span.donate_only
	{
		margin-top:10px;
		font-size:14px;
	}

	.donate {
		padding-bottom: 60px;
	}
}

@media screen and (max-width:767px)
{
	.donate .donate_img
	{
		height:350px;
	}
	.donate .donate_img img
	{
		width:100%;
		height:100%;
		object-fit:cover;
	}
	.donate .donate_txt
	{
		padding:20px 10px;
	}
	.donate .donate_txt h3
	{
		text-align:center;
		font-size:18px;
	}
	.donate .do_img
	{
		width:100%;
	}

	.donate {
		padding-bottom: 30px;
	}
}

/* 페이지오류*/

.noRouteWrap {
    margin:30px auto;
    max-width:720px;
}

.noRouteWrap img {
    width:283px;
    display:block;
    margin:0 auto;
}

.noRouteWrap .tit {
    font-family:'aritaM';
    text-align:center;
    font-size:28px;
    line-height:1.45;
    letter-spacing:-0.06em;
    margin-top:30px;

}

.noRouteWrap .tit span.bold {
    font-weight:600;
}

.noRouteWrap .explanation {
    font-size:16px;
    color:#666;
    text-align:center;
    margin-top:20px;
    letter-spacing:-0.08em;
    line-height:1.5;
}



*.noRouteWrap .btnWrap a:before, *.noRouteWrap .btnWrap a:after {
    z-index: -1;
}

.noRouteWrap .btnWrap a {
    width:180px;
    height:60px;    
    display:block;
    margin: 50px auto 0;
    line-height:60px;
    text-align:center;
    color:#474747;

    font-family:'aritaM';
    font-size:18px;
    letter-spacing:-0.06em;
    border-radius:5px;
    border:1px solid #474747;
    position: relative;
    overflow: hidden;
    z-index:1;
  }
  .noRouteWrap .btnWrap a:before {
    content: '';
    position: absolute;
    top: 0;
    right: -50px;
    bottom: 0;
    left: 0;
    border-right: 50px solid transparent;
    border-bottom: 80px solid #333;
    -webkit-transform: translateX(-100%);
            transform: translateX(-100%);
            transition: 0.4s ease-in-out;    
  }
  .noRouteWrap .btnWrap a:hover {
    color: #fff;   
    z-index:10;
    transition: 0.5s ease-in-out;
  }
  .noRouteWrap .btnWrap a:hover:before {
    -webkit-transform: translateX(0);
            transform: translateX(0);
  }

  @media screen and (max-width:1023px)
  {
    .noRouteWrap img {
        width:270px;
    }

    .noRouteWrap .tit {
        font-size:26px;
    }

    .noRouteWrap .btnWrap a {
        width:170px;
        height:50px;
        line-height:50px;
        font-size:16px;
    }
  }

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

    .noRouteWrap {
		margin:20px auto 82px;
		padding:0 15px;
    }
    .noRouteWrap img {
        width:190px;
    }

    .noRouteWrap .tit {
        font-size:22px;
    }

    .noRouteWrap .explanation {
        font-size:15px;
        word-break:keep-all;
    }

    .noRouteWrap .explanation br {
        display:none;
    }

    .noRouteWrap .btnWrap a {
        width:150px;
        height:45px;
        line-height:45px;
        margin:30px auto 0;
    }

  }

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



    .noRouteWrap img {
        width:180px;
    }
    .noRouteWrap .tit {
        font-size:19px;
    }
    .noRouteWrap .explanation {
        font-size:13px;
    }
  }









/* 위원회 소개 */
.sub_page_about{

}
.sub_page_about .big_title{
	font-family: 'Arita-buriSB';
    font-size: 27px;
	text-align: center;
	color: #000;
	line-height: 1.4;
	word-break: auto-phrase;
}
.sub_page_about .passage{
	font-family: 'Arita-buriSB';
	font-size: 20px;
	text-align: center;
	padding-top: 15px;
	color: #222;
	margin-bottom: 30px;
}
.sub_page_about .banner_img{
	display: none;
	width: 100%;
	height: auto;
	margin-top: 50px;
	/* aspect-ratio: 1200 / 300; */
	width: 1px;
	height: 70px;
	background-color: #000000;
	margin: 0 auto;
}
.sub_page_about .banner_img img{
	width: 100%;
	height: 100%;
	object-fit: cover;
	display: none;
}
.sub_page_about .desc{
	margin-top: 50px;
	padding-bottom: 70px;
}
.sub_page_about .desc p{
	font-size: 30px;
	font-weight: 400;
	font-family: 'Pretendard';
	text-align: center;
	line-height: 1.5;
	color: #222;
}
.sub_page_about .desc p + p { 
	margin-top: 33px;
}
.sub_page_about .desc p strong{
	font-weight: 700;
	color: #000;
}
@media screen and (max-width:767px) {
	.sub_page_about .big_title {
		font-size: 22px;
	}
	.sub_page_about .desc{
		margin-top: 40px;
	}
	.sub_page_about .desc p{
		font-size: 21px;
	}
	.sub_page_about .desc p br{
		/* display: none; */
	}
	.sub_page_about .banner_img{
		margin-top: 40px;
	}
}
@media screen and (max-width:500px) {
	.sub_page_about .desc p{
		font-size: 18px;
		word-break: keep-all;
	}
	.sub_page_about .passage{
		font-size: 17px;
		padding-top: 18px;
	}
}
@media screen and (max-width:400px) {
	.sub_page_about .desc p br{
		display: none;
	}
}







/* 연혁 start */
.sub_page_history .sub_contents {
    display: flex;
    gap: 105px;
	padding-top: 30px;
}
.sub_page_history .history_big_title {
	position: relative;
}
.sub_page_history .history_big_title p{
	position: sticky;
	top: 10%;
    line-height: 1.4;
	font-size: 50px;
	color: #000;
	font-family: 'Arita-buriSB';
}
.sub_page_history .history_timeline {
    flex: 1;
}
.sub_page_history .history_timeline ul {
    margin: 0;
}
.sub_page_history .history_timeline li {
    position: relative;
    padding-bottom: 75px;
    padding-left: 40px;
}
.sub_page_history .history_timeline li::before{
	content: "";
	position: absolute;
	top: 13px;
	left: 0;
	background-color: #D2D2D2;
	width: 1px;
	height: 100%;
}
.sub_page_history .history_timeline li:last-of-type:before{
	top: 0;
	height: calc(100% + 80px);
}
.sub_page_history .history_timeline .year {
	position: relative;
    font-size:30px;
    margin-bottom: 15px;
	font-family: 'Arita-buriSB';
	color: #000;
}
.sub_page_history .history_timeline .txt {
    font-size: 20px;
    line-height: 1.5;
    color: #000000;
	font-weight: 400;
}
.sub_page_history .history_timeline .year::before {
    content: "";
    position: absolute;
    left: -40px;
    top: 50%;
    width: 14px;
    height: 14px;
    transform: translate(-50%, -50%);
    background: #fff;
    border: 2px solid #888888;
    border-radius: 50%;
}
.sub_page_history .history_timeline li.active .year::before {
    background: #0068B2;
	border: 2px solid #0068B2;
}
@media screen and (max-width:1024px) {
	.sub_page_history .history_big_title p{
		font-size: 28px;
	}
	.sub_page_history .sub_contents{
		gap: 55px;
	}
}
@media screen and (max-width:767px) {
	.sub_page_history{
		padding-bottom: 60px;
	}
	.sub_page_history .sub_contents{
		flex-direction: column;
		padding-top: 10px;
		gap: 42px;
	}
	.sub_page_history .history_timeline li{
		padding-left: 20px;
		padding-bottom: 33px;
	}
	.sub_page_history .history_timeline .year{
		font-size: 20px;
	}
	.sub_page_history .history_timeline .txt{
		font-size: 16px;
	}
	.sub_page_history .history_timeline .year::before {
		left: -19px;
		width: 6px;
		height: 6px;
	}
	.sub_page_history .history_big_title p{
		font-size: 23px;
	}
}
/* 연혁 end */







/* 담당 시설 안내 start */
.sub_page_facility{
	padding-bottom: 70px;
}
.sub_page_facility .mid_text{
	text-align: center;
	font-size: 25px;
	font-weight: 600;
	font-family: 'Arita-buriSB';
	color: #000000;
	line-height: 1.5;
}
.sub_page_facility .sub_contents ul{
	display: flex;
	flex-wrap: wrap;
	justify-content: center;
	gap: 30px 20px;
	margin-top: 60px;
}
.sub_page_facility .sub_contents ul li{
	width: calc(25% - 15px);
	height: auto;
	border-radius: 30px 60px 60px 60px;
	display: flex;
	align-items: center;
	justify-content: flex-start;
	text-align: center;
	flex-direction: column;
	font-family: 'Pretendard';
	background-color: #78C6DF;
	border: 1px solid #71B0C4;
	border-radius: 30px 60px 60px 60px;
	overflow: hidden;
}
.sub_page_facility .sub_contents ul li:nth-of-type(1){}
.sub_page_facility .sub_contents ul li:nth-of-type(2){}
.sub_page_facility .sub_contents ul li:nth-of-type(3){}
.sub_page_facility .sub_contents ul li:nth-of-type(4){}
.sub_page_facility .sub_contents ul li:nth-of-type(5){    background-color: #D598E2; border: 1px solid #B88EC0;}
.sub_page_facility .sub_contents ul li:nth-of-type(6){    background-color: #D598E2; border: 1px solid #B88EC0;}
.sub_page_facility .sub_contents ul li:nth-of-type(7){    background-color: #A2CE62; border: 1px solid #98B76B;}
.sub_page_facility .sub_contents ul li .tit{
	width: 100%;
	min-height: 80px;
	color: #fff;
	display: flex;
	flex-direction: column;
	align-items: center;
	justify-content: center;
	font-size: 25px;
	font-weight: 600;
	letter-spacing: 0.22px;
	padding: 20px 15px 15px;
	word-break: auto-phrase;
}
.sub_page_facility .sub_contents ul li .tit .small{
	font-size: 20px;
	font-weight: 500;
	margin-top: 4px;
}
.sub_page_facility .sub_contents ul li .con{
	width: 100%;
	background-color: #fff;
	flex: 1;
	padding: 15px 20px;
	padding-bottom: 40px;
	line-height: 1.5;
	font-size: 18px;
	color: #363636;
	font-weight: 400;
	word-break: auto-phrase;
	border-radius: 0 0 60px 60px;
	border: 5px solid #78C6DF;
	min-height: 140px;
}
.sub_page_facility .sub_contents ul li:nth-of-type(1) .con{
	border: 5px solid #78C6DF;
}
.sub_page_facility .sub_contents ul li:nth-of-type(2) .con{
	border: 5px solid #78C6DF;
}
.sub_page_facility .sub_contents ul li:nth-of-type(3) .con{
	border: 5px solid #78C6DF;
}
.sub_page_facility .sub_contents ul li:nth-of-type(4) .con{
	border: 5px solid #78C6DF;
}
.sub_page_facility .sub_contents ul li:nth-of-type(5) .con{
	border: 5px solid #D598E2;
}
.sub_page_facility .sub_contents ul li:nth-of-type(6) .con{
	border: 5px solid #D598E2;
}
.sub_page_facility .sub_contents ul li:nth-of-type(7) .con{
	border: 5px solid #A2CE62;
}

.sub_page_facility .sub_contents ul li:nth-of-type(1) .tit{
	
}
.sub_page_facility .sub_contents ul li:nth-of-type(2) .tit{
	background-color: #78C6DF;

}
.sub_page_facility .sub_contents ul li:nth-of-type(3) .tit{
	background-color: #78C6DF;

}
.sub_page_facility .sub_contents ul li:nth-of-type(4) .tit{
	background-color: #78C6DF;

}
.sub_page_facility .sub_contents ul li:nth-of-type(5) .tit{
	background-color: #D598E2;

}
.sub_page_facility .sub_contents ul li:nth-of-type(6) .tit{
	background-color: #D598E2;

}
.sub_page_facility .sub_contents ul li:nth-of-type(7) .tit{
	background-color: #A2CE62;

}

@media screen and (max-width:1200px) {
	.sub_page_facility .sub_contents ul li{
		width: calc(50% - 20px);
	}
}
@media screen and (max-width:1024px) {
	.sub_page_facility .sub_contents ul li{
		font-size: 17px;
	}
}
@media screen and (max-width:767px) {
	.sub_page_facility .mid_text{
		font-size: 19px;
		word-break: keep-all;
	}
	.sub_page_facility .sub_contents ul{
		flex-wrap: wrap;
		margin-top: 45px;
		gap: 15px;
		justify-content: flex-start;
	}
	.sub_page_facility .sub_contents ul li{
		width: calc(50% - 8px);
	}
}
@media screen and (max-width:500px) {
	.sub_page_facility .sub_contents ul li{
		width: 100%;
	}
}
/* 담당 시설 안내 end */







/* 오시는 길 start */
.sub_page_map{
	padding-bottom: 100px;
}
.sub_page_map .root_daum_roughmap_landing{
	width: 100% !important;
}
.sub_page_map .root_daum_roughmap .cont {
	display: none;
}
.sub_page_map .info_area{
	background-color: rgb(255, 255, 255);
	position: absolute;
	bottom: 0;
	right: 0;
	width: 50%;
	height: auto;
	z-index: 2;
	transform: translateY(50%);
	padding: 42px 55px;
}
.sub_page_map .info_area ul{
	
}
.sub_page_map .info_area ul li{
	padding: 16px 0;
	display: flex;
	border-bottom: 1px solid #7A7A7A;
	line-height: 1.4;
}
.sub_page_map .info_area ul li:last-of-type{
	border-bottom: 0;
}
.sub_page_map .info_area ul li .left_a{
	width: 80px;
	color: #6E6E6E;
	font-size: 18px;
	font-weight: 600;
	font-family: 'Pretendard';
}
.sub_page_map .info_area ul li .right_a{
	width: calc(100% - 80px);
	font-size: 18px;
	font-family: 'Pretendard';
	color: #222;
}
@media screen and (max-width:1024px) {
	.sub_page_map .info_area{
		padding: 10px 30px;
	}
	.sub_page_map .info_area ul li .left_a{
		font-size: 16px;
		width: 55px;
	}
	.sub_page_map .info_area ul li .right_a{
		font-size: 16px;
		width: calc(100% - 55px);
	}
}
@media screen and (max-width:767px) {
	.sub_page_map .info_area{
		position: relative;
		transform: translate(0);
		width: 100%;
		padding-left: 0;
		padding-right: 0;
	}
}
/* 오시는 길 end */







/* 수용자 start */
.sub_page_prisoner .prisoner_contents {
    display: flex;
    gap: 73px;
	padding-top: 30px;
	width: 100%;
}
.sub_page_prisoner .prisoner_left {
    position: relative;
	text-align: center;
}
.sub_page_prisoner .prisoner_left_text {
    position: sticky;
    top: 10%;
    font-size: 25px;
    line-height: 1.4;
    font-weight: 500;
    white-space: nowrap;
	font-family: 'Pretendard';
	text-align: center;
}
.sub_page_prisoner .prisoner_left_text br{
	display: none;
}
.sub_page_prisoner .prisoner_left_text strong{
	color: #000;
}
.sub_page_prisoner .prisoner_right{
	font-family: 'Pretendard';
	width: 100%;
}
.sub_page_prisoner .prisoner_item_wrap{
	display:flex;
	flex-direction: column;
}
.sub_page_prisoner .prisoner_item {
    margin-bottom: 40px;
	padding-left: 21px;
	padding-bottom: 30px;
	border-bottom: 1px solid #E6E6E6;
}
.sub_page_prisoner .prisoner_item:last-of-type{
	/* border-bottom: 0; */
}
.sub_page_prisoner .item_title {
	position: relative;
    font-size: 27px;
    font-weight: 700;
    margin-bottom: 13px;
    color: #222;
}
.sub_page_prisoner .item_title::before {
	content: "";
	position: absolute;
	top: 0;
	left: -21px;
	width: 12px;
	aspect-ratio: 1/1;
	background-color: #2F75FF;
	border-radius: 50%;
}
.sub_page_prisoner .type01 .item_title::before{}
.sub_page_prisoner .type02 .item_title::before{background-color: #11B991;}
.sub_page_prisoner .type03 .item_title::before{background-color: #0047B2;}
.sub_page_prisoner .type04 .item_title::before{background-color: #18A6D2;}
.sub_page_prisoner .item_desc {
    font-size: 23px;
    line-height: 1.7;
    color: #000000;
	font-weight: 400;
	word-break: auto-phrase;
}
.sub_page_prisoner .img_st_wrap{
	display: flex;
	gap: 30px;
	padding-top: 30px;
	padding-bottom: 25px;
}
.sub_page_prisoner .img_st_wrap .box{
	position: relative;
	font-size: 0;
	width: calc(50% - 15px);
	max-width: 265px;
}
.sub_page_prisoner .img_st_wrap .box img{
	width: 100%;
	box-shadow: 0px 15px 20px #00000033;
	border-radius: 20px;
}
.sub_page_prisoner .img_st_wrap .box .text_card{
	position: absolute;
	bottom: 0;
	right: 0;
	transform: translateY(50%);
	display: inline-flex;
	align-items: center;
	justify-content: center;
	font-size: 16px;
	color: #0068B2;
	font-weight: 600;
	background-color: #FFFFFF;
	border-radius: 18px 0 18px 18px;
	border: 1px solid #0068B2;
	padding: 9px 18px 10px;
	z-index: 1;
}
.sub_page_prisoner .prisoner_diagram {
    margin-top: 40px;
	display: flex;
	justify-content: center;
}
.sub_page_prisoner .prisoner_diagram img {
    max-width: 100%;
    display: block;
}
@media screen and (max-width:1024px) {
	.sub_page_prisoner .prisoner_contents{
		gap: 55px;
		flex-direction: column;
	}
}
@media screen and (max-width:767px) {

	.sub_page_prisoner .prisoner_left_text{
		font-size: 21px;
		display: inline-flex;
        flex-flow: row wrap;
        word-break: break-all;
        justify-content: center;
		gap: 5px;
	}
	.sub_page_prisoner .item_title {
		margin-bottom: 6px;
	}
	.sub_page_prisoner .item_title{
		font-size: 18px;
	}
	.sub_page_prisoner .prisoner_item{
		padding-bottom: 25px;
		margin-bottom: 25px;
	}
	.sub_page_prisoner .item_desc{
		font-size: 16px;
		line-height: 1.4;
	}
	.sub_page_prisoner .prisoner_diagram{
		margin-top: 0;
		padding-bottom: 50px;
	}
	.sub_page_prisoner .prisoner_diagram img{
		width: 100%;
		max-width: 100%;
	}
	.sub_page_prisoner .prisoner_item:last-of-type{
		margin-bottom: 0;
	}
	.sub_page_prisoner .img_st_wrap{
		gap: 15px;
		padding-top: 15px;
	}
	.sub_page_prisoner .img_st_wrap .box{
		width: calc(50% - 7.5px);
	}
	.sub_page_prisoner .img_st_wrap .box .text_card{
		font-size: 14px;
	}
}

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

	.sub_page_prisoner .prisoner_left_text{
		font-size: 18px;
		gap: 0px 5px;
	}

	.sub_page_prisoner .img_st_wrap .box img {
		box-shadow: 0px 10px 10px #00000033;
		border-radius: 12px;
	}

}

@media screen and (max-width:375px) {
	.sub_page_prisoner .img_st_wrap {
        display: flex;
        flex-flow: column;
		gap: 25px;
    }
	.sub_page_prisoner .img_st_wrap .box {
        width: 100%;
        max-width: 250px;
    }
}
/* 수용자 end */








/* 출소자 start */
.sub_page_reentry {
	font-family: 'Pretendard';
	padding-bottom: 80px;
}
.sub_page_reentry .sub_contents {
    display: flex;
    justify-content: space-between;
	justify-content: center;
    gap: 60px;
	padding-top: 30px;
}
.sub_page_reentry .reentry_left {
    width: 100%;
	text-align: center;
}
.sub_page_reentry .reentry_left_text {
    position: sticky;
    top: 15%;
    font-size: 25px;
    line-height: 1.4;
    font-weight: 500;
	font-family: 'Pretendard';
	text-align: center;
}
.sub_page_reentry .reentry_left_text br{
	display: none;
}
.sub_page_reentry .reentry_left_text strong{
	color: #000;
}
.sub_page_reentry .reentry_right {
    width: 65%;
}
.sub_page_reentry .reentry_title {
    font-size: 28px;
    font-weight: 600;
    text-align: center;
    margin-bottom: 40px;
}
.sub_page_reentry .reentry_diagram {
    display: flex;
    flex-direction: column;
	position: relative;
}
.sub_page_reentry .reentry_diagram::before{
	content: "";
	position: absolute;
	top: 0;
	left: 50%;
	transform: translateX(-50%);
	width: 1px;
	height: 100%;
	background-color: #D2DADF;
}
.sub_page_reentry .reentry_step {
	position: relative;
    width: 100%;
	min-height: 109px;
    padding: 28px 0;
    text-align: center;
    font-size: 20px;
    border: 1px solid #ddd;
    border-radius: 55px;
    background: #fff;
	border: 1px solid #888888;
	margin-bottom: 45px;
	display: flex;
    align-items: center;
    justify-content: center;
    flex-direction: column;
}
.sub_page_reentry .reentry_step:last-of-type{
	margin-bottom: 0;
}
.sub_page_reentry .reentry_step:not(.reentry_step_main):not(:last-of-type)::before{
	content: "";
	position: absolute;
	bottom: -33px;
	left: 50%;
	transform: translateX(-50%);
	width: 21px;
	height: 18px;
	background: url(/assets/cas20/image/sub/reentry_01.svg) no-repeat center;
	background-size: contain;
}
.sub_page_reentry .reentry_step .tit{
	color: #222222;
	font-size: 22px;
	font-weight: 700;
}
.sub_page_reentry .reentry_step span {
	display: block;
    color: #000000;
	font-size: 20px;
	margin-top: 8px;
	font-weight: 400;
}
.sub_page_reentry .reentry_step_main {
    background: linear-gradient(90deg, #0068B2, #009F05);
    color: #fff;
    border: none;
    font-weight: 700;
	height: 65px;
	min-height: auto;
	padding: 0;
	display: flex;
	align-items: center;
	justify-content: center;
	margin-bottom: 30px;
}
.sub_page_reentry .reentry_step .tit{

}
.sub_page_reentry .reentry_step .img_st_wrap{
	display: flex;
	gap: 30px;
	padding-top: 30px;
	padding-bottom: 25px;
}
.sub_page_reentry .reentry_step .img_st_wrap .box{
	position: relative;
	font-size: 0;
	width: calc(50% - 15px);
}
.sub_page_reentry .reentry_step .img_st_wrap .box img{
	width: 100%;
	box-shadow: 0px 15px 20px #00000033;
	border-radius: 20px;
}
.sub_page_reentry .reentry_step .img_st_wrap .box .text_card{
	position: absolute;
	bottom: 0;
	right: 0;
	transform: translateY(50%);
	display: inline-flex;
	align-items: center;
	justify-content: center;
	font-size: 16px;
	color: #0068B2;
	font-weight: 600;
	background-color: #FFFFFF;
	border-radius: 18px 0 18px 18px;
	border: 1px solid #0068B2;
	padding: 9px 18px 10px;
	z-index: 1;
}
@media screen and (max-width:1024px) {
	.sub_page_reentry .sub_contents{
		flex-direction: column;
	}
	.sub_page_reentry .reentry_left{
		width: 100%;
	}
	.sub_page_reentry .reentry_right{
		width: 100%;
	}
}
@media screen and (max-width:767px) {
	.sub_page_reentry .sub_contents{
		padding-top: 35px;
		gap: 45px;
	}
	.sub_page_reentry .reentry_left_text{
		font-size: 21px;
		display: inline-flex;
        flex-flow: row wrap;
        word-break: break-all;
        justify-content: center;
		gap: 5px;
	}
	.sub_page_reentry .reentry_step_main{
		height: auto;
		padding: 15px 0;
		font-size: 18px;
	}
	.sub_page_reentry .reentry_step{
		min-height: auto;
		padding: 15px 0;
		font-size: 18px;
		border-radius: 15px;
	}
	.sub_page_reentry .reentry_step .tit{
		font-size: 18px;
	}
	.sub_page_reentry .reentry_step span{
		font-size: 18px;
	}
	.sub_page_reentry .reentry_step .img_st_wrap{
		gap: 15px;
		padding-left: 15px;
		padding-right: 15px;
		padding-top: 15px;
	}
	.sub_page_reentry .reentry_step .img_st_wrap .box{
		width: calc(50% - 7.5px);
	}
	.sub_page_reentry .reentry_step .img_st_wrap .box .text_card{
		font-size: 14px;
	}
}
@media screen and (max-width:600px) {

	.sub_page_reentry .reentry_left_text{
		font-size: 18px;
		gap: 0px 5px;
	}

	.sub_page_reentry .reentry_step .img_st_wrap .box img {
		box-shadow: 0px 10px 10px #00000033;
		border-radius: 12px;
	}

}

@media screen and (max-width:375px) {
	.sub_page_reentry .reentry_step .img_st_wrap {
        display: flex;
        flex-flow: column;
		gap: 25px;
    }
	.sub_page_reentry .reentry_step .img_st_wrap .box {
        width: 100%;
        max-width: 250px;
    }
}
/* 출소자 end */








/* 가족 start */
.sub_page_family{
	font-family: 'Pretendard';
	padding-bottom: 70px;
}
.sub_page_family .sub_contents{
	display: flex;
	gap: 75px;
	padding-top: 30px;
}
.sub_page_family .sub_contents .family_left{
	width: 315px;
}
.sub_page_family .family_left P{
	width: 100%;
	text-align: center;
}
.sub_page_family .family_left_text{
	position: relative;
    top: 15%;
    font-size: 25px;
    line-height: 1.4;
    font-weight: 500;
    white-space: nowrap;
	font-family: 'Pretendard';
	width: 100%;
	text-align: center;
}
.sub_page_family .family_left_text br{
	display: none;
}
.sub_page_family .family_left_text strong{
	color: #000;
}
.sub_page_family .sub_contents .family_right{
	flex: 1;
	display: flex;
	justify-content: center;
}
.sub_page_family .sub_contents .family_right .family_diagram{
	width: 100%;
	max-width: 812px;
}
.sub_page_family .sub_contents .family_right .family_diagram .family_step_main{
    background: linear-gradient(90deg, #0068B2, #009F05);
    color: #fff;
    border: none;
    font-weight: 700;
    height: 65px;
    min-height: auto;
    padding: 0;
    display: flex;
    align-items: center;
    justify-content: center;
    margin-bottom: 40px;
	border-radius: 999px;
	width: 100%;
	text-align: center;
	font-size: 22px;
}
.sub_page_family .sub_contents .family_right .family_diagram .horizon_circle{
	
}
.sub_page_family .sub_contents .family_right .family_diagram .horizon_circle ul{
	display: flex;
	justify-content: space-between;
	padding: 0 25px;
}
.sub_page_family .sub_contents .family_right .family_diagram .horizon_circle ul li{
	display: flex;
	flex-direction: column;
	align-items: center;
	gap: 15px;
}
.sub_page_family .sub_contents .family_right .family_diagram .horizon_circle ul li .circle{
	background-color: #E8F2F9;
	border-radius: 50%;
	width: 110px;
	aspect-ratio: 1/1;
	display: flex;
	align-items: center;
	justify-content: center;
}
.sub_page_family .sub_contents .family_right .family_diagram .horizon_circle ul li .circle img{

}
.sub_page_family .sub_contents .family_right .family_diagram .horizon_circle ul li .text{
	font-size: 22px;
	font-weight: 700;
	color: #222222;
}
@media screen and (max-width:1200px) {
	.sub_page_family .sub_contents .family_right .family_diagram .horizon_circle ul{
		padding-left: 0;
		padding-right: 0;
	}
	.sub_page_family .sub_contents{
		flex-direction: column;
	}
	.sub_page_family .sub_contents .family_left{
		width: 100%;
		padding-top: 25px;
	}
}
@media screen and (max-width:1024px) {
	
}
@media screen and (max-width:767px) {
	.sub_page_family .family_left_text{
		font-size: 21px;
		display: inline-flex;
        flex-flow: row wrap;
        word-break: break-all;
        justify-content: center;
		gap: 5px;
	}
	.sub_page_family .sub_contents{
		gap: 45px;
	}
	.sub_page_family .sub_contents .family_right .family_diagram .family_step_main{
		min-height: auto;
		height: auto;
		padding: 12px 0;
		font-size: 18px;
	}
	.sub_page_family .sub_contents .family_right .family_diagram .horizon_circle ul{
		flex-wrap: wrap;
		justify-content: center;
		gap: 20px;
	}
	.sub_page_family .sub_contents .family_right .family_diagram .horizon_circle ul li{
		width: calc(33.3333% - 14px);
	}
	.sub_page_family .sub_contents .family_right .family_diagram .horizon_circle ul li .circle{
		width: 100%;
	}
	.sub_page_family .sub_contents .family_right .family_diagram .horizon_circle ul li .text{
		font-size: 17px;
	}
}

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

	.sub_page_family .family_left_text{
		font-size: 18px;
		gap: 0px 5px;
	}

}
/* 가족 end */







/* 자원봉사 start */
.sub_page_volunteer {
	font-family: 'Pretendard';
	padding-bottom: 80px;
}
.sub_page_volunteer .sub_contents {
    display: flex;
    justify-content: space-between;
    gap: 140px;
	padding-top: 30px;
}
.sub_page_volunteer .volunteer_left {
    width: 100%;
	text-align: center;
}
.sub_page_volunteer .volunteer_left_text {
    position: relative;
    font-size: 25px;
    line-height: 1.4;
    font-weight: 500;
    white-space: nowrap;
	font-family: 'Pretendard';
	text-align: center;
}
.sub_page_volunteer .volunteer_left_text br{
	display: none;
}
.sub_page_volunteer .volunteer_left_text strong{
	color: #000;
}
.sub_page_volunteer .volunteer_right {
    flex: 1;
	display: flex;
	justify-content: center;
}
.sub_page_volunteer .volunteer_title {
    font-size: 28px;
    font-weight: 600;
    text-align: center;
    margin-bottom: 40px;
}
.sub_page_volunteer .volunteer_diagram {
    display: flex;
    flex-direction: column;
	position: relative;
	max-width: 812px;
	width: 100%;
}
.sub_page_volunteer .volunteer_step {
	position: relative;
    width: 100%;
	min-height: 109px;
    padding: 28px 0;
	padding-left: 56px;
    font-size: 20px;
    border: 1px solid #ddd;
    border-radius: 55px;
    background: #fff;
	border: 1px solid #CFCFCF;
	margin-bottom: 20px;
	display: flex;
    align-items: flex-start;
    justify-content: flex-start;
	gap: 37px;
}
.sub_page_volunteer .volunteer_step > .text{
	padding-top: 9px;
}
.sub_page_volunteer .volunteer_step .img_st_wrap{
	display: flex;
	gap: 30px;
	padding-top: 30px;
	padding-bottom: 25px;
}
.sub_page_volunteer .volunteer_step .img_st_wrap .box{
	position: relative;
	font-size: 0;
	width: calc(50% - 15px);
}
.sub_page_volunteer .volunteer_step .img_st_wrap .box img{
	width: 100%;
	box-shadow: 0px 15px 20px #00000033;
	border-radius: 20px;
}
.sub_page_volunteer .volunteer_step .img_st_wrap .box .text_card{
	position: absolute;
	bottom: 0;
	right: 0;
	transform: translateY(50%);
	display: inline-flex;
	align-items: center;
	justify-content: center;
	font-size: 16px;
	color: #0068B2;
	font-weight: 600;
	background-color: #FFFFFF;
	border-radius: 18px 0 18px 18px;
	border: 1px solid #0068B2;
	padding: 9px 18px 10px;
	z-index: 1;
}
.sub_page_volunteer .volunteer_step.blue{
	background-color: #0068B2;
	border: 1px solid #0068B2;
}
.sub_page_volunteer .volunteer_step.blue .tit{
	color: #fff;
}
.sub_page_volunteer .volunteer_step.blue span{
	color: #BEE4FF;
}
.sub_page_volunteer .volunteer_step:last-of-type{
	margin-bottom: 0;
}
.sub_page_volunteer .volunteer_step .tit{
	color: #222222;
	font-size: 22px;
	font-weight: 700;
}
.sub_page_volunteer .volunteer_step span {
	display: block;
    color: #000000;
	font-size: 20px;
	margin-top: 9px;
	font-weight: 400;
	line-height: 1.3;
	word-break: keep-all;
}
.sub_page_volunteer .volunteer_step_main {
    background: linear-gradient(90deg, #0068B2, #009F05);
    color: #fff;
    border: none;
    font-weight: 700;
	height: 65px;
	min-height: auto;
	padding: 0;
	display: flex;
	align-items: center;
	justify-content: center;
	margin-bottom: 30px;
}
@media screen and (max-width:1300px) {
	.sub_page_volunteer .sub_contents{
		gap: 80px;
		flex-direction: column;
	}
	.sub_page_volunteer .volunteer_step{
		padding: 20px 40px;
		gap: 20px;
	}
	.sub_page_volunteer .volunteer_left{
		width: 100%;
	}
}
@media screen and (max-width:1024px) {
	.sub_page_volunteer .sub_contents{
		gap: 50px;
	}
}
@media screen and (max-width:767px) {
	.sub_page_volunteer .sub_contents{
		gap: 40px;
	}
	.sub_page_volunteer .volunteer_left_text{
		font-size: 21px;
		display: inline-flex;
        flex-flow: row wrap;
        word-break: break-all;
        justify-content: center;
		gap: 5px;
	}
	.sub_page_volunteer .volunteer_step{
		gap: 12px;
		border-radius: 15px;
		padding: 10px 10px;
		padding-right: 15px;
		min-height: auto;
	}
	.sub_page_volunteer .volunteer_step .image{
		width: 65px;
		min-width: 65px;
		aspect-ratio: 1/1;
	}
	.sub_page_volunteer .volunteer_step .image img{
		width: 100%;
	}
	.sub_page_volunteer .volunteer_step > .text {
		padding-top: 5px;
	}

	.sub_page_volunteer .volunteer_step .tit{
		font-size: 18px;
	}
	.sub_page_volunteer .volunteer_step span{
		font-size: 17px;
		margin-top: 5px;
	}
	.sub_page_volunteer .volunteer_step .img_st_wrap{
		gap: 15px;
		padding-top: 20px;
	}
	.sub_page_volunteer .volunteer_step .img_st_wrap .box{
		width: calc(50% - 7.5px);
	}
	.sub_page_volunteer .volunteer_step .img_st_wrap .box .text_card{
		font-size: 14px;
	}

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

	.sub_page_volunteer .volunteer_left_text{
		font-size: 18px;
		gap: 0px 5px;
	}

	.sub_page_volunteer .volunteer_step .img_st_wrap .box img {
		box-shadow: 0px 10px 10px #00000033;
		border-radius: 12px;
	}

}
@media screen and (max-width:500px) {
	.sub_page_volunteer .volunteer_step .img_st_wrap {
        display: flex;
        flex-flow: column;
		gap: 25px;
    }
	.sub_page_volunteer .volunteer_step .img_st_wrap .box {
        width: 100%;
        max-width: 250px;
    }
}
/* 자원봉사 end */







/* 후원안내 start */
.sub_page_support{
	font-family: 'Pretendard';
	padding-bottom: 70px;
}
.sub_page_support .support_txt {
	display: inline-block;
	width: 100%;
	font-size: 25px;
    line-height: 1.4;
    font-weight: 500;
    font-family: 'Pretendard';
	text-align: center;
	color: #222;
	word-break: keep-all;
}
.sub_page_support .sub_contents{
	position: relative;
	height: 560px;
	background-color: orange;
	background: url(/assets/cas20/image/sub/support_01.png) center center no-repeat;
	background-size: cover;
	border-radius: 35px 35px 35px 35px;
	margin-top: 30px;
}
.sub_page_support .sub_contents::before {
    content: "";
    position: absolute;
    top: 40%;
    left: 0;
    width: 100%;
    height: 60%;
    background: linear-gradient(to bottom, rgba(255, 255, 255, 0), rgba(255, 255, 255, 0.77), rgba(255, 255, 255, 1));
}
.sub_page_support .sub_contents .ul_wrap{
	position: absolute;
	top: 112px;
	right: 65px;
	width: 720px;
}
.sub_page_support .sub_contents ul{
	border: 1px solid #FFFFFF;
	border-radius: 35px;
	opacity: 1;
	backdrop-filter: blur(7px);
	-webkit-backdrop-filter: blur(7px);
	background-color: #ffffffd1;

	height: auto;
	display: flex;
	flex-direction: column;
	justify-content: center;
	padding-left: 40px;
	padding-right: 40px;
    padding-top: 28px;
}
.sub_page_support .sub_contents ul li{
	padding: 18px 20px;
	display: flex;
	align-items: flex-start;
	border-bottom: 1px solid #EEECEC;
}
.sub_page_support .sub_contents ul li:first-of-type{
	padding-top: 12px;
}
.sub_page_support .sub_contents ul li:last-of-type{
	border-bottom: 0px;
}
.sub_page_support .sub_contents ul li .tit{
	width: 110px;
	color: #222222;
	font-size: 22px;
	font-weight: 700;
}
.sub_page_support .sub_contents ul li .con{
	width: calc(100% - 110px);
	font-size: 20px;
	font-weight: 400;
	color: #000000;
}
.sub_page_support .sub_contents ul li .con .type_wrap{
	display: flex;
	flex-direction: column;
	gap: 20px;
}
.sub_page_support .sub_contents ul li .con .type_wrap .type{
	display: flex;
    flex-flow: column;
    gap: 5px;
    line-height: 1.2;
    align-items: flex-start;
}
.sub_page_support .sub_contents ul li .con .type_wrap .type dt{	    
    font-size: 20px;
    font-weight: 500;
    white-space: nowrap;
    background: #0085c9;
	color: #FFF;
    padding: 5px 15px;
    border-radius: 30px;
}
.sub_page_support .sub_contents ul li .con .type_wrap .type dd{
	font-size: 20px;
	font-weight: 400;
	color: #000000;
	word-break: keep-all;
}
.sub_page_support .sub_contents .ul_wrap .guide_blue{
	padding-top: 20px;
	padding-left: 40px;
	color: #225172;
	font-size: 18px;
	font-weight: 400;
	display: flex;
	gap: 6px;
	line-height: 1.4;
}
.sub_page_support .sub_contents .ul_wrap .guide_blue .in_font{
	font-family: 'Verdana', 'malgun gothic';
}

.sub_page_support .btn_support {
	display: flex;
    flex-flow: column;
    width: 100%;
    margin: 50px 0 0;
	padding: 50px 0 0;
    align-items: center;
	border-top: 1px solid #eeecec;
}

.sub_page_support .btn_support > a {
	background: #004497;
    padding: 30px 40px;
    min-width: 220px;
    color: #FFF;
    font-size: 23px;
    display: inline-flex;
    justify-content: center;
    font-weight: 500;
    border-radius: 50px;
}

@media screen and (max-width:850px) {
	.sub_page_support .sub_contents{
		height: auto;
		padding: 23px;
		border-radius: 10px;
	}
	.sub_page_support .sub_contents ul{
		position: relative;
		width: 100%;
		top: auto;
		bottom: auto;
		left: auto;
		right: auto;
	}
	.sub_page_support .sub_contents .ul_wrap {
		position: relative;
		width: 100%;
        right: 0;
        top: 5vw;
	}
}
@media screen and (max-width:767px) {
	.sub_page_support{
		padding-bottom: 50px;
	}
	.sub_page_support .sub_contents{
		padding: 7px 7px 0;
	}
	.sub_page_support .sub_contents ul{
		padding: 5px;
		height: auto;
		border-radius: 10px;
	}
	.sub_page_support .sub_contents ul li{
		display: flex;
    	align-items: flex-start;
		flex-direction: column;
		gap: 8px;
	}
	.sub_page_support .sub_contents ul li .tit{
		font-size: 17px;
		width: 100%;
	}
	.sub_page_support .sub_contents ul li .con{
		font-size: 17px;
		width: 100%;
	}

	.sub_page_support .support_txt {
		font-size: 21px;
		line-height: 1.3;
	}

	.sub_page_support .sub_contents ul li .con .type_wrap .type dt {
		font-size: 17px;
		padding: 5px 10px;

	}

	.sub_page_support .sub_contents ul li .con .type_wrap .type dd {
		font-size: 17px;
	}

	.sub_page_support .btn_support {
		margin: 30px 0 0;
		padding: 30px 0 0;
	}

	.sub_page_support .btn_support > a {
		padding: 20px 10px;
		min-width: none;
		width: 100%;
		max-width: 350px;
		font-size: 20px;
	}
}

@media screen and (max-width:600px) {
	.sub_page_support .support_txt {
        font-size: 18px;
    }
}
/* 후원안내 end */