.sct_sub_txt {
  font-size: 17px;
  color: #555;
  font-weight: 300;
  padding: 5px 0 10px 0;
}


/*section01*/
#section01 {width: 100%; margin-top: 100px;}
#section01 .inner {max-width: 1870px; margin: 0 auto;}
#section01 .conwrap {min-height: 889px; display: flex; justify-content: space-between;}
#section01 .conwrap > .left {width: 40%;}
#section01 .conwrap > .right {width: 59%; display: flex; flex-direction: column; justify-content: space-between;}
#section01 .conwrap > .right .inwrap {display: flex; justify-content: space-between; height: 49%;}

/* 개별 컨텐츠 */
#section01 .conwrap .con {border-radius: 15px; overflow: hidden;}
#section01 .conwrap .con1 {background-color: #de0251; width: 100%; height: 100%;}
#section01 .conwrap .con2 {background-color: #636366; padding: 60px; position: relative; width: 49%;}
#section01 .conwrap .con2 h2 {font-family: 'esamanru'; font-weight: 500; color: #fff; font-size: 50px; /*letter-spacing: -2px;*/ margin-bottom: 40px; position: relative; z-index: 1;}
#section01 .conwrap .con2 .morebtn {display: inline-block;}
#section01 .conwrap .con2 .morebtn a {background-color: #1c1c15; display: flex; align-items: center; padding: 15px 50px; font-family: "Barlow Condensed", serif; color: #fff; font-weight: 600; font-size: 14px; position: relative; z-index: 1; letter-spacing: 0;}
#section01 .conwrap .con2 .morebtn a img {margin-left: 20px;}
#section01 .conwrap .con2 > img {position: absolute; bottom: 0; right: 0;}
#section01 .conwrap .con2 p {font-size: 30px; color: #8a8a8a; font-family: 'esamanru'; position: absolute; bottom: 60px; left: 60px;}
#section01 .conwrap .con3 {width: 49%; height: 100%;}
#section01 .conwrap .con3.mo_con3 {display: none;}
#section01 .conwrap .con3 ul {display: flex; flex-direction: column; justify-content: space-between; height: 100%;}
#section01 .conwrap .con3 ul li {width: 100%; height: 30.333%; }
#section01 .conwrap .con3 ul li a {padding: 20px; display: flex; justify-content: space-between; align-items: flex-start; height: 100%; border-radius: 15px;}
#section01 .conwrap .con3 ul li.orange a {background-color: #ff3b30; color: #3a3a3c; }
#section01 .conwrap .con3 ul li.yellow a {background-color: #fa9111; color: #3a3a3c;}
#section01 .conwrap .con3 ul li.purple a {background-color: #95569e; color: #fff;}
#section01 .conwrap .con3 ul li a h2 {font-size: 24px; font-weight: 700;}
#section01 .conwrap .con3 ul li a p {font-size: 50px; font-weight: 700;}
/* #section01 .conwrap .con3 ul li a .num {display: flex; align-items: center;}
#section01 .conwrap .con3 ul li a .num p {font-size: 60px; font-weight: 600; font-family: "Barlow Condensed", serif;}
#section01 .conwrap .con3 ul li a .num span {font-size: 32px; margin-left: 10px;}
#section01 .conwrap .con3 ul li:first-child a .num span {align-items: flex-end; margin-bottom: 5px;} */
#section01 .conwrap .con4 {height: 49%; display: flex; justify-content: space-between;}
#section01 .conwrap .con4 .left {width: 50%; display: flex; flex-direction: column; justify-content: center; padding: 30px;}
#section01 .conwrap .con4 .left .toptxt {margin-bottom: 60px;}
#section01 .conwrap .con4 .left .toptxt h2 {font-family: "Barlow Condensed", serif; font-size: 70px; font-weight: 600; color: #fff;}
#section01 .conwrap .con4 .left .toptxt p {font-size: 40px; font-family: "Barlow Condensed", serif; color: #fff; font-weight: 400;}
#section01 .conwrap .con4 .left .btmtxt {text-align: right;}
#section01 .conwrap .con4 .left .btmtxt h2 {font-size: 40px; color: #e5e5ea; font-weight: 400; margin-bottom: 5px;}
#section01 .conwrap .con4 .left .btmtxt h2 span {font-size: 24px; color: #8e8e93;}
#section01 .conwrap .con4 .left .btmtxt p {font-size: 16px; color: #8e8e93; font-weight: 500;}
#section01 .conwrap .con4 .right {width: 50%; border-radius: 15px; background-image: url(../img/grim/s1_img5.png); background-size: cover;}


@media screen and (max-width:1440px) {
  #section01 {padding: 0 20px;}
  #section01 .conwrap {flex-direction: column;}

  #section01 .conwrap > .left {width: 100%;}
  #section01 .conwrap > .right {width: 100%;}
  #section01 .conwrap > .right .inwrap {flex-direction: column; height: auto;}

  #section01 .conwrap .con {margin-bottom: 10px;}

  #section01 .conwrap .con2 {width: 100%;}
  #section01 .conwrap .con2 > img {bottom: -28px;}
  #section01 .conwrap .con2 p {display: none;}

  #section01 .conwrap .con3.pc_con3 {display: none;}
  #section01 .conwrap .con3.mo_con3 {display: block;}
  #section01 .conwrap .con3 {width: 100%;}
  #section01 .conwrap .con3 ul li a img {width: auto; height: 36px;}
  #section01 .conwrap .con3 .owl-nav {display: none;}

  #section01 .conwrap .con4 .left {width: 65%; padding: 10px;}
  #section01 .conwrap .con4 .left .toptxt {margin-bottom: 40px;}
  #section01 .conwrap .con4 .left .toptxt h2 {font-size: 50px;}
  #section01 .conwrap .con4 .left .toptxt p {font-size: 30px;}
  #section01 .conwrap .con4 .left .btmtxt {text-align: left;}
  #section01 .conwrap .con4 .left .btmtxt h2 {font-size: 30px;}
  #section01 .conwrap .con4 .right {width: 35%;}
}


@media screen and (max-width:1400px) {
  #section01 .conwrap {min-height: 689px;}

  #section01 .conwrap .con2 {padding: 50px;}
  #section01 .conwrap .con2 h2 {font-size: 30px;}

  #section01 .conwrap .con3 ul li a p {font-size: 40px;}

  #section01 .conwrap .con3 ul li a h2 {font-size: 20px;}
  #section01 .conwrap .con3 ul li a .num p {font-size: 40px;}
  #section01 .conwrap .con3 ul li a .num span {font-size: 26px;}
}

