@charset "utf-8";

.red{color: indianred}

.dot > li{position:relative; padding-left:1em;}
.dot > li:before{position:absolute; left:0; top:.5em; content:''; width:4px; height:4px; background:#ddd; border-radius:50%;}

.sub_txt{text-align: center; font-size: 1.25em; line-height: 1.8em; margin-bottom: 2em;}
.sub_tit{color: #232323; font-size: 2em; margin:2em 0; position: relative;}
.sub_tit::after{content: ''; position: absolute; right: 0; width: 85%; top: 50%; transform: translateY(-50%); height: 1px; background-color: #666; display: block;}
.sub_tit.consulting_sub_tit::after{content: ''; position: absolute; right: 0; width: 71%; top: 50%; transform: translateY(-50%); height: 1px; background-color: #666; display: block;}

@media all and (max-width:480px){
    .sub_tit::after{content: ''; position: absolute; right: 0; width: 70%; top: 50%; transform: translateY(-50%); height: 1px; background-color: #666; display: block;}
}

/* table */

.tb-style .busi11_img { width: 100%; text-align: center; }

.tb-style {width:100%; margin:0 auto;}
.tb-style.tb-scroll{min-width: 920px;}

.tb-style th {border-bottom:1px solid #fff; background:#eee;  border-left:1px solid #fff;  background:#0e5ddd; color:#fff; padding:10px 0 }
.tb-style td {line-height:1.5em; font-size:0.98em; border-right:1px solid #ddd; border-bottom:1px solid #ddd; text-align:center; padding:15px; font-weight:normal; letter-spacing:-0.01em;word-break: keep-all;}
.tb-style td a.business12_bluebtn{ width: 100%; max-width: 160px; height: auto; padding: 5% 0; margin: 0 auto; border-radius: 22px; display: block; background: #ffbc1b; color: #fff; }
.tb-style td a.business12_bluebtn:hover { background: #0e5ddd; trasition: 0.1s; }
.tb-style td a img{width: 100%; max-width: 60px;}
.tb-style td .con{ max-width: 100px; margin: 0 auto;}
.tb-style td .con img{width: 100%;}
.tb-style td:last-child { border-right:none}
.tb-style td.non { border-right:1px solid #ddd; }
.tb-style td.top_border { border-top: 1px solid #ddd; }
.tb-style td.left_small { padding-left: 27px; }

.tb-style .t-left {text-align:left; padding-left:30px;}



@media all and (max-width:976px) {
	.tb-style .t-left {padding-left:10px;}
}
@media all and (max-width:920px){
    .tb-style.tb-scroll{min-width: 720px;}
    .scroll{overflow-x: scroll;}
}



/* table2 */
.tb-style2 {width:100%; margin:0 auto;}
.tb-style2 th {border-bottom:1px solid #fff; background:#eee;  border-left:1px solid #fff;  background:#0e5ddd; color:#fff; }
.tb-style2 td {font-size:0.98em; border-bottom:1px solid #ddd; text-align:left; padding:1em 1em 1em 30px; font-weight:normal; letter-spacing:-0.01em;}
.tb-style2 td:first-child {border-top:1px solid #ddd; }
.tb-style2 td.top_border { border-top: 1px solid #ddd; }
.tb-style2 td.left_small { padding-left: 27px; }
.td-sns {margin-right:10px;}
@media all and (max-width:1170px) {
	.tb-style2 td {padding:0.7em 0.7em 0.7em 20px;}
}
@media all and (max-width:976px) {
	.tb-style2 td {padding:1em 1em 1em 30px;}
	.td-sns img {width:5%}
}



/* 한자 */
.noto-jp {font-family: 'Noto Sans JP', sans-serif;}


/* table3 */
.tb-style3{width: 100%; margin: 0 auto; border-top: 1px solid #ddd; margin-bottom: 1em;}
.tb-style3 th{background: #0e5ddd; color: #fff; font-size: 1.125em;   border-left:1px solid #fff; border-bottom: 1px solid #edf3ff;}
.tb-style3 td{line-height: 2em; font-size: 1em; border-bottom: 1px solid #ddd; text-align: left; padding: 1em; letter-spacing: -0.025em;}
.tb-style3 td:first-child {border-top:1px solid #ddd; }
.tb-style3 td span{color: #0e5ddd; font-weight: 500;}
.tb-style3 td.top_border { border-top: 1px solid #ddd; }



/* 사업 */
.tab{margin-bottom: 2%;}
.tab .bd-inner{}
.tab .bd-inner ul{display: flex; justify-content: center;}
.tab .bd-inner ul li{width: 19%; margin: 0 0.5%;text-align: center;}
.tab .bd-inner ul li a{font-size: 1.25em; font-weight: 500; border: 1px solid #eaeaea; display: inline-block; width: 100%; padding: 0.75em 0;}
.tab .bd-inner ul li.on a{background-color: #2072F9; color: #fff;}
.tab .bd-inner ul li:hover a{background-color: #2072F9; color: #fff;}

.business h3 {font-size:2.3em; color:#232323;  text-align:center; padding-bottom:30px;}
.business dl { padding-bottom:3%;}
.business dl dt {font-size:1.8em; font-weight:500; color:#232323; line-height:2.3em; background:url(/images/sub/business-dot.png) no-repeat left center; padding-left:25px; }
.business dl dt span{font-size: 0.75em; font-weight: 400; color: #444;}
.business dl dd {font-size:1.2em; padding-left:28px; margin: 1em 0;}
.business dl dd .dd-tit {font-size:1.4em; color:#232323; line-height:1.8em; font-weight:500; display: inline-block; position: relative; z-index:999;} 
.business dl dd .dd-tit:before {content: "";   width: 100%;   height: 10px;    background: rgba(32,216,249 ,0.2);   position: absolute;  top: 25px;}
.business dl dd ul {}
.business ul li {position: relative; padding:5px 0 0 15px;}
.business ul li span{color: #0e5ddd}
.business ul li b{font-weight: 500; color: #000; text-decoration: underline; border-bottom: 1px solid #232323;}
.business ul li:before {content:''; width:4px; height:4px; background:#20d3f9; border-radius:50%;  position: absolute;  left:5px; top:15px; }
.business ul .li-in-dd {position: relative;  font-size:1em; line-height:1.7em;  padding-left:30px; }
.business ul .li-in-dd:before {content:''; width:5px; height:2px; background:#ddd; position: absolute;  left:20px; top:50%; }

.business12_bluebtn { width: 90%; height:50px; display: block; background: #0e5ddd; color: #fff; border-radius: 30px; margin: 0 auto; line-height: 3.2; min-width: 90px; max-width: 310px;}

.business3{ margin-top: 3em;}
.business3 p{background-color: #2072f9; color: #fff; border-radius: 20px;text-align: center; padding: 1em 0; margin-bottom: 1em; font-size: 1.125em; cursor: pointer; transition: .2s ease-in-out;}
.business3 p:hover{background-color: #20d3f9;}


.table_img img { width: 100%; max-width: 1400px; }
.table_flex { display: flex; justify-content: space-between; }
.table_flex > table.flexwrap { width: 18%; height: 120px; font-size: 16px; text-align: center; }
.business dl dd.table_flex { padding-left: 0; margin-top: 10px; }
.table_flex2 { display: flex; justify-content: space-between; }
.table_flex2 .tb-style td { height: 130px; }

@media all and (max-width:1280px) {
	.business dl dd .dd-tit:before { top: 20px;}
	.table_flex > table.flexwrap { font-size: 0.98em; }
	.business12_bluebtn { line-height: 3.5; }
}	

@media all and (max-width:976px) {
	.business dl dd .dd-tit:before { top: 18px;}
	.table_flex { height: 450px; flex-direction: column; }
	.table_flex > table.flexwrap { width: 100%; height: 80px; font-size: 0.98em; }
	.table_flex2 .tb-style td { height: 60px; }
	.table_flex2 { height: 760px; flex-direction: column; }
	dd.table_flex > table { width: 70%; min-width: 220px; }
	dd.table_flex2 > table { width: 70%; min-width: 200px; }
	.business12_bluebtn { line-height: 3.7; }
}	

@media all and (max-width:767px) {
	dd.table_flex { display: flex; justify-content: space-between; flex-wrap: wrap; }
}

@media all and (max-width:685px) {
	.business ul li:before {top:13px; }
	.business ul .li-in-dd:before {top:7px; }
}

@media all and (max-width:400px) {
	.business12_bluebtn { line-height: 4.7; }
}

@media all and (max-width:360px) {
	.table_flex { height: 380px; flex-direction: column; }
	.table_flex > table.flexwrap { height: 70px; font-size: 0.98em; }
}

.txt-line {display:inline-block; color:#232323 ; border-top:2px solid #f5f5f5;  border-bottom:2px solid #f5f5f5;  line-height:1.2em; padding:10px; margin:10px 0; }

.business_btn a {font-size:1.5em; color:#fff; font-weight:700; display:block; margin:0 auto; width:230px; height:50px; line-height:50px; background:#680edd;  text-align:center;  border-radius:50px;  }
.business_btn a:hover { background:#2073f8;  }

@media all and (max-width:685px) {
	.business_btn a {font-size:1.5em; font-weight:500;  width:160px; height:40px; line-height:40px; border-radius:40px;  }
}






/*예술인(정보) */

#profile {overflow:hidden; padding-bottom:7%; }
#profile > div {float:left; width:50%; }

#profile .proImg img {width:100%}

#profile .proInfo {padding-left:50px; }
#profile .proInfo dl {overflow:hidden; border-top: 2px solid #f5f5f5; padding:20px 0; } 
#profile .proInfo dl:first-child {border-top: 0; padding:0 0 20px 0; } 
#profile .proInfo dt {font-size:1.2em; color:#232323; font-weight:500; padding-bottom:10px;}
#profile .proInfo dt.name {font-size:2.3em; } 
#profile .proInfo dt.name span {font-size:0.8em; color:#686868;  font-weight:300; text-transform:uppercase; } 
#profile .proInfo dd.t1 {font-size:1.2em; color:#232323; font-weight:500; float:left; padding-right: 30px;}
#profile .proInfo dd span.year { padding-right: 30px;}

#profile .sns ul {overflow:hidden;  padding-top:20px;}
#profile .sns ul li {float:left; padding-right:20px; }

@media all and (max-width:976px) {
	#profile > div {width:100%; }
	#profile .proInfo {padding-left:0; padding:5% 2%; }
}


#intro h3, #artvideo h3, 
#artwork h3 {font-size:1.5em; color:#232323; padding:2% 0;  }

#intro {padding-bottom:7%;}

#artwork {padding-bottom:7%;}

#artvideo {padding-bottom:7%;}
#artvideo ul {overflow:hidden;}
#artvideo ul li {float:left; width:calc(25%  - 15px); margin-right:20px;  margin-bottom:20px;  }
#artvideo ul li:nth-child(4n) {margin-right:0;}
#artvideo ul li iframe { width:100%; height:230px; }
@media all and (max-width:1280px) {
	#artvideo ul li {float:left; width:calc(33.3333% - 13.3333px);}
	#artvideo ul li:nth-child(4n) {margin-right:20px;}
	#artvideo ul li:nth-child(3n) {margin-right:0;}
}
@media all and (max-width:976px) {
	#artvideo ul li iframe {  height:23vw; }
}
@media all and (max-width:767px) {
	#artvideo ul li {float:left; width:calc(50% - 10px);}
	#artvideo ul li:nth-child(3n) {margin-right:20px;}
	#artvideo ul li:nth-child(2n) {margin-right:0;}
	#artvideo ul li iframe {  height:30vw; }
}
@media all and (max-width:568px) {
	#artvideo ul li {float:left; width:100%; margin-right:0; }
	#artvideo ul li:nth-child(3n) {margin-right:0;}
	#artvideo ul li iframe { height:50vw; }
}

#modal{display: none;
	position: fixed; z-index: 999;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);}
#modal #closebtn{color: #fff; text-align: right; width: 100%; margin-bottom: 10px; font-size: 1.5em; cursor: pointer;}
.check{
	width: 90vw;
    max-width: 640px;
	height: 75vh;
    max-height:640px;
    overflow-y: scroll;
    background: #fff;
    padding: 1em;
}
.check_bg{display: none; position: fixed; top: 0; left: 0; background-color: rgba(0,0,0,0.6); width: 100%; height: 100%; z-index: 998;}
.check h3{text-align: center; font-size: 1.5em; color: #111;}
.check .sub_txt{font-weight: 400; margin-bottom: 15px; font-size: 1.125em; margin-top: 10px;}
.check dl{margin-bottom: 3em;}
.check dl dt{font-size: 1.25em; background: none; padding-left: 0; font-weight: 600; color: #212121; margin-bottom: 0px; background-color: #f8f8f8; border: 1px solid #eee; padding: 1rem; margin-bottom: 10px; word-break: break-all; font-family: 'Noto Sans KR', sans-serif;}	
.check dl dd{font-size: 1.1em; line-height: 1.8em; padding: 0 1rem; letter-spacing: -0.05em;}
.check .img{margin: 1em 0;}
.check img{max-width: 100%;}
.check .confirm{display: flex; align-items: center;margin-top: 1em; padding-top: 1em; border-top: 1px solid #ddd;}
.check .confirm label{margin-left: 10px; word-break: keep-all; font-size: 1.1em;}
.check .btn_box{text-align: center; margin: 2em auto 0; padding-bottom: 3em;}
.check .btn_box input{color: #fff;font-size: 1.5em;font-weight: 600;border-radius: 10px;padding: 0.5em 2em;transition: .2s;text-align: center;background-color: #ccc; border:0; margin-top:2%;background-color: #2072f9; cursor: pointer;}
.check .btn_box input:disabled{cursor: auto; background-color: #ccc;}






/*단체정보(뷰페이지) */


#G-info {width:50%;   float:right }
#G-info .G-name {border-bottom: 2px dotted #ddd; margin-bottom:10%; }
#G-info .G-name h2 {font-size:2.3em; font-weight:600; color:#232323; line-height:1.2em; background: url(/images/sub/business-dot.png) no-repeat left center; margin-bottom:20px;  padding-left:25px; }
@media all and (max-width:1170px) {
	#G-info .G-name {border-bottom: 2px dotted #ddd; margin-bottom:5%;}
}
@media all and (max-width:976px) {
	#G-info {width:100%; float:none }
	#G-info .G-name p.name-eng {display:none;}
}



#G-img {width:50%; padding-right:3%; display:inline-block }
#G-img img {width:100%; }
@media all and (max-width:976px) {
	#G-img {width:100%; display:block;   padding-right:0; padding-bottom:10%;}
}


.G-tit {font-size:1.5em; padding-bottom:20px; color:#232323; }

#G-intro {overflow:hidden; padding:7% 0;}
#G-intro > div {float:left; width:100%; }
#G-intro > div ul {}
#G-intro > div ul li.under-line {padding-bottom:.3em; margin-bottom:.7em; border-bottom:1px solid #eee; position: relative; padding-left:20px;  }
#G-intro > div ul li.under-line:before {content:''; width:4px; height:4px; border-radius:50%; background:#0e5ddd; position:absolute; left:10px; top:10px;}
@media all and (max-width:1300px) {
	#G-intro > div ul li.under-line:before {top:6px;}
}
@media all and (max-width:976px) {
	#G-intro > div {padding-right:0;}
	#G-intro .G-portfolio {padding-left:3%;}
}
@media all and (max-width:640px) {
	#G-intro > div {width:100%; }
	#G-intro .G-portfolio {padding-left:0; padding-top:7%;}
	#G-intro > div ul li.under-line {padding-left:10px;  }
	#G-intro > div ul li.under-line:before {width:3px; height:3px;left:0px; top:7px;}
}
@media all and (max-width:480px) {
	#G-intro > div ul li.under-line {padding-left:6px;  }
	#G-intro > div ul li.under-line:before {top:4px;}
}

/* 개인정보처리방침 */
.privacy h3 {font-size:2.3em; color:#232323;  text-align:center; padding-bottom:30px;}
.privacy dl { padding-bottom:3%;}
.privacy dl dt {font-size:1.8em; font-weight:500; color:#232323; line-height:2.3em; background:url(/images/sub/business-dot.png) no-repeat left center; padding-left:25px; }
.privacy dl dd {font-size:1.1em; padding-left:28px; line-height: 1.8em;}

/* 이용약관 */
.terms h3 {font-size:2.3em; color:#232323;  text-align:center; padding-bottom:30px;}
.terms dl { padding-bottom:3%;}
.terms dl dt {font-size:1.8em; font-weight:500; color:#232323; line-height:2.3em; background:url(/images/sub/business-dot.png) no-repeat left center; padding-left:25px; color: #2072F9; }
.terms dl dd {font-size:1.1em; padding-left:28px; line-height: 1.8em;}
.terms dl h4{font-size: 1.35em; color: #000; margin: 0.5em 0;}

/* 인사말 */
.center1 p{margin-top: 2em; text-align: center; font-size: 1.1em; line-height: 2.4em; padding-top: 2em;}
.center1 p strong{font-size: 1.5em; font-weight: 600; padding-bottom: 1em; color: #2072F9}
.center1 p strong{border-bottom: 4px solid; border-image-source:linear-gradient(to right, #2072F9, #5BC1FF); border-image-slice: 1;
  border-width: 4px;}
.center1 p span{padding-bottom: 0.25em; border-bottom: 1px solid #eaeaea; font-size: 1.5em;}

/* 조직 및 연락처 */
.center2 h3 {font-size:2.3em; color:#232323;  text-align:center; padding-bottom:30px;}
.center2 dl { padding-bottom:3%;}
.center2 dl dt {font-size:1.8em; font-weight:500; color:#232323; line-height:2.3em; background:url(/images/sub/business-dot.png) no-repeat left center; padding-left:25px; color: #2072F9; }
.center2 dl dd {font-size:1.1em; padding-left:28px; line-height: 1.8em;}
.center2 dl h4{font-size: 1.35em; color: #000; margin: 0.5em 0;}

.center2 table{width: 100%; border: 1px solid #eaeaea; background-color: #fff;}
.center2 table thead { background-image: linear-gradient(-32deg ,#2072F9, #5BC1FF );}
.center2 table thead th{padding: 1em 0 ; color: #fff;}
.center2 table tbody th{padding: 1em 0 ; border: 1px solid #eaeaea; font-size: 1.1em;}
.center2 table tbody td{ border: 1px solid #eaeaea; padding: 1em;}
.center2 table tbody td ul li{margin-bottom: 0.25em;}

.center3{}
.center3 .adress{margin: 2em 0; font-size: 1.25em; border-left: 6px solid #2072f9; padding-left: 1em;}
.center3 .way{ padding: 2em; border: 4px solid #eaeaea; margin-top: 5em;}
.center3 .way ul{}
.center3 .way ul li{margin: 1.5em 0; padding-left: 130px;}
.center3 .way ul li:nth-child(1){height: 100px; background: url(/images/sub/way_img1.png) no-repeat left center;}
.center3 .way ul li:nth-child(2){height: 100px; background: url(/images/sub/way_img2.png) no-repeat left center;}
.center3 .way ul li:nth-child(3){height: 100px; background: url(/images/sub/way_img3.png) no-repeat left center;}
.center3 .way ul li:nth-child(4){height: 100px; background: url(/images/sub/way_img4.png) no-repeat left center;}
.center3 .way ul li:nth-child(5){height: 100px; background: url(/images/sub/way_img5.png) no-repeat left center;}
.center3 .way ul li p{margin-bottom: 0.25em;}
.center3 .way ul li p strong{ font-size: 1.05em; color: #333}


.orgchart-wrap{
    width: 100%;
    background: url('/images/sub/center2_img1_221103.png')0 0 no-repeat;
    background-size: 100%;
}
.orgchart{
    display: flex;
    justify-content: space-around;
    flex-wrap: wrap;
    margin-top: 40px;
}
.orgchart a{
    color: #000;
    background: #fff;    
    font-weight: bold;
    transition: .3s linear;
    -webkit-transition: .3s linear;
    -moz-transition: .3s linear;
    -ms-transition: .3s linear;
    -o-transition: .3s linear;
}
.orgchart a:hover{
    background: #f1f1f1;
}
.orgchart.sc1 a{
    flex: 0 0 30%;
    display: inline-block;
    padding: 1.5em 0;
    border: 3px solid #2072F9;
}
.orgchart.sc1 a.directorate{
    margin: 0 auto;
    background: #2072F9;
    border: 3px solid #2072F9;
    color: #fff;
    font-weight: bold;
}
.orgchart.sc2{
    margin: 2em 0;
}

.orgchart_220405.orgchart { width: 50%; position: relative; left: 50%; }

.orgchart.sc2 a{
    flex: 0 0 30%;
    display: inline-block;
    padding: 1.5em 0;
    border: 3px solid #2072F9;
}
.orgchart.sc3{
    margin: 2em 0;
}
.orgchart.sc3 a{
    flex: 0 0 30%;
    display: inline-block;
    padding: 1.5em 0;
}
.orgchart.sc3 a:first-child{
    border: 3px solid #2072F9;
}
.orgchart.sc3 a:nth-child(2){
    border: 3px solid #2072F9;
}
.orgchart.sc3 a:last-child{
    border: 3px solid #2072F9;
}
.orgchart.sc3half{
    margin-top: 40px;
}
.orgchart.sc3half a{
    flex: 0 0 24.7%;
    padding: .5em 0;
    background: #999;
    color:#fff;
    cursor: unset;
}
.orgchart.sc3half a:first-child{
    margin-left: 44%;
}
.orgchart.sc3half a:last-child{
    margin-left: 6%;
}
.orgchart.sc4 {
    margin-top: 12px;
}
.orgchart.sc4 a{
    font-size: 1em;
    flex: 0 0 23%;
    display: inline-block;
    padding: 1.4em 0;
    line-height: 1.6em;
    border: 3px solid #cdcdcd;
    color: #000;
    font-weight: 400;
}
.orgchart.sc4 a.current{
    border: 3px solid#2072F9;
}
.modal.md-org{
    min-width: 800px;
}
@media all and (max-width:1400px){
    .orgchart-wrap{background: none;}
}
@media all and (max-width:800px){
	.orgchart.sc1 a{ flex: 0 0 60%; }
	.orgchart.sc2 a{ flex: 0 0 60%; }
	/* .orgchart.sc3 a{ flex: 0 0 60%;} */
	
	.orgchart_220405.orgchart a { margin-bottom: 2%; }

    .orgchart.sc4 a{flex:0 0 47%; border: 2px solid #cdcdcd; margin: 1% 1%; padding: 1.5em 0;}
    .orgchart.sc4 a.current{
    border: 2px solid #2072F9;
}
}
	@media all and (max-width:640px){ 
		.flex .img img{max-width: 100%;}
	}


/*컨설팅 신청하기 버튼*/


/* 예술로 절차도 */
.b22-proc{display: flex; justify-content: space-between; text-align: center;} 
.b22-proc li{width: 15%;}
.b22-proc li{position: relative;}
.b22-proc li + li:before{content: ''; position: absolute; left: -24%; top: 50%; transform: translateY(-50%); width: 17px; height: 23px; background:url('/images/sub/business22_arrow.png')no-repeat center;}
.b22-proc li strong{display:block; height: 50px; line-height: 50px; background-color: #0e5ddd; color: #fff; font-weight: normal;}
.b22-proc li p{display: flex; justify-content: center; align-items: center; height: 65px; border-bottom: 1px solid #ddd;}
@media all and (max-width:768px){
    .b22-proc{flex-direction: column; width: 60%; margin: 0 auto;}
    .b22-proc li{width: 100%;}
    .b22-proc li + li{margin-top: 40px;}
    .b22-proc li + li:before{left: 50%; transform:translate(-50%, 0) rotate(90deg); top:-30px; }
}

/* 워크숍 프로그램 구성 */
.b24-proc{display: flex; justify-content: space-between; text-align: center;} 
.b24-proc li{width: 45%;}
.b24-proc li{position: relative;}
.b24-proc li + li:before{content: '+'; position: absolute; left: -13%; top: 50%; transform: translateY(-50%); width: 17px; height: 23px; font-size: 40px; }
.b24-proc li strong{display:block; height: 50px; line-height: 50px; background-color: #0e5ddd; color: #fff; font-weight: normal;}
.b24-proc li p{display: flex; justify-content: center; align-items: center; height: 65px; border-bottom: 1px solid #ddd; }
@media all and (max-width:768px){
    .b24-proc{flex-direction: column; width: 100%; margin: 10px auto;}
    .b24-proc li{width: 100%;}
    .b24-proc li + li{margin-top: 40px;}
    .b24-proc li + li:before{left: 55%; transform:translate(-50%, 0) rotate(90deg); top:-35px; }
}

/* 예술로 첨부파일 */
.down.b22-down{flex-wrap: wrap; justify-content: flex-start;}
.down.b22-down > div{width: 30%; height: 150px;}
.down.b22-down > div:nth-child(3){width: 30%;}
@media all and (max-width:1400px){
    .down.b22-down{flex-direction: row; justify-content: flex-start;}
    .down.b22-down > div{width: 30% !important; margin:0 1% !important;}
}
@media all and (max-width:1110px){
    .down.b22-down > div{width: 48% !important; height: 120px;}
}
@media all and (max-width:768px){
    .down.b22-down{justify-content: center;}
    .down.b22-down > div{width: 70% !important;}
}