@charset "UTF-8";
@import url(/static/commons/css/common.css);
@import url(/static/font/S-Core_Dream_OTF/S-CoreDream.css);
@import url(/static/font/SUIT/SUIT.css);
@import url(/static/jslibrary/swiper@8/swiper-bundle.min.css);
@import url(/static/jslibrary/bootstrap-datepicker-1.10.0/dist/css/bootstrap-datepicker.standalone.min.css);
@import url(/static/font/material-design-icons-3.0.1/material-design-icons-3.0.1.css);
@import url(partner.css);
@import url(contents.css);
@import url(tsh.css);
@import url(atachfile.css);
/* font color */
.fc_black {
color: #000;
}

.fc_deepgray {
color: #333;
}

.fc_orange {
color: #e73100;
}

.fc_blue {
color: #3679C1;
}

.fc_cobalt {
color: #02728D;
}

.fc_red {
color: #c10101;
}

.fc_green {
color: #3A7525;
}

:root {
--lipstick: #c31c57;
--tree-green: #1c9428;
--dark-cobalt: #1a3978;
--blue-blue: #1f53c0;
--warm-blue: #1a3978;
--warm-grey-re: rgba(0,34,105,0.2);
--gray:var(--warm-grey);
--cobalt: #1f53c0;
--marine-blue: #002269;
--lnb-bd: #c1cadc;
--dark-grey-bd: #6c6c6c;
--bdcolor: #ccc;
--brownish-grey: #6c6c6c;
--black: #222;
--bluish: #3061a9;
--pumpkin: #d87f02;
--warm-grey: #888;
--form-bd-color: #949494;
--bd-bgcolor: #eff4ff;
--medium-blue: #3061a9;
--red: #d4272c;
}

.color-point {
color: var(--medium-blue);
}

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

:root {
--header-width: 1280px;
--logo-width: 261px;
--header-logo-start: 20px; /* 모바일: 로고 시작 위치(패딩) */
--header-logo-end: 193px; /* 모바일: 로고 끝 위치(패딩+로고폭) */
}
:root:has(.local-logo) {
--header-logo-end: 259px;
}
@media (max-width: 749px) {
:root:has(.local-logo) {
--header-logo-end: 197px;
}
}

#header .container {
position: relative;
width: 100%;
max-width: 100%;
margin: 0;
padding: 0;
}
#header .container::before {
content: "";
position: absolute;
top: 0;
left: 0;
width: calc((100% - var(--header-width)) / 2 + 20px);
height: 100%;
background: linear-gradient(to left, rgba(48, 97, 169, 0.9), rgba(64, 113, 187, 0.9));
box-shadow: 0 0 15px 0 rgba(37, 50, 67, 0.35);
z-index: 1;
}
@media (max-width: 1199px) {
#header .container::before {
width: var(--header-logo-start);
}
}

.layout-bg {
position: absolute;
top: 0;
left: 20px;
border-radius: 0 0 20px 20px;
}
@media (min-width: 1200px) {
.layout-bg {
width: 299px;
height: 350px;
object-fit: cover;
object-position: 100%;
}
}
@media (max-width: 1199px) {
.layout-bg {
left: 10px;
width: calc(100% - 20px);
height: 350px;
border-radius: 0 0 20px 20px;
object-fit: cover;
object-position: right 100%;
}
}

@media (max-width: 1199px) {
#header {
height: 350px;
margin-bottom: 50px;
}
}

.header {
position: relative;
display: flex;
align-items: center;
justify-content: space-between;
max-width: 1320px;
margin: 0 auto;
padding: 0 20px;
height: 90px;
font-weight: 400;
z-index: 5;
}
.header::before {
content: "";
position: absolute;
top: 0;
left: calc(var(--logo-width) + 40px);
height: 100%;
width: 100vw;
background: linear-gradient(to left, rgba(38, 34, 98, 0.9), rgba(48, 97, 169, 0.9));
box-shadow: 0 0 15px 0 rgba(37, 50, 67, 0.35);
}
@media (max-width: 1199px) {
.header::before {
left: var(--header-logo-end);
width: calc(100% - var(--header-logo-end));
}
}
.header h1 {
width: 201px;
margin: 12px 50px 0;
}
@media (max-width: 1199px) {
.header h1 {
width: 153px;
margin: 0 10px;
}
}
.header .local-logo {
margin: 0 20px 0 40px;
width: 299px;
}
@media (max-width: 1199px) {
.header .local-logo {
margin: 0 10px;
}
}
.header .local-logo a {
display: block;
line-height: 1;
color: #fff;
}
.header .local-logo a img {
display: block;
height: 18px;
}
.header .local-logo a .name {
display: block;
height: 28px;
margin: 8px 0 9px;
font-size: 30px;
font-weight: bold;
letter-spacing: -1.5px;
color: #fff;
}
@media (max-width: 749px) {
.header .local-logo a .name {
font-size: 22px;
margin-bottom: 2px;
}
}
.header .local-logo a .enname {
display: block;
font-size: 1rem;
}
@media (max-width: 749px) {
.header .local-logo a .enname {
font-size: 13.5px;
}
}

.user-wrap {
display: block;
position: relative;
max-width: 1320px;
margin: 0 auto;
padding: 0 20px;
}

.user {
position: relative;
height: 63px;
padding: 6px 0 0 0;
display: flex;
align-items: center;
justify-content: flex-end;
gap: 50px;
z-index: 10;
}
@media (max-width: 1199px) {
.user {
gap: 30px;
padding-right: 10px;
}
}
.user a {
display: flex;
align-items: center;
font-size: 16px;
gap: 10px;
color: #000;
}
@media (max-width: 1199px) {
.user span {
display: none;
}
.user i {
color: #fff;
}
}

.all-nav {
width: 51px;
height: 51px;
margin-left: 10px;
border: none;
border-radius: 8px;
background: #f7f8fa url(/static/ucms/img/ico/ico-menu.png) no-repeat center;
}
@media (max-width: 1199px) {
.all-nav {
display: none;
}
}

@media (max-width: 1199px) {
#gnb {
display: none;
}
.gnb-wrap.on #gnb {
display: block;
position: absolute;
top: 90px;
left: 0;
width: 100%;
background-color: #fff;
z-index: 100;
box-shadow: 0 0 35px 0 rgba(0, 0, 0, 0.25);
}
}

.gnb-wrap {
display: flex;
align-items: center;
z-index: 1;
}
@media (max-width: 1199px) {
.gnb-wrap {
padding-right: 20px;
}
}

.gnb-area {
visibility: hidden;
height: 0;
}
.on .gnb-area {
visibility: visible;
position: absolute;
top: 90px;
left: 0;
width: 100%;
height: 290px;
background: #fff;
}
.on .gnb-area::after {
content: "";
z-index: 10;
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 1px;
background-color: var(--bdcolor);
}
.on .gnb-area .t {
display: flex;
align-items: center;
justify-content: flex-end;
width: 15.9%;
height: 100%;
font-family: "Pretendard";
font-weight: 700;
font-size: 30px;
color: #353c46;
background: url(/static/ucms/img/gnb-bg01.png) no-repeat;
background-position-x: calc(50% + 42px);
background-position-y: calc(50% - 32px);
}
.on .gnb-area .gnb-bg {
height: 100%;
background: url(/static/ucms/img/gnb-bg02.png) no-repeat right bottom;
}

#gnb.on .dp2-wrap {
display: flex;
}

.dp1 {
display: flex;
text-align: center;
}
.dp1 a {
color: #111;
}
.dp1 > li {
position: relative;
letter-spacing: -0.5px;
line-height: 1.34;
}
.dp1 > li > a {
position: relative;
display: block;
padding: 0 min(2.54vw, 42.5px);
color: #fff;
font-size: 22px;
line-height: 90px;
text-overflow: ellipsis;
overflow: hidden;
white-space: nowrap;
}
.dp1 > li.on > a, .dp1 > li.active > a {
font-family: "Pretendard";
font-weight: bold;
color: #aedafd;
}
.dp1 > li.on > a::after, .dp1 > li.active > a::after {
content: "";
z-index: 10;
position: absolute;
left: 0;
right: 0;
bottom: 0;
margin: 0 auto;
width: calc(100% - 60px);
height: 5px;
background-color: #fff;
}

.dp2-wrap {
text-align: left;
background-color: #fff;
padding: 30px 20px;
}
.dp2-wrap > p {
display: none;
}
@media (min-width: 1200px) {
.dp2-wrap {
position: absolute;
display: none;
flex-direction: column;
top: 100%;
left: 0;
width: 100%;
z-index: 100;
}
.dp1 > li.active .dp2-wrap, .dp1 > li.on .dp2-wrap {
background-color: #262262;
}
.dp1 > li.active .dp2-wrap > p, .dp1 > li.on .dp2-wrap > p {
color: #00aeef;
border-bottom: 1px solid #494490;
}
}
@media (max-width: 1199px) {
.dp1 > li > .dp2-wrap {
display: none !important;
}
}
.dp2 > li > a {
position: relative;
font-size: 16px;
padding-block: 4px;
padding-left: 12px;
display: block;
color: #000;
font-weight: bold;
}
.dp1 > li.active .dp2 > li > a, .dp1 > li.on .dp2 > li > a {
color: #fff;
}
.dp2 > li > a::before {
content: "";
display: block;
position: absolute;
top: 13px;
left: 0;
width: 3px;
height: 3px;
border-radius: 50%;
background-color: #000;
}
.dp1 > li.active .dp2 > li > a::before, .dp1 > li.on .dp2 > li > a::before {
background-color: #fff;
}
.dp2 > li:hover > a {
color: #00aeef !important;
}

.dp3 {
display: flex;
flex-direction: column;
gap: 13px;
padding: 5px 0 20px;
}
.dp3 > li {
line-height: 14px;
}
.dp3 a {
display: block;
font-size: 14px;
line-height: 14px;
padding-left: 18px;
color: #000;
text-indent: -6px;
}
.dp1 > li.active .dp3 a, .dp1 > li.on .dp3 a {
color: #fff;
}

@media (min-width: 750px) {
.allMenuActive .dp1 .dp2-wrap {
display: flex;
}
}

.mo-gnb {
position: absolute;
width: 100%;
top: 90px;
z-index: 100;
background-color: rgba(255, 255, 255, 0.8);
box-shadow: 0 0 35px 0 rgba(0, 0, 0, 0.25);
display: none;
}
@media (max-width: 1199px) {
.mo-gnb.active {
display: block;
}
.mo-gnb .mo-gnb-inner {
display: flex;
flex-direction: column;
background-color: #fff;
}
}
.mo-gnb .mo-gnb-col {
width: 20%;
padding: 30px 20px;
}
@media (max-width: 1199px) {
.mo-gnb .mo-gnb-col {
width: 100%;
padding: 0;
border-bottom: 1px solid #ccc;
}
}
.mo-gnb .mo-gnb-col > button {
display: block;
width: 100%;
font-size: 20px;
font-weight: bold;
text-align: left;
color: #000;
padding-bottom: 9px;
border-bottom: 1px solid #ccc;
border: none;
background: transparent;
cursor: pointer;
}
.mo-gnb .mo-gnb-col > button i {
display: none;
}
@media (max-width: 1199px) {
.mo-gnb .mo-gnb-col > button {
display: flex;
justify-content: space-between;
align-items: center;
padding: 0 20px;
line-height: 50px;
}
.mo-gnb .mo-gnb-col > button i {
display: block;
transition: transform 0.3s;
}
}
.mo-gnb .mo-gnb-col.active {
background-color: #262262;
}
@media (max-width: 1199px) {
.mo-gnb .mo-gnb-col.active {
background-color: #fff;
}
.mo-gnb .mo-gnb-col.active > .dp2 {
display: flex;
flex-direction: column;
background-color: #262262;
padding: 22px;
gap: 20px;
}
}
.mo-gnb .mo-gnb-col.active a {
color: #fff;
}
.mo-gnb .mo-gnb-col.active > button {
border-bottom: 1px solid #494490;
color: #00aeef;
}
@media (max-width: 1199px) {
.mo-gnb .mo-gnb-col.active > button {
color: #000;
border-bottom: 1px solid #ccc;
}
.mo-gnb .mo-gnb-col.active > button i {
transform: rotate(180deg);
}
}
.mo-gnb .mo-gnb-col.active .dp2 > li:hover > a,
.mo-gnb .mo-gnb-col.active .dp2 > li:focus-visible > a {
color: #00aeef;
}
.mo-gnb .mo-gnb-col.active .dp2 > li > a::before {
background-color: #fff;
}
.mo-gnb .mo-gnb-col .dp2 {
display: none;
}
@media (min-width: 1200px) {
.mo-gnb .mo-gnb-col .dp2 {
display: flex;
flex-direction: column;
gap: 20px;
padding-top: 21px;
}
}
.mo-gnb .mo-gnb-col .dp2 > li > a {
position: relative;
font-size: 16px;
padding-left: 12px;
display: block;
}
.mo-gnb .mo-gnb-col .dp2 > li > a::before {
content: "";
display: block;
position: absolute;
top: 14px;
width: 3px;
height: 3px;
border-radius: 50%;
background-color: #000;
}
.mo-gnb .mo-gnb-col .dp3 {
display: flex;
flex-direction: column;
gap: 13px;
margin-top: 3px;
padding-bottom: 0;
}
.mo-gnb .mo-gnb-col .dp3 a {
padding-left: 12px;
font-size: 14px;
color: #fff;
}

.header-search {
position: absolute;
left: 0;
z-index: 10;
display: none;
top: 90px;
width: 100%;
height: 90px;
padding: 20px 0;
background-color: rgba(255, 255, 255, 0.8);
box-shadow: 0 0 35px 0 rgba(0, 0, 0, 0.25);
}
.header-search form {
width: 100%;
}
.header-search__wrap {
max-width: 695px;
padding: 0 20px;
width: 100%;
display: flex;
align-items: center;
margin: 0 auto;
gap: 5px;
}
.header-search__wrap input[type=text] {
max-width: calc(100% - 55px);
width: 100%;
height: 50px;
border-radius: 5px;
border: 1px solid #000;
background-color: #fff;
}
.header-search__wrap .b-search {
width: 50px;
height: 50px;
border: unset;
background: url(/static/portal/img/ico/search.png) no-repeat 0 0/50px auto;
}
.header-search__wrap .b-search:focus-visible {
outline-offset: 2px;
}

.ico-btn {
font-size: 28px;
color: #fff;
}
.ico-btn__search, .ico-btn__search--close {
padding: 0 30px;
}
@media (max-width: 749px) {
.ico-btn {
display: flex;
}
.ico-btn[hidden] {
display: none;
}
.ico-btn i {
font-size: 36px;
}
}

.blackbg {
position: fixed;
top: 0;
left: 0;
width: 100%;
height: 100%;
background: rgba(0, 0, 0, 0.5);
display: none;
z-index: 99;
}

body {
overflow-x: hidden;
}
body.ovh {
overflow-y: hidden !important;
}

#wrap {
position: relative;
overflow-x: hidden;
}

.container {
max-width: 1321px;
margin: 0 auto;
padding: 0 20px;
}

@media (min-width: 1200px) {
#container {
display: flex;
gap: 0 60px;
padding-bottom: 100px;
}
}

.subvisual {
height: 210px;
background: #000 url(/static/ucms/img/sub/sub-visual.png) no-repeat center;
}
.subvisual__title {
padding-top: 89px;
font-weight: 600;
font-size: 40px;
color: #fff;
text-align: center;
line-height: 0.8;
}

#content {
width: 100%;
flex-grow: 1;
font-weight: 400;
max-width: 921px;
margin: 0 auto;
}

.con-tit {
font-weight: 600;
font-size: 22px;
margin: 18px 0;
line-height: 1;
}

#lnb {
display: none;
flex-basis: 300px;
flex-shrink: 0;
width: 300px;
padding: 237px 10px 0;
}
@media (min-width: 1200px) {
#lnb {
display: block;
}
}
#lnb h2 {
display: flex;
align-items: center;
justify-content: center;
padding-bottom: 30px;
font-size: 30px;
color: #000;
line-height: 1;
}
#lnb a {
position: relative;
display: block;
font-size: 16px;
}
#lnb .lnbNav {
margin-top: 9px;
}
#lnb .lnbNav > li:not(:first-child) {
border-top: 1px solid #1a192f;
}
#lnb .lnbNav > li:last-of-type {
border-bottom: 1px solid #1a192f;
}
#lnb .lnbNav > li.on {
overflow: hidden;
background: #f3f9ff;
border-bottom: none;
border-top: unset;
}
#lnb .lnbNav > li.on + li {
border-top: 0;
}
#lnb .lnbNav > li.on li:not(:last-child) .depth2 {
border-bottom: 1px solid #dfdfdf;
}
#lnb .lnbNav li.on > ul {
display: block;
}
#lnb .lnbNav li > ul {
display: none;
}
#lnb li.on > .depth1 {
color: #3061a9;
border-radius: 10px;
overflow: hidden;
background-color: #f3f9ff;
border: 1px solid #3061a9;
font-size: 17.5px;
font-weight: bold;
}
#lnb li.on > .depth1::before {
background: url(/static/portal/img/ico/ico-1depth-up-circle.png) center center no-repeat;
}
#lnb li.on > .depth2 {
font-weight: 600;
color: var(--cobalt);
}
#lnb li.on > .depth2::after {
background-image: url(/static/ucms/img/ico/ico-2depth-up.png);
}
#lnb li.on > .depth3 {
font-weight: 600;
color: var(--cobalt);
}
#lnb .depth1 {
padding: 20px 18px;
font-size: 17.5px;
color: #000;
line-height: 1;
}
#lnb .depth1.extend::before {
content: "";
position: absolute;
top: 50%;
right: 20px;
transform: translateY(-50%);
width: 25px;
height: 25px;
background: url(/static/portal/img/ico/ico-1depth-down-circle.png) center center no-repeat;
}
#lnb .depth2 {
position: relative;
padding: 18px 0px 18px 20px;
display: flex;
align-items: center;
font-weight: 400;
font-size: 16px;
color: #000;
line-height: 1;
}
#lnb .depth2::before {
content: "";
position: relative;
width: 4px;
height: 4px;
border-radius: 50%;
background: #000;
margin-right: 5px;
}
#lnb .depth2.extend::after {
content: "";
position: absolute;
right: 0;
top: 50%;
transform: translateY(-50%);
width: 32px;
height: 32px;
background: #f7f8fa url(/static/ucms/img/ico/ico-2depth-down.png) no-repeat center center;
border-radius: 8px;
}
#lnb .depth2 + ul {
position: relative;
padding: 14px 0;
margin: 10px 0;
border-radius: 8px;
background: #f7f8fa;
}
#lnb .depth2 + ul:before {
content: "";
position: absolute;
left: 0;
bottom: -10px;
width: 100%;
height: 0.5px;
background: rgba(0, 34, 105, 0.2);
background: var(--lnb-bd);
}
#lnb .depth3 {
padding: 12px 38px;
font-family: "S-CoreDream-4Regular";
font-size: 15px;
color: #000;
line-height: 1;
}
#lnb .depth3::before {
content: "";
position: absolute;
top: 50%;
left: 25px;
transform: translateY(-50%);
width: 4px;
height: 4px;
border-radius: 50%;
background: var(--cobalt);
}

