.sub-contents{overflow: hidden;}
.sub-contents .ab {
    position: absolute;
}


.sub-tit {margin-bottom: 40px;}
.sub-tit h3{font-size: 32px; font-weight: 600;  color: #000; }
.sub-tit p{margin-top: 32px;}
.flex-cont{display:flex; }
.flex-cont .left-cont{ width:calc(100% - 980px);}
.flex-cont .right-cont{ width:980px;}

.flex-cont.w50{gap: 30px;}
.flex-cont.w50 .left-cont,
.flex-cont.w50 .right-cont{ width:50%;}


.flex-cont .img-cont{ width: 100%; max-width: 600px; margin: 0 auto;}
.flex-cont .img-cont.w100{  max-width: 100%; }

.gbox {
    background: #F8F8F8;
}
@media screen and (max-width:1480px){
	.flex-cont{flex-direction:column;}
	.flex-cont.w50{flex-direction:row;}
	.flex-cont .left-cont{width:100%;}
	.flex-cont .right-cont{width:100%;}
}

@media screen and (max-width:1023px) {
	.flex-cont.w50{flex-direction:column;}
	.flex-cont.w50 .left-cont,
	.flex-cont.w50 .right-cont{ width:100%;}

}


@media screen and (max-width:800px) {
	.sub-tit{margin-bottom: 20px;}
	.sub-tit h3{font-size: 24px;}
	.sub-tit p{margin-top: 15px;}


}

/* 공통 타이틀 */
.content-tit {text-align: center; padding-bottom: 40px;}
.sub-menu-tit {font-size: 60px; font-weight: 700; letter-spacing: -0.01em; color: #000; line-height: 1.3; }
.sub-menu-txt {font-size: 20px; font-weight: 500; letter-spacing: -0.050em; color: #000; line-height: 1.3; padding-top: 20px;}
.sub-con-tit-box {margin-top: 30px; margin-bottom: 30px; text-align: center;}
.sub-con-tit-box.text-left{text-align: left;}
.sub-con-tit-box.mb-30 {margin-bottom: 30px; }
.sub-con-tit-box em {display: inline-block; font-size: 20px; font-weight: 700; letter-spacing: -0.050em; color: var(--mainColor); padding-bottom: 20px;}
.sub-con-tit {/*font-size: 60px;*/font-size: 42px;font-weight: 700; letter-spacing: -0.050em; color: #000000; line-height: 1.1;}
.sub-con-tit.let50 {letter-spacing: -0.050em;}
.sub-con-txt {font-size: 34px; font-weight: 700; letter-spacing: -0.050em; color: #000; line-height: 1.41; padding-top: 20px; word-break: break-all;}
.sub-con-txt02 {font-size: 30px; font-weight: 500; letter-spacing: -0.050em; color: #000; line-height: 1.33; padding-top:23px;}
.sub-con-tit-box .sub-txt {font-size: 15px; font-weight: 600; letter-spacing: -0.025em; color: #666666; padding-top:25px;}

.table-layout{display:table; width:100%; height:100%; }
.table-cell-layout{display:table-cell; width:100%; height:100%; vertical-align:middle;}

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

/* 공통 bg */
.bg-gray{background: #fcfcfc;}

@media all and (max-width:800px){
	.sub-con-tit-box{
		margin-bottom: 5rem;
	}
	.sub-menu-tit {font-size: 3.6rem;}
	.sub-con-tit {font-size: 3.6rem;}
	.sub-con-txt {font-size: 2.3rem; padding-top: 2rem; }
	.sub-con-txt02 {font-size: 2.2rem;}
}
@media all and (max-width:480px){
	.sub-menu-tit br,
	.sub-con-tit br{display: none;}

	/* .sub-con-tit-box{
		margin-bottom: 40px;
	}
	.sub-menu-tit {font-size: 26px;}
	.sub-con-tit {font-size: 26px;}
	.sub-con-txt {font-size: 18px; padding-top: 20px; }
	.sub-con-txt02 {font-size: 16px;} */

}


/*  SUB LAYOUT :: 비주얼 */
#visual{position:relative; width:100%; height:var(--sub-visual-height); }
#visual .visual-img-con{
	position:absolute; 
	top:0px; 
	left:0px; 
	width:100%;
	height:var(--sub-visual-height);
	overflow:hidden; 
}
#visual .visual-img-inner{
	width:100%; 
	height:100%; 
	
	transform: scale(1.1,1.1); 
	transition:transform 5s linear;
}
#visual .visual-txt-con{position:relative; z-index:1; text-align:center; display:table; width:100%; height:100%;}
#visual .visual-txt-container{position:relative; width:100%; /* padding-top: calc(var(--header-height) / 2); */ text-align: left;}
#visual .visual-tit,
#visual .location{
	opacity:0;
    transform: translateY(30px);
	transition:var(--transition-custom2);
	transition-property: transform, opacity;
}
#visual .visual-tit{
	font-size:70px; font-weight:700; letter-spacing: -0.025em; color: #fff;
	transition-delay:0.3s;
}
#visual .location{
	transition-delay:0.5s;
}


/* 배경 이미지 */
#visual .company .visual-img-inner {
	background:#fff url('../../images/sub/visual-company.jpg') no-repeat 50% 100%;
    background-size: cover; 
}

#visual .business .visual-img-inner {
	background:#fff url('../../images/sub/visual-company.jpg') no-repeat 50% 100%;
    background-size: cover; 
}

#visual .product .visual-img-inner {
	background:#fff url('../../images/sub/visual-company.jpg') no-repeat 50% 100%;
    background-size: cover; 
}

