/* 
	[z-index]

	header : 1000
	검은배경 : 999
	popup : 2000
	aside : 2000
	submenu : 10
*/





/* 초기화 start*/
* {
	margin: 0;
	padding: 0;
	box-sizing: border-box;
}

a {
	color: #222;
	text-decoration: none;
	font-family: "Pretendard";
}

img {
	width: 100%;
	height: 100%;
	/* object-fit: contain; */
    border: none;
    /* max-width: 100%; */
	vertical-align: middle;
}

ul, ol, li {
	list-style: none;
}

html {

}
html>/**/body{overflow-y: scroll;}
html, body {
	padding: 0;
	margin: 0;
	width: 100%;
	/* height: 100%; */
	font-family: "Roboto", "Pretendard";
	font-weight: 400;
	word-break: keep-all;
	color: #222;
}
html, body > * {
	letter-spacing: -0.03em !important;
}
body.no_scroll{
	overflow: hidden;
}
button {
	cursor: pointer;
	border: 1px solid transparent;
	font-family: "Pretendard";
	color: inherit;
	background-color: transparent;
}
input{
    /* font-family: 'S_CoreDream'; */
	font-family: "Pretendard";
}
select {
    /* font-family: 'S_CoreDream'; */
	font-family: "Pretendard";
}
textarea{
    /* font-family: 'S_CoreDream'; */
	font-family: "Pretendard";
}
caption {
	position: absolute;
    width:0px;
    height: 0px;
    overflow: hidden;
}
table{
	width:100%;
	table-layout:fixed;
	word-break:break-all;
	border-collapse:collapse;
	border-spacing:0;
}
i{
	font-style: normal;
}

*::after, *::before {
    box-sizing: border-box;
}
/* 초기화 end */




/* 부서 전체 스타일 */
html,body{
	font-family: "Pretendard";
	color: #222;
}
.layout_max{
	max-width: 1440px;
	width: 1440px;
	margin: 0 auto;
}
@media screen and (max-width: 1490px) {
	.layout_max{
		width: 100%;
		padding-left: 30px;
		padding-right: 30px;
	}
}
@media screen and (max-width: 1024px) {
	.layout_max{
		padding-left: 20px;
		padding-right: 20px;
	}
}
@media screen and (max-width: 767px) {
	.layout_max{
		padding-left: 15px;
		padding-right: 15px;
	}
}




/* 게시판 스타일 */
.borderLN{
	border-left: 0 !important;
}
.borderRN{
	border-right: 0 !important;
}
.borderTN{
	border-top: 0 !important;
}
.borderBN{
	border-bottom: 0 !important;
}
.borderLRight{
	border-left: 1px solid #ECECEC !important;
}
.borderRRight{
	border-right: 1px solid #ECECEC !important;
}
.borderTRight{
	border-top: 1px solid #ECECEC !important;
}
.textAL{
	text-align: left !important;
}
.textAR{
	text-align: right !important;
}
.textAC{
	text-align: center !important;
}
table.borderLRN th{
	border-left: none !important;
	border-right: none !important;
}
table.borderLRN td{
	border-left: none !important;
	border-right: none !important;
}




/* 푸터 공통 스타일 */
.footer{
	padding-top: 65px;
	padding-bottom: 100px;
	background-color: #333;
	display: flex;
	justify-content: space-between;
}
.footer .box1{
	background-color: orange;
}
.footer .box1 .ft_sites{
	color: #aaa;
    font-size: 16px;
    font-weight: 500;
    text-align: left;
    position: relative;
	border-radius: 5px 5px 5px 5px;
	display: inline-block;
	background-color: blue;
}
.footer .box1 .ft_sites button{
	width: 220px;
	height: 45px;
	border-radius: 5px;
	text-align: left;
	/* letter-spacing: -1.2px; */
	color: #000000;
	font-weight: 500;
	font-family: 'Pretendard';
	padding: 0 40px 0 20px;
	background-color: #fff;
	position: relative;
	z-index: 3;
	border: 1px solid transparent;
	font-size: 16px;
}
.footer .box1 .ft_sites button::after{
	content: url(../images/fselect_arrow.svg);
	position: absolute;
	right: 15px;
	top: 50%;
	width: 12px;
    height: 25px;
	transform: translateY(calc(-50% + 1px)) rotate(0deg);
	transition: 0.3s;
}
.footer .box1 .ft_sites button.active::after{
	transform: translateY(calc(-50% + 1px)) rotate(180deg);
}
.footer .box1 .ft_sites .sites_link_list{
    display: none;
    position: absolute;
    bottom: calc(100% - 10px);
    right: 0;
    width: 100%;
    z-index: 2;
    max-height: 500px;
    overflow-y: auto;
    padding-bottom: 10px;
    background: #fff;
	box-shadow: -3px -2px 20px #00000026;
	border-radius: 5px 5px 0px 0px;
}
.footer .box1 .ft_sites .sites_link_list li{
	background-color: #fff;
}
.footer .box1 .ft_sites .sites_link_list li a{
	display: block;
    color: #000;
    font-size: 16px;
    padding: 15px;
    font-weight: 500;
	background-color: #fff;
    border-bottom: 1px solid #aaa;
}

.footer .layout_max{
	display: flex;
	justify-content: space-between;
}
.footer .right_area .ft_sites{
	color: #aaa;
    font-size: 16px;
    font-weight: 500;
    text-align: left;
    position: relative;
	border-radius: 20px 20px 20px 20px;
	display: inline-block;
}
.footer .left_area{

}
.footer .left_area .logo{
	width: 248px;
}
.footer .left_area .info{
	margin-top: 45px;
	letter-spacing: 0px;
	color: #BCBCBC;
	font-size: 16px;
	display: flex;
	flex-direction: column;
	gap: 8px 0;
}
.footer .left_area .info dl{
	display: flex;
}
.footer .left_area .info dl dt{
	width: 85px;
	min-width: 85px;
}
.footer .left_area .info dl dd{
	width: calc(100% - 85px);
}
.footer .left_area .copyright{
	margin-top: 30px;
	letter-spacing: 0px;
	color: #989898;
	font-size: 14px;
	font-weight: 300;
}
.footer .right_area .move{
	display: flex;
	gap: 0 10px;
}
.footer .right_area .move .ft_sites button{
	width: 200px;
	height: 40px;
	text-align: left;
	color: #fff;
	padding: 0 40px 0 20px;
	background-color: #222;
	position: relative;
	z-index: 3;
	border: 1px solid transparent;
	font-size: 16px;
	border-radius: 20px;
}
.footer .right_area .move .ft_sites button::after{
	content: url(../images/icon_footer_plus.svg);
	position: absolute;
	right: 15px;
	top: 50%;
	width: 13px;
    height: 13px;
	transform: translateY(calc(-50% + -3px)) rotate(0deg);
	transition: 0.3s;
}
.footer .right_area .move .ft_sites button.active::after{
	transform: translateY(calc(-50% + 3px)) rotate(180deg);
}
.footer .right_area .move .ft_sites .sites_link_list{
    display: none;
    position: absolute;
    bottom: calc(100% - 20px);
    right: 0;
    width: 100%;
    z-index: 2;
    max-height: 600px;
    overflow-y: auto;
    padding-bottom: 20px;
    background: #222;
	box-shadow: -3px -2px 20px #00000026;
	border-radius: 20px 20px 0px 0px;
}
.footer .right_area .move .ft_sites .sites_link_list li{
	background-color: #222;
}
.footer .right_area .move .ft_sites .sites_link_list li a{
	display: block;
    color: #fff;
    font-size: 15px;
    padding: 15px;
    font-weight: 500;
	background-color: #222;
    border-bottom: 1px solid rgba(255,255,255,0.1);
	word-break: normal;
}
.footer .right_area .guide{
	width: 230px;
	margin-left: auto;
	margin-top: 35px;
} 
.footer .right_area .guide ul{

} 
.footer .right_area .guide ul li{
	border-bottom: 1px solid #656263;
	padding: 15px 0;
	padding-left: 20px;
} 

.footer .right_area .guide ul li:last-child{
	border-bottom: 0px;
}

.footer .right_area .guide ul li a{
	color: #BCBCBC;
	font-size: 16px;
}
.footer .right_area .guide ul li:nth-of-type(2) a{
	color: #FFFFFF;
}
@media screen and (max-width: 1024px) {
	.footer{
		padding-top: 0;
		padding-bottom: 56px;
	}
	.footer .layout_max{
		flex-direction: column;
		padding-left: 0;
		padding-right: 0;
	}
	.footer .layout_max .left_area{
		order: 2;
		display: flex;
        flex-direction: column;
        align-items: center;
		margin-top: 40px;
	}
	.footer .layout_max .right_area{
		order: 1;
	}
	.footer .right_area .ft_sites{
		flex: 1;
	}
	.footer .right_area .ft_sites:first-of-type > button{
		border-right: 1px solid #656263;
	}
	.footer .right_area .move{
		gap: 0;
	}
	.footer .right_area .move .ft_sites button{
		width: 100%;
		height: 53px;
		border-radius: 0;
	}
	.footer .right_area .move .ft_sites .sites_link_list{
		border-radius: 0;
	}
	.footer .right_area .guide{
		width: 100%;
		margin: 0;
	}
	.footer .right_area .guide ul{
		display: flex;
		justify-content: center;
		gap: 30px;
		border-bottom: 1px solid #656263;
	}
	.footer .right_area .guide ul li{
		border-bottom: 0;
		padding-left: 0;
	}
	.footer .left_area .info{
		width: 100%;
		flex-wrap: wrap;
		flex-direction: row;
		justify-content: center;
	}
	.footer .left_area .info dl{
		justify-content: center;
		margin: 0 20px
	}
	.footer .left_area .info dl dt {
		width: auto;
        min-width: auto;
        margin-right: 15px;
	}
	.footer .left_area .info dl dd{
		width: auto;
	}
	.footer .left_area .info dl:first-of-type{
		width: 100%;
	}
	.footer .left_area .info dl:first-of-type dt{
		display: none;
	}
	.footer .left_area .info dl:first-of-type dd{
		text-align: center;
	}
}
@media screen and (max-width: 767px) {
	.footer .right_area .guide ul{
		flex-direction: column;
		gap: 0;
		border-bottom: 0;
	}
	.footer .right_area .guide ul li,
	.footer .right_area .guide ul li:last-child {
		border-bottom: 1px solid #656263;
		text-align: center;
	}
	.footer .left_area .copyright {
		width: 390px;
		text-align: center;
	}
	.footer .left_area .logo{
		width: 205px;
	}
}
@media screen and (max-width: 425px) {
	.footer .left_area .copyright {
		width: 100%;
		padding: 0 20px;
	}
}




/* submenu */
.subpage_img{
	width: 100%;
	height: 350px;
	position: relative;
	z-index: 10;
}
.subpage_img::before{
	content: "";
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	background-color: rgba(0, 0, 0, 0.55);
}
.subpage_img img{
	width: 100%;
	height: 100%;
	object-fit: cover;
}
.subpage_img .text{
	position: absolute;
	top: 50%;
	left: 50%;
	transform: translate(-50%,-50%);
	color: #fff;
	font-size: 50px;
	font-weight: 600;
}
.submenu{
	width: 100%;
	height: 65px;
	border-bottom: 1px solid #E3E3E3;
	position: relative;
}
.submenu .layout_max{
	display: flex;
	justify-content: space-between;
	height: 65px;
}
.submenu .left_area{
	display: flex;
	height: 100%;
}
.submenu .left_area .home{
	width: 65px;
	height: 100%;
	display: flex;
	padding: 20px;
	background: linear-gradient(135deg, rgba(3,87,186,1) 0%, rgba(0,201,172,1) 100%);
}
.submenu .left_area .home img{
	width: 100%;
	height: 100%;
	object-fit: contain;
}
.submenu .left_area .depth_wrap{
	display: flex;
}
.submenu .left_area .depth_wrap > li{
	width: 260px;
	border-right: 1px solid #E3E3E3;
	display: flex;
	align-items: center;
	position: relative;
}
.submenu .left_area .depth_wrap > li::before {
	content: "";
	position: absolute;
	top: 50%;
	right: 0px;
	transform: translateY(-50%);
	width: 50px;
	height: 50px;
	background: url(../images/icon_submenu_arrow.svg) center center no-repeat;
	pointer-events: none;
}
.submenu .left_area .depth_wrap > li + li{
	/* margin-left: -1px; */
}
.submenu .left_area .depth_wrap > li > ul {
	display: none;
	position: absolute;
	width: 100%;
    top: 100%;
    left: 0;
	outline: 1px solid #E3E3E3;
	border-top: 0;
	background-color: #fff;
	padding: 25px 35px;
	display: none;
	flex-direction: column;
	gap: 15px 0;
	z-index: 50;
}
.submenu .left_area .depth_wrap > li > ul[style*="display: block;"]{
	display: flex !important;
}
.submenu .left_area .depth_wrap > li > ul > li{
	font-size: 18px;
	font-weight: 500;
}
.submenu .left_area .depth_wrap > li > ul > li > a{
	display: inline-block;
	width: 100%;
}
.submenu .left_area .depth_wrap > li > ul > li:hover > a{
	color: #00A990;
}
.submenu .left_area .depth_wrap > li > button{
	padding: 0 33px;
	width: 100%;
	height: 100%;
	text-align: left;
	font-size: 18px;
	font-weight: 500;
}
.submenu .right_area{
	display: flex;
	height: 65px;
}
.submenu .right_area .item{
	width: 65px;
	height: 100%;
	border-right: 1px solid #E3E3E3;
	padding: 24px;
}
.submenu .right_area .item.print{
	padding: 21px;
}
.submenu .right_area .item:first-of-type{
	border-left: 1px solid #E3E3E3;
}

.subpage_img.type02{
	position: relative;
	height: 450px;
	margin-top: -80px;
}
.subpage_img.type02 .text{
	margin-top: 40px;
}
.submenu.type02{
	border-bottom: 0;
}
.submenu.type02 .left_area .home{
	background: transparent;
	padding-left: 0;
	padding-right: 27px;
	width: auto;
}
.submenu.type02 .left_area .home img{
	width: 21px;
}
.submenu.type02 .left_area .depth_wrap{

}
.submenu.type02 .left_area .depth_wrap > li{
	border-right: 0;
	width: auto;
	min-width: 225px;
	margin-right: 7px;
}
.submenu.type02 .left_area .depth_wrap > li > button{
	padding-left: 10px;
	font-size: 20px;
	padding-right: 60px;
}
.submenu.type02 .left_area .depth_wrap > li > ul{
	border-radius: 15px;
	box-shadow: 0px 0px 12px #0000001A;
}
.submenu.type02 .left_area .depth_wrap > li::before{
	background: url(../images/icon_submenu_arrow_white.svg) center center no-repeat;
	background-size: contain;
	width: 18px;
}
.submenu.type02 .left_area .depth_wrap > li > ul > li:hover > a{
	color: #F47216;
}




