@charset "UTF-8";
@import url("/static/commons/css/common.css?v1084");
@import url("/static/jslibrary/swiper/swiper-bundle.min.css");
@import url(https://cdn.jsdelivr.net/gh/sun-typeface/SUIT/fonts/static/woff2/SUIT.css);
@import url("https://fonts.googleapis.com/css2?family=Material+Symbols+Outlined:opsz,wght,FILL,GRAD@24,400,0,0");
@import url("https://fonts.googleapis.com/css2?family=Montserrat:ital,wght@0,100..900;1,100..900&display=swap");
@import url("/static/portal/css/base/global.css?v6231");
@import url("/static/portal/css/base/footer.css?v2059");
@import url("/static/portal/css/components/chatbot.css?v169");
.visible-xs,
.visible-sm,
.visible-md,
.visible-lg {
display: none !important;
}

@media (min-width: 1024px) {
.visible-lg {
display: block !important;
}
}
@media (min-width: 768px) and (max-width: 1023px) {
.visible-md {
display: block !important;
}
}
@media (max-width: 767px) {
.visible-sm {
display: block !important;
}
}
@media (max-width: 459px) {
.visible-xs {
display: block !important;
}
}
/* prettier-ignore */
/* prettier-ignore */
.theme-light,
:root {
--globaltabactive: var(--mid-blue);
--blue-purple: #553adb;
--spruce: #0c6a27;
--formbdcolor: #dddddd;
--formbgcolor: #f7f7f7;
--darkblue: #000e18;
--midnightblue: #1c2674;
--deepblue: #004889;
--blue: #005aab;
--skyblue: #0c9ebd;
--skylight: #00bce4;
--skywhite: #eef8fa;
--babyblue: #7facd5;
--lightblue: #f3fafc;
--very-light-blue: #e4edfa;
--infoboxbg: #ebfafd;
--body-font-color: #000000;
--grayblue: #f2f7fb;
--whiteblue: #f2fcfe;
--orange: #d8761f;
--whiteorange: #fdf8f4;
--white-gray: #eeeeee;
--gray: #888;
--green: #009344;
--teel: #009b97;
--kelly-green: #0a9d26;
--red: #ed1b2f;
--orange-red: #ea3c14;
--darkish-pink: #e4477a;
--lightgray: #cfcfcf;
--whitegray: #f1f1f1;
--trgray: #fafafa;
--silver-Two: #dddee1;
--deepgray: #333;
--linegray: #626971;
--footgray: #3b434e;
--mediumgray: #48515f;
--graya7: #a7a7a7;
--borderwhite: #d9e6f2;
--dlbg: #f8fbfd;
--mineShaft: #2e363a;
--muddyWaters: #525d64;
--white: #fff;
--black: #000;
--cobalt: #02728d;
--lagoon: #008890;
--blinkpink: #fa5778;
--pink: #e4477a;
--warm-grey: #757575;
--light-blue-grey: #c4c4d3;
--lightred: #c54804;
--bg_gray: #eff2f7;
--txt_gray: #959ca1;
--faq-Q-dt-bgcolor: #fcfcfc;
--faq-Q-bgcolor: #005baa;
--faq-A-bgcolor: #0c9ebd;
--mid-blue: #2164c1;
--mid-blue-Two: #2163c1;
--water-blue: #136cc8;
--black-two: #303030;
--black-three: #222121;
--steel: #898993;
--slate-grey: #656873;
--slate-grey0\.8: rgba(101, 104, 115, 0.8);
--blue-green: #099ca5;
--sh-bd: #dee4f0;
--bdcolor: #ddd;
--bd-color: #ddd;
--th-bg: #f8f8fc;
--bd-top: #252525;
--bd-td-border: #e6e5ed;
--shbgcolor: #f2f7fb;
--bdtopcolor: #252525;
--thbgcolor: #f8f8fc;
--cellhovercolor: #f4f4f4;
--linkcolor: #000;
--btnbgcolor: #364150;
--viewbdtopcolor: #494b50;
--viewheadBgcolor: #edf0f7;
--viewheadcolor: #333333;
--dp1overcolor: #fff;
--lnbtitlebgcololr: #939393;
--point: #005aab;
--teal: #009b97;
--sh-form-color: #ddd;
--darkish-green: #239233;
--water-blue-two: #128ed5;
--cerulean: #007dd8;
--ice-blue: #f0f6ff;
--ice-blue-Two: #edf4ff;
--cool-grey: #aaaaba;
--brownish-grey: #6d6d6d;
--grass-green: #419807;
--tomato: #e1511f;
--iris: #634dc3;
--rouge: #9c161f;
--golden-brown: #bf7e00;
--bright-orange: #f25900;
--mid-blue-2: #2564a6;
--flexbox-bg: #f8f8fc;
--file-goroup-color: var(--mid-blue);
}

/* prettier-ignore */
@font-face {
font-family: "GmarketSans";
font-style: normal;
font-weight: 700;
src: local("Gmarket Sans Bold"), local("GmarketSans-Bold"), url("/static/font/gmarket/GmarketSansBold.woff2") format("woff2"), url("/static/font/gmarket/GmarketSansBold.woff") format("woff"); /* Chrome 6+, Firefox 3.6+, IE 9+, Safari 5.1+ */
}
@font-face {
font-family: "GmarketSans";
font-style: normal;
font-weight: 400 600;
src: local("Gmarket Sans Medium"), local("GmarketSans-Medium"), url("/static/font/gmarket/GmarketSansMedium.woff2") format("woff2"), url("/static/font/gmarket/GmarketSansMedium.woff") format("woff");
}
@font-face {
font-family: "GmarketSans";
font-style: normal;
font-weight: 100;
src: local("Gmarket Sans Light"), local("GmarketSans-Light"), url("/static/font/gmarket/GmarketSansLight.woff2") format("woff2"), url("/static/font/gmarket/GmarketSansLight.woff") format("woff");
}
@font-face {
font-family: "Gmarket Sans";
font-style: normal;
font-weight: 700;
src: local("Gmarket Sans Bold"), local("GmarketSans-Bold"), url("/static/font/gmarket/GmarketSansBold.woff2") format("woff2"), url("/static/font/gmarket/GmarketSansBold.woff") format("woff");
}
@font-face {
font-family: "Gmarket Sans";
font-style: normal;
font-weight: 400 600;
src: local("Gmarket Sans Medium"), local("GmarketSans-Medium"), url("/static/font/gmarket/GmarketSansMedium.woff2") format("woff2"), url("/static/font/gmarket/GmarketSansMedium.woff") format("woff");
}
@font-face {
font-family: "Gmarket Sans";
font-style: normal;
font-weight: 100;
src: local("Gmarket Sans Light"), local("GmarketSans-Light"), url("/static/font/gmarket/GmarketSansLight.woff2") format("woff2"), url("/static/font/gmarket/GmarketSansLight.woff") format("woff");
}
[class^=ico-] {
display: inline-block;
}

.arr-right-12 {
background-image: url(/static/portal/img/sprite-common.png?20241017163355);
background-position: -594px -150px;
width: 12px;
height: 19px;
}
@media (-webkit-min-device-pixel-ratio: 2), (min-resolution: 192dpi) {
.arr-right-12 {
background-image: url(/static/portal/img/sprite-common@2x.png?20241017163355);
background-size: 609px 593px;
}
}

.arrow-40 {
background-image: url(/static/portal/img/sprite-common.png?20241017163355);
background-position: 0px -287px;
width: 40px;
height: 40px;
}
@media (-webkit-min-device-pixel-ratio: 2), (min-resolution: 192dpi) {
.arrow-40 {
background-image: url(/static/portal/img/sprite-common@2x.png?20241017163355);
background-size: 609px 593px;
}
}

.arrow-up {
background-image: url(/static/portal/img/sprite-common.png?20241017163355);
background-position: -294px -185px;
width: 17px;
height: 11px;
}
@media (-webkit-min-device-pixel-ratio: 2), (min-resolution: 192dpi) {
.arrow-up {
background-image: url(/static/portal/img/sprite-common@2x.png?20241017163355);
background-size: 609px 593px;
}
}

.bd-info-alert {
background-image: url(/static/portal/img/sprite-common.png?20241017163355);
background-position: -219px -71px;
width: 55px;
height: 54px;
}
@media (-webkit-min-device-pixel-ratio: 2), (min-resolution: 192dpi) {
.bd-info-alert {
background-image: url(/static/portal/img/sprite-common@2x.png?20241017163355);
background-size: 609px 593px;
}
}

.calendar {
background-image: url(/static/portal/img/sprite-common.png?20241017163355);
background-position: -334px -537px;
width: 16px;
height: 16px;
}
@media (-webkit-min-device-pixel-ratio: 2), (min-resolution: 192dpi) {
.calendar {
background-image: url(/static/portal/img/sprite-common@2x.png?20241017163355);
background-size: 609px 593px;
}
}

.chatbot-m {
background-image: url(/static/portal/img/sprite-common.png?20241017163355);
background-position: -219px -145px;
width: 55px;
height: 52px;
}
@media (-webkit-min-device-pixel-ratio: 2), (min-resolution: 192dpi) {
.chatbot-m {
background-image: url(/static/portal/img/sprite-common@2x.png?20241017163355);
background-size: 609px 593px;
}
}

.circle-lock {
background-image: url(/static/portal/img/sprite-common.png?20241017163355);
background-position: 0px -218px;
width: 49px;
height: 49px;
}
@media (-webkit-min-device-pixel-ratio: 2), (min-resolution: 192dpi) {
.circle-lock {
background-image: url(/static/portal/img/sprite-common@2x.png?20241017163355);
background-size: 609px 593px;
}
}

.close-w11 {
background-image: url(/static/portal/img/sprite-common.png?20241017163355);
background-position: -31px -577px;
width: 11px;
height: 11px;
}
@media (-webkit-min-device-pixel-ratio: 2), (min-resolution: 192dpi) {
.close-w11 {
background-image: url(/static/portal/img/sprite-common@2x.png?20241017163355);
background-size: 609px 593px;
}
}

.detail-copy-2 {
background-image: url(/static/portal/img/sprite-common.png?20241017163355);
background-position: -403px -497px;
width: 14px;
height: 13px;
}
@media (-webkit-min-device-pixel-ratio: 2), (min-resolution: 192dpi) {
.detail-copy-2 {
background-image: url(/static/portal/img/sprite-common@2x.png?20241017163355);
background-size: 609px 593px;
}
}

.down-bullet {
background-image: url(/static/portal/img/sprite-common.png?20241017163355);
background-position: -509px -417px;
width: 20px;
height: 20px;
}
@media (-webkit-min-device-pixel-ratio: 2), (min-resolution: 192dpi) {
.down-bullet {
background-image: url(/static/portal/img/sprite-common@2x.png?20241017163355);
background-size: 609px 593px;
}
}

.dp2-arr {
background-image: url(/static/portal/img/sprite-common.png?20241017163355);
background-position: -460px -343px;
width: 24px;
height: 24px;
}
@media (-webkit-min-device-pixel-ratio: 2), (min-resolution: 192dpi) {
.dp2-arr {
background-image: url(/static/portal/img/sprite-common@2x.png?20241017163355);
background-size: 609px 593px;
}
}

.dp2-off-bullet-m {
background-image: url(/static/portal/img/sprite-common.png?20241017163355);
background-position: -509px -457px;
width: 20px;
height: 20px;
}
@media (-webkit-min-device-pixel-ratio: 2), (min-resolution: 192dpi) {
.dp2-off-bullet-m {
background-image: url(/static/portal/img/sprite-common@2x.png?20241017163355);
background-size: 609px 593px;
}
}

.global-logout-white {
background-image: url(/static/portal/img/sprite-common.png?20241017163355);
background-position: -76px -537px;
width: 17px;
height: 17px;
}
@media (-webkit-min-device-pixel-ratio: 2), (min-resolution: 192dpi) {
.global-logout-white {
background-image: url(/static/portal/img/sprite-common@2x.png?20241017163355);
background-size: 609px 593px;
}
}

.global-logout {
background-image: url(/static/portal/img/sprite-common.png?20241017163355);
background-position: -554px -440px;
width: 19px;
height: 19px;
}
@media (-webkit-min-device-pixel-ratio: 2), (min-resolution: 192dpi) {
.global-logout {
background-image: url(/static/portal/img/sprite-common@2x.png?20241017163355);
background-size: 609px 593px;
}
}

.global-my-page-white {
background-image: url(/static/portal/img/sprite-common.png?20241017163355);
background-position: -113px -537px;
width: 17px;
height: 17px;
}
@media (-webkit-min-device-pixel-ratio: 2), (min-resolution: 192dpi) {
.global-my-page-white {
background-image: url(/static/portal/img/sprite-common@2x.png?20241017163355);
background-size: 609px 593px;
}
}

.global-my-page {
background-image: url(/static/portal/img/sprite-common.png?20241017163355);
background-position: -554px -479px;
width: 19px;
height: 19px;
}
@media (-webkit-min-device-pixel-ratio: 2), (min-resolution: 192dpi) {
.global-my-page {
background-image: url(/static/portal/img/sprite-common@2x.png?20241017163355);
background-size: 609px 593px;
}
}

.header-sh-submit {
background-image: url(/static/portal/img/sprite-common.png?20241017163355);
background-position: -509px -292px;
width: 21px;
height: 21px;
}
@media (-webkit-min-device-pixel-ratio: 2), (min-resolution: 192dpi) {
.header-sh-submit {
background-image: url(/static/portal/img/sprite-common@2x.png?20241017163355);
background-size: 609px 593px;
}
}

.hello-txt {
background-image: url(/static/portal/img/sprite-common.png?20241017163355);
background-position: 0px 0px;
width: 199px;
height: 79px;
}
@media (-webkit-min-device-pixel-ratio: 2), (min-resolution: 192dpi) {
.hello-txt {
background-image: url(/static/portal/img/sprite-common@2x.png?20241017163355);
background-size: 609px 593px;
}
}

.hello {
background-image: url(/static/portal/img/sprite-common.png?20241017163355);
background-position: 0px -99px;
width: 99px;
height: 99px;
}
@media (-webkit-min-device-pixel-ratio: 2), (min-resolution: 192dpi) {
.hello {
background-image: url(/static/portal/img/sprite-common@2x.png?20241017163355);
background-size: 609px 593px;
}
}

.ic-check {
background-image: url(/static/portal/img/sprite-common.png?20241017163355);
background-position: -69px -218px;
width: 49px;
height: 49px;
}
@media (-webkit-min-device-pixel-ratio: 2), (min-resolution: 192dpi) {
.ic-check {
background-image: url(/static/portal/img/sprite-common@2x.png?20241017163355);
background-size: 609px 593px;
}
}

.ic-down {
background-image: url(/static/portal/img/sprite-common.png?20241017163355);
background-position: -180px -164px;
width: 19px;
height: 19px;
}
@media (-webkit-min-device-pixel-ratio: 2), (min-resolution: 192dpi) {
.ic-down {
background-image: url(/static/portal/img/sprite-common@2x.png?20241017163355);
background-size: 609px 593px;
}
}

.ic-notice {
background-image: url(/static/portal/img/sprite-common.png?20241017163355);
background-position: -138px -218px;
width: 49px;
height: 49px;
}
@media (-webkit-min-device-pixel-ratio: 2), (min-resolution: 192dpi) {
.ic-notice {
background-image: url(/static/portal/img/sprite-common@2x.png?20241017163355);
background-size: 609px 593px;
}
}

.ico-arrow {
background-image: url(/static/portal/img/sprite-common.png?20241017163355);
background-position: -480px -453px;
width: 9px;
height: 14px;
}
@media (-webkit-min-device-pixel-ratio: 2), (min-resolution: 192dpi) {
.ico-arrow {
background-image: url(/static/portal/img/sprite-common@2x.png?20241017163355);
background-size: 609px 593px;
}
}

.ico-blank {
background-image: url(/static/portal/img/sprite-common.png?20241017163355);
background-position: -220px -497px;
width: 20px;
height: 15px;
}
@media (-webkit-min-device-pixel-ratio: 2), (min-resolution: 192dpi) {
.ico-blank {
background-image: url(/static/portal/img/sprite-common@2x.png?20241017163355);
background-size: 609px 593px;
}
}

.ico-datepicker-primary {
background-image: url(/static/portal/img/sprite-common.png?20241017163355);
background-position: -554px 0px;
width: 20px;
height: 20px;
}
@media (-webkit-min-device-pixel-ratio: 2), (min-resolution: 192dpi) {
.ico-datepicker-primary {
background-image: url(/static/portal/img/sprite-common@2x.png?20241017163355);
background-size: 609px 593px;
}
}

.ico-delete-white {
background-image: url(/static/portal/img/sprite-common.png?20241017163355);
background-position: -38px -537px;
width: 18px;
height: 19px;
}
@media (-webkit-min-device-pixel-ratio: 2), (min-resolution: 192dpi) {
.ico-delete-white {
background-image: url(/static/portal/img/sprite-common@2x.png?20241017163355);
background-size: 609px 593px;
}
}

.ico-doc-view {
background-image: url(/static/portal/img/sprite-common.png?20241017163355);
background-position: -460px -152px;
width: 28px;
height: 28px;
}
@media (-webkit-min-device-pixel-ratio: 2), (min-resolution: 192dpi) {
.ico-doc-view {
background-image: url(/static/portal/img/sprite-common@2x.png?20241017163355);
background-size: 609px 593px;
}
}

.ico-doc {
background-image: url(/static/portal/img/sprite-common.png?20241017163355);
background-position: -460px -387px;
width: 24px;
height: 24px;
}
@media (-webkit-min-device-pixel-ratio: 2), (min-resolution: 192dpi) {
.ico-doc {
background-image: url(/static/portal/img/sprite-common@2x.png?20241017163355);
background-size: 609px 593px;
}
}

.ico-down-gray {
background-image: url(/static/portal/img/sprite-common.png?20241017163355);
background-position: -554px -361px;
width: 20px;
height: 19px;
}
@media (-webkit-min-device-pixel-ratio: 2), (min-resolution: 192dpi) {
.ico-down-gray {
background-image: url(/static/portal/img/sprite-common@2x.png?20241017163355);
background-size: 609px 593px;
}
}

.ico-download-white {
background-image: url(/static/portal/img/sprite-common.png?20241017163355);
background-position: -138px -497px;
width: 21px;
height: 18px;
}
@media (-webkit-min-device-pixel-ratio: 2), (min-resolution: 192dpi) {
.ico-download-white {
background-image: url(/static/portal/img/sprite-common@2x.png?20241017163355);
background-size: 609px 593px;
}
}

.ico-fax {
background-image: url(/static/portal/img/sprite-common.png?20241017163355);
background-position: -332px -192px;
width: 41px;
height: 45px;
}
@media (-webkit-min-device-pixel-ratio: 2), (min-resolution: 192dpi) {
.ico-fax {
background-image: url(/static/portal/img/sprite-common@2x.png?20241017163355);
background-size: 609px 593px;
}
}

.ico-file {
background-image: url(/static/portal/img/sprite-common.png?20241017163355);
background-position: -294px -111px;
width: 17px;
height: 14px;
}
@media (-webkit-min-device-pixel-ratio: 2), (min-resolution: 192dpi) {
.ico-file {
background-image: url(/static/portal/img/sprite-common@2x.png?20241017163355);
background-size: 609px 593px;
}
}

.ico-help {
background-image: url(/static/portal/img/sprite-common.png?20241017163355);
background-position: -554px -40px;
width: 20px;
height: 20px;
}
@media (-webkit-min-device-pixel-ratio: 2), (min-resolution: 192dpi) {
.ico-help {
background-image: url(/static/portal/img/sprite-common@2x.png?20241017163355);
background-size: 609px 593px;
}
}

.ico-home-white {
background-image: url(/static/portal/img/sprite-common.png?20241017163355);
background-position: -594px -332px;
width: 15px;
height: 14px;
}
@media (-webkit-min-device-pixel-ratio: 2), (min-resolution: 192dpi) {
.ico-home-white {
background-image: url(/static/portal/img/sprite-common@2x.png?20241017163355);
background-size: 609px 593px;
}
}

.ico-hwp {
background-image: url(/static/portal/img/sprite-common.png?20241017163355);
background-position: -460px -298px;
width: 25px;
height: 25px;
}
@media (-webkit-min-device-pixel-ratio: 2), (min-resolution: 192dpi) {
.ico-hwp {
background-image: url(/static/portal/img/sprite-common@2x.png?20241017163355);
background-size: 609px 593px;
}
}

.ico-img {
background-image: url(/static/portal/img/sprite-common.png?20241017163355);
background-position: 0px -453px;
width: 24px;
height: 24px;
}
@media (-webkit-min-device-pixel-ratio: 2), (min-resolution: 192dpi) {
.ico-img {
background-image: url(/static/portal/img/sprite-common@2x.png?20241017163355);
background-size: 609px 593px;
}
}

.ico-inline-blank {
background-image: url(/static/portal/img/sprite-common.png?20241017163355);
background-position: -470px -497px;
width: 12px;
height: 12px;
}
@media (-webkit-min-device-pixel-ratio: 2), (min-resolution: 192dpi) {
.ico-inline-blank {
background-image: url(/static/portal/img/sprite-common@2x.png?20241017163355);
background-size: 609px 593px;
}
}

.ico-link-white {
background-image: url(/static/portal/img/sprite-common.png?20241017163355);
background-position: -502px -497px;
width: 12px;
height: 12px;
}
@media (-webkit-min-device-pixel-ratio: 2), (min-resolution: 192dpi) {
.ico-link-white {
background-image: url(/static/portal/img/sprite-common@2x.png?20241017163355);
background-size: 609px 593px;
}
}

.ico-link {
background-image: url(/static/portal/img/sprite-common.png?20241017163355);
background-position: -44px -453px;
width: 24px;
height: 24px;
}
@media (-webkit-min-device-pixel-ratio: 2), (min-resolution: 192dpi) {
.ico-link {
background-image: url(/static/portal/img/sprite-common@2x.png?20241017163355);
background-size: 609px 593px;
}
}

.ico-lock2 {
background-image: url(/static/portal/img/sprite-common.png?20241017163355);
background-position: -594px -366px;
width: 13px;
height: 16px;
}
@media (-webkit-min-device-pixel-ratio: 2), (min-resolution: 192dpi) {
.ico-lock2 {
background-image: url(/static/portal/img/sprite-common@2x.png?20241017163355);
background-size: 609px 593px;
}
}

.ico-members {
background-image: url(/static/portal/img/sprite-common.png?20241017163355);
background-position: -260px -497px;
width: 19px;
height: 15px;
}
@media (-webkit-min-device-pixel-ratio: 2), (min-resolution: 192dpi) {
.ico-members {
background-image: url(/static/portal/img/sprite-common@2x.png?20241017163355);
background-size: 609px 593px;
}
}

.ico-mobile {
background-image: url(/static/portal/img/sprite-common.png?20241017163355);
background-position: -594px -224px;
width: 14px;
height: 16px;
}
@media (-webkit-min-device-pixel-ratio: 2), (min-resolution: 192dpi) {
.ico-mobile {
background-image: url(/static/portal/img/sprite-common@2x.png?20241017163355);
background-size: 609px 593px;
}
}

.ico-new {
background-image: url(/static/portal/img/sprite-common.png?20241017163355);
background-position: -370px -537px;
width: 16px;
height: 16px;
}
@media (-webkit-min-device-pixel-ratio: 2), (min-resolution: 192dpi) {
.ico-new {
background-image: url(/static/portal/img/sprite-common@2x.png?20241017163355);
background-size: 609px 593px;
}
}

.ico-pdf {
background-image: url(/static/portal/img/sprite-common.png?20241017163355);
background-position: -88px -453px;
width: 24px;
height: 24px;
}
@media (-webkit-min-device-pixel-ratio: 2), (min-resolution: 192dpi) {
.ico-pdf {
background-image: url(/static/portal/img/sprite-common@2x.png?20241017163355);
background-size: 609px 593px;
}
}

.ico-phone {
background-image: url(/static/portal/img/sprite-common.png?20241017163355);
background-position: 0px -577px;
width: 11px;
height: 16px;
}
@media (-webkit-min-device-pixel-ratio: 2), (min-resolution: 192dpi) {
.ico-phone {
background-image: url(/static/portal/img/sprite-common@2x.png?20241017163355);
background-size: 609px 593px;
}
}

.ico-plus-7 {
background-image: url(/static/portal/img/sprite-common.png?20241017163355);
background-position: -332px -257px;
width: 7px;
height: 7px;
}
@media (-webkit-min-device-pixel-ratio: 2), (min-resolution: 192dpi) {
.ico-plus-7 {
background-image: url(/static/portal/img/sprite-common@2x.png?20241017163355);
background-size: 609px 593px;
}
}

.ico-ppt {
background-image: url(/static/portal/img/sprite-common.png?20241017163355);
background-position: -132px -453px;
width: 24px;
height: 24px;
}
@media (-webkit-min-device-pixel-ratio: 2), (min-resolution: 192dpi) {
.ico-ppt {
background-image: url(/static/portal/img/sprite-common@2x.png?20241017163355);
background-size: 609px 593px;
}
}

.ico-re {
background-image: url(/static/portal/img/sprite-common.png?20241017163355);
background-position: -150px -537px;
width: 17px;
height: 17px;
}
@media (-webkit-min-device-pixel-ratio: 2), (min-resolution: 192dpi) {
.ico-re {
background-image: url(/static/portal/img/sprite-common@2x.png?20241017163355);
background-size: 609px 593px;
}
}

.ico-tel {
background-image: url(/static/portal/img/sprite-common.png?20241017163355);
background-position: -396px -286px;
width: 37px;
height: 37px;
}
@media (-webkit-min-device-pixel-ratio: 2), (min-resolution: 192dpi) {
.ico-tel {
background-image: url(/static/portal/img/sprite-common@2x.png?20241017163355);
background-size: 609px 593px;
}
}

.ico-viewer {
background-image: url(/static/portal/img/sprite-common.png?20241017163355);
background-position: -176px -453px;
width: 24px;
height: 24px;
}
@media (-webkit-min-device-pixel-ratio: 2), (min-resolution: 192dpi) {
.ico-viewer {
background-image: url(/static/portal/img/sprite-common@2x.png?20241017163355);
background-size: 609px 593px;
}
}

.ico-waypoint {
background-image: url(/static/portal/img/sprite-common.png?20241017163355);
background-position: -594px -402px;
width: 13px;
height: 16px;
}
@media (-webkit-min-device-pixel-ratio: 2), (min-resolution: 192dpi) {
.ico-waypoint {
background-image: url(/static/portal/img/sprite-common@2x.png?20241017163355);
background-size: 609px 593px;
}
}

.ico-word {
background-image: url(/static/portal/img/sprite-common.png?20241017163355);
background-position: -554px -80px;
width: 20px;
height: 20px;
}
@media (-webkit-min-device-pixel-ratio: 2), (min-resolution: 192dpi) {
.ico-word {
background-image: url(/static/portal/img/sprite-common@2x.png?20241017163355);
background-size: 609px 593px;
}
}

.ico-write-white {
background-image: url(/static/portal/img/sprite-common.png?20241017163355);
background-position: -594px -189px;
width: 15px;
height: 15px;
}
@media (-webkit-min-device-pixel-ratio: 2), (min-resolution: 192dpi) {
.ico-write-white {
background-image: url(/static/portal/img/sprite-common@2x.png?20241017163355);
background-size: 609px 593px;
}
}

.ico-write {
background-image: url(/static/portal/img/sprite-common.png?20241017163355);
background-position: -406px -537px;
width: 13px;
height: 14px;
}
@media (-webkit-min-device-pixel-ratio: 2), (min-resolution: 192dpi) {
.ico-write {
background-image: url(/static/portal/img/sprite-common@2x.png?20241017163355);
background-size: 609px 593px;
}
}

.ico-xls {
background-image: url(/static/portal/img/sprite-common.png?20241017163355);
background-position: -220px -453px;
width: 24px;
height: 24px;
}
@media (-webkit-min-device-pixel-ratio: 2), (min-resolution: 192dpi) {
.ico-xls {
background-image: url(/static/portal/img/sprite-common@2x.png?20241017163355);
background-size: 609px 593px;
}
}

.ico-zip {
background-image: url(/static/portal/img/sprite-common.png?20241017163355);
background-position: -264px -453px;
width: 24px;
height: 24px;
}
@media (-webkit-min-device-pixel-ratio: 2), (min-resolution: 192dpi) {
.ico-zip {
background-image: url(/static/portal/img/sprite-common@2x.png?20241017163355);
background-size: 609px 593px;
}
}

.icon-01-on {
background-image: url(/static/portal/img/sprite-common.png?20241017163355);
background-position: -509px 0px;
width: 25px;
height: 21px;
}
@media (-webkit-min-device-pixel-ratio: 2), (min-resolution: 192dpi) {
.icon-01-on {
background-image: url(/static/portal/img/sprite-common@2x.png?20241017163355);
background-size: 609px 593px;
}
}

.icon-01 {
background-image: url(/static/portal/img/sprite-common.png?20241017163355);
background-position: -509px -41px;
width: 25px;
height: 21px;
}
@media (-webkit-min-device-pixel-ratio: 2), (min-resolution: 192dpi) {
.icon-01 {
background-image: url(/static/portal/img/sprite-common@2x.png?20241017163355);
background-size: 609px 593px;
}
}

.icon-02-on {
background-image: url(/static/portal/img/sprite-common.png?20241017163355);
background-position: -118px -347px;
width: 34px;
height: 27px;
}
@media (-webkit-min-device-pixel-ratio: 2), (min-resolution: 192dpi) {
.icon-02-on {
background-image: url(/static/portal/img/sprite-common@2x.png?20241017163355);
background-size: 609px 593px;
}
}

.icon-02 {
background-image: url(/static/portal/img/sprite-common.png?20241017163355);
background-position: -172px -347px;
width: 34px;
height: 27px;
}
@media (-webkit-min-device-pixel-ratio: 2), (min-resolution: 192dpi) {
.icon-02 {
background-image: url(/static/portal/img/sprite-common@2x.png?20241017163355);
background-size: 609px 593px;
}
}

.icon-03-on {
background-image: url(/static/portal/img/sprite-common.png?20241017163355);
background-position: -460px -200px;
width: 25px;
height: 29px;
}
@media (-webkit-min-device-pixel-ratio: 2), (min-resolution: 192dpi) {
.icon-03-on {
background-image: url(/static/portal/img/sprite-common@2x.png?20241017163355);
background-size: 609px 593px;
}
}

.icon-03 {
background-image: url(/static/portal/img/sprite-common.png?20241017163355);
background-position: -460px -249px;
width: 25px;
height: 29px;
}
@media (-webkit-min-device-pixel-ratio: 2), (min-resolution: 192dpi) {
.icon-03 {
background-image: url(/static/portal/img/sprite-common@2x.png?20241017163355);
background-size: 609px 593px;
}
}

.icon-04-on {
background-image: url(/static/portal/img/sprite-common.png?20241017163355);
background-position: -119px -164px;
width: 41px;
height: 31px;
}
@media (-webkit-min-device-pixel-ratio: 2), (min-resolution: 192dpi) {
.icon-04-on {
background-image: url(/static/portal/img/sprite-common@2x.png?20241017163355);
background-size: 609px 593px;
}
}

.icon-04 {
background-image: url(/static/portal/img/sprite-common.png?20241017163355);
background-position: -57px -347px;
width: 41px;
height: 31px;
}
@media (-webkit-min-device-pixel-ratio: 2), (min-resolution: 192dpi) {
.icon-04 {
background-image: url(/static/portal/img/sprite-common@2x.png?20241017163355);
background-size: 609px 593px;
}
}

.icon-05-on {
background-image: url(/static/portal/img/sprite-common.png?20241017163355);
background-position: -460px 0px;
width: 29px;
height: 28px;
}
@media (-webkit-min-device-pixel-ratio: 2), (min-resolution: 192dpi) {
.icon-05-on {
background-image: url(/static/portal/img/sprite-common@2x.png?20241017163355);
background-size: 609px 593px;
}
}

.icon-05 {
background-image: url(/static/portal/img/sprite-common.png?20241017163355);
background-position: -200px -403px;
width: 29px;
height: 29px;
}
@media (-webkit-min-device-pixel-ratio: 2), (min-resolution: 192dpi) {
.icon-05 {
background-image: url(/static/portal/img/sprite-common@2x.png?20241017163355);
background-size: 609px 593px;
}
}

.icon-06-on {
background-image: url(/static/portal/img/sprite-common.png?20241017163355);
background-position: -249px -403px;
width: 31px;
height: 27px;
}
@media (-webkit-min-device-pixel-ratio: 2), (min-resolution: 192dpi) {
.icon-06-on {
background-image: url(/static/portal/img/sprite-common@2x.png?20241017163355);
background-size: 609px 593px;
}
}

.icon-06 {
background-image: url(/static/portal/img/sprite-common.png?20241017163355);
background-position: -300px -403px;
width: 31px;
height: 27px;
}
@media (-webkit-min-device-pixel-ratio: 2), (min-resolution: 192dpi) {
.icon-06 {
background-image: url(/static/portal/img/sprite-common@2x.png?20241017163355);
background-size: 609px 593px;
}
}

.icon-07-on {
background-image: url(/static/portal/img/sprite-common.png?20241017163355);
background-position: -273px -218px;
width: 37px;
height: 36px;
}
@media (-webkit-min-device-pixel-ratio: 2), (min-resolution: 192dpi) {
.icon-07-on {
background-image: url(/static/portal/img/sprite-common@2x.png?20241017163355);
background-size: 609px 593px;
}
}

.icon-07 {
background-image: url(/static/portal/img/sprite-common.png?20241017163355);
background-position: 0px -347px;
width: 37px;
height: 36px;
}
@media (-webkit-min-device-pixel-ratio: 2), (min-resolution: 192dpi) {
.icon-07 {
background-image: url(/static/portal/img/sprite-common@2x.png?20241017163355);
background-size: 609px 593px;
}
}

.icon-08-on {
background-image: url(/static/portal/img/sprite-common.png?20241017163355);
background-position: -460px -48px;
width: 25px;
height: 32px;
}
@media (-webkit-min-device-pixel-ratio: 2), (min-resolution: 192dpi) {
.icon-08-on {
background-image: url(/static/portal/img/sprite-common@2x.png?20241017163355);
background-size: 609px 593px;
}
}

.icon-08 {
background-image: url(/static/portal/img/sprite-common.png?20241017163355);
background-position: -460px -100px;
width: 25px;
height: 32px;
}
@media (-webkit-min-device-pixel-ratio: 2), (min-resolution: 192dpi) {
.icon-08 {
background-image: url(/static/portal/img/sprite-common@2x.png?20241017163355);
background-size: 609px 593px;
}
}

.icon-09-on {
background-image: url(/static/portal/img/sprite-common.png?20241017163355);
background-position: -226px -347px;
width: 37px;
height: 24px;
}
@media (-webkit-min-device-pixel-ratio: 2), (min-resolution: 192dpi) {
.icon-09-on {
background-image: url(/static/portal/img/sprite-common@2x.png?20241017163355);
background-size: 609px 593px;
}
}

.icon-09 {
background-image: url(/static/portal/img/sprite-common.png?20241017163355);
background-position: -283px -347px;
width: 37px;
height: 24px;
}
@media (-webkit-min-device-pixel-ratio: 2), (min-resolution: 192dpi) {
.icon-09 {
background-image: url(/static/portal/img/sprite-common@2x.png?20241017163355);
background-size: 609px 593px;
}
}

.icon-10-on {
background-image: url(/static/portal/img/sprite-common.png?20241017163355);
background-position: 0px -403px;
width: 30px;
height: 30px;
}
@media (-webkit-min-device-pixel-ratio: 2), (min-resolution: 192dpi) {
.icon-10-on {
background-image: url(/static/portal/img/sprite-common@2x.png?20241017163355);
background-size: 609px 593px;
}
}

.icon-10 {
background-image: url(/static/portal/img/sprite-common.png?20241017163355);
background-position: -50px -403px;
width: 30px;
height: 30px;
}
@media (-webkit-min-device-pixel-ratio: 2), (min-resolution: 192dpi) {
.icon-10 {
background-image: url(/static/portal/img/sprite-common@2x.png?20241017163355);
background-size: 609px 593px;
}
}

.icon-11-on {
background-image: url(/static/portal/img/sprite-common.png?20241017163355);
background-position: -396px -168px;
width: 39px;
height: 39px;
}
@media (-webkit-min-device-pixel-ratio: 2), (min-resolution: 192dpi) {
.icon-11-on {
background-image: url(/static/portal/img/sprite-common@2x.png?20241017163355);
background-size: 609px 593px;
}
}

.icon-11 {
background-image: url(/static/portal/img/sprite-common.png?20241017163355);
background-position: -396px -227px;
width: 39px;
height: 39px;
}
@media (-webkit-min-device-pixel-ratio: 2), (min-resolution: 192dpi) {
.icon-11 {
background-image: url(/static/portal/img/sprite-common@2x.png?20241017163355);
background-size: 609px 593px;
}
}

.icon-12-on {
background-image: url(/static/portal/img/sprite-common.png?20241017163355);
background-position: 0px -497px;
width: 26px;
height: 20px;
}
@media (-webkit-min-device-pixel-ratio: 2), (min-resolution: 192dpi) {
.icon-12-on {
background-image: url(/static/portal/img/sprite-common@2x.png?20241017163355);
background-size: 609px 593px;
}
}

.icon-12 {
background-image: url(/static/portal/img/sprite-common.png?20241017163355);
background-position: -46px -497px;
width: 26px;
height: 20px;
}
@media (-webkit-min-device-pixel-ratio: 2), (min-resolution: 192dpi) {
.icon-12 {
background-image: url(/static/portal/img/sprite-common@2x.png?20241017163355);
background-size: 609px 593px;
}
}

.icon-13-on {
background-image: url(/static/portal/img/sprite-common.png?20241017163355);
background-position: -340px -347px;
width: 35px;
height: 23px;
}
@media (-webkit-min-device-pixel-ratio: 2), (min-resolution: 192dpi) {
.icon-13-on {
background-image: url(/static/portal/img/sprite-common@2x.png?20241017163355);
background-size: 609px 593px;
}
}

.icon-13 {
background-image: url(/static/portal/img/sprite-common.png?20241017163355);
background-position: -395px -347px;
width: 35px;
height: 23px;
}
@media (-webkit-min-device-pixel-ratio: 2), (min-resolution: 192dpi) {
.icon-13 {
background-image: url(/static/portal/img/sprite-common@2x.png?20241017163355);
background-size: 609px 593px;
}
}

.icon-alram-white {
background-image: url(/static/portal/img/sprite-common.png?20241017163355);
background-position: -294px -71px;
width: 18px;
height: 20px;
}
@media (-webkit-min-device-pixel-ratio: 2), (min-resolution: 192dpi) {
.icon-alram-white {
background-image: url(/static/portal/img/sprite-common@2x.png?20241017163355);
background-size: 609px 593px;
}
}

.icon-alram {
background-image: url(/static/portal/img/sprite-common.png?20241017163355);
background-position: -299px -497px;
width: 16px;
height: 14px;
}
@media (-webkit-min-device-pixel-ratio: 2), (min-resolution: 192dpi) {
.icon-alram {
background-image: url(/static/portal/img/sprite-common@2x.png?20241017163355);
background-size: 609px 593px;
}
}

.icon-blank {
background-image: url(/static/portal/img/sprite-common.png?20241017163355);
background-position: -594px -474px;
width: 14px;
height: 14px;
}
@media (-webkit-min-device-pixel-ratio: 2), (min-resolution: 192dpi) {
.icon-blank {
background-image: url(/static/portal/img/sprite-common@2x.png?20241017163355);
background-size: 609px 593px;
}
}

.icon-close {
background-image: url(/static/portal/img/sprite-common.png?20241017163355);
background-position: -594px -508px;
width: 14px;
height: 14px;
}
@media (-webkit-min-device-pixel-ratio: 2), (min-resolution: 192dpi) {
.icon-close {
background-image: url(/static/portal/img/sprite-common@2x.png?20241017163355);
background-size: 609px 593px;
}
}

.icon-dowonload {
background-image: url(/static/portal/img/sprite-common.png?20241017163355);
background-position: -179px -497px;
width: 21px;
height: 18px;
}
@media (-webkit-min-device-pixel-ratio: 2), (min-resolution: 192dpi) {
.icon-dowonload {
background-image: url(/static/portal/img/sprite-common@2x.png?20241017163355);
background-size: 609px 593px;
}
}

.icon-ebook {
background-image: url(/static/portal/img/sprite-common.png?20241017163355);
background-position: -351px -403px;
width: 30px;
height: 23px;
}
@media (-webkit-min-device-pixel-ratio: 2), (min-resolution: 192dpi) {
.icon-ebook {
background-image: url(/static/portal/img/sprite-common@2x.png?20241017163355);
background-size: 609px 593px;
}
}

.icon-eserch {
background-image: url(/static/portal/img/sprite-common.png?20241017163355);
background-position: -554px -400px;
width: 19px;
height: 20px;
}
@media (-webkit-min-device-pixel-ratio: 2), (min-resolution: 192dpi) {
.icon-eserch {
background-image: url(/static/portal/img/sprite-common@2x.png?20241017163355);
background-size: 609px 593px;
}
}

.icon-info {
background-image: url(/static/portal/img/sprite-common.png?20241017163355);
background-position: -439px -537px;
width: 13px;
height: 14px;
}
@media (-webkit-min-device-pixel-ratio: 2), (min-resolution: 192dpi) {
.icon-info {
background-image: url(/static/portal/img/sprite-common@2x.png?20241017163355);
background-size: 609px 593px;
}
}

.icon-lang-gray {
background-image: url(/static/portal/img/sprite-common.png?20241017163355);
background-position: -187px -537px;
width: 17px;
height: 17px;
}
@media (-webkit-min-device-pixel-ratio: 2), (min-resolution: 192dpi) {
.icon-lang-gray {
background-image: url(/static/portal/img/sprite-common@2x.png?20241017163355);
background-size: 609px 593px;
}
}

.icon-lang-white {
background-image: url(/static/portal/img/sprite-common.png?20241017163355);
background-position: -224px -537px;
width: 17px;
height: 17px;
}
@media (-webkit-min-device-pixel-ratio: 2), (min-resolution: 192dpi) {
.icon-lang-white {
background-image: url(/static/portal/img/sprite-common@2x.png?20241017163355);
background-size: 609px 593px;
}
}

.icon-lang {
background-image: url(/static/portal/img/sprite-common.png?20241017163355);
background-position: -261px -537px;
width: 17px;
height: 17px;
}
@media (-webkit-min-device-pixel-ratio: 2), (min-resolution: 192dpi) {
.icon-lang {
background-image: url(/static/portal/img/sprite-common@2x.png?20241017163355);
background-size: 609px 593px;
}
}

.icon-location {
background-image: url(/static/portal/img/sprite-common.png?20241017163355);
background-position: -594px -74px;
width: 14px;
height: 18px;
}
@media (-webkit-min-device-pixel-ratio: 2), (min-resolution: 192dpi) {
.icon-location {
background-image: url(/static/portal/img/sprite-common@2x.png?20241017163355);
background-size: 609px 593px;
}
}

.icon-lock-gray {
background-image: url(/static/portal/img/sprite-common.png?20241017163355);
background-position: -594px 0px;
width: 15px;
height: 17px;
}
@media (-webkit-min-device-pixel-ratio: 2), (min-resolution: 192dpi) {
.icon-lock-gray {
background-image: url(/static/portal/img/sprite-common@2x.png?20241017163355);
background-size: 609px 593px;
}
}

.icon-lock-white {
background-image: url(/static/portal/img/sprite-common.png?20241017163355);
background-position: -594px -37px;
width: 15px;
height: 17px;
}
@media (-webkit-min-device-pixel-ratio: 2), (min-resolution: 192dpi) {
.icon-lock-white {
background-image: url(/static/portal/img/sprite-common@2x.png?20241017163355);
background-size: 609px 593px;
}
}

.icon-lock {
background-image: url(/static/portal/img/sprite-common.png?20241017163355);
background-position: -594px -438px;
width: 13px;
height: 16px;
}
@media (-webkit-min-device-pixel-ratio: 2), (min-resolution: 192dpi) {
.icon-lock {
background-image: url(/static/portal/img/sprite-common@2x.png?20241017163355);
background-size: 609px 593px;
}
}

.icon-member-white {
background-image: url(/static/portal/img/sprite-common.png?20241017163355);
background-position: -594px -260px;
width: 14px;
height: 16px;
}
@media (-webkit-min-device-pixel-ratio: 2), (min-resolution: 192dpi) {
.icon-member-white {
background-image: url(/static/portal/img/sprite-common@2x.png?20241017163355);
background-size: 609px 593px;
}
}

.icon-member {
background-image: url(/static/portal/img/sprite-common.png?20241017163355);
background-position: -594px -296px;
width: 14px;
height: 16px;
}
@media (-webkit-min-device-pixel-ratio: 2), (min-resolution: 192dpi) {
.icon-member {
background-image: url(/static/portal/img/sprite-common@2x.png?20241017163355);
background-size: 609px 593px;
}
}

.icon-menu {
background-image: url(/static/portal/img/sprite-common.png?20241017163355);
background-position: -92px -497px;
width: 26px;
height: 18px;
}
@media (-webkit-min-device-pixel-ratio: 2), (min-resolution: 192dpi) {
.icon-menu {
background-image: url(/static/portal/img/sprite-common@2x.png?20241017163355);
background-size: 609px 593px;
}
}

.icon-more {
background-image: url(/static/portal/img/sprite-common.png?20241017163355);
background-position: -554px -120px;
width: 20px;
height: 20px;
}
@media (-webkit-min-device-pixel-ratio: 2), (min-resolution: 192dpi) {
.icon-more {
background-image: url(/static/portal/img/sprite-common@2x.png?20241017163355);
background-size: 609px 593px;
}
}

.icon-move {
background-image: url(/static/portal/img/sprite-common.png?20241017163355);
background-position: -219px 0px;
width: 93px;
height: 51px;
}
@media (-webkit-min-device-pixel-ratio: 2), (min-resolution: 192dpi) {
.icon-move {
background-image: url(/static/portal/img/sprite-common@2x.png?20241017163355);
background-size: 609px 593px;
}
}

.icon-mypage-white {
background-image: url(/static/portal/img/sprite-common.png?20241017163355);
background-position: -294px -145px;
width: 18px;
height: 20px;
}
@media (-webkit-min-device-pixel-ratio: 2), (min-resolution: 192dpi) {
.icon-mypage-white {
background-image: url(/static/portal/img/sprite-common@2x.png?20241017163355);
background-size: 609px 593px;
}
}

.icon-mypage {
background-image: url(/static/portal/img/sprite-common.png?20241017163355);
background-position: 0px -537px;
width: 18px;
height: 20px;
}
@media (-webkit-min-device-pixel-ratio: 2), (min-resolution: 192dpi) {
.icon-mypage {
background-image: url(/static/portal/img/sprite-common@2x.png?20241017163355);
background-size: 609px 593px;
}
}

.icon-name {
background-image: url(/static/portal/img/sprite-common.png?20241017163355);
background-position: -594px -112px;
width: 14px;
height: 18px;
}
@media (-webkit-min-device-pixel-ratio: 2), (min-resolution: 192dpi) {
.icon-name {
background-image: url(/static/portal/img/sprite-common@2x.png?20241017163355);
background-size: 609px 593px;
}
}

.icon-new {
background-image: url(/static/portal/img/sprite-common.png?20241017163355);
background-position: -554px -160px;
width: 20px;
height: 20px;
}
@media (-webkit-min-device-pixel-ratio: 2), (min-resolution: 192dpi) {
.icon-new {
background-image: url(/static/portal/img/sprite-common@2x.png?20241017163355);
background-size: 609px 593px;
}
}

.icon-notice-red {
background-image: url(/static/portal/img/sprite-common.png?20241017163355);
background-position: -554px -200px;
width: 20px;
height: 20px;
}
@media (-webkit-min-device-pixel-ratio: 2), (min-resolution: 192dpi) {
.icon-notice-red {
background-image: url(/static/portal/img/sprite-common@2x.png?20241017163355);
background-size: 609px 593px;
}
}

.icon-notice {
background-image: url(/static/portal/img/sprite-common.png?20241017163355);
background-position: -554px -240px;
width: 20px;
height: 20px;
}
@media (-webkit-min-device-pixel-ratio: 2), (min-resolution: 192dpi) {
.icon-notice {
background-image: url(/static/portal/img/sprite-common@2x.png?20241017163355);
background-size: 609px 593px;
}
}

.icon-pdf {
background-image: url(/static/portal/img/sprite-common.png?20241017163355);
background-position: -509px -374px;
width: 19px;
height: 23px;
}
@media (-webkit-min-device-pixel-ratio: 2), (min-resolution: 192dpi) {
.icon-pdf {
background-image: url(/static/portal/img/sprite-common@2x.png?20241017163355);
background-size: 609px 593px;
}
}

.icon-phone2 {
background-image: url(/static/portal/img/sprite-common.png?20241017163355);
background-position: -298px -537px;
width: 16px;
height: 17px;
}
@media (-webkit-min-device-pixel-ratio: 2), (min-resolution: 192dpi) {
.icon-phone2 {
background-image: url(/static/portal/img/sprite-common@2x.png?20241017163355);
background-size: 609px 593px;
}
}

.icon-view {
background-image: url(/static/portal/img/sprite-common.png?20241017163355);
background-position: -437px -497px;
width: 13px;
height: 13px;
}
@media (-webkit-min-device-pixel-ratio: 2), (min-resolution: 192dpi) {
.icon-view {
background-image: url(/static/portal/img/sprite-common@2x.png?20241017163355);
background-size: 609px 593px;
}
}

.link-ico {
background-image: url(/static/portal/img/sprite-common.png?20241017163355);
background-position: -594px -542px;
width: 14px;
height: 14px;
}
@media (-webkit-min-device-pixel-ratio: 2), (min-resolution: 192dpi) {
.link-ico {
background-image: url(/static/portal/img/sprite-common@2x.png?20241017163355);
background-size: 609px 593px;
}
}

.logo-m {
background-image: url(/static/portal/img/sprite-common.png?20241017163355);
background-position: -119px -99px;
width: 62px;
height: 45px;
}
@media (-webkit-min-device-pixel-ratio: 2), (min-resolution: 192dpi) {
.logo-m {
background-image: url(/static/portal/img/sprite-common@2x.png?20241017163355);
background-size: 609px 593px;
}
}

.mobile-aside-open {
background-image: url(/static/portal/img/sprite-common.png?20241017163355);
background-position: -509px -333px;
width: 21px;
height: 21px;
}
@media (-webkit-min-device-pixel-ratio: 2), (min-resolution: 192dpi) {
.mobile-aside-open {
background-image: url(/static/portal/img/sprite-common@2x.png?20241017163355);
background-size: 609px 593px;
}
}

.navigate-before {
background-image: url(/static/portal/img/sprite-common.png?20241017163355);
background-position: -535px -537px;
width: 9px;
height: 14px;
}
@media (-webkit-min-device-pixel-ratio: 2), (min-resolution: 192dpi) {
.navigate-before {
background-image: url(/static/portal/img/sprite-common@2x.png?20241017163355);
background-size: 609px 593px;
}
}

.navigate-next {
background-image: url(/static/portal/img/sprite-common.png?20241017163355);
background-position: -505px -537px;
width: 10px;
height: 14px;
}
@media (-webkit-min-device-pixel-ratio: 2), (min-resolution: 192dpi) {
.navigate-next {
background-image: url(/static/portal/img/sprite-common@2x.png?20241017163355);
background-size: 609px 593px;
}
}

.noimg {
background-image: url(/static/portal/img/sprite-common.png?20241017163355);
background-position: -60px -287px;
width: 40px;
height: 40px;
}
@media (-webkit-min-device-pixel-ratio: 2), (min-resolution: 192dpi) {
.noimg {
background-image: url(/static/portal/img/sprite-common@2x.png?20241017163355);
background-size: 609px 593px;
}
}

.off-bullet {
background-image: url(/static/portal/img/sprite-common.png?20241017163355);
background-position: -554px -280px;
width: 20px;
height: 20px;
}
@media (-webkit-min-device-pixel-ratio: 2), (min-resolution: 192dpi) {
.off-bullet {
background-image: url(/static/portal/img/sprite-common@2x.png?20241017163355);
background-size: 609px 593px;
}
}

.qna-a {
background-image: url(/static/portal/img/sprite-common.png?20241017163355);
background-position: -100px -403px;
width: 30px;
height: 30px;
}
@media (-webkit-min-device-pixel-ratio: 2), (min-resolution: 192dpi) {
.qna-a {
background-image: url(/static/portal/img/sprite-common@2x.png?20241017163355);
background-size: 609px 593px;
}
}

.qna-q {
background-image: url(/static/portal/img/sprite-common.png?20241017163355);
background-position: -150px -403px;
width: 30px;
height: 30px;
}
@media (-webkit-min-device-pixel-ratio: 2), (min-resolution: 192dpi) {
.qna-q {
background-image: url(/static/portal/img/sprite-common@2x.png?20241017163355);
background-size: 609px 593px;
}
}

.search-btn-go {
background-image: url(/static/portal/img/sprite-common.png?20241017163355);
background-position: -335px -497px;
width: 14px;
height: 14px;
}
@media (-webkit-min-device-pixel-ratio: 2), (min-resolution: 192dpi) {
.search-btn-go {
background-image: url(/static/portal/img/sprite-common@2x.png?20241017163355);
background-size: 609px 593px;
}
}

.search_btn {
background-image: url(/static/portal/img/sprite-common.png?20241017163355);
background-position: -369px -497px;
width: 14px;
height: 14px;
}
@media (-webkit-min-device-pixel-ratio: 2), (min-resolution: 192dpi) {
.search_btn {
background-image: url(/static/portal/img/sprite-common@2x.png?20241017163355);
background-size: 609px 593px;
}
}

.sh-reset {
background-image: url(/static/portal/img/sprite-common.png?20241017163355);
background-position: -554px -320px;
width: 19px;
height: 21px;
}
@media (-webkit-min-device-pixel-ratio: 2), (min-resolution: 192dpi) {
.sh-reset {
background-image: url(/static/portal/img/sprite-common@2x.png?20241017163355);
background-size: 609px 593px;
}
}

.sms-speaker {
background-image: url(/static/portal/img/sprite-common.png?20241017163355);
background-position: -472px -537px;
width: 13px;
height: 14px;
}
@media (-webkit-min-device-pixel-ratio: 2), (min-resolution: 192dpi) {
.sms-speaker {
background-image: url(/static/portal/img/sprite-common@2x.png?20241017163355);
background-size: 609px 593px;
}
}

.sns-band {
background-image: url(/static/portal/img/sprite-common.png?20241017163355);
background-position: -509px -82px;
width: 22px;
height: 22px;
}
@media (-webkit-min-device-pixel-ratio: 2), (min-resolution: 192dpi) {
.sns-band {
background-image: url(/static/portal/img/sprite-common@2x.png?20241017163355);
background-size: 609px 593px;
}
}

.sns-facebook {
background-image: url(/static/portal/img/sprite-common.png?20241017163355);
background-position: -509px -124px;
width: 22px;
height: 22px;
}
@media (-webkit-min-device-pixel-ratio: 2), (min-resolution: 192dpi) {
.sns-facebook {
background-image: url(/static/portal/img/sprite-common@2x.png?20241017163355);
background-size: 609px 593px;
}
}

.sns-instar {
background-image: url(/static/portal/img/sprite-common.png?20241017163355);
background-position: -509px -166px;
width: 22px;
height: 22px;
}
@media (-webkit-min-device-pixel-ratio: 2), (min-resolution: 192dpi) {
.sns-instar {
background-image: url(/static/portal/img/sprite-common@2x.png?20241017163355);
background-size: 609px 593px;
}
}

.sns-kakaotalk {
background-image: url(/static/portal/img/sprite-common.png?20241017163355);
background-position: -509px -208px;
width: 22px;
height: 22px;
}
@media (-webkit-min-device-pixel-ratio: 2), (min-resolution: 192dpi) {
.sns-kakaotalk {
background-image: url(/static/portal/img/sprite-common@2x.png?20241017163355);
background-size: 609px 593px;
}
}

.sns-youtube {
background-image: url(/static/portal/img/sprite-common.png?20241017163355);
background-position: -509px -250px;
width: 22px;
height: 22px;
}
@media (-webkit-min-device-pixel-ratio: 2), (min-resolution: 192dpi) {
.sns-youtube {
background-image: url(/static/portal/img/sprite-common@2x.png?20241017163355);
background-size: 609px 593px;
}
}

.toolbar-blog {
background-image: url(/static/portal/img/sprite-common.png?20241017163355);
background-position: -332px 0px;
width: 44px;
height: 44px;
}
@media (-webkit-min-device-pixel-ratio: 2), (min-resolution: 192dpi) {
.toolbar-blog {
background-image: url(/static/portal/img/sprite-common@2x.png?20241017163355);
background-size: 609px 593px;
}
}

.toolbar-close_btn {
background-image: url(/static/portal/img/sprite-common.png?20241017163355);
background-position: -332px -64px;
width: 44px;
height: 44px;
}
@media (-webkit-min-device-pixel-ratio: 2), (min-resolution: 192dpi) {
.toolbar-close_btn {
background-image: url(/static/portal/img/sprite-common@2x.png?20241017163355);
background-size: 609px 593px;
}
}

.toolbar-facebook {
background-image: url(/static/portal/img/sprite-common.png?20241017163355);
background-position: -207px -218px;
width: 46px;
height: 46px;
}
@media (-webkit-min-device-pixel-ratio: 2), (min-resolution: 192dpi) {
.toolbar-facebook {
background-image: url(/static/portal/img/sprite-common@2x.png?20241017163355);
background-size: 609px 593px;
}
}

.toolbar-kakao {
background-image: url(/static/portal/img/sprite-common.png?20241017163355);
background-position: -332px -128px;
width: 44px;
height: 44px;
}
@media (-webkit-min-device-pixel-ratio: 2), (min-resolution: 192dpi) {
.toolbar-kakao {
background-image: url(/static/portal/img/sprite-common@2x.png?20241017163355);
background-size: 609px 593px;
}
}

.weather-status-0 {
background-image: url(/static/portal/img/sprite-common.png?20241017163355);
background-position: -401px -403px;
width: 23px;
height: 23px;
}
@media (-webkit-min-device-pixel-ratio: 2), (min-resolution: 192dpi) {
.weather-status-0 {
background-image: url(/static/portal/img/sprite-common@2x.png?20241017163355);
background-size: 609px 593px;
}
}

.weather-status-1 {
background-image: url(/static/portal/img/sprite-common.png?20241017163355);
background-position: -308px -453px;
width: 23px;
height: 23px;
}
@media (-webkit-min-device-pixel-ratio: 2), (min-resolution: 192dpi) {
.weather-status-1 {
background-image: url(/static/portal/img/sprite-common@2x.png?20241017163355);
background-size: 609px 593px;
}
}

.weather-status-2 {
background-image: url(/static/portal/img/sprite-common.png?20241017163355);
background-position: -351px -453px;
width: 23px;
height: 23px;
}
@media (-webkit-min-device-pixel-ratio: 2), (min-resolution: 192dpi) {
.weather-status-2 {
background-image: url(/static/portal/img/sprite-common@2x.png?20241017163355);
background-size: 609px 593px;
}
}

.weather-status-3 {
background-image: url(/static/portal/img/sprite-common.png?20241017163355);
background-position: -394px -453px;
width: 23px;
height: 23px;
}
@media (-webkit-min-device-pixel-ratio: 2), (min-resolution: 192dpi) {
.weather-status-3 {
background-image: url(/static/portal/img/sprite-common@2x.png?20241017163355);
background-size: 609px 593px;
}
}

.weather-status-4 {
background-image: url(/static/portal/img/sprite-common.png?20241017163355);
background-position: -437px -453px;
width: 23px;
height: 23px;
}
@media (-webkit-min-device-pixel-ratio: 2), (min-resolution: 192dpi) {
.weather-status-4 {
background-image: url(/static/portal/img/sprite-common@2x.png?20241017163355);
background-size: 609px 593px;
}
}

.weather1 {
background-image: url(/static/portal/img/sprite-common.png?20241017163355);
background-position: -120px -287px;
width: 44px;
height: 36px;
}
@media (-webkit-min-device-pixel-ratio: 2), (min-resolution: 192dpi) {
.weather1 {
background-image: url(/static/portal/img/sprite-common@2x.png?20241017163355);
background-size: 609px 593px;
}
}

.weather2 {
background-image: url(/static/portal/img/sprite-common.png?20241017163355);
background-position: -184px -287px;
width: 44px;
height: 36px;
}
@media (-webkit-min-device-pixel-ratio: 2), (min-resolution: 192dpi) {
.weather2 {
background-image: url(/static/portal/img/sprite-common@2x.png?20241017163355);
background-size: 609px 593px;
}
}

.weather3 {
background-image: url(/static/portal/img/sprite-common.png?20241017163355);
background-position: -248px -287px;
width: 44px;
height: 36px;
}
@media (-webkit-min-device-pixel-ratio: 2), (min-resolution: 192dpi) {
.weather3 {
background-image: url(/static/portal/img/sprite-common@2x.png?20241017163355);
background-size: 609px 593px;
}
}

.weather4 {
background-image: url(/static/portal/img/sprite-common.png?20241017163355);
background-position: -312px -287px;
width: 44px;
height: 36px;
}
@media (-webkit-min-device-pixel-ratio: 2), (min-resolution: 192dpi) {
.weather4 {
background-image: url(/static/portal/img/sprite-common@2x.png?20241017163355);
background-size: 609px 593px;
}
}

.weather5 {
background-image: url(/static/portal/img/sprite-common.png?20241017163355);
background-position: -396px 0px;
width: 44px;
height: 36px;
}
@media (-webkit-min-device-pixel-ratio: 2), (min-resolution: 192dpi) {
.weather5 {
background-image: url(/static/portal/img/sprite-common@2x.png?20241017163355);
background-size: 609px 593px;
}
}

.weather6 {
background-image: url(/static/portal/img/sprite-common.png?20241017163355);
background-position: -396px -56px;
width: 44px;
height: 36px;
}
@media (-webkit-min-device-pixel-ratio: 2), (min-resolution: 192dpi) {
.weather6 {
background-image: url(/static/portal/img/sprite-common@2x.png?20241017163355);
background-size: 609px 593px;
}
}

.weather7 {
background-image: url(/static/portal/img/sprite-common.png?20241017163355);
background-position: -396px -112px;
width: 44px;
height: 36px;
}
@media (-webkit-min-device-pixel-ratio: 2), (min-resolution: 192dpi) {
.weather7 {
background-image: url(/static/portal/img/sprite-common@2x.png?20241017163355);
background-size: 609px 593px;
}
}

@media (min-width: 750px) {
.container {
margin-left: 1.25em;
margin-right: 1.25em;
}
}
@media (min-width: 1200px) {
.container {
max-width: 1400px;
padding: 0;
}
}
@media (min-width: 1440px) {
.container {
margin: 0 auto;
}
}

#content {
margin: 0 20px;
}
@media (min-width: 1200px) {
#content {
min-height: 400px;
}
}