#visual .project .visual-img-inner {
	background:#fff url('../../images/sub/visual-company.jpg') no-repeat 50% 100%;
    background-size: cover; 
}

#visual .customer .visual-img-inner {
	background:#fff url('../../images/sub/visual-company.jpg') no-repeat 50% 100%;
    background-size: cover; 
}


/* SUB LAYOUT :: 상단효과 active */
#visual.active .visual-img-inner{
     transform: scale(1.0,1.0) rotate(0.002deg);
}
#visual.active .visual-tit,
#visual.active .location{
	opacity:1.0;
    transform: translateY(0px);
}

/* SUB LAYOUT :: 위치정보(location) */
.location{padding-top:35px;}
.location ul{display: flex; flex-wrap:wrap; align-items: center; /* justify-content: center; */}
.location li{position: relative; margin-right: 33px; font-size:16px; letter-spacing:-0.025em; color:#fff;}
.location li:last-child{margin-right: 0;}
.location li a{color:inherit;}
.location li i{font-size:16px;}
.location li:before{position: absolute; top: 50%; margin-top: -1px; left: -24px; width: 13px; height: 2px; background-color: #fff; content: "";}
.location li:first-child:before{display:none;}

/*  SUB LAYOUT :: 서브메뉴(스타일1) */
#topMenu01{position:relative; z-index: 1; margin-top: calc(-1*(var(--sub-menu-height) + 0px )); width:100%; height:calc(var(--sub-menu-height) + 0px );}
#topMenu01 .side-menu-inner{text-align:center; width:100%; height:var(--sub-menu-height); /* overflow-x: auto;  */border-top:3px solid rgba(255,255,255,0.1); background: rgba(255,255,255,0.04); -webkit-backdrop-filter: blur(10px); backdrop-filter: blur(10px);}
#topMenu01 .side-menu-inner ul{display: table; width: 100%;/* display:flex; align-items:center; justify-content:center; */}
#topMenu01 .side-menu-inner ul li{display: table-cell;/* max-width:260px; */} /* max-width 자유롭게 수정 */
#topMenu01 .side-menu-inner ul li > a{
	display:block; 
	display:table; 
	position:relative;
	width:100%;
	height:var(--sub-menu-height);
	line-height:1.2; 
	color:#fff; 
	font-size:16px; 
	letter-spacing:-0.025em; 
	font-weight:500; 
	word-break:keep-all;
	transition:var(--transition-custom);
}
#topMenu01 .side-menu-inner ul li > a:before{
	position:absolute;
	top:-3px;
	left:50%;
	width:0;
	height:3px;
	background-color:#fff;
	content:"";
	transition:var(--transition-custom);
}
#topMenu01 .side-menu-inner ul li > a > span{display:table-cell; vertical-align:middle; padding:0 25px;}
#topMenu01 .side-menu-inner ul li > a:hover:before, 
#topMenu01 .side-menu-inner ul li.on > a:before{width:100%; margin-left:-50%;}

