/*# sourceURL=/www-new/css/default.css */
/*@ sourceURL=/www-new/css/default.css */
/*@ sourceURL=/www-new/css/default.css */
/*@ sourceURL=/www-new/css/default.css */
@charset "UTF-8";
/* bebas-neue-regular - latin-ext_latin */
@font-face { font-family: 'Bebas Neue'; font-style: normal; font-weight: 400; src: url("/www-new/css/../fonts/bebas-neue-v2-latin-ext_latin-regular.eot"); /* IE9 Compat Modes */ src: local(""), url("/www-new/css/../fonts/bebas-neue-v2-latin-ext_latin-regular.eot?#iefix") format("embedded-opentype"), url("/www-new/css/../fonts/bebas-neue-v2-latin-ext_latin-regular.woff2") format("woff2"), url("/www-new/css/../fonts/bebas-neue-v2-latin-ext_latin-regular.woff") format("woff"), url("/www-new/css/../fonts/bebas-neue-v2-latin-ext_latin-regular.ttf") format("truetype"), url("/www-new/css/../fonts/bebas-neue-v2-latin-ext_latin-regular.svg#BebasNeue") format("svg"); /* Legacy iOS */ }

/* playfair-display-regular - latin */
@font-face { font-family: 'Playfair Display'; font-style: normal; font-weight: 400; src: url("/www-new/css/../fonts/playfair-display-v22-latin-regular.eot"); /* IE9 Compat Modes */ src: local(""), url("/www-new/css/../fonts/playfair-display-v22-latin-regular.eot?#iefix") format("embedded-opentype"), url("/www-new/css/../fonts/playfair-display-v22-latin-regular.woff2") format("woff2"), url("/www-new/css/../fonts/playfair-display-v22-latin-regular.woff") format("woff"), url("/www-new/css/../fonts/playfair-display-v22-latin-regular.ttf") format("truetype"), url("/www-new/css/../fonts/playfair-display-v22-latin-regular.svg#PlayfairDisplay") format("svg"); /* Legacy iOS */ }

/* playfair-display-500 - latin */
@font-face { font-family: 'Playfair Display'; font-style: normal; font-weight: 500; src: url("/www-new/css/../fonts/playfair-display-v22-latin-500.eot"); /* IE9 Compat Modes */ src: local(""), url("/www-new/css/../fonts/playfair-display-v22-latin-500.eot?#iefix") format("embedded-opentype"), url("/www-new/css/../fonts/playfair-display-v22-latin-500.woff2") format("woff2"), url("/www-new/css/../fonts/playfair-display-v22-latin-500.woff") format("woff"), url("/www-new/css/../fonts/playfair-display-v22-latin-500.ttf") format("truetype"), url("/www-new/css/../fonts/playfair-display-v22-latin-500.svg#PlayfairDisplay") format("svg"); /* Legacy iOS */ }

/* playfair-display-600 - latin */
@font-face { font-family: 'Playfair Display'; font-style: normal; font-weight: 600; src: url("/www-new/css/../fonts/playfair-display-v22-latin-600.eot"); /* IE9 Compat Modes */ src: local(""), url("/www-new/css/../fonts/playfair-display-v22-latin-600.eot?#iefix") format("embedded-opentype"), url("/www-new/css/../fonts/playfair-display-v22-latin-600.woff2") format("woff2"), url("/www-new/css/../fonts/playfair-display-v22-latin-600.woff") format("woff"), url("/www-new/css/../fonts/playfair-display-v22-latin-600.ttf") format("truetype"), url("/www-new/css/../fonts/playfair-display-v22-latin-600.svg#PlayfairDisplay") format("svg"); /* Legacy iOS */ }

/* eb-garamond-regular - latin */
@font-face { font-family: 'EB Garamond'; font-style: normal; font-weight: 400; src: url("/www-new/css/../fonts/eb-garamond-v15-latin-regular.eot"); /* IE9 Compat Modes */ src: local(""), url("/www-new/css/../fonts/eb-garamond-v15-latin-regular.eot?#iefix") format("embedded-opentype"), url("/www-new/css/../fonts/eb-garamond-v15-latin-regular.woff2") format("woff2"), url("/www-new/css/../fonts/eb-garamond-v15-latin-regular.woff") format("woff"), url("/www-new/css/../fonts/eb-garamond-v15-latin-regular.ttf") format("truetype"), url("/www-new/css/../fonts/eb-garamond-v15-latin-regular.svg#EBGaramond") format("svg"); /* Legacy iOS */ }

/* eb-garamond-500 - latin */
@font-face { font-family: 'EB Garamond'; font-style: normal; font-weight: 500; src: url("/www-new/css/../fonts/eb-garamond-v15-latin-500.eot"); /* IE9 Compat Modes */ src: local(""), url("/www-new/css/../fonts/eb-garamond-v15-latin-500.eot?#iefix") format("embedded-opentype"), url("/www-new/css/../fonts/eb-garamond-v15-latin-500.woff2") format("woff2"), url("/www-new/css/../fonts/eb-garamond-v15-latin-500.woff") format("woff"), url("/www-new/css/../fonts/eb-garamond-v15-latin-500.ttf") format("truetype"), url("/www-new/css/../fonts/eb-garamond-v15-latin-500.svg#EBGaramond") format("svg"); /* Legacy iOS */ }

/* eb-garamond-600 - latin */
@font-face { font-family: 'EB Garamond'; font-style: normal; font-weight: 600; src: url("/www-new/css/../fonts/eb-garamond-v15-latin-600.eot"); /* IE9 Compat Modes */ src: local(""), url("/www-new/css/../fonts/eb-garamond-v15-latin-600.eot?#iefix") format("embedded-opentype"), url("/www-new/css/../fonts/eb-garamond-v15-latin-600.woff2") format("woff2"), url("/www-new/css/../fonts/eb-garamond-v15-latin-600.woff") format("woff"), url("/www-new/css/../fonts/eb-garamond-v15-latin-600.ttf") format("truetype"), url("/www-new/css/../fonts/eb-garamond-v15-latin-600.svg#EBGaramond") format("svg"); /* Legacy iOS */ }

/* eb-garamond-700 - latin */
@font-face { font-family: 'EB Garamond'; font-style: normal; font-weight: 700; src: url("/www-new/css/../fonts/eb-garamond-v15-latin-700.eot"); /* IE9 Compat Modes */ src: local(""), url("/www-new/css/../fonts/eb-garamond-v15-latin-700.eot?#iefix") format("embedded-opentype"), url("/www-new/css/../fonts/eb-garamond-v15-latin-700.woff2") format("woff2"), url("/www-new/css/../fonts/eb-garamond-v15-latin-700.woff") format("woff"), url("/www-new/css/../fonts/eb-garamond-v15-latin-700.ttf") format("truetype"), url("/www-new/css/../fonts/eb-garamond-v15-latin-700.svg#EBGaramond") format("svg"); /* Legacy iOS */ }

/* open-sans - 300~800 (외부서버)구글폰트 */
/* @import url('https://fonts.googleapis.com/css2?family=Open+Sans:ital,wght@0,300;0,400;0,500;0,600;0,700;0,800;1,300;1,400;1,500;1,600;1,700;1,800&display=swap'); */

/* Open Sans - 300 */
@font-face { font-family: 'Open Sans'; font-style: normal; font-weight: 300; src: url("/www-new/css/../fonts/OpenSans-Light.eot"); /* IE9 Compat Modes */ src: local(""), url("/www-new/css/../fonts/OpenSans-Light.eot?#iefix") format("embedded-opentype"), url("/www-new/css/../fonts/OpenSans-Light.woff2") format("font-woff2"), url("/www-new/css/../fonts/OpenSans-Light.woff") format("woff"), url("/www-new/css/../fonts/OpenSans-Light.ttf") format("truetype"); /* Legacy iOS */ }

/* Open Sans - 300 italic */
@font-face { font-family: 'Open Sans'; font-style: italic; font-weight: 300; src: url("/www-new/css/../fonts/OpenSans-LightItalic.eot"); /* IE9 Compat Modes */ src: local(""), url("/www-new/css/../fonts/OpenSans-LightItalic.eot?#iefix") format("embedded-opentype"), url("/www-new/css/../fonts/OpenSans-LightItalic.woff2") format("font-woff2"), url("/www-new/css/../fonts/OpenSans-LightItalic.woff") format("woff"), url("/www-new/css/../fonts/OpenSans-LightItalic.ttf") format("truetype"); /* Legacy iOS */ }

/* Open Sans - 400 */
@font-face { font-family: 'Open Sans'; font-style: normal; font-weight: 400; src: url("/www-new/css/../fonts/OpenSans-Regular.eot"); /* IE9 Compat Modes */ src: local(""), url("/www-new/css/../fonts/OpenSans-Regular.eot?#iefix") format("embedded-opentype"), url("/www-new/css/../fonts/OpenSans-Regular.woff2") format("font-woff2"), url("/www-new/css/../fonts/OpenSans-Regular.woff") format("woff"), url("/www-new/css/../fonts/OpenSans-Regular.ttf") format("truetype"); /* Legacy iOS */ }

/* Open Sans - 400 italic */
@font-face { font-family: 'Open Sans'; font-style: italic; font-weight: 400; src: url("/www-new/css/../fonts/OpenSans-Italic.eot"); /* IE9 Compat Modes */ src: local(""), url("/www-new/css/../fonts/OpenSans-Italic.eot?#iefix") format("embedded-opentype"), url("/www-new/css/../fonts/OpenSans-Italic.woff2") format("font-woff2"), url("/www-new/css/../fonts/OpenSans-Italic.woff") format("woff"), url("/www-new/css/../fonts/OpenSans-Italic.ttf") format("truetype"); /* Legacy iOS */ }

/* Open Sans - 500 */
@font-face { font-family: 'Open Sans'; font-style: normal; font-weight: 500; src: url("/www-new/css/../fonts/OpenSans-Medium.eot"); /* IE9 Compat Modes */ src: local(""), url("/www-new/css/../fonts/OpenSans-Medium.eot?#iefix") format("embedded-opentype"), url("/www-new/css/../fonts/OpenSans-Medium.woff2") format("font-woff2"), url("/www-new/css/../fonts/OpenSans-Medium.woff") format("woff"), url("/www-new/css/../fonts/OpenSans-Medium.ttf") format("truetype"); /* Legacy iOS */ }

/* open-sans- 500 italic */
@font-face { font-family: 'Open Sans'; font-style: italic; font-weight: 500; src: url("/www-new/css/../fonts/OpenSans-MediumItalic.eot"); /* IE9 Compat Modes */ src: local(""), url("/www-new/css/../fonts/OpenSans-MediumItalic.eot?#iefix") format("embedded-opentype"), url("/www-new/css/../fonts/OpenSans-MediumItalic.woff2") format("font-woff2"), url("/www-new/css/../fonts/OpenSans-MediumItalic.woff") format("woff"), url("/www-new/css/../fonts/OpenSans-MediumItalic.ttf") format("truetype"); /* Legacy iOS */ }

