@import url(http://fonts.googleapis.com/earlyaccess/nanumgothic.css);
@import url("https://fonts.googleapis.com/css?family=Montserrat:100,200,300,400,500,600,700,800,900");
@import url('https://fonts.googleapis.com/css2?family=Noto+Sans+KR:wght@100..900&display=swap');

body {
  margin: 0px;
  padding: 0px;
  color: #333333;
  font-size: 18px;
  line-height: 30px;
  font-family: "Noto Sans KR", "Apple SD Gothic Neo", NanumBarunGothic,Malgun Gothic, dotum, sans-serif;
}

/* Reset CSS ------------------------------------------------------------------------------------------------------------------------------------*/
	* {
	  margin: 0px;
	  padding: 0px;
	  box-sizing: border-box;
	}
	a {
	  text-decoration: none;
	  color: inherit;
	}
	h2 {
	   color: #222222;
	   font-size: 38px;
	   letter-spacing: -0.5px;
	   line-height: 45px;
	   padding: 20px 0px;
	}
	h3 {
	   font-size: 30px;
	   letter-spacing: -0.5px;
	   padding-top: 30px;
	   color: #222222;
	}
	h4,.h4 {
		padding-top: 0px;
		margin-bottom: 10px;
		font-size: 30px;
		letter-spacing: -0.5px;
		color: #222222;
		font-weight: bold;
	}
	li {
	  list-style: none;
	}

	input:focus {
	  outline: none;
	}
	textarea:focus {
	  outline: none;
	}

	#container {
	  overflow: hidden;
	}

	.font-s01{
		font-size:18px;
	}
	.font-s02{
		font-size:20px;
	}
	.font-s03{
		font-size:25px;
	}
	.font-s04{
		font-size:15px;
	}
	.font-s05{
		font-size:22px;
	}

	.bg-check{
		background:url(../images/sub/icon_bg.png);
	}

	.com_layout,#bo_list,#bo_sch,#bo_v,#bo_w,#bo_gall,#bo_list_admin{
		width: 100% !important;
		margin: 0px auto;
		min-width: 100%;
		position: relative;
		max-width: unset !important;
	}
	.com_layout1 {
	  width: 90%;
	  margin: 0px auto;
	  min-width: 1200px;
	}
	.com_layout2 {
	  padding-left: 15%;
	}

	.overflow_h {
	  overflow: hidden;
	}

	.float_l {
	  float: left;
	}
	.float_r {
	  float: right;
	}

	.img{text-align:center;}
	.img img{width:100%;}
	
	.overflow-x{
		overflow-x:scroll;
	}

	.margin_r_15 {
	  margin-right: 15px;
	}
	.margin_r_30 {
	  margin-right: 30px;
	}
	.margin_l_10 {
	  margin-left: 10px;
	}
	.margin_l_15 {
	  margin-left: 15px;
	}
	.margin_l_30 {
	  margin-left: 30px;
	}
	.margin_b_15 {
	  margin-bottom: 15px;
	}
	.margin_b_30 {
	  margin-bottom: 30px;
	}
	.margin_b_40 {
	  margin-bottom: 30px;
	}
	.margin_b_60 {
	  margin-bottom: 30px;
	}
	.margin_b_90 {
	  margin-bottom: 30px;
	}
	.margin_t_10 {
	  margin-top: 10px;
	}
	.margin_t_15 {
	  margin-top: 15px;
	}
	.margin_t_30 {
	  margin-top: 30px;
	}
	.margin_t_40 {
	  margin-top: 30px;
	}
	.margin_t_60 {
	  margin-top: 60px;
	}
	.margin_t_90 {
	  margin-top: 90px;
	}
	.margin_1 {
	  margin: 30px 0px;
	}
	.margin_2 {
	  margin: 60px 0px;
	}
	.margin_3 {
	  margin: 10px 0px 60px;
	}
	.margin_4 {
	  margin: 0px 0px 40px;
	}
	.margin_5 {
	  margin: 10px 0px 20px;
	}
	.margin_6 {
	  margin: 0px 6px;
	}


	.padding_1 {
	  padding: 30px 0px;
	}
	.padding_2 {
	  padding: 10px 0px 10px 40px;
	}
	.padding_3 {
	  padding: 30px;;
	}	
	.padding_4{
	  padding-left:30px;
	}
	.padding_5{
	  padding-left:60px;
	}
	.padding_6 {
	  padding: 60px;
	}	
	.padding_7 {
	  padding-left: 0px;
	}
	.padding_8 {
	  padding: 80px;
	}		


	.blue_icon {
	  background: url(/new_hsvalve/images/cmn/icon_bullet.png) no-repeat;
	  padding-left: 40px;
	}


	.center {
	  text-align: center;
	}
	.left {
	  text-align: left;
	}
	.right {
	  text-align: right;
	}


	.text1 {
	  font-size: 20px;
	  color: #666666;
	  line-height: 30px;
	}
	.text2 {
	  font-size: 15px;
	  color: #666666;
	  line-height: 25px;
	  margin-bottom: 10px;
	}


	.blue {
	  color: #0b9072;
	}
	.gray01{
		color:rgba(0,0,0,0.55);
	}
	.gray02{
		color:rgba(0,0,0,0.8);
	}
	.gray03{
		color:rgba(0,0,0,1);
	}
	

	/*identity*/
	.color-font-identity{
		color:#1aa890;
	}
	.border-identity{
		border: 1px solid #1aa890;
        border-radius: 15px;
	}
	.border-identity02{
		border-top: 3px solid #1aa890;
	}
	.border-identity03{
		border-bottom: 3px solid #1aa890;
	}
	.svg-identity01{
		height:45px;
		width:45px;
		fill:#19a58f;
	}
	.svg-identity02{
		height:45px;
		width:45px;
		fill:#ffffff;
	}
	.bg-identity01{
		background: rgba(26, 168, 144, 0.15);
	}
	.bg-identity02{
		background:#1aa890;
		border:1px solid #1aa890;
	}


	.color-gray01{
		color:rgba(0,0,0,0.6);
		border-bottom:1px solid rgba(0,0,0,0.4);
		padding-bottom:4px;
	}



	input {
	  font-size: 14px;
	  color: #3d3d3d;
	  font-size: 14px;
	  color: #3d3d3d;
	  line-height: 30px;
	  border: 1px solid #ccc;
	  padding: 5px 10px;
	}
	select {
	  font-size: 14px;
	  color: #3d3d3d;
	  font-size: 14px;
	  color: #3d3d3d;
	  line-height: 30px;
	  height: 40px;
	  border: 1px solid #ccc;
	  padding: 5px 10px;
	}

	.bold {
	  font-weight: bold;
	}

	.bg1 {
	  background: #f1f1f1;
	}


	.flex{
	  display: flex;
	  align-items: center;
	  justify-content: center;
	}
	.flex01{
	  display: flex;
	  align-items: center;
	}
	.flex02{
		display: flex !important;
		align-items: center;
		justify-content: space-between;
	}
	.flex03{
		display: flex;
		align-items: center;
		justify-content: flex-start;	
	}
	.flex04{
		display: flex;
		align-items: flex-start;
		justify-content: flex-start;	
	}


	.grid{
		display: grid;
		grid-template-columns: repeat(auto-fit, minmax(50px, 1fr));
		border-left: 1px solid rgba(0, 0, 0, 0.15);
	}

	.border-r-20{
		border-radius:20px;
	}
	.border01{
		border:1px solid rgba(0,0,0,0.1);
	}
	.border-radius{
		border-radius:20px;
	}

	.relative{position:relative}


	.text-line01:after{
		display:none;
		content:'';
		position:absolute;
		bottom:0px;
		left:0px;
		width:100%;
		border-bottom:1px solid #1aa890;
	}

	.viewTotalMenuBtn {
	  cursor: pointer;
	}
/* Reset CSS ------------------------------------------------------------------------------------------------------------------------------------*/


