@charset "UTF-8";

/* Document
 * ========================================================================== */

/**
 * Add border box sizing in all browsers (opinionated).
 */
i.bi.bi-chevron-down.ri-menu-fold-line{
	transform: rotate(0deg);
    /* Modern browsers support this syntax */
    -webkit-transform: rotate(0deg);
    -moz-transform: rotate(0deg);
    -ms-transform: rotate(0deg);
    -o-transform: rotate(0deg);
}
i.bi.bi-chevron-down.ri-menu-unfold-line::before{
	 transform: rotate(180deg);
    /* Modern browsers support this syntax */
    -webkit-transform: rotate(180deg);
    -moz-transform: rotate(180deg);
    -ms-transform: rotate(180deg);
    -o-transform: rotate(180deg);
}

*,
::before,
::after {
  box-sizing: border-box;
}

/**
 * 1. Add text decoration inheritance in all browsers (opinionated).
 * 2. Add vertical alignment inheritance in all browsers (opinionated).
 */

::before,
::after {
  text-decoration: inherit; /* 1 */
  vertical-align: inherit; /* 2 */
}

/**
 * 1. Use the default cursor in all browsers (opinionated).
 * 2. Change the line height in all browsers (opinionated).
 * 3. Use a 4-space tab width in all browsers (opinionated).
 * 4. Remove the grey highlight on links in iOS (opinionated).
 * 5. Prevent adjustments of font size after orientation changes in
 *    IE on Windows Phone and in iOS.
 * 6. Breaks words to prevent overflow in all browsers (opinionated).
 */

html {
  cursor: default; /* 1 */
  line-height: 1.5; /* 2 */
  -moz-tab-size: 4; /* 3 */
  tab-size: 4; /* 3 */
  -webkit-tap-highlight-color: transparent /* 4 */;
  -ms-text-size-adjust: 100%; /* 5 */
  -webkit-text-size-adjust: 100%; /* 5 */
  word-break: break-word; /* 6 */
}

/* Sections
 * ========================================================================== */

/**
 * Remove the margin in all browsers (opinionated).
 */

body {
  margin: 0;
}

/**
 * Correct the font size and margin on `h1` elements within `section` and
 * `article` contexts in Chrome, Edge, Firefox, and Safari.
 */

h1 {
  font-size: 2em;
  margin: 0.67em 0;
}

/* Grouping content
 * ========================================================================== */

/**
 * Remove the margin on nested lists in Chrome, Edge, IE, and Safari.
 */

dl dl,
dl ol,
dl ul,
ol dl,
ul dl {
  margin: 0;
}

/**
 * Remove the margin on nested lists in Edge 18- and IE.
 */

ol ol,
ol ul,
ul ol,
ul ul {
  margin: 0;
}

/**
 * 1. Add the correct sizing in Firefox.
 * 2. Show the overflow in Edge 18- and IE.
 */
 


hr {
  height: 0; /* 1 */
  overflow: visible; /* 2 */
}

/**
 * Add the correct display in IE.
 */

main {
  display: block;
}

/**
 * Remove the list style on navigation lists in all browsers (opinionated).
 */

nav ol,
nav ul {
  list-style: none;
  padding: 0;
}

/**
 * 1. Correct the inheritance and scaling of font size in all browsers.
 * 2. Correct the odd `em` font sizing in all browsers.
 */

pre {
  font-family: monospace, monospace; /* 1 */
  font-size: 1em; /* 2 */
}

/* Text-level semantics
 * ========================================================================== */

/**
 * Remove the gray background on active links in IE 10.
 */

a {
  background-color: transparent;
}

/**
 * Add the correct text decoration in Edge 18-, IE, and Safari.
 */

abbr[title] {
  text-decoration: underline;
  text-decoration: underline dotted;
}

/**
 * Add the correct font weight in Chrome, Edge, and Safari.
 */

b,
strong {
  font-weight: bolder;
}

/**
 * 1. Correct the inheritance and scaling of font size in all browsers.
 * 2. Correct the odd `em` font sizing in all browsers.
 */

code,
kbd,
samp {
  font-family: monospace, monospace; /* 1 */
  font-size: 1em; /* 2 */
}

/**
 * Add the correct font size in all browsers.
 */

small {
  font-size: 80%;
}

/* Embedded content
 * ========================================================================== */

/*
 * Change the alignment on media elements in all browsers (opinionated).
 */

audio,
canvas,
iframe,
img,
svg,
video {
  vertical-align: middle;
}

/**
 * Add the correct display in IE 9-.
 */

audio,
video {
  display: inline-block;
}

/**
 * Add the correct display in iOS 4-7.
 */

audio:not([controls]) {
  display: none;
  height: 0;
}

/**
 * Remove the border on iframes in all browsers (opinionated).
 */

iframe {
  border-style: none;
}

/**
 * Remove the border on images within links in IE 10-.
 */

img {
  border-style: none;
}

/**
 * Change the fill color to match the text color in all browsers (opinionated).
 */

svg:not([fill]) {
  fill: currentColor;
}

/**
 * Hide the overflow in IE.
 */

svg:not(:root) {
  overflow: hidden;
}

/* Tabular data
 * ========================================================================== */

/**
 * Collapse border spacing in all browsers (opinionated).
 */

table {
  border-collapse: collapse;
}

/* Forms
 * ========================================================================== */

/**
 * Remove the margin on controls in Safari.
 */

button,
input,
select {
  margin: 0;
}

/**
 * 1. Show the overflow in IE.
 * 2. Remove the inheritance of text transform in Edge 18-, Firefox, and IE.
 */

button {
  overflow: visible; /* 1 */
  text-transform: none; /* 2 */
}

/**
 * Correct the inability to style buttons in iOS and Safari.
 */

button,
[type="button"],
[type="reset"],
[type="submit"] {
  -webkit-appearance: button;
}

/**
 * 1. Change the inconsistent appearance in all browsers (opinionated).
 * 2. Correct the padding in Firefox.
 */

fieldset {
  border: 1px solid #a0a0a0; /* 1 */
  padding: 0.35em 0.75em 0.625em; /* 2 */
}

/**
 * Show the overflow in Edge 18- and IE.
 */

input {
  overflow: visible;
}

/**
 * 1. Correct the text wrapping in Edge 18- and IE.
 * 2. Correct the color inheritance from `fieldset` elements in IE.
 */

legend {
  color: inherit; /* 2 */
  display: table; /* 1 */
  max-width: 100%; /* 1 */
  white-space: normal; /* 1 */
}

/**
 * 1. Add the correct display in Edge 18- and IE.
 * 2. Add the correct vertical alignment in Chrome, Edge, and Firefox.
 */

progress {
  display: inline-block; /* 1 */
  vertical-align: baseline; /* 2 */
}

/**
 * Remove the inheritance of text transform in Firefox.
 */

select {
  text-transform: none;
}

/**
 * 1. Remove the margin in Firefox and Safari.
 * 2. Remove the default vertical scrollbar in IE.
 * 3. Change the resize direction in all browsers (opinionated).
 */

textarea {
  margin: 0; /* 1 */
  overflow: auto; /* 2 */
  resize: vertical; /* 3 */
}

/**
 * Remove the padding in IE 10-.
 */
/*
[type="checkbox"],
[type="radio"] {
  padding: 0;
}
*/
/**
 * 1. Correct the odd appearance in Chrome, Edge, and Safari.
 * 2. Correct the outline style in Safari.
 */

[type="search"] {
  -webkit-appearance: textfield; /* 1 */
  outline-offset: -2px; /* 2 */
}

/**
 * Correct the cursor style of increment and decrement buttons in Safari.
 */

::-webkit-inner-spin-button,
::-webkit-outer-spin-button {
  height: auto;
}

/**
 * Correct the text style of placeholders in Chrome, Edge, and Safari.
 */

::-webkit-input-placeholder {
  color: inherit;
  opacity: 0.54;
}

/**
 * Remove the inner padding in Chrome, Edge, and Safari on macOS.
 */

::-webkit-search-decoration {
  -webkit-appearance: none;
}

/**
 * 1. Correct the inability to style upload buttons in iOS and Safari.
 * 2. Change font properties to `inherit` in Safari.
 */

::-webkit-file-upload-button {
  -webkit-appearance: button; /* 1 */
  font: inherit; /* 2 */
}

/**
 * Remove the inner border and padding of focus outlines in Firefox.
 */

::-moz-focus-inner {
  border-style: none;
  padding: 0;
}

/**
 * Restore the focus outline styles unset by the previous rule in Firefox.
 */

:-moz-focusring {
  outline: 1px dotted ButtonText;
}

/**
 * Remove the additional :invalid styles in Firefox.
 */

:-moz-ui-invalid {
  box-shadow: none;
}

/* Interactive
 * ========================================================================== */

/*
 * Add the correct display in Edge 18- and IE.
 */

details {
  display: block;
}

/*
 * Add the correct styles in Edge 18-, IE, and Safari.
 */

dialog {
  background-color: white;
  border: solid;
  color: black;
  display: block;
  height: -moz-fit-content;
  height: -webkit-fit-content;
  height: fit-content;
  left: 0;
  margin: auto;
  padding: 1em;
  position: absolute;
  right: 0;
  width: -moz-fit-content;
  width: -webkit-fit-content;
  width: fit-content;
}

dialog:not([open]) {
  display: none;
}

/*
 * Add the correct display in all browsers.
 */

summary {
  display: list-item;
}

/* Scripting
 * ========================================================================== */

/**
 * Add the correct display in IE 9-.
 */

canvas {
  display: inline-block;
}

/**
 * Add the correct display in IE.
 */

template {
  display: none;
}

/* User interaction
 * ========================================================================== */

/*
 * 1. Remove the tapping delay in IE 10.
 * 2. Remove the tapping delay on clickable elements
      in all browsers (opinionated).
 */

a,
area,
button,
input,
label,
select,
summary,
textarea,
[tabindex] {
  -ms-touch-action: manipulation; /* 1 */
  touch-action: manipulation; /* 2 */
}

/**
 * Add the correct display in IE 10-.
 */

[hidden] {
  display: none;
}

/* Accessibility
 * ========================================================================== */

/**
 * Change the cursor on busy elements in all browsers (opinionated).
 */

[aria-busy="true"] {
  cursor: progress;
}

/*
 * Change the cursor on control elements in all browsers (opinionated).
 */

[aria-controls] {
  cursor: pointer;
}

/*
 * Change the cursor on disabled, not-editable, or otherwise
 * inoperable elements in all browsers (opinionated).
 */

[aria-disabled="true"],
[disabled] {
  cursor: not-allowed;
}

/*
 * Change the display on visually hidden accessible elements
 * in all browsers (opinionated).
 */

[aria-hidden="false"][hidden] {
  display: initial;
}

[aria-hidden="false"][hidden]:not(:focus) {
  clip: rect(0, 0, 0, 0);
  position: absolute;
}

