@charset "utf-8";

/* noto-sans-kr-300 - korean_latin */
@font-face {
  font-family: 'Noto Sans KR';
  font-style: normal;
  font-weight: 300;
  src: url('fonts/noto-sans-kr-v11-korean_latin-300.eot'); /* IE9 Compat Modes */
  src: local('Noto Sans KR Light'), local('NotoSansKR-Light'),
       url('fonts/noto-sans-kr-v11-korean_latin-300.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
       url('fonts/noto-sans-kr-v11-korean_latin-300.woff2') format('woff2'), /* Super Modern Browsers */
       url('fonts/noto-sans-kr-v11-korean_latin-300.woff') format('woff'), /* Modern Browsers */
       url('fonts/noto-sans-kr-v11-korean_latin-300.ttf') format('truetype'), /* Safari, Android, iOS */
       url('fonts/noto-sans-kr-v11-korean_latin-300.svg#NotoSansKR') format('svg'); /* Legacy iOS */
}
/* noto-sans-kr-regular - korean_latin */
@font-face {
  font-family: 'Noto Sans KR';
  font-style: normal;
  font-weight: 400;
  src: url('fonts/noto-sans-kr-v11-korean_latin-regular.eot'); /* IE9 Compat Modes */
  src: local('Noto Sans KR Regular'), local('NotoSansKR-Regular'),
       url('fonts/noto-sans-kr-v11-korean_latin-regular.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
       url('fonts/noto-sans-kr-v11-korean_latin-regular.woff2') format('woff2'), /* Super Modern Browsers */
       url('fonts/noto-sans-kr-v11-korean_latin-regular.woff') format('woff'), /* Modern Browsers */
       url('fonts/noto-sans-kr-v11-korean_latin-regular.ttf') format('truetype'), /* Safari, Android, iOS */
       url('fonts/noto-sans-kr-v11-korean_latin-regular.svg#NotoSansKR') format('svg'); /* Legacy iOS */
}
/* noto-sans-kr-500 - korean_latin */
@font-face {
  font-family: 'Noto Sans KR';
  font-style: normal;
  font-weight: 500;
  src: url('fonts/noto-sans-kr-v11-korean_latin-500.eot'); /* IE9 Compat Modes */
  src: local('Noto Sans KR Medium'), local('NotoSansKR-Medium'),
       url('fonts/noto-sans-kr-v11-korean_latin-500.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
       url('fonts/noto-sans-kr-v11-korean_latin-500.woff2') format('woff2'), /* Super Modern Browsers */
       url('fonts/noto-sans-kr-v11-korean_latin-500.woff') format('woff'), /* Modern Browsers */
       url('fonts/noto-sans-kr-v11-korean_latin-500.ttf') format('truetype'), /* Safari, Android, iOS */
       url('fonts/noto-sans-kr-v11-korean_latin-500.svg#NotoSansKR') format('svg'); /* Legacy iOS */
}
/* noto-sans-kr-700 - korean_latin */
@font-face {
  font-family: 'Noto Sans KR';
  font-style: normal;
  font-weight: 700;
  src: url('fonts/noto-sans-kr-v11-korean_latin-700.eot'); /* IE9 Compat Modes */
  src: local('Noto Sans KR Bold'), local('NotoSansKR-Bold'),
       url('fonts/noto-sans-kr-v11-korean_latin-700.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
       url('fonts/noto-sans-kr-v11-korean_latin-700.woff2') format('woff2'), /* Super Modern Browsers */
       url('fonts/noto-sans-kr-v11-korean_latin-700.woff') format('woff'), /* Modern Browsers */
       url('fonts/noto-sans-kr-v11-korean_latin-700.ttf') format('truetype'), /* Safari, Android, iOS */
       url('fonts/noto-sans-kr-v11-korean_latin-700.svg#NotoSansKR') format('svg'); /* Legacy iOS */
}

/* jung modi */
#main{ width:100%; background:linear-gradient(120deg, #1F366B, #1F366B, #274770, #1D1431); position:relative}
/* #header h1{ width: auto; margin-left: 50px}
#header p{ width: calc(100% - 257px - 125px); padding-top: 45px; margin-right: 120px}
#header p button{ padding: 10px 20px; font-size: 1rem; font-weight: 600} */

/*
#main .bgImg{ display: none}
#main:before{ content: ''; display: block; background: url(../images/img_bg2_1.png) no-repeat 0 0 / 85% auto; width: 932px; height: 940px; position: absolute}
#main:after{ content: ''; display: block; background: url(../images/img_bg2_2.png) no-repeat 100% 0 / 85% auto; width: 461px; height: 645px; position: absolute; right: 0}
#main li:nth-child(1){ font-size: 2.5rem;}
#main li:nth-child(2){ margin: 10px 0 40px 0;}
#main li:nth-child(3){ font-size: 2.3rem; position: relative; margin: 0}
#main li:nth-child(3):before, #main li:nth-child(3):after{ content: ''; display: block; position: absolute; height: 100%; width: 45%; background: #2453a4; z-index: -1; top: 0; left: 5%}
#main li:nth-child(3):after{ background: #f16825; left: auto; right: 5%}
#main li span, #main li strong{ line-height: 2; height: auto; padding: 0 15px; background: none}
#main li strong{ }*/

#main .cts{ flex-direction: row-reverse;}/* ie 11 */

@media (max-width: 768px) {
#main:before{ width: 100%}
}