@charset "utf-8";


@font-face {
    font-family: 'JSArirang-Regular';
    src: url('https://cdn.jsdelivr.net/gh/projectnoonnu/noonfonts_2001@1.1/JSArirang-RegularA1.woff') format('woff');
    font-weight: normal;
    font-style: normal;
}



#sLocation { position: relative; }
#sLocation .root_daum_roughmap .wrap_map  { height: 600px !important; }
.wrap_controllers  { display: none; }
.map_border {  display: none; }

.loca-info { position: relative; width: 90%; margin: -5% auto 0; background: #fff; display: table; table-layout: fixed; z-index: 10; }
.loca-info > div { display: table-cell; vertical-align: middle; padding: 3% 4%;  }
.loca-info .tit { width: 35%; text-align: center; background: linear-gradient(160deg, #0d3f9e, #5dac27); color:#fff; font-size: 1.8rem; }
.loca-info .tit img { max-width: 60%; }
.loca-info .tit p { margin-top: 1em; }
.loca-info .cont { font-size: 1.8rem; border: 1px solid #e5e5e5; border-top:0;  }
.loca-info .cont dl dt, .loca-info .cont dl dd { display: inline-block; vertical-align: middle; margin: 0.7em 0; }
.loca-info .cont dl dt { width: 125px; color:#0d3f9e; font-weight: 700; }
.loca-info .cont dl dt i { margin-right: 0.3em; vertical-align: middle; padding: 8px; background: #0d3f9e; color:#fff; border-radius: 100%; font-size: 0.9em; }
.loca-info .cont dl dd { width: calc(100% - 125px);  }


@media all and (max-width:1080px){
	#sLocation .root_daum_roughmap .wrap_map  { height: 60vw !important; }
	/* .loca-info .cont dl dt { width: 100px; }
	.loca-info .cont dl dd { width: calc(100% - 100px);  } */
}

@media all and (max-width:800px){
	.loca-info { width: 95%; margin-top: -10%; }
	.loca-info .cont { font-size: 1.6rem; }
	.loca-info .cont dl dt { width:100px; }
	.loca-info .cont dl dd { width: calc(100% - 100px);  }
}

@media all and (max-width:640px){
	.loca-info,
	.loca-info > div { display: block; }
	.loca-info .tit { width: 100%; }
	.loca-info .tit img, .loca-info .tit p { display: inline-block; vertical-align: middle;}
	.loca-info .tit img { max-width: 22%;  }
	.loca-info .tit p { margin-top: 0; margin-left: 1em; }
	.loca-info .cont  { padding: 1.7em; }
}






#history_top { position: relative; width: 100%; overflow: hidden; background: #e4e5e5 url("/images/sub/history_top.png") no-repeat center; }
#history_top .txt { width: 50%; float: right; padding: 5% 0 0 5%; }
#history_top .txt .s_stxt { padding-right: 5%; font-size: 3.6rem; color: #fff; line-height: 1.3em; margin-top: 1em; }
#history_top .txt .en { font-size: 8.8vw; float: right; color:rgba(255,255,255,0.2); line-height: 1.0em;
																font-family: 'Montserrat'; font-weight: 900; margin-top: 0.4em; margin-bottom: -0.15em; }

@media all and (max-width:1280px) {
	#history_top { background-position: 30% center; }
}

@media all and (max-width:976px) {
	#history_top { background-size: auto 100%; }
	#history_top .txt { padding-left:0; }
	#history_top .txt .en { font-size: 10vw; }
}

@media all and (max-width:568px) {
	#history_top { padding-bottom: 35vw; background-color: #fff; background-position: 30% bottom; background-size: auto 35vw; }
	#history_top .txt  { width: 100%; padding: 0 5% 5%; }
	#history_top .txt .en { font-size: 12vw;  position: absolute; right:0; bottom:-1px; }
	#history_top .txt .s_stxt { color: #212121 }
}



#history { overflow: hidden; position: relative; }
#history::before { content: ''; width:1px; height: 100%; background: #e0ede6; position: absolute; left:50%; top:0; margin-left: -0.5px;}
#history li { overflow: hidden; position: relative; margin-top: 30px;}
#history li .txt { float: right; width: 50%; padding: 2% 0 2% 60px;}
#history li:nth-child(even) .txt { float: left; text-align: right; padding: 2% 60px 2% 0; }

#history li .txt h4 { color: #0d3f9e; font-size: 5rem; font-family: 'Noto Sans SC'; position: relative;
                            line-height: 1.0em; font-weight: normal; margin-bottom: 0.7em; letter-spacing: 0; }
#history li .txt h4::before { content:''; width: 20px; height: 20px; display: block; position: absolute; left:-60px; top:50%; margin: -10px 0 0 -10px;
                                        border-radius: 100%; background: #5d83ca; border: 6px solid #dae3f3; z-index:2;  }
#history li .txt h4::after { content:''; width: 50px; height: 1px; display: block; background: #5d83ca; z-index:1;
                                      position: absolute; left:-60px; top:50%; margin-top: -0.5px;}
#history li:nth-child(even) .txt h4::before,
#history li:nth-child(even) .txt h4::after { left: inherit; right: -60px; }
#history li:nth-child(even) .txt h4::before {margin: -10px -10px 0 0; }
#history li .txt dl { margin-bottom: 0.8em; font-size: 1.8rem; }
#history li .txt dl dt { width:60px; display:inline-block; vertical-align:top; margin-bottom:15px; color:#212121; font-weight: 600; line-height: 1.5em; }
#history li .txt dl dd {width:calc(100% - 60px); display:inline-block; vertical-align:top; margin-bottom:15px; line-height: 1.5em; }

#history li:nth-child(even) dt { float: right; }

@media all and (max-width:767px) {
  #history li .txt { padding: 2% 0 2% 40px; }
  #history li:nth-child(even) .txt { padding: 2% 40px 2% 0; }

  #history li .txt h4::after { width: 30px; }
  #history li .txt h4::before,
  #history li .txt h4::after { left: -40px; }
  #history li:nth-child(even) .txt h4::before,
  #history li:nth-child(even) .txt h4::after { right: -40px; }
}

@media all and (max-width:568px) {
  #history::before { left: 8px; margin-left:0;}
  #history li .txt h4 { font-size: 4rem; }
  #history li .txt { width: 100%; padding: 2% 0 2% 40px; }
  #history li:nth-child(even) .txt { text-align: left; padding: 2% 0 2% 40px; }
  #history li .txt h4::before { width: 16px; height: 16px; margin: -8px 0 0 0; border-width: 5px; }
  #history li:nth-child(even) .txt h4::before { margin: -8px 0 0 0; }
  #history li:nth-child(even) .txt h4::before,
  #history li:nth-child(even) .txt h4::after { right: inherit; left: -40px; }

	#history li:nth-child(even) dt { float: left; }
}





/* intro2 */
.intro2{}
.intro2 .bg{width: 100%; height: 390px; background: url(/images/sub/intro2_bg.jpg) no-repeat center center;}
.intro2 .sss-inner{padding: 70px 40px 0; margin-top: -80px; background: #fff; width: 95%; max-width: 1400px; position: relative; margin-left: auto; margin-right: auto;}
.intro2 .sss-inner .text{text-align: center;}
.intro2 .sss-inner .text h3{font-size: 7rem;  color: #212121; margin-bottom: 50px; word-break: keep-all; /*font-family: 'JSArirang-Regular'; font-weight: 300;*/}
.intro2 .sss-inner .text h3 span{color: #0d3f9e;}
.intro2 .sss-inner .text p{color: #555555; line-height: 1.9em; word-break: keep-all;}
.intro2 .sss-inner .text .img{margin: 50px 0;}
.intro2 .sss-inner .text .img img{max-width: 100%;}
.intro2 .sss-inner .flex{margin-top: 80px; display: flex; justify-content: space-between; flex-wrap: wrap;}
.intro2 .sss-inner .flex table{width: 100%; border-bottom: 2px solid #484848;}
.intro2 .sss-inner .flex table tr{}
.intro2 .sss-inner .flex table tr th{color: #222; font-weight: 500; text-align: left; padding-left: 30px; padding-top: 20px; padding-bottom: 20px; border-bottom: 1px solid #d1d1d1;}
.intro2 .sss-inner .flex table tr:first-child th{ border-top: 2px solid #0d3f9e;}
.intro2 .sss-inner .flex table tr td{ padding-left: 30px; padding-top: 20px; padding-bottom: 20px; border-bottom: 1px solid #d1d1d1;}
.intro2 .sss-inner .flex table tr:first-child td{border-top: 2px solid #484848;}



@media all and (max-width:1279px){
    .intro2 .sss-inner .flex table{width: 100%; margin-bottom: 3em;}
}
@media all and (max-width:976px){
    .intro2 .bg{height: 40vh;}
}
@media all and (max-width:780px){
    .intro2 .bg{height: 30vh;}
    .intro2 .sss-inner{padding: 10% 4% 0}
    .intro2 .sss-inner .text h3{font-size: 5.2rem;}
    .intro2 .sss-inner .text p br{display: none;}
    .intro2 .sss-inner .text .img{margin: 30px 0;}
    .intro2 .sss-inner .flex{margin-top: 50px;}
    .intro2 .sss-inner .flex table tr th{padding-top: 14px; padding-bottom: 14px; padding-left: 15px;}
    .intro2 .sss-inner .flex table tr td{padding-top: 14px; padding-bottom: 14px; padding-left: 15px;}
}
@media all and (max-width:580px){
    .intro2 .bg{height: 24vh;}
    .intro2 .sss-inner .text h3{font-size: 5rem;}
}
@media all and (max-width:480px){
    .intro2 .sss-inner .text h3{font-size: 4rem;}
}





.rnd3 .dlCont { position: relative; width: 100%; display: table; table-layout: fixed; border: 10px solid #f8f8f8; padding: 3%; }
.rnd3 .dlCont.ver2 { border: 10px solid #f0f4fa; }
.rnd3 .dlCont dt, .dlCont dd { display: table-cell; vertical-align: top; }
.rnd3 .dlCont dt { width: 20%; padding-right: 3%; font-size: 2.4rem; color:#0d3f9e ; font-weight: 800;  }
.rnd3 .dlCont dd { border-left: 1px solid #e6e9f4;  padding-left: 3%; }

.rnd3 .dlCont + .dlCont  { margin-top: 10px; }

@media all and (max-width:1280px) {
  .rnd3 .dlCont  { padding: 5% 4%; }
  .rnd3 .dlCont dt  { font-size: 2.2rem; }
}

@media all and (max-width:767px) {
  .rnd3 .dlCont,
  .rnd3 .dlCont dt, .rnd3 .dlCont dd { display: block; width: 100%; }
  .rnd3 .dlCont dt br { display: none; }
  .rnd3 .dlCont dd { border-left:0; padding-left:0; padding-top: 1em; }
}


.imgList { overflow: hidden; text-align: center; }
.imgList li { float: left; width: calc((100% - 50px) / 6); margin-left: 10px; }
.imgList li.bg {background-color:#f5f5f5}
.imgList li:first-child { margin-left:0; }
.imgList li .img { }
.imgList li img { max-width: 100%; border: 1px solid #dedede; border-bottom:0;  }
.imgList li p { font-size: 1.8rem; padding: 1em; background: #24314b; color:#fff; }
.imgList li p.t1 { font-size: 2.0rem; padding: 0.8em; background: #24314b; color:#fff; font-weight:600 }
.imgList li p.unLine { font-size: 1.6rem; line-height:1.4em; padding-bottom: 1em; border: 1px solid #dedede; background: #FFF; color:#686868 }
.imgList li p.unLine.min-h { min-height:80px; }
.imgList li:nth-child(even) p { background: #0d3f9e; }
.imgList li:nth-child(even) p.t1 { background: #0d3f9e; }
.imgList li:nth-child(even) p.unLine { background: #FFF; color:#686868 }

.imgList.col2 {width:80%}
.imgList.col2 li { width: calc((100% - 20px) / 2);  }
.imgList.col2 li { width: calc((100% - 20px) / 2); margin:5px 0 5px 10px }
.imgList.col2 li:nth-child(2n+1) {margin-left:0}
.imgList.col3 li { width: calc((100% - 20px) / 3);  }
.imgList.col32 li { width: calc((100% - 20px) / 3); margin:5px 0 5px 10px }
.imgList.col32 li:nth-child(3n+1) {margin-left:0}
.imgList.col4 li { width: calc((100% - 30px) / 4); margin:5px 0 5px 10px }
.imgList.col4 li:nth-child(4n+1) {margin-left:0}

@media all and (max-width:1350px) {
	.imgList.col4 li { width: calc((100% - 30px) / 2);  }
	.imgList.col4 li:nth-child(4n+1) { margin-left:10px; }
	.imgList.col4 li:nth-child(2n+1) { margin-left:0; }
}
@media all and (max-width:1280px) {
  .imgList.col2 {width:100%}
  .imgList li { width: calc((100% - 30px) / 4); margin-bottom: 10px; }
  .imgList li:nth-child(4n+1) { margin-left:0; }
}

@media all and (max-width:976px) {
  .imgList li { width: calc((100% - 20px) / 3); }
  .imgList.col3 li { width: calc((100% - 20px) / 2); }
  .imgList.col3 li:nth-child(3n+3) { margin-left:0; }

  .imgList.col2 li:nth-child(4)  {margin-left:10px}
  .imgList li:nth-child(4n+1) { margin-left:10px; }
  .imgList li:nth-child(3n+1) { margin-left:0; }

  .imgList.col32 li { width: calc((100% - 20px) / 2); }
  .imgList.col32 li:nth-child(3n+1) {margin-left:10px}
  .imgList.col32 li:nth-child(2n+1) { margin-left:10px; }

   .imgList.col4 li:nth-child(4)  {margin-left:10px}
}

@media all and (max-width:640px) {
  .imgList li { width: calc(50% - 5px); }
  .imgList li:nth-child(3n+1) { margin-left:10px; }
  .imgList li:nth-child(odd) { margin-left:0; }

  .imgList li:nth-child(3) p { background: #334479; }
  .imgList li:nth-child(4) p { background: #24314b; }

  .imgList li:nth-child(3) p.unLine,
  .imgList li:nth-child(4) p.unLine { background: #FFF; }

  .imgList li p.unLine.min-h { min-height:90px; }
}
@media all and (max-width:510px) {
	.imgList.col4 li { width: calc((100% - 30px) / 1);  }
	.imgList.col4 li:nth-child(2n+1) { margin-left:10px; }
}
@media all and (max-width:480px) {
	  .imgList.col2 li { width: calc((100% - 20px) / 1); margin: 5px 0 ;}
	  .imgList.col2 li:nth-child(4)  {margin-left:0}

  .imgList.col3 li { width: calc((100% - 20px) / 1); }
  .imgList.col3 li:nth-child(3n+3) { margin-left:0; }
  .imgList.col3 li:nth-child(3n+2) { margin-left:0; }

   .imgList.col32 li { width: calc((100% - 20px) / 1); }
   .imgList.col32 li:nth-child(3n+4) {margin-left:10px}
  .imgList.col32 li:nth-child(3n+3) {margin-left:10px}
  .imgList.col32 li:nth-child(3n+2) {margin-left:10px}

  .imgList li p.unLine.min-h { min-height:auto; }
}


.recruit3 .imgCont { position: relative; width: 100%;  overflow: hidden; }
.recruit3 .imgCont li { float: left; width: calc(33.33% - 35.33px); margin-left: 53px; margin-bottom: 3%; }
.recruit3 .imgCont li:first-child { margin-left:0; }
.recruit3 .imgCont li:nth-child(4) { margin-left:0; }
.recruit3 .imgCont li img { max-width: 100%; }
.recruit3 .imgCont li dl { margin-top: -55px;  }
.recruit3 .imgCont li dl dt { color:#fff; font-size: 1.25em; font-weight: 600; display: inline-block; line-height: 55px;
                        background: rgba(13,63,158,0.9); width: 45%; text-align: center;  margin-bottom: 1em;  }

@media all and (max-width:1280px) {
  .recruit3 .imgCont li { width: calc(33.33% - 28px); margin-left: 42px; }
}

@media all and (max-width:1080px) {
  .recruit3 .imgCont li { width: calc(33.33% - 20px); margin-left: 30px; }
}

@media all and (max-width:976px) {
  .recruit3 .imgCont li { width: 100%; display: table; margin: 10px 0; table-layout: fixed; }
  .recruit3 .imgCont li .img, .imgCont li dl { display: table-cell; vertical-align: middle; }
  .recruit3 .imgCont li .img { width: 40%; }
  .recruit3 .imgCont li dl { width: 60%; margin: 0; padding-left: 5%; }
  .recruit3 .imgCont li dl dt { width: auto; text-align: left; line-height: 1.3em; margin-bottom: 0.5em; }
}

@media all and (max-width:480px) {
    .recruit3 .imgCont li { display: block; }
    .recruit3 .imgCont li .img, .imgCont li dl { display: block; width: 100%; }
    .recruit3 .imgCont li dl { padding: 0; margin-top: -40px;  }
    .recruit3 .imgCont li dl dt { width: 50%; line-height: 40px; text-align: center; }
    .recruit3 .imgCont li dl dd { padding: 2% 5%; }
}




.halfCont { font-size:0; }
.halfCont > div { display: inline-block; vertical-align: middle; width: 50%; }
.halfCont .img img { max-width: 95%; }
.halfCont .txt { font-size: 1.6rem; padding: 2% 0 2% 2%; }
.halfCont.vtop > div { vertical-align: top; }

#greeting.halfCont > div.img { width: 40%; }
#greeting.halfCont > div.txt { width: 60%; }


@media all and (max-width:860px) {
  .halfCont > div  { width: 100%; }
  .halfCont .img { text-align: center; }
  .halfCont .img img { width: 500px; max-width: 90%; }
  .halfCont .txt { padding: 5% 3% 0; }

	#greeting.halfCont > div.img { width: 100%; }
	#greeting.halfCont > div.txt { width: 100%; }
}

#greeting .txt p { line-height: 1.6em; }
#greeting .txt .typo { font-size: 2.2em; font-weight: 500; color:#222; line-height: 1.25em; }
#greeting .txt p + p { margin-top: 2em; }
#greeting .txt .typo + p { margin-top: 2.5em; }
#greeting .sign { font-family: 'JSArirang-Regular'; color: #222; font-size: 2.3em; margin-left: 1%; }

@media all and (max-width:1480px) {
  #greeting .txt p br { display: none; }
  #greeting .txt .typo br { display: block; }
}

@media all and (max-width:1280px) {
  #greeting > div { vertical-align: top; }
}

@media all and (max-width:1080px) {
  #greeting .txt p + p { margin-top: 1.5em; }
  #greeting .txt .typo + p { margin-top: 2em; }
  #greeting .txt .typo { font-size: 2em; }
}








#recruit2 {text-align:center;}
#recruit2 > li {width:100%; padding:5em 0;  overflow:hidden;  position:relative; }
#recruit2 > li .cont {width:50%; height:450px; text-align:left; float:left; }
#recruit2 > li .cont dl {position:relative; top:50%;  padding:0 5em; transform:translateY(-50%)}
#recruit2 > li .cont .eng {font-weight:600; color:#004ddf; margin-bottom:4em; }
#recruit2 > li .cont dt {font-size: 3.2rem;   color: #212121;  font-family: 'Noto Sans SC';   margin-bottom: 0.7em;    letter-spacing: -0.05em;  font-weight:500 }
#recruit2 > li .cont dd {   font-size: 1.8rem;    line-height: 1.8em;}
#recruit2 > li .img {width:50%; padding-left:8%;   float:right; }
#recruit2 > li .img .spaceImg {position:relative; }
#recruit2 > li .img .spaceImg img {width:100%; text-align:center}
#recruit2 > li:nth-child(even) {padding:5em 0; border-top:10px solid #f0f4fa;  border-bottom:10px solid #f0f4fa;}
#recruit2 > li:nth-child(even) .cont {float:right; }
#recruit2 > li:nth-child(even) .img {padding-right:8%; padding-left:0;  float:left}

@media screen and (max-width:1780px){
	#recruit2 > li .cont { height:30vw;}
}
@media screen and (max-width:1280px){
	#recruit2 > li .cont dl { padding:0 3em;}
	#recruit2 > li .cont .eng {margin-bottom:2.5em; font-size: 1.4rem;}
	#recruit2 > li .cont dt {font-size: 3.0rem; }
	#recruit2 > li .cont dd {font-size: 1.6rem;    line-height: 1.6em;}

	#recruit2 > li .img { padding-left:0 }
	#recruit2 > li:nth-child(even) .img {padding-right:0}
}
@media screen and (max-width:1024px){
	#recruit2 > li {padding:3em 0; }
	#recruit2 > li .cont {width:100%; height:auto; }
	#recruit2 > li .cont dl {position:relative; top:unset;  transform:translateY(0); margin-bottom:3em;}
	#recruit2 > li .img {width:100%; padding:0 3em }
	#recruit2 > li:nth-child(even) {padding:3em 0; }
	#recruit2 > li:nth-child(even) .img {padding:0 3em }
}




#globalTop {}
#globalTop dl dt {font-size: 3.2rem;   color: #212121;  font-family: 'Noto Sans SC';   margin-bottom: 0.7em;    letter-spacing: -0.05em;  font-weight:500 }
#globalTop dl dd {   font-size: 1.8rem;    line-height: 1.8em;}

#globalMap {margin:3em 0; background:rgba(223,228,230,0.5); text-align:center}
#gMap.global1_1 {width:100%; max-width:650px; margin:0 auto}
#gMap.global1_1 img {width:100%;}
#gMap.global1_2 {width:100%; max-width:1120px; margin:0 auto}
#gMap.global1_2 img {width:100%;}
#gMap.global1_3 {width:100%; max-width:520px; margin:0 auto}
#gMap.global1_3 img {width:100%;}
#gMap.global1_4 img {width:100%;}

.imgCont2 {position:relative;}
#btn_toggle {position:absolute; right:0; top:3em; width:50px; height:50px; border-radius:60px; 
				background:#004ddf url('/images/sub/gmap-btn.png')no-repeat; background-size:cover}
.g-map {margin-top:1em;border-top:3px solid #f9f9f9; width:100%; }
.g-map iframe {width:100% !important; height:350px !important}
@media screen and (max-width:1024px){
	#btn_toggle {top:1em;}
}
@media screen and (max-width:767px){
	#btn_toggle { width:40px; height:40px;} 
}
@media screen and (max-width:580px){
	#btn_toggle {top:50vw;}
	.g-map iframe {height:280px !important}
}




#rnd3-3-step li {background:#f6f8fa; padding:10px; margin:15px 0; text-align:center}
#rnd3-3-step li img {margin-bottom:10px; width:100%; max-width:538px}
#rnd3-3-step li img.w747  {width:100%; max-width:747px}
#rnd3-3-step li dl {display:table; width:100%;  border:1px dashed #e9e9e9}
#rnd3-3-step li dl dt,
#rnd3-3-step li dl dd {display:table-cell; vertical-align: middle; padding: 0.7em 0 ; }
#rnd3-3-step li dl dt { width:150px; background:#24314b; color:#FFF; font-family:'Montserrat'; font-weight:600;  font-size:1.6rem}
#rnd3-3-step li dl dd {width:calc(100% - 150px); padding-left:20px; background:#FFF; text-align:left;  font-size:1.8rem}
#rnd3-3-step li:nth-child(even) dl dt  { background:#0d3f9e;}


@media all and (max-width:860px) {
	#rnd3-3-step li { padding:5px;  margin:7px 0; }
	#rnd3-3-step li dl dt { width:100px;}
	#rnd3-3-step li dl dd {width:calc(100% - 100px);  padding-left:10px;}
}

@media all and (max-width:480px) {
	#rnd3-3-step li dl dt, 
	#rnd3-3-step li dl dd {width:100%; text-align:center; display:block }
}





#intro4 {height:480px; background-position:center; background-repeat:no-repeat; background-size:cover }
#intro4 .s-inner {display:table; height:100%}
#intro4 .s-inner .in-box {display:table-cell; vertical-align:middle}
#intro4 h3 {margin-bottom:1em; font-size:2.2rem; color:#FFF}
#intro4 .cont {text-align:center}
#intro4 .cont .t1 {font-size: 7rem; font-weight: 300; color: #FFF; margin-bottom: 50px; word-break: keep-all; font-family: 'JSArirang-Regular';}
#intro4.intro4-1 {background-image:url('/images/sub/intro4-1-bg.png')}
#intro4.intro4-2 {background-image:url('/images/sub/intro4-2-bg.png')}

@media all and (max-width:976px) {
	#intro4 {height:auto; padding:5em 0}
}
@media all and (max-width:580px) {
	#intro4 .cont .t1 {font-size: 5.5rem;}
}
@media all and (max-width:380px) {
	#intro4 .cont .t1 {font-size: 5.0rem;}
}

.intro4-circle {overflow:hidden}
.intro4-circle li {display:inline-block; margin-left:-40px; color:#FFF; border-radius:100px; padding:3em 4em}
.intro4-circle li p {font-size:3.5rem; font-weight:500}
.intro4-circle li:nth-child(1) {margin-left:0; background:rgba(13,136,158,0.85)}
.intro4-circle li:nth-child(2) {background:rgba(19,86,169,0.85)}
.intro4-circle li:nth-child(3) {background:rgba(56,22,169,0.85)}
@media all and (max-width:840px) {
	.intro4-circle li { padding:2em 3em}
	.intro4-circle li p {font-size:2.5rem;}
}
@media all and (max-width:580px) {
	.intro4-circle li { width:35vw; height:35vw; line-height:35vw;margin-bottom:-40px; margin-left:-20px; padding:0}
	.intro4-circle li:nth-child(3) {margin-left:0; margin-bottom:0; }
	.intro4-circle li p {font-size:5vw}
}


#intro4-3 {padding-top:5em}
#intro4-3 .s-inner {display:table; height:100%}
#intro4-3 .s-inner .in-box {display:table-cell; vertical-align:middle}
#intro4-3 h3 {margin-bottom:1em; font-size:2.2rem; color:#222}
#intro4-3 .cont {text-align:center}
#intro4-3 .cont .img {padding:2em 0; max-width:976px; margin:0 auto; background:url('/images/sub/intro4-3-bg.png'); border:1px solid #f9f9f9}
#intro4-3 .cont .img-2 {margin:3em 0 2em}
#intro4-3 .cont .img-2 img {width:100%; max-width:706px}
#intro4-3 .cont .t1 {margin-top:1em; font-size:2.5rem; line-height:1.5em; color:#222}

.color-box {display:flex; justify-content:center; flex-wrap:wrap; align-items: top; }
.color-box li {margin:10px 40px }
.color-box li .t2 {font-family:'Montserrat';  font-weight:500; color:#FFF;  padding:3em 1em 1em 6em; text-align:right}
.color-box li .st1 {font-size:2.0rem; margin-top:1em; line-height:1.4em}
.color-box li .bg1 {background:#d6004a}
.color-box li .bg2 {background:#023b92}
.color-box li .bg3 {background:#74b845}

@media all and (max-width:606px) {
	#intro4-3 .cont .t1 br {display:none}
}
@media all and (max-width:1140px) {
	.color-box li { margin:10px 25px ; }
	.color-box li .t2 {  padding:2em 1em 1em 0; }
}






#business4-1 {margin-top:5em; text-align:center}
#business4-1  img {width:100%; max-width:1268px}

#stepList { display:flex; justify-content:center; flex-wrap:wrap; align-items: top; }
#stepList > div {  width: calc(25% - 37.5px);  margin-left: 50px; margin-bottom: 50px; vertical-align: top; background:#f6f6f6;
                 box-sizing: border-box;  position: relative;  border-bottom:2px solid #222; text-align:center }
#stepList > div:nth-child(4n + 1) {margin-left:0}
#stepList > div::before { content:''; width: 40px; height: 40px; border-radius: 100%; position: absolute; left: -45px; top:50%; margin-top: -40px;
                               background: #fff url("/images/sub/step-arrow_next.png") no-repeat center top; box-shadow: 3px 3px 3px rgba(0,0,0,0.1);
                               background-size: 100% auto; }
#stepList > div:nth-child(4n + 1)::before { display: none; }
#stepList > div img {width:100%; max-width:257px;}
#stepList.imgw100 > div img { max-width:333px; width:96%; padding:3% 2%;}
#stepList > div dl {padding: 1.2em 0.8em 0.8em; position:relative; background:#FFF}
#stepList > div dl .num { font-family:'Montserrat'; font-weight:200; font-size:4.0rem; color:#0d3f9e; position:absolute; bottom:5px; right:0.2em; }
#stepList > div dl dt {margin-bottom:0.3em; font-size:2.2rem;  color: #222; font-weight:500; text-align:left}
@media all and (max-width:1024px) {
	#stepList > div {  width: calc(33.333% - 33.3333px);  }
	#stepList > div:nth-child(4n + 1)::before { display: block; }
	#stepList > div:nth-child(3n + 1)::before { display: none; }
	#stepList > div:nth-child(4n + 1) {margin-left:50px}
	#stepList > div:nth-child(3n + 1) {margin-left:0}
}
@media all and (max-width:767px) {
	#stepList > div {  width: calc(50% - 15px); margin-left: 30px; margin-bottom: 30px;  }
	#stepList > div::before { width: 36px; height: 36px; left: -33px; }
	#stepList > div:nth-child(3n + 1)::before { display: block; }
	#stepList > div:nth-child(2n + 1)::before { display: none; }
	#stepList > div:nth-child(4n + 1) {margin-left:30px}
	#stepList > div:nth-child(3n + 1) {margin-left:30px}
	#stepList > div:nth-child(2n + 1) {margin-left:0}

	#stepList > div dl .num { font-size:3.0rem;}
}



#rnd3_4 img {width:100%; max-width:758px }






#topWrap  {}
#topWrap #img  {position:relative; margin:0 auto}
#topWrap #img a {position:absolute;  }
#topWrap a p {width:32px;  height:32px; border-radius:45px; background:#0d3f9e; border:9px solid #9efffc; 
					animation:blink-effect 1s  infinite; font-size:0 }
@keyframes blink-effect {
  40% { opacity: .5;  }
  70% { opacity: 1;  }
}

#topWrap #img img {width:100%}

#topWrap .topwrap-b1 {width:100%; max-width:795px;}
#topWrap .topwrap-b2 {width:100%; max-width:1600px;}
#topWrap .topwrap-b3 {width:100%; max-width:450px;}

#topWrap .business1_1_1 .xywh1 { left:45%; top:7%;  }
#topWrap .business1_1_1 .xywh2 {left:35%; top:50% }
#topWrap .business1_1_1 .xywh3 { left:45%;bottom:7% }
#topWrap .business1_1_1 .xywh4 { right:45%; top:30%}
#topWrap .business1_1_1 .xywh5 { right:45%; top:50% }
#topWrap .business1_1_1 .xywh6 { right:52%; bottom:38% }

#topWrap .business1_1_2 .xywh1 { left:41%; top:10%;  }
#topWrap .business1_1_2 .xywh2 { left:32%; top:69% }
#topWrap .business1_1_2 .xywh3 { left:39%;bottom:8% }
#topWrap .business1_1_2 .xywh4 { right:40%; top:48%}
#topWrap .business1_1_2 .xywh5 { right:40%; top:78% }

#topWrap .business1_2 .xywh1 { left:11%; top:22%;  }
#topWrap .business1_2 .xywh2 { left:11%; top:50% }
#topWrap .business1_2 .xywh3 { left:11%; top:65% }
#topWrap .business1_2 .xywh4 { right:20%; bottom:30%}
#topWrap .business1_2 .xywh5 { right:48%; bottom:9% }

#topWrap .business2_1 .xywh1 { left:42%; top:25%;  }
#topWrap .business2_1 .xywh2 { left:42%; top:35% }
#topWrap .business2_1 .xywh3 { right:43%; top:25% }
#topWrap .business2_1 .xywh4 { right:43%; top:35%}

#topWrap .business2_2 .xywh1 { left:30%; top:20%;  }
#topWrap .business2_2 .xywh2 { left:49%; top:24% }
#topWrap .business2_2 .xywh3 { left:37%; top:20% }
#topWrap .business2_2 .xywh4 { right:34%; top:42%}
#topWrap .business2_2 .xywh5 { left:49%; bottom:40% }

#topWrap .business2_3 .xywh1 { left:50%; top:55%;  }
#topWrap .business2_3 .xywh2 { left:50%; top:40% }

#topWrap .business2_4 .xywh1 { right:34%; bottom:6%;  }
#topWrap .business2_4 .xywh2 { right:28%; bottom:17% }
#topWrap .business2_4 .xywh3 { right:22%; top:34% }
#topWrap .business2_4 .xywh4 { right:38%; top:13%}
#topWrap .business2_4 .xywh5 { right:27%; top:23% }

#topWrap .business6_1 .xywh1 { left:60%; bottom:4%;  }
#topWrap .business6_2 .xywh1 { right:16%; bottom:0%;  }
#topWrap .business6_3 .xywh1 { left:50%; transform: translateX(-50%); bottom:5%;  }
#topWrap .business6_3 .xywh2 { left:35%; transform: translateX(-50%); bottom:5%;  }
#topWrap .business6_3 .xywh3 { left:65%; transform: translateX(-50%); bottom:5%;  }

@media all and (max-width:710px) {
	#topWrap a p {width:28px;  height:28px;  border:7px solid #9efffc;  }
}
@media all and (max-width:640px) {
	#topWrap a p {width:4vw;  height:4vw;  border:5px solid #9efffc;  }
}




#topWrap .global a p {border:0; animation:blink-effect 1s  infinite; font-size:0 ; border-radius:0; background:transparent;}
#topWrap .global1_1 a.xywh1 p {width:300px}
#topWrap .global1_1 a.xywh2 p, 
#topWrap .global1_1 a.xywh3 p {width:200px}

#topWrap .global1_2 a.xywh1 p,
#topWrap .global1_2 a.xywh2 p,
#topWrap .global1_2 a.xywh3 p {width:250px}
#topWrap .global1_2 a.xywh4 p,
#topWrap .global1_2 a.xywh5 p,
#topWrap .global1_2 a.xywh6 p, 
#topWrap .global1_2 a.xywh7 p,
#topWrap .global1_2 a.xywh8 p,
#topWrap .global1_2 a.xywh9 p,
#topWrap .global1_2 a.xywh10 p {width:220px}

#topWrap .global1_3 a.xywh1 p,
#topWrap .global1_3 a.xywh2 p {width:200px}



#topWrap .global.global1_1 .xywh1 { left:54%; top:36.5%;  }
#topWrap .global.global1_1 .xywh2 { left:54%; top:41%;  }
#topWrap .global.global1_1 .xywh3 {left:54%; top:45.5%;  }

#topWrap .global.global1_2 .xywh1 { left:25%; top:27%;  }
#topWrap .global.global1_2 .xywh2 { left:25%; top:34%;  }
#topWrap .global.global1_2 .xywh3 { left:25%; top:40%;  }
#topWrap .global.global1_2 .xywh4 { left:25%; top:51%;  }
#topWrap .global.global1_2 .xywh5 { left:25%; top:58%;  }
#topWrap .global.global1_2 .xywh6 { left:49%; top:53%;  }
#topWrap .global.global1_2 .xywh7 { left:54%; top:63%;  }
#topWrap .global.global1_2 .xywh8 { right:2%; top:32%;  }
#topWrap .global.global1_2 .xywh9 { right:2%; top:39.5%;  }
#topWrap .global.global1_2 .xywh10 { right:2%; top:53%;  }


#topWrap .global.global1_3 .xywh1 { right:0; top:16%;  }
#topWrap .global.global1_3 .xywh2 { right:0; top:45%;  }





@media all and (max-width:1240px) {
	#topWrap .global1_2 a.xywh1 p,
	#topWrap .global1_2 a.xywh2 p,
	#topWrap .global1_2 a.xywh3 p {width:19vw; height:3vw}
	#topWrap .global1_2 a.xywh4 p,
	#topWrap .global1_2 a.xywh5 p,
	#topWrap .global1_2 a.xywh6 p, 
	#topWrap .global1_2 a.xywh7 p,
	#topWrap .global1_2 a.xywh8 p,
	#topWrap .global1_2 a.xywh9 p,
	#topWrap .global1_2 a.xywh10 p {width:17vw; height:3vw}
}
@media all and (max-width:780px) {
	#topWrap .global1_1 a.xywh1 p {width:42vw}
	#topWrap .global1_1 a.xywh2 p, 
	#topWrap .global1_1 a.xywh3 p {width:28vw}
}
@media all and (max-width:630px) {
	#topWrap .global1_3 a.xywh1 p,
	#topWrap .global1_3 a.xywh2 p {width:32vw; height:5vw; }
}




.modalWarp {display:none;
			width: 100%; height: 100%; position: fixed; top: 0;  left: 0;  z-index:151; background:rgba(0,0,0,0.5)}
.in-wrap { width:90%; max-width:500px; position:relative; top:50%;  transform:translateY(-50%); margin:0 auto; border-radius:10px; background: #fff; text-align:left; letter-spacing:-0.5px;
			box-shadow:0 0 10px rgba(0,0,0,0.1); overflow:hidden }

.in-wrap .close {position:absolute; right:0; top:0}
.in-wrap .btn-close { width:40px; height:40px; background:#222; line-height:40px;  font-size:24px; display:block; text-align:center;  color: #FFF; }

.in-wrap .content { padding: 8% 8% 5%; text-align:center}
.in-wrap .content dl dt {margin-top:1em; font-size:2.4rem; color:#222; font-weight:700;  font-family:'Noto Sans SC'; color:#FFF; padding:0.3em 0;  background:#0d3f9e ; border-radius:50px }
.in-wrap .content dl img {width:100%;}



#global1_4 {display:flex; justify-content:center; flex-wrap:wrap; align-items: center; }
#global1_4 li {margin-left:5em; padding-left: 5em; border-left:1px dashed #dee4ee; text-align:center}
#global1_4 li:first-child {margin-left:0; padding-left: 0; border-left:0}
#global1_4 li img {max-width:60px}
#global1_4 li .num {margin-top:0.3em; font-size:6.0rem; color:#0d3f9e; font-family: 'Noto Sans SC'; font-weight:700}
#global1_4 li .t1 {font-size:2.0rem; color:#222; font-family: 'Noto Sans SC'; font-weight:500}
@media all and (max-width:640px) {
	#global1_4 li {margin-left:3em; padding-left:3em;}
	#global1_4 li img {max-width:45px}
	#global1_4 li .num { font-size:4.0rem; }
	#global1_4 li .t1 {font-size:1.8rem; }
}
@media all and (max-width:430px) {
	#global1_4 li {margin-left:2em; padding-left:2em;}
}
@media all and (max-width:380px) {
	#global1_4 li img {max-width:40px}
	#global1_4 li .num { font-size:3.5rem; }
	#global1_4 li .t1 {font-size:1.6rem; }
}

.graph-wrap-box{position: relative; border:10px solid #f8f8f8;}
.center-tit{padding:50px 0 15px; text-align: center; font-size: 3.5rem; font-weight: 700; color: #222;}
.center-tit span{font-size: 2.0rem; font-weight: normal;}
.graph-wrap-box .caption{position: absolute; right: 6%; display: flex; gap: 10px;}
.graph-wrap-box .caption li:before{content: ''; display: inline-block; vertical-align: middle; width: 10px; height: 10px; background-color: #023b92; margin-right: 3px;}
.graph-wrap-box .caption li:nth-child(2):before{background-color: #d6004a;}
.graph-wrap-box .caption li:nth-child(3)::before{background-color: #74b845;}
.graph-wrap{text-align: center; padding: 5% 5% 10%;}
/* .graph-wrap{text-align: center; padding: 5%} */

.graph-wrap .graph-box{position: relative;}
.graph-wrap .graph-box:before{content: '2022年'; position: absolute; left: 50%; transform: translateX(-50%); bottom: -40px; font-size: 2.0rem; font-weight: bold; color: #333;}
.graph-wrap .graph-box:nth-child(2):before{content: '2023年';}
.graph-wrap .graph-box:nth-child(3):before{content: '2024年';}


.graph-wrap .graph-box-bg{display: inline-flex; justify-content: space-between; align-items: flex-end; padding-left:115px; padding-right: 5%; height:530px; padding-bottom: 10px; width:100%; max-width:1388px; gap: 15%; background:url('/images/sub/irpage-graph-bg1_250325.png')no-repeat; background-position: left; background: cover;}
.graph-wrap .graph{display: flex; gap: 20px; align-items: flex-end;}
.graph-wrap .graph .bar{position: relative; width: 60px; background: #023b92; transform-origin: bottom; transform: scaleY(0); }
.graph-wrap .graph .bar2{width: 40px;}
.graph-wrap .graph .bar.b{background:#d6004a}
.graph-wrap .graph .bar.c{background:#74b845}
.graph-wrap .graph .bar:before{content: attr(data-bar); position: absolute; left: 50%; transform: translateX(-50%); bottom: 103%; font-weight: bold; color: #000;}
.graph-wrap .graph.y21 .bar.a{height: 312px;}
.graph-wrap .graph.y21 .bar.b{height: 240px;}
.graph-wrap .graph.y21 .bar.c{height: 71px;}
.graph-wrap .graph.y22 .bar.a{height: 324px;}
.graph-wrap .graph.y22 .bar.b{height: 246px;}
.graph-wrap .graph.y22 .bar.c{height: 77px;}
.graph-wrap .graph.y23 .bar.a{height: 375px;}
.graph-wrap .graph.y23 .bar.b{height: 281px;}
.graph-wrap .graph.y23 .bar.c{height: 94px;}
.graph-wrap .graph.y24 .bar.a{height: 460px;}
.graph-wrap .graph.y24 .bar.b{height: 261px;}
.graph-wrap .graph.y24 .bar.c{height: 174px;}

.maech_wrap{display:flex; justify-content: space-between; flex-wrap:wrap;}
.maech_wrap > div{width: 33%;}

#maech.graph-wrap-box .graph-wrap .graph-box-bg{justify-content: space-around; padding-left: 25%; padding-right: 10%; gap: 5%; height: 332px; background:url('/images/sub/irpage-graph-bg1-2_250325.png') no-repeat left bottom;}
/* #maech.graph-wrap-box .graph-wrap .graph-box-bg{justify-content: space-around; padding-left: 15%; padding-right: 10%; gap: 5%; height: 332px; background:url('/images/sub/irpage-graph-bg1-2.png')no-repeat;} */
#maech.graph-wrap-box .graph-wrap .graph.y21 .bar{height: 60px; background-color: #d6004a;}
#maech.graph-wrap-box .graph-wrap .graph.y22 .bar{height: 230px; background-color: #74b845;}
#maech.graph-wrap-box .graph-wrap .graph.y23 .bar{height: 250px; background-color: #023b92;}
/* #maech.graph-wrap-box .graph-wrap .graph.y20 .bar{height: 185px; background-color: #023b92;}
#maech.graph-wrap-box .graph-wrap .graph.y21 .bar{height: 195px; background-color: #d6004a;}
#maech.graph-wrap-box .graph-wrap .graph.y22 .bar{height: 245px; background-color: #74b845;}
#maech.graph-wrap-box .graph-wrap .graph.y23 .bar{height: 260px; background-color: #023b92;} */

#maech2.graph-wrap-box .graph-wrap .graph-box-bg{justify-content: space-around; padding-left: 25%; padding-right: 10%; gap: 5%; height: 375px; background:url('/images/sub/irpage-graph-bg1-3_240411.png') no-repeat left bottom;}
#maech2.graph-wrap-box .graph-wrap .graph.y21 .bar{height: 161px; background-color: #d6004a;}
#maech2.graph-wrap-box .graph-wrap .graph.y22 .bar{height: 293px; background-color: #74b845;}
#maech2.graph-wrap-box .graph-wrap .graph.y23 .bar{height: 266px; background-color: #023b92;}

#maech3.graph-wrap-box .graph-wrap .graph-box-bg{justify-content: space-around; padding-left: 25%; padding-right: 10%; gap: 5%; height: 375px; background:url('/images/sub/irpage-graph-bg1-4_240411.png') no-repeat left bottom;}
#maech3.graph-wrap-box .graph-wrap .graph.y21 .bar{height: 82px; background-color: #d6004a;}
#maech3.graph-wrap-box .graph-wrap .graph.y22 .bar{height: 305px; background-color: #74b845;}
#maech3.graph-wrap-box .graph-wrap .graph.y23 .bar{height: 275px; background-color: #023b92;}
/* #maech3.graph-wrap-box .graph-wrap .graph.y21 .bar{height: 58px; background-color: #d6004a;}
#maech3.graph-wrap-box .graph-wrap .graph.y22 .bar{height: 52px; background-color: #74b845;}
#maech3.graph-wrap-box .graph-wrap .graph.y23 .bar{height: 220px; background-color: #023b92;} */



.graph-wrap-box.active .graph-wrap .graph .bar{animation:bar-anim 1s forwards ease;}
@keyframes bar-anim{
    0%{transform: scaleY(0);}
    100%{transform: scaleY(100%);}
}


@media all and (max-width:1399px){
    .graph-wrap .graph-box-bg{gap: 10%;}
}
@media all and (max-width:1200px){
    .graph-wrap .graph{gap: 10px;}   
    .graph-wrap .graph .bar{width: 50px;}

    .graph-wrap {padding: 5% 5% 15%;}
    #maech.graph-wrap-box .graph-wrap .graph-box-bg {padding-left: 32%; gap: 14%;}
    #maech2.graph-wrap-box .graph-wrap .graph-box-bg {padding-left: 32%; gap: 14%;}
    #maech3.graph-wrap-box .graph-wrap .graph-box-bg {padding-left: 32%; gap: 14%;}
    .graph-wrap .graph-box:before {font-size: 1.6rem;}
}
@media all and (max-width:976px){
    .graph-wrap{padding-bottom: 60px;}
    .graph-wrap .graph-box-bg{padding-left: 80px;}
    #maech .graph-wrap .graph-box-bg{background:url('/images/sub/irpage-graph-bg1-2.png')no-repeat;}
    #maech2 .graph-wrap .graph-box-bg{background:url('/images/sub/irpage-graph-bg1-3.png')no-repeat;}
    #maech3 .graph-wrap .graph-box-bg{background:url('/images/sub/irpage-graph-bg1-4.png')no-repeat;}
    .graph-wrap .graph{gap: 5px;}   
    .graph-wrap .graph .bar{width: 45px;}

    .maech_wrap > div{width: 100%; margin-top: 10px;}
    .graph-wrap {padding: 5% 5% 15%;}
}
@media all and (max-width:768px){
    .graph-wrap .graph .bar{width: 40px;}
}
@media all and (max-width:680px){
    .graph-wrap .graph .bar{width: 35px;}
}
@media all and (max-width:600px){
    .center-tit{font-size: 2.5rem; padding: 25px 10px;}
    .graph-wrap-box .caption{top: 80px;}
    .graph-wrap .graph-box:before{font-size: 1.5rem;}
    .graph-wrap .graph-box-bg{background:url('/images/sub/irpage-graph-bg3_250325.png')no-repeat; padding-left: 70px; padding-bottom: 9px; height: 383px; gap:5%;}
    #maech.graph-wrap-box .graph-wrap .graph-box-bg{background:url('/images/sub/irpage-graph-bg1-2_250325.png')no-repeat; padding-bottom: 10px; background-size: auto 100%; height: 332px; padding-left: 80px;}
    #maech2.graph-wrap-box .graph-wrap .graph-box-bg{background:url('/images/sub/irpage-graph-bg1-3.png')no-repeat; padding-bottom: 9px; background-size: auto 100%; height: 250px; padding-left: 80px;}
    #maech3.graph-wrap-box .graph-wrap .graph-box-bg{background:url('/images/sub/irpage-graph-bg1-4.png')no-repeat; padding-bottom: 11px; background-size: auto 100%; height: 185px; padding-left: 80px;}
    .graph-wrap .graph{gap:2px;}
    .graph-wrap .graph .bar{width: 30px;}
    .graph-wrap .graph.y21 .bar.a{height: 222px;}
    .graph-wrap .graph.y21 .bar.b{height: 172px;}
    .graph-wrap .graph.y21 .bar.c{height: 48px;}
    .graph-wrap .graph.y22 .bar.a{height: 228px;}
    .graph-wrap .graph.y22 .bar.b{height: 176px;}
    .graph-wrap .graph.y22 .bar.c{height: 52px;}
    .graph-wrap .graph.y23 .bar.a{height: 265px;}
    .graph-wrap .graph.y23 .bar.b{height: 203px;}
    .graph-wrap .graph.y23 .bar.c{height: 67px;}
    .graph-wrap .graph.y24 .bar.a{height: 325px;}
    .graph-wrap .graph.y24 .bar.b{height: 193px;}
    .graph-wrap .graph.y24 .bar.c{height: 130px;}
    .graph-wrap .graph .bar:before{font-size: 1.2rem;}

    #maech.graph-wrap-box .graph-wrap .graph.y21 .bar{height: 60px;}
    #maech.graph-wrap-box .graph-wrap .graph.y22 .bar{height: 220px;}
    #maech.graph-wrap-box .graph-wrap .graph.y23 .bar{height: 250px;}

    #maech2.graph-wrap-box .graph-wrap .graph.y21 .bar{height: 74px;}
    #maech2.graph-wrap-box .graph-wrap .graph.y22 .bar{height: 200px;}
    #maech2.graph-wrap-box .graph-wrap .graph.y23 .bar{height: 180px;}

    #maech3.graph-wrap-box .graph-wrap .graph.y21 .bar{height: 39px;}
    #maech3.graph-wrap-box .graph-wrap .graph.y22 .bar{height: 147px;}
    #maech3.graph-wrap-box .graph-wrap .graph.y23 .bar{height: 129px;}
}
@media all and (max-width:480px){
    .graph-wrap .graph-box-bg{padding-left: 60px;}
    #jaemu .graph-wrap .graph .bar{width: 25px;}
}
@media all and (max-width:370px){
    #jaemu .graph-wrap .graph .bar{width: 20px;}
}

.tb-style1{width: 100%; border-top: 3px solid #222; border-bottom: 1px solid #222;}
.tb-style1 td{text-align: center;}
.tb-style1 thead th{line-height: 60px; font-size: 2.2rem; color: #222; font-weight: bold;  border-bottom: 1px solid #ddd; background-color: #f9f9f9;}
.tb-style1 tbody td{padding: 1%;}
.tb-style1 tbody td:not(:first-child){border-left: 1px solid #ddd;}
.tb-style1 tbody tr.blu td{background-color: #023b92; color: #fff; font-weight: bold;}
.tb-style1 tbody tr.org td{background-color: #d6004a; color: #fff; font-weight: bold;}
.tb-style1 tbody tr.grn td{background-color: #74b845; color: #fff; font-weight: bold;}

@media all and (max-width:768px){
    .tb-style1 thead th{line-height: 40px; font-size: 1.8rem;}
    .tb-style1 tbody td{padding: 2% 1%;}
}


.txt-wrap{padding: 2em; background-color: #f0f4fa;}
.esg2{line-height: 1.6;}
.esg2 section{padding: 1% 0;}
.esg2 section h4{font-size: 1.25em; color: #222;}
.txt-group{padding-left: 20px;}
.txt-group h5{margin-top: 5px; font-size: 1.125em; font-weight: 500;}
.txt-group > ul{padding-left: 20px; counter-reset:list-number;}
.txt-group > ul > li{position: relative; padding-left: 15px; counter-increment:list-number; word-break: keep-all;}
.txt-group > ul > li:before{content:counter(list-number)')'; position: absolute; left: 0; top:0;}
.txt-group ul ul{padding-left: 15px;}

.numlist{counter-reset:list-nums;}
.numlist > li{counter-increment:list-nums; position: relative; padding-left: 15px;}
.numlist > li:before{content:counter(list-nums)'.'; position: absolute; left: 0; top:0;}

.square{position: relative; padding-left: 17px; margin-left: 20px;}
.square:before{position: absolute; content: ''; left: 0; top: 6px; width: 12px; height: 12px; background-color: #666;}

.tit-box{margin-bottom: 10px; display: inline-block; line-height: 1.6; font-size: 1.125em; padding: 10px 30px 10px; background-color:#023b92; color: #fff; font-weight: bold;}
.tit-box + p{margin: 0 0 10px; }
.esg2-2 h5{font-size: 1em;}
.boholist{padding: .5em 1em;}

.blueList{display: flex; gap: 10px; flex-direction: column; align-items: flex-start;}
.blueList > li{position: relative; padding: 1em 1.5em 1em 2.5em; background-color: #fff; border:1px solid #ddd; }
.blueList > li:before{content:''; position:absolute; left: 1em; top: 1.125em; width: 16px; height: 16px;  border:4px solid #1d58c5; }
.blueList > li > p{color: #101b2a;}
@media all and (max-width:568px){
    .blueList > li:before{width: 12px; height: 12px; border-width: 2px; top: 1.2em;}
}



.esgRep{margin: 3% 0;}
.esgRep .red{color: red;}
.esgRep h4{margin: 0 0 10px; font-size: 1.25em; color: #222;}
.esgRep ul.rep{display: flex; flex-wrap: wrap; gap: 20px 2%; padding: 1em; border-top:2px solid #101b2a; background-color: #f0f4fa;}
.esgRep li{display: flex; width: 49%; align-items: center;}
.esgRep li.w100{width: 100%;}
.esgRep li label{width: 25%; max-width: 180px; text-align: center; color: #222; font-weight: 600;}
.esgRep li .in_bx{width: 75%;}
.esgRep li .input{ height: 35px; line-height: 35px; width: 100%; border:none; border-bottom: 1px solid #ddd;}
.esgRep .hsbb{display: flex;}
.esgRep .hsbb label{padding-left: 3px;}
.esgRep textarea{width: 100%; border:none;}
.esgRep .agr-label{width: 100%; max-width: 100%; text-align: left; padding-left: 3px;}
.esgRep .btns button{font-family: 'pretendard'; font-size: 1.25em; padding: 12px 34px; font-weight: bold; background-color: #023b92; color: #fff;}
.esgRep .priv-box{width: 100%; height: 160px; padding: 1em; line-height: 1.8; overflow-y: auto; background-color: #fff;}
@media all and (max-width:768px){
    .esgRep li{width: 100%;}
}