/*------------------------------------------------------------------------------
    @웹폰트
------------------------------------------------------------------------------*/
@font-face {font-family:'Noto Sans KR'; font-style:normal; font-weight:300; src:url('../fonts/noto-sans-kr-300.eot'); src:local('Noto Sans KR Light'), local('NotoSansKR-Light'), url('../fonts/noto-sans-kr-300.eot?#iefix') format('embedded-opentype'), url('../fonts/noto-sans-kr-300.woff2') format('woff2'), url('../fonts/noto-sans-kr-300.woff') format('woff'), url('../fonts/noto-sans-kr-300.ttf') format('truetype'), url('../fonts/noto-sans-kr-300.svg#NotoSansKR') format('svg');}
@font-face {font-family:'Noto Sans KR'; font-style:normal; font-weight:400; src:url('../fonts/noto-sans-kr-400.eot'); src:local('Noto Sans KR Regular'), local('NotoSansKR-Regular'), url('../fonts/noto-sans-kr-400.eot?#iefix') format('embedded-opentype'), url('../fonts/noto-sans-kr-400.woff2') format('woff2'), url('../fonts/noto-sans-kr-400.woff') format('woff'), url('../fonts/noto-sans-kr-400.ttf') format('truetype'), url('../fonts/noto-sans-kr-400.svg#NotoSansKR') format('svg');}
@font-face {font-family:'Noto Sans KR'; font-style:normal; font-weight:500; src:url('../fonts/noto-sans-kr-500.eot'); src:local('Noto Sans KR Medium'), local('NotoSansKR-Medium'), url('../fonts/noto-sans-kr-500.eot?#iefix') format('embedded-opentype'), url('../fonts/noto-sans-kr-500.woff2') format('woff2'), url('../fonts/noto-sans-kr-500.woff') format('woff'), url('../fonts/noto-sans-kr-500.ttf') format('truetype'), url('../fonts/noto-sans-kr-500.svg#NotoSansKR') format('svg');}
@font-face {font-family:'Noto Sans KR'; font-style:normal; font-weight:700; src:url('../fonts/noto-sans-kr-700.eot'); src:local('Noto Sans KR Bold'), local('NotoSansKR-Bold'), url('../fonts/noto-sans-kr-700.eot?#iefix') format('embedded-opentype'), url('../fonts/noto-sans-kr-700.woff2') format('woff2'), url('../fonts/noto-sans-kr-700.woff') format('woff'), url('../fonts/noto-sans-kr-700.ttf') format('truetype'), url('../fonts/noto-sans-kr-700.svg#NotoSansKR') format('svg');}
@font-face {font-family:'Noto Sans KR'; font-style:normal; font-weight:900; src:url('../fonts/noto-sans-kr-900.eot'); src:local('Noto Sans KR Black'), local('NotoSansKR-Black'), url('../fonts/noto-sans-kr-900.eot?#iefix') format('embedded-opentype'), url('../fonts/noto-sans-kr-900.woff2') format('woff2'), url('../fonts/noto-sans-kr-900.woff') format('woff'), url('../fonts/noto-sans-kr-900.ttf') format('truetype'), url('../fonts/noto-sans-kr-900.svg#NotoSansKR') format('svg');}
@font-face {font-family:'Roboto'; font-style:normal; font-weight:300; unicode-range:U+0020-007E; src:url('../fonts/roboto-300.eot'); src:local('Roboto Light'), local('Roboto-Light'), url('../fonts/roboto-300.eot?#iefix') format('embedded-opentype'), url('../fonts/roboto-300.woff2') format('woff2'), url('../fonts/roboto-300.woff') format('woff'), url('../fonts/roboto-300.ttf') format('truetype'), url('../fonts/roboto-300.svg#Roboto') format('svg');}
@font-face {font-family:'Roboto'; font-style:italic; font-weight:300; unicode-range:U+0020-007E; src:url('../fonts/roboto-300italic.eot'); src:local('Roboto Light Italic'), local('Roboto-LightItalic'), url('../fonts/roboto-300italic.eot?#iefix') format('embedded-opentype'), url('../fonts/roboto-300italic.woff2') format('woff2'), url('../fonts/roboto-300italic.woff') format('woff'), url('../fonts/roboto-300italic.ttf') format('truetype'), url('../fonts/roboto-300italic.svg#Roboto') format('svg');}
@font-face {font-family:'Roboto'; font-style:normal; font-weight:400; unicode-range:U+0020-007E; src:url('../fonts/roboto-400.eot'); src:local('Roboto Regular'), local('Roboto-Regular'), url('../fonts/roboto-400.eot?#iefix') format('embedded-opentype'), url('../fonts/roboto-400.woff2') format('woff2'), url('../fonts/roboto-400.woff') format('woff'), url('../fonts/roboto-400.ttf') format('truetype'), url('../fonts/roboto-400.svg#Roboto') format('svg');}
@font-face {font-family:'Roboto'; font-style:italic; font-weight:400; unicode-range:U+0020-007E; src:url('../fonts/roboto-400italic.eot'); src:local('Roboto Regular Italic'), local('Roboto-RegularItalic'), url('../fonts/roboto-400italic.eot?#iefix') format('embedded-opentype'), url('../fonts/roboto-400italic.woff2') format('woff2'), url('../fonts/roboto-400italic.woff') format('woff'), url('../fonts/roboto-400italic.ttf') format('truetype'), url('../fonts/roboto-400italic.svg#Roboto') format('svg');}
@font-face {font-family:'Roboto'; font-style:normal; font-weight:500; unicode-range:U+0020-007E; src:url('../fonts/roboto-500.eot'); src:local('Roboto Medium'), local('Roboto-Medium'), url('../fonts/roboto-500.eot?#iefix') format('embedded-opentype'), url('../fonts/roboto-500.woff2') format('woff2'), url('../fonts/roboto-500.woff') format('woff'), url('../fonts/roboto-500.ttf') format('truetype'), url('../fonts/roboto-500.svg#Roboto') format('svg');}
@font-face {font-family:'Roboto'; font-style:italic; font-weight:500; unicode-range:U+0020-007E; src:url('../fonts/roboto-500italic.eot'); src:local('Roboto Medium Italic'), local('Roboto-MediumItalic'), url('../fonts/roboto-500italic.eot?#iefix') format('embedded-opentype'), url('../fonts/roboto-500italic.woff2') format('woff2'), url('../fonts/roboto-500italic.woff') format('woff'), url('../fonts/roboto-500italic.ttf') format('truetype'), url('../fonts/roboto-500italic.svg#Roboto') format('svg');}
@font-face {font-family:'Roboto'; font-style:normal; font-weight:700; unicode-range:U+0020-007E; src:url('../fonts/roboto-700.eot'); src:local('Roboto Bold'), local('Roboto-Bold'), url('../fonts/roboto-700.eot?#iefix') format('embedded-opentype'), url('../fonts/roboto-700.woff2') format('woff2'), url('../fonts/roboto-700.woff') format('woff'), url('../fonts/roboto-700.ttf') format('truetype'), url('../fonts/roboto-700.svg#Roboto') format('svg');}
@font-face {font-family:'Roboto'; font-style:italic; font-weight:700; unicode-range:U+0020-007E; src:url('../fonts/roboto-700italic.eot'); src:local('Roboto Bold Italic'), local('Roboto-BoldItalic'), url('../fonts/roboto-700italic.eot?#iefix') format('embedded-opentype'), url('../fonts/roboto-700italic.woff2') format('woff2'), url('../fonts/roboto-700italic.woff') format('woff'), url('../fonts/roboto-700italic.ttf') format('truetype'), url('../fonts/roboto-700italic.svg#Roboto') format('svg');}
@font-face {font-family:'Roboto'; font-style:normal; font-weight:900; unicode-range:U+0020-007E; src:url('../fonts/roboto-900.eot'); src:local('Roboto Black'), local('Roboto-Black'), url('../fonts/roboto-900.eot?#iefix') format('embedded-opentype'), url('../fonts/roboto-900.woff2') format('woff2'), url('../fonts/roboto-900.woff') format('woff'), url('../fonts/roboto-900.ttf') format('truetype'), url('../fonts/roboto-900.svg#Roboto') format('svg');}
@font-face {font-family:'Roboto'; font-style:italic; font-weight:900; unicode-range:U+0020-007E; src:url('../fonts/roboto-900italic.eot'); src:local('Roboto Black Italic'), local('Roboto-BlackItalic'), url('../fonts/roboto-900italic.eot?#iefix') format('embedded-opentype'), url('../fonts/roboto-900italic.woff2') format('woff2'), url('../fonts/roboto-900italic.woff') format('woff'), url('../fonts/roboto-900italic.ttf') format('truetype'), url('../fonts/roboto-900italic.svg#Roboto') format('svg');}