@media screen and (max-width: 1440px) {
	.submenu .layout_max{
		padding-left: 0;
		padding-right: 0;
	}
}
@media screen and (max-width: 1200px) {

}
@media screen and (max-width: 1024px) {
	.submenu .right_area{
		display: none;
	}
	.submenu .left_area{
		width: 100%;
	}
	.submenu .left_area .depth_wrap{
		width: calc(100% - 65px);
	}
	.submenu .left_area .depth_wrap > li{
		flex: 1;
		width: auto;
	}
	.subpage_img .text{
		font-size: 35px;
	}
}
@media screen and (max-width: 767px) {
	.subpage_img{
		height: 200px;
	}
	.submenu .left_area .home{
		width: 50px;
		padding: 15px;
	}
	.submenu .left_area .depth_wrap{
		width: calc(100% - 50px);
	}
	.submenu{
		height: 50px;
	}
	.submenu .layout_max{
		height: 50px;
	}
	.submenu .left_area .depth_wrap > li{
		display: none;
	}
	.submenu .left_area .depth_wrap > li:last-of-type{
		display: flex;	
	}
	.submenu .left_area .depth_wrap > li > button{
		font-size: 16px;
		padding: 0 15px;
	}
	.submenu .left_area .depth_wrap > li > ul > li{
		font-size: 16px;
	}
	.submenu .left_area .depth_wrap > li > ul{
		padding: 15px 15px;
	}
	.subpage_img .text{
		font-size: 26px;
	}
	.subpage_img.type02{
		height: 200px;
	}
	.subpage_img.type02 .text{
		text-align: center;
		font-size: 25px;
	}
	.submenu.type02 .left_area .depth_wrap > li > button{
		font-size: 17px;
	}
	.submenu.type02 .left_area .home{
		padding-right: 7px;
	}
	.submenu.type02 .left_area .depth_wrap > li::before{
		width: 12px;
	}
}




/* 서브페이지레이아웃틀 */
.sub_page_wrap{
	padding-top: 75px;
	padding-bottom: 120px;
}
@media screen and (max-width: 1440px) {
	.sub_page_wrap{
		padding-top: 70px;
	}
}
@media screen and (max-width: 767px) {
	.sub_page_wrap{
		padding-top: 35px;
		padding-bottom: 65px;
	}
}





/* 잠금 아이콘 */
.secret_mark{
	display: inline-flex;
	align-items: center;
	justify-content: center;
	width: 13px;
	height: 18px;
	margin-right: 2px;
}
.secret_mark img{
	width: 100%;
	height: 100%;
	object-fit: contain;
	transform: translateY(2px);
}





/* 모바일 햄버거메뉴 */
.mobile_hamburger{
	position: fixed;
	top: 0;
	right: -100%;
	width: 100%;
	height: 100vh;
	background-color: #fff;
	z-index: 2000;
	transition: 0.3s;
}
.mobile_hamburger.active{
	right: 0;
}
.mobile_hamburger .top_area{
	display: flex;
	justify-content: space-between;
	height: 50px;
	background-color: #00A990;
}
.mobile_hamburger .top_area .left_zone{
	display: flex;
	align-items: center;
	padding-left: 15px;
}
.mobile_hamburger .top_area .left_zone a{
	width: 150px;
	display: flex;
}
.mobile_hamburger .top_area .left_zone a .title{
	color: #fff;
	transform: translateY(4.5px);
	margin-left: 5px;
	font-size: 13px;
}
.mobile_hamburger .top_area .right_zone{
	display: flex;
}
.mobile_hamburger .top_area .right_zone .box{
	display: flex;
	align-items: center;
	justify-content: center;
}
.mobile_hamburger .top_area .right_zone .box:not(.close){
	padding: 8px;
}
.mobile_hamburger .top_area .right_zone .box img{
	width: 16px;
}
.mobile_hamburger .top_area .right_zone .box button{
	width: 100%;
	height: 100%;
}
.mobile_hamburger .top_area .right_zone .box.close img{
	width: 12px;
}
.mobile_hamburger .top_area .right_zone .box.close{
	width: 50px;
	height: 50px;
	display: flex;
	align-items: center;
	justify-content: center;
	background-color: #F47216;
}
.mobile_hamburger ul.depth01{
	position: relative;
	height: calc(100% - 50px);

}
.mobile_hamburger ul.depth01::before{
	content: "";
	position: absolute;
	top: 0;
	left: 0;
	width: 130px;
	height: 100vh;
	background-color: #314255;
	z-index: -1;
}
.mobile_hamburger ul.depth01 .depth01_title{
	width: 130px;
	background-color: #314255;
	padding: 11px 15px;
	color: #fff;
	font-size: 16px;
	font-weight: 500;
	padding-left: 20px;
	text-align: left;
}

.mobile_hamburger ul.depth01 > li.active .depth01_title{
	color: #03DFBF;
}
.mobile_hamburger ul.depth01 > li{

}
.mobile_hamburger ul.depth01 > li.active ul.depth02{
	display: block;
}
.mobile_hamburger ul.depth01 > li > ul.depth02{
	position: absolute;
	overflow-y: auto;
	width: calc(100% - 130px);
	height: 100%;
	left: 130px;
	top: 0;
	display: none;
}
.mobile_hamburger ul.depth02{
	display: none;
}
.mobile_hamburger ul.depth02 > li{

}
.mobile_hamburger ul.depth02 > li > .depth02_title{
	display: flex;
	align-items: center;
	border-bottom: 1px solid #DEDEDE;
	padding: 0px 15px;
	position: relative;
	width: 100%;
	font-size: 16px;
	min-height: 41px;
}
.mobile_hamburger ul.depth02 > li > .depth02_title > a {
	font-size: inherit;
	width: 100%;
	min-height: 40px;
	display: flex;
	align-items: center;
	text-align: left;
}
.mobile_hamburger ul.depth02 > li > .depth02_title.plus::before{
	content: "";
	position: absolute;
	top: 50%;
	right: 15px;
	transform: translateY(-50%);
	width: 20px;
	height: 20px;
	background: url(../images/icon_hamburger_plus.svg) center center no-repeat;
}
.mobile_hamburger ul.depth02 > li > .depth02_title.plus.color_icon::before{
	background: url(../images/icon_hamburger_minus.svg) center center no-repeat;
}

.mobile_hamburger ul.depth02 > li > .depth02_title.plus.color_icon {
	border-bottom: 0px;
}

.mobile_hamburger ul.depth03{
	display: flex;
	flex-direction: column;
	gap: 7px 0;
	padding-left: 20px;
	padding-right: 15px;
	padding-top: 10px;
	padding-bottom: 10px;
	border-top: 2px solid #314255;
	border-bottom: 1px solid #DEDEDE;
	display: none;
}
.mobile_hamburger ul.depth03[style*='display: block']{
	display: flex !important;
}
.mobile_hamburger ul.depth03 > li{
	font-size: 15px;
}
.mobile_hamburger ul.depth03 > li > a{
	display: inline-block;
	width: 100%;
	text-align: left;
}





/* 사이트맵 start */
.sub_page_wrap.sitemap{
	display: flex;
	flex-direction: column;
	padding-bottom: 250px;
}
.sitemap .zone{
	display: flex;
	margin-top: 150px;
}
.sitemap .zone:first-of-type{
	margin-top: 0;
}
.sitemap .zone .left{
	width: 300px;
	font-size: 33px;
	font-weight: 700;
	border-right: 1px solid #ECECEC;
}
.sitemap .zone .right{
	width: calc(100% - 300px);
}
.sitemap .zone .right .depth02{
	display: flex;
	flex-wrap: wrap;
	gap: 0;
}
.sitemap .zone .right .depth02 > li {
	width: 25%;
	border-right: 1px solid #ECECEC;
	padding: 0 30px 100px;
}
.sitemap .zone .right .depth02 > li .depth02_title{
	font-size: 25px;
	font-weight: 600;
	line-height: 1.5;
}
i.page_move {
	width: 15px;
	display: inline-block;
	margin-left: 5px;
}
.sitemap .zone .right .depth02 > li .depth02_title i.page_move{
	width: 20px;
	display: inline-block;
}
.sitemap .zone .right .depth02 > li .depth02_title a {
	transition: 0.3s;
	letter-spacing: -1px;
}
.sitemap .zone .right .depth02 > li:hover .depth02_title a{
	color: #1C63B7;
}

.sitemap .zone .right .depth02 > li.dep2_list {
	display: inline-flex;
	flex-flow: column;
	gap: 20px;
}

.sitemap .zone .right .depth02 > li.dep2_list:hover .depth02_title a{
	color: #222;
}


.sitemap .zone .right .depth02 > li.dep2_list .depth02_title:hover a {
	color: #1C63B7;
}

.sitemap .zone .right .depth02 > li ul.depth03{
	margin-top: 30px;
	display: flex;
	flex-direction: column;
	gap: 5px 0;
}
.sitemap .zone .right .depth02 > li ul.depth03 > li{
	transition: 0.3s;
	padding-bottom: 8px;
	border-bottom: 1px solid transparent;
}
.sitemap .zone .right .depth02 > li ul.depth03 > li:hover {
	border-bottom: 1px solid #222222;
}
.sitemap .zone .right .depth02 > li ul.depth03 > li > a{
	font-size: 19px;
	color: #656263;
}
@media screen and (max-width: 1400px){
	.sitemap .zone .left{
		margin-bottom: 30px;
		border-right: 0;
	}
	.sitemap .zone{
		flex-direction: column;
	}
	.sitemap .zone .right{
		width: 100%;
	}
	.sitemap .zone .right .depth02 > li{
		padding: 0 20px 70px;
	}
	.sitemap .zone .right .depth02 > li:first-of-type{
		padding-left: 0;
	}
	.sitemap .zone .right .depth02 > li:nth-of-type(4n){
		border-right: 0;
	}
	.sitemap .zone .right .depth02 > li:nth-of-type(4n + 1){
		padding-left: 0;
	}
}
@media screen and (max-width: 1024px){
	.sitemap .zone .right .depth02 > li .depth02_title{
		font-size: 19px;
	}

	.sitemap .zone .right .depth02 > li ul.depth03 > li > a {
		font-size: 17px;
	}

	.sitemap .zone .right .depth02 > li {
        padding: 0 12px 70px;
    }

	.sitemap .zone .right .depth02 > li .depth02_title i.page_move {
		width: 17px;
	}
}
@media screen and (max-width: 767px){
	.sub_page_wrap.sitemap {
		padding-bottom: 80px;
	}

	.sitemap .zone .left{
		font-size: 23px;
        margin-bottom: 0px;
        text-align: center;
        border: 1px solid #000;
        padding: 7px 10px;
	}
	.sitemap .zone .right .depth02{
		flex-direction: column;
		gap: 0;
	}
	.sitemap .zone .right .depth02 > li{
		width: 100%;
		padding: 10px 0 ;
		border-right: 0;
		border-bottom: 1px solid #ECECEC;
		display: flex;
        flex-flow: column;
        align-items: center;
	}
	.sitemap .zone .right .depth02 > li ul.depth03{
		margin-top: 10px;
		flex-direction: row;
		flex-wrap: wrap;
		width: 100%;
		justify-content: center;
		gap: 0;
	}
	.sitemap .zone .right .depth02 > li ul.depth03 > li{
		padding: 5px 15px;
	}
	.sitemap .zone .right .depth02 > li ul.depth03 > li > a{
		font-size: 16px;		
	}
	.sitemap .zone .right .depth02 > li .depth02_title a{
		font-size: 18px;
	}	
	.sitemap .zone{
		margin-top: 60px;
		gap: 5px;
		align-items: center;
	}
	.sitemap .zone .right .depth02 > li ul.depth03 > li:hover{
		border-bottom: 1px solid transparent;
	}

	.sitemap .zone .right .depth02 > li.dep2_list {
		gap: 0px;
		padding: 0px;
	}

	.sitemap .zone .right .depth02 > li.dep2_list .depth02_title {
		padding: 10px 0;
    }

	.sitemap .zone .right .depth02 > li.dep2_list .depth02_title:not(:last-child) {
        border-bottom: 1px solid #ececec;
        width: 100%;
        text-align: center;
    }
	
}
/* 사이트맵 end */




/* 헤더 start */
.header{
	display: flex;
	justify-content: space-between;
	height: 80px;
	padding: 15px 33px;
	position: relative;
	z-index: 1;
	border-bottom: 1px solid rgba(255, 255, 255, 0.15);
	z-index: 1000;
}
.header.sub{
	background-color: #fff;
}
.header.white_bg{
	background-color: #fff;
	border-bottom: 1px solid #E6E6E6;
}

.header .menu{
	display: flex;
    align-items: center;
}
.header .menu .depth_01_ul{
	display: flex;
	height: 100%;
	gap: 0 80px;
}
.header .menu .depth_01_ul > li{
	display: flex;
	align-items: center;
	height: 100%;
}
.header .menu .depth_01_ul > li.special_infor{
	position: relative;
}
.header .menu .depth_01_ul > li.special_infor::before{
	content: "";
	position: absolute;
	top: 4px;
	left: 0;
	width: 33.3333%;
	height: 3px;
	background: url(../images/icon_special_icon.svg) center center no-repeat;
}
.header .menu .depth_01_ul .depth_01_button{
	color: #fff;
	font-size: 20px;
	font-weight: 600;
}
.header.sub .menu .depth_01_ul .depth_01_button{
	color: #222;
}
.header.white_bg .menu .depth_01_ul .depth_01_button{
	color: #222;
	height: 100%;
    display: flex;
    align-items: center;
}
.header.white_bg .menu .depth_01_ul .depth_01_button.mark{
	color: #00A990;
	position: relative;
}
.header.white_bg .menu .depth_01_ul .depth_01_button.mark::after{
    content: "";
    position: absolute;
    bottom: -16px;
    left: 0;
    width: 100%;
    height: 4px;
    border-bottom: 4px;
    background-color: #00A990;
}
.header .menu .depth_02_ul{
	display: none;
	justify-content: center;
	position: absolute;
	top: 80px;
	left: 0;
	width: 100%;
	background-color: #fff;

}
.header .menu .depth_02_ul[style*="display: block"]{
	display: flex !important;
}
.header .menu .depth_02_ul > li{
	flex-basis: 360px;
	border-right: 1px solid #E6E6E6;
	font-size: 18px;
	font-weight: 600;
	padding: 35px 25px 30px 25px;  /*padding: 35px 25px 62px 25px; 에서 수정 */
	display: flex;
	flex-direction: column;
}
.header .menu .depth_02_ul > li:first-of-type{
	border-left: 1px solid #E6E6E6;
}
.header .menu .depth_02_ul > li > a {
	transition: 0.3s;
}
.header .menu .depth_02_ul > li > a + a{
	margin-top: 30px;
}
.header .menu .depth_02_ul > li > a:hover {
	color: #1C63B7;
}
.header .menu .depth_03_ul{
	margin-top: 25px;
	display: flex;
	flex-direction: column;
	gap: 15px 0;
}
.header .menu .depth_03_ul li{
	position: relative;
}
.header .menu .depth_03_ul li a{
	/* display: none; */
	font-size: 16px;
	color: #656263;
}
.header .menu .depth_03_ul li::before{
	content: "";
	position: absolute;
	bottom: -7px;
	left: 0;
	width: 125px;
	height: 1px;
	border-bottom: 1px solid #222;
	opacity: 0;
	transition: 0.3s;
}
.header .menu .depth_03_ul li:hover::before{
	opacity: 1;
}
.header .left_logo{
    display: flex;
    height: 100%;
	align-items: center;
	flex: 1;
	gap: 0 25px;
}
.header .left_logo a{
    display: flex;
    align-items: center;
}
.header .left_logo a img{
	width: 210px;
	height: 100%;
	object-fit: contain;
}
.header .left_logo a .title{
    font-weight: 600;
    font-size: 22px;
    color: #fff;
	position: relative;
	transform: translateY(-3px);
}
.header.sub .left_logo a .title{
	color: #222;
}
.header .left_logo a .title::before{
	content: "";
	position: absolute;
	top: 55%;
	left: -14px;
	transform: translateY(-50%);
	width: 1px;
	height: 90%;
	background-color: #fff;
}
.header.sub .left_logo a .title::before{
	background-color: #222;
}
.header.white_bg .left_logo a .title::before{
	background-color: #222;
}
.header.white_bg .left_logo a .title{
	color: #222;
}
.header.sub .left_logo a img{
	content: url('../images/header_logo.svg');
}
.header.white_bg .left_logo a img{
	content: url('../images/header_logo.svg');
}
.header .right_tool{
	display: flex;
	align-items: center;
	justify-content: flex-end;
	gap: 0 28px;
	flex: 1;
}