/* top CSS ------------------------------------------------------------------------------------------------------------------------------------*/
	.top {
	  position: fixed;
	  border: 1px solid rgba(255, 255, 255, 0.4);
	  bottom: 20px;
	  right: 20px;
	  border-radius: 50%;
	  color: #ffffff;
	  padding: 10px;
	  background: rgba(0, 0, 0, 0.2);
		-webkit-transition: all 0.3s ease;
		-moz-transition: all 0.3s ease;
		-ms-transition: all 0.3s ease;
		-o-transition: all 0.3s ease;
		transition: all 0.3s ease;
		text-decoration:none !important;
		font-size:16px !important;
		width: 50px;
		height: 50px;
		line-height: 25px;
	}
	.top:hover{
	  color: #ffffff;
	  background: #1aa890;
	}

	/* 상단전체메뉴보기 */
	.totalMenuView {
		position: fixed;
		top: 0px;
		left: 0px;
		display: table;
		width: 100%;
		height: 100%;
		background: rgba(11, 144, 114, 0.9);
		filter: progid:DXImageTransform.Microsoft.gradient(startColorstr=#B3000000, endColorstr=#B3000000);
		z-index: 1000;
		min-width: 1200px;
	}

	.totalMenuView .viewBox1 {
		display: table-cell;
		text-align: center;
		vertical-align: middle;
	}

	.totalMenuView .viewBox2 {
		position: relative;
		padding: 50px;
		font-size: 20px;
		text-align: center;
		width: 85%;
		margin: 0px auto;
	}

	.totalMenuView .viewBox2 .viewCloseBtn {
		position: absolute;
		top: 50px;
		right: 0px;
	}

	.totalMenuView .viewBox2 .viewCloseBtn a {
		color: #ffffff;
		font-size: 60px;
		text-decoration: none;
	}

	.totalMenuView .viewBox2 h2 {
		text-align: left;
		padding: 0px;
		display: none;
	}

	.totalMenuView .viewBox2 .totalMenuList li span {
		font-weight: bold;
		color: #ffffff;
		display: block;
		text-align: left;
		font-size: 15px;
	}

	.totalMenuView .viewBox2 .totalMenuList li h3 {
		font-weight: bold;
		color: #ffffff;
		font-size: 27px;
		border-bottom: 2px solid #ffffff;
		text-align: left;
		padding: 10px 0px 20px;
	}

	.totalMenuView .viewBox2 .totalMenuList {
		overflow: hidden;
		margin: 20px 0px;
	}

	.totalMenuView .viewBox2 .totalMenuList li {
		float: left;
		width: 20%;
		padding: 0% 3% 6% 3%;
		text-align: left;
		color: #fff;
		box-sizing: border-box;
	}

	.totalMenuView .viewBox2 .totalMenuList li a {
		text-align: left;
		color: #fff;
	}

	.totalMenuView .viewBox2 .totalMenuSubList {
		margin: 15px 0px;
		overflow: hidden;
	}

	.totalMenuView .viewBox2 .totalMenuSubList li {
		line-height: 30px;
		font-size: 15px;
		width: 100%;
		padding: 0px;
	}

	.totalMenuView .viewBox2 .totalMenuSubList li a {
		color: rgba(255, 255, 255, 0.7)
	}
	/* 상단전체메뉴보기 */
/* top CSS ------------------------------------------------------------------------------------------------------------------------------------*/


/* main CSS ------------------------------------------------------------------------------------------------------------------------------------*/
	#main .titleWrap .explain{
		font-size: 16px;
		color: rgba(0, 0, 0, 0.3);
		font-weight: bold;
		letter-spacing: -0.5px;
		margin:0px;
		line-height: 1.8rem;
	    padding: 0px 15px 15px;
	}
	#main h2 {
		color: #333333;
		font-weight: 900;
		padding: 0px;
		font-size: 2rem;
		letter-spacing:-2px;
		margin-bottom:5px;
	}
	#main .prd-list li {
	  display: block;
	  border-radius: 32px;
	  cursor: pointer;
	}
	#main .prd-list li a.active {
	  background: #0b9072;
	  color: #fff;
	}

	#main .btn_more{
		font-size:18px;
		color:rgba(0,0,0,0.4);
		position: absolute;
		right: 0px;
		top: 15px;
	}

	/*EFFECTS */
	.effect img {
	  opacity: 1;
	  -moz-transform: scale(1, 1);
	  -webkit-transform: scale(1, 1);
	  -o-transform: scale(1, 1);
	  -ms-transform: scale(1, 1);
	  transform: scale(1, 1);
	  -webkit-transition: all 0.2s ease-in;
	  -moz-transition: all 0.2s ease-in;
	  -o-transition: all 0.2s ease-in;
	  -ms-transition: all 0.2s ease-in;
	  transition: all 0.2s ease-in;
	}
	.effect .mask {
	  opacity: 0;
	  overflow: visible;
	  background: rgba(16, 116, 188, 0.8);
	  width: 100%;
	  height: 100%;
	  -moz-transform: translateY(0px);
	  -webkit-transform: translateY(0px);
	  -o-transform: translateY(0px);
	  -ms-transform: translateY(0px);
	  transform: translateY(0px);
	  -moz-transition: -moz-transform 0.2s 0.1s ease-out, opacity 0.3s ease-in-out;
	  -webkit-transition: -webkit-transform 0.2s 0.1s ease-out,
		opacity 0.3s ease-in-out;
	  -o-transition: -o-transform 0.2s 0.1s ease-out, opacity 0.3s ease-in-out;
	  -ms-transition: -ms-transform 0.2s 0.1s ease-out, opacity 0.3s ease-in-out;
	  transition: transform 0.2s 0.1s ease-out, opacity 0.3s ease-in-out;
	}
	.effect a.info {
	  opacity: 0;
	  -moz-transform: translateY(0px);
	  -webkit-transform: translateY(0px);
	  -o-transform: translateY(0px);
	  -ms-transform: translateY(0px);
	  transform: translateY(0px);
	  -moz-transition: -moz-transform 0.3s ease-in, opacity 0.1s ease-in-out;
	  -webkit-transition: -webkit-transform 0.3s ease-in, opacity 0.1s ease-in-out;
	  -o-transition: -o-transform 0.3s ease-in, opacity 0.1s ease-in-out;
	  -ms-transition: -ms-transform 0.3s ease-in, opacity 0.1s ease-in-out;
	  transition: transform 0.3s ease-in, opacity 0.1s ease-in-out;
	}
	.effect:hover img {
	  opacity: 1;
	  -moz-transform: scale(1, 1);
	  -webkit-transform: scale(1, 1);
	  -o-transform: scale(1, 1);
	  -ms-transform: scale(1, 1);
	  transform: scale(1, 1);
	}
	.effect:hover .mask {
	  opacity: 1;
	  -webkit-transform: translateY(0px);
	  -moz-transform: translateY(0px);
	  -o-transform: translateY(0px);
	  -ms-transform: translateY(0px);
	  transform: translateY(0px);
	  height:150%;
	}
	.effect:hover .content {
	  opacity: 1;
	  -moz-transform: translateY(0px);
	  -webkit-transform: translateY(0px);
	  -o-transform: translateY(0px);
	  -ms-transform: translateY(0px);
	  transform: translateY(0px);
	}
	.icon_svg{
		width:28px;
		height:28px;
		fill:#ffffff;
	}
	.icon_svg01{
		width:36px;
		height:36px;
		fill:#ffffff;
	}
	.icon_aroww_svg{
		width:20px;
		height:20px;
		fill:#ffffff;
	}
	.effect .mask {
		opacity: 0;
		overflow: visible;
		background: #d9ebec;
		width: 100%;
		height: 130%;
		-moz-transform: translateY(0px);
		-webkit-transform: translateY(0px);
		-o-transform: translateY(0px);
		-ms-transform: translateY(0px);
		transform: translateY(0px);
		-moz-transition: -moz-transform 0.2s 0.1s ease-out, opacity 0.3s ease-in-out;
		-webkit-transition: -webkit-transform 0.2s 0.1s ease-out, opacity 0.3s ease-in-out;
		-o-transition: -o-transform 0.2s 0.1s ease-out, opacity 0.3s ease-in-out;
		-ms-transition: -ms-transform 0.2s 0.1s ease-out, opacity 0.3s ease-in-out;
		transition: transform 0.2s 0.1s ease-out, opacity 0.3s ease-in-out;
	}

	.effect .content .title,.effect .content .explain{
		opacity: 1;
	}
	.effect .content ul{
		opacity: 0;
	}
	.effect .content {
		z-index: 999;
		display: flex;
		align-content: center;
		justify-content: center;
		flex-direction: column;
		flex-wrap: nowrap;
		overflow: visible;
		width: 100%;
		height: 100%;
		-moz-transform: translateY(200px);
		-webkit-transform: translateY(200px);
		-o-transform: translateY(200px);
		-ms-transform: translateY(200px);
		transform: translateY(50px);
		-moz-transition: -moz-transform 0.2s 0.1s ease-out, opacity 0.3s ease-in-out;
		-webkit-transition: -webkit-transform 0.2s 0.1s ease-out, opacity 0.3s ease-in-out;
		-o-transition: -o-transform 0.2s 0.1s ease-out, opacity 0.3s ease-in-out;
		-ms-transition: -ms-transform 0.2s 0.1s ease-out, opacity 0.3s ease-in-out;
		transition: transform 0.2s 0.1s ease-out, opacity 0.3s ease-in-out;
	}
	.effect .content:hover ul{
		opacity: 1;
		-moz-transition: -moz-transform 0.2s 0.1s ease-out, opacity 0.3s ease-in-out;
		-webkit-transition: -webkit-transform 0.2s 0.1s ease-out, opacity 0.3s ease-in-out;
		-o-transition: -o-transform 0.2s 0.1s ease-out, opacity 0.3s ease-in-out;
		-ms-transition: -ms-transform 0.2s 0.1s ease-out, opacity 0.3s ease-in-out;
		transition: transform 0.2s 0.1s ease-out, opacity 0.3s ease-in-out;
	}
	.effect .content:hover .title,.effect .content:hover .explain{
		opacity: 0;
		font-size:0px;
		margin-bottom: 0px;
		line-height:0px;
		-moz-transition: -moz-transform 0.2s 0.1s ease-out, opacity 0.3s ease-in-out;
		-webkit-transition: -webkit-transform 0.2s 0.1s ease-out, opacity 0.3s ease-in-out;
		-o-transition: -o-transform 0.2s 0.1s ease-out, opacity 0.3s ease-in-out;
		-ms-transition: -ms-transform 0.2s 0.1s ease-out, opacity 0.3s ease-in-out;
		transition: transform 0.2s 0.1s ease-out, opacity 0.3s ease-in-out;
	}
	.effect .content ul{width:65%;margin:0px auto;}
	.effect .content ul li{
		transition-property: all;
		transition-duration: 1s;
	}
	.effect .content ul li a svg{
		transition-property: all;
		transition-duration: 1s;
	}
	.effect .content ul li a{
		display: flex;
		justify-content: space-between;
		align-items: center;
		display: block;
		width: 100%;
	}
	.effect .content ul li a:hover svg{fill:#1aa890;}
	.effect .content ul li:hover svg{fill:#1aa890;}
	.effect .content ul li a div{
		display:flex;
		align-items: center;
		width:100%;
	}
	.effect .mask {
		z-index: 9;
	}
	.effect img {
		opacity: 1;
		-moz-transform: scale(1, 1);
		-webkit-transform: scale(1, 1);
		-o-transform: scale(1, 1);
		-ms-transform: scale(1, 1);
		transform: scale(1, 1);
		-webkit-transition: all 0.2s ease-in;
		-moz-transition: all 0.2s ease-in;
		-o-transition: all 0.2s ease-in;
		-ms-transition: all 0.2s ease-in;
		transition: all 0.2s ease-in;
	}


	/*위로 올라가는 애니메이션*/
	@keyframes fadeInUp {
        0% {
            opacity: 0;
            transform: translate3d(0%, 90%, 0);
        }
        to {
            opacity: 1;
            transform: translateZ(0);
        }
    }
     .fadeInUp {
        position: relative;
        animation: fadeInUp 2s;
    }




	/*main-visual*/
	#main_visual .swiper-slide {
	  background-size: cover;
	  background-repeat: no-repeat;
	  height: 100vh;
	  background-position:center;
	}
	#main_visual .swiper-slide::before {
	  content:'';
	  position:absolute;
	  width:100%;
	  height:100%;
	  background:rgba(0,0,0,0.3);
	}
	#main_visual .slide-control {
	  position: absolute;
	  bottom: 30px;
	  width:200px;
	  left: 50%;
	  z-index: 99;
	  display: flex;
	  color: #fff;
	  align-items: center;
		margin-left: -100px;
	}
	#main_visual .main-prev,
	#main_visual .main-next {
	  cursor: pointer;
	}
	#main_visual .main-pagination {
	  text-align: center;
	  width: 100px;
	  margin-top: -8px;
	}
	#main_visual .maincopy {
		z-index: 99;
		font-size: 1.8rem;
		color: #ffffff;
		font-weight: bold;
		line-height: 2.7rem;
		width: 100%;
		position: absolute;
		top: 50%;
		left: 50%;
		margin-left: -50%;
		margin-top: -35%;
		text-align: center;
	}
	#main_visual .maincopy a{
		border: 1px solid rgba(255,255,255,0.1);
		padding: 20px;
		margin-left: 0px;
		display: block;
		background: rgba(32, 148, 206, 0.4);
		width: 80%;
		margin: 20px auto;
		border-radius: 15px;
		transition-property: all;
		transition-duration: 0.3s;
	}
	#main_visual .maincopy a:hover{
		background: rgba(32, 148, 206, 0.4);
	}
	#main_visual .maincopy a p:nth-child(1){
			font-size: 1.2rem;
			font-weight: bold;
			display: block;
			align-items: center;
			justify-content: center;
			line-height: 1.3rem;
		}
	#main_visual .maincopy a p:nth-child(1) img{
		    width: 15%;
			vertical-align: middle;
			margin-right: 5px;
		}

	#main_visual .maincopy.flex{
		display:unset;
	}
	#main_visual .maincopy.flex a div{
		display: flex;
		font-size: 1.3rem;
		line-height: 1.8rem;
	}
	#main_visual .maincopy.flex a div img{
		width: 40px;
		height: 40px;
		margin-right: 10px;
	}
	#main_visual .maincopy.flex a div p{
		display: flex;
		flex-direction: column;
		align-content: flex-start;
		align-items: flex-start;
	}

	/*
	#main_visual .maincopy {
		z-index: 99;
		font-size: 55px;
		color: #ffffff;
		font-weight: bolder;
		line-height: 70px;
		width: 660px;
		position: absolute;
		top: 50%;
		left: 50%;
		margin-left: -325px;
		margin-top: -105px;
		text-align: center;
	}
	#main_visual .maincopy a{
		border-radius: 20px;
		border: 1px solid rgba(255, 255, 255, 0.5);
		padding: 11px;
		font-size: 25px;
		font-weight: bold;
		display: flex;
		align-items: center;
		justify-content: center;
		width: 500px;
		background: rgba(255, 255, 255, 0.2);
		margin: 100px auto 0px;
	}
	*/
	/*main-visual*/
	#main_visual .maincopy div div:nth-child(3) img{
		width: 30%;
		vertical-align: middle;
	}
	#main_visual .item h2 a .goBtn{
		border-left: 1px solid rgba(255, 255, 255, 0.5);
        padding: 25px;
        margin: 20px 0px;
        width: 100%;
        display: block;
        background: rgba(32, 148, 206, 0.2);
        border: 1px solid rgba(255, 255, 255, 0.15);
        border-radius: 10px;
	}
	#main_visual .item h2 a .goBtn div{
		display: flex;
        font-size: 30px;
        line-height: 37px;
        justify-content: center;
	}
	#main_visual .item h2 a .goBtn div p{
		display: flex;
		flex-direction: column;
		align-content: flex-start;
		align-items: flex-start;
		font-size: 1.5rem;
		letter-spacing: 0px;
	}
	#main_visual .item h2 a .goBtn div img{
        width: 50px;
        height: 50px;
        margin-right: 10px;
	}
	#main_visual	.slick-slide img {
		display: block;
		width: 100px;
	}




	/*main-news*/
	#main .media .overflow-x{
		overflow-x:scroll;
	}
	#main .media .overflow-x .com_layout{
		width:1000px !important;
	}
	#main .media .wrap h2{
	  padding-right:10px;
	}
	#main .media .wrap h2 span {
	  color: #666666;
	  font-size: 16px;
	}
	#main .media .wrap h2 a {
	  float: right;
	  color: #666666;
	  font-size: 16px;
	}
	#main .media .wrap .com_layout{display:flex;}
	#main .media .wrap ul.com_layout{
		overflow-x: scroll;
	}
	#main .media .wrap .com_layout li {
		width: calc(100% / 3.3);
		box-shadow: 10px 15px 10px 0px rgba(161, 171, 178, 0.05);
		border-radius: 0px;
		overflow: hidden;
		border: 1px solid rgba(0, 0, 0, 0.06);
		background:#ffffff;
		margin-right:10px;
	}
	#main .media .wrap .com_layout li .title {
	  font-weight: bold;
	  font-size: 20px;
	  color: rgba(0,0,0,0.7);
	  font-weight: 500;
	  padding: 0px;
	  width: 100%;
	  word-break: keep-all;
	  white-space: nowrap;
	  overflow: hidden;
	  text-overflow: ellipsis;
	  letter-spacing:-1px;
	}
	#main .media .wrap .com_layout li .date {
		font-weight: bold;
		color: rgba(0, 0, 0, 0.35);
		padding: 0px;
		padding: 0px 0px 7px 0px;
	}
	#main .media .wrap .com_layout li .dateTitleWrap{
		padding: 20px 20px 50px 20px;
	}

	#main .media {
	  padding: 50px 15px 50px;
	  background: #f7f8fa;
	}
	#main .media .wrap .com_layout.flex02 .titleWrap.flex{
		display:block;
		padding:0px;
	}
	#main .media .wrap .com_layout.flex02{
		display:block  !important;
	}
	#main .media .titleWrap .explain{
		padding:0px 0px 15px;
	}




	/*main-사업영역*/
	#main .section.businessArea{
		margin:30px 0px;
		padding:0px;
	}
	#main .section.businessArea h2,#main .section.businessArea .titleWrap .explain{
		padding:0px 15px;
	}
	#main .businessArea #kwick1{
			background:rgba(25,168,98,0.85);
		}
	#main .businessArea #kwick1:hover{
			background:rgba(25,168,98,1);
		}
	#main .section.businessArea .kwicks.grid li {
		border-radius: 10px;
		padding: 6px 0px;
		margin-bottom: 6px;
	}
	#main .section.businessArea .kwicks.grid li:hover .moreBtn{
			opacity: 1 !important;
		}
	#main .businessArea #kwick2{
			background:rgba(25,145,168,0.85);
		}
	#main .businessArea #kwick2:hover{
			background:rgba(25,145,168,1);
		}
	#main .businessArea #kwick3{
			background:rgba(26,168,144,0.85);
		}
	#main .businessArea #kwick3:hover{
			background:rgba(26,168,144,1);
		}
	#main .businessArea #kwick4{
			background:rgba(25,168,47,0.85);
		}
	#main .businessArea #kwick4:hover{
			background:rgba(25,168,47,1);
		}
	#main .businessArea #kwick5{
			background:rgba(25,100,168,0.85);
		}
	#main .businessArea #kwick5:hover{
			background:rgba(25,100,168,1);
		}
	#main .businessArea .kwicks li{
		padding: 10px;
		cursor: pointer;
		font-weight: bolder;
		font-size: 20px;
		color: #ffffff;
		text-align: center;
		border-radius: 15px;
		position: unset !important;
		height: auto;
		margin: 7px 0px;
		border: 1px solid rgba(58, 177, 299, 0.25);
		letter-spacing: -1.5px;
	}
	#main .businessArea-left {
		flex-shrink: 0;
		position: relative;
		z-index: 10;
		background: rgb(255,255,255);
		background: -moz-linear-gradient(90deg, rgba(255,255,255,0) 0%, rgba(255,255,255,1) 21%, rgba(255,255,255,1) 80%, rgba(255,255,255,0) 100%);
		background: -webkit-linear-gradient(90deg, rgba(255,255,255,0) 0%, rgba(255,255,255,1) 21%, rgba(255,255,255,1) 80%, rgba(255,255,255,0) 100%);
		background: linear-gradient(90deg, rgba(255,255,255,0) 0%, rgba(255,255,255,1) 21%, rgba(255,255,255,1) 80%, rgba(255,255,255,0) 100%);
		filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#ffffff",endColorstr="#ffffff",GradientType=1);
	}
	#main .businessArea-left p {
	  color: #566e7f;
	  font-size: 18px;
	}
	#main .section.businessArea .prdInfo{
		position: absolute;
		bottom: 0px;
		right: -140px;
		width: 400px;
		height: 400px;
		z-index: 9;
		background: #2094ce;
		padding: 50px 40px;
		box-sizing: border-box;
		border-radius: 0px 0px 26px 0px;
	}
	#main .section.businessArea .prdInfo p:nth-child(1){
		color: rgba(255, 255, 255, 1);
		font-weight: bold;
		font-size: 40px;
		margin-bottom: 25px;
	}
	#main .section.businessArea .prdInfo p:nth-child(2){
		color: rgba(255, 255, 255, 1);
		font-weight: normal;
		font-size: 18px;
		letter-spacing: -0.5px;
		margin-bottom: 30px;
		line-height: 27px;
	}
	#main .section.businessArea .prdInfo p:nth-child(3){
		color:rgba(255,255,255,0.6);
		font-size: 17px;
		line-height: 28px;
	}
	#main .section.businessArea .swiper-slide-active .prdInfo {
		opacity: 1;
		transform: scale(1);
		border-radius: 50%;
		text-align: center;
		display: flex;
		align-items: center;
		align-content: center;
		flex-direction: column;
		justify-content: center;
	}
	#main .section.businessArea .prdInfo {
		transition: 0.3s ease all;
		transform: scale(0.8);
		opacity: 0;
	}
	#main .section.businessArea .swiper-slide-active .prdInfo_img{
		opacity: 1;
		transform: scale(1);
	}
	#main .section.businessArea .prdInfo_img {
		transition: 0.3s ease all;
		transform: scale(0.8);
		opacity: 0;
		background: #f3f4d7;
		border-radius:50%;
		width: 700px;
		height: 700px;
	}
	#main .section.businessArea .prdInfo_img::after{
		content: '';
		position: absolute;
		inset: 0px;
		top: 100px;
		left: -50px;
		opacity: 1;
		z-index: 1;
		border-radius: 50%;
		background:url(https://www.shutterstock.com/image-vector/eco-friendly-green-city-sustainability-260nw-2308171107.jpg) no-repeat;background-position:center;width:870px;height:640px;
	}
	#main .section.businessArea .businessArea-swiperWrap{
		background: #e8f6f4 url(/sejinC/images/main/img_businessArea.png) no-repeat;
		border-radius: 0px;
		background-position: center bottom;
		height: auto;
		padding: 20px;
		margin:20px 0px;
	}
	#main .section.businessArea .businessArea-swiperWrap .title{
		color: #2094ce;
		font-size: 2.1rem;
		font-weight: 800;
		text-align: center;
		margin: 0px;
	    letter-spacing: -1.5px;
	}
	#main .section.businessArea .kwicks.grid{
		display:block;
		border-left:0px;
		margin: 20px 0px;
	    position: relative;
	}
	