/* Open Sans - 600 */
@font-face { font-family: 'Open Sans'; font-style: normal; font-weight: 600; src: url("/www-new/css/../fonts/OpenSans-SemiBold.eot"); /* IE9 Compat Modes */ src: local(""), url("/www-new/css/../fonts/OpenSans-SemiBold.eot?#iefix") format("embedded-opentype"), url("/www-new/css/../fonts/OpenSans-SemiBold.woff") format("font-woff2"), url("/www-new/css/../fonts/OpenSans-SemiBold.woff") format("woff"), url("/www-new/css/../fonts/OpenSans-SemiBold.ttf") format("truetype"); /* Legacy iOS */ }

/* Open Sans - 600 italic */
@font-face { font-family: 'Open Sans'; font-style: italic; font-weight: 600; src: url("/www-new/css/../fonts/OpenSans-SemiBoldItalic.eot"); /* IE9 Compat Modes */ src: local(""), url("/www-new/css/../fonts/OpenSans-SemiBoldItalic.eot?#iefix") format("embedded-opentype"), url("/www-new/css/../fonts/OpenSans-SemiBoldItalic.woff2") format("font-woff2"), url("/www-new/css/../fonts/OpenSans-SemiBoldItalic.woff") format("woff"), url("/www-new/css/../fonts/OpenSans-SemiBoldItalic.ttf") format("truetype"); /* Legacy iOS */ }

/* Open Sans - 700 */
@font-face { font-family: 'Open Sans'; font-style: normal; font-weight: 700; src: url("/www-new/css/../fonts/OpenSans-Bold.eot"); /* IE9 Compat Modes */ src: local(""), url("/www-new/css/../fonts/OpenSans-Bold.eot?#iefix") format("embedded-opentype"), url("/www-new/css/../fonts/OpenSans-Bold.woff2") format("font-woff2"), url("/www-new/css/../fonts/OpenSans-Bold.woff") format("woff"), url("/www-new/css/../fonts/OpenSans-Bold.ttf") format("truetype"); /* Legacy iOS */ }

/* Open Sans - 700 italic */
@font-face { font-family: 'Open Sans'; font-style: italic; font-weight: 700; src: url("/www-new/css/../fonts/OpenSans-BoldItalic.eot"); /* IE9 Compat Modes */ src: local(""), url("/www-new/css/../fonts/OpenSans-BoldItalic.eot?#iefix") format("embedded-opentype"), url("/www-new/css/../fonts/OpenSans-BoldItalic.woff2") format("font-woff2"), url("/www-new/css/../fonts/OpenSans-BoldItalic.woff") format("woff"), url("/www-new/css/../fonts/OpenSans-BoldItalic.ttf") format("truetype"); /* Legacy iOS */ }

/* Open Sans - 800 */
@font-face { font-family: 'Open Sans'; font-style: normal; font-weight: 800; src: url("/www-new/css/../fonts/OpenSans-ExtraBold.eot"); /* IE9 Compat Modes */ src: local(""), url("/www-new/css/../fonts/OpenSans-ExtraBold.eot?#iefix") format("embedded-opentype"), url("/www-new/css/../fonts/OpenSans-ExtraBold.woff2") format("font-woff2"), url("/www-new/css/../fonts/OpenSans-ExtraBold.woff") format("woff"), url("/www-new/css/../fonts/OpenSans-ExtraBold.ttf") format("truetype"); /* Legacy iOS */ }

/* Open Sans - 800 italic */
@font-face { font-family: 'Open Sans'; font-style: italic; font-weight: 800; src: url("/www-new/css/../fonts/OpenSans-ExtraBoldItalic.eot"); /* IE9 Compat Modes */ src: local(""), url("/www-new/css/../fonts/OpenSans-ExtraBoldItalic.eot?#iefix") format("embedded-opentype"), url("/www-new/css/../fonts/OpenSans-ExtraBoldItalic.woff2") format("font-woff2"), url("/www-new/css/../fonts/OpenSans-ExtraBoldItalic.woff") format("woff"), url("/www-new/css/../fonts/OpenSans-ExtraBoldItalic.ttf") format("truetype"); /* Legacy iOS */ }

/* Noto Sans - Thin 100*/
@font-face { font-family: 'Noto Sans'; font-style: normal; font-weight: 100; src: url("/www-new/css/../fonts/NotoSansKR-Thin.eot"); /* IE9 Compat Modes */ src: local(※), url("/www-new/css/../fonts/NotoSansKR-Thin.eot?#iefix") format("embedded-opentype"), url("/www-new/css/../fonts/NotoSansKR-Thin.woff2") format("woff2"), url("/www-new/css/../fonts/NotoSansKR-Thin.woff") format("woff"), url("/www-new/css/../fonts/NotoSansKR-Thin.ttf") format("truetype"); /* Legacy iOS */ }

/* Noto Sans - ExtraLight 200*/
@font-face { font-family: 'Noto Sans'; font-style: normal; font-weight: 200; src: url("/www-new/css/../fonts/NotoSansKR-ExtraLight.eot"); /* IE9 Compat Modes */ src: local(※), url("/www-new/css/../fonts/NotoSansKR-ExtraLight.eot?#iefix") format("embedded-opentype"), url("/www-new/css/../fonts/NotoSansKR-ExtraLight.woff2") format("woff2"), url("/www-new/css/../fonts/NotoSansKR-ExtraLight.woff") format("woff"), url("/www-new/css/../fonts/NotoSansKR-ExtraLight.ttf") format("truetype"); /* Legacy iOS */ }

/* Noto Sans - Light 300*/
@font-face { font-family: 'Noto Sans'; font-style: normal; font-weight: 300; src: url("/www-new/css/../fonts/NotoSansKR-Light.eot"); /* IE9 Compat Modes */ src: local(※), url("/www-new/css/../fonts/NotoSansKR-Light.eot?#iefix") format("embedded-opentype"), url("/www-new/css/../fonts/NotoSansKR-Light.woff2") format("woff2"), url("/www-new/css/../fonts/NotoSansKR-Light.woff") format("woff"), url("/www-new/css/../fonts/NotoSansKR-Light.ttf") format("truetype"); /* Legacy iOS */ }

/* Noto Sans - Regular 400*/
@font-face { font-family: 'Noto Sans'; font-style: normal; font-weight: 400; src: url("/www-new/css/../fonts/NotoSansKR-Regular.eot"); /* IE9 Compat Modes */ src: local(※), url("/www-new/css/../fonts/NotoSansKR-Regular.eot?#iefix") format("embedded-opentype"), url("/www-new/css/../fonts/NotoSansKR-Regular.woff2") format("woff2"), url("/www-new/css/../fonts/NotoSansKR-Regular.woff") format("woff"), url("/www-new/css/../fonts/NotoSansKR-Regular.ttf") format("truetype"); /* Legacy iOS */ }

/* Noto Sans - Medium 500*/
@font-face { font-family: 'Noto Sans'; font-style: normal; font-weight: 500; src: url("/www-new/css/../fonts/NotoSansKR-Medium.eot"); /* IE9 Compat Modes */ src: local(※), url("/www-new/css/../fonts/NotoSansKR-Medium.eot?#iefix") format("embedded-opentype"), url("/www-new/css/../fonts/NotoSansKR-Medium.woff2") format("woff2"), url("/www-new/css/../fonts/NotoSansKR-Medium.woff") format("woff"), url("/www-new/css/../fonts/NotoSansKR-Medium.ttf") format("truetype"); /* Legacy iOS */ }

/* Noto Sans - SemiBold 600*/
@font-face { font-family: 'Noto Sans'; font-style: normal; font-weight: 600; src: url("/www-new/css/../fonts/NotoSansKR-SemiBold.eot"); /* IE9 Compat Modes */ src: local(※), url("/www-new/css/../fonts/NotoSansKR-SemiBold.eot?#iefix") format("embedded-opentype"), url("/www-new/css/../fonts/NotoSansKR-SemiBold.woff2") format("woff2"), url("/www-new/css/../fonts/NotoSansKR-SemiBold.woff") format("woff"), url("/www-new/css/../fonts/NotoSansKR-SemiBold.ttf") format("truetype"); /* Legacy iOS */ }

/* Noto Sans - Bold 700*/
@font-face { font-family: 'Noto Sans'; font-style: normal; font-weight: 700; src: url("/www-new/css/../fonts/NotoSansKR-Bold.eot"); /* IE9 Compat Modes */ src: local(※), url("/www-new/css/../fonts/NotoSansKR-Bold.eot?#iefix") format("embedded-opentype"), url("/www-new/css/../fonts/NotoSansKR-Bold.woff2") format("woff2"), url("/www-new/css/../fonts/NotoSansKR-Bold.woff") format("woff"), url("/www-new/css/../fonts/NotoSansKR-Bold.ttf") format("truetype"); /* Legacy iOS */ }

/* Noto Sans - ExtraBold 800*/
@font-face { font-family: 'Noto Sans'; font-style: normal; font-weight: 800; src: url("/www-new/css/../fonts/NotoSansKR-ExtraBold.eot"); /* IE9 Compat Modes */ src: local(※), url("/www-new/css/../fonts/NotoSansKR-ExtraBold.eot?#iefix") format("embedded-opentype"), url("/www-new/css/../fonts/NotoSansKR-ExtraBold.woff2") format("woff2"), url("/www-new/css/../fonts/NotoSansKR-ExtraBold.woff") format("woff"), url("/www-new/css/../fonts/NotoSansKR-ExtraBold.ttf") format("truetype"); /* Legacy iOS */ }

/* Noto Sans - Black 900*/
@font-face { font-family: 'Noto Sans'; font-style: normal; font-weight: 900; src: url("/www-new/css/../fonts/NotoSansKR-Black.eot"); /* IE9 Compat Modes */ src: local(※), url("/www-new/css/../fonts/NotoSansKR-Black.eot?#iefix") format("embedded-opentype"), url("/www-new/css/../fonts/NotoSansKR-Black.woff2") format("woff2"), url("/www-new/css/../fonts/NotoSansKR-Black.woff") format("woff"), url("/www-new/css/../fonts/NotoSansKR-Black.ttf") format("truetype"); /* Legacy iOS */ }

/*나눔고딕*/
@font-face { font-family: 'NanumGothic', '나눔고딕'; font-style: normal; font-weight: 300; src: local("※"), url("/www-new/css/../fonts/NanumGothicLight.woff") format("woff"), url("/www-new/css/../fonts/NanumGothicLight.ttf") format("truetype"); }