.header .right_tool .box.hamburger{
	display: none;
}
.header.sub .right_tool .box.hamburger button img{
	content: url('../images/icon_square_dot_black.svg');
}
.header.sub .right_tool .box.search .btn img{
	content: url('../images/icon_search_btn_black.svg');
}
.header.sub .right_tool .box.login .btn img{
	content: url('../images/icon_person_black.svg');
}
.header.sub .right_tool .box.totalmenu a img{
	content: url('../images/icon_square_dot_black.svg');
}
.header.white_bg .right_tool .box.search .btn img{
	content: url('../images/icon_search_btn_black.svg');
}
.header.white_bg .right_tool .box.login .btn img{
	content: url('../images/icon_person_black.svg');
}
.header.white_bg .right_tool .box.logout .btn img{
	content: url('../images/icon_logout_black.svg');
}
.header.white_bg .right_tool .box.totalmenu .btn img{
    content: url('../images/icon_square_dot_black.svg');
}
.header.white_bg .right_tool .box.box.hamburger{
	display: none;
}
.header .right_tool .box.close{
	display: none;
}
.header.white_bg .right_tool .box.close{
	display: block;
	background-color: #F47216;
	border-radius: 6px;
}
.header .right_tool .box.close img{
	padding: 10px;
}
.overlay {
	display: none;
	position: fixed;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	background-color: #000;
	opacity: 0.6;
	z-index: 999;
}

.header.sub.type02{
	background-color: transparent;
}
.header.sub.type02 .menu .depth_01_ul .depth_01_button{
	color: #fff;
}
.header.sub.type02 .left_logo a img{
	content: url(../images/header_logo_white.svg);
}
.header.sub.type02 .right_tool .box.search .btn img{
	content: url(../images/icon_search.svg)
}
.header.sub.type02 .right_tool .box.login .btn img{
	content: url(../images/icon_person.svg);
}
.header.sub.type02 .right_tool .box.totalmenu a img{
	content: url(../images/icon_square_dot.svg);
}
.header.type02.white_bg{
	background-color: #fff;
}
.header.type02.white_bg .left_logo a img{
	content: url(../images/header_logo.svg);
}
.header.type02.white_bg .right_tool .box.search .btn img{
	content: url(../images/icon_search_btn_black.svg)
}
.header.type02.white_bg .right_tool .box.login .btn img{
	content: url(../images/icon_person_black.svg);
}
.header.type02.white_bg .right_tool .box.totalmenu a img{
	content: url(../images/icon_square_dot_black.svg);
}
.header.type02.white_bg .menu .depth_01_ul .depth_01_button{
	color: #222;
}
.header.type02.sub .right_tool .box.hamburger button img{
	content: url('../images/icon_square_dot.svg');
}
.header.type03{
	background-color: #1C63B7;
	border-bottom: transparent;
	padding-right: 0;
	padding-top: 0;
	padding-bottom: 0;
}
.header.type03 .left_logo a{
	gap: 0 14px;
}
.header.type03 .left_logo a .title{
	color: #fff;
	font-size: 16px;
	font-weight: 500;
	padding: 7px 15px;
	background-color: #F47216;
	border-radius: 5px;
	display: inline-block;
	transform: translateY(-1px);
}
.header.type03 .menu .depth_01_ul .depth_01_button{
	font-weight: 500;
}
.header.type03 .right_tool{
	min-width: 150px;
	padding: 0 30px;
	padding-right: 0;
}
.header.type03 .right_tool .in{
	min-width: 150px;
	height: 100%;
	background-color: #00A990;
	display: flex;
    align-items: center;
    justify-content: center;
	gap: 20px;
}
.header.type03.sub .menu .depth_01_ul .depth_01_button{
	color: #fff;
}
.header.type03.sub .left_logo a img {
    content: url(../images/logo_footer.svg);
}
.header.type03.sub .right_tool .box.totalmenu a img{
	content: url(../images/icon_square_dot.svg);
}
.header.type03.white_bg .right_tool .box.lock .btn img{
	content: url(../images/icon_header_lock.svg);
}
.header.type03.white_bg .right_tool .box.totalmenu .btn img{
	content: url(../images/icon_square_dot.svg);
}
.header.type03.white_bg .menu .depth_01_ul .depth_01_button{
	color: #fff;
}
.header.type03.white_bg .left_logo a img{
	content: url(../images/logo_footer.svg);
}
@media screen and (max-width: 1650px) {
	.header{
		padding-left: 20px;
		padding-right: 20px;
	}
	.header .menu .depth_01_ul{
		gap: 0 40px;
		padding-left: 40px;
	}
	.header.type03 .right_tool{
		margin-left: 0;
	}
	.header.type03 .left_logo a{
		gap: 0 10px;
	}
	.header.type03 .left_logo a .title{
		font-size: 14px;
		padding: 7px 10px;
	}
	.header.type03 .menu .depth_01_ul{
		gap: 0 48px;
	}
	.header.type03 .menu .depth_01_ul .depth_01_button{
		font-size: 18px;
	}
	.header .menu .depth_01_ul .depth_01_button{
		font-size: 18px;
	}
	.header .left_logo a img{
		width: 155px;
	}
	.header .left_logo a .title{
		font-size: 18px;
		transform: translateY(0);
	}
	.header .right_tool{
		gap: 0 20px;
		min-width: 70px;
	}
}

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

}
@media screen and (max-width: 1200px) {
	.header .menu{
		display: none;
	}
	.header.type03 .right_tool{
		margin-left: 0;
	}
}
@media screen and (max-width: 1024px) {
	.header .menu{
		display: none;
	}
	.header .right_tool .box.totalmenu{
		display: none;
	}
	.header .right_tool .box.hamburger{
		display: block;
	}
}
@media screen and (max-width: 767px) {
	.header{
		height: 45px;
		padding: 0px 15px;
	}
	.header .right_tool{
		min-width: auto;
		gap: 0 15px;
	}
	.header .right_tool img{
		width: 17px;
	}
	.header.white_bg .right_tool .box.close{
		padding: 5px 5px;
	}
	.header.white_bg .right_tool .box.close .btn{
		display: flex;
		align-items: center;
		justify-content: center;
	}
	.header .right_tool .box.close img{
        padding: 0;
        width: 12px;
        height: 12px;
	}
	.header .left_logo a img{
		width: 140px;
	}
	.header .left_logo{
		gap: 0 10px;
	}
	.header .left_logo a{
		
	}
	.header .left_logo a .title{
		font-size: 18px;
		transform: translateY(-1px);
		padding-left: 9px;
	}
	.header .left_logo a .title::before{
		left: 0px;
		height: 80%;
	}
	.header.type03 .left_logo a {
        gap: 0 5px;
    }
	.header.type03 .right_tool{
		min-width: 80px;
		padding: 0;
	}
	.header.type03 .left_logo a .title {
		color: #fff;
		font-size: 15px;
		font-weight: 500;
		padding: 2px 7px;
		background-color: #F47216;
		border-radius: 5px;
		display: inline-block;
	}
	.header.type03 .right_tool .in{
		min-width: 100px;
	}
}

@media screen and (max-width: 350px) {
	.header {
        padding-left: 10px;
    }

	.header .left_logo {
        gap: 0 6px;
    }

	.header .left_logo a img {
        width: 125px;
    }
	.header.type03 .left_logo a .title {
		font-size: 14px;
		padding: 2px 5px;
		border-radius: 3px;
	}

	.header.type03 .right_tool .in {
        min-width: 80px;
		gap: 15px;
    }

	.header .left_logo a .title {
        font-size: 14px;
        padding-left: 7px;
    }
}
/* 헤더 end */



/* 헤더 검색 영역 */
.search_area_wrap{
    width: 100%;
    height: 300px;
    background-color: #fff;
    position: absolute;
    top: 80px;
    left: 0;
	z-index: 0;
	display: none;
	align-items: center;
	justify-content: center;

}
.search_area_wrap.active{
	display: flex;
	z-index: 1000;
}
.search_area_wrap .input_wrap{
	width: 600px;
	height: 70px;
	background-color: #445EB2;
	overflow: hidden;
	position: relative;
	border-radius: 35px;
}
.search_area_wrap .input_wrap input{
	width: 100%;
	height: 100%;
	padding: 0 45px;
	padding-right: 60px;
	background: transparent;
	border: transparent;
	color: #fff;
	font-size: 16px;
	border-radius: 35px;
}
.search_area_wrap .input_wrap input:focus{
	border: transparent;
	outline: transparent;
}
.search_area_wrap .input_wrap input::placeholder{
	color: #D1DCFF;
	font-size: 16px;
	font-weight: 400;
}
.search_area_wrap .input_wrap button{
    position: absolute;
    top: 50%;
    right: 25px;
    transform: translateY(-50%);
}
.search_area_wrap .input_wrap button img{
	width: 24px;
}
@media screen and (max-width: 767px) {
	.search_area_wrap{
		height: 100px;
		top: 45px;
	}
	.search_area_wrap .input_wrap {
		width: 90%;
		height: 40px;
	}
	.search_area_wrap .input_wrap input{
		padding: 0 25px;
		font-size: 14px;
	}
	.search_area_wrap .input_wrap input::placeholder{
		font-size: 14px;
	}
	.search_area_wrap .input_wrap button{
		right: 20px;
	}
	.search_area_wrap .input_wrap button img{
		width: 17px;
	}
}




/* 게시판 스타일 st01 */
.board_wrap_st01{
    display: flex;
    flex-direction: column;
    justify-content: center;
}
.board_wrap_st01 .title_area{
	letter-spacing: 0px;
	color: #222;
	font-size: 40px;
	font-weight: 700;
	text-align: center;
}
.board_wrap_st01 .tab_area{
	display: flex;
	height: 48px;
	border-radius: 33px;
	margin: 0 auto;
	margin-top: 48px;
	text-align: center;
	background-color: #f8f8f8;
}
.board_wrap_st01 .tab_area .btn{
	height: 100%;
	display: flex;
	align-items: center;
	justify-content: center;
	padding: 0 30px;
	border-radius: 33px;
	font-weight: 600;
	font-size: 18px;
}
.board_wrap_st01 .tab_area .btn.active{
	background-color: #00A990;
	box-shadow: 3px 0px 10px #00000029;
	border-radius: 33px;
	color: #fff;
}
.board_wrap_st01 .con_area{
	margin-top: 48px;
}
table.table_st01{
	width: 1440px;
	text-align: center;
}
table.table_st01 thead{
	border-top: 2px solid #222;
}
table.table_st01 tr .half_height{
	height: 37px;
}
table.table_st01 tr th,
table.table_st01 tr td{
	border-top: 1px solid #222;
	border-right: 1px solid #222;
	border-left: 1px solid #222;
    height: 50px;
	font-size: 18px;
	letter-spacing: -0.54px;
}
table.table_st01 tr th{
	font-weight: 600;
	padding-top: 10px;
	padding-bottom: 10px;
	padding-left: 10px;
	padding-right: 10px;
}
table.table_st01 tr td{
	border-top: 0;
	border-bottom: 1px solid #ECECEC;
	padding-top: 15px;
	padding-bottom: 15px;
	padding-left: 15px;
	padding-right: 15px;
}
table.table_st01.body_right_border tr td{
	border-right: 1px solid #ECECEC;
	border-left: 1px solid #ECECEC;
}
table.table_st01 tbody tr:first-of-type td{
	border-top: 1px solid #222;
}

table.table_st01.body_right_border tbody tr:first-of-type td{
	border-top: 1px solid #222;
}
table.table_st01.body_right_border tbody tr:last-of-type td{
	border-bottom: 1px solid #ECECEC;
}
table.table_st01 tbody tr:last-of-type td{
	border-bottom: 1px solid #222;
}
table.table_st01 tfoot{
	background-color: #F6F6F6;
}
table.table_st01 tfoot tr td{
	border: 1px solid #222;
}
table.table_st01 .bold_font{
	font-weight: 600;
}
.board_wrap_st01 .link_area{
	margin-top: 20px;
}
.board_wrap_st01 .link_area .scroll{
	display: flex;
	justify-content: flex-end;
	gap: 10px;
}
.board_wrap_st01 .link_area .btn{
	min-width: 155px;
	height: 35px;
	border: 1px solid #1C63B7;
	border-radius: 22px;
	display: flex;
	align-items: center;
    justify-content: space-between;
	color: #1C63B7;
	padding: 0 20px;
}
.board_wrap_st01 .link_area .btn i.icon_move{
	display: inline-block;
	width: 12px;
	height: 12px;
	background-color: orange;
	background: url(../images/icon_move_blue.svg) center center no-repeat;
	background-size: contain;
}
.board_wrap_st01 .info_area	{
	padding: 30px;
	border-radius: 10px;
	background-color: #F8F8F8;
	margin-top: 40px;
}
.board_wrap_st01 .info_area ul{
	display: flex;
	flex-direction: column;
	gap: 14px 0;
}
.board_wrap_st01 .info_area ul li{
	position: relative;
	padding-left: 12px;
	font-size: 18px;
	line-height: 27px;
}
.board_wrap_st01 .info_area ul li::before{
	content: "";
	position: absolute;
	top: 10px;
	left: 0;
	background-color: #00A990;
	width: 4px;
	height: 4px;
	border-radius: 50%;
}
@media screen and (max-width: 1440px) {
	.board_wrap_st01 .title_area{
		font-size: 33px;
	}
}
@media screen and (max-width: 1024px) {

}
@media screen and (max-width: 767px) {
	.board_wrap_st01 .title_area{
		font-size: 25px;
	}
	.board_wrap_st01 .tab_area{
		height: 35px;
		margin-top: 35px;
	}
	.board_wrap_st01 .tab_area .btn{
		font-size: 15px;
		padding: 0 17px
	}
	.board_wrap_st01 .link_area {
		width: 100%;
		overflow: auto;
	}
	.board_wrap_st01 .link_area .scroll {
		justify-content: normal;
	}
	.board_wrap_st01 .link_area .scroll .btn{
		width: auto;
		min-width: auto;
		gap: 0 8px;
		font-size: 15px;
	}
	table.table_st01 tr th,
	table.table_st01 tr td{
		font-size: 15px;
	}
	table.table_st01{
		width: 1250px;
	}
	.board_wrap_st01 .info_area{
		padding: 20px;
	}
	.board_wrap_st01 .info_area ul li{
		font-size: 15px;
		line-height: 21px;
	}
	.board_wrap_st01 .con_area{
		margin-top: 20px;
	}
}
@media screen and (max-width: 425px) {
	.board_wrap_st01 .title_area{
		font-size: 22px;
	}
	.board_wrap_st01 .tab_area{
		margin-top: 35px;
	}
	.board_wrap_st01 .tab_area .btn{
		font-size: 14px;
		padding: 0 10px;
	}
}

/* 게시판 스타일 st01 end*/




