@font-face { font-family: 'NotoSerifKR'; src: url('https://cdn.jsdelivr.net/gh/projectnoonnu/noonfonts_two@1.0/NotoSerifKR.woff') format('woff'); font-weight: normal; font-style: normal; }


@font-face {
    font-family: 'GmarketSans';
    font-weight: 300;
    font-style: normal;
    src: url('https://cdn.jsdelivr.net/gh/webfontworld/gmarket/GmarketSansLight.eot');
    src: url('https://cdn.jsdelivr.net/gh/webfontworld/gmarket/GmarketSansLight.eot?#iefix') format('embedded-opentype'),
         url('https://cdn.jsdelivr.net/gh/webfontworld/gmarket/GmarketSansLight.woff2') format('woff2'),
         url('https://cdn.jsdelivr.net/gh/webfontworld/gmarket/GmarketSansLight.woff') format('woff'),
         url('https://cdn.jsdelivr.net/gh/webfontworld/gmarket/GmarketSansLight.ttf') format("truetype");
    font-display: swap;
} 
@font-face {
    font-family: 'GmarketSans';
    font-weight: 500;
    font-style: normal;
    src: url('https://cdn.jsdelivr.net/gh/webfontworld/gmarket/GmarketSansMedium.eot');
    src: url('https://cdn.jsdelivr.net/gh/webfontworld/gmarket/GmarketSansMedium.eot?#iefix') format('embedded-opentype'),
         url('https://cdn.jsdelivr.net/gh/webfontworld/gmarket/GmarketSansMedium.woff2') format('woff2'),
         url('https://cdn.jsdelivr.net/gh/webfontworld/gmarket/GmarketSansMedium.woff') format('woff'),
         url('https://cdn.jsdelivr.net/gh/webfontworld/gmarket/GmarketSansMedium.ttf') format("truetype");
    font-display: swap;
} 
@font-face {
    font-family: 'GmarketSans';
    font-weight: 700;
    font-style: normal;
    src: url('https://cdn.jsdelivr.net/gh/webfontworld/gmarket/GmarketSansBold.eot');
    src: url('https://cdn.jsdelivr.net/gh/webfontworld/gmarket/GmarketSansBold.eot?#iefix') format('embedded-opentype'),
         url('https://cdn.jsdelivr.net/gh/webfontworld/gmarket/GmarketSansBold.woff2') format('woff2'),
         url('https://cdn.jsdelivr.net/gh/webfontworld/gmarket/GmarketSansBold.woff') format('woff'),
         url('https://cdn.jsdelivr.net/gh/webfontworld/gmarket/GmarketSansBold.ttf') format("truetype");
    font-display: swap;
} 

