/* sub-visual */
#sv {
  height:213px;
  background-repeat: no-repeat;
  background-size: cover;
  background-position: center;
  position: relative;
  display: flex;
  flex-direction: column;
  justify-content: space-between;
  background: #F7F7F7;
}

.visual-wrapper{
	padding-top:30px;
	padding-bottom:50px;
	width: 100%;
	height: 100%;
}
.visual-wrapper .tit-area{
	color:#262626;
}

.visual-wrapper .subTitle .tit-area{
	margin-top:50px;
}
.visual-wrapper .subTitle .tit{
	font-size:30px;
	font-weight: 300;
}
.visual-wrapper .subTitle .tit-sub{
	font-family: "Roboto", sans-serif;
	font-size: 18px;
	font-weight: 300;
}
.visual-wrapper .subTitle.intro .tit{
	font-family: "Roboto", sans-serif;
	font-size: 18px;
}
.visual-wrapper .subTitle.intro .tit-sub{
	font-family: 'Pretendard', sans-serif;
	font-size: 30px;
	font-weight: 500;
}
.visual-wrapper .subTitle .location{
	display:flex;
	font-size:16px;
	font-weight: 300;
	flex-wrap: wrap;
	row-gap: 3px;
}
.visual-wrapper .location li{
	padding-left:15px;
	padding-right:5px;
	position: relative;
}
.visual-wrapper .location .stit{
	display: none;
}

.visual-wrapper .subTitle .location li,
.visual-wrapper .subTitle .location li a {
	color:var(--color-Blue);
}
.visual-wrapper .subTitle .location li:not(.current),
.visual-wrapper .subTitle .location li:not(.current) a{
	cursor:pointer;
}
.visual-wrapper .subTitle .location li:not(.current):hover,
.visual-wrapper .subTitle .location li:not(.current) a:hover {
	color: var(--color-Orange);
}
.visual-wrapper .location li.current,
.visual-wrapper .location li.current a{
	color: #262626;
	pointer-events: none;
	cursor: default;
}
.visual-wrapper .location li:first-child:before{
	display:none;
}
.visual-wrapper .location li:first-child{
	padding-left:0;
}
.visual-wrapper .location li:last-child{
	padding-right:0;
}
.visual-wrapper .location li::before {
    content: "";
    position: absolute;
    top: 50%;
    left: 0;
	transform: translateY(-50%);
	background: url("/img/sub/icon-arrow-on.svg") no-repeat;
	width: 10px;
    height: 10px;
}
@media (max-width:1024px){
	#sv{
		height: 180px;
	}
	.visual-wrapper {
		padding-top: 20px;
		padding-bottom: 40px;
	}
	.visual-wrapper .subTitle .tit-area{
	    margin-top: 30px;
	}
}
@media (max-width:768px){
	.visual-wrapper .subTitle .location{
		font-size: 14px;
	}
	.visual-wrapper .subTitle .tit,
	.visual-wrapper .subTitle.intro .tit-sub{
		font-size:25px;
	}
	.visual-wrapper .subTitle .tit-sub,
	.visual-wrapper .subTitle.intro .tit{
		font-size:15px;
	}
}
@media (max-width:576px){
	.visual-wrapper .subTitle .tit,
	.visual-wrapper .subTitle.intro .tit-sub{
		font-size:20px;
	}
}

/* common */
.sub-page{
	padding-top:50px;
	padding-bottom:150px;
}
.sub-page.pt-60{
	padding-top:60px;
}
.sub-page.pb-0{
	padding-bottom:0;
}
.sub-page.pb-50{
	padding-bottom:50px;
}
.sub-page.pb-100{
	padding-bottom:100px;
}
.sub-page.pt-100{
	padding-top:100px;
}
.sub-page .mo{
	display:block;
}
@media (max-width:1024px){
	.sub-page{
		padding-bottom:100px;
	}
	.sub-page .mo{
		display:none;
	}
	.sub-page.pt-100{
		padding-top:80px;
	}
	.sub-page.pb-100{
		padding-bottom:80px;
	}
}
@media (max-width:768px){
	.sub-page{
		padding-bottom:50px;
	}
	.sub-page.pb-100{
		padding-bottom:50px;
	}
	.sub-page.pt-100{
		padding-top:50px;
	}
}
@media (max-width:576px){

}
.sub-page .sub-desc{
    color: #262626;
	font-size: 18px;
	line-height: 1.6;
}
.sub-page .sub-desc.mb-40{
	margin-bottom:40px;
}
.sub-page .sub-desc.mb-50{
	margin-bottom:50px;
}
.sub-page .sub-desc.en{
    font-family: "Roboto Condensed", sans-serif;
}

.sub-page .img_borad_list {
	gap: 80px 30px;
	align-items: flex-start;
}

/* 20240807 */
.contTabWrap .img_borad_list{ display:none; }
.contTabWrap .img_borad_list.on{ display:flex; }

.sub-page .img_borad_list .item{
	width: calc((100% - 90px) / 4);
	align-items: flex-start
}
.img_borad_list .link{
    width: 100%;
    height: 100%;
}
.sub-page .img_borad_list figure{
	border: 1px solid rgba(38, 38, 38, 0.30);
	display: flex;
    justify-content: center;
    align-items: center;
	padding: 36.97% 0;
	width: 100%;
	position:relative;
}
.sub-page .img_borad_list figure img{
    position: absolute;
    top: 50%;
    left: 50%;
    object-fit: cover;
    transform: translate(-50%, -50%);
	max-width: calc(100% - 20px);
    max-height: calc(100% - 20px);
}

.sub-page .img_borad_list .txt-bx{
	padding:0 20px;
    min-height: 290px;
    display: flex;
    flex-direction: column;
    justify-content: space-between;
}
.sub-page .img_borad_list .txt-bx .depth01{
	color: #262626;
	font-size: 24px;
	font-weight: 300;
	display:block;
	margin:20px 0;
	transition:0.3s;
}
.sub-page .img_borad_list .txt-bx .depth02{
	color: var(--color-Blue);
	font-size: 18px;
	font-weight: 400;
	margin-bottom:15px;
	padding-left:15px;
	display:block;
	position:relative;
	transition:0.3s;
	cursor: pointer;
}
.sub-page .img_borad_list .item ul li:last-child .depth02{
	margin-bottom:0;
}
.sub-page .img_borad_list.intro .item:nth-child(-n+4){
	margin-bottom:20px;
}
.sub-page .img_borad_list.intro .txt-bx .depth01 {
    font-weight: 400;
}
.sub-page .img_borad_list.intro .txt-bx .depth02{
    font-weight: 300;
}
.sub-page .img_borad_list .txt-bx .depth02:before{
	content:"";
	position:absolute;
	left:0;
	top:50%;
	transform:translateY(-50%);
	transition:0.3s;
	width:10px;
	height:15px;
	background: url('/img/sub/arrow.svg') no-repeat;
	background-size: contain;
}
.sub-page .img_borad_list .item ul li:hover .depth02:before{
	background: url('/img/sub/arrow-hover.svg') no-repeat;
	background-size: contain;
}
.sub-page .img_borad_list .txt-bx .depth01:hover,
.sub-page .img_borad_list .item ul li:hover .depth02 {
	color: var(--color-Orange);
}

.main-btn:hover {
	background:#fff;
	color:var(--color-Orange);
}

@media (max-width:1200px){
	.sub-page .img_borad_list {
		gap: 60px 20px;
	}
	.sub-page .img_borad_list .item{
		width: calc((100% - 60px) / 4);
	}
	.sub-page .img_borad_list .txt-bx .depth01{
	    font-size: 22px;
	}
	.sub-page .img_borad_list .txt-bx .depth02{
		font-size: 16px;
	}
	.sub-page .sub-desc{
		font-size: 17px;
	}
}

@media (max-width:1024px){
	.sub-page .img_borad_list {
		gap: 50px 10px;
	}
	.sub-page .img_borad_list .item{
		width: calc((100% - 30px) / 4);
	}
	.sub-page .img_borad_list.intro .item:nth-child(-n+4) {
		margin-bottom: 0;
	}
	.sub-page .img_borad_list .txt-bx .depth01{
	    font-size: 20px;
	}
	.sub-page .img_borad_list .txt-bx .depth02{
		font-size: 15px;
	}
	.sub-page .img_borad_list .txt-bx{
	    padding: 0 10px;
	}
}
@media (max-width:768px){
	.sub-page .img_borad_list {
		gap: 40px 20px;
	}
	.sub-page .img_borad_list .item{
		width: calc(50% - 10px);
	}
	.sub-page .sub-desc.mb-40{
		margin-bottom: 20px;
	}
	.sub-page .sub-desc{
		font-size: 16px;
	}
	.sub-page .img_borad_list .txt-bx{
		min-height:200px;
	}
}
@media (max-width:576px){
	.sub-page .img_borad_list .item{
		width: calc(50% - 10px);
	}
	.sub-page .img_borad_list .txt-bx .depth01{
	    font-size: 18px;
		margin: 10px 0;
	}
	.sub-page .img_borad_list .txt-bx .depth02{
		margin-bottom: 10px;
	}

	.sub-page .sub-desc.mb-50{
		margin-bottom: 30px;
	}
}

/* sub-list */
.img_borad_list.sub-list .txt-bx .depth01{
    overflow: hidden;
    text-overflow: ellipsis;
    word-break: break-word;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 2;
}
.img_borad_list.sub-list .txt-bx .desc{
	color: #999;
	font-size: 18px;
	font-weight: 400;
	line-height: 1.4;
	overflow: hidden;
    text-overflow: ellipsis;
    word-break: break-word;
    display: -webkit-box;
    -webkit-box-orient: vertical;
	-webkit-line-clamp: 3;
	font-family: 'Pretendard', sans-serif;
}

.img_borad_list.sub-list .link:hover .depth01{
	color:var(--color-Orange);
}
.img_borad_list.sub-list .link:hover .main-btn{
	background:#fff;
	color:var(--color-Orange);
}
@media (max-width:1024px){
	.img_borad_list.sub-list .txt-bx .desc{
		font-size: 16px;
	}
}
@media (max-width:576px){
	.img_borad_list.sub-list .txt-bx .desc{
		font-size: 15px;
	}
}

/* sub-list--2 */
.img_borad_list.sub-list--2 .txt-bx .depth01{
	font-family: "Roboto Condensed", sans-serif;
	font-weight: 300;
}
.img_borad_list.sub-list--2 .txt-bx .depth01.eng{
	margin-top:20px;
	margin-bottom:15px;
}
@media (max-width:576px){
	.img_borad_list.sub-list--2 .txt-bx .depth01.eng{
		margin:10px 0;
	}
}
.img_borad_list.sub-list--2 .txt-bx .desc{
	-webkit-line-clamp: 5;
}

/* sub-list--3 */
.sub-page .img_borad_list.sub-list--3 .txt-bx .depth01{
	margin-bottom:0;
}
.sub-page .img_borad_list.sub-list--3 .link:hover .depth01{
	color:var(--color-Orange);
}
.sub-page .img_borad_list.sub-list--3 .link:hover .main-btn{
	background:#fff;
	color:var(--color-Orange);
}

/* paging */
.paging,
.paging a,
.paging a i{
	display:flex;
	-webkit-box-align:center;
	-ms-flex-align:center;
	align-items:center;
	-webkit-box-pack:center;
	-ms-flex-pack:center;
	justify-content:center;
}
.paging .arr{
	display:flex;
}
.paging .arr i{
	width:7px;
	height:12px;
}
.paging .arr .icon-arrow-left{
	background:url("/img/sub/icon-arrow-left.svg") no-repeat;
}
.paging .arr .icon-arrow-right{
	background:url("/img/sub/icon-arrow-right.svg") no-repeat;
}

.paging ul{
	display:flex;
	-webkit-box-align:center;
	-ms-flex-align:center;
	align-items:center;
	margin:0 30px;
}

.paging{
	margin-top:80px;
	margin-bottom:100px;
}
.paging.mb-0{
	margin-bottom:0;
}
.paging a{
	width:30px;
	height:30px;
	border-radius:50%;
}
.paging ul a{
	margin-left:10px;
	color: #555;
	font-weight: 300;
	font-size:16px;
	border:none;
}
.paging ul li:first-child a{
	margin-left:0;
}
.paging ul li.on a {
	background: var(--color-Blue);
	color:#fff;
	margin-top: -1px;
}
.paging .arr a {
	border: 1px solid #eee;
}

@media (max-width:768px) {
	.paging {
		margin-top: 60px;
		margin-bottom: 80px;
	}
	.paging ul{
		margin:0 15px;
	}
	.paging ul a{
		width: 25px;
		height: 25px;
		font-size: 15px;
	}
}
@media (max-width:576px) {
	.paging {
		margin-top: 40px;
		margin-bottom: 60px;
	}
}

/* view-page */

#sv.visual-view{
    height: auto;
}
.visual-view .visual-wrapper{
}
.mySwiper2, .mySwiper {
    overflow: hidden;
}
.view-page .img-area{
	background: #F7F7F7;
	padding-bottom: 50px;
}
.view-page .img-area .tit-area{
    display: flex;
}
.view-page .img-area .tit-area .tit-inner{
	margin-bottom:50px;
}
.view-page .img-area .tit-area .tit-inner,
.view-page .img-area .inner .swiper-box{
	width:350px;
	margin-right:100px;
}
.view-page .explanation{
	width:calc(100% - 450px);
}
.view-page .img-area .inner{
	display: flex;
}
/*.view-page .swiper-box {
	border: 1px solid #BEBEBE;
	height: fit-content;
}*/
.view-page .swiper-box .wrap{
    position: relative;
	margin-top:10px;
}
.view-page .mySwiper2 .swiper-slide,
.view-page .mySwiper .swiper-slide {
	cursor:pointer;
}
/*
.view-page .swiper-button{
	width:10px;
	height:16px;
	position: absolute;
    top: 50%;
    transform: translateY(-50%);
	z-index: 5;
	padding:0;
}
.view-page .swiper-button--prev{
	background:url("/img/sub/icon-gray-left.svg") no-repeat;
	left:-20px;
}
.view-page .swiper-button--next{
	background:url("/img/sub/icon-gray-right.svg") no-repeat;
	right:-20px;
}*/

