@font-face {
  font-family: 'Noto Sans SC';
  font-style: normal;
  font-weight: 100;
  font-display: swap;
  src: url(../fonts/Noto_Sans_SC/NotoSansSC-Thin.otf) format('opentype');
}
@font-face {
  font-family: 'Noto Sans SC';
  font-style: normal;
  font-weight: 300;
  font-display: swap;
  src: url(../fonts/Noto_Sans_SC/NotoSansSC-Regular.otf) format(opentype);
}
@font-face {
  font-family: 'Noto Sans SC';
  font-style: normal;
  font-weight: 400;
  font-display: swap;
  src: url(../fonts/Noto_Sans_SC/NotoSansSC-Medium.otf) format(opentype);
}
@font-face {
  font-family: 'Noto Sans SC';
  font-style: normal;
  font-weight: 500;
  font-display: swap;
  src: url(../fonts/Noto_Sans_SC/NotoSansSC-Light.otf) format(opentype);
}
@font-face {
  font-family: 'Noto Sans SC';
  font-style: bold;
  font-weight: 600;
  font-display: swap;
  src: url(../fonts/Noto_Sans_SC/NotoSansSC-Bold.otf) format(opentype);
}
@font-face {
  font-family: 'Noto Sans SC';
  font-style: bold;
  font-weight: 700;
  font-display: swap;
  src: url(../fonts/Noto_Sans_SC/NotoSansSC-Black.otf) format(opentype);
}