.hgroup {
position: relative;
display: flex;
flex-direction: column;
justify-content: space-between;
align-items: flex-start;
padding: 60px 0 24px;
}
@media (max-width: 1199px) {
.hgroup {
display: block;
padding: 0 0 16px;
margin-bottom: 20px;
}
}
.hgroup h2 {
font-size: 31.5px;
color: #000;
letter-spacing: -0.79px;
}
@media (max-width: 1199px) {
.hgroup h2 {
font-size: 30px;
margin-bottom: 14px;
}
}
.hgroup .set {
display: flex;
align-items: center;
gap: 0 40px;
padding-bottom: 60px;
}
@media (max-width: 1199px) {
.hgroup .set {
padding-bottom: 0;
}
}

.location ul {
display: flex;
flex-wrap: wrap;
align-items: center;
}
.location ul li {
font-size: 16.5px;
color: #000;
}
.location ul li:not(:first-of-type)::before {
content: "";
display: inline-block;
width: 8px;
height: 12px;
margin: 0 20px;
background: url("/static/portal/img/ico/ico-arr.png") center center no-repeat;
}
.location ul li:last-of-type {
color: #000;
font-weight: bold;
}
.location ul li.home {
transform: translateY(3px);
}
.location ul li.home i {
display: inline-block;
width: 16px;
height: 18px;
background: url("/static/portal/img/ico/ico-home.png") center center no-repeat;
}

.toolbar {
position: relative;
}
@media (max-width: 749px) {
.toolbar {
position: absolute;
top: 0;
right: 0;
}
}
.toolbar button {
width: 20px;
height: 20px;
border: 0;
transform: translateY(3px);
}
.toolbar button + button {
margin-left: 20px;
}
.toolbar__sharing {
background: url("/static/portal/img/ico/ico-sharing.png") center center no-repeat;
}
.toolbar__print {
margin-left: 20px;
background: url("/static/portal/img/ico/ico-print.png") center center no-repeat;
}
@media (max-width: 749px) {
.toolbar__print {
display: none;
}
}
.toolbar__btns {
position: absolute;
top: 58px;
right: 58px;
align-items: center;
gap: 10px;
padding: 15px 52px 15px 32px;
background: #f7f8fa;
border-radius: 8px;
display: none;
}
.toolbar__btns a {
display: block;
width: 52px;
height: 52px;
background-size: contain;
}
.toolbar__btns .i-kakao {
background: url(/static/ucms/img/ico/ico-kakao.png) center center no-repeat;
}
.toolbar__btns .i-facebook {
background: url(/static/ucms/img/ico/ico-facebook.png) center center no-repeat;
}
.toolbar__btns .i-blog {
background: url(/static/ucms/img/ico/ico-blog.png) center center no-repeat;
}
.toolbar__btns .i-close {
position: absolute;
display: flex;
align-items: center;
justify-content: center;
top: 0;
right: 0;
width: 42px;
height: 42px;
color: var(--cobalt);
}

/* 만족도 조사 */
.admin-set {
margin-top: 20px;
}
.admin-set .info {
display: flex;
flex-wrap: wrap;
gap: 10px 80px;
table-layout: fixed;
width: 100%;
padding: 16px 30px 26px 30px;
border-bottom: 1px solid var(--bdcolor);
line-height: 1;
}
.admin-set .info dl {
display: inline-block;
}
.admin-set .info dl > * {
display: inline-block;
}
.admin-set .info dt {
padding-right: 20px;
border-right: 1px solid var(--bdcolor);
font-weight: 600;
}
.admin-set .info dd {
padding-left: 20px;
padding-right: 30px;
}
.admin-set .info dt {
padding-right: 13px;
}
.admin-set .info dd {
padding-left: 10px;
padding-right: 20px;
}
.admin-set .b-reg {
width: 94px;
}

/* 담당부서안내 */
.team-set {
width: 100%;
padding: 30px;
margin-top: 60px;
border-radius: 20px;
background-color: #f6f6f6;
font-size: 16.5px;
}
.team-set p {
color: #3061a9;
padding-bottom: 20px;
border-bottom: 1px solid #ccc;
}
.team-set .info {
display: flex;
flex-wrap: wrap;
justify-content: space-between;
width: 100%;
padding-top: 20px;
line-height: 1;
}
@media (max-width: 1199px) {
.team-set .info {
gap: 8px;
}
}
.team-set .info dl {
display: flex;
align-items: center;
gap: 19px;
}
.team-set .info dt {
display: inline-flex;
align-items: center;
gap: 10px;
font-weight: 400;
width: 88px;
}
.team-set .info dd {
font-weight: 600;
padding-right: 77px;
}

.satisfact__set {
display: flex;
align-items: center;
justify-content: space-between;
gap: 20px;
}
.satisfact .title {
display: flex;
gap: 15px;
align-items: center;
}
.satisfact .title::before {
content: "";
display: inline-block;
width: 70px;
height: 70px;
background: url(/static/ucms/img/ico/ico-satisfact.png);
}

@media (max-width: 1199px) {
.admin-set .info {
padding: 16px 10px 26px 10px;
}
.satisfact__set {
padding: 20px 10px 8px 10px;
flex-direction: column;
align-items: flex-start;
gap: 20px 0;
}
}
@media (max-width: 749px) {
.admin-set .info dt {
font-size: 16px;
}
.admin-set .info dd {
font-size: 16px;
}
.satisfact__set .title {
position: relative;
gap: 10px;
align-items: flex-start;
padding-left: 60px;
}
.satisfact__set .title::before {
position: absolute;
top: 50%;
left: 0;
width: 50px;
height: 50px;
background-size: contain;
transform: translateY(-50%);
}
.satisfact .radio-group {
margin-top: 20px;
}
.satisfact .radio-group label {
display: block;
margin: 0 0 14px;
}
}
@media (max-width: 749px) and (max-width: 749px) {
.satisfact .radio-group label {
margin: 0;
}
}
.popwrap {
display: none;
position: fixed;
left: 0;
top: 0;
width: 100%;
height: 100%;
background: #fff;
z-index: 10;
}
.popwrap.on {
display: block;
}
.pop-head {
position: relative;
width: 100%;
height: 128px;
background: #000 url(/static/ucms/img/sub/sub-visual.png) no-repeat center top;
background-size: cover;
}
.pop-head::before {
content: "";
display: block;
width: 100%;
height: 100%;
background: rgba(0, 0, 0, 0.4);
position: absolute;
left: 0;
top: 0;
}
.pop-head .container {
height: 100%;
display: flex;
align-items: center;
justify-content: space-between;
}
.pop-head .container h2 {
position: relative;
z-index: 0;
}
.pop-head .container .b-close {
position: relative;
z-index: 0;
display: flex;
align-items: center;
justify-content: center;
width: 51px;
height: 51px;
border-radius: 8px;
border: 1px solid #fff;
background: transparent url(/static/ucms/img/ico/ico-close-wh.png) no-repeat center;
}
.pop-body {
width: 100%;
height: calc(100% - 128px);
overflow-y: auto;
}
.pop-body .sitemap {
margin-top: 0;
}
@media (max-width: 749px) {
.pop-body .sitemap .container {
padding: 0 20px;
}
}

.sitego-group {
border: solid 1px #4a4961;
background-color: #100f1f;
border-radius: 5px;
}
.sitego-group select {
padding: 4px 7px;
height: 42px;
width: 120px;
background-color: #100f1f;
border: none;
border-right: 1px solid #4a4961;
background: none;
color: #fff;
border-radius: 0;
}
.sitego-group option {
color: #000;
}
.sitego-group button {
color: #fff;
}

.footer {
margin-top: 90px;
}
.footer .container {
max-width: 1280px;
padding: 40px 50px;
background-color: #1a192f;
border-radius: 30px 30px 0 0;
position: relative;
}
@media (max-width: 1320px) {
.footer .container {
padding: 32px 20px;
}
}
.footer__top {
display: flex;
align-items: center;
justify-content: space-between;
padding-bottom: 30px;
border-bottom: 1px solid #4a4961;
}
@media (max-width: 1320px) {
.footer__top {
flex-direction: column;
align-items: flex-start;
gap: 20px;
}
}
.footer__top address {
font-size: 16px;
font-weight: normal;
font-stretch: normal;
font-style: normal;
line-height: 1.5;
letter-spacing: normal;
text-align: left;
color: #7e7d93;
}
.footer__site {
display: flex;
flex-wrap: wrap;
gap: 10px;
}
@media (min-width: 1200px) {
.footer__site:has(.sitego-group) {
width: 700px;
flex-shrink: 0;
margin-left: 20px;
justify-content: flex-end;
}
}
.footer__site a {
display: flex;
align-items: center;
justify-content: space-between;
width: 170px;
height: 44px;
font-size: 16px;
color: #7e7d93;
padding: 0 15px;
border-radius: 5px;
border: 1px solid #4a4961;
}
.footer__site a i {
font-size: 18px;
}
.footer__bottom {
position: relative;
display: flex;
align-items: center;
justify-content: space-between;
padding: 30px 0 0;
}
.footer__nav {
display: flex;
gap: 30px;
flex-wrap: wrap;
}
.footer__nav a {
font-size: 16px;
color: #7e7d93;
letter-spacing: -0.5px;
}
.footer__nav a.red {
color: #d4272c;
}
.footer__copy {
font-size: 16px;
color: #7e7d93;
}
.footer__info {
font-family: "SUIT";
font-size: 16px;
color: #a1a0a0;
line-height: 1.88;
letter-spacing: -0.16px;
}
.footer__info address {
font-style: normal;
}
.footer__mark {
display: flex;
align-items: center;
gap: 51px;
margin-left: auto;
}

@media (min-width: 1600px) {
.chatbot-con {
height: 0;
position: fixed;
left: 50%;
top: 320px;
width: 100%;
max-width: 1280px;
transform: translateX(-50%);
}
}
.chatbot-con {
z-index: 1;
}

@media (min-width: 1600px) {
.btn-chatbot {
position: absolute;
right: -160px;
top: 0;
}
}
@media (max-width: 1599px) {
.btn-chatbot {
position: fixed;
right: 0;
bottom: 0;
}
}

@media (max-width: 1199px) {
.footer__bottom {
flex-wrap: wrap;
}
.footer-mark {
margin-left: 0;
}
}
@media (max-width: 749px) {
.footer__nav a {
min-width: 0;
}
.footer__nav a:not(:first-child)::before {
margin: 0 12px;
}
.footer__bottom {
gap: 20px;
padding: 20px 0 0;
border-top: 1px solid #6f6f6f;
}
.footer__info::before {
display: none;
}
.footer__info p {
line-height: 1.75;
letter-spacing: -0.16px;
}
.footer-mark {
margin-top: 20px;
}
.footer-mark img {
height: 30px;
}
}
.sitemap {
margin-top: -36px;
}
.sitemap__dp1 > li {
display: flex;
align-items: center;
border-bottom: 1px solid var(--bdcolor);
}
.sitemap__dp1 > li > a {
display: block;
min-width: 162px;
height: 100%;
font-family: "S-CoreDream-7ExtraBold";
font-size: 20px;
color: var(--cobalt);
text-align: center;
}
.sitemap__dp2 {
display: grid;
grid-template-columns: repeat(4, 1fr);
gap: 30px;
padding: 31px 40px;
border-left: 1px solid var(--bdcolor);
flex-grow: 1;
}
.sitemap__dp2 > li > a {
display: block;
padding: 15px 20px;
border-radius: 10px;
border: solid 1px #ddd;
font-family: "S-CoreDream-7ExtraBold";
font-size: 20px;
color: var(--marine-blue);
letter-spacing: -0.5px;
}
.sitemap__dp3 {
padding: 10px 12px;
}
.sitemap__dp3 > li > a {
display: block;
position: relative;
font-family: "S-CoreDream-6Bold";
font-size: 15px;
color: #000;
line-height: 2.13;
padding-left: 10px;
}
.sitemap__dp3 > li > a::before {
content: "";
position: absolute;
top: 14px;
left: 0;
width: 4px;
height: 4px;
background-color: var(--cobalt);
border-radius: 50%;
}
.sitemap__dp4 {
padding: 2px 10px;
}
.sitemap__dp4 > li > a {
display: block;
position: relative;
font-family: "S-CoreDream-4Regular";
font-size: 15px;
color: #000;
padding: 3px 10px;
}
.sitemap__dp4 > li > a::before {
content: "-";
position: absolute;
top: 2px;
left: 0;
}

@media (max-width: 1199px) {
.sitemap__dp2 {
flex-wrap: wrap;
gap: 16px;
grid-template-columns: repeat(2, 1fr);
}
}
@media (max-width: 749px) {
.sitemap {
margin-top: -20px;
}
.sitemap .container {
padding: 0;
}
.sitemap__set {
border-top: 0;
}
.sitemap__dp1 > li {
flex-direction: column;
border-bottom: 0;
}
.sitemap__dp1 > li > a {
min-width: 100%;
font-size: 20px;
line-height: 1;
padding: 30px 0 20px;
}
.sitemap__dp2 {
padding: 16px 0;
width: 100%;
border-left: 0;
border-top: 1px solid var(--bdcolor);
gap: 20px;
}
.sitemap__dp2 > li {
width: 100%;
text-align: center;
}
.sitemap__dp2 > li > a {
font-size: 16px;
}
.sitemap__dp3 {
text-align: left;
}
}
button {
border: none;
background-color: transparent;
}

[class^=b-] {
display: inline-flex;
align-items: center;
justify-content: center;
padding: 8px;
height: 48px;
font-size: 1rem;
line-height: 1;
border-radius: 5px;
border: solid 1px rgba(0, 0, 0, 0.65);
background-color: #fff;
}
@media (max-width: 749px) {
[class^=b-] {
height: 44px;
}
}
[class^=b-]:focus-visible {
text-decoration: underline;
text-underline-offset: 3px;
}
[class^=b-].md {
min-width: 120px;
padding-left: 20px;
padding-right: 20px;
}
[class^=b-].b-list {
background-color: #3061a9;
color: #fff;
border-color: #3061a9;
}
[class^=b-].b-list:focus-visible {
outline: 1px dashed #fff;
outline-offset: -2px;
}
[class^=b-].b-del {
color: #d4272c;
}
[class^=b-].lg, .btn-set [class^=b-] {
min-width: 100px;
height: 50px;
font-size: 18px;
font-weight: bold;
letter-spacing: -0.45px;
}

.btn-set {
margin: 20px 0;
text-align: center;
display: flex;
flex-wrap: wrap;
justify-content: center;
gap: 10px;
}
.btn-set.r {
text-align: right;
}
.btn-set.c {
text-align: center;
}

/* 셀렉트 */
input[type=text]::-ms-clear {
display: none;
}

input {
vertical-align: middle;
}

input[type=text]::-ms-clear {
display: none;
}

input {
vertical-align: middle;
}

select {
padding: 10px 16px;
height: 46px;
border-radius: 10px;
border: 1px solid #8d8d8d;
color: #000;
font-family: "SUIT";
font-weight: 400;
}
@media (max-width: 749px) {
select {
padding: 6px;
}
}
select option {
font-family: "SUIT";
font-weight: 400;
}

/* input */
input[type=email],
input[type=number],
input[type=text],
input[type=password] {
padding: 10px;
height: 35px;
border: 1px solid #ccc;
border-radius: 3px;
color: #000;
font-size: 16px;
font-family: "SUIT";
font-weight: 400;
line-height: 1;
}
input[type=email]:read-only,
input[type=number]:read-only,
input[type=text]:read-only,
input[type=password]:read-only {
background-color: #f5f5f7;
}
input[type=email]:-ms-input-placeholder, input[type=number]:-ms-input-placeholder, input[type=text]:-ms-input-placeholder, input[type=password]:-ms-input-placeholder {
color: #000;
}
input[type=email]::placeholder,
input[type=number]::placeholder,
input[type=text]::placeholder,
input[type=password]::placeholder {
color: #000;
}
@media (max-width: 749px) {
input[type=email],
input[type=number],
input[type=text],
input[type=password] {
height: 45px;
padding: 6px 10px;
}
}

input[type=password] {
font-family: "맑은 고딕";
}

input.tel {
width: 80px;
}

input[type=checkbox],
input[type=radio] {
display: inline-block;
vertical-align: middle;
position: relative;
width: 24px;
height: 24px;
appearance: none;
}