/* SUB LAYOUT :: 서브메뉴 Fixed (공통) */
@media all and (min-width:1025px){
	.fixed-sub-menu.top-fixed .side-menu-inner{position:fixed; top:0px; left:0px; z-index:9999;}
}

/* SUB LAYOUT :: 모바일메뉴(공통)  */
#topMenuM{display:none;}

/* ****************** SUB LAYOUT ********************** */
@media all and (max-width:1600px){
	/*  SUB LAYOUT :: 비주얼 */
	#visual .visual-txt-con{padding:0 var(--area-padding); box-sizing: border-box;}
}
@media all and (max-width:1280px){
	/*  SUB LAYOUT :: 컨텐츠 레이아웃 */
    #topMenu01 .side-menu-inner ul li > a{font-size: 14px;}
    #topMenu01 .side-menu-inner ul li > a > span{padding: 0 15px;}
}
@media all and (max-width:800px){
	/*  SUB LAYOUT :: 비주얼 */
	#visual .visual-tit{/*font-size:50px;*/font-size:32px;}
	/* SUB LAYOUT :: 위치정보(location) */
	.location{padding-top:35px;}
	.location ul{display: flex; flex-wrap:wrap; align-items: center; /* justify-content: center; */}
	.location li{margin-right: 33px; font-size:16px;}
	.location li:last-child{margin-right: 0;}
	.location li i{font-size:16px;}
	.location li:before{margin-top: -1px; left: -24px; width: 13px; height: 2px;}
	/*  SUB LAYOUT ::  서브메뉴(스타일1,2,3) */
	#topMenu01,
	#topMenu02,
	#topMenu03{display:none}
	/* -------- SUB LAYOUT :: 서브메뉴 모바일 -------- */
	#topMenuM{margin-top: calc(-1*(var(--sub-menu-height) + 0px )); display:block; position:relative; z-index: 101; height:calc(var(--sub-menu-height) + 0px ); }
	#topMenuM .top-menu-wrapper{position:absolute; top:0; left:0; right:0; height:var(--sub-menu-height); }
	#topMenuM .top-menu-inner{position:relative; height:var(--sub-menu-height); border-top:3px solid rgba(255,255,255,0.1); background: rgba(255,255,255,0.04); -webkit-backdrop-filter: blur(10px); backdrop-filter: blur(10px);}
	#topMenuM .menu-location{position:relative; box-sizing:border-box; width:100%;}
	#topMenuM .menu-location > .cur-location{position:relative; display:block; width:100%; text-align:left; height: calc( var(--sub-menu-height) - 3px ); padding:0 var(--area-padding); padding-right:calc(var(--area-padding) + 30px); box-sizing:border-box;}
	#topMenuM .menu-location > .cur-location span{display:block; white-space:nowrap; overflow:hidden; text-overflow:ellipsis; line-height:var(--sub-menu-height); color:#fff; font-weight:400; font-size:15px;}
	#topMenuM .menu-location > .cur-location .arrow{position:absolute; top:50%; right:var(--area-padding); width:20px; height:20px; margin-top:-10px; font-size:20px; color: #fff;}
	#topMenuM .menu-location .location-menu-con{display:none; position:absolute; top:100%; left:-1px; right:-1px; border-bottom:1px solid #ddd; background-color:#fff; z-index:11; }
	#topMenuM .menu-location .location-menu-con li{border-top:1px solid #eee;}
	#topMenuM .menu-location .location-menu-con li a{display:flex; align-items:center; width:100%; height:35px; padding:0 var(--area-padding); font-size:14px; line-height:1.5; word-break:keep-all; box-sizing:border-box;}
	#topMenuM .menu-location .location-menu-con li.on{position:relative;}
	#topMenuM .menu-location .location-menu-con li.on a{color:var(--mainColor); font-weight:700;}
	/* Home 버튼 있을때 */
	#topMenuM .location-to-home-btn + .top-menu-inner{padding-left:var(--sub-menu-height)}
	#topMenuM .location-to-home-btn{position:absolute; width:var(--sub-menu-height); height:var(--sub-menu-height); left:0px; top:0px; text-align:center; }
	#topMenuM .location-to-home-btn i{color:var(--mainColor); font-size:20px; line-height:var(--sub-menu-height);}
	/* 2depth 있을때 */
	#topMenuM .menu-2dep{display:flex;}
	#topMenuM .menu-2dep .menu-location{width:50%; border-left:1px solid #ddd;}
	#topMenuM .menu-2dep .menu-location.loaction2{}
	#topMenuM .menu-2dep .menu-location .location-menu-con{border:1px solid #ddd; border-top:0; }
	/* Menu OPEN */
	#topMenuM .menu-location.open > .cur-location .arrow{transform:rotate(-180deg); margin-top:-10px;}

}