.header {
display: block;
width: 100%;
border-bottom: 1px solid var(--bdcolor);
}
.header:before, .header:after {
content: ".";
display: block;
height: 0;
clear: both;
visibility: hidden;
}
@media (min-width: 1200px) {
.header {
margin-bottom: 35px;
border: none;
}
.gnb-stiky .header {
padding-bottom: 60px;
}
}

.header-top {
display: none;
margin: 0 auto;
width: 100%;
max-width: 1400px;
}
@media (min-width: 750px) and (max-width: 1199px) {
.header-top {
justify-content: space-evenly;
align-items: center;
gap: 40px;
}
}
@media (min-width: 1200px) {
.header-top {
display: flex;
align-items: center;
}
}
.header-top form {
width: 100%;
}
.header-top .logo-link {
display: flex;
}

.logo {
display: flex;
}
@media (min-width: 1200px) {
.logo {
width: 200px;
flex-shrink: 0;
}
}
.logo .gangbook-ci {
display: block;
background: url(/static/portal/img/common/logo@2x.png?v1017) 0 0 no-repeat;
position: relative;
}
@media (max-width: 1199px) {
.logo .gangbook-ci {
margin-left: 20px;
background-size: auto 63px;
width: 155px;
height: 63px;
}
}
@media (min-width: 1200px) {
.logo .gangbook-ci {
background-size: auto 90px;
width: 125px;
height: 90px;
}
}
@media (min-width: 1200px) {
.logo .korea-flag {
height: 90px;
}
}

