@charset "utf-8";

/*----------------------------------------------------
Font
----------------------------------------------------*/
@charset "utf-8";

/*notokr*/
@font-face {
  font-family: 'notokr';
  font-style:  normal;
  font-weight: 100;
  src: url('/font/notokr-thin.eot');
  src: url('/font/notokr-thin.eot?#iefix') format('embedded-opentype'),
       url('/font/notokr-thin.ttf') format('truetype'),
       url('/font/notokr-thin.svg#notokr-thin') format('svg');
}
@font-face {
  font-family: 'notokr';
  font-style:  normal;
  font-weight: 200;
  src: url('/font/notokr-light.eot');
  src: url('/font/notokr-light.eot?#iefix') format('embedded-opentype'),
       url('/font/notokr-light.ttf') format('truetype'),
       url('/font/notokr-light.svg#notokr-light') format('svg');
}
@font-face {
  font-family: 'notokr';
  font-style:  normal;
  font-weight: 300;
  src: url('/font/notokr-demilight.eot');
  src: url('/font/notokr-demilight.eot?#iefix') format('embedded-opentype'),
       url('/font/notokr-demilight.ttf') format('truetype'),
       url('/font/notokr-demilight.svg#notokr-demilight') format('svg');
}
@font-face {
  font-family: 'notokr';
  font-style:  normal;
  font-weight: 400;
  src: url('/font/notokr-regular.eot');
  src: url('/font/notokr-regular.eot?#iefix') format('embedded-opentype'),
       url('/font/notokr-regular.ttf') format('truetype'),
       url('/font/notokr-regular.svg#notokr-regular') format('svg');
}
@font-face {
  font-family: 'notokr';
  font-style:  normal;
  font-weight: 500;
  src: url('/font/notokr-medium.eot');
  src: url('/font/notokr-medium.eot?#iefix') format('embedded-opentype'),
       url('/font/notokr-medium.ttf') format('truetype'),
       url('/font/notokr-medium.svg#notokr-medium') format('svg');
}
@font-face {
  font-family: 'notokr';
  font-style:  normal;
  font-weight: 600;
  src: url('/font/notokr-bold.eot');
  src: url('/font/notokr-bold.eot?#iefix') format('embedded-opentype'),
       url('/font/notokr-bold.ttf') format('truetype'),
       url('/font/notokr-bold.svg#notokr-bold') format('svg');
}
@font-face {
  font-family: 'notokr';
  font-style:  normal;
  font-weight: 800;
  src: url('/font/notokr-black.eot');
  src: url('/font/notokr-black.eot?#iefix') format('embedded-opentype'),
       url('/font/notokr-black.ttf') format('truetype'),
       url('/font/notokr-black.svg#notokr-black') format('svg');
}


/**/
@font-face {
  font-family: "NanumSquareRound";
  font-style: normal;
  font-weight: 300;
  src: local("NanumSquareRoundL"), /* computer */
    url("/font/NanumSquareRoundL.eot"), /* IE9 Compat Modes */
    url("/font/NanumSquareRoundL.eot?#iefix") format("embedded-opentype"), /* IE6-IE8 */
    url("/font/NanumSquareRoundL.woff2") format("woff2"), /* Modern Browsers */
    url("/font/NanumSquareRoundL.woff") format("woff"), /* Modern Browsers */
    url("/font/NanumSquareRoundL.ttf") format("truetype"); /* Safari, Android, iOS */
}
@font-face {
  font-family: "NanumSquareRound";
  font-style: normal;
  font-weight: 400;
  src: local("NanumSquareRoundR"), /* computer */
    url("/font/NanumSquareRoundR.eot"), /* IE9 Compat Modes */
    url("/font/NanumSquareRoundR.eot?#iefix") format("embedded-opentype"), /* IE6-IE8 */
    url("/font/NanumSquareRoundR.woff2") format("woff2"), /* Modern Browsers */
    url("/font/NanumSquareRoundR.woff") format("woff"), /* Modern Browsers */
    url("/font/NanumSquareRoundR.ttf") format("truetype"); /* Safari, Android, iOS */
}
@font-face {
  font-family: "NanumSquareRound";
  font-style: normal;
  font-weight: 600;
  src: local("NanumSquareRoundB"), /* computer */
    url("/font/NanumSquareRoundB.eot"), /* IE9 Compat Modes */
    url("/font/NanumSquareRoundB.eot?#iefix") format("embedded-opentype"), /* IE6-IE8 */
    url("/font/NanumSquareRoundB.woff2") format("woff2"), /* Modern Browsers */
    url("/font/NanumSquareRoundB.woff") format("woff"), /* Modern Browsers */
    url("/font/NanumSquareRoundB.ttf") format("truetype"); /* Safari, Android, iOS */
}
@font-face {
  font-family: "NanumSquareRound";
  font-style: normal;
  font-weight: 800;
  src: local("NanumSquareRoundEB"), /* computer */
    url("/font/NanumSquareRoundEB.eot"), /* IE9 Compat Modes */
    url("/font/NanumSquareRoundEB.eot?#iefix") format("embedded-opentype"), /* IE6-IE8 */
    url("/font/NanumSquareRoundEB.woff2") format("woff2"), /* Modern Browsers */
    url("/font/NanumSquareRoundEB.woff") format("woff"), /* Modern Browsers */
    url("/font/NanumSquareRoundEB.ttf") format("truetype"); /* Safari, Android, iOS */
}


body, button, h1, h2, h3, h4, h5, input, select, table, textarea{font-family:Helvetica,'Apple SD Gothic Neo','notokr','나눔고딕', NanumGothic,'맑은고딕','Malgun Gothic','돋움', dotum, sans-serif !important}
body{word-break:keep-all}


/*----------------------------------------------------
Green School
----------------------------------------------------*/
.section .text .title{line-height:1.4 !important}
.greenschool-visual .text .title{height:98px; background:url('/images/greenschool/visual_title.svg') no-repeat center; background-size:contain}
.greenschool-visual .text .desc{margin-top:20px}
.act-goal .circle .tip,
.act-goal .item .title{font-weight:600 !important}
.act-items .item .title{ width:150px !important}
@media (min-width:768px){
  .greenschool-visual .text{max-width:var(--mx-width-md) !important}
  .greenschool-visual .text .title{height:180px}
  .act-items .item .desc{flex-basis:auto !important}
  .act-items .item .co2 span{width:160px !important}
  .act-items .item .co2::before{display:inline-block !important}
}
@media (min-width:1070px){
  .greenschool-visual .text .title{height:220px !important}
}