@charset "UTF-8";

/* #mainContent {max-width: 1280px; margin: 0 auto;} */
.align-c {text-align: center;}



/* 공통 css */
.layout-title {font-size: 26px; line-height: 30px; letter-spacing: -0.5px; color: #151515; font-family: "Noto Medium";}
.layout-titlesix {font-size: 26px; line-height: 30px; letter-spacing: -0.5px; color: #004e96; font-family: "Noto Medium";}
.layout-sub-title {font-size: 22px; line-height: 30px; letter-spacing: -0.5px; color: #151515; font-family: "Noto Medium";}
.layout-sub-title span {color: #004e96;}
.layout-img-bx img {display: block; max-width: 100%; margin: 0 auto;}
.img-caption {font-size: 16px; line-height: 30px; letter-spacing: -0.5px; color: #888888; font-family: "Noto Regular"; margin-top: 10px;}
.layout-txt {font-size: 16px; line-height: 25px; letter-spacing: -0.5px; color: #333333; font-family: "Noto Regular";}


/* TYPE A */
.typea-img-bx img {max-width: 100%; margin: 0 auto;}

/* TYPE B */

/* TYPE C */
.img-txt-bx1 .layout-img-bx {float: left; width: 49%; margin-right: 3%; margin-bottom: 20px;}

@media all and (max-width: 768px){
  .img-txt-bx1 .layout-img-bx {float: none; width: 100%; margin-right: 0;}
}

/* TYPE D */
.img-txt-bx2 .layout-img-bx {float: left; width: 60%; margin-right: 3%; margin-bottom: 20px;}

@media all and (max-width: 768px){
  .img-txt-bx2 .layout-img-bx {float: none; width: 100%; margin-right: 0;}
}

/* TYPE E */
.img-left-bx .layout-img-bx {float: left; width: 49%; margin-right: 3%; margin-bottom: 20px;}
.img-right-bx .layout-img-bx {float: right; width: 49%; margin-left: 3%; margin-bottom: 20px;}

@media all and (max-width: 768px){
  .img-left-bx .layout-img-bx {float: none; width: 100%; margin-right: 0;}
  .img-right-bx .layout-img-bx {float: none; width: 100%; margin-left: 0;}
}