.weather {
display: grid;
align-items: start;
grid-template-columns: auto auto;
gap: 8px;
font-family: GmarketSans;
/* prettier-ignore */
}
@media (max-width: 1199px) {
.weather {
display: none;
}
}
.weather .temper {
padding-top: 5px;
line-height: 1;
display: flex;
flex-direction: row;
justify-content: center;
align-items: center;
}
.weather .temper > * {
vertical-align: middle;
}
.weather .temper .i {
margin-right: 14px;
display: flex;
flex-direction: row;
justify-content: center;
align-items: center;
}
.weather .temper .t1 {
font-size: 14px;
}
.weather .temper .t2 {
display: block;
margin-top: 6px;
font-size: 20px;
font-weight: bold;
}
.weather .temper .t2 span {
font-size: 13px;
font-weight: normal;
}
.weather .cleanair {
display: flex;
flex-direction: row;
height: 28px;
border-radius: 10px;
text-align: center;
white-space: nowrap;
}
.weather .cleanair i {
display: inline-block;
margin: 0 7px 0 10px;
transform: translateY(1px);
}
.weather .cleanair .weather-status-1-color {
color: #39983a;
}
.weather .cleanair .weather-status-2-color {
color: #029d95;
}
.weather .cleanair .weather-status-3-color {
color: #d56e00;
}
.weather .cleanair .weather-status-4-color {
color: #b21417;
}
.weather .cleanair-go {
display: block;
width: 135px;
height: 24px;
padding-top: 2px;
line-height: 24px;
border-radius: 12px;
background-color: var(--teal);
font-family: GmarketSans;
font-size: 13px;
font-weight: 500;
text-align: center;
color: #fff;
}
.weather .cleanair-go i {
margin-left: 4px;
}

.keyword-help {
position: absolute;
top: 16px;
left: 38px;
font-family: GmarketSans;
font-size: 17px;
transition: 0.2s;
}
@media (max-width: 749px) {
.keyword-help {
left: 22px;
top: 13px;
font-size: 16px;
padding-right: 40px;
display: flex;
align-items: center;
flex-wrap: wrap;
align-content: center;
}
}
.keyword-help .c1 {
color: var(--mid-blue);
}
.keyword-help .c2 {
color: var(--teal);
}
.keyword-help.active {
display: none;
}
.header-sh__keyword-group:focus-within .keyword-help {
top: -10px;
opacity: 0;
}
.sh--detail .header-sh__keyword-group:focus-within .keyword-help {
top: -18px;
}
.header-sh {
flex-grow: 1;
padding: 20px 0;
display: flex;
flex-direction: row;
justify-content: space-between;
align-items: center;
}
@media (min-width: 750px) and (max-width: 1199px) {
.header-sh {
max-width: 630px;
}
}
@media (min-width: 1200px) {
.header-sh {
margin-left: 11.1428571429%;
margin-right: 3.7857142857%;
}
}
.header-sh__keyword-group {
position: relative;
flex-grow: 1;
display: grid;
grid-template-columns: auto 50px;
border: 2px solid;
border-radius: 60px;
border-style: solid;
border-width: 2px;
border-image-source: linear-gradient(to left, #245eb0, #009b97);
border-image-slice: 2;
background-image: linear-gradient(to bottom, #fff, #fff), linear-gradient(to left, #245eb0, #009b97);
background-origin: border-box;
background-clip: content-box, border-box;
-webkit-mask-image: -webkit-radial-gradient(white, black);
}
@media (min-width: 750px) {
.header-sh__keyword-group {
grid-template-columns: auto 66px;
}
}
.header-sh__keyword-group input[type=text] {
display: block;
border: none;
width: 100%;
height: 56px;
background-color: #fff;
border-radius: 60px;
padding-left: 36px;
font-family: GmarketSans;
}
@media (max-width: 749px) {
.header-sh__keyword-group input[type=text] {
padding-left: 22px;
height: 50px;
}
}
.header-sh__keyword-group .autokeyword {
position: absolute;
top: 58px;
left: 30px;
border: 1px solid var(--mid-blue);
background-color: #fff;
width: calc(100% - 80px);
display: none;
z-index: 1111;
padding: 10px;
border-top: 0;
}
@media (max-width: 749px) {
.header-sh__keyword-group .autokeyword {
top: 52px;
}
}
.header-sh__keyword-group .autokeyword button {
display: block;
width: 100%;
text-align: left;
text-overflow: ellipsis;
overflow: hidden;
white-space: nowrap;
}
.header-sh__keyword-group .active {
background-color: rgba(0, 0, 0, 0.06);
}
.header-sh__submit {
width: 50px;
height: 50px;
border-radius: 50px;
transform: translateX(2px);
background-color: var(--mid-blue);
display: flex;
flex-direction: row;
justify-content: center;
align-items: center;
}
@media (min-width: 750px) {
.header-sh__submit {
width: 66px;
height: 66px;
border-radius: 66px;
margin: -5px 0;
}
}
.header-sh__submit i {
display: inline-block;
}
.header-sh__submit:focus {
outline-color: #fff;
}
.header-sh__keyword {
margin-top: 10px;
font-family: GmarketSans;
}
@media (max-width: 1199px) {
.header-sh__keyword {
display: none;
}
}
.header-sh__keyword dl {
transform: translateX(-12px);
display: grid;
grid-template-columns: 110px 1fr;
gap: 17px;
}
@media (max-width: 749px) {
.header-sh__keyword dl {
gap: 10px;
}
}
.header-sh__keyword dt {
position: relative;
width: 110px;
height: 30px;
margin-right: 30px;
border-radius: 15.5px;
background-color: var(--teal);
font-style: italic;
font-weight: 400;
color: #fff;
text-align: center;
line-height: 35px;
font-family: GmarketSans;
}
.header-sh__keyword dt::before {
content: "";
position: absolute;
left: 19px;
top: -7px;
width: 9px;
height: 10px;
background: url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" width="9" height="10"><path fill-rule="evenodd" fill="%234EA47E" d="M0 7.998S2.955 2.771 8.999.1c0 0-6.715 9.387 0 9.899L0 7.998z"/></svg>') 0 0 no-repeat;
}
.header-sh__keyword button {
padding: 5px 4px;
color: #757575;
overflow-wrap: anywhere;
text-align: left;
word-break: auto-phrase;
}
#allmenu {
position: absolute;
left: 0;
top: 0;
padding-top: 20px;
}
@media (min-width: 1200px) {
#allmenu {
position: static;
padding: 0;
float: right;
}
}
#allmenu > button {
width: 48px;
height: 30px;
text-align: center;
background: none;
font-size: 20px;
}
@media (min-width: 1200px) {
#allmenu > button {
margin-top: 30px;
}
}
#allmenu > button:after {
content: "\f0c9";
font-family: "FontAwesome";
}

#container {
display: block;
}
#container:before, #container:after {
content: ".";
display: block;
height: 0;
clear: both;
visibility: hidden;
}
@media (min-width: 1200px) {
#container main {
float: right;
width: calc(100% - 260px - 60px);
}
}

@media (max-width: 749px) {
.content-head {
margin: 16px 0 26px;
position: relative;
margin-bottom: 30px;
}
}
@media (min-width: 750px) {
.content-head {
display: flex;
flex-direction: row;
justify-content: space-between;
align-items: flex-end;
padding-bottom: 28px;
margin-bottom: 35px;
border-bottom: 1px solid #dddee1;
}
}

@media (max-width: 1199px) {
.content-title-hgroup {
margin-bottom: 28px;
}
}
@media (min-width: 750px) {
.content-title-hgroup {
margin: 26px 0;
}
}
.content-title-hgroup .content-title {
font-family: GmarketSans;
font-size: 35px;
font-weight: bold;
color: #222121;
}
@media (min-width: 750px) {
.content-title-hgroup .content-title {
padding-top: 6px;
line-height: 1.3;
}
}
@media (max-width: 749px) {
.content-title-hgroup .content-title {
font-size: 18px;
}
}

.location {
font-family: GmarketSans;
font-size: 16px;
font-weight: 500;
text-align: left;
color: var(--steel);
line-height: 1;
}
.location li.home {
margin-right: -3px;
}
.location li.home i {
vertical-align: middle;
display: inline-block;
width: 17px;
height: 17px;
background: url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="13px" height="13px"> <path fill-rule="evenodd" fill="rgb(136, 140, 160)" d="M5.831,0.292 L0.414,4.505 C0.153,4.709 -0.000,5.020 -0.000,5.349 L-0.000,12.460 C-0.000,12.756 0.242,12.996 0.542,12.996 L4.221,12.996 C4.520,12.996 4.763,12.756 4.763,12.460 L4.763,8.098 C4.763,7.802 5.005,7.562 5.304,7.562 L7.696,7.562 C7.995,7.562 8.237,7.802 8.237,8.098 L8.237,12.460 C8.237,12.756 8.480,12.996 8.779,12.996 L12.458,12.996 C12.758,12.996 13.000,12.756 13.000,12.460 L13.000,5.349 C13.000,5.020 12.847,4.709 12.586,4.505 L7.169,0.292 C6.776,-0.014 6.223,-0.014 5.831,0.292 " /> </svg>') center center no-repeat;
background-position: center 1px;
}
.location li.home::before {
display: none !important;
}
.location li {
display: inline;
}
.location li::before {
content: "\e409";
font-family: "Material Symbols Outlined";
font-weight: normal;
font-style: normal;
font-size: 24px;
line-height: 1;
letter-spacing: normal;
text-transform: none;
display: inline-block;
vertical-align: middle;
white-space: nowrap;
word-wrap: normal;
direction: ltr;
-webkit-font-feature-settings: "liga";
-webkit-font-smoothing: antialiased;
color: #808080;
}
.location li strong {
color: #000;
}

.mobile-hotKeyword {
margin-top: 5px;
margin-right: -60px;
padding: 0;
display: flex;
flex-wrap: wrap;
gap: 3px;
font-size: 15px;
}
.mobile-hotKeyword button {
padding: 0 6px;
white-space: nowrap;
border-width: 1px;
border-color: rgb(217, 217, 217);
border-style: solid;
background-color: rgb(255, 255, 255);
border-radius: 50px;
}

