@charset "UTF-8";
/*---------------------------- COLOR ----------------------------*/
/*---------------------------- 반응형 ----------------------------*/
@import url("https://fonts.googleapis.com/css2?family=Noto+Sans+KR:wght@100;300;400;500;700;900&display=swap");
/* Reset */
html, body, h1, h2, h3, h4, h5, h6, div, p, blockquote, pre, code, address, ul, ol, li, nav, section, article, header, footer, main, aside, dl, dt, dd, table, thead, tbody, tfoot, label, caption, th, td, form, fieldset, legend, hr, input, button, textarea, object, figure, figcaption { margin: 0; padding: 0; font-family: "Noto Sans KR", sans-serif !important; letter-spacing: -0.04em; line-height: 1.6; stroke-width: 0; font-weight: 400; }

body, input, select, textarea, button, img, fieldset { border: none; }

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

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

address, cite, code, em, i { font-style: normal; font-weight: normal; }

label, img, input, select, textarea, button, a { vertical-align: middle; }

u, ins, a { text-decoration: none; }

button { cursor: pointer; }

/* Normalize */
body { font-family: 나눔스퀘어, 'NanumSquare', sans-serif; }

input[type="search"]::-webkit-search-decoration, input[type="search"]::-webkit-search-cancel-button, input[type="search"]::-webkit-search-results-button, input[type="search"]::-webkit-search-results-decoration, input[type="number"]::-webkit-inner-spin-button, input[type="number"]::-webkit-outer-spin-button { -webkit-appearance: none; }

input[type="number"] { -moz-appearance: textfield; }

input[type="number"], input[type="text"], input[type="password"], input[type="url"], input[type="email"], input[type="tel"], input[type="date"], textarea { -webkit-appearance: none; -moz-appearance: none; appearance: none; -webkit-border-radius: 0; outline: 0; }

textarea { resize: none; }

/* Style */
html { font-size: 16px; }

body { overflow-x: hidden; font-size: 1rem; }

body.hidden { position: fixed; overflow-y: hidden; -ms-touch-action: none; touch-action: none; }