{
		border-radius: 10px;
		padding: 15px;
		margin-bottom: 6px;
	}
	#main .section.businessArea .kwicks.grid li a{
		display: flex;
		align-items: center;
	}
	#main .section.businessArea .kwicks.grid li a svg{
		width: 20px;
		height: 20px;
	}
	#main .section.businessArea .kwicks.grid li a .moreBtn{
		position: absolute;
		right: 15px;
		display: flex;
		align-items: center;
		font-size: 15px;
		opacity: 0.7;
	}


	/*세진이앤씨 홍보영상*/
	#main .media-center {
	  position: relative;
	  background:#f7f8fa;
	  padding: 50px 0px;
	}

	#main .media-center p {
	  margin-bottom: 120px;
	  color: #566e7f;
	  font-size: 18px;
	}
	#main .media-center .com_layout {
	  overflow: visible;
	}
	#main .media-center iframe {
	  width: 100% !important;
	  aspect-ratio: 16/9;
	  transform: translateY(0px);
	}
	#main .media-center .contentsWrap{}
	#main .media-center .btnWrap .btn1:hover svg{
	  fill:#ffffff;
	}
	#main .media-center .btnWrap{
		display: block;
		padding: 15px;
	}
	#main .media-center .btnWrap a{
		width:100%;
		margin:0px 0px 10px;
	}
	#main .media-center .titleWrap .explain{
		padding:0px 15px 20px;
	}
	#main .media-center .titleWrap .pc.explain{
		display:none;
	}
	#main .media-center .titleWrap h2 img{
		height: 34px !important;
	}
	#main .media-center video{
		width:100%;
		height:auto;
		margin:0px auto;
	}
	#main .media-center .pc.video{
		display:none;
	}
	#main .media-center .mobile.video{
		display:block;
	}


	/*보유,실적현황*/
	#main .etc-section{margin:0px;}
	#main .etc-section .pc{display:none !important;}
	#main .etc-section .mobile{display:block !important;}
	#main .etc-section .contentsWrap.flex{display:block;}
	#main .etc-section .titleWrap .explain{
		font-size: 1.3rem;
		line-height: 2.4rem;
		color: rgba(0, 0, 0, 0.4);
		background: url(../images/main/img_shapes.png) no-repeat;
		background-position: 130px 0px;
		padding: 60px 0px 10px;
		margin: 0px;
	}
	#main .etc-section .mainBottomBanner:nth-child(1){
		position:relative;
		margin:0px;
		background: url(../images/main/img_holding.jpg) no-repeat;
		background-position: center;
	}
	#main .etc-section .mainBottomBanner:nth-child(2){
		position:relative;
		margin:0px;
		background: url(../images/main/img_performance.jpg) no-repeat;
		background-position: center;
	}
	#main .etc-section .mainBottomBanner:before{
		content: '';
		background: rgba(0, 0, 0, 0.4);
		position: absolute;
		width: 100%;
		height: 100%;
		z-index: 0;
	    left: 0px;
	}
	#main .etc-section .mainBottomBanner .content .explain{
		text-align: center;
		font-size:18px;
		color: rgba(255, 255, 255, 0.5);
		margin: 35px 0px 15px;
		font-weight: normal;
		line-height: 30px;
	}
	#main .etc-section .mainBottomBanner .content ul li{
		background: rgba(255, 255, 255, 1);
		border-radius: 10px;
		padding: 15px;
		line-height: 20px;
		font-size: 22px;
		color: #333333;
		margin: 5px;
		border: 1px solid rgba(40, 173, 151, 0.3);
		font-weight: bold;
		text-align: left;
		box-shadow: 3px 3px 5px rgba(40, 173, 151, 0.15);
		height: 112px;
		display: flex;
		align-items: center;
	}
	#main .etc-section .mainBottomBanner .content ul li:hover{
		background: rgba(255, 255, 255, 1);
		border:1px solid rgba(255,255,255,1);
		color: #1aa890;
	}
	#main .etc-section .holding{
		width: 680px;
		height: 720px;
	}
	#main .etc-section .performance{
		width: 680px;
		height: 720px;
	}
	#main .etc-section > a {
	  display: flex;
	  align-items: center;
	  justify-content: center;
	  width: 50%;
	  text-align: center;
	  height: 400px;
	  background-size: cover;
	}
	#main .etc-section h2 {
	  color: #fff;
	  font-size: 48px;
	}
	#main .etc-section p {
	  color: rgba(255, 255, 255, 0.6);
	  font-size: 18px;
	}

	#main .etc-section .effect .content ul{
	    width: 92%;
		margin: 0px auto;
	}
	#main .etc-section .mainBottomBanner .content .explain {
		text-align: center;
		font-size: 1.2rem;
		color: rgba(255, 255, 255, 0.5);
		margin:15px;
		font-weight: normal;
		line-height: 30px;
	}

	#main .etc-section .effect .content ul li a div div{
		display: block;
        position: relative;
	}
	#main .etc-section .mainBottomBanner .content .title{
		font-size: 2rem;
		font-weight: bold;
		color: #ffffff;
		text-shadow: 3px 3px 3px rgba(0, 0, 0, 0.1);
		display: flex;
		text-align: center;
		align-items: center;
		justify-content: center;
		width: auto;
		position: absolute;
		top: 30px;
		left: 50%;
		margin-left: -50px;
		margin-top: unset;
	}
	#main .etc-section .mainBottomBanner .content ul li .title{
		display:block;
	}
	#main .etc-section .mainBottomBanner .content .explain {
		text-align: center;
		font-size: 18px;
		color: rgba(255, 255, 255, 0.5);
		margin: 35px 0px 15px;
		font-weight: normal;
		line-height: 30px;
		display:none;
	}
	#main .etc-section .mainBottomBanner .content ul li .title{
		color: #333333;
        display: block;
        opacity: 1;
        font-size: 20px;
        text-align: left;
        text-shadow: none;
        line-height: 20px;
        position: unset;
        margin-left: 0px;
        margin-top: 0px;
        width: unset;
	}
	#main .etc-section .mainBottomBanner .content ul li .explain{
        color: rgba(0, 0, 0, 0.5);
        display: block;
        opacity: 1;
        font-size: 14px;
        margin: 5px 0px 7px;
        line-height: 20px;
        text-align: left;
        letter-spacing: -1px;
	}
	#main .etc-section .mainBottomBanner .content ul li .moreBtn{
        color: #1aa890;
        font-size: 13px;
        text-align: left;
        display: flex;
        align-items: center;
        justify-content: flex-end;
		position: absolute;
		bottom: 12px;
		right: 10px;
	}
	#main .etc-section .mainBottomBanner .content ul li .moreBtn svg{
		fill: #1aa890;
		width:13px;
		height:13px;
	}


	.mainBottomBannerWrap {
	  overflow: hidden;
	}
	.mainBottomBannerWrap li {
	  float: left;
	  width: 33.3%;
	}
	.mainBottomBanner .mask,
	.mainBottomBanner .content {
	  position: unset;
	  top: 0px;
	  left: 0px;
	  width: 100%;
	  padding: 89px 20px 0px;
	}
	.mainBottomBanner {
		width: 100%;
		height: auto;
		margin: 0px 10px;
		overflow: hidden;
		position: relative;
		text-align: center;
		cursor: default;
	}
	.effect a.info {
	  text-align: center;
	  font-size: 25px;
	  font-weight: bold;
	  color: #ffffff;
	  text-shadow: 1px 1px 1px rgb(0 0 0 / 5%);
	  display: block;
	  padding-top: 200px;
	  text-align: center;
	}
	#main .etc-section .mobile .mainBottomBanner.effect:nth-child(1){
		margin-bottom:15px;
		height:400px;
	}
	#main .etc-section .mobile .mainBottomBanner.effect:nth-child(2){
		height:530px;
	}
	#main .etc-section .mobile .mainBottomBanner.effect:nth-child(1) .content{
		top: -160px;
	}
	#main .etc-section .mobile .mainBottomBanner.effect:nth-child(2) .content{
		top: -160px;
	}
	#main .etc-section .mobile .mainBottomBanner.effect .mask{
		opacity: 1;
	}
	#main .etc-section .mobile .mainBottomBanner.effect:nth-child(2) .mask{
		background:none;
	}
	#main .etc-section .mobile .mainBottomBanner.effect .content ul{
		opacity: 1;
	}
	#main .etc-section .mobile .mainBottomBanner .content .explain {
		margin: 0px;
		font-size: 1rem;
	    line-height: 1.5rem;
	}
	#main .etc-section .mobile .mainBottomBanner .content ul li{
		padding: 15px;
		font-size: 18px;
		margin: 0px 0px 10px;
		position:relative;
	}


/* main CSS ------------------------------------------------------------------------------------------------------------------------------------*/