.toolbar {
display: flex;
flex-direction: row;
justify-content: center;
align-items: center;
gap: 6px;
}
@media (max-width: 749px) {
.toolbar {
position: absolute;
right: 0;
top: 0;
}
}
.toolbar .qrcode-area {
position: absolute;
top: 0;
margin-top: 50px;
border: 1px solid var(--bd-color);
border-radius: 10px;
padding: 10px;
text-align: center;
justify-content: center;
background-color: #fff;
}
.toolbar > button {
background-color: transparent;
display: inline-block;
}
@media (max-width: 749px) {
.toolbar__qrcode {
width: 30px;
height: 30px;
border-radius: 30px;
}
}
@media (min-width: 750px) {
.toolbar__qrcode {
width: 44px;
height: 44px;
border-radius: 44px;
border: solid 1px #c8c7cc;
}
}
.toolbar__qrcode .fa-qrcode {
font-size: 20px;
color: rgb(75, 75, 73);
}
.toolbar__sharing {
background: url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="18px" height="18px"> <path fill-rule="evenodd"  fill="rgb(75, 75, 73)" d="M14.665,11.860 C13.831,11.860 13.084,12.210 12.557,12.760 L8.173,10.305 C8.336,9.887 8.436,9.439 8.436,8.966 C8.436,8.494 8.336,8.046 8.174,7.628 L12.556,5.173 C13.084,5.724 13.831,6.074 14.665,6.074 C16.257,6.074 17.553,4.816 17.553,3.270 C17.553,1.724 16.257,0.467 14.665,0.467 C13.072,0.467 11.776,1.724 11.776,3.270 C11.776,3.556 11.833,3.827 11.916,4.088 L7.523,6.548 C6.799,5.697 5.718,5.141 4.495,5.141 C2.321,5.141 0.553,6.857 0.553,8.966 C0.553,11.076 2.321,12.792 4.495,12.792 C5.718,12.792 6.799,12.237 7.523,11.385 L11.916,13.846 C11.833,14.106 11.776,14.377 11.776,14.663 C11.776,16.209 13.072,17.467 14.665,17.467 C16.257,17.467 17.553,16.209 17.553,14.663 C17.553,13.117 16.257,11.860 14.665,11.860 ZM14.665,1.718 C15.547,1.718 16.264,2.414 16.264,3.270 C16.264,4.126 15.547,4.823 14.665,4.823 C13.783,4.823 13.065,4.126 13.065,3.270 C13.065,2.414 13.783,1.718 14.665,1.718 ZM4.495,11.541 C3.032,11.541 1.842,10.386 1.842,8.966 C1.842,7.547 3.032,6.392 4.495,6.392 C5.957,6.392 7.147,7.547 7.147,8.966 C7.147,10.386 5.957,11.541 4.495,11.541 ZM14.665,16.216 C13.783,16.216 13.065,15.519 13.065,14.663 C13.065,13.807 13.783,13.111 14.665,13.111 C15.547,13.111 16.264,13.807 16.264,14.663 C16.264,15.519 15.547,16.216 14.665,16.216 Z"/> </svg>') center center no-repeat;
}
@media (max-width: 749px) {
.toolbar__sharing {
width: 30px;
height: 30px;
border-radius: 30px;
}
}
@media (min-width: 750px) {
.toolbar__sharing {
width: 44px;
height: 44px;
border-radius: 44px;
border: solid 1px #c8c7cc;
}
}
@media (max-width: 749px) {
.toolbar__print {
display: none;
}
}
@media (min-width: 750px) {
.toolbar__print {
width: 44px;
height: 44px;
border-radius: 44px;
border: solid 1px #c8c7cc;
background: url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="204px" height="207px"> <path fill-rule="evenodd" fill="rgb(78, 78, 76)" d="M143.000,168.1000 L61.375,168.1000 C58.958,168.1000 56.1000,167.449 56.1000,165.535 L56.1000,165.465 C56.1000,163.551 58.958,162.000 61.375,162.000 L142.625,162.000 C145.042,162.000 147.000,163.551 147.000,165.465 L147.000,165.535 C147.000,167.449 145.042,168.1000 142.625,168.1000 " /> <path fill-rule="evenodd" fill="rgb(78, 78, 76)" d="M143.000,146.1000 L61.375,146.1000 C58.958,146.1000 56.1000,145.449 56.1000,143.535 L56.1000,143.465 C56.1000,141.551 58.958,140.000 61.375,140.000 L142.625,140.000 C145.042,140.000 147.000,141.551 147.000,143.465 L147.000,143.535 C147.000,145.449 145.042,146.1000 142.625,146.1000 " /> <path fill-rule="evenodd" fill="rgb(78, 78, 76)" d="M143.000,189.1000 L61.375,189.1000 C58.958,189.1000 56.1000,188.449 56.1000,186.535 L56.1000,186.464 C56.1000,184.551 58.958,183.000 61.375,183.000 L142.625,183.000 C145.042,183.000 147.000,184.551 147.000,186.464 L147.000,186.535 C147.000,188.449 145.042,189.1000 142.625,189.1000 " /> <path fill-rule="evenodd" fill="rgb(78, 78, 76)" d="M176.204,94.746 C176.204,99.778 172.125,103.857 167.093,103.857 C162.061,103.857 157.982,99.778 157.982,94.746 C157.982,89.714 162.061,85.635 167.093,85.635 C172.125,85.635 176.204,89.714 176.204,94.746 " /> <path fill-rule="evenodd" fill="rgb(78, 78, 76)" d="M186.279,63.317 L185.1000,62.1000 L171.1000,62.1000 L171.1000,15.808 C171.1000,7.077 164.923,0.000 156.192,0.000 L46.809,0.000 C38.078,0.000 31.000,7.078 31.000,15.809 L31.000,62.1000 L17.718,62.1000 C7.933,62.1000 0.000,70.933 0.000,80.718 L0.000,154.279 C0.000,164.066 7.934,172.000 17.721,172.000 L31.000,172.000 L31.000,192.552 C31.000,200.531 37.469,206.1000 45.448,206.1000 L157.552,206.1000 C165.531,206.1000 171.1000,200.531 171.1000,192.552 L171.1000,172.000 L186.279,172.000 C196.066,172.000 203.1000,164.066 203.1000,154.279 L203.1000,81.035 C203.1000,71.250 196.064,63.317 186.279,63.317 ZM39.1000,17.791 C39.1000,12.936 43.936,9.000 48.791,9.000 L155.209,9.000 C160.064,9.000 164.000,12.936 164.000,17.791 L164.000,62.1000 L39.1000,62.1000 L39.1000,17.791 ZM164.000,191.359 C164.000,195.027 161.027,198.000 157.359,198.000 L46.641,198.000 C42.973,198.000 39.1000,195.027 39.1000,191.359 L39.1000,172.000 L39.1000,162.1000 L39.1000,126.1000 L164.000,126.1000 L164.000,162.1000 L164.000,172.000 L164.000,191.359 ZM194.1000,151.360 C194.1000,157.789 189.789,162.1000 183.360,162.1000 L171.1000,162.1000 L171.1000,118.1000 L31.000,118.1000 L31.000,162.1000 L20.640,162.1000 C14.211,162.1000 9.000,157.789 9.000,151.360 L9.000,83.640 C9.000,77.211 14.211,72.000 20.640,72.000 L31.000,72.000 L171.1000,72.000 L183.360,72.000 C189.789,72.000 194.1000,77.211 194.1000,83.640 L194.1000,151.360 Z" /> </svg>') center center no-repeat;
background-size: 18px;
}
}

.sns-set {
position: relative;
display: inline-block;
}
.sns-set.active > div {
display: flex;
}
.sns-set > div {
display: none;
width: 200px;
right: 5px;
top: -22px;
flex-direction: row;
justify-content: flex-end;
position: absolute;
align-items: center;
gap: 7px;
z-index: 100;
border-radius: 4px;
background-color: #fff;
}
.sns-set__band {
background: url(/static/portal/img/common/icon_blog.png) 0 0 no-repeat;
}
.sns-set__kakaotalk {
background: url(/static/portal/img/common/icon_kakao.png) 0 0 no-repeat;
}
.sns-set__facebook {
background: url(/static/portal/img/common/icon_facebook.png) 0 0 no-repeat;
}
.sns-set__close {
background: url(/static/portal/img/common/close_btn.png) 0 0 no-repeat;
}
.sns-set button {
width: 44px;
height: 44px;
border-radius: 44px;
background-color: transparent;
}
.sns-set button i {
vertical-align: top;
}
.sns-set button:focus {
outline-offset: 1px;
}
.sns-set.qrcode .sns-set__close {
display: none;
}
.sns-set.qrcode.active .sns-set__close {
display: block;
}
@media (max-width: 749px) {
.sns-set.qrcode.active .sns-set__close {
position: absolute;
top: -22px;
right: 0;
}
}

.gnb-stiky .gnb-stiky-group {
height: 70px;
width: 100%;
padding-top: 12px;
}
.gnb-stiky-group .gnb-stiky-logo {
flex-basis: 164px;
flex-shrink: 0;
}
.gnb-stiky-group .gnb-set {
flex-basis: calc(100% - 164px);
}

.gnb-container {
display: none;
width: 100%;
border-top: 1px solid var(--bdcolor);
}
@media (min-width: 750px) {
.gnb-container {
display: block;
}
}
@media (max-width: 1199px) {
.gnb-container {
position: absolute;
top: 0;
height: 0;
}
.gnb-container .container {
height: 0;
}
.gnb-container .all-toggle-set {
position: absolute;
right: 20px;
top: 20px;
}
.gnb-container .all-toggle-set button {
border-radius: 0.3125em;
}
}
@media (max-width: 749px) {
.gnb-container .all-toggle-set {
right: 10px;
}
}

@media (min-width: 1200px) {
.main .header-top {
gap: 10px;
align-items: center;
}
}
@media (min-width: 1200px) and (min-width: 1300px) {
.main .header-top {
gap: 20px;
}
}
@media (min-width: 1200px) {
.main .logo-link {
display: flex;
}
.main .head {
position: relative;
border-bottom: 1px solid var(--bdcolor);
}
.main .logo {
padding: 0;
}
.main #gnb {
border: none;
}
.main #gnb .gnb-set > ul {
width: 100%;
}
.main.scrollTop0 .header-top {
height: 100px;
}
.main.scrollTop0 #gnb .dp1 > a {
height: 100px;
display: flex;
flex-direction: row;
justify-content: center;
align-items: center;
}
.main.scrollTop0 #gnb .dp1 > a span {
width: 100%;
}
.main.scrollTop0 #gnb .dp1 ~ li > a::after {
top: 34px;
}
.main.scrollTop0 #gnb .dp1 > .s {
top: 101px;
}
}

@media (min-width: 1200px) {
.gnb-stiky.main .header-top {
height: 70px;
}
.gnb-stiky.main .head {
position: fixed;
left: 0;
top: 0;
width: 100%;
z-index: 9999;
background-color: #fff;
}
.gnb-stiky.main .logo {
display: none;
}
.gnb-stiky.main .weather {
display: none;
}
.gnb-stiky.main #gnb {
position: static;
z-index: unset;
}
.gnb-stiky.main #gnb .gnb-set > ul {
width: 100%;
margin-top: 12px;
}
}

@media (max-width: 1199px) {
.all-nav-toggle-set {
display: none;
}
}

.stiky-logo {
display: none;
flex-shrink: 0;
animation: logo 0.5s linear;
}
.gnb-stiky .stiky-logo {
display: block;
}
.stiky-logo a {
width: 100%;
height: 100%;
display: flex;
align-items: center;
gap: 12px;
}
@media (min-width: 1200px) {
.stiky-logo a {
margin-top: -7px;
}
}
.stiky-logo a .portal-logo {
display: block;
background: url("/static/portal/img/common/logo@2x.png?v1017") 0 0 no-repeat;
position: relative;
}
@media (max-width: 1199px) {
.stiky-logo a .portal-logo {
background-size: auto 60px;
width: 98px;
height: 58px;
}
}
@media (min-width: 1200px) {
.stiky-logo a .portal-logo {
background-size: auto 70px;
width: 98px;
height: 58px;
}
}
.stiky-logo a .korea-flag img {
height: 56px;
}
.stiky-logo__site-name {
font-weight: bold;
font-size: 20px;
line-height: 1;
font-family: GmarketSans;
white-space: nowrap;
}

#header .gnb-stiky-sh {
display: none;
flex-basis: 280px;
position: relative;
}
@media (min-width: 1200px) {
.gnb-stiky #header .gnb-stiky-sh {
display: block;
}
}
#header .gnb-stiky-sh input {
height: 48px;
width: 100%;
border: none;
border-radius: 0;
border-bottom: 2px solid var(--mid-blue);
}
#header .gnb-stiky-sh > button {
position: absolute;
right: 0;
top: 0;
height: 46px;
width: 24px;
background: url(/static/portal/img/sub/stiky-sh.png) center 14px no-repeat;
}
#header .gnb-stiky-sh .autokeyword {
position: absolute;
top: 47px;
left: 0;
border: 1px solid var(--mid-blue);
background-color: #fff;
z-index: 1;
width: calc(100% - 0px);
padding: 8px;
display: none;
}
#header .gnb-stiky-sh .autokeyword button {
display: block;
width: 100%;
text-align: left;
text-overflow: ellipsis;
overflow: hidden;
white-space: nowrap;
}
#header .gnb-stiky-sh .autokeyword .active {
background-color: rgba(0, 0, 0, 0.06);
}

@media (min-width: 1200px) {
.all-nav-toggle {
display: flex;
flex-direction: row;
justify-content: center;
align-items: center;
padding-top: 4px;
width: 160px;
height: 60px;
margin-top: -1px;
margin-bottom: -1px;
font-family: GmarketSans;
font-size: 18px;
font-weight: 500;
color: #fff;
border-radius: 10px;
background-color: #2163c1;
}
.main .all-nav-toggle {
height: 49px;
width: 49px;
}
.main .all-nav-toggle span {
position: absolute;
width: 1px;
height: 1px;
margin: -1px;
padding: 0;
overflow: hidden;
clip: rect(0, 0, 0, 0);
border: 0;
}
.main .all-nav-toggle::after {
margin-left: 0;
}
.all-nav-toggle::after {
content: "";
display: inline-block;
margin-left: 11px;
width: 16px;
height: 14px;
background: url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="16px" height="14px"> <path fill-rule="evenodd"  fill="rgb(255, 255, 255)" d="M-0.000,-0.000 L16.002,-0.000 L16.002,2.000 L-0.000,2.000 L-0.000,-0.000 Z"/> <path fill-rule="evenodd"  fill="rgb(255, 255, 255)" d="M-0.000,6.442 L12.000,6.442 L12.000,8.442 L-0.000,8.442 L-0.000,6.442 Z"/> <path fill-rule="evenodd"  fill="rgb(255, 255, 255)" d="M-0.000,11.859 L16.002,11.859 L16.002,13.859 L-0.000,13.859 L-0.000,11.859 Z"/> </svg>') center center no-repeat;
}
.gnb-stiky .all-nav-toggle {
width: 47px;
height: 46px;
padding: 0;
}
.gnb-stiky .all-nav-toggle::after {
margin-left: 0;
}
.gnb-stiky .all-nav-toggle span {
position: absolute;
width: 1px;
height: 1px;
margin: -1px;
padding: 0;
overflow: hidden;
clip: rect(0, 0, 0, 0);
border: 0;
}
}

#gnb .gnbClose {
display: none;
}
@media (min-width: 1200px) {
#gnb {
width: 100%;
position: relative;
display: block;
border-top: 1px solid #e8e8e8;
border-bottom: 1px solid #e8e8e8;
}
.main #gnb {
position: static;
}
.gnb-stiky #gnb {
position: fixed;
z-index: 2000;
width: 100%;
top: 0;
left: 0;
background-color: #fff;
}
.gnb-stiky #gnb::before {
background-color: rgb(255, 255, 255);
box-shadow: 0 0 15px rgba(0, 0, 0, 0.13);
}
.gnb-stiky #gnb .gnb-set {
gap: 20px;
}
.gnb-stiky #gnb .gnb-set > ul {
width: calc(100% - 245px);
padding-left: 20px;
transition: all 0.25s linear;
}
.gnb-stiky #gnb .dp1 > a {
font-size: 1.125rem;
}
.gnb-stiky #gnb .all-toggle-set {
display: flex;
}
.gnb-stiky #gnb .all-search-toggle {
display: block;
}
.gnb-stiky #gnb .all-search-toggle i {
color: #141414;
}
#gnb .gnb-set {
display: flex;
justify-content: space-between;
width: 100%;
}
#gnb .gnb-set > ul {
display: flex;
flex-grow: 1;
justify-content: space-around;
margin-right: 20px;
}
#gnb .dp1 {
flex-grow: 1;
}
#gnb .dp1 ~ li > a {
position: relative;
}
#gnb .dp1 ~ li > a::after {
content: "";
position: absolute;
left: -9px;
top: 14px;
width: 18px;
height: 28px;
background: url(/static/portal/img/sub/gnb-v-line.png) 0 0 no-repeat;
}
#gnb .dp1 > a {
display: block;
text-align: center;
font-family: GmarketSans;
font-size: 18px;
font-weight: 500;
color: var(--black);
width: 100%;
}
#gnb .dp1 > a span {
display: flex;
flex-direction: row;
justify-content: center;
align-items: center;
height: 58px;
position: relative;
z-index: 1;
}
.gnb-stiky #gnb .dp1 > a {
color: #141414;
}
[lang=en] #gnb .dp1 > a {
font-size: 13px;
}
#gnb .dp1.on > a {
font-weight: bold;
}
#gnb .dp1.active > a, #gnb .dp1.on > a {
position: relative;
font-family: GmarketSans;
color: #2164c1;
}
#gnb .dp1.active > a::before, #gnb .dp1.on > a::before {
content: "";
position: absolute;
left: calc(50% - 4px);
bottom: -4px;
width: 8px;
height: 8px;
border-radius: 8px;
border: solid 2px #2164c1;
z-index: 999;
}
#gnb .dp1.active .dp2-set {
display: flex;
}
#gnb .dp1 > .s {
position: absolute;
z-index: 1000;
top: 59px;
left: 0;
width: 100%;
margin: 0 auto;
background-color: #fff;
box-shadow: 0 20px 20px -16px rgba(53, 53, 53, 0.22);
}
.gnb-stiky #gnb .dp1 > .s {
top: 71px;
}
#gnb .dp1 > .s::before {
content: "";
position: absolute;
left: 0;
background: #f00;
}
#gnb [class^=dp5-] {
margin-bottom: 20px;
}
#gnb .dp3 {
padding: 3px 0 3px 9px;
}
#gnb .dp3 > a {
display: block;
display: inline-block;
color: #1d1d1d;
color: #000;
font-size: 0.938rem;
font-weight: 300;
line-height: 1.5rem;
padding-left: 14px;
text-indent: -14px;
}
#gnb .dp3 > a::before {
content: "";
display: inline-block;
margin-right: 8px;
text-indent: 0;
margin-top: -4px;
vertical-align: middle;
}
#gnb .dp3 > a:focus, #gnb .dp3 > a:hover {
position: relative;
color: #525d64;
}
#gnb .dp3 > a:focus::after, #gnb .dp3 > a:hover::after {
content: "";
position: absolute;
width: calc(100% - 14px);
left: 14px;
bottom: -4px;
border-bottom: 1px solid var(--bdcolor);
}
#gnb .dp3 > a i {
margin-left: 4px;
}
#gnb .dp4-set {
display: none;
}
}
@media (max-width: 1199px) {
#gnb .gnb-set > ul {
display: none;
}
}

@keyframes show {
0% {
opacity: 0.6;
}
50% {
opacity: 1;
}
}
@keyframes logo {
0% {
opacity: 0.6;
}
50% {
opacity: 1;
}
}
@media (min-width: 1200px) {
.dp2-set {
display: none;
width: 100%;
max-width: 1400px;
margin: 0 auto;
background: var(--white);
--left: 240px;
/* prettier-ignore */
}
}
@media (min-width: 1200px) and (min-width: 750px) {
.dp2-set {
padding: 0 20px;
}
}
@media (min-width: 1200px) {
.dp2-set::before {
content: "";
position: absolute;
left: 0;
width: 50%;
height: 100%;
background-color: #ecf2f9;
}
.dp2-set .title {
position: relative;
width: var(--left);
padding-right: 20px;
padding-top: 45px;
background: calc(100% - 12px) calc(100% - 25px) no-repeat;
}
.dp2-set .title h3 {
display: inline-block;
margin: 0;
background-image: linear-gradient(120deg, var(--teal) 20%, var(--mid-blue) 80%);
font-family: GmarketSans;
font-size: 26px;
font-weight: bold;
font-stretch: normal;
font-style: normal;
line-height: 1.3;
letter-spacing: normal;
text-align: left;
-webkit-background-clip: text;
background-clip: text;
-webkit-text-fill-color: transparent;
}
.dp2-set .title::after {
content: "";
position: absolute;
right: 44px;
bottom: 23px;
width: 67px;
height: 107px;
background-position: right bottom;
background-repeat: no-repeat;
}
.dp2-set .title > p {
margin-top: 18px;
line-height: 1.63;
color: var(--black);
}
.dp2-set .title::before {
content: "";
}
.portal .dp2-set .title {
background: calc(100% - 12px) calc(100% - 5px) no-repeat;
}
.menu0 .dp2-set .title {
background-image: url("/static/portal/img/sub/dep1-bg.png");
background-repeat: no-repeat;
background-size: 227px auto;
}
}
@media (min-width: 1200px) and (-webkit-min-device-pixel-ratio: 2) {
.menu0 .dp2-set .title {
background-image: url("/static/portal/img/sub/dep1-bg@2x.png");
}
}
@media (min-width: 1200px) {
.menu1 .dp2-set .title {
background-image: url("/static/portal/img/sub/dep2-bg.png");
background-repeat: no-repeat;
background-size: 227px auto;
}
}
@media (min-width: 1200px) and (-webkit-min-device-pixel-ratio: 2) {
.menu1 .dp2-set .title {
background-image: url("/static/portal/img/sub/dep2-bg@2x.png");
}
}
@media (min-width: 1200px) {
.menu2 .dp2-set .title {
background-image: url("/static/portal/img/sub/dep3-bg.png");
background-repeat: no-repeat;
background-size: 227px auto;
}
}
@media (min-width: 1200px) and (-webkit-min-device-pixel-ratio: 2) {
.menu2 .dp2-set .title {
background-image: url("/static/portal/img/sub/dep3-bg@2x.png");
}
}
@media (min-width: 1200px) {
.menu3 .dp2-set .title {
background-image: url("/static/portal/img/sub/dep4-bg.png");
background-repeat: no-repeat;
background-size: 227px auto;
}
}
@media (min-width: 1200px) and (-webkit-min-device-pixel-ratio: 2) {
.menu3 .dp2-set .title {
background-image: url("/static/portal/img/sub/dep4-bg@2x.png");
}
}
@media (min-width: 1200px) {
.menu4 .dp2-set .title {
background-image: url("/static/portal/img/sub/dep5-bg.png");
background-repeat: no-repeat;
background-size: 227px auto;
}
}
@media (min-width: 1200px) and (-webkit-min-device-pixel-ratio: 2) {
.menu4 .dp2-set .title {
background-image: url("/static/portal/img/sub/dep5-bg@2x.png");
}
}
@media (min-width: 1200px) {
.menu5 .dp2-set .title {
background-image: url("/static/portal/img/sub/dep6-bg.png");
background-repeat: no-repeat;
background-size: 227px auto;
}
}
@media (min-width: 1200px) and (-webkit-min-device-pixel-ratio: 2) {
.menu5 .dp2-set .title {
background-image: url("/static/portal/img/sub/dep6-bg@2x.png");
}
}
@media (min-width: 1200px) {
.menu6 .dp2-set .title {
background-image: url("/static/portal/img/sub/dep6-bg.png");
background-repeat: no-repeat;
background-size: 227px auto;
}
}
@media (min-width: 1200px) and (-webkit-min-device-pixel-ratio: 2) {
.menu6 .dp2-set .title {
background-image: url("/static/portal/img/sub/dep6-bg@2x.png");
}
}
@media (min-width: 1200px) {
.dp2-set > ul {
max-width: 1200px;
display: flex;
flex-wrap: wrap;
width: calc(100% - var(--left));
padding: 24px 8px 24px 40px;
background-color: #fff;
z-index: 1;
--mr: 3.392857142857143%;
gap: 30px var(--mr);
max-height: 560px;
height: 500px;
overflow-y: auto;
overflow-x: hidden;
/* prettier-ignore */
}
.dp2-set > ul::-webkit-scrollbar {
width: 8px; /* 세로축 스크롤바 길이 */
height: 10px; /* 가로축 스크롤바 길이 */
}
.dp2-set > ul::-webkit-scrollbar-track {
background-color: transparent;
background-color: rgba(255, 255, 255, 0.5);
background-color: #f0f1f2;
border-radius: 10px;
}
.dp2-set > ul::-webkit-scrollbar-track-piece {
background-color: transparent;
}
.dp2-set > ul::-webkit-scrollbar-thumb {
border-radius: 10px;
background-color: var(--mid-blue, #fff);
}
.dp2-set > ul::-webkit-scrollbar-button {
width: 20px;
height: 10px;
}
.dp2-set > ul::-webkit-scrollbar-corner {
background-color: violet; /* 우측 하단의 코너 부분 */
}
.dp2-set > ul::-webkit-resizer {
background-color: green;
}
.menu0 .dp2-set > ul > li {
width: calc((100% - var(--mr) * 4) / 5);
}
.menu1 .dp2-set > ul > li {
width: calc((100% - var(--mr) * 4) / 5);
}
.menu2 .dp2-set > ul > li {
width: calc((100% - var(--mr) * 3) / 4);
}
.menu3 .dp2-set > ul > li {
width: calc((100% - var(--mr) * 4) / 5);
}
.menu4 .dp2-set > ul > li {
width: calc((100% - var(--mr) * 5) / 5);
}
.menu5 .dp2-set > ul > li {
width: calc((100% - var(--mr) * 3) / 4);
}
.dp2 > a {
position: relative;
font-weight: bold;
display: flex;
align-items: center;
line-height: 1.2;
height: 40px;
padding: 4px;
padding-left: 20px;
border-radius: 5px;
border: solid 1px #e8ecf4;
background-color: #f8f9fb;
word-break: break-all;
}
.dp2 > a.on {
padding-right: 46px;
background-color: var(--mid-blue);
border-color: var(--mid-blue);
color: #fff;
}
.dp2 > a.on::after {
position: absolute;
top: 13px;
right: 20px;
content: "";
background-image: url(/static/portal/img/sprite-common.png?20241017163355);
background-position: -460px -343px;
width: 24px;
height: 24px;
}
.dp2 > ul {
padding-top: 10px;
}
.dp3-set > ul {
padding: 10px;
}
.dp3-set > ul > li > a {
display: block;
padding: 3px 0 3px 19px;
line-height: 1.3;
text-align: left;
color: var(--black);
border-left: 1px solid #dbdbdb;
}
.dp3-set > ul > li > a .on, .dp3-set > ul > li > a:hover, .dp3-set > ul > li > a:focus, .dp3-set > ul > li > a:active {
border-left-color: var(--mid-blue);
color: var(--mid-blue);
font-weight: 800;
}
.all-nav .dp3-set > ul > li .dp4-set {
margin-top: 5px;
margin-bottom: 5px;
}
.all-nav .dp3-set > ul > li .dp4-set ul {
padding: 5px 15px;
border-radius: 5px;
background-color: #f1f1f1;
}
.all-nav .dp3-set > ul > li .dp4-set ul li {
line-height: 26px;
}
.all-nav .dp3-set > ul > li .dp4-set ul li.active a {
color: #005aab;
font-weight: bold;
text-decoration: underline;
}
.all-nav .dp3-set > ul > li .dp4-set ul li a {
font-size: 0.9375rem;
color: var(--gray);
}
.all-nav .dp3-set > ul > li .dp4-set ul li a:hover, .all-nav .dp3-set > ul > li .dp4-set ul li a:focus, .all-nav .dp3-set > ul > li .dp4-set ul li a:active {
color: #005aab;
font-weight: bold;
text-decoration: underline;
}
.all-nav .dp3-set > ul > li .dp4-set ul li a::before {
content: "- ";
}
}
#mobile-head {
display: none;
position: relative;
}
@media (max-width: 749px) {
#mobile-head {
border-bottom: 10px solid var(--bdcolor);
}
}
@media (max-width: 1199px) {
#mobile-head {
display: block;
}
#mobile-head .__head {
display: flex;
flex-direction: row;
align-items: center;
}
}
@media (max-width: 1199px) and (min-width: 1200px) {
#mobile-head .__head {
display: none;
}
}
@media (max-width: 1199px) {
#mobile-head .logo-m-set {
display: block;
padding: 8px 0 0 20px;
}
#mobile-head .logo-m-set i {
display: inline-block;
}
#mobile-head .korea-flag img {
height: 45px;
}
#mobile-head .m-nav-open {
position: absolute;
right: 0;
top: 0;
height: 60px;
width: 66px;
}
#mobile-head .m-nav-open::before {
content: "";
display: inline-block;
background-image: url(/static/portal/img/sprite-common.png?20241017163355);
background-position: -92px -497px;
width: 26px;
height: 18px;
}
#mobile-head .nav {
display: none;
position: relative;
flex-grow: 1;
}
#mobile-head .nav.on {
display: block;
}
#mobile-head .nav > ul {
width: 110px;
height: 100%;
padding-bottom: 100px;
background-color: #e9ecf2;
}
#mobile-head > .set {
display: flex;
flex-direction: column;
}
#mobile-head li.on > ul, #mobile-head li.on > div {
display: block;
}
#mobile-head .dp1 {
padding: 10px 0;
width: 110px;
}
#mobile-head .dp1 .title {
display: none;
}
#mobile-head .dp1 a {
display: block;
position: relative;
z-index: 1;
}
#mobile-head .dp1 a span {
display: block;
transform: translateY(2px);
}
#mobile-head .dp1 > a {
height: 45px;
display: flex;
flex-direction: row;
align-items: center;
font-family: GmarketSans;
font-size: 16px;
font-weight: 500;
width: 100%;
padding-left: 18px;
word-break: break-all;
}
[lang=en] #mobile-head .dp1 > a {
height: auto;
word-break: break-word;
line-height: 1.2;
}
#mobile-head .dp1.on > a {
justify-content: center;
padding-left: 0;
font-weight: bold;
transform: translateX(10px);
border-radius: 5px;
box-shadow: 1.7px 2.5px 7px 0 rgba(0, 0, 0, 0.15);
background-image: linear-gradient(120deg, #009b96, #2264c2);
background-size: cover;
color: #fff;
}
#mobile-head .dp1 li {
display: none;
}
#mobile-head .dp1.on > div > div > ul {
display: block;
}
#mobile-head .dp1.on > div > div > ul > li {
display: block;
}
#mobile-head .dp2-set {
position: absolute;
left: 135px;
top: 0;
overflow-y: auto;
width: calc(100% - 135px);
height: 100%;
padding-bottom: 40px;
padding-right: 25px;
}
#mobile-head .dp2 {
position: relative;
border-bottom: 1px solid var(--bdcolor);
}
#mobile-head .dp2 > a {
padding: 15px 24px 9px 0;
font-family: GmarketSans;
font-weight: 500;
}
#mobile-head .dp2 > a::after {
content: "";
}
#mobile-head .dp2.on {
border: none;
}
#mobile-head .dp2.on > a {
color: var(--mid-blue);
font-weight: bold;
}
#mobile-head .dp2.on > div > ul {
padding: 8px 4px;
border-radius: 5px;
background-color: #eef1f4;
}
#mobile-head .dp2.on > div > ul > li {
display: block;
position: relative;
}
#mobile-head .dp2.on > div > ul > li > a {
padding: 5px 20px 5px;
line-height: 1.3;
}
#mobile-head .dp2.on > div > ul::before {
transform: rotate(90deg);
}
#mobile-head .dp3-set > ul::before {
content: "";
position: absolute;
right: 0;
top: 15px;
background-image: url(/static/portal/img/sprite-common.png?20241017163355);
background-position: -509px -457px;
width: 20px;
height: 20px;
}
#mobile-head .dp3-set > a {
padding: 10px 22px;
color: #888;
font-size: 0.875rem;
font-weight: 600;
}
#mobile-head .dp3-set > a::before {
content: "- ";
}
#mobile-head .dp3-set > ul > li.active > a {
color: var(--mid-blue);
}
#mobile-head .dp3-set li.active,
#mobile-head .dp3-set li.on {
position: relative;
}
#mobile-head .dp3-set li.active > a,
#mobile-head .dp3-set li.on > a {
color: #222;
}
#mobile-head .dp3-set li.active ul,
#mobile-head .dp3-set li.on ul {
display: block;
background-color: #fff;
padding: 10px 0;
}
#mobile-head .dp3-set li.active ul > li,
#mobile-head .dp3-set li.on ul > li {
display: block;
}
#mobile-head .dp3-set li.active > ul::before,
#mobile-head .dp3-set li.on > ul::before {
transform: rotate(90deg);
}
#mobile-head .dp3-set li.active .dp4-set ul::after,
#mobile-head .dp3-set li.on .dp4-set ul::after {
transform: rotate(0deg);
}
#mobile-head .dp4-set {
margin: 0 20px;
}
#mobile-head .dp4-set ul::before, #mobile-head .dp4-set ul::after {
content: "";
position: absolute;
right: 6px;
top: 15px;
width: 13px;
height: 1px;
background-color: var(--pink);
transition: transform 0.3s;
}
#mobile-head .dp4-set ul:after {
transform: rotate(90deg);
}
#mobile-head .dp4-set ul li a {
color: #888;
padding: 5px 20px;
font-size: 15px;
text-indent: -10px;
word-break: auto-phrase;
}
#mobile-head .dp4-set ul li a * {
text-indent: 0;
}
#mobile-head .dp4-set ul li a::before {
content: "· ";
}
#mobile-head .dp4-set ul li:hover a, #mobile-head .dp4-set ul li:active a, #mobile-head .dp4-set ul li:focus a, #mobile-head .dp4-set ul li.active a {
color: var(--skyblue);
font-weight: 600;
}
#mobile-head .head-bottom {
margin: 0 20px;
padding-bottom: 15px;
display: grid;
grid-template-columns: auto 55px;
gap: 10px;
}
}
@media (max-width: 1199px) and (min-width: 1200px) {
#mobile-head .head-bottom {
display: none;
}
}
@media (max-width: 1199px) {
#mobile-head .head-bottom .chatbot-btn i {
display: inline-block;
vertical-align: top;
}
}