@media screen and (max-width:960px) {
  #section01 {margin-top: 80px;}
}


@media screen and (max-width:640px) {
  #section01 {margin-top: 60px;}
  #section01 .conwrap .con2 {padding: 24px;}
  #section01 .conwrap .con2 h2 {font-size: 20px;}
  #section01 .conwrap .con2 > img {height: 180px;}

  #section01 .conwrap .con3 ul li a p {font-size: 30px;}
}

/*section01*/


/*section02*/
#section02 {width:100%;  clear:both;}
#section02 .marquee {padding: 20px 0; border-top: 2px solid #de0251; margin-top: 20px; overflow: hidden; max-width: 2400px; display: flex;}
#section02 .marquee .logoslide {display: flex;}
#section02 .marquee .logoslide li {width: 800px;}

@keyframes flowRolling {
  0% {
      transform: translateX(0);
  }
  100% {
      transform: translateX(-100%);
  }
}


#section02 .con1 {background-color: #de0251; padding: 75px 0;}
#section02 .con1 .conwrap {max-width: 1440px; margin: 0 auto; display: flex;}
#section02 .con1 .conwrap .logo {width: 50%; display: flex; align-items: center;}
#section02 .con1 .conwrap .txtwrap {width: 50%;}
#section02 .con1 .conwrap .txtwrap h2 {font-family: "Barlow Condensed", serif; font-size: 20px; color: #fff; margin-bottom: 10px;}
#section02 .con1 .conwrap .txtwrap p {font-size: 18px; color: #fff; line-height: 28px; margin-bottom: 30px;}
#section02 .con1 .conwrap .morebtn {display: inline-block;}
#section02 .con1 .conwrap .morebtn a {background-color: #1c1c15; display: flex; align-items: center; padding: 20px 61px; font-family: "Barlow Condensed", serif; color: #fff; font-weight: 600; font-size: 20px;}
#section02 .con1 .conwrap .morebtn a img {margin-left: 20px;}

@media screen and (max-width:1440px) {
  #section02 .con1 .conwrap {padding: 0 20px;}
  #section02 .con1 .conwrap .txtwrap {width: 100%;}
  #section02 .con1 .conwrap .txtwrap p {font-size: 16px; line-height: 26px;}
}

@media screen and (max-width:640px) {
  #section02 .marquee {max-width: 1800px !important;}
  #section02 .marquee .logoslide li {width: 300px !important; margin-right: 40px;}

  #section02 .con1 .conwrap {flex-direction: column; align-items: center;}
  #section02 .con1 .conwrap .logo {width: 100%; justify-content: center; margin-bottom: 10px;}
  #section02 .con1 .conwrap .logo img {height: 50px;}
  #section02 .con1 .conwrap .txtwrap p {font-size: 14px; line-height: 24px;}
}


/* section03 */

#section03 {background-color: #fff; padding: 120px 0;}
#section03 .idx_c_wrap {max-width: 1440px; width: 100%; margin: 0 auto;}
#section03 .idx_c_wrap .titwrap a {display: flex; justify-content: space-between; align-items: center; padding-bottom: 20px; border-bottom: 2px solid #3a3a3c; max-width: 1344px; margin: 0 auto 60px;}
#section03 .idx_c_wrap .titwrap a h2 {font-size: 58px; font-family: "Barlow Condensed", serif; font-weight: 500; margin-bottom: 0;}

#section03 .idx_c_wrap .morebtn {display: flex; justify-content: center; margin-top: 60px;}
#section03 .idx_c_wrap .morebtn a {background-color: #1c1c15; display: flex; align-items: center; padding: 20px 61px; font-family: "Barlow Condensed", serif; color: #fff; font-weight: 600; font-size: 20px;}
#section03 .idx_c_wrap .morebtn a img {margin-left: 20px;}

@media screen and (max-width:1440px) {
  #section03 {padding: 100px 20px;}
}

@media screen and (max-width:640px) {
  #section03 {padding: 80px 20px;}
}
/* section03 */




/* section04 */
#section04 {background-color: #f2f2f7; padding: 100px 0;}
#section04 .titwrap a {display: flex; justify-content: space-between; align-items: center; padding-bottom: 20px; border-bottom: 2px solid #de0251; max-width: 1344px; margin: 0 auto 60px;}
#section04 .titwrap a h2 {font-size: 58px; font-family: "Barlow Condensed", serif; font-weight: 500; margin-bottom: 0; color: #de0251;}
#section04 .titwrap a img {filter: invert(17%) sepia(93%) saturate(6774%) hue-rotate(332deg) brightness(86%) contrast(102%);}

@media screen and (max-width:1440px) {
  #section04 .titwrap {padding: 0 20px;}
}

@media screen and (max-width:640px) {
  #section04 {padding: 80px 0;}
}
/* section04 */

.sct_img {
  overflow: hidden;
}
.sct_img img {
  transition: all 0.2s linear;
}

.btn_wish {
  color: #c1c4c6;
}
.button_on .fa-heart-o,
.style_class .fa-heart-o {
  color: red;
}

/*하단 컨텐츠*/
.left_box {
  position: absolute;
  right: 110px;
  padding-right: 50px;
}
.btn-more2 {
  position: absolute;
  right: -85px;
  transform: rotate(90deg);
  margin-top: -208px;
}
.more_arrow {
  padding-left: 10px;
}
.middle_text01 {
  padding-bottom: 20px;
}


/* 서브페이지 css */


/* a1 */
#a1 {margin-top: 100px;}
#a1 .con {max-width: 1344px; width: 100%; margin: 0 auto;}

#a1 .con1 {position: relative; height: 100%; max-width: 100%;}
#a1 .con1 img {width: 100%;}
#a1 .con1 img.mo_img {display: none;}

#a1 .con2 {max-width: 100%;}
#a1 .con2 .marquee {padding: 20px 0; border-bottom: 2px solid #de0251; margin-bottom: 20px; overflow: hidden; max-width: 2400px; display: flex;}
#a1 .con2 .marquee .logoslide {display: flex;}
#a1 .con2 .marquee .logoslide li {width: 800px;}

#a1 .titwrap {padding: 150px 0; max-width: 1344px; margin: 0 auto;}
#a1 .titwrap h2 {font-size: 150px; font-family: "Barlow Condensed"; padding-bottom: 50px; border-bottom: 1px solid #fff; text-align: center; color: #fff; font-weight: 600;}