.view-page .tit-inner{
	color: #262626;
	font-size: 18px;
}
.view-page .view-tit{
	font-size: 30px;
	font-family: "Roboto Condensed", sans-serif;
	font-weight: 300;
	margin-bottom:10px;
}
.view-page .view-sub-tit{
	font-size: 18px;
	font-weight: 300;
	overflow: hidden;
    text-overflow: ellipsis;
    word-break: break-word;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 1;
}
.view-page .sub-btn{
	font-family: 'Pretendard', sans-serif;
	cursor:pointer;
	margin-top:0;
}
.view-page .tit-area .inquiry-btn{
	width:300px;
	height:70px;
	justify-content: flex-start;
	border: 0;
}

.view-page .tit-area .inquiry-btn .icon-inner,
.view-page .tit-area .inquiry-btn .txt{
	height:100%;
	display:flex;
	justify-content: center;
    align-items: center;
    transition: 0.3s;
}
.view-page .tit-area .inquiry-btn .icon-inner{
	width:90px;
	background: #FF9029;
	border: 1px solid #FF9029;
	border-right:0;
	border-radius: 5px 0 0 5px;
}
.view-page .tit-area .inquiry-btn:hover .icon-inner{
	background: #FFE8D2;
	border: 1px solid #F18B0E;
	border-right:0;
}
.view-page .tit-area .sub-btn .icon{
	background:url("/img/sub/icon-pencil.svg") no-repeat;
	width:38px;
	height:38px;
	display:block;
	background-size: contain;
}
.view-page .tit-area .sub-btn:hover .icon{
	background:url("/img/sub/icon-pencil-hover.svg") no-repeat;
	background-size: contain;
}
.view-page .tit-area .inquiry-btn .txt{
	width:calc(100% - 90px);
	background: #FF7A00;
	border: 1px solid #FF7A00;
	border-left:0;
	color: #FFF;
	font-size: 24px;
	font-weight: 500;
	border-radius: 0 5px 5px 0;
}
.view-page .tit-area .inquiry-btn:hover .txt{
	background: #fff;
	color: #F18B0E;
	border: 1px solid #F18B0E;
	border-left:0;
}

.view-page .swiper-slide figure{
    margin: 0;
    width: 100%;
    position: relative;
    overflow: hidden;
	background:#fff;
	border: 1px solid #D9D9D9;
}
.view-page .mySwiper2 .swiper-slide figure{
	padding:50% 0;
}
.view-page .mySwiper .swiper-slide figure{
	padding:50% 0;
}
.view-page .swiper-slide figure img{
    position: absolute;
    top: 50%;
    left: 50%;
    object-fit: cover;
    transform: translate(-50%, -50%);
	/*width:100%;
	height:100%;*/
}
.view-page .explanation .desc{
	margin-bottom:25px;
	color: #262626;
	font-size: 18px;
	font-weight: 300;
	line-height: 1.4;
	font-family: 'Pretendard', sans-serif;
}
.view-page .explanation .btn-area{
	display:flex;
	gap:10px;
	margin-top:25px;
}
.view-page .explanation .btn-area .sub-btn{
	width:203px;
}

.view-page .explanation .btn-area .sub-btn .icon{
	background:url("/img/sub/icon-data.svg") no-repeat;
	width:28px;
	height:28px;
	margin-right:5px;
	background-size: contain;
}
.view-page .explanation .btn-area .sub-btn:hover .icon{
	background:url("/img/sub/icon-data-hover.svg") no-repeat;
	background-size: contain;
}
.view-page .explanation .check-bx{
    display: flex;
    align-items: center;
	flex-wrap: wrap;
	gap:15px 50px;
	margin-top:30px;
}
.view-page .explanation .check-bx li{
    display: flex;
    align-items: center;
	gap: 20px;
	flex: 1 0 45%;
	max-width:45%;
}
.view-page .explanation .check-bx .icon{
	background:url("/img/sub/icon-check.svg") no-repeat;
	height:40px;
	background-size: contain;
	flex: 1 0 40px;
	max-width:40px;
}
.view-page .explanation .check-bx .txt{
	color: #555;
	font-size: 16px;
	font-weight: 500;
	line-height: 1.4;
	flex: 1 1 auto;
	padding-right: 10px;
	/*overflow: hidden;
    text-overflow: ellipsis;
    word-break: break-word;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 2;*/
}
@media (max-width:1650px){
	.view-page .explanation .check-bx{
	    gap: 15px 30px;
	}
	.view-page .explanation .check-bx li{
		gap: 15px;
	}
}
@media (max-width:1200px){
	.view-page .img-area .tit-area .tit-inner,
	.view-page .img-area .inner .swiper-box{
		width: 330px;
	}
	.view-page .view-tit{
		font-size: 29px;
	}
	.view-page .view-sub-tit {
		font-size: 17px;
	}
	.view-page .tit-area .inquiry-btn{
		width:280px;
		height:65px;
	}
	.view-page .tit-area .inquiry-btn .icon-inner{
		width: 80px;
	}
	.view-page .tit-area .inquiry-btn .txt{
	    width: calc(100% - 80px);
		font-size:23px;
	}
	.view-page .explanation{
		width:calc(100% - 430px);
	}
	.view-page .explanation .desc{
		font-size: 17px;
	}
	.view-page .explanation .check-bx {
        gap: 15px 0;
    }
	.view-page .explanation .check-bx li{
		flex: 1 0 50%;
		max-width:50%;
	}
	.view-page .explanation .check-bx .icon{
		height:35px;
		flex: 1 0 35px;
		max-width: 35px;
	}
	.view-page .explanation .check-bx .txt{
		font-size:15px;
	}
}
@media (max-width:1024px){
	.view-page .img-area .tit-area .tit-inner,
	.view-page .img-area .inner .swiper-box{
		width: 300px;
		margin-right:50px;
	}
	.view-page .img-area .tit-area .tit-inner {
		margin-bottom: 40px;
	}
	.view-page .explanation{
		width:calc(100% - 350px);
	}
	.view-page .explanation .btn-area .sub-btn {
		width: 120px;
		font-size: 14px;
	}
	.view-page .explanation .check-bx{
		flex-direction: column;
		align-items: flex-start;
	}
	.view-page .explanation .check-bx li{
		flex: 1 0 100%;
		gap: 10px;
		width: 100%;
		max-width:100%;
	}
	.view-page .explanation .check-bx .txt{
		padding-right:0;
	}
	.view-page .explanation .btn-area .sub-btn .icon {
		width: 25px;
		height: 25px;
	}

}
@media (max-width:768px){
    .view-page .view-tit {
        font-size: 28px;
    }
	.view-page .img-area .tit-area .tit-inner {
		margin-bottom: 0;
	}
	.view-page .img-area .tit-area{
	    flex-direction: column;
	}
	.view-page .explanation .desc {
		font-size: 16px;
	}
	.view-page .view-sub-tit {
        font-size: 16px;
    }
	.view-page .img-area .tit-area .view-tit{
		margin-bottom: 5px;
	}
	.view-page .img-area .tit-area .sub-btn{
		margin:30px 0;
	}

	.view-page .img-area .inner {
		flex-direction: column;
	}
	.view-page .tit-area .inquiry-btn{
		width:250px;
		height:58px;
	}
	.view-page .tit-area .inquiry-btn .icon-inner {
        width: 70px;
    }
	.view-page .tit-area .inquiry-btn .txt {
        width: calc(100% - 70px);
        font-size: 20px;
    }
	.view-page .tit-area .sub-btn .icon{
	    width: 34px;
		height: 34px;
	}
	.view-page .img-area .tit-area .tit-inner,
	.view-page .img-area .inner .swiper-box{
		width:100%;
		margin-right:0;
	}
	.view-page .explanation{
		width:100%;
	}
	.view-page .explanation .desc{
		margin-top: 20px;
	}
}
@media (max-width:576px){
    .view-page .view-tit {
        font-size: 25px;
    }
	.view-page .view-sub-tit{
	    font-size: 15px;
	}
	.view-page .explanation .desc {
        font-size: 15px;
    }
	.view-page .w-100{
		width:100%;
	}
	.view-page .img-area .tit-area .sub-btn {
        margin: 25px 0;
    }
	.view-page .tit-area .inquiry-btn{
		width:200px;
		height:47px;
	}
	.view-page .tit-area .inquiry-btn .icon-inner {
        width: 60px;
    }
	.view-page .tit-area .inquiry-btn .txt {
        width: calc(100% - 60px);
        font-size: 18px;
    }
	.view-page .tit-area .sub-btn .icon{
	    width: 30px;
		height: 30px;
	}
	.view-page .explanation .check-bx .icon {
        max-width: 30px;
        height: 30px;
		flex: 1 0 30px;
    }
}
/* tab */
.board_tab .tab-header {
	padding:0;
	margin-top:100px;
}
.board_tab .tab-header.mt-0 {
	margin-top: 0;
}
@media (max-width:1024px){
	.board_tab .tab-header{
	    margin-top: 50px;
	}
}
.board_tab .tab-list{
	display: flex;
    align-items: center;
	border-bottom: 2px solid var(--color-Blue);
	gap: 10px;
}
.board_tab .tab-list .tab-item{
	background: #EEE;
	color:#999;
	font-size:16px;
	font-weight:400;
	height: 40px;
    padding: 10px 5px 5px 5px;
	border-radius: 20px 20px 0px 0px;
	display: flex;
    justify-content: center;
    align-items: center;
	cursor:pointer;
}
.board_tab .tab-list .tab-item.current{
	background:var(--color-Blue);
	color:#fff;
}
.board_tab .tab-list .tab-item.view-tab,
.board_tab .tab-list .tab-item.w-100 {
	width: 100px;
}
.board_tab .tab-list .tab-item.w-80{
	width:80px;
}
.board_tab .tab-list .tab-item.w-120{
	width:120px;
}
.board_tab .tab-list .tab-item.w-140{
	width:140px;
}
.board_tab .tab-list .tab-item.w-173{
	width:173px;
}
.board_tab .tab-list .tab-item.w-118{
	width:118px;
}
.board_tab .tab-list .tab-item.en{
	font-family: "Roboto Condensed", sans-serif;
}
.board_tab .tab-content{
	display:none;
}
.board_tab .tab-content.current {
    display: block;
}
.board_tab .tab-list.insight{
	gap:20px;
	border-bottom: 0;
}
.board_tab .tab-list.insight .tab-item{
    border-radius: 100px;
	padding:10px;
	font-family: "Roboto Condensed", sans-serif;
	border: 1px solid #ddd;
	background: #FFF;
	color: #262626;
}
.board_tab .tab-list.insight .tab-item.current{
    color: #fff;
    background: var(--color-Blue);
	border: 1px solid var(--color-Blue);
}
.board_tab .desc{
	font-family: 'Pretendard', sans-serif;
}

@media (max-width:768px){
	.board_tab .tab-list {
		gap: 5px;
	}
	.board_tab .tab-list .tab-item{
		font-size: 15px;
		height:35px;
	}
	.board_tab .tab-list.insight {
		gap:10px;
	}
	.board_tab .tab-list.insight .tab-item{
		height:40px;
	}
}
@media (max-width:576px){
	.board_tab .tab-list {
		gap: 10px;
		flex-wrap: wrap;
	}
	.board_tab .tab-list .tab-item.view-tab{
		width: calc(50% - 5px);
	}
	.board_tab .tab-list .tab-item.w-100 {
		width: 80px;
	}
	.board_tab .tab-list .tab-item.w-140{
		width:120px;
	}
	.board_tab .tab-list .tab-item.w-80{
		width:60px;
	}
	.board_tab .tab-list .tab-item.w-120{
		width:100px;
	}
}
/* board--1 */
.board_tab .tab-content .board {
	padding:50px 0;
	background: #F9F9F9;
}

