@charset "utf-8";


.stit1 { font-size: 3.2rem; color:#212121; font-family: 'Noto Sans SC'; margin-bottom: 0.7em; letter-spacing: -0.05em; }
.stit1 .br530 {display:none}
.stxt1 { font-size: 1.8rem; line-height: 1.5em; }
.em1 { font-size: 1.25em; color: #212121; }
.em2 { font-size: 1.15em; color:#212121; font-weight: 700; }

.txtWrap { padding: 0 3em 4em; }

.s-section { padding: 7% 0; }

.bdBox { border: 10px solid #f0f4fa; padding: 3em; }

.mt1em { margin-top: 1em; }
.mt2em { margin-top: 2em; }
.mt3em { margin-top: 3em; }
.mt4em { margin-top: 4em; }
.mt5em { margin-top: 5em; }

@media all and (max-width:976px) {
  .bdBox { padding: 2.5em; }
}


@media all and (max-width:767px) {
  .stit1 { font-size: 2.8rem;  }
  .stxt1 { font-size: 1.7rem; }

  .txtWrap { padding: 0 1em 3em; }
  .s-section { padding: 8% 0; }
}
@media all and (max-width:530px) {
  .stit1 .br530 {display:block}
}
@media all and (max-width:480px) {
  .bdBox { padding: 2em; border-width: 8px; }
}



.imgList2 { position: relative; width: 100%; display: flex; gap: 10px; }
.imgList2 li { position: relative; }
.imgList2 li img { max-width: 100%; }
.imgList2 li p.tit { position: absolute; left:0; top:0; font-size: 1.8rem; padding: 1em 1.5em; background: #24314b; color:#fff; }
.imgList2 li:nth-child(even) p.tit { background: #0d3f9e; }


@media all and (max-width:1080px) {
  .imgList2 li p.tit { font-size: 1.7rem; padding: 0.8em 1.2em;  }
}

@media all and (max-width:767px) {
  .imgList2 { flex-wrap: wrap; }
  .imgList2 li { max-width: calc(50% - 5px); }
}

@media all and (max-width:568px) {	
  .imgList2 li { max-width: calc(100% - 5px); }
  .imgList2 li p.tit { position: relative; left: inherit; top: inherit; display: block; }
}

@media all and (max-width:380px) {
  .imgList2 li { max-width: 100%; }
}


.imgCont2 { display: flex; align-items: center; flex-wrap: wrap;  border-top: 1px dashed #dee4ee; padding-top: 3em; margin-top: 3em;  }
.imgCont2 .img { width: 25%; }
.imgCont2 .img img { max-width: 100%; }
.imgCont2 .cont { width: 75%; padding: 1em 3.5em;  font-size: 1.8rem;  }
.imgCont2 .cont h5 { font-size: 2.6rem; margin-bottom: 1em; color:#0d3f9e; font-weight: 800; }
.imgCont2 .cont dl { display: flex;margin: 0.5em 0;  }
.imgCont2 .cont dl dt { width: 150px; font-weight: 700; color:#212121; }
.imgCont2 .cont dl dd { width: calc(100% - 150px); }

.f-cont { border-top: 0; padding-top: 0; margin-top:0;   }

.anchor{  display: block;  height: 80px; /*고정메뉴 높이*/  margin-top: -80px; /*고정메뉴 높이*/ visibility: hidden; }

@media all and (max-width:1280px) {
  .imgCont2 .img { width: 30%; }
  .imgCont2 .cont { width: 70%; }
}

@media all and (max-width:976px) {
  .imgCont2 .cont { padding: 1em 3em; font-size: 1.6rem; }
  .imgCont2 .cont dl dt { width: 120px;}
  .imgCont2 .cont dl dd { width: calc(100% - 120px); }

 .imgCont2 { padding-top: 2em; margin-top: 2em; }
}


@media all and (max-width:767px) {
  .imgCont2 .cont dl dt { width: 100px;}
  .imgCont2 .cont dl dd { width: calc(100% - 100px); }
}

@media all and (max-width:640px) {
  .imgCont2 { align-items: flex-start; }
  .imgCont2 .img { width: 40%; }
  .imgCont2 .cont { width: 60%; padding: 0 0 0 2.5em;  }
  .imgCont2 .cont dl { flex-wrap: wrap; margin: 0.7em 0;}
  .imgCont2 .cont dl dt,
  .imgCont2 .cont dl dd { width: 1100%; }
}

@media all and (max-width:580px) {
    .imgCont2 .img { width: 100%; text-align:center;}
	.imgCont2 .img img { max-width: 100%; margin:0 auto }
    .imgCont2 .cont { width: 100%; padding: 2em 0 0;  }
}



.tb-scroll { position: relative; width: 100%; overflow-x: auto; }
.tb-product { position: relative; width: 100%;  border-top: 5px solid #d8dfe9; text-align: center; }
.tb-product th, .tb-product td { padding: 1.4em 1.2em; border-bottom: 1px solid #d7dde8; border-right: 1px solid #d7dde8; }
.tb-product thead th { background: #f8fafd; color:#2d527c; font-weight: 700; line-height: 1.2em; }
.tb-product tbody th { color:#2d527c; font-weight: 700; }
.tb-product th:last-child, .tb-product td:last-child { border-right: 0; }

.tb-product img { max-width: 100%; }



.halfCont2 { display: flex; align-items: center; flex-wrap: wrap; }
.halfCont2 > div { width: 50%; }
.halfCont2 .img img { max-width: 100%; }
.halfCont2 .cont { padding: 1em 5%; }


@media all and (max-width:1080px) {
  .halfCont2 { align-items: flex-start; }
  .halfCont2 .img { width: 55%; text-align: center; }
  .halfCont2 .cont { width: 45%; padding: 0.5em 0 0.5em 5%; }
}

@media all and (max-width:880px) {
  .halfCont2 .img,
  .halfCont2 .cont { width: 100%; }
  .halfCont2 .cont { padding: 7% 3%; }
}


.dl-style1 { display: flex; font-size: 1.7rem; flex-wrap: wrap;  }
.dl-style1 dt, .dl-style1 dd { padding: 1em 0; }
.dl-style1 dt { width: 120px; color:#212121; font-weight: 700; border-bottom: 1px solid #333; }
.dl-style1 dd { width: calc(100% - 120px); border-bottom: 1px solid #ddd; padding-left: 1.5em; }

@media all and (max-width:976px) {
  .dl-style1 dt { width: 100px;  }
  .dl-style1 dd { width: calc(100% - 100px); }
}


.memberWrap { padding: 5%; border: 10px solid #f7f9fc; }
.memberWrap h4 { color:#212121; font-size: 2rem; margin-top: 1.5em; }
.memberWrap h5 { color:#212121; font-size: 1.8rem; margin-top: 1.5em; }
.memberWrap p { font-size: 1.7rem; line-height: 1.6em; margin-top: 0.7em; }


#greeting2 { width: 100%; height: auto; background: url('/images/sub/greeting3.png') no-repeat center top; background-size: 100%; }
#greeting2 .s-inner { padding: 10% 0; }

.top_txtbox.eng {width:60%; max-width:805px}
.top_txtbox.eng p .br976  {display:none}

.top_txtbox p:first-child { font-size: 2.8em; color: #fff; font-weight: 500; }
.top_txtbox p:last-child { font-size: 1.4em; color: #fff; display: flex; align-items: center; margin-top: 4%; }
.top_txtbox p:last-child img { max-width: 180px; margin-left: 2%; }

.bot_txtbox { width: 80%; height: auto; padding: 5%; background: rgba(255,255,255,0.18); margin-top: 20%; }
.bot_txtbox p{ color: #fff; font-size: 1.2em; line-height: 2; }
.top_txtbox p:first-child .br976 {display:none}

@media all and (max-width:1200px) {
  .bot_txtbox { width: 100%; margin-top: 23%; }
}
@media all and (max-width:976px) {
	.top_txtbox p:first-child .br976  {display:block}
	.top_txtbox.eng p .br976  {display:block !important}
}
@media all and (max-width:884px) {
	.top_txtbox.eng p br {display:none }
}
@media all and (max-width:767px) {
	.top_txtbox p:first-child { font-size: 2.3em; color: #fff; font-weight: 500; }
	.top_txtbox p:last-child img { max-width: 140px; margin-left: 2%; }
  .bot_txtbox p{ color: #fff; font-size: 1.1em; line-height: 1.8; }
}
@media all and (max-width:580px) {
	#greeting2 { background-size: cover; }
	#greeting2 .s-inner { padding: 18% 0; }
	.top_txtbox p:first-child { font-size: 2em; color: #fff; font-weight: 500; }
	.top_txtbox p:last-child img { max-width: 100px; margin-left: 2%; }
	.top_txtbox p:last-child { font-size: 1.2em; color: #fff; display: flex; align-items: center; margin-top: 4%; }
	.bot_txtbox p{ color: #fff; font-size: 1.1em; line-height: 1.8; }
}
@media all and (max-width:440px) {
	#greeting2 {background-position:60% top}
	#greeting2.eng {background-position:68% top}
}


.int6_info{margin-top: 40px;color: #000; border: 15px solid rgb(13 63 158 / 10%); padding:50px;}
.int6_info h3{font-size: 4.0rem;font-family: 'Noto Sans SC'; position: relative;padding-bottom: 20px;}
.int6_info h3::after{position: absolute;width: 50px; height: 3px; content: '';background: #0d3f9e; left: 0;bottom: 0;}
.int6_info p{font-size: 1.8rem;font-family: 'Noto Sans SC'; font-weight: 500; margin-top: 20px;}
.int6_info ul{margin-top: 20px; display: flex; flex-wrap: wrap; gap: 10px;}
.int6_info ul li{padding: 10px 20px; border-radius: 100px; background: #0d3f9e; font-weight: bold; color: #fff;}
.int6_info ul li:last-child{background: #00b0ec;}
.root_daum_roughmap .cont .section.lst{display: none;}

@media all and (max-width:1280px) {
    .int6_info h3{font-size: 3rem;}
}
@media all and (max-width:767px) {
    .int6_info{margin-top: 30px; border: 10px solid rgb(13 63 158 / 10%); padding:30px;}
    .int6_info h3{font-size: 2.5rem;}
    .int6_info h3::after{width: 40px; height: 2px;}
    .int6_info p{font-size: 1.7rem;}
}