@font-face {font-family: 'Noto Sans KR';font-style: normal;font-weight: 100;src: url(//fonts.gstatic.com/ea/notosanskr/v2/NotoSansKR-Thin.woff2) format('woff2'),url(//fonts.gstatic.com/ea/notosanskr/v2/NotoSansKR-Thin.woff) format('woff'),url(//fonts.gstatic.com/ea/notosanskr/v2/NotoSansKR-Thin.otf) format('opentype');}

@font-face {font-family: 'Noto Sans KR';font-style: normal;font-weight: 300;src: url(//fonts.gstatic.com/ea/notosanskr/v2/NotoSansKR-Light.woff2) format('woff2'),url(//fonts.gstatic.com/ea/notosanskr/v2/NotoSansKR-Light.woff) format('woff'),url(//fonts.gstatic.com/ea/notosanskr/v2/NotoSansKR-Light.otf) format('opentype');}

@font-face {font-family: 'Noto Sans KR';font-style: normal;font-weight: 400;src: url(//fonts.gstatic.com/ea/notosanskr/v2/NotoSansKR-Regular.woff2) format('woff2'),url(//fonts.gstatic.com/ea/notosanskr/v2/NotoSansKR-Regular.woff) format('woff'),url(//fonts.gstatic.com/ea/notosanskr/v2/NotoSansKR-Regular.otf) format('opentype');}

@font-face {font-family: 'Noto Sans KR';font-style: normal;font-weight: 500;src: url(//fonts.gstatic.com/ea/notosanskr/v2/NotoSansKR-Medium.woff2) format('woff2'),url(//fonts.gstatic.com/ea/notosanskr/v2/NotoSansKR-Medium.woff) format('woff'),url(//fonts.gstatic.com/ea/notosanskr/v2/NotoSansKR-Medium.otf) format('opentype');}

@font-face {font-family: 'Noto Sans KR';font-style: normal;font-weight: 700;src: url(//fonts.gstatic.com/ea/notosanskr/v2/NotoSansKR-Bold.woff2) format('woff2'),url(//fonts.gstatic.com/ea/notosanskr/v2/NotoSansKR-Bold.woff) format('woff'),url(//fonts.gstatic.com/ea/notosanskr/v2/NotoSansKR-Bold.otf) format('opentype');}

@font-face {font-family: 'Noto Sans KR';font-style: normal;font-weight: 900;src: url(//fonts.gstatic.com/ea/notosanskr/v2/NotoSansKR-Black.woff2) format('woff2'),url(//fonts.gstatic.com/ea/notosanskr/v2/NotoSansKR-Black.woff) format('woff'),url(//fonts.gstatic.com/ea/notosanskr/v2/NotoSansKR-Black.otf) format('opentype');}

body, h1, h2, h3, h4, h5, h6, input, textarea, select {
	font-family: 'Noto Sans KR', sans-serif;
}


nav .breadcrumb {  background-color:transparent;    font-size: 1rem;}
.table01{}
.table01 ul{ display: flex; list-style:none;font-size:1.1rem ;color:#222;padding: 15px 2px 0px 2px;border-top: 1px solid #d5d5d5;}

.table01 li:nth-child(1){width:12%;font-size:1.2rem; font-weight:600;padding-left: 15px; }
.table01 li:nth-child(2){width:8% }
.table01 li:nth-child(3){width:15% }
.table01 li:nth-child(4){width:10% }
.table01 li:nth-child(5){width:55% ;letter-spacing: -1.5px;}
.yan{border-bottom: 1px solid #d5d5d5;}
.pink{border-right: 1px solid #d5d5d5;}
.tta1{display:block !important;width:57%;float: right;margin-top: -190px;border-top: 0px solid #d5d5d5 !important;overflow: hidden;}
.bg-light02 {
	background-image: url(../img/banner.png);
	background-repeat: no-repeat;
	background-size: cover;
	background-position: center center;
}


.bg-light03 {
	background-image: url(../img/sub_bg.jpg);
	background-repeat: no-repeat;
	background-size: cover;
	background-position:right;
}

.bg-light04 {
	background-image: url(../img/sub_bg02.jpg);
	background-repeat: no-repeat;
	background-size: cover;
	background-position:right;
}

.bg-light05 {
	background-image: url(../img/sub_bg03.jpg);
	background-repeat: no-repeat;
	background-size: cover;
	background-position:right;
}

.bg-light06 {
	background-image: url(../img/sub_bg04.jpg);
	background-repeat: no-repeat;
	background-size: cover;
	background-position:right;
}

.display-4 {
	color: #fff;
	 font-family: 'GmarketSans';
	padding-bottom: 5px;
		font-weight: 700;
}
.m_text {
	color: #dedede;
	margin-top: 20px;
}
.py-50 {
	padding-top: 5rem !important;
	padding-bottom: 5rem !important;
}
.p-0 {
	padding-top: 10px !important;
	padding-bottom: 10px !important;
}
.navbar .navbar-nav .nav-link {
	margin-right: 40px;
}

.text-primary {
	color: #1b2b42 !important;
	
}
.n_icon a {
	font-size: 12px !important;
	font-weight: bold;
}
.line {
	width: 500px;
	border: 1px solid silver;
	height: 1px;
}
@media (min-width : 1200px)  {
	.display-4 {
	font-size: 2.8rem;

}
	
}

@media (max-width : 1500px)  {
	.display-4 {
	font-size: 2.2rem;
}
	
}

@media (max-width : 1100px)  {
	.display-4 {
	font-size: 2.0rem;
}
	
}

@media (max-width : 767px)  {
	.display-4 {
	font-size: 1.7rem;
}
	.m_text {
font-size: 0.8rem;}
	
	.line {
	width: 300px;

}
	
}


.display-6 {
 font-family: 'GmarketSans';
	color: #1b2b42;
}

.text-primary {
	color: #333 !important;
	font-size: 1.0rem  !important;

	
}


.container-xxl01 {
background-image: url(../img/s_banner.png);
max-width: 1920px;
background-repeat: no-repeat;
background-size: cover;


}

.container_wrap {
background-image: url(../img/sub_bg05.jpg);
width: 100%;
background-repeat: no-repeat;
background-size: cover;




}

.container_wrap02 {
background-image:none;
}

.basic_li i::before{display: none;}
.basic_li a{display: block;margin-bottom: -18px;}
.basic_li a strong{/*height: 47px ;*/display: block;font-weight:400; }

.t_m {
color: #dbb97d;}


.t_m2 {
color: #ddd6c6 !important;}

.d-flex02 {
	background-color: #a28758;
	padding: 1rem;
}

@media (min-width : 1800px)  {
	.img-fluid2 {

	max-width: none;
	}
}

@media (min-width : 767px)  {
	.col-md-3 {
	flex: 0 0 auto;
	width: 33.3333%;
}
}
.footer {
	padding-top: 2rem;
	padding-bottom: 2rem;

}
.f_menu {

	overflow: hidden;
	padding-left: 0px;
}
.f_menu li {
	float: left;
	list-style: none;
	padding: 0 10px;
	padding-bottom: 10px;
	
}


.f_menu li a {
	color: #fff;
	font-size: 16px;

}
.footer p {
font-size: 14px;}
.footer {
background-color: #0a192e;overflow: hidden;margin-top:100px}
@media (max-width : 1400px)  {
	.col-md-60 {
		flex: 0 0 auto;
		width: 50% !important;
	}	
}

@media (max-width : 992px)  {
	.col-md-60 {
		flex: 0 0 auto;
		width: 100% !important;
	}	
	
	.bg-light03 {
	background-image: url(../img/sub_bg.jpg);
	background-repeat: no-repeat;
	background-size: cover;
	background-position: right;
}
}

.ps-4 {
width: 100%;}

.ps-4 p {
text-align: right;
	margin-top: -20px;
	padding-right: 20px;
	

}
.ps-4 h5 {
	 font-family: 'GmarketSans';

}
@media (max-width : 767px)  {
	
	.footer p {
		font-size: 12px;
	}
	.mb-3 { 
margin-bottom: 0rem !important;
	}
	.f_menu li a {
		font-size: 14px;
		
	}
	.f_menu {

	text-align: center;
	margin: auto;
	display: inline-block;}
}

.navbar .dropdown-toggle::after {
	display: none;
}

.dropdown-item {
	padding: 0.7rem 1rem;
}

.h-1000 p {
	font-size: 18px;
	color: #333;
	word-break: keep-all;
}

.h-1000 .text-primary {
	font-size: 23px !important;
	font-weight: bold;
	padding-top: 30px;
	font-family: 'NotoSerifKR';
	display: inline-block;
	position: relative;
	z-index: 1;
}
.h-1000 .text-primary::before {
	position: absolute;
	content: "";
	bottom: 1px;
	left: 0;
	width: 100%;
	height: 10px;
	background-color: #b9deff;
	transition: width 0.2s;
	z-index: -1;
}

.h-1000 .text-primary span {
	
}

@media (max-width : 767px)  {
	.h-1000 p {
	font-size: 14px;
	color: #333;
	word-break: keep-all;
}

.h-1000 .text-primary {
	font-size: 18px !important;
	font-weight: bold;
	padding-top: 10px;
}
}

.col-lg-50 {
	flex: 0 0 auto;
	width: 60%;
}
.col-lg-500 {
	flex: 0 0 auto;
	width: 40%;
}

.display-6 {
	font-size: 2.0rem !important;
	padding-top: 2rem;
}

@media (max-width : 1400px)  {
	.col-lg-50 {
	flex: 0 0 auto;
	width: 100%;
		text-align: center;
}
.col-lg-500 {
	flex: 0 0 auto;
	width: 100%;
	text-align: center;
}
}


.nd p {
font-size: 16px;}

.nd span {
font-size: 18px;}

@media (min-width : 1300px)  {
	.col-lg-400 {
		flex: 0 0 auto;
		width: 19.4%;
	}
}

@media (max-width : 656px)  {
	.col-lg-400 {
		flex: 0 0 auto;
		width: 50%;
	}
}

.history  {
display: inline-block;
	margin: auto;
	margin-left: 40%;
}
.history li {
	list-style: none;
}
 .history h2 {position: relative; font-size: 33px color: #000; line-height: 1;}
  .history h2:before {
    content:""; position: absolute;
    left:-47px; top:50%; transform: translateY(-200%);
    width: 17px; height: 17px; border-radius: 100%;
    background:#fff; border: 5px solid #ff5a2b;
    box-sizing: border-box;}

  .history div {position: relative; padding: 0 0 0 48px;}
  .history div:before { content:""; position:absolute; left:8px; top:0;
          width: 2px; height:100%; background:#ddd;}
  .history div:first-child:before { top:0px; height:calc(110% - 10px);}


  .history ol { padding: 20px 0 74px; }
  .history li {font-size: 17px; color:#000; line-height: 29px;  }

@media (max-width : 1300px)  {
	.history  {
display: block;
	margin: auto;
	margin-left: 0%;
}
}

@media (max-width : 650px)  {
.table01 ul { display: block;font-size: 0.9rem;}
.table01 li:nth-child(1){width:20% ;float: left;font-size:1rem;}
.table01 li:nth-child(2){width:15% ;float: left;}
.table01 li:nth-child(3){width:65%;float: left; }
.table01 li:nth-child(4){width:15%;overflow: hidden; float: left;height:100px}
.table01 li:nth-child(5){width:85%;height:100px}
.yan{border-bottom: 1px solid #d5d5d5;}
.pink{width:55% !important;border-right: 0px solid #d5d5d5;}
.pink_01{width: 31% !important;}
.pink_02{width:0% !important;border-right: 0px solid #d5d5d5;}
.tta1{width:100%;margin-top:0px;overflow: hidden;border-bottom: 1px solid #d5d5d5;padding-bottom:20px !important;}
}

/*창립회장*/
.flexwrap {
	width: 100%;
	display: flex;
	justify-content: space-between;
	align-items: flex-start;
	padding-top: 50px;
}

.imgbox {
	width: 25%;
	text-align: left;

}
.imgbox img {
	vertical-align: middle;
	width: 100%;
}
.txtBox {

width: 75%;
text-align: left;
	height: 100%;
}

.txtBox h3 {
	font-family: 'NotoSerifKR';
	padding: 50px;
	line-height: 50px;
	font-weight: 400;
	font-size: 23px;
}

.txtBox .sign {
font-size: 23px;
font-weight: 500;
letter-spacing: 3px;
text-align: right;
line-height: 25px;}

.txtBox .sign > span {
	font-size: 19px;
	font-weight: 800;
	letter-spacing: 2px;
}

.txtBox .sign > em {
	font-size: 15px;
	font-weight: 400;
	letter-spacing: -0.5px;
}

.txtBox2 h4 {
	font-size: 20px;
	font-weight: 500;
	line-height: 44px;
	letter-spacing: -1.5px;
	color: #111;
	padding-left: 10px;
	margin: 40px 0 15px;
}
.txtBox2 {
width: 48%;
text-align: left;
}
.txtBox2 ul > li {
	width: 100%;


	border-top: 1px solid silver;
	padding: 12px 0 15px;
	list-style: none;
}

.txtBox2 .year {
	text-align: center;
	widows: 80px;
	font-size: 20px;
	font-weight: 600;
	color: #111;
	letter-spacing: -0.5px;
	padding-left: 15x;
}
.txtBox2 .infoco {
	font-size: 18px;
	font-weight: 400;
	color: #555;
	letter-spacing: -1px;
	padding-left: 15px;
}
.txtBox2 h4 {
	background-color: #1b2b42;
	color: #fff;
	text-align: center;
}


.flexwrap01 {


	padding: 50px;
	margin-top: 50px;
	background-image: url(../img/sub_bg06.jpg);
	background-repeat: no-repeat;
	background-size: cover;
	border-radius: 5px;
}
@media (max-width : 992px)  {
	.flexwrap {
		display: block;
	}
	
	.imgbox,.txtBox,.txtBox2 {
		width: 100%;
	}
	
	.txtBox h3 {
font-size: 18px;
	padding: 10px;
		line-height: 30pnx;
	}
	
	
}

/*겨레얼이란*/
.box_se {
overflow: hidden;
width: 100%;

margin-top: 100px;
}

.se_01 {
	width: 33.333%;
	float: left;
	text-align: center;
	padding: 20px 30px;
	word-break: keep-all;
}


.se_01 p {
	color: #333;
	font-size: 16px;
	letter-spacing: -0.5px;
}
.se_01 img {
margin-bottom: 20px;}

@media (max-width : 992px)  {
	.se_01 {
	width: 100%;
	float:none;
	text-align: center;
	padding: 20px 30px;
	word-break: keep-all;
}
}





/*히스토리*/

@import url(https://fonts.googleapis.com/css?family=Raleway:400,900);



.hexa{
  border: 0px;
  float: left;
  text-align: center;
  height: 35px;
  width: 60px;
  font-size: 22px;
  background: #f0f0f0;
  color: #3c3c3c;
  position: relative;
  margin-top: 15px;
}

.hexa:before{
  content: ""; 
  position: absolute; 
  left: 0; 
  width: 0; 
  height: 0;
  border-bottom: 15px solid #f0f0f0;
  border-left: 30px solid transparent;
  border-right: 30px solid transparent;
  top: -15px;
}

.hexa:after{
  content: ""; 
  position: absolute; 
  left: 0; 
  width: 0; 
  height: 0;
  border-left: 30px solid transparent;
  border-right: 30px solid transparent;
  border-top: 15px solid #f0f0f0;
  bottom: -15px;
}

.timeline {
  position: relative;
  padding: 0;
  width: 100%;
  margin-top: 20px;
  list-style-type: none;
}

.timeline:before {
  position: absolute;
  left: 50%;
  top: 0;
  content: ' ';
  display: block;
  width: 2px;
  height: 100%;
  margin-left: -1px;
  background: rgb(213,213,213);
  background: -moz-linear-gradient(top, rgba(213,213,213,0) 0%, rgb(213,213,213) 8%, rgb(213,213,213) 92%, rgba(213,213,213,0) 100%);
  background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(30,87,153,1)), color-stop(100%,rgba(125,185,232,1)));
  background: -webkit-linear-gradient(top, rgba(213,213,213,0) 0%, rgb(213,213,213) 8%, rgb(213,213,213) 92%, rgba(213,213,213,0) 100%);
  background: -o-linear-gradient(top, rgba(213,213,213,0) 0%, rgb(213,213,213) 8%, rgb(213,213,213) 92%, rgba(213,213,213,0) 100%);
  background: -ms-linear-gradient(top, rgba(213,213,213,0) 0%, rgb(213,213,213) 8%, rgb(213,213,213) 92%, rgba(213,213,213,0) 100%);
  background: linear-gradient(to bottom, rgba(213,213,213,0) 0%, rgb(213,213,213) 8%, rgb(213,213,213) 92%, rgba(213,213,213,0) 100%);
  z-index: 5;
}

.timeline li {
  padding: 2em 0;
}

.timeline .hexa{
  width: 16px;
  height: 10px;
  position: absolute;
  background: #161689;
  z-index: 5;
  left: 0;
  right: 0;
  margin-left:auto;
  margin-right:auto;
  top: -30px;
  margin-top: 0;
}

.timeline .hexa:before {
  border-bottom: 4px solid #161689;
  border-left-width: 8px;
  border-right-width: 8px;
  top: -4px;
}

.timeline .hexa:after {
  border-left-width: 8px;
  border-right-width: 8px;
  border-top: 4px solid #161689;
  bottom: -4px;
}

.direction-l,
.direction-r {
  float: none;
  width: 100%;
  text-align: center;
}

.flag-wrapper {
  text-align: center;
  position: relative;
}

.flag {
  position: relative;
  display: inline;
  background: rgb(255,255,255);
  font-weight: 600;
  z-index: 15;
  padding: 6px 10px;
  text-align: left;
  border-radius: 5px;
}

.direction-l .flag:after,
.direction-r .flag:after {
  content: "";
  position: absolute;
  left: 50%;
  top: -15px;
  height: 0;
  width: 0;
  margin-left: -8px;
  border: solid transparent;
  border-bottom-color: rgb(255,255,255);
  border-width: 8px;
  pointer-events: none;
}

.direction-l .flag {
  -webkit-box-shadow: -1px 1px 1px rgba(0,0,0,0.15), 0 0 1px rgba(0,0,0,0.15);
  -moz-box-shadow: -1px 1px 1px rgba(0,0,0,0.15), 0 0 1px rgba(0,0,0,0.15);
  box-shadow: -1px 1px 1px rgba(0,0,0,0.15), 0 0 1px rgba(0,0,0,0.15);
}

.direction-r .flag {
  -webkit-box-shadow: 1px 1px 1px rgba(0,0,0,0.15), 0 0 1px rgba(0,0,0,0.15);
  -moz-box-shadow: 1px 1px 1px rgba(0,0,0,0.15), 0 0 1px rgba(0,0,0,0.15);
  box-shadow: 1px 1px 1px rgba(0,0,0,0.15), 0 0 1px rgba(0,0,0,0.15);
}

.time-wrapper {
  display: block;
  position: relative;
  margin: 4px 0 0 0;
  z-index: 14;
  line-height: 1em;
  vertical-align: middle;
  color: #fff;
}

.direction-l .time-wrapper {
  float: none;
}

.direction-r .time-wrapper {
  float: none;
}

.time {
color: #161689;
  display: inline-block;
  padding: 10px 30px;
font-size: 50px;
	letter-spacing: -1px;
	font-weight: 400;
}

.desc {
  position: relative;
  margin: 1em 0 0 0;
  padding: 1em;
  background: rgb(254,254,254);

  z-index: 15;
}

.direction-l .desc,
.direction-r .desc {
  position: relative;
  margin: 1em 1em 0 1em;
  padding: 1em;
  z-index: 15;
}

@media(min-width: 992px){
  .timeline {
    width: 660px;
    margin: 0 auto;
    margin-top: 20px;
  }

  .timeline li:after {
    content: "";
    display: block;
    height: 0;
    clear: both;
    visibility: hidden;
  }
  
  .timeline .hexa {
    left: -88px;
    right: auto;
    top: 8px;
  }

  .timeline .direction-l .hexa {
    left: auto;
    right: -88px;
  }

  .direction-l {
    position: relative;
    width: 310px;
    float: left;
    text-align: right;
  }

  .direction-r {
    position: relative;
    width: 310px;
    float: right;
    text-align: left;
  }

  .flag-wrapper {
    display: inline-block;
  }
  
  .flag {
    font-size: 18px;
  }

  .direction-l .flag:after {
    left: auto;
    right: -16px;
    top: 50%;
    margin-top: -8px;
    border: solid transparent;
    border-left-color: rgb(254,254,254);
    border-width: 8px;
  }

  .direction-r .flag:after {
    top: 50%;
    margin-top: -8px;
    border: solid transparent;
    border-right-color: rgb(254,254,254);
    border-width: 8px;
    left: -8px;
  }

  .time-wrapper {
    display: inline;
    vertical-align: middle;
    margin: 0;
  }

  .direction-l .time-wrapper {
    float: left;
  }

  .direction-r .time-wrapper {
    float: right;
  }

 

  .direction-r .desc {
    margin: 1em 0 0 0.75em;
  }
	

}

@media(min-width: 992px){
  .timeline {
    width: 1040px;
    margin: 0 auto;
    margin-top: 20px;
  }

  .direction-l {
    position: relative;
    width: 440px;
    float: left;
    text-align: right;
  }

  .direction-r {
    position: relative;
    width: 440px;
    float: right;
    text-align: left;
  }
}
.desc {

	/*border: 1px solid #d4d4d4;
	border-radius: 10px;*/
}
.desc p {
letter-spacing: -1px;
font-size: 1rem;
	color: #333;
}

@media (min-width : 992px)  {
	.time_1::after {
		position: absolute;
		content: "";
		top: 13px;
		left: -70px;
		width: 95px;
		height: 1px;
		background-color:rgba(69, 69, 69, 0.31);
		border-bottom: 1px dashed rgba(193, 193, 193, 0.66);
		z-index: 1;
	}
	
		.time_2::after {
		position: absolute;
		content: "";
		top: 13px;
		left: 142px;
		width: 95px;
		height: 1px;
		background-color:rgba(69, 69, 69, 0.31);
		border-bottom: 1px dashed rgba(193, 193, 193, 0.66);
		z-index: 1;
	}
	

	
	.timeline li:nth-child(2) {
		margin-top: -350px;
	}
		.timeline li:nth-child(3) {
		margin-top: -50px;
	}
	
		.timeline li:nth-child(4) {
		margin-top: -200px;
	}
	
		.timeline li:nth-child(5) {
		margin-top: -700px;
	}
			.timeline li:nth-child(6) {
		margin-top: -300px;
	}
	
			.timeline li:nth-child(7) {
		margin-top: 0px;
	}
	
	.timeline li:nth-child(10) {
		margin-top: -150px;
	}
	
	.timeline li:nth-child(11) {
		margin-top: -350px;
	}
	
	.timeline li:nth-child(13) {
		margin-top: -200px;
	}
	
		.timeline li:nth-child(14) {
		margin-top: -300px;
	}
	
		.timeline li:nth-child(15) {
		margin-top: -400px;
	}
	
		.timeline li:nth-child(16) {
		margin-top: -300px;
	}

		.timeline li:nth-child(17) {
		margin-top: -300px;
	}
}
@media (max-width : 992px)  {	.timeline:before {
display: none;}}



/*서브02*/
.sub_box {
	clear: both;
	
}
.sub_box p {
	font-size: 18px;
	padding-left: 40px;
	color: #454545;
	word-break: keep-all;
}

.sub_tt {
padding: 20px 20px;
border-radius: 10px;

}

.sub_tt p {
font-size: 1.1rem;
color: #333;
	margin-bottom: 5px;
}

.sub_tt p span {
	font-weight: bold;
	color: #161689;
}
.sub02_content h3 {
	font-size: 1.1rem;
	word-break: keep-all;
	line-height: 35px;

	font-weight: 300;
	word-break: keep-all;
	


}
.sub02_content h3 span {
	font-weight: 700;
	color: #161689;
}
.sub_box h4 {
	font-size: 1.3rem;
	font-weight: bold;
	letter-spacing: -1px;
}
.sub_box h4 span {
	background-color:  #161689;
	padding: 0 10px;
	border-radius: 200px;
	color: #fff;
	font-weight: 500;
	border-radius: 50px;
	margin-right: 5px;
}

.sub_box02 h4 span {
	padding: 0 10px;
	border-radius: 0px !important;
	color: #fff;
	font-weight: 500;
	margin-right: 5px;
}

.sub_box02 h4 span {
	background-color:  #008c9f;
	padding: 0 10px;
	border-radius: 200px;
	color: #fff;
	font-weight: 500;
	border-radius: 50px;
	margin-right: 5px;
}
.sub_box02 h4 {
	padding-bottom: 10px;
}
.sub_img {
	margin-bottom: 50px;
	overflow: hidden;
	padding-left: 30px;
}
.sub_img img {
	float: left;
	width: 23%;
	height: 200px;
	margin: 9px;
	border: 1px solid silver;
		filter:contrast(120%);
	
}

@media (max-width : 1300px)  {
	.sub_img  {
		width: 100%;
		float: left;
	}
	.sub_img  img {
		width: 40%;
		height: auto;
	height: 300px;
	}
}


@media (max-width : 992px)  {
	.sub_img  {
	width: 100%;
		padding-left: 0px;
		display: inline-block;
	
}
	.sub_img img  {
margin: auto;
	text-align: center;
	width: 100%;
		height: auto;
		filter:contrast(100%);
	
	}
	
.sub_tt {
padding: 20px 20px;
border-radius: 10px;

}
	
	.sub02_content h3 {
	font-size: 16px;


}
	.sub_box p {
		font-size: 16px;
	}
	.sub_box h4 {
font-size: 18px;}
}

.bar {
margin: auto;}
.bar img {
	display: block;
margin: auto;
text-align: center;
	width: 100%;
}

.sub02bg {
	width: 100%;
	margin-top: -70px;
}
.sub02bg img {
width: 100%;}


image-rendering: -moz-crisp-edges; /* firefox */
image-rendering: -o-crisp-edges; /* opera */
image-rendering: -webkit-optimize-contrast; /* chrome */
image-rendering: crisp-edges;




.sub_box02 h4 span {
	border-radius: 1px !important;
}



.gree_box {

	max-width: 300px;
	margin: auto;
padding-top: 50px;
}
.gree_box img {
	width: 100%;
		border: 5px solid silver;
}

.gree_text {
	float: right;
width: 60%;
}

.gree_img {
	width: 40%;

	float: left;
}
.main_tt {
font-size: 23px !important;}


@media (max-width : 992px)  {
	.gree_img,.gree_text {
		float: none;
		width: 100%;
	}
	.gree_box {
		max-width: 100%;
		padding-top: 0px !important;
	}
	
	.main_tt {
font-size: 18px !important;}
}


.ci {
	margin-top: 50px;
}





#tab-menu {
  width:100%;
  background : #dedede;
	margin-top: 50px;
	word-break: keep-all;


}
#tab-btn ul {
  overflow: hidden;
	margin: 0px;
	padding: 0px;

}
#tab-btn li {
  float: left; width: 25%; text-align: center;
list-style: none;
	word-break: keep-all;
}
#tab-btn li a {
  display: block; color: #606060; 
  padding: 15px 20px; 
  font-weight: bold;
		font-size: 16px;
}
#tab-btn li.active a {
  border-bottom: 3px solid #2b210e;
  color: #2b210e;

}

#tab-cont {
  width: 100%; 
  background: #fff;
  box-sizing: border-box;
  border-radius: 0 0 4px 4px;
}
.tab_01 p {
	font-size: 18px;
	color: #555555;
	padding-top: 20px;
}



@media (max-width:767px)  {
	#tab-btn li a {
	font-size: 10px;
	}
	.tab_01 p {
font-size: 14px;}
}




.tab-btn01 li {
  float: left; width: 33.3333% !important; text-align: center;
list-style: none;
	word-break: keep-all;
}
.map_text {
	margin-top: 0px;
	padding: 0px;
	text-align: center;
	border: 1px solid silver;
	border-top: none;
}

.map_text h2 {
font-size: 25px;
color: #07276f;
	font-weight: 800;
	padding: 0px;
	margin: 0px;
	padding: 10px;


}

.map_text h2 span {
font-size: 25px;
color: #606060;
	font-weight: 500;
}

.map_traffic {
font-size: 23px;
	padding-top: 50px;
color: #333;
font-weight: 600;

}

.map_traffic img {
	padding-right: 20px;
}

.map_traffic02 {
padding-bottom: 50px;
	border-top: 1px solid #b9b9b9;
	
}
.map_traffic02  p {
	font-size: 30px;
}
.map_traffic02 span {
	font-size: 18px;
}



@media (max-width:767px)  {
	.map_text h2 {
font-size: 20px;}
	.map_text h2 span{
font-size: 15px !important;
	display: block;
		padding-top: 10px;
	}
	.map_traffic  {
padding-top: 0px;}
	.map_traffic01 img {
width: 50px;
	display: block;
		padding-bottom:5px;
	}
	.map_traffic {
font-size: 16px;

}
	.map_traffic02 {
		padding-top: 50px;
	}
	.map_traffic02 img {
width: 80px;}
	.map_traffic02 p {
		font-size: 23px;
	}
	
	.map_traffic02 span {
		font-size: 16px;

	}
	
}

.tab_01,.tab_02,.tab_03 {
margin-top: 30px;

}
.tab_02 th,.tab_02 td,.tab_03 th,.tab_03 td {
	text-align: center;
	border: 1px solid silver;
}

.tab_02 th,.tab_03 th {
	padding: 10px;
	background-color:  #008c9f;
	font-size: 1.2rem;
	color: #ffffff;
}
.tab_02 td,.tab_03 td {
	padding: 5px;
	color: #333;
}

.tab_02 td:first-of-type {
	
}

.tab_03 th {
	background-color:#00629f;
}



.ci_img {
	border: 1px solid #bcbcbc;
	width: 100%;
	padding: 50px;
	border-radius: 10px;
}

.ci_img img {
display: block;
margin: auto;

}


.ci_t01 img {
float: left;}
.ci_t01 {
	margin-top: 50px;
}
.ci_tt {
margin-left:  70px;
}
.ci_tt h3 {
	font-size: 23px;
}
.ci_tt p {
	font-size: 18px;
	margin-top: -5px;
	color: #333;
}




@media (max-width:1300px)  {.ci_img img {
	width: 100%;
	}}
@media (max-width:767px)  {
	.ci_tt h3 {
	font-size: 18px;
		padding-bottom: 10px;
}
	.ci_tt p {
	font-size: 14px;
	
}
}


.hu_tab_01 h5 {
	font-weight:bold !important;
	
	font-size: 25px;
}

.spon_info dt {
	color: #fff;
	font-size: 20px;
	background-color: #002f9a;
	display: inline-block;
	padding: 5px;
	border-radius: 5px;
	margin-bottom: 10px;
	margin-top: 20px;
}

.spon_info dd {
font-size: 18px;
color: #333;}

.mg_top_30 {
	margin-top: 50px;
}

.mg_top_20 {
	background-color: #e6e6e6;
	border-radius: 5px;
	padding: 20px;
	color: #333;
	font-size: 18px;
	line-height: 35px;
}


.hu_tab_02 ul li {
	list-style: none;

}

.tt_T {
color: #333;
line-height: 25px;
padding-left: 0px;
}
.tt_T  li {
padding-bottom: 10px;}

.spon_Area {
	padding-left: 0px;
}

.spon_Area label {
	background-color:#002f9a;
	color: #fff;
	font-weight: bold;
	padding: 10px;
	width: 300px;
	text-align: center;
	margin-bottom: 5px;
}
.spon_Area input {padding: 8px;
	width: 50%;
}

#loginbox form {
	border-top: 3px solid #002f9a;
	border-bottom: 3px solid #002f9a;
	padding: 30px 0;
}

.txt_ct {
	background-color: #e6e6e6;
	border-radius: 5px;
	padding: 10px 20px;
	color: #333;
	font-size: 16px; 
	margin-top: 10px;
	border-radius: 5px;
	display: inline-block;
}

.btn_ok  button{
	border: none;
	width: 300px;
	padding: 10px;
	border: 1px solid #002f9a;
	
}


@media (max-width:767px)  {
	.spon_Area input,.spon_Area label,.btn_ok  button {
	width: 100%;
}
	.spon_Area input {
margin-bottom: 20px; }
	
	.txt_ct {
font-size: 14px;}
	
	.mg_top_20,.spon_info dd,.spon_info dt {
font-size: 16px;}
	.mg_top_20 {
line-height: 25px;}
	.hu_tab_01 h5 {
font-size: 20px;}
}