/* 게시판 스타일 st02 start*/
.board_wrap_st02 {
	
}
.board_wrap_st02 .box{
	margin-top: 120px;
}
.board_wrap_st02 .box:first-of-type{
	margin-top: 0;
}
.board_wrap_st02 .box .tit{
	font-size: 30px;
	font-weight: 700;
	position: relative;
	padding-left: 16px;
}
.board_wrap_st02 .box .tit::before{
	content: "";
	position: absolute;
	top: 0;
	left: 0;
	background-color: #00A990;
	width: 10px;
	height: 10px;
	border-radius: 50%;
}
.board_wrap_st02 .box .tit_depth02{
	color: #222;
	font-size: 24px;
	font-weight: 700;
}
.board_wrap_st02 .box .tit_depth02 span{
	color: #00A990;;
}
.board_wrap_st02 .box .con{
	margin-top: 40px;
}
.board_wrap_st02 .box .tit_depth02 + .con{
	margin-top: 20px;
}
table.table_st02{
	font-size: 18px;
	width: 100%;
}
table.table_st02 thead{
	border-top: 2px solid #222;
}
table.table_st02 th,
table.table_st02 td{
	border: 1px solid #ECECEC;
	padding: 15px 0;
	text-align: center;
	padding-left: 30px;
	padding-right: 30px;
	line-height: 1.5;
}
table.table_st02 th{
	border-top: 0;
}
table.table_st02 td ul.depth02{
	padding-left: 10px;
}
table.table_st02 td ul.depth03 > li{
	padding-left: 10px;
}
table.table_st02 td ul.depth01 > li.dot_st{
	padding-left: 10px;
}
table.table_st02 td ul li.dot_st{
	position: relative;
}
table.table_st02 td ul li.dot_st::before{
	content: "";
	position: absolute;
	top: 11px;
	left: 0;
	width: 4px;
	height: 4px;
	background-color: #00A990;
	border-radius: 50%;
}
table.table_st02 thead tr th{
	border-bottom: 1px solid #222;
}
table.table_st02 tfoot{
	background-color: #F6F6F6;
}
table.table_st02 .bold{
	font-weight: 600;
}
table.table_st02 .color.green{
	color: #00A990;
}
table.table_st02 td .qr_wrap{
	display: flex;
	gap: 70px;
}
table.table_st02 td .qr{
	display: flex;
    flex-direction: column;
}
table.table_st02 td .qr img{
	width: 155px;
	object-fit: contain;
}
table.table_st02 td .qr .text{
	padding-top: 10px;
	font-size: 17px;
	font-weight: 600;
}
.color_text{
	margin-top: 17px;
	font-size: 18px;
}
.color_text.blue{
	color: #1C63B7;
}
.color_text.red{
	color: #EF4C4C;
}
.board_wrap_st02 .box .text_list{
	
}
.board_wrap_st02 .box .text_list .sub_tit{
	font-size: 20px;
	font-weight: 700;
	margin-top: 40px;
}
.board_wrap_st02 .box .text_list .sub_tit + .table_scroll{
	margin-top: 10px;
}
.board_wrap_st02 .box .text_list .sub_tit + ul.depth01{
	margin-top: 35px;
}
.board_wrap_st02 .box .text_list ul li{
	font-size: 18px;
	line-height: 1.5;
}
.board_wrap_st02 .box .text_list ul.depth01 > li{
	margin-top: 40px;
}
.board_wrap_st02 .box .text_list ul.depth01 > li:first-of-type{
	margin-top: 0;
}
.board_wrap_st02 .box .text_list ul.depth01 > li > p{
	position: relative;
	padding-left: 12px;
	font-weight: 600;
	font-size: 20px;
	margin-bottom: 5px;
}
.board_wrap_st02 .box .text_list ul.depth01 > li > p::before{
	content: "";
	position: absolute;
    top: 10px;
	left: 0;
	width: 4px;
	height: 4px;
	background-color: #00A990;
	border-radius: 50%;
}
.board_wrap_st02 .box .text_list ul.depth02{
	
}
.board_wrap_st02 .box .text_list ul.depth02 > li{

}
.board_wrap_st02 .box .text_list ul.depth02 > li .table_scroll{
	padding-top: 10px;
}
.board_wrap_st02 .box .text_list ul.depth02 > li.text_medium{
	font-weight: 500;
}
.board_wrap_st02 .box .text_list ul.depth03 > li{
	padding-left: 12px;
}
@media screen and (max-width: 1400px){
	table.table_st02{
		font-size: 18px;
		width: 1400px;
	}
}
@media screen and (max-width: 767px){
	table.table_st02{
		width: 1200px;
		font-size: 15px;
	}
	.board_wrap_st02 .box{
		margin-top: 60px;
	}
	.board_wrap_st02 .box .tit{
		font-size: 23px;
	}
	.board_wrap_st02 .box .con{
		margin-top: 20px;
	}
	.color_text{
		font-size: 15px;
	}
	.board_wrap_st02 .box .tit_depth02{
		font-size: 18px;
		line-height: 1.4;
	}
	.board_wrap_st02 .box .text_list ul.depth01 > li > p{
		font-size: 17px;
	}
	.board_wrap_st02 .box .text_list ul li{
		font-size: 15px;
	}
}
/* 게시판 스타일 st02 end*/





/* table 스크롤 감싸는 스타일 - 공통 */
.table_scroll{
	width: 100%;
	overflow: auto;
}





/* 게시판에 파란색 text */
.blue_st02_text{
	color: #1C63B7;
	font-size: 18px;
}





/* info_area_st01 공통 start*/
.info_area_st01{
	padding: 30px;
	background-color: #F8F8F8;
	border-radius: 10px;
	margin-top: 40px;
}
.info_area_st01 ul{
	display: flex;
	flex-direction: column;
	gap: 7px 0;
}
.info_area_st01 ul li{
	font-size: 18px;
	font-weight: 400;
	position: relative;
	padding-left: 9px;
	line-height: 30px;
}
.info_area_st01 ul li::before{
	content: "";
	position: absolute;
	top: 13px;
	left: 0px;
	background-color: #00A990;
	width: 3px;
	height: 3px;
}
@media screen and (max-width: 767px){
	.info_area_st01{
		padding: 20px;
	}
	.info_area_st01 ul li{
		font-size: 15px;
	}
}
/* info_area_st01 공통 end*/





/* info_area_st02 start*/
.info_area_st02{
	padding: 30px;
	background-color: #F8F8F8;
	border-radius: 10px;
	margin-top: 40px;
}
.info_area_st02 ul{
	display: flex;
	flex-direction: column;
	gap:27px 0;
}
.info_area_st02 ul li{
	font-size: 18px;
	font-weight: 400;
	position: relative;
	padding-left: 9px;
	line-height: 30px;
}
.info_area_st02 ul li .color_text{
	margin-top: 0;
}
@media screen and (max-width: 767px){
	.info_area_st02{
		padding: 20px;
		margin-top: 20px;
	}
	.info_area_st02 ul li{
		font-size: 15px;
		padding-left: 0;
	}
}
/* info_area_st02 end*/



/* 페이지 준비 중 공통 */
.page_ready {
	display: flex;
    flex-flow: column;
    align-items: center;
    gap: 25px;
    text-align: center;	
	margin-bottom: 70px;
	width: 100%;
}

.page_ready > img {
	display: block;
    width: 120px;
}

.page_ready > h3 {
	font-size: 35px;
	font-weight: 700;
	letter-spacing: -1px;
	margin-top: 10px;
}

.page_ready > p {
	display: flex;
	flex-flow: column;
	gap: 5px;
	font-size: 20px;
	font-weight: 400;
}

@media screen and (max-width: 600px) {
	.page_ready {
		gap: 17px;
		margin-bottom: 0px;
	}

	.page_ready > img {
		width: 90px;
	}

	.page_ready > h3 {
		font-size: 26px;
	}
	
	.page_ready > p {
		font-size: 16px;
	}
}




/* 게시글 비었을때 start */
.empty_wrap{
	padding-top: 80px;
	padding-bottom: 80px;
	color: #A4A4A4;
	font-size: 18px;
	text-align: center;
}
@media screen and (max-width: 767px) {
	.empty_wrap{
		font-size: 15px;
		padding-top: 35px;
		padding-bottom: 35px;
	}
}
/* 게시글 비었을때 end */


/* 영상 목록 start */
.video_st01 {
    display: flex;
    flex-flow: row wrap;
    gap: 80px 30px;
    border-bottom: 1px solid #ECECEC;
    padding-bottom: 80px;
}

.video_st01 li {
    display: flex;
    flex-flow: column;
    width: calc(33.33334% - 20px);    
}

.video_st01 li > .move {
    position: relative;
    aspect-ratio: 1 / 0.65;
}

.video_st01 li > .move > img {
    display: block;
    width: 100%;
}

.video_st01 li > .move::before {
    position: absolute;
    content: '';
    width: 100%;
    height: 100%;
    background: rgba(0,0,0,0.3);
    top: 0;
    left: 0;
    z-index: 0;
}

.video_st01 li > .move > span {
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    z-index: 1;
    width: 43px;
}

.video_st01 li > .move > span > img {
    display: block;
    width: 100%;
}

.video_st01 li > div {
    display: flex;
    flex-flow: column;
    padding: 15px 0 0;
    gap: 15px;
    word-break: break-all;
    justify-content: space-between;
    height: 100%;
}

.video_st01 li > div > h3 {
    font-weight: 600;
    font-size: 22px;
    min-height: 45px;
    line-height: 28px;
}

.video_st01 li > div > span {
    font-weight: 400;
    font-size: 18px;
    color: #888888;
}

@media screen and (max-width: 1200px) {
    .video_st01 li > div > h3 {
        font-size: 20px;
        line-height: 25px;
    }
}

@media screen and (max-width: 1024px) {
    .video_st01 {        
        gap: 60px 21px;
        padding-bottom: 60px;
    }

    .video_st01 li {
        width: calc(33.33334% - 14px);
    }

    .video_st01 li > .move > span {
        width: 30px;
    }

    .video_st01 li > div > h3 {
        font-size: 18px;
        line-height: 22px;
    }

    .video_st01 li > div > span {
        font-size: 16px;
    }
}

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

}

@media screen and (max-width: 767px) {
    .video_st01 {        
        gap: 40px 20px;
        padding-bottom: 60px;
    }

    .video_st01 li {
        width: calc(50% - 10px);
    }

    .video_st01 li > div > span {
        font-size: 15px;
    }

    .video_st01 li > div > h3 {
        font-size: 17px;
        line-height: 21px;
        min-height: auto;
    }
}

@media screen and (max-width: 630px) {
    .video_st01 {
        gap: 30px 0px;
        padding-bottom: 30px;
    }

    .video_st01 li {
        width: 100%;
    }

    .video_st01 li > div {
        padding: 10px 0 0;
        gap: 10px;
    }
}
/* 영상 모달 */
.videoModal {
	display: none; 
	position: fixed; 
	z-index: 1; 
	left: 0;
	top: 0; 
	width: 100%; 
	height: 100%; 
	overflow: auto; 
	background-color: rgb(0 0 0 / 95%);
	z-index: 2000;
}

.videoModal .modal-content {
	display: flex;
	flex-direction: column;
	justify-content: center;
	align-items:safe center;
	height: 100%;
}
.videoModal .modal-content .in_wrap{
	width: 55%;
	margin: 0 auto;
	position: relative;
	overflow: auto;
}
.videoModal .modal-content .in_wrap .top{
	display: flex;
	align-items: flex-end;
}
.videoModal .modal-content .in_wrap .top .tit{
	font-size: 35px;
	font-weight: 700;
	color: #fff;
}
.videoModal .modal-content .in_wrap .top .date{
	color: #fff;
	margin-left: 25px;
	font-size: 18px;
}
.videoModal .modal-content .in_wrap .mid {
	padding-top: 15px;
}
.videoModal .modal-content .in_wrap .mid video{
	width: 100%;		
}
.videoModal .modal-content .in_wrap .bottom{
	display: flex;
	justify-content: center;
	padding-top: 5px;
}

.videoModal .close {
	color: #aaa;
	float: right;
	font-size: 28px;
	font-weight: bold;
}

.videoModal .close:hover,
.videoModal .close:focus {
	color: black;
	text-decoration: none;
	cursor: pointer;
}
@media screen and (max-width: 767px) {
	.videoModal .modal-content .in_wrap{
		width: 90%;
	}
	.videoModal .modal-content .in_wrap .top{
		flex-direction: column;
		align-items: center;
		text-align: center;
	}
	.videoModal .modal-content .in_wrap .top .tit{
		font-size: 15px;
	}
	.videoModal .modal-content .in_wrap .mid{
		padding-top: 8px;
	}
	.videoModal .modal-content .in_wrap .top .date{
		color: #fff;
		margin-left: 0px;
		margin-top: 7px;
		font-size: 13px;
	}
}
/* 영상 목록 end */




/* 팝업 start */
.popup {
    display: none;
    position: fixed;
    z-index: 2000;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    overflow: auto;
    background-color: rgba(0, 0, 0, 0.5);
	align-items: center;
	justify-content: center;
}
.popup[style*='display: block']{
    display: flex !important;
}
.popup .popup_content {
    background-color: #fff;
    border: 1px solid #888;
    width: 80%;
	min-width: 800px;
    max-width: 500px;
	max-height: 97%;
    box-shadow: 0 5px 15px rgba(0, 0, 0, 0.3);
    border-radius: 10px;
	overflow: auto;
}
.popup .popup_content .title_area{
	background-color: #00A990;
	color: #fff;
	padding: 20px 30px;
	display: flex;
	align-items: center;
	justify-content: space-between;
	font-size: 20px;
	font-weight: 700;
}
.popup .popup_content .cont_area{
	padding: 40px 30px;
}
.popup .popup_content .cont_area .search_wrap{
	position: relative;
	margin-bottom: 25px;
}
.popup .popup_content .cont_area .search_wrap input{
	width: 100%;
	height: 50px;
	border-radius: 10px;
	background-color: #F8F8F8;
	border: 0;
	padding: 0 20px;
	font-size: 18px;
}
.popup .popup_content .cont_area .search_wrap button{
    position: absolute;
    top: 50%;
    right: 10px;
    transform: translate(0, -50%);
    width: 33px;
    height: 33px;
}
.popup .popup_content .cont_area .search_wrap button img{
	width: 18px;
	height: 18px;
	object-fit: contain;
}
.popup .popup_content .cont_area .text_color{
	letter-spacing: -0.54px;
	font-size: 18px;
	margin-bottom: 12px;
}
.popup .popup_content .cont_area .text_color.blue{
	color: #1C63B7;
}
.popup .popup_content .cont_area table tbody tr .btn_wrap button{
	font-size: inherit;
}
.popup .popup_content .cont_area table tbody tr:hover{
	background-color: #00A9900D;
}
.popup .popup_content .cont_area table tbody tr:hover .btn_wrap button{
	text-decoration: underline;
}
.popup .popup_content .cont_area table tbody tr.no_data td{
	color: #A1A9B2;
	font-size: 18px;
}
.popup .close {
    color: #fff;
    font-size: 20px;
    font-weight: bold;
}
.popup .close:hover,
.popup .close:focus {
    color: black;
    text-decoration: none;
    cursor: pointer;
}
@media screen and (max-width: 1300px) {
	.popup table.table_st02:not(.scroll_on){
		width: 100%;
		display: flex;
	}
	.popup table.table_st02:not(.scroll_on) colgroup{
		display: none;
	}
	.popup table.table_st02:not(.scroll_on) thead{
		display: none;
	}
	.popup table.table_st02:not(.scroll_on) tbody{
		display: flex;
		flex-direction: column;
		width: 100%;
		border-top: 1px solid #222;
	}
	.popup table.table_st02:not(.scroll_on) tbody tr{
		display: flex;
		flex-direction: column;
		border-bottom: 1px solid #e7e7e7;
		padding-top: 15px;
		padding-bottom: 15px;
		gap: 4px;
	}
	.popup table.table_st02:not(.scroll_on) tbody tr td{
		border: 0;
		padding: 0;
        text-align: left;
		display: flex;
		gap: 5px;
	}
	.popup .popup_content .cont_area{
		padding: 20px 15px;
		padding-bottom: 35px;
	}
	.popup .popup_content .cont_area table tbody tr .btn_wrap button{
		text-decoration: underline;
	}
}
@media screen and (max-width: 1024px) {
	.popup{
		
	}
	.popup .popup_content{
		min-width: auto;
		max-width: none;
		width: 90%;
		top: 15px;
		height: calc(100% - 30px);
	}
	.popup table.table_st02:not(.scroll_on){
		
	}
}
@media screen and (max-width: 767px) {
	.popup .popup_content .cont_area .text_color{
		font-size: 15px;
	}
	.popup .popup_content .cont_area .search_wrap input{
		font-size: 15px;
		padding-left: 10px;
		padding-right: 10px;
	}
	.popup .popup_content .cont_area table tbody tr.no_data td{
		font-size: 15px;
	}
}
/* 팝업 end */