/*sub CSS ------------------------------------------------------------------------------------------------------------------------------------*/
	.pc.boxD{display:none;}
	.moble.boxD{display:block;}
	.titleWrap.margin_1{
		margin:20px 0px 0px;
	}
	.section,.titleWrap{padding:15px;}
	.section .titleWrap{padding:0px;}
	#main,
	#sub {
	  min-width: 100%;
	}
	.body {
	  margin: 0px auto;
	  min-width: 100%;
	}
	.body h3 {
	  font-size: 30px;
	}
	.subvisual {
	  position: relative;
	  background: url(../images/sub/subVisual01.jpg) no-repeat;
      height: 280px;
	  text-align: center;
	  background-size: cover;
	  background-position:center;
	}
	.subvisual1 {
	  background: url(../images/sub/subVisual02.jpg) no-repeat;
  	  background-position:center;
	}
	.subvisual2 {
	  background: url(../images/sub/subVisual03.jpg) no-repeat;
  	  background-position:center;
	}
	.subvisual3 {
	  background: url(../images/sub/subVisual04.jpg) no-repeat;
  	  background-position:center;
	}
	.subvisual4 {
	  background: url(../images/sub/subVisual05.jpg) no-repeat;
  	  background-position:center;
	}
	.subvisual5 {
	  background: url(../images/sub/subVisual06.jpg) no-repeat;
  	  background-position:center;
	}
	.subvisual6 {
	  background: url(../images/sub/subVisual07.jpg) no-repeat;
  	  background-position:center;
	}
	.subvisual7 {
	  background: url(../images/sub/subVisual08.jpg) no-repeat;
  	  background-position:center;
	}
	.subvisual8 {
	  background: url(../images/sub/subVisual08.jpg) no-repeat;
  	  background-position:center;
	}
	.subvisual::after {
	  content:'';
	  position:absolute;
	  top:0px;
	  left:0px;
	  width:100%;
	  height:100%;
	  background:rgba(0,0,0,0.5);
	}

	.subvisual h2,
	.subvisual1 h2,
	.subvisual2 h2,
	.subvisual3 h2,
	.subvisual4 h2,
	.subvisual5 h2,
	.subvisual6 h2,
	.subvisual7 h2 {
		font-size: 2.1rem;
		font-weight: bold;
		color: #ffffff;
		text-shadow: 1px 1px 1px rgb(0 0 0 0.6);
		position: absolute;
		z-index: 9;		
		height: 200px;
		/* background: #4c77e4; */
		position: absolute;
		width: 100%;
		margin-left: 0px;
		left: 0%;
		top: 50%;
		margin-top: -70px;
		display: flex;
		justify-content: center;
		align-items: center;
	}

	.tableA thead th,
	.tableC thead th {
	  background: #0b9072;
	}

	table.tableA {
		border-collapse: collapse;
		text-align: left;
		line-height: 1.5;
		border-bottom: 1px solid #ccc;
		margin: 20px 0px;
		max-width: 1100px;
		width: max-content;
	}
	table.tableA thead .thWidth {
		width: 140px;
	}
	table.tableA thead th,.tbl_head01 thead th,.sj_prossession01 #bo_v_con .__se_tbl th{
		padding: 10px;
		font-weight: bold;
		background: #f9f9f9;
		margin: 20px 10px;
		border-bottom: 1px solid rgba(0, 0, 0, 0.2);
		text-align: center;
		color: unset;
		font-size: 1.125rem;
		height: auto;
	}
	table.tableA tbody th {
		padding: 15px;
		background: #f9f9f9;
		border-bottom: 1px solid #eeeeee;
		border-right: 1px solid #eeeeee;
		text-align: center;
	}
	table.tableA .tdbg {
		text-align: center;
	}
	table.tableA td {
		padding: 10px;
		vertical-align: top;
		border-bottom: 1px solid #eeeeee;
		border-right: 1px solid #eeeeee;
	}
	table.tableB{border-left:0px;border-right:0px;}
	table.tableB td{
		border-right:0px;
	}

	
	/*게시판스킨 관련 css*/
	.tbl_head01 thead th {
		border-top: 3px solid #1aa890;
	}
	.td_subject a {
		display: block;
		color: #666666;
	}
	#bo_list .tbl_head01 thead th:nth-child(1){
		min-width: 80px;
	}
	#bo_list .tbl_head01 thead th:last-child{
		width:80px;
	}
	#bo_list .tbl_head01 td {
		padding: 20px 0px;
		border-top: 1px solid rgba(0, 0, 0, 0.1);
		border-bottom: 1px solid rgba(0, 0, 0, 0.1);
	}
	#bo_list .tbl_head01 a {
		color: unset;
		font-size: 18px;
	}
	#bo_list .tbl_head01 thead a {
		color: unset;
	}
	#bo_list .td_date,#bo_list .td_num,#bo_list .td_name .sv_member,#bo_list .td_name .sv_guest{
		color:rgba(0,0,0,0.5);
		font-weight:normal;
		font-size:16px;
	}
	#bo_list a.btn_b02,#bo_v a.btn_b02,#bo_gall a.btn_b02,.sj_possession03 a.btn_b02,.sj_possession02 .btn_b02{
		display: inline-block;
		padding: 6px 25px;
		background: rgba(131, 146, 167, 0.7);
		font-size: 16px;
		border: 1px solid rgba(131, 146, 167, 0.1);
		color: #ffffff;
		border-radius: 7px;
		-webkit-transition: all 0.3s ease;
		-moz-transition: all 0.3s ease;
		-ms-transition: all 0.3s ease;
		-o-transition: all 0.3s ease;
		transition: all 0.3s ease;
	}
	#bo_list a.btn_b02:hover,#bo_v a.btn_b02:hover,#bo_gall a.btn_b02:hover,.sj_possession03 a.btn_b02:hover,.sj_possession02 .btn_b02:hover{
		background: rgba(131, 146, 167, 1);
		border: 1px solid rgba(131, 146, 167, 1);
	}
	#bo_list .tbl_head01 {
		border-bottom: 0px solid #7f7f7f;
		margin: 15px 10px;
	}
	#bo_sch {
		padding: 20px;
		text-align: center;
		border: 1px solid rgba(0, 0, 0, 0.1);
		margin: 20px auto 100px;
		background: rgba(0, 0, 0, 0.02);
		border-radius: 0px;
	}
	#bo_sch select {
		width:40%;
		height: 42px;
		font-size: 16px;
		padding: 0px 10px;
		margin: 0px 5px;
		border: 1px solid rgba(0, 0, 0, 0.13);
	}
	#bo_sch .frm_input {
		background: #fff;
		height: 42px;
		border: 1px solid rgba(0, 0, 0, 0.13);
		width:40%;
	}
	#bo_sch form{
		display: flex;
	}
	#bo_sch .btn_submit {
		width: 20%;
		border: 0;
		background: #fff;
		color: unset;
		letter-spacing: -0.1em;
		cursor: pointer;
		height: 42px;
	    font-size: 16px;
		vertical-align: middle;
		border: 1px solid rgba(0, 0, 0, 0.13);
		box-sizing: border-box;
		margin-left: 5px;
	}
	#bo_v_file {
		font-size: 15px;
		line-height: 20px;
		margin-bottom: 30px;
	}
	#bo_v a.btn_b01,.btn_bo_adm input,#bo_w .btn_submit,#bo_w .btn_cancel,.sj_history a.btn_b02,.resultWrap .bo_fx a.btn_b01, a.btn_b01{
		background: #fff;
		color: #8392a7;
		border: 1px solid rgba(131, 146, 167, 0.5);
		padding: 6px 25px;
		font-size: 16px;
		border-radius: 7px;
		-webkit-transition: all 0.3s ease;
		-moz-transition: all 0.3s ease;
		-ms-transition: all 0.3s ease;
		-o-transition: all 0.3s ease;
		transition: all 0.3s ease;
		width: auto;
		height: auto;
	}
	#bo_v a.btn_b01:hover,#bo_w .btn_cancel:hover,#bo_w .btn_submit:hover,.sj_history a.btn_b02:hover,.resultWrap .bo_fx a.btn_b01:hover{
		background: rgba(131, 146, 167, 0.1);
		color: #8392a7;
		border: 1px solid rgba(131, 146, 167, 0.9);
	}
	#bo_w .btn_cancel{
		display: inline-block;
	}
	#bo_w .btn_confirm {
		padding: 20px 0px 120px;
	}
	.btn_bo_adm input {
		background: #fff;
		color: #8392a7;
		border: 1px solid rgba(131, 146, 167, 0.5);
		padding: 0px 10px;
		font-size: 14px;
		border-radius: 5px;
	}
	#bo_v_file li {
		padding: 10px 20px;
		border: 1px solid rgba(0, 0, 0, 0.08);
		background: rgba(0, 0, 0, 0.02);
		border-radius: 5px;
		color: rgba(0, 0, 0, 0.4);
		margin-bottom: 10px;
	}
	#bo_v_info strong {
		display: inline-block;
		margin: 0px 10px 0px 0px;
		font-weight: normal;
	}
	#bo_v_info {
		padding: 0px 0px 10px;
		border-bottom: 1px solid rgba(0, 0, 0, 0.1);
		margin-bottom: 10px;
	}
	#bo_v_title,#bo_v h1#bo_v_title {
		padding: 0px;
		font-size: 1.4rem;
		line-height:2rem;
		color: #333333;
		font-weight: 700;
		text-align: center;
		border-bottom: 0px;
		border-top: 0px;
		font-family: unset;
		letter-spacing: -1px;
		margin: 0px 10px 20px;
	}
	#bo_v_con {
		font-size: unset;
	}
	#bo_v_con p{
		padding-left: 0pt !important;
		color: #333333 !important;
		letter-spacing: -0.5px !important;
		font-size: 1.125rem !important;
		font-family: unset !important;
		line-height: 1.8rem !important;
	}
	#bo_v_con p.icon-circle{
		margin-right:5px;
	}
	#bo_v_file a {
		color: rgba(0, 0, 0, 0.7);
	}
	#bo_v_atc {
		margin-bottom: 20px;
	}
	.tbl_head01 td {
		font-size: 1rem;
	}
	.tbl_head01 td div.flex01.margin_l_30{
		margin-left:0px;
	}
	.bo_fx {
		font-size: 15px;
		display: flex;
		justify-content: space-between;
		align-items: center;
		width:100%;
		margin-bottom: 0px;
		padding: 0px 10px;
	}
	#bo_list_total {
		padding-top: 0px;
		font-size:0.9rem;
		color: #bbbbbb;
		border-bottom:0px;
	}
	.bo_fx:after {
		display:none;
	}
	#bo_w .tbl_frm01 {
		margin: 0px auto;
		border-top: 3px solid #1aa890;
		border-bottom: 1px solid #8392a7;
		max-width: unset;
		width: 100% !important;
	}

	#bo_w .tbl_frm01 th{
		width: 170px;
		padding: 15px;
		border: 1px solid rgba(0, 0, 0, 0.1);
		border-left: 0;
		background: rgba(0, 0, 0, 0.02);
		text-align: center;
	}
	#bo_w .frm_input {
		background: #fff;
		height: 42px;
		border: 1px solid rgba(0, 0, 0, 0.1);
		width: 100%;
	}
	#bo_w .tbl_frm01 input#notice{
		width: 20px;
		height: 20px;
	}
	label, input, button, select, img,#bo_w .tbl_frm01 th,.tbl_frm01 textarea, .frm_input {
		font-size: 16px;
	}

	#bo_list .tbl_head01 thead th input {
		width: 20px;
		height: 20px;
		margin-top: 5px;
	}
	#bo_list .tbl_head01 td input{
		width:20px;
		height:20px;
	}
	#gall_ul{
		
	}
	#bo_gall #gall_ul {
		border-top: 3px solid #1aa890;
		padding: 0px;
	    width: 100%;
	}
	#bo_gall .gall_li {
		float: unset;
		margin: 0px 0px 30px;
		width: 100% !important;
		padding: 0px;
		border-bottom:0px;
	}
	#bo_btn_top {
		margin: 0px;
	}

	.result_list	#bo_v #bo_v_atc {
		width: 750px;
		margin: 0px auto;
		border: 10px solid rgba(0, 0, 0, 0.07);
		padding: 50px;
	}
	#bo_v #bo_v_title .bo_v_tit {
		font-size: 40px;
		display: block;
		font-weight: 800;
		word-break: break-all;
		width: 750px;
		margin: 0px auto;
		line-height: 50px;
	}
	#bo_gall .gall_con .gall_href img{
		width:100%;
		height:auto;
	}
	#bo_gall .gall_con .gall_text_href{
		width:100% !important;
	}
	#bo_gall .gall_con li {
		margin: 0px 10px 0px 10px;
		font-size: 0.9em !important;
		font-weight: normal !important;
	}
	#bo_gall .gall_con li a span{
		color: #333333 !important;
		font-weight: bold;
	}
	#bo_gall .gall_con .gall_href {
		margin: 0px;
	}
	.result_list #bo_v #bo_v_info {
		padding: 0px 0px 10px;
		font-size: 20px;
		font-weight: bold;
		border-bottom: 0px solid #e4eaf2;
		color: #1aa890;
		text-align: center;
	}
	.pg_current {
		display: inline-block;
		margin: 0px 10px;
		background: none;
		color: #1aa890;
		font-weight: normal;
		border: 1px solid #1aa890;
		border-radius: 50%;
		width: 40px;
		padding: 5px;
		height: 40px;
		line-height: 27px;
	}
	.copyright span {
		padding-right: 10px;
		color: unset;
	}

	#bo_v.sj_prossession01 header{display:none;}
	#bo_v.sj_prossession01 .tbl_head01 td {
		font-size: 18px;
		padding: 20px 0px;
		border-top: 3px solid rgba(0, 0, 0, 0.05);
		border-bottom: 3px solid rgba(0, 0, 0, 0.05);
		line-height: 1.5em;
		word-break: break-all;
	}

	#bo_v.sj_prossession01{
	    width: 900px !important;
		min-width: 900px;
		margin: 0px auto;
	}
	#bo_v.sj_prossession01 #bo_v_img {
		margin: 0px;
	}
	#bo_v.sj_prossession01 #bo_v_con{
		border:3px solid rgba(0,0,0,0.05);
		margin:10px 0px;
	}
	#bo_v.sj_prossession01 .tbl_head01{
		margin:0px;
		border-top: 5px solid #1aa890;
	}
	#bo_list_admin td:nth-of-type(3) {
		text-align: center;
		color: rgba(0, 0, 0, 0.5);
	}
	#bo_v_con img {
		max-width: 100%;
		height: auto !important;
	}
	.gallery_youtube_view iframe{
	    width: 100%;
	    height: auto;
	    min-height: 60vw;
	}
	.gallery_youtube_view #bo_v_info,.gallery_youtube_view #bo_v_link{
		font-size: 1rem;
		color: rgba(0, 0, 0, 0.5);
		line-height: 1.5rem;
		margin-bottom: 0px;
	}
	.tbl_head01 tbody th{
		padding: 10px 0;
		border-top: 1px solid #e9e9e9;
		border-bottom: 1px solid #e9e9e9;
		background: #f9f9f9;		
	}
	.history_B_V #bo_v_title span:nth-child(1){
		color:#1aa890 !important;
	}
	.tbl_wrap{margin:0px;}
	.sj_possession03 .tbl_head01.tbl_wrap table colgroup,.sj_possession03 .tbl_head01.tbl_wrap table thead,.sj_possession02 .tbl_head01.tbl_wrap table colgroup,.sj_possession02 .tbl_head01.tbl_wrap table thead{
		display:none;
	}
	.sj_possession03 .tbl_head01.tbl_wrap table tbody,.sj_possession02 .tbl_head01.tbl_wrap table tbody{
		overflow: hidden;
	}
	.sj_possession03 .tbl_head01.tbl_wrap table tbody tr,.sj_possession02 .tbl_head01.tbl_wrap table tbody tr{
		float: left;
		overflow: hidden;
		width: 31.3%;
		padding: 30px;
		margin: 1%;
		display: flex;
		flex-direction: column;
		align-items: center;
		justify-content: center;
	}
	.sj_possession03 .tbl_head01.tbl_wrap table tbody tr td,.sj_possession02 .tbl_head01.tbl_wrap table tbody tr td{
		text-align: center;
		display: block;
	    border: 0px !important;
		padding: 5px 0px !important;
	}
	.sj_possession03 .tbl_head01.tbl_wrap table tbody tr td:nth-child(2),.sj_possession02 .tbl_head01.tbl_wrap table tbody tr td:nth-child(2){
		font-weight:bold;
		font-size:22px;
		color:#333333;
	}
	.sj_possession03 .tbl_head01.tbl_wrap table tbody tr td.td_subject div div a img{
		border: 10px solid rgba(0, 0, 0, 0.05);
	}
	.sj_possession03 .tbl_head01.tbl_wrap table tbody tr td:nth-child(3){
		display:none;
	}
	.sj_possession03 .webzinContentsText{
	    padding-top: 0px;
	}
	.sj_possession03 #bo_v_top{
		margin-bottom:20px;
	}
	.sj_possession02 .tbl_head01.tbl_wrap table tbody tr td:nth-child(1) div{
		padding: 0px !important;
	}
	.sj_possession02 .tbl_head01.tbl_wrap table tbody tr td:nth-child(2) div{
		border: 0px !important;
		padding: 15px 15px 5px !important;
		font-size: 18px;
		color: #333;
	}
	.sj_possession02 .tbl_head01.tbl_wrap table tbody tr td:nth-child(3) div.webzinContentsText{
		padding:0px 15px 20px !important;
	}
	.sj_possession02 .tbl_head01.tbl_wrap table tbody tr{
		border: 1px solid rgba(0, 0, 0, 0.15);
		padding: 0px;
		display: flex;
		flex-direction: column;
		justify-content: center;
		align-content: flex-start;
		align-items: flex-start;
	}
	.sj_possession02 .tbl_head01.tbl_wrap table tbody tr td{
		padding:0px !important;
	}
	.sj_possession02 #bo_v_top{margin-bottom:30px;} 
	.sj_possession02 #bo_v_atc{
		width: 1000px;
		margin: 0px auto;
	} 
	.tableNodata{
		border: 0px !important;
		text-align: center !important;
		display: flex !important;
		justify-content: center !important;
		align-items: center !important;
		width: 100% !important;
		color: rgba(0, 0, 0, 0.5) !important;
		padding:0px 50px 50px !important;
	}

	.sj_history .history_img .year_body {
		background: unset;
		width: unset;
	    height: unset;
	}
	.sj_history .history_img span {
		text-align: center;
		color: #333;
		font-size: 35px;
		font-weight: bold;
		line-height: 30px;
	}
	.sj_history .history_icon strong {
		color: rgba(0, 0, 0, 0.5);
		font-size: 18px;
		float: left;
		padding-right: 60px;
		font-weight: normal;
		letter-spacing: 0px;
		height: 35px;
	}
	.sj_history .history_icon p+p{
		font-size: 19px !important;
		color: #222222 !important;
	}

	.sj_history .history_icon {
		border-left: 1px solid rgba(0, 0, 0, 0.15);
		margin-left: 0px;
		padding: 20px 0px 0px 60px;
	}
	.sj_history .p_box {
		width: 100%;
		overflow: hidden;
		margin: 0px;
		border-bottom: 0px solid #eeeeee;
		padding: 0px;
	}
	.sj_history .history_txt {
		float: right;
		width: 75%;
		margin-top: 0px !important;
	}
	.sj_history .p_box .history_icon:last-child{
		padding-bottom: 50px;
	}
	.sj_history .p_box .history_icon:firt-of-type{
		padding-top: 40px;
	}
	.sj_history .history_icon {
		width: 83%;
	}
	.sj_history .year_body{
		position: relative;
	}
	.sj_history .year_body:after{
		content: '';
		position: absolute;
		right: -8px;
		top: 8px;
		width: 14px;
		height: 14px;
		border: 1px solid rgba(0, 0, 0, 0.2);
		border-radius: 50%;
		background: #fff;
	}
	.sj_history .history_img {
		float: left;
		width: 17%;
		text-align: center;
		margin-top: 20px !important;
	}
	.sj_history .history_img, .sj_history .history_icon, .sj_history .history_txt {
	    opacity: 1;
	}
	.sj_history .animate-history{
		display:none;
	}
	.sj_history .history_div {
		border-top: 1px solid rgba(0, 0, 0, 0.15);
	}
	.sj_history .history_icon img {
		width: 450px;
		height: auto;
		border-radius: 15px;
	}
	.sj_history .history_icon .mt5 {
		margin: 10px 0px 10px 150px;
	}

	.pg_page, .pg_current {
		display: inline-block;
		padding: 0px 10px;
		/* height: 25px; */
		color: #bbbbbb;
		letter-spacing: 0;
		line-height: 2.2em;
		vertical-align: middle;
		font-size: 16px;
		border: 1px solid rgba(0, 0, 0, 0.2);
		border-radius: 50%;
		width: 35px;
		padding: 5px;
		height: 35px;
		line-height: 20px;
		margin: 0px 6px;
	}

	.pg_current {
		display: inline-block;
		margin: 0px 10px;
		background: #1aa890;
		color: #ffffff;
		font-weight: normal;
		border: 1px solid #1aa890;
		border-radius: 50%;
		width: 35px;
		padding: 5px;
		height: 35px;
		line-height: 20px;
	}
	.pg_start,.pg_prev,.pg_end,.pg_next {
		font-size: 0px !important;
		position:relative;
	}
	.pg_start:after, .pg_prev:after {
		content: '';
		position: absolute;
		top: 6px;
		left: 5px;
		font-size: 15px;
		width: 30px;
		height: 30px;
		background: url(/sejinC/images/sub/btn_pre01.png) no-repeat;
		background-size: 20px;
	}
	.pg_end:after,.pg_next:after{
		content: '';
		position: absolute;
		top: 6px;
		left: 7px;
		font-size: 15px;
		width: 30px;
		height: 30px;
		background: url(/sejinC/images/sub/btn_next01.png) no-repeat;
		background-size: 20px;
	}
	#bo_v_con p span{
		color: #333;
		font-family: "Noto Sans KR", "Apple SD Gothic Neo", NanumBarunGothic, Malgun Gothic, dotum, sans-serif !important;
	}
	.result_list .result_list_con{
		border: 10px solid rgba(0, 0, 0, 0.07);
	    max-width: 900px;
		margin:0px auto;
	}
	.result_list #bo_v_title .bo_v_tit{
		width: 900px !important;
		line-height: 60px !important;
	}

	.result_list #bo_v_info {
		padding: 15px;
		border-bottom: 1px solid rgba(0, 0, 0, 0.1);
		margin-bottom: 0px;
		font-size: 18px;
		color: #1aa890;
		font-weight: bold;
	}
	.result_list #bo_v_con p{
		padding:4px 0px;
		text-align:left;
		font-weight:normal;
	}

	.result_list #bo_v_atc{
		padding:30px 50px 60px;
		font-size:18px;
		margin-bottom: 0px;
	}
	.result_list #bo_v_con{
		margin: 0px;
	}
	.result_list #bo_v_con table tr td{
		padding:4px 0px;
	}
	.result_list #bo_v_con table tr td p span{
		font-size:18px !important;
		color:#333333 !important;
	}
	.result_list #bo_v_img {
		margin: 0px 0px 20px;
	}
	.result_list #bo_v_con span{
		font-size:18px !important;
	}
	#bo_list #bo_list_total{
	    background: none !important;
	}
	#bo_w .bo_w_flie .file_wr{
		border: 1px solid #ccc;
		background: #fff;
		color: #000;
		vertical-align: middle;
		border-radius: 3px;
		padding: 5px;
		height: auto;
		margin: 0;
	}
	#bo_w .bo_w_flie .lb_icon {
		background: none;
	}
	#bo_w .bo_w_flie .frm_file {
		padding-left: 0px;
	}
	#bo_w .bo_w_flie input {
		border:0px solid #ccc;
	}
	.resultWrap .tbl_head01 table td div a img{
		width:130px;
		height:auto;
		margin:10px;
	}



	.box{
		padding: 30px;		
		border-radius: 10px;
		display: flex;
		justify-content: center;
		align-items: center;	
	}
	.box01{
		padding: 100px;
	}
	.boxA {
	  border: 1px solid #e2e3e4;
	  border-top: 2px solid #0b9072;
	  overflow: hidden;
	  padding: 20px;
	}
	.boxB {
	  background: #f4f4f4;
	  border: 1px solid #e2e3e4;
	  border-top: 2px solid #0b9072;
	  overflow: hidden;
	  padding: 80px;
	  font-size: 16px;
	}
	.boxC {
	  position: relative;
	  background: #f0f3f8;
	  padding: 80px;
	  box-sizing: border-box;
	  margin: 20px 0px;
	  color: #333333;
	}
	.boxD {
	  background: rgb(26, 168, 144, 0.05);
	  box-sizing: border-box;
	  margin: 0px;
	  color: #19a58f;
	  font-size: 30px;
	  line-height:45px;
	  border:1px solid rgba(0,0,0,0.03);
	}
	.boxE {
	  background: #f0f3f8;
	  padding: 30px;
	  box-sizing: border-box;
	  margin: 20px 0px;
	  color: #0b9072;
	  font-size: 20px;
	}

	.btn_blue1 {
	  text-decoration: none;
	  display: block;
	  margin: 0px;
	  line-height: 40px;
	  font-size: 20px;
	  font-weight: bold;
	  color: #ffffff;
	  text-align: left;
	  padding: 20px;
	  background: #0b9072 url(/new_hsvalve/images/cmn/icon_nero04.png) no-repeat;
	  background-position: 95%;
	  -webkit-transition: all 0.3s ease;
	  -moz-transition: all 0.3s ease;
	  -ms-transition: all 0.3s ease;
	  -o-transition: all 0.3s ease;
	  transition: all 0.3s ease;
	}
	.btn_blue1:hover {
	  text-decoration: none;
	  display: block;
	  margin: 0px;
	  line-height: 40px;
	  font-size: 20px;
	  font-weight: bold;
	  color: #ffffff;
	  text-align: left;
	  padding: 20px;
	  background: #0b9072 url(/new_hsvalve/images/cmn/icon_nero04.png) no-repeat;
	  background-position: 95%;
	}

	.btn_blue1a {
	  text-decoration: none;
	  display: block;
	  margin: 0px;
	  line-height: 40px;
	  font-size: 20px;
	  font-weight: bold;
	  color: #ffffff;
	  text-align: center;
	  padding: 20px;
	  background: #0b9072 url(/new_hsvalve/images/cmn/icon_nero04.png) no-repeat;
	  background-position: 90%;
	  -webkit-transition: all 0.3s ease;
	  -moz-transition: all 0.3s ease;
	  -ms-transition: all 0.3s ease;
	  -o-transition: all 0.3s ease;
	  transition: all 0.3s ease;
	}
	.btn_blue1a:hover {
	  text-decoration: none;
	  display: block;
	  margin: 0px;
	  line-height: 40px;
	  font-size: 20px;
	  font-weight: bold;
	  color: #ffffff;
	  text-align: center;
	  padding: 20px;
	  background: #002c57 url(/new_hsvalve/images/cmn/icon_nero04.png) no-repeat;
	  background-position: 90%;
	}

	.btn_blue2 {
	  text-decoration: none;
	  background: #0b9072 url(/new_hsvalve/images/cmn/icon_fileDown.png) no-repeat;
	  background-position: 93%;
	  padding: 7px 40px 7px 20px;
	  border-radius: 30px;
	  font-size: 15px;
	  color: #ffffff;
	  -webkit-transition: all 0.3s ease;
	  -moz-transition: all 0.3s ease;
	  -ms-transition: all 0.3s ease;
	  -o-transition: all 0.3s ease;
	  transition: all 0.3s ease;
	}
	.btn_blue2:hover {
	  text-decoration: none;
	  background: #0b9072 url(/new_hsvalve/images/cmn/icon_fileDown.png) no-repeat;
	  background-position: 93%;
	  padding: 7px 40px 7px 20px;
	  border-radius: 30px;
	  font-size: 15px;
	  color: #ffffff;
	}
	.btn_blue3 {
	  text-decoration: none;
	  text-decoration: none;
	  background: #0b9072;
	  padding: 7px 20px;
	  border-radius: 30px;
	  font-size: 15px;
	  color: #ffffff;
	  -webkit-transition: all 0.3s ease;
	  -moz-transition: all 0.3s ease;
	  -ms-transition: all 0.3s ease;
	  -o-transition: all 0.3s ease;
	  transition: all 0.3s ease;
	}
	.btn_blue_line1 {
	  text-decoration: none;
	  line-height: 25px;
	  border: 1px solid #0b9072;
	  color: #0b9072;
	  border-radius: 30px;
	  padding: 5px 10px;
	  font-size: 14px;
	  min-width: 100px;
	  text-align: center;
	  -webkit-transition: all 0.3s ease;
	  -moz-transition: all 0.3s ease;
	  -ms-transition: all 0.3s ease;
	  -o-transition: all 0.3s ease;
	  transition: all 0.3s ease;
	}
	.btn_blue_line1:hover {
	  text-decoration: none;
	  line-height: 25px;
	  border: 1px solid #0b9072;
	  color: #0b9072;
	  border-radius: 30px;
	  padding: 5px 10px;
	  font-size: 14px;
	  min-width: 100px;
	  text-align: center;
	}
	.btn_gray1 {
	  text-decoration: none;
	  line-height: 25px;
	  background: #f1f1f1;
	  border-radius: 30px;
	  padding: 5px 13px;
	  font-size: 14px;
	  min-width: 100px;
	  text-align: center;
	  border: 1px solid #e5e5e5;
	  -webkit-transition: all 0.3s ease;
	  -moz-transition: all 0.3s ease;
	  -ms-transition: all 0.3s ease;
	  -o-transition: all 0.3s ease;
	  transition: all 0.3s ease;
	}
	.btn_gray1:hover {
	  text-decoration: none;
	  line-height: 25px;
	  background: #eeeeee;
	  border-radius: 30px;
	  padding: 5px 13px;
	  font-size: 14px;
	  min-width: 100px;
	  text-align: center;
	  border: 1px solid #aaaaaa;
	}
	.btn_blue3:hover {
	  background: #0b9072;
	  padding: 7px 20px;
	  border-radius: 30px;
	  font-size: 15px;
	  color: #ffffff;
	}
	.btnWrap {
	  padding: 20px 0px;
	}
	.btnWrap .btn1 {
		text-decoration: none;
		line-height: 35px;
		border: 2px solid #93d4ca;
		color: #1aa890;
		border-radius: 10px;
		padding: 15px 30px;
		font-size: 19px;
		width: 280px;
		font-weight: bold;
		text-align: center;
		margin: 0px 5px;
		background:#ffffff;
	    transition-property: all;
	    transition-duration: 0.3s;
	}
	.btnWrap .btn1:hover {
	   background: #1aa890;
	   border: 2px solid #1aa890;
	   color: #ffffff;
	}

	.btnWrap .admin {
	  text-decoration: none;
	  line-height: 20px;
	  border: 0px solid #0b9072;
	  color: #0b9072;
	  border-radius: 30px;
	  padding: 0px;
	  font-size: 14px;
	  text-align: center;
	}
	.btnWrap .admin:hover {
	  text-decoration: none;
	  background: none;
	  color: #ffffff;
	  line-height: 25px;
	  border: 0px solid #0b9072;
	  border-radius: 30px;
	  padding: 0;
	  font-size: 14px;
	}

	.tabMenu a{
		background: #e9e9e9;
		color: #b1b1b1;
		font-size: 20px;
		cursor: pointer;
		margin: 13px 0px;
		padding: 23px 20px;
		border-radius: 10px;
		display: block;
		font-weight: bold;
		display: flex;
		justify-content: space-between;
	}

	.tabMenu .selected{
		background:#1aa890;
		border:1px solid #1aa890;
		color:#ffffff;
		position:relative;
	}
	.tabMenu .selected::after{
		content: '';
		width: 0;
		height: 0;
		border-bottom: 15px solid #1aa890;
		border-top: 15px solid transparent;
		border-left: 15px solid #1aa890;
		border-right: 15px solid transparent;
		position: absolute;
		right: -20px;
		top: -1px;
		transform: rotate(90deg);
	}
	.tabMenu .selected svg{
		fill:#ffffff;
	}

	.tabMenu_2 a{
		border-radius: 50px !important;
		background: none;
		color: #b1b1b1;
		border:1px solid rgba(0,0,0,0.3);
	    padding: 15px 30px;
	}
	.tabMenu_2 .selected::after{
		display:none;
	}
	.tabMenu_2 a svg{
		fill:#b1b1b1;
	}

	.subBarMenuWrap{
	    border-bottom: 0px solid rgba(0, 0, 0, 0.15) !important;
	}
	.subBarMenuWrap li{
		height: 55px;
		display: flex;
		justify-content: center;
		align-items: center;
		border-right: 1px solid rgba(0, 0, 0, 0.15);
		font-weight: normal;
		color: rgba(0, 0, 0, 0.7);
		border-bottom: 1px solid rgba(0, 0, 0, 0.15);
	}

	.subBarMenuWrap li.selected{
		font-weight:bold;
		background:#1aa890;
		color:#ffffff;
	}
	.subBarMenuWrap li.selected a{
		color:#ffffff;
	}
	.subBarMenuWrap ul.grid{
		display: grid;
		grid-template-columns: repeat(auto-fit, minmax(50%, 1fr));
		border-left: 1px solid rgba(0, 0, 0, 0.15);
	}
	.subBarMenu01Wrap{
		border-bottom:1px solid rgba(0,0,0,0.15);
	}
	.subBarMenu01Wrap ul li.selected{
		padding: 20px;
		font-weight: bold;
		border-bottom: 3px solid #1aa890;
		color: #1aa890;
	}
	.subBarMenu01Wrap ul li{
		padding: 20px;
	}



	.list li{
		position:relative;
		padding-left:15px;
		text-align:left;
	}
	.list li:before{
		content: '';
		width: 5px;
		height: 5px;
		background: rgba(0, 0, 0, 0.3);
		border-radius: 50%;
		display: block;
		position: absolute;
		top: 12px;
		left:3px;
	    opacity: 0.6;
	}


	.swiper-button-next{
		background:url(../images/sub/btn_next.png)no-repeat;
		width: 64px !important;
		height: 64px !important;
		font-size:0px !important;
	}
	
	.swiper-button-prev {
		background:url(../images/sub/btn_pre.png)no-repeat;
		width: 64px !important;
		height: 64px !important;
		font-size:0px !important;
	}
	.swiper-button-prev, .swiper-rtl .swiper-button-next {
		left: var(--swiper-navigation-sides-offset, -55px) !important;
		right: 30px !important;
	}
	.swiper-button-next, .swiper-rtl .swiper-button-prev {
		right: var(--swiper-navigation-sides-offset, -55px) !important;
		left: auto !important;
	}
	.swiper-button-next:after, .swiper-button-prev:after{
		display:none !important;
	}

	.titleWrap .title{
		border-left:1px solid #1aa890;
		padding:10px 0px 10px 15px;
	}
	.titleWrap .course{
		color:rgba(0,0,0,0.3);
		display:none;
	}
	
	.section .copy01{
		font-size: 1.3rem;
		text-align: center;
		line-height: 2rem;
		letter-spacing: -1px;
		font-weight: 500;
	    margin-bottom: 0px;
	}
	.section .pc.copy01{display:none;}
	.section .mobile.copy01{display:block;}

	.icon-circle{
		padding: 0px;
		border-radius: 50%;
		width: 65px;
		height: 65px;
		display: flex;
		align-items: center;
		justify-content: center;
		min-width: 65px;
	}
	.icon-circle svg{
		width: 35px;
		height: 35px;
	}
	.icon-circle01{
		width: 160px;
		height: 160px;
		font-size: 26px;
		text-align: center;
	}



	/*회사소개*/
	.company .sign{
		font-size: 23px;
	    font-style: italic;
	}
	.company .section .img img{
		width:100%;
		margin:20px 0px 0px;
	}
	.company .section .pc.img img{display:none;}
	.company .section .mobile.img img{display:block;}
	.company .section .text{
		width:100% !important;
	}
	.company .box{
		width:100% !important;
	}
	.company .map.box{
		display:block;
	    margin: 20px auto 0px !important;
		padding:20px;
	}
	.company .map.box .icon-circle{
		margin:0px 10px 0px 0px;
        width: 70px;
        height: 70px;
        min-width: 70px;
	}

	.company .map.box .border-identity{
		display: flex;
        width: 100%;
        padding: 20px 10px;
        align-items: center;
        margin: 6px 0px;
        box-shadow: rgba(0, 0, 0, 0.04) 0px 10px 8px;
	}
	
	.company.ci .section .com_layout .padding_1.flex02{
		display:block !important
	}
	.company.ci .section .com_layout .padding_1.flex02 .icon-circle01{
	   background: none;
		width: auto;
		height: auto;
		text-align: left;
		display: block;
		padding: 10px;
	}
	.company.ci .section .com_layout .padding_1.flex02 .box01{
		padding:50px 20px;
	}
	.company.ci .pc.icon-circle01{display:none  !important;}
	.company.ci .mobile.icon-circle01{display:block !important;}


	/*실적현황*/
	.result .banner{
		overflow-x: scroll;
		margin-bottom:30px;
	}
	.result .banner .swiper-banner01{
	    width: auto;
	}
	.result .banner .swiper-slide{
		border-radius:20px;
		display: block !important;
		margin-right: 15px;
	}
	.result .banner .swiper-slide .explain{
		background:url(../images/sub/img_result_bg.png)no-repeat;
		color:#ffffff;
		width:unset;
		padding:20px;
		height:auto;
		box-sizing: border-box;
		background-size:100%;
		background-position:bottom center;
		border-radius: 15px;
	}
	.result .banner .swiper-slide .title{
		font-size:2rem;
		font-weight:bold;
		line-height:2.8rem;
		padding-bottom:15px;
		margin-bottom:15px;
		border-bottom:1px solid rgba(255,255,255,0.3);
	}
	.result .banner .swiper-slide .img{
		width:100%;
		height:auto;
		background-size:cover;
	}
	.result .banner .swiper-slide .list{
		font-size:20px;
		margin-bottom:0px;
	}
	.result .banner .list li{
		padding-bottom:5px;
		font-size:1.1rem;
	}
	.result .section .com_layout h4{
		color: #1aa890;
		font-size: 26px;
		line-height:32px;
	}

	/*회사소개 > 회사연혁*/
	.yearWrap .year{
		font-size: 25px;
		position: relative;
		padding: 0px 50px 0px 0px;
	}
	.yearWrap .year::after{
		content: '';
		position: absolute;
		right: -8px;
		top: 8px;
		width: 14px;
		height: 14px;
		border: 1px solid rgba(0, 0, 0, 0.2);
		border-radius: 50%;
		background: #fff;
	}
	.yearWrap .day{
		padding-bottom: 50px;
		border-left: 1px solid rgba(0, 0, 0, 0.15);
	}

	/*사업영역*/
	.businessArea .mobile{display:block;}
	.businessArea .pc{display:none;}
	.businessArea .explainWrap{padding:0px;}
	.businessArea .boxD .img01{
		height: 58vw;
		background: url(../images/sub/businessArea_03.jpg) no-repeat;
		width: 100%;
		background-position: center;
	}
	.businessArea .boxD .img02{
		height: 58vw;
		background: url(../images/sub/businessArea_02_1.jpg) no-repeat;
		width: 100%;
		background-position: center;
		background-size: 100%;
	}
	.businessArea .boxD .text{
		width: 100%;
		padding: 30px 20px;
		font-size: 1.3rem;
		line-height: 2rem;
		letter-spacing: -1px;
	}

	.businessArea .banner .swiper-container{
		width:auto;
		margin:0px auto;
		overflow:hidden;
	}
	.businessArea .banner .swiper-container .slide-control{
		display: flex;
		justify-content: center;
		align-items: center;
		margin: 10px 0px;
	}
	.businessArea .banner .swiper-container .slide-control .swiper-pagination-fraction{
		display: flex;
		justify-content: center;
		align-items: center;
	    width: auto;
		width: 70px;
	}
	.businessArea .banner .swiper-container .slide-control .swiper-pagination-fraction span{
		padding:0px 5px;
	}
	.businessArea .banner .swiper-container .slide-control .main-prev,.businessArea .banner .swiper-container .slide-control .main-next{
		cursor: pointer;
		line-height: 0px;
	}
	.businessArea .banner .swiper-container .slide-control .main-prev img,.businessArea .banner .swiper-container .slide-control .main-next img{
		width:35px;
	}
	.businessArea .banner .swiper-container .swiper-backface-hidden .swiper-slide{
		width:100%;
	}
	.businessArea .section .com_layout .businessArea-left .tabMenu{
		display: flex !important;
		flex-direction: row !important;
	}
	.businessArea .section .com_layout .businessArea-left.titleWrap .flex{
		font-size: 1rem;
		letter-spacing: -1px;
		display: flex;
		align-items: center;
		justify-content: center;
		flex-direction: column;
		padding: 10px 5px;		
		line-height: 1.5rem;
		border-radius: 10px !important;
		margin: 5px 0px 5px;
	}
	.businessArea .section .com_layout .businessArea-left.titleWrap .flex li{
		margin-right:5px;
		width:33.3%;
	}
	.businessArea .section .com_layout .businessArea-left.titleWrap .flex li:nth-child(3) a{
		letter-spacing:-1.5px;
	}
	.businessArea .section .com_layout .businessArea-left.titleWrap .flex svg{
		display: block;
	}

	.businessArea .banner .swiper-slide{
		width:100% !important;
	}
	.businessArea .banner .swiper-slide img{
		width: 100%;
		height:auto;
	}
	.section.margin_b_90{
		margin-bottom: 0px;
	}