.board--1 .board-wrap{
	padding-top:30px;
}
.board--1 .board-wrap:first-child{
	padding-top:0;
}
.board--1 .board-wrap .tit{
	color: #262626;
	font-size: 18px;
	font-weight: 500;
}
.board--1 .board-wrap .table-inner{
	padding:30px 0;
	position:relative;
}
.board--1 .board-wrap .table-inner:after{
	content:"";
	background: linear-gradient(90deg, rgba(255, 255, 255, 0.00) 0%, rgba(226, 226, 226, 0.10) 30.5%, #D0D0D0 52.5%, rgba(231, 231, 231, 0.10) 76%, rgba(255, 255, 255, 0.00) 100%);
	height:2px;
	width:100%;
	position:absolute;
	bottom:0;
	left:0;
}
.board--1 .board-wrap:last-child .table-inner:after{
	display:none;
}
.board--1 .board-wrap .table_board_for td{
	font-size: 16px;
	height:50px;
}
.board--1 .board-wrap .table_board_for td:first-child{
	color: #666;
	font-weight: 300;
	width:160px;
	padding:10px;
	border-right:1px solid #e5e5e5;
}
.board--1 .board-wrap .table_board_for td:last-child{
	color: #262626;
	font-weight: 500;
	width:auto;
	padding:10px 20px;
}
.board--1 .board-wrap .table_board_for tr:nth-child(even){
	background:#eee;
}
@media (max-width:1200px){
	.board--1 .board-wrap .tit{
		font-size: 17px;
	}
	.board--1 .board-wrap .table_board_for td {
		font-size: 15px;
		height: 45px;
	}
	.board--1 .board-wrap .table_board_for td:first-child{
		width:140px;
	}
}
@media (max-width:768px){
	.board_tab .tab-content .board {
		padding:30px 20px;
	}
	.board_tab .tab-content .board--1{
		padding:30px 20px 0 20px;
	}
}
@media (max-width:576px){
	.board_tab .tab-content .board {
		padding:20px;
	}
	.board_tab .tab-content .board--1{
		padding:20px 20px 0 20px;
	}
	.board--1 .board-wrap{
		padding-top: 20px;
	}
	.board--1 .board-wrap .table-inner{
	    padding: 20px 0;
	}
	.board--1 .board-wrap .table_board_for td {
		height: 40px;
	}
	.board--1 .board-wrap .table_board_for td:first-child{
		width:80px;
	}
}
/* board--2 */
.board--2 .board-list li{
	color: #262626;
	font-size: 18px;
	font-weight: 300;
	margin-bottom:5px;
	position:relative;
	padding-left:14px;
}
.board--2 .board-list li:last-child{
	margin-bottom:0;
}
.board--2 .board-list li:before{
	content:"";
	width: 4px;
	height: 4px;
	background: #262626;
	border-radius:50%;
	position:absolute;
	top:50%;
	left:0;
	transform:translateY(-50%);
}
@media (max-width:1200px){
	.board--2 .board-list li{
	    font-size: 17px;
	}
}
@media (max-width:1024px){
	.board--2 .board-list li{
	    font-size: 16px;
	}
}
@media (max-width:768px){
	.board--2 .board-list li{
	    font-size: 15px;
	}
}
@media (max-width:576px){
	.board--2 .board-list li{
	    font-size: 14px;
	}
}
/* board--3 */
.board--3 .img-card {
    display: flex;
    flex-wrap: wrap;
	gap: 20px;
}
.board--3 .img-card li{
	background: #FFF;
	box-shadow: 0px 0px 4px 0px rgba(0, 0, 0, 0.30);
	width: calc((100% - 40px) / 3);
	height:140px;
}
.board--3 .img-card .link{
	display: flex;
    gap: 20px;
	width:100%;
	height:100%;
	padding:35px 20px;
}
.board--3 .img-card figure{
    margin: 0;
    position: relative;
    overflow: hidden;
	max-width: 70px;
	flex: 1 0 70px;
}
.board--3 .img-card figure img {
    position: absolute;
    top: 50%;
    left: 50%;
    object-fit: cover;
    transform: translate(-50%, -50%);
}
.board--3 .img-card .txt{
	color: #262626;
	font-size: 18px;
	font-weight: 400;
	/*line-height: 1.4;*/
	line-height: 1.3;
    overflow: hidden;
    text-overflow: ellipsis;
    word-break: break-word;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 3;
	flex: 1 1 auto;
}
@media (max-width:1200px){
	.board--3 .img-card li {
		height: 130px;
	}
	.board--3 .img-card .link{
	    padding: 30px 20px;
	}
	.board--3 .img-card .txt{
	    font-size: 17px;
	}
}
@media (max-width:1024px){
	.board--3 .img-card li {
		height: auto;
	}
	.board--3 .img-card .link{
	    flex-direction: column;
		align-items: center;
		padding: 20px;
	}

	.board--3 .img-card figure{
		max-height: 70px;
		width: 100%;
	}
	.board--3 .img-card .txt{
	    font-size: 16px;
	}
}
@media (max-width:768px){
	.board--3 .img-card li{
		width: calc(50% - 10px);
	}
	.board--3 .img-card .txt{
	    font-size: 15px;
	}
}
@media (max-width:576px){
	.board--3 .img-card .link{
		padding: 10px;
	}
	.board--3 .img-card .txt{
	    font-size: 14px;
	}
}
/* board--4 */
.board--4 .video_list{
    display: flex;
	gap: 15px;
}
.board--4 .video_list .item{
	width:calc((100% - 30px) / 3);
}
.board--4 .video_list .item .txt{
    overflow: hidden;
    text-overflow: ellipsis;
    word-break: break-word;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 2;
	color: #333;
	font-size: 18px;
	font-weight: 400;
	margin-top:15px;
}
.board--4 .video_list .item .txt.font-medium{
	font-weight:500;
}
.board--4 .video_list .item figure{
	border-radius: 10px;
	position:relative;
	overflow: hidden;
    padding: 29.41% 0;
}
.board--4 .video_list .item figure > img{
    position: absolute;
    top: 50%;
    left: 50%;
    object-fit: cover;
    transform: translate(-50%, -50%);
	width:100%;
	height:100%;
}
.board--4 .video_list .item .img-bx{
	position:relative;
}
.board--4 .video_list .item:hover .icon-video{
	background: url("/img/main/icon-play_hover.svg") no-repeat;
}
@media (max-width:1200px){
	.board--4 .video_list .item .txt{
		font-size: 17px;
	}
}
@media (max-width:1024px){
	.board--4 .video_list .item .txt{
		font-size: 16px;
	}
}
@media (max-width:768px){
	.board--4 .video_list{
		flex-direction: column;
	}
	.board--4 .video_list .item {
		width: 100%;
	}
	.board--4 .video_list .item figure img{
		width: 100%;
	}
	.board--4 .video_list .item .txt{
		font-size: 15px;
	}
	.board--4 .video_list{
		gap: 20px;
	}

}
.board--4.tabSwiper .video_list{
	gap:0;
}
@media (max-width:768px){
	.board--4.tabSwiper .video_list {
		flex-direction: row;
	}
}
@media (max-width:768px){
    .board--4.tabSwiper .icon-video {
        width: 40px;
        height: 40px;
    }
}

.tabSwiper{
    overflow: hidden;
}
.tabSwiper .swiper-pagination{
    position: static;
}
.tabSwiper .swiper-pagination.tab-paging{
	width:auto;
	display: flex;
    align-items: center;
    justify-content: center;
	margin-bottom:0;
	margin-left:40px;
	margin-right:40px;
}

.tabSwiper .swiper-pagination-bullet{
	width:15px;
	height:15px;
	background:#ddd;
	opacity:1;
	margin:0 5px !important;
}
.tabSwiper .swiper-pagination-bullet:first-child{
	margin-left:0 !important;
}
.tabSwiper .swiper-pagination-bullet:last-child{
	margin-right:0 !important;
}
@media (max-width:768px){
	.tabSwiper .swiper-pagination.tab-paging{
		margin: 0 10px;
	}
	.tabSwiper .swiper-pagination-bullet{
		width:10px;
		height:10px;
	}
}
.tabSwiper .swiper-pagination-bullet.tab-paging{
	margin:0;
}
.tabSwiper .swiper-pagination-bullet-active{
	background: var(--color-Blue);
}

.tabSwiper .swiper-button{
    position: static;
	cursor:pointer;
	width:auto;
	height:auto;
	margin-top:0;
	opacity:1 !important;
}
.swiper-button-next::after,
.swiper-button-prev::after {
  display: none;
}
.tabSwiper .swiper-button-prev{
	background:url("/img/sub/icon-swiper-left.svg") no-repeat;
	width:20px;
	height:20px;
}
.tabSwiper .swiper-button-next{
	background:url("/img/sub/icon-swiper-right.svg") no-repeat;
	width:20px;
	height:20px;
}
.tabSwiper .swiper-control{
	display:flex;
	justify-content: center;
    align-items: center;
	margin-top:40px;
}
.img_borad_list.tab_list{
    flex-wrap: nowrap;
}
.board_tab .tabSwiper .board--4 .video_list,
 .sub-tab .tabSwiper .img_borad_list{
    gap: 0;
}

.board_tab .tabSwiper .board--4 .video_list,
.sub-tab .tabSwiper .img_borad_list{
	flex-direction: row;
}
@media (max-width:576px){
	.tabSwiper .icon-video{
		width:40px;
		height:40px;
	}
	.tabSwiper .swiper-control{
		margin-top:20px;
	}
}

/* board--5 */
.board_tab .tab-content .board.board--5{
	padding:20px 20px 0 0;
}
.board--5 .file-bx{
	border-top: 1px solid #e5e5e5;
	display: flex;
    align-items: center;
	justify-content: space-between;
}
.board--5 .file-bx:last-child{
	border-bottom: 1px solid #e5e5e5;
}
.board--5 .file-bx .link{
	display: flex;
	padding:25px 0;
}
.board--5 .file-bx .desc{
	position:relative;
	display: flex;
    align-items: center;
    justify-content: center;
	flex:1 1 auto;
}
.board--5 .file-bx .desc:before{
	content:"";
	background: url("/img/sub/icon-down-gray.svg") no-repeat;
	width:30px;
	height:30px;
	position:absolute;
	top:50%;
	left:0;
	transform:translateY(-50%);
	background-size: contain;
}
.board--5 .file-bx .desc .txt{
	color: #000;
	font-size: 18px;
	font-weight: 400;
	padding-left:50px;
	padding-right:10px;
	overflow: hidden;
    text-overflow: ellipsis;
    word-break: break-word;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 1;
}


@media (max-width:1200px){
	.board--5 .file-bx .desc .txt {
		font-size: 17px;
	}
}
@media (max-width:1024px){
	.board--5 .file-bx .desc:before{
		width:27px;
		height:27px;
	}
	.board--5 .file-bx .desc .txt{
		padding-left:40px;
		font-size: 16px;
	}
}
@media (max-width:768px){
	.board--5 .file-bx .link{
		flex-direction: column;
		padding: 20px 0;
	}
	.board--5 .sub-btn{
		flex: 1 0 auto;
		width:100%;
	}
	.board--5 .file-bx .desc:before{
		width:25px;
		height:25px;
	}
	.board--5 .file-bx .desc .txt {
		padding-left:35px;
		font-size: 15px;
	}
}
@media (max-width:576px){
	.board--5 .file-bx .desc .txt {
		font-size: 14px;
	}
}
/* sub-tit */
.sub-tit{
	color: #262626;
	font-family: 'Roboto', sans-serif;
	font-size: 36px;
	font-weight: 600;
	text-align: center;
	margin-bottom:50px;
}
@media (max-width:1200px){
	.sub-tit{
		font-size: 32px;
	}
}
@media (max-width:1024px){
	.sub-tit{
		font-size: 28px;
		margin-bottom: 30px;
	}
}
@media (max-width:768px){
	.sub-tit{
		font-size: 25px;
	    margin-bottom: 25px;
	}
}
@media (max-width:576px){
	.sub-tit{
		font-size: 22px;
	}
}
/* sub-bottom */
.sub-bottom .contents{
	display:flex;
    justify-content: center;
}
.sub-bottom .contents figure{
    text-align: center;
}
.sub-bottom .contents dl {
	color: #262626;
	text-align: center;
	font-family: "Roboto Condensed", sans-serif;
}
.sub-bottom .contents dl dt{
	font-size: 24px;
	font-weight: 500;
	margin-top: 30px;
	margin-bottom:15px;
	padding:0 20px;
}
.sub-bottom .contents dl dd{
	font-size: 18px;
	font-weight: 300;
    padding: 0 20px 30px 20px;
}
@media (max-width:1200px){
	.sub-bottom .contents dl dt{
		font-size: 22px;
	}
	.sub-bottom .contents dl dd{
		font-size: 17px;
	}
}
@media (max-width:1024px){
	.sub-bottom .contents dl dt{
		margin-top:20px;
		margin-bottom:10px;
	}
}
@media (max-width:768px){
	.sub-bottom .contents dl dt{
		font-size: 20px;
		margin:10px 0;
		padding:0;
	}
	.sub-bottom .contents dl dd{
		font-size: 16px;
		padding:0;
	}
}
/* expertise */
.sub-bottom.expertise .sub-tit{
	margin-bottom:80px;
}
.sub-bottom.expertise .contents li{
	width:33.33333333%;
}
@media (max-width:1024px){
	.sub-bottom.expertise .contents {
		flex-wrap: wrap;
		justify-content: flex-start;
	}
	.sub-bottom.expertise .contents li {
		width: 50%;
	}
	.sub-bottom.expertise .contents li:last-child {
		margin-top:20px;
	}
	.sub-bottom .contents br{
		display:none;
	}
	.sub-bottom.expertise .sub-tit {
		margin-bottom: 50px;
	}
}
@media (max-width:768px){
	.sub-bottom.expertise .contents {
		flex-direction: column;
		gap: 30px;
	}
	.sub-bottom.expertise .contents li {
		width: 100%;
	}
	.sub-bottom.expertise .contents li:last-child {
		margin-top:0;
	}
	.sub-bottom.expertise .sub-tit {
		margin-bottom: 20px;
	}
}

/* half */

.sub-bottom.half .contents{
	margin: 0 140px;
	padding-top:27px;
}
.sub-bottom.half .contents li{
	width:50%;
}
@media (max-width:1024px){
	/*.sub-bottom.half{
		padding-top: 80px;
	}*/
	.sub-bottom.half .contents{
		margin: 0 50px;
	}
}
@media (max-width:768px){
	.sub-bottom.half .contents{
		flex-direction: column;
		gap:30px;
	}
	.sub-bottom.half .contents li{
		width:100%;
	}
}
@media (max-width:576px){
	/*.sub-bottom.half{
		padding-top: 50px;
	}*/
}
/* sub-tab */
.sub-tab{
	padding-bottom:100px;
}
.sub-tab.pb-0{
	padding-bottom:0;
}
.sub-tab.pb-150{
	padding-bottom:150px;
}
@media (max-width:768px){
	.sub-tab.pb-150{
		padding-bottom:100px;
	}
}
.sub-tab .board_tab .tab-header{
	margin-top:0;
}

.sub-tab .img_borad_list {
    gap:35px;
}

.sub-tab .img_borad_list .item {
    width: calc((100% - 70px) / 3);
}
.sub-tab .img_borad_list .txt .date{
	color: #999;
	font-size: 15px;
	font-weight: 400;
	margin-top:20px;
	display: block;
}
.sub-tab .img_borad_list .txt h4,
.sub-tab .img_borad_list .txt .desc {
    overflow: hidden;
    text-overflow: ellipsis;
    word-break: break-word;
    display: -webkit-box;
    -webkit-box-orient: vertical;
}
.sub-tab .img_borad_list .txt h4{
	margin:15px 0;
	color: #262626;
	font-size: 18px;
	font-weight: 500;
	line-height: 1.4;
    -webkit-line-clamp: 3;
}
.sub-tab .img_borad_list .txt .desc{
	color: #999;
	font-size: 16px;
	font-weight: 400;
	line-height: 1.4;
    -webkit-line-clamp: 5;
}
.sub-tab .cate{
	font-family: "Roboto Condensed", sans-serif;
    color: var(--color-Blue);
    font-size: 16px;
    font-weight: 400;
    display: inline-flex;
    margin-top: 65px;
    padding: 10px 20px;
    background: #fff;
    border: 1px solid var(--color-Blue);
    border-radius: 100px;
	transition:0.3s;
}
.sub-tab .link:hover .cate{
    color: #fff;
    background: var(--color-Blue);
}
.sub-tab .link figure {
    position: relative;
    overflow: hidden;
    padding: 26.735% 0;
}
.sub-tab .link figure img {
    position: absolute;
    top: 50%;
    left: 50%;
    width: 100%;
    height: 100%;
    object-fit: cover;
    transform: translate(-50%, -50%);
}
.sub-tab .img_borad_list.--2{
	gap: 80px 30px; 
	align-items: flex-start;
}
.sub-tab .img_borad_list.--2 .item{
	width: calc((100% - 90px) / 4);
}
.sub-tab .img_borad_list .item:hover .txt h4{
	color:var(--color-Orange);
}
.sub-tab .img_borad_list.--2 .cate{
    margin-top: 30px;
	width:120px;
	height:40px;
	justify-content: center;
    align-items: center;
	padding:10px;
}
.sub-tab .img_borad_list.--2 .desc{
	font-family: 'Pretendard', sans-serif;
}
.sub-tab .img_borad_list.--2 .link figure{
    padding: 36.365% 0;
}
@media (max-width:1200px){
	.sub-tab .img_borad_list.--2{
		gap: 70px 20px; 
	}
	.sub-tab .img_borad_list.--2 .item{
		width: calc((100% - 60px) / 4);
	}
	.sub-tab .img_borad_list.--2 .cate{
		margin-top: 20px;
	}
}
@media (max-width:1024px){
	.sub-tab{
		padding-bottom:80px;
	}
	.sub-tab .img_borad_list{
		gap:20px;
	}
	.sub-tab .img_borad_list .item {
		width: calc((100% - 40px) / 3);
	}
	.sub-tab .img_borad_list.--2{
		gap: 50px 20px; 
	}
	.sub-tab .img_borad_list.--2 .item{
		width: calc((100% - 40px) / 3);
	}
	.sub-tab .img_borad_list.--2 .cate{
		margin-top: 20px;
	}
	.sub-tab .cate{
		margin-top: 40px;
	}
}
@media (max-width:768px){
	.sub-tab{
		padding-bottom:50px;
	}
	.sub-tab .img_borad_list{
		gap:30px;
	}
	.sub-tab .img_borad_list .item {
		width: 100%;
	}
	.sub-tab .cate{
	    margin-top: 20px;
	}
	.sub-tab .img_borad_list .txt .date{
		font-size: 14px;
	}
	.sub-tab .img_borad_list .txt h4{
		font-size: 17px;
		margin: 10px 0;
	}
	.sub-tab .img_borad_list .txt .desc{
		font-size: 15px;
	}
	.sub-tab .cate{
		font-size: 15px;
		padding: 10px 15px;
		margin-top:15px;
		align-items: center;
		justify-content: center;
		height:35px;
	}
	.sub-tab .img_borad_list.--2{
		gap: 40px 10px;
	}
	.sub-tab .img_borad_list.--2 .item{
        width: calc((100% - 20px) / 3);
	}
	.sub-tab .img_borad_list.--2 .cate{
		width: 110px;
		height: 37px;
	}
}
@media (max-width:576px){
	.sub-tab .img_borad_list{
		flex-direction: column;
	}
	.sub-tab .img_borad_list.--2{
		gap: 20px; 
	}
	.sub-tab .img_borad_list.--2 .item {
        width: 100%;
    }
}

/* apply */
.apply .list{
	display:flex;
	flex-wrap: wrap;
	gap:80px 30px;
}
.apply .list li{
	width:calc((100% - 60px) / 3);
}
.apply .link{
	display: flex;
	flex-direction: column;
	height: 100%;
}
.apply .txt-bx{
    flex-grow: 1;
}

.apply .text .common-tit{
	margin-top:20px;
	font-family: "Pretendard", sans-serif;
	transition:0.3s;
}
.apply .text span{
	color: #262626;
	font-family: "Roboto Condensed", sans-serif;
	font-size: 18px;
	font-weight: 500;
	display:block;
	transition:0.3s;
}
.apply .common-txt{
	margin-top:22px;
	color:#555;
}
@media (max-width:1200px){
	.apply .text span {
		font-size: 17px;
	}
}
@media (max-width:1024px){
	.apply .list {
		gap: 50px 20px;
	}
	.apply .list li {
		width: calc((100% - 40px) / 3);
	}
}
@media (max-width:768px){
	.apply .text span {
		font-size: 16px;
	}
	.apply .list {
		gap: 40px 15px;
	}
	.apply .list li {
		width: calc((100% - 30px) / 3);
	}
}
@media (max-width:576px){
	.apply .txt {
		margin-top: 10px;
	}
	.apply .list {
		gap: 30px 20px;
		flex-direction: column;
	}
	.apply .list li {
		width: 100%;
	}
	.apply figure img{
		width:100%;
	}
}

/* clean-bx */
.clean-bx .list{
	display:flex;
	flex-wrap: wrap;
	gap:0 30px;
}
.clean-bx .list li{
	width:calc((100% - 60px) / 3);
}

.clean-bx .list li .common-tit{
	margin-top:20px;
}

.clean-bx .common-txt{
	margin-top:30px;
	margin-bottom:50px;
}
.clean-bx .common-txt.mb-0{
	margin-bottom:0;
}
.img-list{
    display: flex;
}
.img-list figure{
	margin-right: 40px;
	flex:1 0 500px;
}
.img-list .wrapper{
	width: calc(100% - 500px);
}
.img-list .wrapper .txt-bx:last-child{
	margin-top: 30px;
}
.img-list.reverse figure{
	order:2;
	margin-left: 40px;
	margin-right:0;
}
.img-list.reverse .wrapper{
	order:1;
}
.clean-bx .top-bx,
.img-list.reverse,
.clean-bx .bottom-bx figure {
	margin-top:50px;
}
.clean-bx .bottom-bx span{
	display:block;
	padding-bottom:20px;
}
.clean-bx .bottom-bx span:last-child{
	padding-bottom:0;
}
.clean-bx .tbl-bx{
	margin: 50px 0;
}
.clean-bx .tbl-bx table{
	font-family: "Roboto Condensed", sans-serif;
}
.clean-bx .tbl-bx thead tr{
	color: #FFF;
	background: #66B6DF;
}
.clean-bx .tbl-bx thead tr th{
    text-align: left;
}
.clean-bx .tbl-bx thead tr:first-child{
	height: 110px;
}
.clean-bx .tbl-bx thead tr:first-child th{
	font-size: 24px;
}
.clean-bx .tbl-bx thead tr:first-child th:first-child{
	font-weight: 400;
}
.clean-bx .tbl-bx thead tr:first-child th:last-child{
	font-weight: 500;
}
.clean-bx .tbl-bx thead tr:last-child{
	border-top:1px solid #fff;
	height:40px;
}
.clean-bx .tbl-bx thead tr:last-child th{
	font-size: 18px;
	font-weight: 400;
}
.clean-bx .tbl-bx tbody tr{
	border-bottom: 1px solid #E5E5E5;
	height:40px;
}
.clean-bx .tbl-bx tbody tr td{
	color: #262626;
	font-size: 18px;
	font-weight: 300;
}
@media (max-width:1024px){
	.clean-bx .c-width{
		width:150px;
	}
	.clean-bx .tbl-bx thead tr:last-child th{
		font-weight: 400;
	}
	.clean-bx .tbl-bx thead tr:first-child th{
		font-size: 22px;
	}
	.clean-bx .tbl-bx thead tr:last-child th,
	.clean-bx .tbl-bx tbody tr td {
		font-size: 16px;
	}
	.clean-bx .list {
		gap: 0 20px;
	}
	.clean-bx .list li {
		width: calc((100% - 40px) / 3);
	}
	.clean-bx .top-bx,
	.img-list.reverse,
	.clean-bx .bottom-bx figure {
		margin-top:40px;
	}
	.clean-bx .tbl-bx{
		margin:40px 0;
	}
	.img-list .wrapper .txt-bx:last-child {
		margin-top: 20px;
	}
	.clean-bx .common-txt {
		margin: 20px 0;
	}
	.img-list{
		flex-direction: column;
	}
	.img-list figure{
		margin-right:0;
        flex: 1 0 auto;
	}
	.img-list.reverse figure{
		order:1;
		margin-left:0;
	}
	.img-list.reverse .wrapper{
		order:2;
	}
	.img-list .wrapper{
		margin-top:20px;
		width: auto;
	}
	.clean-bx .list li .common-tit {
		margin-top: 15px;
	}
}
@media (max-width:768px){
	.clean-bx .c-width{
		width:100px;
	}
	.clean-bx .tbl-bx thead tr:last-child th{
		font-weight: 400;
	}
	.clean-bx .tbl-bx thead tr:first-child th{
		font-size: 19px;
	}
	.clean-bx .tbl-bx thead tr:last-child th,
	.clean-bx .tbl-bx tbody tr td {
		font-size: 14px;
	}
	.clean-bx .list {
		gap: 0 15px;
	}
	.clean-bx .list li {
		width: calc((100% - 30px) / 3);
	}
	.clean-bx .top-bx,
	.img-list.reverse,
	.clean-bx .bottom-bx figure {
		margin-top:30px;
	}
	.clean-bx .tbl-bx{
		margin:30px 0;
	}
}
@media (max-width:576px){
	.clean-bx .c-width{
		width:70px;
	}
	.clean-bx .list{
		flex-direction: column;
		gap:40px 20px;
	}
	.clean-bx .tbl-bx thead tr:first-child th{
		font-size: 17px;
	}
	.clean-bx .tbl-bx thead tr:last-child th,
	.clean-bx .tbl-bx tbody tr td {
		font-size: 13px;
	}
	.clean-bx .list li{
		width:100%;
	}
	.clean-bx .list figure img{
		width:100%;
	}
}
/* common-txt */
.common-tit{
	color: #262626;
	font-family: "Roboto Condensed", sans-serif;
	font-size: 24px;
	font-weight: 400;
	display:block;
}
.common-tit.font-medium{
	font-weight: 500;
	padding-bottom:20px;
}
.common-txt{
	color: #262626;
	font-family: "Roboto Condensed", sans-serif;
	font-size: 18px;
	font-weight: 300;
	line-height: 1.4;
}
.common-txt > span,{
	padding-bottom:20px;
	display:block;
}
.common-txt p{
	padding-bottom:20px;
}
.common-txt > span:last-child,
.common-txt p:last-child{
	padding-bottom:0;
}
.common-txt .dot{
	position:relative;
	display:block;
	padding-left:25px;
}
.common-txt .dot:before{
	content:"";
	width: 4px;
	height: 4px;
	border-radius:50%;
	background:#262626;
	position:absolute;
	top:50%;
	left:10px;
	transform:translateY(-50%);
}
@media (max-width:1200px){
	.common-tit{
	    font-size: 23px;
	}
	.common-txt{
		font-size: 17px;
	}
}
@media (max-width:768px){
	.common-tit{
	    font-size: 22px;
	}
	.common-txt{
		font-size: 16px;
	}
}

.common-txt.pt-30{
	padding-top:30px;
}
@media (max-width:1060px){
	.common-txt.pt-30{
		padding-top:10px;
	}
}
@media (max-width:1024px){
	.common-txt.pt-30{
		padding-top:0;
	}
}
.common-txt.mt-20{
	margin-top:20px;
}

.common-txt.bg-gray{
	background: #f7f7f7;
	position:relative;
	min-height:40px;
	display: flex;
    align-items: center;
}
.common-txt.bg-gray:before{
	content:"";
	position:absolute;
	width: 5px;
	height:100%;
	background:#d9d9d9;
	top:0;
	left:0;
}
.common-txt.bg-gray span{
	padding-left:20px;
	display:block;
}
@media (max-width:1024px){
	.common-txt.bg-gray span{
		padding:5px 15px 5px 20px;
	}
}

/* .page--2 */
.page--2 .list li:hover .common-tit{
	color:var(--color-Orange);
}
.page--2 .list li:hover .main-btn{
	background:#fff;
	color:var(--color-Orange);
}
.page--2 .list li:hover span{
	color:var(--color-Orange);
}

/* content-tab */
.content-bg{
	background:#f7f7f7;
	padding:50px 0;
}
.content_tab .sub-tit{
	text-align:left;
	font-weight: 500;
}
.content_tab .tab-header .tab-list{
	display:flex;
	gap: 20px;
	flex-wrap: wrap;
}
.content_tab .tab-header .tab-item{
	color: #262626;
	font-family: "Roboto Condensed", sans-serif;
	font-size: 16px;
	font-weight: 400;
	border-radius: 100px;
	background: #FFF;
	border: 1px solid #DDD;
	padding:10px;
	text-align: center;
	cursor:pointer;
}
.content_tab .tab-header .tab-item.current {
    background: var(--color-Blue);
    color: #fff;
}
.content_tab .tab-header .tab-item.w-80{
	width:80px;
}
.content_tab .tab-header .tab-item.w-130{
	width:130px;
}
.content_tab .tab-header .tab-item.w-140{
	width:140px;
}
.content_tab .tab-header .tab-item.w-160{
	width:160px;
}
.content_tab .tab-header .tab-item.w-170{
	width:170px;
}
.content_tab .tab-header .tab-item.w-180{
	width:180px;
}
.content_tab .tab-header .tab-item.w-200{
	width:200px;
}
.content_tab .tab-header .tab-item.w-210{
	width:210px;
}
.content_tab .tab-header .tab-item.w-240{
	width:240px;
}
.content_tab .tab-header .tab-item.w-260{
	width:260px;
}
.content_tab .tab-header .tab-item.w-280{
	width:280px;
}
.content_tab .tab-header .tab-item.w-290{
	width:290px;
}
.content_tab .tab-header .tab-item.w-320{
	width:320px;
}
@media (max-width:1200px){
	.content_tab .tab-header .tab-item.w-80{
		width:70px;
	}
	.content_tab .tab-header .tab-item.w-130{
		width:120px;
	}
	.content_tab .tab-header .tab-item.w-140{
		width:130px;
	}
	.content_tab .tab-header .tab-item.w-160{
		width:150px;
	}
	.content_tab .tab-header .tab-item.w-170{
		width:160px;
	}
	.content_tab .tab-header .tab-item.w-180{
		width:170px;
	}
	.content_tab .tab-header .tab-item.w-200{
		width:190px;
	}
	.content_tab .tab-header .tab-item.w-210{
		width:200px;
	}
	.content_tab .tab-header .tab-item.w-240{
		width:230px;
	}
	.content_tab .tab-header .tab-item.w-260{
		width:250px;
	}
	.content_tab .tab-header .tab-item.w-280{
		width:270px;
	}
	.content_tab .tab-header .tab-item.w-290{
		width:280px;
	}
	.content_tab .tab-header .tab-item.w-320{
		width:310px;
	}
}
@media (max-width:1024px){
	.content_tab .tab-header .tab-item.w-80{
		width:60px;
	}
	.content_tab .tab-header .tab-item.w-130{
		width:110px;
	}
	.content_tab .tab-header .tab-item.w-140{
		width:120px;
	}
	.content_tab .tab-header .tab-item.w-160{
		width:140px;
	}
	.content_tab .tab-header .tab-item.w-170{
		width:150px;
	}
	.content_tab .tab-header .tab-item.w-180{
		width:160px;
	}
	.content_tab .tab-header .tab-item.w-200{
		width:180px;
	}
	.content_tab .tab-header .tab-item.w-210{
		width:190px;
	}
	.content_tab .tab-header .tab-item.w-240{
		width:220px;
	}
	.content_tab .tab-header .tab-item.w-260{
		width:240px;
	}
	.content_tab .tab-header .tab-item.w-280{
		width:260px;
	}
	.content_tab .tab-header .tab-item.w-290{
		width:270px;
	}
	.content_tab .tab-header .tab-item.w-320{
		width:300px;
	}
}
@media (max-width:768px){
	.content_tab .tab-header .tab-item.w-80,
	.content_tab .tab-header .tab-item.w-130,
	.content_tab .tab-header .tab-item.w-140,
	.content_tab .tab-header .tab-item.w-160,
	.content_tab .tab-header .tab-item.w-170,
	.content_tab .tab-header .tab-item.w-180,
	.content_tab .tab-header .tab-item.w-200,
	.content_tab .tab-header .tab-item.w-210,
	.content_tab .tab-header .tab-item.w-240,
	.content_tab .tab-header .tab-item.w-260,
	.content_tab .tab-header .tab-item.w-280,
	.content_tab .tab-header .tab-item.w-290,
	.content_tab .tab-header .tab-item.w-320{
		width:100%;
	}
}
.content_tab .tab-content {
    display: none;
}
.content_tab .tab-content.current {
    display: block;
}
.content_tab .box-inner{
	display:flex;
}
.content_tab .tab-body{
	margin-top:50px;
}
.content_tab .tab-body .left{
	padding-right:45px;
	width:35.59%;
}
.content_tab .left .txt-bx .common-txt{
	padding-bottom:20px;
}
.content_tab .left .txt-bx .common-txt:last-child{
	padding-bottom:0;
}

.content_tab .main-btn{
	padding:10px;
	margin-top:20px;
    cursor: pointer;
	height:40px;
}
.content_tab .main-btn.w-150{
	width:150px;
}
.content_tab .main-btn.w-160{
	width:160px;
}
.content_tab .main-btn.w-180{
	width:180px;
}
.content_tab .main-btn.w-200{
	width:200px;
}
.content_tab .main-btn.w-220{
	width:220px;
}
.content_tab .tab-body .right{
	width:63.89%
}
.card{
	display:flex;
	gap: 20px;
	flex-wrap: wrap;
	margin-bottom:50px;
}
.card li{
	border-radius: 20px;
	background: #FFF;
	box-shadow: 0px 0px 40px 0px rgba(0, 0, 0, 0.10);
	width:31.1%;
	height:260px;
}
.card li.h-420{
	height:420px;
}
.card li .link{
	display: flex;
    flex-direction: column;
	justify-content: flex-start;
    align-items: center;
	width: 100%;
    height: 100%;
	padding-top: 30px;
}
.card dl{
	color: #262626;
	font-family: "Roboto Condensed", sans-serif;
	text-align:center;
}
.card dl dt{
	font-size: 24px;
	font-weight: 500;
	margin-top:15px;
	margin-bottom:5px;
	padding:0 10px;
}
.card dl dt.mb-10{
	margin-bottom:10px;
}
.card dl dd{
	font-size: 18px;
	font-weight: 300;
	padding:0 10px;
}
.right .card .common-txt{
    line-height: 1.3;
    margin-top: 15px;
    margin-bottom: 5px;
    padding: 0 10px;
}
@media (max-width:1200px){
	.card dl dt{
		font-size: 22px;
	}
	.card dl dd{
		font-size: 17px;
	}
}
@media (max-width:1024px){
	.content_tab .tab-header .tab-list {
		gap: 10px;
	}
	.content_tab .tab-header .tab-item {
		font-size: 15px;
	}
	.content_tab .tab-body .left{
		width:50%;
		padding-right:50px;
	}
	.content_tab .tab-body .right{
		width:50%
	}

	.card li{
		width: calc(50% - 10px);
	}
	.card li .link{
		padding-top: 10px;
	}
}
@media (max-width:768px){
	.content_tab .box-inner {
		flex-direction: column;
	}
	 .content_tab .tab-header .tab-list {
		flex-direction: column;
    }
	.content_tab .tab-body{
		margin-top: 30px;
	}
	.content_tab .tab-body .left{
		width:100%;
		padding-right:0;
		padding-bottom:30px;
	}
	.content_tab .tab-body .right{
		width:100%
	}

	.content_tab .tab-body .right > figure img {
		width:100%;
	}
	.card{
		margin-top: 30px;
	}
	.card li{
		height:210px;
	}
	.card dl dt{
		font-size: 20px;
		margin-top: 10px;
	}
	.card dl dd{
		font-size: 16px;
	}
}
@media (max-width:576px){
	.card dl dd{
		font-size: 15px;
	}
	.card li.h-420{
		height:350px;
	}
}

/* building */

.building .tbl-bx tr{
	text-align: center;
	font-family: "Roboto Condensed", sans-serif;
}
.building .tbl-bx tr:first-child,
.building .tbl-bx tr:nth-child(2) {
	color:#fff;
	font-weight: 400;
}
.building .tbl-bx tr:first-child{
	background: var(--color-Blue);
	font-size: 24px;
	height:70px;
}
.building .tbl-bx tr:nth-child(2){
	background: #55B4E4;
	font-size: 20px;
	height:60px;
}
.building .tbl-bx tr:last-child{
	background: #CAEDFF;
	color:#555;
	font-size: 18px;
	font-weight: 300;
	height:170px;
	transition: 0.5s;
}
.building .tbl-bx:hover tr:last-child{
	background: #FAFAFA;
}
.building .tbl-bx td{
	padding: 10px;
}
@media (max-width:1200px){
	.building .tbl-bx tr:first-child{
		font-size: 20px;
	}
	.building .tbl-bx tr:nth-child(2){
		font-size: 18px;
	}
	.building .tbl-bx tr:last-child{
		background: #CAEDFF;
		font-size: 17px;
	}
}
@media (max-width:768px){
	.building .tbl-bx tr:first-child{
		font-size: 18px;
	}
	.building .tbl-bx tr:nth-child(2){
		font-size: 17px;
	}
	.building .tbl-bx tr:last-child{
		background: #CAEDFF;
		font-size: 16px;
	}
}

/* solution */
.solution .list {
	display:flex;
	flex-wrap:wrap;
	gap:60px 90px;
}
.solution .list li{
	width:calc((100% - 180px) / 3);
}
.solution .list li .link:hover dl{
	color: var(--color-Orange);
}
.solution .list dl{
	padding:20px 0;
	color:var(--color-Blue);
	transition:0.3s;
}
.solution .list dl dt{
	font-size: 24px;
	font-weight: 700;
}
.solution .list dl dd{
	font-family: "Roboto Condensed";
	font-size: 18px;
	font-weight: 500;
}
@media (max-width: 1200px) {
	.solution .list {
		gap:40px 70px;
	}
	.solution .list li{
		width:calc((100% - 140px) / 3);
	}
	.solution .list dl dt{
		font-size: 22px;
	}
	.solution .list dl dd{
		font-size: 17px;
	}
}
@media (max-width:1024px){
	.solution .list {
		gap:30px 50px;
	}
	.solution .list li{
		width:calc((100% - 100px) / 3);
	}
}
@media (max-width:768px){
	.solution .list {
		gap: 40px 20px;
	}
	.solution .list li{
		width:calc(50% - 10px);
	}
	.solution .list figure img{
		width: 100%;
	}
	.solution .list dl{
		padding:10px 0;
	}
	.solution .list dl dt{
		font-size: 20px;
	}
	.solution .list dl dd{
		font-size: 16px;
	}
}
@media (max-width:576px){
	.solution .list dl dt{
		font-size: 18px;
	}
}

/* search-area */
.search-area{
	background: #F8F8F8;
	padding:40px;
}
.search-area .form-inner{
	display:flex;
	justify-content: center;
    align-items: center;
}
#select,
#sub-search{
	border:0;
}
#select,
#sub-search,
#sub-search::placeholder {
	font-size:17px;
	letter-spacing: -0.34px;
}
#select,
#sub-search,
#btn-black {
	height: 42px;
	border-radius: 5px;
}
#select{
	background: #FFF;
	color: #111;
	font-weight: 400;
	padding: 0 30px;
	flex: 1 0 210px;
	-o-appearance: none;
	-webkit-appearance: none;
	-moz-appearance: none;
	appearance: none;
    background-position: calc(100% - 30px) center;
    background-image: url("/img/sub/arrow-bottom.svg");
	background-repeat: no-repeat;
    background-size: 20px 20px;
}
#select::-ms-expand { 
	display: none;
}
#sub-search{
	background: #FFF;
	margin-left:20px;
	margin-right:30px;
	width: calc(100% - 360px);
	padding-left:18px;
}
#sub-search,
#sub-search::placeholder{
	color: #CCC;
	font-weight: 400;
}
#btn-black{
	flex: 1 0 150px;
	background: #111;
	width: 150px;
	color: #FFF;
	font-size: 16px;
	font-weight: 400;
}
@media (max-width:1200px){
	#select{
		flex: 1 0 190px;
	}
	#sub-search{
		width: calc(100% - 320px);
	}
	#btn-black{
		flex: 1 0 130px;
	}
}
@media (max-width:1024px){
	.search-area{
		padding:30px;
	}
	#select{
		flex: 1 0 150px;
	}
	#sub-search{
		width: calc(100% - 240px);
	}
	#btn-black{
		flex: 1 0 90px;
	}
}