#all-gnb {
max-height: 80vh;
display: none;
position: absolute;
top: 155px;
left: 0;
width: 100%;
background-color: var(--white);
z-index: 1000;
line-height: 1;
padding-bottom: 20px;
border-top: 1px solid var(--bdcolor);
border-bottom: 1px solid var(--bdcolor);
}
#all-gnb .title {
display: none;
}
@media (min-width: 1200px) {
#all-gnb.active {
display: block;
}
}
.gnb-stiky #all-gnb {
position: fixed;
top: 60px;
}
#all-gnb .all-gnbheader {
line-height: 61px;
border-bottom: 1px solid #222;
}
#all-gnb h3 {
color: var(--pink);
}
#all-gnb .ctrl {
width: 100%;
max-width: 1280px;
margin: 0 auto;
position: absolute;
top: 0;
left: 0;
right: 0;
z-index: 10000;
}
#all-gnb .ctrl .all-nav-toggle-close {
position: absolute;
right: 0;
top: 0;
background: var(--pink) url(/static/commons/img/close-white.svg) no-repeat 50% 50%;
width: 60px;
height: 62px;
}
#all-gnb .all-nav {
height: 550px;
overflow: hidden;
overflow-y: scroll;
}
#all-gnb .set {
max-width: 1280px;
margin: 0 auto;
}
#all-gnb .set > ul {
width: 100%;
}
#all-gnb .set > ul > li {
vertical-align: top;
position: relative;
clear: both;
border-bottom: 1px solid var(--white);
}
#all-gnb .set > ul > li + li::before {
content: "";
position: absolute;
left: 0;
top: 50px;
height: 100%;
}
#all-gnb .set .active-manual > a {
background-color: #d9d9d9 !important;
}
#all-gnb .set .dp1 {
padding: 20px 0;
border-bottom: 1px solid var(--bdcolor);
}
#all-gnb .set .dp1 > a {
color: var(--pink);
font-size: 1.125rem;
font-weight: 600;
width: 100%;
background: #fff3f7;
display: block;
clear: both;
height: 3.75rem;
line-height: 3.75rem;
text-align: center;
}
#all-gnb .set .dp1 > a span {
display: inline-block;
}
#all-gnb .set .dp1 > a:hover, #all-gnb .set .dp1 > a:focus, #all-gnb .set .dp1 > a:active {
border: 1px dotted var(--white);
}
#all-gnb .set .dp1 > .s {
width: 100%;
display: block;
}
#all-gnb .set .dp1 > .s:before, #all-gnb .set .dp1 > .s:after {
content: ".";
display: block;
height: 0;
clear: both;
visibility: hidden;
}
#all-gnb .set .dp1.menu5 .dp2-set > ul {
flex-flow: row wrap;
}
#all-gnb .set .dp1.menu5 .dp2-set > ul > li {
width: 20%;
}
#all-gnb .set .dp1 .dp2-set {
width: 100%;
float: left;
}
#all-gnb .set .dp1 .dp2-set > ul {
margin-left: -12px;
margin-right: -12px;
display: flex;
flex-flow: row nowrap;
}
#all-gnb .set .dp1 .dp2-set > ul > li {
padding: 10px 12px;
width: 25%;
float: left;
}
#all-gnb .set .dp1 .dp2-set > ul > li.active > a {
background: var(--pink);
color: #fff;
}
#all-gnb .set .dp2 > a {
position: relative;
display: block;
color: var(--pink);
border: 1px solid #ddb4c2;
font-size: 1.125rem;
font-weight: 600;
line-height: 1.5625rem;
padding: 6px 0 7px 0;
border-radius: 0.3125em;
text-align: center;
}
#all-gnb .set .dp2 > a:hover, #all-gnb .set .dp2 > a:focus, #all-gnb .set .dp2 > a:active {
color: var(--white);
background-color: var(--pink);
}
#all-gnb .set .dp2 > a::before {
content: "";
position: absolute;
left: 0;
top: 4px;
width: 3px;
height: 18px;
display: inline-block;
margin-right: 10px;
vertical-align: top;
border-radius: 10px;
overflow: hidden;
margin-top: 1px;
}
#all-gnb .set .dp2 > a:focus::after, #all-gnb .set .dp2 > a:hover::after {
display: none;
}
#all-gnb .set .dp2 > a:focus span span, #all-gnb .set .dp2 > a:hover span span {
display: inline-block;
position: relative;
}
#all-gnb .set .dp2 > a:focus span span::after, #all-gnb .set .dp2 > a:hover span span::after {
content: "";
position: absolute;
width: 100%;
bottom: -2px;
left: 0;
border-bottom: 3px solid var(--point);
transform: scaleX(0);
transform-origin: 0 0;
transition: transform 0.3s ease-out;
}
#all-gnb .set .dp2 > a:focus span:focus span::after, #all-gnb .set .dp2 > a:focus span:hover span::after, #all-gnb .set .dp2 > a:hover span:focus span::after, #all-gnb .set .dp2 > a:hover span:hover span::after {
content: "";
position: absolute;
transform: scaleX(1);
}
#all-gnb .set .dp2 > a:focus span.on span::after, #all-gnb .set .dp2 > a:hover span.on span::after {
transform: scaleX(1);
font-weight: 700;
}
#all-gnb .set .dp2 > a i {
margin-left: 4px;
}
#all-gnb .set .dp2 > ul {
background-color: var(--darkblue);
padding: 20px;
}
#all-gnb .set .dp2 > ul > li {
margin-bottom: 6px;
}
#all-gnb .set .dp2 > ul > li > a {
display: inline-block;
color: var(--white);
font-size: 1.25rem;
line-height: 1.5rem;
padding-left: 14px;
text-indent: -14px;
position: relative;
}
#all-gnb .set .dp2 > ul > li > a::before {
content: "-";
display: inline-block;
margin-right: 8px;
text-indent: 0;
margin-top: -5px;
vertical-align: middle;
}
#all-gnb .set .dp2 > ul > li > a span {
display: inline-block;
position: relative;
}
#all-gnb .set .dp2 > ul > li > a span::after {
content: "";
position: absolute;
width: calc(100% - 14px);
bottom: -2px;
left: 14px;
border-bottom: 3px solid var(--point);
transform: scaleX(0);
transform-origin: 0 0;
transition: transform 0.3s ease-out;
}
#all-gnb .set .dp2 > ul > li > a:focus span::after, #all-gnb .set .dp2 > ul > li > a:hover span::after {
content: "";
position: absolute;
transform: scaleX(1);
}
#all-gnb .set .dp2 > ul > li > a.on span::after {
transform: scaleX(1);
font-weight: 700;
}
#all-gnb .set .dp2 > ul > li > a i {
margin-left: 4px;
}
#all-gnb .set .dp2 > ul > li > ul {
padding: 10px 14px;
}
#all-gnb .set .dp2 > ul > li > ul a span {
display: inline-block;
position: relative;
}
#all-gnb .set .dp2 > ul > li > ul a span::after {
content: "";
position: absolute;
width: 100%;
bottom: -2px;
left: 0;
border-bottom: 3px solid var(--point);
transform: scaleX(0);
transform-origin: 0 0;
transition: transform 0.3s ease-out;
}
#all-gnb .set .dp2 > ul > li > ul a:focus span::after, #all-gnb .set .dp2 > ul > li > ul a:hover span::after {
content: "";
position: absolute;
transform: scaleX(1);
}
#all-gnb .set .dp2 > ul > li > ul a.on span::after {
transform: scaleX(1);
font-weight: 700;
}
#all-gnb .set .dp2 > ul > li > ul > li > a {
font-size: 18px;
line-height: 28px;
}
#all-gnb .set .dp2 > ul > li > ul > li > ul {
padding-top: 5px;
padding-bottom: 10px;
}
#all-gnb .set .dp2 > ul > li > ul > li > ul > li > a {
line-height: 24px;
}
#all-gnb .set .dp2 > ul > li > ul > li > ul > li > a::before {
content: "•";
display: inline-block;
margin-right: 8px;
vertical-align: middle;
}

@media (max-width: 1199px) {
.mNavOpened {
overflow-y: hidden;
}
}

@keyframes moveUpFadeOut {
0% {
transform: translate(0, 0);
opacity: 1;
}
100% {
transform: translate(-10px, -30px);
opacity: 0;
}
}
@keyframes moveUpFadeOut2 {
0% {
transform: translate(0, 0);
opacity: 1;
}
100% {
transform: translate(15px, -30px);
opacity: 0;
}
}
@keyframes moveUpFadeOut3 {
0% {
transform: translate(0, 0);
opacity: 1;
}
100% {
transform: translate(20px, -30px);
opacity: 0;
}
}
@keyframes moveUpFadeOut4 {
0% {
transform: translate(0, 0);
opacity: 1;
}
100% {
transform: translate(0, -30px);
opacity: 0;
}
}
.gnb-heart {
padding-top: 20px;
pointer-events: none;
opacity: 0;
}
.gnb-stiky .gnb-heart {
opacity: 1;
}
.gnb-heart div {
position: absolute;
margin-left: -20px;
width: 0;
z-index: 9999;
height: 10px;
}
.gnb-heart i {
position: absolute;
}
.gnb-heart .i0 {
top: 6px;
right: 6px;
background: url(/static/portal/img/main/heart-copy-4.png) 0 0 no-repeat;
width: 16px;
height: 14px;
animation: moveUpFadeOut 2s infinite;
animation-duration: 2s;
}
.gnb-heart .i1 {
top: 9px;
right: 23px;
background: url(/static/portal/img/main/heart-copy-3.png) 0 0 no-repeat;
width: 11px;
height: 9px;
animation: moveUpFadeOut2 2s infinite;
animation-duration: 2s;
animation-delay: 0.8s;
opacity: 0;
}
.gnb-heart .i2 {
top: 6px;
right: 6px;
background: url(/static/portal/img/main/heart-copy-2.png) 0 0 no-repeat;
width: 14px;
height: 14px;
animation: moveUpFadeOut3 2s infinite;
animation-duration: 2s;
animation-delay: 0.5s;
opacity: 0;
}
.gnb-heart .i3 {
top: 6px;
right: 14px;
background: url(/static/portal/img/main/heart-copy-2.png) 0 0 no-repeat;
width: 14px;
height: 14px;
animation: moveUpFadeOut4 2s infinite;
animation-duration: 2s;
animation-delay: 1s;
opacity: 0;
}
.gnb-heart .i4 {
top: 6px;
right: -6px;
background: url(/static/portal/img/main/heart-copy-4.png) 0 0 no-repeat;
width: 16px;
height: 14px;
animation: moveUpFadeOut4 2s infinite;
animation-duration: 2s;
animation-delay: 1.6s;
opacity: 0;
}

.main-popup {
display: none;
z-index: 100000;
max-width: 1400px;
margin: 0 auto;
position: relative;
}
.main-popup.on {
display: block;
}
.main-popup.eq2 {
transform: translateY(100px);
z-index: 100001;
}
.main-popup.eq3 {
transform: translateY(200px);
z-index: 100002;
}
.main-popup__ctrl {
display: flex;
flex-direction: row;
justify-content: space-between;
align-items: center;
margin-bottom: 10px;
}
.main-popup__ctrl label {
display: inline-flex;
align-items: center;
gap: 8px;
}
.main-popup__ctrl input {
width: 20px;
}
.main-popup__close {
display: inline-flex;
gap: 4px;
flex-direction: row;
justify-content: center;
align-items: center;
font-weight: 600;
line-height: 1;
height: 32px;
border-radius: 5px;
text-align: center;
padding: 11px 12px;
background-color: var(--steel);
color: #fff;
}
.main-popup > .set {
padding: 20px;
border: solid 1px #dddee1;
background-color: #fff;
position: absolute;
left: 0;
top: 0;
border-width: 5px;
}
.main-popup > .set img {
vertical-align: top;
}
.main-popup .parent-close {
position: absolute;
right: 0;
top: 0;
width: 66px;
height: 66px;
background: url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" width="11" height="11"> <path fill-rule="evenodd" fill="%23000000" d="m10.707 9.293-1.415 1.414L5.5 6.914l-3.793 3.793L.292 9.293 4.085 5.5.292 1.707 1.707.293 5.5 4.086 9.292.293l1.415 1.414L6.914 5.5l3.793 3.793z" /> </svg>') center center no-repeat;
background-size: 16px;
}
.main-popup__header h1,
.main-popup__header h2,
.main-popup__header h3 {
font-weight: inherit;
color: inherit;
font-size: inherit;
}
.main-popup__title {
padding: 0 0 28px;
line-height: 1;
font-size: 26px;
font-weight: bold;
color: var(--mid-blue);
border-bottom: 2px solid #000;
}
@media (max-width: 749px) {
.main-popup__title {
padding-top: 7px;
padding-bottom: 15px;
}
}
.main-popup__body .table-desc-wrap {
display: flex;
justify-content: space-between;
}
.main-popup__body .table-desc-wrap .bu0 {
margin: 0;
}
.main-popup .popwrap__footer .btn-set {
margin-bottom: 0;
}

.popwrap {
position: fixed;
left: 0;
top: 0;
width: 100vw;
height: 100vh;
background-color: rgba(0, 0, 0, 0.5);
z-index: 100000;
display: flex;
flex-direction: row;
justify-content: center;
align-items: center;
-webkit-backdrop-filter: blur(4px);
backdrop-filter: blur(4px);
overflow: auto;
}
.popwrap > .set {
position: relative;
overflow: auto;
width: calc(100% - 40px);
max-width: 1180px;
max-height: 95vh;
padding: 20px;
box-shadow: 0px 3px 7px 0 rgba(0, 0, 0, 0.15);
border: solid 1px #dddee1;
background-color: #fff;
border-radius: 10px;
}
@media (min-width: 750px) {
.popwrap > .set {
padding: 50px;
}
}
.bodyindex .popwrap {
display: block;
position: static;
-webkit-backdrop-filter: none;
backdrop-filter: none;
background-color: initial;
}
.bodyindex .popwrap > .set {
border: none;
box-shadow: none;
position: static;
overflow: auto;
max-width: none;
max-height: none;
margin: 0;
padding: 0;
border-radius: 0;
background-color: #fff;
}
.single .popwrap {
display: block;
position: static;
-webkit-backdrop-filter: none;
backdrop-filter: none;
background-color: initial;
}
.single .popwrap > .set {
padding: 20px;
width: auto;
border: none;
box-shadow: none;
position: static;
overflow: auto;
max-width: none;
max-height: none;
margin: 0;
border-radius: 0;
background-color: #fff;
}
#content .popwrap {
display: none;
}
#content .popwrap.active {
display: flex;
}
#popup .popwrap {
position: static;
max-width: none;
background-color: transparent;
width: auto;
}
#popup .popwrap .set {
position: static;
transform: translate(0, 0);
box-shadow: none;
}
.popwrap.sm .set {
max-width: 600px;
}
.popwrap .parent-close {
position: absolute;
right: 0;
top: 0;
width: 66px;
height: 66px;
background: url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" width="11" height="11"> <path fill-rule="evenodd" fill="%23000000" d="m10.707 9.293-1.415 1.414L5.5 6.914l-3.793 3.793L.292 9.293 4.085 5.5.292 1.707 1.707.293 5.5 4.086 9.292.293l1.415 1.414L6.914 5.5l3.793 3.793z" /> </svg>') center center no-repeat;
background-size: 16px;
}
.popwrap__header h1,
.popwrap__header h2,
.popwrap__header h3 {
font-weight: inherit;
color: inherit;
font-size: inherit;
}
.popwrap__title {
padding: 0 0 28px;
line-height: 1;
font-size: 26px;
font-weight: bold;
color: var(--mid-blue);
border-bottom: 2px solid #000;
}
@media (max-width: 749px) {
.popwrap__title {
padding-top: 7px;
padding-bottom: 15px;
}
}
.popwrap .popwrap-body, .popwrap__body {
padding-top: 25px;
}
.popwrap .popwrap-body .table-desc-wrap, .popwrap__body .table-desc-wrap {
display: flex;
justify-content: space-between;
}
.popwrap .popwrap-body .table-desc-wrap .bu0, .popwrap__body .table-desc-wrap .bu0 {
margin: 0;
}
.popwrap .popwrap__footer .btn-set {
margin-bottom: 0;
}
.popwrap.type-raw .popwrap__header {
border-radius: 10px 10px 0 0 !important;
}
.popwrap.type-raw .popwrap-title {
margin: 0;
line-height: 1;
padding: 20px !important;
border-radius: 10px 10px 0 0 !important;
}
.popwrap.type-raw .popwrap__body {
padding-top: 0;
}
.popwrap.type-raw .file-list__set__item {
padding: 14px 20px;
border: 1px solid var(--bdcolor);
}
.popwrap.type-raw .file-list__set__item + .file-list__set__item {
margin-top: -1px;
}
@media (max-width: 1199px) {
.popwrap .bd-list {
min-width: 650px;
}
.popSearchResult .popwrap .bd-list {
min-width: unset;
}
}
.popwrap.type2 .set {
padding: 0;
border: 0;
}
.popwrap.type2 .popwrap__header {
background-color: var(--mid-blue);
color: var(--white);
padding: 14px 40px;
}
.popwrap.type2 .popwrap__body {
padding-inline: 50px;
}
@media (max-width: 749px) {
.popwrap.type2 .popwrap__body {
padding-inline: 25px;
}
}
.popwrap.type2 .parent-close {
-webkit-filter: brightness(0) invert(1);
filter: brightness(0) invert(1);
}
.popwrap.type2 .bd-list th {
border-top: 1px solid var(--bdcolor);
}
.popwrap.type2 .bd-list tbody {
color: #000;
}
@media (min-width: 750px) {
.popwrap.type2 .bd-list tbody td {
padding-inline: 10px;
}
}

.alert-popup {
position: fixed;
left: 0;
top: 0;
width: 100vw;
height: 100vh;
background-color: rgba(0, 0, 0, 0.5);
z-index: 100000;
}
.alert-popup__set {
position: absolute;
left: 50%;
top: 50%;
transform: translate(-50%, -110px);
background-color: #fff;
box-shadow: 0 3px 10px rgba(0, 0, 0, 0.1);
border-radius: 10px;
overflow: hidden;
}
.alert-popup__body {
min-width: 300px;
padding: 40px 20px 46px;
font-family: SUIT;
font-size: 16px;
font-weight: bold;
font-stretch: normal;
font-style: normal;
line-height: 1.5;
letter-spacing: normal;
text-align: center;
color: var(--black);
}
.alert-popup__body__cont {
margin-top: 10px;
}
.alert-popup__close {
position: absolute;
top: 0;
right: 0;
width: 53px;
height: 53px;
display: flex;
flex-direction: row;
justify-content: center;
align-items: center;
background-color: transparent;
}
.alert-popup__close i {
display: block;
}
.alert-popup__btns {
display: flex;
flex-direction: row;
justify-content: space-between;
align-items: center;
}
.alert-popup__btns [class^=b-],
.alert-popup__btns * {
flex-grow: 1;
border-top-right-radius: 0;
border-top-left-radius: 0;
}
.alert-popup__btns .b-cancel {
background-color: #e0e0e9;
border: none !important;
}
.alert-popup__btns--s *:first-child {
border-bottom-right-radius: 0;
}
.alert-popup__btns--s *:last-child {
border-bottom-left-radius: 0;
}
.alert-popup .ico + p {
margin-top: 8px;
}