/*sub CSS ------------------------------------------------------------------------------------------------------------------------------------*/



/*footer------------------------------------------------------------------------------------------------------------------------------------------*/
	#footer {
	  border-top: 1px solid #e9e9e9;
	  color:unset;
	  margin-top: 0px;
	}
	#footer .banner {
	  overflow: hidden;
	  padding: 15px 0px;
	}
	#footer .pc.banner{display:none;}
	#footer .mobile.banner{display:block;}
	#footer .body{
		margin: 0px auto;
		min-width: 100%;
		color:unset;
	}
	#footer .banner a > img {
	  float: nonet;
	  padding-right: 0px;
	}
	#footer .banner a > span {
	  display: block;
	  padding-top: 5px;
	}
	#footer .body .menu {
		margin-bottom: 20px;
		border-bottom: 1px solid rgba(255, 255, 255, 0.1);
		padding: 0px 0px 25px;
		font-weight:bold;
		color: rgba(255, 255, 255, 0.9);
		display:block !important;
	}
	#footer .body .menu div{
		color:unset;
	}
	#footer .body .menu div:nth-child(2){display:none;}
	#footer .body .menu div a{
		border-right: 0px solid rgba(255, 255, 255, 0.1);
		padding-right: 5px;
		margin-right: 10px;
		color:#ffffff;
	}
	#footer .copyright p{
		color:unset;
	}
	#footer .body .menu .csCenter p{
		width: 40px;
		height: 40px;
		border-radius: 50%;
		background: rgba(0, 0, 0, 0.2);
		display: flex;
		justify-content: center;
		align-items: center;
	}
	#footer .body .menu .csCenter p svg{
		fill: rgba(255, 255, 255, 0.6);
		width: 60%;
		height: 70%;
	}
	#footer .body .menu .csCenter span{
		font-size: 25px;
		margin-left: 10px;
	}
	#footer .banner .swiper-slide{
		text-align:center;
	}
	#footer .swiper-button-next{
		font-size:15px !important;
		font-weight:bold;
		color:rgba(0,0,0,0.2);
	}
	#footer .swiper-button-prev{
		font-size:15px !important;
		font-weight:bold;
		color:rgba(0,0,0,0.2);
	}
	#footer .body .menu > a {
		font-weight: bold;
		color: #ffffff;
		padding-right: 20px;
		font-size: 16px;
	}
	#footer .body p+p{margin-top:15px;}
	#footer .copyright {
		background: #616a77;
		color: rgba(255, 255, 255, 0.55);
		padding: 30px 15px 100px;
		box-sizing: border-box;
		font-size: 16px;
		line-height: 28px;
		letter-spacing: -0.5px;
		width:100%;
	}

	#footer .swiper-button-prev, #footer .swiper-rtl .swiper-button-next {
		left: var(--swiper-navigation-sides-offset, -10px) !important;
		right: 0px !important;
		z-index:999;
	}
	#footer .swiper-button-next,#footer .swiper-rtl .swiper-button-prev {
		right: var(--swiper-navigation-sides-offset, -32px) !important;
		left: auto !important;
		z-index:999;
	}
	#footer .swiper-button-next, #footer .swiper-button-prev {
		top: var(--swiper-navigation-top-offset, 50%);
	}
	#footer .swiper-button-prev,#footer .swiper-button-next  {
		background-size: 60%;
	}
	#footer .banner{position:relative;}
	#footer .banner:before{
		content:'';
		position:absolute;
		left:0px;
		top:0px;
		width:60px;
		height:60px;
		background: linear-gradient(
            to right,
            rgba(255, 255, 255, 1),
			rgba(255, 255, 255, 0)
        );
		z-index:99;
	}
	#footer .banner:after{
		content:'';
		position:absolute;
		right:0px;
		top:0px;
		width:60px;
		height:60px;
		background: linear-gradient(
            to left,
            rgba(255, 255, 255, 1),
			rgba(255, 255, 255, 0)
        );
		z-index:99;
	}