a{cursor: pointer;}
body{  font-family:'Noto Sans SC' !important;}
.h1, .h2, .h3, .h4, .h5, .h6, h1, h2, h3, h4, h5, h6{  font-family:'Noto Sans SC' !important;}
.m1{padding:0px !important;}
.m1 .swiper-wrapper{}
.m1 .swiper-wrapper .swiper-slide{}
.m1 .swiper-wrapper h1{text-align:right;text-shadow: 0px 0px 6px #000;}
.m1 .swiper-wrapper a{float:right;border-radius: 0px;font-weight: bold;font-size: 20px;background: rgba(0,0,0,0.3);padding: 20px 50px;margin-top: 10px;}
.m1 .swiper-wrapper a:hover{color:#fff; background:rgba(224, 0, 0, 0.5)}
.m1 .swiper-button-next, .m1 .swiper-button-prev{bottom:100px !important}

.quick_box{display: block;
						width: 90px; background: linear-gradient(132deg, #00aca7, #00d183);
						 z-index: 10; position: fixed;  height: auto;top: 160px;}
.quick_box h1{
										 color:#fff; font-size: 15px; text-shadow: 0 0 4px #043c34;text-align: center;padding: 20px 0px 10px 0px;}
.quick_box .quick{width: 100%;}
.quick_box .quick ul{margin:0; padding:0;display: block;}
.quick_box .quick ul li{list-style:none; display: block;margin: 10px 0px 13px 0px;}
.quick_box .quick ul li a{color:#fff; font-size: 12px;text-align: center;display: block;}
.quick_box .quick ul li a img{display:block; margin: 0px auto 6px auto; max-width: 40px;}
.user-scrolled-down .quick_box {top:80px}

@media (max-width:1200px){
	.m1 .quick_box{margin-left:60px}
	.quick_box .order-1{padding:30px 0px 0px 30px}
} /*1200*/


@media (max-width:992px){
	.m1 .quick_box{margin-left:0px}
	.all_btn{display:none;}
	.quick_box .order-1{padding:30px 0px 0px 30px}
} /*992*/

@media (max-width:768px){
	.quick_box {display:none;}
} /*768*/




@font-face { font-family:'Noto Sans SC', GyeonggiBatang; src: url("https://cdn.jsdelivr.net/gh/projectnoonnu/noonfonts_one@1.0/GyeonggiBatang.woff") format("woff"); font-weight: normal; font-style: normal; }
#header { z-index: 20; }

.top_bar { transition: all 0.1s ease-in-out 0s; padding: 0px; font-family:'Noto Sans SC', 'Pretendard';}
.top_bar .top_link::before { content: ""; }
.top_bar .top_link { float: right; margin: 0px; padding: 0px; text-align: center; width: 300px;
									line-height: 50px; height: 50px; background: url("../images/all/lang_img.png"), rgb(0, 214, 126); background-repeat: no-repeat;background-position: 20px;}
.top_bar .top_link a.c_link { display: block; background: url("../images/all/lang_btn.png"); background-repeat: no-repeat;
													background-position: 250px;text-align: left;padding-left: 60px;color: #fff;font-weight: bold;}
.top_bar .top_link .dropdown-menu{border:none}
.top_bar .top_link li { height: 35px; line-height: 35px; width: 100%; display: block; font-size: 16px; background:#eee}
.top_bar .top_link li.active{background:#008b52}
.top_bar .top_link li.active a{ color:#fff !important}
.top_bar .top_link li a{margin:0px; padding:0px 5px 0px 20px; color:#0a6e45 !important}
.top_bar .dropdown-menu.show { transform: translate(0px, 50px) !important; }
.top_bar .dropdown-menu { width: 100%; border-radius: 0px; border: 1px solid rgb(255, 255, 255); padding: 0px;
													background: rgb(238, 238, 238); transform: translate(0px, 50px) !important; }
.top_bar .dropdown-menu a.dropdown-item { font-size: 14px; text-align: center; padding: 0px; height: 33px; line-height: 33px;
																							border-bottom: 1px solid rgb(221, 221, 221); color: rgb(51, 51, 51) !important; }


.navbar { background: rgba(255, 255, 255, 0.8); height: 110px; }
.navbar .container { background: none; max-width:90% }
.navbar .navbar-brand > img { max-width: 250px; }
.navbar .navbar-nav { }
.navbar .navbar-nav li { }
.navbar .navbar-nav li a.nav-link { font-size: 20px; font-weight: 600; padding:30px 20px !important}
.navbar .navbar-nav li a.nav-link::before { color: rgb(136, 136, 136); margin-top: 0px !important; }
.user-scrolled-down .navbar { height: 80px; background: rgb(255, 255, 255); }

@media (max-width:1299px){
	.navbar .navbar-nav li a.nav-link{font-size:16px}
	body:not(.layout-admin) .navbar-brand{margin-right:10px}
	.navbar .navbar-brand > img{max-width:180px}


} /*1200*/



@media (max-width:992px){
.navbar .container { background: none; max-width:98% }

} /*1200*/



.sns_link{ display: flex; flex-direction: row;	justify-content: space-between;	align-items: stretch;
					margin-left: 0px !important;	height: 50px;	width: 120px;
					border-radius: 0px;	float: right;	padding: 0px 5px;}
.sns_link a{display: block; margin:0px;width: 48%;height: 100%;text-align: center;}
.sns_link a img{max-height: 40px; margin-top:5px}


.sub_gnb{margin:0px; padding:0px; text-align:center;background: #009C82;border-bottom: 1px solid #ddd;}
.sub_gnb li{list-style:none; display:inline-block; }
.sub_gnb li+li:before{content:'•';padding: 0px 10px;color: #abcb87;font-size: 20px;margin-left: -3px;}
.sub_gnb li a{color: #fff; font-size: 20px; display: inline-block; padding: 20px 5px; font-weight: 600;}

@media (max-width:768px){
	.sub_gnb li a{font-size:16px}


}/*768*/


@media (max-width:550px){
	.sub_gnb.d03_sgnb   li{width:17%}
	.sub_gnb li{width:30%}
	.sub_gnb li+li:before{display:none}



}/*768*/

#footer { }
#footer .container { padding:0px 100px }
#footer .footer_top { border-bottom: 2px solid rgb(221, 221, 221); border-top: 2px solid rgb(221, 221, 221); }
#footer .footer_top  { }
#footer .footer_top ul { margin: 0px; padding: 0px; }
#footer .footer_top ul li { list-style: none; display: inline-block; margin: 0px 0px 0px -5px; padding: 0px; }
#footer .footer_top ul li:nth-child(1) a { border-left: 2px solid rgb(221, 221, 221); }
#footer .footer_top ul li a { border-right: 2px solid rgb(221, 221, 221); border-radius: 0px; display: block; }
#footer .footer_bottom { padding: 80px 0px; position: relative; }
#footer .footer_bottom .f_logo { float: left; margin-right: 10px; }
#footer .footer_bottom .f_txt { float: left; margin: 10px 15px; font-size: 18px; color: rgb(165, 165, 165); }
#footer .up_btn { background: rgb(0, 172, 168); position: absolute; right: 0px; height: 100%; top: 0px; width: 130px; padding: 90px 40px; box-sizing: border-box; display: block; }
#btnScrollTo { display: none !important; }

.footer_banner{background: #e4e4e4;}
.footer_banner .container{}
.footer_banner .swiper-slide{border:1px solid #ddd; padding: 5px 5px;background: #fff;text-align: center;     margin: 20px 0px;}



@media (max-width:992px){
	.link_box{display:none !important;}

	.navbar .navbar-toggler{position: absolute; right: 0px; top: 15px; border:none !important; fill:#fff}
	.navbar{height:80px}
	.navbar .navbar-nav{padding:0px}
	.navbar .navbar-nav li{border-bottom:1px solid #ccc}
	.navbar .navbar-nav li a.nav-link{font-size:18px}
	.navbar-nav li .dropdown-menu{margin: 0px 0px 10px 0px !important;padding: 0px;}
	.navbar .navbar-nav li ul li.dropdown-item{border-bottom:none}

	#footer .container{max-width:99%; padding:0px}
} /*992*/


@media (max-width:768px){

	#footer .footer_bottom .f_logo{float:none;max-width: 80%;}
	.top_bar .top_link a.c_link
	#footer .footer_bottom .f_logo img{max-width: 95%;}
	#footer .footer_bottom .f_txt{max-width: 95%;}



} /*768*/

@media (max-width:576px){
	.top_bar .top_link{width: 100%;}
	.top_bar .top_link a.c_link{background-position: 95%;}
	#footer .footer_bottom{padding: 30px 0px 60px 0px;}
	#footer .up_btn{padding: 0px 40%; width: 100%;height: 60px;bottom: 0px;top: auto;}
	#footer .footer_top .float-start ul li a{font-size:12px; padding:13px 3px}
	#footer .footer_top .float-end .btn{font-size:12px; padding:13px}
	.navbar{height:80px}
	.navbar .navbar-brand > img{max-width:180px}
	.navbar .navbar-toggler{width: 40px; height: 40px;top: 20px; fill:#fff}
	.navbar .navbar-toggler svg{width:20px}
} /*576*/


@media (max-width:550px){
#footer .footer_top ul li a{font-size:14px}
} /*550px*/




.sub_top{height:600px; background:url('../images/sub/sub_top.png'); position:relative;background-position: bottom center;}
.sub_top .loction{position:absolute; bottom:0px; left:0px; width:100%; background:#fff; padding:20px 0px ;border-bottom: 1px solid #ddd;}
.sub_top .loction:before{content:""; clear:both; display:block}
.sub_top .loction .container{display: flex; justify-content: flex-end; align-content: center; align-items: center;}
.sub_top .loction ol{margin:0px; padding:0px 0px; float:right;}
.sub_top .loction ol li{list-style:none; display:inline-block; font-size:18px; font-weight:800; padding:0px 20px;
									border-right:2px solid #333; font-family:'Noto Sans SC', 'Pretendard';}
.sub_top .loction ol li:first-child{color:blue}
.sub_top .loction ol li:last-child{border-right:none;}
.sub_top .loction ul{margin:0px; padding:0px; float:right;}
.sub_top .loction ul li{list-style:none; display:inline-block; }
.sub_top .loction ul li a{display:block; width:50px; height:50px; background:#009C82; border-radius:50%;
									 color:#fff; font-size:20px; text-align:center; padding-top: 10px;}
.sub_top .loction ul li.sns ul{background: transparent;box-shadow: none;min-width: auto;margin-top: 10px !important;}
.sub_top .loction ul li.sns ul li{display:block}
.sub_top .loction ul li.sns ul li a{display:block;margin-bottom: 2px;}
.sub_top .loction ul li.sns ul li a i{margin-right:10px}


@media (max-width:550px){
	.sub_top{height:480px;background-size: cover;}
	.sub_top .loction ol{display:none}

} /*400px*/



.sub_wrap{padding:0px 0px 0px 0px; min-height:700px;width: 100%;}
.sub_wrap .lnb_box {position:relative}
.sub_wrap .lnb_box .nav-deep{position: absolute;top: -91px; left: 0px; width: 96%;}
.sub_wrap .lnb_box .lnb_top{background:#009C82}
.sub_wrap .lnb_box .lnb_top h3{color:#fff; padding: 110px 20px 20px 13%; margin-bottom:0px;}
.sub_wrap .lnb_box .nav{border: 1px solid #ddd;}
.sub_wrap .lnb_box .nav li{border-bottom: 1px solid #e6e6e6;}
.sub_wrap .lnb_box .nav li a{font-size: 22px;display: block;padding: 20px 0px 20px 25px;color: #03816c;font-weight: bold;}
.sub_wrap .lnb_box .nav li.active{background: #ddd;}
.sub_wrap .lnb_box .nav li.active a{color: #03816c; font-weight: bold !important; }
.sub_wrap .lnb_box .nav li ul{margin:0px; padding:0px; border:none}
.sub_wrap .lnb_box .nav li ul li{}
.sub_wrap .lnb_box .nav li ul li.active a{background: #eee;}
.sub_wrap .lnb_box .nav li ul li a{padding: 10px 0px 10px 25px; font-size: 20px; background: #fff;}


@media (max-width:1199px){
	.sub_wrap .lnb_box .lnb_top h3{padding:110px 0px 20px 20px; font-size:24px}
	.sub_wrap .lnb_box .nav li a{font-size:18px}

} /*992px*/


@media (max-width:992px){
	.sub_wrap .lnb_box .nav-deep{position: relative; top:0px}
	.sub_wrap .lnb_box .lnb_top h3{font-size: 22px;height: 60px;line-height: 60px;padding: 0px 0px 0px 50px;}
		.sub_wrap .lnb_box .nav li ul li a{font-size:16px;padding-left: 80px;}
	.sub_wrap .lnb_box{position: relative; top: 0px; margin-top: 10px;margin-bottom: 40px;}
	.sub_wrap .btn{background: transparent; color: #fff;border-radius: 0px;position: absolute;top: 0px;left: 0px;width: 100%;height: 60px;text-align: left;}
	.sub_wrap .btn i{font-size: 18px !important;}
	.sub_wrap .lnb_box .nav{border-radius:0px !important; padding: 0px !important;}
	.sub_wrap .lnb_box .nav li{}
	.sub_wrap .lnb_box .nav li a{font-size: 18px;padding: 10px 0px 10px 70px;}

} /*992px*/

@media (max-width:768px){
	.sub_wrap .lnb_box .lnb_top{}
	.sub_wrap .lnb_box .nav li a{padding: 10px 0px 10px 50px;}
	.sub_wrap .lnb_box .nav li ul li a{padding-left:65px}
} /*768px*/

@media (max-width:576px){
	.sub_wrap .lnb_box{padding:5px;}
	.sub_wrap .lnb_box .lnb_top{}
	.sub_wrap .lnb_box .lnb_top h3{font-size: 18px;}
	.sub_wrap .lnb_box .nav li a{font-size:16px}
	.sub_wrap .lnb_box .nav li ul li a{font-size:16px}


} /*768px*/


.sub_wrap .sub_con .sub_container {padding: 50px 260px}

@media (max-width:1300px){
	.sub_wrap .sub_con .sub_container {padding:40px 120px}

} /*1200px*/

@media (max-width:1200px){
	.sub_wrap .sub_con .sub_container {padding: 20px;}

} /*1200px*/

@media (max-width:992px){
	.sub_wrap .sub_con .sub_container {padding:10px;}
	.sub_wrap .lnb_box .nav-deep{width:100%}


} /*992px*/

@media (max-width:550px){
	.sub_wrap .sub_con{padding: 5px;}

} /*550px*/


.ptitle{font-size: 32px;text-align: center; padding:80px 0px}
.ptitle span{font-size: 18px;display: block;margin: 20px auto 10px auto;font-family:'Noto Sans SC', 'Pretendard'; word-break:keep-all}

@media (max-width:992px){
	.ptitle{font-size: 28px;text-align: center; margin:0; padding:80px 0px 40px 0px}

} /*768px*/

@media (max-width:768px){
.ptitle{font-size: 32px;text-align: center; margin:30px 0px }

} /*768px*/

@media (max-width:550px){
.text_box header{padding:10px !important}
.ptitle{font-size: 24px;text-align: center; margin:0px 0px ; padding:60px 0px 40px 0px}
.ptitle span{font-size:14px}
} /*768px*/


.sel_search{}
.sel_search{margin: 30px 0px 30px 0px;}
.sel_search .form-select {max-width:200px;height: 40px;padding: 5px 10px;}
.sel_search .search{max-width:450px;height: 40px;}
.sel_search .search .form-control{height: 40px;}
.sel_search .input-group-over>button{height: 40px; min-width: 50px !important; padding: 5px; background: #336be1;
															color: #fff; border-radius: 0px 5px 5px 0px;}


.bstyle_01{margin: 40px 0px;}
.bstyle_01 .table{border-top: 4px solid #009c82;}
.bstyle_01 .table tr{}
.bstyle_01 .table tr th{text-align: center;background: #f1f1f1;padding: 20px 2px;}
.bstyle_01 .table tr th.no{text-align:center; width:40px;}
.bstyle_01 .table tr th.title{}
.bstyle_01 .table tr th.day{text-align:center}
.bstyle_01 .table tr th.count{text-align:center; max-width:60px}
.bstyle_01 .table tr td{padding: 15px 2px; font-size: 16px; white-space: nowrap; max-width: 420px;
						 overflow: hidden; width: auto; text-overflow: ellipsis;}
.bstyle_01 .table tr td.no{text-align:center}
.bstyle_01 .table tr td.title{color:#333; font-weight:bold; width:65%; cursor:pointer}
.bstyle_01 .table tr td.day{text-align:center}
.bstyle_01 .table tr td.count{text-align:center; }


@media (max-width:768px){
	.bstyle_01 .table thead{display:none;}
	.bstyle_01 .table td{padding:5px !important;}
	.bstyle_01 .table .count{display:none;}
	.bstyle_01 .table .no{display:block;width:100%;max-width: 100%;}
	.bstyle_01 .table .title{display:block;width:100%;max-width: 100%;text-align:center;}
	.bstyle_01 .table .day{display:block;width:100%;max-width: 100%;}
	.bstyle_01 .table tr{border-bottom:2px solid #009c82; display:block; margin-bottom:5px}
	.bstyle_01 .table th{display:none !important;}
	.bstyle_01 .table td{border-bottom:1px solid #ddd}



} /*768px*/


@media (max-width:550px){
	.bstyle_01 .table td{font-size:14px !important;}


} /*550px*/




.bstyle_02{}
.bstyle_02 .list_box{margin:10px 0px;position: relative; cursor: pointer;}
.bstyle_02 .list_box .label{position: absolute;left: 0px;top: 10px;display: block;background: #009c82;
												width: 50px;height: 30px;z-index: 99;text-align: center;border-radius: 3px;line-height: 30px;
												color: #fff;font-size: 14px;font-weight: 600;}
.bstyle_02 .list_box img{}
.bstyle_02 .list_box .title{font-size: 23px; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; color: #333;}
.bstyle_02 .list_box .days{text-align:right; font-size:14px; color:#888}
.bstyle_02 .list_box .days .new{background:red; color:#fff; font-weight:bold;
														display:inline-block; width: 20px; height: 20px;
														text-align: center;margin-right: 5px;}


.bstyle_02{}
.bstyle_02 .list_box{margin:10px 0px;position: relative;}
.bstyle_02 .list_box .label{position: absolute;left: 0px;top: 10px;display: block;background: #009c82;
												width: 50px;height: 30px;z-index: 99;text-align: center;border-radius: 3px;line-height: 30px;
												color: #fff;font-size: 14px;font-weight: 600;}
.bstyle_02 .list_box img{}
.bstyle_02 .list_box .title{font-size: 23px; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; color: #333;}
.bstyle_02 .list_box .days{text-align:right; font-size:14px; color:#888}
.bstyle_02 .list_box .days .new{background:red; color:#fff; font-weight:bold;
														display:inline-block; width: 20px; height: 20px;
														text-align: center;margin-right: 5px;}






/**/
.notice_view{}
.notice_view .view_top{border-top: 1px solid #ccc; border-bottom: 1px solid #ccc;
										padding: 60px 10px 20px 10px;margin-bottom: 40px;}
.notice_view .view_top .title{text-align: center;margin-bottom: 40px;}
.notice_view .view_top .days{text-align: right;margin-bottom: 0px;}
.notice_view .view_box{padding: 10px 30px;margin-bottom: 20px;}
.notice_view .view_file{border-top: 1px solid #ccc;border-bottom: 1px solid #ccc;padding: 20px 0px;}
.notice_view .view_file ul{margin:0px; }
.notice_view .view_file ul li{}
.notice_view .view_file ul li a{}

.btn_box {text-align:right; margin-top:40px}
.btn_box .btn{position: relative; background: #574fec; text-align: center; color: #fff; border-radius: 5px;}

.download_box {text-align:center; margin-top:40px}
.download_box .downbtn{ display: inline-block;background: #009c82;width: 420px;font-size: 20px;color: #fff;height: 50px;line-height: 50px;border-radius: 5px;}


@media (max-width:768px){
	.btn_box {margin-top:20px;margin-bottom:20px}
}


@media (max-width:550px){
	.download_box .downbtn{ width: 80%; font-size: 16px;}
}

@media (max-width:380px){
	.download_box .downbtn{ width: 80%; font-size: 14px; letter-spacing:-1px}
}


/* 게시판 탑 */

.blist_top{background:url("../images/sub/D04/relics_top.png");background-repeat: no-repeat;padding: 60px;margin: -30px 0px 100px 0px;position: relative;}
.blist_top .tt{text-align:center; font-size:20px; margin:40px 0px}
.blist_top .tt span{font-size: 40px; display: block; margin-bottom: 18px;}
.blist_top .input-group-over{text-align:center;position: absolute;width: 60%;left: 50%;transform: translateX(-50%);bottom: -40px;display: flex;flex-direction: row;}
.blist_top .input-group-over .form-control{border: 1px solid #45c5b0;border-radius: 0px;padding: 30px 20px;text-align: center;}
.blist_top .input-group-over .btn{display: block;position: relative;background: #009c82;transform: none;border-radius: 0px;
															vertical-align: middle;font-size: 30px;color: #fff;font-weight: bold;padding-top: 20px;margin-left: 5px;}

.blist_top02{position: relative;display: block; margin-bottom:10px}
.blist_top02:after{content:''; display:block; clear:both}
.blist_top02 .input-group-over{display: flex;text-align: right;position: relative;width: 290px;justify-content: center;float: right;}
.blist_top02 .input-group-over .form-control{border: 1px solid #45c5b0;padding: 5px 50px 5px 5px;text-align: left;border-radius: 5px;}
.blist_top02 .input-group-over .btn{display: block;position: absolute;background: #009c82;transform: none;border-radius: 0px; width:40px; left:auto;
															vertical-align: middle;font-size: 17px;color: #fff;font-weight: bold;padding: 4px;right: 0px;top: 0px;border-radius: 5px;}


@media (max-width:992px){
	.blist_top{margin: 0px 0px 60px 0px;  padding: 40px 0px;}
	.blist_top .tt span{font-size:30px}
	.blist_top .input-group-over{width:90%}
	.blist_top .input-group-over .form-control{padding:10px}
	.blist_top .input-group-over .btn{width: 70px; height: 70px; padding-top: 10px;}
	.blist_top02 .input-group-over .btn{height:36px; text-align:center}

} /*992px*/

@media (max-width:550px){
		.blist_top .tt span{font-size:16px}
		.blist_top .tt{font-size:14px; margin:10px auto; word-break:keep-all}
		.blist_top .input-group-over{bottom: -20px;}
		.blist_top .input-group-over .form-control{height: 40px; line-height: 40px; padding: 0px 5px; font-size: 14px;}
		.blist_top .input-group-over .btn{width: 40px; height: 40px; padding: 0px;  font-size: 22px; text-align: center;}
		.blist_top02 .input-group-over{width:auto;}

} /*550px*/

.blist01{margin-bottom: 60px;}
.blist01 .list_box{display: block;position: relative;width: 100%;box-sizing: border-box;margin: 10px 0px;box-shadow: 0px 0px 5px 0px #ddd; cursor: pointer;}
.blist01 .list_box figure{margin:0px}
.blist01 .list_box .text{background: #fff;padding: 20px 10px;width: 100%;border-bottom: 6px solid #45c5b0;}
.blist01 .list_box .text .title{display:block;font-size: 18px;white-space: nowrap;overflow: hidden;text-overflow: ellipsis;
															color: #333;margin-bottom: 10px;font-weight: 700;text-align: center;}
.blist01 .list_box .text .days {display:block;color: #333;font-size: 16px;text-align: center;}

.blist02{margin-bottom: 60px;border-top: 1px solid #e0e0e0;}
.blist02 .list_box{display: flex;position: relative;width: 100%;box-sizing: border-box;margin: 20px 0px;flex-direction: row;justify-content: space-evenly;align-items: stretch;
								border-bottom:1px solid #e0e0e0; padding: 20px; cursor: pointer;}
.blist02 .list_box figure{margin:0px}
.blist02 .list_box .images{max-width: 340px;display: inline-block;margin-right: 10px;width: 40%;box-sizing: border-box;}
.blist02 .list_box .text{width: 60%;box-sizing: border-box;padding: 0px 7px;}
.blist02 .list_box .text h4{color: #009c82;margin: 10px 0px 10px 0px;font-size: 26px;}
.blist02 .list_box .text ul{margin: 0px 0px 20px 0px;padding: 0px;}
.blist02 .list_box .text ul li{list-style: none;background: #d7e7e4;margin: 0px 0px 5px 0px;color: #056b5a;padding: 2px 4px;font-weight: 600;}
.blist02 .list_box .text p{color: #333;font-size: 18px;word-break: keep-all;}
.blist02 .list_box .text .label{display: block;background: #eee;width: 100px;text-align: center;border-radius: 5px;}
.blist02 .list_box .text .label01{background: #f48f00;color: #fff;}
.blist02 .list_box .text .label02{background: #333;color: #fff;}


@media (max-width:1199px){
	.blist02 .list_box .images{width:60%;}
	.blist02 .list_box .text{width:39%;}

} /*1199px*/


@media (max-width:768px){
	.blist02 .list_box{display:block; padding:0px;}
	.blist02 .list_box .images{max-width: 100%; display: block; margin: 0px auto; width: auto; box-sizing: border-box;}
	.blist02 .list_box .text{width:100%; display:block; margin:20px 0px 0px 5px;}
	.blist02 .list_box .text h4{font-size:22px;}
	.blist02 .list_box .text .label{font-size:14px;}


} /*768px*/

@media (max-width:550px){
	.link a{width:70px; height:70px;}

} /*550px*/




.link{}
.link a{font-size: 13px;color: #fff;background: #d1d1d1;width: 95px;height: 95px;
		display: inline-block;text-align: center;font-weight: bold;margin-right: 10px;border-radius: 5px;
		vertical-align: middle;     cursor: pointer;}
.link .btn_w:before{content:"\f15b";font-family: Flaticon!important;font-size: 40px;
					display: block;margin-bottom: 5px;}
.link .btn_w{background: #3dc0bd;}
.link .btn_r:before{content:"\f108";font-family: Flaticon!important;font-size: 40px;
					display: block;margin-bottom: 5px;}
.link .btn_r{background: #137f7c;}
.link .btn_v:before{content:"\f1de";font-family: Flaticon!important;font-size: 40px;
					display: block;margin-bottom: 5px;}
.link .btn_v{background: #0aa39f;}

@media (max-width:768px){
	.blist02 .list_box .text ul{margin:0px;}
	.link{display: flex; margin: 5px 0px; justify-content: space-between;}
	.link a{width:47%; height:60px; margin:0px 5px;}

} /*768px*/


.bview01{background: url('../images/sub/relics_view_bg.png');background-repeat: no-repeat;padding: 60px 0px;}
.bview01 .tt{font-size:35px;margin-bottom: 30px;}
.bview01 .tt span{display:block; color:#009C82; font-size:20px; margin-bottom:10px}
.bview01 .texts{}
.bview01 .texts .table{border-top: 3px solid #009c82;}
.bview01 .texts .table tr{vertical-align: middle;}
.bview01 .texts .table tr th{text-align: center;border-bottom: 2px solid #009c82;padding: 20px 5px;font-size: 18px;color: #009c82;width: 101px;}
.bview01 .texts .table tr td{padding: 20px 5px;font-size: 18px;}


.bview01 .images{}
.bview01 .images .swiper-container{padding-bottom:60px}
.bview01 .images .swiper-button-next,
.bview01 .images .swiper-button-prev{top:auto; bottom:0px; border:1px solid #555;color: #555;border-radius: 0px !important;font-size: 20px;
																				width: 50px !important;height: 50px !important;}
.bview01 .images .swiper-button-next{right:0px}
.bview01 .images .swiper-button-prev{left:0px}
.bview01 .explan{margin-top:40px}
.bview01 .up_list{border-top: 5px solid #009c82;margin-top: 50px; }
.bview01 .up_list h3{}
.bview01 .up_list ul{margin: 0px; padding: 0px;box-sizing: border-box;}
.bview01 .up_list li{list-style: none;; padding: 10px;border-bottom: 1px solid #bfbfbf;}
.bview01 .up_list li a{display:block; color: #333;}
.p_down{display: inline-block;width: 30px;height: 30px;text-align: center;background: #595d5e;color: #fff;margin: 2px;}

.bview02{background: url('../images/sub/relics_view_bg.png');background-repeat: no-repeat;padding: 100px 0px;}
.bview02 .tt{font-size:35px;margin-bottom: 30px; text-align:center}
.bview02 .tt span{display:block; color:#009C82; font-size:20px; margin-bottom:10px}
.bview02 .texts{}
.bview02 .texts .table{border-top: 3px solid #009c82;}
.bview02 .texts .table tr{vertical-align: middle;}
.bview02 .texts .table tr th{text-align: center;border-bottom: 2px solid #009c82;padding: 5px 5px;font-size: 18px;color: #009c82;width: 150px;}
.bview02 .texts .table tr td{padding: 5px 5px;font-size: 18px;}
.bview02 .video{margin:30px auto 70px auto; max-width:800px;}
.bview02 .images{}
.bview02 .images .swiper-container{padding-bottom:60px; max-width:800px;}
.bview02 .images .swiper-button-next,
.bview02 .images .swiper-button-prev{top:auto; bottom:50%; border:none;color: #555;border-radius: 0px !important;font-size: 20px;
																				width: 50px !important;height: 50px !important; background:rgba(255,255,255,0.8)}
.bview02 .images .swiper-button-next{right:0px}
.bview02 .images .swiper-button-prev{left:0px}

.bview02 .explan{margin-top:40px}
.bview02 .up_list{}
.bview02 .up_list ul{margin: 0px; padding: 0px 0px 0px 30px;box-sizing: border-box;}
.bview02 .up_list li{margin:2px 0px}
.bview02 .up_list li a{display:block; color: #333; font-size:16px}

.bview03{padding: 40px 0px;}
.bview03 .tt{font-size:35px;margin-bottom: 30px; text-align:center}
.bview03 .tt span{display:block; color:#009C82; font-size:20px; margin-bottom:10px}
.bview03 .texts{}
.bview03 .texts .table{ border-top:1px solid #eee}
.bview03 .texts .table tr{vertical-align: middle; border-bottom:1px solid #eee}
.bview03 .texts .table tr th{text-align: center;background:#009c82; color:#fff; padding: 5px 5px;font-size: 18px;width: 150px;}
.bview03 .texts .table tr td{padding: 5px 5px;font-size: 18px;}
.bview03 .video{margin:30px auto 70px auto; max-width:800px;}
.bview03 .images{}
.bview03 .images .swiper-container{padding-bottom:60px; max-width:800px;}
.bview03 .images .swiper-button-next,
.bview03 .images .swiper-button-prev{top:auto; bottom:50%; border:none;color: #555;border-radius: 0px !important;font-size: 20px;
																				width: 50px !important;height: 50px !important; background:rgba(255,255,255,0.8)}
.bview03 .images .swiper-button-next{right:0px}
.bview03 .images .swiper-button-prev{left:0px}

.bview03 .explan{margin-top:40px}
.bview03 .up_list{}
.bview03 .up_list ul{margin: 0px; padding: 0px 0px 0px 30px;box-sizing: border-box;}
.bview03 .up_list li{margin:2px 0px}
.bview03 .up_list li a{display:block; color: #333; font-size:16px}


@media (max-width:768px){
	.bview03{padding:40px 0px 0px 0px}
	.bview03 .texts .table{width: 100%;display: block;}
	.bview03 .texts .table tbody{display: block; width: 100%;}
	.bview03 .texts .table tr{display: block; width: 100%;}
	.bview03 .texts .table tr th{display: block;width: 100%;}
	.bview03 .texts .table tr td{ width: 100%; display: block; text-align:center}
	.bview03  .img-fluid, .img-thumbnail{max-width: 100% !important;}


} /*1199px*/




/* 관람안내 */
.D0101_wrap{}
.D0101_wrap .D0101_top{margin-bottom:50px;}
.D0101_wrap .D0101_top ul{margin: 0px auto 20px auto; padding: 0px; flex-wrap:wrap;
												display: flex; justify-content: space-between; flex-direction: row; align-items: stretch;}
.D0101_wrap .D0101_top ul li{list-style: none; width: 48%; padding: 15px 10px;
														background: #F2F7F6; margin: 1%; box-shadow:0 0 10px 0px #efefef;
														position:relative}
.D0101_wrap .D0101_top ul li img{position:absolute; top: 50px; right: 30px;width: 60px;}
.D0101_wrap .D0101_top ul li span{display:block; font-size:22px; font-weight:bold; color:#498478; letter-spacing:-0.5px;margin-left: 30px;}
.D0101_wrap .D0101_top ul li b{margin: 70px 5px 0px 5px; display: block; text-align: center; font-size:16px; color:#555;font-weight: 600;}


@media (max-width:1300px){
	.D0101_wrap .D0101_top ul li span{margin-left:15px}
	.D0101_wrap .D0101_top ul li b{margin:90px 10px 0px 8%}

} /*1199px*/


@media (max-width:1199px){

	.D0101_wrap .D0101_top ul li{padding:20px 10px;}
	.D0101_wrap .D0101_top ul li span{font-size:20px; margin-left:10px;}
	.D0101_wrap .D0101_top ul li b{margin: 70px 10px 0px 0px; font-size:14px}

} /*1199px*/

@media (max-width:992px){
	.D0101_wrap .row{display:block}
	.D0101_wrap .D0101_top ul li b{margin: 40px 10px 0px 0px; font-size:14px}

} /*992px*/

@media (max-width:768px){
	.D0101_wrap .D0101_top ul{flex-direction:row;justify-content: space-around;flex-wrap: wrap; margin-bottom:10px}
	.D0101_wrap .D0101_top ul li{padding:20px 10px; width:46%; margin:1%}
	.D0101_wrap .D0101_top ul li:last-child{margin-right: 1%;}

} /*768px*/

@media (max-width:550px){
	.D0101_wrap .D0101_top ul{display: block;width: 100%;}
	.D0101_wrap .D0101_top ul li {width: 100%;margin-bottom: 12px;}
	.D0101_wrap .D0101_top ul li img{top: 20px; right: 20px; width: 50px;}
	.D0101_wrap .D0101_top ul li b{margin:20px 10px 0px 0px}

} /*550px*/

.d0102{}
.d0102 .tab-content{}
.d0102 .tab-content .tab-pane.active{ display: flex;  flex-direction: row;}
.d0102 .tab-content .tab-pane img{ width: 70%;}



/*con_table*/
.t01{margin:0px auto 20px auto; display:block; width:100%}
.t01 tr{}
.t01 tr th:before{content:''; display:block; width: 10px; height: 10px; border-radius:50%; border: #009C82 3px solid;
							position:absolute; left: 20%;top: -7px;}
.t01 tr th{border-top:3px solid #009C82; font-size:22px; color:#009C82; position:relative;padding: 30px 30px 10px 30px;
									vertical-align: top; max-width:300px; width:25%;letter-spacing: -1px; word-break:keep-all}
.t01 tr td{border-top: 1px solid #ddd;padding: 30px 0px 60px 10px;}
.t01 tr td ul{}
.t01 tr td ul li:before{content:''; display:block; width:4px; height:4px; border-radius:50%; background:#333;
									position:absolute; top: 10px; left: 0px; }
.t01 tr td ul li{list-style:none; position:relative; padding:0px 0px 0px 10px; margin-bottom:7px;  word-break:break-all;}

@media (max-width:1199px){
	.t01 tr td ul{margin-left:0}

} /*992*/

@media (max-width:992px){
	.t01 tr th{}
	.t01 tr td{padding:30px 0px 60px 20px;}
	.t01 tr td ul{margin-left:0%;}

} /*992*/

@media (max-width:768px){
	.t01 table{display:block;}
	.t01 tbody{display:block;}
	.t01 tr {display: block;}
	.t01 tr th{padding: 10px;display: block;width: 100%;position: relative;max-width: 100%;font-size: 20px;}
	.t01 tr td{padding: 10px;display: block;width: 100%;}
	.t01 tr td ul{padding: 5px;}
	.t01 tr td ul li{}

	.d0102 .tab-content .tab-pane.active{display:block}
	.d0102 .tab-content .tab-pane img{width:100%}

} /*768px*/

@media (max-width:550px){
	.t01 tr th{font-size: 16px;}
	.t01 tr td ul li{font-size:14px}

} /*768px*/


.t02{margin:0px auto 20px auto; border: 1px solid #eee; }
.t02 tr{}
.t02 tr th{background:#F2F2F2;text-align: center;width: 200px;padding: 20px 5px; font-size:18px}
.t02 tr td{padding: 20px 5px;}
.t02 tr td ul{margin:0px; padding:0px 0px 0px 40px}
.t02 tr td ul li{}
.t02 tr td ul li {}

@media (max-width:768px){
	.t02 tr th{font-size:16px; width:140px}
	.t02 tr td ul{padding:0px 0px 0px 10px}

} /*992px*/


@media (max-width:550px){
	.text_box .text{padding:0px 5px !important}
	.t02 tr th{display: block; width: 100%; padding: 5px;}
	.t02 tr td{display: block;  width: 100%; padding: 10px;}
	.text_box .text ul li{font-size:15px !important}

} /*550px*/


/* con_text */
.text_box{margin: 0px 0px 40px 0px;}
.text_box header:before{content:''; display:block; width: 290px; height: 3px; position:absolute;background: #009c82;left: 0px;top: -2px;}
.text_box header{border-top: 1px solid #dddddd; position: relative;
							padding: 30px 20px 30px 60px; letter-spacing: -1px; word-break: keep-all;}
.text_box header h1:before{content: ''; display: block; width: 10px; height: 10px; border-radius: 50%; border: #009C82 3px solid;
										position: absolute; left: -2%; top: -35px;}
.text_box header h1{font-size: 22px; font-family:'Noto Sans SC', 'Pretendard'; position:relative; color: #009C82; font-weight:700}
.text_box header h1 span{margin-right:5px}
.text_box header p{margin:10px 0px;font-size: 17px;font-weight: 600; color:#888; word-break: break-all;}
.text_box .text{padding: 0px 30px;}
.text_box .text ul{}
.text_box .text li:before{content:''; display:block; width:4px; height:4px; border-radius:50%; background:#333;
									position:absolute; top:10px; left: 0px; }
.text_box .text ul li{list-style:none; position:relative; padding:0px 0px 0px 10px; margin-bottom:4px;
								word-break:break-all; font-weight:500 ; font-size:17px;}
.text_box .text li ul {margin-bottom:10px}
.text_box .text li ul li:before{content:''; display:block; width: 7px; height: 2px; border-radius: 0px; background:#333;
									position:absolute; top: 11px; left: 0px; }
.text_box .text ul li ul li{list-style:none; position:relative; padding:0px 0px 0px 10px; margin-bottom:4px;
										word-break:keep-all; font-weight:500 ; font-size:17px;}
.text_box .text ul li ul li.ex{color:#333; font-weight:900}
.text_box .text .tab_box{}
.text_box .text .tab_box .nav{display: flex; flex-wrap: wrap; list-style: none; margin-bottom: 0; padding-left: 0;border: 1px solid #009c82;margin-bottom: 20px;}
.text_box .text .tab_box .nav li:before{content:'';display:none}
.text_box .text .tab_box .nav li.nav-item{flex: 1 1 auto; text-align: center;border: 1px solid #009c82;margin-bottom: 0px; padding: 0px;}
.text_box .text .tab_box .nav li.nav-item a{position: relative;color: #009c8a;}
.text_box .text .tab_box .nav li.nav-item a.active{background: #009c8a; color:#fff}



.img_box1{display: block; width:100%}
.img_box1 .photoswipe{width: 95%; max-width:600px; margin: 5px auto; display:block;}
.img_box1 .photoswipe img{width: 100% !important;}
.text_box .img_box2{margin-left:60px}
.img_box2{display: flex;flex-direction: row;justify-content: center;align-items: stretch;flex-wrap: wrap;}
.img_box2 .photoswipe{max-width: 48%;margin: 1%; }
.img_box2 .photoswipe img{width: 100% !important;}
.img_box3{display: flex;flex-direction: row;justify-content: space-between;align-items: stretch;flex-wrap: wrap;}
.img_box3 .photoswipe{max-width: 31%;margin: 1%;}
.img_box3 .photoswipe img{width: 100%;}
.img_box4{display: flex;flex-direction: row;justify-content: space-between;align-items: stretch;flex-wrap: wrap;}
.img_box4 .photoswipe{max-width:23%;margin: 1%; box-sizing:border-box}
.img_box4 .photoswipe img{width: 100%;}

@media (max-width:768px){
	.text_box .img_box2{margin-left:0px}

} /*768px*/




.relics_img1{display: block; width:100%;padding-left: 60px;}
.relics_img1 .photoswipe{width: 95%; display:block;background: #f0f0f0;margin: 1%;width: 99%;text-align: right; box-sizing:border-box}
.relics_img1 .photoswipe img{width: 100% !important;max-width: 550px;}
.relics_img2{display: flex;flex-direction: row;justify-content: flex-end;align-items: stretch;flex-wrap: wrap; padding-left:60px}
.relics_img2 .photoswipe{max-width: 48%;margin: 1%; }
.relics_img2 .photoswipe img{width: 100%;}



.text_box .photoswipe{position:relative;}
.text_box  .photoswipe .p_badge {position: absolute; bottom: 5px; left: 5px; padding: 10px 20px; color: #FFF;
															background: rgba(0,0,0,0.5); line-height: 1; font-size: 16px; font-weight: 600;}
.text_box  .photoswipe:hover{box-shadow:0px 0px 4px 1px #aaa}
.text_box  .photoswipe:hover .p_badge{width:100%; height:100%; font-size:2em; top:0px; left:0px; background: rgba(0,0,0,0.6); padding-top:24%; text-align:center; }

.text_box .d4{border: 1px solid #e1e1e1;}
.text_box .d4 tr{}
.text_box .d4 tr th{ text-align: center; font-size: 16px; background: #d1eae6; vertical-align: middle; padding: 20px 0px;}
.text_box .d4 tr td{text-align: center;border: 1px solid #d1eae6;}
.text_box .d4 tr td:nth-child(1){font-weight: 600;}


@media (max-width:768px){
	.text_box header{padding:30px 20px 20px 30px}
	.text_box header:before{left:0; width:50%}
	.text_box header h1:before{left:2%}

} /*768px*/

@media (max-width:550px){
	.text_box header h1{font-size:18px}
	.text_box .text .img_box2 .photoswipe{max-width: 98%;margin: 1%;}
	.text_box .text .img_box3 .photoswipe{max-width: 98%;margin: 1%;}
	.text_box .text .img_box4 .photoswipe{max-width:98%;margin: 1%; box-sizing:border-box}


} /*768px*/



/**/
.map_box{margin-bottom: 50px;}
.map_box dl{margin: 10px 30px 10px 50px; display: flex;flex-direction: row;justify-content: flex-start;}
.map_box dl dt{display: inline-block;background: #009c82;text-align: center;width: 100px;height: 30px;line-height: 30px;border-radius: 20px;margin: 0px 10px 0px 0px;color: #fff;}
.map_box dl dd{font-weight: 600;}

/*기증절차*/
.step_table{}
.step_table tr{background: #F2F7F6;display: block;border-radius: 10px;border-color: transparent;}
.step_table tr:nth-child(2n){background: transparent;color: #009c82;}
.step_table tr td{text-align: center;display: block;font-size: 15px;}
.step_table tr td span{display: block;font-size: 18px;font-weight: bold;color: #009c82;margin-bottom: 2px;}


/*인사말*/
.insa{}
.insa img{margin-bottom: 50px; width:100%;}
.insa p{margin: 0px 0px 20px 20%;font-size: 18px;font-weight: 600; word-break:break-all}

/*예약안내*/
.res_box{position:relative}
.res_box ul{margin: 0px;padding: 0px;display: flex;justify-content: space-between;align-items: stretch;flex-direction: row;flex-wrap: nowrap;}
.res_box ul li{display: inline-block;width: 32%;border: 1px solid #22bfa3;box-sizing: border-box;padding: 40px 20px;}
.res_box ul li img{display: block;margin: 0px auto 10px auto;}
.res_box ul li h3{font-size: 20px;text-align: center;color: #00987e;font-weight: 700;font-family:'Noto Sans SC', 'Pretendard';margin-bottom: 20px;}
.res_box ul li p{text-align: center;letter-spacing: -1px;word-break: keep-all; padding:0px 9%}
.res_box ul li a{display: block;width: 80%;height: 50px;line-height: 50px;background: #329180;text-align: center;color: #fff;margin: 40px auto 0px auto;}
.res_box ul li span{display: block;border-top: 1px solid #1ddab8;padding: 20px 0px 0px 0px;text-align: center;font-size: 20px;color: #15b99e;font-weight: 600;}

@media (max-width:1199px){
	.res_box ul li{padding:20px 10px}

} /*1199px*/

@media (max-width:768px){
	.res_box ul{display: block;}
	.res_box ul li{width: 100%;margin-bottom: 7px;}

} /*768px*/




/*연혁*/

/* .timeline:before{ content: ''; display: block; width: 39%; height: 100%;  position: absolute;
								background:url(../images/sub/D07/D07_02_img.png);background-repeat: no-repeat;bottom: 0px;right: 0px;
								background-position: center bottom;filter: grayscale(1.5);background-size: contain;}*/
.timeline{position: relative; display:block;}
.timeline .time_box:before{content:'';width: 3px;height: 100%;background: #009c82;display: block;position: absolute;top: 20px;left: 130px;}
.timeline .time_box{display: flex;flex-direction: row;align-content: space-between;justify-content: flex-start;align-items: flex-start; position:relative}
.timeline .time_box h2:before{content:''; display:block; width:10px; height:10px; border-radius: 50%;background: #009c82;position: absolute;top: 15px;right: -6px;}
.timeline .time_box h2{font-size: 30px;color: #046c5a;width: 130px;position: relative;padding: 0px 20px 0px 40px;}
.timeline .time_box ul{padding: 0px 0px 0px 0px; width: 85%;border-radius: 20px;display: block; margin: 0px 0px 30px 0px;}
.timeline .time_box ul li{list-style: none;padding: 10px 20px 10px 55px;background: rgb(216 216 216 / 24%);border-radius: 5px;margin-bottom: 5px;position: relative;}
.timeline .time_box ul li span{font-weight: bold;width: 30px;display: inline-block;font-size: 16px;color: #009c82;position: absolute;top: 10px;left: 20px;}
.timeline:nth-child(1){}
.timeline .time_box.last:before{display:none;}

@media (max-width:768px){
	.timeline:before{bottom:-50px}
	.timeline .time_box h2{padding:0px 20px 0px 10px; font-size:25px; width:80px}
	.timeline .time_box:before{left:79px}
	.timeline .time_box ul{width:100%}
	.timeline .time_box ul li{font-size:16px}
	.timeline .time_box ul li span{font-size: 16px;}


} /*768px*/

@media (max-width:550px){
	.timeline:before{}
	.timeline .time_box{display:block}
	.timeline .time_box:before{display:none}
	.timeline .time_box h2:before{display:none}

} /*768px*/


/*공개구입 절차*/
.d4_stepbox{display: flex;flex-wrap: wrap;align-content: space-between;justify-content: space-between;align-items: stretch;margin: 0px 0px 70px 0px;}
.d4_stepbox .step_line{display: inline-block;padding: 20px;border: 1px solid #eaeaea;
										width: 22%;text-align: center;margin: 1%;position: relative;}
.d4_stepbox .step_line img{}
.d4_stepbox .step_line h3{font-size: 18px;font-family: Pretendard;color: #0f6b5b;letter-spacing: -0.5px;}
.d4_stepbox .step_line span{color: #9eb4b1;font-weight: 600;display: block;line-height: 1.1;font-size: 14px;margin: 5px 0px 0px 0px; word-break:keep-all}
.d4_stepbox .step_line b{display: block;width: 30px;height: 30px;background: #0d6e5d;
												border-radius: 50%;color: #fff;line-height: 30px;font-size: 14px;    z-index: 1;
												position: absolute;bottom: -40px;left: 50%;transform: translateX(-50%);}
.d4_stepbox .step_line:nth-child(1){order: 1;margin-bottom: 60px;}
.d4_stepbox .step_line:nth-child(2){order: 2;margin-bottom: 60px;}
.d4_stepbox .step_line:nth-child(3){order: 3;margin-bottom: 60px;}
.d4_stepbox .step_line:nth-child(4){order: 4;margin-bottom: 60px;}
.d4_stepbox .step_line:nth-child(5){order: 8;margin-top: 60px;}
.d4_stepbox .step_line:nth-child(6){order: 7;margin-top: 60px;}
.d4_stepbox .step_line:nth-child(7){order: 6;margin-top: 60px;}
.d4_stepbox .step_line:nth-child(8){order: 5;margin-top: 60px;}

.d4_stepbox .step_line:nth-child(n+5):nth-child(-n+8) b{top:-40px}
.d4_stepbox .step_line:nth-child(4):after{content: ''; width: 35px; height: 70px; border: 2px solid #000; display: block; border-radius: 0px 90px 90px 0px;
																			position: absolute; top: 113%; right: 32%;border-color: #0d6e5d transparent;}
.d4_stepbox .step_line:nth-child(-n+3):after { content: ''; width: 104%; height: 2px; background: #0d6e5d; display: block;
																				position: absolute; left: 56%; bottom: -27px;}
.d4_stepbox .step_line:nth-child(n+6):nth-child(-n+8):after{content: ''; width: 104%; height: 2px; background: #0d6e5d; display: block;
																										position: absolute; left: 56%; top: -28px;}

@media (max-width:768px){
.d4_stepbox .step_line{width:48%}
.d4_stepbox .step_line:after{display:none !important}
.d4_stepbox .step_line:nth-child(1){order: 1;margin-bottom: 50px;}
.d4_stepbox .step_line:nth-child(2){order: 2;margin-bottom: 50px;}
.d4_stepbox .step_line:nth-child(3){order: 3;margin-bottom: 50px;}
.d4_stepbox .step_line:nth-child(4){order: 4;margin-bottom: 50px;}
.d4_stepbox .step_line:nth-child(5){order: 5;margin-top: 0px;margin-bottom: 50px;}
.d4_stepbox .step_line:nth-child(6){order: 6;margin-top: 0px;margin-bottom: 50px;}
.d4_stepbox .step_line:nth-child(7){order: 7;margin-top: 0px;margin-bottom: 50px;}
.d4_stepbox .step_line:nth-child(8){order: 8;margin-top: 0px;margin-bottom: 50px;}

.d4_stepbox .step_line:nth-child(n+5):nth-child(-n+8) b{top:auto}

} /*768px*/


@media (max-width:550px){
.d4_stepbox .step_line{padding:5px}
.d4_stepbox .step_line h3{font-size:15px}
.d4_stepbox .step_line span{font-size:12px}


} /*768px*/

/*MI*/
.mi_box{}
.mi_box h2{text-align: center; font-family:'Noto Sans SC', 'Pretendard'; color: #0bb598; font-size: 1.7rem; word-break:keep-all;
						border-bottom: 2px solid #0bb598; padding: 40px 0px 30px 0px;}
.mi_box .down_box{ padding: 40px 5px; text-align: center;}
.mi_box .down_box a{display: inline-block;  padding: 20px 0px; width:300px;  border: 3px solid #0bb598; margin: 0px 5px;
										color: #0bb598; font-weight: bold; font-size: 18px;}


@media (max-width:768px){
	.mi_box h2{font-size: 16px; padding:10px 0px 20px 0px}
	.mi_box .down_box a{width:200px;   font-size:16px}
} /*768px*/


@media (max-width:550px){
	.mi_box h2{font-size: 16px; padding:10px 0px 20px 0px}
	.mi_box .down_box {padding:10px 0px}
	.mi_box .down_box a{width:95%;   font-size:14px; display:block; margin-bottom:10px; padding:10px 0px}
} /*768px*/



.copy{padding:20px;border: 1px solid #009c82;border-radius: 5px;display: flex;}
.copy h5{}
.copy img{margin-right: 20px;}
.copy p{word-break: keep-all;font-size: 18px;line-height: 1.7;}
.copy p span{font-weight: bold;}
.copy p a{padding: 2px 20px; background: #009c82; border-radius: 20px; color: #fff; font-weight: bold;}


/**/
.d0103{}

@media (max-width:768px){
	.d0103{}
	.d0103 .row{display:block}

} /*768px*/