@font-face { font-family: 'NanumGothic', '나눔고딕'; font-style: normal; font-weight: 400; src: local("※"), url("/www-new/css/../fonts/NanumGothicRegular.woff") format("woff"), url("/www-new/css/../fonts/NanumGothicRegular.ttf") format("truetype"); }

@font-face { font-family: 'NanumGothic', '나눔고딕'; font-style: normal; font-weight: 700; src: local("※"), url("/www-new/css/../fonts/NanumGothicBold.woff") format("woff"), url("/www-new/css/../fonts/NanumGothicBold.ttf") format("truetype"); }

@font-face { font-family: 'NanumGothic', '나눔고딕'; font-style: normal; font-weight: 800; src: local("※"), url("/www-new/css/../fonts/NanumGothicExtraBold.woff") format("woff"), url("/www-new/css/../fonts/NanumGothicExtraBold.ttf") format("truetype"); }

/*나눔명조*/
@font-face { font-family: 'NanumMyeongjo'; font-style: normal; font-weight: 400; src: local("※"), url("/www-new/css/../fonts/NanumMyeongjoR.woff2") format("woff2"), url("/www-new/css/../fonts/NanumMyeongjoR.woff") format("woff"), url("/www-new/css/../fonts/NanumMyeongjoR.ttf") format("truetype"), url("/www-new/css/../fonts/NanumMyeongjoR.otf") format("opentype"), url("/www-new/css/../fonts/NanumMyeongjoR.eot") format("embedded-opentype"); }

@font-face { font-family: 'NanumMyeongjo'; font-style: normal; font-weight: 700; src: local("※"), url("/www-new/css/../fonts/NanumMyeongjoB.woff2") format("woff2"), url("/www-new/css/../fonts/NanumMyeongjoB.woff") format("woff"), url("/www-new/css/../fonts/NanumMyeongjoB.ttf") format("truetype"), url("/www-new/css/../fonts/NanumMyeongjoB.otf") format("opentype"), url("/www-new/css/../fonts/NanumMyeongjoB.eot") format("embedded-opentype"); }

@font-face { font-family: 'NanumMyeongjo'; font-style: normal; font-weight: 900; src: local("※"), url("/www-new/css/../fonts/NanumMyeongjoEB.woff2") format("woff2"), url("/www-new/css/../fonts/NanumMyeongjoEB.woff") format("woff"), url("/www-new/css/../fonts/NanumMyeongjoEB.ttf") format("truetype"), url("/www-new/css/../fonts/NanumMyeongjoEB.otf") format("opentype"), url("/www-new/css/../fonts/NanumMyeongjoEB.eot") format("embedded-opentype"); }

@font-face { font-family: 'GmarketSans'; font-style: normal; font-weight: 300; src: local("※"), url("/www-new/css/../fonts/GmarketSansLight.woff2") format("woff2"), url("/www-new/css/../fonts/GmarketSansLight.woff") format("woff"); }

@font-face { font-family: 'GmarketSans'; font-style: normal; font-weight: 500; src: local("※"), url("/www-new/css/../fonts/GmarketSansMedium.woff2") format("woff2"), url("/www-new/css/../fonts/GmarketSansMedium.woff") format("woff"); }

@font-face { font-family: 'GmarketSans'; font-style: normal; font-weight: 600; src: local("※"), url("/www-new/css/../fonts/GmarketSansBold.woff2") format("woff2"), url("/www-new/css/../fonts/GmarketSansBold.woff") format("woff"); }

/********* reset.css **********/
html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, img, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, b, u, i, center, dl, dt, dd, ul, ol, li, form, fieldset, legend, label, input, button, select, textarea, header, main, footer, section, article, aside, menu, nav, table, caption, tbody, tfoot, thead, tr, th, td, summary, figure, figcaption, hgroup { 
    margin: 0; padding: 0; border: 0; font-size: 100%; font: inherit; -webkit-box-sizing: border-box; box-sizing: border-box; 
}

html, body { width: 100%; height: 100%; }