input[type=checkbox] {
background: #fff;
border-radius: 4px;
border: solid 1px #757575;
}
input[type=checkbox]:focus-visible::before {
outline: 1px dashed #000;
outline-offset: -3px;
border-radius: 4px;
}
input[type=checkbox]:checked {
background: var(--marine-blue);
}
input[type=checkbox]:checked::before {
content: "\e5ca";
display: block;
position: absolute;
left: 50%;
top: 50%;
font-family: "Material Symbols Outlined";
color: #fff;
font-size: 18px;
transform: translate(-50%, -50%);
}
input[type=checkbox] + span {
padding-left: 6px;
}

input[type=radio] {
appearance: none;
width: 16px;
height: 16px;
border: 1px solid var(--form-bd-color);
border-radius: 50%;
vertical-align: middle;
background-color: #fff;
}
input[type=radio]:focus-visible::before {
outline: 1px dashed #000;
outline-offset: -3px;
border-radius: 4px;
}
input[type=radio]:checked {
background-color: var(--cobalt);
outline: 2px solid #fff;
outline-offset: -4px;
}

input[type=number]::-webkit-inner-spin-button,
input[type=number]::-webkit-outer-spin-button {
-webkit-appearance: none;
margin: 0;
}

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

fieldset {
width: 100%;
}

.form-phone, .form-id {
display: flex;
align-items: center;
gap: 0 10px;
}
@media (max-width: 749px) {
.form-phone input, .form-id input {
max-width: calc(100% - 82px - 10px) !important;
}
}
.form-phone {
display: flex;
align-items: center;
gap: 0 10px;
}
@media (max-width: 749px) {
.form-phone {
gap: 0 5px;
}
}
.form-phone input {
width: 110px !important;
}
@media (max-width: 749px) {
.form-phone input {
width: 96px !important;
}
}
.form-phone span.fixed {
display: flex;
align-items: center;
width: 122px;
height: 46px;
padding: 10px 20px;
border-radius: 10px;
border: 1px solid #8d8d8d;
font-family: "SUIT";
font-weight: 400;
}
@media (max-width: 749px) {
.form-phone span.fixed {
width: 96px !important;
padding: 6px 10px;
}
}
.form-phone select {
width: 122px;
}
@media (max-width: 749px) {
.form-phone select {
width: 96px !important;
}
}
.form-email {
display: flex;
align-items: center;
gap: 0 10px;
}
.form-email > div {
display: flex;
align-items: center;
gap: 0 10px;
}
.form-email > div input[type=text] {
max-width: 166px;
}
.form-email select {
width: 100%;
max-width: 166px;
}
@media (max-width: 749px) {
.form-email {
flex-direction: column;
align-items: flex-start;
}
.form-email > div {
width: 100%;
}
.form-email > div input[type=text] {
max-width: none;
width: calc(50% - 16px);
}
.form-email select {
max-width: 100%;
margin-top: 10px;
}
}
.form-addr {
display: flex;
align-items: center;
gap: 0 10px;
}
@media (max-width: 749px) {
.form-addr {
flex-wrap: wrap;
}
}
.form-addr__code {
max-width: 144px !important;
}
@media (max-width: 749px) {
.form-addr__code {
max-width: none;
width: calc(100% - 82px - 10px);
}
}
.form-addr__input {
max-width: 277px !important;
}
@media (max-width: 749px) {
.form-addr__input {
max-width: none !important;
width: 100%;
margin-bottom: 10px;
}
}

.radio-group {
display: flex;
flex-wrap: wrap;
gap: 10px 30px;
}
.radio-group input {
margin-right: 8px;
}
.radio-group input[type=radio] {
border: 1px solid var(--bdcolor);
}
.radio-group input[type=radio]:checked {
background-color: var(--cobalt);
outline: 2px solid #fff;
outline-offset: -4px;
}
.radio-group.type2 {
gap: 10px 56px;
}
.radio-group.type2 input[type=radio] {
width: 20px;
height: 20px;
border: 1px solid var(--form-bd-color);
}

.count-total {
margin: 30px 0 13px;
font-size: 15px;
color: #000;
}
.count-total .point {
color: var(--marine-blue);
}

.bdList {
margin-top: 8px;
}
.bdList .no {
width: 65px;
}
@media (max-width: 1199px) {
.bdList .no {
width: 60px;
}
}
.bdList .num {
width: 120px;
}
@media (max-width: 1199px) {
.bdList .num {
width: 84px;
}
}
.bdList .name {
width: 80px;
}
@media (max-width: 1199px) {
.bdList .name {
width: 84px;
}
}
.bdList .files {
width: 100px;
}
@media (max-width: 1199px) {
.bdList .files {
width: 100px;
}
}
.bdList .day {
width: 120px;
}
@media (max-width: 1199px) {
.bdList .day {
width: 110px;
}
}
.bdList .days {
width: 250px;
}
@media (max-width: 1199px) {
.bdList .days {
width: 120px;
}
}
.bdList .depts,
.bdList .processing {
width: 136px;
}
@media (max-width: 1199px) {
.bdList .depts,
.bdList .processing {
width: 100px;
}
}
.bdList .view {
width: 65px;
}
@media (max-width: 1199px) {
.bdList .view {
width: 70px;
}
}
.bdList table {
width: 100%;
}
.bdList table td,
.bdList table th {
height: 53px;
text-align: center;
}
@media (max-width: 1199px) {
.bdList table td,
.bdList table th {
padding: 10px;
}
}
.bdList table td {
font-size: 16px;
padding: 10px;
}
.bdList table td .title {
display: block;
text-align: left;
color: #000;
}
.bdList table td.notice {
color: #3061a9;
font-weight: 600;
}
.bdList table td .tit {
display: flex;
align-items: center;
text-align: left;
}
.bdList table td .tit a {
display: -webkit-box;
-webkit-box-orient: vertical;
-webkit-line-clamp: 1;
overflow: hidden;
}
.bdList table td .tit .span-box {
flex-shrink: 0;
height: 24px;
line-height: 24px;
font-size: 14px;
padding: 0 10px;
margin-right: 9px;
border-radius: 5px;
background-color: var(--medium-blue);
color: #fff;
}
.bdList table td .tit .blue {
color: #3061a9;
font-weight: bold;
margin-right: 5px;
}
.bdList table td .tit .red {
color: #d4272c;
margin-right: 5px;
}
.bdList table thead {
position: relative;
}
.bdList table thead::before {
content: "";
display: block;
position: absolute;
width: 100%;
height: 100%;
box-sizing: border-box;
border: 1px solid #54565a;
border-radius: 5px;
top: 0;
right: 0;
z-index: -1;
}
.bdList table thead th {
background-color: unset;
border-top: unset;
border-bottom: unset;
padding: unset;
font-weight: 600;
color: #000;
text-align: center;
font-size: 16px;
}
.bdList table thead th.seqno {
width: 8%;
}
.bdList table tbody tr {
border-bottom: 1px solid #ddd;
}
.bdList table .list {
text-align: left;
}
.bdList table .list li {
padding-left: 16px;
text-indent: -10px;
}
.bdList table .list li::before {
content: "•";
display: inline-block;
}
@media (max-width: 749px) {
.bdList .table {
margin-top: 0;
}
.bdList a {
font-weight: bold;
}
.bdList:not(.ovx) {
border-top: 1px solid #ddd;
}
.bdList:not(.ovx) colgroup,
.bdList:not(.ovx) col,
.bdList:not(.ovx) thead,
.bdList:not(.ovx) th {
display: none;
}
.bdList:not(.ovx) table,
.bdList:not(.ovx) tr,
.bdList:not(.ovx) tbody {
display: block;
}
.bdList:not(.ovx) tr {
display: flex;
flex-wrap: wrap;
gap: 4px;
padding: 8px 0;
border-bottom: 1px solid #ddd;
}
.bdList:not(.ovx) td {
flex-basis: 100%;
padding: unset;
border: unset;
height: unset;
display: block;
text-align: left;
}
.bdList:not(.ovx) td.no {
display: none;
}
.bdList:not(.ovx) td.i {
flex-basis: auto;
}
.bdList td.dib {
display: inline-block;
width: auto;
}
}
.bdList .only-m {
display: none;
}
@media (max-width: 749px) {
.bdList .only-m {
justify-content: center;
align-items: center;
font-weight: 300;
font-weight: bold;
color: var(--bluish);
font-weight: 300;
font-size: 14px;
background-color: #eee;
color: #141414;
flex-basis: 32%;
min-width: 70px;
line-height: 1;
height: auto;
padding: 4px;
border-radius: 3px;
text-align: center;
flex-shrink: 0;
word-break: keep-all;
}
}

@media (max-width: 749px) {
.ovx {
overflow-x: auto;
}
}
.ovx table {
min-width: 750px;
}

@media (max-width: 749px) {
.ovx2 {
overflow-x: auto;
}
.ovx2 th,
.ovx2 td {
white-space: nowrap;
}
}

.ico-excel {
background: url(/static/portal/img/ico/icon-excel@2x.png) no-repeat center/contain;
}

.ico-hwp {
background: url(/static/portal/img/ico/icon-hwp@2x.png) no-repeat center/contain;
}

.ico-pdf {
background: url(/static/portal/img/ico/icon-pdf@2x.png) no-repeat center/contain;
}

.ico-ppt {
background: url(/static/portal/img/ico/icon-ppt@2x.png) no-repeat center/contain;
}

.ico-doc {
background: url(/static/portal/img/ico/icon-doc@2x.png) no-repeat center/contain;
}

.ico-zip {
background: url(/static/portal/img/ico/icon-zip@2x.png) no-repeat center/contain;
}

.ico-file {
background: url(/static/portal/img/ico/icon-file@2x.png) no-repeat center/contain;
}

.ico-png {
background: url(/static/portal/img/ico/icon-png@2x.png) no-repeat center/contain;
}

.ico-img {
background: url(/static/portal/img/ico/icon-img@2x.png) no-repeat center/contain;
}

.ico-jpg {
background: url(/static/portal/img/ico/icon-jpg@2x.png) no-repeat center/contain;
}

.ico-etc {
background: url(/static/portal/img/ico/icon-etc@2x.png) no-repeat center/contain;
}

.ico-hwpx {
background: url(/static/portal/img/ico/icon-hwp@2x.png) no-repeat center/contain;
}

.ico-docx {
background: url(/static/portal/img/ico/icon-doc@2x.png) no-repeat center/contain;
}

.file-list {
padding: 20px;
display: flex;
flex-direction: column;
gap: 10px;
}
.file-list__name {
display: flex;
flex-direction: row;
align-items: center;
gap: 9px;
}
.file-list__name i {
width: 35px;
aspect-ratio: 1;
flex-shrink: 0;
}

.dbdata {
border-width: 1px 0;
border-style: solid;
border-color: #000;
padding: 20px;
}

.filegroup {
position: relative;
}
.filegroup li {
display: flex;
align-items: center;
justify-content: center;
flex-wrap: wrap;
gap: 5px;
}
.filegroup .ico > i {
display: inline-block;
width: 35px;
height: 35px;
vertical-align: middle;
}
.filegroup .ico.ebook > i {
display: inline-block;
width: 40px;
height: 40px;
vertical-align: middle;
}
.filegroup .ico.ebook > i.ico-ebook {
background-image: url(/static/portal/img/ico/ico-ebook.png);
}
.filegroup .ico.ebook > i.ico-ebook-2 {
background-image: url(/static/portal/img/ico/ico-ebook-2.png);
}
.filegroup .filegroup-box {
display: none;
}
.filegroup .filegroup-box.on {
display: block;
position: absolute;
top: 28px;
right: 0;
width: 280px;
border: solid 1px var(--cobalt);
border-radius: 8px;
background-color: #fff;
text-align: left;
z-index: 99;
}
td .filegroup .filegroup-box {
position: relative;
}
.filegroup .filegroup-box__head {
padding: 6px 12px;
font-family: "S-CoreDream-4Regular";
color: #fff;
background-color: var(--cobalt);
}
.filegroup .filegroup-box__body {
padding: 12px;
}
.filegroup .filegroup-box__body li {
justify-content: flex-start;
}
.filegroup .filegroup-box__body a {
display: flex;
align-items: center;
color: #000;
line-height: 1.4;
}
.filegroup .filegroup-box__body li + li {
margin-top: 8px;
}
.filegroup .filegroup-box__body .ico > i {
margin-right: 10px;
flex-shrink: 0;
}
.filegroup .filegroup-box__body span {
max-width: calc(100% - 32px);
overflow: hidden;
text-overflow: ellipsis;
display: block;
display: -webkit-box;
-webkit-line-clamp: 1;
-webkit-box-orient: vertical;
}
.ie .filegroup .filegroup-box__body span {
display: block;
height: 1.4;
overflow: hidden;
}
.filegroup .filegroup-box__close {
position: absolute;
top: 4px;
right: 4px;
border: none;
color: #fff;
background-color: transparent;
}

.state {
display: inline-block;
padding: 5px 10px;
height: 32px;
font-family: "S-CoreDream-4Regular";
font-size: 15px;
color: #fff;
border-radius: 4px;
}
.state__ok {
background-color: var(--bluish);
}
.state__wait {
background-color: var(--pumpkin);
}
.state__ing {
background-color: var(--cobalt);
}
.state__end {
background-color: var(--warm-grey);
}

.bdList2 {
display: grid;
grid-template-columns: repeat(3, 1fr);
gap: 45px 25px;
margin-top: 8px;
padding-bottom: 47px;
border-bottom: 1px solid var(--bdcolor);
}
@media (max-width: 1199px) {
.bdList2 {
grid-template-columns: repeat(2, 1fr);
}
}
@media (max-width: 749px) {
.bdList2 {
grid-template-columns: repeat(1, 1fr);
}
}
.bdList2__img {
position: relative;
width: 100%;
aspect-ratio: 290/194;
border-radius: 5px;
overflow: hidden;
}
.bdList2__img img {
position: absolute;
width: 100%;
height: 100%;
object-fit: cover;
top: 0;
left: 0;
transform: scale(1);
transition: 0.3s;
}
.bdList2__date {
margin-top: 11px;
font-size: 14px;
color: #757575;
}
.bdList2__ttl {
margin-top: 18px;
font-size: 16px;
color: #000;
}
.bdList2__link:hover img, .bdList2__link:focus-visible img {
transform: scale(1.1);
}

.bd-txt {
background: #fbfdff;
border: 1px solid #ddd;
border-radius: 8px;
padding: 22px;
text-align: center;
font-family: "S-CoreDream-5Medium";
line-height: 2;
margin-bottom: 20px;
}
.bd-txt .help {
padding-left: 0;
}
.bd-txt strong {
color: var(--marine-blue);
}
.bd-txt a {
display: inline-flex;
width: 66px;
height: 32px;
margin: 0 4px;
align-items: center;
justify-content: center;
font-family: "S-CoreDream-4Regular";
color: #fff;
border-radius: 4px;
background: var(--cobalt);
}

.bd-comment {
margin-top: 77px;
}
.bd-comment__head {
display: flex;
gap: 12px;
align-items: center;
font-size: 24px;
color: #3061a9;
font-weight: bold;
}
.bd-comment__body .name {
font-size: 16px;
font-weight: bold;
color: #000;
margin-top: 24px;
}
.bd-comment__body .cmnt-wrap {
position: relative;
display: flex;
align-items: center;
margin-top: 13px;
}
.bd-comment__body .cmnt-wrap__btn-set {
position: absolute;
right: 0;
width: 130px;
display: flex;
justify-content: flex-end;
gap: 5px;
}
.bd-comment__body .cmnt-wrap__btn-set button {
width: 40px;
height: 40px;
border-radius: 50%;
border: unset;
}
.bd-comment__body .cmnt-wrap__btn-set button.b-write {
background-image: url(/static/portal/img/ico/ico-write-circle.png);
}
.bd-comment__body .cmnt-wrap__btn-set button.b-edit {
background-image: url(/static/portal/img/ico/ico-edit-circle.png);
}
.bd-comment__body .cmnt-wrap__btn-set button.b-del {
background-image: url(/static/portal/img/ico/ico-del-circle.png);
}
.bd-comment__body textarea#txtbox {
border: 1px solid #ccc;
border-radius: 3px;
min-height: 85px;
width: calc(100% - 110px);
padding: 10px;
resize: none;
font-size: 16px;
color: #000;
}

.bd-view2 {
margin-top: 8px;
border-bottom: 1px solid #ddd;
padding-bottom: 50px;
}
@media (max-width: 749px) {
.bd-view2 {
padding-bottom: 20px;
}
}
.bd-view2 ul {
display: grid;
grid-template-columns: repeat(2, 1fr);
gap: 50px 30px;
}
@media (max-width: 749px) {
.bd-view2 ul {
grid-template-columns: repeat(1, 1fr);
gap: 20px;
}
}
.bd-view2 .type2 {
display: grid;
grid-template-columns: repeat(1, 1fr);
gap: 50px;
}
@media (max-width: 749px) {
.bd-view2 .type2 {
gap: 20px;
}
}
.bd-view2 .type2 a dl {
grid-template-columns: 68px 1fr;
margin: 7px 0;
}
.bd-view2 a {
display: grid;
grid-template-columns: 154px 1fr;
gap: 20px;
}
@media (max-width: 749px) {
.bd-view2 a {
grid-template-columns: 120px 1fr;
gap: 15px;
}
}
.bd-view2 a dl {
margin: 10px 0;
display: grid;
grid-template-columns: 50px 1fr;
gap: 0;
line-height: 1.5;
}
@media (max-width: 749px) {
.bd-view2 a dl {
margin-top: 0;
}
}
.bd-view2 a dt {
color: #3061a9;
}
.bd-view2 a dd {
font-weight: bold;
}
.bd-view2 a dd.n {
color: #757575;
font-weight: normal;
}
.bd-view2 a .dates {
font-size: 14px;
color: #757575;
}
.bd-view3 {
margin-top: 8px;
border-bottom: 1px solid #ddd;
padding-bottom: 50px;
}
@media (max-width: 749px) {
.bd-view3 {
padding-bottom: 20px;
}
}
.bd-view3 ul {
display: grid;
grid-template-columns: repeat(2, 1fr);
gap: 50px 30px;
}
@media (max-width: 749px) {
.bd-view3 ul {
grid-template-columns: repeat(1, 1fr);
gap: 20px;
}
}
.bd-view3 a {
display: grid;
grid-template-columns: 120px 1fr;
gap: 20px;
}
.bd-view3 a img {
vertical-align: top;
}
.bd-view3 a .title {
font-size: 20px;
font-weight: bold;
font-stretch: normal;
font-style: normal;
line-height: 1.3;
letter-spacing: -0.5px;
word-break: keep-all;
}
.bd-view3 a .vol {
font-size: 18px;
letter-spacing: -0.45px;
}
.bd-view3 a dl {
margin-top: 6px;
display: flex;
gap: 9px;
}
@media (max-width: 480px) {
.bd-view3 a dl {
flex-direction: column;
gap: 0;
}
}
.bd-view3 a dt {
font-size: 14px;
line-height: 1.71;
letter-spacing: -0.35px;
text-align: left;
color: #3061a9;
min-width: 46px;
flex-shrink: 0;
}
.bd-view3 a dd {
font-size: 14px;
letter-spacing: -0.35px;
}
.bd-view3.type2 .set {
display: flex;
flex-direction: column;
justify-content: space-between;
padding-bottom: 20px;
}