@media (max-width:768px){
	.search-area{
		padding:20px;
	}
	#select{
		flex: 1 0 110px;
		padding: 0 10px;
		background-position: calc(100% - 10px) center;
	}
	#sub-search{
		width: calc(100% - 160px);
		margin: 0 10px;
		padding-left:10px;
	}
	#select,
	#sub-search,
	#sub-search::placeholder {
		font-size:16px;
	}
	#btn-black{
		flex: 1 0 50px;
		font-size:15px;
	}
}
@media (max-width:576px){
	.search-area{
		padding:10px;
	}
	#select{
		flex: 1 0 110px;
		padding: 0 10px;
		background-position: calc(100% - 10px) center;
	}
	#select,
	#sub-search,
	#sub-search::placeholder {
		font-size:15px;
	}
	#sub-search{
		width: calc(100% - 165px);
		margin: 0 5px;
	}
	#btn-black{
		flex: 1 0 55px;
		font-size:14px;
	}
}

/* board_box */
.board_box thead{
	border-top:1px solid #000;
	border-bottom:2px solid #E5E5E5;
}
.board_box thead tr th{
	background: #F9F9F9;
	color: #111;
	text-align: center;
	font-size: 17px;
	font-weight: 400;
	letter-spacing: -0.34px;
	padding: 35px 30px;
	position:relative;
}
.board_box thead tr th:after{
	content:"";
	width:1px;
	height:15px;
	background:#e0e0e0;
	position:absolute;
	top:50%;
	transform:translateY(-50%);
	right:0;
}
.board_box thead tr th:last-child:after{
	display:none;
}
.board_box tbody tr{
	border-bottom: 1px solid #E5E5E5;
}
.board_box tbody tr td{
	padding:25px 0;
}
.board_box .num{
	color: #666;
	font-size: 16px;
	font-weight: 400;
	text-align: center;
}