/* prettier-ignore */
@media (min-width: 750px) {
.md\:mt5 {
margin-top: 5px !important;
}
.md\:mr5 {
margin-right: 5px !important;
}
.md\:mb5 {
margin-bottom: 5px !important;
}
.md\:ml5 {
margin-left: 5px !important;
}
.md\:mx5 {
margin-left: 5px;
margin-right: 5px;
}
}
@media (min-width: 750px) {
.md\:mt10 {
margin-top: 10px !important;
}
.md\:mr10 {
margin-right: 10px !important;
}
.md\:mb10 {
margin-bottom: 10px !important;
}
.md\:ml10 {
margin-left: 10px !important;
}
.md\:mx10 {
margin-left: 10px;
margin-right: 10px;
}
}
@media (min-width: 750px) {
.md\:mt15 {
margin-top: 15px !important;
}
.md\:mr15 {
margin-right: 15px !important;
}
.md\:mb15 {
margin-bottom: 15px !important;
}
.md\:ml15 {
margin-left: 15px !important;
}
.md\:mx15 {
margin-left: 15px;
margin-right: 15px;
}
}
@media (min-width: 750px) {
.md\:mt20 {
margin-top: 20px !important;
}
.md\:mr20 {
margin-right: 20px !important;
}
.md\:mb20 {
margin-bottom: 20px !important;
}
.md\:ml20 {
margin-left: 20px !important;
}
.md\:mx20 {
margin-left: 20px;
margin-right: 20px;
}
}
@media (min-width: 750px) {
.md\:mt25 {
margin-top: 25px !important;
}
.md\:mr25 {
margin-right: 25px !important;
}
.md\:mb25 {
margin-bottom: 25px !important;
}
.md\:ml25 {
margin-left: 25px !important;
}
.md\:mx25 {
margin-left: 25px;
margin-right: 25px;
}
}
@media (min-width: 750px) {
.md\:mt30 {
margin-top: 30px !important;
}
.md\:mr30 {
margin-right: 30px !important;
}
.md\:mb30 {
margin-bottom: 30px !important;
}
.md\:ml30 {
margin-left: 30px !important;
}
.md\:mx30 {
margin-left: 30px;
margin-right: 30px;
}
}
@media (min-width: 750px) {
.md\:mt35 {
margin-top: 35px !important;
}
.md\:mr35 {
margin-right: 35px !important;
}
.md\:mb35 {
margin-bottom: 35px !important;
}
.md\:ml35 {
margin-left: 35px !important;
}
.md\:mx35 {
margin-left: 35px;
margin-right: 35px;
}
}
@media (min-width: 750px) {
.md\:mt40 {
margin-top: 40px !important;
}
.md\:mr40 {
margin-right: 40px !important;
}
.md\:mb40 {
margin-bottom: 40px !important;
}
.md\:ml40 {
margin-left: 40px !important;
}
.md\:mx40 {
margin-left: 40px;
margin-right: 40px;
}
}
@media (min-width: 750px) {
.md\:mt45 {
margin-top: 45px !important;
}
.md\:mr45 {
margin-right: 45px !important;
}
.md\:mb45 {
margin-bottom: 45px !important;
}
.md\:ml45 {
margin-left: 45px !important;
}
.md\:mx45 {
margin-left: 45px;
margin-right: 45px;
}
}
@media (min-width: 750px) {
.md\:mt50 {
margin-top: 50px !important;
}
.md\:mr50 {
margin-right: 50px !important;
}
.md\:mb50 {
margin-bottom: 50px !important;
}
.md\:ml50 {
margin-left: 50px !important;
}
.md\:mx50 {
margin-left: 50px;
margin-right: 50px;
}
}
@media (min-width: 750px) {
.md\:mt55 {
margin-top: 55px !important;
}
.md\:mr55 {
margin-right: 55px !important;
}
.md\:mb55 {
margin-bottom: 55px !important;
}
.md\:ml55 {
margin-left: 55px !important;
}
.md\:mx55 {
margin-left: 55px;
margin-right: 55px;
}
}
@media (min-width: 750px) {
.md\:mt60 {
margin-top: 60px !important;
}
.md\:mr60 {
margin-right: 60px !important;
}
.md\:mb60 {
margin-bottom: 60px !important;
}
.md\:ml60 {
margin-left: 60px !important;
}
.md\:mx60 {
margin-left: 60px;
margin-right: 60px;
}
}
@media (min-width: 750px) {
.md\:mt65 {
margin-top: 65px !important;
}
.md\:mr65 {
margin-right: 65px !important;
}
.md\:mb65 {
margin-bottom: 65px !important;
}
.md\:ml65 {
margin-left: 65px !important;
}
.md\:mx65 {
margin-left: 65px;
margin-right: 65px;
}
}
@media (min-width: 750px) {
.md\:mt70 {
margin-top: 70px !important;
}
.md\:mr70 {
margin-right: 70px !important;
}
.md\:mb70 {
margin-bottom: 70px !important;
}
.md\:ml70 {
margin-left: 70px !important;
}
.md\:mx70 {
margin-left: 70px;
margin-right: 70px;
}
}
@media (min-width: 750px) {
.md\:mt75 {
margin-top: 75px !important;
}
.md\:mr75 {
margin-right: 75px !important;
}
.md\:mb75 {
margin-bottom: 75px !important;
}
.md\:ml75 {
margin-left: 75px !important;
}
.md\:mx75 {
margin-left: 75px;
margin-right: 75px;
}
}
@media (min-width: 750px) {
.md\:mt80 {
margin-top: 80px !important;
}
.md\:mr80 {
margin-right: 80px !important;
}
.md\:mb80 {
margin-bottom: 80px !important;
}
.md\:ml80 {
margin-left: 80px !important;
}
.md\:mx80 {
margin-left: 80px;
margin-right: 80px;
}
}
@media (min-width: 750px) {
.md\:mt85 {
margin-top: 85px !important;
}
.md\:mr85 {
margin-right: 85px !important;
}
.md\:mb85 {
margin-bottom: 85px !important;
}
.md\:ml85 {
margin-left: 85px !important;
}
.md\:mx85 {
margin-left: 85px;
margin-right: 85px;
}
}
@media (min-width: 750px) {
.md\:mt90 {
margin-top: 90px !important;
}
.md\:mr90 {
margin-right: 90px !important;
}
.md\:mb90 {
margin-bottom: 90px !important;
}
.md\:ml90 {
margin-left: 90px !important;
}
.md\:mx90 {
margin-left: 90px;
margin-right: 90px;
}
}
@media (min-width: 750px) {
.md\:mt95 {
margin-top: 95px !important;
}
.md\:mr95 {
margin-right: 95px !important;
}
.md\:mb95 {
margin-bottom: 95px !important;
}
.md\:ml95 {
margin-left: 95px !important;
}
.md\:mx95 {
margin-left: 95px;
margin-right: 95px;
}
}
@media (min-width: 750px) {
.md\:mt100 {
margin-top: 100px !important;
}
.md\:mr100 {
margin-right: 100px !important;
}
.md\:mb100 {
margin-bottom: 100px !important;
}
.md\:ml100 {
margin-left: 100px !important;
}
.md\:mx100 {
margin-left: 100px;
margin-right: 100px;
}
}
@media (min-width: 750px) {
.md\:mt105 {
margin-top: 105px !important;
}
.md\:mr105 {
margin-right: 105px !important;
}
.md\:mb105 {
margin-bottom: 105px !important;
}
.md\:ml105 {
margin-left: 105px !important;
}
.md\:mx105 {
margin-left: 105px;
margin-right: 105px;
}
}
@media (min-width: 750px) {
.md\:mt110 {
margin-top: 110px !important;
}
.md\:mr110 {
margin-right: 110px !important;
}
.md\:mb110 {
margin-bottom: 110px !important;
}
.md\:ml110 {
margin-left: 110px !important;
}
.md\:mx110 {
margin-left: 110px;
margin-right: 110px;
}
}
@media (min-width: 750px) {
.md\:mt115 {
margin-top: 115px !important;
}
.md\:mr115 {
margin-right: 115px !important;
}
.md\:mb115 {
margin-bottom: 115px !important;
}
.md\:ml115 {
margin-left: 115px !important;
}
.md\:mx115 {
margin-left: 115px;
margin-right: 115px;
}
}
@media (min-width: 750px) {
.md\:mt120 {
margin-top: 120px !important;
}
.md\:mr120 {
margin-right: 120px !important;
}
.md\:mb120 {
margin-bottom: 120px !important;
}
.md\:ml120 {
margin-left: 120px !important;
}
.md\:mx120 {
margin-left: 120px;
margin-right: 120px;
}
}
@media (min-width: 750px) {
.md\:mt125 {
margin-top: 125px !important;
}
.md\:mr125 {
margin-right: 125px !important;
}
.md\:mb125 {
margin-bottom: 125px !important;
}
.md\:ml125 {
margin-left: 125px !important;
}
.md\:mx125 {
margin-left: 125px;
margin-right: 125px;
}
}
@media (min-width: 750px) {
.md\:mt130 {
margin-top: 130px !important;
}
.md\:mr130 {
margin-right: 130px !important;
}
.md\:mb130 {
margin-bottom: 130px !important;
}
.md\:ml130 {
margin-left: 130px !important;
}
.md\:mx130 {
margin-left: 130px;
margin-right: 130px;
}
}
@media (min-width: 750px) {
.md\:mt135 {
margin-top: 135px !important;
}
.md\:mr135 {
margin-right: 135px !important;
}
.md\:mb135 {
margin-bottom: 135px !important;
}
.md\:ml135 {
margin-left: 135px !important;
}
.md\:mx135 {
margin-left: 135px;
margin-right: 135px;
}
}
@media (min-width: 750px) {
.md\:mt140 {
margin-top: 140px !important;
}
.md\:mr140 {
margin-right: 140px !important;
}
.md\:mb140 {
margin-bottom: 140px !important;
}
.md\:ml140 {
margin-left: 140px !important;
}
.md\:mx140 {
margin-left: 140px;
margin-right: 140px;
}
}
@media (min-width: 750px) {
.md\:mt145 {
margin-top: 145px !important;
}
.md\:mr145 {
margin-right: 145px !important;
}
.md\:mb145 {
margin-bottom: 145px !important;
}
.md\:ml145 {
margin-left: 145px !important;
}
.md\:mx145 {
margin-left: 145px;
margin-right: 145px;
}
}
@media (min-width: 750px) {
.md\:mt150 {
margin-top: 150px !important;
}
.md\:mr150 {
margin-right: 150px !important;
}
.md\:mb150 {
margin-bottom: 150px !important;
}
.md\:ml150 {
margin-left: 150px !important;
}
.md\:mx150 {
margin-left: 150px;
margin-right: 150px;
}
}
@media (min-width: 750px) {
.md\:mt155 {
margin-top: 155px !important;
}
.md\:mr155 {
margin-right: 155px !important;
}
.md\:mb155 {
margin-bottom: 155px !important;
}
.md\:ml155 {
margin-left: 155px !important;
}
.md\:mx155 {
margin-left: 155px;
margin-right: 155px;
}
}
@media (min-width: 750px) {
.md\:mt160 {
margin-top: 160px !important;
}
.md\:mr160 {
margin-right: 160px !important;
}
.md\:mb160 {
margin-bottom: 160px !important;
}
.md\:ml160 {
margin-left: 160px !important;
}
.md\:mx160 {
margin-left: 160px;
margin-right: 160px;
}
}
@media (min-width: 750px) {
.md\:mt165 {
margin-top: 165px !important;
}
.md\:mr165 {
margin-right: 165px !important;
}
.md\:mb165 {
margin-bottom: 165px !important;
}
.md\:ml165 {
margin-left: 165px !important;
}
.md\:mx165 {
margin-left: 165px;
margin-right: 165px;
}
}
@media (min-width: 750px) {
.md\:mt170 {
margin-top: 170px !important;
}
.md\:mr170 {
margin-right: 170px !important;
}
.md\:mb170 {
margin-bottom: 170px !important;
}
.md\:ml170 {
margin-left: 170px !important;
}
.md\:mx170 {
margin-left: 170px;
margin-right: 170px;
}
}
@media (min-width: 750px) {
.md\:mt175 {
margin-top: 175px !important;
}
.md\:mr175 {
margin-right: 175px !important;
}
.md\:mb175 {
margin-bottom: 175px !important;
}
.md\:ml175 {
margin-left: 175px !important;
}
.md\:mx175 {
margin-left: 175px;
margin-right: 175px;
}
}
@media (min-width: 750px) {
.md\:mt180 {
margin-top: 180px !important;
}
.md\:mr180 {
margin-right: 180px !important;
}
.md\:mb180 {
margin-bottom: 180px !important;
}
.md\:ml180 {
margin-left: 180px !important;
}
.md\:mx180 {
margin-left: 180px;
margin-right: 180px;
}
}
@media (min-width: 750px) {
.md\:mt185 {
margin-top: 185px !important;
}
.md\:mr185 {
margin-right: 185px !important;
}
.md\:mb185 {
margin-bottom: 185px !important;
}
.md\:ml185 {
margin-left: 185px !important;
}
.md\:mx185 {
margin-left: 185px;
margin-right: 185px;
}
}
@media (min-width: 750px) {
.md\:mt190 {
margin-top: 190px !important;
}
.md\:mr190 {
margin-right: 190px !important;
}
.md\:mb190 {
margin-bottom: 190px !important;
}
.md\:ml190 {
margin-left: 190px !important;
}
.md\:mx190 {
margin-left: 190px;
margin-right: 190px;
}
}
@media (min-width: 750px) {
.md\:mt195 {
margin-top: 195px !important;
}
.md\:mr195 {
margin-right: 195px !important;
}
.md\:mb195 {
margin-bottom: 195px !important;
}
.md\:ml195 {
margin-left: 195px !important;
}
.md\:mx195 {
margin-left: 195px;
margin-right: 195px;
}
}
@media (min-width: 750px) {
.md\:mt200 {
margin-top: 200px !important;
}
.md\:mr200 {
margin-right: 200px !important;
}
.md\:mb200 {
margin-bottom: 200px !important;
}
.md\:ml200 {
margin-left: 200px !important;
}
.md\:mx200 {
margin-left: 200px;
margin-right: 200px;
}
}
@media (min-width: 750px) {
.md\:mt205 {
margin-top: 205px !important;
}
.md\:mr205 {
margin-right: 205px !important;
}
.md\:mb205 {
margin-bottom: 205px !important;
}
.md\:ml205 {
margin-left: 205px !important;
}
.md\:mx205 {
margin-left: 205px;
margin-right: 205px;
}
}
@media (min-width: 750px) {
.md\:mt210 {
margin-top: 210px !important;
}
.md\:mr210 {
margin-right: 210px !important;
}
.md\:mb210 {
margin-bottom: 210px !important;
}
.md\:ml210 {
margin-left: 210px !important;
}
.md\:mx210 {
margin-left: 210px;
margin-right: 210px;
}
}
@media (min-width: 750px) {
.md\:mt215 {
margin-top: 215px !important;
}
.md\:mr215 {
margin-right: 215px !important;
}
.md\:mb215 {
margin-bottom: 215px !important;
}
.md\:ml215 {
margin-left: 215px !important;
}
.md\:mx215 {
margin-left: 215px;
margin-right: 215px;
}
}
@media (min-width: 750px) {
.md\:mt220 {
margin-top: 220px !important;
}
.md\:mr220 {
margin-right: 220px !important;
}
.md\:mb220 {
margin-bottom: 220px !important;
}
.md\:ml220 {
margin-left: 220px !important;
}
.md\:mx220 {
margin-left: 220px;
margin-right: 220px;
}
}
@media (min-width: 750px) {
.md\:mt225 {
margin-top: 225px !important;
}
.md\:mr225 {
margin-right: 225px !important;
}
.md\:mb225 {
margin-bottom: 225px !important;
}
.md\:ml225 {
margin-left: 225px !important;
}
.md\:mx225 {
margin-left: 225px;
margin-right: 225px;
}
}
@media (min-width: 750px) {
.md\:mt230 {
margin-top: 230px !important;
}
.md\:mr230 {
margin-right: 230px !important;
}
.md\:mb230 {
margin-bottom: 230px !important;
}
.md\:ml230 {
margin-left: 230px !important;
}
.md\:mx230 {
margin-left: 230px;
margin-right: 230px;
}
}
@media (min-width: 750px) {
.md\:mt235 {
margin-top: 235px !important;
}
.md\:mr235 {
margin-right: 235px !important;
}
.md\:mb235 {
margin-bottom: 235px !important;
}
.md\:ml235 {
margin-left: 235px !important;
}
.md\:mx235 {
margin-left: 235px;
margin-right: 235px;
}
}
@media (min-width: 750px) {
.md\:mt240 {
margin-top: 240px !important;
}
.md\:mr240 {
margin-right: 240px !important;
}
.md\:mb240 {
margin-bottom: 240px !important;
}
.md\:ml240 {
margin-left: 240px !important;
}
.md\:mx240 {
margin-left: 240px;
margin-right: 240px;
}
}
@media (min-width: 750px) {
.md\:mt245 {
margin-top: 245px !important;
}
.md\:mr245 {
margin-right: 245px !important;
}
.md\:mb245 {
margin-bottom: 245px !important;
}
.md\:ml245 {
margin-left: 245px !important;
}
.md\:mx245 {
margin-left: 245px;
margin-right: 245px;
}
}
@media (min-width: 750px) {
.md\:mt250 {
margin-top: 250px !important;
}
.md\:mr250 {
margin-right: 250px !important;
}
.md\:mb250 {
margin-bottom: 250px !important;
}
.md\:ml250 {
margin-left: 250px !important;
}
.md\:mx250 {
margin-left: 250px;
margin-right: 250px;
}
}
@media (min-width: 750px) {
.md\:mt255 {
margin-top: 255px !important;
}
.md\:mr255 {
margin-right: 255px !important;
}
.md\:mb255 {
margin-bottom: 255px !important;
}
.md\:ml255 {
margin-left: 255px !important;
}
.md\:mx255 {
margin-left: 255px;
margin-right: 255px;
}
}
@media (min-width: 750px) {
.md\:mt260 {
margin-top: 260px !important;
}
.md\:mr260 {
margin-right: 260px !important;
}
.md\:mb260 {
margin-bottom: 260px !important;
}
.md\:ml260 {
margin-left: 260px !important;
}
.md\:mx260 {
margin-left: 260px;
margin-right: 260px;
}
}
@media (min-width: 750px) {
.md\:mt265 {
margin-top: 265px !important;
}
.md\:mr265 {
margin-right: 265px !important;
}
.md\:mb265 {
margin-bottom: 265px !important;
}
.md\:ml265 {
margin-left: 265px !important;
}
.md\:mx265 {
margin-left: 265px;
margin-right: 265px;
}
}
@media (min-width: 750px) {
.md\:mt270 {
margin-top: 270px !important;
}
.md\:mr270 {
margin-right: 270px !important;
}
.md\:mb270 {
margin-bottom: 270px !important;
}
.md\:ml270 {
margin-left: 270px !important;
}
.md\:mx270 {
margin-left: 270px;
margin-right: 270px;
}
}
@media (min-width: 750px) {
.md\:mt275 {
margin-top: 275px !important;
}
.md\:mr275 {
margin-right: 275px !important;
}
.md\:mb275 {
margin-bottom: 275px !important;
}
.md\:ml275 {
margin-left: 275px !important;
}
.md\:mx275 {
margin-left: 275px;
margin-right: 275px;
}
}
@media (min-width: 750px) {
.md\:mt280 {
margin-top: 280px !important;
}
.md\:mr280 {
margin-right: 280px !important;
}
.md\:mb280 {
margin-bottom: 280px !important;
}
.md\:ml280 {
margin-left: 280px !important;
}
.md\:mx280 {
margin-left: 280px;
margin-right: 280px;
}
}
@media (min-width: 750px) {
.md\:mt285 {
margin-top: 285px !important;
}
.md\:mr285 {
margin-right: 285px !important;
}
.md\:mb285 {
margin-bottom: 285px !important;
}
.md\:ml285 {
margin-left: 285px !important;
}
.md\:mx285 {
margin-left: 285px;
margin-right: 285px;
}
}
@media (min-width: 750px) {
.md\:mt290 {
margin-top: 290px !important;
}
.md\:mr290 {
margin-right: 290px !important;
}
.md\:mb290 {
margin-bottom: 290px !important;
}
.md\:ml290 {
margin-left: 290px !important;
}
.md\:mx290 {
margin-left: 290px;
margin-right: 290px;
}
}
@media (min-width: 750px) {
.md\:mt295 {
margin-top: 295px !important;
}
.md\:mr295 {
margin-right: 295px !important;
}
.md\:mb295 {
margin-bottom: 295px !important;
}
.md\:ml295 {
margin-left: 295px !important;
}
.md\:mx295 {
margin-left: 295px;
margin-right: 295px;
}
}
@media (min-width: 750px) {
.md\:mt300 {
margin-top: 300px !important;
}
.md\:mr300 {
margin-right: 300px !important;
}
.md\:mb300 {
margin-bottom: 300px !important;
}
.md\:ml300 {
margin-left: 300px !important;
}
.md\:mx300 {
margin-left: 300px;
margin-right: 300px;
}
}
@media (min-width: 750px) {
.md\:mt305 {
margin-top: 305px !important;
}
.md\:mr305 {
margin-right: 305px !important;
}
.md\:mb305 {
margin-bottom: 305px !important;
}
.md\:ml305 {
margin-left: 305px !important;
}
.md\:mx305 {
margin-left: 305px;
margin-right: 305px;
}
}
@media (min-width: 750px) {
.md\:mt310 {
margin-top: 310px !important;
}
.md\:mr310 {
margin-right: 310px !important;
}
.md\:mb310 {
margin-bottom: 310px !important;
}
.md\:ml310 {
margin-left: 310px !important;
}
.md\:mx310 {
margin-left: 310px;
margin-right: 310px;
}
}
@media (min-width: 750px) {
.md\:mt315 {
margin-top: 315px !important;
}
.md\:mr315 {
margin-right: 315px !important;
}
.md\:mb315 {
margin-bottom: 315px !important;
}
.md\:ml315 {
margin-left: 315px !important;
}
.md\:mx315 {
margin-left: 315px;
margin-right: 315px;
}
}
@media (min-width: 750px) {
.md\:mt320 {
margin-top: 320px !important;
}
.md\:mr320 {
margin-right: 320px !important;
}
.md\:mb320 {
margin-bottom: 320px !important;
}
.md\:ml320 {
margin-left: 320px !important;
}
.md\:mx320 {
margin-left: 320px;
margin-right: 320px;
}
}
@media (min-width: 750px) {
.md\:mt325 {
margin-top: 325px !important;
}
.md\:mr325 {
margin-right: 325px !important;
}
.md\:mb325 {
margin-bottom: 325px !important;
}
.md\:ml325 {
margin-left: 325px !important;
}
.md\:mx325 {
margin-left: 325px;
margin-right: 325px;
}
}
@media (min-width: 750px) {
.md\:mt330 {
margin-top: 330px !important;
}
.md\:mr330 {
margin-right: 330px !important;
}
.md\:mb330 {
margin-bottom: 330px !important;
}
.md\:ml330 {
margin-left: 330px !important;
}
.md\:mx330 {
margin-left: 330px;
margin-right: 330px;
}
}
@media (min-width: 750px) {
.md\:mt335 {
margin-top: 335px !important;
}
.md\:mr335 {
margin-right: 335px !important;
}
.md\:mb335 {
margin-bottom: 335px !important;
}
.md\:ml335 {
margin-left: 335px !important;
}
.md\:mx335 {
margin-left: 335px;
margin-right: 335px;
}
}
@media (min-width: 750px) {
.md\:mt340 {
margin-top: 340px !important;
}
.md\:mr340 {
margin-right: 340px !important;
}
.md\:mb340 {
margin-bottom: 340px !important;
}
.md\:ml340 {
margin-left: 340px !important;
}
.md\:mx340 {
margin-left: 340px;
margin-right: 340px;
}
}
@media (min-width: 750px) {
.md\:mt345 {
margin-top: 345px !important;
}
.md\:mr345 {
margin-right: 345px !important;
}
.md\:mb345 {
margin-bottom: 345px !important;
}
.md\:ml345 {
margin-left: 345px !important;
}
.md\:mx345 {
margin-left: 345px;
margin-right: 345px;
}
}
@media (min-width: 750px) {
.md\:mt350 {
margin-top: 350px !important;
}
.md\:mr350 {
margin-right: 350px !important;
}
.md\:mb350 {
margin-bottom: 350px !important;
}
.md\:ml350 {
margin-left: 350px !important;
}
.md\:mx350 {
margin-left: 350px;
margin-right: 350px;
}
}
@media (min-width: 750px) {
.md\:mt355 {
margin-top: 355px !important;
}
.md\:mr355 {
margin-right: 355px !important;
}
.md\:mb355 {
margin-bottom: 355px !important;
}
.md\:ml355 {
margin-left: 355px !important;
}
.md\:mx355 {
margin-left: 355px;
margin-right: 355px;
}
}
@media (min-width: 750px) {
.md\:mt360 {
margin-top: 360px !important;
}
.md\:mr360 {
margin-right: 360px !important;
}
.md\:mb360 {
margin-bottom: 360px !important;
}
.md\:ml360 {
margin-left: 360px !important;
}
.md\:mx360 {
margin-left: 360px;
margin-right: 360px;
}
}
@media (min-width: 750px) {
.md\:mt365 {
margin-top: 365px !important;
}
.md\:mr365 {
margin-right: 365px !important;
}
.md\:mb365 {
margin-bottom: 365px !important;
}
.md\:ml365 {
margin-left: 365px !important;
}
.md\:mx365 {
margin-left: 365px;
margin-right: 365px;
}
}
@media (min-width: 750px) {
.md\:mt370 {
margin-top: 370px !important;
}
.md\:mr370 {
margin-right: 370px !important;
}
.md\:mb370 {
margin-bottom: 370px !important;
}
.md\:ml370 {
margin-left: 370px !important;
}
.md\:mx370 {
margin-left: 370px;
margin-right: 370px;
}
}
@media (min-width: 750px) {
.md\:mt375 {
margin-top: 375px !important;
}
.md\:mr375 {
margin-right: 375px !important;
}
.md\:mb375 {
margin-bottom: 375px !important;
}
.md\:ml375 {
margin-left: 375px !important;
}
.md\:mx375 {
margin-left: 375px;
margin-right: 375px;
}
}
@media (min-width: 750px) {
.md\:mt380 {
margin-top: 380px !important;
}
.md\:mr380 {
margin-right: 380px !important;
}
.md\:mb380 {
margin-bottom: 380px !important;
}
.md\:ml380 {
margin-left: 380px !important;
}
.md\:mx380 {
margin-left: 380px;
margin-right: 380px;
}
}
@media (min-width: 750px) {
.md\:mt385 {
margin-top: 385px !important;
}
.md\:mr385 {
margin-right: 385px !important;
}
.md\:mb385 {
margin-bottom: 385px !important;
}
.md\:ml385 {
margin-left: 385px !important;
}
.md\:mx385 {
margin-left: 385px;
margin-right: 385px;
}
}
@media (min-width: 750px) {
.md\:mt390 {
margin-top: 390px !important;
}
.md\:mr390 {
margin-right: 390px !important;
}
.md\:mb390 {
margin-bottom: 390px !important;
}
.md\:ml390 {
margin-left: 390px !important;
}
.md\:mx390 {
margin-left: 390px;
margin-right: 390px;
}
}
@media (min-width: 750px) {
.md\:mt395 {
margin-top: 395px !important;
}
.md\:mr395 {
margin-right: 395px !important;
}
.md\:mb395 {
margin-bottom: 395px !important;
}
.md\:ml395 {
margin-left: 395px !important;
}
.md\:mx395 {
margin-left: 395px;
margin-right: 395px;
}
}
@media (min-width: 750px) {
.md\:mt400 {
margin-top: 400px !important;
}
.md\:mr400 {
margin-right: 400px !important;
}
.md\:mb400 {
margin-bottom: 400px !important;
}
.md\:ml400 {
margin-left: 400px !important;
}
.md\:mx400 {
margin-left: 400px;
margin-right: 400px;
}
}
@media (min-width: 750px) {
.md\:mt405 {
margin-top: 405px !important;
}
.md\:mr405 {
margin-right: 405px !important;
}
.md\:mb405 {
margin-bottom: 405px !important;
}
.md\:ml405 {
margin-left: 405px !important;
}
.md\:mx405 {
margin-left: 405px;
margin-right: 405px;
}
}
@media (min-width: 750px) {
.md\:mt410 {
margin-top: 410px !important;
}
.md\:mr410 {
margin-right: 410px !important;
}
.md\:mb410 {
margin-bottom: 410px !important;
}
.md\:ml410 {
margin-left: 410px !important;
}
.md\:mx410 {
margin-left: 410px;
margin-right: 410px;
}
}
@media (min-width: 750px) {
.md\:mt415 {
margin-top: 415px !important;
}
.md\:mr415 {
margin-right: 415px !important;
}
.md\:mb415 {
margin-bottom: 415px !important;
}
.md\:ml415 {
margin-left: 415px !important;
}
.md\:mx415 {
margin-left: 415px;
margin-right: 415px;
}
}
@media (min-width: 750px) {
.md\:mt420 {
margin-top: 420px !important;
}
.md\:mr420 {
margin-right: 420px !important;
}
.md\:mb420 {
margin-bottom: 420px !important;
}
.md\:ml420 {
margin-left: 420px !important;
}
.md\:mx420 {
margin-left: 420px;
margin-right: 420px;
}
}
@media (min-width: 750px) {
.md\:mt425 {
margin-top: 425px !important;
}
.md\:mr425 {
margin-right: 425px !important;
}
.md\:mb425 {
margin-bottom: 425px !important;
}
.md\:ml425 {
margin-left: 425px !important;
}
.md\:mx425 {
margin-left: 425px;
margin-right: 425px;
}
}
@media (min-width: 750px) {
.md\:mt430 {
margin-top: 430px !important;
}
.md\:mr430 {
margin-right: 430px !important;
}
.md\:mb430 {
margin-bottom: 430px !important;
}
.md\:ml430 {
margin-left: 430px !important;
}
.md\:mx430 {
margin-left: 430px;
margin-right: 430px;
}
}
@media (min-width: 750px) {
.md\:mt435 {
margin-top: 435px !important;
}
.md\:mr435 {
margin-right: 435px !important;
}
.md\:mb435 {
margin-bottom: 435px !important;
}
.md\:ml435 {
margin-left: 435px !important;
}
.md\:mx435 {
margin-left: 435px;
margin-right: 435px;
}
}
@media (min-width: 750px) {
.md\:mt440 {
margin-top: 440px !important;
}
.md\:mr440 {
margin-right: 440px !important;
}
.md\:mb440 {
margin-bottom: 440px !important;
}
.md\:ml440 {
margin-left: 440px !important;
}
.md\:mx440 {
margin-left: 440px;
margin-right: 440px;
}
}
@media (min-width: 750px) {
.md\:mt445 {
margin-top: 445px !important;
}
.md\:mr445 {
margin-right: 445px !important;
}
.md\:mb445 {
margin-bottom: 445px !important;
}
.md\:ml445 {
margin-left: 445px !important;
}
.md\:mx445 {
margin-left: 445px;
margin-right: 445px;
}
}
@media (min-width: 750px) {
.md\:mt450 {
margin-top: 450px !important;
}
.md\:mr450 {
margin-right: 450px !important;
}
.md\:mb450 {
margin-bottom: 450px !important;
}
.md\:ml450 {
margin-left: 450px !important;
}
.md\:mx450 {
margin-left: 450px;
margin-right: 450px;
}
}
@media (min-width: 750px) {
.md\:mt455 {
margin-top: 455px !important;
}
.md\:mr455 {
margin-right: 455px !important;
}
.md\:mb455 {
margin-bottom: 455px !important;
}
.md\:ml455 {
margin-left: 455px !important;
}
.md\:mx455 {
margin-left: 455px;
margin-right: 455px;
}
}
@media (min-width: 750px) {
.md\:mt460 {
margin-top: 460px !important;
}
.md\:mr460 {
margin-right: 460px !important;
}
.md\:mb460 {
margin-bottom: 460px !important;
}
.md\:ml460 {
margin-left: 460px !important;
}
.md\:mx460 {
margin-left: 460px;
margin-right: 460px;
}
}
@media (min-width: 750px) {
.md\:mt465 {
margin-top: 465px !important;
}
.md\:mr465 {
margin-right: 465px !important;
}
.md\:mb465 {
margin-bottom: 465px !important;
}
.md\:ml465 {
margin-left: 465px !important;
}
.md\:mx465 {
margin-left: 465px;
margin-right: 465px;
}
}
@media (min-width: 750px) {
.md\:mt470 {
margin-top: 470px !important;
}
.md\:mr470 {
margin-right: 470px !important;
}
.md\:mb470 {
margin-bottom: 470px !important;
}
.md\:ml470 {
margin-left: 470px !important;
}
.md\:mx470 {
margin-left: 470px;
margin-right: 470px;
}
}
@media (min-width: 750px) {
.md\:mt475 {
margin-top: 475px !important;
}
.md\:mr475 {
margin-right: 475px !important;
}
.md\:mb475 {
margin-bottom: 475px !important;
}
.md\:ml475 {
margin-left: 475px !important;
}
.md\:mx475 {
margin-left: 475px;
margin-right: 475px;
}
}
@media (min-width: 750px) {
.md\:mt480 {
margin-top: 480px !important;
}
.md\:mr480 {
margin-right: 480px !important;
}
.md\:mb480 {
margin-bottom: 480px !important;
}
.md\:ml480 {
margin-left: 480px !important;
}
.md\:mx480 {
margin-left: 480px;
margin-right: 480px;
}
}
@media (min-width: 750px) {
.md\:mt485 {
margin-top: 485px !important;
}
.md\:mr485 {
margin-right: 485px !important;
}
.md\:mb485 {
margin-bottom: 485px !important;
}
.md\:ml485 {
margin-left: 485px !important;
}
.md\:mx485 {
margin-left: 485px;
margin-right: 485px;
}
}
@media (min-width: 750px) {
.md\:mt490 {
margin-top: 490px !important;
}
.md\:mr490 {
margin-right: 490px !important;
}
.md\:mb490 {
margin-bottom: 490px !important;
}
.md\:ml490 {
margin-left: 490px !important;
}
.md\:mx490 {
margin-left: 490px;
margin-right: 490px;
}
}
@media (min-width: 750px) {
.md\:mt495 {
margin-top: 495px !important;
}
.md\:mr495 {
margin-right: 495px !important;
}
.md\:mb495 {
margin-bottom: 495px !important;
}
.md\:ml495 {
margin-left: 495px !important;
}
.md\:mx495 {
margin-left: 495px;
margin-right: 495px;
}
}
@media (min-width: 750px) {
.md\:mt500 {
margin-top: 500px !important;
}
.md\:mr500 {
margin-right: 500px !important;
}
.md\:mb500 {
margin-bottom: 500px !important;
}
.md\:ml500 {
margin-left: 500px !important;
}
.md\:mx500 {
margin-left: 500px;
margin-right: 500px;
}
}
@media (max-width: 749px) {
.sm\:w100p {
width: 100% !important;
}
}