.Magazine-info {
padding: 30px;
border-radius: 5px;
background-color: #f5f5f7;
display: flex;
gap: 40px;
}
@media (max-width: 749px) {
.Magazine-info {
padding: 15px;
flex-direction: column;
gap: 0;
}
}
.Magazine-info .group {
display: flex;
gap: 20px;
}
.Magazine-info .title {
font-size: 24px;
font-weight: bold;
letter-spacing: -0.5px;
}
.Magazine-info .vol {
margin-top: 6px;
font-size: 20px;
letter-spacing: -0.45px;
}
.Magazine-info .set {
border-left: 1px solid #ddd;
padding-left: 20px;
}
@media (max-width: 749px) {
.Magazine-info .set {
padding-left: 0;
border: none;
}
}
.Magazine-info .set dl {
display: flex;
gap: 9px;
margin-top: 10px;
}
.Magazine-info .set dt {
color: #3061a9;
}
@media (max-width: 749px) {
.Magazine-info .set dt {
width: 80px;
flex-shrink: 0;
}
}

.flexr {
display: flex;
justify-content: flex-end;
}

.Magazine-title {
font-size: 20px;
font-weight: bold;
font-stretch: normal;
font-style: normal;
letter-spacing: normal;
text-align: left;
color: #000;
}

.Magazine-list {
margin-top: 19px;
border-top: 1px solid #ddd;
}
.Magazine-list a {
padding: 18px 0;
display: grid;
gap: 0;
border-bottom: 1px solid #ddd;
grid-template-columns: 60px 1fr 110px;
}
@media (max-width: 749px) {
.Magazine-list a {
grid-template-columns: 1fr;
}
}
.Magazine-list a .num {
text-align: center;
}
@media (max-width: 749px) {
.Magazine-list a .num {
display: none;
}
}
@media (max-width: 749px) {
.Magazine-list a .group {
display: flex;
}
}
.Magazine-list a .group em {
margin-right: 5px;
display: inline-flex;
flex-direction: row;
justify-content: center;
align-items: center;
width: 70px;
height: 24px;
border-radius: 5px;
background-color: #3061a9;
font-size: 14px;
color: #fff;
}
.Magazine-list a .name {
text-align: center;
}
@media (max-width: 749px) {
.Magazine-list a .name {
display: none;
}
}

.bd-list table {
width: 100%;
}
.bd-list th {
border-top: 1px solid #000;
border-bottom: 1px solid #000;
padding: 20px 10px;
background-color: #f6f6f6;
}
.bd-list td {
padding: 20px 10px;
border-bottom: 1px solid #ddd;
}

@media (max-width: 749px) {
.type-mobile {
border-top: 1px solid #ddd;
}
.type-mobile thead,
.type-mobile colgroup {
display: none;
}
.type-mobile table,
.type-mobile tbody {
display: block;
}
.type-mobile th,
.type-mobile td {
border: 0;
padding: 0;
text-align: left !important;
}
.type-mobile tr {
padding: 16px 0;
position: relative;
display: flex;
flex-wrap: wrap;
gap: 5px;
border-bottom: 1px solid #ddd;
}
.type-mobile .cate {
color: #00aeef;
}
.type-mobile .name {
font-weight: bold;
}
.type-mobile .full {
flex: 0 0 100%;
}
.type-mobile .tels {
color: #757575;
}
.type-mobile a {
position: absolute;
right: 0;
bottom: 19px;
}
}

.td-tac table td {
text-align: center;
}

a.mail {
display: inline-block;
width: 20px;
height: 16px;
background: url(/static/portal/img/ico/icon-mail.png);
outline-offset: 2px;
}

.bd-head {
padding: 24px 30px;
border-radius: 5px;
border: solid 2px #86b0ee;
background-color: #fff;
font-size: 18px;
font-weight: normal;
font-stretch: normal;
font-style: normal;
line-height: 1.67;
}
@media (max-width: 749px) {
.bd-head {
padding: 22px 28px;
}
.bd-head br {
display: none;
}
}
.bd-head strong {
font-weight: bold;
color: var(--medium-blue);
}

.bd-view {
border-top: 1px solid #000;
}
.bd-view__subject {
padding-bottom: 16px;
letter-spacing: -0.5px;
font-size: 24px;
font-weight: bold;
}
.bd-view__subject strong {
color: var(--bluish);
}
.bd-view__head {
padding: 20px;
background-color: #f5f5f7;
border-bottom: 1px solid #ddd;
}
.bd-view:has(.ico-re) .bd-view__head {
background-color: #f2f8fd;
}
.bd-view__meta + .bd-view__meta {
margin-top: 10px;
}
@media (min-width: 750px) {
.bd-view__meta {
display: grid;
grid-template-columns: repeat(3, auto);
gap: 10px;
justify-items: start;
}
}
@media (max-width: 749px) {
.bd-view__meta {
display: flex;
flex-direction: row;
justify-content: space-between;
align-items: center;
gap: 10px;
flex-direction: column;
align-items: flex-start;
}
}
.bd-view__meta dl {
display: flex;
flex-direction: row;
justify-content: center;
align-items: center;
gap: 29px;
}
.bd-view__meta dl dt {
font-weight: bold;
}
.bd-view__meta2 + .bd-view__meta2 {
margin-top: 10px;
}
@media (min-width: 750px) {
.bd-view__meta2 {
display: grid;
grid-template-columns: repeat(2, 1fr);
gap: 10px;
justify-items: start;
}
}
@media (max-width: 749px) {
.bd-view__meta2 {
display: flex;
flex-direction: row;
justify-content: space-between;
align-items: center;
gap: 10px;
flex-direction: column;
align-items: flex-start;
}
}
.bd-view__meta2 dl {
width: 100%;
display: flex;
flex-direction: row;
gap: 25px;
}
@media (max-width: 749px) {
.bd-view__meta2 dl {
gap: 10px;
}
}
.bd-view__meta2 dl dt {
font-weight: bold;
flex-basis: 70px;
flex-shrink: 0;
}
.bd-view:has(.ico-re) {
margin-top: 50px;
}

@media (min-width: 1200px) {
.bdView {
padding: 0 28px;
}
}
.bdView__subject {
display: flex;
align-items: center;
justify-content: center;
gap: 10px 20px;
padding: 24px;
border-radius: 8px;
font-size: 20px;
font-weight: 500;
color: var(--marine-blue);
text-align: center;
background-color: var(--bd-bgcolor);
}
@media (max-width: 749px) {
.bdView__subject {
flex-direction: column;
}
}
.bdView__subject h3 {
font-weight: inherit;
font-size: inherit;
}
@media (min-width: 1200px) {
.bdView__subject h3 {
display: inline-block;
}
}
@media (min-width: 1200px) {
.bdView__subject .state {
margin-left: -84px;
}
}
.bdView__head dl {
display: grid;
grid-template-columns: 86px 182px 86px 1fr 86px 182px 86px 3fr;
gap: 8px 0;
padding: 18px 0;
border-bottom: 1px solid var(--bdcolor);
}
@media (max-width: 1199px) {
.bdView__head dl {
grid-template-columns: 86px 182px 86px 1fr;
}
}
@media (max-width: 749px) {
.bdView__head dl {
grid-template-columns: 86px 1fr;
}
}
.bdView__head dt,
.bdView__head dd {
display: inline-block;
font-size: 15px;
}
.bdView__head dt {
font-family: "S-CoreDream-5Medium";
color: var(--marine-blue);
}
.bdView .file-list dd {
grid-column: 2/end;
}
.bdView .file-list a {
color: #000;
}
.bdView__body {
padding: 24px 0;
border-bottom: 1px solid var(--bdcolor);
font-size: 15px;
line-height: 1.73;
}

.bdViewNav {
margin-top: 50px;
border: 1px solid #ccc;
border-width: 1px 0;
}
@media (max-width: 749px) {
.bdViewNav {
margin-top: 20px;
}
}
.bdViewNav > dl {
display: grid;
grid-template-columns: 123px 1fr;
}
@media (max-width: 749px) {
.bdViewNav > dl {
grid-template-columns: 100px 1fr;
}
}
.bdViewNav > dl:not(:last-of-type) {
border-bottom: 1px solid #ddd;
}
.bdViewNav > dl.col-2 {
grid-template-columns: 123px 2fr 123px 1fr;
}
.bdViewNav > dl > dt,
.bdViewNav > dl dd {
padding: 12px 20px;
}
.bdViewNav > dl > dt {
text-align: center;
font-weight: bold;
align-content: center;
}

.reComentSubmit {
border-top: 1px solid var(--brownish-grey);
}
.reComentSubmit .characterLen {
resize: none;
height: 120px;
padding: 10px;
border: 1px solid #ddd;
}
.reComentSubmit .characterLen + span {
font-size: 15px;
color: #757575;
}
.reComentSubmit textarea {
display: block;
border-radius: 8px;
}
.reComentSubmit .btn-wrap {
margin: 20px auto 50px;
}
.reComentSubmit .b-cancel {
width: 97px;
}
.reComentSubmit .b-reg {
display: flex;
width: 97px;
height: 48px;
}
.reComentSubmit .b-reg i {
display: inline-block;
width: 16px;
height: 16px;
background: url(/static/ucms/img/ico/ico-cmnt.png) center center no-repeat;
margin-right: 10px;
}

.reComentList {
margin-bottom: 50px;
}
.reComentList ul {
border-top: 1px solid #ddd;
}
.reComentList ul li {
display: flex;
justify-content: space-between;
gap: 10px;
padding: 17px 0 17px 20px;
border-bottom: 1px solid #ddd;
}
@media (max-width: 749px) {
.reComentList ul li {
flex-direction: column;
padding: 7px 0 7px 10px;
}
}
.reComentList ul li.nodata {
align-items: center;
}
.reComentList ul .user-info span {
display: inline-block;
}
.reComentList ul .user-info .date {
color: #7a7a7a;
margin-left: 7px;
}
.reComentList ul .cmnt-desc {
margin-top: 10px;
font-family: "S-CoreDream-4Regular";
color: #000;
}
.reComentList ul .cmnt-btns {
display: flex;
gap: 10px;
}
@media (max-width: 749px) {
.reComentList ul .cmnt-btns {
justify-content: flex-end;
}
}
.reComentList ul .cmnt-btns button {
width: 92px;
font-size: 15px;
border-radius: 4px;
color: #fff;
}
.reComentList ul .cmnt-btns button::after {
content: "";
display: inline-block;
width: 16px;
height: 16px;
margin-left: 10px;
background-size: contain;
background-repeat: no-repeat;
background-position: center top;
}
.reComentList ul .cmnt-btns .b-edit,
.reComentList ul .cmnt-btns .b-confirm {
background-color: var(--cobalt);
}
.reComentList ul .cmnt-btns .b-edit::after,
.reComentList ul .cmnt-btns .b-confirm::after {
background-image: url(/static/ucms/img/ico/ico-edit-wht.png);
}
.reComentList ul .cmnt-btns .b-del {
background: #d24628;
}
.reComentList ul .cmnt-btns .b-del::after {
background-image: url(/static/ucms/img/ico/ico-del-wht.png);
}
.reComentList ul .cmnt-btns .b-cancel {
width: 124px;
background: #fff;
color: var(--cobalt);
border: solid 1px var(--cobalt);
}
.reComentList ul .cmnt-btns .b-cancel::after {
background-image: url(/static/ucms/img/ico/ico-cancel-bl.png);
}
.reComentList ul .cmnt-edit {
gap: 10px 20px;
}
.reComentList ul .cmnt-edit .user-info {
width: calc(100% - 124px - 20px);
}
@media (max-width: 749px) {
.reComentList ul .cmnt-edit .user-info {
width: 100%;
}
}
.reComentList ul .cmnt-edit textarea {
display: block;
resize: none;
height: 120px;
padding: 10px;
border: 1px solid #ddd;
border-radius: 8px;
}
.reComentList ul .cmnt-edit .cmnt-btns {
flex-direction: column;
padding-top: 32px;
}
@media (max-width: 749px) {
.reComentList ul .cmnt-edit .cmnt-btns {
padding-top: 0;
flex-direction: row;
}
}

.qna__answer {
display: inline-block;
height: 32px;
padding: 2px 19px;
margin-bottom: 14px;
border-radius: 16px;
color: #fff;
background-color: var(--cobalt);
}

.survey .question {
padding-bottom: 14px;
}
.survey .textarea {
padding-top: 4px;
}
.survey .textarea textarea {
width: 100%;
min-height: 120px;
padding: 16px 20px;
border-radius: 8px;
border: solid 1px #ddd;
font-family: "S-CoreDream-4Regular";
font-size: 15px;
background-color: #fff;
}
.survey + .btn-set {
margin-top: 40px;
}

.faq__box {
margin: 10px 0;
padding: 18px 20px;
border-radius: 8px;
background-color: var(--bd-bgcolor);
}
@media (max-width: 749px) {
.faq__box {
padding: 18px 14px;
}
}
.faq__q, .faq__a {
position: relative;
}
.faq .faq-img {
position: absolute;
width: 36px;
height: 36px;
border-radius: 18px;
line-height: 36px;
text-align: center;
vertical-align: middle;
}
.faq .faq-img i {
font-style: normal;
}
.faq .faq-img i::before {
font-family: "S-CoreDream-5Medium";
vertical-align: top;
font-size: 20px;
}
.faq__q {
padding-left: 50px;
margin-left: 10px;
font-family: "S-CoreDream-5Medium";
font-size: 20px;
font-weight: 500;
line-height: 1.8;
color: var(--marine-blue);
}
.faq__q .faq-img {
left: 0;
top: 0;
background-color: var(--cobalt);
color: #fff;
}
.faq__q i::before {
content: "Q";
}
.faq__q button {
width: 100%;
padding-right: 38px;
text-align: left;
}
.faq__q button:after {
content: "";
position: absolute;
top: 0;
right: 0;
width: 36px;
height: 36px;
border-radius: 8px;
background: #fff url(/static/ucms/img/ico/ico-arr-blue.png) no-repeat center;
transition: all 0.2s;
}
.open .faq__q button:after {
transform: rotate(180deg);
}
.faq__q button:focus-visible {
outline-offset: 2px;
}
.faq__a {
display: none;
}
.open .faq__a {
display: block;
padding: 12px 76px 14px 64px;
margin-top: 20px;
font-size: 15px;
line-height: 1.73;
color: #000;
background-color: #fff;
border-radius: 8px;
}
@media (max-width: 749px) {
.open .faq__a {
padding: 12px 16px 14px 64px;
}
}
.faq__a .faq-img {
left: 10px;
top: 50%;
transform: translateY(-50%);
background-color: #fff;
border: 1px solid var(--cobalt);
color: var(--cobalt);
}
.faq__a .faq-img i::before {
content: "A";
}

.req {
display: inline-block;
width: 0;
position: relative;
height: 15px;
margin-right: 3px;
transform: translate(-4px, -4px);
}
.req::before {
content: "*";
position: relative;
margin-left: 5px;
color: #d4272c;
font-size: 16px;
font-weight: bold;
}

.help {
padding-left: 20px;
font-size: 15px;
color: #000;
line-height: 28px;
}
.help::before {
content: "※";
font-size: 15px;
margin-right: 4px;
}
@media (max-width: 749px) {
.help {
padding-left: 0;
}
}

.help2 {
display: flex;
}
.help2::before {
flex-shrink: 0;
content: "";
width: 20px;
height: 20px;
margin-right: 9px;
background: url(/static/portal/img/content/help.png) 0 0 no-repeat;
}

.view dl,
.reg dl {
display: table;
width: 100%;
border-top: 1px solid #dddddd;
border-collapse: collapse;
table-layout: fixed;
}
.view dl:last-of-type,
.reg dl:last-of-type {
border-bottom: 1px solid #dddddd;
}
.view dt,
.reg dt {
position: relative;
display: table-cell;
min-height: 60px;
padding: 8px 16px;
vertical-align: middle;
width: 165px;
color: #3061a9;
text-align: center;
font-size: 16px;
font-weight: bold;
}
.view dd,
.reg dd {
display: table-cell;
min-height: 60px;
width: calc(100% - 165px);
padding: 13px 20px;
vertical-align: middle;
border-left: 1px solid #dddddd;
text-align: left;
}
.view dd #tit,
.reg dd #tit {
width: 100%;
max-width: 430px;
}
.view dd textarea,
.reg dd textarea {
width: 100%;
padding: 10px;
min-height: 205px;
resize: none;
border: 1px solid #ccc;
border-radius: 3px;
color: #000;
font-size: 16px;
}