/* gallery_st01 */
.gallery_st01{
	display: flex;
	flex-wrap: wrap;
	gap: 80px 40px;
	padding-bottom: 80px;
	border-bottom: 1px solid #ECECEC;
}
.gallery_st01 .box{
	width: calc(25% - 30px);
}
.gallery_st01 .box .image{
	width: 100%;
	aspect-ratio: 1 / 0.68;
}
.gallery_st01 .box .image img{
	width: 100%;
	height: 100%;
	object-fit: cover;
}
.gallery_st01 .box .text {
    height: 87px;
    display: flex;
    flex-direction: column;
    justify-content: space-between;
	padding-top: 15px;
}
.gallery_st01 .box .text .title{
	color: #222;
	font-size: 18px;
	font-weight: 700;
	overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
	word-break: break-all;
}
.gallery_st01 .box .text .date{
	color: #888888;
	font-size: 18px;
}
.gallery_st01 .empty_wrap{
	width: 100%;
	text-align: center;
}
@media screen and (max-width: 1300px) {
	.gallery_st01{
		gap: 30px;
	}
	.gallery_st01 .box{
		width: calc(33.3333% - 20px);
	}
}
@media screen and (max-width: 1024px) {
	.gallery_st01{
		gap: 50px 30px;
	}
	.gallery_st01 .box{
		width: calc(50% - 15px);
	}
}
@media screen and (max-width: 767px) {
	.gallery_st01{
		padding-bottom: 60px;
		gap: 35px 20px;
	}
	.gallery_st01 .box{
		width: calc(50% - 10px);
	}
	.gallery_st01 .box .text{
		height: 75px;
	}
	.gallery_st01 .box .text .title{
		font-size: 15px;
	}
	.gallery_st01 .box .text .date{
		font-size: 14px;
	}
}



/* 학과안내 공통스타일 */
.department.guide{

}
.sub_top_title{
	font-size: 35px;
	font-weight: 600;
	margin-bottom: 70px;
	text-align: center;
	font-weight: 800;
}
.department.guide .part_wrap {
	display: flex;
	justify-content: space-between;
	gap: 0 90px;
}
.department.guide .part_wrap .part{
	flex: 1;
}
.department.guide .part_wrap .part .tit{
    width: 250px;
    height: 75px;
    background-color: #fff;
    font-weight: 800;
    font-size: 27px;
    padding-top: 28px;
    padding-left: 10px;
    margin-top: -44px;
    z-index: 1;
    position: relative;
}
.department.guide .part_wrap .part ul.list{
	display: flex;
	flex-direction: column;
	margin-top: 40px;
	padding: 0 10px;
	gap: 25px 0;
}
.department.guide .part_wrap .part ul.list li{
	display: flex;
	align-items: center;
	justify-content: space-between;
}
.department.guide .part_wrap .part ul.list li .left_area{
	font-size: 22px;
}
.department.guide .part_wrap .part ul.list li .right_area{
	display: flex;
	align-items: center;
}
.department.guide .part_wrap .part ul.list li .right_area .info{
	display: inline-flex;
	padding: 8px 19px 7px 13px;
	border: 1px solid #BCBCBC;
	border-radius: 23px;
	background-color: #fff;
	font-size: 16px;
	font-weight: 500;
}
.department.guide .part_wrap .part ul.list li .right_area .info::before{
	content: "";
	position: relative;
	margin-right: 4px;
	width:20px;
	height: 20px;
	background: url(/main/images/icon_department_exclamation.svg);
	background-size: contain;
}
.department.guide .part_wrap .part ul.list li .right_area .home{
	width: 36px;
	height: 36px;
	display: inline-flex;
	justify-content: center;
    align-items: center;
	background-color: #00A990;
	border-radius: 50%;
	margin-left: 7px;
}
.department.guide .part_wrap .part ul.list li .right_area .home img{
	width: 14px;
	height: 14px;
	object-fit: contain;
}
@media screen and (max-width: 1440px) {
	.department.guide .part_wrap{
		gap: 0 45px;
	}
	.department.guide .part_wrap .part ul.list li .left_area{
		font-size: 19px;
	}
}
@media screen and (max-width: 1100px) {
	.department.guide .part_wrap{
		gap: 0 25px;
	}
	.department.guide .part_wrap .part .tit {
		width: 210px;
		height: 55px;
		font-size: 23px;
		padding-top: 18px;
		padding-left: 10px;
		margin-top: -33px;
	}
}
@media screen and (max-width: 1024px) {
	.department.guide .part_wrap{
		flex-direction: column;
	}
	.department.guide .part_wrap .part{
		width: 80%;
        margin: 0 auto;
		margin-bottom: 70px;
	}
	.department.guide .part_wrap .part img{
		
	}
}
@media screen and (max-width: 767px) {
	.sub_top_title{
		font-size: 24px;
		margin-bottom: 40px;
	}
	.department.guide .part_wrap .part{
		width: 100%;
		margin-bottom: 50px;
	}
	.department.guide .part_wrap .part .tit{
		width: 160px;
		height: 50px;
		font-size: 21px;
	}
	.department.guide .part_wrap .part ul.list{
		margin-top: 20px;
		gap: 20px 0;
	}
	.department.guide .part_wrap .part ul.list li .right_area .info{
		font-size: 15px;
		padding: 8px 9px 6px 7px;
	}
	.department.guide .part_wrap .part ul.list li .right_area .info::before{
		width: 16px;
		height: 16px;
	}
	.department.guide .part_wrap .part ul.list li .right_area .home{
		width: 32px;
		height: 32px;
		margin-left: 5px;
	}
	.department.guide .part_wrap .part .tit{
		margin-top: -50px;
	}
}
@media screen and (max-width: 580px) {
	.sub_top_title{
		font-size: 22px;
		margin-bottom: 20px;
	}
}




/* 학과 공통스타일 */
.sub_page_wrap.major {
	padding-bottom: 0px;
}

.department.view{
	
}
.department.view .section01{
	position: relative;
}

.department.view .section01 .top_area{
	position: relative;
	max-width: 1440px;
	margin: 0 auto;
	padding-left: 600px;
	padding-right: 30px;
	padding-bottom: 60px;
	padding-top: 20px;
}
.department.view .section01 .top_area .bg_img{
	position: absolute;
	top: 0;
	left: 0;
}
.department.view .section01 .top_area .en_text{
	font-size: 20px;
	font-weight: 300;
	position: relative;
}
.department.view .section01 .top_area .en_text::before{
	content: "";
	position: absolute;
	bottom: -15px;
	left: 0;
	width: 100px;
	height: 1px;
	background-color: #222;
}
.department.view .section01 .top_area .sub_text{
	font-size: 25px;
	font-weight: 300;
	margin-top: 51px;
	line-height: 1.4;
}
.department.view .section01 .bottom_area{
	background-color: #ECF3FF;
}
.department.view .section01 .bottom_area .in{
	max-width: 1440px;
	padding-left: 600px;
	padding-top: 60px;
	padding-bottom: 60px;
	margin: 0 auto;
}
.department.view .section01 .bottom_area .cont_text{
	font-size: 18px;
	font-weight: 400;
	display: flex;
	flex-direction: column;
	gap: 30px 0;
	font-size: 18px;
	line-height: 1.5;
}
.department.view .section01 .bottom_area .button_wrap{
	display: flex;
	justify-content: flex-end;
	gap: 0 10px;
	margin-top: 55px;
}
.department.view .section01 .bottom_area .button_wrap .btn{
	display: flex;
	align-items: center;
	gap: 0 13px;
	font-size: 18px;
	font-weight: 500;
	padding: 20px 40px;
	border: 1px solid #DEE8F8;
	border-radius: 35px; 
	background-color: #fff;
	font-weight: 500;
}
.department.view .section01 .bottom_area .button_wrap .btn i{
	width: 20px;
	display: inline-flex;
}
.department.view .section_wrap{

}
.department.view .section_wrap .section{
	position: relative;
	padding-top: 100px;
	display: flex;
}
.department.view .section_wrap .section:first-of-type{
	padding-top: 100px;
}
.department.view .section_wrap .section:first-of-type::after{
	content: "";
	position: absolute;
	left: 259px;
	top: 0;
	background-color: #222;
	width: 3px;
	height: 50px;
}
.department.view .section_wrap .section:last-of-type{
	padding-bottom: 150px;
}
.department.view .section_wrap .section::before{
	content: "";
	position: absolute;
	left: 260px;
	top: 0;
	background-color: #ECECEC;
	width: 1px;
	height: 100%;
}
.department.view .section_wrap .section .left_zone {
	width: 260px;
}
.department.view .section_wrap .section .left_zone .title{
	font-size: 30px;
	font-weight: 800;
}
.department.view .section_wrap .section .right_zone{
	width: calc(100% - 260px);
	padding-left: 60px;
}
.department.view .section_wrap .section .right_zone ul.characteristic{
	display: flex;
	flex-direction: column;
	gap: 16px 0;
}
.department.view .section_wrap .section .right_zone ul.characteristic li{
	display: flex;
	align-items: flex-start;
}
.department.view .section_wrap .section .right_zone ul.characteristic li .num{
	width: 24px;
	min-width: 24px;
	height: 24px;
	background-color:#00A990;
	color: #fff;
	font-size: 14px;
	font-weight: 500;
	display: flex;
	align-items: center;
	justify-content: center;
	border-radius: 5px;
	transform: translateY(-1px);
}
.department.view .section_wrap .section .right_zone ul.characteristic li .cont{
	padding-left: 12px;
	font-size: 18px;
}
.department.view .section_wrap .section .right_zone{

}
.department.view .section_wrap .section .right_zone ul.box_st{
	display: flex;
	flex-wrap: wrap;
	gap: 20px;
}
.department.view .section_wrap .section .right_zone ul.box_st li{
	padding: 16px;
	font-size: 18px;
	display: flex;
	align-items: center;
	justify-content: center;
	border: 1px solid #B7B7B7;
	border-radius: 3px;
}
.department.view .section_wrap .section .right_zone ul.box_st li .text_blue{
	display: inline-block;
	color: #1C63B7;
	font-size: 16px;
	margin-left: 15px;
}
.department.view .section_wrap .section .right_zone .info{
	line-height: 1.5;
	font-size: 18px;
	margin-bottom: 20px;
}
.department.view .section_wrap .section .right_zone .purpose{
	line-height: 1.5;
	font-size: 18px;
}
@media screen and (max-width: 1510px) {
	.department.view .section01 .top_area{
		min-height: 286px;
		padding-left: 390px;
	}
	.department.view .section01 .bottom_area .in{
		padding-left: 30px;
		padding-right: 30px;
	}
	.department.view .section01 .top_area .bg_img{
		width: 286px;
		left: 30px;
	}
	.department.view .section01 .bottom_area .button_wrap{
		justify-content: center;
	}
}
@media screen and (max-width: 1300px) {
	.department.view .section01 .top_area{
		padding-left: 360px;
	}
}
@media screen and (max-width: 1024px) {
	.department.view .section01 .top_area{
		padding-bottom: 40px;
	}
	.department.view .section_wrap .section::before{
		display: none;
	}
	.department.view .section_wrap .section:first-of-type::after{
		display: none;
	}
	.department.view .section_wrap .section{
		flex-direction: column;
		padding-top: 50px;
	}
	.department.view .section_wrap .section .right_zone{
		width: 100%;
		margin-top: 15px;
		padding-left: 0;
	}
	.department.view .section_wrap .section .left_zone{
		width: 100%;
	}
	.department.view .section_wrap .section:first-of-type{
		padding-top: 30px;
	}
	.department.view .section_wrap .section .left_zone .title{
		font-size: 25px;
	}
	.department.view .section01 .bottom_area .button_wrap .btn{
		padding: 25px 40px;	
	}
}
@media screen and (max-width: 767px) {
	.department.view .section01 .top_area{
		padding-left: 310px;
		padding-right: 15px;
	}
	.department.view .section01 .top_area .en_text{
		font-size: 15px;
	}
	.department.view .section01 .top_area .sub_text{
		font-size: 18px;
		margin-top: 30px;
	}
	.department.view .section01 .top_area .bg_img{
		left: 15px;
	}
	.department.view .section01 .bottom_area .cont_text{
		font-size: 17px;
	}
	.department.view .section_wrap .section .right_zone ul.characteristic li .cont{
		font-size: 17px;
		padding-left: 7px;
	}
	.department.view .section_wrap .section .right_zone ul.characteristic li .num{
		width: 22px;
		height: 22px;
		min-width: 22px;
		font-size: 13px;
	}
	.department.view .section_wrap .section .right_zone ul.box_st{
		gap: 7px;
	}
	.department.view .section_wrap .section .right_zone ul.box_st li{
		padding: 9px;
		font-size: 17px;
		flex-flow: column;
        align-items: flex-start;
	}
	.department.view .section_wrap .section .left_zone .title{
		font-size: 20px;
	}
	.department.view .section_wrap .section .right_zone .purpose{
		font-size: 17px;
	}
	.department.view .section_wrap .section .right_zone ul.box_st li .text_blue{
		font-size: 15px;
		margin: 5px 0px 0;
        word-break: break-all;
	}
	.department.view .section01 .bottom_area .in{
		padding-left: 15px;
		padding-right: 15px;
	}
	.department.view .section01 .bottom_area .button_wrap{
		margin-top: 45px;
	}
	.department.view .section01 .bottom_area .button_wrap .btn{
		padding: 15px 20px;
		font-size: 15px;
	}
	.department.view .section01 .bottom_area .button_wrap .btn i{
		font-size: 18px;
	}
}
@media screen and (max-width: 700px) {
	.department.view .section01 .top_area .bg_img{
		width: 260px;
	}
}
@media screen and (max-width: 580px) {
	.department.view .section01 .top_area .bg_img{
		display: none;
	}
	.department.view .section01 .top_area{
		padding-left: 15px;
		text-align: center;
		padding-bottom: 20px;
		min-height: auto;
	}
	.department.view .section01 .top_area .en_text::before{
		left: 50%;
		transform: translateX(-50%);
	}
	.department.view .section01 .bottom_area .button_wrap{
		gap: 0 5px;
	}
	.department.view .section01 .bottom_area .button_wrap .btn {
        padding: 12px 14px;
        font-size: 15px;
		border-radius: 35px;
    }
	.department.view .section01 .bottom_area .in{
		padding-top: 20px;
		padding-bottom: 30px;
	}
}






