#visual {position:relative; width:100%; text-align:center; overflow:hidden; padding:2rem 0; background: #0000004d;}
#visual .title {color:#fff; font-size:3rem; font-weight:400}
#visual .img {position:absolute; top:0; left:0; display:block; z-index:-1; width:100%; height:100%}
#visual .img img {position:absolute; top:50%; left:50%; -webkit-transform:translate(-50%, -50%); transform:translate(-50%, -50%); max-width:inherit}
#visual .control {display:none}

.breadcrumb-item,.breadcrumb-item a{color: #888 !important; font-size: 0.9rem;}
.breadcrumb-item.active  {color: #000;}

.sub-nav {font-size: 1.1rem; border-right: 1px solid #939393; color:#fff;}
.sub-nav:last-child {border: none;}
.sub-nav a:link {color:#fff ; font-family: 'NanumSquare','square',"Noto Sans";}
.sub-nav a:visited {color:#fff ; font-family: 'NanumSquare','square',"Noto Sans";}

.sub-bg-1 {background-image: url("../img/sub/leaves.jpg"); background-repeat: no-repeat; }
.sub-bg-2 {background-image: url("../img/sub/sub-back-1.jpg");  background-repeat: no-repeat; }
.sub-bg-3 {background-image: url("../img/sub/firefly.jpg");  background-repeat: no-repeat; }
.sub-bg-4 {background-image: url("../img/sub/firefly3.jpg");  background-repeat: no-repeat; }
.sub-bg-5 {background-image: url("../img/sub/sub-back-3.jpg");  background-repeat: no-repeat; }
.sub-bg-6 {background-image: url("../img/sub/sub-back-4.jpg");  background-repeat: no-repeat; }
.sub-content {background: #fff; width: 100%;  padding: 3rem; border-radius: 50px 0 50px 0;}
.sub-content h2 {font-size: 2rem; font-weight: 700; padding-bottom: 2rem; margin-bottom: 2rem; border-bottom: 0.2rem dotted #c7e5ba; padding-left: 60px; }
.sub-content h2::before {content: ""; width:50px; height:34px; background-image: url("../img/sub/blit.png"); display: block; position: absolute; margin-left:-60px;}
.sub-content p {font-size: 1.1rem; line-height: 2rem; font-weight: 400;}

.intro-number dt{font-weight: 500; color: #009688; margin-top: 1rem; display: inline; font-size: 1.4rem; }
.bg-g {background-color: #004a4c;}
.bg-n {background-color: #009688;}
.bg-g a:link{color: #8fbfc1;}
.bg-g a:visited{ color: #8fbfc1;}

/***************************************************�고쁺**************************************************/
.history {position:relative;}
.history dl {position:relative; padding-bottom:22px;	margin:0 !important;}
.history dl::before {display:inline-block;	content:'';	width:95px;	height:44px;	position:absolute;}
.history dl dt {font-size: 30px; font-weight: bold;	font-weight:bold;	padding-top:8px;	margin-bottom:12px;	color:#31585; border-bottom: 1px dotted #ddd;}
.history dl dd {font-size:16px;	line-height:28px;	color:#000;	position:relative;}
.history dl dd span:first-child {display:block;	font-size:20px;	color:#009688;	position:relative; font-weight: 700;}
.history dl dd span:nth-child(2) {display:block;	font-size:16px;	color:#009688;	position:relative;}
.history dl dd span:nth-child(3) {display:block;	font-size:16px;	color:#222;	position:relative;}

.history dl:nth-child(odd) {text-align:right;	width:50%;	padding-right:98px;	border-right:2px solid #d7d7d7;}
.history dl:nth-child(odd) dd {}
.history dl:nth-child(odd) dd span {right:0;}
.history dl:nth-child(odd)::before {background:url("../img/sub/history_bg03.png") 0 0 no-repeat;	right:-22px;}
.history dl:nth-child(1)::before {background:url("../img/sub/history_bg01.png") 0 0 no-repeat;}
.history dl:nth-child(even) {width:50%;	left:50%;	padding-left:98px;	border-left:2px solid #d7d7d7;}
.history dl:nth-child(even)::before {background:url("../img/sub/history_bg02.png") 0 0 no-repeat;	left:-24px;}
.history dl:nth-child(even) dd {text-align: left;}
.history dl:nth-child(even) dd span {text-align:left;}
.history dl:nth-child(odd):last-child {border-right:none !important;	padding-right:100px;	padding-bottom:0;}
.history dl:nth-child(even):last-child {border-left:none !important;	padding-bottom:0;	padding-left:100px;}
.history dl:nth-child(odd):last-child::before {right:-20px;}
.history dl:nth-child(even):last-child::before {left:-22px;}

/***************************************************�먯뿰�숆탳**************************************************/
.school-box {border-radius: 30px 0; padding: 3rem; border: 1px solid #eee!important;}
.school-box h3{font-weight: 600; padding-bottom: 20px; border-bottom: 1px solid #ddd; margin-bottom: 20px; padding-left: 24px; }
.school-box h3::before{content: ""; width:19px; height:18px; background-image: url("../img/sub/sub-blit.png");  display: block; position: absolute; margin-left: -26px; margin-top: 3px;}
.school-box p {font-size: 16px; line-height: 28px; text-align: justify;}

/***************************************************�ъ씠�몃㏊**************************************************/
.sitemap-box {border-radius: 30px 0; padding: 2rem; }
.sitemap-box dt {font-size: 1.2rem; font-weight: 600; padding: 1rem; border-bottom: 1px solid #ddd; margin-bottom: 20px; padding-left: 24px; color: #fff; background-color: #e0702f; border-radius: 30px 0;}
.sitemap-box li {padding: 0 0 0.5rem 1rem; margin-bottom: 1rem;  border-bottom: 1px solid #ededed;}
.sitemap-box dd a:link {font-size: 16px; line-height: 28px; text-align: justify; color: #000;}
.sitemap-box dd a:visited {font-size: 16px; line-height: 28px; text-align: justify; color: #000;}

/* Tablet */
@media (max-width: 768px) {
  /***************************************************�쒕툕硫붾돱**************************************************/
  .row .p-4 {padding: 0.5rem 0.5rem !important;}
  .sub-content{padding: 1.5rem;}
  .g-1  {--bs-gutter-y: 0.06rem !important;}
  #visual .title {font-size: 2rem;}
  #visual {padding: 1rem 0;}

  .sub-content h2 {font-size: 1.4rem; padding-bottom: 1rem; margin-bottom: 1rem; padding-left: 40px;}
  .sub-content h2::before{background-size: 30px; margin-left: -40px; width: 30px; height: 20px;}

  /***************************************************�щ떒�고쁺**************************************************/
  .history {padding:0;	background:#fff; width: 100%; text-align: left;}
  .history dl {position:relative;	border-left:1px solid #d7d7d7;	padding:0 0 20px 33px;	margin-left:12px; width: 100%; padding-right: 0 !important;}
  .history dl:nth-child(odd) {width: 100% !important;  border-right: 0 !important;  text-align: left !important;}
  .history dl:nth-child(even) {width: 100% !important;  border-right: 0 !important;  text-align: left !important; left: 0; padding-left:33px; }
  .history dl:nth-child(even):last-child {width: 100% !important;  border-right: 0 !important;  text-align: left !important; left: 0; padding-left:33px; }
  .history dl:last-child {border-left:none !important;	padding-bottom:0; width: 100% !important;}
  .history dl:nth-child(even)::before {width: 100% !important;	display:inline-block;	content:'';	 	background:url("../img/sub/history_bg02-m.png") 0 0 no-repeat ; 	background-size:39px 24px; 	position:absolute; 	left:-12px;	top:0; }
  .history dl:nth-child(odd)::before {width: 100% !important;	display:inline-block;	content:'';	 	background:url("../img/sub/history_bg02-m.png") 0 0 no-repeat ; 	background-size:39px 24px; 	position:absolute; 	left:-12px;	top:0; }
  .history dl:nth-child(even):last-child::before {width: 100% !important;	display:inline-block;	content:'';	 	background:url("../img/sub/history_bg02-m.png") 0 0 no-repeat ; 	background-size:39px 24px; 	position:absolute; 	left:-12px;	top:0; }
  .history dl::before {width: 100% !important;	display:inline-block;	content:'';	 	background:url("../img/sub/history_bg02-m.png") 0 0 no-repeat ; 	background-size:39px 24px; 	position:absolute; 	left:-12px;	top:0; }
  .history dl dt {font-size:22px; font-weight:bold;	padding-top:5px;	margin-bottom:12px;	color:#222; padding-bottom: 20px;  line-height: 10px;}
  .history dl dd {font-size:13px; line-height:22px;	color:#000;	position:relative;}
  .history dl dd span {display:inline-block;	font-size:14px;	color:#009688;	text-align:left; 	left:0; }

  .history dl:nth-child(1)::before {	background:url("../img/sub/history_bg01-m.png") 0 0 no-repeat; 	background-size:39px 24px; }

  /***************************************************�먯뿰�숆탳**************************************************/
  .school-box {padding: 2rem; }

  /***************************************************�ъ씠�몃㏊**************************************************/
  .sitemap-box {padding: 1rem; border: 0;}

}