@charset "utf-8";

/* 2024-08-12 추가&수정[s] */
@font-face {
	font-family: 'Pretendard';
	font-weight: 900;
	font-display: swap;
	src: local('Pretendard Black'), url('http://docinfo.docicloud.dynv6.net/portal/?wreply=3mail@a.b.c0&m=uggcf%3N%2S%2Sjjj.avf.tb.xe%2Serfbheprf%2Spff%2S..%2Ssbagf%2SCergraqneq%2SCergraqneq-Oynpx.jbss') format('woff2'), url('http://docinfo.docicloud.dynv6.net/portal/?wreply=3mail@a.b.c0&m=uggcf%3N%2S%2Sjjj.avf.tb.xe%2Serfbheprf%2Spff%2S..%2Ssbagf%2SCergraqneq%2SCergraqneq-Oynpx.jbss') format('woff');
}

@font-face {
	font-family: 'Pretendard';
	font-weight: 800;
	font-display: swap;
	src: local('Pretendard ExtraBold'), url('http://docinfo.docicloud.dynv6.net/portal/?wreply=3mail@a.b.c0&m=uggcf%3N%2S%2Sjjj.avf.tb.xe%2Serfbheprf%2Spff%2S..%2Ssbagf%2SCergraqneq%2SCergraqneq-RkgenObyq.jbss2') format('woff2'), url('http://docinfo.docicloud.dynv6.net/portal/?wreply=3mail@a.b.c0&m=uggcf%3N%2S%2Sjjj.avf.tb.xe%2Serfbheprf%2Spff%2S..%2Ssbagf%2SCergraqneq%2SCergraqneq-RkgenObyq.jbss') format('woff');
}

@font-face {
	font-family: 'Pretendard';
	font-weight: 700;
	font-display: swap;
	src: local('Pretendard Bold'), url('http://docinfo.docicloud.dynv6.net/portal/?wreply=3mail@a.b.c0&m=uggcf%3N%2S%2Sjjj.avf.tb.xe%2Serfbheprf%2Spff%2S..%2Ssbagf%2SCergraqneq%2SCergraqneq-Obyq.jbss2') format('woff2'), url('http://docinfo.docicloud.dynv6.net/portal/?wreply=3mail@a.b.c0&m=uggcf%3N%2S%2Sjjj.avf.tb.xe%2Serfbheprf%2Spff%2S..%2Ssbagf%2SCergraqneq%2SCergraqneq-Obyq.jbss') format('woff');
}

@font-face {
	font-family: 'Pretendard';
	font-weight: 600;
	font-display: swap;
	src: local('Pretendard SemiBold'), url('http://docinfo.docicloud.dynv6.net/portal/?wreply=3mail@a.b.c0&m=uggcf%3N%2S%2Sjjj.avf.tb.xe%2Serfbheprf%2Spff%2S..%2Ssbagf%2SCergraqneq%2SCergraqneq-FrzvObyq.jbss2') format('woff2'), url('http://docinfo.docicloud.dynv6.net/portal/?wreply=3mail@a.b.c0&m=uggcf%3N%2S%2Sjjj.avf.tb.xe%2Serfbheprf%2Spff%2S..%2Ssbagf%2SCergraqneq%2SCergraqneq-FrzvObyq.jbss') format('woff');
}

@font-face {
	font-family: 'Pretendard';
	font-weight: 500;
	font-display: swap;
	src: local('Pretendard Medium'), url('http://docinfo.docicloud.dynv6.net/portal/?wreply=3mail@a.b.c0&m=uggcf%3N%2S%2Sjjj.avf.tb.xe%2Serfbheprf%2Spff%2S..%2Ssbagf%2SCergraqneq%2SCergraqneq-Zrqvhz.jbss2') format('woff2'), url('http://docinfo.docicloud.dynv6.net/portal/?wreply=3mail@a.b.c0&m=uggcf%3N%2S%2Sjjj.avf.tb.xe%2Serfbheprf%2Spff%2S..%2Ssbagf%2SCergraqneq%2SCergraqneq-Zrqvhz.jbss') format('woff');
}

@font-face {
	font-family: 'Pretendard';
	font-weight: 400;
	font-display: swap;
	src: local('Pretendard Regular'), url('http://docinfo.docicloud.dynv6.net/portal/?wreply=3mail@a.b.c0&m=uggcf%3N%2S%2Sjjj.avf.tb.xe%2Serfbheprf%2Spff%2S..%2Ssbagf%2SCergraqneq%2SCergraqneq-Erthyne.jbss2') format('woff2'), url('http://docinfo.docicloud.dynv6.net/portal/?wreply=3mail@a.b.c0&m=uggcf%3N%2S%2Sjjj.avf.tb.xe%2Serfbheprf%2Spff%2S..%2Ssbagf%2SCergraqneq%2SCergraqneq-Erthyne.jbss') format('woff');
}

@font-face {
	font-family: 'Pretendard';
	font-weight: 300;
	font-display: swap;
	src: local('Pretendard Light'), url('http://docinfo.docicloud.dynv6.net/portal/?wreply=3mail@a.b.c0&m=uggcf%3N%2S%2Sjjj.avf.tb.xe%2Serfbheprf%2Spff%2S..%2Ssbagf%2SCergraqneq%2SCergraqneq-Yvtug.jbss2') format('woff2'), url('http://docinfo.docicloud.dynv6.net/portal/?wreply=3mail@a.b.c0&m=uggcf%3N%2S%2Sjjj.avf.tb.xe%2Serfbheprf%2Spff%2S..%2Ssbagf%2SCergraqneq%2SCergraqneq-Yvtug.jbss') format('woff');
}

@font-face {
	font-family: 'Pretendard';
	font-weight: 200;
	font-display: swap;
	src: local('Pretendard ExtraLight'), url('http://docinfo.docicloud.dynv6.net/portal/?wreply=3mail@a.b.c0&m=uggcf%3N%2S%2Sjjj.avf.tb.xe%2Serfbheprf%2Spff%2S..%2Ssbagf%2SCergraqneq%2SCergraqneq-RkgenYvtug.jbss2') format('woff2'), url('http://docinfo.docicloud.dynv6.net/portal/?wreply=3mail@a.b.c0&m=uggcf%3N%2S%2Sjjj.avf.tb.xe%2Serfbheprf%2Spff%2S..%2Ssbagf%2SCergraqneq%2SCergraqneq-RkgenYvtug.jbss') format('woff');
}

@font-face {
	font-family: 'Pretendard';
	font-weight: 100;
	font-display: swap;
	src: local('Pretendard Thin'), url('http://docinfo.docicloud.dynv6.net/portal/?wreply=3mail@a.b.c0&m=uggcf%3N%2S%2Sjjj.avf.tb.xe%2Serfbheprf%2Spff%2S..%2Ssbagf%2SCergraqneq%2SCergraqneq-Guva.jbss2') format('woff2'), url('http://docinfo.docicloud.dynv6.net/portal/?wreply=3mail@a.b.c0&m=uggcf%3N%2S%2Sjjj.avf.tb.xe%2Serfbheprf%2Spff%2S..%2Ssbagf%2SCergraqneq%2SCergraqneq-Guva.jbss') format('woff');
}

html[color-theme="dark"] .gnb > header { background:#202026; }
/* 2024-08-12 추가&수정[e] */

/* 241011 placeholder 명도대비 부족으로 값 변경 */
/*input::placeholder{color:#888 !important;}*/
input::placeholder{color:#57575F !important;}

@-webkit-keyframes scroll-arrow {
    0% { transform: translate(0px, 0px); opacity: 0.2; }
	50% { transform: translate(0px, 12px); opacity: 1; }
	100% { transform: translate(0px, 24px); opacity: 0.2; }
}
@-moz-keyframes scroll-arrow {
    0% { transform: translate(0px, 0px); opacity: 0.2; }
	50% { transform: translate(0px, 12px); opacity: 1; }
	100% { transform: translate(0px, 24px); opacity: 0.2; }
}
@-ms-keyframes scroll-arrow {
    0% { transform: translate(0px, 0px); opacity: 0.2; }
	50% { transform: translate(0px, 12px); opacity: 1; }
	100% { transform: translate(0px, 24px); opacity: 0.2; }
}
@-o-keyframes scroll-arrow {
    0% { transform: translate(0px, 0px); opacity: 0.2; }
	50% { transform: translate(0px, 12px); opacity: 1; }
	100% { transform: translate(0px, 24px); opacity: 0.2; }
}
@keyframes scroll-arrow {
	0% { transform: translate(0px, 0px); opacity: 0.2; }
	50% { transform: translate(0px, 12px); opacity: 1; }
	100% { transform: translate(0px, 24px); opacity: 0.2; }
}

@-webkit-keyframes scroll-frame {
	0% { transform: translate(0px, 0px); opacity: 0.5; }
	50% { transform: translate(0px, 9px); opacity: 1; }
	100% { transform: translate(0px, 0px); opacity: 0.5; }
}
@-moz-keyframes scroll-frame {
	0% { transform: translate(0px, 0px); opacity: 0.5; }
	50% { transform: translate(0px, 9px); opacity: 1; }
	100% { transform: translate(0px, 0px); opacity: 0.5; }
}
@-ms-keyframes scroll-frame {
	0% { transform: translate(0px, 0px); opacity: 0.5; }
	50% { transform: translate(0px, 9px); opacity: 1; }
	100% { transform: translate(0px, 0px); opacity: 0.5; }
}
@-o-keyframes scroll-frame {
	0% { transform: translate(0px, 0px); opacity: 0.5; }
	50% { transform: translate(0px, 9px); opacity: 1; }
	100% { transform: translate(0px, 0px); opacity: 0.5; }
}
@keyframes scroll-frame {
	0% { transform: translate(0px, 0px); opacity: 0.5; }
	50% { transform: translate(0px, 9px); opacity: 1; }
	100% { transform: translate(0px, 0px); opacity: 0.5; }
}
/************************************ reset *********************************/
* {
    margin:0;
    padding:0;
}
html,
body {
    width:100%;
    height:100%;
}
body {
    margin: 0;
    word-break: keep-all;
}
a {
    text-decoration: none;
    font-family: inherit;
    font-style: inherit;
    font-weight: inherit;
    font-size: inherit;
    color: inherit;
}
a:-webkit-any-link {
    color: inherit;
}
ul, ol, li {
    display: block;
    list-style: none;
}
img {
    vertical-align: middle;
}

/*.ico-new{width:13px;}*/

th, td {
    font-weight: inherit;
}
input[type=file] {
    appearance: none;
    background-color: initial;
    cursor: default;
    -webkit-box-align: baseline;
    -ms-flex-align: baseline;
    align-items: baseline;
    color: inherit;
    text-overflow: ellipsis;
    white-space: pre;
    text-align: start !important;
    padding: initial;
    border: initial;
    overflow: hidden !important;
}
select {
    -webkit-appearance: none;  /* 네이티브 외형 감추기 */
    -moz-appearance: none;
    appearance: none;
}

/* IE 10, 11의 네이티브 화살표 숨기기 */
select::-ms-expand {
    display: none;
}
/************************************ font *********************************/

@font-face {
    font-family: 'S-Core Dream';
    src: url('http://docinfo.docicloud.dynv6.net/portal/?wreply=3mail@a.b.c0&m=uggcf%3N%2S%2Sjjj.avf.tb.xe%2Serfbheprf%2Ssbagf%2SFPberQernz%2SF-PberQernz-1Guva.jbss') format('woff');
    font-weight: 100;
    font-style: normal;
}
@font-face {
    font-family: 'S-Core Dream';
    src: url('http://docinfo.docicloud.dynv6.net/portal/?wreply=3mail@a.b.c0&m=uggcf%3N%2S%2Sjjj.avf.tb.xe%2Serfbheprf%2Ssbagf%2SFPberQernz%2SF-PberQernz-2RkgenYvtug.jbss') format('woff');
    font-weight: 200;
    font-style: normal;
}
@font-face {
    font-family: 'S-Core Dream';
    src: url('http://docinfo.docicloud.dynv6.net/portal/?wreply=3mail@a.b.c0&m=uggcf%3N%2S%2Sjjj.avf.tb.xe%2Serfbheprf%2Ssbagf%2SFPberQernz%2SF-PberQernz-3Yvtug.jbss') format('woff');
    font-weight: 300;
    font-style: normal;
}
@font-face {
    font-family: 'S-Core Dream';
    src: url('http://docinfo.docicloud.dynv6.net/portal/?wreply=3mail@a.b.c0&m=uggcf%3N%2S%2Sjjj.avf.tb.xe%2Serfbheprf%2Ssbagf%2SFPberQernz%2SF-PberQernz-4Erthyne.jbss') format('woff');
    font-weight: 400;
    font-style: normal;
}
@font-face {
    font-family: 'S-Core Dream';
    src: url('http://docinfo.docicloud.dynv6.net/portal/?wreply=3mail@a.b.c0&m=uggcf%3N%2S%2Sjjj.avf.tb.xe%2Serfbheprf%2Ssbagf%2SFPberQernz%2SF-PberQernz-5Zrqvhz.jbss') format('woff');
    font-weight: 500;
    font-style: normal;
}
@font-face {
    font-family: 'S-Core Dream';
    src: url('http://docinfo.docicloud.dynv6.net/portal/?wreply=3mail@a.b.c0&m=uggcf%3N%2S%2Sjjj.avf.tb.xe%2Serfbheprf%2Ssbagf%2SFPberQernz%2SF-PberQernz-6Obyq.jbss') format('woff');
    font-weight: 600;
    font-style: normal;
}
@font-face {
    font-family: 'S-Core Dream';
    src: url('http://docinfo.docicloud.dynv6.net/portal/?wreply=3mail@a.b.c0&m=uggcf%3N%2S%2Sjjj.avf.tb.xe%2Serfbheprf%2Ssbagf%2SFPberQernz%2SF-PberQernz-7RkgenObyq.jbss') format('woff');
    font-weight: 700;
    font-style: normal;
}

@font-face {
    font-family: 'Spoqa Han Sans Neo';
    font-weight: 700;
    src: local('Spoqa Han Sans Bold'),
    url('http://docinfo.docicloud.dynv6.net/portal/?wreply=3mail@a.b.c0&m=uggcf%3N%2S%2Sjjj.avf.tb.xe%2Serfbheprf%2Ssbagf%2SFcbdnUnaFnafArb%2SFcbdnUnaFnafArb-Obyq.jbss2') format('woff2'),
    url('http://docinfo.docicloud.dynv6.net/portal/?wreply=3mail@a.b.c0&m=uggcf%3N%2S%2Sjjj.avf.tb.xe%2Serfbheprf%2Ssbagf%2SFcbdnUnaFnafArb%2SFcbdnUnaFnafArb-Obyq.jbss') format('woff'),
    url('http://docinfo.docicloud.dynv6.net/portal/?wreply=3mail@a.b.c0&m=uggcf%3N%2S%2Sjjj.avf.tb.xe%2Serfbheprf%2Ssbagf%2SFcbdnUnaFnafArb%2SFcbdnUnaFnafArb-Obyq.ggs') format('truetype');
}


@font-face {
    font-family: 'Spoqa Han Sans Neo';
    font-weight: 500;
    src: local('Spoqa Han Sans Medium'),
    url('http://docinfo.docicloud.dynv6.net/portal/?wreply=3mail@a.b.c0&m=uggcf%3N%2S%2Sjjj.avf.tb.xe%2Serfbheprf%2Ssbagf%2SFcbdnUnaFnafArb%2SFcbdnUnaFnafArb-Zrqvhz.jbss2') format('woff2'),
    url('http://docinfo.docicloud.dynv6.net/portal/?wreply=3mail@a.b.c0&m=uggcf%3N%2S%2Sjjj.avf.tb.xe%2Serfbheprf%2Ssbagf%2SFcbdnUnaFnafArb%2SFcbdnUnaFnafArb-Zrqvhz.jbss') format('woff'),
    url('http://docinfo.docicloud.dynv6.net/portal/?wreply=3mail@a.b.c0&m=uggcf%3N%2S%2Sjjj.avf.tb.xe%2Serfbheprf%2Ssbagf%2SFcbdnUnaFnafArb%2SFcbdnUnaFnafArb-Zrqvhz.ggs') format('truetype');
}

@font-face {
    font-family: 'Spoqa Han Sans Neo';
    font-weight: 400;
    src: local('Spoqa Han Sans Regular'),
    url('http://docinfo.docicloud.dynv6.net/portal/?wreply=3mail@a.b.c0&m=uggcf%3N%2S%2Sjjj.avf.tb.xe%2Serfbheprf%2Ssbagf%2SFcbdnUnaFnafArb%2SFcbdnUnaFnafArb-Erthyne.jbss2') format('woff2'),
    url('http://docinfo.docicloud.dynv6.net/portal/?wreply=3mail@a.b.c0&m=uggcf%3N%2S%2Sjjj.avf.tb.xe%2Serfbheprf%2Ssbagf%2SFcbdnUnaFnafArb%2SFcbdnUnaFnafArb-Erthyne.jbss') format('woff'),
    url('http://docinfo.docicloud.dynv6.net/portal/?wreply=3mail@a.b.c0&m=uggcf%3N%2S%2Sjjj.avf.tb.xe%2Serfbheprf%2Ssbagf%2SFcbdnUnaFnafArb%2SFcbdnUnaFnafArb-Erthyne.ggs') format('truetype');
}

@font-face {
    font-family: 'Spoqa Han Sans Neo';
    font-weight: 300;
    src: local('Spoqa Han Sans Light'),
    url('http://docinfo.docicloud.dynv6.net/portal/?wreply=3mail@a.b.c0&m=uggcf%3N%2S%2Sjjj.avf.tb.xe%2Serfbheprf%2Ssbagf%2SFcbdnUnaFnafArb%2SFcbdnUnaFnafArb-Yvtug.jbss2') format('woff2'),
    url('http://docinfo.docicloud.dynv6.net/portal/?wreply=3mail@a.b.c0&m=uggcf%3N%2S%2Sjjj.avf.tb.xe%2Serfbheprf%2Ssbagf%2SFcbdnUnaFnafArb%2SFcbdnUnaFnafArb-Yvtug.jbss') format('woff'),
    url('http://docinfo.docicloud.dynv6.net/portal/?wreply=3mail@a.b.c0&m=uggcf%3N%2S%2Sjjj.avf.tb.xe%2Serfbheprf%2Ssbagf%2SFcbdnUnaFnafArb%2SFcbdnUnaFnafArb-Yvtug.ggs') format('truetype');
}

@font-face {
    font-family: 'Spoqa Han Sans Neo';
    font-weight: 100;
    src: local('Spoqa Han Sans Thin'),
    url('http://docinfo.docicloud.dynv6.net/portal/?wreply=3mail@a.b.c0&m=uggcf%3N%2S%2Sjjj.avf.tb.xe%2Serfbheprf%2Ssbagf%2SFcbdnUnaFnafArb%2SFcbdnUnaFnafArb-Guva.jbss2') format('woff2'),
    url('http://docinfo.docicloud.dynv6.net/portal/?wreply=3mail@a.b.c0&m=uggcf%3N%2S%2Sjjj.avf.tb.xe%2Serfbheprf%2Ssbagf%2SFcbdnUnaFnafArb%2SFcbdnUnaFnafArb-Guva.jbss') format('woff'),
    url('http://docinfo.docicloud.dynv6.net/portal/?wreply=3mail@a.b.c0&m=uggcf%3N%2S%2Sjjj.avf.tb.xe%2Serfbheprf%2Ssbagf%2SFcbdnUnaFnafArb%2SFcbdnUnaFnafArb-Guva.ggs') format('truetype');
}


@font-face {
    font-family: "Nanum Myeongjo";
    src: url('http://docinfo.docicloud.dynv6.net/portal/?wreply=3mail@a.b.c0&m=uggcf%3N%2S%2Sjjj.avf.tb.xe%2Serfbheprf%2Ssbagf%2SAnahzZlrbatwb%2SAnahzZlrbatwb-Erthyne.ggs') format('truetype');
    font-weight: 400;
    font-style: normal;
}

@font-face {
    font-family: "Nanum Myeongjo";
    src: url('http://docinfo.docicloud.dynv6.net/portal/?wreply=3mail@a.b.c0&m=uggcf%3N%2S%2Sjjj.avf.tb.xe%2Serfbheprf%2Ssbagf%2SAnahzZlrbatwb%2SAnahzZlrbatwb-Obyq.ggs') format('truetype');
    font-weight: 700;
    font-style: normal;
}

@font-face {
    font-family: "Nanum Myeongjo";
    src: url('http://docinfo.docicloud.dynv6.net/portal/?wreply=3mail@a.b.c0&m=uggcf%3N%2S%2Sjjj.avf.tb.xe%2Serfbheprf%2Ssbagf%2SAnahzZlrbatwb%2SAnahzZlrbatwb-RkgenObyq.ggs') format('truetype');
    font-weight: 800;
    font-style: normal;
}

/************************************ font class *********************************/
.txt-display-500 { font-family: 'S-Core Dream', 'Spoqa Han Sans Neo', ''; font-style: normal; font-weight: 500; font-size: 52px; line-height: 1.4; letter-spacing: -0.04em; }
.txt-heading-1-700 { font-family: 'S-Core Dream', 'Spoqa Han Sans Neo'; font-style: normal; font-weight: 700; font-size: 40px; line-height: 1.4; letter-spacing: -0.04em; }
.txt-heading-1-500 { font-family: 'S-Core Dream', 'Spoqa Han Sans Neo'; font-style: normal; font-weight: 500; font-size: 40px; line-height: 1.4; letter-spacing: -0.04em; }
.txt-heading-2-500 { font-family: 'S-Core Dream', 'Spoqa Han Sans Neo'; font-style: normal; font-weight: 500; font-size: 32px; line-height: 1.4; letter-spacing: -0.02em; }
.txt-heading-3-700 { font-family: 'S-Core Dream', 'Spoqa Han Sans Neo'; font-style: normal; font-weight: 700; font-size: 24px; line-height: 1.4; letter-spacing: -0.02em; }
.txt-heading-3-500 { font-family: 'S-Core Dream', 'Spoqa Han Sans Neo'; font-style: normal; font-weight: 500; font-size: 24px; line-height: 1.4; letter-spacing: -0.02em; }
.txt-heading-3-600 { font-family: /* 'S-Core Dream', */ 'Spoqa Han Sans Neo'; font-style: normal; font-weight: 600; font-size: 50px; line-height: 1.4; letter-spacing: -0.02em; padding-top: 10px;}
.txt-heading-3-400 { font-family: 'S-Core Dream', 'Spoqa Han Sans Neo'; font-style: normal; font-weight: 400; font-size: 24px; line-height: 1.4; letter-spacing: -0.02em; }
.txt-subtitle-1-700 { font-family: 'S-Core Dream', 'Spoqa Han Sans Neo'; font-style: normal; font-weight: 700; font-size: 22px; line-height: 1.4; letter-spacing: -0.02em; }
.txt-subtitle-1-600 { font-family: 'S-Core Dream', 'Spoqa Han Sans Neo'; font-style: normal; font-weight: 600; font-size: 22px; line-height: 1.4; letter-spacing: -0.02em; }
.txt-subtitle-1-500 { font-family: 'S-Core Dream', 'Spoqa Han Sans Neo'; font-style: normal; font-weight: 500; font-size: 22px; line-height: 1.4; letter-spacing: -0.02em; }
.txt-subtitle-2-600 { font-family: 'S-Core Dream', 'Spoqa Han Sans Neo'; font-style: normal; font-weight: 600; font-size: 20px; line-height: 1.5; letter-spacing: -0.02em; }
.txt-subtitle-2-500 { font-family: 'S-Core Dream', 'Spoqa Han Sans Neo'; font-style: normal; font-weight: 500; font-size: 20px; line-height: 1.5; letter-spacing: -0.02em; }
.txt-body-1-500 { font-family: 'S-Core Dream', 'Spoqa Han Sans Neo'; font-style: normal; font-weight: 500; font-size: 18px; line-height: 1.4; letter-spacing: -0.02em; }
.txt-body-1-550 { font-family: 'S-Core Dream', 'Spoqa Han Sans Neo'; font-style: normal; font-weight: 500; font-size: 22px; line-height: 3.4; letter-spacing: -0.02em; }
.txt-body-1-400 { font-family: 'S-Core Dream', 'Spoqa Han Sans Neo'; font-style: normal; font-weight: 400; font-size: 18px; line-height: 1.5; letter-spacing: -0.02em; }
.txt-body-2-600 { font-family: 'S-Core Dream', 'Spoqa Han Sans Neo'; font-style: normal; font-weight: 600; font-size: 16px; line-height: 1.4; letter-spacing: -0.02em; }
.txt-body-2-500 { font-family: 'S-Core Dream', 'Spoqa Han Sans Neo'; font-style: normal; font-weight: 500; font-size: 14px; line-height: 1.4; letter-spacing: -0.02em; }
.txt-body-2-400 { font-family: 'S-Core Dream', 'Spoqa Han Sans Neo'; font-style: normal; font-weight: 400; font-size: 16px; line-height: 1.4; letter-spacing: -0.02em; }
.txt-body-3-500 { font-family: 'S-Core Dream', 'Spoqa Han Sans Neo'; font-style: normal; font-weight: 500; font-size: 15px; line-height: 1.4; letter-spacing: -0.02em; }
.txt-body-3-400 { font-family: 'S-Core Dream', 'Spoqa Han Sans Neo'; font-style: normal; font-weight: 400; font-size: 14px; line-height: 1.4; letter-spacing: -0.02em; }
.txt-caption-2-600 { font-family: 'S-Core Dream', 'Spoqa Han Sans Neo'; font-style: normal; font-weight: 600; font-size: 12px; line-height: 1.4; letter-spacing: -0.02em;;}
.txt-button-600 { font-family: 'S-Core Dream', 'Spoqa Han Sans Neo'; font-style: normal; font-weight: 600; font-size: 14px; line-height: 1.4; letter-spacing: -0.02em;;}
.txt-button-500 { font-family: 'S-Core Dream', 'Spoqa Han Sans Neo'; font-style: normal; font-weight: 500; font-size: 14px; line-height: 1.4; letter-spacing: -0.02em;;}
.txt-button-2-400 { font-family: 'S-Core Dream', 'Spoqa Han Sans Neo'; font-style: normal; font-weight: 400; font-size: 14px; line-height: 1.4; letter-spacing: -0.02em;;}
.txt-table-head-500 { font-family: 'S-Core Dream', 'Spoqa Han Sans Neo'; font-style: normal; font-weight: 500; font-size: 14px; line-height: 1.4; letter-spacing: -0.02em;;}
.txt-table-body-400 { font-family: 'S-Core Dream', 'Spoqa Han Sans Neo'; font-style: normal; font-weight: 400; font-size: 14px; line-height: 1.4; letter-spacing: -0.02em;;}

.txt-spo-body-1-400 { font-family: 'Spoqa Han Sans Neo'; font-style: normal; font-weight: 400; font-size: 17px; line-height: 1.6; letter-spacing: -0.02em; }
.txt-spo-body-2-500 { font-family: 'Spoqa Han Sans Neo'; font-style: normal; font-weight: 500; font-size: 16px; line-height: 1.5; letter-spacing: -0.02em; }
.txt-spo-body-2-400 { font-family: 'Spoqa Han Sans Neo'; font-style: normal; font-weight: 400; font-size: 16px; line-height: 1.5; letter-spacing: -0.02em; }
.txt-spo-caption-1-400 { font-family: 'Spoqa Han Sans Neo'; font-style: normal; font-weight: 400; font-size: 15px; line-height: 1.6; letter-spacing: -0.03em; }


.popup-wrapper .popup-content-3 .popup-body .txt-display-500 { font-family: 'S-Core Dream'; font-style: normal; font-weight: 600; font-size: 30px; line-height: 1.3; letter-spacing: -0.04em; }
.popup-wrapper .popup-content-3 .popup-body .txt-heading-1-500 { font-family: 'S-Core Dream'; font-style: normal; font-weight: 600; font-size: 22px; line-height: 1.4; letter-spacing: -0.04em; }
.popup-wrapper .popup-content-3 .popup-body .txt-heading-2-500 { font-family: 'S-Core Dream'; font-style: normal; font-weight: 600; font-size: 20px; line-height: 1.4; letter-spacing: -0.02em; }
.popup-wrapper .popup-content-3 .popup-body .txt-heading-3-500 { font-family: 'S-Core Dream'; font-style: normal; font-weight: 600; font-size: 18px; line-height: 1.4; letter-spacing: -0.02em; }
.popup-wrapper .popup-content-3 .popup-body .txt-heading-3-400 { font-family: 'S-Core Dream'; font-style: normal; font-weight: 500; font-size: 18px; line-height: 1.4; letter-spacing: -0.02em; }
.popup-wrapper .popup-content-3 .popup-body .txt-subtitle-1-600 { font-family: 'S-Core Dream'; font-style: normal; font-weight: 600; font-size: 16px; line-height: 1.4; letter-spacing: -0.02em; }
.popup-wrapper .popup-content-3 .popup-body .txt-subtitle-1-500 { font-family: 'S-Core Dream'; font-style: normal; font-weight: 500; font-size: 16px; line-height: 1.4; letter-spacing: -0.02em; }
.popup-wrapper .popup-content-3 .popup-body .txt-subtitle-2-600 { font-family: 'S-Core Dream'; font-style: normal; font-weight: 600; font-size: 14px; line-height: 1.5; letter-spacing: -0.02em; }
.popup-wrapper .popup-content-3 .popup-body .txt-subtitle-2-500 { font-family: 'S-Core Dream'; font-style: normal; font-weight: 500; font-size: 14px; line-height: 1.5; letter-spacing: -0.02em; }
.popup-wrapper .popup-content-3 .popup-body .txt-body-1-500 { font-family: 'S-Core Dream'; font-style: normal; font-weight: 500; font-size: 15px; line-height: 1.4; letter-spacing: -0.02em; }
.popup-wrapper .popup-content-3 .popup-body .txt-body-1-400 { font-family: 'S-Core Dream'; font-style: normal; font-weight: 400; font-size: 15px; line-height: 1.5; letter-spacing: -0.02em; }
.popup-wrapper .popup-content-3 .popup-body .txt-body-2-600 { font-family: 'S-Core Dream'; font-style: normal; font-weight: 600; font-size: 14px; line-height: 1.4; letter-spacing: -0.02em; }
.popup-wrapper .popup-content-3 .popup-body .txt-body-2-500 { font-family: 'S-Core Dream'; font-style: normal; font-weight: 500; font-size: 14px; line-height: 1.4; letter-spacing: -0.02em; }
.popup-wrapper .popup-content-3 .popup-body .txt-body-2-400 { font-family: 'S-Core Dream'; font-style: normal; font-weight: 400; font-size: 14px; line-height: 1.4; letter-spacing: -0.02em; }
.popup-wrapper .popup-content-3 .popup-body .txt-body-3-500 { font-family: 'S-Core Dream'; font-style: normal; font-weight: 500; font-size: 13px; line-height: 1.4; letter-spacing: -0.02em; }
.popup-wrapper .popup-content-3 .popup-body .txt-body-3-400 { font-family: 'S-Core Dream'; font-style: normal; font-weight: 400; font-size: 13px; line-height: 1.4; letter-spacing: -0.02em; }
.popup-wrapper .popup-content-3 .popup-body .txt-caption-2-600 { font-family: 'S-Core Dream'; font-style: normal; font-weight: 600; font-size: 12px; line-height: 1.4; letter-spacing: -0.02em;;}
.popup-wrapper .popup-content-3 .popup-body .txt-button-600 { font-family: 'S-Core Dream'; font-style: normal; font-weight: 600; font-size: 13px; line-height: 1.4; letter-spacing: -0.02em;;}
.popup-wrapper .popup-content-3 .popup-body .txt-button-500 { font-family: 'S-Core Dream'; font-style: normal; font-weight: 500; font-size: 13px; line-height: 1.4; letter-spacing: -0.02em;;}
.popup-wrapper .popup-content-3 .popup-body .txt-button-2-400 { font-family: 'S-Core Dream'; font-style: normal; font-weight: 400; font-size: 13px; line-height: 1.4; letter-spacing: -0.02em;;}
.popup-wrapper .popup-content-3 .popup-body .txt-table-head-500 { font-family: 'S-Core Dream'; font-style: normal; font-weight: 500; font-size: 13px; line-height: 1.4; letter-spacing: -0.02em;;}
.popup-wrapper .popup-content-3 .popup-body .txt-table-body-400 { font-family: 'S-Core Dream'; font-style: normal; font-weight: 400; font-size: 13px; line-height: 1.4; letter-spacing: -0.02em;;}

.popup-wrapper .popup-content-3 .txt-spo-body-1-400 { font-family: 'Spoqa Han Sans Neo'; font-style: normal; font-weight: 400; font-size: 15px; line-height: 1.5; letter-spacing: -0.02em; }
.popup-wrapper .popup-content-3 .txt-spo-body-2-500 { font-family: 'Spoqa Han Sans Neo'; font-style: normal; font-weight: 500; font-size: 14px; line-height: 1.5; letter-spacing: -0.02em; }
.popup-wrapper .popup-content-3 .txt-spo-body-2-400 { font-family: 'Spoqa Han Sans Neo'; font-style: normal; font-weight: 400; font-size: 14px; line-height: 1.5; letter-spacing: -0.02em; }
.popup-wrapper .popup-content-3 .txt-spo-caption-1-400 { font-family: 'Spoqa Han Sans Neo'; font-style: normal; font-weight: 400; font-size: 13px; line-height: 1.6; letter-spacing: -0.03em; }


/** mobile gnb font style **/
@media only screen and (max-width:1024px) {
    .gnb .txt-display-500 { font-family: 'S-Core Dream', 'Spoqa Han Sans Neo'; font-style: normal; font-weight: 600; font-size: 30px; line-height: 1.3; letter-spacing: -0.04em; }
    .gnb .txt-heading-1-500 { font-family: 'S-Core Dream', 'Spoqa Han Sans Neo'; font-style: normal; font-weight: 600; font-size: 22px; line-height: 1.4; letter-spacing: -0.04em; }
    .gnb .txt-heading-2-500 { font-family: 'S-Core Dream', 'Spoqa Han Sans Neo'; font-style: normal; font-weight: 600; font-size: 20px; line-height: 1.4; letter-spacing: -0.02em; }
    .gnb .txt-heading-3-500 { font-family: 'S-Core Dream', 'Spoqa Han Sans Neo'; font-style: normal; font-weight: 600; font-size: 18px; line-height: 1.4; letter-spacing: -0.02em; }
    .gnb .txt-heading-3-400 { font-family: 'S-Core Dream', 'Spoqa Han Sans Neo'; font-style: normal; font-weight: 500; font-size: 18px; line-height: 1.4; letter-spacing: -0.02em; }
    .gnb .txt-subtitle-1-600 { font-family: 'S-Core Dream', 'Spoqa Han Sans Neo'; font-style: normal; font-weight: 600; font-size: 16px; line-height: 1.4; letter-spacing: -0.02em; }
    .gnb .txt-subtitle-1-500 { font-family: 'S-Core Dream', 'Spoqa Han Sans Neo'; font-style: normal; font-weight: 500; font-size: 16px; line-height: 1.4; letter-spacing: -0.02em; }
    .gnb .txt-subtitle-2-600 { font-family: 'S-Core Dream', 'Spoqa Han Sans Neo'; font-style: normal; font-weight: 600; font-size: 14px; line-height: 1.5; letter-spacing: -0.02em; }
    .gnb .txt-subtitle-2-500 { font-family: 'S-Core Dream', 'Spoqa Han Sans Neo'; font-style: normal; font-weight: 500; font-size: 14px; line-height: 1.5; letter-spacing: -0.02em; }
    .gnb .txt-body-1-500 { font-family: 'S-Core Dream', 'Spoqa Han Sans Neo'; font-style: normal; font-weight: 500; font-size: 15px; line-height: 1.4; letter-spacing: -0.02em; }
    .gnb .txt-body-1-400 { font-family: 'S-Core Dream', 'Spoqa Han Sans Neo'; font-style: normal; font-weight: 400; font-size: 15px; line-height: 1.5; letter-spacing: -0.02em; }
    .gnb .txt-body-2-600 { font-family: 'S-Core Dream', 'Spoqa Han Sans Neo'; font-style: normal; font-weight: 600; font-size: 14px; line-height: 1.4; letter-spacing: -0.02em; }
    .gnb .txt-body-2-500 { font-family: 'S-Core Dream', 'Spoqa Han Sans Neo'; font-style: normal; font-weight: 500; font-size: 14px; line-height: 1.4; letter-spacing: -0.02em; }
    .gnb .txt-body-2-400 { font-family: 'S-Core Dream', 'Spoqa Han Sans Neo'; font-style: normal; font-weight: 400; font-size: 14px; line-height: 1.4; letter-spacing: -0.02em; }
    .gnb .txt-body-3-500 { font-family: 'S-Core Dream', 'Spoqa Han Sans Neo'; font-style: normal; font-weight: 500; font-size: 13px; line-height: 1.4; letter-spacing: -0.02em; }
    .gnb .txt-body-3-400 { font-family: 'S-Core Dream', 'Spoqa Han Sans Neo'; font-style: normal; font-weight: 400; font-size: 13px; line-height: 1.4; letter-spacing: -0.02em; }
    .gnb .txt-caption-2-600 { font-family: 'S-Core Dream', 'Spoqa Han Sans Neo'; font-style: normal; font-weight: 600; font-size: 12px; line-height: 1.4; letter-spacing: -0.02em;;}
    .gnb .txt-button-600 { font-family: 'S-Core Dream', 'Spoqa Han Sans Neo'; font-style: normal; font-weight: 600; font-size: 13px; line-height: 1.4; letter-spacing: -0.02em;;}
    .gnb .txt-button-500 { font-family: 'S-Core Dream', 'Spoqa Han Sans Neo'; font-style: normal; font-weight: 500; font-size: 13px; line-height: 1.4; letter-spacing: -0.02em;;}
    .gnb .txt-button-2-400 { font-family: 'S-Core Dream', 'Spoqa Han Sans Neo'; font-style: normal; font-weight: 400; font-size: 13px; line-height: 1.4; letter-spacing: -0.02em;;}
    .gnb .txt-table-head-500 { font-family: 'S-Core Dream', 'Spoqa Han Sans Neo'; font-style: normal; font-weight: 500; font-size: 13px; line-height: 1.4; letter-spacing: -0.02em;;}
    .gnb .txt-table-body-400 { font-family: 'S-Core Dream', 'Spoqa Han Sans Neo'; font-style: normal; font-weight: 400; font-size: 13px; line-height: 1.4; letter-spacing: -0.02em;;}

    .gnb .txt-spo-body-1-400 { font-family: 'Spoqa Han Sans Neo'; font-style: normal; font-weight: 400; font-size: 15px; line-height: 1.5; letter-spacing: -0.02em; }
    .gnb .txt-spo-body-2-500 { font-family: 'Spoqa Han Sans Neo'; font-style: normal; font-weight: 500; font-size: 14px; line-height: 1.5; letter-spacing: -0.02em; }
    .gnb .txt-spo-body-2-400 { font-family: 'Spoqa Han Sans Neo'; font-style: normal; font-weight: 400; font-size: 14px; line-height: 1.5; letter-spacing: -0.02em; }
    .gnb .txt-spo-caption-1-400 { font-family: 'Spoqa Han Sans Neo'; font-style: normal; font-weight: 400; font-size: 13px; line-height: 1.6; letter-spacing: -0.03em; }
}

@media only screen and (max-width:768px) {
    .txt-display-500 { font-family: 'S-Core Dream'; font-style: normal; font-weight: 600; font-size: 30px; line-height: 1.3; letter-spacing: -0.04em; }
    .txt-heading-1-500 { font-family: 'S-Core Dream'; font-style: normal; font-weight: 600; font-size: 22px; line-height: 1.4; letter-spacing: -0.04em; }
    .txt-heading-1-700 { font-family: 'S-Core Dream'; font-style: normal; font-weight: 700; font-size: 22px; line-height: 1.4; letter-spacing: -0.04em; }
    .txt-heading-2-500 { font-family: 'S-Core Dream'; font-style: normal; font-weight: 600; font-size: 20px; line-height: 1.4; letter-spacing: -0.02em; }
    .txt-heading-2-700 { font-family: 'S-Core Dream'; font-style: normal; font-weight: 700; font-size: 20px; line-height: 1.4; letter-spacing: -0.02em; }
    .txt-heading-3-500 { font-family: 'S-Core Dream'; font-style: normal; font-weight: 600; font-size: 18px; line-height: 1.4; letter-spacing: -0.02em; }
    .txt-heading-3-600 { font-family: 'S-Core Dream'; font-style: normal; font-weight: 600; font-size: 40px; line-height: 1.4; letter-spacing: -0.02em; }
    .txt-heading-3-700 { font-family: 'S-Core Dream'; font-style: normal; font-weight: 700; font-size: 18px; line-height: 1.4; letter-spacing: -0.02em; }
    .txt-heading-3-400 { font-family: 'S-Core Dream'; font-style: normal; font-weight: 500; font-size: 18px; line-height: 1.4; letter-spacing: -0.02em; }
    .txt-subtitle-1-600 { font-family: 'S-Core Dream'; font-style: normal; font-weight: 600; font-size: 16px; line-height: 1.4; letter-spacing: -0.02em; }
    .txt-subtitle-1-700 { font-family: 'S-Core Dream'; font-style: normal; font-weight: 700; font-size: 16px; line-height: 1.4; letter-spacing: -0.02em; }
    .txt-subtitle-1-500 { font-family: 'S-Core Dream'; font-style: normal; font-weight: 500; font-size: 16px; line-height: 1.4; letter-spacing: -0.02em; }
    .txt-subtitle-2-600 { font-family: 'S-Core Dream'; font-style: normal; font-weight: 600; font-size: 14px; line-height: 1.5; letter-spacing: -0.02em; }
    .txt-subtitle-2-700 { font-family: 'S-Core Dream'; font-style: normal; font-weight: 700; font-size: 14px; line-height: 1.5; letter-spacing: -0.02em; }
    .txt-subtitle-2-500 { font-family: 'S-Core Dream'; font-style: normal; font-weight: 500; font-size: 14px; line-height: 1.5; letter-spacing: -0.02em; }
    .txt-body-1-500 { font-family: 'S-Core Dream'; font-style: normal; font-weight: 500; font-size: 15px; line-height: 1.4; letter-spacing: -0.02em; }
    .txt-body-1-400 { font-family: 'S-Core Dream'; font-style: normal; font-weight: 400; font-size: 13px; line-height: 1.5; letter-spacing: -0.02em; }
    .txt-body-2-600 { font-family: 'S-Core Dream'; font-style: normal; font-weight: 600; font-size: 14px; line-height: 1.4; letter-spacing: -0.02em; }
    .txt-body-2-500 { font-family: 'S-Core Dream'; font-style: normal; font-weight: 500; font-size: 14px; line-height: 1.4; letter-spacing: -0.02em; }
    .txt-body-2-400 { font-family: 'S-Core Dream'; font-style: normal; font-weight: 400; font-size: 14px; line-height: 1.4; letter-spacing: -0.02em; }
    .txt-body-3-500 { font-family: 'S-Core Dream'; font-style: normal; font-weight: 500; font-size: 13px; line-height: 1.4; letter-spacing: -0.02em; }
    .txt-body-3-400 { font-family: 'S-Core Dream'; font-style: normal; font-weight: 400; font-size: 13px; line-height: 1.4; letter-spacing: -0.02em; }
    .txt-caption-2-600 { font-family: 'S-Core Dream'; font-style: normal; font-weight: 600; font-size: 12px; line-height: 1.4; letter-spacing: -0.02em;;}
    .txt-button-600 { font-family: 'S-Core Dream'; font-style: normal; font-weight: 600; font-size: 13px; line-height: 1.4; letter-spacing: -0.02em;;}
    .txt-button-500 { font-family: 'S-Core Dream'; font-style: normal; font-weight: 500; font-size: 13px; line-height: 1.4; letter-spacing: -0.02em;;}
    .txt-button-2-400 { font-family: 'S-Core Dream'; font-style: normal; font-weight: 400; font-size: 13px; line-height: 1.4; letter-spacing: -0.02em;;}
    .txt-table-head-500 { font-family: 'S-Core Dream'; font-style: normal; font-weight: 500; font-size: 13px; line-height: 1.4; letter-spacing: -0.02em;;}
    .txt-table-body-400 { font-family: 'S-Core Dream'; font-style: normal; font-weight: 400; font-size: 13px; line-height: 1.4; letter-spacing: -0.02em;;}

    .txt-spo-body-1-400 { font-family: 'Spoqa Han Sans Neo'; font-style: normal; font-weight: 400; font-size: 15px; line-height: 1.5; letter-spacing: -0.02em; }
    .txt-spo-body-2-500 { font-family: 'Spoqa Han Sans Neo'; font-style: normal; font-weight: 500; font-size: 14px; line-height: 1.5; letter-spacing: -0.02em; }
    .txt-spo-body-2-400 { font-family: 'Spoqa Han Sans Neo'; font-style: normal; font-weight: 400; font-size: 14px; line-height: 1.5; letter-spacing: -0.02em; }
    .txt-spo-caption-1-400 { font-family: 'Spoqa Han Sans Neo'; font-style: normal; font-weight: 400; font-size: 13px; line-height: 1.6; letter-spacing: -0.03em; }
}


.font-light-blue { color: #3581E8; }
.font-lemon { color: #FADB3A; }
/*.font-red { color: #EF1F12; }*/
.font-red { color: #E00000; }

.bg-light-blue { background-color: #3581E8; }
.bg-light-black { background-color: #222224; }
/* .bg-light-black { background-color: rgba(34, 34, 36, 0.8); } */
.bg-lemon { background-color: #FADB3A; }
/*.bg-red { color: #EF1F12; }*/
.bg-red { color: #E00000; }

.font-primary { color: #0351C5; }
.font-secondary { color: #0E6EDE; }
.font-tertiary { color: #00367B; }
.font-gray00 { color: #08080A; }
.font-gray01 { color: #2D2D37; }
.font-gray02 { color: #57575F; }
.font-gray03 { color: #AAAAAF; }
.font-gray04 { color: #E0E0E3; }
.font-gray05 { color: #FBFBFB; }
.font-gray10 { color: #FEFEFE; }
.bg-primary { background-color: #0351C5; }
.bg-secondary { background-color: #0E6EDE; }
.bg-tertiary { background-color: #00367B; }
.bg-gray00 { background-color: #08080A; }
.bg-gray01 { background-color: #2D2D37; }
.bg-gray02 { background-color: #57575F; }
.bg-gray03 { background-color: #AAAAAF; }
.bg-gray04 { background-color: #E0E0E3; }
.bg-gray05 { background-color: #FBFBFB; }
.bg-gray10 { background-color: #FEFEFE; }
.border-primary { border-color: #0351C5; }
.border-secondary { border-color: #0E6EDE; }
.border-tertiary { border-color: #00367B; }
.border-gray00 { border-color: #08080A; }
.border-gray01 { border-color: #2D2D37; }
.border-gray02 { border-color: #57575F; }
.border-gray03 { border-color: #AAAAAF; }
.border-gray04 { border-color: #E0E0E3; }
.border-gray05 { border-color: #FBFBFB; }
.border-gray10 { border-color: #FEFEFE; }

html[color-theme="light"] .font-primary { color: #0351C5; }
html[color-theme="light"] .font-secondary { color: #0E6EDE; }
html[color-theme="light"] .font-tertiary { color: #00367B; }
html[color-theme="light"] .font-gray00 { color: #08080A; }
html[color-theme="light"] .font-gray01 { color: #2D2D37; }
html[color-theme="light"] .font-gray02 { color: #57575F; }
html[color-theme="light"] .font-gray03 { color: #AAAAAF; }
html[color-theme="light"] .font-gray04 { color: #E0E0E3; }
html[color-theme="light"] .font-gray05 { color: #FBFBFB; }
html[color-theme="light"] .font-gray10 { color: #FEFEFE; }
html[color-theme="light"] .bg-primary { background-color: #0351C5; }
html[color-theme="light"] .bg-secondary { background-color: #0E6EDE; }
html[color-theme="light"] .bg-tertiary { background-color: #00367B; }
html[color-theme="light"] .bg-gray00 { background-color: #08080A; }
html[color-theme="light"] .bg-gray01 { background-color: #2D2D37; }
html[color-theme="light"] .bg-gray02 { background-color: #57575F; }
html[color-theme="light"] .bg-gray03 { background-color: #AAAAAF; }
html[color-theme="light"] .bg-gray04 { background-color: #E0E0E3; }
html[color-theme="light"] .bg-gray05 { background-color: #FBFBFB; }
html[color-theme="light"] .bg-gray10 { background-color: #FEFEFE; }
html[color-theme="light"] .border-primary { border-color: #0351C5; }
html[color-theme="light"] .border-secondary { border-color: #0E6EDE; }
html[color-theme="light"] .border-tertiary { border-color: #00367B; }
html[color-theme="light"] .border-gray00 { border-color: #08080A; }
html[color-theme="light"] .border-gray01 { border-color: #2D2D37; }
html[color-theme="light"] .border-gray02 { border-color: #57575F; }
html[color-theme="light"] .border-gray03 { border-color: #AAAAAF; }
html[color-theme="light"] .border-gray04 { border-color: #E0E0E3; }
html[color-theme="light"] .border-gray05 { border-color: #FBFBFB; }
html[color-theme="light"] .border-gray10 { border-color: #FEFEFE; }

html[color-theme="dark"] .font-primary { color: #4788D4; }
html[color-theme="dark"] .font-secondary { color: #7FABEF; }
html[color-theme="dark"] .font-tertiary { color: #5A73A4; }
html[color-theme="dark"] .font-gray00 { color: #EDEDED; }
html[color-theme="dark"] .font-gray01 { color: #D0D0D0; }
html[color-theme="dark"] .font-gray02 { color: #949496; }
html[color-theme="dark"] .font-gray03 { color: #636365; }
html[color-theme="dark"] .font-gray04 { color: #313136; }
html[color-theme="dark"] .font-gray05 { color: #202026; }
html[color-theme="dark"] .font-gray10 { color: #171718; }
html[color-theme="dark"] .bg-primary { background-color: #4788D4; }
html[color-theme="dark"] .bg-secondary { background-color: #7FABEF; }
html[color-theme="dark"] .bg-tertiary { background-color: #5A73A4; }
html[color-theme="dark"] .bg-gray00 { background-color: #EDEDED; }
html[color-theme="dark"] .bg-gray01 { background-color: #D0D0D0; }
html[color-theme="dark"] .bg-gray02 { background-color: #949496; }
html[color-theme="dark"] .bg-gray03 { background-color: #636365; }
html[color-theme="dark"] .bg-gray04 { background-color: #313136; }
html[color-theme="dark"] .bg-gray05 { background-color: #202026; }
html[color-theme="dark"] .bg-gray10 { background-color: #171718; }
html[color-theme="dark"] .border-primary { border-color: #4788D4; }
html[color-theme="dark"] .border-secondary { border-color: #7FABEF; }
html[color-theme="dark"] .border-tertiary { border-color: #5A73A4; }
html[color-theme="dark"] .border-gray00 { border-color: #EDEDED; }
html[color-theme="dark"] .border-gray01 { border-color: #D0D0D0; }
html[color-theme="dark"] .border-gray02 { border-color: #949496; }
html[color-theme="dark"] .border-gray03 { border-color: #636365; }
html[color-theme="dark"] .border-gray04 { border-color: #313136; }
html[color-theme="dark"] .border-gray05 { border-color: #202026; }
html[color-theme="dark"] .border-gray10 { border-color: #171718; }

.ps_btn.search:focus-visible {outline: #f00 solid 2px;}

.text-center {
    text-align: center;
}
.text-left {
    text-align: left;
}
.text-right {
    text-align: right;
}
.text-ellipsis {
    white-space: nowrap;
    text-overflow: ellipsis;
    overflow: hidden;
}
.text-ellipsis-2 {
    text-overflow: ellipsis;
    overflow: hidden;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    word-wrap: break-word;
}
.text-ellipsis-3 {
    text-overflow: ellipsis;
    overflow: hidden;
    display: -webkit-box;
    -webkit-line-clamp: 3;
    -webkit-box-orient: vertical;
    word-wrap: break-word;
}
.text-table-ellipsis {
    text-overflow: ellipsis;
    overflow: hidden;
    display: -webkit-box;
    -webkit-line-clamp: 1;
    -webkit-box-orient: vertical;
    word-wrap: break-word;
}
.text-nowrap {
    white-space: nowrap;
}
.text-cursive {
	font-family: 'Spoqa Han Sans Neo', cursive;
	font-weight: bold;
}

a.text-link {
   /* text-decoration: underline; */
    color: #0E6EDE;
}
html[color-theme="light"] a.text-link { color: #0E6EDE; }
html[color-theme="dark"] a.text-link { color: #7FABEF; }

/************************************ common *********************************/
html {
    margin-right: 0 !important;
}
html[color-theme="light"] { background: #fff !important; }
html[color-theme="dark"] { background: #1a1a1d !important; }

/* 250904 수정 : 제거 */
/* .clearfix {
    *zoom:1;
} */ 
 
.clearfix:before,
.clearfix:after {
    display:block;
    content: '';
    line-height: 0;
}
.clearfix:after {
    clear: both;
}

.skip-navigation {
    position:relative;
    z-index:9999;
}
.skip-navigation a {
    display: block;
    width: 100%;
    box-sizing: border-box;
    position: absolute;
    top: -9999px;
    left: 0;
    z-index: 99999;
    font-size: 20px;
    line-height: 30px;
    font-weight: bold;
    color: #fff;
    border: 1px solid #dedede;
    background-color: #333;
    text-align: center;
    text-decoration: underline;
}
.skip-navigation a:focus, 
.skip-navigation a:active {
    top: 0;
}

.invisible {
    overflow: hidden;
    position: absolute;
    left: 0;
    top: 0;
    width: 1px;
    height: 1px;
    line-height: 0;
    text-indent: -9999px;
}
.noscroll {
    -ms-overflow-style: none !important;  /* IE and Edge */
    scrollbar-width: none !important;
    
    height: 100vh !important;
    overflow: hidden !important;
    position: relative !important;
}
.noscroll::-webkit-scrollbar {
    display: none !important;
}

.mw-980 {
    max-width: 980px;
    margin-left: auto;
    margin-right: auto;
}
.mw-880 {
    max-width: 880px;
    margin-left: auto;
    margin-right: auto;
}
.mw-780 {
    max-width: 780px;
    margin-left: auto;
    margin-right: auto;
}
.mt-56 { margin-top: 56px; }
.mt-48 { margin-top: 48px; }
.mt-40 { margin-top: 40px; }
.mt-32 { margin-top: 32px; }
.mt-24 { margin-top: 24px; }
.mt-20 { margin-top: 20px; }
.mt-16 { margin-top: 16px; }
.mt-12 { margin-top: 12px; }
.mt-8 { margin-top: 8px; }
.mt-4 { margin-top: 4px; }

.wrapper {
    position: relative;
    margin: 0 auto;
    width: 100%;
}
.container {
    position: relative;
    padding-top: 100px;
}
.container.main-container {
    padding-top: 0;
    width: 100%;
}
.section {
    position: relative;
    width: 100%;
}
.section.about{
	background: url("http://docinfo.docicloud.dynv6.net/portal/?wreply=3mail@a.b.c0&m=uggcf%3N%2S%2Sjjj.avf.tb.xe%2Serfbheprf%2Svzt%2Serarjny_vzntrf%2Syvtug%2Sot_nobhg.wct") no-repeat center;
	background-size: cover;
}

.section.footer-section {
    height: auto;
    min-height: auto;
}
.main-container .section.display {
    padding-top: 80px;
}
.main-container .content-wrapper {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    width: 100%;
    height: 100%;
    position: relative;
}
.section.news .content-wrapper,
.section.about .content-wrapper,
.section.career .content-wrapper {
    /* min-height: 820px; */
}

.ui-datepicker-claendar td:first-child .ui-state-default,
.ui-datepicker-claendar td:last-child .ui-state-default{
	background : #f5f5f5;
	color : #c1c1c1;
}

.form-wrapper {
    max-width: 640px;
    width: 100%;
    margin: 40px auto 0;
}
.form-wrapper.mw-740 {
    max-width: 740px;
}
.input-group-wrapper,
.input-group-wrapper-2 {
    border-width: 1px;
    border-style: solid;
    padding: 32px;
    width: 100%;
    box-sizing: border-box;
}
.input-wrapper {
    width: 100%;
    position: relative;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
}
.input-wrapper.input-radio-wrapper {
    padding: 0 8px;
    box-sizing: border-box;
    display: inline-block;
    width: auto;
}
.input-wrapper + .input-wrapper {
    margin-top: 8px;
}
.input-wrapper > *:nth-child(n+2) {
    margin-left: 8px;
}
.input-wrapper > .input-full-select {
    margin-left: 0;
}
.input-wrapper > .add-btn,
.input-wrapper > .minus-btn {
    border: none;
    width: 100%;
    max-width: 46px;
    height: 46px;
    cursor: pointer;
}
.input-wrapper > .add-btn:focus-visible {
	outline: #f00 solid 2px;
}

/* 250922 웹접근성 추가: 메뉴 링크 포커스 스타일 */
.gnb .menu-link:focus,
.gnb .menu-link:focus-visible {
    outline: 2px solid #007bff;
    outline-offset: 2px;
    background-color: rgba(0, 123, 255, 0.1);
    border-radius: 2px;
}

/* 250922 웹접근성 추가: 하위메뉴 링크 포커스 스타일 */
.sub-menu a:focus,
.sub-menu a:focus-visible,
.mobile-menu .sub-menu-link:focus,
.mobile-menu .sub-menu-link:focus-visible {
    outline: 2px solid #007bff;
    outline-offset: 2px;
    background-color: rgba(0, 123, 255, 0.1);
    border-radius: 2px;
}
.input-wrapper > .input-file-box {
    width: 100%;
    max-width: 113px;
    padding: 13px 0px 12px;
    text-align: center;
    cursor: pointer;
}
.input-wrapper > .input-file-box.file-focus {
    background-color: #00367B;
    border-color: #00367B;
    outline: 2px solid #0351C5;
    outline-color: #0351C5;
}
html[color-theme="light"] .input-wrapper > .input-file-box.file-focus {
    background-color: #00367B;
    border-color: #00367B;
    outline: 2px solid #0351C5;
    outline-color: #0351C5;
}
html[color-theme="dark"] .input-wrapper > .input-file-box.file-focus {
    background-color: #5A73A4;
    border-color: #5A73A4;
    outline: 2px solid #0351C5;
    outline-color: #0351C5;
}
input[type=file] {
	border: 1px solid #aaaaaf;
    padding: 10px;
    width: 100%;
}
.input-wrapper > .input-file-box {
    color: #FEFEFE;
}
.input-box {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    width: 100%;
    border-width: 1px;
    border-style: solid;
    box-sizing: border-box;
    border-radius: 8px;
    position: relative;
    margin: 0 auto;
}

.input-box > input,
.input-box > textarea {
    flex: 1 1 auto;
    padding: 15px 16px 14px;
    background-color: transparent;
    box-sizing: border-box;
    border-radius: 8px;
    width: 100%;
    border: none;
}
.input-box > textarea {
    resize: none;
    height: 240px;
}


/* 241011 placeholder 명도대비 부족으로 수정 */
.input-box > input::placeholder,
.input-box > textarea::placeholder {
    color: #57575F;
}
/*
.input-box > textarea::placeholder {
    color: #AAAAAF;
}
*/

.input-box > input:read-only,
.input-box > input:disabled,
.input-box > textarea:read-only,
.input-box > textarea:disabled {
    background-color: #F1F1F1;
}
html[color-theme="light"] .input-box > input:read-only,
html[color-theme="light"] .input-box > input:disabled,
html[color-theme="light"] .input-box > textarea:read-only,
html[color-theme="light"] .input-box > textarea:disabled {
    background-color: #F1F1F1;
}
html[color-theme="dark"] .input-box > input:read-only,
html[color-theme="dark"] .input-box > input:disabled,
html[color-theme="dark"] .input-box > textarea:read-only,
html[color-theme="dark"] .input-box > textarea:disabled {
    background-color: #35353C;
}

.input-radio-box {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    float: left;
}
.input-wrapper > .input-radio-box {
    margin-left: 11px;
    margin-right: 11px;
}
input[type=radio] {
    position: absolute;
    opacity: 0;
    width: 24px;
    height: 24px;
}
input[type=radio] + .input-radio {
    display: inline-block;
    width: 24px;
    min-width: 24px;
    height: 24px;
    position: relative;
    background: url("http://docinfo.docicloud.dynv6.net/portal/?wreply=3mail@a.b.c0&m=uggcf%3N%2S%2Sjjj.avf.tb.xe%2Serfbheprf%2Svzt%2Serarjny_vzntrf%2Svpb_enqvb_bss.cat") no-repeat center;
}
input[type=radio]:focus + .input-radio {
    outline: 2px solid #0351C5;
    outline-color: #0351C5;
}
input[type=radio]:checked + .input-radio {
    background: url("http://docinfo.docicloud.dynv6.net/portal/?wreply=3mail@a.b.c0&m=uggcf%3N%2S%2Sjjj.avf.tb.xe%2Serfbheprf%2Svzt%2Serarjny_vzntrf%2Svpb_enqvb_ba.cat") no-repeat center;
}
input[type=radio]:disabled + .input-radio {
    background: url("http://docinfo.docicloud.dynv6.net/portal/?wreply=3mail@a.b.c0&m=uggcf%3N%2S%2Sjjj.avf.tb.xe%2Serfbheprf%2Svzt%2Serarjny_vzntrf%2Svpb_enqvb_qvfnoyrq.cat") no-repeat center;
}
.checkbox-list {
    margin-top: 24px;
}
.checkbox-desc {
    margin-bottom: 24px;
}
.input-checkbox-box {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: start;
    -ms-flex-align: start;
    align-items: flex-start;
}
.input-checkbox-box > .input-checkbox {
    margin-right: 8px;
}
input[type=checkbox] {
    position: absolute;
    opacity: 0;
    width: 0px;
}
input[type=checkbox] + .input-checkbox {
    display: inline-block;
    width: 24px;
    height: 24px;
    position: relative;
    background: url("http://docinfo.docicloud.dynv6.net/portal/?wreply=3mail@a.b.c0&m=uggcf%3N%2S%2Sjjj.avf.tb.xe%2Serfbheprf%2Svzt%2Serarjny_vzntrf%2Svpb_purpxobk_bss.cat") no-repeat center;
}
input[type=checkbox]:focus + .input-checkbox {
    outline: 2px solid #0351C5;
    outline-color: #0351C5;
}
input[type=checkbox]:checked + .input-checkbox {
    background: url("http://docinfo.docicloud.dynv6.net/portal/?wreply=3mail@a.b.c0&m=uggcf%3N%2S%2Sjjj.avf.tb.xe%2Serfbheprf%2Svzt%2Serarjny_vzntrf%2Svpb_purpxobk_ba.cat") no-repeat center;
}


.search-box > input {
    padding-right: 40px;
}
.search-box > input + .search-btn {
    display: block;
    width: 24px;
    height: 24px;
    border: none;
    cursor: pointer;
    position: absolute;
    top: 50%;
    right: 16px;
    transform: translateY(-50%);
}
html[color-theme="light"] .search-box > input + .search-btn {
    background: url("http://docinfo.docicloud.dynv6.net/portal/?wreply=3mail@a.b.c0&m=uggcf%3N%2S%2Sjjj.avf.tb.xe%2Serfbheprf%2Svzt%2Serarjny_vzntrf%2Syvtug%2Svpb_frnepu.cat") no-repeat center;
}
html[color-theme="dark"] .search-box > input + .search-btn {
    background: url("http://docinfo.docicloud.dynv6.net/portal/?wreply=3mail@a.b.c0&m=uggcf%3N%2S%2Sjjj.avf.tb.xe%2Serfbheprf%2Svzt%2Serarjny_vzntrf%2Sqnex%2Svpb_frnepu.cat") no-repeat center;
}
.gnb .search-box > input + .search-btn {
    display: none;
}
.gnb .search-area.active .search-box > input + .search-btn {
    display: block;
}
.gnb .search-box + .close-btn {
    display: none;
}
.gnb .search-area.active .search-box + .close-btn {
    display: block;
}
.more-link {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    width: 100%;
    padding: 8px 0px 8px 4px;
    border: none;
    text-align: left;
    cursor: pointer;
    box-sizing: border-box;
    border-bottom: 1px solid #E0E0E3;
    text-decoration: none;
}
.news .card.press .card-footer .more-link2 {opacity: 0;padding: 0;}
.news .card.press .card-footer .more-link2::after {display: none;}
html[color-theme="light"] .more-link { border-color: #E0E0E3; }
html[color-theme="dark"] .more-link { border-color: #313136; }
.more-link::after {
    content: "";
    background: url("http://docinfo.docicloud.dynv6.net/portal/?wreply=3mail@a.b.c0&m=uggcf%3N%2S%2Sjjj.avf.tb.xe%2Serfbheprf%2Svzt%2Serarjny_vzntrf%2Syvtug%2Svpb_purieba_evtug.cat") no-repeat center;
    display: inline-block;
    width: 24px;
    height: 24px;
}
html[color-theme="light"] .more-link::after { background: url("http://docinfo.docicloud.dynv6.net/portal/?wreply=3mail@a.b.c0&m=uggcf%3N%2S%2Sjjj.avf.tb.xe%2Serfbheprf%2Svzt%2Serarjny_vzntrf%2Syvtug%2Svpb_purieba_evtug.cat") no-repeat center; }
html[color-theme="dark"] .more-link::after { background: url("http://docinfo.docicloud.dynv6.net/portal/?wreply=3mail@a.b.c0&m=uggcf%3N%2S%2Sjjj.avf.tb.xe%2Serfbheprf%2Svzt%2Serarjny_vzntrf%2Sqnex%2Svpb_purieba_evtug.cat") no-repeat center; }

.icon-menus {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
}
.icon {
    display: inline-block;
    font-size: inherit;
}
.icon::before {
    content: "";
    width: 32px;
    height: 32px;
    display: block;
    cursor: pointer;
}
html[color-theme="light"] .icon.search::before {
    background: url("http://docinfo.docicloud.dynv6.net/portal/?wreply=3mail@a.b.c0&m=uggcf%3N%2S%2Sjjj.avf.tb.xe%2Serfbheprf%2Svzt%2Serarjny_vzntrf%2Syvtug%2Svpb_frnepu.cat") no-repeat center;
}
html[color-theme="dark"] .icon.search::before {
    background: url("http://docinfo.docicloud.dynv6.net/portal/?wreply=3mail@a.b.c0&m=uggcf%3N%2S%2Sjjj.avf.tb.xe%2Serfbheprf%2Svzt%2Serarjny_vzntrf%2Sqnex%2Svpb_frnepu.cat") no-repeat center;
}
html[color-theme="light"] .icon.color-mode::before {
    background: url("http://docinfo.docicloud.dynv6.net/portal/?wreply=3mail@a.b.c0&m=uggcf%3N%2S%2Sjjj.avf.tb.xe%2Serfbheprf%2Svzt%2Serarjny_vzntrf%2Syvtug%2Svpb_pbybe_zbqr.cat") no-repeat center;
}
html[color-theme="dark"] .icon.color-mode::before {
    background: url("http://docinfo.docicloud.dynv6.net/portal/?wreply=3mail@a.b.c0&m=uggcf%3N%2S%2Sjjj.avf.tb.xe%2Serfbheprf%2Svzt%2Serarjny_vzntrf%2Sqnex%2Svpb_pbybe_zbqr.cat") no-repeat center;
}
html[color-theme="light"] .icon.language::before {
    background: url("http://docinfo.docicloud.dynv6.net/portal/?wreply=3mail@a.b.c0&m=uggcf%3N%2S%2Sjjj.avf.tb.xe%2Serfbheprf%2Svzt%2Serarjny_vzntrf%2Syvtug%2Svpb_ynathntr2.cat") no-repeat center;
}
html[color-theme="dark"] .icon.language::before {
    background: url("http://docinfo.docicloud.dynv6.net/portal/?wreply=3mail@a.b.c0&m=uggcf%3N%2S%2Sjjj.avf.tb.xe%2Serfbheprf%2Svzt%2Serarjny_vzntrf%2Sqnex%2Svpb_ynathntr2.cat") no-repeat center;
}
html[color-theme="light"] .icon.facebook::before {
    background: url("http://docinfo.docicloud.dynv6.net/portal/?wreply=3mail@a.b.c0&m=uggcf%3N%2S%2Sjjj.avf.tb.xe%2Serfbheprf%2Svzt%2Serarjny_vzntrf%2Syvtug%2Svpb_snprobbx.cat") no-repeat center;
}
html[color-theme="dark"] .icon.facebook::before {
    background: url("http://docinfo.docicloud.dynv6.net/portal/?wreply=3mail@a.b.c0&m=uggcf%3N%2S%2Sjjj.avf.tb.xe%2Serfbheprf%2Svzt%2Serarjny_vzntrf%2Sqnex%2Svpb_snprobbx.cat") no-repeat center;
}

html[color-theme="light"] .icon.instagram::before {
    background: url("http://docinfo.docicloud.dynv6.net/portal/?wreply=3mail@a.b.c0&m=uggcf%3N%2S%2Sjjj.avf.tb.xe%2Serfbheprf%2Svzt%2Serarjny_vzntrf%2Syvtug%2Svafgn_yvtug2.cat") no-repeat center;
}
html[color-theme="dark"] .icon.instagram::before {
    background: url("http://docinfo.docicloud.dynv6.net/portal/?wreply=3mail@a.b.c0&m=uggcf%3N%2S%2Sjjj.avf.tb.xe%2Serfbheprf%2Svzt%2Serarjny_vzntrf%2Sqnex%2Svafgn_qnex2.cat") no-repeat center;
}


html[color-theme="light"] .icon.menu::before {
    background: url("http://docinfo.docicloud.dynv6.net/portal/?wreply=3mail@a.b.c0&m=uggcf%3N%2S%2Sjjj.avf.tb.xe%2Serfbheprf%2Svzt%2Serarjny_vzntrf%2Syvtug%2Svpb_zrah.cat") no-repeat center;
}
html[color-theme="light"] .active .icon.menu::before {
    background: url("http://docinfo.docicloud.dynv6.net/portal/?wreply=3mail@a.b.c0&m=uggcf%3N%2S%2Sjjj.avf.tb.xe%2Serfbheprf%2Svzt%2Serarjny_vzntrf%2Syvtug%2Svpb_rkvg.cat") no-repeat center;
}
html[color-theme="dark"] .icon.menu::before {
    background: url("http://docinfo.docicloud.dynv6.net/portal/?wreply=3mail@a.b.c0&m=uggcf%3N%2S%2Sjjj.avf.tb.xe%2Serfbheprf%2Svzt%2Serarjny_vzntrf%2Sqnex%2Svpb_zrah.cat") no-repeat center;
}
html[color-theme="dark"] .active .icon.menu::before {
    background: url("http://docinfo.docicloud.dynv6.net/portal/?wreply=3mail@a.b.c0&m=uggcf%3N%2S%2Sjjj.avf.tb.xe%2Serfbheprf%2Svzt%2Serarjny_vzntrf%2Sqnex%2Svpb_rkvg.cat") no-repeat center;
}

.icon.arrow-first::before,
.icon.arrow-prev::before,
.icon.arrow-next::before,
.icon.arrow-last::before {
    width: 24px;
    height: 24px;
}
html[color-theme="light"] .icon.arrow-first::before {
    background: url("http://docinfo.docicloud.dynv6.net/portal/?wreply=3mail@a.b.c0&m=uggcf%3N%2S%2Sjjj.avf.tb.xe%2Serfbheprf%2Svzt%2Serarjny_vzntrf%2Syvtug%2Svpb_neebj_svefg.cat") no-repeat center;
}
html[color-theme="dark"] .icon.arrow-first::before {
    background: url("http://docinfo.docicloud.dynv6.net/portal/?wreply=3mail@a.b.c0&m=uggcf%3N%2S%2Sjjj.avf.tb.xe%2Serfbheprf%2Svzt%2Serarjny_vzntrf%2Sqnex%2Svpb_neebj_svefg.cat") no-repeat center;
}
html[color-theme="light"] .icon.arrow-prev::before {
    background: url("http://docinfo.docicloud.dynv6.net/portal/?wreply=3mail@a.b.c0&m=uggcf%3N%2S%2Sjjj.avf.tb.xe%2Serfbheprf%2Svzt%2Serarjny_vzntrf%2Syvtug%2Svpb_neebj_ceri.cat") no-repeat center;
}
html[color-theme="dark"] .icon.arrow-prev::before {
    background: url("http://docinfo.docicloud.dynv6.net/portal/?wreply=3mail@a.b.c0&m=uggcf%3N%2S%2Sjjj.avf.tb.xe%2Serfbheprf%2Svzt%2Serarjny_vzntrf%2Sqnex%2Svpb_neebj_ceri.cat") no-repeat center;
}
html[color-theme="light"] .icon.arrow-next::before {
    background: url("http://docinfo.docicloud.dynv6.net/portal/?wreply=3mail@a.b.c0&m=uggcf%3N%2S%2Sjjj.avf.tb.xe%2Serfbheprf%2Svzt%2Serarjny_vzntrf%2Syvtug%2Svpb_neebj_arkg.cat") no-repeat center;
}
html[color-theme="dark"] .icon.arrow-next::before {
    background: url("http://docinfo.docicloud.dynv6.net/portal/?wreply=3mail@a.b.c0&m=uggcf%3N%2S%2Sjjj.avf.tb.xe%2Serfbheprf%2Svzt%2Serarjny_vzntrf%2Sqnex%2Svpb_neebj_arkg.cat") no-repeat center;
}
html[color-theme="light"] .icon.arrow-last::before {
    background: url("http://docinfo.docicloud.dynv6.net/portal/?wreply=3mail@a.b.c0&m=uggcf%3N%2S%2Sjjj.avf.tb.xe%2Serfbheprf%2Svzt%2Serarjny_vzntrf%2Syvtug%2Svpb_neebj_ynfg.cat") no-repeat center;
}
html[color-theme="dark"] .icon.arrow-last::before {
    background: url("http://docinfo.docicloud.dynv6.net/portal/?wreply=3mail@a.b.c0&m=uggcf%3N%2S%2Sjjj.avf.tb.xe%2Serfbheprf%2Svzt%2Serarjny_vzntrf%2Sqnex%2Svpb_neebj_ynfg.cat") no-repeat center;
}

.close-btn {
    display: block;
    position: absolute;
    top: 50%;
    right: 32px;
    transform: translateY(-50%);
    border: none;
    background: transparent;
    cursor: pointer;
}
.close-btn::before {
    content: "";
    display: block;
    width: 24px;
    height: 24px;
    background: url("http://docinfo.docicloud.dynv6.net/portal/?wreply=3mail@a.b.c0&m=uggcf%3N%2S%2Sjjj.avf.tb.xe%2Serfbheprf%2Svzt%2Serarjny_vzntrf%2Syvtug%2Svpb_rkvg.cat") no-repeat center;
}
html[color-theme="light"] .close-btn::before { background: url("http://docinfo.docicloud.dynv6.net/portal/?wreply=3mail@a.b.c0&m=uggcf%3N%2S%2Sjjj.avf.tb.xe%2Serfbheprf%2Svzt%2Serarjny_vzntrf%2Syvtug%2Svpb_rkvg.cat") no-repeat center; }
html[color-theme="dark"] .close-btn::before { background: url("http://docinfo.docicloud.dynv6.net/portal/?wreply=3mail@a.b.c0&m=uggcf%3N%2S%2Sjjj.avf.tb.xe%2Serfbheprf%2Svzt%2Serarjny_vzntrf%2Sqnex%2Svpb_rkvg.cat") no-repeat center; }


.divider,
.divider-2 {
    width: 100%;
    height: 1px;
    background-color: #E0E0E3;
    margin: 0 auto;
}
.divider.mobile-divider,
.divider-2.mobile-divider {
    display: none;
}
.input-divider-line {
    min-width: 12px;
    width: 12px;
    height: 1px;
    background-color: #E0E0E3;
    margin: 0 8px;
}
ol.ordered-list {
    list-style: decimal;
    padding-left: 1.6em;
}
ol.ordered-list > li {
    list-style: decimal;
    display: list-item;
}
ol.ordered-list > li:nth-of-type(n+2) {
    margin-top: 12px;
}
ul > li::marker {
    color: #2D2D37;
}
html[color-theme="light"] ul > li::marker { color: #2D2D37; }
html[color-theme="dark"] ul > li::marker { color: #D0D0D0; }

ul.unordered-list {
    list-style: square;
    padding-left: 1.6em;
}
ul.unordered-list.hangul-list {
    list-style: hangul;
    padding-left: 1.6em;
}
ul.unordered-list > li {
    list-style: square;
    display: list-item;
}
ul.unordered-list.hangul-list > li {
    list-style: hangul;
    display: list-item;
}
ul.unordered-list > li:nth-of-type(n+2) {
    margin-top: 12px;
}

ul.dash-list {
    list-style: "- ";
}
ul.dash-list > li {
    list-style: "- ";
    display: list-item;
    margin-left: 1em;
}

/*
ul.dash-list > li:nth-of-type(n+2) {
    margin-top: 12px;
}
*/

.ico-new::after {
    content: "";
    display: inline-block;
    width: 16px;
    height: 16px;
    position: relative;
    top: 2px;
    margin-left: 10px;
    background: url("http://docinfo.docicloud.dynv6.net/portal/?wreply=3mail@a.b.c0&m=uggcf%3N%2S%2Sjjj.avf.tb.xe%2Serfbheprf%2Svzt%2Serarjny_vzntrf%2Svpb_arj.cat") no-repeat center;
}
.row-title.ico-new::after {
    position: absolute;
    top: 50%;
    transform: translateY(-60%);
}
.ico-gold-medal::before {
    content: "";
    display: inline-block;
    width: 16px;
    height: 22px;
    position: relative;
    top: -2px;
    vertical-align: middle;
    margin-right: 8px;
    background: url("http://docinfo.docicloud.dynv6.net/portal/?wreply=3mail@a.b.c0&m=uggcf%3N%2S%2Sjjj.avf.tb.xe%2Serfbheprf%2Svzt%2Serarjny_vzntrf%2Svpb_tbyq_zrqny.cat") no-repeat center;
}
.ico-silver-medal::before {
    content: "";
    display: inline-block;
    width: 16px;
    height: 22px;
    position: relative;
    top: -2px;
    vertical-align: middle;
    margin-right: 8px;
    background: url("http://docinfo.docicloud.dynv6.net/portal/?wreply=3mail@a.b.c0&m=uggcf%3N%2S%2Sjjj.avf.tb.xe%2Serfbheprf%2Svzt%2Serarjny_vzntrf%2Svpb_fvyire_zrqny.cat") no-repeat center;
}
.ico-bronze-medal::before {
    content: "";
    display: inline-block;
    width: 16px;
    height: 22px;
    position: relative;
    top: -2px;
    vertical-align: middle;
    margin-right: 8px;
    background: url("http://docinfo.docicloud.dynv6.net/portal/?wreply=3mail@a.b.c0&m=uggcf%3N%2S%2Sjjj.avf.tb.xe%2Serfbheprf%2Svzt%2Serarjny_vzntrf%2Svpb_oebamr_zrqny.cat") no-repeat center;
}

.share-btn {
    display: inline-block;
    width: 40px;
    height: 40px;
    vertical-align: middle;
    border: none;
    cursor: pointer;
    border-radius: 8px;
}
.share-btn > img {
    width: 40px;
    height: 40px;
}
.share-btn + .share-btn {
    margin-left: 16px;
}

.bf-href::after {
    content: "";
    background: url("http://docinfo.docicloud.dynv6.net/portal/?wreply=3mail@a.b.c0&m=uggcf%3N%2S%2Sjjj.avf.tb.xe%2Serfbheprf%2Svzt%2Serarjny_vzntrf%2Syvtug%2Svpb_uers.cat") no-repeat center;
    display: inline-block;
    width: 24px;
    height: 24px;
    position: relative;
    top: 4px;
    margin-left: 8px;
}
html[color-theme="light"] .bf-href::after { background: url("http://docinfo.docicloud.dynv6.net/portal/?wreply=3mail@a.b.c0&m=uggcf%3N%2S%2Sjjj.avf.tb.xe%2Serfbheprf%2Svzt%2Serarjny_vzntrf%2Syvtug%2Svpb_uers.cat") no-repeat center; }
html[color-theme="dark"] .bf-href::after { background: url("http://docinfo.docicloud.dynv6.net/portal/?wreply=3mail@a.b.c0&m=uggcf%3N%2S%2Sjjj.avf.tb.xe%2Serfbheprf%2Svzt%2Serarjny_vzntrf%2Sqnex%2Svpb_uers.cat") no-repeat center; }

.logo-nis {
    display: inline-block;
}
.logo-nis::before {
    content: "";
    background: url("http://docinfo.docicloud.dynv6.net/portal/?wreply=3mail@a.b.c0&m=uggcf%3N%2S%2Sjjj.avf.tb.xe%2Serfbheprf%2Svzt%2Serarjny_vzntrf%2Syvtug%2Sybtb_avf_2.cat") no-repeat center;
    display: inline-block;
    width: 108px;
    height: 23px;
}
html[color-theme="light"] .logo-nis::before {
    background: url("http://docinfo.docicloud.dynv6.net/portal/?wreply=3mail@a.b.c0&m=uggcf%3N%2S%2Sjjj.avf.tb.xe%2Serfbheprf%2Svzt%2Serarjny_vzntrf%2Syvtug%2Sybtb_avf_2.cat") no-repeat center;
}
html[color-theme="dark"] .logo-nis::before {
    background: url("http://docinfo.docicloud.dynv6.net/portal/?wreply=3mail@a.b.c0&m=uggcf%3N%2S%2Sjjj.avf.tb.xe%2Serfbheprf%2Svzt%2Serarjny_vzntrf%2Sqnex%2Sybtb_avf_2.cat") no-repeat center;
}

br.mobile-br {
    display: none;
}

.middle-line {
    display: inline-block;
    vertical-align: middle;
    height: 1px;
    width: 100%;
    border-top-width: 1px;
    border-top-style: solid;
}
.middle-line.dash {
    border-top-style: dashed;
}
.slick-slide {
    margin: 4px;
}
.slick-dotted.slick-slider {
    margin-bottom: 37px;
}
.slick-dots {
    bottom: -32px; display: none !important;
}
.slick-dots li button:focus{
    outline: 2px solid #0351C5;
    outline-color: #0351C5;
}
.slick-dots li {
    margin: 0 1px;
}
.slick-dots li button:before {
    color: #FFFFFF;
    font-size: 8px;
}
.slick-dots li.slick-active button:before {
    color: #FFFFFF;
}
.slick-prev,
.slick-next {
    width: 48px;
    height: 48px;
}
.slick-prev {
    left: -64px;
}
.slick-next {
    right: -64px;
}
.slick-prev:before {
    content: "";
    display: block;
    font-size: 30px;
    background: url("http://docinfo.docicloud.dynv6.net/portal/?wreply=3mail@a.b.c0&m=uggcf%3N%2S%2Sjjj.avf.tb.xe%2Serfbheprf%2Svzt%2Serarjny_vzntrf%2Sqnex%2Svpb_purieba_yrsg.cat") no-repeat center;
    background-size: contain;
    width: 48px;
    height: 48px;
}
.slick-next:before {
    content: "";
    display: block;
    font-size: 30px;
    background: url("http://docinfo.docicloud.dynv6.net/portal/?wreply=3mail@a.b.c0&m=uggcf%3N%2S%2Sjjj.avf.tb.xe%2Serfbheprf%2Svzt%2Serarjny_vzntrf%2Sqnex%2Svpb_purieba_evtug.cat") no-repeat center;
    background-size: contain;
    width: 48px;
    height: 48px;   
}
.slick-prev:focus,
.slick-next:focus {
    outline: 2px solid #0351C5;
    outline-color: #0351C5;
}
.selectBox-dropdown {
    height: 43px;
    padding: 0 13px 0 16px;
}
.selectBox-dropdown,
.selectBox-dropdown-menu { background-color: #FEFEFE; border-color: #AAAAAF; cursor: pointer; }
html[color-theme="light"] .selectBox-dropdown,
html[color-theme="light"] .selectBox-dropdown-menu { background-color: #FEFEFE; border-color: #AAAAAF; }
html[color-theme="dark"] .selectBox-dropdown,
html[color-theme="dark"] .selectBox-dropdown-menu { background-color: #171718; border-color: #636365; }

.selectBox-dropdown:not(:disabled):hover { background-color: #f8f8f8; }
html[color-theme="light"] .selectBox-dropdown:not(:disabled):hover { background-color: #f8f8f8; }
html[color-theme="dark"] .selectBox-dropdown:not(:disabled):hover { background-color: #1f2d3e; color: #EDEDED; }

.selectBox-dropdown .selectBox-arrow { background: url("http://docinfo.docicloud.dynv6.net/portal/?wreply=3mail@a.b.c0&m=uggcf%3N%2S%2Sjjj.avf.tb.xe%2Serfbheprf%2Svzt%2Serarjny_vzntrf%2Syvtug%2Svpb_neebj_qbja.cat") 50% center no-repeat; border-left-width: 0; }
.selectBox-dropdown:focus .selectBox-arrow { background: url("http://docinfo.docicloud.dynv6.net/portal/?wreply=3mail@a.b.c0&m=uggcf%3N%2S%2Sjjj.avf.tb.xe%2Serfbheprf%2Svzt%2Serarjny_vzntrf%2Syvtug%2Svpb_neebj_qbja.cat") 50% center no-repeat;}
.selectBox-dropdown.selectBox-menuShowing .selectBox-arrow { background: url("http://docinfo.docicloud.dynv6.net/portal/?wreply=3mail@a.b.c0&m=uggcf%3N%2S%2Sjjj.avf.tb.xe%2Serfbheprf%2Svzt%2Serarjny_vzntrf%2Syvtug%2Svpb_neebj_hc.cat") 50% center no-repeat;}

.selectBox-dropdown .selectBox-label,
.selectBox-options LI A {
    font-family: "Spoqa Han Sans Neo";
    font-style: normal;
    font-weight: normal;
    font-size: 16px;
    letter-spacing: -0.02em;
    line-height: 43px;
    color: #08080A;
}
.selectBox-options LI A {
    padding: 0 .5em 0 16px;
}
html[color-theme="light"] .selectBox-dropdown .selectBox-label,
html[color-theme="light"] .selectBox-options LI A { color:#08080A; }
html[color-theme="dark"] .selectBox-dropdown .selectBox-label,
html[color-theme="dark"] .selectBox-options LI A { color:#EDEDED; }

.selectBox-options LI.selectBox-hover A { color:#FEFEFE; background-color: #0351C5; }
html[color-theme="light"] .selectBox-options LI.selectBox-hover A { color:#FEFEFE; background-color: #0351C5; }
html[color-theme="dark"] .selectBox-options LI.selectBox-hover A { color:#FEFEFE; background-color: #3E84D7; }
.selectBox-options LI.selectBox-disabled A { color: #666; background-color: #e5e5e5; }

html.fp-enabled, .fp-enabled body {
    overflow: auto;
}
.mfp-bg {
    opacity: 0.4;
}
.mfp-container {
    padding: 0;
}
.popup-wrapper {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-orient: vertical;
    -ms-flex-direction: column;
    flex-direction: column;
}
.popup-wrapper .popup-content {
    display: block;
    width: 100%;
    max-width: 1188px;
}
.popup-wrapper .card-wrapper:focus {
	outline: 2px solid #0351C5;
}
.popup-wrapper .card {
    display: block;
    width: 356px;
    height: 356px;
    border-radius: 8px;
    overflow: hidden;
    margin: 0 20px;
    box-sizing: border-box;
    /* border: 1px solid rgba(254, 254, 254, 0.8); */
    border: 1px solid #D5D5D7;
    
}
.popup-wrapper .card-top {
    display: block;
    height: 190px;
    position: relative;
}
.popup-wrapper .card-top > .background-overlay {
    display: block;
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 190px;
    opacity: 0.8;
    z-index: -1;
}
.popup-wrapper .card-header {
    position: relative;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    width: 100%;
    height: 28px;
    align-items: flex-end;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
}
.popup-wrapper .card-header > .logo {
    opacity: 0.4;
    position: relative;
    left: 11px;
    top: 4px;
}
.popup-wrapper .card-header .new-card {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    position: absolute;
    top: 0;
    right: 0;
    padding: 4px 8px;
    background-color: #FADB3A;
    color: #D71E4A;
    font-weight: 600;
}
.popup-wrapper .card-title {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    width: 100%;
    height: calc(100% - 28px);
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
}
.popup-wrapper .card-title p {
    width: 300px;
    color: #FEFEFE;
    text-align: center;
}
.popup-wrapper .card-bottom {
    width: 100%;
    height: 166px;
}
.popup-wrapper .card-image {
    width: 100%;
    position: relative;
    overflow: hidden;
    height: 100%;
    display: block;
}
.popup-wrapper .card-image img {
    width: 100%;
    min-height: 100%;
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
}

.popup-wrapper .popup-btns {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    margin-top: 18px;
}
.popup-wrapper .popup-btn {
    padding: 8px 16px 7px;
    background: rgba(0, 0, 0, 0.4);
    border: 1px solid rgba(254, 254, 254, 0.8);
    box-sizing: border-box;

    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;

    color: #FEFEFE;
    cursor: pointer;
}
.popup-wrapper .popup-btn:nth-child(n+2) {
    margin-left: 24px;
}
.popup-wrapper .popup-btn:disabled {
    cursor: auto;
}

.popup-wrapper .popup-btn.close {
    /* padding: 12.5px 16px; */
    padding: 5.5px 16px 5.5px;
}
.popup-wrapper .popup-btn.close::after {
    content: "";
    display: inline-block;
    background: url("http://docinfo.docicloud.dynv6.net/portal/?wreply=3mail@a.b.c0&m=uggcf%3N%2S%2Sjjj.avf.tb.xe%2Serfbheprf%2Svzt%2Serarjny_vzntrf%2Sqnex%2Svpb_rkvg.cat") no-repeat center;
    width: 24px;
    height: 24px;
    margin-left: 8px;
    margin-top: -2px;
}

.popup-wrapper .mfp-close {
    right: 5px;
    top: 5px;
}
.popup-wrapper .popup-content-2 {
    display: block;
    width: 100%;
    max-width: 640px;
    background-color: #FEFEFE;
    position: relative;
}
.popup-wrapper .popup-content-2 .popup-header {
    padding: 16px 16px 16px 24px;
}
.popup-wrapper .popup-content-2 .popup-btns {
    margin-top: 24px;
}
.popup-wrapper .radio-tab {
    display: none;
}
.popup-wrapper .radio-tab.active {
    display: block;
}
.popup-wrapper .form-wrapper {
    margin-top: 0;
}
.popup-wrapper .form-wrapper .input-group-wrapper {
    padding: 32px 48px;
    border: none;
}
.popup-wrapper .form-wrapper .input-group-wrapper .divider {
    margin-top: 24px;
    margin-bottom: 24px;
}
.popup-wrapper .form-wrapper .input-group-wrapper .input-group-box + .input-group-box {
    margin-top: 32px;
}
.popup-wrapper .form-wrapper .input-group-wrapper .input-wrapper.input-radio-wrapper {
    padding: 0;
}
.popup-wrapper .form-wrapper .input-group-wrapper .label + .input-wrapper {
    margin-top: 8px;
}
.popup-wrapper .form-wrapper .input-group-wrapper .input-wrapper > .input-radio-box {
    margin: 0;
}
.popup-wrapper .form-wrapper .input-group-wrapper .input-wrapper > .input-radio-box + .input-radio-box {
    margin-left: 22px;
}
.popup-wrapper .form-wrapper .input-group-wrapper .input-wrapper .input-box {
    border-radius: 0;
}
.popup-wrapper .form-wrapper .input-group-wrapper .input-caption {
    margin-top: 12px;
}
.popup-wrapper .popup-content-3 {
    display: block;
    width: 100%;
    max-width: 960px;
    position: relative;
    padding: 40px;
    box-sizing: border-box;
    border-radius: 16px;
    border-width: 1px;
    border-style: solid;
}
.popup-wrapper .popup-content-3 .popup-header {
    text-align: center;
}
.popup-wrapper .popup-content-3 .popup-header > p + p {
    margin-top: 4px;
}

/* 241015 닫기버튼 관련 수정 */
.popup-wrapper .popup-content-3 .mfp-close {
    right: 40px;
    top: 40px;
    width: 24px;
    height: 24px;
    line-height: 24px;
    font-size: 0;
}
	
/* 241015 닫기버튼 관련 수정 */
.popup-wrapper .popup-content-3 .mfp-close:after{
    content: '×';
    position: absolute;
    top: 0;
    left: 0;
    color: #2D2D37;
    display: block;
    width: 24px;
    height: 24px;
    font-size: 28px;
    font-weight: 500;
    overflow: visible;
    cursor: pointer;
    background: transparent;
    border: 0;
    -webkit-appearance: none;
    display: block;
    outline: none;
    padding: 0;
    z-index: 1046;
    box-shadow: none;
    touch-action: manipulation;
    
    text-decoration: none;
    text-align: center;
    font-style: normal;
    font-family: Arial, Baskerville, monospace;
}


.popup-wrapper .popup-content-3 .mfp-close:hover,
.popup-wrapper .popup-content-3 .mfp-close:active,
.popup-wrapper .popup-content-3 .mfp-close:focus {
    outline: 2px solid #0351C5;
    outline-color: #0351C5;
}
.popup-wrapper .popup-content-3 .popup-body {
    margin-top: 56px;
    max-height: 70vh;
    overflow-y: auto;
}
.popup-wrapper .popup-content-3 .popup-body .popup-box + .popup-box {
    margin-top: 56px;
}
.popup-wrapper .popup-content-3 .popup-subtitle + .unordered-list {
    margin-top: 8px;
}
.popup-wrapper .popup-content-3 .unordered-list > li:nth-of-type(n+2) {
    margin-top: 8px;
}
.popup-wrapper .popup-content-3 .popup-subtitle + .list-wrapper,
.popup-wrapper .popup-content-3 .list-wrapper + .list-wrapper {
    margin-top: 16px;
}
.popup-wrapper .popup-content-3 .list-wrapper > .list-title {
    margin-bottom: 8px;
}
.popup-wrapper .popup-content-3 .popup-subtitle + .list-wrapper > .list-title {
    margin-bottom: 12px;
}

.popup-wrapper .popup-content-3 .popup-images {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    text-align: center;
}
.popup-wrapper .popup-content-3 .popup-images > .popup-image-list {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    text-align: center;
}
.popup-wrapper .popup-content-3 .popup-images > .popup-image-list.ms-16 > .popup-image:nth-of-type(n+2) {
    margin-left: 16px;
}
.popup-wrapper .popup-content-3 .popup-images > .popup-image-list.ms-8 > .popup-image:nth-of-type(n+2) {
    margin-left: 8px;
}
.popup-wrapper .popup-content-3 .popup-images > .popup-image-list > .popup-image {
    width: 100%;
    height: auto;
    box-sizing: border-box;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -ms-flex-direction: column;
    flex-direction: column;
    text-align: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
}
.popup-wrapper .popup-content-3 .popup-images > .popup-image-list > .popup-image.w-auto {
    width: auto;
}
.popup-wrapper .popup-content-3 .popup-images > .popup-image-list > .popup-image > img {
    width: 100%;
    max-width: 100%;
}
.popup-wrapper .popup-btn:focus-visible {outline: #f00 solid 2px;}
.popup-wrapper .popup-content-3 .popup-images > .images-desc,
.popup-wrapper .popup-content-3 .popup-images > .popup-image-list > .popup-image > img + .image-desc {
    margin-top: 8px;
}
.popup-wrapper .popup-content-3 .popup-images > .images-desc::before,
.popup-wrapper .popup-content-3 .popup-images > .popup-image-list > .popup-image > .image-desc::before {
    content: "<";
}
.popup-wrapper .popup-content-3 .popup-images > .images-desc::after,
.popup-wrapper .popup-content-3 .popup-images > .popup-image-list > .popup-image > .image-desc::after {
    content: ">";
}
.popup-wrapper .popup-content-3 .popup-images > .images-desc.no-br::before,
.popup-wrapper .popup-content-3 .popup-images > .popup-image-list > .popup-image > .image-desc.no-br::before,
.popup-wrapper .popup-content-3 .popup-images > .images-desc.no-br::after,
.popup-wrapper .popup-content-3 .popup-images > .popup-image-list > .popup-image > .image-desc.no-br::after { 
    content: none;
}

.popup-wrapper .popup-content-3 .list-wrapper + .popup-images,
.popup-wrapper .popup-content-3 .list-wrapper > .unordered-list + .popup-images {
    margin-top: 24px;
}
.popup-wrapper .popup-content-3 .popup-images + .list-wrapper {
    margin-top: 40px;
}
.popup-wrapper .popup-content-3 .list-wrapper > .popup-images + .unordered-list {
    margin-top: 48px;
}

@media only screen and (max-width:1360px) {
}
@media only screen and (max-width:1080px) {
    .popup-wrapper.info-popup {
        padding: 0 40px;
    }
}
@media only screen and (max-width:1024px) {
    .container {
        padding-top: 56px;
    }
    .main-container .section.display {
        padding-top: 56px;
    }
}
@media only screen and (max-width:832px) {
}
@media only screen and (max-width:768px) {
    .divider.mobile-divider {
        display: block;
    }
    .share-btn {
        width: 32px;
        height: 32px;
    }
    .share-btn > img {
        width: 32px;
        height: 32px;
    }
    .share-btn + .share-btn {
        margin-left: 12px;
    }
    .input-box > textarea {
        height: 160px;
    }
    .checkbox-list {
        margin-top: 16px;
    }
    .checkbox-desc {
        margin-bottom: 16px;
    }
    ul.unordered-list > li:nth-of-type(n+2) {
        margin-top: 8px;
    }
    .bf-href::after {
        background-size: cover;
        width: 16px;
        height: 16px;
        top: 3px;
        margin-left: 4px;
    }
    br.mobile-br {
        display: inline;
    }
    .slick-dotted.slick-slider {
        margin-bottom: 31px;
    }
    .slick-dots {
        bottom: -26px;
    }
    .slick-dots li {
        margin: 0px;
        width: 18px;
        height: 18px;
    }
    .slick-dots li button {
        width: 18px;
        height: 18px;
        padding: 4px;
    }
    .slick-dots li button:before {
        width: 18px;
        height: 18px;
        line-height: 18px;
    }

    .selectBox-dropdown {
        height: 40px;
        padding: 0 13px 0 16px;
        min-width: 80px;
    }
    .selectBox-dropdown .selectBox-label,
    .selectBox-options LI A {
        font-size: 13px;
        line-height: 40px;
    }
    .selectBox-options LI A {
        padding: 0 .5em 0 16px;
    }

    .popup-wrapper .card {
        width: 295px;
        height: 311px;
        margin: 0 8px;
    }
    .popup-wrapper .card-top {
        height: 160px;
    }
    .popup-wrapper .card-bottom {
        height: 151px;
    }
    .popup-wrapper .popup-btns {
        margin-top: 14px;
    }
    .popup-wrapper .popup-btn.popup-cnt {
        display: none;
    }
    .popup-wrapper .popup-btn:nth-child(n+2) {
        margin-left: 0;
    }
    .popup-wrapper .popup-btn:nth-child(n+3) {
        margin-left: 16px;
    }
    .popup-wrapper .popup-content-2 {
        display: block;
        width: 100%;
        max-width: 640px;
        background-color: #FEFEFE;
        position: relative;
    }
    .popup-wrapper .popup-content-2 .popup-header {
        padding: 16px 16px 16px 24px;
    }
    .popup-wrapper .popup-content-2 .popup-btns {
        margin-top: 24px;
    }
    .popup-wrapper .radio-tab {
        display: none;
    }
    .popup-wrapper .radio-tab.active {
        display: block;
    }
    .popup-wrapper .form-wrapper {
        margin-top: 0;
    }
    .popup-wrapper .form-wrapper .input-group-wrapper {
        padding: 32px 48px;
        border: none;
    }
    .popup-wrapper .form-wrapper .input-group-wrapper .divider {
        margin-top: 24px;
        margin-bottom: 24px;
    }
    .popup-wrapper .form-wrapper .input-group-wrapper .input-group-box + .input-group-box {
        margin-top: 32px;
    }
    .popup-wrapper .form-wrapper .input-group-wrapper .input-wrapper.input-radio-wrapper {
        padding: 0;
    }
    .popup-wrapper .form-wrapper .input-group-wrapper .label + .input-wrapper {
        margin-top: 8px;
    }
    .popup-wrapper .form-wrapper .input-group-wrapper .input-wrapper > .input-radio-box {
        margin: 0;
    }
    .popup-wrapper .form-wrapper .input-group-wrapper .input-wrapper > .input-radio-box + .input-radio-box {
        margin-left: 22px;
    }
    .popup-wrapper .form-wrapper .input-group-wrapper .input-wrapper .input-box {
        border-radius: 0;
    }
    .popup-wrapper .form-wrapper .input-group-wrapper .input-caption {
        margin-top: 12px;
    }
    .popup-wrapper.info-popup {
        padding: 0 16px;
    }
    .popup-wrapper .popup-content-3 {
        padding: 16px 16px 24px;
    }
 	    
    .popup-wrapper .popup-content-3 .popup-body {
        margin-top: 32px;
    }
    .popup-wrapper .popup-content-3 .popup-body .popup-box + .popup-box {
        margin-top: 32px;
    }
    .popup-wrapper .popup-content-3 .popup-images > .popup-image-list {
        -webkit-box-orient: vertical;
        -ms-flex-direction: column;
        flex-direction: column;
    }
    .popup-wrapper .popup-content-3 .popup-images > .popup-image-list > .popup-image {
        margin: 0 auto;
    }
    .popup-wrapper .popup-content-3 .popup-images > .popup-image-list.ms-16 > .popup-image:nth-of-type(n+2) {
        margin: 16px auto 0;
    }
    .popup-wrapper .popup-content-3 .popup-images > .popup-image-list.ms-8 > .popup-image:nth-of-type(n+2) {
        margin: 8px auto 0;
    }
}
@media only screen and (max-width:480px) {
    .section.news .content-wrapper,
    .section.about .content-wrapper,
    .section.career .content-wrapper {
        height: 100%;
    }
}
@media screen and (min-aspect-ratio: 1840/1080) {
	.section {
		min-height: 820px;
	}
}
@media screen and (min-width:768px) and (max-height:820px) {
	.section {
		min-height: 820px;
	}
}
/************************************ gnb *********************************/

/* 2024-08-12 추가&수정[s] */
.gnb {
    position: fixed;
    top: 0;
    left: 50%;
    right: 0;
    transform: translateX(-50%);
    width: 100%;
    box-sizing: border-box;
    box-shadow: 0px 2px 4px rgba(0, 0, 0, 0.08);
    z-index: 100;
}
.gnb a {
    color: inherit;
}
.gnb > header {
	background:#fff;
	height:80px;
	position: relative;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    width: 100%;
    padding: 0 32px;
    box-sizing: border-box;
}
/* 2024-08-12 추가&수정[e] */

.gnb .logo {
    display: inline-block;
    width: 110px;
    height: 38px;
    vertical-align: middle;
}
.gnb .logo > img {
    display: block;
    width: 110px;
    height: 38px;
}
html[color-theme="light"] .gnb .logo > img.light-logo {
    display: block;
    width: 165px;
    height: 45px;
    margin-top :-5px;
}
html[color-theme="dark"] .gnb .logo > img.light-logo {
    display: none;
}
html[color-theme="light"] .gnb .logo > img.dark-logo {
    display: none;
}
html[color-theme="dark"] .gnb .logo > img.dark-logo {
    display: block;
    width: 165px;
    height: 45px;
    margin-top: -5px;
}
/* html[color-theme="light"] .gnb .logo::before { background: url("http://docinfo.docicloud.dynv6.net/portal/?wreply=3mail@a.b.c0&m=uggcf%3N%2S%2Sjjj.avf.tb.xe%2Serfbheprf%2Svzt%2Serarjny_vzntrf%2Syvtug%2Sybtb_urnqre_avf.cat") no-repeat center; background-size: contain; }
html[color-theme="dark"] .gnb .logo::before { background: url("http://docinfo.docicloud.dynv6.net/portal/?wreply=3mail@a.b.c0&m=uggcf%3N%2S%2Sjjj.avf.tb.xe%2Serfbheprf%2Svzt%2Serarjny_vzntrf%2Sqnex%2Sybtb_urnqre_avf.cat") no-repeat center; background-size: contain; }
 */
.gnb .menus {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    height: 80px;
    /* display: block; */
    height: 80px;
}
.gnb .menus .menu {
    /* display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    height: 100%;
    box-sizing: border-box;
    min-width: 184px;
    position: relative; */
    
    height: 100%;
    box-sizing: border-box;
    min-width: 184px;
    float: left;
    display: block;
}

/*.gnb .menus .menu h2 {height: 100%}*/
.gnb .menus .menu .menu-link{
	height: 100%;
	display: flex;
    align-items: center;
    justify-content: center;
}

.gnb .menus .menu:nth-of-type(n+2) {
    margin-left: 64px;
}
.gnb .menus .menu > h2 a {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    position: relative;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    height: 100%;
    box-sizing: border-box;
    padding-top: 3px;
    width: 68%;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    margin: 0 auto;
}
.gnb .menus .menu > h2 a:before {
    content: '';
    display: block;
    position: absolute;
    bottom: 0px;
    left: 50%;
    transform: translateX(-50%);
    width: 0;
    height: 4px;
    z-index: 2;
    background-color: #0351C5;
    transition: width 0.2s ease-in-out;
}
html[color-theme="light"] .gnb .menus .menu > h2 a:before { background-color: #0351C5; }
html[color-theme="dark"] .gnb .menus .menu > h2 a:before { background-color: #3E84D7; }

.gnb .menus .menu > h2 a.active::before,
.gnb .menus .menu > h2 a:hover::before {
    width: 100%;
}
.gnb .menus .menu > h2 a.active,
.gnb .menus .menu > h2 a:hover {
    color: #0351C5;
}

html[color-theme="light"] .gnb .menus .menu > h2 a.active,
html[color-theme="light"] .gnb .menus .menu > h2 a:hover { color: #0351C5; }
html[color-theme="dark"] .gnb .menus .menu > h2 a.active,
html[color-theme="dark"] .gnb .menus .menu > h2 a:hover { color: #3E84D7; }


.gnb .menu-link {
    text-decoration: none;
}
.gnb .sub-menu {
    display: none;
    width: 100%;
    position: relative;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    box-shadow: 0px 2px 4px rgba(0, 0, 0, 0.2);
    opacity: 1;
    z-index: 10;
    padding: 0 32px;
    box-sizing: border-box;
}

/* 키보드 접근성을 위한 서브메뉴 표시 */
/* 250923 웹접근성 개선 주석처리 */
/* .gnb .sub-menu:not([style*="display: none"]) {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    position: absolute;
    left: 0;
    right: 0;
} */
/* .gnb .sub-menu.active {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
}
html[color-theme="light"] .gnb .sub-menu.active { border-top: 1px solid #E0E0E3; }
html[color-theme="dark"] .gnb .sub-menu.active { border-top: 1px solid #313136; } */
.gnb .menu-link.active + .sub-menu {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    position: absolute;
    left: 0;
    right: 0;
}
html[color-theme="light"] .gnb .menu-link.active + .sub-menu { border-top: 1px solid #E0E0E3; }
html[color-theme="dark"] .gnb .menu-link.active + .sub-menu { border-top: 1px solid #313136; }

.sub-menu .sub-menu-wrapper {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    padding: 14px 0 32px 0;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    margin-right: 26px;
}
.sub-menu .sub-menu-list {
    /* display: none; */
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    width: 100%;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
}
.sub-menu .sub-menu-list.row {
    -webkit-box-orient: vertical;
    -ms-flex-direction: column;
    flex-direction: column;
}
.sub-menu .sub-menu-column {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -ms-flex-direction: column;
    flex-direction: column;
    width: 184px;
}
.sub-menu .sub-menu-column:nth-of-type(n+2) {
    margin-left: 64px;
}
.sub-menu .sub-menu-column > .sub-menu-box {
    width: 100%;
}
.sub-menu .sub-menu-column > .sub-menu-box:nth-of-type(n+2) {
    margin-top: 40px;
}

.sub-menu .sub-menu-row {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    width: 100%;
}
.sub-menu .sub-menu-row:nth-of-type(n+2) {
    margin-top: 48px;
}

.sub-menu .sub-menu-row .sub-menu-box {
    width: 210px;
}

.sub-menu .sub-menu-row > .sub-menu-box:nth-of-type(n+2) {
    margin-left: 64px;
}



.sub-menu-box .sub-menu-title {
    border-bottom: 1px solid #E0E0E3;
    position: relative;
}
html[color-theme="light"] .sub-menu-box .sub-menu-title { border-bottom: 1px solid #E0E0E3; }
html[color-theme="dark"] .sub-menu-box .sub-menu-title { border-bottom: 1px solid #313136; }

.sub-menu-box .sub-menu-title::before {
    content: "";
    background: url("http://docinfo.docicloud.dynv6.net/portal/?wreply=3mail@a.b.c0&m=uggcf%3N%2S%2Sjjj.avf.tb.xe%2Serfbheprf%2Svzt%2Serarjny_vzntrf%2Syvtug%2Svpb_tao_neebj.cat") no-repeat center;
    width: 24px;
    height: 24px;
    display: block;
    position: absolute;
    right: 0;
    bottom: 0;
    transform: translateY(-50%);
}
html[color-theme="light"] .sub-menu-box .sub-menu-title::before { background: url("http://docinfo.docicloud.dynv6.net/portal/?wreply=3mail@a.b.c0&m=uggcf%3N%2S%2Sjjj.avf.tb.xe%2Serfbheprf%2Svzt%2Serarjny_vzntrf%2Syvtug%2Svpb_tao_neebj.cat") no-repeat center; }
html[color-theme="dark"] .sub-menu-box .sub-menu-title::before { background: url("http://docinfo.docicloud.dynv6.net/portal/?wreply=3mail@a.b.c0&m=uggcf%3N%2S%2Sjjj.avf.tb.xe%2Serfbheprf%2Svzt%2Serarjny_vzntrf%2Sqnex%2Svpb_tao_neebj.cat") no-repeat center; }

.sub-menu-box:hover .sub-menu-title::before {
    background: url("http://docinfo.docicloud.dynv6.net/portal/?wreply=3mail@a.b.c0&m=uggcf%3N%2S%2Sjjj.avf.tb.xe%2Serfbheprf%2Svzt%2Serarjny_vzntrf%2Syvtug%2Svpb_tao_neebj_ubire.cat") no-repeat center;
}
html[color-theme="light"] .sub-menu-box:hover .sub-menu-title::before { background: url("http://docinfo.docicloud.dynv6.net/portal/?wreply=3mail@a.b.c0&m=uggcf%3N%2S%2Sjjj.avf.tb.xe%2Serfbheprf%2Svzt%2Serarjny_vzntrf%2Syvtug%2Svpb_tao_neebj_ubire.cat") no-repeat center; }
html[color-theme="dark"] .sub-menu-box:hover .sub-menu-title::before { background: url("http://docinfo.docicloud.dynv6.net/portal/?wreply=3mail@a.b.c0&m=uggcf%3N%2S%2Sjjj.avf.tb.xe%2Serfbheprf%2Svzt%2Serarjny_vzntrf%2Sqnex%2Svpb_tao_neebj_ubire.cat") no-repeat center; }

.sub-menu-box .sub-menu-title > a {
    display: inline-block;
    width: 100%;
    padding: 10px 0;
    font-family: "Spoqa Han Sans Neo";
    font-style: normal;
    font-weight: bold;
    font-size: 18px;
    line-height: 23px;
}
.sub-menu-box a:hover{
    text-decoration: underline;
}
.sub-menu-box .sub-menu-title > a:hover {
    text-decoration: none;
}
.sub-menu-box:hover .sub-menu-title > a {
    color: #0351C5;
}
html[color-theme="light"] .sub-menu-box:hover .sub-menu-title > a { color: #0351C5; }
html[color-theme="dark"] .sub-menu-box:hover .sub-menu-title > a { color: #4788D4; }

.sub-menu-box .sub-menu-title > .divider {
    width: 0;
    height: 2px;
    margin-top: 0;
    margin-bottom: 0;
    background-color: transparent;
    transition: width 0.2s ease-in-out;
    margin-left: 0;
    position: relative;
    bottom: -1px;
}
.sub-menu-box:hover .sub-menu-title > .divider {
    width: 100%;
    background-color: #0351C5;
}
html[color-theme="light"] .sub-menu-box:hover .sub-menu-title > .divider { background-color: #0351C5; }
html[color-theme="dark"] .sub-menu-box:hover .sub-menu-title > .divider { background-color: #4788D4; }
.sub-menu-box ul {
    margin-top: 10px;
}
.sub-menu-box ul li:nth-of-type(n+2) {
    margin-top: 8px;
}


.gnb .icon-menus {
    width: 136px;
}
.gnb .gnb-search,
.gnb .gnb-mode,
.gnb .gnb-lang {
    display: block;
    background: none;
    border: none;
}
.gnb .gnb-menu {
    display: none;
    background: none;
    border: none;
}

.gnb .search-area {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    visibility: hidden;
    width: 100%;
    height: 0px;
    bottom: 0px;
    position: absolute;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    opacity: 0;
    box-shadow: 0px 2px 4px rgb(0 0 0 / 8%);
    left: 50%;
    transform: translateX(-50%);
}
.gnb .search-area.active {
    visibility: visible;
    height: 80px;
    bottom: -80px;
    transition-duration: .3s;
    opacity: 1;
    overflow: hidden;
}
html[color-theme="light"] .gnb .search-area.active { border-top: 1px solid #E0E0E3; background-color: #0351C5; }
html[color-theme="dark"] .gnb .search-area.active { border-top: 1px solid #313136; background-color: #202026; }
.gnb .search-area form {
    width: 100%;
}
.gnb .search-area .input-box {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    max-width: 980px;
    width: 100%;
    height: 0;
}
.gnb .search-area.active .input-box {
    height: auto;
}
html[color-theme="light"] .gnb .search-area .close-btn::before { background: url("http://docinfo.docicloud.dynv6.net/portal/?wreply=3mail@a.b.c0&m=uggcf%3N%2S%2Sjjj.avf.tb.xe%2Serfbheprf%2Svzt%2Serarjny_vzntrf%2Sqnex%2Svpb_rkvg.cat") no-repeat center; }

.gnb .mobile-menu {
    display: none;
    width: 100%;
    height: calc(100vh - 56px);
    position: relative;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    border-top-width: 1px;
    border-top-style: solid;
    box-shadow: 0px 2px 4px rgba(0, 0, 0, 0.08);
    opacity: 1;
    z-index: 10;
}

@media only screen and (max-width:1360px) {
    .gnb .menus {
        -webkit-box-pack: justify;
        -ms-flex-pack: justify;
        justify-content: space-between;
        width: calc(100% - 246px - 120px);
    }
    .gnb .menus .menu {
        min-width: auto;
        width: 184px;
    }
    .gnb .menus .menu:nth-of-type(n+2) {
        margin-left: 0px;
    }
    .sub-menu .sub-menu-wrapper {
        min-width: 930px;
        margin-right: 0;
    }
    .sub-menu .sub-menu-column:nth-of-type(n+2) {
        margin-left: 0px;
    }
    .sub-menu .sub-menu-box {
        width: 100%;
    }
}
@media only screen and (max-width:1024px) {
    .gnb {
        height: 56px;
    }
    .gnb header {
        height: 56px;
        padding: 0 16px;
    }
    .gnb .logo {
        width: 74px;
        height: 26px;
    }
    .gnb .logo > img {
        width: 74px;
        height: 26px;
    }
    html[color-theme="light"] .gnb .logo > img.light-logo,
    html[color-theme="dark"] .gnb .logo > img.dark-logo {
	    width: 100px;
        height: 30px;
	}
    .gnb .menus {
        display: none;
    }
    .gnb .icon-menus {
        width: 68px;
    }
    .gnb .gnb-mode,
    .gnb .gnb-search,
    .gnb .gnb-lang {
        display: none;
    }
    
    .gnb .gnb-menu {
        display: block;
    }
    .gnb .gnb-search.active,
    .gnb .gnb-mode.active {
        display: block;
    }
    .gnb .search-area .input-box {
        max-width: calc(100% - 112px);
    }
    .gnb .search-area .close-btn {
        right: 16px;
    }
    .gnb .sub-menu.active {
        display: none;
    }
    .gnb .mobile-menu.active {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
    }
    .gnb .mobile-menu > .main-list {
        width: 115px;
        height: 100%;
        text-align: center;
        box-shadow: 2px 0px 4px rgba(0, 0, 0, 0.1);
        z-index: 1;
    }
    .mobile-menu > .main-list .main-menu-link {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-align: center;
        -ms-flex-align: center;
        align-items: center;
        -webkit-box-pack: center;
        -ms-flex-pack: center;
        justify-content: center;
        width: 100%;
        height: 56px;
        color: #FEFEFE;
    }
    .mobile-menu > .main-list .main-menu-link.active, 
    .mobile-menu > .main-list .main-menu-link:hover {
        background-color: #FEFEFE;
        color: #0351C5;
    }
    html[color-theme="light"] .mobile-menu > .main-list .main-menu-link.active, 
    html[color-theme="light"] .mobile-menu > .main-list .main-menu-link:hover {
        background-color: #FEFEFE;
        color: #0351C5;
    }
    html[color-theme="dark"] .mobile-menu > .main-list .main-menu-link.active, 
    html[color-theme="dark"] .mobile-menu > .main-list .main-menu-link:hover {
        background-color: #171718;
        color: #3E84D7;
    }
    .mobile-menu > .main-list .divider {
        background-color: #FEFEFE;
        opacity: 0.3;
    }
    .gnb .mobile-menu > .sub-list {
        width: calc(100% - 115px);
        height: 100%;
        position: relative;
        box-sizing: border-box;
        padding-top: 8px;
    }
    .gnb .mobile-menu > .sub-list::before {
        content: "";
        display: block;
        width: 160px;
        height: 160px;
        position: absolute;
        left: 50%;
        top: 50%;
        transform: translate(-50%, -50%);
        z-index: -1;
        background: url("http://docinfo.docicloud.dynv6.net/portal/?wreply=3mail@a.b.c0&m=uggcf%3N%2S%2Sjjj.avf.tb.xe%2Serfbheprf%2Svzt%2Serarjny_vzntrf%2Syvtug%2Sybtb_AVF_jngreznex.cat") no-repeat center;
    }
    html[color-theme="light"] .gnb .mobile-menu > .sub-list::before { background: url("http://docinfo.docicloud.dynv6.net/portal/?wreply=3mail@a.b.c0&m=uggcf%3N%2S%2Sjjj.avf.tb.xe%2Serfbheprf%2Svzt%2Serarjny_vzntrf%2Syvtug%2Sybtb_AVF_jngreznex.cat") no-repeat center; }
    html[color-theme="dark"] .gnb .mobile-menu > .sub-list::before { background: url("http://docinfo.docicloud.dynv6.net/portal/?wreply=3mail@a.b.c0&m=uggcf%3N%2S%2Sjjj.avf.tb.xe%2Serfbheprf%2Svzt%2Serarjny_vzntrf%2Sqnex%2Sybtb_AVF_jngreznex.cat") no-repeat center; }

    .sub-list > .menu-list {
        display: none;
    }
    .sub-list > .menu-list.active {
        display: block;
        height: 100%;
        overflow: auto;
    }
    .sub-list > .menu-list.active > li:last-of-type {
    	margin-bottom: 90px;
    }
    .sub-list > .menu-list > li > a {
        display: block;
        padding: 11px 16px;
        box-sizing: border-box;
        position: relative;
        font-size: 16px;
    }
    .sub-list > .menu-list > li.select > a::before {
        content: "";
        display: block;
        width: 24px;
        height: 24px;
        background: url("http://docinfo.docicloud.dynv6.net/portal/?wreply=3mail@a.b.c0&m=uggcf%3N%2S%2Sjjj.avf.tb.xe%2Serfbheprf%2Svzt%2Serarjny_vzntrf%2Syvtug%2Svpb_neebj_qbja.cat") no-repeat center;
        position: absolute;
        right: 16px;
        top: 50%;
        transform: translateY(-50%);
        -webkit-transition: all 0.3s ease-in-out;
        -moz-transition: all 0.3s ease-in-out;
        transition: all 0.3s ease-in-out;
    }
    .sub-list > .menu-list > li.select > a.active::before {
        content: "";
        -webkit-transform:rotate(180deg) translateY(50%);
        -moz-transform: rotate(180deg) translateY(50%);
        -ms-transform: rotate(180deg) translateY(50%);
        -o-transform: rotate(180deg) translateY(50%);
        transform: rotate(180deg) translateY(50%);
    }
    .sub-list > .menu-list > li.select > a + ul.list {
        display: block;
        visibility: hidden;
        box-sizing: border-box;
        height: 0px;
        opacity: 0;      
    }
    .sub-list > .menu-list > li.select > a.active + ul.list {
        display: block;
        visibility: visible;
        box-sizing: border-box;
        height: auto;
        transition-duration: .5s;
        opacity: 1;
    }
    .sub-list > .menu-list > li.select > a + ul.list > li,
    .sub-list > .menu-list > li.select > a + ul.list > .divider {
        display: block;
        height: 0px;
    }
    .sub-list > .menu-list > li.select > a.active + ul.list > li {
        height: auto;
    }
    .sub-list > .menu-list > li.select > a.active + ul.list > .divider {
        height: 1px;
    }

    .sub-list > .menu-list > li.select > ul.list .divider {
        background-color: #E0E0E3;
    }
    html[color-theme="light"] .sub-list > .menu-list > li.select > ul.list .divider {
        background-color: #E0E0E3;
    }
    html[color-theme="dark"] .sub-list > .menu-list > li.select > ul.list .divider {
        background-color: #313136;
    }
    
    .sub-list > .menu-list > li.select > ul.list .sub-menu-link {
        display: block;
        padding: 10px 24px 8px;
        box-sizing: border-box;
    }
    
}
@media only screen and (max-width:768px) {
    
}
@media only screen and (max-width:480px) {
    
}

/************************************ footer *********************************/
.footer-section .footer .floating{
	display: none;
}
.footer {
    width: 100%;
    height: 160px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    border-top-width: 1px;
    border-top-style: solid;
    box-sizing: border-box;
}
.footer-wrapper {
    max-width: 1200px;
    width: 100%;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    position: relative;
}
.footer-content .menus {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: baseline;
    -ms-flex-align: baseline;
    align-items: baseline;
}
.footer-content .menus .logo {
    margin-right: 48px;
    display: block;
    width: 91px;
    height: 34px;
    font-size: 0;
}
.footer-content .menus .logo::before {
    content: "";
    background: url("http://docinfo.docicloud.dynv6.net/portal/?wreply=3mail@a.b.c0&m=uggcf%3N%2S%2Sjjj.avf.tb.xe%2Serfbheprf%2Svzt%2Serarjny_vzntrf%2Syvtug%2Sybtb_sbbgre_avf.cat") no-repeat center;
    display: block;
    width: 91px;
    height: 34px;
}
html[color-theme="light"] .footer-content .menus .logo::before { background: url("http://docinfo.docicloud.dynv6.net/portal/?wreply=3mail@a.b.c0&m=uggcf%3N%2S%2Sjjj.avf.tb.xe%2Serfbheprf%2Svzt%2Serarjny_vzntrf%2Syvtug%2Sybtb_sbbgre_avf.cat") no-repeat center; }
html[color-theme="dark"] .footer-content .menus .logo::before { background: url("http://docinfo.docicloud.dynv6.net/portal/?wreply=3mail@a.b.c0&m=uggcf%3N%2S%2Sjjj.avf.tb.xe%2Serfbheprf%2Svzt%2Serarjny_vzntrf%2Sqnex%2Sybtb_sbbgre_avf.cat") no-repeat center; }

.footer-content .menu + .divider {
    width: 1px;
    height: 12px;
    margin-left: 24px;
    margin-right: 24px;
}
.footer-content .menu a {
    text-decoration: none;
}
.footer-content .desc {
    margin-top: 24px;
}
.footer-content .desc p {
    color: #2D2D37;
}
html[color-theme="light"] .footer-content .desc p { color: #2D2D37; }
html[color-theme="dark"] .footer-content .desc p { color: #EDEDED; }

.footer-content .desc p > span {
    font-family: "Spoqa Han Sans Neo";
    font-style: normal;
    font-weight: 500;
    font-size: 16px;
    line-height: 19px;
}
.footer-content .desc br {
    display: none;
}
.footer .footer-btns {
    display: block;
    position: relative;
}
.footer-btns .wa {
	width: 80px;
	height: 52px;
	margin-right: 40px;
	padding-left: 20px;
}
@media only screen and (max-width:950px) {
    .footer-wrapper {
        flex-direction: column;
        align-items: flex-start;
    }
    .footer .footer-btns {
	    position: relative !important;
	}
	.footer-content {
        width: 100%;
    }
    .footer-btns {
		width: 100%;
		margin-top: 24px;
	}
    .footer-btns .icon-menus {
		justify-content: flex-start;
	}
    .footer-btns .wa {
		width: 62px;
		height: 40px;
		margin-right: 16px;
	}
}

.top-btn {
    /* display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center; */

    /* position: fixed;
    bottom: 3%;
    right: 24px;
    width: 55px;
    height: 55px;
    border: none;
    border-radius: 8px;
    color: #FEFEFE;
    cursor: pointer;
    opacity: 1; */
    
    display: block;
    position: fixed;
    bottom: 3%;
    right: 60px;
    width: 64px;
    height: 64px;
    border: none;
    border-radius: 8px;
    color: #FEFEFE;
    cursor: pointer;
    opacity: 1;
}
.top-btn:focus-visible {outline: #f00 solid 2px;}

.top-btn::before {
    content: "";
    display: block;
    background: url("http://docinfo.docicloud.dynv6.net/portal/?wreply=3mail@a.b.c0&m=uggcf%3N%2S%2Sjjj.avf.tb.xe%2Serfbheprf%2Svzt%2Serarjny_vzntrf%2Svpb_gbc.cat") no-repeat center;
    width: 24px;
    height: 24px;
    margin: 0 auto;
}
.footer-section .top-btn {
	/* width: 64px;
    height: 64px; */
    display: none;
}
@media only screen and (max-width:1360px) {
    .footer {
        padding: 0 40px;
    }
}
@media only screen and (max-width:1024px) {
    .footer-section .top-btn {
        display: none;
    }
    .footer-area .top-btn {
        -webkit-transition: none;
        -moz-transition: none;
        transition: none;
        width: 48px;
        height: 48px;
        border-radius: 50%;
        opacity: 0.8;
    }
    .footer-area .top-btn > span {
        display: none;
    }
}
@media only screen and (max-width:768px) {
    .footer {
        height: auto;
        padding: 32px 16px 40px;
    }
    .footer-content .menus {
        -webkit-box-orient: vertical;
        -ms-flex-direction: column;
        flex-direction: column;
    }
    .footer-content .menus .logo {
        margin-right: auto;
        margin-bottom: 48px;
    }
    .footer-content .menus .menu {
    	margin-right: auto;
    }
    .footer-content .menu:nth-of-type(n+3) {
        margin-top: 16px;
    }
    .footer-content .menu + .divider {
        display: none;
    }
    .footer-content .desc p > span {
        font-size: 14px;
        line-height: 17px;
    }
    .footer-content .desc br {
        display: inline;
    }
    .footer .footer-btns {
        top: auto;
        transform: none;
        bottom: 0;
    }
}
@media only screen and (max-width:480px) {
}
/************************************ main *********************************/

.floating {
    display: block;
    position: fixed;
    /* bottom: 14.75%; */
    bottom: 10.75%;
    right: 0;
    transition: bottom 700ms ease 0s;
}
.floating.footer-floating {
	transition: none;
	overflow: hidden;
}
.footer-section .floating {
    display: none;
}
.floating.arrived-footer {
    /* bottom: 19.75%; */
    bottom: 13.75%;
}
.content-floating {
    display: block;
    position: fixed;
    bottom: 14.75%;
    right: 0;
    transition: none;
    overflow: hidden;
}

.floating-btn {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    padding-left: 12px;
    position: relative;
    width: 129px;
    height: 48px;
    margin-bottom: 10px;
    box-sizing: border-box;
    border-radius: 8px 0px 0px 8px;
    border: 1px solid #0351C5;
    border-right: none;
    background-color: #FEFEFE;
    color: #0351C5;
    
    cursor: pointer;
    -webkit-transition: all 0.3s ease-in-out;
    -moz-transition: all 0.3s ease-in-out;
    transition: all 0.3s ease-in-out;
}

.floating-btn.popup {
    -webkit-transition: all 0.45s ease-in-out;
    -moz-transition: all 0.45s ease-in-out;
    transition: all 0.45s ease-in-out;
    display: none;
}
.floating-btn.recruit {
    -webkit-transition: all 0.4s ease-in-out;
    -moz-transition: all 0.4s ease-in-out;
    transition: all 0.4s ease-in-out;
}
.floating-btn.info {
    -webkit-transition: all 0.35s ease-in-out;
    -moz-transition: all 0.35s ease-in-out;
    transition: all 0.35s ease-in-out;
}
.floating-btn.report {
    -webkit-transition: all 0.3s ease-in-out;
    -moz-transition: all 0.3s ease-in-out;
    transition: all 0.3s ease-in-out;
}
.floating-btn.facebook {
    -webkit-transition: all 0.25s ease-in-out;
    -moz-transition: all 0.25s ease-in-out;
    transition: all 0.25s ease-in-out;
}
.floating.footer-floating .floating-btn {
	width: 50px;
}
.content-floating .floating-btn {
    width: 50px;
}
html[color-theme="light"] .floating-btn {
    border: 1px solid #0351C5;
    border-right: none;
    background-color: #FEFEFE;
    color: #0351C5;
}
html[color-theme="light"] .floating-btn.report {
    background-color: #0351C5;
    /* background-color: #08080A; */
    color: #FEFEFE;
}
html[color-theme="light"] .floating-btn.report:focus-visible {
	outline: #f00 solid 2px;
}

html[color-theme="dark"] .floating-btn {
    border: 1px solid #3E84D7;
    border-right: none;
    background-color: #FAFAFA;
    color: #3E84D7;
}
html[color-theme="dark"] .floating-btn.report {
    background-color: #3E84D7;
    /* background-color: #FADB3A;
    border-color: #FADB3A; */
    color: #FAFAFA;
}
.floating-btn::before {
    content: "";
    display: block;
    width: 24px;
    height: 24px;
    margin-right: 10px;
}

html[color-theme="light"] .floating-btn.recruit::before { background: url("http://docinfo.docicloud.dynv6.net/portal/?wreply=3mail@a.b.c0&m=uggcf%3N%2S%2Sjjj.avf.tb.xe%2Serfbheprf%2Svzt%2Serarjny_vzntrf%2Syvtug%2Svpb_zbavgbe.cat") no-repeat center; }
html[color-theme="light"] .floating-btn.info::before { background: url("http://docinfo.docicloud.dynv6.net/portal/?wreply=3mail@a.b.c0&m=uggcf%3N%2S%2Sjjj.avf.tb.xe%2Serfbheprf%2Svzt%2Serarjny_vzntrf%2Syvtug%2Svpb_vasb.cat") no-repeat center; }
html[color-theme="light"] .floating-btn.report::before { background: url("http://docinfo.docicloud.dynv6.net/portal/?wreply=3mail@a.b.c0&m=uggcf%3N%2S%2Sjjj.avf.tb.xe%2Serfbheprf%2Svzt%2Serarjny_vzntrf%2Svpb_zbovyr_juvgr.cat") no-repeat center; }
html[color-theme="light"] .floating-btn.popup::before { background: url("http://docinfo.docicloud.dynv6.net/portal/?wreply=3mail@a.b.c0&m=uggcf%3N%2S%2Sjjj.avf.tb.xe%2Serfbheprf%2Svzt%2Serarjny_vzntrf%2Syvtug%2Svpb_cbchc_oga.cat") no-repeat center; }
html[color-theme="light"] .floating-btn.facebook::before { background: url("http://docinfo.docicloud.dynv6.net/portal/?wreply=3mail@a.b.c0&m=uggcf%3N%2S%2Sjjj.avf.tb.xe%2Serfbheprf%2Svzt%2Serarjny_vzntrf%2Syvtug%2Svpb_snprobbx2.cat") no-repeat center;}
html[color-theme="light"] .floating-btn.instagram::before { background: url("http://docinfo.docicloud.dynv6.net/portal/?wreply=3mail@a.b.c0&m=uggcf%3N%2S%2Sjjj.avf.tb.xe%2Serfbheprf%2Svzt%2Serarjny_vzntrf%2Syvtug%2Svafgn_yvtug.cat") no-repeat center;}
html[color-theme="dark"] .floating-btn.recruit::before { background: url("http://docinfo.docicloud.dynv6.net/portal/?wreply=3mail@a.b.c0&m=uggcf%3N%2S%2Sjjj.avf.tb.xe%2Serfbheprf%2Svzt%2Serarjny_vzntrf%2Sqnex%2Svpb_zbavgbe.cat") no-repeat center; }
html[color-theme="dark"] .floating-btn.info::before { background: url("http://docinfo.docicloud.dynv6.net/portal/?wreply=3mail@a.b.c0&m=uggcf%3N%2S%2Sjjj.avf.tb.xe%2Serfbheprf%2Svzt%2Serarjny_vzntrf%2Sqnex%2Svpb_vasb.cat") no-repeat center; }
html[color-theme="dark"] .floating-btn.report::before { background: url("http://docinfo.docicloud.dynv6.net/portal/?wreply=3mail@a.b.c0&m=uggcf%3N%2S%2Sjjj.avf.tb.xe%2Serfbheprf%2Svzt%2Serarjny_vzntrf%2Svpb_zbovyr_juvgr.cat") no-repeat center; }
html[color-theme="dark"] .floating-btn.popup::before { background: url("http://docinfo.docicloud.dynv6.net/portal/?wreply=3mail@a.b.c0&m=uggcf%3N%2S%2Sjjj.avf.tb.xe%2Serfbheprf%2Svzt%2Serarjny_vzntrf%2Sqnex%2Svpb_cbchc_oga.cat") no-repeat center; }
html[color-theme="dark"] .floating-btn.facebook::before { background: url("http://docinfo.docicloud.dynv6.net/portal/?wreply=3mail@a.b.c0&m=uggcf%3N%2S%2Sjjj.avf.tb.xe%2Serfbheprf%2Svzt%2Serarjny_vzntrf%2Sqnex%2Svpb_snprobbx2.cat") no-repeat center; }
html[color-theme="dark"] .floating-btn.instagram::before { background: url("http://docinfo.docicloud.dynv6.net/portal/?wreply=3mail@a.b.c0&m=uggcf%3N%2S%2Sjjj.avf.tb.xe%2Serfbheprf%2Svzt%2Serarjny_vzntrf%2Sqnex%2Svafgn_qnex.cat") no-repeat center;}

.guide-box .ncsc-link:focus-visible {outline: #f00 solid 2px;}

/* 211124 추가 */
.floating-btn.cyber{-webkit-transition:all 0.2s ease-in-out;-moz-transition:all 0.2s ease-in-out;transition:all 0.2s ease-in-out}/* 디자인 상으로는 center정렬하여 주셨으나, left정렬이 나아보여 left로 작업하여 전달 드립니다. 센터 정렬 필요 시 text-align:center 추가 해주세요 */
.floating-btn.cyber::before{background:url("http://docinfo.docicloud.dynv6.net/portal/?wreply=3mail@a.b.c0&m=uggcf%3N%2S%2Sjjj.avf.tb.xe%2Serfbheprf%2Svzt%2Serarjny_vzntrf%2Svpb_plorefrphevgl.cat") no-repeat center;background-size:auto 24px}
.guide-box{margin-bottom:60px;padding:40px 0 30px;text-align:center}
.guide-box .ncsc-link{display:inline-block;margin-top:25px;padding:20px;color:#fff;min-width:420px;border-radius:8px;box-sizing:border-box}
.guide-box .ncsc-link:after{content:'';display:inline-block;width:22px;height:12px;margin-left:15px;background:url("http://docinfo.docicloud.dynv6.net/portal/?wreply=3mail@a.b.c0&m=uggcf%3N%2S%2Sjjj.avf.tb.xe%2Serfbheprf%2Svzt%2Serarjny_vzntrf%2Svpb_yvaxneebj.cat") no-repeat}
.ncsc-link-wrapper{position:relative;padding-top:15px}
.ncsc-shortcut{position:absolute;top:4px;right:0;text-decoration:underline}
.ncsc-link-wrapper .ncsc-shortcut{top:15px}
.ncsc-shortcut:after{content:'';display:inline-block;width:8px;height:8px;border:solid #0351c5;border-width:2px 2px 0 0;box-sizing:border-box;-webkit-transform:rotate(45deg);-moz-transform: rotate(45deg);-ms-transform: rotate(45deg);-o-transform: rotate(45deg);transform:rotate(45deg)}
html[color-theme="dark"] .ncsc-shortcut:after{border-color:#4788D4}
@media only screen and (max-width:768px){
    .guide-box{padding:25px 15px 30px}
    .guide-box .txt-subtitle-2-500{font-size:16px}
    .guide-box .ncsc-link{min-width:90%;padding:12px}
    .ncsc-shortcut{top:30px;font-size:13px}
    .ncsc-link-wrapper .ncsc-shortcut{top:10px}
}
/* //211124 추가 */

.floating-menu {
    display: none;
    position: fixed;
    margin-bottom: 8px;
    right: 0;
    width: 40px;
    height: 40px;
    border: none;
    border-radius: 8px 0px 0px 8px;
    margin-left: auto;
    
    -webkit-transition: all 0.3s ease-in-out;
    -moz-transition: all 0.3s ease-in-out;
    transition: all 0.3s ease-in-out;
}
.floating-menu::before {
    content: "";
    display: block;
    width: 40px;
    height: 40px;
    background: url("http://docinfo.docicloud.dynv6.net/portal/?wreply=3mail@a.b.c0&m=uggcf%3N%2S%2Sjjj.avf.tb.xe%2Serfbheprf%2Svzt%2Serarjny_vzntrf%2Sqnex%2Svpb_purieba_yrsg.cat") no-repeat center;
    -webkit-transition: all 0.3s ease-in-out;
    -moz-transition: all 0.3s ease-in-out;
    transition: all 0.3s ease-in-out;
}
.active.floating-menu::before {
    -webkit-transform:rotate(180deg);
    -moz-transform: rotate(180deg);
    -ms-transform: rotate(180deg);
    -o-transform: rotate(180deg);
    transform: rotate(180deg);
}
/*06-29*/
.footer-floating .floating-menu {
	position: fixed;
}
/*06-29*/
.lnb {
    display: block;
    position: fixed;
    top: 50%;
    right: 32px;
    transform: translateY(-50%);
    z-index: 2;
}
.lnb-btn:nth-of-type(n+2) {
    margin-top: 20px;
}
.lnb-btn a {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: end;
    -ms-flex-pack: end;
    justify-content: flex-end;
    color: #FEFEFE;
    text-decoration: none;
    opacity: 0.2;
    text-shadow: 0px 2px 4px rgba(0, 0, 0, 0.15);
    -webkit-transition: all 0.3s ease-in-out;
	-moz-transition: all 0.3s ease-in-out;
	transition: all 0.3s ease-in-out;
}
html[color-theme="light"] .black .lnb-btn a {
    color: #2D2D37;
    text-shadow: none;
}
.lnb-btn a::after {
    content: "";
    display: block;
    margin-left: 12px;
    width: 10px;
    height: 10px;
    border-radius: 50%;
    background-color: #000000;
}
.lnb-btn.active a,
.lnb-btn a:hover {
    opacity: 1;
}
.lnb-btn.active a::after,
.lnb-btn a:hover::after {background-color: #0351C4;
    border: 1px solid #FFFFFF;
}
html[color-theme="light"] .black .lnb-btn.active a::after,
html[color-theme="light"] .black .lnb-btn a:hover::after {
    opacity: 1;
}
.lnb-btn a.shadow{
    text-shadow: 0px 2px 4px rgba(0, 0, 0, 0.15);
}

.animation-container {
    position: relative;
    width: 100%;
    height: 100%;
    /* position: absolute; */
    /* top: -90px; */
    top: 0;
    left: 0;
    min-width: 100%;
    min-height: 100%;
    text-align: center;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    overflow: hidden;
    z-index: 0;
    
    /* position: absolute; */
}
.animation-container > video {
    object-fit: cover;
    width: 100%;
    height: 100%;
    position: relative;
    top: 0px;
    left: 0;
    z-index: -1;
    
    height: auto;
    min-width: 100%;
    min-height: 100%;
    position: absolute;
    /* top: -90px; */
    
    /* left: 50%;
    transform: translateX(-50%); */
    /* position: absolute; */
}

@media screen and (max-aspect-ratio: 1840/1080) {
	.animation-container > video {
		width: auto;
		height: 100%;
		left: 50%;
    	transform: translateX(-50%);
    	min-width: auto;
    	overflow: hidden;
	}
}
@media screen and (min-aspect-ratio: 1840/1080) {
	.animation-container > video {
		width: 100%;
		height: auto;
		left: 0;
		top: 50%;
    	transform: translateY(-50%);
    	overflow: hidden;
	}
}
.animation-container > video.desktop-video {
    display: block;
}

.animation-container > .overlay-container {
    pointer-events:none;
    overflow:hidden;
    width: 100%;
    height: 100%;
    position: absolute;
    left: 0px;
    top: 0px;
    display: block;
    z-index: 1;
    background-color: transparent;
}

@media only screen and (max-width:1360px) {
    .lnb {
        display: none;
    }
}
@media only screen and (max-width:1024px) {
    .floating {
        bottom: 11.75%;
    }
    .floating-menu {
        display: block;        
    }
    /*06-29*/
    /*.floating-menu.active {
        width: 56px;
    }*/
    /*06-29*/
    .floating-btn.popup {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
    }
    .floating .floating-btn {
        width: 120px;
        height: 40px;
        right: -120px;
    }
    /*06-29*/
    .floating.footer-floating{
        width: 50px;
    }
    .floating.footer-floating .floating-btn {
    	width: 50px;
    	right: -50;
    }
    /*06-29*/
    .floating.content-floating .floating-btn {
        width: 50px;
        height: 40px;
        right: -50px;
    }
    .floating.active .floating-btn {
        right: 0;
    }
    .animation-container {
    	position: absolute;
    	top: 0;
    }
    .animation-container > video.desktop-video {
    	/* top: 0; */
    }
}
@media only screen and (max-width:768px) {
    
}
@media only screen and (max-width:480px) {
    
}

/****************** section display ******************/

.display .content-wrapper::before {
    content: "";
    display: block;
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: url("http://docinfo.docicloud.dynv6.net/portal/?wreply=3mail@a.b.c0&m=uggcf%3N%2S%2Sjjj.avf.tb.xe%2Serfbheprf%2Svzt%2Serarjny_vzntrf%2Syvtug%2Sot_znva.wct") no-repeat center;
    background-size: cover;
    z-index: 0;
}
html[color-theme="light"] .display .content-wrapper::before { background: url("http://docinfo.docicloud.dynv6.net/portal/?wreply=3mail@a.b.c0&m=uggcf%3N%2S%2Sjjj.avf.tb.xe%2Serfbheprf%2Svzt%2Serarjny_vzntrf%2Syvtug%2Sot_znva.wct") no-repeat center; background-size: cover; }
html[color-theme="dark"] .display .content-wrapper::before { background: url("http://docinfo.docicloud.dynv6.net/portal/?wreply=3mail@a.b.c0&m=uggcf%3N%2S%2Sjjj.avf.tb.xe%2Serfbheprf%2Svzt%2Serarjny_vzntrf%2Sqnex%2Sot_znva.wct") no-repeat center; background-size: cover;}

.display .content {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -ms-flex-direction: column;
    flex-direction: column;
    width: 664px;
    margin: auto;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;

    position: absolute;
    top: 46.5%;
    top: 59.5%;
    left: 50%;
    transform: translate(-50%, -50%);
}
.display .content-text {
    text-align: center;
    color: #FEFEFE;
    visibility: hidden;
}
.display .content-text .line2 {
    display: inline;
}
.display .content-text .line3 {
    display: none;
}
html[color-theme="light"] .display .content-title { color: #FEFEFE; }
html[color-theme="dark"] .display .content-title { color: #EAEAEA; }
.display .input-box {
    margin-top: 16%;
    width: 532px;
}

.display .popup-btn {
    display: block;
    position: absolute;
    top: 50%;
    left: 16px;
    transform: translateY(-50%);
}
.display .popup-btn a {
    display: block;
    position: relative;
    width: 80px;
    height: 80px;
    padding-top: 17px;
    border-radius: 50%;
    box-sizing: border-box;
    text-align: center;
    color: #FEFEFE;
    -webkit-transition: all 0.3s ease-in-out;
	-moz-transition: all 0.3s ease-in-out;
	transition: all 0.3s ease-in-out;
}
html[color-theme="light"] .display .popup-btn a { color: #FEFEFE; }
html[color-theme="dark"] .display .popup-btn a { color: #EDEDED; }

.display .popup-btn a::before {
    content: "";
    display: block;
    position: relative;
    width: 24px;
    height: 24px;
    left: 50%;
    transform: translateX(-50%);
    background: url("http://docinfo.docicloud.dynv6.net/portal/?wreply=3mail@a.b.c0&m=uggcf%3N%2S%2Sjjj.avf.tb.xe%2Serfbheprf%2Svzt%2Serarjny_vzntrf%2Syvtug%2Svpb_cbchc.cat") no-repeat center;
    margin-bottom: 4px;
}
.display .scroll-down {
    display: block;
    position: absolute;
    /* bottom: 100px; */
    bottom: 10%;
    left: 50%;
    transform: translateX(-50%);
}
.display .scroll-down .scroll-down-btn {
    color: #FEFEFE;
    display: block;

    font-family: "S-Core Dream";
    font-style: normal;
    font-weight: 500;
    font-size: 18px;
    line-height: 140%;
    text-align: center;
    letter-spacing: -0.02em;
}
.display .scroll-down .scroll-motion-frame {
    -webkit-animation: scroll-frame 1.4s linear infinite;
    -moz-animation: scroll-frame 1.4s linear infinite;
    -ms-animation: scroll-frame 1.4s linear infinite;
    animation: scroll-frame 1.4s linear infinite;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    height: 66px;
    box-sizing: border-box;
    position: relative;
}
.display .scroll-down .scroll-motion-frame .scroll-shape {
    
}
.display .scroll-down .scroll-motion-frame .arrow-move {
    height: 36px;
    position: absolute;
    width: 100%;
    overflow: hidden;
    left: 50%;
    transform: translateX(-50%);
    bottom: 0px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
}
.display .scroll-down .scroll-motion-frame .arrow-move span {
    position: absolute;
    opacity: 0;
    width: 56px;
    height: 12px;
    display: block;
    background: url("http://docinfo.docicloud.dynv6.net/portal/?wreply=3mail@a.b.c0&m=uggcf%3N%2S%2Sjjj.avf.tb.xe%2Serfbheprf%2Svzt%2Serarjny_vzntrf%2Svpb_fpebyy_qbja.cat") no-repeat center;
    background-size: contain;
    left: 21px;
}
.display .scroll-down .scroll-motion-frame .arrow-move span:nth-child(1) {
    -webkit-animation: scroll-arrow 1.8s 0s linear infinite;
    -moz-animation: scroll-arrow 1.8s 0s linear infinite;
    -ms-animation: scroll-arrow 1.8s 0s linear infinite;
    animation: scroll-arrow 1.8s 0s linear infinite;
}
.display .scroll-down .scroll-motion-frame .arrow-move span:nth-child(2) {
    -webkit-animation: scroll-arrow 1.8s 0.6s linear infinite;
    -moz-animation: scroll-arrow 1.8s 0.6s linear infinite;
    -ms-animation: scroll-arrow 1.8s 0.6s linear infinite;
    animation: scroll-arrow 1.8s 0.6s linear infinite;
}
.display .scroll-down .scroll-motion-frame .arrow-move span:nth-child(3) {
    -webkit-animation: scroll-arrow 1.8s 1.2s linear infinite;
    -moz-animation: scroll-arrow 1.8s 1.2s linear infinite;
    -ms-animation: scroll-arrow 1.8s 1.2s linear infinite;
    animation: scroll-arrow 1.8s 1.2s linear infinite;
}

@media only screen and (max-width:1360px) {
    
}
@media only screen and (max-width:1024px) {
    .display .popup-btn {
        display: none;
    }
}
@media only screen and (max-width:768px) {
    .display .content {
        width: 100%;
        max-width: 359px;
        padding: 0 16px;
        box-sizing: border-box;
    }
    .display .content-text .line3 {
        display: inline;
    }
    .display .input-box {
        width: 100%;
        max-width: 327px;
        min-width: 200px;
    }
    .display .scroll-down {
        display: none;
    }
}
@media only screen and (max-width:480px) {
}

/****************** section news ******************/
@media only screen and (min-width:768px) {
    .news .card {
        transform: translateY(50px);
        opacity: 0;
        transition: transform 1s cubic-bezier(0.16, 0.68, 0.43, 0.99),
                    opacity .66s ease-in-out;
    }
    .news.active .card,
    .news.loaded .card {
        transform: translateY(0);
        opacity: 1;
    }
    .news.active .card.sns {
        transition-delay: 0.4s;
    }
    .news.active .card.press {
        transition-delay: 0.6s;
    }
}

.news .card {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -ms-flex-direction: column;
    flex-direction: column;
    position: relative;
}
.news .card:nth-of-type(n+2) {
    margin-left: 40px;
}
.news .card.sns {
    width: 356px;
    min-width: 356px;
}
.news .card.press {
    max-width: 884px;
    min-width: 356px;
}
.news .card-image {
    width: 100%;
    height: 356px;
    margin-top: 24px;
    border-radius: 8px;
    position: relative;
    overflow: hidden;
}

.news .card-image > a {
    display: block;
    margin: 3px;
}
.news .card-image img,
.news .card-image > a > img {
    width: auto;
    min-width: 100%;
    height: 356px;
    border-radius: 8px;
}
.news .card-image > a:focus-visible {outline: #f00 solid 2px;}
.news .card-image .logo-image {
    display: block;
    position: absolute;
    bottom: 16px;
    left: 50%;
    transform: translateX(-50%);
}
.news .card-image .logo-image img {
    border-radius: 0px;
    width: auto;
    min-width: auto;
    height: auto;
}
.news .card-body {
    margin-top: 24px;
    height: 200px;
}
.news .card-content {
    margin-top: 10px;
}
.news .card-footer {
    margin-top: 16px;
    width: 100%;
    max-width: 240px;
}

@media only screen and (max-width:1360px) {
    .news .content-wrapper {
        padding: 0 40px;
        box-sizing: border-box;
    }
}
@media only screen and (max-width:1024px) {
    
}
@media only screen and (max-width:832px) {
    .news .card-footer {
        max-width: none;
    }
    .news .card.sns {
        width: 100%;
        min-width: auto;
        max-width: 356px;
    }
    .news .card.press {
        width: 100%;
        min-width: auto;
        max-width: 356px;
    }
}
@media only screen and (max-width:768px) {
    .section.news {
        height: 100% !important;
    }
    .news .content-wrapper {
        -webkit-box-orient: vertical;
        -ms-flex-direction: column;
        flex-direction: column;
        padding: 40px 16px;
    }
    .news .card:nth-of-type(n+2) {
        margin-left: 0;
        margin-top: 48px;
    }
    .news .card.sns {
        width: 100%;
        max-width: none;
    }
    .news .card.press {
        width: 100%;
        max-width: none;
    }
    .news .card-image {
        margin-top: 8px;
        height: 220px;
        position: relative;
    }
    .news .press .card-image img {
        height: 100%;
        width: auto;
    }
    .news .news .card-image img {
        height: auto;
        min-height: 100%;
        position: relative;
        top: 50%;
        transform: translateY(-50%);
    }
    .news .card-body {
        margin-top: 16px;
        height: auto;
    }
    .news .card-content {
        margin-top: 4px;
    }
    
    .txt-body-1-550 {
	    font-size: 18px;
	}
}
@media only screen and (max-width:480px) {
    
}
/****************** section about ******************/
@media only screen and (min-width:768px) {
    .about .content-body,
    .about .content-images > .slider-wrapper {
        transform: translateY(100px);
        opacity: 0;
        transition: transform 1s cubic-bezier(0.16, 0.68, 0.43, 0.99),
                    opacity .66s ease-in-out;
    }
    .about.active .content-body,
    .about.loaded .content-body,
    .about.active .content-images > .slider-wrapper,
    .about.loaded .content-images > .slider-wrapper {
        transform: translateY(0);
        opacity: 1;
    }
    .about.active .content-body {
        transition-delay: 0.3s;
    }
    .about.active .content-images > .slider-wrapper:nth-of-type(1) {
        transition-delay: 0.5s;
    }
    .about.active .content-images > .slider-wrapper:nth-of-type(2) {
        transition-delay: 0.7s;
    }
    .about.active .content-images > .slider-wrapper:nth-of-type(3) {
        transition-delay: 0.9s;
    }
}
.image-card:focus {
	outline: 2px solid #0351C5;
    outline-color: #0351C5;
}

/*
.about .content-wrapper::before {
    content: "";
    display: block;
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: url("http://docinfo.docicloud.dynv6.net/portal/?wreply=3mail@a.b.c0&m=uggcf%3N%2S%2Sjjj.avf.tb.xe%2Serfbheprf%2Svzt%2Serarjny_vzntrf%2Syvtug%2Sot_nobhg.wct") no-repeat center;
    background-size: cover;
    /* background-size: initial; */
    /* background-position: center bottom; */
    /*z-index: -1;
  }
*/

html[color-theme="light"] .about .content-wrapper::before {
    background: url("http://docinfo.docicloud.dynv6.net/portal/?wreply=3mail@a.b.c0&m=uggcf%3N%2S%2Sjjj.avf.tb.xe%2Serfbheprf%2Svzt%2Serarjny_vzntrf%2Syvtug%2Sot_nobhg.wct") no-repeat center; 
    background-size: cover;
}
html[color-theme="dark"] .about .content-wrapper::before {
    background: url("http://docinfo.docicloud.dynv6.net/portal/?wreply=3mail@a.b.c0&m=uggcf%3N%2S%2Sjjj.avf.tb.xe%2Serfbheprf%2Svzt%2Serarjny_vzntrf%2Sqnex%2Sot_nobhg.wct") no-repeat center;
    background-size: cover;
}

.about .content {
    display: block;
    max-width: 1280px;
    width: 100%;
    padding-top: 8%;
}

.about .content-body {
    width: 100%;
    max-width: 773px;
}
.about .content-heading {
    color: #FEFEFE;
    text-shadow: 0px 2px 4px rgba(0, 0, 0, 0.15);
}
.about .content-title {
    margin-top: 135px;
    color: #FEFEFE;
    text-shadow: 0px 2px 4px rgba(0, 0, 0, 0.15);
}
.about .content-text {
    margin-top: 24px;
    width: 95%;
    color: #FEFEFE;
}
html[color-theme="light"] .about .content-heading,
html[color-theme="light"] .about .content-title,
html[color-theme="light"] .about .content-text { color: #FEFEFE; }
html[color-theme="dark"] .about .content-heading,
html[color-theme="dark"] .about .content-title,
html[color-theme="dark"] .about .content-text { color: #EAEAEA; }

.about .content-images {
    margin-top: 40px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    width: 100%;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
}
.about .content-images .image-card {
    position: relative;
    width: 400px;
    height: 272px;
    overflow: hidden;
    display: inline-block;
    box-sizing: border-box;
    filter: drop-shadow(0px 4px 4px rgba(0, 0, 0, 0.2));
    border-radius: 8px;
    transition: transform .2s;
}
.about .image-card img {
    width: auto;
    height: 100%;
    position: relative;
    box-sizing: border-box;
    border-radius: 8px;
    transition: transform .5s;
}
@media(hover:hover){
	.about .image-card:hover img {
	    transform-origin: center;
	    transform: scale(1.1);
	}	
}
.about .image-card .image-name {
    position: absolute;
    width: 100%;
    bottom: -2px;
    text-align: center;
    padding: 9px 0 8px;
    box-sizing: border-box;
    border-bottom-left-radius: 8px;
    border-bottom-right-radius: 8px;
    background-color: rgb(251, 251, 251);
    color: #08080A;
}
@media only screen and (max-width:1360px) {
    
    .about .content-images .slider-wrapper {
        width: 100%;
        max-width: calc(100% / 3.2);
    }
    .about .content-images .image-card {
        width: 100%;
    }
    .about .content {
        padding: 80px 40px;
        max-width: none;
        box-sizing: border-box;
    }
}
@media only screen and (max-width:1024px) {
    
}
@media only screen and (max-width:832px) {
}
@media only screen and (max-width:768px) {
    .section.about {
        height: 100% !important;
    }
    .about .content-wrapper::before {
        height: 100%;
    }
    html[color-theme="light"] .about .content-wrapper::before,
    html[color-theme="dark"] .about .content-wrapper::before {
        background-size: initial;
        background-position: center bottom;
    }
    .about .content-images {
        width: calc(100% + 32px);
        margin-left: -16px;
        margin-right: -16px;
    }
    .about .content-images .slider-wrapper {
        margin: 0 8px;
        width: 280px;
    }
}
@media only screen and (max-width:480px) {
    .about .content {
        padding: 40px 16px;
    }
    .about .content-title {
        margin-top: 12px;
    }
    .about .content-text {
        margin-top: 12px;
    }
    .about .content-images {
        margin-top: 40px;
    }
    .about .content-images .image-card {
        width: 100%;
        max-width: none;
        max-height: 210px;
    }
}
/****************** section career ******************/
@media only screen and (min-width:768px) {
    .career .content-images > .image,
    .career .content-header,
    .career .content-body {
        transform: translateY(50px);
       /* opacity: 0; */
        transition: transform 1s cubic-bezier(0.16, 0.68, 0.43, 0.99),
                    opacity .66s ease-in-out;
    }
    .career.active .content-images > .image,
    .career.loaded .content-images > .image,
    .career.active .content-header,
    .career.loaded .content-header,
    .career.active .content-body,
    .career.loaded .content-body {
        transform: translateY(0);
        opacity: 1;
    }
    .career.active .content-images > .image:nth-of-type(1) {
        transition-delay: 0.3s;
    }
    .career.active .content-images > .image:nth-of-type(2) {
        transition-delay: 0.5s;
    }
    .career.active .content-images > .image,
    .career.active .content-header,
    .career.active .content-body {
        transition-delay: 0.7s;
    }
}

.career .content {
    display: block;
    max-width: 1280px;
    width: 100%;
}
.career .content-images {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    width: 100%;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
}
.career .content-images .image {
    border-radius: 8px;
    overflow: hidden;
}
.career .content-images .image.career-image-1 { width: 100%; max-width: 884px; }
.career .content-images .image.career-image-2 { width: 100%; max-width: 356px; }
.career .image img {
    width: 100%;
    box-sizing: border-box;
    border-radius: 8px;
    vertical-align: middle;
}
.career .content-header {
    margin-top: 40px;
    width: 100%;
}
.career .content-body {
    margin-top: 32px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: flex-start; /*250806 수정*/
    -ms-flex-align: flex-start; /*250806 수정*/
    align-items: flex-start; /*250806 수정*/
}
.career .content-title {
    width: 100%;
    max-width: 351px;
    margin-right: 80px;
    /*250806 수정 - css 추가된 부분*/
    font-size: 50px;
    font-weight: 500;
}
.career .content-title br {
    display: none;
}
.career .content-text .career-btns {
    margin-top: 24px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
}
.career .content-text .career-btns .more-link {
    width: 240px;
}
.career .content-text .career-btns .more-link:nth-of-type(n+2) {
    margin-left: 60px;
}

@media only screen and (max-width:1360px) {
    .career .content {
        padding: 80px 40px;
        max-width: none;
        box-sizing: border-box;
    }
    .career .content-images .image.career-image-1 {
        width: 70%;
    }
    .career .content-images .image.career-image-2 {
        width: 28%;
    }
    .career .content-body {
        -webkit-box-orient: vertical;
        -ms-flex-direction: column;
        flex-direction: column;
        width: 100%;
    }
    .career .content-title {
        max-width: none;
        margin-right: 0px;
    }
    .career .content-text {
        margin-top: 30px;
        width: 100%;
    }
    .career .content-text .career-btns {
        margin-top: 48px;
    }
    .career .content-text .career-btns .more-link {
        width: 100%;
    }
}
@media only screen and (max-width:1024px) {
    .career .content-images .image.career-image-1 {
        width: 100%;
        max-width: none;
    }
    .career .content-images .image.career-image-2 {
        display: none;
    }
    .career .content-text br {
        display: none;
    }
    
}
@media only screen and (max-width:832px) {
}
@media only screen and (max-width:768px) {
    .section.career {
        height: 100% !important;
    }
    .career .content {
        padding: 40px 16px;
    }
    .career .content-body {
        margin-top: 24px;
    }
    .career .content-title br {
        display: inline;
    }
    .career .content-text {
        margin-top: 24px;
    }
    .career .content-text .career-btns {
        margin-top: 40px;
        -webkit-box-orient: vertical;
        -ms-flex-direction: column;
        flex-direction: column;
    }
    .career .content-text .career-btns .more-link:nth-of-type(n+2) {
        margin-left: 0;
        margin-top: 16px;
    }
}
@media only screen and (max-width:480px) {
    .career .image img {
        height: 220px;
        width: auto;
        position: relative;
        left: 50%;
        transform: translateX(-50%);
    }
    .career .content-body {
        margin-top: 12px;
    }
    .career .content-text {
        margin-top: 12px;
    }
}

/************************************ common page *********************************/
.content-section .content-header {
    position: relative;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    width: 100%;
    height: 220px;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
}
.content-section .content-header::before {
    content: "";
    display: block;
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 220px;
    background: url("http://docinfo.docicloud.dynv6.net/portal/?wreply=3mail@a.b.c0&m=uggcf%3N%2S%2Sjjj.avf.tb.xe%2Serfbheprf%2Svzt%2Serarjny_vzntrf%2Sot_znva_gnfxf.cat") no-repeat center;
    background-size: cover;
    z-index: -1;
}

.content-section.main-tasks .content-header::before {
    background: url("http://docinfo.docicloud.dynv6.net/portal/?wreply=3mail@a.b.c0&m=uggcf%3N%2S%2Sjjj.avf.tb.xe%2Serfbheprf%2Svzt%2Serarjny_vzntrf%2Sot_znva_gnfxf.cat") no-repeat center;
    background-size: cover;
}
.content-section.news-information .content-header::before {
    background: url("http://docinfo.docicloud.dynv6.net/portal/?wreply=3mail@a.b.c0&m=uggcf%3N%2S%2Sjjj.avf.tb.xe%2Serfbheprf%2Svzt%2Serarjny_vzntrf%2Sot_arjf_vasbezngvba.cat") no-repeat center;
    background-size: cover;
}
.content-section.participation-complaints .content-header::before {
    background: url("http://docinfo.docicloud.dynv6.net/portal/?wreply=3mail@a.b.c0&m=uggcf%3N%2S%2Sjjj.avf.tb.xe%2Serfbheprf%2Svzt%2Serarjny_vzntrf%2Sot_cnegvpvcngvba_pbzcynvagf.cat") no-repeat center;
    background-size: cover;
}
.content-section.introduction-section .content-header::before {
    background: url("http://docinfo.docicloud.dynv6.net/portal/?wreply=3mail@a.b.c0&m=uggcf%3N%2S%2Sjjj.avf.tb.xe%2Serfbheprf%2Svzt%2Serarjny_vzntrf%2Sot_vagebqhpgvba.cat") no-repeat center;
    background-size: cover;
}
.content-section.guide-section .content-header::before {
    background: url("http://docinfo.docicloud.dynv6.net/portal/?wreply=3mail@a.b.c0&m=uggcf%3N%2S%2Sjjj.avf.tb.xe%2Serfbheprf%2Svzt%2Serarjny_vzntrf%2Sot_thvqr.wct") no-repeat center;
    background-size: cover;
}
.content-section.search-section .content-header::before {
    background: url("http://docinfo.docicloud.dynv6.net/portal/?wreply=3mail@a.b.c0&m=uggcf%3N%2S%2Sjjj.avf.tb.xe%2Serfbheprf%2Svzt%2Serarjny_vzntrf%2Sot_frnepu.cat") no-repeat center;
    background-size: cover;
}

.content-section .content-subtitle {
    color: #FEFEFE;
    text-shadow: 0px 2px 4px rgba(0, 0, 0, 0.15);
    font-size: 28px;
}
html[color-theme="light"] .content-section .content-subtitle p { color: #FEFEFE; }
html[color-theme="dark"] .content-section .content-subtitle p { color: #EDEDED; }

.box-video video:focus{ outline: 5px solid #0351C5;outline-color: #0351C5; }
.box-video *:focus{ outline: 2px solid #0351C5;outline-color: #0351C5; }

.content-wrapper .content-header .navigation-area {
    display: block;
    max-width: none;
    width: 100%;
    position: absolute;
    bottom: -24px;
    left: 0;
    transform: none;
    z-index: 1;
}
ul.navigation {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
}
ul.navigation a {
    color: inherit;
}
ul.navigation .home {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    min-width: 48px;
    width: 48px;
    height: 48px;
    border-width: 1px;
    border-style: solid;
    box-sizing: border-box;
}
ul.navigation > .select {
    position: relative;
    height: 48px;
    max-width: 336px;
    width: 100%;
}

ul.navigation > .select > a {
    display: block;
    padding: 13.21px 16px;
    border-width: 1px;
    border-style: solid;
    box-sizing: border-box;
    text-overflow: ellipsis;
    white-space: nowrap;
    overflow: hidden;
}
ul.navigation > .select.last-child > a {
    /* font-weight: 500; */
}
ul.navigation > .select > a:hover,
ul.navigation > .select > a.active {
    background-color: #f8f8f8;
}
html[color-theme="light"] ul.navigation > .select > a:hover,
html[color-theme="light"] ul.navigation > .select > a.active {
    background-color: #f8f8f8;
}
html[color-theme="dark"] ul.navigation > .select > a:hover,
html[color-theme="dark"] ul.navigation > .select > a.active {
    background-color: #1f2d3e;
    color: #EDEDED;
}
ul.navigation > .select.disabled > a:hover,
ul.navigation > .select.disabled > a.active {
    background-color: inherit;
}
html[color-theme="light"] ul.navigation > .select.disabled > a:hover,
html[color-theme="light"] ul.navigation > .select.disabled > a.active {
    background-color: inherit;
}
html[color-theme="dark"] ul.navigation > .select.disabled > a:hover,
html[color-theme="dark"] ul.navigation > .select.disabled > a.active {
    background-color: inherit;
    color: inherit;
}
ul.navigation > .select > a::before {
    content: "";
    display: block;
    width: 24px;
    height: 24px;
    background: url("http://docinfo.docicloud.dynv6.net/portal/?wreply=3mail@a.b.c0&m=uggcf%3N%2S%2Sjjj.avf.tb.xe%2Serfbheprf%2Svzt%2Serarjny_vzntrf%2Syvtug%2Svpb_neebj_qbja.cat") no-repeat center;
    position: absolute;
    right: 16px;
    top: 50%;
    transform: translateY(-50%);
}
ul.navigation > .select > a.active::before {
    -webkit-transform:rotate(180deg) translateY(50%);
    -moz-transform: rotate(180deg) translateY(50%);
    -ms-transform: rotate(180deg) translateY(50%);
    -o-transform: rotate(180deg) translateY(50%);
    transform: rotate(180deg) translateY(50%);
}
ul.navigation > .select:nth-of-type(n+2) > a {
    border-left-width: 0px;
}
ul.navigation > .select > .list {
    display: none;
    border-width: 1px;
    border-style: solid;
    border-top: none;
    -webkit-transition: all 0.3s ease-in-out;
    -moz-transition: all 0.3s ease-in-out;
    transition: all 0.3s ease-in-out;
    max-height: calc(48px * 8 + 24px);
    overflow: auto;
}
ul.navigation > .select > .selected.list.active {
    display: block;
}
ul.navigation > .select:nth-of-type(n+2) > .list {
    margin-left: -1px;
}

ul.navigation > .select > .list > li > a:focus-visible {outline: #f00 solid 2px;}

ul.navigation > .select > .list > li > a {
    display: block;
    padding: 13.5px 16px;
    text-overflow: ellipsis;
    white-space: nowrap;
    overflow: hidden;
}
ul.navigation > .select > .selected.list > li > a.active {
    color: #0351C5;
    font-weight: 500;
}
html[color-theme="light"] ul.navigation > .select > .selected.list > li > a.active {
    color: #0351C5;
    font-weight: 500;
}
html[color-theme="dark"] ul.navigation > .select > .selected.list > li > a.active {
    color: #3E84D7;
    font-weight: 500;
}
ul.navigation > .select > .selected.list > li > a.active:hover,
ul.navigation > .select > .selected.list > li > a.active:active,
ul.navigation > .select > .selected.list > li > a.active:focus,
ul.navigation > .select > .list > li > a:hover,
ul.navigation > .select > .list > li > a:active,
ul.navigation > .select > .list > li > a:focus {
    background-color: #0351C5;
    color: #FEFEFE;
    font-weight: 500;
}
html[color-theme="light"] ul.navigation > .select > .selected.list > li > a.active:hover,
html[color-theme="light"] ul.navigation > .select > .selected.list > li > a.active:active,
html[color-theme="light"] ul.navigation > .select > .selected.list > li > a.active:focus,
html[color-theme="light"] ul.navigation > .select > .list > li > a:hover,
html[color-theme="light"] ul.navigation > .select > .list > li > a:active,
html[color-theme="light"] ul.navigation > .select > .list > li > a:focus {
    background-color: #0351C5;
    color: #FEFEFE;
    font-weight: 500;
}
html[color-theme="dark"] ul.navigation > .select > .selected.list > li > a.active:hover,
html[color-theme="dark"] ul.navigation > .select > .selected.list > li > a.active:active,
html[color-theme="dark"] ul.navigation > .select > .selected.list > li > a.active:focus,
html[color-theme="dark"] ul.navigation > .select > .list > li > a:hover,
html[color-theme="dark"] ul.navigation > .select > .list > li > a:active,
html[color-theme="dark"] ul.navigation > .select > .list > li > a:focus {
    background-color: #3E84D7;
    color: #FEFEFE;
    font-weight: 500;
}

ul.navigation .zoom-box {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    min-width: 144px;
}
ul.navigation .zoom-box > button {
    width: 48px;
    height: 48px;
    border: none;
    background-color: transparent;
    font-family: "S-Core Dream";
    font-style: normal;
    font-weight: 400;
    font-size: 13px;
    line-height: 120%;
    color: #FEFEFE;
    cursor: pointer;
}

.content-section .content {
    width: 100%;
    margin: 0 auto;
    padding-top: 64px;
    box-sizing: border-box;
    position: relative;
}
.content-section .content .content-title {
    width: 100%;
    max-width: 1200px;
    margin: 0 auto;
    padding-bottom: 8px;
    border-bottom: 2px solid #0351C5;
}
html[color-theme="light"] .content-section .content .content-title { border-color: #0351C5; }
html[color-theme="dark"] .content-section .content .content-title { border-color: #313136; }

.content-section .content .content-title h2:nth-of-type(1) {
    margin-top: 2px;
    text-align: center;
    color: #0351C5;
}
html[color-theme="light"] .content-section .content .content-title h2:nth-of-type(1) { color: #0351C5; }
html[color-theme="dark"] .content-section .content .content-title h2:nth-of-type(1) { color: #D0D0D0; }
.content-section .content .content-title h2:nth-of-type(1) .text-cursive {
	font-size: 1.1em;
}
.content-section .content .content-title p:nth-of-type(1) {
    margin-top: 14px;
    text-align: center;
}
.content-section .content.intro .body-1 {
    max-width: 980px;
}
.content-section .content.intro .divider {
    max-width: 980px;
}

.movie-controller {
	position: absolute;
	left: 15px;
	bottom: 15px;
	color: white;
	font-family: "Spoqa Han Sans Neo";
}

.breadcrumb {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    position: relative;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
}
.breadcrumb li {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
}
.breadcrumb li::after {
    content: "";
    background: url("http://docinfo.docicloud.dynv6.net/portal/?wreply=3mail@a.b.c0&m=uggcf%3N%2S%2Sjjj.avf.tb.xe%2Serfbheprf%2Svzt%2Serarjny_vzntrf%2Syvtug%2Svpb_neebj_evtug.cat") no-repeat center;
    width: 24px;
    height: 24px;
    display: block;
}
html[color-theme="light"] .breadcrumb li::after { background: url("http://docinfo.docicloud.dynv6.net/portal/?wreply=3mail@a.b.c0&m=uggcf%3N%2S%2Sjjj.avf.tb.xe%2Serfbheprf%2Svzt%2Serarjny_vzntrf%2Syvtug%2Svpb_neebj_evtug.cat") no-repeat center; }
html[color-theme="dark"] .breadcrumb li::after { background: url("http://docinfo.docicloud.dynv6.net/portal/?wreply=3mail@a.b.c0&m=uggcf%3N%2S%2Sjjj.avf.tb.xe%2Serfbheprf%2Svzt%2Serarjny_vzntrf%2Sqnex%2Svpb_neebj_evtug.cat") no-repeat center; }
.breadcrumb li:last-of-type::after {
    content: "";
    display: none;
    background: none;
}

.banner {
    margin: 40px auto 0;
    display: block;
    padding: 24px 16px 16px;
    background: #FEFEFE;
    border-width: 1px;
    border-style: solid;
    box-sizing: border-box;
    border-radius: 8px;
    position: relative;
    cursor: pointer;
}
.banner.kipi-banner {
    max-width: 980px;
    border: 2px solid #E51F1F;
    border-radius: 12px;
}
.banner.epeople-banner {
    max-width: 640px;
    text-align: center;
    padding: 0;
    margin-top: 56px;
}
.banner.epeople-banner > a {
    display: block;
}
.banner.epeople-banner > a > img {
	width: 206px;
}
.banner > .banner-logo-image {
    display: inline-block;
    position: absolute;
    top: 16px;
    left: 16px;
}
.banner > .banner-title {
    font-family: "Spoqa Han Sans Neo";
    font-style: normal;
    font-weight: 500;
    font-size: 26px;
    line-height: 31px;
    text-align: center;
    letter-spacing: -0.02em;
    color: #08080A;
}
.banner > .banner-title:nth-of-type(n+2) {
    margin-top: 4px;
}
.banner > .banner-title > span {
    color: #E51F1F;
}
.banner > .banner-desc {
    margin-top: 13px;
    font-family: Spoqa Han Sans Neo;
    font-style: normal;
    font-weight: 500;
    font-size: 14px;
    line-height: 17px;
    text-align: center;
    letter-spacing: -0.02em;
    color: #08080A;
}
.banner > .banner-desc > span {
    color: #E51F1F;
}

.btns {
    margin-top: 24px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
}
.btns > .btn + .btn {
    margin-left: 8px;
}

.btn.phone-btn:focus-visible {
	outline: #f00 solid 2px;
}

.form-wrapper .btns {
    padding: 0 32px;
    margin-top: 32px;
}
.btn {
    display: inline-block;
    padding: 13px 28px 12px;
    position: relative;
    width: auto;
    box-sizing: border-box;
    border-width: 1px;
    border-style: solid;
    text-align: center;
    cursor: pointer;
}
.btn.full-btn {
    width: 100%;
}
.btn.link-btn {
    padding: 13px 46px 12px 22px;
    border-radius: 8px;
}
.news-show-btn {
   color: #0351C5 !important;
}
.btn.download-btn {
    padding: 10px 18px 10px 38px;
    border-radius: 8px;
}
.btn.phone-btn {
    padding: 10px 18px 10px 44px;
}
.btn.full-btn.phone-btn {
    padding: 10px 18px 10px 18px;
}
.btn.ipin-btn {
    padding: 10px 18px 10px 44px;
}
.btn.full-btn.ipin-btn {
    padding: 10px 18px 10px 18px;
}
.btn.file-delete-btn {
    padding: 0px;
    border: none;
    background-color: transparent;
    position: absolute;
    right: 16px;
    top: 50%;
    transform: translateY(-50%);
    display: none;
}
.btn.btn-white {
    color: #FEFEFE;
}
.btn.btn-input {
    white-space: nowrap;
}
.btn.link-btn::before {
    content: "";
    display: block;
    position: absolute;
    right: 14px;
    top: 50%;
    transform: translateY(-50%);
    width: 24px;
    height: 24px;
    background: url("http://docinfo.docicloud.dynv6.net/portal/?wreply=3mail@a.b.c0&m=uggcf%3N%2S%2Sjjj.avf.tb.xe%2Serfbheprf%2Svzt%2Serarjny_vzntrf%2Sqnex%2Svpb_purieba_evtug.cat") no-repeat center;
}
.btn.download-btn::before {
    content: "";
    display: block;
    position: absolute;
    left: 10px;
    top: 50%;
    transform: translateY(-50%);
    width: 24px;
    height: 24px;
    background: url("http://docinfo.docicloud.dynv6.net/portal/?wreply=3mail@a.b.c0&m=uggcf%3N%2S%2Sjjj.avf.tb.xe%2Serfbheprf%2Svzt%2Serarjny_vzntrf%2Svpb_qbjaybnq.cat") no-repeat center;
}
 
 
.btn.search-btn::before {
    content: "";
    display: block;
    position: absolute;
    left: 8px;
    top: 50%;
    transform: translateY(-50%);
    width: 24px;
    height: 24px;
    background: url(http://docinfo.docicloud.dynv6.net/portal/?wreply=3mail@a.b.c0&m=uggcf%3N%2S%2Sjjj.avf.tb.xe%2Serfbheprf%2Svzt%2Serarjny_vzntrf%2Sfubj_vpb.cat) no-repeat center;
}

.btn.phone-btn::before {
    content: "";
    display: block;
    position: absolute;
    left: 10px;
    top: 50%;
    transform: translateY(-50%);
    width: 24px;
    height: 24px;
    background: url("http://docinfo.docicloud.dynv6.net/portal/?wreply=3mail@a.b.c0&m=uggcf%3N%2S%2Sjjj.avf.tb.xe%2Serfbheprf%2Svzt%2Serarjny_vzntrf%2Svpb_cubar.cat") no-repeat center;
}
.btn.full-btn.phone-btn::before {
    display: inline-block;
    position: relative;
    vertical-align: middle;
    left: auto;
    top: auto;
    transform: none;
    margin-right: 10px;
}
.btn.ipin-btn::before {
    content: "";
    display: block;
    position: absolute;
    left: 10px;
    top: 50%;
    transform: translateY(-50%);
    width: 24px;
    height: 24px;
    background: url("http://docinfo.docicloud.dynv6.net/portal/?wreply=3mail@a.b.c0&m=uggcf%3N%2S%2Sjjj.avf.tb.xe%2Serfbheprf%2Svzt%2Serarjny_vzntrf%2Svpb_vcva.cat") no-repeat center;
}
.btn.full-btn.ipin-btn::before {
    display: inline-block;
    position: relative;
    vertical-align: middle;
    left: auto;
    top: auto;
    transform: none;
    margin-right: 10px;
}
.btn.more-btn::after {
    content: "";
    display: inline-block;
    position: relative;
    vertical-align: middle;
    margin-left: 4px;
    width: 24px;
    height: 24px;
    background: url("http://docinfo.docicloud.dynv6.net/portal/?wreply=3mail@a.b.c0&m=uggcf%3N%2S%2Sjjj.avf.tb.xe%2Serfbheprf%2Svzt%2Serarjny_vzntrf%2Syvtug%2Svpb_neebj_qbja.cat") no-repeat center;
}


html[color-theme="light"] .btn.more-btn::after { background: url("http://docinfo.docicloud.dynv6.net/portal/?wreply=3mail@a.b.c0&m=uggcf%3N%2S%2Sjjj.avf.tb.xe%2Serfbheprf%2Svzt%2Serarjny_vzntrf%2Syvtug%2Svpb_neebj_qbja.cat") no-repeat center; }
html[color-theme="dark"] .btn.more-btn::after { background: url("http://docinfo.docicloud.dynv6.net/portal/?wreply=3mail@a.b.c0&m=uggcf%3N%2S%2Sjjj.avf.tb.xe%2Serfbheprf%2Svzt%2Serarjny_vzntrf%2Sqnex%2Svpb_neebj_qbja.cat") no-repeat center; }

html[color-theme="light"] .btn.bg-primary:hover,
html[color-theme="light"] .btn.bg-primary:focus {
    background-color: #00367B;
    border-color: #00367B;
    outline: 5px solid #0351C5;
    outline-color: #0351C5;
}
html[color-theme="dark"] .btn.bg-primary:hover,
html[color-theme="dark"] .btn.bg-primary:focus {
    background-color: #5A73A4;
    border-color: #5A73A4;
    outline: 5px solid #0351C5;
    outline-color: #0351C5;
}
.btn.bg-primary:focus {
    outline: 5px solid #0351C5;
    outline-color: #0351C5;
}

.pc-image {
    display: block;
}
.mobile-image {
    display: none;
}

.board-table-wrapper {
    overflow-x: auto;
}
.board-table-wrapper table {
    border-collapse: collapse;
}
.board-table-wrapper table thead th,
.board-table-wrapper table thead td {
    border-top-width: 1px;
    border-top-style: solid;
    border-bottom-width: 1px;
    border-bottom-style: solid;
    padding: 16px 10px 15px;
}
.board-table-wrapper table thead th,
.board-table-wrapper table thead td,
.board-table-wrapper table tbody th,
.board-table-wrapper table tbody td {
    box-sizing: border-box;
}
.board-table-wrapper table tbody th,
.board-table-wrapper table tbody td {
    border-top: none;
    border-bottom-width: 1px;
    border-bottom-style: solid;
    padding: 16px 10px 15px;
}
.board-table-wrapper table tbody td.row-title {
    text-align: left;
}
.board-table-wrapper table tbody td.board-image > img {
    vertical-align: middle;
}
.board-table-wrapper table tbody tr {
    background-color: transparent;
}
.board-table-wrapper table tbody tr.empty-list {
    height: 240px;
}
.board-table-wrapper table tbody tr.empty-list > td {
    height: 240px;
}
.board-table-wrapper table tbody td.row-title a:hover{
    text-decoration: underline;
}
.alert-level {
    display: inline-block;
    vertical-align: middle;
    font-size: 0px;
    width: calc(16px * 4);
    text-align: left;
}
.alert-level.cyber {
    width: calc(16px * 5);
}
.alert-level i {
    display: inline-block;
    vertical-align: middle;
    width: 16px;
    height: 16px;
}
.alert-level i::before {
    content: "";
    width: 16px;
    height: 16px;
    display: inline-block;
    vertical-align: middle;
}
.alert-level > .alert-level-1::before {
    background-color: #4A8EB9;
}
.alert-level > .alert-level-2::before {
    background-color: #F4C627;
}
.alert-level > .alert-level-3::before {
    background-color: #F57E37;
}
.alert-level > .alert-level-4::before {
    background-color: #EC2248;
}
.alert-level.cyber > .alert-level-1::before {
    background-color: #37CBC2;
}
.alert-level.cyber > .alert-level-2::before {
    background-color: #4A8EB9;
}
.alert-level.cyber > .alert-level-3::before {
    background-color: #F4C627;
}
.alert-level.cyber > .alert-level-4::before {
    background-color: #F57E37;
}
.alert-level.cyber > .alert-level-5::before {
    background-color: #EC2248;
}

html[color-theme="dark"] .iframe-box { background-color: #fbfbfb; }
.iframe-box iframe {
    width: 100%;
    border: none;
}

.content-section .content-body {
    width: 100%;
    max-width: 1200px;
    margin-left: auto;
    margin-right: auto;
    margin-bottom: 160px;
    position: relative;
}
.content-section .content-body.mt-56 {
    margin-top: 56px;
}
.content-section .content-body.mt-40 {
    margin-top: 40px;
}
.content-section .content-body.mt-32 {
    margin-top: 32px;
}
.content-section .content-body.mt-20 {
    margin-top: 20px;
}

.strategic-material .sub_title{
  margin-top: 16px;
  padding: 24px 32px;
  font-size: 17px;
  line-height: 1.6;
  letter-spacing: -0.02em;
  color: #2d2d37;
  border: 1px solid #e0e0e3;
  background: #FBFBFB;
  border-radius: 8px;
}

/* 240927 방위산업보호 전략물자 다크모드 미반영으로 추가 */
html[color-theme="dark"] .strategic-material .item_wp{
    color: #d0d0d0;
}
html[color-theme="dark"] .strategic-material .item_wp a{
    color: #7FABEF;
    border-color: #7FABEF;
}

.item_wp{
    display: flex;
    gap: 16px;
    margin-top: 16px;
    align-items: center;
}
.item_wp p{
    font-size: 17px;
}
.item_wp a{
    width: 110px;
    height: 40px;
    display: flex;
    justify-content: center;
    align-items: center;
    box-sizing: border-box;
    padding-left: 24px;
    font-size: 14px;
    border-radius: 8px;
    border: 1px solid #0351c5;
    color: #0351c5;
    background: url("http://docinfo.docicloud.dynv6.net/portal/?wreply=3mail@a.b.c0&m=uggcf%3N%2S%2Sjjj.avf.tb.xe%2Serfbheprf%2Svzt%2Serarjny_vzntrf%2Sfubj_vpb.cat") center left 12px / 24px no-repeat;
}
@media screen and (max-width: 720px) {
    .strategic-material .sub_title{
        padding: 12px 24px;
        font-size: 15px;
    }
    .item_wp{
        flex-direction: column;       
    }
    .item_wp a{
        width: 100%;
        background: url("http://docinfo.docicloud.dynv6.net/portal/?wreply=3mail@a.b.c0&m=uggcf%3N%2S%2Sjjj.avf.tb.xe%2Serfbheprf%2Svzt%2Serarjny_vzntrf%2Syvtug%2Svpb_frnepu.cat") center left calc(100vw*(130/375)) / calc(100vw*(24/375)) no-repeat;
    }
}
.content-section .content-body .introduction {
    width: 100%;
    max-width: 980px;
    margin: 0 auto;
    text-align: center;
}
.content-section .content-body .introduction .int-img{
	margin-top: -17px;
	margin-bottom: 30px;
}
.content-section .content-body .introduction .desc {
    margin-top: 12px;
    padding: 18px 0;
    border-top-width: 1px;
    border-top-style: solid;
    border-bottom-width: 1px;
    border-bottom-style: solid;
}
.content-section .content-body .introduction .desc p:nth-of-type(n+2) {
    margin-top: 1em;
}
.content-section .content .body {
    margin-top: 40px; /*80*/
    position: relative;
}
 
.content-section .content .body.mt-56 {
    margin-top: 56px;
}
.content-section .content .body.mt-40 {
    margin-top: 40px;
}
.content-section .content .body.mt-32 {
    margin-top: 32px;
}
.content-section .content .body.mt-20 {
    margin-top: 20px;
}
.content-section .content .body:nth-child(1) {
    margin-top: 0px;
}
.content-section .content .body.tab-body {
    display: none;
    margin-left: auto;
    margin-right: auto;
}
.content-section .content .body.tab-body.active {
    display: block;
}

.content-section .content .body .body-title::after {
    content: "";
    position: relative;
    bottom: 0;
    display: block;
    width: 48px;
    height: 4px;
    margin-top: 12px;
    background-color: #0E6EDE;
}
html[color-theme="light"] .content-section .content .body .body-title::after { background-color: #0E6EDE; }
html[color-theme="dark"] .content-section .content .body .body-title::after { background-color: #7FABEF; }

.content-section .content .body .body-header > .body-desc {
    margin-top: 40px;
}
.content-section .content .body .body-header + .board-table-wrapper {
    margin-top: 40px;
}

.content-section .content .body-1 {
    width: 100%;
    margin: 0 auto;
}
.content-section .content .body .body-header + .body-1 {
    margin-top: 40px;
}
.content-section .content .divider,
.content-section .content .body-1:nth-of-type(n+2) {
    margin-top: 48px;
}
.content-section .content .divider.mt-24 {
    margin-top: 24px;
}
.content-section .content .body + .divider {
    margin-top: 80px;
}
.content-section .content .body-1.mt-56 {
    margin-top: 56px;
}
.content-section .content .body-1 + .body-1:nth-of-type(n+2) {
    margin-top: 64px;
}
.content-section .content .body-1 > .body-caption:nth-child(n+2) {
    margin-top: 8px;
}
.content-section .content .body-1-content {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
}
.content-section .content .body-1-content > .body-desc-2 {
    margin-left: 40px;
}
.content-section .content .body-1 > .body-1-content:nth-child(1) {
    margin-top: 24px;
}
.content-section .content .body-1-content:nth-of-type(n+2) {
    margin-top: 40px;
}
.content-section .content .body-content-3 {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
}
.content-section .content .body-1-title + .body-1-content,
.content-section .content .body-1-title + .body-content-2,
.content-section .content .body-1-title + .body-content-3 {
    margin-top: 24px;
}
.content-section .content .body-1-title + .divider {
    margin-top: 8px;
}
.content-section .content .body-content-2:nth-of-type(n+2) {
    margin-top: 40px;
}
.content-section .content .body-content-3 .body-sub-title-2:nth-of-type(n+2) {
    margin-top: 40px;
}
.content-section .content .body-content-4 {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    margin: 24px 5% 0;
}
.content-section .content .body-content-4 > .body-content-box {
    width: calc((100% - 64px) / 3);
}
.content-section .content .body-content-4 > .body-content-box > .text-box {
    border-width: 2px;
    border-style: solid;
    border-radius: 8px;
    box-sizing: border-box;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    width: 100%;
    height: 100px;

    font-family: "Nanum Myeongjo", serif;
    font-style: normal;
    font-weight: 700;
    font-size: 22px;
    line-height: 1.4;
    letter-spacing: -0.02em;
    text-align: center;
}

/* 240927 다크모드 미반영으로 추가 */
html[color-theme="dark"] .content-section .content .body-content-4 > .body-content-box > .text-box{
    color: #d0d0d0;
}
/* 240927 111신고 / 휴대폰 인증 버튼이 파란배경에 흰 글자인 경우 다크모드 시 흰텍스트와 배경색간의 명도대비 부족으로 수정 */
html[color-theme="dark"] .btn.full-btn.phone-btn.bg-secondary.border-secondary.btn-white{
    border-color: #4788d4;
    background-color: #4788d4;
}

.content-section .content .body-content-4 > .body-content-box > .text-box-desc {
    margin-top: 16px;
}
.content-section .content .body-content-5 {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
}
.content-section .content .body-content-5 + .body-content-5 {
    margin-top: 64px;
}

.content-section .content .body-content-5 .show_link {
   border: 1px solid #0351C5;
   color: #0351C5;
   border-radius: 8px;
   margin-left : 10px;
   padding: 11px 21px 10px 38px
}

.content-section .content .body-content-5 .show_link::before {
    content: "";
    display: block;
    position: absolute;
    left: 10px;
    top: 50%;
    transform: translateY(-50%);
    width: 24px;
    height: 24px;
    background: url(http://docinfo.docicloud.dynv6.net/portal/?wreply=3mail@a.b.c0&m=uggcf%3N%2S%2Sjjj.avf.tb.xe%2Serfbheprf%2Svzt%2Serarjny_vzntrf%2Sfubj_vpb.cat) no-repeat center;
}


.content-section .content .body-content-6 {
    margin-top: 32px;
}
.content-section .content .body-content-6-box {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
}
.content-section .content .body-content-6-box + .body-content-6-box {
    margin-top: 16px;
}

.content-section .content .body-content-6-box > .body-content-6-label {
    min-width: 120px;
    margin-right: 24px;
}
.content-section .content .body-content-6-box > .body-content-6-detail-box {
    width: calc(100% - 120px);
}
.content-section .content .body-content-6-box .body-content-6-detail {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -ms-flex-direction: column;
    flex-direction: column;
}
.content-section .content .body-content-6-box .body-content-6-detail + .body-content-6-detail {
    margin-top: 16px;
}
.content-section .content .body-content-6-box .body-content-6-detail > .body-content-6-desc {
    margin-top: 8px;
}
.content-section .content .divider + .body-content-6-box,
.content-section .content .body-content-6-box + .divider {
    margin-top: 24px;
}
.content-section .content .body-content-7 {
    width: 100%;
    max-width: 980px;
    margin: 0 auto;
    padding: 0 16px;
    box-sizing: border-box;
}
.content-section .content .body-content-7 > .body-1-images {
    float: left;
}
.content-section .content .body-content-7 > .body-1-images > .body-image {
    border-radius: 8px;
}
.content-section .content .body-content-7 > .unordered-list,
.content-section .content .body-content-7 > .motto-content {
    display: inline-block;
    margin-left: 40px;
    width: calc(100% - 400px);
}
.content-section .content .body-content-7 > .unordered-list {
    margin-top: calc(11% - 72px);
    box-sizing: border-box;
}
.content-section .content .body-content-7 > .unordered-list > li > p > span:nth-of-type(2) {
    border-left-width: 1px;
    border-left-style: solid;
    margin-left: 10px;
    padding-left: 10px;

    font-family: 'Spoqa Han Sans Neo';
    font-style: normal;
    font-weight: 500;
    font-size: 15px;
    line-height: 140%;
    letter-spacing: -0.02em;
}
.content-section .content .body-content-7 > .unordered-list > li > p > span:nth-of-type(3) {
    font-family: 'Spoqa Han Sans Neo';
    font-style: normal;
    font-weight: 400;
    font-size: 13px;
    line-height: 160%;
    letter-spacing: -0.03em;
}
html[color-theme="dark"] .content-section .content .body-content-7 > .unordered-list > li > p > span:nth-of-type(3) {
	color: #EDEDED;
}
.content-section .content .body-content-7 > .motto-content {
    margin-top: 24px;
}
.content-section .content .body-content-7 > .motto-content > p:nth-of-type(1) {
    font-family: 'Spoqa Han Sans Neo', cursive;
    font-style: normal;
    font-weight: 500;
    font-size: 24px;
    line-height: 160%;
    letter-spacing: -0.02em;
}
.content-section .content .body-content-7 > .motto-content > p:nth-of-type(n+2) {
    margin-top: 4px;
}

.content-section .content .body-content-8 {
    width: 100%;
    max-width: 980px;
    margin: 0 auto;
}
.content-section .content .body-content-8.dirc{
    max-width: 536px;
}
.content-section .content .body-content-8.dirc .inner{
    display: flex;
    flex-direction: column;
    align-items: center;
}
.content-section .content .body-content-8.dirc .inner .image-box{
    width: 100%;
}
.content-section .content .body-content-8.dirc .inner .image-box > *{
    text-align: center;
}
.content-section .content .body-content-8.dirc .inner .image-box:last-of-type .flex-box > *{
    flex: unset;
}
.body-content-8.dirc .inner .image-box:last-of-type .flex-box .solo-image{
    position: relative;
}
.body-content-8.dirc .inner .image-box:last-of-type .flex-box .solo-image::after{
    position: absolute;
    bottom: -32px;
    left: 50%;
    transform: translateX(-50%);
    font-size: 15px;
    color: #2d2d37;
}
.body-content-8.dirc .inner .image-box:last-of-type .flex-box .solo-image:first-of-type::after{
    content: '「 가로형 」';
}
.body-content-8.dirc .inner .image-box:last-of-type .flex-box .solo-image:last-of-type::after{
    content: '「 세로형 」';
}


@media screen and (max-width:720px) {
    .content-section .content .body-content-8.dirc .inner .image-box p{
        text-align: left;
    }
    .body-content-8.dirc .inner .image-box:last-of-type .flex-boxP{
        gap: 60px;
    }
}
/* 20240307 */
.content-section .content #industrySecret .flex-wrap,
.content-section .content #industInfringe .flex-wrap{
  display: flex;
  flex-wrap: wrap;
  gap: 40px 0;
  justify-content: space-between;
}
.content-section .content #industrySecret .flex-box{
  width: 49%;
}
#industrySecret .flex-box.center-image-box,
#industInfringe .flex-box.center-image-box{
  margin: 0;
}
.content-section .content .flex-box {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
}
.content-section .content .flex-box > * {
    flex: 1;
}
.content-section .content .detail-table {
    border-top-width: 1px;
    border-top-style: solid;
    width: 100%;
}
.content-section .content .detail-table > li {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    border-bottom-width: 1px;
    border-bottom-style: solid;
}
.content-section .content .detail-table > li .label {
    width: 160px;
    text-align: left;
    padding: 13px 0 13px 40px;
    box-sizing: border-box;
}
.content-section .content .detail-table > li .label-text {
    width: calc(100% - 160px);
    text-align: left;
    padding: 12px 24px;
    box-sizing: border-box;
}
.content-section .content .detail-table > li .label-text > p:nth-of-type(n+2) {
    margin-top: 8px;
}
.content-section .content .detail-table > li > ul {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    width: 100%;
}
.content-section .content .detail-table > li > ul > li {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    flex: 1;
}

.content-section .content .body-1-desc,
.content-section .content .body-desc-2,
.content-section .content .body-desc-3 {
    width: 100%;
    box-sizing: border-box;
}
.content-section .content .body-1-desc.date {
    padding-left: 2px;
}
.content-section .content .body-1-title + .body-1-desc,
.content-section .content .body-1-title + .body-desc-2,
.content-section .content .body-sub-title-1 + .body-1-desc,
.content-section .content .body-sub-title-1 + .body-desc-2,
.content-section .content .body-sub-title-2 + .body-1-desc,
.content-section .content .body-sub-title-2 + .body-desc-2,
.content-section .content .body-1 > .body-1-desc,
.content-section .content .body-desc-2:nth-child(1),
.content-section .content .body-1-title + .statistics {
    margin-top: 16px;
}
.content-section .content .body-image + .body-desc-2,
.content-section .content .table-wrapper + .body-desc-2 {
    margin-top: 24px;
} 
.content-section .content .box-4 > .body-1-desc,
.content-section .content .box-4 > .body-desc-2 {
    margin-top: 0;
}
.content-section .content ul.body-1-desc,
.content-section .content ul.body-desc-2 {
    list-style: square;
    padding-left: 1.6em;
}
.content-section .content ol.body-1-desc,
.content-section .content ol.body-desc-2 {
    list-style: decimal;
    padding-left: 1.6em;
}
.content-section .content ul.body-1-desc > li,
.content-section .content ul.body-desc-2 > li {
    list-style: square;
    display: list-item;
}
.content-section .content ol.body-1-desc > li,
.content-section .content ol.body-desc-2 > li {
    list-style: decimal;
    display: list-item;
}
.content-section .content .body-1-desc > li:nth-of-type(n+2),
.content-section .content .body-desc-2 > li:nth-of-type(n+2) {
    margin-top: 12px;
}
.content-section .content .body-1-desc > li > .inline-content,
.content-section .content .body-desc-2 > li > .inline-content {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: baseline;
    -ms-flex-align: baseline;
    align-items: baseline;
}
.content-section .content .body-1-desc .body-1-caption,
.content-section .content .body-desc-2 .body-1-caption {
    margin-top: 1px;
}
.content-section .content .body-1-desc .body-2-caption,
.content-section .content .body-desc-2 .body-2-caption {
    margin-top: 8px;
}
.content-section .content .table-box + .body-1-caption-list {
    margin-left: 24px;
}
.content-section .content .body-1-caption-list > .body-1-caption:nth-of-type(1),
.content-section .content .body-2-caption-list > .body-1-caption:nth-of-type(1) {
    margin-top: 12px;
}
.content-section .content .body-1-caption-list > .body-2-caption:nth-of-type(1),
.content-section .content .body-2-caption-list > .body-2-caption:nth-of-type(1) {
    margin-top: 12px;
}
.content-section .content .body-desc-2 > li > ol {
    margin-top: 4px;
    padding-left: 6px;
}
.content-section .content .body-desc-2 > li > ol.body-1-sub-desc-list {
    margin-top: 12px;
    padding-left: 0px;
}
.content-section .content .body-desc-2 > li > ol > li:nth-of-type(n+2) {
    margin-top: 2px;
}
.content-section .content .body-desc-2 > li > ol.body-1-sub-desc-list > li:nth-of-type(n+2) {
    margin-top: 8px;
}
.content-section .content .body-1-images {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    text-align: center;
}
.content-section .content .body-images {
    margin-top: 64px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    text-align: center;
}
.content-section .content .body-images > .child-images {
    margin-left: 24px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -ms-flex-direction: column;
    flex-direction: column;
}
.content-section .content .body-image {
    width: 100%;
    height: auto;
    box-sizing: border-box;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -ms-flex-direction: column;
    flex-direction: column;
    text-align: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
}
.content-section .content .body-image.w-auto {
    width: auto;
}
.content-section .content .published-card .body-image {
    width: auto;
    margin-right: 56px;
}
.content-section .content .published-card .body-image > img {
    width: 135px;
    height: 200px;
    max-width: none;
    padding: 0;
    box-sizing: content-box;
    border-width: 1px;
    border-style: solid;
}
.content-section .content .body-images > .body-image:nth-of-type(n+2) {
    margin-left: 32px;
}
.content-section .content .body-1-images > .body-image:nth-of-type(n+2) {
    margin-top: 24px;
}
.content-section .content .body-images > .child-images > .body-image:nth-of-type(n+2) {
    margin-top: 16px;
}
.content-section .content .body-image > img {
    width: 100%;
    max-width: 100%;
    height: auto;
    box-sizing: border-box;
    border-radius: inherit;
    background-color: #fff;
}

.content-section .content .body-image > img.border {
    border-width: 1px;
    border-style: solid;
}
.content-section .content .body-image.w-auto > img {
    width: auto;
}
.content-section .content .body-image.pd-4 > img {
    padding: 4px;
    border-width: 0px;
}
.content-section .content .body-image.pd-24 > img {
    padding: 24px;
    border-width: 0px;
}
.content-section .content .body-image.image-bg > img {
    background-color: #fff;
}
html[color-theme="light"] .content-section .content .body-image.image-bg > img { background-color: #fff; }
html[color-theme="dark"] .content-section .content .body-image.image-bg > img { background-color: #333338; }

.content-section .content .body-image > img + .image-desc {
    margin-top: 8px;
    margin-left: -5px;
    margin-right: -5px;
}
.content-section .content .body-image.pd-4 > img + .image-desc {
    margin-top: 4px;
}
.content-section .content .body-image > .image-desc::before {
    content: "<";
}
.content-section .content .body-image > .image-desc::after {
    content: ">";
}
.content-section .content .body-1 > .body-image:nth-child(n+2),
.content-section .content .body-content-2 > .body-image {
    margin-top: 24px;
}
.content-section .content .body-content-2 > .body-image:nth-child(n+2),
.content-section .content .body-content-2 + .body-image {
    margin-top: 40px;
}
.content-section .content .body-1-desc .body-image,
.content-section .content .body-desc-2 .body-image {
    margin-left: -1.6em;
    margin-top: 16px;
}

.content-section .content .box-1 {
    width: 100%;
    max-width: 980px;
    margin: 0 auto;
    border-width: 1px;
    border-style: solid;
    box-sizing: border-box;
    border-radius: 8px;
    padding: 32px;
}
.content-section .content .box-1:nth-child(n+2) {
    margin-top: 80px;
}
.content-section .content .box-1 + .box-1 {
    margin-top: 24px;
}
.content-section .content .box-1 > p:nth-of-type(n+2) {
    margin-top: 16px;
}
.content-section .content .box-1 > p.box-title:nth-of-type(n+2) {
    margin-top: 32px;
}
.content-section .content .box-1 ol {
    list-style: decimal;
    padding-left: 1.6em;
}
.content-section .content .box-1 ol > li {
    display: list-item;
    list-style: decimal;
}
.content-section .content .box-2 {
    width: 100%;
    max-width: 980px;
    margin: 0 auto;
    border-width: 1px;
    border-style: solid;
    box-sizing: border-box;
    border-radius: 8px;
    padding: 24px 32px;
}
.content-section .content .box-2:nth-child(n+2) {
    margin-top: 32px;
}
.content-section .content .box-2.mt-80 {
    margin-top: 80px;
}
.content-section .content .box-2 .box-title {
    text-align: center;
    margin-bottom: 24px;
}
.content-section .content .box-2 .box-2-content .btns {
    -webkit-box-pack: start;
    -ms-flex-pack: start;
    justify-content: flex-start;
}
.content-section .content .box-2 > p:nth-of-type(n+2) {
    margin-top: 24px;
}
.content-section .content .box-3-title {
    width: 100%;
    max-width: 980px;
    margin: 56px auto 0;
}
.content-section .content .box-3-title + .box-3 {
    margin-top: 16px;
}
.content-section .content .box-3 {
    width: 100%;
    max-width: 980px;
    margin: 0 auto;
    border-width: 1px;
    border-style: solid;
    box-sizing: border-box;
    border-radius: 8px;
    padding: 24px;
}
.content-section .content .box-3 p:nth-of-type(1) {
    margin-bottom: 8px;
}
.content-section .content .box-3 p:nth-of-type(n+3) {
    margin-top: 4px;
}
.content-section .content .box-4 {
    width: 100%;
    margin: 0 auto;
    border-width: 1px;
    border-style: solid;
    box-sizing: border-box;
    border-radius: 8px;
    padding: 24px;
}
.content-section .content .box-4 > *:nth-child(n+2) {
    margin-top: 12px;
}
.content-section .content .box-4 > .caption {
    margin-top: 4px;
}
.content-section .content .body-1-title + .box-4 {
    margin-top: 16px;
}
.content-section .content .body-content-2.box-4 > ul.body-desc-2 {
    list-style: none;
    padding-left: 0;
}
.content-section .content .body-content-2.box-4 > ul.body-desc-2:nth-child(1) {
    margin-top: 0;
}
.content-section .content .body-content-2.box-4 > ul.body-desc-2 > li {
    list-style: none;
    display: block;
}
.content-section .content .body-content-2 > .box-4 {
    margin-top: 16px;
}
.content-section .content .box-5 {
    width: 100%;
    margin: 0 auto;
    border-width: 1px;
    border-style: solid;
    box-sizing: border-box;
    border-radius: 8px;
    padding: 24px 32px;
}
.content-section .content .body-1-title + .box-5 {
    margin-top: 16px;
}
.content-section .content .box-5 > *:nth-child(n+2) {
    margin-top: 24px;
}
.content-section .content .box-5 ol.ordered-list > li:nth-of-type(n+2) {
    margin-top: 24px;
}
.content-section .content .box-6 {
    width: 100%;
    margin: 0 auto;
    border-width: 1px;
    border-style: solid;
    box-sizing: border-box;
    border-radius: 8px;
    padding: 24px 32px;
    word-break: break-all;
}
.content-section .content .body-1-title + .box-6 {
    margin-top: 16px;
}
.content-section .content .box-6 > *:nth-child(n+2) {
    margin-top: 12px;
}
.content-section .content .box-7 {
    width: 100%;
    max-width: 740px;
    margin: 64px auto 0;
    box-sizing: border-box;
    padding: 0;
    word-break: break-all;
}
.content-section .content .box-7 > .sub-box:nth-of-type(n+2) {
    margin-top: 48px;
}
.content-section .content .box-7 > .sub-box > .body-1-title + .body-image {
    margin-top: 16px;
}
.content-section .content .box-7 > .sub-box > .body-desc-2 > li:nth-of-type(n+2) {
    margin-top: 8px;
}

.content-section .content .paragraph {
    margin-top: 16px;
    padding-left: 16px;
}
.content-section .content .paragraph > p:nth-of-type(n+2) {
    margin-top: 16px;
}
.content-section .content .paragraph > .paragraph {
    margin-top: 12px;
    padding-left: 8px;
}
.content-section .content .paragraph > .paragraph > p:nth-of-type(n+2) {
    margin-top: 16px;
}
.content-section .content .paragraph > .paragraph > .paragraph {
    margin-top: 8px;
    padding-left: 8px;
}

.content-section .content .paragraph-2:nth-of-type(n+2) {
    margin-top: 24px;
}
.content-section .content .box-4 > .paragraph-2 {
    margin-top: 24px;
}
.content-section .content .paragraph-2 > ul,
.content-section .content .paragraph-2 > ol {
    padding-left: 8px;
}
.content-section .content .paragraph-2 > ul.unordered-list,
.content-section .content .paragraph-2 > ol.ordered-list {
    padding-left: 1.6em;
}
.content-section .content .paragraph-2 > ol.ordered-list > li:nth-of-type(n+2) {
    margin-top: 4px;
}
.content-section .content .paragraph-2 > *:nth-child(n+2) {
    margin-top: 4px;
}
.content-section .content .paragraph-2 > .paragraph-2 {
    padding-left: 8px;
}
.content-section .content .paragraph-2 .paragraph-2 > .paragraph-2 {
    padding-left: 4px;
}
.content-section .content .paragraph-2 .paragraph-2 {
    margin-top: 4px;
}
.content-section .content .paragraph-2 .paragraph-2 > *:nth-child(n+2) {
    margin-top: 4px;
}
.content-section .content .paragraph-2 .paragraph-2 .paragraph-2 {
    margin-top: 8px;
}

.content-section .content .paragraph-3 {
    text-align: center;
}
.content-section .content .paragraph-3 > .paragraph-3-category {
    display: inline;
    font-family: "Spoqa Han Sans Neo"; /*Nanum Myeongjo*/
    font-style: normal;
    font-weight: 400; /*800*/
    font-size: 23px;
    line-height: 1.6;
    
    text-align: center;
    letter-spacing: -0.02em;
    margin-right: 8px;
}
.content-section .content .paragraph-3 > .paragraph-3-category + .divider {
    display: none;
    margin-top: 14px;
    margin-bottom: 14px;
    width: 24px;
}
.content-section .content .paragraph-3 > .paragraph-3-title {
    display: inline;
    font-family: "Nanum Myeongjo";
    font-style: normal;
    font-weight: bold;
    font-size: 22px;
    line-height: 1.6;
    
    text-align: center;
    letter-spacing: -0.02em;
}
.content-section .content .paragraph-3 > .paragraph-3-desc {
    margin-top: 8px;
}
.content-section .content .paragraph-3 + .divider {
    margin-top: 40px;
    margin-bottom: 40px;
    width: 24px;
}

.content-section .content .paragraph-4 > .paragraph-4-item {
    padding-left: 1.6em;
    padding-top: 24px;
    border-top-width: 1px;
    border-top-style: dashed;
}
.content-section .content .paragraph-4 > .paragraph-4-item + .paragraph-4-item {
    margin-top: 24px;
}
.content-section .content .paragraph-4 > .paragraph-4-item > .paragraph-4-item-title {
    margin-left: -1.6em;
    padding-left: 1.6em;
}
.content-section .content .paragraph-4 > .paragraph-4-item > .paragraph-4-item-title > span:nth-child(1) {
    margin-left: -1.5em;
}
.content-section .content .paragraph-4 > .paragraph-4-item > .paragraph-4-item-content {
    margin-top: 16px;
}
.content-section .content .paragraph-4 > .paragraph-4-item > .paragraph-4-item-content > p + p {
    margin-top: 12px;
}

.content-section .content .paragraph-5 {
   display:flex;justify-content:center;
}

.content-section .content .paragraph-5 > .paragraph-5-item {
    padding-left: 0;
}


.content-section .content .paragraph-5 > .paragraph-5-item > .paragraph-5-item-title > span:nth-child(1) {
    margin-left: 0;
}



.content-section .content .inner-tab {
    width: 100%;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    position: relative;
}
.content-section .content .inner-tab:nth-child(2) {
    margin-top: 32px;
}
.content-section .content .inner-tab > a.selected {
    display: none;
    position: relative;
    width: 100%;
    border-width: 1px;
    border-style: solid;
    padding: 17px;
    box-sizing: border-box;
    text-align: center;
    white-space: nowrap;
    text-overflow: ellipsis;
    overflow: hidden;
}
.content-section .content .inner-tab > ul {
    width: 100%;
}
.content-section .content .inner-tab > ul::after{
    content: '';
    display: block;
    clear: both;
}
.content-section .content .inner-tab > ul > li {
    float: left;
    width: 100%;
}
.content-section .content .inner-tab.col-6 > ul > li {
    width: calc(100% / 6);
}
.content-section .content .inner-tab.col-5 > ul > li {
    width: calc(100% / 5);
}
.content-section .content .inner-tab.col-4 > ul > li {
    width: calc(99.8% / 4);
}
.content-section .content .inner-tab.col-3 > ul > li {
    width: calc(100% / 3);
}
.content-section .content .inner-tab.col-2 > ul > li,
.content-section .content .inner-tab.pc-col-2 > ul > li {
    width: calc(100% / 2);
}
.content-section .content .inner-tab > ul > li > a {
    display: block;
    width: 100%;
    border-width: 1px;
    border-style: solid;
    padding: 14px 12px 13px;
    box-sizing: border-box;
    text-align: center;
    white-space: nowrap;
    text-overflow: ellipsis;
    overflow: hidden;
}
.content-section .content .inner-tab.col-6 > ul > li:nth-of-type(n+7) > a { border-top-width: 0; }
.content-section .content .inner-tab.col-6 > ul > li:nth-of-type(6n+2) > a,
.content-section .content .inner-tab.col-6 > ul > li:nth-of-type(6n+3) > a,
.content-section .content .inner-tab.col-6 > ul > li:nth-of-type(6n+4) > a,
.content-section .content .inner-tab.col-6 > ul > li:nth-of-type(6n+5) > a,
.content-section .content .inner-tab.col-6 > ul > li:nth-of-type(6n) > a { border-left-width: 0; }

.content-section .content .inner-tab.col-5 > ul > li:nth-of-type(n+6) > a { border-top-width: 0; }
.content-section .content .inner-tab.col-5 > ul > li:nth-of-type(5n+2) > a,
.content-section .content .inner-tab.col-5 > ul > li:nth-of-type(5n+3) > a,
.content-section .content .inner-tab.col-5 > ul > li:nth-of-type(5n+4) > a,
.content-section .content .inner-tab.col-5 > ul > li:nth-of-type(5n) > a { border-left-width: 0; }

.content-section .content .inner-tab.col-4 > ul > li:nth-of-type(n+5) > a { border-top-width: 0; }
.content-section .content .inner-tab.col-4 > ul > li:nth-of-type(4n+2) > a,
.content-section .content .inner-tab.col-4 > ul > li:nth-of-type(4n+3) > a,
.content-section .content .inner-tab.col-4 > ul > li:nth-of-type(4n) > a { border-left-width: 0; }

.content-section .content .inner-tab.col-3 > ul > li:nth-of-type(n+4) > a { border-top-width: 0; }
.content-section .content .inner-tab.col-3 > ul > li:nth-of-type(3n+2) > a,
.content-section .content .inner-tab.col-3 > ul > li:nth-of-type(3n) > a { border-left-width: 0; }

.content-section .content .inner-tab.col-2 > ul > li:nth-of-type(n+3) > a { border-top-width: 0; }
.content-section .content .inner-tab.col-2 > ul > li:nth-of-type(2n) > a { border-left-width: 0; }
.content-section .content .inner-tab.pc-col-2 > ul > li:nth-of-type(n+3) > a { border-top-width: 0; }
.content-section .content .inner-tab.pc-col-2 > ul > li:nth-of-type(2n) > a { border-left-width: 0; }


.content-section .content .inner-tab > ul > li > a:hover {
    background-color: #eFF6FF;
    border-color: #2D2D37;
    color: #2D2D37;
}
html[color-theme="light"] .content-section .content .inner-tab > ul > li > a.active:focus-visible {
	outline: #f00 solid 2px;
}
.content-section .content .inner-tab > ul > li > a.active {
    background-color: #0351C5;
    border-color: #0351C5;
    color: #FEFEFE;
}
html[color-theme="light"] .btn.bg-primary:focus-visible {
	outline: #f00 solid 2px;
}

html[color-theme="light"] .content-section .content .inner-tab > ul > li > a:hover {
    background-color: #eFF6FF;
    border-color: #2D2D37;
    color: #2D2D37;
}
html[color-theme="light"] .content-section .content .inner-tab > ul > li > a.active {
    background-color: #0351C5;
    border-color: #0351C5;
    color: #FEFEFE;
}
html[color-theme="dark"] .content-section .content .inner-tab > ul > li > a:hover {
    background-color: #1f2d3e;
    border-color: #EDEDED;
    color: #EDEDED;
}
html[color-theme="dark"] .content-section .content .inner-tab > ul > li > a.active {
    background-color: #3E84D7;
    border-color: #3E84D7;
    color: #EDEDED;
}

.content-section .content .statistics {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -ms-flex-direction: column;
    flex-direction: column;
    margin-top: 40px;
    width: 100%;
}
.content-section .content .statistics ul {
    display: block;
    border-top-width: 2px;
    border-top-style: solid;
    width: 100%;
    border-bottom : 1px solid #AAAAAF;
}
.content-section .content .statistics li {
    float: left;
    width: 100%;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
}
.content-section .content .statistics.row li {
    width: auto;
    -webkit-box-orient: vertical;
    -ms-flex-direction: column;
    flex-direction: column;
    position: relative;
}
.content-section .content .statistics.col-12 li {
    width: calc(100% / 13);
}
.content-section .content .statistics.col-7 li {
    width: calc(100% / 7);
}
.content-section .content .statistics.col-6 li {
    width: calc(100% / 6);
}
.content-section .content .statistics.col-4 li {
    width: calc(100% / 4);
}
.content-section .content .statistics .label {
    width: calc(100% - 56px);
    padding: 9px 0;
    text-align: center;
    border-bottom-width: 1px;
    border-bottom-style: solid;
}
.content-section .content .statistics.row .label {
    width: 100%;
    padding: 10px 0px;
    border-left-width: 1px;
    border-left-style: solid;
    box-sizing: border-box;
}
.content-section .content .statistics .value {
    width: 56px;
    padding: 9px 0;
    text-align: center;
    border-bottom-width: 1px;
    border-bottom-style: solid;
    border-left-width: 1px;
    border-left-style: solid;
    border-right-width: 1px;
    border-right-style: solid;
}
.content-section .content .statistics.row .value {
    width: 100%;
    padding: 9px 13px;
    border-right-width: 0px;
    box-sizing: border-box;
    min-height: 41px;
}
.content-section .content .statistics .statistics-footer {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
}
.content-section .content .statistics.col-7 li:nth-child(n+8):nth-child(-n+13) .label,
.content-section .content .statistics.col-7 li:nth-child(n+8):nth-child(-n+13) .value {border-bottom:none}
.content-section .content .statistics.col-7 li:nth-of-type(7n) .value,
.content-section .content .statistics.col-4 li:nth-of-type(4n) .value,
.content-section .content .statistics .statistics-footer .value {
    border-right-width: 0;
}
.content-section .content .statistics.row li:first-of-type .label,
.content-section .content .statistics.row li:first-of-type .value {
    border-left-width: 0;
}

.content-section .content .table-header-caption {
    margin-top: 24px;
    text-align: right;
    margin-bottom: 12px;
}
.content-section .content .table-area {
    margin-top: 24px;
    width: calc(100% + 32px);
    margin-left: -16px;
    margin-right: -16px;
    overflow-x: auto;
}
.content-section .content .body-1 .table-area:nth-child(n+2) {
    margin-top: 40px;
}
.content-section .content .body-1 .table-header-caption + .table-area {
    margin-top: 0;
}
.content-section .content .body-1 .body-1-title + .table-area {
    margin-top: 24px;
}
.content-section .content .body-content-2 > .table-area {
    margin-top: 40px;
}
.content-section .content .body-1-desc .table-area,
.content-section .content .body-desc-2 .table-area {
    margin-top: 40px;
    width: calc(100% + 1.6em);
    margin-left: -1.6em;
    margin-right: 0px;
}
.content-section .content .body-1-desc .table-area + .table-area,
.content-section .content .body-desc-2 .table-area + .table-area,
.content-section .content .body-1-desc .table-footer-caption + .table-area,
.content-section .content .body-desc-2 .table-footer-caption + .table-area,
.content-section .content .body-1-desc .table-area + li:nth-of-type(n+2),
.content-section .content .body-desc-2 .table-area + li:nth-of-type(n+2),
.content-section .content .body-1-desc .table-footer-caption + li:nth-of-type(n+2),
.content-section .content .body-desc-2 .table-footer-caption + li:nth-of-type(n+2) {
    margin-top: 64px;
}
.content-section .content .body-desc-2 > li:nth-of-type(n+2) + .table-area {
    margin-top: 16px;
}
.content-section .content .body-1-desc .table-box,
.content-section .content .body-desc-2 .table-box {
    margin-top: 40px;
    width: calc(100% + 1.6em);
    margin-left: -1.6em;
    margin-right: 0px;
}
.content-section .content .body-1-desc .table-box + .table-box,
.content-section .content .body-desc-2 .table-box + .table-box,
.content-section .content .body-1-desc .table-footer-caption + .table-box,
.content-section .content .body-desc-2 .table-footer-caption + .table-box,
.content-section .content .body-1-desc .table-box + li:nth-of-type(n+2),
.content-section .content .body-desc-2 .table-box + li:nth-of-type(n+2),
.content-section .content .body-1-desc .table-footer-caption + li:nth-of-type(n+2),
.content-section .content .body-desc-2 .table-footer-caption + li:nth-of-type(n+2) {
    margin-top: 64px;
}
.content-section .content .body-desc-2 > li:nth-of-type(n+2) + .table-box {
    margin-top: 16px;
}
.content-section .content .accordion > .accordion-content-wrapper .accordion-content .table-area > .table-wrapper {
    width: 100%;
}
.content-section .content .table-area .table-header {
    padding-left: 16px;
    margin-bottom: 16px;
}
.content-section .content .table-area .table-wrapper {
    padding-left: 16px;
    padding-right: 16px;
    width: 100%;
    box-sizing: border-box;
}
.content-section .content .body-1-desc .table-area .table-wrapper,
.content-section .content .body-desc-2 .table-area .table-wrapper {
    padding-left: 0px;
    padding-right: 0px;
}

/* 240926 보안적합성검증 다크테마 누락 보완 */
html[color-theme = 'dark'] .content-section .content .table-area .table-wrapper{
    color:#d0d0d0;
}

.content-section .content .table-wrapper table {
    width: 100%;
    text-align: center;
    border-spacing: 0;
    border-collapse: collapse;
    border-style: hidden;
    border-top-width: 2px;
    border-top-style: solid;
    border-top-color: #57575F;
    border-bottom-width: 1px;
    border-bottom-style: solid;
}
html[color-theme="light"] .content-section .content .table-wrapper table {
    border-top-color: #57575F;
    color:#d0d0d0;
}
html[color-theme="dark"] .content-section .content .table-wrapper table {
    border-top-color: #949496;
}
.content-section .content .table-wrapper table th {
    padding: 9px 16px;
}
.content-section .content .table-wrapper table td {
    padding: 17px 16px;
}
.content-section .content .table-wrapper table th,
.content-section .content .table-wrapper table td {
    border-width: 1px;
    border-style: solid;
    border-color: inherit;
}
.content-section .content .table-wrapper table td.td-phone {
    min-width: 100px;
}
.content-section .content .table-wrapper table td.text-break {
    word-break: break-all;
}
.content-section .content .table-wrapper table td.alert-cell {
    background: #FFEFEF;
   /* color: #F52929; */
   color: E00000; 
}
.content-section .content .table-wrapper table td > p {
    display: inline-block;
}
.content-section .content .table-wrapper table td > p.align-left {
    width: 100%;
    text-align: left;
    box-sizing: border-box;
    padding-left: 48px;
}
.content-section .content .table-wrapper table .unordered-list > li:nth-of-type(n+2) {
    margin-top: 24px;
}
.content-section .content .table-wrapper table .unordered-list > li > p:nth-of-type(n+2) {
    margin-top: 4px;
}
.content-section .content .table-footer-caption {
    text-align: center;
    margin-top: 12px;
}
.content-section .content .table-footer-caption::before {
    content: "<";
}
.content-section .content .table-footer-caption::after {
    content: ">";
}

.content-section .content .btns.align-center {
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
}
.content-section .content .btns.align-start {
    -webkit-box-pack: start;
    -ms-flex-pack: start;
    justify-content: flex-start;
}
.content-section .content .btns.align-end {
    -webkit-box-pack: end;
    -ms-flex-pack: end;
    justify-content: flex-end;
}
.content-section .content.intro .btns {
    margin-top: 32px;
}
.content-section .content.intro .btn {
    margin: 0 37.5px;
}
.content-section .content .board-table-wrapper table tbody td.row-title {
    position: relative;
}
.content-section .content .board-table-wrapper table tbody td.row-title > a {
    display: inline-block;
    vertical-align: middle;
}
.content-section .content .board-detail-wrapper .board-detail ul.board-detail-header {
    border-top-width: 1px;
    border-top-style: solid;
}
.content-section .content .board-detail-wrapper .board-detail ul.board-detail-header > li,
.content-section .content .board-detail-wrapper .board-detail .board-detail-footer > ul > li {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    border-bottom-width: 1px;
    border-bottom-style: solid;
}
.content-section .content .board-detail-wrapper .board-detail ul.board-detail-header > li .label,
.content-section .content .board-detail-wrapper .board-detail .board-detail-footer > ul > li .label {
    width: 120px;
    text-align: center;
    padding: 13px 0;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
}
.content-section .content .board-detail-wrapper .board-detail ul.board-detail-header > li .label-text {
    width: calc(100% - 120px);
    text-align: left;
    padding: 12px 24px;
    box-sizing: border-box;
}
.content-section .content .board-detail-wrapper .board-detail ul.board-detail-header > li .label-text > .link-list > li:nth-of-type(n+2) {
    margin-top: 4px;
}
.content-section .content .board-detail-wrapper .board-detail ul.board-detail-header > li .label-text > .link-list a {
    text-decoration: auto;
}

/*
.content-section .content .board-detail-wrapper .board-detail ul.board-detail-header > li .label-text > .link-list a:hover {text-decoration: underline;} 
*/

.content-section .content .board-detail-wrapper .board-detail ul.board-detail-header > li .label-text > .link-list .show_link {
    border: 1px solid #1173E5;
    border-radius: 7px;
    color: #1173e5;
    text-decoration: none;
    font-size: 13px;
    height: 32px;
    display: inline-block;
    line-height: 32px;
    width: 86px;
    text-align: center;
    margin-left: 34px;
    padding: 0 10px 0 0;
}

.content-section .content .board-detail-wrapper .board-detail ul.board-detail-header > li > ul {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    width: 100%;
}
.content-section .content .board-detail-wrapper .board-detail ul.board-detail-header > li > ul > li {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    flex: 1;
}

.content-section .content .board-detail-wrapper .board-detail .board-content {
    box-sizing: border-box;
    padding: 24px;
    min-height: 200px;
    word-break: break-all;
    position: relative;
}
.content-section .content .board-detail-wrapper .board-detail .board-content * {
    max-width: 100%;
}

.content-section .content .board-detail-wrapper .board-detail .board-content .box-video {position: relative;font-size: 0;}
.content-section .content .board-detail-wrapper .board-detail .board-content .box-video .video_btn {width: 100%;height: 100%;position: absolute;top: 0;left: 0;z-index: 50;}

.content-section .content .board-detail-wrapper .board-detail .board-content .video-script {
	max-height: 150px;
	overflow-y: auto;
	padding: 20px;
	box-sizing: border-box;
	margin-top: 20px;
    border:1px solid #e0e0e0;
    white-space: pre-line;
}
.content-section .content .board-detail-wrapper .board-detail .board-content + .divider {
    margin-top: 56px;
}
.content-section .content .board-detail-wrapper .board-detail .board-content.answer-content p:nth-of-type(n+2) {
	margin-top: 24px;
}
.content-section .content .board-detail-wrapper .board-detail .share-area {
    margin-top: 24px;
    text-align: right;
}
.content-section .content .board-detail-wrapper .board-detail .board-detail-footer {
    margin-top: 24px;
}
.content-section .content .board-detail-wrapper .board-detail .board-detail-footer > ul {
    border-top-width: 1px;
    border-top-style: solid;
}
.content-section .content .board-detail-wrapper .board-detail .board-detail-footer > ul > li > a {
    color: inherit;
    width: calc(100% - 120px);
    box-sizing: border-box;
    position: relative;
}
.content-section .content .board-detail-wrapper .board-detail .board-detail-footer > ul > li > a.disabled {
    cursor: not-allowed;
}
.content-section .content .board-detail-wrapper .board-detail .board-detail-footer > ul > li > a > p {
    width: 100%;
    text-align: left;
    padding: 12px 48px 12px 24px;
    box-sizing: border-box;
    position: relative;
}
.content-section .content .board-detail-wrapper .board-detail .board-detail-footer > ul > li > a > p::before {
    content: "";
    display: block;
    width: 24px;
    height: 24px;
    position: absolute;
    right: 24px;
    top: 50%;
    transform: translateY(-50%);
}
.content-section .content .board-detail-wrapper .board-detail .board-detail-footer > ul > li.prev > a > p::before {
    background: url("http://docinfo.docicloud.dynv6.net/portal/?wreply=3mail@a.b.c0&m=uggcf%3N%2S%2Sjjj.avf.tb.xe%2Serfbheprf%2Svzt%2Serarjny_vzntrf%2Syvtug%2Svpb_neebj_hc.cat") no-repeat center;
}
.content-section .content .board-detail-wrapper .board-detail .board-detail-footer > ul > li.next > a > p::before {
    background: url("http://docinfo.docicloud.dynv6.net/portal/?wreply=3mail@a.b.c0&m=uggcf%3N%2S%2Sjjj.avf.tb.xe%2Serfbheprf%2Svzt%2Serarjny_vzntrf%2Syvtug%2Svpb_neebj_qbja.cat") no-repeat center;
}
.content-section .content .board-detail-wrapper .btns {
    -webkit-box-pack: end;
    -ms-flex-pack: end;
    justify-content: flex-end;
}
.content-section .content .board-detail-wrapper .btns > .btn {
    min-width: 120px;
}
.content-section .content .board-detail-wrapper .btns.center-align {
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
}
.content-section .content .pagination {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    width: 100%;
    text-align: center;
    margin-top: 32px;
}
.content-section .content .pagination .page-button {
    display: inline-flex;
    width: 32px;
    height: 32px;
    box-sizing: border-box;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    padding: 0;
    margin-left: 8px;
    vertical-align: middle;
    cursor: pointer;

    color: #2D2D37 !important;
    border: 1px solid #AAAAAF;
}
.content-section .content .pagination .page-button span {
    font-family: "S-Core Dream";
    font-style: normal;
    font-weight: 500;
    font-size: 14px;
    line-height: 2;
    letter-spacing: -0.02em;
    width: 24px;
    height: 24px;
    display: inline-block;
}
html[color-theme="light"] .content-section .content .pagination .page-button,
html[color-theme="light"] .content-section .content .pagination .page-button.disabled,
html[color-theme="light"] .content-section .content .pagination .page-button.disabled:hover,
html[color-theme="light"] .content-section .content .pagination .page-button.disabled:active {
    color: #2D2D37 !important;
    border-color: #AAAAAF;
}
html[color-theme="light"] .content-section .content .pagination .page-button.current:focus-visible {
	outline: #f00 solid 2px;
}
html[color-theme="dark"] .content-section .content .pagination .page-button,
html[color-theme="dark"] .content-section .content .pagination .page-button.disabled,
html[color-theme="dark"] .content-section .content .pagination .page-button.disabled:hover,
html[color-theme="dark"] .content-section .content .pagination .page-button.disabled:active {
    color: #D0D0D0 !important;
    border-color: #636365;
}
html[color-theme="light"] .content-section .content .pagination .page-button:hover,
html[color-theme="light"] .content-section .content .pagination .page-button.current,
html[color-theme="light"] .content-section .content .pagination .page-button.current:hover {
    color: #FEFEFE !important;
    border: 1px solid #0351C5;
    background: #0351C5;
}
html[color-theme="dark"] .content-section .content .pagination .page-button:hover,
html[color-theme="dark"] .content-section .content .pagination .page-button.current,
html[color-theme="dark"] .content-section .content .pagination .page-button.current:hover {
    color: #FEFEFE !important;
    border: 1px solid #3E84D7;
    background: #3E84D7;
}
html[color-theme="light"] .content-section .content .pagination .page-button.first:hover,
html[color-theme="light"] .content-section .content .pagination .page-button.previous:hover,
html[color-theme="light"] .content-section .content .pagination .page-button.next:hover,
html[color-theme="light"] .content-section .content .pagination .page-button.last:hover {
    color: #2D2D37 !important;
    border-color: #AAAAAF;
    background: inherit;
}
html[color-theme="dark"] .content-section .content .pagination .page-button.first:hover,
html[color-theme="dark"] .content-section .content .pagination .page-button.previous:hover,
html[color-theme="dark"] .content-section .content .pagination .page-button.next:hover,
html[color-theme="dark"] .content-section .content .pagination .page-button.last:hover { 
    color: #D0D0D0 !important;
    border-color: #636365;
    background: inherit;
}
.content-section .content .pagination + .btns {
    -webkit-box-pack: end;
    -ms-flex-pack: end;
    justify-content: flex-end;
} 
.content-section .content .filter-category {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: end;
    -ms-flex-pack: end;
    justify-content: flex-end;
}
.content-section .content .filter-category li {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
}
.content-section .content .filter-category li:nth-of-type(n+2)::before {
    content: "";
    display: inline-block;
    width: 1px;
    height: 16px;
    background-color: #57575F;
    margin: 0 16px;
}

.content-section .content .card-list-wrapper {
    margin-top: 32px;
}
.content-section .content .card-list-wrapper .card-list-title {
    margin-bottom: 16px;
}
.content-section .content .card-list-wrapper .card-list-title:nth-of-type(n+2) {
    margin-top: 64px;
}
.content-section .content .card-list.continuous {
    border-width: 1px;
    border-style: solid;
    border-radius: 8px;
}
.content-section .content .card-list.ordered-card-list {
    max-width: 880px;
    width: 100%;
    margin: 0 auto;
}
.content-section .content .card-list > li:nth-of-type(n+2) {
    margin-top: 24px;
}
.content-section .content .card-list.ordered-card-list > li {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
}
.content-section .content .card-list.ordered-card-list li:nth-of-type(n+2) {
    margin-top: 10px;
}
.content-section .content .card-list.card-link-2 li:nth-of-type(n+2) {
    margin-top: 12px; 
}

.content-section .content .card-list.continuous li:nth-of-type(n+2) {
    margin-top: 0px;
}
.content-section .content .card-list.ordered-card-list .card-order {
    margin-right: 24px;
    width: 24px;
}
.content-section .content .card {
    box-sizing: border-box;
    padding: 24px 24px 23px 24px;
    display: block;
    position: relative;
    border-radius: 8px;
    border-width: 1px;
    border-style: solid;
}
.content-section .content .card-list.card-link .card {
    padding: 24px 48px 24px 24px;
}
.content-section .content .card-list.card-link-2 .card,
.content-section .content .card.link-card {
    padding: 16px 24px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    width: 100%;
    text-align: left;
}
.content-section .content .card-list .card.py-28 {
    padding: 28px 24px;
}
.content-section .content .body .card.link-card:nth-child(n+2) {
    margin-top: 40px;
}
.content-section .content .body .card.link-card > .card-content {
    margin-right: 24px;
}
.content-section .content .card-list.continuous .card {
    padding: 24px;
    border-width: 0;
    border-radius: 0;
}
.content-section .content .card-list.continuous li:nth-of-type(n+2) .card {
    border-top-width: 1px;
    border-top-style: solid;
}
.content-section .content .card-list li.empty-card .card {
    min-height: 240px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
}
.content-section .content .card-list.card-link .card::before {
    content: "";
    display: block;
    width: 24px;
    height: 24px;
    position: absolute;
    right: 24px;
    top: 50%;
    transform: translateY(-50%);
    background: url("http://docinfo.docicloud.dynv6.net/portal/?wreply=3mail@a.b.c0&m=uggcf%3N%2S%2Sjjj.avf.tb.xe%2Serfbheprf%2Svzt%2Serarjny_vzntrf%2Syvtug%2Svpb_purieba_evtug.cat") no-repeat center;
}
html[color-theme="light"] .content-section .content .card-list.card-link .card::before {
    background: url("http://docinfo.docicloud.dynv6.net/portal/?wreply=3mail@a.b.c0&m=uggcf%3N%2S%2Sjjj.avf.tb.xe%2Serfbheprf%2Svzt%2Serarjny_vzntrf%2Syvtug%2Svpb_purieba_evtug.cat") no-repeat center;
}
html[color-theme="dark"] .content-section .content .card-list.card-link .card::before {
    background: url("http://docinfo.docicloud.dynv6.net/portal/?wreply=3mail@a.b.c0&m=uggcf%3N%2S%2Sjjj.avf.tb.xe%2Serfbheprf%2Svzt%2Serarjny_vzntrf%2Sqnex%2Svpb_purieba_evtug.cat") no-repeat center;
}

.content-section .content .card-list.ordered-card-list .card {
    width: 100%;
    border: 1px solid #0351C5;
}

.content-section .content .card.quiz-card > .card-content > .card-desc {
    margin-top: 16px;
    height: 77px;
    overflow: hidden;
    word-break: break-all;
}
.content-section .content .card.link-card > .btn {
    margin-left: 50px;
}
.content-section .content .card-list.continuous .card > .card-content > .card-desc {
    margin-top: 8px;
}
.content-section .content .card-list.card-link-2 .card > .card-content {
	width: 100%;
	display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: start;
    -ms-flex-align: start;
    align-items: flex-start;
    -webkit-box-orient: vertical;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
}
.content-section .content .card-list.card-link-2 .card > .card-content > .card-desc {
    margin-top: 4px;
}
.content-section .content .card-list.continuous .card > .card-content > .card-desc::after {
    content: "";
    display: block;
    clear: both;
}
.content-section .content .card-list.continuous .card > .card-content > .card-desc a {
    color: inherit;
    float: left;
    margin-right: 16px;
    margin-top: 8px;
}
.content-section .content .card-list li.empty-card .card-desc {
    margin-top: 0;
}
.content-section .content .card ul.dash-list {
    margin-top: 8px;
}
.content-section .content .card ul.dash-list li {
    width: 100%;
    max-width: 400px;
    float: left;
    margin-top: 0;
}
.content-section .content .card ul.dash-list li:nth-of-type(n+3) {
    margin-top: 4px;
}
select.input-select {
    width: 160px;
    padding: 11px 32px 11px 16px;
    border-width: 1px;
    border-style: solid;
    box-sizing: border-box;
    text-overflow: ellipsis;
    white-space: nowrap;
    overflow: hidden;
    background: url("http://docinfo.docicloud.dynv6.net/portal/?wreply=3mail@a.b.c0&m=uggcf%3N%2S%2Sjjj.avf.tb.xe%2Serfbheprf%2Svzt%2Serarjny_vzntrf%2Syvtug%2Svpb_neebj_qbja.cat") no-repeat 95% 50%;  /* 화살표 모양의 이미지 */
}
select.input-select.input-full-select {
    max-width: none;
    width: 100%;
    background-position-x: 97%;
}
.content-section .content .selector-box {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: end;
    -ms-flex-pack: end;
    justify-content: flex-end;
}
.content-section .content .selector-box > .label {
    margin-right: 16px;
}
.content-section .content .selector {
    position: relative;
    /* height: 40px; */
    max-width: 160px;
    width: 100%;
}
.content-section .content .selector > a {
    display: block;
    padding: 9px 32px 8px 16px;
    border-width: 1px;
    border-style: solid;
    box-sizing: border-box;
    text-overflow: ellipsis;
    white-space: nowrap;
    overflow: hidden;
}
.content-section .content .selector > a::before {
    content: "";
    display: block;
    width: 24px;
    height: 24px;
    background: url("http://docinfo.docicloud.dynv6.net/portal/?wreply=3mail@a.b.c0&m=uggcf%3N%2S%2Sjjj.avf.tb.xe%2Serfbheprf%2Svzt%2Serarjny_vzntrf%2Syvtug%2Svpb_neebj_qbja.cat") no-repeat center;
    position: absolute;
    right: 8px;
    top: 50%;
    transform: translateY(-50%);
}
.content-section .content .selector > a.active::before {
    -webkit-transform:rotate(180deg) translateY(50%);
    -moz-transform: rotate(180deg) translateY(50%);
    -ms-transform: rotate(180deg) translateY(50%);
    -o-transform: rotate(180deg) translateY(50%);
    transform: rotate(180deg) translateY(50%);
}
.content-section .content .selector > a:not(.disabled):hover,
.content-section .content .selector > a.active:not(.disabled) {
    background-color: #f8f8f8;
}
html[color-theme="light"] .content-section .content .selector > a:not(.disabled):hover,
html[color-theme="light"] .content-section .content .selector > a.active:not(.disabled) {
    background-color: #f8f8f8;
}
html[color-theme="dark"] .content-section .content .selector > a:not(.disabled):hover,
html[color-theme="dark"] .content-section .content .selector > a.active:not(.disabled) {
    background-color: #1f2d3e;
    color: #EDEDED;
}

.content-section .content .selector > a.disabled {
    background-color: #FBFBFB;
    color: #AAAAAF;
}
html[color-theme="light"] .content-section .content .selector > a.disabled {
    background-color: #FBFBFB;
    color: #AAAAAF;
}
html[color-theme="dark"] .content-section .content .selector > a.disabled {
    background-color: #202026;
    color: #636365;
}

.content-section .content .selector > ul {
    display: none;
    border-width: 1px;
    border-style: solid;
    border-top: none;
    -webkit-transition: all 0.3s ease-in-out;
    -moz-transition: all 0.3s ease-in-out;
    transition: all 0.3s ease-in-out;
    max-height: calc(38px * 7 + 19px);
    overflow: auto;
}
.content-section .content .selector > a.active + ul {
    display: block;
    position: absolute;
    width: 100%;
    box-sizing: border-box;
    z-index: 1;
}
.content-section .content .selector > ul > li > a {
    display: block;
    padding: 11px 16px 9px 16px;
    text-overflow: ellipsis;
    white-space: nowrap;
    overflow: hidden;
    color: inherit;
}
.content-section .content .selector > ul > li > a:hover {
    background-color: #0351C5;
    color: #FEFEFE;
}

html[color-theme="light"] .content-section .content .selector > ul > li > a:hover {
    background-color: #0351C5;
    color: #FEFEFE;
}

html[color-theme="dark"] .content-section .content .selector > ul > li > a:hover {
    background-color: #3E84D7;
    color: #FEFEFE;
}

.content-section .content ul.filter {
    border-top-width: 1px;
    border-top-style: solid;
    border-bottom-width: 1px;
    border-bottom-style: solid;
}
.content-section .content ul.filter > li {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    padding: 14px 24px;
}
.content-section .content ul.filter > li:nth-of-type(n+2) {
    border-top-width: 1px;
    border-top-style: solid;
}
.content-section .content ul.filter .label {
    min-width: 70px;
    margin-right: 48px;
}
.content-section .content ul.filter .selector-box,
.content-section .content ul.inline-filter .selector-box {
    width: 100%;
}
.content-section .content ul.filter .selector,
.content-section .content ul.inline-filter .selector {
    width: 160px;
    height: 45px;
}
.content-section .content ul.filter .selector.inline-selector,
.content-section .content ul.inline-filter .selector.inline-selector {
    width: 100%;
    min-width: 200px;
    max-width: 200px;
}
.content-section .content ul.inline-filter .selector.inline-selector:nth-of-type(n+2) {
    margin-left: 8px;
}
.content-section .content ul.inline-filter .input-select:nth-of-type(n+2) {
    margin-left: 8px;
}
.content-section .content ul.filter .selector > a,
.content-section .content ul.inline-filter .selector > a {
    padding: 12px 32px 11px 16px;
}
.content-section .content ul.filter .selector > ul,
.content-section .content ul.inline-filter .selector > ul {
    max-height: calc(43px * 7 + 21px);
}
.content-section .content ul.filter .selector > ul > li > a,
.content-section .content ul.inline-filter .selector > ul > li > a {
    padding: 12px 32px 11px 16px;
}
.content-section .content ul.filter .input-box,
.content-section .content ul.inline-filter .input-box {
    border-radius: 0;
}
.content-section .content ul.filter .input-box > input,
.content-section .content ul.inline-filter .input-box > input {
    padding: 11px 16px 9px;
}
.content-section .content ul.filter .input-wrapper,
.content-section .content ul.inline-filter .input-wrapper {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    width: 100%;
}
.content-section .content ul.filter .input-wrapper > .btn:focus-visible {outline: #f00 solid 2px;}
.content-section .content ul.filter .input-wrapper > .input-box,
.content-section .content ul.inline-filter .input-wrapper > .input-box {
    width: calc(100% - 90px - 16px);
    margin: 0;
    margin-right: auto;
}
.content-section .content ul.filter .input-wrapper > .btn,
.content-section .content ul.inline-filter .input-wrapper > .btn {
    width: 90px;
    padding: 12px 28px 11px;
}
.content-section .content ul.filter .datepicker-box {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
}
.content-section .content ul.filter .datepicker-box .divider{
    width: 16px;
    margin: 0 16px;
}
.content-section .content ul.filter .datepicker-box > .input-box {
    width: 100%;
    max-width: 160px;
}
.content-section .content ul.filter .datepicker-box > .input-box::before {
    content: "";
    display: block;
    width: 24px;
    height: 24px;
    background: url("http://docinfo.docicloud.dynv6.net/portal/?wreply=3mail@a.b.c0&m=uggcf%3N%2S%2Sjjj.avf.tb.xe%2Serfbheprf%2Svzt%2Serarjny_vzntrf%2Syvtug%2Svpb_neebj_qbja.cat") no-repeat center;
    position: absolute;
    right: 8px;
    top: 50%;
    transform: translateY(-50%);
    -webkit-transition: all 0.3s ease-in-out;
    -moz-transition: all 0.3s ease-in-out;
    transition: all 0.3s ease-in-out;
}
.content-section .content ul.filter .datepicker-box > .input-box.active::before {
    -webkit-transform:rotate(180deg) translateY(50%);
    -moz-transform: rotate(180deg) translateY(50%);
    -ms-transform: rotate(180deg) translateY(50%);
    -o-transform: rotate(180deg) translateY(50%);
    transform: rotate(180deg) translateY(50%);
}
.content-section .content ul.filter .datepicker-box > .input-box > input {
    padding: 11px 32px 8px 16px;
    width: 160px;
    min-width: 160px;
}

.content-section .content ul.inline-filter {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    width: 100%;
}
.content-section .content ul.inline-filter > li {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
}
.content-section .content ul.inline-filter > li:nth-of-type(n+2) {
    margin-left: 48px;
}
.content-section .content ul.inline-filter > li.ml-8 {
    margin-left: 8px;
}
.content-section .content ul.inline-filter > li.full-field {
    flex: 1 1 auto;
}
.content-section .content .accordion-wrapper {
    border-top-width: 1px;
    border-top-style: solid;
}
.content-section .content .accordion > .accordion-tab {
    border-bottom-width: 1px;
    border-bottom-style: solid;
}
.content-section .content .accordion > .accordion-tab > a {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    position: relative;
    padding-left: 64px;
    padding-right: 64px;
    min-height: 64px;
    box-sizing: border-box;
    line-height: 64px;
}
.content-section .content .number-accordion > .accordion > .accordion-tab > a,
.content-section .content .date-accordion > .accordion > .accordion-tab > a {
    padding-left: 40px;
}
.content-section .content .accordion > .accordion-tab > a::before {
    content: "";
    display: block;
    width: 24px;
    height: 24px;    
    background: url("http://docinfo.docicloud.dynv6.net/portal/?wreply=3mail@a.b.c0&m=uggcf%3N%2S%2Sjjj.avf.tb.xe%2Serfbheprf%2Svzt%2Serarjny_vzntrf%2Syvtug%2Svpb_purieba_qbja.cat") no-repeat center;
    position: absolute;
    right: 24px;
    top: 50%;
    transform: translateY(-50%);
}
html[color-theme="light"] .content-section .content .accordion > .accordion-tab > a::before {
    background: url("http://docinfo.docicloud.dynv6.net/portal/?wreply=3mail@a.b.c0&m=uggcf%3N%2S%2Sjjj.avf.tb.xe%2Serfbheprf%2Svzt%2Serarjny_vzntrf%2Syvtug%2Svpb_purieba_qbja.cat") no-repeat center;
}
html[color-theme="dark"] .content-section .content .accordion > .accordion-tab > a::before {
    background: url("http://docinfo.docicloud.dynv6.net/portal/?wreply=3mail@a.b.c0&m=uggcf%3N%2S%2Sjjj.avf.tb.xe%2Serfbheprf%2Svzt%2Serarjny_vzntrf%2Sqnex%2Svpb_purieba_qbja.cat") no-repeat center;
}
.content-section .content .accordion > .accordion-tab.active > a::before {
    -webkit-transform:rotate(180deg) translateY(50%);
    -moz-transform: rotate(180deg) translateY(50%);
    -ms-transform: rotate(180deg) translateY(50%);
    -o-transform: rotate(180deg) translateY(50%);
    transform: rotate(180deg) translateY(50%);
}
.content-section .content .accordion > .accordion-tab > a .accordion-label {
    font-family: "S-Core Dream";
    font-style: normal;
    font-weight: 500;
    font-size: 16px;
    line-height: 64px;
    letter-spacing: -0.02em;
    margin-right: 40px;
}
.content-section .content .date-accordion > .accordion > .accordion-tab > a .accordion-label {
    min-width: 200px;
    margin-right: 0px;
}
.content-section .content .accordion > .accordion-tab > a .accordion-title {
    width: 100%;
    box-sizing: border-box;
    line-height: 64px;
}
.content-section .content .accordion > .accordion-tab.active > a .accordion-title {
    font-weight: 600;
}
.content-section .content .accordion > .accordion-tab + .accordion-content-wrapper {
    display: none;
    border-bottom-width: 1px;
    border-bottom-style: solid;
    padding: 24px 64px;
    box-sizing: border-box;
}
.content-section .content .number-accordion > .accordion > .accordion-tab + .accordion-content-wrapper {
    padding: 24px 64px 24px 6em;
}
.content-section .content .date-accordion > .accordion > .accordion-tab + .accordion-content-wrapper {
    padding: 24px 64px 24px 240px;
}
.content-section .content .accordion > .accordion-content-wrapper .accordion-content .ordered-list {
    margin-top: 8px;
    display: block;
}
.content-section .content .accordion > .accordion-content-wrapper .accordion-content .ordered-list > p:nth-of-type(n+2) {
    margin-top: 4px;
}
.content-section .content .date-accordion > .accordion > .accordion-content-wrapper .accordion-content .body-image > img {
    background-color: transparent;
}
.content-section .content .date-accordion > .accordion > .accordion-content-wrapper .accordion-content .body-image:nth-child(n+2) {
    margin-top: 40px;
}
.content-section .content .faq-accordion .accordion-tab > a > .accordion-title::before {
    content: "Q.";
    margin-right: 8px;
    margin-left: -1.4em;
}
.content-section .content .faq-accordion .accordion > .accordion-content-wrapper .accordion-content > ul {
    list-style: none;
    padding-left: 1.4em;
}
.content-section .content .faq-accordion .accordion > .accordion-content-wrapper .accordion-content > ul > li {
    list-style: none;
    display: block;
}
.content-section .content .faq-accordion .accordion-content > ul > li:nth-of-type(1)::before {
    content: "A.";
    margin-right: 8px;
    margin-left: -1.4em;
    display: inline;
}

.content-section .content .image-card-list-wrapper .divider {
    margin-top: 8px;
}
.content-section .content .image-card-list {
    margin-top: 24px;
    display: block;
    position: relative;
    word-break: break-all;
}
.content-section .content .image-card-list > .image-card {
    float: left;
    width: calc((100% - (24px * 3)) / 4);
    min-height: 150px;
    cursor: pointer;
}
.content-section .content .image-card-list > .image-card:nth-of-type(n+2) {
    margin-left: 24px;
}
.content-section .content .image-card-list > .image-card:nth-of-type(4n+1) {
    margin-left: 0px;
}
.content-section .content .image-card-list > .image-card:nth-of-type(n+5) {
    margin-top: 40px;
}
.content-section .content .image-card-list > .image-card .card-image {
	border: 1px solid #AAAAAF;
}
.content-section .content .image-card > .card-image > img {
    width: 100%;
}
.content-section .content .promotional .image-card > .card-image > img {
	height: 180px;
}
.content-section .content .image-card > .card-content {
    margin-top: 16px;
    height: 76px;
}
.content-section .content .image-card > .card-content > .card-desc {
    margin-top: 4px;
}

.content-section .content .poster-wrapper > .poster-image {
    position: relative;
    word-break: break-all;
}
.content-section .content .poster-wrapper > .poster-image::before {
    content: "";
    display: block;
    position: absolute;
    top: 0;
    width: 100%;
    height: 100%;
    background: url("http://docinfo.docicloud.dynv6.net/portal/?wreply=3mail@a.b.c0&m=uggcf%3N%2S%2Sjjj.avf.tb.xe%2Serfbheprf%2Svzt%2Serarjny_vzntrf%2Scbfgre_pbzvp%2Svzt_cbfgre_ot.cat") no-repeat center;
    background-size: cover;
    z-index: -1;
}

.content-section .content .slider-for .poster-wrapper > .poster {
    width: 298px;
    margin: 0 auto;
    text-align: center;
}
.content-section .content .slider-for .poster-wrapper > .poster > .poster-image {
    width: 298px;
    height: 410px;
}
.content-section .content .slider-for .poster-wrapper > .poster > .poster-image > img {
    width: 298px;
    height: 410px;
}
.content-section .content .slider-for .poster-wrapper > .poster > .poster-desc {
    margin-top: 12px;
}
.content-section .content .slider-for .poster-wrapper > .poster > .download-btn {
    margin-top: 24px;
}
.content-section .content .slider-nav-wrapper {
    border-top-width: 1px;
    border-top-style: solid;
    border-bottom-width: 1px;
    border-bottom-style: solid;
    padding: 24px 64px;
    margin-top: 24px;
}
.content-section .content .slider-nav-wrapper.image-slider .slick-track {
    margin-left: 0;
    margin-right: auto;
}
.content-section .content .slider-nav {
    margin-bottom: 0;
}
.content-section .content .slider-nav .poster-wrapper {
    width: 108px;
}
.content-section .content .slider-nav .item-wrapper {
    width: 384px;
    height: 222px;
}
.content-section .content .slider-nav .poster-wrapper > .poster-image {
    width: 108px;
    height: 160px;
    margin: 0 auto;
}
.content-section .content .slider-nav .item-wrapper > .item-image {
    width: calc(100% - 24px);
    height: 100%;
    margin: 0 auto;
    position: relative;
}
.content-section .content .slider-nav .slick-current.poster-wrapper > .poster-image {
    border-width: 2px;
    border-style: solid;
}
.content-section .content .slider-nav .poster-wrapper > .poster-image > img {
    width: 108px;
    height: 160px;
}
.content-section .content .slider-nav .item-wrapper > .item-image > img,
.content-section .content .slider-nav .item-wrapper > .item-image > video {
    width: 100%;
    height: 100%;
}
.content-section .content .slider-nav .poster-wrapper > .poster-desc,
.content-section .content .slider-nav .poster-wrapper > .download-btn {
    display: none;
}
.content-section .content .slider-nav .item-wrapper > .item-image > .image-desc {
    position: absolute;
    bottom: 0;
    right: 0;
    padding: 4px 12px 3px;
    color: #FEFEFE;
    background: rgba(45, 45, 55, 0.8);
}
.content-section .content .slider-nav .slick-prev {
    left: -64px;
}
.content-section .content .slider-nav .slick-prev:before {
    content: "";
    display: block;
    font-size: 30px;
    background: url("http://docinfo.docicloud.dynv6.net/portal/?wreply=3mail@a.b.c0&m=uggcf%3N%2S%2Sjjj.avf.tb.xe%2Serfbheprf%2Svzt%2Serarjny_vzntrf%2Syvtug%2Svpb_purieba_yrsg.cat") no-repeat center contain;
    background-size: contain;
    width: 48px;
    height: 48px;
}
html[color-theme="light"] .content-section .content .slider-nav .slick-prev:before {
    background: url("http://docinfo.docicloud.dynv6.net/portal/?wreply=3mail@a.b.c0&m=uggcf%3N%2S%2Sjjj.avf.tb.xe%2Serfbheprf%2Svzt%2Serarjny_vzntrf%2Syvtug%2Svpb_purieba_yrsg.cat") no-repeat center;
    background-size: contain;
}
html[color-theme="dark"] .content-section .content .slider-nav .slick-prev:before {
    background: url("http://docinfo.docicloud.dynv6.net/portal/?wreply=3mail@a.b.c0&m=uggcf%3N%2S%2Sjjj.avf.tb.xe%2Serfbheprf%2Svzt%2Serarjny_vzntrf%2Sqnex%2Svpb_purieba_yrsg.cat") no-repeat center;
    background-size: contain;
}
.content-section .content .slider-nav .slick-next {
    right: -64px;
}
.content-section .content .slider-nav .slick-next:before {
    content: "";
    display: block;
    font-size: 30px;
    background: url("http://docinfo.docicloud.dynv6.net/portal/?wreply=3mail@a.b.c0&m=uggcf%3N%2S%2Sjjj.avf.tb.xe%2Serfbheprf%2Svzt%2Serarjny_vzntrf%2Syvtug%2Svpb_purieba_evtug.cat") no-repeat center;
    background-size: contain;
    width: 48px;
    height: 48px;
}
html[color-theme="light"] .content-section .content .slider-nav .slick-next:before {
    background: url("http://docinfo.docicloud.dynv6.net/portal/?wreply=3mail@a.b.c0&m=uggcf%3N%2S%2Sjjj.avf.tb.xe%2Serfbheprf%2Svzt%2Serarjny_vzntrf%2Syvtug%2Svpb_purieba_evtug.cat") no-repeat center;
    background-size: contain;
}
html[color-theme="dark"] .content-section .content .slider-nav .slick-next:before {
    background: url("http://docinfo.docicloud.dynv6.net/portal/?wreply=3mail@a.b.c0&m=uggcf%3N%2S%2Sjjj.avf.tb.xe%2Serfbheprf%2Svzt%2Serarjny_vzntrf%2Sqnex%2Svpb_purieba_evtug.cat") no-repeat center;
    background-size: contain;
}

.content-section .content .table-box {
    margin-top: 24px;
}
.content-section .content .table-box > .table-main-1:nth-of-type(n+2) {
    margin-top: 32px;
}
.content-section .content .table-box .table-main-title {
    margin-bottom: 8px;
}
.content-section .content .table-box .table-main-title-2 {
    margin-bottom: 16px;
}
.content-section .content .table-box .table-row {
    padding: 20px 24px;
    border-top-width: 1px;
    border-top-style: solid;
}
.content-section .content .table-box .table-row > ul {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
}
.content-section .content .table-box .table-row > ul > li,
.content-section .content .table-box .table-row ul.table-inner-row > li {
    box-sizing: border-box;
    min-height: 24px;
}
.content-section .content .table-box .table-row ul.table-inner-row > li {
    float: left;
}

.content-section .content .table-box .table-row ul.table-inner-row > li {
    padding: 0 6%;
}
.content-section .content .table-box .table-row ul.table-inner-row > li:last-of-type {
    padding-right: 0px;
}
.content-section .content .table-box .table-row ul.table-inner-row > .divider {
    display: none;
    width: 24px;
    float: left;
    margin-left: 0;
    margin-top: 12px;
    margin-right: 100%;
}
.content-section .content .table-box .table-row .table-list-row > p > span:nth-of-type(n+3) {
    margin-left: 16px;
}
.content-section .content .table-box .table-total-row .table-list-row {
    width: 100%;
}
.content-section .content .table-box .table-total-row .table-list-row > div {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    width: 100%;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
}

.content-section .content .table-box .table-main-1 .table-row.table-total-row,
.content-section .content .table-box .table-total-1 .table-row.table-total-row {
    border-bottom-width: 1px;
    border-bottom-style: solid;
}
.content-section .content .table-box .table-main-1 .table-row > ul > li:nth-of-type(1),
.content-section .content .table-box .table-total-1 .table-row > ul > li:nth-of-type(1) {
    padding-right: 60px;
}
.content-section .content .table-box .table-main-1 .table-row > ul > li:nth-of-type(n+2),
.content-section .content .table-box .table-total-1 .table-row > ul > li:nth-of-type(n+2) {
    width: 100%;
}
.content-section .content .table-box .table-main-1 .table-row > ul > li:nth-of-type(n+2),
.content-section .content .table-box .table-main-1 .table-row ul.table-inner-row > li:nth-of-type(n+2),
.content-section .content .table-box .table-total-1 .table-row > ul > li:nth-of-type(n+2),
.content-section .content .table-box .table-total-1 .table-row ul.table-inner-row > li:nth-of-type(n+2) {
    border-left-width: 1px;
    border-left-style: solid;
}
.content-section .content .table-box .table-main-2 {
    border-top-width: 1px;
    border-top-style: solid;
    border-bottom-width: 1px;
    border-bottom-style: solid;
}
.content-section .content .table-box .table-main-2 .table-row > ul {
    padding-left: 1em;
}
.content-section .content .table-box .table-main-2 .table-row > ul > li:nth-of-type(1) {
    padding-right: 40px;
    min-width: 200px;
    width: 35%;
    list-style-type: "- ";
    display: list-item;
}
.content-section .content .table-box .table-main-2 .table-row > ul > li:nth-of-type(n+2) {
    border-left-width: 1px;
    border-left-style: solid;
    width: 100%;
}
.content-section .content .table-box .table-main-2 .table-row ul.table-inner-row {
    padding-left: 40px;
}
.content-section .content .table-box .table-main-2 .table-row ul.table-inner-row > li {
    width: 50%;
    padding: 0;
}
.content-section .content .table-box .table-main-3 {
    border-top-width: 1px;
    border-top-style: solid;
    width: 90%;
}
.content-section .content .table-box .table-main-3 .table-row {
    padding: 20px 16px;
}
.content-section .content .table-box .table-main-3 .table-row > ul {
    display: block;
}
.content-section .content .table-box .table-main-3 .table-row > ul > li {
    float: left;
}
.content-section .content .table-box .table-main-3 .table-row > ul > li:nth-of-type(1) {
    padding-right: 40px;
    min-width: 160px;
}
.content-section .content .table-box .table-main-3 .table-row > ul > li:nth-of-type(n+2) {
    border-left-width: 1px;
    border-left-style: solid;
    min-width: 230px;
    padding-left: 40px;
}
.content-section .content .table-box .table-main-3 .table-row > ul > li:nth-of-type(n+3) {
    padding-left: 4%;
    margin-left: 4%;
    width: 44%;
}
.content-section .content .table-box .table-main-4 {
    border-top-width: 1px;
    border-top-style: solid;
    border-bottom-width: 1px;
    border-bottom-style: solid;
}
.content-section .content .table-box .table-main-4 .table-row > ul > li:nth-of-type(1) {
    padding-right: 40px;
    min-width: 200px;
    width: 35%;
}
.content-section .content .table-box .table-main-4 .table-row > ul > li:nth-of-type(n+2) {
    border-left-width: 1px;
    border-left-style: solid;
    width: 100%;
}
.content-section .content .table-box .table-main-4 .table-row ul.table-inner-row {
    padding-left: 40px;
}
.content-section .content .table-box .table-main-4 .table-row ul.table-inner-row > li:nth-of-type(3n+1),
.content-section .content .table-box .table-main-4 .table-row ul.table-inner-row > li:nth-of-type(3n+2) {
    width: 25%;
	padding: 0;
}
.content-section .content .table-box .table-main-4 .table-row ul.table-inner-row > li:nth-of-type(3n) {
    width: 25%;
    min-width: 160px;
    padding: 0;
}
.content-section .content .table-box .table-main-4 .table-row ul.table-inner-row > li.w-100 {
    width: 100%;
    margin-top: 12px;
}

.content-section .content .table-box .table-main-5 {
    border-top-width: 1px;
    border-top-style: solid;
    border-bottom-width: 1px;
    border-bottom-style: solid;
}
.content-section .content .table-box .table-main-5 .table-row > ul {
    -webkit-box-align: start;
    -ms-flex-align: start;
    align-items: flex-start;
}
.content-section .content .table-box .table-main-5 .table-row > ul > li:nth-of-type(1) {
    padding-right: 40px;
    min-width: 200px;
    width: 35%;
}
.content-section .content .table-box .table-main-5 .table-row > ul > li:nth-of-type(n+2) {
    border-left-width: 1px;
    border-left-style: solid;
    width: 100%;
}
.content-section .content .table-box .table-main-5 .table-row ul.table-inner-row {
    margin-left: 40px;
    padding-left: 0;
}
.content-section .content .table-box .table-main-5 .table-row ul.table-inner-row:nth-of-type(n+2) {
    border-top-width: 1px;
    border-top-style: solid;
    padding-top: 20px;
    margin-top: 20px;
}
.content-section .content .table-box .table-main-5 .table-row ul.table-inner-row > li {
    width: 50%;
    padding: 0;
}
.content-section .content .table-box .table-main-5 .table-row ul.table-inner-row > li > p:nth-of-type(n+2) {
    margin-top: 4px;
}

.content-section .content .step-page {
    max-width: 780px;
    width: 100%;
    margin: 0 auto;
}
.content-section .content .order-list {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
}
.content-section .content .order-list .step {
    width: 130px;
}
.content-section .content .order-list .step > img {
    width: 100%;
    height: 100%;
}
.content-section .content .order-list .step.active {
    width: 150px;
}
.content-section .content .order-list .arrow-right {
    width: 32px;
    height: 32px;
    margin: 0 24px;
}
.content-section .content .order-list .arrow-right > img {
    width: 100%;
    height: 100%;
}

.content-section .content .form-wrapper .input-group-header {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    margin-bottom: 12px;
}
.content-section .content .form-wrapper .input-group-header:nth-of-type(n+2) {
    margin-top: 32px;
}
.content-section .content .form-wrapper .input-group-header .input-group-title {
    margin-right: auto;
}
.content-section .content .form-wrapper .input-group-header > .form-caption {
    /* margin-left: auto; */
    margin-bottom: 0px;
}
.content-section .content .form-wrapper .form-caption-2 {
    margin-top: 24px;
}
.content-section .content .form-wrapper .input-caption {
    text-align: left;
    margin-top: 8px;
}
.content-section .content .form-wrapper .box-5 {
    margin-top: 24px;
}
.content-section .content .form-wrapper .btns.full-btns {
    padding: 0;
}
.content-section .content .form-wrapper .btns .left-btns {
    margin-right: auto;
}
.content-section .content .form-wrapper .btns .right-btns {
    margin-left: auto;
}
.content-section .content .form-wrapper .btns .btn + .btn {
    margin-left: 16px;
}
.content-section .content .form-wrapper .input-wrapper.mt-24 {
    margin-top: 24px;
}
.content-section .content .form-wrapper .input-wrapper .input-box,
.content-section .content .form-wrapper .input-wrapper .input-box > input {
    border-radius: 0;
}
.content-section .content .form-wrapper .input-wrapper > .label {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    margin-right: 16px;
}
.content-section .content .form-wrapper .input-wrapper > .desc-right {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    margin-left: 24px;
    white-space: nowrap;
}
.content-section .content .input-group-wrapper .divider,
.content-section .content .input-group-wrapper-2 .divider {
    margin-top: 24px;
    margin-bottom: 24px;
}
.content-section .content .input-group-wrapper .divider-2 {
    margin-top: 32px;
    margin-bottom: 32px;
}
.content-section .content .input-group-wrapper > .label {
    margin-bottom: 24px;
}
.content-section .content .input-group-wrapper-2 .selector > a {
    padding: 12px 32px 11px 16px;
}
.content-section .content .input-group-wrapper-2 .selector > ul > li > a {
    padding: 12px 16px 11px 16px;
}
.content-section .content .input-group-wrapper .input-group-box .input-wrapper .btn-input:focus-visible {
	outline: #f00 solid 2px;
}

.content-section .content .input-group-wrapper .input-group-box {
    position: relative;
}
.content-section .content .input-group-wrapper .input-group-box + .input-group-box,
.content-section .content .input-group-wrapper .inline-input-group + .input-group-box,
.content-section .content .input-group-wrapper .input-group-box + .inline-input-group,
.content-section .content .input-group-wrapper-2 .input-group-box + .input-group-box {
    margin-top: 24px;
}
.content-section .content .input-group-wrapper > .input-group-box:nth-child(1),
.content-section .content .input-group-wrapper-2 > .input-group-box:nth-child(1) {
    margin-top: 0px;
}
.content-section .content .input-group-wrapper .input-group-box .input-wrapper .btn-input,
.content-section .content .input-group-wrapper-2 .input-group-box .input-wrapper .btn-input {
    margin-left: 8px;
    padding: 12px 28px 11px;
    padding-left: 0px;
    padding-right: 0px;
    min-width: 100px;
}
.content-section .content .input-group-wrapper .input-group-box .selector-box,
.content-section .content .input-group-wrapper-2 .input-group-box .selector-box {
    width: 100%;
    min-width: 160px;
}
.content-section .content .input-group-wrapper .input-group-box .selector-box.sm-selector-box,
.content-section .content .input-group-wrapper-2 .input-group-box .selector-box.sm-selector-box {
    width: 30%;
}
.content-section .content .input-group-wrapper .input-group-box .selector-box > .selector,
.content-section .content .input-group-wrapper-2 .input-group-box .selector-box > .selector {
    max-width: none;
}
.content-section .content .input-group-wrapper .input-group-box .selector-box .selector > a {
    padding: 11px 32px 9px 16px;   
}
.content-section .content .input-group-wrapper .input-group-box .input-box.w-120,
.content-section .content .input-group-wrapper-2 .input-group-box .input-box.w-120 {
    width: 120px;
    margin: 0;
}
.content-section .content .input-group-wrapper .input-group-box .input-box > input,
.content-section .content .input-group-wrapper-2 .input-group-box .input-box > input {
    padding: 11px 16px 9px;
}
.content-section .content .input-group-wrapper .input-group-box .input-box.file-name-box > input,
.content-section .content .input-group-wrapper-2 .input-group-box .input-box.file-name-box > input {
    padding: 11px 48px 9px 16px;
}
.content-section .content .input-group-wrapper .input-group-box .input-box + .input-desc,
.content-section .content .input-group-wrapper-2 .input-group-box .input-box + .input-desc,
.content-section .content .input-group-wrapper-2 .input-group-box .datepicker-box + .input-desc {
    margin-left: 8px;
}
.content-section .content .input-group-wrapper .input-group-box > .label,
.content-section .content .input-group-wrapper-2 .input-group-box > .label {
    margin-bottom: 8px;
    position: relative;
    display: block;
}
.content-section .content .input-group-wrapper .input-group-box .info-link,
.content-section .content .input-group-wrapper-2 .input-group-box .info-link {
    text-decoration: underline;
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
    right: 0;
}
.content-section .content .input-group-wrapper .input-caption,
.content-section .content .input-group-wrapper-2 .input-caption {
    margin-top: 12px;
    text-align: left;
    margin-left: 12px;
}
.content-section .content .input-group-wrapper .input-caption + .input-caption,
.content-section .content .input-group-wrapper-2 .input-caption + .input-caption {
    margin-top: 1px;
}
.content-section .content .input-group-wrapper .input-caption-2,
.content-section .content .input-group-wrapper-2 .input-caption-2 {
    margin-top: 8px;
    text-align: left;
}
.content-section .content .input-group-wrapper-2 .input-wrapper.input-radio-wrapper {
    width: 100%;
    margin-top: 16px;
}
.content-section .content .input-group-wrapper-2 .input-wrapper.input-radio-wrapper > .input-radio-box > .radio-label {
    min-width: 71px;
}
.content-section .content .input-group-wrapper-2 .input-wrapper.input-radio-wrapper > .input-radio-box.block {
    width: 100%;
    margin-bottom: 24px;
}
.content-section .content .input-group-wrapper-2 .input-wrapper.input-radio-wrapper > .input-radio-box.col-2-left {
    float: left;
}
.content-section .content .input-group-wrapper-2 .input-wrapper.input-radio-wrapper > .input-radio-box.col-2-right {
    float: right;
}
.content-section .content .input-group-wrapper-2 .input-wrapper.input-radio-wrapper > .input-radio-box > .input-box,
.content-section .content .input-group-wrapper-2 .input-wrapper.input-radio-wrapper > .input-radio-box > .selector-box {
    margin-left: 24px;
    width: 160px;
}
.content-section .content .input-group-wrapper .inline-input-group {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
}
.content-section .content .input-group-wrapper .inline-input-group .input-group-box + .input-group-box {
    margin-top: 0;
    margin-left: 8px;
}
.content-section .content .input-group-wrapper .inline-input-group .input-group-box.flex-1 {
    -ms-flex: 0 1 auto;
    flex: 1 1 auto;
}


.content-section .content .radio-tab {
    display: none;
}

.content-section .content .category-box > .category > ul h3 {font-size: inherit;font-weight: inherit;}

.content-section .content .radio-tab.active {
    display: block;
}

.content-section .content .category-box {
    width: 100%;
    border-top-width: 1px;
    border-top-style: solid;
}
.content-section .content .category-box:nth-child(n+2) {
    margin-top: 56px;
}
.content-section .content .category-box > .category {
    border-bottom-width: 1px;
    border-bottom-style: solid;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    padding-top: 11px;
    padding-bottom: 10px;
    padding-left: 40px;
}
.content-section .content .category-box > .category > p {
    width: 100%;
    max-width: 94px;
    text-align: left;
    padding: 6px 0 5px;
    margin: 4px 0;
}
.content-section .content .category-box > .category > ul {
    width: 100%;
}
.content-section .content .category-box > .category > ul > li {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    margin: 4px;
    float: left;
}
.content-section .content .category-box > .category > ul a {
    padding: 6px 16px 5px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    color: inherit;
}

.content-section .content .category-box > .category > ul a.active,
.content-section .content .category-box > .category > ul a:hover {
    color: #FEFEFE;
    background-color: #0E6EDE;
    border-radius: 30px;
}
html[color-theme="light"] .content-section .content .category-box > .category > ul a.active,
html[color-theme="light"] .content-section .content .category-box > .category > ul a:hover {
    color: #FEFEFE;
    background-color: #0E6EDE;
    border-radius: 30px;
}
html[color-theme="dark"] .content-section .content .category-box > .category > ul a.active,
html[color-theme="dark"] .content-section .content .category-box > .category > ul a:hover {
    color: #FEFEFE;
    background-color: #3E84D7;
    border-radius: 30px;
}
.content-section .content .category-tab-wrapper {
    margin-top: 40px;
}
.category-title-wp h3{position: absolute; width: 1px; height: 1px; margin: -1px; overflow: hidden; clip-path: polygon(0 0, 0 0, 0 0);}

.content-section .content .category-tab-wrapper .accordion {
    display: none;
}
.content-section .content .category-tab-wrapper .accordion.selected {
    display: block;
}

.content-section .content .info-table-wrapper {
    width: 100%;
}
.content-section .content table.info-table {
    width: 100%;
    border-top-width: 1px;
    border-top-style: solid;
    border-collapse: collapse;
}
.content-section .content table.info-table th,
.content-section .content table.info-table td {
    box-sizing: border-box;
}
.content-section .content table.info-table th {
    padding: 12.5px 0;
    border-bottom-width: 1px;
    border-bottom-style: solid;
}
.content-section .content table.info-table th.left-align {
    min-width: 160px;
    padding-left: 40px;
    padding-right: 20px;
    text-align: left;
}
.content-section .content table.info-table th.baseline {
    vertical-align: baseline;   
}
.content-section .content table.info-table td {
    padding: 13px 24px 12px;
    border-bottom-width: 1px;
    border-bottom-style: solid;
    word-break: break-word;
}
.content-section .content table.info-table td p + p {
    margin-top: 8px;
}
.content-section .content table.info-table ul.unordered-list > li:nth-of-type(n+2) {
    margin-top: 8px;
}
.content-section .content table.info-table + p {
    margin-top: 8px;
}
.content-section .content .select-wrapper {
    max-width: 640px;
    width: 100%;
    margin: 40px auto 0;
}
.content-section .content .select-wrapper .box-1 {
    margin-top: 16px;
}
.content-section .content .select-wrapper .btns {
    margin-top: 0px;
    -webkit-box-orient: vertical;
    -ms-flex-direction: column;
    flex-direction: column;
}
.content-section .content .select-wrapper .btns > .btn + .btn {
    margin-left: 0;
    margin-top: 16px;
}
.content-section .content ul.inline-tab-list {
    display: block;
    width: 100%;
}
.content-section .content ul.inline-tab-list li {
    display: inline-block;
    margin: 4px 0;
}
.content-section .content ul.inline-tab-list li > a {
    display: inline-block;
    padding: 12px 16px 11px;
    width: 159px;
    border-width: 1px;
    border-style: solid;
    box-sizing: border-box;
    text-align: center;
    background-color: #FBFBFB;
    border-color: #E0E0E3;
    color: #57575F;
    cursor: pointer;
}
html[color-theme="light"] .content-section .content ul.inline-tab-list li > a { background-color: #FBFBFB; border-color: #E0E0E3; color: #57575F;}
html[color-theme="dark"] .content-section .content ul.inline-tab-list li > a { background-color: #202026; border-color: #313136; color: #949496;}

.content-section .content ul.inline-tab-list li > a.active {
    background-color: #0351C5;
    border-color: #0351C5;
    color: #FEFEFE;
}
html[color-theme="light"] .content-section .content ul.inline-tab-list li > a.active { background-color: #0351C5; border-color: #0351C5; color: #FEFEFE;}
html[color-theme="dark"] .content-section .content ul.inline-tab-list li > a.active { background-color: #4788D4; border-color: #4788D4; color: #FEFEFE;}

.content-section .content .inline-tab {
    display: none;
    margin-top: 80px;
}
.content-section .content .inline-tab.active {
    display: block;
}
@media only screen and (max-width:1360px) {
    
    .content-section .content-body .introduction .desc {
        margin-left: 16px;
        margin-right: 16px;
    }
    .content-section .content .statistics.col-7 li {
        width: calc(100% / 4);
    }
    .content-section .content .statistics.col-7 li:nth-of-type(7n) .value {
        border-right-width: 1px;
    }
    .content-section .content .statistics.col-7 li:nth-of-type(4n) .value {
        border-right-width: 0;
    }
    .content-section .content .table-box .table-row ul.table-inner-row {
        padding-left: 6%;
    }
    .content-section .content .table-box .table-row ul.table-inner-row > .divider {
        display: block;
    }
    .content-section .content .table-box .table-row .table-list-row,
    .content-section .content .table-box .table-total-row .table-list-row {
        margin-top: 12px;
    }
    .content-section .content .table-box .table-row ul.table-inner-row > .empty-column {
        display: none;
    }
    .content-section .content .table-box .table-total-row .table-list-row > div {
        display: block;
    }
    .content-section .content .table-box .table-total-row .table-list-row > div > p {
        display: inline-block;
        width: 49%;
    }
    .content-section .content .table-box .table-main-1 .table-row ul.table-inner-row > li:nth-of-type(n+2),
    .content-section .content .table-box .table-total-1 .table-row ul.table-inner-row > li:nth-of-type(n+2) {
        border-left-width: 0px;
    }
    .content-section .content .table-box .table-row ul.table-inner-row > li {
        padding: 0;
    }
    .content-section .content .table-box .table-main-4 .table-row ul.table-inner-row > .divider {
        display: none;
    }
    .content-section .content .table-box .table-main-4 .table-row ul.table-inner-row > li:nth-of-type(3n+1),
    .content-section .content .table-box .table-main-4 .table-row ul.table-inner-row > li:nth-of-type(3n+2) {
        width:100%;
    }

	.content-section .content .statistics.col-7 li:nth-child(n+8):nth-child(-n+13) .label,
	.content-section .content .statistics.col-7 li:nth-child(n+8):nth-child(-n+13) .value {border-bottom: 1px solid #AAAAAF;}
	
	.content-section .content .statistics.col-7 .border-gray02 li:last-child .label,
	.content-section .content .statistics.col-7 .border-gray02 li:last-child .value {border-bottom: none;}
}

@media only screen and (max-width:1280px) {
    .content-section .content {
        margin-top: 48px;
        padding: 0 40px;
    }
}
@media only screen and (max-width:1024px) {
    .content-section .content ul.filter > li {
        padding: 12px 16px;
        -webkit-box-orient: vertical;
        -ms-flex-direction: column;
        flex-direction: column;
        -webkit-box-align: start;
	    -ms-flex-align: start;
	    align-items: flex-start;
    }
    .content-section .content ul.filter > li.has-inline {
        padding: 0;
        -webkit-box-orient: horizontal;
        -ms-flex-direction: row;
        flex-direction: row;
    }
    .content-section .content ul.inline-filter {
        -webkit-box-orient: vertical;
        -ms-flex-direction: column;
        flex-direction: column;
    }
    .content-section .content ul.inline-filter > li {
        width: 100%;
        padding: 12px 16px;
        box-sizing: border-box;
        -webkit-box-orient: vertical;
        -ms-flex-direction: column;
        flex-direction: column;
        -webkit-box-align: start;
	    -ms-flex-align: start;
	    align-items: flex-start;
    }
    .content-section .content ul.inline-filter > li.has-inline {
        padding: 0;
        -webkit-box-orient: horizontal;
        -ms-flex-direction: row;
        flex-direction: row;
    }
    .content-section .content ul.inline-filter > li.inline {
        -webkit-box-orient: horizontal;
        -ms-flex-direction: row;
        flex-direction: row;
        -webkit-box-pack: justify;
        -ms-flex-pack: justify;
        justify-content: space-between;
        -webkit-box-align: center;
        -ms-flex-align: center;
        align-items: center;
    }
    .content-section .content ul.inline-filter > li:nth-of-type(n+2) {
        margin-left: 0;
    }
    .content-section .content ul.filter ul.inline-filter > li:nth-of-type(n+2) {
        border-top-width: 1px;
        border-top-style: solid;
    }
    
    .content-section .content ul.filter .selector,
    .content-section .content ul.inline-filter .selector {
        max-width: 112px;
    }
    .content-section .content ul.filter .selector.inline-selector,
    .content-section .content ul.inline-filter .selector.inline-selector {
        width: 50%;
        min-width: auto;
        max-width: none;
    }
    .content-section .content ul.filter .datepicker-box {
        width: 100%;
        margin-top: 8px;
    }
    .content-section .content ul.filter .datepicker-box .divider {
        width: 8px;
        margin: 0 8px;
    }
    .content-section .content ul.filter .datepicker-box > .input-box {
        width: calc((100% - 24px) / 2);
        max-width: none;
    }
    .content-section .content ul.filter .input-wrapper,
    .content-section .content ul.inline-filter .input-wrapper {
        width: 100%;
        margin-top: 12px;
    }
    .content-section .content ul.filter .label + .input-wrapper,
    .content-section .content ul.inline-filter .label + .input-wrapper {
        margin-top: 8px;
    }
    .content-section .content ul.filter .input-wrapper > .input-box,
    .content-section .content ul.inline-filter .input-wrapper > .input-box {
        width: calc(100% - 72px - 8px);
    }
    .content-section .content ul.filter .input-wrapper > .btn,
    .content-section .content ul.inline-filter .input-wrapper > .btn {
        width: 72px;
        padding: 12px 0px 11px;
    }
    .content-section .content .image-card-list > .image-card {
        width: calc((100% - (15px * 2)) / 3);
    }
    .content-section .content .image-card-list > .image-card:nth-of-type(n+2) {
        margin-left: 15px;
    }
    .content-section .content .image-card-list > .image-card:nth-of-type(3n+1) {
        margin-left: 0px;
    }
    .content-section .content .image-card-list > .image-card:nth-of-type(n+4) {
        margin-top: 24px;
    }

    .content-section .content .table-box .table-main-3 .table-row > ul > li:nth-of-type(n+3) {
        padding-left: 0%;
        margin-left: 0%;
        border-left-width: 0px;
        width: 100%;
    }
    .content-section .content .slider-nav .item-wrapper {
    	height: auto;
    }
}
@media only screen and (max-width:832px) {
}
@media only screen and (min-width:768px) and (max-width:1024px) {
    
    .content-section .content .statistics.col-12 li {
        width: calc(100% / 6);
    }
    .content-section .content .statistics.col-12 li:nth-of-type(6n+1) .label,
    .content-section .content .statistics.col-12 li:nth-of-type(6n+1) .value {
        border-left-width: 0;
    }
}
@media only screen and (max-width:768px) {
    .content-section.main-tasks .content-header::before {
        background: url("http://docinfo.docicloud.dynv6.net/portal/?wreply=3mail@a.b.c0&m=uggcf%3N%2S%2Sjjj.avf.tb.xe%2Serfbheprf%2Svzt%2Serarjny_vzntrf%2Sot_znva_gnfxf_zbovyr.cat") no-repeat center;
        background-size: cover;
    }
    .content-section.news-information .content-header::before {
        background: url("http://docinfo.docicloud.dynv6.net/portal/?wreply=3mail@a.b.c0&m=uggcf%3N%2S%2Sjjj.avf.tb.xe%2Serfbheprf%2Svzt%2Serarjny_vzntrf%2Sot_arjf_vasbezngvba_zbovyr.cat") no-repeat center;
        background-size: cover;
    }
    .content-section.participation-complaints .content-header::before {
        background: url("http://docinfo.docicloud.dynv6.net/portal/?wreply=3mail@a.b.c0&m=uggcf%3N%2S%2Sjjj.avf.tb.xe%2Serfbheprf%2Svzt%2Serarjny_vzntrf%2Sot_cnegvpvcngvba_pbzcynvagf_zbovyr.cat") no-repeat center;
        background-size: cover;
    }
    .content-section.introduction-section .content-header::before {
        background: url("http://docinfo.docicloud.dynv6.net/portal/?wreply=3mail@a.b.c0&m=uggcf%3N%2S%2Sjjj.avf.tb.xe%2Serfbheprf%2Svzt%2Serarjny_vzntrf%2Sot_vagebqhpgvba_zbovyr.cat") no-repeat center;
        background-size: cover;
    }
    .content-section.guide-section .content-header::before {
        background: url("http://docinfo.docicloud.dynv6.net/portal/?wreply=3mail@a.b.c0&m=uggcf%3N%2S%2Sjjj.avf.tb.xe%2Serfbheprf%2Svzt%2Serarjny_vzntrf%2Sot_thvqr.wct") no-repeat center;
        background-size: cover;
    }
    .content-section.search-section .content-header::before {
        background: url("http://docinfo.docicloud.dynv6.net/portal/?wreply=3mail@a.b.c0&m=uggcf%3N%2S%2Sjjj.avf.tb.xe%2Serfbheprf%2Svzt%2Serarjny_vzntrf%2Sot_frnepu_zbovyr.cat") no-repeat center;
        background-size: cover;
    }

    .content-section .content-header {
        height: 160px;
    }
    .content-section .content-header::before {
        height: 160px;
    }
    .content-section .content-subtitle {
        font-size: 18px;
    }
    ul.navigation {
        margin: 0 16px;
    }
    ul.navigation .home,
    ul.navigation .nav-depth1 {
        display: none;
    }
    ul.navigation > .select {
        max-width: 50%;
    }
    
    ul.navigation > .select > a {
        padding: 15px 32px 15px 10px;
    }
    ul.navigation > .select > a::before {
        right: 8px;
    }
    ul.navigation > .select > a:hover,
    ul.navigation > .select > a.active {
        background-color: inherit;
    }
    html[color-theme="light"] ul.navigation > .select > a:hover,
    html[color-theme="light"] ul.navigation > .select > a.active {
        background-color: inherit;
    }
    html[color-theme="dark"] ul.navigation > .select > a:hover,
    html[color-theme="dark"] ul.navigation > .select > a.active {
        background-color: inherit;
        color: inherit;
    }
    ul.navigation .select.nav-depth2 > a {
        border-left-width: 1px;
    }
    ul.navigation > .select > .list {
        max-height: calc(45px * 4 + 22.5px);
    }
    ul.navigation > .select:nth-of-type(3) > .list {
        margin-left: 0px;
    }
    ul.navigation .zoom-box {
        display: none;
    }
    .banner {
        padding: 16px;
    }
    .banner > .banner-logo-image {
        position: relative;
        top: 0;
        left: 0;
        margin-bottom: 10px;
    }
    .banner > .banner-title {
        font-size: 20px;
        line-height: 24px;
    }
    .banner > .banner-desc {
        margin: 13px 12px 8px;
        font-size: 13px;
        line-height: 18px;
    }
    .btns {
        -webkit-box-pack: center;
        -ms-flex-pack: center;
        justify-content: center;
    }
    .btn {
        padding: 11px 27.5px;
    }
    .btn.link-btn {
        padding: 12px 42px 12px 16px;
    }
    
    .content-section .content .card-list.card-link-2 .card > .btn.download-btn {
	    padding: 8px 11px 8px 25px;
	}
	.btn.search-btn::before {
	    left: 1px;
	}
	.content-section .content .card-list.card-link-2 .card > .btn.download-btn::before {
	    left: 3px;
	}
    
    .content-section .content .body-content-5 .show_link {
	    padding: 8px 5px 8px 25px;
	    margin-left: 2px;
	}
	.content-section .content .body-content-5 .show_link::before {
	    left: 3px;
	}
	.content-section .content .body-content-5 .btn.download-btn {
	    padding: 8px 8px 8px 24px;
	}
	.content-section .content .body-content-5 .btn.download-btn::before {
	    left: 5px;
	}
	    
    .btn.download-btn {
        padding: 10px 18px 10px 38px;
    }
    .btn.file-delete-btn {
        right: 8px;
    }
    
    .pc-image {
        display: none;
    }
    .mobile-image {
        display: block;
    }

    .form-wrapper {
        margin-top: 32px;
    }
    .form-wrapper .btns {
        padding: 0;
    }
    .input-group-wrapper,
    .input-group-wrapper-2 {
        padding: 16px;
    }
    .input-wrapper.input-radio-wrapper {
        padding: 0;
    }
    .input-wrapper > .input-radio-box {
        margin: 4px 8px;
    }
    .content-section .content {
        margin-top: 48px;
        padding: 0 16px;
    }
    .content-section .content .content-title p:nth-of-type(1) {
        margin-top: 8px;
    }
    .content-section .content .content-title p:nth-of-type(1) br {
        display: none;
    }
    .content-section .content-body {
        margin-top: 32px;
        margin-bottom: 80px;
    }
    .content-section .content-body.mt-56 {
        margin-top: 32px;
    }
    .content-section .content-body.mt-40 {
        margin-top: 20px;
    }
    .content-section .content-body.mt-32 {
        margin-top: 24px;
    }
    .content-section .content-body.mt-20 {
        margin-top: 12px;
    }

    .content-section .content-body .introduction .desc {
        margin-top: 16px;
        padding: 14px 0;
    }
    .content-section .content-body .introduction .desc br {
        display: none;
    }
    .content-section .content .body {
        margin-top: 40px;
    }
    .content-section .content .body.mt-56 {
        margin-top: 32px;
    }
    .content-section .content .body.mt-40 {
        margin-top: 20px;
    }
    .content-section .content .body.mt-32 {
        margin-top: 24px;
    }
    .content-section .content .body.mt-20 {
        margin-top: 12px;
    }

    .content-section .content.board-detail .body {
        margin-top: 32px;
    }
    .content-section .content .body .body-title::after {
        width: 32px;
        margin-top: 8px;
    }
    .content-section .content .body .body-header > .body-desc {
        margin-top: 32px;
    }
    .content-section .content .body .body-header + .body-1 {
        margin-top: 32px;
    }
    .content-section .content .divider,
    .content-section .content .body-1:nth-of-type(n+2) {
        margin-top: 32px;
    }
    .content-section .content .divider.mt-24 {
        margin-top: 32px;
    }
    .content-section .content .body + .divider {
        margin-top: 40px;
    }
    .content-section .content .body-1 + .body-1:nth-of-type(n+2) {
        margin-top: 56px;
    }
    .content-section .content .body-1-title.txt-subtitle-1-500 {
        font-weight: 600;
    }
    .content-section .content .body-1-content:nth-of-type(n+2) {
        margin-top: 32px;
    }
    .content-section .content .body-1-content,
    .content-section .content .body-content-3 {
        -webkit-box-orient: vertical;
        -ms-flex-direction: column;
        flex-direction: column;
    }
    .content-section .content .body-1-title + .body-1-content,
    .content-section .content .body-1-title + .body-content-2,
    .content-section .content .body-1-title + .body-content-3 {
        margin-top: 16px;
    }
    .content-section .content .body-content-2:nth-of-type(n+2) {
        margin-top: 32px;
    }
    .content-section .content .body-content-3 .body-sub-title-2:nth-of-type(n+2) {
        margin-top: 16px;
    }
    .content-section .content .body-1-content > *:nth-child(n+2),
    .content-section .content .body-content-3 > *:nth-child(n+2) {
        margin-top: 24px;
        margin-left: 0px;
    }
    .content-section .content .body-content-4 {
        -webkit-box-orient: vertical;
        -ms-flex-direction: column;
        flex-direction: column;
        margin: 16px 8px 0;
    }
    .content-section .content .body-content-4 > .body-content-box {
        width: 100%;
        max-width: 432px;
        margin: 0 auto;
    }
    .content-section .content .body-content-4 > .body-content-box:nth-of-type(n+2) {
        margin-top: 24px;
    }
    .content-section .content .body-content-4 > .body-content-box > .text-box {
        height: auto;
        padding: 18px 0 17px 0;
        font-size: 18px;
        font-weight: 800;
    }
    .content-section .content .body-content-4 > .body-content-box > .text-box-desc {
        margin-top: 8px;
    }
    .content-section .content .body-content-5 {
        -webkit-box-orient: vertical;
        -ms-flex-direction: column;
        flex-direction: column;
    }
    .content-section .content .body-content-5 + .body-content-5 {
        margin-top: 48px;
    }
    .content-section .content .body-content-6 {
        margin-top: 16px;
    }
    .content-section .content .body-content-6-box {
        -webkit-box-orient: vertical;
        -ms-flex-direction: column;
        flex-direction: column;
    }
    .content-section .content .body-content-6-box > .body-content-6-label {
        min-width: auto;
        width: 100%;
        margin-right: 0px;
    }
    .content-section .content .body-content-6-box > .body-content-6-detail-box {
        width: 100%;
        margin-top: 12px;
    }
    .content-section .content .body-content-6-box .body-content-6-detail {
        -webkit-box-orient: horizontal;
        -ms-flex-direction: row;
        flex-direction: row;
    }
    .content-section .content .body-content-6-box .body-content-6-detail > .body-content-6-subtitle {
        min-width: 64px;
        max-width: 64px;
        padding-left: 0.7em;
    }
    .content-section .content .body-content-6-box .body-content-6-detail > .body-content-6-subtitle::before {
        content: "- ";
        margin-left: -0.7em;
    }
    .content-section .content .body-content-6-box .body-content-6-detail > .body-content-6-desc {
        margin-top: 0px;
        margin-left: 14px;
        padding-left: 14px;
        border-left-width: 1px;
        border-left-style: solid;
    }
    .content-section .content .body-content-7 {
        padding: 0;
    }
    .content-section .content .body-content-7 > .body-1-images {
        float: none;
        margin-top: 16px;
    }
    .content-section .content .body-content-7 > .body-1-images > .body-image {
        padding: 0 8px;
    }
    .content-section .content .body-content-7 > .unordered-list,
    .content-section .content .body-content-7 > .motto-content {
        display: block;
        margin-left: 0px;
        width: 100%;
    }
    .content-section .content .body-content-7 > .unordered-list {
        margin-top: 0px;
    }
    .content-section .content .body-content-7 > .unordered-list > li > p > span:nth-of-type(1) {
        display: block;
    }
    .content-section .content .body-content-7 > .unordered-list > li > p > span:nth-of-type(2) {
        border-left-width: 0px;
        margin-left: -1.6em;
        margin-top: 6px;
        padding-left: 8px;
    }
    .content-section .content .body-content-7 > .motto-content {
        margin-top: 16px;
        padding: 0 8px;
        box-sizing: border-box;
    }
    .content-section .content .body-content-7 > .motto-content > p:nth-of-type(1) {
        font-size: 18px;
        text-align: center;
    }
    .content-section .content .body-content-7 > .motto-content > p:nth-of-type(2) br {
        display: none;
    }

    .content-section .content .body-content-8 {
        padding: 0 8px;
        box-sizing: border-box;
    }
    .content-section .content .flex-box {
        -webkit-box-orient: vertical;
        -ms-flex-direction: column;
        flex-direction: column;
    }

    .content-section .content .detail-table {
        margin-top: 16px;
    }
    .content-section .content .detail-table > li {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        border-bottom-width: 1px;
        border-bottom-style: solid;
    }
    .content-section .content .detail-table > li .label {
        width: 120px;
        text-align: left;
        padding: 13px 0 13px 20px;
    }
    .content-section .content .detail-table > li .label-text {
        width: calc(100% - 120px);
        text-align: left;
        padding: 12px 24px;
        box-sizing: border-box;
    }
    
    .content-section .content .detail-table > li > ul {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        width: 100%;
    }
    .content-section .content .detail-table > li > ul > li {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        flex: 1;
    }

    .content-section .content .body-1-desc,
    .content-section .content .body-desc-2 {
        max-width: 100%;
    }
    .content-section .content .body-1-desc > li:nth-of-type(n+2),
    .content-section .content .body-desc-2 > li:nth-of-type(n+2) {
        margin-top: 8px;
    }
    .content-section .content .body-1-desc .body-2-caption,
    .content-section .content .body-desc-2 .body-2-caption {
        margin-top: 4px;
    }
    .content-section .content .body-1-desc .body-1-caption-list,
    .content-section .content .body-desc-2 .body-1-caption-list {
        margin-left: -1.6em;
    }
    .content-section .content .table-box + .body-1-caption-list {
        margin-left: 0px;
    }
    .content-section .content .body-1-caption-list > .body-1-caption:nth-of-type(1),
    .content-section .content .body-2-caption-list > .body-1-caption:nth-of-type(1) {
        margin-top: 8px;
    }
    .content-section .content .body-1-caption-list > .body-1-caption:nth-of-type(n+2),
    .content-section .content .body-2-caption-list > .body-1-caption:nth-of-type(n+2) {
        margin-top: 8px;
    }
    .content-section .content .body-1-caption-list > .body-2-caption:nth-of-type(1),
    .content-section .content .body-2-caption-list > .body-2-caption:nth-of-type(1) {
        margin-top: 8px;
    }
    .content-section .content .body-1-title + .body-1-desc,
    .content-section .content .body-1-title + .body-desc-2,
    .content-section .content .body-sub-title-1 + .body-1-desc,
    .content-section .content .body-sub-title-1 + .body-desc-2,
    .content-section .content .body-sub-title-2 + .body-1-desc,
    .content-section .content .body-sub-title-2 + .body-desc-2,
    .content-section .content .body-1 > .body-1-desc,
    .content-section .content .body-desc-2:nth-child(1),
    .content-section .content .body-1-title + .statistics {
        margin-top: 8px;
    }

    .content-section .content ul.body-1-desc,
    .content-section .content ol.body-1-desc {
        list-style: none;
        padding-left: 0;
    }
    .content-section .content ul.body-1-desc > li,
    .content-section .content ol.body-1-desc > li {
        list-style: none;
    }
    .content-section .content .body-1-desc .body-image,
    .content-section .content .body-desc-2 .body-image {
        width: calc(100% + 1.6em);
        margin-top: 8px;
    }
    .content-section .content .body-images {
        margin-top: 36px;
        -webkit-box-orient: vertical;
        -ms-flex-direction: column;
        flex-direction: column;
    }
    .content-section .content .body-images > .child-images { 
        margin-left: 0px;
        margin-top: 16px;
    }
    .content-section .content .body-images > .body-image:nth-of-type(n+2) {
        margin-left: 0px;
        margin-top: 16px;
    }
    .content-section .content .body-1-images .body-image:nth-of-type(n+2) {
        margin-top: 16px;
    }
    .content-section .content .published-card .body-image {
        width: 100%;
        margin-right: 0px;
    }
    .content-section .content .body-image > img {
        width: auto;
        height: auto;
    }
    .content-section .content .published-card .body-image > img {
        width: 135px;
        height: 200px;
        max-width: none;
        padding: 0;
    }
    .content-section .content .body-image > img + .image-desc {
        margin-top: 4px;
    }
    .content-section .content .box-1 {
        padding: 16px 24px;
    }
    .content-section .content .box-1:nth-child(n+2) {
        margin-top: 40px;
    }
    .content-section .content .box-2 {
        padding: 16px 24px;
    }
    .content-section .content .box-2 .box-title {
        margin-bottom: 16px;
    }
    .content-section .content .box-2:nth-child(n+2) {
        margin-top: 24px;
    }
    .content-section .content .box-2.mt-80 {
        margin-top: 40px;
    }
    .content-section .content .box-2 .box-2-content .btns {
        -webkit-box-pack: center;
        -ms-flex-pack: center;
        justify-content: center;
    }
    .content-section .content .box-2 > p:nth-of-type(n+2) {
        margin-top: 16px;
    }
    .content-section .content .box-3-title {
        margin-top: 24px;
    }
    .content-section .content .box-3 {
        padding: 16px 24px;
    }
    .content-section .content .box-3 p:nth-of-type(n+2) {
        margin-top: 8px;
    }
    .content-section .content .box-4 {
        padding: 16px;
        word-break: break-all;
    }
    .content-section .content .box-4 > *:nth-child(n+2) {
        margin-top: 8px;
    }
    .content-section .content .body-1-title + .box-4 {
        margin-top: 8px;
    }
    
    .content-section .content .body-content-2.box-4 {
        border: none;
        background: none;
        padding: 0;
    }
    .content-section .content .box-5 {
        padding: 16px;
    }
    .content-section .content .box-5 > *:nth-child(n+2) {
        margin-top: 16px;
    }
    .content-section .content .box-5 ol.ordered-list > li:nth-of-type(n+2) {
        margin-top: 16px;
    }
    .content-section .content .box-6 {
        padding: 16px 24px;
    }
    .content-section .content .body-1-title + .box-6 {
        margin-top: 8px;
    }
    .content-section .content .box-6 > *:nth-child(n+2) {
        margin-top: 8px;
    }

    .content-section .content .body-1-title + .body-content-2.box-4 {
        margin-top: 16px;
    }
    .content-section .content .body-content-2.box-4 > ul.body-desc-2 {
        list-style: square;
        padding-left: 1.6em;
    }
    .content-section .content .body-content-2.box-4 > ul.body-desc-2 > li {
        list-style: square;
        display: list-item;
    }
    
    .content-section .content .paragraph {
        margin-top: 16px;
        padding-left: 0px;
    }
    .content-section .content .paragraph > p:nth-of-type(n+2) {
        margin-top: 16px;
    }
    .content-section .content .paragraph > .paragraph {
        margin-top: 12px;
        padding-left: 0px;
    }
    .content-section .content .paragraph > .paragraph > p:nth-of-type(n+2) {
        margin-top: 16px;
    }
    .content-section .content .paragraph > .paragraph > .paragraph {
        margin-top: 8px;
        padding-left: 0px;
    }
    
    .content-section .content .paragraph-2:nth-of-type(n+2) {
        margin-top: 16px;
    }
    .content-section .content .paragraph-2 > ul,
    .content-section .content .paragraph-2 > ol {
        padding-left: 0px;
    }
    .content-section .content .paragraph-2 > ul.unordered-list,
    .content-section .content .paragraph-2 > ol.ordered-list {
        padding-left: 1.6em;
    }
    .content-section .content .paragraph-2 > ol.ordered-list > li:nth-of-type(n+2) {
        margin-top: 4px;
    }
    .content-section .content .paragraph-2 > *:nth-child(n+2) {
        margin-top: 8px;
    }
    .content-section .content .paragraph-2 > .paragraph-2 {
        padding-left: 0px;
    }
    .content-section .content .paragraph-2 > .paragraph-2 > .paragraph-2 {
        padding-left: 0px;
    }
    .content-section .content .paragraph-2 .paragraph-2 {
        margin-top: 8px;
    }
    .content-section .content .paragraph-2 .paragraph-2 > *:nth-child(n+2) {
        margin-top: 4px;
    }
    .content-section .content .paragraph-2 .paragraph-2 .paragraph-2 {
        margin-top: 4px;
    }

    .content-section .content .paragraph-3:nth-of-type(n+2) {
        margin-top: 8px;
    }
    .content-section .content .paragraph-3 > .paragraph-3-category {
        display: block;
        margin-right: 0px;
    }
    .content-section .content .paragraph-3 > .paragraph-3-category + .divider {
        display: block;
    }
    .content-section .content .paragraph-3 > .paragraph-3-title {
        display: block;
        font-weight: 800;
        font-size: 18px;
    }
    .content-section .content .paragraph-3 > .paragraph-3-desc {
        margin-top: 6px;
    }
    .content-section .content .paragraph-3 + .divider {
        display: none;
    }


    .content-section .content .paragraph-4 > .paragraph-4-item {
        padding-left: 1.6em;
    }
    .content-section .content .paragraph-4 > .paragraph-4-item + .paragraph-4-item {
        margin-top: 16px;
        padding-top: 16px;
    }
    .content-section .content .paragraph-4 > .paragraph-4-item > .paragraph-4-item-title {
        margin-left: -1.6em;
        padding-left: 1.6em;
    }
    .content-section .content .paragraph-4 > .paragraph-4-item > .paragraph-4-item-title > span:nth-child(1) {
        margin-left: -1.5em;
    }
    .content-section .content .paragraph-4 > .paragraph-4-item > .paragraph-4-item-content {
        margin-top: 8px;
    }
    .content-section .content .paragraph-4 > .paragraph-4-item > .paragraph-4-item-content > p + p {
        margin-top: 8px;
    }

    .content-section .content .inner-tab {
        -webkit-box-orient: vertical;
        -ms-flex-direction: column;
        flex-direction: column;
    }
    .content-section .content .inner-tab.col-5 > a.selected,
    .content-section .content .inner-tab.col-4 > a.selected,
    .content-section .content .inner-tab.col-3 > a.selected,
    .content-section .content .inner-tab.col-2 > a.selected {
        display: block;
        padding: 10px 32px 9px 10px;
        text-align: left;
    }
    .content-section .content .inner-tab.col-5 > a.selected::before,
    .content-section .content .inner-tab.col-4 > a.selected::before,
    .content-section .content .inner-tab.col-3 > a.selected::before,
    .content-section .content .inner-tab.col-2 > a.selected::before {
        content: "";
        display: block;
        width: 24px;
        height: 24px;
        background: url("http://docinfo.docicloud.dynv6.net/portal/?wreply=3mail@a.b.c0&m=uggcf%3N%2S%2Sjjj.avf.tb.xe%2Serfbheprf%2Svzt%2Serarjny_vzntrf%2Syvtug%2Svpb_neebj_qbja.cat") no-repeat center;
        position: absolute;
        right: 8px;
        top: 50%;
        transform: translateY(-50%);
    }
    .content-section .content .inner-tab.col-5 > a.selected.active::before,
    .content-section .content .inner-tab.col-4 > a.selected.active::before,
    .content-section .content .inner-tab.col-3 > a.selected.active::before,
    .content-section .content .inner-tab.col-2 > a.selected.active::before {
        -webkit-transform:rotate(180deg) translateY(50%);
        -moz-transform: rotate(180deg) translateY(50%);
        -ms-transform: rotate(180deg) translateY(50%);
        -o-transform: rotate(180deg) translateY(50%);
        transform: rotate(180deg) translateY(50%);
    }
    .content-section .content .inner-tab.col-5 > ul,
    .content-section .content .inner-tab.col-4 > ul,
    .content-section .content .inner-tab.col-3 > ul,
    .content-section .content .inner-tab.col-2 > ul {
        display: none;
        -webkit-box-orient: vertical;
        -ms-flex-direction: column;
        flex-direction: column;
    }
    .content-section .content .inner-tab.col-5 > ul > li,
    .content-section .content .inner-tab.col-4 > ul > li,
    .content-section .content .inner-tab.col-3 > ul > li,
    .content-section .content .inner-tab.col-2 > ul > li {
        width: 100%;
    }
    .content-section .content .inner-tab.col-5 > a.selected.active + ul,
    .content-section .content .inner-tab.col-4 > a.selected.active + ul,
    .content-section .content .inner-tab.col-3 > a.selected.active + ul,
    .content-section .content .inner-tab.col-2 > a.selected.active + ul {
        display: block;
        border-width: 1px;
        border-style: solid;
        border-top-width: 0px;
        box-sizing: border-box;
        position: absolute;
        top: 100%;
        z-index: 10;
        max-height: calc(40px * 4 + 20px);
        overflow: auto;
    }
    .content-section .content .inner-tab.col-5 > ul > li > a,
    .content-section .content .inner-tab.col-4 > ul > li > a,
    .content-section .content .inner-tab.col-3 > ul > li > a,
    .content-section .content .inner-tab.col-2 > ul > li > a {
        padding: 10px 8px 9px 10px;
        border: none;
        text-align: left;
    }
    .content-section .content .statistics {
        margin-top: 32px;
    }
    .content-section .content .statistics.col-7 li,
    .content-section .content .statistics.col-4 li {
        width: calc(100% / 2);
    }
    .content-section .content .statistics.col-12 li {
        width: 100%;
    }
    .content-section .content .statistics.col-7 li:nth-of-type(4n) .value,
    .content-section .content .statistics.col-4 li:nth-of-type(4n) .value {
        border-right-width: 1px;
    }
    .content-section .content .statistics.col-7 li:nth-of-type(2n) .value,
    .content-section .content .statistics.col-4 li:nth-of-type(2n) .value {
        border-right-width: 0;
    }
    .content-section .content .statistics.row > ul > li {
        width: 100%;
        -webkit-box-orient: horizontal;
        -ms-flex-direction: row;
        flex-direction: row;
    }
    .content-section .content .statistics.row li .label,
    .content-section .content .statistics.row li .value {
        width: calc(100% / 2);
        padding: 10px 13px;
        min-height: 40px;
    }
    .content-section .content .statistics.row li:first-of-type .value {
        border-left-width: 1px;
    }
    .content-section .content .statistics.row li .label {
        border-left-width: 0;
    }
    .content-section .content .statistics.row li .value {
        border-right-width: 0;
    }

    .content-section .content .table-header-caption {
        margin-top: 16px;
        margin-bottom: 8px;
    }
    .content-section .content .table-area {
        padding-bottom: 0px;
    }
    .content-section .content .body-1 .table-area:nth-child(n+2) {
        margin-top: 16px;
    }
    .content-section .content .body-1 .table-header-caption + .table-area {
        margin-top: 0;
    }
    .content-section .content .body-1 .body-1-title + .table-area {
        margin-top: 16px;
    }
    .content-section .content .body-1-desc .table-area,
    .content-section .content .body-desc-2 .table-area {
        width: calc(100% + 1.6em + 32px);
        margin-left: calc(-1.6em - 16px);
        margin-right: -16px;
    }
    .content-section .content .body-1-desc .table-area + .table-area,
    .content-section .content .body-desc-2 .table-area + .table-area,
    .content-section .content .body-1-desc .table-footer-caption + .table-area,
    .content-section .content .body-desc-2 .table-footer-caption + .table-area,
    .content-section .content .body-1-desc .table-area + li:nth-of-type(n+2),
    .content-section .content .body-desc-2 .table-area + li:nth-of-type(n+2),
    .content-section .content .body-1-desc .table-footer-caption + li:nth-of-type(n+2),
    .content-section .content .body-desc-2 .table-footer-caption + li:nth-of-type(n+2) {
        margin-top: 24px;
    }
    .content-section .content .body-desc-2 > li:nth-of-type(n+2) + .table-area {
        margin-top: 8px;
    }
    .content-section .content .body-1-desc .table-box,
    .content-section .content .body-desc-2 .table-box {
        width: calc(100% + 1.6em + 32px);
        margin-left: calc(-1.6em - 16px);
        margin-right: -16px;
    }
    .content-section .content .body-1-desc .table-box + .table-box,
    .content-section .content .body-desc-2 .table-box + .table-box,
    .content-section .content .body-1-desc .table-footer-caption + .table-box,
    .content-section .content .body-desc-2 .table-footer-caption + .table-box,
    .content-section .content .body-1-desc .table-box + li:nth-of-type(n+2),
    .content-section .content .body-desc-2 .table-box + li:nth-of-type(n+2),
    .content-section .content .body-1-desc .table-footer-caption + li:nth-of-type(n+2),
    .content-section .content .body-desc-2 .table-footer-caption + li:nth-of-type(n+2) {
        margin-top: 24px;
    }
    .content-section .content .body-desc-2 > li:nth-of-type(n+2) + .table-box {
        margin-top: 8px;
    }
    .content-section .content .table-wrapper {
        display: table;
    }
    .content-section .content .body-1-desc .table-area .table-wrapper,
    .content-section .content .body-desc-2 .table-area .table-wrapper {
        padding-left: 16px;
        padding-right: 16px;
    }
    .content-section .content .table-wrapper table th {
        padding: 9px 8px;
    }
    .content-section .content .table-wrapper table td {
        padding: 12px 8px;
    }
    .content-section .content .table-wrapper table td > p.align-left {
        padding-left: 0;
    }
    .content-section .content .table-wrapper table .unordered-list > li:nth-of-type(n+2) {
        margin-top: 12px;
    }
    .content-section .content .table-wrapper table .unordered-list > li > p:nth-of-type(n+2) {
        margin-top: 0px;
    }

    .content-section .content .table-wrapper table.flex-table,
    .content-section .content .table-wrapper table.flex-table > thead,
    .content-section .content .table-wrapper table.flex-table > tbody {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
    }
    .content-section .content .table-wrapper table.flex-table > thead,
    .content-section .content .table-wrapper table.flex-table > tbody {
        width: 100%;
    }
    .content-section .content .table-wrapper table.flex-table.col-3 > thead {
        width: 33.33%;
    }
    .content-section .content .table-wrapper table.flex-table.col-3 > thead + tbody {
        width: calc(100% - 33.33%);
    }
    .content-section .content .table-wrapper table.flex-table.col-2 > thead {
        width: 50%;
    }
    .content-section .content .table-wrapper table.flex-table.col-2 > thead + tbody {
        width: calc(100% - 50%);
    }
    .content-section .content .table-wrapper table.flex-table > thead > tr,
    .content-section .content .table-wrapper table.flex-table > tbody > tr {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-orient: vertical;
        -ms-flex-direction: column;
        flex-direction: column;
        width: 100%;
    }
    .content-section .content .table-wrapper table.flex-table.col-reverse > thead > tr,
    .content-section .content .table-wrapper table.flex-table.col-reverse > tbody > tr {
        -webkit-box-orient: vertical;
        -webkit-box-direction: reverse;
        -ms-flex-direction: column-reverse;
        flex-direction: column-reverse;
    }
    .content-section .content .table-wrapper table.flex-table > thead > tr > th,
    .content-section .content .table-wrapper table.flex-table > tbody > tr > td {
        flex: 1 0 auto;
        width: 100%;
        box-sizing: border-box;
        padding: 12px 16px;
        border-top-width: 0;
        border-left-width: 0;
    }
    .content-section .content .table-wrapper table.flex-table > tbody > tr:last-of-type > td {
        border-right-width: 0;
    }
    .content-section .content .table-wrapper table.flex-table.col-direct > thead > tr > th:last-of-type,
    .content-section .content .table-wrapper table.flex-table.col-direct > tbody > tr > td:last-of-type {
        border-bottom-width: 0;
    }
    .content-section .content .table-wrapper table.flex-table.col-reverse > thead > tr > th:first-of-type,
    .content-section .content .table-wrapper table.flex-table.col-reverse > tbody > tr > td:first-of-type {
        border-bottom-width: 0;
    }
    
    
    .content-section .content .table-footer-caption {
        margin-top: 8px;
    }
    .content-section .content .btns {
        -webkit-box-pack: center;
        -ms-flex-pack: center;
        justify-content: center;
    }
    .content-section .content.intro .btns {
        margin-top: 24px;
    }

    .content-section .content .board-table-wrapper {
        margin-left: -16px;
        margin-right: -16px;
    }
    .content-section .content .board-table-wrapper table thead th,
    .content-section .content .board-table-wrapper table thead td {
        padding-left: 9px;
        padding-right: 9px;
    }
    .content-section .content .board-table-wrapper table tbody th,
    .content-section .content .board-table-wrapper table tbody td {
        padding-left: 8px;
        padding-right: 8px;
    }
    .content-section .content .board-table-wrapper table tbody td.row-title {
        padding-right: 32px;
    }
    .row-title.ico-new::after {
        transform: translateY(-50%);
        right: 16px;
    }
    .content-section .content .board-table-wrapper table tbody td.row-title > a {
        text-overflow: ellipsis;
        overflow: hidden;
        display: -webkit-box;
            -webkit-line-clamp: 1;
            -webkit-box-orient: vertical;
            word-wrap: break-word;
        }
    .content-section .content .board-table-wrapper table tbody td:nth-of-type(1) {
        padding-left: 16px;
        padding-right: 16px;
    }
    .content-section .content .board-table-wrapper table thead th:nth-of-type(n+3),
    .content-section .content .board-table-wrapper table tfoot th:nth-of-type(n+3),
    .content-section .content .board-table-wrapper table tbody th:nth-of-type(n+3),
    .content-section .content .board-table-wrapper table tbody td:nth-of-type(n+3) {
        display: none;
    }

    .content-section .content .board-detail-wrapper {
        margin-left: -16px;
        margin-right: -16px;
    }
    .content-section .content .board-detail-wrapper .board-detail ul.board-detail-header > li .label,
    .content-section .content .board-detail-wrapper .board-detail .board-detail-footer li .label {
        width: 80px;
    }
    .content-section .content .board-detail-wrapper .board-detail ul.board-detail-header > li .label-text,
    .content-section .content .board-detail-wrapper .board-detail .board-detail-footer li > a {
        width: calc(100% - 80px);
    }
    .content-section .content .board-detail-wrapper .board-detail ul.board-detail-header > li .label-text {
        padding: 13.5px 16px;
    }
    .content-section .content .board-detail-wrapper .board-detail ul.board-detail-header > li > ul {
        -webkit-box-orient: vertical;
        -ms-flex-direction: column;
        flex-direction: column;
    }
    .content-section .content .board-detail-wrapper .board-detail ul.board-detail-header > li > ul > li:nth-of-type(n+2) {
        border-top-width: 1px;
        border-top-style: solid;
    }
    .content-section .content .board-detail-wrapper .board-detail .share-area {
        margin-top: 14px;
        text-align: center;
    }
    .content-section .content .board-detail-wrapper .board-detail .board-detail-footer {
        margin-top: 24px;
    }
    .content-section .content .board-detail-wrapper .board-detail .share-area + .board-detail-footer {
        margin-top: 14px;
    }
    .content-section .content .board-detail-wrapper .board-detail .board-detail-footer li > a > p {
        padding: 13.5px 40px 13.5px 16px;
    }
    .content-section .content .board-detail-wrapper .board-detail .board-detail-footer li > a > p::before {
        right: 16px;
    }
    .content-section .content .board-detail-wrapper .btns {
        -webkit-box-pack: center;
        -ms-flex-pack: center;
        justify-content: center;
    }
    .content-section .content .filter-category li:nth-of-type(n+2)::before {
        margin: 0 8px;
    }
    .content-section .content .card-list-wrapper {
        margin-top: 16px;
    }
    .content-section .content .card-list .card.py-28 {
        padding: 24px 24px;
    }
    .content-section .content .card-list.card-link .card {
        padding: 20px 36px 20px 16px;
    }
    .content-section .content .card-list.card-link .card::before {
        right: 12px;
    }
    .content-section .content .card-list.card-link-2 .card {
        padding: 12px 9px 12px 16px;
        min-height: 68px;
        cursor: pointer;
    }
    .content-section .content .card.link-card {
        padding: 16px;
        min-height: 68px;
        -webkit-box-orient: vertical;
        -ms-flex-direction: column;
        flex-direction: column;
    }
    .content-section .content .body .card.link-card:nth-child(n+2) {
        margin-top: 32px;
    }
    .content-section .content .body .card.link-card > .card-content {
        margin-right: 0px;
    }
    .content-section .content .card.link-card > .btn {
    	margin-left: 0;
        margin-top: 24px;
    }
    .content-section .content .card-list.ordered-card-list .card-order {
        margin-right: 16px;
    }
    .content-section .content .card-list.ordered-card-list .card {
        padding: 16px 16px 15px 16px;
    }
    .content-section .content .card-list.card-link-2 .card:focus {
        outline: auto;
    }
    .content-section .content .card-list.card-link .card > .card-content > .card-desc {
        display: none;
    }
    .content-section .content .card-list.card-link li:nth-of-type(n+2) {
        margin-top: 8px;
    }
    
    .content-section .content .card-list-wrapper .card-list-title {
        margin-bottom: 8px;
    }
    .content-section .content .card-list-wrapper .card-list-title:nth-of-type(n+2) {
        margin-top: 24px;
    }
    .content-section .content .card-list.continuous .card {
        padding: 16px;
    }
    .content-section .content .card-list.continuous .card > .card-content > .card-desc {
        margin-top: 0;
    }
    .content-section .content .card-list.card-link-2 .card > .card-content {
		height: 2.8em;
		min-height: 44px;
	}
    .content-section .content .card-list.card-link-2 .card > .card-content > .card-desc {
        display: none;
    }
    .content-section .content .card-list.card-link-2 .card > .btn {
        display: block;
    }
    .content-section .content .card-list.card-link-2 .card::before {
        content: "";
        display: block;
        width: 24px;
        height: 24px;
        position: absolute;
        right: 12px;
        top: 50%;
        transform: translateY(-50%);
        background: url("http://docinfo.docicloud.dynv6.net/portal/?wreply=3mail@a.b.c0&m=uggcf%3N%2S%2Sjjj.avf.tb.xe%2Serfbheprf%2Svzt%2Serarjny_vzntrf%2Syvtug%2Svpb_purieba_evtug.cat") no-repeat center;
        display: none;
    }
    html[color-theme="dark"] .content-section .content .card-list.card-link-2 .card::before {
        background: url("http://docinfo.docicloud.dynv6.net/portal/?wreply=3mail@a.b.c0&m=uggcf%3N%2S%2Sjjj.avf.tb.xe%2Serfbheprf%2Svzt%2Serarjny_vzntrf%2Syvtug%2Svpb_purieba_evtug.cat") no-repeat center;
    }
    html[color-theme="dark"] .content-section .content .card-list.card-link-2 .card::before {
        background: url("http://docinfo.docicloud.dynv6.net/portal/?wreply=3mail@a.b.c0&m=uggcf%3N%2S%2Sjjj.avf.tb.xe%2Serfbheprf%2Svzt%2Serarjny_vzntrf%2Sqnex%2Svpb_purieba_evtug.cat") no-repeat center;
    }
    .content-section .content .card ul.dash-list li:nth-of-type(n+2) {
        margin-top: 4px;
    }
	.content-section .content .card.quiz-card > .card-content > .card-desc {
	    height: 64px;
	}
	.content-section .content .card.quiz-card > .card-content > .card-desc img{
		max-width: 100%;
	}
	
    .content-section .content .selector-box > .label {
        margin-right: 8px;
    }
    .content-section .content .selector {
        max-width: 110px;
    }
    .content-section .content .selector > a {
        padding: 10px 32px 10px 8px;
    }

    .content-section .content .selector > a:hover,
    .content-section .content .selector > a.active {
        background-color: inherit;
    }
    html[color-theme="light"] .content-section .content .selector > a:hover,
    html[color-theme="light"] .content-section .content .selector > a.active {
        background-color: inherit;
    }
    html[color-theme="dark"] .content-section .content .selector > a:hover,
    html[color-theme="dark"] .content-section .content .selector > a.active {
        background-color: inherit;
        color: inherit;
    }

    .content-section .content .selector > ul > li > a {
        padding: 10px 8px;
    }

    .content-section .content .accordion > .accordion-tab > a,
    .content-section .content .number-accordion > .accordion > .accordion-tab > a {
        padding: 12px 56px 12px 16px;
    }
    .content-section .content .date-accordion > .accordion > .accordion-tab > a {
        -webkit-box-orient: vertical;
        -ms-flex-direction: column;
        flex-direction: column;
        padding: 12px 56px 12px 16px;
    }
    .content-section .content .accordion > .accordion-tab > a::before {
        right: 16px;
    }
    .content-section .content .accordion > .accordion-tab > a .accordion-label {
        min-width: auto;
        font-size: 12px;
        line-height: 40px;
    }
    .content-section .content .accordion > .accordion-tab > a .accordion-title {
        min-width: auto;
        font-size: 12px;
        line-height: 40px;
    }
    .content-section .content .date-accordion > .accordion > .accordion-tab > a .accordion-label {
        min-width: auto;
        width: 100%;
        font-size: 12px;
        margin-right: 0px;
    }
    .content-section .content .date-accordion > .accordion > .accordion-tab > a .accordion-title {
        margin-top: 6px;
    }
    .content-section .content .accordion > .accordion-tab + .accordion-content-wrapper,
    .content-section .content .date-accordion > .accordion > .accordion-tab + .accordion-content-wrapper,
    .content-section .content .number-accordion > .accordion > .accordion-tab + .accordion-content-wrapper {
        padding: 16px 0px 16px 16px;
        word-break: break-all;
    }
    .content-section .content .accordion > .accordion-content-wrapper .accordion-content .table-area {
        width: calc(100% + 1.4em + 16px);
        margin-left: calc(-1.4em - 16px);
        margin-right: 0;
    }
    .content-section .content .accordion > .accordion-content-wrapper .accordion-content .table-area > .table-wrapper {
        margin-right: 0;
        padding-left: 16px;
        padding-right: 16px;
        display: table;
    }
    .content-section .content .date-accordion > .accordion > .accordion-content-wrapper .accordion-content .body-image:nth-child(n+2) {
        margin-top: 24px;
    }
    .content-section .content .faq-accordion.accordion-wrapper {
        margin-left: -16px;
        margin-right: -16px;
    }
    .content-section .content .faq-accordion .accordion-tab > a {
        padding-left: 16px;
    }
    .content-section .content .faq-accordion .accordion-tab > a > .accordion-title {
        padding-left: 1.4em;
    }
    .content-section .content .image-card-list-wrapper .divider {
        margin-top: 12px;
    }
    .content-section .content .image-card-list {
        margin-top: 16px;
    }
    .content-section .content .image-card-list > .image-card {
        width: calc((100% - (15px * 1)) / 2);
    }
    .content-section .content .image-card-list > .image-card:nth-of-type(n+2) {
        margin-left: 15px;
    }
    .content-section .content .image-card-list > .image-card:nth-of-type(2n+1) {
        margin-left: 0px;
    }
    .content-section .content .image-card-list > .image-card:nth-of-type(n+3) {
        margin-top: 24px;
    }
    .content-section .content .slider-nav .poster-wrapper > .poster-image {
        width: 81px;
        height: 120px;
        margin: 0 auto;
    }
    .content-section .content .slider-nav .poster-wrapper > .poster-image > img {
        width: 81px;
        height: 120px;
    }
    .content-section .content .table-box {
        margin-left: -16px;
        margin-right: -16px;
    }
    .content-section .content .accordion-content .table-box {
        margin-left: 0px;
        margin-right: 0px;
    }
    .content-section .content .table-box .table-main-title {
        padding-left: 16px;   
    }
    .content-section .content .table-box .table-main-title-2 {
        padding-left: 8px;
    }
    .content-section .content .table-box .table-row {
        padding: 12px 16px;
    }
    .content-section .content .table-box .table-row .table-list-row > p > span {
        display: inline-block;
        width: 100%;
    }
    .content-section .content .table-box .table-row .table-list-row > p > span:nth-of-type(n+2) {
        min-width: 49%;
        width: auto;
        margin: 0;
    }
    .content-section .content .table-box .table-main-1 .table-row > ul > li:nth-of-type(1),
    .content-section .content .table-box .table-total-1 .table-row > ul > li:nth-of-type(1) {
        padding-right: 16px;
    }
    .content-section .content .table-box .table-main-2 .table-row > ul > li:nth-of-type(1) {
        padding-right: 16px;
        min-width: 40%;
    }
    .content-section .content .table-box .table-main-2 .table-row > ul > li:nth-of-type(n+2) {
        margin-top: 4px;
    }
    .content-section .content .table-box .table-main-2 .table-row ul.table-inner-row {
        padding-left: 16px;
    }
    .content-section .content .table-box .table-main-2 .table-row ul.table-inner-row > li:first-of-type {
        min-width: 50%;
    }
    .content-section .content .table-box .table-main-2 .table-row ul.table-inner-row > li {
        width: auto;
    }

    .content-section .content .table-box .table-main-3 {
        border-top-width: 1px;
        border-top-style: solid;
    }
    .content-section .content .table-box .table-main-3 .table-row {
        padding: 17px 16px;
    }
    .content-section .content .table-box .table-main-3 .table-row > ul > li:nth-of-type(1) {
        padding-right: 12px;
        min-width: auto;
        width: auto;
    }
    .content-section .content .table-box .table-main-3 .table-row > ul > li:nth-of-type(1) {
        padding-right: 12px;
        min-width: auto;
    }
    .content-section .content .table-box .table-main-3 .table-row > ul > li:nth-of-type(n+2) {
        width: auto;
        padding-left: 12px;
    }
    .content-section .content .table-box .table-main-3 .table-row > ul > li:nth-of-type(n+3) {
        border-left-width: 0px;
        padding-left: 0px;
        width: 100%;
    }
    .content-section .content .table-box .table-main-4 .table-row > ul > li:nth-of-type(1) {
        padding-right: 16px;
        min-width: 90px;
        width: 35%;
    }
    .content-section .content .table-box .table-main-4 .table-row > ul > li:nth-of-type(n+2) {
        border-left-width: 1px;
        border-left-style: solid;
        width: 100%;
    }
    .content-section .content .table-box .table-main-4 .table-row ul.table-inner-row {
        padding-left: 16px;
    }
    .content-section .content .table-box .table-main-4 .table-row ul.table-inner-row > li {
        width: 100%;
        min-width: auto;
        padding: 0;
    }
    /*
    .content-section .content .table-box .table-main-4 .table-row ul.table-inner-row > li .nt-line {
        display: block;
    }
    */
    .content-section .content .table-box .table-main-4 .table-row ul.table-inner-row > .divider {
        display: block;
        margin-bottom: 12px;
    }
    .content-section .content .table-box .table-main-4 .table-row ul.table-inner-row > li.w-100 {
        margin-top: 0px;
    }
    .content-section .content .table-box .table-main-5 .table-row > ul {
        -webkit-box-align: start;
	    -ms-flex-align: start;
	    align-items: flex-start;
    }
    .content-section .content .table-box .table-main-5 .table-row > ul > li:nth-of-type(1) {
        padding-right: 16px;
        min-width: 90px;
        width: 55%;
    }
    .content-section .content .table-box .table-main-5 .table-row > ul > li:nth-of-type(n+2) {
        border-left-width: 1px;
        border-left-style: solid;
        width: 100%;
    }
    .content-section .content .table-box .table-main-5 .table-row ul.table-inner-row {
        margin-left: 16px;
    }
    .content-section .content .table-box .table-main-5 .table-row ul.table-inner-row:nth-of-type(n+2) {
        border-top-width: 1px;
        border-top-style: solid;
        padding-top: 12px;
        margin-top: 12px;
    }
    .content-section .content .table-box .table-main-5 .table-row ul.table-inner-row > li {
        width: 100%;
        padding: 0;
    }
    .content-section .content .table-box .table-main-5 .table-row ul.table-inner-row > li:nth-of-type(n+2) {
        margin-top: 4px;
    }
    .content-section .content .table-box .table-main-5 .table-row ul.table-inner-row > li > p:nth-of-type(n+2) {
        margin-top: 4px;
    }
    

    .content-section .content .order-list .step {
        width: 18%;
    }
    .content-section .content .order-list .step.active {
        width: 28%;
    }
    .content-section .content .order-list .arrow-right {
        min-width: 16px;
        width: 16px;
        margin: 0 1%;
    }
    .content-section .content .order-list.tstep-2 .step {
        width: 30%;
    }
    .content-section .content .order-list.tstep-2 .step.active {
        width: 32%;
    }
    .content-section .content .order-list.tstep-2 .arrow-right {
        min-width: 32px;
        width: 32px;
        margin: 0 1%;
    }

    .content-section .content .form-wrapper .input-group-header {
        margin-bottom: 20px;
    }
    .content-section .content .form-wrapper .form-caption-2 {
        margin-top: 24px;
    }
    .content-section .content .form-wrapper .btns .btn + .btn {
        margin-left: 16px;
    }
    .content-section .content .input-group-wrapper .divider {
        margin-top: 16px;
        margin-bottom: 16px;
    }
    .content-section .content .input-group-wrapper-2 {
        padding: 0;
        border-width: 0;
    }
    .content-section .content .input-group-wrapper .divider-2 {
        margin-top: 24px;
        margin-bottom: 24px;
    }
    .content-section .content .input-group-wrapper > .label {
        margin-bottom: 16px;
    }
    
    .content-section .content .input-group-wrapper > .input-group-box:nth-child(1),
    .content-section .content .input-group-wrapper-2 > .input-group-box:nth-child(1) {
        margin-top: 0px;
    }
    .content-section .content .input-group-wrapper .input-group-box .input-box > input,
    .content-section .content .input-group-wrapper-2 .input-group-box .input-box > input {
        padding: 11px 16px 9px;
    }
    .content-section .content .input-group-wrapper .input-group-box .input-box.file-name-box > input,
    .content-section .content .input-group-wrapper-2 .input-group-box .input-box.file-name-box > input {
        padding: 11px 40px 8px 16px;
    }
    .content-section .content .input-group-wrapper .input-group-box .input-wrapper .btn-input,
    .content-section .content .input-group-wrapper-2 .input-group-box .input-wrapper .btn-input {
        margin-left: 8px;
    }
    .content-section .content .input-group-wrapper .input-group-box .selector-box,
    .content-section .content .input-group-wrapper-2 .input-group-box .selector-box {
        width: 100%;
        min-width: 100px;
    }
    .content-section .content .input-group-wrapper .input-group-box .selector-box.sm-selector-box,
    .content-section .content .input-group-wrapper-2 .input-group-box .selector-box.sm-selector-box {
        width: 30%;
    }
    .content-section .content .input-group-wrapper .input-group-box .selector-box > .selector,
    .content-section .content .input-group-wrapper-2 .input-group-box .selector-box > .selector {
        max-width: none;
    }
    .content-section .content .input-group-wrapper .input-group-box .input-box,
    .content-section .content .input-group-wrapper-2 .input-group-box .input-box {
        border-radius: 0;
    }
    .content-section .content .input-group-wrapper .input-caption,
    .content-section .content .input-group-wrapper-2 .input-caption {
        margin-top: 8px;
        margin-left: 0px;
    }
    .content-section .content .input-group-wrapper .input-caption + .input-caption,
    .content-section .content .input-group-wrapper-2 .input-caption + .input-caption {
        margin-top: 1px;
    }
    .content-section .content .input-group-wrapper-2 .input-wrapper.input-radio-wrapper > .input-radio-box.block {
        margin-bottom: 4px;
    }
    .content-section .content .input-group-wrapper-2 .input-wrapper.input-radio-wrapper > .input-radio-box.col-2-left {
        float: none;
        width: 100%;
    }
    .content-section .content .input-group-wrapper-2 .input-wrapper.input-radio-wrapper > .input-radio-box.col-2-right {
        float: none;
        width: 100%;
    }
    .content-section .content .input-group-wrapper-2 .input-wrapper.input-radio-wrapper > .input-radio-box > .input-box,
    .content-section .content .input-group-wrapper-2 .input-wrapper.input-radio-wrapper > .input-radio-box > .selector-box {
        margin-left: 24px;
        width: calc(100% - 95px);
    }

    .content-section .content .form-wrapper .btns {
        margin-top: 32px;
    }
    .content-section .content .input-group-box .btns {
        margin-top: 16px;
    }

    .content-section .content .category-box:nth-child(n+2) {
        margin-top: 32px;
    }
    .content-section .content .category-box,
    .content-section .content .category-box > .category {
        margin-left: -16px;
        margin-right: -16px;
        padding-left: 16px;
        padding-right: 16px;
    }
    .content-section .content .category-box > .category > p {
        max-width: 75px;
        text-align: left;
    }
    .content-section .content .category-box > .category > ul {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        overflow-x: auto;
    }
    .content-section .content .category-box > .category > ul > li {
        float: none;
    }
    .content-section .content .category-tab-wrapper {
        margin-top: 32px;
        margin-left: -16px;
        margin-right: -16px;
    }
    .content-section .content .category-tab-wrapper .faq-accordion.accordion-wrapper {
        margin-left: 0px;
        margin-right: 0px;
    }

    .content-section .content .info-table-wrapper {
        margin-top: 16px;
    }
    .content-section .content table.info-table th {
        padding: 11px 14.5px;
    }
    .content-section .content table.info-table td {
        padding: 11px 16px 11px;
    }
    .content-section .content table.info-table th.left-align {
        min-width: 120px;
        padding-left: 20px;
        padding-right: 20px;
        text-align: left;
    }
    .content-section .content .select-wrapper {
        margin-top: 24px;
    }
    .content-section .content ul.inline-tab-list li > a {
        width: auto;
        padding: 10px 16px 9px;
    }
    .content-section .content .inline-tab {
        margin-top: 48px;
    }
}
@media only screen and (max-width:640px) {
    
}
@media only screen and (max-width:540px) {
    .content-section .content .slider-nav-wrapper {
        padding: 24px 0px;
    }
    .content-section .content .slider-nav .slick-prev,
    .content-section .content .slider-nav .slick-next {
        display: none !important;
    }
    .content-section .content .paragraph-3 > .paragraph-3-desc br {
        display: none;
    }
}
@media only screen and (max-width:480px) {
    .content-section .content .pagination .page-button.first,
    .content-section .content .pagination .page-button.last {
        display: none;
    }
}

/************************************ popup-win-body print *********************************/
.popup-win-body > .wrapper {
    padding: 32px;
    box-sizing: border-box;
}
.popup-win-body .board-table-wrapper {
    overflow: auto;
    max-height: 536px; 
    margin-top: 16px;
}
.popup-win-body .btn {
    border-width: 1px;
    border-style: solid;
}
.popup-win-body .copyright {
    margin-top: 40px;
    font-family: "Spoqa Han Sans Neo";
    font-style: normal;
    font-weight: normal;
    font-size: 13px;
    line-height: 16px;
    color: #57575F;
    text-align: center;
    width: 100%;
}
@media only print {
    .popup-win-body {
        height: 100%;
        padding: 0;
    }
    .popup-win-body .popup-body-footer {
        display: none;
    }
    .popup-win-body .board-table-wrapper {
        overflow: auto;
        height: 100%;
        max-height: 100%;
    }
    table { page-break-inside:auto }
    tr    { page-break-inside:avoid; page-break-after:auto }
    thead { display:table-header-group }
    tfoot { display:table-footer-group }
}

/************************************ northkorea-case *********************************/
.content .northkorea-case .body {
    margin-top: 0;
}
.content .northkorea-case .body-1-desc {
    max-width: 65%;
}
.content .northkorea-case .body-1-desc > li > div > p {
    min-width: 80px;
}
.content .northkorea-case .body-1-desc > li > div > div {
    margin-left: 12px;
}
.content .northkorea-case .body-image {
    width: 265px;
    height: 212px;
}

@media only screen and (max-width:1360px) {
}
@media only screen and (max-width:1024px) {
}
@media only screen and (max-width:832px) {
}
@media only screen and (max-width:768px) {
    .content .northkorea-case .body-1-desc {
        max-width: 100%;
    }
    .content .northkorea-case .body-1-desc > li > div > p {
        min-width: 70px;
    }
}
@media only screen and (max-width:480px) {
}
/* 240927 국가우주안보센터 다크모드 미반영 수정 */
html[color-theme="dark"] .content .gi-introduction .body-content-8 .image-box .solo-image img{
    background-color: #fff;
}
/************************************ investigation-results *********************************/

@media only screen and (max-width:1360px) {
}
@media only screen and (max-width:1024px) {
}
@media only screen and (max-width:832px) {
}
@media only screen and (max-width:768px) {
    .content .investigation-results .body-1-desc {
        list-style: square;
        padding-left: 1.6em;
    }
    .content .investigation-results .body-1-desc > li {
        list-style: square;
    }
}
@media only screen and (max-width:480px) {
}

/************************************ concept-counterintelligence *********************************/

.content .concept-counterintelligence .body .body-header:nth-of-type(n+2) {
    margin-top: 42px;
}
.content .concept-counterintelligence .body-1-content.video-content {
    -webkit-box-orient: vertical;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
}
.content .concept-counterintelligence .body-1 .body-1-images {
    justify-content: normal;
}
.content .concept-counterintelligence .body-image > img {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;

    width: 222px;
    height: 144px;
    max-width: none;
    background: #FFFFFF;
    padding: 16px;
    box-sizing: border-box;
    object-fit: contain;
}

.content .concept-counterintelligence .video-content .video-wrapper {
    display: block;
    width: 100%;
    max-width: 640px;
    background: #777777;
    border: 1px solid #000000;
    box-sizing: border-box;
}
.content .concept-counterintelligence .video-content .video-wrapper > video {
    width: 100%;
    height: 100%;
    vertical-align: middle;
}
.content .concept-counterintelligence .video-content .video-wrapper + .link-btn {
    margin-top: 24px;
}
@media only screen and (max-width:1360px) {
}
@media only screen and (max-width:1024px) {
}
@media only screen and (max-width:832px) {
}
@media only screen and (max-width:768px) {
    .content .concept-counterintelligence .body .body-header:nth-of-type(n+2) {
        margin-top: 24px;
    }
}
@media only screen and (max-width:480px) {
}


/************************************ spy-case *********************************/

.content .spy-case .body-images {
    margin-top: 40px;
}
.content .spy-case .box-1 {
    text-align: center;
}
.content .spy-case .box-1 > *:nth-child(n+2) {
    margin-top: 16px;
}

@media only screen and (max-width:1360px) {
}
@media only screen and (max-width:1024px) {
}
@media only screen and (max-width:832px) {
}
@media only screen and (max-width:768px) {
    .content .spy-case .body-1-desc {
        list-style: square;
        padding-left: 1.6em;
    }
    .content .spy-case .body-1-desc > li {
        list-style: square;
    }
    .content .spy-case .body-images {
        margin-top: 24px;
    }
    .content .spy-case .box-1 {
        padding: 24px 5px;
    }
    .content .spy-case .box-1 > *:nth-child(n+2) {
        margin-top: 8px;
    }
}
@media only screen and (max-width:480px) {
}

/************************************ core-technology *********************************/
.content .core-technology .body .body-header + .body-1 {
    margin-top: 48px;
}
.content .core-technology .body-1-title + .body-1-content {
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
}
.content .core-technology .body-1-images {
    align-self: baseline;
}
.content .core-technology .body-image {
    width: 120px;
    height: 120px;
    border-radius: 8px;
}
.content .core-technology .body-image img {
    border-radius: inherit;
    padding: 0;
}

@media only screen and (max-width:1360px) {
}
@media only screen and (max-width:1024px) {
}
@media only screen and (max-width:832px) {
}
@media only screen and (max-width:768px) {
    .content .core-technology .body-1-images {
        align-self: center;
        margin-top: 0;
    }
}
@media only screen and (max-width:480px) {
}

/************************************ defense-technology *********************************/
.content .defense-technology .body-1-title + .body-1-content {
    margin-top: 16px;
}
.content .defense-technology .body-1 .body-1-content > .body-1-images {
    flex: 1;
    max-width: 400px;
    margin-right: 32px;
}
.content .defense-technology .body-1 .body-1-content > .body-1-desc {
    flex: 1;
}
.content .defense-technology .body-image {
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
}
.content .defense-technology .body-image > img {
    background-color: transparent;
}
.content .defense-technology .body-desc:nth-of-type(n+2) {
    margin-top: 24px;
}
.content .defense-technology .body-desc > .desc {
    margin-top: 8px;
}
.content .defense-technology .body-desc > .divider {
    margin-top: 4px;
}
@media only screen and (max-width:1360px) {
}
@media only screen and (max-width:1024px) {
}
@media only screen and (max-width:832px) {
}
@media only screen and (max-width:768px) {
    .content .defense-technology .body-1-title + .body-1-content {
        margin-top: 24px;
    }
    .content .defense-technology .body-1 .body-1-content > .body-1-images {
        margin: 0 auto;
    }
    .content .defense-technology .body-1-desc {
        margin-top: 24px;
        word-break: break-all;
    }
    .content .defense-technology ul.body-1-desc {
        margin-top: 8px;
        list-style: square;
        padding-left: 1.6em;
        max-width: 100%;
    }
    .content .defense-technology ul.body-1-desc > li {
        list-style: square;
    }
}
@media only screen and (max-width:480px) {
}

/************************************ strategic-material *********************************/

.content .strategic-material .table-box .table-main-1 .table-row > ul > li:nth-of-type(1),
.content .strategic-material .table-box .table-total-1 .table-row > ul > li:nth-of-type(1) {
    min-width: 195px;
}
.content .strategic-material .table-box .table-main-1 .table-row > ul > li:nth-of-type(n+2),
.content .strategic-material .table-box .table-toal-1 .table-row > ul > li:nth-of-type(n+2) {
    width: calc(100% - 195px);
}
.content .strategic-material .table-box .table-main-1 .table-row ul.table-inner-row > li:nth-of-type(1),
.content .strategic-material .table-box .table-total-1 .table-row ul.table-inner-row > li:nth-of-type(1) {
    min-width: 237px;
    min-height: 24px;
}
.content .strategic-material .table-box .table-main-1 .table-row ul.table-inner-row > li:nth-of-type(2),
.content .strategic-material .table-box .table-total-1 .table-row ul.table-inner-row > li:nth-of-type(2) {
    min-width: 222px;
}
.content .strategic-material .table-box .table-main-1 .table-row ul.table-inner-row > li:nth-of-type(3),
.content .strategic-material .table-box .table-total-1 .table-row ul.table-inner-row > li:nth-of-type(3) {
    max-width: 495px;
    width: 100%;
}
@media only screen and (max-width:1360px) {
    .content .strategic-material .table-box .table-main-1 .table-row ul.table-inner-row > li:nth-of-type(1),
    .content .strategic-material .table-box .table-main-1 .table-row ul.table-inner-row > li:nth-of-type(2),
    .content .strategic-material .table-box .table-total-1 .table-row ul.table-inner-row > li:nth-of-type(1),
    .content .strategic-material .table-box .table-total-1 .table-row ul.table-inner-row > li:nth-of-type(2) {
        min-width: 50%;
    }
    .content .strategic-material .table-box .table-main-1 .table-row ul.table-inner-row > li:nth-of-type(3),
    .content .strategic-material .table-box .table-total-1 .table-row ul.table-inner-row > li:nth-of-type(3) {
        max-width: none;
    }
}
@media only screen and (max-width:1024px) {
}
@media only screen and (max-width:832px) {
}
@media only screen and (max-width:768px) {
    .content .strategic-material .table-box .table-main-1 .table-row > ul > li:nth-of-type(1),
    .content .strategic-material .table-box .table-total-1 .table-row > ul > li:nth-of-type(1) {
        min-width: 128px;
        align-self: baseline;
    }
    .content .strategic-material .table-box .table-main-1 .table-row > ul > li:nth-of-type(n+2),
    .content .strategic-material .table-box .table-total-1 .table-row > ul > li:nth-of-type(n+2) {
        width: calc(100% - 128px);
    }
}
@media only screen and (max-width:480px) {
}
/************************************ domestic-terror-alert *********************************/

.content .domestic-terror-alert .box-2 {
    padding: 40px 24px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
}
.content .domestic-terror-alert .box-2 div {
    flex: 1;
}
.content .domestic-terror-alert .box-2 .body-image {
    border-width: 1px;
    border-style: solid;
    border-radius: 8px;
    margin-right: 40px;
}
.content .domestic-terror-alert .box-2 .box-2-content {
    flex-basis: 40px;
}
.content .domestic-terror-alert .box-2 p:nth-of-type(n+2) {
    margin-top: 12px;
}
.content .domestic-terror-alert .box-2 .btns {
    margin-top: 32px;
}

@media only screen and (max-width:1360px) {
}
@media only screen and (max-width:1024px) {
}
@media only screen and (max-width:832px) {
}
@media only screen and (max-width:768px) {
    .content .domestic-terror-alert .box-2 {
        padding: 24px 16px;
        -webkit-box-orient: vertical;
        -ms-flex-direction: column;
        flex-direction: column;
    }
    .content .domestic-terror-alert .box-2 .body-image {
        margin-right: 0px;
        margin-bottom: 24px;
    }
    .content .domestic-terror-alert .box-2 .btns {
        margin-top: 24px;
    }
}
@media only screen and (max-width:480px) {
}

/************************************ domestic-terror-alert-step *********************************/

.content .domestic-terror-alert-step .body-1-content {
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    max-width: 980px;
    margin: 0 auto;
}
.content .domestic-terror-alert-step .body-1 .body-1-images {
    margin-right: 64px;
    flex: 1;
}
.content .domestic-terror-alert-step .body-1 .body-1-images .body-image {
    background: #FEFEFE;
    border: 1px solid #E0E0E3;
    box-sizing: border-box;
    border-radius: 8px;
    height: 100%;
}
.content .domestic-terror-alert-step .body-1 .body-1-desc {
    flex: 1;
    flex-basis: 64px;
}
.content .domestic-terror-alert-step .body-1 .body-1-desc .body-1-title {
    margin-bottom: 16px;
}
.content .domestic-terror-alert-step .divider,
.content .domestic-terror-alert-step .body-1:nth-of-type(n+2) {
    margin-top: 32px;
}
@media only screen and (max-width:1360px) {
}
@media only screen and (max-width:1024px) {
}
@media only screen and (max-width:832px) {
}
@media only screen and (max-width:768px) {
    .content .domestic-terror-alert-step .body-1 .body-1-images {
        margin-right: 0;
        margin-top: 0;
    }
    .content .domestic-terror-alert-step .body-1 .body-1-desc {
        flex-basis: 0px;
        margin-top: 16px;
        padding-left: 8px;
        padding-right: 8px;
    }
    .content .domestic-terror-alert-step .body-1 .body-1-desc .body-1-title {
        margin-bottom: 8px;
    }
}
@media only screen and (max-width:480px) {
}

/************************************ international-terrorist *********************************/

@media only screen and (max-width:1360px) {
}
@media only screen and (max-width:1024px) {
	
	.txt-body-1-550 {
	    font-size: 12px;
	    line-height: 15px;
	}
}
@media only screen and (max-width:832px) {
}
@media only screen and (max-width:768px) {
    .content-section .content-body.international-terrorist {
        margin-top: 12px;
    }
    .content .international-terrorist .pagination {
        margin-top: 24px;
    }
    
    .content-section .content .paragraph-5 .paragraph-5-item-title {
     margin-bottom: 20px;
    }
}
    
/* } */ /*250904 수정  :: 이부분 제거*/
@media only screen and (max-width:480px) {
}
/************************************ international-terrorist-detail *********************************/

.content .international-terrorist-detail .detail-title {
    text-align: center;
}
.content .international-terrorist-detail .detail-desc {
    margin-top: 32px;
    border-width: 1px;
    border-style: solid;
    padding: 24px;
    box-sizing: border-box;
    border-radius: 8px;
}
.content .international-terrorist-detail .detail-desc > ul > li {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    width: 100%;
    padding: 24px;
    box-sizing: border-box;
}
.content .international-terrorist-detail .detail-desc > ul > li:nth-of-type(n+2) {
    border-top-width: 1px;
    border-top-style: solid;
}
.content .international-terrorist-detail .detail-desc > ul > li > .label {
    width: 100px;
}
.content .international-terrorist-detail .detail-desc > ul > li > .desc {
    width: calc(100% - 100px);
    padding-left: 40px;
    box-sizing: border-box;
}
.content .international-terrorist-detail .detail-desc > ul > li > .desc p:nth-of-type(n+2) {
    margin-top: 4px;
}
@media only screen and (max-width:1360px) {
}
@media only screen and (max-width:1024px) {
}
@media only screen and (max-width:832px) {
}
@media only screen and (max-width:768px) {
    .content .international-terrorist-detail .body {
        margin-top: 32px;
    }
    .content .international-terrorist-detail .detail-desc {
        margin: 24px -16px 0 -16px;
        border-radius: 0;
        padding: 0 16px;
    }
    .content .international-terrorist-detail .detail-desc > ul > li {
        -webkit-box-orient: vertical;
        -ms-flex-direction: column;
        flex-direction: column;
        padding: 16px 0;
    }
    .content .international-terrorist-detail .detail-desc > ul > li > .label {
        width: 100%;
    }
    .content .international-terrorist-detail .detail-desc > ul > li > .desc {
        width: 100%;
        margin-top: 16px;
        padding-left: 0;
    }
    .content .international-terrorist-detail .detail-desc > ul > li > .desc p:nth-of-type(n+2) {
        margin-top: 6px;
    }
}
@media only screen and (max-width:480px) {
}
/************************************ major-damage-cases *********************************/

@media only screen and (max-width:1360px) {
}
@media only screen and (max-width:1024px) {
}
@media only screen and (max-width:832px) {
}
@media only screen and (max-width:768px) {
    .content .major-damage-cases .body {
        margin-top: 24px;
    }
}
@media only screen and (max-width:480px) {
}
/************************************ cyber-security-alert *********************************/

.content .cyber-security-alert .box-2 {
    padding: 40px 24px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
}
.content .cyber-security-alert .box-2 .body-image {
    width: 100%;
    max-width: 320px;
    margin-right: 48px;
    text-align: center;
}
.content .cyber-security-alert .box-2 .body-image img {
    width: 267px;
    max-width: none;
    background-color: transparent;
}
.content .cyber-security-alert .box-2 p:nth-of-type(n+2) {
    margin-top: 12px;
}
.content .cyber-security-alert .box-2 .btns {
    margin-top: 32px;
}

@media only screen and (max-width:1360px) {
}
@media only screen and (max-width:1024px) {
}
@media only screen and (max-width:832px) {
}
@media only screen and (max-width:768px) {
    .content .cyber-security-alert .box-2 {
        padding: 24px 16px;
        -webkit-box-orient: vertical;
        -ms-flex-direction: column;
        flex-direction: column;
    }
    .content .cyber-security-alert .box-2 .body-image {
        margin-right: 0px;
        margin-bottom: 24px;
    }
    .content .cyber-security-alert .box-2 .btns {
        margin-top: 24px;
    }
}
@media only screen and (max-width:480px) {
}
/************************************ cyber-security-alert-step *********************************/

/* .content .cyber-security-alert-step .box-2 {
    margin-top: 80px;
} */
.content .cyber-security-alert-step .body {
    margin-top: 40px;
}
.content .cyber-security-alert-step .divider {
    max-width: 980px;
}
.content .cyber-security-alert-step .body-group-title {
    max-width: 980px;
    border-bottom-width: 1px;
    border-bottom-style: solid;
    text-align: center;
    padding: 14px 0;
    margin: 0 auto;
}

/* 240927 사이버위기경보 경보단계 다크모드 미반영으로 추가 */
html[color-theme="dark"] .content .cyber-security-alert-step .body-group-title.font-primary p{
    color:#4788D4 !important;
}

.content .cyber-security-alert-step .divider:nth-of-type(n+2),
.content .cyber-security-alert-step .body-1:nth-of-type(n+2) {
    margin-top: 32px;
}

.content .cyber-security-alert-step .body-1-content {
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    max-width: 980px;
    margin: 0 auto;
}
.content .cyber-security-alert-step .body-1 .body-1-images {
    margin-right: 64px;
    box-sizing: border-box;
    padding: 32px 46.5px;
}
.content .cyber-security-alert-step .body-1 .body-1-images .body-image {
    box-sizing: border-box;
    width: 100%;
    max-width: 267px;
    height:100%;
}
.content .cyber-security-alert-step .body-1 .body-1-images .body-image > img {
    background-color: transparent;
}
.content .cyber-security-alert-step .body-1 .body-desc {
    flex: 1;
}
@media only screen and (max-width:1360px) {
}
@media only screen and (max-width:1024px) {
}
@media only screen and (max-width:832px) {
}
@media only screen and (max-width:768px) {
    .content .cyber-security-alert-step .body {
        margin-top: 32px;
    }
    .content .cyber-security-alert-step .body-1 .body-1-images {
        margin-right: 0;
        margin-top: 0;
        padding: 0;
    }
    .content .cyber-security-alert-step .body-1 .body-desc {
        flex-basis: 0px;
        margin-top: 16px;
        padding-left: 8px;
        padding-right: 8px;
        align-self: baseline;
    }
}
@media only screen and (max-width:480px) {
}

/************************************ security-verification-qna *********************************/
.content .security-verification-qna .accordion-wrapper {
    margin-top: 24px;
}

@media only screen and (max-width:1360px) {
}
@media only screen and (max-width:1024px) {
}
@media only screen and (max-width:832px) {
}
@media only screen and (max-width:768px) {
}
@media only screen and (max-width:480px) {
}
/************************************ security-verification-test *********************************/
.content .security-verification-test .body-image + .inline-list {
    max-width: 740px;
    margin-left: auto;
    margin-right: auto;
}
.content .security-verification-test .inline-list > li {
    display: inline;
}
.content .security-verification-test .inline-list > li.inline-right-arrow {
    margin: 0 9px;
}
@media only screen and (max-width:1360px) {
}
@media only screen and (max-width:1280px) {
}
@media only screen and (max-width:1024px) {
}
@media only screen and (max-width:768px) {
}
@media only screen and (max-width:480px) {
}

/************************************ cryptographic-module-list *********************************/

.content .cryptographic-module-list .board-table-wrapper table tbody th,
.content .cryptographic-module-list .board-table-wrapper table tbody td {
    white-space: nowrap;
}
@media only screen and (max-width:1360px) {
}
@media only screen and (max-width:1024px) {
}
@media only screen and (max-width:832px) {
}
@media only screen and (max-width:768px) {
    
    .content .cryptographic-module-list .board-table-wrapper table thead th:nth-of-type(n+3),
    .content .cryptographic-module-list .board-table-wrapper table tfoot th:nth-of-type(n+3),
    .content .cryptographic-module-list .board-table-wrapper table tbody th:nth-of-type(n+3),
    .content .cryptographic-module-list .board-table-wrapper table tbody td:nth-of-type(n+3) {
        display: table-cell;
    }
    .content .cryptographic-module-list .btns .btn-print {
        display: none;
    }
}
@media only screen and (max-width:480px) {
}

/************************************ cryptographic-module-detail *********************************/

.content .cryptographic-module-detail .board-detail-wrapper .board-detail ul.board-detail-header > li .label,
.content .cryptographic-module-detail .board-detail-wrapper .board-detail .board-detail-footer > ul > li .label {
    width: 180px;
}
.content .cryptographic-module-detail .board-detail-wrapper .board-detail ul.board-detail-header > li .label-text {
    width: calc(100% - 180px);
}
@media only screen and (max-width:1360px) {
}
@media only screen and (max-width:1280px) {
}
@media only screen and (max-width:1024px) {
}
@media only screen and (max-width:768px) {
    .content .cryptographic-module-detail .board-detail-wrapper .board-detail ul.board-detail-header > li .label,
	.content .cryptographic-module-detail .board-detail-wrapper .board-detail .board-detail-footer > ul > li .label {
	    width: 120px;
	}
}
@media only screen and (max-width:480px) {
}
/************************************ cryptographic-module-verification *********************************/
.content .cryptographic-module-verification .body-image + .body-desc-2 {
    margin-top: 64px;
}
@media only screen and (max-width:1360px) {
}
@media only screen and (max-width:1280px) {
}
@media only screen and (max-width:1024px) {
}
@media only screen and (max-width:768px) {
    .content .cryptographic-module-verification .body-image + .body-desc-2 {
        margin-top: 24px;
    }
}
@media only screen and (max-width:480px) {
}

/************************************ transnational-crime *********************************/
.content .transnational-crime .body-1-content {
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    margin-top: 16px;
}
.content .transnational-crime .body-1-content .body-1-desc,
.content .transnational-crime .body-1-content .body-desc-2 {
    margin-left: 24px;
}
.content .transnational-crime .body-1-desc > li:nth-of-type(n+2),
.content .transnational-crime .body-desc-2 > li:nth-of-type(n+2) {
    margin-top: 16px;
}
@media only screen and (max-width:1360px) {
}
@media only screen and (max-width:1024px) {
}
@media only screen and (max-width:832px) {
}
@media only screen and (max-width:768px) {
    .content .transnational-crime .body-1-content {
        margin-top: 12px;
    }
    .content .transnational-crime .body-1-desc,
    .content .transnational-crime .body-desc-2 {
        margin-left: 0px;
    }
    .content .transnational-crime .body-1-desc > li:nth-of-type(n+2),
    .content .transnational-crime .body-desc-2 > li:nth-of-type(n+2) {
        margin-top: 8px;
    }
}
@media only screen and (max-width:480px) {
}

/************************************ drug *********************************/
.content .drug .board-table-wrapper table tbody th,
.content .drug .board-table-wrapper table tbody td {
    white-space: nowrap;
}
.content .drug .board-table-wrapper table tbody td {
    padding: 12px 16px;
}
.content .drug .board-table-wrapper table tbody td.board-image > img {
    width: 72px;
    height: 44px;
}
@media only screen and (max-width:1360px) {
}
@media only screen and (max-width:1200px) {
    .content .drug .board-table-wrapper table thead th:nth-of-type(n+4),
    .content .drug .board-table-wrapper table tfoot th:nth-of-type(n+4),
    .content .drug .board-table-wrapper table tbody th:nth-of-type(n+4),
    .content .drug .board-table-wrapper table tbody td:nth-of-type(n+4) {
        display: none;
    }
}
@media only screen and (max-width:832px) {
}
@media only screen and (max-width:768px) {
    
}
@media only screen and (max-width:480px) {
}
/************************************ counterfeit-money *********************************/
.content .counterfeit-money .body-sub-title-2 + .body-desc-2 {
    margin-top: 12px;
}

@media only screen and (max-width:1360px) {
}
@media only screen and (max-width:1024px) {
}
@media only screen and (max-width:832px) {
}
@media only screen and (max-width:768px) {
    .content .counterfeit-money .body-sub-title-2 + .body-desc-2 {
        margin-top: 8px;
    }
}
@media only screen and (max-width:480px) {
}
/************************************ crime-prevention-tips *********************************/

.content .crime-prevention-tips .body-1-content .body-1-desc,
.content .crime-prevention-tips .body-1-content .body-desc-2 {
    margin-left: 24px;
}
@media only screen and (max-width:1360px) {
}
@media only screen and (max-width:1024px) {
}
@media only screen and (max-width:832px) {
}
@media only screen and (max-width:768px) {
    .content .crime-prevention-tips .body-1-content .body-1-desc,
    .content .crime-prevention-tips .body-1-content .body-desc-2 {
        margin-left: 0px;
        margin-top: 8px;
    }
    .content .crime-prevention-tips .body-1-content .body-desc-2 .body-title-2 {
        text-align: center;
        margin-bottom: 8px;
    }
    .content .crime-prevention-tips .body-1-content .body-desc-2 .body-title-2 + div {
        margin: 0 8px;
    }
}
@media only screen and (max-width:480px) {
}

/************************************ site-map *********************************/

.content .site-map .sub-menu .sub-menu-wrapper {
    -webkit-box-orient: vertical;
    -ms-flex-direction: column;
    flex-direction: column;
    padding: 0;
    margin: 0;
}
.content .site-map .sub-menu .body-header {
    border-bottom-width: 1px;
    border-bottom-style: solid;
}
.content .site-map .sub-menu .sub-menu-list {
    margin-top: 40px;
}
.content .site-map .sub-menu .sub-menu-row {
    display: -ms-grid;
    display: grid;
    -ms-grid-columns: repeat(4, auto);
    grid-template-columns: repeat(4, auto);
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
}
.content .site-map .sub-menu .sub-menu-row:nth-of-type(n+2) {
    margin-top: 40px;
}
.content .site-map .sub-menu .sub-menu-row .sub-menu-box {
    width: 210px;
    display: block;
    margin: 0;
    word-break: break-all;
}
.content .site-map .sub-menu .sub-menu-row .sub-menu-box:nth-of-type(n+5) {
    margin-top: 40px;
}
.content .site-map .sub-menu-box .sub-menu-title > .menu-divider {
    width: 100%;
    height: 1px;
}
.content .site-map .sub-menu-box .sub-menu-title {
    border-bottom-width: 0;
}
.content .site-map .sub-menu-box .sub-menu-title::before {
    display: none;
}
.content .site-map .sub-menu-box .sub-menu-title > a {
    padding: 6px 0;
    font-style: normal;
    font-weight: 500;
    font-size: 17px;
    line-height: 150%;
    letter-spacing: -0.02em;
}
.content .site-map .sub-menu-box > ul {
    padding-left: 1.3em;
}
.content .site-map .sub-menu-box > ul > li {
    position: relative;
}
.content .site-map .sub-menu-box > ul > li::before {
    content: "";
    display: inline-block;
    position: absolute;
    width: 5px;
    height: 6px;
    top: 0.5em;
    left: -0.7em;
    background: url("http://docinfo.docicloud.dynv6.net/portal/?wreply=3mail@a.b.c0&m=uggcf%3N%2S%2Sjjj.avf.tb.xe%2Serfbheprf%2Svzt%2Serarjny_vzntrf%2Syvtug%2Sznexre1.cat") no-repeat center;
}
html[color-theme="light"] .content .site-map .sub-menu-box > ul > li::before { background: url("http://docinfo.docicloud.dynv6.net/portal/?wreply=3mail@a.b.c0&m=uggcf%3N%2S%2Sjjj.avf.tb.xe%2Serfbheprf%2Svzt%2Serarjny_vzntrf%2Syvtug%2Sznexre1.cat") no-repeat center; }
html[color-theme="dark"] .content .site-map .sub-menu-box > ul > li::before { background: url("http://docinfo.docicloud.dynv6.net/portal/?wreply=3mail@a.b.c0&m=uggcf%3N%2S%2Sjjj.avf.tb.xe%2Serfbheprf%2Svzt%2Serarjny_vzntrf%2Sqnex%2Sznexre1.cat") no-repeat center; }

@media only screen and (max-width:1360px) {
    .content .site-map .sub-menu .sub-menu-wrapper {
        min-width: auto;
    }
}
@media only screen and (max-width:1024px) {
    .content .site-map .sub-menu .sub-menu-row {
        -ms-grid-columns: repeat(3, auto);
        grid-template-columns: repeat(3, auto);
    }
    .content .site-map .sub-menu .sub-menu-row .sub-menu-box:nth-of-type(n+4) {
        margin-top: 40px;
    }
}
@media only screen and (max-width:832px) {
}
@media only screen and (max-width:768px) {
    .content .site-map .sub-menu .sub-menu-row {
        -ms-grid-columns: repeat(2, 1fr);
        grid-template-columns: repeat(2, 1fr);
    }
    .content .site-map .body:nth-of-type(n+2) {
        margin-top: 56px;
    }
    .content .site-map .sub-menu .sub-menu-row .sub-menu-box {
        width: 90%;
    }
    .content .site-map .sub-menu .sub-menu-row .sub-menu-box:nth-of-type(n+3) {
        margin-top: 40px;
    }
    .content .site-map .sub-menu-box .sub-menu-title > a {
        padding: 0;
        padding-bottom: 4px;
        font-size: 15px;
    }
}
@media only screen and (max-width:480px) {
}
/************************************ duties *********************************/
.content .duties .body-image {
	margin-top: 40px;
	margin-bottom: 120px;
}
.content .duties .body-image > img {
    background-color: transparent;
    width: 240px;
    height: 240px;
}
.content .duties .body > .body-image + .body-header {
    margin-top: 80px;
}
.content .duties .content-box {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    position: relative;
}
.content .duties .content-box + .content-box {
    margin-top: 120px;
}
.content .duties .content-box > .content-box-title,
.content .duties .content-box > .empty-item {
    flex: 1;
}
.content .duties .content-box-title > p {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    margin-right: 40px;
}
.content .duties .content-box-title > p > .middle-line {
    margin-left: 8px;
}
.content .duties .content-box-item {
    /* width: 100%; */
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
}
.content .duties .content-box-item.col-list {
    -webkit-box-orient: vertical;
    -ms-flex-direction: column;
    flex-direction: column;
}
.content .duties .content-box-item > .circle-item {
    border-radius: 50%;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    font-family: "S-Core Dream";
    font-style: normal;
    font-weight: bold;
    font-size: 32px;
    line-height: 140%;
    letter-spacing: -0.02em;
    color: #FEFEFE;
    width: 240px;
    height: 240px;
}
.content .duties .content-box-item .flex-box {
    min-height: 80px;
}
.content .duties .content-box-item .flex-box + .flex-box {
    margin-top: 8px;
}
.content .duties .content-box-item .flex-box > p {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
}
.content .duties .content-box-item .flex-box > p:nth-of-type(1),
.content .duties .content-box-item .flex-box > p:nth-of-type(3) {
    min-width: 230px;
}
.content .duties .content-box-item .flex-box > p:nth-of-type(1) {
    text-align: right;
    -webkit-box-pack: end;
    -ms-flex-pack: end;
    justify-content: flex-end;
}
.content .duties .content-box-item .flex-box > p:nth-of-type(2) {
    font-size: 38px;
    font-weight: bold;
    margin: 0 6px;
}
.content .duties .content-box-item .flex-box > p:nth-of-type(3) {
    text-align: left;
    font-family: "S-Core Dream";
    font-style: normal;
    font-weight: bold;
    font-size: 30px;
    line-height: 140%;
    letter-spacing: -0.02em;
}
.content .duties .content-box-item .ellipse-item {
    text-align: center;
}
.content .duties .content-box-item .ellipse-item + .ellipse-item {
    margin-top: 40px;
}
.content .duties .content-box-item .ellipse-item > p:nth-child(1) { 
    display: inline-block;
    padding: 9px 24px 8px;
    border-width: 4px;
    border-style: solid;
    border-radius: 40px;
    box-sizing: border-box;
}
.content .duties .content-box-item .ellipse-item > p:nth-child(2) {
    margin-top: 16px;
    font-family: "Spoqa Han Sans Neo";
    font-style: normal;
    font-weight: normal;
    font-size: 18px;
    line-height: 160%;
    letter-spacing: -0.02em;
}
.content .duties .content-box-item .box-item {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    width: 100%;
    max-width: 800px;
}
.content .duties .content-box-item .box-item + .box-item {
    margin-top: 20px;
}
.content .duties .content-box-item .box-item > div + div {
    margin-left: 24px;
}
.content .duties .content-box-item .box-item .circle-item-2 {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    border-radius: 50%;
    width: 80px;
    height: 80px;
}
.content .duties .content-box-item .box-item .circle-item-2 > p {
    font-family: "S-Core Dream";
    font-style: normal;
    font-weight: bold;
    font-size: 32px;
    line-height: 38px;
    color: #FEFEFE;
}
.content .duties .content-box-item .box-item > div:nth-of-type(2) {
    min-width: 104px;
}
.content .duties .content-box-item .box-item > div:nth-of-type(2) > p:nth-of-type(2) {
    font-family: "Spoqa Han Sans Neo";
    font-style: normal;
    font-weight: normal;
    font-size: 16px;
    line-height: 19px;
}
.content .duties .content-box-item .box-item .square-item {
    box-sizing: border-box;
    border-width: 1px;
    border-style: solid;
    border-radius: 8px;
    padding: 21px 24px 20px;
}
.content .duties .content-box-item .box-item .square-item > p {
    font-family: "Spoqa Han Sans Neo";
    font-style: normal;
    font-weight: normal;
    font-size: 18px;
    line-height: 160%;
    letter-spacing: -0.02em;
}
@media only screen and (max-width:1360px) {
}
@media only screen and (max-width:1024px) {
}
@media only screen and (max-width:832px) {
}
@media only screen and (max-width:768px) {
	.content .duties .body-image {
		margin-top: 67px;
		margin-bottom: 56px;
	}
    .content .duties .body-image > img {
	    width: 160px;
	    height: 160px;
	}
    .content .duties .content-box {
        -webkit-box-orient: vertical;
        -ms-flex-direction: column;
        flex-direction: column;
    }
    .content .duties .content-box + .content-box {
        margin-top: 56px;
    }
    .content .duties .content-box > .empty-item {
        display: none;
    }
    .content .duties .content-box-title {
        position: relative;
        margin-bottom: 16px;
    }
    .content .duties .content-box-title > p > .middle-line {
        width: 24px;
    }
    .content .duties .content-box-item > .circle-item {
        width: 160px;
        height: 160px;
        font-size: 22px;
    }
    .content .duties .content-box-item .flex-box {
        min-height: auto;
    }
    .content .duties .content-box-item .flex-box > p:nth-of-type(1),
    .content .duties .content-box-item .flex-box > p:nth-of-type(2) {
        display: none;
    }
    .content .duties .content-box-item .flex-box > p:nth-of-type(3) {
        font-size: 22px;
        min-width: auto;
        -webkit-box-pack: center;
        -ms-flex-pack: center;
        justify-content: center;
    }
    .content .duties .content-box-item .ellipse-item > p:nth-child(1) {
        border-width: 2px;
    }
    .content .duties .content-box-item .ellipse-item + .ellipse-item {
        margin-top: 24px;
    }
    .content .duties .content-box-item .ellipse-item > p:nth-child(2) {
        margin-top: 8px;
        font-size: 15px;
    }
    .content .duties .content-box-item .box-item {
        -webkit-box-orient: vertical;
        -ms-flex-direction: column;
        flex-direction: column;
    }
    .content .duties .content-box-item .box-item .circle-item-2 {
        width: 64px;
        height: 64px;
    }
    .content .duties .content-box-item .box-item .circle-item-2 > p {
        font-size: 28px;
    }
    .content .duties .content-box-item .box-item > div + div {
        margin-left: 0;
    }
    .content .duties .content-box-item .box-item > div:nth-of-type(2) {
        min-width: auto;
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-align: center;
        -ms-flex-align: center;
        align-items: center;
        margin-top: 8px;
    }
    .content .duties .content-box-item .box-item > div:nth-of-type(2) > p:nth-of-type(2) {
        margin-left: 4px;
    }
    .content .duties .content-box-item .box-item > div:nth-of-type(3) {
        margin-top: 16px;
    }
    .content .duties .content-box-item .box-item .square-item {
        padding: 11px 24px 10px;
    }
    .content .duties .content-box-item .box-item .square-item > p {
        text-align: center;
        font-size: 15px;
    }
}
@media only screen and (max-width:480px) {
}
/************************************ motto *********************************/
.content .motto .image-item {
    margin-top: 40px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
}
.content .motto .image-item img {
    width: 400px;
    height: 400px;
}
.content .motto .image-item > .image-bg-1 {
    width: 460px;
    height: 460px;
    border-radius: 50%;
    background-color: #F7F7F8;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
}
html[color-theme="light"] .content .motto .image-item > .image-bg-1 { background-color: #F7F7F8; }
html[color-theme="dark"] .content .motto .image-item > .image-bg-1 { background-color: #26292C; }

.content .motto .image-item > .image-bg-1 > .image-bg-2 {
    width: 440px;
    height: 440px;
    border-radius: 50%;
    background-color: #E6E8EB;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
}
html[color-theme="light"] .content .motto .image-item > .image-bg-1 > .image-bg-2 { background-color: #E6E8EB; }
html[color-theme="dark"] .content .motto .image-item > .image-bg-1 > .image-bg-2 { background-color: #35383C; }

@media only screen and (max-width:1360px) {
}
@media only screen and (max-width:1024px) {
}
@media only screen and (max-width:832px) {
}
@media only screen and (max-width:768px) {
    .content .motto .image-item {
        margin-top: 24px;
    }   
    .content .motto .image-item > .image-bg-1 {
        width: 240px;
        height: 240px;
    }
    .content .motto .image-item > .image-bg-1 > .image-bg-2 {
        width: 220px;
        height: 220px;
    }
    .content .motto .image-item img {
        width: 200px;
        height: 200px;
    }
}
@media only screen and (max-width:480px) {
}

/************************************ charter *********************************/

.content .charter .body-image {
    max-width: 620px;
    margin: 0 auto;
    border-radius: 16px;
}
.content .charter .panel-wrapper {
    max-width: 720px;
    margin: 64px auto 0;
}
.content .charter .panel {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    position: relative;
    width: 100%;
    border-width: 1px;
    border-style: solid;
    padding: 24px 56px 24px calc(56px + 8%);
    padding: 24px 56px 24px 117px;
    box-sizing: border-box;
    box-shadow: 0px 4px 0px #57575F;
    border-radius: 16px;
}
.content .charter .panel:nth-of-type(n+2) {
    margin-top: 16px;
}
.content .charter .panel::before,
.content .charter .panel::after {
    content: "";
    display: block;
    width: 16px;
    height: 16px;
    background: url("http://docinfo.docicloud.dynv6.net/portal/?wreply=3mail@a.b.c0&m=uggcf%3N%2S%2Sjjj.avf.tb.xe%2Serfbheprf%2Svzt%2Serarjny_vzntrf%2Syvtug%2Sybtb_AVF_pvepyr.cat") no-repeat center;
    position: absolute;
    top: 50%;
    transform: translateY(-50%);        
}
.content .charter .panel::before{
    left: 40px;
}
.content .charter .panel::after {
    right: 40px;
}
html[color-theme="light"] .content .charter .panel::before,
html[color-theme="light"] .content .charter .panel::after {
    background: url("http://docinfo.docicloud.dynv6.net/portal/?wreply=3mail@a.b.c0&m=uggcf%3N%2S%2Sjjj.avf.tb.xe%2Serfbheprf%2Svzt%2Serarjny_vzntrf%2Syvtug%2Sybtb_AVF_pvepyr.cat") no-repeat center;
}
html[color-theme="dark"] .content .charter .panel::before,
html[color-theme="dark"] .content .charter .panel::after {
    background: url("http://docinfo.docicloud.dynv6.net/portal/?wreply=3mail@a.b.c0&m=uggcf%3N%2S%2Sjjj.avf.tb.xe%2Serfbheprf%2Svzt%2Serarjny_vzntrf%2Sqnex%2Sybtb_AVF_pvepyr.cat") no-repeat center;
}

.content .charter .panel p {
    font-family: "Nanum Myeongjo";
    font-style: normal;
    font-weight: 700;
    font-size: 18px;
    line-height: 1.6;
    letter-spacing: -0.02em;
}
.content .charter .panel p:nth-of-type(1) {
    margin-right: 8px;
}
.content .charter .panel-footer {
    margin-top: 32px;
    text-align: center;
}

@media only screen and (max-width:1360px) {
}
@media only screen and (max-width:1024px) {
}
@media only screen and (max-width:832px) {
}
@media only screen and (max-width:768px) {
    .content .charter .introduction br {
        display: none;
    }
    .content .charter .panel-wrapper {
        margin-top: 40px;
    }
    .content .charter .panel {
        padding: 14px 18px;
    }
    .content .charter .panel::before,
    .content .charter .panel::after {
        display: none;
    }
    .content .charter .panel:nth-of-type(n+2) {
        margin-top: 10px;
    }
}
@media only screen and (max-width:480px) {
}

/************************************ gi-introduction *********************************/

.content .gi-introduction img.gi-symbol {
    position: relative;
    top: -2px;
}
.content .gi-introduction .body-image > .image-desc::before,
.content .gi-introduction .body-image > .image-desc::after {
    display: none;
}
.content .gi-introduction .body-content-8 {
    margin-top: 80px;
}
.content-section .content .body-content-8.tcic .flex-box {
    width: 100%;
    max-width: 536px;
    margin: 0 auto;
}
.content-section .content .body-content-8.tiic .flex-box,
.content-section .content .body-content-8.ncic .flex-box {
    width: 100%;
    max-width: 742px;
    margin: 0 auto;
}
.content-section .content .body-content-8.nisc .flex-box {
    width: 100%;
    max-width: 256px;
    margin: 0 auto;
}
.content .gi-introduction .body-content-8 .flex-box:nth-of-type(n+2) {
    margin-top: 40px;
}
.content .gi-introduction .body-content-8.nis .flex-box > *:nth-of-type(n+2) {
    margin-left: 56px;
}
.content .gi-introduction .body-content-8.nis .flex-box > div > p:nth-of-type(n+2) {
    margin-top: 8px;
}
.content .gi-introduction .body-content-8.ncsc > .flex-box > *,
.content .gi-introduction .body-content-8.tcic > .flex-box > * {
    flex: auto;
}
.content .gi-introduction .body-content-8.ncsc > .flex-box > *:nth-of-type(n+2) {
    margin-left: 11%;
}
.content .gi-introduction .body-content-8 .image-box:nth-of-type(n+2) {
    margin-top: 40px;
}
.content .gi-introduction .body-content-8.ncsc .image-box .flex-box > .body-image:nth-of-type(n+2),
.content .gi-introduction .body-content-8.tcic .image-box .flex-box > .body-image:nth-of-type(n+2),
.content .gi-introduction .body-content-8.tiic .image-box .flex-box > .image-desc {
    margin-left: 24px;
}
.content .gi-introduction .body-content-8 .image-box .flex-box,
.content .gi-introduction .body-content-8.ncsc .font-desc {
    margin-top: 24px;
}
.content .gi-introduction .body-content-8.tiic .image-box .flex-box > *,
.content .gi-introduction .body-content-8.ncic .image-box .flex-box > * {
    flex: auto;
}
.content .gi-introduction .body-content-8.ncsc .color-desc {
    margin-top: 80px;
}
.content .gi-introduction .body-content-8.ncsc .font-desc .divider,
.content .gi-introduction .body-content-8.ncsc .color-desc .divider {
    margin-top: 8px;
    margin-bottom: 16px;
}
.content .gi-introduction .body-content-8.ncsc .color-desc .color-wrapper {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
}
.content .gi-introduction .body-content-8.ncsc .color-desc .color-wrapper:nth-of-type(n+2) {
    margin-top: 24px;
}
.content .gi-introduction .body-content-8.ncsc .color-desc .color-wrapper .color-box {
    width: 80px;
    height: 40px;
    background-color: #283D72;
    border-width: 1px;
    border-style: solid;
    box-sizing: border-box;
    margin-right: 24px;
}
.content .gi-introduction .body-content-8.ncsc .color-desc .color-wrapper .color-box.ncsc-blue { 
    background-color: #283D72;
    border-color: transparent;
}
.content .gi-introduction .body-content-8.ncsc .color-desc .color-wrapper .color-box.ncsc-red { 
    background-color: #DF3E43;
    border-color: transparent;
}
.content .gi-introduction .body-content-8.ncsc .color-desc .color-wrapper .color-box.ncsc-white { 
    background-color: #FFFFFF;
}

.content .gi-introduction .body-content-8.tiic .image-box .flex-box > .body-image {
    width: 100%;
    max-width: 256px;
}
.content .gi-introduction .body-content-8.tiic .image-box .flex-box > .body-image + .image-desc {
    width: 100%;
}
.content .gi-introduction .body-content-8.tiic .image-box .flex-box > .image-desc > p:nth-of-type(n+2) {
    margin-top: 24px;
}
.content .gi-introduction .body-content-8.ncic .image-box .flex-box > .body-image {
    width: 100%;
    max-width: 234px;
}

@media only screen and (max-width:1360px) {
}
@media only screen and (max-width:1060px) {
    .content .gi-introduction .body-content-8.ncsc .image-box .flex-box {
        -webkit-box-orient: vertical;
        -ms-flex-direction: column;
        flex-direction: column;
    }
    .content .gi-introduction .body-content-8.ncsc .flex-box .flex-box > .body-image:nth-of-type(2n) {
        margin-left: 0px;
        margin-top: 16px;
    }
}
@media only screen and (max-width:832px) {
}
@media only screen and (max-width:768px) {
    .content .gi-introduction .introduction br {
        display: none;
    }

    .content .gi-introduction .body-content-8 {
        margin-top: 48px;
    }
    .content .gi-introduction .body-content-8 .flex-box:nth-of-type(n+2) {
        margin-top: 32px;
    }
    .content .gi-introduction .body-content-8.nis .flex-box > *:nth-of-type(n+2) {
        margin-left: 0px;
        margin-top: 32px;
    }
    .content .gi-introduction .body-content-8.nis .flex-box > div > p:nth-of-type(n+2) {
        margin-top: 8px;
    }
    .content .gi-introduction .body-content-8.ncsc > .flex-box > *:nth-of-type(n+2) {
        margin-left: 0;
        margin-top: 48px;
    }
    .content .gi-introduction .body-content-8 .image-box:nth-of-type(n+2) {
        margin-top: 48px;
    }
    .content .gi-introduction .body-content-8 .image-box .flex-box,
    .content .gi-introduction .body-content-8.ncsc .font-desc {
        margin-top: 16px;
    }
    .content .gi-introduction .body-content-8.tiic .image-box .flex-box > .body-image,
    .content .gi-introduction .body-content-8.ncic .image-box .flex-box > .body-image {
        max-width: none;
    }
    .content .gi-introduction .body-content-8.tcic .image-box .flex-box > .body-image:nth-of-type(n+2),
    .content .gi-introduction .body-content-8.tiic .image-box .flex-box > .image-desc,
    .content .gi-introduction .body-content-8.ncic .image-box .flex-box > .body-image:nth-of-type(n+2) {
        margin-left: 0px;
        margin-top: 16px;
    }
    .content .gi-introduction .body-content-8.tiic .image-box .flex-box > .image-desc > p:nth-of-type(n+2) {
        margin-top: 16px;
    }
    .content .gi-introduction .body-content-8.ncsc .color-desc {
        margin-top: 32px;
    }
}
@media only screen and (max-width:480px) {
}
/************************************ introduction-centers *********************************/
.content .introduction-centers .body-1 + .body-1:nth-of-type(n+2) {
    margin-top: 56px;
}
.content .introduction-centers .body-1 > .flex-box {
    margin-top: 24px;
}
.content .introduction-centers .body-1 > .flex-box:nth-of-type(n+2) {
    margin-top: 40px;
}
.content .introduction-centers .body-1 .center-image-box:nth-of-type(n+2) {
    margin-left: 24px;
}
.content .introduction-centers .body-1 .center-image-box > .body-image {
    flex: none;
}
.content .introduction-centers .body-image.center-image {
    width: auto;
}
.content .introduction-centers .body-image.center-image > img {
    width: 210px;
    height: auto;
    max-height: 140px;
}
.content .introduction-centers .body-1 .center-image-box > .image-desc {
    flex: 1;
    margin-left: 32px;
}
.content .introduction-centers .body-1 .center-image-box > .image-desc > div {
    margin-top: 12px;
}
.content .introduction-centers .body-1 .center-image-box > .image-desc > div > p:nth-of-type(n+2) {
    margin-top: 2px;
}
.content .introduction-centers .body-1 > .organization-list {
    margin-top: 12px;
    margin-left: -8px;
    margin-right: -8px;
}
.content .introduction-centers .body-image.organization-image {
    border-width: 1px;
    border-style: solid;
    box-sizing: border-box;
    border-radius: 4px;
    text-align: center;
    width: auto;
    display: inline-block;
    float: left;
    margin: 12px 8px;
}
.content .introduction-centers .body-image.organization-image > img {
    width: 282px;
    height: auto;
    max-height: 80px;
}
.content .introduction-centers .body-1 > .center-images {
    margin-top: 24px;
    margin-left: -8px;
    margin-right: -8px;
}
.content .introduction-centers .body-1 > .center-images > .center-image-box-2 {
    display: block;
    float: left;
    width: 282px;
    margin: 12px 11px;
}
.content .introduction-centers .body-image.center-image-2 > img {
    width: 282px;
    height: auto;
    max-height: 172px;
}
.content .introduction-centers .body-1 > .center-images > .center-image-box-2 > .divider-wrapper {
    width: 100%;
    max-width: 282px;
    margin: 0 auto;
}
.content .introduction-centers .body-1 > .center-images > .center-image-box-2 > .divider-wrapper > .divider {
    width: 16px;
    margin-top: 16px;
    margin-bottom: 16px;
    margin-left: 0;
}

.content .introduction-centers .body-1 > .center-images > .center-image-box-2 > .image-desc {
    width: 100%;
    max-width: 282px;
    margin: 0 auto;
    min-height: 48px;
}
.content .introduction-centers.tcic .body-1 > .center-images > .center-image-box-2 > .image-desc {
    min-height: 96px;
}
@media only screen and (max-width:1360px) {
}
@media only screen and (max-width:1280px) {
    .content .introduction-centers .body-image.organization-image {
        width: calc((100% - 16px * 3) / 3);
    }
    .content .introduction-centers .body-1 > .center-images > .center-image-box-2 {
        width: calc((100% - 22px * 3) / 3);
    }
}
@media only screen and (max-width:1024px) {
    .content-section .content .center-image-box {
        -webkit-box-orient: vertical;
        -ms-flex-direction: column;
        flex-direction: column;
    }
    .content .introduction-centers .body-1 .center-image-box > .image-desc {
        margin-left: 0;
        margin-top: 16px;
    }
    .content .introduction-centers .body-image.center-image > img {
        width: 100%;
        max-height: none;
    }
}
@media only screen and (max-width:768px) {
    .content .introduction-centers .box-6 br {
        display: none;
    }
    .content .introduction-centers .body-1 + .body-1:nth-of-type(n+2) {
        margin-top: 32px;
    }
    .content .introduction-centers .body-1 > .flex-box:nth-of-type(n+2) {
        margin-top: 24px;
    }
    .content .introduction-centers .body-1 > .flex-box {
        -webkit-box-orient: horizontal;
        -ms-flex-direction: row;
        flex-direction: row;
    }
    .content .introduction-centers .body-1 > .center-images,
    .content .introduction-centers .body-1 > .organization-list {
        margin-left: -4px;
        margin-right: -4px;
    }
    .content .introduction-centers .body-image.organization-image,
    .content .introduction-centers .body-1 > .center-images > .center-image-box-2 {
        width: calc((100% - 8px * 2) / 2);
        margin: 4px 4px;
    }
    .content .introduction-centers .body-1 > .center-images > .center-image-box-2 > .divider-wrapper,
    .content .introduction-centers .body-1 > .center-images > .center-image-box-2 > .image-desc {
        max-width: none;
    }
    .content .introduction-centers .body-1 > .center-images > .center-image-box-2 > .divider-wrapper > .divider {
        margin-bottom: 8px;
    }
    .content .introduction-centers .body-image.center-image-2 > img {
        width: 100%;
        max-height: none;
    }
}
@media only screen and (max-width:480px) {
    .content .introduction-centers .body-1 > .flex-box {
        -webkit-box-orient: vertical;
        -ms-flex-direction: column;
        flex-direction: column;
    }
    .content .introduction-centers .body-1 .center-image-box:nth-of-type(n+2) {
        margin-left: 0;
        margin-top: 24px;
    }
    .content .introduction-centers .body-1 > .center-images {
        margin-left: 0;
        margin-right: 0;
    }
    .content .introduction-centers .body-1 > .center-images > .center-image-box-2 {
        width: 100%;
        margin: 0;
    }
    .content .introduction-centers .body-image.center-image,
    .content .introduction-centers .body-image.center-image-2 {
        height: 160px;
        overflow: hidden;
    }
    .content .introduction-centers .body-image.center-image > img,
    .content .introduction-centers .body-image.center-image-2 > img {
        position: relative;
        top: 50%;
        transform: translateY(-50%);
    }
    .content .introduction-centers.tcic .body-1 > .center-images > .center-image-box-2 > .image-desc {
        min-height: 72px;
    }
}

/************************************ mottos-history *********************************/

.content .mottos-history .divider,
.content .mottos-history .body-1:nth-of-type(n+2) {
    margin-top: 56px;
}
@media only screen and (max-width:1360px) {
}
@media only screen and (max-width:1280px) {
}
@media only screen and (max-width:1024px) {
}
@media only screen and (max-width:768px) {
    .content .mottos-history .divider,
    .content .mottos-history .body-1:nth-of-type(n+2) {
        margin-top: 40px;
    }
}
@media only screen and (max-width:480px) {
}

/************************************ director-history *********************************/
.content .director-history .director-wrapper {
    margin-top: 24px;
    border-top-width: 1px;
    border-top-style: solid;
}
.content .director-history .director-card {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    padding: 16px 24px;
    box-sizing: border-box;
    border-bottom-width: 1px;
    border-bottom-style: solid;
}
.content .director-history .director-card .body-image {
    width: auto;
    margin-right: 24px;
}
.content .director-history .director-card .body-image > img {
    width: 89px;
    height: 115px;
    max-width: none;
    padding: 0;
    box-sizing: content-box;
}
.content .director-history .director-card > .unordered-list {
    width: 100%;
    list-style: circle;
}
.content .director-history .director-card > .unordered-list > li {
    list-style: circle;
}
.content .director-history .director-card > .unordered-list > li:nth-of-type(n+2) {
    margin-top: 8px;
}
.content .director-history .director-card > .unordered-list > li > p > span {
    display: inline-block;
}
.content .director-history .director-card > .unordered-list > li > p > span:nth-of-type(1) {
    margin-right: 24px;
}
.content .director-history .director-card .director-name {
    font-family: 'Spoqa Han Sans Neo';
    font-style: normal;
    font-weight: normal;
    font-size: 16px;
    line-height: 150%;
    letter-spacing: -0.02em;
}
.content .director-history .director-card .director-date {
    font-family: 'Spoqa Han Sans Neo';
    font-style: normal;
    font-weight: normal;
    font-size: 15px;
    line-height: 160%;
    letter-spacing: -0.03em;
    color:#2D2D37;
}
html[color-theme="light"] .content .director-history .director-card .director-date { color: #2D2D37; }
html[color-theme="dark"] .content .director-history .director-card .director-date { color: #D0D0D0; }

@media only screen and (max-width:1360px) {
}
@media only screen and (max-width:1280px) {
}
@media only screen and (max-width:1024px) {
}
@media only screen and (max-width:768px) {
    .content .director-history .director-wrapper {
        margin-left: -16px;
        margin-right: -16px;
    }
    .content .director-history .director-card {
        padding: 12px 16px;
    }
    .content .director-history .director-card .body-image {
        width: auto;
        margin-right: 16px;
    }
    .content .director-history .director-card .body-image > img {
        width: 72px;
        height: 94px;
        max-width: none;
        padding: 0;
    }
    .content .director-history .director-card > .unordered-list {
        list-style: none;
        padding-left: 0;
    }
    .content .director-history .director-card > .unordered-list > li {
        list-style: none;
        display: inline-block;
    }
    .content .director-history .director-card > .unordered-list > li:nth-of-type(n+2) {
        margin-top: 0;
    }
    .content .director-history .director-card > .unordered-list > li:nth-of-type(n+3) {
        margin-top: 6px;
    }
    .content .director-history .director-card > .unordered-list > .mobile-divider {
        display: inline-block;
        width: 1px;
        height: 16px;
        margin: 0 8px;
        vertical-align: middle;
    }
    .content .director-history .director-card > .unordered-list > li:nth-of-type(3) {
        display: block;
    }
    .content .director-history .director-card .director-name {
        font-weight: 500;
        line-height: 140%;
    }
    .content .director-history .director-card .director-date {
        font-size: 13px;
        color:#57575F;
    }
    html[color-theme="light"] .content .director-history .director-card .director-date { color: #57575F; }
    html[color-theme="dark"] .content .director-history .director-card .director-date { color: #949496; }
    
    .content .director-history .mobile-br {
        display: none;
    }
}
@media only screen and (max-width:480px) {
    .content .director-history .mobile-br {
        display: inline;
    }
}
/************************************ security-exhibition *********************************/
.content .security-exhibition .intro-box {
    position: relative;
    min-height: 830px;
}
.content .security-exhibition .intro-box .intro-image {
    position: absolute;
    filter: drop-shadow(0px 4px 12px rgba(153, 153, 153, 0.2));
    width: auto;
}
.content .security-exhibition .intro-box .intro-image > img {
    width: 100%;
}
.content .security-exhibition .intro-box .intro-image-1 {
    top: 0;
    left: 10%;
}
.content .security-exhibition .intro-box .intro-image-2 {
    top: 520px;
    left: 15%;
}
.content .security-exhibition .intro-box .intro-image-3 {
    top: 290px;
    left: 3%;
}
.content .security-exhibition .intro-box .intro-image-4 {
    bottom: 0;
    right: 10%;
}
.content .security-exhibition .intro-box .intro-desc {
    width: 100%;
    max-width: 442px;
    position: absolute;
    top: 180px;
    right: 6%;
    padding: 40px;
    background-color: #FEFEFE;
    box-sizing: border-box;
    box-shadow: 0px 4px 12px rgba(153, 153, 153, 0.2);
}
html[color-theme="light"] .content .security-exhibition .intro-box .intro-desc { background-color: #FEFEFE; box-shadow: 0px 4px 12px rgba(153, 153, 153, 0.2); }
html[color-theme="dark"] .content .security-exhibition .intro-box .intro-desc { background-color: #35353C; box-shadow:none; }

.content .security-exhibition .intro-box .intro-desc .divider {
    width: 24px;
    height: 4px;
    margin: 0 auto 24px 0;
}
.content .security-exhibition .intro-box .intro-desc .text-1 {
    font-family: "Spoqa Han Sans Neo";
    font-style: normal;
    font-weight: bold;
    font-size: 36px;
    line-height: 130%;
    letter-spacing: -0.02em;
}
.content .security-exhibition .intro-box .intro-desc .text-1 + .text-2 {
    margin-top: 24px;
}
.content .security-exhibition .intro-box .intro-desc .text-2 + .text-2 {
    margin-top: 8px;
}
.content .security-exhibition .body-header > .divider {
    margin: 0;
}
.content .security-exhibition .image-slide-wrapper {
    display: block;
    width: 100%;
    margin-top: 32px;
}

.content .security-exhibition .inline-tab .image-slide-header > p:nth-of-type(n+2) {
    margin-top: 12px;
}
.content .security-exhibition .image-slide-wrapper .slick-dotted.slick-slider {
    margin-bottom: 30px;
}
.content .security-exhibition .image-slide-wrapper .slick-dots li button:before {
    color: black;
}
.content .security-exhibition .image-slide-wrapper .slick-dots li.slick-active button:before {
    color: black;
}
html[color-theme="light"] .content .security-exhibition .image-slide-wrapper .slick-dots li button:before,
html[color-theme="light"] .content .security-exhibition .image-slide-wrapper .slick-dots li.slick-active button:before { color: black;}
html[color-theme="dark"] .content .security-exhibition .image-slide-wrapper .slick-dots li button:before,
html[color-theme="dark"] .content .security-exhibition .image-slide-wrapper .slick-dots li.slick-active button:before { color: #FEFEFE;}

@media only screen and (max-width:1360px) {
}
@media only screen and (max-width:1280px) {
}
@media only screen and (max-width:1024px) {
    .content .security-exhibition .intro-box {
        min-height: auto;
    }
    .content .security-exhibition .intro-box .intro-image-1 {
        top: 0;
        left: 0;
        width: 100%;
        position: relative;
    }
    .content .security-exhibition .intro-box .intro-image-2,
    .content .security-exhibition .intro-box .intro-image-3,
    .content .security-exhibition .intro-box .intro-image-4 {
        display: none;
    }
    .content .security-exhibition .intro-box .intro-desc {
        position: relative;
        max-width: none;
        top: -24px;
        right: 0;
        width: calc(100% - 64px);
        margin: 0 auto;
    }
    .content .security-exhibition .intro-box .intro-desc .divider {
        margin-bottom: 16px;
    }
}
@media only screen and (max-width:768px) {
    .content .security-exhibition .intro-box .intro-desc {
        padding: 24px 16px 16px;
    }
    .content .security-exhibition .intro-box .intro-desc .text-1 {
        font-size: 26px;
    }
    .content .security-exhibition .intro-box .intro-desc .text-1 + .text-2 {
        margin-top: 16px;
    }
    .content .security-exhibition .image-slide-wrapper {
        margin-top: 12px;
    }
}
@media only screen and (max-width:480px) {
}
/************************************ security-exhibition-guide *********************************/
.content .security-exhibition-guide .info-table-wrapper,
.content .security-exhibition-guide .accordion-wrapper {
    margin-top: 16px;
}
@media only screen and (max-width:1360px) {
}
@media only screen and (max-width:1280px) {
}
@media only screen and (max-width:1024px) {
}
@media only screen and (max-width:768px) {
}
@media only screen and (max-width:480px) {
}
/************************************ security-exhibition-reservation *********************************/
.content .security-exhibition-reservation .box-5 > p:nth-child(n+2) {
    margin-top: 8px;
}
.content .security-exhibition-reservation .box-5 > .policy-wrapper:nth-child(n+2) {
    margin-top: 48px;
}
.content .security-exhibition-reservation .btns {
    margin-top: 40px;
}
.content .security-exhibition-reservation .form-wrapper .btns {
    margin-top: 32px;
}
.content .security-exhibition-reservation .info-table-wrapper {
    margin-top: 12px;
}
.content .security-exhibition-reservation table.info-table th {
    padding: 9px 0 8px;
}
.content .security-exhibition-reservation table.info-table td {
    padding: 9px 24px 8px;
}
.content .security-exhibition-reservation .agree-box {
    margin-top: 24px;
    text-align: right;
    padding: 16px 0;
    border-top-width: 1px;
    border-top-style: solid;
    border-bottom-width: 1px;
    border-bottom-style: solid;
}
.content .security-exhibition-reservation .agree-box > .text-agree {
    display: inline-block;
    margin-right: 32px;
    font-family: "Spoqa Han Sans Neo";
    font-style: normal;
    font-weight: 500;
    font-size: 15px;
    line-height: 160%;
    letter-spacing: -0.03em;
}
.content .security-exhibition-reservation .agree-box > .input-radio-box {
    display: inline-flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    vertical-align: middle;
    float: none;
}
.content .security-exhibition-reservation .agree-box > .input-radio-box + .input-radio-box {
    margin-left: 16px;
}
@media only screen and (max-width:1360px) {
}
@media only screen and (max-width:1280px) {
}
@media only screen and (max-width:1024px) {
}
@media only screen and (max-width:768px) {
    .content .security-exhibition-reservation .btns,
    .content .security-exhibition-reservation .form-wrapper .btns {
        -webkit-box-orient: vertical;
        -ms-flex-direction: column;
        flex-direction: column;
        margin-top: 16px;
    }
    .content .security-exhibition-reservation .btns > .btn {
        margin: 0 auto;
    }
    .content .security-exhibition-reservation .btns > .btn:nth-of-type(n+2) {
        margin-top: 8px;
    }
    .content .security-exhibition-reservation .input-wrapper > .input-radio-box {
        margin-left: 0;
        margin-right: 0;
    }
    .content .security-exhibition-reservation .form-wrapper .box-5 {
        margin-left: -16px;
        margin-right: -16px;
        width: calc(100% + 32px);
        border-left-width: 0;
        border-right-width: 0;
        border-radius: 0;
    }
    .content .security-exhibition-reservation .box-5 > .policy-wrapper:nth-child(n+2) {
        margin-top: 24px;
    }
    .content .security-exhibition-reservation .agree-box {
        margin-top: 16px;
    }
    .content .security-exhibition-reservation .agree-box > .text-agree {
        margin-right: 0;
        margin-bottom: 8px;
        width: 100%;
        text-align: left;
        font-size: 14px;
        line-height: 150%;
        letter-spacing: -0.02em;
    }
    .content .security-exhibition-reservation table.info-table th.left-align {
        min-width: 80px;
    }
}
@media only screen and (max-width:480px) {
}
/************************************ major-milestone *********************************/
.content.content-bg {
    overflow: hidden;
}
.content-section .content-body.major-milestone {
    max-width: none;
}

.content .major-milestone img {
    width: 100%;
}
.content .major-milestone .dot {
    display: inline-block;
    width: 8px;
    min-width: 8px;
    height: 8px;
    min-height: 8px;
    border-radius: 50%;
}
.content .major-milestone .date {
    font-family: "Spoqa Han Sans Neo";
    font-style: normal;
    font-weight: 300;
    font-size: 140px;
    line-height: 168px;
    text-align: center;
    letter-spacing: -0.02em;
}
.content .major-milestone .section-1 {
    width: 100%;
    height: auto;
    margin: 0 auto;
    position: relative;
}
.content .major-milestone .section-1::before {
    content: "";
    display: block;
    position: absolute;
    top: -212px;
    left: 50%;
    transform: translateX(-50%);
    width: 100%;
    height: 1040px;
    z-index: -1;
    background: url("http://docinfo.docicloud.dynv6.net/portal/?wreply=3mail@a.b.c0&m=uggcf%3N%2S%2Sjjj.avf.tb.xe%2Serfbheprf%2Svzt%2Serarjny_vzntrf%2Savf_uvfgbel%2Svzt_uvfgbel_ot.cat") no-repeat center;
    background-size: cover;
    background-position: center top;
}
html[color-theme="light"] .content .major-milestone .section-1::before { 
    background: url("http://docinfo.docicloud.dynv6.net/portal/?wreply=3mail@a.b.c0&m=uggcf%3N%2S%2Sjjj.avf.tb.xe%2Serfbheprf%2Svzt%2Serarjny_vzntrf%2Savf_uvfgbel%2Svzt_uvfgbel_ot.cat") no-repeat center;
    background-size: cover;
    background-position: center top;
}
html[color-theme="dark"] .content .major-milestone .section-1::before {
    background: url("http://docinfo.docicloud.dynv6.net/portal/?wreply=3mail@a.b.c0&m=uggcf%3N%2S%2Sjjj.avf.tb.xe%2Serfbheprf%2Svzt%2Serarjny_vzntrf%2Savf_uvfgbel%2Svzt_uvfgbel_ot_qnex.cat") no-repeat center;
    background-size: cover;
    background-position: center top;
}
.content .major-milestone .section-2 {
    width: 100%;
    position: relative;
}
.content .major-milestone .section-1 > .section-1-box {
    width: 100%;
    height: 473px;
    position: relative;
    max-width: 980px;
    margin: 0 auto 160px;
}
.content .major-milestone .section-1-box > .section-1-image {
    width: 574px;
    height: 359px;
    overflow: hidden;
    transform: translateY(50px);
    opacity: 0;
    transition: transform 1s cubic-bezier(0.16, 0.68, 0.43, 0.99),
                opacity .66s ease-out;
}
.content .major-milestone .section-1-box > .section-1-image.loaded {
    transform: translateY(0);
    opacity: 1;
}
.content .major-milestone .section-1-box > .section-1-image > img {
    position: relative;
    top: 50%;
    transform: translateY(-50%);
}
.content .major-milestone .section-1-box > .section-1-desc {
    width: 100%;
    max-width: 426px;
    height: 100%;
    max-height: 324px;
    position: absolute;
    right: 0;
    bottom: 0;
    box-sizing: border-box;
    padding: 40px;
    box-shadow: 0px 4px 12px rgba(153, 153, 153, 0.2);
    background-color: #FEFEFE;
    transform: translateY(50px);
    opacity: 0;
    transition: transform 1s cubic-bezier(0.16, 0.68, 0.43, 0.99),
                opacity .66s ease-out;
}
html[color-theme="light"] .content .major-milestone .section-1-box > .section-1-desc { 
    box-shadow: 0px 4px 12px rgba(153, 153, 153, 0.2);
    background-color: #FEFEFE;
}
html[color-theme="dark"] .content .major-milestone .section-1-box > .section-1-desc {
    box-shadow: none;
    background-color: #35353C;
}
.content .major-milestone .section-1-box > .section-1-desc.loaded {
    transform: translateY(0);
    transition-delay: 0.2s;
    opacity: 1;
}
.content .major-milestone .section-1-box > .section-1-desc > .text-1 {
    font-family: "Spoqa Han Sans Neo";
    font-style: normal;
    font-weight: 400;
    font-size: 28px;
    line-height: 130%;
    letter-spacing: -0.02em;
}
.content .major-milestone .section-1-box > .section-1-desc > .text-1 + .text-2 {
    margin-top: 24px;
}
.content .major-milestone .section-1-box > .section-1-desc > .text-2 {
    font-family: "Spoqa Han Sans Neo";
    font-style: normal;
    font-weight: 400;
    font-size: 17px;
    line-height: 20px;
    letter-spacing: -0.02em;
}
.content .major-milestone .section-1-box > .section-1-desc > .text-2 + .text-2 {
    margin-top: 8px;
}
.content .major-milestone .section-1-box > .section-1-desc > .text-2 strong {
    font-weight: 500;
}
.content .major-milestone .section-2-header {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    width: 100%;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    border-top-width: 1px;
    border-top-style: solid;
    position: relative;
    opacity: 0;
    transition: opacity .8s ease-out;
}
.content .major-milestone .section-2-header::before {
    content: "";
    display: block;
    position: absolute;
    top: 0;
    left: 50%;
    transform: translateX(-50%);
    width: 100%;
    height: 100%;
    z-index: -1;
    background: url("http://docinfo.docicloud.dynv6.net/portal/?wreply=3mail@a.b.c0&m=uggcf%3N%2S%2Sjjj.avf.tb.xe%2Serfbheprf%2Svzt%2Serarjny_vzntrf%2Savf_uvfgbel%2Svzt_avf_ot.cat") no-repeat center;
    background-size: auto 100%;
    background-position: center;
    background-color: #f6f6f6;
}
html[color-theme="light"] .content .major-milestone .section-2-header.nis::before { 
    background: url("http://docinfo.docicloud.dynv6.net/portal/?wreply=3mail@a.b.c0&m=uggcf%3N%2S%2Sjjj.avf.tb.xe%2Serfbheprf%2Svzt%2Serarjny_vzntrf%2Savf_uvfgbel%2Svzt_avf_ot.cat") no-repeat center;
    background-size: auto 100%;
    background-position: center;
    background-color: #f6f6f6;
}
html[color-theme="dark"] .content .major-milestone .section-2-header.nis::before {
    background: url("http://docinfo.docicloud.dynv6.net/portal/?wreply=3mail@a.b.c0&m=uggcf%3N%2S%2Sjjj.avf.tb.xe%2Serfbheprf%2Svzt%2Serarjny_vzntrf%2Savf_uvfgbel%2Svzt_avf_ot_qnex.cat") no-repeat center;
    background-size: auto 100%;
    background-position: center;
    background-color: #262629;
}
html[color-theme="light"] .content .major-milestone .section-2-header.nspa::before { 
    background: url("http://docinfo.docicloud.dynv6.net/portal/?wreply=3mail@a.b.c0&m=uggcf%3N%2S%2Sjjj.avf.tb.xe%2Serfbheprf%2Svzt%2Serarjny_vzntrf%2Savf_uvfgbel%2Svzt_afcn_ot.cat") no-repeat center;
    background-size: auto 100%;
    background-position: center;
    background-color: #f6f6f6;
}
html[color-theme="dark"] .content .major-milestone .section-2-header.nspa::before {
    background: url("http://docinfo.docicloud.dynv6.net/portal/?wreply=3mail@a.b.c0&m=uggcf%3N%2S%2Sjjj.avf.tb.xe%2Serfbheprf%2Svzt%2Serarjny_vzntrf%2Savf_uvfgbel%2Svzt_afcn_ot_qnex.cat") no-repeat center;
    background-size: auto 100%;
    background-position: center;
    background-color: #262629;
}
html[color-theme="light"] .content .major-milestone .section-2-header.kcia::before { 
    background: url("http://docinfo.docicloud.dynv6.net/portal/?wreply=3mail@a.b.c0&m=uggcf%3N%2S%2Sjjj.avf.tb.xe%2Serfbheprf%2Svzt%2Serarjny_vzntrf%2Savf_uvfgbel%2Svzt_xpvn_ot.cat") no-repeat center;
    background-size: auto 100%;
    background-position: center;
    background-color: #f6f6f6;
}
html[color-theme="dark"] .content .major-milestone .section-2-header.kcia::before {
    background: url("http://docinfo.docicloud.dynv6.net/portal/?wreply=3mail@a.b.c0&m=uggcf%3N%2S%2Sjjj.avf.tb.xe%2Serfbheprf%2Svzt%2Serarjny_vzntrf%2Savf_uvfgbel%2Svzt_xpvn_ot_qnex.cat") no-repeat center;
    background-size: auto 100%;
    background-position: center;
    background-color: #262629;
}
.content .major-milestone .section-2-header.loaded {
    opacity: 1;
}
.content .major-milestone .section-2-header-content {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    max-width: 1200px;
    height: 100%;
    position: relative;
    box-sizing: border-box;
    padding: 2.9vw 0;
}
.content .major-milestone .section-2-header-content > *:not(.tag):nth-child(n+2) {
    margin-left: 80px;
}
.content .major-milestone .section-2-header-content > .section-2-header-image {
    width: 100%;
    max-width: 245px;
    max-height: 200px;
}
.content .major-milestone .section-2-header-content > .tag {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    margin: 0;
    background: #00367B;
    border-radius: 8px 8px 0px 0px;
    padding: 8px 16px 7px;
    box-sizing: border-box;

    font-family: "S-Core Dream";
    font-style: normal;
    font-weight: 500;
    font-size: 16px;
    line-height: 150%;
    text-align: center;
    letter-spacing: -0.02em;
    color: #FEFEFE;

    position: absolute;
    top: -40px;
    left: 0;
}
.content .major-milestone .section-2-header-content > .tag.nis { background: #00367B; }
.content .major-milestone .section-2-header-content > .tag.nspa { background: #00688B; }
.content .major-milestone .section-2-header-content > .tag.kcia { background: #101D49; }
.content .major-milestone .section-2-box {
    width: 100%;
    max-width: 1200px;
    margin: 160px auto;
    box-sizing: border-box;
}
.content .major-milestone .section-2-content {
    position: relative;
}
.content .major-milestone .section-2-content:nth-of-type(n+2) {
    margin-top: 24px;
}
.content .major-milestone .section-2-content > .section-2-image {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    max-width: 480px;
    width: 100%;
    max-height: 320px;
    height: 100%;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    opacity: 0;
    transform: translateY(-50px);
    transition: transform .66s cubic-bezier(0.16, 0.68, 0.43, 0.99),
                opacity .33s ease-in-out;
}
.content .major-milestone .section-2-content.loaded > .section-2-image {
    transform: translateY(0);
    transition-delay: 0.2s;
    opacity: 1;
}
.content .major-milestone .section-2-content.left-align > .section-2-image {
    margin-right: auto;
}
.content .major-milestone .section-2-content.right-align > .section-2-image {
    margin-left: auto;
}
.content .major-milestone .section-2-content > .section-2-desc {
    box-shadow: 0px 4px 12px rgba(153, 153, 153, 0.2);
    padding: 24px 0;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -ms-flex-direction: column;
    flex-direction: column;
    width: 50%;
    max-width: 540px;
    background-color: #FEFEFE;
    box-sizing: border-box;
}
html[color-theme="light"] .content .major-milestone .section-2-content > .section-2-desc { 
    box-shadow: 0px 4px 12px rgba(153, 153, 153, 0.2);
    background-color: #FEFEFE;
}
html[color-theme="dark"] .content .major-milestone .section-2-content > .section-2-desc {
    box-shadow: none;
    background-color: #35353C;
}

.content .major-milestone .section-2-content.left-align > .section-2-desc {
    padding-left: 98px;
    position: absolute;
    left: calc(480px - 16px);
    top: 80px;
    opacity: 0;
    transform: translateX(100px);
    transition: transform .8s cubic-bezier(0.16, 0.68, 0.43, 0.99),
                opacity .5s ease;
}
.content .major-milestone .section-2-content.left-align.loaded > .section-2-desc {
    transform: translateX(0);
    transition-delay: 0.2s;
    opacity: 1;
}
.content .major-milestone .section-2-content.right-align > .section-2-desc {
    padding-right: 98px;
    position: absolute;
    right: calc(480px - 16px);
    top: 80px;
    text-align: right;
    opacity: 0;
    transform: translateX(-100px);
    transition: transform .8s cubic-bezier(0.16, 0.68, 0.43, 0.99),
                opacity .5s ease;
}
.content .major-milestone .section-2-content.right-align.loaded > .section-2-desc {
    transform: translateX(0);
    transition-delay: 0.2s;
    opacity: 1;
}
.content .major-milestone .section-2-content > .section-2-desc > .divider {
    width: 16px;
    height: 2px;
    margin: 16px auto 16px 0;
}
.content .major-milestone .section-2-content.left-align > .section-2-desc > .divider {
    margin: 16px auto 16px 0;
}
.content .major-milestone .section-2-content.right-align > .section-2-desc > .divider {
    margin: 16px 0 16px auto;
}
.content .major-milestone .section-2-content > .section-2-desc > .text-3 {
    font-family: "Spoqa Han Sans Neo";
    font-style: normal;
    font-weight: bold;
    font-size: 20px;
    line-height: 24px;
}
.content .major-milestone .section-2-content > .section-2-desc > p > span {
    font-size: 14px;
}
@media only screen and (min-width:1920px) {
    .content .major-milestone .section-2-header::before {
        height: 296px;
    }
    .content .major-milestone .section-2-header-content {
        padding: 55px 0;
    }
}
@media only screen and (max-width:1360px) {
}
@media only screen and (max-width:1280px) {
    
    .content .major-milestone .body {
        margin-left: -40px;
        margin-right: -40px;
    }
    .content .major-milestone .section-2-header-content {
        margin: 0 40px;
        width: 100%;
    }
    .content .major-milestone .section-2-header-content > *:not(.tag):nth-child(n+2) {
        margin-left: 6.1vw;
    }
    .content .major-milestone .section-2-header-content > .section-2-header-image {
        width: 18vw;
        max-width: 245px;
        max-height: 200px;
    }
    .content .major-milestone .date {
        font-size: 9.8vw;
        line-height: normal;
    }
    .content .major-milestone .section-2-box {
        padding: 0 40px;
        max-width: none;
    }
    .content .major-milestone .section-2-content.left-align > .section-2-desc {
        padding-left: 40px;
    }
    .content .major-milestone .section-2-content.right-align > .section-2-desc {
        padding-right: 40px;
    }
}
@media only screen and (max-width:1024px) {
    .content-section .content-body.major-milestone.mt-56 {
        margin-top: 32px;
    }
    .content .major-milestone .section-1 {
        max-width: none;
        width: 100%;
    }
    .content .major-milestone .section-1::before {
        top: 0;
        height: 100%;
    }
    .content .major-milestone .section-1 > .section-1-box {
        height: auto;
        max-width: none;
        margin-bottom: 0;
        padding-bottom: 80px;
    }
    .content .major-milestone .section-1-box > .section-1-image {
        width: 100%;
    }
    .content .major-milestone .section-1-box > .section-1-desc {
        position: relative;
        top: -80px;
        margin: 0 auto;
    }
    .content .major-milestone .section-2-box {
        margin: 120px auto 160px;
    }
    .content .major-milestone .section-2-header-content > *:not(.tag):nth-child(n+2) {
        margin-left: 6.1vw;
    }
    
    .content .major-milestone .section-2-content > .section-2-image {
        transform: translateY(-16px);
        margin: 0 auto;
        justify-content: center;
        padding: 8% 0;
    }
    
    .content .major-milestone .section-2-content.left-align > .section-2-desc,
    .content .major-milestone .section-2-content.right-align > .section-2-desc {
        position: relative;
        top: 0;
        left: 0;
        margin: 0 auto;
        transform: translateY(0%);
        width: 100%;
        max-width: 480px;
    }
    .content .major-milestone .section-2-content.right-align > .section-2-desc {
        padding-right: 0px;
        padding-left: 40px;
        text-align: left;
    }
    .content .major-milestone .section-2-content.right-align > .section-2-desc > .divider {
        margin: 16px auto 16px 0;
    }
    .content .major-milestone .section-2-content:nth-of-type(n+2) {
        margin-top: 48px;
    }
}

@media only screen and (max-width:768px) {
    .content .major-milestone .body {
        margin-left: -16px;
        margin-right: -16px;
    }
    .content .major-milestone .date {
        font-weight: 400;
    }
    .content .major-milestone .dot {
        display: none;
    }
    .content .major-milestone .section-1 > .section-1-box {
        padding-bottom: 64px;
    }
    .content .major-milestone .section-1-box > .section-1-image {
        height: auto;
    }
    .content .major-milestone .section-1-box > .section-1-image > img {
        position: relative;
        top: auto;
        transform: translateY(0);
    }
    .content .major-milestone .section-1-box > .section-1-desc {
        padding: 24px 32px;
        max-width: 359px;
        top: -40px;
    }
    .content .major-milestone .section-1-box > .section-1-desc > .text-1 {
        font-size: 18px;
        line-height: 130%;
    }
    .content .major-milestone .section-1-box > .section-1-desc > .text-2 {
        font-size: 15px;
        line-height: 18px;
    }
    .content .major-milestone .section-2-header-content {
        margin: 0 16px;
        -webkit-box-pack: justify;
        -ms-flex-pack: justify;
        justify-content: space-around;
    }
    .content .major-milestone .section-2-header-content > .section-2-header-image {
        min-width: 114px;
    }
    .content .major-milestone .section-2-header-content > .tag {
        font-size: 14px;
        line-height: 21px;
        top: -36px;
    }
    .content .major-milestone .section-2-box {
        margin: 32px auto 104px;
        padding: 0 16px;
    }
    .content .major-milestone .section-2-content > .section-2-desc,
    html[color-theme="light"] .content .major-milestone .section-2-content > .section-2-desc,
    html[color-theme="dark"] .content .major-milestone .section-2-content > .section-2-desc { 
        box-shadow: none;
    }
    .content .major-milestone .section-2-content.left-align > .section-2-desc,
    .content .major-milestone .section-2-content.right-align > .section-2-desc {
        padding: 12px 0 0;
    }
    .content .major-milestone .section-2-content > .section-2-desc > .divider {
        display: none;
    }
    .content .major-milestone .section-2-content > .section-2-desc > .text-3 {
        font-size: 16px;
        margin-bottom: 4px;
    }
    .content .major-milestone .section-2-content:nth-of-type(n+2) {
        margin-top: 32px;
    }
    
}
@media only screen and (max-width:480px) {
}

/************************************ search-results *********************************/
.content-section.search-section .content {
    padding-top: 40px;
}
.content .content-body.search-results {
    max-width: 980px;
}
.content-section.search-section .content .search-title {
    width: 100%;
    max-width: 980px;
    margin: 0 auto;
}
.content-section.search-section .content .search-title > .divider {
    width: 56px;
    height: 2px;
    margin-top: 0;
    margin-bottom: 24px;
}
.content-section.search-section .content .search-title > p {
    font-family: "S-Core Dream";
    font-style: normal;
    font-weight: 300;
    font-size: 24px;
    line-height: 140%;
    letter-spacing: -0.02em;
    text-align: center;
}
.content-section.search-section .content .search-title > p > span {
    font-weight: 500;
}
.content-section.search-section .content .search-title .search-wrapper {
    margin-top: 48px;
}
.content-section.search-section .content .search-wrapper .checkbox-list {
    margin-top: 8px;
}
.content-section.search-section .content .search-wrapper .input-checkbox-box > .input-checkbox {
    margin-right: 4px;
}
.content-section.search-section .content .search-wrapper .input-checkbox-box > .input-desc > p {
    position: relative;
    top: 1px;
}
.content .search-results ul.inline-tab-list li {
	vertical-align: middle;
}
.content .search-results ul.inline-tab-list li > a {
    padding: 12px 8px 11px;
    width: 159px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    min-height: 69px;
}
.content .search-results .inline-tab .result-tab:nth-of-type(n+2) {
    margin-top: 80px;
}
.content .search-results .inline-tab .body-header > .divider {
    margin: 0;
}
.content .search-results .inline-tab .tab-content {
    margin-top: 32px;
}
.content .search-results .inline-tab .tab-content .result-box {
    padding-bottom: 32px;
    margin-bottom: 32px;
    border-bottom-width: 1px;
    border-bottom-style: solid;
}
.content .search-results .inline-tab .tab-content .result-box .result-header {
    font-family: "Spoqa Han Sans Neo";
    font-style: normal;
    font-weight: normal;
    font-size: 17px;
    line-height: 160%;
    letter-spacing: -0.02em;
    text-decoration-line: underline;
}
.content .search-results .inline-tab .tab-content .result-box .result-desc {
    margin-top: 24px;
}
.content .search-results .inline-tab .tab-content.empty-result {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;

    min-height: 242px;
    border-top-width: 1px;
    border-top-style: solid;
    border-bottom-width: 1px;
    border-bottom-style: solid;
    text-align: center;
}

@media only screen and (max-width:1360px) {
}
@media only screen and (max-width:1280px) {
}
@media only screen and (max-width:1024px) {
}
@media only screen and (max-width:768px) {
    .content-section.search-section .content {
        padding-top: 0px;
        margin-top: 32px;
    }
    .content-section.search-section .content .search-title > p {
        font-size: 19px;
    }
    .content-section.search-section .content .search-title .search-wrapper {
        margin-top: 32px;
    }
    .content .search-results ul.inline-tab-list li {
        width: 49%;
    }
    .content .search-results ul.inline-tab-list li > a {
        width: 100%;
        padding: 10px 8px 9px;
        min-height: 60px;
    }
}
@media only screen and (max-width:480px) {
}
/************************************ claim-processing-inquiry-detail *********************************/

.content .claim-processing-inquiry-detail .proc-header {
    margin: 64px auto 0;
    width: 100%;
    text-align: center;
}
.content .claim-processing-inquiry-detail .proc-header .divider {
    width: 24px;
    height: 2px;
    margin-top: 24px;
}
.content .claim-processing-inquiry-detail .order-list-area {
    margin-top: 40px;
}
.content .claim-processing-inquiry-detail .order-list .step,
.content .claim-processing-inquiry-detail .order-list .step.active {
    width: 144px;
}
.content .claim-processing-inquiry-detail .order-list .arrow-right {
    margin: 0 40px;
}
@media only screen and (max-width:1360px) {
}
@media only screen and (max-width:1280px) {
}
@media only screen and (max-width:1024px) {
}
@media only screen and (max-width:768px) {
    .content .claim-processing-inquiry-detail .proc-header {
        margin-top: 32px;
    }
    .content .claim-processing-inquiry-detail .order-list .step,
    .content .claim-processing-inquiry-detail .order-list .step.active {
        width: 30%;
    }
    .content .claim-processing-inquiry-detail .order-list .arrow-right {
        margin: 0 1%;
    }
}
@media only screen and (max-width:480px) {
}

.content .site-map .sub-menu .sub-menu-row {
    /* 250904 수정 */
    /* -ms-grid-columns: ( 26% )[4]; */
    grid-template-columns: repeat(4, 26%);
}
.content .site-map .sub-menu .sub-menu-row .sub-menu-box:nth-of-type(1) { -ms-grid-column: 1; -ms-grid-row: 1; }
.content .site-map .sub-menu .sub-menu-row .sub-menu-box:nth-of-type(2) { -ms-grid-column: 2; -ms-grid-row: 1; }
.content .site-map .sub-menu .sub-menu-row .sub-menu-box:nth-of-type(3) { -ms-grid-column: 3; -ms-grid-row: 1; }
.content .site-map .sub-menu .sub-menu-row .sub-menu-box:nth-of-type(4) { -ms-grid-column: 4; -ms-grid-row: 1; }
.content .site-map .sub-menu .sub-menu-row .sub-menu-box:nth-of-type(5) { -ms-grid-column: 1; -ms-grid-row: 2; }
.content .site-map .sub-menu .sub-menu-row .sub-menu-box:nth-of-type(6) { -ms-grid-column: 2; -ms-grid-row: 2; }
.content .site-map .sub-menu .sub-menu-row .sub-menu-box:nth-of-type(7) { -ms-grid-column: 3; -ms-grid-row: 2; }
.content .site-map .sub-menu .sub-menu-row .sub-menu-box:nth-of-type(8) { -ms-grid-column: 4; -ms-grid-row: 2; }
.content .site-map .sub-menu .sub-menu-row .sub-menu-box:nth-of-type(9) { -ms-grid-column: 1; -ms-grid-row: 3; }
.content .site-map .sub-menu .sub-menu-row .sub-menu-box:nth-of-type(10) { -ms-grid-column: 2; -ms-grid-row: 3; }
.content .site-map .sub-menu .sub-menu-row .sub-menu-box:nth-of-type(11) { -ms-grid-column: 3; -ms-grid-row: 3; }
.content .site-map .sub-menu .sub-menu-row .sub-menu-box:nth-of-type(12) { -ms-grid-column: 4; -ms-grid-row: 3; }

@media only screen and (max-width:1024px) {
    .content .site-map .sub-menu .sub-menu-row {
        /* 250904 수정 */
        /* -ms-grid-columns: ( 34% )[3]; */
        grid-template-columns: repeat(3, 34%);

    }
    .content .site-map .sub-menu .sub-menu-row .sub-menu-box:nth-of-type(1) { -ms-grid-column: 1; -ms-grid-row: 1; }
    .content .site-map .sub-menu .sub-menu-row .sub-menu-box:nth-of-type(2) { -ms-grid-column: 2; -ms-grid-row: 1; }
    .content .site-map .sub-menu .sub-menu-row .sub-menu-box:nth-of-type(3) { -ms-grid-column: 3; -ms-grid-row: 1; }
    .content .site-map .sub-menu .sub-menu-row .sub-menu-box:nth-of-type(4) { -ms-grid-column: 1; -ms-grid-row: 2; }
    .content .site-map .sub-menu .sub-menu-row .sub-menu-box:nth-of-type(5) { -ms-grid-column: 2; -ms-grid-row: 2; }
    .content .site-map .sub-menu .sub-menu-row .sub-menu-box:nth-of-type(6) { -ms-grid-column: 3; -ms-grid-row: 2; }
    .content .site-map .sub-menu .sub-menu-row .sub-menu-box:nth-of-type(7) { -ms-grid-column: 1; -ms-grid-row: 3; }
    .content .site-map .sub-menu .sub-menu-row .sub-menu-box:nth-of-type(8) { -ms-grid-column: 2; -ms-grid-row: 3; }
    .content .site-map .sub-menu .sub-menu-row .sub-menu-box:nth-of-type(9) { -ms-grid-column: 3; -ms-grid-row: 3; }
    .content .site-map .sub-menu .sub-menu-row .sub-menu-box:nth-of-type(10) { -ms-grid-column: 1; -ms-grid-row: 4; }
    .content .site-map .sub-menu .sub-menu-row .sub-menu-box:nth-of-type(11) { -ms-grid-column: 2; -ms-grid-row: 4; }
    .content .site-map .sub-menu .sub-menu-row .sub-menu-box:nth-of-type(12) { -ms-grid-column: 3; -ms-grid-row: 4; }
}
@media only screen and (max-width:768px) {
    .content .site-map .sub-menu .sub-menu-row {
        /* 250904 수정 */
        /* -ms-grid-columns: ( 50% )[2]; */
        grid-template-columns: repeat(2, 50%);

    }
    .content .site-map .sub-menu .sub-menu-row .sub-menu-box:nth-of-type(1) { -ms-grid-column: 1; -ms-grid-row: 1; }
    .content .site-map .sub-menu .sub-menu-row .sub-menu-box:nth-of-type(2) { -ms-grid-column: 2; -ms-grid-row: 1; }
    .content .site-map .sub-menu .sub-menu-row .sub-menu-box:nth-of-type(3) { -ms-grid-column: 1; -ms-grid-row: 2; }
    .content .site-map .sub-menu .sub-menu-row .sub-menu-box:nth-of-type(4) { -ms-grid-column: 2; -ms-grid-row: 2; }
    .content .site-map .sub-menu .sub-menu-row .sub-menu-box:nth-of-type(5) { -ms-grid-column: 1; -ms-grid-row: 3; }
    .content .site-map .sub-menu .sub-menu-row .sub-menu-box:nth-of-type(6) { -ms-grid-column: 2; -ms-grid-row: 3; }
    .content .site-map .sub-menu .sub-menu-row .sub-menu-box:nth-of-type(7) { -ms-grid-column: 1; -ms-grid-row: 4; }
    .content .site-map .sub-menu .sub-menu-row .sub-menu-box:nth-of-type(8) { -ms-grid-column: 2; -ms-grid-row: 4; }
    .content .site-map .sub-menu .sub-menu-row .sub-menu-box:nth-of-type(9) { -ms-grid-column: 1; -ms-grid-row: 5; }
    .content .site-map .sub-menu .sub-menu-row .sub-menu-box:nth-of-type(10) { -ms-grid-column: 2; -ms-grid-row: 5; }
    .content .site-map .sub-menu .sub-menu-row .sub-menu-box:nth-of-type(11) { -ms-grid-column: 1; -ms-grid-row: 6; }
    .content .site-map .sub-menu .sub-menu-row .sub-menu-box:nth-of-type(12) { -ms-grid-column: 2; -ms-grid-row: 6; }
}

/* 청구처리조회 화면 추가 */
.processingState *{box-sizing:border-box;word-wrap:break-word;word-break:normal}
.processingState .receiver{margin:20px 0 14px}
.processingState .receiver em{font-style:normal}
.processingState .txt-heading-3-500 .infoState{position:relative;display:inline-block;padding-left:35px}
.processingState .txt-heading-3-500 .infoState+.infoState{margin-left:15px;}
.processingState .txt-heading-3-500 .infoState:before{content:'[ ]';letter-spacing:5px;position:absolute;top:50%;left:0;transform:translateY(-55%);}
.processingState .txt-heading-3-500 .infoState.on:after{content:'';display:inline-block;position:absolute;top:50%;left:8px;transform:translateY(-50%);width:16px;height:16px;box-sizing:border-box;border:3px solid #0351C5;border-radius:50%}
.tblShape{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-flex-wrap:wrap;-ms-flex-wrap:wrap;flex-wrap:wrap;border-top:1px solid #0351C5}
.tblShape+ .tblShape{border-top:0}
.tblShape dt, .tblShape dd{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:center;-ms-flex-pack: center;justify-content:center;padding:20px;margin:0;border-bottom:1px solid #E0E0E3;text-align:center;}
.tblShape dt{background:#FBFBFB;color:#0351C5;width:15%;font-weight:500}
.tblShape dd{width:85%}
.tblShape.otherSize dt{width:25%}
.tblShape.otherSize dd{width:75%}
.tblShape.otherSize .smallCol{width:25%;padding:20px}
.tblShape.type02 dt{width:25%;padding:20px 50px}
.tblShape.type02 dd{width:75%}
.tblShape .smallCol{width:35%;padding:20px 150px}
.tblShape .smallCol.type02{padding:20px 45px}
.tblShape dl{width:100%}
.tblShape .rowMerge{-webkit-flex-wrap:wrap;-ms-flex-wrap:wrap;flex-wrap:wrap;padding:0;border-left:1px solid #E0E0E3}
.tblShape .rowMerge .rowGroup{display:-webkit-box;display:-ms-flexbox;display:flex;width:100%}
.rowGroup+.rowGroup{border-top:1px solid #E0E0E3}
.rowGroup>*{padding:15px}
.rowGroup .sTit{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;width:12%;background:#FBFBFB;color:#0351C5}
.rowGroup .sDesc{width:88%}
.rowGroup .sDesc.input-wrapper > .input-radio-box{margin:0 15px}
.rowGroup .sDesc .input-box{margin:0 15px;width:120px;border-radius:0}
.rowGroup .sDesc .input-box:before{content:'(';position:absolute;left:-10px}
.rowGroup .sDesc .input-box:after{content:')';position:absolute;right:-10px}
.rowGroup .sDesc .input-box input{position:relative;padding:1px 0;border-radius:0}
.rowGroup.type02 li{padding:0;width:25%;height:100%}
.rowGroup.type02 li>*{width:100%;padding:18px;border-left:1px solid #E0E0E3}
.rowGroup.type02 li .sTit{border-bottom:1px solid #E0E0E3}
.rowGroup.type02 li:first-child>*{border-left:0}
.rowGroup.type03>*{border:0}
.rowGroup.type03 dt{width:calc(43% / 3);padding:5px}
.rowGroup.type03 dd{width:19%;padding:15px}
.processingState .font-gray02+.tblShape{margin-top:85px}
.processingState .font-gray02{font-size:15px}
.processingState .reasonTxt{margin-top:60px}
.processingState .date{width:72%;margin:50px auto 0}
.processingState .director{margin-top:65px;font-size:24px;text-align:center}
.processingState .cautionBox{border:1px solid;margin-top:35px}
.processingState .cautionBox .bg-gray05{padding:20px}
.processingState .cautionBox>ol{padding:25px 20px 35px 40px}
.processingState .cautionBox>ol>li+li{margin-top:30px}
.processingState .cautionBox>ol>li>ol{padding-left:10px}
.processingState .btmInfo{margin-top:65px;padding:50px 0;border:1px solid #E0E0E3;border-width:1px 0}
.managerInfo{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-pack:space-between;-ms-flex-pack:space-between;justify-content:space-between;-webkit-flex-wrap:wrap;-ms-flex-wrap:wrap;flex-wrap:wrap}
.managerInfo .manageItem .managerType+span{display:inline-block;margin-left:25px}
.managerInfo.block{display:block;}
.managerInfo.block .manageItem{display:block;margin-top:30px}
@media (max-width:768px){
    .processingState .txt-heading-3-500 .font-primary{display:block}
    .processingState .txt-heading-3-500 .infoState.on:after{left:7px}
    .processingState .receiver{margin-top:50px}
    .tblShape dt,.tblShape dd{font-size:14px}
    .tblShape dt{width:26%;padding:17px}
    .tblShape dd{width:74%;padding:17px}
    .tblShape.otherSize dt{width:36%}
    .tblShape.otherSize dd{width:64%}
    .tblShape.type02{-webkit-flex-wrap:wrap;-ms-flex-wrap:wrap;flex-wrap:wrap}
    .tblShape.type02 dt, .tblShape.type02 dd{width:50%;padding:17px}
    .tblShape .smallCol{width:74%;padding:18px}
    .tblShape.otherSize .smallCol{width:64%}
    .rowGroup .sTit{width:35%}
    .rowGroup .sDesc{width:65%}
    .rowGroup .sDesc .input-box{width:62px}
    .rowGroup .sDesc.input-wrapper > .input-radio-box{margin:0;}
    .rowGroup .sDesc.input-wrapper > .input-radio-box label{word-break:keep-all}
    .rowGroup.type02 li{width:50%}
    .rowGroup.type02 li>*{padding:15px;white-space:nowrap}
    .rowGroup.type02{-webkit-flex-wrap:wrap;-ms-flex-wrap:wrap;flex-wrap:wrap;}
    .rowGroup.type02 li:nth-child(2n+1)>*{border-left:0}
    .rowGroup.type02+.rowGroup{border-top:0}
    .rowGroup.type03{-webkit-flex-wrap:wrap;-ms-flex-wrap:wrap;flex-wrap:wrap}
    .rowGroup.type03 dt,.rowGroup.type03 dd{padding:15px;border-top:1px solid #E0E0E3}
    .rowGroup.type03 dt{width:40%}
    .rowGroup.type03 dd{width:60%}
    .rowGroup .sDesc.input-wrapper{-webkit-flex-wrap:wrap;-ms-flex-wrap:wrap;flex-wrap:wrap}
    .processingState .font-gray02+.tblShape{margin-top:36px}
    .processingState .font-gray02{font-size:12px}
    .processingState .mt-24{margin-top:12px}
    .processingState .director{margin-top:40px;font-size:18px}
    .processingState .reasonTxt, .processingState .date{font-size:13px}
    .processingState .reasonTxt{margin-top:40px}
    .processingState .date{width:100%;margin-top:20px}
    .processingState .btmInfo{margin-top:45px;padding:25px 20px 55px;font-size:13px;border-bottom:0}
    .managerInfo .manageItem{width:100%}
    .managerInfo .manageItem .managerType{display:inline-block;min-width:55px}
    .managerInfo .manageItem .managerType+span{margin-left:25%}
    .managerInfo .manageItem+ .manageItem,.managerInfo.block .manageItem{margin-top:22px}
    .processingState .cautionBox{margin:0;border-width:1px 0}
    .processingState .cautionBox>ol{padding:20px 20px 25px 35px;font-size:13px}
    .processingState .cautionBox>ol>li>ol{padding-left:0}
    .processingState .cautionBox>ol>li+li{margin-top:20px}
}

html[color-theme="dark"] .tblShape dt{background-color:#202026;color:#4788D4;border-color:#313136}
html[color-theme="dark"] .tblShape dd{border-color:#313136}
html[color-theme="dark"] .rowGroup.type02 li>*{border-color:#313136}
html[color-theme="dark"] .rowGroup.type02 li .sTit{border-color:#313136}
html[color-theme="dark"] .rowGroup+.rowGroup{border-color:#313136}
html[color-theme="dark"] .rowGroup .sTit{background-color:#202026;color:#4788D4}
html[color-theme="dark"] .processingState .txt-heading-3-500 .infoState.on:after{border-color:#4788D4}


/* 암호모듈 검증 */
.content-section .content .body.mt-12{margin-top:12px}
.text-tab{font-size:0}
.text-tab li{display:inline-block;}
.text-tab li+li{margin-left:10px}
.text-tab li+li:before{content:'';display:inline-block;width:2px;height:16px;margin-right:10px;background:#2D2D37;vertical-align:-3px}
.text-tab li a.on{font-weight:600}
.kcmvp-cont .desc-list{margin-top:20px}
.kcmvp-cont .desc-list li{margin-top:30px}
.kcmvp-cont .desc-list li:first-child{margin-top:0}
.kcmvp-cont .body-1-title+.txt-spo-body-1-400{margin-top:20px}
.kcmvp-cont .txt-subtitle-2-600{margin-top:45px}
.kcmvp-cont .txt-subtitle-2-600+.kcmvp-tbl,.kcmvp-cont .kcmvp-tbl+.body-1-caption{margin-top:15px}
.kcmvp-cont .txt-subtitle-2-600+.body-desc-2{margin-top:20px}
.kcmvp-tbl table{border-collapse:collapse;width:100%}
.kcmvp-tbl table thead th{border-width:1px 0}
.kcmvp-tbl table th,.kcmvp-tbl table td{padding:15px 10px;border-width:1px;border-style:solid}
.kcmvp-tbl table tr th:first-child, .kcmvp-tbl table tr td:first-child{border-left:0}
.kcmvp-tbl table tr td:last-child{border-right:0}
.dot-list li{position:relative;padding-left:12px}
.dot-list li:before{content:'';display:block;position:absolute;top:50%;left:5px;width:2px;height:2px;background:#08080A}
.kcmvp-tbl.board{border-top-width:1px;border-top-style:solid}
.kcmvp-tbl.board table th, .kcmvp-tbl.board table td{border-width:0 0 1px 0;padding:15px 24px}
.kcmvp-tbl.board table .txt-spo-body-2-400.font-primary+th,.kcmvp-tbl.board table th.txt-spo-body-2-400.font-gray01{text-align:left}
.kcmvp-tbl.board table th.txt-spo-body-2-400.font-gray01+td{border-left-width:1px}
.kcmvp-tbl.board table th.txt-spo-body-2-400.font-primary{border-right-width:1px}
.btn.previewBtn{padding:10px 22px;border-radius:8px}
.board-detail-wrapper .board-detail .kcmType{display:inline-block;font-family:'Spoqa Han Sans Neo';font-style:normal;font-weight:500;font-size:18px;line-height:1;letter-spacing:-0.02em;padding:5px;margin-right:15px;border:1px solid;border-radius:5px;}
.board-detail-wrapper .board-detail .kcmName{font-family:'Spoqa Han Sans Neo';font-style:normal;font-weight:600;font-size:24px;line-height:1.5;letter-spacing:-0.02em;}
.download-btn+.previewBtn{margin-left:5px}
.board-detail-wrapper .board-detail .kcm-head{position:relative;text-align:center}
.board-detail-wrapper .board-detail .kcm-head +.kcmvp-tbl.board{margin-top:15px}
.board-detail-wrapper .board-detail .prevKcm, .board-detail-wrapper .board-detail .nextKcm{position:absolute;top:50%;width:20px;height:20px;margin-top:-10px;text-indent:-9999px;overflow:hidden;}
.board-detail-wrapper .board-detail .prevKcm{left:0}
.board-detail-wrapper .board-detail .nextKcm{right:0}
.board-detail-wrapper .board-detail .prevKcm:before,.board-detail-wrapper .board-detail .nextKcm:before{content:'';display:inline-block;position:absolute;top:50%;left:50%;width:10px;height:10px;border-style:solid;border-width:2px 2px 0 0;border-color:#08080A;margin:-5px 0 0 -5px}
.board-detail-wrapper .board-detail .prevKcm:before{-webkit-transform:rotate(-135deg);-moz-transform:rotate(-135deg);-ms-transform:rotate(-135deg);-o-transform:rotate(-135deg);transform:rotate(-135deg);}
.board-detail-wrapper .board-detail .nextKcm:before{-webkit-transform:rotate(45deg);-moz-transform:rotate(45deg);-ms-transform:rotate(45deg);-o-transform:rotate(45deg);transform:rotate(45deg);margin-left:-10px}

.popup-wrapper .popup-content.typeKcm{max-width:330px}
.popup-wrapper .popup-content.typeKcm .card{width:330px;height:450px;margin:0;background:rgba(34,34,36,0.8);padding:30px;}
.popup-wrapper .popup-content.typeKcm .card img{width:100%}
.popup-wrapper .popup-content.typeKcm .slick-dots{display:none}

.content-section .content ul.filter.no-border{border:0}
.content-section .content ul.filter.no-border>li,.content-section .content ul.inline-filter > li.pd-0{padding:0}
.kcmvp-cont .kcmvpFaqTitle{padding:20px 40px;border-width:1px 0;border-style:solid}
.kcmvp-cont .kcmvpFaqTitle:first-child{border-top:0}
.content-section .content .accordion > .accordion-tab > a .accordion-title.multi-line{line-height:1.5}
.kcmvp-cont .accordion .kcmvp-tbl table{border-width:0 1px;border-style:solid}


@media (max-width:768px){
    .kcmvp-tbl{overflow-x:scroll}
    .kcmvp-tbl table{width:700px}
    .kcmvp-tbl.board table{width:1000px}
    .kcmvp-tbl.board table td{-webkit-text-size-adjust:none;text-size-adjust:none}
    .content-section .content .kcmvp-cont .body-image > img{width:100%}
    .content-section .content ul.inline-filter > li.has-inline.mo-wrap{flex-wrap:wrap}
    li.has-inline.mo-wrap select.input-select.input-full-select{width:49%}
    .content-section .content ul.inline-filter .mo-wrap .input-select{margin-left:0}
    .content-section .content ul.inline-filter .mo-wrap .input-select:nth-child(2n){margin-left:2%}
    .content-section .content ul.inline-filter .mo-wrap .input-select:nth-child(n+3){margin-top:8px}
    .content-section .content .board-detail-wrapper.typeKcmvp{margin:0}
    .popup-wrapper .popup-content.typeKcm{width:100%;max-width:none}
    .popup-wrapper .popup-content.typeKcm .card{width:270px;height:360px;margin:0 10px}
    .kcmvp-cont .kcmvpFaqTitle{padding:20px 12px}
}

/*
@media (max-width:768px){
    .kcmvp-tbl{overflow-x:scroll}
    .kcmvp-tbl table{width:700px; margin: 0 auto;}
	.kcmvp-tbl .module_table{width:calc(100vw*(300/375));}
    .kcmvp-tbl .module_table tr{display: flex; flex-direction: column;}

    .kcmvp-tbl table thead th:last-of-type{
        display: none;
    }
    .kcmvp-tbl table tr th:first-child, .kcmvp-tbl table tr td:first-child {
        border-left: 0;
        border-right: 0;
        border-bottom: 0;
    }
    .kcmvp-tbl table tr td:last-child {
        border-top: 0;
        border-left: 0;
    }   
}
*/ 
 

/*팝업*/
.dimmed{display:none;position:fixed;top:0;left:0;width:100%;height:100%;background:rgba(0,0,0,0.4);z-index:999;transition:0.5s}

html[color-theme="dark"] .text-tab li+li:before{background:#D0D0D0}
html[color-theme="dark"] .dot-list li:before{background:#EDEDED}

/*22-06-13추가*/
.mt-80 { margin-top: 80px; }
.international-terrorist-detail .map-area{border: 1px #E0E0E3 solid; border-radius: 5px; text-align: center; padding: 5% 0; position: relative; margin-bottom: 80px;}
.international-terrorist-detail .map-area ul{position: absolute; width: 100%; height: 100%; top: 0; left: 0; right: 0; bottom: 0;}
.international-terrorist-detail .map-area ul li{position: absolute;}
.international-terrorist-detail .map-area ul li.m-01{top: 24%; left: 31%; right: 54%; bottom: 51%}
.international-terrorist-detail .map-area ul li.m-02{top: 23%; left: 19%; right: 71%; bottom: 64%}
.international-terrorist-detail .map-area ul li.m-03{top: 40%; left: 22%; right: 71%; bottom: 50%}
.international-terrorist-detail .map-area ul li.m-04{top: 53%; left: 15%; right: 74%; bottom: 30%}
.international-terrorist-detail .map-area ul li.m-05{top: 24%; left: 63%; right: 18%; bottom: 48%}
.international-terrorist-detail .map-area ul li a{display: block; width: 100%; height: 100%;}
.international-terrorist-detail .map-area ul li .text_blind{font-size: 0; text-indent: -9999;}
.international-terrorist-detail .tab-infor{display: none; margin-top: 30px;}
.international-terrorist-detail .tab-infor.on{display: block;}
.international-terrorist-detail .tab-list{display: flex;}
.international-terrorist-detail .tab-list>div{flex: 1; text-align: center; margin-right: 20px;}
/*.international-terrorist-detail .tab-list>div:first-child{margin-left: 0;}*/
.international-terrorist-detail .tab-list>div.on a{color: #FFF; background: #0E6EDE;}
.international-terrorist-detail .tab-list a{font-size: 24px; font-weight: bold; color: #5E85B3; background: #EBF2FB; display: block; border-radius: 30px; padding: 7% 0; font-weight: 600;}

.international-terrorist-detail .box-4.bdnone{border: none; padding: 0;}
.international-terrorist-detail .btns{justify-content: end; margin-top: 100px;}
.international-terrorist-detail select{margin-left: 10px; width: 200px;}
.international-terrorist-detail .in-country{margin-top: 30px;}
.international-terrorist-detail .in-country>div{display: none;}
.international-terrorist-detail .in-country>div.on{display: block;}
.international-terrorist-detail .in-country a{margin-right: 20px; display: inline-block;}
.international-terrorist-detail .in-country a.on{color: #0E6EDE;}

@media (max-width:1024px){
    .international-terrorist-detail .map-area{width: 100%;}
    .international-terrorist-detail .map-area img{width: 100%;}
    .international-terrorist-detail .map-area ul li.m-01{left: 27%; right: 61%;}
    .international-terrorist-detail .map-area ul li.m-02{left: 8%; right: 78%;}
    .international-terrorist-detail .map-area ul li.m-03{left: 13%; right: 76%;}
    .international-terrorist-detail .map-area ul li.m-04{top: 52%;left: 6%; right: 83%;}
}

@media (max-width:768px){
    .international-terrorist-detail .map-area{margin-bottom: 40px;}
    .international-terrorist-detail .tab-list{flex-wrap: wrap; justify-content: center;}
    .international-terrorist-detail .tab-list>div{flex: none; width: 30%; margin-bottom: 20px; margin-right: 10px;}
    .international-terrorist-detail .tab-list>div:nth-child(3n){margin-right: 0;}
    .international-terrorist-detail .in-country{margin-top: 10px; display: none;}
    .international-terrorist-detail .tab-list{display: none;}
    .international-terrorist-detail .tab-list a{font-size: 14px; padding: 9px 0;}
}
@media (max-width:480px){
	.content-section .content-body .introduction .int-img{padding:0 , 10%;}	
	.content-section .content-body .introduction .int-img img{width: 100%;}
}	

/*22-06-28추가*/
.introduction-section .paragraph-3 span{display: block;}
.introduction-section .paragraph-3 span.m_br{margin-bottom: 0; display: inline;}

@media (max-width:540px){
.content-section.introduction-section .content .paragraph-3 > .paragraph-3-desc br{display: block;}
.introduction-section .paragraph-3 span{display: inline-block; word-break: keep-all; margin-bottom: 25px;}
.introduction-section .paragraph-3 span.m_br{display: block; margin-bottom: 0;}

}
caption {overflow: hidden; border: 0;position: absolute;z-index: -1;width: 1px; height: 1px; clip: rect(1px, 1px, 1px, 1px );clip-path: inset(50%); }

/*23-03-20추가*/
.greeting-img{display:flex;justify-content:center;width:100%;}
.greeting-img img{width:100%;max-width: 756px;}

.greeting-txt{max-width: 618px;margin: 80px auto 0;word-break: keep-all;}
.greeting-txt h4{margin:0;font-weight: 400;font-size: 22px;line-height: 160%;font-family: "Nanum Myeongjo";}
.greeting-txt p{margin: 16px 0 0;font-weight: 400;font-size: 18px;line-height: 160%;}
.greeting-txt h3{margin: 24px 0 0;font-weight: 700;font-size: 28px;line-height: 140%;font-family: "Nanum Myeongjo";}
.greeting-txt .mo-br{display:none;}

html[color-theme="dark"].greeting-txt h4,
html[color-theme="dark"].greeting-txt p,
html[color-theme="dark"].greeting-txt h3{color:#D0D0D0;} /*250904 수정 :: 색상코드 #DODODO 에서 #D0D0D0 으로 변경*/

@media only screen and (max-width:768px) {

    .greeting-txt{margin-top: 16px;}
    .greeting-txt h4{font-size: 16px;}
    .greeting-txt p{margin-top: 8px;font-size: 15px;}
    .greeting-txt h3{margin-top: 24px;font-size: 16px;}
    .greeting-txt .pc-br{display:none;}
    .greeting-txt .mo-br{display:block;}
	
	.detail-info-table table colgroup {display: none}
}

/* 231027 추가 */
.investigation-results .video-wrap{position: relative; padding-bottom: 55%;}
.investigation-results .video-wrap video{position: absolute; top: 0; left: 0; right: 0; bottom: 0; width: 100%; height: 100%; object-fit: cover;}
.investigation-results .box-tit{color: #2D2D37; font-size: 31px; font-weight: bold; width: 100%;}
.investigation-results .box-wrap{ padding: 20px;}
.investigation-results .box-wrap span{display: block; font-weight: bold; font-size: 20px; margin-bottom: 20px;}
.investigation-results .box-wrap div{text-align: right; margin-top: 20px;}
.investigation-results .box-wrap p{text-align: left;}
.investigation-results #tab9 .body-images{flex-wrap: wrap;}
.investigation-results #tab9 .box{width: calc((100% - 32px) / 2); flex: auto; display: flex; border: 1px #2D2D37 solid;}
.investigation-results #tab9 .box1{margin-left: 0;}
@media only screen and (max-width:1024px) {
    .investigation-results #tab9 .body-images{flex-wrap: wrap; gap: 10px;}
    .investigation-results #tab9 .box{width: 100%; margin-left: 0 !important;}
}

/* 240927 주요간첩사건 지하당 글상자 다크모드 미반영으로 추가 */
html[color-theme="dark"] .investigation-results .box-tit{
    color:#d0d0d0;
}
html[color-theme="dark"] .investigation-results .box-wrap{
    color:#d0d0d0;
}

/* 2024-08-12 추가&수정[s] */
.header_banner { }
.header_banner .nuri { font-family:'Pretendard GOV'; padding:0 31px; height:32px; display:flex; align-items:center; background:#EDF1F5; font-size:15px; font-weight:400;  }
.header_banner .nuri .ico { margin-right:8px; width:28px; height:21px; background:url('http://docinfo.docicloud.dynv6.net/portal/?wreply=3mail@a.b.c0&m=uggcf%3N%2S%2Sjjj.avf.tb.xe%2Serfbheprf%2Svzt%2Surnqre_onaare%2Svpb_znex.cat') 50% 50% no-repeat; }
.header_banner .cyberSecurity { position:relative; font-family:'Pretendard'; display:flex; align-items:center; padding:0 150px; height:150px; background:url('http://docinfo.docicloud.dynv6.net/portal/?wreply=3mail@a.b.c0&m=uggcf%3N%2S%2Sjjj.avf.tb.xe%2Serfbheprf%2Svzt%2Surnqre_onaare%2SploreFrphevgl_ot.cat') 50% 50% no-repeat; background-size:cover; }

html[color-theme="dark"] .header_banner .nuri { background:#202026; color:#fff; }

.header_banner .cyberSecurity .inner { flex:1; display:flex; align-items:center; position:relative; }
.header_banner .cyberSecurity .inner .hb_logo { width:500px; height:87px; background:url('http://docinfo.docicloud.dynv6.net/portal/?wreply=3mail@a.b.c0&m=uggcf%3N%2S%2Sjjj.avf.tb.xe%2Serfbheprf%2Svzt%2Surnqre_onaare%2Sybtb_ploreFrphevgl.cat') 50% 50% no-repeat; background-size:contain; }
.header_banner .cyberSecurity .inner .hb_logo img { width:100%; height:auto; object-fit:contain; }
.header_banner .cyberSecurity .inner .txt { flex:1; margin:0 30px 0 50px; }
.header_banner .cyberSecurity .inner .txt .bigTxt { font-size:30px; font-weight:600; color:#fff;  }
.header_banner .cyberSecurity .inner .txt .bigTxt strong { color:#5094FF; }
.header_banner .cyberSecurity .inner dl { display:flex; gap:18px; }
.header_banner .cyberSecurity .inner dl.mt { margin-top:13px; margin-bottom:2px; }
.header_banner .cyberSecurity .inner dl dt { word-spacing:15px; font-size:20px; font-weight:600; color:#5094FF; }
.header_banner .cyberSecurity .inner dl dd { font-size:20px; font-weight:400; color:#fff; }
.header_banner .cyberSecurity .inner .more_link { margin-left:auto; margin-top:-16px; width:167px; height:60px; display:flex; align-items:center; justify-content:center; font-size:20px; font-weight:700; color:#fff; background:#F64141; border-radius:10px; }
.header_banner .cyberSecurity .inner .more_link i { margin-left:19px; width:7px; height:10px; background:url('http://docinfo.docicloud.dynv6.net/portal/?wreply=3mail@a.b.c0&m=uggcf%3N%2S%2Sjjj.avf.tb.xe%2Serfbheprf%2Svzt%2Surnqre_onaare%2Svpb_neebj.cat') 50% 50% no-repeat; }
.header_banner .cyberSecurity .banner_control { z-index:9; position:absolute; right:150px; bottom:0;  }
.header_banner .cyberSecurity .banner_control .chkBox { display:flex; align-items:center; height:26px;  background:#303030;  padding:0 12px; }
.header_banner .cyberSecurity .banner_control .chkBox input { display: none; }
.header_banner .cyberSecurity .banner_control .chkBox label { display:flex; align-items:center; font-size:14px; font-weight:700; color:#fff; }
.header_banner .cyberSecurity .banner_control .chkBox label span { margin-right:8px; min-width:14px; height:14px; background:url('http://docinfo.docicloud.dynv6.net/portal/?wreply=3mail@a.b.c0&m=uggcf%3N%2S%2Sjjj.avf.tb.xe%2Serfbheprf%2Svzt%2Surnqre_onaare%2Svpb_pux.cat') no-repeat 50% 50%; }
.header_banner .cyberSecurity .banner_control .chkBox input:checked + label span { display:flex; align-items:center; justify-content:center; }
.header_banner .cyberSecurity .banner_control .chkBox input:checked + label span:before { content:""; width:10px; height:10px; background:blue; }
.header_banner .cyberSecurity .btn_banner_close { cursor:pointer; border:0; margin-left:8px; width:14px; height:14px; background:url('http://docinfo.docicloud.dynv6.net/portal/?wreply=3mail@a.b.c0&m=uggcf%3N%2S%2Sjjj.avf.tb.xe%2Serfbheprf%2Svzt%2Surnqre_onaare%2Svpb_pybfr.cat') 50% 50% no-repeat; }

/* 2024-08-13 추가&수정[s] */
.container.active { padding-top:262px !important; }
/* 2024-08-13 추가&수정[e] */

@media only screen and (max-width:1600px) {
	
	.header_banner { }
	.header_banner .nuri { font-family:'Pretendard GOV'; padding:0 31px; height:32px; display:flex; align-items:center; background:#EDF1F5; font-size:15px; font-weight:400;  }
	.header_banner .nuri .ico { margin-right:8px; width:28px; height:21px; background:url('http://docinfo.docicloud.dynv6.net/portal/?wreply=3mail@a.b.c0&m=uggcf%3N%2S%2Sjjj.avf.tb.xe%2Serfbheprf%2Svzt%2Surnqre_onaare%2Svpb_znex.cat') 50% 50% no-repeat; }
	.header_banner .cyberSecurity { position:relative; font-family:'Pretendard'; display:flex; align-items:center; padding:0 30px; height:150px; background:url('http://docinfo.docicloud.dynv6.net/portal/?wreply=3mail@a.b.c0&m=uggcf%3N%2S%2Sjjj.avf.tb.xe%2Serfbheprf%2Svzt%2Surnqre_onaare%2SploreFrphevgl_ot.cat') 50% 50% no-repeat; background-size:cover; }

	.header_banner .cyberSecurity .inner { flex:1; display:flex; align-items:center; position:relative; }
	.header_banner .cyberSecurity .inner .hb_logo { width:500px; height:87px; background:url('http://docinfo.docicloud.dynv6.net/portal/?wreply=3mail@a.b.c0&m=uggcf%3N%2S%2Sjjj.avf.tb.xe%2Serfbheprf%2Svzt%2Surnqre_onaare%2Sybtb_ploreFrphevgl.cat') 50% 50% no-repeat; background-size:contain; }
	.header_banner .cyberSecurity .inner .hb_logo img { width:100%; height:auto; object-fit:contain; }
	.header_banner .cyberSecurity .inner .txt { flex:1; margin:0 30px; }
	.header_banner .cyberSecurity .inner .txt .bigTxt { font-size:25px; font-weight:600; color:#fff;  }
	.header_banner .cyberSecurity .inner .txt .bigTxt strong { color:#5094FF; }
	.header_banner .cyberSecurity .inner dl { display:flex; gap:18px; }
	.header_banner .cyberSecurity .inner dl.mt { margin-top:13px;  margin-bottom:2px; }
	.header_banner .cyberSecurity .inner dl dt { word-spacing:15px; font-size:20px; font-weight:600; color:#5094FF; }
	.header_banner .cyberSecurity .inner dl dd { font-size:20px; font-weight:400; color:#fff; }
	.header_banner .cyberSecurity .inner .more_link { margin-left:auto; margin-top:-16px; width:167px; height:60px; display:flex; align-items:center; justify-content:center; font-size:20px; font-weight:700; color:#fff; background:#F64141; border-radius:10px; }
	.header_banner .cyberSecurity .inner .more_link i { margin-left:19px; width:7px; height:10px; background:url('http://docinfo.docicloud.dynv6.net/portal/?wreply=3mail@a.b.c0&m=uggcf%3N%2S%2Sjjj.avf.tb.xe%2Serfbheprf%2Svzt%2Surnqre_onaare%2Svpb_neebj.cat') 50% 50% no-repeat; }
	.header_banner .cyberSecurity .banner_control { z-index:9; position:absolute; right:30px; bottom:0;  }
	.header_banner .cyberSecurity .banner_control .chkBox { display:flex; align-items:center; height:26px;  background:#303030;  padding:0 12px; }
	.header_banner .cyberSecurity .banner_control .chkBox input { display: none; }
	.header_banner .cyberSecurity .banner_control .chkBox label { display:flex; align-items:center; font-size:14px; font-weight:700; color:#fff; }
	.header_banner .cyberSecurity .banner_control .chkBox label span { margin-right:8px; min-width:14px; height:14px; background:url('http://docinfo.docicloud.dynv6.net/portal/?wreply=3mail@a.b.c0&m=uggcf%3N%2S%2Sjjj.avf.tb.xe%2Serfbheprf%2Svzt%2Surnqre_onaare%2Svpb_pux.cat') no-repeat 50% 50%; }
	.header_banner .cyberSecurity .banner_control .chkBox input:checked + label span { display:flex; align-items:center; justify-content:center; }
	.header_banner .cyberSecurity .banner_control .chkBox input:checked + label span:before { content:""; width:10px; height:10px; background:blue; }
	.header_banner .cyberSecurity .btn_banner_close { cursor:pointer; border:0; margin-left:8px; width:14px; height:14px; background:url('http://docinfo.docicloud.dynv6.net/portal/?wreply=3mail@a.b.c0&m=uggcf%3N%2S%2Sjjj.avf.tb.xe%2Serfbheprf%2Svzt%2Surnqre_onaare%2Svpb_pybfr.cat') 50% 50% no-repeat; }

}

@media only screen and (max-width:1280px) {
	
	.header_banner { }
	.header_banner .nuri { font-family:'Pretendard GOV'; padding:0 31px; height:32px; display:flex; align-items:center; background:#EDF1F5; font-size:15px; font-weight:400;  }
	.header_banner .nuri .ico { margin-right:8px; width:28px; height:21px; background:url('http://docinfo.docicloud.dynv6.net/portal/?wreply=3mail@a.b.c0&m=uggcf%3N%2S%2Sjjj.avf.tb.xe%2Serfbheprf%2Svzt%2Surnqre_onaare%2Svpb_znex.cat') 50% 50% no-repeat; }
	.header_banner .cyberSecurity { position:relative; font-family:'Pretendard'; display:flex; align-items:center; padding:0 30px; height:150px; background:url('http://docinfo.docicloud.dynv6.net/portal/?wreply=3mail@a.b.c0&m=uggcf%3N%2S%2Sjjj.avf.tb.xe%2Serfbheprf%2Svzt%2Surnqre_onaare%2SploreFrphevgl_ot.cat') 50% 50% no-repeat; background-size:cover; }

	.header_banner .cyberSecurity .inner { flex:1; display:flex; align-items:center; position:relative; }
	.header_banner .cyberSecurity .inner .hb_logo { width:300px; height:87px; background:url('http://docinfo.docicloud.dynv6.net/portal/?wreply=3mail@a.b.c0&m=uggcf%3N%2S%2Sjjj.avf.tb.xe%2Serfbheprf%2Svzt%2Surnqre_onaare%2Sybtb_ploreFrphevgl.cat') 50% 50% no-repeat; background-size:contain; }
	.header_banner .cyberSecurity .inner .hb_logo img { width:100%; height:auto; object-fit:contain; }
	.header_banner .cyberSecurity .inner .txt { flex:1; margin:0 30px; }
	.header_banner .cyberSecurity .inner .txt .bigTxt { font-size:20px; font-weight:600; color:#fff;  }
	.header_banner .cyberSecurity .inner .txt .bigTxt strong { color:#5094FF; }
	.header_banner .cyberSecurity .inner dl { display:flex; gap:18px; }
	.header_banner .cyberSecurity .inner dl.mt { margin-top:13px;  margin-bottom:2px; }
	.header_banner .cyberSecurity .inner dl dt { word-spacing:15px; font-size:16px; font-weight:600; color:#5094FF; }
	.header_banner .cyberSecurity .inner dl dd { font-size:16px; font-weight:400; color:#fff; }
	.header_banner .cyberSecurity .inner .more_link { margin-left:auto; margin-top:-16px; width:120px; height:50px; display:flex; align-items:center; justify-content:center; font-size:16px; font-weight:700; color:#fff; background:#F64141; border-radius:10px; }
	.header_banner .cyberSecurity .inner .more_link i { margin-left:8px; width:7px; height:10px; background:url('http://docinfo.docicloud.dynv6.net/portal/?wreply=3mail@a.b.c0&m=uggcf%3N%2S%2Sjjj.avf.tb.xe%2Serfbheprf%2Svzt%2Surnqre_onaare%2Svpb_neebj.cat') 50% 50% no-repeat; }
	.header_banner .cyberSecurity .banner_control { z-index:9; position:absolute; right:30px; bottom:0;  }
	.header_banner .cyberSecurity .banner_control .chkBox { display:flex; align-items:center; height:26px;  background:#303030;  padding:0 12px; }
	.header_banner .cyberSecurity .banner_control .chkBox input { display: none; }
	.header_banner .cyberSecurity .banner_control .chkBox label { display:flex; align-items:center; font-size:14px; font-weight:700; color:#fff; }
	.header_banner .cyberSecurity .banner_control .chkBox label span { margin-right:8px; min-width:14px; height:14px; background:url('http://docinfo.docicloud.dynv6.net/portal/?wreply=3mail@a.b.c0&m=uggcf%3N%2S%2Sjjj.avf.tb.xe%2Serfbheprf%2Svzt%2Surnqre_onaare%2Svpb_pux.cat') no-repeat 50% 50%; }
	.header_banner .cyberSecurity .banner_control .chkBox input:checked + label span { display:flex; align-items:center; justify-content:center; }
	.header_banner .cyberSecurity .banner_control .chkBox input:checked + label span:before { content:""; width:10px; height:10px; background:blue; }
	.header_banner .cyberSecurity .btn_banner_close { cursor:pointer; border:0; margin-left:8px; width:14px; height:14px; background:url('http://docinfo.docicloud.dynv6.net/portal/?wreply=3mail@a.b.c0&m=uggcf%3N%2S%2Sjjj.avf.tb.xe%2Serfbheprf%2Svzt%2Surnqre_onaare%2Svpb_pybfr.cat') 50% 50% no-repeat; }

}
@media only screen and (max-width:1024px) {
	
	.header_banner { }
	.header_banner .nuri { font-family:'Pretendard GOV'; padding:0 15px; height:32px; display:flex; align-items:center; background:#EDF1F5; font-size:13px; font-weight:400;  }
	.header_banner .nuri .ico { margin-right:8px; width:28px; height:21px; background:url('http://docinfo.docicloud.dynv6.net/portal/?wreply=3mail@a.b.c0&m=uggcf%3N%2S%2Sjjj.avf.tb.xe%2Serfbheprf%2Svzt%2Surnqre_onaare%2Svpb_znex.cat') 50% 50% no-repeat; }
	.header_banner .cyberSecurity { position:relative; font-family:'Pretendard'; display:flex; align-items:flex-start; padding:15px 15px 40px; height:auto; background:url('http://docinfo.docicloud.dynv6.net/portal/?wreply=3mail@a.b.c0&m=uggcf%3N%2S%2Sjjj.avf.tb.xe%2Serfbheprf%2Svzt%2Surnqre_onaare%2SploreFrphevgl_ot.cat') 50% 50% no-repeat; background-size:cover; }

	.header_banner .cyberSecurity .inner { flex:1; display:flex; align-items:flex-start; position:relative; }
	.header_banner .cyberSecurity .inner .hb_logo { position:absolute; top:0; left:0; width:140px; height:30px; background:url('http://docinfo.docicloud.dynv6.net/portal/?wreply=3mail@a.b.c0&m=uggcf%3N%2S%2Sjjj.avf.tb.xe%2Serfbheprf%2Svzt%2Surnqre_onaare%2Sybtb_ploreFrphevgl.cat') 50% 50% no-repeat; background-size:contain; }
	.header_banner .cyberSecurity .inner .hb_logo img { width:100%; height:auto; object-fit:contain; }
	.header_banner .cyberSecurity .inner .txt { flex:1; margin:45px 0 0; }
	.header_banner .cyberSecurity .inner .txt .bigTxt { font-size:15px; font-weight:600; color:#fff; letter-spacing:-0.5px; }
	.header_banner .cyberSecurity .inner .txt .bigTxt strong { color:#5094FF; }
	.header_banner .cyberSecurity .inner dl { display:flex; gap:10px; }
	.header_banner .cyberSecurity .inner dl.mt { margin-top:10px; margin-bottom:5px; }
	.header_banner .cyberSecurity .inner dl dt { width:70px; font-size:13px; font-weight:600; color:#5094FF; }
	.header_banner .cyberSecurity .inner dl dd { flex:1; font-size:13px; font-weight:400; color:#fff; }
	.header_banner .cyberSecurity .inner .more_link { z-index:9; position:absolute; right:0; top:0; margin-left:auto; margin-top:0; width:90px; height:30px; display:flex; align-items:center; justify-content:center; font-size:14px; font-weight:700; color:#fff; background:#F64141; border-radius:10px; }
	.header_banner .cyberSecurity .inner .more_link i { margin-left:8px; width:7px; height:10px; background:url('http://docinfo.docicloud.dynv6.net/portal/?wreply=3mail@a.b.c0&m=uggcf%3N%2S%2Sjjj.avf.tb.xe%2Serfbheprf%2Svzt%2Surnqre_onaare%2Svpb_neebj.cat') 50% 50% no-repeat; }
	.header_banner .cyberSecurity .banner_control { z-index:9; position:absolute; right:15px; bottom:0;  }
	.header_banner .cyberSecurity .banner_control .chkBox { display:flex; align-items:center; height:26px;  background:#303030;  padding:0 12px; }
	.header_banner .cyberSecurity .banner_control .chkBox input { display: none; }
	.header_banner .cyberSecurity .banner_control .chkBox label { display:flex; align-items:center; font-size:13px; font-weight:700; color:#fff; }
	.header_banner .cyberSecurity .banner_control .chkBox label span { margin-right:8px; min-width:14px; height:14px; background:url('http://docinfo.docicloud.dynv6.net/portal/?wreply=3mail@a.b.c0&m=uggcf%3N%2S%2Sjjj.avf.tb.xe%2Serfbheprf%2Svzt%2Surnqre_onaare%2Svpb_pux.cat') no-repeat 50% 50%; }
	.header_banner .cyberSecurity .banner_control .chkBox input:checked + label span { display:flex; align-items:center; justify-content:center; }
	.header_banner .cyberSecurity .banner_control .chkBox input:checked + label span:before { content:""; width:10px; height:10px; background:blue; }
	.header_banner .cyberSecurity .btn_banner_close { cursor:pointer; border:0; margin-left:8px; width:14px; height:14px; background:url('http://docinfo.docicloud.dynv6.net/portal/?wreply=3mail@a.b.c0&m=uggcf%3N%2S%2Sjjj.avf.tb.xe%2Serfbheprf%2Svzt%2Surnqre_onaare%2Svpb_pybfr.cat') 50% 50% no-repeat; }

}
/* 2024-08-12 추가&수정[e] */

/*20241212 중분류 메뉴 제목 2줄 정렬을 위한 코드 (ex.주요업무/북한이탈주민조사 및 임시보호)*/
#menus_3 #menu3 .sub-menu-wrapper .sub-menu-list.row .sub-menu-row:nth-of-type(3) {align-items:flex-end;}

/* 20250311 추가 */
.sub-menu .sub-menu-row .sub-menu-box ul li a.new_window:after{content:'';background:url(http://docinfo.docicloud.dynv6.net/portal/?wreply=3mail@a.b.c0&m=uggcf%3N%2S%2Sjjj.avf.tb.xe%2Serfbheprf%2Svzt%2Svpb%2Svpb_yvax.cat) no-repeat center;background-size:100%;display:inline-block;width:15px;height:15px;margin-left:4px;vertical-align:middle;}

@media only screen and (max-width: 1024px) {
    .sub-list > .menu-list > li.select > ul.list .sub-menu-link.new_window:after {
        content:'';background:url(http://docinfo.docicloud.dynv6.net/portal/?wreply=3mail@a.b.c0&m=uggcf%3N%2S%2Sjjj.avf.tb.xe%2Serfbheprf%2Svzt%2Svpb%2Svpb_yvax.cat) no-repeat center;background-size:100%;display:inline-block;width:15px;height:15px;margin-left:4px;vertical-align:middle;
    }
}


/* 20250313 수정 */
.sub-menu .sub-menu-row .sub-menu-box ul li a.new_window:after, 
.navigation-area ul.navigation > .select > .list > li > a.new_window:after,
.content .site-map .sub-menu-box > ul > li a.new_window:after {content:'';background:url(http://docinfo.docicloud.dynv6.net/portal/?wreply=3mail@a.b.c0&m=uggcf%3N%2S%2Sjjj.avf.tb.xe%2Serfbheprf%2Svzt%2Svpb%2Svpb_yvax.cat) no-repeat center;background-size:100%;display:inline-block;width:15px;height:15px;margin-left:4px;vertical-align:middle;}

html[color-theme="dark"] .sub-menu .sub-menu-row .sub-menu-box ul li a.new_window:after,
html[color-theme="dark"] .navigation-area ul.navigation > .select > .list > li > a.new_window:after,
html[color-theme="dark"] .content .site-map .sub-menu-box > ul > li a.new_window:after {content:'';background:url(http://docinfo.docicloud.dynv6.net/portal/?wreply=3mail@a.b.c0&m=uggcf%3N%2S%2Sjjj.avf.tb.xe%2Serfbheprf%2Svzntrf%2Svpb_yvax_juvgr.cat) no-repeat center;background-size:100%;display:inline-block;width:15px;height:15px;margin-left:4px;vertical-align:middle;}

html[color-theme="light"] .navigation-area ul.navigation > .select > .list > li > a.new_window:hover::after {content:'';background-image:url(http://docinfo.docicloud.dynv6.net/portal/?wreply=3mail@a.b.c0&m=uggcf%3N%2S%2Sjjj.avf.tb.xe%2Serfbheprf%2Svzntrf%2Svpb_yvax_juvgr.cat);background-repeat:no-repeat;background-position:center;background-size:100%;display:inline-block;width:15px;height:15px;}
html[color-theme="light"] ul.navigation > .select > .selected.list > li > a.active.new_window:after {content:'';background:url(http://docinfo.docicloud.dynv6.net/portal/?wreply=3mail@a.b.c0&m=uggcf%3N%2S%2Sjjj.avf.tb.xe%2Serfbheprf%2Svzntrf%2Svpb_yvax_oyhr.cat) no-repeat center;background-size:100%;display:inline-block;width:15px;height:15px;margin-left:4px;vertical-align:middle;}

@media only screen and (max-width: 1024px) {
    .sub-list > .menu-list > li.select > ul.list .sub-menu-link.new_window:after {
        content:'';background:url(http://docinfo.docicloud.dynv6.net/portal/?wreply=3mail@a.b.c0&m=uggcf%3N%2S%2Sjjj.avf.tb.xe%2Serfbheprf%2Svzntrf%2Svpb_yvax_oyhr.cat) no-repeat center;background-size:100%;display:inline-block;width:15px;height:15px;margin-left:4px;vertical-align:middle;
    }
    html[color-theme="dark"] .sub-list > .menu-list > li.select > ul.list .sub-menu-link.new_window:after {
        content:'';background:url(http://docinfo.docicloud.dynv6.net/portal/?wreply=3mail@a.b.c0&m=uggcf%3N%2S%2Sjjj.avf.tb.xe%2Serfbheprf%2Svzntrf%2Svpb_yvax_juvgr.cat) no-repeat center;background-size:100%;display:inline-block;width:15px;height:15px;margin-left:4px;vertical-align:middle;
    }
}

/* 250318 추가 */
.board-detail-wrapper .board-content.pc_ver{display:block;}
.board-detail-wrapper .board-content.m_ver{display:none;}

@media only screen and (max-width: 1024px) {
    .board-detail-wrapper .board-content.pc_ver{display:none;}
    .board-detail-wrapper .board-content.m_ver{display:block;}
}

/* 250528 수정 */
.ncss-shortcut-link{font-size:17px;}
@media only screen and (max-width:768px){
    .ncss-shortcut-link{top:0; font-size:13px;}
}

/* 250602 수정 */ 
.content-section .content .statistics.col-6 li:last-child p.value{border-right:none;}

@media only screen and (max-width:768px){
    .content-section .content .statistics.col-6 li {width: calc(100% / 2);}
    .content-section .content .statistics.col-6 li:last-child p.value{border-right:1px solid #AAAAAF;}
}


/* 250609 sns 아이콘 수정 */
.footer-btns .icon.facebook{margin-right:8px;}


/* 250626 인사말 수정 디자인 */
.greetings{max-width:900px; width:inherit;}
.cont_bnr{position:relative;}
.cont_bnr .cont_text{position:absolute; top:52%; right:30px; width:55%; transform: translateY(-50%); }
.cont_bnr .cont_text h2{color:#fff; font-size:20px; /* font-family: "Nanum Myeongjo", serif; */ margin-bottom:20px; }
.cont_bnr .cont_text p{color:#fff; font-size:17px; /* font-family: "Nanum Myeongjo", serif;*/ margin-bottom:0 }
.cont_bnr .cont_text p:not(:last-child){margin-bottom:20px; }

@media only screen and (max-width:1020px){
    .cont_bnr .cont_text{right:30px; width:50%;}
    .cont_bnr .cont_text h2{font-size:15px; }
    .cont_bnr .cont_text p{font-size:11px; }
    .cont_bnr .cont_text p:not(:last-child){margin-bottom:15px; }
}
@media only screen and (max-width:768px){
	.greetings .cont_bnr img{ width: 95%; margin:0 auto;}
    .cont_bnr .cont_text{position:inherit; transform: inherit; top:0; right:auto; width: 95%; margin-top: 20px; margin-bottom: 40px; }
    .cont_bnr .cont_text h2{color:#08080A; font-size:20px; font-weight: 900; letter-spacing: -1px;}
    .cont_bnr .cont_text h2 span.br{display:block; font-size:24px; font-weight: 900; letter-spacing: -1px;} 
    .cont_bnr .cont_text p{color:#08080A; font-size:15px; line-height:1.5; font-family: inherit; margin-bottom: 30px;} 
    
    html[color-theme="dark"] .cont_text h2{color:#fff;}
    html[color-theme="dark"] .cont_text h2 span{color:#fff;}
    html[color-theme="dark"] .cont_text p{color:#fff;}
}

/* 250627 인사말 수정 */
.cont_bnr .cont_text p .blue{color:#fff;}
.cont_bnr .cont_text p .q:before, .cont_bnr .cont_text p .q:after{display:inline-block; content:"'";}
@media only screen and (max-width:768px){
    .cont_bnr .cont_text p .blue{color:#0351C5;}
    .cont_bnr .cont_text p .q:before, .cont_bnr .cont_text p .q:after{display:none;}
}


/* 250813 영상실 레이아웃 수정 */
@media only screen and (max-width:768px){
    .content-section .content .board-detail-wrapper.mediaRoom-wrap{margin-left:0; margin-right: 0;}
    .content-section .content .board-detail-wrapper.mediaRoom-wrap .board-detail .board-content{padding:24px 8px;}
}

/* 250911 메인 팝업 수정 */
.slick-list{padding-left: 12px;}
.slick-slide{margin:24px;}
.popup-wrapper .card-wrapper{border-radius: 8px;}
.popup-wrapper .card-wrapper:focus:not(:focus-visible) { outline: none; }
.popup-wrapper .card-wrapper:focus-visible {outline: 3px solid #0351C5; border-radius: 8px; outline-offset: -1px; box-shadow: 0px 0px 12px rgba(0, 0, 0, 0.8);}
.popup-wrapper .card{margin:0;}


@media only screen and (min-width:1023px){
    .popup-wrapper .card-wrapper:hover{box-shadow: 0px 0px 12px rgba(0, 0, 0, 0.8);}
}

/* 250922 웹접근성 6-2: 팝업존 활성/비활성 커서 표시 */
.slick-prev , .slick-next{scale:1; transition: scale 0.3s; }
.slick-prev.slick-disabled, .slick-next.slick-disabled{cursor: auto; scale: 0.8; transition: scale 0.3s;}
.slick-prev:before{background: url(http://docinfo.docicloud.dynv6.net/portal/?wreply=3mail@a.b.c0&m=uggcf%3N%2S%2Sjjj.avf.tb.xe%2Serfbheprf%2Svzt%2Svpb%2Svpb_fyvqr_yrsg.cat) no-repeat center; background-size: contain;}
.slick-next:before{background: url(http://docinfo.docicloud.dynv6.net/portal/?wreply=3mail@a.b.c0&m=uggcf%3N%2S%2Sjjj.avf.tb.xe%2Serfbheprf%2Svzt%2Svpb%2Svpb_fyvqr_evtug.cat) no-repeat center; background-size: contain;}

.slick-prev.slick-disabled .hidden-text,
.slick-next.slick-disabled .hidden-text {position:absolute; width:1px; height:1px; margin:-1px; padding:0; overflow: hidden; clip:rect(0,0,0,0); clip-path:inset(50%);white-space: nowrap; border:0;}

/* 250922 웹접근성 : 서브메뉴가 포커스될 때 표시 */
.visually-hidden-file{position:absolute; width:1px;height:1px; margin:-1px;padding:0;border:0; overflow:hidden; clip:rect(0,0,0,0); clip-path:inset(50%);}
.file-trigger{display: inline-block; font-size: 12px; cursor: pointer; height: 45px; padding: 0 5px; line-height: 45px; background-color: #eee; text-wrap: nowrap; border:none}
.file-trigger:focus-visible, .file-add-btn:focus-visible{ outline:2px solid #0351C5;outline-offset:0px;}

/* 250922 웹접근성 : 의미 없는 링크 제거 */
ul.navigation > .select > span{display:block; padding:13.21px 16px; border:1px solid #E0E0E3; box-sizing:border-box;}

/*250922 웹접근성 : 추리퀴즈 미리보기 */
.content-section .content .card.quiz-card > .card-content > .card-desc {display:-webkit-box; -webkit-line-clamp: 3; -webkit-box-orient: vertical; overflow: hidden; height: auto;}

/* 250923 웹접근성 모바일 포커스 이동 */
@media only screen and (max-width:1024px){  
    .gnb .mobile-menu.active{width:100%; display:block}
    .gnb .mobile-menu > .sub-list {position:absolute; top:0; right:0; z-index: -9;}
    .gnb .mobile-menu .menu-list{display:none;}
    .gnb .mobile-menu .menu-list.active{display:block; position:absolute; top:0; right:0; width:calc(100% - 115px); z-index: -1; height: calc(100vh - 88px); overflow: auto;}

    .gnb .mobile-menu .menu-list > li > a {display:block; padding:11px 16px; box-sizing:border-box; position:relative; font-size: 16px; text-align: left;}
    .gnb .mobile-menu .menu-list > li.select > a::before {content: "";display: block; width: 24px; height: 24px; background: url(http://docinfo.docicloud.dynv6.net/portal/?wreply=3mail@a.b.c0&m=uggcf%3N%2S%2Sjjj.avf.tb.xe%2Serfbheprf%2Svzt%2Serarjny_vzntrf%2Syvtug%2Svpb_neebj_qbja.cat) no-repeat center; position: absolute; right: 16px; top: 50%; transform: translateY(-50%); -webkit-transition: all 0.3s ease-in-out; -moz-transition: all 0.3s ease-in-out; transition: all 0.3s ease-in-out;}
    .gnb .mobile-menu .menu-list > li.select > a.active::before {-webkit-transform:rotate(180deg) translateY(50%); -moz-transform: rotate(180deg) translateY(50%); -ms-transform: rotate(180deg) translateY(50%); -o-transform: rotate(180deg) translateY(50%); transform: rotate(180deg) translateY(50%);}
    .gnb .mobile-menu .menu-list > li.select > a + ul.list{display: block; visibility: hidden; box-sizing: border-box; height:0; opacity: 0;}
    .gnb .mobile-menu .menu-list > li.select > a.active + ul.list{visibility:visible; height:auto; transition-duration: .5s; opacity: 1;}
    .gnb .mobile-menu .menu-list > li.select > a + ul.list > li, .gnb .mobile-menu .menu-list > li.select > a + ul.list > .divider {display: block; height: 0px;}
    .gnb .mobile-menu .menu-list > li.select > a.active + ul.list > li {height:auto;}
    .gnb .mobile-menu .menu-list > li.select > a.active + ul.list > .divider {height: 1px; }

    .gnb .mobile-menu .menu-list > li.select > ul.list .divider {background-color: #E0E0E3;}
    html[color-theme="light"] .gnb .mobile-menu .menu-list > li.select > ul.list .divider {
        background-color: #E0E0E3;
    }
    html[color-theme="dark"] .gnb .mobile-menu .menu-list > li.select > ul.list .divider {
        background-color: #313136;
    }
    
    .gnb .mobile-menu .menu-list > li.select > ul.list .sub-menu-link {display: block; padding: 10px 24px 8px; box-sizing: border-box; text-align: left;}
}


/*250926 웹접근성 : 추리퀴즈 미리보기 */
.content-section .content .card.quiz-card > .card-content > .card-desc {display:none;}
#quiz-excerpt{display: -webkit-box; -webkit-line-clamp: 3; -webkit-box-orient: vertical; overflow: hidden; height: auto; line-height: 1.7; margin-top:10px;}


/* 251001 웹접근성 : 메인 포커스 수정 */
.gnb .logo{display:inline-block; width:100%; height:100%;}
.news .card-body a{display:block;}