/*footer------------------------------------------------------------------------------------------------------------------------------------------*/


@media ( min-width: 768px ) {

}

@media ( min-width: 1024px ) {
/* Reset CSS ------------------------------------------------------------------------------------------------------------------------------------*/
	.overflow-x{
		overflow-x:unset;
	}
	h4 {
		padding-top: 20px;
	}
	.margin_b_60 {
	  margin-bottom: 60px;
	}
	.margin_b_90 {
	  margin-bottom: 90px;
	}
	.text-line01:after{
		content:'';
		position:absolute;
		bottom:0px;
		left:0px;
		width:100%;
		border-bottom:1px solid #1aa890;
	}
	.com_layout,#bo_list,#bo_sch,#bo_v,#bo_w,#bo_gall,#bo_list_admin{
		width: 70% !important;
		margin: 0px auto;
		min-width: 1200px;
		position: relative;
		max-width: unset !important;
	}
	.grid{
		display: grid;
		grid-template-columns: repeat(auto-fit, minmax(200px, 1fr));
		border-left: 1px solid rgba(0, 0, 0, 0.15);
	}
	.img img {
		width: auto;
	}
	.border-identity{
		border-radius: 15px;
	    margin: 10px;
	}

/* main CSS ------------------------------------------------------------------------------------------------------------------------------------*/
	#main .titleWrap .explain{
		margin:30px 0px;
		font-size: 20px;
		line-height: 32px;
		padding:0px;
	}
	#main h2 {
		margin-bottom:25px;
		font-size: 45px;
	}
	#main .btn_more{
		position: unset;
		right: 0px;
		top: 15px;
	}


	/*main-visual*/
	#main_visual .maincopy {
		width: 1160px;
		font-size: 55px;
		margin-left: -580px;
		margin-top: -150px;
		line-height:75px;
	}
	#main_visual .maincopy.flex{
		display:flex;
	}
	#main_visual .maincopy.flex a div{
		display: flex;
		font-size: 30px;
		line-height: 37px;
	}
	#main_visual .maincopy.flex a div img{
		width: 70px;
		height: 70px;
		margin-right: 10px;
	}
	#main_visual .maincopy.flex a div p{
		display: flex;
		flex-direction: column;
		align-content: flex-start;
		align-items: flex-start;
	}

	#main_visual .maincopy div div:nth-child(3) img{
		width: unset;
		vertical-align: unset;
	}
	#main_visual .maincopy a{
		border-left: 1px solid rgba(255, 255, 255, 0.5);
        padding: 40px 20px;
        margin-left: 50px;
        width: 440px;
		background: rgba(32, 148, 206, 0.2);
		border: 1px solid rgba(255, 255, 255, 0.15);
	}
	#main_visual .item h2 a .goBtn{
		border-left: 1px solid rgba(255, 255, 255, 0.5);
        padding: 40px 20px;
        margin: 20px 0px 20px 40px;
        width: 400px;
        display: block;
        background: rgba(32, 148, 206, 0.2);
        border: 1px solid rgba(255, 255, 255, 0.15);
        border-radius: 15px;
	}
	#main_visual .item h2 a .goBtn div{
		display: flex;
        font-size: 30px;
        line-height: 37px;
        justify-content: center;
	}
	#main_visual .item h2 a .goBtn div p{
		display: flex;
        flex-direction: column;
        align-content: flex-start;
        align-items: flex-start;
        font-size: 30px;
        margin-bottom: 10px;
	}
	#main_visual .item h2 a .goBtn div img{
        width: 70px;
        height: 70px;
        margin-right: 10px;
	}
	#main_visual .maincopy a p:nth-child(1){
		font-size:25px;
	}
	#main_visual .maincopy a p:nth-child(1) img{
		width: auto;
        vertical-align: middle;
        margin-right: 10px;
		}
	#main .etc-section .mobile .mainBottomBanner .content .explain {
		margin: 10px;
		font-size: 1rem;
	    line-height: 1.5rem;
	}
	#main_visual .slick-slide img {
		display: block;
		width: auto;
	}



	/*보유,실적현황*/
	.businessArea .pc{display:flex;}
	#main .etc-section .pc{display:flex !important;}
	#main .etc-section .mobile{display:none !important;}
	#main .etc-section .contentsWrap.flex{display:flex;}
	#main .media .wrap ul.com_layout{
		overflow-x: unset;
	}

	/*main-news*/
	#main .media .wrap .com_layout li {
		width: calc(100% / 3);
	}
	#main .media .overflow-x{overflow-x:unset;}
	#main .media .wrap .com_layout.flex02 .titleWrap.flex{
		display:flex;
		padding:unset;
	}
	#main .media .wrap .com_layout.flex02{
		display:flex !important;
	}
	#main .media {
	  padding: 100px 40px 130px;
	  background: #f7f8fa;
	}
	#main .media .titleWrap .explain{
		padding:0px 15px 15px;
	}
	#main .media .overflow-x .com_layout{
		width: 70% !important;
	}



	/*main-사업영역*/
	#main .section.businessArea{
		margin:70px 0px;
	}
	.businessArea .kwicks.grid{border-left:0px;}
	.businessArea .kwicks {
		list-style: none;
		position: relative;
		margin: 80px 0px 30px;
		padding: 0;
	}
	#main .businessArea .kwicks li{
		font-size: 26px;
		margin: 0px 5px;
		min-height:160px;
	}
	.businessArea #kwick1,.businessArea #kwick2,.businessArea #kwick3,.businessArea #kwick4,.businessArea #kwick5 {
		background: rgba(255, 255, 255, 0.8);
		transition: all 0.9s ease 0s;
		display: flex;
		align-items: center;
		flex-direction: column;
		justify-content: center;
	}
	.businessArea #kwick1:hover,.businessArea #kwick2:hover,.businessArea #kwick3:hover,.businessArea #kwick4:hover,.businessArea #kwick5:hover {
		 color:#ffffff;
		 transform: scale(1);
	}
	.businessArea #kwick1:hover svg,.businessArea #kwick2:hover svg,.businessArea #kwick3:hover svg,.businessArea #kwick4:hover svg,.businessArea #kwick5:hover svg{
		fill:#ffffff;
	}
	#main .section.businessArea .businessArea-swiperWrap .title{
		margin: 90px 0px 50px;
		font-size: 50px;
	}
	#main .section.businessArea .businessArea-swiperWrap{
		padding: 80px 50px;
        height: 520px;
        border-radius: 20px;
	}
	#main .section.businessArea .kwicks.grid{
		display:grid;
		margin: 0px;
	}
	#main .section.businessArea .kwicks.grid li:hover{
		border-radius: 10px;
		padding: 15px;
		margin-top:-10px;
	}
	#main .section.businessArea .kwicks.grid li a{
		display:block;
	}
	#main .section.businessArea .kwicks.grid li a .moreBtn{
		font-size: 16px;
        font-weight: normal;
        letter-spacing: -0.5px;
        display: flex;
        align-items: center;
        justify-content: center;
        opacity: 0.6;
        margin: 15px 0px 0px;
        transition: 0.6s;
        position: unset;
	}
	#main .section.businessArea .kwicks.grid li a .moreBtn svg{
		width: 15px;
        height: 15px;
	}
	#main .section.businessArea .kwicks.grid li a svg{
		width: 60px;
		height: 60px;
	}
	#main .media-center .btnWrap .btn1{
		width: 220px !important;
		text-align: center;
		display: flex;
		flex-direction: unset;
		align-items: center;
		padding: 10px 5px;
		letter-spacing: -1px;
	}
	#main .media-center .btnWrap{margin-bottom:0px;}
	#main .media-center .titleWrap .pc.explain{
		display:block;
	}
	#main .media-center .titleWrap .mobile.explain{
		display:none;
	}
	#main .media-center .titleWrap h2 img{
		height: 49px !important;
	}


	/*세진이앤씨 홍보영상*/
	#main .media-center iframe {
	  width: 1000px !important;
	}
	#main .media-center {
	  padding:0px;
	  padding-top: 120px;
	  padding-bottom: 100px;
	}
	#main .media-center .btnWrap{
		/*display: flex;*/
		display:none;
		padding: 0px;
	}
	#main .media-center .btnWrap a{
		width:auto;
		margin:5px;
	}
	#main .media-center video{
		width:1200px;
	}
	#main .media-center .pc.video{
		display:block;
	}
	#main .media-center .mobile.video{
		display:none;
	}

	/*보유,실적현황*/
	#main .etc-section{margin:40px 0px 0px;}
	#main .etc-section .titleWrap .explain{
		font-size:30px;
		line-height: 45px;
		color: rgba(0, 0, 0, 0.4);
		background: url(../images/main/img_shapes.png) no-repeat;
		background-position: 100% 50px;
		padding: 30px 0px;
		margin: 0px;
	}
	#main .etc-section .mainBottomBanner{
		margin:0px 10px;
	}
	#main .etc-section .mainBottomBanner:before{
		content: '';
		background: rgba(0, 0, 0, 0.4);
		position: absolute;
		width: 100%;
		height: 100%;
		z-index: 9;
	    left: 0px;
		display:block;
	}
	#main .etc-section .body{
		margin:40px auto;
	}
	#main .etc-section .effect .content ul{
		margin: 0px auto;
		display: grid;
        grid-template-columns: repeat(auto-fit, minmax(50%, 1fr));
	}
	#main .etc-section .effect .content ul li a div div{
		display: block;
        position: relative;
	}
	#main .etc-section .mainBottomBanner .content .title{
        font-size: 60px;
        font-weight: bold;
        color: #ffffff;
        text-shadow: 3px 3px 3px rgba(0, 0, 0, 0.1);
        display: flex;
        text-align: center;
        align-items: center;
        justify-content: center;
        width: 300px;
        position: absolute;
        top: 50%;
        left: 50%;
        margin-left: -150px;
        margin-top: -70px;
	}
	#main .etc-section .mainBottomBanner .content .explain {
		text-align: center;
		font-size: 18px;
		color: rgba(255, 255, 255, 0.5);
		margin: 35px 0px 15px;
		font-weight: normal;
		line-height: 30px;
		display:none;
	}
	#main .etc-section .mainBottomBanner .content ul li .title{
		color: #333333;
        display: block;
        opacity: 1;
        font-size: 20px;
        text-align: left;
        text-shadow: none;
        line-height: 20px;
        position: unset;
        margin-left: 0px;
        margin-top: 0px;
        width: unset;
	}
	#main .etc-section .mainBottomBanner .content ul li .explain{
        color: rgba(0, 0, 0, 0.5);
        display: block;
        opacity: 1;
        font-size: 14px;
        margin: 5px 0px 7px;
        line-height: 20px;
        text-align: left;
        letter-spacing: -1px;
	}
	#main .etc-section .mainBottomBanner .content ul li .moreBtn{
        color: #1aa890;
        font-size: 13px;
        text-align: left;
        display: flex;
        align-items: center;
        justify-content: flex-end;
        position: absolute;
        bottom: -20px;
        right: -5px;
	}
	#main .etc-section .mainBottomBanner .content ul li .moreBtn svg{
		fill: #1aa890;
		width:13px;
		height:13px;
	}
	.mainBottomBanner .mask,
	.mainBottomBanner .content {
	  position: absolute;
	  top: 0px;
	  left: 0px;
	  width: 100%;
	  padding:0px;
	}
	.mainBottomBanner {
		width: 100%;
		height: 450px;
		margin: 0px 10px;
		overflow: hidden;
		position: relative;
		text-align: center;
		cursor: default;
	}