#a1 .con3 {display: flex; justify-content: space-between; align-items: center; margin-bottom: 120px;}
#a1 .con3 .left {width: 47%;}
#a1 .con3 .left img {width: 100%;}
#a1 .con3 .right {width: 47%;}
#a1 .con3 .right > img {margin-bottom: 50px;}
#a1 .con3 .right p {font-size: 16px; line-height: 26px; color: #fff; font-weight: 400; word-break: keep-all; margin-bottom: 30px;}
#a1 .con3 .right .morebtn {display: flex;}
#a1 .con3 .right .morebtn a {background-color: #1c1c15; color: #fff; padding: 20px 40px; font-size: 18px; font-weight: 600; display: flex; align-items: center;}
#a1 .con3 .right .morebtn a img {margin-left: 20px;}

#a1 .con4 {margin-bottom: 120px;}
#a1 .con4 ul {display: flex; justify-content: space-between;}
#a1 .con4 ul li {width: 300px; height: 300px; background-color: rgba(226, 25, 91, .25);  display: flex; align-items: center; justify-content: center; font-size: 24px; border-radius: 50%; font-weight: 600; color: #fff; /*letter-spacing: -1.5px;*/ position: relative;}
#a1 .con4 ul li::after {position: absolute; content: ''; width: 250px; height: 250px; background-color: rgba(226, 25, 91, .5); border-radius: 50%; z-index: -1;}
#a1 .con4 ul li::before {position: absolute; content: ''; width: 200px; height: 200px; border-radius: 50%; background-color: #e2195b; z-index: -2;}

#a1 .con5 {margin-bottom: 50px;}
#a1 .con5 .conwrap {display: flex; align-items: center; justify-content: space-between;}
#a1 .con5 .conwrap .left {width: 45%;}
#a1 .con5 .conwrap .left img {width: 100%;}
#a1 .con5 .conwrap .right {width: 50%; position: relative; padding-left: 50px;}
#a1 .con5 .conwrap .right::after {position: absolute; content: ''; background-image: url(../img/grim/a1_img6.png); width: 31px; height: 690px; top: 50%; left: 0; transform: translateY(-50%);}
#a1 .con5 .conwrap .right .box {background-color: transparent; box-shadow: none; margin-bottom: 40px;}
#a1 .con5 .conwrap .right .box:last-child {margin-bottom: 0;}
#a1 .con5 .conwrap .right .box h2 {color: #fff; background-color: #e2195b; display: inline-block; font-size: 24px; padding: 10px 20px; border-radius: 24.5px; margin-bottom: 20px;}
#a1 .con5 .conwrap .right .box h3 {font-size: 18px; color: #fff; margin-bottom: 10px;}
#a1 .con5 .conwrap .right .box p {font-size: 16px; line-height: 26px; color: #fff; word-break: keep-all;}
#a1 .con5 .bg {margin-top: 50px;}

#a1 .con6 {max-width: 100%; position: relative; height: 800px;}
#a1 .con6 .txtbox {position: absolute; z-index: 1; bottom: 40px; left: 288px; background-color: #3a3a3c; padding: 30px; display: flex; justify-content: space-between; align-items: center;}
#a1 .con6 .txtbox .txtwrap {margin-right: 100px;}
#a1 .con6 .txtbox .txtwrap p {font-size: 16px; line-height: 26px; font-weight: 400; color: #d1d1d6;margin-bottom: 20px;}
#a1 .con6 .txtbox .txtwrap  h3 {font-size: 18px; color: #fff; font-weight: 400;}
#a1 .con6 .txtbox .morebtn {display: flex;}
#a1 .con6 .txtbox .morebtn a {background-color: #1c1c15; padding: 15px 25px; font-family: "Barlow Condensed"; color: #fff; font-weight: 600; font-size: 18px; display: flex; align-items: center;}
#a1 .con6 .txtbox .morebtn a img {margin-left: 30px;}

#a1 .con7 {max-width: 100%; background-color: #e2195b; padding: 100px 0;}
#a1 .con7 .conwrap {max-width: 1344px; width: 100%; margin: 0 auto; text-align: center; position: relative;}
#a1 .con7 .conwrap::after {position: absolute; content: ''; background-image: url(../img/grim/a1_img7.png); width: 161px; height: 355px; top: 50%; left: 0%; transform: translateY(-50%);}
#a1 .con7 .conwrap::before {position: absolute; content: ''; background-image: url(../img/grim/a1_img7_2.png); width: 235px; height: 353px; top: 50%; right: 0%; transform: translateY(-50%);}
#a1 .con7 .conwrap h2 {font-size: 150px; font-weight: 600; color: #fff; font-family: "Barlow Condensed"; margin-bottom: 30px;}
#a1 .con7 .conwrap p {font-size: 20px; line-height: 30px; font-weight: 500; color: #fff; margin-bottom: 50px;}
#a1 .con7 .conwrap .morebtn {display: flex; justify-content: center;}
#a1 .con7 .conwrap .morebtn a {background-color: #1c1c15; color: #fff; padding: 20px 60px; font-size: 20px; display: flex; justify-content: center; align-items: center; font-family: "Barlow Condensed"; font-weight: 600;}

#a1 .con8 {padding: 120px 0; max-width: 1580px;}

/* con8 공통 */
#a1 .con8 .conwrap .incon h2 {font-size: 58px; font-weight: 500; font-family: "Barlow Condensed"; color: #fff; margin-bottom: 20px; displaY: flex; align-items: center;}
#a1 .con8 .conwrap .incon h2 a {font-size: 58px; font-weight: 500; font-family: "Barlow Condensed"; color: #fff; margin-bottom: 20px; displaY: flex; align-items: center;}
#a1 .con8 .conwrap .right .box:last-child h2 a {font-size: 38px;}
#a1 .con8 .conwrap .incon h2 a img {margin-left: 30px;}
#a1 .con8 .conwrap .incon p {font-size: 18px; font-weight: 400; color: #f2f2f7;}
#a1 .con8 .conwrap .incon ul {margin-top: 20px;}
#a1 .con8 .conwrap .incon ul li {font-size: 16px; color: #999;}
/* con8 공통 */