@media (max-width: 749px) {
.view dl,
.reg dl {
display: block;
border: 0;
margin-bottom: 20px;
}
.view dl:last-of-type,
.reg dl:last-of-type {
border-bottom: 0;
}
.view dt,
.reg dt {
display: block;
width: 100%;
min-height: 0;
background: #fff;
padding: 4px 0;
text-align: left;
padding-left: 6px;
}
.view dd,
.reg dd {
display: block;
width: 100%;
min-height: 0;
padding: 2px 0 4px;
border-left: 0;
}
}
.view-swiper__top {
display: flex;
padding: 0 20px;
gap: 0 20px;
justify-content: flex-start;
flex-wrap: wrap;
align-items: center;
width: 100%;
height: 56px;
font-family: "S-CoreDream-5Medium";
font-size: 18px;
border-top: 1px solid var(--bdcolor);
border-bottom: 1px solid var(--bdcolor);
background-color: #fbfdff;
}
.view-swiper__ttl {
color: #121212;
}
.view-swiper__date {
color: #757575;
}
.view-swiper__btm {
width: 100%;
overflow: hidden;
}
.view-swiper .swiper {
width: 100%;
max-width: 1250px;
margin-top: 50px;
}
@media (max-width: 1599px) {
.view-swiper .swiper {
max-width: calc(100vw - 40px);
}
}
.view-swiper .swiper-wrapper {
height: 450px;
align-items: center;
}
@media (max-width: 749px) {
.view-swiper .swiper-wrapper {
height: 56.25vw;
}
}
.view-swiper .swiper .swiper-slide {
display: flex;
align-items: center;
position: relative;
width: 400px;
height: 225px;
border-radius: 20px;
overflow: hidden;
transition: 0.3s;
}
@media (max-width: 749px) {
.view-swiper .swiper .swiper-slide {
width: calc(100% - 100px);
height: 46.25vw;
}
}
.view-swiper .swiper .swiper-slide img {
position: relative;
width: 100%;
height: 100%;
object-fit: contain;
background: aliceblue;
}
.view-swiper .swiper .swiper-slide-active {
width: 800px;
height: 450px;
}
@media (max-width: 749px) {
.view-swiper .swiper .swiper-slide-active {
width: 100%;
height: 56.25vw;
}
}
.view-swiper .controller {
display: flex;
justify-content: flex-end;
align-items: center;
gap: 20px;
max-width: 800px;
left: 0;
right: 0;
margin: 30px auto 0;
padding: 0 10px;
}
@media (max-width: 749px) {
.view-swiper .controller {
gap: 10px;
padding: 0;
}
}
.view-swiper .controller .prevnext {
display: flex;
gap: 8px;
}
@media (max-width: 749px) {
.view-swiper .controller .prevnext {
gap: 4px;
}
}
.view-swiper .controller .swiper-horizontal > .swiper-pagination-bullets,
.view-swiper .controller .swiper-pagination-bullets.swiper-pagination-horizontal,
.view-swiper .controller .swiper-pagination-custom,
.view-swiper .controller .swiper-pagination-fraction {
position: relative;
bottom: unset;
width: fit-content;
font-size: 16px;
color: #757575;
}
.view-swiper .controller .swiper-pagination-bullet {
background: #d1d1d1;
opacity: 1;
}
.view-swiper .controller .swiper-pagination-bullet-active {
background: var(--marine-blue);
}
.view-swiper .radius-box {
display: flex;
align-items: center;
justify-content: center;
border-radius: 8px;
background-color: #f7f8fa;
border: unset;
}
.view-swiper .radius-box--w48 {
width: 48px;
height: 48px;
}
.view-swiper .radius-box--w40 {
width: 40px;
height: 40px;
}
.view-swiper .radius-box i {
color: #3073ff;
}

.label-list {
display: flex;
flex-wrap: wrap;
gap: 15px;
}
.label-list input[type=radio],
.label-list input[type=checkbox] {
width: 16px;
}
.label-list label {
display: flex;
align-items: center;
gap: 4px;
}

/* 로그인 */
.login {
display: grid;
grid-template-columns: auto 474px;
gap: 20px;
}
.login h3 {
font-family: "S-CoreDream-6Bold";
font-size: 22px;
text-align: center;
}
.login-set:first-of-type {
margin-top: 32px;
}
.login-set:not(:first-of-type) {
margin-top: 26px;
}
.login-set span {
display: block;
font-size: 16px;
font-family: "S-CoreDream-6Bold";
line-height: 1;
padding-left: 10px;
margin-bottom: 10px;
}
.login-set input {
width: 100%;
height: 62px;
font-family: "SUIT-Medium";
font-weight: 500;
border-radius: 10px;
border: solid 1px #ddd;
background-color: #fbfdff;
padding: 20px 20px;
}
.login-set input:-ms-input-placeholder {
color: #757575;
font-family: "SUIT-Medium";
font-weight: 500;
}
.login-set input::placeholder {
color: #757575;
font-family: "SUIT-Medium";
font-weight: 500;
}
.login-util {
display: flex;
justify-content: space-between;
margin-top: 36px;
}
.login-util > div {
display: flex;
}
.login-util > div a {
padding: 0 15px;
}
.login-util > div a:last-of-type {
border-left: 1px solid #dddddd;
}
.login-util a {
font-size: 16px;
font-family: "S-CoreDream-5Medium";
color: #757575;
}
.login .b-login {
display: flex;
align-items: center;
justify-content: center;
width: 100%;
height: 72px;
font-size: 22px;
font-family: "S-CoreDream-6Bold";
margin-top: 34px;
}
.login__member {
padding: 36px 90px;
border: 1px solid #ddd;
border-radius: 10px;
}
.login__nonmember {
padding: 36px 40px;
border: 1px solid #ddd;
border-radius: 10px;
}
.login__nonmember form > div {
display: flex;
flex-wrap: wrap;
gap: 20px 20px;
margin-top: 20px;
}

@media (max-width: 1199px) {
.login {
display: block;
}
.login__member {
padding: 28px 10px 30px;
}
.login__nonmember {
padding: 28px 10px 30px;
margin-top: 20px;
}
}
@media (max-width: 749px) {
.login h3 {
font-size: 18px;
}
.login-set input {
height: 44px;
padding: 10px 20px;
}
.login .b-login {
height: 48px;
font-size: 16px;
margin-top: 20px;
}
.login-util {
justify-content: center;
margin-top: 20px;
}
.login-util > a {
padding-right: 12px;
font-size: 14px;
}
.login-util > div a {
padding: 0 12px;
font-size: 14px;
}
.login-util > div a:first-of-type {
border-left: 1px solid #ddd;
}
.login-util > div a:last-of-type {
padding-right: 0;
}
.login__nonmember > div {
gap: 10px 10px;
}
}
.phone-auth,
.ipin-auth,
.sns-auth {
display: flex;
align-items: center;
justify-content: center;
flex-direction: column;
width: calc(50% - 10px);
padding: 34px 29px;
border-radius: 10px;
border: 1px solid #ddd;
background: #fbfdff;
}
.phone-auth span,
.ipin-auth span,
.sns-auth span {
display: block;
font-family: "S-CoreDream-6Bold";
margin-bottom: 15px;
color: #000;
}
.phone-auth i,
.ipin-auth i,
.sns-auth i {
display: block;
width: 75px;
height: 75px;
background-position: center center;
background-size: contain;
background-repeat: no-repeat;
}
@media (max-width: 749px) {
.phone-auth,
.ipin-auth,
.sns-auth {
padding: 25px 11px;
}
}

.phone-auth i {
background-image: url(/static/ucms/img/ico/ico-phone.png);
}

.ipin-auth i {
background-image: url(/static/ucms/img/ico/ico-ipin.png);
}

.sns-auth {
width: 100%;
align-items: flex-start;
}
.sns-auth i {
background-image: url(/static/ucms/img/ico/ico-sns.png);
}

.sns-btns {
display: flex;
align-items: center;
gap: 0 10px;
}
.sns-btns > div {
display: flex;
align-items: center;
gap: 0 10px;
}
.sns-btns a {
display: inline-block;
width: 51px;
height: 51px;
background-position: center center;
background-size: contain;
background-repeat: no-repeat;
}
.sns-btns .i-google {
background-image: url(/static/ucms/img/ico/ico-google.png);
}
.sns-btns .i-kakao {
background-image: url(/static/ucms/img/ico/ico-kakao.png);
}
.sns-btns .i-facebook {
background-image: url(/static/ucms/img/ico/ico-facebook.png);
}
.sns-btns .i-naver {
background-image: url(/static/ucms/img/ico/ico-naver.png);
}

.auth-box {
display: flex;
gap: 0 20px;
margin: 0 120px 40px;
}
.auth-box button {
margin-top: 20px;
}

@media (max-width: 749px) {
.auth-box {
flex-direction: column;
gap: 10px 10px;
margin: 0;
}
.auth-box .phone-auth, .auth-box .ipin-auth {
width: 100%;
}
}
@media (max-width: 749px) {
.login__nonmember form > div {
gap: 10px;
}
.phone-auth, .ipin-auth, .sns-auth {
width: calc(50% - 5px);
}
.sns-auth {
width: 100%;
align-items: center;
justify-content: center;
}
.sns-auth span {
width: 100%;
text-align: center;
}
.sns-auth .sns-btns {
gap: 0 10px;
}
.sns-auth .sns-btns > div {
display: grid;
grid-template-columns: repeat(2, 51px);
gap: 6px;
}
}
/* 회원가입 */
.join-step {
max-width: 540px;
margin: 0 auto 35px;
}
.join-step ol {
display: flex;
position: relative;
align-items: center;
justify-content: space-between;
}
.join-step ol::before {
content: "";
position: absolute;
top: 20px;
left: 50%;
transform: translateX(-50%);
display: block;
width: 100%;
max-width: 518px;
height: 1px;
background: #ddd;
z-index: -1;
}
@media (max-width: 1199px) {
.join-step ol::before {
width: calc(100% - 40px);
}
}
.join-step ol li {
display: flex;
align-items: center;
justify-content: center;
flex-direction: column;
font-family: "S-CoreDream-4Regular";
color: #757575;
}
.join-step ol li.on {
font-family: "S-CoreDream-6Bold";
color: var(--cobalt);
}
.join-step ol li.on span {
background: var(--cobalt);
color: #fff;
}
.join-step ol li span {
display: inline-flex;
align-items: center;
justify-content: center;
width: 40px;
height: 40px;
font-family: "SUIT";
font-weight: 700;
margin-bottom: 15px;
border-radius: 50%;
background: #f6f5f5;
color: #757575;
}
.join-cmplt {
display: flex;
align-items: center;
justify-content: center;
flex-direction: column;
padding: 36px 50px 50px;
background: #fbfdff;
border: 1px solid #ddd;
border-radius: 10px;
}
.join-cmplt p {
font-size: 26px;
font-family: "S-CoreDream-6Bold";
color: #000;
line-height: 2.04;
letter-spacing: -0.65px;
}
.join-cmplt p strong {
color: var(--cobalt);
}
.join-cmplt i {
display: block;
width: 201px;
height: 209px;
background: url("/static/ucms/img/ico/ico-cmplt.png") center center no-repeat;
background-size: contain;
margin: 26px auto 10px;
}
.join-cmplt .b-go {
width: 574px;
height: 77px;
color: #fff;
font-size: 22px;
font-family: "S-CoreDream-6Bold";
background: var(--cobalt);
}
.join-cmplt .flow {
display: flex;
justify-content: center;
gap: 20px;
}
.join-cmplt .flow .b-go {
width: auto;
padding-left: 30px;
padding-right: 30px;
}
@media (max-width: 749px) {
.join-cmplt {
padding: 50px 20px;
gap: 30px 0;
}
.join-cmplt p {
font-size: 20px;
}
.join-cmplt i {
width: 134px;
height: 140px;
}
.join-cmplt .b-go {
width: 100%;
height: 45px;
font-size: 16px;
}
}
.join-form input {
width: 100%;
max-width: 374px;
}
@media (max-width: 749px) {
.join-form input {
max-width: 100%;
}
}

/* 이용약관 */
.term-box {
font-family: "SUIT" !important;
margin: 16px 0;
padding: 20px 30px;
border-radius: 10px;
background-color: #f6f6f6;
font-size: 16px;
}
.term-box * {
font-size: 16px !important;
font-family: "SUIT" !important;
color: #121212 !important;
line-height: 1.75 !important;
}
.term-box p {
font-weight: 400;
color: #121212;
line-height: 1.75;
}
.term-box p strong {
font-weight: 700;
}
.term-check {
margin-bottom: 40px;
}
.term-check label {
display: flex;
}
.term-check span {
width: calc(100% - 24px - 6px);
}
.term-check + .btn-wrap {
display: flex;
align-items: center;
justify-content: center;
gap: 0 10px;
padding-top: 40px;
border-top: 1px solid #dddddd;
}

/*paging*/
.pagination-set {
position: relative;
text-align: center;
margin-top: 20px;
}

.pagination {
display: inline-block;
vertical-align: top;
padding-left: 0;
text-align: center;
}

.pagination em {
font-style: normal;
}

.pagination > li {
display: inline;
font-size: 14px;
}

.pagination > li > a,
.pagination > li > span {
position: relative;
display: inline-flex;
align-items: center;
justify-content: center;
float: left;
text-decoration: none;
min-width: 40px;
height: 40px;
color: #000;
margin-left: 6px;
margin-bottom: 5px;
}

.pagination > li.first > *,
.pagination > li.prev > *,
.pagination > li.next > *,
.pagination > li.end > * {
background: #fff;
}
.pagination > li.first > *:hover,
.pagination > li.prev > *:hover,
.pagination > li.next > *:hover,
.pagination > li.end > *:hover {
background: #fff;
border: 1px solid #ddd;
}

.pagination > li.first > *:before,
.pagination > li.prev > *:before,
.pagination > li.next > *:before,
.pagination > li.end > *:before {
content: "";
display: inline-block;
width: 40px;
height: 40px;
}

.pagination > li .s,
.pagination > li .s span {
position: absolute;
width: 1px;
height: 1px;
margin: -1px;
padding: 0;
overflow: hidden;
clip: rect(0, 0, 0, 0);
border: 0;
}

.pagination > li.first > * {
margin-right: 0;
}

.pagination > li.first > *:before {
content: "";
background: url(/static/ucms/img/ico/ico-first.png) no-repeat 50% 50%;
}

.pagination > li.prev a {
margin-right: 10px;
}

.pagination > li.prev > *:before {
content: "";
background: url(/static/portal/img/ico/ico-prev.png) no-repeat 50% 50%;
}

.pagination > li.next a {
margin-left: 10px;
}

.pagination > li.next > *:before {
content: "";
background: url(/static/portal/img/ico/ico-next.png) no-repeat 50% 50%;
}

.pagination > li.end > * {
background-position: right 0;
margin-left: 6px;
}

.pagination > li.end > *:before {
content: "";
background: url(/static/ucms/img/ico/ico-last.png) no-repeat 50% 50%;
}

.pagination > li:first-child > a,
.pagination > li:first-child > span {
margin-left: 0;
}

.pagination > li > a:hover,
.pagination > li > span:hover,
.pagination > li > a:focus,
.pagination > li > span:focus {
z-index: 2;
background-color: #3061a9;
border-radius: 50%;
color: #fff;
}

.pagination > .active span {
z-index: 2;
background-color: #3061a9;
color: #fff;
border-radius: 50%;
font-weight: 600;
}
.pagination > .active span em > span {
border: none;
}

.pagination > .disabled > span,
.pagination > .disabled > span:hover,
.pagination > .disabled > span:focus,
.pagination > .disabled > a,
.pagination > .disabled > a:hover,
.pagination > .disabled > a:focus {
cursor: not-allowed;
opacity: 0.7;
display: none;
}

.visible-sm {
display: none;
}
@media (max-width: 749px) {
.visible-sm {
display: block;
}
}
@media (max-width: 749px) {
.visible-md {
display: none;
}
}

/* box */
.info-box {
display: flex;
align-items: center;
justify-content: center;
gap: 62px;
padding: 24px 20px 9px;
border-radius: 20px;
border: solid 1px var(--bdcolor);
font-family: "S-CoreDream-5Medium";
font-size: 18px;
line-height: 1.89;
background-color: #fbfdff;
}
.info-box .ico-infobox {
width: 73px;
height: 119px;
background: url(/static/ucms/img/sub/ico-01.png) center center no-repeat;
background-size: contain;
}
.info-box .t {
max-width: calc(100% - 73px - 63px);
align-content: center;
}
.info-box .t em {
font-family: "S-CoreDream-7ExtraBold";
}
.info-box--pd {
padding: 30px 40px;
}

@media (max-width: 749px) {
.info-box {
flex-direction: column;
gap: 4px 0;
padding: 30px 46px;
font-size: 16px;
line-height: 26px;
text-align: center;
}
.info-box .t {
max-width: 100%;
}
}
.round-box {
margin: 26px 0;
padding: 20px 30px;
border-radius: 8px;
background-color: #f6f6f6;
}

.radius-20 {
border-radius: 20px;
overflow: hidden;
}

.t-box {
margin: 14px 0 34px 0;
padding: 22px 40px;
border-radius: 20px;
border: solid 1px var(--bdcolor);
font-size: 16px;
line-height: 1.89;
background-color: #fbfdff;
font-family: "S-CoreDream-4Regular";
}
.t-box em {
font-family: "S-CoreDream-6Bold";
}
@media (max-width: 749px) {
.t-box {
padding: 22px 24px;
}
}

/* list */
.list-circle {
counter-reset: circle 0;
padding-top: 10px;
}
.list-circle > li {
font-family: "S-CoreDream-5Medium";
position: relative;
padding-left: 36px;
font-size: 16px;
}
.list-circle > li + li {
margin-top: 28px;
}
.list-circle > li::before {
content: counter(circle);
position: absolute;
top: 0;
left: 0;
width: 27px;
height: 27px;
border-radius: 50%;
font-size: 16px;
text-align: center;
background-color: var(--cobalt);
color: #fff;
counter-increment: circle 1;
}