body { font-size: 16px; line-height: 1.4; color: #333333; letter-spacing: -0.05em; word-break: break-word; font-family: 'Open Sans','Noto Sans','나눔 고딕','sans-serif'; }

/* HTML5 display-role reset for older browsers */
article, aside, details, figcaption, figure, footer, header, hgroup, menu, nav, section { display: block; }

h1, h2, h3, h4, h5, h6 { font-size: 1em; font-weight: normal; }

ul, ol, li { list-style-type: none; }

/* ul:after, ol:after, dl:after { display: block; clear: both; content: ''; } */

a { color: inherit; text-decoration: none; }

img { max-width: 100%; border: 0; vertical-align: top; }

p { max-height: 9999px; }

address { font-style: normal; }

button { margin: 0; padding: 0; -webkit-box-sizing: border-box; box-sizing: border-box; border: 0 none; background-color: transparent; font-family: inherit; font-size: inherit; cursor: pointer; -webkit-appearance: none; -moz-appearance: none; -ms-appearance: none; appearance: none; -webkit-box-sizing: border-box; box-sizing: border-box; cursor: pointer; }

caption, legend { height: 1px; width: 1px; overflow: hidden; clip: rect(1px 1px 1px 1px); clip: rect(1px, 1px, 1px, 1px); margin: -1px; }

.hide { height: 1px; width: 1px; overflow: hidden; clip: rect(1px 1px 1px 1px); clip: rect(1px, 1px, 1px, 1px); margin: -1px; position: absolute; left: 0; right: 0; }

.clear { clear: both; }

.br { display: block; }

table { display: table; width: 100%; border-collapse: collapse; border-spacing: 0; table-layout: fixed; }

select::-ms-expand { display: none; }

input::-ms-check { display: none; }

form { display: block; width: 100%; }

input, select, textarea { padding: 0 15px; -webkit-appearance: none; -moz-appearance: none; -ms-appearance: none; appearance: none; -webkit-box-sizing: border-box; box-sizing: border-box; width: 100%; display: block; border: 0; font-family: inherit; }

/* 배경색상 */
.bc_white { background-color: #ffffff; }
.bc_black { background-color: #000000; }

.bc_blue1-05 { background-color: #eff5ff; }
.bc_blue1-10 { background-color: #d3e1fb; }
.bc_blue1-20 { background-color: #a7c4f7; }
.bc_blue1-30 { background-color: #7ca6f3; }
/* 3:1 (With white) */
.bc_blue1-40 { background-color: #5089ef; }
/* 4.5:1 (With white) */
.bc_blue1-50 { background-color: #246beb; }
.bc_blue1-60 { background-color: #1d56bc; }
.bc_blue1-70 { background-color: #16408d; }
.bc_blue1-80 { background-color: #0e2b5e; }
.bc_blue1-90 { background-color: #07152f; }

.bc_blue2-05 { background-color: #edf1f5; }
.bc_blue2-10 { background-color: #cdd7e4; }
.bc_blue2-20 { background-color: #b4c4d6; }
.bc_blue2-30 { background-color: #99b0cb; }
/* 3:1 (With white) */
.bc_blue2-40 { background-color: #2a5c96; }
/* 4.5:1 (With white) */
.bc_blue2-50 { background-color: #003675; }
.bc_blue2-60 { background-color: #002b5e; }
.bc_blue2-70 { background-color: #002046; }
.bc_blue2-80 { background-color: #00162f; }
.bc_blue2-90 { background-color: #000b17; }

.bc_red1-05 { background-color: #fdf2f3; }
.bc_red1-10 { background-color: #fbd6d8; }
.bc_red1-20 { background-color: #f5a3a8; }
.bc_red1-30 { background-color: #f1747c; }
/* 3:1 (With white) */
.bc_red1-40 { background-color: #ec4651; }
/* 4.5:1 (With white) */
.bc_red1-50 { background-color: #e71825; }
.bc_red1-60 { background-color: #b9131e; }
.bc_red1-70 { background-color: #8b0e16; }
.bc_red1-80 { background-color: #5c0a0f; }
.bc_red1-90 { background-color: #2e0507; }

.bc_gray1-05 { background-color: #f8f8f8; }
.bc_gray1-10 { background-color: #f0f0f0; }
.bc_gray1-20 { background-color: #e4e4e4; }
.bc_gray1-30 { background-color: #d8d8d8; }
.bc_gray1-40 { background-color: #c6c6c6; }
/* 3:1 (With white) */
.bc_gray1-50 { background-color: #8e8e8e; }
/* 4.5:1 (With white) */
.bc_gray1-60 { background-color: #717171; }
.bc_gray1-70 { background-color: #555555; }
.bc_gray1-80 { background-color: #2d2d2d; }
.bc_gray1-90 { background-color: #1d1d1d; }

/* 폰트색상 */
.fc_white { color: #ffffff; }
.fc_black { color: #000000; }

.fc_blue1-05 { color: #eff5ff; }
.fc_blue1-10 { color: #d3e1fb; }
.fc_blue1-20 { color: #a7c4f7; }
.fc_blue1-30 { color: #7ca6f3; }
/* 3:1 (With white) */
.fc_blue1-40 { color: #5089ef; }
/* 4.5:1 (With white) */
.fc_blue1-50 { color: #246beb; }
.fc_blue1-60 { color: #1d56bc; }
.fc_blue1-70 { color: #16408d; }
.fc_blue1-80 { color: #0e2b5e; }
.fc_blue1-90 { color: #07152f; }

.fc_blue2-05 { color: #edf1f5; }
.fc_blue2-10 { color: #cdd7e4; }
.fc_blue2-20 { color: #b4c4d6; }
.fc_blue2-30 { color: #99b0cb; }
/* 3:1 (With white) */
.fc_blue2-40 { color: #2a5c96; }
/* 4.5:1 (With white) */
.fc_blue2-50 { color: #003675; }
.fc_blue2-60 { color: #002b5e; }
.fc_blue2-70 { color: #002046; }
.fc_blue2-80 { color: #00162f; }
.fc_blue2-90 { color: #000b17; }

.fc_red1-05 { color: #fdf2f3; }
.fc_red1-10 { color: #fbd6d8; }
.fc_red1-20 { color: #f5a3a8; }
.fc_red1-30 { color: #f1747c; }
/* 3:1 (With white) */
.fc_red1-40 { color: #ec4651; }
/* 4.5:1 (With white) */
.fc_red1-50 { color: #e71825; }
.fc_red1-60 { color: #b9131e; }
.fc_red1-70 { color: #8b0e16; }
.fc_red1-80 { color: #5c0a0f; }
.fc_red1-90 { color: #2e0507; }

.fc_gray1-05 { color: #f8f8f8; }
.fc_gray1-10 { color: #f0f0f0; }
.fc_gray1-20 { color: #e4e4e4; }
.fc_gray1-30 { color: #d8d8d8; }
.fc_gray1-40 { color: #c6c6c6; }
/* 3:1 (With white) */
.fc_gray1-50 { color: #8e8e8e; }
/* 4.5:1 (With white) */
.fc_gray1-60 { color: #717171; }
.fc_gray1-70 { color: #555555; }
.fc_gray1-80 { color: #2d2d2d; }
.fc_gray1-90 { color: #1d1d1d; }

/* 폰트굵기 */
.fw_800 { font-weight: 800; }
.fw_700 { font-weight: 700; }
.fw_600 { font-weight: 600; }
.fw_500 { font-weight: 500; }
.fw_400 { font-weight: 400; }
.fw_300 { font-weight: 300; }
.fw_200 { font-weight: 200; }
.fw_100 { font-weight: 100; }

/* 폰트크기 */
.fs_08 { font-size: 08px; }
.fs_10 { font-size: 10px; }
.fs_11 { font-size: 11px; }
.fs_12 { font-size: 12px; }
.fs_13 { font-size: 13px; }
.fs_14 { font-size: 14px; }
.fs_15 { font-size: 15px; }
.fs_16 { font-size: 16px; }
.fs_17 { font-size: 17px; }
.fs_18 { font-size: 18px; }
.fs_19 { font-size: 19px; }
.fs_20 { font-size: 20px; }
.fs_21 { font-size: 21px; }
.fs_22 { font-size: 22px; }
.fs_23 { font-size: 23px; }
.fs_24 { font-size: 24px; }
.fs_25 { font-size: 25px; }
.fs_26 { font-size: 26px; }
.fs_27 { font-size: 27px; }
.fs_28 { font-size: 28px; }
.fs_29 { font-size: 29px; }
.fs_30 { font-size: 30px; }
.fs_31 { font-size: 31px; }
.fs_32 { font-size: 32px; }
.fs_33 { font-size: 33px; }
.fs_34 { font-size: 34px; }
.fs_35 { font-size: 35px; }
.fs_36 { font-size: 36px; }
.fs_37 { font-size: 37px; }
.fs_38 { font-size: 38px; }
.fs_39 { font-size: 39px; }
.fs_40 { font-size: 40px; }
.fs_41 { font-size: 41px; }
.fs_42 { font-size: 42px; }
.fs_43 { font-size: 43px; }
.fs_44 { font-size: 44px; }
.fs_45 { font-size: 45px; }
.fs_46 { font-size: 46px; }
.fs_47 { font-size: 47px; }
.fs_48 { font-size: 48px; }
.fs_49 { font-size: 49px; }
.fs_50 { font-size: 50px; }

/* marign */
.mt_00 { margin-top: 00px; }
.mt_01 { margin-top: 01px; }
.mt_02 { margin-top: 02px; }
.mt_03 { margin-top: 03px; }
.mt_04 { margin-top: 04px; }
.mt_05 { margin-top: 05px; }
.mt_06 { margin-top: 06px; }
.mt_07 { margin-top: 07px; }
.mt_08 { margin-top: 08px; }
.mt_09 { margin-top: 09px; }
.mt_10 { margin-top: 10px; }
.mt_11 { margin-top: 11px; }
.mt_12 { margin-top: 12px; }
.mt_13 { margin-top: 13px; }
.mt_14 { margin-top: 14px; }
.mt_15 { margin-top: 15px; }
.mt_16 { margin-top: 16px; }
.mt_17 { margin-top: 17px; }
.mt_18 { margin-top: 18px; }
.mt_19 { margin-top: 19px; }
.mt_20 { margin-top: 20px; }
.mt_21 { margin-top: 21px; }
.mt_22 { margin-top: 22px; }
.mt_23 { margin-top: 23px; }
.mt_24 { margin-top: 24px; }
.mt_25 { margin-top: 25px; }
.mt_26 { margin-top: 26px; }
.mt_27 { margin-top: 27px; }
.mt_28 { margin-top: 28px; }
.mt_29 { margin-top: 29px; }
.mt_30 { margin-top: 30px; }
.mt_31 { margin-top: 31px; }
.mt_32 { margin-top: 32px; }
.mt_33 { margin-top: 33px; }
.mt_34 { margin-top: 34px; }
.mt_35 { margin-top: 35px; }
.mt_36 { margin-top: 36px; }
.mt_37 { margin-top: 37px; }
.mt_38 { margin-top: 38px; }
.mt_39 { margin-top: 39px; }
.mt_40 { margin-top: 40px; }
.mt_41 { margin-top: 41px; }
.mt_42 { margin-top: 42px; }
.mt_43 { margin-top: 43px; }
.mt_44 { margin-top: 44px; }
.mt_45 { margin-top: 45px; }
.mt_46 { margin-top: 46px; }
.mt_47 { margin-top: 47px; }
.mt_48 { margin-top: 48px; }
.mt_49 { margin-top: 49px; }
.mt_50 { margin-top: 50px; }
.mt_51 { margin-top: 51px; }
.mt_52 { margin-top: 52px; }
.mt_53 { margin-top: 53px; }
.mt_54 { margin-top: 54px; }
.mt_55 { margin-top: 55px; }
.mt_56 { margin-top: 56px; }
.mt_57 { margin-top: 57px; }
.mt_58 { margin-top: 58px; }
.mt_59 { margin-top: 59px; }
.mt_60 { margin-top: 60px; }
.mt_61 { margin-top: 61px; }
.mt_62 { margin-top: 62px; }
.mt_63 { margin-top: 63px; }
.mt_64 { margin-top: 64px; }
.mt_65 { margin-top: 65px; }
.mt_66 { margin-top: 66px; }
.mt_67 { margin-top: 67px; }
.mt_68 { margin-top: 68px; }
.mt_69 { margin-top: 69px; }
.mt_70 { margin-top: 70px; }
.mt_71 { margin-top: 71px; }
.mt_72 { margin-top: 72px; }
.mt_73 { margin-top: 73px; }
.mt_74 { margin-top: 74px; }
.mt_75 { margin-top: 75px; }
.mt_76 { margin-top: 76px; }
.mt_77 { margin-top: 77px; }
.mt_78 { margin-top: 78px; }
.mt_79 { margin-top: 79px; }
.mt_80 { margin-top: 80px; }

.mb_00 { margin-bottom: 00px; }
.mb_01 { margin-bottom: 01px; }
.mb_02 { margin-bottom: 02px; }
.mb_03 { margin-bottom: 03px; }
.mb_04 { margin-bottom: 04px; }
.mb_05 { margin-bottom: 05px; }
.mb_06 { margin-bottom: 06px; }
.mb_07 { margin-bottom: 07px; }
.mb_08 { margin-bottom: 08px; }
.mb_09 { margin-bottom: 09px; }
.mb_10 { margin-bottom: 10px; }
.mb_11 { margin-bottom: 11px; }
.mb_12 { margin-bottom: 12px; }
.mb_13 { margin-bottom: 13px; }
.mb_14 { margin-bottom: 14px; }
.mb_15 { margin-bottom: 15px; }
.mb_16 { margin-bottom: 16px; }
.mb_17 { margin-bottom: 17px; }
.mb_18 { margin-bottom: 18px; }
.mb_19 { margin-bottom: 19px; }
.mb_20 { margin-bottom: 20px; }
.mb_21 { margin-bottom: 21px; }
.mb_22 { margin-bottom: 22px; }
.mb_23 { margin-bottom: 23px; }
.mb_24 { margin-bottom: 24px; }
.mb_25 { margin-bottom: 25px; }
.mb_26 { margin-bottom: 26px; }
.mb_27 { margin-bottom: 27px; }
.mb_28 { margin-bottom: 28px; }
.mb_29 { margin-bottom: 29px; }
.mb_30 { margin-bottom: 30px; }
.mb_31 { margin-bottom: 31px; }
.mb_32 { margin-bottom: 32px; }
.mb_33 { margin-bottom: 33px; }
.mb_34 { margin-bottom: 34px; }
.mb_35 { margin-bottom: 35px; }
.mb_36 { margin-bottom: 36px; }
.mb_37 { margin-bottom: 37px; }
.mb_38 { margin-bottom: 38px; }
.mb_39 { margin-bottom: 39px; }
.mb_40 { margin-bottom: 40px; }
.mb_41 { margin-bottom: 41px; }
.mb_42 { margin-bottom: 42px; }
.mb_43 { margin-bottom: 43px; }
.mb_44 { margin-bottom: 44px; }
.mb_45 { margin-bottom: 45px; }
.mb_46 { margin-bottom: 46px; }
.mb_47 { margin-bottom: 47px; }
.mb_48 { margin-bottom: 48px; }
.mb_49 { margin-bottom: 49px; }
.mb_50 { margin-bottom: 50px; }
.mb_51 { margin-bottom: 51px; }
.mb_52 { margin-bottom: 52px; }
.mb_53 { margin-bottom: 53px; }
.mb_54 { margin-bottom: 54px; }
.mb_55 { margin-bottom: 55px; }
.mb_56 { margin-bottom: 56px; }
.mb_57 { margin-bottom: 57px; }
.mb_58 { margin-bottom: 58px; }
.mb_59 { margin-bottom: 59px; }
.mb_60 { margin-bottom: 60px; }
.mb_61 { margin-bottom: 61px; }
.mb_62 { margin-bottom: 62px; }
.mb_63 { margin-bottom: 63px; }
.mb_64 { margin-bottom: 64px; }
.mb_65 { margin-bottom: 65px; }
.mb_66 { margin-bottom: 66px; }
.mb_67 { margin-bottom: 67px; }
.mb_68 { margin-bottom: 68px; }
.mb_69 { margin-bottom: 69px; }
.mb_70 { margin-bottom: 70px; }
.mb_71 { margin-bottom: 71px; }
.mb_72 { margin-bottom: 72px; }
.mb_73 { margin-bottom: 73px; }
.mb_74 { margin-bottom: 74px; }
.mb_75 { margin-bottom: 75px; }
.mb_76 { margin-bottom: 76px; }
.mb_77 { margin-bottom: 77px; }
.mb_78 { margin-bottom: 78px; }
.mb_79 { margin-bottom: 79px; }
.mb_80 { margin-bottom: 80px; }

.ml_00 { margin-left: 00px; }
.ml_01 { margin-left: 01px; }
.ml_02 { margin-left: 02px; }
.ml_03 { margin-left: 03px; }
.ml_04 { margin-left: 04px; }
.ml_05 { margin-left: 05px; }
.ml_06 { margin-left: 06px; }
.ml_07 { margin-left: 07px; }
.ml_08 { margin-left: 08px; }
.ml_09 { margin-left: 09px; }
.ml_10 { margin-left: 10px; }
.ml_11 { margin-left: 11px; }
.ml_12 { margin-left: 12px; }
.ml_13 { margin-left: 13px; }
.ml_14 { margin-left: 14px; }
.ml_15 { margin-left: 15px; }
.ml_16 { margin-left: 16px; }
.ml_17 { margin-left: 17px; }
.ml_18 { margin-left: 18px; }
.ml_19 { margin-left: 19px; }
.ml_20 { margin-left: 20px; }
.ml_21 { margin-left: 21px; }
.ml_22 { margin-left: 22px; }
.ml_23 { margin-left: 23px; }
.ml_24 { margin-left: 24px; }
.ml_25 { margin-left: 25px; }
.ml_26 { margin-left: 26px; }
.ml_27 { margin-left: 27px; }
.ml_28 { margin-left: 28px; }
.ml_29 { margin-left: 29px; }
.ml_30 { margin-left: 30px; }
.ml_31 { margin-left: 31px; }
.ml_32 { margin-left: 32px; }
.ml_33 { margin-left: 33px; }
.ml_34 { margin-left: 34px; }
.ml_35 { margin-left: 35px; }
.ml_36 { margin-left: 36px; }
.ml_37 { margin-left: 37px; }
.ml_38 { margin-left: 38px; }
.ml_39 { margin-left: 39px; }
.ml_40 { margin-left: 40px; }
.ml_41 { margin-left: 41px; }
.ml_42 { margin-left: 42px; }
.ml_43 { margin-left: 43px; }
.ml_44 { margin-left: 44px; }
.ml_45 { margin-left: 45px; }
.ml_46 { margin-left: 46px; }
.ml_47 { margin-left: 47px; }
.ml_48 { margin-left: 48px; }
.ml_49 { margin-left: 49px; }
.ml_50 { margin-left: 50px; }
.ml_51 { margin-left: 51px; }
.ml_52 { margin-left: 52px; }
.ml_53 { margin-left: 53px; }
.ml_54 { margin-left: 54px; }
.ml_55 { margin-left: 55px; }
.ml_56 { margin-left: 56px; }
.ml_57 { margin-left: 57px; }
.ml_58 { margin-left: 58px; }
.ml_59 { margin-left: 59px; }
.ml_60 { margin-left: 60px; }
.ml_61 { margin-left: 61px; }
.ml_62 { margin-left: 62px; }
.ml_63 { margin-left: 63px; }
.ml_64 { margin-left: 64px; }
.ml_65 { margin-left: 65px; }
.ml_66 { margin-left: 66px; }
.ml_67 { margin-left: 67px; }
.ml_68 { margin-left: 68px; }
.ml_69 { margin-left: 69px; }
.ml_70 { margin-left: 70px; }
.ml_71 { margin-left: 71px; }
.ml_72 { margin-left: 72px; }
.ml_73 { margin-left: 73px; }
.ml_74 { margin-left: 74px; }
.ml_75 { margin-left: 75px; }
.ml_76 { margin-left: 76px; }
.ml_77 { margin-left: 77px; }
.ml_78 { margin-left: 78px; }
.ml_79 { margin-left: 79px; }
.ml_80 { margin-left: 80px; }

.mr_00 { margin-right: 00px; }
.mr_01 { margin-right: 01px; }
.mr_02 { margin-right: 02px; }
.mr_03 { margin-right: 03px; }
.mr_04 { margin-right: 04px; }
.mr_05 { margin-right: 05px; }
.mr_06 { margin-right: 06px; }
.mr_07 { margin-right: 07px; }
.mr_08 { margin-right: 08px; }
.mr_09 { margin-right: 09px; }
.mr_10 { margin-right: 10px; }
.mr_11 { margin-right: 11px; }
.mr_12 { margin-right: 12px; }
.mr_13 { margin-right: 13px; }
.mr_14 { margin-right: 14px; }
.mr_15 { margin-right: 15px; }
.mr_16 { margin-right: 16px; }
.mr_17 { margin-right: 17px; }
.mr_18 { margin-right: 18px; }
.mr_19 { margin-right: 19px; }
.mr_20 { margin-right: 20px; }
.mr_21 { margin-right: 21px; }
.mr_22 { margin-right: 22px; }
.mr_23 { margin-right: 23px; }
.mr_24 { margin-right: 24px; }
.mr_25 { margin-right: 25px; }
.mr_26 { margin-right: 26px; }
.mr_27 { margin-right: 27px; }
.mr_28 { margin-right: 28px; }
.mr_29 { margin-right: 29px; }
.mr_30 { margin-right: 30px; }
.mr_31 { margin-right: 31px; }
.mr_32 { margin-right: 32px; }
.mr_33 { margin-right: 33px; }
.mr_34 { margin-right: 34px; }
.mr_35 { margin-right: 35px; }
.mr_36 { margin-right: 36px; }
.mr_37 { margin-right: 37px; }
.mr_38 { margin-right: 38px; }
.mr_39 { margin-right: 39px; }
.mr_40 { margin-right: 40px; }
.mr_41 { margin-right: 41px; }
.mr_42 { margin-right: 42px; }
.mr_43 { margin-right: 43px; }
.mr_44 { margin-right: 44px; }
.mr_45 { margin-right: 45px; }
.mr_46 { margin-right: 46px; }
.mr_47 { margin-right: 47px; }
.mr_48 { margin-right: 48px; }
.mr_49 { margin-right: 49px; }
.mr_50 { margin-right: 50px; }
.mr_51 { margin-right: 51px; }
.mr_52 { margin-right: 52px; }
.mr_53 { margin-right: 53px; }
.mr_54 { margin-right: 54px; }
.mr_55 { margin-right: 55px; }
.mr_56 { margin-right: 56px; }
.mr_57 { margin-right: 57px; }
.mr_58 { margin-right: 58px; }
.mr_59 { margin-right: 59px; }
.mr_60 { margin-right: 60px; }
.mr_61 { margin-right: 61px; }
.mr_62 { margin-right: 62px; }
.mr_63 { margin-right: 63px; }
.mr_64 { margin-right: 64px; }
.mr_65 { margin-right: 65px; }
.mr_66 { margin-right: 66px; }
.mr_67 { margin-right: 67px; }
.mr_68 { margin-right: 68px; }
.mr_69 { margin-right: 69px; }
.mr_70 { margin-right: 70px; }
.mr_71 { margin-right: 71px; }
.mr_72 { margin-right: 72px; }
.mr_73 { margin-right: 73px; }
.mr_74 { margin-right: 74px; }
.mr_75 { margin-right: 75px; }
.mr_76 { margin-right: 76px; }
.mr_77 { margin-right: 77px; }
.mr_78 { margin-right: 78px; }
.mr_79 { margin-right: 79px; }
.mr_80 { margin-right: 80px; }

/* -------------------------------------------------------------------- */

#wrapper { position: relative; width: 100%; margin: 0; overflow: hidden; }

#wrapper.fixed { min-width: 1200px; }

@media screen and (max-width: 1080px) { #wrapper.fixed { min-width: auto; } }

/* @media screen and (max-width: 737px) { #wrapper { padding-top: 108px; font-size: 14px;} } */

.container { max-width: 1400px; margin: 0 auto; padding: 0 20px; position: relative; }

/* .bg { width: 100%; min-height: calc(100vh - 116px); height: 100%; display: flex; align-items: center; justify-content: center; background: #EDF1F5 url(../images/bg-img-02.jpg) no-repeat top center; background-size: cover; } */

/* header */
.header { position: absolute; left: 50%; top: 0; transform: translate(-50%, 0); z-index: 1; width: 100%; height: 90px; margin: 0 auto; /* background-color: #f2f3f7; */ display: flex; align-items: center; justify-content: center; }

.header .container { width: inherit; height: inherit; margin: 0; }

.header .header-wrap { width: 100%; height: inherit; display: flex; align-items: center; justify-content: space-between; }

.header .link-btn { display: inline-block; }

.header .logo {}

.header .logo .link-btn { text-indent: -9999px; width: 112px; height: 44px; background: url(../images/logo.png) no-repeat center center / 100% auto; }

.header .logo .link-btn:focus-visible { outline: 2px dashed #1d1d1d; outline-offset: 2px; }

.header .gov-link { margin: 0; line-height: 1; }

.header .gov-link .link-btn { position: relative; line-height: 1; padding: 12px 20px; background-color: #1d1d1d; color: #fff; border-radius: 6px; font-weight: 500; font-size: 18px; transition: all 0.24s ease-out; overflow: hidden; }

/* .header .gov-link .link-btn:focus-visible { outline: 2px dashed #fff; outline-offset: -4px; } */

@media screen and (min-width: 737px) {
    /* .header .gov-link .link-btn:hover { transition: all 0.16s ease-out; background-color: #246beb; } */
}

@media screen and (max-width: 737px) {
    .header { height: 60px; }
    .header .gov-link { margin-top: 4px; }
    .header .logo .link-btn { width: 76px; height: 29px; }
    .header .gov-link .link-btn { padding: 11px 13px; font-size: 13px; }
}

/* // header */

/* footer */
.footer { width: 100%; height: 80px; margin: 0 auto; position: relative; background-color: #2d3840; color: #b2b4bc; }

.footer .inner { width: inherit; height: inherit; display: flex; align-items: center; font-weight: 500; font-size: 12px; }

.footer .inner .fnb { display: flex; align-items: center; column-gap: 16px; position: relative; }

.footer .inner .fnb .f-logo { width: 84px; }

.footer .inner .fnb .f-logo .logo-im { display: block; width: 100%; }

.footer .inner .fnb .f-cnt {}

.footer .inner .fnb .f-cnt .f-btm {}

.footer .inner .fnb .f-cnt .f-btm > ul { display: flex; align-items: center; }

.footer .inner .fnb .f-cnt .f-btm > ul > li {}

.footer .inner .fnb .f-cnt .f-btm > ul > li a { display: block; }

.footer .inner .fnb .f-cnt .f-btm > ul > li .point { font-weight: 700; color: #4fa6ff; }

.footer .inner .fnb .f-cnt .f-info { margin-top: 2px; }

.footer .inner .f-copy { position: absolute; right: 20px; top: 50%; transform: translateY(-50%); text-align: right; }

@media screen and (max-width: 1080px) {
    .footer { height: 100%; padding: 24px 0 20px; }
    .footer .inner { display: block; }
    .footer .inner .fnb { display: block; }
    .footer .inner .fnb .f-cnt { margin-top: 16px; }
    .footer .inner .fnb .f-cnt .f-btm { display: none; }
    .footer .inner .f-copy { position: relative; right: unset; top: unset; transform: unset; text-align: left; margin-top: 16px; border-top: 1px solid rgba(178, 180, 188, 0.24); padding-top: 12px; }
}
/* // footer */

/* main */
.main { width: 100%; margin: 0 auto; position: relative; }

.main .container {}

.main .section { width: 100%; min-height: 600px; margin: 0 auto; position: relative; background-color: #f2f3f7; }

.main .section.sec1 { height: 100vh; }

.main .section.sec1:before { content: ''; position: absolute; width: inherit; height: inherit; background: #f2f3f7 url(../images/bg_06.jpg) no-repeat center center / 100% auto; opacity: 0.4; }

.main .section.sec1 .sec1-bg { position: absolute; left: 50%; top: 50%; transform: translate(-50%, -50%); max-width: 1920px; max-height: 920px; width: 100%; height: 100%;  }

.main .section.sec1 .sec1-bg .bg-area { position: relative; width: inherit; height: inherit; }

.main .section.sec1 .sec1-bg .bg-area .circle { display: block; position: absolute; }

.main .section.sec1 .sec1-bg .bg-area .circle.circle-1 { left: 30px; top: 110px; width: 280px; height: 280px; background-color: rgb(143 200 255 / 8%); border-radius: 320px; box-shadow: 0 0 40px 4px #ffffff; }

.main .section.sec1 .sec1-bg .bg-area .bg_txt { display: block; line-height: 1; letter-spacing: -2.4px; font-weight: 800; color: transparent; background: linear-gradient(135deg, #246beb 22%, #0e2b5e);  /* background-image: linear-gradient(to right top, #861657, #ffa69e); */ background-clip: text; -webkit-background-clip: text; }

.main .section.sec1 .sec1-bg .bg-area .bg_txt-1 { position: absolute; right: 20px; bottom: 0; font-size: 120px; opacity: 0.24; }

.main .section.sec1 .sec1-bg .bg-area .bg_txt-2 { position: absolute; left: 0; top: 15%; }

.main .section.sec1 .sec1-cont { height: inherit; display: grid; align-content: center; justify-items: center; row-gap: 32px; padding-bottom: 60px; }

.main .section.sec1 .sec1-cont .typo-wrap { width: 100%; height: auto; margin: 0; display: flex; align-items: center; justify-content: center; }

.main .section.sec1 .sec1-cont .typo { display: flex; align-items: center; justify-content: center; flex-direction: column; row-gap: 16px; }

.main .section.sec1 .sec1-cont .typo em, 
.main .section.sec1 .sec1-cont .typo b { display: inline-block;text-align: center; word-break: keep-all; }

.main .section.sec1 .sec1-cont .typo em { font-weight: 600; font-size: 23px; line-height: 1; padding: 12px 25px; border-radius: 25px; background-color: #16408d; color: #ffffff; }

.main .section.sec1 .sec1-cont .typo b { font-weight: 700; font-size: 48px; letter-spacing: -2.4px; color: transparent; background: linear-gradient(135deg, #246beb 22%, #0e2b5e);  /* background-image: linear-gradient(to right top, #861657, #ffa69e); */ background-clip: text; -webkit-background-clip: text; text-shadow: 0px 2px 2px rgba(0, 0, 0, 0.1); }

.main .section.sec1 .sec1-cont .cont-wrap { display: flex; align-items: center; justify-content: center; column-gap: 60px; }

.main .section.sec1 .sec1-cont .cont-wrap .cont { position: relative; width: auto; height: 460px; background-color: #f8f9fa; border-radius: 25px; box-shadow: 0px 0px 16px rgba(0, 0, 0, 0.08); overflow: hidden; }

.main .section.sec1 .sec1-cont .cont-wrap .cont.cont-1 { width: 560px; }

.main .section.sec1 .sec1-cont .cont-wrap .cont.cont-2 {}

.main .section.sec1 .sec1-cont .cont-wrap .cont-1 .cont-1-bg { width: 100%; }

.main .section.sec1 .sec1-cont .cont-wrap .cont-1 .cont-1-bg span { position: absolute; /* transform: translate(-50%, -50%); */ display: block; width: 79px; height: 65px; background-repeat: no-repeat; background-position: center center; background-size: 100% auto; opacity: 0.24; }

.main .section.sec1 .sec1-cont .cont-wrap .cont-1 .cont-1-bg .upper_comma { background-image: url(../images/upper_comma.png); left: 2%; top: 2%; }
.main .section.sec1 .sec1-cont .cont-wrap .cont-1 .cont-1-bg .lower_comma { background-image: url(../images/lower_comma.png); right: 2%; bottom: 2%; }

.main .section.sec1 .sec1-cont .cont-wrap .cont-1 { display: grid; align-content: center; justify-items: start; row-gap: 52px; padding: 40px 60px 80px; border-radius: 44px 25px 44px 25px; text-align: left; line-height: 1; }

.main .section.sec1 .sec1-cont .cont-wrap .cont-1 .title { display: block; /* align-items: flex-end; justify-content: flex-start; column-gap: 8px; */ word-break: keep-all; font-weight: 700; font-size: 42px; color: #003675; text-shadow: 0px 0px 2px rgba(0, 0, 0, 0.08); }

.main .section.sec1 .sec1-cont .cont-wrap .cont-1 .title span {}

.main .section.sec1 .sec1-cont .cont-wrap .cont-1 .title .title_edge { /* font-size: 42px; */ color: #246beb; }

.main .section.sec1 .sec1-cont .cont-wrap .cont-1 .list-track {}

.main .section.sec1 .sec1-cont .cont-wrap .cont-1 .list-track li { display: flex; align-items: center; justify-content: flex-start; }

.main .section.sec1 .sec1-cont .cont-wrap .cont-1 .list-track li + li { margin-top: 24px; }

.main .section.sec1 .sec1-cont .cont-wrap .cont-1 .list-track li b { display: inline-flex; align-items: center; justify-content: flex-start; line-height: 1; letter-spacing: -1.2px; word-break: keep-all; font-weight: 500; font-size: 21px; color: #1d1d1d; }

.main .section.sec1 .sec1-cont .cont-wrap .cont-1 .list-track li b:before { content: ''; display: block; width: 25px; height: 25px; margin-right: 8px; background: url(../images/check.png) no-repeat center center / 100% auto; }

.main .section.sec1 .sec1-cont .cont-wrap .cont-2 { display: grid; align-content: center; justify-items: center; row-gap: 32px; padding: 0 80px; }

.main .section.sec1 .sec1-cont .cont-wrap .cont-2 .title { font-weight: 700; font-size: 28px; }

.main .section.sec1 .sec1-cont .cont-wrap .cont-2 .list-track { display: grid; grid-template-rows: repeat(1, minmax(100px, auto)); grid-template-columns: repeat(2, auto); align-items: center; justify-content: center; gap: 32px 46px; }

.main .section.sec1 .sec1-cont .cont-wrap .cont-2 .list-track li { display: inline-flex; align-items: center; justify-content: center; margin: 0; }

.main .section.sec1 .sec1-cont .cont-wrap .cont-2 .list-track li .list-btn { display: inline-flex; align-items: center; justify-content: flex-start; flex-direction: column; gap: 12px 0; }

.main .section.sec1 .sec1-cont .cont-wrap .cont-2 .list-track li .list-btn:focus-visible { outline: 2px dashed #1d1d1d; outline-offset: 4px; }

.main .section.sec1 .sec1-cont .cont-wrap .cont-2 .list-track li .list-btn .item-img { width: 100px; height: 100px; margin: 0; position: relative; background-color: #eeeeee; background-repeat: no-repeat; background-position: center center; background-size: 108% auto; border-radius: 100px; box-shadow: 0px 0px 8px rgba(0, 0, 0, 0.16); overflow: hidden; transition: all 0.16s; }

.main .section.sec1 .sec1-cont .cont-wrap .cont-2 .list-track li .list-btn.btn1 .item-img { background-image: url(../images/img-report1.jpg); }
.main .section.sec1 .sec1-cont .cont-wrap .cont-2 .list-track li .list-btn.btn2 .item-img { background-image: url(../images/img-report2.jpg); }
.main .section.sec1 .sec1-cont .cont-wrap .cont-2 .list-track li .list-btn.btn3 .item-img { background-image: url(../images/img-report3.jpg); }
.main .section.sec1 .sec1-cont .cont-wrap .cont-2 .list-track li .list-btn.btn4 .item-img { background-image: url(../images/img-report4.jpg); }

.main .section.sec1 .sec1-cont .cont-wrap .cont-2 .list-track li .list-btn .item-img img {}

.main .section.sec1 .sec1-cont .cont-wrap .cont-2 .list-track li .list-btn .item-txt { text-align: center; line-height: 1; font-weight: 600; font-size: 17px; }

.main .section.sec1 .sec1-cont .cont-wrap .cont-2 .list-track li .list-btn .item-txt b {}

@media screen and (min-width: 737px) {
    .main .section.sec1 .sec1-cont .cont-wrap .cont-2 .list-track li .list-btn:hover .item-img { transition: all 0.2s; filter: brightness(1.05); box-shadow: 0px 0px 8px 2px rgba(36, 107, 235, 0.6); }
    .main .section.sec1 .sec1-cont .cont-wrap .cont-2 .list-track li .list-btn:hover .item-txt { text-decoration: underline; color: #003675; }
}

@media screen and (max-width: 1080px) {
    .main .section.sec1 { height: auto; }
    .main .section.sec1 .sec1-bg { max-height: unset; }
    .main .section.sec1:before { background-size: 100vh auto; }
    .main .section.sec1 .sec1-bg .bg-area .circle.circle-1 { top: 90px; }
    .main .section.sec1 .sec1-bg .bg-area .bg_txt-1 { font-size: 100px; }
    .main .section.sec1 .sec1-cont { padding: 130px 0 130px; }
    .main .section.sec1 .sec1-cont .typo em { font-size: 18px; }
    .main .section.sec1 .sec1-cont .typo b { font-size: 36px; }
    .main .section.sec1 .sec1-cont .cont-wrap { flex-direction: column; gap: 40px 0; }
    .main .section.sec1 .sec1-cont .cont-wrap .cont { height: auto; }
    .main .section.sec1 .sec1-cont .cont-wrap .cont.cont-1, 
    .main .section.sec1 .sec1-cont .cont-wrap .cont.cont-2 { width: 100%; }
    .main .section.sec1 .sec1-cont .cont-wrap .cont-1 .title { font-size: 30px; }
    .main .section.sec1 .sec1-cont .cont-wrap .cont-1 .title .title_edge { font-size: 36px; }
    .main .section.sec1 .sec1-cont .cont-wrap .cont-1 .list-track li b { font-size: 18px; }
    .main .section.sec1 .sec1-cont .cont-wrap .cont-2 { padding: 40px 80px; }
    .main .section.sec1 .sec1-cont .cont-wrap .cont-2 .list-track { gap: 40px 60px; }
}

@media screen and (max-width: 737px) {
    .main .section.sec1 .sec1-bg .bg-area .circle.circle-1 { top: 86px; left: -22px; width: 140px; height: 140px; }
    .main .section.sec1 .sec1-bg .bg-area .bg_txt-1 { font-size: 60px; }
    .main .section.sec1 .sec1-cont .typo { max-width: 320px; }
    .main .section.sec1 .sec1-cont .typo em { font-size: 15px; }
    .main .section.sec1 .sec1-cont .typo b { font-size: 32px; }
    .main .section.sec1 .sec1-cont { padding: 110px 0 80px; display: block; align-content: unset; justify-items: unset; }
    .main .section.sec1 .sec1-cont .cont-wrap { max-width: 450px; margin: 40px auto 0; padding: 0 16px; }
    .main .section.sec1 .sec1-cont .cont-wrap .cont.cont-1 { padding: 12px 16px 46px; row-gap: 32px; justify-items: center; }
    .main .section.sec1 .sec1-cont .cont-wrap .cont-1 .title { font-size: 26px; }
    .main .section.sec1 .sec1-cont .cont-wrap .cont-1 .title .title_edge { font-size: 30px; }
    .main .section.sec1 .sec1-cont .cont-wrap .cont-1 .cont-1-bg span { width: 40px; height: 32px; }
    .main .section.sec1 .sec1-cont .cont-wrap .cont-1 .list-track li b { line-height: 1.2; font-size: 15px; }
    .main .section.sec1 .sec1-cont .cont-wrap .cont-2 { padding: 40px 40px 46px; /* justify-items: start; justify-content: center; */ }
    .main .section.sec1 .sec1-cont .cont-wrap .cont-2 .title { font-size: 24px; }
    .main .section.sec1 .sec1-cont .cont-wrap .cont-2 .list-track { justify-items: start; gap: 40px 40px; }
    .main .section.sec1 .sec1-cont .cont-wrap .cont-2 .list-track li .list-btn .item-img { width: 84px; height: 84px; }
    .main .section.sec1 .sec1-cont .cont-wrap .cont-2 .list-track li .list-btn .item-txt { font-size: 15px; }
}

.main .section.sec2 { height: 680px; }

.main .section.sec2 .sec2-bg { position: absolute; left: 0; top: 0; width: 100%; height: 100%;  }

.main .section.sec2 .sec2-bg .bg-area { position: relative; width: inherit; height: inherit; }

.main .section.sec2 .sec2-bg .bg-area .circle { display: block; position: absolute; }

.main .section.sec2 .sec2-bg .bg-area .circle.circle-1 { right: 180px; bottom: 190px; width: 80px; height: 80px; background-color: #8fc8ff; border-radius: 320px; opacity: 1; }
.main .section.sec2 .sec2-bg .bg-area .circle.circle-2 { right: 280px; bottom: 150px; width: 80px; height: 80px; background-color: #8fc8ff; border-radius: 320px; opacity: 1; }
.main .section.sec2 .sec2-bg .bg-area .circle.circle-3 { right: 380px; bottom: 110px; width: 80px; height: 80px; background-color: #8fc8ff; border-radius: 320px; opacity: 1; }

.main .section.sec2 .sec2-cont { position: relative; z-index: 1; }

.main .section.sec2 .sec2-cont .sec2-cont-bg { position: absolute; left: 0; top: 54%; transform: translate(0, -50%); width: 100%; }

.main .section.sec2 .sec2-cont .sec2-cont-bg span { position: absolute; left: 50%; top: 50%; transform: translate(-50%, -50%); display: block; width: 79px; height: 65px; background-repeat: no-repeat; background-position: center center; background-size: 100% auto; opacity: 0.36; }

.main .section.sec2 .sec2-cont .sec2-cont-bg .upper_comma { background-image: url(../images/upper_comma.png); left: 14%; }
.main .section.sec2 .sec2-cont .sec2-cont-bg .lower_comma { background-image: url(../images/lower_comma.png); left: 86%; }

.main .section.sec2 .sec2-cont .list-wrap { padding-top: 120px; display: flex; align-items: flex-start; justify-content: center; column-gap: 80px; }

.main .section.sec2 .sec2-cont .list-wrap .list {}

.main .section.sec2 .sec2-cont .list-wrap .list.list-1 { }
.main .section.sec2 .sec2-cont .list-wrap .list.list-2 { }

.main .section.sec2 .sec2-cont .list-wrap .list .list-title { text-align: center; line-height: 1; font-weight: 700; font-size: 48px; color: #1d1d1d; text-shadow: 0px 0px 2px rgba(0, 0, 0, 0.08); }

.main .section.sec2 .sec2-cont .list-wrap .list.list-1 .list-title { color: #246beb; }
.main .section.sec2 .sec2-cont .list-wrap .list.list-2 .list-title { color: #232ea3; }

.main .section.sec2 .sec2-cont .list-wrap .list .list-track { margin-top: 40px; display: grid; align-content: center; justify-items: center; row-gap: 16px; }

.main .section.sec2 .sec2-cont .list-wrap .list .list-track li {}

.main .section.sec2 .sec2-cont .list-wrap .list .list-track li span { display: inline-block; padding: 15px 25px; background-color: #ffffff; color: #1d1d1d; border-radius: 50px; box-shadow: 0px 0px 16px rgba(0, 0, 0, 0.08); text-align: center; font-weight: 500; font-size: 18px; word-break: keep-all; }

@media screen and (max-width: 1080px) {
    .main .section.sec2 { height: 100%; }
    .main .section.sec2 .sec2-cont .sec2-cont-bg { top: 50%; height: 100%; }
    .main .section.sec2 .sec2-cont .sec2-cont-bg .upper_comma { left: 50%; top: 0; transform: translate(-50%, 0); }
    .main .section.sec2 .sec2-cont .sec2-cont-bg .lower_comma { left: 50%; top: 100%; transform: translate(-50%, 0); }
    .main .section.sec2 .sec2-cont .list-wrap { padding: 120px 0 60px; column-gap: 40px; }
    .main .section.sec2 .sec2-cont .list-wrap .list .list-title { font-size: 34px; }
    .main .section.sec2 .sec2-cont .list-wrap .list .list-track li span { font-size: 16px; }
}

@media screen and (max-width: 737px) {
    .main .section.sec2 .sec2-cont .sec2-cont-bg span { width: 48px; height: 40px; }
    .main .section.sec2 .sec2-cont .sec2-cont-bg .lower_comma { top: 90%; }
    .main .section.sec2 .sec2-cont .list-wrap { padding: 80px 0 106px; display: grid; gap: 40px 0; }
    .main .section.sec2 .sec2-cont .list-wrap .list .list-title { font-size: 28px; }
    .main .section.sec2 .sec2-cont .list-wrap .list .list-track { margin-top: 24px; }
    .main .section.sec2 .sec2-cont .list-wrap .list .list-track li span { padding: 10px 20px; font-size: 15px; }
}

.main .section.sec3 { height: 720px; }

/* .main .section.sec3:before { content: ''; position: absolute; width: inherit; height: inherit; background: #f2f3f7 url(images/bg_03.jpg) no-repeat center center / 1080px auto; opacity: 0.64; } */

.main .section.sec3 .sec3-bg { position: absolute; left: 0; top: 0; width: 100%; height: 100%;  }

.main .section.sec3 .sec3-bg .bg-area { position: relative; width: inherit; height: inherit; }

.main .section.sec3 .sec3-bg .bg-area .circle { display: block; position: absolute; }

.main .section.sec3 .sec3-bg .bg-area .circle.circle-1 { left: 20px; top: 0; width: 320px; height: 320px; background-color: rgb(143 200 255 / 16%); border-radius: 320px; box-shadow: 0 0 40px 4px #ffffff; }

.main .section.sec3 .sec3-bg .bg-area .bg_txt { display: block; line-height: 1; letter-spacing: -2.4px; font-weight: 800; font-size: 140px; opacity: 0.16; color: transparent; background: linear-gradient(135deg, #246beb 22%, #0e2b5e);  /* background-image: linear-gradient(to right top, #861657, #ffa69e); */ background-clip: text; -webkit-background-clip: text; }

.main .section.sec3 .sec3-bg .bg-area .bg_txt-1 { position: absolute; right: 20px; bottom: 0; }

.main .section.sec3 .sec3-bg .bg-area .bg_txt-2 { position: absolute; left: 0; top: 15%; }

.main .section.sec3 .sec3-cont {}

.main .section.sec3 .sec3-cont .list-wrap { padding-top: 40px; }

.main .section.sec3 .sec3-cont .list-wrap .list {}

.main .section.sec3 .sec3-cont .list-wrap .list .list-title { text-align: center; line-height: 1; font-weight: 700; font-size: 42px; color: #1d1d1d; text-shadow: 0px 0px 2px rgba(0, 0, 0, 0.08); }

.main .section.sec3 .sec3-cont .list-wrap .list.list-1 .list-title { color: #16408d; }

.main .section.sec3 .sec3-cont .list-wrap .list .list-track { display: flex; align-items: center; justify-content: center; gap: 0 80px; max-width: 960px; width: 100%; height: 320px; margin: 40px auto 0; background-color: #fff; border-radius: 16px; box-shadow: 0px 0px 16px rgba(0, 0, 0, 0.08); }

.main .section.sec3 .sec3-cont .list-wrap .list .list-track li { margin-top: 24px; }

.main .section.sec3 .sec3-cont .list-wrap .list .list-track li .list-btn { display: flex; align-items: center; justify-content: flex-start; flex-direction: column; gap: 24px 0; }

.main .section.sec3 .sec3-cont .list-wrap .list .list-track li .list-btn.btn1 {}
.main .section.sec3 .sec3-cont .list-wrap .list .list-track li .list-btn.btn2 {}
.main .section.sec3 .sec3-cont .list-wrap .list .list-track li .list-btn.btn3 {}
.main .section.sec3 .sec3-cont .list-wrap .list .list-track li .list-btn.btn4 {}

.main .section.sec3 .sec3-cont .list-wrap .list .list-track li .list-btn .item-img { width: 140px; height: 140px; margin: 0; position: relative; background-color: #eeeeee; background-repeat: no-repeat; background-position: center center; background-size: 100% auto; border-radius: 8px; box-shadow: 0px 0px 8px rgba(0, 0, 0, 0.16); transition: all 0.16s; }

.main .section.sec3 .sec3-cont .list-wrap .list .list-track li .list-btn.btn1 .item-img { background-image: url(../images/img-report1.jpg); }
.main .section.sec3 .sec3-cont .list-wrap .list .list-track li .list-btn.btn2 .item-img { background-image: url(../images/img-report2.jpg); }
.main .section.sec3 .sec3-cont .list-wrap .list .list-track li .list-btn.btn3 .item-img { background-image: url(../images/img-report3.jpg); }
.main .section.sec3 .sec3-cont .list-wrap .list .list-track li .list-btn.btn4 .item-img { background-image: url(../images/img-report4.jpg); }

.main .section.sec3 .sec3-cont .list-wrap .list .list-track li .list-btn .item-img img {}

.main .section.sec3 .sec3-cont .list-wrap .list .list-track li .list-btn .item-txt { text-align: center; line-height: 1; font-weight: 500; font-size: 21px; }

.main .section.sec3 .sec3-cont .list-wrap .list .list-track li .list-btn .item-txt b {}

@media screen and (min-width: 737px) {
    .main .section.sec3 .sec3-cont .list-wrap .list .list-track li .list-btn:hover .item-img { transition: all 0.2s; filter: brightness(1.05); box-shadow: 0px 0px 8px 2px rgba(36, 107, 235, 0.6); }
}

@media screen and (max-width: 1080px) {
    .main .section.sec3 .sec3-bg .bg-area .bg_txt-1 { font-size: 100px; }
    .main .section.sec3 .sec3-cont .list-wrap .list .list-title { font-size: 32px; }
    .main .section.sec3 .sec3-cont .list-wrap .list .list-track { display: grid; grid-template-rows: repeat(1, minmax(100px, auto)); grid-template-columns: repeat(2, 1fr); gap: 24px 0; max-width: 540px; height: 100%; padding: 40px 40px; }
    .main .section.sec3 .sec3-cont .list-wrap .list .list-track li .list-btn .item-img { width: 120px; height: 120px; }
    .main .section.sec3 .sec3-cont .list-wrap .list .list-track li .list-btn .item-txt { font-size: 19px; }
}

@media screen and (max-width: 737px) {
    .main .section.sec3 { height: 100%; }
    .main .section.sec3 .sec3-bg .bg-area .circle.circle-1 { width: 220px; height: 220px; }
    .main .section.sec3 .sec3-bg .bg-area .bg_txt-1 { font-size: 60px; }
    .main .section.sec3 .sec3-cont .list-wrap { padding-top: 70px; }
    .main .section.sec3 .sec3-cont .list-wrap .list .list-title { font-size: 26px; }
    .main .section.sec3 .sec3-cont .list-wrap .list .list-track { margin-top: 24px; padding: 40px 24px; max-width: 335px; }
    .main .section.sec3 .sec3-cont .list-wrap .list .list-track li { margin-top: 12px; }
    .main .section.sec3 .sec3-cont .list-wrap .list .list-track li .list-btn { gap: 16px 0; }
    .main .section.sec3 .sec3-cont .list-wrap .list .list-track li .list-btn .item-img { width: 80px; height: 80px; }
    .main .section.sec3 .sec3-cont .list-wrap .list .list-track li .list-btn .item-txt { font-size: 17px; }
}
/* // main */

/* modal POPUP */
.modal_wrap { display: none; position: fixed; width: 100%; height: 100%; left: 0; top: 0; background-color: rgba(0, 0, 0, 0.88); z-index: 99999; overflow-y: auto; }

.modal_wrap .modal_pop { position: absolute; left: 50%; top: 50%; -webkit-transform: translate(-50%, -50%); transform: translate(-50%, -50%); max-width: 500px; width: auto; /* height: calc(100% - 56px); */ height: auto; margin: 0; overflow: hidden; }

.modal_wrap .modal_pop h2 { color: #fff; font-size: 40px; font-weight: 600; margin-bottom: 26px; margin-top: -50px; }

.modal_wrap .modal_pop h3 { display: flex; align-items: center; height: 56px; padding: 0 25px; background-color: #114e9f; border-radius: 12px 12px 0 0; font-weight: 500; color: #fff; line-height: 1; font-size: 20px; }

.modal_wrap .modal_pop h3 button { margin-top: 14px; width: 42px; height: 42px; border-radius: 42px; border: 1px solid #fff; background: url("/www-new/css/../images/sub/icon_pop_print.png") no-repeat center; float: right; }

.modal_wrap .modal_pop .pop_bg { height: calc(100% - 70px); padding: 20px; background-color: #fff; border-radius: 0 0 12px 12px; overflow-x: hidden; overflow-y: auto; }

.modal_wrap .modal_pop .pop_bg::-webkit-scrollbar { width: 6px; height: 6px; }

.modal_wrap .modal_pop .pop_bg::-webkit-scrollbar-thumb { background-color: #86878b; border-radius: 6px; }

.modal_wrap .modal_pop .pop_bg::-webkit-scrollbar-track { background-color: #cdd0d5; border-radius: 6px; }

.modal_wrap .modal_pop .pop_banner { margin: 0 -20px; }

.modal_wrap .modal_pop .pop_banner a { margin: 3px 20px; position: relative; padding: 1px; }

.modal_wrap .modal_pop .pop_banner .img { width: 405px; height: 405px; }

.modal_wrap .modal_pop .pop_banner .img img { width: 100%; height: 100%; }

.modal_wrap .modal_pop .pop_banner .control { margin-top: 40px; font-size: 0; color: #fff; line-height: 20px; font-family: "GmarketSans", "sans-serif"; font-weight: 500; text-align: center; }

.modal_wrap .modal_pop .pop_banner .control > :nth-child(n) { display: inline-block; font-size: 17px; margin: 0 5px; vertical-align: top; height: 16px; }

.modal_wrap .modal_pop .pop_banner .control .pagination_num { font-weight: 300; margin-right: 10px; }

.modal_wrap .modal_pop .pop_banner .control .pagination_num .current { color: #cc9c5b; font-weight: 400; }

.modal_wrap .modal_pop .pop_banner .control button { width: 16px; overflow: hidden; text-indent: 16px; }

.modal_wrap .modal_pop .pop_banner .control button.next { background: url("/www-new/css/../images/common/btn_pop_next.png") no-repeat center center; }

.modal_wrap .modal_pop .pop_banner .control button.prev { background: url("/www-new/css/../images/common/btn_pop_prev.png") no-repeat center center; }

.modal_wrap .modal_pop .pop_banner .control button.pause { background: url("/www-new/css/../images/common/btn_pop_pause.png") no-repeat center center; }

.modal_wrap .modal_pop .pop_banner .control button.play { background: url("/www-new/css/../images/common/btn_pop_play.png") no-repeat center center; }

.modal_wrap .modal_pop .modal_close { position: absolute; right: 8px; top: 0; display: flex; align-items: center; height: 56px; }

.modal_wrap .modal_pop .modal_close button { display: flex; align-items: center; height: 42px; line-height: 0px; background: rgb(0 0 0 / 40%) url("/www-new/css/../images/common/icon_pop_close.png") no-repeat right 18px center; padding-left: 18px; padding-right: 50px; border-radius: 5px; /* border: 1px solid #ffffff; */ font-size: 15px; color: #fff; }

.modal_wrap .img_box { display: flex; align-items: center; justify-content: center; max-width: 600px; width: 100%; margin: 0 auto; position: relative; border-radius: 12px; overflow: hidden; }

.modal_wrap .img_box img { display: block; }

.modal_wrap .modal_pop.pop3 .pop_bg { display: flex; align-items: center; justify-content: center; }

.pop3_slide { position: relative; max-width: 460px; width: 100%; margin: 0 auto; }

.pop3_slide .slide { position: relative; max-width: 460px; width: 100%; margin: 0 auto;  }

.pop3_slide .slide .slick-list {}

.pop3_slide .slide .slick-list .slick-track {}

.pop3_slide .slide .slick-list .slick-slide { max-width: 460px; }

.pop3_slide .slide .slick-list .slick-slide + .slick-slide { margin-left: 40px; }

.pop3_slide .slide .slick-list .slick-slide .img_box {}

.pop3_slide .control { position: absolute; left: 50%; top: 50%; transform: translate(-50%, -50%); z-index: 1; width: 100%; height: 0; display: flex; align-items: center; justify-content: space-between; }

.pop3_slide .control button { display: block; width: 38px; height: 38px; position: relative; overflow: hidden; border-radius: 50%; background-color: #ffffff; background-repeat: no-repeat; background-position: center center; font-size: 17px; text-indent: 48px; white-space: nowrap; box-shadow: 0px 0px 6px 0px rgba(0, 0, 0, 0.40); transition: all 0.4s; }

.pop3_slide .control button.slick-disabled { opacity: 0.45; }

.pop3_slide .control .prev {
    left: -18px; background-image: url("/www-new/css/../images/main/btn_mb_prev.png");
}

.pop3_slide .control .next {
    right: -18px; background-image: url("/www-new/css/../images/main/btn_mb_next.png");
}

@media screen and (min-width: 737px) {
  .modal_wrap .modal_pop h3 button { -webkit-transition: 0.3s; transition: 0.3s; }
  .modal_wrap .modal_pop h3 button:hover { background-image: url("/www-new/css/../images/sub/icon_pop_print_on.png"); border-color: #fff; background-color: #fff; } 
  .pop3_slide .control button:hover { background-color: #000; }
  .pop3_slide .control .prev:hover { background-image: url("/www-new/css/../images/main/btn_mb_prev_on.png"); }
  .pop3_slide .control .next:hover { background-image: url("/www-new/css/../images/main/btn_mb_next_on.png"); }
}

@media screen and (max-width: 1360px) { 
  /* .modal_wrap .modal_pop { padding: 0 30px; }
  .modal_wrap .modal_pop .pop_banner { margin-top: 20px; }
  .modal_wrap .modal_pop .modal_close { right: 46px; }  */
}

@media screen and (max-width: 737px) { 
  .modal_wrap .modal_pop { padding: 0 15px; max-width: 340px; width: 100%; overflow-y: auto; }
  .modal_wrap .modal_pop h2 { font-size: 26px; margin-bottom: 10px; }
  .modal_wrap .modal_pop h3 { height: 50px; padding: 0 20px; font-size: 16px; margin-top: 0; }
  .modal_wrap .modal_pop h3 button { display: none; }
  .modal_wrap .modal_pop .pop_bg { height: auto; padding: 20px; margin-bottom: 0; overflow-y: auto; }
  .modal_wrap .modal_pop .pop_banner { position: relative; margin-top: 0; }
  .modal_wrap .modal_pop .pop_banner .img { width: 320px; height: 320px; margin: 0 5px; }
  .modal_wrap .modal_pop .pop_banner .control { margin-top: 20px; }
  .modal_wrap .modal_pop .modal_close { right: 20px; height: 50px; }
  .modal_wrap .modal_pop .modal_close button { background-position: right 10px center; padding-left: 10px; padding-right: 36px; height: 36px; font-size: 13px; } 
  .pop3_slide { max-width: 300px; }
  .pop3_slide .slide { max-width: 300px; }
  .pop3_slide .slide .slick-list .slick-slide { max-width: 270px; }
}
/* // modal POPUP */