#a1 .con8 .conwrap {display: flex; justify-content: space-between; height: 615px;}
#a1 .con8 .conwrap .left {width: 49%; background-color: #e2195b; padding: 60px 50px; position: relative; z-index: 1;}
#a1 .con8 .conwrap .left::after {position: absolute; content: ''; background-image: url(../img/grim/a1_img8.png); width: 379px; height: 322px; bottom: 0; right: 0;}
#a1 .con8 .conwrap .left .morebtn {display: flex;}
#a1 .con8 .conwrap .left .morebtn a {background-color: #1c1c15; color: #fff; padding: 20px 60px; font-size: 18px; display: flex; justify-content: center; align-items: center; font-family: "Barlow Condensed"; font-weight: 600; margin-top: 50px;}
#a1 .con8 .conwrap .right {width: 49%; display: flex; flex-direction: column; justify-content: space-between;}
#a1 .con8 .conwrap .right .box {padding: 60px 50px; height: 47.5%; overflow: hidden;}
#a1 .con8 .conwrap .right .box:first-child {background-color: #272727; position: relative;}
#a1 .con8 .conwrap .right .box:first-child::after {position: absolute; content: ''; background-image: url(../img/grim/a1_img9.png); width: 237px; height: 267px; bottom: 0; right: 60px;}
#a1 .con8 .conwrap .right .box:last-child {background-color: #4e4d52; position: relative;}
#a1 .con8 .conwrap .right .box:last-child::after {position: absolute; content: ''; background-image: url(../img/grim/a1_img10.png); width: 144px; height: 50px; bottom: 60px; right: 50px; opacity: .3;}

#a1 .con9 ul {display: flex; justify-content: center; align-items: center;}
#a1 .con9 ul:first-child {margin-bottom: 40px;}
#a1 .con9 ul li {margin-right: 40px;}
#a1 .con9 ul li:last-child {margin-right: 0;}


@media screen and (max-width:1440px) {
  #a1 .titwrap {padding: 100px 20px;}
  #a1 .titwrap h2 {font-size: 100px;}

  #a1 .con3 {flex-direction: column-reverse; padding: 0 20px; margin-bottom: 100px;}
  #a1 .con3 .left {width: 100%;}
  #a1 .con3 .left img {width: auto; height: auto; margin: 0 auto; display: block;}
  #a1 .con3 .right {width: 100%; display: flex; flex-direction: column; align-items: center; margin-bottom: 50px;}
  #a1 .con3 .right p {text-align: left;}

  #a1 .con4 {margin-bottom: 100px; padding: 0 20px;}
  #a1 .con4 ul {justify-content: space-evenly;}
  #a1 .con4 ul li {width: 200px; height: 200px; font-size: 20px;}
  #a1 .con4 ul li::after {width: 150px; height: 150px;}
  #a1 .con4 ul li::before {width: 100px; height: 100px;}

  #a1 .con5 {padding: 0 20px;}
  #a1 .con5 .conwrap {flex-direction: column;}
  #a1 .con5 .conwrap .right {width: 100%;}

  #a1 .con6 {height: auto;}
  #a1 .con6 .map iframe {height: 600px;}
  #a1 .con6 .txtbox {position: initial; flex-direction: column; align-items: flex-start;}
  #a1 .con6 .txtbox .txtwrap {margin-right: 0; width: 100%; margin-bottom: 40px;}

  #a1 .con7 .conwrap h2 {font-size: 100px;}
  #a1 .con7 .conwrap h2 a {font-size: 100px;}
  #a1 .con7 .conwrap p {font-size: 18px; line-height: 28px;}

  #a1 .con8 {padding: 100px 20px;}
  #a1 .con8 .conwrap {flex-direction: column; height: auto;}
  #a1 .con8 .conwrap .left {width: 100%; margin-bottom: 2%; padding: 40px;}
  #a1 .con8 .conwrap .left::after {width: 300px; height: 255px; background-size: cover;}
  #a1 .con8 .conwrap .right {width: 100%; flex-direction: row;}
  #a1 .con8 .conwrap .right .box {width: 49%; height: auto; padding: 40px;}
  #a1 .con8 .conwrap .right .box:first-child::after {display: none;}
  #a1 .con8 .conwrap .right .box:last-child::after {display: none;}
  #a1 .con8 .conwrap .incon h2 {font-size: 40px;}
  #a1 .con8 .conwrap .incon p {font-size: 16px;}
  #a1 .con8 .conwrap .left .morebtn a {margin-top: 40px;}

  #a1 .con9 {padding: 0 20px;}
  
}

@media screen and (max-width:960px) {
  #a1 {margin-top: 80px;}
  #a1 .con1 img.mo_img {display: block;}
  #a1 .con1 img.pc_img {display: none;}
}

@media screen and (max-width:640px) {
  #a1 {margin-top: 60px;}
  #a1 .titwrap {padding: 80px 20px;}
  #a1 .titwrap h2 {font-size: 60px;}

  #a1 .con2 .marquee .logoslide li {width: 500px;}
  #a1 .con2 .marquee .logoslide li img {height: 50px}

  #a1 .con3 {margin-bottom: 80px;}
  #a1 .con3 .right > img {height: 50px;}

  #a1 .con4 ul {flex-direction: column; justify-content: center; align-items: center; position: relative;}
  #a1 .con4 ul::after {position: absolute; content: ''; width: 1px; height: 80%; background-color: #555; z-index: -4;}
  #a1 .con4 ul li {margin-bottom: 40px;}
  #a1 .con4 ul li:last-child {margin-bottom: 0;}

  #a1 .con5 .conwrap .left {width: 100%; margin-bottom: 40px;}
  #a1 .con5 .conwrap .right .box h2 {font-size: 20px;}
  #a1 .con5 .conwrap .right .box h3 {font-size: 16px;}
  #a1 .con5 .conwrap .right .box p {font-size: 14px; line-height: 24px;}

  #a1 .con6 .map iframe {height: 280px;}

  #a1 .con7 {padding: 80px 0;}
  #a1 .con7 .conwrap::after {display: none;}
  #a1 .con7 .conwrap::before {display: none;}
  #a1 .con7 .conwrap h2 {font-size: 60px;}
  #a1 .con7 .conwrap h2 a {font-size: 60px;}
  #a1 .con7 .conwrap p {font-size: 16px; line-height: 26px;}

  #a1 .con8 {padding: 80px 20px;}
  #a1 .con8 .conwrap .left::after {width: 190px; height: 174px; background-size: cover; z-index: -1;}
  #a1 .con8 .conwrap .left .morebtn a {margin-top: 30px;}
  #a1 .con8 .conwrap .incon h2 {font-size: 30px;}
  #a1 .con8 .conwrap .incon h2 a {font-size: 30px;}
  #a1 .con8 .conwrap .incon p {font-size: 14px;}
  #a1 .con8 .conwrap .right {flex-direction: column;}
  #a1 .con8 .conwrap .right .box {width: 100%; margin-bottom: 2%;}
  #a1 .con8 .conwrap .right .box:last-child {margin-bottom: 0;}
  #a1 .con8 .conwrap .right .box:last-child h2 a {font-size: 28px;}

  #a1 .con9 ul {flex-wrap: wrap;}
  #a1 .con9 ul:first-child {margin-bottom: 0;}
  #a1 .con9 ul li {line-height: 50px;}
  #a1 .con9 ul li img {height: 20px;}

}
/* a1 */




