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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

/* Noto Sans */
@font-face { font-family: 'Noto Sans'; font-weight: 200; font-style: normal; src: url("../fonts/NotoSansKR-Light.eot"); src: local(※), url("../fonts/NotoSansKR-Light.eot#iefix") format("embedded-opentype"), url("../fonts/NotoSansKR-Light.woff") format("woff"), url("../fonts/NotoSansKR-Light.otf") format("opentype"); }

@font-face { font-family: 'Noto Sans'; font-weight: 300; font-style: normal; src: url("../fonts/NotoSansKR-DemiLight.eot"); src: local(※), url("../fonts/NotoSansKR-DemiLight.eot#iefix") format("embedded-opentype"), url("../fonts/NotoSansKR-DemiLight.woff") format("woff"), url("../fonts/NotoSansKR-DemiLight.otf") format("opentype"); }

@font-face { font-family: 'Noto Sans'; font-weight: 400; font-style: normal; src: url("../common/fonts/NotoSansKR-Regular.eot"); src: local(※), url("../fonts/NotoSansKR-Regular.eot#iefix") format("embedded-opentype"), url("../fonts/NotoSansKR-Regular.woff") format("woff"), url("../fonts/NotoSansKR-Regular.otf") format("opentype"); }

@font-face { font-family: 'Noto Sans'; font-weight: 500; font-style: normal; src: url("../fonts/NotoSansKR-Medium.eot"); src: local(※), url("../fonts/NotoSansKR-Medium.eot#iefix") format("embedded-opentype"), url("../fonts/NotoSansKR-Medium.woff") format("woff"), url("../fonts/NotoSansKR-Medium.otf") format("opentype"); }

@font-face { font-family: 'Noto Sans'; font-weight: 700; font-style: normal; src: url("../fonts/NotoSansKR-Bold.eot"); src: local(※), url("../fonts/NotoSansKR-Bold.eot#iefix") format("embedded-opentype"), url("../fonts/NotoSansKR-Bold.woff") format("woff"), url("../fonts/NotoSansKR-Bold.otf") format("opentype"); }

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

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

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

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

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

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

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

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