.board_box .w-90{
	width:90px;
}
.board_box .w-190,
.board_box .views{
	width:190px;
}

.board_box .w-auto{
	width:calc(100% - 280px);
	padding: 0 10px;
}
.board_box .d-flex{
	display:flex;
	justify-content: center;
}
.board_box .hidden{
	text-overflow: ellipsis;
	white-space: nowrap;
	overflow: hidden;
}
.board_box .hidden a{
	color: #000;
	font-size: 18px;
	font-weight: 400;
}

@media (max-width:576px){
	.customer .board_box .hidden{
        text-overflow: initial;
        white-space: normal;
        overflow: auto;
	}
	.customer .board_box .hidden a{
		overflow: hidden;
		text-overflow: ellipsis;
		word-break: break-word;
		display: -webkit-box;
		-webkit-box-orient: vertical;
		-webkit-line-clamp: 2;
	}
}

.down-btn{
	flex: 1 0 150px;
	display: flex;
	justify-content: center;
    align-items: center;
	max-width: 150px;
    height: 42px;
    border-radius: 5px;
	border: 1px solid var(--color-Orange);
	background: var(--color-Orange);
	color: #FFF;
    transition: 0.3s;
	cursor: pointer;
	font-weight:500;
	font-size: 16px;
	font-family: "Roboto Condensed", sans-serif;
	gap: 5px;
}
.down-btn .icon-down{
    background: url("/img/sub/icon-down.svg") no-repeat;
	width:24px;
	height:24px;
}
.down-btn:hover .icon-down{
    background: url("/img/sub/icon-down-hover3.svg") no-repeat;
}
.board_box .down-btn:hover {
    background: #fff;
    color: var(--color-Orange);
}


.down-btn .txt{
	display:inline-block;
	padding-left: 5px;
	font-family: "Roboto Condensed", sans-serif;
}
@media (max-width:1024px){
	.board_box .w-90{
		width:70px;
	}
	.board_box .w-190{
		width:170px;
	}
	.board_box .w-auto{
		width:calc(100% - 240px);
	}
	.board_box .views{
		width: 100px;
	}
	.board_box thead tr th {
	    padding: 30px 20px;
	}

}
@media (max-width:768px){
	.board_box .w-90{
		width:50px;
	}
	.board_box .w-190{
		width:130px;
	}
	.board_box .w-auto{
		width:calc(100% - 180px);
	}
	.board_box .views{
		width: 80px;
	}
	.board_box thead tr th {
	    padding: 20px 10px;
	}
	.down-btn{
		flex: 1 0 110px;
		max-width: 110px;
		max-height: 38px;
		font-size:15px;
	}
	.down-btn .icon-down img{
		width: 20px;
		height: 20px;
	}
	.board_box thead tr th{
	    font-size: 15px;
	}
	.board_box .num{
	    font-size: 14px;
	}
	.board_box tbody tr td {
		padding: 20px 0;
	}
	.board_box .hidden a{
	    font-size: 16px;
	}
}
@media (max-width:576px){
	.board_box .w-auto{
		width:calc(100% - 170px);
	}
	.board_box .views {
        width: 70px;
    }
	.board_box thead tr th {
	    padding: 20px 10px;
	}
	.down-btn{
		max-height: 35px;
		font-size:14px;
	}
	.board_box thead tr th{
	    font-size: 14px;
	}
	.board_box .num{
	    font-size: 13px;
	}
	.board_box tbody tr td {
		padding: 10px 0;
	}
	.board_box .hidden a{
	    font-size: 15px;
	}
	.down-btn .txt {
		padding-left: 3px;
	}
}


