@charset "UTF-8";

/* open-sans - 300~800 (외부서버)구글폰트 TEST */
/* @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("../fonts/OpenSans-Light.eot"); /* IE9 Compat Modes */ src: local(""), url("../fonts/OpenSans-Light.eot?#iefix") format("embedded-opentype"), url("../fonts/OpenSans-Light.woff2") format("woff2"), url("../fonts/OpenSans-Light.woff") format("woff"), url("../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("../fonts/OpenSans-LightItalic.eot"); /* IE9 Compat Modes */ src: local(""), url("../fonts/OpenSans-LightItalic.eot?#iefix") format("embedded-opentype"), url("../fonts/OpenSans-LightItalic.woff2") format("woff2"), url("../fonts/OpenSans-LightItalic.woff") format("woff"), url("../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("../fonts/OpenSans-Regular.eot"); /* IE9 Compat Modes */ src: local(""), url("../fonts/OpenSans-Regular.eot?#iefix") format("embedded-opentype"), url("../fonts/OpenSans-Regular.woff2") format("woff2"), url("../fonts/OpenSans-Regular.woff") format("woff"), url("../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("../fonts/OpenSans-Italic.eot"); /* IE9 Compat Modes */ src: local(""), url("../fonts/OpenSans-Italic.eot?#iefix") format("embedded-opentype"), url("../fonts/OpenSans-Italic.woff2") format("woff2"), url("../fonts/OpenSans-Italic.woff") format("woff"), url("../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("../fonts/OpenSans-Medium.eot"); /* IE9 Compat Modes */ src: local(""), url("../fonts/OpenSans-Medium.eot?#iefix") format("embedded-opentype"), url("../fonts/OpenSans-Medium.woff2") format("woff2"), url("../fonts/OpenSans-Medium.woff") format("woff"), url("../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("../fonts/OpenSans-MediumItalic.eot"); /* IE9 Compat Modes */ src: local(""), url("../fonts/OpenSans-MediumItalic.eot?#iefix") format("embedded-opentype"), url("../fonts/OpenSans-MediumItalic.woff2") format("woff2"), url("../fonts/OpenSans-MediumItalic.woff") format("woff"), url("../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("../fonts/OpenSans-SemiBold.eot"); /* IE9 Compat Modes */ src: local(""), url("../fonts/OpenSans-SemiBold.eot?#iefix") format("embedded-opentype"), url("../fonts/OpenSans-SemiBold.woff") format("woff2"), url("../fonts/OpenSans-SemiBold.woff") format("woff"), url("../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("../fonts/OpenSans-SemiBoldItalic.eot"); /* IE9 Compat Modes */ src: local(""), url("../fonts/OpenSans-SemiBoldItalic.eot?#iefix") format("embedded-opentype"), url("../fonts/OpenSans-SemiBoldItalic.woff2") format("woff2"), url("../fonts/OpenSans-SemiBoldItalic.woff") format("woff"), url("../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("../fonts/OpenSans-Bold.eot"); /* IE9 Compat Modes */ src: local(""), url("../fonts/OpenSans-Bold.eot?#iefix") format("embedded-opentype"), url("../fonts/OpenSans-Bold.woff2") format("woff2"), url("../fonts/OpenSans-Bold.woff") format("woff"), url("../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("../fonts/OpenSans-BoldItalic.eot"); /* IE9 Compat Modes */ src: local(""), url("../fonts/OpenSans-BoldItalic.eot?#iefix") format("embedded-opentype"), url("../fonts/OpenSans-BoldItalic.woff2") format("woff2"), url("../fonts/OpenSans-BoldItalic.woff") format("woff"), url("../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("../fonts/OpenSans-ExtraBold.eot"); /* IE9 Compat Modes */ src: local(""), url("../fonts/OpenSans-ExtraBold.eot?#iefix") format("embedded-opentype"), url("../fonts/OpenSans-ExtraBold.woff2") format("woff2"), url("../fonts/OpenSans-ExtraBold.woff") format("woff"), url("../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("../fonts/OpenSans-ExtraBoldItalic.eot"); /* IE9 Compat Modes */ src: local(""), url("../fonts/OpenSans-ExtraBoldItalic.eot?#iefix") format("embedded-opentype"), url("../fonts/OpenSans-ExtraBoldItalic.woff2") format("woff2"), url("../fonts/OpenSans-ExtraBoldItalic.woff") format("woff"), url("../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("../fonts/NotoSansKR-Thin.eot"); /* IE9 Compat Modes */ src: local(※), url("../fonts/NotoSansKR-Thin.eot?#iefix") format("embedded-opentype"), url("../fonts/NotoSansKR-Thin.woff2") format("woff2"), url("../fonts/NotoSansKR-Thin.woff") format("woff"), url("../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("../fonts/NotoSansKR-ExtraLight.eot"); /* IE9 Compat Modes */ src: local(※), url("../fonts/NotoSansKR-ExtraLight.eot?#iefix") format("embedded-opentype"), url("../fonts/NotoSansKR-ExtraLight.woff2") format("woff2"), url("../fonts/NotoSansKR-ExtraLight.woff") format("woff"), url("../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("../fonts/NotoSansKR-Light.eot"); /* IE9 Compat Modes */ src: local(※), url("../fonts/NotoSansKR-Light.eot?#iefix") format("embedded-opentype"), url("../fonts/NotoSansKR-Light.woff2") format("woff2"), url("../fonts/NotoSansKR-Light.woff") format("woff"), url("../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("../fonts/NotoSansKR-Regular.eot"); /* IE9 Compat Modes */ src: local(※), url("../fonts/NotoSansKR-Regular.eot?#iefix") format("embedded-opentype"), url("../fonts/NotoSansKR-Regular.woff2") format("woff2"), url("../fonts/NotoSansKR-Regular.woff") format("woff"), url("../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("../fonts/NotoSansKR-Medium.eot"); /* IE9 Compat Modes */ src: local(※), url("../fonts/NotoSansKR-Medium.eot?#iefix") format("embedded-opentype"), url("../fonts/NotoSansKR-Medium.woff2") format("woff2"), url("../fonts/NotoSansKR-Medium.woff") format("woff"), url("../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("../fonts/NotoSansKR-SemiBold.eot"); /* IE9 Compat Modes */ src: local(※), url("../fonts/NotoSansKR-SemiBold.eot?#iefix") format("embedded-opentype"), url("../fonts/NotoSansKR-SemiBold.woff2") format("woff2"), url("../fonts/NotoSansKR-SemiBold.woff") format("woff"), url("../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("../fonts/NotoSansKR-Bold.eot"); /* IE9 Compat Modes */ src: local(※), url("../fonts/NotoSansKR-Bold.eot?#iefix") format("embedded-opentype"), url("../fonts/NotoSansKR-Bold.woff2") format("woff2"), url("../fonts/NotoSansKR-Bold.woff") format("woff"), url("../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("../fonts/NotoSansKR-ExtraBold.eot"); /* IE9 Compat Modes */ src: local(※), url("../fonts/NotoSansKR-ExtraBold.eot?#iefix") format("embedded-opentype"), url("../fonts/NotoSansKR-ExtraBold.woff2") format("woff2"), url("../fonts/NotoSansKR-ExtraBold.woff") format("woff"), url("../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("../fonts/NotoSansKR-Black.eot"); /* IE9 Compat Modes */ src: local(※), url("../fonts/NotoSansKR-Black.eot?#iefix") format("embedded-opentype"), url("../fonts/NotoSansKR-Black.woff2") format("woff2"), url("../fonts/NotoSansKR-Black.woff") format("woff"), url("../fonts/NotoSansKR-Black.ttf") format("truetype"); /* Legacy iOS */ }



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

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

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

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

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

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

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

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

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


/* Noto Sans 중국어(간체) */
/* Noto Sans Simplified Chinese - Thin 100*/
@font-face { font-family: 'Noto Sans CN'; font-style: normal; font-weight: 100; src: url("../fonts/NotoSansSC-Thin.eot"); /* IE9 Compat Modes */ src: local(※), url("../fonts/NotoSansSC-Thin.eot?#iefix") format("embedded-opentype"), url("../fonts/NotoSansSC-Thin.woff2") format("woff2"), url("../fonts/NotoSansSC-Thin.woff") format("woff"), url("../fonts/NotoSansSC-Thin.ttf") format("truetype"); /* Legacy iOS */ }

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

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

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

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

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

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

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

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




@font-face { font-family: "Roboto"; font-weight: 300; font-style: normal; src: local(※), url("../fonts/Roboto-Light.woff") format("woff"); unicode-range: U+0041-005A, U+0061-007A, U+0030-0039; }

@font-face { font-family: "Roboto"; font-weight: 400; font-style: normal; src: local(※), url("../fonts/Roboto-Regular.woff") format("woff"); unicode-range: U+0041-005A, U+0061-007A, U+0030-0039; }

@font-face { font-family: "Roboto"; font-weight: 500; font-style: normal; src: local(※), url("../fonts/Roboto-Medium.woff") format("woff"); unicode-range: U+0041-005A, U+0061-007A, U+0030-0039; }

@font-face { font-family: "Roboto"; font-weight: 600; font-style: normal; src: local(※), url("../fonts/Roboto-Bold.woff") format("woff"); unicode-range: U+0041-005A, U+0061-007A, U+0030-0039; }

@font-face { font-family: "Play"; font-weight: 400; font-style: normal; src: local(※), url("../fonts/Play-Regular.woff") format("woff"); }

@font-face { font-family: "Play"; font-weight: 600; font-style: normal; src: local(※), url("../fonts/Play-Bold.woff") format("woff"); }

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

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

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

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

/********* 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, address { margin: 0; padding: 0; border: 0; font-size: 100%; font: inherit; -webkit-box-sizing: border-box; box-sizing: border-box; }

body { font-size: 16px; line-height: 1.4; color: #222; word-break: break-word; font-family: "Open Sans","Roboto","Noto Sans","나눔고딕",'Microsoft YaHei New', 'Microsoft Yahei', '微软雅黑', 宋体, SimSun, STXihei, '华文细黑',"sans-serif"; }

body.JP { font-family: "Open Sans", "Roboto", "Noto Sans JP", "Noto Sans", "나눔고딕", 'Microsoft YaHei New', 'Microsoft Yahei', '微软雅黑', 宋体, SimSun, STXihei, '华文细黑', "sans-serif"; }

body.CN { font-family: "Open Sans", "Roboto", "Noto Sans CN", "Noto Sans", "나눔고딕", 'Microsoft YaHei New', 'Microsoft Yahei', '微软雅黑', 宋体, SimSun, STXihei, '华文细黑', "sans-serif"; }

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

h1, h2, h3, h4, h5, h6 { font-size: 1rem; 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 { border: 0; vertical-align: top; }

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

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

select::-ms-expand, input::-ms-check { display: none; }

input, select, textarea { padding: 0 10px; -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; }

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

table { border-collapse: collapse; table-layout: fixed; }

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

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

@media screen and (max-width: 1080px) { #wrapper { padding-top: 0; } }

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

.container { max-width: 1340px; margin-right: auto; margin-left: auto; padding-right: 30px; padding-left: 30px; }

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

.img { overflow: hidden; }

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

/* 241210 - 공식 배너 (Masthead) */
#wrapper.ko { padding-top: 231px; }

@media screen and (max-width: 1080px) { #wrapper.ko { padding-top: 0; } }

.ko .header:before { width: 50%; height: calc(45px + 28px); }

.ko .header:after { top: 231px; height: calc(100% - 231px); }

.ko .header .util > ul { float: left; margin-left: 4px; }

.ko .header #gnb:after { top: 231px; height: calc(100% - 231px); }

.ko .header #gnb.active:before { top: 230px; }

.ko .main .main_spot { padding: 108px 0 0 ; }

.ko .main .main_spot .main_banner { top: 83px; }

.ko .header .gov-info  { width: 100%; height: 28px; margin: 0 auto; position: relative; background-color: #EDf1f5; }

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

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

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

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

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

.ko .header .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: 13px; color: #1d1d1d; position: relative; }

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

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

.ko .header .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; */ }

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

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

.ko .header .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%); }

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

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

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