@media (max-width: 1199px) {
.max-md\:hide {
display: none !important;
}
}

/* prettier-ignore */
@media (min-width: 750px) {
.md\:mt5 {
margin-top: 5px !important;
}
.md\:mr5 {
margin-right: 5px !important;
}
.md\:mb5 {
margin-bottom: 5px !important;
}
.md\:ml5 {
margin-left: 5px !important;
}
.md\:mx5 {
margin-left: 5px;
margin-right: 5px;
}
}
@media (min-width: 750px) {
.md\:mt10 {
margin-top: 10px !important;
}
.md\:mr10 {
margin-right: 10px !important;
}
.md\:mb10 {
margin-bottom: 10px !important;
}
.md\:ml10 {
margin-left: 10px !important;
}
.md\:mx10 {
margin-left: 10px;
margin-right: 10px;
}
}
@media (min-width: 750px) {
.md\:mt15 {
margin-top: 15px !important;
}
.md\:mr15 {
margin-right: 15px !important;
}
.md\:mb15 {
margin-bottom: 15px !important;
}
.md\:ml15 {
margin-left: 15px !important;
}
.md\:mx15 {
margin-left: 15px;
margin-right: 15px;
}
}
@media (min-width: 750px) {
.md\:mt20 {
margin-top: 20px !important;
}
.md\:mr20 {
margin-right: 20px !important;
}
.md\:mb20 {
margin-bottom: 20px !important;
}
.md\:ml20 {
margin-left: 20px !important;
}
.md\:mx20 {
margin-left: 20px;
margin-right: 20px;
}
}
@media (min-width: 750px) {
.md\:mt25 {
margin-top: 25px !important;
}
.md\:mr25 {
margin-right: 25px !important;
}
.md\:mb25 {
margin-bottom: 25px !important;
}
.md\:ml25 {
margin-left: 25px !important;
}
.md\:mx25 {
margin-left: 25px;
margin-right: 25px;
}
}
@media (min-width: 750px) {
.md\:mt30 {
margin-top: 30px !important;
}
.md\:mr30 {
margin-right: 30px !important;
}
.md\:mb30 {
margin-bottom: 30px !important;
}
.md\:ml30 {
margin-left: 30px !important;
}
.md\:mx30 {
margin-left: 30px;
margin-right: 30px;
}
}
@media (min-width: 750px) {
.md\:mt35 {
margin-top: 35px !important;
}
.md\:mr35 {
margin-right: 35px !important;
}
.md\:mb35 {
margin-bottom: 35px !important;
}
.md\:ml35 {
margin-left: 35px !important;
}
.md\:mx35 {
margin-left: 35px;
margin-right: 35px;
}
}
@media (min-width: 750px) {
.md\:mt40 {
margin-top: 40px !important;
}
.md\:mr40 {
margin-right: 40px !important;
}
.md\:mb40 {
margin-bottom: 40px !important;
}
.md\:ml40 {
margin-left: 40px !important;
}
.md\:mx40 {
margin-left: 40px;
margin-right: 40px;
}
}
@media (min-width: 750px) {
.md\:mt45 {
margin-top: 45px !important;
}
.md\:mr45 {
margin-right: 45px !important;
}
.md\:mb45 {
margin-bottom: 45px !important;
}
.md\:ml45 {
margin-left: 45px !important;
}
.md\:mx45 {
margin-left: 45px;
margin-right: 45px;
}
}
@media (min-width: 750px) {
.md\:mt50 {
margin-top: 50px !important;
}
.md\:mr50 {
margin-right: 50px !important;
}
.md\:mb50 {
margin-bottom: 50px !important;
}
.md\:ml50 {
margin-left: 50px !important;
}
.md\:mx50 {
margin-left: 50px;
margin-right: 50px;
}
}
@media (min-width: 750px) {
.md\:mt55 {
margin-top: 55px !important;
}
.md\:mr55 {
margin-right: 55px !important;
}
.md\:mb55 {
margin-bottom: 55px !important;
}
.md\:ml55 {
margin-left: 55px !important;
}
.md\:mx55 {
margin-left: 55px;
margin-right: 55px;
}
}
@media (min-width: 750px) {
.md\:mt60 {
margin-top: 60px !important;
}
.md\:mr60 {
margin-right: 60px !important;
}
.md\:mb60 {
margin-bottom: 60px !important;
}
.md\:ml60 {
margin-left: 60px !important;
}
.md\:mx60 {
margin-left: 60px;
margin-right: 60px;
}
}
@media (min-width: 750px) {
.md\:mt65 {
margin-top: 65px !important;
}
.md\:mr65 {
margin-right: 65px !important;
}
.md\:mb65 {
margin-bottom: 65px !important;
}
.md\:ml65 {
margin-left: 65px !important;
}
.md\:mx65 {
margin-left: 65px;
margin-right: 65px;
}
}
@media (min-width: 750px) {
.md\:mt70 {
margin-top: 70px !important;
}
.md\:mr70 {
margin-right: 70px !important;
}
.md\:mb70 {
margin-bottom: 70px !important;
}
.md\:ml70 {
margin-left: 70px !important;
}
.md\:mx70 {
margin-left: 70px;
margin-right: 70px;
}
}
@media (min-width: 750px) {
.md\:mt75 {
margin-top: 75px !important;
}
.md\:mr75 {
margin-right: 75px !important;
}
.md\:mb75 {
margin-bottom: 75px !important;
}
.md\:ml75 {
margin-left: 75px !important;
}
.md\:mx75 {
margin-left: 75px;
margin-right: 75px;
}
}
@media (min-width: 750px) {
.md\:mt80 {
margin-top: 80px !important;
}
.md\:mr80 {
margin-right: 80px !important;
}
.md\:mb80 {
margin-bottom: 80px !important;
}
.md\:ml80 {
margin-left: 80px !important;
}
.md\:mx80 {
margin-left: 80px;
margin-right: 80px;
}
}
@media (min-width: 750px) {
.md\:mt85 {
margin-top: 85px !important;
}
.md\:mr85 {
margin-right: 85px !important;
}
.md\:mb85 {
margin-bottom: 85px !important;
}
.md\:ml85 {
margin-left: 85px !important;
}
.md\:mx85 {
margin-left: 85px;
margin-right: 85px;
}
}
@media (min-width: 750px) {
.md\:mt90 {
margin-top: 90px !important;
}
.md\:mr90 {
margin-right: 90px !important;
}
.md\:mb90 {
margin-bottom: 90px !important;
}
.md\:ml90 {
margin-left: 90px !important;
}
.md\:mx90 {
margin-left: 90px;
margin-right: 90px;
}
}
@media (min-width: 750px) {
.md\:mt95 {
margin-top: 95px !important;
}
.md\:mr95 {
margin-right: 95px !important;
}
.md\:mb95 {
margin-bottom: 95px !important;
}
.md\:ml95 {
margin-left: 95px !important;
}
.md\:mx95 {
margin-left: 95px;
margin-right: 95px;
}
}
@media (min-width: 750px) {
.md\:mt100 {
margin-top: 100px !important;
}
.md\:mr100 {
margin-right: 100px !important;
}
.md\:mb100 {
margin-bottom: 100px !important;
}
.md\:ml100 {
margin-left: 100px !important;
}
.md\:mx100 {
margin-left: 100px;
margin-right: 100px;
}
}
@media (min-width: 750px) {
.md\:mt105 {
margin-top: 105px !important;
}
.md\:mr105 {
margin-right: 105px !important;
}
.md\:mb105 {
margin-bottom: 105px !important;
}
.md\:ml105 {
margin-left: 105px !important;
}
.md\:mx105 {
margin-left: 105px;
margin-right: 105px;
}
}
@media (min-width: 750px) {
.md\:mt110 {
margin-top: 110px !important;
}
.md\:mr110 {
margin-right: 110px !important;
}
.md\:mb110 {
margin-bottom: 110px !important;
}
.md\:ml110 {
margin-left: 110px !important;
}
.md\:mx110 {
margin-left: 110px;
margin-right: 110px;
}
}
@media (min-width: 750px) {
.md\:mt115 {
margin-top: 115px !important;
}
.md\:mr115 {
margin-right: 115px !important;
}
.md\:mb115 {
margin-bottom: 115px !important;
}
.md\:ml115 {
margin-left: 115px !important;
}
.md\:mx115 {
margin-left: 115px;
margin-right: 115px;
}
}
@media (min-width: 750px) {
.md\:mt120 {
margin-top: 120px !important;
}
.md\:mr120 {
margin-right: 120px !important;
}
.md\:mb120 {
margin-bottom: 120px !important;
}
.md\:ml120 {
margin-left: 120px !important;
}
.md\:mx120 {
margin-left: 120px;
margin-right: 120px;
}
}
@media (min-width: 750px) {
.md\:mt125 {
margin-top: 125px !important;
}
.md\:mr125 {
margin-right: 125px !important;
}
.md\:mb125 {
margin-bottom: 125px !important;
}
.md\:ml125 {
margin-left: 125px !important;
}
.md\:mx125 {
margin-left: 125px;
margin-right: 125px;
}
}
@media (min-width: 750px) {
.md\:mt130 {
margin-top: 130px !important;
}
.md\:mr130 {
margin-right: 130px !important;
}
.md\:mb130 {
margin-bottom: 130px !important;
}
.md\:ml130 {
margin-left: 130px !important;
}
.md\:mx130 {
margin-left: 130px;
margin-right: 130px;
}
}
@media (min-width: 750px) {
.md\:mt135 {
margin-top: 135px !important;
}
.md\:mr135 {
margin-right: 135px !important;
}
.md\:mb135 {
margin-bottom: 135px !important;
}
.md\:ml135 {
margin-left: 135px !important;
}
.md\:mx135 {
margin-left: 135px;
margin-right: 135px;
}
}
@media (min-width: 750px) {
.md\:mt140 {
margin-top: 140px !important;
}
.md\:mr140 {
margin-right: 140px !important;
}
.md\:mb140 {
margin-bottom: 140px !important;
}
.md\:ml140 {
margin-left: 140px !important;
}
.md\:mx140 {
margin-left: 140px;
margin-right: 140px;
}
}
@media (min-width: 750px) {
.md\:mt145 {
margin-top: 145px !important;
}
.md\:mr145 {
margin-right: 145px !important;
}
.md\:mb145 {
margin-bottom: 145px !important;
}
.md\:ml145 {
margin-left: 145px !important;
}
.md\:mx145 {
margin-left: 145px;
margin-right: 145px;
}
}
@media (min-width: 750px) {
.md\:mt150 {
margin-top: 150px !important;
}
.md\:mr150 {
margin-right: 150px !important;
}
.md\:mb150 {
margin-bottom: 150px !important;
}
.md\:ml150 {
margin-left: 150px !important;
}
.md\:mx150 {
margin-left: 150px;
margin-right: 150px;
}
}
@media (min-width: 750px) {
.md\:mt155 {
margin-top: 155px !important;
}
.md\:mr155 {
margin-right: 155px !important;
}
.md\:mb155 {
margin-bottom: 155px !important;
}
.md\:ml155 {
margin-left: 155px !important;
}
.md\:mx155 {
margin-left: 155px;
margin-right: 155px;
}
}
@media (min-width: 750px) {
.md\:mt160 {
margin-top: 160px !important;
}
.md\:mr160 {
margin-right: 160px !important;
}
.md\:mb160 {
margin-bottom: 160px !important;
}
.md\:ml160 {
margin-left: 160px !important;
}
.md\:mx160 {
margin-left: 160px;
margin-right: 160px;
}
}
@media (min-width: 750px) {
.md\:mt165 {
margin-top: 165px !important;
}
.md\:mr165 {
margin-right: 165px !important;
}
.md\:mb165 {
margin-bottom: 165px !important;
}
.md\:ml165 {
margin-left: 165px !important;
}
.md\:mx165 {
margin-left: 165px;
margin-right: 165px;
}
}
@media (min-width: 750px) {
.md\:mt170 {
margin-top: 170px !important;
}
.md\:mr170 {
margin-right: 170px !important;
}
.md\:mb170 {
margin-bottom: 170px !important;
}
.md\:ml170 {
margin-left: 170px !important;
}
.md\:mx170 {
margin-left: 170px;
margin-right: 170px;
}
}
@media (min-width: 750px) {
.md\:mt175 {
margin-top: 175px !important;
}
.md\:mr175 {
margin-right: 175px !important;
}
.md\:mb175 {
margin-bottom: 175px !important;
}
.md\:ml175 {
margin-left: 175px !important;
}
.md\:mx175 {
margin-left: 175px;
margin-right: 175px;
}
}
@media (min-width: 750px) {
.md\:mt180 {
margin-top: 180px !important;
}
.md\:mr180 {
margin-right: 180px !important;
}
.md\:mb180 {
margin-bottom: 180px !important;
}
.md\:ml180 {
margin-left: 180px !important;
}
.md\:mx180 {
margin-left: 180px;
margin-right: 180px;
}
}
@media (min-width: 750px) {
.md\:mt185 {
margin-top: 185px !important;
}
.md\:mr185 {
margin-right: 185px !important;
}
.md\:mb185 {
margin-bottom: 185px !important;
}
.md\:ml185 {
margin-left: 185px !important;
}
.md\:mx185 {
margin-left: 185px;
margin-right: 185px;
}
}
@media (min-width: 750px) {
.md\:mt190 {
margin-top: 190px !important;
}
.md\:mr190 {
margin-right: 190px !important;
}
.md\:mb190 {
margin-bottom: 190px !important;
}
.md\:ml190 {
margin-left: 190px !important;
}
.md\:mx190 {
margin-left: 190px;
margin-right: 190px;
}
}
@media (min-width: 750px) {
.md\:mt195 {
margin-top: 195px !important;
}
.md\:mr195 {
margin-right: 195px !important;
}
.md\:mb195 {
margin-bottom: 195px !important;
}
.md\:ml195 {
margin-left: 195px !important;
}
.md\:mx195 {
margin-left: 195px;
margin-right: 195px;
}
}
@media (min-width: 750px) {
.md\:mt200 {
margin-top: 200px !important;
}
.md\:mr200 {
margin-right: 200px !important;
}
.md\:mb200 {
margin-bottom: 200px !important;
}
.md\:ml200 {
margin-left: 200px !important;
}
.md\:mx200 {
margin-left: 200px;
margin-right: 200px;
}
}
@media (min-width: 750px) {
.md\:mt205 {
margin-top: 205px !important;
}
.md\:mr205 {
margin-right: 205px !important;
}
.md\:mb205 {
margin-bottom: 205px !important;
}
.md\:ml205 {
margin-left: 205px !important;
}
.md\:mx205 {
margin-left: 205px;
margin-right: 205px;
}
}
@media (min-width: 750px) {
.md\:mt210 {
margin-top: 210px !important;
}
.md\:mr210 {
margin-right: 210px !important;
}
.md\:mb210 {
margin-bottom: 210px !important;
}
.md\:ml210 {
margin-left: 210px !important;
}
.md\:mx210 {
margin-left: 210px;
margin-right: 210px;
}
}
@media (min-width: 750px) {
.md\:mt215 {
margin-top: 215px !important;
}
.md\:mr215 {
margin-right: 215px !important;
}
.md\:mb215 {
margin-bottom: 215px !important;
}
.md\:ml215 {
margin-left: 215px !important;
}
.md\:mx215 {
margin-left: 215px;
margin-right: 215px;
}
}
@media (min-width: 750px) {
.md\:mt220 {
margin-top: 220px !important;
}
.md\:mr220 {
margin-right: 220px !important;
}
.md\:mb220 {
margin-bottom: 220px !important;
}
.md\:ml220 {
margin-left: 220px !important;
}
.md\:mx220 {
margin-left: 220px;
margin-right: 220px;
}
}
@media (min-width: 750px) {
.md\:mt225 {
margin-top: 225px !important;
}
.md\:mr225 {
margin-right: 225px !important;
}
.md\:mb225 {
margin-bottom: 225px !important;
}
.md\:ml225 {
margin-left: 225px !important;
}
.md\:mx225 {
margin-left: 225px;
margin-right: 225px;
}
}
@media (min-width: 750px) {
.md\:mt230 {
margin-top: 230px !important;
}
.md\:mr230 {
margin-right: 230px !important;
}
.md\:mb230 {
margin-bottom: 230px !important;
}
.md\:ml230 {
margin-left: 230px !important;
}
.md\:mx230 {
margin-left: 230px;
margin-right: 230px;
}
}
@media (min-width: 750px) {
.md\:mt235 {
margin-top: 235px !important;
}
.md\:mr235 {
margin-right: 235px !important;
}
.md\:mb235 {
margin-bottom: 235px !important;
}
.md\:ml235 {
margin-left: 235px !important;
}
.md\:mx235 {
margin-left: 235px;
margin-right: 235px;
}
}
@media (min-width: 750px) {
.md\:mt240 {
margin-top: 240px !important;
}
.md\:mr240 {
margin-right: 240px !important;
}
.md\:mb240 {
margin-bottom: 240px !important;
}
.md\:ml240 {
margin-left: 240px !important;
}
.md\:mx240 {
margin-left: 240px;
margin-right: 240px;
}
}
@media (min-width: 750px) {
.md\:mt245 {
margin-top: 245px !important;
}
.md\:mr245 {
margin-right: 245px !important;
}
.md\:mb245 {
margin-bottom: 245px !important;
}
.md\:ml245 {
margin-left: 245px !important;
}
.md\:mx245 {
margin-left: 245px;
margin-right: 245px;
}
}
@media (min-width: 750px) {
.md\:mt250 {
margin-top: 250px !important;
}
.md\:mr250 {
margin-right: 250px !important;
}
.md\:mb250 {
margin-bottom: 250px !important;
}
.md\:ml250 {
margin-left: 250px !important;
}
.md\:mx250 {
margin-left: 250px;
margin-right: 250px;
}
}
@media (min-width: 750px) {
.md\:mt255 {
margin-top: 255px !important;
}
.md\:mr255 {
margin-right: 255px !important;
}
.md\:mb255 {
margin-bottom: 255px !important;
}
.md\:ml255 {
margin-left: 255px !important;
}
.md\:mx255 {
margin-left: 255px;
margin-right: 255px;
}
}
@media (min-width: 750px) {
.md\:mt260 {
margin-top: 260px !important;
}
.md\:mr260 {
margin-right: 260px !important;
}
.md\:mb260 {
margin-bottom: 260px !important;
}
.md\:ml260 {
margin-left: 260px !important;
}
.md\:mx260 {
margin-left: 260px;
margin-right: 260px;
}
}
@media (min-width: 750px) {
.md\:mt265 {
margin-top: 265px !important;
}
.md\:mr265 {
margin-right: 265px !important;
}
.md\:mb265 {
margin-bottom: 265px !important;
}
.md\:ml265 {
margin-left: 265px !important;
}
.md\:mx265 {
margin-left: 265px;
margin-right: 265px;
}
}
@media (min-width: 750px) {
.md\:mt270 {
margin-top: 270px !important;
}
.md\:mr270 {
margin-right: 270px !important;
}
.md\:mb270 {
margin-bottom: 270px !important;
}
.md\:ml270 {
margin-left: 270px !important;
}
.md\:mx270 {
margin-left: 270px;
margin-right: 270px;
}
}
@media (min-width: 750px) {
.md\:mt275 {
margin-top: 275px !important;
}
.md\:mr275 {
margin-right: 275px !important;
}
.md\:mb275 {
margin-bottom: 275px !important;
}
.md\:ml275 {
margin-left: 275px !important;
}
.md\:mx275 {
margin-left: 275px;
margin-right: 275px;
}
}
@media (min-width: 750px) {
.md\:mt280 {
margin-top: 280px !important;
}
.md\:mr280 {
margin-right: 280px !important;
}
.md\:mb280 {
margin-bottom: 280px !important;
}
.md\:ml280 {
margin-left: 280px !important;
}
.md\:mx280 {
margin-left: 280px;
margin-right: 280px;
}
}
@media (min-width: 750px) {
.md\:mt285 {
margin-top: 285px !important;
}
.md\:mr285 {
margin-right: 285px !important;
}
.md\:mb285 {
margin-bottom: 285px !important;
}
.md\:ml285 {
margin-left: 285px !important;
}
.md\:mx285 {
margin-left: 285px;
margin-right: 285px;
}
}
@media (min-width: 750px) {
.md\:mt290 {
margin-top: 290px !important;
}
.md\:mr290 {
margin-right: 290px !important;
}
.md\:mb290 {
margin-bottom: 290px !important;
}
.md\:ml290 {
margin-left: 290px !important;
}
.md\:mx290 {
margin-left: 290px;
margin-right: 290px;
}
}
@media (min-width: 750px) {
.md\:mt295 {
margin-top: 295px !important;
}
.md\:mr295 {
margin-right: 295px !important;
}
.md\:mb295 {
margin-bottom: 295px !important;
}
.md\:ml295 {
margin-left: 295px !important;
}
.md\:mx295 {
margin-left: 295px;
margin-right: 295px;
}
}
@media (min-width: 750px) {
.md\:mt300 {
margin-top: 300px !important;
}
.md\:mr300 {
margin-right: 300px !important;
}
.md\:mb300 {
margin-bottom: 300px !important;
}
.md\:ml300 {
margin-left: 300px !important;
}
.md\:mx300 {
margin-left: 300px;
margin-right: 300px;
}
}
@media (min-width: 750px) {
.md\:mt305 {
margin-top: 305px !important;
}
.md\:mr305 {
margin-right: 305px !important;
}
.md\:mb305 {
margin-bottom: 305px !important;
}
.md\:ml305 {
margin-left: 305px !important;
}
.md\:mx305 {
margin-left: 305px;
margin-right: 305px;
}
}
@media (min-width: 750px) {
.md\:mt310 {
margin-top: 310px !important;
}
.md\:mr310 {
margin-right: 310px !important;
}
.md\:mb310 {
margin-bottom: 310px !important;
}
.md\:ml310 {
margin-left: 310px !important;
}
.md\:mx310 {
margin-left: 310px;
margin-right: 310px;
}
}
@media (min-width: 750px) {
.md\:mt315 {
margin-top: 315px !important;
}
.md\:mr315 {
margin-right: 315px !important;
}
.md\:mb315 {
margin-bottom: 315px !important;
}
.md\:ml315 {
margin-left: 315px !important;
}
.md\:mx315 {
margin-left: 315px;
margin-right: 315px;
}
}
@media (min-width: 750px) {
.md\:mt320 {
margin-top: 320px !important;
}
.md\:mr320 {
margin-right: 320px !important;
}
.md\:mb320 {
margin-bottom: 320px !important;
}
.md\:ml320 {
margin-left: 320px !important;
}
.md\:mx320 {
margin-left: 320px;
margin-right: 320px;
}
}
@media (min-width: 750px) {
.md\:mt325 {
margin-top: 325px !important;
}
.md\:mr325 {
margin-right: 325px !important;
}
.md\:mb325 {
margin-bottom: 325px !important;
}
.md\:ml325 {
margin-left: 325px !important;
}
.md\:mx325 {
margin-left: 325px;
margin-right: 325px;
}
}
@media (min-width: 750px) {
.md\:mt330 {
margin-top: 330px !important;
}
.md\:mr330 {
margin-right: 330px !important;
}
.md\:mb330 {
margin-bottom: 330px !important;
}
.md\:ml330 {
margin-left: 330px !important;
}
.md\:mx330 {
margin-left: 330px;
margin-right: 330px;
}
}
@media (min-width: 750px) {
.md\:mt335 {
margin-top: 335px !important;
}
.md\:mr335 {
margin-right: 335px !important;
}
.md\:mb335 {
margin-bottom: 335px !important;
}
.md\:ml335 {
margin-left: 335px !important;
}
.md\:mx335 {
margin-left: 335px;
margin-right: 335px;
}
}
@media (min-width: 750px) {
.md\:mt340 {
margin-top: 340px !important;
}
.md\:mr340 {
margin-right: 340px !important;
}
.md\:mb340 {
margin-bottom: 340px !important;
}
.md\:ml340 {
margin-left: 340px !important;
}
.md\:mx340 {
margin-left: 340px;
margin-right: 340px;
}
}
@media (min-width: 750px) {
.md\:mt345 {
margin-top: 345px !important;
}
.md\:mr345 {
margin-right: 345px !important;
}
.md\:mb345 {
margin-bottom: 345px !important;
}
.md\:ml345 {
margin-left: 345px !important;
}
.md\:mx345 {
margin-left: 345px;
margin-right: 345px;
}
}
@media (min-width: 750px) {
.md\:mt350 {
margin-top: 350px !important;
}
.md\:mr350 {
margin-right: 350px !important;
}
.md\:mb350 {
margin-bottom: 350px !important;
}
.md\:ml350 {
margin-left: 350px !important;
}
.md\:mx350 {
margin-left: 350px;
margin-right: 350px;
}
}
@media (min-width: 750px) {
.md\:mt355 {
margin-top: 355px !important;
}
.md\:mr355 {
margin-right: 355px !important;
}
.md\:mb355 {
margin-bottom: 355px !important;
}
.md\:ml355 {
margin-left: 355px !important;
}
.md\:mx355 {
margin-left: 355px;
margin-right: 355px;
}
}
@media (min-width: 750px) {
.md\:mt360 {
margin-top: 360px !important;
}
.md\:mr360 {
margin-right: 360px !important;
}
.md\:mb360 {
margin-bottom: 360px !important;
}
.md\:ml360 {
margin-left: 360px !important;
}
.md\:mx360 {
margin-left: 360px;
margin-right: 360px;
}
}
@media (min-width: 750px) {
.md\:mt365 {
margin-top: 365px !important;
}
.md\:mr365 {
margin-right: 365px !important;
}
.md\:mb365 {
margin-bottom: 365px !important;
}
.md\:ml365 {
margin-left: 365px !important;
}
.md\:mx365 {
margin-left: 365px;
margin-right: 365px;
}
}
@media (min-width: 750px) {
.md\:mt370 {
margin-top: 370px !important;
}
.md\:mr370 {
margin-right: 370px !important;
}
.md\:mb370 {
margin-bottom: 370px !important;
}
.md\:ml370 {
margin-left: 370px !important;
}
.md\:mx370 {
margin-left: 370px;
margin-right: 370px;
}
}
@media (min-width: 750px) {
.md\:mt375 {
margin-top: 375px !important;
}
.md\:mr375 {
margin-right: 375px !important;
}
.md\:mb375 {
margin-bottom: 375px !important;
}
.md\:ml375 {
margin-left: 375px !important;
}
.md\:mx375 {
margin-left: 375px;
margin-right: 375px;
}
}
@media (min-width: 750px) {
.md\:mt380 {
margin-top: 380px !important;
}
.md\:mr380 {
margin-right: 380px !important;
}
.md\:mb380 {
margin-bottom: 380px !important;
}
.md\:ml380 {
margin-left: 380px !important;
}
.md\:mx380 {
margin-left: 380px;
margin-right: 380px;
}
}
@media (min-width: 750px) {
.md\:mt385 {
margin-top: 385px !important;
}
.md\:mr385 {
margin-right: 385px !important;
}
.md\:mb385 {
margin-bottom: 385px !important;
}
.md\:ml385 {
margin-left: 385px !important;
}
.md\:mx385 {
margin-left: 385px;
margin-right: 385px;
}
}
@media (min-width: 750px) {
.md\:mt390 {
margin-top: 390px !important;
}
.md\:mr390 {
margin-right: 390px !important;
}
.md\:mb390 {
margin-bottom: 390px !important;
}
.md\:ml390 {
margin-left: 390px !important;
}
.md\:mx390 {
margin-left: 390px;
margin-right: 390px;
}
}
@media (min-width: 750px) {
.md\:mt395 {
margin-top: 395px !important;
}
.md\:mr395 {
margin-right: 395px !important;
}
.md\:mb395 {
margin-bottom: 395px !important;
}
.md\:ml395 {
margin-left: 395px !important;
}
.md\:mx395 {
margin-left: 395px;
margin-right: 395px;
}
}
@media (min-width: 750px) {
.md\:mt400 {
margin-top: 400px !important;
}
.md\:mr400 {
margin-right: 400px !important;
}
.md\:mb400 {
margin-bottom: 400px !important;
}
.md\:ml400 {
margin-left: 400px !important;
}
.md\:mx400 {
margin-left: 400px;
margin-right: 400px;
}
}
@media (min-width: 750px) {
.md\:mt405 {
margin-top: 405px !important;
}
.md\:mr405 {
margin-right: 405px !important;
}
.md\:mb405 {
margin-bottom: 405px !important;
}
.md\:ml405 {
margin-left: 405px !important;
}
.md\:mx405 {
margin-left: 405px;
margin-right: 405px;
}
}
@media (min-width: 750px) {
.md\:mt410 {
margin-top: 410px !important;
}
.md\:mr410 {
margin-right: 410px !important;
}
.md\:mb410 {
margin-bottom: 410px !important;
}
.md\:ml410 {
margin-left: 410px !important;
}
.md\:mx410 {
margin-left: 410px;
margin-right: 410px;
}
}
@media (min-width: 750px) {
.md\:mt415 {
margin-top: 415px !important;
}
.md\:mr415 {
margin-right: 415px !important;
}
.md\:mb415 {
margin-bottom: 415px !important;
}
.md\:ml415 {
margin-left: 415px !important;
}
.md\:mx415 {
margin-left: 415px;
margin-right: 415px;
}
}
@media (min-width: 750px) {
.md\:mt420 {
margin-top: 420px !important;
}
.md\:mr420 {
margin-right: 420px !important;
}
.md\:mb420 {
margin-bottom: 420px !important;
}
.md\:ml420 {
margin-left: 420px !important;
}
.md\:mx420 {
margin-left: 420px;
margin-right: 420px;
}
}
@media (min-width: 750px) {
.md\:mt425 {
margin-top: 425px !important;
}
.md\:mr425 {
margin-right: 425px !important;
}
.md\:mb425 {
margin-bottom: 425px !important;
}
.md\:ml425 {
margin-left: 425px !important;
}
.md\:mx425 {
margin-left: 425px;
margin-right: 425px;
}
}
@media (min-width: 750px) {
.md\:mt430 {
margin-top: 430px !important;
}
.md\:mr430 {
margin-right: 430px !important;
}
.md\:mb430 {
margin-bottom: 430px !important;
}
.md\:ml430 {
margin-left: 430px !important;
}
.md\:mx430 {
margin-left: 430px;
margin-right: 430px;
}
}
@media (min-width: 750px) {
.md\:mt435 {
margin-top: 435px !important;
}
.md\:mr435 {
margin-right: 435px !important;
}
.md\:mb435 {
margin-bottom: 435px !important;
}
.md\:ml435 {
margin-left: 435px !important;
}
.md\:mx435 {
margin-left: 435px;
margin-right: 435px;
}
}
@media (min-width: 750px) {
.md\:mt440 {
margin-top: 440px !important;
}
.md\:mr440 {
margin-right: 440px !important;
}
.md\:mb440 {
margin-bottom: 440px !important;
}
.md\:ml440 {
margin-left: 440px !important;
}
.md\:mx440 {
margin-left: 440px;
margin-right: 440px;
}
}
@media (min-width: 750px) {
.md\:mt445 {
margin-top: 445px !important;
}
.md\:mr445 {
margin-right: 445px !important;
}
.md\:mb445 {
margin-bottom: 445px !important;
}
.md\:ml445 {
margin-left: 445px !important;
}
.md\:mx445 {
margin-left: 445px;
margin-right: 445px;
}
}
@media (min-width: 750px) {
.md\:mt450 {
margin-top: 450px !important;
}
.md\:mr450 {
margin-right: 450px !important;
}
.md\:mb450 {
margin-bottom: 450px !important;
}
.md\:ml450 {
margin-left: 450px !important;
}
.md\:mx450 {
margin-left: 450px;
margin-right: 450px;
}
}
@media (min-width: 750px) {
.md\:mt455 {
margin-top: 455px !important;
}
.md\:mr455 {
margin-right: 455px !important;
}
.md\:mb455 {
margin-bottom: 455px !important;
}
.md\:ml455 {
margin-left: 455px !important;
}
.md\:mx455 {
margin-left: 455px;
margin-right: 455px;
}
}
@media (min-width: 750px) {
.md\:mt460 {
margin-top: 460px !important;
}
.md\:mr460 {
margin-right: 460px !important;
}
.md\:mb460 {
margin-bottom: 460px !important;
}
.md\:ml460 {
margin-left: 460px !important;
}
.md\:mx460 {
margin-left: 460px;
margin-right: 460px;
}
}
@media (min-width: 750px) {
.md\:mt465 {
margin-top: 465px !important;
}
.md\:mr465 {
margin-right: 465px !important;
}
.md\:mb465 {
margin-bottom: 465px !important;
}
.md\:ml465 {
margin-left: 465px !important;
}
.md\:mx465 {
margin-left: 465px;
margin-right: 465px;
}
}
@media (min-width: 750px) {
.md\:mt470 {
margin-top: 470px !important;
}
.md\:mr470 {
margin-right: 470px !important;
}
.md\:mb470 {
margin-bottom: 470px !important;
}
.md\:ml470 {
margin-left: 470px !important;
}
.md\:mx470 {
margin-left: 470px;
margin-right: 470px;
}
}
@media (min-width: 750px) {
.md\:mt475 {
margin-top: 475px !important;
}
.md\:mr475 {
margin-right: 475px !important;
}
.md\:mb475 {
margin-bottom: 475px !important;
}
.md\:ml475 {
margin-left: 475px !important;
}
.md\:mx475 {
margin-left: 475px;
margin-right: 475px;
}
}
@media (min-width: 750px) {
.md\:mt480 {
margin-top: 480px !important;
}
.md\:mr480 {
margin-right: 480px !important;
}
.md\:mb480 {
margin-bottom: 480px !important;
}
.md\:ml480 {
margin-left: 480px !important;
}
.md\:mx480 {
margin-left: 480px;
margin-right: 480px;
}
}
@media (min-width: 750px) {
.md\:mt485 {
margin-top: 485px !important;
}
.md\:mr485 {
margin-right: 485px !important;
}
.md\:mb485 {
margin-bottom: 485px !important;
}
.md\:ml485 {
margin-left: 485px !important;
}
.md\:mx485 {
margin-left: 485px;
margin-right: 485px;
}
}
@media (min-width: 750px) {
.md\:mt490 {
margin-top: 490px !important;
}
.md\:mr490 {
margin-right: 490px !important;
}
.md\:mb490 {
margin-bottom: 490px !important;
}
.md\:ml490 {
margin-left: 490px !important;
}
.md\:mx490 {
margin-left: 490px;
margin-right: 490px;
}
}
@media (min-width: 750px) {
.md\:mt495 {
margin-top: 495px !important;
}
.md\:mr495 {
margin-right: 495px !important;
}
.md\:mb495 {
margin-bottom: 495px !important;
}
.md\:ml495 {
margin-left: 495px !important;
}
.md\:mx495 {
margin-left: 495px;
margin-right: 495px;
}
}
@media (min-width: 750px) {
.md\:mt500 {
margin-top: 500px !important;
}
.md\:mr500 {
margin-right: 500px !important;
}
.md\:mb500 {
margin-bottom: 500px !important;
}
.md\:ml500 {
margin-left: 500px !important;
}
.md\:mx500 {
margin-left: 500px;
margin-right: 500px;
}
}
@media (max-width: 749px) {
.sm\:w100p {
width: 100% !important;
}
}