a, button { color: #222; }

p, a, button, span, dd, h5, .agree, h4 { -webkit-transform: 0; transform: 0; }

.clear { clear: both; }

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

caption > div, legend, .hide { overflow: hidden; display: block; position: absolute; border: 0; width: 1px; height: 1px; clip: rect(1px, 1px, 1px, 1px); }

/*body{position: relative;}*/

.skip a{
    position: absolute;
    background: rgba(0,0,0,0.7); /* 반투명한 배경 */
    filter:progid:DXImageTransform.Microsoft.gradient(startColorstr=#90000000,endColorstr=#90000000); /*IE8에서 반투명한 배경 적용*/
    width: 100%;
    height: 30px;
    text-align: center; /* text 가로 중앙 정렬*/
    color: #fff;
    z-index: 100;
    line-height: 30px; /* text 세로 중앙 정렬*/
    top: -30px; /* 우선 안보이게 감추기*/
    opacity: 0; /* 우선 안보이게 감추기*/
}

.skip a:focus {
	text-align: center;
    display: block;
    background: #ffff;
    opacity: 1;
    /* top: 0px; */
    /* z-index: 1000; */
    position: unset;
    color: black;
}

.hidden, .blind, .hd-element { display: block; overflow: hidden; position: absolute; left: -10000000000000000px; top: -999999px; width: 0; height: 0; font-size: 1px; }

.hide-txt { display: inline-block; overflow: hidden; position: absolute; width: 1px; height: 1px; font-size: 1px; line-height: 0; clip: rect(1px, 1px, 1px, 1px); }

/* =================== typo =================== */
/* ---------- noto sans kr ---------- */
@font-face { font-family: "Noto Sans KR"; font-weight: 800; src: local("noto sans kr black"), local("Noto Sans KR Black"), url("../fonts/NotoSansKR-Black.woff2") format("woff2"), url("../fonts/NotoSansKR-Black.woff") format("woff"), url("../fonts/NotoSansKR-Black.ttf") format("truetype"), url("../fonts/NotoSansKR-Black.otf") format("opentype"); }

@font-face { font-family: "Noto Sans KR"; font-weight: 600; src: local("noto sans kr bold"), local("Noto Sans KR Bold"), url("../fonts/NotoSansKR-Bold.woff2") format("woff2"), url("../fonts/NotoSansKR-Bold.woff") format("woff"), url("../fonts/NotoSansKR-Bold.ttf") format("truetype"), url("../fonts/NotoSansKR-Bold.otf") format("opentype"); }

@font-face { font-family: "Noto Sans KR"; font-weight: 500; src: local("noto sans kr medium"), local("Noto Sans KR Medium"), url("../fonts/NotoSansKR-Medium.woff2") format("woff2"), url("../fonts/NotoSansKR-Medium.woff") format("woff"), url("../fonts/NotoSansKR-Medium.ttf") format("truetype"), url("../fonts/NotoSansKR-Medium.otf") format("opentype"); }

@font-face { font-family: "Noto Sans KR"; font-weight: 400; src: local("noto sans kr regular"), local("Noto Sans KR Regular"), url("../fonts/NotoSansKR-Regular.woff2") format("woff2"), url("../fonts/NotoSansKR-Regular.woff") format("woff"), url("../fonts/NotoSansKR-Regular.ttf") format("truetype"), url("../fonts/NotoSansKR-Regular.otf") format("opentype"); }

@font-face { font-family: "Noto Sans KR"; font-weight: 300; src: local("noto sans kr light"), local("Noto Sans KR Light"), url("../fonts/NotoSansKR-Light.woff2") format("woff2"), url("../fonts/NotoSansKR-Light.woff") format("woff"), url("../fonts/NotoSansKR-Light.ttf") format("truetype"), url("../fonts/NotoSansKR-Light.otf") format("opentype"); }

@font-face { font-family: "Noto Sans KR"; font-weight: 200; src: local("noto sans kr demilight"), local("Noto Sans KR DemiLight"), url("../fonts/NotoSansKR-DemiLight.woff2") format("woff2"), url("../fonts/NotoSansKR-DemiLight.woff") format("woff"), url("../fonts/NotoSansKR-DemiLight.ttf") format("truetype"), url("../fonts/NotoSansKR-DemiLight.otf") format("opentype"); }

@font-face { font-family: "Noto Sans KR"; font-weight: 100; src: local("noto sans kr thin"), local("Noto Sans KR Thin"), url("../fonts/NotoSansKR-Thin.woff2") format("woff2"), url("../fonts/NotoSansKR-Thin.woff") format("woff"), url("../fonts/NotoSansKR-Thin.ttf") format("truetype"), url("../fonts/NotoSansKR-Thin.otf") format("opentype"); }

@font-face { font-family: "gmarket"; font-weight: 600; src: local("gmarket bold"), local("gmarket bold"), url("../fonts/GmarketSansTTFBold.woff") format("woff"), url("../fonts/GmarketSansTTFBold.ttf") format("truetype"), url("../fonts/GmarketSansBold.otf") format("opentype"); }

@font-face { font-family: "gmarket"; font-weight: 500; src: local("gmarket Medium"), local("gmarket Medium"), url("../fonts/GmarketSansTTFMedium.woff") format("woff"), url("../fonts/GmarketSansTTFMedium.ttf") format("truetype"), url("../fonts/GmarketSansMedium.otf") format("opentype"); }

@font-face { font-family: "gmarket"; font-weight: 300; src: local("gmarket light"), local("gmarket light"), url("../fonts/GmarketSansTTFLight.woff") format("woff"), url("../fonts/GmarketSansTTFLight.ttf") format("truetype"), url("../fonts/GmarketSansLight.otf") format("opentype"); }

@font-face { font-family: "GmarketSansMedium"; src: url("https://cdn.jsdelivr.net/gh/projectnoonnu/noonfonts_2001@1.1/GmarketSansMedium.woff") format("woff"); font-weight: normal; font-style: normal; }

.inner { max-width: 1350px; margin: 0 auto; position: relative; }

@media (max-width: 1200px) { .inner { padding: 0 10px; -webkit-box-sizing: border-box; box-sizing: border-box; width: 100%; } }

/* =================== LINE =================== */
.one-line { display: block; text-overflow: ellipsis; white-space: nowrap; overflow: hidden; }

.two-line { display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical; word-wrap: break-word; white-space: normal; overflow: hidden; }

/* =================== FLEX =================== */
.flex { display: -webkit-box; display: -ms-flexbox; display: flex; }

.flex.space { margin: 0 -10px; }

.flex.space > * { margin: 0 10px; -webkit-box-flex: 1; -ms-flex-positive: 1; flex-grow: 1; }

.flex-all-center { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; }

.flex-d-c { -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; }

.flex-jc-e { -webkit-box-pack: end; -ms-flex-pack: end; justify-content: flex-end; display: -webkit-box; display: -ms-flexbox; display: flex; gap:5px;}

.ml-auto { margin-left: auto; }

.flex-al-center { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; gap:10px;}

.flex-al-start { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: start; -ms-flex-align: start; align-items: flex-start; gap:10px;}

.flex-al-end { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: end; -ms-flex-align: end; align-items: flex-end; gap:10px;}

.flex-jc-around { display: -webkit-box; display: -ms-flexbox; display: flex; -ms-flex-pack: distribute; justify-content: space-around; gap:10px;}

.flex-jc-bt { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; gap:10px;}

.flex-jc-center { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center;  gap:10px;}

.flex-jc-end { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: end; -ms-flex-pack: end; justify-content: end;  gap:10px;}

.gap10{  gap:10px;}
/* =================== POSITION =================== */
.poa-y-center { position: relative; }

.poa-y-center > div { position: absolute; top: 50%; -webkit-transform: translateY(-50%); transform: translateY(-50%); }

.poa-x-center { position: relative; }

.poa-x-center > div { position: absolute; left: 50%; -webkit-transform: translateX(-50%); transform: translateX(-50%); }

.poa-all-center { position: relative; }

.poa-all-center > div { position: absolute; top: 50%; left: 50%; -webkit-transform: translate(-50%, -50%); transform: translate(-50%, -50%); }

/* =================== TEXT-ALIGN =================== */
.text-left { text-align: left; }

.text-right { text-align: right; }

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

.flex-w50 { display: -webkit-box; display: -ms-flexbox; display: flex; -ms-flex-wrap: wrap; flex-wrap: wrap; margin: 0 -0.9375rem; }

.flex-w50 > * { -webkit-box-flex: 1; -ms-flex: 1 1 50%; flex: 1 1 50%; max-width: 50%; padding: 0 0.9375rem; -webkit-box-sizing: border-box; box-sizing: border-box; }

.flex-w50 > *:nth-of-type(2n) { margin-bottom: 1.5625rem; }

.flex-w50 > *:last-of-type { margin-bottom: 0; }

.flex-w33 { display: -webkit-box; display: -ms-flexbox; display: flex; -ms-flex-wrap: wrap; flex-wrap: wrap; margin: 0 -0.9375rem; }

.flex-w33 > * { -webkit-box-flex: 1; -ms-flex: 1 1 33.33333%; flex: 1 1 33.33333%; max-width: 33.33333%; padding: 0 0.9375rem; -webkit-box-sizing: border-box; box-sizing: border-box; }

.flex-w33 > *:nth-of-type(2n) { margin-bottom: 1.5625rem; }

.flex-w33 > *:last-of-type { margin-bottom: 0; }

.flex-w25 { display: -webkit-box; display: -ms-flexbox; display: flex; -ms-flex-wrap: wrap; flex-wrap: wrap; margin: 0 -0.9375rem; }

.flex-w25 > * { -webkit-box-flex: 1; -ms-flex: 1 1 25%; flex: 1 1 25%; max-width: 25%; padding: 0 0.9375rem; -webkit-box-sizing: border-box; box-sizing: border-box; }

.flex-w25 > *:nth-of-type(2n) { margin-bottom: 1.5625rem; }

.flex-w25 > *:last-of-type { margin-bottom: 0; }

.flex-w20 { display: -webkit-box; display: -ms-flexbox; display: flex; -ms-flex-wrap: wrap; flex-wrap: wrap; margin: 0 -0.9375rem; }

.flex-w20 > * { -webkit-box-flex: 1; -ms-flex: 1 1 20%; flex: 1 1 20%; max-width: 20%; padding: 0 0.9375rem; -webkit-box-sizing: border-box; box-sizing: border-box; }

.flex-w20 > *:nth-of-type(2n) { margin-bottom: 1.5625rem; }

.flex-w20 > *:last-of-type { margin-bottom: 0; }

@media (max-width: 600px) { .mo-flex-d-c { -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; -webkit-box-align: start !important; -ms-flex-align: start !important; align-items: flex-start !important; }
  .flex-jc-around { -webkit-box-pack: start; -ms-flex-pack: start; justify-content: flex-start; }
  .flex-w50 > * { -webkit-box-flex: 1; -ms-flex: 1 1 100%; flex: 1 1 100%; max-width: 100%; }
  .flex-w50 > *:last-of-type { margin-bottom: 0; } }

@media (max-width: 1200px) { .flex.space { display: -webkit-box; display: -ms-flexbox; display: flex; -ms-flex-wrap: wrap; flex-wrap: wrap; }
  .flex.space > * { margin-bottom: 20px; }
  .flex-w33 > * { -webkit-box-flex: 1; -ms-flex: 1 1 100%; flex: 1 1 100%; max-width: 100%; margin-bottom: 20px; }
  .flex-w33 > *:last-of-type { margin-bottom: 0; } }

.fr { text-align: right; }

/* =================== 좌,우 여백 =================== */
.mr0 { margin-right: 0rem !important; }

.mr5 { margin-right: 0.3125rem !important; }

.mr6 { margin-right: 0.375rem !important; }

.mr7 { margin-right: 0.4375rem !important; }

.mr8 { margin-right: 0.5rem !important; }

.mr9 { margin-right: 0.5625rem !important; }

.mr10 { margin-right: 0.625rem !important; }

.mr15 { margin-right: 0.9375rem !important; }

.mr20 { margin-right: 1.25rem !important; }

.mr25 { margin-right: 1.5625rem !important; }

.mr30 { margin-right: 1.875rem !important; }

.pr0 { padding-right: 0rem !important; }

.pr5 { padding-right: 0.3125rem !important; }

.pr10 { padding-right: 0.625rem !important; }

.pr15 { padding-right: 0.9375rem !important; }

.pr20 { padding-right: 1.25rem !important; }

.pr25 { padding-right: 1.5625rem !important; }

.pr30 { padding-right: 1.875rem !important; }

.pl0 { padding-left: 0rem !important; }

.pl5 { padding-left: 0.3125rem !important; }

.pl10 { padding-left: 0.625rem !important; }

.pl15 { padding-left: 0.9375rem !important; }

.pl20 { padding-left: 1.25rem !important; }

.pl25 { padding-left: 1.5625rem !important; }

.pl30 { padding-left: 1.875rem !important; }

.ml0 { margin-left: 0rem !important; }

.ml5 { margin-left: 0.3125rem !important; }

.mr6 { margin-left: 0.375rem !important; }

.mr7 { margin-left: 0.4375rem !important; }

.mr8 { margin-left: 0.5rem !important; }

.mr9 { margin-left: 0.5625rem !important; }

.ml10 { margin-left: 0.625rem !important; }

.ml15 { margin-left: 0.9375rem !important; }

.ml20 { margin-left: 1.25rem !important; }

.ml25 { margin-left: 1.5625rem !important; }

.ml30 { margin-left: 1.875rem !important; }

.ml40 { margin-left: 2.5rem !important; }

.ml45 { margin-left: 2.8125rem !important; }

.ml100 { margin-left: 6.25rem !important; }

.mt0 { margin-top: 0rem !important; }

.mt5 { margin-top: 0.3125rem !important; }

.mt10 { margin-top: 0.625rem !important; }

.mt15 { margin-top: 0.9375rem !important; }

.mt20 { margin-top: 1.25rem !important; }

.mt25 { margin-top: 1.5625rem !important; }

.mt30 { margin-top: 1.875rem !important; }

.mt35 { margin-top: 2.1875rem !important; }

.mt40 { margin-top: 2.5rem !important; }

.mt45 { margin-top: 2.8125rem !important; }

.mt50 { margin-top: 3.125rem !important; }

.mt60 { margin-top: 3.75rem !important; }

.mt70 { margin-top: 4.375rem !important; }

.mt80 { margin-top: 5rem !important; }

.mt90 { margin-top: 5.625rem !important; }

.mt100 { margin-top: 6.25rem !important; }

.mb0 { margin-bottom: 0rem !important; }

.mb5 { margin-bottom: 0.3125rem !important; }

.mb10 { margin-bottom: 0.625rem !important; }

.mb15 { margin-bottom: 0.9375rem !important; }

.mb20 { margin-bottom: 1.25rem !important; }

.mb25 { margin-bottom: 1.5625rem !important; }

.mb30 { margin-bottom: 1.875rem !important; }

.bg-f5 { background: #f5f5f5; }

.com-had { height: 2.375rem; -webkit-box-align: center; -ms-flex-align: center; align-items: center; }

.com-had .num { font-size: 1rem; }

.com-had .num span { font-weight: 600; color: #641e92; }

.com-had img { height: 2.3rem; width: 2.3rem; }

.com-card2-wrap.flex-w33 { padding: 0 -0.8125rem !important; margin-top: 10px; }

.com-card2-wrap.flex-w33 > * { padding: 0 0.8125rem; }

.com-card2 { opacity: 1; padding: 1.5375rem 2.1875rem; border: 1px solid #ccc; border: 1px solid #ccc; position: relative; min-height: 300px; max-height: 300px;}

@media (max-width: 1200px){
  .com-card2{
    min-height: 230px; max-height: 230px;
  }
}

.com-card2 .had { opacity: 1; }

.com-card2 .had .txt { opacity: 1; font-size: 1.25rem; font-weight: 500; margin-top: 0.5rem; margin-bottom: 0.8125rem; }

.com-card2 .info { opacity: 1; padding-top: 0.625rem; border-top: 1px solid #ccc; }

.com-card2 .date { margin-top: 2.1875rem; }

.com-card2 .date li { opacity: 1; font-size: 1rem; color: #333; }

.com-card2 .date li + li { margin-left: 20px; position: relative; }

.com-card2 .date li + li:after { content: ""; display: block; left: -0.5rem; background: #aaa !important; top: 47% !important; }

.com-row { margin-top: 6.25rem; padding: 0.9375rem 1.5625rem; }

.com-row a { display: inline-block; font-size: 1rem; }

.rows p.tit { font-size: 1.1875rem; font-weight: 500; color: #434343; }

.rows p.txt { font-size: 1rem; font-weight: 400; }

.c-yellow { color: #FF7E00; }

@media (max-width: 1200px) { dl.flex.flex-jc-bt.flex-al-center { -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; -webkit-box-align: start; -ms-flex-align: start; align-items: flex-start; padding: 0 10px; }
  dl.flex.flex-jc-bt.flex-al-center .notice .form-group .date { margin-top: 25px; }
  dl.flex.flex-jc-bt.flex-al-center dd { padding: 0; } }

@media (max-width: 1200px) { .com-row.mt100 { -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; -webkit-box-align: start; -ms-flex-align: start; align-items: flex-start; }
  .com-row.mt100 .ref { margin-top: 15px; } }

/* =================== header =================== */
.headerTop { opacity: 1; background: #641e92; }

.headerTop .inner { opacity: 1; }

.headerTop__left { opacity: 1; height: 3.125rem; padding: 0 20px; background: #551a7c; }

.headerTop__left-txt { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; }

.headerTop__left-txt img { opacity: 1; width: 0.875rem; }

.headerTop__left-txt p { opacity: 1; font-size: 1rem; color: #fff; font-weight: 500; margin-left: 0.625rem; }

.headerTop__left-state { opacity: 1; margin-left: 1.5625rem; }

.headerTop__left-state .btn-mid { background: #d8a929; border: #d8a929 !important; }

.headerTop__right { opacity: 1; }

.headerTop__right ul { display: -webkit-box; display: -ms-flexbox; display: flex; }

.headerTop__right ul li { opacity: 1; }

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

.headerTop__right ul li:last-of-type a::after { display: none; }

.headerTop__right ul li a { opacity: 1; position: relative; display: block; margin-right: 2.25rem; font-size: 1rem; color: #fff; }

.headerTop__right ul li a:after { content: ""; display: block; right: -1.1875rem; }

.headerTop__right ul li a img { display: inline-block; margin-left: 0.625rem; }

.headerWrap { width: 100%; border-bottom: 1px solid #ddd; position: relative; z-index: 999; }

#header { width: 100%; height: 5.9375rem; margin: 0rem auto; position: relative; }

#gnb { position: absolute; top: 50%; right: 0; -webkit-transform: translateY(-50%); transform: translateY(-50%); display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; }

#gnb > li { position: relative; }

#gnb > li > a { display: block; width: 12.925rem; height: 3.125rem; line-height: 3.125rem; font-size: 1.375rem; color: #252525; text-align: center; font-weight: 500; }
@media (max-width: 1284px) { #gnb > li > a { width:11.7rem; } } /* 추가 */

#gnb > li > a:hover { background: #641e92; color: #fff; }

#gnb > li > a.on { background: #641e92; color: #fff; }

#gnb > li > a.on + ul { border-bottom: 0.25rem solid #641e92; background: #f9f9f9; }

#gnb ul { position: absolute; top: 3.975rem; left: 0rem; width: 100%; height: 120; display: none; padding-top: 1.5625rem; padding-bottom: 1.5rem; border: 1px solid #eee; }

#gnb ul > li > a { display: block; width: 100%; word-break: break-all; height: auto; font-size: 1.05rem; color: #333; text-align: left; padding-left: 1.875rem; letter-spacing: -1px; font-weight: 400; line-height: 2.1rem; }

#gnb ul > li > a:hover { display: block; width: 100%; font-weight: 500; }

.bgSub { width: 100%; height: auto; background: #fff; position: absolute; left: 0rem; top: 8.5rem; display: none; height: 292px; -webkit-box-shadow: 0.3125rem 0 1.125rem rgba(0, 0, 0, 0.08); box-shadow: 0.3125rem 0 1.125rem rgba(0, 0, 0, 0.08); padding-bottom: 3.4375rem; }

.bgSub .inner { position: relative; height: 100%; padding-bottom: 3.4375rem; }

.bgSub .change-img { position: absolute; left: 50px; top: 50%; -webkit-transform: translateY(-50%); transform: translateY(-50%); }

.header .inner { height: 100%; }

.header__logo { position: absolute; left: 0; top: 50%; -webkit-transform: translateY(-50%); transform: translateY(-50%); }

.header__logo img { width: 14rem; }

.logo{
  position: relative;
}
.mo-header { position: absolute; top: 50%; -webkit-transform: translateY(-50%); transform: translateY(-50%); right: 0.9375rem; }

.open-mb-nav { width: 1.5625rem; display: inline-block; cursor: pointer; }

.open-mb-nav.is-active:before { content: ""; display: block; -webkit-transform: translateY(0.5rem) rotate(-315deg); transform: translateY(0.5rem) rotate(-315deg); }

.open-mb-nav.is-active:after { content: ""; display: block; -webkit-transform: translateY(-0.5rem) rotate(315deg); transform: translateY(-0.5rem) rotate(315deg); }

.open-mb-nav.is-active .hamburger { opacity: 0; }

.open-mb-nav:before { content: ""; display: block; width: 100%; height: 0; display: block; -webkit-transition: all 0.7s; transition: all 0.7s; border-top: 0.125rem solid #666; }

.open-mb-nav:after { content: ""; display: block; width: 100%; height: 0; display: block; -webkit-transition: all 0.7s; transition: all 0.7s; border-top: 0.125rem solid #666; }

.open-mb-nav .hamburger { width: 100%; height: 0; display: block; -webkit-transition: all 0.7s; transition: all 0.7s; margin: 0.375rem 0; border-top: 0.125rem solid #666; }

.mMenu { position: fixed; right: -100%; top: 0; width: 50%; padding: 0; z-index: 201; background: #2a2a2a; -webkit-overflow-scrolling: touch; overflow-y: auto; height: 100vh; }

.mMenu .mclose { position: absolute; top: 1.25rem; right: 1rem; }

.mMenu ul.mtitle { display: block; padding: 1.25rem 0 1.25rem 1.25rem; background: #1a1a1a; color: #fff; }

.mMenu ul.mtitle a { color: #fff; font-family: "Noto Sans KR"; font-size: 1rem; }

.mMenu ul.mtitle a:hover { font-family: "Noto Sans KR"; }

.mMenu ul.list { padding: 0; -webkit-box-sizing: border-box; box-sizing: border-box; }

.navs, .navs li, .navs ul { list-style: none; }

.navs ul { padding: 0.9375rem 1.25rem; margin: 0; background-color: #1a1a1a; }

.navs { padding: 0; margin: 0; }

.navs > li { margin: 0 0; background-color: #2a2a2a; }

.navs > li li { margin: 0 0; }

.navs a { font-family: "Noto Sans KR"; color: #f6f6f6; display: block; outline: 0; text-decoration: none; }

.navs a .caret { float: right; width: 0; height: 0; display: inline-block; vertical-align: top; border-top: 0.375rem solid #1e91ce; border-right: 0.375rem solid transparent; border-left: 0.375rem solid transparent; content: ""; margin-top: 0.375rem; margin-left: 0.125rem; }

.navs li.open > a > .caret { border-top: none; border-bottom: 0.375rem solid #fff; border-right: 0.375rem solid transparent; border-left: 0.375rem solid transparent; }

.navs li a { font-size: 1.3125rem; line-height: 1.6875rem; padding: 0.375rem 0.625rem; }

.navs > li > a { font-size: 1.3125rem; line-height: 1.6875rem; padding: 0.625rem 1.25rem; }

.navs > li li a { color: #fff; }

.navs li.open { background-color: #1e91ce; }

.navs li.open a { color: #fff; font-size: 1.40625rem; }

.navs li.open li a { color: #ebebeb; font-size: 1.21875rem; }

@media (max-width: 1200px) {
  #gnb { display: none; }
  .headerTop { display: none; }
  .header__logo { left: 0.9375rem; }
  #header { height: 6.825rem; }
  .header__logo img { width: 14rem; }
  .open-mb-nav .hamburger { margin: 6px 0; }
  .mo-header { top: 54%; right: 1.2rem; }
  .open-mb-nav { width: 1.7rem; }
  /* 모바일 메뉴 로고 사이즈 */
  .mtitle img { width: 14rem; }
}

/* =================== footer =================== */
.banner__btn-wrap { position: relative; }

.banner__btn-wrap button { position: relative; width: 2.3125rem; height: 2.3125rem; margin: 0 0 0 0.1875rem; padding: 0; border: 1px solid #dcdcdc; border-radius: 50%; font-size: 0; }

.banner__btn-wrap button[data-control]:before, .banner__btn-wrap button[data-control]:after { content: ''; position: absolute; top: 0; left: 0; right: 0; bottom: 0; margin: auto; }

.banner__btn-wrap button[data-control="prev"]:before { right: -0.3125rem; border-width: 0 0 0.125rem 0.125rem; -webkit-transform: rotate(45deg); transform: rotate(45deg); width: 0.5625rem; height: 0.5625rem; border-color: #b4b4b4; border-style: solid; }

.banner__btn-wrap button[data-control="next"]:before { left: -0.3125rem; border-width: 0.125rem 0.125rem 0 0; -webkit-transform: rotate(45deg); transform: rotate(45deg); width: 0.5625rem; height: 0.5625rem; border-color: #b4b4b4; border-style: solid; }

.banner__btn-wrap button[data-control="stop"]:before { width: 0.125rem; height: calc(100%/2); -webkit-box-shadow: -0.1875rem 0 #333, 0.1875rem 0 #333; box-shadow: -0.1875rem 0 #333, 0.1875rem 0 #333; }

.banner__btn-wrap button[data-control="stop"]:before { height: 0.875rem; -webkit-box-shadow: -0.1875rem 0 #b4b4b4, 0.1875rem 0 #b4b4b4; box-shadow: -0.1875rem 0 #b4b4b4, 0.1875rem 0 #b4b4b4; }

.banner__btn-wrap button[data-control="play"]:before { right: -0.3125rem; width: 0; height: 0; border-width: 0.625rem 0 0.625rem 0.9375rem; border-style: solid; border-color: transparent transparent transparent #333; }

.banner__btn-wrap button[data-control="play"]:before { right: -0.125rem; border-width: 0.5rem 0 0.5rem 0.6875rem; border-color: transparent transparent transparent #b4b4b4; }

.banner__btn-wrap--start { display: none; }

.banner .inner { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; width: 100%; height: 5.9375rem; overflow: ; }

.banner .inner > div { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; }

.banner__tit { font-size: 1.375rem; font-weight: 500; width: 12%; -ms-flex-negative: 0; flex-shrink: 0; }

.banner__list { margin: 0 0.9375rem; display: -webkit-box; display: -ms-flexbox; display: flex; align-items: center;}

.banner__item { text-align: center; }

.banner__link { display: inline-block; }

.banner__link img { display: inline-block; width: 100%; -o-object-fit: cover; object-fit: cover; text-align: center; }

.footer__btn-wrap { width: 13%; }

.fot-link { height: 4.375rem; background: #641e92; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; height: 4.0625rem; }

.fot-link .flex.inner { width: 100%; width: 1400px; }

.fot-link .flex li + li { margin-left: 0.9375rem; }

.fot-link .flex select { width: 9.25rem; }

.fot-link__list { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: start; -ms-flex-pack: start; justify-content: flex-start; }

.fot-link__item { margin-right: 1rem; }

.fot-link__item:last-of-type a::after { display: none; }

.fot-link__item a { position: relative; display: inline-block; font-size: 1rem; font-weight: 400; color: #fff; }

/* .fot-link__item a:after { content: ""; display: block; right: -1rem; } */

.fot-bot { padding: 2rem 0; }

.fot-bot .inner { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; }

.fot-bot__left ul { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; gap:20px;}

.fot-bot__left .bot {display: inline-block; font-size: 0.9rem; line-height: 1.5; margin-top: 0.9375rem; color: #595959; font-weight: 400;}

.fot-bot__right ul { display: -webkit-box; display: -ms-flexbox; display: flex; }

.fot-bot__right ul li { margin-right: 0.625rem; }

.fot-bot__right ul li select { width: 11.3125rem; height: 2.5rem; line-height: 2.5rem; border: 0.125rem solid #641e92; }

@media (max-width: 1200px) { .fot-bot .inner { -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; }
  .fot-bot__right { margin-top: 20px; }
  .fot-bot img { width: 14rem; }
  .fot-bot .flex-jc-bt { -webkit-box-orient: vertical !important; -webkit-box-direction: normal !important; -ms-flex-direction: column !important; flex-direction: column !important; -webkit-box-align: center; -ms-flex-align: center; align-items: center; }
  .fot-bot .flex-jc-bt .confirem img { width: auto; margin-top: 10px; } }

@media (max-width: 600px) { .banner__tit { -ms-flex-preferred-size: 56px; flex-basis: 56px; }
  .banner__btn-wrap { width: 25%; }
  .fot-link { height: auto; padding: 10px 0; }
  .fot-link__list { -ms-flex-wrap: wrap; flex-wrap: wrap; }
  .fot-link__item:nth-of-type(4) a:after { display: none; }
  .fot-link__item { font-size: 10px; }
  .banner__link img { height: 3rem; }
  .fot-bot .inner { -webkit-box-orient: vertical; -webkit-box-direction: reverse; -ms-flex-direction: column-reverse; flex-direction: column-reverse; }
  .fot-bot__right { margin-top: 0; margin-bottom: 6px; width: 100%; }
  .fot-bot__right ul li { width: 33.3%; }
  .form-input, .form-select { font-size: 12px; font-weight: 600; }
  .fot-bot__left .bot { font-size: 12px; line-height: 1.55; }
  .fot-link__item { margin-right: 5px; margin-bottom: 15px; }
  .fot-link .form-input, .form-select { width: 100% !important; }
  .banner__tit { -ms-flex-preferred-size: 80px; flex-basis: 80px; }
  .fot-link .inner { -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; }
  .fot-bot__left.flex { -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; } }

/* =================== 칼라 =================== */
.c_main { color: #641e92; font-weight: 400; }

.c_red { color: #cc0000 !important; font-weight: 400 !important; }

.c_black { color: #333 !important; font-weight: 400 !important; }

.c_purple{ color: #8000cc !important; font-weight: 400 !important; }

.c_blue { color: #005de2 !important; font-weight: 400 !important; }

.c_green { color: #29747a !important; font-weight: 400 !important; }

.c_yellow { color: #F8AA12 !important; font-weight: 400 !important; }

.c_yellowbrown { color: #A05A00 !important; font-weight: 400 !important; }

/* =================== 그림자 생성 =================== */
.mainContent__mid .row__right ul li a:hover img, .row { -webkit-box-shadow: 0.125rem 0.625rem 0.625rem rgba(0, 0, 0, 0.02); box-shadow: 0.125rem 0.625rem 0.625rem rgba(0, 0, 0, 0.02); }

/* =================== 글씨 밑줄 생성 =================== */
#gnb ul > li > a:hover, .fot-link__item a:hover, .form-group__row dl dd.ffd p a:hover, .mainContent__right .notice__link:hover { text-decoration: underline; text-underline-position: under; }

/* =================== BAR 생성 =================== */
.com-card2 .date li + li:after, .headerTop__right ul li a:after, .fot-link__item a:after { position: absolute; top: 50%; -webkit-transform: translateY(-50%); transform: translateY(-50%); width: 0.0625rem; height: 1rem; background: #fff; }

/* =================== 오른쪽 선택자 생성 =================== */
.next-arr { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; background: #fff; width: 2.3125rem; height: 2.3125rem; margin: 0 0 0 0.1875rem; padding: 0; border: 0.0625rem solid #dcdcdc; border-radius: 50%; font-size: 0; position: absolute; }

.next-arr::after { content: ''; position: absolute; top: 0; left: 0; right: 0; bottom: 0; margin: auto; }

.next-arr::before { position: relative; right: 0.0625rem; content: ''; display: block; border-width: 0.125rem 0.125rem 0 0; -webkit-transform: rotate(45deg); transform: rotate(45deg); width: 0.5625rem; height: 0.5625rem; border-color: #b4b4b4; border-style: solid; }

/* =================== 마우스 호버 이벤트 =================== */
.com-card2, .join-site ul li { position: relative; }

.com-card2:before, .join-site ul li:before, .com-card2:after, .join-site ul li:after { position: absolute; content: ''; display: block; -webkit-transition: -webkit-transform .5s ease; transition: -webkit-transform .5s ease; transition: transform .5s ease; transition: transform .5s ease, -webkit-transform .5s ease; left: 0; right: 0; top: 0; bottom: 0; width: 100%; height: 100%; border-style: solid; border-color: #641e92; -webkit-box-sizing: border-box; box-sizing: border-box; z-index: -1; }

.com-card2:before, .join-site ul li:before { border-width: 0.0625rem 0 0.0625rem 0; -webkit-transform: scaleX(0); transform: scaleX(0); }

.com-card2:after, .join-site ul li:after { border-width: 0 0.0625rem 0 0.0625rem; -webkit-transform: scaleY(0); transform: scaleY(0); }

.com-card2:hover:before, .join-site ul li:hover:before, .com-card2:hover:after, .join-site ul li:hover:after { -webkit-transform: scale(1, 1); transform: scale(1, 1); }

/* =================== animated =================== */
.animated { -webkit-animation-duration: 1s; animation-duration: 1s; -webkit-animation-fill-mode: both; animation-fill-mode: both; }

.animated.hinge { -webkit-animation-duration: 2s; animation-duration: 2s; }

@-webkit-keyframes bounce { 0%, 20%, 50%, 80%, 100% { -webkit-transform: translateY(0);
    transform: translateY(0); }
  40% { -webkit-transform: translateY(-1.875rem);
    transform: translateY(-1.875rem); }
  60% { -webkit-transform: translateY(-0.9375rem);
    transform: translateY(-0.9375rem); } }

@keyframes bounce { 0%, 20%, 50%, 80%, 100% { -webkit-transform: translateY(0);
    transform: translateY(0); }
  40% { -webkit-transform: translateY(-1.875rem);
    transform: translateY(-1.875rem); }
  60% { -webkit-transform: translateY(-0.9375rem);
    transform: translateY(-0.9375rem); } }

.bounce { -webkit-animation-name: bounce; animation-name: bounce; }

@-webkit-keyframes flash { 0%, 50%, 100% { opacity: 1; }
  25%, 75% { opacity: 0; } }

@keyframes flash { 0%, 50%, 100% { opacity: 1; }
  25%, 75% { opacity: 0; } }

.flash { -webkit-animation-name: flash; animation-name: flash; }

/* originally authored by Nick Pettit - https://github.com/nickpettit/glide */
@-webkit-keyframes pulse { 0% { -webkit-transform: scale(1);
    transform: scale(1); }
  50% { -webkit-transform: scale(1.1);
    transform: scale(1.1); }
  100% { -webkit-transform: scale(1);
    transform: scale(1); } }

@keyframes pulse { 0% { -webkit-transform: scale(1);
    transform: scale(1); }
  50% { -webkit-transform: scale(1.1);
    transform: scale(1.1); }
  100% { -webkit-transform: scale(1);
    transform: scale(1); } }

.pulse { -webkit-animation-name: pulse; animation-name: pulse; }

@-webkit-keyframes shake { 0%, 100% { -webkit-transform: translateX(0);
    transform: translateX(0); }
  10%, 30%, 50%, 70%, 90% { -webkit-transform: translateX(-0.625rem);
    transform: translateX(-0.625rem); }
  20%, 40%, 60%, 80% { -webkit-transform: translateX(0.625rem);
    transform: translateX(0.625rem); } }

@keyframes shake { 0%, 100% { -webkit-transform: translateX(0);
    transform: translateX(0); }
  10%, 30%, 50%, 70%, 90% { -webkit-transform: translateX(-0.625rem);
    transform: translateX(-0.625rem); }
  20%, 40%, 60%, 80% { -webkit-transform: translateX(0.625rem);
    transform: translateX(0.625rem); } }

.shake { -webkit-animation-name: shake; animation-name: shake; }

@-webkit-keyframes swing { 20% { -webkit-transform: rotate(15deg);
    transform: rotate(15deg); }
  40% { -webkit-transform: rotate(-10deg);
    transform: rotate(-10deg); }
  60% { -webkit-transform: rotate(5deg);
    transform: rotate(5deg); }
  80% { -webkit-transform: rotate(-5deg);
    transform: rotate(-5deg); }
  100% { -webkit-transform: rotate(0deg);
    transform: rotate(0deg); } }

@keyframes swing { 20% { -webkit-transform: rotate(15deg);
    transform: rotate(15deg); }
  40% { -webkit-transform: rotate(-10deg);
    transform: rotate(-10deg); }
  60% { -webkit-transform: rotate(5deg);
    transform: rotate(5deg); }
  80% { -webkit-transform: rotate(-5deg);
    transform: rotate(-5deg); }
  100% { -webkit-transform: rotate(0deg);
    transform: rotate(0deg); } }

.swing { -webkit-transform-origin: top center; transform-origin: top center; -webkit-animation-name: swing; animation-name: swing; }

@-webkit-keyframes tada { 0% { -webkit-transform: scale(1);
    transform: scale(1); }
  10%, 20% { -webkit-transform: scale(0.9) rotate(-3deg);
    transform: scale(0.9) rotate(-3deg); }
  30%, 50%, 70%, 90% { -webkit-transform: scale(1.1) rotate(3deg);
    transform: scale(1.1) rotate(3deg); }
  40%, 60%, 80% { -webkit-transform: scale(1.1) rotate(-3deg);
    transform: scale(1.1) rotate(-3deg); }
  100% { -webkit-transform: scale(1) rotate(0);
    transform: scale(1) rotate(0); } }

@keyframes tada { 0% { -webkit-transform: scale(1);
    transform: scale(1); }
  10%, 20% { -webkit-transform: scale(0.9) rotate(-3deg);
    transform: scale(0.9) rotate(-3deg); }
  30%, 50%, 70%, 90% { -webkit-transform: scale(1.1) rotate(3deg);
    transform: scale(1.1) rotate(3deg); }
  40%, 60%, 80% { -webkit-transform: scale(1.1) rotate(-3deg);
    transform: scale(1.1) rotate(-3deg); }
  100% { -webkit-transform: scale(1) rotate(0);
    transform: scale(1) rotate(0); } }

.tada { -webkit-animation-name: tada; animation-name: tada; }

/* originally authored by Nick Pettit - https://github.com/nickpettit/glide */
@-webkit-keyframes wobble { 0% { -webkit-transform: translateX(0%);
    transform: translateX(0%); }
  15% { -webkit-transform: translateX(-25%) rotate(-5deg);
    transform: translateX(-25%) rotate(-5deg); }
  30% { -webkit-transform: translateX(20%) rotate(3deg);
    transform: translateX(20%) rotate(3deg); }
  45% { -webkit-transform: translateX(-15%) rotate(-3deg);
    transform: translateX(-15%) rotate(-3deg); }
  60% { -webkit-transform: translateX(10%) rotate(2deg);
    transform: translateX(10%) rotate(2deg); }
  75% { -webkit-transform: translateX(-5%) rotate(-1deg);
    transform: translateX(-5%) rotate(-1deg); }
  100% { -webkit-transform: translateX(0%);
    transform: translateX(0%); } }

@keyframes wobble { 0% { -webkit-transform: translateX(0%);
    transform: translateX(0%); }
  15% { -webkit-transform: translateX(-25%) rotate(-5deg);
    transform: translateX(-25%) rotate(-5deg); }
  30% { -webkit-transform: translateX(20%) rotate(3deg);
    transform: translateX(20%) rotate(3deg); }
  45% { -webkit-transform: translateX(-15%) rotate(-3deg);
    transform: translateX(-15%) rotate(-3deg); }
  60% { -webkit-transform: translateX(10%) rotate(2deg);
    transform: translateX(10%) rotate(2deg); }
  75% { -webkit-transform: translateX(-5%) rotate(-1deg);
    transform: translateX(-5%) rotate(-1deg); }
  100% { -webkit-transform: translateX(0%);
    transform: translateX(0%); } }

.wobble { -webkit-animation-name: wobble; animation-name: wobble; }

@-webkit-keyframes bounceIn { 0% { opacity: 0;
    -webkit-transform: scale(0.3);
    transform: scale(0.3); }
  50% { opacity: 1;
    -webkit-transform: scale(1.05);
    transform: scale(1.05); }
  70% { -webkit-transform: scale(0.9);
    transform: scale(0.9); }
  100% { -webkit-transform: scale(1);
    transform: scale(1); } }

@keyframes bounceIn { 0% { opacity: 0;
    -webkit-transform: scale(0.3);
    transform: scale(0.3); }
  50% { opacity: 1;
    -webkit-transform: scale(1.05);
    transform: scale(1.05); }
  70% { -webkit-transform: scale(0.9);
    transform: scale(0.9); }
  100% { -webkit-transform: scale(1);
    transform: scale(1); } }

.bounceIn { -webkit-animation-name: bounceIn; animation-name: bounceIn; }

@-webkit-keyframes bounceInDown { 0% { opacity: 0;
    -webkit-transform: translateY(-125rem);
    transform: translateY(-125rem); }
  60% { opacity: 1;
    -webkit-transform: translateY(1.875rem);
    transform: translateY(1.875rem); }
  80% { -webkit-transform: translateY(-0.625rem);
    transform: translateY(-0.625rem); }
  100% { -webkit-transform: translateY(0);
    transform: translateY(0); } }

@keyframes bounceInDown { 0% { opacity: 0;
    -webkit-transform: translateY(-125rem);
    transform: translateY(-125rem); }
  60% { opacity: 1;
    -webkit-transform: translateY(1.875rem);
    transform: translateY(1.875rem); }
  80% { -webkit-transform: translateY(-0.625rem);
    transform: translateY(-0.625rem); }
  100% { -webkit-transform: translateY(0);
    transform: translateY(0); } }

.bounceInDown { -webkit-animation-name: bounceInDown; animation-name: bounceInDown; }

@-webkit-keyframes bounceInLeft { 0% { opacity: 0;
    -webkit-transform: translateX(-125rem);
    transform: translateX(-125rem); }
  60% { opacity: 1;
    -webkit-transform: translateX(1.875rem);
    transform: translateX(1.875rem); }
  80% { -webkit-transform: translateX(-0.625rem);
    transform: translateX(-0.625rem); }
  100% { -webkit-transform: translateX(0);
    transform: translateX(0); } }

@keyframes bounceInLeft { 0% { opacity: 0;
    -webkit-transform: translateX(-125rem);
    transform: translateX(-125rem); }
  60% { opacity: 1;
    -webkit-transform: translateX(1.875rem);
    transform: translateX(1.875rem); }
  80% { -webkit-transform: translateX(-0.625rem);
    transform: translateX(-0.625rem); }
  100% { -webkit-transform: translateX(0);
    transform: translateX(0); } }

.bounceInLeft { -webkit-animation-name: bounceInLeft; animation-name: bounceInLeft; }

@-webkit-keyframes bounceInRight { 0% { opacity: 0;
    -webkit-transform: translateX(125rem);
    transform: translateX(125rem); }
  60% { opacity: 1;
    -webkit-transform: translateX(-1.875rem);
    transform: translateX(-1.875rem); }
  80% { -webkit-transform: translateX(0.625rem);
    transform: translateX(0.625rem); }
  100% { -webkit-transform: translateX(0);
    transform: translateX(0); } }

@keyframes bounceInRight { 0% { opacity: 0;
    -webkit-transform: translateX(125rem);
    transform: translateX(125rem); }
  60% { opacity: 1;
    -webkit-transform: translateX(-1.875rem);
    transform: translateX(-1.875rem); }
  80% { -webkit-transform: translateX(0.625rem);
    transform: translateX(0.625rem); }
  100% { -webkit-transform: translateX(0);
    transform: translateX(0); } }

.bounceInRight { -webkit-animation-name: bounceInRight; animation-name: bounceInRight; }

@-webkit-keyframes bounceInUp { 0% { opacity: 0;
    -webkit-transform: translateY(125rem);
    transform: translateY(125rem); }
  60% { opacity: 1;
    -webkit-transform: translateY(-1.875rem);
    transform: translateY(-1.875rem); }
  80% { -webkit-transform: translateY(0.625rem);
    transform: translateY(0.625rem); }
  100% { -webkit-transform: translateY(0);
    transform: translateY(0); } }

@keyframes bounceInUp { 0% { opacity: 0;
    -webkit-transform: translateY(125rem);
    transform: translateY(125rem); }
  60% { opacity: 1;
    -webkit-transform: translateY(-1.875rem);
    transform: translateY(-1.875rem); }
  80% { -webkit-transform: translateY(0.625rem);
    transform: translateY(0.625rem); }
  100% { -webkit-transform: translateY(0);
    transform: translateY(0); } }

.bounceInUp { -webkit-animation-name: bounceInUp; animation-name: bounceInUp; }

@-webkit-keyframes bounceOut { 0% { -webkit-transform: scale(1);
    transform: scale(1); }
  25% { -webkit-transform: scale(0.95);
    transform: scale(0.95); }
  50% { opacity: 1;
    -webkit-transform: scale(1.1);
    transform: scale(1.1); }
  100% { opacity: 0;
    -webkit-transform: scale(0.3);
    transform: scale(0.3); } }

@keyframes bounceOut { 0% { -webkit-transform: scale(1);
    transform: scale(1); }
  25% { -webkit-transform: scale(0.95);
    transform: scale(0.95); }
  50% { opacity: 1;
    -webkit-transform: scale(1.1);
    transform: scale(1.1); }
  100% { opacity: 0;
    -webkit-transform: scale(0.3);
    transform: scale(0.3); } }

.bounceOut { -webkit-animation-name: bounceOut; animation-name: bounceOut; }

@-webkit-keyframes bounceOutDown { 0% { -webkit-transform: translateY(0);
    transform: translateY(0); }
  20% { opacity: 1;
    -webkit-transform: translateY(-1.25rem);
    transform: translateY(-1.25rem); }
  100% { opacity: 0;
    -webkit-transform: translateY(125rem);
    transform: translateY(125rem); } }

@keyframes bounceOutDown { 0% { -webkit-transform: translateY(0);
    transform: translateY(0); }
  20% { opacity: 1;
    -webkit-transform: translateY(-1.25rem);
    transform: translateY(-1.25rem); }
  100% { opacity: 0;
    -webkit-transform: translateY(125rem);
    transform: translateY(125rem); } }

.bounceOutDown { -webkit-animation-name: bounceOutDown; animation-name: bounceOutDown; }

@-webkit-keyframes bounceOutLeft { 0% { -webkit-transform: translateX(0);
    transform: translateX(0); }
  20% { opacity: 1;
    -webkit-transform: translateX(1.25rem);
    transform: translateX(1.25rem); }
  100% { opacity: 0;
    -webkit-transform: translateX(-125rem);
    transform: translateX(-125rem); } }

@keyframes bounceOutLeft { 0% { -webkit-transform: translateX(0);
    transform: translateX(0); }
  20% { opacity: 1;
    -webkit-transform: translateX(1.25rem);
    transform: translateX(1.25rem); }
  100% { opacity: 0;
    -webkit-transform: translateX(-125rem);
    transform: translateX(-125rem); } }

.bounceOutLeft { -webkit-animation-name: bounceOutLeft; animation-name: bounceOutLeft; }

@-webkit-keyframes bounceOutRight { 0% { -webkit-transform: translateX(0);
    transform: translateX(0); }
  20% { opacity: 1;
    -webkit-transform: translateX(-1.25rem);
    transform: translateX(-1.25rem); }
  100% { opacity: 0;
    -webkit-transform: translateX(125rem);
    transform: translateX(125rem); } }

@keyframes bounceOutRight { 0% { -webkit-transform: translateX(0);
    transform: translateX(0); }
  20% { opacity: 1;
    -webkit-transform: translateX(-1.25rem);
    transform: translateX(-1.25rem); }
  100% { opacity: 0;
    -webkit-transform: translateX(125rem);
    transform: translateX(125rem); } }

.bounceOutRight { -webkit-animation-name: bounceOutRight; animation-name: bounceOutRight; }

@-webkit-keyframes bounceOutUp { 0% { -webkit-transform: translateY(0);
    transform: translateY(0); }
  20% { opacity: 1;
    -webkit-transform: translateY(1.25rem);
    transform: translateY(1.25rem); }
  100% { opacity: 0;
    -webkit-transform: translateY(-125rem);
    transform: translateY(-125rem); } }

@keyframes bounceOutUp { 0% { -webkit-transform: translateY(0);
    transform: translateY(0); }
  20% { opacity: 1;
    -webkit-transform: translateY(1.25rem);
    transform: translateY(1.25rem); }
  100% { opacity: 0;
    -webkit-transform: translateY(-125rem);
    transform: translateY(-125rem); } }

.bounceOutUp { -webkit-animation-name: bounceOutUp; animation-name: bounceOutUp; }

@-webkit-keyframes fadeIn { 0% { opacity: 0; }
  100% { opacity: 1; } }

@keyframes fadeIn { 0% { opacity: 0; }
  100% { opacity: 1; } }

.fadeIn { -webkit-animation-name: fadeIn; animation-name: fadeIn; }

@-webkit-keyframes fadeInDown { 0% { opacity: 0;
    -webkit-transform: translateY(-1.25rem);
    transform: translateY(-1.25rem); }
  100% { opacity: 1;
    -webkit-transform: translateY(0);
    transform: translateY(0); } }

@keyframes fadeInDown { 0% { opacity: 0;
    -webkit-transform: translateY(-1.25rem);
    transform: translateY(-1.25rem); }
  100% { opacity: 1;
    -webkit-transform: translateY(0);
    transform: translateY(0); } }

.fadeInDown { -webkit-animation-name: fadeInDown; animation-name: fadeInDown; }

@-webkit-keyframes fadeInDownBig { 0% { opacity: 0;
    -webkit-transform: translateY(-125rem);
    transform: translateY(-125rem); }
  100% { opacity: 1;
    -webkit-transform: translateY(0);
    transform: translateY(0); } }

@keyframes fadeInDownBig { 0% { opacity: 0;
    -webkit-transform: translateY(-125rem);
    transform: translateY(-125rem); }
  100% { opacity: 1;
    -webkit-transform: translateY(0);
    transform: translateY(0); } }

.fadeInDownBig { -webkit-animation-name: fadeInDownBig; animation-name: fadeInDownBig; }

@-webkit-keyframes fadeInLeft { 0% { opacity: 0;
    -webkit-transform: translateX(-1.25rem);
    transform: translateX(-1.25rem); }
  100% { opacity: 1;
    -webkit-transform: translateX(0);
    transform: translateX(0); } }

@keyframes fadeInLeft { 0% { opacity: 0;
    -webkit-transform: translateX(-1.25rem);
    transform: translateX(-1.25rem); }
  100% { opacity: 1;
    -webkit-transform: translateX(0);
    transform: translateX(0); } }

.fadeInLeft { -webkit-animation-name: fadeInLeft; animation-name: fadeInLeft; }

@-webkit-keyframes fadeInLeftBig { 0% { opacity: 0;
    -webkit-transform: translateX(-125rem);
    transform: translateX(-125rem); }
  100% { opacity: 1;
    -webkit-transform: translateX(0);
    transform: translateX(0); } }

@keyframes fadeInLeftBig { 0% { opacity: 0;
    -webkit-transform: translateX(-125rem);
    transform: translateX(-125rem); }
  100% { opacity: 1;
    -webkit-transform: translateX(0);
    transform: translateX(0); } }

.fadeInLeftBig { -webkit-animation-name: fadeInLeftBig; animation-name: fadeInLeftBig; }

@-webkit-keyframes fadeInRight { 0% { opacity: 0;
    -webkit-transform: translateX(6.25rem);
    transform: translateX(6.25rem); }
  100% { opacity: 1;
    -webkit-transform: translateX(0);
    transform: translateX(0); } }

@keyframes fadeInRight { 0% { opacity: 0;
    -webkit-transform: translateX(1.25rem);
    transform: translateX(1.25rem); }
  100% { opacity: 1;
    -webkit-transform: translateX(0);
    transform: translateX(0); } }

.fadeInRight { -webkit-animation-name: fadeInRight; animation-name: fadeInRight; }

@-webkit-keyframes fadeInRightBig { 0% { opacity: 0;
    -webkit-transform: translateX(125rem);
    transform: translateX(125rem); }
  100% { opacity: 1;
    -webkit-transform: translateX(0);
    transform: translateX(0); } }

@keyframes fadeInRightBig { 0% { opacity: 0;
    -webkit-transform: translateX(125rem);
    transform: translateX(125rem); }
  100% { opacity: 1;
    -webkit-transform: translateX(0);
    transform: translateX(0); } }

.fadeInRightBig { -webkit-animation-name: fadeInRightBig; animation-name: fadeInRightBig; }

@-webkit-keyframes fadeInUp { 0% { opacity: 0;
    -webkit-transform: translateY(1.25rem);
    transform: translateY(1.25rem); }
  100% { opacity: 1;
    -webkit-transform: translateY(0);
    transform: translateY(0); } }

@keyframes fadeInUp { 0% { opacity: 0;
    -webkit-transform: translateY(3.875rem);
    transform: translateY(3.875rem); }
  100% { opacity: 1;
    -webkit-transform: translateY(0);
    transform: translateY(0); } }

.fadeInUp { -webkit-animation-name: fadeInUp; animation-name: fadeInUp; }

@-webkit-keyframes fadeInUpBig { 0% { opacity: 0;
    -webkit-transform: translateY(125rem);
    transform: translateY(125rem); }
  100% { opacity: 1;
    -webkit-transform: translateY(0);
    transform: translateY(0); } }

@keyframes fadeInUpBig { 0% { opacity: 0;
    -webkit-transform: translateY(125rem);
    transform: translateY(125rem); }
  100% { opacity: 1;
    -webkit-transform: translateY(0);
    transform: translateY(0); } }

.fadeInUpBig { -webkit-animation-name: fadeInUpBig; animation-name: fadeInUpBig; }

@-webkit-keyframes fadeOut { 0% { opacity: 1; }
  100% { opacity: 0; } }

@keyframes fadeOut { 0% { opacity: 1; }
  100% { opacity: 0; } }

.fadeOut { -webkit-animation-name: fadeOut; animation-name: fadeOut; }

@-webkit-keyframes fadeOutDown { 0% { opacity: 1;
    -webkit-transform: translateY(0);
    transform: translateY(0); }
  100% { opacity: 0;
    -webkit-transform: translateY(1.25rem);
    transform: translateY(1.25rem); } }

@keyframes fadeOutDown { 0% { opacity: 1;
    -webkit-transform: translateY(0);
    transform: translateY(0); }
  100% { opacity: 0;
    -webkit-transform: translateY(1.25rem);
    transform: translateY(1.25rem); } }

.fadeOutDown { -webkit-animation-name: fadeOutDown; animation-name: fadeOutDown; }

@-webkit-keyframes fadeOutDownBig { 0% { opacity: 1;
    -webkit-transform: translateY(0);
    transform: translateY(0); }
  100% { opacity: 0;
    -webkit-transform: translateY(125rem);
    transform: translateY(125rem); } }

@keyframes fadeOutDownBig { 0% { opacity: 1;
    -webkit-transform: translateY(0);
    transform: translateY(0); }
  100% { opacity: 0;
    -webkit-transform: translateY(125rem);
    transform: translateY(125rem); } }

.fadeOutDownBig { -webkit-animation-name: fadeOutDownBig; animation-name: fadeOutDownBig; }

@-webkit-keyframes fadeOutLeft { 0% { opacity: 1;
    -webkit-transform: translateX(0);
    transform: translateX(0); }
  100% { opacity: 0;
    -webkit-transform: translateX(-1.25rem);
    transform: translateX(-1.25rem); } }

@keyframes fadeOutLeft { 0% { opacity: 1;
    -webkit-transform: translateX(0);
    transform: translateX(0); }
  100% { opacity: 0;
    -webkit-transform: translateX(-1.25rem);
    transform: translateX(-1.25rem); } }

.fadeOutLeft { -webkit-animation-name: fadeOutLeft; animation-name: fadeOutLeft; }

@-webkit-keyframes fadeOutLeftBig { 0% { opacity: 1;
    -webkit-transform: translateX(0);
    transform: translateX(0); }
  100% { opacity: 0;
    -webkit-transform: translateX(-125rem);
    transform: translateX(-125rem); } }

@keyframes fadeOutLeftBig { 0% { opacity: 1;
    -webkit-transform: translateX(0);
    transform: translateX(0); }
  100% { opacity: 0;
    -webkit-transform: translateX(-125rem);
    transform: translateX(-125rem); } }

.fadeOutLeftBig { -webkit-animation-name: fadeOutLeftBig; animation-name: fadeOutLeftBig; }

@-webkit-keyframes fadeOutRight { 0% { opacity: 1;
    -webkit-transform: translateX(0);
    transform: translateX(0); }
  100% { opacity: 0;
    -webkit-transform: translateX(1.25rem);
    transform: translateX(1.25rem); } }

@keyframes fadeOutRight { 0% { opacity: 1;
    -webkit-transform: translateX(0);
    transform: translateX(0); }
  100% { opacity: 0;
    -webkit-transform: translateX(1.25rem);
    transform: translateX(1.25rem); } }

.fadeOutRight { -webkit-animation-name: fadeOutRight; animation-name: fadeOutRight; }

@-webkit-keyframes fadeOutRightBig { 0% { opacity: 1;
    -webkit-transform: translateX(0);
    transform: translateX(0); }
  100% { opacity: 0;
    -webkit-transform: translateX(125rem);
    transform: translateX(125rem); } }

@keyframes fadeOutRightBig { 0% { opacity: 1;
    -webkit-transform: translateX(0);
    transform: translateX(0); }
  100% { opacity: 0;
    -webkit-transform: translateX(125rem);
    transform: translateX(125rem); } }

.fadeOutRightBig { -webkit-animation-name: fadeOutRightBig; animation-name: fadeOutRightBig; }

@-webkit-keyframes fadeOutUp { 0% { opacity: 1;
    -webkit-transform: translateY(0);
    transform: translateY(0); }
  100% { opacity: 0;
    -webkit-transform: translateY(-1.25rem);
    transform: translateY(-1.25rem); } }

@keyframes fadeOutUp { 0% { opacity: 1;
    -webkit-transform: translateY(0);
    transform: translateY(0); }
  100% { opacity: 0;
    -webkit-transform: translateY(-1.25rem);
    transform: translateY(-1.25rem); } }

.fadeOutUp { -webkit-animation-name: fadeOutUp; animation-name: fadeOutUp; }

@-webkit-keyframes fadeOutUpBig { 0% { opacity: 1;
    -webkit-transform: translateY(0);
    transform: translateY(0); }
  100% { opacity: 0;
    -webkit-transform: translateY(-125rem);
    transform: translateY(-125rem); } }

@keyframes fadeOutUpBig { 0% { opacity: 1;
    -webkit-transform: translateY(0);
    transform: translateY(0); }
  100% { opacity: 0;
    -webkit-transform: translateY(-125rem);
    transform: translateY(-125rem); } }

.fadeOutUpBig { -webkit-animation-name: fadeOutUpBig; animation-name: fadeOutUpBig; }

@-webkit-keyframes flip { 0% { -webkit-transform: perspective(25rem) translateZ(0) rotateY(0) scale(1);
    transform: perspective(25rem) translateZ(0) rotateY(0) scale(1);
    -webkit-animation-timing-function: ease-out;
    animation-timing-function: ease-out; }
  40% { -webkit-transform: perspective(25rem) translateZ(9.375rem) rotateY(170deg) scale(1);
    transform: perspective(25rem) translateZ(9.375rem) rotateY(170deg) scale(1);
    -webkit-animation-timing-function: ease-out;
    animation-timing-function: ease-out; }
  50% { -webkit-transform: perspective(25rem) translateZ(9.375rem) rotateY(190deg) scale(1);
    transform: perspective(25rem) translateZ(9.375rem) rotateY(190deg) scale(1);
    -webkit-animation-timing-function: ease-in;
    animation-timing-function: ease-in; }
  80% { -webkit-transform: perspective(25rem) translateZ(0) rotateY(360deg) scale(0.95);
    transform: perspective(25rem) translateZ(0) rotateY(360deg) scale(0.95);
    -webkit-animation-timing-function: ease-in;
    animation-timing-function: ease-in; }
  100% { -webkit-transform: perspective(25rem) translateZ(0) rotateY(360deg) scale(1);
    transform: perspective(25rem) translateZ(0) rotateY(360deg) scale(1);
    -webkit-animation-timing-function: ease-in;
    animation-timing-function: ease-in; } }

@keyframes flip { 0% { -webkit-transform: perspective(25rem) translateZ(0) rotateY(0) scale(1);
    transform: perspective(25rem) translateZ(0) rotateY(0) scale(1);
    -webkit-animation-timing-function: ease-out;
    animation-timing-function: ease-out; }
  40% { -webkit-transform: perspective(25rem) translateZ(9.375rem) rotateY(170deg) scale(1);
    transform: perspective(25rem) translateZ(9.375rem) rotateY(170deg) scale(1);
    -webkit-animation-timing-function: ease-out;
    animation-timing-function: ease-out; }
  50% { -webkit-transform: perspective(25rem) translateZ(9.375rem) rotateY(190deg) scale(1);
    transform: perspective(25rem) translateZ(9.375rem) rotateY(190deg) scale(1);
    -webkit-animation-timing-function: ease-in;
    animation-timing-function: ease-in; }
  80% { -webkit-transform: perspective(25rem) translateZ(0) rotateY(360deg) scale(0.95);
    transform: perspective(25rem) translateZ(0) rotateY(360deg) scale(0.95);
    -webkit-animation-timing-function: ease-in;
    animation-timing-function: ease-in; }
  100% { -webkit-transform: perspective(25rem) translateZ(0) rotateY(360deg) scale(1);
    transform: perspective(25rem) translateZ(0) rotateY(360deg) scale(1);
    -webkit-animation-timing-function: ease-in;
    animation-timing-function: ease-in; } }

.animated.flip { -webkit-backface-visibility: visible; backface-visibility: visible; -webkit-animation-name: flip; animation-name: flip; }

@-webkit-keyframes flipInX { 0% { -webkit-transform: perspective(25rem) rotateX(90deg);
    transform: perspective(25rem) rotateX(90deg);
    opacity: 0; }
  40% { -webkit-transform: perspective(25rem) rotateX(-10deg);
    transform: perspective(25rem) rotateX(-10deg); }
  70% { -webkit-transform: perspective(25rem) rotateX(10deg);
    transform: perspective(25rem) rotateX(10deg); }
  100% { -webkit-transform: perspective(25rem) rotateX(0deg);
    transform: perspective(25rem) rotateX(0deg);
    opacity: 1; } }

@keyframes flipInX { 0% { -webkit-transform: perspective(25rem) rotateX(90deg);
    transform: perspective(25rem) rotateX(90deg);
    opacity: 0; }
  40% { -webkit-transform: perspective(25rem) rotateX(-10deg);
    transform: perspective(25rem) rotateX(-10deg); }
  70% { -webkit-transform: perspective(25rem) rotateX(10deg);
    transform: perspective(25rem) rotateX(10deg); }
  100% { -webkit-transform: perspective(25rem) rotateX(0deg);
    transform: perspective(25rem) rotateX(0deg);
    opacity: 1; } }

.flipInX { -webkit-backface-visibility: visible !important; backface-visibility: visible !important; -webkit-animation-name: flipInX; animation-name: flipInX; }

@-webkit-keyframes flipInY { 0% { -webkit-transform: perspective(25rem) rotateY(90deg);
    transform: perspective(25rem) rotateY(90deg);
    opacity: 0; }
  40% { -webkit-transform: perspective(25rem) rotateY(-10deg);
    transform: perspective(25rem) rotateY(-10deg); }
  70% { -webkit-transform: perspective(25rem) rotateY(10deg);
    transform: perspective(25rem) rotateY(10deg); }
  100% { -webkit-transform: perspective(25rem) rotateY(0deg);
    transform: perspective(25rem) rotateY(0deg);
    opacity: 1; } }

@keyframes flipInY { 0% { -webkit-transform: perspective(25rem) rotateY(90deg);
    transform: perspective(25rem) rotateY(90deg);
    opacity: 0; }
  40% { -webkit-transform: perspective(25rem) rotateY(-10deg);
    transform: perspective(25rem) rotateY(-10deg); }
  70% { -webkit-transform: perspective(25rem) rotateY(10deg);
    transform: perspective(25rem) rotateY(10deg); }
  100% { -webkit-transform: perspective(25rem) rotateY(0deg);
    transform: perspective(25rem) rotateY(0deg);
    opacity: 1; } }

.flipInY { -webkit-backface-visibility: visible !important; backface-visibility: visible !important; -webkit-animation-name: flipInY; animation-name: flipInY; }

@-webkit-keyframes flipOutX { 0% { -webkit-transform: perspective(25rem) rotateX(0deg);
    transform: perspective(25rem) rotateX(0deg);
    opacity: 1; }
  100% { -webkit-transform: perspective(25rem) rotateX(90deg);
    transform: perspective(25rem) rotateX(90deg);
    opacity: 0; } }

@keyframes flipOutX { 0% { -webkit-transform: perspective(25rem) rotateX(0deg);
    transform: perspective(25rem) rotateX(0deg);
    opacity: 1; }
  100% { -webkit-transform: perspective(25rem) rotateX(90deg);
    transform: perspective(25rem) rotateX(90deg);
    opacity: 0; } }

.flipOutX { -webkit-animation-name: flipOutX; animation-name: flipOutX; -webkit-backface-visibility: visible !important; backface-visibility: visible !important; }

@-webkit-keyframes flipOutY { 0% { -webkit-transform: perspective(25rem) rotateY(0deg);
    transform: perspective(25rem) rotateY(0deg);
    opacity: 1; }
  100% { -webkit-transform: perspective(25rem) rotateY(90deg);
    transform: perspective(25rem) rotateY(90deg);
    opacity: 0; } }

@keyframes flipOutY { 0% { -webkit-transform: perspective(25rem) rotateY(0deg);
    transform: perspective(25rem) rotateY(0deg);
    opacity: 1; }
  100% { -webkit-transform: perspective(25rem) rotateY(90deg);
    transform: perspective(25rem) rotateY(90deg);
    opacity: 0; } }

.flipOutY { -webkit-backface-visibility: visible !important; backface-visibility: visible !important; -webkit-animation-name: flipOutY; animation-name: flipOutY; }

@-webkit-keyframes lightSpeedIn { 0% { -webkit-transform: translateX(100%) skewX(-30deg);
    transform: translateX(100%) skewX(-30deg);
    opacity: 0; }
  60% { -webkit-transform: translateX(-20%) skewX(30deg);
    transform: translateX(-20%) skewX(30deg);
    opacity: 1; }
  80% { -webkit-transform: translateX(0%) skewX(-15deg);
    transform: translateX(0%) skewX(-15deg);
    opacity: 1; }
  100% { -webkit-transform: translateX(0%) skewX(0deg);
    transform: translateX(0%) skewX(0deg);
    opacity: 1; } }

@keyframes lightSpeedIn { 0% { -webkit-transform: translateX(100%) skewX(-30deg);
    transform: translateX(100%) skewX(-30deg);
    opacity: 0; }
  60% { -webkit-transform: translateX(-20%) skewX(30deg);
    transform: translateX(-20%) skewX(30deg);
    opacity: 1; }
  80% { -webkit-transform: translateX(0%) skewX(-15deg);
    transform: translateX(0%) skewX(-15deg);
    opacity: 1; }
  100% { -webkit-transform: translateX(0%) skewX(0deg);
    transform: translateX(0%) skewX(0deg);
    opacity: 1; } }

.lightSpeedIn { -webkit-animation-name: lightSpeedIn; animation-name: lightSpeedIn; -webkit-animation-timing-function: ease-out; animation-timing-function: ease-out; }

@-webkit-keyframes lightSpeedOut { 0% { -webkit-transform: translateX(0%) skewX(0deg);
    transform: translateX(0%) skewX(0deg);
    opacity: 1; }
  100% { -webkit-transform: translateX(100%) skewX(-30deg);
    transform: translateX(100%) skewX(-30deg);
    opacity: 0; } }

@keyframes lightSpeedOut { 0% { -webkit-transform: translateX(0%) skewX(0deg);
    transform: translateX(0%) skewX(0deg);
    opacity: 1; }
  100% { -webkit-transform: translateX(100%) skewX(-30deg);
    transform: translateX(100%) skewX(-30deg);
    opacity: 0; } }

.lightSpeedOut { -webkit-animation-name: lightSpeedOut; animation-name: lightSpeedOut; -webkit-animation-timing-function: ease-in; animation-timing-function: ease-in; }

@-webkit-keyframes rotateIn { 0% { -webkit-transform-origin: center center;
    transform-origin: center center;
    -webkit-transform: rotate(-200deg);
    transform: rotate(-200deg);
    opacity: 0; }
  100% { -webkit-transform-origin: center center;
    transform-origin: center center;
    -webkit-transform: rotate(0);
    transform: rotate(0);
    opacity: 1; } }

@keyframes rotateIn { 0% { -webkit-transform-origin: center center;
    transform-origin: center center;
    -webkit-transform: rotate(-200deg);
    transform: rotate(-200deg);
    opacity: 0; }
  100% { -webkit-transform-origin: center center;
    transform-origin: center center;
    -webkit-transform: rotate(0);
    transform: rotate(0);
    opacity: 1; } }

.rotateIn { -webkit-animation-name: rotateIn; animation-name: rotateIn; }

@-webkit-keyframes rotateInDownLeft { 0% { -webkit-transform-origin: left bottom;
    transform-origin: left bottom;
    -webkit-transform: rotate(-90deg);
    transform: rotate(-90deg);
    opacity: 0; }
  100% { -webkit-transform-origin: left bottom;
    transform-origin: left bottom;
    -webkit-transform: rotate(0);
    transform: rotate(0);
    opacity: 1; } }

@keyframes rotateInDownLeft { 0% { -webkit-transform-origin: left bottom;
    transform-origin: left bottom;
    -webkit-transform: rotate(-90deg);
    transform: rotate(-90deg);
    opacity: 0; }
  100% { -webkit-transform-origin: left bottom;
    transform-origin: left bottom;
    -webkit-transform: rotate(0);
    transform: rotate(0);
    opacity: 1; } }

.rotateInDownLeft { -webkit-animation-name: rotateInDownLeft; animation-name: rotateInDownLeft; }

@-webkit-keyframes rotateInDownRight { 0% { -webkit-transform-origin: right bottom;
    transform-origin: right bottom;
    -webkit-transform: rotate(90deg);
    transform: rotate(90deg);
    opacity: 0; }
  100% { -webkit-transform-origin: right bottom;
    transform-origin: right bottom;
    -webkit-transform: rotate(0);
    transform: rotate(0);
    opacity: 1; } }

@keyframes rotateInDownRight { 0% { -webkit-transform-origin: right bottom;
    transform-origin: right bottom;
    -webkit-transform: rotate(90deg);
    transform: rotate(90deg);
    opacity: 0; }
  100% { -webkit-transform-origin: right bottom;
    transform-origin: right bottom;
    -webkit-transform: rotate(0);
    transform: rotate(0);
    opacity: 1; } }

.rotateInDownRight { -webkit-animation-name: rotateInDownRight; animation-name: rotateInDownRight; }

@-webkit-keyframes rotateInUpLeft { 0% { -webkit-transform-origin: left bottom;
    transform-origin: left bottom;
    -webkit-transform: rotate(90deg);
    transform: rotate(90deg);
    opacity: 0; }
  100% { -webkit-transform-origin: left bottom;
    transform-origin: left bottom;
    -webkit-transform: rotate(0);
    transform: rotate(0);
    opacity: 1; } }

@keyframes rotateInUpLeft { 0% { -webkit-transform-origin: left bottom;
    transform-origin: left bottom;
    -webkit-transform: rotate(90deg);
    transform: rotate(90deg);
    opacity: 0; }
  100% { -webkit-transform-origin: left bottom;
    transform-origin: left bottom;
    -webkit-transform: rotate(0);
    transform: rotate(0);
    opacity: 1; } }

.rotateInUpLeft { -webkit-animation-name: rotateInUpLeft; animation-name: rotateInUpLeft; }

@-webkit-keyframes rotateInUpRight { 0% { -webkit-transform-origin: right bottom;
    transform-origin: right bottom;
    -webkit-transform: rotate(-90deg);
    transform: rotate(-90deg);
    opacity: 0; }
  100% { -webkit-transform-origin: right bottom;
    transform-origin: right bottom;
    -webkit-transform: rotate(0);
    transform: rotate(0);
    opacity: 1; } }

@keyframes rotateInUpRight { 0% { -webkit-transform-origin: right bottom;
    transform-origin: right bottom;
    -webkit-transform: rotate(-90deg);
    transform: rotate(-90deg);
    opacity: 0; }
  100% { -webkit-transform-origin: right bottom;
    transform-origin: right bottom;
    -webkit-transform: rotate(0);
    transform: rotate(0);
    opacity: 1; } }

.rotateInUpRight { -webkit-animation-name: rotateInUpRight; animation-name: rotateInUpRight; }

@-webkit-keyframes rotateOut { 0% { -webkit-transform-origin: center center;
    transform-origin: center center;
    -webkit-transform: rotate(0);
    transform: rotate(0);
    opacity: 1; }
  100% { -webkit-transform-origin: center center;
    transform-origin: center center;
    -webkit-transform: rotate(200deg);
    transform: rotate(200deg);
    opacity: 0; } }

@keyframes rotateOut { 0% { -webkit-transform-origin: center center;
    transform-origin: center center;
    -webkit-transform: rotate(0);
    transform: rotate(0);
    opacity: 1; }
  100% { -webkit-transform-origin: center center;
    transform-origin: center center;
    -webkit-transform: rotate(200deg);
    transform: rotate(200deg);
    opacity: 0; } }

.rotateOut { -webkit-animation-name: rotateOut; animation-name: rotateOut; }

@-webkit-keyframes rotateOutDownLeft { 0% { -webkit-transform-origin: left bottom;
    transform-origin: left bottom;
    -webkit-transform: rotate(0);
    transform: rotate(0);
    opacity: 1; }
  100% { -webkit-transform-origin: left bottom;
    transform-origin: left bottom;
    -webkit-transform: rotate(90deg);
    transform: rotate(90deg);
    opacity: 0; } }

@keyframes rotateOutDownLeft { 0% { -webkit-transform-origin: left bottom;
    transform-origin: left bottom;
    -webkit-transform: rotate(0);
    transform: rotate(0);
    opacity: 1; }
  100% { -webkit-transform-origin: left bottom;
    transform-origin: left bottom;
    -webkit-transform: rotate(90deg);
    transform: rotate(90deg);
    opacity: 0; } }

.rotateOutDownLeft { -webkit-animation-name: rotateOutDownLeft; animation-name: rotateOutDownLeft; }

@-webkit-keyframes rotateOutDownRight { 0% { -webkit-transform-origin: right bottom;
    transform-origin: right bottom;
    -webkit-transform: rotate(0);
    transform: rotate(0);
    opacity: 1; }
  100% { -webkit-transform-origin: right bottom;
    transform-origin: right bottom;
    -webkit-transform: rotate(-90deg);
    transform: rotate(-90deg);
    opacity: 0; } }

@keyframes rotateOutDownRight { 0% { -webkit-transform-origin: right bottom;
    transform-origin: right bottom;
    -webkit-transform: rotate(0);
    transform: rotate(0);
    opacity: 1; }
  100% { -webkit-transform-origin: right bottom;
    transform-origin: right bottom;
    -webkit-transform: rotate(-90deg);
    transform: rotate(-90deg);
    opacity: 0; } }

.rotateOutDownRight { -webkit-animation-name: rotateOutDownRight; animation-name: rotateOutDownRight; }

@-webkit-keyframes rotateOutUpLeft { 0% { -webkit-transform-origin: left bottom;
    transform-origin: left bottom;
    -webkit-transform: rotate(0);
    transform: rotate(0);
    opacity: 1; }
  100% { -webkit-transform-origin: left bottom;
    transform-origin: left bottom;
    -webkit-transform: rotate(-90deg);
    transform: rotate(-90deg);
    opacity: 0; } }

@keyframes rotateOutUpLeft { 0% { -webkit-transform-origin: left bottom;
    transform-origin: left bottom;
    -webkit-transform: rotate(0);
    transform: rotate(0);
    opacity: 1; }
  100% { -webkit-transform-origin: left bottom;
    transform-origin: left bottom;
    -webkit-transform: rotate(-90deg);
    transform: rotate(-90deg);
    opacity: 0; } }

.rotateOutUpLeft { -webkit-animation-name: rotateOutUpLeft; animation-name: rotateOutUpLeft; }

@-webkit-keyframes rotateOutUpRight { 0% { -webkit-transform-origin: right bottom;
    transform-origin: right bottom;
    -webkit-transform: rotate(0);
    transform: rotate(0);
    opacity: 1; }
  100% { -webkit-transform-origin: right bottom;
    transform-origin: right bottom;
    -webkit-transform: rotate(90deg);
    transform: rotate(90deg);
    opacity: 0; } }

@keyframes rotateOutUpRight { 0% { -webkit-transform-origin: right bottom;
    transform-origin: right bottom;
    -webkit-transform: rotate(0);
    transform: rotate(0);
    opacity: 1; }
  100% { -webkit-transform-origin: right bottom;
    transform-origin: right bottom;
    -webkit-transform: rotate(90deg);
    transform: rotate(90deg);
    opacity: 0; } }

.rotateOutUpRight { -webkit-animation-name: rotateOutUpRight; animation-name: rotateOutUpRight; }

@-webkit-keyframes slideInDown { 0% { opacity: 0;
    -webkit-transform: translateY(-125rem);
    transform: translateY(-125rem); }
  100% { -webkit-transform: translateY(0);
    transform: translateY(0); } }

@keyframes slideInDown { 0% { opacity: 0;
    -webkit-transform: translateY(-125rem);
    transform: translateY(-125rem); }
  100% { -webkit-transform: translateY(0);
    transform: translateY(0); } }

.slideInDown { -webkit-animation-name: slideInDown; animation-name: slideInDown; }

@-webkit-keyframes slideInLeft { 0% { opacity: 0;
    -webkit-transform: translateX(-125rem);
    transform: translateX(-125rem); }
  100% { -webkit-transform: translateX(0);
    transform: translateX(0); } }

@keyframes slideInLeft { 0% { opacity: 0;
    -webkit-transform: translateX(-125rem);
    transform: translateX(-125rem); }
  100% { -webkit-transform: translateX(0);
    transform: translateX(0); } }

.slideInLeft { -webkit-animation-name: slideInLeft; animation-name: slideInLeft; }

@-webkit-keyframes slideInRight { 0% { opacity: 0;
    -webkit-transform: translateX(125rem);
    transform: translateX(125rem); }
  100% { -webkit-transform: translateX(0);
    transform: translateX(0); } }

@keyframes slideInRight { 0% { opacity: 0;
    -webkit-transform: translateX(125rem);
    transform: translateX(125rem); }
  100% { -webkit-transform: translateX(0);
    transform: translateX(0); } }

.slideInRight { -webkit-animation-name: slideInRight; animation-name: slideInRight; }

@-webkit-keyframes slideOutLeft { 0% { -webkit-transform: translateX(0);
    transform: translateX(0); }
  100% { opacity: 0;
    -webkit-transform: translateX(-125rem);
    transform: translateX(-125rem); } }

@keyframes slideOutLeft { 0% { -webkit-transform: translateX(0);
    transform: translateX(0); }
  100% { opacity: 0;
    -webkit-transform: translateX(-125rem);
    transform: translateX(-125rem); } }

.slideOutLeft { -webkit-animation-name: slideOutLeft; animation-name: slideOutLeft; }

@-webkit-keyframes slideOutRight { 0% { -webkit-transform: translateX(0);
    transform: translateX(0); }
  100% { opacity: 0;
    -webkit-transform: translateX(125rem);
    transform: translateX(125rem); } }

@keyframes slideOutRight { 0% { -webkit-transform: translateX(0);
    transform: translateX(0); }
  100% { opacity: 0;
    -webkit-transform: translateX(125rem);
    transform: translateX(125rem); } }

.slideOutRight { -webkit-animation-name: slideOutRight; animation-name: slideOutRight; }

@-webkit-keyframes slideOutUp { 0% { -webkit-transform: translateY(0);
    transform: translateY(0); }
  100% { opacity: 0;
    -webkit-transform: translateY(-125rem);
    transform: translateY(-125rem); } }

@keyframes slideOutUp { 0% { -webkit-transform: translateY(0);
    transform: translateY(0); }
  100% { opacity: 0;
    -webkit-transform: translateY(-125rem);
    transform: translateY(-125rem); } }

.slideOutUp { -webkit-animation-name: slideOutUp; animation-name: slideOutUp; }

@-webkit-keyframes hinge { 0% { -webkit-transform: rotate(0);
    transform: rotate(0);
    -webkit-transform-origin: top left;
    transform-origin: top left;
    -webkit-animation-timing-function: ease-in-out;
    animation-timing-function: ease-in-out; }
  20%, 60% { -webkit-transform: rotate(80deg);
    transform: rotate(80deg);
    -webkit-transform-origin: top left;
    transform-origin: top left;
    -webkit-animation-timing-function: ease-in-out;
    animation-timing-function: ease-in-out; }
  40% { -webkit-transform: rotate(60deg);
    transform: rotate(60deg);
    -webkit-transform-origin: top left;
    transform-origin: top left;
    -webkit-animation-timing-function: ease-in-out;
    animation-timing-function: ease-in-out; }
  80% { -webkit-transform: rotate(60deg) translateY(0);
    transform: rotate(60deg) translateY(0);
    opacity: 1;
    -webkit-transform-origin: top left;
    transform-origin: top left;
    -webkit-animation-timing-function: ease-in-out;
    animation-timing-function: ease-in-out; }
  100% { -webkit-transform: translateY(43.75rem);
    transform: translateY(43.75rem);
    opacity: 0; } }

@keyframes hinge { 0% { -webkit-transform: rotate(0);
    transform: rotate(0);
    -webkit-transform-origin: top left;
    transform-origin: top left;
    -webkit-animation-timing-function: ease-in-out;
    animation-timing-function: ease-in-out; }
  20%, 60% { -webkit-transform: rotate(80deg);
    transform: rotate(80deg);
    -webkit-transform-origin: top left;
    transform-origin: top left;
    -webkit-animation-timing-function: ease-in-out;
    animation-timing-function: ease-in-out; }
  40% { -webkit-transform: rotate(60deg);
    transform: rotate(60deg);
    -webkit-transform-origin: top left;
    transform-origin: top left;
    -webkit-animation-timing-function: ease-in-out;
    animation-timing-function: ease-in-out; }
  80% { -webkit-transform: rotate(60deg) translateY(0);
    transform: rotate(60deg) translateY(0);
    opacity: 1;
    -webkit-transform-origin: top left;
    transform-origin: top left;
    -webkit-animation-timing-function: ease-in-out;
    animation-timing-function: ease-in-out; }
  100% { -webkit-transform: translateY(43.75rem);
    transform: translateY(43.75rem);
    opacity: 0; } }

.hinge { -webkit-animation-name: hinge; animation-name: hinge; }

/* originally authored by Nick Pettit - https://github.com/nickpettit/glide */
@-webkit-keyframes rollIn { 0% { opacity: 0;
    -webkit-transform: translateX(-100%) rotate(-120deg);
    transform: translateX(-100%) rotate(-120deg); }
  100% { opacity: 1;
    -webkit-transform: translateX(0rem) rotate(0deg);
    transform: translateX(0rem) rotate(0deg); } }

@keyframes rollIn { 0% { opacity: 0;
    -webkit-transform: translateX(-100%) rotate(-120deg);
    transform: translateX(-100%) rotate(-120deg); }
  100% { opacity: 1;
    -webkit-transform: translateX(0rem) rotate(0deg);
    transform: translateX(0rem) rotate(0deg); } }

.rollIn { -webkit-animation-name: rollIn; animation-name: rollIn; }

/* originally authored by Nick Pettit - https://github.com/nickpettit/glide */
@-webkit-keyframes rollOut { 0% { opacity: 1;
    -webkit-transform: translateX(0rem) rotate(0deg);
    transform: translateX(0rem) rotate(0deg); }
  100% { opacity: 0;
    -webkit-transform: translateX(100%) rotate(120deg);
    transform: translateX(100%) rotate(120deg); } }

@keyframes rollOut { 0% { opacity: 1;
    -webkit-transform: translateX(0rem) rotate(0deg);
    transform: translateX(0rem) rotate(0deg); }
  100% { opacity: 0;
    -webkit-transform: translateX(100%) rotate(120deg);
    transform: translateX(100%) rotate(120deg); } }

.rollOut { -webkit-animation-name: rollOut; animation-name: rollOut; }


.sub_topWrap { padding-top: 7.5625rem; }

.content_wrap .content { margin: 1.5625rem 0 4.6875rem; }

.allmenu_Wrap .m_setup { display: none; }

@media all and (max-width: 48rem) { .content_wrap .content { margin: 1.25rem 0 3.4375rem; } }

.board_list-wrap { border-top: 0.0625rem solid #d5d5d5; }

.board_list-wrap li { padding: 1.3125rem 0.625rem 1rem 0.75rem; border-bottom: 0.0625rem solid #d5d5d5; }

.board_list-wrap li:hover { background: #fffafa; }

.board_list-wrap li.notice { background: #f7f7f7; }

.board_list-wrap li .inner { display: -webkit-box; display: -ms-flexbox; display: flex; }

.board_list-wrap li .right { -webkit-box-flex: 1; -ms-flex: 1; flex: 1; max-width: calc(100% - 16.875rem); padding-right: 0.625rem; }

.board_list-wrap li.closed_notice .right { max-width: calc(100% - 3.4375rem); }

.board_list-wrap li.closed_notice .left { width: 3.4375rem; }

.board_list-wrap .top { font-size: 0; margin-bottom: 1rem; }

.board_list-wrap .top .flag { line-height: 1.5625rem; height: 1.6875rem; padding: 0 0.625rem; font-size: 1rem; letter-spacing: -0.04em; display: inline-block; vertical-align: middle; margin-right: 0.5rem; }

.board_list-wrap .top .day { font-weight: 600; padding: 0 0.75rem; margin-right: 1.1875rem; }

.board_list-wrap .top .date { display: inline-block; vertical-align: middle; font-size: 1rem; letter-spacing: -0.04em; color: #606060; }

.board_list-wrap .middle { margin-bottom: 0.8125rem; }

.board_list-wrap .middle a { display: block; font-size: 0; }

.board_list-wrap .middle .tit { font-size: 1.375rem; font-weight: 600; letter-spacing: -0.04em; color: #000; line-height: 1.1; text-overflow: ellipsis; white-space: nowrap; max-width: calc(100% - 2.0625rem); overflow: hidden; width: auto; position: relative; }

.board_list-wrap .middle a:hover .tit:after { display: block; content: ""; width: 100%; height: 0.0625rem; background: #000; position: absolute; bottom: 0; }

.board_list-wrap .middle .tit_wrap .new { margin-left: 0.6875rem; }

.board_list-wrap .bottom { font-size: 0; }

.board_list-wrap .bottom .list { font-size: 1rem; letter-spacing: -0.04em; color: #606060; line-height: 1.375rem; display: inline-block; }

.board_list-wrap .bottom .list:not(:last-of-type):after { display: inline-block; content: ""; vertical-align: middle; width: 0.0625rem; height: 1rem; background: #9f9f9f; margin: -0.125rem 0.8125rem 0 1rem; }

.board_list-wrap li .left { width: 16.875rem; }

.board_list-wrap .left_inner { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; height: 100%; -webkit-box-pack: end; -ms-flex-pack: end; justify-content: flex-end; }

.board_list-wrap .left_inner .btn_myList { margin-right: 0.375rem; }

.board_list-wrap .paginate { padding-top: 2.9375rem; }

.tab_view { display: none; }

@media screen and (max-width: 81.25rem) { .cst_top .txt { font-size: 1rem; }
  .board_list-wrap .middle .tit { font-size: 1.25rem; } }

@media screen and (min-width: 64rem) { .cst_aside-wrap { display: block !important; }
  .board_list-wrap li { padding: 1.25rem 0 1.125rem 0.4375rem; }
  .board_list-wrap li .right { max-width: none; padding: 0; min-height: 7.5rem; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; }
  .board_list-wrap li.closed_notice .right { max-width: none; }
  .board_list-wrap .top { margin-bottom: 0.6875rem; }
  .board_list-wrap .top .flag { font-size: 0.75rem; min-width: 3.6875rem; margin-right: 0.25rem; }
  .board_list-wrap .top .day { margin-right: 0.6875rem; }
  .board_list-wrap .top .date { font-size: 0.875rem; vertical-align: top; padding-top: 0.375rem; }
  .board_list-wrap .middle { margin-bottom: 0.625rem; }
  .board_list-wrap .middle .tit { line-height: 1.625rem; max-width: none; white-space: normal; display: inline; }
  .board_list-wrap .middle .tit_wrap .new { margin-left: 0.375rem; }
  .board_list-wrap .bottom { margin-top: auto; padding-top: 0; }
  .board_list-wrap .bottom .list { font-size: 0.875rem; line-height: 1.25rem; display: inline; }
  .board_list-wrap .bottom .list:not(:last-of-type):after { height: 0.875rem; }
  .board_list-wrap li .left { display: none; }
  .board_list-wrap .paginate { padding-top: 1.625rem; }
  .cst_result-wrap .cst_notice-wrap { margin-bottom: 0.9375rem; }
  .cst_result-wrap .btn_fold.type02 { margin-top: -0.375rem; } }

.btn_list { display: inline-block; padding: 0.5938rem 1.75rem; border: 0.0625rem solid #4d4d4d; background: #4d4d4d; -webkit-transition: all 0.3s; transition: all 0.3s; color: #fff; }

.btn_list span { position: relative; padding-left: 1.75rem; font-size: 1rem; font-weight: 700; color: #fff; }

.btn_list span::before { content: ''; position: absolute; left: 0; top: 0.2rem; width: 1rem; height: 0.8125rem; background: url(https://www.k-startup.go.kr/cubersc/templete/kstartup1/img/ico_list_bg.png) no-repeat bottom 0 center; }

.board .btn_wrap { display: -webkit-flexbox; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: end; -ms-flex-pack: end; justify-content: flex-end; margin: 1.875rem 0; font-size: 0; }

.board .btn_wrap .btn { display: block; float: left; width: calc((100% - 0.625rem)/2); max-width: 7.1875rem; padding: 0.5313rem 0; font-size: 1rem; font-weight: 700; text-align: center; }

.board_contents { padding: 1.875rem 0.625rem; border-bottom: 0.0625rem solid #d5d5d5; }

.board_contents .txt { font-size: 1rem; line-height: 2rem; }

.board_wrap .board_tit { padding: 1.875rem 0.625rem; border-top: 0.0625rem solid #828282; }

.board_tit li { font-size: 0; }

.board_tit span.flag { width: 100%; max-width: 4.8125rem; padding: 0.1563rem 0; font-size: 1rem; }

.board_wrap .board_tit .tit { font-size: 1.625rem; color: #000; padding-left: 0; }

.board_tit li:first-of-type > * { vertical-align: middle; }

.board_tit .tit { display: inline-block; font-size: 1.625rem; font-weight: 700; word-break: break-all; }

.board_wrap { margin-top: 1.875rem; }

.board_tit span.flag { width: 100%; max-width: 4.8125rem; padding: 0.1563rem 0; font-size: 1rem; }

.board_tit li:not(:first-of-type) { margin-top: 0.625rem; padding-left: 4.875rem; }

.board_tit li > div { display: inline-block; font-size: 1rem; color: #606060; vertical-align: middle; }

.board_tit li > div:not(:last-of-type) { padding-right: 0.9375rem; }

.board_tit li > div:not(:last-of-type) { padding-right: 0.9375rem; }

.board_tit li > div span:first-of-type { padding-right: 0; }

.board .btn_wrap { display: -webkit-flexbox; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: end; -ms-flex-pack: end; justify-content: flex-end; margin: 1.875rem 0; font-size: 0; }

.board .btn_wrap .btn { display: block; float: left; width: calc((100% - 0.625rem)/2); max-width: 7.1875rem; padding: 0.5313rem 0; font-size: 1rem; font-weight: 700; text-align: center; }

.board .btn_wrap .btn:not(:first-of-type) { margin-left: 0.3125rem; }

.board_wrap { margin-top: 1.875rem; }

.board_wrap .board_tit { padding: 1.875rem 0.625rem; border-top: 0.0625rem solid #828282; }

.board_wrap .board_tit .tit { font-size: 1.625rem; color: #000; padding-left: 0; }

.board_tit span.flag { width: 100%; max-width: 4.8125rem; padding: 0.1563rem 0; font-size: 1rem; }

.board_tit li { font-size: 0; }

.board_tit li > div { display: inline-block; font-size: 1rem; color: #606060; vertical-align: middle; }

.board_tit li > div:first-of-type { padding-left: 0.625rem; }

.board_tit li > div:not(:first-of-type) { position: relative; padding-left: 0.9375rem; }

.board_tit li .step_txt { display: block; margin-left: -0.3125rem; padding-top: 0.5rem; }

.board_btn { margin-top: 2rem; text-align: right; }

.flag { text-align: center; margin-right: 0.7rem; color: #fff; }

.flag .type02 { color: #fff; }

/* =================== animation =================== */
.obj { position: absolute; display: inline-block; width: 9.375rem; height: 9.375rem; background: #641e92; border: 1.875rem solid #641e92; border-radius: 50%; -webkit-animation: drop ease-in-out 3s infinite; animation: drop ease-in-out 3s infinite; }

.obj-sm { position: absolute; right: 6.25rem; top: 0.625rem; display: inline-block; width: 3.125rem; height: 3.125rem; background: transparent; border: 0.625rem solid #641e92; border-radius: 50%; -webkit-animation: drop ease-in-out 2.5s infinite; animation: drop ease-in-out 2.5s infinite; }

@-webkit-keyframes drop { 0% { top: 0rem; }
  50% { top: 1.875rem; }
  100% { top: 0rem; } }

@keyframes drop { 0% { top: 0rem; }
  50% { top: 1.875rem; }
  100% { top: 0rem; } }

/* =================== helper =================== */
.none { display: none; }

.is-mon { font-family: "Montserrat", sans-serif; }

.is-gma { font-family: "gmarket", sans-serif; }

.is-web-show { display: none; }

@media all and (max-width: 1200px) { .is-web-show { display: block; } }

@media all and (max-width: 1200px) { .is-web-hide { display: none; } }

.is-tab-show { display: none; }

@media all and (max-width: 900px) { .is-tab-show { display: block; } }

@media all and (max-width: 900px) { .is-tab-hide { display: none; } }

.is-mo-show { display: none; }

@media all and (max-width: 600px) { .is-mo-show { display: block; } }

@media all and (max-width: 600px) { .is-mo-hide { display: none; } }

.is-mo-sm-show { display: none; }

@media all and (max-width: 360px) { .is-mo-sm-show { display: block; } }

@media all and (max-width: 360px) { .is-mo-sm-hide { display: none; } }

.is-mo-xsm-show { display: none; }

@media all and (max-width: 320px) { .is-mo-xsm-show { display: block; } }

@media all and (max-width: 320px) { .is-mo-xsm-hide { display: none; } }

.img-box__img { width: 100%; height: 100%; -o-object-fit: cover; object-fit: cover; }

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

.scroll-custom { overflow-y: auto; }

.scroll-custom::-webkit-scrollbar { width: 5px; }

.scroll-custom::-webkit-scrollbar-thumb { background-color: color(main); }

html.ie .scroll-custom { scrollbar-arrow-color: color(main); scrollbar-face-color: color(main); scrollbar-track-color: color(sub); }

/* =================== BUTTON =================== */
button { cursor: pointer; -webkit-transition: 0.25s ease-in-out; transition: 0.25s ease-in-out; border-radius: 0.3125rem; }

.btn-wrap.tac { text-align: center; }

.btn { border: none; -webkit-box-shadow: none; box-shadow: none; cursor: pointer; color: #ffffff; border-radius: 0.3125rem;}

.bg-default { background-color: transparent; color: #333 !important; border: 1px solid #333 !important; position: relative; --hover: rgba(0, 0, 0, 0); }

.bg-main { background-color: #641e92; color: !important; border: 1px solid !important; position: relative; --hover: #641e92; }

.bg-black { background-color: #363636; color: !important; border: 1px solid !important; position: relative; --hover: #363636; }

.bg-secondary { background-color: #D8A929; color: !important; border: 1px solid !important; position: relative; --hover: #D8A929; }

.bg-gray {background-color: #8B8B8B;}

.bg-sky { background-color: #0CC4CF; color: !important; border: 1px solid !important; position: relative; --hover: #0cc4cf; }

.bg-red { background-color: #E21518; color: !important; border: 1px solid !important; position: relative; --hover: #e21518; }

.bg-f { background-color: #fff; color: #333 !important; border: 1px solid none !important; position: relative; --hover: white; }

.btn-xsm { display: inline-block; padding: 0rem 1.1rem; font-size: 1rem; font-weight: 400; height: 1.875rem !important; -webkit-box-align: center; -ms-flex-align: center; align-items: center; color: #fff; -ms-flex-negative: 0; flex-shrink: 0; line-height: 1.6;}

.btn-xm { display: inline-block; padding: 0.625rem 1.2rem; font-size: 1rem; font-weight: 500; height: !important; -webkit-box-align: center; -ms-flex-align: center; align-items: center; color: #fff; -ms-flex-negative: 0; flex-shrink: 0; }

.btn-sm { display: inline-block; padding: 0.5rem 0.9375rem; font-size: 1rem; font-weight: 500; height: !important; -webkit-box-align: center; -ms-flex-align: center; align-items: center; color: #fff; -ms-flex-negative: 0; flex-shrink: 0; }

.btn-mid { display: inline-block; padding: 0.15rem 0.9375rem; font-size: 1rem; font-weight: 500; height: !important; -webkit-box-align: center; -ms-flex-align: center; align-items: center; color: #fff; -ms-flex-negative: 0; flex-shrink: 0; }

.btn-lg { display: inline-block; padding: 0.625rem 2.3rem; font-size: 1.1rem; font-weight: 500; height: !important; -webkit-box-align: center; -ms-flex-align: center; align-items: center; color: #fff; -ms-flex-negative: 0; flex-shrink: 0; }

.radius-sm { border-radius: 10px; }

.radius-mid { border-radius: 15px; }

.radius-lg { border-radius: 20px; }

.btn.btn-outline { background: transparent; border: .0625rem solid #5f8ee4; color: #333 !important; }

.btn.btn-disabled { opacity: 0.6; cursor: default; }

@media (max-width: 600px) { .btn-lg { padding: 0.625rem 1.2rem; } }


.btn-xsm.bd { border: 1px solid #641e92; color: #641e92; font-weight: 600; border-radius: 5px; display: block; width: 8rem; margin-bottom: 9px; }

/* =================== FORM 그룹 =================== */
.form-group { margin-top: 0.625rem; border-top: 1px solid #333; }

.form-group .flex-w50, .form-group .flex-w33 { margin: 0; }

.form-group .flex-w50 > *, .form-group .flex-w33 > * { padding: 0; }

@media (max-width: 1200px) { .form-group .flex-w50 > *, .form-group .flex-w33 > * { -webkit-box-flex: 1; -ms-flex: 1 1 100%; flex: 1 1 100%; max-width: 100%; } }

@media (max-width: 600px) { .form-group .flex-w50 > *, .form-group .flex-w33 > * { padding: 0 !important; } }

.form-group button { height: 2.5rem; }

.form-group button.w25 { height: 2.5rem; -webkit-box-flex: 1; -ms-flex: 1 0 20%; flex: 1 0 20%; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; }

@media (max-width: 600px) { .form-group button { min-width: auto; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; } }

.form-group__row { height: auto; }

.form-group__row dl { display: -webkit-box; display: -ms-flexbox; display: flex; border-bottom: 1px solid #aaa; }

.form-group__row dl dt { -ms-flex-preferred-size: 14.25rem; flex-basis: 14.25rem; -ms-flex-negative: 0; flex-shrink: 0; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; font-size: 1rem; color: #737373; -webkit-box-sizing: border-box; box-sizing: border-box; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; font-weight: 500; border-right: 1px solid #aaa; background: #f5f5f5; }

.form-group__row dl dt label { text-align: center; font-size: 1rem; color: #666666; }

.form-group__row dl dd { display: -webkit-box; display: -ms-flexbox; display: flex; width: 100%; padding-left: 0.9375rem; -webkit-box-align: center; -ms-flex-align: center; align-items: center; }

.form-group__row dl dd.flex { -webkit-box-orient: horizontal; -webkit-box-direction: normal; -ms-flex-direction: row; flex-direction: row; -ms-flex-wrap: wrap; flex-wrap: wrap; }

.form-group__row dl dd.flex.flex-w50 .form-wrap { width: 50%; }

.form-group__row dl dd.flex.flex-w50 .form-wrap.w100 { width: 100%; }

.form-group__row dl dd.ffd { -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; }

.form-group__row dl dd.ffd p { margin-bottom: 0.5rem; }

.form-group__row dl dt, .form-group__row dl dd { padding-top: 0.5rem; padding-bottom: 0.5rem; }

input::-webkit-input-placeholder, textarea::-webkit-input-placeholder { color: #464646; font-weight: 400; }

input:-ms-input-placeholder, textarea:-ms-input-placeholder { color: #464646; font-weight: 400; }

input::-ms-input-placeholder, textarea::-ms-input-placeholder { color: #464646; font-weight: 400; }

input::placeholder, textarea::placeholder { color: #464646; font-weight: 400; }

/* 2022.08.25 이우미 추가 */
/* Chrome, Firefox, Opera, Safari 10.1+ */
input:focus::placeholder, textarea:focus::placeholder { color:transparent; }

/* Edge */
input:focus::-ms-input-placeholder, textarea:focus::-ms-input-placeholder { color:transparent;}

.form-control { color: #464646; font-weight: 400; padding-left: 0.8rem;  outline: none;}

.form-input, .form-select { width: 100%; border: 1px solid #ccc; font-size: 1rem; color: #aaa; height: 2.5rem; line-height: 2.5rem; padding-left: 0.8rem; padding-right: 0.8rem; -webkit-box-sizing: border-box; box-sizing: border-box;  background: #fff; font-size: 1rem; font-weight: 400; color: #999999; background: #F5F5F5;    border-radius: 0.3125rem !important;}

.form-input ::-webkit-input-placeholder, .form-select ::-webkit-input-placeholder { font-size: 1rem; color: #636363; }

.form-input :-ms-input-placeholder, .form-select :-ms-input-placeholder { font-size: 1rem; color: #636363; }

.form-input ::-ms-input-placeholder, .form-select ::-ms-input-placeholder { font-size: 1rem; color: #636363; }

.form-input ::placeholder, .form-select ::placeholder { font-size: 1rem; color: #636363; }

.fot-link .flex select { color: #641e92 !important; font-family: "Noto Sans KR", sans-serif; }

.form-input option, .form-select option { color: #636363; line-height: 2.5rem; }

.form-input.w10, .form-select.w10 { width: 5.625rem; }

.form-input.w16, .form-select.w16 { width: 6rem; }

.form-input.w20, .form-select.w20 { width: 7.5rem; }

.form-input.w25, .form-select.w25 { width: 10rem; }

.form-input.w22, .form-select.w22 { width: 21rem; }

.form-input.w33, .form-select.w33 { width: 30%; }

.form-input.w50, .form-select.w50 { width: 18.75rem; }

.form-input.w75, .form-select.w75 { width: 34.375rem; }

@media (max-width: 600px) { .form-input, .form-select { width: 100% !important; min-width: 50px; -webkit-box-sizing: border-box; box-sizing: border-box; }
  .list-table .form-input, .list-table .form-seclet { width: auto !important; } }

.form-input::-webkit-input-placeholder { font-size: 1rem; color: #636363; }

.form-input:-ms-input-placeholder { font-size: 1rem; color: #636363; }

.form-input::-ms-input-placeholder { font-size: 1rem; color: #636363; }

.form-input::placeholder { font-size: 1rem; color: #636363; }

.form-control { font-size: 1rem !important; color: #636363 !important; }

.form-control::-webkit-input-placeholder { font-size: 1rem !important; color: #636363 !important; }

.form-control:-ms-input-placeholder { font-size: 1rem !important; color: #636363 !important; }

.form-control::-ms-input-placeholder { font-size: 1rem !important; color: #636363 !important; }

.form-control::placeholder { font-size: 1rem !important; color: #636363 !important; }

.form-date { background: url(../img/icon_date_cal_btn.png) no-repeat; position: relative; background-position: right; cursor: pointer; font-size: 0.9rem; background-size: contain; height: 2.5rem; }

/* =================== CHECK BOX ,  RADIO=================== */
.form-wrap { display: -webkit-box; display: -ms-flexbox; display: flex; width: 100%; margin: 11px 0; }

.form-wrap > span, .form-wrap .form-radio > span, .form-wrap .com-tit { font-size: 1.05rem; min-width: 9.375rem; max-width: 9.375rem; display: inline-block; font-weight: 500; letter-spacing: -0.0938rem; text-align: right; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: start; -ms-flex-pack: start; justify-content: flex-start; }

.form-wrap .rows { display: -webkit-box; display: -ms-flexbox; display: flex; -ms-flex-wrap: wrap; flex-wrap: wrap; font-size: 1rem; margin: 0 1.025rem; width: 100%; }

.form-wrap .rows > div { width: 100%; margin-bottom: 5px; }

.form-wrap .rows > div .mw50 { display: inline-block; min-width: 100px; }

.form-wrap .rows p.noti { font-size: 1rem; line-height: 1.5; }

.form-chkbox { display: -webkit-box; display: -ms-flexbox; display: flex; -ms-flex-wrap: wrap; flex-wrap: wrap; margin-right: 1.8rem; }

.form-chkbox input { position: absolute; opacity:0; z-index:-1;}

.form-chkbox__control { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; position: relative; padding-left: 1.875rem; margin: 0.35rem 0; cursor: pointer; font-size: 1rem; margin-right: 0.3rem; margin-right: 1.8rem; }

.form-chkbox__control.mr0 { margin-right: 0; padding-left: 0; }

/*	2023.02.01 이우미 체크박스 공통 스타일 수정	*/
.form-chkbox__indicator { position: absolute; top: 50%; -webkit-transform: translateY(-50%); transform: translateY(-50%); left: 0; height: 1rem; width: 1rem; background: #fff; border: solid 1px #ccc; border-radius: 30%;}

.form-chkbox__indicator::after { content: ''; position: absolute; left: 0.4rem; top: 0.1rem; width: 0.1875rem; height: 0.5rem; border: solid #fff; border-width: 0 0.125rem 0.125rem 0; -webkit-transform: rotate(45deg); transform: rotate(45deg); }

.form-radio { position: relative; }

.form-radio input[type="radio"] { opacity: 0; position: absolute; z-index: -1; overflow: hidden; position: absolute; left: 1px; top: 50%; -webkit-transform: translateY(-50%); transform: translateY(-50%); width: 0.875rem; height: 0.875rem; background: transparent; border: 0; }

.form-radio input[type="radio"]:checked + label::before { background-color: #fff; border-color: #ccc; }

.form-radio input[type="radio"]:checked + label::after { background-color: #641e92 !important; border: 1px solid #641e92 !important; }

.form-radio label { display: -webkit-inline-box; display: -ms-inline-flexbox; display: inline-flex; position: relative; min-width: 1rem; min-height: 1rem; line-height: 1rem; }

.form-radio label span { font-size: 1.2rem; }

.form-radio label:after { content: ""; display: block; position: absolute; width: 0.5rem; height: 0.5rem; border-radius: 50%; left: 0.1875rem; top: 18%; }

.form-radio label:before { content: ""; display: block; display: inline-block; min-width: 1rem; height: 1rem; border: 1px solid #ddd; background: #fff; border-radius: 50%; -webkit-box-sizing: border-box; box-sizing: border-box; vertical-align: middle; line-height: 1.125rem; }

.form-radio input[type="radio"]:focus + label::before { border:2px solid grey !important; } /* 2023.05.15 jyl 웹접근성 라디오버튼 포커싱 추가 */

.form-radio label span { padding-left: 0.5rem; font-weight: 400; }

.form-chkbox input:checked + .form-chkbox__indicator { background: #641e92; }

.form-chkbox input:checked ~ .form-chkbox__indicator::after { display: block; }

.form-chkbox input:focus + .form-chkbox__indicator { border: 2px solid grey; } /* 2023.05.15 jyl 웹접근성 체크박스 포커싱 추가 */

/* =================== FILE =================== */
.filebox input[type="file"] { position: absolute; width: 1px; height: 1px; padding: 0; margin: -1px; overflow: hidden; clip: rect(0, 0, 0, 0); border: 0; }

.filebox label { display: inline-block; padding: 0 2.2rem; color: #999; font-size: inherit; vertical-align: middle; background-color: #fdfdfd; cursor: pointer; border: 1px solid #ebebeb; border-bottom-color: #e2e2e2; border-radius: .25rem; line-height: 3; height: 2.85rem; }

/* named upload */
.filebox .upload-name { display: inline-block; padding: .5rem .75rem; font-size: inherit; font-family: inherit; line-height: normal; vertical-align: middle; background-color: #f5f5f5; border: 1px solid #ebebeb; border-bottom-color: #e2e2e2; border-radius: .25rem; -webkit-appearance: none; -moz-appearance: none; appearance: none; }

.filebox.bs3-primary { width: 100%;overflow-x: auto; }

.filebox.bs3-primary label { -ms-flex-negative: 0; flex-shrink: 0; color: #fff; background-color: #641e92; border-color: #641e92; }

.pre.auto { width: 100%; }

.pre.auto .txt-wrap { width: 100%; }

.pre.auto .txt-wrap .txts { padding: 1rem; font-size: 1.1rem !important; color: #000; margin-bottom: 1rem !important; line-height: 1.6; width: 100%; height: 100px; border: 1px solid #aaa; background: #f5f5f5; -webkit-box-sizing: border-box; box-sizing: border-box; }

/* =================== TABLE =================== */
.list-table { width: 100%; margin: 0.625rem auto 1.975rem; border-top: 1.5px solid #333; border-bottom: 1px solid #641e92; overflow: hidden; margin-top: 1.25rem; table-layout: auto; word-break: break-all; height: auto; }

.list-table th { min-width: 2rem; }

.list-table th { font-size: 1.15rem; color: #333; line-height: 1.2rem; font-family: "Noto Sans KR"; background: #f7f7f7; text-align: center; border-bottom: 1px solid #dddddd; height: 3.75rem; }


.list-table tr { background-color: #fff; min-height: 3.75rem; } 

.list-table tr.t_black th{color:#333;}

.list-table tr.bg_clear{background:#f9f9f9;}

.list-table tr.nbg { background-color: #f4f9fa; }

.list-table tr.kbg { background: #f7f7f7; }

.list-table tr:hover { background-color: #f8f4fb; text-decoration: underline; text-underline-position: under; }

.list-table td { font-size: 1.196rem; padding: 1rem 0.3125rem; text-align: center; vertical-align: middle; color: #333; overflow: hidden; line-height: 1.4; border-bottom: 1px solid #eee; }

.list-table td.left { text-align: left; padding-left: 1rem; }

.list-table td.date { font-size: 1.2rem; color: #858585; letter-spacing: -0.0313rem; }



.list-table td.notice { font-size: 1rem; color: #641e92; font-family: "Noto Sans KR"; }

.list-table td.delivery { background: #f3f3f3; font-size: 0.8125rem; color: #858585; letter-spacing: -0.0313rem; }

.list-table td:first-child, .list-table th:first-child { border-left: none; }

.list-table input[type="checkbox"], .list-table input[type="radio"] { width: 1.4rem; height: 1.4rem; vertical-align: middle; border: 1px solid #e7e7e7; margin: 0; padding: 0; cursor: pointer; }

.list-table p { font-size: 1rem; color: #424242; line-height: 1rem; margin-bottom: 0.3125rem; }

.scroll-tbl-wrap { position: relative; width:100%;}

.scroll-tbl-wrap .tbl, .scroll-tbl-wrap > div, .scroll-wrap > div { position: relative; width: 100%; overflow-x: auto; }
.scroll-tbl-wrap > .limit{
  max-height: 500px;
  overflow-y: auto;
}
.scroll-tbl-wrap > div.limit table{
  margin:0;
}

@media (max-width: 1024px) { .scroll-tbl-wrap .tbl table, .scroll-tbl-wrap > div table, .scroll-wrap > div table, .scroll-wrap > div > iframe { position: relative; width: 100%; min-width: 900px; max-width: 1280px; } }

@media (max-width: 600px) { .scroll-wrap:before, .scroll-tbl-wrap:before { content: ""; position: absolute; top: 0px; right: 0; z-index: 0; width: 43px; height: 12px; color: #333; font-size: 14px; background: url("https://www.incheon.go.kr/humanframe/globalthreme/assets/image/common/hint-table-scroll.png") no-repeat 0 0; } }

.paging { position: relative; clear: both; text-align: center; vertical-align: middle; margin-bottom: 1.975rem; z-index: 0; margin-top: 1.875rem !important; margin-bottom: 0; }

.paging span { vertical-align: middle; display: inline-block; width: 3rem; line-height: 1.975rem; text-align: center; margin-left: -1px; box-sizing: border-box; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; }

.paging span img { vertical-align: middle; max-width: 100%; border: 0 solid #ccc; box-sizing: border-box; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; }

.paging span a { vertical-align: middle; display: block; height: auto; color: #424242; font-size: 1rem; font-family: "Noto Sans KR"; display: -webkit-box; display: -ms-flexbox; display: flex; a: center; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; height: 100%; }

.paging span.on { vertical-align: middle; color: #1965B0; font-family: "Noto Sans KR"; }

.paging span.on a { font-family: "Noto Sans KR"; color: #1965B0; font-weight: 500; }

.paging span:first-child { margin-left: 0; }

.as-start { -ms-flex-item-align: start; align-self: flex-start; }

@media (max-width: 600px) { .as-start { width: 100%; display: -webkit-box; display: -ms-flexbox; display: flex; } }

.as-end { -ms-flex-item-align: end; align-self: flex-end; }

@media (max-width: 600px) { .as-end { width: 100%; display: -webkit-box; display: -ms-flexbox; display: flex; } }

.faq-wrap .faq-section dt { cursor: pointer; line-height: 1.3; }

.faq-wrap .faq-section dt { position: relative; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: start; -ms-flex-align: start; align-items: flex-start; padding-left: 1.875rem; font-size: 1rem; font-weight: 600; color: #434343; border-bottom: 1px solid #a1a1a1; padding: 1.25rem; }

.faq-wrap .faq-section dt:hover { color: #7b44ff; }

.faq-wrap .faq-section dt > div { width: 90%; }

.faq-wrap .faq-section dt > div p { font-size: 1.25rem; }

.faq-wrap .faq-section dt img { margin-right: 0.625rem; width: 1.5625rem; position: relative; top: -0.4375rem; }

.faq-wrap .faq-section dt::after { content: ""; width: 0.5rem; height: 0.5rem; border-top: 3px solid #979797; border-right: 3px solid #979797; display: inline-block; -webkit-transform: rotate(135deg); transform: rotate(135deg); position: absolute; right: 1.875rem; -webkit-transition: all 0.4s ease-in-out; transition: all 0.4s ease-in-out; }

.faq-wrap .faq-section.is-active dt::after { top: 50%; -webkit-transform: rotate(315deg); transform: rotate(315deg); }

.faq-wrap .faq-section dd { display: none; background: #f5f5f5; font-size: 1rem; color: #26344b; line-height: 1.4; padding-bottom: 3rem; }

.faq-wrap .faq-section dd p.faq-a { line-height: 1.4; padding: 1.875rem; word-break: keep-all; margin-bottom: 0.625rem; background: url(../img/A-icon.png) no-repeat; background-size: 1.5rem 3rem; background-position: 1.175rem 1.3125rem; padding-left: 4rem; }

.faq-wrap .faq-section dd p { line-height: 1.4; word-break: keep-all; margin-bottom: 0.625rem; padding-left: 4rem; }

.faq-wrap .faq-section dd p a:hover { color: deepskyblue; }

.form-select.w180 { width: 14.25rem !important; background: #fff; }

button.w120 { width: 7.5rem !important; text-align: center; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; }

.notice .form-group { border-top: 1px solid #333; }

.notice .form-group__row dl dd { font-size: 1.5rem; font-weight: 500; }

.notice .form-group .date { -ms-flex-negative: 0; flex-shrink: 0; display: inline-block; margin-right: 1.25rem; color: #333; font-size: 1.1rem; font-weight: 600; }

.content_box p { font-size: 1rem; font-weight: 400; color: #353535; padding: 0 2.5rem; }

.form-control { display: block; width: 100%; height: 16.5rem; padding: 0.375rem 0.75rem; font-size: 1rem; line-height: 1.42857143; color: #555; background-color: #fff; background-image: none; border: 1px solid #ccc; border-radius: 0.25rem; -webkit-transition: border-color ease-in-out .15s, -webkit-box-shadow ease-in-out .15s; transition: border-color ease-in-out .15s, -webkit-box-shadow ease-in-out .15s; transition: border-color ease-in-out .15s, box-shadow ease-in-out .15s; transition: border-color ease-in-out .15s, box-shadow ease-in-out .15s, -webkit-box-shadow ease-in-out .15s; }

@media (max-width: 600px) { .ml5 { margin-left: 0 !important; }
  .faq-wrap .faq-section dt { height: auto; } }

a[data-fancybox="gallery"] { display: block; }

a[data-fancybox="gallery"] img { width: 100%; }

.cd-popup { position: fixed; left: 0; top: 0; height: 100%; width: 100%; background-color: rgba(0, 0, 0, 0.7); opacity: 0; visibility: hidden; -webkit-transition: opacity 0.3s 0s, visibility 0s 0.3s; transition: opacity 0.3s 0s, visibility 0s 0.3s; z-index: 999; }

.cd-popup.is-visible { opacity: 1; visibility: visible; -webkit-transition: opacity 0.3s 0s, visibility 0s 0s; transition: opacity 0.3s 0s, visibility 0s 0s; }

.cd-popup-container { position: relative; width: 85%; margin: 2em auto; background: #FFF; border-radius: .25em .25em .4em .4em; text-align: center; -webkit-box-shadow: 0 0 20px rgba(0, 0, 0, 0.2); box-shadow: 0 0 20px rgba(0, 0, 0, 0.2); -webkit-transform: translateY(-40px); transform: translateY(-40px); -webkit-transition-duration: 0.3s; transition-duration: 0.3s; }

.cd-popup__had-tit { position: relative; padding: 20px 10px; background: #222; color: #fff; font-size: 1.5rem; }

.cd-popup__had-tit.center{
  text-align: center;
}
.cd-popup__info { width: 100%; height: auto; padding: 1.25rem; -webkit-box-sizing: border-box; box-sizing: border-box; }

.cd-popup__info .com-noti__right p { text-align: left; margin-bottom: 8px; }

.cd-popup__btn li { float: left; width: 50%; }

.cd-popup__btn li a { display: block; height: 3.75rem; line-height: 3.75rem; text-transform: uppercase; color: #FFF; -webkit-transition: background-color 0.2s; transition: background-color 0.2s; }

.cd-popup__btn.w100 li { width: 100%; }

.cd-popup-close { position: absolute; top: 50%; -webkit-transform: translateY(-50%); transform: translateY(-50%); right: 1.125rem; width: 1.875rem; height: 1.875rem; }

.cd-popup-close:after { content: ""; display: block; position: absolute; width: 1.4375rem; height: 0.1875rem; background-color: #8f9cb5; -webkit-transform: rotate(-45deg); transform: rotate(-45deg); top: 0.75rem; }

.cd-popup-close:before { content: ""; display: block; position: absolute; width: 1.4375rem; height: 0.1875rem; background-color: #8f9cb5; -webkit-transform: rotate(45deg); transform: rotate(45deg); top: 0.75rem; }

.is-visible .cd-popup-container { -webkit-transform: translateY(0); transform: translateY(0); }

@media only screen and (min-width: 1170px) { .cd-popup-container { margin: 3em auto; } }

@media (max-width: 600px) { .cd-popup ul.tit li { font-size: 0.825em !important; }
  .cd-popup .list-table td img { display: block; width: 13rem; height: 13rem; -o-object-fit: cover; object-fit: cover; }
  .cd-popup .section-body .list-table th { min-width: 6rem !important; }
  .cd-popup .scroll-wrap:before, .cd-popup .scroll-tbl-wrap:before { display: block !important; }
  .cd-popup .com-page { padding-bottom: 1rem; } }

.ui-icon-alert { display: none; }

/* =================== MAIN =================== */
.mainContent { padding: 2.75rem 0; background: #F4F4F4; }

.mainContent .inner > div { margin: 0 0.5rem; }

.mainContent__left { width: 75%; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; }

.mainContent__left .swiper-container { width: 41%; height: 100%; }

.mainContent__mid { width: 70%; height: 100%; }

.mainContent__mid .row { -webkit-box-align: start; -ms-flex-align: start; align-items: flex-start; margin-bottom: 15px; align-items: center;}

.mainContent__mid .row:nth-of-type(2) a:hover:after { content: ""; display: block; background: #005DE2; }

.mainContent__mid .row:nth-of-type(2) a:hover .txt { color: #005de2; font-weight: 500; }

.mainContent__mid .row:nth-of-type(3) a:hover:after { content: ""; display: block; background: #2d8e95; }

.mainContent__mid .row:nth-of-type(3) a:hover .txt { color: #2d8e95; font-weight: 500; }

.mainContent__mid .row__left { -ms-flex-preferred-size: 10.75rem; flex-basis: 10.75rem; -ms-flex-negative: 0; flex-shrink: 0; margin-bottom: 2rem; }

.mainContent__mid .row__left .tit { font-size: 1.4375rem; font-weight: 500; }

.mainContent__mid .row__left .txt { font-size: 1rem; line-height: 1.4; margin-top: 0.25rem; }

.mainContent__mid .row__right { opacity: 1; margin-top: 0.2rem; }

.mainContent__mid .row__right ul { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; }

.mainContent__mid .row__right ul li { opacity: 1; margin: 0 0.375rem; width: 5.9375rem; }
@media (max-width: 1284px) { .mainContent__mid .row__right ul li { width:5.4rem; } }  /* 추가 */

.mainContent__mid .row__right ul li a { display: block; position: relative; text-align: center; font-size: 1rem; }

.mainContent__mid .row__right ul li a:hover:after { content: ""; display: block; position: absolute; left: 0; right: 0; bottom: -34px; width: 100%; height: 3px; background: #a53ae9; }

.mainContent__mid .row__right ul li a:hover .txt { color: #8000cc; font-weight: 500; }

.mainContent__mid .row__right ul li a:hover img { -webkit-transform: rotateY(360deg); transform: rotateY(360deg); -webkit-transition-duration: .4s; transition-duration: .4s; }

.mainContent__mid .row__right ul li a img { display: inline-block; height: 3.0625rem; -o-object-fit: cover; object-fit: cover; }

.mainContent__mid .row__right ul li a .txt { font-size: 1rem; line-height: 1.3; margin-top: 1.25rem; word-break: keep-all; }

.mainContent__right { width: 25%; }

/* 2022.09.13 이우미 메인페이지 기업정보변경, 신청조회발급 영역이랑 공지사항,4대사회보험 영영 높이 및 간격이 달라서 수정 */
.mainContent__right .row { padding: 1.675rem 1.875rem; height: 8rem; margin-bottom: 15px; }

.mainContent__right .row.bg-none { background: none; -webkit-box-shadow: none; box-shadow: none; padding: 1.3rem 0; }

.mainContent__right .notice { width: 100%; }

.mainContent__right .notice__tit-wrap { border-bottom: 1px dotted #aaa; padding-bottom: 0.5625rem; margin-bottom: 0.625rem; }

.mainContent__right .notice__tit { font-size: 1.25rem; font-weight: 600; color: #000; position: relative; top: 0.25rem; }

.mainContent__right .notice__tit-more { display: block; position: relative; z-index: 10; }

.mainContent__right .notice__tit-more img { display: inline-block; opacity: 1; }

.mainContent__right .notice__info { opacity: 1; }

.mainContent__right .notice__list { opacity: 1; height: 1.625rem; }

.mainContent__right .notice__link { display: inline-block; font-size: 1rem; display: inline-block; width: 18.75rem; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; }

.mainContent__right .callCenter { width: 100%; background-image: url("../img/visual-icon13.png"); background-repeat: no-repeat; background-size: auto; background-position: 100% 95%; }

.mainContent__right .callCenter__tit { font-size: 1.25rem;font-weight: 600; color: #000; top: 0.25rem; }

.mainContent__right .callCenter__num { font-size: 1rem; margin-top: 0.75rem; }

.mainContent__right .callCenter__date { font-size: 1rem; font-weight: 600; margin-top: 1rem; text-align: center; padding: 0.1125rem 0.625rem; border-radius: 1.25rem; background: #eee; }

.mainContent__right .util { width: 100%; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; }

.mainContent__right .util__list { -webkit-box-flex: 1; -ms-flex: 1; flex: 1; text-align: center; }

.mainContent__right .util__list:nth-of-type(1) { border-right: 1px solid #ccc; }

.mainContent__right .util__img { height: 4.325rem; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; }

.mainContent__right .util__tit { font-size: 1.25rem; font-weight: 500; line-height: 1.3; margin-top: 0.9375rem; color:#2c2c2c;}

.mainContent__right .util__txt { font-size: 1rem; font-weight: 400; }

.row { padding: 1.675rem 1.875rem; height: 8rem; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; background: #fff; border-radius: 1.75rem; margin-bottom: 0.625rem; -webkit-transition: all 0.4s ease-in-out; transition: all 0.4s ease-in-out; }

.row:nth-of-rype(3) { margin-bottom: 0; }

.mainContent__left .swiper-container img { height: 93%; width: 100%; }

.mainContent__left .swiper-container a { background: #fff; border-radius: 15px; display: block; height: 100%; overflow: hidden;}

.mainContent__mid { margin-left: 15px; }

.mainContent__left .swiper-container .banner__btn-wrap { position: absolute; left: 50%; bottom: 20px; -webkit-transform: translateX(-50%); transform: translateX(-50%); z-index: 20; text-align: center; }

.mainContent__left .swiper-container .banner__btn-wrap button { background: #fff; }

@media (max-width: 1350px) { .mainContent__mid { width: 82%; } }

@media (max-width: 1200px) { .mainContent__left .swiper-container a { height: 34.775rem; width: 100%; }
  .mainContent__left .swiper-container img { height: 93%; width: 100%; }
  html { font-size: 14px !important; }
  .mainContent { padding: 2.75rem 0; }
  .mainContent .inner { -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; }
  .mainContent__left > div { -webkit-box-flex: 1; -ms-flex: 1; flex: 1; }
  .mainContent__left > div:nth-of-type(2) { -webkit-box-flex: 2; -ms-flex: 2; flex: 2; margin-left: 15px; }
  .mainContent__right { width: 100%; }
  .mainContent .inner > div { margin: 0; }
  .mainContent__left { width: 100%; margin-bottom: 15px !important; } }

@media (max-width: 900px) { html { font-size: 13px !important; }
  .mainContent__left { -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; }
  .mainContent__mid { width: 100%; }
  .mainContent__left .swiper-container { width: 80%; margin: 0 auto; margin-bottom: 10px; }
  .mainContent__left .swiper-container img { width: 100%; -o-object-fit: contain; object-fit: contain; }
  .row { height: auto; }
  .mainContent__mid .row { display: -webkit-box; display: -ms-flexbox; display: flex; -ms-flex-pack: distribute; justify-content: space-around; } }

@media (max-width: 600px) { .mainContent__left .swiper-container a { height: auto; width: 100%; }
  .mainContent__left .swiper-container img { height: 100% !important; padding-bottom: 2.5rem; width: 100%; }
  html, body { overflow-x: hidden; }
  html { font-size: 11px !important; }
  .mainContent { padding: 1rem 0; }
  .mainContent__left .swiper-container { width: 100%; }
  .mainContent__mid .row { -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; -webkit-box-align: start; -ms-flex-align: start; align-items: flex-start; }
  .mainContent__mid .row__left { -ms-flex-preferred-size: 3.95rem; flex-basis: 3.95rem; margin-bottom: 1rem;}
  .mainContent__mid .row__right ul li { width: 25%; }
  .mainContent__mid .row__right { width: 100%; }
  .mainContent__left > div:nth-of-type(2) { margin-left: 0; }
  .row { margin-bottom: 15px; }
  .mainContent__right .notice__tit-more img { width: 2rem; }
  .mainContent__right .callCenter { background-size: 6rem; }
  .mainContent__right .util__img img { width: 5rem; display: inline-block; margin-bottom: 20px; }
  .mainContent__left .swiper-container img { -o-object-fit: fill; object-fit: fill; height: auto; -o-object-fit: cover; object-fit: cover; -o-object-position: top; object-position: top; border-radius: 5px; }
  .banner__list { margin: 0 !important; }
  .mainContent__right .notice__link { width: 100%; }
  #header { height: 6.525rem; }
  .mainContent__left .swiper-container { margin-bottom: 20px; }
  .mainContent__mid .row__left .txt { display: none; }
  .mainContent__mid .row__left { width: 100%; }
  .mainContent__mid .row__left .tit { text-align: center; font-size: 23px; font-weight: 500; }
  .mainContent__mid .row { padding: 27px 13px; }
  .mainContent__mid .row:last-of-type { margin-bottom: 0; }
 /*
 2022.09.13 메인페이지 공지사항 브라우저 사이즈 작아지면 사라짐. 태그에 강제로 스타일 줬던거 지우고 css 주석 처리함.
 .mainContent__right .row:first-of-type { display: none; }
 */
  .mainContent__right .row { padding: 27px 13px; }
  .mainContent__right .callCenter__tit { font-size: 18px; font-weight: 500; margin-bottom: 16px; }
  .mainContent__right .util__tit { margin-top: -1px; font-weight: 500; font-size: 16px; }
  .mainContent__right .row.bg-none { margin-bottom: 0; }
  .mainContent__left .swiper-container .banner__btn-wrap { width: 100%; }
  .form-group__row dl dt label { font-size: 1rem; text-align: center; word-break: keep-all; }
  .mr10 { margin-right: 0 !important; } }

.subContents { min-height: 62.5rem; }

.subContents.unable{
    position: relative;
    box-sizing: border-box;
    display: flex;
    justify-content: center;
    align-items: center;
    min-height: 100vh;
}

.subContents.unable .inner{
  width:1350px;
}

/* content-location */
.content-location { display: block; position: relative; list-style: none; z-index: 11; margin-top: 1.75rem; }

.content-location .content-location-inner { display: block; width: 100%; max-width: 1350px; margin: 0 auto; }

.content-location .content-location-inner > ul { display: -webkit-box; display: -ms-flexbox; display: flex; }

.content-location .content-location-inner > ul > li { color: #666; list-style: none; margin-right: 2rem; line-height: 1.6; font-size: 1rem; position: relative; }

.content-location .content-location-inner > ul > li:after { color: #666; content: ''; display: inline-block; padding-left: 0.5rem; width: 0.6875rem; height: 1.125rem; background: url(../img/home-right.png) no-repeat; position: relative; background-size: contain; top: 0.25rem; right: -0.375rem; }

.content-location .content-location-inner > ul > li span > a { display: inline-block; margin-right: 0.6rem; min-width: 8.125rem; font-size: 1rem; font-weight: 500; }

.content-location .content-location-inner > ul > li.home span > a { width: auto; min-width: auto; }

.fa-solid.ml5, .fas.ml5 { margin-left: 2.8125rem !important; }

.content-location .content-location-inner > ul > li.last:after { display: none; }

.content-location .content-location-inner > ul > li + li > a { display: inline-block; padding: 0 1rem; text-align: center; }

.content-location .content-location-inner > ul:after { display: block; clear: both; content: ''; }

/* 2025.05.13 웹접근성에 따른 디자인 변경 */
/* 
.tabs-list-inner{
  display: block;
  width: 100%;
  max-width: 1350px;
  margin: 0 auto;
}
.tabs-list{
  display: flex;
  justify-content: flex-start;
  align-items: center;
  width: calc( 100% - 2px );
  height: auto;
  overflow: hidden;
  margin: 30px auto 20px auto;

}

.tabs-list li:first-child {
  border-left: 0px;
}

.tabs-list li{
    display: flex;
    justify-content: center;
    align-items: center;
    flex: 1;
    width: 25%;
    height: 60px;
    overflow: hidden;
}
.tabs-list li a.on{
    background: #fff;
    color: #641e92;
    border: 2px solid #641e92;
    border-bottom: 2px solid #fff;
    font-weight: 600;
}
.tabs-list li a{
    text-align: center;
    display: flex;
    font-size: 1rem;
    color: #333333;
    font-weight: 300;
    justify-content: center;
    align-items: center;
    width: 100%;
    height: 60px;
    overflow: hidden;
    background: #f8f8f8;
    border-bottom: 2px solid #641e92;
    border-top: 1px solid #ddd;
    border-right: 1px solid #ddd;
    box-sizing: border-box;
    font-weight: 500;
    word-break: keep-all;
}
.tabs-list li:focus-visible {
    outline: auto !important; 
    outline-offset: 2px;
} */

.tabs-list-inner {
	display: block;
	width: 100%;
	max-width: 1350px;
	margin: 0 auto;
}

.tabs-list {
	display: flex;
	justify-content: flex-start;
	align-items: stretch;
	width: 100%;
	margin: 30px auto 20px;
	padding: 0;
	list-style: none;
	border-left: 1px solid #ddd;
}

.tabs-list li {
	flex: 1;
	border-right: 1px solid #ddd;
	background: #f8f8f8;
	text-align: center;
}

.tabs-list li:first-child {
	border-left: none;
}

.tabs-list li a {
	display: inline-block;
	width: 100%;
	height: 60px;
	line-height: 60px;
	font-size: 1rem;
	font-weight: 500;
	color: #333;
	background: #f8f8f8;
	text-decoration: none;
	border-bottom: 2px solid #641e92;
	box-sizing: border-box;
	word-break: keep-all;
}

/* 선택된 탭 */
.tabs-list li a.on {
	background: #fff;
	color: #641e92;
	border: 2px solid #641e92;
	border-bottom: 2px solid #fff;
	font-weight: 600;
}

/* content-title */
.subContents__header { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; position: relative; border-bottom: 1px solid #333; margin-bottom: 30px; }

.content-title-wrap { display: block; padding: 2.5rem 6.25rem 1.5625rem 0; word-break: keep-all; }

.content-title-wrap .content-title { font-size: 2.05rem; color: #333; font-weight: 600; line-height: 1; }

.content-title-wrap .content-title strong { font-weight: 500; }

.content-title-wrap .content-title span { display: inline-block; position: relative; font-weight: 400; }

.content-title-wrap .content-title strong + span, .content-title-wrap .content-title span + span { margin-left: 0.625rem; padding-left: 1rem; font-size: 1.5rem; }

.content-title-wrap .content-title span + span:before, .content-title-wrap .content-title strong + span:before { content: ""; display: block; position: absolute; left: 0; top: 0.125rem; width: 0.125rem; height: 1.25rem; background-color: #999; }

.content-share-wrap { display: none; }

.subContents__info .mt70 { margin-left: auto; display: inherit; }

.site { margin-top: 25px; margin-bottom: 40px; font-size: 0; line-height: 0; }

.site_item { display: inline-block; position: relative; width: 19.2%; }

.site_item + .site_item { margin-left: 1%; }

.site_show { display: block; position: relative; width: 100%; padding-top: 16px; padding-bottom: 17px; padding-left: 20px; border-radius: 10px; background-color: #f8f9fb; color: #2b2b2b; font-size: 15px; text-align: left; line-height: 17px; letter-spacing: -0.025em; -webkit-transition-property: background-color; transition-property: background-color; -webkit-transition-duration: 0.25s; transition-duration: 0.25s; -webkit-transition-timing-function: linear; transition-timing-function: linear; }

.site_show:after { display: block; position: absolute; top: 0; right: 20px; bottom: 0; width: 13px; height: 8px; margin-top: auto; margin-bottom: auto; background-image: url(/site/public/images/sprite/site_sprite.png); background-position: left top; font-size: 0; content: '닫힘'; }

.site_panel { display: none; position: absolute; left: 0; top: 100%; width: 100%; margin-bottom: 0.625rem; padding: 0.625rem 0.3125rem 0.625rem 0.625rem; border: 1px solid #dedede; border-radius: 0.5rem; background-color: #fff; -webkit-box-shadow: 0 0 1.25rem 0 rgba(0, 0, 0, 0.07); box-shadow: 0 0 1.25rem 0 rgba(0, 0, 0, 0.07); text-align: left; -webkit-transform: translateY(0.625rem); transform: translateY(0.625rem); -webkit-transition-property: visibility, opacity, -webkit-transform; transition-property: visibility, opacity, -webkit-transform; transition-property: visibility, opacity, transform; transition-property: visibility, opacity, transform, -webkit-transform; -webkit-transition-duration: 0.25s; transition-duration: 0.25s; -webkit-transition-timing-function: ease-in-out; transition-timing-function: ease-in-out; z-index: 100; border: 0.125rem solid #641e92; width: 11.25rem; font-weight: 500; }

.site_panel_box { max-height: 26.875rem; overflow-x: hidden; overflow-y: auto; }

.site_panel_box a:hover { color: #641e92; font-weight: 500; }

.site_title { display: block; width: calc(100% - 0.625rem); margin-bottom: 0.5rem; color: #000; font-size: 1rem; line-height: 1.75rem; }

.site_ul + .site_title { margin-top: 1.125rem; padding-top: 1.125rem; border-top: 1px dotted #7f7f7f; }

.site_li a { position: relative; padding-left: 0.625rem; color: #464646; font-size: 0.875rem; line-height: 1.5rem; }

.site_li a:before { display: block; position: absolute; top: 0.75rem; left: 0; width: 0.25rem; height: 0.125rem; background-color: #82b1d6; }

.site_item.active .site_show:after { background-position: left 100%; content: '열림'; }

.site_item.active .site_panel { opacity: 1; visibility: visible; -webkit-transform: none; transform: none; }

@media (min-width: 1431px) { .site_item.n1 .site_li, .site_item.n5 .site_li { display: inline-block; }
  .site_item.n1 .site_li { width: 50%; }
  .site_item.n5 .site_li { width: 47%; }
  .site_item.n5 .site_li:nth-child(2n) { width: 53%; } }

@media (min-width: 1201px) { .site_item.n1 .site_ul:last-child .site_li, .site_item.n4 .site_li { display: inline-block; width: 50%; } }

@media (max-width: 1000px) { .site { margin-bottom: 20px; }
  .site_item { width: 49%; margin-bottom: 15px; }
  .site_item + .site_item { margin-left: 0; }
  .site_item:nth-child(2n) { margin-left: 2%; } }

@media all and (max-width: 640px) { .site { display: none; } }

.com-noti { margin-top: 0rem; padding: 25px; position: relative; background: #f5f5f5; }

.com-noti__right p { font-size: 1rem; font-weight: 400; margin-bottom: 0rem; word-break: keep-all; }

.section { margin-top: 1.25rem; }

.section.bd { padding: 1.5625rem 1.875rem; border: 1px solid #eaeaea; border-radius: 0.8125rem; }
.section.bd.p0{
  padding:0
}
.section__header h4 { font-size: 1.25rem; font-weight: 500; padding-bottom: 0.125rem; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; letter-spacing: -1px; color: #222222; }

.section__header h4 .sm { font-size: 1rem; }

.section__header h4.sm { -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; -webkit-box-align: start; -ms-flex-align: start; align-items: flex-start; }

.section__header h4.sm p { font-size: 1rem; font-weight: 400; color: #434343; margin-top: 0.3rem; }

.section__header h5 { font-size: 1rem; font-weight: 400; padding-bottom: 0.05rem; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; color: #222222; }

.section__header h5 .sm { font-size: 1rem; }

.section__header p { font-size: 1.1rem; }

.section__body.divide{
  position: relative;
  display: flex;
  gap:10px;
  width:100%;
}
@media (max-width: 75rem){
  .section__body.divide{
    flex-direction: column;
  }
}

.section__body .section__half{
  flex:1;
  width:50%;
}
@media (max-width: 75rem){
  .section__body .section__half{
    width:100%;
  } 
}

.section__body .section__half.info img{
  width:100%;
  height: 270px;
}
@media (max-width: 75rem){
  .section__body .section__half.info img{
    width:100%;
    height: auto;
  } 
}
.section .list-table {margin:0.625rem 0;}

.section .list-table tr { min-height: 3.125rem; }

.section .list-table tr:hover { text-decoration: none; }

.section .list-table tr .form-chkbox__control{
  padding: 0 10px;
  padding-bottom: 1.875rem;
  margin: 0px 1.125rem;
  flex-direction: column;
}

.section .list-table tr input[type="checkbox"]{
  display: none;
}
.section .list-table tr input[type="checkbox"]:checked + .form-chkbox__indicator{
  background: #641e92;
}
.section .list-table tr input[type="checkbox"] + .form-chkbox__indicator{
  top: unset;
  bottom: 0;
  left: 50%;
  transform: translateX(-50%);
}


.section .list-table th, .section .list-table td { height: 3.125rem; border: 1px solid #d2d2d2; padding: 0; font-size: 1rem; }

.section .list-table th:hover, .section .list-table td:hover { text-decoration: none; }


.proposal {
	margin-left: 10px;
	display: -webkit-inline-box;
	display: -ms-inline-flexbox;
	display: inline-flex;
	padding: 0.5rem 0.75rem;
	background: #464646;
	border-radius: 1.1875rem;
	-webkit-box-align: center;
	-ms-flex-align: center;
	align-items: center;
	cursor:pointer;
}

/* .proposal__chk { display: inline-block; }*/
.proposal__chk input {
	opacity: 1;
	z-index: 0;
	width: 1rem;
	height: 1rem;
	position: relative;
	width: 1.4375rem;
	height: 1.4375rem;
	background: #fff;
	border-radius: 50%;
	margin-right: 0.8125rem;
	cursor:pointer;
}

.proposal__txt { font-size: 1rem; font-weight: 500; color: #fff; }

.proposal.is-active { background: #641e92; cursor:pointer;}

.noti { margin-top: 0.3125rem; font-size: 1.225rem; font-weight: 500; color: red; line-height: 1.5; }

.noti.sm { font-size: 1.1rem; }

.noti-tit { font-size: 1.3rem; font-weight: 500; padding: 10px 0; padding-bottom: 0; }

.noti-tit.line { border-bottom: 1px solid #641e92; }

.noti-tit.line label { color: #641e92; font-size: 1.4rem; font-weight: 500; }

.com-card1 { position: relative; min-height: 19.0625rem; border: 1px solid #ccc; padding: 1.5625rem 2.5rem; -webkit-box-sizing: border-box; box-sizing: border-box; min-height: 19.8375rem; }

@media (max-width: 1200px) { .com-card1 { margin-bottom: 10px; } }

.com-card1 .btn-wrap { position: absolute; right: 2.5rem; top: 2.5rem; }

.com-card1 .btn-wrap .btn-mid { padding-left: 2.5rem; padding-right: 2.5rem; }

.com-card1 img { height: 4.8125rem; display: inline-block; margin-bottom: 1.25rem; }

.com-card1 .tit { font-size: 1.5rem; font-weight: 500; margin-bottom: 0.4375rem; }

.com-card1 .txt { font-size: 1rem; font-weight: 500; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; line-height: 1.7; }

.com-card1 .txt img.q { width: 2.0625rem; height: 2.0625rem; margin-bottom: 0.43em; margin-right: 0.2em; }

ul.com-tit { position: relative; padding-left: 1.875em; border-bottom: 1px solid #aaa; padding-bottom: 1rem; }

ul.com-tit:after { content: ""; display: block; content: ""; display: block; width: 0.5em; height: 0.5em; background: #641e92; position: absolute; left: 10px; position: absolute; top: 50%; -webkit-transform: translateY(-50%); transform: translateY(-50%); top: 35% !important; }

ul.com-tit li { position: relative; opacity: 1; color: #565656; margin-right: 1.875em; font-size: 1.15em; font-weight: 500; }

li.txt { font-size: 1.2rem; }

.board-btn-wrap { display: block; overflow: hidden; position: relative; margin: 30px auto; text-align: center; }

.board-btn-wrap button, .board-btn-wrap a { height: 4rem; line-height: 4rem; padding: 0 5rem; }

.com-bg-d { padding: 1.13rem 1.25rem; margin-bottom: 0.625rem; border: 1px solid #eee; margin-top: 1.1rem; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; }

.com-bg-d .left { font-size: 1.1rem; margin-right: 2rem; }

.com-bg-d .right { opacity: 1; display: -webkit-box; display: -ms-flexbox; display: flex; /* align-items: center; */ -webkit-box-flex: 1; -ms-flex-positive: 1; flex-grow: 1; }

@media (max-width: 1200px) { .com-bg-d .right { width: 100%; } }

@media (max-width: 1200px) { .com-bg-d { padding: 10px; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; -webkit-box-align: start !important; -ms-flex-align: start !important; align-items: flex-start !important; margin-bottom: 5px; } }

.btn-sms { display: inline-block; height: 2.125rem; line-height: 2.125rem; padding: 0 1rem; font-size: 1rem; color: #fff; border-radius: 0.3125rem; }

@media (max-width: 1200px) { .com-card1 { height: auto; }
  .com-card1 .txt { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; }
  .com-card1 .txt img.q { margin-bottom: 0; } }

.com-agree-wrap { background: #F5F5F5; border: 1px solid #EEEEEE; padding: 1.5rem 1.8rem; word-break: keep-all;}

.com-agree-wrap h4{
  font-size: 1.25rem;
    font-weight: 500;
    padding-bottom: 0.125rem;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    letter-spacing: -1px;
    color: #222222;

}
.com-agree-wrap .top { border-bottom: 0.125rem solid #333; }

.com-agree-wrap .info { margin-top: 0.3rem; font-size: 1.2rem; word-break: keep-all; }

.com-info{
  position: relative;
  padding: 2rem 4rem;
  display: flex;
  gap:50px;
  align-items: center;
}

.com-info h4{
  font-size: 1.25rem;
  font-weight: 500;
  padding-bottom: 0.125rem;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  letter-spacing: -1px;
  color: #222222;
}
.com-data ul{
  margin-bottom: 10px;
}
.com-agree-wrap.type2{
  position: relative;
  padding: 1rem 4rem;
}
.com-agree-wrap.type2 .info ul{
  position: relative;
  display: flex;
  justify-content: space-between;
  align-items: flex-start;
  gap:10px;
}
.com-agree-wrap.type2 .info ul > li{
  flex:1;
}

button.w200 { width: 12.5rem !important; text-align: center; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; height: 2.8rem; }

@media (max-width: 1200px) { button.w200 { width: 7.5rem !important; } }

.com-my { margin-top: 4.125rem; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; }

.com-my > .left { opacity: 1; width: 50%; }

.com-my > .left p.tit { font-size: 2rem; line-height: 1.2; font-weight: 500; margin-bottom: 0.3rem; }

.com-my > .left p.txt { margin-bottom: 0.3rem; font-size: 1rem; }

.com-my .right { -webkit-box-flex: 1; -ms-flex-positive: 1; flex-grow: 1; display: -webkit-box; display: -ms-flexbox; display: flex; }

.com-my .right .left { margin-right: 7rem; -webkit-box-flex: 0; -ms-flex: none; flex: none; }

.com-my .right .left img { opacity: 1; }

.com-my .right .left p { opacity: 1; margin-top: 0.3rem; font-size: 1.4375rem; font-weight: 500; }

.com-my .right .right { opacity: 1; }

.com-my .right .right ul { display: -webkit-box; display: -ms-flexbox; display: flex; -ms-flex-wrap: wrap; flex-wrap: wrap; }

.com-my .right .right ul li { width: 50%; }

.com-my .right .right ul li dl { display: -webkit-box; display: -ms-flexbox; display: flex; }

.com-my .right .right ul li dl dt { width: 8.75rem; font-size: 1rem; text-transform: uppercase; font-size: 1rem; font-weight: 500; }

.com-my .right .right ul li dl dd { opacity: 1; font-size: 1rem; }

.btn-ssm { height: 1.875rem !important; color: #fff; padding: 0 20px !important; }

.faq-wrap .faq-section dt::after { top: 50%; }

/* step-list-wrap */
.step-list-wrap { margin-bottom: 1.25rem; }

.step-list-wrap ol { overflow: hidden; display: block; height: 5rem; background-color: #F0F0F0; display: -webkit-box; display: -ms-flexbox; display: flex; }

.step-list-wrap ol span { font-size: 1rem; font-weight: 500; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; color: #363636; }

.step-list-wrap ol strong { font-size: 1.875rem; font-weight: 800; color: #363636; margin-right: 5px; }

.step-list-wrap ol li.active strong { color: #fff; }

.step-list-wrap.steps5 li { width: 25%; }

.step-list-wrap li { display: block; position: relative; float: left; padding: 0rem 0.625rem 0rem 3.875rem; line-height: 5rem; }

.step-list-wrap.rows { display: table; }

.step-list-wrap.rows ol { overflow: visible; height: auto; }

.step-list-wrap.rows li { float: none; display: table-cell; padding: 1.25rem 0.625rem 1.25rem 1.875rem; line-height: 120%; vertical-align: middle; }

.step-list-wrap li + li:before { content: ""; display: block; width: 2.25rem; height: 100%; position: absolute; left: 0; top: 0; z-index: 1; background-image: url(../img/step-right.png); background-size: 100% 100%; background-repeat: no-repeat; background-position: 0 0; }

.step-list-wrap li.active { background-color: #721896; color: #fff; }

.step-list-wrap li.active + li:before { background-image: url(../img/step-active-right.png); }

.step-list-wrap li.active span { color: #fff; font-weight: 600; }

.btn-type1 { background: #641e92; color: #fff; width: 12.5rem; font-size: 1.375rem; font-weight: 500; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; }

.form-input.w50, .form-select.w50 { width: 29.75rem; }

.com-agree-wrap { margin-top: 1.25rem; padding: 0.9rem 1rem; }

.com-agree-wrap .txt{padding-left: 1rem;}

.form-wrap { margin: 0; }

.form-chkbox__control { font-size: 1.25rem; font-weight: 500; }

.com-agree-wrap .top { border-bottom: 1px solid #CCCCCC; margin-bottom: 11px; }

.form-input.w33, .form-select.w33 { max-width: 7.5rem; }

.com-agree-wrap .info { font-size: 1rem; -webkit-transform: 0; transform: 0; }

.form-input.w10, .form-select.w10 { width: 5.4rem; }

.form-input.w5, .form-select.w5 { width: 3rem; }

.com-agree { display: -webkit-box; display: -ms-flexbox; display: flex; }

.com-agree .proposal { width: 100%; }

li.w33 .com-agree-wrap { min-height: 8.325rem; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; }

li.w33 .com-agree-wrap .info { width: 91%; }

.com-agree-wrap .info p { padding-left: 1rem; text-indent: -0.6rem; }

.com-agree-wrap .info p a { text-indent: 0; }

.board-btn-wrap { margin: 4.6875rem 0; }

.board-btn-wrap .btn + .btn { margin-left: 0.7rem; }

.com-bg-d .right input { background: #fff; }

.proposal__txt { font-size: 1rem; font-weight: 500; }

@media all and (max-width: 48rem) { .step-list-wrap ol { display: table; height: auto; width: 100%; }
  .step-list-wrap li { display: table-cell; float: none; min-height: 3.875rem; padding: 0.625rem 0.625rem 0.625rem 1.25rem; line-height: 1; vertical-align: middle; }
  .step-list-wrap li + li:before { width: 0.625rem; }
  .step-list-wrap li span { line-height: 1.2; } }

@media (max-width: 1350px) { .content-location { padding:0 15px;}
  .form-input.w50, .form-select.w50 { width: 26.75rem; } }

.form-date { border: 1px solid #CCCCCC; background: #f5f5f5 url(../img/icon_date_cal_btn.png) no-repeat; position: relative; background-position: right; cursor: pointer; font-size: 0.9rem; background-size: contain; height: 2.5rem; }

.section .list-table th, .section .list-table td { padding: 0 10px; }

.form-input.bg-f { background: #fff; }

.form-input, .form-select { height: 2.3rem; line-height: 2.3rem; }

.btn-xm { padding: 0.325rem 1.2rem; border-radius: 0.3125rem;}

.section .list-table th, .section .list-table td { padding: 0.3125rem 0.625rem; }

.form-radio span { min-width: 8.75rem; }

.form-radio + .form-radio { margin-left: 1.375rem; }

.radio-wrap { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; }

.form-input, .form-select { background: #fff; }

.form-date { border: 1px solid #CCCCCC; background: #f5f5f5 url(../img/icon_date_cal_btn.png) no-repeat; position: relative; background-position: right; cursor: pointer; font-size: 0.9rem; background-size: contain; height: 2.5rem; }

.rows-wrap { width: 100%; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; }

.form-input.w10, .form-select.w10 { width: 5.1rem; }

.form-input, .form-select { color: #333; }

.section .list-table th, .section .list-table td { height: 2.6rem; }

.form-group__row dl dt label, td { -webkit-transform: 0; transform: 0; }

.filebox label { height: 2.3rem; line-height: 2.3rem; }

.com-agree-wrap { padding-left: 1rem; margin-top: 0.65rem; }

/* .flex-w33 > *:nth-of-type(8) { margin-bottom: 0; } */

.go-top { display: block; position: fixed; /* bottom: 283px; */ bottom: 20px; right: 20px; z-index: 99; width: 44px; height: 44px; }

.go-top > a { display: block; overflow: hidden; width: 44px; height: 44px; display: block; background-color: #641e92; background-image: url(../img/arw-btn-go-top.png); background-repeat: no-repeat; background-position: 50% 50%; border-radius: 6px; background-size: 14px 8px; }

.content_box p { padding: 2.5rem; }

.subContents__info { margin-bottom: 2.5rem; }

.site_panel { display: none; }

.site_panel.is-active { display: block; }

.tab-list-wrap { text-align: center; width: 100%; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; margin-top: 2.8125rem; }

.tab-list-wrap > .tab__list2 { height: 8.3125rem; }

.tab-list-wrap > .tab__list2.is-active a { border: 3px solid #721896; }

.tab-list-wrap > .tab__list2 > .tab__item2 { display: block; width: 100%; height: 100%; border: 1px solid #EEEEEE; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; }

.tab-info { -webkit-box-align: center; -ms-flex-align: center; align-items: center; }

.tab-info .img { margin-right: 2.0625rem; }

.tab-info .img img { width: 4.5625rem; }

.tab-info p { font-size: 1.5rem; font-weight: 500; text-align: left; }

.tab-info p span { display: block; font-size: 1.25rem; font-weight: 400; position: relative; top: -0.375rem; }

.form-radio span { min-width: auto; }

.com-type2 { margin-top: 4.0625rem; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; }

.com-type2 .flex { padding: 1.875rem 4.125rem; background: #F0F0F0; }

.com-type2 .flex .img { margin-right: 1.5625rem; }

.com-type2 .flex .img img { width: 5.625rem; }

.com-type2 .flex p { font-size: 1.5rem; font-weight: 500; }

.com-type2 .flex p span { display: block; font-size: 1rem; font-weight: 400; position: relative; top: -0.3125rem; }

.com-type2 .flex p .w100 { display: inline-block; text-align: center; width: 100%; height: 2.0625rem; background: #D8A929; color: #fff; font-size: 1rem; line-height: 2.1875rem; }

.agree { margin-top: 0.1375rem; }

.agree .agreeBox { max-height: 12.5rem; padding: 1%; border: 0.0625rem solid #d4d4d4; overflow-y: scroll; background: #F8F8F8; }

.agree .form-chkbox__control { font-size: 1rem; font-weight: 500; }

.section.agrees { margin-top: 2.25rem !important; }

legend { position: absolute; top: 0; left: 0; height: 0; overflow: hidden; visibility: hidden; font-size: 0; line-height: 0; }

.form-wrap.agree .form-chkbox { width: 100%; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; }

.form-wrap.agree .form-chkbox__control { font-size: 1.3rem; text-align: center; }

.com-agree-wrap.pd { padding: 0.5rem 1rem; }

.com-agree-wrap.pd.mt45 { border-top: 1px solid #d7d7d7; border-bottom: 1px solid #d7d7d7; background: #eef4fa; text-align: center; padding: 1.875rem; }

input[type="password"] { font-family: "굴림"; }

input[type="password"]::-webkit-input-placeholder { font-family: 'Noto Sans KR', sans-serif; }

input[type="password"]:-ms-input-placeholder { font-family: 'Noto Sans KR', sans-serif; }

input[type="password"]::-ms-input-placeholder { font-family: 'Noto Sans KR', sans-serif; }

input[type="password"]::placeholder { font-family: 'Noto Sans KR', sans-serif; }

.com-dese-txt { width: 100%; margin-top: 0.2rem; padding: 0.8125rem; -ms-flex-item-align: start; align-self: flex-start; background: #f5f5f5; text-align: left;}

.com-dese-txt p { font-size: 1rem; margin-bottom: 0 !important; }

.is-visible .cd-popup-container { height: auto; overflow: hidden; }

.is-visible .cd-popup-container.h80 { height: 80%; }

.cd-popup__info { height: 85% !important; overflow-y: scroll; padding: 5rem 10px; padding-top: 1rem; padding-bottom: 2rem; }

@media screen and (max-width: 1200px) { .cd-popup__info { padding-bottom: 1rem; } }

.cd-popup__btn.w100 { display: none; overflow: hidden; position: absolute; left: 0; right: 0; bottom: 0; }

.tab-list-wrap { width: 80%; margin: 0 auto; margin-top: 3.2rem; }

.login-wrap { width: 77.7%; margin: 0 auto; margin-top: 4rem; border: 0.0625rem solid #eaeaea; padding: 2.5rem 8.75rem; -webkit-box-sizing: border-box; box-sizing: border-box; }

.login-wrap input { -webkit-box-flex: 1 !important; -ms-flex-positive: 1 !important; flex-grow: 1 !important; }

.login-wrap .top { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; margin-bottom: 2.375rem; }

.login-wrap .top > li { margin: 0rem 0.3125rem; width: 50%; }

.login-wrap .top > li + li { margin: 0rem 0.3125rem; }

/*
.login-wrap .top > li + li a { background: #8B8B8B; }
*/

.login-wrap .top > li a { display: block; text-align: center; color: #fff; height: 2.5625rem; line-height: 2.5625rem; font-size: 1rem; border-radius: 0.5625rem;}

.login-wrap .certificate { width: 70%; margin: 0 auto; margin-top: 2.3125rem; }

.login-wrap .certificate button.btn { width: 100%; height: 4.375rem; line-height: 4.375rem; color: #fff; background: #145FAD; font-size: 1.375rem; font-weight: 500; }
.login-wrap .certificate.flex{gap:15px;}

.login-wrap .certificate button.btn.bg-main { background: #641e92; }

.login-wrap .certificate button.btn.bg-black { background: #363636; }

.login-wrap .certificate ul { margin:1.25rem -0.3125rem;}

.login-wrap .certificate ul li { width: 50%; text-align: center; border: 0.0625rem solid #E5E5E5; margin: 0 0.3125rem; }

.login-wrap .certificate ul li a { display: block; height: 2.0625rem; line-height: 2.0625rem; font-size: 1rem; font-weight: 500; }

.form-input.w33, .form-select.w33 { max-width: 7.64rem; }

.form-input.w33, .form-select.w33 { width: 33.3%; }

.mypage { opacity: 1; margin-top: 1.25rem; }

.mypage > .lef { opacity: 1; background: #651f92; padding:2.5rem 1.875rem; width: 18.5rem; margin-right: 1.25rem; border-radius: 10px; }

.mypage .top { font-size: 1.4375rem; font-weight: 500;}

.mypage .top a{ position: relative;}

.mypage .top .introduction{color:#fff; font-size: 18px;}

.mypage .top .introduction p {font-weight: bolder;}

.mypage .top .introduction span { color:#fff;}

.mypage .info { margin-top: 1rem; }

.mypage .info ul{
  position: relative;
  color:#fff;
}
.mypage .info ul li{
  border-bottom: solid 1px #844ca8;
}

.mypage .info ul li a{
  color: #fff;
  display: flex;
  justify-content: space-between;
  align-items: center;
  padding: 10px 0;
  font-size: 1rem;
  font-weight: 500;
}
.mypage .info ul li a div{
  font-weight: 500;
}
.mypage .info ul li a div i{

}
.mypage .info dl { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; margin-bottom: 0.5rem; font-size: 1rem; }

.mypage .info dl dt { font-weight: 500; font-size: 1.3125rem;  color:#fff;}

.mypage .info dl dd { font-weight: 400;  color:#fff;}

.mypage > .ref { opacity: 1; -webkit-box-flex: 1; -ms-flex-positive: 1;flex-grow: 1; }

.mypage > .ref .rows { opacity: 1; -webkit-box-flex: 1; -ms-flex-positive: 1;flex-grow: 1; background: #f5f5f5; padding: 2.1875rem 5rem;  border-radius: 10px; border:solid 1px #eaeaea;
}

.mypage > .ref .rows + .rows { opacity: 1; margin-top: 1rem; }

.mypage > .ref .rows .lef { font-size: 1.25rem; font-weight: 800; margin-right: 1.25rem; width: 8.125rem; }

.mypage > .ref .rows .ref {  display: flex; text-align: center; flex-wrap: wrap; flex: 1; justify-content: space-between; gap:50px 10px;}

.mypage > .ref .rows .ref dl {  width: calc(32%);}

.mypage > .ref .rows .ref dl:last-of-type { margin-right: 0; }

.mypage > .ref .rows .ref dl dt { font-size: 1.1875rem; font-weight: 400; word-break: keep-all; 
color:#fff;
padding:10px;
background: #a190ac;
border-radius: 10px;
}

.mypage > .ref .rows .ref dl dd {
  font-size: 1rem;
  margin-top: 1rem;
  display: flex;
  justify-content: center;
  align-items: center;
}

.mypage > .ref .rows .ref dl dd .num { opacity: 1; font-size: 1.875rem; font-weight: 800; color: #2c2c2c; }

.mypage > .ref .rows.rows-bottom{ padding:0; border:none; background: none;}

.mypage > .ref .rows.rows-bottom dl dt{ background: #f5f5f5;
border: solid 1px #eaeaea; padding: 20px 5px; display: flex; justify-content: center; align-items: center; font-size:22px; }

.mypage > .ref .rows.rows-bottom dl dt a{ font-weight: 600;}


.subContents { min-height: auto; }

.com-card2 .had { padding-bottom: 0.625rem; }

.com-card2 .had p { font-size: 1.25rem; font-weight: 500; }

.com-card2 .had p span { font-size: 1rem; font-weight: 400; }

.desc-type01 { margin-top: 1.5rem; }

.desc-type01 ul { opacity: 1; }

.desc-type01 ul li { margin-bottom: 1.25rem; -webkit-box-align: center; -ms-flex-align: center; align-items: center; }

.desc-type01 ul li .lef { margin-right: 1.25rem; opacity: 1; min-width: 4.5rem; height: 4.5rem; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; background: #641e92; border-radius: 50%; color: #fff; font-weight: 800; font-size: 1.375rem; }

.desc-type01 ul li .ref { opacity: 1; font-size: 1rem; }

.radio-wrap.flex-d-c { -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; -webkit-box-align: start; -ms-flex-align: start; align-items: flex-start; }

.radio-wrap.flex-d-c .form-radio { margin-left: 0; margin-top: 0.625rem; width: 100%; }

.radio-wrap.flex-d-c .form-radio label { width: 100%; }

.com-agree-wrap .info p { margin-bottom: 0.4rem; }

.form-group button { height: auto; }

td:hover a.c-fff { color: #fff !important; }

caption { display: block; overflow: hidden; position: absolute; left: -10000000000000000px; top: -999999px; width: 0; height: 0; font-size: 1px; }

@media (max-width: 1200px) { .mypage { -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; }
  .mypage > .lef { width: 100%; margin-bottom: 10px; -webkit-box-sizing: border-box; box-sizing: border-box; }
  .mypage > .ref .rows { -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; -ms-flex-wrap: wrap; flex-wrap: wrap; padding:2rem}
  .mypage > .ref .rows .ref { -ms-flex-wrap: wrap; flex-wrap: wrap; -ms-flex-item-align: start; align-self: flex-start;
  gap: 30px 10px; }
  .mypage > .ref .rows .ref dl { width:calc(48%);}
  .login-wrap { padding: 1.5rem 1.75rem; width: 100%; }
  .login-wrap .certificate { width: 100%; }
  .tab-list-wrap { width: 100%; }
  .form-input.w25, .form-select.w25 { width: 100%; }
  .form-input.mr10, .form-select.mr10 { margin-right: 0 !important; }
  .mypage > .ref .rows.rows-bottom{
    position: relative;
  }
  .mypage > .ref .rows.rows-bottom .ref{
    gap:10px;
  }
  .mypage > .ref .rows.rows-bottom dl{
    width:100%;
  }
  .mypage > .ref .rows.rows-bottom dl dt{
    font-size: 18px;
    padding: 10px;
  }
  .flex-w50 > * { -webkit-box-flex: 1; -ms-flex: 1 1 100%; flex: 1 1 100%; max-width: 100%; padding: 0; }
  .flex-w50 { margin: 0; margin-top: 20px; }
  .tab-list-wrap > .tab__list2 + .tab__list2 { margin-top: 15px !important; }
  .scroll-wrap:before, .scroll-tbl-wrap:before { content: ""; position: absolute; top: 4px; right: 0; z-index: 999; width: 43px; height: 12px; color: #333; font-size: 14px; background: url(../img/hint-table-scroll.png) no-repeat 0 0; }
  td .flex .btn-xm.bg-black.mr5 { margin-top: 0 !important; }
  .mo-flex-d-c { -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; -webkit-box-align: start !important; -ms-flex-align: start !important; align-items: flex-start !important; }
  .ml45 { margin-left: 1.8125rem !important; }
  .rows-wrap { -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: start; -ms-flex-align: start; align-items: flex-start; }
  .rows-wrap .rows { width: 100%; }
  .radio-wrap { -ms-flex-wrap: wrap; flex-wrap: wrap; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; -webkit-box-align: start; -ms-flex-align: start; align-items: flex-start; }
  .form-radio + .form-radio { margin-left: 0; margin-top: 5px; }
  .ml20.m1 { margin-left: 0 !important; margin-top: 5px; }
  .form-input.bg-f { width: 100% !important; }
  .com-agree-wrap .info { width: 100%; }
  li.w33 .com-agree-wrap { margin-top: 0 !important; }
  .com-agree.flex-w33 > * { margin-bottom: 10px !important; }
  li.w33 .com-agree-wrap { min-height: auto; }
  .btn-xm.bg-black.mr5 { margin-top: 5px; margin-right: 0 !important; }
  .form-input.w33.mr5 { margin-right: 0 !important; }
  .form-input.w33, .form-select.w33 { max-width: 100%; }
  .section__header h5 { -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; -webkit-box-align: start; -ms-flex-align: start; align-items: flex-start; }
  .inner { padding: 0 15px; }
  .content-location { padding:0 15px; }
  .form-input.w50, .form-select.w50 { margin-top: 5px; width: 100%; }
  .form-group button { width: 100%; }
  .flex-mo-fd { width: 100%; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; }
  .form-input.w33, .form-select.w33 { width: 100% !important; }
  .com-my { -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; }
  .com-my .right { margin-top: 1.25rem; }
  .com-my > .left { width: 100%; }
  .com-my .right .left { margin-right: 0; }
  .com-my .right { -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; }
  .com-my .right .right ul li { padding: 0 5px; -webkit-box-sizing: border-box; box-sizing: border-box; }
  .com-bg-d .left { margin-bottom: 5px; }
  .com-bg-d .left { width: 100%; }
  .com-bg-d .left .form-select.w180 { width: 100% !important; }
  .com-bg-d .left.w50 { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; }
  .com-bg-d .left.w50 .form-select.w50 { -webkit-box-flex: 0.9; -ms-flex: 0.9; flex: 0.9; }
  .com-bg-d .left.w50 .form-select.w180 { width: 49.5% !important; -webkit-box-sizing: border-box; box-sizing: border-box; -ms-flex-negative: 0; flex-shrink: 0; }
  .com-bg-d .right { -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; }
  .com-bg-d .right button.w120 { width: 100% !important; margin-top: 5px; height: 2.5rem !important; }
  .faq-wrap .faq-section dt { height: auto !important; }
  .list-table.sm col:not(.sm-view), .list-table.sm td:not(.sm-view), .list-table.sm th:not(.sm-view) { display: none; }
  .list-table th { min-width: 100px !important; }
  .proposal { margin-left: 0; margin-top: 0.625rem; } }

@media (max-width: 600px) { .ml45 { margin-left: 2.6125rem !important; }
  .mr10 { margin-right: .625rem !important; }
  .com-my .right .left { text-align: center; }
  .com-my .right .right ul li dl { -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; }
  .section { margin-top: 0.625rem; }
  .content-title-wrap { padding: 2.25rem 0.25rem 2rem 0; }
  .com-noti::before { display: none; }
  .com-noti { margin-top: 2.5rem; padding: 0.875rem 0.25rem; padding-right: 1.5rem !important; padding-left: 1.5rem !important; position: relative; background: #f5f5f5; }
  .section__header h4 { -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; -webkit-box-align: start; -ms-flex-align: start; align-items: flex-start; }
  .form-group__row dl dt { -ms-flex-preferred-size: 9rem; flex-basis: 9rem; max-width: 9rem; word-break: keep-all; border-right: 1px solid #aaa; padding-right: 0.4rem; }
  .form-wrap { -ms-flex-wrap: wrap; flex-wrap: wrap; }
  .form-wrap .rows { margin: 0; }
  .com-agree-wrap { padding: 1.5rem 1.75rem; }
  .list-table th { min-width: 60px !important; }
  .com-noti { padding-left: 2.5rem; }
  .board-btn-wrap button, .board-btn-wrap a { padding: 0 4rem; }
  .content-location .content-location-inner > ul > li { margin-right: 1rem; } }

.buLogin { margin-top: 2.625rem; }

.buLogin__tit { font-size: 1.5rem; font-weight: 500; text-align: center; }

.buLogin__wrap { margin: 0 -1.25rem; margin-top: 2.25rem; }

@media screen and (max-width: 900px) { .buLogin__wrap { -ms-flex-wrap: wrap; flex-wrap: wrap; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; } }

.buLogin__lef, .buLogin__ref { opacity: 1; margin: 0 1.25rem; }

@media screen and (max-width: 900px) { .buLogin__lef, .buLogin__ref { margin-top: 10px; } }

.buLogin__info { padding: 1.625rem 2.625rem; border: 0.0625rem solid #d5d5d5; border-radius: 0.625rem; min-height: 23.375rem; -webkit-box-sizing: border-box; box-sizing: border-box; }

@media screen and (max-width: 1200px) { .buLogin__info { min-height: 26rem; } }

@media screen and (max-width: 600px) { .buLogin__info { min-height: 20rem; } }

.buLogin__sub-tit { opacity: 1; }

.buLogin__sub-tit img { margin-right: 0.875rem; width: 4.5rem; }

.buLogin__sub-tit p { font-size: 1rem; font-weight: 500; }

.buLogin__sub-tit p strong { display: block; font-size: 1.5rem; font-weight: 800; margin-top: -0.25rem; }

.buLogin__sub-txt { font-size: 1rem; margin-top: 1.25rem; }

.buLogin__login-wrap { margin-top: 1.625rem; display: -webkit-box; display: -ms-flexbox; display: flex; }

.buLogin__login-wrap .lef { opacity: 1; }

@media screen and (max-width: 1200px) { .buLogin__login-wrap .lef { width: 100%; } }

.buLogin__login-wrap .lef input { height: 2.1875rem; border: 0.0625rem solid #eaeaea; width: 94%; font-size: 1rem; padding-left: 0.75rem; border-radius: 0.375rem; }

.buLogin__login-wrap .lef input + input { opacity: 1; }

.buLogin__login-wrap .ref { width: 12.5rem; background: #641E92; font-size: 1.375rem; font-weight: 500; text-align: center; }

.buLogin__login-wrap .ref button { opacity: 1; height: 100%; background: #641E92; font-size: 1.375rem; font-weight: 500; text-align: center; color: #fff; }

.buLogin__link { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; margin: 0 -0.3125rem; margin-top: 0.625rem; }

.buLogin__link li { -webkit-box-flex: 1; -ms-flex: 1; flex: 1; text-align: center; padding: 0 0.3125rem; }

.buLogin__link li a { display: block; width: 100%; height: 2.125rem; background: #D4D4D4; line-height: 2.125rem; font-size: 1rem; }

.buLogin__ref { opacity: 1; }

.buLogin__btn-wrap { margin: 0 -0.3125rem; margin-top: 1.25rem; display: -webkit-box; display: -ms-flexbox; display: flex; }

.buLogin__btn-wrap li { -webkit-box-flex: 1; -ms-flex: 1; flex: 1; text-align: center; /* flex-shrink: 0; */ padding: 0 0.3125rem; }

.buLogin__btn-wrap li a { display: block; width: 100%; height: 4.375rem; line-height: 4.375rem; background: #145FAD; color: #fff; font-size: 1rem; }

.buLogin__btn-wrap li a img { width: 1.625rem; margin-right: 0.625rem; }

.buLogin__way { text-align: right; margin-top: 1.25rem; }

.buLogin__way a { font-size: 1rem; font-weight: 500; color: #000; }

.list-wrap01 { display: -webkit-box; display: -ms-flexbox; display: flex; gap: 0.625rem; }

@media screen and (max-width: 1200px) { .list-wrap01 { -ms-flex-wrap: wrap; flex-wrap: wrap; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; } }

.list-wrap01 li { width: 33.3%; background: #f5f5f5; padding: 1.5625rem 2.1875rem; border-radius: 0.5rem; -webkit-box-sizing: border-box; box-sizing: border-box; }

@media screen and (max-width: 1200px) { .list-wrap01 li { width: 100%; } }

.list-wrap01 li .tit { font-size: 1rem; color: #641e92; font-weight: 500; margin-bottom: 0.3125rem; }

.list-wrap01 li .txt { margin-top: 0.4375rem; opacity: 1; font-size: 1rem; }

.box-type01 { opacity: 1; }

.box-type01 .content { margin-bottom: 1.875rem; }

.box-type01 .content p.tit { font-size: 1rem; font-weight: 500; color: #631e92; }

.box-type01 .content p.txt { font-size: 1rem; }

@media (max-width: 600px) { .com-agree-wrap { padding: 0.5rem 0.75rem; } }

.list-table, .form-group { border-top: 2px solid #2e2e2e; }

.section .list-table th, .section .list-table td { height: 2.41rem !important;}

.section .list-table td .desc {
  display: -webkit-box;
  -webkit-line-clamp: 3; /* 라인수 */
  -webkit-box-orient: vertical;
  overflow: hidden;
}

.form-group__row dl dt, .form-group__row dl dd { padding-top: 0.41rem; padding-bottom: 0.41rem; }

.list-table tr:hover { background: none; }

.com-noti__right p { font-size: 1rem; font-weight: 400; margin-bottom: 0rem; word-break: keep-all; padding-left: 1rem; text-indent: -0.6rem; }

.list-table th { font-family: 'Noto Sans KR', sans-serif; }

.com-agree-wrap .info p { font-size: 1rem; }

.form-group__row dl dt, .form-group__row dl dt label, .form-group__row dl dd, .form-input, .from-select, .form-radio label span, .form-chkbox__control { font-size: 1rem; }

.com-agree-wrap { padding-left: 2rem; }

.form-input.w10, .form-select.w10 { width: 5rem; }

.form-group__row dl dt, .form-group__row dl dd { padding-top: 0.41rem; padding-bottom: 0.41rem; -webkit-box-sizing: border-box; box-sizing: border-box; min-height: 3.125rem; }

.num-type .form-input.w10, .num-type .form-select.w10 { width: 33.3%; }

.num-type .form-input.w5, .num-type .form-select.w5 { width: 20%; }

.form-group__row dl dd { padding-left: 0.625rem; padding-right: 0.625rem; }

.form-input.w25, .form-select.w25 { width: 100%; min-width: 8rem !important; }

.form-input.w10, .form-select.w10 { width: 4.9rem; }

.rows-wrap { -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; }

.mo-flex.mt5 { margin-top: 0px !important; }

.form-chkbox__indicator { top: 48%; }

.com-noti__right p { font-size: 1rem; }

.filebox button { width: 5rem !important; }

.filebox.bs3-primary { margin-bottom: 5px; }

.filebox .upload-name {width: 70%; }

.btn-wrap.tac { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; margin-top: 1.5rem !important; gap:10px;}

.form-group__row dl dd.flex.no-wrap { -ms-flex-wrap: nowrap; flex-wrap: nowrap; }

.com-dese-txt { -webkit-box-sizing: border-box; box-sizing: border-box; }

.form-group__row dl dd.p0 { min-height: auto; padding-top: 0rem; position: relative; top: -3px; }

.form-group__row dl div.w100 { width: 100%; }

.com-card2 { -webkit-box-sizing: border-box; box-sizing: border-box; }

.form-control { color: #333 !important; }

.com-agree-wrap .info p { text-indent: -0.9rem; }

@media screen and (max-width: 1200px) { .radio-wrap { width: 100%; }
  .form-group__row dl dd.flex.no-wrap { -ms-flex-wrap: wrap; flex-wrap: wrap; }
  .rows-wrap .rows.mo-flex { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; }
  .mo-flex.mt5 { margin-top: 5px !important; }
  .mo-flex-d-c { width: 100%; }
  .form-input.w25, .form-select.w25 { min-width: auto; }
  .num-type .form-input.w10, .num-type .form-select.w10 { width: 100%; }
  .num-type .form-input.w5, .num-type .form-select.w5 { width: 100%; }
  .form-input.w10, .form-select.w10 { width: 100%; }
  .form-input.w5, .form-select.w5 { width: 100%; }
  .section__header h5 { -webkit-box-orient: horizontal; -webkit-box-direction: normal; -ms-flex-direction: row; flex-direction: row; }
  .step-list-wrap.steps5 li { display: none; }
  .step-list-wrap.steps5 li ::before { display: none; }
  .step-list-wrap ol { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; }
  .step-list-wrap.steps5 li.active::before { display: none; }
  .step-list-wrap.steps5 li.active, .step-list-wrap.steps5 li.active + li { display: -webkit-box; display: -ms-flexbox; display: flex; width: 100%; text-align: center; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; }
  .step-list-wrap li + li:before { width: 2.625rem; } }

@media screen and (max-width: 1200px) { .form-input.w25, .form-select.w25 { min-width: 7rem !important; }
  .step-list-wrap li + li:before { width: 2.625rem; left: -1px; height: 101%; }
  .section__header h5 span { display: block; }
  li.w33 .com-agree-wrap .info { width: 100%; } }

@media screen and (max-width: 37.5rem) { .section__header h5 { -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; }
  .filebox.bs3-primary { margin-bottom: 0.3125rem; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; }
  .filebox.bs3-primary .flex { margin-top: 0.3125rem; }
  .filebox.bs3-primary .flex label { margin-left: 0; }
  .board-btn-wrap { display: -webkit-box; display: -ms-flexbox; display: flex; margin:1.6875rem 0; }
  .board-btn-wrap a { padding: 0; margin: 0 !important; margin-bottom: 0.3125rem !important; -webkit-box-flex: 1; -ms-flex: 1; flex: 1; } }

.datepicker-panel > ul > li { line-height: 1.875rem; }

.datepicker-panel * { font-family: "나눔 고딕", sans-serif !important; }

.list-type { opacity: 1; display: -webkit-box; display: -ms-flexbox; display: flex; -ms-flex-wrap: wrap; flex-wrap: wrap; gap: 0.625rem; }

.list-type li { -webkit-box-flex: 1; -ms-flex: 1; flex: 1; opacity: 1; height: 8.125rem; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; border: 0.0625rem solid #EAEAEA; }

@media screen and (max-width: 37.5rem) { .list-type li { -webkit-box-flex: 1; -ms-flex: 1 1 25%; flex: 1 1 25%; } }

.list-type li img { margin: 0 auto; display: block; margin-bottom: 0.625rem; }

.list-type li button { width: 100%; height: 100%; opacity: 1; font-size: 1rem; font-weight: 500; color: #333; }

.list-type.list-6 li { -webkit-box-flex: 1; -ms-flex: 1 1 15.6%; flex: 1 1 15.6%; max-width: 15.6%; }

@media screen and (max-width: 600px) { .list-type.list-6 li { max-width: 22.7%; -webkit-box-flex: 1; -ms-flex: 1 1 18.6%; flex: 1 1 18.6%; } }

.com-agree-wrap .info.mb0 p { margin-bottom: 0; }

.step-type02 { margin-top: 3.4375rem; background: #F7F7F7; padding: 1.875rem 10rem; }

@media screen and (max-width: 1200px) { .step-type02 { padding: 10px; } }

.step-type02 ul { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; gap: 3.125rem; }

@media screen and (max-width: 1200px) { .step-type02 ul { -ms-flex-wrap: wrap; flex-wrap: wrap; } }

.step-type02 ul li { position: relative; -webkit-box-flex: 1; -ms-flex: 1 0 10.625rem; flex: 1 0 10.625rem; height: 5rem; border: 0.1875rem solid #641e92; background: #fff; border-radius: 0.3125rem; }

@media screen and (max-width: 1200px) { .step-type02 ul li { -webkit-box-flex: 1; -ms-flex: 1 0 100%; flex: 1 0 100%; } }

.step-type02 ul li::after { width: 1.5rem; height: 1.975rem; content: ''; display: inline-block; background: url(../img/arr02.png) no-repeat; background-size: 1.5rem 1.975rem; position: absolute; top: 50%; -webkit-transform: translateY(-50%); transform: translateY(-50%); right: -2.625rem; }

@media screen and (max-width: 1200px) { .step-type02 ul li::after { background: url(../img/bot-arr.png) no-repeat; top: auto; bottom: -2.5rem; right: auto; left: 50%; -webkit-transform: translateX(-50%); transform: translateX(-50%); width: 1.375rem; height: 1.5rem; background-size: 1.375rem 1.5rem; } }

.step-type02 ul li:last-of-type::after { display: none; }

.step-type02 ul li a { width: 100%; height: 100%; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; font-size: 1.1875rem; font-weight: 500; text-align: center; }

.step-type02 ul li a span { display: inline-block; }

@media screen and (max-width: 1200px) { .mo-mt5 { margin-top: 0.3125rem; } }

@media screen and (max-width: 1200px) { .mo-mb5 { margin-bottom: 0.3125rem; } }

.select-form { background: #F8F3FB; padding: 1.25rem 1.5625rem; }

.select-form .radio-wrap { -ms-flex-wrap: wrap; flex-wrap: wrap; gap: 1.25rem; }

@media screen and (max-width: 1200px) { .select-form .radio-wrap { -webkit-box-orient: horizontal; -webkit-box-direction: normal; -ms-flex-direction: row; flex-direction: row; } }

.select-form .radio-wrap .form-radio { -webkit-box-flex: 0; -ms-flex: 0 0 18%; flex: 0 0 18%; }

@media screen and (max-width: 1200px) { .select-form .radio-wrap .form-radio { -webkit-box-flex: 0; -ms-flex: 0 0 46%; flex: 0 0 46%; } }

.select-form .radio-wrap .form-radio span { line-height: 1.5; }

.select-form .form-radio + .form-radio { margin-left: 0; }

@media screen and (max-width: 1200px) { .select-form .form-radio + .form-radio { margin-top: 0; } }

.form-radio label { -webkit-box-align: center; -ms-flex-align: center; align-items: center; }

.form-radio label:after { top: 50%; -webkit-transform: translateY(-50%); transform: translateY(-50%); }

.com-noti p.tit { font-size: 1.25rem; font-weight: 500; padding-bottom: 0.125rem; }

.join-site ul { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; -ms-flex-wrap: wrap; flex-wrap: wrap; margin-top: 1.25rem; }

@media screen and (max-width: 1200px) { .join-site ul { -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; } }

.join-site ul li { width: calc((100% / 3) - 1rem); margin-bottom: 2.125rem; border: 0.0625rem solid #EAEAEA; -webkit-box-sizing: border-box; box-sizing: border-box; text-align: center; height: 10.625rem; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; }

@media screen and (max-width: 1200px) { .join-site ul li { width: 100%; } }

.join-site ul li .img img { margin-bottom: 1.25rem; max-width: 20.1875rem; }

.join-site ul li .txt a { display: inline-block; }

.mw200 { max-width: 12.5rem; }

.cd-popup .board-btn-wrap { margin: 1rem 0; margin-bottom: 0; }

.pop-sec { text-align: left; font-size: 1.1rem; margin-bottom: 2rem; }

.cd-popup-container { max-width: 1200px; }

.allmenu_Wrap { display: none; position: fixed; top: 0; left: 0; right: 0; background: #fff; height: 100vh; z-index: 11111; overflow-y: hidden; }

.allmenu_Wrap .allmenu .allmenuLogo { text-align: center; margin-top: 3.75rem; }

.allmenu_Wrap .allmenu .m_catetop_wrap { display: none; }

.allmenu_Wrap .allmenu .all_1depth { display: -webkit-box; display: -ms-flexbox; display: flex; max-width: 90.625rem; margin: 0 auto; color: #000; }

.allmenu_Wrap .allmenu .all_1depth > li { float: left; width: 25%; text-align: center; }

.allmenu_Wrap .allmenu .all_1depth > li { border-left: 0.0625rem solid #d9d9d9; }

.allmenu_Wrap .allmenu .all_1depth > li:last-child { border-right: 0.0625rem solid #d9d9d9; }

.allmenu_Wrap .allmenu .all_1depth > li > span { display: inline-block; font-size: 1.5625rem; color: #641e92; font-weight: bolder; padding: 9.375rem 0 1.25rem 0.625rem; width: 85%; margin: 0 auto 0.9375rem; text-align: left; }

.allmenu_Wrap .allmenu .all_1depth > li > span a { color: #641e92; font-weight: 600; font-size: 1.575rem; }

.allmenu_Wrap .allmenu .all_1depth > li > span:not(:first-child) { padding-top: 0; margin-bottom: 1.4375rem; }

.allmenu_Wrap .m_setup { display: none; }

.all_2depth { width: 80%; margin: 0 auto; }

.all_2depth .depth2_cate { text-align: left; margin-bottom: 1.5625rem; padding-left: 5%; font-weight: 500; }

.all_2depth .depth2_cate > a { position: relative; display: inline-block; font-size: 1rem; -webkit-transition: all 0.4s; transition: all 0.4s; }

.all_2depth .depth2_cate > a:hover { color: #641e92; }

.all_2depth .depth2_cate > a::after { content: ""; display: inline-block; position: absolute; bottom: -0.625rem; left: 0; width: 0; height: 0.125rem; background: #000; -webkit-transition: all 0.4s; -webkit-transition: all 0.4s ease-out; transition: all 0.4s ease-out; }

.all_2depth .depth2_cate > a:hover::after { background: #641e92; width: 100%; }

.all_3depth { margin-top: 0.75rem; }

.all_3depth > li { margin-bottom: 0.3125rem; }

.all_3depth > li > a { position: relative; display: inline-block; font-weight: 400; font-size: 1rem; line-height: 1.5rem; padding-left: 0.625rem; }

.all_3depth > li > a::before { content: ""; display: inline-block; position: absolute; top: 0.75rem; left: 0; width: 0.25rem; height: 0.25rem; border-radius: 100%; background: #8b8b8b; }

.all_3depth > li > a:hover { color: #641e92; }

.all_3depth > li > a:hover::before { background: #641e92; }

.allmenu_Wrap .menu_tit .allclose { display: inline-block; position: absolute; right: 1.5625rem; top: 2.5625rem; width: 2.4375rem; height: 2.4375rem; background: url(../img/allclose.png) no-repeat; cursor: pointer; z-index: 1008; }

@media screen and (max-width: 93.75rem) { .allmenu_Wrap { padding-left: 1.25rem; padding-right: 1.25rem; }
  .allmenu_Wrap .allmenu .all_1depth > li > span { font-size: 1.875rem; }
  .all_2depth .depth2_cate > a { font-size: 1rem; }
  .all_3depth > li > a { font-size: 0.8125rem; word-break: break-all; } }

.fot-link .flex select { width: 12.25rem; }

.fot-link .flex select option { color: #333; padding: 0.625rem 0; }

#provision p, #provision li { font-size: 1rem; line-height: 1.6; }

.h5_ico { font-size: 2rem; margin-bottom: 2rem; margin-top: 2rem; }

.h6_ico { font-size: 1rem; font-weight: 500; color: #641e92; margin-bottom: 0.5rem; margin-top: 1rem; }

.menu li { font-size: 1rem; line-height: 1.6; }

.menu li table tr:hover { text-decoration: none; }

.menu li .list-table th, .menu li .list-table td { border: 1px solid #ddd; }

.grey_box2 { position: relative; overflow: hidden; padding: 1.875rem 2.5rem; margin-bottom: 2.8125rem; border: 0.0625rem solid #dbdbdb; background-color: #fafafa; }

p.p_type2 { clear: both; font-size: 1.13em; line-height: 1.5em; word-break: keep-all; }

.personal_guide .h5_ico { font-size: 1.1625rem; font-weight: 500; color: #641e92; margin-bottom: 0.5rem; margin-top: 1rem; }

.personal_guide table tr:hover { text-decoration: none; }

.personal_guide .list-table th, .personal_guide .list-table td { border: 1px solid #ddd; }

.fty-01 { font-size: 0.9625rem; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; }

.list-table.table-type2 { margin-top: 10px; }

.list-table.table-type2 td { text-align: left; padding-left: 1rem !important; }

@media screen and (max-width: 1200px) { .list-table.table-type2 td { text-align: left; padding-left: 1rem !important; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; }
  .list-table.table-type2 colgroup { display: none; }
  .form-input.w25, .form-select.w25 { min-width: 8rem !important; }
  .flex-mo-fb .form-input.w20, .flex-mo-fb .form-select.w20 { width: 100%; }
  .form-group__row dl dt, .form-group__row dl dd { text-align: center; }
  .list-table.table-type2 th { border: none; }
  .list-table.table-type2 td { border: none; text-align: left; padding-left: 1rem !important; }
  .list-table.table-type2 tr { display: -ms-grid; display: grid; /* width: 360px; */ /* grid-template-rows: 200px 200px 500px; */ -ms-grid-columns: 14.25rem auto; grid-template-columns: 14.25rem auto; }
  .list-table.table-type2 th { height: 3.125rem; /* border: 1px solid #d2d2d2; */ padding: 0; font-size: 1rem; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; border-bottom: 1px solid #aaa; padding-top: 0.41rem; padding-bottom: 0.41rem; -webkit-box-sizing: border-box; box-sizing: border-box; min-height: 3.125rem; }
  .list-table.table-type2 th { font-family: 'Noto Sans KR', sans-serif; border-right: 1px solid #aaa; text-align: center; width: 100; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; border-bottom: none; border-bottom: 1px solid #aaa; }
  .list-table.table-type2 td { padding-top: 0.41rem; padding-bottom: 0.41rem; -webkit-box-sizing: border-box; box-sizing: border-box; min-height: 3.125rem; border-bottom: 1px solid #aaa; }
  .list-table { border-bottom: none; } }

.content-title-wrap .content-title { font-weight: 500; }

.cd-popup__had-tit { font-size: 1.25rem; font-weight: 500; text-align: left; padding-left: 2rem; background: #641e92; }

.cd-popup-container { border: 0.0625rem solid #641e92; }

.cd-popup-close { color: #fff; }

.cd-popup-close:before, .cd-popup-close::after { background: #fff; }

.cd-popup__info { padding: 1.875rem 1.25rem; }

.cd-popup__info .info .rows { margin-bottom: 1.875rem; }

.cd-popup__info .info .rows:nth-of-type(2) { margin-bottom: 0; }

.cd-popup__info .info .rows:nth-of-type(2).bg dt { background: #F6F0FA; }

.cd-popup__info .info .rows dl { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; height: 3.75rem; border: 0.0625rem solid #C3C3C3; margin-top: -0.0625rem; -webkit-box-align: stretch; -ms-flex-align: stretch; align-items: stretch; }

@media (max-width: 1200px) { .cd-popup__info .info .rows dl { height: auto; } }

.cd-popup__info .info .rows dl dt { max-width: 13.125rem; width: 13.125rem; background: #F1F1F1; font-size: 1rem; font-weight: 500; color: #641e92; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; }

.cd-popup__info .info .rows dl dd { -webkit-box-flex: 1; -ms-flex: 1; flex: 1; padding-left: 1rem; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; }

.cd-popup__info .info .rows dl dd ul { display: -webkit-box; display: -ms-flexbox; display: flex; }

@media (max-width: 1200px) { .cd-popup__info .info .rows dl dd ul { -ms-flex-wrap: wrap; flex-wrap: wrap; } }

.cd-popup__info .info .rows dl dd ul li { margin-right: 1.25rem; }

.cd-popup__info .info .rows dl dd ul li a { display: inline-block; font-size: 1rem; position: relative; }

.cd-popup__info .info .rows dl dd ul li a::after { content: ''; display: inline-block; position: absolute; left: 15%; bottom: -0.3125rem; background: #641e92; height: 0.125rem; width: 0%; -webkit-transition: all 0.3s ease-in-out; transition: all 0.3s ease-in-out; }

.cd-popup__info .info .rows dl dd ul li a:hover { font-weight: 500; color: #641e92; }

.cd-popup__info .info .rows dl dd ul li a:hover:after { width: 75%; }

.cd-popup-container { -webkit-box-shadow: none; box-shadow: none; border: none; border-radius: 20px !important; }

.is-visible .cd-popup-container { height: auto; }

.cd-popup-container { max-width: 1000px; margin: 0 !important; position: absolute; left: 50%; top: 50%; -webkit-transform: translate(-50%, -50%) !important; transform: translate(-50%, -50%) !important; }

.cd-popup__info { overflow-y: initial; }

.mobile-menu { position: fixed; left: 0; right: 0; top: 0; bottom: 0; z-index: 200000; background: #fff; display: none; }

@media (max-width: 600px) { .mobile-menu img { width: 15rem; } }

.mobile-menu .top { height: 6.8125rem; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; border-bottom: 0.0625rem solid #c8c8c8; padding: 0 1.25rem; }

.mobile-menu .list > li { border-bottom: 0.0625rem solid #dcdcdc; }

.mobile-menu .list > li > a { position: relative; display: inline-block; height: 100%; padding: 0 1.25rem; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; font-size: 1.25rem; font-weight: 500; height: 3.75rem; }

.mobile-menu .list > li > a::after { content: ''; display: inline-block; width: 0.625rem; height: 0.625rem; border-top: 0.125rem solid #000; border-right: 0.125rem solid #000; -webkit-transform: rotate(135deg); transform: rotate(135deg); position: absolute; right: 1.25rem; }

.mobile-menu .list > li > a.is-active::after { -webkit-transform: rotate(315deg); transform: rotate(315deg); }

.mobile-menu .sub-menu { opacity: 0; height: 0; padding: 0; background: #641e92; }

.mobile-menu .list > li > a.is-active + .sub-menu { opacity: 1; height: auto; padding: 1.25rem; position: relative; z-index: 10; }

.mobile-menu .sub-menu li { padding-left: 1.25rem; line-height: 2rem; }

.mobile-menu .sub-menu li a { display: inline-block; font-size: 1rem; color: #fff; }

.mobile-menu .sub-menu li a:hover { color: #fff8a7; }

.mobile-menu .close { width: 1.875rem; height: 1.875rem; position: absolute; right: 0.625rem; top: 3.1875rem; }

.mobile-menu .close::before { content: ""; display: block; width: 1.4375rem; height: 0.1875rem; background-color: #333; -webkit-transform: rotate(45deg); transform: rotate(45deg); }

@media (max-width: 600px) { .mobile-menu .close::before { width: 1.5rem; } }

.mobile-menu .close::after { content: ""; display: block; width: 1.4375rem; height: 0.1875rem; background-color: #333; -webkit-transform: rotate(-45deg); transform: rotate(-45deg); position: relative; top: -3px; }

@media (max-width: 600px) { .mobile-menu .close::after { top: -2px; width: 1.5rem; } }

.com-row-wrap tr td a { overflow: hidden; text-overflow: ellipsis; height: 1.5rem; display: inline-block; }

.com-row-wrap tbody tr:hover { background: #e6dced70; }

.com-row-wrap tbody tr:hover * { text-decoration: none; }

.com-row-wrap tbody tr:hover a { color: #641e92; font-weight: 500; }

.com-row-wrap tr:hover { text-decoration: none !important; }

.list-table tr:hover { text-decoration: none !important; }

.str { background: #87ceeb45; padding: 1.875rem; font-size: 1.5rem; color: #333; margin-bottom: 2rem; font-weight: 500; }

@media (max-width: 1200px) { .list-table.table-type2 tr { -ms-grid-columns: 9.25rem auto; grid-template-columns: 9.25rem auto; }
  .mo-flex-d-c .ml10, .mo-flex-d-c .mr10 { margin-left: 0 !important; margin-top: 5px; }
  .com-agree-wrap .info p { padding-left: 0rem !important; text-indent: -0 !important; } }

@media (max-width: 600px) { .section .list-table th, .section .list-table td { height: auto !important; }
  .mo-flex-d-c .ml10, .mo-flex-d-c .mr10 { margin-left: 0 !important; margin-top: 5px; } }

.com-had { -webkit-box-pack: end; -ms-flex-pack: end; justify-content: flex-end; }

.com-agree-wrap .info p { margin-bottom: 0rem; }

.c-type03 { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; }

.c-type03 p { font-size: 1.875rem; color: 222222; text-align: center; font-weight: 600; padding-top: 1.25rem; }

.c-type03 .search { margin-top: 1.4375rem; }

.c-type03 .search .box { width: 43.25rem; height: 3.75rem; border: 0.0625rem solid #eaeaea; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; border-radius: 1.25rem; margin: 0 auto; position: relative; background: #f8f8f8; }

.c-type03 .search .box::before { content: ''; display: inline-block; background: url(../img/c-search.png) no-repeat; background-size: contain; width: 1.875rem; height: 1.875rem; position: absolute; top: 50%; -webkit-transform: translateY(-50%); transform: translateY(-50%); left: 1.25rem; z-index: 22; }

.c-type03 .search .box input { width: 100%; padding-left: 4.375rem; font-size: 1rem; position: relative; background: #f8f8f8; }

.c-type03 .search .box input ::-webkit-input-placeholder { font-size: 1rem; font-weight: 500; color: #595959; }

.c-type03 .search .box input :-ms-input-placeholder { font-size: 1rem; font-weight: 500; color: #595959; }

.c-type03 .search .box input ::-ms-input-placeholder { font-size: 1rem; font-weight: 500; color: #595959; }

.c-type03 .search .box input ::placeholder { font-size: 1rem; font-weight: 500; color: #595959; }

.c-type03 .search .box .but { position: absolute; right: 0.625rem; width: 6.5625rem; height: 2.4375rem; line-height: 2.4375rem; background: #641e92; text-align: center; color: #fff; font-size: 1rem; font-weight: 500; border-radius: 1.25rem; }

.c-type03 .img { margin-top: 3.4375rem; display: inline-block; text-align: center; }

.c-type03 .img img { display: block; margin: 0 auto; width: 100%; }

.p0t0 { padding: 0 !important; text-indent: 0 !important; }

.c-type5 { margin-top: 1.25rem; }

.c-type5 .img img { width: 100%; }

.c-type5 dl { margin-bottom: 0.625rem; padding: 0.9375rem; background: #f6f6f6; border-radius: 0.9375rem; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: stretch; -ms-flex-align: stretch; align-items: stretch; }

.c-type5 dl dt { background: #641e92; font-size: 1rem; font-weight: 600; width: 17.5rem; color: #fff; margin-right: 2.1875rem; border-radius: 0.9375rem; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; text-align: center; line-height: 1.5; }

.c-type5 dl dd .tit { font-size: 1.1875rem; color: #010101; font-weight: 600; }

.c-type5 dl dd ul li { padding-left: 0.625rem; font-size: 1rem; color: #636363; }

@media (max-width: 1200px) { .c-type03 .search .box { width: 100%; }
  .w100 { width: 100%; }
  .c-type5 dl { -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; }
  .c-type5 dl dt { margin-bottom: 20px; margin-right: 0px; width: 100%; padding: 10px 0; } }

.p-type3 { margin-top: 5rem; text-align: center; padding-bottom: 3.125rem; }

.p-type3 p { font-size: 1.375rem; color: #641e92; line-height: 1.5; font-weight: 600; }

.p-type3 .btn { margin-top: 1.25rem; display: inline-block; width: 25rem; height: 3.75rem; line-height: 3.75rem; text-align: center; border-radius: 0.625rem; font-size: 1.375rem; font-weight: 600; background: #641e92; color: #fff; }

.tab-wrap { margin-top: 1rem; }

.tab-wrap .tab-btn { display: -webkit-box; display: -ms-flexbox; display: flex; }

.tab-wrap .tab-btn li { -webkit-box-flex: 1; -ms-flex: 1; flex: 1; margin-top: -0.0625rem; margin-left: -0.0625rem; border: 0.0625rem solid #dcdcdc; background: #fbfbfb; }

.tab-wrap .tab-btn li a { width: 100%; font-size: 1rem; font-weight: 500; height: 4.125rem; line-height: 4.125rem; text-align: center; color: #222222; display: inline-block; }

@media (max-width: 1200px) { .tab-wrap .tab-btn li a { font-size: 1rem; } }

.tab-wrap .tab-btn li.on a { background: #641e92; color: #fff; }

.tab-wrap .tab-content .box { display: none; }

.tab-wrap .tab-content .box.on { display: block; }

.tab-wrap .tab-content .box .img { margin-top: 1.875rem; padding: 0; }

.tab-wrap .tab-content .box .img img { width: 100%; }

.not-page { margin-top: 1.875rem; }

.not-page .inners { font-size: 1.5rem; color: #222222; padding: 3.3125rem 0; background: #f7f7f7; -webkit-box-sizing: border-box; box-sizing: border-box; }

.not-page .inners > .tit { font-size: 1.5rem; font-weight: 600; color: #222222; text-align: center; margin-bottom: 2.5rem; }

.not-page .tit span { display: inline-block; color: #e60000; }

.not-page .flex { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; }

.not-page .img { margin-right: 1.875rem; }

.not-page .img img { width: 4.375rem; }

.not-page .txt { line-height: 1.5; color: #414141; }

.not-page .txt .tit { font-size: 1.25rem; color: #414141; font-weight: 600; }

.not-page .txt li { font-size: 1.25rem; color: #414141; }

/*
2022.09.13 이우미 성인희 과장 요청 - 기업정보변경 신청불가안내 페이지 하단 버튼과 푸터 간격 넓다고 줄여달라고 하심.
.not-page-wrap { padding-bottom: 6.25rem; }
*/

.not-page-wrap .tits { padding-top: 1.875rem; padding-bottom: 1.25rem; font-size: 1.25rem; font-weight: 600; color: #232222; }

.not-page-wrap .list { display: -webkit-box; display: -ms-flexbox; display: flex; -ms-flex-wrap: wrap; flex-wrap: wrap; gap: 1rem; }

.not-page-wrap .list li { -webkit-box-flex: 1; -ms-flex: 1 1 26%; flex: 1 1 26%; padding: 1.875rem 1.25rem; border: 0.0625rem solid #cccccc; border-radius: 0.625rem; min-height: 10.9375rem; }

.not-page-wrap .list li .tit { font-size: 2.25rem; font-weight: 600; color: #2d2d2d; margin-bottom: 0.625rem; }

.not-page-wrap .list li .txt { font-size: 1rem; color: #2d2d2d; line-height: 1.5; word-break: keep-all; }

@media (max-width: 1200px) { .not-page-wrap .list li { -webkit-box-flex: 1; -ms-flex: 1 1 100%; flex: 1 1 100%; min-height: auto; } }

.nopage { padding: 3.375rem 0.5rem; background: #f7f7f7; border: 0.0625rem solid #eaeaea; text-align: center; }

.nopage .info .tit { font-size: 1.5rem; font-weight: 600; }

.nopage .info .tit span { color: #e60000; display: block; }

.nopage .info .img img { width: 4.6875rem; margin: 0.3125rem 0; }

.nopage .info .txt { margin-top: 0.625rem; font-size: 1rem; font-weight: 400; color: #414141;}

.box .tab-flex { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: start; -ms-flex-align: start; align-items: flex-start; gap: 4.375rem; width: 100%; }

@media (max-width: 75rem) { .box .tab-flex { -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; gap: 0; } }

.box .tab-flex > div { -webkit-box-flex: 1; -ms-flex: 1; flex: 1; }

@media (max-width: 75rem) { .box .tab-flex > div { -webkit-box-flex: 1; -ms-flex: 1 1 100%; flex: 1 1 100%; width: 100%; -webkit-box-sizing: border-box; box-sizing: border-box; } }

.box .tab-flex .desc-wrap { position: relative; margin-top: 30px; padding: 1.5625rem; background: #f2e8f8; border-radius: 0.625rem; }

.box .tab-flex .desc-wrap::after { content: ''; display: inline-block; position: relative; position: absolute; top: 1.625rem; left: -0.625rem; width: 1.25rem; height: 1.25rem; background: #f2e8f8; -webkit-transform: skewX(-45deg); transform: skewX(-45deg); }

@media (max-width: 75rem) { .box .tab-flex .desc-wrap::after { display: none; } }

.box .tab-flex .desc-wrap .tit { font-size: 1.25rem; font-weight: 600; color: #641e92; margin-bottom: 1.25rem; padding: 0.625rem 0; padding-top: 0; border-bottom: 0.0625rem dotted #aaa; }

.box .tab-flex .desc-wrap .txt { font-size: 1rem; color: #636363; padding-left: 1.9375rem; text-indent: -0.9375rem; margin-bottom: 0.1875rem; word-break: keep-all; }

@media (max-width: 75rem) { .box .tab-flex .desc-wrap .txt br { display: none; } }

.box .tab-flex .desc-wrap .txt span { display: inline-block; color: #641e92; font-size: 1rem; font-weight: 600; margin-right: 0.625rem; }

.com-noti.flex .com-noti__right { display: -webkit-box; display: -ms-flexbox; display: flex; -ms-flex-wrap: wrap; flex-wrap: wrap; }

.com-noti.flex .com-noti__right p { -webkit-box-flex: 1; -ms-flex: 1 1 40%; flex: 1 1 40%; }

@media (max-width: 75rem) { .com-noti.flex .com-noti__right p { -webkit-box-flex: 1; -ms-flex: 1 1 100%; flex: 1 1 100%; } }

/* 2022.11.16 성적서 보기 및 다운로드 프로그래스바 css 추가 */
#divPopupProgressBar{text-align:center; left:0; top:0; position:fixed; width:100vw; height:100vh; place-items:center; display:grid;}
#divPopupProgressBar .popup-progress-inner{border-radius:20px; border:solid #641e92 2px; background:white; padding:30px; width:350px;}

/* 2022.12.12 제3자 정보 제공에 관한 안내 동의 폰트 강조 */
.third-info td, .third-info th {font-size:1rem}
.third-info-emp {font-weight:500 !important; font-size:1.1rem !important; line-height:2rem !important; color: blue !important;}

/* 2023.10.23 jyl 개인정보처리방침 css 추가 */
.policy-icon-section * {box-sizing: border-box; word-break: keep-all; font-weight: bold;}
.policy-icon-section {margin: 3rem 0;}

.policy-icon-wrapper {text-align: center; width: 100%; margin: 2rem 0;}

.policy-icon-container {display: flex; flex-direction: row; justify-content: space-around;}

.policy-box {display: flex; flex-direction: column; justify-content: center; margin: 10px 20px; width: 400px; height: 220px; border-radius: 10px; box-shadow: rgba(22, 71, 170, 0.2) 0px 3.2px 12.8px 0px;}

.policy-icon > img {width: 90px;}

.policy-detail-section * {text-align: left; font-size: 0.9rem;}
.policy-detail-section {z-index: -1; position: absolute; display: flex !important; flex-direction: column; align-items: center; width: 500px; background-color: white; margin-left: -50px; border: 1px solid #eee; border-radius: 20px; opacity: 0; transition: all .13s ease-out; transform: scale(0.97);}
.policy-detail-section.active {z-index: 1; opacity: 1; transform: scale(1);}
.policy-detail-section > header {width: 100%; height: 3rem; background-color: #37A2B5; border-top-right-radius: 10px; border-top-left-radius: 10px;}
.policy-detail-section > header > h4 {padding: 0 1.5rem; line-height: 3rem; color: white;}
.policy-detail-section > .policy-detail-info {width: 100%; padding: 1.5rem; text-align: left;}

.policy-detail {display: flex; flex-direction: column; justify-content: center; height: 100%; margin: 0 1.5rem 1.5rem 1.5rem;}
.policy-detail > div {display: flex; align-items: center;}

.policy-detail-box {display: flex; flex-direction: column; width: 410px; border: 1px solid #eee; border-radius: 10px; margin: 0 auto 1.5rem auto; padding : 1rem 1rem;}

.policy-detail-column > .policy-detail-box > div {width: 100%;}
.policy-detail-column > .policy-detail-box > div:first-child {margin-bottom: 1rem;}

.policy-detail-row > .policy-detail-box {flex-direction: row;}
.policy-detail-row > .policy-detail-box > div:first-child {width: 30%;}
.policy-detail-row > .policy-detail-box > div:last-child {width: 70%; text-align: right;}

.policy-index-section {margin: 3rem 2rem;}

.policy-index-box {margin: 1.5rem 3rem; border: 1px solid #dbdbdb;}

.policy-index > td {padding: 2rem 2rem 0 2rem; margin: 0 !important;}
.policy-index > td > a > img {width: 20px; padding: 0 3px !important;}
.policy-index:last-child > td {padding-bottom: 2rem;}

/* 2022.08.30 프로그래스바 css 추가	*/
#progress{
  appearance: none;
  position: relative;
  width: 90%;
  height: 2.313rem;
  margin: 20px auto;
  overflow: hidden;
  border-radius: 4px 4px;
}
#progress::-webkit-progress-bar{
  background: #efe8f4;
  box-shadow: inset 3px 3px 10px #ccc;
}
#progress::-webkit-progress-value{
  background: rgb(181, 68, 254);
  /* Old browsers */
  background: -moz-linear-gradient(45deg, rgba(181, 68, 254, 1) 0%, rgba(60, 1, 98, 1) 99%);
  /* FF3.6-15 */
  background: -webkit-linear-gradient(45deg, rgba(181, 68, 254, 1) 0%, rgba(60, 1, 98, 1) 99%);
  /* Chrome10-25,Safari5.1-6 */
  background: linear-gradient(45deg, rgba(181, 68, 254, 1) 0%, rgba(60, 1, 98, 1) 99%);
  /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#b544fe', endColorstr='#3c0162', GradientType=1);
  /* IE6-9 fallback on horizontal gradient */
}
/*# sourceMappingURL=ui.css.map */