/*------------------------------------------------------------------------------
    @초기화
------------------------------------------------------------------------------*/
* {/* ios text 확대 현상 patch */ -webkit-text-size-adjust: 100%; -moz-text-size-adjust: 100%; -ms-text-size-adjust: 100%;}
*:focus-visible { outline: 3px solid #043E92; }
html, body {font-size:16px;}
html {/* 안드로이드 폰트 커짐 현상 해결 */ /* height:100%; min-height:100%; */}
body {overflow-x:hidden; overflow-y:auto; word-wrap:break-word; word-break:keep-all; font:400 16px/1 'Roboto', 'Noto Sans KR', sans-serif; letter-spacing:-0.025em; color:#212121; /*-webkit-text-size-adjust:none; -moz-text-size-adjust:none; -ms-text-size-adjust:none;*/}
div, h1, h2, dl, dt, dd, ul, li, p, table, button, select, input, textarea {font:inherit; font-style:normal; letter-spacing:inherit; color:inherit;}
h1, h2, h3, h4, h5, h6, p, dl, dt, dd {padding:0; margin:0;}
/* ul, ol{list-style:none; padding:0; margin:0;} */
nav ul, nav ol{list-style:none; padding:0; margin:0;}
a, a:link, a:visited, a:hover, a:active {text-decoration:none; color:inherit;}
/* a:focus {outline:none;} */
address {font-style:normal;}
fieldset {padding:0; margin:0; border:none;}
hr {margin:0; border:none;}
figure {display:block; padding:0; margin:0; border:none;}
figcaption {}
img {max-width:100%; border:none; vertical-align:top;}
table {table-layout:fixed; border-spacing:0; border-collapse:collapse; width:100%; min-width:100%; max-width:none;}
textarea {resize:none; width:100%;}
select::-ms-expand {display:none;}
button {padding:0; background:none; border:none; cursor:pointer;}
button::-moz-focus-inner {padding:0; border:0;}

/* input:focus {outline:none;} */
input::-ms-clear,
input::-ms-reveal {display:none; width:0; height:0;}
input::search-decoration,
input::search-cancel-button,
input::search-results-button,
input::search-results-decoration {display:none;}
input::-webkit-search-decoration,
input::-webkit-search-cancel-button,
input::-webkit-search-results-button,
input::-webkit-search-results-decoration {display:none;}
input::-webkit-outer-spin-button,
input::-webkit-inner-spin-button {-webkit-appearance:none; margin:0;}
input::-webkit-calendar-picker-indicator {-webkit-appearance:none;}
[type="search"] {-webkit-appearance:none; outline-offset:0;}
[readonly] {opacity:1;}
[readonly="readonly"] {opacity:1;}
[disabled] {opacity:1;}
[disabled="disabled"] {opacity:1;}
::before, ::after {-webkit-box-sizing:border-box; -moz-box-sizing:border-box; -o-box-sizing:border-box; box-sizing:border-box;}

body.scroll-lock {overflow:hidden; /*width:100%; height:100%;*/}
#map {
    /* ie 이미지 번짐 patch */
    image-rendering: -moz-crisp-edges;         /* Firefox */
    image-rendering:   -o-crisp-edges;         /* Opera */
    image-rendering: -webkit-optimize-contrast;/* Webkit (non-standard naming) */
    image-rendering: crisp-edges;
    -ms-interpolation-mode: bicubic; /*nearest-neighbor;*/  /* IE (non-standard property) */
}

@media (max-width:1269px) {
    /* table {width:auto; word-break:break-all;} */
}

@media (max-width:765px) {
    html, body {font-size:14px;}
    table {width:auto; word-break:break-all;}
}

/* Text Selection Color */
::-moz-selection {color:#fff; background:#1469C8;}
::selection {color:#fff; background:#1469C8;}

/* Placeholder Color */
::-webkit-input-placeholder {opacity:1; color:#9E9E9E;}
:-moz-placeholder {opacity:1; color:#9E9E9E;}
::-moz-placeholder {opacity:1; color:#9E9E9E;}
:-ms-input-placeholder {opacity:1 !important; color:#9E9E9E !important;}
::-ms-input-placeholder {opacity:1; color:#9E9E9E;}
::placeholder {opacity:1; color:#9E9E9E;}

/* Device */
.dv_android [tabindex="0"]:focus,
.dv_android a:focus,
.dv_android button:focus,
.dv_android input:focus,
.dv_android textarea:focus,
.dv_android select:focus {outline:0;}
.dv_ios [tabindex="0"],
.dv_ios a,
.dv_ios button,
.dv_ios input,
.dv_ios textarea,
.dv_ios select {-webkit-tap-highlight-color:transparent;}

/* IME Mode */
/* input, textarea {ime-mode:active;} */
input.eng, textarea.eng {ime-mode:inactive;}

/* Design Font */

/* Remixicon */
[class^="ri-"]:before, [class*=" ri-"]:before {vertical-align:top; font-family:'remixicon' !important; font-style:normal; -webkit-font-smoothing:antialiased; -moz-osx-font-smoothing:grayscale;}

/*------------------------------------------------------------------------------
    @유틸리티
------------------------------------------------------------------------------*/
/* Clearfix */
.clearfix::before {display:block; content:"";}
.clearfix::after {display:block; clear:both; content:"";}

/* Screen Reader Only */
.sr-only {position:absolute; width:0px; height:0px; clip:rect(1px 1px 1px 1px); clip:rect(1px, 1px, 1px, 1px); clip-path:polygon(0px 0px, 0px 0px, 0px 0px); -webkit-clip-path:polygon(0px 0px, 0px 0px, 0px 0px); overflow:hidden !important;}

/* Skip Navigation */
#skipNav {position:relative; z-index:9999; width:100%;}
#skipNav a {position:absolute; top:-30px; left:0; width:auto; padding:0 10px; border:1px solid #FF8A00; background:#fff; text-align:center; font-size:11px; line-height:26px; /* outline:0; */ opacity:0; filter:alpha(opacity=0); -webkit-transition:.3s; transition:.3s;}
#skipNav a span {display:inline-block; vertical-align:top;}
#skipNav a i {display:inline-block; vertical-align:top; font-size: 16px; color:#FF8A00;}
#skipNav a:active, #skipNav a:focus {top:0; text-decoration:none; cursor:pointer; opacity:1; filter:alpha(opacity=100); zoom:1;}

/* Dimmer */
#btn_dim {display:none; position:fixed; z-index:100; top:0; right:0; bottom:0; left:0; opacity:0.5; width:100%; height:100%; background-color:#000; cursor:pointer; /*-webkit-transition:width 0.3s, height 0.3s; transition:width 0.3s, height 0.3s;*/}

/* Helper Classes */
.align-t {vertical-align:top;}
.align-m {vertical-align:middle;}
.align-b {vertical-align:bottom;}
.align-l {text-align:left;}
.align-c {text-align:center;}
.align-r {text-align:right;}
.align-j {-webkit-text-align-last:justify; -moz-text-align-last:justify; text-align:justify; text-align-last:justify;}
.float-l {float:left;}
.float-r {float:right;}
.ellipsis {overflow:hidden; white-space:nowrap; -o-text-overflow:ellipsis; text-overflow:ellipsis;}

.line_solid {margin:32px 0; border-top:1px solid #CECECE;}
.line_dashed {margin:32px 0; border-top:1px dashed #CECECE;}
.line_dotted {margin:32px 0; border-top:1px dotted #CECECE;}

/* Grid */
/*.grid {display:-webkit-box; display:-ms-flexbox; display:flex; -ms-flex-wrap:wrap; flex-wrap:wrap;}
.col {-webkit-box-flex:0; -ms-flex:none; flex:none;}*/
.grid::before {display:block; content:"";}
.grid::after {display:block; clear:both; content:"";}
.col {float:left;}
.col.col-1 {width:8.33333333%;}
.col.col-2 {width:16.6666%;}
.col.col-3 {width:25%;}
.col.col-4 {width:33.3333%;}
.col.col-5 {width:41.66666667%;}
.col.col-6 {width:50%;}
.col.col-7 {width:58.33333333%;}
.col.col-8 {width:66.66666667%;}
.col.col-9 {width:75%;}
.col.col-10 {width:83.33333334%;}
.col.col-11 {width:91.66666667%;}
.col.col-12 {width:100%;}

/* Gutter */
.gut-24 {margin:0 -12px;}
.gut-24 > .col {padding:0 12px;}
/*.gut-name {margin:-5px;}
.gut-name > .col {padding:5px;}*/

@media (max-width:765px) {
    /*gut-16*/.gut-24 {margin:0 -8px;}
    /*gut-16*/.gut-24 > .col {padding:0 8px;}
}

/* Align - Flexible */
.flex-auto .col {-webkit-flex:1; -ms-flex:1; flex:1;}
.flex-column {-webkit-flex-direction:column; flex-direction:column;}
.flex-wrap {-webkit-flex-wrap:wrap; flex-wrap:wrap;}
.flex-start {justify-content:flex-start;}
.flex-center {justify-content:center;}
.flex-end {justify-content:flex-end;}
.flex-around {justify-content:space-around;}
.flex-between {justify-content:space-between;}
.flex-evenly {justify-content:space-evenly;}
.cross-start {align-items:flex-start;}
.cross-center {align-items:center;}
.cross-end {align-items:flex-end;}
.cross-around {align-items:space-around;}
.cross-between {align-items:space-between;}
.cross-evenly {align-items:space-evenly;}

/* Grid - Align */
.grid .col.top {margin-bottom:auto;}
.grid .col.bottom {margin-top:auto;}
.grid .col.right {margin-left:auto;}
.grid .col.left {margin-right:auto;}

/*-------------------------------------------------------------------
    @Only (Display 스타일은 다양하므로 숨길경우만 사용)
-------------------------------------------------------------------*/
/* Device */
.dv-pc .hide-pc,
.dv-pad .hide-pad,
.dv-mobile .hide-mobile,
.dv-android .hide-android,
.dv-ios .hide-ios {display:none !important;}

/* Viewport */
@media screen and (min-width: 1024px){.hide-pc {display:none !important;}}
@media screen and (min-width: 768px) and (max-width: 1023px){.hide-pad {display:none !important;}}
@media screen and (max-width: 767px){.hide-mobile {display:none !important;}}

/* Media */
@media screen {.hide-screen {display:none !important;}}
@media print {.hide-print {display:none !important;}}

/*------------------------------------------------------------------------------
    @Color Set
    - 배경: bg-, 텍스트: txt-, 라인: line-
    - 밝은: -light, 어두운: -dark, 더 밝은/어두운: ~er
------------------------------------------------------------------------------*/
/* 기본 */
.bg-none {background-color:transparent !important;}
.txt-none {color:transparent !important;}
.line-none {border-color:transparent !important;}

/* 주 강조 */
.bg-primary {background-color:#0051AC;}
.txt-primary {color:#0051AC;}
.line-primary {border-color:#0051AC;}
.bg-primary2 {background-color:#56BDFF;}
.txt-primary2 {color:#56BDFF;}
.line-primary2 {border-color:#56BDFF;}
.bg-primary3 {background-color:#DAE9FB;}
.txt-primary3 {color:#DAE9FB;}
.line-primary3 {border-color:#DAE9FB;}

/* 부 강조 */
.bg-secondary {background-color:#FF8000;}
.txt-secondary {color:#FF8000;}
.line-secondary {border-color:#FF8000;}
.bg-secondary2 {background-color:#043E92;}
.txt-secondary2 {color:#043E92;}
.line-secondary2 {border-color:#043E92;}
.bg-secondary3 {background-color:#FFDD33;}
.txt-secondary3 {color:#FFDD33;}
.line-secondary3 {border-color:#FFDD33;}

/* 그라디언트 */
/* .bg-gradient {background-color:rgba(0,153,219,1); background-image:linear-gradient(90deg, rgba(0,153,219,1) 0%, rgba(0,101,232,1) 100%);}
.txt-gradient {background-image:linear-gradient(90deg, rgba(0,153,219,1) 0%, rgba(0,101,232,1) 100%); -webkit-background-clip:text; -webkit-text-fill-color:transparent; color:rgba(0,153,219,1);}
.line-gradient {border-color:rgba(0,153,219,1); border-image:linear-gradient(90deg, rgba(0,153,219,1) 0%, rgba(0,101,232,1) 100%); border-image-slice:1;} */

/* 상태 */
.bg-errored {background-color:#C50027;}
.txt-errored {color:#C50027;}
.line-errored {border-color:#C50027;}
.bg-reviewed {background-color:#097B9B;}
.txt-reviewed {color:#097B9B;}
.line-reviewed {border-color:#097B9B;}
.bg-succeed {background-color:#008A28;}
.txt-succeed {color:#008A28;}
.line-succeed {border-color:#008A28;}
.bg-waited {background-color:#CD3700;}
.txt-waited {color:#CD3700;}
.line-waited {border-color:#CD3700;}
.bg-completed {background-color:#088A20;}
.txt-completed {color:#088A20;}
.line-completed {border-color:#088A20;}

/* ... */
/*.bg-name {background-color:;}
.txt-name {color:;}
.line-name {border-color:;}*/



/*------------------------------------------------------------------------------
    @공통
------------------------------------------------------------------------------*/
/* common */
#wrap {overflow-x:hidden; overflow-y:auto;}
#wrap.full-page {display:table; width:100vw; height:100vh; padding:40px 0; margin:0 auto;}
#wrap.full-page > div {display:table-cell; vertical-align:middle;}
.inr {max-width:1390px; margin:0 auto; padding:0 35px;}

.swiper-container {}
.swiper-wrapper {}
.swiper-slide {}
.swiper-controller {position:relative; z-index:1; font-size:0;}
.swiper-pagination {display:inline-block; vertical-align:top; position:static; top:auto; right:auto; bottom:auto; left:auto; width:auto; margin:0; font-weight:700; font-size:1rem; line-height:1.5; letter-spacing:-0.05em; color:#000;}
.swiper-pagination .swiper-pagination-current {vertical-align:top; color:#000;}
.swiper-pagination .swiper-pagination-total {vertical-align:top; opacity:1;}
.swiper-pagination .swiper-pagination-total::before {content:""; display:inline-block; vertical-align:top; opacity:0.5; height:15px; margin:0 10px; margin-top:3px; border-left:2px solid #000; transform:rotate(23deg);}
.swiper-button-pause {display:inline-block; vertical-align:top; width:1em; height:1em; margin:0; font-size:1.5rem; color:#000; cursor:pointer;}
.swiper-button-prev {display:inline-block; vertical-align:top; position:static; top:auto; right:auto; bottom:auto; left:auto; width:1em; height:1em; margin:0; background:none; font-size:1.5rem; color:#000; cursor:pointer;}
.swiper-button-next {display:inline-block; vertical-align:top; position:static; top:auto; right:auto; bottom:auto; left:auto; width:1em; height:1em; margin:0; background:none; font-size:1.5rem; color:#000; cursor:pointer;}

@media (max-width:1389px) {
    .inr {padding:0 35px;}
}

@media (max-width:765px) {
    .inr {padding:0 12px;}
}

/* header */
#header {position:fixed; z-index:100; top:0; right:0; left:0; width:100%; background-color:#fff;}
#header .header-body {padding:38px 0;}
#header .header-body-inr {}
#header .header-body-inr.inr {}

#header.main-header {}
#header.sub-header {}

#logo {height:45px;}
#logo a {display:table; table-layout:fixed; height:45px;}
#logo a span {display:table-cell; vertical-align:middle; height:45px;}
#logo a span img {max-height:100%;}

#search-area {position:absolute; top:25px; left:calc((100% - 1320px)/2 + 448px); width:488px;}
#search-area .search-form {}
#search-area .search-form .search-group {position:relative; width:100%; padding:2px; padding-right:42px; border-radius:4px; background-color:#041A63; font-size:0;}
#search-area .search-form .search-group .form_global-keyword {vertical-align:top; width:100%; height:38px; padding:0 18px; padding-right:56px; border:none; border-radius:2px 0 0 2px; background:#fff; font-weight:400; font-size:0.875rem; line-height:1.4286; letter-spacing:-0.03em; color:#666;}
#search-area .search-form .search-group .form_global-keyword:focus,
#search-area .search-form .search-group .form_global-keyword:hover,
#search-area .search-form .search-group .form_global-keyword.is-focused {border-color:transparent;}
#search-area .search-form .search-group .form_global-keyword::-webkit-input-placeholder {color:#999;}
#search-area .search-form .search-group .form_global-keyword:-moz-placeholder {color:#999;}
#search-area .search-form .search-group .form_global-keyword::-moz-placeholder {color:#999;}
#search-area .search-form .search-group .form_global-keyword:-ms-input-placeholder {color:#999 !important;}
#search-area .search-form .search-group .form_global-keyword::-ms-input-placeholder {color:#999;}
#search-area .search-form .search-group .form_global-keyword::placeholder {color:#999;}
#search-area .search-form .search-group .btn_keyboard-open {display:none; position:absolute; top:50%; right:56px; width:24px; height:24px; margin-top:-12px; border-radius:0; text-align:center; font-size:1.5rem; line-height:24px; color:#999;}
#search-area .search-form .search-group .btn_global-search {position:absolute; top:0; right:0; width:42px; height:42px; border-radius:4px; background-color:#041A63; text-align:center; font-size:1.5rem; line-height:42px; color:#fff;}
#search-area .popular-keywords {position:relative; margin-top:8px; font-size:0;}
#search-area .popular-keywords-title {position:absolute; top:0; left:0;}
#search-area .popular-keywords-title::before {content:url(../imgs/common/ico_popular-keywords.png); display:inline-block; vertical-align:middle; margin-right:0.438rem;}
#search-area .popular-keywords-title::after {content:""; display:inline-block; vertical-align:middle; height:11px; margin:0 17px; border-left:1px solid #CBCBCB;}
#search-area .popular-keywords-title span {display:inline-block; vertical-align:middle; font-weight:500; font-size:0.875rem; line-height:1.4286; letter-spacing:-0.03em; color:#041A63;}
#search-area .popular-keywords-slider {}
/* #search-area .popular-keywords-slider::before {content:""; position:absolute; z-index:2; top:0; bottom:0; left:0; padding-right:35px;
    background: -webkit-linear-gradient(left, rgba(255,255,255,0.95), rgba(255,255,255,0.1) 55%);
    background: -o-linear-gradient(right, rgba(255,255,255,0.95), rgba(255,255,255,0.1) 55%);
    background: -moz-linear-gradient(right, rgba(255,255,255,0.95), rgba(255,255,255,0.1) 55%);
    background: linear-gradient(to right, rgba(255,255,255,0.95), rgba(255,255,255,0.1) 55%);
}
#search-area .popular-keywords-slider::after {content:""; position:absolute; z-index:2; top:0; right:0; bottom:0; padding-left:35px;
	background: -webkit-linear-gradient(left, rgba(255,255,255,0.1), rgba(255,255,255,0.95) 55%);
	background: -o-linear-gradient(right, rgba(255,255,255,0.1), rgba(255,255,255,0.95) 55%);
	background: -moz-linear-gradient(right, rgba(255,255,255,0.1), rgba(255,255,255,0.95) 55%);
	background: linear-gradient(to right, rgba(255,255,255,0.1), rgba(255,255,255,0.95) 55%);
} */
#search-area .popular-keywords-slider.swiper-container {margin-right:96px; margin-left:132px;}
#search-area .popular-keywords-slider .swiper-wrapper {counter-reset:popular-keywords-counter; list-style:none; padding:0; margin:0;}
#search-area .popular-keywords-slider .swiper-slide {counter-increment:popular-keywords-counter; width:auto;}
#search-area .popular-keywords-slider .swiper-slide a {display:inline-block; position:relative; font-size:0;}
/* #search-area .popular-keywords-slider .swiper-slide a::before {content:counter(popular-keywords-counter); display:inline-block; vertical-align:middle; width:16px; height:16px; margin-right:4px; border-radius:4px; background-color:#EE0700; text-align:center; font-weight:500; font-size:0.625rem; line-height:16px; letter-spacing:-0.03em; color:#fff;}
#search-area .popular-keywords-slider .swiper-slide:nth-child(n+4) a::before {background-color:#424242;} */
#search-area .popular-keywords-slider .swiper-slide a > i {display:inline-block; vertical-align:middle; width:16px; height:16px; margin-right:4px; border-radius:4px; background-color:#EE0700; text-align:center; font-style:normal; font-weight:500; font-size:0.625rem; line-height:16px; letter-spacing:-0.03em; color:#fff;}
#search-area .popular-keywords-slider .swiper-slide:nth-child(n+4) a > i {background-color:#424242;}
#search-area .popular-keywords-slider .swiper-slide a > span {display:inline-block; vertical-align:middle; font-weight:400; font-size:0.875rem; line-height:1.4286; letter-spacing:-0.03em; color:#666;}
#search-area .popular-keywords-slider-controller {position:absolute; top:0; right:0;}
#search-area .popular-keywords-slider-controller .swiper-button-pause {margin:0 5px; font-size:1.25rem; color:#003A88;}
#search-area .popular-keywords-slider-controller .swiper-button-prev {float:left; font-size:1.25rem; color:#003A88;}
#search-area .popular-keywords-slider-controller .swiper-button-next {font-size:1.25rem; color:#003A88;}
#btn_search-open {display:none;}
#btn_search-close {display:none;}

#search-area .popular-keywords-slider .swiper-slide a:hover span {text-decoration:underline;}

#search-area .popular-keywords-slider .swiper-slide a:focus-visible {outline:none;}
#search-area .popular-keywords-slider .swiper-slide a:focus-visible::after {content:""; position:absolute; top:0; right:0; bottom:0; left:0; width:100%; height:100%; border:3px solid #043E92;}

#link-area {}
#link-area .link-list {list-style:none; padding:0; margin:0; font-size:0;}
#link-area .link-list li {display:inline-block; vertical-align:top;}
#link-area .link-list li + li {margin-left:14px;}
#link-area .link-list li a {display:block; position:relative; padding:8px 16px; border-radius:18px;}
#link-area .link-list li a span {font-weight:500; font-size:0.875rem; line-height:1.4286; letter-spacing:-0.025em;}

#link-area .link-list li.link01 a {background-color:#E6E6E6; color:#424242;}
#link-area .link-list li.link02 a {background-color:#0051AC; color:#fff;}

#gnb-area {position:relative; border-top:1px solid #E5E5E5; text-align:center;}
#gnb-area::before {content:""; position:absolute; top:54px; right:0; bottom:0; left:0; width:100%; background:#F9F9F9 url(../imgs/common/lnb-bg.png) no-repeat; background-position-x:calc(100vw - (100vw - 1320px)/2 - 120px); background-position-y:calc(100% + 30px); box-shadow:0 10px 16px 0 rgba(0,0,0,0.1);}
#gnb-area::after {content:""; position:absolute; top:54px; right:0; left:0; width:100%; border-top:1px solid #E5E5E5;}
#gnb-area .gnb-area-inr {}
#gnb-area .gnb-area-inr.inr {}

#gnb {}
#gnb .gnb-top {display:none;}
#gnb .gnb-inr {}
#gnb .gnb-inr.inr {padding:0;}
#gnb .gnb-list {display:table; table-layout:fixed; list-style:none; padding:0; margin:0; width:100%; height:54px;}
#gnb .gnb-list > li {display:table-cell; vertical-align:top; padding:0 6px;}
#gnb .gnb-list > li > a {display:block; position:relative; padding:13px 0; text-align:center;}
#gnb .gnb-list > li > a::after {content:""; position:absolute; right:0; bottom:-1px; left:0; width:100%; border-top:3px solid #0050AB; transform:scaleX(0); transition:all 0.3s;}
#gnb .gnb-list > li > a > span {font-weight:500; font-size:1.125rem; line-height:1.5; letter-spacing:-0.03em; color:#333;}
#gnb .gnb-list > li > a > i {display:none;}
#gnb .lnb {display:none;}
#gnb .lnb .lnb-list {list-style:none; padding:0; margin:0; padding:16px 0 42px 0;}
#gnb .lnb .lnb-list > li {display:block;}
#gnb .lnb .lnb-list > li + li {margin-top:8px;}
#gnb .lnb .lnb-list > li > a {display:block; position:relative; padding:8px; border:1px solid #CECECE; border-radius:4px; background-color:#fff; transition:all 0.3s;}
#gnb .lnb .lnb-list > li > a > span {display:inline-block; vertical-align:middle; font-weight:400; font-size:1rem; line-height:1.5; letter-spacing:-0.05em; color:#333; transition:all 0.3s;}
#gnb .lnb .lnb-list > li > a > i {display:inline-block; vertical-align:middle; margin-left:4px; font-size:1.125rem; transition:all 0.3s;}
#btn_gnb-open {display:none;}
#btn_gnb-close {}

#gnb .lnb .lnb-list .has-link > a > i {color:#424242;}

/* header.on */
/* #gnb.on .lnb {display:block;} */
#gnb .gnb-list > li:hover > a::after {transform:scaleX(1);}
#gnb .lnb .lnb-list > li:hover > a {background-color:#0050AB;}
#gnb .lnb .lnb-list > li:hover > a > span {color:#fff;}
#gnb .lnb .lnb-list > li.has-link:hover > a > i {color:#fff;}

@media (min-width:1390px) {
	#gnb .lnb .lnb-list > li > a > span.smaller {font-size:0.875rem;}
}

@media (max-width:1389px) {
    #header {position:fixed; top:0; right:0; left:0; width:100%; border-bottom:1px solid #ccc;}
    #header .header-body {padding:22px 0;}
    #header .header-body-inr.inr {padding:0 35px;}

    #logo {position:static; height:45px;}
    #logo a {height:45px;}
    #logo a span {height:45px;}

    #search-area {position:fixed; top:90px; left:0; overflow:hidden; width:100%; height:0; /*transition:all 0.3s;*/}
    #search-area .search-form {/*display:none;*/ position:absolute; z-index:10; top:-100%; right:0; left:0; width:100%; padding:14px 35px 20px 35px; background-color:#fff; font-size:0; /*transition:all 0.3s;*/}
    #search-area .popular-keywords {margin-top:15px;}
    #btn_search-open {display:inline-block; position:fixed; z-index:1; top:20px; right:95px; width:48px; height:48px; border-radius:4px; background-color:#041A63; text-align:center; font-size:1.688rem; line-height:48px; color:#fff;}
    #btn_search-close {display:none; position:fixed; z-index:1; top:20px; right:95px; width:48px; height:48px; border-radius:4px; background-color:#041A63; text-align:center; font-size:1.875rem; line-height:48px; color:#fff;}

    #search-area.on {/*height:111px;*/}
    #search-area.on .search-form {/*display:block;*/ /*top:0;*/}
    #search-area.on #btn_search-open {display:none;}
    #search-area.on #btn_search-close {display:inline-block;}

    #link-area {display:none;}

    #gnb-area {position:static; border-top:none; text-align:left;}
    #gnb-area::before,
    #gnb-area::after {display:none;}

    #gnb {}
    #gnb .gnb-top {display:block; padding:26px 113px 26px 30px; border-bottom:1px solid #C9C9C9; background-color:#F2F2F2;}
    #gnb .gnb-top .link-list {list-style:none; padding:0; margin:0; font-size:0;}
    #gnb .gnb-top .link-list li {display:inline-block; vertical-align:top;}
    #gnb .gnb-top .link-list li + li {margin-left:14px;}
    #gnb .gnb-top .link-list li a {display:block; position:relative; padding:7px 15px; border:1px solid transparent; border-radius:18px;}
    #gnb .gnb-top .link-list li a span {font-weight:500; font-size:0.875rem; line-height:1.4286; letter-spacing:-0.025em;}
    #gnb .gnb-inr {/*display:none;*/ position:fixed; z-index:9999; top:0; right:-100%; bottom:0; width:83.6815vw; height:100vh; background-color:#fff; /*transition:all 0.3s;*/}
    #gnb .gnb-inr.inr {padding:0; margin:0;}
    #gnb .gnb-list {display:block; overflow-x:hidden; overflow-y:auto; width:auto; height:calc(100vh - 89px); padding:0; background:url(../imgs/common/lnb-bg.png) no-repeat right -26px bottom 67px;}
    #gnb .gnb-list > li {display:block; padding:0; border-bottom:1px solid #C9C9C9;}
    #gnb .gnb-list > li > a {position:relative; z-index:2; padding:21px 106px 16px 35px; background-color:#fff; text-align:left;}
    #gnb .gnb-list > li > a::after {display:none;}
    #gnb .gnb-list > li > a > span {font-weight:500; font-size:1.125rem; line-height:1.5; letter-spacing:-0.025em; color:#3A3A3A;}
    #gnb .gnb-list > li > a > i {display:inline-block; position:absolute; top:50%; right:35px; width:1.5em; height:1.5em; margin-top:-0.75em; border-radius:4px; background-color:#0051AC; text-align:center; font-size:1.5rem; line-height:1.5; color:#fff;}
    #gnb .lnb {background-color:#F4F6F8;}
    #gnb .lnb .lnb-list {padding:20px 32px; font-size:0;}
    #gnb .lnb .lnb-list > li {display:inline-block; width:calc((100% - 13px)/2); padding:0;}
    #gnb .lnb .lnb-list > li + li {margin-top:0;}
    #gnb .lnb .lnb-list > li:nth-child(even) {margin-left:12.9999px;}
    #gnb .lnb .lnb-list > li:nth-child(n+3) {margin-top:12px;}
    #gnb .lnb .lnb-list > li > a {background-color:#fff; text-align:center;}
    #gnb .lnb .lnb-list > li > a > span {font-weight:400; font-size:1rem; line-height:1.5; letter-spacing:-0.05em; color:#333;}
    #gnb .lnb .lnb-list > li > a > i {font-size:1.125rem;}
    #btn_gnb-open {display:inline-block; position:absolute; z-index:1; top:20px; right:35px; width:48px; height:48px; border-radius:4px; background-color:#0051AC; text-align:center; font-size:1.875rem; line-height:48px; color:#fff;}
    #btn_gnb-close {display:inline-block; position:absolute; z-index:1; top:20px; right:35px; width:48px; height:48px; border-radius:4px; background-color:#0051AC; text-align:center; font-size:1.875rem; line-height:48px; color:#fff;}

    #gnb .gnb-top .link-list li.link01 a {border-color:#ABABAB; background-color:#E6E6E6; color:#424242;}
    #gnb .gnb-top .link-list li.link02 a {border-color:#0051AC; background-color:#0051AC; color:#fff;}

    #gnb .gnb-list > li.has-dep > a > i {transform:rotate(360deg);}
    #gnb .lnb .lnb-list .has-link > a > i {color:#424242;}

    #gnb.on .gnb-inr {/*display:block;*/ /*right:0;*/}
    #gnb.on #btn_gnb-open {display:none;}
    #gnb .gnb-list > li.curr .lnb {/*display:block;*/}
    #gnb .gnb-list > li.curr > a {background-color:#0051AC;}
    #gnb .gnb-list > li.curr > a > span {color:#fff;}
    #gnb .gnb-list > li.curr > a > i {background-color:#fff; color:#0051AC;}
    #gnb .lnb .lnb-list > li:hover > a {background-color:#fff;}
    #gnb .lnb .lnb-list > li:hover > a > span {color:#333;}
    #gnb .lnb .lnb-list > li.curr > a {background-color:#0050AB;}
    #gnb .lnb .lnb-list > li.curr > a > span {color:#fff;}

    #gnb .gnb-list > li.has-dep.curr > a > i {transform:rotate(180deg);}
    #gnb .lnb .lnb-list > li.has-link:hover > a > i {color:#424242;}
    #gnb .lnb .lnb-list > li.has-link.curr > a > i {color:#fff;}
}

@media (max-width:765px) {
    #header .header-body {padding:15px 0 14px 0;}
    #header .header-body-inr.inr {padding:0 12px;}

    #logo {max-width:calc(100% - 98px); height:30px;}
    #logo a {width:100%; height:30px;}
    #logo a span {width:100%; height:30px;}

    #search-area {top:60px;}
    #search-area .search-form {padding:12px; padding-top:17px;}
    #search-area .search-form .search-group .form_global-keyword {font-size:1rem;}
    #search-area .popular-keywords-title {position:static; margin-top:0; margin-bottom:11px;}
    #search-area .popular-keywords-title::before,
    #search-area .popular-keywords-title::after {display:none;}
    #search-area .popular-keywords-title span {vertical-align:top; font-size:1rem;}
    #search-area .popular-keywords-slider.swiper-container {margin-right:0; margin-left:0;}
    #search-area .popular-keywords-slider .swiper-slide a::before {font-size:0.714rem;}
    #search-area .popular-keywords-slider .swiper-slide a span {font-size:1rem;}
    #search-area .popular-keywords-slider-controller {top:1px;}
    #search-area .popular-keywords-slider-controller .swiper-button-prev,
    #search-area .popular-keywords-slider-controller .swiper-button-next,
    #search-area .popular-keywords-slider-controller .swiper-button-pause {font-size:1.429rem;}
    #btn_search-open {top:10px; right:62px; width:40px; height:40px; font-size:1.786rem; line-height:40px;}
    #btn_search-close {top:10px; right:62px; width:40px; height:40px; font-size:1.786rem; line-height:40px;}

    #search-area.on .search-form {/*top:60px;*/}

    #gnb .gnb-top {padding:14px 64px 11px 12px;}
    #gnb .gnb-top .link-list li + li {margin-left:6px;}
    #gnb .gnb-top .link-list li a span {font-size:0.857rem; line-height:1.5;}
    #gnb .gnb-inr {/*width:100%;*/ width:79.4444vw;}
    #gnb .gnb-list {height:calc(100vh - 60px); width: 100% !important;}
    #gnb .gnb-list > li > a {padding:16px 62px 14px 20px;}
    #gnb .gnb-list > li > a > span {font-size:1.143rem;}
    #gnb .gnb-list > li > a > i {right:12px; font-size:1.429rem;}
    #gnb .lnb {}
    #gnb .lnb .lnb-list {padding:20px;}
    #gnb .lnb .lnb-list > li {width:100%;}
    #gnb .lnb .lnb-list > li:nth-child(even) {margin-left:0;}
    #gnb .lnb .lnb-list > li:nth-child(n+2) {margin-top:6px;}
    #gnb .lnb .lnb-list > li > a > span {font-size:1.143rem;}
    #gnb .lnb .lnb-list > li > a > i {font-size:1.286rem;}
    #btn_gnb-open {top:4px; right:12px; width:40px; height:40px; background-color:#fff; font-size:1.786rem; line-height:40px;}
    #btn_gnb-close {top:10px; right:12px; width:40px; height:40px; background-color:#0051AC; font-size:1.786rem; line-height:40px;}
}

/* quick */
/* #quick > a > span > span{
    display: block;
    margin: 60px auto 60px -2.9em;
    transform: rotate(90deg);
} */
#quick {position:fixed; z-index:99; /*top:62.2222%;*/ top:calc(19.9074% + 457px); right:0; overflow:hidden; padding-left:50px; border-radius:10px 0 0 10px; box-shadow:0 3px 16px 0 rgba(0,58,136,0.1); /*transition:all 0.3s;*/}
#quick.show {overflow:visible;height: 193px; background: #fff;}
#quick > a {display:block; position:absolute; top:0; left:0; overflow:hidden; width:50px; padding:13px; padding-bottom:14px; border-radius:10px 0 0 10px; background-color:#3C7CF5; text-align:center; height: 193px;}
#quick > a > span {display:inline-block; font-size:0;}
#quick > a > span > i {display:inline-block; width:1em; font-size:1.5rem; color:#000;}
#quick > a > span > span {display:inline-block; width:120px; margin-top:5px; font-weight:700; font-size:1rem; line-height:1.5; letter-spacing:0.2em; color:#fff; margin: 60px auto 60px -2.9em; transform: rotate(90deg);}
#quick > div {background-color:#fff;}
#quick .quick-list {list-style:none; padding:0; margin:0;}
#quick .quick-list li {display:block; width:230px; padding: 10px;}
#quick .quick-list li + li {border-top:1px solid #ccc;}
#quick .quick-list li a {display:block; background:transparent no-repeat left center;}
#quick .quick-list li a span {font-weight:400; font-size:1rem; line-height:1.5; letter-spacing:-0.05em; color:#444;}

#quick .quick-list li.quick01 a {background-image:url(../imgs/common/ico_quick01.png); background-position-x:21px;}
#quick .quick-list li.quick02 a {background-image:url(../imgs/common/ico_quick02.png); background-position-x:21px;}
#quick .quick-list li.quick03 a {background-image:url(../imgs/common/ico_quick03.png); background-position-x:24px;}
#quick .quick-list li.quick04 a {background-image:url(../imgs/common/ico_quick04.png); background-position-x:21px;}

#quick .quick-list li:hover a span {text-decoration:underline;}

#quick > a:focus-visible {outline:none;}
#quick > a:focus-visible::after {content:""; position:absolute; top:0; right:0; bottom:0; left:0; width:100%; height:100%; border:3px solid #043E92; border-radius:10px 0 0 10px;}
#quick > .quick_content{
	height: 193px; overflow-y:scroll; 
}
@media (min-width: 1390px) {
	#quick {margin-top:-241px;}
}

@media (max-width: 1389px) {
    #quick {top:auto; right:16px; bottom:84px; overflow:visible; padding-left:0; border-radius:0; box-shadow:none;}
    #quick > a {position:static; width:60px; height:60px; padding:7px 11px 8px 12px; border-radius:6px; display: flex; align-items: center;}
    #quick > a > span::after {content:"SUB POPUP"; display:inline-block; margin-top:4px; font-weight:700; font-size:0.75rem; line-height:1.5; letter-spacing:-0.025em; color:#fff;}
    #quick > a > span > span, #quick > a > span > b{display:none !important;}
    #quick > div {display:none; position:absolute; right:0; bottom:72px; margin-right:-222px; border-radius:10px; box-shadow:0 3px 16px 0 rgba(0,58,136,0.1); transition:all 0.3s;}
    #quick .quick-list li {width:auto; height:auto;}
    #quick .quick-list li a {min-width:206px; padding-right:14px; padding-left:46px;}
    #quick.show > div {display:block; margin-right:0; width: 150px;}

    #quick .quick-list li.quick01 a {background-position-x:13px;}
    #quick .quick-list li.quick02 a {background-position-x:13px;}
    #quick .quick-list li.quick03 a {background-position-x:16px;}
    #quick .quick-list li.quick04 a {background-position-x:13px;}
    
/*     #quick > a:focus-visible::after {border-radius:6px;} */
}

@media (max-width: 765px) {
    #quick {right:12px; bottom:70px;}
    #quick > a {width:52px; height:52px; padding:0;}
    #quick > a > span::after {margin-top:0;}
    #quick > a > span > i {display:none;}
    #quick > div {bottom:64px;}
    #quick .quick-list li a {min-width:190px;padding: 0}
}

/* container */
#container {overflow:hidden auto;}
#content {}
#content.main-content {margin-top:175px;}
#content.sub-content {margin-top:175px;}

@media (max-width: 1389px) {
    #content.main-content {margin-top:90px;}
    #content.sub-content {margin-top:90px;}
}

@media (max-width: 765px) {
    #content.main-content {margin-top:60px;}
    #content.sub-content {margin-top:60px;}
}

/* footer */
#footer {}
#footer .footer-inr {padding-top:34px; padding-bottom:41px;}
#footer .footer-inr.inr {}
#footer .logo {margin:9px 33px 0 0;}
#footer .logo a {}
#footer .logo a span {}
#footer .logo a span img {}
#footer .addr {max-width:870px; font-size:0;}
#footer .addr > span {display:inline-block; vertical-align:top; font-weight:400; font-size:0.875rem; line-height:1.7143; letter-spacing:-0.05em; color:#C9C9C9;}
#footer .addr > span b.b1 {font-weight:500;}
#footer .addr > span b.b2 {font-weight:700;}
#footer .addr .browser-info {margin-top:13px;}
#footer .addr .browser-info span {display:inline-block; vertical-align:bottom; font-weight:500; font-size:0.875rem; line-height:1.4286; letter-spacing:-0.05em; color:#8b8b8b;}
#footer .addr .browser-info a {display:inline-block; vertical-align:bottom; padding:2px 10px; border-radius:4px;}
#footer .addr .browser-info a.link1 {margin-left:17px; background-color:#053863; color:#fff;}
#footer .addr .browser-info a.link2 {margin-left:8px; background-color:#474747; color:#fff;}
#footer .addr .browser-info a span {color:inherit;}
#footer .sns-area {}
#footer .sns-area .sns-list {list-style:none; padding:0; margin:0; font-size:0;}
#footer .sns-area .sns-list li {display:inline-block; vertical-align:top;}
#footer .sns-area .sns-list li + li {margin-left:10px;}
#footer .sns-area .sns-list li a {display:block; width:40px; height:40px; padding:8px; font-size:1.5rem; color:#fff;}
#footer .sns-area .wa-mark {display:block; width:100px; height:69px; margin-top:13px;}
#footer .sns-area .wa-mark .wa {}

#footer .sns-area .sns-list li.n-blog {background:url(../imgs/common/ico_n-blog.png) no-repeat; background-position:calc(50% + 2px) center;}

#btn_go-top {display:none; position:fixed; z-index:100; right:3%; bottom:3%; width:60px; height:60px; padding:7px 15px; padding-top:10px; border-radius:6px; background-color:#0051AC; text-align:center;}
#btn_go-top > i {display:block; height:0.5em; font-size:1.625rem; line-height:0.5em; color:#fff;}
#btn_go-top > i.arrow {}
#btn_go-top > i.arrow2 {opacity:0.7; margin-top:-0.3rem; margin-bottom:0.3rem;}
#btn_go-top span {display:block; margin-top:-4px; font-weight:700; font-size:0.938rem; line-height:1.4667; letter-spacing:-0.025em; color:#fff;}

#util-menu {background-color:#2A2A2A;}
#util-menu .util-menu-inr {}
#util-menu .util-menu-inr.inr {}
#util-menu .policy-area {padding:18px 0;}
#util-menu .policy-area .policy-list {list-style:none; padding:0; margin:0; font-size:0;}
#util-menu .policy-area .policy-list li {display:inline-block; vertical-align:top; position:relative;}
#util-menu .policy-area .policy-list li + li::before {content:""; display:inline-block; vertical-align:middle; height:15px; margin:0 32px; border-left:1px solid #707070;}
#util-menu .policy-area .policy-list li a {display:inline-block; vertical-align:middle;}
#util-menu .policy-area .policy-list li a span {font-weight:400; font-size:1rem; line-height:1.5; letter-spacing:0; color:#ddd;}
/*개인정보처리방침*/#util-menu .policy-area .policy-list li:first-child a span {font-weight:700; color:#00C6EF;}
#util-menu .site-area {}
#util-menu .site-area .site-list {list-style:none; padding:0; margin:0; border-right:1px solid #707070; border-left:1px solid #707070; font-size:0;}
#util-menu .site-area .site-list li {display:inline-block; vertical-align:top; width:198px;}
#util-menu .site-area .site-list li + li {border-left:1px solid #707070;}
#util-menu .site-area .site-list li select {width:100%; padding:20px 38px 20px 15px; border:none; background:#2A2A2A url(../imgs/common/ico_site-select-arrow.png) no-repeat right 15px center; font-weight:400; font-size:0.875rem; line-height:1.4286; letter-spacing:0; color:#fff;}

@media (max-width: 1389px) {
    #footer .footer-inr {padding-top:24px; padding-bottom:50px; text-align:center;}
    #footer .logo {display:none;}
    #footer .addr {float:none; max-width:630px; margin:0 auto;}
    #footer .addr .browser-info {margin-top:18px;}
    #footer .sns-area {float:none; margin-bottom:24px;}
    #footer .sns-area .wa-mark {margin:0 auto; margin-top:13px;}
    #btn_go-top {right:16px; bottom:16px;}

    #util-menu .util-menu-inr {padding:0;}
    #util-menu .policy-area {float:none; padding:0; /*margin:0 -35px;*/}
    #util-menu .policy-area .policy-list {display:table; table-layout:fixed; width:100%; height:48px; border-bottom:1px solid #707070;}
    #util-menu .policy-area .policy-list li {display:table-cell; vertical-align:middle;}
    #util-menu .policy-area .policy-list li + li {border-left:1px solid #707070;}
    #util-menu .policy-area .policy-list li + li::before {display:none;}
    #util-menu .policy-area .policy-list li a {display:block; padding:12px 0; text-align:center;}
    #util-menu .site-area {float:none; padding:18px 29px;}
    #util-menu .site-area .site-list {border-right:none; border-left:none;}
    #util-menu .site-area .site-list li {width:50%; padding:0 6px;}
	#util-menu .site-area .site-list li + li {border-left:none;}
    #util-menu .site-area .site-list li select {padding:14px 40px 14px 16px; background-color:#5B5B5B; background-position-x:right 16px;}
}

@media (max-width: 765px) {
    #footer .footer-inr {padding-top:24px; padding-bottom:53px;}
    #footer .addr {max-width:400px;}
    #footer .addr .browser-info {margin-top:18px;}
    #footer .addr .browser-info > span {display:block; margin-bottom:11px;}
    #footer .addr .browser-info a.link1 {margin-left:0;}
    #footer .sns-area {float:none; margin-bottom:19px;}

    #btn_go-top {right:12px; bottom:12px; width:52px; height:52px; padding:0; padding-top:10px;}
    #btn_go-top span {font-size:0.857rem; line-height:1.5;}

    #util-menu .policy-area .policy-list {display:block; height:auto;}
    #util-menu .policy-area .policy-list li {display:inline-block; width:50%;}
    #util-menu .policy-area .policy-list li + li {border-left:none;}
    #util-menu .policy-area .policy-list li:nth-child(even) {border-left:1px solid #707070;}
    #util-menu .policy-area .policy-list li:nth-child(n+3) {border-top:1px solid #707070;}
    #util-menu .policy-area .policy-list li a span {font-size:1.143rem;}
    #util-menu .site-area {padding:8px 10px;}
    #util-menu .site-area .site-list li {width:100%; padding:4px 0;}
}

/*------------------------------------------------------------------------------
    @서브공통
------------------------------------------------------------------------------*/
#content.sub-content .sub-content-inr {}
#content.sub-content .sub-content-inr.inr {}

#content.sub-content .sub-cont {margin-top:23px; margin-bottom:80px;}
#content.sub-content .sub-cont .sub-cont-inr {}
#content.sub-content .sub-cont .sub-cont-inr.inr {max-width:none; padding:0;}
#content.sub-content .sub-cont .cont-box {min-height:700px;}

#mobile-menu {display:none;}

#snb {padding-right:32px; margin-bottom:80px;}
#snb .snb-tit {display:table; table-layout:fixed; width:100%; height:169px; padding:30px; margin-bottom:14px; border-radius:0 0 6px 6px; background:#0051AC url(../imgs/common/snb-tit-bg.png) no-repeat left top;}
#snb .snb-tit a {display:table-cell; vertical-align:middle; cursor:default;}
#snb .snb-tit a span {display:inline-block; position:relative; font-weight:700; font-size:1.5rem; line-height:1.5; letter-spacing:-0.025em; color:#fff;}
#snb .snb-tit a i {display:none;}
#snb .snb-list {list-style:none; overflow:hidden; padding:0; margin:0; border:1px solid #CFD8DC; border-radius:6px; background-color:#fff;}
#snb .snb-list > li {display:block;}
#snb .snb-list > li:not(.curr) + li:not(.curr) {border-top:1px solid #D8DFE2;}
#snb .snb-list > li > a {display:block; position:relative; z-index:1; width:calc(100% + 2px); padding:13px 50px 13px 20px; margin:-1px; border:1px solid transparent; border-radius:0; transition:all 0.3s;}
#snb .snb-list > li > a > span {display:inline-block; vertical-align:top; padding:3px; font-weight:400; font-size:1rem; line-height:1.5; letter-spacing:-0.025em; color:#212121; transition:all 0.3s;}
#snb .snb-list > li > a > i {display:inline-block; vertical-align:top; position:absolute; top:50%; right:20px; width:1.5em; height:1.5em; padding:0.2em; margin-top:-0.7em; border:1px solid #E3E5E7; border-radius:4px; background-color:#fff; text-align:center; font-size:1.25rem; color:#424242; transition:all 0.3s;}

/* #snb .snb-list .has-link > a > i {color:#424242;} */

#snb .snb-list > li:hover > a,
#snb .snb-list > li > a:focus {border-color:transparent; background-color:#DAE9FB;}
#snb .snb-list > li.curr > a {border-color:transparent; background-color:#003A88;}
#snb .snb-list > li.curr > a > span {color:#fff;}
#snb .snb-list > li.curr > a > i {color:#003A88;}

/* #snb .snb-list > li.has-link.curr > a > i {color:#003A88;} */

#snb .snb-list > li > a:focus-visible {outline:none;}
#snb .snb-list > li > a:focus-visible::after {content:""; position:absolute; top:0; right:0; bottom:0; left:0; width:100%; height:100%; border:3px solid #043E92;}
#snb .snb-list > li:first-child > a:focus-visible::after {border-radius:6px 6px 0 0;}
#snb .snb-list > li:last-child > a:focus-visible::after {border-radius:0 0 6px 6px;}

#breadcrumb {position:relative; /*overflow:auto;*/ padding-bottom:20px; margin-bottom:32px; border-bottom:1px solid #C4C4C4; background:transparent url(../imgs/common/breadcrumb-bg.svg) no-repeat right 107px bottom;}
#breadcrumb .page-title {margin-top:24px;}
#breadcrumb .page-title h6 {}
#breadcrumb .page-title h6 span {font-weight:700; font-size:1.5rem; line-height:1.5; letter-spacing:-0.05em; color:#0051AC;}
#breadcrumb .page-title p {margin-top:6px; font-weight:500; font-size:1.125rem; line-height:1.5; letter-spacing:-0.05em; color:#000;}
#breadcrumb .breadcrumb-list {display:inline-block; vertical-align:top; list-style:none; padding:0; margin:0; margin-top:10px; font-size:0;}
#breadcrumb .breadcrumb-list > li {display:inline-block; vertical-align:middle;}
#breadcrumb .breadcrumb-list > li + li::before {content:""; display:inline-block; vertical-align:middle; width:10px; height:10px; margin:0 20px 0 16px; border-right:2px solid #CFCFCF; border-bottom:2px solid #CFCFCF; border-radius:2px; transform:rotate(-45deg);}
#breadcrumb .breadcrumb-list > li > a {display:inline-block; vertical-align:middle;}
#breadcrumb .breadcrumb-list > li > a > span {font-weight:500; font-size:0.875rem; line-height:1.4286; letter-spacing:-0.05em; color:#273237;}
#breadcrumb .breadcrumb-list > li:first-child {margin-right:13px;}
#breadcrumb .breadcrumb-list > li:first-child > a::before {font-size:1.125rem; color:#000;}
#breadcrumb .breadcrumb-list > li:first-child + li::before {display:none;}
#breadcrumb .tool-list {list-style:none; position:absolute; top:0; right:0; padding:0; margin:0;}
#breadcrumb .tool-list > li {display:inline-block; vertical-align:top; position:relative;}
#breadcrumb .tool-list > li + li {margin-left:8px;}
#breadcrumb .tool-list > li > a {display:block; width:40px; height:40px; padding:7px; border:1px solid #E3E5E7; border-radius:4px; background-color:#F9F9F9; text-align:center; transition:all 0.3s;}
#breadcrumb .tool-list > li > a::before {font-size:1.5rem; color:#0051AC;}
#breadcrumb .tool-list .share-box {display:none; position:absolute; z-index:11; top:0; right:0; padding:15px; padding-top:10px; border:1px solid #0051AC; border-radius:4px; background-color:#fff; box-shadow:0 0 15px 0 rgba(0,0,0,0.1);}
#breadcrumb .tool-list .share-box > p {font-weight:500; font-size:1rem; line-height:1.5; letter-spacing:-0.05em; color:#424242;}
#breadcrumb .tool-list .share-box .btn_share-box-close {position:absolute; top:6px; right:6px; font-size:1.5rem; color:#0051AC;}
#breadcrumb .tool-list .share-box .share-link {min-width:268px; margin-top:8px; font-size:0;}
#breadcrumb .tool-list .share-box .share-link .text {width:calc(100% - 64px); height:34px; min-height:auto; padding:6px 11px; margin-right:10px; border-radius:8px; font-weight:400; font-size:0.875rem; line-height:1.4286; letter-spacing:-0.025em; color:#424242;}
#breadcrumb .tool-list .share-box .share-link .btn {width:54px; height:34px; margin:0; border-color:#1E2948; border-radius:8px; background-color:#1E2948; text-align:center; font-weight:500; font-size:0.875rem; line-height:32px; letter-spacing:0; color:#fff;}
#breadcrumb .tool-list .share-box .share-sns {padding-top:12px; margin-top:12px; border-top:1px solid #D1D1D1;}
#breadcrumb .tool-list .share-box .share-sns-list {list-style:none; padding:0; margin:0; white-space:nowrap; font-size:0;}
#breadcrumb .tool-list .share-box .share-sns-list > li {display:inline-block; vertical-align:top;}
#breadcrumb .tool-list .share-box .share-sns-list > li + li {margin-left:12px;}
#breadcrumb .tool-list .share-box .share-sns-list > li > a {display:block; width:2.75rem; height:2.75rem; border-radius:8px; background:transparent no-repeat center center; text-align:center; font-size:1.625rem; line-height:1.6923;}

#breadcrumb .tool-list .share-box .share-sns-list > li.n-blog > a {background-color:#5EA821; background-image:url(../imgs/common/ico_sns_n-blog.svg); color:#fff;}
#breadcrumb .tool-list .share-box .share-sns-list > li.facebook > a {background-color:#3C5A99; color:#fff;}
#breadcrumb .tool-list .share-box .share-sns-list > li.twitter > a {background-color:#439CD6; color:#fff;}
#breadcrumb .tool-list .share-box .share-sns-list > li.instagram > a {background-image:linear-gradient(-135deg, #C60498, #FC0D12, #FFB423); color:#fff;}
#breadcrumb .tool-list .share-box .share-sns-list > li.k-talk > a {background-color:#F9E000; background-image:url(../imgs/common/ico_sns_k-talk.svg); color:#3C1E1E;}

#breadcrumb .tool-list > li:hover > a,
#breadcrumb .tool-list > li > a:focus {background-color:#0051AC;}
#breadcrumb .tool-list > li:hover > a::before,
#breadcrumb .tool-list > li > a:focus::before {color:#fff;}
#breadcrumb .tool-list > li.share.on .share-box {/*display:block;*/}

.bundle-wrap {margin:30px 0;}
.bundle-tab-btn {position:relative; /*overflow:hidden;*/ border:1px solid #E3E5E7; border-radius:4px; background-color:#F4F6F8; margin-bottom:30px;}
.bundle-tab-btn > ul {list-style:none; padding:0; margin:0; font-size:0;}
.bundle-tab-btn > ul > li {display:inline-block; vertical-align:top; position:relative;}
.bundle-tab-btn > ul > li + li::before {content:""; position:absolute; top:50%; left:0; height:27px; margin-top:-13px; border-left:1px solid #CBCBCB;}
.bundle-tab-btn > ul > li > a {display:table; /* table-layout:fixed; */ position:relative; width:100%; height:58px; text-align:center; transition:all 0.3s;}
.bundle-tab-btn > ul > li > a > span {display:table-cell; vertical-align:middle; padding:0 10px;}
.bundle-tab-btn > ul > li > a > span > span {display:inline-block; vertical-align:middle; font-weight:400; font-size:1rem; line-height:1.5; letter-spacing:-0.05em; color:#000; transition:all 0.3s;}
.bundle-tab-btn > ul > li > a > span > i {display:inline-block; vertical-align:middle; margin-left:4px; font-size:1rem; color:#000; transition:all 0.3s;}
.bundle-tab-btn .curr-bar {display:block; position:absolute; bottom:-1px; left:0; margin-left:4px; border-top:5px solid #56BDFF; border-radius:4px; transition:all 0.3s;}
.bundle-tab-cont {}
.bundle-tab-cont > ul {list-style:none; padding:0; margin:0;}
.bundle-tab-cont > ul > li {display:none;}
.bundle-tab-cont > ul > li > div {}

/* .bundle-tab-btn > ul li.has-link a i {} */

.bundle-tab-btn.column-1 ul > li {width:100%;}
.bundle-tab-btn.column-1 ul > li + li::before{top:auto; width:100%; height:auto; margin-top:0; border-top:1px solid #E3E5E7; border-left:none;}
.bundle-tab-btn.column-1 .curr-bar {width:calc(100% - 8px);}
.bundle-tab-btn.column-2 ul > li {width:50%;}
.bundle-tab-btn.column-2 ul > li:nth-child(2n+1)::before{top:auto; width:200%; height:auto; margin-top:0; border-top:1px solid #E3E5E7; border-left:none;}
.bundle-tab-btn.column-2 .curr-bar {width:calc(50% - 8px);}
.bundle-tab-btn.column-3 ul > li {width:33.3333%;}
.bundle-tab-btn.column-3 ul > li:nth-child(3n+1)::before{top:auto; width:300%; height:auto; margin-top:0; border-top:1px solid #E3E5E7; border-left:none;}
.bundle-tab-btn.column-3 .curr-bar {width:calc(33.3333% - 8px);}
.bundle-tab-btn.column-4 ul > li {width:25%;}
.bundle-tab-btn.column-4 ul > li:nth-child(4n+1)::before{top:auto; width:400%; height:auto; margin-top:0; border-top:1px solid #E3E5E7; border-left:none;}
.bundle-tab-btn.column-4 .curr-bar {width:calc(25% - 8px);}
.bundle-tab-btn.column-5 ul > li {width:20%;}
.bundle-tab-btn.column-5 ul > li:nth-child(5n+1)::before{top:auto; width:500%; height:auto; margin-top:0; border-top:1px solid #E3E5E7; border-left:none;}
.bundle-tab-btn.column-5 .curr-bar {width:calc(20% - 8px);}
.bundle-tab-btn.column-6 ul > li {width:16.6666%;}
.bundle-tab-btn.column-6 ul > li:nth-child(6n+1)::before{top:auto; width:600%; height:auto; margin-top:0; border-top:1px solid #E3E5E7; border-left:none;}
.bundle-tab-btn.column-6 .curr-bar {width:calc(16.6666% - 8px);}
.bundle-tab-btn.column-7 ul > li {width:14.2857%;}
.bundle-tab-btn.column-7 ul > li:nth-child(7n+1)::before{top:auto; width:700%; height:auto; margin-top:0; border-top:1px solid #E3E5E7; border-left:none;}
.bundle-tab-btn.column-7 .curr-bar {width:calc(14.2857% - 8px);}
.bundle-tab-btn.column-8 ul > li {width:12.5%;}
.bundle-tab-btn.column-8 ul > li:nth-child(8n+1)::before{top:auto; width:800%; height:auto; margin-top:0; border-top:1px solid #E3E5E7; border-left:none;}
.bundle-tab-btn.column-8 .curr-bar {width:calc(12.5% - 8px);}

.bundle-tab-btn > ul > li:hover > a > span > span,
.bundle-tab-btn > ul > li:hover > a > span > i,
.bundle-tab-btn:not(#tab-menu) > ul > li > a:focus > span > span,
.bundle-tab-btn:not(#tab-menu) > ul > li > a:focus > span > i {color:#0051AC;}
.bundle-tab-btn > ul > li.on > a > span > span {font-weight:700; color:#0051AC;}
.bundle-tab-cont > ul > li.on {display:block;}

#tab-menu {}
#tab-menu > a {display:none;}

@media print {
	.sub-cont {width:100% !important;}
	.sub-cont-inr.inr {max-width:none !important;}
	#breadcrumb .breadcrumb-list {display:block !important;}
	#breadcrumb .tool-list {display:none !important;}
}

@media (max-width: 1389px) {
    #content.sub-content .sub-cont {width:100%; margin-top:0; margin-bottom:50px;}

    #snb {position:relative; width:100%; padding-right:12px; margin-top:24px; margin-bottom:29px;}
    #snb .snb-tit {display:block; height:auto; padding:0; margin-bottom:0; border-radius:0; background:none;}
    #snb .snb-tit a {display:block; position:relative; z-index:11; padding:16px; padding-right:40px; background-color:#0051ac; border-radius:6px; cursor:pointer;}
    #snb .snb-tit a span {display:inline-block; vertical-align:top; padding:0 8px; font-weight:500; font-size:1rem; line-height:1.5; letter-spacing:-0.025em; color:#fff;}
    #snb .snb-tit a i {display:inline-block; vertical-align:top; position:absolute; top:50%; right:16px; width:1em; height:1em; margin-top:-0.5em; border:1px solid #E3E5E7; border-radius:2px; background-color:#fff; text-align:center; font-weight:normal; font-size:1.5rem; line-height:0.9167; color:#707070; transition:all 0.3s;}
    #snb .snb-tit a i::before {display:inline-block; width:0.9167em; height:0.9167em;}
    #snb .snb-list {display:none; position:absolute; z-index:10; top:100%; right:12px; left:12px; border:none; border-radius:6px; background-color:#DAE9FB; box-shadow:0 5px 5px 0 rgba(0,0,0,0.1);}
    #snb .snb-list > li:not(.curr) + li:not(.curr) {border-top-color:#ECF4FD;}
    #snb .snb-list > li > a {padding:11px 10px 11px 25px; text-indent:-15px;}
    #snb .snb-list > li > a::before {content:""; display:inline-block; vertical-align:middle; width:5px; height:5px; margin:0 10px; border-top:1px solid #5E6165; border-right:1px solid #5E6165; transform:rotate(45deg); transition:all 0.3s;}
    #snb .snb-list > li > a > span {display:inline-block; vertical-align:middle; padding:0; text-indent:0; font-weight:400; font-size:0.875rem; line-height:1.5; letter-spacing:0; color:#000;}
    #snb .snb-list > li > a > i {/*display:inline-block;*/ display:none; vertical-align:middle; position:static; width:1em; height:1em; padding:0; margin-top:0; margin-left:4px; border:none; border-radius:0; background-color:transparent; text-indent:0; font-size:1.125rem;}

    #snb .snb-list .has-link > a > i {display:inline-block;}

    #snb.on .snb-tit a i {transform:rotate(180deg);}
    #snb .snb-list > li:hover > a,
    #snb .snb-list > li > a:focus {border-color:transparent; background-color:transparent;}
    #snb .snb-list > li.curr > a {border-color:transparent; background-color:#7ECBFC;}
    #snb .snb-list > li.curr > a > span {color:#000;}
    #snb .snb-list > li.curr > a > span > i {color:#000;}

    #breadcrumb {padding-bottom:20px; margin-bottom:32px;}
    #breadcrumb .page-title {margin-top:24px;}
    #breadcrumb .page-title p {margin-top:6px;}
    #breadcrumb .breadcrumb-list {margin-top:10px;}
    #breadcrumb .tool-list li.print {display:none;}

    .bundle-wrap {margin:30px 0;}
    .bundle-tab-btn {margin-bottom:30px;}
    .bundle-tab-btn > ul > li::after {content:""; opacity:0; position:absolute; z-index:1; right:4px; bottom:-1px; left:4px; border-top:5px solid #56BDFF; border-radius:4px; transition:all 0.3s;}
    .bundle-tab-btn .curr-bar {display:none;}

    .bundle-tab-btn:not(#tab-menu) > ul > li.on::after,
    #tab-menu > ul > li.curr::after {opacity:1;}
}

@media (min-width: 766px) and (max-width: 1389px) {
    /* Tab */
    .bundle-tab-btn.column-5 ul > li {width:33.3333%;}
    .bundle-tab-btn.column-5 ul > li:nth-child(3n+1)::before{top:auto; width:300%; height:auto; margin-top:0; border-top:1px solid #E3E5E7; border-left:none;}
    .bundle-tab-btn.column-5 .curr-bar {width:33.3333%;}
    .bundle-tab-btn.column-6 ul > li {width:33.3333%;}
    .bundle-tab-btn.column-6 ul > li:nth-child(3n+1)::before{top:auto; width:300%; height:auto; margin-top:0; border-top:1px solid #E3E5E7; border-left:none;}
    .bundle-tab-btn.column-6 .curr-bar {width:33.3333%;}
    .bundle-tab-btn.column-7 ul > li {width:50%;}
    .bundle-tab-btn.column-7 ul > li:nth-child(2n+1)::before{top:auto; width:200%; height:auto; margin-top:0; border-top:1px solid #E3E5E7; border-left:none;}
    .bundle-tab-btn.column-7 .curr-bar {width:50%;}
    .bundle-tab-btn.column-8 ul > li {width:50%;}
    .bundle-tab-btn.column-8 ul > li:nth-child(2n+1)::before{top:auto; width:200%; height:auto; margin-top:0; border-top:1px solid #E3E5E7; border-left:none;}
    .bundle-tab-btn.column-8 .curr-bar {width:50%;}
}

@media (max-width: 765px) {
    #content.sub-content .sub-cont {margin-top:20px; margin-bottom:50px;}

    #snb {padding-right:8px; margin-bottom:29px;}
    #snb .snb-list {right:8px; left:8px;}

    #breadcrumb {background-size:89px auto; background-position:right 7px bottom; text-align:center; padding-bottom:20px; margin-bottom:32px;}
    #breadcrumb .page-title {margin-top:14px;}
    #breadcrumb .page-title p {margin-top:6px;}
    #breadcrumb .breadcrumb-list {display:none;}
    #breadcrumb .tool-list {position:static;}
    #breadcrumb .tool-list .share-box {right:50%; margin-right:-136px;}

    /* Tab */
    /* .bundle-tab-btn > ul > li {width:100%;}
    .bundle-tab-btn > ul > li:nth-child(even) {margin-left:0;}
    .bundle-tab-btn > ul > li:nth-child(n+2) {margin-top:10px;} */
    .bundle-tab-btn.column-3 ul > li {width:100%;}
    .bundle-tab-btn.column-3 ul > li:nth-child(n+1)::before{top:auto; width:200%; height:auto; margin-top:0; border-top:1px solid #E3E5E7; border-left:none;}
    .bundle-tab-btn.column-3 .curr-bar {width:100%;}
    .bundle-tab-btn.column-4 ul > li {width:50%;}
    .bundle-tab-btn.column-4 ul > li:nth-child(2n+1)::before{top:auto; width:200%; height:auto; margin-top:0; border-top:1px solid #E3E5E7; border-left:none;}
    .bundle-tab-btn.column-4 .curr-bar {width:50%;}
    .bundle-tab-btn.column-5 ul > li {width:100%;}
    .bundle-tab-btn.column-5 ul > li:nth-child(n+1)::before{top:auto; width:200%; height:auto; margin-top:0; border-top:1px solid #E3E5E7; border-left:none;}
    .bundle-tab-btn.column-5 .curr-bar {width:100%;}
    .bundle-tab-btn.column-6 ul > li {width:50%;}
    .bundle-tab-btn.column-6 ul > li:nth-child(2n+1)::before{top:auto; width:200%; height:auto; margin-top:0; border-top:1px solid #E3E5E7; border-left:none;}
    .bundle-tab-btn.column-6 .curr-bar {width:50%;}
    .bundle-tab-btn.column-7 ul > li {width:100%;}
    .bundle-tab-btn.column-7 ul > li:nth-child(n+1)::before{top:auto; width:200%; height:auto; margin-top:0; border-top:1px solid #E3E5E7; border-left:none;}
    .bundle-tab-btn.column-7 .curr-bar {width:100%;}
    .bundle-tab-btn.column-8 ul > li {width:50%;}
    .bundle-tab-btn.column-8 ul > li:nth-child(2n+1)::before{top:auto; width:200%; height:auto; margin-top:0; border-top:1px solid #E3E5E7; border-left:none;}
    .bundle-tab-btn.column-8 .curr-bar {width:50%;}
}

/*------------------------------------------------------------------------------
    @서브메인
------------------------------------------------------------------------------*/
#error-wrap {}
#error-wrap .error-wrap-inr {margin:0 auto;}
#error-wrap .error-wrap-inr.inr {max-width:730px; padding:0;}
#error-wrap .error-code {display:table; overflow:hidden; width:286px; height:291px; margin-top:26px; margin-right:68px; background:url(../imgs/common/error-bg.png) no-repeat 0 0; text-align:center;}
#error-wrap .error-code p {display:table-cell; vertical-align:top; padding-top:24px; padding-right:152px; font-weight:700; font-size:2.75rem; line-height:1.4773; letter-spacing:-0.05em; color:#FFDD33; transform:rotateX(-30deg) rotateY(50deg) rotateZ(-2deg);}
#error-wrap .error-message {max-width:370px; margin-top:0; margin-bottom:40px;}
#error-wrap .error-message h1 {margin-bottom:33px; font-weight:400; font-size:3.125rem; line-height:1.48; letter-spacing:-0.025em; color:#0051AC;}
#error-wrap .error-message h1 b {font-weight:700;}
#error-wrap .error-message p {font-weight:400; font-size:1rem; line-height:1.5; letter-spacing:-0.025em; color:#000;}
#error-wrap .button-box .btn {width:120px;}

#prepare-wrap {display:table; table-layout:fixed; width:100%; height:534px; padding-top:26px; background:#F8F8F8 url(../imgs/common/preparing-bg.png) no-repeat center calc(50% + 17px); text-align:center;}
#prepare-wrap .prepare-wrap-inr {display:table-cell; vertical-align:middle;}
#prepare-wrap .prepare-wrap-inr.inr {max-width:none; padding:0;}
#prepare-wrap .prepare-message {max-width:405px; margin:0 auto;}
#prepare-wrap .prepare-message h1 {margin-bottom:32px; background:url(../imgs/common/preparing-txt.png) no-repeat center center; font-weight:900; font-size:2.125rem; line-height:1.4706; letter-spacing:-0.05em; /*color:#fff;*/ color:transparent; /*text-shadow:-1px -1px 0 #000, 1px -1px 0 #000, -1px 1px 0 #000, 1px 1px 0 #000;*/}
#prepare-wrap .prepare-message h1 span {font-weight:inherit; font-size:inherit; line-height:inherit; letter-spacing:inherit; color:transparent;}
#prepare-wrap .prepare-message p {font-weight:400; font-size:1rem; line-height:1.5; letter-spacing:-0.05em; color:#4B4B4B;}

@media (max-width: 1389px) {}

@media (max-width: 765px) {
	#error-wrap .error-wrap-inr > div {float:none;}
	#error-wrap .error-code {margin:0 auto 68px auto;}
	#error-wrap .error-message {max-width:none; text-align:center;}
	#error-wrap .button-box {text-align:center;}
}

/*------------------------------------------------------------------------------
    @팝업
------------------------------------------------------------------------------*/
/* Common Layer Popup */
.pop-wrap {}
.pop-wrap .pop {display:none; position:relative; min-width:1200px; /*min-height: 600px;*/ border-radius:6px; /*background-color:#fff;*/ box-shadow:0 3px 6px 0 rgba(0,0,0,0.2);}
.pop-wrap .pop-close {position:absolute; z-index:1; top:0; right:0; padding:0.938rem; cursor:pointer;}
.pop-wrap .pop-close a {display:block; width:1em; height:1em; font-size:1.875rem; color:#fff;}
.pop-wrap .pop-head {position:relative; min-height:60px; padding:15px 30px; border-radius:6px 6px 0 0; background-color:#0051AC;}
.pop-wrap .pop-head h2 {display:inline-block;}
.pop-wrap .pop-head h2 span {font-weight:500; font-size:1.25rem; line-height:1.45; letter-spacing:-0.05em; color:#fff;}
.pop-wrap .pop-body {/*overflow-x:hidden; overflow-y:auto;*/ max-height:50vh; padding:32px 48px; background-color:#fff;}
.pop-wrap .pop-foot {padding-bottom:20px; background-color:#fff; border-radius:0 0 6px 6px;}
.pop-wrap .pop-foot::before {content:""; display:block; margin:0 48px; margin-bottom:20px; border-top:1px solid #CECECE;}

.mCS-popup-theme.mCSB_scrollTools .mCSB_draggerContainer {top:6px; bottom:6px;}
.mCS-popup-theme.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar {width:3px; border-radius:2px; background-color:#424242;}
.mCS-popup-theme.mCSB_scrollTools .mCSB_draggerRail {opacity:0.3; width:3px; border-radius:0; background-color:#424242;}
/* .mCS-popup-theme.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar {height:3px; border-radius:2px; background-color:#424242;}
.mCS-popup-theme.mCSB_scrollTools .mCSB_draggerRail {opacity:0.3; height:3px; margin:6px 0; border-radius:0; background-color:#424242;} */

/* Main - Layer Popup */
.pop-layer {display:none; position:absolute; top:50%; left:50%; width:auto; height:auto; background-color:#333; z-index:999;}
.dim-layer {display:none; position:fixed; z-index:1000; top:0; left:0; width:100%; height:100%;}
.dim-layer .dimBg {position:absolute; top:0; left:0; width:100%; height:100%; background-color:#081023; opacity:0.4;}
.pop-layer .pop-container .pop-conts {font-size:0;}
.pop-layer .pop-container .pop-conts .cont_txt{overflow-x:hidden auto; padding:15px; background-color:#fff;}
.pop-layer .close-bottom {width:100%; height:50px; font-size:0;}
.pop-layer .close-bottom a {display:inline-block; position:relative; width:50%; padding:0 10px; text-align:center; font-weight:500; font-size:1rem; line-height:50px; letter-spacing:-0.025em; color:#fff; cursor:pointer;}
.pop-layer .close-bottom a:hover,
.pop-layer .close-bottom a:focus {text-decoration:underline;}
.pop-layer .close-bottom a.btn-layerClose {background-color:#343434;}
.pop-layer .close-bottom a.close_text {background-color:#000;}
.pop_padding {padding:30px;}

/* Main - Slide Popup */
#slide-pop {position:fixed; overflow:hidden; text-align:center; /*transition:all 0.3s;*/}
#slide-pop.show {overflow:visible;}
#slide-pop img {vertical-align:top; width:100%; height:100%; max-width:100%;}
#slide-pop > a {position:relative; background-color:#15BEB7; color:#fff !important; }
#slide-pop > a > span {font-size:0;}
#slide-pop > a > span > i {font-size:1.5rem; color:#000;}
#slide-pop > a > span > span {font-weight:700; font-size:1rem; line-height:1.5; letter-spacing:0.2em; color:#fff; width: 120px;}
#slide-pop > a > span > div {width:30px; height:30px; border-radius:50%; background-color: rgba(255,255,255,0.4); text-align:center; font-weight:700; font-size:0.875rem; line-height:30px; letter-spacing:-0.025em; color:#fff; rotate: 90deg;}
#slide-pop > a > span > b {width:30px; height:30px; border-radius:50%; background-color: rgba(255,255,255,0.4); text-align:center; font-weight:700; font-size:0.875rem; line-height:30px; letter-spacing:-0.025em; color:#fff; rotate: 90deg;}
#slide-pop > div {background-color: #2B2B2D; box-shadow:0 3px 16px 0 rgba(0,58,136,0.1);}
#slide-pop .slide-pop-upr {position:relative; margin-bottom:10px;}
#slide-pop .slide-pop-inr {}
#slide-pop .pop-slider {margin:0 auto;}
#slide-pop .pop-slider.swiper-container {}
#slide-pop .pop-slider .swiper-wrapper {}
#slide-pop .pop-slider .swiper-slide {}
#slide-pop .pop-slider .swiper-slide a {display:block; position:relative;}
#slide-pop .pop-slider .swiper-slide .cont {overflow:hidden;background-color:#fff;}
#slide-pop .pop-slider .swiper-slide .cont > div {overflow:auto; max-height:100%; padding:15px; font-weight:400; font-size:1rem; line-height:1.5; letter-spacing:-0.025em; color:#212121;}
#slide-pop .pop-slider .swiper-slide .cont > div * {font-weight:400; font-size:1rem; line-height:1.5; letter-spacing:-0.025em; color:#212121;}
#slide-pop .pop-slider .swiper-slide .tit {display:block; overflow:hidden; margin-top:10px; white-space:nowrap; text-overflow:ellipsis; font-weight:500; font-size:1rem; line-height:1.5; letter-spacing:-0.025em; color:#fff;}
#slide-pop .pop-slider-controller {text-align:right; padding: 10px;}
#slide-pop .swiper-pagination {margin-top:2px; margin-left:2px; font-size:12px; line-height:1.4286; color:#fff;}
#slide-pop .swiper-pagination .swiper-pagination-current {color:#15BEB7;}
#slide-pop .swiper-pagination .swiper-pagination-total {font-weight: 100;}
#slide-pop .swiper-pagination .swiper-pagination-total::before {border-color:#fff;}
#slide-pop .swiper-button-pause {color:#fff;}
#slide-pop .swiper-button-prev {float: left;color: #fff;margin-right: 20px;font-size: 18px;}
#slide-pop .swiper-button-next {color:#fff; font-size: 18px;}

#slide-pop > a:focus-visible {outline:none;}
#slide-pop > a:focus-visible::after {content:""; position:absolute; top:0; right:0; bottom:0; left:0; width:100%; height:100%; border:3px solid #043E92;}
#slide-pop .pop-slider .swiper-slide a:focus-visible {outline:none;}
#slide-pop .pop-slider .swiper-slide a:focus-visible::after {content:""; position:absolute; top:0; right:0; bottom:0; left:0; width:100%; height:100%; border:3px solid #043E92; border-radius:10px;}


#quick > a > span > b {width:30px; height:30px; border-radius:50%; background-color: rgba(255,255,255,0.4); text-align:center; font-weight:700; font-size:0.875rem; line-height:30px; letter-spacing:-0.025em; color:#fff; rotate: 90deg; display: block;}








@media (min-width: 1390px) {
	#slide-pop {z-index:99; top:19.9074%; right:0; overflow:visible; border-radius:0 0 0 10px;}
	#slide-pop > a {
	    display: block;
	    position: absolute;
	    top: 0;
	    right: 100%;
	    overflow: hidden;
	    width: 50px;
	    padding: 13px;
	    border-radius: 10px 0 0 10px;
	    height: 193px;
	}
    #slide-pop > a > span {display:inline-block;}
    #slide-pop > a > span > i {display:block; width:30px;}
    #slide-pop > a > span > span {
   	    display: block;
	    margin: 50px auto 60px -2.9em;
	    transform: rotate(90deg);
    }
    #slide-pop > a > span > b {display:block;}
    #slide-pop > a > span > div {display:block;}
	#slide-pop > div {position:static; border-radius:0 0 0 10px;}
	
	#slide-pop > a:focus-visible::after {border-radius:10px 0 0 10px;}
}
@media (max-width: 1389px) {
    .pop-wrap .pop {min-width:auto; margin-right:35px; margin-left:35px;}

    #slide-pop {z-index:0; top:70px; right:0; left:0; width:100%;}
    #slide-pop > a {width:100%; height:50px; display: flex; align-items: center; justify-content: center;}
    #slide-pop > a > span {display:flex; vertical-align:middle; align-items: center; justify-content: center; flex-direction: row-reverse;}
    #slide-pop > a > span > i {display:inline-block; vertical-align:middle; margin-right:11px;}
    #slide-pop > a > span > span {display:inline-block; vertical-align:middle; margin-right:11px;}
    #slide-pop > a > span > b {display:inline-block; vertical-align:middle;}
    #slide-pop > a > span > div {display:inline-block; vertical-align:middle; rotate: 0deg;}
    #slide-pop > div {position:absolute; top:100%; right:0; left:0; width:100%;}
}
@media (min-width: 766px) {
	.pop-layer {margin-left:0 !important;}
}
@media (max-width: 765px) {
    .pop-wrap .pop {min-width:auto; margin-right:12px; margin-left:12px;}
    /* .pop-wrap .pop-body {max-height:520px;} */

    .pop-layer {top:0 !important; left:50% !important;}

    #slide-pop {}
}
@media (max-width: 550px) {
    .pop-layer {right:10%; left:10% !important; margin-left:0 !important;}
    .pop-layer img {width:100%;}
}