.ko .header .gov-info .toggle-body .dl .dd { font-size: 15px; color: #555555; }

.ko .header .search_box > form { top: 231px; }

@media screen and (max-width: 1080px) {
    .ko .header .sitemap { top: 109px; height: calc(100% - 109px);}
    .ko .header .sitemap > .container > .link { position: fixed; top: 108px; }
    .ko .header .sitemap > .container .btn_sitemap_close { top: 126px;}
    .ko .header .search_box > form { top: calc(100% - 15px); }
    .ko .main .main_spot { padding: 40px 0 30px; }
    .ko .main .main_spot .main_banner { top: 0; }
}

@media screen and (max-width: 720px) { 
    .ko .header .gov-info { height: 24px; }
    .ko .header .gov-info .toggle-wrap { margin: 0; }
    .ko .header .gov-info .toggle-head { margin-left: 10px; }
    .ko .header .gov-info .toggle-head .nuri-txt { padding-left: 34px; font-size: 11px; }
    .ko .header .gov-info .toggle-head .btn { display: none; }
    .ko .header .gov-info .toggle-body { display: none !important; }
    .ko .header .sitemap { top: 84px; height: calc(100% - 84px); }
    .ko .header .sitemap > .container {}
    .ko .header .sitemap > .container > .link { top: 84px; }
    .ko .header .sitemap > .container .btn_sitemap_close { top: 98px; } 
    .ko .header .search_box > form { top: calc(100% - 0px); }
}
/* // 241210 - 공식 배너 (Masthead) */

/*헤더*/
.header { position: absolute; left: 0; top: 0; z-index: 100; background-color: #2f3b66; width: 100%; border-bottom: 1px solid #eee; }

.header .container { padding: 0; max-width: 1280px; }

.header:before { position: absolute; left: 0; top: 0; width: 50%; height: 45px; background-color: #fff; content: ''; z-index: -1; }

.header:after { position: absolute; left: 0; top: 203px; width: 100%; height: calc(100% - 203px); background-color: #fff; content: ''; }

.header .util { background-color: #fff; }

.header .util:after { content: ""; display: block; clear: both; }

.header .util > ol > li, .header .util > ul > li { float: left; }

.header .util > ol > li :nth-child(n), .header .util > ul > li :nth-child(n) { vertical-align: middle; line-height: 44px; }

.header .util > ol > li :nth-child(n) span em, .header .util > ul > li :nth-child(n) span em { display: block; line-height: 14px; text-align: left; }

.header .util > ol > li:before, .header .util > ul > li:before { width: 1px; height: 12px; content: ''; background-color: #dedede; display: inline-block; position: relative; top: 2px; }

.header .util > ol > li a, .header .util > ol > li button, .header .util > ul > li a, .header .util > ul > li button { display: inline-block; margin: 0 15px; font-size: 0; color: #666; }

.header .util > ol > li a span, .header .util > ol > li button span, .header .util > ul > li a span, .header .util > ul > li button span { display: inline-block; font-size: 13px; margin-left: 8px; }

.header .util > ul { float: left; }

.header .util > ul > li:first-of-type a { margin-left: 0; }

.header .util > ul > li:first-of-type:before { content: none; }

.header .util > ul > li .view_mode2 { display: inline-block; margin-left: 13px; font-size: 0; }

.header .util > ul > li .view_mode2:before { display: inline-block; height: 100%; content: ""; vertical-align: middle; }

.header .util > ul > li .view_mode2 > :nth-child(n) { font-size: 13px; display: inline-block; vertical-align: middle; }

.header .util > ul > li .view_mode2 span { color: #888888; margin-right: 15px; }

.header .util > ul > li .view_mode2 a { display: inline-block; width: 65px; background-color: #a9a9a9; border-radius: 12px; padding: 3px 4px; line-height: 16px; margin: 0; color: #fff; }

.header .util > ul > li .view_mode2 a:before { float: left; content: ''; width: 16px; height: 16px; display: block; margin-right: 7px; border-radius: 16px; background-color: #fff; }

.header .util > ul > li .view_mode2.active a { background-color: #3187f2; padding-left: 7px; }

.header .util > ul > li .view_mode2.active a:before { float: right; background-color: #fff; margin-right: 0; margin-left: 7px; }

.header .util > ol { float: right; }

.header .util > ol > li { float: left; position: relative; text-align: left; }

.header .util > ol > li.active button { background-image: url(../images/common/arrow_drop_up.png); }

.header .util > ol > li button { padding-right: 16px; background: url(../images/common/arrow_drop_down.png) no-repeat right center; }

.header .util > ol > li > ul { display: none; background-color: #fff; position: absolute; left: 0; top: 100%; width: 100%; z-index: 10; }

.header .util > ol > li > ul a { font-size: 13px; color: #676767; margin: 0; }

.header .util > ol > li.top_link ul { border: 1px solid #dfdfdf; }

.header .util > ol > li.top_link ul li { border-bottom: 1px solid #dfdfdf; }

.header .util > ol > li.top_link ul li > a { display: block; line-height: 1.4; padding: 10px 15px; }

.header .util > ol > li.top_link ul li > a:hover, .header .util > ol > li.top_link ul li > a:focus { color: #fff; background-color: #30a0e0; -webkit-box-shadow: 0 0 0 1px #30a0e0; box-shadow: 0 0 0 1px #30a0e0; }

.header .util > ol > li.top_link ul li:last-of-type { border-bottom: 0; }

.header .util > ol > li.top_sns ul { border: 1px solid #dfdfdf; }

.header .util > ol > li.top_sns ul li > a { display: block; line-height: 1.4; border-bottom: 1px solid #dfdfdf; line-height: 40px; padding: 0 12px; }

.header .util > ol > li.top_sns ul li > a:before { display: inline-block; width: 20px; height: 20px; background-position: center; background-repeat: no-repeat; margin-right: 7px; content: ''; vertical-align: middle; }

.header .util > ol > li.top_sns ul li > a.facebook:before { background-image: url(../images/common/icon_top_face.png); }

.header .util > ol > li.top_sns ul li > a.twitter:before { background-image: url(../images/common/icon_top_twitter.png); }

.header .util > ol > li.top_sns ul li > a.X-twitter:before { background-image: url(../images/common/icon_top_X.png); }

.header .util > ol > li.top_sns ul li > a.insta:before { background-image: url(../images/common/icon_top_insta.png); }

.header .util > ol > li.top_sns ul li > a.youtube:before { background-image: url(../images/common/icon_top_youtube.png); }

.header .util > ol > li.top_sns ul li > a.vk:before { background-image: url(../images/common/icon_top_vk.png); }

.header .util > ol > li.top_sns ul li > a.kakao:before { background-image: url(../images/common/icon_top_kakao.png); }

.header .util > ol > li.top_sns ul li > a.navercafe:before { background-image: url(../images/common/icon_top_naver.png); }

.header .util > ol > li.top_sns ul li > a.weibo:before { background-image: url(../images/common/icon_top_weibo.png); }

.header .util > ol > li.top_sns ul li > a.naverblog:before { background-image: url(../images/common/icon_top_naverblog.png); }

.header .util > ol > li.top_sns ul li > a.telegram:before { background-image: url(../images/common/icon_top_telegram.png); }

.header .util > ol > li.top_sns ul li > a.Linkedin:before { background-image: url(../images/common/icon_top_Linkedin.png); }

.header .util > ol > li.top_sns ul li > a:hover, .header .util > ol > li.top_sns ul li > a:focus { background-color: #eee; }

.header .util > ol > li.lang { background-color: #2f3b66; }

.header .util > ol > li.lang.active button { background-image: url(../images/common/arrow_drop_up2.png); }

.header .util > ol > li.lang button { color: #fff; background-image: url(../images/common/arrow_drop_down2.png); }

.header .util > ol > li.lang:before { content: none; }

.header .util > ol > li.lang ul { border: 1px solid #dfdfdf; }

.header .util > ol > li.lang ul li { border-bottom: 1px solid #dfdfdf; }

.header .util > ol > li.lang ul li > a { display: block; line-height: 1.4; padding: 10px 15px; }

.header .util > ol > li.lang ul li > a:hover, .header .util > ol > li.lang ul li > a:focus { color: #fff; background-color: #30a0e0; -webkit-box-shadow: 0 0 0 1px #30a0e0; box-shadow: 0 0 0 1px #30a0e0; }

.header .util > ol > li.lang ul li:last-of-type { border-bottom: 0; }

.header .logo_wrap { position: relative; background-color: #fff; text-align: center; }

.header .logo_wrap .logo { border-top: 1px solid #eee; border-bottom: 1px solid #eee; }

.header .logo_wrap .logo > a {display: table;max-width: 800px;margin: 0 auto;height: 88px;background: url(../images/common/symbol.png) no-repeat left center;padding-left: 65px;font-size: 20px;font-weight: 700;text-align: left;line-height: 1.2;}

.header .logo_wrap .logo > a span {display: table-cell;vertical-align: middle;word-break: keep-all;}

.header .logo_wrap .modal_open { position: absolute; right: 50%; top: 50%; margin-right: -640px; padding-left: 28px; background: url(../images/common/icon_pop_zone.png) no-repeat left top 4px; -webkit-transform: translateY(-50%); transform: translateY(-50%); }

.header .logo_wrap .modal_open span { display: inline-block; width: 24px; height: 24px; border-radius: 4px; margin-left: 10px; background-color: #2f3b66; text-align: center; line-height: 24px; font-size: 14px; font-weight: 700; color: #fff; }

.header #gnb { overflow: hidden; background-color: #fff; }

.header #gnb:after { content: ''; width: 100%; height: 100%; position: absolute; left: 0; top: 203px; height: calc(100% - 203px); width: 100%; background-color: #fff; z-index: 1; }

.header #gnb > .container:after { content: ""; display: block; clear: both; }

.header #gnb .lang { display: none; float: left; padding-left: 25px; color: #2f3a67; font-size: 16px; background: url(../images/common/icon_lang.png) no-repeat left center/20px auto; }

.header #gnb .lang > li { float: left; margin-right: 20px; }

.header #gnb.active { -webkit-box-shadow: 0 0 5px 0 #eee; box-shadow: 0 0 5px 0 #eee; }

.header #gnb.active:before { position: absolute; left: 0; top: 202px; width: 100%; height: 2px; background-color: #2f3a67; content: ''; z-index: 3; }

.header #gnb.active .dep1 { border-left: 1px solid #eee; }

.header #gnb.active .dep1 > li { border-right: 1px solid #eee; }

.header #gnb.active .dep1 > li .dep2 { -webkit-box-shadow: 0 1px 0 1px #eee; box-shadow: 0 1px 0 1px #eee; }

.header #gnb.active .dep1 > li .dep2 ul { display: none; }

.header #gnb .dep1 { float: left; width: calc(100% - 80px); border-left: 1px solid transparent; }

.header #gnb .dep1 > li { position: relative; float: left; text-align: center; display: table; height: 68px; border-right: 1px solid transparent; }

.header #gnb .dep1 > li > a { width: 100%; display: table-cell; height: 100%; font-size: 18px; font-weight: 600; vertical-align: middle; line-height: 1.2; }

.header #gnb .dep1 > li > .dep2 { position: absolute; left: 0; top: 100%; z-index: 2; width: 100%; padding: 28px 20px; text-align: left; background-color: #fff; }

.header #gnb .dep1 > li > .dep2 li { padding-left: 10px; position: relative; font-size: 15px; }

.header #gnb .dep1 > li > .dep2 li:before { display: block; width: 3px; height: 3px; content: ''; background-color: #000; position: absolute; left: 0; top: 9px; }

.header #gnb .dep1 > li > .dep2 li a { color: #000; margin: 0.3em 0; line-height: 1.4; display: block; }

.header #gnb .dep1 > li > .dep2 li a[target="_blank"] { padding-right: 15px; background: url(../images/common/icon_link_newpage.png) no-repeat right top 0.25em; }

.header #gnb .dep1 > li > .dep2 ul { display: none; }

.header #gnb .dep1 > li .dep3 { display: none; }

.header #gnb .btn_sitemap_open { display: none; width: 68px; height: 68px; background: url(../images/common/btn_sitemap_open.png) no-repeat center; }

.header .search_box { float: right; }

.header .search_box .btn_search { width: 80px; height: 68px; background: url(../images/common/icon_search_open.png) no-repeat center top 25px; }

.header .search_box .btn_search.active { background-image: url(../images/common/icon_search_close2.png); background-size: 20px; }

.header .search_box > form { display: none; position: absolute; left: 0; top: 203px; width: 100%; background: url(../images/common/bg_seach_box.jpg) no-repeat center/cover; z-index: 1; padding: 65px 30px; -webkit-box-shadow: 0 50px 30px 0 rgba(0, 0, 0, 0.3); box-shadow: 0 50px 30px 0 rgba(0, 0, 0, 0.3); }

.header .search_box > form .search { position: relative; background-color: rgba(0, 0, 0, 0.3); max-width: 540px; width: 100%; display: block; width: 100%; border-radius: 0; margin: auto; }

.header .search_box > form .search input { display: block; background-color: transparent; line-height: 70px; height: 70px; width: calc(100% - 66px); color: #fff; padding-left: 20px; color: #fff; }

.header .search_box > form .search input::-webkit-input-placeholder { color: #fff; }

.header .search_box > form .search input:-ms-input-placeholder { color: #fff; }

.header .search_box > form .search input::-ms-input-placeholder { color: #fff; }

.header .search_box > form .search input::placeholder { color: #fff; }

.header .search_box > form .search button { position: absolute; right: 0; top: 0; width: 66px; height: 70px; background: url(../images/common/btn_search.png) no-repeat center; }

.header .sitemap { display: none; position: fixed; width: 100%; height: calc(100% - 80px); left: 0; top: 80px; background: url(../images/common/bg_sitemap.jpg) no-repeat center/cover; color: #fff; z-index: 110; overflow-y: auto; }

.header .sitemap > .container { position: relative; }

.header .sitemap > .container > .link { text-align: left; margin-bottom: 40px; padding: 30px 0; }

.header .sitemap > .container > .link > li { float: left; font-size: 16px; }

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

.header .sitemap > .container > .link > li a { margin: 0 25px; line-height: 1.4; }

.header .sitemap > .container > .link > li a img { display: inline-block; margin-right: 8px; vertical-align: top; height: 22px; }

.header .sitemap > .container > .link > li:first-of-type a { margin-left: 0; }

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

.header .sitemap > .container .btn_sitemap_close { position: absolute; top: 25px; right: 0; width: 44px; height: 45px; background: url(../images/common/btn_sitemap_close.png) no-repeat center; }

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

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

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

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

.header .sitemap > .container .dep1 > li > .dep2 { float: left; width: calc(100% - 208px); background-color: rgba(0, 0, 0, 0.2); padding: 36px 40px 34px; font-size: 15px; }

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

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

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

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

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

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

.header .sitemap > .container .dep1 > li .dep3 { display: none; }

.header .view_mode3 { display: none; background-color: #2c2d5a; text-align: center; line-height: 42px; font-size: 0; }

.header .view_mode3:before { display: inline-block; height: 100%; content: ""; vertical-align: middle; }

.header .view_mode3 > :nth-child(n) { font-size: 13px; display: inline-block; vertical-align: middle; }

.header .view_mode3 span { color: #fff; margin-right: 15px; }

.header .view_mode3 a { display: inline-block; width: 65px; background-color: #a9a9a9; border-radius: 12px; padding: 3px 4px; line-height: 16px; margin: 0; color: #fff; }

.header .view_mode3 a:before { float: left; content: ''; width: 16px; height: 16px; display: block; margin-right: 7px; border-radius: 16px; background-color: #fff; }

.header .view_mode3.active a { background-color: #3187f2; padding-left: 7px; }

.header .view_mode3.active a:before { float: right; background-color: #fff; margin-right: 0; margin-left: 7px; }

@media screen and (min-width: 1080px) { .header #gnb .dep1 > li:hover > a { background-color: #2f3b66; color: #fff; -webkit-box-shadow: 0 0 0 1px #2f3b66; box-shadow: 0 0 0 1px #2f3b66; }
  .header #gnb .dep1 > li:hover .dep2 { background-color: #f6f7fc; }
  .header #gnb .dep1 > li .dep2 li a:hover { color: #1d65af; } }

@media screen and (max-width: 1340px) { .header .container { margin: 0 30px; }
  .header .logo_wrap .modal_open { right: 30px; margin-right: 0; }
  .header #gnb .container { margin: 0; } }

@media screen and (max-width: 1080px) { .header { height: auto; position: relative; border-bottom: 0; }
  .header:before, .header:after { content: none; }
  .header .util { display: none; }
  .header .logo_wrap .logo { border-top: 0; border-bottom: 0; }
  .header .logo_wrap .logo a { height: 80px; }
  .header .logo_wrap .modal_open { display: none; }
  .header #gnb { text-align: right; }
  .header #gnb .container { background-color: #393f6e; }
  .header #gnb .lang { display: block; line-height: 60px; margin-left: 30px; color: #fff; }
  .header #gnb .dep1 { display: none; }
  .header #gnb .btn_sitemap_open { display: inline-block; background-size: 30px auto; margin-right: 30px; width: 30px; height: 60px; margin-left: 15px; }
  .header .search_box { float: none; display: inline-block; }
  .header .search_box > form { top: calc(100% - 0px); padding: 30px 15px; }
  .header .search_box > form .search input { line-height: 50px; height: 50px; width: calc(100% - 50px); }
  .header .search_box > form .search button { width: 50px; height: 50px; }
  .header .search_box .btn_search { width: 30px; height: 60px; background: url(../images/common/icon_search_open2.png) no-repeat center/30px auto; }
  .header .search_box .btn_search.active { background-image: url(../images/common/icon_search_close2_m.png); background-size: 28px auto; }
  .header .sitemap { top: 81px; padding: 0; height: calc(100% - 81px); background: #fff; }
  .header .sitemap > .container { margin: 0; padding-top: 59px; }
  .header .sitemap > .container > .link { text-align: left; margin-bottom: 0; padding: 19px 0; position: fixed; width: 100%; left: 0; top: 80px; z-index: 10; /*그라데이션*/ background: #3b448a; background: linear-gradient(135deg, #3b448a 0%, #563e73 50%, #8b3244 100%); filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#3b448a', endColorstr='#8b3244',GradientType=1 ); }
  .header .sitemap > .container > .link > li:before { content: none; }
  .header .sitemap > .container > .link > li a { margin: 0 15px; }
  .header .sitemap > .container > .link > li:first-of-type a { margin-left: 15px; }
  .header .sitemap > .container > .sns { padding: 20px; background-color: #2d3840; font-size: 13px; }
  .header .sitemap > .container > .sns > ul { font-size: 0; text-align: center; margin-top: 10px; }
  .header .sitemap > .container > .sns > ul:before { display: inline-block; height: 100%; content: ""; vertical-align: top; }
  .header .sitemap > .container > .sns > ul > :nth-child(n) { font-size: 12px; display: inline-block; vertical-align: top; }
  .header .sitemap > .container > .sns > ul li { width: 14.28%; padding: 0 5px; }
  .header .sitemap > .container > .sns > ul li img { margin-bottom: 8px; max-width: 100%; }
  .header .sitemap > .container .btn_sitemap_close { position: fixed; top: 99px; right: 15px; width: 24px; height: 24px; background: url(../images/common/btn_sitemap_close_m.png) no-repeat center/cover; z-index: 11; }
  .header .sitemap > .container .dep1 { background-color: #fff; position: relative; padding: 0; min-height: calc(100vh - 216px); }
  .header .sitemap > .container .dep1:before { position: absolute; left: 0; top: 0; width: 130px; height: 100%; background-color: #f1f3f8; content: ''; z-index: 0; -webkit-box-shadow: inset -15px 0 15px -15px rgba(0, 0, 0, 0.15); box-shadow: inset -15px 0 15px -15px rgba(0, 0, 0, 0.15); }
  .header .sitemap > .container .dep1 > li { margin-bottom: 0; }
  .header .sitemap > .container .dep1 > li:after { content: ""; display: block; clear: both; }
  .header .sitemap > .container .dep1 > li > a, .header .sitemap > .container .dep1 > li > button { float: none; width: 130px; border-top: 0; word-break: break-all; position: relative; z-index: 1; font-size: 16px; color: #222; line-height: 1.25; padding: 12px 20px; border-bottom: 1px solid #dbe1ee; background-color: #f1f3f8; text-align: left; -webkit-box-shadow: inset -15px 0 15px -15px rgba(0, 0, 0, 0.15); box-shadow: inset -15px 0 15px -15px rgba(0, 0, 0, 0.15); }
  .header .sitemap > .container .dep1 > li > a img, .header .sitemap > .container .dep1 > li > button img { display: none; }
  .header .sitemap > .container .dep1 > li > .dep2 { display: none; position: absolute; left: 130px; top: 0; width: calc(100% - 130px); background-color: #fff; padding: 10px 20px; font-size: 16px; }
  .header .sitemap > .container .dep1 > li > .dep2 > li { float: none; width: 100%; margin: 0; padding: 0.31em 0; height: auto; display: block; }
  .header .sitemap > .container .dep1 > li > .dep2 > li.active a { color: #000; }
  .header .sitemap > .container .dep1 > li > .dep2 > li > a { line-height: 1.25; display: block; padding-left: 10px; color: #555; width: 100%; }
  .header .sitemap > .container .dep1 > li > .dep2 > li > a:before { content: ''; display: block; position: absolute; left: 0; top: 0.5em; width: 4px; height: 4px; background-color: #222; }
  .header .sitemap > .container .dep1 > li > .dep2 > li > a[target="_blank"] { color: #222; font-weight: 300; padding-right: 15px; background: url(../images/common/icon_link_newpage_m.png) no-repeat right center/13px auto; }
  .header .sitemap > .container .dep1 > li > .dep2 > li > a[target="_blank"]:after { content: none; }
  .header .sitemap > .container .dep1 > li > .dep2 > li > a[target="_blank"]:before { background-color: #000; }
  .header .sitemap > .container .dep1 > li > .dep2 > li > a.menu_btn { padding-right: 20px; background: url(../images/common/arrow_sitemap_up.png) no-repeat right center/10px auto; }
  .header .sitemap > .container .dep1 > li .dep3 { display: block; margin-top: 7.5px; }
  .header .sitemap > .container .dep1 > li .dep3 li a { display: block; background-color: #f1f3f8; color: #222222; padding: 7.6px 15px; }
  .header .sitemap > .container .dep1 > li .dep3 li.active a { background-color: #393f6e; color: #fff; }
  .header .sitemap > .container .dep1 > li.active > a, .header .sitemap > .container .dep1 > li.active button { background-color: #dbe1ee; font-weight: 600; color: #393f6e; }
  .header .sitemap > .container .dep1 > li.active > .dep2 { display: block; }
  .header .view_mode3 { display: block; } }

@media screen and (max-width: 720px) { .header .logo_wrap .logo { padding: 0 15px; }
  .header .logo_wrap .logo a { height: 60px; font-size: 15px; padding-left: 45px; background-size: 33px auto; }
  .header .logo_wrap .modal_open { display: none; }
  .header #gnb .lang { display: block; line-height: 48px; margin-left: 15px; padding-left: 24px; background-size: 17px; font-size: 13px; }
  .header #gnb .lang li { margin-right: 15px; }
  .header #gnb .btn_sitemap_open { display: inline-block; background-size: 20px auto; margin-right: 15px; margin-left: 15px; width: 20px; height: 48px; }
  .header .search_box { float: none; width: 20px; display: inline-block; }
  .header .search_box .btn_search { width: 20px; height: 48px; background: url(../images/common/icon_search_open2.png) no-repeat center/20px auto; }
  .header .search_box .btn_search.active { background-image: url(../images/common/icon_search_close2_m.png); background-size: 20px auto; }
  .header .sitemap { top: 60px; height: calc(100% - 60px); }
  .header .sitemap > .container { padding-top: 48px; }
  .header .sitemap > .container > .link { padding: 15px 0; top: 60px; }
  .header .sitemap > .container > .link > li { font-size: 13px; }
  .header .sitemap > .container > .link > li a { margin: 0 10px; }
  .header .sitemap > .container > .link > li a img { height: 15px; margin-top: 2px; }
  .header .sitemap > .container > .link > li:first-of-type a { margin-left: 15px; }
  .header .sitemap > .container .btn_sitemap_close { top: 76px; right: 15px; width: 19px; height: 19px; } }

#contents { width: 100%; }

#contents:after { content: ""; display: block; clear: both; }

/*푸터*/
.footer { font-size: 14px; color: #fff; }

.footer .addr { background-color: #2d3840; margin: auto; padding-top: 50px; }

.footer .addr:after { content: ""; display: block; clear: both; }

.footer .addr dl { padding-left: 180px; padding-top: 6px; background: url(../images/common/f_logo_ko.png) no-repeat left top; float: left; width: calc(100% - 450px); color: rgba(255, 255, 255, 0.5); line-height: 2; }

.footer .addr dl dt { font-size: 18px; color: #fff; font-weight: 500; line-height: 1.4; margin-bottom: 0.3em; }

.footer .addr dl dd.add { line-height: 1.85; margin-bottom: 16px; }

.footer .addr .fnb { float: right; width: 450px; }

.footer .addr .fnb .link:after { content: ""; display: block; clear: both; }

.footer .addr .fnb .link > :nth-child(n) { float: left; width: calc(50% - 5px); margin-right: 10px; }

.footer .addr .fnb .link > :nth-child(2n) { margin-right: 0; }

.footer .addr .fnb .link > :not(:nth-child(2n + 1)) { clear: none; }

.footer .addr .fnb .link > :nth-child(2n + 1) { clear: both; }

.footer .addr .fnb .link .select select { line-height: 60px; height: 60px; padding-left: 21px; padding-right: 40px; background: #263036 url(../images/common/arrow_footer_select_down.png) no-repeat right 21px center; color: #fff; text-overflow: ellipsis; }

.footer .addr .fnb .link .select select option { background-color: #fff; color: #000; }

.footer .addr .fnb > ul { float: right; line-height: 1.4; margin-top: 37px; }

.footer .addr .fnb > ul li { float: left; }

.footer .addr .fnb > ul li:after { display: inline-block; content: '•'; color: #999999; }

.footer .addr .fnb > ul li:last-of-type a { margin-right: 0; }

.footer .addr .fnb > ul li:last-of-type:after { content: none; }

.footer .addr .fnb > ul li a { display: inline-block; margin: 0 10px; }

.footer .addr .fnb .view_mode { float: right; margin-top: 23px; clear: right; padding: 9px 16px; border-radius: 6px; border: 1px solid #6b7278; background-color: #3e4850; font-size: 0; }

.footer .addr .fnb .view_mode:before { display: inline-block; height: 100%; content: ""; vertical-align: middle; }

.footer .addr .fnb .view_mode > :nth-child(n) { font-size: 15px; display: inline-block; vertical-align: middle; }

.footer .addr .fnb .view_mode span { color: #fff; margin-right: 15px; }

.footer .addr .fnb .view_mode a { display: inline-block; width: 65px; background-color: #767676; border-radius: 12px; padding: 3px 4px; line-height: 18px; }

.footer .addr .fnb .view_mode a:before { float: left; content: ''; width: 18px; height: 18px; display: block; margin-right: 7px; border-radius: 18px; background-color: #fff; }

.footer .addr .fnb .view_mode.active a { background-color: #3187f2; padding-left: 12px; }

.footer .addr .fnb .view_mode.active a:before { float: right; background-color: #fff; margin-right: 0; margin-left: 7px; }

.footer .addr .copy { float: left; width: 100%; padding: 40px 0; margin-top: 40px; border-top: 1px solid #424c53; color: rgba(255, 255, 255, 0.5); font-size: 13px; }

.footer .addr .copy > span { display: inline-block; margin: 10px 0; }

.footer .addr .copy ol { float: right; }

.footer .addr .copy ol li { float: left; margin-left: 10px; }

.footer .addr.en dl { background-image: url(../images/common/f_logo_en.png); }

@media screen and (max-width: 1200px) { .footer .addr dl { padding-left: 0; padding-top: 70px; } }

@media screen and (max-width: 1080px) { .footer .addr { position: relative; padding-top: 240px; }
  .footer .addr dl { width: 100%; }
  .footer .addr dl dd .br { display: inline-block; }
  .footer .addr .fnb { width: 100%; position: absolute; left: 0; top: 0; padding: 30px 30px; }
  .footer .addr .fnb .link { width: 100%; }
  .footer .addr .fnb .link:after { content: ""; display: block; clear: both; }
  .footer .addr .fnb .link > :nth-child(n) { float: left; width: calc(50% - 5px); margin-right: 10px; }
  .footer .addr .fnb .link > :nth-child(2n) { margin-right: 0; }
  .footer .addr .fnb .link > :not(:nth-child(2n + 1)) { clear: none; }
  .footer .addr .fnb .link > :nth-child(2n + 1) { clear: both; }
  .footer .addr .fnb > ul { padding: 15px 0; line-height: 30px; width: 100%; border-top: 1px solid #424c53; border-bottom: 1px solid #424c53; margin-top: 30px; }
  .footer .addr .fnb .view_mode { clear: both; margin-top: 20px; }
  .footer .addr .fnb .view_mode span { margin-right: 15px; }
  .footer .addr .fnb .view_mode a { width: 65px; border-radius: 12px; padding: 3px 4px; line-height: 16px; }
  .footer .addr .fnb .view_mode a:before { width: 18px; height: 18px; margin-right: 7px; border-radius: 18px; }
  .footer .addr .copy { padding: 40px 0; margin-top: 40px; font-size: 13px; }
  .footer .addr .copy > span { margin: 10px 0; }
  .footer .addr .copy ol li { margin-left: 6px; } }

@media screen and (max-width: 720px) { .footer .addr { padding-top: 370px; }
  .footer .addr dl { background-size: auto 30px; padding-top: 40px; }
  .footer .addr dl dt { font-size: 15px; }
  .footer .addr dl dd { font-size: 14px; line-height: 1.4; }
  .footer .addr dl dd.add { line-height: 1.5; margin-bottom: 16px; font-size: 12px; }
  .footer .addr .fnb { padding: 15px; }
  .footer .addr .fnb .link:after { content: ""; display: block; clear: both; }
  .footer .addr .fnb .link > :nth-child(n) { float: left; width: calc(100% - 0px); margin-right: 0px; }
  .footer .addr .fnb .link > :nth-child(1n) { margin-right: 0; }
  .footer .addr .fnb .link > :not(:nth-child(1n + 1)) { clear: none; }
  .footer .addr .fnb .link > :nth-child(1n + 1) { clear: both; }
  .footer .addr .fnb .link .select { margin-top: 5px; }
  .footer .addr .fnb .link .select select { line-height: 50px; height: 50px; padding-left: 21px; padding-right: 40px; }
  .footer .addr .fnb > ul { margin-top: 95px; text-align: center; }
  .footer .addr .fnb > ul li { display: inline-block; float: none; }
  .footer .addr .fnb > ul li:first-of-type a { margin-left: 0; }
  .footer .addr .fnb .view_mode { margin-top: 18px; padding: 10px 15px; font-size: 0; }
  .footer .addr .fnb .view_mode:before { display: inline-block; height: 100%; content: ""; vertical-align: middle; }
  .footer .addr .fnb .view_mode > :nth-child(n) { font-size: 14px; display: inline-block; vertical-align: middle; }
  .footer .addr .fnb .view_mode span { margin-right: 22px; }
  .footer .addr .fnb .view_mode a { width: 90px; border-radius: 17px; padding: 4px 5px; line-height: 25px; }
  .footer .addr .fnb .view_mode a:before { width: 26px; height: 26px; margin-right: 10px; border-radius: 26px; }
  .footer .addr .fnb .view_mode.active a { padding-left: 15px; }
  .footer .addr .fnb .view_mode.active a:before { margin-right: 0; margin-left: 10px; }
  .footer .addr .copy { padding: 20px 0 25px; margin-top: 0; font-size: 12px; border: 0; }
  .footer .addr .copy > span { margin: 0; }
  .footer .addr .copy ol { position: absolute; left: 0; top: 155px; width: 100%; text-align: center; }
  .footer .addr .copy ol li { margin: 0 3px; display: inline-block; float: none; } }

.intro2 .tip_wrap .tip_open { color: #fff; padding: 0 14px; line-height: 36px; font-size: 15px; background-color: #3d556d; border: 0; border-radius: 0; }

.intro2 .tip_wrap .tip_open img { margin-left: 5px; vertical-align: -1px; }

.tip_wrap { position: relative; display: inline-block; z-index: 10; }

.tip_wrap .tip_open { border: 1px solid rgba(255, 255, 255, 0.6); color: #fff; padding: 0 19px; line-height: 38px; border-radius: 5px; }

.tip_wrap .tip_open img { margin-left: 10px; vertical-align: -1px; }

.tip_wrap .tip_box { display: none; position: absolute; left: 0; bottom: 120%; width: 400px; text-align: left; -webkit-box-shadow: 5px 5px 30px 0 rgba(0, 0, 0, 0.3); box-shadow: 5px 5px 30px 0 rgba(0, 0, 0, 0.3); border-radius: 10px; overflow: hidden; padding-top: 25px; }

.tip_wrap .tip_box:before { content: ''; position: absolute; left: 0; top: 0; width: 100%; background-color: #fff; height: 25px; }

.tip_wrap .tip_box > div { max-height: 300px; padding: 0 30px 15px; overflow: hidden; overflow-y: auto; background-color: #fff; }

.tip_wrap .tip_box > div::-webkit-scrollbar { width: 6px; height: 6px; }

.tip_wrap .tip_box > div::-webkit-scrollbar-thumb { background-color: #c0c0c0; border-radius: 3px; }

.tip_wrap .tip_box > div::-webkit-scrollbar-track { background-color: #fff; border-radius: 3px; }

.tip_wrap .tip_box .tip_close { background-color: #262c41; color: #fff; height: 60px; width: 100%; text-align: center; font-size: 15px; }

.tip_wrap .tip_box .tip_close img { vertical-align: 0; margin-left: 5px; }

@media screen and (max-width: 1080px) { .tip_wrap .tip_open { font-size: 14px; }
  .tip_wrap .tip_open img { width: 12px; }
  .tip_wrap .tip_box { position: fixed; width: calc(100vw - 30px); max-width: 400px; height: 365px; left: 15px; top: 120px; z-index: 99999; }
  .tip_wrap .tip_box > div { padding: 0 15px 15px; font-size: 14px; height: 300px; }
  .tip_wrap .tip_box .tip_close { height: 40px; } }

.modal_wrap, .modal_wrap2, .modal_wrap3 { display: none; position: fixed; width: 100%; height: 100%; left: 0; top: 0; background-color: rgba(0, 0, 0, 0.88); z-index: 9998; }

.modal_wrap .modal_pop, .modal_wrap2 .modal_pop, .modal_wrap3 .modal_pop { position: absolute; left: 50%; top: 50%; width: 100%; max-width: 1240px; -webkit-transform: translate(-50%, -50%); transform: translate(-50%, -50%); padding: 0; height: calc(100% - 80px); padding-top: 40px; overflow: hidden; overflow-y: auto; }

.modal_wrap .modal_pop::-webkit-scrollbar, .modal_wrap2 .modal_pop::-webkit-scrollbar, .modal_wrap3 .modal_pop::-webkit-scrollbar { width: 6px; }

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

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

.modal_wrap .modal_pop h2, .modal_wrap2 .modal_pop h2, .modal_wrap3 .modal_pop h2 { color: #ffff; font-size: 40px; font-weight: 600; margin-bottom: 26px; margin-top: -40px; }

.modal_wrap .modal_pop .pop_banner .slide .box, .modal_wrap2 .modal_pop .pop_banner .slide .box, .modal_wrap3 .modal_pop .pop_banner .slide .box { padding: 20px; position: relative; margin: 0; cursor: pointer; }

.modal_wrap .modal_pop .pop_banner .slide .box .item, .modal_wrap2 .modal_pop .pop_banner .slide .box .item, .modal_wrap3 .modal_pop .pop_banner .slide .box .item { position: relative; height: 0; width: 100%; padding-top: 54.8275%; overflow: hidden; background-color: #fff; color: #000; }

.modal_wrap .modal_pop .pop_banner .slide .box .item > div, .modal_wrap2 .modal_pop .pop_banner .slide .box .item > div, .modal_wrap3 .modal_pop .pop_banner .slide .box .item > div { position: absolute; left: 0; top: 0; width: 100%; height: 100%; }

.modal_wrap .modal_pop .pop_banner .slide .box .item > div table, .modal_wrap2 .modal_pop .pop_banner .slide .box .item > div table, .modal_wrap3 .modal_pop .pop_banner .slide .box .item > div table { width: initial; }

.modal_wrap .modal_pop .pop_banner .slide .box .item img, .modal_wrap2 .modal_pop .pop_banner .slide .box .item img, .modal_wrap3 .modal_pop .pop_banner .slide .box .item img { display: inline-block; vertical-align: middle; max-width: 100%; }

.modal_wrap .modal_pop .pop_banner .slide .box .layer, .modal_wrap2 .modal_pop .pop_banner .slide .box .layer, .modal_wrap3 .modal_pop .pop_banner .slide .box .layer { position: absolute; left: 20px; top: 20px; bottom: 0; width: calc(100% - 40px); height: calc(100% - 40px); opacity: 0; -webkit-transition: opacity 0.3s; transition: opacity 0.3s; background-color: rgba(0, 0, 0, 0.4); text-align: center; }

.modal_wrap .modal_pop .pop_banner .slide .box .layer span, .modal_wrap2 .modal_pop .pop_banner .slide .box .layer span, .modal_wrap3 .modal_pop .pop_banner .slide .box .layer span { position: absolute; left: 50%; top: 50%; -webkit-transform: translate(-50%, -50%); transform: translate(-50%, -50%); background: url(../images/common/icon_pop_layer.png) no-repeat center top; padding-top: 50px; color: #fff; font-size: 24px; }

.modal_wrap .modal_pop .pop_banner .control, .modal_wrap2 .modal_pop .pop_banner .control, .modal_wrap3 .modal_pop .pop_banner .control { margin-top: 15px; font-size: 0; color: #fff; line-height: 20px; font-weight: 500; text-align: center; }

.modal_wrap .modal_pop .pop_banner .control > :nth-child(n), .modal_wrap2 .modal_pop .pop_banner .control > :nth-child(n), .modal_wrap3 .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, .modal_wrap2 .modal_pop .pop_banner .control .pagination_num, .modal_wrap3 .modal_pop .pop_banner .control .pagination_num { font-weight: 300; margin-right: 10px; margin-top: -3px; }

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

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

.modal_wrap .modal_pop .pop_banner .control button.next, .modal_wrap2 .modal_pop .pop_banner .control button.next, .modal_wrap3 .modal_pop .pop_banner .control button.next { background: url(../images/common/btn_pop_next.png) no-repeat center center; }

.modal_wrap .modal_pop .pop_banner .control button.prev, .modal_wrap2 .modal_pop .pop_banner .control button.prev, .modal_wrap3 .modal_pop .pop_banner .control button.prev { background: url(../images/common/btn_pop_prev.png) no-repeat center center; }

.modal_wrap .modal_pop .pop_banner .control button.pause, .modal_wrap2 .modal_pop .pop_banner .control button.pause, .modal_wrap3 .modal_pop .pop_banner .control button.pause { background: url(../images/common/btn_pop_pause.png) no-repeat center center; }

.modal_wrap .modal_pop .pop_banner .control button.play, .modal_wrap2 .modal_pop .pop_banner .control button.play, .modal_wrap3 .modal_pop .pop_banner .control button.play { background: url(../images/common/btn_pop_play.png) no-repeat center center; }

.modal_wrap .modal_pop .banner_list, .modal_wrap2 .modal_pop .banner_list, .modal_wrap3 .modal_pop .banner_list { font-size: 0; line-height: 0; margin-right: -40px; }

.modal_wrap .modal_pop .banner_list a, .modal_wrap2 .modal_pop .banner_list a, .modal_wrap3 .modal_pop .banner_list a { display: inline-block; width: 212px; margin-top: 37px; margin-right: 40px; font-size: 16px; line-height: 1.4; vertical-align: top; }

.modal_wrap .modal_pop .banner_list a img, .modal_wrap2 .modal_pop .banner_list a img, .modal_wrap3 .modal_pop .banner_list a img { display: block; margin-bottom: 12px; width: 100%; height: 63px; }

.modal_wrap .modal_pop .banner_list a span, .modal_wrap2 .modal_pop .banner_list a span, .modal_wrap3 .modal_pop .banner_list a span { color: #fff; }

.modal_wrap .modal_pop .banner_list.type2 a, .modal_wrap2 .modal_pop .banner_list.type2 a, .modal_wrap3 .modal_pop .banner_list.type2 a { width: 590px; }

.modal_wrap .modal_pop .banner_list.type2 a img, .modal_wrap2 .modal_pop .banner_list.type2 a img, .modal_wrap3 .modal_pop .banner_list.type2 a img { height: 107px; }

.modal_wrap .modal_pop .modal_close, .modal_wrap2 .modal_pop .modal_close, .modal_wrap3 .modal_pop .modal_close { position: absolute; right: 20px; top: 0; }

.modal_wrap .modal_pop .modal_close button, .modal_wrap2 .modal_pop .modal_close button, .modal_wrap3 .modal_pop .modal_close button { margin-left: 10px; border-radius: 5px; border: 1px solid #5b5d60; background: url(../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; }

/* 2025-02-26 재외공관 전체메인페이지 : 하단 배너 클릭 시, 전체 페이지 CSS 수정(배너 전체보기) */
.modal_wrap2 .modal_pop .pop_banner { width: 100%; margin: 0 auto; background: #fff; border-radius: 16px; }

.modal_wrap2 .modal_pop .banner_list { display: grid; grid-template-rows: repeat(1, minmax(100px, auto)); grid-template-columns: repeat(4, 1fr); align-items: center; justify-items: center; gap: 36px; padding: 40px; width: 100%; margin: 0 auto; position: relative; }

.modal_wrap2 .modal_pop .banner_list a { display: block; width: 100%; margin: 0; text-align: center; font-size: 16px; line-height: 1.4; box-shadow: 0px 4px 8px rgb(0 0 0 / 16%); border-radius: 16px; overflow: hidden; }

.modal_wrap2 .modal_pop .banner_list a img { display: block; width: 208px; height: 61px; margin: 20px auto 0px; }

.modal_wrap2 .modal_pop .banner_list a span { color: #000; /* font-weight: 500; */ display: block; width: 80%; height: 50px; margin: 8px auto; line-height: 50px; word-break: keep-all; }

    /* 재외공관 팝업존 STYLE 추가 */
.pop_zone .modal_pop .banner_list { display: grid; grid-template-rows: repeat(1, minmax(100px, auto)); grid-template-columns: repeat(3, 1fr); gap: 16px 16px; justify-items: center; }

.pop_zone .modal_pop .banner_list a { width: 100%; padding: 40px 40px 24px; }

.pop_zone .modal_pop .banner_list a img { width: 100%; height: auto; margin: 0; }

.pop_zone .modal_pop .banner_list a span { width: 100%; height: auto; line-height: unset; margin: 20px 0 0; }
    /* // 재외공관 팝업존 STYLE 추가 */
/* // 2025-02-26 재외공관 전체메인페이지 : 하단 배너 클릭 시, 전체 페이지 CSS 수정(배너 전체보기) */

/* 2023-04-03 재외공관 시드니 팝업 웹콘텐츠 CSS 추가 */
.au-sydney-ko { max-width: 580px; width: 100%; margin: 0 auto; position: relative; }

.au-sydney-ko .box { width: 100%; margin: 4%; }

.au-sydney-ko .box .title span { font-weight: 700; font-size: 1.5em; font-family: "noto sans"; letter-spacing: -1.2px; }

.au-sydney-ko .box ul { width: 100%; margin: 24px auto 0; position: relative; display: flex; align-items: center; justify-content: flex-start; flex-wrap: wrap; }

.au-sydney-ko .box ul li { width: 50%; height: 140px; margin: 0; }

.au-sydney-ko .box ul li a { display: flex; align-items: center; justify-content: center; width: 90%; height: 80%; margin: 0 auto; border-radius: 12px; box-shadow: 0 0 2px 0 rgba(0, 0, 0, 0.16); background-color: #5e6a97; transition: all 0.16s ease-out; }

.au-sydney-ko .box ul li a:hover { transition: all 0.16s ease-out; box-shadow: 0 0 4px 0 rgba(0, 0, 0, 0.8); }

.au-sydney-ko .box ul li a .left-box { width: 50%; height: 100%; margin: 0 auto; display: flex; align-items: center; justify-content: center; }

.au-sydney-ko .box ul li a .left-box .icon_img img { width: 80px; margin: 0 auto; border-radius: 24px; box-shadow: 0 0 4px rgba(0, 0, 0, 0.16); background-color: #fff; }

.au-sydney-ko .box ul li a .right-box { width: 50%; height: 100%; margin: 0 auto; display: grid; align-content: center;  justify-items: center; }

.au-sydney-ko .box ul li a .right-box .text { text-align: center; }

.au-sydney-ko .box ul li a .right-box .text span { font-weight: 500; font-size: 20px; letter-spacing: -1.2px; color: #fff; }

.au-sydney-ko .box ul li a .right-box .arrow_img { margin-top: 4px; display: flex; align-items: center; justify-content: center; }

@media screen and (max-width: 720px) {
  .au-sydney-ko .box ul { display: grid; justify-content: unset; justify-items: center; width: 80%; } 
  .au-sydney-ko .box ul li { width: 100%; }
}
/*  // 2023-04-03 재외공관 시드니 팝업 웹콘텐츠 CSS 추가 */

@media screen and (min-width: 720px) { 
  .modal_wrap .pop_banner .slide .box:hover .layer, 
  .modal_wrap2 .pop_banner .slide .box:hover .layer, 
  .modal_wrap3 .pop_banner .slide .box:hover .layer { opacity: 1; }
  .modal_wrap .banner_list a:hover span, 
  .modal_wrap2 .banner_list a:hover span, 
  .modal_wrap3 .banner_list a:hover span { color: #fff; text-decoration: underline; } 
  /* 2025-02-26 재외공관 전체메인페이지 : 하단 배너 클릭 시, 전체 페이지 CSS 수정(배너 전체보기) */
  .modal_wrap2 .banner_list a:hover span { color: #000; font-weight: 500; }
  /* // 2025-02-26 재외공관 전체메인페이지 : 하단 배너 클릭 시, 전체 페이지 CSS 수정(배너 전체보기) */  
}
  
@media screen and (max-width: 1360px) { 
  .modal_wrap .modal_pop, 
  .modal_wrap2 .modal_pop, 
  .modal_wrap3 .modal_pop { padding: 60px 30px 0; }
  .modal_wrap .modal_pop .banner_list, 
  .modal_wrap2 .modal_pop .banner_list, 
  .modal_wrap3 .modal_pop .banner_list { overflow: hidden; overflow-y: auto; font-size: 0; max-height: 60vh; line-height: 0; margin-top: 0; }
  .modal_wrap .modal_pop .banner_list::-webkit-scrollbar, 
  .modal_wrap2 .modal_pop .banner_list::-webkit-scrollbar, 
  .modal_wrap3 .modal_pop .banner_list::-webkit-scrollbar { width: 6px; height: 6px; }
  .modal_wrap .modal_pop .banner_list::-webkit-scrollbar-thumb, 
  .modal_wrap2 .modal_pop .banner_list::-webkit-scrollbar-thumb, 
  .modal_wrap3 .modal_pop .banner_list::-webkit-scrollbar-thumb { background-color: #c0c0c0; border-radius: 3px; }
  .modal_wrap .modal_pop .banner_list::-webkit-scrollbar-track, 
  .modal_wrap2 .modal_pop .banner_list::-webkit-scrollbar-track, 
  .modal_wrap3 .modal_pop .banner_list::-webkit-scrollbar-track { background-color: #fff; border-radius: 3px; }
  .modal_wrap .modal_pop .banner_list a, 
  .modal_wrap2 .modal_pop .banner_list a, 
  .modal_wrap3 .modal_pop .banner_list a { margin-top: 20px; margin-right: 20px; }
  .modal_wrap .modal_pop .modal_close, 
  .modal_wrap2 .modal_pop .modal_close, 
  .modal_wrap3 .modal_pop .modal_close { right: 50px; }
  
  /* 2023-02-08 재외공관 전체메인페이지 : 하단 배너 클릭 시, 전체 페이지 CSS 수정(배너 전체보기) */
  .modal_wrap2 .modal_pop .banner_list { max-height: 70vh; }
  .modal_wrap2 .modal_pop .banner_list a{ margin: 0; }
  /* // 2023-02-08 재외공관 전체메인페이지 : 하단 배너 클릭 시, 전체 페이지 CSS 수정(배너 전체보기) */ 

  .pop_zone .modal_pop .banner_list a { width: 100%; padding: 24px; }
}

@media screen and (max-width: 940px) {
  .modal_wrap2 .modal_pop .banner_list { grid-template-columns: repeat(2, 1fr); }
}

@media screen and (max-width: 720px) { 
  .modal_wrap .modal_pop, 
  .modal_wrap2 .modal_pop, 
  .modal_wrap3 .modal_pop { padding: 50px 15px 0; }
  .modal_wrap .modal_pop h2, 
  .modal_wrap2 .modal_pop h2, 
  .modal_wrap3 .modal_pop h2 { font-size: 26px; margin-bottom: 15px; margin-top: 0; }
  .modal_wrap .modal_pop .pop_banner, 
  .modal_wrap2 .modal_pop .pop_banner, 
  .modal_wrap3 .modal_pop .pop_banner { position: relative; }
  .modal_wrap .modal_pop .pop_banner .slide .box, 
  .modal_wrap2 .modal_pop .pop_banner .slide .box, 
  .modal_wrap3 .modal_pop .pop_banner .slide .box { padding: 0; margin-bottom: 0; }
  .modal_wrap .modal_pop .pop_banner .img, 
  .modal_wrap2 .modal_pop .pop_banner .img, 
  .modal_wrap3 .modal_pop .pop_banner .img { width: 320px; height: 320px; margin: 0 5px; }
  .modal_wrap .modal_pop .pop_banner .control, 
  .modal_wrap2 .modal_pop .pop_banner .control, 
  .modal_wrap3 .modal_pop .pop_banner .control { margin-top: 20px; }
  .modal_wrap .modal_pop .modal_close, 
  .modal_wrap2 .modal_pop .modal_close, 
  .modal_wrap3 .modal_pop .modal_close { right: 15px; text-align: right; }
  .modal_wrap .modal_pop .modal_close button, 
  .modal_wrap2 .modal_pop .modal_close button, 
  .modal_wrap3 .modal_pop .modal_close button { margin-left: 5px; background-position: right 10px center; padding-left: 10px; padding-right: 30px; height: 40px; line-height: 1.1; vertical-align: top; }
  .modal_wrap .modal_pop .banner_list, 
  .modal_wrap2 .modal_pop .banner_list, 
  .modal_wrap3 .modal_pop .banner_list { margin: 0; }
  .modal_wrap .modal_pop .banner_list.type2 a, 
  .modal_wrap2 .modal_pop .banner_list.type2 a, 
  .modal_wrap3 .modal_pop .banner_list.type2 a { width: 100%; }
  .modal_wrap .modal_pop .banner_list.type2 a img, 
  .modal_wrap2 .modal_pop .banner_list.type2 a img, 
  .modal_wrap3 .modal_pop .banner_list.type2 a img { height: auto; } 
  
  /* // 2023-02-08 재외공관 전체메인페이지 : 하단 배너 클릭 시, 전체 페이지 CSS 수정(배너 전체보기) */
  .modal_wrap2 .modal_pop .banner_list { grid-template-columns: repeat(1, 1fr); }
  .modal_wrap2 .modal_pop .banner_list a { max-width: 334px; width: 100%; }
  /* // 2023-02-08 재외공관 전체메인페이지 : 하단 배너 클릭 시, 전체 페이지 CSS 수정(배너 전체보기) */

  .pop_zone .modal_pop .banner_list { grid-template-columns: repeat(1, 1fr); row-gap: 20px; }
  .pop_zone .modal_pop .banner_list a { max-width: 384px; padding: 16px; }
  .pop_zone .modal_pop .banner_list a span { margin-top: 16px; font-size: 14px; }
}

/* line 987 수정 - 팝업창 닫기버튼 스타일 오류 수정 */
@media screen and (max-width: 420px) { 
  .modal_wrap .modal_pop .modal_close button, 
  .modal_wrap2 .modal_pop .modal_close button, 
  .modal_wrap3 .modal_pop .modal_close button { font-size: 13px; }
}

.item.pop { position: fixed; width: 100%; height: 100%; left: 0; top: 0; background-color: rgba(0, 0, 0, 0.88); z-index: 9999; }

.item.pop > div { width: 100%; max-width: 1140px; width: calc(100% - 100px); height: calc(100% - 277px); background-color: #fff; position: absolute; left: 50%; top: 50%; -webkit-transform: translate(-50%, -50%); transform: translate(-50%, -50%); }

.item.pop > div img { display: inline-block; vertical-align: middle; }

.item.pop > div > div { overflow: hidden; overflow-y: auto; width: 100%; height: 100%; }

.item.pop > div > div::-webkit-scrollbar { width: 6px; }

.item.pop > div > div::-webkit-scrollbar-thumb { background-color: #86878b; border-radius: 6px; }

.item.pop > div > div::-webkit-scrollbar-track { background-color: #cdd0d5; border-radius: 6px; }

.item.pop > div > div table { width: initial; }

.item.pop > div > div img { max-width: 100%; }

.item.pop > div button { position: absolute; right: -45px; bottom: -45px; width: 90px; height: 90px; border-radius: 90px; text-align: center; background: #95387c; background: linear-gradient(135deg, #95387c 0%, #4c5ad3 100%); filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#95387c', endColorstr='#4c5ad3',GradientType=1 ); color: #fff; z-index: 1; }

.item.pop > div button span { position: absolute; left: 50%; top: 50%; width: 100%; height: 100%; -webkit-transform: translate(-50%, -50%); transform: translate(-50%, -50%); border-radius: 90px; border-color: rgba(255, 255, 255, 0.15); border-width: 1px; border-style: solid; opacity: 0; }

.item.pop > div button span.wave1 { -webkit-animation: wave 2s infinite; animation: wave 2s infinite; }

.item.pop > div button span.wave2 { -webkit-animation: wave 2s 1s infinite; animation: wave 2s 1s infinite; }

.item.pop > div button span.wave3 { -webkit-animation: wave 2s 1.5s infinite; animation: wave 2s 1.5s infinite; }

@media screen and (max-width: 720px) { .item.pop > div { width: calc(100% - 60px); max-height: calc(100% - 200px); }
  .item.pop > div button { right: -30px; bottom: -30px; width: 60px; height: 60px; border-radius: 60px; } }
  
/* 재외공관 팝업관리 css 변경 2023.12.15 */
.item .se-contents {}

.item .se-contents p {
    margin: 0px !important;
}

.item .se-contents img {
    max-width: 100%; height: auto !important;
}

@-webkit-keyframes wave { 0% { border-width: 0px;
    opacity: 0; }
  10% { border-width: 10px;
    opacity: 1;
    width: 120%;
    height: 120%; }
  100% { border-width: 1px;
    opacity: 0;
    width: 160%;
    height: 160%; } }

@keyframes wave { 0% { border-width: 0px;
    opacity: 0; }
  10% { border-width: 10px;
    opacity: 1;
    width: 120%;
    height: 120%; }
  100% { border-width: 1px;
    opacity: 0;
    width: 160%;
    height: 160%; } }

.rtl { /*헤더*/ /*푸터*/ }

.rtl .header:before { left: auto; left: initial; right: 0; }

.rtl .header .util > ul, .rtl .header .util > ol { direction: rtl; }

.rtl .header .util > ul > li, .rtl .header .util > ol > li { float: right; }

.rtl .header .util > ul > li a span, .rtl .header .util > ul > li button span, .rtl .header .util > ol > li a span, .rtl .header .util > ol > li button span { margin-left: 0; margin-right: 8px; }

.rtl .header .util > ul { float: right; }

.rtl .header .util > ul li:first-of-type a { margin-right: 0; margin-left: 15px; }

.rtl .header .util > ul li:first-of-type:before { content: none; }

.rtl .header .util > ol { float: left; }

.rtl .header .util > ol > li { text-align: right; }

.rtl .header .util > ol > li button { padding-right: 0; padding-left: 16px; background-position: left center; }

.rtl .header .util > ol > li.top_sns ul li a:before { margin-right: 0; margin-left: 7px; }

.rtl .header .logo_wrap .logo > a { background-position: right center; padding-right: 60px; padding-left: 0; text-align: right; }

.rtl .header .logo_wrap .modal_open { right: auto; right: initial; left: 50%; margin-right: 0; margin-left: -640px; padding-left: 0; padding-right: 28px; background: url(../images/common/icon_pop_zone_rtl.png) no-repeat right top 4px; direction: rtl; }

.rtl .header .logo_wrap .modal_open span { margin-left: 0; margin-right: 10px; }

.rtl .header #gnb { direction: rtl; }

.rtl .header #gnb .lang { float: right; padding-left: 0; padding-right: 25px; background-position: right center; }

.rtl .header #gnb .lang > li { float: right; margin-right: 0; margin-left: 20px; }

.rtl .header #gnb .dep1 { float: right; }

.rtl .header #gnb .dep1 > li { float: right; }

.rtl .header #gnb .dep1 > li > .dep2 { text-align: right; }

.rtl .header #gnb .dep1 > li > .dep2 li { padding-left: 0; padding-right: 10px; left: auto; left: initial; right: 0; }

.rtl .header #gnb .dep1 > li > .dep2 li:before { left: auto; left: initial; right: 0; }

.rtl .header #gnb .dep1 > li > .dep2 li a[target="_blank"] { padding-right: 0; padding-left: 15px; background: url(../images/common/icon_link_newpage_rtl.png) no-repeat left top 0.25em; }

.rtl .header .search_box > form .search { direction: rtl; }

.rtl .header .search_box > form .search input { padding-right: 20px; text-align: right; }

.rtl .header .search_box > form .search button { right: auto; right: initial; left: 0; }

@media screen and (max-width: 1340px) { .rtl .header .logo_wrap .modal_open { left: 30px; margin-left: 0; } }

@media screen and (max-width: 1080px) { .rtl .header #gnb { direction: rtl; text-align: left; }
  .rtl .header #gnb .btn_sitemap_open { margin-left: 30px; margin-right: 15px; }
  .rtl .header .lang { margin-right: 30px; }
  .rtl .header .sitemap > .container .link { padding-right: 15px; }
  .rtl .header .sitemap > .container .link > li { float: right; direction: rtl; }
  .rtl .header .sitemap > .container .link > li a img { margin-right: 0; margin-left: 8px; }
  .rtl .header .sitemap > .container .dep1 { direction: rtl; text-align: right; }
  .rtl .header .sitemap > .container .dep1:before { left: auto; left: initial; right: 0; -webkit-box-shadow: inset 15px 0 15px -15px rgba(0, 0, 0, 0.15); box-shadow: inset 15px 0 15px -15px rgba(0, 0, 0, 0.15); }
  .rtl .header .sitemap > .container .dep1 > li > a, .rtl .header .sitemap > .container .dep1 > li > button { text-align: right; -webkit-box-shadow: inset 15px 0 15px -15px rgba(0, 0, 0, 0.15); box-shadow: inset 15px 0 15px -15px rgba(0, 0, 0, 0.15); }
  .rtl .header .sitemap > .container .dep1 > li > .dep2 { right: 130px; left: auto; left: initial; }
  .rtl .header .sitemap > .container .dep1 > li > .dep2 > li > a { padding-right: 10px; padding-left: 15px; }
  .rtl .header .sitemap > .container .dep1 > li > .dep2 > li > a:before { left: auto; left: initial; right: 0; }
  .rtl .header .sitemap > .container .dep1 > li > .dep2 > li > a[target="_blank"] { padding-left: 15px; padding-right: 10px; background: url(../images/common/icon_link_newpage_m_rtl.png) no-repeat left center/13px auto; }
  .rtl .header .sitemap > .container .dep1 > li > .dep2 > li > a.menu_btn { padding-left: 20px; padding-right: 0; background: url(../images/common/arrow_sitemap_up.png) no-repeat left center/10px auto; }
  .rtl .header .sitemap > .container .dep1 > li .dep3 { display: block; margin-top: 7.5px; }
  .rtl .header .sitemap > .container .dep1 > li .dep3 li a { display: block; background-color: #f1f3f8; color: #222222; padding: 7.6px 15px; }
  .rtl .header .sitemap > .container .dep1 > li .dep3 li.active a { background-color: #393f6e; color: #fff; }
  .rtl .header .sitemap > .container .dep1 > li.active > a, .rtl .header .sitemap > .container .dep1 > li.active button { background-color: #dbe1ee; font-weight: 600; color: #393f6e; }
  .rtl .header .sitemap > .container .dep1 > li.active > .dep2 { display: block; }
  .rtl .header .sitemap > .container .btn_sitemap_close { right: auto; right: initial; left: 30px; } }

@media screen and (max-width: 720px) { .rtl .header .logo_wrap .logo > a { padding-right: 43px; }
  .rtl .header #gnb .lang { display: block; line-height: 48px; margin-right: 15px; margin-left: 0; padding-right: 24px; padding-left: 0; }
  .rtl .header #gnb .lang li { margin-right: 0; margin-left: 15px; }
  .rtl .header #gnb .btn_sitemap_open { margin-left: 15px; }
  .rtl .header .sitemap { top: 60px; height: calc(100% - 60px); }
  .rtl .header .sitemap > .container { padding-top: 48px; }
  .rtl .header .sitemap > .container > .link { padding: 15px 0; top: 60px; }
  .rtl .header .sitemap > .container > .link > li { font-size: 13px; }
  .rtl .header .sitemap > .container > .link > li a { margin: 0 10px; }
  .rtl .header .sitemap > .container > .link > li a img { height: 15px; margin-top: 2px; }
  .rtl .header .sitemap > .container > .link > li:first-of-type a { margin-left: 15px; }
  .rtl .header .sitemap > .container .btn_sitemap_close { top: 76px; right: auto; right: initial; left: 15px; width: 19px; height: 19px; } }

.rtl .footer .addr dl { padding-right: 180px; padding-left: 0; background-position: right top; float: right; }

.rtl .footer .addr .fnb { float: left; }

.rtl .footer .addr .fnb .link .select select { text-align: left; }

.rtl .footer .addr .fnb > ul { float: left; }

.rtl .footer .addr .fnb .view_mode { float: left; }

.rtl .footer .addr .fnb .view_mode a { padding-right: 9px; }

.rtl .footer .addr .fnb .view_mode.active a { padding-right: 4px; }

.rtl .footer .addr .copy { text-align: right; }

.rtl .footer .addr .copy ol { float: left; }

.rtl .footer .addr .copy ol li { margin-right: 10px; margin-left: 0; }

@media screen and (max-width: 1200px) { .rtl .footer .addr dl { padding-left: 0; padding-top: 70px; padding-right: 0; } }

.rtl .modal_wrap .modal_pop .modal_close, .rtl .modal_wrap2 .modal_pop .modal_close, .rtl .modal_wrap3 .modal_pop .modal_close { right: auto; right: initial; left: 20px; }

.rtl .modal_wrap .modal_pop .modal_close button, .rtl .modal_wrap2 .modal_pop .modal_close button, .rtl .modal_wrap3 .modal_pop .modal_close button { margin-right: 10px; margin-left: 0; background-position: left 18px center; padding-left: 0; padding-left: 50px; }

@media screen and (max-width: 1360px) { .rtl .modal_wrap .modal_pop .modal_close, .rtl .modal_wrap2 .modal_pop .modal_close, .rtl .modal_wrap3 .modal_pop .modal_close { left: 50px; } }

@media screen and (max-width: 720px) { .rtl .modal_wrap .modal_pop, .rtl .modal_wrap2 .modal_pop, .rtl .modal_wrap3 .modal_pop { padding: 50px 15px 0; }
  .rtl .modal_wrap .modal_pop .modal_close, .rtl .modal_wrap2 .modal_pop .modal_close, .rtl .modal_wrap3 .modal_pop .modal_close { left: 15px !important; margin-left: -5px; }
  .rtl .modal_wrap .modal_pop .modal_close button, .rtl .modal_wrap2 .modal_pop .modal_close button, .rtl .modal_wrap3 .modal_pop .modal_close button { margin-right: 0; margin-left: 5px; background-position: left 10px center; padding-right: 10px; padding-left: 36px; } }

/*서브페이지 공통*/
/*서브페이지 타이틀*/
.sub { position: relative; font-size: 15px; }

.sub:before { content: ''; width: 100%; height: 1px; background-color: #eee; position: absolute; top: 180px; left: 0; }

.sub .container { max-width: 1280px; padding-left: 300px; min-height: 1250px; border-left: 1px solid #eee; position: relative; padding-bottom: 100px; }

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

.sub .container:before { content: ''; position: absolute; left: 239px; top: 0; bottom: 0; width: 1px; height: 100%; background-color: #eee; }

.sub .container .lnb { font-size: 16px; }

.sub .container .lnb > strong { position: absolute; left: 0; top: 0; width: 240px; display: table; font-size: 24px; font-weight: 500; text-align: center; height: 180px; padding: 0 15px; background: url(../images/common/bg_lnb_tit.jpg) no-repeat center/cover; }

.sub .container .lnb > strong span { display: table-cell; vertical-align: middle; color: #fff; letter-spacing: -0.04em; }

.sub .container .lnb > ul { position: absolute; left: 0; top: 180px; width: 240px; padding-left: 10px; padding-right: 10px; border-top: 1px solid #eee; }

.sub .container .lnb > ul > li { border-bottom: 1px solid #eee; }

.sub .container .lnb > ul > li > a { display: block; padding: 16px 30px 16px 11px; position: relative; }

.sub .container .lnb > ul > li > a.menu_btn { background: url(../images/common/icon_lnb_off.png) no-repeat right 10px center; }

.sub .container .lnb > ul > li > a[target="_blank"]:after { position: relative; top: 1px; padding-right: 20px; background: url(../images/common/icon_link_newpage.png) no-repeat right center; content: ''; }

.sub .container .lnb > ul > li.active > a, .sub .container .lnb > ul > li.selected > a { font-weight: 500; color: #0c3975; }

.sub .container .lnb > ul > li.active > a.menu_btn, .sub .container .lnb > ul > li.selected > a.menu_btn { background-image: url(../images/common/icon_lnb_on.png); }

.sub .container .lnb > ul > li.active > ol, .sub .container .lnb > ul > li.selected > ol { display: block; }

.sub .container .lnb > ul > li > ol { display: none; padding: 9px 11px; border-top: 1px solid #eee; font-size: 15px; }

.sub .container .lnb > ul > li > ol li a { color: #5e5f62; display: inline-block; position: relative; margin: 0.15em 0; padding-left: 10px; }

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

.sub .container .lnb > ul > li > ol li a[target="_blank"]:after { position: relative; top: 1px; padding-right: 20px; background: url(../images/common/icon_link_newpage.png) no-repeat right center; content: ''; }

.sub .container .lnb > ul > li > ol li.active a, .sub .container .lnb > ul > li > ol li.selected a { color: #0c3975; }

.sub .container .lnb > ul > li > ol li.active a:before, .sub .container .lnb > ul > li > ol li.selected a:before { background-color: #0c3975; }

.sub .container .lnb .page_tit { font-size: 0; position: relative; height: 180px; padding-right: 290px; margin-bottom: 50px; }

.sub .container .lnb .page_tit:before { display: inline-block; height: 100%; content: ""; vertical-align: middle; }

.sub .container .lnb .page_tit > :nth-child(n) { font-size: 16px; display: inline-block; vertical-align: middle; }

.sub .container .lnb .page_tit h2 { font-size: 34px; font-weight: 500; line-height: 1.2; color: #000; }

.sub .container .lnb .page_tit ol { font-size: 0; margin-top: 15px; }

.sub .container .lnb .page_tit ol:before { display: inline-block; height: 100%; content: ""; vertical-align: middle; }

.sub .container .lnb .page_tit ol > :nth-child(n) { font-size: 15px; display: inline-block; vertical-align: middle; }

.sub .container .lnb .page_tit ol li { padding-left: 31px; background: url(../images/common/arrow_breadcrumb.png) no-repeat left 12px center; color: #888; }

.sub .container .lnb .page_tit ol li a { display: inline-block; }

.sub .container .lnb .page_tit ol li a img { vertical-align: middle; display: inline-block; margin-bottom: 3px; }

.sub .container .lnb .page_tit ol li:first-of-type { padding-left: 0; background-image: none; }

.sub .container .lnb .page_tit ol li:last-of-type { color: #000; }

.sub .container .lnb .page_tit > ul { position: absolute; right: 0; top: 50px; }

.sub .container .lnb .page_tit > ul li { float: left; position: relative; }

.sub .container .lnb .page_tit > ul li.fs_btn { font-size: 0; display: inline-block; vertical-align: top; padding-top: 1px; margin-right: 20px; }

.sub .container .lnb .page_tit > ul li.fs_btn:before { display: inline-block; height: 100%; content: ""; vertical-align: middle; }

.sub .container .lnb .page_tit > ul li.fs_btn > :nth-child(n) { font-size: 17px; display: inline-block; vertical-align: middle; }

.sub .container .lnb .page_tit > ul li.fs_btn strong { margin-right: 14px; }

.sub .container .lnb .page_tit > ul li.fs_btn strong.active { color: #9c1d1d; }

.sub .container .lnb .page_tit > ul li.fs_btn button { width: 38px; height: 38px; border-radius: 0; background-repeat: no-repeat; background-size: cover; background-position: center; }

.sub .container .lnb .page_tit > ul li.fs_btn button.fs_up { background-image: url(../images/common/btn_fs_up_off.png); }

.sub .container .lnb .page_tit > ul li.fs_btn button.fs_up:hover { background-image: url(../images/common/btn_fs_up_on.png); }

.sub .container .lnb .page_tit > ul li.fs_btn button.fs_down { background-image: url(../images/common/btn_fs_down_off.png); }

.sub .container .lnb .page_tit > ul li.fs_btn button.fs_down:hover { background-image: url(../images/common/btn_fs_down_on.png); }

.sub .container .lnb .page_tit > ul li.fs_btn .fs_up { margin-right: 5px; }

.sub .container .lnb .page_tit > 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 .container .lnb .page_tit > ul li.share button { background-image: url(../images/common/btn_share_off.png); }

.sub .container .lnb .page_tit > ul li.share div { display: none; position: absolute; left: 50%; top: calc(100% + 18px); font-size: 0; line-height: 0; padding: 16px 25px; border: 1px solid #b9c0c8; border-radius: 52px; background-color: #fff; white-space: nowrap; -webkit-transform: translateX(-50%); transform: translateX(-50%); text-align: center; -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); }

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

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

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

.sub .container .lnb .page_tit > ul li.print { margin-left: 10px; }

.sub .container .lnb .page_tit > ul li.print button { background-image: url(../images/common/btn_print_off.png); }

.sub .container .lnb .page_tit > ul li.active.share button { background-image: url(../images/common/btn_share_on.png); }

.sub .container #contents { color: #373737; }

@media screen and (min-width: 720px) { .sub .container .lnb > ul > li > ol li a:hover { color: #000; }
  .sub .container .lnb > ul > li > ol li a:hover:before { background-color: #000; } }

@media screen and (max-width: 1080px) { .sub .container { padding-left: 30px; }
  .sub .container:before { content: none; }
  .sub .container .lnb > strong, .sub .container .lnb > ul { display: none; }
  .sub .container .lnb .page_tit { margin-bottom: 30px; height: auto; }
  .sub .container .lnb .page_tit > div { display: block !important; }
  .sub .container .lnb .page_tit h2 { font-weight: 500; line-height: 1.2; border-bottom: 1px solid #eee; padding: 1em 0 1em 0; margin: 0; font-size: 25px; }
  .sub .container .lnb .page_tit ol { font-size: 0; margin-top: 10px; }
  .sub .container .lnb .page_tit ol:before { display: inline-block; height: 100%; content: ""; vertical-align: middle; }
  .sub .container .lnb .page_tit ol > :nth-child(n) { font-size: 13px; display: inline-block; vertical-align: middle; }
  .sub .container .lnb .page_tit ol li { margin-top: 2px; }
  .sub .container .lnb .page_tit > ul { top: calc(50% - 16px); -webkit-transform: translateY(-50%); transform: translateY(-50%); }
  .sub .container .lnb .page_tit > ul li.share div { top: calc(100% + 15px); padding: 10px 25px; left: auto; -webkit-transform: translateX(0); transform: translateX(0); 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); }
  .sub .container .lnb .page_tit > ul li.share div:before { left: auto; left: initial; right: 22px; top: -10px; width: 15px; height: 10px; background-image: url(../images/common/arrow_sns_box_m.png); content: ''; background-size: 15px auto; margin-left: 0; } }

@media screen and (max-width: 720px) { .sub .container { padding-left: 15px; }
  .sub .container .lnb .page_tit { margin-bottom: 30px; padding-right: 0; }
  .sub .container .lnb .page_tit h2 { font-size: 22px; padding-left: 15px; padding-right: 50px; }
  .sub .container .lnb .page_tit ol { font-size: 0; }
  .sub .container .lnb .page_tit ol:before { display: inline-block; height: 100%; content: ""; vertical-align: middle; }
  .sub .container .lnb .page_tit ol > :nth-child(n) { font-size: 13px; display: inline-block; vertical-align: middle; }
  .sub .container .lnb .page_tit ol li { padding-left: 21px; background-size: 5px auto; background-position: left 8px center; }
  .sub .container .lnb .page_tit ul li.print { display: none; }
  .sub .container .lnb .page_tit ul li.fs_btn { display: none; } }

@media screen and (max-width: 1080px) { .sub .container { min-height: auto; }
  .sub:before { content: none; } }

@media screen and (max-width: 720px) { .sub { font-size: 14px; }
  .sub .container { padding-bottom: 40px; } }

.btn_quick { display: none; position: fixed; top: 298px; right: 30px; z-index: 99; }

.btn_quick button { display: none; margin-bottom: 15px; 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 button.modal_open_close { position: absolute; left: -8px; top: -11px; width: 32px; height: 32px; background: #e90b73 url(../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); }

.btn_quick button.modal_open { background: url(../images/common/bg_modal_open.png) no-repeat center/cover; color: #fff; }

.btn_quick button.scroll_top { display: none; }

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

@media screen and (max-width: 1080px) { .btn_quick { display: none; } }

.rtl .sub:before { left: auto; left: initial; right: 0; }

.rtl .sub .container { border-left: 0; border-right: 1px solid #eee; padding-left: 30px; padding-right: 300px; }

.rtl .sub .container:before { left: auto; left: initial; right: 239px; }

.rtl .sub .container .lnb > strong { left: auto; left: initial; right: 0; }

.rtl .sub .container .lnb > ul { left: auto; left: initial; right: 0; }

.rtl .sub .container .lnb > ul > li > a { padding: 16px 11px 16px 30px; }

.rtl .sub .container .lnb > ul > li > a.menu_btn { background-position: left 10px center; }

.rtl .sub .container .lnb > ul > li > ol li a { padding-left: 0; padding-right: 10px; }

.rtl .sub .container .lnb > ul > li > ol li a:before { left: auto; left: initial; right: 2px; }

.rtl .sub .container .lnb .page_tit { padding-right: 0; padding-left: 290px; }

.rtl .sub .container .lnb .page_tit ol { direction: rtl; }

.rtl .sub .container .lnb .page_tit ol li { padding-left: 0; padding-right: 31px; background-position: right 12px center; background-image: url(../images/common/arrow_breadcrumb_2.png); }

.rtl .sub .container .lnb .page_tit ol li:first-of-type { padding-right: 0; }

.rtl .sub .container .lnb .page_tit > ul { right: auto; right: initial; left: 0; }

.rtl .sub .container .lnb .page_tit > ul li { float: right; }

.rtl .sub .container .lnb .page_tit > ul li.fs_btn { direction: rtl; margin-left: 20px; margin-right: 0; }

.rtl .sub .container .lnb .page_tit > ul li.fs_btn .fs_down { margin-right: 5px; }

.rtl .sub .container .lnb .page_tit > ul li.fs_btn .fs_up { margin-right: 0; }

.rtl .sub .container .lnb .page_tit > ul li.fs_btn strong { margin-right: 0; margin-left: 14px; }

.rtl .sub .container .lnb .page_tit > ul li.print { margin-left: 0; margin-right: 10px; }

@media screen and (max-width: 1080px) { .rtl .sub { padding-left: 30px; }
  .rtl .sub .container { padding-right: 30px; padding-left: 0; }
  .rtl .sub .container .lnb .page_tit > div { padding-left: 0; }
  .rtl .sub .container .lnb .page_tit h2 { padding: 1em 0 1em 0; }
  .rtl .sub .container .lnb .page_tit > ul li.share div { right: initial; right: auto; left: -10px; }
  .rtl .sub .container .lnb .page_tit > ul li.share div:before { right: auto; right: initial; left: 22px; } }

@media screen and (max-width: 720px) { .rtl .sub { padding-left: 15px; }
  .rtl .sub .container { padding-right: 15px; }
  .rtl .sub .container .lnb .page_tit { padding-left: 0; }
  .rtl .sub .container .lnb .page_tit h2 { padding-left: 50px; } }

.rtl .intro2 .tip_wrap .tip_open img { margin-right: 5px; margin-left: 0; }

.rtl .tip_wrap .tip_open img { margin-right: 10px; margin-left: 0; }

.rtl .modal_wrap .modal_pop .banner_list, .rtl .modal_wrap2 .modal_pop .banner_list, .rtl .modal_wrap3 .modal_pop .banner_list { margin-right: -40px; margin-left: 0; }

.rtl .modal_wrap .modal_pop .banner_list a, .rtl .modal_wrap2 .modal_pop .banner_list a, .rtl .modal_wrap3 .modal_pop .banner_list a { margin-right: 40px; margin-left: 0; }

.rtl .modal_wrap .modal_pop .modal_close, .rtl .modal_wrap2 .modal_pop .modal_close, .rtl .modal_wrap3 .modal_pop .modal_close { right: auto; right: initial; left: 20px; }

@media screen and (max-width: 1360px) { .rtl .modal_wrap .modal_pop .banner_list, .rtl .modal_wrap2 .modal_pop .banner_list, .rtl .modal_wrap3 .modal_pop .banner_list { margin-right: -20px; }
  .rtl .modal_wrap .modal_pop .banner_list a, .rtl .modal_wrap2 .modal_pop .banner_list a, .rtl .modal_wrap3 .modal_pop .banner_list a { margin-right: 20px; margin-left: 0; } }

/* line 1407 수정 - ex)유엔-연도별 게시판 상단 tab_list3 관련 스타일 수정 */
.tab_list3 { margin-bottom: 30px; border-left: 1px solid #dedede; border-top: 1px solid #dedede; display: flex; align-items: center; justify-content: flex-start; flex-wrap: wrap; }

.tab_list3 > li { width: 10%; border-right: 1px solid #dedede; border-bottom: 1px solid #dedede; }

.tab_list3 > li a { display: block; padding: 10px 0px; background-color: #f6f8f9; text-align: center; font-size: 15px; }

.tab_list3 > li.active a { background-color: #013668; -webkit-box-shadow: 0 0 0 1px #013668; box-shadow: 0 0 0 1px #013668; color: #fff; font-weight: 500; }

@media screen and ( max-width: 720px ) { 
  .tab_list3 { margin-bottom: 15px; }
  .tab_list3 > li { width: 25%; }
  .tab_list3 > li a { font-size: 14px; }
}

.date_inp .inp { width: 150px; margin: 0; }

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

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

.inp { display: inline-block; vertical-align: middle; border: 1px solid #e0e0e0; background-color: #fff; max-width: 187px; width: 100%; margin-right: 5px; }

.inp.block { display: block; max-width: none; margin-right: 0; }

.inp ~ button { vertical-align: middle; margin-right: 5px; }

.inp ~ button:last-of-type { margin-right: 15px; }

.inp ~ span { display: inline-block; line-height: 33px; }

.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: 1; padding: 18px 10px 18px 20px; border-top: 1px solid #dfdfdf; }

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

.inp .auto > ul::-webkit-scrollbar { width: 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 (max-width: 720px) { .inp { max-width: none; margin-bottom: 5px; }
  .inp ~ button:last-of-type { margin-right: 0; }
  .inp ~ span { display: block; line-height: 1.4; margin-top: 5px; }
  .inp .auto { 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 {position: relative;display: flex;align-items: center;justify-content: center;width: 37px;height: 37px;margin: 0;color: #393939;line-height: 0px;border: 1px solid #dbdbdb;font-weight: 500;font-size: 14px;outline-offset: 2px;}

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

.pagination a.active { color: #fff; background-color: #013668; border-color: #013668; font-weight: 800; }

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

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

.pagination a.first_page {
	margin-right: 18px;
	/* background: url(../images/common/paging_first.png) no-repeat center; */
}

.pagination a.last_page { 
	margin-left: 18px;
	/* background: url(../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: 6px;}
.pagination ul::after { display: none; }

.pagination ul li {}

@media screen and (min-width: 720px) { 
  .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: 720px) { 
  .pagination { margin-top: 25px; }
  .pagination 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); }
}

.sub { /*폼 태그 별 공통 css*/ /*폼 검색 박스*/ /*인풋 타입별(체크,라디오)*/ /*날짜 데이터 피커 박스*/ /*input 옆 @,~ 기호 들어갈때 클래스 넣기*/ /*주소 폼*/ /*이메일 폼*/ /*파일 폼*/ /*이력&경력 테이블 스타일*/ }

.sub select, .sub input { height: 33px; line-height: 33px; color: #3a3a3a; vertical-align: middle; }

.sub button { height: 35px; }

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

.sub .select select { background: url(../images/common/arrow_select.png) no-repeat right 14px center; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; }

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

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

.sub .btn1 { vertical-align: middle; padding: 10px 32px; text-align: center; }

.sub .btn1.blue { background-color: #013668; color: #fff; }

@media screen and (min-width: 720px) { .sub .btn1.blue { -webkit-transition: all 0.3s; transition: all 0.3s; }
  .sub .btn1.blue:hover { background-color: #114e9f; border-radius: 6px; } }

@media screen and (max-width: 720px) { .sub .btn1 { padding: 0 15px; } }

.sub .form_box { padding: 27px; margin-bottom: 70px; background-color: #f7f8f9; border: 1px solid #dfdfdf; }

.sub .form_box.type2 { text-align: center; }

.sub .form_box.type2 .sch_list { display: inline-block; text-align: left; }

.sub .form_box.type2 .inp + button { margin-left: 7px; }

.sub .form_box select, .sub .form_box input { height: 42px; line-height: 42px; color: #3a3a3a; vertical-align: middle; }

.sub .form_box button { height: 44px; }

.sub .form_box .inp { display: inline-block; vertical-align: middle; border: 1px solid #cbcccd; overflow: hidden; -webkit-transition: border-color, border-radius 0.3s; transition: border-color, border-radius 0.3s; background-color: #fff; max-width: none; margin-right: 0; }

.sub .form_box .inp + button { background-color: #013668; color: #fff; -webkit-transition: border-color, border-radius 0.3s; transition: border-color, border-radius 0.3s; min-width: 98px; }

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

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

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

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

.sub .form_box .sch_list li > .inp { width: 150px; }

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

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

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

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

.sub .form_box .sch_list li.center { width: 100%; text-align: center; margin: 0; }

.sub .form_box .sch_list li.center .inp_sch { max-width: 610px; width: 100%; }

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

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

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

@media screen and (min-width: 720px) { .sub .form_box .inp:hover { border-color: #7e8081; border-radius: 6px; }
  .sub .form_box .inp + button:hover { background-color: #555d67; border-radius: 6px; } }

@media screen and (max-width: 720px) { .sub .form_box { padding: 20px; margin-bottom: 35px; }
  .sub .form_box .sch_list li { width: 100%; margin: 0 0 10px; font-size: 0; }
  .sub .form_box .sch_list li:before { display: inline-block; height: 100%; content: ""; vertical-align: middle; }
  .sub .form_box .sch_list li > :nth-child(n) { font-size: 14px; display: inline-block; vertical-align: middle; }
  .sub .form_box .sch_list > li b { display: none !important; font-size: 15px; }
  .sub .form_box .sch_list li.block { width: 100%; }
  .sub .form_box .sch_list li > .select, .sub .form_box .sch_list li .date_inp, .sub .form_box .sch_list li .date_btn { display: block; width: 100%; margin: 0; }
  .sub .form_box .sch_list li .date_inp:after { content: ""; display: block; clear: both; }
  .sub .form_box .sch_list li .date_inp .inp { float: left; width: calc(50% - 7.5px); }
  .sub .form_box .sch_list li .date_inp .behind { float: left; font-size: 9px; width: 15px; padding: 0; line-height: 38px; text-align: center; }
  .sub .form_box .sch_list li .date_btn { margin-top: 5px; }
  .sub .form_box .sch_list li:last-of-type { margin-bottom: 0; }
  .sub .form_box .sch_list > li .inp_sch { width: 100%; }
  .sub .form_box .sch_list > li.inp_sch { float: none; margin: auto; max-width: 770px; width: 100%; }
  .sub .form_box .sch_list > li.inp_sch .inp { width: 100%; }
  }
  
/*버튼*/
.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; }

.sub .type_list:after { content: ""; display: block; clear: both; }

.sub .type_list > li { float: left; margin-right: 28px; line-height: 1.4; white-space: nowrap; }

.sub .type_list > li input { display: inline-block; width: 20px; height: 20px; padding: 0; vertical-align: middle; margin-right: 5px; }

.sub .type_list > li input + label { display: inline-block; vertical-align: middle; cursor: pointer; }

.sub .type_list > li input[type="checkbox"] { background-image: url(../images/common/chk_off.png); }

.sub .type_list > li input[type="checkbox"]:checked { background-image: url(../images/common/chk_on.png); }

.sub .type_list > li input[type="radio"] { background-image: url(../images/common/radio_off.png); }

.sub .type_list > li input[type="radio"]:checked { background-image: url(../images/common/radio_on.png); }

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

.sub .textarea { width: 100%; }

.sub .textarea textarea { display: block; overflow-y: auto; padding: 10px; border: 1px solid #e0e0e0; overflow: hidden; overflow-y: scroll; resize: none; }

.sub .textarea textarea::-webkit-input-placeholder { line-height: 1.4em; color: #a0a0a0; }

.sub .textarea textarea:-ms-input-placeholder { line-height: 1.4em; color: #a0a0a0; }

.sub .textarea textarea::-ms-input-placeholder { line-height: 1.4em; color: #a0a0a0; }

.sub .textarea textarea::placeholder { line-height: 1.4em; color: #a0a0a0; }

.sub .textarea.block { display: block; }

.sub .captcha { display: inline-block; vertical-align: middle; }

.sub .captcha + .inp { width: 137px; margin-left: 5px; }

@media screen and (max-width: 720px) { .sub .captcha + .inp { width: 100%; margin: 0; margin-left: 0; margin-top: 5px; } }

.sub .date_inp, .sub .date_inp_time, .sub .inp_email { font-size: 0; line-height: 0; }

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

.sub .behind { display: inline-block; vertical-align: middle; line-height: 1; padding: 0 7px; font-size: 15px; }

.sub .addr { max-width: 350px; }

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

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

.sub .inp_sch { width: 100%; }

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

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

.sub .inp_sch .inp { width: calc(100% - 290px); float: left; margin-left: 10px; }

.sub .inp_sch button { float: left; width: 120px; margin-left: 10px; margin-right: 0 !important; }

.sub .inp_sch button span { display: inline-block; padding-right: 25px; background: url(../images/common/icon_btn_sch.png) no-repeat right top 3px; }

@media screen and (max-width: 720px) { 
  .sub .inp_sch .select { width: 120px; }
  .sub .inp_sch .inp { width: calc(100% - 130px); margin-bottom: 10px; }
  .sub .inp_sch button { width: 100%; margin-left: 0; }
  .sub .inp_sch button span { background-position: right top 1px; } 
}

.sub .inp_email { width: 100%; max-width: 655px; font-size: 0; }

.sub .inp_email .inp, .sub .inp_email .behind, .sub .inp_email .select { font-size: 15px; margin: 0; }

.sub .inp_email .inp { margin-left: 7px; }

.sub .inp_email .inp:first-of-type { width: calc(100% - 380px); margin-left: 0; }

.sub .inp_email .inp, .sub .inp_email .select { width: 170px; }

.sub .inp_email .behind { width: 33px; text-align: center; }

@media screen and (max-width: 720px) { 
  .sub .inp_email .inp, .sub .inp_email .behind, .sub .inp_email .select { font-size: 12px; }
  .sub .inp_email .inp { max-width: none; }
  .sub .inp_email .inp:first-of-type { width: calc(50% - 10px); }
  .sub .inp_email .select { width: calc(50% - 10px); }
  .sub .inp_email .inp:last-of-type { width: 100%; margin-left: 0; margin-top: 7px; }
  .sub .inp_email .behind { display: inline-block; width: 20px; padding: 0; } 
}

.sub .file { max-width: 350px; font-size: 0; line-height: 0; }

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

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

.sub .tb_info { margin-bottom: 15px; }

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

.sub .tb_info > :nth-child(n) { margin-bottom: 0; }

.sub .tb_info .lt { float: left; }

.sub .tb_info .rt { float: right; }

.sub .tb_info .year { font-size: 20px; color: #bac2cd; font-weight: 600; -webkit-transform: translateY(8px); transform: translateY(8px); }

@media screen and (max-width: 720px) { 
  .sub .tb_info { margin-bottom: 8px; }
  .sub .tb_info .year { font-size: 15px; -webkit-transform: translateY(4px); transform: translateY(4px); } 
}

.sub table.history { border: 0; border-top: 1px solid #000; width: 100%; }

.sub table.history tbody { border-bottom: 1px solid #dfdfdf; }

.sub table.history tbody tr th, .sub table.history tbody tr td { border: 0; padding: 0.25em 0; padding-left: 8%; vertical-align: top; line-height: 1.375; }

.sub table.history tbody tr th { font-weight: 600; font-size: 20px; text-align: left; }

.sub table.history tbody tr td { font-size: 16px; }

.sub table.history tbody tr:first-child th, .sub table.history tbody tr:first-child td { padding-top: 33px; }

.sub table.history tbody tr:last-child th, .sub table.history tbody tr:last-child td { padding-bottom: 33px; }

@media screen and (max-width: 1200px) { 
  .sub table.history colgroup { display: none; }
  .sub table.history tbody tr th, .sub table.history tbody tr td { padding-left: 3%; }
  .sub table.history tbody tr th { width: 20%; }
  .sub table.history tbody tr th + td { width: 30%; } 
}

@media screen and (max-width: 720px) { 
  .sub table.history colgroup { display: none; }
  .sub table.history tbody tr th, .sub table.history tbody tr td { padding-left: 2%; }
  .sub table.history tbody tr th { font-size: 16px; width: 22%; }
  .sub table.history tbody tr td { font-size: 14px; }
  .sub table.history tbody tr td:first-of-type { width: 28%; }
  .sub table.history tbody tr:first-child th, .sub table.history tbody tr:first-child td { padding-top: 15px; }
  .sub table.history tbody tr:last-child th, .sub table.history tbody tr:last-child td { padding-bottom: 15px; } 
}

@media screen and (max-width: 520px) { 
  .sub table.history tbody tr th, .sub table.history tbody tr td { padding-left: 10px; }
  .sub table.history tbody tr th { font-size: 2.5vw; width: 19vw; }
  .sub table.history tbody tr td { font-size: 2.5vw; }
  .sub table.history tbody tr td:first-of-type { width: 28vw; } 
}

.sub .board_list .bo_info { margin-bottom: 25px; }

.sub .board_list .bo_info:after { content: ""; display: block; clear: both; }

.sub .board_list .bo_info .lt { float: left; color: #000; }

.sub .board_list .bo_info .lt span { color: #e6002d; }

.sub .board_list .bo_info .rt { float: right; }

.sub .board_list .alert { display: inline-block; font-size: 14px; background-color: #4d6ee4; padding: 0 8px; line-height: 1.85; color: #fff; }

.sub .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: 1px; }

.sub .board_list .secret { display: inline-block; margin-left: 6px; -webkit-transform: translateY(3px); transform: translateY(3px); }

@media screen and (max-width: 720px) { 
  .sub .board_list .bo_info { margin-bottom: 15px; }
  .sub .board_list .bo_info .total { background-position: left top 5px; }
  .sub .board_list .alert { font-size: 13px; margin-top: -2px; } 
}

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

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

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

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

.sub .board_detail + .board_detail { margin-top: 60px; }

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

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

.sub .board_detail .bo_head h2 .alert { font-size: 14px; background-color: #4d6ee4; margin-right: 10px; padding: 2px 9px 4px; color: #fff; vertical-align: 4px; }

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

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

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

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

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

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

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

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

.sub .board_detail .bo_file, 
.sub .board_detail .bo_survey { background-color: #f7f8f9; padding: 15px 30px; font-size: 0; line-height: 0; border-bottom: 1px solid #dfdfdf; }

.sub .board_detail .bo_file strong, 
.sub .board_detail .bo_survey strong { display: inline-block; vertical-align: middle; width: 80px; font-size: 15px; line-height: 1.4; }

.sub .board_detail .bo_file ul, 
.sub .board_detail .bo_survey ul { display: inline-block; vertical-align: middle; font-size: 15px; line-height: 1.4; width: calc(100% - 80px); }

.sub .board_detail .bo_file ul li, 
.sub .board_detail .bo_survey ul li { position: relative; margin: 5px 0; }

.sub .board_detail .bo_file ul li { padding-left: 35px; }

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

.sub .board_detail .bo_file ul li a span,
.sub .board_detail .bo_survey ul li a span { vertical-align: middle; }

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

.sub .board_detail .bo_file ul li a img { position: absolute; left: 0; top: 50%; -webkit-transform: translateY(-50%); transform: translateY(-50%); }

.sub .board_detail .bo_file ul 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(../images/common/icon_board_file_view.png) no-repeat right 15px center; }

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

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

.sub .board_detail .bo_con { border-bottom: 1px solid #dfdfdf; padding: 28px 37px 45px; line-height: 1.6; word-break: keep-all; }

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

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

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

.sub .board_detail .bo_con p { margin: 0; }

.sub .board_detail .bo_con img { max-width: 100%; height: auto !important; }

.sub .board_detail .bo_util { border: 1px solid #dfdfdf; border-top: 0; }

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

.sub .board_detail .bo_util li strong { display: block; font-size: 17px; padding-left: 25px; background-repeat: no-repeat; background-position: left top 4px; margin-bottom: 9px; }

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

@media screen and (min-width: 720px) { 
  .sub .board_detail .bo_util li.tag a { -webkit-transition: all 0.3s; transition: all 0.3s; }
  .sub .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; }
  .sub .board_detail .bo_file ul li button { -webkit-transition: all 0.3s; transition: all 0.3s; }
  .sub .board_detail .bo_file ul li button:hover { background-image: url(../images/common/icon_board_file_view_on.png); background-color: #353a40; color: #fff; border-radius: 6px; border-color: #353a40; } 
}

@media screen and (max-width: 720px) { 
  .sub .board_detail + .board_detail { margin-top: 30px; }
  .sub .board_detail .bo_head { padding: 17.5px 0 16px; }
  .sub .board_detail .bo_head h2 { font-size: 18px; line-height: 1.39; }
  .sub .board_detail .bo_head h2 .alert { font-size: 13px; margin-right: 8px; vertical-align: 2px; }
  .sub .board_detail .bo_head dl { font-size: 14px; margin-top: 5px; line-height: 1.85; }
  .sub .board_detail .bo_head dl dt { clear: both; padding-left: 0; }
  .sub .board_detail .bo_head dl dt:before { content: none; }
  .sub .board_detail .bo_head dl dt:after { padding: 0 7px; }
  .sub .board_detail .bo_head dl dd { padding-right: 0; }
  .sub .board_detail .bo_file { padding: 6px 15px 10px; font-size: 14px; }
  .sub .board_detail .bo_file strong, 
  .sub .board_detail .bo_survey strong { display: none; }
  .sub .board_detail .bo_file ul { display: block; width: 100%; }
  .sub .board_detail .bo_file ul li { padding-left: 25px; margin: 6px 0; }
  .sub .board_detail .bo_file ul li a { margin: 0; display: block; }
  .sub .board_detail .bo_file ul li a span:after { margin-left: 6px; width: 15px; height: 12px; background-size: cover; }
  .sub .board_detail .bo_file ul li a img { width: 19px; top: 0.21em; }
  .sub .board_detail .bo_file ul 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; }
  .sub .board_detail .bo_img { padding: 24px 0 35px; }
  .sub .board_detail .bo_con { padding: 21px 0 32px; line-height: 1.4; }
  .sub .board_detail .bo_util li { padding: 18px 20px 18px; }
  .sub .board_detail .bo_util li strong { font-size: 15px; padding-left: 22px; background-position: left top 4px; margin-bottom: 2px; background-size: 15px auto; }
  .sub .board_detail .bo_util li.tag a { font-size: 14px; line-height: 1.85; height: 1.85em; margin-right: 5px; border-radius: 0.925em; }
  .sub .board_detail .bo_util li.link { padding-bottom: 17px; }
  .sub .board_detail .bo_util li.link strong { margin-bottom: 5px; }
  .sub .board_detail .bo_util li.link a { font-size: 14px; }
  .sub .board_detail .bo_util li.link span { font-size: 14px; margin-top: 4px; }
  .sub .board_detail .bo_pagination { margin-top: 50px; }
  .sub .board_detail .bo_pagination a b, .sub .board_detail .bo_pagination a span { line-height: 54px; }
  .sub .board_detail .bo_pagination a b { width: 95px; font-size: 15px; }
  .sub .board_detail .bo_pagination a b:before { width: 10px; background-size: 10px auto; margin-right: 8px; }
  .sub .board_detail .bo_pagination a span { width: calc(100% - 95px); padding-left: 16px; padding-right: 35px; }
  .sub .board_detail .bo_pagination a.prev b:before { background-position: center top 5px; }
  .sub .board_detail .bo_pagination a.next b:before { background-position: center top 6px; } 
}

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

.sub .bo_btn span { display: block; margin-bottom: 10px; text-align: center; font-size: 15px; line-height: 1.4; }

.sub .bo_btn button, .sub .bo_btn a { display: inline-block; font-size: 18px; min-width: 160px; margin: 0 5px; text-align: center; height: 60px; border-color: #6f84bb; background-color: #6f84bb; color: #fff; padding: 0 15px; line-height: 58px; text-decoration: none; }

.sub .bo_btn button.blue, .sub .bo_btn a.blue { border-color: #013668; background-color: #013668; color: #fff; }

.sub .bo_btn button.red, .sub .bo_btn a.red { border-color: #0c3975; color: #0c3975; }

.sub .bo_btn button.skyblue, .sub .bo_btn a.skyblue { border-color: #30a0e0; background-color: #30a0e0; color: #fff; }

@media screen and (max-width: 720px) { 
  .sub .bo_btn { margin-top: 30px; }
  .sub .bo_btn.item3:after { content: ""; display: block; clear: both; }
  .sub .bo_btn.item3 > :nth-child(n) { float: left; width: calc(33.33333% - 3.33333px); margin-right: 5px; }
  .sub .bo_btn.item3 > :nth-child(3n) { margin-right: 0; }
  .sub .bo_btn.item3 > :not(:nth-child(3n + 1)) { clear: none; }
  .sub .bo_btn.item3 > :nth-child(3n + 1) { clear: both; }
  .sub .bo_btn.item3 button, .sub .bo_btn.item3 a { min-width: auto; }
  .sub .bo_btn.item2:after { content: ""; display: block; clear: both; }
  .sub .bo_btn.item2 > :nth-child(n) { float: left; width: calc(50% - 2.5px); margin-right: 5px; }
  .sub .bo_btn.item2 > :nth-child(2n) { margin-right: 0; }
  .sub .bo_btn.item2 > :not(:nth-child(2n + 1)) { clear: none; }
  .sub .bo_btn.item2 > :nth-child(2n + 1) { clear: both; }
  .sub .bo_btn.item2 button, .sub .bo_btn.item2 a { min-width: auto; }
  .sub .bo_btn button, .sub .bo_btn a { height: 45px; line-height: 43px; font-size: 16px; min-width: 120px; margin: auto; padding: 0 5px; }
  .sub .bo_btn button { line-height: 1.2; } 
}

/* easyLogin 개인정보 수집 및 이용 동의(간편SNS로그인) */
@media screen and (max-width: 737px) { .easyLogin .tb_info .rt { display: none; } }

/*로그인 버튼*/
.btn_login { display: flex; align-items: center; justify-content: flex-start;flex-wrap: wrap; flex-direction: row; gap: 12px; }
.btn_login:after { display: none; }

.btn_login > li {}

.btn_login > li a { display: flex; align-items: center; justify-content: flex-start;  height: 40px; padding: 0px 12px; border-radius: 4px; text-align: center; text-decoration: none; font-weight: 300; font-size: 14px; font-family: "Google Sans", arial, sans-serif; letter-spacing: 0; border: 1px solid #dadce0; color: #000; transition: background-color .218s, border-color .218s; }

.btn_login > li a:hover { background-color: rgba(66, 133, 244, .04); border-color: #d2e3fc; }

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

.btn_login > li a.login_gg img { display: block; width: 22px; height: 22px; background-color: #fff; 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 { gap: 8px; }
  .btn_login > li a { padding: 8px 10px; font-size: 14px !important; }
  .btn_login > li a span { font-weight: 500; font-size: 14px !important; line-height: 1; }
}

/* 설문 */
.survey { margin-top: 40px; }

.survey dl { border:1px solid #ddd; border-radius: 4px; }
.survey dl:after { display: none; }

.survey dl+dl { margin-top: 24px;}

.survey dl dt { padding: 12px 16px 10px; font-weight: 600; font-size: 16px; background:#eef2f5; display: flex; align-items: center; justify-content: flex-start; }

.survey dl dt .question { display:flex; align-items: center; justify-content: center; width: 28px; height: 28px; border-radius: 100%; font-weight:normal; font-size:12px; color:#fff; text-align:center; background:#044a85; margin-right: 8px;  }

.survey dl dt .ess { font-weight: 700; color: #0059a9; margin-right: 8px; }

.survey dl dd { margin-bottom:20px; padding:20px; }
.survey dl dd:after { display: none; }

.survey .survey_item { margin-top:12px; }

.survey .survey_item ul { display: flex; align-items: center; justify-content: flex-start; flex-direction: row; flex-wrap: wrap; gap: 12px 16px; width: 100%; margin: 0 auto; position: relative; }
.survey .survey_item ul:after { display: none; }

.survey .survey_item ul li { display: flex; align-items: center; justify-content: flex-start; gap: 4px; }

.survey .survey_item label { }

.survey .survey_item input[type="radio" i], 
.survey .survey_item input[type="checkbox" i] { appearance: auto; -webkit-appearance: auto; box-sizing: border-box; display: inline-block; width: 18px; height: 18px; line-height: unset; }

.survey .survey_item input[type="text" i], 
.survey .survey_item textarea { border: 1px solid #d5d5d5; border-radius: 2px; padding: 5px 10px; line-height: 18px }

.survey .survey_item input[type="text" i] { max-width: 100%; width: 200px; height: 32px; }

.survey .survey_item textarea { max-width: 100%; width: calc(33vw + 120px); }

.survey .tb_list {margin-top:10px;}

/* 사이냅에디터 iframe */
.iframe_birisingo { height: 1000px; width: 100%; border: none; padding: 0px; margin: 0px; overflow-x: hidden; overflow-y: auto; }

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


.rtl .select select { background-position: left 14px center; text-align: right; }

.rtl .sub .form_box .sch_list .inp_sch > :nth-child(n) { float: right; }

.rtl .sub .form_box .sch_list .inp_sch .select { margin-left: 10px; }

.rtl .sub .form_box .sch_list .inp_sch button { margin-left: 0; }

.rtl .sub .tableA tbody tr td { text-align: right; }

.rtl .sub .tableB tbody td a { text-align: right; }

.rtl .sub table.history tbody tr th { text-align: right; }

.rtl .sub table { direction: rtl; }

.rtl .sub table a.ell2 { direction: ltr; }

.rtl .sub .tb_info .lt { float: right; }

.rtl .sub .tb_info .rt { float: left; }

.rtl .sub .bo_info .lt { float: right; }

.rtl .sub .board_detail .bo_head { direction: rtl; }

.rtl .sub .board_detail .bo_head h2 .alert { display: inline-block; margin-right: 0; margin-left: 10px; }

.rtl .sub .board_detail .bo_head dl dt, .rtl .sub .board_detail .bo_head dl dd { float: right; }

.rtl .sub .board_detail .bo_head dl dt { padding-left: 0; padding-right: 11px; direction: rtl; }

.rtl .sub .board_detail .bo_head dl dt:first-of-type { padding-right: 0; }

.rtl .sub .board_detail .bo_head dl dt:before { left: auto; left: initial; right: 0; }

.rtl .sub .board_detail .bo_head dl dd { padding-right: 0; padding-left: 10px; }

.rtl .sub .board_detail .bo_file ul li { padding-left: 0; padding-right: 35px; }

.rtl .sub .board_detail .bo_file ul li a { margin-right: 0; margin-left: 20px; }

.rtl .sub .board_detail .bo_file ul li a span:after { content: ''; margin-left: 0; margin-right: 15px; }

.rtl .sub .board_detail .bo_file ul li a img { left: auto; left: initial; right: 0; }

.rtl .sub .board_detail .bo_file ul li button { padding-left: 35px; padding-right: 14px; background-position: left 15px center; }

.rtl .sub .board_detail .bo_pagination a b:before { margin-right: 0; margin-left: 10px; }

.rtl .sub .board_detail .bo_util li strong { padding-left: 0; padding-right: 25px; background-position: right top 4px; }

.rtl .sub .board_detail .bo_util li.tag a { margin-right: 0; margin-left: 4px; }

.rtl .sub .pagination ul li { float: right; }

table:not(.history):not(.ui-datepicker-calendar) { width: 100%; border-right: 1px solid #eaeaea; border-left: 1px solid #eaeaea; border-top: 2px solid #000; table-layout: fixed; background-color: #fff; word-break: break-all; }

table:not(.history):not(.ui-datepicker-calendar).v_top tbody td { vertical-align: top; }

table:not(.history):not(.ui-datepicker-calendar) thead { text-align: center; border-bottom: 1px solid #000; }

table:not(.history):not(.ui-datepicker-calendar) thead th, table:not(.history):not(.ui-datepicker-calendar) thead td { padding: 17px 16px; border-right: 1px solid #eaeaea; }

table:not(.history):not(.ui-datepicker-calendar) thead th { font-weight: 500; }

table:not(.history):not(.ui-datepicker-calendar) thead th b { font-size: 17px; }

table:not(.history):not(.ui-datepicker-calendar) thead tr + tr th, table:not(.history):not(.ui-datepicker-calendar) thead tr + tr td { border-top: 1px solid #eaeaea; }

table:not(.history):not(.ui-datepicker-calendar) tbody th, table:not(.history):not(.ui-datepicker-calendar) tbody td { padding: 17px 16px; border-bottom: 1px solid #eaeaea; border-right: 1px solid #eaeaea; }

table:not(.history):not(.ui-datepicker-calendar) tbody th { text-align: center; background-color: #f7f8fa; }

table:not(.history):not(.ui-datepicker-calendar) tbody td img { max-width: 100%; }

table:not(.history):not(.ui-datepicker-calendar) tbody tr.bor2 th, table:not(.history):not(.ui-datepicker-calendar) tbody tr.bor2 td { border-top: 2px solid #000; }

table:not(.history):not(.ui-datepicker-calendar) + span, table:not(.history):not(.ui-datepicker-calendar) + ul, table:not(.history):not(.ui-datepicker-calendar) + ol { margin-top: 15px; display: block; }

@media screen and (max-width: 720px) { 
  table:not(.history):not(.ui-datepicker-calendar) * { font-size: 11px; }
  table:not(.history):not(.ui-datepicker-calendar) .dot_1 li, table:not(.history):not(.ui-datepicker-calendar) .dot_3 li, table:not(.history):not(.ui-datepicker-calendar) .bar_list li { padding-left: 6px; }
  table:not(.history):not(.ui-datepicker-calendar) .dot_1 li:before, table:not(.history):not(.ui-datepicker-calendar) .dot_3 li:before, table:not(.history):not(.ui-datepicker-calendar) .bar_list li:before { top: 7px; }
  table:not(.history):not(.ui-datepicker-calendar) .m_cut { display: none !important; }
  table:not(.history):not(.ui-datepicker-calendar) thead th, table:not(.history):not(.ui-datepicker-calendar) thead td { padding: 2%; }
  table:not(.history):not(.ui-datepicker-calendar) thead th b { font-size: 12px; }
  table:not(.history):not(.ui-datepicker-calendar) tbody th, table:not(.history):not(.ui-datepicker-calendar) tbody td { padding: 1%; } 
}

table.tableA tbody tr th, 
table.tableA tbody tr td { border-bottom: 1px solid #eaeaea; padding: 15px 20px !important; }

table.tableA tbody tr th { width: 160px; text-align: center; background-color: #f7f8fa; border-right: 1px solid #eaeaea; }

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

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

table.tableA button { height: 35px; border: 1px solid #a5a5a5; padding: 0 15px; border-radius: 5px; font-size: 13px; }

/* @media screen and (max-width: 720px) {  */
/*   .tableA tbody tr th, .tableA tbody tr td { padding: 10px; } */
/*   .tableA tbody tr th { width: 90px; }  */
/* } */
@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, 
  table.tableA tbody tr td { padding: 10px 12px !important; }
  table.tableA tbody tr th { width: 20%; }
  table.tableA tbody tr td { text-align: left; }
  table.tableA.type1 tbody tr th, 
  table.tableA.type1 tbody tr td { padding: 0 !important; }
  table.tableA.type1 tbody tr th { display: block; position: absolute; left: 0; top: 0; width: 1px; height: 1px; overflow: hidden; margin: 0; clip: rect(1px 1px 1px 1px); clip: rect(1px, 1px, 1px, 1px); margin: -1px; }
  table.tableA tbody tr td > em { position: absolute; overflow: hidden; text-indent: -100px; }
  table.tableA tbody tr td > div { display: block; padding: 15px; border-bottom: 1px solid #dfdfdf; font-size: 14px; } 
}

.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.tableB { text-align: center; line-height: 1.375; border-right: 0 !important; border-left: 0 !important; }

table.tableB thead th, table.tableB thead td { padding: 14px 8px; border-bottom: 1px solid #000; border-right: 0 !important; border-left: 0 !important; }

table.tableB thead th { font-weight: 500; }

table.tableB tbody th, table.tableB tbody td { padding: 14px 8px; border-bottom: 1px solid #dfdfdf; border-right: 0 !important; border-left: 0 !important; }

table.tableB tbody td a { display: block; text-align: left; color: inherit; }

table.tableB tbody td a.ell2 { text-overflow: ellipsis; overflow: hidden; display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical; }

table.tableB tbody tr td:nth-of-type(0n+2) { text-align: left; }

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

@media screen and (max-width: 720px) { 
  table.tableB { font-size: 14px; }
  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: 720px) and (max-width: 720px) { 
  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: 720px) { 
  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 #eee; padding: 18px 0; }
  table.tableB.type3 > tbody > tr:after { content: ""; display: block; clear: both; }
  table.tableB.type3 > tbody > tr > td { display: block; border: 0; 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% - 60px); }
  table.tableB.type3 td:before { content: attr(data-before); display: block; float: left; width: 60px; font-weight: 500; text-align: right; } 
}

/*인풋 타입별(체크,라디오)*/
.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; vertical-align: middle; width: 20px; height: 20px; border-radius: 2px; border: 1px solid #ced0d4; 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; display: flex; align-items: center; justify-content: center; }

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

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

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

.list_dropdown dt { padding: 25px 30px; background: url(../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; text-decoration: none; color: #000; background: url(../images/common/arrow_down.png) no-repeat right center; }

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

.list_dropdown dt.active a { background-image: url(../images/common/arrow_up.png); color: #0059a9; }

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

.list_dropdown dd { display: none; background: url(../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: 720px) { .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; } }

/*메인 공통*/
.con_tit { font-size: 28px; font-weight: 600; color: #000; }

@media screen and (max-width: 1080px) { .con_tit { font-size: 24px; } }

/*텍스트 메인 공통*/
.con_tit2 { font-size: 26px; font-weight: 600; color: #121212; position: relative; padding-left: 21px; }

.con_tit2:before { content: ''; position: absolute; left: 1px; top: -14px; background-color: #d82f2f; width: 14px; height: 14px; }

@media screen and (max-width: 720px) { .con_tit2 { font-size: 20px; padding-left: 12px; }
  .con_tit2:before { width: 9px; height: 9px; top: -6px; } }

.main { /*메인배너 영역*/ /*외교부 소식*/ }

.main .main_spot { padding: 80px 0 0; position: relative; /*그라데이션*/ background: #3b448a; background: linear-gradient(135deg, #3b448a 0%, #563e73 50%, #8b3244 100%); filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#3b448a', endColorstr='#8b3244',GradientType=1 ); }

.main .main_spot:after { position: absolute; left: 50%; bottom: -1px; width: 50%; height: 81px; background-color: #fff; content: ''; }

.main .main_spot .intro { margin-bottom: 55px; position: relative; z-index: 0; }

.main .main_spot .intro:before { position: absolute; right: calc(50% + 70px); top: -160px; width: 758px; height: 681px; content: ''; background-image: url(../images/common/bg_main_spot.png); background-repeat: no-repeat; z-index: -1; }

.main .main_spot .intro h2 { color: #fff; font-size: 40px; font-weight: 600; margin-top: 12px; margin-bottom: 30px; max-width: 48%; word-break: keep-all; }
/*벨기에 적용*/
.main .main_spot .intro h2 span { color: #fff; font-size: 32px; font-weight: 600; margin-top: 12px; margin-bottom: 30px; max-width: 48%; }
/*벨기에 적용*/
.main .main_spot .intro ul { max-width: 48%; }

.main .main_spot .intro ul:after { content: ""; display: block; clear: both; }

.main .main_spot .intro ul li { float: left; width: 50%; padding-right: 5%; font-size: 20px; color: #cccccc; max-width: 285px; }

.main .main_spot .intro ul li > div { line-height: 80px; font-size: 0; margin-bottom: 17px; }

.main .main_spot .intro ul li > div .img, .main .main_spot .intro ul li > div strong { display: inline-block; vertical-align: middle; }

.main .main_spot .intro ul li > div .img { width: 85px; height: 60px; margin-right: 20px; }

.main .main_spot .intro ul li > div strong { color: #fff; font-size: 22px; width: calc(100% - 105px); line-height: 1.22; }

.main .main_spot .intro ul li span { display: inline-block; margin-left: 5px; color: #fff; font-weight: 500; }

.main .main_spot .intro ul li:last-of-type { margin-right: 0; }

.main .main_spot .contact { padding: 55px 0 136px; background-color: rgba(0, 0, 0, 0.2); min-height: 370px; }

.main .main_spot .contact > .container:after { content: ""; display: block; clear: both; }

.main .main_spot .contact > .container > b { font-size: 28px; display: block; font-weight: 500; color: #fff; max-width: 48%; }

.main .main_spot .contact > .container > b + span { font-size: 24px; display: block; margin-top: 10px; color: #fff; max-width: 48%; }

.main .main_spot .contact h3 { float: left; width: 175px; padding-left: 28px; background: url(../images/common/icon_contact.png) no-repeat left center; font-size: 24px; color: #fff; font-weight: 600; }

.main .main_spot .contact h3 + div { float: left; width: calc(50% - 200px); }

.main .main_spot .contact h3 + div ol { margin-bottom: 20px; }

.main .main_spot .contact h3 + div ol li { padding-left: 13px; position: relative; font-size: 20px; color: #fff; margin: 0.1em 0; }

.main .main_spot .contact h3 + div ol li:before { position: absolute; left: 0; top: 12px; width: 4px; height: 4px; background-color: #fff; border-radius: 4px; content: ''; }

.main .main_spot .contact h3 + div ul li { position: relative; padding-left: 20px; color: rgba(255, 255, 255, 0.6); margin: 0.05em 0; }

.main .main_spot .contact h3 + div ul li:before { position: absolute; left: 0; top: 0; content: '※'; }

/* 국문 재외공관 -  긴급연락처 ul 태그 안 a 태그 끝 '(링크)' 텍스트 콘텐츠 삽입 - 250512 */
.ko .main .main_spot .contact h3 + div ul li a { position: relative; display: inline-block; }
.ko .main .main_spot .contact h3 + div ul li a:after { margin-left: 4px; content: '(링크)'; }
/* // 국문 재외공관 -  긴급연락처 ul 태그 안 a 태그 끝 '(링크)' 텍스트 콘텐츠 삽입 - 250512 */

.main .main_spot .contact h3 + div .tip_wrap { margin-top: 18px; }

.main .main_spot.type2 .intro { margin-bottom: 30px; }

.main .main_spot.type2 .intro h2 { font-size: 32px; line-height: 1.375; margin-bottom: 10px; margin-top: -10px; }

.main .main_spot.type2 .intro ul li > div { margin-bottom: 5px; }

.main .main_spot.type2 .intro > b { font-size: 24px; font-weight: 500; max-width: 48%; display: block; color: #fff; margin-top: 20px; margin-bottom: 5px; }

.main .main_spot.type2 .intro > b + span { display: block; font-size: 20px; color: #fff; max-width: 48%; }

.main .main_spot.type2 .contact { padding-top: 40px; }

.main .main_spot.type2 .contact .container > ul { max-width: 48%; position: relative; z-index: 10; }

.main .main_spot.type2 .contact .container > ul:after { content: ""; display: block; clear: both; }

.main .main_spot.type2 .contact .container > ul li { float: left; width: 50%; padding-right: 5%; font-size: 20px; color: #cccccc; max-width: 285px; }

.main .main_spot.type2 .contact .container > ul li > div { line-height: 80px; font-size: 0; margin-bottom: 5px; }

.main .main_spot.type2 .contact .container > ul li > div .img, .main .main_spot.type2 .contact .container > ul li > div strong { display: inline-block; vertical-align: middle; }

.main .main_spot.type2 .contact .container > ul li > div .img { width: 85px; height: 60px; margin-right: 20px; }

.main .main_spot.type2 .contact .container > ul li > div strong { color: #fff; font-size: 22px; width: calc(100% - 105px); line-height: 1.22; }

.main .main_spot.type2 .contact .container > ul li span { display: inline-block; margin-left: 5px; color: #fff; font-weight: 500; }

.main .main_spot.type2 .contact .container > ul li:last-of-type { margin-right: 0; }

.main .main_spot.type2 .contact .container > b { font-size: 24px; font-weight: 500; max-width: 48%; display: block; color: #fff; margin-top: 20px; margin-bottom: 5px; }

.main .main_spot.type2 .contact .container > b + span { display: block; font-size: 20px; color: #fff; max-width: 48%; }

.main .main_spot .main_banner { width: 50%; position: absolute; left: 50%; top: 65px; }

.main .main_spot .main_banner .slide:after { content: ""; display: block; clear: both; }

.main .main_spot .main_banner .slide .slick-slide { position: relative; display: block; margin-right: 80px; margin-bottom: 45px; margin-top: 15px; }

.main .main_spot .main_banner .slide .slick-slide a, .main .main_spot .main_banner .slide .slick-slide .imgWrap { float: left; }

.main .main_spot .main_banner .slide .slick-slide .img { width: 660px; height: 440px; -webkit-box-shadow: 15px 15px 30px 0 rgba(0, 0, 0, 0.2); box-shadow: 15px 15px 30px 0 rgba(0, 0, 0, 0.2); overflow: hidden; position: relative; }

.main .main_spot .main_banner .slide .slick-slide .img img, .main .main_spot .main_banner .slide .slick-slide .img iframe { position: absolute; left: 50%; top: 50%; -webkit-transform: translate(-50%, -50%); transform: translate(-50%, -50%); width: 100%; height: 100%; }

.main .main_spot .main_banner .slide .slick-slide span { position: absolute; left: 0; bottom: 0; white-space: nowrap; overflow: hidden; display: block; width: 100%; height: 80px; text-overflow: ellipsis; color: #fff; font-size: 20px; padding: 38px 30px 19px; background: -webkit-gradient(linear, left top, left bottom, from(rgba(255, 255, 255, 0)), to(rgba(0, 0, 0, 0.8))); background: linear-gradient(to bottom, rgba(255, 255, 255, 0) 0%, rgba(0, 0, 0, 0.8) 100%); filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#00ffffff', endColorstr='#cc000000',GradientType=0 ); }

.main .main_spot .main_banner .slide .slick-slide:not(.slick-active):after { content: ''; position: absolute; left: 0; top: 0; width: 100%; height: 100%; background-color: rgba(0, 0, 0, 0.4); z-index: 1000; }

.main .main_spot .main_banner .control { text-align: center; width: 600px; margin-top: 12px; }

.main .main_spot .main_banner .control .pagination_dot { text-align: center; display: inline-block; vertical-align: top; margin-right: 11px; }

.main .main_spot .main_banner .control .pagination_dot li { float: left; font-size: 1rem; margin: 0 6px; }

.main .main_spot .main_banner .control .pagination_dot .slick-active button { background-color: #fff; width: 40px; }

.main .main_spot .main_banner .control .pagination_dot button { -webkit-transition: all 0.3s; transition: all 0.3s; margin-top: 2px; width: 10px; height: 10px; background-color: rgba(255, 255, 255, 0.3); overflow: hidden; text-indent: 40px; }

.main .main_spot .main_banner .control button { width: 14px; height: 14px; overflow: hidden; display: inline-block; vertical-align: top; text-indent: 14px; }

.main .main_spot .main_banner .control button.pause { background: url(../images/common/btn_mb_pause.png) no-repeat center center; }

.main .main_spot .main_banner .control button.play { background: url(../images/common/btn_mb_play.png) no-repeat center center; }

@media screen and (max-width: 1340px) { .main .main_spot .intro { margin-left: 0; }
  .main .main_spot .contact:after { content: ""; display: block; clear: both; }
  .main .main_spot .contact h3 { width: 100%; margin-bottom: 20px; }
  .main .main_spot .contact h3 + div { width: 45%; }
  .main .main_spot .main_banner { padding: 0; position: absolute; left: auto; left: initial; right: 30px; }
  .main .main_spot .main_banner .slide .slick-slide { margin-right: 0; margin-bottom: 0; margin-top: 0; }
  .main .main_spot .main_banner .control { width: 100%; margin-top: 20px; }
  .main .main_spot .main_banner .control .arrows { left: 0; } }

@media screen and (max-width: 1380px) { .main .main_spot:after { content: none; }
  .main .main_spot .contact { padding: 55px 0; } }

@media screen and (max-width: 1080px) { .main .main_spot { padding: 40px 0 30px; }
  .main .main_spot .intro { margin-bottom: 40px; text-align: center; }
  .main .main_spot .intro h2 { margin-top: 0; margin-bottom: 30px; max-width: none; }
  .main .main_spot .intro ul { max-width: none; font-size: 0; }
  .main .main_spot .intro ul li { font-size: 16px; padding: 0; display: inline-block; float: none; text-align: center; }
  .main .main_spot .intro ul li > div { line-height: 1.4; text-align: center; margin-bottom: 0; }
  .main .main_spot .intro ul li > div .img { margin: 0 auto 10px; display: block; }
  .main .main_spot .intro ul li > div strong { font-size: 20px; margin-bottom: 5px; width: 100%; }
  .main .main_spot .contact { padding: 40px 0; width: calc(100% - 80px); margin: auto; min-height: auto; }
  .main .main_spot .contact .container > b { max-width: 100%; }
  .main .main_spot .contact .container > b + span { max-width: 100%; }
  .main .main_spot .contact h3 { font-size: 20px; margin-bottom: 10px; }
  .main .main_spot .contact h3 + div { width: 100%; }
  .main .main_spot .contact h3 + div ol { margin-bottom: 15px; }
  .main .main_spot .contact h3 + div ol li { font-size: 18px; }
  .main .main_spot.type2 .intro { margin-bottom: 40px; }
  .main .main_spot.type2 .intro h2 { font-size: 32px; margin-bottom: 30px; margin-top: 0; }
  .main .main_spot.type2 .intro ul li > div { margin-bottom: 0; }
  .main .main_spot.type2 .intro > b { max-width: none; }
  .main .main_spot.type2 .intro > b + span { max-width: none; }
  .main .main_spot.type2 .contact .container > ul { max-width: none; font-size: 0; text-align: center; }
  .main .main_spot.type2 .contact .container > ul li { font-size: 16px; padding: 0; display: inline-block; float: none; text-align: center; }
  .main .main_spot.type2 .contact .container > ul li > div { line-height: 1.4; text-align: center; margin-bottom: 0; }
  .main .main_spot.type2 .contact .container > ul li > div .img { margin: 0 auto 10px; display: block; }
  .main .main_spot.type2 .contact .container > ul li > div strong { font-size: 20px; margin-bottom: 5px; width: 100%; }
  .main .main_spot.type2 .contact .container > b { max-width: none; }
  .main .main_spot.type2 .contact .container > b + span { max-width: none; }
  .main .main_spot .main_banner { position: relative; left: 0; top: 0; margin: 40px auto 0; width: 100%; max-width: 100%; padding: 0 40px; -webkit-transform: translateY(0); transform: translateY(0); }
  .main .main_spot .main_banner .slide .slick-slide .img { width: 100%; height: 0; position: relative; padding-top: 66.6666%; }
  .main .main_spot .main_banner .slide .slick-slide .img img, .main .main_spot .main_banner .slide .slick-slide .img iframe { left: 0; top: 0; bottom: 0; width: 100%; height: 100%; -webkit-transform: translate(0); transform: translate(0); position: absolute; }
  .main .main_spot .main_banner .control .arrows { display: none; } }

@media screen and (max-width: 720px) { .main .main_spot { padding: 40px 0 30px; }
  .main .main_spot .intro { margin-bottom: 30px; }
  .main .main_spot .intro h2 { color: #fff; font-size: 24px; margin-top: 0; margin-bottom: 30px; }
  .main .main_spot .intro ul li { font-size: 14px; vertical-align: top; }
  .main .main_spot .intro ul li > div strong { font-size: 16px; }
  .main .main_spot .contact { padding: 30px 0; width: calc(100% - 30px); }
  .main .main_spot .contact .container > b { font-size: 18px; }
  .main .main_spot .contact .container > b + span { font-size: 16px; }
  .main .main_spot .contact h3 { font-size: 18px; margin-bottom: 10px; }
  .main .main_spot .contact h3 + div ol { margin-bottom: 15px; }
  .main .main_spot .contact h3 + div ol li { font-size: 16px; }
  .main .main_spot .contact h3 + div ul li { font-size: 14px; }
  .main .main_spot.type2 .intro { margin-bottom: 30px; }
  .main .main_spot.type2 .intro h2 { font-size: 24px; margin-bottom: 30px; }
  .main .main_spot.type2 .intro > b { font-size: 18px; }
  .main .main_spot.type2 .intro > b + span { font-size: 16px; }
  .main .main_spot.type2 .contact .container > ul li { font-size: 14px; padding: 0; vertical-align: top; }
  .main .main_spot.type2 .contact .container > ul li > div strong { font-size: 16px; }
  .main .main_spot.type2 .contact .container > b { font-size: 18px; }
  .main .main_spot.type2 .contact .container > b + span { font-size: 16px; }
  .main .main_spot .main_banner { margin: 15px auto 0; padding: 0 15px; }
  .main .main_spot .main_banner .slide .slick-slide span { font-size: 16px; } }

.main .bg { background: url(../images/common/bg_main_news_lt.png) no-repeat left -20px top 140px, url(../images/common/bg_main_news_rt.png) no-repeat right bottom 40px; }

.main .container { /*외교부 소식*/ /*자주찾는 메뉴*/ /*공관 소셜미디어*/ /*해외여행*/ /*알림판1*/ /*지역내 공관*/ }

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

.main .container .news { width: calc(100% + 100px); position: relative; background-color: #fff; margin: -80px -50px 62px; padding: 55px 50px 0; z-index: 2; }

.main .container .news .tab_box { position: relative; }

.main .container .news .tab_box > li { display: inline-block; margin-right: 25px; }

.main .container .news .tab_box > li a { display: block; }

.main .container .news .tab_box > li h2 button { height: 40px; font-size: 24px; padding-right: 13px; color: #767676; -webkit-transition: all 0.3s; transition: all 0.3s; }

.main .container .news .tab_box > li > div { display: none; position: absolute; left: 0; top: 40px; width: 100%; margin-top: 27px; height: 298px; }

.main .container .news .tab_box > li > div > div { border: 1px solid #dedede; padding: 20px; height: 298px; min-width: 1200px; }

.main .container .news .tab_box > li.active h2 > button { position: relative; color: #000; font-weight: 500; font-size: 28px; }

.main .container .news .tab_box > li.active h2 > button:after { content: ''; position: absolute; right: 0; top: 0; width: 6px; height: 6px; border-radius: 6px; background-color: #f51736; }

.main .container .news .tab_box > li.active > div { display: block; }

.main .container .news .tab_box ol { text-align: left; }

.main .container .news .tab_box ol.item2:after { content: ""; display: block; clear: both; }

.main .container .news .tab_box ol.item2 > :nth-child(n) { float: left; width: calc(50% - 0px); margin-right: 0px; }

.main .container .news .tab_box ol.item2 > :nth-child(2n) { margin-right: 0; }

.main .container .news .tab_box ol.item2 > :not(:nth-child(2n + 1)) { clear: none; }

.main .container .news .tab_box ol.item2 > :nth-child(2n + 1) { clear: both; }

.main .container .news .tab_box ol.item2 li { border-left: 0; }

.main .container .news .tab_box ol.item2 li:first-of-type { border-left: 1px solid #dedede; }

.main .container .news .tab_box ol.item3:after { content: ""; display: block; clear: both; }

.main .container .news .tab_box ol.item3 > :nth-child(n) { float: left; width: calc(33.33333% - 0px); margin-right: 0px; }

.main .container .news .tab_box ol.item3 > :nth-child(3n) { margin-right: 0; }

.main .container .news .tab_box ol.item3 > :not(:nth-child(3n + 1)) { clear: none; }

.main .container .news .tab_box ol.item3 > :nth-child(3n + 1) { clear: both; }

.main .container .news .tab_box ol.item3 li { border-left: 0; }

.main .container .news .tab_box ol.item3 li:first-of-type { border-left: 1px solid #dedede; }

.main .container .news .tab_box ol > li { border: 1px solid #dedede; padding: 36px 40px 37px; position: relative; height: 298px; }

.main .container .news .tab_box ol > li > ul:after { content: ""; display: block; clear: both; }

.main .container .news .tab_box ol > li > ul > :nth-child(n) { float: left; width: calc(33.33333% - 26.66667px); margin-right: 40px; }

.main .container .news .tab_box ol > li > ul > :nth-child(3n) { margin-right: 0; }

.main .container .news .tab_box ol > li > ul > :not(:nth-child(3n + 1)) { clear: none; }

.main .container .news .tab_box ol > li > ul > :nth-child(3n + 1) { clear: both; }

.main .container .news .tab_box ol > li h3 { color: #323f6f; font-size: 22px; font-weight: 500; margin-bottom: 20px; }

.main .container .news .tab_box ol > li h3:before { content: ''; display: inline-block; width: 4px; height: 22px; background-color: #323f6f; margin-right: 6px; vertical-align: -2px; }

.main .container .news .tab_box ol > li h4 { text-overflow: ellipsis; overflow: hidden; display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical; font-size: 22px; line-height: 1.36; height: 2.72em; }

.main .container .news .tab_box ol > li div { text-overflow: ellipsis; overflow: hidden; display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical; margin-top: 15px; margin-bottom: 25px; color: #666; font-size: 17px; line-height: 1.5; height: 3em; }

.main .container .news .tab_box ol > li span { display: inline-block; padding-left: 23px; background: url(../images/common/icon_news_date2.png) no-repeat left top 4px; font-size: 16px; color: #666666; }

.main .container .news .more { position: absolute; right: 0; bottom: 0; display: block; width: 50px; height: 50px; background: url(../images/common/btn_more3.png) no-repeat center; opacity: 0.5; }

@media screen and (max-width: 1380px) { .main .container .news { margin: 0; width: 100%; padding: 55px 0; background-color: transparent; }
  .main .container .news .more { right: 0; } }

@media screen and (min-width: 720px) { .main .container .news .tab_box > li a { -webkit-transition: -webkit-text-decoration 0.3s; transition: -webkit-text-decoration 0.3s; transition: text-decoration 0.3s; transition: text-decoration 0.3s, -webkit-text-decoration 0.3s; }
  .main .container .news .tab_box > li a:hover h4 { text-decoration: underline; }
  .main .container .news .more { -webkit-transition: opacity 0.3s; transition: opacity 0.3s; }
  .main .container .news .more:hover { opacity: 1; } }

@media screen and (max-width: 1080px) { .main .container .news { width: 100%; margin: 0; padding: 40px 0; }
  .main .container .news .tab_box { background-color: #fff; }
  .main .container .news .tab_box > li > div { overflow: hidden; overflow-x: auto; }
  .main .container .news .tab_box > li > div::-webkit-scrollbar { width: 6px; height: 6px; }
  .main .container .news .tab_box > li > div::-webkit-scrollbar-thumb { background-color: #c0c0c0; border-radius: 3px; }
  .main .container .news .tab_box > li > div::-webkit-scrollbar-track { background-color: #fff; border-radius: 3px; }
  .main .container .news .tab_box ol.item2 { min-width: 800px; }
  .main .container .news .tab_box ol.item3 { min-width: 1200px; }
  .main .container .news .tab_box ol:not([class]) { min-width: 900px; } }

@media screen and (max-width: 720px) { .main .container .news { padding: 30px 0; }
  .main .container .news .tab_box > li { margin-right: 10px; }
  .main .container .news .tab_box > li h2 button { height: 28px; font-size: 16px; padding-right: 10px; }
  .main .container .news .tab_box > li > div { top: 28px; padding-top: 10px; height: auto; }
  .main .container .news .tab_box > li > div > div { height: 207px; }
  .main .container .news .tab_box > li.active h2 > button { font-size: 18px; }
  .main .container .news .tab_box > li.active h2 > button:after { width: 4px; height: 4px; border-radius: 4px; }
  .main .container .news .tab_box ol.item2 { min-width: 600px; }
  .main .container .news .tab_box ol.item3 { min-width: 900px; }
  .main .container .news .tab_box ol:not([class]) { min-width: 900px; }
  .main .container .news .tab_box ol > li { padding: 20px; height: 207px; }
  .main .container .news .tab_box ol > li > ul:after { content: ""; display: block; clear: both; }
  .main .container .news .tab_box ol > li > ul > :nth-child(n) { float: left; width: calc(33.33333% - 20px); margin-right: 30px; }
  .main .container .news .tab_box ol > li > ul > :nth-child(3n) { margin-right: 0; }
  .main .container .news .tab_box ol > li > ul > :not(:nth-child(3n + 1)) { clear: none; }
  .main .container .news .tab_box ol > li > ul > :nth-child(3n + 1) { clear: both; }
  .main .container .news .tab_box ol > li h3 { font-size: 18px; margin-bottom: 10px; }
  .main .container .news .tab_box ol > li h3:before { width: 4px; height: 18px; margin-right: 5px; }
  .main .container .news .tab_box ol > li h4 { font-size: 16px; }
  .main .container .news .tab_box ol > li div { margin-top: 10px; margin-bottom: 12px; font-size: 14px; }
  .main .container .news .tab_box ol > li span { font-size: 13px; padding-left: 16px; background-size: 13px auto; }
  .main .container .news .more { width: 30px; height: 30px; background-size: 30px auto; } }

.main .container .favorites { float: left; width: calc(100% - 550px); padding-right: 40px; padding-bottom: 50px; }

.main .container .favorites .swipe_slide { position: relative; text-align: center; padding-left: 21px; }

.main .container .favorites .swipe_slide .slide { max-width: 592px; margin: 16px auto 0; }

.main .container .favorites .swipe_slide .slide:after { content: ""; display: block; clear: both; }

.main .container .favorites .swipe_slide .slide .slick-slide { display: block; width: 110px; margin-right: 42px; margin-top: 10px; font-size: 16px; line-height: 1.25; }

.main .container .favorites .swipe_slide .slide .slick-slide a { float: left; }

.main .container .favorites .swipe_slide .slide .slick-slide a > div { width: 90px; line-height: 90px; height: 90px; display: block; margin: 0 auto 16px; border-radius: 30px; background-color: #fff; -webkit-box-shadow: 0 0 10px 0 rgba(0, 0, 0, 0.08); box-shadow: 0 0 10px 0 rgba(0, 0, 0, 0.08); }

.main .container .favorites .swipe_slide .slide .slick-slide a > div img { display: inline-block; vertical-align: middle; }

.main .container .favorites .swipe_slide .slide .slick-slide span { min-height: 44px; display: inline-block; word-break: keep-all;}

.main .container .favorites .swipe_slide .control > :nth-child(n) { position: absolute; width: 22px; height: 42px; top: 40px; background-position: center; background-repeat: no-repeat; }

.main .container .favorites .swipe_slide .control .prev { left: 0; background-image: url(../images/common/btn_service_prev.png); opacity: 0.2; }

.main .container .favorites .swipe_slide .control .next { right: 0; background-image: url(../images/common/btn_service_next.png); opacity: 0.2; }

@media screen and (min-width: 720px) { .main .container .favorites .swipe_slide .slide .slick-slide a > div img { -webkit-transition: all 0.3s; transition: all 0.3s; }
  .main .container .favorites .swipe_slide .slide .slick-slide span { -webkit-transition: all 0.3s; transition: all 0.3s; }
  .main .container .favorites .swipe_slide .slide .slick-slide a:hover > div img { -webkit-transform: rotateY(180deg); transform: rotateY(180deg); }
  .main .container .favorites .swipe_slide .slide .slick-slide a:hover span { text-decoration: underline; }
  .main .container .favorites .control .prev, .main .container .favorites .control .next { -webkit-transition: opacity 0.3s; transition: opacity 0.3s; }
  .main .container .favorites .control .prev:hover, .main .container .favorites .control .next:hover { opacity: 1; } }

@media screen and (max-width: 1340px) { .main .container .favorites .swipe_slide { position: relative; text-align: center; padding: 0 40px; }
  .main .container .favorites .swipe_slide .slide .slick-slide { margin-right: 30px; } }

@media screen and (max-width: 1080px) { .main .container .favorites { width: 100%; float: none; padding-right: 0; padding-bottom: 40px; }
  .main .container .favorites .swipe_slide .slide { max-width: none; width: 100%; }
  .main .container .favorites .swipe_slide .slide .slick-slide { margin-right: 30px; } }

@media screen and (max-width: 720px) { .main .container .favorites .swipe_slide { padding: 0 15px; }
  .main .container .favorites .swipe_slide .slide .slick-slide { margin-right: 10px; font-size: 14px; width: 100px; }
  .main .container .favorites .swipe_slide .slide .slick-slide a > div { width: 70px; line-height: 70px; height: 70px; border-radius: 20px; }
  .main .container .favorites .swipe_slide .slide .slick-slide a > div img { -webkit-transform: scale(0.7); transform: scale(0.7); }
  .main .container .favorites .swipe_slide .control > :nth-child(n) { width: 15px; height: 28px; top: 40px; background-size: cover; } }

@media screen and (max-width: 500px) { .main .container .favorites { text-align: center; }
  .main .container .favorites .slide .slick-slide { margin-right: 0; } }

.main .container .sns_channel { position: relative; width: 550px; float: left; }

.main .container .sns_channel .con_tit { position: relative; display: inline-block; }

.main .container .sns_channel .con_tit.type2 { top: -0.6em; line-height: 1.2; }

.main .container .sns_channel .con_tit span { position: relative; background: -webkit-gradient(linear, left top, right top, from(#30a0e0), to(#b525df)); background: linear-gradient(to right, #30a0e0, #b525df); background: -ms-linear-gradient(to right, #30a0e0, #b525df); filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#30a0e0', endColorstr='#b525df', GradientType=1 ); -webkit-background-clip: text; -webkit-text-fill-color: transparent; }

@media all and (-ms-high-contrast: none), (-ms-high-contrast: active) { .main .container .sns_channel .con_tit span { /* IE10+ CSS styles go here */ color: #7263e0; background: transparent; } }

.main .container .sns_channel .con_tit:after { display: block; position: absolute; left: calc(100% + 10px); top: -13px; width: 31px; height: 33px; background: url(../images/common/icon_sns_tit.png) no-repeat center; content: ''; z-index: 2; }

.main .container .sns_channel .con_tit.type2:after { content: none; }

.main .container .sns_channel .tab_sns { position: absolute; left: 0; top: -7px; width: 100%; font-size: 0; line-height: 0; text-align: right; }

.main .container .sns_channel .tab_sns > li { display: inline-block; font-size: 16px; line-height: 1.4; margin: 0 -5px; position: relative; }

.main .container .sns_channel .tab_sns > li > a { display: block; width: 56px; height: 56px; background-position: center top 8px; background-repeat: no-repeat; }

.main .container .sns_channel .tab_sns > li > a.weibo { background-image: url(../images/common/icon_weibo_off.png); }

.main .container .sns_channel .tab_sns > li > a.facebook { background-image: url(../images/common/icon_face_off.png); }

.main .container .sns_channel .tab_sns > li > a.twitter { background-image: url(../images/common/icon_twitter_off.png); }

.main .container .sns_channel .tab_sns > li > a.X-twitter { background-image: url(../images/common/icon_X_off.png); }

.main .container .sns_channel .tab_sns > li > a.insta { background-image: url(../images/common/icon_insta_off.png); }

.main .container .sns_channel .tab_sns > li > a.kakaoplus { background-image: url(../images/common/icon_kakaoplus_off.png); }

.main .container .sns_channel .tab_sns > li > a.ncafe { background-image: url(../images/common/icon_ncafe_off.png); }

.main .container .sns_channel .tab_sns > li > a.vk { background-image: url(../images/common/icon_vk_off.png); }

.main .container .sns_channel .tab_sns > li > a.youtube { background-image: url(../images/common/icon_youtube_off.png); }

.main .container .sns_channel .tab_sns > li > a.naverblog { background-image: url(../images/common/icon_naverblog_off.png); }

.main .container .sns_channel .tab_sns > li > a.telegram { background-image: url(../images/common/icon_telegram_off.png); }

.main .container .sns_channel .tab_sns > li > a.Linkedin { background-image: url(../images/common/icon_Linkedin_off.png); }

.main .container .sns_channel .tab_sns > li > div { display: none; position: absolute; top: calc(100% + 2px); left: 50%; border: 2px solid #445d98; z-index: 2; background-color: #fff; border-radius: 34px; font-size: 0; white-space: nowrap; -webkit-transform: translateX(-50%); transform: translateX(-50%); padding: 0 9px; -webkit-box-shadow: 0 0 10px 0 rgba(0, 0, 0, 0.2); box-shadow: 0 0 10px 0 rgba(0, 0, 0, 0.2); }

.main .container .sns_channel .tab_sns > li > div:before { position: absolute; left: 50%; top: -10px; margin-left: -4px; width: 10px; height: 10px; display: block; background: url(../images/common/sns_tail.png) no-repeat center; content: ''; }

.main .container .sns_channel .tab_sns > li > div a { line-height: 32px; padding: 0 8px; font-size: 16px; position: relative; }

.main .container .sns_channel .tab_sns > li > div a:first-of-type:before { content: none; }

.main .container .sns_channel .tab_sns > li > div a:before { content: ''; width: 4px; height: 4px; display: inline-block; position: absolute; left: -2px; border-radius: 4px; background-color: #445d98; top: 50%; margin-top: -2px; }

.main .container .sns_channel .tab_sns > li.active > a { position: relative; background-position: center top; }

.main .container .sns_channel .tab_sns > li.active > a.weibo { background-image: url(../images/common/icon_weibo_on.png); }

.main .container .sns_channel .tab_sns > li.active > a.facebook { background-image: url(../images/common/icon_face_on.png); }

.main .container .sns_channel .tab_sns > li.active > a.twitter { background-image: url(../images/common/icon_twitter_on.png); }

.main .container .sns_channel .tab_sns > li.active > a.insta { background-image: url(../images/common/icon_insta_on.png); }

.main .container .sns_channel .tab_sns > li.active > a.youtube { background-image: url(../images/common/icon_youtube_on.png); }

.main .container .sns_channel .tab_sns > li.active > a.kakaoplus { background-image: url(../images/common/icon_kakaoplus_on.png); }

.main .container .sns_channel .tab_sns > li.active > a.ncafe { background-image: url(../images/common/icon_ncafe_on.png); }

.main .container .sns_channel .tab_sns > li.active > a.vk { background-image: url(../images/common/icon_vk_on.png); }

.main .container .sns_channel .tab_sns > li.active > a.naverblog { background-image: url(../images/common/icon_naverblog_on.png); }

.main .container .sns_channel .tab_sns > li.active > a.telegram { background-image: url(../images/common/icon_telegram_on.png); }

.main .container .sns_channel .tab_sns > li.active > a.Linkedin { background-image: url(../images/common/icon_Linkedin_on.png); }

.main .container .sns_channel .tab_sns > li.active > div { display: block; }

.main .container .sns_channel .sns_box { display: block; position: absolute; left: 0; top: 60px; width: 100%; overflow: hidden; overflow-y: auto; height: 508px; background-color: #fff; -webkit-box-shadow: 5px 5px 20px 0 rgba(0, 0, 0, 0.15); box-shadow: 5px 5px 20px 0 rgba(0, 0, 0, 0.15); z-index: 1; }

.main .container .sns_channel .sns_box::-webkit-scrollbar { width: 6px; height: 6px; }

.main .container .sns_channel .sns_box::-webkit-scrollbar-thumb { background-color: #c0c0c0; border-radius: 3px; }

.main .container .sns_channel .sns_box::-webkit-scrollbar-track { background-color: #fff; border-radius: 3px; }

.main .container .sns_channel .sns_box.oecd { overflow: initial; height: 520px; top: 50px; background: url(../images/common/bg_oecd.jpg) no-repeat center/cover; padding: 50px; }

.main .container .sns_channel .sns_box.oecd > ul { margin: -20px auto 0; max-width: 420px; }

.main .container .sns_channel .sns_box.oecd > ul:after { content: ""; display: block; clear: both; }

.main .container .sns_channel .sns_box.oecd > ul > :nth-child(n) { float: left; width: calc(50% - 10px); margin-right: 20px; }

.main .container .sns_channel .sns_box.oecd > ul > :nth-child(2n) { margin-right: 0; }

.main .container .sns_channel .sns_box.oecd > ul > :not(:nth-child(2n + 1)) { clear: none; }

.main .container .sns_channel .sns_box.oecd > ul > :nth-child(2n + 1) { clear: both; }

.main .container .sns_channel .sns_box.oecd > ul > li { margin-top: 20px; max-width: 200px; }

.main .container .sns_channel .sns_box.oecd > ul > li a { display: block; height: 200px; text-align: center; line-height: 140px; padding-top: 12px; background-color: rgba(255, 255, 255, 0.9); border-radius: 10px; -webkit-box-shadow: 5px 5px 5px 0 rgba(0, 0, 0, 0.2); box-shadow: 5px 5px 5px 0 rgba(0, 0, 0, 0.2); }

.main .container .sns_channel .sns_box.oecd > ul > li a img { vertical-align: middle; }

.main .container .sns_channel .sns_box.oecd > ul > li a span { display: block; font-size: 20px; color: #222; font-weight: 500; line-height: 1.4; }

.main .container .sns_channel .sns_box.culture { background: url(../images/common/bg_culture.jpg) no-repeat center/cover; height: 520px; top: 50px; padding-top: 130px; text-align: center; }

.main .container .sns_channel .sns_box.culture > div { margin: 17px 0 27px; font-size: 24px; color: #000; font-weight: 500; line-height: 1.25; }

.main .container .sns_channel .sns_box.culture > a { display: inline-block; font-size: 17px; color: #fff; line-height: 50px; padding: 0 15px; min-width: 143px; text-align: center; border-radius: 10px; background-color: #323f6f; }

.main .container .sns_channel .sns_box.culture > a img { margin-left: 10px; vertical-align: 0; }

.main .container .sns_channel .sns_box .weibo { padding-top: 120px; background: url(../images/common/bg_sns_box.png) no-repeat center/cover; height: 100%; text-align: center; }

.main .container .sns_channel .sns_box .vk { padding-top: 120px; background: url(../images/common/bg_sns_box-vk.jpg) no-repeat center/cover; height: 100%; text-align: center; }

.main .container .sns_channel .sns_box .vk > img { width: 100px; height: 100px; }

.main .container .sns_channel .sns_box .weibo > div { margin: 14px 0 25px; font-size: 24px; color: #000; font-weight: 500; line-height: 1.25; }

.main .container .sns_channel .sns_box .vk > div { margin: 14px 0 25px; font-size: 24px; color: #fff; font-weight: 500; line-height: 1.25; }

.main .container .sns_channel .sns_box .weibo > a { display: inline-block; font-size: 17px; color: #fff; line-height: 48px; padding: 0 15px; min-width: 190px; text-align: center; border-radius: 10px; background-color: #000; }

.main .container .sns_channel .sns_box .vk > a { display: inline-block; font-size: 17px; color: #fff; line-height: 48px; padding: 0 15px; min-width: 190px; text-align: center; border-radius: 10px; background-color: #000; }

.main .container .sns_channel .sns_box .weibo > a img { margin-left: 10px; vertical-align: 0; }

.main .container .sns_channel .sns_box .vk > a img { margin-left: 10px; vertical-align: 0; }

@media screen and (max-width: 1080px) { 
  .main .container .sns_channel {text-align: center;width: 100%;float: none;margin: 0 auto 40px;}
  .main .container .sns_channel .con_tit.type2 { top: 0; }

  /* 241011 - facebook iframe 으로 인한 임시 스타일 */
  /* .main .container .sns_channel .tab_sns { position: static; text-align: center; margin: 5px 0; white-space: nowrap; } */
  .main .container .sns_channel .tab_sns { position: static; text-align: center; margin: 15px 0 5px; white-space: nowrap; }

  /* 241011 - facebook iframe 으로 인한 임시 스타일 */
  /* .main .container .sns_channel .sns_box { position: relative; margin: 0 auto; top: 0; text-align: center; max-width: 550px; } */
  .main .container .sns_channel .sns_box { display: none !important; position: relative; margin: 0 auto; top: 0; text-align: center; max-width: 550px; }

  .main .container .sns_channel .sns_box.oecd { height: auto; top: 0; margin-top: 20px; max-width: none; }
  .main .container .sns_channel .sns_box.oecd > ul { max-width: 860px; }
  .main .container .sns_channel .sns_box.oecd > ul:after { content: ""; display: block; clear: both; }
  .main .container .sns_channel .sns_box.oecd > ul > :nth-child(n) { float: left; width: calc(25% - 15px); margin-right: 20px; }
  .main .container .sns_channel .sns_box.oecd > ul > :nth-child(4n) { margin-right: 0; }
  .main .container .sns_channel .sns_box.oecd > ul > :not(:nth-child(4n + 1)) { clear: none; }
  .main .container .sns_channel .sns_box.oecd > ul > :nth-child(4n + 1) { clear: both; }
  .main .container .sns_channel .sns_box.oecd > ul > li a { height: 160px; line-height: 100px; }
  .main .container .sns_channel .sns_box.oecd > ul > li a img { -webkit-transform: scale(0.7); transform: scale(0.7); }
  .main .container .sns_channel .sns_box.culture { height: auto; padding: 50px 0; top: 0; margin-top: 20px; max-width: none; } 

  /* 241011 - facebook iframe 으로 인한 임시 스타일 */
  .main .container .sns_channel .tab_sns > li.active > a { position: relative; background-position: center top 8px; }

  .main .container .sns_channel .tab_sns > li.active > a.weibo { background-image: url(../images/common/icon_weibo_off.png); }

  .main .container .sns_channel .tab_sns > li.active > a.facebook { background-image: url(../images/common/icon_face_off.png); }

  .main .container .sns_channel .tab_sns > li.active > a.twitter { background-image: url(../images/common/icon_twitter_off.png); }

  .main .container .sns_channel .tab_sns > li.active > a.insta { background-image: url(../images/common/icon_insta_off.png); }

  .main .container .sns_channel .tab_sns > li.active > a.youtube { background-image: url(../images/common/icon_youtube_off.png); }

  .main .container .sns_channel .tab_sns > li.active > a.kakaoplus { background-image: url(../images/common/icon_kakaoplus_off.png); }

  .main .container .sns_channel .tab_sns > li.active > a.ncafe { background-image: url(../images/common/icon_ncafe_off.png); }

  .main .container .sns_channel .tab_sns > li.active > a.vk { background-image: url(../images/common/icon_vk_off.png); }

  .main .container .sns_channel .tab_sns > li.active > a.naverblog { background-image: url(../images/common/icon_naverblog_off.png); }

  .main .container .sns_channel .tab_sns > li.active > a.telegram { background-image: url(../images/common/icon_telegram_off.png); }

  .main .container .sns_channel .tab_sns > li.active > a.Linkedin { background-image: url(../images/common/icon_Linkedin_off.png); }
  /* // 241011 - facebook iframe 으로 인한 임시 스타일 */
}

@media screen and (max-width: 720px) { .main .container .sns_channel { margin-bottom: 40px; }
  .main .container .sns_channel .sns_box { height: 400px; }
  .main .container .sns_channel .sns_box.oecd { margin-top: 20px; padding: 30px 15px; }
  .main .container .sns_channel .sns_box.oecd > ul { max-width: 415px; }
  .main .container .sns_channel .sns_box.oecd > ul:after { content: ""; display: block; clear: both; }
  .main .container .sns_channel .sns_box.oecd > ul > :nth-child(n) { float: left; width: calc(50% - 7.5px); margin-right: 15px; }
  .main .container .sns_channel .sns_box.oecd > ul > :nth-child(2n) { margin-right: 0; }
  .main .container .sns_channel .sns_box.oecd > ul > :not(:nth-child(2n + 1)) { clear: none; }
  .main .container .sns_channel .sns_box.oecd > ul > :nth-child(2n + 1) { clear: both; }
  .main .container .sns_channel .sns_box.oecd > ul > li a { height: 130px; line-height: 80px; }
  .main .container .sns_channel .sns_box.oecd > ul > li a img { -webkit-transform: scale(1); transform: scale(1); height: 60px; }
  .main .container .sns_channel .sns_box.oecd > ul > li a span { font-size: 16px; }
  .main .container .sns_channel .sns_box.culture { height: auto; margin-top: 20px; padding: 30px 15px; }
  .main .container .sns_channel .sns_box.culture > div { margin: 8px 0 14px; font-size: 18px; }
  .main .container .sns_channel .sns_box.culture > a { font-size: 15px; line-height: 32px; padding: 0 15px; }
  .main .container .sns_channel .sns_box.culture > a img { margin-left: 5px; }
  .main .container .sns_channel .sns_box .weibo { padding-top: 100px; }
  .main .container .sns_channel .sns_box .weibo > div { margin: 8px 0 14px; font-size: 18px; }
  .main .container .sns_channel .sns_box .weibo > a { font-size: 15px; line-height: 32px; padding: 0 15px; }
  .main .container .sns_channel .sns_box .weibo > a img { margin-left: 5px; } }

@media screen and (max-width: 500px) { .main .container .sns_channel { text-align: center; }
  .main .container .sns_channel .sns_box.oecd { margin-top: 20px; } }

.main .container .travel { float: left; width: calc(100% - 550px); margin-top: 40px; margin-bottom: 40px; padding-right: 40px; min-height: 180px; }

.main .container .travel ul { border-left: 1px solid #dedede; border-top: 1px solid #dedede; }

.main .container .travel ul:after { content: ""; display: block; clear: both; }

.main .container .travel ul li { float: left; width: 50%; display: table; border-bottom: 1px solid #dedede; border-right: 1px solid #dedede; height: 89px; background: url(../images/common/icon_travel_dot.png) no-repeat right 30px center; }

.main .container .travel ul li a { padding-left: 30px; padding-right: 60px; display: table-cell; width: 100%; vertical-align: middle; font-size: 18px; }

.main .container .travel ul.item2 li { width: 100%; }

@media screen and (max-width: 1200px) { .main .container .travel ul li a { font-size: 16px; } }

@media screen and (max-width: 1080px) { .main .container .travel { width: 50%; margin-top: 40px; padding-right: 30px; min-height: auto; }
  .main .container .travel ul li { width: 100%; }
  .main .container .travel ul li a { font-size: 18px; } }

@media screen and (max-width: 720px) { 
	.main .container .travel { width: 100%; padding-right: 0; }
  .main .container .travel ul li { height: 70px; background-position: right 20px center; }
  .main .container .travel ul li a { font-size: 16px; padding-left: 20px; padding-right: 50px; } 
}

.main .container .img_board { float: left; width: 550px; height: 0; position: relative; top: -162px; }

.main .container .img_board .banner1 { margin-bottom: 40px; position: relative; }

.main .container .img_board .banner1 .slide .slick-slide { display: block; }

.main .container .img_board .banner1 .slide .slick-slide a { float: left; }

.main .container .img_board .banner1 .slide .slick-slide .img { width: 100%; height: 240px; }

.main .container .img_board .banner1 .slide .slick-slide .img img { width: 100%; height: 100%; }

.main .container .img_board .banner2 { position: relative; border: 1px solid #dedede; }

.main .container .img_board .banner2 .slide .slick-slide { display: block; float: left; }

.main .container .img_board .banner2 .slide .slick-slide a { float: left; }

@media screen and (max-width: 720px) { .main .container .img_board .banner2 .slide .slick-slide a img { width: 100%; } }
	
	.main .container .img_board .banner2 .slide .slick-slide img { width: 100%; height: 100px; }
	
	.main .container .img_board .control { position: absolute; right: 0; bottom: 0; font-size: 0; color: #fff; line-height: 0; text-align: right; }
	
	.main .container .img_board .control > :nth-child(n) { width: 40px; height: 40px; overflow: hidden; text-indent: 40px; display: inline-block; font-size: 15px; margin-left: 2px; line-height: 40px; vertical-align: middle; }
	
	.main .container .img_board .control .pagination_num { margin-top: 2px; line-height: 1.4; }
	
	.main .container .img_board .control button { background-color: rgba(0, 0, 0, 0.5); background-repeat: no-repeat; background-position: center; }
	
	.main .container .img_board .control button.next { background-image: url(../images/common/btn_imgbd_next.png); }
	
	.main .container .img_board .control button.prev { background-image: url(../images/common/btn_imgbd_prev.png); }
	
	.main .container .img_board .control button.pause { background-image: url(../images/common/btn_imgbd_pause.png); }
	
	.main .container .img_board .control button.play { background-image: url(../images/common/btn_imgbd_play.png); }
	
	.main .container .img_board .control button.more { background-image: url(../images/common/btn_imgbd_more.png); }
	
	@media screen and (min-width: 720px) { .main .container .img_board button:hover { background-color: rgba(0, 0, 0, 0.7); } 
}

@media screen and (max-width: 1080px) { 
	.main .container .img_board { max-width: 50%; top: 0; margin-top: 0; height: auto; margin-bottom: 40px; }
  .main .container .img_board .banner1 { margin-bottom: 30px; margin-top: 40px; }
  .main .container .img_board .banner1 .slide .slick-slide .img { height: 226px; } 
}

@media screen and (max-width: 720px) { .main .container .img_board { width: 100%; height: auto; max-width: 100%; margin-bottom: 0; }
  .main .container .img_board .banner1 { margin-bottom: 40px; position: relative; margin-top: 0; }
  .main .container .img_board .banner1 .slide { width: 100%; }
  .main .container .img_board .banner1 .slide .slick-slide { display: block; }
  .main .container .img_board .banner1 .slide .slick-slide .img { width: 100%; }
  .main .container .img_board .banner2 { position: relative; border: 1px solid #dedede; margin-bottom: 40px; }
  .main .container .img_board .banner2 .slide .slick-slide { display: block; }
  .main .container .img_board .banner2 .slide .slick-slide .img { width: 100%; height: 100px; } 
}

.main .container .embassies { display: table; float: left; width: 100%; margin-bottom: 60px; border: 4px solid #e6eaff; padding: 30px 170px 30px 36px; line-height: 27px; position: relative; }

.main .container .embassies:after { position: absolute; right: 18px; top: 6px; width: 140px; height: 113px; background: url(../images/common/bg_embassies.png) no-repeat 50% 50%; content: ''; }

.main .container .embassies h2 { padding-left: 43px; display: table-cell; vertical-align: top; padding-right: 20px; font-size: 20px; font-weight: 500; background: url(../images/common/icon_embassies.png) no-repeat left top; white-space: nowrap; width: 173px; }

.main .container .embassies h2 span { color: #4566de; }

.main .container .embassies ul { float: left; display: table-cell; vertical-align: top; }

.main .container .embassies ul li { float: left; }

.main .container .embassies ul li a { display: block; padding-left: 10px; padding-right: 12px; position: relative; }

.main .container .embassies ul li a:before { content: ''; position: absolute; left: 0; top: 50%; margin-top: -2px; width: 4px; height: 4px; border-radius: 4px; background-color: #97adff; }

@media screen and (min-width: 720px) { .main .container .embassies ul li a:hover { text-decoration: underline; } }

@media screen and (max-width: 720px) { .main .container .embassies { padding: 15px; margin-bottom: 40px; display: block; }
  .main .container .embassies:after { width: 70px; background-size: 70px auto; height: 70px; right: 15px; top: 0; }
  .main .container .embassies h2 { width: 100%; font-size: 18px; margin-bottom: 15px; display: block; }
  .main .container .embassies ul { width: 100%; font-size: 15px; display: block; }
  .main .container .embassies ul li a { padding-left: 12px; padding-right: 8px; } }

.main .news2 { clear: both; background: #393f6e url(../images/common/bg_main_news2.jpg) no-repeat right 95% top; padding: 55px 0 58px; color: #fff; height: 507px; }

.main .news2 > .container { position: relative; }

.main .news2 .con_tit { color: #fff; max-width: calc(100% - 550px); padding-right: 40px; }

.main .news2 ul { max-width: calc(100% - 550px); margin-top: 25px; padding-right: 40px; }

.main .news2 ul li { border-bottom: 1px solid #4a4f76; width: 100%; font-size: 0; }

.main .news2 ul li:last-of-type { border-bottom: 0; }

.main .news2 ul li a { padding: 25px 0 25px; display: inline-block; vertical-align: middle; width: calc(100% - 180px); }

.main .news2 ul li a h3 { font-size: 20px; margin-bottom: 10px; white-space: nowrap; text-overflow: ellipsis; overflow: hidden; }

.main .news2 ul li a em { font-size: 16px; color: rgba(255, 255, 255, 0.6); padding-left: 28px; background: url(../images/common/icon_news2_date.png) no-repeat left top 4px; }

.main .news2 ul .more { text-align: right; width: 180px; font-size: 16px; background: url(../images/common/bg_news2_more.png) no-repeat right center; position: relative; padding-right: 45px; padding-left: 20px; color: #6bd0ff; }

.main .news2 ul .more img { position: absolute; right: 10px; top: 50%; margin-top: -5px; vertical-align: 3px; }

.main .news2 ul.item2 li a:not(.more) h3 { white-space: unset; text-overflow: ellipsis; overflow: hidden; display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical; line-height: 1.5; }

.main .news2 ul.item2 li .more { top: -1em; }

.main .news2 ul.item3 li { position: relative; }

.main .news2 ul.item3 li a:not(.more) { padding: 10px 0; }

.main .news2 ul.item3 li a:not(.more) h3 { white-space: unset; text-overflow: ellipsis; overflow: hidden; display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical; line-height: 1.5; }

.main .news2 ul.item3 li .more { position: absolute; right: 0; top: 0; }

@media screen and (min-width: 720px) { .main .news2 ul li a:hover h3 { text-decoration: underline; }
  .main .news2 ul li .more img { -webkit-transition: all 0.3s; transition: all 0.3s; }
  .main .news2 ul li .more:hover img { right: 5px; } }

@media screen and (max-width: 1080px) { .main .news2 { padding: 33px 0 23px; height: auto; }
  .main .news2 .con_tit { color: #fff; max-width: none; padding-right: 0; }
  .main .news2 ul { max-width: 100%; margin-top: 0; padding-right: 0; } }

@media screen and (max-width: 720px) { .main .news2 ul li { position: relative; }
  .main .news2 ul li a { padding: 15px 0 40px; width: 100%; }
  .main .news2 ul li a h3 { font-size: 16px; white-space: normal; text-overflow: unset; }
  .main .news2 ul li a em { font-size: 14px; background-position: left top 4px; background-size: 16px auto; padding-left: 21px; }
  .main .news2 ul .more { font-size: 14px; padding: 0; padding-bottom: 0; padding-right: 35px; width: auto; background-size: 20px auto; position: absolute; right: 0; bottom: 15px; }
  .main .news2 ul .more img { width: 15px; margin-top: -3px; }
  .main .news2 ul.item3 li .more { padding: 0; padding-bottom: 0; padding-right: 35px; bottom: auto; bottom: initial; top: -25px; }
  .main .news2 ul.item2 li .more { top: initial; top: auto; } }

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

.main .mofa_banner > li { float: left; width: 33.3333%; }

.main .mofa_banner > li a { display: block; position: relative; }

.main .mofa_banner > li a span { position: absolute; left: 50px; top: 44px; font-size: 32px; line-height: 1.2; font-weight: 600; color: #fff; text-shadow: 2px 2px 10px rgba(0, 0, 0, 0.2); }

.main .mofa_banner > li a .img { height: 200px; text-align: center; }

.main .mofa_banner.item4 > li { width: 25%; }

@media screen and (max-width: 1080px) { .main .mofa_banner > li a span { left: 30px; top: 30px; font-size: 24px; }
  .main .mofa_banner > li a .img { height: 140px; } }

@media screen and (max-width: 720px) { .main .mofa_banner > li { width: 100%; }
  .main .mofa_banner > li a span { left: 15px; left: 4vw; top: 15px; top: 4vw; font-size: 20px; font-size: 6vw; }
  .main .mofa_banner > li a .img { height: auto; }
  .main .mofa_banner.item4 > li { width: 100%; } }

/*텍스트 타입*/
/*검색영역*/
.main_spot2 { padding: 90px 0 80px; word-break: keep-all; }

.main_spot2:after { content: ""; display: block; clear: both; }

.main_spot2 .tit_box { float: left; width: calc(100% - 580px); }

.main_spot2 .tit_box h2 { float: left; width: 500px; color: #000; font-size: 66px; font-family: "Play", "sans-serif"; font-weight: 600; position: relative; margin-bottom: 36px; line-height: 0.9; }

.main_spot2 .tit_box h2 span { color: rgba(0, 0, 0, 0.2); }

.main_spot2 .tit_box h2:before { content: ''; position: absolute; left: -17px; top: -15px; width: 14px; height: 14px; background-color: #d82f2f; }

.main_spot2 .tit_box > span { float: left; width: 350px; font-size: 15px; line-height: 1.53; color: #444; }

.main_spot2 .search_box { float: right; width: 580px; margin-top: 80px; }

.main_spot2 .search_box .search { margin-bottom: 30px; overflow: hidden; -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); border: 2px solid #d82e2e; border-radius: 8px; color: #777777; font-weight: 500; }

.main_spot2 .search_box .search:after { content: ""; display: block; clear: both; }

.main_spot2 .search_box .search input { float: left; width: calc(100% - 64px); padding-left: 19px; line-height: 58px; height: 58px; }

.main_spot2 .search_box .search button { float: right; width: 64px; height: 58px; background: #d82e2e url(../images/common/btn_main_search.png) no-repeat center; }

.main_spot2 .search_box .notice_slide .slide { float: left; width: 500px; }

.main_spot2 .search_box .notice_slide .slide .slick-slide { display: block; float: left; padding-left: 23px; background: url(../images/common/icon_notice.png) no-repeat left center; white-space: nowrap; text-overflow: ellipsis; overflow: hidden; font-weight: 500; color: #121212; }

.main_spot2 .search_box .notice_slide .control { float: right; width: 60px; font-size: 0; margin-right: -2px; line-height: 24px; }

.main_spot2 .search_box .notice_slide .control > :nth-child(n) { width: 12px; height: 12px; overflow: hidden; text-indent: 12px; display: inline-block; font-size: 15px; margin-left: 9px; line-height: 12px; vertical-align: middle; }

.main_spot2 .search_box .notice_slide .control button { background-repeat: no-repeat; background-position: center; }

.main_spot2 .search_box .notice_slide .control button.next { background-image: url(../images/common/btn_schBox_next.png); }

.main_spot2 .search_box .notice_slide .control button.prev { background-image: url(../images/common/btn_schBox_prev.png); margin-left: 0; }

.main_spot2 .search_box .notice_slide .control button.pause { background-image: url(../images/common/btn_schBox_pause.png); }

.main_spot2 .search_box .notice_slide .control button.play { background-image: url(../images/common/btn_schBox_play.png); }

@media screen and (max-width: 1080px) { .main_spot2 { max-width: 650px; margin: auto; padding: 45px 0; }
  .main_spot2 .tit_box { width: 100%; text-align: center; }
  .main_spot2 .tit_box h2 { float: none; text-align: center; width: auto; display: inline-block; margin-bottom: 10px; }
  .main_spot2 .tit_box > span { width: 100%; }
  .main_spot2 .search_box { margin: 35px 0 0; width: 100%; }
  .main_spot2 .search_box .search { margin-bottom: calc(20px - 0.2em); } }

@media screen and (max-width: 720px) { .main_spot2 { max-width: 650px; margin: auto; padding: 45px 0 30px; }
  .main_spot2 .tit_box { width: 100%; text-align: center; }
  .main_spot2 .tit_box h2 { font-size: 36px; max-width: 190px; text-align: center; margin-bottom: 0; }
  .main_spot2 .tit_box h2 span { display: block; }
  .main_spot2 .tit_box h2:before { content: ''; width: 9px; height: 9px; left: 2px; top: -8px; }
  .main_spot2 .tit_box > span { width: 100%; display: none; }
  .main_spot2 .search_box { margin: 35px 0 0; width: 100%; margin-top: 18px; }
  .main_spot2 .search_box .search { margin-bottom: calc(20px - 0.2em); }
  .main_spot2 .search_box .search input { line-height: 39px; height: 39px; width: calc(100% - 44px); }
  .main_spot2 .search_box .search button { height: 39px; width: 44px; background-size: 20px auto; }
  .main_spot2 .search_box .notice_slide .slide { float: left; width: 100%; }
  .main_spot2 .search_box .notice_slide .slide .slick-slide { padding-left: 19px; background-size: 10px auto; }
  .main_spot2 .search_box .notice_slide .control { width: 100%; font-size: 0; margin-right: 0; text-align: center; margin-top: 5px; } }

/*대사관 정보*/
.intro2 { width: 100%; margin-bottom: 80px; display: table; background-color: #e7eff7; padding: 8px; padding-left: 57px; }

.intro2:after { content: ""; display: block; clear: both; }

.intro2 > ul { display: table-cell; width: 370px; vertical-align: middle; }

.intro2 > ul li { font-size: 0; position: relative; }

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

.intro2 > ul li:first-of-type { margin-bottom: 40px; }

.intro2 > ul li .flag { display: inline-block; width: 85px; margin-right: 25px; height: 60px; overflow: hidden; -webkit-box-shadow: 8px 0 20px 0 rgba(0, 0, 0, 0.12); box-shadow: 8px 0 20px 0 rgba(0, 0, 0, 0.12); }

.intro2 > ul li .flag img { width: 85px; height: 60px; vertical-align: middle; }

.intro2 > ul li > div { vertical-align: middle; width: calc(100% - 113px); display: inline-block; }

.intro2 > ul li > div > strong { display: block; font-size: 20px; color: #001212; font-weight: 500; }

.intro2 > ul li > div > span { display: block; margin-top: 3px; font-size: 19px; color: #b6bcc2; font-family: "Play", "sans-serif"; font-weight: 600; }

.intro2 > ul li > div > span b { color: #121212; }

.intro2 > ul li > div > span em { display: inline-block; margin-left: 25px; color: rgba(18, 18, 18, 0.4); font-weight: 400; font-family: "Noto Sans", "sans-serif"; font-size: 16px; }

.intro2 .contact { display: table-cell; width: calc(100% - 370px); vertical-align: middle; background-color: #fff; padding: 30px 40px; }

.intro2 .contact h3 { font-size: 20px; font-weight: 500; margin-bottom: 20px; }

.intro2 .contact ol:after { content: ""; display: block; clear: both; }

.intro2 .contact ol > li { float: left; margin-right: 70px; font-family: "Play", "sans-serif"; font-size: 16px; font-weight: 600; margin-bottom: 12px; color: #121212; }

.intro2 .contact ol > li b { display: block; margin-bottom: 5px; color: #121212; font-size: 16px; font-family: "Noto Sans", "sans-serif"; }

.intro2 .contact ol > li span { color: #d82f2f; }

.intro2 .contact ol > li em { color: #121212; font-size: 16px; font-family: "Noto Sans", "sans-serif"; font-weight: 300; }

.intro2 .contact ul li { position: relative; padding-left: 17px; color: #444; margin: 0.1em 0; font-size: 15px; }

.intro2 .contact ul li:before { position: absolute; left: 0; top: 0; content: '※'; }

.intro2 .contact .tip_wrap { margin-top: 15px; }

.intro2.type2 { display: block; padding: 8px; padding-top: 43px; }

.intro2.type2 > h3 { font-size: 22px; margin-bottom: 16px; padding-left: 49px; font-family: "Open Sans", "sans-serif"; font-weight: 600; word-break: break-all; }

.intro2.type2 > ul { display: block; width: 100%; padding-left: 49px; }

.intro2.type2 > ul + ul { margin-top: 5px; }

.intro2.type2 > ul li { font-size: 0; position: relative; width: 50%; max-width: 365px; float: left; }

.intro2.type2 > ul li:first-of-type { margin-bottom: 30px; }

.intro2.type2 .contact { display: block; width: 100%; margin-top: 18px; }

@media screen and (max-width: 1080px) { .intro2 { margin-bottom: 50px; display: block; padding: 8px; padding-top: 43px; }
  .intro2 > ul { display: block; width: 100%; padding-left: 30px; }
  .intro2 > ul li { font-size: 0; position: relative; width: 50%; max-width: 365px; float: left; }
  .intro2 > ul li:first-of-type { margin-bottom: 30px; }
  .intro2 > ul li > div > span em { margin-left: 10px; }
  .intro2 .contact { display: block; width: 100%; margin-top: 18px; }
  .intro2.type2 > h3 { padding-left: 30px; }
  .intro2.type2 > ul { padding-left: 30px; } }

@media screen and (max-width: 720px) { .intro2 { margin-bottom: 30px; padding: 6px; padding-top: 25px; }
  .intro2 > ul { padding-left: 19px; }
  .intro2 > ul li { width: 100%; max-width: none; }
  .intro2 > ul li:first-of-type { margin-bottom: 20px; }
  .intro2 > ul li .flag { width: 65px; margin-right: 15px; height: 46px; overflow: hidden; -webkit-box-shadow: 4px 0 10px 0 rgba(0, 0, 0, 0.12); box-shadow: 4px 0 10px 0 rgba(0, 0, 0, 0.12); }
  .intro2 > ul li .flag img { width: 65px; height: 46px; }
  .intro2 > ul li > div > strong { font-size: 16px; }
  .intro2 > ul li > div > span { font-size: 15px; margin-top: 0; }
  .intro2 > ul li > div > span em { font-size: 13px; margin-left: 12px; }
  .intro2 .contact { display: block; width: 100%; margin-top: 25px; padding: calc(20px - 0.2em) 20px 20px; }
  .intro2 .contact h3 { font-size: 16px; margin-bottom: 12px; }
  .intro2 .contact ol > li { float: left; width: 100%; font-size: 15px; margin-bottom: 12px; margin-right: 0; }
  .intro2 .contact ol > li b { display: block; margin-bottom: 4px; }
  .intro2 .contact ul li { font-size: 14px; }
  .intro2 .contact ul li:before { position: absolute; left: 0; top: 0; content: '※'; }
  .intro2 .contact .tip_wrap { margin-top: 10px; }
  .intro2.type2 { padding: 6px; padding-top: 25px; }
  .intro2.type2 > h3 { padding-left: 19px; font-size: 17px; margin-bottom: 10px; }
  .intro2.type2 > ul { padding-left: 19px; }
  .intro2.type2 > ul li { width: 100%; max-width: none; }
  .intro2.type2 > ul li:first-of-type { margin-bottom: 20px; }
  .intro2.type2 > ul + h3, .intro2.type2 > ul + ul { margin-top: 20px; }
  .intro2.type2 .contact { margin-top: 25px; } }

/*독도&동해&국민정책 제안*/
.mofa_banner2 { width: 100%; margin-bottom: 80px; }

.mofa_banner2:after { content: ""; display: block; clear: both; }

.mofa_banner2 > :nth-child(n) { float: left; width: calc(33.33333% - 33.33333px); margin-right: 50px; }

.mofa_banner2 > :nth-child(3n) { margin-right: 0; }

.mofa_banner2 > :not(:nth-child(3n + 1)) { clear: none; }

.mofa_banner2 > :nth-child(3n + 1) { clear: both; }

.mofa_banner2 li { display: table; position: relative; height: 197px; background: url(../images/common/bg_mofa_banner2_1.png) no-repeat -189px -114px, url(../images/common/bg_mofa_banner2_2.png) no-repeat 66px 145px; background-color: #eaf2f9; }

.mofa_banner2 li a { display: table-cell; width: 100%; vertical-align: middle; padding-left: 34px; padding-right: 50%; font-size: 21px; font-weight: 500; color: #121212; }

.mofa_banner2 li a span { display: block; margin-top: 16px; font-size: 14px; }

.mofa_banner2 li a span:after { content: ''; display: inline-block; margin-left: 8px; width: 14px; height: 10px; background: url(../images/common/arrow_more.png) no-repeat center; }

.mofa_banner2 li .img { position: absolute; right: 0; top: 0; width: 48%; height: 100%; }

.mofa_banner2 li .img img { height: 100%; width: auto; }

@media screen and (max-width: 1080px) { .mofa_banner2 { margin-bottom: 50px; }
  .mofa_banner2:after { content: ""; display: block; clear: both; }
  .mofa_banner2 > :nth-child(n) { float: left; width: calc(33.33333% - 26.66667px); margin-right: 40px; }
  .mofa_banner2 > :nth-child(3n) { margin-right: 0; }
  .mofa_banner2 > :not(:nth-child(3n + 1)) { clear: none; }
  .mofa_banner2 > :nth-child(3n + 1) { clear: both; }
  .mofa_banner2 li { display: block; position: relative; height: auto; background-position: -130px -50px, 131px 195px; }
  .mofa_banner2 li a { display: block; width: 100%; padding-left: 20px; padding-top: 154px; padding-right: 20px; font-size: 0; line-height: 0; font-weight: 500; color: #121212; }
  .mofa_banner2 li a > div:not(.img) { height: 65px; width: 100%; display: table; }
  .mofa_banner2 li a b { display: table-cell; font-size: 18px; line-height: 1.2; vertical-align: middle; }
  .mofa_banner2 li a span { display: table-cell; width: 70px; font-size: 13px; line-height: 1.4; margin-top: 0; vertical-align: middle; text-align: right; }
  .mofa_banner2 li a span:after { content: ''; margin-left: 5px; background-size: 12px auto; }
  .mofa_banner2 li .img { width: 100%; height: 154px; background-repeat: no-repeat; background-position: center; background-size: cover; }
  .mofa_banner2 li .img.doc { background-image: url(../images/common/mofa_banner_1.jpg); }
  .mofa_banner2 li .img.sea { background-image: url(../images/common/mofa_banner_2.jpg); }
  .mofa_banner2 li .img.policy { background-image: url(../images/common/mofa_banner_3.jpg); }
  .mofa_banner2 li .img img { display: none; } }

@media screen and (max-width: 720px) { .mofa_banner2 { margin-bottom: 50px; }
  .mofa_banner2:after { content: ""; display: block; clear: both; }
  .mofa_banner2 > :nth-child(n) { float: left; width: calc(100% - 0px); margin-right: 0px; }
  .mofa_banner2 > :nth-child(1n) { margin-right: 0; }
  .mofa_banner2 > :not(:nth-child(1n + 1)) { clear: none; }
  .mofa_banner2 > :nth-child(1n + 1) { clear: both; }
  .mofa_banner2 li { background: url(../images/common/bg_mofa_banner2_m.jpg) no-repeat center/cover; margin-bottom: 10px; }
  .mofa_banner2 li:last-of-type { margin-bottom: 0; }
  .mofa_banner2 li a { padding: 0 20px; }
  .mofa_banner2 li a b { font-size: 17px; }
  .mofa_banner2 li .img { display: none; } }

/*자주 찾는 메뉴*/
.favorites2 { font-size: 0; line-height: 0; margin-bottom: 80px; }

.favorites2 h2 { width: 220px; display: inline-block; vertical-align: middle; line-height: 1.4; }

.favorites2 h2 span { font-family: "Play", "sans-serif"; font-size: 14px; color: #cdcdcd; display: block; }

.favorites2 .slide_wrap { display: inline-block; vertical-align: middle; font-size: 15px; line-height: 1.4; width: calc(100% - 220px); border: 8px solid #f5f7f9; padding: 0 90px; text-align: center; position: relative; }

.favorites2 .slide_wrap:before { width: calc(100% - 92px); height: 8px; position: absolute; left: 46px; top: -8px; content: ''; background-color: #fff; }

.favorites2 .slide_wrap:after { width: calc(100% - 92px); height: 8px; position: absolute; left: 46px; bottom: -8px; content: ''; background-color: #fff; }

.favorites2 .slide_wrap .slide .slick-slide { padding: 22px 10px 0; }

.favorites2 .slide_wrap .slide .slick-slide a { float: left; width: 100%; }

.favorites2 .slide_wrap .slide .slick-slide a > div { line-height: 73px; height: 73px; display: block; margin: auto; }

.favorites2 .slide_wrap .slide .slick-slide a > div img { display: inline-block; vertical-align: middle; }

.favorites2 .slide_wrap .slide .slick-slide span { display: inline-block; min-height: 42px; }

.favorites2 .slide_wrap .control { display: none; }

.favorites2 .slide_wrap .control > :nth-child(n) { position: absolute; width: 34px; height: 34px; top: 50%; margin-top: -17px; background-position: center; background-repeat: no-repeat; background-size: cover; opacity: 0.4; }

@media screen and (min-width: 720px) { .favorites2 .slide_wrap .control > :nth-child(n):hover { opacity: 1; } }

.favorites2 .slide_wrap .control .prev { left: 40px; background-image: url(../images/common/btn_service2_prev.png); }

.favorites2 .slide_wrap .control .next { right: 40px; background-image: url(../images/common/btn_service2_next.png); }

@media screen and (max-width: 1080px) { .favorites2 { margin-bottom: 50px; }
  .favorites2 .slide_wrap:before { width: calc(100% - 86px); left: 43px; }
  .favorites2 .slide_wrap:after { width: calc(100% - 86px); left: 43px; }
  .favorites2 .slide_wrap .control { display: block; } }

@media screen and (max-width: 900px) { .favorites2 { text-align: center; }
  .favorites2 h2 { display: inline-block; width: auto; }
  .favorites2 .slide_wrap { display: block; width: 100%; } }

@media screen and (max-width: 720px) { .favorites2 { margin-bottom: 40px; }
  .favorites2 h2 { font-size: 20px; width: auto; }
  .favorites2 h2 span { display: none; }
  .favorites2 .slide_wrap { border: 0; padding: 0 20px; }
  .favorites2 .slide_wrap:before, .favorites2 .slide_wrap:after { content: none; }
  .favorites2 .slide_wrap .slide .slick-slide { padding: 10px 10px 0; }
  .favorites2 .slide_wrap .control > :nth-child(n) { opacity: 1; }
  .favorites2 .slide_wrap .control .prev { left: -15px; }
  .favorites2 .slide_wrap .control .next { right: -15px; } }

.notice { padding: 45px 0 0 93px; position: relative; border-bottom: 1px solid #e0e3e8; float: left; width: calc(100% - 420px); }

.notice:before { content: ''; position: absolute; left: 0; top: 0; bottom: 0; width: 254px; height: calc(100% + 1px); background-color: #f0f5f9; }

.notice h2 { margin-left: 209px; margin-bottom: 26px; }

.notice .tab_box2 { position: relative; }

.notice .tab_box2 > li > button { height: 48px; width: 191px; color: #121212; font-size: 17px; text-align: left; padding-left: 30px; }

.notice .tab_box2 > li > div { display: none; position: absolute; left: 191px; top: 0; width: calc(100% - 191px); height: 400px; border: 1px solid #e0e3e8; border-left: 0; border-bottom: 0; padding: 36px 40px; }

.notice .tab_box2 > li > div ol li { margin-bottom: 33px; }

.notice .tab_box2 > li > div ol li a { display: block; }

.notice .tab_box2 > li > div ol li a h3 { position: relative; font-size: 17px; font-weight: 500; margin-bottom: 12px; }

.notice .tab_box2 > li > div ol li a h3:before { content: ''; display: inline-block; width: 3px; height: 16px; background-color: #d82f2f; margin-right: 10px; vertical-align: -1px; }

.notice .tab_box2 > li > div ol li a span { color: #8e97a0; font-size: 15px; }

.notice .tab_box2 > li > div ol li a p { white-space: nowrap; overflow: hidden; text-overflow: ellipsis; color: #121212; font-weight: 500; margin-top: 7px; }

.notice .tab_box2 > li > div ol li:last-of-type { margin-bottom: 0; }

.notice .tab_box2 > li > div ol.item2 li { padding-bottom: 34px; border-bottom: 1px dotted #ccc; }

.notice .tab_box2 > li > div ol.item2 li:last-of-type { border-bottom: 0; padding-bottom: 0; }

.notice .tab_box2 > li.active > button { position: relative; background-color: #d82f2f; color: #fff; }

.notice .tab_box2 > li.active > button:after { position: absolute; right: 0; top: 50%; width: 22px; height: 2px; background-color: #fff; margin-top: -1px; content: ''; }

.notice .tab_box2 > li.active > div { display: block; }

.notice .more { position: absolute; right: 0; top: 60px; padding-right: 22px; background: url(../images/common/arrow_more.png) no-repeat right top 5px; font-size: 14px; font-weight: 500; color: #121212; }

@media screen and (max-width: 1200px) { .notice { float: none; width: 100%; padding-left: 60px; }
  .notice:before { width: 230px; }
  .notice .more { top: 60px; padding-right: 22px; font-size: 14px; } }

@media screen and (max-width: 720px) { .notice { padding: 0; }
  .notice h2 { margin-left: 0; margin-bottom: 10px; }
  .notice:before { content: none; }
  .notice .tab_box2 { margin-bottom: 43px; }
  .notice .tab_box2 > li { width: 20%; float: left; border-right: 1px solid #e0e3e8; }
  .notice .tab_box2 > li:last-of-type { border-right: 0; }
  .notice .tab_box2 > li.active > button:after { content: none; }
  .notice .tab_box2 > li > button { height: 43px; width: 100%; font-size: 14px; padding-left: 0; text-align: center; background-color: #f0f5f9; color: #a2aeb8; }
  .notice .tab_box2 > li > div { left: 0; top: 44px; width: 100%; height: auto; padding: 20px 0; background-color: #fff; border: 0; }
  .notice .tab_box2 > li > div ol li { margin-bottom: 20px; }
  .notice .tab_box2 > li > div ol li a h3 { font-size: 16px; margin-bottom: 3px; }
  .notice .tab_box2 > li > div ol li a span { font-size: 14px; }
  .notice .tab_box2 > li > div ol li a p { margin-top: 4px; font-size: 14px; }
  .notice .tab_box2 > li > div ol.item2 li { padding-bottom: 20px; border-bottom: 1px dotted #ccc; }
  .notice .more { top: 8px; padding-right: 22px; font-size: 13px; background-position: right top 3px; } }

.travel2 { word-break: keep-all; float: right; width: 340px; margin-top: 108px; border-top-left-radius: 80px; counter-reset: num; margin-bottom: 80px; height: 400px; background-color: #465c73; padding: 45px 60px; color: #fff; font-size: 18px; }

.travel2 li { display: table; width: 100%; height: 80px; border-bottom: 1px dotted #6a7c8e; }

.travel2 li:before { display: table-cell; vertical-align: middle; counter-increment: num; content: "0" counter(num); color: rgba(255, 255, 255, 0.06); font-family: "Roboto", "sans-serif"; width: 58px; font-size: 38px; font-weight: 500; }

.travel2 li a { display: table-cell; vertical-align: middle; text-align: left; padding-right: 20px; background: url(../images/common/arrow_more2.png) no-repeat right center; }

.travel2 li:last-of-type { border-bottom: 0; }

@media screen and (max-width: 1200px) { .travel2 { float: none; width: 100%; margin-top: 30px; border-top-left-radius: 0; margin-bottom: 50px; height: auto; padding: 20px 0; font-size: 14px; }
  .travel2 li { float: left; width: 25%; height: 54px; padding: 0 25px; border-right: 1px dotted #697a8d; border-bottom: 0; }
  .travel2 li:last-of-type { border-right: 0; }
  .travel2 li:before { width: 28px; font-size: 33px; padding-right: 15px; padding-bottom: 3px; }
  .travel2 li a { padding-right: 16px; }
  .travel2 li a .br { display: inline; } }

@media screen and (max-width: 900px) { .travel2 { padding: 0 25px; font-size: 14px; }
  .travel2 li { width: 100%; height: 54px; padding: 0; border-bottom: 1px dotted #fff; border-right: 0; }
  .travel2 li:before { content: none; }
  .travel2 li a { background-image: url(../images/common/arrow_more2_m.png); background-size: 12px auto; } }

/*지역내 공관*/
.embassies2 { clear: both; margin-bottom: 100px; border: 6px solid #f1f2f2; padding: 22px 36px 22px; display: table; width: 100%; }

.embassies2:after { content: ""; display: block; clear: both; }

.embassies2 h2 { display: table-cell; vertical-align: top; font-size: 18px; font-weight: 500; color: #172635; border-right: 1px solid #f1f2f2; white-space: nowrap; padding-right: 30px; width: 130px; }

.embassies2 ul { display: table-cell; vertical-align: top; padding-left: 30px; }

.embassies2 ul li { float: left; }

.embassies2 ul li a { display: block; color: #858585; padding-left: 16px; padding-right: 19px; position: relative; }

.embassies2 ul li a:before { content: ''; position: absolute; left: 0; top: 50%; width: 3px; height: 3px; background-color: #ccc; }

@media screen and (max-width: 720px) { .embassies2 { margin-bottom: 50px; border: 4px solid #f1f2f2; padding: 15px 20px; display: block; }
  .embassies2 h2 { display: block; width: 100%; font-size: 16px; border-right: 0; margin-right: 0; margin-bottom: 5px; }
  .embassies2 ul { display: block; width: 100%; padding-left: 0; }
  .embassies2 ul li a { padding-left: 15px; padding-right: 18px; }
  .embassies2 ul li a:before { background-color: #000; } }

/*파트너사 배너*/
.f_banner { padding-top: 30px; padding-bottom: 30px; border-top: 1px solid #dedede; }

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

.f_banner .control { font-size: 0; float: left; width: 190px; height: 40px; line-height: 40px; padding-left: 20px; text-align: center; }

.f_banner .control:before { display: inline-block; height: 100%; content: ""; vertical-align: middle; }

.f_banner .control > :nth-child(n) { font-size: 13px; display: inline-block; vertical-align: middle; }

.f_banner .control button { width: 22px; height: 22px; overflow: hidden; text-indent: 22px; margin-right: 5px; }

.f_banner .control button.next { background: url(../images/common/btn_fb_next.png) no-repeat center center; }

.f_banner .control button.prev { background: url(../images/common/btn_fb_prev.png) no-repeat center center; }

.f_banner .control button.pause { background: url(../images/common/btn_fb_pause.png) no-repeat center center; }

.f_banner .control button.play { background: url(../images/common/btn_fb_play.png) no-repeat center center; }

.f_banner .control button.more { width: auto; border: 1px solid #d8d8d8; color: #000; line-height: 20px; padding: 0 8px; margin-right: 0; margin-left: 9px; text-align: center; font-size: 13px; text-indent: 0; }

.f_banner .slide { float: left; width: calc(100% - 190px); }

.f_banner .slide .slick-slide { display: block; width: 181px; border-right: 2px dotted #e0e0e0; line-height: 40px; height: 40px; text-align: center; }

.f_banner .slide .slick-slide a { float: left; padding: 0 22px; width: 179px; }

.f_banner .slide .slick-slide span { display: none; }

.f_banner .slide .slick-slide img { display: inline-block; vertical-align: top; height: 40px; width: 100%; }

@media screen and (max-width: 720px) { .f_banner { padding-top: 20px; padding-bottom: 18px; }
  .f_banner .control { width: 150px; height: 30px; line-height: 30px; padding-left: 0; }
  .f_banner .control button { width: 22px; height: 22px; text-indent: 22px; }
  .f_banner .control button.more { padding: 0 7px; margin-left: 4px; }
  .f_banner .slide { float: left; width: calc(100% - 150px); }
  .f_banner .slide .slick-slide { display: block; width: 130px; border-right: 2px dotted #e0e0e0; line-height: 30px; height: 30px; text-align: center; }
  .f_banner .slide .slick-slide a { padding: 0 10px; width: 130px; height: 30px; }
  .f_banner .slide .slick-slide img { display: inline-block; vertical-align: middle; max-height: 30px; } }

.rtl { text-align: right; /*텍스트 타입*/ /*텍스트 메인 공통*/ /*검색영역*/ /*대사관 정보*/ /*독도&동해&국민정책 제안*/ /*자주 찾는 메뉴*/ /*지역내 공관*/ }

.rtl .main { /*메인배너 영역*/ /*외교부 소식*/ }

.rtl .main .main_spot { overflow: hidden; }

.rtl .main .main_spot:after { left: auto; left: initial; right: 50%; }

.rtl .main .main_spot .intro { direction: rtl; }

.rtl .main .main_spot .intro:after { content: ""; display: block; clear: both; }

.rtl .main .main_spot .intro:before { right: auto; right: initial; left: calc(50% + 70px); }

.rtl .main .main_spot .intro h2 { direction: rtl; word-break: break-all; }

.rtl .main .main_spot .intro ul li { padding-right: 0; padding-left: 5%; float: right; }

.rtl .main .main_spot .intro ul li > div { direction: rtl; }

.rtl .main .main_spot .intro ul li > div .img { margin-right: 0; margin-left: 20px; }

.rtl .main .main_spot .intro ul li span { margin-right: 5px; margin-left: 0; }

.rtl .main .main_spot .intro ul li:last-of-type { margin-left: 0; }

.rtl .main .main_spot .contact { font-size: 20px; color: #fff; direction: rtl; }

.rtl .main .main_spot .contact h3 { float: right; }

.rtl .main .main_spot .contact h3 + div { float: right; }

.rtl .main .main_spot .contact h3 + div ol li { padding-left: 0; padding-right: 13px; }

.rtl .main .main_spot .contact h3 + div ol li:before { left: auto; left: initial; right: 0; }

.rtl .main .main_spot .contact h3 + div ul li { padding-right: 20px; padding-left: 0; }

.rtl .main .main_spot .contact h3 + div ul li:before { right: 0; left: auto; left: initial; }

.rtl .main .main_spot .main_banner { right: 50%; left: auto; left: initial; }

.rtl .main .main_spot .main_banner .control { margin-left: auto; }

.rtl .main .main_spot .main_banner .control .pagination_dot li { float: right; }

@media screen and (max-width: 1340px) { .rtl .main .main_spot .contact { min-height: auto; } }

@media screen and (max-width: 1080px) { .rtl .main .main_spot .intro { text-align: center; }
  .rtl .main .main_spot .intro ul li { padding: 0; display: inline-block; float: none; text-align: center; }
  .rtl .main .main_spot .intro ul li > div { text-align: center; }
  .rtl .main .main_spot .intro ul li > div .img { margin: 0 auto 10px; display: block; }
  .rtl .main .main_spot .main_banner { position: relative; left: 0; top: 0; margin: 40px auto 0; width: 100%; max-width: 100%; padding: 0 40px; -webkit-transform: translateY(0); transform: translateY(0); } }

@media screen and (max-width: 720px) { .rtl .main .main_spot { padding: 40px 0 30px; }
  .rtl .main .main_spot .intro { margin-bottom: 30px; }
  .rtl .main .main_spot .intro h2 { color: #fff; font-size: 24px; margin-top: 0; margin-bottom: 30px; }
  .rtl .main .main_spot .intro ul li { font-size: 14px; vertical-align: top; }
  .rtl .main .main_spot .intro ul li > div strong { font-size: 16px; }
  .rtl .main .main_spot .contact { padding: 30px 0; width: calc(100% - 30px); font-size: 18px; }
  .rtl .main .main_spot .main_banner { margin: 15px auto 0; padding: 0 15px; }
  .rtl .main .main_spot .main_banner .slide .slick-slide span { font-size: 16px; } }

.rtl .main .container { /*외교부 소식*/ /*공관 소셜미디어*/ /*해외여행*/ /*알림판1*/ /*지역내 공관*/ }

.rtl .main .container .favorites .slide .slick-slide { text-align: center; }

.rtl .main .container .news .tab_box > li { margin-right: 0; margin-left: 25px; float: right; }

.rtl .main .container .news .tab_box > li h2 button { padding-left: 13px; padding-right: 0; }

.rtl .main .container .news .tab_box > li.active h2 > button:after { left: 0; right: auto; right: initial; }

.rtl .main .container .news .tab_box ol { text-align: right; }

.rtl .main .container .news .tab_box ol > li { float: right !important; border-left: 1px solid #dfdfdf; border-right: 0; }

.rtl .main .container .news .tab_box ol > li h3:before { content: none; }

.rtl .main .container .news .tab_box ol > li h3:after { content: ''; display: inline-block; width: 4px; height: 22px; background-color: #323f6f; margin-left: 6px; vertical-align: -2px; }

.rtl .main .container .news .tab_box ol > li span { padding-right: 23px; padding-left: 0; background-position: right top 4px; }

.rtl .main .container .news .tab_box ol > li:first-of-type { border-right: 1px solid #dfdfdf; }

.rtl .main .container .news .more { right: auto; right: initial; left: 0; }

@media screen and (max-width: 720px) { .rtl .main .container .news .tab_box > li { margin-left: 10px; }
  .rtl .main .container .news .tab_box > li h2 button { padding-left: 10px; }
  .rtl .main .container .news .tab_box ol > li h3:after { height: 20px; vertical-align: -3px; }
  .rtl .main .container .news .tab_box ol > li h4 { font-size: 16px; }
  .rtl .main .container .news .tab_box ol > li div { margin-top: 10px; margin-bottom: 12px; font-size: 14px; }
  .rtl .main .container .news .tab_box ol > li span { font-size: 13px; padding-left: 16px; background-size: 13px auto; }
  .rtl .main .container .news .more { width: 30px; height: 30px; background-size: 30px auto; } }

.rtl .main .container .sns_channel .tab_sns { text-align: left; }

.rtl .main .container .sns_channel .sns_box { display: block; position: absolute; left: 0; top: 60px; width: 100%; overflow: hidden; overflow-y: auto; height: 508px; background-color: #fff; -webkit-box-shadow: 5px 5px 20px 0 rgba(0, 0, 0, 0.15); box-shadow: 5px 5px 20px 0 rgba(0, 0, 0, 0.15); z-index: 1; }

.rtl .main .container .sns_channel .sns_box::-webkit-scrollbar { width: 6px; height: 6px; }

.rtl .main .container .sns_channel .sns_box::-webkit-scrollbar-thumb { background-color: #c0c0c0; border-radius: 3px; }

.rtl .main .container .sns_channel .sns_box::-webkit-scrollbar-track { background-color: #fff; border-radius: 3px; }

.rtl .main .container .sns_channel .sns_box.oecd { overflow: initial; background: url(../images/common/bg_oecd.jpg) no-repeat center/cover; padding: 50px; }

.rtl .main .container .sns_channel .sns_box.oecd > ul { margin: -20px auto 0; max-width: 420px; }

.rtl .main .container .sns_channel .sns_box.oecd > ul:after { content: ""; display: block; clear: both; }

.rtl .main .container .sns_channel .sns_box.oecd > ul > :nth-child(n) { float: left; width: calc(50% - 10px); margin-right: 20px; }

.rtl .main .container .sns_channel .sns_box.oecd > ul > :nth-child(2n) { margin-right: 0; }

.rtl .main .container .sns_channel .sns_box.oecd > ul > :not(:nth-child(2n + 1)) { clear: none; }

.rtl .main .container .sns_channel .sns_box.oecd > ul > :nth-child(2n + 1) { clear: both; }

.rtl .main .container .sns_channel .sns_box.oecd > ul > li { margin-top: 20px; max-width: 200px; }

.rtl .main .container .sns_channel .sns_box.oecd > ul > li a { display: block; height: 200px; text-align: center; line-height: 140px; padding-top: 12px; background-color: rgba(255, 255, 255, 0.9); border-radius: 10px; -webkit-box-shadow: 5px 5px 5px 0 rgba(0, 0, 0, 0.2); box-shadow: 5px 5px 5px 0 rgba(0, 0, 0, 0.2); }

.rtl .main .container .sns_channel .sns_box.oecd > ul > li a img { vertical-align: middle; }

.rtl .main .container .sns_channel .sns_box.oecd > ul > li a span { display: block; font-size: 20px; color: #222; font-weight: 500; line-height: 1.4; }

.rtl .main .container .sns_channel .sns_box.culture { background: url(../images/common/bg_culture.jpg) no-repeat center/cover; padding-top: 130px; text-align: center; }

.rtl .main .container .sns_channel .sns_box.culture > div { margin: 17px 0 27px; font-size: 24px; color: #000; font-weight: 500; line-height: 1.25; }

.rtl .main .container .sns_channel .sns_box.culture > a { display: inline-block; font-size: 17px; color: #fff; line-height: 50px; padding: 0 15px; min-width: 143px; text-align: center; border-radius: 10px; background-color: #323f6f; }

.rtl .main .container .sns_channel .sns_box.culture > a img { margin-left: 10px; vertical-align: 0; }

.rtl .main .container .sns_channel .sns_box .weibo { padding-top: 120px; text-align: center; }

.rtl .main .container .sns_channel .sns_box .weibo > div { margin: 17px 0 27px; font-size: 24px; color: #000; font-weight: 500; line-height: 1.25; }

@media screen and (max-width: 1080px) { .rtl .main .container .sns_channel { width: 100%; float: none; margin: 0 auto 40px; }
  .rtl .main .container .sns_channel .tab_sns { position: static; text-align: center; margin: 5px 0; white-space: nowrap; }
  .rtl .main .container .sns_channel .sns_box { position: relative; margin: 0 auto; top: 0; text-align: center; }
  .rtl .main .container .sns_channel .sns_box.oecd { height: auto; }
  .rtl .main .container .sns_channel .sns_box.oecd > ul { max-width: 860px; }
  .rtl .main .container .sns_channel .sns_box.oecd > ul:after { content: ""; display: block; clear: both; }
  .rtl .main .container .sns_channel .sns_box.oecd > ul > :nth-child(n) { float: left; width: calc(25% - 15px); margin-right: 20px; }
  .rtl .main .container .sns_channel .sns_box.oecd > ul > :nth-child(4n) { margin-right: 0; }
  .rtl .main .container .sns_channel .sns_box.oecd > ul > :not(:nth-child(4n + 1)) { clear: none; }
  .rtl .main .container .sns_channel .sns_box.oecd > ul > :nth-child(4n + 1) { clear: both; }
  .rtl .main .container .sns_channel .sns_box.oecd > ul > li a { height: 160px; line-height: 100px; }
  .rtl .main .container .sns_channel .sns_box.oecd > ul > li a img { -webkit-transform: scale(0.7); transform: scale(0.7); }
  .rtl .main .container .sns_channel .sns_box.culture { height: auto; padding: 50px 0; } }

@media screen and (max-width: 720px) { .rtl .main .container .sns_channel { margin-bottom: 40px; }
  .rtl .main .container .sns_channel .sns_box { height: 400px; }
  .rtl .main .container .sns_channel .sns_box.oecd { margin-top: 20px; padding: 30px 15px; }
  .rtl .main .container .sns_channel .sns_box.oecd > ul { max-width: 415px; }
  .rtl .main .container .sns_channel .sns_box.oecd > ul:after { content: ""; display: block; clear: both; }
  .rtl .main .container .sns_channel .sns_box.oecd > ul > :nth-child(n) { float: left; width: calc(50% - 7.5px); margin-right: 15px; }
  .rtl .main .container .sns_channel .sns_box.oecd > ul > :nth-child(2n) { margin-right: 0; }
  .rtl .main .container .sns_channel .sns_box.oecd > ul > :not(:nth-child(2n + 1)) { clear: none; }
  .rtl .main .container .sns_channel .sns_box.oecd > ul > :nth-child(2n + 1) { clear: both; }
  .rtl .main .container .sns_channel .sns_box.oecd > ul > li a { height: 130px; line-height: 80px; }
  .rtl .main .container .sns_channel .sns_box.oecd > ul > li a img { -webkit-transform: scale(1); transform: scale(1); height: 60px; }
  .rtl .main .container .sns_channel .sns_box.oecd > ul > li a span { font-size: 16px; }
  .rtl .main .container .sns_channel .sns_box.culture { height: auto; margin-top: 20px; padding: 30px 15px; }
  .rtl .main .container .sns_channel .sns_box.culture > div { margin: 8px 0 14px; font-size: 18px; }
  .rtl .main .container .sns_channel .sns_box.culture > a { font-size: 15px; line-height: 32px; padding: 0 15px; }
  .rtl .main .container .sns_channel .sns_box.culture > a img { margin-left: 5px; }
  .rtl .main .container .sns_channel .sns_box .weibo { padding-top: 100px; }
  .rtl .main .container .sns_channel .sns_box .weibo > div { margin: 8px 0 14px; font-size: 18px; }
  .rtl .main .container .sns_channel .sns_box .weibo > a { font-size: 15px; line-height: 32px; padding: 0 15px; }
  .rtl .main .container .sns_channel .sns_box .weibo > a img { margin-left: 5px; } }

@media screen and (max-width: 500px) { .rtl .main .container .sns_channel { text-align: center; }
  .rtl .main .container .sns_channel .sns_box.oecd { margin-top: 20px; } }

.rtl .main .container .travel ul { border-left: 0; border-right: 1px solid #dedede; }

.rtl .main .container .travel ul li { float: right; border-right: 0; border-left: 1px solid #dedede; background-position: left 30px center; }

.rtl .main .container .travel ul li a { padding-right: 30px; padding-left: 60px; }

.rtl .main .container .travel ul.item2 li { width: 100%; }

@media screen and (max-width: 720px) { .rtl .main .container .travel { width: 100%; padding-right: 0; }
  .rtl .main .container .travel ul li { height: 70px; background-position: left 20px center; }
  .rtl .main .container .travel ul li a { font-size: 16px; padding-right: 20px; padding-left: 50px; } }

@media screen and (max-width: 1080px) { .rtl .main .container .img_board { margin-top: 0; } }

@media screen and (max-width: 720px) { .rtl .main .container .img_board { width: 100%; height: auto; max-width: 100%; }
  .rtl .main .container .img_board .banner1 { margin-bottom: 40px; position: relative; }
  .rtl .main .container .img_board .banner1 .slide { width: 100%; }
  .rtl .main .container .img_board .banner1 .slide .slick-slide { display: block; }
  .rtl .main .container .img_board .banner1 .slide .slick-slide .img { width: 100%; height: auto; }
  .rtl .main .container .img_board .banner2 { position: relative; border: 1px solid #dedede; }
  .rtl .main .container .img_board .banner2 .slide .slick-slide { display: block; }
  .rtl .main .container .img_board .banner2 .slide .slick-slide .img { width: 100%; height: 100px; } }

.rtl .main .container .embassies { float: left; width: 100%; margin-bottom: 60px; border: 4px solid #e6eaff; padding: 30px 170px 30px 36px; line-height: 27px; position: relative; }

.rtl .main .container .embassies:after { position: absolute; right: 18px; top: 6px; width: 140px; height: 113px; background: url(../images/common/bg_embassies.png) no-repeat 50% 50%; content: ''; }

.rtl .main .container .embassies h2 { padding-left: 43px; float: left; width: 170px; padding-right: 20px; font-size: 20px; font-weight: 500; background: url(../images/common/icon_embassies.png) no-repeat left top; }

.rtl .main .container .embassies h2 span { color: #4566de; }

.rtl .main .container .embassies ul { float: left; width: calc(100% - 170px); }

.rtl .main .container .embassies ul li { float: left; }

.rtl .main .container .embassies ul li a { display: block; padding-left: 10px; padding-right: 12px; position: relative; }

.rtl .main .container .embassies ul li a:before { content: ''; position: absolute; left: 0; top: 50%; margin-top: -2px; width: 4px; height: 4px; border-radius: 4px; background-color: #97adff; }

@media screen and (min-width: 720px) { .rtl .main .container .embassies ul li a:hover { text-decoration: underline; } }

@media screen and (max-width: 720px) { .rtl .main .container .embassies { padding: 15px; margin-bottom: 40px; }
  .rtl .main .container .embassies:after { width: 70px; background-size: 70px auto; height: 70px; right: 15px; top: 0; }
  .rtl .main .container .embassies h2 { width: 100%; font-size: 18px; margin-bottom: 15px; }
  .rtl .main .container .embassies ul { width: 100%; font-size: 15px; }
  .rtl .main .container .embassies ul li a { padding-left: 12px; padding-right: 8px; } }

.rtl .main .news2 ul { direction: rtl; }

.rtl .main .news2 ul li a { width: calc(100% - 160px); }

.rtl .main .news2 ul li a h3 { padding-left: 20px; }

.rtl .main .news2 ul li a em { padding-right: 28px; padding-left: 0; background-position: right top 4px; }

.rtl .main .news2 ul .more { text-align: left; padding-left: 0; width: 160px; }

.rtl .main .news2 ul.item3 li .more { position: absolute; right: auto; right: initial; left: 0; top: 0; }

@media screen and (max-width: 1080px) { .rtl .main .news2 .con_tit { max-width: 100%; padding-right: 0; }
  .rtl .main .news2 ul { max-width: 100%; margin-top: 0; padding-right: 0; } }

@media screen and (max-width: 720px) { .rtl .main .news2 ul li a { width: 100%; }
  .rtl .main .news2 ul li a em { background-position: right top 4px; padding-right: 21px; padding-left: 0; }
  .rtl .main .news2 ul .more { padding-right: 35px; background-size: 20px auto; left: 0; right: auto; right: initial; bottom: 15px; width: auto; }
  .rtl .main .news2 ul.item3 li .more { padding-bottom: 0; bottom: auto; bottom: initial; top: -25px; } }

.rtl .main .mofa_banner > li a span { right: 50px; left: auto; left: initial; }

@media screen and (max-width: 1080px) { .rtl .main .mofa_banner > li a span { right: 30px; } }

@media screen and (max-width: 720px) { .rtl .main .mofa_banner > li { width: 100%; }
  .rtl .main .mofa_banner > li a span { right: 15px; right: 4vw; } }

.rtl .con_tit2 { padding-right: 21px; padding-left: 0; }

.rtl .con_tit2:before { right: 1px; left: auto; left: initial; }

@media screen and (max-width: 720px) { .rtl .con_tit2 { padding-right: 12px; } }

.rtl .main_spot2 .tit_box { float: right; direction: rtl; }

.rtl .main_spot2 .tit_box h2 { float: right; padding-right: 17px; }

.rtl .main_spot2 .tit_box h2:before { left: auto; left: initial; right: 0; }

.rtl .main_spot2 .tit_box > span { float: right; }

.rtl .main_spot2 .search_box { float: right; }

.rtl .main_spot2 .search_box .search { direction: rtl; }

.rtl .main_spot2 .search_box .search input { float: right; }

.rtl .main_spot2 .search_box .search button { float: left; }

.rtl .main_spot2 .search_box .notice_slide .slide { float: right; }

.rtl .main_spot2 .search_box .notice_slide .slide .slick-slide { padding-left: 0; padding-right: 23px; background: url(../images/common/icon_notice_rtl.png) no-repeat right; direction: rtl; }

.rtl .main_spot2 .search_box .notice_slide .control { float: left; }

@media screen and (max-width: 720px) { .rtl .main_spot2 .tit_box h2 { float: none; text-align: center; padding-right: 0; }
  .rtl .main_spot2 .tit_box h2:before { left: auto; left: initial; right: 2px; }
  .rtl .main_spot2 .search_box .notice_slide .slide { float: right; width: 100%; }
  .rtl .main_spot2 .search_box .notice_slide .slide .slick-slide { padding-right: 19px; padding-left: 0; } }

.rtl .intro2 { direction: rtl; padding-right: 57px; padding-left: 8px; }

.rtl .intro2 > ul li .flag { margin-left: 25px; margin-right: 0; }

.rtl .intro2 .contact ol:after { content: ""; display: block; clear: both; }

.rtl .intro2 .contact ol > li { float: right; margin-left: 70px; margin-right: 0; }

.rtl .intro2 .contact ul li { padding-right: 17px; padding-left: 0; }

.rtl .intro2 .contact ul li:before { left: auto; left: initial; right: 0; }

.rtl .intro2.type2 { padding-right: 8px; }

.rtl .intro2.type2 > h3 { padding-right: 49px; padding-left: 0; }

.rtl .intro2.type2 > ul { padding-right: 49px; padding-left: 0; }

.rtl .intro2.type2 > ul li { float: right; }

@media screen and (max-width: 1080px) { .rtl .intro2 { padding-right: 8px; }
  .rtl .intro2 > ul { padding-right: 30px; padding-left: 0; }
  .rtl .intro2 > ul li { float: right; }
  .rtl .intro2 > ul li > div > span em { margin-right: 10px; margin-left: 0; }
  .rtl .intro2 .contact { display: block; width: 100%; margin-top: 18px; }
  .rtl .intro2 .contact ol:after { content: ""; display: block; clear: both; }
  .rtl .intro2 .contact ol > li { margin-left: 0; }
  .rtl .intro2.type2 > h3 { padding-right: 30px; }
  .rtl .intro2.type2 > ul { padding-right: 30px; } }

@media screen and (max-width: 720px) { .rtl .intro2 { margin-bottom: 30px; padding: 6px; padding-top: 25px; }
  .rtl .intro2 > ul { padding-left: 19px; }
  .rtl .intro2 > ul li { width: 100%; max-width: none; }
  .rtl .intro2 > ul li:first-of-type { margin-bottom: 20px; }
  .rtl .intro2 > ul li .flag { width: 65px; margin-right: 15px; height: 46px; overflow: hidden; -webkit-box-shadow: 4px 0 10px 0 rgba(0, 0, 0, 0.12); box-shadow: 4px 0 10px 0 rgba(0, 0, 0, 0.12); }
  .rtl .intro2 > ul li .flag img { width: 65px; height: 46px; }
  .rtl .intro2 > ul li > div > strong { font-size: 16px; }
  .rtl .intro2 > ul li > div > span { font-size: 15px; margin-top: 0; }
  .rtl .intro2 > ul li > div > span em { font-size: 13px; margin-left: 12px; }
  .rtl .intro2 .contact { display: block; width: 100%; margin-top: 25px; padding: calc(20px - 0.2em) 20px 20px; }
  .rtl .intro2 .contact h3 { font-size: 16px; margin-bottom: 12px; }
  .rtl .intro2 .contact ol > li { float: left; width: 100%; font-size: 15px; margin-bottom: 12px; margin-right: 0; }
  .rtl .intro2 .contact ol > li b { display: block; margin-bottom: 4px; }
  .rtl .intro2 .contact ul li { font-size: 14px; }
  .rtl .intro2 .contact ul li:before { position: absolute; left: 0; top: 0; content: '※'; }
  .rtl .intro2 .contact .tip_wrap { margin-top: 10px; }
  .rtl .intro2.type2 { padding: 6px; padding-top: 25px; }
  .rtl .intro2.type2 > h3 { padding-left: 19px; font-size: 17px; margin-bottom: 10px; }
  .rtl .intro2.type2 > ul { padding-left: 19px; }
  .rtl .intro2.type2 > ul li { width: 100%; max-width: none; }
  .rtl .intro2.type2 > ul li:first-of-type { margin-bottom: 20px; }
  .rtl .intro2.type2 > ul + h3, .rtl .intro2.type2 > ul + ul { margin-top: 20px; }
  .rtl .intro2.type2 .contact { margin-top: 25px; } }

.rtl .mofa_banner2 li { background: url(../images/common/bg_mofa_banner2_1.png) no-repeat -189px -114px, url(../images/common/bg_mofa_banner2_2.png) no-repeat 66px 145px; background-color: #eaf2f9; }

.rtl .mofa_banner2 li a { padding-right: 34px; padding-left: 50%; }

.rtl .mofa_banner2 li a span { direction: rtl; }

.rtl .mofa_banner2 li a span:after { margin-right: 8px; margin-left: 0; background: url(../images/common/arrow_more_rtl.png) no-repeat center; }

.rtl .mofa_banner2 li .img { right: auto; right: initial; left: 0; }

@media screen and (max-width: 1080px) { .rtl .mofa_banner2 li a { padding-left: 20px; padding-right: 20px; }
  .rtl .mofa_banner2 li a > div:not(.img) { direction: rtl; }
  .rtl .mofa_banner2 li a span:after { margin-right: 5px; } }

@media screen and (max-width: 720px) { .rtl .mofa_banner2 li a { padding: 0 20px; } }

.rtl .favorites2 { direction: rtl; }

.rtl .favorites2 .slide_wrap { direction: ltr; }

.rtl .notice { padding: 45px 93px 0 0; float: right; }

.rtl .notice:before { left: auto; left: initial; right: 0; }

.rtl .notice h2 { margin-right: 209px; margin-left: 0; }

.rtl .notice .tab_box2 > li > button { text-align: right; padding-right: 30px; padding-left: 0; }

.rtl .notice .tab_box2 > li > div { right: 191px; left: auto; left: initial; border-left: 1px solid #e0e3e8; border-right: 0; }

.rtl .notice .tab_box2 > li > div ol li a h3 { direction: rtl; }

.rtl .notice .tab_box2 > li > div ol li a h3:before { margin-left: 10px; margin-right: 0; }

.rtl .notice .tab_box2 > li > div ol li a p { direction: rtl; }

.rtl .notice .tab_box2 > li.active > button:after { left: 0; right: auto; right: initial; }

.rtl .notice .more { left: 0; right: auto; right: initial; padding-left: 22px; padding-right: 0; background: url(../images/common/arrow_more_rtl.png) no-repeat left top 5px; }

@media screen and (max-width: 1200px) { .rtl .notice { padding-right: 60px; float: none; }
  .rtl .notice .more { padding-left: 22px; } }

@media screen and (max-width: 720px) { .rtl .notice { padding: 0; float: none; }
  .rtl .notice h2 { margin-right: 0; }
  .rtl .notice .tab_box2 > li { float: right; border-left: 1px solid #e0e3e8; border-right: 0; }
  .rtl .notice .tab_box2 > li:last-of-type { border-left: 0; }
  .rtl .notice .tab_box2 > li > button { padding-right: 0; text-align: center; }
  .rtl .notice .tab_box2 > li > div { right: 0; left: auto; left: initial; padding: 20px 0; border: 0; }
  .rtl .notice .more { padding-left: 22px; background-position: left top 3px; } }

.rtl .travel2 { float: left; border-top-right-radius: 80px; border-top-left-radius: 0; }

.rtl .travel2 li { direction: rtl; }

.rtl .travel2 li a { text-align: right; padding-left: 20px; padding-right: 0; background: url(../images/common/arrow_more2_rtl.png) no-repeat left center; }

@media screen and (max-width: 1200px) { .rtl .travel2 { border-top-right-radius: 0; }
  .rtl .travel2 li { float: right; border-left: 1px dotted #697a8d; border-right: 0; }
  .rtl .travel2 li:last-of-type { border-left: 0; }
  .rtl .travel2 li:before { padding-left: 15px; padding-right: 0; }
  .rtl .travel2 li a { padding-right: 0; padding-left: 16px; } }

@media screen and (max-width: 900px) { .rtl .travel2 li { border-left: 0; }
  .rtl .travel2 li a { background-image: url(../images/common/arrow_more2_m_rtl.png); background-size: 12px auto; } }

.rtl .embassies2 h2 { float: right; border-left: 1px solid #f1f2f2; border-right: 0; margin-left: 30px; margin-right: 0; }

.rtl .embassies2 ul { float: right; }

.rtl .embassies2 ul li { float: right; }

.rtl .embassies2 ul li a { padding-left: 19px; padding-right: 16px; }

.rtl .embassies2 ul li a:before { right: 0; left: auto; left: initial; }

@media screen and (max-width: 720px) { .rtl .embassies2 h2 { border-left: 0; margin-left: 0; }
  .rtl .embassies2 ul li a { padding-left: 18px; padding-right: 15px; } }

/*서브 - 탭 리스트*/
.tab_list2 { margin-bottom: 60px; border-left: 1px solid #dedede; border-top: 1px solid #dedede; }

.tab_list2:after { content: ""; display: block; clear: both; }

.tab_list2 li { float: left; border-right: 1px solid #dedede; width: 25%; border-bottom: 1px solid #dedede; position: relative; }

.tab_list2 li a { display: table; width: 100%; height: 60px; text-align: center; font-size: 18px; color: #8e9297; background-color: #f6f8f9; padding: 5px; -webkit-box-sizing: border-box; box-sizing: border-box; line-height: 1.2; }

.tab_list2 li a span { display: table-cell; vertical-align: middle; }

.tab_list2 li.active a { background-color: #9d1d1e; -webkit-box-shadow: 0 0 0 1px #9d1d1e; box-shadow: 0 0 0 1px #9d1d1e; color: #fff; font-weight: 500; }

.tab_list2 li.active:after { position: absolute; left: -1px; top: -1px; display: block; width: 15px; height: 15px; -webkit-box-sizing: border-box; box-sizing: border-box; background-color: #9d1d1e; border: 4px solid #fff; content: ""; }

.tab_list2.item2 li { width: 50%; }

.tab_list2.item3 li { width: 33.3333%; }

.tab_list2.item5 li { width: 20%; }

.tab_list2.item8 li { width: 12.5%; }

@media screen and (max-width: 1080px) { .tab_list2.item8 li { width: 25%; } }

@media screen and (max-width: 720px) { .tab_list2 { margin-bottom: 35px; }
  .tab_list2 li { width: 50%; }
  .tab_list2 li a { font-size: 15px; height: 53px; }
  .tab_list2.item3 li, .tab_list2.item5 li { width: 50%; }
  .tab_list2.item8 li { width: 50%; } }

/*사각형 도트 리스트*/
table .dot_1 > li { padding-left: 10px; }

table .dot_1 > li:before { left: 0; }

.dot_1 { font-size: 15px; word-break: break-all; }

.dot_1 .bar { margin: 0; }

.dot_1 .ref { margin: 0; font-size: 0.9375em; }

.dot_1 .bar_list, .dot_1 .dot_3 { margin-top: 3px; }

.dot_1 > li { position: relative; padding-left: 22px; margin: 0.2em 0; }

.dot_1 > li a { color: #0059a9; text-decoration: underline; }

.dot_1 > li:before { content: ""; display: block; width: 4px; height: 4px; position: absolute; left: 10px; top: 9px; background-color: #0059a9; }

.dot_1 + * { margin-top: 10px; }

@media screen and (max-width: 720px) { .dot_1 { font-size: 14px; }
  .dot_1 > li { padding-left: 10px; }
  .dot_1 > li:before { width: 3px; height: 3px; top: 8px; left: 3px; } }

.col2:after { content: ""; display: block; clear: both; }

.col2 > :nth-child(n) { float: left; width: calc(50% - 10px); margin-right: 20px; }

.col2 > :nth-child(2n) { margin-right: 0; }

.col2 > :not(:nth-child(2n + 1)) { clear: none; }

.col2 > :nth-child(2n + 1) { clear: both; }

@media screen and (max-width: 720px) { .col2:after { content: ""; display: block; clear: both; }
  .col2 > :nth-child(n) { float: left; width: calc(100% - 0px); margin-right: 0px; }
  .col2 > :nth-child(1n) { margin-right: 0; }
  .col2 > :not(:nth-child(1n + 1)) { clear: none; }
  .col2 > :nth-child(1n + 1) { clear: both; } }

.col3:after { content: ""; display: block; clear: both; }

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

.col3 > :nth-child(3n) { margin-right: 0; }

.col3 > :not(:nth-child(3n + 1)) { clear: none; }

.col3 > :nth-child(3n + 1) { clear: both; }

@media screen and (max-width: 720px) { .col3:after { content: ""; display: block; clear: both; }
  .col3 > :nth-child(n) { float: left; width: calc(100% - 0px); margin-right: 0px; }
  .col3 > :nth-child(1n) { margin-right: 0; }
  .col3 > :not(:nth-child(1n + 1)) { clear: none; }
  .col3 > :nth-child(1n + 1) { clear: both; } }

/*마름모 도트 리스트*/
.dot_2 { font-size: 18px; word-break: break-all; }

.dot_2 > li { position: relative; padding-left: 26px; margin: 0.135em 0; }

.dot_2 > li:before { content: ""; display: block; width: 26px; height: 100%; position: absolute; left: 0; top: 1px; background: url(../images/common/dot_1.png) no-repeat center top 8px/8px auto; }

@media screen and (max-width: 720px) { .dot_2 { font-size: 16px; }
  .dot_2 > li:before { background-position: center top 8px; background-size: 8px auto; } }

/*버튼*/
.link_more, .con .link_more { display: inline-block; margin: 5px 0; font-size: 13px; background-color: #0c3975; color: #fff; padding: 0 15px; line-height: 30px; height: 31px; text-decoration: none; }

.link_more:after, .con .link_more:after { content: ''; display: inline-block; margin-left: 4px; vertical-align: 0; width: 10px; height: 10px; background: url(../images/common/icon_more.png) no-repeat center; }

/*회색배경&테두리 텍스트 상자*/
.bg_box { margin-top: 5px; margin-bottom: 50px; border: 1px solid #dfdfdf; background-color: #fbfbfc; padding: 27px 30px; }

.bg_box > p { margin-bottom: 1em; }

.bg_box > p:last-of-type { margin-bottom: 0; }

.bg_box .tit_sm { margin-top: 0; }

.bg_box > img { max-height: 150px; }

.bg_box .bo_btn { margin-top: 20px; }

@media screen and (max-width: 720px) { .bg_box { margin-bottom: 30px; margin-top: 3px; padding: 18px 20px; } }

.bg_box2 { margin-bottom: 50px; border: 1px solid #dfdfdf; padding: 25px 30px 30px; }

.bg_box2 .tit_sm { margin-top: 0; margin-bottom: 10px; }

.bg_box2 > img { width: 100%; }

.bg_box2 img { margin: auto; display: block; width: 100%; }

@media screen and (max-width: 720px) { .bg_box2 { margin-bottom: 30px; margin-top: 3px; padding: 18px 20px; }
  .bg_box2 .tit_sm { margin-top: 5px; margin-bottom: 0; }
  .bg_box2 img { margin: 10px auto; } }

.bf_box .tit_sm { margin-top: 0; margin-bottom: 10px; }

.bf_box > img { width: 100%; }

.bf_box img { margin: auto; display: block; width: 100%; }

@media screen and (max-width: 720px) { .bf_box .tit_sm { margin-top: 5px; margin-bottom: 0; }
  .bf_box img { margin: 10px auto; } }

.img_box { border: 1px solid #dfdfdf; padding: 20px; text-align: center; margin: 15px 0; }

.img_box .img { max-width: 500px; height: 300px; margin: auto; }

.img_box span { display: block; margin-top: 10px; }

.img_box.type2 { padding: 20px 10px; }

.img_box.type2 .img { max-width: 250px; height: 200px; display: inline-block; margin: 0 5px; }

@media screen and (max-width: 720px) { .img_box { padding: 15px; }
  .img_box .img { height: auto; }
  .img_box.type2 { padding: 15px 10px; }
  .img_box.type2 .img { height: auto; margin: 5px 0; } }

/*이미지 + 텍스트*/
.img_lt { float: left; margin-right: 20px; margin-bottom: 5px; text-align: center; }

.img_rt { float: right; margin-left: 20px; margin-bottom: 5px; text-align: center; }

/*컨텐츠 간격*/
.con { margin-bottom: 45px; }

.con:after { content: ""; display: block; clear: both; }

.con img { max-width: 100%; vertical-align: middle; }

.con li ul, .con li ol { margin-top: 0.2em; margin-bottom: 0.4em; }

.con:last-of-type { margin-bottom: 0; }

.con a { color: #0059a9; text-decoration: underline; }

.con > p { margin: 12px 0; }

.con table { margin: 20px 0; }

@media screen and (max-width: 720px) { .con { margin-bottom: 30px; }
  .con + table { margin-top: 10px; }
  .con table { margin: 10px 0; } }

.tit_lg { font-size: 30px; font-weight: 600; margin-bottom: 27px; }

.tit_lg + span, .tit_lg + p { display: block; margin-top: 0; }

@media screen and (max-width: 720px) { .tit_lg { font-size: 20px; margin-bottom: 20px; } }

.tit_md { font-size: 26px; font-weight: 600; margin-bottom: 10px; padding-left: 38px; background: url(../images/common/icon_tit_md.png) no-repeat left top 11px; }

.tit_md a { color: #0059a9; text-decoration: underline; }

.tit_md + table { margin-top: 15px; }

.tit_md + span, .tit_md + p { display: block; margin-top: 0; }

.tit_md + .tit_sm { margin-top: 15px; }

@media screen and (max-width: 720px) { .tit_md { background-position: left top 5px; padding-left: 30px; font-size: 18px; margin-bottom: 8px; }
  .tit_md + table { margin-top: 8px; } }

.tit_sm { font-size: 20px; font-weight: 500; margin-top: 25px; margin-bottom: 5px; padding-left: 33px; background: url(../images/common/icon_tit_sm.jpg) no-repeat left 2px top 6px; }

.tit_sm a { color: #0059a9; text-decoration: underline; }

.tit_sm + table { margin-top: 10px; }

.tit_sm + span, .tit_sm + p { display: block; margin-bottom: 10px; margin-top: 0; }

.tit_sm + .tit_xs { margin-top: 5px; }

@media screen and (max-width: 720px) { .tit_sm { background-position: left 1px top 3px; padding-left: 25px; font-size: 17px; margin-bottom: 8px; } }

td .tit_sm { margin-top: 0; }

td .tit_sm + span, td .tit_sm + p { margin-bottom: 0; }

.tit_xs { font-size: 18px; margin-top: 20px; margin-bottom: 5px; font-weight: 500; }

.tit_xs a { color: #0059a9; text-decoration: underline; }

.tit_xs + table { margin-top: 10px; }

.tit_xs + span, .tit_xs + p { margin-top: 0; display: block; margin-bottom: 10px; }

@media screen and (max-width: 720px) { .tit_xs { font-size: 16px; } }

.tab_list > li { padding-left: 1em; text-indent: -1.2em; margin: 0.2em 0; }

.tab_list > li > * { text-indent: 0; }

.tab_list > li.tab { text-indent: -1.25em; padding-left: 1.83em; }

.tab_list > li.dot { padding-left: 0.7em; text-indent: -0.7em; }

.tab_list > li a { color: #0059a9; text-decoration: underline; }

.block { display: block; }

.num_list { padding-left: 1.5em; list-style-type: decimal; }

.num_list > li { list-style-type: decimal; margin: 0.2em 0; }

.num_list > li a { color: #0059a9; text-decoration: underline; }

.num_list + * { margin-top: 15px; }

.ref_list > li { display: block; padding-left: 1.1em; text-indent: -1.1em; margin: 0.2em 0; }

.ref_list > li > * { text-indent: 0; }

.ref_list > li:before { content: "※ "; }

.ref { display: block; padding-left: 1.1em; text-indent: -1.1em; margin: 0.2em 0; position: relative; }

.ref > * { text-indent: 0; }

.ref:before { content: "※ "; }

.bar_list .ref { margin: 0; font-size: 0.9375em; }

.bar_list > li { padding-left: 11px; position: relative; }

.bar_list > li:before { content: ""; display: inline-block; width: 5px; height: 1px; position: absolute; left: 0; top: 10px; background-color: #373737; }

.bar_list + * { margin-top: 15px; }

.bar { display: block; margin: 0.166em 0; padding-left: 11px; position: relative; }

.bar:before { content: ""; display: inline-block; width: 5px; height: 1px; position: absolute; left: 0; top: 8px; background-color: #373737; }

/*bar리스트*/
.bar2 > li { padding-left: 13px; position: relative; }

.bar2 > li:before { position: absolute; left: 0; top: 0.6em; width: 5px; height: 2px; display: inline-block; content: ""; background-color: #a5b4c3; }

@media screen and (max-width: 720px) { .bar2 > li { padding-left: 11px; } }

.dot_3 > li { padding-left: 10px; position: relative; }

.dot_3 > li:before { content: ""; width: 2px; height: 2px; background-color: #373737; display: inline-block; position: absolute; left: 0; top: 10px; }

.qna_list { border-top: 2px solid #000; margin: 25px auto; }

.qna_list dt { font-size: 17px; color: #0059a9; background-color: #f7f8fa; padding: 20px; border-bottom: 1px solid #000; font-weight: 500; }

.qna_list dd { padding: 20px; font-size: 15px; border-bottom: 1px solid #000; }

@media screen and (max-width: 720px) { .qna_list { margin: 20px auto; }
  .qna_list dt { font-size: 15px; padding: 11px 15px; }
  .qna_list dd { padding: 12px 15px; font-size: 14px; } }

/*인사말*/
.greet .bg { background-color: #f1f3f8; padding: 50px 80px; }

.greet .bg:after { content: ""; display: block; clear: both; }

.greet .bg > div { float: left; }

.greet .bg .img { position: relative; width: 200px; overflow: hidden; height: 250px; }

.greet .bg .img img { position: absolute; left: 50%; top: 0; -webkit-transform: translateX(-50%); transform: translateX(-50%); }

.greet .bg .img + div:not(.img) { width: calc(100% - 200px); padding-left: 60px; padding-top: 25px; }

.greet .bg div:not(.img) { word-break: normal; line-height: 1.25; font-size: 24px; color: #242424; }

.greet .bg div:not(.img) b { display: block; margin: 25px 0; color: #393f6e; font-size: 32px; font-weight: 600; }

.greet .txt { line-height: 1.875; padding: 43px 80px; font-size: 16px; word-break: keep-all; letter-spacing: -0.04em; }

.greet .txt p { margin-bottom: 1.875em; }

.greet .txt .name { text-align: right; color: #000; letter-spacing: -0.02em; padding-top: 1.875em; }

.greet .txt .name b { font-size: 24px; font-weight: 600; display: inline-block; margin-left: 15px; }

@media screen and (max-width: 1080px) { .greet .bg { padding: 30px 40px; }
  .greet .bg .img + div:not(.img) { padding-left: 30px; padding-top: 20px; }
  .greet .bg div:not(.img) { font-size: 24px; }
  .greet .bg div:not(.img) b { margin: 20px 0; }
  .greet .txt { padding: 30px 40px; } }

@media screen and (max-width: 720px) { .greet .bg { padding: 30px 20px; }
  .greet .bg .img + div:not(.img) { width: 100%; padding-left: 0; padding-top: 0; }
  .greet .bg div:not(.img) { font-size: 16px; }
  .greet .bg div:not(.img) b { margin: 10px 0; font-size: 20px; }
  .greet .txt { padding: 26px 20px; font-size: 14px; }
  .greet .txt p { margin-bottom: 1em; }
  .greet .txt .name b { font-size: 18px; margin-left: 10px; } }

/*찾아오시는길*/
.map_area { margin-bottom: 20px; }

.map_area + .scroll_btn { display: inline-block; margin-top: 20px; font-size: 16px; padding: 0.81em 1.4em; min-width: 260px; color: #fff; background-color: #013668; text-align: center; }

@media screen and (max-width: 720px) { .map_area + .scroll_btn { font-size: 14px; } }

.img_map { border: 1px solid #dfdfdf; display: inline-block; }

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

/*대한민국 지도자*/
.president { padding: 60px; padding: 58px 15px 60px; background: url(../images/common/bg_president.jpg) no-repeat center top; margin-bottom: 50px; font-size: 0; text-align: center; }

.president:before { content: ''; display: inline-block; height: 100%; vertical-align: middle; }

.president .img { display: inline-block; width: 212px; height: 294px; padding: 8px 10px 10px 8px; position: relative; z-index: 1; font-size: 16px; vertical-align: middle; margin-right: 79px; }

.president .img img { border-radius: 30px 0 30px 0; }

.president .img:before { content: ''; position: absolute; left: 0; top: 0; width: 174px; height: 96px; background-color: #353267; border-radius: 34px 0 0 0; z-index: -1; }

.president .img:after { content: ''; position: absolute; right: 0; bottom: 0; width: 124px; height: 256px; background-color: #3352a2; border-radius: 0 0 34px 0; z-index: -1; }

.president .txt { vertical-align: middle; display: inline-block; max-width: 400px; width: 50%; height: 360px; background-color: #fff; text-align: center; padding: 88px 20px 0; font-size: 30px; color: #013668; line-height: 1.25; }

.president .txt .bluehouse { display: block; margin-bottom: 16px; }

.president .txt span { font-weight: 600; font-size: 48px; display: block; }

@media screen and (max-width: 720px) { .president { padding: 24px 0 0; -webkit-box-shadow: 0 10px 20px 0 rgba(0, 0, 0, 0.08); box-shadow: 0 10px 20px 0 rgba(0, 0, 0, 0.08); background-position: left top; }
  .president .img { width: 151px; height: 209px; padding: 6px 7px 7px 6px; float: none; margin-right: 0; }
  .president .img:before { content: ''; width: 88px; height: 71px; }
  .president .img:after { content: ''; width: 123px; height: 181px; }
  .president .txt { display: block; width: 100%; margin-top: 25px; height: auto; float: none; max-width: none; padding: 25px 30px 22px; background-color: #fff; font-size: 18px; }
  .president .txt .bluehouse { display: block; margin: 0 auto 8px; max-width: 45px; }
  .president .txt .bluehouse img { max-width: 100%; }
  .president .txt span { font-size: 22px; } }

.shortcuts { margin-top: 80px; border: 4px solid #e5eafe; }

.shortcuts:after { content: ""; display: block; clear: both; }

.shortcuts li { float: left; width: 50%; }

.shortcuts li:first-of-type { border-right: 2px solid #e5eafe; }

.shortcuts li:last-of-type { border-left: 2px solid #e5eafe; }

.shortcuts li.bluehouse span { background-image: url(../images/common/icon_decoration_2.png); background-position: left 55px center; }

.shortcuts li.mofa span { background-image: url(../images/common/img_mofa.png); }

.shortcuts li a { display: block; line-height: 112px; padding-right: 80px; background: url(../images/common/icon_shortcuts.png) no-repeat right 40px center; }

.shortcuts li a span { margin-bottom: 5px; display: inline-block; padding: 15px 0 15px 176px; vertical-align: middle; line-height: 1.2; font-size: 20px; font-weight: 600; background-position: left 40px center; background-repeat: no-repeat; }

@media screen and (max-width: 1080px) { .shortcuts li { float: none; width: 100%; }
  .shortcuts li:first-of-type { border-right: 0; border-bottom: 4px solid #e5eafe; }
  .shortcuts li:last-of-type { border-left: 0; } }

@media screen and (max-width: 720px) { .shortcuts li { float: none; width: 100%; }
  .shortcuts li a { padding-right: 60px; background-position: right 20px center; line-height: 90px; }
  .shortcuts li a span { font-size: 16px; background-position: left 20px center; padding-left: 110px; background-size: 70px; }
  .shortcuts li.bluehouse span { background-size: auto 40px; background-position: left 35px center; } }

/*역대공관장 이미지*/
.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: 250px; padding: 20px; }

.ambassador > li > div:nth-of-type(3) { background-color: #fff; height: 80px; padding: 0 15px; text-align: left; }

.ambassador > li strong { color: #393f6e; font-size: 17px; font-weight: 500; }

.ambassador > li .pic img { width: 124px; height: 170px; }

@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: 720px) { .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) { min-height: 80px; height: auto; padding: 15px; }
  .ambassador > li strong { font-size: 16px; } }

.rtl { /*인사말*/ }

.rtl .greet .bg > div { float: right; }

.rtl .greet .bg .img + div:not(.img) { padding-left: 0; padding-right: 60px; }

.rtl .greet .txt .name { text-align: left; }

.rtl .greet .txt .name b { margin-left: 0; margin-right: 15px; }

@media screen and (max-width: 1080px) { .rtl .greet .bg { padding: 30px 40px; }
  .rtl .greet .bg .img + div:not(.img) { padding-left: 0; padding-right: 30px; } }

@media screen and (max-width: 720px) { .rtl .greet .bg .img + div:not(.img) { padding-right: 0; }
  .rtl .greet .txt .name b { margin-left: 0; margin-right: 10px; } }

.rtl .sub #contents { direction: rtl; }

.rtl .dot_1 > li { padding-left: 0; padding-right: 22px; }

.rtl .dot_1 > li:before { left: auto; left: initial; right: 10px; }

@media screen and (max-width: 720px) { .rtl .dot_1 > li { padding-right: 10px; }
  .rtl .dot_1 > li:before { right: 3px; } }

.rtl .dot_2 > li { padding-right: 26px; }

.rtl .dot_2 > li:before { content: ""; right: 0; left: auto; left: initial; }

.rtl .tit_md { padding-right: 38px; padding-left: 0; background-position: right top 11px; background-image: url(../images/common/icon_tit_md_rtl.png); }

@media screen and (max-width: 720px) { .rtl .tit_md { background-position: right top 5px; padding-right: 30px; } }

.rtl .tit_sm { padding-right: 33px; padding-left: 0; background-position: right 2px top 6px; background-image: url(../images/common/icon_tit_sm_rtl.jpg); }

@media screen and (max-width: 720px) { .rtl .tit_sm { background-position: right 1px top 3px; padding-right: 25px; } }

.rtl .ref_list > li { padding-left: 0; padding-right: 1.1em; text-indent: -1.1em; }

.rtl .ref_list > li > * { text-indent: 0; }

.rtl .ref_list > li:before { content: " ※"; }

.rtl .ref_list dt { direction: rtl; }

.rtl .ref_list dt:before { content: " ※"; }

.rtl .ref { direction: rtl; padding-left: 0; padding-right: 1.1em; text-indent: -1.1em; }

.rtl .ref > * { text-indent: 0; }

.rtl .ref:before { content: " ※"; }

.rtl .bar_list > li { padding-right: 11px; }

.rtl .bar_list > li:before { left: auto; left: initial; right: 0; }

.rtl .bar_list + * { margin-top: 15px; }

.rtl .bar { padding-right: 11px; }

.rtl .bar:before { left: auto; left: initial; right: 0; }

.rtl .tab_list > li { padding-left: 0; text-indent: -1em; padding-right: 1em; }

.rtl .tab_list > li > * { text-indent: 0; }

.rtl .shortcuts li { float: right; }

.rtl .shortcuts li:first-of-type { border-left: 2px solid #e5eafe; }

.rtl .shortcuts li:last-of-type { border-right: 2px solid #e5eafe; }

.rtl .shortcuts li a { padding-left: 80px; padding-right: 0; background-position: left 40px center; }

.rtl .shortcuts li a span { padding: 15px 176px 15px 0; background-position: right 40px center; }

.sub_search { margin-top: -203px; }

@media screen and (max-width: 1080px) { .sub_search { margin-top: 0; } }

/*통합검색 검색창*/
.total_sch { padding: 25px 0 45px; text-align: center; background: #0c3975 url(../images/common/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: 70px; float: left; display: table; background: url(../images/common/sch_logo.png) no-repeat left 15px center/45px auto; height: 45px; padding-right: 15px; max-width: calc(100% - 140px); }

.total_sch .sch_head .sch_logo span { display: table-cell; vertical-align: middle; font-size: 17px; color: #fff; font-weight: 500; line-height: 1.2; text-align: 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; max-width: none; vertical-align: middle; width: 590px; height: 40px; margin-right: 10px; position: relative; border: 0; }

.total_sch fieldset .total_sch_box .inp input { line-height: 38px; height: 38px; font-size: 16px; }

.total_sch fieldset .total_sch_box .inp button { position: absolute; right: 0; top: 0; width: 60px; height: 40px; background: url(../images/common/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(../images/common/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(../images/common/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; font-size: 0; 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 .inp input { line-height: 38px; height: 38px; }

.total_sch fieldset .total_sch_detail > ul > li .date_inp .date_btn { min-width: 315px; margin-left: 10px; display: inline-block; vertical-align: middle; }

.total_sch fieldset .total_sch_detail > ul > li .date_inp .date_btn:after { content: ""; display: block; clear: both; }

.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-child(4n) { margin-right: 0; }

.total_sch fieldset .total_sch_detail > ul > li .date_inp .date_btn > :not(:nth-child(4n + 1)) { clear: none; }

.total_sch fieldset .total_sch_detail > ul > li .date_inp .date_btn > :nth-child(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; height: 40px; }

.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 > ul > li .date_inp .behind { display: inline-block; vertical-align: middle; line-height: 1; padding: 0 7px; font-size: 16px; }

.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; vertical-align: middle; }

.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: 720px) { .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: 720px) { .total_sch { padding: 20px 0 30px; background: #0c3975; }
  .total_sch .sch_head { margin-bottom: 30px; }
  .total_sch .sch_head .sch_logo { max-width: none; float: none; }
  .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 .date_btn { margin-left: 0; }
  .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; margin-top: -0.2em; margin-bottom: calc(40px - 0.2em); color: #fff; }

@media screen and (max-width: 720px) { .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: #9d1d1e; font-weight: 600; }

@media screen and (max-width: 1080px) { .sch_result .tit_sch { float: none; text-align: center; padding: 0; margin-top: calc(40px - 0.2em); margin-bottom: -0.2em; } }

@media screen and (max-width: 720px) { .sch_result .tit_sch { text-align: left; font-size: 19px; margin-top: 28px; } }

.sch_result .tab_list2 { 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 #dfdfdf; 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: #9d1d1e; border-color: #9d1d1e; }

.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: 720px) { .sch_result .sort { margin-top: 30px; margin-bottom: 32px; }
  .sch_result .sort button { font-size: 13px; line-height: 26px; 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: 720px) { .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: #9d1d1e; font-weight: 600; }

@media screen and (max-width: 720px) { .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 .bar2 { font-size: 18px; margin-top: 27px; margin-bottom: -3px; }

.sch_result .sch_list .bar2 > li { margin-bottom: 12px; }

.sch_result .sch_list .bar2 > li span { color: #0059d1; }

.sch_result .sch_list .bar2 > li:last-of-type { margin-bottom: 0; }

@media screen and (max-width: 720px) { .sch_result .sch_list .bar2 { font-size: 14px; margin-top: 17px; }
  .sch_result .sch_list .bar2 > 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; }

.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: 720px) { .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: 169px; padding-bottom: 72px; border-bottom: 1px solid #e0e0e0; font-size: 18px; background: url(../images/common/icon_total_sch_null.png) no-repeat center top 75px; }

.sch_result .sch_list .null span { color: #0059d1; }

@media screen and (max-width: 720px) { .sch_result .sch_list .null { font-size: 14px; padding-top: 77px; padding-bottom: 27px; background-size: 35px auto; background-position: center top 30px; } }

.sch_result .sch_list .file { margin-top: 15px; }

.sch_result .sch_list .file:after { content: ""; display: block; clear: both; }

.sch_result .sch_list .file > :nth-child(n) { float: left; width: calc(50% - 7.5px); margin-right: 15px; }

.sch_result .sch_list .file > :nth-child(2n) { margin-right: 0; }

.sch_result .sch_list .file > :not(:nth-child(2n + 1)) { clear: none; }

.sch_result .sch_list .file > :nth-child(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 #dfdfdf; border-radius: 6px; position: relative; padding: 18px 60px 18px 55px; background: url(../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: 720px) { .sch_result .sch_list .file { margin-top: 5px; }
  .sch_result .sch_list .file:after { content: ""; display: block; clear: both; }
  .sch_result .sch_list .file > :nth-child(n) { float: left; width: calc(100% - 0px); margin-right: 0px; }
  .sch_result .sch_list .file > :nth-child(1n) { margin-right: 0; }
  .sch_result .sch_list .file > :not(:nth-child(1n + 1)) { clear: none; }
  .sch_result .sch_list .file > :nth-child(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: 720px) { .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; 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; }

.sch_result .sch_list .hash_tag > li:before { content: "#"; }

@media screen and (max-width: 720px) { .sch_result .sch_list .hash_tag { margin-bottom: 16px; }
  .sch_result .sch_list .hash_tag > li { font-size: 14px; line-height: 1.85; height: 1.85em; margin-right: 5px; border-radius: 0.925em; } }

.sch_result .sch_list .more { position: absolute; right: 0; top: 12px; padding-right: 15px; background: url(../images/common/total_sch_more.png) no-repeat right center; }

@media screen and (max-width: 720px) { .sch_result .sch_list .more { font-size: 12px; top: 7px; background-size: 6px auto; background-position: right top 3px; padding-right: 11px; } }

.sch_result .tit_sm { background: none; padding: 0; font-size: 18px; margin: 0; }

@media screen and (max-width: 720px) { .sch_result { padding-bottom: 50px; padding-top: 30px; } }

/*breadcrumb*/
.breadcrumb { font-size: 18px; }

.breadcrumb li { float: left; padding-left: 32px; background: url(../images/common/arrow_breadcrumb.png) no-repeat left 12px center; }

.breadcrumb li span { color: #0059d1; }

.breadcrumb li b { font-weight: 500; padding-left: 35px; background: url(../images/common/icon_breadcrumb.png) no-repeat left center; }

.breadcrumb li:first-of-type { padding-left: 0; background-image: none; }

.breadcrumb + a .tit_sm { margin-top: 20px; }

@media screen and (max-width: 720px) { .breadcrumb { font-size: 16px; }
  .breadcrumb li { padding-left: 25px; background-size: 6px auto; background-position: left 10px center; }
  .breadcrumb + a .tit_sm { margin-top: 10px; } }

/*enter 화살표 표기가 있는 리스트*/
.enter { padding-left: 20px; background: url(../images/common/icon_enter.png) no-repeat left top 4px; font-size: 14px; color: #777; }

.enter > li { float: left; padding-left: 23px; background: url(../images/common/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: 720px) { .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; } }

/*연속된 이미지 + 텍스트*/
.bo_gall { text-align: center; margin-top: -20px; }

.bo_gall li { display: inline-block; padding: 0 10px; margin-top: 20px; }

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

.bo_gall li a .img, .bo_gall li > div .img { height: 205px; }

.bo_gall li a .img img, .bo_gall li > div .img img { height: 100% !important; width: auto !important; }

.bo_gall li a p, .bo_gall li > div p { margin-top: 10px; }

@media screen and (max-width: 1080px) { .bo_gall { text-align: left; } }

/*링크 버튼상자*/
.btn_link { margin-top: -10px; }

.btn_link:after { content: ""; display: block; clear: both; }

.btn_link > :nth-child(n) { float: left; width: calc(33.33333% - 6.66667px); margin-right: 10px; }

.btn_link > :nth-child(3n) { margin-right: 0; }

.btn_link > :not(:nth-child(3n + 1)) { clear: none; }

.btn_link > :nth-child(3n + 1) { clear: both; }

.btn_link li { margin-top: 10px; }

.btn_link li a { display: table; width: 100%; height: 120px; border: 1px solid #eaeaea; background-color: #fff; text-align: center; color: #373737; text-decoration: none; padding: 10px; }

.btn_link li a div { display: table-cell; vertical-align: middle; }

.btn_link li a div b { font-size: 20px; font-weight: 500; display: block; margin-bottom: 8px; }

.btn_link li a div span { font-size: 15px; }

@media screen and (min-width: 720px) { .btn_link li a { -webkit-transition: 0.3s; transition: 0.3s; }
  .btn_link li a:hover { color: #fff; background-color: #3861b9; } }

@media screen and (max-width: 720px) { .btn_link { margin-top: -5px; }
  .btn_link:after { content: ""; display: block; clear: both; }
  .btn_link > :nth-child(n) { float: left; width: calc(50% - 2.5px); margin-right: 5px; }
  .btn_link > :nth-child(2n) { margin-right: 0; }
  .btn_link > :not(:nth-child(2n + 1)) { clear: none; }
  .btn_link > :nth-child(2n + 1) { clear: both; }
  .btn_link li { margin-top: 5px; }
  .btn_link li a { height: 80px; }
  .btn_link li a div b { font-size: 16px; margin-bottom: 5px; }
  .btn_link li a div span { font-size: 14px; } }

/*교황청 투어리스트*/
.tour_list { max-width: 450px; margin: auto; text-align: center; }

.tour_list li { display: inline-block; }

/*서브 - 공지박스*/
.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 #013668; border-left: 2px solid #013668; border-top-left-radius: 40px; }

.notice_box .icon { display: inline-block; width: 175px; text-align: center; vertical-align: middle; }

.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 a:not([class]), .notice_box dl a:not([class]), .notice_box > span a:not([class]) { color: #0059a9; text-decoration: underline; }

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

@media screen and (max-width: 720px) { .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; } }

.ta_justify { text-align: justify; }


/*영상도서관 아이콘탭*/
.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: 20%;border-right: 1px solid #dedede;border-bottom: 1px solid #dedede;}

.tab_anc > li a {display: block;width: 100%;height: 150px;padding: 85px 30px 0;font-size: 14px;text-align: center;background-position: center bottom 75px;background-repeat: no-repeat;color: #000;background-color: #ffff;}

.tab_anc > li:nth-of-type(1) a { background-image: url("https://www.mofa.go.kr/www-new/css/../images/sub/icon_de-ko_02.png"); }

.tab_anc > li:nth-of-type(2) a { background-image: url("https://www.mofa.go.kr/www-new/css/../images/sub/icon_de-ko_02.png"); }

.tab_anc > li:nth-of-type(3) a { background-image: url("https://www.mofa.go.kr/www-new/css/../images/sub/icon_de-ko_02.png"); }

.tab_anc > li:nth-of-type(4) a { background-image: url("https://www.mofa.go.kr/www-new/css/../images/sub/icon_de-ko_02.png"); }

.tab_anc > li:nth-of-type(5) a { background-image: url("https://www.mofa.go.kr/www-new/css/../images/sub/icon_de-ko_02.png"); }

.tab_anc > li:nth-of-type(1) a:hover { background-image: url("https://www.mofa.go.kr/www-new/css/../images/sub/icon_de-ko_01.png"); }

.tab_anc > li:nth-of-type(2) a:hover { background-image: url("https://www.mofa.go.kr/www-new/css/../images/sub/icon_de-ko_01.png"); }

.tab_anc > li:nth-of-type(3) a:hover { background-image: url("https://www.mofa.go.kr/www-new/css/../images/sub/icon_de-ko_01.png"); }

.tab_anc > li:nth-of-type(4) a:hover { background-image: url("https://www.mofa.go.kr/www-new/css/../images/sub/icon_de-ko_01.png"); }

.tab_anc > li:nth-of-type(5) a:hover { background-image: url("https://www.mofa.go.kr/www-new/css/../images/sub/icon_de-ko_01.png"); }

@media screen and (min-width: 1080px) { .tab_anc > li a { -webkit-transition: 0.3s; transition: 0.3s; }
  .tab_anc > li:hover a { color: #0b3974; background-color: #f8f8f8; }
  .tab_anc > li:nth-of-type(1):hover a { background-image: url("https://www.mofa.go.kr/www-new/css/../images/sub/icon_de-ko_01.png"); }
  .tab_anc > li:nth-of-type(2):hover a { background-image: url("https://www.mofa.go.kr/www-new/css/../images/sub/icon_de-ko_01.png"); }
  .tab_anc > li:nth-of-type(3):hover a { background-image: url("https://www.mofa.go.kr/www-new/css/../images/sub/icon_de-ko_01.png"); }
  .tab_anc > li:nth-of-type(4):hover a { background-image: url("https://www.mofa.go.kr/www-new/css/../images/sub/icon_de-ko_01.png"); }
  .tab_anc > li:nth-of-type(8):hover a { background-image: url("https://www.mofa.go.kr/www-new/css/../images/sub/icon_de-ko_01.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: 55px; 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; } }


/*컨텐츠 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; }

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


@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; } }
  
  
/*220425 영상도서관탭 추가*/
/*서브 - 탭 리스트2*/
.tab_list4 { position: relative; }

.tab_list4 > ul { margin-bottom: 40px; }

.tab_list4 > ul > :nth-child(n) { float: left; width: calc(25% - 7.5px); margin-right: 10px; }

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

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

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

.tab_list4 > ul li { margin-bottom: 10px; }

.tab_list4 > 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: 10px 15px; -webkit-box-sizing: border-box; box-sizing: border-box; line-height: 1.2; font-weight: 500; }

.tab_list4 > ul li a span { display: table-cell; vertical-align: middle; }

.tab_list4 > ul li.active a { border-color: #114e9f; background-color: #114e9f;color:#fff; border-style: solid; }

.tab_list4 > ol > li { display: none; }

.tab_list4 > ol > li.active { display: block; }

.tab_list4.item2 > ul > :nth-child(n) { float: left; width: calc(50% - 5px); margin-right: 10px; }

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

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

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

.tab_list4.item3 > ul > :nth-child(n) { float: left; width: calc(33.33333% - 6.66667px); margin-right: 10px; }

.tab_list4.item3 > ul > :nth-of-type(3n) { margin-right: 0; }

.tab_list4.item3 > ul > :not(:nth-of-type(3n + 1)) { clear: none; }

.tab_list4.item3 > ul > :nth-of-type(3n + 1) { clear: both; }

@media screen and (max-width: 737px) { .tab_list4 > ul { margin-bottom: 30px; }
  .tab_list4 > ul > :nth-child(n) { float: left; width: calc(50% - 2.5px); margin-right: 5px; }
  .tab_list4 > ul > :nth-of-type(2n) { margin-right: 0; }
  .tab_list4 > ul > :not(:nth-of-type(2n + 1)) { clear: none; }
  .tab_list4 > ul > :nth-of-type(2n + 1) { clear: both; }
  .tab_list4 > ul li { margin-bottom: 5px; }
  .tab_list4 > ul li a { height: 45px; padding: 10px; }
  .tab_list4.item2 > ul > :nth-child(n) { float: left; width: calc(50% - 2.5px); margin-right: 5px; }
  .tab_list4.item2 > ul > :nth-of-type(2n) { margin-right: 0; }
  .tab_list4.item2 > ul > :not(:nth-of-type(2n + 1)) { clear: none; }
  .tab_list4.item2 > ul > :nth-of-type(2n + 1) { clear: both; }
  .tab_list4.item3 > ul > :nth-child(n) { float: left; width: calc(33.33333% - 3.33333px); margin-right: 5px; }
  .tab_list4.item3 > ul > :nth-of-type(3n) { margin-right: 0; }
  .tab_list4.item3 > ul > :not(:nth-of-type(3n + 1)) { clear: none; }
  .tab_list4.item3 > ul > :nth-of-type(3n + 1) { clear: both; } }
  

/*서브 - 탭 리스트*/
.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%; }  
  
/* SLICK - 탭 리스트(재외공관)(250527) */
.tab_list .slide {}

.tab_list .slide .list { min-width: 237px; width: 100%; height: 60px; position: relative; text-align: center; display: flex !important; 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: #0c3975; }

.tab_list .slide .list.active::before { height: 4px; background-color: #0c3975; }

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

@media screen and (max-width: 1080px) {
    .tab_list .slide .list { min-width: 254px; }
}

@media screen and (max-width: 737px) { 
    .tab_list .slide .list { min-width: 225px; 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 { min-width: 172px; }
}
/* // SLICK - 탭 리스트(재외공관)(250527) */

/*폰트컬러 - 블루*/
b.fc_blue { font-weight: 600; color: #0059a9; }

.fc_blue { color: #0059a9; }

.fc_navy { color: #013668; }

.fc_red { color: #e6002d !important; }

/*배겅 컬러*/
.bg_gray { background-color: #f7f8fa; }

.bg_gray2 { background-color: #fbfbfc; }

/*정렬*/
.center { text-align: center; }

.left { text-align: left; }

.right { text-align: right; }

/*맞춤정렬*/
.justify { text-align: justify !important; word-break: keep-all !important; }

li.br { margin-bottom: 1.4em; }

.fw_b { font-weight: 500; }

.fs_18 { font-size: 18px !important; }

.fs_17 { font-size: 17px !important; }

.fs_16 { font-size: 16px !important; }

.fs_15 { font-size: 15px !important; }

.fs_14 { font-size: 14px !important; }

.fs_13 { font-size: 13px !important; }

.fs_12 { font-size: 12px !important; }

.wAuto { width: auto !important; }

.w30 { width: 30px !important; }

.w40 { width: 40px !important; }

.w45 { width: 45px !important; }

.w50 { width: 50px !important; }

.w60 { width: 60px !important; }

.w70 { width: 70px !important; }

.w80 { width: 80px !important; }

.w90 { width: 90px !important; }

.w100 { width: 100px !important; }

.w110 { width: 110px !important; }

.w120 { width: 120px !important; }

.w130 { width: 130px !important; }

.w140 { width: 140px !important; }

.w150 { width: 150px !important; }

.w160 { width: 160px !important; }

.w170 { width: 170px !important; }

.w180 { width: 180px !important; }

.w190 { width: 190px !important; }

.w200 { width: 200px !important; }

.w210 { width: 210px !important; }

.w220 { width: 220px !important; }

.w230 { width: 230px !important; }

.w240 { width: 240px !important; }

.w250 { width: 250px !important; }

.w260 { width: 260px !important; }

.w270 { width: 270px !important; }

.w280 { width: 280px !important; }

.w290 { width: 290px !important; }

.w300 { width: 300px !important; }

.w310 { width: 310px !important; }

.w320 { width: 320px !important; }

.w330 { width: 330px !important; }

.w340 { width: 340px !important; }

.w350 { width: 350px !important; }

.w360 { width: 360px !important; }

.w370 { width: 370px !important; }

.w380 { width: 380px !important; }

.w390 { width: 390px !important; }

.w400 { width: 400px !important; }

.w410 { width: 410px !important; }

.w420 { width: 420px !important; }

.w430 { width: 430px !important; }

.w440 { width: 440px !important; }

.w450 { width: 450px !important; }

.w460 { width: 460px !important; }

.w470 { width: 470px !important; }

.w480 { width: 480px !important; }

.w490 { width: 490px !important; }

.w500 { width: 500px !important; }

.w510 { width: 510px !important; }

.w520 { width: 520px !important; }

.w530 { width: 530px !important; }

.w540 { width: 540px !important; }

.w550 { width: 550px !important; }

.w560 { width: 560px !important; }

.w570 { width: 570px !important; }

.w580 { width: 580px !important; }

.w590 { width: 590px !important; }

.w600 { width: 600px !important; }

.w700 { width: 700px !important; }

.w800 { width: 800px !important; }

.w900 { width: 900px !important; }

.w1000 { width: 1000px !important; }

.wp5 { width: 5% !important; }

.wp10 { width: 10% !important; }

.wp15 { width: 15% !important; }

.wp20 { width: 20% !important; }

.wp25 { width: 25% !important; }

.wp30 { width: 30% !important; }

.wp35 { width: 35% !important; }

.wp40 { width: 40% !important; }

.wp45 { width: 45% !important; }

.wp50 { width: 50% !important; }

.wp55 { width: 55% !important; }

.wp60 { width: 60% !important; }

.wp65 { width: 65% !important; }

.wp70 { width: 70% !important; }

.wp75 { width: 75% !important; }

.wp80 { width: 80% !important; }

.wp85 { width: 85% !important; }

.wp90 { width: 90% !important; }

.wp95 { width: 95% !important; }

.wp100 { width: 100% !important; }

.mt5 { margin-top: 5px !important; }

.mt6 { margin-top: 6px !important; }

.mt7 { margin-top: 7px !important; }

.mt10 { margin-top: 10px !important; }

.mt15 { margin-top: 15px !important; }

.mt20 { margin-top: 20px !important; }

.mt25 { margin-top: 25px !important; }

.mt30 { margin-top: 30px !important; }

.mt35 { margin-top: 35px !important; }

.mt40 { margin-top: 40px !important; }

.mb5 { margin-bottom: 5px !important; }

.mb10 { margin-bottom: 10px !important; }

.mb15 { margin-bottom: 15px !important; }

.mb20 { margin-bottom: 20px !important; }

.mb25 { margin-bottom: 25px !important; }

.mb30 { margin-bottom: 30px !important; }

.mb35 { margin-bottom: 35px !important; }

.mb40 { margin-bottom: 40px !important; }

.ml0 { margin-left: 0 !important; }

.ml4 { margin-left: 4px !important; }

.ml5 { margin-left: 5px !important; }

.ml6 { margin-left: 6px !important; }

.ml10 { margin-left: 10px !important; }

.ml15 { margin-left: 15px !important; }

.ml20 { margin-left: 20px !important; }

.ml25 { margin-left: 25px !important; }

.ml30 { margin-left: 30px !important; }

.ml35 { margin-left: 35px !important; }

.ml40 { margin-left: 40px !important; }

.mr5 { margin-right: 5px !important; }

.mr10 { margin-right: 10px !important; }

.mr15 { margin-right: 15px !important; }

.mr20 { margin-right: 20px !important; }

.mr25 { margin-right: 25px !important; }

.mr30 { margin-right: 30px !important; }

.mr35 { margin-right: 35px !important; }

.mr40 { margin-right: 40px !important; }

/*모듈 css*/


.arial_txt { font-family: "Arial"; }



/* 오이시디 대표부 - 정책브리핑 구독신청 */
.sub .type_list > li input{display:none;margin-right:15px}
.sub .type_list > li input + label{cursor:pointer;}
.sub .type_list > li input + label:before{
  content:"";
  display:inline-block;
  margin-right:7px;
  width:17px;
  height:17px;
  line-height:17px;
  border:1px solid #cbcbcb;
  vertical-align:middle;/*체크 전과 체크 후 높이 차이 때문에 설정*/
  }
/*checked된 input 바로 다음의 label:before 에 체크 후 CSS 설정*/  
.sub .type_list > li input:checked + label:before{
  content:"\f00c";/*폰트어썸 유니코드*/
  font-family:"Font Awesome 5 free"; /*폰트어썸 아이콘 사용*/
  font-weight:1000;/*폰트어썸 설정*/
  color:#121212;
  background-color:#fff;
  border-color:#ccc;
  font-size:13px;
  text-align:center;
  }

.inp1 { display: inline-block; vertical-align: middle; border: 1px solid #e0e0e0; background-color: #fff; max-width: 300px; width: 100%; margin-right: 5px; }


/* 231101 - (new)사이냅에디터 관련 클래스 수정 */

.bo_con .se-contents { word-break: normal; text-align: left; }
.bo_con .se-contents p {}
.bo_con .se-contents p span { letter-spacing: -0.05em; }

/* 231101 - (new)사이냅에디터 관련 클래스 수정 */