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

/*clear*/
/*요소중앙정렬*/
/*아이템 정렬*/
#wrapper {width: 100%;overflow: hidden;padding-top: 145px;}

#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: 100px;font-size: 14px;} }

.skip_navi { position: absolute; z-index: 9999; width: 100%; left: 0; top: 0; text-align: center; }

.skip_navi a { display: block; position: absolute; left: 0; top: -9999px; z-index: 1; width: 100%; height: 40px; line-height: 40px; background-color: #333; color: #fff; font-size: 20px; font-weight: 700; }

.skip_navi a:hover, .skip_navi a:focus { top: 0px; outline-width: 2px; outline-style: dashed; outline-color: #ffffff; outline-offset: -4px; }

.container {max-width: 1420px;margin-right: auto;margin-left: auto;}

@media screen and (max-width: 1480px) { 
    .container { max-width: 1480px; padding-right: 30px; padding-left: 30px; }
    .header .head {}
}

@media screen and (max-width: 737px) { .container { padding-right: 15px; padding-left: 15px; } }

.main .container { max-width: 1355px; margin-right: auto; margin-left: auto; padding: 0; }

@media screen and (max-width: 1415px) { .main .container { padding-right: 30px; padding-left: 30px; } }

@media screen and (max-width: 737px) { .main .container { padding-right: 15px; padding-left: 15px; } }

.img { overflow: hidden; position: relative; }

.img img { max-width: none; width: 100%; }

.img iframe { position: absolute; left: 0; top: 0; width: 100%; height: 100%; }

@media screen and (max-width: 737px) { .img iframe { position: static; left: 0; top: 0; width: 100%; min-height: 400px; } }

/*헤더*/
.header { height: 144px; position: absolute; left: 0; top: 0; overflow: visible !important; z-index: 100; background-color: #fff; width: 100%; box-shadow: 0px 0px 16px 2px rgb(51 51 51 / 16%); }

/* .header:after { content: ''; display: block; clear: both; } */

.header:before { position: absolute; left: 0; top: 146px; bottom: 0; width: 400px; height: calc(100% - 144px); background: #14296c url("/www-new/css/../images/common/bg_gnb.jpg") no-repeat right top/100% auto; content: ''; }

.header .top_menu { width: 100%; height: 60px; margin: 0 auto; display: flex; align-items: center; justify-content: space-between; font-size: 12px; font-family: "Noto Sans", "sans-serif"; }

/* .header .top_menu:after { content: ''; display: block; clear: both; } */

/* 22-10-26 탑메뉴수정 */
/* .header .top_menu .gov-info { display: flex; align-items: center; justify-content: flex-start; width: 50%; margin: 0 auto; }
.header .top_menu .gov-info img{ margin-right: 10px; }
.header .top_menu .gov-info span{ font-size: 14px; color: #4f6280; } */
/* // 22-10-26 탑메뉴수정 */

/* 240425 - 공식 배너 (Masthead) */
.header .top_menu .gov-info  { width: 65%; height: inherit; margin: 0 auto; position: relative; }

.header .top_menu .gov-info .toggle-wrap { position: relative; width: 100%; height: inherit; display: flex; align-items: center; }

.header .top_menu .gov-info .inner { display: flex; align-items: center; justify-content: flex-start; flex-direction: row; flex-wrap: wrap; }

.header .top_menu .gov-info .toggle-head {}

.header .top_menu .gov-info .toggle-head .inner { gap: 0 16px; }

.header .top_menu .gov-info .toggle-head .nuri-txt::before { content: ""; position: absolute; left: 0; display: block; width: 25px; height: 17px; background: url("/www-new/css/../images/common/eg_logo.png") no-repeat center / 100% auto; }

.header .top_menu .gov-info .toggle-head .nuri-txt { padding-left: 38px; display: flex; align-items: center; justify-content: flex-start; flex-direction: row; word-break: break-all; line-height: 1; font-size: 14px; color: #2d2d2d; }

.header .top_menu .gov-info .toggle-head .toggle-btn:focus { outline-offset: 3px; outline: 2px solid #0C3975; border-radius: 16px; }

.header .top_menu .gov-info .toggle-head .toggle-btn { height: 24px; display: flex; align-items: center; column-gap: 2px; font-weight: 300; font-size: 13px; color: #003675; }

.header .top_menu .gov-info .toggle-head .toggle-btn::after { content: ""; display: block; width: 16px; height: 16px; margin: 0; background: url("/www-new/css/../images/common/ico_arr_20_down_blue.svg") no-repeat center / 100% auto; /* transition: 0.4s ease-in-out; */ }

.header .top_menu .gov-info.active .toggle-head .toggle-btn::after { transform: rotate(-180deg); }

.header .top_menu .gov-info.active .toggle-body { display: block; }

.header .top_menu .gov-info .toggle-body { display: none; position: absolute; left: 0; top: 100%; z-index: 100; max-width: 660px; width: 100%; padding: 20px 36px; background-color: #EDF1F5; line-height: 1.5; overflow: hidden; box-shadow: 0px 2px 8px 2px rgb(0 0 0 / 16%); }

.header .top_menu .gov-info .toggle-body .dl { display: flex; align-items: normal; justify-content: flex-start; flex-direction: column; flex: 1; gap: 16px 0; }

.header .top_menu .gov-info .toggle-body .dl .dt { display: flex; align-items: center; -moz-column-gap: 8px; column-gap: 8px; font-weight: 700; font-size: 17px; color: #1d1d1d; }

.header .top_menu .gov-info .toggle-body .dl .dt::before { content: ""; display: inline-flex; width: 20px; height: 20px; background: url("/www-new/css/../images/common/head_ico_nuri.svg") no-repeat center / 100% auto; }

.header .top_menu .gov-info .toggle-body .dl .dd { font-size: 15px; color: #555555; }
/* // 240425 - 공식 배너 (Masthead) */

.header .top_menu > ol { width: 35%; margin: 0 auto; position: relative; display: flex; align-items: center; justify-content: flex-end; white-space: nowrap; font-weight: 500; }

.header .top_menu > ol > li {}

.header .top_menu > ol > li + li {margin-left: 15px;}

.header .top_menu > ol > li a { display:inline-block; position:relative; width: 100%; }

.header .top_menu > ol > li a:before { content:''; display:inline-block; position: absolute; top:90%; left: 50%; transform: translateX(-50%); width:0%; height:1px; margin:0 auto; background: transparent; transition: all 0.16s ease-out;}

.header .top_menu > ol > li:hover a:before { background-color: #000; width:100%; transition: all 0.4s ease-out;}

.header .top_menu > ol > li .national_symbol {
    background: url("/www-new/css/../images/common/img_nation.png") no-repeat left center / 24px auto;
    padding-left: 26px;
}

@media screen and (max-width: 737px) {
    .header .top_menu > ol > li .national_symbol { background: unset; padding-left: unset; }
}

.header .top_menu > ul { float: right; }

.header .top_menu > ul > li { float: left; margin-left: 15px; }

 /* 22-11-16 GNB 수정 */
.header .top_menu .btn_sitemap_wrap { display: flex; align-items: center; justify-content: center; height: 20px; border-left: 1px solid #000; padding-left: 12px; }
.header .top_menu .btn_sitemap_wrap .btn_sitemap_open { display: inline-block; height: unset; position: relative; color: #000000; font: inherit; font-weight: 800; }
.header .top_menu li.btn_sitemap_wrap .btn_sitemap_open:before { content:''; display:inline-block; position: absolute; top:90%; left: 50%; transform: translateX(-50%); width:0%; height:1px; margin:0 auto; background: transparent; transition: all 0.16s ease-out;}
.header .top_menu li.btn_sitemap_wrap:hover .btn_sitemap_open:before { background-color: #000; width:100%; transition: all 0.4s ease-out;}
.header .top_menu .btn_sitemap_wrap .btn_sitemap_open:focus { outline: 2px dashed; }

@media screen and (max-width: 737px) {
  .header .top_menu .gov-info .toggle-head .nuri-txt { font-size: 11px; }
  .header .top_menu .gov-info .toggle-head .btn { display: none; }
  .header .top_menu .gov-info .toggle-body { display: none !important; }
}

/* 화면 ZOOM 기능 추가 STYLE */
.header .top_menu .zoom-wrap { display: flex; align-items: center; justify-content: flex-start; column-gap: 10px; margin-right: 10px; font-size: 12px; }

.header .top_menu .zoom-wrap .zoom-tit {}

.header .top_menu .zoom-wrap .zoom-tit span {}

.header .top_menu .zoom-wrap .zoom-btn { display: flex; align-items: center; justify-content: flex-start; column-gap: 6px; }

.header .top_menu .zoom-wrap .zoom-btn button { display: block; width: 24px; height: 24px; border: 1px solid rgb(0 0 0 / 40%); font-size: 12px; color: #000000; position: relative; transition: all 0.16s ease-out; }

.header .top_menu .zoom-wrap .zoom-btn .zoomIn, 
.header .top_menu .zoom-wrap .zoom-btn .zoomOut { text-indent: -9999px; }

.header .top_menu .zoom-wrap .zoom-btn .zoomIn::before, 
.header .top_menu .zoom-wrap .zoom-btn .zoomOut::before,
.header .top_menu .zoom-wrap .zoom-btn .zoomIn::after { content: ''; position: absolute; left: 50%; top: 50%; transform: translate(-50%,-50%); background-color: #333333; }

.header .top_menu .zoom-wrap .zoom-btn .zoomIn::before, 
.header .top_menu .zoom-wrap .zoom-btn .zoomOut::before { width: 8px; height: 2px; }

.header .top_menu .zoom-wrap .zoom-btn .zoomIn::after { width: 2px; height: 8px; }

.header .top_menu .zoom-wrap .zoom-btn .zoomIn {}

.header .top_menu .zoom-wrap .zoom-btn .zoomOut {}

.header .top_menu .zoom-wrap .zoom-btn .zoomReset { width: auto; display: flex; align-items: center; justify-content: center; padding-left: 6px; padding-right: 6px; }

@media screen and (min-width: 737px) {
    .header .top_menu .zoom-wrap .zoom-btn button:hover { background-color: #333333; color: #ffffff; }
    .header .top_menu .zoom-wrap .zoom-btn .zoomIn:hover::before, 
    .header .top_menu .zoom-wrap .zoom-btn .zoomOut:hover::before, 
    .header .top_menu .zoom-wrap .zoom-btn .zoomIn:hover::after { background-color: #ffffff; }
}

@media screen and (max-width: 1080px) {
    .header .top_menu .zoom-wrap { display: none; }
}
/* // 화면 ZOOM 기능 추가 STYLE */

.header .util .new_search_box {}
.header .util .new_search_box fieldset { display: flex; align-items: center; justify-content: flex-end; width: 100%; margin: 0 auto;}
.header .util .new_search_box .search {display: flex;align-items: center;justify-content: center;width: 90%;margin: 0;padding: 0 20px;border-radius: 16px;box-shadow: 0px 0px 4px rgb(0 0 0 / 24%);}
.header .util .new_search_box .search input {padding: 0;width: 100%;font-size: 14px;background: none;display: block;margin-right: 4px;}
/*     .header .util .new_search_box .search button {display: block;width: 20px;height: 20px;margin: 0 auto;background: url("/www-new/css/../images/common/btn_head_sch.png") no-repeat center center;background-size: 100%;} */
 .header .util .new_search_box .search button {display: block;width: 20px;height: 20px;margin: 0 auto;background: url("/www-new/images/common/btn_head_sch.png") no-repeat center center;background-size: 100%;}
 /* 22-11-16 GNB 수정 */    

.header .head { text-align: center; width: 100%; height: 85px; margin: 0 auto; display: flex; align-items: center; justify-content: space-between; }

/* .header .head:after { content: ''; display: block; clear: both; } */

.header .logo { line-height: 85px; }

.header .logo > a { display: inline-block; width: 112px; height: 44px; background: url("/www-new/css/../images/common/logo.png") no-repeat center; vertical-align: middle; }

/* 22-10-26 다시 도약하는 대한민국, 함께 잘사는 국민의 나라 (추가) */
.header .head .goverment-link { margin-left: 16px; line-height: 85px; }
.header .head .goverment-link:after { content: ''; display: block; clear: both; }
.header .head .goverment-link a { display: inline-block; max-width: 96px; width: 100%; margin: 0 auto; vertical-align: middle; }
.header .head .goverment-link a img { display: block; width:100%; margin:0 auto; }
/* // 22-10-26 다시 도약하는 대한민국, 함께 잘사는 국민의 나라 (추가) */

 /* /www-new/css/default.css #gnb 수정 */
.header #gnb { max-width: 100%; display: inline-block; line-height: 85px; }

.header #gnb > ul { display: flex; align-items: center; justify-content: center; }

.header #gnb > ul > li { float: left; }

.header #gnb > ul > li > a { position: relative; display: block; height: 85px; padding: 0 32px; white-space: nowrap; font-weight: 600; font-size: 18px; color: #1d1d1d; }

.header #gnb > ul > li.selected > a { color: #005A9E; }

.header #gnb > ul > li.selected > a:after { position: absolute; left: 50%; bottom: 30%; width: calc(100% - 54px); -webkit-transform: translateX(-50%); transform: translateX(-50%); height: 3px; background-color: #005A9E; content: ''; z-index: 3; border-radius: 25px;}

.header #gnb > ul > li.active > a { color: #a47e4f; }

.header #gnb > ul > li.active > a:before { position: absolute; left: 50%; bottom: 0; width: calc(100% - 54px); -webkit-transform: translateX(-50%); transform: translateX(-50%); height: 3px; background-color: #a47e4f; content: ''; z-index: 3; }

.header #gnb > ul > li.active .dep2_wrap { visibility: visible; }

.header #gnb > ul > li:nth-of-type(1) strong { background-image: url("/www-new/css/../images/common/icon_dep2_01.png"); }

.header #gnb > ul > li:nth-of-type(2) strong { background-image: url("/www-new/css/../images/common/icon_dep2_02.png"); }

.header #gnb > ul > li:nth-of-type(3) strong { background-image: url("/www-new/css/../images/common/icon_dep2_03.png"); }

.header #gnb > ul > li:nth-of-type(4) strong { background-image: url("/www-new/css/../images/common/icon_dep2_04.png"); }

.header #gnb > ul > li:nth-of-type(5) strong { background-image: url("/www-new/css/../images/common/icon_dep2_05.png"); }

.header #gnb > ul > li:nth-of-type(6) strong { background-image: url("/www-new/css/../images/common/icon_dep2_06.png"); }

.header #gnb .dep2_wrap { position: absolute; left: 0; display: block; top: 144px; visibility: hidden; border-top: 1px solid #ddd; text-align: left; width: 100%; z-index: 1; }

.header #gnb .dep2_wrap:after { content: ''; display: block; clear: both; }

.header #gnb .dep2_wrap a[target="_blank"]:after { vertical-align: middle; width: 12px; height: 12px; display: inline-block; margin-left: 8px; margin-top: -2px; padding-right: 0; background: url("/www-new/css/../images/common/icon_gnb_link.png") no-repeat right center/12px auto; content: ''; }

.header #gnb .dep2_wrap > div { float: left; width: 400px; padding: 60px 76px 0 130px; font-size: 15px; color: #fff; line-height: 23px; }

.header #gnb .dep2_wrap > div strong { font-size: 26px; font-weight: 500; color: #fff; display: block; padding-top: 68px; background-position: 0 0; padding-bottom: 20px; position: relative; background-repeat: no-repeat; margin-bottom: 19px; }

.header #gnb .dep2_wrap > div strong:after { content: ''; position: absolute; left: 0; bottom: 0; width: 20px; height: 1px; background-color: #a2abc3; }

.header #gnb .dep2_wrap > div span { display: block; width: 200px; }

.header #gnb .dep2_wrap > ul { float: left; width: calc(100% - 400px); background-color: #fff; padding-bottom: 40px; }

.header #gnb .dep2_wrap > ul:after { content: ''; display: block; clear: both; }

.header #gnb .dep2_wrap > ul > li { float: left; margin-left: 40px; margin-top: 40px; width: 196px; }

.header #gnb .dep2_wrap > ul > li > a { display: block; width: 100%; text-align: center; background-color: #f3f3f3; line-height: 52px; color: #1d1d1d; font-weight: 600; font-size: 17px; }

.header #gnb .dep2_wrap > ul > li.col2 { width: 432px; }

.header #gnb .dep2_wrap > ul > li.col2 ol > :nth-child(n) { float: left; width: calc(50% - 5px); margin-right: 10px; }

.header #gnb .dep2_wrap > ul > li.col2 ol > :nth-of-type(2n) { margin-right: 0; }

.header #gnb .dep2_wrap > ul > li.col2 ol > :not(:nth-of-type(2n + 1)) { clear: none; }

.header #gnb .dep2_wrap > ul > li.col2 ol > :nth-of-type(2n + 1) { clear: both; }

.header #gnb .dep2_wrap > ul > li.col3 { width: 668px; }

.header #gnb .dep2_wrap > ul > li.col3 ol > :nth-child(n) { float: left; width: calc(33.33333% - 6.66667px); margin-right: 10px; }

.header #gnb .dep2_wrap > ul > li.col3 ol > :nth-of-type(3n) { margin-right: 0; }

.header #gnb .dep2_wrap > ul > li.col3 ol > :not(:nth-of-type(3n + 1)) { clear: none; }

.header #gnb .dep2_wrap > ul > li.col3 ol > :nth-of-type(3n + 1) { clear: both; }

.header #gnb .dep2_wrap > ul > li.col4 { width: 668px; }

.header #gnb .dep2_wrap > ul > li.col4 ol > :nth-child(n) { float: left; width: calc(25% - 7.5px); margin-right: 10px; }

.header #gnb .dep2_wrap > ul > li.col4 ol > :nth-of-type(4n) { margin-right: 0; }

.header #gnb .dep2_wrap > ul > li.col4 ol > :not(:nth-of-type(4n + 1)) { clear: none; }

.header #gnb .dep2_wrap > ul > li.col4 ol > :nth-of-type(4n + 1) { clear: both; }

.header #gnb .dep2_wrap > ul > li ol { padding: 20px 10px 0; font-size: 15px; }

.header #gnb .dep2_wrap > ul > li ol li { float: left; width: 175px; margin: 0.25em 0; line-height: 1.4; font-weight: 500; color: #2d2d2d; }

.header #gnb .dep2_wrap > ul > li ol li a { display: inline-block; padding-left: 14px; position: relative; }

.header #gnb .dep2_wrap > ul > li ol li a:hover { text-decoration: underline; }

.header #gnb .dep2_wrap > ul > li ol li a:before { content: ''; display: block; position: absolute; left: 0; top: 0.7em; margin-top: -1px; width: 5px; height: 2px; background-color: #a5b4c3; }

.header .util {/* float: right; */line-height: 85px;}

.header .util .search_box { display: none; position: absolute; left: 0; top: 145px; width: 100%; border-top: 1px solid #ddd; background-color: #fff; z-index: 2; padding: 60px 30px; text-align: center; }

.header .util .search_box.active { display: block; box-shadow: 0px 8px 16px 0px rgb(51 51 51 / 60%); }

.header .util .search_box .tit { color: #959595; font-size: 36px; font-weight: 600; margin-right: 45px; vertical-align: top; display: inline-block; line-height: 30px; }

.header .util .search_box .search { max-width: 680px; border-bottom: 2px solid #000; padding-bottom: 12px; position: relative; display: inline-block; width: 100%; vertical-align: top; }

.header .util .search_box .search input { display: block; line-height: 30px; font-size: 20px; font-weight: 500; color: #000; border: 0; height: 30px; }

.header .util .search_box .search input::-webkit-input-placeholder { color: #000; }

.header .util .search_box .search input:-ms-input-placeholder { color: #000; }

.header .util .search_box .search input::-ms-input-placeholder { color: #000; }

.header .util .search_box .search input::placeholder { color: #000; }

.header .util .search_box .search button { position: absolute; width: 30px; height: 30px; right: 0; top: 0; background: url("/www-new/css/../images/common/btn_head_sch.png") no-repeat center; }

@media screen and (max-width: 1080px) { 
  .header .util .search_box .tit { text-align: center; margin: 0 0 15px; line-height: 1.4; }
  .header .util .search_box .search { max-width: 100%; } 
}

@media screen and (max-width: 737px) { 
  .header .util .search_box {padding: 25px 15px 40px;}
  .header .util .search_box .tit { font-size: 20px; margin-bottom: 10px; }
  .header .util .search_box .search { max-width: 100%; padding-bottom: 10px; }
  .header .util .search_box .search input { font-size: 14px; line-height: 22px; height: 22px; }
  .header .util .search_box .search button { width: 22px; height: 22px; background-size: 22px auto; } 
}
/*임시수정 */
/* .header .util .btn_search_open { width: 32px; height: 32px; margin-left: 14px; background: url("/www-new/css/../images/common/btn_head_search.png") no-repeat right center; vertical-align: middle; } */
.header .util .btn_search_open { display: none; width: 32px; height: 32px; margin-left: 14px; background: url("/www-new/images/common/btn_head_search.png") no-repeat right center; vertical-align: middle; }

.header .util .btn_search_open.active { background-image: url("/www-new/css/../images/common/btn_search_close.png"); }

.header .util .btn_sitemap_open { width: 32px; display:none;  height: 32px; background: url("/www-new/css/../images/common/btn_sitemap_open.png") no-repeat center; vertical-align: middle; }

.header.active:after { content: ''; position: absolute; left: 0; top: 61px; width: 100%; height: 1px; background-color: #ddd; z-index: -1; }

.header.active + .page_spot:before, .header.active + .main:before { content: ''; display: block; position: fixed; left: 0; top: 0; width: 100%; height: 120%; z-index: 9; background-color: rgba(0, 0, 0, 0.7); }

@media screen and (max-width: 1680px) { 
  .header #gnb {max-width: 100%;padding-right: 0;}
  .header #gnb .dep2_wrap > div { width: 300px; padding: 30px; word-break: keep-all; }
  .header #gnb .dep2_wrap > ul { width: calc(100% - 300px); padding-bottom: 30px; padding-left: 10px; padding-top: 10px; }
  .header #gnb .dep2_wrap > ul > li { margin-left: 20px; margin-top: 20px; width: 196px; }
  .header #gnb .dep2_wrap > ul > li.col2 { width: 412px; }
  .header #gnb .dep2_wrap > ul > li.col3 { width: 628px; }
  .header #gnb .dep2_wrap > ul > li.col4 { width: 628px; }
  .header #gnb > ul > li > a { font-size: 16px; padding: 0px 24px; }
}

@media screen and (max-width: 1200px) { 
    .header #gnb > ul > li > a { font-size: 14px; padding: 0px 18px; }
}

@media screen and (max-width: 1080px) { 
    .header #gnb { display: none; }
    /* .header .head { justify-content: unset; } */
    .header .logo { width: 112px; display: flex; align-items: center; justify-content: flex-start; }
    .header .head .goverment-link { width: 96px; margin-left: 0px; }
    .header .head .goverment-link a { width: 100%; }
    .header .util { width: 60%; margin: 0; display: flex; align-items: center; justify-content: flex-end; }
    .header .sitemap .btn_sitemap_close { right: 30px; } 
}

@media screen and (max-width: 737px) { 
  .header { height: 100px !important; }
  .header.active:after { content: none; }
  .header.active .head:before { top: 65px; }
  .header .container {padding: 0 15px;}
  .header .logo { width: 76px; height: 29px; position: relative; line-height: 64px; }
  .header .logo > a { width: inherit; height: inherit; background-size: cover; }
  .header .head .goverment-link { width: 72px; margin-left: 16px; line-height: 64px; }
  .header .head .goverment-link a { width: inherit; }
  .header .top_menu { width: 100%; height: 40px; justify-content: flex-start; }
  .header .top_menu .gov-info { width:100%; }
  .header .top_menu .gov-info span {font-size: 12px;white-space: nowrap;}
  .header .top_menu ol {display: none;}
  .header .head { height: 60px; }
  .header .util {line-height: 64px;/* padding-top: 15px; */}
  .header .util .btn_search_open { display:block; float: left;width: 24px;height: 32px;margin-left: 16px;background-position: center;}
  .header .util .btn_search_open.active { background-image: url("/www-new/css/../images/common/btn_search_close_m.png"); background-size: 18px auto; }
  .header .util .btn_sitemap_open { display:block; float: right;/* margin-left: 13px; */width: 24px;}
   .header .util .new_search_box { display:none;}
  .header .util.active:after { position: fixed; width: 100%; height: 100%; left: 0; top: 0; background-color: rgba(0, 0, 0, 0.7); content: ''; }
  .header .util .search_box { top: 100px; }
  .header .sitemap { display: none; width: calc(100% - 25px); right: 0; left: auto; left: initial; top: 0; color: #fff; padding: 0; -webkit-transform: translateX(100%); transform: translateX(100%); -webkit-transition: -webkit-transform 0.5s; transition: -webkit-transform 0.5s; transition: transform 0.5s; transition: transform 0.5s, -webkit-transform 0.5s; text-align: left; background: #f0f3f8 url("/www-new/css/../images/common/bg_gnb_m.jpg.png") no-repeat top center/100% auto; background-attachment: local; }
  .header .sitemap.active { -webkit-transform: translateX(0); transform: translateX(0); }
  .header .sitemap .lang { position: static; padding-right: 0; padding-left: 20px; line-height: 45px; display: inline-block; background: transparent; }
  .header .sitemap .lang:after { display: inline-block; width: 16px; height: 16px; vertical-align: -3px; margin-left: 9px; background: url("/www-new/css/../images/common/icon_sitemap_lang2.png") no-repeat center/15px auto; content: ''; }
  .header .sitemap > .container { width: 100%; padding: 0; height: calc(100% - 45px); position: relative; }
  .header .sitemap > .container:after { position: absolute; right: 0; top: 46px; width: 68%; height: calc(100% + 20px); background-color: #fff; content: ''; }
  .header .sitemap > .container > ol { display: block; padding: 0 20px; border: 0; border-radius: 0; border-top: 1px solid rgba(255, 255, 255, 0.1); }
  .header .sitemap > .container > ol > li { font-size: 12px; line-height: 45px; }
  .header .sitemap > .container > ol > li:before { content: ''; display: inline-block; width: 1px; height: 12px; background-color: #5b6f94; }
  .header .sitemap > .container > ol > li a { margin: 0 12px; }
  .header .sitemap > .container > ol > li:first-of-type a { margin-left: 0; }
  .header .sitemap > .container > ol > li:first-of-type:before { content: none; }
  .header .sitemap > .container > .sns { margin-left: 0; margin-top: 130px; padding-left: 20px; width: 32%; display: block; text-align: left; }
  .header .sitemap > .container > .sns li { float: none; margin-left: 0; }
  .header .sitemap > .container > .sns li a { text-indent: 0; font-family: "GmarketSans", "sans-serif"; font-size: 10px; line-height: 25px; width: auto; height: auto; text-align: left; font-weight: bold; }
  .header .sitemap > .container > .sns li a.facebook { background-image: none; color: #005cb3; }
  .header .sitemap > .container > .sns li a.insta { background-image: none; color: #ff377e; }
  .header .sitemap > .container > .sns li a.twitter { background-image: none; color: #000000; }
  .header .sitemap > .container > .sns li a.youtube { background-image: none; color: #d90004; }
  .header .sitemap > .container > .sns li a.blog { background-image: none; color: #00ba35; }
  .header .sitemap > .container .dep1 { margin: 0; padding: 0; position: relative; border: 0; }
  .header .sitemap > .container .dep1 > li { margin-bottom: 0; padding-left: 20px; width: 32%; border: 0; background-color: #f0f3f8; }
  .header .sitemap > .container .dep1 > li:after { content: ''; display: block; clear: both; }
  .header .sitemap > .container .dep1 > li > a { position: relative; z-index: 1; display: block; float: left; width: 111%; border-top: 0; font-size: 15px; padding: 12px 0; color: #3f4143; }
  .header .sitemap > .container .dep1 > li.active > a { padding: 12px; color: #fff; background: #9c1d1d; background: linear-gradient(135deg, #ae814a 0%, #c6975c 100%); filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#9c1d1d', endColorstr='#d63a0c',GradientType=1 ); border-bottom-right-radius: 10px; z-index: 10; }
  .header .sitemap > .container .dep1 > li.active .dep2_wrap { z-index: 2; display: block; }
  .header .sitemap > .container .dep2_wrap { display: none; float: none; width: 68%; position: absolute; left: 32%; top: 0; background-color: #fff; padding-top: 1px; z-index: 1; padding-bottom: 20px; }
  .header .sitemap > .container .dep2_wrap > div { display: none; }
  .header .sitemap > .container .dep2_wrap > ul { border-top: 0; padding: 0 15px 0 30px; background-color: transparent; }
  .header .sitemap > .container .dep2_wrap > ul > li { margin-bottom: 0; border-bottom: 1px solid #dfdfdf; }
  .header .sitemap > .container .dep2_wrap > ul > li:last-of-type { border-bottom: 0; }
  .header .sitemap > .container .dep2_wrap > ul > li > a { font-size: 15px; display: block; width: 100%; line-height: 48px; color: #5e5f62; margin-bottom: 0; position: relative; -webkit-transition: all 0.3s; transition: all 0.3s; }
  .header .sitemap > .container .dep2_wrap > ul > li > a.link:after { margin-left: 6px; width: 14px; height: 14px; vertical-align: middle; display: inline-block; background: url("/www-new/css/../images/common/icon_dep2_page.png") no-repeat 50% 50%/cover; content: ''; }
  .header .sitemap > .container .dep2_wrap > ul > li > a.menu_btn:before { display: block; width: 20px; height: 20px; position: absolute; right: -3px; top: 14px; content: ''; background: url("/www-new/css/../images/common/btn_sitemap_dep3_open.png") no-repeat center/14px auto; -webkit-transition: all 0.3s; transition: all 0.3s; z-index: 20; cursor: pointer; }
  .header .sitemap > .container .dep2_wrap > ul > li.active > a { color: #000; font-weight: 500; }
  .header .sitemap > .container .dep2_wrap > ul > li.active > a.menu_btn:before { background-image: url("/www-new/css/../images/common/btn_sitemap_dep3_close.png"); }
  .header .sitemap > .container .dep2_wrap > ul > li.active ol { display: block; }
  .header .sitemap > .container .dep2_wrap > ul > li:last-of-type { margin-bottom: 0; }
  .header .sitemap > .container .dep2_wrap ol { display: none; font-size: 14px; background-color: #f6f8f9; padding: 15px; }
  .header .sitemap > .container .dep2_wrap ol li { line-height: 1.4; margin: 0.3em 0; float: none; margin-right: 0; width: 100%; }
  .header .sitemap > .container .dep2_wrap ol li a { display: inline-block; padding-left: 10px; color: #686d75; }
  .header .sitemap > .container .dep2_wrap ol li a:before { content: ''; top: 0.7em; margin-top: -1px; width: 4px; height: 2px; background-color: #a1b0c0; }
  .header .sitemap > .container .dep2_wrap ol li a[target="_blank"] { color: #686d75; font-weight: 300; }
  .header .sitemap > .container .dep2_wrap ol li a[target="_blank"]:after { vertical-align: middle; width: 12px; height: 12px; display: inline-block; margin-left: 5px; margin-top: -2px; padding-right: 0; background: url("/www-new/css/../images/common/icon_sitemap_link_m.png") no-repeat right center/12px auto; content: ''; }
  .header .sitemap > .container .dep2_wrap ol li a[target="_blank"]:before { content: ''; background-color: #a1b0c0; }
  .header .sitemap > .container .dep2_wrap ol li.active a { color: #1e49b9; }
  .header .sitemap > .container .dep2_wrap ol li.active a:before { background-color: #1e49b9; }
  .header .sitemap .btn_sitemap_close { position: absolute; top: 15px; right: 15px; width: 17.5px; height: 17.5px; background: url("/www-new/css/../images/common/btn_sitemap_close_m.png") no-repeat center/cover; } }

/*211109 사이트맵 화이트 시작*/
/*
.sitemap{display:none;position:fixed;width:100%;height:100%;left:0;top:0;line-height:1.4;background-color:#fff;padding:157px 30px 0;z-index:100;overflow-y:auto;        
    .lang {position:absolute;right:120px;top:52px;font-size:13px;padding-right:28px;line-height:20px;background:url("/www-new/css/../images/common/icon_sitemap_lang.png") no-repeat right center;font-weight: 600; }
    > .container {position:relative;text-align:right;max-width:1420px;padding:0;
        > ol {display:inline-block;padding:0 19px;border:1px solid #ccc;border-radius:46px;vertical-align:top;
            > li {float:left;font-size:15.5px;line-height:44px;vertical-align:top;
                &:before {content:'';display:inline-block;width:1px;height:12px;background-color:#b2b2b2;}
                a {margin:0 14px;}
                &:first-of-type {
                    &:before {content:none;}
                }
            }
        }
        > .sns {@include clear;display:inline-block;margin-left:20px;
            li {float:left;margin-left:10px;
                a {display:block;width:46px;height:46px;border-radius:46px;overflow:hidden;text-indent:46px;background-repeat:no-repeat;background-position:center;
                    &.facebook {background-image:url("/www-new/css/../images/common/icon_sns_01.png");}
                    &.insta {background-image:url("/www-new/css/../images/common/icon_sns_02.png");}
                    &.twitter {background-image:url("/www-new/css/../images/common/icon_sns_03.png");}
                    &.youtube {background-image:url("/www-new/css/../images/common/icon_sns_04.png");}
                    &.blog {background-image:url("/www-new/css/../images/common/icon_sns_05.png");}
                }
            }
        }
        .dep1 {max-width:1420px;margin:50px auto 0;padding-bottom:100px;text-align:left;
            > li {@include clear;margin-bottom:50px;background-color:#f7f7f7;
                > a {display:block;float:left;width:208px;font-weight: 500;    padding-left:30px;border-top:3px solid #000;font-size:24px;padding-top:43px;padding-right:40px;}
            }
        }              
        .dep2_wrap {float:left;width:calc(100% - 208px);padding-top:1px;
            > div {display:none;}
            > ul {border-top:1px solid #d1d1d1;padding:46px 40px 44px;background-color:#fff;
                > li {margin-bottom:30px;
                    > a {font-size:19px;display:inline-block;line-height:1.4;margin-bottom:10px;}
                    &:last-of-type{margin-bottom:0;}
                }
            }
            ol {font-size:15px;
                li {line-height:1.4;margin:0.25em 0;float:left;margin-right:52px;
                    a {display:inline-block;padding-left:14px;position:relative;
                        &:before {content:'';display:block;position:absolute;left:0;top:0.7em;margin-top:-1px;width:5px;height:2px;background-color:#859fbc;
                        }
                        &[target="_blank"]{color:#1d49b8;font-weight:300;
                            &:after{
                                padding-right:20px;background:url("/www-new/css/../images/common/icon_sitemap_link.png") no-repeat right center;content:'';
                            }
                            &:before {content:'';background-color:#1d49b8;}
                        }
                    }   
                    }
                }

        }
    }        
    .btn_sitemap_close {position:absolute;top:40px;right:50px;width:44px;height:45px;background:url("/www-new/css/../images/common/btn_sitemap_close.png") no-repeat center;}
        
} 
*/
/*211109 사이트맵 화이트 끝*/
/*사이트맵 푸른색 배경 시작*/
.sitemap { line-height: 1.4; display: none; position: fixed; width: 100%; height: 100%; left: 0; top: 0; background: url("/www-new/css/../images/common/bg_sitemap.jpg") no-repeat center/cover; color: #fff; padding: 157px 30px 0; z-index: 100; overflow-y: auto; }

.sitemap .lang { position: absolute; right: 116px; top: 52px; font-size: 13px; padding-right: 25px; line-height: 20px; background: url("/www-new/css/../images/common/icon_sitemap_lang2.png") no-repeat right center; }

.sitemap > .container { position: relative; text-align: right; padding: 0; }

.sitemap > .container > ol { display: inline-block; padding: 0 19px; border: 1px solid #6a82b1; border-radius: 44px; }

.sitemap > .container > ol > li { float: left; font-size: 15.5px; line-height: 44px; vertical-align: top; }

.sitemap > .container > ol > li:before { content: ''; display: inline-block; width: 1px; height: 12px; background-color: #5b6f94; }

.sitemap > .container > ol > li a { margin: 0 14px; }

.sitemap > .container > ol > li:first-of-type:before { content: none; }

.sitemap > .container > .sns { display: inline-block; vertical-align: top; padding-top: 5px; margin-left: 20px; }

.sitemap > .container > .sns:after { content: ''; display: block; clear: both; }

.sitemap > .container > .sns li { float: left; margin-left: 10px; }

.sitemap > .container > .sns li a { display: block; width: 36px; height: 36px; border-radius: 36px; overflow: hidden; text-indent: 9999px; white-space: nowrap; background-repeat: no-repeat; background-position: center; background-size: 36px 36px; }

.sitemap > .container > .sns li a.facebook { background-image: url("/www-new/images/main/icon_main_sns_facebook.png"); }

.sitemap > .container > .sns li a.insta { background-image: url("/www-new/images/main/icon_main_sns_insta.png"); }

.sitemap > .container > .sns li a.twitter { background-image: url("/www-new/images/main/icon_main_sns_youtube.png"); }

.sitemap > .container > .sns li a.youtube { background-image: url("/www-new/images/main/icon_main_sns_x.png"); }

.sitemap > .container > .sns li a.blog { background-image: url("/www-new/images/main/icon_main_sns_blog.png"); }

.sitemap > .container .dep1 { max-width: 1420px; margin: 50px auto 0; padding-bottom: 100px; text-align: left; }

.sitemap > .container .dep1 > li { margin-bottom: 50px; }

.sitemap > .container .dep1 > li:after { content: ''; display: block; clear: both; }

.sitemap > .container .dep1 > li > a { display: block; float: left; width: 208px; border-top: 3px solid #fff; font-size: 24px; padding-top: 27px; padding-right: 40px; }

.sitemap > .container .dep2_wrap { float: left; width: calc(100% - 208px); background-color: rgba(10, 50, 95, 0.2); padding-top: 1px; }

.sitemap > .container .dep2_wrap > div { display: none; }

.sitemap > .container .dep2_wrap > ul { border-top: 1px solid #234c78; padding: 36px 40px 34px; background-color: rgba(0, 0, 0, 0.2); }

.sitemap > .container .dep2_wrap > ul > li { margin-bottom: 30px; }

.sitemap > .container .dep2_wrap > ul > li > a { font-size: 19px; display: inline-block; line-height: 1.4; margin-bottom: 10px; }

.sitemap > .container .dep2_wrap > ul > li:last-of-type { margin-bottom: 0; }

.sitemap > .container .dep2_wrap ol { font-size: 15px; }

.sitemap > .container .dep2_wrap ol li { line-height: 1.4; margin: 0.25em 0; float: left; margin-right: 52px; }

.sitemap > .container .dep2_wrap ol li a { display: inline-block; padding-left: 14px; color: #859fbc; position: relative; }

.sitemap > .container .dep2_wrap ol li a:before { content: ''; display: block; position: absolute; left: 0; top: 0.7em; margin-top: -1px; width: 5px; height: 2px; background-color: #859fbc; }

.sitemap > .container .dep2_wrap ol li a[target="_blank"] { color: #83e0fe; font-weight: 300; }

.sitemap > .container .dep2_wrap ol li a[target="_blank"]:after { padding-right: 20px; background: url("/www-new/css/../images/common/icon_sitemap_link.png") no-repeat right center; content: ''; }

.sitemap > .container .dep2_wrap ol li a[target="_blank"]:before { content: ''; background-color: #83e0fe; }

.sitemap .btn_sitemap_close { position: absolute; top: 40px; right: 50px; width: 44px; height: 45px; background: url("/www-new/css/../images/common/btn_sitemap_close2.png") no-repeat center; }

/*사이트맵 푸른색 배경 끝*/
#contents {width: 100%;/* margin-top: 30px; */}

.btn_quick { position: fixed; right: 0; top: 40%; z-index: 10; }

.btn_quick .modal_open_close { display: none; position: absolute; left: -8px; top: -11px; width: 32px; height: 32px; border-radius: 32px; background: #e90b73 url("/www-new/css/../images/common/btn_pop_m_close.png") no-repeat center/10px auto; -webkit-box-shadow: 8px 8px 20px rgba(0, 0, 0, 0.4); box-shadow: 8px 8px 20px rgba(0, 0, 0, 0.4); }

@media screen and (max-width: 737px) { .btn_quick .modal_open_close { display: block; } }

.btn_quick .scroll_top { position: fixed; right: 10px; bottom: 40px; z-index: 10; display: none; width: 75px; height: 75px; border-radius: 75px; -webkit-box-shadow: 8px 8px 26px rgba(0, 0, 0, 0.3); box-shadow: 8px 8px 26px rgba(0, 0, 0, 0.3); background-color: #fff; }

.btn_quick .scroll_top img { width: 17px; vertical-align: 2px; }

.btn_quick .pop { width: 110px; height: 110px; background: #14296c url("/www-new/css/../images/main/btn_pop_open.png") no-repeat center top 25px; z-index: 99; -webkit-box-shadow: 0 12px 36px 0 rgba(0, 0, 0, 0.2); box-shadow: 0 12px 36px 0 rgba(0, 0, 0, 0.2); padding-top: 71px; padding-bottom: 25px; line-height: 1; font-size: 17px; color: #fff; }

@media screen and (min-width: 737px) { .btn_quick .pop { -webkit-transition: 0.4s; transition: 0.4s; }
  .btn_quick .pop:hover { background-color: #25419b; } }

@media screen and (max-width: 737px) { .btn_quick .pop { width: 75px; height: 72px; padding-top: 35px; background-size: 25px auto; background-position: center top 15px; padding-bottom: 0; }
  .btn_quick .pop span { display: block; color: #fff; font-size: 11px; text-align: center; height: initial; width: initial; overflow: initial; clip: initial; clip: initial; margin: initial; position: static; } }

.f_banner { background-color: #f5f5f5; padding: 30px 0 28px; }

.f_banner:after { content: ''; display: block; clear: both; }

.f_banner .container { position: relative; }

.f_banner .control { text-align: center; margin-top: 15px; }

.f_banner .control .pagination_dot { text-align: center; display: inline-block; vertical-align: middle; font-size: 0; line-height: 0; }

.f_banner .control .pagination_dot li { float: left; font-size: 9px; line-height: 1; margin: 0 4px; }

.f_banner .control .pagination_dot .slick-active button { background-color: #000; width: 20px; }

.f_banner .control .pagination_dot button { -webkit-transition: all 0.3s; transition: all 0.3s; width: 9px; height: 9px; border-radius: 9px; background-color: #e4e4e4; overflow: hidden; text-indent: 50px; }

.f_banner .control > button { width: 16px; height: 16px; overflow: hidden; text-indent: 50px; vertical-align: middle; white-space: nowrap; margin-left: 10px; }

.f_banner .control > button.pause { background: url("/www-new/css/../images/main/btn_sdbanner_pause.png") no-repeat center center; }

.f_banner .control > button.play { background: url("/www-new/css/../images/main/btn_sdbanner_play.png") no-repeat center center; }

.f_banner .slide { width: 100%; }

.f_banner .slide a { display: block; width: 162px; height: 51px; border: 1px solid #ddd; margin-left: 11px; text-align: center; overflow: hidden; }

.f_banner .slide a img { display: inline-block; vertical-align: middle; width: 160px; height: 49px; }

.f_banner .more { position: absolute; right: 26px; bottom: 0; font-size: 14px; padding-right: 18px; background: url("/www-new/css/../images/main/btn_fbn_more.png") no-repeat right center; }

@media screen and (max-width: 737px) { 
  .f_banner { padding: 30px 15px; font-size: 15px; text-align: center; }
  .f_banner .container { padding: 0; }
  .f_banner .control { margin-top: 10px; }
  .f_banner .more { margin-top: 22px; position: static; display: inline-block; padding: 0 33px 0 15px; height: 35px; line-height: 33px; font-size: 14px; background-position: right 15px center; background-color: #fff; border: 1px solid #d3d3d3; } 
}

/*푸터*/
.footer { border-top: 1px solid #f5f5f5; padding: 40px 0; font-family: "Noto Sans", "sans-serif"; }

.footer .container { position: relative; }

.footer .mk_wa { position: absolute; right: 0; bottom: 20px; }

.footer .mk_wa > img { display: block; width: 100px; height: 69px; margin: 0 auto; }

.footer .fnb { padding-left: 170px; background: url("/www-new/css/../images/common/f_logo.png") no-repeat left center; width: 100%; margin-bottom: 40px;  display: flex; align-items: center; justify-content: space-between; }

.footer .fnb > ul::after, .footer .fnb > ol::after { display: none; }

.footer .fnb > ul { display: flex; align-items: center; column-gap: 30px; }

.footer .fnb > ul li { height: 45px;}

.footer .fnb > ul li a { width: inherit; height: inherit; display: flex; align-items: center; font-weight: 500; color: #2d2d2d; }

.footer .fnb > ul li a.private { color: #246beb; }

.footer .fnb > ol { display: flex; align-items: center; column-gap: 30px; }

.footer .fnb > ol > li { position: relative; }

.footer .fnb > ol > li:first-of-type { /* width: calc(50% - 20px); */ }

.footer .fnb > ol > li button { width: 202px; height: 44px; line-height: 44px; text-align: left; background: url("/www-new/css/../images/common/icon_fb_select.png") no-repeat right center; border-bottom: 1px solid #646464; font-weight: 500; color: #2d2d2d; }

.footer .fnb > ol > li ul { display: none; position: absolute; left: 0; overflow-x: hidden; overflow-y: auto; max-height: 200px; left: 0; bottom: 100%; background: #000; width: 100%; z-index: 100; background: #fff; padding: 10px 15px; border: 1px solid #000; }

.footer .fnb > ol > li ul::-webkit-scrollbar { width: 6px; height: 6px; }

.footer .fnb > ol > li ul::-webkit-scrollbar-thumb { background-color: #86878b; border-radius: 6px; }

.footer .fnb > ol > li ul::-webkit-scrollbar-track { background-color: #cdd0d5; border-radius: 6px; }

.footer .fnb > ol > li ul > li { font-size: 15px; color: #000; position: relative; margin: 4px 0; }

@media screen and (min-width: 1000px) { .footer .fnb > ol > li ul > li a:hover { border-bottom: 1px solid #000; } }

.footer .fnb > ol > li ul > li a { display: inline-block; border-bottom: 1px solid transparent; }

.footer .fnb > ol > li.active button { background-image: url("/www-new/css/../images/common/icon_fb_select_on.png"); }

.footer .addr { max-width: none; word-break: keep-all; font-weight: 400; color: #2d2d2d; }

.footer .addr .br { display: none; }

.footer .addr li+li { margin: 0.25em 0; }

.footer .addr li span { color: #a3a3a3; }

.footer .addr li .rd_1 { color: red; }

.footer .addr > span { display: block; margin-top: 1.25em; color: #4f6280; }

@media screen and (max-width: 1080px) { 
  .footer .mk_wa { right: 25px; bottom: 0; width: 72px; }
  .footer .mk_wa > img { width: auto; height: auto; }
  .footer .fnb { position: relative; padding-top: 70px; background-position: left top 70px; margin-bottom: 30px; }
  .footer .fnb > ol { position: absolute; left: 0; top: 0; }
  .footer .addr li { margin: 0.3em 0; }
  .footer .addr li span { color: #000; }
  .footer .addr > span { margin-top: 1em; } 
}

@media screen and (max-width: 737px) { 
  .footer { padding: 20px 0 30px; }
  .footer .container { padding: 0 15px; }
  .footer .fnb { position: relative; padding-top: 65px; background-position: left top 65px; margin-bottom: 15px; background-size: 92px auto; padding-left: 135px; }
  .footer .fnb > ul { column-gap: 15px; }
  .footer .fnb > ul li { height: 36px; font-size: 13px; }
  .footer .fnb > ul li:last-of-type { margin-right: 0; }
  .footer .fnb > ol { width: calc(100% + 30px); left: -15px; column-gap: 12px; }
  .footer .fnb > ol > :nth-child(n) { float: left; width: calc(42% - 2px); }
  .footer .fnb > ol > :nth-of-type(2n) { margin-right: 0; }
  .footer .fnb > ol > :not(:nth-of-type(2n + 1)) { clear: none; }
  .footer .fnb > ol > :nth-of-type(2n + 1) { clear: both; }
  .footer .fnb > ol > li { margin-left: 0; }
  .footer .fnb > ol > li button { height: 42px; line-height: 42px; padding: 0 12px; width: 100%; background-position: right 15px center; }
  .footer .fnb > ol > li:first-of-type { margin-left: 0; width: calc(58% - 10px); }
  .footer .fnb > ol > li ul { padding: 10px;  }
  .footer .fnb > ol > li ul > li { font-size: 14px; margin: 2px 0; }
  .footer .fnb > ol > li.active button { background-image: url("/www-new/css/../images/common/icon_fb_select_on.png"); }
  .footer .addr { font-size: 12px; } 
  .footer .addr .br { display: block; }
}

.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; }

.modal_wrap .modal_pop { position: absolute; left: 50%; top: 50%; width: 100%; max-width: 1300px; -webkit-transform: translate(-50%, -50%); transform: translate(-50%, -50%); height: calc(100% - 190px); margin-top: 42px; padding-top: 50px; }

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

.modal_wrap .modal_pop h3 { background-color: #114e9f; color: #fff; padding: 0 40px; line-height: 70px; 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 { background-color: #fff; padding: 40px; overflow-x: hidden; overflow-y: auto; height: calc(100% - 33px); }

.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: 0; top: -42px; }

.modal_wrap .modal_pop .modal_close button { margin-left: 10px; border-radius: 5px; border: 1px solid #5b5d60; background: url("/www-new/css/../images/common/icon_pop_close.png") no-repeat right 18px center; padding-left: 18px; padding-right: 50px; height: 42px; line-height: 41px; font-size: 15px; color: #fff; }

@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; } }

@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: 30px; } }

@media screen and (max-width: 737px) { .modal_wrap .modal_pop { padding: 0 15px; height: calc(100% - 100px); }
  .modal_wrap .modal_pop h2 { font-size: 26px; margin-bottom: 10px; }
  .modal_wrap .modal_pop h3 { padding: 0 20px; line-height: 50px; font-size: 16px; margin-top: 0; }
  .modal_wrap .modal_pop h3 button { display: none; }
  .modal_wrap .modal_pop .pop_bg { padding: 20px; margin-bottom: 0; }
  .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: 15px; top: -50px; }
  .modal_wrap .modal_pop .modal_close button { margin-left: 5px; background-position: right 10px center; padding-left: 10px; padding-right: 36px; height: 36px; line-height: 35px; } }

/*서브페이지 공통*/
/*서브페이지 타이틀*/
.page_spot { display: table; width: 100%; margin-bottom: 40px; height: 195px; text-align: center; background-repeat: no-repeat; background-position: center; background-size: cover; background-image: url("/www-new/css/../images/common/bg_lnb.jpg"); }

.page_spot h2 { font-size: 38px; font-weight: 500; color: #fff; font-family: "Noto Sans", "sans-serif"; display: table-cell; vertical-align: middle; }

@media screen and (max-width: 737px) { .page_spot { margin-bottom: 0; padding: 0; height: 121.5px; line-height: 1.4; background-image: url("/www-new/css/../images/common/bg_lnb_m.jpg"); }
  .page_spot h2 { font-size: 23px; } }

.sub.container { position: relative; padding-bottom: 100px; padding-left: 340px; }

.sub.container:after { content: ''; display: block; clear: both; }

.sub .lnb_wrap > strong { position: absolute; left: 0; top: 0; width: 280px; display: table; font-size: 34px; color: #000; padding-top: 5px; font-family: "Noto Sans", "sans-serif"; font-weight: 500; text-align: left; height: 86px; background: url("/www-new/css/../images/common/bg_lnb_tit.png") no-repeat left bottom/100% auto; }

.sub .lnb_wrap .lnb { width: 280px; position: absolute; left: 0; top: 86px; }

.sub .lnb_wrap .lnb > li { border-bottom: 1px solid #dfdfdf; }

.sub .lnb_wrap .lnb > li > a { position: relative; display: block; padding: 17.6px 50px 17.6px 25px; font-weight: 500; color: #2d2d2d; -webkit-transition: all 0.3s; transition: all 0.3s; }

.sub .lnb_wrap .lnb > li > a:before { position: absolute; left: 25px; top: 0; content: ''; display: inline-block; width: 0; height: 3px; margin-top: 27px; background-color: #0b3974; -webkit-transition: all 0.3s; transition: all 0.3s; }

.sub .lnb_wrap .lnb > li > a.menu_btn:after { content: ''; position: absolute; right: 25px; top: 50%; -webkit-transform: translateY(-50%); transform: translateY(-50%); width: 14px; height: 9px; background: url("/www-new/css/../images/common/arrow_lnb_off.png") no-repeat center; -webkit-transition: all 0.3s; transition: all 0.3s; }

.sub .lnb_wrap .lnb > li.active > a { padding-left: 43px; color: #0c3975; }

.sub .lnb_wrap .lnb > li.active > a:before { width: 10px; }

.sub .lnb_wrap .lnb > li.active > a.menu_btn:after { background-image: url("/www-new/css/../images/common/arrow_lnb_on.png"); -webkit-transform: translateY(-50%) rotate(-180deg); transform: translateY(-50%) rotate(-180deg); }

.sub .lnb_wrap .lnb > li.selected > a { padding-left: 43px; color: #a47e4f; }

.sub .lnb_wrap .lnb > li.selected > a:before { width: 10px; }

.sub .lnb_wrap .lnb > li.selected > a.menu_btn:after { background-image: url("/www-new/css/../images/common/arrow_lnb_on.png"); -webkit-transform: translateY(-50%) rotate(-90deg); transform: translateY(-50%) rotate(-90deg); }

.sub .lnb_wrap .lnb > li.selected > ol { display: block; }

.sub .lnb_wrap .lnb > li > ol { display: none; background-color: #f6f8f9; padding: 25px; }

.sub .lnb_wrap .lnb > li > ol li a { color: #686d75; display: inline-block; position: relative; margin: 0.2em 0; margin-left: 14px; }

.sub .lnb_wrap .lnb > li > ol li a:before { content: ''; width: 5px; height: 2px; background-color: #a1b0c0; position: absolute; left: -14px; top: 0.65em; }

.sub .lnb_wrap .lnb > li > ol li a[target="_blank"]:after { padding-right: 20px; background: url("/www-new/css/../images/common/icon_lnb_link.png") no-repeat right center; content: ''; }

.sub .lnb_wrap .lnb > li > ol li.selected a, .sub .lnb_wrap .lnb > li > ol li.active a { color: #000; text-decoration: underline; text-underline-offset: 0.2em; }

.sub .lnb_wrap .lnb > li > ol li.selected a:before, .sub .lnb_wrap .lnb > li > ol li.active a:before { background-color: #000; }

@media screen and (min-width: 737px) { .sub .lnb_wrap .lnb > li > a:hover { padding-left: 43px; color: #a47e4f; }
  .sub .lnb_wrap .lnb > li > a:hover:before { width: 10px; }
  .sub .lnb_wrap .lnb > li > a:hover.menu_btn:after { background-image: url("/www-new/css/../images/common/arrow_lnb_on.png"); }
  .sub .lnb_wrap .lnb > li > ol li a:hover { color: #000; text-decoration: underline; text-underline-offset: 0.2em; }
  .sub .lnb_wrap .lnb > li > ol li a:hover:before { background-color: #000; } }

@media screen and (max-width: 1480px) { .sub .lnb_wrap strong, .sub .lnb_wrap .lnb { left: 30px; } }

@media screen and (max-width: 1080px) { .sub .lnb_wrap { width: 100%; }
  .sub .lnb_wrap strong, .sub .lnb_wrap .lnb { display: none; } }

.sub .sub_top { text-align: right; line-height: 42px; margin-bottom: 40px; }

.sub .sub_top:after { content: ''; display: block; clear: both; }

.sub .sub_top > ol { float: left; font-size: 0; text-align: left; }

.sub .sub_top > ol:before { display: inline-block; height: 100%; content: ''; vertical-align: middle; }

.sub .sub_top > ol > :nth-child(n) { font-size: 19px; display: inline-block; vertical-align: middle; }

.sub .sub_top > ol li { padding-left: 35px; background: url("/www-new/css/../images/common/arrow_breadcrumb.png") no-repeat left 14px center; }

.sub .sub_top > ol li a { color: #777; display: inline-block; }

.sub .sub_top > ol li a img { vertical-align: baseline; }

.sub .sub_top > ol li a span {
    position: absolute;
    width: 1px;
    height: 1px;
    margin: -1px;
    overflow: hidden;
    clip-path: polygon(0 0, 0 0, 0 0);
}

.sub .sub_top > ol li:first-of-type { padding-left: 0; background-image: none; }

.sub .sub_top > ol li:first-of-type a { color: #000; }

.sub .sub_top > ol li:last-of-type a { color: #000; }

.sub .sub_top .fs_btn { font-size: 0; display: inline-block; vertical-align: top; padding-top: 1px; }

.sub .sub_top .fs_btn:before { display: inline-block; height: 100%; content: ''; vertical-align: top; }

.sub .sub_top .fs_btn > :nth-child(n) { font-size: 17px; display: inline-block; vertical-align: top; }

.sub .sub_top .fs_btn strong { margin-right: 14px; }

.sub .sub_top .fs_btn strong.active { color: #9c1d1d; }

.sub .sub_top .fs_btn button { width: 38px; height: 38px; background-repeat: no-repeat; background-size: cover; background-position: center; }

.sub .sub_top .fs_btn button.fs_up { background-image: url("/www-new/css/../images/common/btn_fs_up_off.png"); }

.sub .sub_top .fs_btn button.fs_up:hover { background-image: url("/www-new/css/../images/common/btn_fs_up_on.png"); }

.sub .sub_top .fs_btn button.fs_down { background-image: url("/www-new/css/../images/common/btn_fs_down_off.png"); }

.sub .sub_top .fs_btn button.fs_down:hover { background-image: url("/www-new/css/../images/common/btn_fs_down_on.png"); }

.sub .sub_top .fs_btn .fs_up { margin-right: 5px; }

.sub .sub_top > ul { float: right; margin-left: 25px; }

.sub .sub_top > ul li { float: left; position: relative; }

.sub .sub_top > ul li button { width: 42px; height: 42px; border-radius: 42px; vertical-align: top; background-repeat: no-repeat; background-position: center; background-size: cover; -webkit-transition: all 0.3s; transition: all 0.3s; }

.sub .sub_top > ul li.share button { background-image: url("/www-new/css/../images/common/btn_share_off.png"); }

.sub .sub_top > ul li.share div { display: none; position: absolute; left: 50%; top: calc(100% + 18px); font-size: 0; width: 157px; line-height: 0; padding: 16px 10px; border: 1px solid #b9c0c8; border-radius: 52px; background-color: #fff; white-space: nowrap; text-align: center; -webkit-transform: translateX(-50%); transform: translateX(-50%); -webkit-box-shadow: 6px 6px 16px 0 rgba(0, 0, 0, 0.08); box-shadow: 6px 6px 16px 0 rgba(0, 0, 0, 0.08); z-index: 2; }

.sub .sub_top > ul li.share div:before { position: absolute; left: 50%; top: -12px; width: 17px; height: 12px; background: url("/www-new/css/../images/common/arrow_sns_box.png") no-repeat center; content: ''; margin-left: -9px; }

.sub .sub_top > ul li.share div a { display: inline-block; margin-left: 15px; vertical-align: middle; }

.sub .sub_top > ul li.share div a:first-of-type { margin-left: 0; }

.sub .sub_top > ul li.print { margin-left: 10px; }

.sub .sub_top > ul li.print button { background-image: url("/www-new/css/../images/common/btn_print_off.png"); }

.sub .sub_top > ul li.active.share button { background-image: url("/www-new/css/../images/common/btn_share_on.png"); }

@media screen and (min-width: 737px) { .sub .sub_top > ul li:hover.share button { background-image: url("/www-new/css/../images/common/btn_share_on.png"); }
  .sub .sub_top > ul li:hover.print button { background-image: url("/www-new/css/../images/common/btn_print_on.png"); } }

@media screen and (max-width: 1080px) { .sub .sub_top { position: static; width: 100%; padding-right: 0; left: 0; } }

@media screen and (max-width: 737px) { .sub .sub_top { line-height: 1.4; margin-bottom: 20px; padding-top: 17px; position: relative; }
  .sub .sub_top > ol { font-size: 0; }
  .sub .sub_top > ol:before { display: inline-block; height: 100%; content: ''; vertical-align: middle; }
  .sub .sub_top > ol > :nth-child(n) { font-size: 14px; display: inline-block; vertical-align: middle; }
  .sub .sub_top > ol li { margin-bottom: 2px; padding-left: 15.5px; padding-right: 10.5px; background: url("/www-new/css/../images/common/arrow_breadcrumb_m.png") no-repeat left top 6px/5.5px auto; }
  .sub .sub_top > ol li a img { width: 13px; }
  .sub .sub_top .fs_btn { display: none; }
  .sub .sub_top > ul { position: absolute; right: 0; top: -49px; z-index: 1; }
  .sub .sub_top > ul li button { width: 34px; height: 34px; border-radius: 34px; }
  .sub .sub_top > ul li.share button { background-image: url("/www-new/css/../images/common/btn_share_off_m.png"); background-size: 15px auto; border: 1px solid rgba(255, 255, 255, 0.8); background-position: left 8px top 10px; }
  .sub .sub_top > ul li.share div { top: calc(100% + 15px); padding: 10px; width: 180px; margin-left: 0; left: auto; left: initial; right: -10px; -webkit-box-shadow: 5px 5px 10px 0 rgba(0, 0, 0, 0.16); box-shadow: 5px 5px 10px 0 rgba(0, 0, 0, 0.16); -webkit-transform: translateX(0); transform: translateX(0); }
  .sub .sub_top > ul li.share div:before { left: auto; left: initial; right: 19px; top: -10px; width: 15px; height: 10px; background-image: url("/www-new/css/../images/common/arrow_sns_box_m.png"); content: ''; background-size: 15px auto; margin-left: 0; }
  .sub .sub_top > ul li.share div a { margin-left: 20px; }
  .sub .sub_top > ul li.print { display: none; }
  .sub .sub_top > ul li.active.share button { background-image: url("/www-new/css/../images/common/btn_share_on_m.png"); background-color: #fff; border-color: #fff; } }

@media screen and (max-width: 1480px) { .sub.container { padding-left: 370px; } }

@media screen and (max-width: 1080px) { .sub.container { min-height: auto; padding-left: 30px; } }

@media screen and (max-width: 737px) { .sub.container { padding-left: 15px; padding-bottom: 50px; } }

/*폼 태그 별 공통 css*/
select, input { height: 38px; line-height: 38px; }

button { height: 40px; color: #7b7b7b; vertical-align: middle; font-size: 16px; }

@media screen and (max-width: 737px) { button { font-size: 14px; } }

.textarea { border: 1px solid #cbcccd; background-color: #fff; }

.textarea textarea { padding: 10px 15px; height: 154px; resize: unset; }

@media screen and (max-width: 737px) { .textarea { height: auto; } }

.select { display: inline-block; vertical-align: middle; width: 220px; border: 1px solid #cbcccd; overflow: hidden; -webkit-transition: border-color, border-radius 0.3s; transition: border-color, border-radius 0.3s; background-color: #fff; font-size: 16px; }

.select select { background: url("/www-new/css/../images/common/arrow_select.png") no-repeat right 14px center; }

.select + :nth-child(n) { margin-left: 5px; }

.select.auto { width: auto; }

.select.auto select { padding-right: 30px; }

@media screen and (min-width: 737px) { .select:hover { border-color: #7e8081; border-radius: 6px; } }

@media screen and (max-width: 737px) { .select { font-size: 14px; } }

.select_date { font-size: 0; line-height: 0; float: right; margin-top: -76px; margin-bottom: 38px; }

@media screen and (max-width: 737px) { .select_date { float: none; margin-top: 0; width: 100%; margin-bottom: 35px; }
  .select_date .select:nth-of-type(1) { width: calc(45% - 5px); }
  .select_date .select:nth-of-type(2) { width: calc(30% - 5px); }
  .select_date .select + .btn2 { width: 25%; padding: 0 5px; } }

.inp { position: relative; display: inline-block; vertical-align: middle; border: 1px solid #cbcccd; -webkit-transition: border-color, border-radius 0.3s; transition: border-color, border-radius 0.3s; }

.inp + button { margin-left: 5px; background-color: #353a40; color: #fff; -webkit-transition: border-color, border-radius 0.3s; transition: border-color, border-radius 0.3s; min-width: 98px; }

.inp + .btn_login { margin-top: 10px; }

.inp input { position: relative; z-index: 3; background-color: #fff; }

.inp input:disabled { background-color: #f7f8f9; }

.inp .auto { display: none; font-size: 16px; position: absolute; left: 0; top: 100%; width: 100%; background-color: #fff; -webkit-box-shadow: 0 12px 40px 0 rgba(0, 0, 0, 0.15); box-shadow: 0 12px 40px 0 rgba(0, 0, 0, 0.15); line-height: 1.4; z-index: 6; padding: 18px 10px 18px 20px; border-top: 1px solid #dfdfdf; background-color: #fff; }

.inp .auto > ul { overflow: hidden; overflow-y: auto; height: 240px; text-align: left; }

.inp .auto > ul::-webkit-scrollbar { width: 6px; height: 6px; }

.inp .auto > ul::-webkit-scrollbar-thumb { background-color: #86878b; border-radius: 6px; }

.inp .auto > ul::-webkit-scrollbar-track { background-color: #cdd0d5; border-radius: 6px; }

.inp .auto > ul li { margin-bottom: 12px; }

.inp .auto > ul li:last-of-type { margin-bottom: 0; }

.inp .auto > ul li span { color: #0059d1; }

@media screen and (min-width: 737px) { .inp:hover { border-color: #7e8081; border-radius: 6px; }
  .inp:hover input { border-radius: 6px; }
  .inp + button:hover { background-color: #555d67; border-radius: 6px; }
  .inp .auto { font-size: 14px; } }

/*폼 검색 박스*/
.form_box { padding: 27px; margin-bottom: 30px; background-color: #f7f8f9; border: 1px solid #dfdfdf; }

.form_box .sch_list:after { content: ''; display: block; clear: both; }

.form_box .sch_list > li { float: left; margin: 8px 18px; font-size: 0; white-space: normal; }

.form_box .sch_list > li:before { display: inline-block; height: 100%; content: ''; vertical-align: middle; }

.form_box .sch_list > li > :nth-child(n) { font-size: 16px; display: inline-block; vertical-align: middle; }

.form_box .sch_list > li b { min-width: 73px; }

.form_box .sch_list > li b.type2 { min-width: 210px; }

.form_box .sch_list > li b.type2 + .inp_sch { width: calc(100% - 210px); }

.form_box .sch_list > li.block { width: calc(100% - 36px); }

.form_box .sch_list > li .inp_sch { width: calc(100% - 73px); }

.form_box .sch_list > li.inp_sch { float: none; margin: auto; max-width: 770px; width: 100%; }

.form_box .sch_list > li.inp_sch .inp { width: calc(100% - 103px); }

.form_box .select_date { font-size: 0; line-height: 0; margin: 0; float: none; display: block; text-align: center; }

.form_box .select_date .select:nth-of-type(1) { width: 119px; }

.form_box .select_date .select:nth-of-type(2) { width: 229px; }

.form_box .select_date .select + .btn2 { width: 98px; padding: 0 5px; }

@media screen and (max-width: 737px) { .form_box .select_date .select:nth-of-type(1) { width: calc(32% - 5px); }
  .form_box .select_date .select:nth-of-type(2) { width: calc(43% - 5px); }
  .form_box .select_date .select + .btn2 { width: 25%; padding: 0 5px; } }

.form_box .form_list { line-height: 40px; }

.form_box .form_list > li { margin-right: 20px; }

.form_box .form_list > li label span { vertical-align: -4px; }

.form_box .form_list > li:last-of-type { margin-right: 0; }

.form_box + .list_dep1 { margin-top: 40px; }

.form_box.type2 .sch_list li.block { width: 658px; }

@media screen and (max-width: 1154px) { .form_box .sch_list li .date_inp .inp { width: 132px; }
  .form_box .sch_list li .date_btn { min-width: 177px; }
  .form_box.type2 .sch_list li.block { width: 95%; } }

@media screen and (max-width: 737px) { .form_box { padding: 19px 20px; }
  .form_box .sch_list > li { width: 100%; margin: 0 0 10px; font-size: 0; }
  .form_box .sch_list > li:before { display: inline-block; height: 100%; content: ''; vertical-align: middle; }
  .form_box .sch_list > li > :nth-child(n) { font-size: 14px; display: inline-block; vertical-align: middle; }
  .form_box .sch_list > li .form_list { line-height: 20px; }
  .form_box .sch_list > li .form_list > li label span { vertical-align: -4px; }
  .form_box .sch_list > li .form_list > li:last-of-type { margin-right: 0; }
  .form_box .sch_list > li b { display: none !important; font-size: 15px; }
  .form_box .sch_list > li b.type2 { display: block !important; min-width: auto; margin-bottom: 7px; text-align: center; }
  .form_box .sch_list > li b.type2 + .inp_sch { width: 100%; }
  .form_box .sch_list > li.block { width: 100%; }
  .form_box .sch_list > li > .select, .form_box .sch_list > li .date_inp, .form_box .sch_list > li .date_btn { display: block; width: 100%; margin: 0; }
  .form_box .sch_list > li .date_inp:after { content: ''; display: block; clear: both; }
  .form_box .sch_list > li .date_inp .inp { float: left; width: calc(50% - 7.5px); }
  .form_box .sch_list > li .date_inp .behind { float: left; font-size: 9px; width: 15px; padding: 0; line-height: 38px; text-align: center; }
  .form_box .sch_list > li .select + .select { margin-top: 5px; }
  .form_box .sch_list > li .date_btn { margin-top: 5px; }
  .form_box .sch_list > li:last-of-type { margin-bottom: 0; }
  .form_box .sch_list > li .inp_sch { width: 100%; }
  .form_box .sch_list > li.inp_sch { float: none; margin: auto; max-width: 770px; width: 100%; }
  .form_box .sch_list > li.inp_sch .inp { width: 100%; }
  .form_box.type2 .sch_list li.block { width: 100%; }
  .form_box + .list_dep1 { margin-top: 30px; } }

.tag_list { margin-top: 3px; padding: 0 18px; }

.tag_list:after { content: ''; display: block; clear: both; }

.tag_list li { float: left; margin-right: 5px; margin-top: 5px; }

.tag_list li a { display: inline-block; line-height: 29px; padding: 0 15px; color: #0b428c; border: 1px solid #84a9ce; border-radius: 6px; background-color: #ecf0f7; }

@media screen and (min-width: 737px) { 
  .tag_list li a { -webkit-transition: all 0.3s; transition: all 0.3s; }
  .tag_list li a:hover { background-color: #0b428c; color: #fff; border-color: #0b428c; } 
}

@media screen and (max-width: 737px) { 
  .tag_list { padding: 0; margin-top: 5px; margin-right: -5px; }
  .tag_list li a { line-height: 31px; padding: 0 10px; font-size: 14px; } 
}

/* 페이지 번호*/
.pagination { width: 100%; margin: 40px auto 0; position: relative; display: flex; align-items: center; justify-content: center; column-gap: 16px; }

.pagination > a { width: 32px; height: 32px; margin: 0; position: relative; display: flex; align-items: center; justify-content: center; text-align: center; border: 1px solid #cbcccd; line-height: 0px; font-weight: 500; font-size: 14px; color: #666; outline-offset: 2px; white-space: nowrap; }

.pagination > a:focus-visible { outline: 2px solid #000; transition: none; }

.pagination > a.prev_page { background: url("/www-new/css/../images/common/paging_prev.png") no-repeat center; }

.pagination > a.next_page { background: url("/www-new/css/../images/common/paging_next.png") no-repeat center; }

.pagination > a.first_page { margin-right: 14px; /* background: url("/www-new/css/../images/common/paging_first.png") no-repeat center; */ }

.pagination > a.last_page { margin-left: 14px; /* background: url("/www-new/css/../images/common/paging_last.png") no-repeat center; */ }

.pagination > a.first_page::after, 
.pagination > a.last_page::before { content: '⋯'; position: absolute; display: flex; align-items: center; justify-content: center; width: inherit; height: inherit; white-space: nowrap; z-index: -1; }

.pagination > a.first_page::after { left: 100%; }
.pagination > a.last_page::before { right: 100%; }

.pagination ul { display: flex; align-items: center; justify-content: center; column-gap: 5px; }
.pagination ul::after { display: none; }

.pagination ul li { margin: 0;}

.pagination ul li a { width: 32px; height: 32px; margin: 0; position: relative; display: flex; align-items: center; justify-content: center; text-align: center; border: 1px solid #cbcccd; line-height: 0px; font-weight: 500; font-size: 14px; color: #666; outline-offset: 2px; }
.pagination ul li a:focus-visible { outline: 2px solid #000; transition: none; }

.pagination ul li a.active { color: #fff; background-color: #0c3975; border-color: #0c3975; font-weight: 800; }

@media screen and (min-width: 737px) { 
  .pagination a { -webkit-transition: all 0.3s; transition: all 0.3s; }
  .pagination a:hover { border-color: #7e8081; border-radius: 6px; }
  .pagination a.active:hover { border-radius: 6px; border-color: #114e9f; background-color: #114e9f; } 
}

@media screen and (max-width: 737px) { 
  .pagination { margin-top: 25px; }
  /* .pagination a, 
  .pagination ul li a { width: 30px; height: 30px; line-height: 28px; } */ 
}

@media screen and (max-width: 450px) {
  .pagination { display: grid; grid-template-rows: 1fr 1fr; grid-template-columns: 30px auto 30px; gap: 16px 30px; }
  .pagination > a.prev_page { grid-row: 2 / 3; grid-column: 2 / 3; position: absolute; left: calc( 50% - 20px ); top: 0; transform: translate(-50%, 0px); }
  .pagination > a.first_page { margin: 0; grid-row: 1 / 2; grid-column: 1 / 2; }
  .pagination > ul { grid-row: 1 / 2; grid-column: 2 / 3; }
  .pagination > a.last_page { margin: 0; grid-row: 1 / 2; grid-column: 3 / 4; }
  .pagination > a.next_page { grid-row: 2 / 3; grid-column: 2 / 3; position: absolute; left: calc( 50% + 20px ); top: 0; transform: translate(-50%, 0px); }
}

.search_box { display: inline-block; font-size: 0; line-height: 0; }

.search_box > div { display: inline-block; vertical-align: middle; }

.search_box > div ~ div { margin-left: 5px; }

.search_box > div .select { border: 0; }

.search_box > div .inp { border: 0; width: 350px; }

.search_box > div:last-child { width: auto; }

@media screen and (max-width: 1000px) { .search_box > div .inp { width: auto; } }

.search_box2 { display: block; font-size: 0; line-height: 0; border-bottom: 2px solid #000; max-width: 540px; margin: 24px auto 71px; }

.search_box2 .search { position: relative; width: 100%; }

.search_box2 .search .placehoder { color: rgba(255, 255, 255, 0.3); }

.search_box2 .search input { background-color: transparent; line-height: 57px; height: 57px; width: calc(100% - 64px); font-size: 18px; }

.search_box2 .search button { position: absolute; right: 0; top: 0; width: 64px; height: 57px; background: url("/www-new/css/../images/sub/btn_search.png") no-repeat center; }

@media screen and (max-width: 737px) { .search_box2 { max-width: none; margin: 5px auto 33px; }
  .search_box2 .search input { line-height: 49px; height: 49px; width: calc(100% - 19px); font-size: 14px; padding-left: 0; }
  .search_box2 .search button { width: 19px; height: 49px; background-size: 19px auto; } }

/*인풋 타입별(체크,라디오)*/
.form_list:after { content: ''; display: block; clear: both; }

.form_list > li { float: left; margin-right: 30px; }

.form_list > li .radio { display: inline-block; vertical-align: top; margin-top: 2px; margin-right: 9px; width: 20px; height: 20px; border-radius: 50%; -webkit-box-shadow: inset 0px 0px 0px 1px #d0d2d6; box-shadow: inset 0px 0px 0px 1px #d0d2d6; background: #fff; -webkit-transition: 0.3s; transition: 0.3s; }

.form_list > li .checkbox { position: relative; display: inline-block; margin-right: 8px; vertical-align: -4px; width: 20px; height: 20px; border-radius: 2px; border: 1px solid #ccc; background: #fff; -webkit-transition: background-color 0.3s; transition: background-color 0.3s; -webkit-box-sizing: border-box; box-sizing: border-box; }

.form_list > li .checkbox:before { display: block; position: absolute; left: 4px; top: 6px; width: 7px; height: 2px; background-color: #fff; content: ''; -webkit-transform: rotate(45deg); transform: rotate(45deg); -webkit-transform-origin: 0; transform-origin: 0; }

.form_list > li .checkbox:after { display: block; position: absolute; left: 8px; top: 11px; width: 10px; height: 2px; background-color: #fff; content: ''; -webkit-transform: rotate(-45deg); transform: rotate(-45deg); -webkit-transform-origin: 0; transform-origin: 0; }

.form_list > li input[type="radio"]:checked + label .radio { -webkit-box-shadow: inset 0px 0px 0px 5px #294e7f; box-shadow: inset 0px 0px 0px 5px #294e7f; }

.form_list > li input[type="radio"]:checked + label { color: #294e7f; }

.form_list > li input[type="radio"]:focus + label { outline: 2px solid #000; }

.form_list > li input[type="checkbox"]:checked + label .checkbox { border-color: #294e7f; background-color: #294e7f; }

.form_list > li input[type="checkbox"]:checked + label .checkbox::before { -webkit-animation: chk1 0.4s; animation: chk1 0.4s; }

.form_list > li input[type="checkbox"]:checked + label .checkbox::after { -webkit-animation: chk2 0.6s; animation: chk2 0.6s; }

.form_list > li input[type="checkbox"]:checked ~ label { color: #294e7f; }

.form_list > li input[type="checkbox"]:focus ~ label { outline: 2px solid #000; }

.form_list > li label { cursor: pointer; }

.form_list > li:last-of-type { margin-right: 0; }

@-webkit-keyframes chk1 { 0% { -webkit-transform: scale(0) rotate(45deg); transform: scale(0) rotate(45deg); }
  50% { -webkit-transform: scale(0) rotate(45deg); transform: scale(0) rotate(45deg); }
  100% { -webkit-transform: scale(1) rotate(45deg); transform: scale(1) rotate(45deg); } }

@keyframes chk1 { 0% { -webkit-transform: scale(0) rotate(45deg); transform: scale(0) rotate(45deg); }
  50% { -webkit-transform: scale(0) rotate(45deg); transform: scale(0) rotate(45deg); }
  100% { -webkit-transform: scale(1) rotate(45deg); transform: scale(1) rotate(45deg); } }

@-webkit-keyframes chk2 { 0% { -webkit-transform: scale(0) rotate(-45deg); transform: scale(0) rotate(-45deg); }
  66% { -webkit-transform: scale(0) rotate(-45deg); transform: scale(0) rotate(-45deg); }
  100% { -webkit-transform: scale(1) rotate(-45deg); transform: scale(1) rotate(-45deg); } }

@keyframes chk2 { 0% { -webkit-transform: scale(0) rotate(-45deg); transform: scale(0) rotate(-45deg); }
  66% { -webkit-transform: scale(0) rotate(-45deg); transform: scale(0) rotate(-45deg); }
  100% { -webkit-transform: scale(1) rotate(-45deg); transform: scale(1) rotate(-45deg); } }

/*날짜 데이터 피커 박스*/
.date_inp, .date_inp_time, .email { font-size: 0; line-height: 0; }

.date_inp .inp, .date_inp_time .inp, .email .inp { vertical-align: middle; }

.date_inp .inp { width: 150px; }

.date_inp .inp input { padding-right: 35px; background: #fff url("/www-new/css/../images/common/icon_inp_cal.png") no-repeat right 13px center; }

/*input 옆 @,~ 기호 들어갈때 클래스 넣기*/
.behind { display: inline-block; vertical-align: middle; line-height: 1; padding: 0 7px; font-size: 16px; }

/*주소 폼*/
.addr { max-width: 350px; }

.addr .inp { display: block; width: 100%; margin-top: 5px; }

@media screen and (max-width: 737px) { .addr { max-width: 100%; } }

.inp_btn { width: 100%; }

.inp_btn:after { content: ''; display: block; clear: both; }

.inp_btn .inp { width: calc(100% - 103px); float: left; }

.inp_btn button { float: left; }

.inp_sch { width: 100%; }

.inp_sch:after { content: ''; display: block; clear: both; }

.inp_sch .select { width: 120px; float: left; }

.inp_sch .select + .inp { width: calc(100% - 228px); }

.inp_sch .inp { width: calc(100% - 104px); float: left; }

.inp_sch button { float: left; outline-offset: 4px; }

.inp_sch .btn_area { margin-left: 5px; float: left; }

.inp_sch .btn_area button { float: none; min-width: 98px; background-color: #353a40; color: #fff; -webkit-transition: border-color, border-radius 0.3s; transition: border-color, border-radius 0.3s; }

.inp_sch .btn_area button.reset { background-color: transparent; border: 1px solid #353a40; color: #353a40; }

.inp_sch.type2 .inp { width: calc(100% - 104px); }

.inp_sch.type3 .inp { width: calc(100% - 205px); float: left; }
.inp_sch.type4 .inp { width: calc(100% - 330px); float: left; }

@media screen and (min-width: 737px) {
  .inp_sch .btn_area button:hover { border-radius: 6px; }
  .inp_sch .btn_area button.submit:hover { background-color: #555d67; }
  .inp_sch .btn_area button.reset:hover { background-color: rgba(0, 0, 0, 0.16); }
}

@media screen and (max-width: 737px) { 
  .inp_sch .select { width: 93px; }
  .inp_sch .select + .inp { width: calc(100% - 98px); }
  .inp_sch .inp { width: 100%; }
  .inp_sch button { width: 100%; margin-left: 0; margin-top: 5px; }
  .inp_sch .btn_area { float: none; margin-left: 0px; }
  .inp_sch .btn_area button { min-width: unset; }
  .inp_sch.type2 .inp { width: 100%; } 
}

@media screen and (max-width: 737px) { .inp_sch .select { width: 93px; }
  .inp_sch .select + .inp { width: calc(100% - 98px); }
  .inp_sch .inp { width: 100%; }
  .inp_sch button { width: 100%; margin-left: 0; margin-top: 5px; }
  .inp_sch.type2 .inp { width: 100%; } }

/*이메일 폼*/
.inp_email .select { margin-left: 5px; vertical-align: middle; }

.inp_email button { margin-left: 5px; }

@media screen and (max-width: 850px) { .inp_email .inp { width: calc(50% - 14.5px); }
  .inp_email .select { margin-left: 0; width: calc(100% - (5px + 142px)); }
  .inp_email .select, .inp_email button { margin-top: 5px; } }

/*파일 폼*/
.inp_file { max-width: 350px; font-size: 0; line-height: 0; }

.inp_file span { display: inline-block; vertical-align: middle; width: calc(100% - (5px + 88px)); height: 38px; line-height: 38px; border: 1px solid #ddd; margin-right: 5px; cursor: pointer; }

.inp_file span em { font-size: 15px; padding: 0 10px; }

.tb_info { margin-bottom: 16px; text-align: right; }

.tb_info:after { content: ''; display: block; clear: both; }

.tb_info > span { color: #555; font-size: 14px; }

.tb_info .rt { float: right; }

@media screen and (max-width: 737px) { .tb_info { font-size: 13px; margin-bottom: 7px; } }

.tb_foot { color: #555; font-size: 15px; margin-top: 10px; }

.rqd { display: inline-block; width: 7px; height: 7px; background: url("/www-new/css/../images/sub/icon_rqd.png") no-repeat center; text-indent: 7px; overflow: hidden; vertical-align: 2px; margin-right: 5px; }

table thead { text-align: center; }

table:not(.ui-datepicker-calendar) { width: 100%; border-top: 2px solid #000; table-layout: fixed; line-height: 1.375; color: #000; }

table:not(.ui-datepicker-calendar) th, table:not(.ui-datepicker-calendar) td { padding: 13px 20px; border-bottom: 1px solid #dfdfdf; }

table:not(.ui-datepicker-calendar) td { border-left: 1px solid #dfdfdf; }

table:not(.ui-datepicker-calendar) td:first-of-type { border-left: 0; border-right: 1px solid #dfdfdf; }

table:not(.ui-datepicker-calendar) td:last-of-type { border-right: 0; }

table:not(.ui-datepicker-calendar) th { border-right: 1px solid #dfdfdf; }

table:not(.ui-datepicker-calendar) th:last-of-type { border-right: 0; }

table:not(.ui-datepicker-calendar) thead th { font-weight: 500; background-color: #f1f2f4; border-bottom: 1px solid #dfdfdf; font-size: 17px; }

table:not(.ui-datepicker-calendar) tbody { background-color: #fff; }

table:not(.ui-datepicker-calendar) tbody th, table:not(.ui-datepicker-calendar) tbody td { font-size: 16px; }

table:not(.ui-datepicker-calendar) tbody th { background-color: #f9f9fa; width: 200px; text-align: center; border-right: 1px solid #dfdfdf; }

table:not(.ui-datepicker-calendar) tbody th:first-of-type { border-right: 1px solid #dfdfdf; }

table:not(.ui-datepicker-calendar) tfoot th, table:not(.ui-datepicker-calendar) tfoot td { background-color: #faf5f5; }

table:not(.ui-datepicker-calendar) .inp + span { display: block; color: #555; font-size: 14px; margin-top: 7px; }

table:not(.ui-datepicker-calendar) .note2 { margin-bottom: 12px; }

table.tableA > caption { text-align: left; width: auto; height: auto; overflow: visible; font-weight: 500; font-size: 14px; color: #666666; margin-bottom: 8px; }

@media screen and (max-width: 737px) { table:not(.ui-datepicker-calendar) thead th { font-size: 15px; }
  table:not(.ui-datepicker-calendar) tbody th, table:not(.ui-datepicker-calendar) tbody td { height: 40px; padding: 8px; font-size: 14px; }
  table:not(.ui-datepicker-calendar) tbody th { width: 120px; }
  table:not(.ui-datepicker-calendar) .inp { width: 100%; }
  table:not(.ui-datepicker-calendar) .inp + span { font-size: 12px; } }

table.tableA tbody tr th, table.tableA tbody tr td { height: 70px; }

table.tableA tbody tr th { width: 200px; border-right: 1px solid #dfdfdf; background-color: #f1f2f4; }

table.tableA tbody tr td { text-align: left; }

table.tableA tbody tr td > em { display: none; }

@media screen and (max-width: 737px) { table.tableA colgroup { display: none; }
  table.tableA tbody tr { width: 100%; display: table; border-bottom: 0; position: relative; }
  table.tableA tbody tr th { display: block; position: absolute; left: 0; top: 0; width: 1px; height: 1px; overflow: hidden; padding: 0; margin: 0; clip: rect(1px 1px 1px 1px); clip: rect(1px, 1px, 1px, 1px); margin: -1px; }
  table.tableA tbody tr td { display: block; padding: 0; text-align: left; border: 0; height: auto; border: 0; }
  table.tableA tbody tr td > em { display: block; padding: 15px 15px 0; font-weight: 500; font-size: 15px; }
  table.tableA tbody tr td > div { display: block; padding: 15px; border-bottom: 1px solid #dfdfdf; font-size: 14px; } }

table.tableB { text-align: center; }

table.tableB thead th { padding: 0.5em 8px; height: 63px; text-align: center; background-color: #fff; border-bottom: 1px solid #000; border-right: 0; }

table.tableB tbody tr td { padding: 0.5em 8px; height: 68px; text-align: center; border-left: 0; }

table.tableB tbody tr td.left { text-align: left; }

table.tableB tbody tr td:first-of-type { border-right: 0; }

table.tableB tbody tr td a:not([class]) { display: inline-block; width: calc(100% - 18px); text-align: left; vertical-align: middle; overflow: hidden; white-space: nowrap; text-overflow: ellipsis; font-weight: 500; color: #2d2d2d; }

table.tableB tbody tr td a:not([class]) > img { display: none; }

table.tableB tbody tr td a:not([class]) + img { vertical-align: middle; margin-left: 2px; }

table.tableB tbody tr td .pop_open { display: block; text-align: left; }

table.tableB tbody tr.notice { background-color: #f7f8f9; }

@media screen and (min-width: 737px) { table.tableB.type3 tbody tr td { -webkit-transition: all 0.3s; transition: all 0.3s; }
  table.tableB.type3 tbody tr:hover td { background-color: #f7f8f9; }
  table.tableB.type3 tbody tr.notice:hover td { background-color: #edeff1; } }

@media screen and (max-width: 737px) { table.tableB.type1 tr th:nth-child(2), table.tableB.type1 tr td:nth-child(2) { display: none; }
  table.tableB.type2 tr { display: table; border-bottom: 0; }
  table.tableB.type2 tr th { display: none; }
  table.tableB.type2 tr td { display: table-row; padding: 0; text-align: center; border-bottom: 1px solid #ccc; }
  table.tableB.type2 tr td div { display: table-cell; padding: 10px 20px; text-align: left; }
  table.tableB.type2 tr td:before { content: attr(data-before); display: table-cell; width: 110px; height: 100%; padding: 10px; background-color: #ddd; font-weight: 500; vertical-align: middle; } }

@media screen and (max-width: 737px) and (max-width: 737px) { table.tableB.type2 tr { display: block; margin-bottom: 30px; }
  table.tableB.type2 tr:last-child { margin-bottom: 0; }
  table.tableB.type2 tr:first-child ~ tr { border-top: 2px solid #000; } }

@media screen and (max-width: 737px) { table.tableB.type3 { display: block; text-align: left; }
  table.tableB.type3 colgroup { display: none; }
  table.tableB.type3 > thead { display: none; }
  table.tableB.type3 > tbody, table.tableB.type3 > tbody > tr { display: block; }
  table.tableB.type3 > tbody > tr { border-bottom: 1px solid #dfdfdf; padding: 18px 0; }
  table.tableB.type3 > tbody > tr:after { content: ''; display: block; clear: both; }
  table.tableB.type3 > tbody > tr > td { display: block; border: 0; font-size: 15px; height: auto; padding: 2px 0; line-height: 1.4; float: left; }
  table.tableB.type3 td { display: block; width: 100%; padding: 20px 0; text-align: left; border: 0; }
  table.tableB.type3 td div { display: block; float: left; padding-left: 20px; text-align: left; width: calc(100% - 70px); }
  table.tableB.type3 td div a:not([class]) { white-space: unset; }
  table.tableB.type3 td div a:not([class]) > img { display: inline; margin-left: 8px; vertical-align: -1px; }
  table.tableB.type3 td div a:not([class]) + img { display: none; }
  table.tableB.type3 td:before { content: attr(data-before); display: block; float: left; width: 70px; font-weight: 500; text-align: right; } }

.tb_scroll { overflow-y: hidden; overflow-x: auto; width: 100%; display: block; position: relative; padding-top: 1px; }

.tb_scroll::-webkit-scrollbar { width: 6px; height: 6px; }

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

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

.tb_scroll + .tb_scroll { margin-top: 30px; }

.tb_scroll .scroll_layer { display: none; position: absolute; left: 0; top: 0; bottom: 0; width: 100%; height: 100%; background-color: rgba(0, 0, 0, 0.8); z-index: 100; }

.tb_scroll .scroll_layer > span { color: #fff; font-size: 14px; display: block; padding-top: 37px; text-align: center; width: 182px; margin: auto; }

.tb_scroll .scroll_layer > span > span { position: relative; display: block; width: 58px; margin: 34px auto 0; border-top: 4px solid #fff; }

.tb_scroll .scroll_layer > span > span img { position: absolute; left: -10px; top: -9px; width: 65px; }

.tb_scroll table { min-width: 800px; }

.tb_scroll table th, .tb_scroll table td { padding: 13px 10px; }

.tb_scroll .frame { min-width: 800px; }

.tb_scroll .frame.type2 { max-width: 980px; min-width: auto; margin: auto; }

.tb_scroll .frame.type3 { min-width: auto; }

.tb_scroll.nowrap table { table-layout: auto; white-space: nowrap; min-width: auto; }

@media screen and (max-width: 737px) { .tb_scroll .scroll_layer { display: block; }
  .tb_scroll .scroll_layer > span > span img { -webkit-animation: scrhand 2s infinite ease-in-out; animation: scrhand 2s infinite ease-in-out; } }

@-webkit-keyframes scrhand { 0% { left: -10px; }
  50% { left: calc(100% - 10px); }
  100% { left: -10px; } }

@keyframes scrhand { 0% { left: -10px; }
  50% { left: calc(100% - 10px); }
  100% { left: -10px; } }

.board_list .bo_info { margin-bottom: 17px; display: flex; align-items: center; justify-content: space-between; }

.board_list .bo_info.board2 { margin-bottom: 8px; display: grid; align-items: unset; justify-content: unset; grid-template-rows: repeat(1, 1fr); grid-template-columns: auto auto 1fr; column-gap: 16px; }

.board_list .bo_info .total {  display: flex; align-items: center; justify-content: flex-start; padding-left: 20px; background: url("/www-new/css/../images/common/icon_board_total.png") no-repeat left center; color: #777; }

.board_list .bo_info .total span { color: #444; margin: 0 4px; }

.board_list .bo_info .page_num {  display: flex; align-items: center; justify-content: flex-start; color: #000000; }

.board_list .bo_info .page_num span { color: #000; margin-right: 4px; }

.board_list .bo_info .page_num b { color: #9c1d1d; }

.board_list .bo_info .page_num .select { width: 104px; margin-left: 13px; margin-top: -6px; }

.board_list .bo_info .page_post {}

.board_list .bo_info .page_post form { display: flex; align-items: center; justify-content: flex-end; position: relative; }

.board_list .bo_info .page_post .post_num { background: url("/www-new/css/../images/common/arrow_select.png") no-repeat right 14px center; }

.board_list .bo_info .page_post form .btn2 { transition: border-color, border-radius 0.3s; }

.board_list .bo_list { border-top: 2px solid #000; }

.board_list .bo_list > li { border-bottom: 1px solid #dfdfdf; }

.board_list .bo_list > li a { display: block; font-size: 0; }

.board_list .bo_list > li a:before { display: inline-block; height: 100%; content: ''; vertical-align: middle; }

.board_list .bo_list > li a > :nth-child(n) { font-size: 16px; display: inline-block; vertical-align: middle; }

.board_list .bo_list > li a > span { padding: 0 40px; text-align: center; line-height: 1.3; font-size: 17px; font-weight: 500; color: #0b428c; width: 200px; word-break: keep-all; }

.board_list .bo_list > li a > div { padding: 25px 0; width: calc(100% - 200px); padding-right: 80px; min-height: 110px; }

.board_list .bo_list > li a > div > h3 { white-space: nowrap; width: calc(100% - 20px); overflow: hidden; vertical-align: middle; text-overflow: ellipsis; display: inline-block; font-size: 18px; font-weight: 500; }

.board_list .bo_list > li a > div > .state2 { display: inline-block; vertical-align: middle; }

.board_list .bo_list > li a > div > ul { font-size: 15px; line-height: 1.4; margin-top: 10px; }

.board_list .bo_list > li a > div > ul:after { content: ''; display: block; clear: both; }

.board_list .bo_list > li a > div > ul li { float: left; padding: 0 13px; position: relative; }

.board_list .bo_list > li a > div > ul li:before { content: ''; display: block; width: 1px; height: 12px; background-color: #c4c4c4; position: absolute; left: 0; top: 5px; }

.board_list .bo_list > li a > div > ul li:first-of-type { padding-left: 0; }

.board_list .bo_list > li a > div > ul li:first-of-type:before { content: none; }

.board_list .bo_list2 { border-top: 2px solid #000; }

.board_list .bo_list2 > li { border-bottom: 1px solid #dfdfdf; padding: 30px; }

.board_list .bo_list2 > li h3 { line-height: 37px; font-size: 18px; font-weight: 500; }

.board_list .bo_list2 > li h3 .btn_link { margin-left: 10px; vertical-align: top; }

.board_list .bo_list2 > li ul { font-size: 15px; margin-top: 10px; }

.board_list .bo_list2 > li ul:after { content: ''; display: block; clear: both; }

.board_list .bo_list2 > li ul li { float: left; color: #555; padding-left: 13px; text-indent: -13px; margin: 6px 0; margin-right: 40px; }

.board_list .bo_list2 > li ul li b { color: #000; }

.board_list .bo_list2 > li ul li b:before { content: ''; display: inline-block; width: 5px; height: 2px; margin-right: 8px; background-color: #abb2ba; vertical-align: middle; margin-bottom: 3px; }

.board_list .bo_list2 > li > span { font-size: 14px; color: #444; display: block; margin-top: 20px; }

.board_list .bo_list2.type2 > li { position: relative; padding-left: 115px; }

.board_list .bo_list2.type2 > li h3 { line-height: 1.4; }

.board_list .bo_list2.type2 > li ul { margin-top: 0; }

.board_list .bo_list2.type2 > li > b { position: absolute; left: 0; top: 50%; width: 115px; text-align: center; -webkit-transform: translateY(-50%); transform: translateY(-50%); }

.board_list .bo_gall { margin-bottom: -36px; }

.board_list .bo_gall > :nth-child(n) { float: left; width: calc(33.33333% - 20px); margin-right: 30px; }

.board_list .bo_gall > :nth-of-type(3n) { margin-right: 0; }

.board_list .bo_gall > :not(:nth-of-type(3n + 1)) { clear: none; }

.board_list .bo_gall > :nth-of-type(3n + 1) { clear: both; }

.board_list .bo_gall.item2 > :nth-child(n) { float: left; width: calc(50% - 15px); margin-right: 30px; }

.board_list .bo_gall.item2 > :nth-of-type(2n) { margin-right: 0; }

.board_list .bo_gall.item2 > :not(:nth-of-type(2n + 1)) { clear: none; }

.board_list .bo_gall.item2 > :nth-of-type(2n + 1) { clear: both; }

.board_list .bo_gall.center h3 { text-align: center; }

.board_list .bo_gall li { margin-bottom: 36px; }

.board_list .bo_gall li a, .board_list .bo_gall li > div { display: block; position: relative; }

.board_list .bo_gall li a .cate, .board_list .bo_gall li > div .cate { position: absolute; left: 0; top: 0; display: block; padding: 0 19px 0 18px; line-height: 33px; color: #fff; z-index: 1; border-bottom-right-radius: 16px; font-size: 15px; }

.board_list .bo_gall li a .cate.blue, .board_list .bo_gall li > div .cate.blue { background-color: #029acc; }

.board_list .bo_gall li a .cate.green, .board_list .bo_gall li > div .cate.green { background-color: #219b72; }

.board_list .bo_gall li a .cate.purple, .board_list .bo_gall li > div .cate.purple { background-color: #7662e0; }

.board_list .bo_gall li a .cate.red, .board_list .bo_gall li > div .cate.red { background-color: #ef4863; }

.board_list .bo_gall li a .img, .board_list .bo_gall li > div .img { width: 100%; height: 260px; }

/* 220617 추가 */
@media screen and (max-width: 500px){
  .board_list .bo_gall li a .img, .board_list .bo_gall li > div .img { height: auto !important; }
}
/* //220617 추가 */

.board_list .bo_gall li a .ytb, .board_list .bo_gall li > div .ytb { width: 100%; position: relative; height: 0; padding-top: 56.25%; }

.board_list .bo_gall li a .ytb iframe, .board_list .bo_gall li > div .ytb iframe { position: absolute; left: 0; top: 0; bottom: 0; width: 100%; height: 100%; }

.board_list .bo_gall li a h3, .board_list .bo_gall li > div h3 { max-width: 100%; text-overflow: ellipsis; overflow: hidden; white-space: nowrap; margin-top: 22px; margin-bottom: 11px; }

.board_list .bo_gall li a > span, .board_list .bo_gall li > div > span { font-size: 14px; color: #777; }

.board_list .bo_gall li a b, .board_list .bo_gall li > div b { display: inline-block; padding-left: 21px; background: url("/www-new/css/../images/common/icon_gall_writer.png") no-repeat left center; font-size: 14px; font-weight: 500; }

.board_list .bo_gall li a b + span, .board_list .bo_gall li > div b + span { float: right; }

.board_list .bo_gall2 { margin-bottom: -40px; }

.board_list .bo_gall2 > :nth-child(n) { float: left; width: calc(25% - 22.5px); margin-right: 30px; }

.board_list .bo_gall2 > :nth-of-type(4n) { margin-right: 0; }

.board_list .bo_gall2 > :not(:nth-of-type(4n + 1)) { clear: none; }

.board_list .bo_gall2 > :nth-of-type(4n + 1) { clear: both; }

.board_list .bo_gall2 > li { margin-bottom: 40px; position: relative; }

.board_list .bo_gall2 > li:nth-of-type(4n+1) .cover { background-image: url("/www-new/css/../images/sub/bg_gall2_01.jpg"); }

.board_list .bo_gall2 > li:nth-of-type(4n+2) .cover { background-image: url("/www-new/css/../images/sub/bg_gall2_02.jpg"); }

.board_list .bo_gall2 > li:nth-of-type(4n+3) .cover { background-image: url("/www-new/css/../images/sub/bg_gall2_03.jpg"); }

.board_list .bo_gall2 > li:nth-of-type(4n+4) .cover { background-image: url("/www-new/css/../images/sub/bg_gall2_04.jpg"); }

.board_list .bo_gall2 > li .cover { overflow: hidden; border: 1px solid #dfdfdf; padding: 33px 14px 0; width: 100%; height: 313px; background-repeat: no-repeat; background-size: cover; background-position: center; position: relative; }

.board_list .bo_gall2 > li .cover b { text-align: left; display: block; font-size: 19px; width: 150px; font-family: "GmarketSans", "sans-serif"; font-weight: 600; line-height: 1.26; }

.board_list .bo_gall2 > li .cover b span { display: block; font-family: "Open Sans", "sans-serif"; margin-top: 15px; font-size: 14px; color: rgba(0, 0, 0, 0.5); }

.board_list .bo_gall2 > li .cover h3 { position: absolute; left: 0; width: 100%; bottom: 17px; color: #fff; font-size: 17px; font-weight: 500; text-align: center; }

.board_list .bo_gall2 > li .cover h3 span { margin-top: 3px; font-size: 14px; color: rgba(255, 255, 255, 0.6); display: block; font-weight: 400; }

.board_list .bo_gall2 > li ul { margin-top: 5px; }

.board_list .bo_gall2 > li ul > :nth-child(n) { float: left; width: calc(50% - 2.5px); margin-right: 5px; }

.board_list .bo_gall2 > li ul > :nth-of-type(2n) { margin-right: 0; }

.board_list .bo_gall2 > li ul > :not(:nth-of-type(2n + 1)) { clear: none; }

.board_list .bo_gall2 > li ul > :nth-of-type(2n + 1) { clear: both; }

.board_list .bo_gall2 > li ul li a { border: 1px solid #dfdfdf; display: block; line-height: 45px; text-align: center; }

.board_list .bo_gall2 > li ul li a:after { display: inline-block; content: ''; width: 16px; height: 45px; vertical-align: middle; margin-left: 8px; }

.board_list .bo_gall2 > li ul li a.down:after { background: url("/www-new/css/../images/common/icon_board_file2.png") no-repeat center top 45%; }

.board_list .bo_gall2 > li ul li a.view { background-color: #eff1f3; }

.board_list .bo_gall2 > li ul li a.view:after { background: url("/www-new/css/../images/common/icon_board_file_view.png") no-repeat center; }

.board_list .bo_gall3 { margin-bottom: -30px; }

.board_list .bo_gall3 > :nth-child(n) { float: left; width: calc(50% - 15px); margin-right: 30px; }

.board_list .bo_gall3 > :nth-of-type(2n) { margin-right: 0; }

.board_list .bo_gall3 > :not(:nth-of-type(2n + 1)) { clear: none; }

.board_list .bo_gall3 > :nth-of-type(2n + 1) { clear: both; }

.board_list .bo_gall3 > li { margin-bottom: 30px; }

.board_list .bo_gall3 > li a { display: block; font-size: 0; background-color: #eef4f9; padding: 30px; }

.board_list .bo_gall3 > li a:before { display: inline-block; height: 100%; content: ''; vertical-align: middle; }

.board_list .bo_gall3 > li a > :nth-child(n) { font-size: 16px; display: inline-block; vertical-align: middle; }

.board_list .bo_gall3 > li a .cover { position: relative; width: 170px; height: 210px; }

.board_list .bo_gall3 > li a .cover strong { position: absolute; left: 20px; top: 17px; font-size: 17px; }

.board_list .bo_gall3 > li a .cover span { position: absolute; left: 20px; top: 44px; font-size: 12px; color: #747474; }

.board_list .bo_gall3 > li a .cover span b { font-size: 15px; color: #9c1d1d; }

.board_list .bo_gall3 > li a .cover img { width: 100%; }

.board_list .bo_gall3 > li a .txt { width: calc(100% - 170px); padding-left: 34px; }

.board_list .bo_gall3 > li a .txt b { display: inline-block; font-size: 15px; padding: 5.5px 18px; border: 1px solid #b8d3e9; background-color: #fff; border-radius: 34px; }

.board_list .bo_gall3 > li a .txt h3 { font-size: 18px; line-height: 1.33; margin-top: 17px; margin-bottom: 42px; }

.board_list .bo_gall3 > li a .txt span { font-size: 14px; color: #777; }

.board_list .bo_book { border-top: 2px solid #000; }

.board_list .bo_book > li { border-bottom: 1px solid #e0e0e0; padding-left: 260px; min-height: 271px; position: relative; padding-top: 30px; padding-bottom: 27px; }

.board_list .bo_book > li .book { position: absolute; left: 50px; top: 30px; width: 170px; height: 210px; -webkit-transition: 0.3s; transition: 0.3s; }

.board_list .bo_book > li .book:after { content: ''; width: 100%; position: absolute; left: 0; top: 0; -webkit-box-sizing: border-box; box-sizing: border-box; -webkit-transition: 0.3s; transition: 0.3s; height: 100%; border: 1px solid #b0b0b0; }

.board_list .bo_book > li h3 { font-size: 20px; font-weight: 500; color: #000; margin-bottom: 16px; margin-top: 12px; }

.board_list .bo_book > li h3 a { display: inline-block; vertical-align: 2px; width: 83px; height: 34px; border: 1px solid #9c1d1d; color: #9c1d1d; text-align: center; font-weight: 600; border-radius: 34px; line-height: 32px; font-size: 15px; margin-left: 8px; }

.board_list .bo_book > li .bar > li { font-size: 16px; line-height: 31px; margin-bottom: 10px; padding-left: 11px; }

.board_list .bo_book > li .bar > li:before { top: 14px; left: 1px; }

.board_list .bo_book > li .bar > li a { color: #333333; }

.board_list .bo_book > li .bar > li button { margin-left: 10px; width: 102px; vertical-align: 0; color: #000; height: 31px; line-height: 29px; border: 1px solid #b9babb; padding-left: 14px; font-size: 15px; background: #fff url("/www-new/css/../images/common/icon_board_file_view.png") no-repeat right 14px center; text-align: left; }

.board_list .bo_book > li > span { display: block; padding-top: 16px; color: #777; font-size: 15px; }

@media screen and (min-width: 737px) { .board_list .bo_book > li:hover .book { -webkit-box-shadow: 8px 8px 16px 0 rgba(0, 0, 0, 0.12); box-shadow: 8px 8px 16px 0 rgba(0, 0, 0, 0.12); }
  .board_list .bo_book > li:hover .book:after { border-color: #555; }
  .board_list .bo_book > li .bar > li button { -webkit-transition: all 0.3s; transition: all 0.3s; }
  .board_list .bo_book > li .bar > li button:hover { background-image: url("/www-new/css/../images/common/icon_board_file_view_on.png"); background-color: #353a40; color: #fff; border-radius: 6px; border-color: #353a40; } }

@media screen and (max-width: 737px) { .board_list .bo_book > li { padding-left: 20px; min-height: auto; padding-top: 17px; padding-bottom: 20px; }
  .board_list .bo_book > li .book { display: none; }
  .board_list .bo_book > li h3 { font-size: 16px; margin-bottom: 11px; margin-top: 12px; }
  .board_list .bo_book > li .bar > li { font-size: 14px; line-height: 20px; margin-bottom: 13px; }
  .board_list .bo_book > li .bar > li:before { top: 10px; }
  .board_list .bo_book > li .bar > li button { margin-left: 0; margin-top: 5px; width: 92px; display: block; height: 27px; line-height: 25px; padding-left: 11px; font-size: 14px; background-size: 12px auto; background-position: right 10px center; }
  .board_list .bo_book > li > span { display: none; } }

.board_list .alert { display: inline-block; font-size: 14px; background-color: #9c1d1d; padding: 4px 12px 5px; color: #fff; border-bottom-right-radius: 8px; }

.board_list .alert2 { display: inline-block; font-size: 14px; color: #d50b0b; border: 1px solid #d50b0b; border-radius: 4px; padding: 0 8px; line-height: 21px; vertical-align: 1px; margin-right: 5px; }

.board_list .state { display: inline-block; margin-right: 8px; border: 1px solid #d50b0b; color: #d50b0b; font-size: 10px; padding: 0 5px 1px; line-height: 15px; vertical-align: 2px; }

.board_list .state2 { width: 20px; height: 20px; background: url("/www-new/css/../images/common/icon_state2_new.png") no-repeat center; overflow: hidden; text-indent: 20px; }

.board_list .date { color: #444; }

.board_list .file2 { display: inline-block; margin-left: 20px; position: relative; padding: 0 7px 0 5px; line-height: 18px; height: 18px; font-size: 12px; color: #fff; background-color: #5d6166; border-radius: 9px; }

.board_list .file2:before { content: ''; position: absolute; left: -20px; top: 0; width: 16px; height: 18px; background: url("/www-new/css/../images/common/icon_board_file2.png") no-repeat left top 2px; }

@media screen and (min-width: 737px) {
	.board_list .bo_info .page_post form .btn2:hover { background-color: #555d67; border-radius: 6px; }
	.board_list .bo_list > li a { -webkit-transition: background-color 0.3s; transition: background-color 0.3s; }
  .board_list .bo_list > li a:hover { background-color: #f7f8f9; }
  .board_list .bo_gall li a .img { -webkit-transition: all 0.3s; transition: all 0.3s; }
  .board_list .bo_gall li a .img img { -webkit-transition: all 0.5s; transition: all 0.5s; }
  .board_list .bo_gall li a:hover .img { border-radius: 10px; border: 1px solid #7e8081; }
  .board_list .bo_gall li a:hover .img img { -webkit-transform: scale(1.2); transform: scale(1.2); }
  .board_list .bo_gall2 > li:hover .cover { border-radius: 10px; border: 1px solid #7e8081; }
  .board_list .bo_gall2 > li .cover { -webkit-transition: all 0.3s; transition: all 0.3s; }
  .board_list .bo_gall2 > li .cover img { -webkit-transition: all 0.5s; transition: all 0.5s; }
  .board_list .bo_gall2 > li ul li a { -webkit-transition: all 0.3s; transition: all 0.3s; }
  .board_list .bo_gall2 > li ul li a:hover { border-radius: 6px; border: 1px solid #7e8081; }
  .board_list .bo_gall3 > li a { overflow: hidden; -webkit-transition: all 0.3s; transition: all 0.3s; }
  .board_list .bo_gall3 > li a .cover { -webkit-transition: all 0.3s; transition: all 0.3s; }
  .board_list .bo_gall3 > li a:hover { border-radius: 10px; -webkit-box-shadow: inset 0 0 0 1px #6ba1ce; box-shadow: inset 0 0 0 1px #6ba1ce; }
  .board_list .bo_gall3 > li a:hover .cover { -webkit-box-shadow: 8px 8px 16px 0 rgba(0, 0, 0, 0.12); box-shadow: 8px 8px 16px 0 rgba(0, 0, 0, 0.12); } }

@media screen and (max-width: 1300px) { .board_list .bo_gall3 > :nth-child(n) { float: left; width: calc(100% - 0px); margin-right: 0px; }
  .board_list .bo_gall3 > :nth-of-type(1n) { margin-right: 0; }
  .board_list .bo_gall3 > :not(:nth-of-type(1n + 1)) { clear: none; }
  .board_list .bo_gall3 > :nth-of-type(1n + 1) { clear: both; } }

@media screen and (max-width: 1300px) { .board_list .bo_gall > :nth-child(n) { float: left; width: calc(50% - 7.5px); margin-right: 15px; }
  .board_list .bo_gall > :nth-of-type(2n) { margin-right: 0; }
  .board_list .bo_gall > :not(:nth-of-type(2n + 1)) { clear: none; }
  .board_list .bo_gall > :nth-of-type(2n + 1) { clear: both; }
  .board_list .bo_gall2 > :nth-child(n) { float: left; width: calc(33.33333% - 10px); margin-right: 15px; }
  .board_list .bo_gall2 > :nth-of-type(3n) { margin-right: 0; }
  .board_list .bo_gall2 > :not(:nth-of-type(3n + 1)) { clear: none; }
  .board_list .bo_gall2 > :nth-of-type(3n + 1) { clear: both; } }

@media screen and (max-width: 1080px) { .board_list .bo_gall > :nth-child(n) { float: left; width: calc(33.33333% - 10px); margin-right: 15px; }
  .board_list .bo_gall > :nth-of-type(3n) { margin-right: 0; }
  .board_list .bo_gall > :not(:nth-of-type(3n + 1)) { clear: none; }
  .board_list .bo_gall > :nth-of-type(3n + 1) { clear: both; }
  .board_list .bo_gall2 > :nth-child(n) { float: left; width: calc(25% - 11.25px); margin-right: 15px; }
  .board_list .bo_gall2 > :nth-of-type(4n) { margin-right: 0; }
  .board_list .bo_gall2 > :not(:nth-of-type(4n + 1)) { clear: none; }
  .board_list .bo_gall2 > :nth-of-type(4n + 1) { clear: both; }
  .board_list .bo_gall3 > :nth-child(n) { float: left; width: calc(50% - 7.5px); margin-right: 15px; }
  .board_list .bo_gall3 > :nth-of-type(2n) { margin-right: 0; }
  .board_list .bo_gall3 > :not(:nth-of-type(2n + 1)) { clear: none; }
  .board_list .bo_gall3 > :nth-of-type(2n + 1) { clear: both; } }

@media screen and (max-width: 900px) { .board_list .bo_gall > :nth-child(n) { float: left; width: calc(50% - 7.5px); margin-right: 15px; }
  .board_list .bo_gall > :nth-of-type(2n) { margin-right: 0; }
  .board_list .bo_gall > :not(:nth-of-type(2n + 1)) { clear: none; }
  .board_list .bo_gall > :nth-of-type(2n + 1) { clear: both; }
  .board_list .bo_gall2 > :nth-child(n) { float: left; width: calc(33.33333% - 10px); margin-right: 15px; }
  .board_list .bo_gall2 > :nth-of-type(3n) { margin-right: 0; }
  .board_list .bo_gall2 > :not(:nth-of-type(3n + 1)) { clear: none; }
  .board_list .bo_gall2 > :nth-of-type(3n + 1) { clear: both; }
  .board_list .bo_gall3 > :nth-child(n) { float: left; width: calc(100% - 0px); margin-right: 0px; }
  .board_list .bo_gall3 > :nth-of-type(1n) { margin-right: 0; }
  .board_list .bo_gall3 > :not(:nth-of-type(1n + 1)) { clear: none; }
  .board_list .bo_gall3 > :nth-of-type(1n + 1) { clear: both; } }

@media screen and (max-width: 737px) { 
  .board_list .bo_info { margin-bottom: 15px; }
  .board_list .bo_info .total { position: relative; z-index: 1; background-position: left top 5px; }
  .board_list .bo_info .page_num .select { width: 100%; margin-left: 0; margin-top: 18px; }
  .board_list .bo_info .page_post .post_num { height: 22px; line-height: 1; padding: 0px 20px 0px 8px; background-position: right 8px center; }
  .board_list .bo_info .page_post form .foreword { display: none; }
  .board_list .bo_info .page_post form .btn2 { height: 24px; line-height: 1; padding: 0 16px; margin-left: 0; }
  .board_list .bo_info.board2 { margin-bottom: 8px; align-items: center; column-gap: 6px; }
  .board_list .bo_info.board2 .page_num { grid-row: 2 / 3 ; }
  .board_list .bo_info.board2 .page_post { grid-row: 2 / 3 ; grid-column: 3 / 4; }
  .board_list .bo_list2 > li { padding: 20px; }
  .board_list .bo_list2 > li h3 { line-height: 1.4; font-size: 15px; position: relative; padding-top: 50px; }
  .board_list .bo_list2 > li h3 .btn_link { margin-left: 0; position: absolute; left: 0; top: 0; }
  .board_list .bo_list2 > li ul { font-size: 14px; margin-top: 7px; }
  .board_list .bo_list2 > li ul li { width: 100%; padding-left: 11px; text-indent: -11px; margin: 5px 0; margin-right: 0; }
  .board_list .bo_list2 > li ul li b:before { content: ''; margin-right: 6px; }
  .board_list .bo_list2 > li > span { margin-top: 6px; }
  .board_list .bo_list2.type2 > li { padding-left: 20px; }
  .board_list .bo_list2.type2 > li > b { display: inline-block; position: static; width: auto; -webkit-transform: translateY(0); transform: translateY(0); font-size: 15px; }
  .board_list .bo_list2.type2 > li h3 { padding-top: 0; margin: 5px 0 3px; }
  .board_list .bo_gall > :nth-child(n) { float: left; width: calc(50% - 7.5px); margin-right: 15px; }
  .board_list .bo_gall > :nth-of-type(2n) { margin-right: 0; }
  .board_list .bo_gall > :not(:nth-of-type(2n + 1)) { clear: none; }
  .board_list .bo_gall > :nth-of-type(2n + 1) { clear: both; }
  .board_list .bo_gall li a .img, .board_list .bo_gall li > div .img { height: auto; }
  .board_list .bo_gall li a .cate, .board_list .bo_gall li > div .cate { padding: 0 17px 0 16px; line-height: 30px; font-size: 14px; }
  .board_list .bo_gall li a h3, .board_list .bo_gall li > div h3 { margin-top: 16px; margin-bottom: 8px; font-size: 17px; }
  .board_list .bo_gall.item2 > :nth-child(n) { float: left; width: calc(100% - 0px); margin-right: 0px; }
  .board_list .bo_gall.item2 > :nth-of-type(1n) { margin-right: 0; }
  .board_list .bo_gall.item2 > :not(:nth-of-type(1n + 1)) { clear: none; }
  .board_list .bo_gall.item2 > :nth-of-type(1n + 1) { clear: both; }
  .board_list .bo_gall2 > :nth-child(n) { float: left; width: calc(50% - 7.5px); margin-right: 15px; }
  .board_list .bo_gall2 > :nth-of-type(2n) { margin-right: 0; }
  .board_list .bo_gall2 > :not(:nth-of-type(2n + 1)) { clear: none; }
  .board_list .bo_gall2 > :nth-of-type(2n + 1) { clear: both; }
  .board_list .bo_gall2 > li ul { margin-top: 10px; }
  .board_list .bo_gall2 > li ul > :nth-child(n) { float: left; width: calc(50% - 5px); margin-right: 10px; }
  .board_list .bo_gall2 > li ul > :nth-of-type(2n) { margin-right: 0; }
  .board_list .bo_gall2 > li ul > :not(:nth-of-type(2n + 1)) { clear: none; }
  .board_list .bo_gall2 > li ul > :nth-of-type(2n + 1) { clear: both; }
  .board_list .bo_gall2 > li ul li a { line-height: 43px; font-size: 15px; }
  .board_list .bo_gall2 > li ul li a:after { width: 15px; height: 43px; }
  .board_list .bo_gall2 > li ul li a.down:after { background-size: 15px auto; }
  .board_list .bo_gall2 > li ul li a.view:after { margin-left: 6px; background-size: 13px auto; background-position: center top 13px; }
  .board_list .bo_gall3 { margin-bottom: -15px; }
  .board_list .bo_gall3 > li { margin-bottom: 15px; }
  .board_list .bo_gall3 > li a { padding: 20px; }
  .board_list .bo_gall3 > li a .cover { width: 109px; height: 140px; }
  .board_list .bo_gall3 > li a .cover strong { position: absolute; left: 15px; top: 13px; font-size: 12px; }
  .board_list .bo_gall3 > li a .cover span { left: 15px; top: 31px; font-size: 9px; }
  .board_list .bo_gall3 > li a .cover span b { font-size: 11px; }
  .board_list .bo_gall3 > li a .txt { width: calc(100% - 109px); padding-left: 20px; }
  .board_list .bo_gall3 > li a .txt b { font-size: 12px; padding: 6px 10px 5px; }
  .board_list .bo_gall3 > li a .txt h3 { font-size: 14px; margin-top: 13px; margin-bottom: 16px; }
  .board_list .bo_gall3 > li a .txt span { font-size: 13px; }
  .board_list .alert { font-size: 13px; padding: 0 11px 1px 9px; }
  .board_list .state { margin-right: 4px; }
  .board_list .file { display: inline-block; width: 20px; vertical-align: top; } }

@media screen and (max-width: 500px) { .board_list .bo_gall > :nth-child(n) { float: left; width: calc(100% - 0px); margin-right: 0px; }
  .board_list .bo_gall > :nth-of-type(1n) { margin-right: 0; }
  .board_list .bo_gall > :not(:nth-of-type(1n + 1)) { clear: none; }
  .board_list .bo_gall > :nth-of-type(1n + 1) { clear: both; } }

@media screen and (max-width: 450px) { .board_list .bo_gall2 > :nth-child(n) { float: left; width: calc(100% - 0px); margin-right: 0px; }
  .board_list .bo_gall2 > :nth-of-type(1n) { margin-right: 0; }
  .board_list .bo_gall2 > :not(:nth-of-type(1n + 1)) { clear: none; }
  .board_list .bo_gall2 > :nth-of-type(1n + 1) { clear: both; }
  .board_list .bo_gall2 > li .cover { padding: 27px 30px 0; height: 355px; }
  .board_list .bo_gall2 > li .cover b { font-size: 24px; line-height: 1.2; }
  .board_list .bo_gall2 > li .cover b span { margin-top: 18px; font-size: 17px; }
  .board_list .bo_gall2 > li .cover h3 { bottom: 29px; font-size: 20px; }
  .board_list .bo_gall2 > li .cover h3 span { margin-top: 5px; font-size: 15px; } }

.board_detail { border-top: 2px solid #000; }

.board_detail .bo_head { padding: 30px; border-bottom: 1px solid #dfdfdf; }

.board_detail .bo_head h2 { font-size: 24px; line-height: 1.33; font-weight: 400; }

.board_detail .bo_head dl { font-size: 15px; margin-top: 16px; }

.board_detail .bo_head dl dt, .board_detail .bo_head dl dd { float: left; }

.board_detail .bo_head dl dt { padding-left: 21px; position: relative; color: #666; }

.board_detail .bo_head dl dt:before { position: absolute; left: 0; top: 5px; content: ''; width: 1px; height: 12px; background-color: #c4c4c4; }

.board_detail .bo_head dl dt:after { display: inline-block; padding: 0 8px; content: ':'; }

.board_detail .bo_head dl dt:first-of-type { padding-left: 0; }

.board_detail .bo_head dl dt:first-of-type:before { content: none; }

.board_detail .bo_head dl dd { padding-right: 20px; }

.board_detail .bo_file { border-bottom: 1px solid #dfdfdf; background-color: #f7f8f9; padding: 15px 30px; }

.board_detail .bo_file li { padding-left: 2.19em; position: relative; margin: 5px 0; }

.board_detail .bo_file li a { display: inline-block; margin: 5px 0; margin-right: 20px; }

.board_detail .bo_file li a span { vertical-align: middle; }

.board_detail .bo_file li a span:after { content: ''; margin-left: 8px; width: 16px; height: 13px; display: inline-block; background: url("/www-new/css/../images/common/icon_board_file_down.png") no-repeat right center; }

.board_detail .bo_file li a img { position: absolute; left: 0; top: 0.4em; width: 1.625em; }

.board_detail .bo_file li button { vertical-align: middle; color: #000; height: 31px; line-height: 29px; border: 1px solid #b9babb; padding-left: 14px; padding-right: 35px; background: #fff url("/www-new/css/../images/common/icon_board_file_view.png") no-repeat right 15px center; }

.board_detail .bo_img { padding: 34px 37px 50px; text-align: center; }

.board_detail .bo_img + .bo_con { padding-top: 0; }

.board_detail .bo_con { padding: 28px 37px 45px; line-height: 1.6; overflow-x: auto; }

.board_detail .bo_con::-webkit-scrollbar { width: 6px; height: 6px; }

.board_detail .bo_con::-webkit-scrollbar-thumb { background-color: #86878b; border-radius: 6px; }

.board_detail .bo_con::-webkit-scrollbar-track { background-color: #cdd0d5; border-radius: 6px; }

.board_detail .bo_con b, .board_detail .bo_con strong { font-weight: bold; }

.board_detail .bo_con em, .board_detail .bo_con i { font-style: italic; }

.board_detail .bo_con p { margin: 0; }

.board_detail .bo_con h1, .board_detail .bo_con h2, .board_detail .bo_con h3, .board_detail .bo_con h4, .board_detail .bo_con h5, .board_detail .bo_con h6 { font-weight: bold; }

.board_detail .bo_con .iframe_birisingo { height: 1000px; width: 100%; border: none; padding: 0px; margin: 0px; overflow-x: hidden; overflow-y: auto; }

@media screen and (max-width: 840px) {
    .board_detail .bo_con .iframe_birisingo { height: 100vh; }
}
@media screen and (max-width: 600px) {
    .board_detail .bo_con .iframe_birisingo { height: 90vh; }   
}
@media screen and (max-width: 480px) {
    .board_detail .bo_con .iframe_birisingo { height: 65vh; }   
}
@media screen and (max-width: 400px) {
    .board_detail .bo_con .iframe_birisingo { height: 50vh; }   
}

.board_detail .bo_util { border: 1px solid #dfdfdf; border-radius: 12px; }

.board_detail .bo_util li { padding: 25px 28px 34px; }

.board_detail .bo_util li strong { display: block; font-size: 17px; padding-left: 1.47em; background-repeat: no-repeat; background-position: left center; margin-bottom: 9px; background-size: 1em; }

.board_detail .bo_util li.tag { font-size: 0; }

.board_detail .bo_util li.tag strong { background-image: url("/www-new/css/../images/common/icon_board_tag.png"); }

.board_detail .bo_util li.tag a { display: inline-block; font-size: 15px; padding: 0 15px; color: #0b428c; background-color: #ebf3fb; line-height: 1.8; height: 1.8em; margin-right: 4px; border-radius: 0.9em; margin-top: 6px; }

.board_detail .bo_util li.tag a:before { content: '#'; }

.board_detail .bo_util li.link { border-top: 1px solid #dfdfdf; padding-bottom: 30px; }

.board_detail .bo_util li.link strong { background-image: url("/www-new/css/../images/common/icon_board_link.png"); }

.board_detail .bo_util li.link a { display: inline-block; font-size: 15px; color: #0059d1; text-decoration: underline; }

.board_detail .bo_util li.link span { display: block; font-size: 15px; margin-top: 7px; }

.board_detail .bo_pagination { margin-top: 80px; border-top: 1px solid #dfdfdf; border-bottom: 1px solid #dfdfdf; }

.board_detail .bo_pagination a { display: block; width: 100%; }

.board_detail .bo_pagination a:after { content: ''; display: block; clear: both; }

.board_detail .bo_pagination a b, .board_detail .bo_pagination a span { display: block; float: left; line-height: 67px; }

.board_detail .bo_pagination a b { width: 200px; font-size: 17px; font-weight: 500; background-color: #f7f8f9; text-align: center; border-right: 1px solid #dfdfdf; }

.board_detail .bo_pagination a b:before { display: inline-block; content: ''; width: 11px; height: 1.4em; background-repeat: no-repeat; vertical-align: middle; background-position: center top 7px; margin-right: 10px; }

.board_detail .bo_pagination a span { max-width: 100%; text-overflow: ellipsis; overflow: hidden; white-space: nowrap; width: calc(100% - 200px); padding-left: 20px; padding-right: 70px; }

.board_detail .bo_pagination a span.empty { color: #777; }

.board_detail .bo_pagination a.prev { border-bottom: 1px solid #dfdfdf; }

.board_detail .bo_pagination a.prev b:before { background-image: url("/www-new/css/../images/common/arrow_board_prev.png"); }

.board_detail .bo_pagination a.next b:before { background-image: url("/www-new/css/../images/common/arrow_board_next.png"); }

/*공공누리 관련 추가.*/
.board_detail .kogl { display: flex; align-items: center; justify-content: flex-start; column-gap: 25px; margin-top: 45px; padding: 15px 30px; border-top: 1px solid #dfdfdf; border-bottom: 1px solid #dfdfdf; background-color: #f7f8f9; }

.board_detail .kogl .kogl_logo { margin: 0; }

.board_detail .kogl .kogl_logo img { background-color: #ffffff; }

.board_detail .kogl .kogl_txt { margin: 0; font-size: 15px; }

.board_detail .kogl .kogl_txt a { font-weight: 500; color: #0c3975; text-decoration: underline; }

@media screen and (min-width: 737px) {
  .board_detail :nth-child(n) { -webkit-transition: font-size 0.3s; transition: font-size 0.3s; }
  .board_detail .bo_util li.tag a { -webkit-transition: all 0.3s; transition: all 0.3s; }
  .board_detail .bo_util li.tag a:hover { -webkit-box-shadow: inset 0 0 0 1px #70a2d4; box-shadow: inset 0 0 0 1px #70a2d4; }
  .board_detail .bo_file li button { -webkit-transition: all 0.3s; transition: all 0.3s; }
  .board_detail .bo_file li button:hover { background-image: url("/www-new/css/../images/common/icon_board_file_view_on.png"); background-color: #353a40; color: #fff; border-radius: 6px; border-color: #353a40; }
}

@media screen and (max-width: 737px) { 
  .board_detail .bo_head { padding: 17.5px 0 16px; }
  .board_detail .bo_head h2 { font-size: 18px; line-height: 1.39; }
  .board_detail .bo_head dl { font-size: 14px; margin-top: 5px; line-height: 1.85; }
  .board_detail .bo_head dl dt { clear: both; padding-left: 0; }
  .board_detail .bo_head dl dt:before { content: none; }
  .board_detail .bo_head dl dt:after { padding: 0 7px; }
  .board_detail .bo_head dl dd { padding-right: 0; }
  .board_detail .bo_file { padding: 6px 15px 10px; font-size: 14px; }
  .board_detail .bo_file li { padding-left: 25px; margin: 6px 0; }
  .board_detail .bo_file li a { margin: 0; display: block; }
  .board_detail .bo_file li a span:after { margin-left: 6px; width: 15px; height: 12px; background-size: cover; }
  .board_detail .bo_file li a img { width: 19px; top: 0.21em; }
  .board_detail .bo_file li button { margin-top: 4px; height: 27px; line-height: 25px; padding-left: 10px; padding-right: 28px; background-size: 12px auto; background-position: right 10px center; }
  .board_detail .bo_img { padding: 24px 0 35px; }
  .board_detail .bo_con { padding: 21px 0 32px; line-height: 1.4; }
  .board_detail .bo_util { border: 1px solid #dfdfdf; border-radius: 12px; }
  .board_detail .bo_util li { padding: 18px 20px 18px; }
  .board_detail .bo_util li strong { font-size: 15px; padding-left: 22px; background-position: left top 4px; margin-bottom: 2px; background-size: 15px auto; }
  .board_detail .bo_util li.tag a { font-size: 14px; line-height: 1.85; height: 1.85em; margin-right: 5px; border-radius: 0.925em; }
  .board_detail .bo_util li.link { padding-bottom: 17px; }
  .board_detail .bo_util li.link strong { margin-bottom: 5px; }
  .board_detail .bo_util li.link a { font-size: 14px; }
  .board_detail .bo_util li.link span { font-size: 14px; margin-top: 4px; }
  .board_detail .kogl { padding: 10px 15px; }
  .board_detail .kogl .kogl_txt { font-size: 13px; }
  .board_detail .bo_pagination { margin-top: 50px; }
  .board_detail .bo_pagination a b, .board_detail .bo_pagination a span { line-height: 54px; }
  .board_detail .bo_pagination a b { width: 95px; font-size: 15px; }
  .board_detail .bo_pagination a b:before { width: 10px; background-size: 10px auto; margin-right: 8px; }
  .board_detail .bo_pagination a span { width: calc(100% - 95px); padding-left: 16px; padding-right: 35px; }
  .board_detail .bo_pagination a.prev b:before { background-position: center top 5px; }
  .board_detail .bo_pagination a.next b:before { background-position: center top 6px; } 
}

@media screen and (max-width: 500px) {
  .board_detail .kogl { display: grid; gap: 10px 0; }
}

.bo_btn { text-align: right; margin-top: 50px; font-size: 0; line-height: 0; }

.bo_btn a { display: inline-block; margin-left: 10px; font-size: 16px; min-width: 112px; text-align: center; height: 50px; border: 1px solid #aaaaaa; line-height: 48px; padding: 0 30px; outline-offset: 4px; }

.bo_btn a:first-of-type { margin-left: 0; }

.bo_btn a.blue { border-color: #0c3975; background-color: #0c3975; color: #fff; }

.bo_btn a.red { border-color: #9c1d1d; color: #9c1d1d; }

@media screen and (min-width: 737px) { .bo_btn a { -webkit-transition: all 0.3s; transition: all 0.3s; }
  .bo_btn a:hover { color: #000; border-color: #7e8081; border-radius: 6px; }
  .bo_btn a.blue { -webkit-transition: all 0.3s; transition: all 0.3s; outline-offset: 4px; }
  .bo_btn a.blue:hover { background-color: #114e9f; color: #fff; border-color: #114e9f; }
  .bo_btn a.red { -webkit-transition: all 0.3s; transition: all 0.3s; }
  .bo_btn a.red:hover { background-color: #9c1d1d; color: #fff; border-color: #9c1d1d; } }

@media screen and (max-width: 737px) { .bo_btn { margin-top: 30px; text-align: center; }
  .bo_btn a { height: 45px; line-height: 43px; min-width: 95px; width: auto; padding: 0 20px; }
  .bo_btn a.full { width: 100%; }
  .bo_btn.item2 a { width: calc(50% - 6.6666px); }
  .bo_btn.item2 a:first-of-type { margin-left: 0; }
  .bo_btn.item3 a { width: calc(33.3333% - 6.6666px); }
  .bo_btn.item3 a:first-of-type { margin-left: 0; } }

.survey { margin-top: 100px; }

.survey > div { padding: 35px; padding-right: 0; background-color: #f7f8f9; border: 1px solid #dfdfdf; }

.survey > div:after { content: ''; display: block; clear: both; }

.survey > div strong { display: block; font-size: 17px; color: #000; padding-left: 36px; margin-bottom: 10px; background: url("/www-new/css/../images/common/icon_survey.png") no-repeat left center; }

.survey > div .form_list { float: left; line-height: 44px; margin-right: 35px; }

.survey > div .form_list li .radio { vertical-align: -4px; }

.survey > div .btn1 { float: right; margin-right: 35px; height: 44px; outline-offset: 4px; }

.survey dl { border: 1px solid #dfdfdf; border-top: 0; padding: 20px 35px; color: #000; }

.survey dl dt, .survey dl dd { float: left; }

.survey dl dt { font-weight: 500; padding-left: 21px; position: relative; }

.survey dl dt:before { position: absolute; left: 0; top: 6px; content: ''; width: 1px; height: 12px; background-color: #ccc; }

.survey dl dt:after { display: inline-block; padding: 0 8px; content: ':'; }

.survey dl dt:first-of-type { padding-left: 0; }

.survey dl dt:first-of-type:before { content: none; }

.survey dl dd { padding-right: 20px; }

.survey dl dd span { font-weight: 500; }

@media screen and (max-width: 737px) { .survey { margin-top: 50px; }
  .survey > div { padding: 20px; }
  .survey > div strong { font-size: 16px; padding-left: 27px; background-size: 20px auto; }
  .survey > div .form_list { float: left; line-height: 28px; margin-right: 20px; }
  .survey > div .form_list li .radio { vertical-align: -4px; }
  .survey > div .btn1 { float: left; clear: both; margin-top: 10px; height: 33px; line-height: 33px; }
  .survey dl { padding: 18px 20px; }
  .survey dl dt, .survey dl dd { margin: 2px 0; }
  .survey dl dt { clear: both; padding-left: 0; }
  .survey dl dt:before { content: none; }
  .survey dl dt:after { padding: 0 7px; }
  .survey dl dd { padding-right: 0; } }

.board_thumb { border-top: 2px solid #000; }

.board_thumb > li { border-bottom: 1px solid #ccc; padding: 20px; }

.board_thumb > li a { display: block; }

.board_thumb > li a:after { content: ''; display: block; clear: both; }

.board_thumb > li a .thumb { float: left; width: 300px; text-align: center; margin-right: 30px; }

.board_thumb > li a strong { display: block; font-weight: bold; color: #000; margin-bottom: 10px; }

.board_thumb > li a p { position: relative; text-overflow: ellipsis; overflow: hidden; display: -webkit-box; -webkit-line-clamp: 3; -webkit-box-orient: vertical; line-height: 1.4; height: 4.2em; }

@media screen and (max-width: 737px) { .board_thumb { border-top: 0; }
  .board_thumb > li { border-top: 2px solid #000; margin-bottom: 20px; }
  .board_thumb > li a .thumb { float: none; width: 100%; margin: 0 auto 20px; text-align: left; } }

.board_card > :nth-child(n) { float: left; width: calc(25% - 15px); margin-right: 20px; }

.board_card > :nth-of-type(4n) { margin-right: 0; }

.board_card > :not(:nth-of-type(4n + 1)) { clear: none; }

.board_card > :nth-of-type(4n + 1) { clear: both; }

.board_card > li { border: 1px solid #ccc; padding: 30px; margin-bottom: 20px; }

.board_card > li a { display: block; }

.board_card > li a .thumb { text-align: center; margin-bottom: 20px; }

.board_card > li a strong { display: block; font-weight: bold; color: #000; margin-bottom: 10px; }

.board_card > li a p { position: relative; text-overflow: ellipsis; overflow: hidden; display: -webkit-box; -webkit-line-clamp: 3; -webkit-box-orient: vertical; line-height: 1.4; height: 4.2em; }

@media screen and (max-width: 737px) { .board_card > :nth-child(n) { float: left; width: calc(50% - 5px); margin-right: 10px; }
  .board_card > :nth-of-type(2n) { margin-right: 0; }
  .board_card > :not(:nth-of-type(2n + 1)) { clear: none; }
  .board_card > :nth-of-type(2n + 1) { clear: both; }
  .board_card > li { margin-bottom: 10px; } }

.file_down { display: inline-block; vertical-align: middle; line-height: 26px; font-size: 16px; padding-right: 24px; background: url("/www-new/css/../images/common/icon_board_file_down.png") no-repeat right top 6px; }

.file_down img { display: inline-block; margin-right: 7px; }

@media screen and (max-width: 737px) { .file_down { font-size: 14px; line-height: 20px; background-size: 15px auto; padding-right: 21px; background-position: right center; }
  .file_down img { margin-right: 5px; width: 20px; } }

.photo_frame { text-align: center; margin-bottom: 40px; }

.photo_frame .img { margin: auto; max-width: 645px; height: 388px; padding: 34px 32px; background: url("/www-new/css/../images/sub/photo_frame.png") no-repeat center/cover; }

.photo_frame .btn_link { margin-top: 25px; }

@media screen and (max-width: 737px) { .photo_frame { margin-bottom: 30px; }
  .photo_frame .img { width: 100%; max-width: none; padding: 5vw 4vw; height: auto; background-image: url("/www-new/css/../images/sub/photo_frame_m.png"); background-size: 100% auto; }
  .photo_frame .btn_link { margin-top: 20px; } }

.no_data { display: table; width: 100%; height: 376px; text-align: center; border-top: 2px solid #000; border-bottom: 1px solid #dfdfdf; }

.no_data span { display: table-cell; vertical-align: middle; font-size: 17px; color: #000000; }

@media screen and (max-width: 737px) { .no_data { height: 197px; }
  .no_data span { font-size: 15px; } }

/*드롭다운 리스트형*/
.list_dropdown { border-top: 2px solid #222; font-size: 18px; }

.list_dropdown dt, .list_dropdown dd { border-bottom: 1px solid #dfdfdf; }

.list_dropdown dt { padding: 25px 30px; background: url("/www-new/css/../images/common/ico_question_off.png") no-repeat left 30px top 22px; }

.list_dropdown dt a { display: block; width: 100%; padding-left: 50px; padding-right: 70px; background: url("/www-new/css/../images/common/arrow_down.png") no-repeat right center; }

.list_dropdown dt.active { background-image: url("/www-new/css/../images/common/ico_question_on.png"); }

.list_dropdown dt.active a { background-image: url("/www-new/css/../images/common/arrow_up.png"); color: #9c1d1d; font-weight: 800;}

.list_dropdown dt.null { background: none; text-align: center; }

.list_dropdown dd { display: none; background: url("/www-new/css/../images/common/ico_answer.png") no-repeat left 30px top 20px; background-color: #f7f8f9; }

.list_dropdown dd > div { padding: 25px 30px 30px; padding-left: 80px; }

@media screen and (max-width: 737px) { .list_dropdown { font-size: 14px; }
  .list_dropdown dt, .list_dropdown dd { background-size: 27px; }
  .list_dropdown dt { padding: 23px 15px; background-position: left 15px top 20px; }
  .list_dropdown dt.active a { background-image: none; }
  .list_dropdown dt a { padding-left: 38px; padding-right: 15px; background-image: none; }
  .list_dropdown dd { background-position: left 15px top 20px; }
  .list_dropdown dd > div { padding: 23px 15px; padding-left: 53px; } }

/*드롭다운 리스트형2*/
.list_dropdown2 { border-top: 1px solid #dfdfdf; }

.list_dropdown2 .dot ul > li, .list_dropdown2 .dot .num > li { padding-left: 8px; position: relative; text-indent: 0; margin-bottom: 0.2em; }

.list_dropdown2 .dot ul > li:last-of-type, .list_dropdown2 .dot .num > li:last-of-type { margin-bottom: 0; }

.list_dropdown2 .dot ul > li:before, .list_dropdown2 .dot .num > li:before { content: ''; width: 4px; height: 1px; background-color: #000; position: absolute; left: 0; top: 0.6em; }

.list_dropdown2 dt, .list_dropdown2 dd { border-bottom: 1px solid #dfdfdf; }

.list_dropdown2 dt { font-size: 18px; }

.list_dropdown2 dt a { display: block; width: 100%; padding: 22px 70px 22px 30px; background: url("/www-new/css/../images/common/arrow_down.png") no-repeat right 30px center; }

.list_dropdown2 dt.active a { background-image: url("/www-new/css/../images/common/arrow_up.png"); color: #9c1d1d; font-weight: 800;}

.list_dropdown2 dd { display: none; background-color: #f7f8f9; }

.list_dropdown2 dd > div { padding: 25px 30px; }

@media screen and (max-width: 737px) { .list_dropdown2 dt, .list_dropdown2 dd { background-size: 27px; }
  .list_dropdown2 dt { font-size: 14px; }
  .list_dropdown2 dt a { padding: 23px 15px; background-image: none; }
  .list_dropdown2 dt.active a { background-image: none; }
  .list_dropdown2 dd > div { padding: 23px 15px; } }

/*메인 공통*/
.con_tit { font-size: 50px; font-weight: 700; line-height: 1; letter-spacing: -0.05em; margin-bottom: 16px; }

.con_tit span {color: #877456;}

.con_tit + span { display: block; }

@media screen and (max-width: 1300px) { .con_tit { text-align: center; }
  .con_tit + span { text-align: center; margin-top: 0.4em; } }

@media screen and (max-width: 737px) { .con_tit { font-size: 32px; }
  .con_tit + span { font-size: 11px; } }

.main { /*메인배너*/ /*외교부 소식*/ /*배너*/ /*알림판*/ /*자주찾는 서비스*/ /*자주찾는 서비스 세팅*/ /*sns, 독도, 동해*/ /*외교부 소셜 미디어 채널*/ /*sec5 재외공관&열린장관실*/ }

.main:after { content: ''; display: block; clear: both; }

.main .main_banner { position: relative; }

.main .main_banner:before { content: 'M \00a0 O \00a0 F \00a0 A'; font-size: 345px; position: absolute; left: 50%; font-family: "Noto Sans", "sans-serif"; top: 50%; -webkit-transform: translate(-50%, -50%); transform: translate(-50%, -50%); color: #eeeeee; font-weight: 600; white-space: nowrap; }

.main .main_banner .slide { margin-top: 48px; }

.main .main_banner .slide .item { position: relative; display: block; max-width: 940px; width: 100%; margin: auto; text-align: center; margin: 0 145px 70px; }

.main .main_banner .slide .item .img { width: 100%; height: 0; padding-top: 51.84%; display: inline-block; -webkit-box-shadow: 0 15px 48px 0 rgba(0, 0, 0, 0.28); box-shadow: 0 15px 48px 0 rgba(0, 0, 0, 0.28); position: relative; }

.main .main_banner .slide .item .img img, .main .main_banner .slide .item .img iframe { position: absolute; left: 0; top: 0; bottom: 0; width: 100%; height: 100%; min-height: auto; }

.main .main_banner .slide .item > div:not(.img) { opacity: 0; position: absolute; left: -50px; bottom: 43px; -webkit-transition: 0.3s; transition: 0.3s; background-color: rgba(0, 0, 0, 0.85); padding: 45px 40px; width: 310px; height: 212px; text-align: left; -webkit-box-shadow: 0 26px 50px rgba(0, 0, 0, 0.25); box-shadow: 0 26px 50px rgba(0, 0, 0, 0.25); }

.main .main_banner .slide .item > div:not(.img).lg { width: 100%; bottom: 0; left: 0; height: auto; padding-right: 80px; -webkit-box-shadow: none; box-shadow: none; }

@media screen and (min-width: 1300px) { 
  .main .main_banner .slide .item > div:not(.img).lg { padding: 22px 40px; }
  .main .main_banner .slide .item > div:not(.img).lg span { margin-bottom: 5px; }
  .main .main_banner .slide .item > div:not(.img).lg div { max-width: 100%; text-overflow: ellipsis; overflow: hidden; white-space: nowrap; display: block; } 
}

.main .main_banner .slide .item > div:not(.img) span { display: inline-block; font-size: 14px; font-family: "Noto Sans", "sans-serif"; font-weight: bold; color: #a6937c; margin-bottom: 20px; }

.main .main_banner .slide .item > div:not(.img) div { text-overflow: ellipsis; overflow: hidden; display: -webkit-box; -webkit-line-clamp: 3; -webkit-box-orient: vertical; font-size: 22px; line-height: 1.2; font-weight: 500; color: #fff; }

.main .main_banner .slide .item.slick-active > div:not(.img) { opacity: 1; }

.main .main_banner .control { position: absolute; left: 50%; max-width: 970px; width: 100%; bottom: 143px; font-size: 0; color: #fff; font-family: "GmarketSans", "sans-serif"; font-weight: 500; -webkit-transform: translateX(-50%); transform: translateX(-50%); text-align: right; margin-left: 82px; }

.main .main_banner .control > :nth-child(n) { display: inline-block; font-size: 17px; border-right: 1px solid #ececec; vertical-align: top; }

.main .main_banner .control > :nth-child(n):last-child { border: 0; }

.main .main_banner .control button,
.main .main_banner .control .view_all { width: 48px; height: 48px; overflow: hidden; text-indent: 48px; background-color: #fff; white-space: nowrap; -webkit-box-shadow: 15px 0 40px rgba(0, 0, 0, 0.1); box-shadow: 15px 0 40px rgba(0, 0, 0, 0.1); }

.main .main_banner .control button.next { background: #fff url("/www-new/css/../images/main/btn_mb_next.png") no-repeat center center; }

.main .main_banner .control button.prev { background: #fff url("/www-new/css/../images/main/btn_mb_prev.png") no-repeat center center; }

.main .main_banner .control button.pause { background: #fff url("/www-new/css/../images/main/btn_mb_pause.png") no-repeat center center; }

.main .main_banner .control button.play { background: #fff url("/www-new/css/../images/main/btn_mb_play.png") no-repeat center center; }

.main .main_banner .control .view_all { display: inline-block; position: relative; background-color: #877456; }

.main .main_banner .control .view_all span { position: absolute; display: block; left: 50%; top: 50%; width: 2px; height: 12px; margin: 0; background-color: #fff; }

.main .main_banner .control .view_all span.line-1 { transform: translate(-50%, -50%) rotate(0deg); }

.main .main_banner .control .view_all span.line-2 { transform: translate(-50%, -50%) rotate(90deg); }

@media screen and (min-width: 737px) { 
	.main .main_banner .control button,
	.main .main_banner .control .view_all { -webkit-transition: 0.4s; transition: 0.4s; }
  .main .main_banner .control button:hover.next { background-color: #000; background-image: url("/www-new/css/../images/main/btn_mb_next_on.png"); }
  .main .main_banner .control button:hover.prev { background-color: #000; background-image: url("/www-new/css/../images/main/btn_mb_prev_on.png"); }
  .main .main_banner .control button:hover.pause { background-color: #000; background-image: url("/www-new/css/../images/main/btn_mb_pause_on.png"); }
  .main .main_banner .control button:hover.play { background-color: #000; background-image: url("/www-new/css/../images/main/btn_mb_play_on.png"); }
  .main .main_banner .control .view_all:hover { background-color: #000; } 
  }

@media screen and (max-width: 1299px) { 
  .main .main_banner:before { content: none; }
  .main .main_banner .slide { margin-top: 30px; padding: 0 30px; }
  .main .main_banner .slide .item { height: auto; margin: 0 auto 145px; max-width: none; width: 100%; }
  .main .main_banner .slide .item .img { -webkit-box-shadow: none; box-shadow: none; width: 100%; height: auto; }
  .main .main_banner .slide .item > div:not(.img) { opacity: 1; position: absolute; left: 50%; bottom: -68px; width: calc(100% - 100px); max-width: 570px; -webkit-transform: translateX(-50%); transform: translateX(-50%); height: auto; -webkit-box-shadow: 0 13px 25px rgba(0, 0, 0, 0.25); box-shadow: 0 13px 25px rgba(0, 0, 0, 0.25); }
  .main .main_banner .slide .item > div:not(.img).lg { left: 50%; bottom: -68px; width: calc(100% - 100px); padding-right: 40px; }
  .main .main_banner .slide .item > div:not(.img) > span { margin-bottom: 16px; }
  .main .main_banner .slide .item > div:not(.img) > div { text-overflow: ellipsis; overflow: hidden; display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical; }
  .main .main_banner .control { position: absolute; left: 50%; bottom: 0; width: auto; text-align: center; margin-left: 0; -webkit-box-shadow: 0 13px 25px rgba(0, 0, 0, 0.25); box-shadow: 0 13px 25px rgba(0, 0, 0, 0.25); } 
}

@media screen and (max-width: 737px) { 
  .main .main_banner .slide { margin-top: 0px; padding: 0 15px; }
  .main .main_banner .slide .item { margin: 16px auto 122px; }
  .main .main_banner .slide .item .img { height: auto; width: 100%; }
  .main .main_banner .slide .item > div:not(.img) { width: calc(100% - 100px); padding: 20px; min-height: 109px; -webkit-box-shadow: none; box-shadow: none; }
  .main .main_banner .slide .item > div:not(.img) span { margin-bottom: 9px; font-size: 13px; }
  .main .main_banner .slide .item > div:not(.img) > div { text-overflow: ellipsis; overflow: hidden; display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical; font-size: 15px; }
  .main .main_banner .control { position: absolute; left: 50%; bottom: 0; width: auto; text-align: center; margin-left: 0; -webkit-box-shadow: 0 13px 25px rgba(0, 0, 0, 0.25); box-shadow: 0 13px 25px rgba(0, 0, 0, 0.25); }
  .main .main_banner .control button,
  .main .main_banner .control .view_all { width: 40px; height: 40px; text-indent: 40px; } 
}

@media screen and (max-width: 450px) {
/*   .main .main_banner .slide .item .img { z-index: 2; } */
/*   .main .main_banner .slide .item > div:not(.img) { width: 100%; min-height: 105px; bottom: -100px; } */
/*   .main .main_banner .slide .item > div:not(.img).lg { width: 100%; bottom: -100px; padding-right: 24px; } */
}


.main .sec2 { padding-bottom: 80px; position: relative; }

.main .sec2:before { content: ''; position: absolute; left: 0; bottom: 0; /* right: calc(50% + 430px); */ width: calc(50% - 430px); height: 130px; /* height: 270px; */ background-color: #f5f5f5; display: block; z-index: -1; }

.main .sec2 .sec2-wrap { width: 100%; height: 320px; margin: 0 auto; position: relative; display: flex; align-items: flex-start; justify-content: center; gap: 0px 48px; }

.main .sec2 .sec2-wrap > div { /* width: 100%; */ margin: 0 auto; position: relative; }

@media screen and (max-width: 1300px) {
  .main .sec2:before { bottom: auto; top: 42px; right: calc(40% + 65px); width: calc(40% - 65px); height: 250px; }
  .main .sec2 .sec2-wrap { height: 340px; gap: 0px 36px; margin-top: 40px; }
}

@media screen and (max-width: 900px) {
  .main .sec2 { padding-bottom: 40px; }
  .main .sec2:before { top: 0px; right: calc(50% + 65px); width: calc(50% - 65px); height: 250px; }
  .main .sec2 .sec2-wrap { height: 100%; flex-direction: column; margin-top: 0; }
}

@media screen and (max-width: 737px) {
  .main .sec2 { padding-bottom: 0px; }
  .main .sec2:before { height: 115px; right: calc(50% + 32px); width: calc(50% - 32px); }
}

.main .news { width: 54%; position: relative; }

.main .news .con_tit { margin-top: 20px; }

.main .news .tab_box { position: relative; text-align: right; margin-top: -68px; }

.main .news .tab_box > li { display: inline-block; margin-left: 10px; }

.main .news .tab_box > li:first-of-type { margin-left: 0; }

.main .news .tab_box > li > button { position: relative; top: 12px; width: 80px; height: 32px; color: #000; font-weight: 500; font-size: 14px; border: 1px solid #000; background-color: #fff; }

.main .news .tab_box > li > button:hover { color: #fff; -webkit-box-shadow: 5px 12px 22px rgba(0, 0, 0, 0.15); box-shadow: 5px 12px 22px rgba(0, 0, 0, 0.15); background-color: #000; text-align: center; }

.main .news .tab_box > li > div { display: none; position: absolute; left: 0; top: 48px; width: 100%; padding-top: 8px; }

.main .news .tab_box > li > div > .more { position: absolute; font-size: 16px; color: #000; font-weight: 500; padding-right: 45px; background: url("/www-new/css/../images/main/arrow_more1.png") no-repeat right 12px; line-height: 33px; display: block; right: 0; top: 12px; }

.main .news .tab_box > li > div > .more:before { content: ''; position: absolute; left: -16px; top: 0; width: 33px; height: 33px; display: block; background-color: #f5f5f5; border-radius: 33px; z-index: -1; }

.main .news .tab_box > li.active > button { color: #fff; -webkit-box-shadow: 5px 12px 22px rgba(0, 0, 0, 0.15); box-shadow: 5px 12px 22px rgba(0, 0, 0, 0.15); background-color: #000; text-align: center; font-weight: 800; }

.main .news .tab_box > li.active > button:focus {border: 4px solid #ffffff;outline-offset: -2px;outline-color: #ff0000;}

.main .news .tab_box > li.active > div { display: block; }


.main .news .tab_box ol { margin-top: 40px; text-align: left; position: relative; }

.main .news .tab_box ol > li { width: 100%; height: auto; min-height: 40px; display: flex; align-items: center; justify-content: center; }

.main .news .tab_box ol > li + li { margin-top: 24px !important; }

.main .news .tab_box ol > li > .list_tit {}

.main .news .tab_box ol > li > div { display: flex; align-items: center; justify-content: space-between; width: 100%; margin: 0 auto; position: relative; }

.main .news .tab_box ol > li > div .list_tit { margin-left: 20px; }

.main .news .tab_box ol > li > .list_tit, 
.main .news .tab_box ol > li > div .list_tit { display: flex; align-items: center; justify-content: space-between; width: 100%; min-height: 40px; position: relative; }

.main .news .tab_box ol > li > a span,
.main .news .tab_box ol > li > div span { display: none; font-size: 14px; font-weight: 600; position: relative; padding-bottom: 10px; margin-left: 2px; }

.main .news .tab_box ol > li > a span:before,
.main .news .tab_box ol > li > div span:before { content: ''; width: 40px; height: 2px; background-color: #000; position: absolute; left: 0; bottom: 0; }

.main .news .tab_box ol > li > a b,
.main .news .tab_box ol > li > div b { 
    /* display: block; color: #877456; font-size: 38px; font-weight: 500; padding-top: 7px; margin-bottom: 6px; position: relative; */
    display: flex;
    align-items: center;
    justify-content: center;
    width: 80px;
    height: 40px;
    position: relative;
    background-color: #f4f2ef;
    border: 1px solid #877456;
    font-weight: 500;
    font-size: 14px;
    color: #877456;
}


.main .news .tab_box ol > li > a b:after,
.main .news .tab_box ol > li > div b:after { 
    /* content: ''; width: 24px; height: 24px; background: #877456 url("/www-new/css/../images/main/icon_news_off.png") no-repeat center; -webkit-box-sizing: border-box; box-sizing: border-box; display: inline-block; vertical-align: 4px; float: right; position: absolute; right: 0; top: 50%; margin-top: -12px; */
    content: "";
    display: block;
    width: 24px;
    height: 24px;
    background: #877456 url(/www-new/css/../images/main/icon_news_off.png) no-repeat center;
    box-sizing: border-box;
    position: absolute;
    right: -12px;
    top: -12px;
}

.main .news .tab_box ol > li > a b:hover:after, 
.main .news .tab_box ol > li > div b:hover:after {
  border: 1px solid #877456;
  background: #fff url(/www-new/css/../images/main/icon_news_on.png) no-repeat center;
}

.main .news .tab_box ol > li > a strong, 
.main .news .tab_box ol > li > div strong {
  /* max-width: 100%; text-overflow: ellipsis; overflow: hidden; white-space: nowrap; display: block; font-size: 22px; font-weight: 500; margin-top: 26px; margin-bottom: 15px; color: #000; */
  display: -webkit-box;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 1;
  overflow: hidden;
  text-overflow: ellipsis;
  font-size: 18px;
  font-weight: 500;
  color: #000;
}

.main .news .tab_box ol > li > a em, 
.main .news .tab_box ol > li > div em { display: block; width: auto; padding-left: 8px; font-size: 14px; color: #777; text-align: right; white-space: nowrap;  /* font-size: 14px; color: #777; display: block; margin-top: 11px; */ }

.main .news .tab_box ol > li > a p, 
.main .news .tab_box ol > li > div p { text-overflow: ellipsis; overflow: hidden; display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical; font-size: 16px; line-height: 1.5em; height: 3em; word-break: keep-all; overflow: hidden; margin: 0; }

@media screen and (min-width: 737px) { 
  .main .news .tab_box ol > li > a b:after,
  .main .news .tab_box ol > li > div b:after { -webkit-transition: 0.3s; transition: 0.3s; }
  .main .news .tab_box ol > li > a b:hover:after,
  .main .news .tab_box ol > li > div b:hover:after { border: 1px solid #877456; background: #fff url("/www-new/css/../images/main/icon_news_on.png") no-repeat center; }
}

@media screen and (max-width: 1300px) {
  .main .news { width: 58%; }
  .main .news .con_tit { text-align: left; margin-top: 0; }
  .main .news .con_tit + span { text-align: left; }
  .main .news .tab_box { text-align: left; margin-top: 8px; }
  .main .news .tab_box > li { margin-left: 8px; }
  .main .news .tab_box > li > button { width: 80px; height: 36px; }
  .main .news .tab_box > li > div { padding-top: 0px; }
  .main .news .tab_box > li > div > .more { display: inline-block; top: -34px; right: 0; padding-right: 42px; padding-left: 16px; }
  .main .news .tab_box > li > div > .more:before { left: 0; }
  .main .news .tab_box ol { margin-top: 24px; }
  .main .news .tab_box ol > li { height: auto; }
  .main .news .tab_box ol > li > a, .main .news .tab_box ol > li > div { padding: 0; }
  .main .news .tab_box ol > li > a strong, 
  .main .news .tab_box ol > li > div strong { font-size: 16px; }
}

@media screen and (max-width: 900px) {
  .main .news { width: 100%; padding-top: 50px; }
  .main .news .con_tit { text-align: center; margin-top: 0; }
  .main .news .con_tit + span { text-align: center; }
  .main .news .tab_box { text-align: center; margin-top: 24px; }
  .main .news .tab_box > li > button { width: 152px; height: 48px; font-size: 16px; }
  .main .news .tab_box > li > div { padding-top: 40px; }
  .main .news .tab_box > li > div > .more { position: relative; top: 0; margin-top: 24px; }
  /* .main .news .tab_box ol.total > li > div {} */
  .main .news .tab_box ol > li { height: auto; padding: 12px 0; border-bottom: 1px solid #f3f3f3; }
  .main .news .tab_box ol > li:first-of-type { padding-top: 0; }
  .main .news .tab_box ol > li:last-of-type { border-bottom: 0; padding-bottom: 0; }
  .main .news .tab_box ol > li > .list_tit, 
  .main .news .tab_box ol > li > div .list_tit { flex-direction: column; align-items: flex-start; }
  .main .news .tab_box ol > li > a b, 
  .main .news .tab_box ol > li > div b { width: 80px; height: 50px; position: relative; font-size: 16px; padding: 0; border: unset; }
  .main .news .tab_box ol > li > a b:after, .main .news .tab_box ol > li > div b:after { position: absolute; right: -8px; top: -8px; margin-top: 0; width: 18px; height: 18px; background-size: 8px auto; }
  .main .news .tab_box ol > li > a strong, 
  .main .news .tab_box ol > li > div strong { font-size: 20px; }
  .main .news .tab_box ol > li > a strong + p, 
  .main .news .tab_box ol > li > div strong + p { display: none; }
  .main .news .tab_box ol > li > a p, 
  .main .news .tab_box ol > li > div p { font-size: 16px; }
  .main .news .tab_box ol > li > a em, 
  .main .news .tab_box ol > li > div em { font-size: 15px; margin-top: 6px; padding-left: 0px; }
}

@media screen and (max-width: 737px) { 
  .main .news { max-width: 400px; padding-top: 25px; }
  .main .news .tab_box { margin-top: 0px; width: 100%; display: flex; align-items: flex-start; justify-content: center; }
  .main .news .tab_box > li { width: 25%; margin-left: 0; }
  .main .news .tab_box > li > button { width: 100%; height: 37px; font-size: 14px; border-left: 0; }
  .main .news .tab_box > li:first-of-type button { border-left: 1px solid #000; }
  .main .news .tab_box > li.active > button { -webkit-box-shadow: 5px 12px 22px rgba(0, 0, 0, 0.15); box-shadow: 5px 12px 22px rgba(0, 0, 0, 0.15); }
  .main .news .tab_box > li > div { top: 80px; padding-top: 0px; }
  .main .news .tab_box > li > div > .more { font-size: 14px; background-size: 29px auto; background-position: right 10px; line-height: 30px; }
  .main .news .tab_box > li > div > .more:before { width: 30px; height: 30px; left: 0; }
  .main .news .tab_box ol { margin-top: 0px; }
  .main .news .tab_box ol.total > li > div {}
  .main .news .tab_box ol > li + li { margin-top: 0px !important; }  
  .main .news .tab_box ol > li > a b, .main .news .tab_box ol > li > div b { font-size: 14px; width: 45px; height: 35px; line-height: 35px; }
  .main .news .tab_box ol > li > a strong, .main .news .tab_box ol > li > div strong { font-size: 14px; margin-bottom: 2px; }
  .main .news .tab_box ol > li > a p, .main .news .tab_box ol > li > div p { font-size: 14px; }
  .main .news .tab_box ol > li > a em, .main .news .tab_box ol > li > div em { font-size: 13px; } 
}


.main .sec2 .minister { width: 46%; height: inherit; /* background-color: #14296c; */ background-color: #20367b; border-radius: 24px; border-bottom-right-radius: 48px; }

.main .sec2 .minister:before {
  position: absolute;
  top: 50%;
  left: 50%;
  z-index: 0;
  content: "";
  display: none;
  width: 400px;
  height: 660px;
  background-color: #1A3488;
  background-blend-mode: darken;
  opacity: 0.6;
  background-image: url(/www-new/css/../images/common/bg_gnb.jpg);
  background-repeat: no-repeat;
  background-position: 0 0;
  background-size: 100% auto;
  transform: translate(-50%, -50%) rotateX(180deg) rotateY(0deg) rotateZ(90deg);
}

.main .sec2 .minister .minister_link { position: absolute; left: 0; top: -27px; z-index: 1; }

.main .sec2 .minister .minister_link .design {
  width: 172px;
  height: 54px;
  margin: 0;
  background-color: #877456;
  border-radius: 24px 0;
  display: flex;
  align-items: center;
  justify-content: center;
  font-weight: 500;
  font-size: 20px;
  color: #fff;
  outline-offset: -4px;
}

.main .sec2 .minister .minister_link .design:before {
  content: "";
  display: inline-block;
  width: 18px;
  height: 18px;
  background: url(/www-new/css/../images/main/only_logo-white.png) no-repeat center center / 100% 100%;
  margin-right: 4px;
}

.main .sec2 .minister .minister_link .design:after {
  content: "";
  display: none;
  width: 10px;
  height: 10px;
  background: url(/www-new/css/../images/main/icon_news_off.png) no-repeat center center / 100% 100%;
  margin-top: -2px;
  margin-left: 8px;
}

.main .sec2 .minister .content { width: 100%; margin: 8px auto 0; position: relative; display: flex; align-items: center; justify-content: center; gap: 0 8px; }

.main .sec2 .minister .content .typo { margin-top: 60px; font-weight: 600; font-family: "GmarketSans"; color: #f8f9fa;  letter-spacing: -0.2px; text-shadow: 0 2px 16px rgba(0, 0, 0, 0.4); }

.main .sec2 .minister .content .typo p { margin: 0; font-size: 26px; }

.main .sec2 .minister .content .typo b { font-size: 36px; }

.main .sec2 .minister .content .pic { width: 192px; margin: 0; }

.main .sec2 .minister .content .pic img { display: block; width: 100%; margin: 0; }

.main .sec2 .minister .bt_wrap { margin-top: 16px; position: relative; z-index: 1; display: flex; align-items: center; justify-content: center; gap: 0 6px; }

.main .sec2 .minister .bt_wrap > li .bt { display: flex; align-items: center; justify-content: center; width: 104px; height: 40px; background-color: #ffffff; box-shadow: 0px 2px 4px rgba(0, 0, 0, 0.16); line-height: unset; border: none; font-weight: 500; color: #0C3975; }

.main .sec2 .minister .bt_wrap > li .bt:hover { transition: all 0.3s; background-color: #005A9E; color: #fff; }

.main .sec2 .minister .bt_wrap > li .bt2 { background-color: #877456; color: #ffffff; }

/* .main .sec2 .minister > div {display: table;max-width: 820px;margin: auto; height: 520px; padding-left: 30px;padding-right: 30px;} */

/* .main .sec2 .minister > div > div { display: table-cell; vertical-align: middle; } */

.main .sec2 .minister .pic { width: 240px; }

.main .sec2 .minister .txt { padding-left: 45px; }

.main .sec2 .minister .txt h2 { color: #fff; }

.main .sec2 .minister .txt p { font-size: 40px; color: #a6937c; font-weight: 500; margin-top: -2px; line-height: 1.2; }

.main .sec2 .minister .txt p span { color: #fff; font-weight: 600; }

/* 220617 수정 */
.main .sec2 .minister .txt > .bt_wrap { margin-top: 40px; }

.main .sec2 .minister .txt > .bt_wrap > :nth-child(n) { float: left; width: calc(50% - 10px); margin-right: 10px; }

.main .sec2 .minister .txt > .bt_wrap > :nth-child(1),
.main .sec2 .minister .txt > .bt_wrap > :nth-child(2),
.main .sec2 .minister .txt > .bt_wrap > :nth-child(3),
.main .sec2 .minister .txt > .bt_wrap > :nth-child(4) { margin-bottom: 7px; }

.main .sec2 .minister .txt > .bt_wrap > :nth-of-type(2n) { margin-right: 0; }

.main .sec2 .minister .txt > .bt_wrap > :not(:nth-of-type(2n + 1)) { clear: none; }

.main .sec2 .minister .txt > .bt_wrap > :nth-of-type(2n + 1) { clear: both; }

.main .sec2 .minister .txt > .bt_wrap > .bt.type2{ background: #13b5b1; border-color: #73cde5; color: #000; width: calc(100% - 10px); font-weight: 500; }
/* // 220617 수정 */
/* 
.main .sec2 .minister .txt > .bt_wrap { margin-top: 40px; }

.main .sec2 .minister .txt > .bt_wrap > :nth-child(n) { float: left; width: calc(33.33333% - 6px); margin-right: 9px; }

.main .sec2 .minister .txt > .bt_wrap > :nth-of-type(3n) { margin-right: 0; }

.main .sec2 .minister .txt > .bt_wrap > :not(:nth-of-type(3n + 1)) { clear: none; }

.main .sec2 .minister .txt > .bt_wrap > :nth-of-type(3n + 1) { clear: both; } */

@media screen and (max-width: 1300px) { 
  .main .sec2 .minister { width: 42%; display: flex; align-items: center; justify-content: center; flex-direction: row; }
  .main .sec2 .minister .minister_link { top: -24px; }
  .main .sec2 .minister .minister_link .design { width: 140px; height: 48px; border-radius: 16px 0; font-size: 16px; }
  .main .sec2 .minister .minister_link .design:before { width: 15px; height: 15px; }
  .main .sec2 .minister .minister_link .design:after { width: 8px; height: 8px; margin-left: 6px; }
  .main .sec2 .minister .content { width: auto; margin: 0; flex-direction: column; gap: 4px 0; }
  .main .sec2 .minister .content .typo { margin-top: 20px; }
  .main .sec2 .minister .content .typo p { text-align: center; font-weight: 500; font-size: 22px; }
  .main .sec2 .minister .content .typo b { font-weight: 600; font-size: 28px; }
  .main .sec2 .minister .content .pic { width: 160px; margin: 0; }
  .main .sec2 .minister .bt_wrap { flex-direction: column; gap: 8px 0px; margin-top: 20px; margin-left: 2.6vw; }
  .main .sec2 .minister .bt_wrap > li .bt { font-size: 14px; }
}

@media screen and (max-width: 1200px) {
  .main .sec2 .minister .content .typo { margin-top: 32px; }
  .main .sec2 .minister .content .typo p { font-size: 18px; }
  .main .sec2 .minister .content .typo b { font-size: 22px; }
  .main .sec2 .minister .content .pic { width: 150px; }
}

@media screen and (max-width: 900px) {
  .main .sec2 .minister { width: 100%; height: 320px; margin-top: 80px !important; flex-direction: column; }
  .main .sec2 .minister .content { flex-direction: row; }
  .main .sec2 .minister .content .typo {}
  .main .sec2 .minister .content .typo p { text-align: left; font-size: 32px; }
  .main .sec2 .minister .content .typo b { font-size: 36px; }
  .main .sec2 .minister .content .pic { width: 180px; margin-left: 12px; }
  .main .sec2 .minister .bt_wrap { flex-direction: row; margin-left: 0; gap: 0 1.6vw; }
}

@media screen and (max-width: 737px) { 
  .main .sec2 .minister { max-width: 400px; height: 100%; margin-top: 80px !important; padding: 48px 0 24px; flex-direction: row; }
  .main .sec2 .minister .minister_link { left: 50%; top: 16px; transform: translate(-50%, 0px); }
  .main .sec2 .minister .minister_link .design { width: 120px; height: 38px; border-radius: 12px 0; font-size: 14px; }
  .main .sec2 .minister .minister_link .design:before { margin-top: 1px; width: 14px; height: 14px; }
  .main .sec2 .minister .minister_link .design:after { margin-top: 1px; }
  .main .sec2 .minister .content { flex-direction: column; }
  .main .sec2 .minister .content .typo {}
  .main .sec2 .minister .content .typo p { text-align: center; font-size: 16px; }
  .main .sec2 .minister .content .typo b { font-size: 18px; }
  .main .sec2 .minister .content .pic { max-width: 145px; width: 100%; margin: 0; }
  .main .sec2 .minister .bt_wrap { flex-direction: column; margin-left: 3.6vw; gap: 6px 0px; }
}

.main .side_banner { padding: 0 0 80px; }

.main .side_banner .container { max-width: 1355px; }

.main .side_banner .slide a:focus{ border: 1px solid #000000;}

.main .side_banner .slide a > div { position: relative; width: 100%; height: 0; padding-top: 9.594%; }

.main .side_banner .slide a > div > img, .main .side_banner .slide a > div > span { position: absolute; left: 0; top: 0; bottom: 0; width: 100%; height: 100%; }

.main .side_banner .slide a > div > span { display: none; }

.main .side_banner .control { text-align: center; margin-top: 16px; }

.main .side_banner .control .pagination_dot { text-align: center; display: inline-block; vertical-align: middle; font-size: 0; line-height: 0; }

.main .side_banner .control .pagination_dot li { float: left; font-size: 9px; line-height: 1; margin: 0 4px; }

.main .side_banner .control .pagination_dot .slick-active button { background-color: #000000; width: 32px; }

.main .side_banner .control .pagination_dot button {-webkit-transition: all 0.3s; transition: all 0.3s; width: 16px;height: 16px; border-radius: 9px; background-color: #95958e; overflow: hidden; text-indent: -300px; outline-offset: 3px; }

/* 220617 수정 */
.main .side_banner .control .pagination_dot:not([role]):after {display:inline-block;content:'';background-color: #000; width: 20px;height: 9px; border-radius: 9px;}

.main .side_banner .control > button { width: 16px; height: 16px; overflow: hidden; text-indent: 50px; vertical-align: middle; white-space: nowrap; margin-left: 10px; }

.main .side_banner .control > button.pause { background: url("/www-new/css/../images/main/btn_sdbanner_pause.png") no-repeat center center; }

.main .side_banner .control > button.play { background: url("/www-new/css/../images/main/btn_sdbanner_play.png") no-repeat center center; }

@media screen and (max-width: 1300px) { .main .side_banner { padding: 50px 0; } }

@media screen and (max-width: 737px) { 
  .main .side_banner { padding: 32px 0 20px; }
  .main .side_banner .slide a > div {padding-top: 28.7878%;}
  .main .side_banner .slide a > div > img { display: none; }
  .main .side_banner .slide a > div > span { display: flex; align-items: center; justify-content: center; } 
  .main .side_banner .control { margin-top: 0px; }
}

.main .sec3 { position: relative; padding-top: 40px; }

.main .sec3:before { content: ''; position: absolute; right: calc(50% + 430px); width: calc(50% - 430px); height: 310px; /* height: 330px; */ top: 0; background-color: #f5f5f5; display: block; z-index: -1; }

.main .sec3 > div { max-width: 1356px; margin: auto; position: relative; }

.main .sec3 > div:after { content: ''; display: block; clear: both; }

@media screen and (max-width: 1670px) { .main .sec3 { padding: 0 30px; padding-top: 0; padding-bottom: 0; }
  .main .sec3:before { top: -40px; } }
  
@media screen and (max-width: 1300px) {
 .main .sec3 { margin-top: 40px; }
}

@media screen and (max-width: 1080px) { .main .sec3:before { content: none; } }

@media screen and (max-width: 737px) { .main .sec3 { padding: 0 15px; } }

.main .notice_banner { float: left; }

.main .notice_banner .slide_wrap { width: 340px; height: 378px; position: relative; }
/* .main .notice_banner .slide_wrap { max-width: 340px; width: 100%; height: auto; position: relative; } */

.main .notice_banner .slide a { display: block; }

.main .notice_banner .slide a:focus { border: 4px solid #ffffff }

.main .notice_banner .slide a .img { position: relative; display: block; width: 100%; height: 0; padding-top: 111.17%; }

.main .notice_banner .slide a .img img { position: absolute; left: 0; top: 0; bottom: 0; width: 100%; height: 100%; }

.main .notice_banner .control { position: absolute; right: 0; bottom: 0; width: 100%; font-size: 0; color: #fff; line-height: 44px; height: 44px; font-weight: 500; background-color: rgba(0, 0, 0, 0.38); text-align: left; padding: 0 18px 0 12px; }

.main .notice_banner .control > :nth-child(n) { display: inline-block; font-size: 16px; vertical-align: middle; }

.main .notice_banner .control .pagination_num { color: rgba(255, 255, 255, 0.9); float: right; }

.main .notice_banner .control .pagination_num .current { color: #fff; }

.main .notice_banner .control button { width: 22px; height: 20px; overflow: hidden; text-indent: 22px; }

.main .notice_banner .control button.next { background: url("/www-new/css/../images/main/btn_imgbd_next.png") no-repeat center center; }

.main .notice_banner .control button.prev { background: url("/www-new/css/../images/main/btn_imgbd_prev.png") no-repeat center center; }

.main .notice_banner .control button.pause { background: url("/www-new/css/../images/main/btn_imgbd_pause.png") no-repeat center center; }

.main .notice_banner .control button.play { background: url("/www-new/css/../images/main/btn_imgbd_play.png") no-repeat center center; }

@media screen and (max-width: 1080px) { 
  .main .notice_banner { padding: 70px 0; width: 100%; float: none; background: url("/www-new/css/../images/main/bg_notice_banner.png") no-repeat center; }
  .main .notice_banner .slide_wrap { max-width: 340px; width: 100%; height: auto; margin: 0 auto; } 
}

@media screen and (max-width: 737px) { 
	.main .notice_banner { background-image: none; padding: 0; width: 100%; height: auto; float: none; margin-top: 40px; margin-bottom: 40px; }
  .main .notice_banner .slide a img { width: 100%; } 
}

.main .info_slide { position: absolute; left: 400px; top: 0; width: 1275px; }

.main .info_slide .slide:after { content: ''; display: block; clear: both; }

.main .info_slide .slide a { display: block; width: 300px; height: 378px; float: left; font-size: 17px; margin-right: 25px; position: relative; background-color: #f5f5f5; color: #000; padding: 73px 42px; opacity: 0.2; -webkit-transition: 0.4s; transition: 0.4s; }

.main .info_slide .slide a span { display: block; height: 42px; font-weight: 500; font-size: 15px; }

.main .info_slide .slide a strong { display: block; font-size: 32px; font-weight: 600; line-height: 38px; margin: 18px 0; letter-spacing: -0.05em; word-break: keep-all; height: 100px; }

.main .info_slide .slide a em { display: block; border-top: 3px solid #000; padding-top: 60px; -webkit-transition: border-color 0.4s; transition: border-color 0.4s; font-weight: 600; }

.main .info_slide .slide a em:after { float: right; content: ''; width: 17px; height: 22px; background: url("/www-new/css/../images/main/arrow_infoslide.png") no-repeat center; -webkit-transition: 0.4s; transition: 0.4s; }

.main .info_slide .slide a img { opacity: 0; position: absolute; left: 0; top: 0; bottom: 0; width: 100%; -webkit-transition: 0.4s; transition: 0.4s; height: 100%; z-index: -1; }

.main .info_slide .slide a.slick-active { opacity: 1; }

.main .info_slide .control { position: absolute; width: 90px; right: 185px; top: 50%; -webkit-transform: translateY(-50%); transform: translateY(-50%); }

.main .info_slide .control button, 
.main .info_slide .control a { display: block; width: 90px; height: 90px; border-radius: 90px; -webkit-transition: all 0.5s cubic-bezier(0.47, 1.64, 0.41, 0.8); transition: all 0.5s cubic-bezier(0.47, 1.64, 0.41, 0.8); outline-offset: 4px;}

.main .info_slide .control .next { background: #3e3e3e url("/www-new/css/../images/main/btn_info_next.png") no-repeat center; }

.main .info_slide .control .setting { background: #877456 url("/www-new/css/../images/main/btn_setting.png") no-repeat center; margin-bottom: 25px; }

@media screen and (min-width: 800px) { 
  .main .info_slide .slide a.slick-active:hover { color: #fff; }
	.main .info_slide .slide a.slick-active:focus { border: 2px solid #000 }
  .main .info_slide .slide a.slick-active:hover em { border-color: #fff; }
  .main .info_slide .slide a.slick-active:hover em:after { background-image: url("/www-new/css/../images/main/arrow_infoslide_on.png"); }
  .main .info_slide .slide a.slick-active:hover img { opacity: 1; }
  .main .info_slide .control .next:hover { -webkit-box-shadow: 0 0 0 12px #e3e3e3; box-shadow: 0 0 0 12px #e3e3e3; }
  .main .info_slide .control .setting:hover { -webkit-box-shadow: 0 0 0 12px #f3eee7; box-shadow: 0 0 0 12px #f3eee7; } 
}

@media screen and (max-width: 1670px) { 
  .main .info_slide { width: calc(100% - 370px); }
  .main .info_slide .control { right: 0; width: 60px; }
  .main .info_slide .control button, .main .info_slide .control a { width: 60px; height: 60px; } 
}

@media screen and (max-width: 1080px) { .main .info_slide { position: relative; left: 0; float: none; padding: 70px 0; width: 100%; } }

/* 자주 찾는 메뉴 모바일버전 - 이전 CSS 스타일 */
/* @media screen and (max-width: 737px) { 
  .main .info_slide { padding: 0; margin-bottom: 15px; position: relative; }
  .main .info_slide:before { content: ''; width: calc(100% + 30px); height: 127px; bottom: 0; left: -15px; display: block; position: absolute; background-color: rgba(255, 255, 255, 0.7); z-index: 1; -webkit-box-shadow: 0 -15px 15px 0 rgba(0, 0, 0, 0.1); box-shadow: 0 -15px 15px 0 rgba(0, 0, 0, 0.1); }
  .main .info_slide .slide { position: relative; height: 493px; overflow-y: auto; overflow-x: hidden; }
  .main .info_slide .slide::-webkit-scrollbar { width: 6px; height: 6px; }
  .main .info_slide .slide::-webkit-scrollbar-thumb { background-color: #86878b; border-radius: 6px; }
  .main .info_slide .slide::-webkit-scrollbar-track { background-color: #cdd0d5; border-radius: 6px; }
  .main .info_slide .slide a { width: 100%; height: 94px; padding: 16px 20px 16px; float: none; margin-right: 0; margin-bottom: 15px; opacity: 1; }
  .main .info_slide .slide a:last-of-type { margin-bottom: 127px; }
  .main .info_slide .slide a span { display: block; font-size: 11px; height: auto; }
  .main .info_slide .slide a span br { display: none; }
  .main .info_slide .slide a strong { font-size: 16px; line-height: 1.4; margin: 4px 0 6px; height: auto; }
  .main .info_slide .slide a em { display: block; border-top: 0; padding-top: 0; font-size: 13px; font-weight: 700; }
  .main .info_slide .slide a em:after { width: 16px; height: 11px; background-size: 16px auto; }
  .main .info_slide .slide a img { display: none; }
  .main .info_slide .control { right: auto; right: initial; left: 0; top: auto; top: initial; bottom: 97px; margin: 0; z-index: 2; text-align: center; -webkit-transform: translateX(0); transform: translateX(0); width: 100%; direction: rtl; }
  .main .info_slide .control button, .main .info_slide .control a { width: 55px; height: 55px; display: inline-block; vertical-align: top; }
  .main .info_slide .control .next { -webkit-transform: rotate(90deg); transform: rotate(90deg); display: none !important; }
  .main .info_slide .control .setting { margin: 0; margin-left: 0; } 
} */
/* // 자주 찾는 메뉴 모바일버전 - 이전 CSS 스타일 */

@media screen and (max-width: 737px) {
  .main .info_slide { max-width: 400px; margin: 0 auto; padding: 0; }
  .main .info_slide .slide a { width: 150px; height: 170px; margin-right: 12px; padding: 24px 24px 0px 24px; }
  .main .info_slide .slide a span { height: auto; font-size: 11px; }
  .main .info_slide .slide a strong { height: 76px; margin: 6px 0 0; line-height: unset; font-size: 16px; }
  .main .info_slide .slide a em { padding-top: 12px; border-top: 1px solid #000; font-size: 13px; }
  .main .info_slide .slide a em:after { margin-top: -2px; }
  .main .info_slide .control .setting { width: 52px; height: 52px; margin-bottom: 12px; }
  .main .info_slide .control .next { width: 52px; height: 52px; }
}

.modal_pop .set_favorite > p { font-size: 18px; }

.modal_pop .set_favorite > ul { margin-right: -20px; }

.modal_pop .set_favorite > ul > li { float: left; margin-right: 20px; margin-top: 20px; }

.modal_pop .set_favorite > ul > li a { display: block; width: 288px; height: 160px; background-color: #f5f5f5; -webkit-transition: 0.4s; transition: 0.4s; position: relative; overflow: hidden; color: #000; padding: 38px 28px 0; z-index: 1; }

.modal_pop .set_favorite > ul > li a span { font-size: 12px; font-weight: 500; }

.modal_pop .set_favorite > ul > li a strong { display: block; font-size: 20px; font-weight: 600; line-height: 26px; margin-top: 7px; }

.modal_pop .set_favorite > ul > li a img { position: absolute; left: 0; top: 50%; margin-top: -180px; z-index: -1; opacity: 0; -webkit-transition: 0.4s; transition: 0.4s; }

.modal_pop .set_favorite > ul > li a.active { color: #fff; }

.modal_pop .set_favorite > ul > li a.active img { opacity: 1; }

.modal_pop .set_favorite > ul > li a.active:after { content: ''; position: absolute; left: 0; top: 0; bottom: 0; width: 100%; height: 100%; background: rgba(77, 77, 77, 0.82) url("/www-new/css/../images/main/chk_favorite.png") no-repeat center; }

.modal_pop .set_favorite .btn_box { text-align: center; margin-top: 50px; font-size: 0; line-height: 0; }

.modal_pop .set_favorite .btn_box a { width: 114px; height: 52px; line-height: 50px; border: 1px solid #ababab; background-color: #fff; display: inline-block; font-size: 16px; }

.modal_pop .set_favorite .btn_box a:focus { outline-offset: 3px; }

.modal_pop .set_favorite .btn_box a.submit { background-color: #000; color: #fff; border-color: #000; margin-right: 10px; }

@media screen and (min-width: 737px) { 
  .modal_pop .set_favorite > ul > li a:hover { color: #fff; }
  .modal_pop .set_favorite > ul > li a:hover img { opacity: 1; } 
}

@media screen and (max-width: 737px) { 
  .modal_pop .set_favorite > p { text-align: center; font-size: 13px; }
  .modal_pop .set_favorite > ul { margin-right: -10px; }
  .modal_pop .set_favorite > ul > li { margin-right: 10px; margin-top: 10px; width: calc(50% - 5px); }
  .modal_pop .set_favorite > ul > li:nth-child(even) { margin-right: 0; }
  .modal_pop .set_favorite > ul > li a { display: table; width: 100%; height: 100px; padding: 0 20px; text-align: center; }
  .modal_pop .set_favorite > ul > li a span { font-size: 15px; display: table-cell; vertical-align: middle; }
  .modal_pop .set_favorite > ul > li a strong { display: none; }
  .modal_pop .set_favorite > ul > li a.active:after { background-size: 35px auto; }
  .modal_pop .set_favorite .btn_box { margin-top: 35px; }
  .modal_pop .set_favorite .btn_box a { width: 103px; height: 45px; line-height: 43px; } 
}

.main .sec4 { position: relative; margin-top: 90px; padding-top: 30px; padding-bottom: 120px; background: url("/www-new/css/../images/main/bg_sns_channel2.jpg") no-repeat center bottom; }

.main .sec4:after { content: ''; display: block; clear: both; }

.main .sec4:before { content: ''; position: absolute; display: block; width: calc(50% - 500px); right: 0; top: 0; height: 330px; background-color: #f5f5f5; }

.main .sec4 .con_tit { margin-bottom: 0px; }

@media screen and (max-width: 1340px) { 
  .main .sec4 { padding-top: 0; margin-top: 80px; padding-bottom: 90px; }
  .main .sec4 .con_tit { text-align: center; }
}

@media screen and (max-width: 1080px) { 
  .main .sec4 {margin-top: 0;background: none;padding-bottom: 40px;}
}

@media screen and (max-width: 737px) { .main .sec4 {margin-top: 48px;} }

@media screen and (max-width: 450px) { .main .sec4 { padding-bottom: 48px; } }


.main .sec4 .sns_box { width: 100%; margin: 0 auto; position: relative; display: flex; align-items: flex-start; justify-content: space-between; -moz-column-gap: 80px; column-gap: 80px; }

.main .sec4 .sns_box .box { margin: 0; position: relative; }

.main .sec4 .sns_box .box .sec4-tit { width: 100%; min-height: 50px; margin-bottom: 40px; }


.main .sec4 .sns_box .box-1 { width: calc(100% - 440px); }

.main .sec4 .sns_box .box-1 .sns_channel { position: relative; display: flex; align-items: center; justify-content: space-between; margin-bottom: 20px; }

.main .sec4 .sns_box .box-1 .sns_channel .sns_channel-list { display: flex; align-items: center; justify-content: center; }

.main .sec4 .sns_box .box-1 .sns_channel .sns_channel-list > li + li { margin-left: 16px; }

.main .sec4 .sns_box .box-1 .sns_channel .sns_channel-list > li a { display: block; width: 48px; height: 48px; margin: 0; border-radius: 50%; outline-offset: 3px; background-color: #ccc; font-size: 12px; transition: all 0.4s; }

.main .sec4 .sns_box .box-1 .sns_channel .sns_channel-list > li a img { display: block; width: 100%; }

/* (slick) 콘텐츠 스타일 */
.main .sec4 .sns_box .box-1 .sns_slide { width: 100%; margin: 0 auto; position: relative; }

.main .sec4 .sns_box .box-1 .sns_slide .slide .slick-list { padding: 20px 26px 20px; }

.main .sec4 .sns_box .box-1 .sns_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; }

.main .sec4 .sns_box .box-1 .sns_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; }

.main .sec4 .sns_box .box-1 .sns_slide .control button.slick-disabled { opacity: 0.45; }

.main .sec4 .sns_box .box-1 .sns_slide .control .prev {
  background-image: url(/www-new/css/../images/main/btn_mb_prev.png);
}

.main .sec4 .sns_box .box-1 .sns_slide .control .next {
  background-image: url(/www-new/css/../images/main/btn_mb_next.png);
}


.main .sec4 .sns_box .box-1 .sns_slide a + a { margin-left: 36px; }

.main .sec4 .sns_box .box-1 .sns_slide a { display: block; width: 264px; height: 370px; margin: 0; padding: 20px 20px 16px 20px; position: relative; background-color: #ffffff; border-radius: 12px; overflow: hidden; transition: all 0.16s; opacity: 0.4; }

.main .sec4 .sns_box .box-1 .sns_slide a.slick-active { transition: all 0.4s; opacity: 1; box-shadow: 0px 4px 16px rgba(0, 0, 0, 0.16); }

.main .sec4 .sns_box .box-1 .sns_slide a p { margin: 0; }

.main .sec4 .sns_box .box-1 .sns_slide a .bring_img { max-width: 224px; width: 100%; max-height: 224px; height: 100%; margin: 0 auto; display: flex; align-items: center; justify-content: center; background-color: #f8f9fa; position: relative; overflow:hidden; }

.main .sec4 .sns_box .box-1 .sns_slide a .bring_img img { display: block; width: 100%; height: 100%; margin: 0 auto; z-index: 1; object-fit: cover; }

.main .sec4 .sns_box .box-1 .sns_slide a.youtube .bring_img img { height: auto; object-fit: unset; }

.main .sec4 .sns_box .box-1 .sns_slide a .bring_img img.bg { display: none; position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%) scale(1.1); width: 100%; height: 100%; z-index: 0; filter: blur(3px) brightness(0.5); }

.main .sec4 .sns_box .box-1 .sns_slide a .bring_txt { margin-top: 16px; display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 2; overflow: hidden; text-overflow: ellipsis; font-size: 14px; }

.main .sec4 .sns_box .box-1 .sns_slide a .icon_wrap { position: absolute; left: 20px; bottom: 16px; display: flex; align-items: center; justify-content: flex-start; -moz-column-gap: 10px; column-gap: 10px; }

.main .sec4 .sns_box .box-1 .sns_slide a .icon_wrap > span { display: block; }

.main .sec4 .sns_box .box-1 .sns_slide a .icon_wrap .icon { width: 28px; height: 28px; border-radius: 50%; margin: 0; background-repeat: no-repeat; background-position: center center; background-size: 100% auto; }

.main .sec4 .sns_box .box-1 .sns_slide a .icon_wrap .date { font-size: 14px; color: #666; }

.main .sec4 .sns_box .box-1 .sns_slide .fb .icon {
  background-image: url(/www-new/css/../images/main/icon_main_sns_facebook.png);
}
.main .sec4 .sns_box .box-1 .sns_slide .insta .icon {
  background-image: url(/www-new/css/../images/main/icon_main_sns_insta.png);
}
.main .sec4 .sns_box .box-1 .sns_slide .x-twitter .icon {
  background-image: url(/www-new/css/../images/main/icon_main_sns_x.png);
}
.main .sec4 .sns_box .box-1 .sns_slide .youtube .icon {
  background-image: url(/www-new/css/../images/main/icon_main_sns_youtube.png);
}

/* 이미지 없을 때, not-img 클래스 스타일 */
/* .main .sec4 .sns_box .box-1 .sns_slide a.not-img .bring_img { min-height: unset; background-color: #f5f5f5; box-shadow: 0px 2px 8px rgb(0 0 0 / 16%); } */

/* .main .sec4 .sns_box .box-1 .sns_slide a.not-img .bring_img:after { content: ''; display: block; position: relative; z-index: 1; padding: 8px 10px; font-weight: 500; } */

/* .main .sec4 .sns_box .box-1 .sns_slide a.fb.not-img .bring_img:after { content: '대한민국 외교부'; } */

/* .main .sec4 .sns_box .box-1 .sns_slide a.x-twitter.not-img .bring_img:after { content: '대한민국 외교부 MOFA_KR'; } */

/* .main .sec4 .sns_box .box-1 .sns_slide a.insta.not-img .bring_img:after { content: '대한민국 외교부 (@mofa_kr)'; } */

/* .main .sec4 .sns_box .box-1 .sns_slide a.youtube.not-img .bring_img:after { content: '외교부 Ministry of Foreign Affairs, Korea'; } */

/* .main .sec4 .sns_box .box-1 .sns_slide a.not-img .bring_img img { display: none; } */

/* .main .sec4 .sns_box .box-1 .sns_slide a.not-img .bring_txt { -webkit-line-clamp: 12; } */

/* .main .sec4 .sns_box .box-1 .sns_slide a.youtube.not-img .bring_txt { -webkit-line-clamp: 11; } */

.main .sec4 .sns_box .box-1 .sns_slide a.not-img .bring_img { background: #f8f9fa url("/www-new/images/main/sns_default.png")  no-repeat center center / 100% auto; }

.main .sec4 .sns_box .box-1 .sns_slide a.not-img .bring_img img { display: none; }
/* 이미지 없을 때, not-img 클래스 스타일 */

/* // (slick) 콘텐츠 스타일 */

.main .sec4 .sns_box .box-2 { width: 360px; }

.main .sec4 .sns_box .box-2 .koreaz-logo { display: flex; align-items: center; }

.main .sec4 .sns_box .box-2 .koreaz-logo .koreaz { display: block; width: 150px; margin: 0; outline-offset: 3px; }

.main .sec4 .sns_box .box-2 .koreaz-logo .koreaz img { display: block; width: 100%; }

.main .sec4 .sns_box .box-2 .koreaz-wrap { width: 100%; position: relative; padding: 20px; background: #ffffff url("/www-new/css/../images/main/koreaz-bg.png") no-repeat 54% -74px / 194% auto; border-radius: 12px; box-shadow: 0px 4px 16px rgba(0, 0, 0, 0.16); }

.main .sec4 .sns_box .box-2 .koreaz-wrap .koreaz-box { width: 100%; margin: 0 auto; position: relative; }

.main .sec4 .sns_box .box-2 .koreaz-wrap .koreaz-box-1 .koreaz-tit { margin-top: 6px; }

.main .sec4 .sns_box .box-2 .koreaz-wrap .koreaz-box-1 .koreaz-tit .koreaz_typo { width: 100%; margin: 0 auto; position: relative; display: flex; align-items: center; justify-content: center; -moz-column-gap: 12px; column-gap: 12px; }

.main .sec4 .sns_box .box-2 .koreaz-wrap .koreaz-box-1 .koreaz-tit .koreaz_typo > span { display: block; width: 103px; margin: 0; }

.main .sec4 .sns_box .box-2 .koreaz-wrap .koreaz-box-1 .koreaz-tit .koreaz_typo > span img { display: block; width: inherit; height: auto; margin: 0; }

.main .sec4 .sns_box .box-2 .koreaz-wrap .koreaz-box-1 .koreaz-link { width: 100%; margin-top: 24px; position: relative; display: flex; align-items: center; justify-content: center; -moz-column-gap: 12px; column-gap: 12px; }

.main .sec4 .sns_box .box-2 .koreaz-wrap .koreaz-box-1 .koreaz-link .bt { width: 104px; height: 36px; margin: 0; position: relative; display: flex; align-items: center; justify-content: center; border: none; background-color: #4d4d4d; color: #ffffff; line-height: 1.4; font-weight: 500; font-size: 14px; transition: all 0.16s; outline-offset: 2px; }

.main .sec4 .sns_box .box-2 .koreaz-wrap .koreaz-box-1 .koreaz-link .bt span { display: block; }

.main .sec4 .sns_box .box-2 .koreaz-wrap .koreaz-box-1 .koreaz-link .bt-1 { background-color: #877456; }

.main .sec4 .sns_box .box-2 .koreaz-wrap .koreaz-box-2 { margin-top: 22px; }

.main .sec4 .sns_box .box-2 .koreaz-wrap .koreaz-box-2 .koreaz-youtube { display: block; width: 100%; margin: 0 auto; position: relative; box-shadow: 0px 0px 16px rgba(0, 0, 0, 0.16); outline-offset: 3px; }

.main .sec4 .sns_box .box-2 .koreaz-wrap .koreaz-box-2 .koreaz-youtube img { display: block; width: 100%; margin: 0; transition: all 0.16s; }

.main .sec4 .sns_box .box-2 .koreaz-wrap .koreaz-box-2 .koreaz-youtube .koreaz-youtube-txt { width: 100%; height: 24px; margin: 0 auto; text-align: center; background-color: #4d4d4d; color: #ffffff; font-size: 12px; display: flex; align-items: center; justify-content: center; transition: all 0.16s; }

  
.main .sec4 .east_area { width: 100%; margin: 60px auto 0; position: relative; display: flex; align-items: center; justify-content: center; -moz-column-gap: 48px; column-gap: 48px; }

.main .sec4 .east_area .ea-cont { width: 50%; height: 80px; margin: 0; position: relative; background-color: #ffffff; display: flex; align-items: center; justify-content: center; border-radius: 10px;
  overflow: hidden; box-shadow: 0px 8px 32px rgba(0, 0, 0, 0.16); }

.main .sec4 .east_area .ea-cont .text-area { width: 50%; margin: 0; position: relative; color: #000000; display: flex; align-items: flex-end; justify-content: center; }

.main .sec4 .east_area .ea-cont .text-area dt { font-weight: 700; font-size: 26px; margin-right: 16px; }

.main .sec4 .east_area .ea-cont .text-area dd { margin-bottom: 1px; }

.main .sec4 .east_area .ea-cont .img-box { width: 50%; height: 100%; margin: 0; position: relative; background-color: #ffffff; background-repeat: no-repeat; background-position: center center; background-size: cover; display: flex; align-items: center; justify-content: flex-end; -moz-column-gap: 16px; column-gap: 16px; }

.main .sec4 .east_area .ea-cont .img-box::after { content: ""; position: absolute; z-index: 0; top: 0; left: 0; width: 100%; height: 100%; background-color: rgba(0, 0, 0, 0.4); }

.main .sec4 .east_area .ea-cont .img-box > a { position: relative; z-index: 1; display: flex; align-items: center; justify-content: center; line-height: 1; font-size: 14px; color: #fff; transition: all 0.16s; text-shadow: 0px 0px 4px rgb(0 0 0 / 40%); }

.main .sec4 .east_area .ea-cont .img-box > a::before { content: ""; position: absolute; z-index: -1; display: block; width: 100%; height: 100%; padding: 6px 8px; background-color: transparent; transition: all 0.16s; }

.main .sec4 .east_area .ea-cont .img-box .link-2 { margin-right: 32px; }

.main .sec4 .east_area .dokdo .img-box { background-image: url("/www-new/css/../images/main/bg_east_dokdo.png"); }
.main .sec4 .east_area .sea .img-box { background-image: url("/www-new/css/../images/main/bg_east_sea.png"); }


/* 외교부 누리소통망 대체 콘텐츠(버튼 5개) - 여권, 비자, 영사민원24, 재외국민 등록, 해외안전여행 */
/* .main .sec4 .sec4-cont .sec4-info { width: 29%; height: 100%; margin: 0; display: grid; grid-template-rows: repeat(5, 24.15%); grid-template-columns: repeat(1, 1fr); grid-row-gap: 4%; align-content: space-between; }

.main .sec4 .sec4-cont .sec4-info li { width: 100%; margin: 0 auto; }

.main .sec4 .sec4-cont .sec4-info li a { width: 100%; height: 100%; margin: 0 auto; background-color: #f5f5f5; box-shadow: 0px 2px 8px transparent; border: 1px solid rgb(0 0 0 / 16%); display: flex; align-items: center; justify-content: center; -webkit-transition: 0.16s; transition: 0.16s; }

.main .sec4 .sec4-cont .sec4-info li a:hover{ -webkit-transition: 0.2s; transition: 0.4s; box-shadow: 0px 0px 16px rgb(0 0 0 / 0.16); border-radius: 8px; }

.main .sec4 .sec4-cont .sec4-info li a img { display: block; width: 80px; margin: 0 auto; }

.main .sec4 .sec4-cont .sec4-info li a span { display: inline-block; width: 40%; margin: 0 auto; font-weight: 600; font-size: 24px; letter-spacing: -0.05em; line-height: 1.4; text-align: center; margin-left: 0px; position: relative; }

.main .sec4 .sec4-cont .sec4-info li a span:before { content: ''; position: absolute; bottom: -2px; left: 50%; transform: translateX(-50%);   display: inline-block; width: 0%; height: 2px; margin: 0 auto; background-color: #000000; border-radius: 16px; -webkit-transition: 0.16s; transition: 0.16s; }

.main .sec4 .sec4-cont .sec4-info li a:hover span:before { -webkit-transition: 0.2s; transition: 0.2s; width: 80%; } */


/* 독도 동해 (국문,영문 대표홈페이지 스타일) */
.east_area {  color: #ffffff; }

.east_area > li { /* margin-bottom: 40px; */ height: 263px; padding: 43px 50px 0; position: relative; background-repeat: no-repeat; background-size: cover; background-position: center; }

.east_area > li h2 {font-size: 34px;margin-bottom: 13px; position: relative; z-index: 1;}

.east_area > li p { font-size: 16px; position: relative; z-index: 1; }

.east_area > li > ul { position: absolute; left: 50px; bottom: 50px; width: calc(100% - 100px); z-index: 1; }

.east_area > li > ul li { width: calc(50% - 5px); margin-right: 10px; float: left; }

.east_area > li > ul li .bt { display: block; border: 1px solid #fff; background-color: rgba(0, 0, 0, 0.4); text-align: center; font-size: 15px; line-height: 45px; outline-offset: 3px; }

.east_area > li > ul li .bt:hover { background-color: #fff; color: #0C3975; }

.east_area > li > ul li:last-of-type { margin-right: 0; }

.east_area > li:last-of-type { margin-bottom: 0; }

.east_area > li.dokdo { background-image: url("/www-new/css/../images/main/bg_east_dokdo.png"); }

.east_area > li.sea { background-image: url("/www-new/css/../images/main/bg_east_sea.png"); }

.east_area > li:after { content: ''; position: absolute; z-index: 0; top: 0; left: 0; width: 100%;  height: 100%; background-color: rgb(0 0 0 / 40%); }
/* // 독도 동해 (국문,영문 대표홈페이지 스타일) */

/* 대한민국 정책 브리핑 */
.policy_briefing { width: 100%; margin: 80px auto 0; position: relative; display: flex; align-items: center; justify-content: space-between; }

.policy_briefing .title { position: relative; display: flex; align-items: center; justify-content: center; padding: 16px 18px; margin-right: 24px; }

.policy_briefing .title::before { content: ""; position: absolute; display: block; width: 100%; height: 100%; border: 3px solid transparent; border-right: none; border-top: none; -o-border-image: linear-gradient(to right, #df2123 0%, #a4328a 52%, #6742dd 99%); border-image: linear-gradient(to right, #df2123 0%, #a4328a 52%, #6742dd 99%); border-image-slice: 1; }

.policy_briefing .title .logo { width: 124px; height: 49px; position: relative; background: url("/www-new/css/../images/common/policy_briefing-logo.svg") no-repeat center center / 100% auto; }

.policy_briefing .title .logo a { display: block; width: 100%; height: 100%; }

.policy_briefing .title .logo a span { position: absolute; top: 50%; width: 1px; height: 1px; padding: 0; margin: -1px; overflow: hidden; border: 0; }

.policy_briefing .pb-slide { width: 100%; margin: 0 auto; position: relative; overflow: auto; }

.policy_briefing .pb-slide a + a { margin-left: 24px; }

.policy_briefing .pb-slide a { max-width: 200px; width: 100%; opacity: 0.2; transition: 0.4s; outline-offset: -1px; }

.policy_briefing .pb-slide a.slick-active { opacity: 1; }

.policy_briefing .pb-slide a span { display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 2; overflow: hidden; text-overflow: ellipsis; font-weight: 500; margin-bottom: 4px; }

.policy_briefing .pb-slide a i { font-size: 14px; color: #777777; }

.policy_briefing .more { margin-left: 20px; }

.policy_briefing .more a { background: url("/www-new/css/../images/main/btn_fbn_more.png") no-repeat right center; padding-right: 18px; font-size: 14px; white-space: nowrap; }
/* // 대한민국 정책 브리핑 */

@media screen and (min-width: 737px) {
    .main .sec4 .sns_box .box-1 .sns_channel .sns_channel-list > li a:hover { transition: all 0.16s; box-shadow: 0px 0px 0px 8px #e3e3e3; }
    .main .sec4 .sns_box .box-1 .sns_slide .control button:hover { background-color: #000; }
    .main .sec4 .sns_box .box-1 .sns_slide .control .prev:hover { background-image: url(/www-new/css/../images/main/btn_mb_prev_on.png); }
    .main .sec4 .sns_box .box-1 .sns_slide .control .next:hover { background-image: url(/www-new/css/../images/main/btn_mb_next_on.png); }
    .main .sec4 .sns_box .box-1 .sns_slide a.slick-active:hover { transition: all 0.1s; box-shadow: 0px 0px 12px rgba(0, 0, 0, 0.4); }
    .main .sec4 .sns_box .box-2 .koreaz-wrap .koreaz-box-1 .koreaz-link .bt:hover { transition: all 0.4s; background-color: #000000; box-shadow: 0px 0px 12px rgba(0, 0, 0, 0.24); }
    .main .sec4 .sns_box .box-2 .koreaz-wrap .koreaz-box-2 .koreaz-youtube:hover { transition: all 0.4s; box-shadow: 0px 0px 16px rgba(0, 0, 0, 0.40); }
    .main .sec4 .sns_box .box-2 .koreaz-wrap .koreaz-box-2 .koreaz-youtube:hover img { transition: all 0.4s; filter: brightness(1.1); }
    .main .sec4 .sns_box .box-2 .koreaz-wrap .koreaz-box-2 .koreaz-youtube:hover .koreaz-youtube-txt { transition: all 0.4s; background-color: #000000; }
    .main .sec4 .east_area .ea-cont .img-box > a:hover { transition: all 0.4s; color: #000000; text-shadow: none; }
    .main .sec4 .east_area .ea-cont .img-box > a:hover::before { transition: all 0.4s; background-color: #fff; }
}

@media screen and (max-width: 1415px) {
    .main .sec4 .sns_box .box-1 .sns_slide .control .next { left: 12px; }
}

@media screen and (max-width: 1340px) {}

@media screen and (max-width: 1300px) { 
    .east_area li { width: 100%; }
}

@media screen and (max-width: 1200px) {
    .main .sec4 .sns_box { justify-content: center; flex-wrap: wrap; gap: 40px 0; }
    .main .sec4 .sns_box .box-1,
    .main .sec4 .sns_box .box-2 { width: 100%; }
    .main .sec4 .sns_box .box-2 .koreaz-logo { margin-bottom: 24px; }
    .main .sec4 .sns_box .box-2 .koreaz-wrap { display: flex; align-items: center; justify-content: center; padding: 0; background-position: center -123px; background-size: cover; }
    .main .sec4 .sns_box .box-2 .koreaz-wrap .koreaz-box-1 .koreaz-tit { margin-top: 16px; }
    .main .sec4 .sns_box .box-2 .koreaz-wrap .koreaz-box-1 .koreaz-tit .koreaz_typo > span { width: 160px; }
    .main .sec4 .sns_box .box-2 .koreaz-wrap .koreaz-box-1 .koreaz-link { margin-top: 28px; }
    .main .sec4 .sns_box .box-2 .koreaz-wrap .koreaz-box-1 .koreaz-link .bt{ width: 132px; height: 42px; }
    .main .sec4 .sns_box .box-2 .koreaz-wrap .koreaz-box-2 { margin: 24px 0; }
    .main .sec4 .sns_box .box-2 .koreaz-wrap .koreaz-box-2 .koreaz-youtube { max-width: 300px; }
}
  
@media screen and (max-width: 1080px) {
    .main .sec4 .sns_box .box-2 .koreaz-wrap { background-position: center -80px; background-size: 110% auto; }
    .main .sec4 .sns_box .box-2 .koreaz-wrap .koreaz-box-1 .koreaz-tit .koreaz_typo > span{ width: 140px; }
    .main .sec4 .east_area { flex-direction: column; gap: 24px 0; }
    .main .sec4 .east_area .ea-cont { width: 100%; }
    .main .sec4 .east_area .ea-cont .text-area { width: 45%; justify-content: flex-start; }
    .main .sec4 .east_area .ea-cont .text-area dt { margin-left: 40px; }
    .main .sec4 .east_area .ea-cont .img-box { width: 55%; }
}

@media screen and (max-width: 737px) {
    .main .sec4 .sns_box .box {
        max-width: 400px;
    }
    .main .sec4 .sns_box .box-1 .sns_channel {
        justify-content: center;
        flex-direction: column;
        gap: 20px 0;
        margin-bottom: 4px;
    }
    .main .sec4 .sns_box .box-1 .sns_channel .sns_channel-list > li a {
        width: 40px;
        height: 40px;
    }
    .main .sec4 .sns_box .box-1 .sns_slide .slide .slick-list {
        padding: 20px 8px 20px;
    }
    .main .sec4 .sns_box .box-1 .sns_slide .control{
        position: relative;
        left: 0;
        top: 0;
        transform: translate(0%, 0%);
        justify-content: center;
        height: auto;
    }
    .main .sec4 .sns_box .box-1 .sns_slide .control button {
        width: 32px;
        height: 32px;
    }
    .main .sec4 .sns_box .box-1 .sns_slide a + a {
        margin-left: 10px;
    }
    .main .sec4 .sns_box .box-1 .sns_slide a {
        width: 148px;
        height: 218px;
        padding: 0;
        border-radius: 8px;
    }
    .main .sec4 .sns_box .box-1 .sns_slide a .bring_img {
        max-width: 148px;
        max-height: 148px;
    }
    .main .sec4 .sns_box .box-1 .sns_slide a .bring_txt {
        margin: 6px 6px 0;
        font-size: 13px;
    }
    .main .sec4 .sns_box .box-1 .sns_slide a .icon_wrap{
        left: 6px;
        bottom: 6px;
        column-gap: 6px;
    }
    .main .sec4 .sns_box .box-1 .sns_slide a .icon_wrap .icon {
        width: 16px;
        height: 16px;
    }
    .main .sec4 .sns_box .box-1 .sns_slide a .icon_wrap .date {
        font-size: 11px;
    }    
/*     .main .sec4 .sns_box .box-1 .sns_slide a.fb.not-img .bring_txt { -webkit-line-clamp: 8; } */
/*     .main .sec4 .sns_box .box-1 .sns_slide a.not-img .bring_txt { -webkit-line-clamp: 7; } */
    
    .main .sec4 .sns_box .box-2 .koreaz-logo {
        display: none;
    }
    .main .sec4 .sns_box .box-2 .koreaz-wrap {
        display: block;
        padding: 24px 0;
        background-position: 80% -11%;
        background-size: 172% auto;
    }
    .main .sec4 .sns_box .box-2 .koreaz-wrap .koreaz-box-1 .koreaz-tit {
        margin-top: 0;
    }
    .main .sec4 .sns_box .box-2 .koreaz-wrap .koreaz-box-1 .koreaz-tit .koreaz_typo > span {
        width: 103px;
    }
    .main .sec4 .sns_box .box-2 .koreaz-wrap .koreaz-box-1 .koreaz-link .bt {
        width: 104px;
        height: 36px;
    }
    .main .sec4 .sns_box .box-2 .koreaz-wrap .koreaz-box-2 {
        margin: 24px 0 0 0;
    }

    .main .sec4 .east_area {
        max-width: 400px;
        margin-top: 32px;
    }

    .main .sec4 .east_area .ea-cont {
        width: 100%;
        height: auto;
        flex-direction: column;
        box-shadow: 0px 4px 16px rgba(0, 0, 0, 0.24);
    }

    .main .sec4 .east_area .ea-cont .text-area {
        width: 100%;
        height: 60px;
        align-items: center;
        justify-content: center;
        flex-direction: column;
    }

    .main .sec4 .east_area .ea-cont .text-area dt {
        margin: 0;
        font-size: 20px;
    }

    .main .sec4 .east_area .ea-cont .text-area dd {
        margin: 2px 0 0px;
        font-size: 12px;
        font-weight: 300;
    }

    .main .sec4 .east_area .ea-cont .img-box {
        width: 100%;
        height: 60px;
        justify-content: center;
    }
    .main .sec4 .east_area .ea-cont .img-box::after {
        background-color: rgba(0, 0, 0, 0.24);
    }

    .main .sec4 .east_area .ea-cont .img-box > a {
        padding: 8px 14px;
        background-color: rgb(0 0 0 / 54%);
        font-size: 13px;
        text-shadow: 0px 0px 4px rgb(0 0 0 / 80%);
    }

    .main .sec4 .east_area .ea-cont .img-box .link-2 {
        margin: 0;
    }


  /* 독도 동해 (국문,영문 대표홈페이지 스타일) */
  .east_area {}
  .east_area > li { margin-bottom: 15px; height: 120px; padding: 18px 35px 0; }
  .east_area > li h2 { display: inline-block; font-size: 20px; }
  .east_area > li p { display: inline-block; margin-left: 8px; font-size: 12px; }
  .east_area > li > ul { left: 35px; bottom: 18px; width: calc(100% - 70px); }
  .east_area > li > ul li { width: calc(50% - 3px); margin-right: 6px; }
  .east_area > li > ul li .bt { font-size: 14px; line-height: 37px; }
  /* // 독도 동해 (국문,영문 대표홈페이지 스타일) */

  /* 대한민국 정책브리핑 */
  .policy_briefing { width: 94%; margin-top: 24px; flex-direction: row; flex-wrap: wrap; }
  .policy_briefing .title { margin: 0; padding: 10px 14px; }
  .policy_briefing .title .logo { width: 84px; height: 33px; }
  .policy_briefing .pb-slide { order: 3; margin-top: 16px; }
  .policy_briefing .pb-slide a + a { margin-left: 8px; }
  .policy_briefing .pb-slide a { max-width: 136px; }
  .policy_briefing .pb-slide a span { margin-bottom: 2px; -webkit-line-clamp: 3; font-size: 13px; }
  .policy_briefing .pb-slide a i { font-size: 11px; }
  .policy_briefing .more { margin: 0; }
  /* // 대한민국 정책브리핑 */
}

@media screen and (max-width: 450px) {}


.main .sec5 { width: 100%; height: 260px; display: flex; align-items: center; justify-content: center; }

@media screen and (max-width: 1200px) {
  /* .main .sec5 {} */
}
@media screen and (max-width: 1080px) {
  .main .sec5 { height: 100%; }
}
@media screen and (max-width: 737px) { 
  /* .main .sec5 > div {} */
}

.main .sec5 .embassy-bg { display: flex; align-items: center; justify-content: center; width: 100%; height: inherit; margin: 0 auto; background: #907c64 url("/www-new/css/../images/main/bg_worldmap.png") no-repeat center / 1000px auto; }

.main .embassy { width: 100%; display: flex; align-items: center; justify-content: center; text-align: center; font-family: "Noto Sans", "sans-serif"; }

.main .embassy > div { width: 50%; margin: 0 auto; position: relative; }

.main .embassy .embassy-title { display: flex; align-items: center; justify-content: center; margin-left: 80px; }

.main .embassy .embassy-title h2 { display: flex; align-items: center; justify-content: center; text-align: left; margin-top: -0.2em; color: #fff; white-space: nowrap; }

.main .embassy .embassy-title h2:after { content: ''; display: block; clear: both; }

.main .embassy .embassy-title h2 b { display: block; font-size: 64px; font-weight: 500; padding-left: 50px; background: url("/www-new/css/../images/main/icon_embassy_tit.png") no-repeat left center / 40px auto; }

.main .embassy .embassy-title h2 p { margin: 18px 0 0 16px; font-weight: 700; font-size: 40px; }

.main .embassy .embassy-title h2 p em { display: block; font-size: 26px; }

.main .embassy .embassy-title h2 p span {}

.main .embassy .embassy-cont { margin-top: 12px; margin-right: 80px; }

.main .embassy .embassy-cont ol.acodian2 { text-align: left; margin-bottom: 20px; }

.main .embassy .embassy-cont ol.acodian2 > li { position: relative; width: 380px; margin: 0 auto 12px; }

.main .embassy .embassy-cont ol.acodian2 > li.active { background-color: #fff; }

.main .embassy .embassy-cont ol.acodian2 > li.active button { background-image: url("/www-new/css/../images/main/arrow_embassy_up.png"); }

.main .embassy .embassy-cont ol.acodian2 > li.active span { color: #000; }

.main .embassy .embassy-cont ol.acodian2 > li:last-of-type { margin-bottom: 0; }

.main .embassy .embassy-cont ol.acodian2 > li button { width: 100%; height: 64px; text-align: left; padding: 0 32px; border: 1px solid #14296c; font-weight: 500; font-size: 14px; color: #14296c; background: url("/www-new/css/../images/main/arrow_embassy_down.png") no-repeat right 20px center; }

.main .embassy .embassy-cont ol.acodian2 > li button span { display: block; color: #fff; font-size: 20px;  }

.main .embassy .embassy-cont ol.acodian2 > li ul { overflow-x: hidden; overflow-y: auto; display: none; position: absolute; left: 0; top: 100%; width: 100%; max-height: 270px; padding: 15px 20px; background-color: #fff; border: 1px solid #14296c; border-top: 0; z-index: 1; }

.main .embassy .embassy-cont ol.acodian2 > li ul::-webkit-scrollbar { width: 6px; height: 6px; }

.main .embassy .embassy-cont ol.acodian2 > li ul::-webkit-scrollbar-thumb { background-color: #86878b; border-radius: 6px; }

.main .embassy .embassy-cont ol.acodian2 > li ul::-webkit-scrollbar-track { background-color: #cdd0d5; border-radius: 6px; }

.main .embassy .embassy-cont ol.acodian2 > li ul li a { padding-left: 11px; position: relative; display: block; margin: 4px 0; }

.main .embassy .embassy-cont ol.acodian2 > li ul li a:before { content: ''; width: 5px; height: 2px; background-color: #a2afbf; position: absolute; left: 0; top: 11px; }

.main .embassy .embassy-cont .go { display: block; width: 106px; height: 34px; line-height: 32px; margin: 0 auto; background-color: #fff; font-weight: 600; /* padding-right: 30px; */ /* background: url("/www-new/css/../images/main/arrow_embassy_go.png") no-repeat right top 8px; */ }

@media screen and (min-width: 737px) {
  .main .embassy .embassy-cont ol.acodian2 > li ul li a { -webkit-transition: 0.4s; transition: 0.4s; }
  .main .embassy .embassy-cont ol.acodian2 > li ul li a:hover { text-decoration: underline; } 
  .main .embassy .embassy-cont .go:hover { transition: all 0.3s; background-color: #0c3975; color: #fff; }
}

@media screen and (max-width: 1200px) {}

@media screen and (max-width: 1080px) {
  .main .embassy { height: 360px; /* padding: 40px; */ flex-direction: column; }
  .main .embassy > div { width: 100%; }
  .main .embassy .embassy-title { margin-left: 0px; }
}

@media screen and (max-width: 737px) { 
  .main .embassy { height: auto; padding-top: 30px; padding-bottom: 30px; }
  .main .embassy > div { text-align: center; }
  .main .embassy .embassy-title h2 { text-align: center; }
  .main .embassy .embassy-title h2 b { padding-left: 28px; font-size: 36px; background-size: 22px auto; }
  .main .embassy .embassy-title h2 p { margin: 10px 0 0 8px; font-size: 24px; }
  .main .embassy .embassy-title h2 span br { display: none; }
  .main .embassy .embassy-cont { margin: 12px 0 0 0; }
  .main .embassy .embassy-cont ol.acodian2 { padding: 0 32px; margin-bottom: 16px; }
  .main .embassy .embassy-cont ol.acodian2 > li { max-width: 300px; width: 100%; margin: 0 auto 10px; }
  .main .embassy .embassy-cont ol.acodian2 > li button { height: 52px; font-size: 11px; padding: 0 11px; background-position: right 10px center; background-size: 13px auto; }
  .main .embassy .embassy-cont ol.acodian2 > li button span { font-size: 15px; }
  .main .embassy .embassy-cont ol.acodian2 > li ul { max-height: 200px; padding: 10px; }
  .main .embassy .embassy-cont ol.acodian2 > li ul li a { padding-left: 11px; font-size: 14px; margin: 2px 0; }
  .main .embassy .embassy-cont ol.acodian2 > li ul li a:before { width: 4px; top: 9px; }
  .main .embassy .embassy-cont .go { font-size: 14px; display: inline-block; width: auto; height: auto; line-height: unset; padding: 6px 18px; }
}


.main .sec6 { background: url("/www-new/css/../images/main/bg_dokdo.jpg") no-repeat center/cover; padding: 82px 0; text-align: center; }

.main .sec6 > div { -webkit-box-shadow: 0 44px 54px rgba(0, 0, 0, 0.35); box-shadow: 0 44px 54px rgba(0, 0, 0, 0.35); max-width: 1200px; margin: auto; }

.main .sec6 > div > :nth-child(n) { float: left; width: calc(50% - 150px); margin-right: 300px; }

.main .sec6 > div > :nth-of-type(2n) { margin-right: 0; }

.main .sec6 > div > :not(:nth-of-type(2n + 1)) { clear: none; }

.main .sec6 > div > :nth-of-type(2n + 1) { clear: both; }

.main .sec6 > div:after { content: ''; display: block; clear: both; }

.main .sec6 > div > div { width: 450px; height: 270px; background-color: rgba(21, 41, 108, 0.66); color: #fff; padding-top: 67px; }

.main .sec6 > div > div h2 { font-size: 40px; }

.main .sec6 > div > div h2 span { font-size: 16px; font-style: italic; }

.main .sec6 > div > div > div { margin-top: 17px; font-size: 0; line-height: 0; }

.main .sec6 > div > div > div .bt { width: 172px; margin-right: 10px; display: inline-block; font-size: 16px; }

.main .sec6 > div > div > div .bt:last-of-type { margin-right: 0; }

.main .sec6 > div .east { position: relative; padding-left: 70px; }

.main .sec6 > div .east:after { content: ''; width: 300px; height: 270px; position: absolute; left: 100%; top: 0; background: url("/www-new/css/../images/main/bg_dokdo_layer.png") no-repeat center; }

.main .sec6 > div .dokdo { padding-right: 70px; }

@media screen and (max-width: 1200px) { 
  .main .sec6 { padding: 30px; }
  .main .sec6 > div { -webkit-box-shadow: 0 44px 54px rgba(0, 0, 0, 0.35); box-shadow: 0 44px 54px rgba(0, 0, 0, 0.35); }
  .main .sec6 > div > :nth-child(n) { float: left; width: calc(50% - 50px); margin-right: 100px; }
  .main .sec6 > div > :nth-of-type(2n) { margin-right: 0; }
  .main .sec6 > div > :not(:nth-of-type(2n + 1)) { clear: none; }
  .main .sec6 > div > :nth-of-type(2n + 1) { clear: both; }
  .main .sec6 > div:after { content: ''; display: block; clear: both; }
  .main .sec6 > div .east { padding-left: 0; }
  .main .sec6 > div .east:after { width: 100px; background-size: 100px 270px; }
  .main .sec6 > div .dokdo { padding-right: 0; } 
}

@media screen and (max-width: 1080px) { 
  .main .sec6 > div { -webkit-box-shadow: none; box-shadow: none; margin-bottom: 0; }
  .main .sec6 > div > :nth-child(n) { float: left; width: calc(100% - 0px); margin-right: 0px; }
  .main .sec6 > div > :nth-of-type(1n) { margin-right: 0; }
  .main .sec6 > div > :not(:nth-of-type(1n + 1)) { clear: none; }
  .main .sec6 > div > :nth-of-type(1n + 1) { clear: both; }
  .main .sec6 > div:after { content: ''; display: block; clear: both; }
  .main .sec6 > div > div { -webkit-box-shadow: 0 22px 27px rgba(0, 0, 0, 0.35); box-shadow: 0 22px 27px rgba(0, 0, 0, 0.35); width: 100%; margin: 0 auto 20px; height: auto; padding: 40px 0 45px; }
  .main .sec6 > div > div:last-of-type { margin-bottom: 0; }
  .main .sec6 > div > div h2 { text-align: center; }
  .main .sec6 > div > div h2 span { display: block; }
  .main .sec6 > div > div > div { margin-top: 17px; text-align: center; }
  .main .sec6 > div > div > div .bt { margin-right: 10px; }
  .main .sec6 > div > div > div .bt:last-of-type { margin-right: 0; }
  .main .sec6 > div .east { padding-left: 0; }
  .main .sec6 > div .east:after { content: none; }
  .main .sec6 > div .dokdo { padding-right: 0; text-align: center; }
  .main .sec6 > div .dokdo h2 { margin-right: 0; } 
}

@media screen and (max-width: 737px) { 
  .main .sec6 { padding: 30px 15px; }
  .main .sec6 > div > div { margin-bottom: 10px; padding: 26px 0 30px; }
  .main .sec6 > div > div h2 { font-size: 20px; }
  .main .sec6 > div > div h2 span { font-size: 11px; }
  .main .sec6 > div > div > div .bt { width: 123px; margin-right: 5px; font-size: 14px; }
  .main .sec6 > div > div > div .bt:last-of-type { margin-right: 0; } 
}

.main .bt { border: 1px solid #fff; text-align: center; color: #fff; line-height: 55px; display: block; }

@media screen and (min-width: 737px) { 
  .main .bt { -webkit-transition: 0.4s; transition: 0.4s; }
  .main .bt:hover { background-color: #fff; color: #14296c; } 
}

@media screen and (max-width: 737px) { 
  .main .bt { font-size: 14px; line-height: 36px; } 
}


p { margin: 10px 0; }

/*컨텐츠 공통*/
.br { display: block; }

.lk { color: #0059d1; text-decoration: underline; text-underline-offset: 0.2em; }

.lk2:after { content: ''; display: inline-block; width: 22px; height: 22px; margin-top: -0.2em; margin-bottom: -0.2em; margin-left: 6px; vertical-align: -3px; background: url("/www-new/css/../images/sub/icon_link.png") no-repeat center; }

.icon_disabled:before { content: ''; display: inline-block; width: 24px; height: 24px; margin-top: -0.2em; margin-bottom: -0.2em; margin-right: 6px; vertical-align: -2px; background: url("/www-new/css/../images/sub/icon_disabled_person.png") no-repeat center; }


@media screen and (min-width: 737px) { 
  .lk2:after { -webkit-transition: 0.3s; transition: 0.3s; }
  .lk2:hover:after { background-image: url("/www-new/css/../images/sub/icon_link_on.png"); } 
}

@media screen and (max-width: 737px) { 
  .lk2 { padding-right: 30px; }
  .lk2:after { width: 22px; height: 22px; margin-top: -11px; background-size: cover; } 
}

.f_down { display: inline-block; border-radius: 6px; color: #0b428c; font-size: 14px; padding: 9px 38px 9px 18px; margin-right: 3px; background: #ebf3fb url("/www-new/css/../images/sub/icon_f_down.png") no-repeat right 15px center; margin-bottom: 3px; }

@media screen and (min-width: 737px) { 
  .f_down { -webkit-transition: 0.3s; transition: 0.3s; }
  .f_down:hover { -webkit-box-shadow: inset 0 0 0 1px #70a2d4; box-shadow: inset 0 0 0 1px #70a2d4; } 
}

@media screen and (max-width: 737px) { 
  .f_down { font-size: 13px; background-size: 15px auto; padding: 8px 30px 8px 12px; background-position: right 11px top 12px; } 
}

/*텍스트 영역*/
.txt_area p { margin-bottom: 1.4em; }

.txt_area p:last-of-type { margin-bottom: 0; }

.backslash { background: url("/www-new/css/../images/sub/backslash.png") #f2f6fb !important; background-size: 100% 100% !important; }

/*컨텐츠 뎁스*/
.list_dep1 { line-height: 1.6; word-break: keep-all; }

.list_dep1 strong { font-weight: 600; }

.list_dep1 li { margin-bottom: 0.4em; text-align: left; }

.list_dep1 > li { margin-bottom: 56px; }

.list_dep1 > li:last-of-type { margin-bottom: 0; }

.list_dep1 table:not(.ui-datepicker-calendar) thead th { font-size: 16px; word-break: keep-all; }

.list_dep1 table:not(.ui-datepicker-calendar) tbody th, .list_dep1 table:not(.ui-datepicker-calendar) tbody td { font-size: 15px; }

@media screen and (max-width: 737px) { .list_dep1 table:not(.ui-datepicker-calendar) thead th { font-size: 14px; word-break: keep-all; }
  .list_dep1 table:not(.ui-datepicker-calendar) tbody th, .list_dep1 table:not(.ui-datepicker-calendar) tbody td { font-size: 14px; } }

.list_dep1 .list_dep2 { margin-top: 10px; line-height: 1.6; word-break: keep-all; }

.list_dep1 .list_dep3 { margin-top: 10px; line-height: 1.6; word-break: keep-all; }

.list_dep1 li > ul, .list_dep1 li > ol { margin-top: 0.3em; }

.list_dep1 .bar, .list_dep1 .dot, .list_dep1 .ent, .list_dep1 .num, .list_dep1 .num2 { margin-bottom: 0.6em; }

.list_dep1 .bar ul:not([class]), .list_dep1 .dot ul:not([class]), .list_dep1 .ent ul:not([class]), .list_dep1 .num ul:not([class]), .list_dep1 .num2 ul:not([class]) { font-size: 15px; margin-bottom: 0.6em; }

.list_dep1 .bar ul:not([class]) > li, .list_dep1 .dot ul:not([class]) > li, .list_dep1 .ent ul:not([class]) > li, .list_dep1 .num ul:not([class]) > li, .list_dep1 .num2 ul:not([class]) > li { margin-bottom: 0.3em; line-height: 1.4; }

.list_dep1 .bar ul:not([class]) > li:last-of-type, .list_dep1 .dot ul:not([class]) > li:last-of-type, .list_dep1 .ent ul:not([class]) > li:last-of-type, .list_dep1 .num ul:not([class]) > li:last-of-type, .list_dep1 .num2 ul:not([class]) > li:last-of-type { margin-bottom: 0; }

@media screen and (max-width: 737px) { .list_dep1 .bar ul:not([class]), .list_dep1 .dot ul:not([class]), .list_dep1 .ent ul:not([class]), .list_dep1 .num ul:not([class]), .list_dep1 .num2 ul:not([class]) { font-size: 13px; } }

@media screen and (max-width: 737px) { .list_dep1 > li { margin-bottom: 37px; } }

.list_dep2 strong { font-weight: 600; }

.list_dep2 li { margin-bottom: 0.4em; text-align: left; }

.list_dep2 li > ul, .list_dep2 li > ol { margin-top: 0.3em; }

.list_dep2.center > li { text-align: center; }

.list_dep2 .bar, .list_dep2 .dot, .list_dep2 .ent, .list_dep2 .num, .list_dep2 .num2 { margin-bottom: 0.6em; }

.list_dep2 .bar ul:not([class]), .list_dep2 .dot ul:not([class]), .list_dep2 .ent ul:not([class]), .list_dep2 .num ul:not([class]), .list_dep2 .num2 ul:not([class]) { font-size: 15px; margin-bottom: 0.6em; }

.list_dep2.center > li { margin-bottom: 20px; }

.list_dep2 > li { margin-bottom: 40px; }

.list_dep2 > li:last-of-type { margin-bottom: 0; }

.list_dep2 table:not(.ui-datepicker-calendar) thead th { font-size: 16px; word-break: keep-all; }

.list_dep2 table:not(.ui-datepicker-calendar) tbody th, .list_dep2 table:not(.ui-datepicker-calendar) tbody td { font-size: 15px; }

@media screen and (max-width: 737px) { .list_dep2 table:not(.ui-datepicker-calendar) thead th { font-size: 14px; word-break: keep-all; }
  .list_dep2 table:not(.ui-datepicker-calendar) tbody th, .list_dep2 table:not(.ui-datepicker-calendar) tbody td { font-size: 14px; } }

@media screen and (max-width: 737px) { .list_dep2 > li { margin-bottom: 23px; } }

.list_dep3 li { margin-bottom: 0.4em; text-align: left; }

.list_dep3 > li { margin-bottom: 30px; }

.list_dep3 > li:last-of-type { margin-bottom: 0; }

@media screen and (max-width: 737px) { .list_dep3 > li { margin-bottom: 20px; } }

table strong + .bar { margin-top: 0.3em !important; }

/*타이틀*/
.tit_lg { color: #000; font-size: 31px; font-weight: 500; margin-top: -0.2em; margin-bottom: 25px; line-height: 1.4; }

.tit_lg:after { content: ''; display: block; clear: both; }

.tit_lg .no { font-size: 20px; }

.tit_lg .no b { color: #9c1d1d; }

.tit_lg + p { margin-top: -6px; margin-bottom: 1.2em; }

.tit_lg .tb_add { vertical-align: 7px; margin-left: 15px; }

.tit_lg .rt { float: right; line-height: 0; margin-top: 5px; }

.tit_lg + .tb_info { margin-top: -38px; }

@media screen and (max-width: 737px) { .tit_lg { font-size: 24px; margin-bottom: 15px; }
  .tit_lg .no { font-size: 13px; }
  .tit_lg ~ p { margin-top: -4px; }
  .tit_lg .tb_add { vertical-align: 0; margin-left: 0; float: right; margin-top: 7px; }
  .tit_lg .rt { float: none; display: block; margin-top: 15px; }
  .tit_lg .rt a { vertical-align: top; }
  .tit_lg + .tb_info { margin-top: -15px; } }

.tit_md { line-height: 1.4; color: #000; font-size: 25px; padding-left: 30px; background: url("/www-new/css/../images/sub/icon_tit_md.png") no-repeat left top 12px; margin-bottom: 15px; margin-top: -0.2em; }

.tit_md + p { margin-bottom: 1.2em; }

.tit_md + .tb_info { margin-top: -38px; }

.tit_md .lk2:after { content: ''; vertical-align: 3px; }

.tit_md ~ * { padding-left: 30px; }

.tit_md ~ *.num2 { margin-left: 30px; }

@media screen and (max-width: 737px) { .tit_md { padding-left: 20px; font-size: 18px; background-size: 14px auto; background-position: left top 7px; margin-bottom: 13px; }
  .tit_md + .tb_info { margin-top: -15px; }
  .tit_md .lk2:after { content: ''; vertical-align: -1px; }
  .tit_md ~ * { padding-left: 21px; }
  .tit_md ~ *.num2 { margin-left: 21px; } }

.sch_list .tit_md ~ * { padding-left: 0; }

.tit_sm { color: #0068b9; font-size: 20px; margin-bottom: 13px; font-weight: 500; margin-top: -0.2em; line-height: 1.4; }

.tit_sm + .tb_info { margin-top: -38px; }

.tit_sm + p { margin-bottom: 1.2em; }

.tit_sm .lk2:after { vertical-align: 0; }

@media screen and (max-width: 737px) { .tit_sm { font-size: 16px; margin-bottom: 10px; }
  .tit_sm + .tb_info { margin-top: -10px; } }

.tit_xs { font-size: 17px; margin-bottom: 0.2em; font-weight: 500; margin-top: 0.6em; line-height: 1.4; }

@media screen and (max-width: 737px) { .tit_xs { font-size: 15px; } }

/*bar리스트*/
.bar > li, .bar > dd { padding-left: 13px; position: relative; margin-bottom: 0.4em; }

.bar > li > p, .bar > dd > p { margin: 0; margin-top: 0.3em; }

.bar > li:last-of-type, .bar > dd:last-of-type { margin-bottom: 0; }

.bar > li:before, .bar > dd:before { position: absolute; left: 0; top: 0.6em; width: 5px; height: 2px; display: inline-block; content: ''; background-color: #a5b4c3; }

.bar > li .num4, .bar > dd .num4 { font-size: 15px; margin-top: 0.3em; }

.bar.site { margin-right: -20px; margin-top: -13px; }

.bar.site > li { float: left; width: 25%; padding-right: 20px; margin-bottom: 0; margin-top: 13px; }

.bar.site > li:nth-of-type(4n+1) { clear: both; }

.bar.bold { font-weight: bold; }

.bar.bold > li { margin-bottom: 18px; }

.bar.bold > li:last-of-type { margin-bottom: 0; }

.bar.bold .dot { font-weight: 400; margin-top: 10px; }

@media (min-width: 1080px) and (max-width: 1200px) { .bar.site > li { width: 33.3333%; }
  .bar.site > li:nth-of-type(4n+1) { clear: none; }
  .bar.site > li:nth-of-type(3n+1) { clear: both; } }

@media (min-width: 451px) and (max-width: 900px) { .bar.site > li { width: 50%; }
  .bar.site > li:nth-of-type(4n+1) { clear: none; }
  .bar.site > li:nth-of-type(2n+1) { clear: both; } }

@media screen and (max-width: 737px) { .bar .num4 { font-size: 13px; }
  .bar.site { margin-top: -9px; }
  .bar.site > li { margin-top: 9px; } }

@media screen and (max-width: 450px) { .bar > li { padding-left: 11px; font-size: 14px; }
  .bar.site { margin-right: 0; }
  .bar.site > li { width: 100%; padding-right: 0; } }

/*dot 리스트*/
.dot { font-size: 15px; }

.dot > li { padding-left: 11px; position: relative; margin-bottom: 0.3em; line-height: 1.4; }

.dot > li:last-of-type { margin-bottom: 0; }

.dot > li:before { position: absolute; left: 0; top: 0.6em; width: 3px; height: 3px; display: inline-block; content: ''; background-color: #7f7f7f; }

@media screen and (max-width: 737px) { .dot { font-size: 13px; }
  .dot > li { padding-left: 9px; }
  .dot > li:before { top: 0.5em; left: 0; } }

/*화살표 표기가 있는 리스트*/
.ent { font-size: 15px; }

.ent > li { padding-left: 18px; background: url("/www-new/css/../images/sub/icon_enter.png") no-repeat left top 5px; color: #333; line-height: 1.4; margin-bottom: 0.3em; }

.ent > li:last-of-type { margin-bottom: 0; }

@media screen and (max-width: 737px) { .ent { font-size: 13px; }
  .ent > li { background-position: left top 4px; } }

.num > li { padding-left: 1.15em; text-indent: -1.15em; margin-bottom: 0.4em; line-height: 1.4; }

.num > li:last-of-type { margin-bottom: 0; }

@media screen and (max-width: 737px) { .num { font-size: 14px; } }

table .num { margin-top: 0.2em !important; }

table .num > li { margin-bottom: 0.1em; }

/*숫자 있는 리스트*/
.num2 { list-style: decimal; padding-left: 20px; }

.num2 > li { list-style: decimal; margin-bottom: 0.6em; line-height: 1.4; }

.num2 > li:last-of-type { margin-bottom: 0; }

.num2 .num4 { font-size: 15px; margin-top: 0.4em; }

@media screen and (max-width: 737px) { .num2 { font-size: 14px; padding-left: 13px; }
  .num2 .num4 { font-size: 13px; } }

.num3 { padding-right: 20px; }

.num3 > li { display: table; font-size: 18px; }

.num3 > li span { display: table-cell; width: 50px; height: 70px; background: url("/www-new/css/../images/sub/icon_numbg.png") no-repeat center; text-align: center; line-height: 70px; color: #fff; font-weight: 600; }

.num3 > li b { display: table-cell; width: auto; vertical-align: middle; padding-left: 20px; }

@media screen and (max-width: 737px) { .num3 { font-size: 14px; }
  .num3 > li span { background-size: auto 40px; height: 60px; }
  .num3 > li b { padding-left: 10px; font-size: 15px; } }

/*원형 숫자 있는 리스트 span 안에 숫자*/
.num4 > li { padding-left: 1.15em; line-height: 1.4; }

.num4 > li .tit_sm { margin-top: 0.3em; }

.num4 > li > span { margin-left: -1.15em; }

.num4 > li .bar { margin-top: 0.2em; }

.num4 > li:last-of-type { margin-bottom: 0; }

@media screen and (max-width: 737px) { .num4 { font-size: 14px; } }

/*bold가 있는 리스트*/
.b_list > li { margin-bottom: 10px; color: #444; }

.b_list > li b {font-size: 18px;color: #000;font-weight: 600;margin-right: 18px;display: inline-block;width: 72px;}
.b_list > li span {}

.b_list.type2 > li {position:relative;padding-left:175px;line-height:28px;}
.b_list.type2 > li b {position:absolute; left:0; top:0; white-space: nowrap;}

@media screen and (max-width: 737px) { 
.b_list > li b {font-size: 14px; width: 54px;}  
.b_list > li {font-size:14px;line-height:22px;}
.b_list.type2 > li {padding-left:130px;}
.b_list.type2 > li b{}

}

.bg_box { background-color: #f7f8f9; border: 1px solid #dfdfdf; padding: 30px 35px; }

.bg_box + .form_list { margin-top: 19px; }

@media screen and (max-width: 737px) { .bg_box { padding: 20px; } }

/* GRID 형식 UL 리스트 */
.img-grid-2 .caption p, .img-grid-3 .caption p { text-align: center; }

.img-grid-2 > ul, .img-grid-3 > ul { display: grid; grid-template-rows: repeat(1, minmax(100px, auto)); gap: 16px 16px; width: 100%; margin: 0 auto; position: relative; }

.img-grid-2 > ul > li, .img-grid-3 > ul > li { width: 100%; margin: 0; position: relative; border: none; }

.img-grid-2 > ul > li > a, .img-grid-3 > ul > li > a { display: flex; align-items: center; justify-content: center; width: 100%; }

.img-grid-2 > ul > li img, .img-grid-3 > ul > li img { display: block; margin: 0 auto; box-shadow: 0px 0px 8px rgba(0, 0, 0, 0.16); }

.img-grid-2 > ul { grid-template-columns: repeat(2, 1fr); }

.img-grid-3 > ul { grid-template-columns: repeat(3, 1fr); }

@media screen and (max-width: 737px) {
  .img-grid-3 > ul { grid-template-columns: repeat(2, 1fr); gap: 8px; } }
@media screen and (max-width: 450px) {
  .img-grid-2 > ul, .img-grid-3 > ul { grid-template-columns: repeat(1, 1fr); gap: 8px; } }
  
.sns_link { margin-top: 40px; }

.sns_link > ul { display: flex; align-items: center; justify-content: center; gap: 16px; width: 100%; margin: 0 auto; position: relative }

.sns_link > ul > li { margin: 0; }

.sns_link > ul > li > a { display: flex; align-items: center; justify-content: center; width: 120px; height: 48px; background-color: #f6f8f9; border: 1px solid #dedede; border-radius: 24px; }

@media screen and (max-width: 737px) {
  .sns_link > ul { flex-flow: row wrap; gap: 16px 0; }
  .sns_link > ul > li { width: 50%; }
  .sns_link > ul > li > a { width: 92%; margin: 0 auto; } }

/*버튼*/
.tb_add { height: 33px; padding: 0 15px; font-size: 13px; color: #fff; line-height: 32px; background-color: #353a40; }

.tb_add img { vertical-align: 0; margin-left: 10px; }

@media screen and (min-width: 737px) { .tb_add { -webkit-transition: 0.3s; transition: 0.3s; }
  .tb_add:hover { background-color: #555d67; border-radius: 6px; } }

@media screen and (max-width: 737px) { .tb_add { padding: 0 10px; height: 24px; font-size: 11px; line-height: 24px; }
  .tb_add img { width: 7px; margin-left: 4px; } }

/*파란색 버튼*/
.btn1 { vertical-align: middle; padding: 0 30px; text-align: center; background-color: #0c3975; color: #fff; display: inline-block; }

@media screen and (min-width: 737px) { .btn1.blue { -webkit-transition: all 0.3s; transition: all 0.3s; }
  .btn1.blue:hover { background-color: #114e9f; border-radius: 6px; } }

@media screen and (max-width: 737px) { .btn1 { padding: 0 15px; } }

.btn2 { color: #fff; background-color: #353a40; height: 40px; padding: 0 25px; line-height: 42px; outline-offset: 3px; }

.btn3 { color: #555; display: inline-block; padding: 0 25px; border: 1px solid #cbcccd; background-color: #fff; line-height: 38px; outline-offset: 3px;  }

@media screen and (min-width: 737px) { .btn3 { -webkit-transition: 0.3s; transition: 0.3s; }
  .btn3:hover { color: #000; border-radius: 6px; border-color: #000; border-radius: 6px; } }

@media screen and (max-width: 737px) { .btn3 { font-size: 13px; line-height: 36px; } }

.btn4 { display: inline-block; padding: 0 20px; border: 1px solid #b9babb; background-color: #fff; line-height: 36px; font-size: 15px; }

.btn4.down:after { content: ''; width: 16px; height: 13px; margin-left: 6px; display: inline-block; background: url("/www-new/css/../images/common/icon_board_file_down.png") no-repeat center/cover; vertical-align: -1px; }

.btn4.view:after { content: ''; width: 14px; height: 14px; margin-left: 6px; display: inline-block; background: url("/www-new/css/../images/common/icon_board_file_view.png") no-repeat center/cover; vertical-align: -2px; }

@media screen and (min-width: 737px) { .btn4 { -webkit-transition: 0.3s; transition: 0.3s; }
  .btn4:hover { background-color: #353a40; color: #fff; border-radius: 6px; border-color: #353a40; }
  .btn4.down:hover:after { background-image: url("/www-new/css/../images/common/icon_board_file_down_on.png"); }
  .btn4.view:hover:after { background-image: url("/www-new/css/../images/common/icon_board_file_view_on.png"); } }

@media screen and (max-width: 737px) { .btn4 { font-size: 13px; line-height: 25px; padding: 0 10px; }
  .btn4.down:after { width: 15px; height: 12px; vertical-align: -2px; }
  .btn4.view:after { width: 13px; height: 13px; vertical-align: -2px; } }

/*버튼*/
.date_btn { min-width: 235px; margin-left: 10px; }

.date_btn > :nth-child(n) { float: left; width: calc(33.33333% - 3.33333px); margin-right: 5px; }

.date_btn > :nth-of-type(3n) { margin-right: 0; }

.date_btn > :not(:nth-of-type(3n + 1)) { clear: none; }

.date_btn > :nth-of-type(3n + 1) { clear: both; }

.date_btn button { border: 1px solid #cbcccd; background-color: #fff; -webkit-transition: all 0.3s; transition: all 0.3s; }

.date_btn button.active {background-color: #114e9f;color: #fff;font-weight: 800;text-decoration: underline;}

@media screen and (min-width: 737px) { .date_btn button:hover { border-color: #2a6cc5; background-color: #2a6cc5; border-radius: 6px; color: #fff; } }

/*로그인 버튼*/
.btn_login { margin-top: 8px; display: flex; align-items: center; justify-content: flex-start;flex-wrap: wrap; flex-direction: row; gap: 6px; }
.btn_login:after { display: none; }

.btn_login > li { margin-bottom: 0;}

.btn_login > li a { display: flex; align-items: center; justify-content: flex-start; padding: 8px 12px; border-radius: 6px; text-align: center; text-decoration: none; font-size: 15px; border: 1px solid #dfdfdf; }

.btn_login > li a img { margin-right: 8px; }

.btn_login > li a.login_kakao {}

.btn_login > li a.login_kakao img { display: block; width: 22px; height: 22px; background-color: #fee500; padding: 4px; }

.btn_login > li a.login_naver {}

.btn_login > li a.login_naver img { display: block; width: 22px; height: 22px; background-color: #03c75a; padding: 5px; }

.btn_login > li a.login_gg { background-color: #fff; color: #000; border: 1px solid #dfdfdf; }

.btn_login > li a.login_gg img { display: block; width: 22px; height: 22px; padding: 3px; }

.btn_login > li a.login_face img { display: block; width: 22px; height: 22px; background-color: #4867aa; padding: 4px 7px; }

@media screen and (max-width: 737px) { .btn_login > li a { font-size: 14px; } }

.img2 { margin: 20px 0; text-align: center; }

.img2 img { display: block; margin: 0 auto 10px; }

.img2.type2 { display: inline-block; }

.img2.type2 > div { padding: 0; }

.img2.type2 > div img { margin: 0; }

.img2 > div { border: 1px solid #e3e3e3; padding: 40px; margin-bottom: 10px; }

.img2 > a { display: none; width: 100%; color: #0b428c; border: 1px solid #70a2d4; font-size: 13px; line-height: 29px; background-color: #ebf3fb; text-align: center; }

.img2 > a:after { content: ''; width: 12px; height: 12px; display: inline-block; background: url("/www-new/css/../images/sub/icon_btn_img2.png") no-repeat center/cover; margin-left: 4px; vertical-align: -1px; }

@media screen and (max-width: 737px) { .img2 img { margin-bottom: 0; }
  .img2 > div { border-bottom: 0; padding: 20px; margin-bottom: 0; }
  .img2 > a { display: block; margin-bottom: 10px; } }

.img3 { text-align: center; margin-bottom: 30px; margin-top: 30px; }

.img3 > img { display: block; margin: 0 auto 10px; }

.img3 > div { margin-bottom: 10px; }

/*법령사이트 링크*/
.btn_link { display: inline-block; padding: 7px 14px; line-height: 1.4; border: 1px solid #0c3975; font-size: 14px; border-radius: 6px; font-weight: 500; color: #0c3975; }

.btn_link:after { margin-left: 8px; vertical-align: middle; height: 1.4em; -webkit-transform: translateY(-1px); transform: translateY(-1px); display: inline-block; width: 16px; background: url("/www-new/css/../images/common/btn_link_off.png") no-repeat center; content: ''; }

@media screen and (min-width: 737px) { .btn_link { -webkit-transition: all 0.3s; transition: all 0.3s; }
  .btn_link:hover { background-color: #0c3975; color: #fff; }
  .btn_link:hover:after { background-image: url("/www-new/css/../images/common/btn_link_on.png"); } }

@media screen and (max-width: 737px) { .btn_link { font-size: 13px; padding: 7px 10px; }
  .btn_link:after { margin-left: 6px; height: 1.2em; -webkit-transform: translateY(0); transform: translateY(0); background-size: 14px auto; width: 14px; } }

/*서브 - 탭 리스트*/
.tab_list { position: relative; margin-bottom: 60px; /* border-left: 1px solid #dedede; border-top: 1px solid #dedede; */ }

.tab_list:after { content: ''; display: block; clear: both; }

.tab_list li { float: left; border-right: 1px solid #dedede; width: 25%; border-bottom: 1px solid #dedede; position: relative; }

.tab_list li::before { content: ''; position: absolute; z-index: -1; left: 50%; top: 50%; transform: translate(-50%, -50%); width: calc( 1.5px + 100% ); height: calc( 1.5px + 100% ); background-color: #dedede; }

.tab_list li a { display: table; width: 100%; height: 60px; text-align: center; font-size: 15px; color: #70735F; background-color: #f6f8f9; padding: 5px 5px; -webkit-box-sizing: border-box; box-sizing: border-box; line-height: 1.2; }

.tab_list li a span { display: table-cell; vertical-align: middle; }

.tab_list li a:focus span { outline: 1px solid #333333; }

.tab_list li.active a { background-color: #114e9f; -webkit-box-shadow: 0 0 0 1px #114e9f; box-shadow: 0 0 0 1px #114e9f; color: #fff; font-weight: 800; }

.tab_list li.active a:focus span { outline-color: #ffffff; }

.tab_list.item2 li { width: 50%; }

.tab_list.item3 li { width: 33.3333%; }

.tab_list.item8 li { width: 25%; }

/* .tab_list.item9 li { width: 11.1111%; } */

/* SLICK - 탭 리스트(240527) */
.tab_list .slide {}

.tab_list .slide .list { max-width: 270px; width: 100%; height: 60px; position: relative; text-align: center; display: flex; align-items: center; justify-content: center; padding: 5px 5px; border-radius: 12px 12px 0 0; word-break: keep-all; font-weight: 500; font-size: 15px; /* color: #70735F; */ color: #717171; outline-offset: -3px; }

.tab_list .slide .list::before { content: ''; position: absolute; left: 50%; bottom: 0; transform: translateX(-50%);  width: 100%; height: 2px; background-color: #dedede; }

.tab_list .slide .list:hover { background-color: #f6f8f9; color: #2d2d2d; }

.tab_list .slide .list:hover::before { background-color: #8e8e8e; }

.tab_list .slide .list span { display: table-cell; vertical-align: middle; }

.tab_list .slide .list.active {}

.tab_list .slide .list.active { font-weight: 700; color: #114e9f; }

.tab_list .slide .list.active::before { height: 4px; background-color: #114e9f; }

.tab_list .slide .list.active span {}

.tab_list.item2 .slide .list {}
.tab_list.item3 .slide .list {}

.tab_list .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; }

.tab_list .control .slick-arrow { 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.24); transition: all 0.4s; }

.tab_list .control .slick-arrow.slick-disabled { display: none !important; z-index: -10; opacity: 0; width: 0; height: 0; }

.tab_list .control .slick-arrow.slick-hidden { display: none; }

.tab_list .control .prev { 
  position: absolute; left: 0; top: 50%; transform: translate(0, -50%); 
  background-image: url("/www-new/css/../images/main/btn_mb_prev.png"); 
}

.tab_list .control .next { 
  position: absolute; right: 0; top: 50%; transform: translate(0, -50%); 
  background-image: url("/www-new/css/../images/main/btn_mb_next.png"); 
}
/* // SLICK - 탭 리스트(240527) */

@media screen and (max-width: 1440px) {
  .tab_list .slide .list { max-width: 240px; }
}

@media screen and (max-width: 1080px) { 
  .tab_list.item8 li, 
  .tab_list.item9 li { width: 25%; } 
}

@media screen and (max-width: 737px) { 
  .tab_list { margin-bottom: 35px; }
  .tab_list li { width: 50%; }
  .tab_list li a { font-size: 15px; height: 53px; }
  .tab_list.item3 li { width: 50%; }
  .tab_list.item8 li, 
  .tab_list.item9 li { width: 50%; } 
  .tab_list .slide .list { max-width: 180px; height: 53px; }
  .tab_list .slide .list a { font-size: 13px; }
  .tab_list .control .slick-arrow { width: 24px; height: 24px; background-size: 5px auto; }
}

@media screen and (max-width: 450px) {
  .tab_list .slide .list { max-width: 160px; }
}

/*서브 - 탭 리스트2*/
.tab_list2 { margin-bottom: 40px; position: relative; }

.tab_list2 button { display: none; }

.tab_list2 > ul > :nth-child(n) { float: left; width: calc(25% - 7.5px); margin-right: 10px; }

.tab_list2 > ul > :nth-of-type(4n) { margin-right: 0; }

.tab_list2 > ul > :not(:nth-of-type(4n + 1)) { clear: none; }

.tab_list2 > ul > :nth-of-type(4n + 1) { clear: both; }

.tab_list2 > ul li { margin-bottom: 10px; }

.tab_list2 > ul li a { display: table; width: 100%; height: 54px; text-align: center; color: #9d9fa0; border: 1px dashed #bbb; border-radius: 8px; background-color: #fff; padding: 5px 15px; -webkit-box-sizing: border-box; box-sizing: border-box; line-height: 1.2; font-weight: 500; }

.tab_list2 > ul li a span { display: table-cell; vertical-align: middle; }

.tab_list2 > ul li.active a { border-color: #114e9f; color: #114e9f; border-style: solid; }

.tab_list2.item2 > ul > :nth-child(n) { float: left; width: calc(50% - 5px); margin-right: 10px; }

.tab_list2.item2 > ul > :nth-of-type(2n) { margin-right: 0; }

.tab_list2.item2 > ul > :not(:nth-of-type(2n + 1)) { clear: none; }

.tab_list2.item2 > ul > :nth-of-type(2n + 1) { clear: both; }

.tab_list2.item3 > ul > :nth-child(n) { float: left; width: calc(33.33333% - 6.66667px); margin-right: 10px; }

.tab_list2.item3 > ul > :nth-of-type(3n) { margin-right: 0; }

.tab_list2.item3 > ul > :not(:nth-of-type(3n + 1)) { clear: none; }

.tab_list2.item3 > ul > :nth-of-type(3n + 1) { clear: both; }

@media screen and (max-width: 737px) { 
  .tab_list2 { position: relative; margin-bottom: 30px; font-size: 14px; }
  .tab_list2 button { display: block; width: 100%; height: 45px; line-height: 1.2; color: #9d9fa0; text-align: left; border: 1px dashed #bbbbbb; border-radius: 8px; padding-left: 15px; padding-right: 35px; background: url("/www-new/css/../images/common/arrow_tab_off.png") no-repeat right 15px center/12px auto; }
  .tab_list2.active button { border: 1px solid #afafaf; border-radius: 8px 8px 0 0; color: #000; border-bottom: 0; background-image: url("/www-new/css/../images/common/arrow_tab_on.png"); }
  .tab_list2 > ul { display: none; position: absolute; left: 0; top: 100%; z-index: 1; width: 100%; max-height: 180px; overflow: hidden; overflow-y: auto; border: 1px solid #afafaf; border-radius: 0 0 8px 8px; background-color: #fff; }
  .tab_list2 > ul > :nth-child(n) { float: left; width: calc(100% - 0px); margin-right: 0px; }
  .tab_list2 > ul > :nth-of-type(1n) { margin-right: 0; }
  .tab_list2 > ul > :not(:nth-of-type(1n + 1)) { clear: none; }
  .tab_list2 > ul > :nth-of-type(1n + 1) { clear: both; }
  .tab_list2 > ul li { margin-bottom: 0; border-bottom: 1px solid #dfdfdf; }
  .tab_list2 > ul li:last-of-type { border-bottom: 0; }
  .tab_list2 > ul li a { display: table; height: 45px; text-align: left; border: 0; border-radius: 0; }
  .tab_list2 > ul li.active a { border-color: #9c1d1d; border: 0; color: #114e9f; }
  .tab_list2.item2 > ul > :nth-child(n) { float: left; width: calc(100% - 0px); margin-right: 0px; }
  .tab_list2.item2 > ul > :nth-of-type(1n) { margin-right: 0; }
  .tab_list2.item2 > ul > :not(:nth-of-type(1n + 1)) { clear: none; }
  .tab_list2.item2 > ul > :nth-of-type(1n + 1) { clear: both; }
  .tab_list2.item3 > ul > :nth-child(n) { float: left; width: calc(100% - 0px); margin-right: 0px; }
  .tab_list2.item3 > ul > :nth-of-type(1n) { margin-right: 0; }
  .tab_list2.item3 > ul > :not(:nth-of-type(1n + 1)) { clear: none; }
  .tab_list2.item3 > ul > :nth-of-type(1n + 1) { clear: both; } 
}

/*서브 - 탭 리스트2*/
.tab_list3 { position: relative; }

.tab_list3 > ul { margin-bottom: 40px; }

.tab_list3 > ul > :nth-child(n) { float: left; width: calc(25% - 7.5px); margin-right: 10px; }

.tab_list3 > ul > :nth-of-type(4n) { margin-right: 0; }

.tab_list3 > ul > :not(:nth-of-type(4n + 1)) { clear: none; }

.tab_list3 > ul > :nth-of-type(4n + 1) { clear: both; }

.tab_list3 > ul li { margin-bottom: 10px; }

.tab_list3 > ul li a { display: table; width: 100%; height: 54px; text-align: center; color: #777771; border: 1px dashed #777771; border-radius: 8px; background-color: #fff; padding: 10px 15px; -webkit-box-sizing: border-box; box-sizing: border-box; line-height: 1.2; font-weight: 500; }

.tab_list3 > ul li a span { display: table-cell; vertical-align: middle; }

.tab_list3 > ul li.active a { border-color: #114e9f; color: #114e9f; border-style: solid; }

.tab_list3 > ol > li { display: none; }

.tab_list3 > ol > li.active { display: block; }

.tab_list3.item2 > ul > :nth-child(n) { float: left; width: calc(50% - 5px); margin-right: 10px; }

.tab_list3.item2 > ul > :nth-of-type(2n) { margin-right: 0; }

.tab_list3.item2 > ul > :not(:nth-of-type(2n + 1)) { clear: none; }

.tab_list3.item2 > ul > :nth-of-type(2n + 1) { clear: both; }

.tab_list3.item3 > ul > :nth-child(n) { float: left; width: calc(33.33333% - 6.66667px); margin-right: 10px; }

.tab_list3.item3 > ul > :nth-of-type(3n) { margin-right: 0; }

.tab_list3.item3 > ul > :not(:nth-of-type(3n + 1)) { clear: none; }

.tab_list3.item3 > ul > :nth-of-type(3n + 1) { clear: both; }

@media screen and (max-width: 737px) { .tab_list3 > ul { margin-bottom: 30px; }
  .tab_list3 > ul > :nth-child(n) { float: left; width: calc(50% - 2.5px); margin-right: 5px; }
  .tab_list3 > ul > :nth-of-type(2n) { margin-right: 0; }
  .tab_list3 > ul > :not(:nth-of-type(2n + 1)) { clear: none; }
  .tab_list3 > ul > :nth-of-type(2n + 1) { clear: both; }
  .tab_list3 > ul li { margin-bottom: 5px; }
  .tab_list3 > ul li a { height: 45px; padding: 10px; }
  .tab_list3.item2 > ul > :nth-child(n) { float: left; width: calc(50% - 2.5px); margin-right: 5px; }
  .tab_list3.item2 > ul > :nth-of-type(2n) { margin-right: 0; }
  .tab_list3.item2 > ul > :not(:nth-of-type(2n + 1)) { clear: none; }
  .tab_list3.item2 > ul > :nth-of-type(2n + 1) { clear: both; }
  .tab_list3.item3 > ul > :nth-child(n) { float: left; width: calc(33.33333% - 3.33333px); margin-right: 5px; }
  .tab_list3.item3 > ul > :nth-of-type(3n) { margin-right: 0; }
  .tab_list3.item3 > ul > :not(:nth-of-type(3n + 1)) { clear: none; }
  .tab_list3.item3 > ul > :nth-of-type(3n + 1) { clear: both; } }

.bo_filter { border-top: 1px solid #dfdfdf; border-bottom: 1px solid #dfdfdf; margin-bottom: 40px; text-align: center; }

.bo_filter a { color: #9d9fa0; line-height: 44px; margin: 0 12px; padding: 0 5px; font-size: 15px; position: relative; display: inline-block; }

.bo_filter a:last-of-type:after { content: none; }

.bo_filter a:after { content: ''; width: 3px; height: 3px; border-radius: 3px; background-color: #b2b2b2; position: absolute; right: -13px; top: 50%; margin-top: -2px; }

.bo_filter a.active { color: #000; }

.bo_filter a.active:before { content: ''; width: 100%; height: 3px; background-color: #000; position: absolute; left: 0; bottom: -1px; }

@media screen and (min-width: 737px) { .bo_filter a { -webkit-transition: 0.3s; transition: 0.3s; }
  .bo_filter a:hover { color: #000; }
  .bo_filter a:hover:before { content: ''; width: 100%; height: 3px; background-color: #000; position: absolute; left: 0; bottom: -1px; } }

@media screen and (max-width: 737px) { .bo_filter { margin-bottom: 25px; }
  .bo_filter a { line-height: 42px; padding: 0; font-size: 13px; }
  .bo_filter a:after { margin-top: -1px; } }

/*서브 - 공지박스*/
.notice_box { position: relative; border-top: 2px solid #dfdfdf; border-bottom: 2px solid #dfdfdf; padding: 45px 40px 45px 20px; margin-bottom: 30px; border-top-left-radius: 40px; font-size: 0; }

.notice_box:before { display: inline-block; height: 100%; content: ''; font-size: 16px; vertical-align: middle; }

.notice_box:after { content: ''; display: block; position: absolute; left: 0; top: -2px; width: 203px; height: 95px; border-top: 2px solid #0c3975; border-left: 2px solid #0c3975; border-top-left-radius: 40px; }

.notice_box .icon { display: inline-block; width: 175px; text-align: center; vertical-align: middle; }

.notice_box a:not(.btn_link) { color: #0059d1; text-decoration: underline; text-underline-offset: 0.3em; }

.notice_box .btn_link { margin-top: 0.4em; }

.notice_box ul, .notice_box dl, .notice_box > span { display: inline-block; width: calc(100% - 175px); vertical-align: middle; font-size: 16px; }

.notice_box ul li, .notice_box dl li, .notice_box > span li { margin-bottom: 0.8em; }

.notice_box ul li:last-of-type, .notice_box dl li:last-of-type, .notice_box > span li:last-of-type { margin-bottom: 0; }

.notice_box ul dt, .notice_box dl dt, .notice_box > span dt { font-size: 20px; margin-bottom: 0.4em; }

.notice_box ul li .f_bd { font-weight: bold; }

@media screen and (max-width: 737px) { .notice_box { margin-bottom: 20px; padding: 22px 25px; border-top-left-radius: 20px; }
  .notice_box:after { width: 125px; height: 68px; border-top-left-radius: 20px; }
  .notice_box .icon { display: none; }
  .notice_box ul, .notice_box dl, .notice_box > span { width: 100%; font-size: 14px; }
  .notice_box ul dt, .notice_box dl dt, .notice_box > span dt { font-size: 16px; } }

/*서브 - 콤보박스*/
.combo_box { max-width: 252px; margin: 50px auto 30px; position: relative; z-index: 1; }

.combo_box button { width: 100%; height: 50px; border: 1px solid #cbcccd; padding-left: 17px; padding-right: 34px; background: url("/www-new/css/../images/common/arrow_select.png") no-repeat right 15px center; text-align: left; }

.combo_box ul { display: none; position: absolute; left: 0; top: 100%; border: 1px solid #0c3975; overflow: hidden; border-top: 0; width: 100%; background-color: #fff; border-radius: 0 0 6px 6px; }

.combo_box ul li { border-bottom: 1px solid #0c3975; }

.combo_box ul li a { display: block; padding: 14px 45px 14px 16px; color: #0c3975; position: relative; }

.combo_box ul li a:after { content: ''; width: 15px; height: 10px; position: absolute; right: 24px; top: 50%; margin-top: -5px; opacity: 0.4; background: url("/www-new/css/../images/common/arrow_combo_box.png") no-repeat center; }

.combo_box ul li:last-of-type { border: 0; }

.combo_box.active button { border-radius: 6px 6px 0 0; color: #0c3975; background-image: url("/www-new/css/../images/common/arrow_select_up.png"); border-color: #0c3975; }

@media screen and (min-width: 737px) { .combo_box ul li a { -webkit-transition: all 0.3s; transition: all 0.3s; }
  .combo_box ul li a:after { -webkit-transition: all 0.3s; transition: all 0.3s; }
  .combo_box ul li a:hover { background-color: #f4f6f8; }
  .combo_box ul li a:hover:after { right: 16px; opacity: 1; } }

@media screen and (max-width: 737px) { .combo_box { margin: 40px auto 25px; max-width: none; }
  .combo_box button { height: 45px; }
  .combo_box ul li a { padding: 12px 16px; }
  .combo_box ul li a:after { content: none; } }

.sub_search { margin-top: -147px; }

/*통합검색 검색창*/
.total_sch { padding: 25px 0 45px; text-align: center; background: #0c3975 url("/www-new/css/../images/sub/bg_total_sch.jpg") no-repeat center top/cover; }

.total_sch .sch_head { max-width: 1420px; margin: 0 auto 43px; line-height: 45px; }

.total_sch .sch_head:after { content: ''; display: block; clear: both; }

.total_sch .sch_head .sch_logo { padding-left: 12px; float: left; }

.total_sch .sch_head .sch_link { float: right; padding: 0 19px; border: 1px solid #6a82b1; border-radius: 44px; }

.total_sch .sch_head .sch_link > li { float: left; font-size: 15.5px; line-height: 44px; vertical-align: top; }

.total_sch .sch_head .sch_link > li:before { content: ''; display: inline-block; width: 1px; height: 12px; background-color: #5b6f94; }

.total_sch .sch_head .sch_link > li:first-of-type:before { content: none; }

.total_sch .sch_head .sch_link > li a { margin: 0 14px; color: #fff; }

.total_sch fieldset { display: inline-block; }

.total_sch fieldset .total_sch_box { display: inline-block; white-space: nowrap; font-size: 0; line-height: 0; }

.total_sch fieldset .total_sch_box .inp { display: inline-block; vertical-align: middle; width: 590px; height: 40px; margin-right: 10px; position: relative; border: 0; }

.total_sch fieldset .total_sch_box .inp input { line-height: 40px; height: 40px; font-size: 16px; }

.total_sch fieldset .total_sch_box .inp button { position: absolute; right: 0; top: 0; width: 60px; height: 40px; background: url("/www-new/css/../images/sub/btn_total_sch.png") no-repeat 50% 50%; font-size: 16px; z-index: 4; }

.total_sch fieldset .total_sch_box .btn_open_detail { display: inline-block; height: 40px; line-height: 38px; margin-right: 40px; padding: 0 20px; vertical-align: middle; font-size: 16px; margin-left: 0; border: 1px solid rgba(255, 255, 255, 0.6); color: #fff; background-color: transparent; }

.total_sch fieldset .total_sch_box .btn_open_detail:after { content: ''; display: inline-block; margin-left: 14px; width: 14px; height: 9px; background: url("/www-new/css/../images/sub/btn_total_sch_detail_off.png") no-repeat 50% 50%; margin-bottom: 1px; }

.total_sch fieldset .total_sch_box .btn_open_detail.active { background-color: rgba(0, 0, 0, 0.35); border-radius: 6px; }

.total_sch fieldset .total_sch_box .btn_open_detail.active:after { background-image: url("/www-new/css/../images/sub/btn_total_sch_detail_on.png"); }

.total_sch fieldset .total_sch_detail { display: none; border-top: 1px solid rgba(255, 255, 255, 0.2); text-align: left; margin-top: 30px; padding-top: 30px; }

.total_sch fieldset .total_sch_detail > ul > li { line-height: 40px; margin-bottom: 15px; }

.total_sch fieldset .total_sch_detail > ul > li:last-of-type { margin-bottom: 0; }

.total_sch fieldset .total_sch_detail > ul > li b { display: inline-block; width: 100px; vertical-align: middle; color: #fff; font-size: 17px; }

.total_sch fieldset .total_sch_detail > ul > li .date_inp { color: #7b7b7b; display: inline-block; vertical-align: middle; }

.total_sch fieldset .total_sch_detail > ul > li .date_inp .inp { border-color: #fff; font-size: 16px; }

.total_sch fieldset .total_sch_detail > ul > li .date_inp .date_btn { min-width: 315px; display: inline-block; vertical-align: middle; }

.total_sch fieldset .total_sch_detail > ul > li .date_inp .date_btn > :nth-child(n) { float: left; width: calc(25% - 3.75px); margin-right: 5px; }

.total_sch fieldset .total_sch_detail > ul > li .date_inp .date_btn > :nth-of-type(4n) { margin-right: 0; }

.total_sch fieldset .total_sch_detail > ul > li .date_inp .date_btn > :not(:nth-of-type(4n + 1)) { clear: none; }

.total_sch fieldset .total_sch_detail > ul > li .date_inp .date_btn > :nth-of-type(4n + 1) { clear: both; }

.total_sch fieldset .total_sch_detail > ul > li .date_inp .date_btn button { background-color: rgba(255, 255, 255, 0.15); color: rgba(255, 255, 255, 0.7); border: 0; font-size: 15px; width: 75px; }

.total_sch fieldset .total_sch_detail > ul > li .date_inp .date_btn button.active { color: #fff; background-color: #00a2c5; }

.total_sch fieldset .total_sch_detail .btn_sch_detail { margin-left: 18px; border: 1px solid #b64c4c; text-align: center; padding: 0 29px; height: 40px; color: #fff; background-color: #9c1d1d; }

.total_sch fieldset .total_sch_detail .form_list > li label { color: rgba(255, 255, 255, 0.7); }

.total_sch .form_list { display: inline-block; vertical-align: middle; }

.total_sch .form_list > li input[type="checkbox"]:checked + label .checkbox { border-color: #00a2c5; background-color: #00a2c5; }

.total_sch .form_list > li input[type="checkbox"]:checked ~ label { color: #60f6ff; }

.total_sch .form_list > li label { color: #fff; font-size: 16px; }

.total_sch .form_list > li label .checkbox { margin-right: 9px; vertical-align: -4px; }

@media screen and (min-width: 737px) { .total_sch fieldset .total_sch_detail > ul > li .date_btn button:hover { background-color: #009bbc; color: #fff; }
  .total_sch fieldset .total_sch_detail .btn_sch_detail:hover { border-radius: 6px; background-color: #bc2323; -webkit-transition: all 0.3s; transition: all 0.3s; } }

@media screen and (max-width: 1450px) { .total_sch .sch_head .sch_link { margin-right: 15px; } }

@media screen and (max-width: 1080px) { .total_sch fieldset { width: 100%; padding: 0 30px; }
  .total_sch fieldset .total_sch_box { display: block; width: 100%; }
  .total_sch fieldset .total_sch_box:after { content: ''; display: block; clear: both; }
  .total_sch fieldset .total_sch_box .inp { width: 100%; margin-right: 0; }
  .total_sch fieldset .total_sch_box .btn_open_detail { float: left; margin-right: 0; margin-top: 10px; margin-left: 0; }
  .total_sch fieldset .total_sch_box .form_list { float: right; margin-top: 30px; }
  .total_sch fieldset .total_sch_box .form_list > li { margin: 0; }
  .total_sch fieldset .total_sch_detail { margin-top: 25px; padding-top: 25px; }
  .total_sch fieldset .total_sch_detail > ul > li { line-height: 1.4; margin-bottom: 20px; }
  .total_sch fieldset .total_sch_detail > ul > li b { display: block; width: 100%; margin-bottom: 14px; } }

@media screen and (max-width: 850px) { .total_sch fieldset .total_sch_detail .btn_sch_detail { width: 120px; display: block; margin: 20px auto 0; float: none; padding: 0 10px; height: 45px; } }

@media screen and (max-width: 737px) { .total_sch { padding: 20px 0 30px; background: #0c3975; }
  .total_sch .sch_head { margin-bottom: 30px; }
  .total_sch .sch_head .sch_link { display: none; }
  .total_sch fieldset { padding: 0 15px; }
  .total_sch fieldset .total_sch_box { display: block; width: 100%; }
  .total_sch fieldset .total_sch_box:after { content: ''; display: block; clear: both; }
  .total_sch fieldset .total_sch_box .inp input { color: #000; padding: 0 14px; font-size: 14px; }
  .total_sch fieldset .total_sch_box .inp button { width: 45px; background-size: 19px auto; }
  .total_sch fieldset .total_sch_box .btn_open_detail { height: 38px; padding: 0 12px; font-size: 14px; }
  .total_sch fieldset .total_sch_box .btn_open_detail:after { content: ''; background-size: 12px auto; margin-left: 9px; }
  .total_sch fieldset .total_sch_box .form_list { margin-top: 20px; }
  .total_sch fieldset .total_sch_box .form_list > li label { font-size: 14px; }
  .total_sch fieldset .total_sch_detail > ul > li b { font-size: 16px; }
  .total_sch fieldset .total_sch_detail > ul > li .form_list { margin-bottom: -20px; }
  .total_sch fieldset .total_sch_detail > ul > li .form_list > li { margin-right: 20px; margin-bottom: 20px; }
  .total_sch fieldset .total_sch_detail > ul > li .form_list > li label { font-size: 14px; }
  .total_sch fieldset .total_sch_detail > ul > li .form_list > li label .checkbox { margin-right: 8px; }
  .total_sch fieldset .total_sch_detail > ul > li .date_inp { width: 100%; margin-bottom: 5px; }
  .total_sch fieldset .total_sch_detail > ul > li .date_inp .inp { width: calc(50% - 9px); }
  .total_sch fieldset .total_sch_detail > ul > li .date_inp .behind { width: 18px; text-align: center; padding: 0; }
  .total_sch fieldset .total_sch_detail > ul > li .date_btn { max-width: none; display: block; margin: 0; width: 100%; margin-top: 5px; }
  .total_sch fieldset .total_sch_detail .btn_sch_detail { width: 103px; font-size: 16px; } }

.tit_page { font-size: 34px; text-align: center; color: #fff; margin-top: -0.2em; margin-bottom: calc(40px - 0.2em); }

@media screen and (max-width: 737px) { .tit_page { font-size: 22px; margin-bottom: calc(20px - 0.2em); } }

.sch_result { padding-bottom: 100px; padding-top: 60px; }

.sch_result .tit_sch { float: left; display: block; text-align: center; color: #000; font-size: 26px; font-weight: 500; padding: 40px 0 39px; }

.sch_result .tit_sch span { color: #0c3975; }

.sch_result .tit_sch b { color: #9c1d1d; font-weight: 600; }

@media screen and (max-width: 1080px) { .sch_result .tit_sch { float: none; text-align: center; padding: 0; margin-top: 28px; margin-bottom: -0.2em; } }

@media screen and (max-width: 737px) { .sch_result .tit_sch { font-size: 19px; margin-top: calc(30px - 0.2em); text-align: left; } }

.sch_result .tab_list { margin-bottom: 0; }

.sch_result .sort { float: right; text-align: right; margin-top: 40px; font-size: 0; line-height: 0; margin-bottom: 40px; }

.sch_result .sort button { color: #666; font-size: 15px; border: 1px solid #cbcccd; border-radius: 36px; height: 36px; text-align: center; padding: 0 22px; line-height: 35px; margin-left: 6px; }

.sch_result .sort button img { display: none; margin-left: 2px; vertical-align: -2px; }

.sch_result .sort button.active { color: #9c1d1d; border-color: #9c1d1d; }

.sch_result .sort button.active img { display: inline; }

@media screen and (max-width: 1080px) { .sch_result .sort { width: 100%; margin-top: 40px; margin-bottom: 40px; text-align: center; } }

@media screen and (max-width: 737px) { .sch_result .sort { margin-top: 30px; margin-bottom: 32px; }
  .sch_result .sort button { font-size: 13px; line-height: 27px; height: 28px; padding: 0 14px; }
  .sch_result .sort button img { width: 12px; }
  .sch_result .sort button:first-of-type { margin-left: 0; } }

.sch_result .sch_list { clear: both; /*국가정보*/ /*요약정보*/ }

.sch_result .sch_list > li { position: relative; margin-bottom: 65px; }

.sch_result .sch_list > li:last-of-type { margin-bottom: 0; }

@media screen and (max-width: 737px) { .sch_result .sch_list > li { margin-bottom: 34px; } }

.sch_result .sch_list .tit_md { padding-bottom: 20px; border-bottom: 1px solid #b2b2b2; margin-bottom: 0; }

.sch_result .sch_list .tit_md span { font-size: 20px; }

.sch_result .sch_list .tit_md span b { color: #9c1d1d; font-weight: 600; }

@media screen and (max-width: 737px) { .sch_result .sch_list .tit_md { font-size: 18px; padding-bottom: 11px; }
  .sch_result .sch_list .tit_md span { font-size: 13px; } }

.sch_result .sch_list .sch_nation > li { border-bottom: 1px solid #e0e0e0; padding: 20px 0 30px; }

.sch_result .sch_list .sch_nation > li:after { content: ''; display: block; clear: both; }

.sch_result .sch_list .sch_nation > li > a { float: left; }

.sch_result .sch_list .sch_nation > li > a .nation { display: inline-block; width: auto; vertical-align: middle; margin-right: 40px; margin-top: 10px; }

.sch_result .sch_list .sch_nation > li > a .dot { display: inline-block; vertical-align: middle; margin-top: 10px; }

.sch_result .sch_list .sch_nation > li > ul { float: right; margin-top: 13px; }

.sch_result .sch_list .sch_nation > li > ul > li { float: left; margin-left: 5px; }

.sch_result .sch_list .sch_nation > li > ul > li a { display: block; padding: 8px 25px; border: 1px solid #cbcccd; color: #555555; }

@media screen and (max-width: 737px) { .sch_result .sch_list .sch_nation > li { padding: 20px 0; }
  .sch_result .sch_list .sch_nation > li > a .nation { display: block; width: 100%; margin-right: 0; margin-top: 0; }
  .sch_result .sch_list .sch_nation > li > a .dot { display: block; }
  .sch_result .sch_list .sch_nation > li > ul { width: 100%; }
  .sch_result .sch_list .sch_nation > li > ul > li { margin-left: 0; width: 100%; margin-bottom: 5px; }
  .sch_result .sch_list .sch_nation > li > ul > li:last-of-type { margin-bottom: 0; }
  .sch_result .sch_list .sch_nation > li > ul > li a { display: block; padding: 9px 25px; text-align: center; font-size: 13px; } }

.sch_result .sch_list .sch_con > li { border-bottom: 1px solid #e0e0e0; padding: 30px 0; }

.sch_result .sch_list .sch_con > li .yk_info:after { content: ''; display: block; clear: both; }

.sch_result .sch_list .sch_con > li .yk_info a { display: block; }

.sch_result .sch_list .sch_con > li .yk_info .nation_Info { float: left; width: calc(100% - 200px); position: relative; }

.sch_result .sch_list .sch_con > li .yk_info .nation_Info .img_bg { position: absolute; left: 0; top: 0; }

.sch_result .sch_list .sch_con > li .yk_info .nation_Info .img_bg + dl dt { height: 44px; padding-left: 83px; }

.sch_result .sch_list .sch_con > li .yk_info .nation_Info .img_bg { width: 66px; height: 44px; -webkit-box-shadow: 3px 3px 13px rgba(0, 0, 0, 0.12); box-shadow: 3px 3px 13px rgba(0, 0, 0, 0.12); position: absolute; display: block; }

.sch_result .sch_list .sch_con > li .yk_info .nation_Info .img_bg a, .sch_result .sch_list .sch_con > li .yk_info .nation_Info .img_bg img { width: 100%; height: 100%; position: absolute; left: 0; top: 0; }

.sch_result .sch_list .sch_con > li .yk_info .nation_Info dl { font-size: 18px; }

.sch_result .sch_list .sch_con > li .yk_info .nation_Info dl dt span { display: block; font-size: 14px; color: #787c8d; }

.sch_result .sch_list .sch_con > li .yk_info .nation_Info dl dd p { padding: 0; margin: 0; font-size: 15px; color: #555; margin-top: 15px; margin-bottom: 0; }

.sch_result .sch_list .sch_con > li .yk_info .n_select_box { float: right; }

.sch_result .sch_list .sch_con > li .yk_info .n_select_box a { padding: 8px 25px; border: 1px solid #cbcccd; color: #555555; margin-top: 36px; width: auto; display: block; }

.sch_result .sch_list .sch_con > li > ul { margin-top: 12px; }

.sch_result .sch_list .sch_con > li > ul li { float: left; margin-top: 15px; margin-right: 15px; }

.sch_result .sch_list .sch_con > li > ul li a { display: block; border: 1px solid #cbcccd; border-radius: 6px; background: url("/www-new/css/../images/common/icon_lnb_link.png") no-repeat right 20px center; position: relative; padding: 17px 50px 17px 58px; }

.sch_result .sch_list .sch_con > li > ul li a span { position: absolute; left: 18px; top: 50%; width: 30px; height: 30px; margin-top: -15px; margin-right: 7px; vertical-align: middle; }

.sch_result .sch_list .sch_con > li > ul li a span img { width: 100%; height: 100%; }

@media screen and (max-width: 737px) { .sch_result .sch_list .sch_con > li { padding: 20px 0; }
  .sch_result .sch_list .sch_con > li .yk_info .nation_Info { width: 100%; }
  .sch_result .sch_list .sch_con > li .yk_info .nation_Info .img_bg { width: 57px; height: 38px; }
  .sch_result .sch_list .sch_con > li .yk_info .nation_Info .img_bg + dl dt { height: 38px; padding-left: 72px; width: calc(100% - 72px); }
  .sch_result .sch_list .sch_con > li .yk_info .nation_Info dl { font-size: 16px; }
  .sch_result .sch_list .sch_con > li .yk_info .nation_Info dl dt span { font-size: 12px; margin-top: 1px; }
  .sch_result .sch_list .sch_con > li .yk_info .nation_Info dl dd p { font-size: 14px; margin-top: 13px; }
  .sch_result .sch_list .sch_con > li .yk_info .n_select_box { display: none; }
  .sch_result .sch_list .sch_con > li > ul { margin-top: 7px; }
  .sch_result .sch_list .sch_con > li > ul li { margin-top: 10px; margin-right: 0; width: 100%; }
  .sch_result .sch_list .sch_con > li > ul li a { padding: 12px 30px 12px 35px; background-position: right 10px center; background-size: 12px auto; position: relative; }
  .sch_result .sch_list .sch_con > li > ul li a span { left: 10px; width: 20px; height: 20px; margin-top: -10px; } }

.sch_result .sch_list .bar { font-size: 18px; margin-top: 27px; margin-bottom: -3px; }

.sch_result .sch_list .bar > li { margin-bottom: 12px; }

.sch_result .sch_list .bar > li span { color: #0059d1; }

.sch_result .sch_list .bar > li:last-of-type { margin-bottom: 0; }

@media screen and (max-width: 737px) { .sch_result .sch_list .bar { font-size: 14px; margin-top: 17px; }
  .sch_result .sch_list .bar > li { margin-bottom: 12px; } }

.sch_result .sch_list .txt > li { padding: 26px 0 27px; border-bottom: 1px solid #e0e0e0; }

.sch_result .sch_list .txt > li .tit_sm { font-size: 18px; margin-bottom: 12px; color: #000; }

.sch_result .sch_list .txt > li .tit_sm span { color: #0059d1; }

.sch_result .sch_list .txt > li p { text-overflow: ellipsis; overflow: hidden; display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical; font-size: 15px; line-height: 1.6; color: #555; margin-bottom: 16px; }

.sch_result .sch_list .txt > li p span { color: #0059d1; }

@media screen and (max-width: 737px) { .sch_result .sch_list .txt > li { padding: 17px 0 18px; }
  .sch_result .sch_list .txt > li .tit_sm { font-size: 16px; margin-bottom: 4px; }
  .sch_result .sch_list .txt > li p { font-size: 14px; line-height: 1.42; display: block; margin-bottom: 10px; } }

.sch_result .sch_list .null { text-align: center; padding-top: 50px; padding-bottom: 50px; border-bottom: 1px solid #e0e0e0; line-height: 38px; font-size: 18px; }

.sch_result .sch_list .null span { color: #0059d1; background: url("/www-new/css/../images/sub/icon_total_sch_null.png") no-repeat left center; padding-left: 49px; display: inline-block; }

@media screen and (max-width: 737px) { .sch_result .sch_list .null { padding: 27px 0; font-size: 14px; line-height: 1.4; }
  .sch_result .sch_list .null span { background: none; padding-left: 0; display: inline; } }

.sch_result .sch_list .file { margin-top: 15px; }

.sch_result .sch_list .file > :nth-child(n) { float: left; width: calc(50% - 7.5px); margin-right: 15px; }

.sch_result .sch_list .file > :nth-of-type(2n) { margin-right: 0; }

.sch_result .sch_list .file > :not(:nth-of-type(2n + 1)) { clear: none; }

.sch_result .sch_list .file > :nth-of-type(2n + 1) { clear: both; }

.sch_result .sch_list .file > li { margin-top: 15px; }

.sch_result .sch_list .file > li a { display: block; border: 1px solid #cbcccd; border-radius: 6px; position: relative; padding: 18px 60px 18px 55px; background: url("/www-new/css/../images/common/icon_board_file_down.png") no-repeat right 20px center; }

.sch_result .sch_list .file > li a > img { position: absolute; left: 20px; top: 17px; }

.sch_result .sch_list .file > li a > span { max-width: 100%; text-overflow: ellipsis; overflow: hidden; white-space: nowrap; display: block; }

.sch_result .sch_list .file > li a > span img { display: none; }

@media screen and (max-width: 737px) { .sch_result .sch_list .file { margin-top: 5px; }
  .sch_result .sch_list .file > :nth-child(n) { float: left; width: calc(100% - 0px); margin-right: 0px; }
  .sch_result .sch_list .file > :nth-of-type(1n) { margin-right: 0; }
  .sch_result .sch_list .file > :not(:nth-of-type(1n + 1)) { clear: none; }
  .sch_result .sch_list .file > :nth-of-type(1n + 1) { clear: both; }
  .sch_result .sch_list .file > li { margin-top: 10px; }
  .sch_result .sch_list .file > li a { padding: 9px 10px 9px 35px; background: none; font-size: 14px; }
  .sch_result .sch_list .file > li a > img { width: 19px; position: absolute; left: 10px; top: 10px; }
  .sch_result .sch_list .file > li a > span { white-space: unset; }
  .sch_result .sch_list .file > li a > span img { display: inline; margin-left: 10px; width: 15px; vertical-align: 0; } }

.sch_result .sch_list .tableB.type3 { margin-top: 28px; }

.sch_result .sch_list .tableB.type3 th, .sch_result .sch_list .tableB.type3 td { border-right: 1px solid #dfdfdf; }

.sch_result .sch_list .tableB.type3 th:last-of-type, .sch_result .sch_list .tableB.type3 td:last-of-type { border-right: 0; }

.sch_result .sch_list .tableB.type3 thead tr th { background-color: #f7f8f9; }

.sch_result .sch_list .tableB.type3 tbody tr td span { color: #0059d1; }

.sch_result .sch_list .tableB.type3 tbody tr td:nth-of-type(2) { text-align: left; padding-left: 20px; }

@media screen and (max-width: 737px) { .sch_result .sch_list .tableB.type3 { border-top: 0; margin-top: 0; }
  .sch_result .sch_list .tableB.type3 td:before { width: 100%; text-align: left; float: none; font-size: 16px; margin-bottom: 8px; }
  .sch_result .sch_list .tableB.type3 th, .sch_result .sch_list .tableB.type3 td { border-right: 0; }
  .sch_result .sch_list .tableB.type3 tbody tr td { font-size: 14px; padding: 0 20px; margin-bottom: 14px; }
  .sch_result .sch_list .tableB.type3 tbody tr td:nth-of-type(2) { padding: 0 20px; }
  .sch_result .sch_list .tableB.type3 tbody tr td:last-of-type { margin-bottom: 0; } }

.sch_result .sch_list .hash_tag { margin-top: -6px; margin-bottom: 28px; }

.sch_result .sch_list .hash_tag > li { float: left; margin-right: 4px; margin-top: 6px; }

.sch_result .sch_list .hash_tag > li a { font-size: 15px; padding: 0 15px; color: #0b428c; border-radius: 0.9em; background-color: #ebf3fb; line-height: 1.8; height: 1.8em; display: block; }

.sch_result .sch_list .hash_tag > li a:before { content: '#'; }

@media screen and (max-width: 737px) { .sch_result .sch_list .hash_tag { margin-bottom: 16px; }
  .sch_result .sch_list .hash_tag > li { margin-right: 5px; }
  .sch_result .sch_list .hash_tag > li a { font-size: 14px; line-height: 1.85; height: 1.85em; border-radius: 0.925em; } }

.sch_result .sch_list .more { position: absolute; right: 0; top: 12px; padding-right: 15px; background: url("/www-new/css/../images/sub/total_sch_more.png") no-repeat right center; }

@media screen and (max-width: 737px) { .sch_result .sch_list .more { font-size: 12px; top: 7px; background-size: 6px auto; background-position: right top 3px; padding-right: 11px; } }

.sch_result .enter > li:last-of-type { background-image: none; padding-left: 15px; }

@media screen and (max-width: 737px) { .sch_result { padding-bottom: 50px; padding-top: 30px; }
  .sch_result .enter > li:last-of-type { padding-left: 0; width: 100%; } }

/*breadcrumb*/
.breadcrumb li { float: left; padding-left: 32px; background: url("/www-new/css/../images/common/arrow_breadcrumb.png") no-repeat left 12px center; }

.breadcrumb li span { color: #0059d1; }

.breadcrumb li:first-of-type { padding-left: 0; background-image: none; }

@media screen and (max-width: 737px) { .breadcrumb li { padding-left: 25px; background-size: 6px auto; background-position: left 10px center; } }

/*enter 화살표 표기가 있는 리스트*/
.enter { padding-left: 20px; background: url("/www-new/css/../images/sub/icon_enter.png") no-repeat left top 4px; font-size: 14px; color: #777; }

.enter > li { float: left; padding-left: 23px; background: url("/www-new/css/../images/sub/arrow_breadcrumb2.png") no-repeat left 9px center; }

.enter > li span { margin-left: 12px; }

.enter > li:first-of-type { padding-left: 0; background-image: none; }

@media screen and (max-width: 737px) { .enter { position: relative; padding-left: 18px; background-size: 12px auto; background-position: left top 3px; font-size: 13px; padding-bottom: 20px; }
  .enter > li { padding-left: 21px; background-size: 6px auto; background-position: left 7px center; }
  .enter > li span { position: absolute; left: 18px; bottom: 0; margin-left: 0; } }

/*방문신청 안내*/
.visit { margin-bottom: 50px; }

.visit > li { margin-bottom: 20px; }

.visit > li:after { content: ''; display: block; clear: both; }

.visit > li:last-of-type { margin-bottom: 0; }

.visit > li b { float: left; width: 64px; font-size: 48px; color: #466793; font-weight: 600; line-height: 64px; }

.visit > li strong { float: left; width: 211px; margin-left: 36px; height: 64px; display: table; border: 4px solid #dce2ed; position: relative; background-color: #fff; }

.visit > li strong:before { content: ''; width: 36px; height: 64px; background: url("/www-new/css/../images/sub/icon_visit.jpg") no-repeat left center; position: absolute; left: -40px; top: -4px; }

.visit > li strong span { display: table-cell; vertical-align: middle; font-size: 17px; text-align: center; }

.visit > li div { float: left; width: calc(100% - 320px); height: 64px; margin-left: 9px; background-color: #f6f8fc; display: table; padding: 0 25px; }

.visit > li div span { display: table-cell; vertical-align: middle; }

/* .visit > li:nth-of-type(1) strong { -webkit-animation: next-color 4s infinite; animation: next-color 4s infinite; }

.visit > li:nth-of-type(2) strong { -webkit-animation: next-color 4s 1s infinite; animation: next-color 4s 1s infinite; }

.visit > li:nth-of-type(3) strong { -webkit-animation: next-color 4s 2s infinite; animation: next-color 4s 2s infinite; }

.visit > li:nth-of-type(4) strong { -webkit-animation: next-color 4s 3s infinite; animation: next-color 4s 3s infinite; } */

@media screen and (max-width: 737px) { 
  .visit { margin-bottom: 40px; }
  .visit > li { margin-bottom: 20px; }
  .visit > li b { width: 100%; height: auto; margin-bottom: 4px; text-align: center; position: relative; z-index: -1; top: 0;line-height: 1; }
  .visit > li strong { width: 100%; margin-left: 0; height: 52px; margin-bottom: 5px; }
  .visit > li strong:before { content: none; }
  .visit > li strong span { font-size: 15px; }
  .visit > li div { width: 100%; min-height: 52px; height: auto; margin-left: 0; padding: 10px 15px; text-align: center; font-size: 14px; } 
}

@-webkit-keyframes next-color { 0% { border-color: #0c3975;
    background-color: #0c3975;
    color: #fff; }
  25% { border-color: #0c3975;
    background-color: #0c3975;
    color: #fff; }
  50% { border-color: #dce2ed;
    background-color: #fff;
    color: #000; } }

@keyframes next-color { 0% { border-color: #0c3975;
    background-color: #0c3975;
    color: #fff; }
  25% { border-color: #0c3975;
    background-color: #0c3975;
    color: #fff; }
  50% { border-color: #dce2ed;
    background-color: #fff;
    color: #000; } }

.visit_end { padding-top: 56px; padding-bottom: 55px; text-align: center; }

.visit_end h3 { font-size: 22px; padding-top: 95px; background: url("/www-new/css/../images/sub/icon_visit_end.png") no-repeat center top; margin-bottom: 18px; }

.visit_end > div { margin-top: 26px; min-width: 236px; display: inline-block; background-color: #fff; border: 1px solid #dfdfdf; font-size: 18px; padding: 12px 20px; }

@media screen and (max-width: 737px) { .visit_end { padding-top: 21px; padding-bottom: 25px; text-align: center; }
  .visit_end h3 { font-size: 17px; padding-top: 0; background: none; margin-bottom: 9px; font-weight: 500; }
  .visit_end > div { margin-top: 17px; min-width: 172px; font-size: 16px; padding: 11px 20px; } }

/*알림 상자*/
.note { border: 1px solid #dfdfdf; }

.note > div:first-of-type { border-bottom: 1px dotted #dfdfdf; line-height: 59px; padding: 0 25px; }

.note > div:first-of-type strong { padding-left: 26px; background: url("/www-new/css/../images/sub/icon_note.png") no-repeat left center; font-size: 17px; }

.note > div:last-of-type { padding: 17px 25px; }

@media screen and (max-width: 737px) { .note > div:first-of-type { line-height: 59px; padding: 0 20px; }
  .note > div:first-of-type strong { padding-left: 23px; background-size: 16px auto; font-size: 15px; }
  .note > div:last-of-type { padding: 14px 20px; } }

.note2 { padding-left: 25px; background: url("/www-new/css/../images/sub/icon_note2.png") no-repeat left top 1px; font-size: 15px; }

@media screen and (max-width: 737px) { .note2 { font-size: 13px; background-size: 16px; padding-left: 21px; background-position: left top 0; } }

/*방문신청 단계*/
.visit_step { position: relative; margin-bottom: 56px; }

.visit_step:before { content: ''; width: 100%; height: 6px; border-radius: 6px; background-color: #e9ecee; position: absolute; left: 0; bottom: 0; }

.visit_step > li { float: left; width: 33.3333%; position: relative; padding-bottom: 29px; color: #777777; font-size: 22px; text-align: center; }

.visit_step > li span { display: block; color: #777777; font-weight: 600; margin-top: 10px; line-height: 22px; white-space: nowrap; }

.visit_step > li.active { color: #9c1d1d; }

.visit_step > li.active span { overflow: hidden; margin-left: auto; margin-right: auto; width: 22px; text-indent: 22px; background: url("/www-new/css/../images/sub/icon_sort.png") no-repeat center; }

.visit_step > li.active:before { content: ''; width: 100%; height: 6px; border-radius: 6px; background-color: #9c1d1d; position: absolute; left: 0; bottom: 0; }

@media screen and (max-width: 737px) { .visit_step { margin-bottom: 35px; }
  .visit_step > li { padding-bottom: 23px; font-size: 16px; }
  .visit_step > li span { margin-top: 6px; line-height: 17px; font-size: 17px; }
  .visit_step > li.active span { width: 17px; text-indent: 17px; background-size: 16px auto; } }

/*날짜선택*/
.cal_inp { width: 100%; text-align: center; }

.cal_inp .cal_control { margin-bottom: 30px; display: inline-block; line-height: 29px; }

.cal_inp .cal_control button { width: 29px; height: 29px; background-position: 50% 50%; background-repeat: no-repeat; vertical-align: middle; }

.cal_inp .cal_control button.cal_prev { background-image: url("/www-new/css/../images/sub/cal_prev.png"); }

.cal_inp .cal_control button.cal_prev:hover { background-image: url("/www-new/css/../images/sub/cal_prev_on.png"); }

.cal_inp .cal_control button.cal_next { background-image: url("/www-new/css/../images/sub/cal_next.png"); }

.cal_inp .cal_control button.cal_next:hover { background-image: url("/www-new/css/../images/sub/cal_next_on.png"); }

.cal_inp .cal_control span { display: inline-block; margin: 0 19px; vertical-align: middle; font-weight: 500; font-size: 30px; }

.cal_inp .cal_info { display: none; border: 1px solid #cbcccd; padding: 8px 0; margin-bottom: 25px; }

.cal_inp .cal_info > li { margin-left: 20px; font-size: 14px; float: left; }

.cal_inp .cal_info > li:before { content: ''; width: 15px; height: 15px; display: inline-block; margin-right: 5px; vertical-align: -2px; }

.cal_inp .cal_info > li.book:before { background-color: #0c3975; color: #0c3975; }

.cal_inp .cal_info > li.not:before { background-color: #dddddd; }

.cal_inp .cal_info > li.today:before { -webkit-box-sizing: border-box; box-sizing: border-box; border: 3px solid #9c1d1d; }

.cal_inp table { width: 100%; text-align: center; border-top: 1px solid #dfdfdf; }

.cal_inp table thead th { border: 1px solid #dfdfdf; background-color: #f7f8f9; height: 57px; font-size: 18px; }

.cal_inp table thead th:first-of-type { color: #9c1d1d; }

.cal_inp table thead th:last-of-type { color: #0059d1; }

.cal_inp table tbody td { height: 109px; color: #7f7f7f; border: 1px solid #dfdfdf; text-align: left; vertical-align: top; padding: 14px 0; text-indent: 18px; }

.cal_inp table tbody td div { text-align: center; margin: 25px auto 0; font-size: 14px; text-indent: 0; }

.cal_inp table tbody td div a { display: inline-block; padding: 5px 12px; text-align: center; min-width: 73px; }

.cal_inp table tbody td.book div a { color: #ffffff; background-color: #0c3975; }

.cal_inp table tbody td.not div a { color: #000; background-color: #dddddd; }

.cal_inp table tbody td:first-of-type { color: #bd7c7c; }

.cal_inp table tbody td:last-of-type { color: #7f9ee2; }

.cal_inp table tbody td.active { color: #9c1d1d; -webkit-box-shadow: inset 0 0 0 3px #9c1d1d; box-shadow: inset 0 0 0 3px #9c1d1d; }

.cal_inp table tbody td.active div span { padding-right: 17px; background: url("/www-new/css/../images/sub/icon_cal_today.png") no-repeat right center; font-size: 16px; }

@media screen and (min-width: 737px) { .cal_inp table tbody td.book div a { -webkit-transition: all 0.3s; transition: all 0.3s; }
  .cal_inp table tbody td.book div a:hover { border-radius: 6px; background-color: #114e9f; }
  .cal_inp table tbody td.book div a:focus { outline-offset: 3px; } }

@media screen and (max-width: 737px) { .cal_inp .cal_control { margin-bottom: 20px; display: inline-block; line-height: 25px; }
  .cal_inp .cal_control button { width: 25px; height: 25px; background-size: 25px auto; }
  .cal_inp .cal_control span { margin: 0 19px; font-size: 24px; }
  .cal_inp .cal_info { display: block; }
  .cal_inp table thead th { height: 29px; font-size: 11px; }
  .cal_inp table tbody td { height: 45px; font-size: 13px; padding: 4px 0 0; text-indent: 7px; }
  .cal_inp table tbody td div { margin: 0; margin-top: -22px; }
  .cal_inp table tbody td div a { display: block; width: 100%; height: 45px; min-width: auto; }
  .cal_inp table tbody td.book { background-color: #0c3975; color: #fff; }
  .cal_inp table tbody td.book div a { color: transparent; background-color: transparent; padding: 0; }
  .cal_inp table tbody td.not { background-color: #dddddd; }
  .cal_inp table tbody td.not div a { color: transparent; background-color: transparent; }
  .cal_inp table tbody td.active { color: #9c1d1d; -webkit-box-shadow: inset 0 0 0 3px #9c1d1d; box-shadow: inset 0 0 0 3px #9c1d1d; }
  .cal_inp table tbody td.active div span { display: inline-block; margin-top: 22px; padding-right: 0; background: url("/www-new/css/../images/sub/icon_cal_today_m.png") no-repeat center/14px auto; width: 14px; height: 10px; overflow: hidden; color: transparent; } }

.citation h3 { font-size: 26px; padding-top: 94px; margin-bottom: 44px; background: url("/www-new/css/../images/sub/icon_citation_tit.png") no-repeat center top 40px; text-align: center; }

.citation ul { display: flex; align-items: flex-start; justify-content: center; column-gap: 40px; text-align: center; }
.citation ul::after { display: none; }

.citation ul li { max-width: 400px; width: 100%;  height: 580px; background-color: #f7f8fc; padding: 60px 0px 0; position: relative; }

.citation ul li:nth-of-type(0n+2) { display: none; }

.citation ul li .icon { width: 134px; height: 134px; margin: auto; border-radius: 134px; -webkit-box-shadow: 8px 8px 16px rgba(0, 0, 0, 0.05); box-shadow: 8px 8px 16px rgba(0, 0, 0, 0.05); }

.citation ul li h4 { margin: 36px 0 24px; font-size: 25px; }

.citation ul li .txt { margin: 0 auto; line-height: 1.5; font-size: 15px; word-break: keep-all; }

.citation ul li .txt p { margin: 10px auto; }
.citation ul li .txt .tt1 { width: 80%; }
.citation ul li .txt .tt2 {}
.citation ul li .txt .tt3 { font-size: 14px; }
.citation ul li .txt .tt4 { min-width: 250px; width: 58%; margin-top: 60px; }

.citation ul li .btn1 { position: absolute; left: 50%; bottom: 70px; -webkit-transform: translateX(-50%); transform: translateX(-50%); min-width: 162px; height: 50px; line-height: 50px; outline-offset: 4px; }

@media screen and (min-width: 737px) { 
  .citation ul li .icon, .citation ul li img { -webkit-transition: 0.3s; transition: 0.3s; }
  .citation ul li:hover .icon { -webkit-box-shadow: 8px 8px 16px rgba(0, 0, 0, 0.12); box-shadow: 8px 8px 16px rgba(0, 0, 0, 0.12); }
  .citation ul li:hover .icon img { -webkit-transform: rotateY(180deg); transform: rotateY(180deg); } 
}

@media screen and (max-width: 737px) { 
    .citation h3 { font-size: 20px; line-height: 1.3; padding-top: 37px; margin-bottom: 32px; background-size: 25px; background-position: top center; }
    .citation ul { display: grid; }
    .citation ul li { padding: 35px 20px; max-width: 100%; width: 100%; display: block; margin-right: 0; margin-bottom: 15px; height: auto; }
    .citation ul li:last-of-type { margin-bottom: 0; }
    .citation ul li .icon { width: 67px; height: 67px; border-radius: 67px; -webkit-box-shadow: 4px 4px 8px rgba(0, 0, 0, 0.05); box-shadow: 4px 4px 8px rgba(0, 0, 0, 0.05); }
    .citation ul li h4 { margin: 22px 0 11px; font-size: 17px; }
    .citation ul li .txt { max-width: 100%; width: 100%; font-size: 14px; }
    .citation ul li .txt .tt1 { max-width: 460px; width: 100%; }
    .citation ul li .txt .tt4 { width: 100%; margin: 20px auto 25px; }
    .citation ul li .btn1 { position: static; margin-top: 16px; -webkit-transform: translateX(0); transform: translateX(0); min-width: 120px; height: 45px; line-height: 45px; } 
}

.notice_box2 { background-color: #f4f8fb; border-radius: 100px; padding: 30px 70px 30px 30px; display: table; margin-bottom: 40px; width: 100%; }

.notice_box2 > div { width: 110px; display: table-cell; }

.notice_box2 > div span { width: 110px; height: 110px; display: table-cell; border-radius: 50%; background: #fff; -webkit-box-shadow: 5px 5px 10px rgba(0, 0, 0, 0.05); box-shadow: 5px 5px 10px rgba(0, 0, 0, 0.05); text-align: center; vertical-align: middle; }

.notice_box2 > h4 { width: auto; display: table-cell; vertical-align: middle; padding-left: 35px; font-size: 15px; color: #555; }

.notice_box2 > h4 strong { display: block; font-size: 20px; color: #000; margin-bottom: 12px; font-weight: 500; }

.notice_box2 > h4 strong b { font-size: 28px; }

@media screen and (max-width: 737px) { .notice_box2 { border-radius: 10px; padding: 20px; }
  .notice_box2 > div { display: block; width: 100%; text-align: center; margin-bottom: 15px; }
  .notice_box2 > div span { display: inline-block; line-height: 110px; }
  .notice_box2 > div span img { vertical-align: middle; }
  .notice_box2 > h4 { display: block; width: 100%; padding: 0; text-align: center; } }

.map_box { text-align: center; position: relative; margin-bottom: 150px; }

.map_box .txt_box > a { display: none; min-width: 160px; height: 40px; border-radius: 6px; -webkit-box-shadow: 0 8px 15px rgba(0, 50, 111, 0.3); box-shadow: 0 8px 15px rgba(0, 50, 111, 0.3); background: url("/www-new/css/../images/sub/txt_bg_01.png") no-repeat 50% 50%/cover; position: absolute; -webkit-transform: translate(-50%, -50%); transform: translate(-50%, -50%); }

.map_box .txt_box > a.active { display: table; }

.map_box .txt_box > a em { display: table-cell; vertical-align: middle; padding: 0 50px 0 25px; font-size: 15px; color: #fff; text-align: left; position: relative; }

.map_box .txt_box > a em:before { content: ""; display: block; width: 40px; height: 40px; background: url("/www-new/css/../images/sub/icon_plus.png") no-repeat center; position: absolute; top: 0; right: 0; border-left: 1px solid #35a4da; }

.map_box .txt_box > a em:after { content: ""; display: block; width: 15px; height: 13px; background: url("/www-new/css/../images/sub/tri_bg_01.png") no-repeat center; position: absolute; bottom: -12px; left: 50%; -webkit-transform: translateX(-50%); transform: translateX(-50%); }

.map_box .txt_box .txt1 { top: 20%; left: 73%; }

.map_box .txt_box .txt2 { bottom: 23%; left: 80%; }

.map_box .txt_box .txt3 { top: 15%; left: 41%; }

.map_box .txt_box .txt4 { top: 35%; left: 38%; }

.map_box .txt_box .txt5 { top: 54%; left: 39%; }

.map_box .txt_box .txt6 { bottom: 15%; left: 43%; }

.map_box .txt_box .txt7 { bottom: 28%; left: 20%; }

.map_box .txt_box .txt8 { bottom: 50%; left: 21%; }

.map_box .txt_box .txt9 { top: 22%; left: 18%; }

@media screen and (max-width: 737px) { .map_box { margin-bottom: 100px; }
  .map_box area { outline: none; }
  .map_box .txt_box > a { min-width: 100px; height: 30px; border-radius: 3px; }
  .map_box .txt_box > a em { font-size: 12px; padding: 0 40px 0 10px; }
  .map_box .txt_box > a em:before { width: 30px; height: 30px; }
  .map_box .txt_box .txt2 { left: 83%; }
  .map_box .txt_box .txt4 { top: 30%; left: 37%; }
  .map_box .txt_box .txt7 { left: 14%; }
  .map_box .txt_box .txt8 { left: 16%; }
  .map_box .txt_box .txt9 { top: 13%; left: 12%; } }

.nation_list > li { margin-bottom: 100px; position: relative; }

.nation_list > li h3 { display: table; min-width: 186px; height: 48px; position: absolute; top: -48px; left: 0; }

.nation_list > li h3 span { display: table-cell; vertical-align: middle; padding: 0 75px 0 30px; background: #0c3975; color: #fff; font-size: 18px; position: relative; }

.nation_list > li h3 span:after { content: ""; display: block; width: 0px; height: 0px; border-bottom: 48px solid transparent; border-right: 40px solid #fff; position: absolute; top: 0; right: 0; }

.nation_list > li:last-child { margin-bottom: 0; }

.nation_list > li > a { display: inline-block; padding-right: 15px; background: url("/www-new/css/../images/sub/icon_arrow_01.png") no-repeat right center; position: absolute; top: -34px; right: 0; }

.nation_list ol { padding: 25px 40px; background: #f7f8fc; }

.nation_list ol:after { content: ""; display: block; clear: both; }

.nation_list ol li { float: left; width: 25%; margin: 15px 0; padding-right: 10px; word-break: break-all; }

.nation_list ol li:nth-child(4n+1) { clear: both; }

.nation_list ol li a { font-size: 0; line-height: 0; }

.nation_list ol li a .img { display: inline-block; vertical-align: middle; width: 50px; height: 33px; margin-right: 17px; -webkit-box-shadow: 3px 3px 13px rgba(0, 0, 0, 0.12); box-shadow: 3px 3px 13px rgba(0, 0, 0, 0.12); }

.nation_list ol li a .img img { width: 100%; height: 100%; }

.nation_list ol li a span { display: inline-block; vertical-align: middle; width: calc(100% - 67px); line-height: 1.2em; font-size: 18px; }

@media all and (min-width: 1081px) and (max-width: 1200px) { .nation_list ol li { width: 50%; }
  .nation_list ol li:nth-child(4n+1) { clear: none; }
  .nation_list ol li:nth-child(2n+1) { clear: both; } }

@media screen and (max-width: 990px) { .nation_list ol li { width: 50%; }
  .nation_list ol li:nth-child(4n+1) { clear: none; }
  .nation_list ol li:nth-child(2n+1) { clear: both; } }

@media screen and (max-width: 737px) { .nation_list > li { margin-bottom: 60px; }
  .nation_list > li h3 { min-width: 128px; height: 37px; top: -37px; }
  .nation_list > li h3 span { padding: 0 50px 0 16px; font-size: 14px; }
  .nation_list > li h3 span:after { border-bottom: 37px solid transparent; border-right: 30px solid #fff; top: -1px; }
  .nation_list > li > a { top: -28px; }
  .nation_list ol { padding: 25px; }
  .nation_list ol li { width: 100%; margin: 0 0 15px 0; }
  .nation_list ol li:last-child { margin-bottom: 0; }
  .nation_list ol li a .img { width: 33px; height: 22px; vertical-align: middle; margin-right: 12px; }
  .nation_list ol li a span { font-size: 14px; } }

/*배너모음*/
.banners { margin-top: -30px; }

.banners > :nth-child(n) { float: left; width: calc(25% - 22.5px); margin-right: 30px; }

.banners > :nth-of-type(4n) { margin-right: 0; }

.banners > :not(:nth-of-type(4n + 1)) { clear: none; }

.banners > :nth-of-type(4n + 1) { clear: both; }

.banners > li { margin-top: 30px; }

.banners > li a { display: block; border: 1px solid #dfdfdf; text-align: center; }

.banners > li a > div { border-bottom: 1px solid #dfdfdf; padding: 45px 15px; height: 212px; position: relative; }

.banners > li a > div b { max-width: 180px; margin: auto; display: block; }

.banners > li a > div > div { width: 100%; margin-top: 47px; position: absolute; bottom: 49px; left: 50%; -webkit-transform: translateX(-50%); transform: translateX(-50%); }

.banners > li a > span { color: #7a7a7a; background-color: #f7f8f9; display: block; line-height: 43px; font-size: 15px; }

.banners > li a > span:after { content: ''; width: 16px; height: 16px; display: inline-block; vertical-align: -3px; margin-left: 7px; background: url("/www-new/css/../images/common/btn_link_off.png") no-repeat center/cover; }

@media screen and (min-width: 737px) { .banners a { -webkit-transition: 0.3s; transition: 0.3s; }
  .banners a > div, .banners a > span { -webkit-transition: 0.3s; transition: 0.3s; }
  .banners a:hover { border-radius: 6px; border-color: #7e8081; overflow: hidden; }
  .banners a:hover > div { border-bottom-color: #7e8081; }
  .banners a:hover > span { color: #000; } }

@media screen and (max-width: 1200px) { .banners > :nth-child(n) { float: left; width: calc(33.33333% - 20px); margin-right: 30px; }
  .banners > :nth-of-type(3n) { margin-right: 0; }
  .banners > :not(:nth-of-type(3n + 1)) { clear: none; }
  .banners > :nth-of-type(3n + 1) { clear: both; } }

@media screen and (max-width: 737px) { .banners { margin-top: -15px; }
  .banners > :nth-child(n) { float: left; width: calc(100% - 0px); margin-right: 0px; }
  .banners > :nth-of-type(1n) { margin-right: 0; }
  .banners > :not(:nth-of-type(1n + 1)) { clear: none; }
  .banners > :nth-of-type(1n + 1) { clear: both; }
  .banners > li { margin-top: 15px; }
  .banners > li a > div { padding: 16px 20px; height: auto; }
  .banners > li a > div b { max-width: none; font-size: 16px; }
  .banners > li a > div > div { width: 100%; margin-top: 10px; position: static; -webkit-transform: translateX(0); transform: translateX(0); }
  .banners > li a > span { font-size: 14px; }
  .banners > li a > span:after { width: 15px; height: 15px; display: inline-block; vertical-align: -2px; margin-left: 4px; } }

/* 메인이미지 모음 (2024.02.08) */
.main_banners-list { width: 100%; margin: 0 auto; position: relative; display: grid; grid-template-rows: repeat(1, minmax(auto, auto)); grid-template-columns: repeat(3, 1fr); row-gap: 24px; -moz-column-gap: 24px; column-gap: 24px; }

.main_banners-list > li { width: 100%; margin: 0 auto; position: relative; }

.main_banners-list > li > a { display: block; width: 100%; min-height: 280px; margin: 0 auto; position: relative; padding: 16px; border: 1px solid #dfdfdf; border-radius: 6px; transition: all 0.16s ease-out; }

.main_banners-list > li > a:hover { transition: all 0.24s ease-out; box-shadow: 0px 0px 8px rgba(0, 0, 0, 0.16); }

.main_banners-list > li > a:hover .image > img { transition: all 0.24s ease-out; width: 103%; }

.main_banners-list > li > a .image { width: 100%;min-height: 160px; margin: 0 auto; position: relative; border-radius: 6px; overflow: hidden; display: flex; align-items: center; justify-content: center; }

.main_banners-list > li > a .image > img { position: absolute; left: 50%; top: 50%; transform: translate(-50%, -50%); display: block; max-width: unset; width: 100%; min-width: 310px; transition: all 0.16s ease-out; }

.main_banners-list > li > a .image > iframe { position: absolute; left: 0; top: 0; width: 100%; height: 100%; min-height: auto; }

.main_banners-list > li > a .text { width: 96%; margin: 12px auto 0; position: relative; }

.main_banners-list > li > a .text .menu_name { display: block; font-weight: 500; font-size: 0.875rem; /* 14px */ font-family: "Noto Sans"; color: #877456; }

.main_banners-list > li > a .text .title { margin-top: 2px; font-weight: 500; word-break: keep-all; display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 2; overflow: hidden; }

@media screen and (max-width: 1280px) {
  .main_banners-list { grid-template-columns: repeat(2, 1fr); gap: 16px 16px; }
  .main_banners-list > li > a { min-height: unset; }
  .main_banners-list > li > a:hover .image > img { width: 100%; }
  .main_banners-list > li > a .image { min-height: unset; }
  .main_banners-list > li > a .image > img { position: relative; left: 0; top: 0; transform: translate(0, 0); min-width: unset; }
  .main_banners-list > li > a .image > iframe { position: relative; left: unset; top: unset; min-height: 200px; } }
  
@media screen and (max-width: 540px) {
  .main_banners-list { grid-template-columns: repeat(1, 1fr); } }
    
/*국기+이름*/
.nation { display: inline-block; width: 100%; font-size: 0; }

.nation .flag, .nation h3, .nation h4 { display: inline-block; vertical-align: middle; }

.nation .flag { width: 66px; height: 44px; -webkit-box-shadow: 3px 3px 13px rgba(0, 0, 0, 0.12); box-shadow: 3px 3px 13px rgba(0, 0, 0, 0.12); position: relative; }

.nation .flag img { width: 100%; height: 100%; position: absolute; left: 0; top: 0; }

.nation .flag + h3, .nation .flag + h4 { padding-left: 17px; }

.nation h3, .nation h4 { font-size: 18px; }

.nation h3 span, .nation h4 span { display: block; font-size: 14px; color: #787c8d; }

@media screen and (max-width: 737px) { .nation { width: 100%; }
  .nation .flag { width: 57px; height: 38px; }
  .nation .flag + h3, .nation .flag + h4 { padding-left: 15px; width: calc(100% - 57px); }
  .nation h3, .nation h4 { font-size: 16px; }
  .nation h3 span, .nation h4 span { font-size: 12px; margin-top: 1px; } }

/*국가검색결과*/
.country_rst { margin-top: -30px; }

.country_rst > :nth-child(n) { float: left; width: calc(50% - 15px); margin-right: 30px; }

.country_rst > :nth-of-type(2n) { margin-right: 0; }

.country_rst > :not(:nth-of-type(2n + 1)) { clear: none; }

.country_rst > :nth-of-type(2n + 1) { clear: both; }

.country_rst > li { margin-top: 30px; }

.country_rst > li > a { background-color: #f7f8fc; padding: 40px; display: block; }

.country_rst > li > a .dot { margin-top: 22px; }

@media screen and (max-width: 1200px) { .country_rst > :nth-child(n) { float: left; width: calc(100% - 0px); margin-right: 0px; }
  .country_rst > :nth-of-type(1n) { margin-right: 0; }
  .country_rst > :not(:nth-of-type(1n + 1)) { clear: none; }
  .country_rst > :nth-of-type(1n + 1) { clear: both; } }

@media screen and (max-width: 737px) { .country_rst { margin-top: -15px; }
  .country_rst > li { margin-top: 15px; }
  .country_rst > li > a { padding: 25px; }
  .country_rst > li > a .nation { width: 100%; }
  .country_rst > li > a .nation .flag { width: 57px; height: 38px; }
  .country_rst > li > a .nation .flag + h3, .country_rst > li > a .nation .flag + h4 { padding-left: 15px; }
  .country_rst > li > a .nation h3, .country_rst > li > a .nation h4 { font-size: 16px; }
  .country_rst > li > a .nation h3 span, .country_rst > li > a .nation h4 span { font-size: 12px; margin-top: 1px; }
  .country_rst > li > a .dot { margin-top: 10px; } }

/*국가정보 상세*/
.country_info { margin-bottom: 50px; }

.country_info .top { text-align: center; margin-bottom: 50px; margin-top: 28px; }

.country_info .top .acodian2 { font-size: 0; line-height: 0; text-align: center; }

.country_info .top .acodian2 > li { display: inline-block; max-width: 339px; width: calc(50% - 15px); line-height: 1.4; margin-right: 30px; position: relative; border-bottom: 2px solid #000; font-size: 16px; }

.country_info .top .acodian2 > li:last-of-type { margin-right: 0; }

.country_info .top .acodian2 > li button { width: 100%; text-align: left; height: 60px; padding: 0 30px 20px 10px; font-size: 14px; background: url("/www-new/css/../images/sub/arrow_tab_down.png") no-repeat right 10px center; color: #888888; }

.country_info .top .acodian2 > li button span { display: block; font-size: 18px; color: #000; margin-top: 2px; }

.country_info .top .acodian2 > li > ul { display: none; position: absolute; left: -1px; top: 100%; border: 1px solid #000; width: calc(100% + 2px); padding: 10px 15px; background-color: #fff; z-index: 1; max-height: 220px; overflow-x: hidden; overflow-y: auto; text-align: left; }

.country_info .top .acodian2 > li > ul::-webkit-scrollbar { width: 6px; height: 6px; }

.country_info .top .acodian2 > li > ul::-webkit-scrollbar-thumb { background-color: #86878b; border-radius: 6px; }

.country_info .top .acodian2 > li > ul::-webkit-scrollbar-track { background-color: #cdd0d5; border-radius: 6px; }

.country_info .top .acodian2 > li > ul li { border-bottom: 1px solid #e4e5e6; }

.country_info .top .acodian2 > li > ul li a { display: table; width: 100%; height: 38px; color: #9d9fa0; }

.country_info .top .acodian2 > li > ul li a span { display: table-cell; vertical-align: middle; }

.country_info .top .acodian2 > li > ul li a.active { color: #2a6cc5; }

.country_info .top .acodian2 > li > ul li a:hover { color: #2a6cc5; }

.country_info .top .acodian2 > li > ul li:last-of-type { border-bottom: 0; }

.country_info .top .acodian2 > li.active button { background-image: url("/www-new/css/../images/sub/arrow_tab_up.png"); }

.country_info .top .acodian2 > li.active button span { color: #2a6cc5; }

.country_info .bg { background-color: #f7f8fc; padding: 50px; border: 1px solid #dfdfdf; }

.country_info .bg:after { content: ''; display: block; clear: both; }

.country_info .bg .stat { text-align: left; padding-bottom: 20px; border-bottom: 1px solid #d9dbe3; margin-bottom: 26px; }

.country_info .bg .stat:after { content: ''; display: block; clear: both; }

.country_info .bg .stat > div { padding-right: 180px; }

.country_info .bg .stat .nation { display: inline-table; text-align: left; width: auto; margin-bottom: 15px; vertical-align: top; margin-right: 40px; }

.country_info .bg .stat .dot { display: inline-block; text-align: left; vertical-align: top; }

.country_info .bg .stat > a { height: 44px; float: right; padding: 0 20px; font-size: 15px; margin-top: -60px; background-color: #fff; line-height: 42px; border: 1px solid #7ea6cd; color: #114e9f; }

.country_info .bg .stat > a:after { content: ''; display: inline-block; width: 52px; height: 25px; vertical-align: middle; margin-left: 10px; background: url("/www-new/css/../images/sub/btn_map.png") no-repeat center/cover; }

@media screen and (min-width: 737px) { .country_info .bg .stat > a { -webkit-transition: 0.3s; transition: 0.3s; }
  .country_info .bg .stat > a:hover { background-color: #2a6cc5; border-color: #2a6cc5; color: #fff; }
  .country_info .bg .stat > a:hover:after { background-image: url("/www-new/css/../images/sub/btn_map_on.png"); } }

.country_info .bg > ul { float: left; }

.country_info .bg > ul li { margin-right: 5px; float: left; }

.country_info .bg > .select { float: right; width: 240px; }

@media (min-width: 1080px) and (max-width: 1200px) { .country_info .top .acodian2 > li { max-width: none; }
  .country_info .top .acodian2 > li:last-of-type { border-right: 0; }
  .country_info .top > a { position: absolute; right: 0; top: 0; width: 100%; text-align: center; border-bottom: 1px solid #dfdfdf; border-left: 0; } }

@media (max-width: 1200px) { .country_info .bg .stat { text-align: center; }
  .country_info .bg .stat > div { text-align: left; padding: 0; }
  .country_info .bg .stat > a { display: inline-block; float: none; margin: 2px auto; }
  .country_info .bg > ul li { margin-bottom: 5px; }
  .country_info .bg > .select { float: left; } }

@media (max-width: 800px) { .country_info .top .acodian2 > li { max-width: none; }
  .country_info .top .acodian2 > li:last-of-type { border-right: 0; }
  .country_info .top > a { position: absolute; right: 0; top: 0; width: 100%; text-align: center; border-bottom: 1px solid #dfdfdf; border-left: 0; }
  .country_info .bg > ul li { margin-bottom: 5px; }
  .country_info .bg > .select { float: left; } }

@media screen and (max-width: 737px) { .country_info { margin-bottom: 40px; }
  .country_info .top { margin: 0 0 40px; }
  .country_info .top .acodian2 > li { width: 100%; margin: 0 0 23px; }
  .country_info .top .acodian2 > li:last-of-type { margin-bottom: 0; }
  .country_info .top .acodian2 > li button { height: 51px; padding: 0 15px 18px 0; font-size: 10px; background-size: 12px auto; background-position: right 0 center; }
  .country_info .top .acodian2 > li button span { font-size: 14px; }
  .country_info .top .acodian2 > li > ul { padding: 5px 15px; font-size: 14px; }
  .country_info .top .acodian2 > li > ul li a { height: 33px; }
  .country_info .bg { padding: 20px; }
  .country_info .bg .stat { padding-bottom: 19px; margin-bottom: 20px; }
  .country_info .bg .stat .nation { display: block; margin-right: 0; }
  .country_info .bg .stat .dot { margin-left: 0; display: block; margin-top: 18px; font-size: 14px; }
  .country_info .bg .stat > a { margin-top: 16px; padding: 0 25px; line-height: 36px; height: 38px; font-size: 13px; border-color: #7ea6cd; color: #114e9f; }
  .country_info .bg .stat > a:after { content: none; }
  .country_info .bg > ul { width: 100%; }
  .country_info .bg > ul li { margin-bottom: 5px; float: none; margin-right: 0; }
  .country_info .bg > ul li a { width: 100%; text-align: center; }
  .country_info .bg > ul li:last-of-type { margin-bottom: 0; }
  .country_info .bg > .select { width: 100%; margin-top: 15px; } }

/*카리브해 개요*/
.flag_table th { font-weight: 500; text-align: center; }

.flag_table th img { margin: 15px auto 0; display: block; }

.flag_table td .dot strong { display: inline-block; width: 66px; }

/*여행경보 조정 슬라이드*/
.tv_alert { text-align: center; margin-bottom: 20px; }

.tv_alert > strong { display: inline-block; color: #fff; background-color: #0c3975; position: relative; top: 1px; z-index: 1; height: 42px; line-height: 42px; font-size: 17px; padding: 0 26px; }

.tv_alert > strong:before { content: ''; width: 35px; height: 42px; background: url("/www-new/css/../images/sub/tv_alert_left.png") no-repeat center/cover; position: absolute; bottom: 0; right: 100%; }

.tv_alert > strong:after { content: ''; width: 35px; height: 42px; background: url("/www-new/css/../images/sub/tv_alert_right.png") no-repeat center/cover; position: absolute; bottom: 0; left: 100%; }

.tv_alert .tv_slide { position: relative; border: 1px solid #aaa; padding: 16px 30px; font-size: 0; line-height: 0; }

.tv_alert .tv_slide .slide { display: inline-block; vertical-align: middle; width: calc(100% - 140px); text-align: left; }

.tv_alert .tv_slide .slide a { display: block; font-size: 0; line-height: 0; }

.tv_alert .tv_slide .slide a > span { max-width: 100%; text-overflow: ellipsis; overflow: hidden; white-space: nowrap; display: inline-block; width: calc(100% - 100px); line-height: 32px; font-size: 16px; padding-right: 20px; vertical-align: middle; }

.tv_alert .tv_slide .slide a > span b { color: #0b428c; position: relative; padding-right: 12px; margin-right: 15px; }

.tv_alert .tv_slide .slide a > span b:after { content: ''; display: inline-block; width: 1px; height: 12px; position: absolute; right: 0; top: 50%; margin-top: -6px; background-color: #c4c4c4; }

.tv_alert .tv_slide .slide a em { display: inline-block; width: 100px; line-height: 32px; font-size: 16px; vertical-align: middle; color: #444; }

.tv_alert .tv_slide .control { display: inline-block; vertical-align: middle; font-size: 16px; line-height: 28px; width: 140px; }

.tv_alert .tv_slide .control button, .tv_alert .tv_slide .control a { display: block; float: left; width: 30px; height: 30px; overflow: hidden; border: 1px solid #cbcccd; margin-left: 5px; text-indent: 30px; }

.tv_alert .tv_slide .control .prev { background: url("/www-new/css/../images/sub/btn_tv_slide_prev.png") no-repeat center; }

.tv_alert .tv_slide .control .next { background: url("/www-new/css/../images/sub/btn_tv_slide_next.png") no-repeat center; }

.tv_alert .tv_slide .control .pause { background: url("/www-new/css/../images/sub/btn_tv_slide_pause.png") no-repeat center; }

.tv_alert .tv_slide .control .pause.play { background-image: url("/www-new/css/../images/sub/btn_tv_slide_play.png"); }

.tv_alert .tv_slide .control .more { background: url("/www-new/css/../images/sub/btn_tv_slide_more.png") no-repeat center; }

@media screen and (min-width: 737px) { .tv_alert .tv_slide .control button, .tv_alert .tv_slide .control a { -webkit-transition: 0.3s; transition: 0.3s; }
  .tv_alert .tv_slide .control button:hover, .tv_alert .tv_slide .control a:hover { border-color: #000; border-radius: 6px; } }

@media screen and (max-width: 737px) { .tv_alert { margin-bottom: 35px; }
  .tv_alert > strong { height: 35px; line-height: 35px; font-size: 14px; padding: 0 23px; }
  .tv_alert > strong:before { content: ''; width: 28px; height: 35px; }
  .tv_alert > strong:after { content: ''; width: 28px; height: 35px; }
  .tv_alert .tv_slide { padding: 16px 20px; }
  .tv_alert .tv_slide .slide { display: block; width: 100%; }
  .tv_alert .tv_slide .slide a > span { white-space: initial; display: block; width: 100%; line-height: 1.4; font-size: 14px; padding-right: 0; }
  .tv_alert .tv_slide .slide a > span b { padding-right: 0; margin-right: 0; display: block; margin-bottom: 3px; font-size: 16px; }
  .tv_alert .tv_slide .slide a > span b:after { content: none; }
  .tv_alert .tv_slide .slide a em { margin-top: 8px; display: block; width: 100%; line-height: 1.4; font-size: 14px; }
  .tv_alert .tv_slide .control { margin-top: 5px; display: block; text-align: center; width: 100%; font-size: 0; line-height: 0; }
  .tv_alert .tv_slide .control button, .tv_alert .tv_slide .control a { display: inline-block; float: none; width: 28px; line-height: 26px; font-size: 14px; vertical-align: top; height: 28px; overflow: hidden; border: 1px solid #cbcccd; text-indent: 28px; }
  .tv_alert .tv_slide .control button:first-of-type { margin-left: 0; } }

/*지역이슈*/
.issue { margin-top: -30px; }

.issue > :nth-child(n) { float: left; width: calc(33.33333% - 20px); margin-right: 30px; }

.issue > :nth-of-type(3n) { margin-right: 0; }

.issue > :not(:nth-of-type(3n + 1)) { clear: none; }

.issue > :nth-of-type(3n + 1) { clear: both; }

.issue > li { margin-top: 45px; }

.issue > li a { display: table; width: 100%; position: relative; border: 4px solid #eff5fc; font-size: 18px; height: 103px; padding: 0 37px; }

.issue > li a > div { display: table-cell; vertical-align: middle; padding-top: 5px; }

.issue > li a > div span { position: absolute; left: 32px; top: -20px; padding: 0 20px; height: 36px; line-height: 36px; color: #466793; font-size: 15px; font-weight: 600; z-index: 1; }

.issue > li a > div span:before { content: ''; width: 100%; height: 100%; position: absolute; left: 0; top: 0; background-color: #fff; z-index: -1; }

.issue > li a > div span b { font-size: 46px; color: #6c7485; font-weight: 700; position: relative; top: -3px; left: 14px; z-index: -1; margin-left: -12px; vertical-align: middle; letter-spacing: -0.03em; }

@media screen and (max-width: 737px) { .issue { margin-top: -22px; }
  .issue > :nth-child(n) { float: left; width: calc(100% - 0px); margin-right: 0px; }
  .issue > :nth-of-type(1n) { margin-right: 0; }
  .issue > :not(:nth-of-type(1n + 1)) { clear: none; }
  .issue > :nth-of-type(1n + 1) { clear: both; }
  .issue > li { margin-top: 38px; text-align: center; }
  .issue > li a { font-size: 14px; height: 75px; padding: 0 20px; }
  .issue > li a > div { padding-top: 12px; }
  .issue > li a > div span { position: absolute; left: 50%; -webkit-transform: translateX(-50%); transform: translateX(-50%); top: -18px; height: 31px; line-height: 31px; font-size: 14px; }
  .issue > li a > div span b { font-size: 43px; font-weight: 700; margin-left: -10px; } }
 
/* 한-카리브 고위급 포럼 개요 - 카리브 국가 소개 - 국기 콘텐츠 */
.flag-content { width: 100%; margin: 0 auto; position: relative; display: flex; align-items: center; justify-content: flex-start; flex-wrap: wrap; row-gap: 24px; }

.flag-content > li { width: 25%; margin: 0; }

.flag-content > li a { display: grid; align-content: center; justify-items: center; grid-gap: 8px; width: 90%; padding: 24px 0; border: 4px solid #eff5fc; }

.flag-content > li a:hover { background-color: #f7f8fc; }

.flag-content > li a:hover img { box-shadow: 0px 4px 8px rgba(0, 0, 0, 0.32); }

.flag-content > li a span { display: block; }

.flag-content > li a img { display: block; width: auto; margin: 0 auto; box-shadow: 3px 3px 13px rgba(0, 0, 0, 0.12); }

@media screen and (max-width: 1200px) {
  .flag-content > li { width: 33%; }
  .flag-content > li a { padding: 16px 0; }
  .flag-content > li a img { width: 96px; } }
  
@media screen and (max-width: 737px) {
  .flag-content { row-gap: 16px; }
  .flag-content > li { width: 50%; }
  .flag-content > li a { padding: 12px 0; }
  .flag-content > li a img { width: 84px; } }
/* // 한-카리브 고위급 포럼 개요 - 카리브 국가 소개 - 국기 콘텐츠 */  
  

/*안전여행공지*/
.tv_notice { position: relative; padding: 38px 0 43px; text-align: center; margin-top: 70px; background: url("/www-new/css/../images/sub/bg_tv_notice_left.png") no-repeat left top, url("/www-new/css/../images/sub/bg_tv_notice_right.png") no-repeat right bottom; }

.tv_notice:before { content: ''; width: 100%; height: 100%; position: absolute; left: 0; top: 0; bottom: 0; border: 3px solid #e7e7e7; z-index: -1; -webkit-box-sizing: border-box; box-sizing: border-box; }

.tv_notice > strong { font-size: 24px; padding: 0 19px; position: relative; }

.tv_notice > strong:before { content: ''; position: absolute; right: 100%; top: 50%; margin-top: -2.5px; width: 85px; height: 5px; background: url("/www-new/css/../images/sub/tit_tv_notice_left.png") no-repeat right center; }

.tv_notice > strong:after { content: ''; position: absolute; left: 100%; top: 50%; margin-top: -2.5px; width: 85px; height: 5px; background: url("/www-new/css/../images/sub/tit_tv_notice_right.png") no-repeat left center; }

.tv_notice > span { display: block; font-size: 16px; margin: 12px 0 23px; }

@media screen and (max-width: 737px) { .tv_notice { padding: 19px 22px 20px; margin-top: 40px; background: url("/www-new/css/../images/sub/bg_tv_notice_left_m.png") no-repeat left top/94px auto, url("/www-new/css/../images/sub/bg_tv_notice_right_m.png") no-repeat right bottom/94px auto; }
  .tv_notice > strong { font-size: 17px; padding: 0; }
  .tv_notice > strong:before { content: none; }
  .tv_notice > strong:after { content: none; }
  .tv_notice > span { font-size: 14px; margin: 6px 0 9px; }
  .tv_notice .select { width: 100%; margin: 0 0 10px; }
  .tv_notice .select + button { width: 100%; margin: 0; } }

/*페이지 리스트 상세보기 - 조약*/
.detail_view > :nth-child(n) { float: left; width: calc(50% - 15px); margin-right: 30px; }

.detail_view > :nth-of-type(2n) { margin-right: 0; }

.detail_view > :not(:nth-of-type(2n + 1)) { clear: none; }

.detail_view > :nth-of-type(2n + 1) { clear: both; }

.detail_view.type2 > li { min-height: auto; }

.detail_view > li { position: relative; padding-bottom: 50px; margin-top: 60px; min-height: 430px; margin-bottom: 0; }

.detail_view > li .img { height: 262px; }

.detail_view > li strong { font-size: 20px; display: block; margin: 26px 0 12px; }

.detail_view > li .btn_link, .detail_view > li .f_down { position: absolute; left: 0; bottom: 0; }

@media screen and (max-width: 737px) { .detail_view { margin-top: -40px; }
  .detail_view > :nth-child(n) { float: left; width: calc(100% - 0px); margin-right: 0px; }
  .detail_view > :nth-of-type(1n) { margin-right: 0; }
  .detail_view > :not(:nth-of-type(1n + 1)) { clear: none; }
  .detail_view > :nth-of-type(1n + 1) { clear: both; }
  .detail_view > li { margin-top: 40px; min-height: auto; padding-bottom: 52px; }
  .detail_view > li .img { height: auto; }
  .detail_view > li strong { font-size: 16px; margin: 11px 0 9px; }
  .detail_view > li .btn_link, .detail_view > li .f_down { position: absolute; left: 0; bottom: 0; } }

.detail_view2 { border-top: 3px solid #0c3975; position: relative; }

.detail_view2:before { content: ''; width: 96px; height: 45px; position: absolute; left: 0; top: -3px; background: url("/www-new/css/../images/sub/line_detail_view2_left.png") no-repeat left top; }

.detail_view2:after { content: ''; width: 96px; height: 45px; position: absolute; right: 0; top: -3px; background: url("/www-new/css/../images/sub/line_detail_view2_right.png") no-repeat right top; }

.detail_view2 > li { position: relative; border-bottom: 1px solid #e0e0e0; padding: 40px 60px 40px 200px; }

.detail_view2 > li .icon { display: inline-block; width: 200px; text-align: center; position: absolute; left: 0; top: 40px; vertical-align: middle; }

.detail_view2 > li strong { display: block; font-size: 20px; color: #000; font-weight: 500; margin-bottom: 10px; }

.detail_view2 > li > div { line-height: 1.5; word-break: keep-all; }

.detail_view2 > li .btn_link { margin-top: 20px; }

@media screen and (max-width: 737px) { .detail_view2:before { width: 28px; height: 51px; background-image: url("/www-new/css/../images/sub/line_detail_view2_left_m.png"); background-size: 28px auto; }
  .detail_view2:after { width: 28px; height: 51px; background-image: url("/www-new/css/../images/sub/line_detail_view2_right_m.png"); background-size: 28px auto; }
  .detail_view2 > li { padding: 21px 20px 25px; }
  .detail_view2 > li .icon { display: none; }
  .detail_view2 > li strong { font-size: 16px; }
  .detail_view2 > li > div { line-height: 1.5; }
  .detail_view2 > li .btn_link { margin-top: 14px; } }

.detail_view3 { margin-top: -30px !important; }

.detail_view3 > :nth-child(n) { float: left; width: calc(33.33333% - 20px); margin-right: 30px; }

.detail_view3 > :nth-of-type(3n) { margin-right: 0; }

.detail_view3 > :not(:nth-of-type(3n + 1)) { clear: none; }

.detail_view3 > :nth-of-type(3n + 1) { clear: both; }

.detail_view3 > li { margin-top: 30px; position: relative; height: 283px; border: 1px solid #dfe1e0; padding: 40px 20px 0; text-align: center; }

.detail_view3 > li .icon { display: inline-block; margin-bottom: 21px; }

.detail_view3 > li strong { display: block; text-align: center; font-size: 20px; color: #000; font-weight: 600; }

.detail_view3 > li .f_down { margin-top: 16px; }

@media screen and (max-width: 737px) { .detail_view3 { margin-top: 0 !important; }
  .detail_view3 > :nth-child(n) { float: left; width: calc(100% - 0px); margin-right: 0px; }
  .detail_view3 > :nth-of-type(1n) { margin-right: 0; }
  .detail_view3 > :not(:nth-of-type(1n + 1)) { clear: none; }
  .detail_view3 > :nth-of-type(1n + 1) { clear: both; }
  .detail_view3.type2 > li { border-top: 0; }
  .detail_view3.type2 > li:before { width: 28px; height: 51px; background-image: url("/www-new/css/../images/en/line_detail_view3_left_m.png"); background-size: 28px auto; }
  .detail_view3.type2 > li:after { width: 28px; height: 51px; background-image: url("/www-new/css/../images/en/line_detail_view3_right_m.png"); background-size: 28px auto; }
  .detail_view3.type2 > li:nth-of-type(2):before, .detail_view3.type2 > li:nth-of-type(2):after, .detail_view3.type2 > li:nth-of-type(3):before, .detail_view3.type2 > li:nth-of-type(3):after { content: none; }
  .detail_view3.type2 > li:first-of-type { border-top: 3px solid #0c3975; }
  .detail_view3 > li { border: 0; border-bottom: 1px solid #dfe1e0; margin-top: 0; margin-bottom: 0; height: auto; padding: 25px 20px; }
  .detail_view3 > li:first-of-type { border-top: 1px solid #dfe1e0; }
  .detail_view3 > li .icon { width: 65px; margin-bottom: 14px; }
  .detail_view3 > li .icon img { max-width: 100%; }
  .detail_view3 > li strong { font-size: 16px; }
  .detail_view3 > li .f_down { margin-top: 8px; } }

.btn_app > :nth-child(n) { float: left; width: calc(50% - 15px); margin-right: 30px; }

.btn_app > :nth-of-type(2n) { margin-right: 0; }

.btn_app > :not(:nth-of-type(2n + 1)) { clear: none; }

.btn_app > :nth-of-type(2n + 1) { clear: both; }

.btn_app > li a { display: block; border: 1px solid #000; border-radius: 6px; text-align: center; font-size: 0; height: 92px; position: relative; }

.btn_app > li a:before { content: ''; display: inline-block; vertical-align: middle; height: 100%; }

.btn_app > li a img, .btn_app > li a > div { display: inline-block; vertical-align: middle; }

.btn_app > li a > div { font-size: 18px; margin-left: 19px; text-align: left; }

.btn_app > li a > div span { display: block; font-size: 16px; color: #8d8d8d; margin-top: 2px; }

@media screen and (max-width: 737px) { .btn_app > :nth-child(n) { float: left; width: calc(100% - 0px); margin-right: 0px; }
  .btn_app > :nth-of-type(1n) { margin-right: 0; }
  .btn_app > :not(:nth-of-type(1n + 1)) { clear: none; }
  .btn_app > :nth-of-type(1n + 1) { clear: both; }
  .btn_app > li { margin-top: 15px; }
  .btn_app > li a { height: 70px; }
  .btn_app > li a > div { font-size: 16px; margin-left: 15px; }
  .btn_app > li a > div span { font-size: 14px; margin-top: 1px; } }

.m_app { max-width: 660px; margin: auto; margin-bottom: 44px; }

.m_app .btn_app { margin-top: 30px; }

@media screen and (max-width: 737px) { .m_app { margin-bottom: 38px; }
  .m_app .btn_app { margin-top: 10px; } }

/*조직도*/
.org_chart > li { margin-bottom: 50px; position: relative; min-height: 80px; padding-left: 194px; }

.org_chart > li:last-of-type { margin-bottom: 0; }

/* 표 상단 머릿말 추가 스타일 - 240529 */
.org_chart > li .foreword { position: absolute; right: 0; top: -24px; width: auto; margin: 0; text-align: right; font-size: 0.875rem; white-space: nowrap; }

.org_chart > li > a { display: table; position: absolute; left: 0; top: 0; width: 164px; bottom: 0; overflow: hidden; border-radius: 0 0 70px 0; height: 100%; color: #fff; background-color: #000; font-size: 20px; text-align: center; }

.org_chart > li > a:focus { outline-offset: 3px; }

.org_chart > li > a > span { display: table-cell; vertical-align: middle; }

.org_chart > li > a.red { background-color: #9d1d1e; }

.org_chart > li > a.blue { background-color: #0c3975; }

.org_chart > li > a.blue2 { background-color: #005a9e; }

.org_chart > li > a.green { background-color: #14453e; }

.org_chart > li > a.gray, .org_chart > li > a.grey { background-color: #1d6359; }

.org_chart > li .o_dep2 { border-top: 2px solid #000; }

.org_chart > li .o_dep2 a { display: inline-block; line-height: 1.6; padding-top: 0.2em; padding-bottom: 0.2em; word-break: keep-all; }

.org_chart > li .o_dep2 > li { border-bottom: 1px solid #dfdfdf; padding: 10px 0 10px 30px; }

.org_chart > li .o_dep2 > li:after { content: ''; display: block; clear: both; }

.org_chart > li .o_dep2 > li > a, .org_chart > li .o_dep2 > li .null { float: left; display: block; width: 140px; font-weight: 500; min-height: 1.5em; }

.org_chart > li .o_dep2 > li > a + ol, .org_chart > li .o_dep2 > li > a + ul, .org_chart > li .o_dep2 > li .null + ol, .org_chart > li .o_dep2 > li .null + ul { width: calc(100% - 180px); }

.org_chart > li .o_dep2 > li ol { float: left; }

.org_chart > li .o_dep2 > li ol > li:after { content: ''; display: block; clear: both; }

.org_chart > li .o_dep2 > li ol > li > a, .org_chart > li .o_dep2 > li ol > li .null { float: left; display: block; width: 180px; font-weight: 500; min-height: 1.5em; }

.org_chart > li .o_dep2 > li ol > li > a + ol, .org_chart > li .o_dep2 > li ol > li > a + ul, .org_chart > li .o_dep2 > li ol > li .null + ol, .org_chart > li .o_dep2 > li ol > li .null + ul { width: calc(100% - 180px); }

.org_chart > li .o_dep2 > li ol > li .auto { width: 80px; padding-right: 10px; min-height: 1.5em; }

.org_chart > li .o_dep2 > li ol > li .auto + ul { float: left; width: calc(100% - 80px); }

.org_chart > li .o_dep2 > li ol > li ul { float: left; margin-top: 0.2em; margin-bottom: 0.2em; }

.org_chart > li .o_dep2 > li ol > li ul > :nth-child(n) { float: left; width: calc(33.33333% - -68px); margin-right: 10px; }

.org_chart > li .o_dep2 > li ol > li ul > :nth-of-type(3n) { margin-right: 0; }

.org_chart > li .o_dep2 > li ol > li ul > :not(:nth-of-type(3n + 1)) { clear: none; }

.org_chart > li .o_dep2 > li ol > li ul > :nth-of-type(3n + 1) { clear: both; }

.org_chart > li .o_dep2 > li ol > li ul li { position: relative; padding-left: 11px; line-height: 1.6; }

.org_chart > li .o_dep2 > li ol > li ul li a { padding-top: 0; padding-bottom: 0; }

.org_chart > li .o_dep2 > li ol > li ul li:before { position: absolute; left: 0; top: 0.8em; content: ''; width: 3px; height: 3px; margin-top: -2px; display: inline-block; background-color: #7f7f7f; }

@media (max-width: 1400px) { 
  .org_chart > li { padding-left: 160px; }
  .org_chart > li > a { width: 140px; }
  .org_chart > li .o_dep2 > li { padding: 10px 0 10px; }
  .org_chart > li .o_dep2 > li > a, .org_chart > li .o_dep2 > li .null { width: 140px; }
  .org_chart > li .o_dep2 > li > a + ol, .org_chart > li .o_dep2 > li > a + ul, .org_chart > li .o_dep2 > li .null + ol, .org_chart > li .o_dep2 > li .null + ul { width: calc(100% - 140px); }
  .org_chart > li .o_dep2 > li ol > li > a, .org_chart > li .o_dep2 > li ol > li .null { width: 140px; }
  .org_chart > li .o_dep2 > li ol > li > a + ol, .org_chart > li .o_dep2 > li ol > li > a + ul, .org_chart > li .o_dep2 > li ol > li .null + ol, .org_chart > li .o_dep2 > li ol > li .null + ul { width: calc(100% - 140px); }
/*   .org_chart > li .o_dep2 > li ol > li ul > :nth-child(n) { float: left; width: calc(50% - -48px); margin-right: 10px; } */
  .org_chart > li .o_dep2 > li ol > li ul li a {padding-top: 0; padding-bottom: 0;display: block;}
  .org_chart > li .o_dep2 > li ol > li ul > :nth-of-type(2n) { margin-right: 0; }
  .org_chart > li .o_dep2 > li ol > li ul > :not(:nth-of-type(2n + 1)) { clear: none; }
  .org_chart > li .o_dep2 > li ol > li ul > :nth-of-type(2n + 1) { clear: both; } 
}

@media screen and (max-width: 737px) { 
  .org_chart > li { margin-bottom: 30px; padding-left: 0; }
  .org_chart > li .foreword { font-size: 11px; top: 48px; right: 3px; }
  .org_chart > li > a { position: static; width: 100%; border-radius: 0; height: 45px; font-size: 17px; }
  .org_chart > li .o_dep2 { border-top: 0; }
  .org_chart > li .o_dep2 > li { padding: 10px 0 10px 15px; }
  .org_chart > li .o_dep2 > li > a { display: block; width: 100%; min-height: auto; font-size: 16px; }
  .org_chart > li .o_dep2 > li > a + ol, .org_chart > li .o_dep2 > li > a + ul { width: 100%; }
  .org_chart > li .o_dep2 > li > .null { display: none; }
  .org_chart > li .o_dep2 > li > .null + ol, .org_chart > li .o_dep2 > li > .null + ul { padding-left: 0; width: 100%; }
  .org_chart > li .o_dep2 > li > .null + ol > li, .org_chart > li .o_dep2 > li > .null + ul > li { margin-top: 0; }
  .org_chart > li .o_dep2 > li ol { padding-left: 15px; width: 100%; }
  .org_chart > li .o_dep2 > li ol > li { margin-top: 4px; margin-bottom: 4px; }
  .org_chart > li .o_dep2 > li ol > li > a { width: 100%; min-height: auto; font-size: 16px; margin-top: -5px; }
  .org_chart > li .o_dep2 > li ol > li > a + ol, .org_chart > li .o_dep2 > li ol > li > a + ul { width: 100%; }
  .org_chart > li .o_dep2 > li ol > li > .null { display: none; }
  .org_chart > li .o_dep2 > li ol > li > .null + ol, .org_chart > li .o_dep2 > li ol > li > .null + ul { padding-left: 0; width: 100%; }
  .org_chart > li .o_dep2 > li ol > li > .null + ol > li, .org_chart > li .o_dep2 > li ol > li > .null + ul > li { margin-top: 0; }
  .org_chart > li .o_dep2 > li ol > li .auto { width: 100%; padding-right: 0; min-height: auto; font-size: 16px; }
  .org_chart > li .o_dep2 > li ol > li .auto + ul { width: 100%; }
  .org_chart > li .o_dep2 > li ol > li ul { padding-left: 15px; } 
}

/*외교부소개*/
.mofa_intro { padding-top: 170px; position: relative; }

.mofa_intro:after { content: ''; display: block; clear: both; }

.mofa_intro .bg { position: absolute; right: 0; top: 0; width: 100%; max-width: 940px; height: 344px; z-index: -1; margin-left: auto; background: url("/www-new/css/../images/sub/bg_mofa_intro_1.jpg") no-repeat right center; padding-left: 214px; }

.mofa_intro .bg h3 { font-size: 110px; font-weight: 700; color: rgba(255, 255, 255, 0.55); padding-top: 6px; position: relative; }

.mofa_intro .bg h3:before { content: ''; width: 3px; height: 80px; background-color: rgba(255, 255, 255, 0.45); display: block; position: absolute; left: -16px; top: 0; }

.mofa_intro .list { padding: 50px; float: left; background-color: #fff; }

.mofa_intro .list .tit_sm { margin-top: -0.2em; margin-bottom: 24px; font-size: 24px; }

.mofa_intro .list ol { margin-top: -0.2em; font-size: 18px; counter-reset: num; }

.mofa_intro .list ol li { position: relative; margin-bottom: 12px; padding-left: 45px; }

.mofa_intro .list ol li:last-of-type { margin-bottom: 0; }

.mofa_intro .list ol li:before { position: absolute; left: 0; top: 0; display: inline-block; width: 45px; counter-increment: num; content: "0" counter(num); color: #0c3975; font-weight: 600; }

.mofa_intro .list ol li:after { content: ''; background-color: #999; width: 3px; height: 3px; border-radius: 3px; position: absolute; left: 29px; top: 11px; }

@media screen and (max-width: 737px) { 
  .mofa_intro { padding-top: 0; }
  .mofa_intro .bg { position: relative; width: 100%; height: 152px; padding-left: 23px; background-size: 460px; background-position: right top; }
  .mofa_intro .bg:before { content: ''; position: absolute; left: 0; top: 0; height: 100%; width: 65px; display: block; background-color: #fff; z-index: 1; }
  .mofa_intro .bg h3 { position: relative; z-index: 1; font-size: 45px; color: #fff; padding-top: 21px; }
  .mofa_intro .bg h3::first-letter { color: #93d0f7; }
  .mofa_intro .bg h3:before { content: none; }
  .mofa_intro .list { padding: 30px 0; }
  .mofa_intro .list .tit_sm { margin-bottom: 11px; font-size: 16px; }
  .mofa_intro .list ol { font-size: 14px; }
  .mofa_intro .list ol li { margin-bottom: 9px; padding-left: 36px; }
  .mofa_intro .list ol li:before { width: 36px; }
  .mofa_intro .list ol li:after { left: 23px; top: 9px; } 
}

/*외교부 연혁*/
.mofa_history h3 { text-align: right; font-size: 110px; font-weight: 700; color: rgba(0, 0, 0, 0.08); margin-bottom: 60px; margin-top: -0.2em; }

.mofa_history h3:before { content: ''; width: 75px; height: 3px; background-color: rgba(0, 0, 0, 0.08); display: inline-block; margin-right: 30px; vertical-align: middle; margin-top: -20px; }

.mofa_history > ul { position: relative; padding-left: 50px; }

.mofa_history > ul:before { content: ''; position: absolute; left: 50px; top: 24px; width: 1px; height: 100%; background-color: #dfdfdf; }

.mofa_history > ul > li { padding-left: 40px; position: relative; margin-top: 28px; }

.mofa_history > ul > li:first-of-type { margin-top: 0; }

.mofa_history > ul > li strong { display: block; font-size: 38px; font-weight: 700; position: relative; margin-bottom: 6px; margin-top: -0.2em; }

.mofa_history > ul > li strong:before { content: ''; display: block; position: absolute; left: -44px; top: 24px; width: 9px; height: 9px; border-radius: 9px; background-color: #0c3975; }

.mofa_history > ul > li > div { font-size: 0; line-height: 0; padding-left: 3px; }

.mofa_history > ul > li > div:after { content: ''; display: block; clear: both; }

.mofa_history > ul > li > div b { font-size: 18px; line-height: 25px; font-weight: 600; width: 68px; display: inline-block; vertical-align: top; }

.mofa_history > ul > li > div ul { font-size: 16px; line-height: 25px; width: calc(100% - 68px); display: inline-block; vertical-align: top; }

.mofa_history > ul > li:last-of-type:before { content: ''; position: absolute; display: block; width: 9px; height: 100%; left: 0; bottom: -30px; background-color: #fff; }

@media screen and (max-width: 737px) { 
  .mofa_history h3 { text-align: left; font-size: 45px; margin-bottom: 11px; }
  .mofa_history h3:before { content: none; }
  .mofa_history > ul { padding-left: 0; }
  .mofa_history > ul:before { content: none; }
  .mofa_history > ul > li { padding-left: 0; position: relative; margin-top: 13px; }
  .mofa_history > ul > li strong { font-size: 19px; margin-bottom: 2px; }
  .mofa_history > ul > li strong:before { content: none; }
  .mofa_history > ul > li > div { padding-left: 1px; }
  .mofa_history > ul > li > div b { font-size: 14px; line-height: 1.4; width: 40px; font-weight: 700; text-align: right; }
  .mofa_history > ul > li > div ul { font-size: 14px; line-height: 1.4; width: calc(100% - 40px); padding-left: 10px; }
  .mofa_history > ul > li:last-of-type:before { content: none; } 
}

/*국민소통강화sns*/
.con_sns { margin-top: 46px; }

.con_sns > :nth-child(n) { float: left; width: calc(25% - 22.5px); margin-right: 30px; }

.con_sns > :nth-of-type(4n) { margin-right: 0; }

.con_sns > :not(:nth-of-type(4n + 1)) { clear: none; }

.con_sns > :nth-of-type(4n + 1) { clear: both; }

.con_sns > li > a { text-align: center; display: block; padding: 40px 10px 0; height: 280px; }

.con_sns > li > a h4 { font-size: 18px; margin-top: -0.2em; }

.con_sns > li > a > div { margin: 14px auto 30px; }

.con_sns > li > a > div span { display: inline-block; width: 84px; height: 84px; border-radius: 84px; line-height: 81px; background-color: #fff; }

.con_sns > li > a > div img { vertical-align: middle; }

.con_sns > li > a > span { font-size: 14px; line-height: 30px; display: inline-block; padding: 0 17px; border-radius: 3px; color: #fff; }

.con_sns > li.facebook a { background-color: #f1f6fd; }

.con_sns > li.facebook a > span { background-color: #235b9e; }

.con_sns > li.insta a { background-color: #fef0f6; }

.con_sns > li.insta a > span { background-color: #d83d7e; }

.con_sns > li.blog a { background-color: #e3faeb; }

.con_sns > li.blog a > span { background-color: #009b33; }

.con_sns > li.youtube a { background-color: #ffeded; }

.con_sns > li.youtube a > span { background-color: #e90300; }

@media screen and (max-width: 1200px) { 
  .con_sns > :nth-child(n) { float: left; width: calc(25% - 11.25px); margin-right: 15px; }
  .con_sns > :nth-of-type(4n) { margin-right: 0; }
  .con_sns > :not(:nth-of-type(4n + 1)) { clear: none; }
  .con_sns > :nth-of-type(4n + 1) { clear: both; } 
}

@media screen and (max-width: 800px) { 
  .con_sns { margin-top: 30px; }
  .con_sns > :nth-child(n) { float: left; width: calc(50% - 7.5px); margin-right: 15px; }
  .con_sns > :nth-of-type(2n) { margin-right: 0; }
  .con_sns > :not(:nth-of-type(2n + 1)) { clear: none; }
  .con_sns > :nth-of-type(2n + 1) { clear: both; }
  .con_sns > li { margin-bottom: 30px; } 
}

@media screen and (max-width: 450px) { 
  .con_sns > :nth-child(n) { float: left; width: calc(100% - 0px); margin-right: 0px; }
  .con_sns > :nth-of-type(1n) { margin-right: 0; }
  .con_sns > :not(:nth-of-type(1n + 1)) { clear: none; }
  .con_sns > :nth-of-type(1n + 1) { clear: both; }
  .con_sns > li { margin-bottom: 15px; }
  .con_sns > li > a { height: auto; padding: 40px 15px; }
  .con_sns > li > a > div { margin-bottom: 20px; }
  .con_sns > li:last-of-type { margin-bottom: 0; } 
}

/*차관 이력*/
.record:after { content: ''; display: block; clear: both; }

.record .img_wrap { float: left; margin-right: 90px; padding: 0 15px 15px 0; }

.record .img_wrap .img { width: 190px; height: 253px; -webkit-box-shadow: 15px 15px 0 0 rgba(0, 0, 0, 0.08); box-shadow: 15px 15px 0 0 rgba(0, 0, 0, 0.08); }

.record .img_wrap .img img { height: 100%; width: 100%; }

.record .list_dep1 { float: left; width: calc(100% - 315px); margin-top: 55px; }

@media screen and (max-width: 737px) { 
  .record { text-align: center; }
  .record .img_wrap { float: none; margin: 0; display: inline-block; padding: 0 12px 12px 0; }
  .record .img_wrap .img { width: 155px; height: 203px; -webkit-box-shadow: 12px 12px 0 0 rgba(0, 0, 0, 0.08); box-shadow: 12px 12px 0 0 rgba(0, 0, 0, 0.08); }
  .record .list_dep1 { float: none; width: 100%; margin-top: 40px; }
  .record .list_dep1 .tit_lg { text-align: center; font-size: 20px; } 
}

/*규제입증요청 처리절차*/
.step1 { margin-top: -30px; margin-right: -55px; }

.step1 li { float: left; margin-right: 55px; width: 168px; height: 107px; border: 1px solid #dfdfdf; display: table; text-align: center; position: relative; padding: 10px 20px; margin-top: 40px; }

.step1 li:before { content: ''; display: block; width: 10px; height: 16px; background: url("/www-new/css/../images/sub/arrow_step.png") no-repeat center; position: absolute; right: -33px; top: 50%; margin-top: -8px; }

.step1 li:last-of-type:before { content: none; }

.step1 li > span { position: absolute; left: 50%; -webkit-transform: translateX(-50%); transform: translateX(-50%); top: -14px; width: 78px; height: 27px; line-height: 27px; color: #fff; border-radius: 27px; font-size: 13px; text-align: center; background-color: #9c1d1d; }

.step1 li > div { display: table-cell; vertical-align: middle; }

@media screen and (max-width: 737px) { 
  .step1 { margin-top: 30px; margin-right: 0; }
  .step1 li { margin-right: 0; width: 100%; height: auto; padding: 30px 24px 20px; margin-top: 0; margin-bottom: 58px; }
  .step1 li:before { -webkit-transform: rotate(90deg); transform: rotate(90deg); right: 50%; top: auto; top: initial; bottom: -36px; width: 12px; height: 22px; background-size: cover; margin-top: -11px; }
  .step1 li:last-of-type { margin-bottom: 0; }
  .step1 li:last-of-type:before { content: none; }
  .step1 li > span { top: -15px; width: 85px; height: 30px; line-height: 30px; border-radius: 30px; font-size: 14px; } 
}

/*홈페이지 이용안내*/
.homepage_guide { border-top: 2px solid #222; font-size: 18px; }

.homepage_guide > li { border-bottom: 1px solid #dfdfdf; }

.homepage_guide > li a { display: block; width: 100%; padding: 25px 30px 25px 80px; background: url("/www-new/css/../images/common/ico_question_off.png") no-repeat left 30px top 20px; }

@media screen and (min-width: 737px) { 
  .homepage_guide > li a { -webkit-transition: 0.3s; transition: 0.3s; }
  .homepage_guide > li a:hover { background-image: url("/www-new/css/../images/common/ico_question_on.png"); color: #9c1d1d; } 
}

@media screen and (max-width: 737px) { 
  .homepage_guide { font-size: 14px; }
  .homepage_guide > li a { padding: 23px 15px 23px 53px; background-position: left 15px top 20px; background-size: 27px; } 
}

/*뷰어 다운로드*/
.down_viewer { border-top: 2px solid #000; }

.down_viewer > li { border-bottom: 1px solid #e0e0e0; display: table; width: 100%; padding: 30px 130px 30px 10px; word-break: keep-all; }

.down_viewer > li > span { display: table-cell; width: 166px; text-align: center; vertical-align: top; }

.down_viewer > li > div { display: table-cell; }

.down_viewer > li > div h3 { font-size: 20px; font-weight: 500; }

.down_viewer > li > div ul { margin: 10px 0 22px; }

.down_viewer > li > div ul li { font-size: 15px; line-height: 1.5; }

@media screen and (max-width: 1080px) { .down_viewer > li { padding-right: 50px; } }

@media screen and (max-width: 737px) { 
  .down_viewer > li { display: block; padding: 17px 20px 20px; }
  .down_viewer > li > span { display: none; }
  .down_viewer > li > div { display: block; width: 100%; }
  .down_viewer > li > div h3 { font-size: 16px; }
  .down_viewer > li > div ul { margin: 14px 0 15px; }
  .down_viewer > li > div ul li { font-size: 14px; line-height: 1.4; } 
}

/*컨텐츠 3열*/
.col_3 { margin-top: -30px; }

.col_3 > :nth-child(n) { float: left; width: calc(33.33333% - 20px); margin-right: 30px; }

.col_3 > :nth-of-type(3n) { margin-right: 0; }

.col_3 > :not(:nth-of-type(3n + 1)) { clear: none; }

.col_3 > :nth-of-type(3n + 1) { clear: both; }

.col_3 > li { margin-top: 30px; }

@media screen and (max-width: 737px) { 
  .col_3 > :nth-child(n) { float: left; width: calc(50% - 7.5px); margin-right: 15px; }
  .col_3 > :nth-of-type(2n) { margin-right: 0; }
  .col_3 > :not(:nth-of-type(2n + 1)) { clear: none; }
  .col_3 > :nth-of-type(2n + 1) { clear: both; } 
}

@media screen and (max-width: 400px) { 
  .col_3 > :nth-child(n) { float: left; width: calc(100% - 0px); margin-right: 0px; }
  .col_3 > :nth-of-type(1n) { margin-right: 0; }
  .col_3 > :not(:nth-of-type(1n + 1)) { clear: none; }
  .col_3 > :nth-of-type(1n + 1) { clear: both; } 
}

/*역대공관장 이미지*/
.ambassador { border-top: 2px solid #000; border-left: 1px solid #eaeaea; text-align: center; }

.ambassador > li { float: left; width: 25%; border-right: 1px solid #eaeaea; }

.ambassador > li:nth-of-type(4n+1) { clear: both; }

.ambassador > li > div { display: table; width: 100%; border-bottom: 1px solid #eaeaea; }

.ambassador > li > div > * { display: table-cell; vertical-align: middle; }

.ambassador > li > div:nth-of-type(1) { background-color: #f7f8fa; height: 59px; }

.ambassador > li > div:nth-of-type(2) { background-color: #fff; height: 140px; padding: 20px; }

.ambassador > li > div:nth-of-type(3) { background-color: #fff; height: 60px; padding: 0 15px; text-align: center; }

.ambassador > li > div:nth-of-type(3) .dot { font-size: 15px; }

.ambassador > li > div:nth-of-type(3) .dot > li { display: inline-block; }

.ambassador > li strong { color: #393f6e; font-size: 17px; font-weight: 700; }

.ambassador > li .pic img { max-height: 200px; max-width: 100%; }

@media screen and (max-width: 1200px) { 
  .ambassador > li { width: 33.3333%; }
  .ambassador > li:nth-of-type(4n+1) { clear: none; }
  .ambassador > li:nth-of-type(3n+1) { clear: both; } 
}

@media screen and (max-width: 900px) { 
  .ambassador > li { width: 50%; }
  .ambassador > li:nth-of-type(3n+1) { clear: none; }
  .ambassador > li:nth-of-type(2n+1) { clear: both; } 
}

@media screen and (max-width: 737px) { 
  .ambassador > li { width: 100%; }
  .ambassador > li:nth-of-type(2n+1) { clear: none; }
  .ambassador > li > div { display: table; width: 100%; border-bottom: 1px solid #eaeaea; }
  .ambassador > li > div > * { display: table-cell; vertical-align: middle; }
  .ambassador > li > div:nth-of-type(1) { height: auto; padding: 10px 15px; }
  .ambassador > li > div:nth-of-type(2) { height: auto; padding: 15px; }
  .ambassador > li > div:nth-of-type(3) { height: auto; padding: 15px; }
  .ambassador > li > div:nth-of-type(3) .dot { font-size: 15px; }
  .ambassador > li > div:nth-of-type(3) .dot li:before { content: ''; top: 9px; }
  .ambassador > li strong { font-size: 16px; } 
}

/*인트로*/
#intro .sec1 { position: relative; min-height: 100vh; padding-top: 23.5vh; text-align: center; overflow: hidden; }
/* 20221031 국가 애도기간중 인트로 이미지 수정을 위한 주석 11월5일이후 원복 */
#intro .sec1:before { content: ''; position: absolute; left: 0; top: 0; width: 100%; height: 100%; background: url("/www-new/css/../images/bg_intro_1_01.jpg") no-repeat bottom center/cover; -webkit-animation: introbg 2s ease-out; animation: introbg 2s ease-out; }
/*#intro .sec1:before { content: ''; position: absolute; left: 0; top: 0; width: 100%; height: 100%; background: url("/www-new/css/../images/intro_bg-230102.jpg") no-repeat bottom center/cover; -webkit-animation: introbg 2s ease-out; animation: introbg 2s ease-out; }*/
/* #intro .sec1:before { content: ''; position: absolute; left: 0; top: 0; width: 100%; height: 100%; background: url("/www-new/css/../images/bg_intro_1_03.jpg") no-repeat bottom center/cover; -webkit-animation: introbg 2s ease-out; animation: introbg 2s ease-out; } */
/* #intro .sec1:before { content: ''; position: absolute; left: 0; top: 0; width: 100%; height: 100%; background: url("/www-new/css/../images/bg_intro_1_01_01.jpg") no-repeat bottom center/cover; -webkit-animation: introbg 2s ease-out; animation: introbg 2s ease-out; } */
/* #intro .sec1:before { content: ''; position: absolute; left: 0; top: 0; width: 100%; height: 100%; background: url("/www-new/css/../images/bg_intro_1_01_01.jpg") no-repeat bottom center/cover; -webkit-animation: introbg 2s ease-out; animation: introbg 2s ease-out; } */

#intro .sec1 h1 { position: relative; display: inline-block; }

#intro .sec1 h1:after { content: ''; position: absolute; width: 94px; height: 96px; right: -44px; top: -51px; background: url("/www-new/css/../images/txt_intro_star.png") no-repeat center/cover; z-index: 1; -webkit-animation: star 3s infinite linear; animation: star 3s infinite linear; -webkit-transform: rotate(0); transform: rotate(0); }

#intro .sec1 .intro_btn { position: absolute; left: 50%; bottom: 200px; text-align: center; max-width: 1325px; width: 100%; -webkit-transform: translateX(-50%); transform: translateX(-50%); font-size: 0; line-height: 0; }

#intro .sec1 .intro_btn:after { content: ''; width: 198px; height: 57px; display: block; position: absolute; right: -54px; bottom: 3px; background: url("/www-new/css/../images/intro_logo.png") no-repeat center; }

#intro .sec1 .intro_btn a { display: inline-block; font-size: 22px; line-height: 71px; width: 300px; color: rgba(255, 255, 255, 0.5); border: 2px solid rgba(255, 255, 255, 0.4); border-radius: 76px; font-weight: 500; margin-right: 20px; background-color: rgba(26, 26, 26, 0.4); -webkit-transition: 0.3s; transition: 0.3s; }

#intro .sec1 .intro_btn a:last-of-type { margin-right: 0; }

#intro .sec1 .intro_btn a.active, #intro .sec1 .intro_btn a:hover { color: #fff; border-color: rgba(255, 255, 255, 0.77); background-color: rgba(14, 47, 79, 0.77); }

#intro .sec1 .btn_box { position: absolute; left: 50%; bottom: 112px; text-align: center; max-width: 1325px; width: 100%; -webkit-transform: translateX(-50%); transform: translateX(-50%); font-size: 0; line-height: 0; text-align: center; }

#intro .sec1 .btn_box button { width: 210px; height: 48px; color: rgba(255, 255, 255, 0.7); font-weight: 500; border-radius: 8px; background: rgba(162, 121, 66, 0.7); -webkit-transition: 0.3s; transition: 0.3s; }

/* 20240112 www-intro 서버 중단 공지 */
.intro_notice { position: absolute; left: 50%; top: 62%; transform: translate(-50%, -50%); width: 680px; padding: 24px 48px; border: 2px solid rgba(255, 255, 255, 0.77); border-radius: 12px; background-color: rgba(14, 47, 79, 0.77); }
.intro_notice > span { font-weight: 500; font-size: 20px; color: #fff; word-break: keep-all; text-shadow: 0px 2px 8px rgba(0, 0, 0, 0.8); }

@media screen and (max-width: 737px) {
  .intro_notice { top: 30%; width: 320px; padding: 8px; border-radius: 8px; }
  .intro_notice > span { font-size: 12px; } }
/* 20240112 www-intro 서버 중단 공지 */

@media screen and (min-width: 720px) { #intro .sec1 .btn_box button:hover { background: #a27942; color: white; } }

@media screen and (max-width: 1500px) { 
  #intro .sec1 .intro_btn { max-width: 1000px; width: 100%; bottom: 28vh; }
  #intro .sec1 .intro_btn:after { content: ''; width: 198px; height: 40px; display: block; position: absolute; right: auto; right: initial; left: 50%; bottom: -180px; -webkit-transform: translateX(-50%); transform: translateX(-50%); background-size: auto 100%; }
  #intro .sec1 .intro_btn a { width: 220px; padding: 0; font-size: 18px; line-height: 50px; }
  #intro .sec1 .btn_box { bottom: 135px; } 
}

@media screen and (max-width: 737px) { 
  #intro .sec1 .btn_box { top: 50%; -webkit-transform: translate(-50%, -50%); transform: translate(-50%, -50%); bottom: auto; margin-top: 192px; }
  #intro .sec1 .btn_box button { width: 170px; font-size: 12px; height: 35px; opacity: 1; font-weight: 300; } 
}

@media screen and (max-width: 1200px) { #intro .sec1:before { background-position: left center; } }

@media screen and (max-width: 737px) { 
  #intro .sec1 { padding-top: 68px; }
  #intro .sec1:before { background-position: 25% center; }
  #intro .sec1 h1 { width: 248px; }
  #intro .sec1 .intro_btn { max-width: 210px; margin: auto; top: 50%; bottom: initial; bottom: auto; margin-top: -80px; }
  #intro .sec1 .intro_btn:after { display: inline-block; margin-top: 24px; width: 125px; height: 36px; position: static; background-size: cover; -webkit-transform: translateX(0); transform: translateX(0); }
 /* 20230504 인트로페이지 - 외교부, minstry of foreign affairs, 재외공관 버튼 수정 */
  #intro .sec1 .intro_btn a { display: block; width: 100%; font-size: 14px; line-height: 41px; margin-right: 0; margin-bottom: 10px; color: #fff; border-color: rgba(255, 255, 255, 0.77); background-color: rgba(14, 47, 79, 0.77);}
 /* 20230504 인트로페이지 - 외교부, minstry of foreign affairs, 재외공관 버튼 수정 */
  #intro .sec1 .intro_btn a:last-of-type { margin-right: 0; }
  #intro .sec1 .intro_btn a.active, #intro .sec1 .intro_btn a:hover { color: #fff; border-color: rgba(255, 255, 255, 0.77); background-color: rgba(14, 47, 79, 0.77); } 
}

#intro .sec2 { text-align: center; background: #0a1e42 url("/www-new/css/../images/bg_intro_2.jpg") no-repeat top center; padding: 100px 30px 50px; }

#intro .sec2 h2 { font-size: 21px; margin-bottom: 64px; font-weight: 500; color: #576d94; }

#intro .sec2 h2 span { display: block; margin-bottom: 25px; }

#intro .sec2 .nation { max-width: 1554px; margin: auto; }

#intro .sec2 .nation > :nth-child(n) { float: left; width: calc(25% - 7.5px); margin-right: 10px; }

#intro .sec2 .nation > :nth-of-type(4n) { margin-right: 0; }

#intro .sec2 .nation > :not(:nth-of-type(4n + 1)) { clear: none; }

#intro .sec2 .nation > :nth-of-type(4n + 1) { clear: both; }

#intro .sec2 .nation > li { background-color: #253752; margin-bottom: 11px; opacity: 0.7; -webkit-transition: 0.3s; transition: 0.3s; }

#intro .sec2 .nation > li > div { overflow-x: hidden; overflow-y: auto; max-height: 446px; padding: 0 7px 14px 20px; }

#intro .sec2 .nation > li > div::-webkit-scrollbar { width: 8px; height: 8px; }

#intro .sec2 .nation > li > div::-webkit-scrollbar-thumb { background-color: #192537; border-radius: 8px; }

#intro .sec2 .nation > li > div::-webkit-scrollbar-track { background-color: transparent; border-radius: 8px; }

#intro .sec2 .nation > li button { height: 114px; width: 100%; font-size: 26px; font-weight: 300; color: rgba(255, 255, 255, 0.8); padding: 0 20px; }

#intro .sec2 .nation > li button span { color: rgba(100, 119, 150, 0.7); font-size: 15px; display: block; font-weight: 500; }

#intro .sec2 .nation > li ol { color: #647796; text-align: left; }

#intro .sec2 .nation > li ol > li { position: relative; padding-left: 30px; margin-bottom: 28px; }

#intro .sec2 .nation > li ol > li:first-of-type a:first-of-type { margin-top: -0.2em; }

#intro .sec2 .nation > li ol > li span { position: absolute; left: 0; top: 0; color: rgba(100, 119, 150, 0.8); font-size: 16px; }

#intro .sec2 .nation > li ol > li a { font-size: 18px; -webkit-transition: 0.3s; transition: 0.3s; display: block; line-height: 1.4; margin-bottom: 0.4em; }

#intro .sec2 .nation > li ol > li a:last-of-type { margin-bottom: 0; }

#intro .sec2 .nation > li ol > li a:hover { color: #fff; }

#intro .sec2 .nation > li.active { background-color: #263853; position: relative; opacity: 1; }

#intro .sec2 .nation > li.active:before { content: ''; position: absolute; left: 0; top: 0; width: 100%; height: 5px; background-color: #6592d5; }

#intro .sec2 .nation > li.row3 > div, #intro .sec2 .nation > li.row4 > div { display: none; }

@media screen and (max-width: 1080px) { 
  #intro .sec2 .nation > :nth-child(n) { float: left; width: calc(50% - 10px); margin-right: 20px; }
  #intro .sec2 .nation > :nth-of-type(2n) { margin-right: 0; }
  #intro .sec2 .nation > :not(:nth-of-type(2n + 1)) { clear: none; }
  #intro .sec2 .nation > :nth-of-type(2n + 1) { clear: both; }
  #intro .sec2 .nation > li.row2 > div, #intro .sec2 .nation > li.row3 > div, 
  #intro .sec2 .nation > li.row4 > div { display: none; } 
}

@media screen and (max-width: 737px) { 
  #intro .sec2 { height: auto; background: #0a1e42; padding: 43px 15px 40px; }
  #intro .sec2 h2 { font-size: 12px; margin-bottom: 33px; text-align: center; }
  #intro .sec2 h2 img { width: 121px; }
  #intro .sec2 h2 span { display: block; margin-bottom: 12px; }
  #intro .sec2 .nation { width: 100%; }
  #intro .sec2 .nation > :nth-child(n) { float: left; width: calc(100% - 0px); margin-right: 0px; }
  #intro .sec2 .nation > :nth-of-type(1n) { margin-right: 0; }
  #intro .sec2 .nation > :not(:nth-of-type(1n + 1)) { clear: none; }
  #intro .sec2 .nation > :nth-of-type(1n + 1) { clear: both; }
  #intro .sec2 .nation > li { margin-bottom: 20px; }
  #intro .sec2 .nation > li:last-of-type { margin-bottom: 0; }
  #intro .sec2 .nation > li > div { display: none; max-height: 320px; padding: 0 7px 25px 14px; }
  #intro .sec2 .nation > li button { height: 95px; font-size: 22px; }
  #intro .sec2 .nation > li button span { font-size: 12px; display: block; margin-top: 5px; }
 /* 20230504 인트로페이지 - 재외공관 목록 버튼 색상 변경 */
  #intro .sec2 .nation > li ol { color: #bed0ed; text-align: left; }
  #intro .sec2 .nation > li ol > li { position: relative; padding-left: 23px; margin-bottom: 15px; }
  #intro .sec2 .nation > li ol > li span { font-size: 13px; color: #bed0ed}
  #intro .sec2 .nation > li ol > li a { font-size: 14px; margin-bottom: 7px; }
  #intro .sec2 .nation > li ol > li a:hover { color: #bed0ed; }
 /* // 20230504 인트로페이지 - 재외공관 목록 버튼 색상 변경 */
  #intro .sec2 .nation > li.row2 > div { display: none; } 
}

@-webkit-keyframes star { 
  0% { -webkit-transform: scale(1); transform: scale(1); }
  25% { -webkit-transform: scale(1.2); transform: scale(1.2); }
  50% { -webkit-transform: scale(1); transform: scale(1); }
  75% { -webkit-transform: scale(0.8); transform: scale(0.8); }
  100% { -webkit-transform: scale(1); transform: scale(1); } 
}

@keyframes star { 
  0% { -webkit-transform: scale(1); transform: scale(1); }
  25% { -webkit-transform: scale(1.2); transform: scale(1.2); }
  50% { -webkit-transform: scale(1); transform: scale(1); }
  75% { -webkit-transform: scale(0.8); transform: scale(0.8); }
  100% { -webkit-transform: scale(1); transform: scale(1); } 
}

@-webkit-keyframes introbg { 
  0% { -webkit-transform: scale(1.1); transform: scale(1.1); }
  100% { -webkit-transform: scale(1); transform: scale(1); } 
}

@keyframes introbg { 
  0% { -webkit-transform: scale(1.1); transform: scale(1.1); }
  100% { -webkit-transform: scale(1); transform: scale(1); } 
}

.mmbox { position: fixed; top: 0; left: 0; width: 100%; height: 100%; z-index: -1; }

/*사전공표목록 아이콘탭*/
.tab_anc { line-height: 1.2; margin-bottom: 40px; border-top: 1px solid #dedede; border-left: 1px solid #dedede; }

.tab_anc > li { float: left; width: 12.5%; border-right: 1px solid #dedede; border-bottom: 1px solid #dedede; }

.tab_anc > li a { display: block; width: 100%; height: 133px; padding: 88px 10px 0; font-size: 14px; text-align: center; background-position: center bottom 58px; background-repeat: no-repeat; color: #000; background-color: #fff; }

.tab_anc > li a:focus { outline-offset: -4px; outline: 2px dashed #000000; }
	
.tab_anc > li.active a:focus { outline-color: #ffffff; }

.tab_anc > li:nth-of-type(1) a { background-image: url("/www-new/css/../images/sub/icon_tabanc_01_off.png"); }

.tab_anc > li:nth-of-type(2) a { background-image: url("/www-new/css/../images/sub/icon_tabanc_02_off.png"); }

.tab_anc > li:nth-of-type(3) a { background-image: url("/www-new/css/../images/sub/icon_tabanc_03_off.png"); }

.tab_anc > li:nth-of-type(4) a { background-image: url("/www-new/css/../images/sub/icon_tabanc_04_off.png"); }

.tab_anc > li:nth-of-type(5) a { background-image: url("/www-new/css/../images/sub/icon_tabanc_05_off.png"); }

.tab_anc > li:nth-of-type(6) a { background-image: url("/www-new/css/../images/sub/icon_tabanc_06_off.png"); }

.tab_anc > li:nth-of-type(7) a { background-image: url("/www-new/css/../images/sub/icon_tabanc_07_off.png"); }

.tab_anc > li:nth-of-type(8) a { background-image: url("/www-new/css/../images/sub/icon_tabanc_08_off.png"); }

.tab_anc > li.active a { color: #fff; background-color: #0b3974; font-weight:800; }

.tab_anc > li:nth-of-type(1).active a { background-image: url("/www-new/css/../images/sub/icon_tabanc_01_on.png"); }

.tab_anc > li:nth-of-type(2).active a { background-image: url("/www-new/css/../images/sub/icon_tabanc_02_on.png"); }

.tab_anc > li:nth-of-type(3).active a { background-image: url("/www-new/css/../images/sub/icon_tabanc_03_on.png"); }

.tab_anc > li:nth-of-type(4).active a { background-image: url("/www-new/css/../images/sub/icon_tabanc_04_on.png"); }

.tab_anc > li:nth-of-type(5).active a { background-image: url("/www-new/css/../images/sub/icon_tabanc_05_on.png"); }

.tab_anc > li:nth-of-type(6).active a { background-image: url("/www-new/css/../images/sub/icon_tabanc_06_on.png"); }

.tab_anc > li:nth-of-type(7).active a { background-image: url("/www-new/css/../images/sub/icon_tabanc_07_on.png"); }

.tab_anc > li:nth-of-type(8).active a { background-image: url("/www-new/css/../images/sub/icon_tabanc_08_on.png"); }

@media screen and (min-width: 1080px) { 
  .tab_anc > li a { -webkit-transition: 0.3s; transition: 0.3s; }
  .tab_anc > li:hover a { color: #fff; background-color: #0b3974; }
  .tab_anc > li:nth-of-type(1):hover a { background-image: url("/www-new/css/../images/sub/icon_tabanc_01_on.png"); }
  .tab_anc > li:nth-of-type(2):hover a { background-image: url("/www-new/css/../images/sub/icon_tabanc_02_on.png"); }
  .tab_anc > li:nth-of-type(3):hover a { background-image: url("/www-new/css/../images/sub/icon_tabanc_03_on.png"); }
  .tab_anc > li:nth-of-type(4):hover a { background-image: url("/www-new/css/../images/sub/icon_tabanc_04_on.png"); }
  .tab_anc > li:nth-of-type(5):hover a { background-image: url("/www-new/css/../images/sub/icon_tabanc_05_on.png"); }
  .tab_anc > li:nth-of-type(6):hover a { background-image: url("/www-new/css/../images/sub/icon_tabanc_06_on.png"); }
  .tab_anc > li:nth-of-type(7):hover a { background-image: url("/www-new/css/../images/sub/icon_tabanc_07_on.png"); }
  .tab_anc > li:nth-of-type(8):hover a { background-image: url("/www-new/css/../images/sub/icon_tabanc_08_on.png"); } 
}

@media screen and (max-width: 737px) { 
  .tab_anc { margin-bottom: 25px; }
  .tab_anc > li { width: 50%; font-size: 14px; }
  .tab_anc > li a { padding: 0 10px; height: 45px; display: table; width: 100%; background-image: none; background-color: #f6f8f9; color: #8e9297; }
  .tab_anc > li a span { display: table-cell; vertical-align: middle; }
  .tab_anc > li.active a { -webkit-box-shadow: 0 0 0 1px #0b3974; box-shadow: 0 0 0 1px #0b3974; } 
}

.fw_b { font-weight: 600; }

.fc_blue { color: #0c3975; }

.fc_blue2 { color: #0059d1; }

.fc_blue3 { color: #005A9E; }

.fc_blue4 { color: #1079C9;}

.fc_1 { color: #0261c8; }

.fc_2 { color: #ff6600; }

.fc_3 { color: #c90d0d; }

.fc_4 { color: #359605; }

.fc_5 { color: #fb1313; }

.fc_red { color: #9c1d1d; }

.fc_gray { color: #777; }

.bg_gray { background-color: #f7f8f9; }

.bg_pink { background-color: #faf5f5; }

.ft_date { font-size: 0.9375em; color: #7c8085; display: block; }

.fs_md { font-size: 25px; }

@media screen and (max-width: 737px) { .fs_md { font-size: 18px; } }

.left { text-align: left; }

.right { text-align: right; }

.center { text-align: center; }

.wAuto { width: auto; }

.w30 { width: 30px; }

.w40 { width: 40px; }

.w45 { width: 45px; }

.w50 { width: 50px; }

.w60 { width: 60px; }

.w70 { width: 70px; }

.w80 { width: 80px; }

.w90 { width: 90px; }

.w100 { width: 100px; }

.w110 { width: 110px; }

.w120 { width: 120px; }

.w130 { width: 130px; }

.w140 { width: 140px; }

.w150 { width: 150px; }

.w160 { width: 160px; }

.w170 { width: 170px; }

.w180 { width: 180px; }

.w190 { width: 190px; }

.w200 { width: 200px; }

.w210 { width: 210px; }

.w220 { width: 220px; }

.w230 { width: 230px; }

.w240 { width: 240px; }

.w250 { width: 250px; }

.w260 { width: 260px; }

.w270 { width: 270px; }

.w280 { width: 280px; }

.w290 { width: 290px; }

.w300 { width: 300px; }

.w310 { width: 310px; }

.w320 { width: 320px; }

.w330 { width: 330px; }

.w340 { width: 340px; }

.w350 { width: 350px; }

.w360 { width: 360px; }

.w370 { width: 370px; }

.w380 { width: 380px; }

.w390 { width: 390px; }

.w400 { width: 400px; }

.w410 { width: 410px; }

.w420 { width: 420px; }

.w430 { width: 430px; }

.w440 { width: 440px; }

.w450 { width: 450px; }

.w460 { width: 460px; }

.w470 { width: 470px; }

.w480 { width: 480px; }

.w490 { width: 490px; }

.w500 { width: 500px; }

.w510 { width: 510px; }

.w520 { width: 520px; }

.w530 { width: 530px; }

.w540 { width: 540px; }

.w550 { width: 550px; }

.w560 { width: 560px; }

.w570 { width: 570px; }

.w580 { width: 580px; }

.w590 { width: 590px; }

.w600 { width: 600px; }

.w700 { width: 700px; }

.w800 { width: 800px; }

.w900 { width: 900px; }

.w1000 { width: 1000px; }

.wp5 { width: 5%; }

.wp10 { width: 10%; }

.wp15 { width: 15%; }

.wp20 { width: 20%; }

.wp25 { width: 25%; }

.wp30 { width: 30%; }

.wp35 { width: 35%; }

.wp40 { width: 40%; }

.wp45 { width: 45%; }

.wp50 { width: 50%; }

.wp55 { width: 55%; }

.wp60 { width: 60%; }

.wp65 { width: 65%; }

.wp70 { width: 70%; }

.wp75 { width: 75%; }

.wp80 { width: 80%; }

.wp85 { width: 85%; }

.wp90 { width: 90%; }

.wp95 { width: 95%; }

.wp100 { width: 100%; }

.mt5 { margin-top: 5px; }

.mt6 { margin-top: 6px; }

.mt7 { margin-top: 7px; }

.mt10 { margin-top: 10px; }

.mt15 { margin-top: 15px; }

.mt20 { margin-top: 20px; }

.mt25 { margin-top: 25px; }

.mt30 { margin-top: 30px; }

.mt35 { margin-top: 35px; }

.mt40 { margin-top: 40px; }

.mb5 { margin-bottom: 5px; }

.mb10 { margin-bottom: 10px; }

.mb15 { margin-bottom: 15px; }

.mb20 { margin-bottom: 20px; }

.mb25 { margin-bottom: 25px; }

.mb30 { margin-bottom: 30px; }

.mb35 { margin-bottom: 35px; }

.mb40 { margin-bottom: 40px; }

.ml0 { margin-left: 0; }

.ml4 { margin-left: 4px; }

.ml5 { margin-left: 5px; }

.ml6 { margin-left: 6px; }

.ml10 { margin-left: 10px; }

.ml15 { margin-left: 15px; }

.ml20 { margin-left: 20px; }

.ml25 { margin-left: 25px; }

.ml30 { margin-left: 30px; }

.ml35 { margin-left: 35px; }

.ml40 { margin-left: 40px; }

.mr5 { margin-right: 5px; }

.mr10 { margin-right: 10px; }

.mr15 { margin-right: 15px; }

.mr20 { margin-right: 20px; }

.mr25 { margin-right: 25px; }

.mr30 { margin-right: 30px; }

.mr35 { margin-right: 35px; }

.mr40 { margin-right: 40px; }

.en { /*211026 영문컨텐츠*/ }

/* 2023.07.06 추가 */
.fs6 { font-size: 6px; }
.fs7 { font-size: 7px; }
.fs8 { font-size: 8px; }
.fs9 { font-size: 9px; }
.fs10 { font-size: 10px; }
.fs11 { font-size: 11px; }
.fs12 { font-size: 12px; }
.fs13 { font-size: 13px; }
.fs14 { font-size: 14px; }
.fs15 { font-size: 15px; }
.fs16 { font-size: 16px; }
.fs17 { font-size: 17px; }
.fs18 { font-size: 18px; }
.fs19 { font-size: 19px; }
.fs20 { font-size: 20px; }
.fs21 { font-size: 21px; }
.fs21 { font-size: 22px; }
.fs23 { font-size: 23px; }
.fs24 { font-size: 24px; }
.fs25 { font-size: 25px; }
.fs26 { font-size: 26px; }
.fs27 { font-size: 27px; }
.fs28 { font-size: 28px; }
.fs29 { font-size: 29px; }
.fs30 { font-size: 30px; }
.fs31 { font-size: 31px; }
.fs32 { font-size: 32px; }
.fs33 { font-size: 33px; }
.fs34 { font-size: 34px; }
.fs35 { font-size: 35px; }
.fs36 { font-size: 36px; }
.fs37 { font-size: 37px; }
.fs38 { font-size: 38px; }
.fs39 { font-size: 39px; }
.fs40 { font-size: 40px; }
.fs41 { font-size: 41px; }
.fs42 { font-size: 42px; }
.fs43 { font-size: 43px; }
.fs44 { font-size: 44px; }
.fs45 { font-size: 45px; }
.fs46 { font-size: 46px; }
.fs47 { font-size: 47px; }
.fs48 { font-size: 48px; }
.fs49 { font-size: 49px; }
.fs50 { font-size: 50px; }

.fw100{ font-weight: 100; }
.fw200{ font-weight: 200; }
.fw300{ font-weight: 300; }
.fw400{ font-weight: 400; }
.fw500{ font-weight: 500; }
.fw600{ font-weight: 600; }
.fw700{ font-weight: 700; }
.fw800{ font-weight: 800; }
.fw900{ font-weight: 900; }
/* 2023.07.06 추가 */

.en #main { display: block; }

.en #main .container { max-width: 1300px; margin-right: auto; margin-left: auto; }

@media screen and (max-width: 1420px) { .en #main .container { padding: 0 50px; } }

@media screen and (max-width: 1300px) { .en #main .container { padding: 0 30px; } }

@media screen and (max-width: 768px) { .en #main .container { padding: 0 15px; } }

.en .pagination_num { display: inline-block; vertical-align: middle; font-size: 21px; color: #fff; margin-left: 30px; }

.en .pagination_num .current { color: #daab28; }

.en .tit { font-size: 48px; font-weight: bold; }

@media screen and (max-width: 768px) { .en .tit { font-size: 30px; } }

.en .banner { padding-top: 6px; background: url("/www-new/css/../images/en/bg_main_banner.jpg") repeat-x left top; }

.en .banner a { display: block; }

.en .banner > div { background: #063b6e; position: relative; max-width: 1920px; margin: auto; }

.en .banner > div .slide a:after { content: ""; display: block; clear: both; }

.en .banner > div .slide .txt_box { width: 50%; height: 100%; position: absolute; top: 0; left: 0; text-align: center; color: #fff; padding: 1.8em 1.1em 0; font-size: 2.8vw; }

.en .banner > div .slide .txt_box h3 { height: 4.1em; text-overflow: ellipsis; overflow: hidden; display: -webkit-box; -webkit-line-clamp: 3; -webkit-box-orient: vertical; max-width: 670px; margin: auto; font-family: "Playfair Display", "sans-serif"; font-weight: 800; }

.en .banner > div .slide .txt_box button { height: 64px; line-height: 62px; font-size: 18px; color: #fff; border: 1px solid #fff; padding: 0 45px; position: absolute; bottom: 20%; left: 50%; -webkit-transform: translateX(-50%); transform: translateX(-50%); background-color: #052e59; white-space: nowrap; }

.en .banner > div .slide .txt_box button img { margin-left: 15px; vertical-align: 0; display: inline; }

.en .banner > div .slide .img_box { width: 50%; float: right; position: relative; height: 0; padding-top: 30.25%; }

.en .banner > div .slide .img_box img, .en .banner > div .slide .img_box iframe { position: absolute; left: 0; width: 100%; height: 100%; top: 0; bottom: 0; }

.en .banner > div .attr { position: absolute; width: calc(50% + 82px); left: 50%; bottom: 0; font-size: 0; line-height: 0; margin-left: -82px; }

.en .banner > div .attr .prev, .en .banner > div .attr .next { width: 82px; height: 69px; background: #fff url("/www-new/css/../images/en/icon_prev_01.png") no-repeat center; vertical-align: middle; }

.en .banner > div .attr .pause { width: 82px; height: 69px; background: #032f5a url("/www-new/css/../images/en/icon_pause.png") no-repeat center; vertical-align: middle; }

.en .banner > div .attr .pause.play { background-image: url("/www-new/css/../images/en/icon_play_01.png"); }

.en .banner > div .attr .next { background: #fff url("/www-new/css/../images/en/icon_next_01.png") no-repeat center; }

.en .banner > div .attr .va { position: absolute; right: 0; display: inline-block; width: 82px; height: 69px; margin: 0; vertical-align: middle; background-color: #063b6e; }

.en .banner > div .attr .va > span { position: absolute; left: 50%; top: 50%; transform: translate(-50%,-50%); display: block; width: 24px; height: 2px; margin: 0; background-color: #ffffff; }

.en .banner > div .attr .va > .line-1 {}

.en .banner > div .attr .va > .line-2 { transform: translate(-50%,-50%) rotate(90deg); }

.en .banner > div .attr .pagination_num { vertical-align: 0; position: absolute; right: 0; top: 0; line-height: 69px; font-size: 21px; width: 82px; text-align: center; color: #000; text-shadow: #fff 0 0 5px,#fff 0 0 3px,#fff 0 0 1px; }

.en .banner > div .attr .pagination_num .current { color: #000; }

.en .banner > ul:after { content: ""; display: block; clear: both; }

.en .banner > ul li { float: left; width: 25%; color: #000; }

.en .banner > ul li h4 { color: #0a314d; }

.en .banner > ul li.list1 { background: #eaf1f6; }

.en .banner > ul li.list2 { background: #f5fafe; }

.en .banner > ul li.list3 { background: #02579a; }

.en .banner > ul li.list4 { background: #0071c1; }

.en .banner > ul li.list3, .en .banner > ul li.list4 { color: #fff; }

.en .banner > ul li.list3 h4, .en .banner > ul li.list4 h4 { color: #fff; }

.en .banner > ul li a { padding: 50px 50px 0; min-height: 250px; position: relative; }

.en .banner > ul li a h4 { font-size: 28px; max-height: 72px; line-height: 1.2em; font-weight: 500; word-break: keep-all; margin-bottom: 15px; text-overflow: ellipsis; overflow: hidden; display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical; font-family: "EB Garamond", "sans-serif"; }

.en .banner > ul li a span { word-break: break-all; font-size: 20px; text-overflow: ellipsis; overflow: hidden; display: -webkit-box; -webkit-line-clamp: 3; -webkit-box-orient: vertical; }

@media screen and (min-width: 1000px) { 
  .en .banner > ul li:hover a:after { -webkit-animation: leftRight 0.9s infinite; animation: leftRight 0.9s infinite; }
  @-webkit-keyframes leftRight { 0% { margin-left: 0; }
    50% { margin-left: 15px; }
    100% { margin-left: 0; } }
  @keyframes leftRight { 0% { margin-left: 0; }
    50% { margin-left: 15px; }
    100% { margin-left: 0; } } 
}

@media screen and (max-width: 1606px) { 
  .en .banner > ul li a { padding: 30px 50px; min-height: 228px; }
  .en .banner > ul li a:after { left: 50px; bottom: 30px; }
  .en .banner > ul li a h4 { font-size: 27px; }
  .en .banner > ul li a span { font-size: 21px; } 
}

@media screen and (max-width: 1300px) { 
  .en .banner > div .slide .txt_box button { bottom: 15%; }
  .en .banner > ul li { width: 50%; }
  .en .banner > ul li a { min-height: 225px; padding: 30px; }
  .en .banner > ul li a:after { left: 30px; } 
}

@media screen and (max-width: 1050px) { 
  .en .banner > ul li a { min-height: 200px; }
  .en .banner > ul li a h4 { font-size: 24px; }
  .en .banner > ul li a span { font-size: 19px; } 
}

@media screen and (max-width: 900px) { 
  .en .banner > div .slide .txt_box { position: relative; width: 100%; padding: 50px 80px 100px 80px; word-break: keep-all; }
  .en .banner > div .slide .txt_box h3 { font-size: 27px; }
  .en .banner > div .slide .txt_box button { bottom: 45px; }
  .en .banner > div .slide .img_box { width: 100%; float: none; padding-top: 60.5%; }
  .en .banner > div .attr { width: 100%; left: 0; margin-left: 0; }
  .en .banner > div .attr .next, .en .banner > div .attr .prev { width: 50px; height: 50px; background: #fff url("/www-new/css/../images/en/icon_prev_01.png") no-repeat center/auto 20px; }
  .en .banner > div .attr .pause { width: 50px; height: 50px; }
  .en .banner > div .attr .next { background: #fff url("/www-new/css/../images/en/icon_next_01.png") no-repeat center/auto 20px; }
  .en .banner > div .attr .va { width: 50px; height: 50px; }
  .en .banner > div .attr .pagination_num { font-size: 18px; margin-left: 15px; width: 50px; height: 50px; line-height: 50px; } 
}

@media screen and (max-width: 768px) { 
  .en .banner > div .slide .txt_box { padding: 30px 30px 100px 30px; }
  .en .banner > div .slide .txt_box h3 { font-size: 22px; }
  .en .banner > div .slide .txt_box button { height: 40px; line-height: 40px; font-size: 14px; padding: 0 20px; }
  .en .banner > div .slide .txt_box button img { margin-left: 10px; width: 6px; }
  .en .banner > ul li.list3 a:after, .en .banner > ul li.list4 a:after { background: url("/www-new/css/../images/en/icon_arrow_01.png") no-repeat center/24px auto; }
  .en .banner > ul li a { padding: 15px; min-height: 165px; }
  .en .banner > ul li a:after { left: 15px; bottom: 30px; background: url("/www-new/css/../images/en/icon_arrow_02.png") no-repeat center/24px auto; }
  .en .banner > ul li a h4 { font-size: 20px; }
  .en .banner > ul li a span { font-size: 17px; } 
}

@media screen and (max-width: 500px) { 
  .en .banner > ul li a:after { bottom: 15px; } 
}

.en .media a { display: block; }

.en .media > div { padding: 100px 0 110px 0; }

.en .media > div.releases { background: url("/www-new/css/../images/en/bg_releases.jpg") repeat left top; }

.en .media > div.releases:after { content: ""; display: block; clear: both; }

.en .media > div.releases .slide a .img { display: block; position: relative; height: 0; padding-top: 89.28%; }

.en .media > div.releases .slide a .img img { position: absolute; left: 0; top: 0; bottom: 0; width: 100%; height: 100%; }

.en .media > div.releases .banner2 { width: 560px; margin-right: 90px; float: left; position: relative; }

.en .media > div.releases .banner2 .attr { width: 100%; height: 90px; line-height: 90px; background: rgba(0, 0, 0, 0.6); position: absolute; bottom: 0; left: 0; }

.en .media > div.releases .banner2 .attr .prev, .en .media > div.releases .banner2 .attr .next, .en .media > div.releases .banner2 .attr .pause { float: left; vertical-align: middle; width: 90px; height: 90px; background: url("/www-new/css/../images/en/icon_prev_02.png") no-repeat center; background-color: rgba(0, 0, 0, 0.6); margin-right: 1px; }

.en .media > div.releases .banner2 .attr .next { background: url("/www-new/css/../images/en/icon_next_02.png") no-repeat center; background-color: rgba(0, 0, 0, 0.6); }

.en .media > div.releases .banner2 .attr div { margin: 0 18px; }

.en .media > div.releases .banner2 .attr .pause { background: url("/www-new/css/../images/en/icon_stop_01.png") no-repeat center; background-color: rgba(0, 0, 0, 0.6); }

.en .media > div.releases .banner2 .attr .pause.play { background-image: url("/www-new/css/../images/en/icon_play_01.png"); }

.en .media > div.releases .banner2 .attr .pagination_num { float: left; width: calc(100% - 273px); margin: 0; background-color: rgba(0, 0, 0, 0.6); color: #fff; text-align: right; padding-right: 30px; font-size: 20px; }

.en .media > div.releases .banner2 .attr .pagination_num .current { color: #fff; }

.en .media > div.releases .list { width: calc(100% - 650px); float: left; position: relative; }

.en .media > div.releases .list h2 { margin: 24px 0 27px 0; font-family: "EB Garamond", "sans-serif"; color: #0a314d; font-size: 48px; font-weight: 600; }

.en .media > div.releases .list ul { border-top: 1px solid #000; border-bottom: 1px solid #000; }

.en .media > div.releases .list ul li { border-bottom: 1px solid #ddd; }

.en .media > div.releases .list ul li:last-child { border-bottom: 0; }

@media screen and (min-width: 1000px) { 
  .en .media > div.releases .list ul li:hover a h4 { text-decoration: underline; }
  .en .media > div.releases .list ul li:hover a em { text-decoration: underline; } 
}

.en .media > div.releases .list ul li a { font-size: 0; line-height: 0; height: 190px; padding: 23px 0px 27px; }

.en .media > div.releases .list ul li a h4 { font-size: 28px; font-weight: 500; line-height: 1.2; font-weight: 400; text-overflow: ellipsis; overflow: hidden; display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical; font-family: "EB Garamond", "sans-serif"; margin-bottom: 8px; color: #6f2836; }

.en .media > div.releases .list ul li a h4 span { font-size: 17px; margin-left: 25px; color: #5c5c5c; vertical-align: 0; }

.en .media > div.releases .list ul li a em { font-size: 16px; color: #333; line-height: 1.5; text-overflow: ellipsis; overflow: hidden; display: -webkit-box; -webkit-line-clamp: 3; -webkit-box-orient: vertical; }

.en .media > div.releases .list > a { position: absolute; top: 43px; right: 0; background: url("/www-new/css/../images/en/icon_more.png") no-repeat left center; font-size: 17px; padding-left: 16px; }

.en .media > div.social { padding: 80px 0 80px; position: relative; background-color: #f3f3f3; overflow: hidden; }

.en .media > div.social .container { position: relative; z-index: 1; }

.en .media > div.social .container:after { content: ''; display: block; clear: both; }

.en .media > div.social:before { width: 339px; height: 763px; background: url("/www-new/css/../images/en/bg_social2.jpg") no-repeat center; position: absolute; left: 0; top: 618px; content: ''; }

.en .media > div.social:after { content: ''; width: 851px; height: 851px; background: url("/www-new/css/../images/en/bg_social.png") no-repeat; position: absolute; top: -111px; right: 35px; }

.en .media > div.social .sns_box { position: relative; /* float: left; */ /* width: calc(100% - 460px); *//* margin-right: 80px; */ width: 100%; margin: 0 auto; z-index: 1; }

/* .en social 콘텐츠 제목 */
.en .media > div.social .sns_box { width: 100%; margin: 0 auto; position: relative; display: flex; align-items: flex-start; justify-content: space-between; -moz-column-gap: 80px; column-gap: 80px; }

.en .media > div.social .sns_box .box { margin: 0; position: relative; }

.en .media > div.social .sns_box .box .sec4-tit { width: 100%; min-height: 50px; margin-bottom: 40px; }

.en .media > div.social .sns_box .tit { font-size: 48px; font-weight: 600; font-family: "EB Garamond", "sans-serif"; color: #0a314d; line-height: 1; }

.en .media > div.social .sns_box .box-1 { width: calc(100% - 440px); }

.en .media > div.social .sns_box .box-1 .sns_channel { position: relative; display: flex; align-items: center; justify-content: space-between; margin-bottom: 20px; }

.en .media > div.social .sns_box .box-1 .sns_channel .sns_channel-list { display: flex; align-items: center; justify-content: center; }

.en .media > div.social .sns_box .box-1 .sns_channel .sns_channel-list > li + li { margin-left: 16px; }

.en .media > div.social .sns_box .box-1 .sns_channel .sns_channel-list > li a { display: block; width: 48px; height: 48px; margin: 0; border-radius: 50%; outline-offset: 3px; background-color: #ccc; font-size: 12px; transition: all 0.4s; }

.en .media > div.social .sns_box .box-1 .sns_channel .sns_channel-list > li a img { display: block; width: 100%; }

/* (slick) 콘텐츠 스타일 */
.en .media > div.social .sns_box .box-1 .sns_slide { width: 100%; margin: 0 auto; position: relative; }

.en .media > div.social .sns_box .box-1 .sns_slide .slide .slick-list { padding: 20px 15px 20px; }

.en .media > div.social .sns_box .box-1 .sns_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; }

.en .media > div.social .sns_box .box-1 .sns_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; }

.en .media > div.social .sns_box .box-1 .sns_slide .control button.slick-disabled { opacity: 0.45; }

.en .media > div.social .sns_box .box-1 .sns_slide .control .prev { background-image: url("https://www.mofa.go.kr/www-new/css/../images/main/btn_mb_prev.png"); }

.en .media > div.social .sns_box .box-1 .sns_slide .control .next { background-image: url("https://www.mofa.go.kr/www-new/css/../images/main/btn_mb_next.png"); }

/* 2024-08-07 영문 slick 숨김*/
.en .media > div.social .sns_box .box-1 .sns_slide .control .slick-hidden { display: none; }

.en .media > div.social .sns_box .box-1 .sns_slide a + a { margin-left: 18px; }

.en .media > div.social .sns_box .box-1 .sns_slide a { display: block; width: 264px; height: 370px; margin: 0; padding: 20px 20px 16px 20px; position: relative; background-color: #ffffff; border-radius: 12px; overflow: hidden; transition: all 0.16s; opacity: 0.4; }

.en .media > div.social .sns_box .box-1 .sns_slide a.slick-active { transition: all 0.4s; opacity: 1; box-shadow: 0px 4px 16px rgba(0, 0, 0, 0.16); }

.en .media > div.social .sns_box .box-1 .sns_slide a p { margin: 0; }

.en .media > div.social .sns_box .box-1 .sns_slide a .bring_img { max-width: 224px; width: 100%; max-height: 224px; height: 100%; margin: 0 auto; display: flex; align-items: center; justify-content: center; background-color: #f8f9fa; position: relative; overflow:hidden; }

.en .media > div.social .sns_box .box-1 .sns_slide a .bring_img img { display: block; width: 100%; height: 100%; margin: 0 auto; z-index: 1; object-fit: cover; }

.en .media > div.social .sns_box .box-1 .sns_slide a.youtube .bring_img img { height: auto; object-fit: unset; }

.en .media > div.social .sns_box .box-1 .sns_slide a .bring_img img.bg { display: none; position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%) scale(1.1); width: 100%; height: 100%; z-index: 0; filter: blur(3px) brightness(0.5); }

.en .media > div.social .sns_box .box-1 .sns_slide a .bring_txt { margin-top: 16px; display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 2; overflow: hidden; text-overflow: ellipsis; font-size: 14px; }

.en .media > div.social .sns_box .box-1 .sns_slide a .icon_wrap { position: absolute; left: 20px; bottom: 16px; display: flex; align-items: center; justify-content: flex-start; -moz-column-gap: 10px; column-gap: 10px; }

.en .media > div.social .sns_box .box-1 .sns_slide a .icon_wrap > span { display: block; }

.en .media > div.social .sns_box .box-1 .sns_slide a .icon_wrap .icon { width: 28px; height: 28px; border-radius: 50%; margin: 0; background-repeat: no-repeat; background-position: center center; background-size: 100% auto; }

.en .media > div.social .sns_box .box-1 .sns_slide a .icon_wrap .date { font-size: 14px; color: #666; }

.en .media > div.social .sns_box .box-1 .sns_slide .fb .icon {
  background-image: url("https://www.mofa.go.kr/www-new/css/../images/main/icon_main_sns_facebook.png");
}
.en .media > div.social .sns_box .box-1 .sns_slide .insta .icon {
  background-image: url("https://www.mofa.go.kr/www-new/css/../images/main/icon_main_sns_insta.png");
}
.en .media > div.social .sns_box .box-1 .sns_slide .x-twitter .icon {
  background-image: url("https://www.mofa.go.kr/www-new/css/../images/main/icon_main_sns_x.png");
}
.en .media > div.social .sns_box .box-1 .sns_slide .youtube .icon {
  background-image: url("https://www.mofa.go.kr/www-new/css/../images/main/icon_main_sns_youtube.png");
}

/* 이미지 없을 때, not-img 클래스 스타일 */
/* .en .media > div.social .sns_box .box-1 .sns_slide a.not-img .bring_img { min-height: unset; background-color: #f5f5f5; box-shadow: 0px 2px 8px rgb(0 0 0 / 16%); } */

/* .en .media > div.social .sns_box .box-1 .sns_slide a.not-img .bring_img:after { content: ''; display: block; position: relative; z-index: 1; padding: 8px 10px; font-weight: 500; } */

/* .en .media > div.social .sns_box .box-1 .sns_slide a.fb.not-img .bring_img:after { content: '대한민국 외교부'; } */

/* .en .media > div.social .sns_box .box-1 .sns_slide a.x-twitter.not-img .bring_img:after { content: '대한민국 외교부 MOFA_KR'; } */

/* .en .media > div.social .sns_box .box-1 .sns_slide a.insta.not-img .bring_img:after { content: '대한민국 외교부 (@mofa_kr)'; } */

/* .en .media > div.social .sns_box .box-1 .sns_slide a.youtube.not-img .bring_img:after { content: '외교부 Ministry of Foreign Affairs, Korea'; } */

/* .en .media > div.social .sns_box .box-1 .sns_slide a.not-img .bring_img img { display: none; } */

/* .en .media > div.social .sns_box .box-1 .sns_slide a.not-img .bring_txt { -webkit-line-clamp: 12; } */

/* .en .media > div.social .sns_box .box-1 .sns_slide a.youtube.not-img .bring_txt { -webkit-line-clamp: 11; } */

.en .media > div.social .sns_box .box-1 .sns_slide a.not-img .bring_img { background: #f8f9fa url("https://www.mofa.go.kr/www-new/images/main/sns_default.png")  no-repeat center center / 100% auto; }

.en .media > div.social .sns_box .box-1 .sns_slide a.not-img .bring_img img { display: none; }
/* 이미지 없을 때, not-img 클래스 스타일 */

/* // (slick) 콘텐츠 스타일 */

.en .media > div.social .sns_box .box-2 { width: 360px; }

.en .media > div.social .sns_box .box-2 .koreaz-logo { display: flex; align-items: center; }

.en .media > div.social .sns_box .box-2 .koreaz-logo .koreaz { display: block; width: 150px; margin: 0; outline-offset: 3px; }

.en .media > div.social .sns_box .box-2 .koreaz-logo .koreaz img { display: block; width: 100%; }

.en .media > div.social .sns_box .box-2 .koreaz-wrap { width: 100%; position: relative; padding: 20px; background: #ffffff url("https://www.mofa.go.kr/www-new/css/../images/main/koreaz-bg.png") no-repeat 54% -74px / 194% auto; border-radius: 12px; box-shadow: 0px 4px 16px rgba(0, 0, 0, 0.16); }

.en .media > div.social .sns_box .box-2 .koreaz-wrap .koreaz-box { width: 100%; margin: 0 auto; position: relative; }

.en .media > div.social .sns_box .box-2 .koreaz-wrap .koreaz-box-1 .koreaz-tit { margin-top: 6px; }

.en .media > div.social .sns_box .box-2 .koreaz-wrap .koreaz-box-1 .koreaz-tit .koreaz_typo { width: 100%; margin: 0 auto; position: relative; display: flex; align-items: center; justify-content: center; -moz-column-gap: 12px; column-gap: 12px; }

.en .media > div.social .sns_box .box-2 .koreaz-wrap .koreaz-box-1 .koreaz-tit .koreaz_typo > span { display: block; width: 103px; margin: 0; }

.en .media > div.social .sns_box .box-2 .koreaz-wrap .koreaz-box-1 .koreaz-tit .koreaz_typo > span img { display: block; width: inherit; height: auto; margin: 0; }

.en .media > div.social .sns_box .box-2 .koreaz-wrap .koreaz-box-1 .koreaz-link { width: 100%; margin-top: 24px; position: relative; display: flex; align-items: center; justify-content: center; -moz-column-gap: 12px; column-gap: 12px; }

.en .media > div.social .sns_box .box-2 .koreaz-wrap .koreaz-box-1 .koreaz-link .bt { width: 104px; height: 36px; margin: 0; position: relative; display: flex; align-items: center; justify-content: center; border: none; background-color: #4d4d4d; color: #ffffff; line-height: 1.4; font-weight: 500; font-size: 14px; transition: all 0.16s; outline-offset: 2px; }

.en .media > div.social .sns_box .box-2 .koreaz-wrap .koreaz-box-1 .koreaz-link .bt span { display: block; }

.en .media > div.social .sns_box .box-2 .koreaz-wrap .koreaz-box-1 .koreaz-link .bt-1 { background-color: #877456; }

.en .media > div.social .sns_box .box-2 .koreaz-wrap .koreaz-box-2 { margin-top: 22px; }

.en .media > div.social .sns_box .box-2 .koreaz-wrap .koreaz-box-2 .koreaz-youtube { display: block; width: 100%; margin: 0 auto; position: relative; box-shadow: 0px 0px 16px rgba(0, 0, 0, 0.16); outline-offset: 3px; }

.en .media > div.social .sns_box .box-2 .koreaz-wrap .koreaz-box-2 .koreaz-youtube img { display: block; width: 100%; margin: 0; transition: all 0.16s; }

.en .media > div.social .sns_box .box-2 .koreaz-wrap .koreaz-box-2 .koreaz-youtube .koreaz-youtube-txt { width: 100%; height: 24px; margin: 0 auto; text-align: center; background-color: #4d4d4d; color: #ffffff; font-size: 12px; display: flex; align-items: center; justify-content: center; transition: all 0.16s; }

  
.en .media > div.social .east_area { width: 100%; margin: 48px auto 0; position: relative; display: flex; align-items: center; justify-content: center; -moz-column-gap: 48px; column-gap: 48px; }

.en .media > div.social .east_area .ea-cont { width: 50%; height: 100px; margin: 0; position: relative; background-color: #ffffff; display: flex; align-items: center; justify-content: center; border-radius: 10px; overflow: hidden; box-shadow: 0px 8px 32px rgba(0, 0, 0, 0.16); }

.en .media > div.social .east_area .ea-cont .text-area { width: 50%; margin: 0; padding: 0px 24px; position: relative; color: #000000; display: flex; align-items: flex-start; justify-content: flex-start; flex-wrap: wrap; }

.en .media > div.social .east_area .ea-cont .text-area dt { font-weight: 700; font-size: 24px; }

.en .media > div.social .east_area .ea-cont .text-area dd { font-size: 14px; }

.en .media > div.social .east_area .ea-cont .img-box { width: 50%; height: 100%; margin: 0; position: relative; background-color: #ffffff; background-repeat: no-repeat; background-position: center center; background-size: cover; display: flex; align-items: center; justify-content: flex-end; -moz-column-gap: 24px; column-gap: 24px; }

.en .media > div.social .east_area .ea-cont .img-box::after { content: ""; position: absolute; z-index: 0; top: 0; left: 0; width: 100%; height: 100%; background-color: rgba(0, 0, 0, 0.4); }

.en .media > div.social .east_area .ea-cont .img-box > a { position: relative; z-index: 1; display: flex; align-items: center; justify-content: center; line-height: 1; font-size: 15px; color: #fff; transition: all 0.16s; text-shadow: 0px 0px 4px rgb(0 0 0 / 40%); }

.en .media > div.social .east_area .ea-cont .img-box > a::before { content: ""; position: absolute; z-index: -1; display: block; width: 100%; height: 100%; padding: 6px 12px; background-color: transparent; transition: all 0.16s; }

.en .media > div.social .east_area .ea-cont .img-box .link-2 { margin-right: 32px; }

.en .media > div.social .east_area .dokdo .img-box { background-image: url("https://www.mofa.go.kr/www-new/css/../images/main/bg_east_dokdo.png"); }
.en .media > div.social .east_area .sea .img-box { background-image: url("https://www.mofa.go.kr/www-new/css/../images/main/bg_east_sea.png"); }

/* // 독도 동해 (국문,영문 대표홈페이지 스타일) */

@media screen and (min-width: 737px) {
  .en .media > div.social .sns_box .box-1 .sns_channel .sns_channel-list > li a:hover { transition: all 0.16s; box-shadow: 0px 0px 0px 8px #e3e3e3; }
  .en .media > div.social .sns_box .box-1 .sns_slide .control button:hover { background-color: #000; }
  .en .media > div.social .sns_box .box-1 .sns_slide .control .prev:hover { background-image: url("https://www.mofa.go.kr/www-new/css/../images/main/btn_mb_prev_on.png"); }
  .en .media > div.social .sns_box .box-1 .sns_slide .control .next:hover { background-image: url("https://www.mofa.go.kr/www-new/css/../images/main/btn_mb_next_on.png"); }
  .en .media > div.social .sns_box .box-1 .sns_slide a.slick-active:hover { transition: all 0.1s; box-shadow: 0px 0px 12px rgba(0, 0, 0, 0.4); }
  .en .media > div.social .sns_box .box-2 .koreaz-wrap .koreaz-box-1 .koreaz-link .bt:hover { transition: all 0.4s; background-color: #000000; box-shadow: 0px 0px 12px rgba(0, 0, 0, 0.24); }
  .en .media > div.social .sns_box .box-2 .koreaz-wrap .koreaz-box-2 .koreaz-youtube:hover { transition: all 0.4s; box-shadow: 0px 0px 16px rgba(0, 0, 0, 0.40); }
  .en .media > div.social .sns_box .box-2 .koreaz-wrap .koreaz-box-2 .koreaz-youtube:hover img { transition: all 0.4s; filter: brightness(1.1); }
  .en .media > div.social .sns_box .box-2 .koreaz-wrap .koreaz-box-2 .koreaz-youtube:hover .koreaz-youtube-txt { transition: all 0.4s; background-color: #000000; }
  .en .media > div.social .east_area .ea-cont .img-box > a:hover { transition: all 0.4s; color: #000000; text-shadow: none; }
  .en .media > div.social .east_area .ea-cont .img-box > a:hover::before { transition: all 0.4s; background-color: #fff; }
}

@media screen and (max-width: 1415px) {
  .en .media > div.social .sns_box .box-1 .sns_slide .control .next { left: 12px; }
}

@media screen and (max-width: 1300px) {
  .en .media > div.releases .banner2 { margin-right: 45px; }
  .en .media > div.releases .list { width: calc(100% - 605px); }
  .en .media > div.releases .list ul li a div { width: calc(100% - 140px); margin-right: 0; }

  .en .media > div.social { padding-bottom: 40px; }
}

@media screen and (max-width: 1200px) { 
  .en .media > div.social .sns_box { justify-content: center; flex-wrap: wrap; gap: 40px 0; }
  .en .media > div.social .sns_box .box-1,
  .en .media > div.social .sns_box .box-2 { width: 100%; }
  .en .media > div.social .sns_box .box-2 .koreaz-logo { margin-bottom: 24px; }
  .en .media > div.social .sns_box .box-2 .koreaz-wrap { display: flex; align-items: center; justify-content: center; padding: 0; background-position: center -123px; background-size: cover; }
  .en .media > div.social .sns_box .box-2 .koreaz-wrap .koreaz-box-1 .koreaz-tit { margin-top: 16px; }
  .en .media > div.social .sns_box .box-2 .koreaz-wrap .koreaz-box-1 .koreaz-tit .koreaz_typo > span { width: 160px; }
  .en .media > div.social .sns_box .box-2 .koreaz-wrap .koreaz-box-1 .koreaz-link { margin-top: 28px; }
  .en .media > div.social .sns_box .box-2 .koreaz-wrap .koreaz-box-1 .koreaz-link .bt{ width: 132px; height: 42px; }
  .en .media > div.social .sns_box .box-2 .koreaz-wrap .koreaz-box-2 { margin: 24px 0; }
  .en .media > div.social .sns_box .box-2 .koreaz-wrap .koreaz-box-2 .koreaz-youtube { max-width: 300px; }
}

@media screen and (max-width: 1080px) { 
  .en .media > div { padding: 60px 0 70px 0; }
  .en .media > div.releases .banner2 { width: 100%; margin-right: 0; float: none; }
  .en .media > div.releases .banner2 img { width: 100%; }
  .en .media > div.releases .list { width: 100%; float: none; }
  .en .media > div.releases .list > a { top: 23px; }
  .en .media > div.social { padding-top: 60px; }
  .en .media > div.social:before { background-position: left top; top: initial; top: auto; bottom: 0; background-size: 200px auto; height: 280px; }
  .en .media > div.social:after { top: -111px; right: auto; right: initial; left: 24%; background-size: 500px auto; }
  
  .en .media > div.social .sns_box .box-2 .koreaz-wrap { background-position: center -80px; background-size: 110% auto; }
  .en .media > div.social .sns_box .box-2 .koreaz-wrap .koreaz-box-1 .koreaz-tit .koreaz_typo > span{ width: 140px; }
  .en .media > div.social .east_area { flex-direction: column; gap: 24px 0; }
  .en .media > div.social .east_area .ea-cont { width: 100%; }
  .en .media > div.social .east_area .ea-cont .text-area { width: 45%; justify-content: flex-start; }
  .en .media > div.social .east_area .ea-cont .text-area dt {/* margin-left: 40px; */}
  .en .media > div.social .east_area .ea-cont .img-box { width: 55%; }
}

@media screen and (max-width: 768px) { 
  .en .media > div { padding: 40px 0 55px 0; }
  .en .media > div.releases .banner2 { margin-bottom: 40px; }
  .en .media > div.releases .banner2 .attr { height: 50px; line-height: 50px; }
  .en .media > div.releases .banner2 .attr .prev, .en .media > div.releases .banner2 .attr .next, .en .media > div.releases .banner2 .attr .pause { width: 50px; height: 50px; }
  .en .media > div.releases .banner2 .attr .pagination_num { height: 50px; vertical-align: top; width: calc(100% - 153px); padding-right: 20px; font-size: 16px; }
  .en .media > div.releases .banner2 .attr .btn { right: 15px; }
  .en .media > div.releases .list { margin-top: 15px; }
  .en .media > div.releases .list h2 {margin: 10px 0;font-size: 26px;}
  .en .media > div.releases .list ul li a { padding: 15px 0 15px; height: auto; }
  .en .media > div.releases .list ul li a h4 { font-size: 20px; }
  .en .media > div.releases .list ul li a h4 span { font-size: 17px; }
  .en .media > div.releases .list ul li a em { font-size: 16px; }
  .en .media > div.releases .list > a { top: 6px; }
}
  
@media screen and (max-width: 737px) {
	.en .media > div.social { padding-top: 40px; }
	.en .media > div.social .sns_box .tit { font-size: 36px; }
  .en .media > div.social .sns_box .box { max-width: 400px; }
  .en .media > div.social .sns_box .box-1 .sns_channel { justify-content: center; flex-direction: column; gap: 16px 0; margin-bottom: 4px; }
  .en .media > div.social .sns_box .box-1 .sns_channel .sns_channel-list > li a { width: 40px; height: 40px; }
    
  .en .media > div.social .sns_box .box-1 .sns_slide .slide .slick-list { padding: 20px 8px 20px; }
  .en .media > div.social .sns_box .box-1 .sns_slide .control { position: relative; left: 0; top: 0; transform: translate(0%, 0%); justify-content: center; height: auto; }
  .en .media > div.social .sns_box .box-1 .sns_slide .control button { width: 32px; height: 32px; }
  .en .media > div.social .sns_box .box-1 .sns_slide a + a { margin-left: 10px; }
  .en .media > div.social .sns_box .box-1 .sns_slide a { width: 148px; height: 218px; padding: 0; border-radius: 8px; }
  .en .media > div.social .sns_box .box-1 .sns_slide a .bring_img { max-width: 148px; max-height: 148px; }
  .en .media > div.social .sns_box .box-1 .sns_slide a .bring_txt { margin: 6px 6px 0; font-size: 13px; }
  .en .media > div.social .sns_box .box-1 .sns_slide a .icon_wrap { left: 6px; bottom: 6px; column-gap: 6px; }
  .en .media > div.social .sns_box .box-1 .sns_slide a .icon_wrap .icon { width: 16px; height: 16px; }
  .en .media > div.social .sns_box .box-1 .sns_slide a .icon_wrap .date { font-size: 11px; }    
/*     .en .media > div.social .sns_box .box-1 .sns_slide a.fb.not-img .bring_txt { -webkit-line-clamp: 8; } */
/*     .en .media > div.social .sns_box .box-1 .sns_slide a.not-img .bring_txt { -webkit-line-clamp: 7; } */
    
  .en .media > div.social .sns_box .box-2 .koreaz-logo { display: none; }
  .en .media > div.social .sns_box .box-2 .koreaz-wrap { display: block; padding: 24px 0; background-position: 80% -11%; background-size: 172% auto; }
  .en .media > div.social .sns_box .box-2 .koreaz-wrap .koreaz-box-1 .koreaz-tit { margin-top: 0; }
  .en .media > div.social .sns_box .box-2 .koreaz-wrap .koreaz-box-1 .koreaz-tit .koreaz_typo > span { width: 103px; }
  .en .media > div.social .sns_box .box-2 .koreaz-wrap .koreaz-box-1 .koreaz-link .bt { width: 104px; height: 36px; }
  .en .media > div.social .sns_box .box-2 .koreaz-wrap .koreaz-box-2 { margin: 24px 0 0 0; }

  .en .media > div.social .east_area { max-width: 400px; margin-top: 32px; }
  .en .media > div.social .east_area .ea-cont { width: 100%; height: auto; flex-direction: column; box-shadow: 0px 4px 16px rgba(0, 0, 0, 0.24); }
  .en .media > div.social .east_area .ea-cont .text-area {width: 100%;height: 80px;align-items: center;justify-content: center;flex-direction: column;}
  .en .media > div.social .east_area .ea-cont .text-area dt { margin: 0; font-size: 20px; }
  .en .media > div.social .east_area .ea-cont .text-area dd {margin: 2px 0 0px;font-size: 12px;font-weight: 300;text-align: center;}
  .en .media > div.social .east_area .ea-cont .img-box { width: 100%; height: 60px; justify-content: center; }
  .en .media > div.social .east_area .ea-cont .img-box::after { background-color: rgba(0, 0, 0, 0.24); }
  .en .media > div.social .east_area .ea-cont .img-box > a { padding: 8px 14px; background-color: rgb(0 0 0 / 54%); font-size: 13px; text-shadow: 0px 0px 4px rgb(0 0 0 / 80%); }    
  .en .media > div.social .east_area .ea-cont .img-box .link-2 { margin: 0; }
}

.en .banner_box { border-top: 1px solid #dbdbdb; border-bottom: 1px solid #dbdbdb; background-color: #fff; }

.en .banner_box a { display: block; }

.en .banner_box:after { content: ''; display: block; clear: both; }

.en .banner_box .attr { float: left; font-size: 0; line-height: 0; width: 141px; padding: 22px 27px 32px; position: relative; }

.en .banner_box .attr:after { content: ''; display: block; clear: both; }

.en .banner_box .attr button { display: inline-block; vertical-align: middle; width: 14px; height: 26px; line-height: 1.2; margin-left: 15px; }

.en .banner_box .attr button:first-of-type { margin-left: 0; }

.en .banner_box .attr button.button_prev { background: url("/www-new/css/../images/en/icon_prev_01.png") no-repeat center; }

.en .banner_box .attr button.button_next { background: url("/www-new/css/../images/en/icon_next_01.png") no-repeat center; }

.en .banner_box .attr button.button_ctrl { background: url("/www-new/css/../images/en/icon_stop_02.png") no-repeat center; }

.en .banner_box .attr button.button_ctrl.play { background: url("/www-new/css/../images/en/icon_play_02.png") no-repeat center/9px 14px; }

.en .banner_box .attr .va { position: absolute; left: 45%; bottom: 2px; transform: translate(-50%, 0px); display: flex; align-items: center; justify-content: center; width: 72px; height: 24px; background-color: #032f5a; font-size: 14px; color: #ffffff; }

.en .banner_box .attr .va span {}

.en .banner_box .banner_con { width: calc(100% - 141px); float: left; }

.en .banner_box .banner_con .banner_list:after { content: ''; display: block; clear: both; }

.en .banner_box .banner_con .banner_list .item { float: left; }

.en .banner_box .banner_con .banner_list .item a { display: block; font-size: 16px; color: #666; padding: 22px 40px; position: relative; }

.en .banner_box .banner_con .banner_list .item a img { height: 47px; }

.en .banner_box .banner_con .banner_list .item a:after { content: ""; display: block; width: 1px; height: 40px; position: absolute; top: 50%; -webkit-transform: translateY(-50%); transform: translateY(-50%); left: 0; background: #eaeaea; }

.en .banner_box .banner_con .banner_list .item a .txt_box { display: none; }

@media screen and (max-width: 768px) { 
  .en .banner_box .banner_con { width: 100%; }
  .en .banner_box .banner_con .banner_list .item a { padding: 8px 20px; }
  .en .banner_box .banner_con .banner_list .item a:after { height: 16px; -webkit-transform: translateY(-42%); transform: translateY(-42%); }
  .en .banner_box .banner_con .banner_list .item a .img_box { display: none; }
  .en .banner_box .banner_con .banner_list .item a .txt_box { display: block; }
  .en .banner_box .attr { float: none; width: auto; padding: 11px 0 0 0; }
  .en .banner_box .attr button { width: 20px; height: 20px; margin-left: 5px; }
  .en .banner_box .attr button.button_prev { background: url("/www-new/css/../images/en/icon_prev_01.png") no-repeat center/auto 16px; }
  .en .banner_box .attr button.button_next { background: url("/www-new/css/../images/en/icon_next_01.png") no-repeat center/auto 16px; } 
  .en .banner_box .attr .va { left: unset; right: 1%; transform: translate(0px, 0px); }
}

.en .flag_table td .dot strong { width: auto; margin-right: 10px; }

.en table { word-break: break-all; }

.en .btn_quick { top: auto; top: 60%; }

#wrapper.en { width: 100%; overflow: hidden; margin: 0 auto; padding-top: 189px; /*사이트 목록*/ /*국가검색*/ }

@media screen and (max-width: 1300px) { #wrapper.en { padding-top: 64px; } }

#wrapper.en .skip_navi { position: absolute; z-index: 9999; width: 100%; left: 0; top: 0; text-align: center; }

#wrapper.en .skip_navi a { display: block; position: absolute; left: 0; top: -9999px; z-index: 1; width: 100%; height: 40px; line-height: 40px; background-color: #333; color: #fff; font-size: 20px; font-weight: 700; }

#wrapper.en .skip_navi a:hover, #wrapper.en .skip_navi a:focus { top: 0; }

#wrapper.en .header_en { position: absolute; left: 0; top: 0; width: 100%; background: #fff; z-index: 100; overflow: hidden; }

#wrapper.en .header_en .container { max-width: 1300px; margin-right: auto; margin-left: auto; }

@media screen and (max-width: 1420px) { #wrapper.en .header_en .container { padding: 0 50px; } }

@media screen and (max-width: 1300px) { #wrapper.en .header_en .container { padding: 0 30px; } }

@media screen and (max-width: 768px) { #wrapper.en .header_en .container { padding: 0 15px; } }

#wrapper.en .header_en a { display: block; }

@media screen and (max-width: 1300px) { #wrapper.en .header_en { height: 64px; } }

#wrapper.en .header_en .hd_top { display: flex; align-items: center; justify-content: space-between; padding: 30px 50px; }

#wrapper.en .header_en .hd_top h1 {}

#wrapper.en .header_en .hd_top .search { display: inline-block; vertical-align: middle; width: 495px; position: relative; margin: 0 0 0 120px; }

#wrapper.en .header_en .hd_top .search input { height: 50px; line-height: 50px; background: #f9f9f9; border-radius: 30px; padding: 0 70px 0 25px; }

#wrapper.en .header_en .hd_top .search button { width: 25px; height: 25px; background: url("/www-new/css/../images/en/icon_search.png") no-repeat center; position: absolute; top: 50%; -webkit-transform: translateY(-50%); transform: translateY(-50%); right: 32px; }

@media screen and (max-width: 1600px) { 
    #wrapper.en .header_en .hd_top .search { margin-left: 0px; }
} 

#wrapper.en .header_en .hd_top .attr { display: flex; align-items: center; justify-content: flex-end; column-gap: 40px; }

#wrapper.en .header_en .hd_top .attr ul { display: flex; align-items: center; justify-content: center; column-gap: 20px; }

#wrapper.en .header_en .hd_top .attr ul:after { display: none; }

#wrapper.en .header_en .hd_top .attr ul > li {}

#wrapper.en .header_en .hd_top .attr ul > li a { font-size: 15px; color: #aa8652; font-weight: 600; white-space: nowrap; }

#wrapper.en .header_en .hd_top .attr ol { display: flex; align-items: center; justify-content: center; column-gap: 20px; font-size: 0; line-height: 0; }

#wrapper.en .header_en .hd_top .attr ol:after { display: none; }

#wrapper.en .header_en .hd_top .attr ol > li { display: flex; align-items: center; justify-content: center; }

@media screen and (max-width: 1600px) {
    #wrapper.en .header_en .hd_top .attr { column-gap: 16px; }
    #wrapper.en .header_en .hd_top .attr .agency {}
}

/* 화면 ZOOM 기능 추가 STYLE */
#wrapper.en .header_en .hd_top .zoom-wrap { display: flex; align-items: flex-end; justify-content: center; flex-direction: column; row-gap: 5px; font-weight: 600; font-size: 14px; color: #0a314d; }

#wrapper.en .header_en .hd_top .zoom-wrap .zoom-tit {}

#wrapper.en .header_en .hd_top .zoom-wrap .zoom-tit span {}

#wrapper.en .header_en .hd_top .zoom-wrap .zoom-btn { display: flex; align-items: center; justify-content: flex-start; column-gap: 6px; }

#wrapper.en .header_en .hd_top .zoom-wrap .zoom-btn button { display: block; width: 24px; height: 24px; border: 1px solid #0a314d; font-size: 12px; color: #0a314d; position: relative; transition: all 0.16s ease-out; }

#wrapper.en .header_en .hd_top .zoom-wrap .zoom-btn .zoomIn, 
#wrapper.en .header_en .hd_top .zoom-wrap .zoom-btn .zoomOut { text-indent: -9999px; }

#wrapper.en .header_en .hd_top .zoom-wrap .zoom-btn .zoomIn::before, 
#wrapper.en .header_en .hd_top .zoom-wrap .zoom-btn .zoomOut::before,
#wrapper.en .header_en .hd_top .zoom-wrap .zoom-btn .zoomIn::after { content: ''; position: absolute; left: 50%; top: 50%; transform: translate(-50%,-50%); background-color: #333333; }

#wrapper.en .header_en .hd_top .zoom-wrap .zoom-btn .zoomIn::before, 
#wrapper.en .header_en .hd_top .zoom-wrap .zoom-btn .zoomOut::before { width: 8px; height: 2px; }

#wrapper.en .header_en .hd_top .zoom-wrap .zoom-btn .zoomIn::after { width: 2px; height: 8px; }

#wrapper.en .header_en .hd_top .zoom-wrap .zoom-btn .zoomIn {}

#wrapper.en .header_en .hd_top .zoom-wrap .zoom-btn .zoomOut {}

#wrapper.en .header_en .hd_top .zoom-wrap .zoom-btn .zoomReset { width: auto; display: flex; align-items: center; justify-content: center; padding-left: 6px; padding-right: 6px; white-space: nowrap; }

@media screen and (min-width: 737px) {
    #wrapper.en .header_en .hd_top .zoom-wrap .zoom-btn button:hover { background-color: #0a314d; color: #ffffff; }
    #wrapper.en .header_en .hd_top .zoom-wrap .zoom-btn .zoomIn:hover::before, 
    #wrapper.en .header_en .hd_top .zoom-wrap .zoom-btn .zoomOut:hover::before, 
    #wrapper.en .header_en .hd_top .zoom-wrap .zoom-btn .zoomIn:hover::after { background-color: #ffffff; }
}

@media screen and (max-width: 1420px) {
    #wrapper.en .header_en .hd_top .zoom-wrap {}
}

@media screen and (max-width: 1080px) {
    #wrapper.en .header_en .hd_top .zoom-wrap { display: none; }
}
/* // 화면 ZOOM 기능 추가 STYLE */

#wrapper.en .header_en .gnb { background-color: #fff; position: relative; }

#wrapper.en .header_en .gnb > ul { font-size: 0; text-align: center; margin: 0 90px 0 0; }

#wrapper.en .header_en .gnb > ul:after { content: ''; display: block; clear: both; }

#wrapper.en .header_en .gnb > ul > li { display: inline-block; text-align: center; font-size: 21px; }

#wrapper.en .header_en .gnb > ul > li.active .dep2_wrap { visibility: visible; z-index: 2; }

#wrapper.en .header_en .gnb > ul > li > a { padding: 27px 25px; line-height: 1.2em; }

#wrapper.en .header_en .gnb > ul > li:hover > a { color: #033a6f; }

#wrapper.en .header_en .gnb > div { position: absolute; top: 30px; right: 50px; }

#wrapper.en .header_en .gnb > div .btn_sch { display: none; }

#wrapper.en .header_en .gnb > div .btn_sitemap_open { display: block; width: 27px; height: 18px; background: url("/www-new/css/../images/en/icon_burger.png") no-repeat center; }

#wrapper.en .header_en .gnb .dep2_wrap { display: block; width: 100%; position: absolute; top: 79px; left: 0; z-index: 1; visibility: hidden; overflow: hidden; }

#wrapper.en .header_en .gnb .dep2_wrap:after { content: ""; width: 100%; height: 2px; background: url("/www-new/css/../images/en/icon_bar.png") no-repeat 50% 50%/cover; position: absolute; top: 0; left: 0; }

#wrapper.en .header_en .gnb .dep2_wrap:before { content: ""; width: 50%; height: 100%; background: #f8fafc; position: absolute; top: 0; left: 0; z-index: -1; }

#wrapper.en .header_en .gnb .dep2_wrap .container { max-width: 1441px; margin: auto; position: relative; text-align: left; padding: 0; }

#wrapper.en .header_en .gnb .dep2_wrap .container:after { content: ''; display: block; clear: both; }

#wrapper.en .header_en .gnb .dep2_wrap .container div { position: relative; width: 340px; height: 100%; position: absolute; top: 0; left: 0; padding: 25px 45px 0 0; font-size: 30px; font-weight: bold; color: #b28953; }

#wrapper.en .header_en .gnb .dep2_wrap .container div:before { content: ''; width: 175px; height: 172px; position: absolute; right: 0; top: 0; background: url("/www-new/css/../images/en/bg_gnb_2.png") no-repeat right top; z-index: -1; }

#wrapper.en .header_en .gnb .dep2_wrap .container div:after { content: ''; width: 477px; height: 480px; z-index: -1; position: absolute; right: 0; bottom: 0; background: url("/www-new/css/../images/en/bg_gnb_1.png") no-repeat right top; }

#wrapper.en .header_en .gnb .dep2_wrap .container ul { width: calc(100% - 340px); margin-left: 340px; background: #fff; padding: 28px 0 28px 50px; }

#wrapper.en .header_en .gnb .dep2_wrap .container ul > :nth-child(n) { float: left; width: calc(33.33333% - 13.33333px); margin-right: 20px; }

#wrapper.en .header_en .gnb .dep2_wrap .container ul > :nth-of-type(3n) { margin-right: 0; }

#wrapper.en .header_en .gnb .dep2_wrap .container ul > :not(:nth-of-type(3n + 1)) { clear: none; }

#wrapper.en .header_en .gnb .dep2_wrap .container ul > :nth-of-type(3n + 1) { clear: both; }

#wrapper.en .header_en .gnb .dep2_wrap .container ul > li { margin-top: 10px; margin-bottom: 10px; -webkit-transition: 0.3s; transition: 0.3s; }

#wrapper.en .header_en .gnb .dep2_wrap .container ul > li > a { display: table; height: 60px; border: 1px solid #ebedf2; width: 100%; }

#wrapper.en .header_en .gnb .dep2_wrap .container ul > li > a > span { display: table-cell; line-height: 1.2em; vertical-align: middle; font-size: 17px; padding: 0 36px 0 30px; background: #fff url("/www-new/css/../images/en/icon_arrow.png") no-repeat center right 20px; -webkit-transition: 0.3s; transition: 0.3s; }

#wrapper.en .header_en .gnb .dep2_wrap .container ul > li > a > span[target="_blank"] { background: #fff url("/www-new/css/../images/en/icon_link.png") no-repeat center right 20px; }

@media screen and (min-width: 990px) { #wrapper.en .header_en .gnb .dep2_wrap .container ul > li:hover > a { border-color: #033a6f; color: #033a6f; }
  #wrapper.en .header_en .gnb .dep2_wrap .container ul > li:hover > a > span { background: #fff url("/www-new/css/../images/en/icon_arrow_active.png") no-repeat center right 20px; }
  #wrapper.en .header_en .gnb .dep2_wrap .container ul > li:hover > a > span[target="_blank"] { background: #fff url("/www-new/css/../images/en/icon_link_active.png") no-repeat center right 20px; } }

#wrapper.en .header_en .gnb .dep2_wrap ol { font-size: 17px; padding: 16px 33px; }

#wrapper.en .header_en .gnb .dep2_wrap ol li { line-height: 1.4; margin-bottom: 4px; }

#wrapper.en .header_en .gnb .dep2_wrap ol li a { padding-left: 15px; position: relative; }

#wrapper.en .header_en .gnb .dep2_wrap ol li a:before { content: ''; width: 4px; height: 4px; background-color: #033a6f; position: absolute; left: 0; top: 8px; }

#wrapper.en .header_en .gnb .dep2_wrap ol li a[target="_blank"]:after { vertical-align: middle; width: 12px; height: 12px; display: inline-block; margin-left: 8px; margin-top: -2px; padding-right: 0; background: url("/www-new/css/../images/common/icon_gnb_link.png") no-repeat right center/12px auto; content: ''; }

@media screen and (min-width: 990px) { #wrapper.en .header_en .gnb .dep2_wrap ol li a:hover { text-decoration: underline; } }

#wrapper.en .header_en .gnb .dep2_wrap ol li:last-of-type { margin-bottom: 0; }

#wrapper.en .header_en .gnb .search_box { display: none; position: absolute; left: 0; top: 0; width: 100%; border-top: 1px solid #ddd; background-color: #fff; z-index: 2; padding: 60px 30px; text-align: center; }

#wrapper.en .header_en .gnb .search_box.active { display: block; }

#wrapper.en .header_en .gnb .search_box .tit { color: rgba(0, 0, 0, 0.3); font-size: 36px; font-weight: 600; margin-right: 45px; vertical-align: top; display: inline-block; line-height: 30px; }

#wrapper.en .header_en .gnb .search_box .search { max-width: 680px; border-bottom: 2px solid #000; padding-bottom: 12px; position: relative; display: inline-block; width: 100%; vertical-align: top; }

#wrapper.en .header_en .gnb .search_box .search input { display: block; line-height: 30px; font-size: 20px; font-weight: 500; color: #000; border: 0; height: 30px; }

#wrapper.en .header_en .gnb .search_box .search input::-webkit-input-placeholder { color: #000; }

#wrapper.en .header_en .gnb .search_box .search input:-ms-input-placeholder { color: #000; }

#wrapper.en .header_en .gnb .search_box .search input::-ms-input-placeholder { color: #000; }

#wrapper.en .header_en .gnb .search_box .search input::placeholder { color: #000; }

#wrapper.en .header_en .gnb .search_box .search button { position: absolute; width: 30px; height: 30px; right: 0; top: 0; background: url("/www-new/css/../images/common/btn_head_sch.png") no-repeat center; }

@media screen and (max-width: 1080px) { #wrapper.en .header_en .gnb .search_box .tit { text-align: center; margin: 0 0 15px; line-height: 1.4; }
  #wrapper.en .header_en .gnb .search_box .search { max-width: 100%; } }

@media screen and (max-width: 737px) { #wrapper.en .header_en .gnb .search_box { padding: 25px 15px; }
  #wrapper.en .header_en .gnb .search_box .tit { font-size: 20px; margin-bottom: 10px; }
  #wrapper.en .header_en .gnb .search_box .search { max-width: 100%; padding-bottom: 10px; }
  #wrapper.en .header_en .gnb .search_box .search input { font-size: 14px; line-height: 22px; height: 22px; }
  #wrapper.en .header_en .gnb .search_box .search button { width: 22px; height: 22px; background-size: 22px auto; } }

#wrapper.en .header_en .gnb_open, #wrapper.en .header_en .btn_close { display: none; }

@media screen and (max-width: 1550px) { #wrapper.en .header_en .gnb .dep2_wrap .container { margin: 0 50px; } }

@media screen and (max-width: 1444px) { #wrapper.en .header_en .hd_top { text-align: right; }
  #wrapper.en .header_en .hd_top .search { width: 300px; }
  #wrapper.en .header_en .gnb > ul { max-width: 100%; padding: 0 50px; margin: 0; }
  #wrapper.en .header_en .gnb > ul > li { float: left; display: table; height: 79px; padding: 0; }
  #wrapper.en .header_en .gnb > ul > li > a { display: table-cell; vertical-align: middle; padding: 27px 15px; }
  #wrapper.en .header_en .gnb .dep2_wrap .container div { width: 250px; font-size: 25px; }
  #wrapper.en .header_en .gnb .dep2_wrap .container ul { width: calc(100% - 250px); margin-left: 250px; }
  #wrapper.en .header_en .gnb .dep2_wrap .container ul > li > a { font-size: 16px; } }

@media screen and (max-width: 1300px) { #wrapper.en .header_en { overflow: visible; }
  #wrapper.en .header_en .hd_top { padding: 14px 30px; }
  #wrapper.en .header_en .hd_top h1 { width: 210px; }
  #wrapper.en .header_en .hd_top .search { display: none; width: 100%; position: absolute; top: 64px; left: 0; margin: 0; padding: 30px; background: #000; }
  #wrapper.en .header_en .hd_top .search input { height: 41px; line-height: 41px; background: transparent; border-radius: 0; border: 2px solid #fff; padding: 0 50px 0 15px; color: #fff; }
  #wrapper.en .header_en .hd_top .search button { background: url("/www-new/css/../images/en/btn_head_search.png") no-repeat center; right: 45px; }
  #wrapper.en .header_en .hd_top .attr { display: none; }
  #wrapper.en .header_en .gnb > ul { display: none; }
  #wrapper.en .header_en .gnb > div { right: 30px; top: -45px; }
  #wrapper.en .header_en .gnb > div .btn_sch { display: inline-block; vertical-align: middle; width: 25px; height: 25px; background: url("/www-new/css/../images/en/icon_sch_m.png") no-repeat center; margin-right: 15px; }
  #wrapper.en .header_en .gnb > div .btn_sch.active { background: url("/www-new/css/../images/common/btn_search_close_m.png") no-repeat center/18px auto; }
  #wrapper.en .header_en .gnb > div .btn_sitemap_open { display: inline-block; vertical-align: middle; } }

@media screen and (max-width: 768px) { #wrapper.en .header_en.active:after { content: ''; position: fixed; left: 0; top: 0; bottom: 0; width: 100%; height: 100%; background-color: rgba(0, 0, 0, 0.7); }
  #wrapper.en .header_en .hd_top { padding: 14px 15px; }
  #wrapper.en .header_en .gnb > div { right: 15px; }
  #wrapper.en .header_en .gnb > div .btn_sch { background: url("/www-new/css/../images/en/icon_sch_m.png") no-repeat center/21px auto; margin-right: 10px; } }

#wrapper.en .sitemap { display: none; }

#wrapper.en #footer_en { background: #424242; padding-bottom: 80px; }

#wrapper.en #footer_en .container { max-width: 1300px; margin-right: auto; margin-left: auto; }

@media screen and (max-width: 1420px) { #wrapper.en #footer_en .container { padding: 0 50px; } }

@media screen and (max-width: 1300px) { #wrapper.en #footer_en .container { padding: 0 30px; } }

@media screen and (max-width: 768px) { #wrapper.en #footer_en .container { padding: 0 15px; } }

#wrapper.en #footer_en a { display: block; }

#wrapper.en #footer_en .guideLine { position: relative; z-index: 2; border-top: 1px solid #575757; border-bottom: 1px solid #575757; }

#wrapper.en #footer_en .guideLine:after { content: ''; display: block; clear: both; }

#wrapper.en #footer_en .guideLine:before { content: ""; display: block; width: 1920px; height: 100%; background: #424242; z-index: -1; position: absolute; top: 0; left: 50%; -webkit-transform: translateX(-50%); transform: translateX(-50%); }

#wrapper.en #footer_en .guideLine h3 { height: 65px; line-height: 65px; font-size: 20px; color: #8b6f49; float: left; font-family: "EB Garamond", "sans-serif"; font-weight: 600; }

#wrapper.en #footer_en .guideLine ul { float: right; width: 700px; font-size: 0; line-height: 0; border-left: 1px solid #575757; border-right: 1px solid #575757; }

#wrapper.en #footer_en .guideLine ul > li { display: inline-block; width: 50%; background: url("/www-new/css/../images/en/icon_up.png") no-repeat right 30px center; border-right: 1px solid #575757; position: relative; }

#wrapper.en #footer_en .guideLine ul > li.active { background: url("/www-new/css/../images/en/icon_down.png") no-repeat right 30px center; }

#wrapper.en #footer_en .guideLine ul > li:last-child { border-right: 0; }

#wrapper.en #footer_en .guideLine ul > li > a { font-size: 18px; height: 65px; line-height: 65px; padding-left: 20px; color: #fff; }

#wrapper.en #footer_en .guideLine ul > li ol { display: none; width: calc(100% + 2px); height: 200px; overflow: auto; position: absolute; bottom: 65px; left: -1px; background: #fff; padding: 20px 10px; border: 1px solid #dbdbdb; }

#wrapper.en #footer_en .guideLine ul > li ol li { font-size: 18px; color: #000; position: relative; }

#wrapper.en #footer_en .guideLine ul > li ol li:last-child { border-bottom: 0; }

@media screen and (min-width: 1000px) { #wrapper.en #footer_en .guideLine ul > li ol li:hover { background: #c8e4f9; } }

#wrapper.en #footer_en .guideLine ul > li ol li a { height: 30px; line-height: 30px; padding-left: 13px; }

#wrapper.en #footer_en .container { padding: 0; }

#wrapper.en #footer_en .container .address { padding: 44px 0; position: relative; }

#wrapper.en #footer_en .container .address ul { max-width: 720px; }

#wrapper.en #footer_en .container .address ul:after { content: ''; display: block; clear: both; }

#wrapper.en #footer_en .container .address ul li { color: #fff; line-height: 1.8em; font-size: 14px; font-weight: 300; float: left; margin-right: 24px; position: relative; }

#wrapper.en #footer_en .container .address ul li:after { position: absolute; right: -11px; top: 7px; width: 1px; height: 12px; background-color: #848484; content: ''; }

#wrapper.en #footer_en .container .address ul li.end { margin-right: 0; }

#wrapper.en #footer_en .container .address ul li a .rd_1 { color: red; }

#wrapper.en #footer_en .container .address ul li.end:after { content: none; }

#wrapper.en #footer_en .container .address ul li.tit { color: #ab9476; font-family: "EB Garamond", "sans-serif"; font-size: 18px; margin-bottom: 5px; width: 100%; margin-right: 0; }

#wrapper.en #footer_en .container .address ul li.tit:after { content: none; }

#wrapper.en #footer_en .container .address div { display: none; position: absolute; top: 50%; -webkit-transform: translateY(-50%); transform: translateY(-50%); right: 0; }

@media screen and (max-width: 1317px) { #wrapper.en #footer_en .container { padding: 0 50px; } }

@media screen and (max-width: 1300px) { #wrapper.en #footer_en .container { padding: 0 30px; } }

@media screen and (max-width: 930px) { #wrapper.en #footer_en .guideLine h3 { float: none; padding: 0 20px; }
  #wrapper.en #footer_en .guideLine ul { float: none; width: 100%; border-top: 1px solid #575757; border-left: 0; border-right: 0; }
  #wrapper.en #footer_en .container { padding: 0; }
  #wrapper.en #footer_en .container .address { margin: 0 30px; }
  #wrapper.en #footer_en .container .address ul { max-width: 500px; } }

@media screen and (max-width: 768px) { #wrapper.en #footer_en { padding-bottom: 40px; }
  #wrapper.en #footer_en .guideLine h3 { height: 50px; line-height: 50px; font-size: 18px; padding: 0 15px; }
  #wrapper.en #footer_en .guideLine ul { float: none; width: 100%; }
  #wrapper.en #footer_en .guideLine ul > li { background: url("/www-new/css/../images/en/icon_up.png") no-repeat right 15px center; }
  #wrapper.en #footer_en .guideLine ul > li.active { background: url("/www-new/css/../images/en/icon_down.png") no-repeat right 15px center; }
  #wrapper.en #footer_en .guideLine ul > li > a { height: 50px; line-height: 50px; font-size: 16px; padding-left: 15px; }
  #wrapper.en #footer_en .guideLine ul > li ol { bottom: 50px; padding: 15px 7px; }
  #wrapper.en #footer_en .guideLine ul > li ol li a { font-size: 15px; }
  #wrapper.en #footer_en .container .address { margin: 0 15px; text-align: center; font-size: 15px; padding: 25px 0; }
  #wrapper.en #footer_en .container .address ul { word-break: keep-all; margin: 0 auto; }
  #wrapper.en #footer_en .container .address ul li { float: none; font-size: 13px; line-height: 1.6em; margin-right: 0; }
  #wrapper.en #footer_en .container .address ul li:after { content: none; }
  #wrapper.en #footer_en .container .address div { position: static; -webkit-transform: none; transform: none; margin-top: 20px; } }

@media screen and (max-width: 500px) { #wrapper.en #footer_en .guideLine ul { border: 0; }
  #wrapper.en #footer_en .guideLine ul > li { display: block; width: 100%; border-right: 0; border-top: 1px solid #575757; } }

#wrapper.en .sitemap { display: none; position: fixed; width: 100%; height: 100%; left: 0; top: 0; background: url("/www-new/css/../images/en/bg_sitemap.jpg") no-repeat center/cover; color: #fff; padding: 157px 30px 0; z-index: 100; overflow-y: auto; }

#wrapper.en .sitemap .lang { position: absolute; right: 116px; top: 52px; font-size: 13px; padding-right: 25px; line-height: 20px; background: url("/www-new/css/../images/en/icon_sitemap_lang.png") no-repeat right center; }

#wrapper.en .sitemap > .container { position: relative; text-align: right; }

#wrapper.en .sitemap > .container > ol { display: inline-block; padding: 0 19px; border: 1px solid #6a82b1; border-radius: 44px; }

#wrapper.en .sitemap > .container > ol > li { float: left; font-size: 15.5px; line-height: 44px; vertical-align: top; }

#wrapper.en .sitemap > .container > ol > li:before { content: ''; display: inline-block; width: 1px; height: 12px; background-color: #5b6f94; }

#wrapper.en .sitemap > .container > ol > li a { margin: 0 14px; }

#wrapper.en .sitemap > .container > ol > li:first-of-type:before { content: none; }

#wrapper.en .sitemap > .container > .sns { display: inline-block; vertical-align: top; padding-top: 5px; margin-left: 20px; }

#wrapper.en .sitemap > .container > .sns:after { content: ''; display: block; clear: both; }

#wrapper.en .sitemap > .container > .sns button { display: none; }

#wrapper.en .sitemap > .container > .sns ul li { float: left; margin-left: 10px; }

#wrapper.en .sitemap > .container > .sns ul li a { display: block; }

#wrapper.en .sitemap > .container .dep1 { max-width: 1420px; margin: 50px auto 0; padding-bottom: 100px; text-align: left; }

#wrapper.en .sitemap > .container .dep1 > li { margin-bottom: 50px; }

#wrapper.en .sitemap > .container .dep1 > li:after { content: ''; display: block; clear: both; }

#wrapper.en .sitemap > .container .dep1 > li > a { display: block; float: left; width: 208px; border-top: 3px solid #fff; font-size: 24px; padding-top: 27px; padding-right: 40px; }

#wrapper.en .sitemap > .container .dep2_wrap { float: left; width: calc(100% - 208px); background-color: rgba(10, 50, 95, 0.2); padding-top: 1px; }

#wrapper.en .sitemap > .container .dep2_wrap .container { padding: 0; display: block; }

#wrapper.en .sitemap > .container .dep2_wrap .container > div { display: none; }

#wrapper.en .sitemap > .container .dep2_wrap .container > ul { border-top: 1px solid #234c78; padding: 36px 40px 34px; background-color: rgba(0, 0, 0, 0.2); }

#wrapper.en .sitemap > .container .dep2_wrap .container > ul > li { margin-bottom: 30px; }

#wrapper.en .sitemap > .container .dep2_wrap .container > ul > li > a { font-size: 19px; display: inline-block; line-height: 1.4; margin-bottom: 10px; }

#wrapper.en .sitemap > .container .dep2_wrap .container > ul > li:last-of-type { margin-bottom: 0; }

#wrapper.en .sitemap > .container .dep2_wrap ol { font-size: 15px; }

#wrapper.en .sitemap > .container .dep2_wrap ol li { line-height: 1.4; margin: 0.25em 0; float: left; margin-right: 52px; }

#wrapper.en .sitemap > .container .dep2_wrap ol li a { display: inline-block; padding-left: 14px; color: #859fbc; position: relative; }

#wrapper.en .sitemap > .container .dep2_wrap ol li a:before { content: ''; display: block; position: absolute; left: 0; top: 0.7em; margin-top: -1px; width: 5px; height: 2px; background-color: #859fbc; }

#wrapper.en .sitemap > .container .dep2_wrap ol li a[target="_blank"] { color: #83e0fe; font-weight: 300; }

#wrapper.en .sitemap > .container .dep2_wrap ol li a[target="_blank"]:after { padding-right: 20px; background: url("/www-new/css/../images/en/icon_sitemap_link.png") no-repeat right center; content: ''; }

#wrapper.en .sitemap > .container .dep2_wrap ol li a[target="_blank"]:before { content: ''; background-color: #83e0fe; }

#wrapper.en .sitemap .btn_sitemap_close { position: absolute; top: 40px; right: 50px; width: 44px; height: 45px; background: url("/www-new/css/../images/en/btn_sitemap_close.png") no-repeat center; }

@media screen and (max-width: 768px) { #wrapper.en .sitemap { display: none; width: calc(100% - 25px); right: 0; left: auto; left: initial; top: 0; color: #fff; padding: 0; -webkit-transform: translateX(100%); transform: translateX(100%); -webkit-transition: -webkit-transform 0.5s; transition: -webkit-transform 0.5s; transition: transform 0.5s; transition: transform 0.5s, -webkit-transform 0.5s; text-align: left; background: #fff url("/www-new/css/../images/en/bg_gnb_m.jpg.png") no-repeat top center/100% auto; background-attachment: local; }
  #wrapper.en .sitemap.active { -webkit-transform: translateX(0); transform: translateX(0); }
  #wrapper.en .sitemap .lang { position: static; padding-right: 0; padding-left: 20px; line-height: 45px; display: inline-block; background: transparent; }
  #wrapper.en .sitemap .lang:after { display: inline-block; width: 15px; height: 15px; vertical-align: middle; margin-top: 0; margin-left: 10px; background: url("/www-new/css/../images/en/icon_sitemap_lang.png") no-repeat right center/cover; content: ''; }
  #wrapper.en .sitemap > .container { width: 100%; padding: 0; height: calc(100% - 45px); position: relative; }
  #wrapper.en .sitemap > .container > ol { display: block; padding: 0 20px; border: 0; border-radius: 0; border-top: 1px solid rgba(255, 255, 255, 0.1); }
  #wrapper.en .sitemap > .container > ol > li { font-size: 12px; line-height: 45px; }
  #wrapper.en .sitemap > .container > ol > li:before { content: ''; display: inline-block; width: 1px; height: 12px; background-color: #5b6f94; }
  #wrapper.en .sitemap > .container > ol > li a { margin: 0 12px; }
  #wrapper.en .sitemap > .container > ol > li:first-of-type a { margin-left: 0; }
  #wrapper.en .sitemap > .container > ol > li:first-of-type:before { content: none; }
  #wrapper.en .sitemap > .container > .sns { position: absolute; right: 15px; top: 6px; }
  #wrapper.en .sitemap > .container > .sns.active button { background-image: url("/www-new/css/../images/en/btn_sns_m.png"); }
  #wrapper.en .sitemap > .container > .sns.active ul { display: block; }
  #wrapper.en .sitemap > .container > .sns button { display: block; border-radius: 26px; height: 26px; border: 1px solid #788eac; color: #ffffff; font-size: 14px; padding: 0 20px 0 8px; background: #3e5d89 url("/www-new/css/../images/en/btn_sns_m_down.png") no-repeat right 8px center/6px auto; }
  #wrapper.en .sitemap > .container > .sns ul { display: none; position: absolute; right: 0; top: calc(100% + 14px); background-color: #fff; z-index: 30; width: 160px; -webkit-box-shadow: 0 0 14px rgba(0, 0, 0, 0.3); box-shadow: 0 0 14px rgba(0, 0, 0, 0.3); text-align: center; border-radius: 40px; padding: 5px 0; }
  #wrapper.en .sitemap > .container > .sns ul:before { content: ''; width: 15px; height: 10px; position: absolute; right: 20px; bottom: 100%; background: url("/www-new/css/../images/en/arrow_sns_box_m.png") no-repeat center/15px auto; }
  #wrapper.en .sitemap > .container > .sns ul li { display: inline-block; vertical-align: top; margin: 0 auto; float: none; }
  #wrapper.en .sitemap > .container > .sns ul li a { width: 30px; height: 30px; position: relative; overflow: hidden; }
  #wrapper.en .sitemap > .container > .sns ul li a img { position: absolute; width: 35px; max-width: none; left: -2.5px; top: -2.5px; }
  #wrapper.en .sitemap > .container .dep1 { margin: 0; padding: 0; position: relative; border: 0; }
  #wrapper.en .sitemap > .container .dep1 > li { margin-bottom: 0; width: 100%; border: 0; background-color: #fff; border-bottom: 1px solid #dfdfdf; }
  #wrapper.en .sitemap > .container .dep1 > li:after { content: ''; display: block; clear: both; }
  #wrapper.en .sitemap > .container .dep1 > li > a { position: relative; z-index: 1; display: block; float: none; width: 100%; border-top: 0; font-size: 16px; padding: 13.5px 20px; color: #3f4143; }
  #wrapper.en .sitemap > .container .dep1 > li.active { background: #9c1d1d; background: linear-gradient(135deg, #9c1d1d 0%, #d63a0c 100%); filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#9c1d1d', endColorstr='#d63a0c',GradientType=1 ); }
  #wrapper.en .sitemap > .container .dep1 > li.active > a { color: #fff; z-index: 10; background-image: url("/www-new/css/../images/en/btn_sitemap_dep1_open.png"); background-size: 12px auto; background-repeat: no-repeat; background-position: right 30px center; }
  #wrapper.en .sitemap > .container .dep1 > li.active .dep2_wrap { z-index: 2; display: block; }
  #wrapper.en .sitemap > .container .dep2_wrap { display: none; float: none; width: 100%; background-color: #ebedee; padding: 15px 20px; }
  #wrapper.en .sitemap > .container .dep2_wrap .container > div { display: none; }
  #wrapper.en .sitemap > .container .dep2_wrap .container > ul { border-top: 0; padding: 0; background-color: #fff; }
  #wrapper.en .sitemap > .container .dep2_wrap .container > ul > li { margin-bottom: 0; border-bottom: 1px solid #dfdfdf; }
  #wrapper.en .sitemap > .container .dep2_wrap .container > ul > li:last-of-type { border-bottom: 0; }
  #wrapper.en .sitemap > .container .dep2_wrap .container > ul > li > a { font-size: 15px; display: block; width: 100%; line-height: 44px; color: #5e5f62; padding: 0 14px; margin-bottom: 0; position: relative; -webkit-transition: all 0.3s; transition: all 0.3s; }
  #wrapper.en .sitemap > .container .dep2_wrap .container > ul > li > a.link:after { margin-left: 6px; width: 14px; height: 14px; vertical-align: middle; display: inline-block; background: url("/www-new/css/../images/en/icon_dep2_page.png") no-repeat 50% 50%/cover; content: ''; }
  #wrapper.en .sitemap > .container .dep2_wrap .container > ul > li > a.menu_btn:before { display: block; width: 20px; height: 20px; position: absolute; right: 14px; top: 12px; content: ''; background: url("/www-new/css/../images/en/btn_sitemap_dep3_open.png") no-repeat center/14px auto; -webkit-transition: all 0.3s; transition: all 0.3s; z-index: 20; cursor: pointer; }
  #wrapper.en .sitemap > .container .dep2_wrap .container > ul > li.active > a { color: #0c3975; font-weight: 600; }
  #wrapper.en .sitemap > .container .dep2_wrap .container > ul > li.active > a.menu_btn:before { background-image: url("/www-new/css/../images/en/btn_sitemap_dep3_close.png"); }
  #wrapper.en .sitemap > .container .dep2_wrap .container > ul > li.active ol { display: block; }
  #wrapper.en .sitemap > .container .dep2_wrap .container > ul > li:last-of-type { margin-bottom: 0; }
  #wrapper.en .sitemap > .container .dep2_wrap ol { display: none; font-size: 14px; background-color: #f6f8f9; padding: 15px; }
  #wrapper.en .sitemap > .container .dep2_wrap ol li { line-height: 1.4; margin: 0.3em 0; float: none; margin-right: 0; width: 100%; }
  #wrapper.en .sitemap > .container .dep2_wrap ol li a { display: inline-block; padding-left: 10px; color: #686d75; }
  #wrapper.en .sitemap > .container .dep2_wrap ol li a:before { content: ''; top: 0.7em; margin-top: -1px; width: 4px; height: 2px; background-color: #a1b0c0; }
  #wrapper.en .sitemap > .container .dep2_wrap ol li a[target="_blank"] { color: #686d75; font-weight: 300; }
  #wrapper.en .sitemap > .container .dep2_wrap ol li a[target="_blank"]:after { vertical-align: middle; width: 12px; height: 12px; display: inline-block; margin-left: 5px; margin-top: -2px; padding-right: 0; background: url("/www-new/css/../images/en/icon_sitemap_link_m.png") no-repeat right center/12px auto; content: ''; }
  #wrapper.en .sitemap > .container .dep2_wrap ol li a[target="_blank"]:before { content: ''; background-color: #a1b0c0; }
  #wrapper.en .sitemap > .container .dep2_wrap ol li.active a { color: #9c1d1d; }
  #wrapper.en .sitemap > .container .dep2_wrap ol li.active a:before { background-color: #9c1d1d; }
  #wrapper.en .sitemap .btn_sitemap_close { position: absolute; top: 15px; right: 15px; width: 17.5px; height: 17.5px; background: url("/www-new/css/../images/en/btn_sitemap_close_m.png") no-repeat center/cover; } }

#wrapper.en .block { display: block; }

#wrapper.en .custom_roll { /* 스크롤바 설정*/ /* 스크롤바 막대 설정*/ /* 스크롤바 뒷 배경 설정*/ }

#wrapper.en .custom_roll::-webkit-scrollbar { width: 6px; }

#wrapper.en .custom_roll::-webkit-scrollbar-thumb { background-color: #9a9b9e; /* 스크롤바 둥글게 설정    */ border-radius: 10px; }

#wrapper.en .custom_roll::-webkit-scrollbar-track { background-color: #fff; border-radius: 10px; }

#wrapper.en .sub .lnb_wrap > strong { font-size: 30px; line-height: 1.1; }

#wrapper.en .page_spot h2 { font-family: "NanumMyeongjo", "serif"; }

@media screen and (max-width: 737px) { #wrapper.en .page_spot { margin-bottom: 0; padding: 0; height: 121.5px; line-height: 1.4; background-image: url("/www-new/css/../images/common/bg_lnb_m.jpg"); }
  #wrapper.en .page_spot h2 { font-size: 23px; } }

#wrapper.en .b_list > li { position: relative; padding-left: 97px; line-height: 25px; }

#wrapper.en .b_list > li b { position: absolute; left: 0; top: 0; display: inline-block; line-height: 25px; width: 84px; text-align: right; }

#wrapper.en .b_list.type2 > li { padding-left: 188px; }

#wrapper.en .b_list.type2 > li b { width: 168px; text-align: right; }

@media screen and (max-width: 737px) { #wrapper.en .b_list > li { padding-left: 72px; line-height: 22px; }
  #wrapper.en .b_list > li b { line-height: 22px; width: 62px; }
  #wrapper.en .b_list.type2 > li { padding-left: 140px; }
  #wrapper.en .b_list.type2 > li b { width: 130px; text-align: right; } }

#wrapper.en .bg_box.bar.bold a[target="_blank"]:after { content: ''; display: inline-block; width: 12px; height: 12px; background: url("/www-new/css/../images/common/icon_lnb_link.png") no-repeat center/cover; vertical-align: -1px; margin-left: 8px; }

#wrapper.en .bg_box.bar.bold > li > a { color: #0068b9; }

#wrapper.en .country_info + .list_dep1 .dot > li > span { margin-right: 15px; }

#wrapper.en .country_info .bg { padding: 50px 50px 35px; }

#wrapper.en .country_info .bg .stat { padding: 0; margin: 0; border: 0; }

@media screen and (max-width: 1200px) { #wrapper.en .country_info .bg { padding: 50px; }
  #wrapper.en .country_info .bg .stat .nation { margin-bottom: 0; } }

@media screen and (max-width: 737px) { #wrapper.en .country_info + .list_dep1 .dot > li > span { margin-right: 8px; }
  #wrapper.en .country_info .bg { padding: 20px; } }

/*모듈 css*/


/*220408 영문 메인 sns더보기 추가*/

.en .media > div.social .sns_box ol li a.more {width: 120px;position:relative;background-color:#fff;text-align:center;line-height:66px;transition:box-shadow 0.4s;box-shadow:none;box-shadow:inset 0 0 0 2px rgba(0,0,0,0.2);}

.en .media > div.social .sns_box ol li a.more span{position:absolute;left:50%;top:50%;transform:translate(-50% ,-50%);color:#353535;padding-left:15px;background:url("/www-new/css/../images/en/icon_sns_more.png") no-repeat left center;font-size:17px;padding-bottom:4px;opacity:1;transition:opacity 0.4s;}

.en .media > div.social .sns_box ol li a.more img { max-width:100%; width:auto; height:auto; position:relative; vertical-align: -4px; transition:opacity 0.4s; }

.en .media > div.social .sns_box ol li a.more:hover span {opacity:0;}

.en .media > div.social .sns_box ol li a.more:hover img {opacity:1;}

/*220609 영문 메인 sns더보기 추가 (수정 나중에 필요할지 몰라 복사&숨김처리후 작업)*/

/* .en .media > div.social .sns_box ol li a.more {width: 120px;position:relative;background-color:#fff;text-align:center;line-height:66px;transition:box-shadow 0.4s;box-shadow:none;} */

/* .en .media > div.social .sns_box ol li a.more span{position:absolute;left:50%;top:50%;transform:translate(-50% ,-50%);color:#353535;padding-left:15px;background:url("/www-new/css/../images/en/icon_sns_more.png") no-repeat left center;font-size:17px;padding-bottom:4px;opacity:1;transition:opacity 0.4s;} */

/* .en .media > div.social .sns_box ol li a.more img {max-width:100%;width:auto;height:auto;position:relative;vertical-align:-8px;opacity:0;transition:opacity 0.4s;} */

/* .en .media > div.social .sns_box ol li a.more:hover {box-shadow:inset 0 0 0 2px #f6012d,5px 5px 10px rgba(0,0,0,0.2);} */

/* .en .media > div.social .sns_box ol li a.more:hover span {opacity:0;} */

/* .en .media > div.social .sns_box ol li a.more:hover img {opacity:1;} */

@media screen and (max-width: 737px) {
  .en .media > div.social .sns_box ol li a.more {width: 71px;line-height:39px;}

  .en .media > div.social .sns_box ol li a.more span{padding-left:12px;font-size:15px;padding-bottom:2px;}

  .en .media > div.social .sns_box ol li a.more img { vertical-align: -4px !important; width:50px; }

/*   .en .media > div.social .sns_box ol li a.more:hover {box-shadow:inset 0 0 0 2px #f6012d,3px 3px 5px rgba(0,0,0,0.2);} */
}

@media screen and (max-width: 350px) {
  .en .media > div.social .sns_box ol li {margin-right:10px;}
}


/*220411 개인정보처리방침 스타일 추가*/
.privacy .tit_md ~ * { padding-left: 0; }

.tit_md2 { line-height: 1.4; color: #000; font-size: 25px; margin-bottom: 15px; border-top: 1px solid #e0e0e0; padding-top: 40px; }

.tit_md2 .icon_pvc { margin-right: 10px; }

.tit_md2 + p { margin-bottom: 1.2em; }

@media screen and (max-width: 737px) { .tit_md2 { font-size: 18px; margin-bottom: 13px; padding-top: 23px; } }

.icon_pvc { vertical-align: middle; display: inline-block; line-height: 1.4em; }

.icon_privacy { margin-left: -15px; margin-top: -15px; }

.icon_privacy > li { display: table; margin-left: 15px; margin-top: 15px; width: calc(33.3333% - 15px); background-color: #f4f7fa; border-radius: 160px; height: 160px; float: left; padding-left: 39px; font-size: 0; }

.icon_privacy > li > div, .icon_privacy > li > span { vertical-align: middle; display: table-cell; }

.icon_privacy > li div { width: 85px; text-align: center; }

.icon_privacy > li span { padding: 0 20px; font-size: 20px; }

@media screen and (max-width: 1300px) { .icon_privacy > li { height: 120px; width: calc(50% - 15px); } }

@media screen and (max-width: 737px) { .icon_privacy { margin-left: -10px; margin-top: -10px; }
  .icon_privacy > li { height: 90px; padding-top: 10px; padding-bottom: 10px; padding-left: 20px; margin-top: 10px; margin-left: 10px; width: calc(50% - 10px); }
  .icon_privacy > li > div { width: 50px; }
  .icon_privacy > li > span { padding: 0 10px; font-size: 16px; line-height: 1.2; } }

@media screen and (max-width: 450px) { .icon_privacy { margin-left: 0; }
  .icon_privacy > li { margin-left: 0; width: 100%; height: 50px; padding: 10px 20px; }
  .icon_privacy > li > div { width: 40px; }
  .icon_privacy > li > span { padding: 0; padding-left: 10px; } }

.idx_privacy { padding: 25px 25px 0 !important; border-top: 3px solid #0c3975; position: relative; display: flex; flex-wrap: wrap; }

.idx_privacy:before { content: ''; width: 100%; height: 45px; position: absolute; left: 0; top: -3px; background: url("/www-new/css/../images/sub/line_box_left.png") no-repeat left top, url("/www-new/css/../images/sub/line_box_right.png") no-repeat right top; z-index: 0; }

.idx_privacy > li { width: 50%; padding: 10px 26px; }

/* .idx_privacy > li:nth-of-type(2n) { clear: both; } */

.idx_privacy > li.wp100 { width: 100%; }

.idx_privacy > li.wp100 .icon_pvc { min-width: 101px; }

.idx_privacy > li a { display: flex; align-items: center; justify-content: flex-start; font-weight: 500; font-size: 16px; }

.idx_privacy > li a > span { display: table-cell; vertical-align: top; }

.idx_privacy > li a > span:not(.icon_pvc) { margin-left: 16px; position: relative; }

/* 2023.11.28 개인정보처리방침 */
.idx_privacy > li a > span:not(.icon_pvc):before { content: ''; display: block; position: absolute; left: 0%; top: 100%; transform: translate(00%, -50%); width: 0%; height: 2px; background-color: transparent; border-radius: 100%; transition: all 0.16s cubic-bezier(0.1, 0.32, 0.39, 0.85); }
.idx_privacy > li a > span:not(.icon_pvc):hover { color: #0059d1;  }
.idx_privacy > li a > span:not(.icon_pvc):hover:before { transition: all 0.24s cubic-bezier(0.1, 0.32, 0.39, 0.85); width: 100%; background-color: #0059d1 }

.idx_privacy > li a .icon_pvc { min-width: 36px; height: 36px; white-space: nowrap; }

@media screen and (max-width: 737px) { .idx_privacy { padding: 20px 10px 0 !important; }
  .idx_privacy > li { width: 100%; padding: 3px 10px; }
  .idx_privacy > li.wp100 .icon_pvc { min-width: 81px; }
  .idx_privacy > li a { font-size: 16px; line-height: 28px; }
  .idx_privacy > li a > span:not(.icon_pvc) { padding-left: 10px; }
  .idx_privacy > li a .icon_pvc { min-width: 25px; height: 25px; }
  .idx_privacy > li a .icon_pvc img { width: 25px; } }

.bg_box2 { background-color: #f7f8f9; padding: 10px 15px; }
.bg_box3 { background-color: #f7f8f9; border: 1px solid #dfdfdf; padding: 20px 25px; }


/* 231109 - (new)사이냅에디터 관련 클래스 수정 */
.bo_con .se-contents { width: 100%;margin: 0; position: relative; font-family: 'Open Sans', 'Noto Sans', 'sans-serif' !important; line-height: 1.6 !important; letter-spacing: -0.05em !important; word-break: normal; text-align: left; }
.bo_con .se-contents p {}
.bo_con .se-contents p span { letter-spacing: -0.05em !important; }
.bo_con .se-contents a { color: inherit !important; text-decoration: none !important; }
.bo_con .se-image { display: flex !important; align-items: center; justify-content: center; }
.bo_con .se-image > img { max-width: 100%; 	height: auto !important; }

.bo_con .se-contents table { display: table; width: unset; border: unset; }
.bo_con .se-contents table+table { margin-top: unset; }
.bo_con .se-contents table th,.se-contents table td { height: unset; line-height: unset; }
.bo_con .se-contents table p { line-height: revert-layer !important; letter-spacing: revert-layer !important; }
.bo_con .se-contents table img { width: revert-layer !important; height: revert-layer !important; }

.en .bo_con .se-contents { word-break: normal; }
.en .bo_con .se-contents p {}
.en .bo_con .se-contents p span {}

@media screen and (max-width: 737px) { 
  .bo_con .se-contents p { font-size: 0.875em; line-height: 1.4 !important; }
  .bo_con .se-contents table p { line-height: revert-layer !important; letter-spacing: revert-layer !important; }
}
/* // 231109 - (new)사이냅에디터 관련 클래스 수정 */

/* 한일 국교정상화 60주년 - 콘텐츠 CSS */
.ko_jp_60-logo { display: flex; align-items: center; justify-content: center; gap: 24px 40px; flex-wrap: wrap; }

.ko_jp_60-logo img { display: block; border-radius: 50%; box-shadow: 0px 0px 8px rgb(0 0 0 / 16%); }

.bo_filter { width: 100%; }

.bo_filter > ol > li { display: none; margin-bottom: 25px; }

.bo_filter > ol > li.active { display: block; }

@media screen and (max-width: 737px) {
  .ko_jp_60-logo img { max-width: 180px; }
}
/* // 한일 국교정상화 60주년 - 콘텐츠 CSS */