/* b1 */
#b1, #b2{margin-top: 100px; background-color: #e2195b;}
#b1 .con {max-width: 1344px; width: 100%; margin: 0 auto;}

#b1 .titwrap, #b2 .titwrap {padding: 100px 0 120px; background-color: #e2195b;}
#b1 .titwrap h2, #b2 .titwrap h2 {text-align: center; font-family: "Barlow Condensed"; color: #fff; font-size: 150px; font-weight: 600; max-width: 1344px; margin: 0 auto; border-bottom: 1px solid #fff; padding-bottom: 50px;}

#b1 .tabwrap1 .con1 {background-color: #e2195b; max-width: 100%; padding: 0 0 120px;}
#b1 .tabwrap1 .con1 .conwrap {max-width: 1340px; margin: 0 auto;}
#b1 .tabwrap1 .con1 .conwrap > h2 {font-size: 46px; font-weight: 700; font-family: "Barlow Condensed"; margin-bottom: 50px; color: #fff; text-align: center;}
#b1 .tabwrap1 .con1 .conwrap .inbox1 {background-color: rgba(255,255,255,.15); border: 1px solid #fff; border-radius: 10px; padding: 20px 100px; margin-bottom: 20px;}
#b1 .tabwrap1 .con1 .conwrap .inbox1 li {display: flex; flex-direction: column; justify-content: center; align-items: center;}
#b1 .tabwrap1 .con1 .conwrap .inbox1 li p {font-size: 20px; font-weight: 600; color: #fff; margin-top: 15px;}
#b1 .tabwrap1 .con1 .conwrap .inbox2 .boxwrap {display: flex; justify-content: space-between; margin-bottom: 20px;}
#b1 .tabwrap1 .con1 .conwrap .inbox2 .boxwrap .left {width: 64%; display: flex; flex-direction: column; min-height: 334px;}
#b1 .tabwrap1 .con1 .conwrap .inbox2 .boxwrap .left h3 {background-color: #c4b89c; font-size: 20px; font-weight: 600; color: #fff; text-align: center; padding: 10px; border-radius: 10px 10px 0 0; width: 100%;}
#b1 .tabwrap1 .con1 .conwrap .inbox2 .boxwrap .left .inboxwrap {display: flex;}
#b1 .tabwrap1 .con1 .conwrap .inbox2 .boxwrap .left .box {width: 50%; padding: 20px 30px; box-shadow: none; border-radius: 0 0 10px 10px; min-height: 334px;}
#b1 .tabwrap1 .con1 .conwrap .inbox2 .boxwrap .left .box:last-child {border-left: 1px solid #c4b89c;}
#b1 .tabwrap1 .con1 .conwrap .inbox2 .boxwrap .left .box h2 {font-size: 32px; color: #4a4945; font-weight: 400; margin-bottom: 24px;}
#b1 .tabwrap1 .con1 .conwrap .inbox2 .boxwrap .left .box h2 b {font-weight: 700;}
#b1 .tabwrap1 .con1 .conwrap .inbox2 .boxwrap .left .box ul li {display: flex; align-items: flex-start; margin-bottom: 10px; position: relative;}
#b1 .tabwrap1 .con1 .conwrap .inbox2 .boxwrap .left .box ul li:last-child {margin-bottom: 0;}
#b1 .tabwrap1 .con1 .conwrap .inbox2 .boxwrap .left .box ul li span {font-size: 14px; background-color: #c4b89c; color: #fff; padding: 4px; border-radius: 2px; font-weight: 500; width: 15%; text-align: center; margin-right: 2%; min-width: 70px;}
#b1 .tabwrap1 .con1 .conwrap .inbox2 .boxwrap .left .box ul li p {color: #4a4945; font-size: 16px; font-weight: 400; line-height: 24px; width: 83%;}
#b1 .tabwrap1 .con1 .conwrap .inbox2 .boxwrap .left .box ul li p b {font-size: 13px; color: #8e8e93; font-weight: 400;}
#b1 .tabwrap1 .con1 .conwrap .inbox2 .boxwrap .right {width: 36%;}
#b1 .tabwrap1 .con1 .conwrap .inbox2 .boxwrap .right h3 {background-color: #bfbec0; font-size: 20px; font-weight: 600; color: #fff; text-align: center; padding: 10px; border-radius: 10px 10px 0 0; width: 100%;}
#b1 .tabwrap1 .con1 .conwrap .inbox2 .boxwrap .right .box {width: 100%; padding: 20px 30px; box-shadow: none; border-radius: 0 0 10px 10px; min-height: 334px;}
#b1 .tabwrap1 .con1 .conwrap .inbox2 .boxwrap .right .box h2 {font-size: 32px; color: #4a4945; font-weight: 400; margin-bottom: 24px;}
#b1 .tabwrap1 .con1 .conwrap .inbox2 .boxwrap .right .box h2 b {font-weight: 700;}
#b1 .tabwrap1 .con1 .conwrap .inbox2 .boxwrap .right .box ul li {display: flex; align-items: flex-start; margin-bottom: 10px; position: relative;}
#b1 .tabwrap1 .con1 .conwrap .inbox2 .boxwrap .right .box ul li:last-child {margin-bottom: 0;}
#b1 .tabwrap1 .con1 .conwrap .inbox2 .boxwrap .right .box ul li span {font-size: 14px; background-color: #bfbec0; color: #fff; padding: 4px; border-radius: 2px; font-weight: 500; width: 20%; text-align: center; margin-right: 2%; min-width: 85px;}
#b1 .tabwrap1 .con1 .conwrap .inbox2 .boxwrap .right .box ul li p {color: #4a4945; font-size: 16px; font-weight: 400; line-height: 24px; width: 78%;}
#b1 .tabwrap1 .con1 .conwrap .inbox2 .boxwrap .right .box ul li p b {font-size: 13px; color: #8e8e93; font-weight: 400;}
#b1 .tabwrap1 .con1 .conwrap .s_txt {font-size: 14px; color: #fff; font-weight: 400; word-break: keep-all;}