.intro {
margin-top: 54px;
}
.intro__txt {
padding: 0px 104px;
display: flex;
align-items: center;
justify-content: space-between;
}
.intro__txt > * {
width: 50%;
}
.intro__bg {
background: url(/static/ucms/img/sub/intro-bg.png) no-repeat left bottom;
padding-bottom: 44px;
}
.intro .unpl {
display: block;
width: 100%;
max-width: 294px;
height: 139px;
background: url(/static/ucms/img/sub/U&People.png) center center no-repeat;
background-size: contain;
}
.intro .dl-list dl {
display: flex;
font-size: 18px;
line-height: 1.7;
}
.intro .dl-list dl + dl {
margin-top: 10px;
}
.intro .dl-list dt {
position: relative;
font-family: "S-CoreDream-7ExtraBold";
flex-basis: 84px;
flex-shrink: 1;
color: #001111;
text-align: justify;
}
.intro .dl-list dt::after {
content: "";
position: absolute;
top: 6px;
right: 0;
width: 3px;
height: 15px;
background-color: #001111;
}
.intro .dl-list dd {
max-width: calc(100% - 84px);
padding-left: 10px;
padding-right: 20px;
color: #3b3b3b;
}

.icon-list {
display: flex;
gap: 10px;
margin-top: 60px;
line-height: 1.68;
}

.icon-box {
width: 25%;
padding: 27px;
border-radius: 20px;
border: solid 1px #ddd;
font-family: "S-CoreDream-5Medium";
text-align: center;
background-color: #fff;
}
.icon-box i {
display: block;
margin: 0 auto 10px;
}
.icon-box i.ico-box1 {
width: 81px;
height: 81px;
background: url(/static/ucms/img/sub/ico-02.png) center center no-repeat;
background-size: contain;
}
.icon-box i.ico-box2 {
width: 103px;
height: 86px;
background: url(/static/ucms/img/sub/ico-03.png) center center no-repeat;
background-size: contain;
}
.icon-box i.ico-box3 {
width: 125px;
height: 75px;
background: url(/static/ucms/img/sub/ico-04.png) center center no-repeat;
background-size: contain;
}
.icon-box i.ico-box4 {
width: 84px;
height: 76px;
background: url(/static/ucms/img/sub/ico-05.png) center center no-repeat;
background-size: contain;
}

@media (max-width: 1199px) {
.intro__txt {
padding: 0 40px;
}
}
@media (max-width: 749px) {
.intro__txt {
flex-direction: column;
padding: 0;
}
.intro__txt .dl-list {
width: 100%;
margin-top: 50px;
}
.intro__txt .dl-list dt {
font-size: 16px;
}
.intro__txt .dl-list dd {
font-size: 16px;
}
.intro__bg {
position: relative;
background: none;
}
.intro__bg::before {
content: "";
display: block;
position: absolute;
top: 292px;
left: -134px;
width: 297px;
height: 297px;
background: url(/static/ucms/img/content/cont-bg.png) center center no-repeat;
background-size: contain;
}
.intro__bg::after {
content: "";
display: block;
position: absolute;
bottom: 250px;
right: -54px;
width: 192px;
height: 192px;
background: url(/static/ucms/img/content/cont-bg2.png) center center no-repeat;
background-size: contain;
z-index: -1;
}
.icon-list {
position: relative;
margin-top: 50px;
flex-direction: column;
gap: 20px 0;
}
.icon-box {
width: 100%;
}
.icon-box span {
display: block;
width: 100%;
}
.icon-box br {
display: none;
}
}
.history {
position: relative;
max-width: 1250px;
word-break: keep-all;
}
@media (max-width: 1599px) {
.history {
max-width: calc(100vw - 40px);
}
}
.history__top p {
margin-top: 24px;
font-size: 20px;
color: #121212;
}
@media (max-width: 749px) {
.history__top p {
margin-top: 19px;
font-size: 16px;
}
}
.history__ttl {
display: flex;
justify-content: flex-start;
gap: 14px;
}
.history__ttl h3 {
font-family: "S-CoreDream-6Bold";
font-size: 45px;
color: #010101;
}
@media (max-width: 749px) {
.history__ttl h3 {
font-size: 35px;
}
}
.history__ttl img {
width: 50px;
object-fit: contain;
}
@media (max-width: 749px) {
.history__ttl img {
width: 44px;
}
}
.history__btm {
position: relative;
width: 100%;
overflow: hidden;
margin-top: 65px;
}
@media (max-width: 749px) {
.history__btm {
margin-top: 47px;
}
}
.history__btm::before {
content: "";
display: block;
position: absolute;
z-index: 1;
top: 0;
left: 0;
width: 85px;
height: 100%;
background-color: #fff;
}
@media (max-width: 749px) {
.history__btm::before {
display: none;
}
}
.history__btm::after {
content: "";
display: block;
position: absolute;
z-index: 1;
top: 0;
right: -10px;
width: 245px;
height: 100%;
background: linear-gradient(270deg, rgb(255, 255, 255) 0%, rgb(255, 255, 255) 10%, rgba(255, 255, 255, 0) 100%);
pointer-events: none;
}
@media (max-width: 749px) {
.history__btm::after {
display: none;
}
}
.history__btm .swiper {
position: relative;
width: 100%;
padding-left: 85px;
overflow: visible;
}
@media (max-width: 749px) {
.history__btm .swiper {
padding-left: 20px;
height: 335px;
}
}
.history__btm .swiper::before {
content: "";
display: block;
position: absolute;
top: 87px;
left: 117px;
width: calc(100% + 160px);
height: 1px;
background-color: var(--bdcolor);
pointer-events: none;
}
@media (max-width: 749px) {
.history__btm .swiper::before {
width: 100%;
top: 73px;
left: 0;
}
}
.history__btm .swiper .swiper-slide {
width: 323px;
}
.history__btm .swiper .year {
position: relative;
display: inline-block;
font-family: "S-CoreDream-6Bold";
font-size: 45px;
color: var(--marine-blue);
}
@media (max-width: 749px) {
.history__btm .swiper .year {
display: block;
width: 100%;
left: -10px;
text-align: center;
}
}
.history__btm .swiper .year:before {
content: "";
display: block;
position: absolute;
z-index: 1;
top: 82px;
left: 50%;
width: 10px;
height: 10px;
border-radius: 50%;
background-color: var(--cobalt);
transform: translateX(-50%);
}
@media (max-width: 749px) {
.history__btm .swiper .year:before {
top: 69px;
left: 30px;
transform: unset;
}
}
.history__btm .swiper .year:after {
content: "";
display: block;
position: absolute;
top: 87px;
left: 50%;
width: 1px;
height: 48px;
border-radius: 50%;
background-color: var(--bdcolor);
transform: translateX(-50%);
}
@media (max-width: 749px) {
.history__btm .swiper .year:after {
top: 72px;
left: 35px;
transform: unset;
}
}
.history__btm .swiper ul {
margin-top: 99px;
padding-left: 60px;
}
@media (max-width: 749px) {
.history__btm .swiper ul {
margin-top: 61px;
padding-left: 30px;
}
}
.history__btm .swiper ul li {
position: relative;
padding-left: 10px;
line-height: 30px;
margin-bottom: 20px;
font-size: 16px;
letter-spacing: -1px;
color: #121212;
}
@media (max-width: 749px) {
.history__btm .swiper ul li {
margin-bottom: 0;
}
}
.history__btm .swiper ul li:after {
content: "";
display: block;
position: absolute;
top: 12px;
left: 0;
width: 4px;
height: 4px;
border-radius: 50%;
background-color: #121212;
}
.history .swiper-nav {
position: absolute;
display: flex;
align-items: center;
justify-content: center;
z-index: 2;
bottom: 340px;
width: 40px;
height: 40px;
border-radius: 8px;
background-color: #f7f8fa;
border: unset;
}
@media (max-width: 749px) {
.history .swiper-nav {
bottom: 285px;
}
}
.history .swiper-nav.next {
right: 0;
}

.addr {
display: flex;
margin-top: 20px;
gap: 0 20px;
}
.addr i {
display: block;
width: 62px;
height: 62px;
background: url(/static/ucms/img/ico/ico-map.png) center center no-repeat;
background-size: contain;
}
.addr p {
max-width: calc(100% - 62px - 20px);
font-size: 16px;
font-family: "S-CoreDream-4Regular";
color: #121212;
line-height: 30px;
}
.addr p span {
display: block;
width: 100%;
font-size: 16px;
margin-bottom: 8px;
font-family: "S-CoreDream-6Bold";
color: var(--marine-blue);
line-height: 1;
}
.addr-box {
display: flex;
justify-content: center;
padding: 10px 10px 30px;
margin-top: 30px;
background: #fbfdff;
border: 1px solid #ddd;
border-radius: 20px;
gap: 0 70px;
}
@media (max-width: 1199px) {
.addr-box {
flex-direction: column;
}
}
.addr.map {
align-items: center;
}
.addr.subway i {
background: url(/static/ucms/img/ico/ico-subway.png) center center no-repeat;
}
.addr.bus i {
background: url(/static/ucms/img/ico/ico-bus.png) center center no-repeat;
}

.mapWrap {
width: 100%;
margin-top: 20px;
border-radius: 20px;
border: 1px solid #ddd;
overflow: hidden;
}

.root_daum_roughmap_landing {
width: 100% !important;
}

.root_daum_roughmap {
width: 100% !important;
}

/* AI & BigDATA */
.ico-ai {
display: block;
width: 81px;
height: 67px;
margin: 0 auto;
background: url(/static/ucms/img/content/ico-ai.png) center center no-repeat;
background-size: contain;
}

.ico-mobile {
display: block;
width: 77px;
height: 70px;
margin: 0 auto;
background: url(/static/ucms/img/content/ico-mobile.png) center center no-repeat;
background-size: contain;
}

.ico-system {
display: block;
width: 106px;
height: 62px;
margin: 0 auto;
background: url(/static/ucms/img/content/ico-system.png) center center no-repeat;
background-size: contain;
}

.ico-new {
margin-right: 10px;
display: inline-block;
width: 20px;
height: 20px;
background: url(/static/commons/img/ico-new2.png) 0 0 no-repeat;
vertical-align: middle;
}

.business__desc {
display: flex;
align-items: center;
justify-content: center;
flex-direction: column;
}
.business__desc span {
display: block;
font-family: "S-CoreDream-7ExtraBold";
color: var(--marine-blue);
font-size: 35px;
margin-top: 10px;
}
.business__desc p {
max-width: 1040px;
margin: 40px 0 60px;
text-align: center;
color: #333;
letter-spacing: -0.4px;
line-height: 1.63;
}
.business__desc p strong {
color: #002366;
}
.business__imgs {
position: relative;
display: flex;
align-items: center;
justify-content: center;
padding-bottom: 80px;
gap: 0 120px;
}
.business__imgs::before {
content: "";
display: block;
position: absolute;
top: -105px;
left: 0;
width: 383px;
height: 383px;
background: url(/static/ucms/img/content/cont-bg.png) center center no-repeat;
background-size: contain;
z-index: -1;
}
.business__imgs::after {
content: "";
display: block;
position: absolute;
bottom: 96px;
right: 0;
width: 278px;
height: 278px;
background: url(/static/ucms/img/content/cont-bg2.png) center center no-repeat;
background-size: contain;
z-index: -1;
}
.business__imgs div {
display: flex;
align-items: center;
justify-content: center;
flex-direction: column;
}
.business__imgs div span {
display: block;
color: #002366;
text-align: center;
margin-top: 20px;
}

@media (max-width: 1199px) {
.business__imgs {
gap: 0 30px;
}
}
@media (max-width: 749px) {
.business__imgs {
flex-direction: column;
gap: 50px 0;
}
.business__imgs::before {
top: -167px;
left: -50%;
}
.business__imgs::after {
display: none;
}
.business__imgs div span {
margin-top: 10px;
}
}
.product {
display: flex;
justify-content: space-between;
padding: 0 70px 0 45px;
gap: 0 4px;
}
.product__desc {
max-width: 475px;
padding-top: 114px;
}
.product__desc span {
display: block;
font-size: 30px;
font-family: "S-CoreDream-6Bold";
margin: 28px auto 35px;
color: #002366;
}
.product__desc p {
color: #333;
line-height: 2.25;
letter-spacing: -0.4px;
word-break: keep-all;
}
.product__desc p strong {
color: var(--marine-blue);
}
.product__imgs {
text-align: center;
}

@media (max-width: 1199px) {
.product {
flex-direction: column-reverse;
align-items: center;
}
.product__desc {
max-width: 100%;
padding-top: 20px;
}
}
@media (max-width: 749px) {
.product {
padding: 0;
}
.product__desc span {
margin: 14px auto 23px;
}
.product__desc img {
height: 35px;
}
.product__desc p {
line-height: 26px;
}
.product__imgs img:last-of-type {
margin-bottom: 40px;
}
}
.tbl_type01 th {
font-weight: bold;
font-size: 1rem;
background-color: #f6f6f6;
}
.tbl_type01 th + th {
border-left: 1px solid var(--bdcolor);
}
.tbl_type01 td {
padding: 10px;
}
@media (max-width: 749px) {
.tbl_type01 td {
padding: 8px 2px;
}
}
.tbl_type01 td + td {
border-left: 1px solid var(--bdcolor);
}
.tbl_type01 td,
.tbl_type01 th {
border: 1px solid var(--bdcolor);
line-height: 1.67;
}
@media (max-width: 1199px) {
.tbl_type01 td,
.tbl_type01 th {
padding: 10px;
}
}
@media (max-width: 749px) {
.tbl_type01 td,
.tbl_type01 th {
padding: 6px 2px;
}
}

.board_list,
.table,
.table table {
width: 100%;
}
.board_list tbody tr,
.table tbody tr,
.table table tbody tr {
border-bottom: 1px solid var(--bdcolor);
}
.board_list thead th,
.table thead th,
.table table thead th {
background-color: #f6f6f6;
border-top: 1px solid #000;
border-bottom: 1px solid #000;
padding: 16px;
font-weight: 600;
font-size: 16px;
color: #000;
}
.board_list th,
.table th,
.table table th {
padding: 16px;
font-weight: 600;
font-size: 16px;
color: #000;
}
.board_list td,
.table td,
.table table td {
padding: 16px;
font-size: 1rem;
}
@media (max-width: 749px) {
.board_list td,
.table td,
.table table td {
padding: 8px 2px;
text-align: left;
}
}
.board_list td.red,
.table td.red,
.table table td.red {
color: #da0303;
}
.board_list td.tleft,
.table td.tleft,
.table table td.tleft {
text-align: left;
}
.board_list td .only-m:nth-of-type(2),
.table td .only-m:nth-of-type(2),
.table table td .only-m:nth-of-type(2) {
display: none;
}
.board_list td,
.board_list th,
.table td,
.table th,
.table table td,
.table table th {
line-height: 1.67;
text-align: center;
}
@media (max-width: 1199px) {
.board_list td,
.board_list th,
.table td,
.table th,
.table table td,
.table table th {
padding: 10px;
}
}
@media (max-width: 749px) {
.board_list td,
.board_list th,
.table td,
.table th,
.table table td,
.table table th {
padding: 6px 2px;
}
}
.board_list .list,
.table .list,
.table table .list {
text-align: left;
}
@media (max-width: 749px) {
.board_list .list,
.table .list,
.table table .list {
display: inline-block;
vertical-align: top;
}
}
.board_list .list li,
.table .list li,
.table table .list li {
padding-left: 16px;
text-indent: -10px;
}
.board_list .list li::before,
.table .list li::before,
.table table .list li::before {
content: "•";
display: inline-block;
}
.board_list--type2,
.table--type2,
.table table--type2 {
border: 1px solid #ccc;
}
.board_list--type2 th,
.table--type2 th,
.table table--type2 th {
font-weight: 400;
}
.board_list--type2 tr.bg,
.table--type2 tr.bg,
.table table--type2 tr.bg {
background-color: #f6f6f6;
}
.board_list--type2 tr.bg th,
.board_list--type2 tr.bg td,
.table--type2 tr.bg th,
.table--type2 tr.bg td,
.table table--type2 tr.bg th,
.table table--type2 tr.bg td {
font-weight: 600;
}

.table3 {
border: 1px solid #ccc;
overflow-x: auto;
}
.table3 table {
width: 100%;
min-width: 750px;
}
.table3 th {
padding: 14px 8px;
background-color: #f6f6f6;
}
.table3 th,
.table3 td {
border-bottom: 1px solid #ccc;
}
.table3 tr:last-child td {
border-bottom: none;
}
.table3 td {
text-align: center;
padding: 16px 8px;
}
@media (max-width: 749px) {
.table3 td {
padding: 8px;
}
}
.table3 .bdl {
border-left: 1px solid #ccc;
}
.table3 .tleft {
text-align: left;
}

.fwn {
font-weight: normal;
}

.table2 td {
text-align: center;
padding: 16px;
border: 1px solid #ccc;
}

.arr-up {
position: relative;
top: -11px;
width: 0;
height: 0;
margin-right: 8px;
border-style: solid;
border-width: 0px 5px 4px 5px;
border-color: transparent transparent #000 transparent;
}

.arr-down {
position: relative;
top: 11px;
width: 0;
height: 0;
margin-right: 8px;
border-style: solid;
border-width: 4px 5px 0px 5px;
border-color: #000 transparent transparent transparent;
}

.nav-tabs {
display: flex;
width: 100%;
align-items: center;
justify-content: center;
margin: 29px 0 30px;
}
.nav-tabs li {
position: relative;
flex: 1;
}
.nav-tabs li a {
border: 1px solid #eaeaea;
border-bottom-width: 0;
background-color: #eaeaea;
height: 54px;
text-align: center;
display: flex;
align-items: center;
justify-content: center;
width: 100%;
border-radius: 10px 10px 0 0;
font-weight: bold;
}
.nav-tabs li a.on {
background-color: #fff;
border-color: #000;
}

