/*# 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; } }

.main { width: 100%; height: 100%; min-height: 920px; margin: 0 auto; position: relative; display: flex; align-items: center; justify-content: center; background-color: #0a1e42; }

.main::before { content: ''; display: block; position: absolute; left: 50%; top: 50%; transform: translate(-50%, -50%); width: 100%; height: 100%; margin: 0 auto; background: #0a1e42 url("/www-new/css/../images/bg_intro_2.jpg") no-repeat center center; }

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

.section {}

.sec1 { padding-top: 56px; padding-bottom: 56px; width: 100%; }

.sec1 .title { display: grid; justify-items: center; row-gap: 24px; }

.sec1 .title .logo { width: 84px; height: 84px; display: flex; align-items: center; justify-content: center; background-color: #fff; border-radius: 100%; overflow: hidden; }

.sec1 .title .logo img { display: block; max-width: 76px; max-height: 76px; width: 100%; height: 100%; }

.sec1 .title .typo { width: 260px; height: 128px; }

.sec1 .title .typo .img { display: block; width: 100%; height: 100%; margin: 0 auto; background-repeat: no-repeat; background-position-x: center; background-position-y: center; background-size: 100%; }

.sec1 .title .typo .img.img1 { max-width: 622px; max-height: 305px; background-image: url("/www-new/css/../images/txt_intro.png"); }


.sec1 .cont-box { margin-top: 40px; }

.sec1 .cont-box .sns_list { display: grid; justify-content: center; grid-template-rows: repeat(1, 1fr); grid-template-columns: repeat(1, 1fr); row-gap: 16px; }

.sec1 .cont-box .sns_list li {}

.sec1 .cont-box .sns_list li .link-btn { width: 100%; height: 64px; margin: 0; padding: 0 24px; border-radius: 12px; background-color: #ffffff; box-shadow: 0px 2px 8px rgb(0, 0, 0, 0.12); display: flex; align-items: center; justify-content: center; column-gap: 12px; overflow: hidden; transition: all 0.24s ease-out; }

.sec1 .cont-box .sns_list li .link-btn:focus-visible { outline: 2px solid #246beb; outline-offset: -6px; }

.sec1 .cont-box .sns_list li .link-btn .logo,
.sec1 .cont-box .sns_list li .link-btn .title { position: relative; display: block; margin: 0; line-height: 1; }

.sec1 .cont-box .sns_list li .link-btn .logo { text-indent: -9999px; background-position-x: center; background-position-y: center; background-size: 100% auto; background-repeat: no-repeat; overflow: hidden; }

.sec1 .cont-box .sns_list li .link-btn .logo.circle { width: 32px; height: 32px; border-radius: 100%; transition: all 0.24px ease-out; }

.sec1 .cont-box .sns_list li .link-btn.mofa-ko .logo,
.sec1 .cont-box .sns_list li .link-btn.mofa-en .logo,
.sec1 .cont-box .sns_list li .link-btn.koreaz .logo { padding: 4px 8px; background-color: #ffffff; border-radius: 6px; }

.sec1 .cont-box .sns_list li .link-btn.mofa-ko .logo { width: 94px; height: 40px; background-image: url(/monitoring/images/ko-logo.png); background-size: 78px auto; }

.sec1 .cont-box .sns_list li .link-btn.mofa-en .logo { width: 115px; height: 40px; background-image: url(/monitoring/images/en-logo.png); background-size: 99px auto; }

.sec1 .cont-box .sns_list li .link-btn.facebook .logo { background-image: url(/www-new/images/main/icon_main_sns_facebook.png); }

.sec1 .cont-box .sns_list li .link-btn.instagram .logo { background-image: url(/www-new/images/main/icon_main_sns_insta.png); }

.sec1 .cont-box .sns_list li .link-btn.youtube .logo { background-image: url(/www-new/images/main/icon_main_sns_youtube.png); }

.sec1 .cont-box .sns_list li .link-btn.x-twitter .logo { background-image: url(/www-new/images/main/icon_main_sns_x.png); }

.sec1 .cont-box .sns_list li .link-btn.koreaz .logo { width: 102px; height: 24px; background-image: url(/www-new/images/common/koreaz_logo.png); }

.sec1 .cont-box .sns_list li .link-btn .title { font-weight: 500; }

.sec1 .cont-box .sns_list li .link-btn .title:before { content: ''; display: block; position: absolute; left: 50%; top: 120%; transform: translateX(-50%); width: 0%; height: 2px; background-color: #ffffff; border-radius: 100%; opacity: 0.8; transition: all 0.24px ease-out; }

@media screen and (min-width: 737px) {
    .sec1 .cont-box .sns_list li .link-btn:hover { transition: all 0.16s; background-color: #003675; color: #ffffff; box-shadow: 0px 0px 2px 2px #ffffff; }    
    .sec1 .cont-box .sns_list li .link-btn:hover:focus-visible { outline-color: #ffffff; }
    .sec1 .cont-box .sns_list li .link-btn:hover .logo.circle { transition: all 0.16s; box-shadow: 0px 0px 0px 2px #ffffff; }
    .sec1 .cont-box .sns_list li .link-btn:hover .title:before { transition: all 0.16s; width: 100%; }
}

@media screen and (max-width: 737px) {
    .main { display: block; height: 100%; min-height: 722px; align-items: unset; justify-content: unset; }
    .main::before { background: #0a1e42; }
    .sec1 { padding-top: 36px; }
    .sec1 .title { row-gap: 16px; }
    .sec1 .title .logo { width: 76px; height: 76px; }
    .sec1 .title .logo img { max-width: 64px; max-height: 64px; }
    .sec1 .title .typo { width: 240px; height: 118px; }
    .sec1 .cont-box { margin-top: 36px; }
    .sec1 .cont-box .sns_list li .link-btn { padding: 0 8px; }
    .sec1 .cont-box .sns_list li .link-btn .title { font-size: 14px; }
}

.footer { width: 100%; margin: 0 auto; position: relative; background-color: #2d3840; color: #b2b4bc;}
.footer .inner { display: flex; align-items: center; justify-content: center; width: inherit; height: inherit; padding-top: 16px; padding-bottom: 16px; font-weight: 500; font-size: 12px; }
.footer .f-copy { text-align: center; }

@media screen and (max-width: 737px) {
    .footer .inner { font-size: 10px; padding-top: 12px; padding-bottom: 12px; }
}