#b1 .tabwrap1 .con2 {background-color: #e2195b; max-width: 100%; padding: 120px 0;}
#b1 .tabwrap1 .con2 > h2 {font-size: 40px; font-weight: 700; color: #fff; max-width: 1340px; margin: 0 auto 50px; text-align: center;}
#b1 .tabwrap1 .con2 .conwrap {max-width: 1340px; margin: 0 auto;}
#b1 .tabwrap1 .con2 .conwrap ul {display: flex;}
#b1 .tabwrap1 .con2 .conwrap ul li {background-color: #bd0c46; width: 50%; color: #fff; border-radius: 10px 10px 0 0; padding: 20px 0; text-align: center; font-size: 20px; font-weight: 700; cursor: pointer;}
#b1 .tabwrap1 .con2 .conwrap ul li.selected {background-color: #fff; color: #4a4945;}
#b1 .tabwrap1 .con2 .conwrap .tabcon {padding: 30px; background-color: #fff;}
#b1 .tabwrap1 .con2 .conwrap .tabcon h2 {font-size: 20px; font-weight: 700; margin-bottom: 20px; color: #4a4945;}
#b1 .tabwrap1 .con2 .conwrap .tabcon .intxt {font-size: 16px; line-height: 26px; color: #4a4945; font-weight: 400; display: flex; align-items: flex-start;}
#b1 .tabwrap1 .con2 .conwrap .tabcon .intxt span {background-color: #e2195b; color: #fff; border-radius: 4px; width: 5%; text-align: center; font-weight: 500; margin-right: 1%; min-width: 70px;}
#b1 .tabwrap1 .con2 .s_txt {max-width: 1340px; margin: 0 auto; margin-top: 20px; font-size: 20px; font-weight: 400; color: #fff; display: flex; align-items: center;}
#b1 .tabwrap1 .con2 .s_txt img {margin-right: 10px;}

#b1 .tabwrap1 .con3 {max-width: 100%; padding: 0 20px 120px; max-width: 1380px;}
#b1 .tabwrap1 .con3 > h2 {font-size: 40px; font-weight: 700; color: #fff; max-width: 1340px; margin: 0 auto 50px; text-align: center;}
#b1 .tabwrap1 .con3 ul {display: flex; justify-content: space-between;}
#b1 .tabwrap1 .con3 ul li {width: calc(100% / 6 - 10px); text-align: center; background-color: #fff; font-size: 20px; font-weight: 700;}
#b1 .tabwrap1 .con3 ul li a {color: #e2195b; padding: 50px 0; display: block;}

/* 250224 추가 css */

#b2 .tabwrap2 {max-width: 100%; margin: 0 auto;}
#b2 .tabwrap2 .inbox1 {padding: 0 20px;}
#b2 .tabwrap2 .inbox1 ul {background-color: rgba(255,255,255,.15); border: 1px solid #fff; border-radius: 10px; padding: 20px 100px;  max-width: 1340px; margin: 0 auto 24px;}
#b2 .tabwrap2 .inbox1 ul li {display: flex; flex-direction: column; justify-content: center; align-items: center;}
#b2 .tabwrap2 .inbox1 ul li p {font-size: 20px; font-weight: 600; color: #fff; margin-top: 15px;}
#b2 .tabwrap2 .inbox2 {max-width: 1340px; margin: 0 auto 100px;}
#b2 .tabwrap2 .inbox2 .conwrap > h2 {background-color: #4a4945; text-align: center; color: #fff; font-size: 18px; font-weight: 400; padding: 10px; border-bottom: 1px solid #e2195b; border-radius: 10px 10px 0 0;}
#b2 .tabwrap2 .inbox2 .conwrap > h2 span {font-weight: 700;}
#b2 .tabwrap2 .inbox2 .boxwrap {display: flex; margin-bottom: 24px; border-radius: 0 0 10px 10px; overflow: hidden;}
#b2 .tabwrap2 .inbox2 .boxwrap .box {width: 33.333%; padding: 20px 30px; box-shadow: none; border-right: 1px solid #e2195b;}
#b2 .tabwrap2 .inbox2 .boxwrap .box:last-child {border-right: 0;}
#b2 .tabwrap2 .inbox2 .boxwrap .box .boximg {width: 100%; height: 140px; background-position: center; background-size: cover; background-repeat: no-repeat; margin-bottom: 10px;}
#b2 .tabwrap2 .inbox2 .boxwrap .box:first-child .boximg {background-image: url(../img/grim/b2_img11.jpg); }
#b2 .tabwrap2 .inbox2 .boxwrap .box:nth-child(2) .boximg {background-image: url(../img/grim/b2_img12.jpg); }
#b2 .tabwrap2 .inbox2 .boxwrap .box:last-child .boximg {background-image: url(../img/grim/b2_img13.jpg); }
#b2 .tabwrap2 .inbox2 .boxwrap .box h2 {font-size: 24px; color: #4a4945; margin-bottom: 10px;}
#b2 .tabwrap2 .inbox2 .boxwrap .box p {font-size: 16px; line-height: 26px; color: #4a4945; font-weight: 400;}
#b2 .tabwrap2 .inbox2 .download {display: flex; justify-content: flex-end;}
#b2 .tabwrap2 .inbox2 .download a {background-color: #121212; padding: 15px 25px; display: flex; color: #fff; font-size: 18px; font-weight: 600;}
#b2 .tabwrap2 .inbox2 .download a img {margin-left: 30px;}
#b2 .tabwrap2 .inbox3 {max-width: 1340px; margin: 0 auto;}
#b2 .tabwrap2 .inbox3 > h2 {font-size: 38px; color: #fff; text-align: center; margin-bottom: 60px;}
#b2 .tabwrap2 .inbox3 ul {display: flex; flex-wrap: wrap; background-color: #fff; padding: 30px; margin-bottom: 20px;}
#b2 .tabwrap2 .inbox3 ul li {width: 25%; display: flex; justify-content: space-between; padding-right: 24px;}
#b2 .tabwrap2 .inbox3 ul li:nth-child(n+1):nth-child(-n+4) {margin-bottom: 16px;}
#b2 .tabwrap2 .inbox3 ul li h2 {width: 26px; height: 26px; background-color: #de0251; color: #fff; line-height: 26px; font-size: 14px; text-align: center; border-radius: 3px;}
#b2 .tabwrap2 .inbox3 ul li .box {box-shadow: none; width: 85%;}
#b2 .tabwrap2 .inbox3 ul li .box h3 {font-size: 20px; color: #4a4945; font-weight: 700; margin-bottom: 10px;}
#b2 .tabwrap2 .inbox3 ul li .box p {font-size: 14px; line-height: 24px; color: #4a4945;}
#b2 .tabwrap2 .inbox3 > p {font-size: 18px; text-align: center; color: #fff; font-weight: 500;}
#b2 .tabwrap2 .inbox4 {max-width: 100%; width: 100%;}
#b2 .tabwrap2 .inbox4 .subtit {padding: 120px 0 60px;}
#b2 .tabwrap2 .inbox4 .subtit h2 {font-size: 38px; color: #fff; text-align: center; padding-bottom: 0; border-bottom: 0; margin-bottom: 10px;}
#b2 .tabwrap2 .inbox4 .subtit p {font-size: 16px; text-align: center; color: #fff; opacity: .8;}
#b2 .tabwrap2 .inbox4 .boxwrap {background-color: #3a3a3a;}
#b2 .tabwrap2 .inbox4 .boxwrap .inwrap {display: flex; max-width: 1340px; margin: 0 auto; padding: 80px 0;}
#b2 .tabwrap2 .inbox4 .boxwrap .inwrap .left {width: 50%;}
#b2 .tabwrap2 .inbox4 .boxwrap .inwrap .right {width: 50%;}
#b2 .tabwrap2 .inbox4 .boxwrap .box {background-color: #3a3a3a; margin-bottom: 50px; box-shadow: none;}
#b2 .tabwrap2 .inbox4 .boxwrap .box:last-child {margin-bottom: 0;}
#b2 .tabwrap2 .inbox4 .boxwrap .box h3 {font-size: 20px; margin-bottom: 20px; color: #eee; font-weight: 700;}
#b2 .tabwrap2 .inbox4 .boxwrap .box p {font-size: 16px; line-height: 26px; color: #aaa;}
#b2 .tabwrap2 .inbox4 .boxwrap .box ul li {font-size: 16px; margin-bottom: 10px; color: #aaa; line-height: 26px;}