/* video-board*/
.video-board{
	display:flex;
	gap: 70px 35px;
	flex-wrap: wrap;
}
.video-board li{
	width:calc((100% - 70px) / 3);
	cursor:pointer;
}
.video-board figure{
	border-radius: 10px;
	border: 1px solid #E7E7E7;
	position:relative;
	overflow: hidden;
    padding: 29.41% 0;
}
.video-board figure > img{
    position: absolute;
    top: 50%;
    left: 50%;
    object-fit: cover;
    transform: translate(-50%, -50%);
	width:100%;
	height:100%;
}
.video-board li:hover .icon-video{
    background: url("/img/main/icon-play_hover.svg") no-repeat;
}
.video-board .txt-bx{
	color: #333;
	font-size: 18px;
	font-weight: 500;
	padding-top:15px;
	overflow: hidden;
    text-overflow: ellipsis;
    word-break: break-word;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 2;
}
@media (max-width:1024px){
	.video-board{
		gap: 50px 20px;
	}
	.video-board li{
		width:calc((100% - 40px) / 3);
	}
	.video-board .txt-bx{
		font-size: 17px;
	}
}
@media (max-width:768px){
	.video-board{
		gap: 40px 20px;
	}
	.video-board li{
		width:calc(50% - 10px);
	}
	.video-board .txt-bx{
		font-size: 16px;
	}
}
@media (max-width:576px){
	.video-board .txt-bx{
		font-size: 15px;
		padding-top:10px;
	}
}

/* view_ctn */

.view_ctn .tit-area .tit{
	color: #222;
	font-size: 20px;
	font-weight: 500;
	height:85px;
	border-top: 1px solid #000;
	border-bottom: 1px solid #E0E0E0;
	display: flex;
    justify-content: center;
    align-items: center;
}
.view_ctn .tit-area .date{
	color: #666;
	font-size: 16px;
	font-weight: 400;
	display: block;
    text-align: right;
    padding-top: 20px;
	padding-bottom:40px;
}
.view_ctn dl{
	height:70px;
	border-top:1px solid #E0E0E0;
	border-bottom:1px solid #E0E0E0;
	display: flex;
	align-items: center;
}
.view_ctn .file-bx dl{
	border-top:0;
	border-bottom:1px solid #E0E0E0;
}
.view_ctn .file-bx dl:first-child{
	border-top:1px solid #E0E0E0;
	border-bottom:1px solid #E0E0E0;
}

.view_ctn dl dt{
	color: #222;
	font-size: 16px;
	font-weight: 500;
	width:137px;
	text-align: center;
	position: relative;
}
.view_ctn dl dt:after{
	content:"";
	width: 1px;
	height: 20px;
	background:#E0E0E0;
	position: absolute;
    top: 0;
    right: 0;
}
.view_ctn dl dd{
	padding-left:30px;
	font-size: 16px;
}
.view_ctn .file-down{
	color:var(--color-Orange);
	font-weight: 400;
}
.view_ctn .file-down i{
	padding-right:8px;
}
.view_ctn .file-bx{
	padding:50px 0;
}
.view_ctn .pages-area{
	margin-top:50px;
	margin-bottom:40px;
}
.view_ctn .pages-area dl dd a{
	color: #666;
	font-weight: 300;
}
.view_ctn .pages-area dt i{
	padding-right:15px;
}
.view_ctn .pages-area{
	display: flex;
	flex-direction: column;
	gap: 10px;
}
.view_ctn .board_view_btn {
    display: flex;
    justify-content: center;
    align-items: center;
}
.view_ctn .board_view_btn .btn-list{
	color: #FFF;
	font-size: 17px;
	font-weight: 700;
	letter-spacing: -0.34px;
	border-radius: 5px;
	background: #000;
	width: 120px;
	height: 42px;
	display: flex;
    justify-content: center;
    align-items: center;
}
.view_ctn .board_view_btn .btn-list i{
	padding-right:10px;
}
.view_ctn .video-bx{
	margin-bottom:55px;
	position: relative;
	padding-bottom: 56.25%;
	height: 0;
	border-radius: 10px;
	border: 1px solid #E7E7E7;
	overflow:hidden;
}
.view_ctn .video-bx iframe{
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
}
.view_ctn .tit-area .txt_ctn{
	display:flex; 
	justify-content:space-between; 
	padding: 20px 0 40px;
}
.view_ctn .tit-area .txt_ctn .date{
	padding: 0;
}

@media (max-width:1024px){
	.view_ctn .tit-area .tit {
		font-size: 19px;
		height: 75px;
	}
	.view_ctn dl{
		height: 60px;
	}
}
@media (max-width:768px){
	.view_ctn .tit-area .date,
	.view_ctn dl dt,
	.view_ctn dl dd {
		font-size: 15px;
	}
	.view_ctn .board_view_btn .btn-list{
	    font-size: 16px;
	}
	.view_ctn .file-bx{
	    padding: 40px 0;
	}
	.view_ctn .pages-area{
	    margin: 40px 0;
	}
}
@media (max-width:576px){
    .view_ctn .tit-area .tit {
        font-size: 18px;
        height: 60px;
    }
	.view_ctn dl {
        height: 50px;
    }
	.view_ctn dl dt{
		width: 100px;
	}
	.view_ctn dl dd{
		padding-left: 20px;
	}
	.view_ctn .file-bx{
	    padding: 30px 0;
	}
	.view_ctn .pages-area{
	    margin: 30px 0;
	}
	.view_ctn .video-bx {
		margin-bottom: 30px;
	}
}

/* cata-list */
.cata-list{
	display:flex;
	flex-wrap:wrap;
	gap: 80px 30px;
}
.cata-list li{
    width: calc((100% - 60px) / 3);
	display: flex;
}

.cata-list figure{
	border: 1px solid #DDD;
    height: 260px;
	max-width: 180px;
    flex: 1 0 180px;
}

.cata-list li figure > a {
    width: 100%;
    height: 100%;
    display: block;
	overflow: hidden;
	position:relative;
}
.cata-list figure img {
    position: absolute;
    top: 50%;
    left: 50%;
    width: 100%;
    height: 100%;
    object-fit: cover;
    transform: translate(-50%, -50%);
}
.cata-list .txt-bx{
	padding-left:10px;
	display: flex;
    flex-direction: column;
    justify-content: space-between;
	width: calc(50% - 180px);
	flex: 1 0 auto;
}
.cata-list .txt-bx p{
	color: #262626;
	font-size: 22px;
	font-weight: 400;
}
.cata-list .down-btn{
	width:150px;
	max-height:42px;
}
.down-btn:hover{
    background: #fff;
    color: var(--color-Orange);
}
@media (max-width:1600px){
	.cata-list {
		gap: 80px 20px;
	}
	.cata-list li {
		width: calc((100% - 40px) / 3);
	}
	.cata-list figure {
		max-width: 170px;
		flex: 1 0 170px;
		height: 245px;
	}
	.cata-list .txt-bx {
		width: calc(50% - 170px);
	}
}
@media (max-width:1200px){
	.cata-list {
		gap: 80px 20px;
	}
	.cata-list li {
		width: calc((100% - 40px) / 3);
	}
	.cata-list figure {
		max-width: 150px;
		flex: 1 0 150px;
		height: 216px;
	}
	.cata-list .txt-bx {
		width: calc(50% - 150px);
	}
	.cata-list .txt-bx p{
		font-size: 20px;
	}
}
@media (max-width:1024px){
	.cata-list {
        gap: 60px 20px;
	}
	.cata-list li {
        width: calc(50% - 10px);
	}
	.cata-list figure {
		max-width: 180px;
		flex: 1 0 180px;
		height:260px;
	}
	.cata-list .txt-bx {
		width: calc(50% - 180px);
		padding-left: 20px;
	}
}
@media (max-width:768px){
	.cata-list figure {
		max-width: 140px;
		flex: 1 0 140px;
		height:202px;
	}
	.cata-list .txt-bx{
	    padding-left: 10px;
		width: calc(50% - 140px);
	}
	 .cata-list .txt-bx p {
        font-size: 18px;
    }
}
@media (max-width:576px){
	.cata-list {
		flex-direction: column;
		gap: 40px 20px;
	}
	.cata-list figure {
		max-width: 180px;
		flex: 1 0 180px;
		height:260px;
	}
	.cata-list .txt-bx{
	    padding-left: 20px;
		width: calc(50% - 180px);
	}
	.cata-list li {
        width: 100%;
    }
}

/* greeting */

.sub-title{
	color: #000;
	font-family: 'Roboto', sans-serif;
	font-size: 40px;
	font-weight: 600;
	position:relative;
	padding-left:54px;
}
.sub-title:before{
	content:"";
	background:url("/img/sub/icon-logo.svg") no-repeat;
	width:39px;
	height:24px;
	position:absolute;
	top:50%;
	transform:translateY(-50%);
	left:0;
}
@media (max-width:1024px){
	.sub-title{
	    font-size: 35px;
		padding-left: 50px;
	}
}
@media (max-width:768px){
	.sub-title{
	    font-size: 28px;
	}
}
@media (max-width:576px){
	.sub-title{
	    font-size: 22px;
		padding-left: 48px;
	}
}
.greeting .sub-title{
	margin-top:50px;
	margin-bottom:40px;
}
.greeting .sub{
	color: var(--color-Blue);
	font-family: 'Roboto', sans-serif;
	font-size: 22px;
	font-weight: 600;
	line-height: 1.6;
}
.greeting .txt-bx p{
	margin-top:30px;
	color: #666;
	font-size: 16px;
	font-weight: 300;
	line-height: 1.6;
}
.greeting .txt-bx p:last-child{
	color: #262626;
	font-weight: 400;
}
.greeting .color-orange{
	color: var(--color-Orange);
}
.greeting .wrap{
	display:flex;
}
.greeting .wrap figure{
	border-radius: 5px;
	border: 1px solid #DFDFDF;
	width: 490px;
	height: 445px;
	display: flex;
    justify-content: center;
    align-items: center;
}
.greeting .txt-area{ 
	width: calc(100% - 490px);
}
@media (max-width:1200px){
	.greeting .wrap figure{
		width: 450px;
	}
	.greeting .txt-area{ 
		width: calc(100% - 450px);
	}
}
@media (max-width:1024px){
	.greeting .wrap figure,
	.greeting .txt-area {
		width: 50%;
	}
	.greeting .txt-area{
		padding-right:20px;
	}
}
@media (max-width:768px){
	.greeting .wrap figure,
	.greeting .txt-area {
		width: 100%;
	}
	.greeting .wrap figure{
		margin-top:20px;
		height:350px;
	}
	.greeting .txt-area{
		padding-right:0;
	}
	.greeting .wrap{
	    flex-direction: column;
	}
}
@media (max-width:576px){
	.greeting .sub-title{
		margin-top:50px;
		margin-bottom:40px;
	}
	.greeting .sub{
		font-size: 20px;
	}
	.greeting .txt-bx p{
		padding-right:0;
		margin-top:20px;
		font-size: 15px;
	}
	.greeting .wrap figure{
		height:300px;
	}
	.greeting .wrap figure img{
		max-width:calc(100% - 40px);
		max-height:calc(100% - 40px);
	}
}

/* about */
.about{
	padding-bottom:100px;
}
.about .sub-title{
	margin-bottom:30px;
}
.video-wrap{
	width:100%;
}
.desc{
	color: #262626;
	font-family: 'Roboto', sans-serif;
	font-size: 16px;
	font-weight: 300;
	line-height: 1.6;
}
@media (max-width:768px){
	.desc {
		font-size: 15px;
	}
}
.about .desc{
	margin-top:25px;
	margin-bottom:40px;
}
.about .img1{
	border-radius: 5px;
	border: 1px solid #DFDFDF;
	height:220px;
	display: flex;
    justify-content: center;
    align-items: center;
}
@media (max-width:1024px){
	.about{
		padding-bottom:80px;
	}
	.about .desc {
		margin: 20px 0;
	}
}
@media (max-width:576px){
	.about{
		padding-bottom:50px;
	}
	.about .sub-title {
		margin-bottom: 20px;
	}
	.about .img1 img{
		max-width:calc(100% - 40px);
		max-height:calc(100% - 40px);
	}
}
/* brand */
.brand {
	padding:100px 0;
	background: #ECF5FA;
}
.brand h3{
	color: #000;
	font-family: 'Roboto', sans-serif;
	font-size: 36px;
	font-weight: 600;
	margin-bottom:60px;
	text-align: center;
}
.brand .logo-bx{
	display:flex;
	gap: 20px;
}
.brand .logo-bx .inner{
	width:50%;
}


.brand .inner figure{
	border-radius: 5px;
	background: #FFF;
	display: flex;
    justify-content: center;
    align-items: center;
	height: 200px;
	transition:0.2s;
}
.brand .inner figure:hover{
	border: 1px solid rgba(0, 134, 202, 0.50);
	box-shadow: 0px 2px 10px 0px rgba(0, 0, 0, 0.10);
}