body { font-size: 16px; line-height: 1.4; color: #000; letter-spacing: -0.05em; font-family: 'Open Sans','Noto Sans','sans-serif'; }

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

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

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

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

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

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

p { max-height: 9999px; }

address { font-style: normal; }

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

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

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

.clear { clear: both; }

.br { display: block; }

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

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

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

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

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

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

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

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

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

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

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

.skip_navi a:hover, .skip_navi a:focus { top: 0; }

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

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

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

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

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

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

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

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

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

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

/*헤더*/
.header { height: 115px; position: absolute; left: 0; top: 0; overflow: hidden; z-index: 100; background-color: #fff; width: 100%; }

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

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

.header .top_menu { font-size: 12px; line-height: 30px; font-family: "Noto Sans", "sans-serif"; }

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

.header .top_menu > ol { float: left; }

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

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

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

.header .head { text-align: center; }

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

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

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

.header #gnb { max-width: 100%; display: inline-block; line-height: 85px; /*margin-left:13.18%;*/ padding-right: 118px; }

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

.header #gnb > ul > li > a { position: relative; display: block; height: 85px; font-size: 18px; font-weight: 500; padding: 0 28px; }

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

.header #gnb .dep2_wrap > ul > li ol li { line-height: 1.4; margin: 0.25em 0; color: #181a1e; float: left; width: 175px; }

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

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

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

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

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

.header .util .search_box.active { display: block; }

.header .util .search_box .tit { color: rgba(0, 0, 0, 0.3); font-size: 36px; font-weight: 600; margin-right: 45px; vertical-align: top; display: inline-block; line-height: 30px; }

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

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

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

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

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

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

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

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

@media screen and (max-width: 737px) { .header .util .search_box { padding: 25px 15px; }
  .header .util .search_box .tit { font-size: 20px; margin-bottom: 10px; }
  .header .util .search_box .search { max-width: 100%; padding-bottom: 10px; }
  .header .util .search_box .search input { font-size: 14px; line-height: 22px; height: 22px; }
  .header .util .search_box .search button { width: 22px; height: 22px; background-size: 22px auto; } }

.header .util .btn_search_open { width: 32px; height: 32px; margin-left: 14px; background: url(../images/common/btn_head_search.png) no-repeat right center; vertical-align: middle; }

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

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

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

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

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

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

@media screen and (max-width: 1080px) { .header #gnb { display: none; }
  .header .sitemap .btn_sitemap_close { right: 30px; } }

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

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

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

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

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

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

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

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

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

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

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

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

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

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

.sitemap > .container > .sns li a.facebook { background-image: url(../images/common/icon_sns2_01.png); }

.sitemap > .container > .sns li a.insta { background-image: url(../images/common/icon_sns2_02.png); }

.sitemap > .container > .sns li a.twitter { background-image: url(../images/common/icon_sns2_03.png); }

.sitemap > .container > .sns li a.youtube { background-image: url(../images/common/icon_sns2_04.png); }

.sitemap > .container > .sns li a.blog { background-image: url(../images/common/icon_sns2_05.png); }

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

.f_banner .container { position: relative; }

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

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

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

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

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

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

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

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

.f_banner .slide { width: 100%; }

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

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

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

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

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

.footer .container { position: relative; }

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

.footer .fnb { padding-left: 170px; background: url(../images/common/f_logo.png) no-repeat left center; margin-bottom: 40px; }

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

.footer .fnb > ul { float: left; line-height: 44px; }

.footer .fnb > ul li { float: left; margin-right: 30px; }

.footer .fnb > ol { float: right; }

.footer .fnb > ol > li { float: left; position: relative; margin-left: 30px; }

.footer .fnb > ol > li:first-of-type { margin-left: 0; }

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

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

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

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

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

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

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

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

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

.footer .addr { max-width: none; font-weight: 300; }

.footer .addr li { margin: 0.2em 0; }

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

.footer .addr > span { display: block; margin-top: 0.2em; color: #a7a7a7; }

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

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

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

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

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

.modal_wrap .modal_pop h3 { background-color: #114e9f; color: #fff; padding: 0 40px; line-height: 70px; font-size: 20px; }

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

.modal_wrap .modal_pop .pop_bg { background-color: #fff; padding: 40px; overflow-x: hidden; overflow-y: auto; height: calc(100% - 33px); }

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

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

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

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

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

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

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

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

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

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

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

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

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

.modal_wrap .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 { background: url(../images/common/btn_pop_pause.png) no-repeat center center; }

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

.modal_wrap .modal_pop .modal_close { position: absolute; right: 0; top: -42px; }

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

@media screen and (min-width: 737px) { .modal_wrap .modal_pop h3 button { -webkit-transition: 0.3s; transition: 0.3s; }
  .modal_wrap .modal_pop h3 button:hover { background-image: url(../images/sub/icon_pop_print_on.png); border-color: #fff; background-color: #fff; } }

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

.select.auto { width: auto; }

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

/* 페이지 번호*/
.pagination { margin: 40px auto 0; text-align: center; font-size: 0; text-indent: -2px; }

.pagination > a { display: inline-block; text-align: center; width: 32px; height: 32px; margin: 0 2.5px; color: #666; line-height: 30px; border: 1px solid #cbcccd; font-weight: 500; font-size: 14px; }

.pagination > a.first_page { background: url(../images/common/paging_first.png) no-repeat center; }

.pagination > a.last_page { background: url(../images/common/paging_last.png) no-repeat center; }

.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 ul { display: inline-block; vertical-align: top; margin: 0 10px; }

.pagination ul li { float: left; vertical-align: top; margin-right: 5px; }

.pagination ul li a { display: block; width: 32px; height: 32px; color: #666; line-height: 30px; border: 1px solid #cbcccd; font-weight: 500; font-size: 14px; text-align: center; }

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

.pagination ul li:last-of-type { margin-right: 0; }

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

.form_list > li label { cursor: pointer; }

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

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

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

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

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

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

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

.date_inp .inp { width: 150px; }

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

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

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

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

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

.inp_btn { width: 100%; }

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

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

.inp_btn button { float: left; }

.inp_sch { width: 100%; }

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

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

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

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

.inp_sch button { float: left; }

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

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

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

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

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

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

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

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

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

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

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

.tb_info .rt { float: right; }

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

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

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

table thead { text-align: center; }

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

table.tableB { text-align: center; }

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

.board_list .bo_info { margin-bottom: 17px; }

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

.board_list .bo_info .total { float: left; color: #777; padding-left: 20px; background: url(../images/common/icon_board_total.png) no-repeat left top 6px; }

.board_list .bo_info .total span { color: #444; }

.board_list .bo_info .page_num { float: right; color: #999; }

.board_list .bo_info .page_num span { color: #000; }

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

.board_list .date { color: #444; }

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

.board_detail .bo_con p { margin: 0; }

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

.survey { margin-top: 100px; }

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

.board_thumb > li a { display: block; }

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

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

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

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

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

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

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

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

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

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

.board_card > li a { display: block; }

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

.list_dropdown dt a { display: block; width: 100%; padding-left: 50px; padding-right: 70px; background: url(../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: #9c1d1d; }

.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: 737px) { .list_dropdown { font-size: 14px; }
  .list_dropdown dt, .list_dropdown dd { background-size: 27px; }
  .list_dropdown dt { padding: 23px 15px; background-position: left 15px top 20px; }
  .list_dropdown dt.active a { background-image: none; }
  .list_dropdown dt a { padding-left: 38px; padding-right: 15px; background-image: none; }
  .list_dropdown dd { background-position: left 15px top 20px; }
  .list_dropdown dd > div { padding: 23px 15px; padding-left: 53px; } }

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

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

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

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

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

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

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

.list_dropdown2 dt.active a { background-image: url(../images/common/arrow_up.png); color: #9c1d1d; }

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

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

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

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

.con_tit span { color: #917c62; }

.con_tit + span { display: block; }

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

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

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

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

.main .main_banner { position: relative; }

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

.main .news { position: relative; }

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

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

.main .news .tab_box > li { display: inline-block; margin-left: 10px; }

.main .news .tab_box > li:first-of-type { margin-left: 0; }

.main .news .tab_box > li > button { height: 48px; color: #000; font-size: 16px; width: 152px; border: 1px solid #000; background-color: #fff; }

.main .news .tab_box > li > button:hover { color: #fff; -webkit-box-shadow: 5px 12px 22px rgba(0, 0, 0, 0.15); box-shadow: 5px 12px 22px rgba(0, 0, 0, 0.15); background-color: #000; text-align: center; }

.main .news .tab_box > li > div { display: none; position: absolute; left: 0; top: 48px; width: 100%; padding-top: 35px; }

.main .news .tab_box > li > div > .more { position: absolute; font-size: 16px; color: #000; font-weight: 500; padding-right: 45px; background: url(../images/main/arrow_more1.png) no-repeat right 12px; line-height: 33px; display: block; right: 0; top: 30px; }

.main .news .tab_box > li > div > .more:before { content: ''; position: absolute; left: -16px; top: 0; width: 33px; height: 33px; display: block; background-color: #f5f5f5; border-radius: 33px; z-index: -1; }

.main .news .tab_box > li.active > button { color: #fff; -webkit-box-shadow: 5px 12px 22px rgba(0, 0, 0, 0.15); box-shadow: 5px 12px 22px rgba(0, 0, 0, 0.15); background-color: #000; text-align: center; font-weight: 500; }

.main .news .tab_box > li.active > div { display: block; }

.main .news .tab_box ol { text-align: left; position: relative; }

.main .news .tab_box ol > :nth-child(n) { float: left; width: calc(33.33333% - 53.33333px); margin-right: 80px; }

.main .news .tab_box ol > :nth-of-type(3n) { margin-right: 0; }

.main .news .tab_box ol > :not(:nth-of-type(3n + 1)) { clear: none; }

.main .news .tab_box ol > :nth-of-type(3n + 1) { clear: both; }

.main .news .tab_box ol > li { height: 300px; }

.main .news .tab_box ol > li > a, .main .news .tab_box ol > li > div { display: block; padding: 40px 0 90px; }

.main .news .tab_box ol > li > a a, .main .news .tab_box ol > li > div a { display: block; }

.main .news .tab_box ol > li > a span, .main .news .tab_box ol > li > div span { display: none; font-size: 14px; font-weight: 600; position: relative; padding-bottom: 10px; margin-left: 2px; }

.main .news .tab_box ol > li > a span:before, .main .news .tab_box ol > li > div span:before { content: ''; width: 40px; height: 2px; background-color: #000; position: absolute; left: 0; bottom: 0; }

.main .news .tab_box ol > li > a b, .main .news .tab_box ol > li > div b { display: block; color: #917c62; font-size: 38px; font-weight: 500; padding-top: 7px; margin-bottom: 6px; position: relative; }

.main .news .tab_box ol > li > a b:after, .main .news .tab_box ol > li > div b:after { content: ''; width: 24px; height: 24px; background: #b89e7d url(../images/main/icon_news_off.png) no-repeat center; -webkit-box-sizing: border-box; box-sizing: border-box; display: inline-block; vertical-align: 4px; float: right; position: absolute; right: 0; top: 50%; margin-top: -12px; }

@media screen and (min-width: 737px) { .main .news .tab_box ol > li > a b:after, .main .news .tab_box ol > li > div b:after { -webkit-transition: 0.3s; transition: 0.3s; }
  .main .news .tab_box ol > li > a b:hover:after, .main .news .tab_box ol > li > div b:hover:after { border: 1px solid #917c62; background: #fff url(../images/main/icon_news_on.png) no-repeat center; } }

.main .news .tab_box ol > li > a strong, .main .news .tab_box ol > li > div strong { max-width: 100%; text-overflow: ellipsis; overflow: hidden; white-space: nowrap; display: block; font-size: 22px; font-weight: 500; margin-top: 26px; margin-bottom: 15px; color: #000; }

.main .news .tab_box ol > li > a strong:first-child, .main .news .tab_box ol > li > div strong:first-child { margin-top: 0; }

.main .news .tab_box ol > li > a p, .main .news .tab_box ol > li > div p { text-overflow: ellipsis; overflow: hidden; display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical; font-size: 16px; line-height: 1.5em; height: 3em; word-break: keep-all; overflow: hidden; margin: 0; }

.main .news .tab_box ol > li > a em, .main .news .tab_box ol > li > div em { font-size: 14px; color: #777; display: block; margin-top: 11px; }

@media screen and (max-width: 1300px) { .main .news { position: relative; margin-top: 30px; padding-top: 50px; }
  .main .news:before { content: ''; bottom: initial; bottom: auto; top: 0; right: calc(50% + 65px); width: calc(50% - 65px); }
  .main .news .tab_box { text-align: center; margin-top: 50px; }
  .main .news .tab_box > li { margin-left: 5px; }
  .main .news .tab_box > li > div { padding-top: 60px; }
  .main .news .tab_box > li > div > .more { position: relative; display: inline-block; top: 0; margin-top: 20px; padding-right: 42px; padding-left: 16px; }
  .main .news .tab_box > li > div > .more:before { left: 0; }
  .main .news .tab_box ol > :nth-child(n) { float: left; width: calc(33.33333% - 26.66667px); margin-right: 40px; }
  .main .news .tab_box ol > :nth-of-type(3n) { margin-right: 0; }
  .main .news .tab_box ol > :not(:nth-of-type(3n + 1)) { clear: none; }
  .main .news .tab_box ol > :nth-of-type(3n + 1) { clear: both; }
  .main .news .tab_box ol > li { height: auto; }
  .main .news .tab_box ol > li > a, .main .news .tab_box ol > li > div { padding: 0; } }

@media screen and (max-width: 900px) { .main .news .tab_box ol > :nth-child(n) { float: left; width: calc(100% - 0px); margin-right: 0px; }
  .main .news .tab_box ol > :nth-of-type(1n) { margin-right: 0; }
  .main .news .tab_box ol > :not(:nth-of-type(1n + 1)) { clear: none; }
  .main .news .tab_box ol > :nth-of-type(1n + 1) { clear: both; }
  .main .news .tab_box ol.total > li > div { padding-left: 100px; position: relative; }
  .main .news .tab_box ol > li { height: auto; padding: 20px 0; border-bottom: 1px solid #f3f3f3; }
  .main .news .tab_box ol > li:first-of-type { padding-top: 0; }
  .main .news .tab_box ol > li:last-of-type { border-bottom: 0; padding-bottom: 0; }
  .main .news .tab_box ol > li > a span, .main .news .tab_box ol > li > div span { display: none; }
  .main .news .tab_box ol > li > a b, .main .news .tab_box ol > li > div b { font-size: 16px; width: 80px; height: 50px; line-height: 50px; padding: 0; background-color: #f4f2ef; text-align: center; position: absolute; left: 0; top: 0; }
  .main .news .tab_box ol > li > a b:after, .main .news .tab_box ol > li > div b:after { position: absolute; right: -8px; top: -8px; margin-top: 0; width: 18px; height: 18px; background-size: 8px auto; }
  .main .news .tab_box ol > li > a strong, .main .news .tab_box ol > li > div strong { margin-top: 0; }
  .main .news .tab_box ol > li > a strong + p, .main .news .tab_box ol > li > div strong + p { display: none; }
  .main .news .tab_box ol > li > a p, .main .news .tab_box ol > li > div p { font-size: 16px; }
  .main .news .tab_box ol > li > a em, .main .news .tab_box ol > li > div em { font-size: 15px; margin-top: 3px; } }

@media screen and (max-width: 737px) { .main .news { padding-top: 25px; }
  .main .news:before { content: ''; height: 115px; right: calc(50% + 32px); width: calc(50% - 32px); }
  .main .news .tab_box { margin-top: 25px; width: 100%; }
  .main .news .tab_box > li { float: left; width: 25%; margin-left: 0; }
  .main .news .tab_box > li > button { height: 37px; font-size: 14px; width: 100%; border-left: 0; }
  .main .news .tab_box > li:first-of-type button { border-left: 1px solid #000; }
  .main .news .tab_box > li.active > button { -webkit-box-shadow: 5px 12px 22px rgba(0, 0, 0, 0.15); box-shadow: 5px 12px 22px rgba(0, 0, 0, 0.15); }
  .main .news .tab_box > li > div { top: 37px; padding-top: 30px; }
  .main .news .tab_box > li > div > .more { font-size: 14px; background-size: 29px auto; background-position: right 10px; line-height: 30px; }
  .main .news .tab_box > li > div > .more:before { width: 30px; height: 30px; left: 0; }
  .main .news .tab_box ol.total > li > div { padding-left: 60px; }
  .main .news .tab_box ol > li > a b, .main .news .tab_box ol > li > div b { font-size: 14px; width: 45px; height: 35px; line-height: 35px; }
  .main .news .tab_box ol > li > a strong, .main .news .tab_box ol > li > div strong { font-size: 14px; margin-bottom: 2px; }
  .main .news .tab_box ol > li > a p, .main .news .tab_box ol > li > div p { font-size: 14px; }
  .main .news .tab_box ol > li > a em, .main .news .tab_box ol > li > div em { font-size: 13px; } }

.main .side_banner { padding: 50px 0; }

.main .side_banner .container { max-width: 1355px; }

.main .side_banner .slide a > div { position: relative; width: 100%; height: 0; padding-top: 9.594%; }

.main .side_banner .slide a > div > img, .main .side_banner .slide a > div > span { position: absolute; left: 0; top: 0; bottom: 0; width: 100%; height: 100%; }

.main .side_banner .slide a > div > span { display: none; }

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

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

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

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

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

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

.main .side_banner .control > button.pause { background: url(../images/main/btn_sdbanner_pause.png) no-repeat center center; }

.main .side_banner .control > button.play { background: url(../images/main/btn_sdbanner_play.png) no-repeat center center; }

@media screen and (max-width: 1300px) { .main .side_banner { padding: 70px 0; } }

@media screen and (max-width: 737px) { .main .side_banner { padding: 45px 0; }
  .main .side_banner .slide a > div { padding-top: 28.7878%; }
  .main .side_banner .slide a > div > img { display: none; }
  .main .side_banner .slide a > div > span { display: block; } }

.main .sec3 { position: relative; padding-top: 75px; }

.main .sec3:before { content: ''; position: absolute; right: calc(50% + 430px); width: calc(50% - 430px); height: 330px; top: 0; background-color: #f5f5f5; display: block; z-index: -1; }

.main .sec3 > div { max-width: 1356px; margin: auto; position: relative; }

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

@media screen and (max-width: 1670px) { .main .sec3 { padding: 0 30px; padding-top: 0; padding-bottom: 0; }
  .main .sec3:before { top: -40px; } }

@media screen and (max-width: 1080px) { .main .sec3:before { content: none; } }

@media screen and (max-width: 737px) { .main .sec3 { padding: 0 15px; } }

.main .notice_banner { float: left; }

.main .notice_banner .slide_wrap { width: 340px; height: 378px; position: relative; }

.main .notice_banner .slide a { display: block; }

.main .notice_banner .slide a .img { position: relative; display: block; width: 100%; height: 0; padding-top: 111.17%; }

.main .notice_banner .slide a .img img { position: absolute; left: 0; top: 0; bottom: 0; width: 100%; height: 100%; }

.main .notice_banner .control { position: absolute; right: 0; bottom: 0; width: 100%; font-size: 0; color: #fff; line-height: 44px; height: 44px; font-weight: 500; background-color: rgba(0, 0, 0, 0.38); text-align: left; padding: 0 18px 0 12px; }

.main .notice_banner .control > :nth-child(n) { display: inline-block; font-size: 16px; vertical-align: middle; }

.main .notice_banner .control .pagination_num { color: rgba(255, 255, 255, 0.35); float: right; }

.main .notice_banner .control .pagination_num .current { color: #fff; }

.main .notice_banner .control button { width: 22px; height: 20px; overflow: hidden; text-indent: 22px; }

.main .notice_banner .control button.next { background: url(../images/main/btn_imgbd_next.png) no-repeat center center; }

.main .notice_banner .control button.prev { background: url(../images/main/btn_imgbd_prev.png) no-repeat center center; }

.main .notice_banner .control button.pause { background: url(../images/main/btn_imgbd_pause.png) no-repeat center center; }

.main .notice_banner .control button.play { background: url(../images/main/btn_imgbd_play.png) no-repeat center center; }

@media screen and (max-width: 1080px) { .main .notice_banner { padding: 70px 0; width: 100%; float: none; background: url(../images/main/bg_notice_banner.png) no-repeat center; }
  .main .notice_banner .slide_wrap { margin: 0 auto; } }

@media screen and (max-width: 737px) { .main .notice_banner { background-image: none; padding: 0; width: 100%; height: auto; float: none; margin-bottom: 45px; }
  .main .notice_banner .slide a img { width: 100%; } }

.main .info_slide { position: absolute; left: 400px; top: 0; width: 1275px; }

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

.main .info_slide .slide a { display: block; width: 300px; height: 378px; float: left; font-size: 17px; margin-right: 25px; position: relative; background-color: #f5f5f5; color: #000; padding: 73px 42px; opacity: 0.2; -webkit-transition: 0.4s; transition: 0.4s; }

.main .info_slide .slide a span { display: block; font-size: 15px; height: 42px; }

.main .info_slide .slide a strong { display: block; font-size: 32px; font-weight: 600; line-height: 38px; margin: 18px 0; letter-spacing: -0.05em; word-break: keep-all; height: 100px; }

.main .info_slide .slide a em { display: block; border-top: 3px solid #000; padding-top: 60px; -webkit-transition: border-color 0.4s; transition: border-color 0.4s; font-weight: 600; }

.main .info_slide .slide a em:after { float: right; content: ''; width: 17px; height: 22px; background: url(../images/main/arrow_infoslide.png) no-repeat center; -webkit-transition: 0.4s; transition: 0.4s; }

.main .info_slide .slide a img { opacity: 0; position: absolute; left: 0; top: 0; bottom: 0; width: 100%; -webkit-transition: 0.4s; transition: 0.4s; height: 100%; z-index: -1; }

.main .info_slide .slide a.slick-active { opacity: 1; }

.main .info_slide .control { position: absolute; width: 90px; right: 185px; top: 50%; -webkit-transform: translateY(-50%); transform: translateY(-50%); }

.main .info_slide .control button, .main .info_slide .control a { display: block; width: 90px; height: 90px; border-radius: 90px; -webkit-transition: all 0.5s cubic-bezier(0.47, 1.64, 0.41, 0.8); transition: all 0.5s cubic-bezier(0.47, 1.64, 0.41, 0.8); }

.main .info_slide .control .next { background: #3e3e3e url(../images/main/btn_info_next.png) no-repeat center; }

.main .info_slide .control .setting { background: #b89e7d url(../images/main/btn_setting.png) no-repeat center; margin-bottom: 25px; }

@media screen and (min-width: 800px) { .main .info_slide .slide a.slick-active:hover { color: #fff; }
  .main .info_slide .slide a.slick-active:hover em { border-color: #fff; }
  .main .info_slide .slide a.slick-active:hover em:after { background-image: url(../images/main/arrow_infoslide_on.png); }
  .main .info_slide .slide a.slick-active:hover img { opacity: 1; }
  .main .info_slide .control .next:hover { -webkit-box-shadow: 0 0 0 12px #e3e3e3; box-shadow: 0 0 0 12px #e3e3e3; }
  .main .info_slide .control .setting:hover { -webkit-box-shadow: 0 0 0 12px #f3eee7; box-shadow: 0 0 0 12px #f3eee7; } }

@media screen and (max-width: 1670px) { .main .info_slide { width: calc(100% - 370px); }
  .main .info_slide .control { right: 0; width: 60px; }
  .main .info_slide .control button, .main .info_slide .control a { width: 60px; height: 60px; } }

@media screen and (max-width: 1080px) { .main .info_slide { position: relative; left: 0; float: none; padding: 70px 0; width: 100%; } }

@media screen and (max-width: 737px) { .main .info_slide { padding: 0; margin-bottom: 15px; position: relative; }
  .main .info_slide:before { content: ''; width: calc(100% + 30px); height: 127px; bottom: 0; left: -15px; display: block; position: absolute; background-color: rgba(255, 255, 255, 0.7); z-index: 1; -webkit-box-shadow: 0 -15px 15px 0 rgba(0, 0, 0, 0.1); box-shadow: 0 -15px 15px 0 rgba(0, 0, 0, 0.1); }
  .main .info_slide .slide { position: relative; height: 493px; overflow-y: auto; overflow-x: hidden; }
  .main .info_slide .slide::-webkit-scrollbar { width: 6px; height: 6px; }
  .main .info_slide .slide::-webkit-scrollbar-thumb { background-color: #86878b; border-radius: 6px; }
  .main .info_slide .slide::-webkit-scrollbar-track { background-color: #cdd0d5; border-radius: 6px; }
  .main .info_slide .slide a { width: 100%; padding: 15px 20px 16px; height: 112px; float: none; margin-right: 0; margin-bottom: 15px; opacity: 1; }
  .main .info_slide .slide a:last-of-type { margin-bottom: 127px; }
  .main .info_slide .slide a span { display: block; font-size: 11px; height: auto; }
  .main .info_slide .slide a span br { display: none; }
  .main .info_slide .slide a strong { font-size: 18px; line-height: 1.4; margin: 5px 0 15px; height: auto; }
  .main .info_slide .slide a em { display: block; border-top: 0; padding-top: 0; font-size: 13px; font-weight: 700; }
  .main .info_slide .slide a em:after { width: 16px; height: 11px; background-size: 16px auto; }
  .main .info_slide .slide a img { display: none; }
  .main .info_slide .control { right: auto; right: initial; left: 0; top: auto; top: initial; bottom: 97px; margin: 0; z-index: 2; text-align: center; -webkit-transform: translateX(0); transform: translateX(0); width: 100%; direction: rtl; }
  .main .info_slide .control button, .main .info_slide .control a { width: 55px; height: 55px; display: inline-block; vertical-align: top; }
  .main .info_slide .control .next { -webkit-transform: rotate(90deg); transform: rotate(90deg); display: none !important; }
  .main .info_slide .control .setting { margin: 0; margin-left: 0; } }

.main .set_favorite > p { font-size: 18px; }

.main .set_favorite > ul { margin-right: -20px; }

.main .set_favorite > ul > li { float: left; margin-right: 20px; margin-top: 20px; }

.main .set_favorite > ul > li a { display: block; width: 288px; height: 160px; background-color: #f5f5f5; -webkit-transition: 0.4s; transition: 0.4s; position: relative; overflow: hidden; color: #000; padding: 38px 28px 0; z-index: 1; }

.main .set_favorite > ul > li a span { font-size: 12px; font-weight: 500; }

.main .set_favorite > ul > li a strong { display: block; font-size: 20px; font-weight: 600; line-height: 26px; margin-top: 7px; }

.main .set_favorite > ul > li a img { position: absolute; left: 0; top: 50%; margin-top: -180px; z-index: -1; opacity: 0; -webkit-transition: 0.4s; transition: 0.4s; }

.main .set_favorite > ul > li a.active { color: #fff; }

.main .set_favorite > ul > li a.active img { opacity: 1; }

.main .set_favorite > ul > li a.active:after { content: ''; position: absolute; left: 0; top: 0; bottom: 0; width: 100%; height: 100%; background: rgba(77, 77, 77, 0.82) url(../images/main/chk_favorite.png) no-repeat center; }

.main .set_favorite .btn_box { text-align: center; margin-top: 50px; font-size: 0; line-height: 0; }

.main .set_favorite .btn_box a { width: 114px; height: 52px; line-height: 50px; border: 1px solid #ababab; background-color: #fff; display: inline-block; font-size: 16px; }

.main .set_favorite .btn_box a.submit { background-color: #000; color: #fff; border-color: #000; margin-right: 10px; }

@media screen and (min-width: 737px) { .main .set_favorite > ul > li a:hover { color: #fff; }
  .main .set_favorite > ul > li a:hover img { opacity: 1; } }

@media screen and (max-width: 737px) { .main .set_favorite > p { text-align: center; font-size: 13px; }
  .main .set_favorite > ul { margin-right: -10px; }
  .main .set_favorite > ul > li { margin-right: 10px; margin-top: 10px; width: calc(50% - 5px); }
  .main .set_favorite > ul > li:nth-child(even) { margin-right: 0; }
  .main .set_favorite > ul > li a { display: table; width: 100%; height: 100px; padding: 0 20px; text-align: center; }
  .main .set_favorite > ul > li a span { font-size: 15px; display: table-cell; vertical-align: middle; }
  .main .set_favorite > ul > li a strong { display: none; }
  .main .set_favorite > ul > li a.active:after { background-size: 35px auto; }
  .main .set_favorite .btn_box { margin-top: 35px; }
  .main .set_favorite .btn_box a { width: 103px; height: 45px; line-height: 43px; } }

.main .sec4 { background: url(../images/main/bg_sns_channel2.jpg) no-repeat center bottom; padding-bottom: 129px; margin-top: 104px; padding-top: 15px; position: relative; }

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

.main .sec4:before { content: ''; position: absolute; display: block; width: calc(50% - 500px); right: 0; top: 0; height: 330px; background-color: #f5f5f5; }

.main .sec4 .sns_channel { float: left; width: calc(100% - 481px); margin-right: 60px; }

.main .sec4 .east_area { float: left; width: 421px; position: relative; z-index: 1; margin-top: 90px; }

@media screen and (max-width: 1340px) { .main .sec4 { padding-top: 0; margin-top: 80px; padding-bottom: 90px; }
  .main .sec4 .east_area { margin-top: 150px; } }

@media screen and (max-width: 1080px) { .main .sec4 { margin-top: 0; background: none; padding-bottom: 60px; }
  .main .sec4 .sns_channel { width: 100%; margin-right: auto; }
  .main .sec4 .east_area { margin-top: 0; width: 100%; } }

@media screen and (max-width: 737px) { .main .sec4 { padding-bottom: 30px; } }

.main .sns_channel { position: relative; }

.main .sns_channel ul { position: absolute; right: 0; top: 30px; text-align: center; }

.main .sns_channel ul li { margin-left: 26px; display: inline-block; }

.main .sns_channel ul li:first-of-type { margin-left: 0; }

.main .sns_channel ol { margin-top: 40px; white-space: nowrap; overflow-x: auto; overflow-y: hidden; font-size: 0; line-height: 0; }

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

.main .sns_channel ol::-webkit-scrollbar { width: 6px; height: 6px; }

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

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

.main .sns_channel ol > li { padding: 2px; text-align: center; margin-right: 42px; width: 416px; display: inline-block; vertical-align: top; line-height: 1.4; font-size: 16px; }

.main .sns_channel ol > li:last-of-type { margin-right: 0; }

.main .sns_channel ol > li.ist { background: #fbd676; background: -webkit-gradient(linear, left top, left bottom, from(#fbd676), color-stop(50%, #f1577b), to(#7246dc)); background: linear-gradient(to bottom, #fbd676 0%, #f1577b 50%, #7246dc 100%); filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#fbd676', endColorstr='#7246dc',GradientType=0 ); }

.main .sns_channel ol > li.ist > div { background-color: #fff; text-align: left; position: relative; }

.main .sns_channel ol > li.ist > div div[tabindex] { height: 470px; white-space: normal; background-color: #f0f1f5; font-size: 15px; }

.main .sns_channel ol > li.ist > div div[tabindex] > div { margin-bottom: 10px; background-color: #fff; padding: 22px 24px 15px; }

.main .sns_channel ol > li.ist > div div[tabindex] > div strong { font-size: 20px; font-weight: 600; display: block; margin-bottom: 13px; }

.main .sns_channel ol > li.ist > div div[tabindex] > div strong img { margin-left: 3px; vertical-align: -4px; }

.main .sns_channel ol > li.ist > div div[tabindex] > div b { font-size: 18px; color: #000; font-weight: 600; margin-right: 5px; padding-bottom: 5px; }

.main .sns_channel ol > li.ist > div div[tabindex] > div:last-of-type { margin-bottom: 0; }

.main .sns_channel ol > li.ist > div div[tabindex] > div > img { margin-bottom: 20px; }

.main .sns_channel ol > li.ist > div > span { position: absolute; left: 0; bottom: 0; padding: 20px 24px; z-index: 10; width: 100%; display: block; -webkit-box-shadow: 0 -8px 16px 0 rgba(0, 0, 0, 0.12); box-shadow: 0 -8px 16px 0 rgba(0, 0, 0, 0.12); }

.main .sns_channel ol > li.ist > div > span a { display: block; background-color: #0095f6; width: 100%; border-radius: 6px; text-align: center; line-height: 47px; color: #fff; position: relative; z-index: 10; }

.main .sns_channel ol > li.ist > div > span a img { margin-left: 5px; vertical-align: 0; }

.main .sns_channel ol > li.fb { background-color: #5a85ef; }

.main .sns_channel ol > li.tw { background-color: #5a99ec; }

.main .sns_channel ol > li > div { height: 556px; }

.main .sns_channel ol > li div[tabindex] { overflow-x: hidden; overflow-y: auto; width: 100%; position: relative; z-index: 1; background-color: #fff; }

.main .sns_channel ol > li div[tabindex]::-webkit-scrollbar { width: 6px; height: 6px; }

.main .sns_channel ol > li div[tabindex]::-webkit-scrollbar-thumb { background-color: #86878b; border-radius: 6px; }

.main .sns_channel ol > li div[tabindex]::-webkit-scrollbar-track { background-color: #cdd0d5; border-radius: 6px; }

.main .sns_channel ol > li div[tabindex] > img { width: 100%; display: block; }

@media screen and (min-width: 737px) { .main .sns_channel ol > li { position: relative; }
  .main .sns_channel ol > li:before, .main .sns_channel ol > li:after { -webkit-box-sizing: inherit; box-sizing: inherit; content: ''; position: absolute; width: 100%; height: 100%; }
  .main .sns_channel ol > li:hover { color: #000; }
  .main .sns_channel ol > li::before, .main .sns_channel ol > li::after { top: 0; left: 0; height: 100%; width: 100%; -webkit-transform-origin: center; transform-origin: center; }
  .main .sns_channel ol > li::before { border-top: 2px solid #000; border-bottom: 2px solid #000; -webkit-transform: scale3d(0, 1, 1); transform: scale3d(0, 1, 1); }
  .main .sns_channel ol > li::after { border-left: 2px solid #000; border-right: 2px solid #000; -webkit-transform: scale3d(1, 0, 1); transform: scale3d(1, 0, 1); }
  .main .sns_channel ol > li:hover::before, .main .sns_channel ol > li:hover::after { -webkit-transform: scale3d(1, 1, 1); transform: scale3d(1, 1, 1); -webkit-transition: -webkit-transform 0.5s; transition: -webkit-transform 0.5s; transition: transform 0.5s; transition: transform 0.5s, -webkit-transform 0.5s; } }

@media screen and (max-width: 1340px) { .main .sns_channel .con_tit { text-align: center; }
  .main .sns_channel ul { position: static; margin-top: 40px; text-align: center; }
  .main .sns_channel ol { margin-top: 27px; } }

@media screen and (max-width: 1080px) { .main .sns_channel { margin-top: 0; padding-bottom: 70px; } }

@media screen and (max-width: 737px) { .main .sns_channel { padding-bottom: 31px; margin-top: 15px; }
  .main .sns_channel ul { margin-top: 20px; }
  .main .sns_channel ul li { margin-left: 18px; }
  .main .sns_channel ul li a img { max-height: 22px; }
  .main .sns_channel ol { white-space: normal; overflow-y: auto; text-align: center; margin-top: 13px; }
  .main .sns_channel ol > li { margin-right: 0; margin-bottom: 20px; }
  .main .sns_channel ol > li > div { height: 400px; }
  .main .sns_channel ol > li:last-of-type { margin-bottom: 0; } }

@media screen and (max-width: 450px) { .main .sns_channel ol > li { width: 100%; } }

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

.main .sec5 > div { float: left; width: 50%; height: 520px; }

@media screen and (max-width: 1200px) { .main .sec5 > div { width: 100%; height: 400px; } }

@media screen and (max-width: 737px) { .main .sec5 > div { height: auto; } }

.main .embassy { text-align: center; font-family: "Noto Sans", "sans-serif"; background: url(../images/main/bg_embassy.jpg) no-repeat center/cover; padding-top: 115px; }

.main .embassy > div { display: inline-block; width: 380px; text-align: right; }

.main .embassy > div h2 { text-align: left; margin-top: -0.2em; }

.main .embassy > div h2:after { content: ''; display: block; clear: both; }

.main .embassy > div h2 b { padding-left: 70px; font-size: 100px; font-weight: 500; color: #fff; display: inline-block; background: url(../images/main/icon_embassy_tit.png) no-repeat left center; }

.main .embassy > div h2 span { color: #14296c; display: inline-block; font-size: 19px; }

.main .embassy > div ol { text-align: left; margin-bottom: 20px; }

.main .embassy > div ol > li { position: relative; margin-bottom: 9px; }

.main .embassy > div ol > li.active { background-color: #fff; }

.main .embassy > div ol > li.active button { background-image: url(../images/main/arrow_embassy_up.png); }

.main .embassy > div ol > li.active span { color: #000; }

.main .embassy > div ol > li:last-of-type { margin-bottom: 0; }

.main .embassy > div ol > li button { border: 1px solid #14296c; height: 63px; font-size: 13px; color: #14296c; padding: 0 20px; width: 100%; text-align: left; background: url(../images/main/arrow_embassy_down.png) no-repeat right 19px center; }

.main .embassy > div ol > li button span { color: #fff; font-size: 20px; display: block; }

.main .embassy > div ol > li ul { overflow-x: hidden; overflow-y: auto; display: none; position: absolute; left: 0; top: 100%; width: 100%; max-height: 270px; padding: 15px 20px; background-color: #fff; border: 1px solid #14296c; border-top: 0; z-index: 1; }

.main .embassy > div ol > li ul::-webkit-scrollbar { width: 6px; height: 6px; }

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

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

.main .embassy > div ol > li ul li a { padding-left: 11px; position: relative; display: block; margin: 4px 0; }

.main .embassy > div ol > li ul li a:before { content: ''; width: 5px; height: 2px; background-color: #a2afbf; position: absolute; left: 0; top: 11px; }

.main .embassy > div .go { color: #fff; font-weight: 600; padding-right: 30px; background: url(../images/main/arrow_embassy_go.png) no-repeat right top 8px; }

@media screen and (min-width: 737px) { .main .embassy > div ol > li ul li a { -webkit-transition: 0.4s; transition: 0.4s; }
  .main .embassy > div ol > li ul li a:hover { text-decoration: underline; } }

@media screen and (max-width: 1200px) { .main .embassy { padding-top: 40px; } }

@media screen and (max-width: 737px) { .main .embassy { padding-top: 30px; padding-bottom: 30px; }
  .main .embassy > div { width: 270px; text-align: center; }
  .main .embassy > div h2 { text-align: center; }
  .main .embassy > div h2 b { padding-left: 29px; font-size: 37px; background-size: 22px auto; }
  .main .embassy > div h2 span { display: inline; font-size: 14px; }
  .main .embassy > div h2 span br { display: none; }
  .main .embassy > div ol { margin-bottom: 15px; margin-top: 10px; }
  .main .embassy > div ol > li { margin-bottom: 10px; }
  .main .embassy > div ol > li button { height: 52px; font-size: 11px; padding: 0 11px; background-position: right 10px center; background-size: 13px auto; }
  .main .embassy > div ol > li button span { font-size: 15px; }
  .main .embassy > div ol > li ul { max-height: 200px; padding: 10px; }
  .main .embassy > div ol > li ul li a { padding-left: 11px; font-size: 14px; margin: 2px 0; }
  .main .embassy > div ol > li ul li a:before { width: 4px; top: 9px; }
  .main .embassy > div .go { font-size: 14px; display: inline-block; padding-right: 26px; background-size: 16px auto; background-position: right top 6px; } }

.main .minister { background-color: #14296c; }

.main .minister > div { display: table; max-width: 820px; margin: auto; height: 520px; padding-left: 30px; padding-right: 30px; }

.main .minister > div > div { display: table-cell; vertical-align: middle; }

.main .minister .pic { width: 240px; }

.main .minister .txt { padding-left: 45px; }

.main .minister .txt h2 { color: #fff; }

.main .minister .txt p { font-size: 40px; color: #a6937c; font-weight: 500; margin-top: -2px; line-height: 1.2; }

.main .minister .txt p span { color: #fff; font-weight: 600; }

.main .minister .txt > .bt_wrap { margin-top: 40px; }

.main .minister .txt > .bt_wrap > :nth-child(n) { float: left; width: calc(33.33333% - 6px); margin-right: 9px; }

.main .minister .txt > .bt_wrap > :nth-of-type(3n) { margin-right: 0; }

.main .minister .txt > .bt_wrap > :not(:nth-of-type(3n + 1)) { clear: none; }

.main .minister .txt > .bt_wrap > :nth-of-type(3n + 1) { clear: both; }

@media screen and (max-width: 1400px) { .main .minister .pic { width: 200px; }
  .main .minister .txt { padding-left: 30px; } }

@media screen and (max-width: 1200px) { .main .minister > div { height: 400px; } }

@media screen and (max-width: 737px) { .main .minister { padding: 117px 0 30px; position: relative; }
  .main .minister > div { height: 126px; padding-left: 0; padding-right: 0; }
  .main .minister .pic { width: 50%; padding-right: 20px; text-align: right; }
  .main .minister .pic img { width: 105px; }
  .main .minister .txt { padding-left: 14px; text-align: left; }
  .main .minister .txt .tit { position: absolute; left: 0; top: 30px; width: 100%; text-align: center; }
  .main .minister .txt h2 { font-size: 11px; }
  .main .minister .txt p { font-size: 18px; margin-top: 7px; line-height: 1.3; }
  .main .minister .txt > .bt_wrap { margin-top: 0; }
  .main .minister .txt > .bt_wrap > :nth-child(n) { float: left; width: calc(100% - 0px); margin-right: 0px; }
  .main .minister .txt > .bt_wrap > :nth-of-type(1n) { margin-right: 0; }
  .main .minister .txt > .bt_wrap > :not(:nth-of-type(1n + 1)) { clear: none; }
  .main .minister .txt > .bt_wrap > :nth-of-type(1n + 1) { clear: both; }
  .main .minister .txt > .bt_wrap .bt { margin-bottom: 5px; display: block; width: 120px; }
  .main .minister .txt > .bt_wrap .bt:last-of-type { margin-bottom: 0; } }

.main .sec6 { background: url(../images/main/bg_dokdo.jpg) no-repeat center/cover; padding: 82px 0; text-align: center; }

.main .sec6 > div { -webkit-box-shadow: 0 44px 54px rgba(0, 0, 0, 0.35); box-shadow: 0 44px 54px rgba(0, 0, 0, 0.35); max-width: 1200px; margin: auto; }

.main .sec6 > div > :nth-child(n) { float: left; width: calc(50% - 150px); margin-right: 300px; }

.main .sec6 > div > :nth-of-type(2n) { margin-right: 0; }

.main .sec6 > div > :not(:nth-of-type(2n + 1)) { clear: none; }

.main .sec6 > div > :nth-of-type(2n + 1) { clear: both; }

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

.main .sec6 > div > div { width: 450px; height: 270px; background-color: rgba(21, 41, 108, 0.66); color: #fff; padding-top: 67px; }

.main .sec6 > div > div h2 { font-size: 40px; }

.main .sec6 > div > div h2 span { font-size: 16px; font-style: italic; }

.main .sec6 > div > div > div { margin-top: 17px; font-size: 0; line-height: 0; }

.main .sec6 > div > div > div .bt { width: 172px; margin-right: 10px; display: inline-block; font-size: 16px; }

.main .sec6 > div > div > div .bt:last-of-type { margin-right: 0; }

.main .sec6 > div .east { position: relative; padding-left: 70px; }

.main .sec6 > div .east:after { content: ''; width: 300px; height: 270px; position: absolute; left: 100%; top: 0; background: url(../images/main/bg_dokdo_layer.png) no-repeat center; }

.main .sec6 > div .dokdo { padding-right: 70px; }

@media screen and (max-width: 1200px) { .main .sec6 { padding: 30px; }
  .main .sec6 > div { -webkit-box-shadow: 0 44px 54px rgba(0, 0, 0, 0.35); box-shadow: 0 44px 54px rgba(0, 0, 0, 0.35); }
  .main .sec6 > div > :nth-child(n) { float: left; width: calc(50% - 50px); margin-right: 100px; }
  .main .sec6 > div > :nth-of-type(2n) { margin-right: 0; }
  .main .sec6 > div > :not(:nth-of-type(2n + 1)) { clear: none; }
  .main .sec6 > div > :nth-of-type(2n + 1) { clear: both; }
  .main .sec6 > div:after { content: ''; display: block; clear: both; }
  .main .sec6 > div .east { padding-left: 0; }
  .main .sec6 > div .east:after { width: 100px; background-size: 100px 270px; }
  .main .sec6 > div .dokdo { padding-right: 0; } }

@media screen and (max-width: 1080px) { .main .sec6 > div { -webkit-box-shadow: none; box-shadow: none; margin-bottom: 0; }
  .main .sec6 > div > :nth-child(n) { float: left; width: calc(100% - 0px); margin-right: 0px; }
  .main .sec6 > div > :nth-of-type(1n) { margin-right: 0; }
  .main .sec6 > div > :not(:nth-of-type(1n + 1)) { clear: none; }
  .main .sec6 > div > :nth-of-type(1n + 1) { clear: both; }
  .main .sec6 > div:after { content: ''; display: block; clear: both; }
  .main .sec6 > div > div { -webkit-box-shadow: 0 22px 27px rgba(0, 0, 0, 0.35); box-shadow: 0 22px 27px rgba(0, 0, 0, 0.35); width: 100%; margin: 0 auto 20px; height: auto; padding: 40px 0 45px; }
  .main .sec6 > div > div:last-of-type { margin-bottom: 0; }
  .main .sec6 > div > div h2 { text-align: center; }
  .main .sec6 > div > div h2 span { display: block; }
  .main .sec6 > div > div > div { margin-top: 17px; text-align: center; }
  .main .sec6 > div > div > div .bt { margin-right: 10px; }
  .main .sec6 > div > div > div .bt:last-of-type { margin-right: 0; }
  .main .sec6 > div .east { padding-left: 0; }
  .main .sec6 > div .east:after { content: none; }
  .main .sec6 > div .dokdo { padding-right: 0; text-align: center; }
  .main .sec6 > div .dokdo h2 { margin-right: 0; } }

@media screen and (max-width: 737px) { .main .sec6 { padding: 30px 15px; }
  .main .sec6 > div > div { margin-bottom: 10px; padding: 26px 0 30px; }
  .main .sec6 > div > div h2 { font-size: 20px; }
  .main .sec6 > div > div h2 span { font-size: 11px; }
  .main .sec6 > div > div > div .bt { width: 123px; margin-right: 5px; font-size: 14px; }
  .main .sec6 > div > div > div .bt:last-of-type { margin-right: 0; } }

.main .bt { border: 1px solid #fff; text-align: center; color: #fff; line-height: 55px; display: block; }

@media screen and (min-width: 737px) { .main .bt { -webkit-transition: 0.4s; transition: 0.4s; }
  .main .bt:hover { background-color: #fff; color: #14296c; } }

@media screen and (max-width: 737px) { .main .bt { font-size: 14px; line-height: 36px; } }

.east_area { color: #fff; }

.east_area > li { margin-bottom: 40px; height: 260px; padding: 43px 50px 0; position: relative; background-repeat: no-repeat; background-size: cover; background-position: center; }

.east_area > li h2 { font-size: 34px; margin-bottom: 13px; }

.east_area > li p { font-size: 16px; }

.east_area > li > ul { position: absolute; left: 50px; bottom: 50px; width: calc(100% - 100px); }

.east_area > li > ul li { width: calc(50% - 5px); margin-right: 10px; float: left; }

.east_area > li > ul li .bt { display: block; border: 1px solid #fff; background-color: rgba(0, 0, 0, 0.4); text-align: center; font-size: 15px; line-height: 45px; }

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

.east_area > li:last-of-type { margin-bottom: 0; }

.east_area > li.dokdo { background-image: url(../images/main/bg_east_dokdo.png); }

.east_area > li.sea { background-image: url(../images/main/bg_east_sea.png); }

@media screen and (max-width: 737px) { .east_area > li { margin-bottom: 15px; height: 184px; padding: 31px 35px 0; }
  .east_area > li h2 { font-size: 20px; margin-bottom: 8px; }
  .east_area > li p { font-size: 12px; }
  .east_area > li > ul { left: 35px; bottom: 35px; width: calc(100% - 70px); }
  .east_area > li > ul li { width: calc(50% - 3px); margin-right: 6px; }
  .east_area > li > ul li .bt { font-size: 14px; line-height: 37px; } }

p { margin: 10px 0; }

/*컨텐츠 공통*/
.br { display: block; }

.lk { color: #0059d1; text-decoration: underline; text-underline-offset: 0.2em; }

.lk2:after { content: ''; display: inline-block; width: 22px; height: 22px; margin-top: -0.2em; margin-bottom: -0.2em; margin-left: 6px; vertical-align: -3px; background: url(../images/sub/icon_link.png) no-repeat center; }

@media screen and (min-width: 737px) { .lk2:after { -webkit-transition: 0.3s; transition: 0.3s; }
  .lk2:hover:after { background-image: url(../images/sub/icon_link_on.png); } }

@media screen and (max-width: 737px) { .lk2 { padding-right: 30px; }
  .lk2:after { width: 22px; height: 22px; margin-top: -11px; background-size: cover; } }

.f_down { display: inline-block; border-radius: 6px; color: #0b428c; font-size: 14px; padding: 9px 38px 9px 18px; margin-right: 3px; background: #ebf3fb url(../images/sub/icon_f_down.png) no-repeat right 15px center; margin-bottom: 3px; }

@media screen and (min-width: 737px) { .f_down { -webkit-transition: 0.3s; transition: 0.3s; }
  .f_down:hover { -webkit-box-shadow: inset 0 0 0 1px #70a2d4; box-shadow: inset 0 0 0 1px #70a2d4; } }

@media screen and (max-width: 737px) { .f_down { font-size: 13px; background-size: 15px auto; padding: 8px 30px 8px 12px; background-position: right 11px top 12px; } }

/*텍스트 영역*/
.txt_area p { margin-bottom: 1.4em; }

.txt_area p:last-of-type { margin-bottom: 0; }

.backslash { background: url(../images/sub/backslash.png) #f2f6fb !important; background-size: 100% 100% !important; }

/*컨텐츠 뎁스*/
.list_dep1 { line-height: 1.6; word-break: keep-all; }

.list_dep1 strong { font-weight: 600; }

.list_dep1 li { margin-bottom: 0.4em; text-align: left; }

.list_dep1 > li { margin-bottom: 56px; }

.list_dep1 > li:last-of-type { margin-bottom: 0; }

.list_dep1 table:not(.ui-datepicker-calendar) thead th { font-size: 16px; word-break: keep-all; }

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

@media screen and (max-width: 737px) { .list_dep1 table:not(.ui-datepicker-calendar) thead th { font-size: 14px; word-break: keep-all; }
  .list_dep1 table:not(.ui-datepicker-calendar) tbody th, .list_dep1 table:not(.ui-datepicker-calendar) tbody td { font-size: 14px; } }

.list_dep1 .list_dep2 { margin-top: 10px; line-height: 1.6; word-break: keep-all; }

.list_dep1 .list_dep3 { margin-top: 10px; line-height: 1.6; word-break: keep-all; }

.list_dep1 li > ul, .list_dep1 li > ol { margin-top: 0.3em; }

.list_dep1 .bar, .list_dep1 .dot, .list_dep1 .ent, .list_dep1 .num, .list_dep1 .num2 { margin-bottom: 0.6em; }

.list_dep1 .bar ul:not([class]), .list_dep1 .dot ul:not([class]), .list_dep1 .ent ul:not([class]), .list_dep1 .num ul:not([class]), .list_dep1 .num2 ul:not([class]) { font-size: 15px; margin-bottom: 0.6em; }

.list_dep1 .bar ul:not([class]) > li, .list_dep1 .dot ul:not([class]) > li, .list_dep1 .ent ul:not([class]) > li, .list_dep1 .num ul:not([class]) > li, .list_dep1 .num2 ul:not([class]) > li { margin-bottom: 0.3em; line-height: 1.4; }

.list_dep1 .bar ul:not([class]) > li:last-of-type, .list_dep1 .dot ul:not([class]) > li:last-of-type, .list_dep1 .ent ul:not([class]) > li:last-of-type, .list_dep1 .num ul:not([class]) > li:last-of-type, .list_dep1 .num2 ul:not([class]) > li:last-of-type { margin-bottom: 0; }

@media screen and (max-width: 737px) { .list_dep1 .bar ul:not([class]), .list_dep1 .dot ul:not([class]), .list_dep1 .ent ul:not([class]), .list_dep1 .num ul:not([class]), .list_dep1 .num2 ul:not([class]) { font-size: 13px; } }

@media screen and (max-width: 737px) { .list_dep1 > li { margin-bottom: 37px; } }

.list_dep2 strong { font-weight: 600; }

.list_dep2 li { margin-bottom: 0.4em; text-align: left; }

.list_dep2 li > ul, .list_dep2 li > ol { margin-top: 0.3em; }

.list_dep2.center > li { text-align: center; }

.list_dep2 .bar, .list_dep2 .dot, .list_dep2 .ent, .list_dep2 .num, .list_dep2 .num2 { margin-bottom: 0.6em; }

.list_dep2 .bar ul:not([class]), .list_dep2 .dot ul:not([class]), .list_dep2 .ent ul:not([class]), .list_dep2 .num ul:not([class]), .list_dep2 .num2 ul:not([class]) { font-size: 15px; margin-bottom: 0.6em; }

.list_dep2.center > li { margin-bottom: 20px; }

.list_dep2 > li { margin-bottom: 40px; }

.list_dep2 > li:last-of-type { margin-bottom: 0; }

.list_dep2 table:not(.ui-datepicker-calendar) thead th { font-size: 16px; word-break: keep-all; }

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

@media screen and (max-width: 737px) { .list_dep2 table:not(.ui-datepicker-calendar) thead th { font-size: 14px; word-break: keep-all; }
  .list_dep2 table:not(.ui-datepicker-calendar) tbody th, .list_dep2 table:not(.ui-datepicker-calendar) tbody td { font-size: 14px; } }

@media screen and (max-width: 737px) { .list_dep2 > li { margin-bottom: 23px; } }

.list_dep3 li { margin-bottom: 0.4em; text-align: left; }

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

.list_dep3 > li:last-of-type { margin-bottom: 0; }

@media screen and (max-width: 737px) { .list_dep3 > li { margin-bottom: 20px; } }

table strong + .bar { margin-top: 0.3em !important; }

/*타이틀*/
.tit_lg { color: #000; font-size: 31px; font-weight: 500; margin-top: -0.2em; margin-bottom: 25px; line-height: 1.4; }

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

.tit_lg .no { font-size: 20px; }

.tit_lg .no b { color: #9c1d1d; }

.tit_lg + p { margin-top: -6px; margin-bottom: 1.2em; }

.tit_lg .tb_add { vertical-align: 7px; margin-left: 15px; }

.tit_lg .rt { float: right; line-height: 0; margin-top: 5px; }

.tit_lg + .tb_info { margin-top: -38px; }

@media screen and (max-width: 737px) { .tit_lg { font-size: 24px; margin-bottom: 15px; }
  .tit_lg .no { font-size: 13px; }
  .tit_lg ~ p { margin-top: -4px; }
  .tit_lg .tb_add { vertical-align: 0; margin-left: 0; float: right; margin-top: 7px; }
  .tit_lg .rt { float: none; display: block; margin-top: 15px; }
  .tit_lg .rt a { vertical-align: top; }
  .tit_lg + .tb_info { margin-top: -15px; } }

.tit_md { line-height: 1.4; color: #000; font-size: 25px; padding-left: 30px; background: url(../images/sub/icon_tit_md.png) no-repeat left top 12px; margin-bottom: 15px; margin-top: -0.2em; }

.tit_md + p { margin-bottom: 1.2em; }

.tit_md + .tb_info { margin-top: -38px; }

.tit_md .lk2:after { content: ''; vertical-align: 3px; }

.tit_md ~ * { padding-left: 30px; }

.tit_md ~ *.num2 { margin-left: 30px; }

@media screen and (max-width: 737px) { .tit_md { padding-left: 20px; font-size: 18px; background-size: 14px auto; background-position: left top 7px; margin-bottom: 13px; }
  .tit_md + .tb_info { margin-top: -15px; }
  .tit_md .lk2:after { content: ''; vertical-align: -1px; }
  .tit_md ~ * { padding-left: 21px; }
  .tit_md ~ *.num2 { margin-left: 21px; } }

.sch_list .tit_md ~ * { padding-left: 0; }

.tit_sm { color: #0068b9; font-size: 20px; margin-bottom: 13px; font-weight: 500; margin-top: -0.2em; line-height: 1.4; }

.tit_sm + .tb_info { margin-top: -38px; }

.tit_sm + p { margin-bottom: 1.2em; }

.tit_sm .lk2:after { vertical-align: 0; }

@media screen and (max-width: 737px) { .tit_sm { font-size: 16px; margin-bottom: 10px; }
  .tit_sm + .tb_info { margin-top: -10px; } }

.tit_xs { font-size: 17px; margin-bottom: 0.2em; font-weight: 500; margin-top: 0.6em; line-height: 1.4; }

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

/*bar리스트*/
.bar > li, .bar > dd { padding-left: 13px; position: relative; margin-bottom: 0.4em; }

.bar > li > p, .bar > dd > p { margin: 0; margin-top: 0.3em; }

.bar > li:last-of-type, .bar > dd:last-of-type { margin-bottom: 0; }

.bar > li:before, .bar > dd:before { position: absolute; left: 0; top: 0.6em; width: 5px; height: 2px; display: inline-block; content: ''; background-color: #a5b4c3; }

.bar > li .num4, .bar > dd .num4 { font-size: 15px; margin-top: 0.3em; }

.bar.site { margin-right: -20px; margin-top: -13px; }

.bar.site > li { float: left; width: 25%; padding-right: 20px; margin-bottom: 0; margin-top: 13px; }

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

.bar.bold { font-weight: bold; }

.bar.bold > li { margin-bottom: 18px; }

.bar.bold > li:last-of-type { margin-bottom: 0; }

.bar.bold .dot { font-weight: 400; margin-top: 10px; }

@media (min-width: 1080px) and (max-width: 1200px) { .bar.site > li { width: 33.3333%; }
  .bar.site > li:nth-of-type(4n+1) { clear: none; }
  .bar.site > li:nth-of-type(3n+1) { clear: both; } }

@media (min-width: 451px) and (max-width: 900px) { .bar.site > li { width: 50%; }
  .bar.site > li:nth-of-type(4n+1) { clear: none; }
  .bar.site > li:nth-of-type(2n+1) { clear: both; } }

@media screen and (max-width: 737px) { .bar .num4 { font-size: 13px; }
  .bar.site { margin-top: -9px; }
  .bar.site > li { margin-top: 9px; } }

@media screen and (max-width: 450px) { .bar > li { padding-left: 11px; font-size: 14px; }
  .bar.site { margin-right: 0; }
  .bar.site > li { width: 100%; padding-right: 0; } }

/*dot 리스트*/
.dot { font-size: 15px; }

.dot > li { padding-left: 11px; position: relative; margin-bottom: 0.3em; line-height: 1.4; }

.dot > li:last-of-type { margin-bottom: 0; }

.dot > li:before { position: absolute; left: 0; top: 0.6em; width: 3px; height: 3px; display: inline-block; content: ''; background-color: #7f7f7f; }

@media screen and (max-width: 737px) { .dot { font-size: 13px; }
  .dot > li { padding-left: 9px; }
  .dot > li:before { top: 0.5em; left: 0; } }

/*화살표 표기가 있는 리스트*/
.ent { font-size: 15px; }

.ent > li { padding-left: 18px; background: url(../images/sub/icon_enter.png) no-repeat left top 5px; color: #333; line-height: 1.4; margin-bottom: 0.3em; }

.ent > li:last-of-type { margin-bottom: 0; }

@media screen and (max-width: 737px) { .ent { font-size: 13px; }
  .ent > li { background-position: left top 4px; } }

.num > li { padding-left: 1.15em; text-indent: -1.15em; margin-bottom: 0.4em; line-height: 1.4; }

.num > li:last-of-type { margin-bottom: 0; }

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

table .num { margin-top: 0.2em !important; }

table .num > li { margin-bottom: 0.1em; }

/*숫자 있는 리스트*/
.num2 { list-style: decimal; padding-left: 20px; }

.num2 > li { list-style: decimal; margin-bottom: 0.6em; line-height: 1.4; }

.num2 > li:last-of-type { margin-bottom: 0; }

.num2 .num4 { font-size: 15px; margin-top: 0.4em; }

@media screen and (max-width: 737px) { .num2 { font-size: 14px; padding-left: 13px; }
  .num2 .num4 { font-size: 13px; } }

.num3 { padding-right: 20px; }

.num3 > li { display: table; font-size: 18px; }

.num3 > li span { display: table-cell; width: 50px; height: 70px; background: url(../images/sub/icon_numbg.png) no-repeat center; text-align: center; line-height: 70px; color: #fff; font-weight: 600; }

.num3 > li b { display: table-cell; width: auto; vertical-align: middle; padding-left: 20px; }

@media screen and (max-width: 737px) { .num3 { font-size: 14px; }
  .num3 > li span { background-size: auto 40px; height: 60px; }
  .num3 > li b { padding-left: 10px; font-size: 15px; } }

/*원형 숫자 있는 리스트 span 안에 숫자*/
.num4 > li { padding-left: 1.15em; line-height: 1.4; }

.num4 > li .tit_sm { margin-top: 0.3em; }

.num4 > li > span { margin-left: -1.15em; }

.num4 > li .bar { margin-top: 0.2em; }

.num4 > li:last-of-type { margin-bottom: 0; }

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

/*bold가 있는 리스트*/
.b_list > li { margin-bottom: 10px; color: #444; }

.b_list > li b { font-size: 18px; color: #000; font-weight: 600; margin-right: 18px; }

@media screen and (max-width: 737px) { .b_list > li b { font-size: 14px; } }

.bg_box { background-color: #f7f8f9; border: 1px solid #dfdfdf; padding: 30px 35px; }

.bg_box + .form_list { margin-top: 19px; }

@media screen and (max-width: 737px) { .bg_box { padding: 20px; } }

/*버튼*/
.tb_add { height: 33px; padding: 0 15px; font-size: 13px; color: #fff; line-height: 32px; background-color: #353a40; }

.tb_add img { vertical-align: 0; margin-left: 10px; }

@media screen and (min-width: 737px) { .tb_add { -webkit-transition: 0.3s; transition: 0.3s; }
  .tb_add:hover { background-color: #555d67; border-radius: 6px; } }

@media screen and (max-width: 737px) { .tb_add { padding: 0 10px; height: 24px; font-size: 11px; line-height: 24px; }
  .tb_add img { width: 7px; margin-left: 4px; } }

/*파란색 버튼*/
.btn1 { vertical-align: middle; padding: 0 30px; text-align: center; background-color: #0c3975; color: #fff; display: inline-block; }

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

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

.btn2 { color: #fff; background-color: #353a40; height: 40px; padding: 0 25px; line-height: 42px; }

.btn3 { color: #555; display: inline-block; padding: 0 25px; border: 1px solid #cbcccd; background-color: #fff; line-height: 38px; }

@media screen and (min-width: 737px) { .btn3 { -webkit-transition: 0.3s; transition: 0.3s; }
  .btn3:hover { color: #000; border-radius: 6px; border-color: #000; border-radius: 6px; } }

@media screen and (max-width: 737px) { .btn3 { font-size: 13px; line-height: 36px; } }

.btn4 { display: inline-block; padding: 0 20px; border: 1px solid #b9babb; background-color: #fff; line-height: 36px; font-size: 15px; }

.btn4.down:after { content: ''; width: 16px; height: 13px; margin-left: 6px; display: inline-block; background: url(../images/common/icon_board_file_down.png) no-repeat center/cover; vertical-align: -1px; }

.btn4.view:after { content: ''; width: 14px; height: 14px; margin-left: 6px; display: inline-block; background: url(../images/common/icon_board_file_view.png) no-repeat center/cover; vertical-align: -2px; }

@media screen and (min-width: 737px) { .btn4 { -webkit-transition: 0.3s; transition: 0.3s; }
  .btn4:hover { background-color: #353a40; color: #fff; border-radius: 6px; border-color: #353a40; }
  .btn4.down:hover:after { background-image: url(../images/common/icon_board_file_down_on.png); }
  .btn4.view:hover:after { background-image: url(../images/common/icon_board_file_view_on.png); } }

@media screen and (max-width: 737px) { .btn4 { font-size: 13px; line-height: 25px; padding: 0 10px; }
  .btn4.down:after { width: 15px; height: 12px; vertical-align: -2px; }
  .btn4.view:after { width: 13px; height: 13px; vertical-align: -2px; } }

/*버튼*/
.date_btn { min-width: 235px; margin-left: 10px; }

.date_btn > :nth-child(n) { float: left; width: calc(33.33333% - 3.33333px); margin-right: 5px; }

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

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

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

.date_btn button { border: 1px solid #cbcccd; background-color: #fff; -webkit-transition: all 0.3s; transition: all 0.3s; }

.date_btn button.active { background-color: #114e9f; color: #fff; }

@media screen and (min-width: 737px) { .date_btn button:hover { border-color: #2a6cc5; background-color: #2a6cc5; border-radius: 6px; color: #fff; } }

/*로그인 버튼*/
.btn_login { font-size: 0; line-height: 0; margin-bottom: -5px; }

.btn_login > li { float: left; margin-right: 5px; margin-bottom: 5px; }

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

.btn_login > li a { display: block; font-size: 15px; line-height: 40px; text-align: center; padding: 0 15px; border-radius: 6px; }

.btn_login > li a img { vertical-align: -2px; margin-right: 8px; }

.btn_login > li a.login_kakao { background-color: #fee500; color: #000; }

.btn_login > li a.login_kakao img { vertical-align: -4px; }

.btn_login > li a.login_naver { background-color: #03c75a; color: #fff; }

.btn_login > li a.login_naver img { vertical-align: 0; }

.btn_login > li a.login_gg { background-color: #fff; color: #000; line-height: 38px; border: 1px solid #dfdfdf; }

.btn_login > li a.login_face { background-color: #4867aa; color: #fff; }

@media screen and (max-width: 737px) { .btn_login > li a { font-size: 14px; } }

.img2 { margin: 20px 0; text-align: center; }

.img2 img { display: block; margin: 0 auto 10px; }

.img2.type2 { display: inline-block; }

.img2.type2 > div { padding: 0; }

.img2.type2 > div img { margin: 0; }

.img2 > div { border: 1px solid #e3e3e3; padding: 40px; margin-bottom: 10px; }

.img2 > a { display: none; width: 100%; color: #0b428c; border: 1px solid #70a2d4; font-size: 13px; line-height: 29px; background-color: #ebf3fb; text-align: center; }

.img2 > a:after { content: ''; width: 12px; height: 12px; display: inline-block; background: url(../images/sub/icon_btn_img2.png) no-repeat center/cover; margin-left: 4px; vertical-align: -1px; }

@media screen and (max-width: 737px) { .img2 img { margin-bottom: 0; }
  .img2 > div { border-bottom: 0; padding: 20px; margin-bottom: 0; }
  .img2 > a { display: block; margin-bottom: 10px; } }

.img3 { text-align: center; margin-bottom: 30px; margin-top: 30px; }

.img3 > img { display: block; margin: 0 auto 10px; }

.img3 > div { margin-bottom: 10px; }

/*법령사이트 링크*/
.btn_link { display: inline-block; padding: 7px 14px; line-height: 1.4; border: 1px solid #0c3975; font-size: 14px; border-radius: 6px; font-weight: 500; color: #0c3975; }

.btn_link:after { margin-left: 8px; vertical-align: middle; height: 1.4em; -webkit-transform: translateY(-1px); transform: translateY(-1px); display: inline-block; width: 16px; background: url(../images/common/btn_link_off.png) no-repeat center; content: ''; }

@media screen and (min-width: 737px) { .btn_link { -webkit-transition: all 0.3s; transition: all 0.3s; }
  .btn_link:hover { background-color: #0c3975; color: #fff; }
  .btn_link:hover:after { background-image: url(../images/common/btn_link_on.png); } }

@media screen and (max-width: 737px) { .btn_link { font-size: 13px; padding: 7px 10px; }
  .btn_link:after { margin-left: 6px; height: 1.2em; -webkit-transform: translateY(0); transform: translateY(0); background-size: 14px auto; width: 14px; } }

/*서브 - 탭 리스트*/
.tab_list { 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 a { display: table; width: 100%; height: 60px; text-align: center; font-size: 15px; color: #8e9297; 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.active a { background-color: #114e9f; -webkit-box-shadow: 0 0 0 1px #114e9f; box-shadow: 0 0 0 1px #114e9f; color: #fff; font-weight: 500; }

.tab_list.item2 li { width: 50%; }

.tab_list.item3 li { width: 33.3333%; }

.tab_list.item8 li { width: 12.5%; }

.tab_list.item9 li { width: 11.1111%; }

@media screen and (max-width: 1080px) { .tab_list.item8 li, .tab_list.item9 li { width: 25%; } }

@media screen and (max-width: 737px) { .tab_list { margin-bottom: 35px; }
  .tab_list li { width: 50%; }
  .tab_list li a { font-size: 15px; height: 53px; }
  .tab_list.item3 li { width: 50%; }
  .tab_list.item8 li, .tab_list.item9 li { width: 50%; } }

/*서브 - 탭 리스트2*/
.tab_list2 { margin-bottom: 40px; position: relative; }

.tab_list2 button { display: none; }

.tab_list2 > ul > :nth-child(n) { float: left; width: calc(25% - 7.5px); margin-right: 10px; }

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

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

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

.tab_list2 > ul li { margin-bottom: 10px; }

.tab_list2 > ul li a { display: table; width: 100%; height: 54px; text-align: center; color: #9d9fa0; border: 1px dashed #bbb; border-radius: 8px; background-color: #fff; padding: 5px 15px; -webkit-box-sizing: border-box; box-sizing: border-box; line-height: 1.2; font-weight: 500; }

.tab_list2 > ul li a span { display: table-cell; vertical-align: middle; }

.tab_list2 > ul li.active a { border-color: #114e9f; color: #114e9f; border-style: solid; }

.tab_list2.item2 > ul > :nth-child(n) { float: left; width: calc(50% - 5px); margin-right: 10px; }

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

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

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

.tab_list2.item3 > ul > :nth-child(n) { float: left; width: calc(33.33333% - 6.66667px); margin-right: 10px; }

.tab_list2.item3 > ul > :nth-of-type(3n) { margin-right: 0; }

.tab_list2.item3 > ul > :not(:nth-of-type(3n + 1)) { clear: none; }

.tab_list2.item3 > ul > :nth-of-type(3n + 1) { clear: both; }

@media screen and (max-width: 737px) { .tab_list2 { position: relative; margin-bottom: 30px; font-size: 14px; }
  .tab_list2 button { display: block; width: 100%; height: 45px; line-height: 1.2; color: #9d9fa0; text-align: left; border: 1px dashed #bbbbbb; border-radius: 8px; padding-left: 15px; padding-right: 35px; background: url(../images/common/arrow_tab_off.png) no-repeat right 15px center/12px auto; }
  .tab_list2.active button { border: 1px solid #afafaf; border-radius: 8px 8px 0 0; color: #000; border-bottom: 0; background-image: url(../images/common/arrow_tab_on.png); }
  .tab_list2 > ul { display: none; position: absolute; left: 0; top: 100%; z-index: 1; width: 100%; max-height: 180px; overflow: hidden; overflow-y: auto; border: 1px solid #afafaf; border-radius: 0 0 8px 8px; background-color: #fff; }
  .tab_list2 > ul > :nth-child(n) { float: left; width: calc(100% - 0px); margin-right: 0px; }
  .tab_list2 > ul > :nth-of-type(1n) { margin-right: 0; }
  .tab_list2 > ul > :not(:nth-of-type(1n + 1)) { clear: none; }
  .tab_list2 > ul > :nth-of-type(1n + 1) { clear: both; }
  .tab_list2 > ul li { margin-bottom: 0; border-bottom: 1px solid #dfdfdf; }
  .tab_list2 > ul li:last-of-type { border-bottom: 0; }
  .tab_list2 > ul li a { display: table; height: 45px; text-align: left; border: 0; border-radius: 0; }
  .tab_list2 > ul li.active a { border-color: #9c1d1d; border: 0; color: #114e9f; }
  .tab_list2.item2 > ul > :nth-child(n) { float: left; width: calc(100% - 0px); margin-right: 0px; }
  .tab_list2.item2 > ul > :nth-of-type(1n) { margin-right: 0; }
  .tab_list2.item2 > ul > :not(:nth-of-type(1n + 1)) { clear: none; }
  .tab_list2.item2 > ul > :nth-of-type(1n + 1) { clear: both; }
  .tab_list2.item3 > ul > :nth-child(n) { float: left; width: calc(100% - 0px); margin-right: 0px; }
  .tab_list2.item3 > ul > :nth-of-type(1n) { margin-right: 0; }
  .tab_list2.item3 > ul > :not(:nth-of-type(1n + 1)) { clear: none; }
  .tab_list2.item3 > ul > :nth-of-type(1n + 1) { clear: both; } }

/*서브 - 탭 리스트2*/
.tab_list3 { position: relative; }

.tab_list3 > ul { margin-bottom: 40px; }

.tab_list3 > ul > :nth-child(n) { float: left; width: calc(25% - 7.5px); margin-right: 10px; }

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

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

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

.tab_list3 > ul li { margin-bottom: 10px; }

.tab_list3 > ul li a { display: table; width: 100%; height: 54px; text-align: center; color: #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_list3 > ul li a span { display: table-cell; vertical-align: middle; }

.tab_list3 > ul li.active a { border-color: #114e9f; color: #114e9f; border-style: solid; }

.tab_list3 > ol > li { display: none; }

.tab_list3 > ol > li.active { display: block; }

.tab_list3.item2 > ul > :nth-child(n) { float: left; width: calc(50% - 5px); margin-right: 10px; }

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

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

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

.tab_list3.item3 > ul > :nth-child(n) { float: left; width: calc(33.33333% - 6.66667px); margin-right: 10px; }

.tab_list3.item3 > ul > :nth-of-type(3n) { margin-right: 0; }

.tab_list3.item3 > ul > :not(:nth-of-type(3n + 1)) { clear: none; }

.tab_list3.item3 > ul > :nth-of-type(3n + 1) { clear: both; }

@media screen and (max-width: 737px) { .tab_list3 > ul { margin-bottom: 30px; }
  .tab_list3 > ul > :nth-child(n) { float: left; width: calc(50% - 2.5px); margin-right: 5px; }
  .tab_list3 > ul > :nth-of-type(2n) { margin-right: 0; }
  .tab_list3 > ul > :not(:nth-of-type(2n + 1)) { clear: none; }
  .tab_list3 > ul > :nth-of-type(2n + 1) { clear: both; }
  .tab_list3 > ul li { margin-bottom: 5px; }
  .tab_list3 > ul li a { height: 45px; padding: 10px; }
  .tab_list3.item2 > ul > :nth-child(n) { float: left; width: calc(50% - 2.5px); margin-right: 5px; }
  .tab_list3.item2 > ul > :nth-of-type(2n) { margin-right: 0; }
  .tab_list3.item2 > ul > :not(:nth-of-type(2n + 1)) { clear: none; }
  .tab_list3.item2 > ul > :nth-of-type(2n + 1) { clear: both; }
  .tab_list3.item3 > ul > :nth-child(n) { float: left; width: calc(33.33333% - 3.33333px); margin-right: 5px; }
  .tab_list3.item3 > ul > :nth-of-type(3n) { margin-right: 0; }
  .tab_list3.item3 > ul > :not(:nth-of-type(3n + 1)) { clear: none; }
  .tab_list3.item3 > ul > :nth-of-type(3n + 1) { clear: both; } }

.bo_filter { border-top: 1px solid #dfdfdf; border-bottom: 1px solid #dfdfdf; margin-bottom: 40px; text-align: center; }

.bo_filter a { color: #9d9fa0; line-height: 44px; margin: 0 12px; padding: 0 5px; font-size: 15px; position: relative; display: inline-block; }

.bo_filter a:last-of-type:after { content: none; }

.bo_filter a:after { content: ''; width: 3px; height: 3px; border-radius: 3px; background-color: #b2b2b2; position: absolute; right: -13px; top: 50%; margin-top: -2px; }

.bo_filter a.active { color: #000; }

.bo_filter a.active:before { content: ''; width: 100%; height: 3px; background-color: #000; position: absolute; left: 0; bottom: -1px; }

@media screen and (min-width: 737px) { .bo_filter a { -webkit-transition: 0.3s; transition: 0.3s; }
  .bo_filter a:hover { color: #000; }
  .bo_filter a:hover:before { content: ''; width: 100%; height: 3px; background-color: #000; position: absolute; left: 0; bottom: -1px; } }

@media screen and (max-width: 737px) { .bo_filter { margin-bottom: 25px; }
  .bo_filter a { line-height: 42px; padding: 0; font-size: 13px; }
  .bo_filter a:after { margin-top: -1px; } }

/*서브 - 공지박스*/
.notice_box { position: relative; border-top: 2px solid #dfdfdf; border-bottom: 2px solid #dfdfdf; padding: 45px 40px 45px 20px; margin-bottom: 30px; border-top-left-radius: 40px; font-size: 0; }

.notice_box:before { display: inline-block; height: 100%; content: ''; font-size: 16px; vertical-align: middle; }

.notice_box:after { content: ''; display: block; position: absolute; left: 0; top: -2px; width: 203px; height: 95px; border-top: 2px solid #0c3975; border-left: 2px solid #0c3975; border-top-left-radius: 40px; }

.notice_box .icon { display: inline-block; width: 175px; text-align: center; vertical-align: middle; }

.notice_box a:not(.btn_link) { color: #0059d1; text-decoration: underline; text-underline-offset: 0.3em; }

.notice_box .btn_link { margin-top: 0.4em; }

.notice_box ul, .notice_box dl, .notice_box > span { display: inline-block; width: calc(100% - 175px); vertical-align: middle; font-size: 16px; }

.notice_box ul li, .notice_box dl li, .notice_box > span li { margin-bottom: 0.8em; }

.notice_box ul li:last-of-type, .notice_box dl li:last-of-type, .notice_box > span li:last-of-type { margin-bottom: 0; }

.notice_box ul dt, .notice_box dl dt, .notice_box > span dt { font-size: 20px; margin-bottom: 0.4em; }

@media screen and (max-width: 737px) { .notice_box { margin-bottom: 20px; padding: 22px 25px; border-top-left-radius: 20px; }
  .notice_box:after { width: 125px; height: 68px; border-top-left-radius: 20px; }
  .notice_box .icon { display: none; }
  .notice_box ul, .notice_box dl, .notice_box > span { width: 100%; font-size: 14px; }
  .notice_box ul dt, .notice_box dl dt, .notice_box > span dt { font-size: 16px; } }

/*서브 - 콤보박스*/
.combo_box { max-width: 252px; margin: 50px auto 30px; position: relative; z-index: 1; }

.combo_box button { width: 100%; height: 50px; border: 1px solid #cbcccd; padding-left: 17px; padding-right: 34px; background: url(../images/common/arrow_select.png) no-repeat right 15px center; text-align: left; }

.combo_box ul { display: none; position: absolute; left: 0; top: 100%; border: 1px solid #0c3975; overflow: hidden; border-top: 0; width: 100%; background-color: #fff; border-radius: 0 0 6px 6px; }

.combo_box ul li { border-bottom: 1px solid #0c3975; }

.combo_box ul li a { display: block; padding: 14px 45px 14px 16px; color: #0c3975; position: relative; }

.combo_box ul li a:after { content: ''; width: 15px; height: 10px; position: absolute; right: 24px; top: 50%; margin-top: -5px; opacity: 0.4; background: url(../images/common/arrow_combo_box.png) no-repeat center; }

.combo_box ul li:last-of-type { border: 0; }

.combo_box.active button { border-radius: 6px 6px 0 0; color: #0c3975; background-image: url(../images/common/arrow_select_up.png); border-color: #0c3975; }

@media screen and (min-width: 737px) { .combo_box ul li a { -webkit-transition: all 0.3s; transition: all 0.3s; }
  .combo_box ul li a:after { -webkit-transition: all 0.3s; transition: all 0.3s; }
  .combo_box ul li a:hover { background-color: #f4f6f8; }
  .combo_box ul li a:hover:after { right: 16px; opacity: 1; } }

@media screen and (max-width: 737px) { .combo_box { margin: 40px auto 25px; max-width: none; }
  .combo_box button { height: 45px; }
  .combo_box ul li a { padding: 12px 16px; }
  .combo_box ul li a:after { content: none; } }

.sub_search { margin-top: -147px; }

/*통합검색 검색창*/
.total_sch { padding: 25px 0 45px; text-align: center; background: #0c3975 url(../images/sub/bg_total_sch.jpg) no-repeat center top/cover; }

.total_sch .sch_head { max-width: 1420px; margin: 0 auto 43px; line-height: 45px; }

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

.total_sch .sch_head .sch_logo { padding-left: 12px; float: left; }

.total_sch .sch_head .sch_link { float: right; padding: 0 19px; border: 1px solid #6a82b1; border-radius: 44px; }

.total_sch .sch_head .sch_link > li { float: left; font-size: 15.5px; line-height: 44px; vertical-align: top; }

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

.total_sch .sch_head .sch_link > li:first-of-type:before { content: none; }

.total_sch .sch_head .sch_link > li a { margin: 0 14px; color: #fff; }

.total_sch fieldset { display: inline-block; }

.total_sch fieldset .total_sch_box { display: inline-block; white-space: nowrap; font-size: 0; line-height: 0; }

.total_sch fieldset .total_sch_box .inp { display: inline-block; vertical-align: middle; width: 590px; height: 40px; margin-right: 10px; position: relative; border: 0; }

.total_sch fieldset .total_sch_box .inp input { line-height: 40px; height: 40px; font-size: 16px; }

.total_sch fieldset .total_sch_box .inp button { position: absolute; right: 0; top: 0; width: 60px; height: 40px; background: url(../images/sub/btn_total_sch.png) no-repeat 50% 50%; font-size: 16px; z-index: 4; }

.total_sch fieldset .total_sch_box .btn_open_detail { display: inline-block; height: 40px; line-height: 38px; margin-right: 40px; padding: 0 20px; vertical-align: middle; font-size: 16px; margin-left: 0; border: 1px solid rgba(255, 255, 255, 0.6); color: #fff; background-color: transparent; }

.total_sch fieldset .total_sch_box .btn_open_detail:after { content: ''; display: inline-block; margin-left: 14px; width: 14px; height: 9px; background: url(../images/sub/btn_total_sch_detail_off.png) no-repeat 50% 50%; margin-bottom: 1px; }

.total_sch fieldset .total_sch_box .btn_open_detail.active { background-color: rgba(0, 0, 0, 0.35); border-radius: 6px; }

.total_sch fieldset .total_sch_box .btn_open_detail.active:after { background-image: url(../images/sub/btn_total_sch_detail_on.png); }

.total_sch fieldset .total_sch_detail { display: none; border-top: 1px solid rgba(255, 255, 255, 0.2); text-align: left; margin-top: 30px; padding-top: 30px; }

.total_sch fieldset .total_sch_detail > ul > li { line-height: 40px; margin-bottom: 15px; }

.total_sch fieldset .total_sch_detail > ul > li:last-of-type { margin-bottom: 0; }

.total_sch fieldset .total_sch_detail > ul > li b { display: inline-block; width: 100px; vertical-align: middle; color: #fff; font-size: 17px; }

.total_sch fieldset .total_sch_detail > ul > li .date_inp { color: #7b7b7b; display: inline-block; vertical-align: middle; }

.total_sch fieldset .total_sch_detail > ul > li .date_inp .inp { border-color: #fff; font-size: 16px; }

.total_sch fieldset .total_sch_detail > ul > li .date_inp .date_btn { min-width: 315px; display: inline-block; vertical-align: middle; }

.total_sch fieldset .total_sch_detail > ul > li .date_inp .date_btn > :nth-child(n) { float: left; width: calc(25% - 3.75px); margin-right: 5px; }

.total_sch fieldset .total_sch_detail > ul > li .date_inp .date_btn > :nth-of-type(4n) { margin-right: 0; }

.total_sch fieldset .total_sch_detail > ul > li .date_inp .date_btn > :not(:nth-of-type(4n + 1)) { clear: none; }

.total_sch fieldset .total_sch_detail > ul > li .date_inp .date_btn > :nth-of-type(4n + 1) { clear: both; }

.total_sch fieldset .total_sch_detail > ul > li .date_inp .date_btn button { background-color: rgba(255, 255, 255, 0.15); color: rgba(255, 255, 255, 0.7); border: 0; font-size: 15px; width: 75px; }

.total_sch fieldset .total_sch_detail > ul > li .date_inp .date_btn button.active { color: #fff; background-color: #00a2c5; }

.total_sch fieldset .total_sch_detail .btn_sch_detail { margin-left: 18px; border: 1px solid #b64c4c; text-align: center; padding: 0 29px; height: 40px; color: #fff; background-color: #9c1d1d; }

.total_sch fieldset .total_sch_detail .form_list > li label { color: rgba(255, 255, 255, 0.7); }

.total_sch .form_list { display: inline-block; vertical-align: middle; }

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

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

.total_sch .form_list > li label { color: #fff; font-size: 16px; }

.total_sch .form_list > li label .checkbox { margin-right: 9px; vertical-align: -4px; }

@media screen and (min-width: 737px) { .total_sch fieldset .total_sch_detail > ul > li .date_btn button:hover { background-color: #009bbc; color: #fff; }
  .total_sch fieldset .total_sch_detail .btn_sch_detail:hover { border-radius: 6px; background-color: #bc2323; -webkit-transition: all 0.3s; transition: all 0.3s; } }

@media screen and (max-width: 1450px) { .total_sch .sch_head .sch_link { margin-right: 15px; } }

@media screen and (max-width: 1080px) { .total_sch fieldset { width: 100%; padding: 0 30px; }
  .total_sch fieldset .total_sch_box { display: block; width: 100%; }
  .total_sch fieldset .total_sch_box:after { content: ''; display: block; clear: both; }
  .total_sch fieldset .total_sch_box .inp { width: 100%; margin-right: 0; }
  .total_sch fieldset .total_sch_box .btn_open_detail { float: left; margin-right: 0; margin-top: 10px; margin-left: 0; }
  .total_sch fieldset .total_sch_box .form_list { float: right; margin-top: 30px; }
  .total_sch fieldset .total_sch_box .form_list > li { margin: 0; }
  .total_sch fieldset .total_sch_detail { margin-top: 25px; padding-top: 25px; }
  .total_sch fieldset .total_sch_detail > ul > li { line-height: 1.4; margin-bottom: 20px; }
  .total_sch fieldset .total_sch_detail > ul > li b { display: block; width: 100%; margin-bottom: 14px; } }

@media screen and (max-width: 850px) { .total_sch fieldset .total_sch_detail .btn_sch_detail { width: 120px; display: block; margin: 20px auto 0; float: none; padding: 0 10px; height: 45px; } }

@media screen and (max-width: 737px) { .total_sch { padding: 20px 0 30px; background: #0c3975; }
  .total_sch .sch_head { margin-bottom: 30px; }
  .total_sch .sch_head .sch_link { display: none; }
  .total_sch fieldset { padding: 0 15px; }
  .total_sch fieldset .total_sch_box { display: block; width: 100%; }
  .total_sch fieldset .total_sch_box:after { content: ''; display: block; clear: both; }
  .total_sch fieldset .total_sch_box .inp input { color: #000; padding: 0 14px; font-size: 14px; }
  .total_sch fieldset .total_sch_box .inp button { width: 45px; background-size: 19px auto; }
  .total_sch fieldset .total_sch_box .btn_open_detail { height: 38px; padding: 0 12px; font-size: 14px; }
  .total_sch fieldset .total_sch_box .btn_open_detail:after { content: ''; background-size: 12px auto; margin-left: 9px; }
  .total_sch fieldset .total_sch_box .form_list { margin-top: 20px; }
  .total_sch fieldset .total_sch_box .form_list > li label { font-size: 14px; }
  .total_sch fieldset .total_sch_detail > ul > li b { font-size: 16px; }
  .total_sch fieldset .total_sch_detail > ul > li .form_list { margin-bottom: -20px; }
  .total_sch fieldset .total_sch_detail > ul > li .form_list > li { margin-right: 20px; margin-bottom: 20px; }
  .total_sch fieldset .total_sch_detail > ul > li .form_list > li label { font-size: 14px; }
  .total_sch fieldset .total_sch_detail > ul > li .form_list > li label .checkbox { margin-right: 8px; }
  .total_sch fieldset .total_sch_detail > ul > li .date_inp { width: 100%; margin-bottom: 5px; }
  .total_sch fieldset .total_sch_detail > ul > li .date_inp .inp { width: calc(50% - 9px); }
  .total_sch fieldset .total_sch_detail > ul > li .date_inp .behind { width: 18px; text-align: center; padding: 0; }
  .total_sch fieldset .total_sch_detail > ul > li .date_btn { max-width: none; display: block; margin: 0; width: 100%; margin-top: 5px; }
  .total_sch fieldset .total_sch_detail .btn_sch_detail { width: 103px; font-size: 16px; } }

.tit_page { font-size: 34px; text-align: center; color: #fff; margin-top: -0.2em; margin-bottom: calc(40px - 0.2em); }

@media screen and (max-width: 737px) { .tit_page { font-size: 22px; margin-bottom: calc(20px - 0.2em); } }

.sch_result { padding-bottom: 100px; padding-top: 60px; }

.sch_result .tit_sch { float: left; display: block; text-align: center; color: #000; font-size: 26px; font-weight: 500; padding: 40px 0 39px; }

.sch_result .tit_sch span { color: #0c3975; }

.sch_result .tit_sch b { color: #9c1d1d; font-weight: 600; }

@media screen and (max-width: 1080px) { .sch_result .tit_sch { float: none; text-align: center; padding: 0; margin-top: 28px; margin-bottom: -0.2em; } }

@media screen and (max-width: 737px) { .sch_result .tit_sch { font-size: 19px; margin-top: calc(30px - 0.2em); text-align: left; } }

.sch_result .tab_list { margin-bottom: 0; }

.sch_result .sort { float: right; text-align: right; margin-top: 40px; font-size: 0; line-height: 0; margin-bottom: 40px; }

.sch_result .sort button { color: #666; font-size: 15px; border: 1px solid #cbcccd; border-radius: 36px; height: 36px; text-align: center; padding: 0 22px; line-height: 35px; margin-left: 6px; }

.sch_result .sort button img { display: none; margin-left: 2px; vertical-align: -2px; }

.sch_result .sort button.active { color: #9c1d1d; border-color: #9c1d1d; }

.sch_result .sort button.active img { display: inline; }

@media screen and (max-width: 1080px) { .sch_result .sort { width: 100%; margin-top: 40px; margin-bottom: 40px; text-align: center; } }

@media screen and (max-width: 737px) { .sch_result .sort { margin-top: 30px; margin-bottom: 32px; }
  .sch_result .sort button { font-size: 13px; line-height: 27px; height: 28px; padding: 0 14px; }
  .sch_result .sort button img { width: 12px; }
  .sch_result .sort button:first-of-type { margin-left: 0; } }

.sch_result .sch_list { clear: both; /*국가정보*/ /*요약정보*/ }

.sch_result .sch_list > li { position: relative; margin-bottom: 65px; }

.sch_result .sch_list > li:last-of-type { margin-bottom: 0; }

@media screen and (max-width: 737px) { .sch_result .sch_list > li { margin-bottom: 34px; } }

.sch_result .sch_list .tit_md { padding-bottom: 20px; border-bottom: 1px solid #b2b2b2; margin-bottom: 0; }

.sch_result .sch_list .tit_md span { font-size: 20px; }

.sch_result .sch_list .tit_md span b { color: #9c1d1d; font-weight: 600; }

@media screen and (max-width: 737px) { .sch_result .sch_list .tit_md { font-size: 18px; padding-bottom: 11px; }
  .sch_result .sch_list .tit_md span { font-size: 13px; } }

.sch_result .sch_list .sch_nation > li { border-bottom: 1px solid #e0e0e0; padding: 20px 0 30px; }

.sch_result .sch_list .sch_nation > li:after { content: ''; display: block; clear: both; }

.sch_result .sch_list .sch_nation > li > a { float: left; }

.sch_result .sch_list .sch_nation > li > a .nation { display: inline-block; width: auto; vertical-align: middle; margin-right: 40px; margin-top: 10px; }

.sch_result .sch_list .sch_nation > li > a .dot { display: inline-block; vertical-align: middle; margin-top: 10px; }

.sch_result .sch_list .sch_nation > li > ul { float: right; margin-top: 13px; }

.sch_result .sch_list .sch_nation > li > ul > li { float: left; margin-left: 5px; }

.sch_result .sch_list .sch_nation > li > ul > li a { display: block; padding: 8px 25px; border: 1px solid #cbcccd; color: #555555; }

@media screen and (max-width: 737px) { .sch_result .sch_list .sch_nation > li { padding: 20px 0; }
  .sch_result .sch_list .sch_nation > li > a .nation { display: block; width: 100%; margin-right: 0; margin-top: 0; }
  .sch_result .sch_list .sch_nation > li > a .dot { display: block; }
  .sch_result .sch_list .sch_nation > li > ul { width: 100%; }
  .sch_result .sch_list .sch_nation > li > ul > li { margin-left: 0; width: 100%; margin-bottom: 5px; }
  .sch_result .sch_list .sch_nation > li > ul > li:last-of-type { margin-bottom: 0; }
  .sch_result .sch_list .sch_nation > li > ul > li a { display: block; padding: 9px 25px; text-align: center; font-size: 13px; } }

.sch_result .sch_list .sch_con > li { border-bottom: 1px solid #e0e0e0; padding: 30px 0; }

.sch_result .sch_list .sch_con > li .yk_info:after { content: ''; display: block; clear: both; }

.sch_result .sch_list .sch_con > li .yk_info a { display: block; }

.sch_result .sch_list .sch_con > li .yk_info .nation_Info { float: left; width: calc(100% - 200px); position: relative; }

.sch_result .sch_list .sch_con > li .yk_info .nation_Info .img_bg { position: absolute; left: 0; top: 0; }

.sch_result .sch_list .sch_con > li .yk_info .nation_Info .img_bg + dl dt { height: 44px; padding-left: 83px; }

.sch_result .sch_list .sch_con > li .yk_info .nation_Info .img_bg { width: 66px; height: 44px; -webkit-box-shadow: 3px 3px 13px rgba(0, 0, 0, 0.12); box-shadow: 3px 3px 13px rgba(0, 0, 0, 0.12); position: absolute; display: block; }

.sch_result .sch_list .sch_con > li .yk_info .nation_Info .img_bg a, .sch_result .sch_list .sch_con > li .yk_info .nation_Info .img_bg img { width: 100%; height: 100%; position: absolute; left: 0; top: 0; }

.sch_result .sch_list .sch_con > li .yk_info .nation_Info dl { font-size: 18px; }

.sch_result .sch_list .sch_con > li .yk_info .nation_Info dl dt span { display: block; font-size: 14px; color: #787c8d; }

.sch_result .sch_list .sch_con > li .yk_info .nation_Info dl dd p { padding: 0; margin: 0; font-size: 15px; color: #555; margin-top: 15px; margin-bottom: 0; }

.sch_result .sch_list .sch_con > li .yk_info .n_select_box { float: right; }

.sch_result .sch_list .sch_con > li .yk_info .n_select_box a { padding: 8px 25px; border: 1px solid #cbcccd; color: #555555; margin-top: 36px; width: auto; display: block; }

.sch_result .sch_list .sch_con > li > ul { margin-top: 12px; }

.sch_result .sch_list .sch_con > li > ul li { float: left; margin-top: 15px; margin-right: 15px; }

.sch_result .sch_list .sch_con > li > ul li a { display: block; border: 1px solid #cbcccd; border-radius: 6px; background: url(../images/common/icon_lnb_link.png) no-repeat right 20px center; position: relative; padding: 17px 50px 17px 58px; }

.sch_result .sch_list .sch_con > li > ul li a span { position: absolute; left: 18px; top: 50%; width: 30px; height: 30px; margin-top: -15px; margin-right: 7px; vertical-align: middle; }

.sch_result .sch_list .sch_con > li > ul li a span img { width: 100%; height: 100%; }

@media screen and (max-width: 737px) { .sch_result .sch_list .sch_con > li { padding: 20px 0; }
  .sch_result .sch_list .sch_con > li .yk_info .nation_Info { width: 100%; }
  .sch_result .sch_list .sch_con > li .yk_info .nation_Info .img_bg { width: 57px; height: 38px; }
  .sch_result .sch_list .sch_con > li .yk_info .nation_Info .img_bg + dl dt { height: 38px; padding-left: 72px; width: calc(100% - 72px); }
  .sch_result .sch_list .sch_con > li .yk_info .nation_Info dl { font-size: 16px; }
  .sch_result .sch_list .sch_con > li .yk_info .nation_Info dl dt span { font-size: 12px; margin-top: 1px; }
  .sch_result .sch_list .sch_con > li .yk_info .nation_Info dl dd p { font-size: 14px; margin-top: 13px; }
  .sch_result .sch_list .sch_con > li .yk_info .n_select_box { display: none; }
  .sch_result .sch_list .sch_con > li > ul { margin-top: 7px; }
  .sch_result .sch_list .sch_con > li > ul li { margin-top: 10px; margin-right: 0; width: 100%; }
  .sch_result .sch_list .sch_con > li > ul li a { padding: 12px 30px 12px 35px; background-position: right 10px center; background-size: 12px auto; position: relative; }
  .sch_result .sch_list .sch_con > li > ul li a span { left: 10px; width: 20px; height: 20px; margin-top: -10px; } }

.sch_result .sch_list .bar { font-size: 18px; margin-top: 27px; margin-bottom: -3px; }

.sch_result .sch_list .bar > li { margin-bottom: 12px; }

.sch_result .sch_list .bar > li span { color: #0059d1; }

.sch_result .sch_list .bar > li:last-of-type { margin-bottom: 0; }

@media screen and (max-width: 737px) { .sch_result .sch_list .bar { font-size: 14px; margin-top: 17px; }
  .sch_result .sch_list .bar > li { margin-bottom: 12px; } }

.sch_result .sch_list .txt > li { padding: 26px 0 27px; border-bottom: 1px solid #e0e0e0; }

.sch_result .sch_list .txt > li .tit_sm { font-size: 18px; margin-bottom: 12px; color: #000; }

.sch_result .sch_list .txt > li .tit_sm span { color: #0059d1; }

.sch_result .sch_list .txt > li p { text-overflow: ellipsis; overflow: hidden; display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical; font-size: 15px; line-height: 1.6; color: #555; margin-bottom: 16px; }

.sch_result .sch_list .txt > li p span { color: #0059d1; }

@media screen and (max-width: 737px) { .sch_result .sch_list .txt > li { padding: 17px 0 18px; }
  .sch_result .sch_list .txt > li .tit_sm { font-size: 16px; margin-bottom: 4px; }
  .sch_result .sch_list .txt > li p { font-size: 14px; line-height: 1.42; display: block; margin-bottom: 10px; } }

.sch_result .sch_list .null { text-align: center; padding-top: 50px; padding-bottom: 50px; border-bottom: 1px solid #e0e0e0; line-height: 38px; font-size: 18px; }

.sch_result .sch_list .null span { color: #0059d1; background: url(../images/sub/icon_total_sch_null.png) no-repeat left center; padding-left: 49px; display: inline-block; }

@media screen and (max-width: 737px) { .sch_result .sch_list .null { padding: 27px 0; font-size: 14px; line-height: 1.4; }
  .sch_result .sch_list .null span { background: none; padding-left: 0; display: inline; } }

.sch_result .sch_list .file { margin-top: 15px; }

.sch_result .sch_list .file > :nth-child(n) { float: left; width: calc(50% - 7.5px); margin-right: 15px; }

.sch_result .sch_list .file > :nth-of-type(2n) { margin-right: 0; }

.sch_result .sch_list .file > :not(:nth-of-type(2n + 1)) { clear: none; }

.sch_result .sch_list .file > :nth-of-type(2n + 1) { clear: both; }

.sch_result .sch_list .file > li { margin-top: 15px; }

.sch_result .sch_list .file > li a { display: block; border: 1px solid #cbcccd; border-radius: 6px; position: relative; padding: 18px 60px 18px 55px; background: url(../images/common/icon_board_file_down.png) no-repeat right 20px center; }

.sch_result .sch_list .file > li a > img { position: absolute; left: 20px; top: 17px; }

.sch_result .sch_list .file > li a > span { max-width: 100%; text-overflow: ellipsis; overflow: hidden; white-space: nowrap; display: block; }

.sch_result .sch_list .file > li a > span img { display: none; }

@media screen and (max-width: 737px) { .sch_result .sch_list .file { margin-top: 5px; }
  .sch_result .sch_list .file > :nth-child(n) { float: left; width: calc(100% - 0px); margin-right: 0px; }
  .sch_result .sch_list .file > :nth-of-type(1n) { margin-right: 0; }
  .sch_result .sch_list .file > :not(:nth-of-type(1n + 1)) { clear: none; }
  .sch_result .sch_list .file > :nth-of-type(1n + 1) { clear: both; }
  .sch_result .sch_list .file > li { margin-top: 10px; }
  .sch_result .sch_list .file > li a { padding: 9px 10px 9px 35px; background: none; font-size: 14px; }
  .sch_result .sch_list .file > li a > img { width: 19px; position: absolute; left: 10px; top: 10px; }
  .sch_result .sch_list .file > li a > span { white-space: unset; }
  .sch_result .sch_list .file > li a > span img { display: inline; margin-left: 10px; width: 15px; vertical-align: 0; } }

.sch_result .sch_list .tableB.type3 { margin-top: 28px; }

.sch_result .sch_list .tableB.type3 th, .sch_result .sch_list .tableB.type3 td { border-right: 1px solid #dfdfdf; }

.sch_result .sch_list .tableB.type3 th:last-of-type, .sch_result .sch_list .tableB.type3 td:last-of-type { border-right: 0; }

.sch_result .sch_list .tableB.type3 thead tr th { background-color: #f7f8f9; }

.sch_result .sch_list .tableB.type3 tbody tr td span { color: #0059d1; }

.sch_result .sch_list .tableB.type3 tbody tr td:nth-of-type(2) { text-align: left; padding-left: 20px; }

@media screen and (max-width: 737px) { .sch_result .sch_list .tableB.type3 { border-top: 0; margin-top: 0; }
  .sch_result .sch_list .tableB.type3 td:before { width: 100%; text-align: left; float: none; font-size: 16px; margin-bottom: 8px; }
  .sch_result .sch_list .tableB.type3 th, .sch_result .sch_list .tableB.type3 td { border-right: 0; }
  .sch_result .sch_list .tableB.type3 tbody tr td { font-size: 14px; padding: 0 20px; margin-bottom: 14px; }
  .sch_result .sch_list .tableB.type3 tbody tr td:nth-of-type(2) { padding: 0 20px; }
  .sch_result .sch_list .tableB.type3 tbody tr td:last-of-type { margin-bottom: 0; } }

.sch_result .sch_list .hash_tag { margin-top: -6px; margin-bottom: 28px; }

.sch_result .sch_list .hash_tag > li { float: left; margin-right: 4px; margin-top: 6px; }

.sch_result .sch_list .hash_tag > li a { font-size: 15px; padding: 0 15px; color: #0b428c; border-radius: 0.9em; background-color: #ebf3fb; line-height: 1.8; height: 1.8em; display: block; }

.sch_result .sch_list .hash_tag > li a:before { content: '#'; }

@media screen and (max-width: 737px) { .sch_result .sch_list .hash_tag { margin-bottom: 16px; }
  .sch_result .sch_list .hash_tag > li { margin-right: 5px; }
  .sch_result .sch_list .hash_tag > li a { font-size: 14px; line-height: 1.85; height: 1.85em; border-radius: 0.925em; } }

.sch_result .sch_list .more { position: absolute; right: 0; top: 12px; padding-right: 15px; background: url(../images/sub/total_sch_more.png) no-repeat right center; }

@media screen and (max-width: 737px) { .sch_result .sch_list .more { font-size: 12px; top: 7px; background-size: 6px auto; background-position: right top 3px; padding-right: 11px; } }

.sch_result .enter > li:last-of-type { background-image: none; padding-left: 15px; }

@media screen and (max-width: 737px) { .sch_result { padding-bottom: 50px; padding-top: 30px; }
  .sch_result .enter > li:last-of-type { padding-left: 0; width: 100%; } }

/*breadcrumb*/
.breadcrumb li { float: left; padding-left: 32px; background: url(../images/common/arrow_breadcrumb.png) no-repeat left 12px center; }

.breadcrumb li span { color: #0059d1; }

.breadcrumb li:first-of-type { padding-left: 0; background-image: none; }

@media screen and (max-width: 737px) { .breadcrumb li { padding-left: 25px; background-size: 6px auto; background-position: left 10px center; } }

/*enter 화살표 표기가 있는 리스트*/
.enter { padding-left: 20px; background: url(../images/sub/icon_enter.png) no-repeat left top 4px; font-size: 14px; color: #777; }

.enter > li { float: left; padding-left: 23px; background: url(../images/sub/arrow_breadcrumb2.png) no-repeat left 9px center; }

.enter > li span { margin-left: 12px; }

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

@media screen and (max-width: 737px) { .enter { position: relative; padding-left: 18px; background-size: 12px auto; background-position: left top 3px; font-size: 13px; padding-bottom: 20px; }
  .enter > li { padding-left: 21px; background-size: 6px auto; background-position: left 7px center; }
  .enter > li span { position: absolute; left: 18px; bottom: 0; margin-left: 0; } }

/*방문신청 안내*/
.visit { margin-bottom: 50px; }

.visit > li { margin-bottom: 20px; }

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

.visit > li:last-of-type { margin-bottom: 0; }

.visit > li b { float: left; width: 64px; font-size: 48px; color: #e0dfdf; font-weight: 600; line-height: 64px; }

.visit > li strong { float: left; width: 211px; margin-left: 36px; height: 64px; display: table; border: 4px solid #dce2ed; position: relative; background-color: #fff; }

.visit > li strong:before { content: ''; width: 36px; height: 64px; background: url(../images/sub/icon_visit.jpg) no-repeat left center; position: absolute; left: -40px; top: -4px; }

.visit > li strong span { display: table-cell; vertical-align: middle; font-size: 17px; text-align: center; }

.visit > li div { float: left; width: calc(100% - 320px); height: 64px; margin-left: 9px; background-color: #f6f8fc; display: table; padding: 0 25px; }

.visit > li div span { display: table-cell; vertical-align: middle; }

.visit > li:nth-of-type(1) strong { -webkit-animation: next-color 4s infinite; animation: next-color 4s infinite; }

.visit > li:nth-of-type(2) strong { -webkit-animation: next-color 4s 1s infinite; animation: next-color 4s 1s infinite; }

.visit > li:nth-of-type(3) strong { -webkit-animation: next-color 4s 2s infinite; animation: next-color 4s 2s infinite; }

.visit > li:nth-of-type(4) strong { -webkit-animation: next-color 4s 3s infinite; animation: next-color 4s 3s infinite; }

@media screen and (max-width: 737px) { .visit { margin-bottom: 40px; }
  .visit > li { margin-bottom: 10px; }
  .visit > li b { width: 100%; height: 33px; text-align: center; position: relative; z-index: -1; top: 0; line-height: 1; }
  .visit > li strong { width: 100%; margin-left: 0; height: 52px; margin-bottom: 5px; }
  .visit > li strong:before { content: none; }
  .visit > li strong span { font-size: 15px; }
  .visit > li div { width: 100%; min-height: 52px; height: auto; margin-left: 0; padding: 10px 15px; text-align: center; font-size: 14px; } }

@-webkit-keyframes next-color { 0% { border-color: #0c3975;
    background-color: #0c3975;
    color: #fff; }
  25% { border-color: #0c3975;
    background-color: #0c3975;
    color: #fff; }
  50% { border-color: #dce2ed;
    background-color: #fff;
    color: #000; } }

@keyframes next-color { 0% { border-color: #0c3975;
    background-color: #0c3975;
    color: #fff; }
  25% { border-color: #0c3975;
    background-color: #0c3975;
    color: #fff; }
  50% { border-color: #dce2ed;
    background-color: #fff;
    color: #000; } }

.visit_end { padding-top: 56px; padding-bottom: 55px; text-align: center; }

.visit_end h3 { font-size: 22px; padding-top: 95px; background: url(../images/sub/icon_visit_end.png) no-repeat center top; margin-bottom: 18px; }

.visit_end > div { margin-top: 26px; min-width: 236px; display: inline-block; background-color: #fff; border: 1px solid #dfdfdf; font-size: 18px; padding: 12px 20px; }

@media screen and (max-width: 737px) { .visit_end { padding-top: 21px; padding-bottom: 25px; text-align: center; }
  .visit_end h3 { font-size: 17px; padding-top: 0; background: none; margin-bottom: 9px; font-weight: 500; }
  .visit_end > div { margin-top: 17px; min-width: 172px; font-size: 16px; padding: 11px 20px; } }

/*알림 상자*/
.note { border: 1px solid #dfdfdf; }

.note > div:first-of-type { border-bottom: 1px dotted #dfdfdf; line-height: 59px; padding: 0 25px; }

.note > div:first-of-type strong { padding-left: 26px; background: url(../images/sub/icon_note.png) no-repeat left center; font-size: 17px; }

.note > div:last-of-type { padding: 17px 25px; }

@media screen and (max-width: 737px) { .note > div:first-of-type { line-height: 59px; padding: 0 20px; }
  .note > div:first-of-type strong { padding-left: 23px; background-size: 16px auto; font-size: 15px; }
  .note > div:last-of-type { padding: 14px 20px; } }

.note2 { padding-left: 25px; background: url(../images/sub/icon_note2.png) no-repeat left top 1px; font-size: 15px; }

@media screen and (max-width: 737px) { .note2 { font-size: 13px; background-size: 16px; padding-left: 21px; background-position: left top 0; } }

/*방문신청 단계*/
.visit_step { position: relative; margin-bottom: 56px; }

.visit_step:before { content: ''; width: 100%; height: 6px; border-radius: 6px; background-color: #e9ecee; position: absolute; left: 0; bottom: 0; }

.visit_step > li { float: left; width: 33.3333%; position: relative; padding-bottom: 29px; color: #777777; font-size: 22px; text-align: center; }

.visit_step > li span { display: block; color: #d4d4d4; font-weight: 600; margin-top: 10px; line-height: 22px; }

.visit_step > li.active { color: #9c1d1d; }

.visit_step > li.active span { overflow: hidden; margin-left: auto; margin-right: auto; width: 22px; text-indent: 22px; background: url(../images/sub/icon_sort.png) no-repeat center; }

.visit_step > li.active:before { content: ''; width: 100%; height: 6px; border-radius: 6px; background-color: #9c1d1d; position: absolute; left: 0; bottom: 0; }

@media screen and (max-width: 737px) { .visit_step { margin-bottom: 35px; }
  .visit_step > li { padding-bottom: 23px; font-size: 16px; }
  .visit_step > li span { margin-top: 6px; line-height: 17px; font-size: 17px; }
  .visit_step > li.active span { width: 17px; text-indent: 17px; background-size: 16px auto; } }

/*날짜선택*/
.cal_inp { width: 100%; text-align: center; }

.cal_inp .cal_control { margin-bottom: 30px; display: inline-block; line-height: 29px; }

.cal_inp .cal_control button { width: 29px; height: 29px; background-position: 50% 50%; background-repeat: no-repeat; vertical-align: middle; }

.cal_inp .cal_control button.cal_prev { background-image: url(../images/sub/cal_prev.png); }

.cal_inp .cal_control button.cal_prev:hover { background-image: url(../images/sub/cal_prev_on.png); }

.cal_inp .cal_control button.cal_next { background-image: url(../images/sub/cal_next.png); }

.cal_inp .cal_control button.cal_next:hover { background-image: url(../images/sub/cal_next_on.png); }

.cal_inp .cal_control span { display: inline-block; margin: 0 19px; vertical-align: middle; font-weight: 500; font-size: 30px; }

.cal_inp .cal_info { display: none; border: 1px solid #cbcccd; padding: 8px 0; margin-bottom: 25px; }

.cal_inp .cal_info > li { margin-left: 20px; font-size: 14px; float: left; }

.cal_inp .cal_info > li:before { content: ''; width: 15px; height: 15px; display: inline-block; margin-right: 5px; vertical-align: -2px; }

.cal_inp .cal_info > li.book:before { background-color: #0c3975; color: #0c3975; }

.cal_inp .cal_info > li.not:before { background-color: #dddddd; }

.cal_inp .cal_info > li.today:before { -webkit-box-sizing: border-box; box-sizing: border-box; border: 3px solid #9c1d1d; }

.cal_inp table { width: 100%; text-align: center; border-top: 1px solid #dfdfdf; }

.cal_inp table thead th { border: 1px solid #dfdfdf; background-color: #f7f8f9; height: 57px; font-size: 18px; }

.cal_inp table thead th:first-of-type { color: #9c1d1d; }

.cal_inp table thead th:last-of-type { color: #0059d1; }

.cal_inp table tbody td { height: 109px; color: #7f7f7f; border: 1px solid #dfdfdf; text-align: left; vertical-align: top; padding: 14px 0; text-indent: 18px; }

.cal_inp table tbody td div { text-align: center; margin: 25px auto 0; font-size: 14px; text-indent: 0; }

.cal_inp table tbody td div a { display: inline-block; padding: 5px 12px; text-align: center; min-width: 73px; }

.cal_inp table tbody td.book div a { color: #ffffff; background-color: #0c3975; }

.cal_inp table tbody td.not div a { color: #000; background-color: #dddddd; }

.cal_inp table tbody td:first-of-type { color: #bd7c7c; }

.cal_inp table tbody td:last-of-type { color: #7f9ee2; }

.cal_inp table tbody td.active { color: #9c1d1d; -webkit-box-shadow: inset 0 0 0 3px #9c1d1d; box-shadow: inset 0 0 0 3px #9c1d1d; }

.cal_inp table tbody td.active div span { padding-right: 17px; background: url(../images/sub/icon_cal_today.png) no-repeat right center; font-size: 16px; }

@media screen and (min-width: 737px) { .cal_inp table tbody td.book div a { -webkit-transition: all 0.3s; transition: all 0.3s; }
  .cal_inp table tbody td.book div a:hover { border-radius: 6px; background-color: #114e9f; } }

@media screen and (max-width: 737px) { .cal_inp .cal_control { margin-bottom: 20px; display: inline-block; line-height: 25px; }
  .cal_inp .cal_control button { width: 25px; height: 25px; background-size: 25px auto; }
  .cal_inp .cal_control span { margin: 0 19px; font-size: 24px; }
  .cal_inp .cal_info { display: block; }
  .cal_inp table thead th { height: 29px; font-size: 11px; }
  .cal_inp table tbody td { height: 45px; font-size: 13px; padding: 4px 0 0; text-indent: 7px; }
  .cal_inp table tbody td div { margin: 0; margin-top: -22px; }
  .cal_inp table tbody td div a { display: block; width: 100%; height: 45px; min-width: auto; }
  .cal_inp table tbody td.book { background-color: #0c3975; color: #fff; }
  .cal_inp table tbody td.book div a { color: transparent; background-color: transparent; padding: 0; }
  .cal_inp table tbody td.not { background-color: #dddddd; }
  .cal_inp table tbody td.not div a { color: transparent; background-color: transparent; }
  .cal_inp table tbody td.active { color: #9c1d1d; -webkit-box-shadow: inset 0 0 0 3px #9c1d1d; box-shadow: inset 0 0 0 3px #9c1d1d; }
  .cal_inp table tbody td.active div span { display: inline-block; margin-top: 22px; padding-right: 0; background: url(../images/sub/icon_cal_today_m.png) no-repeat center/14px auto; width: 14px; height: 10px; overflow: hidden; color: transparent; } }

.citation h3 { font-size: 26px; padding-top: 94px; margin-bottom: 44px; background: url(../images/sub/icon_citation_tit.png) no-repeat center top 40px; text-align: center; }

.citation ul { text-align: center; }

.citation ul li { background-color: #f7f8fc; padding: 70px 20px; max-width: 405px; width: 100%; display: inline-block; margin-right: 30px; height: 513px; position: relative; vertical-align: top; }

.citation ul li:last-of-type { margin-right: 0; }

.citation ul li .icon { width: 134px; height: 134px; border-radius: 134px; -webkit-box-shadow: 8px 8px 16px rgba(0, 0, 0, 0.05); box-shadow: 8px 8px 16px rgba(0, 0, 0, 0.05); margin: auto; }

.citation ul li h4 { font-size: 22px; margin: 35px 0 20px; }

.citation ul li div { font-size: 15px; margin: -0.25em auto 0; line-height: 1.5; max-width: 240px; word-break: keep-all; }

.citation ul li .btn1 { position: absolute; left: 50%; bottom: 70px; -webkit-transform: translateX(-50%); transform: translateX(-50%); min-width: 162px; height: 50px; line-height: 50px; }

@media screen and (min-width: 737px) { .citation ul li .icon, .citation ul li img { -webkit-transition: 0.3s; transition: 0.3s; }
  .citation ul li:hover .icon { -webkit-box-shadow: 8px 8px 16px rgba(0, 0, 0, 0.12); box-shadow: 8px 8px 16px rgba(0, 0, 0, 0.12); }
  .citation ul li:hover .icon img { -webkit-transform: rotateY(180deg); transform: rotateY(180deg); } }

@media screen and (max-width: 737px) { .citation h3 { font-size: 20px; line-height: 1.3; padding-top: 37px; margin-bottom: 32px; background-size: 25px; background-position: top center; }
  .citation ul li { padding: 35px 20px; max-width: none; width: 100%; display: block; margin-right: 0; margin-bottom: 15px; height: auto; }
  .citation ul li:last-of-type { margin-bottom: 0; }
  .citation ul li .icon { width: 67px; height: 67px; border-radius: 67px; -webkit-box-shadow: 4px 4px 8px rgba(0, 0, 0, 0.05); box-shadow: 4px 4px 8px rgba(0, 0, 0, 0.05); }
  .citation ul li h4 { font-size: 17px; margin: 22px 0 11px; }
  .citation ul li div { font-size: 14px; max-width: 277px; }
  .citation ul li .btn1 { position: static; margin-top: 16px; -webkit-transform: translateX(0); transform: translateX(0); min-width: 106px; height: 45px; line-height: 45px; } }

.notice_box2 { background-color: #f4f8fb; border-radius: 100px; padding: 30px 70px 30px 30px; display: table; margin-bottom: 40px; width: 100%; }

.notice_box2 > div { width: 110px; display: table-cell; }

.notice_box2 > div span { width: 110px; height: 110px; display: table-cell; border-radius: 50%; background: #fff; -webkit-box-shadow: 5px 5px 10px rgba(0, 0, 0, 0.05); box-shadow: 5px 5px 10px rgba(0, 0, 0, 0.05); text-align: center; vertical-align: middle; }

.notice_box2 > h4 { width: auto; display: table-cell; vertical-align: middle; padding-left: 35px; font-size: 15px; color: #555; }

.notice_box2 > h4 strong { display: block; font-size: 20px; color: #000; margin-bottom: 12px; font-weight: 500; }

.notice_box2 > h4 strong b { font-size: 28px; }

@media screen and (max-width: 737px) { .notice_box2 { border-radius: 10px; padding: 20px; }
  .notice_box2 > div { display: block; width: 100%; text-align: center; margin-bottom: 15px; }
  .notice_box2 > div span { display: inline-block; line-height: 110px; }
  .notice_box2 > div span img { vertical-align: middle; }
  .notice_box2 > h4 { display: block; width: 100%; padding: 0; text-align: center; } }

.map_box { text-align: center; position: relative; margin-bottom: 150px; }

.map_box .txt_box > a { display: none; min-width: 160px; height: 40px; border-radius: 6px; -webkit-box-shadow: 0 8px 15px rgba(0, 50, 111, 0.3); box-shadow: 0 8px 15px rgba(0, 50, 111, 0.3); background: url(../images/sub/txt_bg_01.png) no-repeat 50% 50%/cover; position: absolute; -webkit-transform: translate(-50%, -50%); transform: translate(-50%, -50%); }

.map_box .txt_box > a.active { display: table; }

.map_box .txt_box > a em { display: table-cell; vertical-align: middle; padding: 0 50px 0 25px; font-size: 15px; color: #fff; text-align: left; position: relative; }

.map_box .txt_box > a em:before { content: ""; display: block; width: 40px; height: 40px; background: url(../images/sub/icon_plus.png) no-repeat center; position: absolute; top: 0; right: 0; border-left: 1px solid #35a4da; }

.map_box .txt_box > a em:after { content: ""; display: block; width: 15px; height: 13px; background: url(../images/sub/tri_bg_01.png) no-repeat center; position: absolute; bottom: -12px; left: 50%; -webkit-transform: translateX(-50%); transform: translateX(-50%); }

.map_box .txt_box .txt1 { top: 20%; left: 73%; }

.map_box .txt_box .txt2 { bottom: 23%; left: 80%; }

.map_box .txt_box .txt3 { top: 15%; left: 41%; }

.map_box .txt_box .txt4 { top: 35%; left: 38%; }

.map_box .txt_box .txt5 { top: 54%; left: 39%; }

.map_box .txt_box .txt6 { bottom: 15%; left: 43%; }

.map_box .txt_box .txt7 { bottom: 28%; left: 20%; }

.map_box .txt_box .txt8 { bottom: 50%; left: 21%; }

.map_box .txt_box .txt9 { top: 22%; left: 18%; }

@media screen and (max-width: 737px) { .map_box { margin-bottom: 100px; }
  .map_box area { outline: none; }
  .map_box .txt_box > a { min-width: 100px; height: 30px; border-radius: 3px; }
  .map_box .txt_box > a em { font-size: 12px; padding: 0 40px 0 10px; }
  .map_box .txt_box > a em:before { width: 30px; height: 30px; }
  .map_box .txt_box .txt2 { left: 83%; }
  .map_box .txt_box .txt4 { top: 30%; left: 37%; }
  .map_box .txt_box .txt7 { left: 14%; }
  .map_box .txt_box .txt8 { left: 16%; }
  .map_box .txt_box .txt9 { top: 13%; left: 12%; } }

.nation_list > li { margin-bottom: 100px; position: relative; }

.nation_list > li h3 { display: table; min-width: 186px; height: 48px; position: absolute; top: -48px; left: 0; }

.nation_list > li h3 span { display: table-cell; vertical-align: middle; padding: 0 75px 0 30px; background: #0c3975; color: #fff; font-size: 18px; position: relative; }

.nation_list > li h3 span:after { content: ""; display: block; width: 0px; height: 0px; border-bottom: 48px solid transparent; border-right: 40px solid #fff; position: absolute; top: 0; right: 0; }

.nation_list > li:last-child { margin-bottom: 0; }

.nation_list > li > a { display: inline-block; padding-right: 15px; background: url(../images/sub/icon_arrow_01.png) no-repeat right center; position: absolute; top: -34px; right: 0; }

.nation_list ol { padding: 25px 40px; background: #f7f8fc; }

.nation_list ol:after { content: ""; display: block; clear: both; }

.nation_list ol li { float: left; width: 25%; margin: 15px 0; padding-right: 10px; word-break: break-all; }

.nation_list ol li:nth-child(4n+1) { clear: both; }

.nation_list ol li a { font-size: 0; line-height: 0; }

.nation_list ol li a .img { display: inline-block; vertical-align: middle; width: 50px; height: 33px; margin-right: 17px; -webkit-box-shadow: 3px 3px 13px rgba(0, 0, 0, 0.12); box-shadow: 3px 3px 13px rgba(0, 0, 0, 0.12); }

.nation_list ol li a .img img { width: 100%; height: 100%; }

.nation_list ol li a span { display: inline-block; vertical-align: middle; width: calc(100% - 67px); line-height: 1.2em; font-size: 18px; }

@media all and (min-width: 1081px) and (max-width: 1200px) { .nation_list ol li { width: 50%; }
  .nation_list ol li:nth-child(4n+1) { clear: none; }
  .nation_list ol li:nth-child(2n+1) { clear: both; } }

@media screen and (max-width: 990px) { .nation_list ol li { width: 50%; }
  .nation_list ol li:nth-child(4n+1) { clear: none; }
  .nation_list ol li:nth-child(2n+1) { clear: both; } }

@media screen and (max-width: 737px) { .nation_list > li { margin-bottom: 60px; }
  .nation_list > li h3 { min-width: 128px; height: 37px; top: -37px; }
  .nation_list > li h3 span { padding: 0 50px 0 16px; font-size: 14px; }
  .nation_list > li h3 span:after { border-bottom: 37px solid transparent; border-right: 30px solid #fff; top: -1px; }
  .nation_list > li > a { top: -28px; }
  .nation_list ol { padding: 25px; }
  .nation_list ol li { width: 100%; margin: 0 0 15px 0; }
  .nation_list ol li:last-child { margin-bottom: 0; }
  .nation_list ol li a .img { width: 33px; height: 22px; vertical-align: middle; margin-right: 12px; }
  .nation_list ol li a span { font-size: 14px; } }

/*배너모음*/
.banners { margin-top: -30px; }

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

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

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

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

.banners > li { margin-top: 30px; }

.banners > li a { display: block; border: 1px solid #dfdfdf; text-align: center; }

.banners > li a > div { border-bottom: 1px solid #dfdfdf; padding: 45px 15px; height: 212px; position: relative; }

.banners > li a > div b { max-width: 180px; margin: auto; display: block; }

.banners > li a > div > div { width: 100%; margin-top: 47px; position: absolute; bottom: 49px; left: 50%; -webkit-transform: translateX(-50%); transform: translateX(-50%); }

.banners > li a > span { color: #7a7a7a; background-color: #f7f8f9; display: block; line-height: 43px; font-size: 15px; }

.banners > li a > span:after { content: ''; width: 16px; height: 16px; display: inline-block; vertical-align: -3px; margin-left: 7px; background: url(../images/common/btn_link_off.png) no-repeat center/cover; }

@media screen and (min-width: 737px) { .banners a { -webkit-transition: 0.3s; transition: 0.3s; }
  .banners a > div, .banners a > span { -webkit-transition: 0.3s; transition: 0.3s; }
  .banners a:hover { border-radius: 6px; border-color: #7e8081; overflow: hidden; }
  .banners a:hover > div { border-bottom-color: #7e8081; }
  .banners a:hover > span { color: #000; } }

@media screen and (max-width: 1200px) { .banners > :nth-child(n) { float: left; width: calc(33.33333% - 20px); margin-right: 30px; }
  .banners > :nth-of-type(3n) { margin-right: 0; }
  .banners > :not(:nth-of-type(3n + 1)) { clear: none; }
  .banners > :nth-of-type(3n + 1) { clear: both; } }

@media screen and (max-width: 737px) { .banners { margin-top: -15px; }
  .banners > :nth-child(n) { float: left; width: calc(100% - 0px); margin-right: 0px; }
  .banners > :nth-of-type(1n) { margin-right: 0; }
  .banners > :not(:nth-of-type(1n + 1)) { clear: none; }
  .banners > :nth-of-type(1n + 1) { clear: both; }
  .banners > li { margin-top: 15px; }
  .banners > li a > div { padding: 16px 20px; height: auto; }
  .banners > li a > div b { max-width: none; font-size: 16px; }
  .banners > li a > div > div { width: 100%; margin-top: 10px; position: static; -webkit-transform: translateX(0); transform: translateX(0); }
  .banners > li a > span { font-size: 14px; }
  .banners > li a > span:after { width: 15px; height: 15px; display: inline-block; vertical-align: -2px; margin-left: 4px; } }

/*국기+이름*/
.nation { display: inline-block; width: 100%; font-size: 0; }

.nation .flag, .nation h3, .nation h4 { display: inline-block; vertical-align: middle; }

.nation .flag { width: 66px; height: 44px; -webkit-box-shadow: 3px 3px 13px rgba(0, 0, 0, 0.12); box-shadow: 3px 3px 13px rgba(0, 0, 0, 0.12); position: relative; }

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

.nation .flag + h3, .nation .flag + h4 { padding-left: 17px; }

.nation h3, .nation h4 { font-size: 18px; }

.nation h3 span, .nation h4 span { display: block; font-size: 14px; color: #787c8d; }

@media screen and (max-width: 737px) { .nation { width: 100%; }
  .nation .flag { width: 57px; height: 38px; }
  .nation .flag + h3, .nation .flag + h4 { padding-left: 15px; width: calc(100% - 57px); }
  .nation h3, .nation h4 { font-size: 16px; }
  .nation h3 span, .nation h4 span { font-size: 12px; margin-top: 1px; } }

/*국가검색결과*/
.country_rst { margin-top: -30px; }

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

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

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

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

.country_rst > li { margin-top: 30px; }

.country_rst > li > a { background-color: #f7f8fc; padding: 40px; display: block; }

.country_rst > li > a .dot { margin-top: 22px; }

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

@media screen and (max-width: 737px) { .country_rst { margin-top: -15px; }
  .country_rst > li { margin-top: 15px; }
  .country_rst > li > a { padding: 25px; }
  .country_rst > li > a .nation { width: 100%; }
  .country_rst > li > a .nation .flag { width: 57px; height: 38px; }
  .country_rst > li > a .nation .flag + h3, .country_rst > li > a .nation .flag + h4 { padding-left: 15px; }
  .country_rst > li > a .nation h3, .country_rst > li > a .nation h4 { font-size: 16px; }
  .country_rst > li > a .nation h3 span, .country_rst > li > a .nation h4 span { font-size: 12px; margin-top: 1px; }
  .country_rst > li > a .dot { margin-top: 10px; } }

/*국가정보 상세*/
.country_info { margin-bottom: 50px; }

.country_info .top { text-align: center; margin-bottom: 50px; margin-top: 28px; }

.country_info .top .acodian2 { font-size: 0; line-height: 0; text-align: center; }

.country_info .top .acodian2 > li { display: inline-block; max-width: 339px; width: calc(50% - 15px); line-height: 1.4; margin-right: 30px; position: relative; border-bottom: 2px solid #000; font-size: 16px; }

.country_info .top .acodian2 > li:last-of-type { margin-right: 0; }

.country_info .top .acodian2 > li button { width: 100%; text-align: left; height: 60px; padding: 0 30px 20px 10px; font-size: 14px; background: url(../images/sub/arrow_tab_down.png) no-repeat right 10px center; color: #888888; }

.country_info .top .acodian2 > li button span { display: block; font-size: 18px; color: #000; margin-top: 2px; }

.country_info .top .acodian2 > li > ul { display: none; position: absolute; left: -1px; top: 100%; border: 1px solid #000; width: calc(100% + 2px); padding: 10px 15px; background-color: #fff; z-index: 1; max-height: 220px; overflow-x: hidden; overflow-y: auto; text-align: left; }

.country_info .top .acodian2 > li > ul::-webkit-scrollbar { width: 6px; height: 6px; }

.country_info .top .acodian2 > li > ul::-webkit-scrollbar-thumb { background-color: #86878b; border-radius: 6px; }

.country_info .top .acodian2 > li > ul::-webkit-scrollbar-track { background-color: #cdd0d5; border-radius: 6px; }

.country_info .top .acodian2 > li > ul li { border-bottom: 1px solid #e4e5e6; }

.country_info .top .acodian2 > li > ul li a { display: table; width: 100%; height: 38px; color: #9d9fa0; }

.country_info .top .acodian2 > li > ul li a span { display: table-cell; vertical-align: middle; }

.country_info .top .acodian2 > li > ul li a.active { color: #2a6cc5; }

.country_info .top .acodian2 > li > ul li a:hover { color: #2a6cc5; }

.country_info .top .acodian2 > li > ul li:last-of-type { border-bottom: 0; }

.country_info .top .acodian2 > li.active button { background-image: url(../images/sub/arrow_tab_up.png); }

.country_info .top .acodian2 > li.active button span { color: #2a6cc5; }

.country_info .bg { background-color: #f7f8fc; padding: 50px; border: 1px solid #dfdfdf; }

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

.country_info .bg .stat { text-align: left; padding-bottom: 20px; border-bottom: 1px solid #d9dbe3; margin-bottom: 26px; }

.country_info .bg .stat:after { content: ''; display: block; clear: both; }

.country_info .bg .stat > div { padding-right: 180px; }

.country_info .bg .stat .nation { display: inline-table; text-align: left; width: auto; margin-bottom: 15px; vertical-align: top; margin-right: 40px; }

.country_info .bg .stat .dot { display: inline-block; text-align: left; vertical-align: top; }

.country_info .bg .stat > a { height: 44px; float: right; padding: 0 20px; font-size: 15px; margin-top: -60px; background-color: #fff; line-height: 42px; border: 1px solid #7ea6cd; color: #114e9f; }

.country_info .bg .stat > a:after { content: ''; display: inline-block; width: 52px; height: 25px; vertical-align: middle; margin-left: 10px; background: url(../images/sub/btn_map.png) no-repeat center/cover; }

@media screen and (min-width: 737px) { .country_info .bg .stat > a { -webkit-transition: 0.3s; transition: 0.3s; }
  .country_info .bg .stat > a:hover { background-color: #2a6cc5; border-color: #2a6cc5; color: #fff; }
  .country_info .bg .stat > a:hover:after { background-image: url(../images/sub/btn_map_on.png); } }

.country_info .bg > ul { float: left; }

.country_info .bg > ul li { margin-right: 5px; float: left; }

.country_info .bg > .select { float: right; width: 240px; }

@media (min-width: 1080px) and (max-width: 1200px) { .country_info .top .acodian2 > li { max-width: none; }
  .country_info .top .acodian2 > li:last-of-type { border-right: 0; }
  .country_info .top > a { position: absolute; right: 0; top: 0; width: 100%; text-align: center; border-bottom: 1px solid #dfdfdf; border-left: 0; } }

@media (max-width: 1200px) { .country_info .bg .stat { text-align: center; }
  .country_info .bg .stat > div { text-align: left; padding: 0; }
  .country_info .bg .stat > a { display: inline-block; float: none; margin: 2px auto; }
  .country_info .bg > ul li { margin-bottom: 5px; }
  .country_info .bg > .select { float: left; } }

@media (max-width: 800px) { .country_info .top .acodian2 > li { max-width: none; }
  .country_info .top .acodian2 > li:last-of-type { border-right: 0; }
  .country_info .top > a { position: absolute; right: 0; top: 0; width: 100%; text-align: center; border-bottom: 1px solid #dfdfdf; border-left: 0; }
  .country_info .bg > ul li { margin-bottom: 5px; }
  .country_info .bg > .select { float: left; } }

@media screen and (max-width: 737px) { .country_info { margin-bottom: 40px; }
  .country_info .top { margin: 0 0 40px; }
  .country_info .top .acodian2 > li { width: 100%; margin: 0 0 23px; }
  .country_info .top .acodian2 > li:last-of-type { margin-bottom: 0; }
  .country_info .top .acodian2 > li button { height: 51px; padding: 0 15px 18px 0; font-size: 10px; background-size: 12px auto; background-position: right 0 center; }
  .country_info .top .acodian2 > li button span { font-size: 14px; }
  .country_info .top .acodian2 > li > ul { padding: 5px 15px; font-size: 14px; }
  .country_info .top .acodian2 > li > ul li a { height: 33px; }
  .country_info .bg { padding: 20px; }
  .country_info .bg .stat { padding-bottom: 19px; margin-bottom: 20px; }
  .country_info .bg .stat .nation { display: block; margin-right: 0; }
  .country_info .bg .stat .dot { margin-left: 0; display: block; margin-top: 18px; font-size: 14px; }
  .country_info .bg .stat > a { margin-top: 16px; padding: 0 25px; line-height: 36px; height: 38px; font-size: 13px; border-color: #7ea6cd; color: #114e9f; }
  .country_info .bg .stat > a:after { content: none; }
  .country_info .bg > ul { width: 100%; }
  .country_info .bg > ul li { margin-bottom: 5px; float: none; margin-right: 0; }
  .country_info .bg > ul li a { width: 100%; text-align: center; }
  .country_info .bg > ul li:last-of-type { margin-bottom: 0; }
  .country_info .bg > .select { width: 100%; margin-top: 15px; } }

/*카리브해 개요*/
.flag_table th { font-weight: 500; text-align: center; }

.flag_table th img { margin: 15px auto 0; display: block; }

.flag_table td .dot strong { display: inline-block; width: 66px; }

/*여행경보 조정 슬라이드*/
.tv_alert { text-align: center; margin-bottom: 20px; }

.tv_alert > strong { display: inline-block; color: #fff; background-color: #0c3975; position: relative; top: 1px; z-index: 1; height: 42px; line-height: 42px; font-size: 17px; padding: 0 26px; }

.tv_alert > strong:before { content: ''; width: 35px; height: 42px; background: url(../images/sub/tv_alert_left.png) no-repeat center/cover; position: absolute; bottom: 0; right: 100%; }

.tv_alert > strong:after { content: ''; width: 35px; height: 42px; background: url(../images/sub/tv_alert_right.png) no-repeat center/cover; position: absolute; bottom: 0; left: 100%; }

.tv_alert .tv_slide { position: relative; border: 1px solid #aaa; padding: 16px 30px; font-size: 0; line-height: 0; }

.tv_alert .tv_slide .slide { display: inline-block; vertical-align: middle; width: calc(100% - 140px); text-align: left; }

.tv_alert .tv_slide .slide a { display: block; font-size: 0; line-height: 0; }

.tv_alert .tv_slide .slide a > span { max-width: 100%; text-overflow: ellipsis; overflow: hidden; white-space: nowrap; display: inline-block; width: calc(100% - 100px); line-height: 32px; font-size: 16px; padding-right: 20px; vertical-align: middle; }

.tv_alert .tv_slide .slide a > span b { color: #0b428c; position: relative; padding-right: 12px; margin-right: 15px; }

.tv_alert .tv_slide .slide a > span b:after { content: ''; display: inline-block; width: 1px; height: 12px; position: absolute; right: 0; top: 50%; margin-top: -6px; background-color: #c4c4c4; }

.tv_alert .tv_slide .slide a em { display: inline-block; width: 100px; line-height: 32px; font-size: 16px; vertical-align: middle; color: #444; }

.tv_alert .tv_slide .control { display: inline-block; vertical-align: middle; font-size: 16px; line-height: 28px; width: 140px; }

.tv_alert .tv_slide .control button, .tv_alert .tv_slide .control a { display: block; float: left; width: 30px; height: 30px; overflow: hidden; border: 1px solid #cbcccd; margin-left: 5px; text-indent: 30px; }

.tv_alert .tv_slide .control .prev { background: url(../images/sub/btn_tv_slide_prev.png) no-repeat center; }

.tv_alert .tv_slide .control .next { background: url(../images/sub/btn_tv_slide_next.png) no-repeat center; }

.tv_alert .tv_slide .control .pause { background: url(../images/sub/btn_tv_slide_pause.png) no-repeat center; }

.tv_alert .tv_slide .control .pause.play { background-image: url(../images/sub/btn_tv_slide_play.png); }

.tv_alert .tv_slide .control .more { background: url(../images/sub/btn_tv_slide_more.png) no-repeat center; }

@media screen and (min-width: 737px) { .tv_alert .tv_slide .control button, .tv_alert .tv_slide .control a { -webkit-transition: 0.3s; transition: 0.3s; }
  .tv_alert .tv_slide .control button:hover, .tv_alert .tv_slide .control a:hover { border-color: #000; border-radius: 6px; } }

@media screen and (max-width: 737px) { .tv_alert { margin-bottom: 35px; }
  .tv_alert > strong { height: 35px; line-height: 35px; font-size: 14px; padding: 0 23px; }
  .tv_alert > strong:before { content: ''; width: 28px; height: 35px; }
  .tv_alert > strong:after { content: ''; width: 28px; height: 35px; }
  .tv_alert .tv_slide { padding: 16px 20px; }
  .tv_alert .tv_slide .slide { display: block; width: 100%; }
  .tv_alert .tv_slide .slide a > span { white-space: initial; display: block; width: 100%; line-height: 1.4; font-size: 14px; padding-right: 0; }
  .tv_alert .tv_slide .slide a > span b { padding-right: 0; margin-right: 0; display: block; margin-bottom: 3px; font-size: 16px; }
  .tv_alert .tv_slide .slide a > span b:after { content: none; }
  .tv_alert .tv_slide .slide a em { margin-top: 8px; display: block; width: 100%; line-height: 1.4; font-size: 14px; }
  .tv_alert .tv_slide .control { margin-top: 5px; display: block; text-align: center; width: 100%; font-size: 0; line-height: 0; }
  .tv_alert .tv_slide .control button, .tv_alert .tv_slide .control a { display: inline-block; float: none; width: 28px; line-height: 26px; font-size: 14px; vertical-align: top; height: 28px; overflow: hidden; border: 1px solid #cbcccd; text-indent: 28px; }
  .tv_alert .tv_slide .control button:first-of-type { margin-left: 0; } }

/*지역이슈*/
.issue { margin-top: -30px; }

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

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

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

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

.issue > li { margin-top: 45px; }

.issue > li a { display: table; width: 100%; position: relative; border: 4px solid #eff5fc; font-size: 18px; height: 103px; padding: 0 37px; }

.issue > li a > div { display: table-cell; vertical-align: middle; padding-top: 5px; }

.issue > li a > div span { position: absolute; left: 32px; top: -20px; padding: 0 20px; height: 36px; line-height: 36px; color: #557bae; font-size: 15px; font-weight: 600; z-index: 1; }

.issue > li a > div span:before { content: ''; width: 100%; height: 100%; position: absolute; left: 0; top: 0; background-color: #fff; z-index: -1; }

.issue > li a > div span b { font-size: 46px; color: #f3f5f9; font-weight: 700; position: relative; top: -3px; z-index: -1; margin-left: -12px; vertical-align: middle; letter-spacing: -0.03em; }

@media screen and (max-width: 737px) { .issue { margin-top: -22px; }
  .issue > :nth-child(n) { float: left; width: calc(100% - 0px); margin-right: 0px; }
  .issue > :nth-of-type(1n) { margin-right: 0; }
  .issue > :not(:nth-of-type(1n + 1)) { clear: none; }
  .issue > :nth-of-type(1n + 1) { clear: both; }
  .issue > li { margin-top: 38px; text-align: center; }
  .issue > li a { font-size: 14px; height: 75px; padding: 0 20px; }
  .issue > li a > div { padding-top: 12px; }
  .issue > li a > div span { position: absolute; left: 50%; -webkit-transform: translateX(-50%); transform: translateX(-50%); top: -18px; height: 31px; line-height: 31px; font-size: 14px; }
  .issue > li a > div span b { font-size: 43px; font-weight: 700; margin-left: -10px; } }

/*안전여행공지*/
.tv_notice { position: relative; padding: 38px 0 43px; text-align: center; margin-top: 70px; background: url(../images/sub/bg_tv_notice_left.png) no-repeat left top, url(../images/sub/bg_tv_notice_right.png) no-repeat right bottom; }

.tv_notice:before { content: ''; width: 100%; height: 100%; position: absolute; left: 0; top: 0; bottom: 0; border: 3px solid #e7e7e7; z-index: -1; -webkit-box-sizing: border-box; box-sizing: border-box; }

.tv_notice > strong { font-size: 24px; padding: 0 19px; position: relative; }

.tv_notice > strong:before { content: ''; position: absolute; right: 100%; top: 50%; margin-top: -2.5px; width: 85px; height: 5px; background: url(../images/sub/tit_tv_notice_left.png) no-repeat right center; }

.tv_notice > strong:after { content: ''; position: absolute; left: 100%; top: 50%; margin-top: -2.5px; width: 85px; height: 5px; background: url(../images/sub/tit_tv_notice_right.png) no-repeat left center; }

.tv_notice > span { display: block; font-size: 16px; margin: 12px 0 23px; }

@media screen and (max-width: 737px) { .tv_notice { padding: 19px 22px 20px; margin-top: 40px; background: url(../images/sub/bg_tv_notice_left_m.png) no-repeat left top/94px auto, url(../images/sub/bg_tv_notice_right_m.png) no-repeat right bottom/94px auto; }
  .tv_notice > strong { font-size: 17px; padding: 0; }
  .tv_notice > strong:before { content: none; }
  .tv_notice > strong:after { content: none; }
  .tv_notice > span { font-size: 14px; margin: 6px 0 9px; }
  .tv_notice .select { width: 100%; margin: 0 0 10px; }
  .tv_notice .select + button { width: 100%; margin: 0; } }

/*페이지 리스트 상세보기 - 조약*/
.detail_view > :nth-child(n) { float: left; width: calc(50% - 15px); margin-right: 30px; }

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

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

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

.detail_view.type2 > li { min-height: auto; }

.detail_view > li { position: relative; padding-bottom: 50px; margin-top: 60px; min-height: 430px; margin-bottom: 0; }

.detail_view > li .img { height: 262px; }

.detail_view > li strong { font-size: 20px; display: block; margin: 26px 0 12px; }

.detail_view > li .btn_link, .detail_view > li .f_down { position: absolute; left: 0; bottom: 0; }

@media screen and (max-width: 737px) { .detail_view { margin-top: -40px; }
  .detail_view > :nth-child(n) { float: left; width: calc(100% - 0px); margin-right: 0px; }
  .detail_view > :nth-of-type(1n) { margin-right: 0; }
  .detail_view > :not(:nth-of-type(1n + 1)) { clear: none; }
  .detail_view > :nth-of-type(1n + 1) { clear: both; }
  .detail_view > li { margin-top: 40px; min-height: auto; padding-bottom: 52px; }
  .detail_view > li .img { height: auto; }
  .detail_view > li strong { font-size: 16px; margin: 11px 0 9px; }
  .detail_view > li .btn_link, .detail_view > li .f_down { position: absolute; left: 0; bottom: 0; } }

.detail_view2 { border-top: 3px solid #0c3975; position: relative; }

.detail_view2:before { content: ''; width: 96px; height: 45px; position: absolute; left: 0; top: -3px; background: url(../images/sub/line_detail_view2_left.png) no-repeat left top; }

.detail_view2:after { content: ''; width: 96px; height: 45px; position: absolute; right: 0; top: -3px; background: url(../images/sub/line_detail_view2_right.png) no-repeat right top; }

.detail_view2 > li { position: relative; border-bottom: 1px solid #e0e0e0; padding: 40px 60px 40px 200px; }

.detail_view2 > li .icon { display: inline-block; width: 200px; text-align: center; position: absolute; left: 0; top: 40px; vertical-align: middle; }

.detail_view2 > li strong { display: block; font-size: 20px; color: #000; font-weight: 500; margin-bottom: 10px; }

.detail_view2 > li > div { line-height: 1.5; word-break: keep-all; }

.detail_view2 > li .btn_link { margin-top: 20px; }

@media screen and (max-width: 737px) { .detail_view2:before { width: 28px; height: 51px; background-image: url(../images/sub/line_detail_view2_left_m.png); background-size: 28px auto; }
  .detail_view2:after { width: 28px; height: 51px; background-image: url(../images/sub/line_detail_view2_right_m.png); background-size: 28px auto; }
  .detail_view2 > li { padding: 21px 20px 25px; }
  .detail_view2 > li .icon { display: none; }
  .detail_view2 > li strong { font-size: 16px; }
  .detail_view2 > li > div { line-height: 1.5; }
  .detail_view2 > li .btn_link { margin-top: 14px; } }

.detail_view3 { margin-top: -30px !important; }

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

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

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

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

.detail_view3 > li { margin-top: 30px; position: relative; height: 283px; border: 1px solid #dfe1e0; padding: 40px 20px 0; text-align: center; }

.detail_view3 > li .icon { display: inline-block; margin-bottom: 21px; }

.detail_view3 > li strong { display: block; text-align: center; font-size: 20px; color: #000; font-weight: 600; }

.detail_view3 > li .f_down { margin-top: 16px; }

@media screen and (max-width: 737px) { .detail_view3 { margin-top: 0 !important; }
  .detail_view3 > :nth-child(n) { float: left; width: calc(100% - 0px); margin-right: 0px; }
  .detail_view3 > :nth-of-type(1n) { margin-right: 0; }
  .detail_view3 > :not(:nth-of-type(1n + 1)) { clear: none; }
  .detail_view3 > :nth-of-type(1n + 1) { clear: both; }
  .detail_view3.type2 > li { border-top: 0; }
  .detail_view3.type2 > li:before { width: 28px; height: 51px; background-image: url(../images/en/line_detail_view3_left_m.png); background-size: 28px auto; }
  .detail_view3.type2 > li:after { width: 28px; height: 51px; background-image: url(../images/en/line_detail_view3_right_m.png); background-size: 28px auto; }
  .detail_view3.type2 > li:nth-of-type(2):before, .detail_view3.type2 > li:nth-of-type(2):after, .detail_view3.type2 > li:nth-of-type(3):before, .detail_view3.type2 > li:nth-of-type(3):after { content: none; }
  .detail_view3.type2 > li:first-of-type { border-top: 3px solid #0c3975; }
  .detail_view3 > li { border: 0; border-bottom: 1px solid #dfe1e0; margin-top: 0; margin-bottom: 0; height: auto; padding: 25px 20px; }
  .detail_view3 > li:first-of-type { border-top: 1px solid #dfe1e0; }
  .detail_view3 > li .icon { width: 65px; margin-bottom: 14px; }
  .detail_view3 > li .icon img { max-width: 100%; }
  .detail_view3 > li strong { font-size: 16px; }
  .detail_view3 > li .f_down { margin-top: 8px; } }

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

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

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

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

.btn_app > li a { display: block; border: 1px solid #000; border-radius: 6px; text-align: center; font-size: 0; height: 92px; position: relative; }

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

.btn_app > li a img, .btn_app > li a > div { display: inline-block; vertical-align: middle; }

.btn_app > li a > div { font-size: 18px; margin-left: 19px; text-align: left; }

.btn_app > li a > div span { display: block; font-size: 16px; color: #8d8d8d; margin-top: 2px; }

@media screen and (max-width: 737px) { .btn_app > :nth-child(n) { float: left; width: calc(100% - 0px); margin-right: 0px; }
  .btn_app > :nth-of-type(1n) { margin-right: 0; }
  .btn_app > :not(:nth-of-type(1n + 1)) { clear: none; }
  .btn_app > :nth-of-type(1n + 1) { clear: both; }
  .btn_app > li { margin-top: 15px; }
  .btn_app > li a { height: 70px; }
  .btn_app > li a > div { font-size: 16px; margin-left: 15px; }
  .btn_app > li a > div span { font-size: 14px; margin-top: 1px; } }

.m_app { max-width: 660px; margin: auto; margin-bottom: 44px; }

.m_app .btn_app { margin-top: 30px; }

@media screen and (max-width: 737px) { .m_app { margin-bottom: 38px; }
  .m_app .btn_app { margin-top: 10px; } }

/*조직도*/
.org_chart > li { margin-bottom: 50px; position: relative; min-height: 80px; padding-left: 194px; }

.org_chart > li:last-of-type { margin-bottom: 0; }

.org_chart > li > a { display: table; position: absolute; left: 0; top: 0; width: 164px; bottom: 0; overflow: hidden; border-radius: 0 0 70px 0; height: 100%; color: #fff; background-color: #000; font-size: 20px; text-align: center; }

.org_chart > li > a > span { display: table-cell; vertical-align: middle; }

.org_chart > li > a.red { background-color: #9d1d1e; }

.org_chart > li > a.blue { background-color: #0c3975; }

.org_chart > li > a.blue2 { background-color: #0063af; }

.org_chart > li > a.green { background-color: #0098d7; }

.org_chart > li > a.gray, .org_chart > li > a.grey { background-color: #00a2a2; }

.org_chart > li .o_dep2 { border-top: 2px solid #000; }

.org_chart > li .o_dep2 a { display: inline-block; line-height: 1.6; padding-top: 0.2em; padding-bottom: 0.2em; }

.org_chart > li .o_dep2 > li { border-bottom: 1px solid #dfdfdf; padding: 10px 0 10px 30px; }

.org_chart > li .o_dep2 > li:after { content: ''; display: block; clear: both; }

.org_chart > li .o_dep2 > li > a, .org_chart > li .o_dep2 > li .null { float: left; display: block; width: 140px; font-weight: 500; min-height: 1.5em; }

.org_chart > li .o_dep2 > li > a + ol, .org_chart > li .o_dep2 > li > a + ul, .org_chart > li .o_dep2 > li .null + ol, .org_chart > li .o_dep2 > li .null + ul { width: calc(100% - 180px); }

.org_chart > li .o_dep2 > li ol { float: left; }

.org_chart > li .o_dep2 > li ol > li:after { content: ''; display: block; clear: both; }

.org_chart > li .o_dep2 > li ol > li > a, .org_chart > li .o_dep2 > li ol > li .null { float: left; display: block; width: 180px; font-weight: 500; min-height: 1.5em; }

.org_chart > li .o_dep2 > li ol > li > a + ol, .org_chart > li .o_dep2 > li ol > li > a + ul, .org_chart > li .o_dep2 > li ol > li .null + ol, .org_chart > li .o_dep2 > li ol > li .null + ul { width: calc(100% - 180px); }

.org_chart > li .o_dep2 > li ol > li .auto { width: 80px; padding-right: 10px; min-height: 1.5em; }

.org_chart > li .o_dep2 > li ol > li .auto + ul { float: left; width: calc(100% - 80px); }

.org_chart > li .o_dep2 > li ol > li ul { float: left; margin-top: 0.2em; margin-bottom: 0.2em; }

.org_chart > li .o_dep2 > li ol > li ul > :nth-child(n) { float: left; width: calc(33.33333% - 6.66667px); margin-right: 10px; }

.org_chart > li .o_dep2 > li ol > li ul > :nth-of-type(3n) { margin-right: 0; }

.org_chart > li .o_dep2 > li ol > li ul > :not(:nth-of-type(3n + 1)) { clear: none; }

.org_chart > li .o_dep2 > li ol > li ul > :nth-of-type(3n + 1) { clear: both; }

.org_chart > li .o_dep2 > li ol > li ul li { position: relative; padding-left: 11px; line-height: 1.6; }

.org_chart > li .o_dep2 > li ol > li ul li a { padding-top: 0; padding-bottom: 0; }

.org_chart > li .o_dep2 > li ol > li ul li:before { position: absolute; left: 0; top: 0.8em; content: ''; width: 3px; height: 3px; margin-top: -2px; display: inline-block; background-color: #7f7f7f; }

@media (max-width: 1400px) { .org_chart > li { padding-left: 160px; }
  .org_chart > li > a { width: 140px; }
  .org_chart > li .o_dep2 > li { padding: 10px 0 10px; }
  .org_chart > li .o_dep2 > li > a, .org_chart > li .o_dep2 > li .null { width: 140px; }
  .org_chart > li .o_dep2 > li > a + ol, .org_chart > li .o_dep2 > li > a + ul, .org_chart > li .o_dep2 > li .null + ol, .org_chart > li .o_dep2 > li .null + ul { width: calc(100% - 140px); }
  .org_chart > li .o_dep2 > li ol > li > a, .org_chart > li .o_dep2 > li ol > li .null { width: 140px; }
  .org_chart > li .o_dep2 > li ol > li > a + ol, .org_chart > li .o_dep2 > li ol > li > a + ul, .org_chart > li .o_dep2 > li ol > li .null + ol, .org_chart > li .o_dep2 > li ol > li .null + ul { width: calc(100% - 140px); }
  .org_chart > li .o_dep2 > li ol > li ul > :nth-child(n) { float: left; width: calc(50% - 5px); margin-right: 10px; }
  .org_chart > li .o_dep2 > li ol > li ul > :nth-of-type(2n) { margin-right: 0; }
  .org_chart > li .o_dep2 > li ol > li ul > :not(:nth-of-type(2n + 1)) { clear: none; }
  .org_chart > li .o_dep2 > li ol > li ul > :nth-of-type(2n + 1) { clear: both; } }

@media screen and (max-width: 737px) { .org_chart > li { margin-bottom: 30px; padding-left: 0; }
  .org_chart > li > a { position: static; width: 100%; border-radius: 0; height: 45px; font-size: 17px; }
  .org_chart > li .o_dep2 { border-top: 0; }
  .org_chart > li .o_dep2 > li { padding: 10px 0 10px 15px; }
  .org_chart > li .o_dep2 > li > a { display: block; width: 100%; min-height: auto; font-size: 16px; }
  .org_chart > li .o_dep2 > li > a + ol, .org_chart > li .o_dep2 > li > a + ul { width: 100%; }
  .org_chart > li .o_dep2 > li > .null { display: none; }
  .org_chart > li .o_dep2 > li > .null + ol, .org_chart > li .o_dep2 > li > .null + ul { padding-left: 0; width: 100%; }
  .org_chart > li .o_dep2 > li > .null + ol > li, .org_chart > li .o_dep2 > li > .null + ul > li { margin-top: 0; }
  .org_chart > li .o_dep2 > li ol { padding-left: 15px; width: 100%; }
  .org_chart > li .o_dep2 > li ol > li { margin-top: 4px; margin-bottom: 4px; }
  .org_chart > li .o_dep2 > li ol > li > a { width: 100%; min-height: auto; font-size: 16px; margin-top: -5px; }
  .org_chart > li .o_dep2 > li ol > li > a + ol, .org_chart > li .o_dep2 > li ol > li > a + ul { width: 100%; }
  .org_chart > li .o_dep2 > li ol > li > .null { display: none; }
  .org_chart > li .o_dep2 > li ol > li > .null + ol, .org_chart > li .o_dep2 > li ol > li > .null + ul { padding-left: 0; width: 100%; }
  .org_chart > li .o_dep2 > li ol > li > .null + ol > li, .org_chart > li .o_dep2 > li ol > li > .null + ul > li { margin-top: 0; }
  .org_chart > li .o_dep2 > li ol > li .auto { width: 100%; padding-right: 0; min-height: auto; font-size: 16px; }
  .org_chart > li .o_dep2 > li ol > li .auto + ul { width: 100%; }
  .org_chart > li .o_dep2 > li ol > li ul { padding-left: 15px; } }

/*외교부소개*/
.mofa_intro { padding-top: 170px; position: relative; }

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

.mofa_intro .bg { position: absolute; right: 0; top: 0; width: 100%; max-width: 940px; height: 344px; z-index: -1; margin-left: auto; background: url(../images/sub/bg_mofa_intro_1.jpg) no-repeat right center; padding-left: 214px; }

.mofa_intro .bg h3 { font-size: 110px; font-weight: 700; color: rgba(255, 255, 255, 0.55); padding-top: 6px; position: relative; }

.mofa_intro .bg h3:before { content: ''; width: 3px; height: 80px; background-color: rgba(255, 255, 255, 0.45); display: block; position: absolute; left: -16px; top: 0; }

.mofa_intro .list { padding: 50px; float: left; background-color: #fff; }

.mofa_intro .list .tit_sm { margin-top: -0.2em; margin-bottom: 24px; font-size: 24px; }

.mofa_intro .list ol { margin-top: -0.2em; font-size: 18px; counter-reset: num; }

.mofa_intro .list ol li { position: relative; margin-bottom: 12px; padding-left: 45px; }

.mofa_intro .list ol li:last-of-type { margin-bottom: 0; }

.mofa_intro .list ol li:before { position: absolute; left: 0; top: 0; display: inline-block; width: 45px; counter-increment: num; content: "0" counter(num); color: #0c3975; font-weight: 600; }

.mofa_intro .list ol li:after { content: ''; background-color: #999; width: 3px; height: 3px; border-radius: 3px; position: absolute; left: 29px; top: 11px; }

@media screen and (max-width: 737px) { .mofa_intro { padding-top: 0; }
  .mofa_intro .bg { position: relative; width: 100%; height: 152px; padding-left: 23px; background-size: 460px; background-position: right top; }
  .mofa_intro .bg:before { content: ''; position: absolute; left: 0; top: 0; height: 100%; width: 65px; display: block; background-color: #fff; z-index: 1; }
  .mofa_intro .bg h3 { position: relative; z-index: 1; font-size: 45px; color: #fff; padding-top: 21px; }
  .mofa_intro .bg h3::first-letter { color: #93d0f7; }
  .mofa_intro .bg h3:before { content: none; }
  .mofa_intro .list { padding: 30px 0; }
  .mofa_intro .list .tit_sm { margin-bottom: 11px; font-size: 16px; }
  .mofa_intro .list ol { font-size: 14px; }
  .mofa_intro .list ol li { margin-bottom: 9px; padding-left: 36px; }
  .mofa_intro .list ol li:before { width: 36px; }
  .mofa_intro .list ol li:after { left: 23px; top: 9px; } }

/*외교부 연혁*/
.mofa_history h3 { text-align: right; font-size: 110px; font-weight: 700; color: rgba(0, 0, 0, 0.08); margin-bottom: 60px; margin-top: -0.2em; }

.mofa_history h3:before { content: ''; width: 75px; height: 3px; background-color: rgba(0, 0, 0, 0.08); display: inline-block; margin-right: 30px; vertical-align: middle; margin-top: -20px; }

.mofa_history > ul { position: relative; padding-left: 50px; }

.mofa_history > ul:before { content: ''; position: absolute; left: 50px; top: 24px; width: 1px; height: 100%; background-color: #dfdfdf; }

.mofa_history > ul > li { padding-left: 40px; position: relative; margin-top: 28px; }

.mofa_history > ul > li:first-of-type { margin-top: 0; }

.mofa_history > ul > li strong { display: block; font-size: 38px; font-weight: 700; position: relative; margin-bottom: 6px; margin-top: -0.2em; }

.mofa_history > ul > li strong:before { content: ''; display: block; position: absolute; left: -44px; top: 24px; width: 9px; height: 9px; border-radius: 9px; background-color: #0c3975; }

.mofa_history > ul > li > div { font-size: 0; line-height: 0; padding-left: 3px; }

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

.mofa_history > ul > li > div b { font-size: 18px; line-height: 25px; font-weight: 600; width: 68px; display: inline-block; vertical-align: top; }

.mofa_history > ul > li > div ul { font-size: 16px; line-height: 25px; width: calc(100% - 68px); display: inline-block; vertical-align: top; }

.mofa_history > ul > li:last-of-type:before { content: ''; position: absolute; display: block; width: 9px; height: 100%; left: 0; bottom: -30px; background-color: #fff; }

@media screen and (max-width: 737px) { .mofa_history h3 { text-align: left; font-size: 45px; margin-bottom: 11px; }
  .mofa_history h3:before { content: none; }
  .mofa_history > ul { padding-left: 0; }
  .mofa_history > ul:before { content: none; }
  .mofa_history > ul > li { padding-left: 0; position: relative; margin-top: 13px; }
  .mofa_history > ul > li strong { font-size: 19px; margin-bottom: 2px; }
  .mofa_history > ul > li strong:before { content: none; }
  .mofa_history > ul > li > div { padding-left: 1px; }
  .mofa_history > ul > li > div b { font-size: 14px; line-height: 1.4; width: 40px; font-weight: 700; text-align: right; }
  .mofa_history > ul > li > div ul { font-size: 14px; line-height: 1.4; width: calc(100% - 40px); padding-left: 10px; }
  .mofa_history > ul > li:last-of-type:before { content: none; } }

/*국민소통강화sns*/
.con_sns { margin-top: 46px; }

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

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

.con_sns > :not(:nth-of-type(4n + 1)) { clear: none; }

.con_sns > :nth-of-type(4n + 1) { clear: both; }

.con_sns > li > a { text-align: center; display: block; padding: 40px 10px 0; height: 280px; }

.con_sns > li > a h4 { font-size: 18px; margin-top: -0.2em; }

.con_sns > li > a > div { margin: 14px auto 30px; }

.con_sns > li > a > div span { display: inline-block; width: 84px; height: 84px; border-radius: 84px; line-height: 81px; background-color: #fff; }

.con_sns > li > a > div img { vertical-align: middle; }

.con_sns > li > a > span { font-size: 14px; line-height: 30px; display: inline-block; padding: 0 17px; border-radius: 3px; color: #fff; }

.con_sns > li.facebook a { background-color: #f1f6fd; }

.con_sns > li.facebook a > span { background-color: #235b9e; }

.con_sns > li.insta a { background-color: #fef0f6; }

.con_sns > li.insta a > span { background-color: #d83d7e; }

.con_sns > li.blog a { background-color: #e3faeb; }

.con_sns > li.blog a > span { background-color: #009b33; }

.con_sns > li.youtube a { background-color: #ffeded; }

.con_sns > li.youtube a > span { background-color: #e90300; }

@media screen and (max-width: 1200px) { .con_sns > :nth-child(n) { float: left; width: calc(25% - 11.25px); margin-right: 15px; }
  .con_sns > :nth-of-type(4n) { margin-right: 0; }
  .con_sns > :not(:nth-of-type(4n + 1)) { clear: none; }
  .con_sns > :nth-of-type(4n + 1) { clear: both; } }

@media screen and (max-width: 800px) { .con_sns { margin-top: 30px; }
  .con_sns > :nth-child(n) { float: left; width: calc(50% - 7.5px); margin-right: 15px; }
  .con_sns > :nth-of-type(2n) { margin-right: 0; }
  .con_sns > :not(:nth-of-type(2n + 1)) { clear: none; }
  .con_sns > :nth-of-type(2n + 1) { clear: both; }
  .con_sns > li { margin-bottom: 30px; } }

@media screen and (max-width: 450px) { .con_sns > :nth-child(n) { float: left; width: calc(100% - 0px); margin-right: 0px; }
  .con_sns > :nth-of-type(1n) { margin-right: 0; }
  .con_sns > :not(:nth-of-type(1n + 1)) { clear: none; }
  .con_sns > :nth-of-type(1n + 1) { clear: both; }
  .con_sns > li { margin-bottom: 15px; }
  .con_sns > li > a { height: auto; padding: 40px 15px; }
  .con_sns > li > a > div { margin-bottom: 20px; }
  .con_sns > li:last-of-type { margin-bottom: 0; } }

/*차관 이력*/
.record:after { content: ''; display: block; clear: both; }

.record .img_wrap { float: left; margin-right: 90px; padding: 0 15px 15px 0; }

.record .img_wrap .img { width: 190px; height: 253px; -webkit-box-shadow: 15px 15px 0 0 rgba(0, 0, 0, 0.08); box-shadow: 15px 15px 0 0 rgba(0, 0, 0, 0.08); }

.record .img_wrap .img img { height: 100%; width: 100%; }

.record .list_dep1 { float: left; width: calc(100% - 315px); margin-top: 55px; }

@media screen and (max-width: 737px) { .record { text-align: center; }
  .record .img_wrap { float: none; margin: 0; display: inline-block; padding: 0 12px 12px 0; }
  .record .img_wrap .img { width: 155px; height: 203px; -webkit-box-shadow: 12px 12px 0 0 rgba(0, 0, 0, 0.08); box-shadow: 12px 12px 0 0 rgba(0, 0, 0, 0.08); }
  .record .list_dep1 { float: none; width: 100%; margin-top: 40px; }
  .record .list_dep1 .tit_lg { text-align: center; font-size: 20px; } }

/*규제입증요청 처리절차*/
.step1 { margin-top: -30px; margin-right: -55px; }

.step1 li { float: left; margin-right: 55px; width: 168px; height: 107px; border: 1px solid #dfdfdf; display: table; text-align: center; position: relative; padding: 10px 20px; margin-top: 40px; }

.step1 li:before { content: ''; display: block; width: 10px; height: 16px; background: url(../images/sub/arrow_step.png) no-repeat center; position: absolute; right: -33px; top: 50%; margin-top: -8px; }

.step1 li:last-of-type:before { content: none; }

.step1 li > span { position: absolute; left: 50%; -webkit-transform: translateX(-50%); transform: translateX(-50%); top: -14px; width: 78px; height: 27px; line-height: 27px; color: #fff; border-radius: 27px; font-size: 13px; text-align: center; background-color: #9c1d1d; }

.step1 li > div { display: table-cell; vertical-align: middle; }

@media screen and (max-width: 737px) { .step1 { margin-top: 30px; margin-right: 0; }
  .step1 li { margin-right: 0; width: 100%; height: auto; padding: 30px 24px 20px; margin-top: 0; margin-bottom: 58px; }
  .step1 li:before { -webkit-transform: rotate(90deg); transform: rotate(90deg); right: 50%; top: auto; top: initial; bottom: -36px; width: 12px; height: 22px; background-size: cover; margin-top: -11px; }
  .step1 li:last-of-type { margin-bottom: 0; }
  .step1 li:last-of-type:before { content: none; }
  .step1 li > span { top: -15px; width: 85px; height: 30px; line-height: 30px; border-radius: 30px; font-size: 14px; } }

/*홈페이지 이용안내*/
.homepage_guide { border-top: 2px solid #222; font-size: 18px; }

.homepage_guide > li { border-bottom: 1px solid #dfdfdf; }

.homepage_guide > li a { display: block; width: 100%; padding: 25px 30px 25px 80px; background: url(../images/common/ico_question_off.png) no-repeat left 30px top 20px; }

@media screen and (min-width: 737px) { .homepage_guide > li a { -webkit-transition: 0.3s; transition: 0.3s; }
  .homepage_guide > li a:hover { background-image: url(../images/common/ico_question_on.png); color: #9c1d1d; } }

@media screen and (max-width: 737px) { .homepage_guide { font-size: 14px; }
  .homepage_guide > li a { padding: 23px 15px 23px 53px; background-position: left 15px top 20px; background-size: 27px; } }

/*뷰어 다운로드*/
.down_viewer { border-top: 2px solid #000; }

.down_viewer > li { border-bottom: 1px solid #e0e0e0; display: table; width: 100%; padding: 30px 130px 30px 10px; word-break: keep-all; }

.down_viewer > li > span { display: table-cell; width: 166px; text-align: center; vertical-align: top; }

.down_viewer > li > div { display: table-cell; }

.down_viewer > li > div h3 { font-size: 20px; font-weight: 500; }

.down_viewer > li > div ul { margin: 10px 0 22px; }

.down_viewer > li > div ul li { font-size: 15px; line-height: 1.5; }

@media screen and (max-width: 1080px) { .down_viewer > li { padding-right: 50px; } }

@media screen and (max-width: 737px) { .down_viewer > li { display: block; padding: 17px 20px 20px; }
  .down_viewer > li > span { display: none; }
  .down_viewer > li > div { display: block; width: 100%; }
  .down_viewer > li > div h3 { font-size: 16px; }
  .down_viewer > li > div ul { margin: 14px 0 15px; }
  .down_viewer > li > div ul li { font-size: 14px; line-height: 1.4; } }

/*컨텐츠 3열*/
.col_3 { margin-top: -30px; }

.col_3 > :nth-child(n) { float: left; width: calc(33.33333% - 20px); margin-right: 30px; }

.col_3 > :nth-of-type(3n) { margin-right: 0; }

.col_3 > :not(:nth-of-type(3n + 1)) { clear: none; }

.col_3 > :nth-of-type(3n + 1) { clear: both; }

.col_3 > li { margin-top: 30px; }

@media screen and (max-width: 737px) { .col_3 > :nth-child(n) { float: left; width: calc(50% - 7.5px); margin-right: 15px; }
  .col_3 > :nth-of-type(2n) { margin-right: 0; }
  .col_3 > :not(:nth-of-type(2n + 1)) { clear: none; }
  .col_3 > :nth-of-type(2n + 1) { clear: both; } }

@media screen and (max-width: 400px) { .col_3 > :nth-child(n) { float: left; width: calc(100% - 0px); margin-right: 0px; }
  .col_3 > :nth-of-type(1n) { margin-right: 0; }
  .col_3 > :not(:nth-of-type(1n + 1)) { clear: none; }
  .col_3 > :nth-of-type(1n + 1) { clear: both; } }

/*역대공관장 이미지*/
.ambassador { border-top: 2px solid #000; border-left: 1px solid #eaeaea; text-align: center; }

.ambassador > li { float: left; width: 25%; border-right: 1px solid #eaeaea; }

.ambassador > li:nth-of-type(4n+1) { clear: both; }

.ambassador > li > div { display: table; width: 100%; border-bottom: 1px solid #eaeaea; }

.ambassador > li > div > * { display: table-cell; vertical-align: middle; }

.ambassador > li > div:nth-of-type(1) { background-color: #f7f8fa; height: 59px; }

.ambassador > li > div:nth-of-type(2) { background-color: #fff; height: 140px; padding: 20px; }

.ambassador > li > div:nth-of-type(3) { background-color: #fff; height: 60px; padding: 0 15px; text-align: center; }

.ambassador > li > div:nth-of-type(3) .dot { font-size: 15px; }

.ambassador > li > div:nth-of-type(3) .dot > li { display: inline-block; }

.ambassador > li strong { color: #393f6e; font-size: 17px; font-weight: 700; }

.ambassador > li .pic img { max-height: 200px; max-width: 100%; }

@media screen and (max-width: 1200px) { .ambassador > li { width: 33.3333%; }
  .ambassador > li:nth-of-type(4n+1) { clear: none; }
  .ambassador > li:nth-of-type(3n+1) { clear: both; } }

@media screen and (max-width: 900px) { .ambassador > li { width: 50%; }
  .ambassador > li:nth-of-type(3n+1) { clear: none; }
  .ambassador > li:nth-of-type(2n+1) { clear: both; } }

@media screen and (max-width: 737px) { .ambassador > li { width: 100%; }
  .ambassador > li:nth-of-type(2n+1) { clear: none; }
  .ambassador > li > div { display: table; width: 100%; border-bottom: 1px solid #eaeaea; }
  .ambassador > li > div > * { display: table-cell; vertical-align: middle; }
  .ambassador > li > div:nth-of-type(1) { height: auto; padding: 10px 15px; }
  .ambassador > li > div:nth-of-type(2) { height: auto; padding: 15px; }
  .ambassador > li > div:nth-of-type(3) { height: auto; padding: 15px; }
  .ambassador > li > div:nth-of-type(3) .dot { font-size: 15px; }
  .ambassador > li > div:nth-of-type(3) .dot li:before { content: ''; top: 9px; }
  .ambassador > li strong { font-size: 16px; } }

/*인트로*/
#intro .sec1 { position: relative; min-height: 100vh; padding-top: 23.5vh; text-align: center; overflow: hidden; }

#intro .sec1:before { content: ''; position: absolute; left: 0; top: 0; width: 100%; height: 100%; background: url(../images/bg_intro_1_01.jpg) no-repeat bottom center/cover; -webkit-animation: introbg 2s ease-out; animation: introbg 2s ease-out; }

#intro .sec1 h1 { position: relative; display: inline-block; }

#intro .sec1 h1:after { content: ''; position: absolute; width: 94px; height: 96px; right: -44px; top: -51px; background: url(../images/txt_intro_star.png) no-repeat center/cover; z-index: 1; -webkit-animation: star 3s infinite linear; animation: star 3s infinite linear; -webkit-transform: rotate(0); transform: rotate(0); }

#intro .sec1 .intro_btn { position: absolute; left: 50%; bottom: 200px; text-align: center; max-width: 1325px; width: 100%; -webkit-transform: translateX(-50%); transform: translateX(-50%); font-size: 0; line-height: 0; }

#intro .sec1 .intro_btn:after { content: ''; width: 198px; height: 57px; display: block; position: absolute; right: -54px; bottom: 3px; background: url(../images/intro_logo.png) no-repeat center; }

#intro .sec1 .intro_btn a { display: inline-block; font-size: 22px; line-height: 71px; width: 300px; color: rgba(255, 255, 255, 0.5); border: 2px solid rgba(255, 255, 255, 0.4); border-radius: 76px; font-weight: 500; margin-right: 20px; background-color: rgba(26, 26, 26, 0.4); -webkit-transition: 0.3s; transition: 0.3s; }

#intro .sec1 .intro_btn a:last-of-type { margin-right: 0; }

#intro .sec1 .intro_btn a.active, #intro .sec1 .intro_btn a:hover { color: #fff; border-color: rgba(255, 255, 255, 0.77); background-color: rgba(14, 47, 79, 0.77); }

#intro .sec1 .btn_box { position: absolute; left: 50%; bottom: 112px; text-align: center; max-width: 1325px; width: 100%; -webkit-transform: translateX(-50%); transform: translateX(-50%); font-size: 0; line-height: 0; text-align: center; }

#intro .sec1 .btn_box button { width: 210px; height: 48px; color: rgba(255, 255, 255, 0.7); font-weight: 500; border-radius: 8px; background: rgba(162, 121, 66, 0.7); -webkit-transition: 0.3s; transition: 0.3s; }

@media screen and (min-width: 720px) { #intro .sec1 .btn_box button:hover { background: #a27942; color: white; } }

@media screen and (max-width: 1500px) { #intro .sec1 .intro_btn { max-width: 1000px; width: 100%; bottom: 28vh; }
  #intro .sec1 .intro_btn:after { content: ''; width: 198px; height: 40px; display: block; position: absolute; right: auto; right: initial; left: 50%; bottom: -180px; -webkit-transform: translateX(-50%); transform: translateX(-50%); background-size: auto 100%; }
  #intro .sec1 .intro_btn a { width: 220px; padding: 0; font-size: 18px; line-height: 50px; }
  #intro .sec1 .btn_box { bottom: 135px; } }

@media screen and (max-width: 737px) { #intro .sec1 .btn_box { top: 50%; -webkit-transform: translate(-50%, -50%); transform: translate(-50%, -50%); bottom: auto; margin-top: 192px; }
  #intro .sec1 .btn_box button { width: 170px; font-size: 12px; height: 35px; opacity: 1; font-weight: 300; } }

@media screen and (max-width: 1200px) { #intro .sec1:before { background-position: left center; } }

@media screen and (max-width: 737px) { #intro .sec1 { padding-top: 68px; }
  #intro .sec1:before { background-position: 25% center; }
  #intro .sec1 h1 { width: 248px; }
  #intro .sec1 .intro_btn { max-width: 210px; margin: auto; top: 50%; bottom: initial; bottom: auto; margin-top: -80px; }
  #intro .sec1 .intro_btn:after { display: inline-block; margin-top: 24px; width: 125px; height: 36px; position: static; background-size: cover; -webkit-transform: translateX(0); transform: translateX(0); }
  #intro .sec1 .intro_btn a { display: block; width: 100%; font-size: 14px; line-height: 41px; margin-right: 0; margin-bottom: 10px; }
  #intro .sec1 .intro_btn a:last-of-type { margin-right: 0; }
  #intro .sec1 .intro_btn a.active, #intro .sec1 .intro_btn a:hover { color: #fff; border-color: rgba(255, 255, 255, 0.77); background-color: rgba(14, 47, 79, 0.77); } }

#intro .sec2 { text-align: center; background: #0a1e42 url(../images/bg_intro_2.jpg) no-repeat top center; padding: 100px 30px 50px; }

#intro .sec2 h2 { font-size: 21px; margin-bottom: 64px; font-weight: 500; color: #576d94; }

#intro .sec2 h2 span { display: block; margin-bottom: 25px; }

#intro .sec2 .nation { max-width: 1554px; margin: auto; }

#intro .sec2 .nation > :nth-child(n) { float: left; width: calc(25% - 7.5px); margin-right: 10px; }

#intro .sec2 .nation > :nth-of-type(4n) { margin-right: 0; }

#intro .sec2 .nation > :not(:nth-of-type(4n + 1)) { clear: none; }

#intro .sec2 .nation > :nth-of-type(4n + 1) { clear: both; }

#intro .sec2 .nation > li { background-color: #253752; margin-bottom: 11px; opacity: 0.7; -webkit-transition: 0.3s; transition: 0.3s; }

#intro .sec2 .nation > li > div { overflow-x: hidden; overflow-y: auto; max-height: 446px; padding: 0 7px 14px 20px; }

#intro .sec2 .nation > li > div::-webkit-scrollbar { width: 8px; height: 8px; }

#intro .sec2 .nation > li > div::-webkit-scrollbar-thumb { background-color: #192537; border-radius: 8px; }

#intro .sec2 .nation > li > div::-webkit-scrollbar-track { background-color: transparent; border-radius: 8px; }

#intro .sec2 .nation > li button { height: 114px; width: 100%; font-size: 26px; font-weight: 300; color: rgba(255, 255, 255, 0.8); padding: 0 20px; }

#intro .sec2 .nation > li button span { color: rgba(100, 119, 150, 0.7); font-size: 15px; display: block; font-weight: 500; }

#intro .sec2 .nation > li ol { color: #647796; text-align: left; }

#intro .sec2 .nation > li ol > li { position: relative; padding-left: 30px; margin-bottom: 28px; }

#intro .sec2 .nation > li ol > li:first-of-type a:first-of-type { margin-top: -0.2em; }

#intro .sec2 .nation > li ol > li span { position: absolute; left: 0; top: 0; color: rgba(100, 119, 150, 0.8); font-size: 16px; }

#intro .sec2 .nation > li ol > li a { font-size: 18px; -webkit-transition: 0.3s; transition: 0.3s; display: block; line-height: 1.4; margin-bottom: 0.4em; }

#intro .sec2 .nation > li ol > li a:last-of-type { margin-bottom: 0; }

#intro .sec2 .nation > li ol > li a:hover { color: #fff; }

#intro .sec2 .nation > li.active { background-color: #263853; position: relative; opacity: 1; }

#intro .sec2 .nation > li.active:before { content: ''; position: absolute; left: 0; top: 0; width: 100%; height: 5px; background-color: #6592d5; }

#intro .sec2 .nation > li.row3 > div, #intro .sec2 .nation > li.row4 > div { display: none; }

@media screen and (max-width: 1080px) { #intro .sec2 .nation > :nth-child(n) { float: left; width: calc(50% - 10px); margin-right: 20px; }
  #intro .sec2 .nation > :nth-of-type(2n) { margin-right: 0; }
  #intro .sec2 .nation > :not(:nth-of-type(2n + 1)) { clear: none; }
  #intro .sec2 .nation > :nth-of-type(2n + 1) { clear: both; }
  #intro .sec2 .nation > li.row2 > div, #intro .sec2 .nation > li.row3 > div, #intro .sec2 .nation > li.row4 > div { display: none; } }

@media screen and (max-width: 737px) { #intro .sec2 { height: auto; background: #0a1e42; padding: 43px 15px 40px; }
  #intro .sec2 h2 { font-size: 12px; margin-bottom: 33px; text-align: center; }
  #intro .sec2 h2 img { width: 121px; }
  #intro .sec2 h2 span { display: block; margin-bottom: 12px; }
  #intro .sec2 .nation { width: 100%; }
  #intro .sec2 .nation > :nth-child(n) { float: left; width: calc(100% - 0px); margin-right: 0px; }
  #intro .sec2 .nation > :nth-of-type(1n) { margin-right: 0; }
  #intro .sec2 .nation > :not(:nth-of-type(1n + 1)) { clear: none; }
  #intro .sec2 .nation > :nth-of-type(1n + 1) { clear: both; }
  #intro .sec2 .nation > li { margin-bottom: 20px; }
  #intro .sec2 .nation > li:last-of-type { margin-bottom: 0; }
  #intro .sec2 .nation > li > div { display: none; max-height: 320px; padding: 0 7px 25px 14px; }
  #intro .sec2 .nation > li button { height: 95px; font-size: 22px; }
  #intro .sec2 .nation > li button span { font-size: 12px; display: block; margin-top: 5px; }
  #intro .sec2 .nation > li ol { color: #647796; text-align: left; }
  #intro .sec2 .nation > li ol > li { position: relative; padding-left: 23px; margin-bottom: 15px; }
  #intro .sec2 .nation > li ol > li span { font-size: 13px; }
  #intro .sec2 .nation > li ol > li a { font-size: 14px; margin-bottom: 7px; }
  #intro .sec2 .nation > li.row2 > div { display: none; } }

@-webkit-keyframes star { 0% { -webkit-transform: scale(1); transform: scale(1); }
  25% { -webkit-transform: scale(1.2); transform: scale(1.2); }
  50% { -webkit-transform: scale(1); transform: scale(1); }
  75% { -webkit-transform: scale(0.8); transform: scale(0.8); }
  100% { -webkit-transform: scale(1); transform: scale(1); } }

@keyframes star { 0% { -webkit-transform: scale(1); transform: scale(1); }
  25% { -webkit-transform: scale(1.2); transform: scale(1.2); }
  50% { -webkit-transform: scale(1); transform: scale(1); }
  75% { -webkit-transform: scale(0.8); transform: scale(0.8); }
  100% { -webkit-transform: scale(1); transform: scale(1); } }

@-webkit-keyframes introbg { 0% { -webkit-transform: scale(1.1); transform: scale(1.1); }
  100% { -webkit-transform: scale(1); transform: scale(1); } }

@keyframes introbg { 0% { -webkit-transform: scale(1.1); transform: scale(1.1); }
  100% { -webkit-transform: scale(1); transform: scale(1); } }

.mmbox { position: fixed; top: 0; left: 0; width: 100%; height: 100%; z-index: -1; }

/*사전공표목록 아이콘탭*/
.tab_anc { line-height: 1.2; margin-bottom: 40px; border-top: 1px solid #dedede; border-left: 1px solid #dedede; }

.tab_anc > li { float: left; width: 12.5%; border-right: 1px solid #dedede; border-bottom: 1px solid #dedede; }

.tab_anc > li a { display: block; width: 100%; height: 133px; padding: 88px 10px 0; font-size: 14px; text-align: center; background-position: center bottom 58px; background-repeat: no-repeat; color: #000; background-color: #fff; }

.tab_anc > li:nth-of-type(1) a { background-image: url(../images/sub/icon_tabanc_01_off.png); }

.tab_anc > li:nth-of-type(2) a { background-image: url(../images/sub/icon_tabanc_02_off.png); }

.tab_anc > li:nth-of-type(3) a { background-image: url(../images/sub/icon_tabanc_03_off.png); }

.tab_anc > li:nth-of-type(4) a { background-image: url(../images/sub/icon_tabanc_04_off.png); }

.tab_anc > li:nth-of-type(5) a { background-image: url(../images/sub/icon_tabanc_05_off.png); }

.tab_anc > li:nth-of-type(6) a { background-image: url(../images/sub/icon_tabanc_06_off.png); }

.tab_anc > li:nth-of-type(7) a { background-image: url(../images/sub/icon_tabanc_07_off.png); }

.tab_anc > li:nth-of-type(8) a { background-image: url(../images/sub/icon_tabanc_08_off.png); }

.tab_anc > li.active a { color: #fff; background-color: #0b3974; }

.tab_anc > li:nth-of-type(1).active a { background-image: url(../images/sub/icon_tabanc_01_on.png); }

.tab_anc > li:nth-of-type(2).active a { background-image: url(../images/sub/icon_tabanc_02_on.png); }

.tab_anc > li:nth-of-type(3).active a { background-image: url(../images/sub/icon_tabanc_03_on.png); }

.tab_anc > li:nth-of-type(4).active a { background-image: url(../images/sub/icon_tabanc_04_on.png); }

.tab_anc > li:nth-of-type(5).active a { background-image: url(../images/sub/icon_tabanc_05_on.png); }

.tab_anc > li:nth-of-type(6).active a { background-image: url(../images/sub/icon_tabanc_06_on.png); }

.tab_anc > li:nth-of-type(7).active a { background-image: url(../images/sub/icon_tabanc_07_on.png); }

.tab_anc > li:nth-of-type(8).active a { background-image: url(../images/sub/icon_tabanc_08_on.png); }

@media screen and (min-width: 1080px) { .tab_anc > li a { -webkit-transition: 0.3s; transition: 0.3s; }
  .tab_anc > li:hover a { color: #fff; background-color: #0b3974; }
  .tab_anc > li:nth-of-type(1):hover a { background-image: url(../images/sub/icon_tabanc_01_on.png); }
  .tab_anc > li:nth-of-type(2):hover a { background-image: url(../images/sub/icon_tabanc_02_on.png); }
  .tab_anc > li:nth-of-type(3):hover a { background-image: url(../images/sub/icon_tabanc_03_on.png); }
  .tab_anc > li:nth-of-type(4):hover a { background-image: url(../images/sub/icon_tabanc_04_on.png); }
  .tab_anc > li:nth-of-type(5):hover a { background-image: url(../images/sub/icon_tabanc_05_on.png); }
  .tab_anc > li:nth-of-type(6):hover a { background-image: url(../images/sub/icon_tabanc_06_on.png); }
  .tab_anc > li:nth-of-type(7):hover a { background-image: url(../images/sub/icon_tabanc_07_on.png); }
  .tab_anc > li:nth-of-type(8):hover a { background-image: url(../images/sub/icon_tabanc_08_on.png); } }

@media screen and (max-width: 737px) { .tab_anc { margin-bottom: 25px; }
  .tab_anc > li { width: 50%; font-size: 14px; }
  .tab_anc > li a { padding: 0 10px; height: 45px; display: table; width: 100%; background-image: none; background-color: #f6f8f9; color: #8e9297; }
  .tab_anc > li a span { display: table-cell; vertical-align: middle; }
  .tab_anc > li.active a { -webkit-box-shadow: 0 0 0 1px #0b3974; box-shadow: 0 0 0 1px #0b3974; } }

.fw_b { font-weight: 600; }

.fc_blue { color: #0c3975; }

.fc_blue2 { color: #0059d1; }

.fc_blue3 { color: #0097d9; }

.fc_1 { color: #0261c8; }

.fc_2 { color: #ff6600; }

.fc_3 { color: #c90d0d; }

.fc_4 { color: #359605; }

.fc_5 { color: #fb1313; }

.fc_red { color: #9c1d1d; }

.fc_gray { color: #777; }

.bg_gray { background-color: #f7f8f9; }

.bg_pink { background-color: #faf5f5; }

.ft_date { font-size: 0.9375em; color: #7c8085; display: block; }

.fs_md { font-size: 25px; }

@media screen and (max-width: 737px) { .fs_md { font-size: 18px; } }

.left { text-align: left; }

.right { text-align: right; }

.center { text-align: center; }

.wAuto { width: auto; }

.w30 { width: 30px; }

.w40 { width: 40px; }

.w45 { width: 45px; }

.w50 { width: 50px; }

.w60 { width: 60px; }

.w70 { width: 70px; }

.w80 { width: 80px; }

.w90 { width: 90px; }

.w100 { width: 100px; }

.w110 { width: 110px; }

.w120 { width: 120px; }

.w130 { width: 130px; }

.w140 { width: 140px; }

.w150 { width: 150px; }

.w160 { width: 160px; }

.w170 { width: 170px; }

.w180 { width: 180px; }

.w190 { width: 190px; }

.w200 { width: 200px; }

.w210 { width: 210px; }

.w220 { width: 220px; }

.w230 { width: 230px; }

.w240 { width: 240px; }

.w250 { width: 250px; }

.w260 { width: 260px; }

.w270 { width: 270px; }

.w280 { width: 280px; }

.w290 { width: 290px; }

.w300 { width: 300px; }

.w310 { width: 310px; }

.w320 { width: 320px; }

.w330 { width: 330px; }

.w340 { width: 340px; }

.w350 { width: 350px; }

.w360 { width: 360px; }

.w370 { width: 370px; }

.w380 { width: 380px; }

.w390 { width: 390px; }

.w400 { width: 400px; }

.w410 { width: 410px; }

.w420 { width: 420px; }

.w430 { width: 430px; }

.w440 { width: 440px; }

.w450 { width: 450px; }

.w460 { width: 460px; }

.w470 { width: 470px; }

.w480 { width: 480px; }

.w490 { width: 490px; }

.w500 { width: 500px; }

.w510 { width: 510px; }

.w520 { width: 520px; }

.w530 { width: 530px; }

.w540 { width: 540px; }

.w550 { width: 550px; }

.w560 { width: 560px; }

.w570 { width: 570px; }

.w580 { width: 580px; }

.w590 { width: 590px; }

.w600 { width: 600px; }

.w700 { width: 700px; }

.w800 { width: 800px; }

.w900 { width: 900px; }

.w1000 { width: 1000px; }

.wp5 { width: 5%; }

.wp10 { width: 10%; }

.wp15 { width: 15%; }

.wp20 { width: 20%; }

.wp25 { width: 25%; }

.wp30 { width: 30%; }

.wp35 { width: 35%; }

.wp40 { width: 40%; }

.wp45 { width: 45%; }

.wp50 { width: 50%; }

.wp55 { width: 55%; }

.wp60 { width: 60%; }

.wp65 { width: 65%; }

.wp70 { width: 70%; }

.wp75 { width: 75%; }

.wp80 { width: 80%; }

.wp85 { width: 85%; }

.wp90 { width: 90%; }

.wp95 { width: 95%; }

.wp100 { width: 100%; }

.mt5 { margin-top: 5px; }

.mt6 { margin-top: 6px; }

.mt7 { margin-top: 7px; }

.mt10 { margin-top: 10px; }

.mt15 { margin-top: 15px; }

.mt20 { margin-top: 20px; }

.mt25 { margin-top: 25px; }

.mt30 { margin-top: 30px; }

.mt35 { margin-top: 35px; }

.mt40 { margin-top: 40px; }

.mb5 { margin-bottom: 5px; }

.mb10 { margin-bottom: 10px; }

.mb15 { margin-bottom: 15px; }

.mb20 { margin-bottom: 20px; }

.mb25 { margin-bottom: 25px; }

.mb30 { margin-bottom: 30px; }

.mb35 { margin-bottom: 35px; }

.mb40 { margin-bottom: 40px; }

.ml0 { margin-left: 0; }

.ml4 { margin-left: 4px; }

.ml5 { margin-left: 5px; }

.ml6 { margin-left: 6px; }

.ml10 { margin-left: 10px; }

.ml15 { margin-left: 15px; }

.ml20 { margin-left: 20px; }

.ml25 { margin-left: 25px; }

.ml30 { margin-left: 30px; }

.ml35 { margin-left: 35px; }

.ml40 { margin-left: 40px; }

.mr5 { margin-right: 5px; }

.mr10 { margin-right: 10px; }

.mr15 { margin-right: 15px; }

.mr20 { margin-right: 20px; }

.mr25 { margin-right: 25px; }

.mr30 { margin-right: 30px; }

.mr35 { margin-right: 35px; }

.mr40 { margin-right: 40px; }

.en { /*211026 영문컨텐츠*/ }

.en #main { display: block; }

.en #main .container { max-width: 1300px; margin-right: auto; margin-left: auto; }

@media screen and (max-width: 1420px) { .en #main .container { padding: 0 50px; } }

@media screen and (max-width: 1300px) { .en #main .container { padding: 0 30px; } }

@media screen and (max-width: 768px) { .en #main .container { padding: 0 15px; } }

.en .pagination_num { display: inline-block; vertical-align: middle; font-size: 21px; color: #fff; margin-left: 30px; }

.en .pagination_num .current { color: #daab28; }

.en .tit { font-size: 48px; font-weight: bold; }

@media screen and (max-width: 768px) { .en .tit { font-size: 30px; } }

.en .banner { padding-top: 6px; background: url(../images/en/bg_main_banner.jpg) repeat-x left top; }

.en .banner a { display: block; }

.en .banner > div { background: #063b6e; position: relative; max-width: 1920px; margin: auto; }

.en .banner > div .slide a:after { content: ""; display: block; clear: both; }

.en .banner > div .slide .txt_box { width: 50%; height: 100%; position: absolute; top: 0; left: 0; text-align: center; color: #fff; padding: 1.8em 1.1em 0; font-size: 2.8vw; }

.en .banner > div .slide .txt_box h3 { height: 4.1em; text-overflow: ellipsis; overflow: hidden; display: -webkit-box; -webkit-line-clamp: 3; -webkit-box-orient: vertical; max-width: 670px; margin: auto; font-family: "Playfair Display", "sans-serif"; font-weight: 800; }

.en .banner > div .slide .txt_box button { height: 64px; line-height: 62px; font-size: 18px; color: #fff; border: 1px solid #fff; padding: 0 45px; position: absolute; bottom: 20%; left: 50%; -webkit-transform: translateX(-50%); transform: translateX(-50%); background-color: #052e59; white-space: nowrap; }

.en .banner > div .slide .txt_box button img { margin-left: 15px; vertical-align: 0; display: inline; }

.en .banner > div .slide .img_box { width: 50%; float: right; position: relative; height: 0; padding-top: 30.25%; }

.en .banner > div .slide .img_box img, .en .banner > div .slide .img_box iframe { position: absolute; left: 0; width: 100%; height: 100%; top: 0; bottom: 0; }

.en .banner > div .attr { position: absolute; width: calc(50% + 82px); left: 50%; bottom: 0; font-size: 0; line-height: 0; margin-left: -82px; }

.en .banner > div .attr .prev, .en .banner > div .attr .next { width: 82px; height: 69px; background: #fff url(../images/en/icon_prev_01.png) no-repeat center; vertical-align: middle; }

.en .banner > div .attr .pause { width: 82px; height: 69px; background: #032f5a url(../images/en/icon_pause.png) no-repeat center; vertical-align: middle; }

.en .banner > div .attr .pause.play { background-image: url(../images/en/icon_play_01.png); }

.en .banner > div .attr .next { background: #fff url(../images/en/icon_next_01.png) no-repeat center; }

.en .banner > div .attr .pagination_num { vertical-align: 0; position: absolute; right: 0; top: 0; line-height: 69px; font-size: 21px; width: 82px; text-align: center; color: #000; text-shadow: #fff 0 0 5px,#fff 0 0 3px,#fff 0 0 1px; }

.en .banner > div .attr .pagination_num .current { color: #000; }

.en .banner > ul:after { content: ""; display: block; clear: both; }

.en .banner > ul li { float: left; width: 25%; color: #000; }

.en .banner > ul li h4 { color: #0a314d; }

.en .banner > ul li.list1 { background: #eaf1f6; }

.en .banner > ul li.list2 { background: #f5fafe; }

.en .banner > ul li.list3 { background: #02579a; }

.en .banner > ul li.list4 { background: #0071c1; }

.en .banner > ul li.list3, .en .banner > ul li.list4 { color: #fff; }

.en .banner > ul li.list3 h4, .en .banner > ul li.list4 h4 { color: #fff; }

.en .banner > ul li a { padding: 50px 50px 0; min-height: 250px; position: relative; }

.en .banner > ul li a h4 { font-size: 28px; max-height: 72px; line-height: 1.2em; font-weight: 500; word-break: keep-all; margin-bottom: 15px; text-overflow: ellipsis; overflow: hidden; display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical; font-family: "EB Garamond", "sans-serif"; }

.en .banner > ul li a span { word-break: break-all; font-size: 20px; text-overflow: ellipsis; overflow: hidden; display: -webkit-box; -webkit-line-clamp: 3; -webkit-box-orient: vertical; }

@media screen and (min-width: 1000px) { .en .banner > ul li:hover a:after { -webkit-animation: leftRight 0.9s infinite; animation: leftRight 0.9s infinite; }
  @-webkit-keyframes leftRight { 0% { margin-left: 0; }
    50% { margin-left: 15px; }
    100% { margin-left: 0; } }
  @keyframes leftRight { 0% { margin-left: 0; }
    50% { margin-left: 15px; }
    100% { margin-left: 0; } } }

@media screen and (max-width: 1606px) { .en .banner > ul li a { padding: 30px 50px; min-height: 228px; }
  .en .banner > ul li a:after { left: 50px; bottom: 30px; }
  .en .banner > ul li a h4 { font-size: 27px; }
  .en .banner > ul li a span { font-size: 21px; } }

@media screen and (max-width: 1300px) { .en .banner > div .slide .txt_box button { bottom: 15%; }
  .en .banner > ul li { width: 50%; }
  .en .banner > ul li a { min-height: 225px; padding: 30px; }
  .en .banner > ul li a:after { left: 30px; } }

@media screen and (max-width: 1050px) { .en .banner > ul li a { min-height: 200px; }
  .en .banner > ul li a h4 { font-size: 24px; }
  .en .banner > ul li a span { font-size: 19px; } }

@media screen and (max-width: 900px) { .en .banner > div .slide .txt_box { position: relative; width: 100%; padding: 50px 80px 100px 80px; word-break: keep-all; }
  .en .banner > div .slide .txt_box h3 { font-size: 27px; }
  .en .banner > div .slide .txt_box button { bottom: 45px; }
  .en .banner > div .slide .img_box { width: 100%; float: none; padding-top: 60.5%; }
  .en .banner > div .attr { width: 100%; left: 0; margin-left: 0; }
  .en .banner > div .attr .next, .en .banner > div .attr .prev { width: 50px; height: 50px; background: #fff url(../images/en/icon_prev_01.png) no-repeat center/auto 20px; }
  .en .banner > div .attr .pause { width: 50px; height: 50px; }
  .en .banner > div .attr .next { background: #fff url(../images/en/icon_next_01.png) no-repeat center/auto 20px; }
  .en .banner > div .attr .pagination_num { font-size: 18px; margin-left: 15px; width: 50px; height: 50px; line-height: 50px; } }

@media screen and (max-width: 768px) { .en .banner > div .slide .txt_box { padding: 30px 30px 100px 30px; }
  .en .banner > div .slide .txt_box h3 { font-size: 22px; }
  .en .banner > div .slide .txt_box button { height: 40px; line-height: 40px; font-size: 14px; padding: 0 20px; }
  .en .banner > div .slide .txt_box button img { margin-left: 10px; width: 6px; }
  .en .banner > ul li.list3 a:after, .en .banner > ul li.list4 a:after { background: url(../images/en/icon_arrow_01.png) no-repeat center/24px auto; }
  .en .banner > ul li a { padding: 15px; min-height: 165px; }
  .en .banner > ul li a:after { left: 15px; bottom: 30px; background: url(../images/en/icon_arrow_02.png) no-repeat center/24px auto; }
  .en .banner > ul li a h4 { font-size: 20px; }
  .en .banner > ul li a span { font-size: 17px; } }

@media screen and (max-width: 500px) { .en .banner > ul li a:after { bottom: 15px; } }

.en .media a { display: block; }

.en .media > div { padding: 100px 0 110px 0; }

.en .media > div.releases { background: url(../images/en/bg_releases.jpg) repeat left top; }

.en .media > div.releases:after { content: ""; display: block; clear: both; }

.en .media > div.releases .slide a .img { display: block; position: relative; height: 0; padding-top: 89.28%; }

.en .media > div.releases .slide a .img img { position: absolute; left: 0; top: 0; bottom: 0; width: 100%; height: 100%; }

.en .media > div.releases .banner2 { width: 560px; margin-right: 90px; float: left; position: relative; }

.en .media > div.releases .banner2 .attr { width: 100%; height: 90px; line-height: 90px; background: rgba(0, 0, 0, 0.6); position: absolute; bottom: 0; left: 0; }

.en .media > div.releases .banner2 .attr .prev, .en .media > div.releases .banner2 .attr .next, .en .media > div.releases .banner2 .attr .pause { float: left; vertical-align: middle; width: 90px; height: 90px; background: url(../images/en/icon_prev_02.png) no-repeat center; background-color: rgba(0, 0, 0, 0.6); margin-right: 1px; }

.en .media > div.releases .banner2 .attr .next { background: url(../images/en/icon_next_02.png) no-repeat center; background-color: rgba(0, 0, 0, 0.6); }

.en .media > div.releases .banner2 .attr div { margin: 0 18px; }

.en .media > div.releases .banner2 .attr .pause { background: url(../images/en/icon_stop_01.png) no-repeat center; background-color: rgba(0, 0, 0, 0.6); }

.en .media > div.releases .banner2 .attr .pause.play { background-image: url(../images/en/icon_play_01.png); }

.en .media > div.releases .banner2 .attr .pagination_num { float: left; width: calc(100% - 273px); margin: 0; background-color: rgba(0, 0, 0, 0.6); color: #fff; text-align: right; padding-right: 30px; font-size: 20px; }

.en .media > div.releases .banner2 .attr .pagination_num .current { color: #fff; }

.en .media > div.releases .list { width: calc(100% - 650px); float: left; position: relative; }

.en .media > div.releases .list h2 { margin: 24px 0 27px 0; font-family: "EB Garamond", "sans-serif"; color: #0a314d; font-size: 48px; font-weight: 600; }

.en .media > div.releases .list ul { border-top: 1px solid #000; border-bottom: 1px solid #000; }

.en .media > div.releases .list ul li { border-bottom: 1px solid #ddd; }

.en .media > div.releases .list ul li:last-child { border-bottom: 0; }

@media screen and (min-width: 1000px) { .en .media > div.releases .list ul li:hover a h4 { text-decoration: underline; }
  .en .media > div.releases .list ul li:hover a em { text-decoration: underline; } }

.en .media > div.releases .list ul li a { font-size: 0; line-height: 0; height: 190px; padding: 23px 0px 27px; }

.en .media > div.releases .list ul li a h4 { font-size: 28px; font-weight: 500; line-height: 1.2; font-weight: 400; text-overflow: ellipsis; overflow: hidden; display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical; font-family: "EB Garamond", "sans-serif"; margin-bottom: 8px; color: #6f2836; }

.en .media > div.releases .list ul li a h4 span { font-size: 17px; margin-left: 25px; color: #5c5c5c; vertical-align: 0; }

.en .media > div.releases .list ul li a em { font-size: 16px; color: #333; line-height: 1.5; text-overflow: ellipsis; overflow: hidden; display: -webkit-box; -webkit-line-clamp: 3; -webkit-box-orient: vertical; }

.en .media > div.releases .list > a { position: absolute; top: 43px; right: 0; background: url(../images/en/icon_more.png) no-repeat left center; font-size: 17px; padding-left: 16px; }

.en .media > div.social { padding: 180px 0 150px; position: relative; background-color: #f3f3f3; overflow: hidden; }

.en .media > div.social .container:after { content: ''; display: block; clear: both; }

.en .media > div.social:before { width: 339px; height: 763px; background: url(../images/en/bg_social2.jpg) no-repeat center; position: absolute; left: 0; top: 618px; content: ''; }

.en .media > div.social:after { content: ''; width: 851px; height: 851px; background: url(../images/en/bg_social.png) no-repeat; position: absolute; top: -111px; right: 35px; }

.en .media > div.social .sns_box { position: relative; float: left; width: calc(100% - 460px); margin-right: 80px; z-index: 1; }

.en .media > div.social .sns_box h2 { font-size: 48px; color: #0a314d; font-weight: 600; margin-bottom: 50px; }

.en .media > div.social .sns_box ol { position: absolute; width: 100%; text-align: right; top: 0; right: 0; }

.en .media > div.social .sns_box ol li { display: inline-block; margin-right: 15px; }

.en .media > div.social .sns_box ol li a { display: block; width: 66px; height: 66px; border-radius: 66px; -webkit-box-shadow: 5px 5px 10px rgba(0, 0, 0, 0.2); box-shadow: 5px 5px 10px rgba(0, 0, 0, 0.2); overflow: hidden; }

.en .media > div.social .sns_box ol li a img { width: 100%; height: 100%; }

.en .media > div.social .sns_box ol li:last-of-type { margin-right: 0; }

.en .media > div.social .sns_box ul:not([class]) { z-index: 1; position: relative; width: 100%; white-space: nowrap; overflow-x: auto; font-size: 0; line-height: 0; }

.en .media > div.social .sns_box ul:not([class])::-webkit-scrollbar { width: 6px; height: 6px; }

.en .media > div.social .sns_box ul:not([class])::-webkit-scrollbar-thumb { background-color: #86878b; border-radius: 6px; }

.en .media > div.social .sns_box ul:not([class])::-webkit-scrollbar-track { background-color: #cdd0d5; border-radius: 6px; }

.en .media > div.social .sns_box ul:not([class]):after { content: ""; display: block; clear: both; }

.en .media > div.social .sns_box ul:not([class]) li { display: inline-block; width: calc(50% - 20px); font-size: 16px; line-height: 1.4; margin-right: 40px; -webkit-box-shadow: 0 7px 50px rgba(0, 0, 0, 0.15); box-shadow: 0 7px 50px rgba(0, 0, 0, 0.15); -webkit-transition: 0.3s; transition: 0.3s; position: relative; min-width: 400px; }

.en .media > div.social .sns_box ul:not([class]) li:last-child { margin-right: 0; }

.en .media > div.social .sns_box ul:not([class]) li > span { display: block; text-align: center; height: 90px; background: #fff; }

.en .media > div.social .sns_box ul:not([class]) li > span img { margin-top: 35px; }

.en .media > div.social .sns_box ul:not([class]) li .custom_roll { height: 560px; overflow: auto; padding: 0 10px; background: #fff; }

.en .media > div.social .east_area { float: left; width: 380px; margin-top: 117px; position: relative; z-index: 1; }

.en .media > div.social .east_area > li { height: 300px; margin-bottom: 50px; padding: 35px 50px 0; }

.en .media > div.social .east_area > li h2 { font-size: 40px; margin-bottom: 12px; font-family: "EB Garamond", "sans-serif"; font-weight: 600; }

.en .media > div.social .east_area > li p { font-size: 16px; line-height: 1.5; }

.en .media > div.social .east_area > li > ul { bottom: 40px; }

.en .media > div.social .east_area > li > ul li .bt { font-size: 16px; line-height: 49px; }

.en .media > div.social .east_area > li.dokdo { background-image: url(../images/en/bg_east_dokdo.png); }

.en .media > div.social .east_area > li.sea { background-image: url(../images/en/bg_east_sea.png); }

.en .media > div.social .east_area > li:last-of-type { margin-bottom: 0; }

@media screen and (max-width: 1300px) { .en .media > div.releases .banner2 { margin-right: 45px; }
  .en .media > div.releases .list { width: calc(100% - 605px); }
  .en .media > div.releases .list ul li a div { width: calc(100% - 140px); margin-right: 0; } }

@media screen and (max-width: 1200px) { .en .media > div.social { padding: 60px 0 70px 0; }
  .en .media > div.social .sns_box { width: 100%; margin-right: 0; }
  .en .media > div.social .sns_box h2 { margin-bottom: 35px; text-align: center; }
  .en .media > div.social .sns_box ol { position: static; text-align: center; }
  .en .media > div.social .sns_box ul:not([class]) { text-align: center; padding-bottom: 50px; padding-top: 50px; }
  .en .media > div.social .sns_box ul:not([class]) li { text-align: left; width: 400px; }
  .en .media > div.social .east_area { width: 100%; margin-top: 0; }
  .en .media > div.social .east_area > li { margin-bottom: 0; width: calc(50% - 20px); float: left; margin-right: 40px; }
  .en .media > div.social .east_area > li:last-of-type { margin-right: 0; } }

@media screen and (max-width: 1080px) { .en .media > div { padding: 60px 0 70px 0; }
  .en .media > div.releases .banner2 { width: 100%; margin-right: 0; float: none; }
  .en .media > div.releases .banner2 img { width: 100%; }
  .en .media > div.releases .list { width: 100%; float: none; }
  .en .media > div.releases .list > a { top: 23px; }
  .en .media > div.social:before { background-position: left top; top: initial; top: auto; bottom: 0; background-size: 200px auto; height: 280px; }
  .en .media > div.social:after { top: -111px; right: auto; right: initial; left: 24%; background-size: 500px auto; } }

@media screen and (max-width: 768px) { .en .media > div { padding: 40px 0 55px 0; }
  .en .media > div.releases .banner2 { margin-bottom: 40px; }
  .en .media > div.releases .banner2 .attr { height: 50px; line-height: 50px; }
  .en .media > div.releases .banner2 .attr .prev, .en .media > div.releases .banner2 .attr .next, .en .media > div.releases .banner2 .attr .pause { width: 50px; height: 50px; }
  .en .media > div.releases .banner2 .attr .pagination_num { height: 50px; vertical-align: top; width: calc(100% - 153px); padding-right: 20px; font-size: 16px; }
  .en .media > div.releases .banner2 .attr .btn { right: 15px; }
  .en .media > div.releases .list { margin-top: 15px; }
  .en .media > div.releases .list h2 { margin: 10px 0; font-size: 26px; }
  .en .media > div.releases .list ul li a { padding: 15px 0 15px; height: auto; }
  .en .media > div.releases .list ul li a h4 { font-size: 20px; }
  .en .media > div.releases .list ul li a h4 span { font-size: 17px; }
  .en .media > div.releases .list ul li a em { font-size: 16px; }
  .en .media > div.releases .list > a { top: 6px; }
  .en .media > div.social { padding: 46px 0 40px; }
  .en .media > div.social .sns_box h2 { margin-bottom: 19px; font-size: 30px; }
  .en .media > div.social .sns_box ol > li a { width: 39px; height: 39px; -webkit-box-shadow: 3px 3px 5px rgba(0, 0, 0, 0.2); box-shadow: 3px 3px 5px rgba(0, 0, 0, 0.2); }
  .en .media > div.social .sns_box ul:not([class]) { text-align: center; white-space: normal; padding: 25px 39px; }
  .en .media > div.social .sns_box ul:not([class]) li { display: block; width: 100%; margin: 0 auto 25px; max-width: 400px; -webkit-box-shadow: 4px 4px 25px rgba(0, 0, 0, 0.15); box-shadow: 4px 4px 25px rgba(0, 0, 0, 0.15); min-width: auto; }
  .en .media > div.social .sns_box ul:not([class]) li span { height: 54px; }
  .en .media > div.social .sns_box ul:not([class]) li span img { height: 14px; margin-top: 20px; }
  .en .media > div.social .sns_box ul:not([class]) li .custom_roll { height: 337px; }
  .en .media > div.social .sns_box ul:not([class]) li:last-of-type { margin: auto; }
  .en .media > div.social .east_area { width: 100%; margin-top: 0; }
  .en .media > div.social .east_area > li { width: 100%; margin-right: 0; margin-bottom: 20px; height: 253px; padding: 30px 40px 0; }
  .en .media > div.social .east_area > li h2 { font-size: 33px; margin-bottom: 8px; }
  .en .media > div.social .east_area > li p { font-size: 14px; }
  .en .media > div.social .east_area > li ul { bottom: 35px; }
  .en .media > div.social .east_area > li ul > li { width: calc(50% - 4px); margin-right: 8px; }
  .en .media > div.social .east_area > li ul > li:last-of-type { margin-right: 0; }
  .en .media > div.social .east_area > li ul > li .bt { font-size: 14px; line-height: 42px; }
  .en .media > div.social .east_area > li:last-of-type { margin-bottom: 0; } }

.en .banner_box { border-top: 1px solid #dbdbdb; border-bottom: 1px solid #dbdbdb; background-color: #fff; }

.en .banner_box a { display: block; }

.en .banner_box:after { content: ''; display: block; clear: both; }

.en .banner_box .attr { float: left; font-size: 0; line-height: 0; width: 141px; padding: 32px 27px; }

.en .banner_box .attr:after { content: ''; display: block; clear: both; }

.en .banner_box .attr button { display: inline-block; vertical-align: middle; width: 14px; height: 26px; line-height: 1.2; margin-left: 15px; }

.en .banner_box .attr button:first-of-type { margin-left: 0; }

.en .banner_box .attr button.button_prev { background: url(../images/en/icon_prev_01.png) no-repeat center; }

.en .banner_box .attr button.button_next { background: url(../images/en/icon_next_01.png) no-repeat center; }

.en .banner_box .attr button.button_ctrl { background: url(../images/en/icon_stop_02.png) no-repeat center; }

.en .banner_box .attr button.button_ctrl.play { background: url(../images/en/icon_play_02.png) no-repeat center/9px 14px; }

.en .banner_box .banner_con { width: calc(100% - 141px); float: left; }

.en .banner_box .banner_con .banner_list:after { content: ''; display: block; clear: both; }

.en .banner_box .banner_con .banner_list .item { float: left; }

.en .banner_box .banner_con .banner_list .item a { display: block; font-size: 16px; color: #666; padding: 22px 40px; position: relative; }

.en .banner_box .banner_con .banner_list .item a img { height: 47px; }

.en .banner_box .banner_con .banner_list .item a:after { content: ""; display: block; width: 1px; height: 40px; position: absolute; top: 50%; -webkit-transform: translateY(-50%); transform: translateY(-50%); left: 0; background: #eaeaea; }

.en .banner_box .banner_con .banner_list .item a .txt_box { display: none; }

@media screen and (max-width: 768px) { .en .banner_box .banner_con { width: 100%; }
  .en .banner_box .banner_con .banner_list .item a { padding: 8px 20px; }
  .en .banner_box .banner_con .banner_list .item a:after { height: 16px; -webkit-transform: translateY(-42%); transform: translateY(-42%); }
  .en .banner_box .banner_con .banner_list .item a .img_box { display: none; }
  .en .banner_box .banner_con .banner_list .item a .txt_box { display: block; }
  .en .banner_box .attr { float: none; width: auto; padding: 11px 0 0 0; }
  .en .banner_box .attr button { width: 20px; height: 20px; margin-left: 5px; }
  .en .banner_box .attr button.button_prev { background: url(../images/en/icon_prev_01.png) no-repeat center/auto 16px; }
  .en .banner_box .attr button.button_next { background: url(../images/en/icon_next_01.png) no-repeat center/auto 16px; } }

.en .flag_table td .dot strong { width: auto; margin-right: 10px; }

.en table { word-break: break-all; }

.en .btn_quick { top: auto; top: 60%; }

#wrapper.en { width: 100%; overflow: hidden; margin: 0 auto; padding-top: 189px; /*사이트 목록*/ /*국가검색*/ }

@media screen and (max-width: 1300px) { #wrapper.en { padding-top: 64px; } }

#wrapper.en .skip_navi { position: absolute; z-index: 9999; width: 100%; left: 0; top: 0; text-align: center; }

#wrapper.en .skip_navi a { display: block; position: absolute; left: 0; top: -9999px; z-index: 1; width: 100%; height: 40px; line-height: 40px; background-color: #333; color: #fff; font-size: 20px; font-weight: 700; }

#wrapper.en .skip_navi a:hover, #wrapper.en .skip_navi a:focus { top: 0; }

#wrapper.en .header_en { position: absolute; left: 0; top: 0; width: 100%; background: #fff; z-index: 100; overflow: hidden; }

#wrapper.en .header_en .container { max-width: 1300px; margin-right: auto; margin-left: auto; }

@media screen and (max-width: 1420px) { #wrapper.en .header_en .container { padding: 0 50px; } }

@media screen and (max-width: 1300px) { #wrapper.en .header_en .container { padding: 0 30px; } }

@media screen and (max-width: 768px) { #wrapper.en .header_en .container { padding: 0 15px; } }

#wrapper.en .header_en a { display: block; }

@media screen and (max-width: 1300px) { #wrapper.en .header_en { height: 64px; } }

#wrapper.en .header_en .hd_top { text-align: center; padding: 30px 50px; }

#wrapper.en .header_en .hd_top:after { content: ""; display: block; clear: both; }

#wrapper.en .header_en .hd_top h1 { float: left; }

#wrapper.en .header_en .hd_top .search { display: inline-block; vertical-align: middle; width: 495px; position: relative; margin: 0 30px; }

#wrapper.en .header_en .hd_top .search input { height: 50px; line-height: 50px; background: #f9f9f9; border-radius: 30px; padding: 0 70px 0 25px; }

#wrapper.en .header_en .hd_top .search button { width: 25px; height: 25px; background: url(../images/en/icon_search.png) no-repeat center; position: absolute; top: 50%; -webkit-transform: translateY(-50%); transform: translateY(-50%); right: 32px; }

@media screen and (min-width: 1300px) { #wrapper.en .header_en .hd_top .search { display: inline-block !important; } }

#wrapper.en .header_en .hd_top .attr { float: right; padding: 11px 0; }

#wrapper.en .header_en .hd_top .attr ul { display: inline-block; vertical-align: middle; margin-right: 40px; }

#wrapper.en .header_en .hd_top .attr ul:after { content: ""; display: block; clear: both; }

#wrapper.en .header_en .hd_top .attr ul > li { float: left; margin-right: 20px; }

#wrapper.en .header_en .hd_top .attr ul > li:last-child { margin-right: 0; }

#wrapper.en .header_en .hd_top .attr ul > li a { font-size: 15px; color: #aa8652; font-weight: 600; }

#wrapper.en .header_en .hd_top .attr ol { display: inline-block; vertical-align: middle; font-size: 0; line-height: 0; }

#wrapper.en .header_en .hd_top .attr ol > li { display: inline-block; vertical-align: middle; margin-right: 20px; }

#wrapper.en .header_en .hd_top .attr ol > li:last-child { margin-right: 0; }

#wrapper.en .header_en .gnb { background-color: #fff; position: relative; }

#wrapper.en .header_en .gnb > ul { font-size: 0; text-align: center; margin: 0 90px 0 0; }

#wrapper.en .header_en .gnb > ul:after { content: ''; display: block; clear: both; }

#wrapper.en .header_en .gnb > ul > li { display: inline-block; text-align: center; font-size: 21px; }

#wrapper.en .header_en .gnb > ul > li.active .dep2_wrap { visibility: visible; z-index: 2; }

#wrapper.en .header_en .gnb > ul > li > a { padding: 27px 25px; line-height: 1.2em; }

#wrapper.en .header_en .gnb > ul > li:hover > a { color: #033a6f; }

#wrapper.en .header_en .gnb > div { position: absolute; top: 30px; right: 50px; }

#wrapper.en .header_en .gnb > div .btn_sch { display: none; }

#wrapper.en .header_en .gnb > div .btn_sitemap_open { display: block; width: 27px; height: 18px; background: url(../images/en/icon_burger.png) no-repeat center; }

#wrapper.en .header_en .gnb .dep2_wrap { display: block; width: 100%; position: absolute; top: 79px; left: 0; z-index: 1; visibility: hidden; overflow: hidden; }

#wrapper.en .header_en .gnb .dep2_wrap:after { content: ""; width: 100%; height: 2px; background: url(../images/en/icon_bar.png) no-repeat 50% 50%/cover; position: absolute; top: 0; left: 0; }

#wrapper.en .header_en .gnb .dep2_wrap:before { content: ""; width: 50%; height: 100%; background: #f8fafc; position: absolute; top: 0; left: 0; z-index: -1; }

#wrapper.en .header_en .gnb .dep2_wrap .container { max-width: 1441px; margin: auto; position: relative; text-align: left; padding: 0; }

#wrapper.en .header_en .gnb .dep2_wrap .container:after { content: ''; display: block; clear: both; }

#wrapper.en .header_en .gnb .dep2_wrap .container div { position: relative; width: 340px; height: 100%; position: absolute; top: 0; left: 0; padding: 25px 45px 0 0; font-size: 30px; font-weight: bold; color: #b28953; }

#wrapper.en .header_en .gnb .dep2_wrap .container div:before { content: ''; width: 175px; height: 172px; position: absolute; right: 0; top: 0; background: url(../images/en/bg_gnb_2.png) no-repeat right top; z-index: -1; }

#wrapper.en .header_en .gnb .dep2_wrap .container div:after { content: ''; width: 477px; height: 480px; z-index: -1; position: absolute; right: 0; bottom: 0; background: url(../images/en/bg_gnb_1.png) no-repeat right top; }

#wrapper.en .header_en .gnb .dep2_wrap .container ul { width: calc(100% - 340px); margin-left: 340px; background: #fff; padding: 28px 0 28px 50px; }

#wrapper.en .header_en .gnb .dep2_wrap .container ul > :nth-child(n) { float: left; width: calc(33.33333% - 13.33333px); margin-right: 20px; }

#wrapper.en .header_en .gnb .dep2_wrap .container ul > :nth-of-type(3n) { margin-right: 0; }

#wrapper.en .header_en .gnb .dep2_wrap .container ul > :not(:nth-of-type(3n + 1)) { clear: none; }

#wrapper.en .header_en .gnb .dep2_wrap .container ul > :nth-of-type(3n + 1) { clear: both; }

#wrapper.en .header_en .gnb .dep2_wrap .container ul > li { margin-top: 10px; margin-bottom: 10px; -webkit-transition: 0.3s; transition: 0.3s; }

#wrapper.en .header_en .gnb .dep2_wrap .container ul > li > a { display: table; height: 60px; border: 1px solid #ebedf2; width: 100%; }

#wrapper.en .header_en .gnb .dep2_wrap .container ul > li > a > span { display: table-cell; line-height: 1.2em; vertical-align: middle; font-size: 17px; padding: 0 36px 0 30px; background: #fff url(../images/en/icon_arrow.png) no-repeat center right 20px; -webkit-transition: 0.3s; transition: 0.3s; }

#wrapper.en .header_en .gnb .dep2_wrap .container ul > li > a > span[target="_blank"] { background: #fff url(../images/en/icon_link.png) no-repeat center right 20px; }

@media screen and (min-width: 990px) { #wrapper.en .header_en .gnb .dep2_wrap .container ul > li:hover > a { border-color: #033a6f; color: #033a6f; }
  #wrapper.en .header_en .gnb .dep2_wrap .container ul > li:hover > a > span { background: #fff url(../images/en/icon_arrow_active.png) no-repeat center right 20px; }
  #wrapper.en .header_en .gnb .dep2_wrap .container ul > li:hover > a > span[target="_blank"] { background: #fff url(../images/en/icon_link_active.png) no-repeat center right 20px; } }

#wrapper.en .header_en .gnb .dep2_wrap ol { font-size: 17px; padding: 16px 33px; }

#wrapper.en .header_en .gnb .dep2_wrap ol li { line-height: 1.4; margin-bottom: 4px; }

#wrapper.en .header_en .gnb .dep2_wrap ol li a { padding-left: 15px; position: relative; }

#wrapper.en .header_en .gnb .dep2_wrap ol li a:before { content: ''; width: 4px; height: 4px; background-color: #033a6f; position: absolute; left: 0; top: 8px; }

@media screen and (min-width: 990px) { #wrapper.en .header_en .gnb .dep2_wrap ol li a:hover { text-decoration: underline; } }

#wrapper.en .header_en .gnb .dep2_wrap ol li:last-of-type { margin-bottom: 0; }

#wrapper.en .header_en .gnb .search_box { display: none; position: absolute; left: 0; top: 0; width: 100%; border-top: 1px solid #ddd; background-color: #fff; z-index: 2; padding: 60px 30px; text-align: center; }

#wrapper.en .header_en .gnb .search_box.active { display: block; }

#wrapper.en .header_en .gnb .search_box .tit { color: rgba(0, 0, 0, 0.3); font-size: 36px; font-weight: 600; margin-right: 45px; vertical-align: top; display: inline-block; line-height: 30px; }

#wrapper.en .header_en .gnb .search_box .search { max-width: 680px; border-bottom: 2px solid #000; padding-bottom: 12px; position: relative; display: inline-block; width: 100%; vertical-align: top; }

#wrapper.en .header_en .gnb .search_box .search input { display: block; line-height: 30px; font-size: 20px; font-weight: 500; color: #000; border: 0; height: 30px; }

#wrapper.en .header_en .gnb .search_box .search input::-webkit-input-placeholder { color: #000; }

#wrapper.en .header_en .gnb .search_box .search input:-ms-input-placeholder { color: #000; }

#wrapper.en .header_en .gnb .search_box .search input::-ms-input-placeholder { color: #000; }

#wrapper.en .header_en .gnb .search_box .search input::placeholder { color: #000; }

#wrapper.en .header_en .gnb .search_box .search button { position: absolute; width: 30px; height: 30px; right: 0; top: 0; background: url(../images/common/btn_head_sch.png) no-repeat center; }

@media screen and (max-width: 1080px) { #wrapper.en .header_en .gnb .search_box .tit { text-align: center; margin: 0 0 15px; line-height: 1.4; }
  #wrapper.en .header_en .gnb .search_box .search { max-width: 100%; } }

@media screen and (max-width: 737px) { #wrapper.en .header_en .gnb .search_box { padding: 25px 15px; }
  #wrapper.en .header_en .gnb .search_box .tit { font-size: 20px; margin-bottom: 10px; }
  #wrapper.en .header_en .gnb .search_box .search { max-width: 100%; padding-bottom: 10px; }
  #wrapper.en .header_en .gnb .search_box .search input { font-size: 14px; line-height: 22px; height: 22px; }
  #wrapper.en .header_en .gnb .search_box .search button { width: 22px; height: 22px; background-size: 22px auto; } }

#wrapper.en .header_en .gnb_open, #wrapper.en .header_en .btn_close { display: none; }

@media screen and (max-width: 1550px) { #wrapper.en .header_en .gnb .dep2_wrap .container { margin: 0 50px; } }

@media screen and (max-width: 1444px) { #wrapper.en .header_en .hd_top { text-align: right; }
  #wrapper.en .header_en .hd_top .search { width: 300px; }
  #wrapper.en .header_en .gnb > ul { max-width: 100%; padding: 0 50px; margin: 0; }
  #wrapper.en .header_en .gnb > ul > li { float: left; display: table; height: 79px; padding: 0; }
  #wrapper.en .header_en .gnb > ul > li > a { display: table-cell; vertical-align: middle; padding: 27px 15px; }
  #wrapper.en .header_en .gnb .dep2_wrap .container div { width: 250px; font-size: 25px; }
  #wrapper.en .header_en .gnb .dep2_wrap .container ul { width: calc(100% - 250px); margin-left: 250px; }
  #wrapper.en .header_en .gnb .dep2_wrap .container ul > li > a { font-size: 16px; } }

@media screen and (max-width: 1300px) { #wrapper.en .header_en { overflow: visible; }
  #wrapper.en .header_en .hd_top { padding: 14px 30px; }
  #wrapper.en .header_en .hd_top h1 { width: 210px; }
  #wrapper.en .header_en .hd_top .search { display: none; width: 100%; position: absolute; top: 64px; left: 0; margin: 0; padding: 30px; background: #000; }
  #wrapper.en .header_en .hd_top .search input { height: 41px; line-height: 41px; background: transparent; border-radius: 0; border: 2px solid #fff; padding: 0 50px 0 15px; color: #fff; }
  #wrapper.en .header_en .hd_top .search button { background: url(../images/en/btn_head_search.png) no-repeat center; right: 45px; }
  #wrapper.en .header_en .hd_top .attr { display: none; }
  #wrapper.en .header_en .gnb > ul { display: none; }
  #wrapper.en .header_en .gnb > div { right: 30px; top: -45px; }
  #wrapper.en .header_en .gnb > div .btn_sch { display: inline-block; vertical-align: middle; width: 25px; height: 25px; background: url(../images/en/icon_sch_m.png) no-repeat center; margin-right: 15px; }
  #wrapper.en .header_en .gnb > div .btn_sch.active { background: url(../images/common/btn_search_close_m.png) no-repeat center/18px auto; }
  #wrapper.en .header_en .gnb > div .btn_sitemap_open { display: inline-block; vertical-align: middle; } }

@media screen and (max-width: 768px) { #wrapper.en .header_en.active:after { content: ''; position: fixed; left: 0; top: 0; bottom: 0; width: 100%; height: 100%; background-color: rgba(0, 0, 0, 0.7); }
  #wrapper.en .header_en .hd_top { padding: 14px 15px; }
  #wrapper.en .header_en .gnb > div { right: 15px; }
  #wrapper.en .header_en .gnb > div .btn_sch { background: url(../images/en/icon_sch_m.png) no-repeat center/21px auto; margin-right: 10px; } }

#wrapper.en .sitemap { display: none; }

#wrapper.en #footer_en { background: #424242; padding-bottom: 80px; }

#wrapper.en #footer_en .container { max-width: 1300px; margin-right: auto; margin-left: auto; }

@media screen and (max-width: 1420px) { #wrapper.en #footer_en .container { padding: 0 50px; } }

@media screen and (max-width: 1300px) { #wrapper.en #footer_en .container { padding: 0 30px; } }

@media screen and (max-width: 768px) { #wrapper.en #footer_en .container { padding: 0 15px; } }

#wrapper.en #footer_en a { display: block; }

#wrapper.en #footer_en .guideLine { position: relative; z-index: 2; border-top: 1px solid #575757; border-bottom: 1px solid #575757; }

#wrapper.en #footer_en .guideLine:after { content: ''; display: block; clear: both; }

#wrapper.en #footer_en .guideLine:before { content: ""; display: block; width: 1920px; height: 100%; background: #424242; z-index: -1; position: absolute; top: 0; left: 50%; -webkit-transform: translateX(-50%); transform: translateX(-50%); }

#wrapper.en #footer_en .guideLine h3 { height: 65px; line-height: 65px; font-size: 20px; color: #8b6f49; float: left; font-family: "EB Garamond", "sans-serif"; font-weight: 600; }

#wrapper.en #footer_en .guideLine ul { float: right; width: 700px; font-size: 0; line-height: 0; border-left: 1px solid #575757; border-right: 1px solid #575757; }

#wrapper.en #footer_en .guideLine ul > li { display: inline-block; width: 50%; background: url(../images/en/icon_up.png) no-repeat right 30px center; border-right: 1px solid #575757; position: relative; }

#wrapper.en #footer_en .guideLine ul > li.active { background: url(../images/en/icon_down.png) no-repeat right 30px center; }

#wrapper.en #footer_en .guideLine ul > li:last-child { border-right: 0; }

#wrapper.en #footer_en .guideLine ul > li > a { font-size: 18px; height: 65px; line-height: 65px; padding-left: 20px; color: #fff; }

#wrapper.en #footer_en .guideLine ul > li ol { display: none; width: calc(100% + 2px); height: 200px; overflow: auto; position: absolute; bottom: 65px; left: -1px; background: #fff; padding: 20px 10px; border: 1px solid #dbdbdb; }

#wrapper.en #footer_en .guideLine ul > li ol li { font-size: 18px; color: #000; position: relative; }

#wrapper.en #footer_en .guideLine ul > li ol li:last-child { border-bottom: 0; }

@media screen and (min-width: 1000px) { #wrapper.en #footer_en .guideLine ul > li ol li:hover { background: #c8e4f9; } }

#wrapper.en #footer_en .guideLine ul > li ol li a { height: 30px; line-height: 30px; padding-left: 13px; }

#wrapper.en #footer_en .container { padding: 0; }

#wrapper.en #footer_en .container .address { padding: 44px 0; position: relative; }

#wrapper.en #footer_en .container .address ul { max-width: 720px; }

#wrapper.en #footer_en .container .address ul:after { content: ''; display: block; clear: both; }

#wrapper.en #footer_en .container .address ul li { color: #fff; line-height: 1.8em; font-size: 14px; font-weight: 300; float: left; margin-right: 24px; position: relative; }

#wrapper.en #footer_en .container .address ul li:after { position: absolute; right: -11px; top: 7px; width: 1px; height: 12px; background-color: #848484; content: ''; }

#wrapper.en #footer_en .container .address ul li.end { margin-right: 0; }

#wrapper.en #footer_en .container .address ul li.end:after { content: none; }

#wrapper.en #footer_en .container .address ul li.tit { color: #ab9476; font-family: "EB Garamond", "sans-serif"; font-size: 18px; margin-bottom: 5px; width: 100%; margin-right: 0; }

#wrapper.en #footer_en .container .address ul li.tit:after { content: none; }

#wrapper.en #footer_en .container .address div { position: absolute; top: 50%; -webkit-transform: translateY(-50%); transform: translateY(-50%); right: 0; }

@media screen and (max-width: 1317px) { #wrapper.en #footer_en .container { padding: 0 50px; } }

@media screen and (max-width: 1300px) { #wrapper.en #footer_en .container { padding: 0 30px; } }

@media screen and (max-width: 930px) { #wrapper.en #footer_en .guideLine h3 { float: none; padding: 0 20px; }
  #wrapper.en #footer_en .guideLine ul { float: none; width: 100%; border-top: 1px solid #575757; border-left: 0; border-right: 0; }
  #wrapper.en #footer_en .container { padding: 0; }
  #wrapper.en #footer_en .container .address { margin: 0 30px; }
  #wrapper.en #footer_en .container .address ul { max-width: 500px; } }

@media screen and (max-width: 768px) { #wrapper.en #footer_en { padding-bottom: 40px; }
  #wrapper.en #footer_en .guideLine h3 { height: 50px; line-height: 50px; font-size: 18px; padding: 0 15px; }
  #wrapper.en #footer_en .guideLine ul { float: none; width: 100%; }
  #wrapper.en #footer_en .guideLine ul > li { background: url(../images/en/icon_up.png) no-repeat right 15px center; }
  #wrapper.en #footer_en .guideLine ul > li.active { background: url(../images/en/icon_down.png) no-repeat right 15px center; }
  #wrapper.en #footer_en .guideLine ul > li > a { height: 50px; line-height: 50px; font-size: 16px; padding-left: 15px; }
  #wrapper.en #footer_en .guideLine ul > li ol { bottom: 50px; padding: 15px 7px; }
  #wrapper.en #footer_en .guideLine ul > li ol li a { font-size: 15px; }
  #wrapper.en #footer_en .container .address { margin: 0 15px; text-align: center; font-size: 15px; padding: 25px 0; }
  #wrapper.en #footer_en .container .address ul { word-break: keep-all; }
  #wrapper.en #footer_en .container .address ul li { float: none; font-size: 13px; line-height: 1.6em; margin-right: 0; }
  #wrapper.en #footer_en .container .address ul li:after { content: none; }
  #wrapper.en #footer_en .container .address div { position: static; -webkit-transform: none; transform: none; margin-top: 20px; } }

@media screen and (max-width: 500px) { #wrapper.en #footer_en .guideLine ul { border: 0; }
  #wrapper.en #footer_en .guideLine ul > li { display: block; width: 100%; border-right: 0; border-top: 1px solid #575757; } }

#wrapper.en .sitemap { display: none; position: fixed; width: 100%; height: 100%; left: 0; top: 0; background: url(../images/en/bg_sitemap.jpg) no-repeat center/cover; color: #fff; padding: 157px 30px 0; z-index: 100; overflow-y: auto; }

#wrapper.en .sitemap .lang { position: absolute; right: 116px; top: 52px; font-size: 13px; padding-right: 25px; line-height: 20px; background: url(../images/en/icon_sitemap_lang.png) no-repeat right center; }

#wrapper.en .sitemap > .container { position: relative; text-align: right; }

#wrapper.en .sitemap > .container > ol { display: inline-block; padding: 0 19px; border: 1px solid #6a82b1; border-radius: 44px; }

#wrapper.en .sitemap > .container > ol > li { float: left; font-size: 15.5px; line-height: 44px; vertical-align: top; }

#wrapper.en .sitemap > .container > ol > li:before { content: ''; display: inline-block; width: 1px; height: 12px; background-color: #5b6f94; }

#wrapper.en .sitemap > .container > ol > li a { margin: 0 14px; }

#wrapper.en .sitemap > .container > ol > li:first-of-type:before { content: none; }

#wrapper.en .sitemap > .container > .sns { display: inline-block; vertical-align: top; padding-top: 5px; margin-left: 20px; }

#wrapper.en .sitemap > .container > .sns:after { content: ''; display: block; clear: both; }

#wrapper.en .sitemap > .container > .sns button { display: none; }

#wrapper.en .sitemap > .container > .sns ul li { float: left; margin-left: 10px; }

#wrapper.en .sitemap > .container > .sns ul li a { display: block; }

#wrapper.en .sitemap > .container .dep1 { max-width: 1420px; margin: 50px auto 0; padding-bottom: 100px; text-align: left; }

#wrapper.en .sitemap > .container .dep1 > li { margin-bottom: 50px; }

#wrapper.en .sitemap > .container .dep1 > li:after { content: ''; display: block; clear: both; }

#wrapper.en .sitemap > .container .dep1 > li > a { display: block; float: left; width: 208px; border-top: 3px solid #fff; font-size: 24px; padding-top: 27px; padding-right: 40px; }

#wrapper.en .sitemap > .container .dep2_wrap { float: left; width: calc(100% - 208px); background-color: rgba(10, 50, 95, 0.2); padding-top: 1px; }

#wrapper.en .sitemap > .container .dep2_wrap .container { padding: 0; display: block; }

#wrapper.en .sitemap > .container .dep2_wrap .container > div { display: none; }

#wrapper.en .sitemap > .container .dep2_wrap .container > ul { border-top: 1px solid #234c78; padding: 36px 40px 34px; background-color: rgba(0, 0, 0, 0.2); }

#wrapper.en .sitemap > .container .dep2_wrap .container > ul > li { margin-bottom: 30px; }

#wrapper.en .sitemap > .container .dep2_wrap .container > ul > li > a { font-size: 19px; display: inline-block; line-height: 1.4; margin-bottom: 10px; }

#wrapper.en .sitemap > .container .dep2_wrap .container > ul > li:last-of-type { margin-bottom: 0; }

#wrapper.en .sitemap > .container .dep2_wrap ol { font-size: 15px; }

#wrapper.en .sitemap > .container .dep2_wrap ol li { line-height: 1.4; margin: 0.25em 0; float: left; margin-right: 52px; }

#wrapper.en .sitemap > .container .dep2_wrap ol li a { display: inline-block; padding-left: 14px; color: #859fbc; position: relative; }

#wrapper.en .sitemap > .container .dep2_wrap ol li a:before { content: ''; display: block; position: absolute; left: 0; top: 0.7em; margin-top: -1px; width: 5px; height: 2px; background-color: #859fbc; }

#wrapper.en .sitemap > .container .dep2_wrap ol li a[target="_blank"] { color: #83e0fe; font-weight: 300; }

#wrapper.en .sitemap > .container .dep2_wrap ol li a[target="_blank"]:after { padding-right: 20px; background: url(../images/en/icon_sitemap_link.png) no-repeat right center; content: ''; }

#wrapper.en .sitemap > .container .dep2_wrap ol li a[target="_blank"]:before { content: ''; background-color: #83e0fe; }

#wrapper.en .sitemap .btn_sitemap_close { position: absolute; top: 40px; right: 50px; width: 44px; height: 45px; background: url(../images/en/btn_sitemap_close.png) no-repeat center; }

@media screen and (max-width: 768px) { #wrapper.en .sitemap { display: none; width: calc(100% - 25px); right: 0; left: auto; left: initial; top: 0; color: #fff; padding: 0; -webkit-transform: translateX(100%); transform: translateX(100%); -webkit-transition: -webkit-transform 0.5s; transition: -webkit-transform 0.5s; transition: transform 0.5s; transition: transform 0.5s, -webkit-transform 0.5s; text-align: left; background: #fff url(../images/en/bg_gnb_m.jpg.png) no-repeat top center/100% auto; background-attachment: local; }
  #wrapper.en .sitemap.active { -webkit-transform: translateX(0); transform: translateX(0); }
  #wrapper.en .sitemap .lang { position: static; padding-right: 0; padding-left: 20px; line-height: 45px; display: inline-block; background: transparent; }
  #wrapper.en .sitemap .lang:after { display: inline-block; width: 15px; height: 15px; vertical-align: middle; margin-top: 0; margin-left: 10px; background: url(../images/en/icon_sitemap_lang.png) no-repeat right center/cover; content: ''; }
  #wrapper.en .sitemap > .container { width: 100%; padding: 0; height: calc(100% - 45px); position: relative; }
  #wrapper.en .sitemap > .container > ol { display: block; padding: 0 20px; border: 0; border-radius: 0; border-top: 1px solid rgba(255, 255, 255, 0.1); }
  #wrapper.en .sitemap > .container > ol > li { font-size: 12px; line-height: 45px; }
  #wrapper.en .sitemap > .container > ol > li:before { content: ''; display: inline-block; width: 1px; height: 12px; background-color: #5b6f94; }
  #wrapper.en .sitemap > .container > ol > li a { margin: 0 12px; }
  #wrapper.en .sitemap > .container > ol > li:first-of-type a { margin-left: 0; }
  #wrapper.en .sitemap > .container > ol > li:first-of-type:before { content: none; }
  #wrapper.en .sitemap > .container > .sns { position: absolute; right: 15px; top: 6px; }
  #wrapper.en .sitemap > .container > .sns.active button { background-image: url(../images/en/btn_sns_m.png); }
  #wrapper.en .sitemap > .container > .sns.active ul { display: block; }
  #wrapper.en .sitemap > .container > .sns button { display: block; border-radius: 26px; height: 26px; border: 1px solid #788eac; color: #ffffff; font-size: 14px; padding: 0 20px 0 8px; background: #3e5d89 url(../images/en/btn_sns_m_down.png) no-repeat right 8px center/6px auto; }
  #wrapper.en .sitemap > .container > .sns ul { display: none; position: absolute; right: 0; top: calc(100% + 14px); background-color: #fff; z-index: 30; width: 160px; -webkit-box-shadow: 0 0 14px rgba(0, 0, 0, 0.3); box-shadow: 0 0 14px rgba(0, 0, 0, 0.3); text-align: center; border-radius: 40px; padding: 5px 0; }
  #wrapper.en .sitemap > .container > .sns ul:before { content: ''; width: 15px; height: 10px; position: absolute; right: 20px; bottom: 100%; background: url(../images/en/arrow_sns_box_m.png) no-repeat center/15px auto; }
  #wrapper.en .sitemap > .container > .sns ul li { display: inline-block; vertical-align: top; margin: 0 auto; float: none; }
  #wrapper.en .sitemap > .container > .sns ul li a { width: 30px; height: 30px; position: relative; overflow: hidden; }
  #wrapper.en .sitemap > .container > .sns ul li a img { position: absolute; width: 35px; max-width: none; left: -2.5px; top: -2.5px; }
  #wrapper.en .sitemap > .container .dep1 { margin: 0; padding: 0; position: relative; border: 0; }
  #wrapper.en .sitemap > .container .dep1 > li { margin-bottom: 0; width: 100%; border: 0; background-color: #fff; border-bottom: 1px solid #dfdfdf; }
  #wrapper.en .sitemap > .container .dep1 > li:after { content: ''; display: block; clear: both; }
  #wrapper.en .sitemap > .container .dep1 > li > a { position: relative; z-index: 1; display: block; float: none; width: 100%; border-top: 0; font-size: 16px; padding: 13.5px 20px; color: #3f4143; }
  #wrapper.en .sitemap > .container .dep1 > li.active { background: #9c1d1d; background: linear-gradient(135deg, #9c1d1d 0%, #d63a0c 100%); filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#9c1d1d', endColorstr='#d63a0c',GradientType=1 ); }
  #wrapper.en .sitemap > .container .dep1 > li.active > a { color: #fff; z-index: 10; background-image: url(../images/en/btn_sitemap_dep1_open.png); background-size: 12px auto; background-repeat: no-repeat; background-position: right 30px center; }
  #wrapper.en .sitemap > .container .dep1 > li.active .dep2_wrap { z-index: 2; display: block; }
  #wrapper.en .sitemap > .container .dep2_wrap { display: none; float: none; width: 100%; background-color: #ebedee; padding: 15px 20px; }
  #wrapper.en .sitemap > .container .dep2_wrap .container > div { display: none; }
  #wrapper.en .sitemap > .container .dep2_wrap .container > ul { border-top: 0; padding: 0; background-color: #fff; }
  #wrapper.en .sitemap > .container .dep2_wrap .container > ul > li { margin-bottom: 0; border-bottom: 1px solid #dfdfdf; }
  #wrapper.en .sitemap > .container .dep2_wrap .container > ul > li:last-of-type { border-bottom: 0; }
  #wrapper.en .sitemap > .container .dep2_wrap .container > ul > li > a { font-size: 15px; display: block; width: 100%; line-height: 44px; color: #5e5f62; padding: 0 14px; margin-bottom: 0; position: relative; -webkit-transition: all 0.3s; transition: all 0.3s; }
  #wrapper.en .sitemap > .container .dep2_wrap .container > ul > li > a.link:after { margin-left: 6px; width: 14px; height: 14px; vertical-align: middle; display: inline-block; background: url(../images/en/icon_dep2_page.png) no-repeat 50% 50%/cover; content: ''; }
  #wrapper.en .sitemap > .container .dep2_wrap .container > ul > li > a.menu_btn:before { display: block; width: 20px; height: 20px; position: absolute; right: 14px; top: 12px; content: ''; background: url(../images/en/btn_sitemap_dep3_open.png) no-repeat center/14px auto; -webkit-transition: all 0.3s; transition: all 0.3s; z-index: 20; cursor: pointer; }
  #wrapper.en .sitemap > .container .dep2_wrap .container > ul > li.active > a { color: #0c3975; font-weight: 600; }
  #wrapper.en .sitemap > .container .dep2_wrap .container > ul > li.active > a.menu_btn:before { background-image: url(../images/en/btn_sitemap_dep3_close.png); }
  #wrapper.en .sitemap > .container .dep2_wrap .container > ul > li.active ol { display: block; }
  #wrapper.en .sitemap > .container .dep2_wrap .container > ul > li:last-of-type { margin-bottom: 0; }
  #wrapper.en .sitemap > .container .dep2_wrap ol { display: none; font-size: 14px; background-color: #f6f8f9; padding: 15px; }
  #wrapper.en .sitemap > .container .dep2_wrap ol li { line-height: 1.4; margin: 0.3em 0; float: none; margin-right: 0; width: 100%; }
  #wrapper.en .sitemap > .container .dep2_wrap ol li a { display: inline-block; padding-left: 10px; color: #686d75; }
  #wrapper.en .sitemap > .container .dep2_wrap ol li a:before { content: ''; top: 0.7em; margin-top: -1px; width: 4px; height: 2px; background-color: #a1b0c0; }
  #wrapper.en .sitemap > .container .dep2_wrap ol li a[target="_blank"] { color: #686d75; font-weight: 300; }
  #wrapper.en .sitemap > .container .dep2_wrap ol li a[target="_blank"]:after { vertical-align: middle; width: 12px; height: 12px; display: inline-block; margin-left: 5px; margin-top: -2px; padding-right: 0; background: url(../images/en/icon_sitemap_link_m.png) no-repeat right center/12px auto; content: ''; }
  #wrapper.en .sitemap > .container .dep2_wrap ol li a[target="_blank"]:before { content: ''; background-color: #a1b0c0; }
  #wrapper.en .sitemap > .container .dep2_wrap ol li.active a { color: #9c1d1d; }
  #wrapper.en .sitemap > .container .dep2_wrap ol li.active a:before { background-color: #9c1d1d; }
  #wrapper.en .sitemap .btn_sitemap_close { position: absolute; top: 15px; right: 15px; width: 17.5px; height: 17.5px; background: url(../images/en/btn_sitemap_close_m.png) no-repeat center/cover; } }

#wrapper.en .block { display: block; }

#wrapper.en .custom_roll { /* 스크롤바 설정*/ /* 스크롤바 막대 설정*/ /* 스크롤바 뒷 배경 설정*/ }

#wrapper.en .custom_roll::-webkit-scrollbar { width: 6px; }

#wrapper.en .custom_roll::-webkit-scrollbar-thumb { background-color: #9a9b9e; /* 스크롤바 둥글게 설정    */ border-radius: 10px; }

#wrapper.en .custom_roll::-webkit-scrollbar-track { background-color: #fff; border-radius: 10px; }

#wrapper.en .sub .lnb_wrap > strong { font-size: 30px; line-height: 1.1; }

#wrapper.en .page_spot h2 { font-family: "NanumMyeongjo", "serif"; }

@media screen and (max-width: 737px) { #wrapper.en .page_spot { margin-bottom: 0; padding: 0; height: 121.5px; line-height: 1.4; background-image: url(../images/common/bg_lnb_m.jpg); }
  #wrapper.en .page_spot h2 { font-size: 23px; } }

#wrapper.en .b_list > li { position: relative; padding-left: 97px; line-height: 25px; }

#wrapper.en .b_list > li b { position: absolute; left: 0; top: 0; display: inline-block; line-height: 25px; width: 80px; text-align: right; }

#wrapper.en .b_list.type2 > li { padding-left: 188px; }

#wrapper.en .b_list.type2 > li b { width: 168px; text-align: right; }

@media screen and (max-width: 737px) { #wrapper.en .b_list > li { padding-left: 72px; line-height: 22px; }
  #wrapper.en .b_list > li b { line-height: 22px; width: 62px; }
  #wrapper.en .b_list.type2 > li { padding-left: 140px; }
  #wrapper.en .b_list.type2 > li b { width: 130px; text-align: right; } }

#wrapper.en .bg_box.bar.bold a[target="_blank"]:after { content: ''; display: inline-block; width: 12px; height: 12px; background: url(../images/common/icon_lnb_link.png) no-repeat center/cover; vertical-align: -1px; margin-left: 8px; }

#wrapper.en .bg_box.bar.bold > li > a { color: #0068b9; }

#wrapper.en .country_info + .list_dep1 .dot > li > span { margin-right: 15px; }

#wrapper.en .country_info .bg { padding: 50px 50px 35px; }

#wrapper.en .country_info .bg .stat { padding: 0; margin: 0; border: 0; }

@media screen and (max-width: 1200px) { #wrapper.en .country_info .bg { padding: 50px; }
  #wrapper.en .country_info .bg .stat .nation { margin-bottom: 0; } }

@media screen and (max-width: 737px) { #wrapper.en .country_info + .list_dep1 .dot > li > span { margin-right: 8px; }
  #wrapper.en .country_info .bg { padding: 20px; } }

/*모듈 css*/


/*220408 영문 메인 sns더보기 추가*/

.en .media > div.social .sns_box ol li a.more {width: 120px;position:relative;background-color:#fff;text-align:center;line-height:66px;transition:box-shadow 0.4s;box-shadow:none;}

.en .media > div.social .sns_box ol li a.more span{position:absolute;left:50%;top:50%;transform:translate(-50% ,-50%);color:#353535;padding-left:15px;background:url(../images/en/icon_sns_more.png) no-repeat left center;font-size:17px;padding-bottom:4px;opacity:1;transition:opacity 0.4s;}

.en .media > div.social .sns_box ol li a.more img {max-width:100%;width:auto;height:auto;position:relative;vertical-align:-8px;opacity:0;transition:opacity 0.4s;}

.en .media > div.social .sns_box ol li a.more:hover {box-shadow:inset 0 0 0 2px #f6012d,5px 5px 10px rgba(0,0,0,0.2);}

.en .media > div.social .sns_box ol li a.more:hover span {opacity:0;}

.en .media > div.social .sns_box ol li a.more:hover img {opacity:1;}

@media screen and (max-width: 737px) {
  .en .media > div.social .sns_box ol li a.more {width: 71px;line-height:39px;}

  .en .media > div.social .sns_box ol li a.more span{padding-left:12px;font-size:15px;padding-bottom:2px;}

  .en .media > div.social .sns_box ol li a.more img {vertical-align:-4px;width:50px;}

  .en .media > div.social .sns_box ol li a.more:hover {box-shadow:inset 0 0 0 2px #f6012d,3px 3px 5px rgba(0,0,0,0.2);}
}

@media screen and (max-width: 350px) {
  .en .media > div.social .sns_box ol li {margin-right:10px;}
}


/*220411 개인정보처리방침 스타일 추가*/
.privacy .tit_md ~ * { padding-left: 0; }

.tit_md2 { line-height: 1.4; color: #000; font-size: 25px; margin-bottom: 15px; border-top: 1px solid #e0e0e0; padding-top: 40px; }

.tit_md2 .icon_pvc { margin-right: 10px; }

.tit_md2 + p { margin-bottom: 1.2em; }

@media screen and (max-width: 737px) { .tit_md2 { font-size: 18px; margin-bottom: 13px; padding-top: 23px; } }

.icon_pvc { vertical-align: middle; display: inline-block; line-height: 1.4em; }

.icon_privacy { margin-left: -15px; margin-top: -15px; }

.icon_privacy > li { display: table; margin-left: 15px; margin-top: 15px; width: calc(33.3333% - 15px); background-color: #f4f7fa; border-radius: 160px; height: 160px; float: left; padding-left: 39px; font-size: 0; }

.icon_privacy > li > div, .icon_privacy > li > span { vertical-align: middle; display: table-cell; }

.icon_privacy > li div { width: 85px; text-align: center; }

.icon_privacy > li span { padding: 0 20px; font-size: 20px; }

@media screen and (max-width: 1300px) { .icon_privacy > li { height: 120px; width: calc(50% - 15px); } }

@media screen and (max-width: 737px) { .icon_privacy { margin-left: -10px; margin-top: -10px; }
  .icon_privacy > li { height: 90px; padding-top: 10px; padding-bottom: 10px; padding-left: 20px; margin-top: 10px; margin-left: 10px; width: calc(50% - 10px); }
  .icon_privacy > li > div { width: 50px; }
  .icon_privacy > li > span { padding: 0 10px; font-size: 16px; line-height: 1.2; } }

@media screen and (max-width: 450px) { .icon_privacy { margin-left: 0; }
  .icon_privacy > li { margin-left: 0; width: 100%; height: 50px; padding: 10px 20px; }
  .icon_privacy > li > div { width: 40px; }
  .icon_privacy > li > span { padding: 0; padding-left: 10px; } }

.idx_privacy { padding: 25px 25px 0 !important; border-top: 3px solid #0c3975; position: relative; }

.idx_privacy:before { content: ''; width: 100%; height: 45px; position: absolute; left: 0; top: -3px; background: url(../images/sub/line_box_left.png) no-repeat left top, url(../images/sub/line_box_right.png) no-repeat right top; z-index: 0; }

.idx_privacy > li { width: 50%; float: left; padding: 10px 26px; }

.idx_privacy > li:nth-of-type(2n) { clear: both; }

.idx_privacy > li.wp100 { width: 100%; }

.idx_privacy > li.wp100 .icon_pvc { min-width: 101px; }

.idx_privacy > li a { display: table; font-size: 20px; line-height: 36px; }

.idx_privacy > li a > span { display: table-cell; vertical-align: top; }

.idx_privacy > li a > span:not(.icon_pvc) { padding-left: 20px; }

.idx_privacy > li a .icon_pvc { min-width: 36px; height: 36px; white-space: nowrap; }

@media screen and (max-width: 737px) { .idx_privacy { padding: 20px 10px 0 !important; }
  .idx_privacy > li { width: 100%; padding: 3px 10px; }
  .idx_privacy > li.wp100 .icon_pvc { min-width: 81px; }
  .idx_privacy > li a { font-size: 16px; line-height: 28px; }
  .idx_privacy > li a > span:not(.icon_pvc) { padding-left: 10px; }
  .idx_privacy > li a .icon_pvc { min-width: 25px; height: 25px; }
  .idx_privacy > li a .icon_pvc img { width: 25px; } }