@media screen and (max-width:1440px) {
  #b1 .titwrap, #b2 .titwrap {padding: 100px 0;}
  #b1 .titwrap h2, #b2 .titwrap h2 {font-size: 100px;}

  #b1 .tabwrap1 .con1 {padding: 0 0 100px;}
  #b1 .tabwrap1 .con1 .conwrap {padding: 0 20px;}
  #b1 .tabwrap1 .con1 .conwrap > h2 {font-size: 40px;}
  #b1 .tabwrap1 .con1 .conwrap .inbox1 {padding: 20px;}
  #b1 .tabwrap1 .con1 .conwrap .inbox1 li p {font-size: 18px;}
  #b1 .tabwrap1 .con1 .conwrap .inbox2 .boxwrap {flex-direction: column;}
  #b1 .tabwrap1 .con1 .conwrap .inbox2 .boxwrap .left {width: 100%; margin-bottom: 10px;}
  #b1 .tabwrap1 .con1 .conwrap .inbox2 .boxwrap .left h3 {font-size: 18px;}
  #b1 .tabwrap1 .con1 .conwrap .inbox2 .boxwrap .left .box h2 {font-size: 26px;}
  #b1 .tabwrap1 .con1 .conwrap .inbox2 .boxwrap .right {width: 100%;}
  #b1 .tabwrap1 .con1 .conwrap .inbox2 .boxwrap .right h3 {font-size: 18px;}
  #b1 .tabwrap1 .con1 .conwrap .inbox2 .boxwrap .right .box h2 {font-size: 26px;}

  #b1 .tabwrap1 .con2 {padding: 100px 20px;}
  #b1 .tabwrap1 .con2 > h2 {font-size: 34px;}
  #b1 .tabwrap1 .con2 .conwrap ul li {font-size: 18px;}
  #b1 .tabwrap1 .con2 .conwrap .tabcon h2 {font-size: 18px;}
  #b1 .tabwrap1 .con2 .conwrap .tabcon .intxt {font-size: 15px; line-height: 25px;}
  #b1 .tabwrap1 .con2 .s_txt {font-size: 18px;}

  #b1 .tabwrap1 .con3 {padding: 0 20px 100px;}


/* 250224 추가 css */

  #b2 .tabwrap2 .inbox1 ul {padding: 20px;}
  #b2 .tabwrap2 .inbox1 ul li p {font-size: 18px;}

  #b2 .tabwrap2 .inbox2 {margin-bottom: 80px; padding: 0 20px;}
  #b2 .tabwrap2 .inbox2 .conwrap > h2 {font-size: 16px;}
  #b2 .tabwrap2 .inbox2 .boxwrap {flex-direction: column;}
  #b2 .tabwrap2 .inbox2 .boxwrap .box {width: 100%; border-right: 0; border-bottom: 1px solid #e2195b;}
  #b2 .tabwrap2 .inbox2 .boxwrap .box:last-child {border-bottom: 0;}
  #b2 .tabwrap2 .inbox2 .download a {font-size: 16px;}

  #b2 .tabwrap2 .inbox3 {padding: 0 20px;}
  
  #b2 .tabwrap2 .inbox4 .boxwrap .inwrap {padding: 80px 20px;}
}

@media screen and (max-width:960px) {
  #b1, #b2 {margin-top: 80px;}
  #b1 .tabwrap1 .con3 ul {flex-wrap: wrap;}
  #b1 .tabwrap1 .con3 ul li {width: calc(100% / 3 - 10px); margin-bottom: 15px;}

  #b2 .tabwrap2 .inbox3 > h2 {font-size: 30px; margin-bottom: 50px;}
  #b2 .tabwrap2 .inbox3 ul {padding: 20px;}
  #b2 .tabwrap2 .inbox3 ul li {width: 50%; margin-bottom: 16px; padding-right: 0;}
  #b2 .tabwrap2 .inbox3 ul li:nth-child(n+7):nth-child(-n+8) {margin-bottom: 0;}
  #b2 .tabwrap2 .inbox3 ul li .box h3 {font-size: 18px;}
  #b2 .tabwrap2 .inbox4 .subtit {padding: 100px 0 40px;}
  #b2 .tabwrap2 .inbox4 .subtit h2 {font-size: 30px;}
  #b2 .tabwrap2 .inbox4 .boxwrap .inwrap {flex-direction: column;}
  #b2 .tabwrap2 .inbox4 .boxwrap .inwrap .left {width: 100%;}
  #b2 .tabwrap2 .inbox4 .boxwrap .inwrap .right {width: 100%;}
  #b2 .tabwrap2 .inbox4 .boxwrap .inwrap .right .box:last-child {margin-bottom: 0;}
  #b2 .tabwrap2 .inbox4 .boxwrap .box {margin-bottom: 30px;}
  #b2 .tabwrap2 .inbox4 .boxwrap .box:last-child {margin-bottom: 30px;}
  #b2 .tabwrap2 .inbox4 .boxwrap .box h3 {text-align: center;}
  #b2 .tabwrap2 .inbox4 .boxwrap .box p {text-align: center;}
  #b2 .tabwrap2 .inbox4 .boxwrap .box ul li {text-align: center;}
}