.brand .desc{
	margin-top:20px;
	text-align: center;
}
.brand .logo-bx--2{
	margin-top:50px;
}
.brand .logo-bx--2 .inner figure{
	height: 263px;
}
.brand .logo-bx--2 .txt-bx{
    padding-left: 50px;
}
.brand .logo-bx--2 .txt-bx strong{
	color: #000;
	font-family: 'Roboto', sans-serif;
	font-size: 26px;
	font-weight: 600;
	margin-bottom:20px;
	display: block;
}
.brand .logo-bx--2 .txt-bx ul li{
	color: #262626;
	font-size: 16px;
	font-weight: 400;
	position:relative;
	padding-left:23px;
	margin-bottom:15px;
}
.brand .logo-bx--2 .txt-bx ul li:last-child{
	margin-bottom:0;
}
.brand .logo-bx--2 .txt-bx ul li:before{
	content:"";
	background:url("/img/sub/icon-check-navy.svg") no-repeat;
	width:17px;
	height:17px;
	position:absolute;
	top:50%;
	left:0;
	transform:translateY(-50%);
}
@media (max-width:1024px){
	.brand{
	    padding: 80px 0;
	}
	.brand h3 {
		font-size: 32px;
		margin-bottom: 40px;
	}
	.brand .logo-bx--2{
	    margin-top: 40px;
	}
	.brand .logo-bx--2 .txt-bx strong{
		font-size: 24px;
	}
}
@media (max-width:768px){
	.brand h3 {
		font-size: 25px;
		margin-bottom: 30px;
	}
	.brand .logo-bx {
		flex-direction: column;
	}
	.brand .logo-bx .inner{
		width:100%;
	}
	.brand .logo-bx--2{
	    margin-top: 30px;
	}
	.brand .logo-bx--2 .txt-bx strong{
		font-size: 22px;
	}
	.brand .logo-bx--2 .txt-bx ul li {
		font-size: 15px;
	}
}
@media (max-width:576px){
	.brand{
	    padding: 50px 0;
	}
	.brand h3 {
		font-size: 22px;
		margin-bottom: 20px;
	}
	.brand .logo-bx .inner figure {
		height: 150px;
	}
	.brand .logo-bx--2{
	    margin-top: 20px;
	}
	.brand .logo-bx--2 .txt-bx{
		padding-left:0;
	}
	.brand .logo-bx--2 .txt-bx strong{
		font-size: 20px;
	}
	.brand .logo-bx--2 .inner figure{
	    flex-direction: column;
		height:auto;
		gap:20px;
		padding:20px 0;
	}
	.brand .logo-bx--2 .txt-bx ul li {
		margin-bottom:10px;
	}
}

/* location */
.location .map_wrap{
	border-radius: 5px;
	width:100%;
	height:500px;
}

.location .sub-title{
	font-family: 'Pretendard', sans-serif;
	margin-top:50px;
	margin-bottom:30px;
}
.location .tbl table{
	border-collapse: separate;
}

.location thead tr th{
	background: var(--bg-Blue);
	color: #FFF;
	font-size: 20px;
	font-weight: 400;
	height:55px;
	border-radius: 5px 5px 0px 0px;
}
.location tbody tr{
	height:60px;
}
.location tbody tr th{
	color: #262626;
	font-family: 'Roboto', sans-serif;
	font-size: 16px;
	font-weight: 400;
	background: #F5F5F5;
}
.location td{
	color: #666;
	font-size: 16px;
	font-weight: 300;
	padding:0 30px;
}
.border-right{
	border-right: 1px solid #DFDFDF;
}
.border-left{
	border-left: 1px solid #DFDFDF;
}
.border-top{
	border-top: 1px solid #DFDFDF;
}
.border-bottom{
	border-bottom: 1px solid #DFDFDF;
}
.location .w-150{
	width:150px;
}
.location .w-170{
	width:170px;
}
.location .w-290{
	width:290px;
}
@media (max-width:1200px){
	.location .w-150{
		width:130px;
	}
	.location .w-170{
		width:150px;
	}
	.location .w-290{
		width:270px;
	}
}
@media (max-width:1024px){
	.location .map_wrap{
		height:450px;
	}
	.location .w-150{
		width:90px;
	}
	.location .w-170{
		width:110px;
	}
	.location .w-290{
		width:230px;
	}
	.location td {
		padding: 0 10px;
	}
	.location .sub-title{
	    margin-top: 40px;
		margin-bottom: 20px;
	}
}
@media (max-width:768px){
	.location thead tr th,
	.location tbody tr{
		height:auto;
	}
	.location th,
	.location td {
		display:block;
		border-left: 1px solid #DFDFDF;
		padding:10px;
	}
	.location .w-150,
	.location .w-170,
	.location .w-290 {
		width:100%;
	}
	.location colgroup {
		display: none;
	}
	.location thead tr th{
		font-size:18px;
	}
	.location td{
	    font-size: 15px;
	}

}
@media (max-width:576px){
	.location .map_wrap{
		height:400px;
	}
}


/* insight */
.insight .bg{
	background:url("/img/sub/sub-04-03-01.png") no-repeat;
	width:100%;
	height:260px;
	display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
	gap: 20px;
	border-radius:5px;
}
.insight .bg strong{
	color: #FFF;
	font-size: 30px;
	font-weight: 600;
	padding:0 20px;
}
.insight .bg p{
	color: #FFF;
	font-size: 18px;
	font-weight: 400;
	line-height: 1.6;
	text-align: center;
	padding: 0 20px;
}
.code-bx{
	display: flex;
	border-radius: 5px;
	background: #F8F8F8;
	gap: 20px;
    padding: 20px;
}
.code-bx .code-inner{
	width:51%;
}
.code-bx .code-txt{
	width:49%;
    background: #fff;
    border-radius: 5px;
}
.code-bx .code-inner .wrapper{
	display: flex;
	margin-top: 10px;
	gap: 10px;
}
.code-bx .code-inner .wrapper .inner{
	display: flex;
}
.code-inner .wrapper .inner > figure{
    width: 146px;
	border-radius: 5px 0 0 5px;
    overflow: hidden;
}
.code-inner .wrapper .inner > figure img{
	height:100%;
}
.codeBtn{
	width:67px;
	height:67px;
	border-radius: 0px 5px 5px 0px;
	background: #F0F0F0 url("/img/sub/icon-refresh3.svg") no-repeat center;
	border:0;
	cursor:pointer;
}
#codeBox{
	width:calc(100% - 223px);
}
#mailBox,
#codeBox {
	border:0;
	background:#fff;
	border-radius:5px;
	padding: 0 25px;
	height:67px;
}
#mailBox,
#codeBox,
#mailBox::placeholder,
#codeBox::placeholder {
	color: #666;
	font-size: 16px;
	font-weight: 400;
	letter-spacing: -0.32px;
}
#mailBox{
	width:100%;
}
.code-bx ol{
    overflow-y: scroll;
	margin: 20px;
	height: 104px;
}
.code-bx ol li{
	color: #666;
	font-size: 15px;
	font-weight: 400;
	letter-spacing: -0.3px;
	line-height: 27px;
}
.code-bx ol::-webkit-scrollbar {
    width: 5px;
}
.code-bx ol::-webkit-scrollbar-thumb {
	border-radius: 2px;
	background: #BBB;
}
.code-bx ol::-webkit-scrollbar-track {
	border-radius: 2px;
	background: #EEE;
}
.code-agree{
	margin:30px 0;
    display: flex;
    align-items: center;
    justify-content: center;
}
.code-agree input{
	display:none;
}
.code-agree label{
	color: #262626;
	font-size: 16px;
	font-weight: 400;
	letter-spacing: -0.32px;
	padding-left:10px;
	position:relative;
	padding-left: 29px;
}
.code-agree label:after {
    content: "";
    background: url("/img/sub/icon-chk.svg") no-repeat;
    width: 24px;
    height: 24px;
    display: inline-block;
    position: absolute;
    left: 0;
    top: -2px;
}
.code-agree label.on:after{
    background: url("/img/sub/icon-chked.svg") no-repeat;
    width: 20px;
    height: 20px;
    top: 0;
	left: 2px;
}

.code-btn{
    display: flex;
    justify-content: center;
    align-items: center;
}
.code-btn .btn{
	color: #FFF;
	font-size: 16px;
	font-weight: 500;
	background: var(--color-Orange);
	border: 1px solid var(--color-Orange);
	border-radius: 5px;
	width: 200px;
	height: 42px;
	padding:10px;
	transition:0.3s;
}
.code-btn .btn:hover{
	color: var(--color-Orange);
	background: #fff;
}
@media (max-width:1024px){
	.insight .bg strong {
		font-size: 29px;
	}
	.insight .bg p {
		font-size: 17px;
	}
	.code-bx ol{
		margin:15px;
	}
	.code-bx ol li {
		font-size: 14px;
	}
	#mailBox,
	#codeBox,
	#mailBox::placeholder,
	#codeBox::placeholder {
		font-size: 15px;
	}
	.code-agree label{
	    font-size: 15px;
	}
	.code-btn .btn{
	    font-size: 15px;
	}

}
@media (max-width:768px){
	.insight .bg strong {
		font-size: 28px;
	}
	.insight .bg p {
		font-size: 16px;
	}
	.code-bx{
		flex-direction: column;
	}
	.code-bx .code-inner,
	.code-bx .code-txt {
		width:100%;
	}
}
@media (max-width:576px){
	.insight .bg strong {
		font-size: 21px;
		padding:0 10px;
	}
	.code-bx ol{
		margin:10px;
	}
	.insight .bg p {
		font-size: 15px;
	}
	#mailBox, #codeBox{
		padding: 0 15px;
	}
	.code-agree{
		margin: 20px 0;
	}
}

/* servie */
.servie .tit{
	color: #000;
	font-size: 24px;
	font-weight: 600;
	line-height: 1.6;
	display:block;
}
.servie .tit > span{
	font-weight: 400;
}
.servie .top{
    display: flex;
    align-items: center;
	margin-top:60px;
}
.servie .top .tit-bx{
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
	margin-left: 100px;
}
.servie .top .tit-bx .tit{
	font-weight: 700;
}
.servie .top .small-tit{
	color: #000;
	font-size: 16px;
	font-weight: 400;
	line-height: 1.6;
	display: inline-block;
	text-align: center;
	margin-top:10px;
}
.servie .top .main-btn{
	margin-top:30px;
	width:120px;
	height:40px;
	font-family: 'Pretendard', sans-serif;
}
@media (max-width:1200px){
	.servie .top .tit-bx{
	    margin-left: 50px;
	}
}
@media (max-width:1024px){
	.servie .tit{
		font-size: 21px;
	}
	.servie .top .small-tit {
		font-size: 15px;
	}
	.servie .top .tit-bx {
        margin-left: 20px;
    }
}
@media (max-width:768px){
	.servie .top{
	    flex-direction: column;
		margin-top: 40px;
	}
	.servie .top .tit-bx{
		margin-left:0;
		margin-top:20px;
	}
	.servie .tit {
        font-size: 20px;
    }
}
.servie--2{
	background: #F9F9F9;
}
.servie--2 .wrapper{
	display: flex;
}
.servie--2 .wrapper figure{
	flex: 1 0 515px;
}
.servie--2 .txt-bx{
    margin-left: 65px;
	display: flex;
    flex-direction: column;
    justify-content: space-between;
}
.servie--2 .txt-bx .txt{
	color: #262626;
	font-size: 18px;
	font-weight: 400;
	line-height: 1.6;
	padding-top:20px;
}
.servie--2 .txt-bx .txt:first-child{
	padding-top:0;
}
.servie--2 .txt-bx table{
	border-top:1px solid #000;
}
.servie--2 .txt-bx tr{
	border-bottom:1px solid #E0E0E0;
	height:60px;
}
.servie--2 .txt-bx tr:last-child{
	border-bottom:1px solid #000;
}
.servie--2 .txt-bx td{
	color: #262626;
	font-size: 16px;
	font-weight: 400;
	position:relative;
	padding-left:75px;
}
.servie--2 .txt-bx td:before{
	content:"";
	background:url("/img/sub/icon-check-blue.svg") no-repeat;
	width: 17px;
	height: 17px;
	position:absolute;
	top:50%;
	transform:translateY(-50%);
	left:40px;
}
.text-center{
    display: flex;
    justify-content: center;
    align-items: center;
}
.text-center .btn{
	margin-top:60px;
}

@media (max-width:1650px){
	.servie--2 .mo{
		display:none;
	}
}
@media (max-width:1200px){
	.servie--2 .txt-bx{
	    margin-left: 50px;
	}
}
@media (max-width:1024px){
	.servie--2 .txt-bx{
	    margin-left: 50px;
		flex: 1 0 52%;
	}
	.servie--2 .txt-bx .txt{
	    font-size: 17px;
	}
	.servie--2 .wrapper figure{
		flex: 1 0 41%;
	}
	.servie--2 .txt-bx td{
		font-size: 15px;
		padding-left:50px;
	}
	.servie--2 .txt-bx td:before{
		left:20px;
	}
	.text-center .btn{
		margin-top:50px;
	}
}
@media (max-width:768px){
	.servie--2 .wrapper{
		flex-direction: column;
	}
	.servie--2 .txt-bx{
	    margin-left: 0;
		flex: 1 0 100%;
	}
	.servie--2 .txt-bx .inner{
		margin: 20px 0;
	}
	.servie--2 .wrapper figure{
		flex: 1 0 100%;
	}
	.text-center .btn{
		margin-top:40px;
	}
}
@media (max-width:768px){
	.servie--2 .txt-bx .txt{
	    font-size: 16px;
	}
	.servie--2 .txt-bx td{
		font-size: 14px;
	}
	.text-center .btn{
		margin-top:30px;
	}
}

/* store */
.store{
}

.store .form-bx .tit{
	color: #262626;
	font-size: 20px;
	font-weight: 600;
	margin-bottom: 30px;
    display: block;
}
.store .form-bx .search-form{
	border-radius: 5px;
	background: #F5F5F5;
	padding: 30px;
}
.store .select-bx{
    display: flex;
    gap: 10px;
}
.store .select-inner{
	display: flex;
	gap: 30px;
}
.store .input-bx{
	width:calc(100% - 440px);
	position:relative;
}
#keyword{
	width:100%;
	color:#111;
}
#keyword::placeholder{
	color: #BBB;
}
#keyword,
#keyword::placeholder{
	font-size: 18px;
	font-weight: 400;
	letter-spacing: -0.36px;
}
#city, #county{
	color: #111;
	font-size: 18px;
	font-weight: 400;
	letter-spacing: -0.36px;
	width:200px;
	appearance: none;
	-o-appearance: none;
	-webkit-appearance: none;
	-moz-appearance: none;
	background-position: calc(100% - 30px) center;
    background-image: url("/img/sub/arrow-bottom2.svg");
    background-repeat: no-repeat;
    background-size: 20px 21px;
	background-color: #fff;
}
#city, #county, #keyword{
	border-radius: 5px;
	height:42px;
	padding: 0 30px;
	border:0;
	margin:0;
}
#city:focus,
#county:focus,
#keyword:focus {
  outline: 0;
}
.store .btn{
    position: absolute;
    right: 30px;
    top: 50%;
    transform: translateY(-50%);
	padding: 0;
}
.store .btn .icon{
	display:block;
}
.store .bottom-bx{
    margin-top: 20px;
	display: flex;
}
.store .iframe{
	order:2;
	margin-left:20px;
	width: 580px;
}