.sh {
padding: 30px;
margin-bottom: 30px;
border-radius: 5px;
background-color: #f5f5f7;
display: flex;
align-items: center;
justify-content: center;
gap: 5px;
}
.sh__wrap {
flex-wrap: wrap;
justify-content: flex-start;
}
.sh .detail-wrap {
display: flex;
flex-wrap: wrap;
padding-top: 20px;
}
.sh .detail-wrap select, .sh .detail-wrap input {
border: 1px solid #ccc;
}
.sh .date-select, .sh .title-search {
display: flex;
gap: 5px;
width: 100%;
}
@media (max-width: 1199px) {
.sh .date-select, .sh .title-search {
flex-wrap: wrap;
}
}
.sh .date-select input[type=submit], .sh .title-search input[type=submit] {
background: url(/static/portal/img/ico/search-color.png);
}
.sh > * {
display: flex;
align-items: center;
gap: 10px 5px;
}
@media (max-width: 1199px) {
.sh > * {
flex-wrap: wrap;
}
}
.sh .g\:1 {
position: relative;
flex-grow: 1;
}
.sh [name=searchWrd] {
flex-grow: 1;
}
.sh [name=searchKwd] {
flex-grow: 1;
}
.sh-set {
display: flex;
gap: 10px;
width: 100%;
}
.sh select,
.sh input {
height: 48px;
padding: 10px;
border-radius: 5px;
border: solid 1px #000;
font-size: 18px;
color: #000;
}
.sh select {
min-width: 156px;
appearance: none;
background-image: url("/static/ucms/img/ico/ico-down.png");
background-repeat: no-repeat;
background-position: calc(100% - 10px) center;
background-size: 12px;
}
.sh input[type=text] {
max-width: 456px;
width: 100%;
}
.sh input[type=submit] {
width: 50px;
height: 50px;
flex-shrink: 0;
border: unset;
text-indent: -9999px;
background: url(/static/portal/img/ico/search.png);
}
.sh label {
display: inline-flex;
align-items: center;
gap: 5px;
}
.sh label span {
font-size: 15px;
font-weight: bold;
white-space: nowrap;
}
.sh .keyword-cate {
display: flex;
gap: 5px;
}
.sh .inp-gruop {
position: relative;
display: flex;
flex-grow: 1;
}
.sh .btns {
display: flex;
align-items: center;
margin: 0 auto;
gap: 0 5px;
}
.sh .b-reset {
width: 94px;
margin-left: 0;
background: #fff;
border: 1px solid var(--cobalt);
color: var(--cobalt);
box-sizing: border-box;
}
.sh .btn-reset {
position: absolute;
top: 50%;
right: 0;
transform: translateY(-50%);
display: flex;
flex-direction: row;
justify-content: center;
align-items: center;
}
.sh .btn-detail {
flex-shrink: 0;
width: 100px;
height: 50px;
border-radius: 5px;
background-color: #262262;
font-size: 18px;
color: #fff;
text-align: center;
flex-direction: row;
justify-content: center;
align-items: center;
}
.sh.sh-type-multiple > * {
flex-direction: column;
}
.sh.sh-type-multiple .btns {
width: 100%;
margin-top: 5px;
padding-top: 10px;
border-top: 1px solid var(--bd-color, #ddd);
justify-content: center;
gap: 5px;
}

input.month,
input.date,
input.sdate,
input.edate,
input.dateS,
input.dateE {
width: 135px !important;
}

.shDate {
display: inline-flex;
align-items: center;
gap: 0 5px;
}
.shDate .sdate,
.shDate .edate {
background: white url(/static/commons/img/calendar.gif) 97% center no-repeat;
}

.select-flex {
display: flex;
justify-content: space-between;
align-items: center;
margin-bottom: 20px;
}

.select-wrap {
display: flex;
gap: 5px;
}
.select-wrap select,
.select-wrap input {
height: 38px;
padding: 6px 10px;
border-radius: 5px;
border: solid 1px #000;
font-size: 18px;
color: #000;
}
.select-wrap select {
min-width: 96px;
appearance: none;
background-image: url("/static/ucms/img/ico/ico-down.png");
background-repeat: no-repeat;
background-position: calc(100% - 10px) center;
background-size: 12px;
}
.select-wrap input[type=submit] {
width: 61px;
border: unset;
background-color: #3061a9;
color: #fff;
}

@media (max-width: 1199px) {
.sh-set {
flex-wrap: wrap;
}
.sh__btns {
display: flex;
align-items: center;
justify-content: center;
width: 100%;
}
}
@media (max-width: 749px) {
.sh {
padding: 10px;
flex-wrap: wrap;
}
.sh .keyword-cate {
display: flex;
flex-direction: column;
}
.sh .keyword-cate label {
margin-right: 0 !important;
}
.sh select {
min-width: 100%;
width: 100%;
}
.sh input[type=text] {
max-width: calc(100% - 55px);
}
.sh .keyword-cate,
.sh .keyword-cate select,
.sh .inp-gruop {
width: 100%;
}
.sh__btns button {
flex: 1;
}
}
/* font color */
.fc_black {
color: #000;
}

.fc_deepgray {
color: #333;
}

.fc_orange {
color: #e73100;
}

.fc_blue {
color: #3679C1;
}

.fc_cobalt {
color: #02728D;
}

.fc_red {
color: #c10101;
}

.fc_green {
color: #3A7525;
}

.ucms .title {
position: relative;
padding-top: 100px;
padding-bottom: 80px;
}
.ucms .title {
max-width: 1440px;
margin: 0 auto;
}
@media (max-width: 750px) {
.ucms .title {
margin-left: 20px;
margin-right: 20px;
}
}
.ucms .title {
background: url(/static/ucms/img/content/notebook.png) no-repeat;
background-position: top right;
}
@media (max-width: 1440px) {
.ucms .title {
margin-left: 20px;
margin-right: 20px;
background: none;
}
}
@media (max-width: 750px) {
.ucms .title {
padding-top: 0;
}
}
.ucms .title::before {
content: "";
display: inline-block;
position: absolute;
z-index: 10;
right: 0;
top: 0;
width: 773px;
height: 697px;
background: url(/static/ucms/img/content/notebook.png) no-repeat center/cover;
}
@media (max-width: 1440px) {
.ucms .title::before {
width: 500px;
height: 451px;
}
}
@media (max-width: 1199px) {
.ucms .title::before {
width: 300px;
height: 271px;
}
}
@media (max-width: 750px) {
.ucms .title::before {
position: relative;
background: url(/static/ucms/img/content/notebook-mobile.png) no-repeat center/cover;
}
}
.ucms .title > h2 {
text-align: center;
}
.ucms .title > h2 img {
display: block;
}
.ucms .title p {
line-height: 26px;
padding-top: 39px;
padding-bottom: 169px;
letter-spacing: -0.4px;
}
@media (max-width: 360px) {
.ucms .title p {
padding-bottom: 0px;
}
}
.ucms .title p .yellow {
color: #c7870a;
letter-spacing: -0.4px;
}
.ucms .subtitle {
margin: 34px 0 20px;
font-family: NEXONLv1GothicOTF;
font-size: 30px;
font-weight: bold;
font-stretch: normal;
font-style: normal;
line-height: 1;
letter-spacing: -0.75px;
text-align: left;
color: #002366;
}
.ucms .subtitle + p {
padding: 0;
margin: 18px 0 36px;
display: inline-block;
background: rgba(255, 255, 255, 0.368627451);
}
@media (min-width: 1200px) {
.ucms .subtitle + p {
padding-right: 10px;
}
}
@media (max-width: 749px) {
.ucms .subtitle + p br {
display: none;
}
}
.ucms .content1 {
position: relative;
top: -100px;
padding-bottom: 50px;
background: rgba(236, 236, 236, 0.85);
}
@media (max-width: 360px) {
.ucms .content1 {
top: 0;
}
}
.ucms .content1 h2 {
color: #002366;
font-family: 700;
padding: 50px 0 50px;
text-align: center;
font-size: 30px;
}

.ucms.lingo .content1 {
top: 0;
}

@media (max-width: 360px) {
.ucms__content {
padding-top: 50px;
}
}
.ucms__content .flex-box {
max-width: 1200px;
margin: 0 auto;
}
@media (max-width: 1440px) {
.ucms__content .flex-box {
flex-wrap: wrap;
}
}
.ucms__content .flex-box img {
padding-bottom: 0;
}
@media (max-width: 1440px) {
.ucms__content .flex-box img {
width: auto !important;
max-width: 100%;
margin: 0 auto;
}
}
@media (max-width: 1440px) {
.ucms__content {
margin-left: 20px;
margin-right: 20px;
}
}
.ucms__content h2 {
color: #002366;
font-family: 700;
font-size: 30px;
text-align: center;
}
.ucms__content .common {
padding-top: 100px;
padding-left: 50px;
text-align: left;
}
@media (max-width: 1199px) {
.ucms__content .common {
padding-top: 0;
}
}
.ucms__content .common ul li.none::before {
display: none;
}
@media (max-width: 750px) {
.ucms__content .common {
padding-top: 0;
}
}
@media (max-width: 360px) {
.ucms__content .common.ucms__content--txt1 {
display: none;
}
}
.ucms__content .common.ucms__content--txt2 {
max-width: 1200px;
padding-top: 0;
margin: 0 auto;
}
@media (max-width: 1199px) {
.ucms__content .common.ucms__content--txt2 {
padding-top: 20px;
}
}
@media (max-width: 360px) {
.ucms__content .common.ucms__content--txt2 {
display: none;
}
}
.ucms__content .common h3 {
color: #002366;
font-family: 700;
padding-bottom: 25px;
}
.ucms__content .common ul {
display: inline-block;
padding-right: 50px;
vertical-align: top;
}
.ucms__content .common ul:last-child {
padding-right: 0;
}
.ucms__content .common ul li {
color: #333;
line-height: 36px;
letter-spacing: -0.38px;
}
.ucms__content .common ul li::before {
content: "";
display: inline-block;
margin-right: 10px;
width: 5px;
height: 5px;
background-color: #ffa900;
border-radius: 50%;
vertical-align: middle;
}

.ucms__slider--wrap {
position: relative;
display: none;
}
@media (max-width: 360px) {
.ucms__slider--wrap {
display: block;
}
}
.ucms__slider--wrap h2 {
padding-bottom: 30px;
text-align: left;
font-size: 20px;
}
.ucms__slider--wrap.slider-option {
max-width: 1440px;
margin: 0 auto;
}
@media (max-width: 750px) {
.ucms__slider--wrap.slider-option {
margin-left: 20px;
margin-right: 20px;
}
}

.ucms__slider--controls1 > div,
.ucms__slider--controls2 > div,
.ucms__slider--controls3 > div {
position: absolute;
transform: scale(0.6);
top: 0px;
z-index: 3600;
}
.ucms__slider--controls1 .prev,
.ucms__slider--controls2 .prev,
.ucms__slider--controls3 .prev {
right: calc(15% - 15px);
}
.ucms__slider--controls1 .next,
.ucms__slider--controls2 .next,
.ucms__slider--controls3 .next {
right: -18px;
}

.ucms__slider--controls1 div,
.ucms__slider--controls3 div {
top: -25px;
}

.ucms__slider--controls2 div {
top: 15px;
}

.ucms__slider1,
.ucms__slider2,
.ucms__slider3 {
overflow: hidden;
}
.ucms__slider1::after,
.ucms__slider2::after,
.ucms__slider3::after {
display: block;
content: "";
clear: both;
}
.ucms__slider1 div,
.ucms__slider2 div,
.ucms__slider3 div {
float: left;
width: 100%;
}
.ucms__slider1 ul,
.ucms__slider2 ul,
.ucms__slider3 ul {
display: inline-block;
padding-right: 50px;
}
.ucms__slider1 ul:last-child,
.ucms__slider2 ul:last-child,
.ucms__slider3 ul:last-child {
padding-right: 0;
}
.ucms__slider1 ul li,
.ucms__slider2 ul li,
.ucms__slider3 ul li {
color: #333;
line-height: 36px;
letter-spacing: -0.38px;
}
.ucms__slider1 ul li::before,
.ucms__slider2 ul li::before,
.ucms__slider3 ul li::before {
content: "";
display: inline-block;
margin-right: 10px;
width: 5px;
height: 5px;
background-color: #ffa900;
border-radius: 50%;
vertical-align: middle;
}

.example {
max-width: 1440px;
margin: 0 auto;
}
@media (max-width: 750px) {
.example {
margin-left: 20px;
margin-right: 20px;
}
}
.example {
margin-top: 100px;
}
@media (max-width: 750px) {
.example {
margin-top: 50px;
}
}
.example h2 {
color: #002366;
font-family: 700;
font-size: 30px;
text-align: center;
padding-bottom: 50px;
}
@media (max-width: 750px) {
.example h2 {
padding-bottom: 20px;
}
}
.example ul {
display: flex;
flex-wrap: wrap;
text-align: center;
justify-content: center;
}
@media (max-width: 1440px) {
.example ul {
justify-content: center;
}
}
.example ul li {
width: calc(12.5% - 16px);
height: 60px;
margin-right: 16px;
margin-bottom: 16px;
border: 1px solid #ddd;
}
@media (max-width: 1440px) {
.example ul li {
width: calc(50% - 8px);
}
.example ul li:nth-child(2n) {
margin-right: 0;
}
}
.example ul li a {
display: flex;
justify-content: center;
align-items: center;
height: 100%;
padding: 0 18px;
}
.example ul li:last-child {
margin-right: 0;
margin-bottom: 0;
}

.inquiry {
padding-top: 100px;
padding-bottom: 164px;
}
@media (max-width: 750px) {
.inquiry {
padding-top: 40px;
padding-bottom: 30px;
}
}
.inquiry h2 {
color: #002366;
font-family: 700;
font-size: 30px;
text-align: center;
padding-bottom: 50px;
}
@media (max-width: 750px) {
.inquiry h2 {
padding-bottom: 20px;
}
}
.inquiry ul {
position: relative;
left: 100px;
width: 300px;
padding-top: 66px;
margin: 0 auto;
}
@media (max-width: 750px) {
.inquiry ul {
left: 0;
padding-top: 150px;
width: 250px;
}
}
.inquiry ul::before {
position: absolute;
top: 60px;
left: -166px;
content: "";
display: inline-block;
width: 135px;
height: 135px;
background: url(/static/ucms/img/content/inquiry.png) no-repeat;
}
@media (max-width: 750px) {
.inquiry ul::before {
top: 0;
left: 50%;
transform: translateX(-50%);
}
}
.inquiry ul li {
line-height: 36px;
}
.inquiry ul li strong {
color: #002366;
font-family: 700;
}
.inquiry ul li::before {
content: "";
display: inline-block;
margin-right: 11px;
width: 5px;
height: 5px;
background-color: #ffa900;
border-radius: 50%;
vertical-align: middle;
}

.usis .title {
background: url(/static/ucms/img/content/usis-notebook2.png) no-repeat top right;
}
@media (max-width: 1440px) {
.usis .title {
background: none;
}
}
@media (max-width: 1440px) {
.usis .flex-box {
flex-wrap: wrap;
}
}

.notice-board {
max-width: 1440px;
margin: 0 auto;
}
@media (max-width: 750px) {
.notice-board {
margin-left: 20px;
margin-right: 20px;
}
}
.notice-board {
margin-top: 100px;
}
@media (max-width: 750px) {
.notice-board {
margin-top: 50px;
}
}
@media (max-width: 1444px) {
.notice-board {
margin-left: 20px;
margin-right: 20px;
}
}
.notice-board {
margin-bottom: 150px;
}
.notice-board .search {
display: flex;
float: right;
}
.notice-board .search > * {
margin-right: 10px;
}
@media (max-width: 750px) {
.notice-board .search > input {
margin-right: 0;
}
}
.notice-board .search > button {
margin-right: 0;
}
@media (max-width: 750px) {
.notice-board .search > button {
margin-top: 10px;
}
}
@media (max-width: 750px) {
.notice-board .search {
flex-wrap: wrap;
float: none;
}
}
.notice-board .search input {
width: 300px;
}
@media (max-width: 750px) {
.notice-board .search input {
width: calc(100% - 150px);
}
}
.notice-board .b-blue {
padding: 11px 28px;
}
@media (max-width: 750px) {
.notice-board .b-blue {
width: 100%;
display: block;
}
}
.notice-board .b-blue i {
padding-right: 9px;
}

.table {
margin-top: 8px;
}
.table dl {
border-bottom: 1px solid #ddd;
}
.table dl::after {
content: "";
clear: both;
display: block;
}
.table dt,
.table dd {
padding: 29px 0;
}
@media (max-width: 1440px) {
.table dt,
.table dd {
width: 100%;
padding: 15px 0;
padding-left: 20px;
}
}
.table dt {
float: left;
padding-left: 40px;
}
@media (max-width: 1440px) {
.table dt {
padding-left: 20px;
padding-right: 20px;
}
}
.table dt a {
color: #002366;
font-family: 700;
font-size: 20px;
letter-spacing: -0.5px;
}
.table dd {
float: right;
padding-right: 40px;
}

.notice-on {
max-width: 1440px;
margin: 0 auto;
}
@media (max-width: 750px) {
.notice-on {
margin-left: 20px;
margin-right: 20px;
}
}
.notice-on {
margin-top: 100px;
}
@media (max-width: 750px) {
.notice-on {
margin-top: 50px;
}
}
@media (max-width: 750px) {
.notice-on {
margin-left: 0;
margin-right: 0;
}
}
.notice-on {
margin-top: 0;
}
.notice-on h2 {
line-height: 30px;
}

.table-content {
text-align: center;
}
.table-content .content-wrap {
padding: 60px 0 20px;
}
.table-content .content-wrap p {
padding: 0 50px;
text-align: left;
line-height: 26px;
letter-spacing: -0.4px;
}
@media (max-width: 360px) {
.table-content .content-wrap p {
padding: 0 20px;
}
}

.partners {
margin-top: 100px;
}
@media (max-width: 750px) {
.partners {
margin-top: 50px;
}
}
.partners {
margin-left: 20px;
margin-right: 20px;
margin-bottom: 150px;
}
@media (max-width: 750px) {
.partners {
margin-bottom: 40px;
}
}
@media (max-width: 750px) {
.partners .example {
margin-left: 0;
margin-right: 0;
}
}
.partners .example.ex1:first-child {
padding-top: 50px;
}
@media (max-width: 750px) {
.partners .example.ex1:first-child {
padding-top: 0;
margin-top: 30px;
}
}
@media (max-width: 750px) {
.partners .example.ex1 ul {
flex-wrap: wrap;
justify-content: flex-start;
}
}
.partners .example.ex1 ul li {
width: calc(16.6666666667% - 10px);
height: 100px;
margin-right: 12px;
margin-bottom: 12px;
}
@media (max-width: 750px) {
.partners .example.ex1 ul li {
width: calc(50% - 6px);
height: 68px;
}
.partners .example.ex1 ul li:nth-child(2n) {
margin-right: 0;
}
}
.partners .example.ex1 ul li:nth-child(6n) {
margin-right: 0;
}
.partners .example.ex1 ul li:nth-last-child(-n+5) {
margin-bottom: 0;
}
@media (max-width: 750px) {
.partners .example.ex1 ul li:nth-last-child(-n+5) {
margin-bottom: 12px;
}
}
.partners .example.ex2:first-child {
padding-top: 50px;
}
@media (max-width: 750px) {
.partners .example.ex2:first-child {
padding-top: 0;
margin-top: 30px;
}
}
@media (max-width: 750px) {
.partners .example.ex2 ul {
flex-wrap: wrap;
}
}
.partners .example.ex2 ul li {
width: calc(16.6666666667% - 10px);
height: 100px;
margin-right: 12px;
margin-bottom: 12px;
}
@media (max-width: 750px) {
.partners .example.ex2 ul li {
width: calc(50% - 12px);
height: 68px;
}
}
.partners .example.ex2 ul li:nth-child(2n) {
margin-right: 0;
}
.partners .example.ex2 ul li:nth-child(6n) {
margin-right: 0;
}
.partners .example.ex2 ul li:nth-child(n+13):nth-child(-n+14) {
margin-bottom: 0;
}

.solution {
max-width: 1440px;
margin: 0 auto;
}
@media (max-width: 750px) {
.solution {
margin-left: 20px;
margin-right: 20px;
}
}
.solution {
margin-top: 100px;
}
@media (max-width: 750px) {
.solution {
margin-top: 50px;
}
}

.map {
max-width: 1440px;
margin: 0 auto;
}
@media (max-width: 750px) {
.map {
margin-left: 20px;
margin-right: 20px;
}
}
.map {
margin-top: 100px;
}
@media (max-width: 750px) {
.map {
margin-top: 50px;
}
}
.map {
margin-bottom: 50px;
}
.map .map-box {
margin-bottom: 30px;
background: beige;
}
.map p {
display: flex;
align-items: center;
}
@media (max-width: 1199px) {
.map p {
display: block;
text-align: center;
}
}
.map p strong {
color: #002366;
font-family: 700;
}
.map p strong.map__bullet::before {
content: "";
display: inline-block;
width: 5px;
height: 5px;
margin-right: 11px;
background: #ffa900;
border-radius: 50%;
vertical-align: middle;
}
.map p::before {
content: "";
display: inline-block;
width: 160px;
height: 160px;
}
@media (max-width: 1199px) {
.map p::before {
display: block;
margin: 0 auto;
}
}
.map p.map__txt1 {
line-height: 26px;
}
.map p.map__txt1::before {
background: url(/static/ucms/img/content/map-icon_subway.png) no-repeat center;
}
.map p.map__txt2 {
line-height: 26px;
}
.map p.map__txt2::before {
background: url(/static/ucms/img/content/map-icon_bus.png) no-repeat center;
}

.unpeople-map {
width: 100%;
}
@media (max-width: 1440px) {
.unpeople-map {
margin-left: 20px;
margin-right: 20px;
width: calc(100% - 40px);
}
}
.unpeople-map .map-box {
border: 1px solid #002366;
}

.infomap {
width: 200px;
padding: 10px 10px 20px;
}
.infomap h3 {
margin-bottom: 10px;
padding-bottom: 5px;
border-bottom: 2px solid #ddd;
}
.infomap a {
background-color: #002366;
color: #fff;
display: inline-block;
padding: 5px 5px 3px;
border-radius: 5px;
}

.sub-tab .ucms {
margin-top: 20px;
}
@media (min-width: 992px) {
.sub-tab .ucms {
margin-top: 40px;
}
}

.catpchaSet-label {
padding: 5px 0 0 0;
}

.catpchaSet {
width: calc(100% - 130px);
display: inline-block;
vertical-align: top;
}
@media (max-width: 750px) {
.catpchaSet {
width: 100%;
}
}
.catpchaSet .set {
overflow: hidden;
border: 1px solid #000;
display: inline-block;
margin: 6px 0 0 0;
padding: 5px;
}
.catpchaSet .set * {
vertical-align: top;
}
.catpchaSet .set .l {
float: left;
}
.catpchaSet .set #catpcha {
display: inline-block;
}
.catpchaSet .set .b {
display: inline-block;
}
.catpchaSet .set .b > * {
width: 25px;
height: 25px;
display: block;
padding: 0;
text-align: center;
}
.catpchaSet .set .b button i {
vertical-align: middle;
margin-top: -3px;
}
.catpchaSet .set input {
display: inline-block;
height: 50px;
border: 1px solid #ddd;
}
@media (max-width: 750px) {
.catpchaSet .set input {
margin-top: 5px;
width: 100% !important;
}
}