/* SUB LAYOUT :: 모바일메뉴(공통)  */



/* -------- 공통 :: 탭 -------- */
/* Tab 공통 스타일 */
.sub-tab-wrapper-style{position:relative;/* height:60px; */margin-bottom:80px;}
.sub-tab-list-style ul{width:100%; height:100%; display: flex; /* flex-wrap:wrap; align-items: center; */ justify-content: center;}
.sub-tab-list-style ul:after{display:none}
.sub-tab-list-style ul li{position:relative; flex: 1; /* width:100%; */ max-width: 100%; background-color:#fff; border:1px solid #e5e5e5; border-left:0;}
.sub-tab-list-style ul li:first-child{border-left:1px solid #e5e5e5;}
.sub-tab-list-style ul li a{display:table; /* height:58px; */ width:100%;padding: 15px 10px;}
.sub-tab-list-style ul li a em{display:table-cell; vertical-align:middle; color:#494949; font-size:18px; letter-spacing:-0.05em; text-align:center;}
.sub-tab-list-style ul li.selected{z-index:1; background-color:var(--mainColor); border-color: var(--mainColor);}
.sub-tab-list-style ul li.selected a em{color:#fff;}
/* Tab Fixed Move*/
.sub-tab-list-style.top-fixed{position:fixed; top:70px; left:0; width:100%; height:60px;}
/* Mobile Tab Drop Menu */
.sub-drop-open-btn-style{display:none}

.sub-tab-wrapper-style.list-css,
.sub-tab-wrapper-style.view-css{margin-bottom: 0;}
.sub-tab-wrapper-style.view-css{top: -90px;}

@media all and (min-width:1025px){
	/* Tab Fixed Background */
	.sub-tab-list-style:before{position:absolute; top:0px; bottom:0px; left:50%; width:0; content:""; background-color:#fff; border-bottom:1px solid #e5e5e5; transition:all 0.5s}
	.sub-tab-list-style.top-fixed:before{width:100%; margin-left:-50%}
}

/* -------- 공통 :: 탭 -------- */
@media all and (max-width:1280px){
	.sub-tab-wrapper-style{top: -30px;}
	.sub-tab-list-style .area{padding:0}
	/* Tab Fixed Move*/
	.sub-tab-list-style.top-fixed{top:80px;}
}
@media all and ( max-width: 800px ){
	/* Tab 공통 스타일 */
	.sub-tab-wrapper-style{top: -3rem; margin-bottom:5rem;}
	.sub-tab-list-style ul li{width:16rem;}
	.sub-tab-list-style ul li a{height:5.3rem;}
	.sub-tab-list-style ul li a em{font-size:1.7rem;}

}

.thum_cont img{
    display: block;
    margin: 0 auto;
}

.thum_cont .flex-box {
    display: flex;
    justify-content: space-between;
    align-items: center;
}

.thum_cont .flex-box > div {
    width: calc((100% - 100px) / 2);
}

.thum_cont figure {
    width: 100%;
    position: relative;
    overflow: hidden;
    /* padding-bottom: 79.27%; */
    padding-bottom: 79.27%;
    border-radius: 20px;
}

.thum_cont figure img {
    width: 100%;
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
}

.thum_cont.thum_cont_type2 figure img {
    width: auto;
    max-width: 100%;
}

.sec-title span {
    display: block;
    font-size: 18px;
    font-weight: 600;
    color: var(--mainColor);
    /* text-transform: capitalize; */
    margin-bottom: 10px;
}

.sec-title h4 {
    font-size: 50px;
    font-weight: 700;
    color: #111;
}

.sec-title h3 {font-size: 2.6rem; font-weight: 700;}

.thum_cont .sec-title p {
    font-size: 18px;
    margin-top: 10px;
    line-height: 1.6666;
}

.thum_cont .sec-title p:not(:only-child) {
    margin-top: 20px;
}

.thum_cont .example {
    margin-top: 30px;
}

.thum_cont .example h6 {
    font-size: 20px;
    font-weight: 600;
    color: #222;
    margin-bottom: 20px;
}

.thum_cont .example ul {
    display: flex;
    flex-wrap: wrap;
    gap: 20px;
}

.thum_cont .example ul li {
    /*width: calc((100% - 40px) / 3);*/
	width: calc((100% - 40px) / 2);
    /*border: 1px solid #EEE;
    border-radius: 20px;
    padding: 20px 25px;*/
}

.thum_cont .example ul li span {
    display: block;
    font-size: 14px;
    font-weight: 600;
    color: #D6D6D6;
    margin: 15px 0 5px;
}

.thum_cont .example ul li p {
    font-size: 18px;
    font-weight: 500;
    color: #333;
}

.thum_cont .example ul li img {
    width: 100%;
    border: 1px solid #EEE;
    border-radius: 20px;
}


/* 레이아웃 구조 커스텀 */
.thums .thum_cont:nth-child(2) .flex-box  .thum_img {order: 2;} 
.thums .thum_cont:nth-child(2) .flex-box  .thum_txt {text-align: right;} 

@media screen and (max-width: 1700px) {
    .sec-title span {
        font-size: 17px;
    }

    .sec-title h4 {
        font-size: 40px;
    }

}

@media screen and (max-width: 1400px) {
    .thum_cont .flex-box > div {
        width: calc((100% - 50px) / 2);
    }

}

@media screen and (max-width: 1200px) {
    .sec-title p:not(:only-child) {
        margin-top: 10px;
    }

    .sec-title h4 {
        font-size: 35px;
    }

    .thum_cont .flex-box {
        align-items: stretch;
    }

    .thum_cont .flex-box > div:first-of-type {
        width: 40%;
    }

    .thum_cont .sticky {
        position: sticky;
        top: calc(70px + 100px);
        left: 0;
    }

    .thum_cont .example h6 {
        font-size: 18px;
    }

    .thum_cont .example ul li {
        width: calc((100% - 20px) / 2);
		padding: 20px 0 0;
    }

    .thum_cont .example ul li p {
        font-size: 16px;
    }

}

@media screen and (max-width: 900px) {
    .sec-title h4 {
        font-size: 30px;
    }
	/* .thum_cont{
        margin-bottom: 50px;
    } */

    .thum_cont .flex-box {
        flex-direction: column;
        gap: 30px;
    }
    
/* 레이아웃 구조 커스텀 */
.thums .thum_cont:nth-child(2) .flex-box  .thum_img {order: 1;} 
.thums .thum_cont:nth-child(2) .flex-box  .thum_txt {order: 2; text-align: unset;} 

    .thum_cont .flex-box > div:first-of-type {
        width: 100%;
    }

    .thum_cont .flex-box > div {
        width: 100%
    }

	.thum_cont .example ul{gap: 10px;}
    
}


@media screen and (max-width:640px) {
	.thum_cont .example ul{gap: 5px;}
	.thum_cont .example ul li {
        width: calc((100% - 10px) / 2);
    }
	/* .thum_cont .example ul li{width: 100%;} */


}


.overview-top-con {display:flex; align-items:center; justify-content:center; height:720px; text-align:center; background-attachment:fixed;}
.overview-top-con .txt-box {font-size:45px; line-height:1.55;color: #fff; }
.overview-top-con .txt-box span {display:block; font-size:20px; font-weight:500;}
.overview-top-con .txt-box .tit {display:block; margin-top:40px; letter-spacing:-0.06em; font-weight:700; }

.business-con .overview-top-con.top-conTab02 {
    background:url("../../images/sub/biz_elec_tab02_overview_bg.jpg") no-repeat 25% center / auto 100%;
    background-attachment:fixed;
}

@media all and (max-width:1280px){
	.overview-top-con{background-attachment:initial; background-size:cover;}
}
@media all and (max-width:800px){
	.overview-top-con {height:auto; padding:10rem 0;}
	.overview-top-con .txt-box{font-size:3.4rem;}
}


.que {position: relative; padding: 30px 55px; cursor: pointer; font-size: 18px; border: 1px solid #e5e5e5; background: #0271c30a; }
.que span {font-size: 18px; font-weight: bold; position: relative; display: block; /* padding-left:66px; */ padding-left:0;}
.que span::before{position:absolute; top:-5px; left:0; content:'Q'; font-size: 16px;color: #fff; background:#0271c3; line-height: 40px; width: 40px; height: 40px; border-radius: 50%; text-align: center; margin-right: 25px; display: none;}
.que.on>span{ color: #0271c3; }
.anw {display: none; overflow: hidden; font-size: 16px; background-color: #fff; padding: 40px 55px; border: 1px solid #e5e5e5; border-top: 0;}
.anw span{position: relative; /* padding-left:66px; */ display:block;}
.anw span::before {position:absolute; left:0;  float:left; content: 'A';font-size: 16px;font-weight: bold;color: #666; background:#FF8000; color: #fff; width: 40px; height: 40px; line-height: 40px; border-radius: 50%; text-align: center; margin-right: 25px; display: none;}
.anw span img{display: block; margin: 0 auto 30px;}
.anw span img:last-child{margin-bottom: 0;}
.arrow-wrap {position: absolute; top: 50%; right: 40px; transform: translate(0, -50%);}
.que .arrow-top {display: none;}
.que .arrow-bottom {display: block;}
.accordion-inner.on .arrow-bottom {display: none;}
.accordion-inner.on .arrow-top {display: block; transform: rotate(-180deg); filter: brightness(100%) invert(1);}
.accordion-inner {margin-bottom: 20px;}
.accordion-inner:last-child {margin-bottom: 0;}
.accordion_cont .go-btn  {padding: 17px 30px; background: var(--theme-blue-color); color: #fff; font-size: 16px; outline: none; display: block; width: 200px; text-align: center; margin: 0 auto; margin-top: 60px;}
.accordion_cont .go-btn.mt-0{margin-top: 0;}


@media screen and (max-width:800px) {
    .que{padding:25px 38px 25px 10px;}
    .que span{font-size:15px; /* padding-left:40px; */}
    .que span::before{width:30px; height:30px; font-size:14px; line-height: 30px;}
    .arrow-wrap{right:20px;}
    .anw{padding:25px 38px 25px 10px;}
    .anw span{font-size:14px; /* padding-left:40px; */}
    .anw span::before{width:30px; height:30px; font-size:14px; line-height: 30px;}

}


/* 상단 썸네일 리스트형 */
.thum-content {width: 100%; }
.thum-content .thum-con {display: flex; flex-wrap: wrap; background: #fff; padding: 30px 0; height: 100%; -webkit-box-sizing: border-box;-moz-box-sizing: border-box; box-sizing: border-box;}
.thum-content .thum-con .thum-left-con {width: 42.2%; display: flex; flex-direction:column; justify-content: center;padding: 0 0 0 80px; -webkit-box-sizing: border-box;-moz-box-sizing: border-box; box-sizing: border-box;}
.thum-content .thum-con .thum-left-con .img {height: 440px; padding-right: 20px; -webkit-box-sizing: border-box;-moz-box-sizing: border-box; box-sizing: border-box;}
.thum-content .thum-con .thum-left-con .img img {max-width: 100%; max-height: 100%;}
.thum-content .thum-con .thum-left-con .txt-box {position: relative; padding-top: 30px;}
.thum-content .thum-con .thum-left-con .txt-box em {position: absolute;  left: 34px; top: -10px; display: inline-block; font-size: 90px; font-weight: 700; letter-spacing: -0.050em; color: rgba(0,0,0,0.05);}
.thum-content .thum-con .thum-left-con .txt-box .tit {display: block; font-size: 30px; font-weight: 700; letter-spacing: -0.050em; color: #000000;}
.thum-content .thum-con .thum-left-con .txt-box .txt {font-size: 18px; font-weight: 500; letter-spacing: -0.050em; color: #000000; line-height: 1.44; padding-top: 25px;}
.thum-content .thum-con .thum-right-con {width: 57.8%; display: flex; flex-direction: column; justify-content: center;}
.thum-content .thum-con .thum-right-con li {display: flex; align-items: center; padding: 24px 30px; -webkit-box-sizing: border-box;-moz-box-sizing: border-box; box-sizing: border-box; border-bottom: 1px solid rgba(139,139,139,0.2);}
.thum-content .thum-con .thum-right-con li:last-child {border-bottom: 0;}
.thum-content .thum-con .thum-right-con li span {position: relative; display: inline-block; width: 76px; height: 76px; border-radius: 50%; }
.thum-content .thum-con .thum-right-con li span img {position: absolute; width: 100%; height: 100%; top: 0; left: 0;}
.thum-content .thum-con .thum-right-con li dl {width: calc(100% - 76px); padding-left: 25px; -webkit-box-sizing: border-box;-moz-box-sizing: border-box; box-sizing: border-box;}
.thum-content .thum-con .thum-right-con li dl dt {font-size: 20px; font-weight: 700; letter-spacing: -0.050em; line-height: 1.375; color: #000;}
.thum-content .thum-con .thum-right-con li dl dd {font-size: 18px; font-weight: 500; letter-spacing: -0.050em; line-height: 1.66; padding-top: 5px;}

@media all and (max-width:1280px){
	.thum-content .thum-con .thum-left-con {padding: 0 10px 0 50px;}
}

@media all and (max-width:800px){


	.thum-content {flex-wrap: wrap;}
	.thum-content .thum-con {flex-wrap: wrap; padding-bottom: 0;}
	.thum-content .thum-con .thum-left-con {width: 100%; padding: 0 0 3rem;}
	.thum-content .thum-con .thum-left-con .txt-box .tit {font-size: 2.7rem;}
	.thum-content .thum-con .thum-left-con .txt-box em {font-size: 7rem; top: 0.5rem;}
	.thum-content .thum-con .thum-right-con {width: 100%;}
    .thum-content .thum-con .thum-right-con li {padding: 24px 0;}
	.thum-content .thum-con .thum-right-con li:first-child {border-top: 1px solid rgba(139,139,139,0.2);}
	.thum-content .thum-con .thum-right-con li span {    width: 6.5rem; height: 6.5rem;}
    .thum-content .thum-con .thum-right-con li dl dt{font-size: 16px;}
}	


.dot-list {
    width: 100%;
    padding-right: 20px;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
}


.dot-list .dot-txt {
    position: relative;
    padding-left: 17px;
    font-size: 15px;
    font-weight: 500;
    line-height: 1.3;
    color: #58595B;
    letter-spacing: -0.03em;
    margin-bottom: 10px;
}

.dot-list .dot-txt:last-of-type {
    margin-bottom: 0;
}

.dot-list .dot-txt:before {
    position: absolute;
    content: '';
    width: 5px;
    height: 5px;
    top: 6px;
    left: 0;
    background: #58595B;
}

.dot-list.dot-list2 .dot-txt {
    font-size: 1.7rem;
}

.bg_img {border-radius: 20px; overflow: hidden; margin: 0 auto;}