.store .result-list{
	order:1;
	width:calc(100% - 600px);
	height:635px;
	overflow-y:scroll;
}
.store .result-list::-webkit-scrollbar {
    width: 5px;
}
.store .result-list::-webkit-scrollbar-thumb {
	border-radius: 2px;
	background: #BBB;
}
.store .result-list::-webkit-scrollbar-track {
	border-radius: 2px;
	background: #EEE;
}

.store .result-list li{
	border-bottom: 1px solid #E0E0E0;
	padding: 40px 0 40px 30px;
	margin-right:25px;
}
.store .result-list li:last-child{
	border-bottom: 0;
}
.store .result-list dl dt{
	color: #000;
	font-size: 20px;
	font-weight: 600;
}
.store .result-list dl dd{
	color: #666;
	font-size: 16px;
	font-weight: 400;
	line-height: 1.6;
	margin-top:8px;
}
.store .result-list .info{
	color: #000;
	font-size: 16px;
	font-weight: 400;
	padding-top: 25px;
	gap:7px;
    display: flex;
    flex-direction: column;
}
.store .result-list .info .number{
	background:url("/img/sub/icon-call.svg") no-repeat;
	padding-left:30px;
}
.store .result-list .info .mail{
	background:url("/img/sub/icon-mail.svg") no-repeat;
	padding-left:30px;
}
@media (max-width:1024px){
	.store .form-bx .search-form{
	    padding: 20px;
	}
	.store .form-bx .tit {
		font-size: 19px;
		margin-bottom: 20px;
	}
	.store .select-inner{
		gap:20px;
	}
	.store .input-bx {
		width: calc(100% - 330px);
	}
	#city, #county, #keyword{
	    padding: 0 20px;
	}
	#city, #county{
	    font-size: 17px;
		width:150px;
		background-position: calc(100% - 20px) center;
	}
	#keyword, #keyword::placeholder{
	    font-size: 17px;
	}
	.store .bottom-bx{
		flex-direction: column;
	}
	.store .btn{
	    right: 20px;
	}
	.store .iframe {
		order: 1;
		width: 100%;
		margin: 30px 0 10px 0;
		height:400px;
	}
	.store .result-list {
		order: 2;
		width: auto;
		height: auto;
        overflow-y: auto;
	}
	.store .result-list dl dt{
		font-size: 19px;
	}
	.store .result-list dl dd {
		font-size: 15px;
	}
	.store .result-list .info {
		font-size: 15px;
		padding-top: 20px;
	}
	.store .result-list li{
	    padding: 30px 0 30px 20px;
		margin-right: 20px;
	}
}
@media (max-width:768px){
    .store .bottom-bx {
		margin-top: 0;
    }
	.store .select-inner {
		flex-direction: column;
	}
	#city, #county{
	    width: 50%;
		font-size: 16px;
		height: 37px;
	}
	.store .input-bx {
        width: 100%;
    }
	#keyword, #keyword::placeholder{
		font-size: 16px;
	}
    .store .result-list li {
        padding: 20px 0 20px 20px;
    }
	.store .result-list dl dt {
        font-size: 18px;
    }
}

/* inquiry */
.text-blue{
	color:var(--color-Blue);
}
.inquiry .txt{
	color: #262626;
	font-size: 18px;
	font-weight: 400;
	line-height: 1.6;
	margin-bottom:40px;
}
.inquiry tr{
	height: 80px;
	border-bottom: 1px solid #DBDBDB;
}
.inquiry tr:first-child{
	border-top: 1px solid #DBDBDB;
}
.inquiry th{
	color: #222;
	font-size: 18px;
	font-weight: 500;
	letter-spacing: -0.36px;
	width:260px;
	background: #F8F8F8;
	border-right: 1px solid #DBDBDB;
	padding: 0 30px;
	text-align: left;
}

.inquiry td{
	padding: 0 15px;
	display: flex;
    align-items: center;
}
.inquiry td input:not(#code), select{
	height:60px;
}
.inquiry td input, select, textarea{
	border-radius: 5px;
	border: 1px solid #DBDBDB;
	padding: 0 25px;
	margin: 10px 0;
	color: #222;
	font-size: 17px;
	font-weight: 300;
	letter-spacing: -0.34px;
}
.inquiry td input:not(#code), select, textarea{
	color: #222;
}
.inquiry td select{
	appearance: none;
    -o-appearance: none; 
    -webkit-appearance: none;
    -moz-appearance: none;
    background-position: calc(100% - 25px) center;
    background-image: url(http://sauermann.webmoa21.co.kr/img/sub/arrow-bottom2.svg);
    background-repeat: no-repeat;
    background-size: 20px 20px;
    background-color: #fff;
}
.inquiry textarea{
	height:175px;
	padding: 15px 25px;
	resize:none;
}
.inquiry .w-100{
	width: 100%;
}
.inquiry .w-200{
	max-width:200px;
	width: 100%;
}
.inquiry .w-252{
	max-width:252px;
	width: 100%;
}
.inquiry .w-395{
	max-width:395px;
	width: 100%;
}
.inquiry .w-155{
	max-width:155px;
	width: 100%;
}
.inquiry .text-top{
    vertical-align: top;
	padding-top:28px;
}
.inquiry .d-block{
	display:block;
}
.inquiry .dash{
	position:relative;
	padding-left:35px;
}
.inquiry .dash:before{
	content:"";
	background: #CCC;
	width: 15px;
	height: 1px;
	position:absolute;
	top:50%;
	left:50%;
	transform:translate(-50%, -50%);
}
.inquiry .tel-bx{
	display:flex;
}
.inquiry .mail-bx{
	display:flex;
	gap: 10px;
	width: 100%;
}
.inquiry .mail-bx .deco{
	color: #222;
	font-size: 17px;
	font-weight: 300;
	letter-spacing: -0.34px;
	display: flex;
    align-items: center;
}
.inquiry .code-area{
	display:flex;
	align-items: center;
	gap:5px;
}
.inquiry .code-area figure{
	border-radius: 5px;
	overflow:hidden;
	flex: 1 0 160px;
	max-width: 160px;
	height: 60px;
}
.inquiry .code-area figure img{
    height: 100%;
}
.inquiry .code-area #code{
	color: #999;
	height:60px;
	width: 284px;
}
.inquiry .code-area .refreshBtn{
	flex: 1 0 60px;
	max-width:60px;
	height:60px;
	border-radius: 5px;
	border: 1px solid #DBDBDB;
	background: url(http://sauermann.webmoa21.co.kr/img/sub/icon-refresh3.svg) no-repeat center;
	cursor:pointer;
}
.inquiry .privacy-txt{
	margin:10px 0;
	border-radius: 5px;
	border: 1px solid #DBDBDB;
}
.inquiry .privacy-txt p{
	margin: 25px;
	color: #666;
	font-size: 16px;
	font-weight: 400;
	line-height: 27px;
	letter-spacing: -0.32px;
	overflow-y:scroll;
	height:175px;
}
.inquiry .privacy-txt p::-webkit-scrollbar {
    width: 5px;
}
.inquiry .privacy-txt p::-webkit-scrollbar-thumb {
	border-radius: 2px;
	background: #BBB;
}
.inquiry .privacy-txt p::-webkit-scrollbar-track {
	border-radius: 2px;
	background: #EEE;
}
.inquiry .chk-bx{
	margin-bottom:10px;
	display: flex;
    align-items: center;
}
.inquiry .chk-bx label{
	color: #333;
	font-size: 14px;
	font-weight: 400;
	letter-spacing: -0.28px;
	position:relative;
	padding-left:29px;
}
.inquiry .chk-bx label:after {
    content: "";
    background: url("/img/sub/icon-chk.svg") no-repeat;
    width: 24px;
    height: 24px;
    display: inline-block;
    position: absolute;
    left: 0;
    top: -3px;
}
.inquiry .chk-bx label.on:after{
    background: url("/img/sub/icon-chked.svg") no-repeat;
    width: 20px;
    height: 20px;
    top: -1px;
	left: 2px;
}
.inquiry .chk-bx input{
    display: none;
}
.inquiry .tbl-btn{
    display: flex;
    justify-content: center;
    align-items: center;
	margin-top:60px;
}
@media (max-width:1024px){
	.inquiry th{
	    width: 200px;
		font-size: 17px;
	}
	.inquiry td input, select, textarea{
	    font-size: 16px;
	}
	.inquiry .privacy-txt p{
		font-size: 15px;
	}
	.inquiry .txt{
	    font-size: 17px;
		margin-bottom: 30px;
	}
	.inquiry .tbl-btn {
		margin-top: 50px;
	}
}
@media (max-width:768px){
	.inquiry th,
	.inquiry td {
		display:block;
		padding: 10px 0;
	}
	.inquiry th{
		width:100%;
		border-right:0;
		height:auto;
	}
	.inquiry td input:not(#txtCaptcha, .refreshBtn), select{
		height: 40px;
		margin:0;
	}
	.inquiry .text-top{
	    padding-top: 10px;
	}
	.inquiry .w-200,
	.inquiry .w-252,
	.inquiry .w-395,
	.inquiry .w-155{
		max-width: none;
	}
	.inquiry td input, select, textarea{
		padding: 0 10px;
		margin:0;
		font-size: 15px;
	}
	.inquiry td select{
	    background-position: calc(100% - 10px) center;
	}
	.inquiry textarea{
		height:100px;
		padding:10px;
	}
	.inquiry .privacy-txt p{
		margin:10px;
	}
	.inquiry .tbl-btn{
	    margin-top: 30px;
	}
	.inquiry .chk-bx{
		margin-bottom:0;
	}
	.inquiry th{
		font-size: 16px;
	}
	.inquiry .privacy-txt p{
		font-size: 14px;
	}
	.inquiry .txt{
	    font-size: 16px;
		margin-bottom: 20px;
	}
}
@media (max-width:576px){
	.inquiry .code-area #txtCaptcha{
		width: calc(100% - 230px);
	}
}

/* 250401 about us */
.sub-page.logo,
.sub-page.about,
.sub-page.profile{ 
	font-family: 'Roboto','pretendard', sans-serif;
	text-align: center; 
}
.sub-page.brand {
	font-family: 'Roboto','pretendard', sans-serif;
}
.sub-page.logo {
	padding-top: 60px;
	padding-bottom: 100px;
}
.sub-page.logo .title-box .title {
	font-size: 40px;
	font-weight: 600;
	color: #000;
}
.sub-page.logo .title-box .title .mo-br {
	display: none;
}
.sub-page.logo .title-box .text {
	margin-top: 20px;
	font-size: 30px;
	font-weight: 300;
	line-height: 1.3;
}
.sub-page.logo .title-box .text b {
	font-family: inherit;
	font-weight: 500;
}
.logo-img-area {
	display: flex;
	justify-content:center;
	gap:20px;
	margin-top: 70px;
}
.logo-img-box {
	flex: 1;
}
.logo-img-box .img-box {
	height: 200px;
}
.logo-img-box .img-box > a {
	display: flex;
	justify-content:center;
	align-items:center;
	width: 100%;
	height: 100%;
	padding: 20px 40px;
	background-color: #fff;
	box-shadow: 0 0 15px 3px rgba(170,170,170,0.15);
	border-radius:5px;
	transition: 0.3s ease-out;
}
.logo-img-box .img-box > a:hover{
	border: 1px solid rgba(0, 134, 202, 0.50);
	box-shadow: 0px 2px 10px 0px rgba(0, 0, 0, 0.10);
}
.logo-img-box p {
	margin-top: 25px;
	font-size: 17px;
	font-weight: 500;
	color: #262626;
}
.sub-page.about {
	padding: 100px 0;
	background-color: #ECF5FA;
}
.sub-page.about .text-box{
	max-width:800px;
	margin: 0 auto;
}
.sub-page.about .text-box p {
	font-size: 16px;
	font-weight: 300;
	line-height: 1.5;
	color: #262626;
}
.sub-page.about .text-box p + p {
	margin-top: 1em;
}
.sub-page.about .text-box b {
	font-weight: 600;
}
.sub-page.profile{
	padding-top: 100px;
	padding-bottom: 122px;
} 
.profile-img-area .row {
	display: flex;
	gap:20px;
}
.profile-img-area .row + .row {
	margin-top: 20px;
}
.profile-img-area .row:nth-child(even) {
	flex-direction:row-reverse;
}
.profile-img-area .row  > * {
	flex:1;
	display: flex;
	justify-content:center;
	align-items:center;
	height: 300px;
	padding: 20px;
}
.profile-img-area .row .img-box {
	background-color: #fff;
	box-shadow: 0 0 15px 3px rgba(170,170,170,0.15);
	border-radius:5px;
}
.profile-img-area .row .text {
	font-size: 17px;
	font-weight: 500;
	color: #262626;
}

@media (max-width:1024px){ 
	.sub-page.logo .title-box .title {
		font-size: 32px;
	}	
	.sub-page.logo .title-box .text {
		font-size: 22px;
	}
	.logo-img-box p { 
		font-size: 16px; 
	}
	.sub-page.about .text-box p {
		font-size: 14px;
	}
	.sub-page.about .text-box p br {
		display: none;
	}
	.profile-img-area .row + .row {
		margin-top: 40px;
	}
	.profile-img-area .row  > * {
		height: 250px;
	}
	.profile-img-area .row .text {
		height: auto;
		padding: 10px 0;
	}
}
@media (max-width:768px) {
	.sub-page.logo .title-box .title {
		font-size: 26px;
	}
	.sub-page.logo .title-box .title .mo-br {
		display: inline;
	}
	.sub-page.logo .title-box .text {
		font-size: 16px;	
	}
	.logo-img-area {
		flex-direction:column;
		gap:40px;
	}
	.logo-img-box {
		flex:1;
		width: 100%;
	}
	.profile-img-area .row,
	.profile-img-area .row:nth-child(even){ 
		flex-direction:column-reverse;
	}
	.profile-img-area .row  > * {
		flex:none;
		width: 100%;
	}
}