.ucms.ulms .title::before {
content: "";
display: inline-block;
position: absolute;
z-index: 10;
right: 0;
top: 0;
width: 773px;
height: 697px;
background: url(/static/ucms/img/content/img123.png) no-repeat center/cover;
}

.ucms.ulms .content1 #text-box div.ucms1::before {
background-image: url(/static/ucms/img/content/icon-01.png);
background-repeat: no-repeat;
background-position: 50% 50%;
width: 70px;
height: 70px;
}

.ucms.ulms .content1 #text-box div.ucms2::before {
background-image: url(/static/ucms/img/content/icon-02.png);
background-repeat: no-repeat;
background-position: 50% 50%;
width: 75px;
height: 70px;
}

.ucms.ulms .content1 #text-box div.ucms3::before {
background-image: url(/static/ucms/img/content/icon-03.png);
background-repeat: no-repeat;
background-position: 50% 50%;
width: 85px;
height: 70px;
}

.ucms.ulms .content1 #text-box div.ucms4::before {
background-image: url(/static/ucms/img/content/icon-04.png);
background-repeat: no-repeat;
background-position: 50% 50%;
width: 70px;
height: 70px;
}

@media (max-width: 1440px) {
.ucms.ulms .title::before {
width: 500px;
height: 451px;
}
}
@media screen and (max-width: 1024px) {
.ucms.ulms .title::before {
position: relative;
background: url(/static/ucms/img/content/mb-notebook.png) no-repeat center/cover;
width: 300px;
height: 271px;
}
.ucms.ulms .content1 #text-box div {
height: auto !important;
}
}
@media screen and (max-width: 750px) {
.ucms.lingo .title::before {
position: relative;
width: 100%;
height: 271px;
}
}
.spell-list {
display: flex;
flex-wrap: wrap;
gap: 16px;
max-width: 1452px;
margin: 0 30px;
text-align: center;
}
@media (max-width: 750px) {
.spell-list {
display: grid;
grid-template-columns: 1fr 1fr;
margin: 0 16px;
}
}
.spell-list img {
margin: auto;
height: 74px;
vertical-align: top;
display: block;
object-fit: scale-down;
}
.spell-list > div {
padding: 39px 0 38px;
flex: 1;
background-color: #fff;
text-align: center;
}
.spell-list > div h3 {
margin-top: 15px;
font-family: NEXONLv1GothicOTF;
font-size: 20px;
font-weight: bold;
font-stretch: normal;
font-style: normal;
line-height: 1.3;
letter-spacing: -0.5px;
color: #002366;
}

.ulingo-info {
max-width: 1452px;
margin: 60px auto 80px;
}
@media (max-width: 750px) {
.ulingo-info {
padding: 0 16px;
}
}
.ulingo-info img {
vertical-align: top;
}
@media (min-width: 751px) {
.ulingo-info__head {
display: flex;
justify-content: space-between;
}
}
.ulingo-info .g {
display: flex;
align-items: flex-end;
gap: 16px;
padding-bottom: 30px;
}
@media (max-width: 750px) {
.ulingo-info .g {
flex-direction: column;
align-items: flex-start;
}
}
.ulingo-info .g .t {
font-family: NEXONLv1GothicOTF;
font-size: 30px;
font-weight: bold;
font-stretch: normal;
font-style: normal;
line-height: 1;
letter-spacing: -0.75px;
text-align: left;
color: #002366;
}
.ulingo-info .txt {
font-family: NEXONLv1GothicOTF;
font-size: 16px;
font-weight: 300;
font-stretch: normal;
font-style: normal;
line-height: 1.63;
letter-spacing: -0.4px;
text-align: left;
color: #000;
}
@media (max-width: 750px) {
.ulingo-info .txt {
width: auto;
}
}
@media (min-width: 992px) {
.ulingo-info .txt {
padding-right: 46px;
}
}
.ulingo-info__img {
margin-top: 80px;
text-align: center;
}

.example2 {
padding: 50px 0;
background-color: #ececec;
}
.example2 h2 {
color: #002366;
font-family: 700;
font-size: 30px;
text-align: center;
padding-bottom: 50px;
}
@media (max-width: 750px) {
.example2 h2 {
padding-bottom: 20px;
}
}
.example2 ul {
display: flex;
flex-wrap: wrap;
text-align: center;
justify-content: center;
gap: 16px;
}
@media (max-width: 1440px) {
.example2 ul {
justify-content: center;
}
}
.example2 ul li {
height: 60px;
border: 1px solid #ddd;
}
.example2 ul li a {
display: flex;
justify-content: center;
align-items: center;
height: 100%;
padding: 0 48px;
background-color: #fff;
}
.example2 ul li:last-child {
margin-right: 0;
margin-bottom: 0;
}

.flow-txt {
display: flex;
flex-wrap: wrap;
gap: 70px;
}
@media (max-width: 750px) {
.flow-txt {
gap: 15px;
}
}

.ucms.lingo .title,
.ucms.pick .title,
.ucms.talk .title {
background-image: none;
}
@media (max-width: 1200px) {
.ucms.lingo .title,
.ucms.pick .title,
.ucms.talk .title {
padding-top: 0;
}
}
@media (min-width: 1201px) {
.ucms.lingo .title,
.ucms.pick .title,
.ucms.talk .title {
min-height: 500px;
}
}
.ucms.lingo .title::before,
.ucms.pick .title::before,
.ucms.talk .title::before {
content: "";
display: inline-block;
position: absolute;
z-index: 10;
right: 0;
top: 0;
width: calc(100% - 320px);
height: 697px;
background: no-repeat 0/contain;
z-index: -1;
}
@media (max-width: 1200px) {
.ucms.lingo .title::before,
.ucms.pick .title::before,
.ucms.talk .title::before {
position: static;
width: 100%;
height: 190px;
background-size: 250px;
}
}
@media (min-width: 1201px) {
.ucms.lingo .title::before,
.ucms.pick .title::before,
.ucms.talk .title::before {
background-position: right 0;
width: calc(100% - 640px);
}
}

.ucms.talk .title::before {
background-image: url(/static/ucms/img/solution/talk/talk-img@2x.png);
}

.ucms.pick .title::before {
background-image: url(/static/ucms/img/solution/pick/pick-img@2x.png);
}

.ucms.lingo .title::before {
background-image: url(/static/ucms/img/solution/lingo/lingo-img@2x.png);
}

.ucms.talk .content1 {
top: 0;
}

.ucms.talk .content1 {
top: 0;
}

.u-pick-spell {
background-color: #ececec;
}
.u-pick-spell__con {
max-width: 1440px;
padding: 45px 20px 51px;
margin: 0 auto;
}
@media (max-width: 750px) {
.u-pick-spell__con {
margin: 0 20px;
}
}
@media (min-width: 751px) {
.u-pick-spell__con {
background: url(/static/ucms/img/solution/pick/img-01.png) right bottom no-repeat;
background-size: 450px;
}
}
@media (min-width: 992px) {
.u-pick-spell__con {
background-size: auto;
}
}
.u-pick-spell__hgroup {
margin-bottom: 20px;
text-align: center;
}
.u-pick-spell__hgroup h2 {
height: 30px;
font-family: NEXONLv1GothicOTF;
font-size: 30px;
font-weight: bold;
font-stretch: normal;
font-style: normal;
line-height: 0.87;
letter-spacing: -0.75px;
text-align: center;
color: #002366;
}
.u-pick-spell__hgroup p {
margin-top: 14px;
font-family: NEXONLv1GothicOTF;
font-size: 16px;
font-weight: 300;
font-stretch: normal;
font-style: normal;
line-height: 1.63;
letter-spacing: -0.4px;
}
.u-pick-spell ul {
display: flex;
gap: 30px;
flex-direction: column;
}
.u-pick-spell li {
display: flex;
gap: 30px;
}
.u-pick-spell .i {
flex-shrink: 0;
display: flex;
align-items: center;
justify-content: center;
width: 88px;
height: 88px;
background-color: #fff;
border-radius: 88px;
}
.u-pick-spell dl {
display: flex;
align-items: flex-start;
flex-direction: column;
justify-content: center;
}
.u-pick-spell dt {
font-family: NEXONLv1GothicOTF;
font-size: 20px;
font-weight: bold;
font-stretch: normal;
font-style: normal;
line-height: 1.3;
letter-spacing: -0.5px;
color: #002366;
}
.u-pick-spell dd {
font-family: NEXONLv1GothicOTF;
font-size: 16px;
font-weight: 300;
font-stretch: normal;
font-style: normal;
line-height: 1.63;
letter-spacing: -0.4px;
color: #000;
}

.u-pick-process-title-group {
text-align: center;
margin: 70px 0 50px;
}
.u-pick-process-title-group h3 {
font-family: NEXONLv1GothicOTF;
font-size: 30px;
font-weight: bold;
font-stretch: normal;
font-style: normal;
line-height: 1;
letter-spacing: -0.75px;
color: #002366;
}
.u-pick-process-title-group p {
margin: 14px 0;
font-family: NEXONLv1GothicOTF;
font-size: 16px;
font-weight: normal;
font-stretch: normal;
font-style: normal;
line-height: 1.63;
letter-spacing: -0.4px;
color: #000;
}
.u-pick-process-title-group p em {
font-style: normal;
font-weight: 400;
}

.u-pick-process-step {
max-width: 1440px;
margin: 20px auto 0;
border: solid 1px #ddd;
padding: 28px 200px 34px;
border-radius: 5px;
}
@media (max-width: 1200px) {
.u-pick-process-step {
padding: 20px;
margin: 20px;
}
}
@media (max-width: 750px) {
.u-pick-process-step {
padding: 10px;
}
}
.u-pick-process-step ol {
display: flex;
flex-wrap: wrap;
text-align: center;
}
@media (max-width: 750px) {
.u-pick-process-step ol {
gap: 8px;
}
}
.u-pick-process-step li {
flex-grow: 1;
flex-shrink: 0;
}
@media (max-width: 750px) {
.u-pick-process-step li {
width: calc(50% - 8px);
}
}
.u-pick-process-step .step {
display: inline-block;
padding: 5px 5px 4px;
background-color: #f1f3ff;
font-family: NEXONLv1GothicOTF;
font-size: 16px;
font-weight: bold;
line-height: 1;
letter-spacing: -0.4px;
color: #000;
}
.u-pick-process-step .ico {
height: 58px;
margin: 26px 0 19px;
display: flex;
align-items: center;
justify-content: center;
}
.u-pick-process-step .txt {
font-family: NEXONLv1GothicOTF;
font-size: 16px;
line-height: 1.63;
letter-spacing: -0.4px;
color: #000;
}

.text-transform-low a {
text-transform: lowercase;
}

.txt-style em {
font-family: NEXONLv1GothicLowOTF;
font-size: 16px;
color: #002366;
}
.txt-style p + p {
margin-top: 15px;
}
.txt-style p {
font-family: NEXONLv1GothicOTF;
font-weight: 300;
line-height: 1.63;
letter-spacing: -0.4px;
color: #000;
}

.card {
margin: 40px auto 0;
width: 250px;
height: 60px;
perspective: 1000px;
cursor: pointer;
}

.card-inner {
display: block;
position: relative;
width: 100%;
height: 100%;
transition: transform 0.6s;
transform-style: preserve-3d;
}

.card:hover .card-inner {
transform: rotateY(180deg);
}

.card-front,
.card-back {
position: absolute;
backface-visibility: hidden;
display: flex;
justify-content: center;
align-items: center;
width: 250px;
height: 60px;
background-color: #ffa900;
border-radius: 62px;
font-size: 22px;
transition: all 0.8s;
text-decoration: none;
color: #072666;
}

.card-front {
background-color: #ffa900;
color: #072666;
}

.card-back {
background: #072666;
color: white;
transform: rotateY(180deg);
}

@font-face {
font-family: "Pretendard";
src: url("/static/font/Pretendard/PretendardVariable.woff2") format("woff2");
font-weight: normal;
font-style: normal;
}
body {
font-family: Pretendard;
line-height: 1.5;
}

* {
box-sizing: border-box;
}

.bu2 {
margin: 40px 0 20px;
}

a {
color: #000;
}

.sm\:visible {
display: none;
}
@media (max-width: 750px) {
.sm\:visible {
display: block;
}
}

@media (max-width: 750px) {
.sm\:hide {
display: none;
}
}
/*# sourceMappingURL=default.css.map */