table.board_st01{
	width: 100%;
}
table.board_st01 thead{}
table.board_st01 thead tr{}
table.board_st01 thead tr th{
	height: 55px;
	border-top: 2px solid #222;
	border-bottom: 1px solid #222;
	font-size: 18px;
}
table.board_st01 tbody{}
table.board_st01 tbody tr{}
table.board_st01 tbody tr td{
	border-bottom: 1px solid #ECECEC;
	text-align: center;
	padding: 15px 10px;
	font-size: 18px;
}
table.board_st01 tbody tr td.link_text a{
	width: 100%;
	display: block;
	overflow: hidden;
	text-overflow: ellipsis;
	white-space: nowrap;
	line-height: 24px;
}
table.board_st01 tbody tr td .mobile_title{
	display: none;
}
table.board_st01 tbody tr td .state_circle{
	background-color: #e7e7e7;
	padding: 6px 16px;
	color: #fff;
	border-radius: 18px;
	font-size: 16px;
	font-weight: 600;
	max-width: 87px;
	margin: 0 auto;
}
table.board_st01 tbody tr td i.document_blue{
	width: 17px;
    display: block;
    margin: 0 auto;
}
table.board_st01 tbody tr td i.notice_mark{
    display: inline-flex;
    border: 1px solid #1A5CAA;
    background-color: #1C63B7;
    color: #fff;
    padding: 5px 10px;
    font-size: 16px;
    font-weight: 500;
    border-radius: 4px;
}
table.board_st01 tbody tr td i.response{
    display: inline-flex;
	align-items: center;
	justify-content: center;
    border: 1px solid #00A990;
    background-color: #00A990;
    color: #fff;
    font-size: 16px;
    font-weight: 500;
    border-radius: 4px;
	width: 24px;
	height: 24px;
	margin-left: 10px;
	margin-right: 10px;
	transform: translateY(4px);
}
table.board_st01 tbody tr td i.response img{
	width: 10px;
}
table.board_st01 tbody tr td .state_circle.green{
	background-color: #00A990;
}
table.board_st01 tbody tr td .state_circle.gray{
	background-color: #656263;
}
.board_st01 > ul.write > li .right_zone .response_wrap{

}
.board_st01 > ul.write > li .right_zone .response_wrap .top_zone{
	display: flex;
	justify-content: space-between;
	padding-bottom: 12px;
}
.board_st01 > ul.write > li .right_zone .response_wrap .top_zone .left{
	font-size: 16px;
}
.board_st01 > ul.write > li .right_zone .response_wrap textarea{
	font-size: 18px;
}
.board_st01 > ul.write > li .right_zone .response_wrap .bottom_zone{
	display: flex;
	flex-wrap: wrap;
	gap: 10px;
	justify-content: space-between;
	padding-top: 10px;
}
.board_st01 > ul.write > li .right_zone .response_wrap .bottom_zone .right{
	display: flex;
	gap: 0 5px;
}
.board_st01 > ul.write > li .right_zone .response_wrap .bottom_zone .right button{
	font-size: 16px;
	font-weight: 500;
	border-radius: 4px;
	color: #fff;
	padding: 7px 14px 6px;
}
.board_st01 > ul.write > li .right_zone .response_wrap .bottom_zone .right button.skyblue{
	background-color: #1C63B7;
}
.board_st01 > ul.write > li .right_zone .response_wrap .bottom_zone .right button.blue{
	background-color: #072E5B;
}
.board_st01 > ul.write > li .right_zone > .textstyle{
	min-height: 45px;
	display: flex;
	align-items: center;
	font-size: 18px;
	line-height: 1.4;
}
.board_st01 > ul.write > li .right_zone .check_wrap{
	min-height: 45px;
	display: flex;
	align-items: center;
}
@media screen and (max-width: 1400px) {

}
@media screen and (max-width: 1024px) {
	table.board_st01 tbody tr.empty_wrap_tr{
		justify-content: center;
	}
	table.board_st01 tbody tr td .mobile_title{
		display: block;
	}
	table.board_st01 col{
		width: auto !important;
	}
	table.board_st01 thead{
		display: none;
	}
	table.board_st01{
		display: block;
	}
	table.board_st01 tbody{
		display: block;
	}
	table.board_st01 tbody tr{
		display: flex;
		gap: 10px 25px;
		flex-wrap: wrap;
		padding-top: 15px;
		padding-bottom: 15px;
		border-bottom: 1px solid #e7e7e7;
	}
	table.board_st01 tbody tr:first-of-type{
		margin-top: 0;
		border-top: 1px solid #222;
	}
	table.board_st01 tbody tr td{
		display: flex;
		align-items: center;
		border-bottom: 0;
		padding: 0;
		font-size: 15px;
	}
	table.board_st01 tbody tr td.mobile_none{
		display: none;
	}
	table.board_st01 tbody tr td.link_text{
		width: 100%;
		font-size: 18px;
		font-weight: 600;
	}
	table.board_st01 tbody tr td .mobile_title{
		white-space: nowrap;
		font-weight: 600;
		margin-right: 5px;
		font-size: 15px;
		color: #A2A2A6;
	}
	table.board_st01 tbody tr td .state_circle{
		font-size: 13px;
		padding: 4px 8px;
		border-radius: 6px;
	}
	table.board_st01 tbody tr td i.document_blue{
		width: 14px;
	}
}
@media screen and (max-width: 767px) {
	table.board_st01 tbody tr td{
		font-size: 14px;
	}
	table.board_st01 tbody tr td.link_text{
		font-size: 16px;
	}
	table.board_st01 tbody tr td .mobile_title{
		font-size: 14px;
	}
	table.board_st01 tbody tr td .state_circle{
		font-size: 13px;
	}
	table.board_st01 tbody tr td i.response{
		width: 18px;
		height: 18px;
		margin-left: 5px;
		margin-right: 5px;
		transform: translateY(2px);
	}
}


















.board_tool_wrap{
	display: flex;
	justify-content: space-between;
	margin-top: 25px;
}
.board_tool_wrap .right_area{
	display: flex;
}
.board_tool_wrap .right_area .btn_wrap{
	margin-left: 10px;
	display: flex;
	gap: 5px;
}
.board_tool_wrap .right_area .btn{
	display: flex;
	height: 45px;
	border-radius: 4px;
	font-weight: 500;
	font-size: 16px;
	padding: 13px 20px;
	border: 1px solid #222;
	background-color: #fff;
	color: #222;
}
.board_tool_wrap .right_area .btn.green{
	background-color: #00A990;
	border: 1px solid #00A990;
	color: #fff;
}

.board_tool_wrap .search_st{
	display: flex;
	height: 45px;
}
.board_tool_wrap .search_st select{
	width: 130px;
	height: 100%;
	border: 1px solid #DEDEDE;
	border-radius: 5px;
	padding-left: 20px;
	padding-right: 20px;
	font-size: 16px;
	background: #000;
	-webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
	background: url(../../main/images/icon_select_arrow_black.svg) right 10px center no-repeat;
}
.board_tool_wrap .search_st .input_wrap {
	position: relative;
	width: 320px;
	padding-left: 5px;
}
.board_tool_wrap .search_st .input_wrap input{
	width: 100%;
	height: 100%;
	border: 1px solid #DEDEDE;
	border-radius: 5px;
	background-color: #F5F5F5;
	padding-left: 20px;
	padding-right: 20px;
	font-size: 16px;
}
.board_tool_wrap .search_st .input_wrap input::placeholder{
	color: #A4A4A4;
}
.board_tool_wrap .search_st .input_wrap button{
    width: 35px;
    height: 35px;
    position: absolute;
    top: 50%;
    right: 10px;
    transform: translateY(-50%);
}
.board_tool_wrap .search_st .input_wrap button img{
	width: 18px;
}
.board_tool_wrap .pagination_st{
	display: flex;
	height: 45px;
}
.board_tool_wrap .pagination_st select{
	margin-left: 5px;
	margin-right: 5px;
	width: 140px;
	height: 100%;
	border: 1px solid #DEDEDE;
	border-radius: 5px;
	padding-left: 20px;
	padding-right: 20px;
	font-size: 16px;
	-webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
	background: url(../../main/images/icon_select_arrow_black.svg) right 10px center no-repeat;
}
.board_tool_wrap .pagination_st a{
	display: flex;
	align-items: center;
	justify-content: center;
	width: 45px;
	height: 100%;
	border: 1px solid #DEDEDE;
	font-size: 16px;
}
.board_tool_wrap .pagination_st a:hover{
	background-color: #656263;
	border: 1px solid #656263;
}
.board_tool_wrap .pagination_st a img{
    width: 17px;
    height: 13px;
	object-fit: contain;
}
.board_tool_wrap .pagination_st a.prev_move{
	border-radius: 0px 5px 5px 0px;
}
.board_tool_wrap .pagination_st a.prev_move:hover img{
	content: url(../../main/images/icon_pagination_prev_white.svg);
}
.board_tool_wrap .pagination_st a.prev_end_move{
	border-radius: 5px 0px 0px 5px;
	border-right: 0;
}
.board_tool_wrap .pagination_st a.prev_end_move:hover img{
	content: url(../../main/images/icon_pagination_prev_end_white.svg);
}
.board_tool_wrap .pagination_st a.next_move{
	border-radius: 5px 0px 0px 5px;
}
.board_tool_wrap .pagination_st a.next_move:hover img{
	content: url(../../main/images/icon_pagination_next_white.svg);
}
.board_tool_wrap .pagination_st a.next_end_move{
	border-radius: 0px 5px 5px 0px;
	border-left: 0;
}
.board_tool_wrap .pagination_st a.next_end_move:hover img{
	content: url(../../main/images/icon_pagination_next_end_white.svg);
}
@media screen and (max-width: 1024px) {
	.board_tool_wrap{
		flex-direction: column;
	}
	.board_tool_wrap .search_st{
		width: 100%;
		justify-content: flex-end;
	}
	.board_tool_wrap .right_area{
		flex-wrap: wrap;
	}
	.board_tool_wrap .pagination_st{
		width: 100%;
        margin-top: 55px;
		justify-content: center;
	}
	.board_tool_wrap .right_area .btn_wrap{
		width: 100%;
		justify-content: center;
		margin: 0;
		margin-top: 25px;
	}
	.board_tool_wrap .right_area .btn{
		font-size: 15px;
		padding: 10px 12px;
		height: auto;
	}
}
@media screen and (max-width: 767px) {
	.board_tool_wrap .search_st{
		width: 100%;
		justify-content: normal;
	}
	.board_tool_wrap .search_st select{
		width: 80px;
		padding-left: 10px;
		padding-right: 10px;
		font-size: 15px;
	}
	.board_tool_wrap .search_st .input_wrap{
		width: calc(100% - 80px);
	}
	.board_tool_wrap .search_st .input_wrap input{
		font-size: 15px;
	}
	.board_tool_wrap .search_st .input_wrap input::placeholder{
		font-size: 15px;
	}
	.board_tool_wrap .pagination_st{
		margin-top: 35px;
		height: 40px;
	}
	.board_tool_wrap .pagination_st select{
		width: 110px;
		font-size: 15px;
		padding-left: 12px;
		padding-right: 12px;
	}
	.board_tool_wrap .pagination_st a{
		width: 40px;
	}
	
}