@media (max-width: 1199px) {
.max-md\:hide {
display: none !important;
}
}

hr {
border-bottom: 1px solid var(--bdcolor);
border-top-width: 0;
}

.vline {
width: 1px;
height: 14px;
display: inline-block;
vertical-align: inherit;
border-right: 1px solid var(--bdcolor);
margin-left: 9px;
margin-right: 9px;
transform: translateY(2px);
}

.refer {
position: relative;
margin-left: 18px;
margin-bottom: 0;
color: var(--gray);
text-align: left;
}
.refer::before {
content: "※";
position: absolute;
left: -18px;
background: none !important;
top: 0 !important;
}

.required-text {
text-indent: -16px;
margin: 4px 0 4px 13px;
}
.required-text::before {
content: "\f06a";
font-family: "FontAwesome", "dotum", Helvetica, Arial, sans-serif;
margin-right: 5px;
}

span.border {
width: 100%;
height: 1px;
background-color: var(--bdcolor);
display: block;
margin-top: 20px;
margin-bottom: 20px;
}
span.border:before, span.border:after {
content: ".";
display: block;
height: 0;
clear: both;
visibility: hidden;
}

strong.over-dot {
color: var(--orange);
-webkit-text-emphasis: "•";
text-emphasis: "•";
-webkit-text-emphasis-position: over;
text-emphasis-position: over left;
}

.bd1-line {
border-bottom: 1px solid var(--point);
color: var(--point);
padding-bottom: 10px;
}
.bd1-line.line2 {
min-height: 60px;
}

.ti-20 {
text-indent: -20px;
margin-left: 20px;
}
.ti-20.word {
word-break: break-all;
}

.cate {
display: inline-block;
padding: 5px;
border-radius: 5px;
line-height: 1;
color: #fff;
font-size: 14px;
padding-left: 15px;
padding-right: 15px;
margin-right: 5px;
background-color: var(--teal);
}

a.badge,
.badge {
display: inline-block;
padding: 5px;
border-radius: 5px;
line-height: 1;
color: #fff;
font-size: 14px;
text-align: center;
background-color: var(--mid-blue);
background-color: var(--steel);
}
.bd-list a.badge,
.bd-list .badge {
min-width: 70px;
}
.bd-view a.badge,
.bd-view .badge {
padding-left: 15px;
padding-right: 15px;
margin-right: 5px;
}
.flex-box a.badge,
.flex-box .badge {
padding: 8px 10px 6px;
}
a.badge.sm,
.badge.sm {
min-width: 0;
padding: 6px 8px 5px;
}
a.badge--ing,
.badge--ing {
background-color: #fff;
color: #000;
border: 1px solid var(--bdcolor);
}
a.badge--end, a.badge--steel,
.badge--end,
.badge--steel {
background-color: var(--steel);
}
a.badge--end2,
.badge--end2 {
background-color: var(--blue-green);
}
a.badge--adm,
.badge--adm {
background-color: #fff;
color: #000;
border: 1px solid var(--bdcolor);
}
a.badge--move,
.badge--move {
color: #000;
background-color: #fff;
}
a.badge--info,
.badge--info {
width: auto;
min-width: 0 !important;
color: var(--mid-blue);
padding: 5px 14px 4px;
border-radius: 12.5px;
background-color: var(--very-light-blue);
}
a.badge--ice-blue,
.badge--ice-blue {
border-radius: 5px;
color: var(--mid-blue);
border: 1px solid var(--ice-blue-Two);
background-color: var(--ice-blue);
}
a.badge--ice-blue-two,
.badge--ice-blue-two {
padding: 2px 14px 2px;
border-radius: 5px;
color: var(--mid-blue);
border: 1px solid var(--mid-blue);
background-color: var(--ice-blue-Two);
}
a.badge--silver-two,
.badge--silver-two {
padding: 2px 14px 2px;
border-radius: 5px;
border: 1px solid var(--silver-Two);
}
a.badge--진행중,
.badge--진행중 {
background-color: var(--darkish-green);
}
a.badge--불가,
.badge--불가 {
background-color: #e1511f;
}
a.badge--장기검토,
.badge--장기검토 {
background-color: #634dc3;
}
a.badge--완료,
.badge--완료 {
background-color: var(--water-blue-two);
}
a.badge--etc,
.badge--etc {
background-color: transparent;
color: inherit;
color: #1c1c1c;
}
a.badge--blue,
.badge--blue {
background-color: var(--mid-blue);
}
a.badge--green,
.badge--green {
background-color: var(--kelly-green);
}
a.badge--teel,
.badge--teel {
background-color: var(--teel);
}

.bage-circle, .bage-circle3, .bage-circle2, .bage-circle1 {
display: inline-block;
padding-top: 1px;
width: 22px;
height: 22px;
border-radius: 22px;
font-size: 13px;
font-weight: 500;
color: #fff;
text-align: center;
}
.flex-box .bage-circle, .flex-box .bage-circle3, .flex-box .bage-circle2, .flex-box .bage-circle1 {
padding: 6px;
}
.bage-circle1 {
background-color: var(--mid-blue);
}
.bage-circle2 {
background-color: #419807;
}
.bage-circle3 {
background-color: var(--red);
}
.bage-circle.small, .small.bage-circle1, .small.bage-circle2, .small.bage-circle3 {
display: flex;
justify-content: center;
align-items: center;
width: auto;
height: auto;
}
.bage-circle.small i, .small.bage-circle1 i, .small.bage-circle2 i, .small.bage-circle3 i {
font-size: 10px;
}
.bage-circle.large, .large.bage-circle1, .large.bage-circle2, .large.bage-circle3 {
display: flex;
justify-content: center;
align-items: center;
width: 29px;
height: 29px;
}
.bage-circle.large i, .large.bage-circle1 i, .large.bage-circle2 i, .large.bage-circle3 i {
font-size: 10px;
}

.badge2 {
height: 20px;
padding: 4px 10px;
border-radius: 10px;
background-color: #696969;
font-size: 13px;
line-height: 1;
font-weight: bold;
color: #fff;
}
.badge2-- {
background-color: #005591;
}
.badge2-- {
background-color: #e87300;
}
.badge2-- {
background-color: #bd862f;
}
.badge2-- {
background-color: #2f6900;
background-color: #e87300;
background-color: #5b2d00;
background-color: #5b2d00;
background-color: #4e6b71;
background-color: #0b9a7e;
background-color: #696969;
background-color: #bd862f;
background-color: #68007e;
background-color: #e87300;
background-color: #005591;
background-color: #bd862f;
background-color: #005591;
background-color: #696969;
background-color: #0b9a7e;
background-color: #68007e;
background-color: #bd862f;
background-color: #e87300;
background-color: #005591;
background-color: #005591;
background-color: #005591;
background-color: #68007e;
}

.img-type-set {
max-width: 880px;
margin: 0 auto;
}
.img-type-set .bu {
padding: 0;
}
.img-type-set .swiper {
margin: 30px 0;
}
.img-type-set .swiper-slide img {
width: 100%;
}
.img-type-set.mw-none {
max-width: none;
}

.img-type {
position: relative;
background-color: #000;
border-radius: 30px;
overflow: hidden;
}
.img-type .txt {
position: absolute;
top: 31.8%;
left: 0;
width: 100%;
color: #fff;
text-align: center;
z-index: 1;
}
.img-type .txt span {
display: inline-flex;
flex-direction: row;
justify-content: center;
align-items: center;
margin: 0 auto 16px;
height: 33px;
padding: 12px 19px 10px;
border-radius: 15.7px;
border: solid 1px #fff;
font-family: GmarketSans;
font-size: 15.5px;
font-weight: 500;
}
.img-type .txt .tit {
display: block;
font-family: GmarketSans;
font-size: 35px;
font-weight: bold;
}
.img-type .i img {
opacity: 0.6;
vertical-align: top;
}

.subject-catoon {
display: flex;
flex-direction: row;
align-items: center;
gap: 18px;
font-family: GmarketSans;
font-size: 35px;
font-weight: bold;
color: var(--black-three);
}

.copy {
padding-left: 15px;
border-left: 2px solid var(--mid-blue);
font-weight: 500;
}

[class*=svg-] {
display: inline-block;
}

a {
color: var(--linkcolor);
}
.color-point {
color: var(--blue) !important;
}

.color-orange {
color: var(--orange) !important;
}

.color-blue {
color: var(--blue) !important;
}

.color-blue-green {
color: var(--blue-green) !important;
}

.color-red {
color: var(--red) !important;
}

.color-sky {
color: var(--water-blue-two) !important;
}

.color-green {
color: var(--darkish-green) !important;
}

.color-tomato {
color: var(--tomato) !important;
}

html {
font-size: 16px;
}

body {
color: var(--body-font-color);
line-height: 1.63;
font-family: SUIT, "Noto Sans KR", "Noto Sans", "AppleGothic", "맑은 고딕", "돋움", "dotum", Helvetica, Arial, sans-serif;
word-break: keep-all;
font-weight: 400;
}
@media (max-width: 749px) {
body {
word-break: keep-all;
}
}
body.ovh {
position: relative;
overflow: hidden;
height: 100vh;
}
/*# sourceMappingURL=default.css.map */