/*sub CSS ------------------------------------------------------------------------------------------------------------------------------------*/
	.body {
	  margin: 40px auto;
	  min-width: 100%;
	}

	.padding_7 {
	  padding-left: 130px;
	}
	.titleWrap.margin_1{
		margin:30px 0px;
	}
	.subvisual h2,
	.subvisual1 h2,
	.subvisual2 h2,
	.subvisual3 h2,
	.subvisual4 h2,
	.subvisual5 h2,
	.subvisual6 h2,
	.subvisual7 h2 {
		font-size: 45px;
		width: 400px;
		margin-left: -200px;
		left: 50%;
	}
	.subvisual {
		height: 350px;
	}
	.subBarMenuWrap li{
		height: 63px;
		font-weight: bold;
	}
	.subBarMenuWrap{
	    border-bottom: 1px solid rgba(0, 0, 0, 0.15) !important;
	}

	table.tableA {
		width: 100%;
	    max-width: unset;
		margin: 20px 10px;
	}
	table.tableA td{
		padding:15px;
	}

	#main,
	#sub {
	  min-width: 1200px;
	}
	.body {
	  min-width: 1200px;
	}

	.section .copy01{
		font-size: 30px;
		text-align: center;
		line-height: 50px;
		letter-spacing: -1px;
		font-weight: 500;
		margin-bottom:60px;
	}
	.section .pc.copy01{display:block;}
	.section .mobile.copy01{display:none;}

	.subBarMenuWrap ul.grid {
		display: grid;
		grid-template-columns: repeat(auto-fit, minmax(200px, 1fr));
		border-left: 1px solid rgba(0, 0, 0, 0.15);
	}
	.subBarMenuWrap li{
		border-bottom:0px;
	}
	.businessArea .boxD .img01{
		height: 400px;
		background: url(../images/sub/businessArea_03.jpg) no-repeat;
		width: 600px;
		background-position: center;
	}
	.businessArea .boxD .img02{
		height: 400px;
		background: url(../images/sub/businessArea_02_1.jpg) no-repeat;
		width: 600px;
		background-position: center;
		background-size: cover;
	}
	.businessArea .boxD .img02_1{
		height: 400px;
		background: url(../images/sub/businessArea_02_2_2.jpg) no-repeat;
		width: 600px;
		background-position: center;
		background-size: cover;
	}
	.businessArea .boxD .img02_2{
		height: 400px;
		background: url(../images/sub/businessArea_02_3_1.jpg) no-repeat;
		width: 600px;
		background-position: center;
		background-size: cover;
	}
	.businessArea .banner .swiper-container{
		width:1048px;
	}
	.businessArea .kwicks li{
        padding: 10px;
        cursor: pointer;
        font-weight: bolder;
        font-size: 26px;
        color: #ffffff;
        text-align: center;
        border-radius: 15px;
        position: unset !important;
        height: 200px !important;
        margin: 7px;
        border: 1px solid rgba(58, 177, 299, 0.25);
        letter-spacing: -1.5px;
	}
	.icon-circle{
		padding: 0px;
		border-radius: 50%;
		width: 110px;
		height: 110px;
		display: flex;
		align-items: center;
		justify-content: center;
	}
	.icon-circle svg{
		width: 45px;
		height: 45px;
	}
	.boxD {
	  margin: 20px 0px;
	}


	/*회사소개*/
	.company .section .img img{
		width:auto;
		margin:0px;
	}
	.company .section .pc.img img{display:unset;}
	.company .section .mobile.img img{display:none;}

	.company .section .text{
		width: 1040px !important;
	}
	.section,.titleWrap{padding:0px;}
	.section. titleWrap{padding:unset;}
	.company.ci .section .com_layout .padding_1.flex02{
		display:flex !important;
	}
	.company.ci .section .com_layout .padding_1.flex02 .icon-circle01{
	    background: rgba(26, 168, 144, 0.15);
		width: 160px;
	    height: 160px;
	    font-size: 26px;
	    text-align: center;
		display: block;
		padding: 10px;
		display:flex;
	}
	.company.ci .section .com_layout .padding_1.flex02 .box01{
		padding:100px;
        width: calc(100% - 200px) !important;
	}
	.company.ci .pc.icon-circle01{display:flex !important;}
	.company.ci .mobile.icon-circle01{display:none !important;}


	/*사업영역*/
	.businessArea .mobile{display:none;}
	.businessArea .section .com_layout .flex{
		display:flex;
	}
	.businessArea .boxD .text{
		width: calc(100% - 600px);
		padding: 60px;
		font-size: unset;
		line-height: unset;
		letter-spacing: unset;
	}
	.businessArea .section .com_layout .businessArea-left.titleWrap .flex{
		display: flex;
        align-items: center;
        font-size: 20px;
        line-height: 25px;
        padding: 10px 30px 15px;
        border-radius: 50px !important;
        margin: 0px 0px 10px;
	}
	.businessArea .section .com_layout .businessArea-left.titleWrap .flex li{
		margin-right:15px;
		width:22%;
	}
	.businessArea .banner .swiper-container .slide-control{
		margin: 20px 0px;
	}
	.businessArea .banner .swiper-container .slide-control .main-prev img,.businessArea .banner .swiper-container .slide-control .main-next img{
		width:unset;
	}
	.section.margin_b_90{
		margin-bottom: 90px;
	}
	table.tableA thead th,.tbl_head01 thead th,.sj_prossession01 #bo_v_con .__se_tbl th{
		padding: 18px 10px;
		font-size:18px;
	}


    #bo_v_atc {
        min-height: 200px;
        height: auto !important;
        height: 200px;
        padding: 0px;
		margin-bottom: 100px;
    }
	.tbl_head01 td div.flex01.margin_l_30{
		margin-left:30px;
	}
	.titleWrap .course{
		color:rgba(0,0,0,0.3);
        display: flex;
	}
	.company .box{
		width:calc(100% - 400px) !important
	}
	.company .map.box{
		display:flex;
	    margin: 0px auto 0px !important;
		width: 100% !important;
        padding: 30px 0px;
	}
	.company .map.box .icon-circle{
		margin:0px 15px;
        width: 90px;
        height: 90px;
        min-width: 90px;
	}
	.company .map.box .border-identity{
		display: flex;
        width: 33.3%;
        padding: 20px 10px;
        align-items: center;
        margin: 6px;
        box-shadow: rgba(0, 0, 0, 0.04) 0px 10px 8px;
	}
	
	/*실적현황*/
	.result .banner{
		overflow-x: unset;
		margin-bottom:unset;
	}
	.result .banner .swiper-banner01{
	    width: unset;
	}
	.result .banner .swiper-slide{
		display:flex !important;
	}
	.result .banner .swiper-slide .img{
		width:65%;
		height:529px;
		background-size:cover;
	}
	.result .banner .swiper-slide .explain{
		width:40%;
		padding:75px 40px;
		height:529px;
		border-radius: 0px;
	}
	.result .banner .swiper-slide .title{
		font-size:45px;
		line-height:60px;
		padding-bottom:30px;
		margin-bottom:30px;
	}
	.result .banner .swiper-slide .list{
		margin-bottom:30px;
	}
	.result .banner .list li{
		padding-bottom:10px;
		font-size:unset;
	}
	.result .section .com_layout h4{
	    color: #222222;
		font-size: 30px;
		line-height:38px;
	}


	/*게시판 스킨*/
	#bo_list_total {
		padding-top: 20px;
		font-size:16px;
	}
	.td_subject a {
		display: unset;
	}
	#bo_sch select {
		width: unset;
	}
	#bo_sch .frm_input{width:unset;}
	#bo_sch .btn_submit {
		width: 70px;
	}
	#bo_sch form{
		display: unset;
	}
	#bo_sch {
		border-radius: 5px;
	}
	#bo_v_title,#bo_v h1#bo_v_title {
		font-size: 30px;
		margin:30px 0px;
	}
	#bo_v_con p{
		font-size: 18px !important;
		line-height: 33px !important;
	}
	#bo_v_con p.icon-circle{
		margin-right:10px;
	}
	#bo_gall .gall_li {
		float: left;
        margin: 0.5%;
        width: 32.3% !important;
        padding: 0px;
	}
	#bo_gall .gall_con li {
		margin: 10px;
		font-size: 0.9em !important;
		font-weight: normal !important;
		display: -webkit-box;
        overflow: hidden;
        text-overflow: ellipsis;
        -webkit-line-clamp: 1;
        -webkit-box-orient: vertical;
	}
	#bo_gall .gall_href{
		margin: 0px;
	}
	.bo_fx {
		margin-bottom: 5px;
		padding: 5px 10px;
	}
	.pc.boxD{display:flex;}
	.mobile.boxD{display:none;}




  /*footer------------------------------------------------------------------------------------------------------------------------------------------*/
	#footer {
	  margin-top: 120px;
	}
	#footer .body{
		margin: 0px auto;
		min-width: 1200px;
		color:unset;
	}
	#footer .body .menu {
		display:flex !important;
		}
	#footer .body .menu div a{
		border-right: 1px solid rgba(255, 255, 255, 0.1);
		padding-right: 20px;
		margin-right: 20px;
	}
	#footer .body .menu div:nth-child(2){
		display:block;
		display:flex;
	}
	#footer .copyright {
		padding: 30px 0px 100px;
	}
	#footer .mobile{
		display:none;
	}
	#footer .banner .swiper-slide {
		text-align: center;
		/*width: 18% !important;*/
	}
	#footer .pc.banner{display:block;}
	#footer .mobile.banner{display:none;}

}