.board_st01{

}
.board_st01 > .title_area{
	border-top: 2px solid #222;
    border-bottom: 1px solid #656263;
    display: flex;
    justify-content: space-between;
    align-items: center;
}
.board_st01 > .title_area .text{
	padding: 25px 20px;
	font-size: 20px;
	font-weight: 600;
}
.board_st01 > .title_area .state_circle{
	border-radius: 17px;
	color: #fff;
	font-size: 16px;
	font-weight: 500;
	padding: 6px 16px;
	margin-right: 20px;
}
.board_st01 > .title_area .state_circle.green{
	background-color: #00A990;
}
.board_st01 > .title_area .state_circle.gray{
	background-color: #656263;
}
.board_st01 .info_area{

}
.board_st01 .info_area .box{
	padding: 16px 20px;
	display: flex;
	flex-wrap: wrap;
}
.board_st01 .info_area .box:not(.attach){
	justify-content: space-between;
	border-bottom: 1px solid #ececec;
}
.board_st01 .info_area .box .left{

}
.board_st01 .info_area .box .left dl{
	display: flex;
}
.board_st01 .info_area .box .left dl dt{
	width: 95px;
	min-width: 95px;
}
.board_st01 .info_area .box .left dl dd{

}
.board_st01 .info_area .box .left dl dd .email{
	margin-left: 5px;
	font-size: 16px;
	color: #787878;
}
.board_st01 .info_area .box .right{
	display: flex;
	gap: 0 70px;
}
.board_st01 .info_area .box .right dl{
	gap: 0 40px;
}
.board_st01 .info_area .box dl{
	display: flex;
}
.board_st01 .info_area .box dl dt{
	font-weight: 600;
	font-size: 16px;
}
.board_st01 .info_area .box dl dd{
	font-size: 16px;
}
.board_st01 .info_area .box.attach{
	padding-bottom: 23px;
	border-bottom: 1px solid #222;
	gap: 10px 0;
}
.board_st01 .info_area .box.attach .text{
	width: 95px;
	font-weight: 600;
}
.board_st01 .info_area .box.attach ul{
	display: flex;
	flex-direction: column;
	gap: 10px 0;
}
.board_st01 .info_area .box.attach ul li{

}
.board_st01 .info_area .box.attach ul li a{
	display: flex;
}
.board_st01 .info_area .box.attach ul li i.document_black{
    display: inline-flex;
    width: 16px;
    height: 17px;
    min-width: 12px;
    margin-right: 8.5px;
}
.board_st01 .content_area{
	padding-top: 70px;
	padding-bottom: 70px;
	padding-left: 20px;
	padding-right: 20px;
}
.board_st01 .answer_space{
	background-color: #F8F8F8;
	border-radius: 10px;
	padding: 15px 20px;
	line-height: 1.5;
	margin-bottom: 50px;
}
.board_st01 .answer_space .tit{
	font-weight: 700;
	font-size: 18px;
	position: relative;
	padding-left: 10px;
}
.board_st01 .answer_space .tit::before{
	content: "";
	position: absolute;
	left: 0;
	top: 50%;
	transform: translateY(-50%);
	width: 4px;
	height: 4px;
	background-color: #00A990;
	border-radius: 50%;
}
.board_st01 .answer_space .con{
	margin-top: 6px;
}
.board_st01 .answer_space textarea{
	width: 100%;
	height: 200px;
	border: 1px solid #ececec;
	border-radius: 5px;
	padding: 10px;
}
.board_st01 .move_area{
	border-top: 1px solid #656263;
	border-bottom: 1px solid #656263;
}
.board_st01 .move_area .box{
	padding-left: 20px;
	padding-right: 20px;
	display: flex;
	justify-content: space-between;
	padding-top: 16px;
	padding-bottom: 16px;
}
.board_st01 .move_area .box.prev{
	border-bottom: 1px solid #ECECEC;
}
.board_st01 .move_area .box .bundle{
	display: flex;
}
.board_st01 .move_area .box .bundle .text{
	width: 125px;
	font-size: 16px;
	font-weight: 600;
	display: flex;
	align-items: center;
}
.board_st01 .move_area .box .bundle .text i{
	margin-left: 13px;
	display: inline-flex;
	width: 14px;
	height: 14px;
	background-color: orange;
}
.board_st01 .move_area .box .bundle .text .arrow_prev{
	background: url(../../main/images/icon_arrow_prev_black.svg) center center no-repeat;
} 
.board_st01 .move_area .box .bundle .text .arrow_next{
	background: url(../../main/images/icon_arrow_next_black.svg) center center no-repeat;
}
.board_st01 .move_area .box .prev{

}
.board_st01 .move_area .box .next{

}
.board_st01{

}
.board_st01 > ul.write{
	border-top: 2px solid #222;
}
.board_st01 > ul.write > li{
	display: flex;
	align-items: center;
	border-bottom: 1px solid #ECECEC;
	padding: 15px 20px;
}
.board_st01 > ul.write > li .left_zone{
	width: 145px;
}
.board_st01 > ul.write > li .left_zone .text{
	font-size: 18px;
	font-weight: 600;
	line-height: 1.4;
}
.board_st01 > ul.write > li .right_zone{
	width: calc(100% - 145px);
	min-height: 45px;
}
.board_st01 > ul.write > li .right_zone .guide_text{
	font-size: 16px;
	margin-bottom: 10px;
}
.board_st01 > ul.write > li .right_zone .guide_text.red{
	color: #EF4C4C;
}
.board_st01 > ul.write > li .right_zone .check_wrap{
	
}
.board_st01 > ul.write > li .right_zone .check_wrap .item{
	display: flex;
	align-items: center;
}
.board_st01 > ul.write > li .right_zone .check_wrap .item input[type="checkbox"]{
	width: 20px;
	height: 20px;
	border-radius: 50%;
	background-color: #BCBCBC;
	-webkit-appearance: none;
    -moz-appearance: none;
    -o-appearance: none;
	cursor: pointer;
	position: relative;
}
.board_st01 > ul.write > li .right_zone .check_wrap .item input[type="checkbox"]::before{
	content: "";
	position: absolute;
	top: 50%;
	left: 50%;
	transform: translate(-50%,-50%);
	width: 10px;
	height: 10px;
}
.board_st01 > ul.write > li .right_zone .check_wrap .item input[type="checkbox"]:checked{
	background-color: #F47216;
}
.board_st01 > ul.write > li .right_zone .check_wrap .item input[type="checkbox"]:checked::before{
	background: url(../../main/images/icon_chk_white.svg) center center no-repeat;
}
.board_st01 > ul.write > li .right_zone .check_wrap .item .text{
	padding-left: 5px;
	font-size: 16px;
	cursor: pointer;
}
.board_st01 > ul.write > li .right_zone .textarea_wrap{

}
.board_st01 > ul.write > li .right_zone .textarea_wrap .write_tab{
	
}
.board_st01 > ul.write > li .right_zone .textarea_wrap textarea{
	width: 100%;
	min-height: 240px;
	border: 1px solid #888888;
	border-radius: 5px;
	padding: 20px;
}
.board_st01 > ul.write > li .right_zone .textarea_wrap textarea::placeholder{
	font-size: 16px;
	color: #A1A9B2;
}
.board_st01 > ul.write > li .right_zone input:not([type="checkbox"], [type="radio"]){
	border: 1px solid #888888;
	border-radius: 5px;
	padding-left: 15px;
	padding-right: 15px;
	width: 100%;
	height: 45px;
}
.board_st01 > ul.write > li .right_zone .input_wrap input{

}
.board_st01 > ul.write > li .right_zone input.w300{
	width: 300px;
}
.board_st01 > ul.write > li .right_zone .input_file_wrap{
	display: flex;
}
.board_st01 > ul.write > li .right_zone .input_file_wrap input[type="file"]{
	width: 0;
	-webkit-appearance: none;
    -moz-appearance: none;
    -o-appearance: none;
	padding: 0;
	border: 0;
}
.board_st01 > ul.write > li .right_zone .input_file_wrap input[type="text"]{
	width: 650px;
}
.board_st01 > ul.write > li .right_zone .input_file_wrap button{
	padding: 13px 20px;
	height: 45px;
	border-radius: 4px;
	background-color: #222;
	font-weight: 500;
	color: #fff;
	font-size: 16px;
	margin-left: 5px;
}
.board_st01 > ul.write > li .right_zone .file_list{

}
.board_st01 > ul.write > li .right_zone .file_list .remove_file{
	margin-left: 10px;
	padding-right: 10px;
}
.board_st01 > ul.write > li .right_zone .file_list .remove_file img{
	width: 20px;
	height: 20px;
	object-fit: contain;
}
.board_st01 > ul.write > li .right_zone .file_list > li {
	display: flex;
}
.board_st01 > ul.write > li .right_zone .file_list > li:first-of-type{
	margin-top: 16px;
}
.board_st01 > ul.write > li .right_zone .file_list > li > a{
	font-size: 16px;
}
.board_st01 > ul.write > li .right_zone .select_wrap{
	height: 45px;
}
.board_st01 > ul.write > li .right_zone .select_wrap select{
	width: 300px;
	height: 100%;
	border: 1px solid #888888;
    border-radius: 5px;
	padding-left: 15px;
    padding-right: 15px;
	background: url(../../main/images/icon_select_arrow_black.svg) right 20px center no-repeat;
    font-size: 16px;
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
}
@media screen and (max-width: 1024px) {
	.board_st01 .info_area .box:not(.attach){
		flex-direction: column;
	}
	.board_st01 .info_area .box dl dt{
		width: 95px;
		min-width: 95px;
	}
	.board_st01 .info_area .box .right{
		margin-top: 15px;
	}
	.board_st01 .info_area .box .right dl{
		gap: 0;
	}
}
@media screen and (max-width: 767px) {
	.board_st01 > .title_area .text{
		padding-left: 0;
		padding-right: 0;
	}
	.board_st01 .info_area .box{
		padding-left: 0;
		padding-right: 0;
		flex-direction: column;
	}
	.board_st01 .content_area{
		padding-left: 0;
		padding-right: 0;
		padding-top: 40px;
		padding-bottom: 40px;
	}
	.board_st01 .move_area .box{
		padding-left: 0;
		padding-right: 0;
	}
	.board_st01 .info_area .box .left dl dt{
		width: 55px;
		min-width: 55px;
	}
	.board_st01 .info_area .box dl dt{
		width: 55px;
		min-width: 55px;
	}
	.board_st01 .info_area .box .right{
		flex-direction: column;
		gap: 15px;
	}
	.board_st01 .info_area .box.attach ul{

	}
	.board_st01 .move_area .box .bundle .text{
		width: 75px;
		min-width: 75px;
		font-size: 15px;
	}
	.board_st01 .move_area .box .bundle .title{
		padding-left: 10px;
		padding-right: 10px;
		font-size: 15px;
	}
	.board_st01 .move_area .box .bundle .name{
		font-size: 15px;
	}
	.board_st01 > ul.write > li{
		padding-left: 0;
		padding-right: 0;
		flex-direction: column;
		align-items: flex-start;
	}
	.board_st01 > ul.write > li .left_zone{
		width: 100%;
	}
	.board_st01 > ul.write > li .left_zone .text{
		font-size: 16px;
	}
	.board_st01 > ul.write > li .right_zone{
		width: 100%;
		margin-top: 7px;
	}
	.board_st01 > ul.write > li .right_zone input.w300{
		width: 100%;
	}
	.board_st01 > ul.write > li .right_zone .file_list > li > a{
		font-size: 15px;
	}
}
@media screen and (max-width: 500px) {

}





.btn_area_common{
	display: flex;
	flex-wrap: wrap;
	justify-content: flex-end;
	gap: 5px 5px;
	padding-top: 25px;
}
.btn_area_common.borderT{
	border-top: 1px solid #222;
}
.btn_area_common .btn{
	border: 1px solid #222;
	padding: 13px 20px;
	border-radius: 4px;
	font-weight: 500;
}
.btn_area_common .btn.blue{
	background-color: #1C63B7;
	border: 1px solid #1C63B7;
	color: #fff;
}
.btn_area_common .btn.green{
	background-color: #00A990;
	border: 1px solid #00A990;
	color: #fff;
}
.btn_area_common .btn.black{
	background-color: #222222;
	border: 1px solid #222222;
	color: #fff;
}
@media screen and (max-width: 767px) {
	.btn_area_common{
		justify-content: center;
	}
	.btn_area_common .btn{
		padding: 10px 12px;
		font-size: 14px;
	}
}





/* 좌우로 스크롤 안내 스타일 */
.scroll_guide_area_st01{
	display: none;
	flex-direction: column;
	align-items: center;
	justify-content: center;
	padding-top: 15px;
}
.scroll_guide_area_st01 .img_zone{
	display: flex;
	gap: 0 18px;
}
.scroll_guide_area_st01 .img_zone .left{

}
.scroll_guide_area_st01 .img_zone .mid{

}
.scroll_guide_area_st01 .img_zone .right{

}
.scroll_guide_area_st01 .text_zone{
	color: #656263;
	font-size: 15px;
	margin-top: 7px;
}
@media screen and (max-width: 1400px) {
	.scroll_guide_area_st01{
		display: flex;
	}
}








/* form_st01 start */
.form_st01{

}
.form_st01 .area{
	margin-top: 120px;
}
.form_st01 .area:first-of-type{
	margin-top: 0;
}
.form_st01 .area.mt80{
	margin-top: 80px;
}
.form_st01 .area > .sub_title{
	font-size: 24px;
	font-weight: 600;
	margin-top: 40px;
	margin-bottom: 8px;
}
.form_st01 .area > .sub_title.mt0{
	margin-top: 0;
}
.form_st01 .area > .title > .text{
	padding-bottom: 40px;
	display: flex;
	justify-content: space-between;
	/* border-bottom: 2px solid #222; */
}
.form_st01 .area > .title > .text .print_btn_wrap{
	font-size: 16px;
	color: #fff;
	background-color: #1C63B7;
	padding: 11px 15px;
	padding-right: 12px;
	display: flex;
	align-items: center;
	box-shadow: 3px 0px 10px #00000029;
	border-radius: 5px;
	font-weight: 400;
}
.form_st01 .area > .title > .text .print_btn_wrap i{
	display: inline-flex;
	width: 20px;
	height: 22px;
	margin-left: 18px;
}
.form_st01 .top_circle_box{
	padding-top: 20px;
	padding-bottom: 19px;
	text-align: center;
	border: 1px solid #00A990;
	border-radius: 200px;
	font-size: 24px;
	font-weight: 600;
	color: #00A990;
	margin-bottom: 40px;
}
.form_st01 .text_color{
	font-weight: 500;
	font-size: 18px;
	line-height: 1.5;
}
.form_st01 .text_color.green{
	color: #00A990;
}
.form_st01 .text_color.red{
	color: #EF4C4C;
}
.form_st01 .text_color.blue{
	color: #1C63B7;
}
.form_st01 .text_color.red + .sub_text{
	color: #777777;
	font-size: 18px;
	margin-top: 6px;
}
.form_st01 .sub_text + .gray_area_wrap{
	margin-top: 30px;
}
.form_st01 .gray_area_wrap{
	background-color: #F8F8F8;
	border-radius: 10px;
	padding: 30px;
}
.form_st01 .gray_area_wrap ul{
	display: flex;
	flex-direction: column;
	gap: 8px 0;
}
.form_st01 .gray_area_wrap ul li{
	position: relative;
	padding-left: 9px;
	font-size: 18px;
	line-height: 1.5;
}
.form_st01 .gray_area_wrap ul li::before{
	content: "";
	position: absolute;
	top: 10px;
	left: 0;
	background-color: #00A990;
	width: 4px;
	height: 4px;
	border-radius: 50%;
}
.form_st01 .gray_area_wrap ul + .text_color {
	margin-top: 7px;
}
.form_st01 .gray_area_wrap .text_color.blue{

}
.form_st01 .gray_area_wrap.input_st{
	display: flex;
	flex-wrap: wrap;
    justify-content: space-between;
}
.form_st01 .gray_area_wrap.input_st input{
	width: 213px;
	height: 40px;
	border: 1px solid #ECECEC;
	border-radius: 5px;
	background-color: #fff;
	padding-left: 20px;
	padding-right: 20px;
}
.form_st01 .gray_area_wrap.input_st input.w280{
	width: 280px;
}
.form_st01 .gray_area_wrap.input_st .box{
	display: flex;
	align-items: center;
}
.form_st01 .gray_area_wrap.input_st .box.left{
	flex: 1;
	margin-right: 30px;
}
.form_st01 .gray_area_wrap.input_st .box .tit{
	margin-right: 40px;
	font-size: 18px;
	font-weight: 600;
}
.form_st01 .gray_area_wrap.input_st .box .input_wrap{
	display: flex;
}
.form_st01 .gray_area_wrap.input_st .box .input_wrap .shape{
	display: flex;
	align-items: center;
	justify-content: center;
	width: 45px;
}
.form_st01 .gray_area_wrap.input_st .btn{
	width: 160px;
	height: 40px;
	border-radius: 5px;
	background-color: #00A990;
	font-size: 18px;
	font-weight: 400;
	color: #fff;
	margin-left: 20px;
}
.form_st01 > .title{
	width: 100%;
	padding-bottom: 40px;
	border-bottom: 2px solid #222222;
}
.form_st01 .title > .text{
	position: relative;
	font-size: 30px;
	font-weight: 700;
	padding-left: 15px;

}
.form_st01 .title > .text::before{
	content: "";
	position: absolute;
	top: -4px;
	left: 0;
	width: 10px;
	height: 10px;
	background-color: #00A990;
	border-radius: 50%;
}
.form_st01 .add_text{
	border-top: 2px solid #222;
	font-size: 18px;
	text-align: center;
	font-weight: 600;
	padding-top: 15px;
	padding-bottom: 15px;
}
.form_st01 .confirm_text{
	font-size: 20px;
	font-weight: 600;
	line-height: 36px;
	text-align: center;
	margin-top: 100px;
}
.receipt_number:hover{
	border-bottom: 1px solid #222;
}
.form_st01 .table_st03 + .table_st03{
	margin-top: 30px;
}
.form_st01 .text_color.blue + .table_st03{
	margin-top: 7px;
}
@media screen and (max-width: 1300px) {
	.form_st01 .gray_area_wrap.input_st .btn{
		width: 100%;
		margin-left: 0;
		margin-top: 20px;
	}
}
@media screen and (max-width: 1200px) {
	.form_st01 .gray_area_wrap.input_st{
		justify-content: normal;
	}
	.form_st01 .gray_area_wrap.input_st .box.left{
		flex: none;
		margin-right: 0;
	}
	.form_st01 .gray_area_wrap.input_st .box .tit{
		margin-right: 15px;
		font-size: 16px;
	}
	.form_st01 .gray_area_wrap.input_st .box.right{
		flex: 1;
		margin-left: 30px;
	}
	.form_st01 .gray_area_wrap.input_st .box.right .input_wrap {
		flex: 1;
	}
	.form_st01 .gray_area_wrap.input_st .box.right .input_wrap input{
		width: calc(50% - 20px);
	}

}
@media screen and (max-width: 1100px) {
	.form_st01 .gray_area_wrap.input_st input.w280{
		width: 165px;
	}
	.form_st01 .gray_area_wrap.input_st input{
		width: 160px;
	}
}
@media screen and (max-width: 1024px) {
	.form_st01 .gray_area_wrap.input_st input.w280{
		width: 135px;
	}
}
@media screen and (max-width: 767px) {
	.form_st01 .area{
		margin-top: 65px;
	}
	.form_st01 .title > .text{
		font-size: 22px;
	}
	.form_st01 .area > .title > .text{
		padding-bottom: 20px;
	}
	.form_st01 .text_color{
		font-size: 15px;
	}
	.form_st01 .gray_area_wrap{
		padding: 20px;
	}
	.form_st01 .gray_area_wrap ul li{
		font-size: 15px;
	}
	.gray_area_wrap.input_st.name_bg_st .box:first-of-type{
		margin-top: 0;
	}
	.gray_area_wrap.input_st.name_bg_st .box{
		width: 100%;
		margin-top: 10px;
	}
	.gray_area_wrap.input_st.name_bg_st .box .tit{
		width: 80px;
		font-size: 15px;
		margin-bottom: 5px;
	}
	.gray_area_wrap.input_st.name_bg_st input.w280{
		width: calc(100% - 95px);
	}
	.gray_area_wrap.input_st.name_bg_st .box .input_wrap{
		width: calc(100% - 95px);
	}
	.gray_area_wrap.input_st.name_bg_st input{
		flex: 1;
	}
	.gray_area_wrap.input_st.name_bg_st {
        padding: 20px 15px;
    }
	.form_st01 .gray_area_wrap.input_st .box.right{
		margin-left: 0;
	}
	.form_st01 .text_color.red + .sub_text{
		font-size: 15px;
	}
	.form_st01 .confirm_text{
		font-size: 15px;
		line-height: 1.5;
		width: 283px;
        margin: 0 auto;
		margin-top: 45px;
	}
	.form_st01 .area > .title > .text .print_btn_wrap{
		padding: 8px 14px;
		font-size: 15px;

	}
	.form_st01 .area > .title > .text .print_btn_wrap i{
		margin-left: 10px;
		width: 17px;
		height: 20px;
	}
	.form_st01 .area > .sub_title{
		font-size: 22px;
	}
}
@media screen and (max-width: 530px) {
	.gray_area_wrap.input_st.name_bg_st .box .input_wrap{
		width: 100%;
	}
	.gray_area_wrap.input_st.name_bg_st .box{
		flex-direction: column;
		align-items: flex-start;
	}
	.gray_area_wrap.input_st.name_bg_st input.w280{
		flex: none;
		width: 100%;
	}
	.gray_area_wrap.input_st.name_bg_st input{
		width: calc(50% - 11px);
		flex: none;
	}
}
/* form_st01 end */