@media screen and (max-width:640px) {
  #b1, #b2 {margin-top: 60px;}

  #b1 .titwrap, #b2 .titwrap {padding: 80px 0;}
  #b1 .titwrap h2, #b2 .titwrap h2 {font-size: 60px;}

  #b1 .tabwrap1 .con1 {padding: 0 0 60px;}
  #b1 .tabwrap1 .con1 .conwrap > h2 {font-size: 34px;}
  #b1 .tabwrap1 .con1 .conwrap .inbox1 {flex-wrap: wrap;}
  #b1 .tabwrap1 .con1 .conwrap .inbox1 li {width: 100%; margin-bottom: 10px;}
  #b1 .tabwrap1 .con1 .conwrap .inbox1 li:last-child {margin-bottom: 0;}
  #b1 .tabwrap1 .con1 .conwrap .inbox1 li p {font-size: 14px;}
  #b1 .tabwrap1 .con1 .conwrap .inbox2 .boxwrap .left h3 {font-size: 16px;}
  #b1 .tabwrap1 .con1 .conwrap .inbox2 .boxwrap .left {flex-direction: column;}
  #b1 .tabwrap1 .con1 .conwrap .inbox2 .boxwrap .left .box {width: 100%; min-height: 0;}
  #b1 .tabwrap1 .con1 .conwrap .inbox2 .boxwrap .left .box:nth-child(2) {border-bottom: 1px dashed #ddd;}
  #b1 .tabwrap1 .con1 .conwrap .inbox2 .boxwrap .left .box:last-child {border-left: 0;}
  #b1 .tabwrap1 .con1 .conwrap .inbox2 .boxwrap .left .box h2 {font-size: 24px;}
  #b1 .tabwrap1 .con1 .conwrap .inbox2 .boxwrap .left .box ul li p {font-size: 14px; line-height: 22px;}
  #b1 .tabwrap1 .con1 .conwrap .inbox2 .boxwrap .right h3 {font-size: 16px;}
  #b1 .tabwrap1 .con1 .conwrap .inbox2 .boxwrap .right .box {min-height: 0;}
  #b1 .tabwrap1 .con1 .conwrap .inbox2 .boxwrap .right .box h2 {font-size: 24px;}
  #b1 .tabwrap1 .con1 .conwrap .inbox2 .boxwrap .right .box ul li p {font-size: 14px; line-height: 22px;}

  #b1 .tabwrap1 .con2 {padding: 60px 20px;}
  #b1 .tabwrap1 .con2 > h2 {font-size: 24px; margin: 0 auto 30px;}
  #b1 .tabwrap1 .con2 .conwrap ul li {font-size: 16px; padding: 15px 0;}
  #b1 .tabwrap1 .con2 .conwrap .tabcon h2 {font-size: 16px;}
  #b1 .tabwrap1 .con2 .conwrap .tabcon .intxt {font-size: 14px; line-height: 24px; flex-direction: column; align-items: flex-start;}
  #b1 .tabwrap1 .con2 .conwrap .tabcon .intxt span {width: auto; padding: 0 10px; margin-right: 0;}
  #b1 .tabwrap1 .con2 .s_txt {font-size: 16px;}

  #b1 .tabwrap1 .con3 {padding: 0 20px 80px;}
  #b1 .tabwrap1 .con3 > h2 {font-size: 24px; margin: 0 auto 30px;}

  /* 250224 추가 css */
  #b1 .tabwrap1 .con1 .conwrap .inbox2 .boxwrap .left .inboxwrap {flex-direction: column; border-radius: 0 0 10px 10px; overflow: hidden;}
  #b1 .tabwrap1 .con1 .conwrap .inbox2 .boxwrap .left .box {border-radius: 0; padding: 20px;}
  #b1 .tabwrap1 .con1 .conwrap .inbox2 .boxwrap .left .box:first-child {border-bottom: 1px solid #de0251;}
  #b1 .tabwrap1 .con3 ul li {width: calc(100% / 2 - 10px); font-size: 18px;}
  #b1 .tabwrap1 .con3 ul li a {padding: 40px 0;}


  #b2 .tabwrap2 .inbox1 ul {flex-wrap: wrap;}
  #b2 .tabwrap2 .inbox1 ul li {width: 100%; margin-bottom: 10px;}
  #b2 .tabwrap2 .inbox1 ul li:last-child {margin-bottom: 0;}
  #b2 .tabwrap2 .inbox1 ul li p {font-size: 14px;}

  #b2 .tabwrap2 .inbox2 .conwrap > h2 {font-size: 14px;}
  #b2 .tabwrap2 .inbox2 .boxwrap .box {padding: 20px;}
  #b2 .tabwrap2 .inbox2 .boxwrap .box h2 {font-size: 18px;}
  #b2 .tabwrap2 .inbox2 .boxwrap .box p {font-size: 14px; line-height: 24px;}
  #b2 .tabwrap2 .inbox2 .download a {font-size: 14px;}

  #b2 .tabwrap2 .inbox3 ul li {flex-direction: column; justify-content: flex-start;}
  #b2 .tabwrap2 .inbox3 ul li h2 {margin-bottom: 10px;}
  #b2 .tabwrap2 .inbox3 ul li .box h3 {font-size: 16px;}
  #b2 .tabwrap2 .inbox3 > p {font-size: 14px; line-height: 24px; }

  #b2 .tabwrap2 .inbox4 .boxwrap .inwrap {padding: 50px 20px;}
  #b2 .tabwrap2 .inbox4 .boxwrap .box h3 {font-size: 18px;}
  #b2 .tabwrap2 .inbox4 .boxwrap .box p {font-size: 14px; line-height: 24px;}
  #b2 .tabwrap2 .inbox4 .boxwrap .box ul li {font-size: 14px; line-height: 24px;}

}

/* b1 */


/* 서브페이지 css */