/* form_wrap start */
.form_wrap{
	border-top: 2px solid #222;
}
.form_wrap .box{
	display: flex;
	border-bottom: 1px solid #ECECEC;
}
.form_wrap .box .left_tit{
	width: 200px;
	background-color: #F8F8F8;
	font-size: 18px;
	font-weight: 600;
	display: flex;
	align-items: center;
	min-height: 70px;
	padding-left: 30px;
	padding-right: 30px;
}
.form_wrap .box .left_tit .text{
	width: 100%;
	text-align: inherit;
}
.form_wrap .box .left_tit .required_mark{
	color: #EF4C4C;
	font-size: 18px;
	font-weight: 600;
	display: inline-block;
	margin-left: 3px;
}
.form_wrap .box .right_con{
	width: calc(100% - 200px);
	display: flex;
	flex-direction: column;
	justify-content: center;
	padding-left: 30px;
	padding-top: 15px;
	padding-bottom: 15px;
}
.form_wrap .box .right_con input:not([type="radio"],[type="checkbox"]){
	width: 280px;
	height: 40px;
	border: 1px solid #A1A9B2;
	border-radius: 5px;
	padding-left: 20px;
	padding-right: 20px;
}
.form_wrap .box .right_con .input_wrap{
	display: flex;
	max-width: 750px;
}
.form_wrap .box .right_con .input_wrap .text{
	line-height: 1.5;
}
.form_wrap .box .right_con input::placeholder{
	font-size: 16px;
	color: #A1A9B2;
}
.form_wrap .box .right_con .input_wrap{
	display: flex;
}
.form_wrap .box .right_con input.w213{
	width: 213px;
}
.form_wrap .box .right_con .textarea_wrap{

}
.form_wrap .box .right_con .textarea_wrap textarea{
	width: 100%;
	min-height: 180px;
	border: 1px solid #A1A9B2;
    border-radius: 5px;
	padding: 20px;
	font-size: 18px;
}
.form_wrap .box .right_con .shape{
	width: 45px;
	display: flex;
	align-items: center;
	justify-content: center;
}
.form_wrap .box .right_con .btn_st01 {
	height: 40px;
	border-radius: 5px;
	background-color: #00A990;
	color: #fff;
	font-size: 18px;
}
.form_wrap .box .right_con .btn_st01.w120{
	width: 120px;
}
.form_wrap .box .right_con .btn_st01.w155{
	width: 155px;
}
.form_wrap .box .right_con .btn_st01.w120{
	margin-left: 8px;
}
.form_wrap .box .right_con input.readonly{
	width: 280px;
	background-color: #ECECEC;
}
.form_wrap .box .right_con .gray_area_wrap{
	margin-top: 15px;
	padding: 16px;
	/* max-width: 750px; */
}
.form_wrap .box .right_con .gray_area_wrap ul li{
	font-size: 16px;
}
.form_wrap .box .right_con .search_wrap{
	display: flex;
	justify-content: space-between;
	max-width: 750px;
}
.form_wrap .box .right_con .search_wrap .item{
	display: flex;
	align-items: center;
	gap: 8px;
}
.form_wrap .box .right_con .search_wrap .item .btn_st01{
	margin-left: 0;
}
.form_wrap .box .right_con .radio_wrap{
	display: flex;
	flex-wrap: wrap;
	gap: 15px 0;
	max-width: 750px;
}
.form_wrap .box .right_con .radio_wrap.w_short{
	max-width: 550px;
}
.form_wrap .box .right_con .radio_wrap .item{
	width: 25%;
}
.form_wrap .box .right_con .guide_text{
	font-size: 16px;
	margin-bottom: 10px;
}
.form_wrap .box .right_con .guide_text.red{
	color: #EF4C4C;
}
.form_wrap .box .right_con .check_wrap{
	
}
.form_wrap .box .right_con .check_wrap .item{
	display: flex;
	align-items: center;
}
.form_wrap .box .right_con .check_wrap .item input[type="checkbox"]{
	width: 20px;
	height: 20px;
	min-width: 20px;
	border-radius: 50%;
	background-color: #BCBCBC;
	-webkit-appearance: none;
    -moz-appearance: none;
    -o-appearance: none;
	cursor: pointer;
	position: relative;
}
.form_wrap .box .right_con .check_wrap .item input[type="checkbox"]::before{
	content: "";
	position: absolute;
	top: 50%;
	left: 50%;
	transform: translate(-50%,-50%);
	width: 10px;
	height: 10px;
}
.form_wrap .box .right_con .check_wrap .item input[type="checkbox"]:checked{
	background-color: #F47216;
}
.form_wrap .box .right_con .check_wrap .item input[type="checkbox"]:checked::before{
	background: url(../../main/images/icon_chk_white.svg) center center no-repeat;
}
.form_wrap .box .right_con .check_wrap .item .text{
	padding-left: 5px;
	font-size: 16px;
	cursor: pointer;
}
@media screen and (max-width: 1280px) {
	.form_wrap .box{
		flex-direction: column;
	}
	.form_wrap .box .left_tit{
		text-align: left !important;
		background-color: #fff;
		padding-left: 0;
		padding-top: 20px;
		min-height: auto;
	}
	.form_wrap .box .right_con input:not([type="radio"],[type="checkbox"]){
		width: 700px;
	}
	.form_wrap .box .right_con{
		width: 100%;
		padding-left: 0;
	}
	.form_wrap .box .right_con .search_wrap{
		max-width: 100%;
	}
	.form_wrap .box .right_con .search_wrap .item{
		flex-wrap: wrap;
	}
	.form_wrap .box .right_con .input_wrap{
		max-width: 700px;
	}
	
}
@media screen and (max-width: 1024px) {
	.form_wrap .box .right_con .radio_wrap .item{
		width: 50%;
	}
	.form_wrap .box .right_con input.w213{
		width: calc(50% - 20px);
	}
}
@media screen and (max-width: 767px) {
	.form_wrap .box .right_con input:not([type="radio"],[type="checkbox"]){
		width: 100%;
		padding-left: 15px;
		padding-right: 15px;
	}
	.form_wrap .box .right_con input{
		font-size: 15px;
	}
	.form_wrap .box .right_con input.w213{
		width: calc(50% - 20px);
	}
	.form_wrap .box .right_con .btn_st01{
		font-size: 15px;
	}
	.form_wrap .box .left_tit{
		font-size: 15px;
	}
	.form_wrap .box .right_con .gray_area_wrap ul li{
		font-size: 15px;
	}
	.form_wrap .box .right_con .btn_st01.w120{
		width: 100%;
	}
	.form_wrap .box .right_con .textarea_wrap textarea{
		padding: 15px;
		font-size: 15px;
	}
	.form_wrap .box .right_con .textarea_wrap textarea::placeholder{
		font-size: 15px;
	}
}



/* 게시판 라디오 스타일 start */
.radio_wrap{
	display: flex;
}
.radio_wrap .item{
	display: flex;
	align-items: center;
}
.radio_wrap .item .text{
	font-size: 18px;
	margin-left: 10px;
}
.radio_wrap .item input{
	display: inline-block;
    width: 18px;
    height: 18px;
    min-width: 18px;
    border: 1px solid #9D9EA2;
    border-radius: 50%;
    position: relative;
    -webkit-appearance: none;
    -moz-appearance: none;
    -o-appearance: none;
}
.radio_wrap .item input:checked {
    display: inline-block;
    border: 1px solid #00A990;
}
.radio_wrap .item input::before{
    content: "";
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
	background: #fff;
    width: 12px;
    height: 12px;
    border-radius: 50%;
}
.radio_wrap .item input:checked::before{
	background: #00A990;
}
.form_wrap .box .right_con .address_wrap{
	max-width: 750px;
}
.form_wrap .box .right_con .address_wrap .floor_wrap{
	display: flex;
	flex-direction: column;
	gap: 8px 0;
}
.form_wrap .box .right_con .address_wrap .floor_wrap .floor{
	display: flex;
}
.form_wrap .box .right_con .address_wrap .floor_wrap .floor button{
	background: #00A990;
	width: 155px;
	height: 40px;
	color: #FFFFFF;
	font-size: 18px;
	margin-left: 8px;
	border-radius: 5px;
}
.form_wrap .box .right_con .address_wrap .floor_wrap .floor button:focus{
	outline: 1px solid #25408F;
}
.form_wrap .box .right_con .address_wrap .floor_wrap .floor:not(:first-of-type) input{
	width: 100%;
}
.form_wrap .box .right_con .text_wrap{
	font-size: 18px;
}
.form_wrap .box .right_con .text_wrap .text_color{
	margin-top: 5px;
	font-size: 18px;
}
.form_wrap .box .right_con .text_wrap + .radio_wrap{
	margin-top: 15px;
}
.form_wrap .box .right_con .select_wrap {

}
.form_wrap .box .right_con .select_wrap select{
    width: 280px;
    height: 40px;
    border: 1px solid #A1A9B2;
    border-radius: 5px;
    padding-left: 20px;
    padding-right: 20px;
	background: url(../../main/images/icon_select_arrow.svg) right 20px center no-repeat;
	font-size: 16px;
	-webkit-appearance: none;
	-moz-appearance: none;
	appearance: none;
}
.form_wrap .box .right_con .select_wrap select::-ms-expand{
	display: none;
}
.form_wrap .box .right_con .select_wrap select option{
	font-size: 18px;
}
.area .contents_area_st{
	margin-top: 40px;
}
.area .contents_area_st .bundle{
	margin-top: 30px;
}
.area .contents_area_st .bundle .tit{
	font-weight: 700;
	font-size: 20px;
}
.area .contents_area_st .bundle .gray_bg{
	background-color: #F8F8F8;
	border-radius: 10px;
	padding: 20px 30px;
	margin-top: 10px;
	font-size: 18px;
}
.area .contents_area_st .bundle .gray_bg .text_color{
	font-size: 18px;
	margin-top: 8px;
}
.area .contents_area_st .bundle .radio_wrap{
	gap: 0 80px;
}
.area .contents_area_st .bundle .gray_bg + .radio_wrap{
	margin-top: 17px;
	justify-content: flex-end;
}
.area .contents_area_st .bundle .gray_bg ul.depth01{
	display: flex;
	flex-direction: column;
	gap: 40px 0;
}
.area .contents_area_st .bundle .gray_bg ul.depth01 > li{
	line-height: 1.5;
}
.area .contents_area_st .bundle .gray_bg ul.depth02{
	padding-left: 10px;
}
.area .contents_area_st .bundle .gray_bg ul.depth01 .table_scroll{
	margin-top: 15px;
	margin-bottom: 10px;
}
/* form_wrap end */
@media screen and (max-width: 1024px) {
	.area .contents_area_st .bundle .radio_wrap{
		gap: 0 10px;
	}
}
@media screen and (max-width: 767px) {
	.area .contents_area_st .bundle .gray_bg{
		padding: 15px 15px;
		font-size: 15px;
	}
	.form_wrap .box .right_con .address_wrap .floor_wrap .floor button{
		width: auto;
        padding-left: 12px;
        padding-right: 12px;
        font-size: 15px;
	}
	.form_wrap .box .right_con .address_wrap .floor_wrap .floor.floor01 input{
		width: calc(100% - 78px);
	}
	.radio_wrap .item .text{
		font-size: 15px;
	}
	.area .contents_area_st .bundle .gray_bg .text_color{
		font-size: 15px;
	}
	.form_wrap .box .right_con .text_wrap{
		font-size: 15px;
	}
	.form_wrap .box .right_con .text_wrap .text_color{
		font-size: 15px;
	}
	.form_wrap .box .right_con .select_wrap select{
		font-size: 15px;
		width: 100%;
		padding-left: 15px;
		padding-right: 15px;
	}
}
/* 게시판 라디오 스타일 end */




/* table_st03 start*/
.table_st03{
	display: flex;
	flex-wrap: wrap;
	border-top: 2px solid #222;
	border-bottom: 1px solid transparent;
}
.table_st03 dl{
	display: flex;
	width: 50%;
	min-height: 50px;
	border-bottom: 1px solid #ECECEC;
	font-size: 18px;
}
.table_st03 dl dt{
	display: flex;
	align-items: center;
	width: 210px;
	font-weight: 600;
	background-color: #F8F8F8;
	padding-top: 15px;
	padding-bottom: 15px;
	padding-left: 30px;
	padding-right: 30px;
}
.table_st03 dl dd{
	width: calc(100% - 210px);
	display: flex;
	align-items: center;
	padding-left: 30px;
	padding-right: 30px;
}
.table_st03 dl dd.align_end{
	justify-content: flex-end;
}
@media screen and (max-width: 1200px) {
	
}
@media screen and (max-width: 1024px) {
	.table_st03 dl dt{
		width: 165px;
		padding-left: 20px;
		padding-right: 20px;
	}
	.table_st03 dl dd{
		width: calc(100% - 165px);
		padding-left: 20px;
		padding-right: 20px;
	}
	.table_st03 dl{
		font-size: 16px;
	}
}
@media screen and (max-width: 767px) {
	.table_st03 dl{
		width: 100%;
	}
	.table_st03 dl dt{
		width: 160px;
		font-size: 16px;
		padding-left: 15px;
		padding-right: 15px;
	}
	.table_st03 dl dd{
		width: calc(100% - 160px);
		font-size: 16px;
		padding-left: 15px;
		padding-right: 15px;
	}
	.application_fee .table_st03 dl dt{
		width: 110px;
	}
	.application_fee .table_st03 dl dd{
		width: calc(100% - 110px);
	}
}
/* table_st03 end*/





/* 버튼 공통 스타일 start*/
.button_wrap_st01{
	margin-top: 60px;
	display: flex;
	justify-content: center;
	gap: 30px;
}
.button_wrap_st01 .btn{
	border-radius: 10px;
	width: 240px;
	height: 70px;
	font-size: 20px;
	color: #fff;
}
.button_wrap_st01 .btn.bg_gray{
	background-color: #A1A9B2;
}
.button_wrap_st01 .btn.bg_green{
	background-color: #00A990;
}
@media screen and (max-width: 1024px) {
	
}
@media screen and (max-width: 767px) {
	.button_wrap_st01 .btn{
		flex: 1;
		width: auto;
		height: 45px;
		font-size: 15px;
		border-radius: 7px;
	}
	.button_wrap_st01{
		gap: 10px;
		margin-top: 40px;
	}
}
/* 버튼 공통 스타일 end*/